@charset "utf-8";
.ttl { text-align: center;}
.ttl h2 { color: #7fbe26; font-size: clamp(30px, 5.4vw, 70px); line-height: 1;}
.stl { position: relative; width: 88%; max-width: 980px; margin: 0 auto;}
.stl h2 { position: relative; color: #fff; font-size: clamp(20px, 3.2vw, 32px); text-align: center;}
.stl h2 span.eng { position: absolute; left: 0; top: 50%; transform: translateY(-55%);
 color: #7fbe26; font-size: clamp(30px, 5.4vw, 70px); line-height: 1;
}
.stl h2 span.jp { font-weight: 400;}
@media (max-width: 481px) {
	.stl h2 { font-size: 20px;}
	.stl h2 span.eng { font-size: 21px;}
}

 
.cta .inner { width: 88%; max-width: 1000px; margin: 0 auto; padding: 40px 0;}
.cta .tit { position: relative; margin-bottom: 25px;}
.cta .tit::before,
.cta .tit::after { content: ''; display: block; position: absolute;}
.cta .tit::before{ width: 100%; height: 1px; background: #7fbe26; left: 0; top: 50%; z-index: 1;}
.cta .tit::after { width: calc(100% - 180px); height: 3px; background: #000; position: absolute; left: 50%; top: 50%;
 transform: translate(-50%,-50%); z-index: 2;
}
.cta .tit h3 { position: relative; color: #fff; font-size: clamp(16px, 2.1vw, 26px); font-weight: 400; text-align: center; z-index: 3;}
.cta .tit h3:before { content: ''; display: inline-block; width: 84px; height: 62px; vertical-align: middle;
 background: url('/img/lp/icn-amazon.png') no-repeat 50% 50% / 100% auto;
}
.cta .tit h3 span { display: inline-block; padding-left: 10px; vertical-align: middle;}
.cta .tit h3 br { display: none;}
.cta .btn { margin-bottom: 25px; background: #fff;}
.cta .btn a { position: relative; display: block; padding: 32px 0 30px; background: #7fbe26; color: #fff; line-height: 1.2; text-align: center; text-decoration: none; transition: .3s cubic-bezier(0.39, 0.575, 0.565, 1);}
.cta .btn a span { display: block; font-size: 21px; font-weight: 700; line-height: 1;}
.cta .btn a span.eng { margin-bottom: 8px; font-size: clamp(30px, 5.4vw, 70px);} 
.cta .btn a:after { content: ''; display: block; width: 86px; height: 100%;
 position: absolute; right: 50px; top: 0;
 background: url('/img/lp/arw.svg') no-repeat 50% 50% / 100% auto;
 transition: .3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.cta .btn a:hover { opacity: 0.8;}
.cta .btn a:hover:after { transform: translateX(10px);}
.cta .tel { text-align: center;}
.cta .tel p { font-weight: 700; letter-spacing: 0.1rem; text-align: center;}
.cta .tel p.txt { display: inline-block; padding-bottom: 10px; border-bottom: solid 2px #7fbe26; font-size: 15px; }
.cta .tel p.telno { font-size: 30px; letter-spacing: 0.2rem;}
.cta .tel p.telno a { color: #7fbe26; text-decoration: none; pointer-events: none;}
@media (max-width: 801px) {
	.cta .tit h3 { font-size: 18px;}
	.cta .tit h3:before { width: 64px; height: 48px;}
	.cta .tit h3 br { display: block;}
	.cta .tit h3 span { text-align: left;}
	.cta .btn a span { font-size: 18px;}
	.cta .btn a span.eng { font-size: 6.4vw;}
}
@media (max-width: 481px) {
	.cta .inner { padding: 20px 0;}
	.cta .tit { margin-bottom: 12px;}
	.cta .tit::after { width: calc(100% - 60px);}
	.cta .tit h3 { font-size: 14px;}
	.cta .tit h3:before { width: 40px; height: 32px;}
	.cta .btn { margin-bottom: 15px;}
	.cta .btn a { padding: 16px 0 20px;}
	.cta .btn a:after { width: 40px; right: 25px;}
	.cta .btn a span { font-size: 12px;}
	.cta .btn a span.eng { font-size: 32px;}
	.cta .tel p.txt { padding-bottom: 6px; border-width: 1px; font-size: 12px;}
	.cta .tel p.telno { font-size: 21px;}
}

.line { position: relative; padding: 40px 0;}
.line:before { content: ''; width: 1px; height: 0px; background: #7fbe26;
 position: absolute; left: 50%; top: 0px; transform: translate(-50%,0);
 animation: 3.0s vline ease infinite;
}
@media (max-width: 481px) {
	.line { padding: 20px 0;}
	.line:before { animation: 3.0s vlineSp ease infinite;}
}


@keyframes zoom {
	0% { transform: scale(1);}
 100%{ transform: scale(1.2);}
}
@keyframes slideshow5 {
  0% { opacity: 0;}
 8% { opacity: 1;}
 15% { opacity: 1;}
 25% { opacity: 0;}
 100%{ opacity: 0;}
}
@keyframes slideshow4 {
  0% { opacity: 0;}
 10% { opacity: 1;}
 20% { opacity: 1;}
 30% { opacity: 0;}
 100%{ opacity: 0;}
}
@keyframes slideshow3 {
  0% { opacity: 0;}
  5% { opacity: 1;}
 33% { opacity: 1;}
 42% { opacity: 0;}
 100%{ opacity: 0;}
}
@keyframes slideshow2 {
  0% { opacity: 0;}
 35% { opacity: 1;}
 55% { opacity: 1;}
 60% { opacity: 0;}
 100%{ opacity: 0;}
}


@keyframes vline {
   0% { top: 0; height: 0px;}
  50% { top: 0; height: 80px;}
  51% { top: auto; bottom 0; height: 80px;}
 100% { top: auto; bottom: 0; height: 0px;}
}
@keyframes vlineSp {
   0% { top: 0; height: 0px;}
  50% { top: 0; height: 40px;}
  51% { top: auto; bottom 0; height: 40px;}
 100% { top: auto; bottom: 0; height: 0px;}
}



#kv .inner-kv { padding-bottom: 12px;}
#kv .kv-slide { position: relative; width: 100%; height: 100vh; overflow: hidden;}
#kv .slide { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0;}

#kv .slide2 .slide { animation: slideshow2 16s linear infinite;}
#kv .slide2 .slide:nth-child(2){ animation-delay: 8s;}

#kv .slide3 .slide { animation: slideshow3 24s linear infinite;}
#kv .slide3 .slide:nth-child(2){ animation-delay: 8s;}
#kv .slide3 .slide:nth-child(3){ animation-delay: 16s;}

#kv .slide4 .slide { animation: slideshow4 24s linear infinite;}
#kv .slide4 .slide:nth-child(2){ animation-delay: 6s;}
#kv .slide4 .slide:nth-child(3){ animation-delay: 12s;}
#kv .slide4 .slide:nth-child(4){ animation-delay: 18s;}

#kv .slide5 .slide { animation: slideshow5 30s linear infinite;}
#kv .slide5 .slide:nth-child(2){ animation-delay: 6s;}
#kv .slide5 .slide:nth-child(3){ animation-delay: 12s;}
#kv .slide5 .slide:nth-child(4){ animation-delay: 18s;}
#kv .slide5 .slide:nth-child(5){ animation-delay: 26s;}

#kv .slide .bg { position: relative; width: 100%; height: 100%; transform: scale(1); z-index: 1;
 background-size: cover; background-position: 50% 80%; background-repeat: no-repeat;
}

#kv .slide2 .slide .bg { animation: zoom 16s linear infinite;}
#kv .slide2 .slide:nth-child(2) .bg{ animation-delay: 8s;}

#kv .slide3 .slide .bg { animation: zoom 24s linear infinite;}
#kv .slide3 .slide:nth-child(2) .bg{ animation-delay: 8s;}
#kv .slide3 .slide:nth-child(3) .bg{ animation-delay: 16s;}

#kv .slide4 .slide .bg { animation: zoom 24s linear infinite;}
#kv .slide4 .slide:nth-child(2) .bg{ animation-delay: 6s;}
#kv .slide4 .slide:nth-child(3) .bg{ animation-delay: 12s;}
#kv .slide4 .slide:nth-child(4) .bg{ animation-delay: 18s;}

#kv .slide5 .slide .bg { animation: zoom 30s linear infinite;}
#kv .slide5 .slide:nth-child(2){ animation-delay: 6s;}
#kv .slide5 .slide:nth-child(3){ animation-delay: 12s;}
#kv .slide5 .slide:nth-child(4){ animation-delay: 18s;}
#kv .slide5 .slide:nth-child(5){ animation-delay: 26s;}



#kv .slide .txt { position: absolute; left: 0; top: 50%; width: 100%; z-index: 2;}
#kv .slide .txt p { color: #fff; font-size: clamp(30px, 3.0vw, 50px); font-weight: 400; letter-spacing: 0.25rem; line-height: 2; text-align: center; text-shadow: 0 0 5px rgba(0,0,0,.5);
font-family: "游明朝", "Yu Mincho", "YuMincho", serif;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
}
#kv .slide .txt p br { display: none;}
.slick-arrow 
@media (max-width: 1001px) {
	#kv .slide .txt p { font-size: 2.8vw;}
}
@media (max-width: 801px) {
	#kv .inner-kv { padding-bottom: 12px;}
	#kv .inner-kv:after { content: ''; display: block; width: 100%; height: 15%; background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0));
	 position: absolute; left: 0; top: 0; z-index: 2;
	}
	#kv .kv-slide { height: auto; padding-top: 100%;}
	#kv .slide { height: auto;}
	#kv .slide .bg { height: 0px; padding-top: 100%; background-size: cover;}
	#kv .slide .txt p { font-size: 4.8vw;}
	#kv .slide .txt p br { display: block;}
}
@media (max-width: 481px) {
	#kv .inner-kv { padding-bottom: 8px;}
	#kv .slide .txt p { font-size: 18px; font-weight: 700;}
}


.top-slider .feature-slide { padding: 0px 0px 30px;}
.top-slider .slide { padding: 0 10px;}
.top-slider .slide a { position: relative; display: block; width: 100%;}
.top-slider .slide a img { position: relative; width: 100%; z-index: 1;}
.top-slider .slide a span{ display: block; width: 100%; padding: 20px;
 color: #fff; font-size: clamp(14px, 1.4vw, 24px); font-weight: 700; letter-spacing: 0.05rem;
 position: absolute; left: 0; bottom: 0; z-index: 3;
 transition: .3s cubic-bezier(0.39, 0.575, 0.565, 1); transform: translateY(20px); opacity: 0;
}
.top-slider .slide a:after { content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.4);
 position: absolute; left: 0; top: 0; z-index: 2; transition: .3s cubic-bezier(0.39, 0.575, 0.565, 1); opacity: 0;
}
.top-slider .slide a span span.eng { display: none;}
.top-slider .slide a:hover span { opacity: 1; transform: translateY(0px);}
.top-slider .slide a:hover:after { opacity: 1;}
.top-slider .slick-arrow { top: 50%; transform: translateY(-80%); opacity: 0; visibility: hidden; transition: 0.3s ease;}
.top-slider:hover .slick-arrow { opacity: 1; visibility: visible;}
@media (max-width: 801px) {
	.top-slider .slide { padding: 0 6px;}
}
@media (max-width: 481px) {
	.top-slider .feature-slide { padding: 0px 0px 20px;}
	.top-slider .slide { padding: 0 4px;}
	.top-slider .slide a span { padding: 10px 8px; font-size: 10px;}
	.top-slider .slide.is-left a span { opacity: 1; transform: translateY(0px);}
	.top-slider .slide.is-left a:after { opacity: 1;}
}


#location .inner-sct { padding: 120px 0 30px;}
#location .city { width: 88%; max-width: 1080px; margin: 0 auto 30px;}
#location .city p { color: #7fbe26; font-size: 22px; line-height: 1.2;}
#location .city p span { display: inline-block;}
#location .city p span.eng { font-size: clamp(18px, 2.8vw, 38px); font-weight: 700;}
#location .city p span.jp { position: relative; padding-left: 140px;}
#location .city p span.jp:before { content: ''; display: block; width: 100px; height: 2px; background: #fff;
 position: absolute; left: 15px; top: 50%;
}
#location .ctn { width: 88%; max-width: 1080px; margin: 0 auto;}
#location .ctn h3 { margin-bottom: 20px; color: #fff; font-size: clamp(18px, 3.6vw, 32px); line-height: 1.4;}
#location .ctn h3 span { display: block; font-size: clamp(18px, 4.0vw, 36px);letter-spacing: 0.3rem;}
#location .ctn ul.root { margin-bottom: 60px;}
#location .ctn ul.root li { color: #7fbe26; font-size: 20px;}
#location .ctn p { font-size: 20px; line-height: 2.3;}
@media (max-width: 1001px) {
	#location .city p span.jp { padding-left: 100px;}
	#location .city p span.jp:before { width: 72px;}
	#location .ctn ul.root li { font-size: 18px;}
	#location .ctn p { font-size: 18px;}
}
@media (max-width: 801px) {
	#location .inner-sct { padding: 80px 0 20px;}
	#location .city p { font-size: 12px;}
	#location .city p span.eng { font-size: 20px;}
	#location .city p span.jp { padding-left: 80px;}
	#location .city p span.jp:before { width: 50px; left: 15px;}

	#location .ctn ul.root { margin-bottom: 40px;}
	#location .ctn p { font-size: 16px;}
}
@media (max-width: 481px) {
	#location .inner-sct { padding: 60px 0 20px;}
	#location .city { margin: 0 auto 12px;}
	#location .city p { font-size: 12px;}
	#location .city p span.eng { font-size: 19px;}
	#location .city p span.jp { padding-left: 50px;}
	#location .city p span.jp:before { width: 30px; height: 1px; left: 10px;}

	#location .ctn h3 { margin-bottom: 6px; font-size: 18px;}
	#location .ctn h3 span { font-size: 21px;letter-spacing: 0.2rem;}
	#location .ctn p { font-size: 14px; line-height: 1.8;}
	#location .ctn ul.root { margin-bottom: 20px;}
	#location .ctn ul.root li { font-size: 16px;}
}
@media (max-width: 381px) {
	#location .city p { font-size: 10px;}
	#location .city p span.eng { font-size: 16px;}
}


#story { position: relative;}
#story .pos { position: absolute; top: -40px;}
#story .inner-sct { padding: 40px 0;}
#story .bloc { padding: 40px 0;}
#story .bloc .tit { margin-bottom: 20px;}
#story .bloc .tit h3 { color: #fff; font-size: clamp(14px, 3.0vw, 32px); font-weight: 400; line-height: 1.4; text-align: center;}
#story .bloc .tit h3 br { display: none;}
#story .bloc figure { position: relative; width: 88%; max-width: 980px; margin: 0 auto; 20px; text-align: center;}
#story .bloc figure img { position: relative; width: 100%;}
#story .bloc figure span { position: absolute; width: 100%; padding: 0 20px 8px; left: 0px; bottom: 0px; z-index: 2;
 font-size: 12px; font-weight: 700; text-align: right;
}
#story .bloc .txt { width: 88%; max-width: 980px; margin: 0 auto; padding-top: 40px;}
#story .bloc .txt p { margin-bottom: 20px; line-height: 1.8;}
#story .bloc .txt p:last-child { margin-bottom: 0px;}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
	#story .bloc .txt p { font-size: 14px;}
}
@media (max-width: 481px) {
	#story .pos { top: 0px;}
	#story .inner-sct { padding: 30px 0;}
	#story .bloc { padding: 20px 0;}
	#story .bloc .tit { margin-bottom: 12px;}
	#story .bloc .tit h3 { font-size: 20px; font-weight: 700;}
	#story .bloc .tit h3 br { display: block;}

	#story .bloc figure span { padding: 0 8px 4px; font-size: 10px;}

	#story .bloc .txt p { font-size: 13px;}
}



#creators { position: relative;}
#creators .pos { position: absolute; top: -40px;}
#creators .inner-sct { padding: 40px 0 120px;}
#creators .ttl { margin-bottom: 30px;}
#creators .ctn { display: flex; justify-content: space-between; width: 88%; max-width: 980px; margin: 0 auto; padding: 30px 0;}
#creators .ctn.re {flex-direction: row-reverse; }
#creators .pht { width: 44%; max-width: 440px;}
#creators .txt { width: 54%; max-width: 480px;}
#creators .pht figure { text-align: center;}
#creators .pht figure img { width: 100%;}
#creators .txt h3 { margin-bottom: 20px; color: #7fbe26; font-size: clamp(14px, 2.8vw, 30px); }
#creators .txt p {}
#creators .txt p.name-eng { margin-bottom: 40px; font-size: clamp(14px, 3.0vw, 32px); }
#creators .txt p.name { margin-bottom: 40px; font-size: 22px;}
#creators .txt p.name span { display: block;}
@media (max-width: 1001px) {
	#creators .txt p.name { font-size: 18px;}
}
@media (max-width: 801px) {
	#creators .inner-sct { padding: 20px 0 100px;}
	#creators .ttl { margin-bottom: 20px;}
	#creators .ctn { display: block;}
	#creators .pht { width: 45%; max-width: 440px; margin: 0 auto 30px;}
	#creators .txt { width: 100%; max-width: 100%;}
	#creators .txt h3 { text-align: center;}
	#creators .txt p { font-size: 14px;}
	#creators .txt p.name-eng { text-align: center;}
	#creators .txt p.name { text-align: center;}
}
@media (max-width: 481px) {
	#creators .pos { top: 0px;}
	#creators .inner-sct { padding: 20px 0;}
	#creators .ttl { margin-bottom: 0px;}
	#creators .ctn { padding: 18px 0;}
	#creators .pht { margin: 0 auto 20px;}
	#creators .txt h3 { margin-bottom: 10px;}
	#creators .txt p { font-size: 12px;}
	#creators .txt p.name-eng { margin-bottom: 12px; font-size: 16px;}
	#creators .txt p.name { margin-bottom: 20px; font-size: 13px;}
}



#features { position: relative;}
#features .pos { position: absolute; top: -40px;}
#features .inner-sct { padding: 40px 0;}
#features .bloc { position: relative; padding: 80px 0;}
#features .bloc .pos { position: absolute; top: 0;}
#features .ctn { display: flex; justify-content: space-between; width: 100%; max-width: 1210px; margin: 0 auto;}
#features .ctn.re { flex-direction: row-reverse;}
#features .ctn .pht { width: 51%;}
#features .ctn .txt { width: 43%;}
#features .ctn .pht figure { position: relative;}
#features .ctn .pht figure img { position: relative; width: 100%; }
#features .ctn .pht figure span { position: absolute; width: 100%; padding: 0 20px 8px; left: 0px; bottom: 0px; z-index: 2;
 font-size: 12px; font-weight: 700;
}
#features .ctn.re .pht figure span { text-align: right;}
#features .ctn .txt .tips { margin-bottom: 72px; }
#features .ctn .txt .tips h3 { color: #fff; font-size: clamp(14px, 2.8vw, 32px);}
#features .ctn .txt .tips h3 span { display: block; margin-bottom: 8px; color: #7fbe26; font-size: 23px; line-height: 1;}
#features .ctn .txt p { margin-bottom: 40px;}
#features .ctn .txt ul li { position: relative; padding: 4px 0; padding-left: 25px; color: #fff; font-size: 18px; line-height: 1.4;}
#features .ctn .txt ul li:before { content: ''; display: block; width: 16px; height: 16px; background: #7fbe26;
 position: absolute; left: 0; top: 0.5em;
}
@media (max-width: 1211px) {
	#features .ctn .txt { width: 46%; padding: 0 30px}
}
@media (max-width: 1001px) {
	#features .ctn .txt .tips { margin-bottom: 40px; }
	#features .ctn .txt p { margin-bottom: 30px; font-size: 16px;}
	#features .ctn .txt ul li { font-size: 16px;}
}
@media (max-width: 801px) {
	#features .bloc { padding: 50px 0;}
	#features .ctn { display: block; }
	#features .ctn .pht { width: 90%; margin: 0 auto 30px;}
	#features .ctn .txt { width: 90%; margin: 0 auto; padding: 0;}
	#features .ctn .pht figure span { text-align: right;}
	#features .ctn .txt .tips h3 { font-size: 4.2vw;}
	#features .ctn .txt p { margin-bottom: 20px; font-size: 14px;}
	#features .ctn .txt ul li { font-size: 14px;}
	#features .ctn .txt ul li:before { width: 12px; height: 12px; top: 0.55em;}
}
@media (max-width: 481px) {
	#features .pos { top: 0px;}
	#features .inner-sct { padding: 40px 0 20px;}
	#features .bloc { padding: 20px 0;}
	#features .ctn .pht figure span { padding: 0 12px 6px; font-size: 10px;}
	#features .ctn .pht { margin: 0 auto 20px;}
	#features .ctn .txt .tips { margin-bottom: 20px; }
	#features .ctn .txt .tips h3 { font-size: 20px;}
	#features .ctn .txt .tips h3 span { font-size: 15px;}
	#features .ctn .txt p { font-size: 13px;}
	#features .ctn .txt ul li { padding: 2px; padding-left: 18px; font-size: 13px;}
	#features .ctn .txt ul li:before { width: 10px; height: 10px; top: 0.5em;}
}



