@charset "UTF-8";


/* ▼▼ 画面サイズ / PC ▼▼ */
.sec09 {
	position: absolute;
    top: 680px;
    background: rgba(255, 255, 255, 0.85);
    margin: auto;
    right: 0;
    left: 0;
}
h2 {
	text-align: center;
    margin: 20px auto;
    color: #534741;
}
#popup_header{
	width:480px
}

#popup_header .formTtl{
	margin-top:0;
	padding:7px 0 7px 0;
	text-align:center;
	background-color:#000;
	border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0
}

#popup_header .formTtl p{
	color:#fff;
	font-size:16px;
	font-weight:700
}

#popup_header p{
	color:#333;
	font-size:.8em;
	line-height:1.2em
}

#popup_step{
	margin-bottom: 10px;
}

#popup_step dl{
	margin:0 auto
}

#popup_step dt{
	display:none
}

#popup_step dd:after{
	display:block;
	clear:both;
	content:""
}

#popup_step img{
	float:right;
	width:100%;
	max-width:150px;
	height:auto
}

#popup_main{
	margin:0 auto 20px;
	width:90%;
}

#popup_main input,
#popup_main label,
#popup_main select,
#popup_main textarea{
	color:#333;
	font-size:15px;
	border-color:#bbb;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px
}

#popup_main li.popup_main_qualification{
	margin:0 0 15px 0;
	width:70%
}

#popup_main .popup_main_column1{
	overflow:hidden;
	padding:0 0 10px 0;
	width:100%;
	border-bottom:dotted 1px #aaa;
	position:relative
}

#popup_main .popup_main_column2{
	overflow:hidden;
	padding:10px 0 15px;
	width:100%;
	border-bottom:dotted 1px #aaa;
	position:relative
}

#popup_main .line_none{
	border-bottom:none
}

#popup_main .popup_main_musttitle,
#popup_main .popup_main_title,
#popup_main .popup_main_title02{
	margin-bottom:5px;
	padding:5px;
	color:#000;
	font-size:16px;
	font-weight:normal;
}

#popup_main .text{
    overflow: hidden;
    color: #666;
    font-size: 16px;
    font-weight: normal;
    font-family: inherit;
    width: 100%;
    border: 1px solid #ccc;
    text-align: left;
    padding: 5px 0 5px 10px;
	margin-bottom: 10px;
}

#popup_main .text::placeholder,
#popup_main .text:-ms-input-placeholder,
#popup_main .text::-ms-input-placeholder {
  color: #aaa;
}

#popup_main .popup_main_mast1{
padding: 1px 5px;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #f29700;
    margin-left: 10px;}

#popup_main .popup_main_mast2{
	padding:1px 5px;
	color:#fff;
	font-size:12px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background-color:#f29700;
	position:absolute;
	top:52px;
	left:15px
}

#popup_main .popup_main_mast3{
	padding:1px 5px;
	color:#fff;
	font-size:12px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background-color:#f29700;
	position:absolute;
	top:15px;
	left:5px
}

#popup_main .fEmail input{
	letter-spacing:.02em
}

#popup_main .fMailmaga{
	width:270px
}

#popup_main .fPresent{
	width:270px
}

#popup_main .popup_main_working_waku{
	overflow:hidden
}

#popup_main .popup_main_working{
	margin:0 0 10px 0;
	width:50%;
	padding-left: 10px;
}

#popup_main .popup_main_working:nth-child(odd){
	float:left
}

#popup_main .popup_main_working:nth-child(even){
	float:right
}

#popup_main .popup_main_working1{
	margin:0 5px 5px 0;
	width:425px
}

#popup_main .kinmuchiBox{
	margin:0 0 10px 0
}

#popup_main p.popup_main_kinmuchititle1{
	float:left;
	margin:4px 7px 0 55px;
	color:#333
}

#popup_main p.popup_main_kinmuchititle2{
	float:left;
	margin:4px 7px 0 55px;
	color:#333
}

#popup_main select{
	color:#333;
	height:41px;
	width:180px;
	border:1px solid #666;
	/*-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;*/
	text-indent:.01px;
	text-overflow:"";
	background:#fff url(/common/img/select_arrow.png) no-repeat right
}

#popup_main .little:first-child{
	color:#333;
	height:41px;
	width:145px;
	border:1px solid #666;
	/*-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;*/
	text-indent:.01px;
	text-overflow:"";
	background:#fff url(/common/img/select_arrow.png) no-repeat right
}

#popup_main .little{
	color:#333;
	height:41px;
	width:70px;
	border:1px solid #666;
	/*-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;*/
	text-indent:.01px;
	text-overflow:"";
	background:#fff url(/common/img/select_arrow.png) no-repeat right
}

#popup_main .popup_main_textarea1 textarea{
	padding:1px 0 0 3px;
	border:1px solid #666
}

#popup_main .popup_main_textarea2{
	width: 100%;
	height: 200px;
	margin-right: 10px;
    color: #666;
    font-size: 16px;
    font-weight: normal;
    font-family: inherit;
    border: 1px solid #ccc;
    text-align: left;
    padding: 5px 5px 10px;
    margin-bottom: 10px;}

