@charset "UTF-8";

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

	Reset

----------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
form,input,textarea,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	box-sizing:border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, main, section {
	display:block;
}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
table {border-collapse:collapse;border-spacing:0;}

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

	Base

----------------------------------------------------*/
html {font-size:14px;}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:relative;
	color:#3c3c3c;
	font-size:100%;
	line-height:1.5;
	background:#fff;
	margin:0;
	height:100%;
	min-width:320px;
}

img{
	max-width:100%;
	height:auto;
}

/* text
----------------------------------------------------*/
.txt {font-size:14px;line-height:2.0em;margin-bottom:20px;}
.red {color:#e60012!important;}
.cyan {color:#00afec!important;}
.green {color:#00b373!important;}
.white {color:#fff!important;}
.bold {font-weight:bold;}
.para {display:block;padding-left:1.3em;text-indent:-1.3em;}
.center {display:table!important;margin-left:auto!important;margin-right:auto!important;}
.animate {transition:all 0.2s ease-in-out;}

@media screen and (max-width: 480px) {
	.txt {line-height:1.8em;margin-bottom:10px;}
}

/* link
----------------------------------------------------*/
a{text-decoration:none;outline:0;}
a:hover,a:focus {text-decoration:none;}

a{cursor:pointer;}
a:link,
a:visited,
a:hover,
a:active {
	text-decoration:none;
	color:#333;
}
.light:hover {
	opacity:.5;
}

/* img
----------------------------------------------------*/
img {border:0;max-width:100%;height:auto;vertical-align:middle;}

/* clerfix
----------------------------------------------------*/
.clearfix:after {content:"";clear:both;display:block;}
.clearfix {min-height:1px;}


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

	.wrapper

----------------------------------------------------*/
.wrapper {
	position:relative;
	overflow:hidden;
}
.wrapper.active {
	overflow:visible;
}
#overlay {
	position:fixed;
	top:0;
	display:none;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,.5);
	z-index:70;
}

/* common
----------------------------------------------------*/
.moreBtn {
	display:block;
	padding:20px;
	margin:0 auto;
	width:100%;
	font-weight:bold;
	color:#3c3c3c;
	background:#fff url(../img/common/arrow_bl_l.png) right 20px center no-repeat;
}
.listBtn {
	display:block;
	padding:16px 20px;
	margin:0 auto;
	height:60px;
	width:100%;
	color:#004782;
	background:url(../img/common/arrow_bl_l.png) right 20px center no-repeat;
	border:2px solid #004782;
	border-radius:30px;
}






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

	.header

----------------------------------------------------*/
.hdWrapper {
	position:relative;
	margin:0 0 130px;
}
.hdInner {
	position:fixed;
	top:0;
	z-index:71;
}
.hdLogo {
	position:relative;
	text-align:center;
	height:70px;
	line-height:70px;
	width:100%;
	background-color:#fff;
	z-index:61;
}

.langBlock {
	display:table;
	position:absolute;
	top:-70px;
	left:50px;
	height:70px;
	z-index:62;
}
.langBlock__list {
	display:table-cell;
	vertical-align:middle;
	padding:5px 0 5px 40px;
	background:url(../img/common/icon_lang.gif) left center no-repeat;
}
.langBlock__item {
	float:left;
	padding:5px 0;
	font-size:12px;
}
.langBlock__item+.langBlock__item:before {
	content:"／";
	margin:0 10px 0;
	color:#c9c9c9;
}
.langBlock__item .langBlock__item--link {
	color:#ccc;
}
.langBlock__item .langBlock__item--link.active {
	color:#004782;
}

/* .trigger
----------------------------------------------------*/
.triggerBlock {
	display:none;
}
@media screen and (max-width: 1024px) {


	.hdLogo{
		height:100px;
		line-height:100px;
	}

	.triggerBlock {
		position:absolute;
		top:0;
		right:0;
		display:block;
		padding:32px 30px;
		height:36px;
		width:40px;
		background-color:#c9c9c9;
		box-sizing:content-box;
		cursor:pointer;
		z-index:63;
	}
	.triggerBlock__bar,
	.triggerBlock:before,
	.triggerBlock:after {
		content:"";
		position:absolute;
		height:4px;
		width:40px;
		background-color:#fff;
		transition:all 0.2s ease-in-out;
	}
	.triggerBlock__bar {top:48px;}
	.triggerBlock:before {top:32px;}
	.triggerBlock:after {top:64px;}
}

/* .gNavi
----------------------------------------------------*/
.gNavi {
	position:relative;
	/*border-bottom:10px solid #004782;*/
	z-index:71;
	color:#FFF;
}
.gNavi a{color:#FFF}
.gNavi__list {
	display:table;
	table-layout:fixed;
	position:relative;
	width:100%;
}
.gNavi__item {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	background:#004782 url(../img/common/arrow-tb_gy_l.png) center bottom 10px no-repeat;
	/*transition:all 0.2s ease-in-out;*/
}
.gNavi__item+.gNavi__item {
	border-left:1px solid #266295;
}
.gNavi__item--link {
	display:table;
	position:relative;
	padding:0 2px 10px;
	height:60px;
	width:100%;
	color:#fff;
	/*transition:all 0.2s ease-in-out;*/
}
.gNavi__item--link i {
	display:table-cell;
	vertical-align:middle;
}

.gNaviNest__list {
	display:none;
	position:absolute;
	left:0;
	height:80px;
	width:100%;
	background-color:#005492;
}


.gNaviNest__item {
	float:left;
	margin:0 0 0 40px;
}
.gNaviNest__item--link {
	display:block;
	line-height:80px;
	padding:0 18px 0 0;
	color:#fff;
	background:url(../img/common/arrow_gy_l.png) right center no-repeat;
}


/* gNavi--hover
----------------------------------------------------*/
.gNavi__item:hover {
	background-color:#85b0cc!important;
	/*background:#005492 url(../img/common/arrow-tb_gy_l.png) center bottom -10px no-repeat;*/
}
.gNavi__item:hover .gNavi__item--link {
	/*padding:20px 25px 0;*/
}
.gNavi__item:hover > .gNaviNest__list {
	display:block;
}
.gNaviNest__item--link:hover {
	opacity:.5;
}


@media screen and (min-width: 1025px) {
	.gNavi__item:nth-child(4),
	.gNavi__item:nth-child(5),
	.gNavi__item:nth-child(7) {
		background:#004782;
	}
	.gNavi__item:nth-child(4) .gNavi__item--link,
	.gNavi__item:nth-child(5) .gNavi__item--link,
	.gNavi__item:nth-child(7) .gNavi__item--link {
		padding:0 2px;
	}

}

@media screen and (max-width: 1024px) {
/*----------------------------------------------------

	.header

----------------------------------------------------*/
	.hdWrapper {
		margin:0;
	}
	.hdInner {
		position:relative;
		z-index:auto
	}
	/* .gNavi
	----------------------------------------------------*/
	.gNavi {
		display:block!important;
		position:absolute;
		top:0;
		right:-220px;
		width:220px;
		background-color:#fff;;
	}
	.gNavi__list {
		display:block;
	}
	.gNavi__item {
		display:block;
		text-align:left;
		background:#004782;
	}
	.gNavi__item+.gNavi__item {
		border:none;
		border-top:1px solid #266295;
	}
	.gNavi__item--link {
		padding:0 35px 0 15px;
		height:50px;
		background:#004782 url(../img/common/arrow_gy_l.png) right 15px center no-repeat;
	}
	.gNaviNest__list {
		display:none;
		position:relative;
		/*padding:20px 0 10px;*/
		height:auto;
	}
	.gNaviNest__item {
		float:none;
		margin:0 0 0 20px;
	}
	.gNaviNest__item--link {
		display:block;
		height:45px;
		line-height:45px;
		padding:0 20px 0 15px;
		font-size:12px;
		background:url(../img/common/arrow_gy_l.png) 0 50% no-repeat;
	}

	/* gNavi--hover
	----------------------------------------------------*/
	.gNavi__item:hover .gNavi__item--link {
		padding:0 35px 0 15px;
	}
	.gNavi__item:hover > .gNaviNest__list {
		display:none;
	}

	.langBlock {
		position:relative;
		top:0;
		left:0;
		height:auto;
		width:100%;
	}
	.langBlock__list {
		display:table-cell;
		vertical-align:middle;
		padding:0;
		background:none;
	}
	.langBlock__item {
		float:none;
		padding:0;
		width:100%;
	}
	.langBlock__item+.langBlock__item {
		border-top:1px solid #b6b6b6;
	}
	.langBlock__item+.langBlock__item:before {
		display:none;
	}
	.langBlock__item .langBlock__item--link {
		display:block;
		padding:15px;
		color:#333;
		background-color:#c9c9c9;
	}
	.langBlock__item .langBlock__item--link.active {
		color:#004782;
		background-color:#7fa3c0;
	}

}







@media screen and (max-width: 768px) {
	/*----------------------------------------------------

		.header

	----------------------------------------------------*/
	.hdLogo {
		margin:0 auto;
		height:60px;
		line-height:60px;
	}
	.hdLogo img {width:60%;}

	/* .trigger
	----------------------------------------------------*/
	.triggerBlock {
		padding:16px;
		height:28px;
		width:34px;
	}
	.triggerBlock__bar,
	.triggerBlock:before,
	.triggerBlock:after {
		width:34px;
	}
	.triggerBlock__bar {top:28px;}
	.triggerBlock:before {top:16px;}
	.triggerBlock:after {top:40px;}



}

@media screen and (max-width: 640px) {
	.hdLogo {text-align:left;padding:0 0 0 10px;}
	.hdLogo img {width:60%;}

	.ftLogo {
		display:block;
		width:100%;
		max-width:640px; 
		float:none;
	}
	.ftLogo a{
		width:auto;
		padding:15px 30px;
		height:auto;
		line-height:1;
	}
	.ftNavi{display:block;width:100%;float:none;}
	.ftNavi ul{padding:0 15px;}
	.ftNavi ul li{
		display:block;
		margin:0;
		padding:0;
		float:none;
	}
	.ftNavi ul li a{
		height:45px;
		line-height:45px;
		padding:0;
	}
	.copyright{
		border-top:#005492 solid 1px;
		line-height:1.2;
		padding:10px;
		font-size:11px;
	}

}














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

	.footer

----------------------------------------------------*/
.ftWrapper {
	margin:50px 0 0;
	width:100%;background-color:#004782;
}
.index .ftWrapper {
	margin:0;
}
.ftInner {
	display:block;
	width:100%;
	border-top:#f3f3f3 solid 1px;
}

.ftLogo {
	display:block;
	width:20%;
	max-width:325px; 
	float:left;
	/*background:#005492;*/
	background:#FFF;
}
.ftLogo a{
	display:block;
	width:auto;
	padding:0 15px;
	height:100px;
	line-height:100px;
	text-align:center;
}
.ftLogo a img{max-width:100%;height:auto;line-height:0;}

.ftNavi{display:inline-block;width:auto;float:left;}
.ftNavi ul{padding:0 0 0 10px;}
.ftNavi ul li{
	display:block;
	margin:0;
	padding:0 0 0 25px;
	float:left;
}
.ftNavi ul li a{
	display:block;
	height:100px;
	line-height:100px;
	padding:0 20px 0 0;
	font-size:14px;
	color:#e5e5e5;
	background:url(../img/common/arrow_wh_s.png) right center no-repeat;
}
.ftNavi ul li a:hover {
	opacity:.5;
}
.copyright{
	display:inline-block;
	line-height:100px;
	padding:0 15px 0 0;
	font-size:11px;
	color:#e5e5e5;
	float:right;
}



@media screen and (max-width: 1024px) {
	.ftLogo {
		width:27%;
		max-width:500px; 
	}
	.ftLogo a{
		height:80px;
		line-height:80px;
	}
	.ftNavi{float:right;}
	.ftNavi ul{padding:0 15px 0 0;}
	.ftNavi ul li a{
		height:80px;
		line-height:80px;
	}
	.copyright{
		border-top:#023e6f solid 1px;
		display:block;
		line-height:50px;
		padding:0;
		text-align:center;
		font-size:12px;
		float:none;
		clear:both;
	}
}




@media screen and (max-width: 768px) {}
@media screen and (max-width: 640px) {
	.ftLogo {
		display:block;
		width:100%;
		max-width:640px; 
		float:none;
	}
	.ftLogo a{
		width:auto;
		padding:15px 30px;
		height:auto;
		line-height:1;
	}
	.ftNavi{display:block;width:100%;float:none;}
	.ftNavi ul{padding:0 15px;}
	.ftNavi ul li{
		display:block;
		margin:0;
		padding:0;
		float:none;
	}
	.ftNavi ul li a{
		height:45px;
		line-height:45px;
		padding:0;
	}
	.copyright{
		border-top:#005492 solid 1px;
		line-height:1.2;
		padding:10px;
		font-size:11px;
	}

}

#pagetop {
	display:none;
}
@media screen and (max-width: 1024px) {
	#pagetop {
		display:block;
		right:20px;
	}
}



































	






















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

	under pages

----------------------------------------------------*/
#pages{
	margin:50px 0 0;
}

