/*------------------------------------------------
design
-------------------------------------------------*/
body{
}

.container{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

footer{
	padding-top:2em;
	background:#333333;
	color:#fff;
	padding-bottom: 2em;
}
article{
	margin-bottom:0;
}
.bottomShadow{
	/* box-shadow */
	box-shadow:0px 6px 6px -1px #cfcfcf;
	-moz-box-shadow:0px 6px 6px -1px #cfcfcf;
	-webkit-box-shadow:0px 6px 6px -1px #cfcfcf;
}

.h1Area{
	padding-top:0;
	background:#0645aa;
}
.h1Area h1{
	width:1058px;
	margin-left:auto;
	margin-right:auto;
}
.h1Area img{
	margin:0 auto;
}
@media screen and (max-width:1058px) {
	.h1Area h1{
		width:100%;
	}
}
.catchArea{
	padding-top:50px;
	padding-bottom:40px;
	background:#b2daed url(/ad/kaikeishi/request/images/catch_bg.png) 50% bottom no-repeat;
	background-size: 100% auto;
	text-align:center;
	font-size:1.6em;
}
.catchArea h2{
	margin-bottom:20px !important;
}
.catchArea p{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
}
/*h2{
	text-align:center;
	margin-bottom:80px;
}*/
.reason1Area .h2Style,
.reason1Area .h2Style > div,
.reason2Area .h2Style,
.reason2Area .h2Style > div{
	height:120px;
}


.reason1Area .h2Style h2,
.reason2Area .h2Style h2{
	top:30px;
	
}
h2 img{
	display:inline-block;
	z-index:2;
}
.h2Style h2{
	position:absolute;
	width:100%;
	text-align:center;
	font-size: 2.6em;
	color: #fff;	
}

}
@media screen and (max-width:767px) {
.reason1Area .h2Style,
.reason1Area .h2Style > div,
.reason2Area .h2Style,
.reason2Area .h2Style > div{
	height:120px;
}
}

@media screen and (max-width:480px) {
.reason1Area .h2Style,
.reason1Area .h2Style > div,
.reason2Area .h2Style,
.reason2Area .h2Style > div{
		/* height: 80px; */
	}
}
.reasonArea{
	padding-top:50px;
	padding-bottom:70px;
}

.reason1Area .container,
.reason2Area .container,.txtBox{
	margin: 60px auto !important;
	font-size:1.3em;
	background: #fff;
	padding: 30px;
}

.txtBox{
	background: #1d3775;
	margin: 0px auto !important;
	color:#fff;
	font-weight:bold;
	padding: 60px 0px 0px 0px;
}


@media screen and (max-width:767px) {
.reason1Area .container,
.reason2Area .container{
	margin: 20px auto 35px auto !important;
	padding: 10px;
	}
	.txtBox{
	margin: 0px auto !important;
	/* padding: 0px; */
	letter-spacing: 0.02em;
	padding: 30px 0px 0px 0px;
	}
}



.reason1Area{
	margin-top:-1em !important;
}
/*
.reason2Area img + ul.disc{
	margin-top:1.5em;
}
*/




.reason2Area{
	background-color: #1c3775;
	/* padding-bottom: 30px; */
}



.reason1Area .container,
.reason2Area .container,.txtBox{
	width:960px;
}
.reason1Area .clearfix .description{
	float:right;
	width:62%;
}
.reason2Area .clearfix .description{
	float:right;
	/*width:62%;*/
	width: 55%;
}

@media screen and (max-width:900px) {
	.h2Style h2{
		top:15px;
		padding-left: 1em;
		padding-right: 1em;
	}
}

@media screen and (max-width:640px) {
	.h2Style h2{
		top:15px!important;
		font-size:1.2em;
	}
	.reason2Area .container > .clearfix p{
		margin-top:0;
	}
	.reason2Area .clearfix .description{
		float:none;
		width:100%;
	}
	.reason2Area .clearfix > div{
		float:none;
		width:100%;
	}
	.reason2Area .clearfix > div.fRight{
		text-align:center;
	}

}

/*------------------------------------------------
goukakusha
-------------------------------------------------*/
.goukakusha{
	margin-top:40px !important;
	width:960px;
}
.goukakusha h3{
	font-size:1.7em;
	font-weight:normal;
	border-bottom:1px solid #C00;
}
.goukakusha .clearfix{
	margin-top:1em;
	margin-bottom:1em;
}
.goukakusha .clearfix img{
	float:left !important;
}
.goukakusha .clearfix ul{
	width:80%;
	float:left;
	padding-left:1em;
}
.goukakusha .clearfix ul li{
	display:block;
	border-bottom:1px dashed #ccc;
	padding:0.8em 0;
}
.goukakusha .clearfix ul li:last-child{
	border-bottom:none;
}

.goukakusha .description dd p:first-child{
	font-weight:bold;
	font-size:1.2em;
}
.goukakusha dl.bbRed{
	padding-bottom:1em;
	margin-bottom: 1.5em;
	border-bottom:1px dashed #cd0825;
}
.colorPatrn_b{
	width:2em;
	height:1em;
	background:#5678bc;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
}
.colorPatrn_r{
	margin-left:2em;
	width:2em;
	height:1em;
	background:#c63f48;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
}
.gouhi{
	position:relative;
	margin-bottom: 100px;
}
.gouhi:after{
	position:absolute;
	width:100%;
	height:146px;
	bottom:-40%;
	left:0;
	z-index:-1;
	content:" ";
	background:url(/ad/kaikeishi/request/images/reason2Area_gouhi_bg.png) no-repeat;
	background-size: contain;
}
.gouhi ul{
	text-align:center;
	z-index:2;
}
.chart2Box ul li{
	width:48%;
}

