@charset "Shift_JIS";

/* ホーム */
/*#supporttop_link_guide {
	margin-bottom:5px;
	float:left;
}
*/
/* アンケート・お客様の声ボタン */
/*#enq_voice {
	width:349px;
	height: 33px;
	margin: 0px;
	padding: 0px;
	float:right;
}
#enq_voice div.left {
	width:193px;
	margin: 0px;
	padding: 0px;
	float:left;
}
#enq_voice div.right {
	width:141px;
	margin: 0px;
	padding: 0px;
	float:right;
}
img {
	border:none;
}
*/

/*===========================================
	mainCntArea
=============================================*/
div.mainCntArea {
	width: 760px;
	margin: 0px auto;
	padding: 0px;
	clear:both;
}

/* subTitle */
.subTitle {
	width: 760px;
	margin: 30px auto 0px auto;
	padding: 15px 0px 13px 0px;
	border-bottom: solid 1px #999999;
	text-align: center;
}

/* description */
.description {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}


/*===========================================
	questionBlueArea
=============================================*/
div.questionBlueArea {
	width: 760px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	clear: both;
}
div.questionBlueArea div.questionBox {
	width: 520px;
	margin: 0px;
	padding: 15px;
	border: solid 3px #DCF2FE;
	float: left;
}


/*===========================================
	questionPinkArea
=============================================*/
div.questionPinkArea {
	width: 760px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	clear: both;
}
div.questionPinkArea div.questionBox {
	width: 520px;
	margin: 0px;
	padding: 15px;
	border: solid 3px #F1DDEF;
	float: left;
}


/*===========================================
	iconPerson
=============================================*/
/* aqPersonBlue */
div.aqPersonBlue01 {
	width: 102px;
	height: 52px;
	margin: 0px;
	padding: 0px;
	background: url(../../common/images/pct_boy03.gif) no-repeat;
	float: left;
}
div.aqPersonBlue02 {
	width: 102px;
	height: 52px;
	margin: 0px;
	padding: 0px;
	background: url(../../common/images/pct_boy02.gif) no-repeat;
	float: left;
}
div.aqPersonBlue03 {
	width: 102px;
	height: 52px;
	margin: 0px;
	padding: 0px;
	background: url(../../common/images/pct_boy00.gif) no-repeat;
	float: left;
}


/* aqPersonPink */
div.aqPersonPink01 {
	width: 102px;
	height: 52px;
	margin: 0px;
	padding: 0px;
	background: url(../../common/images/pct_girl03.gif) no-repeat;
	float: left;
}
div.aqPersonPink02 {
	width: 102px;
	height: 52px;
	margin: 0px;
	padding: 0px;
	background: url(../../common/images/pct_girl01.gif) no-repeat;
	float: left;
}
div.aqPersonPink03 {
	width: 102px;
	height: 52px;
	margin: 0px;
	padding: 0px;
	background: url(../../common/images/pct_girl00.gif) no-repeat;
	float: left;
}


/*===========================================
	answerGlayArea
=============================================*/
div.answerGlayArea {
	width: 760px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	clear: both;
}
div.ansPerson01 {
	width: 102px;
	height: 52px;
	margin: 0px;
	padding: 0px;
	background: url(../../common/images/pct_teacher.gif) no-repeat;
	float: right;
}
div.answerBox {
	width: 520px;
	margin: 0px;
	padding: 15px;
	border: solid 3px #E6E4E5;
	float: right;
}


/*===========================================
	wakuRedArea☆
=============================================*/
div.wakuRedArea {
	width: 558px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	background: #FFEFEC;
	clear: bothk;
}
div.wakuRedArea div.wakuRedBox {
	width: 520px;
	margin: 0px auto;
	padding: 10px 0px;
}

/*===========================================
	bnrArea☆
=============================================*/
.bnrArea {
	text-align: left;
}



/*===========================================
	onePointArea
=============================================*/
div.onePointArea {
	width: 760px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 70px;
	padding: 0px;
	clear: both;
}
div.onePointArea div.onePointTitle {
	width: 760px;
	height: 65px;
    margin: 0px;
}
div.onePointTitle2 {
	display: none;	
}
div.onePointArea  div.onePointBox {
	border-bottom: 11px double #E8E0D7;
    border-left: 11px double #E8E0D7;
    border-right: 11px double #E8E0D7;
    margin-top: 0;
    padding: 20px 20px 20px 20px;
    width: 698px;
}


/*===========================================
	knowledgeBnrArea
=============================================*/
div.knowledgeBnrArea {
	margin: 30px auto 70px auto;
	padding: 0px 0px 0px 0px;
	/* padding: 20px 0px 0px 0px; */
	/* background: url(../images/dotlineBrown.png) repeat-x top; */
	clear: both;
	text-align: center;
}
	

