@import url(reset.css);
@import url(base.css);
@import url(common.css);

#mainimg.intro {
	background: url("../image/examination/main_bg.jpg") center center no-repeat;
	background-size: cover;
}

#container .topback.scl {
	margin: 0;
}

.flex{
	width:100%;
	display:flex;
}

.bor_t{
	border-top:1px solid #53488f !important;
}
.indText{
	text-indent: -1.1em;
	padding-left: 1.1em;
}
/*-------------------------------------------------------------------
	examination
-------------------------------------------------------------------*/

.examination{
	overflow:hidden;
	zoom:1;
	width:100%;
	margin: 0 0 50px;
}

.examination .information_title{
	font-size:2.0em;
	line-height: 1.0;
	text-align:left;
	color:#53488f;
	border-top: solid 1px #53488f;
	padding-top: 20px;
	margin: 0 0 20px;
}

.examination .infobox {
	max-height: 200px;
	overflow-y: auto;
	margin: 0 0 40px;
}

.examination .infobox dl {
	overflow: hidden;
	zoom:1;
	margin: 0 0 5px;
}

.examination .infobox dl:last-child {
	margin: 0;
}

.examination .infobox dl dt {
	float: left;
}

.examination .infobox dl dd {
	margin-left: 85px;
}


.examination .information01{
	width:60%;
	display:inline-block;
	line-height:2.3;
	font-weight:300;
	padding-bottom:40px;
	height: 265px;
	overflow-y: auto;
}

.examination .information01 dt{
	float:left;
	margin-right:3%;
	font-weight:500;
}

.examination .information02{
	width:37%;
	float:right;
	text-align:right;
	padding-bottom:40px;
}

.examination .information03{
	width:48%;
	display:inline-block;
	padding-bottom:70px;
}

.examination .information04{
	width:48%;
	float:right;
	text-align:right;
	display:inline-block;
	padding-bottom:70px;
}


.bnrbox {
	/*overflow: hidden;
	zoom:1;*/
	display: flex;
	justify-content: space-between;
	margin: 50px 0 0;
}

.bnrbox li {
	/*float: left;*/
	width: 48%;
}

.bnrbox li img {
	max-width: 100%;
}
/*
.bnrbox li:last-child {
	float: right;
}
*/

.onlybnr {
	text-align: center;
	margin: 30px 0 0;
}

.onlybnr img {
	max-height: 190px;
}


/*-------------------------------------------------------------------
	top
-------------------------------------------------------------------*/

#subtop {
	margin: 0 0 60px;
}


#subtop .lead {
	text-align: center;
	margin: 0 0 60px;
}

#subtop .lead dt {
	color: #53488f;
	font-size: 1.6em;
	margin: 0 0 20px;
}

#subtop .lead dd {
	font-size: 1.2em;
}


#subtop .relabox {
	position: relative;
	overflow: hidden;
	zoom:1;
	margin: 0 0 5px;
}

#subtop .relabox.green {
	background: #54b184;
}
#subtop .relabox.orange {
	background: #f18e1d;
}
#subtop .relabox.pink {
	background: #ed7c9c;
	margin: 0;	
}

#subtop .relabox .photo {
	width: 66%;
}

#subtop .relabox .photo img {
	width: 100%;
}

#subtop .relabox.orange .photo {
	float: right;
}


#subtop .relabox .txtbox {
	width: 30%;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color:#fff;
}


#subtop .relabox.green .txtbox,
#subtop .relabox.pink .txtbox {
	right: 2%;
}


#subtop .relabox.orange .txtbox {
	left: 2%;
}


#subtop .relabox .txtbox .s_title {
	border-bottom: 1px solid #fff;
	line-height: 1.0;
	padding: 0 0 20px;
	margin: 0 0 20px;
}

#subtop .relabox .txtbox .s_title span {
	display: block;
	font-size: 1.6em;
	margin: 10px 0 0;
}

#subtop .relabox .txtbox .s_title span.ex {
	margin: 0;
}

#subtop .relabox .txtbox .letxt {
	font-size: 1.1em;
	margin: 0 0 20px;
}

#subtop .relabox .txtbox .bnr {
	margin: 0 0 30px;
}

#subtop .relabox .txtbox .point {
	line-height: 1.0;
	margin: 0 0 15px;
}