#facilities .inner-sct { padding: 40px 0 100px;}
#facilities .stl { margin-bottom: 50px;}
#facilities .read { width: 88%; max-width: 980px; margin: 0 auto 30px;}
#facilities .read p.note { margin-top: 30px; font-size: 14px; text-align: right;}
#facilities .slide { padding: 0 10px;}
#facilities .slide .inner { position: relative; display: block; width: 100%;}
#facilities .slide .inner img { position: relative; width: 100%; z-index: 1;}
#facilities .slide .inner .txt{ display: block; width: 100%; padding: 10px 20px;
 position: absolute; left: 0; bottom: 0; z-index: 3;
 transition: .3s cubic-bezier(0.39, 0.575, 0.565, 1); transform: translateY(20px); opacity: 0;
}
#facilities .slide .inner .txt p { line-height: 1.4;}
#facilities .slide .inner .txt p em { display: block; margin-bottom: 6px; font-size: clamp(14px, 1.5vw, 24px); font-weight: 700;}
#facilities .slide .inner .txt p span { display: block; font-size: 14px;
font-family: "Noto Sans JP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
}
#facilities .slide .inner:after { content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.4);
 position: absolute; left: 0; top: 0; z-index: 2; transition: .3s cubic-bezier(0.39, 0.575, 0.565, 1); opacity: 0;
}
#facilities .slide .inner:hover .txt { transform: translateY(0px); opacity: 1;}
#facilities .slide .inner:hover:after { opacity: 1;}
#facilities .facilities-slide .slick-arrow { top: 50%; transform: translateY(-80%); opacity: 0; visibility: hidden; transition: 0.3s ease;}
#facilities .facilities-slide:hover .slick-arrow { opacity: 1; visibility: visible;}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
	#facilities .stl { margin-bottom: 30px;}
	#facilities .read p { font-size: 14px;}
	#facilities .read p.note { margin-top: 20px; font-size: 12px;}
	#facilities .slide .inner .txt p em { font-size: 16px;}
	#facilities .slide .inner .txt p span { font-size: 14px;}
}
@media (max-width: 481px) {
	#facilities .pos { top: 0px;}
	#facilities .inner-sct { padding: 30px 0 60px;}
	#facilities .stl { margin-bottom: 20px;}
	#facilities .read { margin: 0 auto 20px;}
	#facilities .read p { font-size: 13px;}
	#facilities .read p.note { margin-top: 12px; font-size: 10px;}

	#facilities .slide { padding: 0 4px;}
	#facilities .slide .inner .txt { padding: 8px 10px;}
	#facilities .slide .inner .txt p em { font-size: 12px;}
	#facilities .slide .inner .txt p span { font-size: 10px;}
	#facilities .slide.is-left .inner .txt { transform: translateY(0px); opacity: 1;}
	#facilities .slide.is-left .inner:after { opacity: 1;}
}


