@charset "UTF-8";
  a.anker{
   display:inline-block;z-index: -1;
   margin-top:-100px;
   padding-top:100px;
}
/*ページスタイル*/
#entry{}
@media screen and (min-width: 897px) {/*PCスタイルのスタイル*/
#entry #header #nav{width: 76%;}
#entry #header #nav li{flex-grow: 1;padding: 12px 0; display:flex;flex: 1 0 auto;}
#entry #header #nav li a{padding: 0px;width: 100%;display: flex;  justify-content: center;align-items: center;}
#entry #header #nav li a:hover::after{width: 30px;}
#entry #header #nav li.menu__first-level>a{pointer-events:all;}
#entry #header #nav li .menu__second-level{display: none}
#entry #header #nav .sp{display: none!important}
}
@media screen and (max-width:896px){/*スマホ対応*/
/*#recruit #header h2{font-weight: 700; position: absolute;top: 10px;right: 18%}*/
#entry #header #nav li:nth-child(1){-webkit-box-ordinal-group:8;-ms-flex-order:8;-webkit-order:8;order:8;}
#entry #header #nav li span.sp{display:inline-block!important}
#entry #header #nav .sp{display:block;}
}

.sec_contents{background: #FFFCDB}
#entry .page_title{background: url("../images/recruit/entry/page_title_bg.jpg") no-repeat;background-size: cover;text-align: center;height: auto}
#entry .page_title h2{padding: 120px 0;}

#entry .head{padding: 80px 0}
#entry .page_subtitle2{font-size: 2.2rem; text-align: center;padding-bottom: 30px;font-weight: 500}
#entry .page_catch{text-align: center}
#entry .page_catch a{z-index: 2;display: inline-block}
#entry .head .page_subtitle3{font-weight: 700;margin-bottom: 30px}
#entry .head ul{padding: 30px 0}
#entry .head li{font-size: 1.9rem;color: #3B7EB6;font-weight: 700;text-align: center}
#entry .head li p{padding-top: 10px}

.colWN{width:24%}

#entry table{ width:100%;border-collapse: separate;border-spacing:0; margin:20px 0;border: 1px solid #707070;background: #fff}
	#entry table td{ padding:14px 10px; border-bottom:1px solid #C4C4C4;}
	#entry table th{padding:10px; font-weight:500;letter-spacing: 0.2em;text-indent: 0.2em; background: #F7F5F6;text-align: left;display:flex;}
	#entry table th span{ color:#ffff;font-size: 1.4rem; background: #ff0000;padding: 0px 6px;text-align: center; margin-right: 12px}
p.err{background: #F7D2D3;padding: 7px;margin-top: 10px;font-weight: 500;color: #ff0000}
@media screen and (max-width:896px){/*スマホ対応*/
.colWN{width:auto}
#entry .head{padding: 30px 0}
#entry .head ul{width: 84%;margin: auto}
#entry .page_title{height: 120px}
#entry .page_title h2{padding: 40px 0;font-size: 1.8rem}
#entry .page_subtitle2{font-size: 1.7rem; padding-bottom: 0px;}
#entry .bg{padding: 20px 0 0;margin: 40px 0}
#entry .bg li{margin-bottom: 20px;font-size: 1.5rem;}
#entry table th{-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;}
#entry table th span{font-size: 1.2rem;width: 20%}
}


/*reset
***********************/
button,option,select,textarea,input[type="button"],input[type="submit"],input[type="number"],input[type="email"],input[type="tel"],input[type="text"],input[type="select"],input[type="option"],input[type="checkbox"] {
-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;border-radius: 0;border: none;outline: 0;margin: 0;background: #fff;}
input[type="text"],input[type="number"],input[type="tel"],input[type="email"],textarea{
outline:none;padding:6px 8px;border:1px solid #cccccc;color:#333333;border-radius:5px;font-size:2rem;transition:background 0.2s linear,box-shadow 0.6s linear;width: 100%;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}

input[type=checkbox] {display: none;}
select {text-indent: 0.01px;text-overflow: '';}
select::-ms-expand {display: none;}
::-webkit-input-placeholder { color:#999;}
:-ms-input-placeholder {   color:#999;}
::placeholder{color:#999}

#entry  .sec_contents .birth{width: 40px;padding-left: 12px; text-align: left}
.form-select{display: block;position: relative;width: 100%;height: 40px;border: 1px solid #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;border-radius: 4px;overflow: hidden;}
.form-select:after{position: absolute;display: block;content: '';width: 0;height: 0;border-top: 6px solid transparent;border-left: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #333;top: 50%;right: 10px;margin-top: -3px;pointer-events: none;}
.form-select select {width: 100%;height: 100%;padding: 0 10px;border: none;position: relative;}
.form-select select:not(:target) {width: 120% \9;}
.radio-input{ display: none;}
.radio-input + label{  padding-left: 30px;position:relative;margin: 4px 20px 4px 0px}
.radio-input + label::before{
  content: "";display: block;position: absolute;top: 3px;left: 0;width: 21px;height: 21px;border: 1px solid  #ccc;border-radius: 50%;}
.radio-input:checked + label{  color:  #3B7EB6;}
.radio-input:checked + label::after{content: "";display: block;position: absolute;top: 7px;left: 4px;width: 15px;height: 15px;background: #3B7EB6;
  border-radius: 50%;}
.deco-check {display: block;margin: 4px 30px 4px 0}
.deco-check:hover { cursor: pointer; }
.deco-check input { display: none; }
.deco-check .dummy {  width: 21px;  height: 21px;  border: 1px solid #ccc;  border-radius: 15%;  display: inline-flex;  vertical-align: text-top;margin-right: 8px;margin-top: 3px}
.deco-check input:checked+.dummy:after {  content: '';  width: 80%;  height: 40%;  border-left: 3px solid #3B7EB6;  border-bottom: 3px solid #3B7EB6;  transform: rotate(-45deg);}
input[type="submit"] {display   : block;width: 100%;border-radius : 10px;font-size : 2rem;text-align: center;cursor: pointer;padding:20px 0px;background: #004099;color : #ffffff;font-weight: 700}
.bt_check input[type="submit"] {background: #707070;}
a.bt_back{margin-top: 40px;display   : block;width: 100%;border-radius : 10px;font-size : 2rem;text-align: center;padding   : 10px 0px;background: #999;color : #fff;text-decoration: none}

input:not([type="submit"]):active,
textarea:active,
input:not([type="submit"]):focus,
textarea:focus{background: #F9F3DB;}
.bt_check input[type="submit"]:hover{background: #333}
input[type="submit"]:hover{background:#042e60}
input.w200{width: 300px}
input.w90{width: 90px}
input.w40{width: 40%;margin-right: 10px}
@media screen and (max-width:896px){/*スマホ対応*/
input[type="text"],input[type="number"],input[type="tel"],input[type="email"],textarea{font-size:1.7rem;transition:background;}
.form-select,
.form-select select,
.radio-input + label,
.deco-check{font-size:1.6rem;}
.deco-check .col3{width:-moz-fit-content; /* Firefox */
  width:fit-content; /* other browsers */}
#entry .sec_contents .col5{width: 80%;margin-bottom: 10px}
#entry .sec_contents  .col6{width: 32%}
#entry .sec_contents  .birth{width: 40px;padding-left: 6px; text-align: left}

}
