.renew.sub .curriculum.top@charset "UTF-8";

html { scroll-behavior: smooth;}

/* admission210820
---------------------------------------------------------------------------- */

.renew.sub .admission.top .cmn-mv-type01{
	background: url("/images/202604_1440400_1_6.jpg") center center/cover no-repeat;
	margin-bottom: 0;
}
.renew.sub .admission.top .cmn-mv-type01 h1{
	background-image: none;
	padding-top: 20px;
  /*color: #fff;*/
}
	@media screen and (max-width:767px) {
		.renew.sub .admission.top .cmn-mv-type01{
			background: url("/images/202604_750500_1_4.jpg") center center/cover no-repeat;
		}
		.renew.sub .admission.top .cmn-mv-type01 h1{
			background-image: none;
			padding-top: 0;
      color: #fff;
		}
	}

.renew.sub .admission.top .block01.outer-wrap{
	background: -moz-linear-gradient(transparent 170px, #f7f8fa 0);
	background: -webkit-linear-gradient(transparent 170px, #f7f8fa 0);
	background: linear-gradient(transparent 170px, #f7f8fa 0);
}
	@media screen and (max-width:1360px) {
		.renew.sub .admission.top .block01.outer-wrap{
			background: -moz-linear-gradient(transparent 12.5vw, #f7f8fa 0);
			background: -webkit-linear-gradient(transparent 12.5vw, #f7f8fa 0);
			background: linear-gradient(transparent 12.5vw, #f7f8fa 0);
		}
	}
	@media screen and (max-width:767px) {
		.renew.sub .admission.top .block01.outer-wrap{
			background: -moz-linear-gradient(transparent 41.73vw, #f7f8fa 0);
			background: -webkit-linear-gradient(transparent 41.73vw, #f7f8fa 0);
			background: linear-gradient(transparent 41.73vw, #f7f8fa 0);
			margin-top: -8vw;
		}
	}

.renew.sub .admission.top .block01.outer-wrap .sec-dir-inner{
	margin: -6px auto 140px;
}
	@media screen and (max-width:767px) {
		.renew.sub .admission.top .block01.outer-wrap .sec-dir-inner{
			margin: calc(-8vw - 1.6vw) auto 140px;
		}
	}

.renew.sub .admission.top .block01 .flow-row-4col{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 20px;
}
	@media screen and (max-width:767px) {
		.renew.sub .admission.top .block01 .flow-row-4col{
			flex-direction: column;
			justify-content: center;
			margin-bottom: 26.66vw;
			padding: 0 13.33vw calc(16vw - 1.6vw);
		}
	}

.renew.sub .admission.top .block01 .flow-row-4col .cont-inner{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 44px;
	position: relative;
	width: calc(100% / 4 - 30px);
	max-width: 100%;
}
	@media screen and (max-width:1360px) {
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner{
			width: calc(100% / 4 - 2.2vw);
		}
	}
	@media screen and (max-width:767px) {
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner{
			margin-bottom: 13.33vw;
			width: auto;
		}
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner:last-child{
			margin-bottom: 0;
		}
	}

.renew.sub .admission.top .block01 .flow-row-4col .cont-inner::after{
	background: url("/images/cmn_icon_arr-down.png") center center /20px auto no-repeat;
	content: "";
	display: block;
	height: 40px;
	right: -40px;
	top: 97px;
	position: absolute;
	transform: rotate(-90deg);
	width: 40px;
}
	@media screen and (max-width:1360px) {
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner::after{
			height: 2.94vw;
			right: -2.94vw;
			top: 7.13vw;
			transform: rotate(-90deg);
			width: 2.64vw;
		}
	}
	@media screen and (max-width:767px) {
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner::after{
			background: url("/images/cmn_icon_arr-down.png") center center /5.86vw auto no-repeat;
			height: 13.33vw;
			right: calc(50% - 6.66vw);
			top: auto;
			bottom: -11.73vw;
			position: absolute;
			transform: rotate(0);
			width: 13.33vw;
		}
	}

.renew.sub .admission.top .block01 .flow-row-4col .cont-inner:nth-child(4n)::after{
	content: none;
}
.renew.sub .admission.top .block01 .flow-row-4col .cont-inner figure{
	border-radius: 30px;
	overflow: hidden;
	width: 100%;
}
	@media screen and (max-width:767px) {
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner figure{
			border-radius: 8vw;
		}
	}

.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3{
	align-items: center;
	display: flex;
	font-size: 18px;
	justify-content: center;
	line-height: 1.2;
	height: 80px;
	margin: 0 auto 0;
	text-align: center;
	width: 100%;
}
	@media screen and (max-width:767px) {
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3{
			font-size: 4.8vw;
			height: auto;
			min-height: 21.33vw;
			padding: 0;
			text-align: center;
		}
	}

.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3 span{
	display: inline-block;
	position: relative;
}
.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3 span br{
	display: none;
}
	@media screen and (max-width:1060px) {
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3 span br{
			display: block;
		}
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num01 span,
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num02 span{
			text-align: left;
		}
	}
	@media screen and (max-width:767px) {
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3 span br{
			display: none;
		}
	}

.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num01 span::before,
.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num02 span::before,
.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num03 span::before,
.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num04 span::before{
	content: "";
	display: inline-block;
	height: 80px;
	position: absolute;
}

.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num01 span::before{
	background: url("/images/com_sub_num01.png") right top /contain no-repeat;
	left: -32px;
	top: -16px;
	width: 22px;
}
	@media screen and (max-width:1060px) {
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num01 span::before{
			top: 0;
		}
	}

.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num02 span::before{
	background: url("/images/com_sub_num02.png") right top /contain no-repeat;
	left: -38px;
	top: -10px;
	width: 28px;
}
	@media screen and (max-width:1060px) {
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num02 span::before{
			top: 0;
		}
	}

.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num03 span::before{
	background: url("/images/com_sub_num03.png") right top /contain no-repeat;
	left: -36px;
	top: -10px;
	width: 26px;
}
.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num04 span::before{
	background: url("/images/com_sub_num04.png") right top /contain no-repeat;
	left: -32px;
	top: -14px;
	width: 22px;
}
	@media screen and (max-width:767px) {
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num01 span::before,
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num02 span::before,
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num03 span::before,
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num04 span::before{
			margin-right: 0;
			height: auto;
			min-height: 21.33vw;
		}
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num01 span::before{
			left: -9.19vw;
			top: -2.66vw;
			width: 5.86vw;
		}
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num02 span::before{
			left: -10.79vw;
			top: -3vw;
			width: 7.46vw;
		}
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num03 span::before{
			left: -10.26vw;
			top: -3vw;
			width: 6.93vw;
		}
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner h3.num04 span::before{
			left: -9.19vw;
			top: -3.66vw;
			width: 5.86vw;
		}
	}

.renew.sub .admission.top .block01 .flow-row-4col .cont-inner p{
	margin-top: -8px;
	width: 100%;
}
	@media screen and (max-width:767px) {
		.renew.sub .admission.top .block01 .flow-row-4col .cont-inner p{
			margin-top: -8px;
			padding: 0;
		}
	}

.renew.sub .admission.top .block02.cmn-3col-box{
	padding-bottom: 20px;
}
.renew.sub .admission.top .block02.cmn-3col-box .cont-img-box{
	margin-bottom: 54px;
}
	@media screen and (max-width:767px) {
		.renew.sub .admission.top .block02.cmn-3col-box .cont-img-box{
			margin-bottom: calc(12vw - 1.6vw);
		}
	}

.renew.sub .admission.top .block02.cmn-3col-box .cont-img-box a h3{
	bottom: calc(40px - .3em);
}

.renew.sub .admission.top .block03.cmn-4col-box{
	padding-bottom: 40px;
}


/*210614追加*/
.container_btnc{
margin:1rem auto;
text-align:center;
}
.btn-border {
  display: inline-block;
  text-align: center;
  border: 1px solid #0071bf;
  font-size: 16px;
  color: #0071bf;
  text-decoration: none;
  font-weight: bold;
  padding: 20px;
  border-radius: 10px;
  transition: .7s;
  width:55%;
}

.btn-border:hover {
  background-color: #0071bf99;
  border-color: #0096d8;
  color: #FFF;
}

a.btn-border:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: -3px 0 0 5px;
  background: url("/images/admission/btn_img01.png") no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.box1 {
    padding: 0.5em 1em;
    margin: 0 0 2em 0;
    font-weight: bold;
    border: solid 3px #000000;
}
.box1 p {
    margin: 0;
    padding: 0;
}

    .box_ad {
        padding:2rem 1.3rem;
        margin: 0 2em;
       font-weight: bold;
        border: solid 0.3px #535050;
        text-align:center;
      font-family: 'Noto Sans JP', sans-serif;
    }
    .box_ad p {
        margin: 0;
        padding: 0;
}


/* admission gakkou-setsumeikai form 210928追加
---------------------------------------------------------------------------- */
.renew.sub .admission.form article {
  margin: 0 auto 130px;
  max-width: 1340px;
  padding: 0 20px;
  width: 100%;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form article{
      margin: 10.66vw auto 0;
      max-width: none;
      padding: 0 6.66vw;
      overflow: hidden;
      width: auto;
    }
	}

.renew.sub .admission.form .admission-title-wrap{
  text-align: center;
}
.renew.sub .admission.form .admission-title-wrap h2{
  line-height: 1.6;
  margin-bottom: 30px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .admission-title-wrap h2{
      margin-bottom: 6.4vw;
      padding: 0;
    }
	}

.renew.sub .admission.form .admission-title-wrap h2 span{
  color: #d3dde8;
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
}
.renew.sub .admission.form .admission-title-wrap p{
  margin-bottom: 39px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .admission-title-wrap p{
      margin-bottom: 6.4vw;
      padding: 0;
    }
  }

.renew.sub .admission.form .admission-title-wrap p a{
  border-bottom: 1px solid #0071be;
  color: #0071be;
  padding-bottom: 5px;
  transition: .3s ease;
}
.renew.sub .admission.form .admission-title-wrap p a:hover{
  opacity: .7;
}

	@media screen and (max-width:767px) {
    .renew.sub .admission.form .admission-title-wrap .scroll-box{
      overflow: auto;
      width: calc(100vw - 6.66vw);
    }
  }

.renew.sub .admission.form .admission-title-wrap ul{

  display: flex;
  justify-content: center;
  padding: 30px 0;
  margin: 0 auto;
  max-width: 1300px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .admission-title-wrap ul{
      justify-content: space-between;
      margin: 0;
      padding: 4.12vw 0;
      width: 190vw;
    }
  }

.renew.sub .admission.form .admission-title-wrap ul li{
  align-items: center;
  background: url("/images/flow_arrow.png") right center no-repeat;
  color: #aaa;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  height: 44px;
  line-height: 1.6;
  padding: 0 20px ;
  text-align: left;
  width: calc(100% / 6);
}
@media screen and (max-width:1280px) {
  .renew.sub .admission.form .admission-title-wrap ul li .ds-non{
    display: none;
  }
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .admission-title-wrap ul li{
      background: url("/images/flow_arrow.png") right 3.73vw center /1.86vw auto no-repeat;
      font-size: 3.73vw;
      height: auto;
      line-height: 1.6;
      margin-right: 1.87vw;
      padding: 0 5vw 0 0;
      width: calc(100% / 6);
    }
  }

.renew.sub .admission.form .admission-title-wrap ul li:nth-child(n + 4){
  justify-content: center;
  padding: 0 30px 0 10px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .admission-title-wrap ul li:nth-child(n + 4){
      justify-content: flex-start;
      margin-right: 1.87vw;
      padding: 0 0 0 0;
    }
  }

.renew.sub .admission.form .admission-title-wrap ul li.current{
  color: #0071be;
}
.renew.sub .admission.form .admission-title-wrap ul li:last-child{
  background: none;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .admission-title-wrap ul li:last-child{
      flex: 1;
      padding-left: 0;
      width: auto;
    }
  }

.renew.sub .admission.form .admission-title-wrap ul li span{
  display: block;
  font-size: 12px;
  margin-bottom: 5px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .admission-title-wrap ul li span{
      font-size: 2.66vw;
      margin-bottom: 0;
    }
  }

.renew.sub .admission.form .admission-title-wrap{
  height: 307px;
}
  @media screen and (max-width:767px) {
    .renew.sub .admission.form .admission-title-wrap{
      height: 71vw;
    }
  }
.renew.sub .admission.form .admission-title-wrap .scroll-box.hold .inner{
  background: #fff;
  border-top: 1px solid #d3d3d4;
  box-shadow: 0px 3px 5px 2px rgb(0 0 0 / 8%);
  position: fixed;
  top: 91px;
  left: 0;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  z-index: 9999;
}
@media screen and (max-width:1360px) {
  .renew.sub .admission.form .admission-title-wrap .scroll-box.hold .inner{
    max-width: 1300px;
  }
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .admission-title-wrap .scroll-box{
      height: auto;
      overflow: auto;
    }
    .renew.sub .admission.form .admission-title-wrap .scroll-box.hold .inner{
      background: #fff;
      box-shadow: 0px 3px 5px 2px rgb(0 0 0 / 8%);
      position: fixed;
      top: 21vw;
      overflow: auto;
    }
  }

.renew.sub .admission.form input[type=radio]{
  display: none;
}
.renew.sub .admission.form label{
  transition: .3s ease;
}
.renew.sub .admission.form input[type=radio]:not(:checked) + label:hover{
  cursor: pointer;
  opacity: .7;
}
.renew.sub .admission.form .input-wrap{
  padding-top: 80px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap{
      padding-top: 18.66vw;
    }
  }

.renew.sub .admission.form .input-wrap h2{
  font-size: 24px;
  line-height: 1;
  margin-bottom: 0;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap h2{
      font-size: 5.6vw;
      padding: 0;
      text-align: left;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap h3{
  font-size: 18px;
  line-height: 1;
  margin-bottom: 40px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap h3{
      font-size: 4.8vw;
      line-height: 1.6;
      margin-bottom: 5.33vw;
      padding: 0;
    }
  }

/* wrap01 */
.renew.sub .admission.form .input-wrap .slct-wrap.wrap01{
  padding-top: 60px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap01{
      padding-top: 14.66vw;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap .type-box{
  width: 310px;
}
@media screen and (max-width:1340px) {
  .renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap .type-box{
    width: 23vw;
  }
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap .type-box{
      margin-bottom: 5.33vw;
      width: 40vw;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap .type-box .dsp-non{
  display: none;
}
@media screen and (max-width:1000px) {
  .renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap .type-box .dsp-non{
    display: block;
    margin-top: 10px;
  }
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap .type-box .dsp-non{
      display: none;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap label{
  align-items: center;
  background: #f7f8fa;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  height: 160px;
  justify-content: space-between;
  padding: 30px 0;
  width: 100%;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap label p{
  color: #0071be;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width:1000px) {
  .renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap label p{
    font-size: 2vw;
  }
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap label{
      background: #f7f8fa;
      border-radius: 5.33vw;
      color: #0071be;
      font-size: 5.33vw;
      height: 44.8vw;
      padding: 8vw 0 5.66vw;
      text-align: center;
      width: 100%;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap label p{
      align-items: center;
      display: flex;
      font-size: 4.8vw;
      height: 15.366vw;
      justify-content: center;
      line-height: 1.6;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap input[type=radio]:checked + label{
  background: #0071be;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap input[type=radio]:checked + label p{
  color: #fff;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap label::before{
  content: "";
  display: flex;
  height: 48px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap label::before{
      content: "";
      display: flex;
      height: 13.86vw;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap label.box-opc::before{
  background: url("/images/admission/gakkou-setsumeikai/form/icon_opn_off.svg") center center /contain no-repeat;
  width: 52px;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap input[type=radio]:checked + label.box-opc::before{
  background: url("/images/admission/gakkou-setsumeikai/form/icon_opn.svg") center center /contain no-repeat;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap label.box-scl::before{
  background: url("/images/admission/gakkou-setsumeikai/form/icon_scl_off.svg") center center /contain no-repeat;
  width: 50px;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap input[type=radio]:checked + label.box-scl::before{
  background: url("/images/admission/gakkou-setsumeikai/form/icon_scl.svg") center center /contain no-repeat;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap label.box-pri::before{
  background: url("/images/admission/gakkou-setsumeikai/form/icon_prv_off.svg") center center /contain no-repeat;
  width: 51px;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap input[type=radio]:checked + label.box-pri::before{
  background: url("/images/admission/gakkou-setsumeikai/form/icon_prv.svg") center center /contain no-repeat;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap label.box-onl::before{
  background: url("/images/admission/gakkou-setsumeikai/form/icon_onl_off.svg") center center /contain no-repeat;
  width: 58px;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap input[type=radio]:checked + label.box-onl::before{
  background: url("/images/admission/gakkou-setsumeikai/form/icon_onl.svg") center center /contain no-repeat;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap label.box-opc::before{
      width: 13.86vw;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap label.box-scl::before{
      width: 13.86vw;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap label.box-pri::before{
      width: 13.86vw;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap label.box-onl::before{
      width: 16vw;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap p{
  font-size: 12px;
  font-weight: bold;
  line-height: 1.6;
  padding-top: 4px;
  text-align: center;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap01 .type-wrap p{
      font-size: 3.2vw;
      padding: 0;
      text-align: left;
    }
  }

/* wrap02 */
.renew.sub .admission.form .input-wrap .slct-wrap.wrap02{
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.renew.sub .admission.form .input-wrap .slct-wrap.wrap02.open{
  height: auto;
  opacity: 1;
  padding-top: 120px;
  transition:opacity .5s ease;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap02.open{
      padding-top: 12vw;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box{
  max-width: 420px;
  width: 100%;
}
@media screen and (max-width:1340px) {
  .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box{
    max-width: 32.30%;
  }
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box{
      max-width: none;
      width: 40vw;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box .area-name{
  align-items: center;
  background: #f7f8fa;
  border-radius: 18px;
  color: #0071be;
  display: flex;
  font-size: 18px;
  font-weight: bold;
  height: 80px;
  justify-content: center;
  margin-bottom: 20px;
  width: 100%;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box .area-name{
      border-radius: 2.4vw;
      font-size: 4.8vw;
      height: 18.4vw;
      margin-bottom: 6.66vw;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box input[type=radio]:checked + label.area-name{
  background: #0071be;
  color: #fff;
}

.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box .pref-box{
  border: 2px solid #dee8f3;
  display: none;
  flex-wrap: wrap;
  margin: 30px 0;
  padding: 20px 10px 0;
  position: relative;
  width: 1300px;
  z-index: 1;
}
@media screen and (max-width:1360px) {
  .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box .pref-box{
    width: calc(100vw - 60px);
  }
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box .pref-box{
      justify-content: space-between;
      margin: 8vw 0;
      padding: 5.33vw 5.33vw 0;
      width: calc(100vw - 13.32vw);
      z-index: 1;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(2) .pref-box,
.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(5) .pref-box,
.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(8) .pref-box{
  margin-left: -440px;
}
@media screen and (max-width:1360px) {
  .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(2) .pref-box,
  .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(5) .pref-box,
  .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(8) .pref-box{
    margin-left: calc(-100% - 1.307vw);
  }
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(3) .pref-box,
.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(6) .pref-box,
.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(9) .pref-box{
  margin-left: -880px;
}
@media screen and (max-width:1340px) {
  .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(3) .pref-box,
  .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(6) .pref-box,
  .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(9) .pref-box{
    margin-left: calc(-200% - 2.614vw);
  }
}

	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(odd) .pref-box{
      margin-left: 0;
      width: calc(100vw - 16.32vw);
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(even) .pref-box{
      margin-left: calc(-30vw - 13.8vw);
      width: calc(100vw - 16.32vw);
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box input[type=radio]:checked + label + .pref-box{
  display: flex;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box input[type=radio]:checked + label + .pref-box::before{
  background: url("/images/admission/gakkou-setsumeikai/form/arr_pref.png") center center /contain no-repeat;
  content: "";
  display: block;
  height: 22px;
  left: calc(210px - 11px);
  position: absolute;
  top: -22px;
  width: 22px;
}

@media screen and (max-width:1340px) {
  .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box input[type=radio]:checked + label + .pref-box::before{
    left: calc(15vw - 11px);
  }
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(2) input[type=radio]:checked + label + .pref-box::before,
.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(5) input[type=radio]:checked + label + .pref-box::before,
.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(8) input[type=radio]:checked + label + .pref-box::before{
  left: calc(50% - 11px);
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(3) input[type=radio]:checked + label + .pref-box::before,
.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(6) input[type=radio]:checked + label + .pref-box::before,
.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(9) input[type=radio]:checked + label + .pref-box::before{
  left: auto;
  right: calc(210px - 11px);
}
@media screen and (max-width:1340px) {
  .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(3) input[type=radio]:checked + label + .pref-box::before,
  .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(6) input[type=radio]:checked + label + .pref-box::before,
  .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(9) input[type=radio]:checked + label + .pref-box::before{
    left: auto;
    right: calc(15vw - 11px);
  }
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(odd) input[type=radio]:checked + label + .pref-box::before{
      background: url("/images/admission/gakkou-setsumeikai/form/arr_pref_sp.png") center center /contain no-repeat;
      height: 5.33vw;
      left: calc(20vw - 2.66vw);
      position: absolute;
      top: -5.33vw;
      width: 5.33vw;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box:nth-of-type(even) input[type=radio]:checked + label + .pref-box::before{
      background: url("/images/admission/gakkou-setsumeikai/form/arr_pref_sp.png") center center /contain no-repeat;
      height: 5.33vw;
      left: auto;
      right: calc(20vw - 2.66vw);
      position: absolute;
      top: -5.33vw;
      width: 5.33vw;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box .pref-box label{
  align-items: center;
  background: #f7f8fa;
  border-radius: 10px;
  color: #0071be;
  display: flex;
  font-size: 18px;
  font-weight: bold;
  height: 58px;
  justify-content: center;
  margin: 0 11px 20px;
  width: 190px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box .pref-box label{
      border-radius: 2.696vw;
      font-size: 4.8vw;
      height: 15.06vw;
      justify-content: center;
      margin: 0 0 4vw;
      width: 22.4vw;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box .pref-box label.blank{
  display: none;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box .pref-box label.blank{
      display: block;
      height: 0;
      visibility: hidden;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap02 .area-wrap .area-box .pref-box input[type=radio]:checked + label{
  background: #0071be;
  color: #fff;
}

/* wrap03 */
.renew.sub .admission.form .input-wrap .slct-wrap.wrap03{
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;

}

.renew.sub .admission.form .input-wrap .slct-wrap.wrap03.open{
  height: auto;
  opacity: 1;
  transition:opacity .5s ease;
  padding-top: 100px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03.open{
      padding-top: 12vw;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 h3{
  margin-bottom: 54px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 h3{
      margin-bottom: 5.33vw;
    }
  }

	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info{
      align-items: center;
      border: 1px solid #0071be;
      border-radius: 3vw;
      color: #0071be;
      display: flex;
      font-size: 4vw;
      height: 6vw;
      margin: auto 0 auto auto;
      padding: 0 0 0 2.66vw;
      width: 36vw;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info::before{
      background: url("/images/admission/gakkou-setsumeikai/form/icon_qs.svg") center bottom / contain no-repeat;
      content: "";
      display: block;
      height: 4vw;
      width: 4vw;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap{
      border: 2px solid #dee8f3;
      display: none;
      margin: 8vw 0 0;
      padding: 5.33vw 0 1.33vw;
      position: relative;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap.open{
      display: flex;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap::before{
      background: url(/images/admission/gakkou-setsumeikai/form/arr_pref_sp.png) center center /contain no-repeat;
      content: "";
      display: block;
      height: 5.33vw;
      left: auto;
      position: absolute;
      right: 14.5vw;
      top: -5.33vw;
      width: 5.33vw;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap ul{
      margin-left: 5.33vw;
      font-size: 4vw;
      font-weight: bold;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap ul li{
      display: flex;
      line-height: 1.5;
      margin-bottom: 4vw;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap ul li::before{
      content: "";
      display: flex;
      justify-content: center;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap ul li.close{
      color: #aaa;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap ul li.close::before{
      background: url("/images/admission/gakkou-setsumeikai/form/cal_mark_crs.svg") center top /6vw auto no-repeat;
      height: 6vw;
      margin-right: 1.2vw;
      width: 7.46vw;
    }

		.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap ul li.later{
      color: #aaa;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap ul li.later::before{
      background: url("/images/admission/gakkou-setsumeikai/form/cal_mark_hi.svg") center top /6vw auto no-repeat;
      height: 6vw;
      margin: 2.2vw 1.2vw 0 0;
      width: 7.46vw;
    }

    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap ul li.afew{
      color: #0071be;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap ul li.afew::before{
      background: url("/images/admission/gakkou-setsumeikai/form/cal_mark_tri.svg") center top /7.46vw auto no-repeat;
      height: 6.4vw;
      margin-right: 1.2vw;
      width: 7.46vw;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap ul li.res-poss{
      color: #28a870;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap ul li.res-poss::before{
      background: url("/images/admission/gakkou-setsumeikai/form/cal_mark_cir.svg") center top /6.66vw auto no-repeat;
      height: 6.66vw;
      margin-right: 1.2vw;
      width: 7.46vw;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap ul li.school{
      color: #f79b38;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap ul li.school::before{
      background:#f79b38 url("/images/admission/gakkou-setsumeikai/form/icon_scl.svg") center center/5.2vw auto no-repeat;
      height: 6.66vw;
      margin-right: 2vw;
      width: 6.66vw;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap ul li.private{
      color: #f76a6a;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap ul li.private::before{
      background:#f76a6a url("/images/admission/gakkou-setsumeikai/form/icon_prv.svg") center center/5.2vw auto no-repeat;
      height: 6.66vw;
      margin-right: 2vw;
      width: 6.66vw;
    }
		.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap ul li.online{
			color: #2fc8d8;
		}
		.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap ul li.online::before{
			background:#2fc8d8 url("/images/admission/gakkou-setsumeikai/form/icon_onl.svg") center center/5.2vw auto no-repeat;
			height: 6.66vw;
			margin-right: 2vw;
			width: 6.66vw;
		}
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap ul li.open-c{
      color: #0071be;
    }
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .icon-info-wrap ul li.open-c::before{
      background:#0071be url("/images/admission/gakkou-setsumeikai/form/icon_opn.svg") center center/5.2vw auto no-repeat;
      height: 6.66vw;
      margin-right: 2vw;
      width: 6.66vw;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .capt-box{
  display: flex;
  justify-content: space-between;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .capt-box{
      align-items: center;
      flex-direction: column;
      margin-top: 10.66vw;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .capt-box p{
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .capt-box p{
      font-size: 4.8vw;
      margin-bottom: 5.33vw;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .capt-box p.pref{
  width: 260px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .capt-box p.pref{
      text-align: center;
      width: 100%;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .capt-box p.month{
  align-items: center;
  display: flex;
  line-height: 1;
  padding-left: 27px;
  justify-content: center;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .capt-box p.month{
      padding: 0 0 0 5.42vw;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .capt-box p.month a::after{
  background: url("/images/admission/gakkou-setsumeikai/form/cal_arr.svg") center center /contain no-repeat;
  content: "";
  display: block;
  height: 13px;
  margin-top: 5px;
  margin-left: 20px;
  width: 7px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .capt-box p.month a::after{
      background: url("/images/admission/gakkou-setsumeikai/form/cal_arr.svg") center center /contain no-repeat;
      content: "";
      display: block;
      height: 3.46vw;
      margin-left: 2.66vw;
      margin-top: 1vw;
      width: 1.86vw;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .capt-box::after{
  content: "";
  display: block;
  width: 260px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .capt-box::after{
      display: none;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table{
  width: 100%;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table,
.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table th,
.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td{
  border: 1px solid #aaa;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table th{
  background: #f4f4f5;
  font-size: 15px;
  font-weight: normal;
  padding: 15px 20px;
  text-align: left;
  width: calc(100% / 7);
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table th{
      font-size: 4vw;
      padding: 2.66vw;
      text-align: center;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table th:nth-child(1),
.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td:nth-child(1) .date-box .date{
  color: #f54545;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table th:nth-child(7),
.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td:nth-child(7) .date-box .date{
  color: #0071be;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td{
  padding: 10px 5px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td{
      padding: 1.33vw .66vw .66vw;
    }
  }
.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td.on{
  background: #f7f8fa;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box{
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  width: 100%;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .date{
  font-size: 15px;
  padding: 10px 10px 0;
  text-align: left;
  width: 100%;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .date{
      font-size: 4vw;
      padding: 2vw 0 0;
      text-align: center;
      width: 100%;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .icon{
  align-items: center;
  color: #aaa;
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-weight: bold;
  margin: 20px 0 18px;
}
	@media screen and (max-width:1120px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .icon{
      font-size: .98vw;
    }
  }
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .icon{
      font-size: 0;
      margin: 0;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .icon:before{
  align-items: center;
  content: "";
  display: flex;
  height: 80px;
  justify-content: center;
  margin-bottom: 15px;
  width: 88px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .icon:before{
      height: 12vw;
      margin-bottom: 0;
      width: 7.46vw;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .icon.close{
  color: #aaa;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .icon.close:before{
  background: url("/images/admission/gakkou-setsumeikai/form/cal_mark_crs.svg") center center /73px auto no-repeat;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .icon.close:before{
      background: url("/images/admission/gakkou-setsumeikai/form/cal_mark_crs.svg") center center /6vw auto no-repeat;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .icon.res-poss{
  color: #28a870;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .icon.res-poss:before{
  background: url("/images/admission/gakkou-setsumeikai/form/cal_mark_cir.svg") center center /80px auto no-repeat;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .icon.res-poss:before{
      background: url("/images/admission/gakkou-setsumeikai/form/cal_mark_cir.svg") center center /6.66vw auto no-repeat;
    }
  }

	.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .icon.later{
	  color: #aaa;
	}
	.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .icon.later:before{
	  background: url("/images/admission/gakkou-setsumeikai/form/cal_mark_hi.svg") center center /80px auto no-repeat;
	}
		@media screen and (max-width:767px) {
	    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .icon.later:before{
	      background: url("/images/admission/gakkou-setsumeikai/form/cal_mark_hi.svg") center center /6.66vw auto no-repeat;
	    }
	  }


.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .icon.afew{
  color: #0071be;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .icon.afew:before{
  background: url("/images/admission/gakkou-setsumeikai/form/cal_mark_tri.svg") center center /88px auto no-repeat;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .icon.afew:before{
      background: url("/images/admission/gakkou-setsumeikai/form/cal_mark_tri.svg") center center /7.46vw auto no-repeat;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .type{
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 12px;
  height: 30px;
  justify-content: center;
  width: 100%;
}
	@media screen and (max-width:1120px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .type{
      flex-direction: column;
      font-size: .98vw;
      height: 60px;
    }
  }
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .type{
      flex-direction: column;
      font-size: 0;
      height: 5.33vw;
    }
  }


.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .type::before{
  content: "";
  margin-right: 8px;
}
	@media screen and (max-width:1120px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .type::before{
      content: "";
      margin-right: 0;
      margin-bottom: 8px;
    }
  }
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .type::before{
      content: "";
      margin-right: 0;
      margin-bottom: 0;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .type.school{
  background: #f79b38;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .type.school::before{
  background: url("/images/admission/gakkou-setsumeikai/form/icon_scl.svg") center center /contain no-repeat;
  height: 21px;
  width: 19px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .type.school::before{
      height: 3.73vw;
      width: 4.4vw;
    }
  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .type.private{
  background: #f76a6a;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .type.private::before{
  background: url("/images/admission/gakkou-setsumeikai/form/icon_prv.svg") center center /contain no-repeat;
  height: 21px;
  width: 21px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .type.private::before{
      height: 4.4vw;
      width: 4.4vw;
    }
  }
	.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .type.online{
	  background: #2fc8d8;
	}
	.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .type.online::before{
	  background: url("/images/admission/gakkou-setsumeikai/form/icon_onl.svg") center center /contain no-repeat;
	  height: 21px;
	  width: 21px;
	}
		@media screen and (max-width:767px) {
	    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .type.online::before{
	      height: 4.4vw;
	      width: 4.4vw;
	    }
	  }

.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .type.open-c{
  background: #0071be;
}
.renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .type.open-c::before{
  background: url("/images/admission/gakkou-setsumeikai/form/icon_opn.svg") center center /contain no-repeat;
  height: 17px;
  width: 21px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap03 .table-box table td .date-box .type.open-c::before{
      height: 3.73vw;
      width: 4.4vw;
    }
  }

/* wrap04 */
.renew.sub .admission.form .input-wrap .slct-wrap.wrap04{
	display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;
  /*回り込み解除のため
  align-items: center;
  display: flex;
  justify-content: center;
*/
	
}

.renew.sub .admission.form .input-wrap .slct-wrap.wrap04.open{
  height: auto;
  opacity: 1;
  transition:opacity .5s ease;
  padding-top: 100px;
}
	@media screen and (max-width:767px) {
    .renew.sub .admission.form .input-wrap .slct-wrap.wrap04.open{
      padding-top: 12vw;
    }
  }


.renew.sub footer {
    /*background: none;*/
    padding: 0;
}


/* デジパン 各校TOP用　240216 edd
---------------------------------------------------------------------------- */
.renew .ebook{margin-top:9rem;}
.renew .ebook .cmn-2col-box{justify-content: space-around;width:60%;margin:3rem auto;}
.renew .ebook .cmn-2col-box .cont-img-box{width: calc(30% - 10px);}
.renew .ebook .cmn-2col-box .cont-img-box figure{margin-bottom:10px;}
.renew .ebook .cmn-2col-box .cont-img-box figure img{border:1px solid #aaa;}
@media screen and (max-width: 767px){
.renew .ebook{margin-top:3rem;}
.renew .ebook .cmn-2col-box{width:90%;}
.renew .ebook .cmn-2col-box .cont-img-box{width:100%;}
.renew .ebook h1{letter-spacing: 2px;line-height:1.5;}
}

/* デジパン 各校TOP用　240911 edd
---------------------------------------------------------------------------- */

.renew .ebook .cmn-3col-box{justify-content: space-around;width: 70%;margin:3rem auto;}
.renew .ebook .cmn-3col-box .cont-img-box{width: calc(25% - 10px);}
.renew .ebook .cmn-3col-box .cont-img-box figure{margin-bottom:10px;}
.renew .ebook .cmn-3col-box .cont-img-box figure img{border:1px solid #aaa;}
@media screen and (max-width: 767px){
.renew .ebook{margin-top:3rem;}
.renew .ebook .cmn-3col-box{width:90%;}
.renew .ebook .cmn-3col-box .cont-img-box{width:100%;}
.renew .ebook h1{letter-spacing: 2px;line-height:1.5;}
}