@charset "UTF-8";

/* フォーム */
.ex header { margin-bottom:1em; }
.ex sup { font-size: 86%; vertical-align: top; }
.ex .notice { color:#222; font-weight: bold; }

.ex .txt_check_area label { padding-bottom: 1em; font-size: 120%; }
.ex h3  { margin-bottom: 0.5em; font-size: 120%; font-weight: bold; }
.font_em { color:#D73235; }
.font_s { font-size: 80%; }
h2 .font_s { font-size: 60%; }
.ex table.koma { width:100%; border-collapse: collapse; }
.ex table.koma th,
.ex table.koma td { padding: 0.8em; border: 1px solid #ccc; vertical-align: middle; }
.ex table.koma td.v_top { vertical-align: top; }
.ex table.koma th { background: #f7f7f7; font-weight: 700; }
.ex table.koma td { background: #fff; }
.ex table.koma td.b_btm_none { border-bottom:none; }
.ex table.koma td.b_top_none { border-top:none; }

.box_bg { margin: 0 0 2em; padding: 2em 6em; background: #f7f7f7; border-radius: 5px; }
a.btn_down { text-decoration: underline; }

@media screen and (max-width: 767px) {
	.box_bg { padding: 0.4em; }
	.ex table.koma { font-size: 0.6rem; }
	footer .pagetop a { margin-right: 0; }
	.syutten_notice {  }
}

.pagetop { opacity: 1; }
.ttl_border { margin-bottom: 0.3em; padding-left: 0.4em; border-left: 5px solid #fe0000; font-size: 1.6rem; font-weight: 700; }

body { }

#form_outer {
position:relative;
width:100%;
box-sizing:border-box;
max-width:1280px;
background: #eee;
margin:0 auto;
padding:3em 5em;
}

#form_outer img { width:100%; height: auto; vertical-align: bottom; }

#form_outer h1 { margin-bottom: 0.5em; font-size: 2.4rem; font-weight: 700; text-align: center; }
.ex #form_outer h1 { font-size: 2rem; }

#form_outer input[type=text],
#form_outer textarea { font-size: 1.5rem; }


#form_outer input[type=text],
#form_outer textarea { width:100%; padding: 0.5em; box-sizing: border-box; }

.ex #form_outer input[type=text],
.ex #form_outer textarea { padding: 0.2em; font-size: 1.3rem; }

#form_outer input[type=text].narrow { width:25%; }

#form_outer input[type=text].othercompany { width:auto; }

.txt_lead { margin-bottom: 2em; }

#form_outer dt,#form_outer dd { margin-bottom: 2em; line-height: 180%; }

.ex #form_outer dt, .ex #form_outer dd { margin-bottom: 1em; line-height: 150%; }
.border { clear: both; margin: 0.5em 0 2em; padding:0.5em 0; border-bottom:2px dotted #ccc; }
#form_outer dt { clear: both; float: left; width:40%; font-size: 1rem; }
.ex #form_outer dt { width:35%; }
.ex.confirm #form_outer dt { color:#555; text-align: right; }

#form_outer dd { float: right; width:58%;  }
.ex #form_outer dd { width:63%; }
.ex.confirm #form_outer dd { font-size: 125%; }


#form_outer dt span { font-size: 0.8rem; }
#form_outer .necessary,.txt_error { color:#fe0000; }
.en .txt_error { margin-bottom: 1em; }
.list_error { margin-bottom: 2em; }

.box_submits { text-align: center; }
.box_submits form { display: inline; }

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

.en input[type="checkbox"] { margin-right: 5px; }

.box_submits input[type=submit] {
    padding: 15px 40px;
    font-size: 1.2em;
    background-color: #d8232a;
    color: #fff;
    border-style: none;
	cursor: pointer;
}
.box_submits input[type=submit].btn_back { padding: 10px 30px; background: #222; }
.link_arrow.color_red:after { border-left-color:#e00109; }
.link_arrow.color_red a { text-decoration: underline; }
.link_arrow.color_red a:hover { color:#e00109; }
select { font-size: 1.3em; }
/*
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    height: 30px;
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 0 40px 0 10px;
    border: 1px solid #ccc;
	font-size: 1.2rem;
}
select::-ms-expand {
    display: none;
}
.selectWrap{
    position: relative;
    display: inline-block;
}
.selectWrap::before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    background: #ccc;
    height: 100%;
    width: 30px;
	z-index: 2;
}
.selectWrap::after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #fff transparent transparent transparent; 
	z-index: 3;
}
*/

.box_submits { clear: both; }

/*----------------------------------------
ie以外
------------------------------------------*/
.clearfix:after,
#form_outer dl:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	font-size:0; 
	line-height:0; 	
	visibility:hidden;
}

/*----------------------------------------
ie
------------------------------------------*/
.clearfix,
#form_outer dl{
	zoom: 1;
}

@media screen and (max-width: 767px) {
	header { margin-bottom: 1em; }
	#form_outer {
	max-width:none;
	margin:0 auto;
	padding:1em;
	}
	
	#form_outer h1 { font-size: 1.6rem; }
	
	#form_outer dt { margin-bottom: 0.5em; font-size: 1.2rem; font-weight: bold; }
	#form_outer dt,
	#form_outer dd,
	.ex #form_outer dt,
	.ex.confirm #form_outer dt,
	.ex #form_outer dd { float: none; width:auto; text-align: left; }
	
	#form_outer input[type=text],
	#form_outer textarea { font-size: 1.2rem; }
	select { font-size: 1.2em; }
	
	#form_outer input[type=text].narrow { width:100%; }
	
}