.contin{
	width:auto;
	max-width:1000px;
	margin:0 auto;
}



.x2{
	font-size:120%;
}


#dir{
	width:100%;
	height:auto;
	background-color:#000;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	background-image:url(../img/dir.jpg);
}
#dir .dir_in{
	display:block;
	width:auto;
	padding:50px 25px;
	line-height:1;
	text-align:center;
	letter-spacing:0.2em;
	color:#FFF;
	font-style:italic;
}
#dir .dir_in h1{
	padding:0 0 40px;
	font-size:40px;
	font-weight:bold;
	text-shadow: 0 0 10px rgba(0,0,0,0.8);
}

#dir .dir_in h2{
	font-size:18px;
	text-shadow: 0 0 10px rgba(0,0,0,0.8);
}




#breadcrumb{
	display:block;
	padding:20px 15px;
	border-bottom:#e5e5e5 solid 1px;
}
#breadcrumb ul{
	display:block;
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
#breadcrumb ul li{
	display:inline-block;
	line-height:21px;
	float:left;
}
#breadcrumb ul li:not(:first-child){
	margin-left:15px;
	padding-left:45px;
	background:url(../img/common/ico_arrow.png) 0 50% no-repeat
}
#breadcrumb ul li a{
	display:block;
	line-height:21px;
}
#breadcrumb ul li a:hover{
	opacity: .5;
}





