@charset "UTF-8";
/* line 11, outline.scss */
#introSec .read { text-align: center; margin-top: 2em; }
/* line 12, outline.scss */
#introSec .wrapper { max-width: 1100px; margin: 2em auto 2em; border-radius: 30px; padding: 2em 2.5em 3.5em; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; overflow: hidden; }
/* line 13, outline.scss */
#introSec .wrapper::after { content: ""; width: 100%; height: 100%; background: url("../../img/cmn/mv_bg.webp") no-repeat; background-size: 100% 100%; opacity: .5; position: absolute; top: 0; left: 0; z-index: 0; }
/* line 14, outline.scss */
#introSec .wrapper .logo { width: 100%; position: relative; z-index: 5; }
/* line 15, outline.scss */
#introSec .wrapper .logo a { width: 360px; margin: 0 auto 2em; }
/* line 23, outline.scss */
#introSec .wrapper .sec { display: flex; justify-content: space-between; flex-wrap: wrap; width: 52.5%; position: relative; z-index: 5; }
/* line 24, outline.scss */
#introSec .wrapper .sec .t { position: relative; width: 250px; height: 250px; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; padding-top: 50px; box-sizing: border-box; }
/* line 25, outline.scss */
#introSec .wrapper .sec .t span, #introSec .wrapper .sec .t em { position: relative; z-index: 5; font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; filter: drop-shadow(1px 1px 1.5px rgba(102, 69, 69, 0.15)); }
/* line 26, outline.scss */
#introSec .wrapper .sec .t span { font-size: 18px; line-height: 1.8; background: #fff; padding: 0 1em; border-radius: 20px; margin-bottom: 1em; }
/* line 27, outline.scss */
#introSec .wrapper .sec .t em { font-size: 28px; color: #fff; line-height: 1.5; }
/* line 28, outline.scss */
#introSec .wrapper .sec .t::after { content: ""; width: 250px; height: 250px; border-radius: 50%; filter: blur(20px); position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; top: 0; z-index: 0; opacity: .8; }
/* line 30, outline.scss */
#introSec .wrapper .sec ul.listWrap { width: calc(100% - 270px); text-align: left; margin-top: 1.5em; }
/* line 31, outline.scss */
#introSec .wrapper .sec ul.listWrap li { line-height: 1.5; font-size: 16px; }
/* line 35, outline.scss */
#introSec .wrapper .sec .btn.cmnBtnS { width: 210px; height: 30px; position: absolute; top: calc(100% - 10px); }
/* line 36, outline.scss */
#introSec .wrapper .sec .btn.cmnBtnS a { background: #fff; }
/* line 37, outline.scss */
#introSec .wrapper .sec .btn.cmnBtnS a em { font-size: 14px; }
/* line 38, outline.scss */
#introSec .wrapper .sec .btn.cmnBtnS a i { font-size: 12px; }
/* line 42, outline.scss */
#introSec .wrapper .sec.sec01 { margin-right: -2.5%; flex-direction: row-reverse; }
/* line 46, outline.scss */
#introSec .wrapper .sec.sec01 .t::after { background: #EDB8C2; }
/* line 50, outline.scss */
#introSec .wrapper .sec.sec01 ul.listWrap li::before { color: #e23565; }
/* line 53, outline.scss */
#introSec .wrapper .sec.sec01 .btn.cmnBtnS { left: 0; }
/* line 60, outline.scss */
#introSec .wrapper .sec.sec02 { margin-left: -2.5%; }
/* line 64, outline.scss */
#introSec .wrapper .sec.sec02 .t::after { background: #c4b4d5; }
/* line 68, outline.scss */
#introSec .wrapper .sec.sec02 ul.listWrap li::before { color: #ce6dcc; }
/* line 71, outline.scss */
#introSec .wrapper .sec.sec02 .btn.cmnBtnS { right: 0; }

