@charset "utf-8";

/* --- reset --- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height:1;}
ol,ul{list-style: none;}
blockquote,q{quotes: none;}
blockquote::before, blockquote::after,q:before,q:after{content:"";content: none;}
table{border-collapse:collapse;border-spacing:0;}

/* --- 共通設定 --- */
.SF_wrap .cf::after{content:"";display:block;clear:both;}
.SF_wrap input{font-family: "メイリオ", "小塚ゴシック Pr6N L", "ヒラギノ角ゴ Pro W6", Osaka, "ＭＳ ゴシック", "ＭＳ Ｐゴシック", sans-serif;}
.SF_wrap .fc_red{color:#b60005;}
.SF_wrap .fw_bold{font-weight: bold;}
.SF_wrap a,.SF_wrap a img{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
.SF_wrap .tc{text-align: center;}
.SF_wrap .lh2{line-height: 2;}
/* --- メインカラー指定 --- */

.SF_wrap .SFtitle,.SF_wrap .thankstitle{color:#163a7c;}
.SF_wrap .button input[type="submit"],.SF_wrap a.linkbtn{background:#163a7c;}

/* --- 最大幅指定 --- */
/*ここはサイトによって可変。ここでは http://movie-audition.com/ を想定 */
.SF_wrap{max-width: 800px;}

/* --- セールスフォース メイン部分 --- */
.SF_wrap{
	font-family: "メイリオ", "小塚ゴシック Pr6N L", "ヒラギノ角ゴ Pro W6", Osaka, "ＭＳ ゴシック", "ＭＳ Ｐゴシック", sans-serif;
	color:#211108;
	font-size: 14px;
	line-height: 1;
	width: 100%;
	margin: 30px auto;
}

.SF_wrap .SFtitle{font-size: 32px;font-weight: bold;}
.SF_wrap .subtext{font-size: 16px;margin:20px 0;}

.SF_wrap dl{width: 100%;vertical-align: top;padding: 20px 10px;border-top: solid 1px #ccc;}
.SF_wrap dl.first{border-top:solid 2px #999;margin-top:20px;}
.SF_wrap dl.last{border-bottom:solid 2px #999;margin-bottom:20px;}

.SF_wrap dl dt,.SF_wrap dl dd{display: inline-block;text-align: left;vertical-align: top;}
.SF_wrap dl dt{width: 30%;font-weight: bold;font-size: 16px;}
.SF_wrap dl dt.req::after{content: "*";color:#b60005;text-align: right;}

.SF_wrap dl dd{width: 70%;}
.SF_wrap .ib{display: inline-block;text-align: left;vertical-align: top;width: 50%;box-sizing: border-box;}
.SF_wrap .ib.pl{padding-left:1%;}
.SF_wrap .ib.pr{padding-right:1%;}

.SF_wrap input[type="text"],
.SF_wrap textarea{box-sizing: border-box;line-height: 1;width: 100%;border:solid 1px #ccc;padding: 5px;}

.SF_wrap .button{text-align: center;vertical-align: top;}
.SF_wrap .button input[type="submit"]{
	display: inline-block;
	border:none;
	margin:20px auto;
	padding: 10px;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	color:#fff;
	border-radius: 5px;
	cursor:pointer;
	line-height: 1;
	-webkit-transition:all .1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out;
}
.SF_wrap .button input[type="submit"]:hover{opacity: 0.7;}

/* --- エラー部分 --- */

.SF_wrap .error{
	width: 100%;
	text-align: center;
	color:#b60005;
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
}

.SF_wrap a.linkbtn{
	display: block;
	margin:30px auto;
	text-align: center;
	color:#fff;
	font-weight: bold;
	font-size: 20px;
	padding: 10px;
	border-radius: 5px;
	text-decoration: none;
	width: 150px;
}
.SF_wrap a.linkbtn:hover{opacity: 0.7;}

/* --- 送信確認画面 --- */
.SF_wrap .button a.backbtn{
	display: inline-block;
	background:#ccc;
	text-align: center;
	font-size: 20px;
	padding: 10px;
	font-weight: bold;
	text-decoration: none;
	color:#333;
	line-height: 1;
	border-radius: 5px;
	margin:0 0 0 10px;
}
.SF_wrap .button a.backbtn:hover{opacity: 0.7;}


/* --- サンクスページ --- */
.SF_wrap .thankstitle{font-size: 28px;font-weight: bold;margin:0 0 20px 0;}

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

.SF_wrap{width:94%;max-width:none;}
.SF_wrap .SFtitle{font-size: 20px;}
.SF_wrap .subtext{font-size: 14px;}
.SF_wrap input,.SF_wrap select,.SF_wrap textarea{font-size: 16px;}

.SF_wrap dl{padding: 10px 0;}
.SF_wrap dl dt,.SF_wrap dl dd{display:block;}
.SF_wrap dl dt{width: 100%;}

.SF_wrap dl dd{width: 100%;}
.SF_wrap .ib{display: inline-block;text-align: left;vertical-align: top;width: 50%;box-sizing: border-box;}
.SF_wrap .ib.pl{padding-left:1%;}
.SF_wrap .ib.pr{padding-right:1%;}


}