/*===========================================
	txtIndent
=============================================*/
.txtIndent {
	text-indent: -1.0em; padding-left: 1.0em;
}


/*===========================================
	icon
=============================================*/
.icoDisc {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 0px 0px 15px;
	background: url(../../common/images/ico_disc.png) no-repeat 0px 4px;
}
.icoTxtLink {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 0px 0px 10px;
	background: url(../../common/images/arrow_black.png) no-repeat 0px 5px;
}
.icoPoint {
	margin-left: 0px;
	margin-right: 0px;
	padding: 9px 0px 9px 40px;
	background: url(../../common/images/ico_point.png) no-repeat 0px center;
}


/*===========================================
	txtAlignCenter
=============================================*/
.txtAlignCenter {
	text-align: center;
}
.txtAlignRight {
	text-align: right;
}


/*===========================================
	clearfix 
=============================================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display:block;}
/* End hide from IE-mac */


/*===========================================
	clear_both
=============================================*/
.clear_both {
	clear: both;
}


/*===========================================
	kadomaru
=============================================*/
.kadomaru {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
}


/*===========================================
	Space
=============================================*/
.mt_00 {
	margin: 0px;
}
.mt_02{
	margin: 2px 0px 0px 0px;
}
.mt_03{
	margin: 3px 0px 0px 0px;
}
.mt_05{
	margin: 5px 0px 0px 0px;
}
.mt_10 {
	margin: 10px 0px 0px 0px;
}
.mt_15 {
	margin: 15px 0px 0px 0px;
}
.mt_20 {
	margin: 20px 0px 0px 0px;
}
.mt_25 {
	margin: 25px 0px 0px 0px;
}
.mt_30 {
	margin: 30px 0px 0px 0px;
}
.mt_35 {
	margin: 35px 0px 0px 0px;
}
.mt_40 {
	margin: 40px 0px 0px 0px;
}
.mt_45 {
	margin: 45px 0px 0px 0px;
}
.mt_50 {
	margin: 50px 0px 0px 0px;
}


.ml_05 {
	margin-left: 5px;
}
.ml_10 {
	margin-left: 10px;
}
.ml_15 {
	margin-left: 15px;
}
.ml_20 {
	margin-left: 20px;
}
.ml_25 {
	margin-left: 25px;
}
.ml_30 {
	margin-left: 30px;
}
.ml_35 {
	margin-left: 35px;
}
.ml_40 {
	margin-left: 40px;
}
.ml_45 {
	margin-left: 45px;
}
.ml_50 {
	margin-left: 50px;
}


/*===========================================
	font
=============================================*/
.font_16 {
	font-size: 120%;
}
.font_14 {
	font-size: 107%;
}
.font_13 {
	font-size: 100%;
}
.font_12 {
	font-size: 92%;
}
.font_11 {
	font-size: 84%;
}
.font_10 {
	font-size: 76%;
}


/*===========================================
	pagetopBox
=============================================*/
.pagetopBox{
	margin:20px 0px 0px 0px;
	padding:0px;
	text-align:right;
	clear:both;
}