.gouhi ul li{
	display:inline-block;
}
.gouhi ul li:nth-of-type(2){
	margin-left:10px;
	margin-right:10px;
}
.oriDecimal{
	background:url(/ad/kaikeishi/request/images/reason2Area_img.png) no-repeat 90% 60%;
}
.oriDecimal ol{
	width:640px;
	margin-right:auto;
	margin-left:auto;
}
.oriDecimal li{
	padding-left:40px;
	min-height:40px;
	margin-bottom:0.5em;
}
.oriDecimal li:nth-of-type(1){
	background:url(/ad/kaikeishi/request/images/ol_1.png) no-repeat left 40%;
}
.oriDecimal li:nth-of-type(2){
	background:url(/ad/kaikeishi/request/images/ol_2.png) no-repeat left 40%;
}

.oriDecimal li:nth-of-type(3){
	background:url(/ad/kaikeishi/request/images/ol_3.png) no-repeat left 40%;
}

@media screen and (max-width:960px) {
	.goukakusha{
		width: 100%;
		margin-left:auto;
		margin-right:auto;
	}
}
@media screen and (max-width:870px) {
	.goukakusha .clearfix ul {
		float: none;
		margin-left:170px;
		width:auto;
	}
	.chart2Box ul li{
		width:100%;
	}
	.chart2Box ul li img{
		display:inline-block;
	}

}
@media screen and (max-width:767px) {
	.goukakusha .clearfix img{
		width:142px !important;
	}
	.goukakusha .clearfix ul {
		float: none;
		margin-left:145px;
		width:auto;
		border:1px solid #ccc;
		padding:1em;
	}
	.gouhi ul li{
		display:block;
		margin-bottom:10px;
	}
	.gouhi ul li:nth-of-type(2){
		margin-left:0;
		margin-right:0;
	}

}
@media screen and (max-width:640px) {
.goukakusha .clearfix{
		text-align:center;
}
	.goukakusha .clearfix img{
		float:none !important;
		display:inline-block;
		margin-bottom:1em;
	}
	.goukakusha .clearfix ul {
		margin-left:0;
		text-align:left;
	}
	.oriDecimal{
		background:url(/ad/kaikeishi/request/images/reason2Area_img.png) no-repeat 100% 100%;
		padding-bottom:80px;
	}
	.oriDecimal ol{
		width:100%;
	}

}
/*------------------------------------------------
menjo
-------------------------------------------------*/
.menjo h4{
	display:inline-block;
	padding:0.4em 0.5em;
	color:#009c6d;
	border:1px solid #009c6d;
	background:#d8f4ec;
	margin-bottom:2em;
}
.menjo dl dt{
	font-size:1.2em;
	color:#009c6d;
}
.menjo .tCenter{
	margin-top:30px;
	font-size:1.2em;
	background:
}
.btnGreen{
	margin-top:30px;
	font-size:1.2em;
	background:#009c6d;
}
@media screen and (max-width:767px) {
	.btnGreen{
		font-size:1em;
	}
}


.passVoice{
	background:#e2e2e2;
	border:solid 5px #af171a;	
	
}

.passVoiceBox{
	padding:20px;
}

.passVoice h3{
	background:#af171a;
	padding:10px;
	text-align:center;
	color:#fff;
	font-size:24px;
}

.passVoiceBox p.sm{
	margin-right:20px !important;
}

.passVoiceBox dl dd{
display: flex;
}


@media screen and (max-width:767px) {
    .passVoiceBox{
	padding:10px;
	letter-spacing:0;
	line-height: 1.5;
	}

    .passVoice{
	border:solid 3px #af171a;	
	}
	.passVoiceBox p.sm{
	width: 20%;
	margin-right:10px !important;
	}
	.passVoice h3{
	font-size:18px;
   }
}



