@charset "utf-8";
/* CSS Document */
h1, h2, h3, h4, h5, p, ul, li{
	padding: 0;
	margin: 0;
}

body{
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 400;
	font-style: normal;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 22px;
	color: #363A34;
	background-color: #F3F1EB;
}
a{
	text-decoration: none;
}
img{
	max-width: 100%;
	display: block;
}
h2{
	font-size: 1.875rem;
	padding: 20px 0 5px;
	text-align: center;
}
h3{
	font-size: 15px;
	text-align: center;
	position: relative;
	margin-bottom: 30px;
}
h3::before{
	content: '';
	border-top: 1px solid #363A34;
	display: block;
	position: absolute;
	width: 150px;
	top: calc(50% - 0.5px);
	left: calc(50% - 75px);
}
h3 span{
	background-color: #F3F1EB;
	padding: 0 5px;
	position: relative; 
}
.container{
	padding: 0 20px;
}
main{
	padding-top: 100px;
}



/*main*/
.contact p{
	display: block;
}
.contact p:nth-child(1){
	padding: 0;
}
.contact p:nth-child(2){
	padding: 10px 0 0;
}
.contact_text{
	display: block;
}
.tyuuigaki{
	font-size: 13px;
	
}
.star{
	color: #C95C43;
}
.contact_box{
	padding-top: 30px;
}
.form{
	padding-top: 15px;
}
.form input{
	border: 1px solid #363A34;
	border-radius: 5px;
	width: 100%;
	padding: 5px 150px 5px 5px;
	margin-top: 5px;
}
#your-message{
	border: 1px solid #363A34;
	border-radius: 5px;
	width: 100%;
	margin-top: 5px;
	padding: 5px 5px;
}


/*ボタン*/
.submit_btn p{
	text-align: center;
	padding: 0;
}

.submit_btn input[type="submit"]{
	border: 1px solid #363A34;
	border-radius: 5px;
	padding: 5px 40px;
	margin: 40px 0 50px;
	color: #363A34;
}
.submit_btn input:hover{
	color: #F3F1EB;
	background-color: #7F8A79;
	border: none;
	padding: 6px 41px;
}
span.wpcf7-spinner{
	display: none;
}




/*フッター*/
.page_top{
	display: none;
}



/*レスポンシブ*/
@media(min-width:768px){
	body{
		font-size: 23px;
		line-height: 35px;
	}
	.header_logo img{
		width: 50px;
	}
	.menu_button{
		width: 45px;
		height: 35px;
	}
	.bar1{
		width: 30px;
	}
	.bar2{
		top: 17px;
	}
	.bar3{
		width: 30px;
		transform: translateX(15px);
	}
	.menu_button.active .bar1 {
		width: 45px;
		transform: translateY(16px) rotate(-45deg);
	}
	.menu_button.active .bar3 {
		width: 45px;
		transform: translateY(-16px) rotate(45deg);
	}
	.nav li {
		margin: 80px 0;
	}
	.nav li a {
		font-size: 35px;
	}
	.container{
		padding: 0 50px;
	}
	h2{
		font-size: 2.4rem;
		padding-top: 50px;
		margin-bottom: 0;
	}
	h3{
		font-size: 25px;
		margin-bottom: 80px;
	}
	h3::before{
		width: 200px;
		top: calc(50% - 0.5px);
		left: calc(50% - 100px);
	}
	.tyuuigaki{
		font-size: 18px;
	}
}

@media(min-width:1024px){
	.container{
		padding: 0 100px;
	}
}

@media(min-width:1200px){
	.menu_button{
		display: none; 
	}
	.menu_pc{
		display: block;
	}
	.container{
		padding: 0 200px;
	}
	.button input[type="submit"]{
		margin: 60px 0 80px;
	}
}
@media(min-width:1980px){
	.container{
		padding: 0 300px;
	}
}