@charset "UTF-8";
/* CSS Document */
.contact_page_pc{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	text-align:center;
	margin-top:200px;
	margin-top:12vw;
}
.contact_wrap{
	margin: 0 auto;
	text-align: left;
	margin-top:50px;
}
.contact_co_name{
	font-size: 18px;
	font-family: メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	color:#000;
	font-weight: bold;
	line-height:1.5;
}
.contact_lead{
	font-size: 14px;
	font-family: メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	color:#000;
	font-weight: normal;
	line-height:1.5;
}
.border_bottom{
	margin-top:50px;
	border-bottom: 1px solid #000;
	padding-bottom:10px;
	margin-bottom:40px;
}
.contact-item{
	height:30px;	
}
.contact_end_txt{
	font-size: 14px;
	font-family: メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	color:#000;
	font-weight: normal;
	line-height:1.5;
	margin: 0 auto;
	text-align:center;
}
/*! #######################################################################
Contact Form7 CSSはじまり
#######################################################################*/
 
.contact7 {
	width: 100%;
	/*max-width: 100%;*/
	box-sizing: border-box;
	margin: 0 auto;
	text-align:center;
}
.contact7 dt {
	font-weight: normal;
	text-align:right;
}
 
.contact7 dd {
	margin: 0 0 30px 0;
	text-align:left;
}
/* 必須マーク */
	.contact7 .must {
	background: #FF1A00;
}
 
/* 任意マーク */
	.contact7 .optional {
	background: #999;
}
.contact7-2 .optional {
	background: #999;
}
.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 10px;
	padding: 5px 10px;
	letter-spacing: 2px;
}
.contact7-2 .must,
.contact7-2 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 10px;
	padding: 5px 10px;
	letter-spacing: 2px;
	vertical-align:top;
}
.btn_contact7 {
	text-align: center;
	margin-top:20px;
	margin-bottom:20px;
}
.btn_contact7 input {
	width: 100%;
	background-color: #fff;
	color: #ea5504;
	font-size: 1.1em;
	font-weight: bold;
	border: 1px solid #ea5504;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	border-radius: 3px;
}
.btn_contact7 input:hover {
	background-color: #ea5504;
	color: #fff;
}
@media screen and (min-width: 781px) {
.contact7 dt {
	display:inline-block;
	width: 20%;
	padding: 5px 0px 5px 0;
	vertical-align:middle;
}
#contact7_dt2 {
	display:inline-block;
	width: 20%;
	padding: 5px 0px 5px 0;
	vertical-align:top;
	margin-top:10px;
}
#contact7_dt3 {
	font-weight: normal;
	text-align:right;
	margin-top:10px;
}
.contact7 dd {
	display:inline-block;
	width: 75%;
}
.contact7-2 dt {
	display:inline-block;
	width: 40%;
	padding: 5px 0px 5px 0;
	vertical-align:top;
	text-align:right;
}
.contact7-2 dd {
	display:inline-block;
	width: 55%;
	margin-top:10px;
	text-align:left;
}
.accept_contact7{
	margin: 0 auto;
	text-align:center;
	margin-top:10px;
}
.btn_contact7 input {
	display:inline-block;
	width: 45%;
	background-color: #FFF;
	border-radius:5px;
	color: #ea5504;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #ea5504;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
.btn_contact7 input:hover {
background-color: #ea5504;
color: #FFF;
}
/* 必須マーク */
.contact7 .must {
	/*background: #FF1A00;*/
	margin-top:-10px;
}
/* 任意マーク */
.contact7 .optional {
	margin-top:10px;
}
#contact7_dd{
}
}
@media screen and (max-width: 780px) {
.contact7 dt {
	margin-bottom:10px;
}
.contact7-2 dt {
	margin-bottom:10px;
}
}
/*! #######################################################################
 Contact Form7 CSSおわり
####################################################################### */

/*! #######################################################################
	スマホ専用始まり
#######################################################################*/
@media screen and (max-width: 780px){
.contact_page_pc{
	width: 90%;
	max-width: 500px;
	margin: 0 auto;
	text-align:center;
	margin-top:100px;
}
.contact-item-title{
	display:block;
}
.contact-item-imput{
	display:block;
}
.contact7 dt {
	display:block;
	width: 100%;
	text-align:left;
}
.contact7-2 dt {
	display:block;
	width: 100%;
	text-align:left;
}
.contact7 dd {
	display:block;
	width: 90%;
}
.contact7-2 dd {
	display:block;
	width: 100%;
}
.btn_contact7 input {
	display:block;
	width: 100%;
}
}
/*! #######################################################################
	スマホ専用終わり（画面100％以下）
####################################################################### */