#subtop .relabox .txtbox .point span {
	display: inline-block;
	padding: 0 20px;
	font-weight: 500;
	letter-spacing: 0.2em;
	font-size: 1.3em;
	position: relative;
}

#subtop .relabox .txtbox .point span:before {
	width: 10px;
	height: 1px;
	background: #fff;
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

#subtop .relabox .txtbox .point span:after {
	width: 10px;
	height: 1px;
	background: #fff;
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

#subtop .relabox .txtbox .lstxt {
	text-align: left;
}

#subtop .tebnr {
	text-align: center;
	margin: 100px 0 0;
}


/*-------------------------------------------------------------------
	category
-------------------------------------------------------------------*/

#category {
	margin: 0 0 60px;
}

#category .lists {
	border-top: 1px solid #53488f;
}

#category .lists .same,
#category .human dt {
	border-bottom: 1px solid #53488f;
	background: #e9e6f3;
	padding: 15px;
	line-height: 1.0;
}


#category .view li {
	display: inline-block;
	line-height: 1.0;
	vertical-align: middle;
	position:relative;
}

#category .view li span {
	display:inline-block;
}

.category .icon01 {
	background:url(../image/examination/icon01.png) left center no-repeat;
	padding: 5px 35px;
	display: inline-block;
	line-height: 1.3;
	font-size: 1.4em;
}


.category .icon02 {
	background:url(../image/examination/icon02.png) left center no-repeat;
	padding: 5px 35px;
	display: inline-block;
	line-height: 1.3;
	font-size: 1.4em;
}

.category .icon03 {
	background:url(../image/examination/icon03.png) left center no-repeat;
	padding: 5px 35px;
	display: inline-block;
	line-height: 1.3;
	font-size: 1.4em;
}
.category .icon04 {
	background:url(../image/examination/icon04.png) left center no-repeat;
	padding: 5px 35px;
	display: inline-block;
	line-height: 1.3;
	font-size: 1.4em;
}
.category .icon05 {
	background:url(../image/examination/icon05.png) left center no-repeat;
	padding: 5px 35px;
	display: inline-block;
	line-height: 1.3;
	font-size: 1.4em;
}
.category .icon06 {
	background:url(../image/examination/icon06.png) left center no-repeat;
	padding: 5px 35px;
	display: inline-block;
	line-height: 1.3;
	font-size: 1.4em;
}

.category .icon07 {
	background:url(../image/examination/icon07.png) left center no-repeat;
	padding: 5px 35px;
	display: inline-block;
	line-height: 1.3;
	font-size: 1.4em;
}
.category .icon08 {
	background:url(../image/examination/icon08.png) left center no-repeat;
	padding: 5px 35px;
	display: inline-block;
	line-height: 1.3;
	font-size: 1.4em;
}

#category .view li.cat.perple01 {
	background: #6356a3;
}
#category .view li.cat.perple02 {
	background: #a59aca;
}
#category .view li.cat.perple03 {
	background: #9aa8d6;
}
#category .view li.cat.green {
	background: #9fd2a8;
}
#category .view li.cat.gray {
	background: #898989;
}


#category .human dt {
	cursor: pointer;
	background: url("../image/subject/teacher/close_icon.png") 99% center no-repeat #e9e6f3;
}

#category .human dt {
	cursor: pointer;
	background: url("../image/subject/teacher/close_icon.png") 99% center no-repeat #e9e6f3;
}

#category .human .paple{
	background-color:#d2cce6;
}

#category .human .open {
	background: url("../image/subject/teacher/open_icon.png") 99% center no-repeat #e9e6f3;
}

#category .human .paple.open {
	background: url("../image/subject/teacher/open_icon.png") 99% center no-repeat #d2cce6;
	background-position: center right 3%;
}

#category .human dd {
	padding:30px 0 30px 0;
	border-bottom: solid 1px #53488f;
	text-align: justify;
	text-justify: inter-ideograph;
}

#category .human.accordion dd {
	display: none;
}

#category .human dd a {
	text-decoration: underline;
}

#category .human dd a:hover {
	text-decoration: none;
}

#category .human .dttl {
	line-height: 1.0;
	position: relative;
	margin: 20px 0 10px;
	padding: 5px 0 0 20px;
	color: #595757;
	font-size:1.5em;
	font-weight:500;
}
#category .schedule .dttl{
	margin: 30px 0 10px;

}
#category .human .dttl:before {
	background: #595757;
	width: 5px;
	height: 25px;
	content: '';
	position: absolute;
	top:4px;
	left: 0;
}

