@charset "UTF-8";
/* line 10, aza_specialist.scss */
#introSec { text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; }
/* line 12, aza_specialist.scss */
#introSec .catch { font-size: 28px; margin-bottom: 1em; }
/* line 13, aza_specialist.scss */
#introSec .read { line-height: 2.1; padding-right: 49%; }
/* line 16, aza_specialist.scss */
#introSec .phWrap { width: 50%; position: absolute; top: 0; right: 0; }
/* line 17, aza_specialist.scss */
#introSec .phWrap .ph { position: absolute; }
/* line 18, aza_specialist.scss */
#introSec .phWrap .ph.ph01 { width: 330px; top: -10px; right: 50px; }
/* line 19, aza_specialist.scss */
#introSec .phWrap .ph.ph02 { width: 200px; top: 210px; left: 10px; }
/* line 20, aza_specialist.scss */
#introSec .phWrap .ph.ph03 { width: 230px; top: 280px; right: -10px; }

@media only screen and (max-width: 750px) { /* line 28, aza_specialist.scss */
  #introSec { padding: 0 5%; }
  /* line 29, aza_specialist.scss */
  #introSec .cmnTit { order: 0; }
  /* line 30, aza_specialist.scss */
  #introSec .catch { font-size: 20px; margin-bottom: 1em; order: 1; }
  /* line 31, aza_specialist.scss */
  #introSec .read { line-height: 2.0; padding-right: 0; order: 3; }
  /* line 34, aza_specialist.scss */
  #introSec .phWrap { width: 100%; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; order: 2; display: flex; justify-content: space-between; flex-wrap: wrap; }
  /* line 36, aza_specialist.scss */
  #introSec .phWrap .ph.ph01 { width: 220px; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin: 0 auto; }
  /* line 37, aza_specialist.scss */
  #introSec .phWrap .ph.ph02 { width: 150px; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin: -4em 0 0 -1em; }
  /* line 38, aza_specialist.scss */
  #introSec .phWrap .ph.ph03 { width: 160px; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin: -3em -1em 0 0; } }
/* line 47, aza_specialist.scss */
#profileSec { background: #fef7f9; border-radius: 30px; margin-top: 50px; padding: .5em 2.5em 2em; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; }
/* line 48, aza_specialist.scss */
#profileSec .text { width: 58%; }
/* line 49, aza_specialist.scss */
#profileSec .text .name { justify-content: flex-start; position: relative; }
/* line 50, aza_specialist.scss */
#profileSec .text .name span { font-size: 20px; width: auto; margin-right: 1em; }
/* line 54, aza_specialist.scss */
#profileSec .text .name em { width: 170px; }
/* line 55, aza_specialist.scss */
#profileSec .text .name::after { /*margin-left: 1.5em; margin-right: auto; margin-bottom: -.5em;*/ position: absolute; top: -1em; left: 430px; }
/* line 57, aza_specialist.scss */
#profileSec .text .read { margin-top: 1.5em; }
/* line 59, aza_specialist.scss */
#profileSec .phWrap { width: 42%; margin-top: -140px; margin-right: -20px; }
/* line 60, aza_specialist.scss */
#profileSec .phWrap .ph { width: 186px; margin: 0 auto; }
/* line 61, aza_specialist.scss */
#profileSec .phWrap ul.listWrap { text-align: left; background: #fff; border-radius: 20px; filter: drop-shadow(1px 1px 1.5px rgba(102, 69, 69, 0.15)); padding: 1em 1em; margin-top: -45px; }
/* line 62, aza_specialist.scss */
#profileSec .phWrap ul.listWrap li { line-height: 1.6; }
/* line 63, aza_specialist.scss */
#profileSec .phWrap ul.listWrap li::before { color: #e23565; }
/* line 67, aza_specialist.scss */
#profileSec .btn.cmnBtnS { width: 165px; height: 30px; position: absolute; top: 40px; right: 30px; }
/* line 69, aza_specialist.scss */
#profileSec .btn.cmnBtnS a em { font-size: 14px; }
/* line 70, aza_specialist.scss */
#profileSec .btn.cmnBtnS a i { font-size: 12px; }

/* line 74, aza_specialist.scss */
.specialSiteLinkBnr { margin: 60px auto 0; }

@media only screen and (max-width: 750px) { /* line 85, aza_specialist.scss */
  #profileSec { border-radius: 0px; margin-top: 50px; padding: 200px 1.5em 2em; }
  /* line 86, aza_specialist.scss */
  #profileSec .text { width: 100%; position: relative; z-index: 5; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: center; }
  /* line 87, aza_specialist.scss */
  #profileSec .text .name { justify-content: flex-start; display: inline-flex; }
  /* line 88, aza_specialist.scss */
  #profileSec .text .name span { font-size: 15px; width: auto; margin-right: 1em; }
  /* line 92, aza_specialist.scss */
  #profileSec .text .name em { width: 150px; }
  /* line 93, aza_specialist.scss */
  #profileSec .text .name::after { margin: 0; position: absolute; top: auto; left: auto; bottom: calc(100% + 0px); right: -10px; width: 120px; height: 55px; }
  /* line 95, aza_specialist.scss */
  #profileSec .text .read { margin-top: 1.5em; }
  /* line 97, aza_specialist.scss */
  #profileSec .phWrap { width: 100%; margin-top: 10px; margin-right: 0; }
  /* line 98, aza_specialist.scss */
  #profileSec .phWrap .ph { width: 170px; margin: 0 auto; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; z-index: 0; top: -40px; }
  /* line 99, aza_specialist.scss */
  #profileSec .phWrap .ph::after { content: ""; width: 100%; height: 100px; background-image: linear-gradient(0deg, #fef7f9 30%, transparent 100%); position: absolute; bottom: 0px; left: 0; z-index: 1; }
  /* line 101, aza_specialist.scss */
  #profileSec .phWrap ul.listWrap { border-radius: 20px; padding: 1em 1em; margin-top: 10px; }
  /* line 102, aza_specialist.scss */
  #profileSec .phWrap ul.listWrap li { line-height: 1.6; font-size: 15px; text-align: justify; }
  /* line 107, aza_specialist.scss */
  #profileSec .btn.cmnBtnS { width: 180px; height: 36px; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin: 2em auto 0; }
  /* line 109, aza_specialist.scss */
  #profileSec .btn.cmnBtnS a em { font-size: 15px; }
  /* line 110, aza_specialist.scss */
  #profileSec .btn.cmnBtnS a i { font-size: 13px; }
  /* line 114, aza_specialist.scss */
  .specialSiteLinkBnr { margin: 60px auto 0; } }
/* line 126, aza_specialist.scss */
#typesSec { margin-top: 5em; }
/* line 127, aza_specialist.scss */
#typesSec ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 128, aza_specialist.scss */
#typesSec ul.listWrap li { width: calc(100% / 4 - 30px); }
/* line 131, aza_specialist.scss */
#typesSec ul.listWrap li .ph::after { bottom: -.5em; right: -.5em; }
/* line 133, aza_specialist.scss */
#typesSec ul.listWrap li .cmnTitC { font-size: 20px; margin-top: 1em; }
/* line 135, aza_specialist.scss */
#typesSec ul.listWrap li .cmnTitC em small { font-size: 80%; }
/* line 145, aza_specialist.scss */
#typesSec .cmnBtn { margin: 2em auto 0; }
/* line 147, aza_specialist.scss */
#typesSec .cmnBtn a em { font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; letter-spacing: .15em; }

@media only screen and (max-width: 750px) { /* line 156, aza_specialist.scss */
  #typesSec { margin-top: 5em; padding: 0 5%; }
  /* line 157, aza_specialist.scss */
  #typesSec ul.listWrap { grid-row-gap: 2.5em; }
  /* line 158, aza_specialist.scss */
  #typesSec ul.listWrap li { width: calc(100% / 2 - 10px); }
  /* line 161, aza_specialist.scss */
  #typesSec ul.listWrap li .ph::after { bottom: -.5em; right: -.5em; }
  /* line 163, aza_specialist.scss */
  #typesSec ul.listWrap li .cmnTitC { font-size: 18px; margin-top: 1em; }
  /* line 165, aza_specialist.scss */
  #typesSec ul.listWrap li .cmnTitC em small { font-size: 80%; display: block; }
  /* line 168, aza_specialist.scss */
  #typesSec ul.listWrap li .read { font-size: 15px; line-height: 1.8; }
  /* line 175, aza_specialist.scss */
  #typesSec .cmnBtn { margin: 2em auto 0; }
  /* line 177, aza_specialist.scss */
  #typesSec .cmnBtn a em { font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; letter-spacing: .15em; } }
/* line 187, aza_specialist.scss */
#for_childrenSec { margin-top: 5em; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 188, aza_specialist.scss */
#for_childrenSec .phMain { width: 54%; margin-top: 1em; margin-left: -1.5em; }
/* line 189, aza_specialist.scss */
#for_childrenSec .read { width: 45%; }
/* line 190, aza_specialist.scss */
#for_childrenSec .read span { display: block; }
/* line 191, aza_specialist.scss */
#for_childrenSec .read span:not(:last-child) { margin-bottom: 1em; }

/* line 195, aza_specialist.scss */
.movieWrapper { width: 580px; margin: 3em auto 0; }

@media only screen and (max-width: 750px) { /* line 207, aza_specialist.scss */
  #for_childrenSec { margin-top: 5em; padding: 0 5%; }
  /* line 208, aza_specialist.scss */
  #for_childrenSec .phMain { width: 106%; margin: 0 -3% 1em; }
  /* line 209, aza_specialist.scss */
  #for_childrenSec .read { width: 100%; }
  /* line 211, aza_specialist.scss */
  #for_childrenSec .read span:not(:last-child) { margin-bottom: 1em; }
  /* line 215, aza_specialist.scss */
  .movieWrapper { width: 90%; margin: 3em auto 0; } }
/* line 228, aza_specialist.scss */
#columnSec { margin-top: 5em; position: relative; padding-bottom: 120px; }
/* line 229, aza_specialist.scss */
#columnSec::before, #columnSec::after { content: ""; width: 100%; height: 50px; background: url("../../img/aza_specialistColumn01.webp") no-repeat center; background-size: 100% auto !important; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; z-index: 0; }
/* line 230, aza_specialist.scss */
#columnSec::before { top: 40px; }
/* line 231, aza_specialist.scss */
#columnSec::after { bottom: 0; }
/* line 232, aza_specialist.scss */
#columnSec .tit { display: flex; flex-direction: column; flex-wrap: wrap; width: 200px; margin: auto; position: relative; z-index: 10; }
/* line 233, aza_specialist.scss */
#columnSec .tit span, #columnSec .tit em { position: relative; z-index: 5; }
/* line 234, aza_specialist.scss */
#columnSec .tit span { font-family: "Cormorant Garamond", serif; font-style: italic; font-size: 35px; border-bottom: 1px solid #b3a2a2; }
/* line 235, aza_specialist.scss */
#columnSec .tit em { font-family: "YakuHanJP", "HummingProN-M", "FOT-ハミング ProN M"; font-size: 28px; }
/* line 236, aza_specialist.scss */
#columnSec .tit::after { content: ""; width: 250px; height: 250px; border-radius: 50%; filter: blur(20px); background: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; z-index: 0; }
/* line 239, aza_specialist.scss */
#columnSec .phWrap .ph { position: absolute; z-index: 6; mix-blend-mode: multiply; }
/* line 240, aza_specialist.scss */
#columnSec .phWrap .ph.ph01 { position: relative; width: 180px; margin: 0 auto; }
/* line 241, aza_specialist.scss */
#columnSec .phWrap .ph.ph02 { width: 180px; top: 200px; left: 50px; }
/* line 242, aza_specialist.scss */
#columnSec .phWrap .ph.ph03 { width: 180px; top: 200px; right: 50px; }
/* line 243, aza_specialist.scss */
#columnSec .phWrap .ph.ph04 { width: 180px; top: 480px; left: 0px; }
/* line 244, aza_specialist.scss */
#columnSec .phWrap .ph.ph05 { width: 180px; top: 480px; right: 0px; }
/* line 247, aza_specialist.scss */
#columnSec .read { text-align: center; margin-top: 1em; position: relative; z-index: 5; }
/* line 248, aza_specialist.scss */
#columnSec .read::before { content: ""; width: 100%; height: calc(100% + 250px); background: rgba(254, 247, 249, 0.5); filter: blur(20px); position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; z-index: 0; bottom: -50px; mix-blend-mode: multiply; }

@media only screen and (max-width: 750px) { /* line 255, aza_specialist.scss */
  #columnSec { margin-top: 5em; padding-bottom: 150px; }
  /* line 256, aza_specialist.scss */
  #columnSec::before, #columnSec::after { width: 100%; height: 30px; background-size: 750px auto !important; }
  /* line 257, aza_specialist.scss */
  #columnSec::before { top: 40px; }
  /* line 258, aza_specialist.scss */
  #columnSec::after { bottom: 0; }
  /* line 259, aza_specialist.scss */
  #columnSec .tit { width: 150px; margin: auto; }
  /* line 260, aza_specialist.scss */
  #columnSec .tit span { font-size: 24px; }
  /* line 261, aza_specialist.scss */
  #columnSec .tit em { font-size: 20px; }
  /* line 262, aza_specialist.scss */
  #columnSec .tit::after { width: 180px; height: 180px; filter: blur(10px); }
  /* line 266, aza_specialist.scss */
  #columnSec .phWrap .ph.ph01 { position: relative; width: 130px; margin: 0 auto; }
  /* line 267, aza_specialist.scss */
  #columnSec .phWrap .ph.ph02 { width: 110px; top: 140px; left: 0px; }
  /* line 268, aza_specialist.scss */
  #columnSec .phWrap .ph.ph03 { width: 110px; top: 140px; right: 0px; }
  /* line 269, aza_specialist.scss */
  #columnSec .phWrap .ph.ph04 { width: 120px; top: auto; bottom: 30px; left: 30px; }
  /* line 270, aza_specialist.scss */
  #columnSec .phWrap .ph.ph05 { width: 120px; top: auto; bottom: 20px; right: 30px; }
  /* line 273, aza_specialist.scss */
  #columnSec .read { text-align: justify; margin-top: 2em; padding: 0 6.5%; }
  /* line 274, aza_specialist.scss */
  #columnSec .read::before { height: calc(100% + 250px); bottom: -50px; } }