@charset "utf-8";

/*--- style ---*/
.red { color:#c90004;}
.red_kadomaru {border: 2px solid #c90004; border-radius:10px; padding:0.5em 3.333%;}

.s_gray {color:#666666;}

.mb1 {margin-bottom:1em !important;}
.mb2 {margin-bottom:2em !important;}
.mb4 {margin-bottom:4em !important;}

.mt1 {margin-top:1em !important;}
.mt2 {margin-top:2em !important;}

.pb0{padding-bottom:0 !important;}
.pb4{padding-bottom:4em !important;}

.pt0{padding-top:0 !important;}
.c-align{
	text-align: center;
}
/*--- clear ---*/
.cf:before,
.cf:after {
  content: "";
  display: table; }

.cf:after {
  clear: both; }

/*IE6,7対策 （haslayout対策）*/
.cf {
  *zoom: 1; }

/*--- module ---*/
html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }
body {
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	max-width:640px;}
h1 {font-size: 0.5rem;}
/*h2 , h3.page_title  {font-size: 3rem;}
h3,h4,h5,p, dt ,dd ,li,th ,td { font-size: 2.8rem;}
address,small{ font-size: 2rem;}*/
a {
	color:#0066ff;
	text-decoration:none;}
	
img { width:100%; height:auto;}	

table {
	border-collapse:collapse;
	border-spacing:0;
	border:none;}

/*--- header ---*/
header {
	padding-bottom: 6px;
	/* [disabled]margin-bottom:10px; */
}
.page header {
	margin-bottom: 0.6em;
	-webkit-box-shadow: 0px 0px 0.6em #dbdbdb;
	box-shadow: 0px 0px 0.6em #dbdbdb;
}
header h1 {
	background:#003399;
	width:100%;
	color:#fff;
	line-height:20px;
	}
header p { width:70.3125%;}

/*--- nav ---*/
nav #spMenu {
	position:absolute;
	width:100%;
	top:1.2em;
	right:0;}
nav #spMenu dt{
	display:block;
	width:14.0625%;
	margin-left:auto;
	}
nav #spMenu dd{
	width: 100%;
	height: 4em;
	border-top: 1px solid #00194B;
	background: #003399;
	display: none;
}

nav #spMenu dd a{
	color:#fff;
	display: block;
	line-height:4em;
	padding-left:6px;}
nav #spMenu dd a i {
	padding-right:6px;}
	
nav #spMenu.active{
	background: #003399;
	border-bottom:1px solid #00194B;}
nav #spMenu.active dt{
	text-indent:-9999px;
	background:url(../img/common/sp_menu_close.png) no-repeat right 0;
	background-size:cover; }
/*--- nav 2 ---*/
nav #sp-nav {
	position:absolute;
	top:110px;
	z-index: 100;
	width:100%;
	border-top:1px solid #00194B;}
nav #sp-nav li{
	width: 100%;
	height: 3.6em;
	border-bottom: 1px solid #00194B;
	background: #003399;
}
nav #sp-nav li a{
	color:#fff;
	display: block;
	line-height:3.6em;
	padding-left:6px;}
nav #sp-nav li a i {
	padding-right:6px;}
#nav_fixed {
	position:fixed;
	right:0;
	top:0px;
	padding-top:20px;
	width:90px;
	z-index:6000;}
#nav-btn{
	display:block;
	width:80px;
	height:80px;
	margin-left:auto;
	
	}
#nav_wrap {
	background-color:transparent;
	transition: 30.0s ;
}
#nav_wrap.active {
	background-color: #003399;}
#nav_wrap.active #nav_fixed{
	background: #003399;
	width:100%;
}
#nav_wrap.active #nav_fixed #nav-btn{
	text-indent:-9999px;
	background:url(../img/common/sp_menu_close.png) no-repeat right 0;
	background-size:contain;}
@media (max-width:416px){
	nav #sp-nav {top:4.6em;}
	#nav-btn{
		width:54px;
		height:54px;
	}
}
@media (max-width:320px){
	nav #sp-nav {top:4.6em;}
}
/*--*/