#category .human .dttl_02{
	line-height: 1.0;
	color: #595757;
	font-size:1.7em;
	border-bottom: solid 1px #595757;
	padding-bottom:15px;
	font-weight:500;
}

#category .human .dttl_03{
	color: #595757;
	font-size:1.2em;
	font-weight:500;
}


.category .icon01 {
    font-size: 1.3em;
	padding: 5px 40px;
}

#category .human dt {
    background-position: center right 3%;
}

#category .human .open {
	background-position: center right 3%;
}


/*===============================================
  recruitment  table
===============================================*/


.recruitment{
	padding:0 !important;
	margin:50px 0 0 0;
}

 .recruitment table{
	 width:1000px;
	 vertical-align:middle;
	 margin-top:40px;
	 background-color:#f4f3f9;
 }

 .recruitment table .paple{
	 background-color:#e9e6f3 !important;
 }

.recruitment table th{
	border: solid 1px #b5b5b6;
	height:20px;
	text-align:left;
	padding:10px 15px;
	font-weight:300;
}

.recruitment table td{
	border: solid 1px #b5b5b6;
	height:20px;
	text-align:right;
	padding:4px 15px;
}


.recruitment table .cen{
	text-align:center;
	font-size:1.1em;
	font-weight:500;
}

.recruitment table .left{
	text-align:left;
}

.recruitment table .leftnone{
	border-left:none;
}

.recruitment table .rightnone{
	border-right:none;
}





/*===============================================
  schedule  table
===============================================*/


.schedule{
	padding:0 !important;
	margin:50px 0 0 0;
}

 .schedule table{
	 width:1000px;
	 vertical-align:middle;
	 background-color:#f4f3f9;
	 line-height:1.3;
 }
 
 .schedule table .pic{
	 width:17%;
}

 .schedule table .paple{
	 background-color:#e9e6f3 !important;
 }

.schedule table th{
	border: solid 1px #b5b5b6;
	height:20px;
	text-align:left;
	padding:10px;
	font-weight:300;
	line-height: 1.6;
}

.schedule table td{
	border: solid 1px #b5b5b6;
	height:20px;
	text-align:center;
	font-size: 0.95em;
}

.schedule table .left{
	text-align:left;
}

.schedule table .leftnone{
	border-left:none;
}

.schedule table .rightnone{
	border-right:none;
}

.schedule table .weight{
	text-align:center !important;
	font-weight:500 !important;
}

.schedule .schedule_last{
	margin:20px 0 50px 0;
}


.schedule  .dttl:before {
	background: #595757;
	width: 5px;
	height: 25px;
	content: '';
	position: absolute;
	top:4px;
	left: 0;
}





/*===============================================
  payment  table
===============================================*/


.payment{
	padding:0 !important;
	margin:50px 0 0 0;
}

 .payment table{
	 width:1000px;
	 vertical-align:middle;
	 background-color:#f4f3f9;
	 line-height:1.3;
	 font-size:1.2em;
 }

 .payment table .paple{
	 background-color:#e9e6f3 !important;
 }

.payment table th{
	border: solid 1px #b5b5b6;
	height:40px;
	text-align:left;
	padding:15px;
	font-weight:300;
	width:45%;
}

.payment table td{
	border: solid 1px #b5b5b6;
	height:40px;
	text-align:left;
	padding-left:20px;
}

.payment table td .mini{
	font-size:0.8em;
	padding-left:10px;
}

.payment table .left{
	text-align:left;
}

.payment table .leftnone{
	border-left:none;
}

.payment table .rightnone{
	border-right:none;
}

.payment table .weight{
	text-align:center !important;
	font-weight:500 !important;
}

.annotation .text01{
	font-size:1.2em;
	font-weight:500;
	margin:30px 0 5px;
}

.annotation02{
	background-color:#f4f3f9;
	padding:20px;
	font-weight:500;
}

.annotation02 .text01 .icon02{
	width: 15px;
	text-align: center;
	padding: 0 20px 0 0;
	background-image:url(../image/examination/annotation02_icon01.png);
	background-repeat:no-repeat;
	background-position: top 50% left 10%;
	transform:translateY(-50%);
}
.annotation02 .text02 .icon02{
	width: 15px;
	text-align: center;
	padding: 0 20px 0 0;
	background-image:url(../image/examination/annotation02_icon02.png);
	background-repeat:no-repeat;
	background-position: top 50% left 10%;
	transform:translateY(-50%);
}