#plan { position: relative;}
#plan .pos { position: absolute; top: -40px;}
#plan .inner-sct { padding: 40px 0 100px;}
#plan .bloc { padding: 60px 0;}
#plan .ctn { display: flex; justify-content: space-between; width: 88%; max-width: 980px; margin: 0 auto;}
#plan .ctn .pht { width: 47%;}
#plan .ctn .detail { width: 45%;}
#plan .ctn .pht figure { position: relative;}
#plan .ctn .pht figure a { position: relative; display: block; transition: .3s cubic-bezier(0.39, 0.575, 0.565, 1);}
#plan .ctn .pht figure a:before { content: ''; display: block; width: 45px; height: 45px;
 position: absolute; left: 0; bottom: 0;
 background: url('/img/lp/icn-zoom.jpg') no-repeat 50% 50% / 100% auto;
}
#plan .ctn .pht figure a img { width: 100%;}
#plan .ctn .pht figure a:hover { opacity: 0.8;}
#plan .ctn .detail ul { border-top: solid 1px #7fbe26;}
#plan .ctn .detail ul li { padding: 16px 0; border-bottom: solid 1px #7fbe26;}
#plan .ctn .detail ul li ul { border: none;}
#plan .ctn .detail ul li ul li { margin-bottom: 6px; padding: 0px; border: none;}
#plan .ctn .detail ul li ul li:last-child { margin-bottom: 0px;}
#plan .ctn .detail ul li dl { position: relative; width: 100%;}
#plan .ctn .detail ul li dl dt,
#plan .ctn .detail ul li dl dd { }
#plan .ctn .detail ul li dl dt { position: absolute; left: 0; top: 0.12em;}
#plan .ctn .detail ul li dl dd { padding-left: 180px; font-size: 16px;}
#plan .ctn .detail ul li dl dd span { font-size: 20px; letter-spacing: 0.1rem;}
#plan .ctn .detail ul li dl dd.note { padding-top: 16px; font-size: 11px; letter-spacing: 0rem;}
@media (max-width: 1001px) {
	#plan .ctn .detail ul li { font-size: 14px;}
	#plan .ctn .detail ul li dl dd { padding-left: 120px;}
}
@media (max-width: 801px) {
	#plan .bloc { padding: 40px 0;}
	#plan .ctn { display: block;}
	#plan .ctn .pht { width: 60%; margin: 0 auto 30px;}
	#plan .ctn .detail { width: 100%;}
	#plan .ctn .detail ul li dl dd.note { padding-top: 10px;}
}
@media (max-width: 481px) {
	#plan .pos { top: 0px;}
	#plan .inner-sct { padding: 20px 0;}
	#plan .bloc { padding: 20px 0;}
	#plan .ctn .detail ul li { padding: 12px 0;}
	#plan .ctn .detail ul li dl dt { top: 0.35em; font-size: 13px;}
	#plan .ctn .detail ul li dl dd { padding-left: 90px; font-size: 14px;}
	#plan .ctn .detail ul li dl dd span { font-size: 18px;}
	#plan .ctn .detail ul li dl dd.note { padding-left: 15px; font-size: 11px; text-indent: -12px;}
}


