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

	641px以上

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

@media screen and (min-width: 641px) {



@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;

	width: 100%;

	padding: 0px;

	background: #FFF;

	border-bottom: 1px solid #999;

	height: 90px;

}



#header {

	clear: both;

	margin: 0 auto;

	padding: 0px;

	height: 90px;

	width: 1000px;

	background: #FFF;

	border-bottom: 1px solid #999;

}



#header_sp {

	display: none;

}



.flexslider {

	width: 640px;

	margin: 0px;

	padding: 0px;

	float: left;

}



#footer_sp {

	display: none;}



#main {

	margin:15px auto;

	padding:0;

	line-height: 150%;

	clear: both;

	width: 1000px;

}

#pankuzu {

	margin:10px 0px 5px;

	padding:0;

	line-height: 100%;

	clear: both;

	font-size: 12px;

}





/* #globalNavi

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

#globalNavi {

	margin: 28px 0px 0px 340px;

	min-width: 420px;

	padding: 0px;

	float: left;

}



#globalNavi ul {

	margin: 0px;

}



#globalNavi ul li {



}

#globalNavi ul li a {

	display: inline-block;

	text-align: center;

	line-height: 100%;

	margin:0 0 0 3px;

	padding: 20px 0px;

	text-decoration: none;

	float: left;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	width: 90px;

	background: #fff;

	font-size: 14px;

	border: 2px solid #366;

	color: #000;

}



#globalNavi ul li a:hover {

	text-decoration: none;

	color: #000;

	background: #cfc;

}



#globalNavi ul li .last {

	text-decoration: none;

	background-color: #F9DC4E;

	color: #000;

}



#header_right_sp{

	display: none;

}

.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

{

	margin: 10px 0px 0px 10px;

	width: 230px;

	float: left;

}

.top_image {

	margin: 0px auto;

	background: url(image/topimage.png) no-repeat;

	height: 320px;

	width: 1000px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 15px 0 0 288px;

	text-align: left;

}

.top_image_sp {

	display:none;

}

.top_image_under {

	font-size: 121%;

	line-height: 150%;

	text-align: left;

	padding: 20px;

	margin: 0 auto;

	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;

	width: 100%;

}



.section {

	margin: 20px 0 30px;

	line-height: 160%;

	clear: both;

}

p{

	line-height: 150%;

}



.topbox1 {

	margin: 20px 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	width:49%;

	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); /* IE */

	float: left;

	background: #FFF;

}

.topbox2 {

	margin: 20px 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	width:49%;

	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); /* IE */

	float: right;

	background: #FFF;

}



.box_type1 {

	text-align: left;

	padding: 20px;

	margin: 20 0 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	width: 100%;

	-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 {

	padding: 10px;

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

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

	border-radius: 20px;

	margin: 0px;

	

}



.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 {

	float: right;

	margin: 10px 0px 10px 15px;

}

.read_more  {

	float: right;

	display: block;

	padding: 20px 60px;

	clear: both;

	line-height: 100%;

	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: #cfc;

	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 {

	clear: both;

	margin: 0px;

	padding: 0px;

	background: #FFF;

	border-top: 1px solid #999;

}

#footer {

	width: 1000px;

	box-sizing: border-box;

	margin: 0px auto;

	padding: 20px 10px;

	background: #FFF;



}





#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;

}


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 60px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}


}