body {
font-family: "小塚ゴシック Pro", "Kozuka Gothic Pro", sans-serif;
font-size: 1.6em;
line-height: 1.6;
}

body.lp .l-contents_box *{ 
font-family: "小塚ゴシック Pro", "Kozuka Gothic Pro", sans-serif;
}


*{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

@media screen and (max-width: 993px){
header{position: sticky!important;}
}

@media screen and (max-width: 480px) {
body{font-size: 1.3em;}
}

.d-flex{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}

.d-flex-around{justify-content: space-around;}
.d-flex-start{justify-content: flex-start;}
.d-flex-end{justify-content: flex-end;}
.d-flex-center{justify-content: center;}
.align-center{align-items: center;}
.align-end{align-items: end;}
.flex-reverse{flex-wrap: wrap-reverse;}
.text-center {text-align: center;}
.text-right{text-align: right;}
.text-justify{text-align: justify;}


.col2{width: 48%;margin-bottom: 30px;}
.col3{width: 32%;}

.pc{display: block;}
.sp{display: none!important;}

@media screen and (max-width: 993px) {
.pc{display: none!important;}
.sp{display: block!important;}
.col2{width: 100%;}
.col2:last-of-type{margin-bottom: 0;}
.col3{width: 48%;}
}


.l-contents_inner{
max-width: 1200px;
margin: auto;
padding: 90px 50px;
}


.about .l-contents_inner,
.worries .l-contents_inner{
padding: 30px 50px;
}

@media screen and (max-width: 820px) {
.about .l-contents_inner,
.worries .l-contents_inner{padding: 30px;}
}


@media screen and (max-width: 993px) {
.l-contents_inner{padding: 70px 30px;}
}

@media screen and (max-width: 520px) {
.l-contents_inner{padding: 50px 16px;}
.about .l-contents_inner,
.worries .l-contents_inner{padding: 30px 16px;}
}



/* header */

body.lp header .header__login--pc{
position: relative;
margin-left: 0;
}

body.lp header .header__login--pc a.-regist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
visibility: hidden;
opacity: 0;
position: absolute;
background-color: #E76466;
-webkit-transition: .5s;
transition: .5s;
}

body.lp header .header__login--pc a.nav-open{
visibility: visible;
opacity: 1;
}

body.lp header  .header__login--pc a:after{
content: none;
}

@media screen and (min-width: 993px){
body.lp header .header__login--pc a img {height: 25px;}
}


/* 背景 */
.coB{
background-color: #fede6b;
visibility: visible;
}

.coM{
background-color: #CDEAAD;
visibility: visible;
}

.slick-slide img{width: 100%;}


/* float btn */
body.lp .side-nav.keep{
position: fixed;
left: auto;
right: 5%;
bottom: 5%;
z-index: 10;
width: auto;
padding: 0;
-webkit-transition: .3s;
transition: .3s;
}

body.lp .side-nav ul li a{
font-family: "小塚ゴシック Pro", "Kozuka Gothic Pro", sans-serif;
text-align: center;
color: #ffffff;
font-weight: bold;
line-height: 1.3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
padding: 5px;
-webkit-transition: .3s;
transition: .3s;
}

body.lp .side-nav ul li a span{color: #ffffff;}

body.lp .side-nav.keep ul li a{
width: 157px;
height: 157px;
border-radius: 100%;
padding: 10px;
text-align: center;
-webkit-transition: .3s;
transition: .3s;
}

body.lp .side-nav.keep ul li:last-of-type{margin-top: -25px;}

@media screen and (max-width: 993px){
body.lp .side-nav.keep{width: 100%;right: 0;padding: 0 30px;}
body.lp .side-nav.keep ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}

body.lp .side-nav.keep ul li{width: 100%;}
body.lp .side-nav.keep ul li:last-of-type{margin-top: 10px!important;}
body.lp .side-nav.keep ul li br{display: none;}

body.lp .side-nav.keep ul li a{
min-height: 50px;
width: 100%;
height: auto;
border-radius: 15px;
padding: 5px;
-webkit-box-shadow: 4px 4px 2px 0px rgba(50, 50, 50, 0.6);
box-shadow: 4px 4px 2px 0px rgba(50, 50, 50, 0.6);
}

body.lp .side-nav.com ul{justify-content: center;}
body.lp .side-nav.com ul li{width: 100%;}
}

