@charset "utf-8";
/* CSS Document */

/*/--------------------------------------------------------------------------/*/
/* ===== CLEARFIX ===== */
/*/--------------------------------------------------------------------------/*/
#header:after,
#content:after,
.content:after,
#section-05 .email:after,
#section-06 .text:after,
.box:after,
section nav.other ul:after,
#secondary .recruit:after{
content:"";
display:block;
clear:both;
}

/*/--------------------------------------------------------------------------/*/
/* ===== HTML,BODY,OTHER ===== */
/*/--------------------------------------------------------------------------/*/

/*/--------------------------------------------------------------------------/*/
/* ===== SECTION ===== */
/*/--------------------------------------------------------------------------/*/

section h1{
color:#EB5515;
margin-left:15px;
}

section h1#HeaderTitle{
margin-left:0;
}

section ol{
background-color:#FFC;
padding:20px 60px 20px 60px;
margin-bottom:20px;
font-size:112.5%;
}

section ol li{
width:auto;
}

section ol li:after{
content:"";
display:block;
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 20px solid #09F;
margin:0 auto;
}

section ol li:last-child:after{
display:none;
border:none;
}



section p{
font-size:112.5%;
}

section .notice{
color:#F00;
font-size:150%;
text-align:center;
}

section .notice2{
border:3px solid #F00;
font-size:150%;
text-align:center;
}

section table{
width:90%;
font-size:100%;
}

section th{
background:#69C;
color:#FFF;
text-shadow:1px -1px 0 rgba(0,0,0,0.2);
border:1px solid #DDD;
width:13em;
line-height:1.3;
padding:7px 10px;
white-space:nowrap;
text-align:right;
font-weight: 500;
vertical-align:middle;
}


section th.inner{
background:#7AC;
}

section th a:link,
section th a:visited{
color:#FFF;
font-weight:normal;
}

section td{
text-align:left;
}

section th small{
color:#F33;
text-shadow:-1px 1px 0 rgba(255,255,255,0.5);
}

section table table{
width:99%;
margin-top:10px;
font-size:87.5%;
}

section td table:first-child{
margin-top:0;
}

section table table th,
section table table td{
width:auto;
text-align:center;
}

section table table th{
width:7.7em;
text-align:center;
vertical-align:middle;
}

section table .ken th,
section table .do th,
section table .kan th{
width:3em;
}

section table .inner.ken,
section table .inner.do{
width:3em;
}

section table .ken th,
section table .inner.ken{
background:#002266;
}

section table .do th,
section table .inner.do{
background:#C00;
}

section table .kan th,
section table .inner.kan{
background:#480;
}

section table table th{
background:#7AC;
}

section table table label{
display:inline;
padding:0;
}

section table table th.special{
background:#FF0;
color:#E00;
text-shadow:-1px 1px rgba(255,255,255,0.4);
}

table textarea{
width:99%;
}

section img{
max-width:100%;
}

section a{
text-decoration:underline;
}

section .how{
margin:0 30px 20px 30px;
list-style:none;
text-align:center;
}

section .how li{
position:relative;
display:inline-block;
width:300px;
height:66px;
}

section .how a{
display:inline-block;
background-position:top;
background-size:cover;
width:300px;
height:66px;
padding:0;
text-indent:-9999px;
cursor:pointer;
}

section .how .bank a{
background-image:url(../entry/images/bank.gif);
}

section .how .card a{
background-image:url(../entry/images/card.gif);
}

section .how a:hover,
section .how a:active,
section .how a.active{
background-position:bottom;
}

section .how .bank{
padding:0 20px 0 0;
}

section #entryform{
display:none;
}
section #entryform.active{
display:block;
}

section #entryform form{
display:none;
}

section #entryform form.active{
display:block;
}


section th{
text-align:left;
}
section .input_check th{
width:10em;
}

section th.inner{
width:6em;
}

section th span{
display:inline-block;
float:left;
}

section th small{
display:inline-block;
float:right;
background:#F33;
color:#FFF;
text-shadow:1px -1px 0 rgba(0,0,0,0.3);
border-radius:3px;
padding:0 5px 0 4px;
}

section td textarea{
width:95%;
}

section td label{
display:inline-block;
width:auto;
padding-right:1em;
}

section td.prep{
background:#CCC;
color:#999;
}

section td label img{
}

section input:disabled{
}