/*------------------------------------------------
request
-------------------------------------------------*/
.requestArea{
	width:960px;
	margin:0 auto!important;
}
.requestAreaBg{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c9a746+20,f2ea7b+40,f2ea7b+60,f2ea7b+60,c9a746+80 */
background: #c9a746; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #c9a746 20%, #f2ea7b 40%, #f2ea7b 60%, #f2ea7b 60%, #c9a746 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #c9a746 20%,#f2ea7b 40%,#f2ea7b 60%,#f2ea7b 60%,#c9a746 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #c9a746 20%,#f2ea7b 40%,#f2ea7b 60%,#f2ea7b 60%,#c9a746 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9a746', endColorstr='#c9a746',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



.requestAreainner{
	width: 960px;
	height:264px;
	margin:-5px auto!important;
	background:url(/ad/kaikeishi/upper/images/imgCV.png) top no-repeat;
	background-size: cover;
	}

/* =======================
スマホ幅
======================= */
@media screen and (max-width:767px) {
	.requestAreainner{
		width: 100%;
		height: 10%;
	}
}

/* =======================
スマホ幅 iPhone5/SE
======================= */
@media screen and (max-width:320px) {
	.requestAreainner{
		width: 100%;
		height: 10%;
		background-size: contain;	
		background-position:left bottom;
	}
}
/* =======================
	タブレット対応
======================= */
@media screen and (min-width:768px) and (max-width:1023px) {
	.requestAreainner{
		width: 100%;
		height: 10%;
		background-size: contain;	
	}
}


@media screen and (max-width:767px) {
.reason1Area .requestAreaBg{
	padding-bottom:20px;
}



.reason2Area .requestAreaBg{
	padding: 0px 0;
}
}

.requestArea:after{
	content: "";
	clear: both;
	display: block;
}
.requestArea .requestMidashi{
	text-align:center;
	/* float:left; */
}
.requestArea .requestMidashi img{
	display:block;
}
.requestArea .arrow{
	position:relative;
}
.requestArea .arrow:after{
	content:url(/ad/kaikeishi/request/images/requestMidashiAfter.png);
	position:absolute;
	top:0;
	right:-24px;
}

.requestArea .requestBtn{
	/* float:right; */
	/* margin-top:1em; */
	font-size:1.8rem;
}
.requestArea .requestBtn a.btnLink{
	width:562px;
	text-align:center;
	/* box-shadow */
	box-shadow:0px 6px 6px -1px #737932;
	-moz-box-shadow:0px 6px 6px -1px #737932;
	-webkit-box-shadow:0px 6px 6px -1px #737932;
}
.requestArea .requestBtn a.btnLink:first-child{
	margin-bottom:20px;
}

/*----------------
cvボタン
----------------*/
.requestBtn {
	padding-top: 85px;
}
 
.requestBtn a {
	width: 615px;
	height: 139px;
	background: url("/ad/kaikeishi/upper/images/cvBtn_ov.png") no-repeat;
	display: block;
	text-indent: -9999px;
	margin: auto;
	background-size: contain;
}
 
.requestBtn a:hover {
	background-image: url("/ad/kaikeishi/upper/images/cvBtn_on.png");
	margin:auto;
}


.tekichuuBtn a {
	width: 615px;
	height: 139px;
	background: url("/ad/kaikeishi/upper/images/tekiBtn_ov.png") no-repeat;
	display: block;
	text-indent: -9999px;
	margin: auto;
	background-size: contain;
}
 
.tekichuuBtn a:hover {
	background-image: url("/ad/kaikeishi/upper/images/tekiBtn_on.png");
	margin:auto;
}




/* =======================
	タブレット対応
======================= */
@media screen and (min-width:768px) and (max-width:1023px) {
.requestBtn,
.tekichuuBtn{
	padding-top: 72px;
}

.requestBtn a,
.tekichuuBtn a{
	width: 420px;
	}

}

/* =======================
	スマホ対応
======================= */

@media screen and (max-width:767px) {
	.requestBtn a,
	.tekichuuBtn a
	{
	width: 360px;
	height: 80px;
	width: 70%;
	}
	.requestBtn,
	.tekichuuBtn{
	padding-top: 25px!important;
	}
}



.requestArea .requestPanf{
	display:none;
}



@media screen and (max-width:920px) {
	.requestArea{
		background:none;
		width:562px;
		text-align:center;
	}
	.requestArea .requestPanf{
		display:inline-block;
		margin-top:10px;
	}
	.requestArea .requestBtn{
		margin-top:5px;
	}
	
	.requestArea .arrow:after{
		display:none;
	}

}
@media screen and (max-width:767px) {
	.requestArea .requestMidashi,
	.requestArea .requestBtn{
		float:none;
	}
	.requestArea .requestBtn a.btnLink{
		width:100%;
		font-size:1.2rem;
		padding-top:1em !important;
		padding-bottom:1em !important;
	}
.requestAreaBg{
	padding:40px 0 60px;
}
}
@media screen and (max-width:562px) {
	.requestArea{
		width:100%;
	}
}






/*------------------------------------------------
courseInfo
-------------------------------------------------*/
.courseInfo{
	text-align:center;
	margin:30px 0;
	font-size: 1.6rem;
}
.courseInfo p{
	margin-bottom:1em;
}
.mgT60{
	margin-top:60px;
}
span.nowrap {
	display: inline-block;
	white-space: normal;
}
.courseInfo .btnLink{
	/* box-shadow */
	box-shadow:0px 6px 6px -1px #51525f61;
	-moz-box-shadow:0px 6px 6px -1px #cfcfcf;
	-webkit-box-shadow:0px 6px 6px -1px #cfcfcf;
}
@media screen and (max-width:767px) {
	.courseInfo p{
		font-weight:bold;
	}
}


/*------------------------------------------------
youtube responsive
-------------------------------------------------*/
.youtube iframe {
	display: block;
	width:320px;
	margin-top:1em;
	margin-left:auto;
	margin-right:auto;
	border:solid 3px #fff;
}


@media screen and (max-width:960px) {
	.reason1Area .container,
	.reason2Area .container,
	.container,
	.requestArea,
	.txtBox{
		width:90%;
	}

	.youtube {
		position: relative;
		width: 85%;
		/*padding-top: 56.25%;*/
		padding-top: 47.8125%;
		margin:30px auto 25px;
	}
	.youtube iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}

}

