/* タブレット用CSSをメディアクエリ内に記述する */
@media screen and (min-width: 481px) {
/*===========================
PC・スマホ切り替え
===========================*/

.pc-display{
display:block!important;	
}

.sp-display{
display:none!important;
}

}/* responsive-closed */

/* PC用CSSをメディアクエリ内に記述する */
@media screen and (min-width: 960px) {

/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 .super-top 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/
.super-top{
padding:10px 4% 10px 4%;
font-size:20px;
}



/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 .main-img 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/


.main-img{
width:1024px;
margin:0 auto;
}

.main-img img{
width:100%;
height: auto;
}


.main-img-wrapper{
background:#ffc0c4;
}


/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 .main-title 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/

.main-title{
pading:10px 0 0px 0;
margin:-120px auto 0;
width:1024px;
}

.main-title img{
width:700px;
height:auto;
display:block;
margin:0 auto 0;
}


.main-title h1{
font-size:65px;
font-weight:700;
color:#fe5460;
letter-spacing:0px;
padding:15px 1% 15px 1%;
text-align:center;
}

.main-title h1 span.small{
font-size:0.75em;
}

.main-title p.chance{
font-size:24px;
line-height:1.35;
color:#3d1111;
font-weight:bold;
padding:0px 1% 0px 1%;
text-align:center;
}

.main-title p.uroco{
font-size:20px;
line-height:1.35;
background:#ffd0d3;
color:#fe5460;
font-weight:bold;
padding:10px 20px 12px 20px;
text-align:center;
margin:15px auto 0;
width:600px;
border-radius:30px;
}




/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 .seminar-video 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/
.seminar-video{
width:800px;
margin:30px auto 30px;
}


.seminar-video video {
width: 100%; 
}


/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 .campaign 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/
.campaign {
width:500px;
margin:30px auto 40px;
}


.campaign img {
width: 100%;
height:auto;
display:block;
margin:0 auto 0
}

/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 .fp-free 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/


.fp-free{
padding:70px 30px 20px 30px;
width:964px;
margin:0 auto;

}

.fp-free h2{
font-weight: 700;
font-size: 31px;
margin:0 0 20px 0;
}

.fp-free h2:before,
.fp-free h2:after{
height:24px;
width:2px;
}


.fp-free img{
width:60%;
}

.fp-free p{
font-size:37px;
letter-spacing:0px;
padding:30px 30px 30px 30px;
right:0px;
bottom:30%;
}



/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 .schedule 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/

.schedule{
margin:60px 0 30px 0;
}

.schedule .title{
width:1024px;
margin:0 auto ;
}



.schedule .title img{
width:200px;
}

.schedule .title h2{
font-size:37px;
top:20px;
}



.schedule .box-wrapper{
background:#f5f5f5;
padding:40px 0 20px 0;

}

.schedule .box{
width:964px;
margin:0 auto;
padding:25px 0 25px 0;
}

.schedule .box h3{
font-size:30px;
}

.schedule .box h3 span{

}

.schedule .box h3 img{
width:36px;
height:auto;
position:relative;
top:-3px;
padding:0 2px 0 0;
}



.schedule .box ul li{
padding:3px 0 3px 0;
font-size:19px;
line-height:1.7;
}

.schedule .box ul li span{
font-size:16px;
padding:0px 8px 2px;
margin-right:7px;
border-radius:10px;
}

.schedule p.catch{
padding:30px 0 30px 0;
font-size:30px;
line-height:1.5;
}



/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 .button 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/

/*===========================
.ボタンの前の文言
===========================*/

.button-area{
width:764px;
margin:0 auto;
}
.button-area .caption{
font-size:20px;

}

.button-area  .caption:before,
.button-area .caption:after{
height:20px;
}




/*===========================
.ボタン共通デザイン
===========================*/

.button-area .btn-bg{
font-size:20px;
text-decoration:none;
padding:15px 5px 15px;

}



.button-area span.semi{
font-size:24px;
}

.button-area span.text{
font-size:38px;
}

.button-area span.text img{
width:25px;
height:auto;
padding:0 3px 0 0;
position:relative;
top:-4px;
}
/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 .do-tel 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/


.do-tel{
width:764px;
margin:0 auto;
}
.do-tel a{
display:block;
width:100%;
margin:20px auto 20px;
padding:14px 3% 10px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
	 -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
		box-sizing: border-box;

color:#fff;
text-align:center;
text-decoration:none;
font-size:20px;
background: rgb(249,143,91);
background: linear-gradient(90deg, rgba(249,143,91,1) 0%, rgba(249,91,104,1) 100%);
box-shadow:0px 0px 0px 2px #ffffff inset;
border:solid 2px #f96566;
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
font-weight:700;
}

.do-tel a img{
width:40px;
height:auto;
padding:0 8px 0 0;
position:relative;
top:-2px;
}

/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 #target 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/


#target{
background:#fbdfed;
padding:45px 0 25px 0;
margin:80px 0 0 0;
}