@media screen and (max-width: 520px){
body.lp .side-nav.keep{padding: 0 16px;bottom: 2%;}
body.lp .side-nav.keep ul li a{min-height: 36px;border-radius: 5px;}
}


/* btn */
.l-contents .side-nav{
padding: 90px 50px;
position: relative !important;
bottom: auto !important;
z-index: 2;
}

body.lp .side-nav ul{
max-width: 1100px;
margin: 0 auto;
}

body.lp .side-nav ul li{
width: 49%;
font-size: 2.2rem;
}

body.lp .side-nav ul li a{
min-height: 77px;
border-radius: 15px;
padding: 5px;
}

body.lp .side-nav ul li a:hover {opacity: .7;}
body.lp .side-nav ul li:first-of-type a{background-color: #26C666;}
body.lp .side-nav ul li:last-of-type a{background-color: #f08300;}
body.lp .side-nav.com ul li:last-of-type a{background-color: #009744;}

@media screen and (max-width: 993px){
body.lp .side-nav ul li{font-size: 1.4rem;}
.l-contents .side-nav{padding: 50px 30px;}
.l-contents .side-nav ul li:last-of-type{margin-top: 10px!important;}
body.lp .side-nav ul li a{min-height: 50px;}
}

@media screen and (max-width: 820px){
body.lp .side-nav ul li{width:100%;font-size: 1.3rem;}
}

@media screen and (max-width: 520px){
.l-contents .side-nav{padding: 40px 16px;}
body.lp .side-nav ul li a{min-height: 36px;border-radius: 5px;}
}


.member .side-nav .d-flex{justify-content: center;}

/* h1 */
.member h1{
max-width: 850px;
padding: 40px;
margin: 0 auto;
}

@media screen and (max-width: 993px) {
body.lp h1{max-width: 450px;padding: 0;margin: 0 auto;}
}

@media screen and (max-width: 768px) {
body.lp h1{max-width: 350px;}
}

@media screen and (max-width: 480px) {
body.lp h1{max-width: 220px;}
}

/* h2 */
.l-contents_inner h2{margin: 0 auto 40px;}
.l-contents_inner h2 img{margin: 0 auto;}

@media screen and (max-width: 993px) {
.l-contents_inner h2{margin: 0 auto 20px;}
}

/* ポイント */
.point .l-contents_inner{
position: relative;
}

.point .l-contents_inner:before{
content: "";
background-size: contain;
background-repeat: no-repeat;
display: block;
position: absolute;
width: 122px;
height: 124px;
top: -56px;
left: 0;
}

@media screen and (max-width: 1200px) {
.point .l-contents_inner:before{
left: 30px;
}
}

@media screen and (max-width: 993px) {
.point .l-contents_inner:before{
width: 96px;
height: 90px;
}
}

@media screen and (max-width: 520px) {
.point .l-contents_inner:before{
width: 61px;
height: 62px;
top: -27px;
left: 16px;
}
}

.emph{
text-align: center;
margin-bottom: 20px;
line-height: 2;
}

.corporation .emphG{color: #f08300;font-weight: 600;margin-bottom: 40px;}
.member .emphG{color: #009744;font-weight: 600;margin-bottom: 40px;}

@media screen and (max-width: 993px) {
.emph{text-align: left;}
}

.worries-inner{
max-width: 1000px;
margin: 0 auto;
}

.container-inner{
max-width: 780px;
margin: 0 auto;
}

.container-inner ul li{
line-height: 1.8;
text-indent: -1em;
padding-left: 1em;
}

.container-inner p{
text-align: right;
margin-top: 1em;
}


/* corporation  */
.corporation .inform .l-contents_inner:before{
background-image: url(../img/corporation/point01.svg);
}

.corporation .commentary .l-contents_inner:before{
background-image: url(../img/corporation/point02.svg);
}

.corporation .map .l-contents_inner:before{
background-image: url(../img/corporation/point03.svg);
}

.corporation .live .l-contents_inner:before{
background-image: url(../img/corporation/point04.svg);
}

.corporation .function .l-contents_inner:before{
background-image: url(../img/corporation/point05.svg);
}


/* member */
.member .inform .l-contents_inner:before{
background-image: url(../img/member/point01.svg);
}

.member .commentary .l-contents_inner:before{
background-image: url(../img/member/point02.svg);
}

.member .map .l-contents_inner:before{
background-image: url(../img/member/point03.svg);
}

.member .function .l-contents_inner:before{
background-image: url(../img/member/point04.svg);
}

.l-contents .inform h2{max-width: 968px;}

.informImg{
margin: 0 auto 30px;
text-align: center;
}

.informImg img{margin: 0 auto;}

@media screen and (max-width: 993px) {
.l-contents .inform h2{width: 80%;}
.informImg{margin: 0 auto 15px;}
}


/* commentary */
.l-contents .commentary h2{
max-width: 830px;
margin: 0 auto 20px;
}


.l-contents .commentary p.emph{
font-size: 1.8rem;
line-height: 1.4;
font-weight: 500;
margin-bottom: 40px;
}

.l-contents .commentary h3{
font-size: 2rem;
color: #ffffff;
background-color: #f08300;
text-align: center;
border-radius: 10px;
padding: 5px 10px;
max-width: 500px;
margin: 0 auto 25px;
}

.member .commentary h3{background-color: #009744;
}

@media screen and (max-width: 993px) {
.l-contents .commentary h2{width: 80%;margin: 0 0 20px;}
.l-contents .commentary p.emph{
font-size: 1.5rem;
margin-bottom: 20px;
}
.l-contents .commentary h3{font-size: 1.8rem;}
}


@media screen and (max-width: 480px) {
.l-contents .commentary p.emph{font-size: 1.3rem;}
.l-contents .commentary h3{font-size: 1.6rem;}
}

/* 講座スライド */
body.lp .commentary .slick-arrow.slick-next:before {
background-image: url(../img/lp/arrow-prev.svg) !important;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

body.lp .commentary .slick-arrow.slick-prev:before {
background-image: url(../img/lp/arrow-prev.svg) !important;
}

.slide-box .slide-box__item{
margin: 0 15px;
height: auto!important;
background-color: #ffffff;
border-radius: 10px;
padding: 18px;
}


.slide-box .slide-box__item .play-movie{
margin-bottom: 12px;
position: relative;
}

.slide-box .slide-box__item .play-movie:after{
content: "";
background-image: url(../img/lp/play.svg);
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
width: 60px;
height: 38px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}

.slide-box .slide-box__item h5{
font-size: 2.0rem;
line-height: 1.4;
letter-spacing: 0.04em;
text-align: center;
}

.slide-box .slide-box__item p{
font-size: 1.3rem;
line-height: 1.7;
margin: 0;
text-align: justify;
font-feature-settings: "palt";
}

@media screen and (max-width: 993px) {
.slide-box .slide-box__item{margin: 0 0 30px 0;}
}

.l-contents h2.l-contents_h2{
max-width: 740px;
margin: 0 0 60px 120px;
}

@media screen and (max-width: 1140px) {
.l-contents h2.l-contents_h2{margin: 0 0 60px 0; } 
}

/* map */
.l-contents .map .Img{margin: 20px 0 0;}
.l-contents .map p{text-align: right;margin-top: 10px;}


/* live */
.l-contents .live h2{max-width: 700px;}

.l-contents .live ul{
background-color: #ffffff;
display: inline-block;
padding: 20px;
border-radius: 20px;
position: relative;
}

.l-contents .live ul li:first-of-type{
text-indent: 0;
padding-left: 0;
}

.l-contents .live ul:before{
content: "";
position: absolute;
margin: 0;
width: 0;
height: 0;
border-bottom: 40px solid #ffffff;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
top: -20px;
left: 30px;
}

.l-contents .live ul li{
text-indent: -1em;
padding-left: 1em;
line-height: 1.7em;
}

@media screen and (max-width: 993px) {
.l-contents .live h2{width: 60%;}
.l-contents .live-col-l{margin-top: 25px;}
.l-contents .live ul{padding: 15px;border-radius: 12px;width: 100%;}
.l-contents .live ul:before{
bottom: auto;
left: 50px;
width: 0;
height: 0;
}
}

/* function */
.l-contents .function h2{margin-bottom: 50px;padding-top: 25px;}

.l-contents .function h2:after{
content: "";
display: block;
position: absolute;
background-repeat: no-repeat;
background-size: contain;
width: 208px;
height: 230px;
top: 20px;
right: 40px;
}

.corporation .function h2:after{
background-image: url(../img/corporation/teacher02.svg);
}

.member .function h2:after{
background-image: url(../img/member/teacher02.svg);
}

@media screen and (max-width: 993px) {
.l-contents .function h2{width: 60%;margin-bottom: 40px;padding-top: 0;}
}

@media screen and (max-width: 720px) {
.l-contents .function h2{width:60%;margin: 0 0 30px;}
.l-contents .function h2:after{width: 120px;height: 132px;top: 60px;}
}

@media screen and (max-width: 480px) {
.l-contents .function h2:after{
width: 93px;
height: 102px;
top: 40px;
right: 30px;
}
}

.corporation .recommend{
font-size: 3.0rem;
font-weight: 900;
color: #009744;
text-align: center;
margin-bottom: 30px;
border-radius: 15px;
line-height: 1.4;
}

.l-contents .function p,
.member .function .function-listItem h4{
font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro W6", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}

.l-contents .function .function-listItem h4{
font-size: 3.6rem;
font-weight: 600;
font-feature-settings: "palt";
}

.l-contents .function p{
font-size: 2.3rem;
text-align: center;
margin-bottom: 30px;
}

.l-contents .function .function-listItem h4.trans{
-webkit-transform: scale(0.7, 1);
transform: scale(0.7, 1);
letter-spacing: 0.3px;
-webkit-transform-origin: top left;
transform-origin: top left;
width: 136%;
}

.corporation .function .function-listItem{
background-color: #fede6b;
padding: 22px 24px 24px 0;
border-radius: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.corporation .function .function-listItem img{
width: 188px;
height: 188px;
margin-left: -6px;
margin-right: 20px;
}

.corporation .function .function-listItem h4{color: #009744;}

.corporation .function .function-listItem p{
text-align: left;
margin-bottom: 0;
}

.member .function .function-list{
justify-content: center;
}

.member .function .function-listItem{
background-color: #fede6b;
border: 10px solid #32B5AB;
border-radius: 25px;
position: relative;
margin: 150px 0.66% 0;
-webkit-box-shadow: 6px 6px 6px -1px rgba(0, 0, 0, 0.3);
box-shadow: 6px 6px 6px -1px rgba(0, 0, 0, 0.3);
}

.member .function .function-listItem img{
width: 200px;
height: 200px;
position: absolute;
top: -150px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

.member .function .function-listItem .function-listItem_tit{
background-color: #32B5AB;
text-align: center;
padding: 50px 10px 20px;
}

.member .function .function-listItem h4{color: #ffffff;}

.member .function .function-listItem p{
padding: 20px;
margin: 0;
}

@media screen and (max-width: 993px) {
.l-contents .function .function-listItem h4{font-size: 2.4rem;margin-bottom: 10px;}
.corporation .function .function-listItem img{width: 120px;height: 120px;}
.member .function .function-list{justify-content: space-between;}
.member .function .function-listItem img{width: 140px;height: 140px;top: -100px;}
.member .function .function-listItem{margin: 100px 0 0;}
.corporation .function .function-listItem h4.trans{
-webkit-transform: scale(1, 1);
transform: scale(1 1);
letter-spacing: auto;
-webkit-transform-origin: none;
transform-origin:  none;
width: auto;
}
}

@media screen and (max-width: 768px){
.l-contents .recommend{font-size: 2.0rem;}
.l-contents .function p{font-size: 1.8rem;}
}

@media screen and (max-width: 520px) {
.l-contents .recommend{font-size: 1.6rem;margin-bottom: 15px;}
.corporation .function .function-listItem{padding: 18px 12px 20px 0;}
.corporation .function .function-listItem h4{font-size: 1.9rem;}
.corporation .function .function-listItem img{width: 83px;height: 83px;}
.member .function .function-listItem h4{font-size: 1.7rem;}
.member .function .function-listItem img{width: 90px;height: 90px;top: -60px;}
.member .function .function-listItem{border: 7px solid #32B5AB;margin: 60px 0 0;border-radius: 15px;}
.member .function .function-listItem .function-listItem_tit{padding: 40px 7px 10px;}
.member .function .function-listItem p{padding: 10px;}
.member .function .function-listItem p br{display: none;}
}

@media screen and (max-width: 480px){
.l-contents .function p {font-size: 1.3rem;}
}


/* price */
.l-contents .price .l-contents_inner{padding: 70px 50px;}
.l-contents .price h2{max-width: 968px;}
.l-contents .price .subTit{margin: 0 auto 30px;}

@media screen and (max-width: 993px){
.l-contents .price h2{width: 62%;}
.l-contents .price .subTit{margin: 0 auto 10px;}
}

@media screen and (max-width: 820px) {
.l-contents .price .l-contents_inner{padding: 30px;}
}

@media screen and (max-width: 520px) {
.l-contents .price .l-contents_inner{padding: 30px 16px;}
}

.l-contents .price-plan .col2{
border: 8px solid #f08300;
border-radius: 20px;
}

.member .price-plan .col2{
border: 8px solid #009744;
}

.l-contents .price-plan .col2 h4,
.l-contents .price-plan .col2 p,
.l-contents .price-plan .col2 p span{
font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro W6", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
font-weight: 600;
text-align: center;
}

.l-contents .price-plan .col2 h4{
font-size: 4.8rem;
color: #ffffff;
background-color: #f08300;
padding: 20px;
}

.member .price-plan .col2 h4{
background-color: #009744;
}

.l-contents .price-plan .col2 p{
font-size: 5.0rem;
background-color: #ffffff;
border-radius: 0 0 12px 12px;
padding: 30px 20px;
margin-bottom: 0;
line-height: 1;
}

.l-contents .price-plan .col2 p span{font-size: 7.8rem;}

@media screen and (max-width: 993px) {
.l-contents p.function-p{text-align: left;}
}

@media screen and (max-width: 680px) {
.l-contents .price-plan .col2 h4{border: 4px solid #f08300;}
.member .price-plan .col2 h4{border: 4px solid #009744;}
.l-contents .price-plan .col2 h4{font-size: 2.4rem;padding: 15px;}
.l-contents .price-plan .col2 p{font-size: 2.5rem;padding: 20px 15px;}
.l-contents .price-plan .col2 p span{font-size: 4.8rem;}
}


.l-contents .price dl{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1em;
}

.l-contents .price dl dt{
font-weight: 600;
margin-right: 30px;
width: 6%;
}

.l-contents .price dl dd{
line-height: 1.8;
}

.l-contents .price dl dd br{display: none;}

.l-contents .price dl.environment dt{margin-right: 0;}

.l-contents .price dl.environment dd:first-of-type{
font-weight: 600;
text-align: center;
width: 12%;
}

.l-contents .price dl.environment dd span{margin-left: 40px;}

body.lp .l-contents_box p.price-tax{text-align: left;margin: 20px 0 0;}

@media screen and (max-width: 1200px){
.l-contents .price dl dt{width: 10%;}
}

@media screen and (max-width: 993px){
.price-plan{margin-bottom: 40px;}
}

@media screen and (max-width: 768px){
.l-contents .price dl{-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 1em;}
.l-contents .price dl dt{margin-right: 0;}
.l-contents .price dl dd br{display: block;}
.l-contents .price dl dt{width: 100%;}
.l-contents .price dl.environment dd:first-of-type{width: 20%;text-align: left;}
.l-contents .price dl.environment dd span{margin-left: 0;}
body.lp .l-contents_box p.price-tax{margin: 0;}
}

@media screen and (max-width: 520px){
.price-plan{margin-bottom: 20px;}
.l-contents .price dl.environment dd:first-of-type{width: 100%;}

}


/* satisfaction */
.l-contents .subTit{max-width: 260px;}
.l-contents .satisfaction .subTit{margin: -30px 0 20px;}

@media screen and (max-width: 768px){
.l-contents .subTit{max-width: 200px;}
.l-contents .satisfaction .subTit{margin: -20px 0 10px;}
}

@media screen and (max-width: 480px){
.l-contents .subTit{max-width: 140px;}
}

.l-contents  .satisfaction h2{
max-width: 850px;
margin: 0 0 40px;
}

.corporation .satisfaction  .recommend{margin-bottom: 40px;}

.l-contents .satisfaction h2:after{
content: "";
display: block;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 240px;
height: 240px;
top: 20px;
right: 30px;
}

.corporation .satisfaction h2:after{
background-image: url(../img/corporation/satisfaction_icon.svg);
}


.member .satisfaction h2:after{
background-image: url(../img/member/satisfaction_icon.svg);
}

@media screen and (max-width: 1200px){
.l-contents .satisfaction h2{width: 60%;max-width: 100%;}
.l-contents .satisfaction h2:after{width: 200px;height: 200px;}
}

@media screen and (max-width: 993px){
.l-contents .satisfaction h2{width: 80%;margin: 0 0 30px;}
.corporation .satisfaction  .recommend{margin-bottom: 30px;}
.corporation .satisfaction h2:after{top: 20px;}
}

@media screen and (max-width: 768px){
.l-contents .satisfaction h2:after{width: 150px;height: 150px;top: 60px;}
}

@media screen and (max-width: 520px){
.l-contents .satisfaction h2:after{width: 100px;height: 100px;top: 40px;right: 16px;}
}

.corporation .satisfaction h3 img{
max-width: 712px;
margin: 0 auto;
}

.l-contents .satisfaction-listItem{margin-bottom: 45px;}


@media screen and (max-width: 993px){
.corporation .satisfaction h3 img{width: 60%;}
.l-contents .satisfaction .emph{text-align: center;}
}

@media screen and (max-width: 580px){
.corporation .satisfaction h3 img{width: 70%;}
.l-contents .satisfaction-listItem{margin-bottom: 15px;}
.l-contents .satisfaction-listItem:last-of-type{margin-bottom: 0;}
}



/* faq */
.l-contents .faq .l-contents_inner{padding-bottom: 0;}
.l-contents .faq h2{position: relative;}

.l-contents .faq h2 img{
max-width: 280px;
margin: 0;
position: relative;
z-index: 2;
}

.l-contents .faq h2:after{
content: "";
background-image: url(../img/lp/faq.svg);
background-repeat: no-repeat;
background-size: contain;
display: block;
position: absolute;
width: 252px;
height: 105px;
top: -17%;
right: 0;
z-index: 1;
}

.corporation .faq h2:after{background-image: url(../img/corporation/faq.svg);}
.member .faq h2:after{background-image: url(../img/member/faq.svg);}

.member .faq h2:after{top: -29%;}

.l-contents .faq dl{
background-color: #ffffff;
border-radius: 20px;
padding: 20px;
margin-bottom: 30px;
}
.l-contents .faq dl dt,
.l-contents .faq dl dd{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.l-contents .faq dl dt{
font-size: 2.4rem;
font-weight: 600;
line-height: 1.3;
border-bottom: 2px dashed #B9B9B9;
padding-bottom: 10px;
align-items: center;
margin-bottom: 20px;
}

.l-contents .faq dl dd{
font-weight: 500;
align-items: flex-start;
}

.l-contents .faq dl dd p{margin-bottom: 1em;}

.l-contents .faq dl dt:before,
.l-contents .faq dl dd:before{
content: "";
display: block;
background-repeat: no-repeat;
background-size: contain;
padding-left: 43px;
height: 43px;
margin-right: 20px;
}

.l-contents .faq dl ul.list li{
text-indent: -1em;
padding-left: 1em;
}

.l-contents .faq dl ul.list li:first-of-type{
text-indent: inherit;
padding-left: inherit;
}

.member .faq dl ul.list li:nth-of-type(2){
text-indent: inherit;
padding-left: inherit;
}

.corporation .faq dl{border: 3px solid #f08300;}
.corporation .faq dl dt{color: #f08300;}
.corporation .faq dl dd a{color: #f08300;}

.member .faq dl{border: 3px solid #009744;}
.member .faq dl dt{color: #009744;}
.member .faq dl dd a{color: #009744;}

.member  .faq dl dd ul:last-of-type{margin-top: 1em;}

.l-contents .faq dl dd ul:last-of-type li:last-of-type{
text-indent: -1.2em;
padding-left: 1.2em;
}

.corporation .faq dl dt:before{
background-image: url(../img/corporation/faq_q.svg);
}

.member .faq dl dt:before{
background-image: url(../img/member/faq_q.svg);
}

.l-contents .faq dl dd:before{
background-image: url(../img/lp/faq_a.svg);
}



@media screen and (max-width: 993px){
.l-contents .faq h2:after{top: -56%;}
.member .faq h2:after{top: -71%;}
}

@media screen and (max-width: 520px){
.l-contents .faq h2{text-align: center;}
.l-contents .faq h2 img{max-width: 180px;}
.l-contents .faq h2:after{
width: 150px;
height: 62px;
top: -7px;
}


.l-contents .faq dl{padding: 15px 10px;}
.l-contents .faq dl dt{font-size: 1.6rem;}
.l-contents .faq dl dd{font-size: 1.3rem;}
.l-contents .faq dl dt:before,
.l-contents .faq dl dd:before{padding-left: 28px;height: 28px;margin-right: 10px;}
}

.l-contents .faq-btn{text-align: center;}

.l-contents .faq-btn a{
font-size: 2.4rem;
position: relative;
transition: all 0.3s ease;
font-weight: 500;
}

.l-contents .faq-btn a:hover{opacity: .5;}

.corporation .faq-btn a{color: #f08300;}
.member .faq-btn a{color: #009744;}

.corporation .faq-btn a:before,
.corporation .faq-btn a:after{
border-color: transparent transparent transparent #f08300;
}

.member .faq-btn a:before,
.member .faq-btn a:after{
border-color: transparent transparent transparent #009744;
}

.l-contents .faq-btn a:before,
.l-contents .faq-btn a:after{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 13px 0 13px 23px;
display: block;
top: 0;
bottom: 0;
margin: auto;
position: absolute;
}

.l-contents .faq-btn a:before{right: -65px;}
.l-contents .faq-btn a:after{right: -35px;}


@media screen and (max-width: 520px){
.l-contents .faq-btn a{font-size: 1.3rem;}
.l-contents .faq-btn a:before,
.l-contents .faq-btn a:after{border-width: 7.5px 0 7.5px 10px;}
.l-contents .faq-btn a:before{right: -30px;}
.l-contents .faq-btn a:after{right: -17px;}
}

.lpBtn{
max-width: 1200px;
margin: auto;
margin-top: 30px;
padding: 0 50px;
}

.lpBtn .faq-btn{
margin-right: 75px;
text-align: right;
}

.lpBtn .faq-btn a{font-family: "小塚ゴシック Pro", "Kozuka Gothic Pro", sans-serif;}

@media screen and (max-width: 1200px){
.lpBtn{padding: 0;}
}

@media screen and (max-width: 520px){
.lpBtn .faq-btn{margin-right: 32px;}
}