@charset "utf-8";

/*--------------------------------------------------
フォント
--------------------------------------------------*/
h5{font-size:1.8em;}
dt, dd{font-size:1.4em;}


.name_3{font-size:1.3em;}

.name_3 li{font-size:13px;}

.question{
	color:#fff;
	font-size:1.3em;
}
.answer{
	color:#fff;
	font-size:1.3em;
}


/*--------------------------------------------------
レイアウト
--------------------------------------------------*/
#content{margin-bottom:60px;}
.contents_4{
	width:100%;
	overflow:hidden;
	margin-bottom:40px;
}
.face{
	float:left;
	width:260px;
	padding-right:20px;
	margin-bottom:10px;
}
.name{
	float:right;
	width:100%;
	margin-left:-280px;
}
.name_2{margin-left:280px;}
.name_2 h5 a{color:#54c3f1;}
.name_3{margin:10px 0;}
.english_2{display:block;}


.contents_7{margin-top:10px;}


.map_2{
	float:left;
	width:50%;
	padding-right:5%;
	margin-bottom:10px;
	z-index:999;
}
.map_3{
	float:right;
	width:45%;
	margin-left:-490px;
	z-index:-999;
}

.map_4 h5 a{color:#54c3f1;}

dt{
	cursor:pointer;
	position:relative;
	padding:10px 0 10px 50px;
	margin-bottom:20px;
}
dd{
	position:relative;
	padding:10px 0 0 50px;
	margin-bottom:40px;
}
.question{
	background:#54c3f1;
	display:block;
	width:34px;
	height:32px;
	padding:8px 3px 0;
	border-radius:100%;
	text-align:center;
	position:absolute;
	top:0;
	margin-left:-50px;
}
.answer{
	background:#5574f2;
	display:block;
	width:34px;
	height:32px;
	padding:8px 3px 0;
	border-radius:100%;
	text-align:center;
	position:absolute;
	top:0;
	margin-left:-50px;
}


/*--------------------------------------------------
タブレット・スマートフォン
--------------------------------------------------*/
@media (max-width:768px){
	.map_2{
		float:none;
		width:100%;
		padding-right:20px;
	}
	.map_3{
		float:none;
		width:100%;
		margin-left:0;
	}
	.map_4{
		width:100%;
		margin-left:0;
	}
}

@media (max-width:640px){
	.face{
		float:none;
		width:100%;
		padding-right:20px;
	}
	.name{
		float:none;
		width:100%;
		margin-left:0;
	}
	.name_2{
		width:100%;
		margin-left:0;
	}
}