@charset "utf-8";
/* CSS Document */

.txtUnd a{ color:#225281; }

#entryBtn a i {
    position: relative;
}

#entryBtn a i::after {
    background: url(../img/externalIcon.png) 0 0 no-repeat;
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    margin-left: 8px;
}

.externalIcon a i{ margin-right: 26px; }

.period{
    border:3px solid #bad3e0; 
    margin:2% 0 ; background:#fcffff; padding:3% 6%; text-align: center; font-size:1.4em; color:#1f4f87; }

.period dl{ display: flex;  /*align-items: center;*/ text-align: left; line-height: 1.4em;}
.period dt{ font-size: 0.8em; width: 110px;}
.period dd{ width: 610px; }

.periodTxt{ color:#333 ; padding: 0 0 0 20px; margin-bottom: 40px; text-align: left; line-height: 1.6em; position: relative;}
.periodTxt::before{ content:"※"; position: absolute; left:0 }

table{ margin-bottom: 80px; }


.linethrough{ text-decoration: line-through; }

.subTitle2{ font-size: 1.6em; margin-bottom:20px;
text-align: center;
color: #1f4f87;
background:#efefef; padding: 10px 0;
}


.linethrough {
    text-decoration-line: line-through;
    text-decoration-color: #f00;
  }


.contentBox section{ margin-bottom:  60px; }


#entryBtn{ display: flex; }
#entryBtn a, .entryBtn2 a,.dlbtn a{ background:#ff7257; color:#fff; text-align: center; padding:14px 0}
#entryBtn a:hover, .entryBtn2 a:hover { background-color: #f85f40; color: #fff; }
#entryBtn li, .entryBtn2 li { width: 100%; margin: 0 2% 4%;}
#entryBtn li a:before{
border-top: 2px solid #fff;
top: 21px;
}

.entryBtn2 li a:before,.dlbtn a:before{
border-top: 2px solid #fff;
top:20px;
}
#entryBtn li a:before, .entryBtn2 li a:before,.dlbtn a:before{
content:"";
display: block;
height: 6px;
width: 6px;
position: absolute;
right: 6%;
border-right: 2px solid #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}




.entryNoticeBox{ margin-bottom: 40px;  background:#f9ffff;  text-align: center;}
.entryNoticeBox a{ display: block; padding:20px 20px; position: relative; color:#1f4f87;}

.entryNoticeBox section{ margin-bottom: 40px; }
.entryNoticeBox h4{ padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 1.3em;
    color: #1f4f87;
    border-bottom: #bad3e0 solid 3px;
 }

.subjectTitle{ line-height: 1.2em; font-size: 1.1em; margin-bottom: 10px; color:#225281; position: relative; padding-left:10px }
.subjectTitle::before{ position: absolute; content:"- "; left:0 ; line-height: 1em;}


.entryNotice { margin-bottom:40px; }
.entryNoticeTitle{ color:#1f4f87 ;  margin-bottom: 5px;
    font-size: 1.2em; padding-top: 20px}

.txtUnd{ margin-bottom:20px; }

.mail a{ color:#111; }
.mail a:hover{ color:#1f4f87; }

.redTxt{ color:#a52e2a; }


.txtSpace{ text-indent: 1em; display: block; line-height: 1.6em;}

.contactBox{ margin-bottom: 20px; }
.contactBox dt{ margin-bottom: 5px; }

/*#officeWrap{ background: #f9f9f9; padding: 30px 40px 11px; }*/
#entry #officeWrap .mailBtn a{ width: 300px; margin-left: 40px; }
#entry #officeWrap dd{ display: flex; }