/*===============================================
  tuition_fee table
===============================================*/


.tuition_fee{
	padding:0 !important;
}

.tuition_fee table{
	 width:1000px;
	 vertical-align:middle;
	 background-color:#f4f3f9;
	 line-height:1.3;
	 font-size:1.1em;
}

.tuition_fee table .paple{
	 background-color:#e9e6f3;
 }

.tuition_fee table th{
	border: solid 1px #b5b5b6;
	height:40px;
	text-align:left;
	padding:15px;
	font-weight:300;
	width:15%;
}

.tuition_fee table td{
	border: solid 1px #b5b5b6;
	height:40px;
	text-align:center;
	padding:5px;
}

.tuition_fee table .td02{
	width:18%;
}

.tuition_fee table .left{
	text-align:left;
}

.tuition_fee table .leftnone{
	border-left:none;
}

.tuition_fee table .rightnone{
	border-right:none;
}

.tuition_fee table .weight{
	text-align:center !important;
	font-weight:500 !important;
}






/*===============================================
  question
===============================================*/


.question01 .text01{
	background:none !important;
	padding:10px !important;
	background-color:#53488f !important;
	color:#fff;
	font-size:1.4em;
	font-weight:300;
}
.question01 .text01 .icon02{
	width: 40px;
	text-align: center;
	margin-right: 5px;
	padding: 0 50px 0 0;
	background-image:url(../image/examination/q1.png);
	background-repeat:no-repeat;
	background-position: top 50% left 0;
	transform:translateY(-50%);
}

.question01 .text02{
	position:relative;
	padding-left: 40px !important;
    margin: 25px 0 30px;
}

.question01 .text02:before{
	position:absolute;
	left:0;
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../image/examination/answer.png) no-repeat;
}
.question01 .text02:nth-of-type(2):before{
	content:"";
}





/*--question02--*/
.question02 .text01{
	background:none !important;
	padding:10px !important;
	background-color:#53488f !important;
	color:#fff;
	font-size:1.4em;
	font-weight:300;
}
.question02 .text01 .icon02{
	width: 40px;
	text-align: center;
	margin-right: 5px;
	padding: 0 50px 0 0;
	background-image:url(../image/examination/q2.png);
	background-repeat:no-repeat;
	background-position: top 50% left 0;
	transform:translateY(-50%);
}

.question02 .text02{
	position:relative;
	border:none !important;
	padding: 25px 0 30px 40px !important;
}

.question02 .text02:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../image/examination/answer.png) no-repeat;
}

.question02_inbox{
	padding-left:40px;
}

.question02_inbox dd{
	overflow:hidden;
	zoom:1;
	border:none !important;
}

.question02_inbox ul{
	display:inline-block;
}

.question02_inbox ul:first-child{
	padding:0 25px  25px 0
}

.question02_inbox .belt{
	padding:0 10px;
	background-color:#7c7daf;
	color:#fff;
	display:inline-block;
	margin-bottom:10px;
}


/*--question03--*/
.question03 .text01{
	background:none !important;
	padding:10px !important;
	background-color:#53488f !important;
	color:#fff;
	font-size:1.4em;
	font-weight:300;
}
.question03 .text01 .icon02{
	width: 40px;
	text-align: center;
	margin-right: 5px;
	padding: 0 50px 0 0;
	background-image:url(../image/examination/q3.png);
	background-repeat:no-repeat;
	background-position: top 50% left 0;
	transform:translateY(-50%);
}

.question03 .text02{
	position:relative;
	padding-left:40px !important;
	margin:25px 0 30px;
}

.question03 .text02:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../image/examination/answer.png) no-repeat;
}


/*--question04--*/
.question04 .text01{
	background:none !important;
	padding:10px !important;
	background-color:#53488f !important;
	color:#fff;
	font-size:1.4em;
	font-weight:300;
}
.question04 .text01 .icon02{
	width: 40px;
	text-align: center;
	margin-right: 5px;
	padding: 0 50px 0 0;
	background-image:url(../image/examination/q4.png);
	background-repeat:no-repeat;
	background-position: top 50% left 0;
	transform:translateY(-50%);
}