#map { position: relative;}
#map .pos { position: absolute; top: -40px;}
#map .inner-sct { padding: 40px 0 100px;}
#map .stl { margin-bottom: 60px;}
#map .map-bloc { width: 100%; max-width: 980px; height: 450px; margin: 0 auto 20px; background: #eee;}
#map .map-bloc iframe { width: 100%; height: 100%; border: none; }
#map .map-bloc .scf-map,
#map .map-bloc .scf-map .mapView { width: 100%; height: 100%;}
#map .link p { font-size: 20px; font-weight: 700; letter-spacing: 0.1rem; text-align: center;}
#map .link p a { position: relative; display: inline-block; padding: 0 0 10px; color: #fff; text-decoration: none;
 transition: .3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#map .link p a:after { content: ''; display: block; width: 100%; height: 2px; background: #7fbe26;
 position: absolute; left: 0; bottom: 0;
}
#map .link p a:hover { color: #7fbe26;}
#map .link p a:hover:after { animation: hover .3s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;}
@keyframes hover {
 0% { width: 0%;}
 100% { width: 100%;}
}
@media (max-width: 801px) {
	#map .stl { margin-bottom: 40px;}
}
@media (max-width: 481px) {
	#map .pos { top: 0px;}
	#map .inner-sct { padding: 20px 0 60px;}
	#map .stl { margin-bottom: 20px;}
	#map .map-bloc { height: 230px;}
	#map .link p { font-size: 14px;}
}



