@charset "utf-8";
@import url(common/style.css);

body{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	background: url("../img/back_body.png") center 0 repeat;
	background-color: #e4ddcd;
}

#wrapper{
	width:100%;
	min-width: 1400px;
	margin: 0 auto;
}

.caption{
	font-size:12px;
}

.delBtn a:hover{
	opacity: .7;
}

/* header */
header{
	width:100%;
	min-width: 1400px;
	background: url("../img/back_header.png") center 0 repeat;
	background-color: #FFF;
}

.hlogo{
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding:33px 0;
}

.hlogo .logo{
	width:50%;
	text-align: center;
}

.hlogo .logo a{
	display:inline-block;
}

.hlogo .logo img{
	display:block;
	margin:0 auto;
}
/* //header */

/* footer */
footer{
	width:100%;
	background-color: #242424;
}

.flogo{
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding:33px 0;
}

.flogo p{
	text-align: center;
	color:#FFF;
	margin-top:10px;
}
/* //footer */

#mainImg{
	width:100%;
	min-width: 1400px;
	min-height: 982px;
	background: url("../img/main.png") center center no-repeat;
	background-size: cover;
}

#mainImg .imgBox{
	position: relative;
}

#mainImg .imgBox h1{
	opacity: 0;
}

#mainImg .imgBox h1 img{
	width: 100%;
}


#about{
	padding:20px 0;
	background: url("../img/back_body2.png") left -90px no-repeat;
}

#about .inner{
	padding:0 50px;
	box-sizing: border-box;
}

#about .fbox{
	display:flex;
	justify-content: space-between;
	align-items: center;
}

#about h2{
	margin-bottom:80px;
}

#about .fdiv:nth-child(2){
	text-align: right;
}

#about .caption{
	display: inline-block;
	margin:10px 0  0;
	text-align: left;
}

#about .how{
	margin-top:45px;
}

#about .how img{
	margin:0 auto;
}

#introduction{
	margin-top:70px;
	padding-bottom:60px;
}

#introduction .spa{
	margin-top:60px;
}

#introduction .spa .caption{
	margin-top:10px;
	padding:0 25px;
}

#introduction .spaBox{
	display:flex;
	justify-content: space-between;
	align-items: center;
}

#introduction .spaBox .txtBox{
	width:648px;
}

#introduction .btnBox{
	margin-top:20px;
	display:flex;
	justify-content: center;
	align-items: flex-start;
}

#introduction .btnBox .delBtn{
	margin: 38px 0 0 12px; 
}

#introduction .access{
	margin-top:-30px; 
}

#spaIzm .spaBox{
	background: #002538;
	flex-direction: row-reverse;
}

#spaIzm .spaBox .txtBox{
	padding-top:20px;
	margin-right:25px;
}

#spaIzm .caption{
	text-align: right;
}

#spaOed .spaBox{
	background: url("../img/back_oed.png") left bottom repeat-x;
}

#spaOed .spaBox .txtBox{
	padding-top:20px;
	margin-left:35px;
}

#introduction #spaOed .access{
	margin-top:-20px;
}

#introduction .plan{
	margin-top:70px;
}

#introduction .plan img{
	margin:0 auto;
}

#wanpaku{
	padding:55px 0;
	background: #FFF;
}

#wanpaku #wpInner{
	background: url("../img/fv_back.png") 0 0 repeat;
}

#wanpaku #wpInner .inner{
	box-sizing: border-box;
	padding:25px 61px;
}

#wanpaku .spaBox{
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding:0 36px;
}

#wanpaku .btnBox{
	margin-top:20px;
	display:flex;
	justify-content: center;
	align-items: center;
}

#wanpaku .caption{
	margin-top:10px;
}

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

	#wrapper{
		min-width: inherit;
	}

	.caption{
		font-size:2.5vw;
	}
	
	img{
		max-width: 100%;
	}
	
	p{
		font-size:4.5vw;
		text-align: center;
	}
	
	.delBtn{
		width:49.1%;
		max-width: 344px;
	}
	
	/* header */
	header{
		min-width: inherit;
		box-sizing: border-box;
		padding:0 3% 0 0;
	}

	.hlogo{
		padding:20px 0;
	}
	
	.hlogo .logo{
		width:calc(50% - 10px);
	}
	/* //header */
	
	/* footer */
	footer{
		box-sizing: border-box;
		padding:0 6%;
	}
	
	.flogo{
		padding:20px 0;
		align-items: flex-start;
	}
	
	.flogo .logo{
		width:calc(50% - 10px);
	}

	.flogo p{
		font-size:10px;
	}
	/* //footer */
	
	#mainImg{
		min-width: inherit;
		min-height: inherit;
		background: none;
	}
	
	#mainImg .imgBox h1{
		opacity: 1;
	}
	
	#fusuma{
		background: #0D303E;
		position: relative;
	}
	
	#fusuma p{
		padding:10px 0;
		color:#FFF;
		font-size:2.6vw;
	}
	
	#fusuma::before,
	#fusuma::after{
		content: '';
		display:block;
		width:18%;
		max-width: 172px;
		height:100%;
		position: absolute;
		top:0;
	}
	
	#fusuma::before{
		background: url("../img/fusuma-l.png") center right no-repeat;
		background-size:cover;
		left:0;
	}
	
	#fusuma::after{
		background: url("../img/fusuma-r.png") center left no-repeat;
		background-size:cover;
		right:0;
	}
	
	#about{
		padding:40px 0;
	}
	
	#about .inner,
	#introduction .inner{
		box-sizing: border-box;
		padding:0 3%;
	}

	#about .fbox{
		display:block;
	}

	#about h2{
		margin-bottom:60px;
	}
	
	#about p{
		line-height: 2em;
	}
	
	#introduction{
		padding-bottom:40px;
	}

	#introduction .spa{
		margin-top:50px;
	}

	#introduction .spa .caption{
		padding:0;
	}

	#introduction .spaBox{
		display:block;
	}

	#introduction .spaBox .txtBox{
		width:100%;
		padding:40px 4% 0;
		box-sizing: border-box;
	}
	
	#introduction .spaBox .txtBox p{
		text-align:justify;
		padding:0 5%;
		font-size:3.6vw;
	}

	#introduction .btnBox{
		align-items: center;
	}
	
	#introduction .btnBox .icon{
		width:20.6%;
		max-width: 144px;
	}

	#introduction .btnBox .delBtn{
		margin: 0 0 0 6px;
		transform: translateY(-30%);
	}

	#introduction .access{
		margin-top:-10px; 
	}
	
	#spaIzm .caption{
		text-align: left;
	}
	
	#spaIzm .spaBox .txtBox p,
	#spaIzm .spaBox .caption{
		color:#FFF;
	}
	
	#spaOed .spaBox {
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(173,222,248,1) 46%, rgba(173,222,248,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(173,222,248,1) 46%,rgba(173,222,248,1) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(173,222,248,1) 46%,rgba(173,222,248,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#addef8',GradientType=0 );
	}
	
	#spaOed .spaBox .txtBox{
		margin:0;
	}
	
	#introduction #spaOed .access{
		margin-top:0;
	}
	
	#wanpaku{
		padding:40px 0;
	}

	#wanpaku #wpInner .inner{
		box-sizing: border-box;
		padding:25px 3%;
	}

	#wanpaku .spaBox{
		display:block;
		padding:0;
	}
	
	#wanpaku .txtBox,
	#wanpaku .btnBox{
		margin-top:40px;
	}
	
	#wanpaku .delBtn{
		width: 40.5%;
	}
}