@charset "utf-8";
/*　LPサイト用　CSS　*/

/*----------------------------------------------------
	Common
----------------------------------------------------*/
#contents.theme_side_left #main{
	float: inherit;
	width: 100%;
}#container{
	width: 100%;
	margin: 0;
}.inr{
	width:960px;
	margin:0 auto;
	position:relative;
}
@media only screen and (max-width: 960px){
	body {
		min-width: 320px;
		margin-bottom:0 !important;
	}img{
		max-width: 100%;
		height: auto;
		width /***/:auto;　
	}#main{
		width: 100%;
	}.inr{
		width:100%;
		padding:0 10px;
	}
}
@media screen and (max-width: 640px){
	#main{
		padding: 0 2%;
	}
}

/*----------------------------------------------------
	Header
----------------------------------------------------*/
#head_main{
	width: 100%;
	background:url(../images/lp/mv.jpg) top center no-repeat;
	background-size:cover;
}#head_main h1{
	position:absolute;
	bottom:0;
	margin-bottom:0;
	left:40px;
}#head_main .inr{
	height:590px;
}
@media only screen and (max-width: 960px){
	#head_main .inr{
		height:auto;
	}#head_main h1{
		position:static;
		margin-right:-10px;
		padding-top:15px;
	}
}
/*----------------------------------------------------
	Footer
----------------------------------------------------*/
#footer{
	background: #eff3f4;/*　グレー：#f7f7f5*/
}#footer #footer-nav{
	width: 960px;
	padding: 40px 0 30px 0;
	margin: 0 auto;
}#footer header{
	width: 20em;
	margin-bottom: 10px;
}
@media screen and (max-width: 640px){
	#footer{
	background: #ffffff;
	}#footer #footer-nav{
	width: 98%;
	}#footer header{
	margin: 0 auto;
	margin-bottom: 10px;
	}
}
/*----------------------------------------------------
	link
----------------------------------------------------*/
.linkBox a.btn_link{
	box-shadow: 2px 2px 0px 0px #cc542f;
	background-color: #f15a24;
	font-size: 18px;
	padding: 0.8em 20px;
}.linkBox a.btn_link:hover{
	background-color: #ff7240;
}

/*----------------------------------------------------
	Other
----------------------------------------------------*/
@media screen and (min-width: 640px){
	.main_block{
	width: 830px;
	margin: 0 auto;
	}#img02 .left{
		width: 550px;
		padding: 0 50px;
	}#img03 .left{
		width: 270px;
		padding-left: 40px;
	}
}
#flow .left{
	width: 30%;
}#flow .tit02{
	border: none;
}
@media screen and (max-width: 640px){
	#flow .tit02 span{
		margin-top: 5px;
	}.ta_c.txt{ 
		text-align: left;
	}
}
.content_cv{ margin: 8% auto;}
.box_number{margin: 0 0 5% 0;}