#amenities { position: relative;}
#amenities .pos { position: absolute; top: -40px;}
#amenities .inner-sct { padding: 40px 0 100px;}
#amenities .stl { margin-bottom: 60px;}
#amenities .ctn { width: 88%; max-width: 980px; margin: 0 auto;}
#amenities .ctn ul { display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap;}
#amenities .ctn ul li { position: relative; width: 48.5%; padding: 16px 0; padding-right: 200px; border-bottom: solid 1px #7fbe26;}
#amenities .ctn ul li:nth-child(1),
#amenities .ctn ul li:nth-child(2) { border-top: solid 1px #7fbe26;}
#amenities .ctn ul li span { position: absolute; right: 0; text-align: right;}
@media (max-width: 1001px) {
	#amenities .ctn ul li { padding-right: 160px; font-size: 14px;}
}
@media (max-width: 801px) {
	#amenities .stl { margin-bottom: 40px;}
	#amenities .ctn ul { display: block;}
	#amenities .ctn ul li { width: 100%;}
	#amenities .ctn ul li:nth-child(2) { border-top: none;}
}
@media (max-width: 481px) {
	#amenities .pos { top: 0px;}
	#amenities .inner-sct { padding: 30px 0 40px;}
	#amenities .stl { margin-bottom: 20px;}
	#amenities .ctn ul li { padding: 12px 0; padding-right: 140px; font-size: 13px;}
}


