/* =====================

	640px以下

======================= */

@media screen and (max-width: 640px) {



@charset "utf-8";



div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p{

	margin:0;

	padding:0;

}



fieldset,img{border:0;}





ul,li{list-style:none;}caption,th{text-align:left;}



/* clearfix */

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	font-size:0;

	clear: both;

	visibility:hidden;

}

.clearfix {

	display: inline-block;

}

/* Hides from IE Mac \*/

* html .clearfix {height: 1%;}

.clearfix{display:block;}

/* End Hack */





body {

	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;

	margin: 0px;

	padding: 0px;

	background: url(image/bg_shiken.gif) repeat;

}







a:link {  color: #0066CC}

a:active {  color: #FF9933}

a:visited {  color: #0066CC}

a:hover {  color: #FF9933}

a:hover img 

{

	border: none;

	opacity:0.7;

	filter: alpha(opacity=70);

	-ms-filter: "alpha( opacity=70 )";

}



/*

--------------------------------------------------*/



img {/* 画像の最大幅を100%に */

	max-width:100%;

	height:auto;

}



/* 大枠のレイアウト

--------------------------------------------------*/



#container {

	width: 100%;

	margin: 0px auto;

	clear: both;

	background: url(image/bg_shiken.gif);

}

#header_wap {

	clear: both;

	margin: 0 auto;

	background: #FFF;

	width: 100%;

	border-bottom: 2px solid #CCC;

	padding: 0px;

}

#header {

	display: none;

}

#header_sp {

	clear: both;

	margin: 0 auto;

	width: 100%;

	padding: 0px;

}





.flexslider {

	display:none;

}



#main {

	margin:15px auto;

	padding:0;

	line-height: 150%;

	clear: both;

	width: 96%;

}

#pankuzu {

	margin:10px 0px 5px;

	padding:0;

	line-height: 100%;

	clear: both;

	font-size: 12px;

}



/* #globalNavi

----------------------------------------------------- */

#globalNavi {

	text-align: right;

	margin: 20px 0px 0px;

	min-width: 430px;

	padding: 0px;

	float: right;

}



#globalNavi ul {

	margin: 0px;

}



#globalNavi ul li {



}

#globalNavi ul li a {

	display: inline-block;

	text-align: center;

	line-height: 120%;

	margin:0 0 0 5px;

	padding: 20px 10px 10px;

	text-decoration: none;

	float: left;

	color: #FFF;

	width: 80px;

	font-weight: bold;

	background: #336666;

	height: 40px;

	font-size: 16px;

}



#globalNavi ul li a:hover {

	text-decoration: none;

	color: #FFF;

	background: #099;

}



#globalNavi ul li .last {

	text-decoration: none;

	background-color: #F9DC4E;

	color: #000;

}

/* ---------------------------------------------------------

	 / グローバルナビゲーションスマホ

--------------------------------------------------------- */







#header_right_sp {

	display:block;

	float:right;

	margin: 20px 5px 0 0;

}



.header_icon {

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border: 1px solid #999999;

	height: 40px;

	width: 40px;

	display: inline-block;

	background-color: #E8E8E8;

	text-align: center;

	margin-right: 2px;

}



#sp_menu {

	clear: both;

	margin: 0px;

}



#sp_menu ul {

  width: 100%;

  margin: 0 auto;

  padding: 0;

}

#sp_menu ul li {

	width: 100%;

	background-color: #333333;

	color: #fff;

	list-style: none;

}

#sp_menu li a {

	display: block;

	text-decoration: none;

	margin: 0px;

	padding: 13px 0;

	color: #FFF;

	text-align: left;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

	font-size: 14px;

	text-indent: 5px;

	line-height: 100%;

}

#sp_menu li a:hover {

	text-decoration: none;

	background-color: #666;

}

#toggle-button {

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border: 1px solid #999999;

	height: 40px;

	width: 40px;

	display: inline-block;

	background-color: #E8E8E8;

	text-align: center;

	float: right;

}

#toggle-button:before {



}

#toggle-button.act:before {



}



