@charset "UTF-8";
/*---------------------------------------------------------
下層ページ用CSS
---------------------------------------------------------*/
html {
  font-size: 62.5%;
}
body {
  font-size: 1rem;
}

p{font-size: clamp(1.4rem, 4vw, 1.8rem);
    margin: 1.25vh 0 !important;
}
p,li,dt, dd,h1,h2,h3,h4{
    line-height: 1.5;
}
.f-box{
display: flex;
}
.f-box li {
    padding: 2%;
}
.text50 {
    width: 50%;
}
.ao_rec-fvarea{
    background-color:#fff;
}
.p-framecolumn__box_item--tel-num p strong{
    font-size: clamp(2.5rem, 6vw, 4rem);
}
.p-framecolumn__box_item--tel-num p small{
    font-size: calc(14 / 16 * 1em);
}
.ao_rec-fv{
    width:100%;
    max-width:1200px;
    margin:0 auto;
}
.ao_rec-fv{
    background: url(../img/high/ao_rec_univ/fv_bg-pc.png);
    background-size: cover;
    background-position:center center;
    position: relative;
    height: 400px;
}
.ao_rec-fv::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,75,112,0.3);
}
.ao_rec-fv > h1{
    position: absolute;
    width: 90%;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: clamp(2rem, 7vw, 3.5rem);
    font-weight: 700;
    /*color: #ffff00; */
    color: #da1c24;
      --x: 0 0 var(--text-outline--width, 3px) var(--text-outline--color, #fff);
      --y: var(--x), var(--x), var(--x), var(--x), var(--x), var(--x) /* 6 */;
      text-shadow: var(--y), var(--y), var(--y), var(--y), var(--y), var(--y) /* 6 * 6 = 36 */;
          font-weight: 900;
}
.ao_rec-fv > h1 > span{
    font-size: clamp(3rem, 7vw, 5rem);
}

@media screen and (max-width: 640px) {
/* 640pxまでの幅の場合に適応される */
.ao_rec-fv{
    background: url(../img/high/ao_rec_univ/fv_bg-sp.png);
    height: 250px;
}
}
/*---------------------------------------------------------
余白
---------------------------------------------------------*/
.m-1{margin:1vh 1vw;} .m-2{margin:2vh 2vw;} .m-3{margin:3vh 3vw;} .m-4{margin:4vh 4vw;} .m-5{margin:5vh 5vw;} 
.mt-1{margin-top:1vh;} .mt-2{margin-top:2vh;} .mt-3{margin-top:3vh;} .mt-4{margin-top:4vh;} .mt-5{margin-top:5vh;}
.mb-1{margin-bottom:1vh;} .mb-2{margin-bottom:2vh;} .mb-3{margin-bottom:3vh;} .mb-4{margin-bottom:4vh;} .mb-5{margin-bottom:5vh;} 
.ml-1{margin-left:1vw;} .ml-2{margin-left:2vw;}.ml-3{margin-left:3vw;}.ml-4{margin-left:4vw;}.ml-5{margin-left:5vw;}
.mr-1{margin-right:1vw;} .mr-2{margin-right:2vw;} .mr-3{margin-right:3vw;}.mr-4{margin-right:4vw;}.mr-5{margin-right:5vw;}

.p-1{padding:1vh 1vw;} .p-2{padding:2vh 2vw;} .p-3{padding:3vh 3vw;} .p-4{padding:4vh 4vw;} .p-5{padding:5vh 5vw;}
.pt-1{padding-top:1vh} .pt-2{padding-top:2vh;} .pt-3{padding-top:3vh;} .pt-4{padding-top:4vh;} .pt-5{padding-top:5vh;} 
.pb-1{padding-bottom:1vh;} .pb-2{padding-bottom:2vh;} .pb-3{padding-bottom:3vh;} .pb-4{padding-bottom:4vh;} .pb-5{padding-bottom:5vh;} 
.pl-1{padding-left:1vw;} .pl-2{padding-left:2vw;} .pl-3{padding-left:3vw;} .pl-4{padding-left:4vw;} .pl-5{padding-left:5vw;} 
.pr-1{padding-right:1vw;} .pr-2{padding-right:2vw;}  .pr-3{padding-right:3vw;}  .pr-4{padding-right:4vw;}  .pr-5{padding-right:5vw;} 

.w-1000,.w-1200.w-800,.w-600{margin: 0 auto;width: 90%;}
.w-1000{max-width: 1000px;}
.w-1200{max-width: 1200px;}
.w-800{max-width: 800px;}
.w-600{max-width: 600px;}
.pt-section{
    padding-top:5vh;
}
.pb-section{
    padding-bottom:5vh;
}
.bg-highgreen,.ao_rec-ttlBg{
    background: #01A56F;
}
.bg-reason{
    background-color: rgba(0, 75, 112, 1);
}
.ao_rec-ttlBg{
color:#fff;
padding:1.5vh 1vw;
    margin: 0 0 4vh;
}
.bg-lattice-wamgreen{
width:100%;
background-size: 16px 16px;
background-position: 50% 50%;
background-image: repeating-linear-gradient( 90deg, rgba(239,239,239,0.9) , rgba(239,239,239,0.9) 1px, transparent 1px, transparent 16px),repeating-linear-gradient( 0deg, rgba(239,239,239,0.9) , rgba(239,239,239,0.9) 1px, #fff 1px, #fff 16px);
}

/*---------------------------------------------------------
タイトル
---------------------------------------------------------*/
.ao_rec-ttlBox{
    display: flex;
    align-items: center;
    justify-content: center;
}
.ao_rec-ttlBox >li > span{
    display: flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #01A56F;
    font-size: clamp(2rem, 6vw, 4rem);
    font-family: "Roboto", sans-serif;
    font-weight:700;
}
.ao_rec-ttlBox >li > h2{
    margin-left: 1vw;
    font-size: clamp(1.4rem, 5.5vw, 2.5rem);
    line-height: 1.2;
    font-weight: 700;
}
@media screen and (max-width: 640px) {
/* 640pxまでの幅の場合に適応される */
.ao_rec-ttlBox >li > span{
    width: 40px;
    height: 40px;
}
}

/*---------------------------------------------------------
目次
---------------------------------------------------------*/
#toc {
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
    padding: 0vh 2vw 2vh;
        background: #fff;
  border: solid 1px #01A56F;
}
.mokuji {
      font-size: clamp(1.2rem, 3vw, 1.8rem);
    font-weight: bold;
    color: #fff;
    text-align: left;
    display: inline-block;
    background: #01A56F;
    padding: .5vh 1.5vw;
}
#toc ol {
  margin-top: 10px;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
list-style: none;
counter-reset: listnum; 
}
#toc > ol > li {
    font-size: clamp(1.6rem, 4vw, 2rem);
  margin-bottom: 1vh;
  font-weight: 700;
  list-style-position: inside;
  color: #333;
  display: flex;
}

