@charset "UTF-8";
/* CSS Document */
body{
background: linear-gradient(to right, #fefbde 0%, #fefbde 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
}
.sp_back{
display: none;
}
* {
  box-sizing: border-box;
}

h2{
background-image: url("../image/05_annai/05.png");
}

.kira{
width: 200px;
display: block;
margin: 0px auto;
}

.intro{
display: block;
position: relative;
width: 60%;
height: 0px;
padding-top: 13%;
margin: 90px auto 0px auto;
background-image: url("../image/05_annai/intro.svg");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.intro_p{
font-size: 16px;
text-align: center;
height: auto;
width: 100%;
margin: 0px auto 60px auto;
}


.applicants_support,
.applicants_expenses,
.applicants_schedule,
.applicants_guideline,
.applicants_system{
margin: 60px auto 0px auto;
display: block;
width: 850px;
height: auto;
position: relative;
padding-bottom: 30px;
}
.applicants_expenses{
padding-top: 20px;
}

.applicants_guideline h3{
display: block;
position: relative;
width: 320px;
height: 52px;
margin: 0px auto 0px;
background-image: url("../image/05_annai/title1.svg");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.applicants_guideline table {
	width:90%;
	border:1px solid #00b1bb;
	background-color: #ddf0f1;
	margin:10px auto;
	border-collapse: collapse;
}
.applicants_guideline th,
.applicants_guideline td {
	border-top:1px solid #00b1bb;
}
.applicants_guideline th {
	width:30%;
	font-size : 20px;
  color : #333;
  text-align: center;
  vertical-align: middle;
}
.applicants_guideline td {
	background-color: #ffffff;
	font-size : 20px;
  color : #333;
  padding:5px 0px 5px 20px;
  border-left: 1px solid #00b1bb;
}


.applicants_system h3{
display: block;
position: relative;
width: 110px;
height: 52px;
margin: 0px auto 0px;
background-image: url("../image/05_annai/title2.svg");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.applicants_system ul{
width: 100%;
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.applicants_system ul li,
.applicants_system ul li a{
width: 380px;
height: auto;
display: block;
color: #ffffff;
font-size: 24px;
text-align: center;
line-height: 24px;
text-decoration: none;
border-radius: 45px;
}
.applicants_system ul li .as01{
background-color: #00B0A9;
margin:30px 20px 30px auto;
padding: 15px 8px;
}
.applicants_system ul li .as02{
background-color: #e9588f;
margin:30px auto 30px 20px;
padding: 28px 10px;
}
.applicants_system ul li .as03{
background-color: #f18c0a;
margin:0px auto 30px auto;
padding: 28px 10px;
}

.applicants_schedule h3{
display: block;
position: relative;
width: 110px;
height: 52px;
margin: 0px auto 40px auto;
background-image: url("../image/05_annai/title3.svg");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.schedule_ao,
.schedule_ippan,
.schedule_su{
margin: 0px auto 0px auto;
display: block;
width: 850px;
height: auto;
position: relative;
padding-bottom: 40px;
}
.schedule_ao h4,
.schedule_ippan h4,
.schedule_su h4{
font-size: 22px;
}
.schedule_ao h4{
color: #00B0A9;
}
.schedule_ippan h4{
color: #e9588f;
}
.schedule_su h4{
color: #f18c0a;
}
.schedule_ao h4 span a,
.schedule_ippan h4 span a,
.schedule_su h4 span a{
font-size: 15px;
color: #333;
padding-left: 20px;
}
.schedule_ao table,
.schedule_ippan table,
.schedule_su table{
  border-collapse: collapse;
  width: 100%;
  margin: 0px auto 30px auto;
}
/* ＡＯ入試 */
.schedule_ao .tb01 th,
.schedule_ao .tb01 td{
  padding: 10px;
  border: solid 1px #00B0A9;
  text-align:center;
  box-sizing:border-box;
  font-size: 15px;
}
.schedule_ao .tb01 th{
  padding: 10px;
  border: solid 1px #00B0A9;
  text-align:center;
  box-sizing:border-box;
  background: #edf5f5;
  color: #333;
}
/* 一般入試 */
.schedule_ippan .tb01 th,
.schedule_ippan .tb01 td{
  padding: 10px;
  border: solid 1px #e9588f;
  text-align:center;
  box-sizing:border-box;
  font-size: 15px;
}
.schedule_ippan .tb01 th{
  padding: 10px;
  border: solid 1px #e9588f;
  text-align:center;
  box-sizing:border-box;
  background: #faecf2;
  color: #333;
}
/* 推薦入試 */
.schedule_su .tb01 th,
.schedule_su .tb01 td{
  padding: 10px;
  border: solid 1px #f18c0a;
  text-align:center;
  box-sizing:border-box;
  font-size: 15px;
}
.schedule_su .tb01 th{
  padding: 10px;
  border: solid 1px #f18c0a;
  text-align:center;
  box-sizing:border-box;
  background: #fce3c6;
  color: #333;
}

.applicants_schedule dl {
	display: flex;
	margin:10px auto;
    width: 100%;
    border-bottom: solid 1px #00b1bb;
    border-top: solid 1px #00b1bb;
    padding-top: 10px;
}
.applicants_schedule dt {
	color:#00b1bb;
	font-size : 22px;
	padding:0px 30px;
	white-space: nowrap;
}
.applicants_schedule dd {
	text-align: center;
	font-size :22px;
  color: #333;
	width:100%;
	display: table-cell;
	padding-bottom:10px;
}
.applicants_schedule ul{
margin: 40px auto 20px auto;
}
.applicants_schedule ul li,.applicants_schedule ul li a{
font-size: 16px;
}
.applicants_schedule ul li strong{
font-size: 16px;
color: #00b1bb;
}
.applicants_schedule h5{
font-size: 16px;
font-weight: 600;
color: #00b1bb;
}
.applicants_schedule address{
font-size: 16px;
font-style: normal;
padding-bottom: 40px;
}
.applicants_schedule address br{
display: none;
}


.applicants_expenses h3{
display: block;
position: relative;
width: 160px;
height: 60px;
margin: 0px auto 0px auto;
background-image: url("../image/05_annai/title4.svg");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.applicants_expenses table,
.applicants_support table{
	width:90%;
	margin:15px auto 15px auto;
	border-collapse: collapse;
    background-color: #ffffff;
    display: table;
    border: solid 1px #00b1bb;
    border-bottom: 0px;
    border-left: 0px;
}

/*
background-color: #ddf0f1;
#00b1bb

*/
.applicants_expenses th,
.applicants_support th{
	font-size : 15px;
  color : #333;
	height:30px;
	vertical-align: middle;
	border-bottom:1px solid #00b1bb;
    border-left: 1px solid #00b1bb;
	padding:10px 10px;
   background-color: #ddf0f1;
   width:10%;
}
.applicants_expenses td,
.applicants_support td{
    font-size: 15px;
  color : #333;
	 height:100px;
	 vertical-align: middle;
	border-bottom:1px solid #00b1bb;
	border-left: 1px solid #00b1bb;
	text-align: center;
}


.applicants_expenses h4{
font-size: 24px;
  color: #00b1bb;
  margin:50px 0 10px 0;
width: auto;
text-align: center;
font-weight: 300;
}
.applicants_expenses h4 br{
display: none;
}
.applicants_expenses .pc,
.applicants_support .pc{
display: block;
}
.applicants_expenses .sp,
.applicants_support .sp{
display: none;
}

.applicants_expenses h5{
font-size: 18px;
  color: #00b1bb;
  margin:30px 0 10px 0;
  background: linear-gradient(transparent 65%, #fff100 -30%);
  display: inline-block;
font-weight: 300;
}
.applicants_expenses li,
.applicants_expenses p{
font-size: 16px;
text-align: justify;
height: auto;
width: 100%;
line-height: 30px;
}
.time{
width: 1094px;
height: auto;
padding: 5px 0 30px 120px;
background-color: #ddf0f1;
margin: 30px 0 0px -121px;
}


.applicants_support h3{
display: block;
position: relative;
width: 165px;
height: 52px;
margin: 0px auto 40px;
background-image: url("../image/05_annai/title5.svg");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.applicants_support .honkou{
display: block;
position: relative;
width: 234px;
height: 52px;
margin: 0px auto 40px;
background-image: url("../image/05_annai/title6.svg");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}


.applicants_support .read,
.applicants_support p{
width: 100%;
font-size: 16px;
display: block;
margin: 0px auto;
line-height: 32px;
}
.applicants_support p strong{
font-size: 16px;
display: inline;
line-height: 32px;
color: #00b1bb;
font-weight: bolder;
}
.applicants_support .read{
text-align: center;
}
.applicants_support .read br{
display: block;
}
.applicants_support p{
text-align: justify;
}
.applicants_support .as_shienkikou{
font-size: 24px;
  color: #00b1bb;
text-align: center;
font-weight: 100;
padding: 30px 0 20px 0;
}
.applicants_support h5{
font-size: 18px;
  color: #00b1bb;
  margin:30px 0 10px 0;
  background: linear-gradient(transparent 65%, #fff100 0%);
  display: inline-block;
font-weight: 300;
}
.applicants_support dt,
.applicants_support dd{
font-size: 16px;
}
.applicants_support dt{
color: #00b1bb;
margin-top: 20px;
}
.applicants_support h6{
width: auto;
font-size: 14px;
  color: #00b1bb;
  margin:15px 0 5px 0;
  border: 1px solid #00b1bb;
  display: inline-block;
  text-align: center;
font-weight: 500;
padding: 1px 10px 0px 10px;
}
.address{
margin-top: 30px;
}


.document{
margin: 60px auto 0px auto;
display: block;
width: 850px;
height: auto;
position: relative;
padding-bottom: 30px;
}
.document ul{
width: 100%;
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
padding-bottom: 80px;
}
.document ul li,
.document ul li a{
width: 350px;
height: auto;
display: block;
color: #ffffff;
font-size: 20px;
text-align: center;
line-height: 24px;
text-decoration: none;
border-radius: 45px;
font-weight: 600;
}
.document ul li a:hover{
opacity: 0.6;
}
.document ul li .doc01{
margin:30px 30px 30px auto;
padding: 10px 8px;
background-color: #00b1bb;
}
.document ul li .doc02{
margin:30px auto 30px 30px;
padding: 20px 10px;
background-color: #00b1bb;
}
/* ============================================== スマートフォン ============================================================================================================================================== */
@media screen and (max-width: 769px) {
body{
background: linear-gradient(to right, #fefbde 0%, #fefbde 38%, rgba(0,0,0,0) 38%, rgba(0,0,0,0) 100%);
}
.sp_back{
display: block;
width: 100%;
height: 80px;
background-color: #ffffff;
position: absolute;
}

h2{
background-image: url("../image/05_annai/05_sp.png");
}

.kira{
width: 200px;
display: block;
margin: 0px auto;
}

.intro{
display: block;
position: relative;
width: 85%;
height: 0px;
padding-top: 45%;
margin: 20px auto 10px auto;
background-image: url("../image/05_annai/intro_sp.svg");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.intro_p{
font-size: 16px;
text-align: justify;
height: auto;
width: 85%;
margin: 0px auto 60px auto;
}


.applicants_expenses .pc,
.applicants_support .pc{
display: none;
}
.applicants_expenses .sp,
.applicants_support .sp{
display: block;
}





.applicants_expenses dl {
	display:block;
	margin:35px auto 20px auto;
	width:90%;
}

.applicants_expenses dt {
	color:#ffffff;
	font-size : 22px;
	padding:10px 20px;
	text-align: center;
}

.applicants_expenses dd {
	text-align: left;
	font-size : 20px;
  color : #524A3F;
	background-color:#ffffff;
	width:100%;
	display: table-cell;
	padding:10px;
}


.applicants_support,
.applicants_expenses,
.applicants_schedule,
.applicants_guideline,
.applicants_system{
margin: 40px auto 0px auto;
display: block;
width: 100%;
height: auto;
position: relative;
padding-bottom: 30px;
}


.applicants_guideline h3{
display: block;
position: relative;
width: 320px;
height: 52px;
margin: 60px auto 0px;
background-image: url("../image/05_annai/title1.svg");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.applicants_guideline table {
	width:90%;
	border:1px solid #00b1bb;
	background-color: #ddf0f1;
	margin:10px auto 0 auto;
	border-collapse: collapse;
}
.applicants_guideline th,
.applicants_guideline td {
	border-top:1px solid #00b1bb;
}
.applicants_guideline th {
	width:30%;
	font-size : 20px;
  color : #333;
  text-align: center;
  vertical-align: middle;
}
.applicants_guideline td {
	background-color: #ffffff;
	font-size : 20px;
  color : #333;
  padding:5px 0px 5px 20px;
  border-left: 1px solid #00b1bb;
}


.applicants_system h3{
display: block;
position: relative;
width: 110px;
height: 52px;
margin: 0px auto 0px;
background-image: url("../image/05_annai/title2.svg");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}
.applicants_system ul{
width: 100%;
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 20px;
}
.applicants_system ul li,
.applicants_system ul li a{
width: 95%;
height: auto;
display: block;
color: #ffffff;
font-size: 20px;
text-align: center;
line-height: 24px;
text-decoration: none;
border-radius: 45px;
}
.applicants_system ul li .as01{
background-color: #00B0A9;
margin:15px auto;
padding: 12px 8px;
}
.applicants_system ul li .as02{
background-color: #e9588f;
margin:15px auto;
padding: 24px 10px;
}


.applicants_schedule h3{
display: block;
position: relative;
width: 110px;
height: 52px;
margin: 0px auto 0px;
background-image: url("../image/05_annai/title3.svg");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.schedule_ao,
.schedule_ippan,
.schedule_su {
margin: 20px auto 0px auto;
display: block;
width: 100%;
height: auto;
position: relative;
padding-bottom: 20px;
}
.schedule_ao h4,
.schedule_ippan h4,
.schedule_su h4{
font-size: 22px;
padding:0 0 2% 5%;
}

.schedule_ao h4 span a,
.schedule_ippan h4 span a,
.schedule_su h4 span a{
font-size: 15px;
color: #333;
padding-left: 0px;
}


.schedule_ao .tb01 .head,
.schedule_ippan .tb01 .head,
.schedule_su .head{
    display:none;
  }
.schedule_ao .tb01,
.schedule_ippan .tb01,
.schedule_su .tb01{
    width: 93%;
    margin: 0px auto;
    background-color: #ffffff;
  }
.schedule_ao .tb01 td,
.schedule_ao .tb01 th,
.schedule_ippan .tb01 td,
.schedule_ippan .tb01 th,
.schedule_su .tb01 td,
.schedule_su .tb01 th{
    display: block;
    width: 100%;
    border-bottom:none;
    font-size: 14px;
  }
.schedule_ao .tb01 td,
.schedule_ippan .tb01 td,
.schedule_su .tb01 td{
    padding: 0px 12px 0 0;
    display: block;
    width: 100%;
    line-height: 2.5;
    text-align:left;
  }
.schedule_ao .tb01 td:before{
    color: #333;
    font-size: 14px;
    content: attr(data-label);
    padding: 0px 10px;
    display: inline;
    background-color: #dbedeb;
    border-right: solid 1px #00B0A9;
    margin-right: 10px;
    float: left;
    width: 40%;
  }
  .schedule_ippan .tb01 td:before{
    color: #333;
    font-size: 14px;
    content: attr(data-label);
    padding: 0px 10px;
    display: inline;
    background-color: #fae3e9;
    border-right: solid 1px #e9588f;
    margin-right: 10px;
    float: left;
    width: 35%;
  }
    .schedule_su .tb01 td:before{
    color: #333;
    font-size: 14px;
    content: attr(data-label);
    padding: 0px 10px;
    display: inline;
    background-color: #fbd3a7;
    border-right: solid 1px #f18c0a;
    margin-right: 10px;
    float: left;
    width: 40%;
  }
.schedule_ao .tb01 tr:last-child{
    border-bottom: solid 1px #00B0A9;
  }
.schedule_ippan .tb01 tr:last-child{
    border-bottom: solid 1px #e9588f;
  }
.schedule_su .tb01 tr:last-child{
    border-bottom: solid 1px #f18c0a;
  }
  
  
.applicants_schedule dl {
	display: flex;
	margin:20px auto;
    width: 90%;
    border-bottom: solid 1px #00b1bb;
    border-top: solid 1px #00b1bb;
    padding-top: 10px;
}
.applicants_schedule dt {
	color:#00b1bb;
	font-size : 18px;
	padding:25px 30px;
	white-space: nowrap;
}
.applicants_schedule dd {
	text-align: justify;
	font-size :18px;
  color: #333;
	width:100%;
	display: table-cell;
	padding-bottom:10px;
}
.applicants_schedule ul{
width: 85%;
margin: 40px auto 20px auto;
}
.applicants_schedule ul li,
.applicants_schedule ul li a{
font-size: 16px;
}
.applicants_schedule ul li{
margin-bottom: 10px;
}
.applicants_schedule ul li strong{
font-size: 16px;
color: #00b1bb;
}
.applicants_schedule h5{
font-size: 16px;
font-weight: 600;
color: #00b1bb;
padding-left: 8%;
}
.applicants_schedule address{
font-size: 16px;
font-style: normal;
padding-bottom: 40px;
padding-left: 8%;
}
.applicants_schedule address br{
display: block;
}


.applicants_expenses h3{
display: block;
position: relative;
width: 160px;
height: 60px;
margin: 0px auto 0px;
background-image: url("../image/05_annai/title4.svg");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.applicants_expenses table,
.applicants_support table{
	width:90%;
	margin:15px auto;
	border-collapse: collapse;
    background-color: #ffffff;
    display: table;
    border: solid 1px #00b1bb;
    border-bottom: 0px;
    border-left: 0px;
}

/*
background-color: #ddf0f1;
#00b1bb

*/
.applicants_expenses th,
.applicants_support th{
	font-size : 15px;
  color : #333;
	height:30px;
	vertical-align: middle;
	border-bottom:1px solid #00b1bb;
    border-left: 1px solid #00b1bb;
	padding:10px 10px;
   background-color: #ddf0f1;
   width:10%;
}
.applicants_expenses td,
.applicants_support td{
    font-size: 15px;
  color : #333;
	 height:100px;
	 vertical-align: middle;
	border-bottom:1px solid #00b1bb;
	border-left: 1px solid #00b1bb;
	text-align: center;
}


.applicants_expenses h4{
font-size: 22px;
  color: #00b1bb;
  margin:20px 0 10px 0;
width: auto;
text-align: center;
font-weight: 300;
}
.applicants_expenses h4 br{
display: block;
}
.applicants_expenses .pc,
.applicants_support .pc{
display: block;
}
.applicants_expenses .sp,
.applicants_support .sp{
display: none;
}

.applicants_expenses h5{
font-size: 18px;
  color: #00b1bb;
  margin:30px 0 10px 7.5%;
  background: linear-gradient(transparent 65%, #fff100 -30%);
  display: inline-block;
font-weight: 300;
}
.applicants_expenses li,
.applicants_expenses p{
font-size: 16px;
text-align: justify;
height: auto;
width: 85%;
line-height: 30px;
margin: 0 auto;
}
.time{
width: 100%;
height: auto;
padding: 5px 0 30px 0;
background-color: #ddf0f1;
margin: 30px auto 50px auto;
}


.applicants_support h3{
display: block;
position: relative;
width: 165px;
height: 52px;
margin: 0px auto 40px;
background-image: url("../image/05_annai/title5.svg");
background-repeat: no-repeat;
background-size: 100%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}

.applicants_support .read,
.applicants_support p{
width: 85%;
font-size: 16px;
display: block;
margin: 0px auto;
line-height: 32px;
}
.applicants_support .read{
text-align: justify;
}
.applicants_support .read br{
display: none;
}
.applicants_support p{
text-align: justify;
}
.applicants_support .as_shienkikou{
font-size: 24px;
  color: #00b1bb;
text-align: center;
font-weight: 100;
padding: 30px 0 10px 0;
}
.applicants_support h5{
font-size: 18px;
  color: #00b1bb;
  margin:30px 0 10px 8%;
  background: linear-gradient(transparent 65%, #fff100 0%);
  display: inline-block;
font-weight: 300;
}

.applicants_support dt,
.applicants_support dd{
font-size: 16px;
}
.applicants_support dt{
color: #00b1bb;
margin-top: 20px;
font-weight: bolder;
padding-left: 8%;
}
.applicants_support h6{
width: auto;
font-size: 14px;
  color: #00b1bb;
  margin:15px 0 5px 8%;
  border: 1px solid #00b1bb;
  background-color: #ffffff;
  display: inline-block;
  text-align: center;
font-weight: 500;
padding: 1px 10px 0px 10px;
}

.address{
margin-top: 30px;
padding-bottom: 100px;
}

.document{
margin: 40px auto 0px auto;
display: block;
width: 100%;
height: auto;
position: relative;
padding-bottom: 30px;
}
.document ul{
width: 100%;
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 20px;
padding-bottom: 80px;
}
.document ul li,
.document ul li a{
width: 95%;
height: auto;
display: block;
color: #ffffff;
font-size: 20px;
text-align: center;
line-height: 24px;
text-decoration: none;
border-radius: 45px;
}
.document ul li .doc01{
margin:15px auto;
padding: 12px 8px;
background-color: #00b1bb;
}
.document ul li .doc02{
margin:15px auto;
padding: 24px 10px;
background-color: #00b1bb;
}

}