#overview { position: relative;}
#overview .pos { position: absolute; top: -40px;}
#overview .inner-sct { padding: 40px 0 100px;}
#overview .stl { margin-bottom: 60px;}
#overview .ctn { width: 88%; max-width: 980px; margin: 0 auto;}
#overview .ctn ul { display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap;}
#overview .ctn ul li { position: relative; width: 48.5%; padding: 16px 0; border-bottom: solid 1px #7fbe26;}
#overview .ctn ul li:nth-child(1),
#overview .ctn ul li:nth-child(2) { border-top: solid 1px #7fbe26;}
#overview .ctn ul li dl { position: relative; width: 100%; padding-left: 120px;}
#overview .ctn ul li dl dt { position: absolute; left: 0; text-align: right;}
#overview .ctn ul li dl dd { text-align: right;}
#overview .ctn aside { position: relative; padding: 16px 0; padding-left: 80px; border-bottom: solid 1px #7fbe26;}
#overview .ctn aside:last-of-type { margin-bottom: 20px;}
#overview .ctn aside p.tips { position: absolute; left: 0;}
#overview .ctn p.update { text-align: right; margin-top: -1.8rem;}
@media (max-width: 1001px) {
	#overview .ctn ul li { font-size: 14px;}
	#overview .ctn p { font-size: 14px;}
	#overview .ctn p.update { margin-top: -1.4rem;}
}
@media (max-width: 801px) {
	#overview .stl { margin-bottom: 40px;}
	#overview .ctn ul { display: block;}
	#overview .ctn ul li { width: 100%;}
	#overview .ctn ul li:nth-child(2) { border-top: none;}
}
@media (max-width: 481px) {
	#overview .pos { top: 0px;}
	#overview .inner-sct { padding: 30px 0 60px;}
	#overview .stl { margin-bottom: 20px;}
	#overview .ctn ul li { padding: 12px 0; font-size: 13px;}
	#overview .ctn ul li dl { padding-left: 90px;}
	#overview .ctn p { font-size: 12px;}
	#overview .ctn aside { padding: 12px 0; padding-left: 60px;}
	#overview .ctn p { font-size: 12px;}
	#overview .ctn aside:last-of-type { margin-bottom: 12px;}
	#overview .ctn p.update { margin-top: 20px; font-size: 10px;}
}