#toc > ol > li::before{
    counter-increment: listnum;
	content: counter(listnum) ""; /* 半角スペースを入れて""の中にピリオドを追加 */
	margin-right: 5px;
	color: #01A56F;
	font-family: roboto;
	font-weight: bold;
	display: flex;
	    justify-content: center;
    align-items: center;
    border: 1px solid #01A56F;
    text-align: center;
	width:30px;
	height:30px;
	line-height:30px;
}
#toc ol a {
    text-decoration: underline;
    color: #333;
        display: inline;
}
#toc ol a:hover {
  opacity: .5;
}
#toc ol>ol {
  margin: 0;
  padding-left: 35px;
}
#toc ol>ol li {
 font-size: clamp(1.4rem, 4vw, 1.8rem);
  font-weight: 500;
  list-style: none;
}
#toc ol>ol li >a{
    text-decoration: none;
}
@media (max-width: 599px) {
  #toc {
    margin: 30px 0;
  }
  #toc > ol > li::before{
	width:20px;
	height:20px;
	line-height:20px;
}
}

/*---------------------------------------------------------
入試情報一覧
---------------------------------------------------------*/
.entrance_exam_infoBox > h3{
font-size: clamp(1.8rem, 3vw, 2rem);
    font-weight: 700;
    color: #da1c24;
    border-bottom: 1px solid #da1c24;
    padding: 0 0 .5vh;
    margin: 3vh 0 2vh;
}
.entrance_exam_infoBox > h4{
font-size: clamp(1.5rem, 2.5vw, 1.8rem);
    font-weight: 700;
    color: #333;
    padding: 0;
    margin: 0 0 1vh;
}
.entrance_exam_infoBox > h4:before{
    content: '●';
    color: #01A56F;
}
.entrance_exam_infoBox strong,
.entrance_exam_infoBox b{
    font-weight: 900;
}
.entrance_exam_infoBox >ol,
.entrance_exam_infoBox >ul,
.entrance_exam_infoBox > dl > dd >ol
.list-number{
    margin: 2vh 0;
}
.entrance_exam_infoBox >ol,
.entrance_exam_infoBox > dl > dd >ol
{
    list-style: decimal;
}
.entrance_exam_infoBox >ul,
.entrance_exam_infoBox > dl > dd >ul,
.b-indent >ul{
    list-style: disc;
}
.entrance_exam_infoBox >ol >li,
.entrance_exam_infoBox > dl > dd >ol >li,
.b-indent >ol >li{
    list-style: decimal;
}
.entrance_exam_infoBox >ul >li,
.entrance_exam_infoBox > dl > dd >ul >li,
.b-indent >ul >li{
    list-style: disc;
}
.entrance_exam_infoBox >ol >li,
.entrance_exam_infoBox >ul >li,
.entrance_exam_infoBox > dl > dd >ul >li,
.list-number >li,
.b-indent >li{
    font-size: clamp(1.4rem, 4vw, 1.8rem);
}
.entrance_exam_infoBox >ol >li,
.entrance_exam_infoBox > dl > dd >ol >li,
.b-indent >ol >li{
    margin-left: 1em;
}
.entrance_exam_infoBox >ul >li,
.entrance_exam_infoBox > dl > dd >ul >li,
.b-indent >ul >li
{
    margin-left: 1.25em;
}
.entrance_exam_infoBox span{
    font-weight: 900;
    background: linear-gradient(transparent 70%, #FFCC00 40%);
}
.list-number{
  list-style: none !important;
  counter-reset: number;
}
.list-number >li{
  position: relative;
  padding-left: 1.25em;
  margin-left: 0 !important;
}
.list-number >li::before{
  counter-increment: number;
  content: counter(number);
  position: absolute;
  top: 5px;
  left: 0;
  width: 12px;
  height: 12px;
  border: 1px solid #000;
  border-radius: 50%;
  font-size: 10px;
  text-align: center;
  line-height: 1.2;
}
.b-indent{
    padding-left: 1em;
}
.t-indent{
text-indent: -1em;
  padding-left: 1em;
}
.entrance_exam_infoBox > dl{
    display: flex;
    flex-wrap: wrap;
}
.entrance_exam_infoBox > dl > dt,
.entrance_exam_infoBox > dl > dd{
    padding: 1vh 1vw;
    font-size: clamp(1.4rem, 4vw, 1.8rem);
    margin: 0 0 1%;
}
.entrance_exam_infoBox > dl > dt{
    width: 20%;
    background:rgba(239,239,239,1);
    font-weight: 700;
    margin-right: 1%;
}
.entrance_exam_infoBox > dl > dd{
    width: 79%;
    background: rgba(239,239,239,0.5);
    border:1px solid rgba(239,239,239,1);
}

/*---------------------------------------------------------
総合型・学校推薦型対策
---------------------------------------------------------*/
.taisaku-ttl{
    text-align:center;
        padding: 0 0 3vh;
}
.taisaku-ttl > span{
font-size: clamp(2rem, 5.5vw, 3.5rem);
    font-weight: 700;
    line-height: 1.6;
    background: linear-gradient(transparent 70%, #FFCC00 50%);
}
.lavel-reason{
padding: 1vh 1vw;
    line-height: 1;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    border-radius: 0px 12px 0px 0px;
}
.lavel-reason > span{
    font-weight: 700;
    font-size: clamp(1.2rem, 3vw, 2rem);
    font-family: "Roboto", sans-serif;
}
.reason-box{
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    background: #fff;
}
.reason-box > h3{
    font-size: clamp(1.5rem, 3vw, 2rem);
    padding: 2vh 0 0;
    color:#da1c24;
    text-align: center;
    font-weight: 700;
}
.text50{width: 50%;}
.f-wrap{flex-wrap: wrap;}
.reason-box-contents{
    display: flex;
    align-items: center;
    justify-content: center;
}
.reason-box-contents-txt{
    width: 60%;
}
.reason-box-contents-txt > p{
    font-size: 14px;
}
.reason-box-contents-pct{
    width: 36%;
}

@media screen and (max-width: 640px) {
/* 640pxまでの幅の場合に適応される */
.text50 {
    width: 100%;
}
}
/*---------------------------------------------------------
WAMの総合型・学校推薦型対策なら
準備ゼロから合格させます！
---------------------------------------------------------*/
.about-wam{
    margin: 10vh auto 7vh;
    position: relative;
        width: 100%;
    max-width: 950px;
}
.about-wam > h2{
font-size: clamp(2rem, 3.25vw, 3.5rem);
    font-weight: 700;
    line-height: 1.3;
    color: #da1c24;
}
.about-wam-pct{
    position: absolute;
    right: 0;
    top: -80px;
    width: 40% !important;
}
.about-wam-list{
    max-width: 600px;
    margin: 4vh auto;
    padding: 2vh 2vw;
    background: #fff;
    border: 2px solid #da1c24;
    border-radius: 1vh;
}
.about-wam-list > li{
    font-size: clamp(1.4rem, 4vw, 1.8rem);
    font-weight:700;
    color:#da1c24;
    line-height:1.3;
        margin: 0 0 1vh;
}
.about-wam-list > li:last-child{margin: 0;}
.about-wam-list > li:before{
font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f14a';
    margin: 0 5px 0 0;
}
@media screen and (max-width: 640px) {
/* 640pxまでの幅の場合に適応される */
.about-wam {
    margin: 4vh auto 2vh;
}
}