@charset "utf-8";
/*interview*/
#titArea{
	/*background: #373F87;*/
	/*background: url(/koho/math-everywhere/images/bgTitArea.jpg) top center / cover no-repeat;*/
	color: #FFF;
	/*height: 182px;*/
}
#titArea #titAreaInner{
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	bottom: -90px;
}
#titArea #pageTit{
	margin: 0 auto;
	padding: 0 0 10px;
	text-align: center;
	    position: relative;
    top: -50px;
    left: 0;
	clear: both;
	
}
#titArea h1{
	clear: both;
	font-size: 360%;
	font-weight: bold;
	line-height: 1.4;
	margin: -50px auto 10px;
	text-align: center;
	letter-spacing: 0.05em;
}
#titArea #imgArea{
	position: absolute;
	top: -10px;
	right:20px;
}
/*----------------------*/
#leadArea{
	margin: 0 auto 15px;
	max-width: 1000px;
	font-size: 110%;
	text-align: center;
	padding: 20px 0 5px;
}
#conArea{
	width: 100%;
	background: url(/koho/math-everywhere/qa/images/bgMain.gif) no-repeat #F0EEF9 center top;
}
/*
#conArea {
	background: url(/koho/math-everywhere/qa/images/bgMain01.gif) no-repeat #F0EEF9 left center;
    position: relative;
	width: 100%;
}
#conArea:before {
    width: 50%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
	background: url(/koho/math-everywhere/qa/images/bgMain02.gif) no-repeat #F0EEF9;
}
*/
#conAreaInner{
		max-width: 880px;
	width: 98%;
	margin: 0 auto;
	background: #F0EEF9;
		padding: 60px 70px 0;
}
#conAreaInner:after{
	content:"."; 
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0;
}

/*-----------------*/
.qrBox{
	float: none;
	clear: both;
}
.gleft{
	background: url(/koho/math-everywhere/qa/images/g01_bg.png) no-repeat 0 0;
padding: 30px 40px 0 20px;
margin: 0 auto 50px;
min-height: 214px;
float: left;
width: 610px;
	font-size: 108%
}

.gright{
	background: url(/koho/math-everywhere/qa/images/g02_bg.png) no-repeat 0 0;
padding: 30px 30px 0 60px;
margin: 0 auto 50px;
min-height: 214px;
float: right;
width: 580px;
		font-size: 108%
}
.g01Area .qaTit{
	background: url(/koho/math-everywhere/qa/images/q01_bg.png) no-repeat 0 0;
		min-width: 402px;
	min-height: 52px;
	color: #FFF;
	padding-left: 36px;
	padding-top: 15px;
	font-weight: bold;
position: relative;
bottom: 50px;
left: -40px;
}
.g02Area .qaTit{
	background: url(/koho/math-everywhere/qa/images/q02_bg.png) no-repeat 0 0;
		min-width: 318px;
	min-height: 54px;
	color: #FFF;
	padding-left: 40px;
	padding-top: 15px;
	font-weight: bold;
position: relative;
bottom: 50px;
left: -60px;
}
.g03Area .qaTit{
	background: url(/koho/math-everywhere/qa/images/q03_bg.png) no-repeat 0 0;
		min-width: 367px;
	min-height: 52px;
	color: #FFF;
	padding-left: 36px;
	padding-top: 15px;
	font-size: 108%;
	font-weight: bold;
position: relative;
bottom: 50px;
left: -40px;
}
.g04Area .qaTit{
	background: url(/koho/math-everywhere/qa/images/q04_bg.png) no-repeat 0 0;
		min-width: 356px;
	min-height: 54px;
	color: #FFF;
	padding-left: 40px;
	padding-top: 15px;
	font-size: 108%;
	font-weight: bold;
position: relative;
bottom: 50px;
left: -60px;
}
.g05Area .qaTit{
	background: url(/koho/math-everywhere/qa/images/q05_bg.png) no-repeat 0 0;
		min-width: 376px;
	min-height: 52px;
	color: #FFF;
	padding-left: 36px;
	padding-top: 15px;
	font-size: 108%;
	font-weight: bold;
position: relative;
bottom: 50px;
left: -40px;
}

p.txt{
	margin: -55px auto 0;
	max-width: 580px;
	border-bottom: 2px solid #EEEEEE;
	padding-bottom: 8px;
}
p.gName{
	margin: 8px auto 0;
	max-width: 580px;
	font-weight: bold;
	font-size: 92%;
	text-align: right;
}
.g01Area dd{
	width: 600px;
}
.conRight{
	float: right;
	width: 200px;
}
.conLeft{
	float: left;
	width: 200px;
}
.qa_linkBtnArea a{
    color: #FFF;
    background: url(/koho/math-everywhere/images/icoLink03.png) no-repeat 90% 50% #373F86;
    width: 170px;
    height: 30px;
    line-height: 30px;
    font-size: 100%;
    font-weight: bold;
    letter-spacing: 0.02em;
    margin: 12px 0 0 0;
    float: right;
    padding: 0 0 0 30px;
	text-decoration: none;
	display: block;
}