#aftercare { position: relative;}
#aftercare .pos { position: absolute; top: -40px;}
#aftercare .inner-sct { padding: 40px 0;}
#aftercare .stl { margin-bottom: 60px;}
#aftercare .read { width: 88%; max-width: 980px; margin: 0 auto 60px;}
#aftercare .read p {}
#aftercare figure { margin-bottom: 40px; text-align: center;}
#aftercare figure img { width: 88%; max-width: 980px;}
#aftercare ul { display: flex; justify-content: space-between;  width: 88%; max-width: 980px; margin: 0 auto;}
#aftercare ul li { width: 30%;}
#aftercare ul li dl dt { color: #7fbe26; font-family: "Noto Sans JP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; font-weight: 700; letter-spacing: 0.1rem;}
#aftercare ul li dl dt figure { display: none;}
#aftercare ul li dl dt figure img { width: 100%;}
#aftercare ul li dl dd.txt { font-size: 14px;}
#aftercare ul li dl dd.point { display: none; margin-top: 10px; padding: 8px 20px 10px; background: #80be26; border-radius: 10px; color: #000; font-size: 13px; font-family: "Noto Sans JP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;}
#aftercare ul li dl dd.point span { display: block; margin-bottom: 4px; font-size: 15px; font-weight: 700; text-align: center;}
@media (max-width: 801px) {
	#aftercare .stl { margin-bottom: 40px;}
	#aftercare .read p { font-size: 14px;}
}
@media (max-width: 641px) {
	#aftercare figure { display: none;}
	#aftercare ul { display: block;}
	#aftercare ul li { width: 100%; padding: 20px 0;}
	#aftercare ul li dl dt figure { display: block; margin: 0 auto 12px;}
	#aftercare ul li dl dd.point { display: block;}
}
@media (max-width: 481px) {
	#aftercare .pos { top: 0px;}
	#aftercare .inner-sct { padding: 20px 0;}
	#aftercare .stl { margin-bottom: 20px;}
	#aftercare .read { margin: 0 auto 30px;}
	#aftercare .read p { font-size: 13px;}
	#aftercare figure { margin-bottom: 10px;}

	#aftercare ul li dl dt { font-size: 13px;}
	#aftercare ul li dl dd.txt { font-size: 12px;}
}