/*------------------------------------------------
header
-------------------------------------------------*/
header >div{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

header {
	padding:10px 5px;
	/* box-shadow */
	box-shadow:0px 0px 5px 0px #999999;
	-moz-box-shadow:0px 0px 5px 0px #999999;
	-webkit-box-shadow:0px 0px 5px 0px #999999;

}
header a {
	display:block;
}
header .header_logo {
	width:20%;
	float:left;
	font-size:0.9em;
	color:#c8000b;
}
header .header_btn {
	float:right;
}

@media screen and (max-width:767px) {
	header{
		width:100%;
		position: fixed;
		z-index: 100;
	}
	header >div{
		width:98%;
		margin-left:auto;
		margin-right:auto;
	}
	header .header_logo {
		width: 39%;
	}
	header .header_btn {
		width: 52%;
	}
	.mainContent{
		padding-top: 67px;
	}
}

/*------------------------------------------------
btnRed
-------------------------------------------------*/
.btnRed{
background: #db8e8f; /* Old browsers */
background: -moz-linear-gradient(top,  #db8e8f 0%, #e53939 50%, #cc0a10 51%, #e8141f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #db8e8f 0%,#e53939 50%,#cc0a10 51%,#e8141f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #db8e8f 0%,#e53939 50%,#cc0a10 51%,#e8141f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db8e8f', endColorstr='#e8141f',GradientType=0 ); /* IE6-9 */
}

.btnRed:hover{
background: #ce4a48; /* Old browsers */
background: -moz-linear-gradient(top,  #ce4a48 0%, #d33434 50%, #bf0912 51%, #d31316 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ce4a48 0%,#d33434 50%,#bf0912 51%,#d31316 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ce4a48 0%,#d33434 50%,#bf0912 51%,#d31316 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce4a48', endColorstr='#d31316',GradientType=0 ); /* IE6-9 */
}

/*------------------------------------------------
margin padding“?
-------------------------------------------------*/
.mgL1em {
	margin-left:1em !important;
}
.mgR1em {
	margin-right:1em !important;
}
.mgT1em{
	margin-top:1em !important;
}
.mgT12em{
	margin-top:1.2em !important;
}
.mgB1em{
	margin-bottom:1em !important;
}

.mgTRBL00{
	margin:0 !important;
}
.mgTRBL05{
	margin:5px !important;
}
.mgTRBL10{
	margin:10px !important;
}
.mgTRBL15{
	margin:15px !important;
}
.mgTRBL20{
	margin:20px !important;
}
.mgTRBL25{
	margin:25px !important;
}
.mgTRBL30{
	margin:30px !important;
}

.mgT00 {
	margin-top:0 !important;
}
.mgT05 {
	margin-top:05px !important;
}
.mgT10 {
	margin-top:10px !important;
}
.mgT15 {
	margin-top:15px !important;
}
.mgT20 {
	margin-top:20px !important;
}
.mgT25 {
	margin-top:25px !important;
}
.mgT30 {
	margin-top:30px !important;
}
.mgT35 {
	margin-top:35px !important;
}

.mgR00 {
	margin-right:0 !important;
}
.mgR05 {
	margin-right:05px !important;
}
.mgR10 {
	margin-right:10px !important;
}
.mgR15 {
	margin-right:15px !important;
}
.mgR20 {
	margin-right:20px !important;
}
.mgR25 {
	margin-right:25px !important;
}
.mgR30 {
	margin-right:30px !important;
}
.mgR35 {
	margin-right:35px !important;
}

.mgB00 {
	margin-bottom:0 !important;
}
.mgB05 {
	margin-bottom:05px !important;
}
.mgB10 {
	margin-bottom:10px !important;
}
.mgB15 {
	margin-bottom:15px !important;
}
.mgB20 {
	margin-bottom:20px !important;
}
.mgB25 {
	margin-bottom:25px !important;
}
.mgB30 {
	margin-bottom:30px !important;
}
.mgB35 {
	margin-bottom:35px !important;
}

.mgL00 {
	margin-left:0 !important;
}
.mgL05 {
	margin-left:05px !important;
}
.mgL10 {
	margin-left:10px !important;
}
.mgL15 {
	margin-left:15px !important;
}
.mgL20 {
	margin-left:20px !important;
}
.mgL25 {
	margin-left:25px !important;
}
.mgL30 {
	margin-left:30px !important;
}
.mgL35 {
	margin-left:35px !important;
}
.pdT1em{
	padding-top:1em !important;
}
.pdB1em{
	padding-bottom:1em !important;
}
.pdR1em{
	padding-right:1em !important;
}
.pdL1em{
	padding-left:1em !important;
}
.pdTRBL1em{
	padding:1em !important;
}
.pdT05{
	padding-top:5px !important;
}
.pdB05{
	padding-bottom:5px !important;
}
.pdR05{
	padding-right:5px !important;
}
.pdL05{
	padding-left:5px !important;
}
.pdTRBL05{
	padding:5px !important;
}
.pdT10{
	padding-top:10px !important;
}
.pdB10{
	padding-bottom:10px !important;
}
.pdR10{
	padding-right:10px !important;
}
.pdL10{
	padding-left:10px !important;
}
.pdTRBL10{
	padding:10px !important;
}
.pdT15{
	padding-top:15px !important;
}
.pdB15{
	padding-bottom:15px !important;
}
.pdR15{
	padding-right:15px !important;
}
.pdL15{
	padding-left:15px !important;
}
.pdTRBL15{
	padding:15px !important;
}
.pdT20{
	padding-top:20px !important;
}
.pdB20{
	padding-bottom:20px !important;
}
.pdR20{
	padding-right:20px !important;
}
.pdL20{
	padding-left:20px !important;
}
.pdTRBL20{
	padding:20px !important;
}
.pdT25{
	padding-top:25px !important;
}
.pdB25{
	padding-bottom:25px !important;
}
.pdR25{
	padding-right:25px !important;
}
.pdL25{
	padding-left:25px !important;
}
.pdTRBL25{
	padding:25px !important;
}
.pdT30{
	padding-top:30px !important;
}
.pdB30{
	padding-bottom:30px !important;
}
.pdR30{
	padding-right:30px !important;
}
.pdL30{
	padding-left:30px !important;
}
.pdTRBL30{
	padding:30px !important;
}


/*------------------------------------------------
font size
-------------------------------------------------*/

.fs06 {
	font-size:0.6em !important;
}
.fs07 {
	font-size:0.7em !important;
}
.fs08 {
	font-size:0.8em !important;
}
.fs09 {
	font-size:0.9em !important;
}
.fs10 {
	font-size:1em !important;
}
.fs11 {
	font-size:1.1em !important;
}
.fs12 {
	font-size:1.2em !important;
}
.fs13 {
	font-size:1.3em !important;
}
.fs14 {
	font-size:1.4em !important;
}
.fs15 {
	font-size:1.5em !important;
}
.fs16 {
	font-size:1.6em !important;
}
.fs18 {
	font-size:1.8em !important;
}
.fs20 {
	font-size:2em !important;
}
.fs24 {
	font-size:2.4em !important;
}



/*------------------------------------------------
springArea
-------------------------------------------------*/
.springArea {
	width: 900px;
	margin: 0 auto!important;
	background-color: #fef263;
}
.springAreaBg {
	padding: 80px 0 60px;
	background-color: #fef263;
	margin-top: -1em !important;
}
.springArea .springMidashi {
	text-align: center;
}
.springArea .springBtn {
	font-size: 1.8rem;
}
.springArea .springBtn a.btnLink:first-child {
	margin-bottom: 20px;
}
.springArea .springBtn a.btnLink {
	width: 562px;
	text-align: center;
	box-shadow: 0px 6px 6px -1px #F44336;
	-moz-box-shadow: 0px 6px 6px -1px #F44336;
	-webkit-box-shadow: 0px 6px 6px -1px #F44336;
}
@media screen and (max-width: 960px){
.springArea {
	width: 90%;
	padding-left: 1.0416%;
	padding-right: 1.0416%;
}
}
@media screen and (max-width: 767px){
.springAreaBg {
	padding: 40px 0 60px;
}
.springArea .springBtn a.btnLink {
	width: 100%;
	font-size: 1.2rem;
	padding-top: 1em !important;
	padding-bottom: 1em !important;
}
}

/*----------------------
h2見出しの装飾
----------------------*/


.txtBox h2.ttl01,
.txtBox h2.ttl02,
.txtBox h2.ttl03{
	position: relative;
	background:#af171a;
	background: linear-gradient(to right,  #af171a 0%,#7c1012 100%);
	padding: 10px 20px;
	margin:30px 0;
	font-size:32px;
	font-weight:bold;
	color:#fff;

}

.txtBox h2.ttl01::before,
.txtBox h2.ttl02::before,
.txtBox h2.ttl03::before{
	position: absolute;
	top: -54px;
	left: 0px;
	content: "CURRICULUM";
	background: #040c36;
	padding: 5px 20px;
	font-size:24px;
	display:block;
}

.txtBox h2.ttl02::before{
	content: "HIT RECORD";
}

.txtBox h2.ttl03::before{
	content: "STUDY SUPORT";
}


@media screen and (max-width: 767px){
	.txtBox h2.ttl01,
	.txtBox h2.ttl02,
	.txtBox h2.ttl03
	{
	font-size:18px;
	}
	.txtBox h2.ttl01::before,
	.txtBox h2.ttl02::before,
	.txtBox h2.ttl03::before
	{
	font-size:12px;
	top: -35px;
	padding: 5px 20px;
	}
}

/*----------------------
的中の装飾
----------------------*/
.tekichuuBox{
	border:3px solid #ccc;
	background:linear-gradient(90deg,transparent 50%,#feeeed 50%);
}

.tekichuuBox>.grid6{
	padding:0.5em;
}
.tekichuuBox .lecmoshi{
	background:#feeeed;
}
.tekichuuBox dd table{
	font-size:0.8em;
	background:#fff;
}
.tekichuuBox dt.questionNo{
	border:1px solid #ccc;
	padding:0.1em 0.5em;
	margin-bottom:0.5em;
}
.tekichuuTable{
	width:100%;
	border-bottom:1px solid #ccc;
	font-size:0.8em;
}
.tekichuuTable td{
	border-top:1px solid #ccc;
	padding:5px;
	text-indent:-1em;
	padding-left:1em;
	
}

.tekichuuBox span.txtIcon{
	border:none;
	background-color:#c8000b;
	color:#fff;
	margin-right:0.5em;
	float: left;
	line-height: 1.9em;
}
@media screen and (max-width:767px) {
	.tekichuuBox span.txtIcon{
		float: none;
	}
	.tekichuuBox{
		background:none;
	}

}


.tekichuuBox > .grid6 {
	text-align: center;
}
.tekichuuBox > .grid6:first-child{
	position:relative;
}

.tekichuuBox > .grid6:first-child:after{
	position:absolute;
	top:50%;
	margin-top:-25px;
	left:103%;
	margin-left:-40px;
	content:url(/ad/kaikeishi/upper/images/tekichuu_arrow.png);
	width:80px;
	height:50px;
}
@media screen and (max-width:767px) {
	.tekichuuBox > .grid6:first-child{
		padding-bottom:25px !important;
	}
	.tekichuuBox > .grid6.lecmoshi{
		padding-top:25px !important;
	}
	.tekichuuBox > .grid6:first-child:after{
		position:absolute;
		top:100%;
		margin-top:-15px;
		left:50%;
		margin-left:-40px;
		content:url(/ad/kaikeishi/upper/images/tekichuu_arrow_sm.png);
		width:80px;
		height:56px;
	}
}


/*----------------------
5つの理由
----------------------*/

dl.reasonBox{
	background:#f6e7e8;
	padding:20px;
}

dl.reasonBox dt.reason01,
dl.reasonBox dt.reason02,
dl.reasonBox dt.reason03,
dl.reasonBox dt.reason04,
dl.reasonBox dt.reason05{
	position:relative;
	font-weight:bold;
	font-size:24px;
	color:#ac171a;
	line-height:2em;
	padding-left:3em;
	margin-bottom: 10px;
}


dl.reasonBox dt.reason01:before,
dl.reasonBox dt.reason02:before,
dl.reasonBox dt.reason03:before,
dl.reasonBox dt.reason04:before,
dl.reasonBox dt.reason05:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(/ad/kaikeishi/upper/images/ICreason01.png) no-repeat;
	background-size:contain;
}

dl.reasonBox dt.reason02:before{
	background:url(/ad/kaikeishi/upper/images/ICreason02.png) no-repeat;
	background-size: contain;
}

dl.reasonBox dt.reason03:before{
	background:url(/ad/kaikeishi/upper/images/ICreason03.png) no-repeat;
	background-size: contain;
}

dl.reasonBox dt.reason04:before{
	background:url(/ad/kaikeishi/upper/images/ICreason04.png) no-repeat;
	background-size: contain;
}

dl.reasonBox dt.reason05:before{
	background:url(/ad/kaikeishi/upper/images/ICreason05.png) no-repeat;
	background-size: contain;
}


/*-------------
スマホ幅
-------------*/

@media screen and (max-width:767px) {
	dl.reasonBox{
	padding:10px;
	line-height:1.4;
	letter-spacing: 0.0;}
}
/*------------------------------------------------
design
-------------------------------------------------*/
body{
}

.container{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

footer{
	padding-top:2em;
	background:#333333;
	color:#fff;
	padding-bottom: 2em;
}
article{
	margin-bottom:0;
}
.bottomShadow{
	/* box-shadow */
	box-shadow:0px 6px 6px -1px #cfcfcf;
	-moz-box-shadow:0px 6px 6px -1px #cfcfcf;
	-webkit-box-shadow:0px 6px 6px -1px #cfcfcf;
}

.h1Area{
	padding-top:0;
	background:#0645aa;
}
.h1Area h1{
	width:1058px;
	margin-left:auto;
	margin-right:auto;
}
.h1Area img{
	margin:0 auto;
}
@media screen and (max-width:1058px) {
	.h1Area h1{
		width:100%;
	}
}
.catchArea{
	padding-top:50px;
	padding-bottom:40px;
	background:#b2daed url(/ad/kaikeishi/request/images/catch_bg.png) 50% bottom no-repeat;
	background-size: 100% auto;
	text-align:center;
	font-size:1.6em;
}
.catchArea h2{
	margin-bottom:20px !important;
}
.catchArea p{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
}
/*h2{
	text-align:center;
	margin-bottom:80px;
}*/
.reason1Area .h2Style,
.reason1Area .h2Style > div,
.reason2Area .h2Style,
.reason2Area .h2Style > div{
	height:120px;
}


.reason1Area .h2Style h2,
.reason2Area .h2Style h2{
	top:30px;
	
}
h2 img{
	display:inline-block;
	z-index:2;
}
.h2Style h2{
	position:absolute;
	width:100%;
	text-align:center;
	font-size: 2.6em;
	color: #fff;	
}

}
@media screen and (max-width:767px) {
.reason1Area .h2Style,
.reason1Area .h2Style > div,
.reason2Area .h2Style,
.reason2Area .h2Style > div{
	height:120px;
}
}

@media screen and (max-width:480px) {
.reason1Area .h2Style,
.reason1Area .h2Style > div,
.reason2Area .h2Style,
.reason2Area .h2Style > div{
		/* height: 80px; */
	}
}
.reasonArea{
	padding-top:50px;
	padding-bottom:70px;
}

.reason1Area .container,
.reason2Area .container,.txtBox{
	margin: 60px auto !important;
	font-size:1.3em;
	background: #fff;
	padding: 30px;
}

.txtBox{
	background: #1d3775;
	margin: 0px auto !important;
	color:#fff;
	font-weight:bold;
	padding: 60px 0px 0px 0px;
}


@media screen and (max-width:767px) {
.reason1Area .container,
.reason2Area .container{
	margin: 20px auto 60px auto !important;
	padding: 10px;
	}
	.txtBox{
	margin: 0px auto !important;
	/* padding: 0px; */
	letter-spacing: 0.02em;
	padding: 30px 0px 0px 0px;
	}
}



.reason1Area{
	margin-top:-1em !important;
}





.reason2Area{
	background-color: #1c3775;
	/* padding-bottom: 30px; */
}



.reason1Area .clearfix .description{
	float:right;
	width:62%;
}
.reason2Area .clearfix .description{
	float:right;
	/*width:62%;*/
	width: 55%;
}

@media screen and (max-width:900px) {
	.h2Style h2{
		top:15px;
		padding-left: 1em;
		padding-right: 1em;
	}
}

@media screen and (max-width:640px) {
	.h2Style h2{
		top:15px!important;
		font-size:1.2em;
	}
	.reason2Area .container > .clearfix p{
		margin-top:0;
	}
	.reason2Area .clearfix .description{
		float:none;
		width:100%;
	}
	.reason2Area .clearfix > div{
		float:none;
		width:100%;
	}
	.reason2Area .clearfix > div.fRight{
		text-align:center;
	}

}

/*------------------------------------------------
goukakusha
-------------------------------------------------*/
.goukakusha{
	margin-top:40px !important;
	width:960px;
}
.goukakusha h3{
	font-size:1.7em;
	font-weight:normal;
	border-bottom:1px solid #C00;
}
.goukakusha .clearfix{
	margin-top:1em;
	margin-bottom:1em;
}
.goukakusha .clearfix img{
	float:left !important;
}
.goukakusha .clearfix ul{
	width:80%;
	float:left;
	padding-left:1em;
}
.goukakusha .clearfix ul li{
	display:block;
	border-bottom:1px dashed #ccc;
	padding:0.8em 0;
}
.goukakusha .clearfix ul li:last-child{
	border-bottom:none;
}

.goukakusha .description dd p:first-child{
	font-weight:bold;
	font-size:1.2em;
}
.goukakusha dl.bbRed{
	padding-bottom:1em;
	margin-bottom: 1.5em;
	border-bottom:1px dashed #cd0825;
}
.colorPatrn_b{
	width:2em;
	height:1em;
	background:#5678bc;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
}
.colorPatrn_r{
	margin-left:2em;
	width:2em;
	height:1em;
	background:#c63f48;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
}
.gouhi{
	position:relative;
	margin-bottom: 100px;
}
.gouhi:after{
	position:absolute;
	width:100%;
	height:146px;
	bottom:-40%;
	left:0;
	z-index:-1;
	content:" ";
	background:url(/ad/kaikeishi/request/images/reason2Area_gouhi_bg.png) no-repeat;
	background-size: contain;
}
.gouhi ul{
	text-align:center;
	z-index:2;
}
.chart2Box ul li{
	width:48%;
}

.gouhi ul li{
	display:inline-block;
}
.gouhi ul li:nth-of-type(2){
	margin-left:10px;
	margin-right:10px;
}
.oriDecimal{
	background:url(/ad/kaikeishi/request/images/reason2Area_img.png) no-repeat 90% 60%;
}
.oriDecimal ol{
	width:640px;
	margin-right:auto;
	margin-left:auto;
}
.oriDecimal li{
	padding-left:40px;
	min-height:40px;
	margin-bottom:0.5em;
}
.oriDecimal li:nth-of-type(1){
	background:url(/ad/kaikeishi/request/images/ol_1.png) no-repeat left 40%;
}
.oriDecimal li:nth-of-type(2){
	background:url(/ad/kaikeishi/request/images/ol_2.png) no-repeat left 40%;
}

.oriDecimal li:nth-of-type(3){
	background:url(/ad/kaikeishi/request/images/ol_3.png) no-repeat left 40%;
}

@media screen and (max-width:960px) {
	.goukakusha{
		width: 100%;
		margin-left:auto;
		margin-right:auto;
	}
}
@media screen and (max-width:870px) {
	.goukakusha .clearfix ul {
		float: none;
		margin-left:170px;
		width:auto;
	}
	.chart2Box ul li{
		width:100%;
	}
	.chart2Box ul li img{
		display:inline-block;
	}

}
@media screen and (max-width:767px) {
	.goukakusha .clearfix img{
		width:142px !important;
	}
	.goukakusha .clearfix ul {
		float: none;
		margin-left:145px;
		width:auto;
		border:1px solid #ccc;
		padding:1em;
	}
	.gouhi ul li{
		display:block;
		margin-bottom:10px;
	}
	.gouhi ul li:nth-of-type(2){
		margin-left:0;
		margin-right:0;
	}

}
@media screen and (max-width:640px) {
.goukakusha .clearfix{
		text-align:center;
}
	.goukakusha .clearfix img{
		float:none !important;
		display:inline-block;
		margin-bottom:1em;
	}
	.goukakusha .clearfix ul {
		margin-left:0;
		text-align:left;
	}
	.oriDecimal{
		background:url(/ad/kaikeishi/request/images/reason2Area_img.png) no-repeat 100% 100%;
		padding-bottom:80px;
	}
	.oriDecimal ol{
		width:100%;
	}

}
/*------------------------------------------------
menjo
-------------------------------------------------*/
.menjo h4{
	display:inline-block;
	padding:0.4em 0.5em;
	color:#009c6d;
	border:1px solid #009c6d;
	background:#d8f4ec;
	margin-bottom:2em;
}
.menjo dl dt{
	font-size:1.2em;
	color:#009c6d;
}
.menjo .tCenter{
	margin-top:30px;
	font-size:1.2em;
	background:
}
.btnGreen{
	margin-top:30px;
	font-size:1.2em;
	background:#009c6d;
}
@media screen and (max-width:767px) {
	.btnGreen{
		font-size:1em;
	}
}


.passVoice{
	background:#e2e2e2;
	border:solid 5px #af171a;	
	
}

.passVoiceBox{
	padding:20px;
}

.passVoice h3{
	background:#af171a;
	padding:10px;
	text-align:center;
	color:#fff;
	font-size:24px;
}

.passVoiceBox p.sm{
	margin-right:20px !important;
}

.passVoiceBox dl dd{
display: flex;
}


@media screen and (max-width:767px) {
    .passVoiceBox{
	padding:10px;
	letter-spacing:0;
	line-height: 1.5;
	}

    .passVoice{
	border:solid 3px #af171a;	
	}
	.passVoiceBox p.sm{
	width: 20%;
	margin-right:10px !important;
	}
	.passVoice h3{
	font-size:18px;
   }
}




/*----------------------
h2見出しの装飾
----------------------*/


.txtBox h2.ttl01,
.txtBox h2.ttl02,
.txtBox h2.ttl03{
	position: relative;
	background:#af171a;
	background: linear-gradient(to right,  #af171a 0%,#7c1012 100%);
	padding: 10px 20px;
	margin:30px 0;
	font-size:32px;
	font-weight:bold;
	color:#fff;

}

.txtBox h2.ttl01::before,
.txtBox h2.ttl02::before,
.txtBox h2.ttl03::before{
	position: absolute;
	top: -54px;
	left: 0px;
	content: "CURRICULUM";
	background: #040c36;
	padding: 5px 20px;
	font-size:24px;
	display:block;
}

.txtBox h2.ttl02::before{
	content: "HIT RECORD";
}

.txtBox h2.ttl03::before{
	content: "STUDY SUPORT";
}


@media screen and (max-width: 767px){
	.txtBox h2.ttl01,
	.txtBox h2.ttl02,
	.txtBox h2.ttl03
	{
	font-size:18px;
	}
	.txtBox h2.ttl01::before,
	.txtBox h2.ttl02::before,
	.txtBox h2.ttl03::before
	{
	font-size:12px;
	top: -35px;
	padding: 5px 20px;
	}
}

/*----------------------
的中の装飾
----------------------*/
.tekichuuBox{
	border:3px solid #ccc;
	background:linear-gradient(90deg,transparent 50%,#feeeed 50%);
}

.tekichuuBox>.grid6{
	padding:0.5em;
}
.tekichuuBox .lecmoshi{
	background:#feeeed;
}
.tekichuuBox dd table{
	font-size:0.8em;
	background:#fff;
}
.tekichuuBox dt.questionNo{
	border:1px solid #ccc;
	padding:0.1em 0.5em;
	margin-bottom:0.5em;
}
.tekichuuTable{
	width:100%;
	border-bottom:1px solid #ccc;
	font-size:0.8em;
}
.tekichuuTable td{
	border-top:1px solid #ccc;
	padding:5px;
	text-indent:-1em;
	padding-left:1em;
	
}

.tekichuuBox span.txtIcon{
	border:none;
	background-color:#c8000b;
	color:#fff;
	margin-right:0.5em;
	float: left;
	line-height: 1.9em;
}
@media screen and (max-width:767px) {
	.tekichuuBox span.txtIcon{
		float: none;
	}
	.tekichuuBox{
		background:none;
	}

}


.tekichuuBox > .grid6 {
	text-align: center;
}
.tekichuuBox > .grid6:first-child{
	position:relative;
}

.tekichuuBox > .grid6:first-child:after{
	position:absolute;
	top:50%;
	margin-top:-25px;
	left:103%;
	margin-left:-40px;
	content:url(/ad/kaikeishi/upper/images/tekichuu_arrow.png);
	width:80px;
	height:50px;
}
@media screen and (max-width:767px) {
	.tekichuuBox > .grid6:first-child{
		padding-bottom:25px !important;
	}
	.tekichuuBox > .grid6.lecmoshi{
		padding-top:25px !important;
	}
	.tekichuuBox > .grid6:first-child:after{
		position:absolute;
		top:100%;
		margin-top:-15px;
		left:50%;
		margin-left:-40px;
		content:url(/ad/kaikeishi/upper/images/tekichuu_arrow_sm.png);
		width:80px;
		height:56px;
	}
}


/*----------------------
5つの理由
----------------------*/

dl.reasonBox{
	background:#f6e7e8;
	padding:20px;
}

dl.reasonBox dt.reason01,
dl.reasonBox dt.reason02,
dl.reasonBox dt.reason03,
dl.reasonBox dt.reason04,
dl.reasonBox dt.reason05{
	position:relative;
	font-weight:bold;
	font-size:24px;
	color:#ac171a;
	line-height:2em;
	padding-left:3em;
	margin-bottom: 30px;
	line-height: 1.2;
}


dl.reasonBox dt.reason01:before,
dl.reasonBox dt.reason02:before,
dl.reasonBox dt.reason03:before,
dl.reasonBox dt.reason04:before,
dl.reasonBox dt.reason05:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(/ad/kaikeishi/upper/images/ICreason01.png) no-repeat;
	background-size:contain;
}

dl.reasonBox dt.reason02:before{
	background:url(/ad/kaikeishi/upper/images/ICreason02.png) no-repeat;
	background-size: contain;
}

dl.reasonBox dt.reason03:before{
	background:url(/ad/kaikeishi/upper/images/ICreason03.png) no-repeat;
	background-size: contain;
}

dl.reasonBox dt.reason04:before{
	background:url(/ad/kaikeishi/upper/images/ICreason04.png) no-repeat;
	background-size: contain;
}

dl.reasonBox dt.reason05:before{
	background:url(/ad/kaikeishi/upper/images/ICreason05.png) no-repeat;
	background-size: contain;
}


/*-------------
スマホ幅
-------------*/

@media screen and (max-width:767px) {
	dl.reasonBox{
	padding:10px;
	line-height: 1.5;
	letter-spacing: 0.0;
	}
	dl.reasonBox dt.reason01,
	dl.reasonBox dt.reason02,
	dl.reasonBox dt.reason03,
	dl.reasonBox dt.reason04,
	dl.reasonBox dt.reason05{
	font-size: 15px;
	margin-bottom: 20px;
	line-height: 1.2;
	letter-spacing: 0.0;
	}
}
/*----------
打ち消し
----------*/
article{
	 margin-bottom:0px!important;
}