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

.sel-wrap {  width: 100%; position: relative; display: flex; justify-content: space-between; margin-bottom: 10px; }
h3.title { font-size: 21px; color: #121212; margin-bottom: 10px; }
h3.title span { font-size: 15px; margin-left: 10px; }
.sel-wrap .select {	position: relative;	border: 1px solid #d3d3d3; float: left; width: 260px; height: 37px;	line-height: 37px; background-color: #fff; background-repeat: no-repeat; background-position: right 50%; background-image: url(../img/select_arrow.svg); margin-right: 10px; }
.sel-wrap .select label { position: absolute; font-size: 16px; 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; }

.schedule-table { }
.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; }
.schedule-box th span { display: block; line-height: 30px; }
.schedule-box td { border-right: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; position: relative; height: 34px; text-align: center; }
.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; }
.schedule-box td .text-open { font-size: 18px; }
.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; }
.btn { 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; }
.btn-wrap { text-align: center; margin: 20px 0; }
.btn-wrap a, .btn-wrap button { display: inline-block; background-color: #F6C11C; font-size: 18px; text-align: center; text-decoration: none; color: #fff; border-radius: 10px; padding: 10px 20px; }

.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: space-between; }
.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; }
.info-wrap .info-02 ul li strong { display: block; font-size: 18px; color: #121212; }

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

@media screen and (max-width:768px) { 
	.sel-wrap { align-items: center; margin-bottom: 20px; }
	.ac_area { display: flex; }
	.sel-wrap .select { width: 90%; margin-right: 5px; line-height: inherit; height: inherit; }
	.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 20px 5px; }
	.info-wrap .info-01 h2 spna { font-size: 14px; }
	.info-wrap .info-02 { flex-direction: column; }
	.info-wrap .info-02 div { width: 100%; }
	.info-wrap .info-02 ul li { padding-left: 10px; }
	.info-wrap .info-02 ul li strong { font-size: 16px; }
	.btn-wrap a, .btn-wrap button { font-size: 15px; }
	.schedule-box { font-size: 13px!important; }
	.schedule-box th { padding: 10px 5px; }
	.schedule-box td { padding: 5px; }
	.schedule-box td .text-open { font-size: 15px; }
}