.slider .slide { padding: 40px 0;}
.slider .slide dl { width: 94%; margin: 0 auto;}
.slider .slide dl dt { margin-bottom: 20px;}
.slider .slide dl dt a { display: block; }
.slider .slide dl dt a img { width: 100%;}
.slider .slide dl dd.name { margin-bottom: 12px; font-size: clamp(14px, 1.6vw, 26px);}
.slider .slide dl dd.name span { display: block; color: #7fbe26; font-size: 20px;}
.slider .slide dl dd.txt { font-size: 20px;}
.slider .slick-arrow { top: 25%; opacity: 0; visibility: hidden; transition: 0.3s ease;}
.slider:hover .slick-arrow { opacity: 1; visibility: visible;}

@media (max-width: 481px) {
	.slider .slide { padding: 20px 0;}
	.slider .slide dl dt { margin-bottom: 6px;}
	.slider .slide dl dd.name { margin-bottom: 8px; font-size: 11px;}
	.slider .slide dl dd.name span { font-size: 15px;}
	.slider .slide dl dd.txt { font-size: 12px;}
	.slider .slick-arrow { top: 20%;}
}

#voice .inner-sct { padding: 40px 0;}
#voice h3 { color: #fff; font-size: clamp(16px, 2.0vw, 30px); letter-spacing: 0.1rem; text-align: center;}
@media (max-width: 481px) {
	#voice .inner-sct { padding: 20px 0;}
	#voice h3 { font-size: 18px;}
}


#housing .inner-sct { padding: 40px 0;}
#housing h3 { color: #fff; font-size: clamp(16px, 2.0vw, 30px); letter-spacing: 0.1rem; text-align: center;}
@media (max-width: 481px) {
		#housing h3 { font-size: 18px;}
}