#popup_main .note1{
	color:#666;
	font-size:12px
}

#popup_main .popup_legal{
	overflow:hidden
}

#popup_main .popup_legal a{
	text-decoration:none
}

#popup_main .popup_legal img{
	border:0;
	vertical-align:middle
}

#popup_main .legal1{
	display:inline;
	float:left;
	margin-right:30px;
	color:#395a9c;
	font-size:12px
}

#popup_main .legal2{
	display:inline;
	float:left;
	color:#395a9c;
	font-size:12px
}

#popup_footer{
	position:relative;
	width:480px;
	height:80px;
	margin:0 auto
}

#popup_footer .popup_footer_next #popup_btn_next{
	width: 220px;
    color: #fff;
    background: #f29700;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    position: absolute;
    top: 10px;
    right: 24px;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
}

#popup_footer .popup_footer_back #popup_btn_back{
	width:130px;
    color: #333;
    background: #ccc;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
	position:absolute;
	top:10px;
	left:24px
}

#popup_footer .popup_footer_next #popup_btn_entry{
	width: 220px;
	height: 50px;
    color: #fff;
    background: #f29700;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    position: absolute;
    top: 6px;
    right: 24px;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
	border: none;
	opacity: 0.3;
	pointer-events: none;
}

#popup_footer .popup_footer_next #popup_btn_entry:hover{
	background: #0c58a7;
}
	
#modal-content{
	max-width: 950px;
    margin: 0 auto;
    z-index: 1001;
    width: 100%;
}

#modal-overlay{z-index:1000;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.75)
}

#popup_container .error-bgcolor{
	background-color:#ffebcb!important
}

.popup_main_working input{
  display: none;
}

#popup_main .popup_main_working label,
#popup_main .popup_main_sumai label{
	padding-left: 30px;
	cursor: pointer;
}

.popup_main_working input + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}

.popup_main_working input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
  background: #fff;
}

.popup_main_working input:checked + label{
  color: #000;
}

.popup_main_working input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #000;
  border-radius: 50%;
}

#popup_main .age{
	width: 200px;
	margin-right: 10px;
    color: #666;
    font-size: 16px;
    font-weight: normal;
    font-family: inherit;
    border: 1px solid #ccc;
    text-align: left;
    padding: 5px 0 5px 10px;
	margin-bottom: 10px;
}

.popup_main_sumai input{
  display: none;
}

#popup_main .popup_main_sumai label{
	padding-left: 30px;
}

.popup_main_sumai input + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
　cursor: pointer;
}
.popup_main_sumai input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
  background: #fff;
}
.popup_main_sumai input:checked + label{
  color: #000;
}
.popup_main_sumai input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #000;
  border-radius: 50%;
}



.mrgn-top7{
	margin-top:7px
}

.mrgn-top10{
	margin-top:10px
}

.mrgn-top15{
	margin-top:15px
}

.mrgn-bottom10{
	margin-bottom:10px
}

#popup_main .bx-wrapper{
	width:900px;
	padding-right:4px
}

#popup_main .bx-wrapper div.div_step{
	padding:0 20px;
	width:850px;
	position:relative
}




/* ▼▼ 画面サイズ / TB ▼▼ */
@media screen and (max-width: 768px) {
	/* iOSでのデフォルトスタイルをリセット */
	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;
	}


}

/* ▼▼ 画面サイズ / SP ▼▼ */
@media screen and (max-width: 420px) {
	.sec09 {
		position: relative;
	    top: 0;
	    background: #fff;
	    margin-bottom: 50px;
	}
	h2 {
		font-weight: 600;
    	margin: 30px 0 0px;
	}
	form {
    	margin-top: 20px;
    	
	}
	form dl {
		display: block;
	}
	form dt {
		width: 100%;
	}
	form dd {
		width: 100%;
	}
	#popup_main {
		margin: 0 auto 20px;
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
	}
	
	#popup_main .bx-wrapper div.div_step {
		padding: 0;
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
	}
	
	#popup_main .bx-wrapper {
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
		padding-right: 0;
	}
	
	#popup_step dl dd{
		width: 100%;
		text-align: right;
	}
	
	#popup_step img {
		float: none;
		width: 100%;
		max-width: 90px;
		height: auto;
	}
	
	#popup_footer {
		position: relative;
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
	}
	
	#popup_footer .popup_footer_back #popup_btn_back {
		width: 110px;
		font-size: 14px;
		left: 0;
		top: 85px;
		right: 0;
		bottom: 0;
		margin: auto;
		height: 40px;
	}
	
	#popup_footer .popup_footer_next #popup_btn_next,
	#popup_footer .popup_footer_next #popup_btn_entry {
		width: 160px;
		font-size: 16px;
		right: 0;
		top: -10px;
		left: 0;
		bottom: 0;
		margin: auto;
		height: 50px;
	}	
	
	
	
	
	
	
	
	
}
/* ▼▼ 画面サイズ / SP(SE/5など個別調整必要なときのみ) ▼▼ */
@media screen and (max-width: 320px) {

}