@charset "UTF-8";
/*************************
 共通
 *************************/
.main,
.body_contents{
	margin-bottom:100px;	
}

.contents_box{
	margin-bottom:50px;
}

.contents_box p{
	line-height:1.6;	
}

.main h2{
	margin-bottom:50px;
}

.main .ttl03{
	margin-bottom:20px;	
}

.main .lead01{
	font-size:16px;
	text-align:center;
	margin-bottom:50px;	
}

.main nav ul:after{
	content:"";
	display:block;
	clear:both;
}

.main nav li{
	float:left;
	text-align:center;
}

.main nav li a{
	display:block;
	padding:20px 20px 15px;
	border:1px solid #ccc;
}

.main nav li a:hover{
	color:#fff;
	background:#26363d;
	border:1px solid #26363d;
}

.main nav li .step{
	display:block;
	margin-bottom:10px;
	line-height:1;
}

.main nav li p{
	font-size:18px;
	font-weight:bold;
	margin-bottom:7px;
	line-height:1.3;
}

.illust{
	margin-bottom:50px;
	text-align:center;
}

.illust img{
	width:564px;
	height:auto;	
}

.column2 img{
	width:350px;
	height:auto;
}


@media screen and (min-width:641px){

.body_contents{
	margin-top:-80px;
	padding-top:80px;	
}

.main nav li{
	width:23.5%;
	margin-right:2%;
}

.main nav li:last-child{
	margin-right:0;	
}

.float-r:after{
	content:"";
	display:block;
	clear:both;
}

.float-r .half{
	float:right;
	width:48%;
}

.float-r .half:last-child{
	margin-right:4%;	
}
	
}


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

.main,
.body_contents{
	margin-bottom:80px;	
}

.body_contents{
	margin-top:-40px;
	padding-top:40px;	
}

.contents_box{
	margin-bottom:40px;	
}

.main .lead01{
	font-size:14px;	
}

.main nav li{
	width:48%;
	margin-right:4%;
}

.main nav li a{
	padding:15px 15px 10px;	
}

.main nav li p{
	white-space: nowrap;
	font-size:16px;
}

.main nav ul li:nth-child(1),
.main nav ul li:nth-child(2){
	margin-bottom:20px;
}

.main nav li:nth-child(2n){
	margin-right:0;	
}

.illust{
	margin-bottom:30px;	
}

.illust img{
	width:100%;
	height:auto;	
}

.column2 img{
	width:65%;
	height:auto;
}

.float-r figure{
	margin-bottom:20px;	
}
	
}