.readtxt{margin:0 0 50px;}
.readtxt h2{
	display:block;
	text-align:center;
	background:url(../img/common/readtxt_bg.png) 0 50% repeat-x;
}
.readtxt h2 b{
	display:inline-block;
	margin:20px auto;
	padding:0 50px;
	line-height:1.2;
	color:#004782;
	font-size:34px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	background:#FFF;
}
.readtxt h3{
	display:block;
	margin:0 auto 30px;
	text-align:center;
	color:#004782;
	font-style:italic;
}
.readtxt p{line-height:1.8;}







.midd{
	display:block;
	margin:0 0 20px;
	padding:0;
	background:#e5e5e5; 
}
.midd b{
	display:inline-block;
	padding:10px 25px;
	color:#FFF;
	font-size:18px;
	font-weight:normal;
	font-style:italic;
	background:#004782;
}





.linkblock dl{
	margin:50px 0 0;
}


.linkblock dl dd{
	margin:20px 0 0;
}

.linkblock dl dd .img{
	width:30%;
	float:right;
}

.linkblock dl dd .txt{
	width:65%;
	float:left;
}

.linkblock dl dd .txt p{
	width:300px;
	margin:20px 0 0;
}
.linkblock dl dd .txt a{
	display:block;
	padding:12px 24px;
	color: #004782;
	font-weight:bold;
	border:#004782 solid 1px;
	background:url(../img/common/arrow_bl_l.png) 95% 50% no-repeat;
}




