@charset "UTF-8";

/*Sawarabi Gothic*/
@import url('https://fonts.googleapis.com/css2?family=Kosugi&display=swap');

/*Reggae One*/
@import url('https://fonts.googleapis.com/css2?family=Reggae+One&display=swap');

#main{
	width: 100%;
	margin: 0 auto;
}

.entry-content p{
		font-family: 'Kosugi', sans-serif;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1.8;
	margin: 0 auto .7rem;
}


.content-area-top{
	width: 100%;
}


.top_head{
	width: 100%;
	background: #f0e68c;
}

.head_catch_img{
	position: relative;
	width: 1024px ;
	height:450px;
	margin: auto;
}

.head_catch_img .head_img{
	position: absolute;
	top:0;
	right: 0;
	width: 100%;
	height: 450px;
	background: url(../images/top2/head.jpg) center top no-repeat;
	background-size: contain;
}






/*修理メニュー*/
.repair_menu{
	width: 1024px;
	margin: 24px auto;
}

.repair_menu h2{
	font-family: 'Reggae One', cursive;
	font-weight: 400;
	font-size: 2rem;
	text-align: center;
	margin: 0 auto 1em;
}

.repair_menu h3{
	  background: #091737;
	font-size: 1.2rem;
	  padding:12px 16px;
	  margin: 1rem auto .75rem;
}

.repair_menu .img{
	text-align: center;
	background: #333;
	margin: 8px auto 21px;
}



@media only screen and (max-width: 418px) {/*スマホサムネイル*/







}

@media only screen and (min-width: 419px) and (max-width: 1023px) {/*タブレットサムネイル*/



}

@media only screen and (max-width: 736px) {/*スマホ*/
.top_head{
	width: 100%;
	background: #edeef2;
	margin: 0 auto;
}

.head_catch_img{
	position: relative;
	width: 100% ;
	max-height: 360px;
	margin: 0 auto;
}

.head_catch_img .head_img{
	position: absolute;
	top:0;
	right: 0;
	width: 100%;
    max-height: 360px;
	background: url(../images/top2/head_mobi.jpg) center top no-repeat;
	background-size: contain;
}



/*修理メニュー*/
.repair_menu{
	width: 98%;
	margin: 24px auto;
}

}

@media only screen and  (min-width: 737px) and (max-width: 1024px) {
	
.entry-content{
	width: 98%;
	margin: auto;
}

/*修理メニュー*/
.repair_menu{
	width: 100%;
	margin: 24px auto;
}

.head_catch_img{
	width: 100% ;
	
	margin: auto;
}




	
}