@media (max-width: 640px) {
	/* =======================================
		mod-mainContentContainer
	======================================= */
	.mod-mainContentContainer {
	    width: auto;
		margin: 0px auto;
	}
	
	.resize {
		/* width: 100%; */
		max-width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		border: 0px;
		vertical-align: bottom;
	}
	.small_60 {
		width: 60%;
		margin: 0px auto;
		height: auto;
	}
	.small_40 {
		width: 40%;
		margin: 0px auto;
		height: auto;
	}
	.small_30 {
		width: 30%;
		margin: 0px auto;
		height: auto;
	}
	
	
	/*===========================================
		mainCntArea
	=============================================*/
	div.mainCntArea {
		width: 94%;
		margin: 0px auto;
		padding: 0px;
		clear:both;
	}
	
	/* subTitle */
	.subTitle {
		width: 92%;
		margin: 10px auto 0px auto;
		padding: 15px 0px 13px 0px;
		border-bottom: solid 1px #999999;
		text-align: left;
		font-size: 14px;
	}
		.subTitle span{
			display: inline-block;
			width: 84%;
			vertical-align: top;
		}
	
	
	/*===========================================
		questionBlueArea
	=============================================*/
	div.questionBlueArea {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		clear: both;
		padding: 3% 0%;
		border: solid 3px #DCF2FE;
	}
	div.questionBlueArea div.questionBox {
		width: 92%;
		margin: 10px auto 0px auto;
		padding: 0px;
		border: none;
		float: none;
	}
	
	
	/*===========================================
		questionPinkArea
	=============================================*/
	div.questionPinkArea {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		clear: both;
		padding: 3% 0%;
		border: solid 3px #F1DDEF;
	}
	div.questionPinkArea div.questionBox {
		width: 92%;
		margin: 10px auto 0px auto;
		padding: 0px;
		border: none;
		float: none;
	}
	

	/*===========================================
		person icon
	=============================================*/
	div.aqPersonBlue01 {
		width: 94%;
		height: 52px;
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		background: url(../../common/images/pct_boy06.gif) no-repeat;
		float: none;
	}
	div.aqPersonBlue02 {
		width: 94%;
		height: 52px;
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		background: url(../../common/images/pct_boy05.gif) no-repeat;
		float: none;
	}
	div.aqPersonBlue03 {
		width: 94%;
		height: 52px;
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		background: url(../../common/images/pct_boy04.gif) no-repeat;
		float: none;
	}
	
	/* aqPersonPink */
	div.aqPersonPink01 {
		width: 94%;
		height: 52px;
		margin: 0px;
		padding: 0px;
		background: url(../../common/images/pct_girl06.gif) no-repeat 8px 0px;
		float: none;
	}
	div.aqPersonPink02 {
		width: 102px;
		height: 52px;
		margin: 0px;
		padding: 0px;
		background: url(../../common/images/pct_girl05.gif) no-repeat 8px 0px;
		float: none;
	}
	div.aqPersonPink03 {
		width: 102px;
		height: 52px;
		margin: 0px;
		padding: 0px;
		background: url(../../common/images/pct_girl04.gif) no-repeat 3px 0px;
		float: none;
	}
	
	
	
	/*===========================================
		answerGlayArea
	=============================================*/
	div.answerGlayArea {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		clear: both;
		padding: 3% 0%;
		border: solid 3px #E6E4E5;
	}
	div.ansPerson01 {
		width: 94%;
		height: 52px;
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		background: url(../../common/images/pct_teacher01.gif) no-repeat;
		float: none;
	}
	div.answerBox {
		width: 92%;
		margin: 10px auto 0px auto;
		padding: 0px;
		border: none;
		float: none;
	}
	
	
	
	/*===========================================
		wakuRedArea☆
	=============================================*/
	div.wakuRedArea {
		width: 97%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		padding: 0px;
		background: #FFEFEC;
		clear: bothk;
	}
	div.wakuRedArea div.wakuRedBox {
		width: 94%;
		margin: 0px auto;
		padding: 10px 0px;
	}
	
	/*===========================================
		bnrArea☆
	=============================================*/
	.bnrArea {
		text-align: center;
	}


	/*===========================================
		onePointArea
	=============================================*/
	div.onePointArea {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
		padding: 10px 0px;
		clear: both;
		border: 11px double #E8E0D7;
	}
	div.onePointArea div.onePointTitle {
		width: 78%;
		display: none;
	}
	div.onePointArea div.onePointTitle2 {
		width: 84%;
		height: auto;
		margin: 0px auto 10px auto;
		padding: 0px;
		display: block;
		text-align: center;
	}
	
	div.onePointArea div.onePointBox {
		width: 84%;
		margin: 0px auto;
	    padding: 0px 0px 10px 0px;
		height: auto;
		border: medium none;
	    float: none;
	}
	
	/*===========================================
		images
	=============================================*/
	div.img200 {max-width: 200px;}
	div.img220 {max-width: 220px;}
	div.img240 {max-width: 240px;}
	div.img260 {max-width: 260px;}
	div.img280 {max-width: 280px;}
	div.img300 {max-width: 300px;}
	div.img320 {max-width: 320px;}
	div.img340 {max-width: 340px;}
	div.img360 {max-width: 360px;}
	div.img380 {max-width: 380px;}
	div.img400 {max-width: 400px;}
	div.img420 {max-width: 420px;}
	div.img440 {max-width: 440px;}
	div.img460 {max-width: 460px;}
	div.img480 {max-width: 480px;}
	div.img500 {max-width: 500px;}
	div.img520 {max-width: 520px;}
	div.img540 {max-width: 540px;}
	div.img560 {max-width: 560px;}
	div.img580 {max-width: 580px;}
div.img600 {max-width: 600px;}
}
	
}
.pc-none {
	display: none;
}
@media(max-width:640px){
	.pc-none {
		display: block;
	}
}

.pc-none {
	display: none;
}
@media(max-width:640px){
	.pc-none {
		display: block;
	}
}