p.linkbtn{
	margin-top:20px;
	text-align:center;
}
p.linkbtn a{
	display:inline-block;
	padding:12px 48px 12px 24px;
	color: #004782;
	font-weight:bold;
	border:#004782 solid 1px;
	background:url(../img/common/arrow_bl_l.png) 95% 50% no-repeat;
}




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

	.contin{margin:0 15px;}
	#dir .dir_in{padding:40px 25px;letter-spacing:0.1em;}
	#dir .dir_in h1{padding:0 0 30px;font-size:34px;}
	#dir .dir_in h2{font-size:16px;}
	#breadcrumb{margin:0 0 40px;padding:15px;}

	.readtxt h2 b{padding:0 20px;font-size:28px;}
	.readtxt h3{font-size:14px;}
	.readtxt p{line-height:1.6;}
	.midd b{padding:8px 20px;font-size:16px;}
	.linkblock dl dd .txt{line-height:1.5;}
}


@media screen and (max-width: 768px) {
	#pages{margin:40px 0 0;}	
	#dir .dir_in{padding:40px 10px;}
	#dir .dir_in h1{padding:0 0 15px;font-size:28px;font-weight:normal;}
	#dir .dir_in h2{font-size:14px;}

	#breadcrumb{margin:0 0 40px;padding:15px;}

	.readtxt{margin:0 0 40px;}
	.readtxt h2 b{padding:0 20px;font-size:28px;}
	.readtxt h3{font-size:14px;}
	.readtxt p{line-height:1.6;}
	.midd b{padding:8px 20px;font-size:16px;}
	.linkblock dl dd .txt{line-height:1.5;}
}

