#kv-top { width: 100%; height: 650px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
@media (max-width: 1001px) {
#kv-top { height: 500px;}
}
@media (max-width: 801px) {
#kv-top { height: 400px;}
}
@media (max-width: 481px) {
#kv-top { height: 180px;}
}
.swiper-container { padding-top: 30px; padding-bottom: 15px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0;}
.swiper-button-next, .swiper-button-prev {top: calc(50% + 7px);}
@media (min-width: 1025px) {
.swiper-slide {padding: 0 20px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 32.4%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 32.4%;}
}
@media (max-width: 1024px) {
.swiper-slide img { width: 100%;}
}
#reason { margin: 0 auto 80px; padding-top: 80px;}
#reason .lead { width: 90%; margin: 0 auto; padding: 30px 0;}
#reason .lead p { margin: 0; font-size: 18px; line-height: 1.8; text-align: center;}
#reason .ctn { width: 100%; max-width: 1080px; margin: 0 auto;}
#reason .ctn ul { font-size: 0; text-align: center;}
#reason .ctn ul li { display: inline-block; width: 25%; vertical-align: top;} #reason .ctn ul li:nth-child(1) { background: url(//www.lalaaasha.jp/home/wp-content/themes/lalaaasha/assets/images/top/bg-reason1.jpg) no-repeat 50% 50% / cover;}
#reason .ctn ul li:nth-child(2) { background: url(//www.lalaaasha.jp/home/wp-content/themes/lalaaasha/assets/images/top/bg-reason2.jpg) no-repeat 50% 50% / cover;}
#reason .ctn ul li:nth-child(3) { background: url(//www.lalaaasha.jp/home/wp-content/themes/lalaaasha/assets/images/top/bg-reason3.jpg) no-repeat 50% 50% / cover;}
#reason .ctn ul li:nth-child(4) { background: url(//www.lalaaasha.jp/home/wp-content/themes/lalaaasha/assets/images/top/bg-reason4.jpg) no-repeat 50% 50% / cover;}
#reason .ctn ul li a { position: relative; display: block; width: 100%;
color: #000; transition: 0.4s linear; background: rgba(105,130,110,0);
text-decoration: none;
}
#reason .ctn ul li dl { padding: 100px 0; text-align: center;}
#reason .ctn ul li dl dt { margin-bottom: 20px;}
#reason .ctn ul li dl dt span { display: block; margin-bottom: 10px; font-size: 18px; }
#reason .ctn ul li dl dt svg { height: 120px; transition: 0.4s linear; fill: #000;}
#reason .ctn ul li dl dd { min-height: 100px; font-size: 24px; line-height: 1.4;}
#reason .ctn ul li dl dd span { display: block;} @media (min-width: 801px) {
#reason .ctn ul li a:hover { color: #fff; text-decoration: none; background: rgba(105,130,110,0.4);}
#reason .ctn ul li a:hover  dl dt svg{ fill: #fff;}
}
@media (max-width: 1001px) {
#reason .ctn ul li dl dd { font-size: 20px;}
}
@media (max-width: 801px) {
#reason .lead p span { display: block;}
#reason .ctn ul li { display: block; width: 100%; margin: 0 auto;}
#reason .ctn ul li dl { padding: 40px 0;}
#reason .ctn ul li dl dd { min-height: auto;}
#reason .ctn ul li dl dd span { display: inline;}
}
@media (max-width: 481px) {
#reason { margin: 0 auto 40px; padding-top: 40px;}
#reason .lead { padding: 20px 0;}
#reason .lead p { font-size: 14px; line-height: 1.6;}
#reason .ctn ul li a { background: rgba(10,50,20,0.4); color: #fff;}
#reason .ctn ul li dl { padding: 20px 0;}
#reason .ctn ul li dl dt { margin-bottom: 10px;}
#reason .ctn ul li dl dt span { margin-bottom: 5px; font-size: 12px;}
#reason .ctn ul li dl dt svg { height: 60px; fill: #fff;}
#reason .ctn ul li dl dd { font-size: 16px;}
}
#top-news { margin: 0 auto 0; padding-top: 80px;}
#top-news .stl { margin-bottom: 20px;}
#top-news .news-ctn { width: 90%; max-width: 700px; margin: 0 auto 30px; border-top: solid 1px #b0b0b0; border-bottom: solid 1px #b0b0b0;}
#top-news .news-ctn ul { width: 100%; margin: 0 auto; padding: 30px 10px;}
#top-news .news-ctn ul li { position: relative; margin-bottom: 8px; padding-left: 140px; font-size: 16px; line-height: 1.8;}
#top-news .news-ctn ul li:last-child { margin-bottom: 0;}
#top-news .news-ctn ul li time { position: absolute; left: 0;}
#top-news .news-ctn ul li a { font-weight: 700;}
#top-news .news-archive {
width: 72%;
max-width: 400px;
margin: 0 auto;
}
#top-news .archive-btn {
display: block;
width: 100%;
color: #c5a600;
font-size: 16px;
letter-spacing: 0.075rem;
text-decoration: none;
text-align: center;
border: solid 1px #c5a600;
border-radius: 50px;
background: rgba(255,255,255,1);
padding: 12px 0;
transition: 0.3s linear;
}
#top-news .archive-btn:hover {
background: rgba(197,166,0,.2);
}
@media (max-width: 641px) {
#top-news .news-ctn ul { padding: 20px 6px;}
#top-news .news-ctn ul li{ padding-left: 0; font-size: 14px; line-height: 1.6;}
#top-news .news-ctn ul li time { position: relative; display: block;}
}
@media (max-width: 481px) {
#top-news { margin: 0 auto 40px; padding-top: 40px;}
#top-news .news-ctn ul li { font-size: 13px;}
} #about .ctn { padding: 0 0 50px; background: #fff3f4;}
#about .ctn figure { width: 100%; max-width: 1080px; margin: 0 auto -140px;} #about .ctn .box { position: relative; width: 90%; max-width: 1000px; margin: 0 auto; padding: 50px; background: url(//www.lalaaasha.jp/home/wp-content/themes/lalaaasha/assets/images/top/bg-about-box.jpg); background-color: rgba(255,255,255,.6); background-size: cover; background-position: center top; background-blend-mode: lighten; z-index: 2;}
#about .ctn .box h3 { margin-bottom: 30px; font-size: 30px; font-weight: 500; line-height: 1.7; text-align: center;}
#about .ctn .box h3 img { display: block; width: 50%; max-width: 500px; margin: 0 auto 10px;}
#about .ctn .box h3 span { display: block; padding-top: 20px; color: #6a876f;}
#about .ctn .box p { margin-bottom: 40px; font-size: 18px; line-height: 2.2; text-align: center;}
#about .ctn .box p span { display: block;}
#about .ctn .button { width: 80%; max-width: 350px; margin: 0 auto;}
#about .ctn .button a { display: block; padding: 15px 0; border: solid 1px #e59097; background: #fff; border-radius: 50px;
color: #e59097; font-size: 20px; text-align: center;
transition: 0.3s linear;
}
#about .ctn .button a:hover { background: #e59097; color: #fff; text-decoration: none;}
@media (max-width: 641px) {
#about .ctn figure { margin: 0 auto -80px;}
}
@media (max-width: 481px) {
#about .ctn figure { margin: 0 auto -40px;}
#about .ctn .box { padding: 30px 20px;}
#about .ctn .box h3 { font-size: 18px;}
#about .ctn .box p { font-size: 14px; line-height: 1.8;}
#about .ctn .button a{ padding: 10px 0; font-size: 16px;}
}
.common-trial { padding-bottom: 80px;}
@media (max-width: 481px) {
.common-trial { padding-bottom: 40px;}
}
.items {}
.items figure { text-align: center;}
.items figure img { width: 90%; max-width: 750px;} #movie .inner-sct {
width: 92%;
max-width: 1080px;
margin: 0 auto;
padding: 0 0 80px;
}
#movie .inner-sct video {width: 100%;}
@media (max-width: 801px) {
#movie .inner-sct { padding: 0 0 40px}
}
#insta .inner-sct { width: 92%; max-width: 1000px; margin: 0 auto; padding: 0 0 80px;}
@media (max-width: 801px) {
#insta .inner-sct { padding: 0 0 40px}
}