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

.sel-wrap {  width: 100%; position: relative; display: flex; justify-content: space-between; margin-bottom: 20px; }
.sel-wrap .select {	position: relative;	border: 1px solid #d3d3d3; float: left; width: 260px; height: 42px;	line-height: 42px; background-color: #fff; background-repeat: no-repeat; background-position: right 50%; background: url(../img/ico_selectarrow.svg) no-repeat center right 10px / 14px auto; margin-right: 10px; }
.sel-wrap .select label { position: absolute; font-size: 18px; color: #343434; top: 9px; left: 12px; line-height: 1.35em; }
.sel-wrap .select select { width: 100%;	height: 35px; min-height: 35px;	line-height: 35px; padding: 0 10px;	border: 0; opacity: 0; filter: alpha(opacity=0); font-size: 14px; color: #343434; cursor: pointer; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;	box-sizing: border-box; }
.tip-box { display: flex; align-items: center; }
.tip-box span { display: flex; margin-left: 20px; align-items: center; }
.tip-box span i { margin-right: 5px; }
.tip-box span em { padding-top: 2px; }
.tip-box span i img { display: block; }

.schedule-table { width: 100%; }
.schedule-box { font-size: 14px; width: 100%; border-left: solid 1px #e1e1e1; border-top: solid 1px #e1e1e1; }
.schedule-box tbody { /*border-top: solid 1.5px #111; */}
.schedule-box th strong, .schedule-box td strong { color: #121212; }
.schedule-box th { padding: 10px 0; border-right: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; font-size: 13px; }
.schedule-box th strong { font-size: 16px; }
.schedule-box th span { display: block; line-height: 5px; }
.schedule-box td { border-right: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; position: relative; height: 34px; }
.schedule-box td em { font-size: 12px; color: #0046A5; }
.schedule-box td a { background: #fff url("../img/person-blue.svg") center center no-repeat; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.schedule-box td a:hover { background: #EDF4FF url("../img/person-blue.svg") center center no-repeat; }
.schedule-box td.pick { background: url("../img/person-gray.svg") center center no-repeat; }
.schedule-box td.block { background-color: #f7f7f7; }
.mr20 { margin-right: 20px!important; }

.modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }
.popup-application { background-color: #fff; padding: 36px 20px; width: 80%; max-width: 740px; max-height: 700px; overflow-y: scroll; position: absolute; border-radius: 5px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.popup-application .title h2 { font-size: 24px; margin-bottom: 10px; color: #121212; }
.popup-application .title .btn-down { position: absolute; right: 20px; top: 35px; display: inline-block; padding: 7px 15px 5px; border-radius: 30px; background-color: #0493FF; font-weight: 700; color: #fff; }
.popup-application form > div > dl:first-child > dd { width: 100%; }
.popup-application .formbox { padding: 20px;}
.popup-application .formbox dl { padding: 17px 20px; }
.popup-application .formbox dl dd input[type="text"] { width: 280px; }
.popup-application .btn-wrap { display: flex; justify-content: center; }
.popup-application .btn-wrap input[type="submit"] { border: 0; border-radius: 10px; }
.popup-application .btn-wrap .btn { padding: 10px 20px; font-size: 18px; font-weight: 700; border-radius: 10px; color: #fff; margin: 0 10px; }
.btn.btn-blue { background-color: #0046A5; }
.btn.btn-gray { background-color: #969696; }

.info-wrap { }
.info-wrap .info-01 { text-align: center; margin-top: 100px; margin-bottom: 100px; }
.info-wrap .info-01 h2 { font-size: 21px; display: inline-block; background-color: #2E3281; padding: 15px 50px 10px; font-weight: 700; border-radius: 100px; color: #fff; margin-bottom: 50px; }
.info-wrap .info-01 h2 span { font-size: 16px; font-weight: 300; display: block; }
.info-wrap .info-01 dl { display: flex; flex-wrap: wrap; }
.info-wrap .info-01 dl dd { width: 15%; margin: 2%; border: solid 1px #e1e1e1; border-radius: 10px; padding: 10px; }
.info-wrap .info-02 { display: flex; justify-content: flex-start; flex-wrap: wrap; }
.info-wrap .info-02 .bro-box { width: 33%; margin-top: 50px; }
.info-wrap .info-02 div { width: 49%; }
.info-wrap .info-02 h3 { font-size: 21px; display: inline-block; background-color: #2E3281; padding: 15px 50px 10px; font-weight: 700; border-radius: 100px; color: #fff; margin-bottom: 20px; }
.info-wrap .info-02 ul li { padding-left: 30px; margin-bottom: 20px; width: 90%; }
.info-wrap .info-02 ul li strong { display: block; font-size: 18px; color: #121212; }

.text-underline { text-decoration: underline; color: #0046A5; }

.charge { margin-top: 50px; }
.charge h3 { color: #121212; margin-bottom: 10px; font-size: 18px; }
.charge ul { display: flex; justify-content: space-between; }
.charge ul li { width: 48%; border: solid 1px #e1e1e1; border-radius: 20px; padding: 20px; display: flex; flex-wrap: wrap; }
.charge ul li span:first-child { width: 100%; margin-bottom: 10px; }
.charge ul li span { margin-right: 20px; }
.charge ul li span strong { color: #121212; }

@media screen and (max-width:768px) { 
	.sel-wrap { flex-direction: column; }
	.ac_area { display: flex; margin-bottom: 20px; }
	.sel-wrap .select { width: 49%; margin-right: 5px; }
	.schedule-table { width: 100%; overflow-x: scroll; }
	.schedule-box { width: 1200px; }
	.tip-box span:first-child { margin-left: 0; }
	.sel-wrap .select label { font-size: 13px; top: 11px; }
	.popup-application { width: 94%; }
	.popup-application .formbox dl { padding: 12px 0; flex-direction: column; }
	.popup-application .formbox dl dt, .popup-application .formbox dl dd { width: 100%; }
	.popup-application .formbox dl dt { margin-bottom: 10px; }
	.popup-application .formbox { padding: 20px 10px; }
	.flex { flex-direction: row; flex-wrap: wrap; }
	.info-wrap .info-01 { margin-top: 50px; margin-bottom: 50px; }
	.info-wrap .info-01 dl dd { width: 29%; }
	.info-wrap .info-01 h2, .info-wrap .info-02 h3 { font-size: 16px; padding: 10px 30px 5px; }
	.info-wrap .info-01 h2 spna { font-size: 14px; }
	.info-wrap .info-02 { flex-direction: column; }
	.info-wrap .info-02 div, .info-wrap .info-02 .bor-box { width: 100%!important; }
	.info-wrap .info-02 ul li { padding-left: 10px; }
	.info-wrap .info-02 ul li strong { font-size: 16px; }
	.offline-fair { padding: 0; border: 0; }
	.charge ul { flex-direction: column; }
	.charge ul li { width: 100%; margin-bottom: 20px; }
	.charge ul li:last-child { margin-bottom: 0; }
}