.question04 .text02{
	position:relative;
	padding-left:40px !important;
	margin:25px 0 30px;
}

.question04 .text02:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../image/examination/answer.png) no-repeat;
}





/*--question05--*/
.question05 .text01{
	background:none !important;
	padding:10px !important;
	background-color:#53488f !important;
	color:#fff;
	font-size:1.4em;
	font-weight:300;
}
.question05 .text01 .icon02{
	width: 40px;
	text-align: center;
	margin-right: 5px;
	padding: 0 50px 0 0;
	background-image:url(../image/examination/q5.png);
	background-repeat:no-repeat;
	background-position: top 50% left 0;
	transform:translateY(-50%);
}

.question05 .text02{
	position:relative;
	padding-left:40px !important;
	margin:25px 0 30px;
}

.question05 .text02:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../image/examination/answer.png) no-repeat;
}





/*--question06--*/
.question06 .text01{
	background:none !important;
	padding:10px !important;
	background-color:#53488f !important;
	color:#fff;
	font-size:1.4em;
	font-weight:300;
}
.question06 .text01 .icon02{
	width: 40px;
	text-align: center;
	margin-right: 5px;
	padding: 0 50px 0 0;
	background-image:url(../image/examination/q6.png);
	background-repeat:no-repeat;
	background-position: top 50% left 0;
	transform:translateY(-50%);
}

.question06 .text02{
	position:relative;
	padding-left:40px !important;
	margin:25px 0 30px; 
}

.question06 .text02:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../image/examination/answer.png) no-repeat;
}





/*--question07--*/
.question07 .text01{
	background:none !important;
	padding:10px !important;
	background-color:#53488f !important;
	color:#fff;
	font-size:1.4em;
	font-weight:300;
}
.question07 .text01 .icon02{
	width: 40px;
	text-align: center;
	margin-right: 5px;
	padding: 0 50px 0 0;
	background-image:url(../image/examination/q7.png);
	background-repeat:no-repeat;
	background-position: top 50% left 0;
	transform:translateY(-50%);
}

.question07 .text02{
	position:relative;
	padding-left:40px !important;
	margin:25px 0 30px;
}

.question07 .text02:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../image/examination/answer.png) no-repeat;
}







/*--question08--*/
.question08 .text01{
	background:none !important;
	padding:10px !important;
	background-color:#53488f !important;
	color:#fff;
	font-size:1.4em;
	font-weight:300;
}
.question08 .text01 .icon02{
	width: 40px;
	text-align: center;
	margin-right: 5px;
	padding: 0 50px 0 0;
	background-image:url(../image/examination/q8.png);
	background-repeat:no-repeat;
	background-position: top 50% left 0;
	transform:translateY(-50%);
}

.question08 .text02{
	position:relative;
	padding-left:40px !important;
	margin:25px 0 30px;
}

.question08 .text02:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../image/examination/answer.png) no-repeat;
}

/*--question09--*/
.question09 .text01{
	background:none !important;
	padding:10px !important;
	background-color:#53488f !important;
	color:#fff;
	font-size:1.4em;
	font-weight:300;
}
.question09 .text01 .icon02{
	width: 40px;
	text-align: center;
	margin-right: 5px;
	padding: 0 50px 0 0;
	background-image:url(../image/examination/q9.png);
	background-repeat:no-repeat;
	background-position: top 50% left 0;
	transform:translateY(-50%);
}

.question09 .text02{
	position:relative;
	padding-left:40px !important;
	margin:25px 0 30px;
}

.question09 .text02:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../image/examination/answer.png) no-repeat;
}
.question10 .text03{
	display: flex;
	position: relative;
	padding: 0 0 50px 40px;
}
.question10 .text03 .dc{
	position: absolute;
    max-width: 100%;
    right: 80px;
    bottom: 20px;
}
/*--question10--*/
.question10 .text01{
	background:none !important;
	padding:10px !important;
	background-color:#53488f !important;
	color:#fff;
	font-size:1.4em;
	font-weight:300;
}
.question10 .text01 .icon02{
	width: 40px;
	text-align: center;
	margin-right: 5px;
	padding: 0 50px 0 0;
	background-image:url(../image/examination/q10.png);
	background-repeat:no-repeat;
	background-position: top 50% left 0;
	transform:translateY(-50%);
}

.question10 .text02{
	position:relative;
	padding-left:40px !important;
	margin:25px 0 30px;
}