.big {

	margin: 8px 0;

	font-size: 121%;

}

.big_b {

	margin: 0px;

	font-size: 240%;

}



.normal {

	font-weight: normal;

}



.red {

	color: #c00;

}

.blue {

	color: #06c;

}



.orange {

	color: #F60;

}



h2 {

	width:100%;

	box-sizing: border-box;

	padding:15px 0 5px;

	text-align: left;

	text-indent: 5px;

	font-size: 137%;

	line-height: 100%;

	margin: 0 0 20px;

	color: #09c;

}





h3{

	width:100%;

	box-sizing: border-box;

	text-align: left;

	text-indent: 5px;

	margin: 0 0 10px;

	padding: 10px 0;

	line-height: 120%;

	border-bottom: solid 2px #999;

	font-size: 112%;

}

h3 span{

	border-left: 6px solid #09C;

	line-height: 100%;

	font-size: 100%;

	padding: 3px 0px 0px 8px;

}

h4 {

	width:100%;

	box-sizing: border-box;

	-moz-border-radius: 5px; /* Firefox */

	-webkit-border-radius: 5px; /* Safari and Chrome */

	border-radius: 5px;

	behavior: url(..js/border-radius.htc); /* IE */

	color: #fff;

	background-color: #036;

	padding:7px 0 2px 10px;

	font-size: 121%;

	border-bottom: 2px solid #036;

	margin: 0px 0px 15px;

}

h5{

	width:100%;

	box-sizing: border-box;

	padding:7px 0 10px;

	text-align: left;

	text-indent: 4px;

	margin: 0px 0;

	line-height: 100%;

	border-bottom: 2px solid #333;

	font-size: 112%;

}

h5 span{

	line-height: 100%;

	padding: 0px 0px 0px 5px;

	border-left: 6px solid #C03;

	margin: 0px;

}

h6 {

	width:100%;

	box-sizing: border-box;

	-moz-border-radius: 5px; /* Firefox */

	-webkit-border-radius: 5px; /* Safari and Chrome */

	border-radius: 5px;

	behavior: url(../js/border-radius.htc); /* IE */

	color: #fff;

	padding:8px 0 8px 10px;

	font-size: 112%;

	margin: 15px 0px;

	background: #399;

}





/* contents 各パーツ

--------------------------------------------------*/



#logo

{

	float: left;

	margin: 10px 0px 5px;

}

.top_image {

	display:none;

}



.top_image_sp {



}



.top_image_under {

	font-size: 100%;

	line-height: 150%;

	text-align: left;

	padding: 10px;

	margin: 0;

	box-sizing: border-box;

	-moz-border-radius: 10px; /* Firefox */

	-webkit-border-radius: 10px; /* Safari and Chrome */

	border-radius: 10px;

	behavior: url(js/border-radius.htc); /* IE */

	background: #FFF;

}



.section {

	margin: 20px 0 30px;

	line-height: 160%;

	clear: both;

}

p{

	line-height: 150%;

}



.topbox1 {

	margin: 20px 0;

	width:100%;

	box-sizing: border-box;

	min-height:220px;

	padding:10px;

	border: 10px solid #066;

	-moz-border-radius: 10px; /* Firefox */

	-webkit-border-radius: 10px; /* Safari and Chrome */

	border-radius: 10px;

	behavior: url(js/border-radius.htc);

	background: #FFF;

}

.topbox2 {

	margin: 20px 0 0px;

	width:100%;

	box-sizing: border-box;

	min-height:220px;

	padding:10px;

	border: 10px solid #066;

	-moz-border-radius: 10px; /* Firefox */

	-webkit-border-radius: 10px; /* Safari and Chrome */

	border-radius: 10px;

	behavior: url(js/border-radius.htc);

	background: #FFF;

}



.box_type1 {

	text-align: left;

	padding: 20px;

	margin: 20 0 0;

	box-sizing: border-box;

	-moz-border-radius: 10px; /* Firefox */

	-webkit-border-radius: 10px; /* Safari and Chrome */

	border-radius: 10px;

	behavior: url(js/border-radius.htc); /* IE */

	background: #FFF;

}

