@charset "utf-8";

@import url('reset.css');
@import url('layout.css');

.visual-slide-wrap {position:relative}
.visual-slide-wrap .slide-item {background-repeat:no-repeat; background-size:auto 100%}
.visual-slide-wrap .inner {max-width:1580px; padding:0}
.visual-slide-wrap .dots {position:absolute; bottom:70px; left:50%; transform:translateX(-50%)}
.visual-slide-wrap .dots li {display:inline-block}
.visual-slide-wrap .dots .slick-active button {border:1px solid #fff}
.visual-slide-wrap .dots button {position:relative; width:47px; height:47px; text-indent:-9999px; border-radius:100%}
.visual-slide-wrap .dots button:before {content:''; position:absolute; top:50%; left:50%; display:block; width:8px; height:8px; background-color:#fff; border-radius:100%; transform:translate(-50%,-50%)}

.laha-promotion-wrap {padding-bottom:80px; background-color:#f6f6f6}
.laha-promotion-list {position:relative; top:-30px; display:flex; flex-wrap:wrap; align-items:stretch}
.laha-promotion-list .laha-promotion-item {display:block; width:33.33%; min-height:288px; padding:40px; color:#fff; box-sizing:border-box; background-repeat:no-repeat; background-position:right bottom; background-size:44.843%}
.laha-promotion-list .laha-promotion-item.type01 {background-color:#1da7e1; background-image:url('../images/main/ico-read.png')}
.laha-promotion-list .laha-promotion-item.type02 {background-color:#e76565; background-image:url('../images/main/ico-speach.png')}
.laha-promotion-list .laha-promotion-item.type03 {background-color:#90cf80; background-image:url('../images/main/ico-mind.png')}
.laha-promotion-list .laha-promotion-item.type04 {color:#666; background-color:#e4e4e4; background-image:url('../images/main/ico-rtp.png')}
.laha-promotion-list .laha-promotion-item.type04-new {background-color:#00479d; background-image:url('../images/main/ico-live.png')}

.laha-promotion-list .laha-promotion-item.type05 {padding-top:30px; padding-bottom:30px; text-align:center; background-color:#fff}
.laha-promotion-list .laha-promotion-item.type05 .tit-item-txt {color:#283236; font-size:36px; font-weight:500; font-family:'Roboto'}
.laha-promotion-list .laha-promotion-item.type05 .tit-item-txt:after {content:''; display:block; width:98px; height:66px; margin:15px auto 0; background:url('../images/main/ico-leveltest.png') no-repeat center; background-size:100%}
.laha-promotion-list .laha-promotion-item.type05 .btn-round {margin-top:20px}

.laha-promotion-list .laha-promotion-item.type06 {padding-top:34px; padding-bottom:34px; background-color:#606060}
.laha-promotion-list .laha-promotion-item.type06 .tit-item-txt {margin-top:5px; font-size:24px; font-weight:500}
.laha-promotion-list .laha-promotion-item.type06 .btn-align-box {margin-top:15px}
.laha-promotion-list .laha-promotion-item .btn-dark-gray {min-width:174px; padding:7px 20px}
.laha-promotion-list .tit-eng {color:#9a9a9a; font-size:14px; font-weight:500}
.laha-promotion-list .sub-txt {color:#999; font-size:16px; letter-spacing:-0.05em}
.laha-promotion-list .desc-item {margin-top:25px; font-size:16px; letter-spacing:-0.05em; opacity:.8}
.laha-ranking-list {margin-top:15px}
.laha-ranking-list li {display:flex; align-items:center}
.laha-ranking-list li + li {margin-top:9px}
.laha-ranking-list .rank {display:block; width:36px; height:36px; background-repeat:no-repeat; background-size:100%; flex-shrink:0}
.laha-ranking-list .rank.gold {background-image:url(../images/main/ico-gold.png)}
.laha-ranking-list .rank.silver {background-image:url(../images/main/ico-silver.png)}
.laha-ranking-list .name-box {position:relative; display:block; width:100%}
.laha-ranking-list .name-box:before {content:''; position:absolute; left:25px; right:25px; top:50%; display:block; height:4px; margin-top:-2px; background:url(../images/main/bg-rank-name.png) center; background-size:auto 100%}
.laha-ranking-list .name {position:relative; display:inline-block; padding:0 25px; font-size:20px; letter-spacing:-0.025em; background-color:#606060; z-index:1}
.laha-ranking-list .score {display:inline-block; color:#ccc; font-size:20px; letter-spacing:-0.025em; font-family:'Roboto'}

.laha-story-wrap {padding:80px 0; background-color:#eaf4f8}
.laha-story-wrap .desc-section01 .point-color {font-weight:500}
.laha-story-list {margin-top:40px}
.laha-story-list:after {content:''; display:block; clear:both}
.laha-story-list .story-box-narrow {float:left; width:37.9747%}
.laha-story-list .story-box-wide {float:left; width:62.0253%; padding-left:20px; box-sizing:border-box}
.laha-story-list .laha-story-item {float:left; width:33.33%; padding-left:30px; box-sizing:border-box}
.laha-story-list .laha-story-item.story-main {width:100%; padding:0}
.laha-story-list .laha-story-inner {display:block; background-color:#fff}
.laha-story-list .tit-box {padding:36px 10px 40px; text-align:center}
.laha-story-list .tit-box .tit {overflow:hidden; display:block; font-size:22px; letter-spacing:-0.025em; text-overflow:ellipsis; white-space:nowrap}
.laha-story-list .tit-box .date {display:block; color:#999; font-size:18px; font-family:'Roboto'}
.laha-story-list .thumbnail {position:relative; overflow:hidden; padding-top:72.069%}
.laha-story-list .thumbnail img {position:absolute; top:0; left:0; width:100%}

.laha-story-list .story-main .tit-box {padding:22px 10px}
.laha-story-list .story-main .tit-box .tit {font-size:24px}
.laha-story-list .story-main .thumbnail {padding-top:44.1667%}

.laha-service-wrap {padding:50px 0}
.laha-service-list {display:flex; align-items:stretch}
.laha-service-list .laha-service-item {width:25.443%; padding-left:22px; box-sizing:border-box}
.laha-service-list .laha-service-item.type04 {width:24.05067%; padding-left:0}
.laha-service-list .service-item-inner {display:block; height:100%; padding:31px 40px; border:1px solid #eee; background:no-repeat right top; background-size:auto 100%; box-sizing:border-box}
.laha-service-list .type01 .service-item-inner {background-image:url('../images/main/service01.jpg')}
.laha-service-list .type02 .service-item-inner {background-image:url('../images/main/service02.jpg')}
.laha-service-list .type03 .service-item-inner {background-image:url('../images/main/service03.jpg')}
/*.laha-service-list .type04 .service-item-inner {padding-top:25px; background-image:url('../images/main/service04.jpg')}*/
.laha-service-list .type04 .service-item-inner {padding-top:25px; background-image:url('../images/main/service04-new.jpg')}
.laha-service-list .service-name {display:block; font-size:22px; line-height:26px}
.laha-service-list .service-desc {display:block; margin-top:2px; color:#666; font-size:16px; letter-spacing:-0.05em; font-weight:300}
.laha-service-list .phone-number {display:block; margin-top:10px; color:#1da7e1; font-size:18px; font-weight:500; font-family:'Roboto'}
.laha-service-list .mark-round {margin-top:10px}

@media all and (max-width:1320px) {
.laha-promotion-list .laha-promotion-item {padding-left:20px; padding-right:20px}
.laha-service-list {flex-wrap:wrap;}
.laha-service-list .laha-service-item {padding-left:20px; width:50%;}
.laha-service-list .laha-service-item:nth-child(3) {padding-left:0;}
.laha-service-list .laha-service-item:nth-child(n+3) {margin-top:20px;}
.laha-service-list .laha-service-item.type04 {width:50%;}
.laha-service-list .service-item-inner {padding-left:20px; padding-right:20px}

.laha-story-list .story-box-narrow {float:none; width:100%}
.laha-story-list .story-box-narrow:after {content:''; display:block; clear:both}
.laha-story-list .story-box-wide {float:none; width:inherit; margin:30px 0 0 -30px; padding-left:0}
.laha-story-list .story-box-wide:after {content:''; display:block; clear:both}
}

@media all and (max-width:767px) {
.visual-slide-wrap .slide-item {background-image:none !important}
.visual-slide-wrap .slide-item img {width:100%}

.visual-slide-wrap .dots {bottom:4.166vw}
.visual-slide-wrap .dots button {width:8.75vw; height:8.75vw}
.visual-slide-wrap .dots button:before {width:1.111vw; height:1.111vw}

.laha-promotion-wrap {padding:0}
.laha-promotion-wrap .inner {padding:0}

.laha-promotion-list {top:0}
.laha-promotion-list .laha-promotion-item {width:50%; padding:5.555vw; min-height:40vw; background-size:22.7778vw}

.laha-promotion-list .laha-promotion-item.type01 {background-image:url('../images/main/ico-read_mo.png')}
.laha-promotion-list .laha-promotion-item.type02 {background-image:url('../images/main/ico-speach_mo.png')}
.laha-promotion-list .laha-promotion-item.type03 {background-image:url('../images/main/ico-mind_mo.png')}
.laha-promotion-list .laha-promotion-item.type04 {background-image:url('../images/main/ico-rtp_mo.png')}

.laha-promotion-list .laha-promotion-item.type05 {display:flex; align-items:center; justify-content:center; flex-direction:column; padding-top:2.777vw; padding-bottom:2.777vw}
.laha-promotion-list .laha-promotion-item.type05 .tit-item-txt {margin-top:-1.388vw; font-size:5vw}
.laha-promotion-list .laha-promotion-item.type05 .tit-item-txt:after {width:13.6111vw; height:9.166vw; margin-top:1.388vw}
.laha-promotion-list .laha-promotion-item.type05 .btn-round {margin-top:1.388vw; min-width:27.777vw}
.laha-promotion-list .laha-promotion-item.type06 {padding-top:5vw; padding-bottom:2.777vw}
.laha-promotion-list .laha-promotion-item.type06 .tit-item-txt {margin-top:-0.6944vw; font-size:3.888vw}
.laha-promotion-list .laha-promotion-item.type06 .btn-align-box {margin-top:1.388vw}

.laha-promotion-list .laha-promotion-item .btn-dark-gray {min-width:24.166vw; padding:1.111vw 2.777vw}
.laha-promotion-list .tit-item-img img {max-width:44.444vw; width:100%}
.laha-promotion-list .desc-item {margin-top:3.333vw; font-size:2.777vw}
.laha-promotion-list .sub-txt {font-size:2.777vw}
.laha-promotion-list .tit-eng {font-size:2.5vw}
.laha-ranking-list {margin-top:0.555vw}
.laha-ranking-list li + li {margin-top:0.555vw}
.laha-ranking-list .rank {width:5vw; height:5vw}
.laha-ranking-list .name-box:before {left:2.222vw; right:2.222vw; height:0.555vw}
.laha-ranking-list .name {padding:0 2.222vw; font-size:3.6111vw}
.laha-ranking-list .score {font-size:3.333vw}
.laha-story-wrap {padding:8.333vw 0}
.laha-story-list {margin-top:4.1666vw}
.laha-story-list .story-box-wide {margin:0 -2.777vw}
.laha-story-list .laha-story-item {width:50%; margin-top:5.5556vw; padding:0 2.777vw; box-sizing:border-box}
.laha-story-list .laha-story-item.story-main {margin-top:0}
.laha-story-list .tit-box {padding:3.0556vw 2.777vw}
.laha-story-list .tit-box .tit {font-size:3.888vw}
.laha-story-list .tit-box .date {font-size:3.0556vw}
.laha-story-list .thumbnail {padding-top:72.6667%}
.laha-story-list .story-main .tit-box {padding:3.0556vw 2.777vw}
.laha-story-list .story-main .tit-box .tit {font-size:3.888vw}

.laha-service-wrap {padding:8.333vw 0 5.555VW}
.laha-service-list {margin:0 0; flex-wrap:wrap}
.laha-service-list .laha-service-item {width:100%; min-height:22.2222vw; padding:0}
.laha-service-list .laha-service-item + .laha-service-item {margin-top:2.777vw}
.laha-service-list .laha-service-item.type04 {width:100%}
.laha-service-list .service-item-inner {min-height:22.2222vw; padding:4.4444vw 5.5556vw 4.166vw; box-sizing:border-box}
.laha-service-list .type03 .service-item-inner {display:flex; flex-wrap:wrap; align-items:center}
.laha-service-list .service-name {width:100%; font-size:3.888vw; line-height:4.1666vw}
.laha-service-list .service-desc {font-size:2.777vw}
.laha-service-list .phone-number {margin-top:0.6944vw; font-size:3.333vw}
.laha-service-list .mark-round {margin-top:0}
}