@charset "UTF-8";
img{width:100%;}
section{padding:80px 0;}
p{font-size:14px;line-height:28px;}
.wrap12{width:1200px;margin:0 auto;}
.wrap10{width:1000px;margin:0 auto;}
/*=====common=====*/
.pcOnly{display:block;}
.spOnly{display:none;}
.br_sp{display:none;}
.topImg{margin-top:87px;}
h2.secTitle{background-color:#0071bb;color:#fff;padding:10px;margin-bottom:30px;font-size:18px;letter-spacing:2px;}
h2.secTitle:hover{cursor: pointer;}
h2.secTitle.more{position:relative;}
h2.secTitle.more::after {position: absolute;content: "";top: 50%;right: 20px;margin-top:-3px;width: 6px;height: 6px;border-top: 2px solid #fff;border-right: 2px solid #fff;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
h2.secTitle.more.tog::after{transform: rotate(315deg);-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);transition: transform 0.2s ease-out;-webkit-transition: -webkit-transform 0.2s ease-out;-moz-transition: -moz-transform 0.2s ease-out;}
/*.photo{display: block;overflow: hidden;position: relative;width:430px;height:230px;}*/

.photo{display: block;;position: relative;width:430px}
/*.photo img{width: 100%;height: auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}*/
.photo img{width: 100% !important;height: auto;}

.photo2{display: block;overflow: hidden;position: relative;width:430px;height:300px;}
.photo2 img{width: 100%;height: auto;/*画像のセンタリング（中央寄せ）*/position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.pager{text-align:center;}
.pager li{margin:0 10px;}
.date{font-size:14px;color:#BDBDBD;}
/*=====header=====*/
header.pcOnly div{width:1200px;margin:0 auto;padding:0 20px;}
header.pcOnly h1{width:240px;display:inline-block;font-size:0;vertical-align:middle;margin-left:20px;}
header.pcOnly ul{vertical-align:middle;height:88px;}
header.pcOnly ul li{width:90px; height:88px;line-height: 88px;text-align: center;display:inline-block;}
header.pcOnly ul li a{font-size:14px;display:block;}
header.pcOnly ul li a:hover{background-color:#2E3091;color:#fff;}
/*=====header2=====*/
.head2{position:fixed;top:0;background-color:#fff;width:100%;z-index: 999;}
/*=====footer=====*/
footer > div:first-of-type{padding:20px 0;background-color:#fff;}
footer {background-color:#2A323C;}
footer > div:nth-of-type(2){padding:50px 0;}
footer > div:nth-of-type(2) div{width:420px;}
footer .foot a,footer .foot p{color:#fff;}
footer .foot p{margin-top:20px;}
footer .foot .right p{margin-top:160px;}
footer ul{margin-top:30px;width:380px;margin-left:auto;}
footer ul li{display:inline-block;padding:5px 5px;}
footer ul li a{font-size:14px;}
footer ul li a:hover{color:#999;}
footer .copy{text-align:right;}
/*=====sec1=====*/
.sec1{text-align:center;padding:80px 0;}
.sec1 h2{color:#2E3091;font-size:30px;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif"}
.sec1 p{font-size:16px;line-height:50px;margin-top:40px;}
/*=====sec2=====*/
.sec2{background-color:#F3F4F5;}
.sec2 h2{margin-bottom:50px;}
.sec2 p{border-bottom:1px solid #000;padding-bottom:20px;margin-bottom:20px;}
.sec2 p span{margin-right:100px;}
/*=====sec3=====*/
.sec3{background-color:#2A323C;padding:0;}
.sec3 > div{width:calc(100%/4);float:left;}
/*=====sec4=====*/
.sec4{background-color:#F3F4F5;}
.sec4 > div > div{width:470px;background-color: #fff;}
.sec4 > div > div > div:last-of-type{padding:20px;}
.sec4 > div > div > div p{margin-top:10px;font-size:14px;line-height:20px;}
.sec4 > div > div > div a{border:1px solid #000;width:100%;display:block; text-align:center;padding:10px 0;margin-top:20px;}
/*=====sec5=====*/
.sec5{background:url(../img/top/mapBg.jpg) no-repeat center center;background-size:cover;}
/*=====sec6=====*/
.sec6 dt{position:relative;margin-top:20px;}
.sec6 dt:after {position: absolute;content: " ";display: block;border-bottom: solid 1px #cccccc;bottom: -7px;width: 2%;}
.sec6 dd{padding-top:12px;}
.moreBox.bl{display:block;}
.moreBox{width:100%;margin:0 auto;margin-bottom:50px;}
.moreBox .moreClose{width:90%;margin:0 auto;text-align:center;}
.moreBox h3{margin-bottom:20px;font-size:18px;border-bottom:1px solid #000;padding-bottom:20px;}
.moreBox h3 span{color:#cccccc;font-size:14px;margin-left:10px;}
.moreBox .left,.moreBox .right{margin-bottom:20px;}
.moreBox .moreItemWrap{margin-bottom:20px;}
.moreBox table{width:100%;}
.moreBox td,th{text-align:left;vertical-align: top;padding:10px;font-size:14px;line-height:28px;}
.moreBox th{width:230px;background-color:#ddd;border-bottom:1px solid #fff;}
.moreBox tr:last-of-type th{border-bottom:1px solid #ddd;}
.moreBox td{border:1px solid #ddd;border-collapse: collapse;}
/*=====sec6 s2=====*/
.sec6.s2 .moreBox .left{width:490px;}
/*.sec6.s2.emp .moreBox:nth-of-type(even) .left{float:right;} 
.sec6.s2.emp .moreBox:nth-of-type(even) .right{float:left;} */
.sec6.s2.emp .moreItemWrap:nth-of-type(even) .left{float:right;} 
.sec6.s2.emp .moreItemWrap:nth-of-type(even) .right{float:left;}
/*=====sec6 s3=====*/
.sec6.s3 h2{margin-bottom:20px;border-bottom:1px solid #000;padding-bottom:20px;}
.sec6.s3 .newsBox{margin-bottom:50px;}
/*=====sec6 s3=====*/
.sec6.s4{padding-bottom:0;}
.sec6.s4 p{margin-bottom:20px;}
.sec6.s4 .flow dt,.sec6.s4 .flow dd{text-align:center;font-size:14px;line-height:28px;}
.sec6.s4 .flow dt{margin-top:30px;}
.sec6.s4 .flow dt:after{right:50%;left:50%;transform: translate(-50%,-50%);  -webkit-transform: translate(-50%, -50%);}
/*=====sec7=====*/
.sec7 .wrap10{width:700px;margin:0 auto;}
.sec7 span{color:#FD0004;}
.sec7 dt{padding-top:10px;padding-bottom:5px;}
.sec7 dd{padding-bottom:10px;}
.sec7 input,.sec7 textarea{width:100%;font-size:14px;padding:2px;font-size:14px;}
.sec7 textarea{height:200px;}
.sec7 .sub{width:150px;margin:0 auto;margin-top:30px;}
.sec7 .formText{text-align:center;}

@media (max-width:768px){
	.pcOnly{display:none;}
	.spOnly{display:block;}
	section{width:100%;padding:40px 0;}
	.wrap10,.wrap12{width:90%;margin:0 auto;}
	.br_sp{display:block;}
	.topImg{margin-top:60px;}
	/*=====head2=====*/
	.head2 h1{height:60px;}
	.head2 h1 a img{height:60px;width:auto;}
	/*=====footer=====*/
	footer.spOnly ul li a{color:#fff;}
	footer ul{width:100%;border-bottom:1px solid #fff;padding-bottom:20px;}
	footer h2{margin:30px 0;}
	footer .copy{text-align:center;}
	#page001{margin:0 auto;}
	/*=====sec1=====*/
	.sec1{padding:40px 0;}
	.sec1 h2{font-size:20px;}
	.sec1 p{font-size:14px;line-height:28px;}
	/*=====sec3=====*/
	.sec3{background-color:#fff;}
	.sec3 div{float:none;width:100%;margin-bottom:10px;}
	/*=====sec4=====*/
	.sec4 > div > div{width:100%;}
	/*=====sec5=====*/
	.sec5 iframe{width:100%!important;}
	/*=====sec5=====*/
	.sec6 th,td{display:block;width:100%;}
	.sec6 th{border-bottom:1px solid #ddd;}
	.sec6 .moreBox td{border:1px solid #ddd;}
	.sec6 dt:after {width:5%;}
	/*=====sec6 s2=====*/
	.sec6.s2 .moreBox > .left{width:100%;margin-top:20px;}
	.sec6.s2 .moreBox > .right{width:100%;}	
	.sec6.s2 .moreBox > div{float:none;}
	.sec7 .wrap10{width:90%;margin:0 auto;}
	
	/*=====trigger=====*/
	.toggle {
		position: fixed; /* bodyに対しての絶対位置指定 */
		right: 0;
		top: 0;
		display: block;
		width: 60px;
		height: 60px;
		cursor: pointer;
		z-index: 3;
		background-color: rgba(0,0,0,0.8);
	}
	.toggle span {
		display: block;
		position: absolute; /* .toggleに対して */
		width: 70%;
		border-bottom: solid 3px #fff;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
		padding-top: 5px;
		right: 7px;
	}
	.toggle span:nth-child(1) {
		top: 8px;
	}
	.toggle span:nth-child(2) {
		top: 23px;
	}
	.toggle span:nth-child(3) {
		top: 38px;
	}
	.toggle span:nth-child(4) {
		border: none;
		top: 25px;
		left: 7px;
		font-size: 12px;
		font-weight: bold;
	}
	.toggle.active span:nth-child(1) {
		top: 25px;
		left: 7px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	/* 2番目と3番目のspanを45度に */
	.toggle.active span:nth-child(2),
	.toggle.active span:nth-child(3) {
		top: 25px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	/* .global_nav */
	.global_nav {
		height:100%;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		transform: translateY(-100%);
		z-index: 2;
		padding-top: 60px;
		text-align: center;
		color: #fff;
		background: #000;
		transition: all 0.8s;  
	}
	.global_nav .nav_li {
		width: 50%;
		padding: 10px;
		list-style-type: none;
	}
	.global_nav .nav_li a {
		font-size:14px;
		display: block;
		color: #fff;
		width:70%;
		text-align:center;
		margin:0 auto;
		border-bottom:1px solid #fff;
		padding-bottom:3px;
	}
	/* .global_navに.activeが追加 */
	.global_nav.active {
		transform: translateY(0%);
	}
	
	
	.photo {
		display: block;
		overflow:auto;
		position: relative;
		width: 100%;
		height: auto;
	}
	.photo img {
		width: 100%;
		height: auto;
		position:relative;
		top: 0%;
		left: 0%;
		-webkit-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
}
	.right {
		float: none;
	}
	.sec6.s2 .moreBox .left {
		width: 100%;
		float: none;
	}
}