.question10 .text02:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../image/examination/answer.png) no-repeat;
}
/*===============================================
  .session
===============================================*/

.session .text01{
	font-weight:500;
}


/*===============================================
  loan
===============================================*/

.loan .text01{
	font-size:1.2em;
	font-weight:500;
}

.loanTable{
	 width:1000px;
	 vertical-align:middle;
	 margin:10px 0 5px;
	 background-color:#f4f3f9;
 }

 .loanTable .paple{
	 background-color:#e9e6f3 !important;
 }

.loanTable th{
	border: solid 1px #b5b5b6;
	height:20px;
	text-align:left;
	padding:15px;
	font-weight:300;
}

.loanTable td{
	border: solid 1px #b5b5b6;
	height:20px;
	text-align:right;
	padding:15px;
}


.loanTable .cen{
	text-align:center;
	font-size:1.1em;
}

.loanTable .left{
	text-align:left;
}
.loanTable .leftnone{
	border-left:none;
}
.loanTable .rightnone{
	border-right:none;
}





/*===============================================
  supplementary
===============================================*/

.supplementary .mansion_box{
	overflow:hidden;
	zomm:1;
}

.supplementary .text01{
	font-weight:500;
}

.supplementary .text02{
	font-size:1.1em;
	font-weight:500;
}

.supplementary .weight{
	font-weight:500;
}

.supplementary .mansion{
	width:42%;
	display:inline-block;
	margin-right:3%;
}

.supplementary .mansion02{
	width:55%;
	float:right;
}

.supplementary .mansion02 li{
	display:inline-block;
	vertical-align:top;
	width:55%;
}

.supplementary .mansion02 li:nth-child(2n){
	float:right;
	width:40%;
}



.supplementary .date{
	overflow:hidden;
	zoom:1;
	background-color:#e9e6f3;
}

.supplementary .date .date_inner{
	padding:30px;
}

.supplementary .date .date_inner .text01{
	background-color:#595757;
	color:#fff;
	padding:0 5px;
	width:30px;
}

.supplementary .date .date_inner .text02{
	display:inline-block;
	line-height:2.0;
	font-weight:300 !important;
}
.supplementary .date .date_inner .text03{
	line-height:2.0;
	vertical-align:top;
	float:right;
}

.supplementary .date .date_inner .indent{
	padding-left:10px;
}

.supplementary .date .date_inner .text01 {
    width: 35px;
}

.supplementary .date .date_inner {
    padding: 20px;
}

.supplementary .date .date_inner .text03 {
    padding-bottom: 20px;
}

/*===============================================
  loan
===============================================*/

.loan .text01 {
    font-size: 1.0em;
    font-weight: 500;
}
.loan .title{
	font-size: 1.3em;
    font-weight: 600;
}

/*===============================================
  画面の横幅が1024px以下に適用
===============================================*/
@media screen and (max-width: 1024px){
	.question10 .text03{
		padding: 0 40px 0;
		margin: 25px 0 30px;
	}
	.pcdc{
		display: none;
	}
}

/*===============================================
  画面の横幅が768px以下に適用
===============================================*/
@media screen and (max-width: 768px){
	
	#mainimg.intro {
		background: url("../image/examination/main_bg.jpg") center center no-repeat;
		background-size: auto 100%;
	}
	
	
	.recruitment .scroll {
		width: 100%;
		overflow-x: scroll;
		padding: 0 0 20px;
	}
	
	.schedule .scroll {
		width: 100%;
		overflow-x: scroll;
		padding: 0 0 20px;
	}
	.payment .scroll {
		width: 100%;
		overflow-x: scroll;
		padding: 0 0 20px;
	}
	.loan .scroll {
		width: 100%;
		overflow-x: scroll;
		padding: 0 0 20px;
	}
	
}

/*===============================================
  画面の横幅が640px以下に適用
===============================================*/
@media screen and (max-width: 640px){	

	#mainimg.intro {
		background: url("../image/examination/main_bg.jpg") right center no-repeat;
		background-size: cover;
	}
	
	
.category .icon01 {
    font-size: 1.2em;
}
.category .icon02 {
    font-size: 1.2em;
}
.category .icon03 {
    font-size: 1.2em;
}
.category .icon04 {
    font-size: 1.2em;
}
.category .icon05 {
    font-size: 1.2em;
}
.category .icon06 {
    font-size: 1.2em;
}
.category .icon07 {
    font-size: 1.2em;
}
.category .icon08 {
    font-size: 1.2em;
}	
	
