/* CSS Document */


#contact_form .head_comment h2
{
	font-size: 24px;
	line-height: 120%;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #33726A;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	margin-bottom: 30px;
	color: #000;
}


#contact_form #contact_form section
{
	padding-top: 0px;
}

#contact_form .wak_box
{
	padding: 20px;
	margin-bottom: 60px;
	border: 1px solid #999;
	text-align: center;

}

#contact_form .wak_box h4
{
	font-size: 18px;
	line-height: 120%;
	margin-top: -30px;
	font-weight: normal;
	margin-bottom: 30px;
	text-align: center;

}

#contact_form .wak_box h4 span
{
	background-color: #FFF;
	padding-right: 20px;
	padding-left: 20px;
}

#contact_form .center p
{
	text-align: center;
}


#contact_form section .tel
{
	background-color: #fff;
	text-align: center;
	padding: 20px;
}

#contact_form section .tel h4
{
	font-size: 21px;
	line-height: 120%;
	text-align: center;
}

#contact_form section  .tel p
{
	text-align: center;
	margin: 0px;
}


#contact_form section .tel a
{
	font-size: 50px;
	line-height: 120%;
}

#contact_form section  .tel small
{
	font-size: 36px;
}


#contact_form section .box
{
	background-color: #f5f5f5;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	margin-bottom: 40px;
}

#contact_form section .box p
{
	font-size: 16px;
	line-height: 140%;
	margin-bottom: 10px;
	text-align: justify;
}

#contact_form section .box ul
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 40px;
	padding-left: 80px;
	display: block;
}

#contact_form section .box ul li a
{
	color: #33726A;
}



#send button[type=submit]
{
	background-color: transparent;
}



#send button[type=submit]
{
	font-size: 18px;
	color: #34726a;
	display: inline-block;
	text-align: center;
	margin-bottom: 30px;
	border-top-width: 6px;
	border-right-width: 6px;
	border-bottom-width: 6px;
	border-left-width: 6px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #34726a;
	border-right-color: #34726a;
	border-bottom-color: #34726a;
	border-left-color: #34726a;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	position: relative;
	z-index: 0;
}

#send button[type=submit] span
{
	position: relative;
	z-index: 100;
}

#send button[type=submit]:after
{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: -2px;
	bottom: 0px;
	border: 2px solid #34726a;
	z-index: 0;
}

#send button[type=submit]:before
{
	transform: none;
	transform-origin: unset;	
	content: '';
	position: absolute;
	top: 46%;
	display: inline-block;
	width: 20px;
	height: 2px;
	z-index: 1;
	background-color: #34726a;
	right: 0px;
	left: auto;
	bottom: auto;
}

#send button[type=submit]:hover,
#send button[type=submit]:hover span,
#send button[type=submit] span:hover
{
	color: #fff !important;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

#send button[type=submit]:hover:after
{
	background-color: #34726a;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-top-color: #FFF;
	border-left-color: #FFF;
}

#send button[type=submit]:hover:before
{
	background-color: #fff;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
}



/* PCのみ設定  768 以上*/
@media screen and (min-width:768px)
{
#contact_form .body
{
}


#contact_form section .body
{
	width: 920px;
}

#contact_form .head_comment .body
{
	width: 1200px;
}


#contact_form section .box
{
	width: 830px;
	margin-right: auto;
	margin-left: auto;
}

#contact_form section .tel small
{
	margin-right: 10px;
}


#contact_form section .tel a
{
	pointer-events: none;
	color: #000;
}


#send button[type=submit]
{
	min-width: 300px;
}



}

/* タブレットレイアウト : 768 px 〜 959 px*/
@media screen and (max-width:1199px)
{


}

/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{

#contact_form #h1_area
{
	margin-bottom: 20px;
}


#contact_form .head_comment h2
{
	padding-left: 30px;
	text-align: justify;
}


#contact_form section .box
{
	background-color: #f5f5f5;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 30px;
}

#contact_form section .box ul
{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}

#contact_form section .box ul li
{
	text-align: justify;
}


#contact_form section .tel p
{
	text-align: center;
}

#contact_form section .tel a
{
	font-size: 24px;
	line-height: 120%;
	text-align: center;
	display: block;
	color: #FFF;
	background-color: #3fa9f5;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#contact_form section .tel a:hover
{
	color: #FFF !important;
}

#contact_form section .tel a:before
{
	transform: none;
	transform-origin: unset;
	width: auto;
	height: auto;
	position: static;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	background-color: transparent;
	font-family: "Font Awesome 6 Free";
	content: '\f095';
	font-weight: 900;
	margin-right: 10px;
	font-size: 21px;
	vertical-align: top;
}

#contact_form section .tel small
{
	font-size: 18px;
	line-height: 120%;
	pointer-events: none;
	text-align: center;
	display: none;
}

#contact_form section .tel p span
{
	text-align: justify;
	display: block;
	font-size: 16px;
	line-height: 140%;
}

#contact_form section .box
{
	padding: 20px;
}

#send button[type=submit]
{
	display: block;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}


}