@charset "utf-8";



/* メイン画像  */
/* --------------------------------------------------- */

.main{
padding-top: 4em;
height:10em!important;
}



@media only screen and (max-width:480px){
.main{height: 6em;
}
.main h2{
font-size:2em;	
line-height: 1.1em;
}
.main h2 span{
margin-top: 7px;
}
.con_check{
text-align: center;
}
}


.h3_line{
display: flex;
align-items: center;
font-size: 120%;
margin-bottom: 10px;
}

.h3_line:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
}

.h3_line:after {
	margin-left: .4em;
	background: #ccc;
}


/*上部文章中のmust*/
.must_txt{
	display: inline-block;
	background-color: #C00;
	height:22px;
	padding: 0 5px;
	font-size: 13px;
	color: #FFF;
	margin-right: 5px ;
	border-radius: 2px;
}
/*---付けたし----------------*/


#contact{
max-width: 1134px;
width: 96%;
margin: 50px auto 40px;
position: relative;
}


form * {
	font-family: sans-serif;
	box-sizing: border-box;
}



.mfp_rows input[type="text"],
.mfp_rows input[type="email"],
.mfp_rows input[type="tel"],
.mfp_rows input[type="number"],
.mfp_rows input[type="date"],
.mfp_rows select,
.mfp_rows textarea,
form#mailformpro .mfp_rows label {
min-width: 48%;
word-break: break-all;
white-space: normal;
padding: 3px 8px;
border: solid 1px #ccc;
}

.mfp_rows input[type=checkbox] {
  transform: scale(1.4);
		margin-right: .3em;
		vertical-align: text-top;
}


/*
.mfp_rows .mfp_col1,.mfp_rows .mfp_col2,.mfp_rows .mfp_col3,.mfp_rows .mfp_col4,.mfp_rows .mfp_col5,.mfp_rows .mfp_col6,.mfp_rows .mfp_col7,.mfp_rows .mfp_col8,.mfp_rows .mfp_col9,.mfp_rows .mfp_col10 {
padding: 15px 0;
}
.mfp_rows .mfp_col1 {width: 10%;}
.mfp_rows .mfp_col2 {width: 20%;}
.mfp_rows .mfp_col3 {width: 30%;}
.mfp_rows .mfp_col4 {width: 40%;}
.mfp_rows .mfp_col6 {width: 60%;}
.mfp_rows .mfp_col7 {width: 70%;}
.mfp_rows .mfp_col8 {width: 80%;}
.mfp_rows .mfp_col9 {width: 90%;}
.mfp_rows .mfp_col10 {width: 100%;}
*/

.mfp_rows textarea{ min-width: 98%;}
.mfp_colzip {width: 8em!important; margin-right: 2%;}
.mfp_col4 {width: 48%!important; margin-right: 2%;}
.mfp_col5 {width: 50%!important;}
.mfp_col10 {width: 100%!important;}

.mfp_rows select {
  -webkit-appearance: none;
  appearance: none; /* デフォルトの矢印を非表示 */
		border-radius: 20px;
}
.mfp_rows select::-ms-expand {
  display: none; /* デフォルトの矢印を非表示(IE用) */
}

.select-wrap{
position: relative;
}
/* セレクトボックスの矢印デザイン変更 */
.select-wrap::after ,
.select-wrap::before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
content: "";
position: absolute;
width: 0;
}
.select-wrap::before {
border-bottom: 4.5px solid #000;
right: 17px;
top: 9px;
z-index: 2;
}
.select-wrap::after {
border-top: 4.5px solid #000;
right: 17px;
top: 20px;
}
@media screen and (max-width: 800px) {
.select-wrap::before {
top: 13px;
}
.select-wrap::after {
top: 23px;
}
}




div.mfp_thanks {
	padding: 10px;
}
div.mfp_thanks p {
	font-size: 12px;
	line-height: 1.7em;
}
div.mfp_thanks ul.mfp_caution {
	list-style-type: disc;
}
div.mfp_thanks ul.mfp_caution li {
	font-size: 12px;
	margin: 0 1.5em;
	font-weight: bolder;
}

@media screen and (max-width: 1024px) {
.mfp_rows input[type="text"],
.mfp_rows input[type="email"],
.mfp_rows input[type="tel"],
.mfp_rows input[type="number"],
.mfp_rows input[type="date"],
.mfp_rows select,
.mfp_rows textarea,
form#mailformpro .mfp_rows label {
min-width: 96%;
padding:3px 8px;
}
}

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

form * {
word-break: break-all;
white-space: normal;
}
/*
.mfp_rows .mfp_col1,.mfp_rows .mfp_col2,.mfp_rows .mfp_col3,.mfp_rows .mfp_col4,.mfp_rows .mfp_col5,.mfp_rows .mfp_col6,.mfp_rows .mfp_col7,.mfp_rows .mfp_col8,.mfp_rows .mfp_col9,.mfp_rows */
.mfp_col10,
.mfp_col4,
.mfp_col5,
form#mailformpro .mfp_rows label{
float:none;
padding:1% 0;
min-width: 100%!important;
width: 100%!important;
margin-right: 0;
}

.mfp_rows input[type="text"],
.mfp_rows input[type="email"],
.mfp_rows input[type="tel"],
.mfp_rows input[type="number"],
.mfp_rows input[type="date"],
.mfp_rows select,
.mfp_rows textarea{
margin-bottom:10px;
padding:2%;
}
}

.mfp_rows textarea{
field-sizing: content;/*コンテンツに合わせてテキストエリアを自動的にサイズ変更する。*/
min-height:6em;
}
.mfp_rows select{
padding:6px 10px;
}
form#mailformpro .mfp_rows label,
label#mfp_element_12_label{
padding: 8px;
}

div.mfp_buttons button#mfp_button_cancel,
button#mfp_button_send{
font-family: "Noto Sans JP", "メイリオ", Meiryo,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-seri;
}

.f90{font-size:90%;}

