@charset "utf-8";

/*===========================
頻出
===========================*/
html{
	font-size:62.5%;
}
body{
font-family:fot-tsukuardgothic-std, source-han-sans-japanese, 'Noto Sans JP', sans-serif!important;
color:#3d1111;
}


/*loading animation*/
body {
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


/*===========================
スマホ表示・消す
===========================*/
.pc-display{
display: none!important		
}


.sp-display{
display: block!important
}

.sp-none{
display: none!important	
}



/*===========================
ギザギザのライン
===========================*/


.stripe{ 
position: relative;
padding: 0.2em;

}
.stripe:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: repeating-linear-gradient(-45deg, #fff873, #fff873 2px, white 2px, white 4px);
opacity:0.8;
z-index:10;
}
/*===========================
蛍光線
===========================*/

.under{
background: linear-gradient(transparent 75%, #fe5460 25%);
}

/*===========================
グラデ背景
===========================*/

.bg-grade{
width:100%;
background: rgb(254,84,96);
background: linear-gradient(90deg, rgba(254,84,96,1) 0%, rgba(250,118,128,1) 100%);
}

.bg-grade2{
width:100%;
background: rgb(50,175,209);
background: linear-gradient(90deg, rgba(50,175,209,1) 0%, rgba(91,165,185,1) 100%);
}



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

〇 .super-top 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/
.super-top{
font-family:fot-tsukuardgothic-std, source-han-sans-japanese, sans-serif;
font-weight: 700;
font-style: normal;
background:#fa505c;
color:#fff;
padding:4px 0 4px 0;
font-size:17px;
}	

.super-top .inner{
width:94%;
padding: 7px 2% 7px 2%;
text-align: center;
}




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

〇 .main-img 〇

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



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


.main-img-wrapper{
padding:0 0 0 0;
}



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

〇 .main-title 〇

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

.main-title{
pading:10px 0 0px 0;
margin:-40px auto 0;
width:100%;
}

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

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

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

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



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




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

〇 .fp-free 〇

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


.fp-free{
padding:20px 0 20px 0;
}

.fp-free h2{
text-align: center;
color:#fe606b;
font-weight: 700;
font-size: 21px;
margin:0 0 20px 0;
}

.fp-free h2:before,
.fp-free h2:after{
content:"";
background:#fe606b;
border-radius:30px;
height:18px;
width:2px;
display: inline-block;

}

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

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

.fp-free .box:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}


.fp-free .box{
position:relative;
}

.fp-free img{
width:55%;
height:auto;
display:block;
margin:0 0 0 0;
position:relative;
z-index:1;
}

.fp-free p{
background:rgba(254,86,98,0.9);
border: solid 2px #fe5662;
box-shadow: 0px 0px 0px 2px #fff inset;
color:#fff;
font-size:17px;
font-weight:700;
letter-spacing:-1px;
width:55%;
-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 20px 20px 20px;
text-align:center;
position:absolute;
right:10px;
bottom:10px;
z-index:2;
}


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

〇 .schedule 〇

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

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

.schedule .title{
text-align: center;
}

.schedule .title img,
.schedule .title h2{
display: inline-block;
  
}

.schedule .title img{
width:130px;
height:auto;
padding: 0 0px 0 0px;
}

.schedule .title h2{
font-weight:700;
color:#fe5460;
font-size:23px;
line-height:1.35;
position:relative;
top:10px;
}



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

.schedule .box{
width:92%;
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;
}

.schedule .box h3{
display:block;
transform: skew(-15deg);
border:solid 2px #fe5662;
width:230px;
margin:-40px auto 0;
padding:5px 20px;
font-weight:700;
font-size:28px;
color:#fe5662;
text-align:center;
background:#fff;
}

.schedule .box h3 span{
display: block;
transform: skew(15deg);
}

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

.schedule .box .thumb{
width:90%;
margin:0 auto;
padding:30px 0 20px 0;
}


.schedule .box .thumb img{
width:100%;
height:auto;
}

.schedule .box ul{
width:90%;
margin:0 auto;
}

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

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

.schedule .box p.kangei{
font-size:17px;
line-height:1.35;
font-weight:bold;
padding:10px 15px 10px 15px;
text-align:center;
background:#fe5460;
color:#fff;
width:70%;
border-radius:30px;
margin:15px auto 0;
}


.schedule p.catch{
padding:15px 2% 0;
text-align:center;
font-size:14px;
line-height:1.5;
font-weight:700;
color:#fe5460;
}

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

〇 .seminar-video 〇

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


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

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

〇 .campaign 〇

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


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



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

〇 .button 〇

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

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

.button-area .caption{
text-align: center;
color:#fd9512;
font-weight: 700;
font-size:15px;

}

.button-area  .caption:before,
.button-area .caption:after{
content:"";
border-radius:30px;
height:15px;
width:2px;
display: inline-block;
}

.button-area .caption:before{
transform: skew(20deg);
position:relative;
top:1px;
left:-4px;
}
.button-area .caption:after{
transform: skew(-20deg);
position:relative;
top:1px;
left:4px;
}

/* ピンクのキャプション */
.button-area .pink-caption{
color:#f95c68;
}

.button-area  .pink-caption:before,
.button-area .pink-caption:after{
background:#f95c68;
}

/* ブルーのキャプション */
.button-area .blue-caption{
color:#1c7fc4;
}


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

.button-area .btn-bg{
font-weight: 700;
display:block;
width:90%;
margin:10px auto 30px;
color:#fff;
text-align:center;
font-size:20px;
text-decoration:none;
padding:15px 5px 15px;

/* 二重線 */
border:2px solid #ffffff;
position: relative;
z-index: 0;
transition: .3s;


/* box-sizing */
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
	 -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
		box-sizing: border-box;
}

/* ピンクのボタン */
.button-area .pink-btn{
box-shadow:0px 0px 0px 2px #ec4a55;
background: rgb(249,143,91);
background: linear-gradient(90deg, rgba(249,143,91,1) 0%, rgba(249,91,104,1) 100%);

}

/* ブルーのボタン */
.button-area .blue-btn{
box-shadow:0px 0px 0px 2px #3599e4;
background: rgb(70,164,236);
background: linear-gradient(90deg, rgba(70,164,236,1) 0%, rgba(13,121,189,1) 100%);
}


.button-area .btn-bg:after{
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f80000+0,ff6000+55,ff8340+100 */
background: rgb(248,0,0); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(248,0,0,1) 0%, rgba(255,96,0,1) 55%, rgba(255,131,64,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(248,0,0,1) 0%,rgba(255,96,0,1) 55%,rgba(255,131,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(248,0,0,1) 0%,rgba(255,96,0,1) 55%,rgba(255,131,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f80000', endColorstr='#ff8340',GradientType=1 ); /* IE6-9 */
opacity: 0;
transition: .8s;

}

.button-area .btn-bg:hover:after{
opacity: 1;
}


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

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

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


.button-area span.middle{
font-size:26px;
}

.button-area span.middle img{
width:26px;
height:auto;
padding:0 3px 0 0;
position:relative;
top:-3px;
}





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

〇 #target 〇

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


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

#target .inner{
margin:-65px auto 0;
}


#target h2 img{
line-height:0;
width:100%;
height:auto;
display:block;
margin:0 auto 0;
}

#target ul{
width:92%;
margin:0 auto 20px;
-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:25px 25px 25px 25px;
background:#fff;
border:solid 2px #f583b0;
}


#target li{
color:#f35990;
font-size:16px;
line-height:1.3;
padding:8px 0 9px 30px;
border-bottom:solid 1px #f6d9e3;
list-style:none;
background:url(../images/icon-check.png) no-repeat 0 6px;
background-size:25px 25px;
font-weight:700;
}