#target .inner{
margin:-85px auto 0;
width:1024px;
}

#target h2 img{
width:65%;
}

#target li{
font-size:22px;
line-height:1.5;
padding:15px 0 16px 35px;
background:url(../images/icon-check.png) no-repeat 0 18px;
background-size:30px 30px;
}



#target p.catch{
font-size:30px;
line-height:1.6;
padding:30px 0 40px 0;
}


/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 #about〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/
#about{
margin:70px auto 0px;
}

#about h2 span.semi{
font-size:25px;
width:530px;
margin:0 auto 15px;
}

#about h2 span.big{
font-size:45px;
margin:0 auto 0px;
}





/*===========================
.box-wrapper
===========================*/


#about .box-wrapper{
width:1024px;
margin:0 auto 0;
padding:20px 0px 25px;
}



#about .box-wrapper .box{
width:964px;
margin:85px auto 0;
padding:0 30px 30px 30px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
	 -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
		box-sizing: border-box;
}

#about .box-wrapper .box:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}


#about .box-wrapper .box img{
display:block;
float:left;
width:400px;
height:auto;
margin:5px auto 0px;
}


#about .box-wrapper .box .teacher-thumb{
float:left;
width:250px;
margin:10px auto 0;
text-align:center;
}

#about .box-wrapper .box .teacher-thumb img{
float:none;
width:250px;
}

#about .box-wrapper .box h3{
width:480px;
font-size: 32px;
color:#fe5460;
line-height:1.2;
padding:10px 0px 0px;
letter-spacing:-1px;
float:right;;
}

#about .box-wrapper #teacher-box h3{
width:610px!important;
font-size: 42px;
}


#about .box-wrapper .box .sentence{
width:470px;
font-size: 17px;
line-height:1.65;
padding:10px 0px 10px;
float:right;
}

#about .box-wrapper .box .sentence2{
width:610px;
font-size: 15px;
line-height:1.85;
padding:10px 0px 10px;
float:right;
}

#about .addtional{
width:964px;
margin:0 auto;
}

#about .addtional .text .semi{
font-size:22px;
width:300px;
padding:7px 30px 10px;
}

#about .addtional .text .catch{
font-size:35px;
line-height:1.25;
padding:12px 10px 2px;
}


#about .addtional img{
width:60%;
margin:5px auto 0;
}




/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 #case-study 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/
#case-study{
padding:0 0px 0 0px;
}



.case-slider-wrapper{
margin:10px auto 0;
width:684px;
}


.case-slider{

}

.case-slider li{
margin:0 0px 0 0px;
padding:0 0px 0 0px;

}

/*===========================
.h2タイトルのデザイン
===========================*/

#case-study .semi{
padding:20px 0 8px 0;
color:#fff;
font-size:18px;
font-weight:700;
text-align:center;
}
#case-study .sub{
width:400px;
margin:0 auto 15px;
font-size:22px;
padding:5px 20px 7px;
}

#case-study h2{
padding:0px 5% 30px 5%;
font-size:45px;
line-height:1.25;
}


/*===========================
.box
===========================*/