.section_quest {

	margin: 0px;

	padding: 10px 0px;

	-moz-border-radius: 20px; /* Firefox */

	-webkit-border-radius: 20px; /* Safari and Chrome */

	border-radius: 20px;

	

}



.box_quest_type1 {

	font-size:100%;

	margin: 0px;

	box-sizing: border-box;

	padding:10px;

	-moz-border-radius: 20px; /* Firefox */

	-webkit-border-radius: 20px; /* Safari and Chrome */

	border-radius: 20px;

	behavior: url(js/border-radius.htc);

	background: #FFF;

	line-height: 40px;

	border: 1px solid #ccc;

}

.box_quest_type2 {

	margin: 0px 0px 20px;

	border-bottom: 1px dashed #999;

	line-height: 150%;

	padding: 0 0 5px 0;



}

.box_answer_hantei {

	margin: 0px;

	float: left;

}

.box_answer_type1 {

	margin: 10px 0px 0px;

	padding: 0px;

}





.section_quest dl {

	margin:0;

	padding: 0;

}



.section_quest dt {

	font-size:100%;

	float: left;

	margin: 0;

	padding: 3px 0px 0px;

	width: 70px;

	text-align: center;

	line-height: 120%;

}

.section_quest dt input {

	margin: 10px 15px;

	padding: 0px;

}





.section_quest dd {

	font-size:100%;

	text-align: left;

	margin: 0;

	padding: 10px 10px 10px 50px;

	width: 100%;

	box-sizing: border-box;

	border-style: none;

	line-height: 120%;

}

.img_margin {

	margin: 10px 15px 10px 0px;

}

.img_margin_type2 {

	margin: 0px 5px 0px 0px;

	float: left;

}

.table_type1 {

	padding: 5px 3px 3px;

	border-style: none;

}







.th_type1 {

	font-size:91%;

	padding: 5px 3px 3px;

	border-style: none;

}



.td_type1 {

	padding: 5px;

	margin: 0px;

	line-height: 150%;

	font-size:100%;

	border-style: none;

}

.td_type2 {

	padding: 5px;

	margin: 0px;

	text-align: center;

	line-height: 150%;

	font-size:100%;

	border-style: none;

}

.td_type3 {

	text-align: right;

	padding: 5px 3px 3px;

}





.photo_left {

	margin: 10px 15px 10px 0px;

	float: left;

}

.photo_left_type2 {

	margin: 10px 15px 10px 0px;

	float: left;

}

.photo_right {

	margin: 10px 0px;

	text-align: center;

}

.read_more  {

	display: block;

	padding: 10px;

	clear: both;

	line-height: 120%;

	margin: 20px 0px 0px;

	border: 2px solid #066;

	text-align: center;

}

a.read_more{

	text-decoration: none;

	color: #000;

	background: #FFF;

}

a:hover.read_more{

	background: #cff;

	color: #000;

}

.txt_box1 {

	margin: 15px 0px 0px;

	padding: 0;

	line-height: 150%;

	width: 100%;

}

.txt_box2 {

	margin: 0px;

	padding: 0;

	line-height: 150%;

	text-align: center;

	width: 100%;

}

.txt_box3 {

	margin: 5px;

	padding: 0;

	line-height: 100%;

	text-align: center;

	width: 220px;

	float: left;

}





.hasen{

	padding:0px;

	border-bottom: 1px solid #ccc;

	margin: 5px 0px;

}

#main .pagetop {

	float: right;

	margin: 0px 0px 20px 0;

}





#footer_wap {

	text-align: left;

	clear: both;

	border-top: 2px solid #CCC;

	background: #FFF;

}

#footer {

	width: 100%;

	box-sizing: border-box;

	margin: 0px auto;

	padding: 10px;

}





#footer .left_side {

	font-size: 81%;

	line-height: 140%;



}



#footer .right_side {

	text-align: right;

	float: right;

	}





.btn {

	visibility:visible;

}



.form_btn {

	padding: 10px 15px;

	margin:0px auto;

}



}