@media screen and (max-width: 640px) {
	#pages{margin:30px 0 0;}
	#dir{background-size:auto 100%;}
	#dir .dir_in{padding:50px 10px;}
	#dir .dir_in h1{font-size:24px;}
	#dir .dir_in h2{font-size:12px;}

	#breadcrumb{display:none}



	.readtxt{margin:0 0 30px;}
	.readtxt h2{
	}
	.readtxt h2 b{
		padding:0 10px;
		font-size:22px;
		text-align:left;
	}
	.readtxt h3{display:none;}


	.linkblock dl dd .img,
	.linkblock dl dd .txt{
		width:100%;
		float:none;
	}

	.linkblock dl dd .img{text-align:center;margin:0 0 10px;}

	.linkblock dl dd .txt p{
		width:auto;
		margin:20px 0 0;
	}



}


@media screen and (max-width: 480px) {
	#pages{margin:20px 0 0;}
	#dir .dir_in{padding:40px 0;}
	#dir .dir_in h1{font-size:20px;}
	#dir .dir_in h2{font-size:11px;}



	#breadcrumb{display:none}

}












#inquiryInfo{

}



#inquiryInfo .rc{
	text-align:center;
	line-height:2;
}


#inquiryInfo .inquiryInfo_in{
	display: block;
	width:auto;
	max-width:660px;
	margin:0 auto;
	padding:20px;
	background:#FFF;
	border:#004782 solid 3px;
	box-shadow:0px 6px 2px -1px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 6px 2px -1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 6px 2px -1px rgba(0,0,0,0.1);	

}
#inquiryInfo .inquiryInfo_in h6{
	line-height:1;
	padding:0 0 10px;
	text-align:center;
	color:#004782;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	border-bottom:#CCC solid 3px;
}

#inquiryInfo .inquiryInfo_in dl{padding:20px 0 0;}
#inquiryInfo .inquiryInfo_in dt{
	margin:0 0 10px;
	font-size:18px;
	font-weight:bold;
}
#inquiryInfo .inquiryInfo_in dd{
	line-height:2;
}

#inquiryInfo .inquiryInfo_in dd .left{
	width:45%;
	float:left;
}
#inquiryInfo .inquiryInfo_in dd .right{
	width:45%;
	float:right;
}


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

	#inquiryInfo .rc{
		font-size:14px;
		line-height:1.5;
		margin:0 0 10px;
	}

	#inquiryInfo .inquiryInfo_in h6{font-size:18px;}

	#inquiryInfo .inquiryInfo_in dt{text-align:center;font-size:16px;}
	#inquiryInfo .inquiryInfo_in dd .left,
	#inquiryInfo .inquiryInfo_in dd .right{
		width:100%;
		float:none;
		text-align:center;
	}
	#inquiryInfo .inquiryInfo_in dd .right{
		margin:15px 0 0;
		padding:15px 0 0;
		border-top:#CCC dotted 1px;
	}
}




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

	#inquiryInfo .inquiryInfo_in{padding:10px;}
	#inquiryInfo .inquiryInfo_in h6{font-size:16px;}
	#inquiryInfo .inquiryInfo_in dl{padding:10px 0 0;}
	#inquiryInfo .inquiryInfo_in dt{font-size:15px;}

}