#case-study .box-wrapper{
padding:40px 0 20px 0;
}

#case-study .box{
width:764px;
margin:0 auto;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
	 -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
		box-sizing: border-box;
padding:20px 0 20px 0;
border:solid 2px #fe5662;
background:#fff;
}

#case-study .box h3{
width:330px;
margin:-40px auto 0;
padding:5px 25px;
font-size:32px;
}

#case-study .box h4{
font-size: 34px;
color: #fe5460;
font-weight: 700;
line-height: 1.2;
padding: 0px 40px 10px;
}

#case-study .box h3 .inner{
display: block;
transform: skew(15deg);
}

#case-study .box h3 span{
font-size:19px;
}

#case-study .box h3 img{
width:32px;
height:auto;
position:relative;
top:-3px;
padding:0 2px 0 0;
}

#case-study .box .thumb{
width:90%;
margin:0 auto;
padding:30px 0 20px 0;
}


#case-study .box .thumb img{
width:100%;
height:auto;
}

#case-study .box ul{
width:90%;
margin:0 auto;
}

#case-study .box ul li{
list-style-type:none;
padding:3px 0 3px 0;
font-size:18px;
font-weight:700;
line-height:1.7;
}

#case-study .box ul li span{
background:#fe5662;
color:#fff;
font-size:17px;
padding:0px 8px 2px;
margin-right:5px;
border-radius:10px;
}

#case-study p.catch{
padding:15px 40px 0;
text-align:left;
font-size:16px;
line-height:1.5;
font-weight:700;;
position:relative;
z-index:1;
}

#case-study p.add{
width:720px;
margin:0 auto;
padding:35px 0 40px;
text-align:center;
font-size:20px;
line-height:1.5;
color:#fe5460;
}



/*===========================
.box 人物のところ
===========================*/

#case-study .box .person{
padding:10px 25px 10px;
text-align:center;
}
#case-study .box .person:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

#case-study .box .person img{
float:none;
width:20%;
display:inline-block;
height:auto;
padding:0 2% 0 0;
}

#case-study .box .person .text{
float:none;
width:auto;
display:inline-block;
vertical-align: middle;
}

#case-study .box .person .text h5{
font-size: 32px;
line-height: 1.2;
padding:10px 0 4px 0;
}

#case-study .box .person .text p.caution{
font-size:16px;
}


/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 .feature 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/


.feature{
padding:20px 0 20px 0;
width:964px;
margin:70px auto 0;
}

.feature h2{
font-size: 36px;
}

.feature h2:before,
.feature h2:after{
height:28px;
width:2px;
}

.feature h2:before{
transform: skew(20deg);
position:relative;
top:1px;
left:-11px;
}

.feature .title{
padding:0 0 20px 0;
}


.feature .title img{
width:65%;
height:auto;
display:block;
margin:0 0 0 0;
position:relative;
z-index:1;
float:right;
}

.feature .title p{
font-size:38px;
width:52%;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
	 -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
		box-sizing: border-box;
padding:40px 12px 40px 12px;
left:0px;
top:25%;
z-index:2;
}


/*===========================
.featureの .box
===========================*/
.feature .box-wrapper{
width:964px;
margin:0 auto;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.feature .box-wrapper:after,
.feature .box .top:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.feature .box{

width:48.5%;
float:left;
margin:20px 3% 20px 0;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
	 -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
		box-sizing: border-box;
border:solid 2px #fe5460;
padding:0 0 20px 0;
}

.feature .box:nth-child(2n){
margin:20px 0 20px 0;
}

.feature .box .top .left{
float:left;
width:22%;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
	 -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
		box-sizing: border-box;
background:#fe5460;
padding:10px 10px 10px 10px;
}



.feature .box .top .left img{
width:100%;
height:auto;
}

.feature .box .top .right{
float:right;
width:78%;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
	 -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
		box-sizing: border-box;
padding:10px 15px 0px 15px;
}

.feature .box .top .right p.number{
font-size:22px;
padding:8px 12px 12px 12px;
background:#fe5460;
}


.feature .box .top .right h3{
font-size: 29px;
line-height: 1.35;
font-weight:700;
color: #fe5460;
padding:10px 0 10px 0;
}



.feature .box p.sentence{
font-size:17px;
line-height:1.4;
font-weight:700;
padding:0px 20px 0px 20px;
}

.feature p.catch{
font-size: 32px;
text-align:center;
line-height: 1.5;
font-weight:700;
color: #fe5460;
padding:30px 0 40px 0;
}


/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 #VOICE　〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/


#voice .semi{
padding:30px 0 8px 0;
font-size:24px;
}
#voice .sub{
width:400px;
font-size:25px;
}