@media only screen and (max-width: 750px) { /* line 85, outline.scss */
  #introSec .read { text-align: justify; margin-top: 1.5em; padding: 0 5%; }
  /* line 86, outline.scss */
  #introSec .wrapper { max-width: 100%; margin: 2em auto 2em; border-radius: 0px; padding: 2em 1.5em 2.5em; }
  /* line 87, outline.scss */
  #introSec .wrapper::after { background: url("../../img/cmn/mv_bgSp.webp") no-repeat; background-size: 100% 100%; }
  /* line 88, outline.scss */
  #introSec .wrapper .logo { width: 100%; }
  /* line 89, outline.scss */
  #introSec .wrapper .logo a { width: 260px; margin: 0 auto 2em; }
  /* line 97, outline.scss */
  #introSec .wrapper .sec { width: 100%; }
  /* line 98, outline.scss */
  #introSec .wrapper .sec .t { width: 150px; height: 150px; padding-top: 20px; box-sizing: border-box; margin: 0 auto; }
  /* line 99, outline.scss */
  #introSec .wrapper .sec .t span { font-size: 16px; line-height: 1.8; padding: 0 1em; border-radius: 20px; margin-bottom: 1em; }
  /* line 100, outline.scss */
  #introSec .wrapper .sec .t em { font-size: 22px; line-height: 1.5; }
  /* line 101, outline.scss */
  #introSec .wrapper .sec .t::after { width: 120%; height: 120%; filter: blur(10px); opacity: .7; }
  /* line 103, outline.scss */
  #introSec .wrapper .sec ul.listWrap { width: 100%; margin-top: 1em; }
  /* line 104, outline.scss */
  #introSec .wrapper .sec ul.listWrap li { line-height: 1.5; font-size: 14px; text-align: justify; }
  /* line 105, outline.scss */
  #introSec .wrapper .sec ul.listWrap li:not(:last-child) { margin-bottom: .25em; }
  /* line 109, outline.scss */
  #introSec .wrapper .sec .btn.cmnBtnS { width: 220px; height: 36px; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin: 1em auto 0; }
  /* line 111, outline.scss */
  #introSec .wrapper .sec .btn.cmnBtnS a em { font-size: 15px; }
  /* line 112, outline.scss */
  #introSec .wrapper .sec .btn.cmnBtnS a i { font-size: 13px; }
  /* line 116, outline.scss */
  #introSec .wrapper .sec.sec01 { margin-right: auto; margin-bottom: 3.5em; }
  /* line 118, outline.scss */
  #introSec .wrapper .sec.sec01 .t span { margin-bottom: 1.5em; }
  /* line 127, outline.scss */
  #introSec .wrapper .sec.sec01 .btn.cmnBtnS { left: 0; }
  /* line 134, outline.scss */
  #introSec .wrapper .sec.sec02 { margin-left: auto; }
  /* line 145, outline.scss */
  #introSec .wrapper .sec.sec02 .btn.cmnBtnS { right: 0; } }
/* line 159, outline.scss */
#counceling_tableSec { margin-top: 5em; }
/* line 163, outline.scss */
#counceling_tableSec .counceling_table { margin-top: 2em; }
/* line 169, outline.scss */
#counceling_tableSec .counceling_table .tableWrap.monthly { display: none; }

@media only screen and (max-width: 750px) { /* line 181, outline.scss */
  #counceling_tableSec { margin-top: 5em; }
  /* line 185, outline.scss */
  #counceling_tableSec .counceling_table { margin-top: 2em; }
  /* line 191, outline.scss */
  #counceling_tableSec .counceling_table .tableWrap.monthly { display: none; } }
/* line 204, outline.scss */
#accessSec { margin-top: 5em; }
/* line 208, outline.scss */
#accessSec .add { font-size: 18px; margin: 2em auto; }
/* line 210, outline.scss */
#accessSec .add span:not(:last-child) { margin-right: 1em; }
/* line 214, outline.scss */
#accessSec .mapWrap { width: 100%; height: 0; padding-top: 650px; position: relative; }
/* line 215, outline.scss */
#accessSec .mapWrap iframe { width: 100%; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; }
/* line 217, outline.scss */
#accessSec .way { margin-top: 3em; }
/* line 219, outline.scss */
#accessSec .way ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 220, outline.scss */
#accessSec .way ul.listWrap li { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; width: 48%; margin-bottom: 1.5em; }
/* line 221, outline.scss */
#accessSec .way ul.listWrap li i { width: 90px; height: 90px; border-radius: 50%; background: #999; color: #fff; font-size: 38px; position: relative; }
/* line 222, outline.scss */
#accessSec .way ul.listWrap li i::before { position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; }
/* line 224, outline.scss */
#accessSec .way ul.listWrap li .text { width: calc(100% - 120px); text-align: left; }
/* line 225, outline.scss */
#accessSec .way ul.listWrap li .text .t { font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; font-size: 20px; }
/* line 226, outline.scss */
#accessSec .way ul.listWrap li .text .read { font-size: 15px; line-height: 1.6; }
/* line 229, outline.scss */
#accessSec .way ul.listWrap li.list01 { width: 100%; }
/* line 230, outline.scss */
#accessSec .way ul.listWrap li.list01 i.fa-solid.fa-bus { background: #e17767; }
/* line 232, outline.scss */
#accessSec .way ul.listWrap li.list01 .text .t { color: #e17767; }
/* line 237, outline.scss */
#accessSec .way ul.listWrap li.list02 i.fa-solid.fa-taxi { background: #77c5d9; }
/* line 239, outline.scss */
#accessSec .way ul.listWrap li.list02 .text .t { color: #77c5d9; }
/* line 244, outline.scss */
#accessSec .way ul.listWrap li.list03 i.fa-solid.fa-car { background: #7fce3f; }
/* line 246, outline.scss */
#accessSec .way ul.listWrap li.list03 .text .t { color: #7fce3f; }

@media only screen and (max-width: 750px) { /* line 257, outline.scss */
  #accessSec { margin-top: 5em; }
  /* line 261, outline.scss */
  #accessSec .add { font-size: 15px; margin: 1.5em auto; }
  /* line 263, outline.scss */
  #accessSec .add span:not(:last-child) { margin-right: 1em; }
  /* line 264, outline.scss */
  #accessSec .add span:nth-of-type(2) { margin-right: 0; }
  /* line 267, outline.scss */
  #accessSec .mapWrap { width: 100%; height: 0; padding-top: 350px; }
  /* line 270, outline.scss */
  #accessSec .way { margin-top: 3em; padding: 0 5%; }
  /* line 273, outline.scss */
  #accessSec .way ul.listWrap li { width: 100%; margin-bottom: 1.5em; align-items: flex-start; }
  /* line 274, outline.scss */
  #accessSec .way ul.listWrap li i { width: 60px; height: 60px; font-size: 28px; }
  /* line 277, outline.scss */
  #accessSec .way ul.listWrap li .text { width: calc(100% - 80px); }
  /* line 278, outline.scss */
  #accessSec .way ul.listWrap li .text .t { font-size: 18px; }
  /* line 279, outline.scss */
  #accessSec .way ul.listWrap li .text .read { font-size: 14px; line-height: 1.5; } }
/* line 311, outline.scss */
#gallerySec { margin-top: 5em; }
/* line 316, outline.scss */
#gallerySec .wrapper { margin-top: 3em; }
/* line 322, outline.scss */
#gallerySec #galleryPh ul.swiper-wrapper li.swiper-slide { height: 650px; }
/* line 323, outline.scss */
#gallerySec #galleryPh ul.swiper-wrapper li.swiper-slide em { display: none; }
/* line 327, outline.scss */
#gallerySec #galleryPh .swiper-button-prev, #gallerySec #galleryPh .swiper-button-next { width: 45px; height: 45px; background: rgba(255, 255, 255, 0.9); margin: 0; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; position: absolute; top: 320px; z-index: 10; opacity: .8; transition: .4s all; }
/* line 328, outline.scss */
#gallerySec #galleryPh .swiper-button-prev::before, #gallerySec #galleryPh .swiper-button-next::before { content: none; }
/* line 329, outline.scss */
#gallerySec #galleryPh .swiper-button-prev::after, #gallerySec #galleryPh .swiper-button-next::after { content: "\f138"; font-family: "Font Awesome 6 Pro"; font-weight: 400; font-size: 17px; color: #e23565; }
/* line 330, outline.scss */
#gallerySec #galleryPh .swiper-button-prev:hover, #gallerySec #galleryPh .swiper-button-next:hover { opacity: 1; }
/* line 332, outline.scss */
#gallerySec #galleryPh .swiper-button-prev { left: 0; }
/* line 333, outline.scss */
#gallerySec #galleryPh .swiper-button-prev::after { content: "\f104"; }
/* line 334, outline.scss */
#gallerySec #galleryPh .swiper-button-prev::before { content: ""; width: 1px; height: 70%; background: #b3a2a2; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: calc(100% - 1px); }
/* line 336, outline.scss */
#gallerySec #galleryPh .swiper-button-next { right: 0; }
/* line 337, outline.scss */
#gallerySec #galleryPh .swiper-button-next::after { content: "\f105"; }
/* line 344, outline.scss */
#gallerySec #galleryThmb { margin-top: 15px; }
/* line 346, outline.scss */
#gallerySec #galleryThmb ul.swiper-wrapper li.swiper-slide { opacity: .5; cursor: pointer; transition: .4s all; }
/* line 347, outline.scss */
#gallerySec #galleryThmb ul.swiper-wrapper li.swiper-slide:hover { opacity: 1; }
/* line 348, outline.scss */
#gallerySec #galleryThmb ul.swiper-wrapper li.swiper-slide em { display: none; }
/* line 349, outline.scss */
#gallerySec #galleryThmb ul.swiper-wrapper li.swiper-slide.swiper-slide-thumb-active { opacity: 1; }

@media only screen and (max-width: 750px) { /* line 358, outline.scss */
  #gallerySec { margin-top: 5em; }
  /* line 363, outline.scss */
  #gallerySec .wrapper { margin-top: 3em; }
  /* line 369, outline.scss */
  #gallerySec #galleryPh ul.swiper-wrapper li.swiper-slide { height: 350px; }
  /* line 370, outline.scss */
  #gallerySec #galleryPh ul.swiper-wrapper li.swiper-slide em { display: none; }
  /* line 374, outline.scss */
  #gallerySec #galleryPh .swiper-button-prev, #gallerySec #galleryPh .swiper-button-next { width: 30px; height: 30px; top: 170px; opacity: .25; }
  /* line 375, outline.scss */
  #gallerySec #galleryPh .swiper-button-prev::before, #gallerySec #galleryPh .swiper-button-next::before { content: none; }
  /* line 376, outline.scss */
  #gallerySec #galleryPh .swiper-button-prev::after, #gallerySec #galleryPh .swiper-button-next::after { font-size: 15px; }
  /* line 381, outline.scss */
  #gallerySec #galleryPh .swiper-button-prev::before { width: 1px; height: 70%; left: calc(100% - 1px); }
  /* line 391, outline.scss */
  #gallerySec #galleryThmb { margin-top: 15px; }
  /* line 393, outline.scss */
  #gallerySec #galleryThmb ul.swiper-wrapper li.swiper-slide { opacity: .5; cursor: pointer; transition: .4s all; }
  /* line 394, outline.scss */
  #gallerySec #galleryThmb ul.swiper-wrapper li.swiper-slide:hover { opacity: 1; }
  /* line 395, outline.scss */
  #gallerySec #galleryThmb ul.swiper-wrapper li.swiper-slide em { display: none; }
  /* line 396, outline.scss */
  #gallerySec #galleryThmb ul.swiper-wrapper li.swiper-slide.swiper-slide-thumb-active { opacity: 1; } }
