@charset "UTF-8";

.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}


.place-btn {
	float:left;
}

.conver-bg {
	float:left;
}

.btn-box {
	float:left;
}

.square_btn{
    display: inline-block;
    padding: 0.5em 2.5em;
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
    background: #1c8d63;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #0d583c;
    border-radius: 3px;
}
.square_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

.square_btn:hover{
	text-decoration:none;
	color:#fff;
}

.tel {
	width:433px;
	float:left;
	padding-top: 30px;
}

.mail-contact {
	width:180px;
	float:left;
}

.moushikomi {
	margin:15px 0;
	color:#1c8d63;
	font-weight:bold;	
}

.p5place-clm .p5place {
text-align: center;
margin: 0 2% 0 0;
width: 18%;
}

.p5place-clm .p5place .square_btn {
padding: 0.5em 0 0.25em;
width: 100%;
}

.p5place-clm .p5place .square_btn span {
font-size: 0.7em;
}





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

	.conver-bg {
		width:326px;
		float:left;
		padding-top: 100px;
	}
	
	.btn-box {
		width: 624px;
	    padding-top: 100px;
	    margin-left: 50px;
	}
	
	.tel {
		width:433px;
	}
	
	.place-btn {
		margin-right: 25px;
	}
	
	.p3place a{
		padding: 0.5em 3.5em;
	}
	
	.p2place a{
		padding: 0.5em 6em;
	}
	
	.moushikomi {
		font-size: 2.5em;
	}

}

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

	.conver-bg {
	    width: 30%;
	    padding-top: 100px;
	}
	
	.btn-box {
	    width: 65%;
        padding-top: 100px;
		margin-left:5%;
	}
	
	.square_btn {
	    font-size: 1.5em;
	    width:100%;
	}
	
	.tel {
    	width: 75%;
    	padding-top: 18px;
	}
	
	.mail-contact {
    	width: 25%;
    	float: left;
	}
	
	.p4place {
		width: 20%;
		margin-right: 5%;
	}
	
	.contact {
		margin-top:30px;
	}
	
	.p3place {
		margin: 0 10px;
	}
	
	.p3place a{
		padding: 0.5em 2.5em;
	}
	
	.p2place {
		margin: 0 10px;
	}
	
	.p2place a{
		padding: 0.5em 6em;
	}
	
	.moushikomi {
		font-size: 2em;
	}


}

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

	.square_btn {
	    padding: 0.5em 0.5em;
    	text-align: center;
	}
	
	.p2place {
		margin: 0 10px;
	}
	
	.p2place a{
		padding: 0.5em 4em;
	}
	
		.moushikomi {
		font-size: 1em;
	}
	


}

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

	.square_btn {
	    font-size: 0.8em;
	}
	
	.p3place a {
    padding: 0.5em 1.5em;
	}
	
	.p2place {
		margin: 0 10px;
	}
	
	.p2place a{
		padding: 0.5em 2em;
	}
	
		.btn-box {
	    padding-top: 50px;
	}
	
	.contact {
    	margin-top:0;
	}

.p5place-clm .p5place {
    margin: 0 2% 2% 0;
    width: 100%;
    font-size: 2em;
    line-height: 1;
}
.p5place-clm .p5place .square_btn {
    padding: 1em 0 0.75em;
}
.p5place-clm .p5place .square_btn br {
    display: none;
    }
.p5place-clm .p5place .square_btn span {
    margin-right: 10px;
}
.p5place-clm .btn-box {
    padding-top: 23%;
    padding-right: 4%;
}
.p5place-clm .contact {
    margin-bottom: 5%;
}




}

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

	.contact {
    	margin-top:0;
		margin-bottom:15px;
	}
	
	.conver-bg {
    	padding-top: 15%;
	}
	
	.btn-box {
    	padding-top: 15%;
	}
	
	.p2place {
		margin: 0 10px;
	}
	
	.p2place a{
		padding: 0.5em 2em;
	}
	


}