@charset "utf-8";

#main.mailform #contents .main_form{
	padding:62px 0 20px;
	background:url(../images/gradation_bg.jpg) repeat-x left top;
}
#main.mailform #contents .main_form .form_section{
	width:800px;
	margin:0 auto 62px;
	background:#fff;
	box-shadow:0 0 35px rgba(213,223,233,0.6);
}
#main.mailform #contents .main_form .form_text{
	margin-bottom:28px;
	text-align:center;
	line-height:1.25;
}
#main.mailform #contents .main_form .form_text p{font-size:18px;}
#main.mailform #contents .main_form .form_text p span{font-size:14px;}

/* main > form > table
----------------------------------------------------------- */
#main.mailform #contents .main_form table{width:100%;}
#main.mailform #contents .main_form th,
#main.mailform #contents .main_form td{
	font-size:15px;
	letter-spacing:0.08em;
	line-height:1.4;
	vertical-align:top;
	box-sizing:border-box;
}
#main.mailform #contents .main_form th{
	width:268px;
	padding:31px 13px;
	text-align:right;
	background:#fcfcfc;
	border-bottom:4px solid #fff;
}
#main.mailform #contents .main_form th .required{
	display:inline-block;
	width:56px;
	margin:0 5px 0 22px;
	padding:2px 0 3px;
	font-size:12px;
	text-align:center;
	line-height:1.2;
	letter-spacing:0.1em;
	border:1px solid #000;
	background:#fff;
}
#main.mailform #contents .main_form td{
	padding:22px 5%;
	border-bottom:4px solid #fcfcfc;
}
#main.mailform #contents .main_form th .note,
#main.mailform #contents .main_form td .note{
	display:inline-block;
	font-size:12px;
}
#main.mailform #contents .main_form td .note{margin:10px 12px 0;}

#main.mailform #contents .main_form tr:last-child th,
#main.mailform #contents .main_form tr:last-child td{border-bottom:0;}

/* main > form > input
----------------------------------------------------------- */
#main.mailform #contents .main_form input,
#main.mailform #contents .main_form select,
#main.mailform #contents .main_form textarea{
	margin:0 12px;
	font-size:15px;
	font-family:'Noto Sans Japanese', sans-serif;
	line-height:1.6;
	box-sizing:border-box;
}
#main.mailform #contents .main_form input[type="radio"],
#main.mailform #contents .main_form input[type="checkbox"]{margin-right:6px;}
#main.mailform #contents .main_form textarea{max-width:460px;}

#main.mailform #contents .main_form input[type="text"],
#main.mailform #contents .main_form input[type="email"],
#main.mailform #contents .main_form input[type="tel"],
#main.mailform #contents .main_form input[type="submit"],
#main.mailform #contents .main_form button,
#main.mailform #contents .main_form select,
#main.mailform #contents .main_form textarea{
	padding:10px;
	border:0;
	border-radius:0;
}
#main.mailform #contents .main_form input[type="text"],
#main.mailform #contents .main_form input[type="tel"],
#main.mailform #contents .main_form input[type="email"],
#main.mailform #contents .main_form select,
#main.mailform #contents .main_form textarea{
	background:#fcfcfc;
	box-shadow:0 0 21px 2px rgba(0,0,0,0.06) inset;
}
#main.mailform #contents .main_form textarea{width:100%;}
#main.mailform #contents .main_form .long{width:338px;}
#main.mailform #contents .main_form .medium{width:156px;}
#main.mailform #contents .main_form .short{width:112px;}
#main.mailform #contents .main_form .v_short{width:85px;}
#main.mailform #contents .main_form input[name="fm_住所"]{ width:100%; }
#main.mailform #contents .main_form label{
	display:inline-block;
	padding:8px 1em 8px 0;
	vertical-align:middle;
}
#main.mailform #contents .main_form .catalog ul{
	display:-webkit-flex; display:flex;
	-webkit-flex-direction:row; flex-direction:row;
	-webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#main.mailform #contents .main_form .catalog hr{
	margin:0.5em;
	border:0;
	background:#ccc;
}
#main.mailform #contents .main_form .catalog label,
#main.mailform #contents .main_form .catalog label img,
#main.mailform #contents .main_form .catalog label i{vertical-align:middle;}
#main.mailform #contents .main_form .catalog label{
	max-width:174px;
	/*height:40px;*/
	height:70px;
	padding:2px 0;
	margin:0;
}
#main.mailform #contents .main_form .catalog label img{
	width:auto;
	height:100%;
}
#main.mailform #contents .main_form .catalog label img[alt*="Aither"]{
	margin-top:10px;
	max-width:110px;
	height:auto;
}
/*
#main.mailform #contents .main_form .catalog label:nth-child(3n){width:120px;}
*/
/* main > form > form_btn
----------------------------------------------------------- */
#main.mailform #contents .main_form .form_btn{text-align:center;}
#main.mailform #contents .main_form .form_btn input,
#main.mailform #contents .main_form .form_btn button{
	width:317px;
	height:67px;
	color:#fff;
	font-size:18px;
	text-align:center;
	vertical-align:middle;
	letter-spacing:0.1em;
	background:#000 url(../images/btn_arrow_white.png) no-repeat center left 15%;
	cursor:pointer;
	transition:opacity 0.2s ease;
}
#main.mailform #contents .main_form .form_btn input:hover,
#main.mailform #contents .main_form .form_btn button:hover{opacity:0.8;}

