@charset "UTF-8";

/*!* -----------------------------
	home__title
------------------------------ */
.home__title { overflow: hidden; position: relative; height: 768px; }
.home__title .slide { position: relative; height: 768px; }
.home__title__flex { box-sizing: border-box;  display: flex; align-items: center; justify-content: center; text-align: center; position: relative; padding-bottom: 40px; height: 768px; z-index: +2; }
.home__title__flex__heading { padding: 0 20px; }
.home__title__flex__heading > span { color: #ffffff; display: block; font-size: 6.4rem; font-weight: 700; line-height: 1; }
.home__title__flex__heading > small { color: #ffffff; display: block; font-size: 1.8rem; font-weight: 400; line-height: 2.4444; margin-top: 7px; }
.home__title__flex__btn { margin-top: 30px; }
.home__title__flex__btn > a { border: 2px solid #ffffff; border-radius: 20px; color: #ffffff; display: block; line-height: 36px; margin: 0 auto; width: 142px; }
.home__title__flex__btn > a:hover { text-decoration: none; }
.home__title__navi { box-sizing: border-box; background-color: #ffffff; border-top-left-radius: 10px; display: flex; align-items: center; font-size: 0; line-height: 0; position: absolute; bottom: 0px; right: 0px; padding: 14px 19px; z-index: +3; }
.home__title__navi .slick-prev { background: url("../common/img/arw_slider_prev.png") left center/auto 12px no-repeat; font-size: 0; line-height: 0; width: 17px; height: 12px; }
.home__title__navi .slick-next { background: url("../common/img/arw_slider_next.png") right center/auto 12px no-repeat; font-size: 0; line-height: 0; width: 17px; height: 12px; }
.home__title__navi .slick-dots { display: flex; align-items: center; margin: 0 5px; }
.home__title__navi .slick-dots li { margin: 0 5px; }
.home__title__navi .slick-dots button { border-radius: 50%; border: 1px solid #F6C143; display: block; align-items: center; font-size: 0; line-height: 0; outline: none; margin: 0; width: 10px; height: 10px; }
.home__title__navi .slick-dots button + button { display: none; }
.home__title__navi .slick-dots .slick-active button { background-color: #F6C143; }

/* slide 01 */
.home__title .slide_01 { background-color: #F6C143; }
.home__title .slide_01::before { background-color: #F8D37A; content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 116px; }
.home__title .slide_01 .slide_01_img { font-size: 0; line-height: 0; position: absolute; bottom: 7px; left: calc(50% - 671px); z-index: +1; }
.home__title .slide_01 .slide_01_img > img { max-width: none; }
/* slide 02 */
.home__title .slide_02 { background: url("../img/home/img_slide_02.jpg") center center/cover no-repeat; }
/* slide 03 */
.home__title .slide_03 { background: url("../img/home/img_slide_03.jpg") center center/cover no-repeat; }
.home__title .slide_03 .home__title__flex__heading > span { color: #333333; }
.home__title .slide_03 .home__title__flex__heading > small { color: #333333; }
.home__title .slide_03 .home__title__flex__btn > a { border: 2px solid #333333; color: #333333; }
/* slide 04 */
.home__title .slide_04 { background: url("../img/home/img_slide_04.jpg") center center/cover no-repeat; }
@media screen and (min-width: 768px) {
.home__title__navi__dot > li > a { transition: background-color 0.3s ease-out; }
.home__title__navi__dot > li > a:hover { background-color: #F6C143; }
}
@media screen and (max-width: 767px) {
.home__title { height: 587px; }
.home__title .slide { height: 587px; }
.home__title__flex { padding-bottom: 140px; height: 587px;  }
.home__title__flex__heading > span { font-size: 4.0rem; line-height: 1.25; }
.home__title__flex__heading > small { line-height: 1.5555; margin-top: 14px; }
.home__title__flex__btn { margin-top: 30px; }
.home__title__flex__btn > a { font-size: 1.6rem; width: 156px; }
.home__title__navi { border-radius: 10px 10px 0 0; justify-content: center; right: 20px; padding: 14px 14px; width: calc(100% - 40px); }
}

/*	home__whats
**************************************************** */
.home__whats { z-index:  +1; }
.home__whats::before { background-color: #F6C143; border-radius: 0 10px 10px 0; content: ""; position: absolute; top: 0px; left: 0px; width: calc(50vw + 517px); height: 100%; z-index: -1; }
.home__whats__section { display: flex; position: relative; margin-top: 60px; padding-top: 40px;  z-index: +1; }
.home__whats__section:nth-of-type(2) { margin-top: 100px; }
.home__whats__section__block { box-sizing: border-box; background-color: #ffffff; border-radius: 10px; display: flex; align-items: center; padding: 0 80px; width: 560px; height: 460px; }
.home__whats__section.home__whats__section--left { justify-content: flex-start;}
.home__whats__section.home__whats__section--left::before { background: url("../img/home/img_whats_01.jpg") right center/cover no-repeat; border-radius: 10px 0 0 10px; content: ""; position: absolute; top: 0px; left: calc(50% - 117px); width: calc(50vw + 117px); height: 460px; z-index: -1; }
.home__whats__section.home__whats__section--right { justify-content: flex-end;}
.home__whats__section.home__whats__section--right::before { background: url("../img/home/img_whats_02.jpg") center center/cover no-repeat; border-radius: 0 10px 10px 0; content: ""; position: absolute; top: 0px; right: calc(50% - 117px); width: calc(50vw + 117px); height: 460px; z-index: -1; }
.home__whats__section__block p:nth-of-type(1) { margin-top: 15px; }
.home__whats__section__block p:nth-of-type(2) { margin-top: 40px; }
@media only screen and (max-width:767px) {
.home__whats { background-color: #F6C143; }
.home__whats::before { display: none; }
.home__whats__section { display: block; padding-top: 196px; }
.home__whats__section:nth-of-type(2) { margin-top: 84px; }
.home__whats__section__block { border-radius: 10px; display: block; padding: 35px 20px 44px 20px; width: auto; height: auto; }
.home__whats__section.home__whats__section--left::before { border-radius: 0; left: -20px; width: calc(100% + 40px); height: 216px;  }
.home__whats__section.home__whats__section--right::before { border-radius: 0; right: -20px; width: calc(100% + 40px); height: 216px; }
}

/*	home__map
**************************************************** */
.home__map { z-index:  +1; }
.home__map::before { background-color: #F6C143; border-radius: 0 10px 10px 0; content: ""; position: absolute; top: 0px; left: 0px; width: calc(50vw + 517px); height: 100%; z-index: -1; }
.home__map__tab { display: flex; position: relative; margin: 60px auto 0 auto; width: 100%; max-width: 837px; }
.home__map__tab a { border: 1px solid #FADA8E; box-sizing: border-box; color: #ffffff; display: flex; align-items: center; justify-content: center; flex: 1; text-align: center; padding: 15px; transition: background-color 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out; }
.home__map__tab a:nth-of-type(1) { border-right: none; border-radius: 30px 0 0 30px; }
.home__map__tab a:nth-of-type(3) { border-left: none; border-radius: 0 30px 30px 0; }
.home__map__tab a:hover {  text-decoration: none; }
.home__map__tab a.is-current { background-color: #ffffff; border: 1px solid #ffffff; color: #F6C143; }
.home__map__frame { display: none; position: relative; margin-top: 40px; padding-bottom: 61.5%; }
.home__map__frame.frame_0 { display: block; }
.home__map__frame iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
@media screen and (min-width: 768px) {
.home__map__tab a:hover { background-color: #ffffff; border: 1px solid #ffffff; color: #F6C143; }
}
@media only screen and (max-width:767px) {
.home__map { background-color: #F6C143; }
.home__map::before { display: none; }
.home__map__tab { margin: 48px 0 0 0; width: auto; max-width: none; }
.home__map__tab a { font-size: 1.6rem; line-height: 1.25; padding: 14px 5px; }
.home__map__tab a:nth-of-type(1) { border-radius: 35px 0 0 35px; }
.home__map__tab a:nth-of-type(3) { border-radius: 0 35px 35px 0; }
.home__map__frame { margin-top: 20px; padding-bottom: 208.6567%; }
}

/*	home__newsletter
**************************************************** */
.home__newsletter { background: url("../img/home/bg_newsletter.jpg") center center/cover no-repeat; }
.home__newsletter .m-btn.m-btn--A { text-align: left; margin-top: 40px; }
@media only screen and (max-width:767px) {
.home__newsletter { background: url("../img/home/bg_newsletter_sp.jpg") center center/cover no-repeat; }
.home__newsletter .m-btn.m-btn--A { text-align: center; margin-top: 60px; }
}