#target p.catch{
text-align:center;
font-size:20px;
line-height:1.6;
color:#f35990;
margin:0 auto 0px;
font-weight:700;
}



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

〇 #about〇

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

#about h2{
text-align:center;
}

#about h2 span.semi{
background:#fe5460;
padding:6px 20px 8px;
font-size:15px;
display:block;
color:#fff;
text-align:center;
width:230px;
border-radius:30px;
margin:0 auto 9px;
font-weight:700;
}

#about h2 span.big{
font-family: source-han-sans-japanese, sans-serif;
font-weight: 700;
text-align:center;
font-style: normal;
font-size:32px;
color:#f95d68;
margin:0 auto 0px;
display:block;
}



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


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



#about .box-wrapper .box{
width:92%;
margin:65px auto 0;
background:#fff;
border:solid 3px #f67175;
padding:0 0 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;
}


#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;;
}



/*===========================
.boxの「特徴」の球体部分
===========================*/


#about .box-wrapper .box h4.number{
border:solid 2px #fff;
background: rgb(249,143,91);
background: linear-gradient(90deg, rgba(249,143,91,1) 0%, rgba(249,91,104,1) 100%);
width:95px;
height:81px;
margin:-50px auto 10px;
border-radius:100px;
color:#fff;
text-align:center;
padding:14px 0 0 0;
line-height:1.0;
font-weight:normal;
box-shadow:0px 0px 0px 2px #f16855;
}



