@charset "utf-8";
/* CSS Document */
/* ヘッダー */
div#headermenu {
	width:100%;
	height:80px;
	background-size: 100% auto;
	box-sizing: border-box;
	padding-top: 10px;
	border-top: #0075BE 5px solid;
}
	div#headermenu div.center {
		width:96%;
		height:56px;
		margin: 0 auto;
		position: relative;
	}
		div#headermenu div.center a.logo {
			display: block;
			width:236px;
			height:56px;
			position: absolute;
			top:0px;
			left:0;
			background: url(../images/cmn/logo.png) no-repeat;
			background-size: 100% 100%;
		}
		div#headermenu div.menubtn {
			width:40px;
			height:50px;
			position: absolute;
			top:0;
			right:0;
		}
			div#headermenu div.menubtn label { 
				display: block;
				width:50px;
				height:50px;
				position: absolute;
				top:0;
				right:10px;
				z-index: 60;
				box-sizing: border-box;
				background: #0075BE;
				border: #0075BE 1px solid;
			}
			div#headermenu div.menubtn label:hover {
				opacity: 0.7;
			}
				div#headermenu div.menubtn label span {
					display: block;
					width: 36px;
					height: 2px;
					background: #fff;
					position: absolute;
					-webkit-transition: all .5s;
					transition: all .5s;
					left:7px;
					top:15px;
					z-index: 60;
					opacity: 1;
				}
				div#headermenu div.menubtn label span.bar.middle {
					top: 23px;
					opacity: 1;
				}
				div#headermenu div.menubtn label span.bar.bottom {
					top: 31px;
				}
	/* チェックボックス */
	div#headermenu input.check {
		display: none;
	}		
	/* サイドメニュー */
	div#headermenu div#menuBox {
		width:100%;
		min-width: 300px;
		height:100%;
		min-height:100%;
		position: fixed;
		top:0px;
		right:-100%;
		box-sizing: border-box;
		padding-top: 100px;
		background: #0075BE;
		background-size: 100% 100%;
		overflow-y: scroll;
		z-index: 20;
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: .5s;
		transition-duration: .5s;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}
		div#headermenu div#menuBox div.center {
			width:90%;
			margin: 0 auto;
		}
			div#headermenu div#menuBox div.center a{
				display: block;
				width:100%;
				min-height:25px;
				color: #fff;
				font-size: 14px;
				text-decoration: none;
				letter-spacing: 1px;
				position: relative;
				margin-bottom: 20px;
				text-align: center;
				padding-bottom: 10px;
				border-bottom: #fff 1px solid;
			}
	/* -- チェックをつけた場合 */
	div#headermenu input.check:checked ~ div#menuBox {
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
		right:0%;
		z-index: 20;
	}
	div#headermenu input.check:checked ~ div.menubtn label.menu-btn { border: #fff 1px solid;}
	div#headermenu input.check:checked ~ div.menubtn label.menu-btn span.bar.top {
		top:23px;
		left:7px;
		width: 35px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		background: #fff;
	}
	div#headermenu input.check:checked ~ div.menubtn label.menu-btn span.bar.middle {
		opacity: 0;
	}

	div#headermenu input.check:checked ~ div.menubtn label.menu-btn span.bar.bottom {	
		width: 35px;
		top: 23px;
		left:7px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		background: #fff;
	}
/* トップ画像 */
div#topimgbox {
	width:100%;
	height:55vw;
	position: relative;
	overflow: hidden;
}
	div#topimgbox div.center {
		width:100%;
		height:55vw;
		margin: 0 auto;
		position: relative;
	}
		div#topimgbox div.center a.topimg {
			display: block;
			width:100%;
			height:55vw;
			position: absolute;
			top:0;
		}
		div#topimgbox div.center a.topimg.img01 {
			background: url(../images/cmn/toplogo.png) no-repeat, 
				url(../images/cmn/topimg01.jpg) no-repeat;
			background-size: auto 30vw, cover;
			background-position: center center, center center;
			left:0%;
		}
		div#topimgbox div.center a.topimg.img02 {
			background: url(../images/cmn/topimg02.jpg) no-repeat;
			background-size: cover;
			background-position: center center;
			left:100%;
			opacity: 0.7;
		}
		div#topimgbox div.center a.topimg.img03 {
			display: none;
			background: url(../images/cmn/topimg03.jpg) no-repeat;
			background-size: cover;
			background-position: center center;
			left:200%;
			opacity: 0.7;
		}
		div#topimgbox div.center a.topimg.img04 {
			display: none;
			background: url(../images/cmn/topimg04.jpg) no-repeat;
			background-size: cover;
			background-position: center center;
			left:-200%;
			opacity: 0.7;
		}
		div#topimgbox div.center a.topimg.img05 {
			background: url(../images/cmn/topimg05.jpg) no-repeat;
			background-size: cover;
			background-position: center center;
			left:-100%;
			opacity: 0.7;
		}
/* トップメニュー */
div#topmenubox { display: none; }
/* フッター */
div#footerbox {
	margin: 50px auto 0 auto;
	background: #f2f2f2;
	box-sizing: border-box;
	border-top: #d2d2d2 1px solid;
}
	div#footerbox div.center {
		width:100%;
		margin: 0 auto;
	}
		div#footerbox div.center div.fmenubox {}
			div#footerbox div.center div.fmenubox a {
				display: block;
				width:100%;
				height:50px;
				line-height: 50px;
				text-decoration: none;
				text-align: center;
				color: #333;
				font-size: 14px;
				letter-spacing: 1px;
				border-bottom: #d2d2d2 1px solid;
			}
		div#footerbox div.center div.companyinfo { display: none; }
	div#footerbox small {
		display: block;
		width:100%;
		height:45px;
		line-height: 45px;
		text-align: center;
		background: #0075BE;
		color: #fff;
		font-size: 12px;
		letter-spacing: 1px;
	}
/* 共通 */
h2.h2title {
	display: block;
	height:30px;
	line-height: 30px;
	box-sizing: border-box;
	padding-left: 15px;
	border-left: #0075BE 5px solid;
	color: #0075BE;
	font-size: 14px;
	letter-spacing: 1px;
}