section input:disabled:after{
}

#section-04,
#section-06,
#section-08,
#section-03,
#section-05,
#section-07,
#section-09{
padding:50px 0;
}


section .pdf{
text-align:center;
}

section .pdf a{
position:relative;
display:inline-block;
border-radius:3px;
padding:5px 3em 5px 15px;
}

section .pdf a:after{
content:"\0025B6";
position:absolute;
top:1em;
right:10px;
display:block;
}

section .pdf a:link{
text-decoration:none;
}

section .pdf a:link,
section .pdf a:visited{
background:#F00;
color:#FFF;
}

section .pdf a:hover{
text-decoration:underline;
}


section .entry{
text-align:center;
}

section .entry a{
position:relative;
display:inline-block;
border-radius:3px;
padding:5px 3em 5px 15px;
}

section .entry a:after{
content:"\0025B6";
position:absolute;
top:1em;
right:10px;
display:block;
}

section .entry a:link{
text-decoration:none;
}

section .entry a:link,
section .entry a:visited{
background:#F60;
color:#FFF;
}

section .entry a:hover{
text-decoration:underline;
}

label{
cursor:pointer;
}

label:has(input:disabled){
opacity: 0.6;
cursor: default;
}

.ken1-b-n label,
.ken1-b-t label,
.ken1-c-n label,
.ken1-c-t label,
.ken1-b-n label input,
.ken1-b-t label input,
.ken1-c-n label input,
.ken1-c-t label input,
.ken2-b-n label,
.ken2-b-t label,
.ken2-c-n label,
.ken2-c-t label,
.ken2-b-n label input,
.ken2-b-t label input,
.ken2-c-n label input,
.ken2-c-t label input,
.do1-b-n label,
.do1-b-t label,
.do1-c-n label,
.do1-c-t label,
.do1-b-n label input,
.do1-b-t label input,
.do1-c-n label input,
.do1-c-t label input,
.do2-b-n label,
.do2-b-t label,
.do2-c-n label,
.do2-c-t label,
.do2-b-n label input,
.do2-b-t label input,
.do2-c-n label input,
.do2-c-t label input{
cursor:pointer;
color: #000;
}

section .encho{
border:1px solid #F00;
padding:20px;
}

section .encho h3{
background:#F00;
color:#FFF;
border:none;
text-align:center;
padding:7px 0;
}

section .encho strong{
	font-weight: 500;
}

section input[type=submit]{
border: 2px solid #999;
border-radius: 5px;
padding: 0.5em 2.5em;
letter-spacing: 0.4em;
font-size: 100%;
}

.print a{
font-weight: 700;
}

.print a:last-child{
display: block;
width: fit-content;
margin: 0 auto;
}

.print a:link,
.print a:visited{
color: #09D;
}

.print a:last-child:link,
.print a:last-child:visited{
background-color: #e4e7e7;
line-height: 1;
padding: 0.6em 1em;
margin-top: 0.5em;
border-radius: 5px;
}


/*/--------------------------------------------------------------------------/*/
/* ===== DETAIL ===== */
/*/--------------------------------------------------------------------------/*/

section table #detail table{
margin: 0 10px 0 0;
}

section table #detail table:last-child{
margin-right: 0;
}

#detail{
display: flex;
}



section table #detail th{
width: auto
}

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

#detail,
input[type='text'],
section table table label{
display: block;
}

form > table > tbody > tr,
form > table > tbody > tr > th,
form > table > tbody > tr > td{
display: block;
width: auto;
}

form > table > tbody > tr > th{
white-space: normal !important;
}

section table table td{
white-space: normal !important;
}

section table th br,
section table table td br:nth-of-type(2){
display: none;
}

section table .course tr,
section table .course th,
section table .course td{
box-sizing: border-box;
display: block;
}

section table .course tr:nth-child(2),
section table .course tr:nth-child(4){
display: flex;
}

section table .course td{
width: 25%;
}

section table .course th[rowspan='4']{
width: 100%;
}

section table .course th[rowspan='2']{
clear: both;
width: 100%;
padding: 1em 0;
opacity: 0.7;
}


section table .course .ken td{
width: calc(100% / 3);
}

section table .course .kan td{
width: 50%;
}

section table .course td[colspan='2'],
section table .course td[colspan='3'],
section table .course td[colspan='4']{
width: 100%;
}


}