#about .box-wrapper .box h4.number .small{
font-weight: 700;
font-size:16px;
text-indent:-4px;
letter-spacing:-1px;
}


#about .box-wrapper .box h4.number .big{
font-weight: 500;
font-size:49px;
letter-spacing:-1px;
text-indent:-4px;
}

#about .box-wrapper .box h4.number .koushi{
font-weight: 700;
font-size:29px;
letter-spacing:-1px;
text-indent:-4px;
position:relative;
top:2px;
}



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

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

#about .box-wrapper .box h3{
font-size: 24px;
color:#fe5460;
font-weight:700;
line-height:1.2;
padding:10px 25px 0px;
letter-spacing:-1px;
}

#about .box-wrapper #teacher-box h3{
font-size: 34px;
}


#about .box-wrapper .box .sentence{
font-weight: 700;
font-size: 15px;
color:#3d1111;
line-height:1.65;
padding:10px 25px 10px;
}

#about .box-wrapper .box .sentence2{
font-weight: 700;
font-size: 13.5px;
color:#3d1111;
line-height:1.5;
padding:10px 25px 10px;
}

#about .addtional{
width:98%;
margin:10px auto 0;
}
#about .addtional .text{
display:block;
position: relative;
top:0px;
}

#about .addtional .text .semi{
color: #fff;
font-weight: 700;
font-style: normal;
background:#fe5460;
border-radius:30px;
font-size:18px;
width:200px;
margin:0 auto;
padding:7px 20px 10px;
text-align: center;
}
#about .addtional .text .catch{
color: #fe5460;
font-weight: 700;
font-style: normal;
font-size:25px;
line-height:1.25;
padding:12px 10px 2px;
text-align: center;
}


#about .addtional img{
width:80%;
height:auto;
display:block;
margin:5px auto 0;
}








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

〇 #case-study 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/
#case-study{

}



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


.case-slider{

}

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

}


.case-slider li img{
width:100%;
height:auto;
display:block;
}

.slick-dotted.slick-slider{
margin-bottom:20px!important;
}
/*===========================
.h2タイトルのデザイン
===========================*/

#case-study .semi{
padding:20px 0 8px 0;
color:#fff;
font-size:12px;
font-weight:700;
text-align:center;
}
#case-study .sub{
width:60%;
text-align:center;
margin:0 auto 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;
font-size:15px;
font-weight:700;
color:#fff;
padding:5px 20px 7px;
border:solid 2px #fff;
border-radius:30px;
}

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

#case-study .bg-grade{
margin:0 auto 0px;
}




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


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

#case-study .box{
width:92%;
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{
display:block;
transform: skew(-15deg);
border:solid 2px #fe5662;
width:230px;
margin:-40px auto 0;
padding:5px 20px;
font-weight:700;
font-size:26px;
color:#fe5662;
text-align:center;
background:#fff;
}

#case-study .box h4{
font-size: 24px;
color: #fe5460;
font-weight: 700;
line-height: 1.2;
padding: 0px 25px 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:16px;
font-weight:700;
line-height:1.7;
}

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

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

#case-study p.add{
padding:15px 6% 0;
text-align:left;
font-size:17px;
line-height:1.5;
font-weight:700;;
color:#fe5460;
}



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

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

#case-study .box .person img{
float:left;
width:30%;
height:auto;
padding:0 3% 0 0;
}

#case-study .box .person .text{
float:left;
width:67%;
height:auto;
padding:0 0 0 0;
}

#case-study .box .person .text h5{
font-size: 22px;
color: #fe5460;
font-weight: 700;
line-height: 1.2;
padding:10px 0 4px 0;
}

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


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

〇 .feature 〇

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


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

.feature h2{
text-align: center;
color:#fe606b;
font-weight: 700;
font-size: 21px;
margin:0 0 20px 0;
}

.feature h2:before,
.feature h2:after{
content:"";
background:#fe606b;
border-radius:30px;
height:18px;
width:2px;
display: inline-block;

}

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

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

.feature .title:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}


.feature .title{
position:relative;
}

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

.feature .title p{
background:rgba(254,86,98,0.9);
border: solid 2px #fe5662;
box-shadow: 0px 0px 0px 2px #fff inset;
color:#fff;
font-size:19px;
font-weight:700;
letter-spacing:-1px;
width:60%;
-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 12px 20px 12px;
text-align:center;
position:absolute;
left:10px;
top:10px;
z-index:2;
}


/*===========================
.featureの .box
===========================*/

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

.feature .box{
width:92%;
margin:15px auto 15px;
-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 .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-weight:700;
color:#fff;
font-size:15px;
text-align:center;
padding:5px 12px 8px 12px;
background:#fe5460;
}


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



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

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



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