.qa_linkBtnArea a:hover{
	opacity: 0.8;
	transition: 0.3s;
	    background: url(/koho/math-everywhere/images/icoLink03.png) no-repeat 97% 50% #373F86;
}
.photoArea{
	text-align: center;
	margin: 40px auto 0;
}
/*-----------------*/
.mbLong{
	margin: 0 auto 70px;

}
p.txt.pb{
	padding-bottom: 20px !important;
}
/**/
@media screen and (max-width:769px){
	/*-------------------------*/
	#titArea{
		padding: 0 2%;
}
	#titArea #titAreaInner{
		display: none;
	}
	
h1{
	color: #FFF;
	font-weight: bold;
	font-size: 165%;
	margin: 0 auto 16px;
	text-align: center;
	padding-top: 0px;
	letter-spacing: 0;
	border-bottom:1px solid #FFF;
	padding-bottom: 5px;
	width: 96%;
}
#titArea #pageTit{
		padding: 70px 0 10px;
	}
	#tit img{
		width:65%;
		margin: 15px auto 5px;
	}
	#titArea #imgAreaSp {
		/*position: relative;
    bottom: -80px;
    right: 50%;*/
}
	#imgAreaSp img{
		width: 90%;
}
	/*----------------*/
	#leadArea{
		width: 94%;
		margin: 0 auto;
		text-align: left;
	}
	#leadArea p{
		margin: 0 auto 10px;
	}
	/*--------------------*/
	
	#conAreaInner{
	width: 98%;
		padding: 60px 1% 0;
}
	/*-------------------*/
/*.gleft{
padding: 2% 2% 4%;
margin: 0 auto 20px;
height: auto;
float: none;
width: 94%;
border-radius: 10px;
	background: #FFF;
}
.gleft:after{
	content:"."; 
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0;
}*/

.gleft{
	float: none;
	width: 94%;
	position: relative;
padding: 2% 2% 4%;
margin: 0 auto 28px;
	background-color: #FFF;
	border-radius: 6px;
}
.gleft::after {
	position: absolute;
	top: 100%;
	left: 48%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #FFF;
}
/*
.gright{
	background: #FFF;
padding: 2% 2% 4%;
margin: 0 auto 50px;
height: auto;
float: none;
width: 94%;
border-radius: 10px;
}*/
.gright{
	float: none;
	width: 94%;
	position: relative;
padding: 2% 2% 4%;
margin: 0 auto 28px;
	background-color: #FFF;
	border-radius: 6px;
}
.gright::after {
	position: absolute;
	top: 100%;
	left: 48%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #FFF;
}
	
	.g01Area .qaTit{
	background: url(/koho/math-everywhere/qa/images/q01_bg.png) no-repeat 0 0;
min-width: 70%;
width: 94%;
min-height: 52px;
color: #FFF;
padding-left: 32px;
padding-top: 15px;
font-size: 95%;
bottom: 50px;
left: -9px;
}
	.g02Area .qaTit{
	background: url(/koho/math-everywhere/qa/images/q01_bg.png) no-repeat 0 0;
min-width: 70%;
width: 94%;
min-height: 52px;
	color: #FFF;
padding-left: 35px;
	padding-top: 15px;
font-size: 95%;
bottom: 47px;
left: -9px;
}
		.g03Area .qaTit{
	background: url(/koho/math-everywhere/qa/images/q03_bg.png) no-repeat 0 0;
min-width: 70%;
width: 94%;
min-height: 52px;
color: #FFF;
padding-left: 34px;
padding-top: 15px;
font-size: 95%;
bottom: 50px;
left: -9px;
			
}
		.g04Area .qaTit{
	background: url(/koho/math-everywhere/qa/images/q01_bg.png) no-repeat 0 0;
min-width: 70%;
width: 94%;
min-height: 52px;
	color: #FFF;
	padding-left: 36px;
	padding-top: 15px;
font-size: 95%;
bottom: 47px;
left: -9px;
}
		.g05Area .qaTit{
	background: url(/koho/math-everywhere/qa/images/q05_bg.png) no-repeat 0 0;
min-width: 70%;
width: 94%;
min-height: 52px;
color: #FFF;
padding-left: 34px;
padding-top: 15px;
font-size: 95%;
bottom: 50px;
left: -9px;
}
	/*--------------*/
	.conRight {
    float: none;
    width: 100%;
		margin: 0 auto;
}
.conLeft{
    float: none;
    width: 100%;
	margin: 0 auto;
}
	/*------------------*/
	.photoArea{
	text-align: center;
	margin: 0 auto 0;
		width: 40%;
}
	.qa_linkBtnArea a{
		float: none;
		margin: 12px auto 70px;
		display: block;
	}
	p.txt{
	margin: -55px auto 0;
	max-width: 95%;
	padding-bottom: 8px;
		float: none;
		display: block;
}
	p.gName{
	margin: 8px auto 0;
	max-width: 95%;
	font-size: 85%;
	text-align: left;
				float: none;
		display: block;
}
}