#wrapper {
 overflow: hidden;
 background-image: url(/about/img/main_bg.gif), -webkit-linear-gradient(top, #acddf7 0, #acddf7 387px, #fdefd7 387px);
 background-image: url(/about/img/main_bg.gif), linear-gradient(to bottom, #acddf7 0, #acddf7 387px, #fdefd7 387px);
 background-repeat: no-repeat;
 background-position: center top;
}
@media screen and (max-width: 1024px) {
 #wrapper {
  background-color: #fdefd7;
  background-image: url(/about/img/sp/kv_tab.gif);
  background-size: 100%, auto;
 }
}
@media screen and (max-width: 600px) {
 #wrapper {
  background-image: url(/index/img/sp/kv_sp.gif), -webkit-linear-gradient(top, #acddf7 0, #acddf7 387px, #fdefd7 387px);
  background-image: url(/index/img/sp/kv_sp.gif), linear-gradient(to bottom, #acddf7 0, #acddf7 387px, #fdefd7 387px);
 }
}
#wrapper h2 {
 margin-bottom: 30px;
 color: var(--color_bw1);
 font-weight: bold;
 font-size: 30px;
 text-align: center;
}
@media screen and (max-width: 1024px) {
 #wrapper h2 {
  font-size: clamp(1.375rem, 1.086rem + 1.23vw, 1.875rem);
 }
}
@media screen and (max-width: 600px) {
 #wrapper h2 {
  margin-bottom: 20px;
 }
}
#wrapper h2 span {
 font-size: 0.8em;
}
@media screen and (max-width: 1024px) {
 #wrapper [class^=deco] {
  display: none;
 }
}
#wrapper section {
 width: 100%;
}
#wrapper section.ttl_area {
 margin: 40px 0 80px;
 text-align: center;
}
@media screen and (max-width: 600px) {
 #wrapper section.ttl_area {
  margin: 20px 0 40px;
 }
 #wrapper section.ttl_area h1 img {
  width: 70%;
 }
}
@media screen and (max-width: 1024px) {
 #wrapper section.philosophy_area {
  padding: 0 5%;
 }
}
#wrapper section.philosophy_area >.inner {
 position: relative;
 width: 100%;
 max-width: 900px;
 margin: 0 auto;
}
#wrapper section.philosophy_area >.inner .deco {
 position: absolute;
 bottom: 0;
 left: -260px;
}
#wrapper section.philosophy_area >.inner .philosophy_col {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 -webkit-box-align: end;
     -ms-flex-align: end;
         align-items: flex-end;
}
@media screen and (max-width: 768px) {
 #wrapper section.philosophy_area >.inner .philosophy_col {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.philosophy_area >.inner .philosophy_col {
  display: block;
 }
}
#wrapper section.philosophy_area >.inner .philosophy_col .img {
 position: relative;
 width: 45%;
 max-width: 400px;
 overflow: hidden;
 border: 5px solid #ffffff;
 border-radius: 20px;
}
@media screen and (max-width: 600px) {
 #wrapper section.philosophy_area >.inner .philosophy_col .img {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
 }
}
#wrapper section.philosophy_area >.inner .philosophy_col .img img {
 width: 100%;
}
#wrapper section.philosophy_area >.inner .philosophy_col .img p.image {
 position: absolute;
 top: 10px;
 right: 10px;
 color: #ffffff;
 font-weight: bold;
 font-size: 12px;
}
#wrapper section.philosophy_area >.inner .philosophy_col .txt_area {
 width: 55%;
 padding-left: 40px;
}
@media screen and (max-width: 600px) {
 #wrapper section.philosophy_area >.inner .philosophy_col .txt_area {
  width: 100%;
  padding: 0;
 }
}
#wrapper section.philosophy_area >.inner .philosophy_col .txt_area p.txt {
 line-height: 1.625;
 color: var(--color_bw1);
 font-weight: bold;
 font-size: var(--fz_lg);
}
#wrapper section.philosophy_area >.inner .philosophy_col .txt_area .flower {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 margin-top: 20px;
 padding: 10px 0;
 border-top: 4px solid #ffffff;
 border-bottom: 4px solid #ffffff;
}
#wrapper section.philosophy_area >.inner .philosophy_col .txt_area .flower .icon {
 -ms-flex-negative: 0;
     flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
 #wrapper section.philosophy_area >.inner .philosophy_col .txt_area .flower .icon {
  width: 120px;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.philosophy_area >.inner .philosophy_col .txt_area .flower .icon {
  width: 90px;
 }
}
#wrapper section.philosophy_area >.inner .philosophy_col .txt_area .flower p.desc {
 line-height: 1.5;
 padding-left: 15px;
 color: var(--color_bw1);
 font-weight: bold;
 font-size: var(--fz_md);
}
#wrapper section.philosophy_area >.inner .philosophy_col .txt_area .flower p.desc span {
 color: #6566ff;
}
#wrapper section.features_area {
 margin-bottom: 100px;
 padding-top: 80px;
 background: url(/about/img/bg_r.gif) right top no-repeat;
}
@media screen and (max-width: 1024px) {
 #wrapper section.features_area {
  margin-bottom: 60px;
  padding: 80px 5% 0;
  background-size: 35%;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.features_area {
  margin-bottom: 40px;
  padding-top: 60px;
 }
}
#wrapper section.features_area >.inner {
 position: relative;
 width: 100%;
 max-width: 1000px;
 margin: 0 auto;
}
#wrapper section.features_area >.inner .deco1 {
 position: absolute;
 top: 650px;
 right: -150px;
}
#wrapper section.features_area >.inner .deco2 {
 position: absolute;
 bottom: 170px;
 left: -185px;
}
#wrapper section.features_area >.inner .features_list .features_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 -webkit-box-align: end;
     -ms-flex-align: end;
         align-items: flex-end;
}
#wrapper section.features_area >.inner .features_list .features_box:not(:last-child) {
 margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
 #wrapper section.features_area >.inner .features_list .features_box:not(:last-child) {
  margin-bottom: 40px;
 }
 #wrapper section.features_area >.inner .features_list .features_box:not(:last-child):not(:has(h3)) .features_txt {
  margin-top: 20px;
 }
}
@media screen and (min-width: 600px) {
 #wrapper section.features_area >.inner .features_list .features_box:nth-child(2n) .img {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
 }
 #wrapper section.features_area >.inner .features_list .features_box:nth-child(2n) .features_txt {
  padding: 0 20px 30px 110px;
 }
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
 #wrapper section.features_area >.inner .features_list .features_box:nth-child(2n) .features_txt {
  padding-left: 0;
 }
}
@media screen and (min-width: 600px) {
 #wrapper section.features_area >.inner .features_list .features_box:nth-child(2n) .features_txt h3 {
  right: -60px;
  left: auto;
  margin-left: auto;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.features_area >.inner .features_list .features_box {
  display: block;
 }
}
#wrapper section.features_area >.inner .features_list .features_box .img {
 width: 40%;
 overflow: hidden;
 border: 4px solid #ffffff;
 border-radius: 20px;
}
@media screen and (max-width: 600px) {
 #wrapper section.features_area >.inner .features_list .features_box .img {
  width: 100%;
 }
}
#wrapper section.features_area >.inner .features_list .features_box .img img {
 width: 100%;
}
#wrapper section.features_area >.inner .features_list .features_box .features_txt {
 position: relative;
 width: 60%;
 padding: 0 130px 30px 20px;
}
@media screen and (max-width: 1024px) {
 #wrapper section.features_area >.inner .features_list .features_box .features_txt {
  padding-right: 0;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.features_area >.inner .features_list .features_box .features_txt {
  width: 100%;
  margin-top: -50px;
  padding: 0;
 }
}
#wrapper section.features_area >.inner .features_list .features_box .features_txt h3 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: relative;
 left: -60px;
 width: 331px;
 line-height: 1.4;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 margin-bottom: 15px;
 padding: 10px 0 0 40px;
 color: #7d505d;
 background: url(/about/img/ttl_bg1.png) center/100% no-repeat;
 font-weight: bold;
 font-size: 20px;

 aspect-ratio: 331/142;
}
@media screen and (max-width: 600px) {
 #wrapper section.features_area >.inner .features_list .features_box .features_txt h3 {
  left: 0;
  width: 270px;
  margin-bottom: 10px;
  padding-left: 25px;
  font-size: 16px;
 }
}
#wrapper section.features_area >.inner .features_list .features_box .features_txt h3.lg {
 width: 386px;
 background: url(/about/img/ttl_bg2.png) center/100% no-repeat;

 aspect-ratio: 193/71;
}
@media screen and (max-width: 600px) {
 #wrapper section.features_area >.inner .features_list .features_box .features_txt h3.lg {
  width: 300px;
 }
}
#wrapper section.features_area >.inner .features_list .features_box .features_txt h3.sm {
 width: 276px;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 padding-left: 0;
 background: url(/about/img/ttl_bg3.png) center/100% no-repeat;

 aspect-ratio: 138/71;
}
@media screen and (max-width: 600px) {
 #wrapper section.features_area >.inner .features_list .features_box .features_txt h3.sm {
  width: 200px;
 }
}
#wrapper section.features_area >.inner .features_list .features_box .features_txt p.txt {
 line-height: 1.5;
 color: var(--color_bw1);
 font-weight: bold;
 font-size: var(--fz_md);
 letter-spacing: 0.06em;
}
#wrapper section.measures_area >.inner {
 position: relative;
 width: 100%;
 max-width: 900px;
 margin: 0 auto;
}
@media screen and (max-width: 1024px) {
 #wrapper section.measures_area >.inner {
  padding: 0 5%;
 }
}
#wrapper section.measures_area >.inner .deco {
 position: absolute;
 right: -250px;
 bottom: -30px;
}
#wrapper section.measures_area >.inner .measures_col {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
}
@media screen and (max-width: 600px) {
 #wrapper section.measures_area >.inner .measures_col {
  display: block;
 }
}
#wrapper section.measures_area >.inner .measures_col .measures_box {
 width: 60%;
 margin: 0 auto;
 padding: 0 40px 25px;
 text-align: center;
}
@media screen and (max-width: 600px) {
 #wrapper section.measures_area >.inner .measures_col .measures_box {
  width: 100%;
  padding: 0 20px;
  border: none;
 }
}
#wrapper section.measures_area >.inner .measures_col .measures_box .img {
 margin-bottom: 20px;
}
#wrapper section.measures_area >.inner .measures_col .measures_box .img img {
 border-radius: 30px;
}
#wrapper section.measures_area >.inner .measures_col .measures_box h3 {
 margin-bottom: 15px;
 color: var(--color_bw1);
 font-weight: bold;
 font-size: 24px;
}
@media screen and (max-width: 600px) {
 #wrapper section.measures_area >.inner .measures_col .measures_box h3 {
  font-size: 20px;
 }
}
#wrapper section.measures_area >.inner .measures_col .measures_box p.txt {
 line-height: 1.5;
 color: var(--color_bw1);
 font-weight: bold;
 font-size: var(--fz_md);
 text-align: left;
 letter-spacing: 0.06em;
}
#wrapper section.info_area {
 margin-bottom: 120px;
 padding-top: 100px;
 background: url(/about/img/bg_l.gif) left top 10px no-repeat;
}
@media screen and (max-width: 1024px) {
 #wrapper section.info_area {
  margin-bottom: 60px;
  padding-top: 60px;
  background-size: 30%;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.info_area {
  margin-bottom: 100px;
  padding-top: 40px;
 }
}
#wrapper section.info_area >.inner {
 position: relative;
 width: 100%;
 max-width: 1000px;
 margin: 0 auto;
}
#wrapper section.info_area >.inner .deco1 {
 position: absolute;
 bottom: 80px;
 left: -190px;
}
#wrapper section.info_area >.inner .deco2 {
 position: absolute;
 right: -140px;
 bottom: -130px;
}
#wrapper section.info_area >.inner .slide_wrap +.slide_wrap {
 margin-top: 100px;
}
#wrapper section.info_area >.inner .info_slide {
 text-align: center;
}
#wrapper section.info_area >.inner .info_slide .slick-arrow {
 position: absolute;
 top: 40%;
 z-index: 3;
 width: 60px;
 cursor: pointer;

 aspect-ratio: 1/1;
}
@media screen and (max-width: 600px) {
 #wrapper section.info_area >.inner .info_slide .slick-arrow {
  top: 35%;
  width: 45px;
 }
}
#wrapper section.info_area >.inner .info_slide .slick-arrow.info_prev {
 left: calc(18% - 30px);
}
@media screen and (max-width: 600px) {
 #wrapper section.info_area >.inner .info_slide .slick-arrow.info_prev {
  left: calc(8% - 20px);
 }
}
#wrapper section.info_area >.inner .info_slide .slick-arrow.info_next {
 right: calc(18% - 30px);
}
@media screen and (max-width: 600px) {
 #wrapper section.info_area >.inner .info_slide .slick-arrow.info_next {
  right: calc(8% - 20px);
 }
}
#wrapper section.info_area >.inner .info_slide .slick-list .slick-slide {
 margin: 0 10px;
}
#wrapper section.info_area >.inner .info_slide .slide_items .img img {
 width: 100%;
 border-radius: 50px;
}
@media screen and (max-width: 600px) {
 #wrapper section.info_area >.inner .info_slide .slide_items .img img {
  border-radius: 30px;
 }
}
#wrapper section.info_area >.inner .info_slide .slide_items p.caption {
 margin-top: 20px;
 color: var(--color_bw1);
 font-weight: bold;
 font-size: 20px;
}
@media screen and (max-width: 600px) {
 #wrapper section.info_area >.inner .info_slide .slide_items p.caption {
  font-size: 14px;
 }
}
#wrapper section.info_area >.inner .info_tmb {
 margin-top: 40px;
}
@media screen and (max-width: 600px) {
 #wrapper section.info_area >.inner .info_tmb {
  margin-top: 25px;
  padding: 0 5%;
 }
}
#wrapper section.info_area >.inner .info_tmb .slick-list .slick-track {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
}
@media screen and (min-width: 600px) {
 #wrapper section.info_area >.inner .info_tmb .slick-list .slick-track {
  width: 100% !important;
  -webkit-transform: none !important;
          transform: none !important;
 }
}
#wrapper section.info_area >.inner .info_tmb .slick-list .slick-track .slick-slide {
 width: 120px !important;
}
@media screen and (max-width: 1024px) {
 #wrapper section.info_area >.inner .info_tmb .slick-list .slick-track .slick-slide {
  width: 90px !important;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.info_area >.inner .info_tmb .slick-list .slick-track .slick-slide {
  width: auto !important;
 }
}
#wrapper section.info_area >.inner .info_tmb .slick-list .slick-track .slick-slide:not(:last-child) {
 margin-right: 10px !important;
}
@media screen and (max-width: 600px) {
 #wrapper section.info_area >.inner .info_tmb .slick-list .slick-track .slick-slide:not(:last-child) {
  margin-right: 5px !important;
 }
}
#wrapper section.info_area >.inner .info_tmb .slick-list .slick-track .slick-slide.slick-current .tmb_items {
 border-color: #7d505d;
}
#wrapper section.info_area >.inner .info_tmb .slick-list .slick-track .slick-slide .tmb_items {
 width: 100%;
 overflow: hidden;
 border: 3px solid #fdf1d7;
 border-radius: 20px;
 cursor: pointer;
}
@media screen and (max-width: 600px) {
 #wrapper section.info_area >.inner .info_tmb .slick-list .slick-track .slick-slide .tmb_items {
  border-radius: 10px;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.reservation_area >.inner {
  padding: 0 5%;
 }
}
#wrapper section.reservation_area >.inner .btn_reservation {
 margin-bottom: 30px;
}
#wrapper section.reservation_area >.inner .btn_reservation .btn_bl {
 margin: 0 auto;
}
#wrapper section.reservation_area >.inner .btn_links {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
}
#wrapper section.reservation_area >.inner .btn_links a:not(:last-child) {
 margin-right: 20px;
}
/*# sourceMappingURL=layout.css.map */