@charset "utf-8";
/* CSS Document */
* {margin: 0;padding: 0;}
*::after,
* {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;font-size:.01em;height:0;overflow:hidden;}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {  margin: 0;  padding: 0;  border: 0;  font-weight: 400;  font-size: 100%;  font-style: normal;  vertical-align:middle;  word-break: break-all;  word-wrap: normal;  -webkit-text-size-adjust: 100%;  text-align: inherit;}
body { font-size: 16px; font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;color: #4d4d4d;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block;}
ol, ul { list-style: none;}
blockquote, q {  quotes: none;}
blockquote:after, blockquote:before, q:after, q:before {  content: '';  content: none;}
a {  margin: 0;  padding: 0;  font-size: 100%;  vertical-align: baseline;  background: 0 0;  text-decoration: none;  color: #19d;}
a:focus {  outline: 0;}
a:active, a:hover {  outline: 0;  color: #f90;}
table { width: 100%;  border-collapse: collapse;  border-spacing: 0;}
input, select {  vertical-align: middle;padding: 0.5em;}
img {  border: 0;  vertical-align: bottom;  max-width: 100%;}
button, input, select, textarea {  -webkit-appearance: none;  appearance: none;padding: 0.5em;font-size: 15px;}
header{	width:100%;}
header .header{margin:10px auto;width:1000px;}
header .header img{width:280px;}
#wrap{width:100%;margin: 0 auto;}
#wrap .main_content{margin:0 auto;}
#wrap .main_content .main_content_head{text-align:center;}
#wrap .main_content .main_content_head h1{font-size:36px;padding:0.5em 0; border-bottom: 1px solid #00255c;margin-bottom: 0.8em;}
#wrap .main_content .main_content_step{	margin:30px auto;width:1000px;}
#wrap .main_content .main_content_step ul{text-align: center;margin:20px auto 0;}
#wrap .main_content .main_content_step ul li{font-weight: bold;	width: calc((100% / 3) - 10px);  float: left;	padding:12px 0 13px;	display:block;	background:#f4f4f4;	margin-right: 15px;}
#wrap .main_content .main_content_step ul li:last-child{margin-right: 0;}
#wrap .main_content .main_content_step ul li.step_selected{	background:#5cb8e6;	color:#fff;}
#wrap .main_content .main_content_step ul li i{	padding:0 0 0 15px;font-weight: bold;}
#wrap .main_content .main_content_step ul li .t-large{font-size:18px;margin-right:10px;font-weight: bold;}
#wrap .main_content #container {width: 1000px;margin: 0 auto;}
#wrap .main_content #container #entryFormBase { width: 1000px; margin: 0 auto;}
#wrap .main_content #container #entryFormBase .th_title{background-color:#00255c;   font-weight: bold;  padding: 0.8em; color: #fff;}
#wrap .main_content #container #entryFormBase.confirm .contentUnit .table tr{ border-bottom: 1px dotted #cecece;}
#wrap .main_content #container #entryFormBase.confirm .contentUnit .table tr.name1{border-bottom:none;}
#wrap .main_content #container #entryFormBase.confirm .contentUnit .table td{padding: 0.5em;}
#wrap .main_content #container .popup_help { font-weight: bold; cursor: pointer;color: #fff; background-color:#999; padding: 0; margin: 0; width: 1.3em;  height: 1.3em; line-height: 1.3; text-align: center; display: inline-block; border-radius: 50%;position: relative; top: 2px; left: 5px;}
.popup_help_window {max-width: 520px;  position: absolute;  padding: 15px;  background-color: #999; border: 1px solid #ccc; border-radius: 2px;  display: none;  font-size: 14px;  z-index:5; color: #fff;}
input[type="checkbox"] {  display: none;}
input[type="checkbox"] + label {  position: relative; display: inline-block;}
input[type="checkbox"] + label:before { content: ""; display: inline-block; width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 2px;position: relative;top: 5px;right: 8px;}
input[type="checkbox"]:checked + label:after {content: "\f00c";position: absolute;left: -5px;top: 6px;font-family: FontAwesome;}
#wrap .main_content #container .tag_required{font-size: 11px; color: #ffffff; background-color: #ff0000; padding: 0 5px; margin-left: 10px;	vertical-align: middle;}
#wrap .main_content #container tr.opencontents{border-bottom: none !important;}
#wrap .main_content #container .companyapplication_table_notice{font-size: 13px;}
#wrap .main_content #container .count{display:inline-block;padding:0 1em;color: #ffffff; background-color: #b8b9ba;border-radius:10px;}
#wrap .main_content #container .count p{display:inline-block;font-size: 12px;}
#content_1,#content_2,#content_3,#content_8  { float: left;  display: none;margin: 10px 0 10px 25px;background-color: #f5f5f5;padding: 10px 25px;width: calc(100% - 25px);}
#content_1 th,#content_2 th,#content_3 th,#content_8 th{ font-size: 15px;width:18%;}
select {  cursor: pointer;  position: relative;  padding: 0.5em;  background: url(../images/select_arrow.png) center right no-repeat #fff;  border: 1px solid #bbb;  vertical-align: middle;  font-family: inherit;  -moz-appearance: none;  -webkit-appearance: none;  appearance: none;  border-radius:4px;font-size: 15px;color: #4d4d4d;width: 100%;}
select::-ms-expand {  display: none;}
select > option {  background: #fff;}
select:disabled {  background: #f3f3f3;  cursor: default;}
textarea {  width: 100%;height:200px;  padding: 0.8em;  line-height: 1.85;font-size: 15px;color: #4d4d4d;}
#entryFormBase.confirm .contentUnit .table th.item { width: 25%; background-color: #f5f5f5;padding: 10px 25px;}
input[type="radio"] {  display: none;}
input[type="radio"] + label {  position: relative;  display: inline-block;  padding-left: 25px;}
input[type="radio"] + label:before {  position: absolute;  left: 0;  top: 50%;  margin-top: -8px;  content: "";  display: inline-block;  width: 15px;  height: 15px;  background: #fff;  border: 1px solid #ccc;  border-radius: 100%;}
input[type="radio"] + label:after {  position: absolute;  left: 3px;  top: 50%;  margin-top: -5px;  content: "";  display: inline-block;  width: 11px;  height: 11px;  background: #fff;  border-radius: 100%;  z-index: 3;}
input[type="radio"]:checked + label:after {  background:#4d4d4d;}
input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="search"],input[type="date"],input[type="number"],input[type="saiyousuu"],textarea {  padding: 8px;  background: #fcfcfc;  border: 1px solid #c5c4c2;  border-image: none;  border-radius: 4px;  font-family: inherit; width:100%;}
span.radio{	margin-right: 15px;}
span.oc_radio{	margin-right:0;	display:block;	float:left;	width:50%;}
span.f_small{font-size: 15px;}
.b_sp{margin-bottom:0.5em;}
.radioBtn2 input[type="checkbox"] + label::before {margin-right: 8px;    content: "";    display: inline-block;    width: 20px;    height: 20px;    border: 1px solid #ccc;    border-radius: 2px;    position: relative;    top: 5px;left:0;}
.radioBtn2 input[type="checkbox"]:checked + label::after {    content: "\f00c";    position: absolute;    left: 5px;    top: 8px;    font-family: FontAwesome;}
.ankert span.radio {  margin-right: 0;  width: 49%;  display:inline-block;font-size: 14px;vertical-align: top;}
#personal_information{width:100%;	height:auto;	overflow:hidden;}
#personal_information h3{	font-size:16px;	font-weight:bold;	margin:20px 0 5px;}
#personal_information .personal_container{	width: 100%;height: 150px;padding: 10px;overflow-y: scroll;border-top: 1px solid #999;border-bottom: 1px solid #999;}
#personal_information .personal_container p{	font-size:14px;}
#entryFormBase.confirm .contentUnit .btnUnit {  margin-top: 30px;}
#entryFormBase .contentUnit .btnUnit .btn-entry {  background-color: #00255c;color: #fff;}
#entryFormBase .contentUnit .btnUnit .btn { border-radius: 4px;padding: 1em 2em;font-size: 16px;border: 1px solid #00255c;}
#entryFormBase .contentUnit .btnUnit .btn-entry:hover {	background-color:#fff;	color:#00255c;	 cursor: pointer;	border: 1px solid #00255c;}
table.table{margin-top:30px;}
footer{width: 100%;background-color: #adadae;padding:1em 0;font-size: 12px;color:#fff;margin-top: 60px;}
footer .footer_inner {width:1000px;	text-align:center !important;margin: auto;}
footer .footer_inner li{list-style:none;margin:0;display:inline;}
footer .footer_inner li a{	color:#fff;}
footer .footer_inner li a:hover{color:#dbdcde;}
footer .footer_inner li::after{	display: inline-block;	content: "\2502";}
footer .footer_inner li:last-child::after{content: "";}
footer .footer_inner p{text-align:center;}
#err{margin-bottom:1em;}
#err p,p.errRow{color:#FF0000;}
table.confirm { width: calc(100% - 25px);margin-left: 25px;}
table.confirm th{ width: 25%; background-color: #f9f9f9; padding: 10px 25px;text-align: left;}
table.confirm tr:last-child{border-bottom: none !important;}
#entryFormBase .contentUnit .btnUnit .btn-back { background-color: #f0f0f0;  color: #00255c;}
#entryFormBase .contentUnit .btnUnit .btn-back:hover {	background-color:#fff;	color:#00255c;	 cursor: pointer;	border: 1px solid #00255c;}
#entryFormBase .contentUnit .btnUnit { margin: 30px 0 15px; text-align: center;}
p.text_thks{text-align:center;padding:50px 0 40px 0;}
label:hover { cursor: pointer;}
.w75p{width:75% !important;}
.w40p{width:40% !important;}

@media screen and (min-width: 546px) and (max-width: 768px) {
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {  font-size:99%; }
a { font-size:99%; }
header{width:100%;padding:2%;}
header .header{margin:0;width:100%;}
header .header img{width:200px;}
#wrap .main_content .main_content_head h1{font-size:30px;}
#wrap .main_content .main_content_head p{font-size: 14px;}
#wrap .main_content .main_content_step{padding: 0 2%;width: 100%;}
#wrap .main_content #container {width: 100%;padding: 0 2%;}
#wrap .main_content #container #entryFormBase {width: 100%;}
#entryFormBase.confirm .contentUnit .table th.item { width: 29%;}
footer .footer_inner {width:100%;font-size: 12px;}
#content_1 th,#content_2 th,#content_3 th,#content_8 th{ font-size:99%;width:25%;}
select { font-size:99%;}
button, input, select, textarea {font-size:99%;}
#entryFormBase .contentUnit .btnUnit .btn {font-size:99%;}
input[type="checkbox"]:checked + label:after {top: 8px;}
span.f_small {font-size: 99%;}
.w75p{width:100% !important;}
.w40p{width:100% !important;}
label:hover { cursor: pointer;}
#err p,p.errRow{font-size:98%;}
p.text_thks{font-size:98%;}
}
@media screen and (max-width: 768px) and (min-width: 320px){
.popup_help_window {max-width: 300px; font-size: 13px;}
}

@media (max-width:545px) {
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {  font-size:99%; }
a { font-size:99%; }
header{width:100%;padding:2%;}
header .header{margin:0;width:100%;}
header .header img{width:170px;}
#wrap .main_content .main_content_head h1{font-size:23px;}
#wrap .main_content .main_content_head p{font-size: 14px;width: 80%;margin: 0 auto;}
#wrap .main_content .main_content_step{padding: 0 2%;width: 100%;margin:20px 0;}
#wrap .main_content .main_content_step ul li .t-large {display: block; margin-right: 0px;font-size:13px;}
#wrap .main_content .main_content_step ul li {width: calc((100% / 3) - 6px);    margin-right: 8px;font-size:13px;}	
#content_1,#content_2,#content_3,#content_8  {margin: 10px 0 ;width: 100%;}
#wrap .main_content #container #entryFormBase.confirm .contentUnit .table td{width:100%;display: block;}	
#content_1, #content_2, #content_3, #content_8{padding: 0 15px 15px 15px;}
#content_1 th,#content_2 th,#content_3 th,#content_8 th{ font-size:99%;width: 100%;display: block;margin-top: 15px;text-align: left ;}	
input[type="checkbox"] + label {padding-left: 2em;text-indent: -1.5em;}
input[type="checkbox"]:checked + label:after {top: 9px;left: 1.7em;}
#wrap .main_content #container {width: 100%;padding: 0 2%;}
#wrap .main_content #container #entryFormBase {width: 100%;}
#entryFormBase.confirm .contentUnit .table th.item { width: 100%;display: block;padding: 10px;text-align: left ;}
select { font-size:99%;}
button, input, select, textarea {font-size:99%;}
#entryFormBase .contentUnit .btnUnit .btn {font-size:99%;}
span.f_small {font-size: 13px;}
.w75p{width:100% !important;}
.w40p{width:100% !important;}
label:hover { cursor: pointer;}
.ankert span.radio{width:100%;}
.radioBtn2 input[type="checkbox"] + label::before{left: inherit;margin-right: 0;}
.radioBtn2 input[type="checkbox"]:checked + label::after { left: 25px; }
#personal_information .personal_container p {font-size: 13px;}
footer{margin-top: 30px;}
footer .footer_inner {padding: 0 2%;width: 100%;font-size: 12px;}
footer .footer_inner li{display:block;line-height: 1.8;}
footer .footer_inner li a:hover{color:#dbdcde;}
footer .footer_inner li::after{content: ""}
footer .footer_inner small{font-size:10px;}
table.confirm { width: 100%;margin-left:0;}
table.confirm th{ width:100%;display:block;padding:10px;}
table.confirm tr:last-child{border-bottom: none !important;}
#wrap .main_content #container .popup_help { display:block;left: inherit;}
span.radio{margin-right:0;}
#err p,p.errRow{font-size:98%;}
}
	
@media (max-width:320px) {
#wrap .main_content .main_content_head h1 { font-size: 20px;}
#wrap .main_content .main_content_head p{width: 80%;}
input[type="radio"] + label {padding-left: 22px;}
span.radio {margin-right: 3px;}
#personal_information h3 {font-size: 14px;}
}