#voice h2{
padding:0px 5% 30px 5%;
font-size:45px;
line-height:1.25;
}

/*===========================
#voice .box
===========================*/


#voice .box-wrapper .box:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

#voice .box-wrapper .box{
width:964px;
margin:18px auto 18px;
padding:0 0 20px 0;
border-bottom:solid 1px #bad7df;
}

#voice .box-wrapper .box .left{
float:left;
width:22%;
margin:0 3% 0 0;
}
#voice .box-wrapper .box .person img{
float:none;
width:100%;
height:auto;
margin:0 0 0 0;
}

#voice .box-wrapper .box .person .text{
float:none;
width:100%;
}



#voice .box-wrapper .box .person .text p{
color:#8c8774;
font-size:14px;
line-height:1.2;
text-align:center;
}

#voice .box-wrapper .box .sentence h3{
color:#5ba5b9;
font-weight:700;
font-size:32px;
padding:0 0 10px 0;
}

#voice .box-wrapper .box .sentence{
position: relative;
float:left;
width:68%;
margin-top: 14px;
padding: 22px 3.5% 29px 3.5%;
background-color: #fff;
color:#585858;
font-size:19px;
letter-spacing:-0.5px;
line-height:1.5; 
}

#voice .box-wrapper .box .sentence:before {
content: "";
position: absolute;
top: 70px;
left: -45px;
border: 20px solid transparent;
border-right: 25px solid #fff;
}

#voice p.catch{
color:#5ba5b9;
font-weight:700;
font-size:30px;
padding:40px 2% 50px;
text-align:center;
line-height:1.5;
}



/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 #free-reason　〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/
#free-reason{
padding:70px 0 30px 0;
}
#free-reason p.semi{
width:370px;
padding:15px 25px;
font-size:24px;
}

#free-reason h2{
font-size:45px;
padding:10px 0 25px 0;
line-height:1.45;
}

 #free-reason .box{
width:964px;
margin:0 auto;
padding:0px 0 20px 0;
}

#free-reason .box img{
width:65%;
float: right;
}

#free-reason .box p{
font-size:38px;
width:50%;
padding:40px 40px 40px 40px;
left:0px;
top:20%;
line-height:1.25;
z-index:2;
}

#free-reason .text{
padding:0px 0% 0px;
width:964px;
margin:0 auto 0;
}

#free-reason .text p{
line-height:1.75;
font-size:19px;
font-weight:700;
padding:15px 2% 15px 2%;
}



/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 #our-thought 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/
#our-thought{
padding:20px 0 25px 0;
}

#our-thought h2{
color:#fe5662;
font-weight:700;
padding:0px 2% 20px;
text-align:center;
letter-spacing:-1px;
}
#our-thought h2 span.semi{
font-size:19px;
display:block;
padding:0 0 6px 0;
}

#our-thought h2 span.title{
font-size:40px;
}

#our-thought .thumb{
background:#f7f8fa;
width:100%;
}

#our-thought .thumb img{
display:block;
width:946px;
height:auto;
margin:0 auto;
}
#our-thought .text{
padding:20px 0% 20px 0%;
}
#our-thought .text p{
width:946px;
margin:0 auto;
line-height:1.75;
font-size:19px;
font-weight:700;
padding:13px 0% 13px 0%;
}


