@charset "utf-8";
/* Reset */
html{font-size: 62.5%;}
body{color: #000; line-height: 1.7; word-spacing: 0; font-size: 1.4rem; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; font-family: 'Noto Sans JP', sans-serif; font-weight: 300;}

*{margin: 0; padding: 0; box-sizing: border-box; border: 0; outline: none;}
h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: normal;}
ol, ul{list-style: none;}
table{border-collapse: collapse; border-spacing: 0;}
th{text-align: left; font-weight: normal;}
a{color: inherit; text-decoration: none;}
img{vertical-align: bottom; max-width: 100%;}

@media (max-width: 1919px) and (min-width: 769px){
    html{font-size: 0.525vw;}
}

@media (min-width: 769px){
    a[href^="tel:"]{pointer-events: none;}
    .only-sp{display: none !important;}
}

@media (max-width: 768px){
    .only-pc{display: none !important;}
    html{font-size: 1.16vw;}
}

@media print {
    body{color-adjust: exact; -webkit-print-color-adjust: exact; print-color-adjust: exact;}
}

/* Opening */
#opening{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background: #fff;}
#opening-video{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 100%;}

/* Header */
#wrapper{position: relative; overflow: hidden; display: none;}

@media (min-width: 769px){
    h1{position: absolute; top: 1.458vw; left: 1.458vw; z-index: 400; line-height: 0; width: 12.8125%;}    
}

@media (max-width: 768px){
    h1{position: absolute; top: 3.39vw; left: 3.65vw; z-index: 400; line-height: 0; width: 32.16vw;}
}

/* MV */
@keyframes slideHeight{
    0%{height: 0;}
    40%{height: 125%;}
    60%{height: 125%;}
    100%{height: 0;}
}

@keyframes slideWidth{
    0%{width: 0;}
    40%{width: 125%;}
    60%{width: 125%;}
    100%{width: 0;}
}

