@charset "UTF-8";
/* contact */

.other_method{
	margin-bottom: 75px;
}
.other_method ul li{
	width: 33.3%;
	height: 120px;
	background-color: #f2f6f7;
	border: solid 2px #fff;
	position: relative;
	float: left;
}
.other_method ul li a{
	display: block;
}
.other_method ul li h2{
	background-color: #000000;
	padding: 5px 0;
	color: #fff;
	margin-bottom: 15px;
}
.other_method ul li p{
	padding-left: 100px;
}
.inner_btn{
	width: 60px;
	position: absolute;
	top:50px;left:22px;
}
.inner_btn img{
	width: 100%;
	height: auto;
}
.other_method ul li:first-child .inner_btn{
	height:50px;
}
.other_method ul li:first-child .inner_btn img{
	height:100%;
}
.other_method ul li:nth-of-type(2) img{
	padding-top: 10px;
}

.other_method ul li:nth-of-type(3){
	background-color: #48C81C;
}
.other_method ul li:nth-of-type(3) p{
	padding-top: 15px;
	color: #fff;
}
.line_frends_text a{
	display: block;
	text-decoration: underline;
	color: #48C81C;
	margin: 25px auto 0;
}
.form_area{
	padding: 0 5% 100px;
}
/*form部分はcommon.cssで規定*/

@media screen and (min-width:0px) and (max-width:767px) {
	
	.other_method{
		padding: 0 5%;
		margin-bottom: 25px;
	}
	.other_method ul li h2{
		letter-spacing: 0.5px;
		font-size: 11px;
	}
	.line_frends_text a{
		font-size: 10px;
		display: block;
		text-decoration: underline;
		color: #48C81C;
		margin: 15px auto 0;
	}
	.form_area{
		padding: 0 5% 50px;
	}
	/*form部分はcommon.cssで規定*/
}