#main.mailform #contents .main_form .form_btn_parallel{
	display:-webkit-flex; display:flex;
	-webkit-flex-direction:row; flex-direction:row;
	-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
}

/* 20220331　テキスト追加
----------------------------------------------------------- */

.sbe_info{
	font-size:13.5px;
	padding:0 15px 10px;
	margin:10px auto;
	text-align:center;
}


@media screen and (max-width: 768px) {
	
	/* -----------------------------------------------------------
	main (form)
	----------------------------------------------------------- */
	#main.mailform #contents .read{
		margin-bottom:8vw;
		padding:2vw 3vw;
	}
	#main.mailform #contents .read p{
		font-size:3.4vw;
		letter-spacing:0;
	}

	/* main > form
	----------------------------------------------------------- */
	#main.mailform #contents .main_form{
		padding:10vw 0 3vw;
	}
	#main.mailform #contents .main_form .form_section{
		width:100%;
		margin:0 auto 8vw;
	}
	#main.mailform #contents .main_form .form_text{margin-bottom:4vw;}
	#main.mailform #contents .main_form .form_text p{
		font-size:4vw;
		line-height:1.4;
	}
	#main.mailform #contents .main_form .form_text p span{font-size:3.2vw;}

	/* main > form > table
	----------------------------------------------------------- */
	#main.mailform #contents .main_form table,
	#main.mailform #contents .main_form tbody,
	#main.mailform #contents .main_form tr,
	#main.mailform #contents .main_form th,
	#main.mailform #contents .main_form td{
		display:block;
		width:100%;
		text-align:left;
		border:none;
	}
	#main.mailform #contents .main_form th,
	#main.mailform #contents .main_form td{
		padding:5vw 3vw;
		font-size:3.4vw;
		letter-spacing:0;
	}
	#main.mailform #contents .main_form th{
		overflow:hidden;
		background:#fcfcfc;
	}
	#main.mailform #contents .main_form th .required{float:right;}
	#main.mailform #contents .main_form td .note{margin:2vw 3vw 0;}
	
	#main.mailform #contents .main_form td{padding:22px 7%;}

	/* main > form > input
	----------------------------------------------------------- */
	#main.mailform #contents .main_form input,
	#main.mailform #contents .main_form select,
	#main.mailform #contents .main_form textarea{
		margin:0 1vw;
		font-size:16px;
		line-height:1.4;
	}

	#main.mailform #contents .main_form .txt_long{
		width:100%;
	}

	#main.mailform #contents .main_form input[type="text"],
	#main.mailform #contents .main_form input[type="email"],
	#main.mailform #contents .main_form input[type="tel"],
	#main.mailform #contents .main_form input[type="submit"],
	#main.mailform #contents .main_form button,
	#main.mailform #contents .main_form select,
	#main.mailform #contents .main_form textarea{padding:3vw;}
/*
	#main.mailform #contents .main_form input[type="text"],
	#main.mailform #contents .main_form input[type="tel"],
	#main.mailform #contents .main_form input[type="email"],
	#main.mailform #contents .main_form select,
	#main.mailform #contents .main_form textarea{}
*/
	#main.mailform #contents .main_form textarea{width:100%;}
	#main.mailform #contents .main_form .long{width:100%;}
	#main.mailform #contents .main_form .medium{width:45%;}
	#main.mailform #contents .main_form .short{width:30%;}
	#main.mailform #contents .main_form .v_short{width:4em;}
	#main.mailform #contents .main_form label{
		display:inline-block;
		padding:1vw 1em 1vw 0;
		vertical-align:middle;
	}
	#main.mailform #contents .main_form .catalog ul{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
	}
	#main.mailform #contents .main_form .catalog ul li{
		width:50%;
	}
	#main.mailform #contents .main_form .catalog label,
	#main.mailform #contents .main_form .catalog label img,
	#main.mailform #contents .main_form .catalog label i{vertical-align:middle;}
	#main.mailform #contents .main_form .catalog label,
	#main.mailform #contents .main_form .catalog label:nth-child(3n){
		/*width:48%;
		padding:1vw 0;*/
		width:75%;
		height:60px;
		padding:0;
	}
	#main.mailform #contents .main_form .catalog label img{
		width:auto;
		height:100%;
	}
	#main.mailform #contents .main_form .catalog label img[alt*="Aither"]{
		margin-top:10px;
		max-width:110px;
		height:auto;
	}

	/* main > form > form_btn
	----------------------------------------------------------- */
	#main.mailform #contents .main_form .form_btn{text-align:center;}
	#main.mailform #contents .main_form .form_btn input,
	#main.mailform #contents .main_form .form_btn button{
		width:80%;
		height:auto;
		font-size:4.2vw;
		letter-spacing:0;
	}

	#main.mailform #contents .main_form .form_btn_parallel{
		display:block;
	}
	#main.mailform #contents .main_form .form_btn_parallel input[type="submit"]{
		margin:10px auto;
	}
	
	/* 20220331　テキスト追加
	----------------------------------------------------------- */

	.sbe_info{
		font-size: 3.4vw;
		text-align:left;
		margin:0 auto;
		padding-bottom:10px;
	}

}/* End SP */