@media (min-width: 769px){
    .mvPc{position: relative; line-height: 0;}
    .mvPc-txt{position: absolute; top: 0; left: 0; width: 100%; z-index: 10; display: none;}
    .mvPc .slick-dots{position: absolute; top: 48%; right: 1.5%; width: 4px; z-index: 20; }
    .mvPc .slick-dots li{width: 100%; height: 7rem; background: #fff; display: block; margin: 0 0 2rem; text-indent: -9999px; cursor: pointer; position: relative;}
    .mvPc .slick-dots li:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: #9d9d9d; transition: height 1s;}
    .mvPc .slick-dots li.slick-active:before{height: 100%;}

    [class*="mvPc-slide"]{position: relative;}
    .mvPc .maskL,
    .mvPc .maskR{position: absolute; overflow: hidden; top: 0; width: 50%; height: 100%;}
    .mvPc .maskL{left: 0;}
    .mvPc .maskR{right: 0;}
    .mvPc .maskL:before,
    .mvPc .maskR:before{content: ''; position: absolute; overflow: hidden;}

    .mvPc-slide01 .maskL:before{width: 100%; height: 0; left: 0; bottom: 0; background: rgba(85,166,249,0.6);}
    .mvPc-slide01 .maskR:before{width: 0; height: 100%; right: 0; bottom: 0; background: rgba(255,99,161,0.6);}
    .mvPc .is-active .mvPc-slide01 .maskL:before{animation: slideHeight 1s linear 3s;}
    .mvPc .is-active .mvPc-slide01 .maskR:before{animation: slideWidth 1s linear 3s;}

    .mvPc-slide02 .maskL:before{width: 0; height: 100%; left: 0; bottom: 0; background: rgba(255,99,161,0.6);}
    .mvPc-slide02 .maskR:before{width: 100%; height: 0; right: 0; bottom: 0; background: rgba(85,166,249,0.6);}
    .mvPc .is-active .mvPc-slide02 .maskL:before{animation: slideWidth 1s linear 3s;}
    .mvPc .is-active .mvPc-slide02 .maskR:before{animation: slideHeight 1s linear 3s;}

    .mvPc-slide03 .maskL:before{width: 100%; height: 0; left: 0; bottom: 0; background: rgba(85,166,249,0.6);}
    .mvPc-slide03 .maskR:before{width: 100%; height: 0; right: 0; top: 0; background: rgba(255,99,161,0.6);}
    .mvPc .is-active .mvPc-slide03 .maskL:before{animation: slideHeight 1s linear 3s;}
    .mvPc .is-active .mvPc-slide03 .maskR:before{animation: slideHeight 1s linear 3s;}
}

@media (max-width: 768px){
    .mvSp{position: relative; line-height: 0;}
    .mvSp-txt{position: absolute; top: 0; left: 0; width: 100%; z-index: 10; display: none;}
    
    .mvSp .slick-dots{position: absolute; bottom: 8vw; left: 0; width: 100%; z-index: 20; display: flex; justify-content: center;}
    .mvSp .slick-dots li{width: 5.73vw; height: 0.52vw; background: #9d9d9d; margin: 0 1.11vw; text-indent: -9999px; position: relative;}
    .mvSp .slick-dots li:before{content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #fff; transition: width 1s;}
    .mvSp .slick-dots li.slick-active:before{width: 100%;}
        
    [class*="mvSp-slide"]{position: relative;}
    .mvSp .mask{position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%;}
    .mvSp .mask:before{content: ''; position: absolute; overflow: hidden;}
    
    .mvSp-slide01 .mask:before{width: 100%; height: 0; left: 0; bottom: 0; background: rgba(20,161,224,0.6);}
    .mvSp .is-active .mvSp-slide01 .mask:before{animation: slideHeight 1s linear 3s;}
    
    .mvSp-slide02 .mask:before{width: 0; height: 100%; right: 0; bottom: 0; background: rgba(204,15,120,0.6);}
    .mvSp .is-active .mvSp-slide02 .mask:before{animation: slideWidth 1s linear 3s;}
        
    .mvSp-slide03 .mask:before{width: 0; height: 100%; left: 0; bottom: 0; background: rgba(204,15,120,0.6);}
    .mvSp .is-active .mvSp-slide03 .mask:before{animation: slideWidth 1s linear 3s;}
    
    .mvSp-slide04 .mask:before{width: 100%; height: 0; right: 0; bottom: 0; background: rgba(20,161,224,0.6);}
    .mvSp .is-active .mvSp-slide04 .mask:before{animation: slideHeight 1s linear 3s;}
        
    .mvSp-slide05 .mask:before{width: 100%; height: 0; left: 0; bottom: 0; background: rgba(20,161,224,0.6);}
    .mvSp .is-active .mvSp-slide05 .mask:before{animation: slideHeight 1s linear 3s;}
    
    .mvSp-slide06 .mask:before{width: 100%; height: 0; right: 0; top: 0; background: rgba(204,15,120,0.6);}
    .mvSp .is-active .mvSp-slide06 .mask:before{animation: slideHeight 1s linear 3s;}
}

/* Video */
.video,
.video *{line-height: 0;}
.video{position: relative;}
.video-full{position: absolute; bottom: 4rem; right: 4rem; width: 20.5rem;}


/* Line scroll */
.line-scroll{height: 17.5rem; width: 3px; overflow: hidden; background: #e7e7e7;}
.line-scroll:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; animation: scrollLine 2s linear infinite;}

@keyframes scrollLine{
    0%{transform: translateY(-100%);}
    100%{transform: translateY(100%);}
}

@media (max-width: 768px){
    .line-scroll{height: 22.78vw;}
}

/* Intro */
.intro{position: relative; padding: 5rem 0 15rem;}
.intro-wrap{display: flex; flex-wrap: wrap; align-items: flex-end; padding: 0 0 59rem; position: relative; max-width: 1920px; margin: 0 auto;}
.intro-inner{width: 35%; margin: 0 6.5% 0 11%; color: #393939; position: relative; z-index: 5;}
.intro-tit{font-size: 6rem; line-height: 1; letter-spacing: 0.04em; font-weight: 500; margin: 0 0 1em;}
.intro-desc{font-size: 2.8rem; line-height: 1.7; letter-spacing: 0.06em;}
.intro-desc p{padding-top: 1.5em;}

.intro-line_orange{position: absolute; top: 0; left: 5.47%; width: 3px; height: 65%; z-index: -1;}
.intro-line_orange:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: #f9e2be; transition: height 2.5s ease;}
.intro.is-view .intro-line_orange:before{height: 100%;}

.intro-line_blue{position: absolute; top: 19.5rem; left: 0; width: 100%; height: 3px; z-index: -1;}
.intro-line_blue:before{content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #bee7f9; transition: width 1.5s ease;}
.intro.is-view .intro-line_blue:before{width: 100%;}

.intro-line_pink{position: absolute; top: 26.4rem; right: 0; width: 100%; height: 100rem; overflow: hidden;}
.intro-line_pink:before{content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 0; transition: height 2s ease 1.5s;}
.intro.is-view .intro-line_pink:before{height: 100%;}

.intro-line_green{position: absolute; top: 85rem; left: 0; width: 100%; height: 27.7rem; overflow: hidden;}
.intro-line_green:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; transition: height 1.5s ease 3.5s;}
.intro.is-view .intro-line_green:before{height: 100%;}

.intro .line-scroll{position: absolute; bottom: 13rem; left: 5.47%;}
.intro .line-scroll:before{background: #61c28c;}

@media (min-width: 769px){
    .intro-photo01{width: 31.5625%;}
    .intro-photo02{position: absolute; top: 38.5%; right: 4.53%; width: 23.5%;}
    .intro-photo03{position: absolute; top: 62%; right: 32.71%; width: 17.3%; z-index: 5;}
    .intro-photo04{position: absolute; top: 71%; right: 53.59%; width: 13.85%;}
    .intro-photo05{position: absolute; top: 84%; right: 70.16%; width: 12.86%;}
    
    .intro-line_pink:before{background: url("../img/intro_line_pink.png") no-repeat top right/100% auto;}
    .intro-line_green:before{background: url("../img/intro_line_green.png") no-repeat top left/100% auto;}
}

@media (max-width: 768px){
    .intro{position: relative; padding: 15.6vw 0;}
    .intro-wrap{padding: 0 0 170vw; display: block;}
    .intro-inner{padding: 0 7vw 9vw; width: 100%; margin: 0;}
    
    .intro-photo01{position: absolute; left: 0; bottom: 88vw; width: 65.63%;}
    .intro-photo02{position: absolute; right: 0; bottom: 63vw; width: 48.7%; z-index: 1;}
    .intro-photo03{position: absolute; left: 4.04%; bottom: 30vw; width: 41.02%;}
    .intro-photo04{position: absolute; left: 30.6%; bottom: 0; width: 32.81%; z-index: 1;}
    .intro-photo05{position: absolute; right: 7.94%; bottom: 22vw; width: 33.85%;}    
    
    .intro-line_orange{left: 4%; width: 0.39vw; height: 66%;}
    .intro-line_blue{top: 29vw; height: 0.39vw;}
    .intro-line_pink{top: auto; bottom: 107vw; height: 52.34vw;}
    .intro-line_pink:before{background: url("../img/intro_line_pink_sp.png") no-repeat top right/100% auto;}
    .intro-line_green{top: auto; bottom: 46.5vw; height: 14.71vw;}
    .intro-line_green:before{background: url("../img/intro_line_green_sp.png") no-repeat top left/100% auto;}
    
    .intro .line-scroll{bottom: 9.64vw; left: 15.63%;}
}

/* Block */
.block{display: flex; color: #fff; position: relative; width: 100%; opacity: 0; transition: opacity 1s ease;}
.block.is-view{opacity: 1;}

.block-line{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
.block-line:before{content: ''; position: absolute; top: 0; width: 100%; height: 0; transition: height 2s ease;}
.block.is-view .block-line:before{height: 100%;}

.block-outer{width: 50%; display: flex; align-items: center; justify-content: center; z-index: 20;}

.block-tit{font-size: 6.5rem; font-weight: 700; line-height: 1; letter-spacing: 0.05em; margin: 0 0 0.9em; color: #000;}
.block-desc{font-size: 3.5rem; line-height: 1.6; font-weight: 400;}

.block-tit,
.block-desc{opacity: 0; transform: translateY(3rem); -webkit-transform: translateY(3rem); transition: opacity 1s ease, transform 1s ease;}
.block.is-view .block-tit,
.block.is-view .block-desc{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}

.block-photo{width: 50%; line-height: 0; position: relative; z-index: 5; opacity: 0; transition: opacity 2s ease;}
.block.is-view .block-photo{opacity: 1;}
.block-slider img{width: 100%;}

.cycle-pager{position: absolute; top: 5rem; display: flex; z-index: 100; opacity: 0; transition: opacity 2s ease;}
.cycle-pager span{width: 1.6rem; height: 1.6rem; border-radius: 100%; background: #fff; text-indent: -9999px; cursor: pointer; margin: 0 0.8rem;}
.block.is-view .cycle-pager{opacity: 1;}

.block-btn{width: 14rem; height: 14rem; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; cursor: pointer; z-index: 20; opacity: 0; transition: opacity 1s;}
.block.is-view .block-btn{opacity: 1;}

.block-btn i{width: 6.5rem; height: 6.5rem; position: relative; transition: transform .3s;}
.block-btn i:before{content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 0.3rem; background: #fff; margin-top: -0.1rem;}
.block-btn i:after{content: ''; position: absolute; top: 0; left: 50%; width: 0.3rem; height: 100%; background: #fff; margin-left: -0.1rem;}

.block-close{opacity: 0; pointer-events: none;}

.block-hide{position: absolute; top: 0; width: 50%; height: 100%; z-index: 120; display: flex; justify-content: center; align-items: center; opacity: 0; pointer-events: none; transition: 1s;}
.block-hide_desc{font-size: 2.5rem; line-height: 1.8; font-weight: 400;}
.block-hide_cap{font-size: 2rem; line-height: 1.6; font-weight: 400; padding: 0.2em 0 0 0;}

.block.is-show .block-more{opacity: 0; pointer-events: none;}
.block.is-show .block-more i{transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.block.is-show .block-close{opacity: 1; pointer-events: auto;}
.block.is-show .block-close i{transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.block.is-show .block-hide{opacity: 1; pointer-events: auto;}

.speed{background: #95cbad;}
.speed-pager{right: 4rem;}
.speed-pager span.cycle-pager-active{background: #71b231;}
.speed .block-btn{right: 50%; background: #71b231;}
.speed .block-hide{right: 0; background: #71b231;}
.speed-hide{width: 64rem; position: relative;}
.speed-hide_tit{font-size: 15rem; font-weight: 100; line-height: 0.9; letter-spacing: 0.1em; opacity: .2; position: absolute; top: -1.05em; right: -0.15em;}
.speed-hide_img{margin: 6rem 0 0 0;}

.ent{background: #fec457;}
.ent-pager{left: 4rem;}
.ent-pager span.cycle-pager-active{background: #f08300;}
.ent .block-btn{left: 50%; background: #f08300;}
.ent .block-hide{left: 0; background: #f08300;}
.ent-hide{width: 72rem; position: relative;}
.ent-hide_tit{font-size: 8.8rem; font-weight: 100; line-height: 0.95; opacity: .2; position: absolute; top: -0.7em; right: -1em;}
.ent-hide_img01{margin: 0 0 2.5rem; width: 52.7%;}
.ent-hide_box{margin: 6rem 0 0 0; display: flex; align-items: center; justify-content: space-between;}
.ent-hide_img02{width: 53.4%;}
.ent-hide_box .block-hide_desc{width: 42%;}

.support{background: #5dace3;}
.support-pager{right: 4rem;}
.support-pager span.cycle-pager-active{background: #14a1e0;}
.support .block-btn{right: 50%; background: #14a1e0;}
.support .block-hide{right: 0; background: #14a1e0;}
.support-hide{position: relative; width: 100%; display: flex; align-items: center; justify-content: center;}
.support-hide_cont{width: 80rem; position: relative;}
.support-hide_tit{font-size: 12.2rem; font-weight: 100; line-height: 0.9; opacity: .2; position: absolute; top: -0.46em; left: -0.25em;}
.support-hide_txt{font-size: 3rem; font-weight: 700; line-height: 1.4; margin: 3rem 0;}
.support-hide_img01{width: 34.4%; text-align: right; position: absolute; top: -7rem; right: 0;}
.support-hide_img02{margin: 10rem 0 3rem;}
.support-hide_desc{width: 63%; margin: 3rem 0 0 0;}
.support-hide_detail{position: absolute; bottom: 3rem; right: 2rem;}
.support-hide_detail a{padding: 1rem 2rem; font-size: 1.8rem; font-weight: 100; line-height: 1; position: relative;}
.support-hide_detail a:before{content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #fff; transition: width .4s; z-index: -1;}
.support-hide_detail a:hover{color: #1ba2e0;}
.support-hide_detail a:hover:before{width: 100%;}

@media (min-width: 769px){
    .speed .block-line:before{left: 0; background: url("../img/speed_line.png") no-repeat top left/100% auto;}
    .ent .block-line:before{right: 0; background: url("../img/ent_line.png") no-repeat top left/100% auto;}
    .support .block-line:before{left: 0; background: url("../img/support_line.png") no-repeat top left/100% auto;}
    
    .block-photo{transition-delay: .5s;}
    .cycle-pager{transition-delay: .5s;}
    .block-tit{transition-delay: 1.5s;}
    .block-desc{transition-delay: 1.8s;}
    .block-line:before{transition-delay: 2.1s;}
    .block-btn{transition-delay: 2.1s;}
}
@media (max-width: 768px){
    .block{flex-wrap: wrap;}
    .block-outer{width: 100%; height: 78.13vw; order: -1;}
    .block-photo{width: 100%; height: 110vw;}
    .block-photo img{height: 110vw; object-fit: cover; object-position: center;}
    .block-hide{width: 100%; top: 78.13vw; height: 110vw;}
    .block-btn{top: 63.68vw !important; right: 0 !important; left: auto !important; width: 14.45vw; height: 14.45vw;}
    
    .speed .block-line:before{right: 0; background: url("../img/speed_line_sp.png") no-repeat top left/100% auto;}    
    .ent .block-line:before{left: 0; background: url("../img/ent_line_sp.png") no-repeat top left/100% auto;}
    .ent-hide_tit{font-size: 8rem; right: -0.7em;}    
    .support .block-line:before{right: 0; background: url("../img/support_line_sp.png") no-repeat top left/100% auto;}
        
    .block-tit{transition-delay: .5s;}
    .block-desc{transition-delay: .8s;}
    .block-photo{transition-delay: 1.2s;}
    .cycle-pager{transition-delay: 1.2s; bottom: 4rem; top: auto;}
    .block-line:before{transition-delay: 2.1s;}
    .block-btn{transition-delay: 2.1s;}
}

/* Device */
.device .line-scroll{margin: 16rem auto 10rem; position: relative;}
.device .line-scroll:before{background: #5dace3;}

.device-tit{max-width: 1920px; margin: 0 auto;}
.device-tit h2{font-size: 6.5rem; line-height: 1.5; font-weight: 500; padding: 0 0 10.5rem 13.5rem; letter-spacing: 0.05em;}

@media (min-width: 769px){
    .devicePc-img{position: relative;}
    .devicePc-img01{position: absolute; top: -32rem; right: 36.35%; width: 15.64%; max-width: 300px;}
    .devicePc-img02{position: absolute; top: -32rem; right: 2.24%; width: 26.62%; text-align: center;}    
}

@media (max-width: 768px){
    .device{padding: 0 0 3vw;}
    .device-tit h2{padding: 0 0  6vw 10vw;}
    [class*="deviceSp-img"]{position: relative; width: 82.2%; margin: 0 auto 6vw;}
    [class*="deviceSp-img"] figure{position: absolute; top: 0; left: 0; right: 0; margin: 0 auto;}
    
    .deviceSp-img01{padding: 31% 0 0 0;}
    .deviceSp-img01 figure{width: 36.36%;}
    .deviceSp-img02{padding: 35% 0 0 0;}
    .deviceSp-img02 figure{width: 67.2%;}
}

/* PLan */
.plan{background: #5dace3; color: #fff; padding: 13rem 0 10rem;}
.plan-tit{font-size: 6.5rem; line-height: 1.6; font-weight: 700; letter-spacing: 0.05em; text-align: center; margin: 0 0 1em;}
.plan-tit02{font-size: 3rem; line-height: 1.5; font-weight: 700; margin: 0 0 0.3em;}
.plan-wrap{width: 145rem; margin: 0 auto;}

.plan-tbl{display: flex; border: 2px solid #fff; font-weight: bold;}
.plan-tbl_col{width: 25%;}
.plan-tbl_tit{width: 100%; height: 14rem; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; font-size: 3rem; line-height: 1.2; background: #fff; color: #5dace3; text-align: center; position: relative;}
.plan-tbl_tit span{font-size: 2rem; line-height: 1.4; display: block; margin-top: 0.2em;}
.plan-tbl_txt{width: 100%; height: 17.4rem; display: flex; justify-content: center; align-items: center; font-size: 6rem; line-height: 0;}
.plan-tbl_txt span{font-size: 62%;}

.plan-tbl_col:nth-of-type(3) .plan-tbl_tit span{margin-top: 0.5em;}
.plan-tbl_check{width: 7.6rem; height: 7.6rem; background: url("../img/ic_arrows.svg") no-repeat top left/100% 100%; display: block;}
.plan-cap{text-align: right; font-size: 1.8rem; padding: 0.3em 0;}

.plan-tbl02{display: flex; border: 2px solid #fff;}
.plan-tbl02_col01{width: 25%; border-right: 2px solid #fff; font-weight: bold;}
.plan-tbl02_col02{width: 75%; display: flex; justify-content: center; align-items: center;}

.plan-tbl02_tit{width: 100%; height: 8.5rem; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; font-size: 3rem; line-height: 1.2; background: #fff; color: #54a0d2; text-align: center; position: relative;}
.plan-tbl02_tit span{font-size: 2rem; line-height: 1.4; display: block; margin-top: 0.2em;}
.plan-tbl02_txt{width: 100%; height: 9.2rem; display: flex; justify-content: center; align-items: center; font-size: 6rem; line-height: 0;}
.plan-tbl02_txt span{font-size: 62%;}
.plan-tbl02_desc{font-size: 2.2rem; line-height: 1.5; font-weight: 400;}
.plan-tbl02_desc li{text-indent: -1em; margin-left: 1em;}
.plan-tbl02_desc li:not(:last-of-type){margin-bottom: 0.5em;}

@media (min-width: 769px){
    .plan-tbl_col:not(:last-of-type){border-right: 2px solid #fff;}
    .plan-tbl_col:not(:last-of-type) .plan-tbl_tit:before{content: ''; position: absolute; top: 0.8rem; bottom: 0.8rem; width: 2px; right: -2px; background: #5dace3; display: block;}
}

@media (max-width: 768px){
    .plan{padding: 7rem 0;}
    .plan-tit{text-align: left; padding: 0 0 0 8%;}
    
    .plan-wrap{width: 100%; padding: 0 5%;}
    
    .plan-tbl{flex-wrap: wrap;}
    .plan-tbl_col{width: 100%; display: flex;}
    .plan-tbl_col:not(:last-of-type){border-bottom: 2px solid #fff;}
    .plan-tbl_col:not(:last-of-type) .plan-tbl_tit:before{content: ''; position: absolute; left: 2.5vw; right: 2.5vw; height: 2px; bottom: -2px; background: #5dace3; display: block;}
    .plan-tbl_col:nth-of-type(3) .plan-tbl_tit span{text-align: left; font-weight: normal; font-size: 1.8rem;}
    
    .plan-tbl_tit{width: 33%; height: 13rem; font-size: 2.6rem;}
    .plan-tbl_txt{width: 67%; height: 13rem;}
    
    .plan-cap{font-size: 2rem; padding: 0.3em 0 1.2em;}
    
    .plan-tbl02{flex-wrap: wrap;}
    .plan-tbl02_col01{width: 100%; display: flex; border-right: none; border-bottom: 2px solid #fff;}
    .plan-tbl02_col02{width: 100%;}
    .plan-tbl02_tit{width: 33%; font-size: 2.6rem; height: 13rem;}
    .plan-tbl02_txt{width: 67%; height: 13rem;}
    .plan-tbl02_desc{padding: 3vw 3.5vw; font-size: 2rem;}
}

/* Campaign */
.campaign-item{position: relative;}
.campaign-btn{position: absolute; left: 0; right: 0; margin: 0 auto; line-height: 1;}

@media (min-width: 769px){
    .campaign{display: flex; justify-content: space-between; background: #fec457; line-height: 0;}
    .campaign-item{width: 33.33333%;}
    .campaign img{width: 100%;}
    .campaign-btn{width: 84.375%; bottom: 4.5%;}
}

@media (max-width: 768px){
    .campaign{line-height: 0;}
    .campaignSp-slider img{width: 33.333vw;}
    .campaign-btn{width: 70.3125%; bottom: 3%;}
}

/* Fact Check */
.check .line-scroll{margin: 8rem auto 3.5rem; position: relative;}
.check .line-scroll:before{background: #fec457;}

.check-top{max-width: 1920px; margin: 0 auto;}
.check-top_wrap{padding: 0 0 8rem 19rem;}
.check-tit{font-size: 16rem; line-height: 0.9; font-weight: 300; letter-spacing: 0.04em; margin: 0 0 0.3em -0.1em; position: relative; display: inline-block; padding: 0 40rem 0 0;}
.check-tit h2{opacity: 0; transform: translateY(3rem); -webkit-transform: translateY(3rem); transition: opacity 1s ease, transform 1s ease;}
.check-desc{font-size: 3.5rem; line-height: 1.6; opacity: 0; transform: translateY(3rem); -webkit-transform: translateY(3rem); transition: opacity 1s ease .7s, transform 1s ease .7s;}

.check-ic{width: 27rem; height: 27rem; background: url("../img/ic_check01.png") no-repeat top left/100% 100%; position: absolute; top: -6.5rem; right: 0; opacity: 0; transition: opacity 1s ease 1.5s;}
.check-ic:before{content: ''; width: 100%; height: 100%; background: url("../img/ic_check02.png") no-repeat top left/100% 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 1.2s ease 2s;}

.check-top.is-view .check-tit h2,
.check-top.is-view .check-desc{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}
.check-top.is-view .check-ic,
.check-top.is-view .check-ic:before{opacity: 1;}

.check-list{padding: 0 0 1px; display: flex; flex-wrap: wrap;}
[class*="check-item0"]{width: 50%; margin: 0 0 10rem;}
[class*="check-item0"]:nth-of-type(2n+1) .check-item_heading,
[class*="check-item0"]:nth-of-type(2n+1) .check-item_outer{display: flex; justify-content: flex-end;}

.check-item_heading{height: 55.5rem; width: 100%; padding: 7rem 5rem 0 5rem;}
.check-item_inner{width: 73.5rem;}
.check-item_tit{display: flex; justify-content: space-between; align-items: flex-start; width: 100%; padding: 0 0 0 3%;}
.check-item_tit figure{width: 16.7%; margin: 2.2rem 0 0 0;}
.check-item_tit h3{width: 78.5%; font-size: 4.3rem; font-weight: 500; line-height: 1.5; letter-spacing: 0.07em;}

.check-item_outer{margin: -21.8rem 0 0 0; width: 100%; padding: 0 5rem; position: relative;}
.check-item_cont{border: 2px solid #000; background: #fff; border-radius: 3rem; padding: 4rem;}
.check-item_cont .heading{display: flex; justify-content: space-between; width: 100%; color: #5dace3; margin: 0 0 2rem;}
.check-item_cont .heading-cont{width: 70%;}
.check-item_cont .heading-photo{width: 28%;}
.check-item_cont .heading-tit{font-size: 4rem; line-height: 1.4; font-weight: 500;}
.check-item_cont .heading-star{margin: 1em 0 0 0; font-size: 3rem; line-height: 1;}
.check-item_cont .desc{font-size: 2.4rem; line-height: 1.5;}
.check-item_cont .name{font-size: 3rem; line-height: 1; font-weight: 500; color: #5dace3; text-align: right; padding: 1em 0 0 0;}

.check-item01 .check-item_heading{background: #95cbad;}
.check-item02 .check-item_heading{background: #f9e2be;}
.check-item03 .check-item_heading{background: #bee7f9;}
.check-item04 .check-item_heading{background: #f9bee9;}

@media (max-width: 768px){
    .check-top_wrap{padding: 0 5% 8rem;}
    .check-tit{font-size: 9rem; padding: 0 19rem 0 0; margin: 0 0 0.5em -0.1em;}
    .check-ic{width: 14rem; height: 14rem; top: -6rem;}
    
    [class*="check-item0"]{width: 100%;}
    .check-item_heading{padding: 7vw 5% 0; height: 58vw;}
    .check-item_inner{width: 100%;}
}

/* Photo slider */
.photoPc-wrap{position: relative; line-height: 0;}
.photoPc-txt{position: absolute; bottom: 0; left: 0; right: 0; width: 65%; text-align: center; z-index: 10; margin: 0 auto;}
.photoPc-slider img{width: 64rem;}

@media (max-width: 768px){
    .photoPc-txt{width: 90%; bottom: 4%;}
    .photoPc-slider img{width: 50vw;}    
}

/* Footer */
.footer-logo{text-align: center; padding: 4rem 0 3rem;}
.footer-logo img{width: 16.7rem;}
#copyright{font-size: 2rem; font-weight: 500; line-height: 1.3; letter-spacing: 0.05em; text-align: center; color: #fefefe; background: #393939; padding: 2rem 0;}
#pagetop{position: fixed; bottom: 1rem; right: 1rem; width: 8rem; z-index: 100; display: none; cursor: pointer;}

@media (max-width: 768px){
    .footer-logo img{width: 24vw;}
}

/* Animate */
.fade-up{opacity: 0; transform: translateY(4rem); -webkit-transform: translateY(4rem); transition: opacity 1.2s ease, transform 1.2s ease;}
.fade-up.is-view{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}

.fade-left{opacity: 0; transform: translateX(-10rem); -webkit-transform: translateX(-10rem); transition: opacity 1.5s ease, transform 1.5s ease;}
.fade-left.is-view{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}

.fade-right{opacity: 0; transform: translateX(10rem); -webkit-transform: translateX(10rem); transition: opacity 1.5s ease, transform 1.5s ease;}
.fade-right.is-view{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}

.zoom-out{opacity: 0; overflow: hidden; transform: scale(0.7,0.7); -webkit-transform: scale(0.7,0.7); transition: opacity 1s ease, transform 1s ease;}    
.zoom-out.is-view{opacity: 1; transform: scale(1,1); -webkit-transform: scale(1,1);}

.delay1{transition-delay: .3s;}
.delay2{transition-delay: .6s;}
.delay3{transition-delay: .9s;}
.delay4{transition-delay: 1.2s;}
.delay5{transition-delay: 1.5s;}