#contents.active , footer.active {
	display:none;}

#contents_in {
	width: 98.75%;
	margin: 1em auto;
}
.sec_area {
	margin:2em 0;}
	h2.page_title + .sec_area {
	margin-top:1em;}
.sec_in {margin:1em 0 2em;}

.sec_img {
	width:70%;
	margin:0 auto;}
	.sec_img.img380 {width:63.333%;}
	.sec_img.img450 {width:75%;}
	.sec_img.img500 {width:85%;}
	
.sec_img img{
	 margin:1em 0;
	 display:block;}

@media (min-width:480px){
	.sec_img {
		width:100%;}
}

.dtl_tb{
	width:100%;
}
.dtl_tb dt , .dtl_tb th{
	padding:0.5em 1.667%;
	border:1px solid #ccc;
	background:#ddd;
}
.dtl_tb th ,.dtl_tb td.dtl_ttl {
	font-weight:bold;}
	
.dtl_tb dd ,.dtl_tb td{
	padding:0.5em 1.667%;
	border:1px solid #ccc; 
	border-top:none;
}

.dtl_tb td,.dtl_tb th {
	width:24%;
	text-align:center;}

.dtl_tb dd ul {
	margin:0.5em;}

.attn {
	color:#333333;}
/*--- titles ---*/
.page_title{
	padding: 4px 2%;
	background: #006699;
	margin-bottom: 1em;
}

.page_title span{
	display:block;
	border-left:#003399 4px solid;
	padding-left:2%;
	color:#ffffff;
	line-height:1.2em;}

.sec_title{
	margin: 0 0 0.5em 0;
	color: #DE5800;
	border-bottom: 2px dotted #DE5800;
	padding: 0 0 0.2em 0;
}

/*--- pankuzu/pagetop ---*/
#pan {padding-left:1.56%; }
#pan li{ display:inline; font-size:0.6rem; line-height:0.6rem;}
#pan li:after{content:">"; padding: 0 1%;}

#pan li:last-child:after{ content:"";}

.pagetop {line-height:2em; text-align:right; font-size:0.8rem;}

/*--- sub navigation ---*/
#sub_nav {
	margin-top:2em;
	}
#sub_nav li {
	width:44%;
	float:left;}
	#sub_nav li:nth-child(odd) {margin:0 2% 0.5em 4%;}
	#sub_nav li:nth-child(even) {margin:0 4% 0.5em 2%;}

/*--- footer ---*/
footer {
	border-top:#003399 5px solid;
	margin-bottom:100px;}
footer .footer_in {
	width:93.75%;
	padding:0.5em 3.125% ;}
.foot_logo {
	width:20%;
	float:left;}
footer p.red {
	width:63%;
	padding:0 1% 0 2%;
	float:left;
	font-size:0.7rem;}
.p_mark {
	width:14%;
	float:right;}
footer small,footer address	{
	width:100%;
	float:left;
	text-align:center;
	margin-bottom:0.5em;
	font-size:0.6rem;}

footer .contact_area {
	position:fixed;
	bottom:0;
	margin:0;}

footer .contact_area li{
	width:50%;
	float:left;}

/*--- contact_area ---*/
/*.contact_area {
	margin: 1em auto;
	padding: 0.8em 0;
	width: 87.5%;
	border: 1px solid #ccc;
	text-align: center;
	box-sizing: border-box;
}
.contact_area .txt{
	font-size:0.8rem;}
.contact_area .tel {
	display: block;
}
footer .contact_area {
	margin-top:0.4em;}*/


/*.page_contact {
	background: url(../img/common/sp_inq_bg.jpg) repeat ;
	padding:10px 3.333%;
	margin-bottom:2em;}
.page_contact_in { 
	background:#ffffff;}

.page_contact_in p {
	}
.page_contact .inqbtn {
	width:78.333%;
	margin:0 auto;
	padding:0.5em 0;}*/