#category .human .dttl {
    font-size: 1.2em;
    line-height: 1.5;
}

#category .view li.name {
    font-size: 1.2em;
}

#category .human .dttl_02 {
    font-size: 1.2em;
}

#category .human .dttl_03 {
    font-size: 1.1em;
}


/*-------examination---------*/

.examination .information01 dt {
	float:none;
    margin-right: 3%;
    font-weight: 500;
}

.examination .information01 dd {
	line-height:1.5;
	margin-bottom:10px;
}

.examination .information01 {
    width: 100%;
    display: block;
}

.examination .information02 {
    width: 100%;
    float: none;
	padding-bottom: 20px;
}

.examination .information03 {
    width: 100%;
    display: block;
	padding-bottom: 20px;
}

.examination .information04 {
    width: 100%;
    float: none;
    display:block;
	padding-bottom: 40px;
}


/*-------supplementary---------*/

.supplementary .mansion {
    width: 100%;
    display: inline-block;
	margin:0 0 30px 0;
}
	
.supplementary .mansion02 {
    width: 100%;
    float: none;
}


/*-------schedule---------*/
.schedule .schedule_last {
    margin: 20px 0 0 0;
}



/*-------question02_inbox---------*/

.question01 .text01{
	    font-size: 1.3em;
}
.question02 .text01{
	    font-size: 1.3em;
}
.question03 .text01{
	    font-size: 1.3em;
}
.question04 .text01{
	    font-size: 1.3em;
}
.question05 .text01{
	    font-size: 1.3em;
}
.question06 .text01{
	    font-size: 1.3em;
}
.question07 .text01{
	    font-size: 1.3em;
}
.question08 .text01{
	    font-size: 1.3em;
}
.question09 .text01{
		font-size: 1.3em;
}.question10 .text01{
		font-size: 1.3em;
}

.question02_inbox ul{
    padding: 0 0 25px 0;
}

.question02_inbox ul:last-child{
    padding: 0 0 30px 0;
}
	
	
	/* 210408 */
	
	.examination .infobox {
		max-height: 150px;
		overflow-y: auto;
		margin: 0 0 30px;
	}

	.examination .infobox dl {
		overflow: hidden;
		zoom:1;
		margin: 0 0 5px;
	}

	.examination .infobox dl:last-child {
		margin: 0;
	}

	.examination .infobox dl dt {
		float: none;
	}

	.examination .infobox dl dd {
		margin: 5px 0 0;
	}



	.bnrbox {
		display: block;
		margin: 30px 0 0;
	}

	.bnrbox li {
		width: auto;
	}

	.bnrbox li:nth-child(n + 2) {
		margin: 30px 0 0;
	}

	


}

/*===============================================
  画面の横幅が380px以下に適用
===============================================*/
@media screen and (max-width: 380px){
}


/* 2022追加 */
.bsz{
	margin-top: 40px;
}
table.bsz th,
table.bsz td {
	box-sizing: border-box;
	text-align: left;
}

table.bsz td {
	padding: 15px;
	text-align: left;
}
table.bsz td .indText{
	text-indent: -1.1em;
	padding-left: 1.1em;
	margin-top: 2px;
}
table.bsz td .fs09{
	font-size: 0.9em;
}

table.bsz .taCenter {
	text-align: center;
}

table.bsz .w30,
.scroll table tr .w30{
	width: 30%;
}

table.bsz .w25 {
	width: 25%;
}
table.bsz .w24 {
	width: 24%;
}
table.bsz .w20 {
	width: 20%;
}
table.bsz .w18 {
	width: 18%;
}
table.bsz .w10 {
	width: 12%;
}


/* exstra */


table.exstra {
	width: 1000px;
}

table.exstra th,
table.exstra td {
	text-align: left;
	vertical-align: top;
	border: 1px solid #b5b5b6;
	padding: 10px 20px;
	font-weight: 400;
	box-sizing: border-box;
}

table.exstra th {
	background: #e9e6f3;
	width: 200px;
	border-left: none;
}


table.exstra td {
	background: #f4f3f9;
	border-right: non;
}

.indentText {
	text-indent: -1.1em;
	padding-left: 1.1em;
}