/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 .last-message 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/
.last-message h3{
background:#fe5662;
padding:10px 3% 10px;
color:#fff;
text-align:center;
font-weight:700;
font-size:22px;
}

/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 #contact-explain　〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/


/*===========================
タイトル
===========================*/

#contact-explain{
margin:60px 0 30px 0;
}

#contact-explain .bg-grade{
padding:20px 0 0 0;
}

#contact-explain .sub{
width:300px;
text-align:center;
margin:0px auto 10px;
font-size:19px;
font-weight:700;
color:#fff;
padding:7px 20px 7px;
border:solid 2px #fff;
border-radius:30px;
}

#contact-explain h2{
padding:0px 5% 20px 5%;
color:#fff;
font-size:38px;
font-weight:700;
text-align:center;
line-height:1.45;
}
#contact-explain .sentence{
width:800px;
margin:0 auto;
font-weight:700;
padding:20px 20px 20px 20px;
}

#contact-explain .sentence p{
font-size:17px;
line-height:1.5;
padding:10px 0 10px 0;
}


/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 .FAQ　〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/


/*===========================
タイトル
===========================*/

.faq{
margin:60px 0 30px 0;
}

.faq .bg-grade{
padding:20px 0 0 0;
}

.faq .sub{
width:300px;
text-align:center;
margin:0px auto 10px;
font-size:19px;
font-weight:700;
color:#fff;
padding:7px 20px 7px;
border:solid 2px #fff;
border-radius:30px;
}

.faq h2{
padding:0px 5% 20px 5%;
color:#fff;
font-size:38px;
font-weight:700;
text-align:center;
line-height:1.45;
}


.faq .accordion{
padding:0px 0px 10px;
width:964px;
margin:0 auto;
}

.faq .accordion li{
background: #ffffff;
border-radius: 10px;
border:3px solid #f96566;
overflow: hidden;
margin-top:20px;
font-weight: 700;
font-style: normal;
color:#f03a42;
}

.faq .trigger:hover,
.faq .accordion .trigger.active{
background: #ffedee;
}

.faq .accordion .trigger {
padding: 24px 40px 24px 56px;
font-size: 18px;
position: relative;
font-weight: bold;
cursor: pointer;
}

.faq .accordion .trigger::before,
.faq .accordion .toggle_container::before{
content: "";
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
left: 17px;
}

.faq .accordion .trigger::before {
top: 50%;
margin-top: -15px;
background: url(../images/faq-q.png) no-repeat;
background-size: contain;
}

.faq .accordion .toggle_container::before {
background: url(../images/faq-a.png) no-repeat;
background-size: contain;
top: 20px;
}

.faq .accordion .trigger::after, 
.faq .accordion .trigger.active::after {
font-size: 40px;
line-height: 1;
color: #f03a42;
position: absolute;
top: 35%;
right: 15px;
margin-top: -11px;
font-weight: bold;
}

.faq .accordion .trigger::after {
content: "\0203a";

}
.faq .accordion .trigger.active::after {
content: "\0203a";
transform: rotate(90deg);
animation: fadeIn 1s ease 0s 1 normal;
-webkit-animation: fadeIn 1s ease 0s 1 normal;	
}



.faq .toggle_container{
padding: 17px 20px 15px 56px;
position: relative;
font-size: 16px;
}

.faq .toggle_container p{
line-height: 1.6;
font-size:17px;
color: #4a2900;
font-height: 1.75;
}


/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 #form-wrapper　〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/

#form-wrapper h2{
font-size:47px;
padding:40px 0 40px 0;
}


#form-wrapper {
width:965px;
margin:30px auto 0;
border:solid 2px #f96566;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
	 -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
		box-sizing: border-box;
}

form#mail_form dl{
margin:0;
padding:0;
border:none;
}

form#mail_form dl dt{
padding: 20px 20px 20px 0;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
	 -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
		box-sizing: border-box;
}

form#mail_form dl dd{
padding: 15px 20px 15px 0;
}

form#mail_form input#form_submit_button{
margin-left:0;
margin:0 auto 0;
}


}/* responsive-closed */