〇 #VOICE　〇

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

#voice{
background:#e7faff;
}

#voice .semi{
padding:20px 0 8px 0;
color:#fff;
font-size:12px;
font-weight:700;
text-align:center;
}
#voice .sub{
width:60%;
text-align:center;
margin:0 auto 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;
font-size:15px;
font-weight:700;
color:#fff;
padding:5px 20px 7px;
border:solid 2px #fff;
border-radius:30px;
}

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

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

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

#voice .box-wrapper .box{
width:92%;
margin:18px auto 18px;
}

#voice .box-wrapper .box .person img{
float:left;
width:25%;
height:auto;
margin:0 4% 0 0;
}

#voice .box-wrapper .box .person .text{
float:left;
width:71%;

}

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

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

#voice .box-wrapper .box .sentence:before {
content: "";
position: absolute;
top: -18px;
left: 36px;
border: 7px solid transparent;
border-bottom: 11px solid #fff;
}

#voice .box-wrapper .box .sentence{
position: relative;
margin-top: 14px;
padding: 13px 10px;
background-color: #fff;
color:#585858;
font-size:14px;
letter-spacing:-0.5px;
line-height:1.5; 
}


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


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

〇 #free-reason　〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/
#free-reason{
padding:30px 0 30px 0;
}
#free-reason p.semi{
display:block;
transform: skew(-15deg);
border:solid 2px #fe5662;
width:170px;
margin:0px auto 0;
padding:5px 15px;
font-weight:700;
font-size:14px;
color:#fe5662;
text-align:center;
background:#fff;
}

#free-reason p.semi span{
display: block;
transform: skew(15deg);
}

#free-reason h2{
text-align: center;
font-weight:700;
color:#fe5662;
font-size:24px;
padding:10px 0 15px 0;
line-height:1.45;
}

 #free-reason .box{
position:relative;
}

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

#free-reason .box img{
width:55%;
height:auto;
display:block;
margin:0 0 0 0;
position:relative;
z-index:1;
float: right;
}

#free-reason .box p{
background:rgba(254,86,98,0.9);
border: solid 2px #fe5662;
box-shadow: 0px 0px 0px 2px #fff inset;
color:#fff;
font-size:17px;
font-weight:700;
letter-spacing:-1px;
width:55%;
-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 20px 20px 20px;
text-align:center;
position:absolute;
left: 10px;
top: 20px;
z-index:2;
}

#free-reason .text{
padding:0px 4% 0px;
}

#free-reason .text p{
line-height:1.5;
font-size:15px;
font-weight:700;
padding:10px 0 10px 0;
}

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

〇 #our-thought 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/
#our-thought{
padding:0 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:14px;
display:block;
padding:0 0 6px 0;
}

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

#our-thought .thumb img{
display:block;
width:100%;
height:auto;
}

#our-thought .text p{
line-height:1.5;
font-size:15px;
font-weight:700;
padding:10px 4% 10px 4%;
}


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

〇 .last-message 〇

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



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

〇 #contact-explain　〇

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


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

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

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

#contact-explain .sub{
width:60%;
text-align:center;
margin:0px auto 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;
font-size:15px;
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:25px;
font-weight:700;
text-align:center;
line-height:1.45;
}


#contact-explain .sentence{
font-weight:700;
padding:20px 4% 20px 4%;
}

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

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

〇 .do-tel 〇

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


.do-tel{
width:92%;
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;
}

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

〇 .FAQ　〇

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


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

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

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

.faq .sub{
width:60%;
text-align:center;
margin:0px auto 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;
font-size:15px;
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:25px;
font-weight:700;
text-align:center;
line-height:1.45;
}


.faq .accordion{
padding:0px 0px 10px;
width:92%;
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;
}



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

〇 footer　〇

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

footer{
font-weight: 700;
font-style: normal;
background: #fa505c;
color: #fff;
}

footer .title{
padding: 4px 2% 4px 2%;
font-size:15px;
text-align:center;
}

/*===========================
copyright
===========================*/
footer #copyright {
padding: 5px 4%;
background: #ffe8d1;
color: #f95d68;
line-height: 1.5;
font-size: 11px;
text-align: center;
}


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

〇 #form-wrapper　〇

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


#form-wrapper {
width:90%;
margin:30px auto 0;
-webkit-animation: fadeIn 3s ease 0s 1 normal;
-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 #f96566;
}

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


#form-wrapper h2{
color:#f6484e;
font-size:30px;
font-weight:700;
letter-spacing:-2px;
text-align:center;
padding:20px 0 0px 0;
}