/*--------------
common
--------------*/
.page-KV{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(var(--section-margin) / 2);
}

.page-KV:first-of-type{
  margin-top: min(6rem, 16vw);
  margin-bottom: var(--section-margin);
}

.page-KV_textArea{
  position: relative;
  background: var(--bg-graLg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: min(4rem,8vw) 0;
}

.page-KV_blue .page-KV_textArea{
  background: linear-gradient(90deg,rgba(0, 161, 226, 0.2) 0%, rgba(55, 236, 186, 0.2) 69%);
}

.page-KV_title{
  font-size: var(--font-size);
  background: linear-gradient(90deg, rgba(254, 254, 254, 1) 75%, rgba(209, 255, 216, 0) 100%);
  text-align: center;
  padding: min(1rem, 2vw);
  width: min(30rem, 88vw);
  -webkit-animation: left_fade .8s .5s forwards;
  animation: left_fade .8s .5s forwards;
  opacity: 0;
}

.page-KV_details{
  position: relative;
  text-align: center;
  color: var(--color-white);
  background: linear-gradient(90deg, rgba(0, 161, 86, 1) 66%, rgba(209, 255, 216, 0) 100%);
  padding: min(2rem, 3vw) min(2rem, 2vw);
  width: min(32rem, 87vw);
  font-weight: 500;
  font-size: min(1.24rem, 3.6vw);
  margin: 0 0 0 auto;
  -webkit-animation: left_fade .8s .6s forwards;
  animation: left_fade .8s .6s forwards;
  opacity: 0;
}

.page-KV_blue .page-KV_details{
  background: linear-gradient(90deg, rgba(0, 161, 226, 1) 66%, rgba(0, 161, 226, 0) 100%);
}

@keyframes left_fade {
  0% {
    opacity: 0;
    transform: translate3d(-30px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}

.page-KV_arrow{
  position: absolute;
  width: min(6rem, 14vw);
  left: -11%;
  bottom: -26%;
}

.page-KV_imageArea{
  -webkit-animation: image_fade .8s .5s forwards;
  animation: image_fade .8s .5s forwards;
  opacity: 0;
}
@keyframes image_fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.page-KV_imageArea,.page-KV_textArea{
  width: 100%;
}

.page-KV_imageArea picture{
  display: block;
  width: 100%;
  height: 100%;
}

.page-KV_imageArea picture img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.page-main{
  margin-bottom: calc(var(--section-margin) / 2);
}

.page-contents{
  margin-bottom: calc(var(--section-margin) / 1.5);
  -webkit-animation: image_fade .8s .5s forwards;
  animation: image_fade .8s .5s forwards;
  opacity: 0;
}

.page-contents_inner{
  margin-bottom: calc(var(--section-margin) / 3);
}

/*---- bg -----*/
.bg-yg{
  background: #eaf7e3;
  padding: calc(var(--section-margin) / 2) 0;
}

.bg-yg>.contents,.bg-bl>.contents{
  background: var(--color-white);
  border-radius: var(--b-radius);
  padding: calc(var(--bg-padding) * 2);
}

.bg-bl{
  padding: calc(var(--section-margin) / 2) 0;
  background: #d9f1fb;
}

/*---- page links -----*/
.page-flexContents{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--flex-gap);
}

.page-flexContents_half,
.page-flexContents_three,
.page-flexContents_40,
.page-flexContents_60{
  width: 100%;
}

/*---- page title -----*/
.page .contents-title2{
  padding-bottom: min(1.4rem, 5vw);
}
.page .contents-title2>h3{
font-size: var(--font-size);
letter-spacing: 0;
}

.page .contents-title2>h3 small{
  display: block;
  font-size: min(1.4rem, 5vw);
}

.page-contentsTitle{
  font-size: min(1.5rem, 4.5vw);
  padding-bottom: min(1rem,1.4vw);
}

.contents-title2_exText{
  text-align: center;
  font-size: min(1.24rem, 3.64vw);
  padding-bottom: min(1.6rem, 5.24vw);
  letter-spacing: 0;
}

/*---- page links -----*/
.page-pageLinkList{
  display:flex;
  gap: var(--flex-gap);
  flex-wrap: wrap;
  margin-bottom: var(--section-margin);
}

.page-pageLinkList_item>a{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: min(4vw,1.3rem);
  gap: min(.6rem);
  line-height: 1.5;
}

.page-pageLinkList>.page-pageLinkList_item{
  width: calc((100% - var(--flex-gap)) / 2);
}

.page-pageLinkList>.page-pageLinkList_item._item__full{
  width: 100%;
}

.page-pageLinkList_item>a>span.pageLink-arrow{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border:solid min(.16rem,.5vw) var(--color-black);
  border-radius: 50%;
  width: min(2.5rem, 7vw);
  height: min(2.5rem, 7vw);
  transition: var(--transition);
}

.page-pageLinkList_item>a>span.pageLink-title{
  width: calc((100% - min(.6rem)) - min(2.5rem, 7vw));
}

span.pageLink-arrow svg{
  display: block;
  width: 56%;
}


/*---- ball deco -----*/
.ball-deco{
  position: absolute;
}

.ball-deco.-deco1{
  width: 10%;
  bottom: 5%;
  right: min(33%);
}
.ball-deco.-deco2{
  width: 17%;
  bottom: -9%;
  right: min(7%);
}
.ball-deco.-deco3{
  width: 10%;
  bottom: -9%;
  right: min(30%);
}
.ball-deco.-deco4{
  width: 17%;
  bottom: 0%;
  right: min(7%);
}

.ball-deco img{
  opacity: 0;
  -webkit-animation: ball_fade .8s calc(.6s * var(--delay)) forwards;
  animation: ball_fade .8s calc(.6s * var(--delay)) forwards;
}

@keyframes ball_fade {
  0%{
    opacity: 0;
    transform: translateY(10px);
  }
  100%{
    opacity: 1;
    transform: translateY(0px);
  }
}


@media screen and (min-width:768px) {
  .page-KV_textArea{
    padding: 0;
  }

  .page-KV_textArea_inner{
    width: min(45rem, 100%);
    margin: 0 auto;
  }

  .page-KV_title{
    width: min(30rem, 36vw);
  }
  .page-KV_details{
    width: min(32rem, 44vw);
    font-size: min(1.24rem, 2vw);
  }

  .page-KV_textArea,.page-KV_imageArea{
    width: calc(100% / 2);
    height: min(30rem);
  }

  .page-KV_arrow{
    width: min(8rem, 8vw);
    left: -14%;
    bottom: -37%;
  }

  .page-contents_inner{
    margin-bottom: calc(var(--section-margin) / 3);
  }

  /*---- bg -----*/
  .bg-yg>.contents{
    padding: calc(var(--bg-padding) * 3);
  }

  /*---- page links -----*/
  .page-flexContents_half{
    width: calc((100% - var(--flex-gap)) / 2);
  }

  .page-flexContents_40{
    width: calc((100% - var(--flex-gap)) - 60%);
  }
  .page-flexContents_60{
    width: calc((100% - var(--flex-gap)) - 40%);
  }

  .page-pageLinkList_item>a{
    justify-content: flex-start;
  }

  .page-pageLinkList_item>a:hover{
    opacity: var(--hover-opacity);
  }
  .page-pageLinkList_item>a:hover span.pageLink-arrow{
    transform: var(--hover-scale);
  }

  /*---- page links -----*/
  .page-pageLinkList{
    gap: calc(var(--flex-gap) / 2);
  }
  .page-pageLinkList>.page-pageLinkList_item,
  .page-pageLinkList>.page-pageLinkList_item._item__full{
    width: calc((100% - calc(calc(var(--flex-gap) / 2) * 2)) / 3);
  }

  /*---- ball deco -----*/
  .ball-deco.-deco1{
    width: 6%;
    bottom: 0;
    right: min(30%);
  }
  .ball-deco.-deco2{
    width: 12%;
    bottom: -27%;
    right: min(7%);
  }
  .ball-deco.-deco3{
    width: 6%;
    bottom: -25%;
    right: min(30%);
  }
  .ball-deco.-deco4{
    width: 12%;
    bottom: -3%;
    right: min(7%);
  }
}

@media screen and (min-width:1024px) {
  .page-KV_textArea, .page-KV_imageArea{
    height: min(33rem, 35vw);
  }
  .page-flexContents_three{
    width: calc((100% - calc(var(--flex-gap) * 2)) / 3);
  }
}

/*--------------
TOPICS
--------------*/
.p-topicsList{
  padding-bottom: var(--section-margin);
}

.p-topicsList .newsList-item a{
  padding: min(1rem, 2.4vw) 0;
  line-height: 1.6;
}

body.single,body.category{
  background: var(--bg-graLg);
}

/*-- single --*/
.page-single{
  word-break: break-word;
}

.page-single_contents{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: calc(var(--flex-gap) * 3);
  width: min(90rem, 90%);
  margin: 0 auto;
}

.page-single_titleArea{
  margin-bottom: calc(var(--section-margin) / 3);
}

.page-single_titleArea p.page-single_title{
  font-size: var(--font-size);
  margin-top: min(.5rem);
  line-height: 1.5;
}

.page-single_dateArea{
  display: flex;
  align-items: center;
  gap: min(.5rem);
}

.page-single_wrapper{
  background: var(--color-white);
  border-top: solid 1px var(--color-gray);
  border-bottom: solid 1px var(--color-gray);
  padding: var(--bg-padding);
}

.page-single_wrapper h1{
  margin-top: min(2.4rem, 6.64vw);
  font-size: min(2rem, 5vw);
  background: var(--bg-graLg);
  padding: min(.5rem, 2vw);
  line-height: 1.5;
  word-break: break-word;
  font-weight: 600;
}

.page-single_wrapper h2{
  margin-top: min(2rem, 5.64vw);
  padding-left: min(.5rem, 1.24vw);
  font-size: min(2rem, 4.64vw);
  border-left: solid min(.5rem, 1.24vw) var(--color-green2);
  word-break: break-word;
  line-height: 1.5;
  font-weight: 600;
}

.page-single_wrapper h3{
  margin-top: min(2rem, 3.64vw);
  font-size: min(1.83rem,4.24vw);
  word-break: break-word;
  font-weight: 600;
}

.page-single_wrapper p{
  margin-top: min(1.4rem,2.4vw);
}
.page-single_wrapper p a{
  text-decoration: underline;
  color: var(--color-green);
  font-weight: 600;
}

.page-single_wrapper ul{
  margin-top: min(1.4rem);
  display: flex;
  flex-direction: column;
  gap: min(1vw, .4rem);
}
.page-single_wrapper ul li{
  position: relative;
  padding-left: min(.8rem, 4vw);
}
.page-single_wrapper ul li::before{
  position: absolute;
  content: "";
  background: var(--color-green2);
  width: min(.4rem, 2vw);
  height: min(.4rem, 2vw);
  border-radius: 50%;
  left: 0;
  top: min(.7rem, 2.4vw);
}

.single-links{
  text-align: center;
  padding-top: calc(var(--section-margin) / 3);
  margin-top: calc(var(--section-margin) / 3);
  margin-bottom: calc(var(--section-margin) / 2);
  border-top: solid 1px rgb(12 10 10 / 10%);
}

.page-single_wrapper blockquote{
  background: #c4ba000f;
  padding: var(--bg-padding);
  margin:min(3.24rem, 8vw) 0 0 ;
}

.page-single_wrapper blockquote ul{
  padding-bottom: 0;
}

.single-pageNation{
  border-top: solid 1px var(--color-gray);
  margin-top: min(6rem, 12vw);
  padding-top: min(3rem, 6vw);
  display: flex;
  align-items: center;
  justify-content: center
}

/*-- sideBar --*/
aside.sidebar{
  width: 100%;
}

.sidebar-wrapper h3{
  color: var(--color-green);
  border-top: solid 2px var(--color-green);
  border-bottom: solid 2px var(--color-green);
  font-size: min(1.4rem);
  padding: min(1rem);
}

ul.sidebar-categoryList{
  padding: min(2rem, 6vw) 0;
  border-bottom: solid 2px var(--color-green);
  display: flex;
  flex-wrap: wrap;
  gap: min(.6rem);
}

li.sidebar-categoryList_item a span{
  position: relative;
  padding-left: min(1rem, 3vw);
}
li.sidebar-categoryList_item a span::before{
  position: absolute;
  content: "";
  width: min(.6rem, 1.8vw);
  height: min(.6rem, 1.8vw);
  border-radius: .2rem;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

li.sidebar-categoryList_item.cate-news a span::before{
  background: #1f97ab;
}
li.sidebar-categoryList_item.cate-event a span::before{
  background: #dd8bd1;
}
li.sidebar-categoryList_item.cate-important a span::before{
  background: #a665ab;
}
li.sidebar-categoryList_item.cate-students a span::before{
  background: #1f8b40;
}
li.sidebar-categoryList_item.cate-general a span::before{
  background: #ff9759;
}
li.sidebar-categoryList_item.cate-activity a span::before{
  background: #1fc7ab;
}


/*-- topics --*/
.page-category_wrapper .newsList-item:first-of-type a{
  border-top: solid 1px currentColor;
}

.page-category_wrapper{
  width: 100%;
}


@media print,screen and (min-width:768px) {
  .page-single_contents{
    flex-direction: row-reverse;
    gap: var(--flex-gap);
  }

  .p-topics-item>a:hover{
    color: #aaa;
  }
}

@media print,screen and (min-width:1024px) {
  .page-single_contents .sidebar{
    width: min(16rem);
  }

  .page-single_wrapper,.page-category_wrapper{
    width: calc((100% - var(--flex-gap)) - min(16rem));
  }

  .page-single_wrapper p a:hover{
    opacity: .6;
  }

  /*-- sideBar --*/
  ul.sidebar-categoryList{
    flex-direction: column;
    justify-content: center;
  }
}



/*--------------
Interview
--------------*/
.page-KV_interview{
  margin-top: min(5rem, 14vw);
  margin-bottom: min(10rem, 24vw);
  -webkit-animation: image_fade .8s .5s forwards;
  animation: image_fade .8s .5s forwards;
  opacity: 0;
}

.page-KV_interview_inner{
  position: relative;
  background: url(img/page/KV-interview.webp) no-repeat center;
  background-size:cover;
  display: flex;
  align-items: center;
  justify-content: center;
  height: min(30rem, 78vw);
}

.page-KV_interviewTitle{
  color: var(--color-white);
  width: 90%;
}

.page-KV_interviewTitle h2{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(4rem, 8vw);
  gap: min(1rem);
  padding-bottom: min(2rem, 4vw);
}

.page-KV_interviewTitle h2 span:nth-of-type(2){
  width: min(6rem, 12vw);
}

.svg-white{
  fill: var(--color-white);
  display: block;
}

.page-KV_interviewTitle p{
  font-size: var(--font-size3);
  text-align: center;
}

.page-interview_intro .contents-title2{
  padding-bottom: min(1rem, 3vw);
}

.page-interview_intro .contents-title2>h3{
  font-size: min(2rem, 6vw);
}

.page-interviewList{
  display: flex;
  flex-direction: column;
  gap: calc(var(--section-margin) / 2);
}

.page-interviewList_item{
  flex-wrap: wrap;
  background: var(--color-green);
  color: var(--color-white);
  display: flex;
  width: 100%;
  justify-content: space-between
}

.interviewer-prof{
  display: flex;
  flex-direction: column;
  gap: min(1.14rem,2vw);
}

.interviewer-prof p{
  font-size: var(--font-size3);
}

.page-interviewList_item .interviewer-prof{
  width: 100%;
  padding: min(2rem, 4vw) min(4rem, 6vw);
}

.page-interviewList_item p{
  font-size: min(1.24rem,3.83vw);
}

p.interviewer-prof_title{
  font-size: min(1rem);
}

.interviewer-prof_item.-prof_name{
  padding-bottom: min(2rem, 1vw);
}

.interviewer-prof_item.-prof_name .name{
  font-size: min(2.4rem, 6.83vw);
}

.interviewer-prof .interviewer-prof_text{
    margin-top: min(1.24rem);
}

.page-interviewList_item .interviewer-other{
  display: contents;
}

.interviewer-thumb .thumbnail{
  aspect-ratio: unset;
  height: 100%;
  border-radius: 0;
}

.interviewer-other .work-genre{
  border:solid min(3px,.6vw) var(--color-white);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0;
  font-size: min(1.6rem,5vw);
}

.interview-link{
  position: relative;
}
.interview-link_btn{
  border-radius: 50%;
  background: var(--color-white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1 / 1;
}

.svg-green{
  fill: var(--color-green);
}

.interview-link_btn .svg-green{
  width: 42%;
  margin-top:min(1rem,2vw);
}

.interview-link p.click-image{
  position: absolute;
  width: 65%;
  top: -30%;
  left: 50%;
  transform: translateX(-50%);
}


/*------- interview -------*/
.page-KV_interviewSingle{
  margin-top: min(5rem, 14vw);
  position: relative;
  height: min(30rem, 68vw);
  -webkit-animation: image_fade .8s .5s forwards;
  animation: image_fade .8s .5s forwards;
  opacity: 0;
}

picture.interviewSingle-image{
  display: block;
  overflow: hidden;
  width: 100%;
  height: min(30rem, 68vw);
}
picture.interviewSingle-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.page-KV_interviewSingle_copy{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-white);
  background: var(--color-green);
  padding: calc(var(--bg-padding) / 2);
  text-align: center;
  font-size: min(1.5rem,4vw);
  width: min(60rem, 86%);
}

/*--- profile ---*/
.page-interviewerProf{
  background: var(--color-green);
  color: var(--color-white);
  -webkit-animation: image_fade .8s .5s forwards;
  animation: image_fade .8s .5s forwards;
  opacity: 0;
}

.page-interviewerProf .page-interviewerProf_wrapper{
  display: flex;
  padding-top: min(6rem, 12vw);
  flex-direction: row-reverse;
}

.page-interviewerProf_image{
  width: 50%;
  margin-bottom: -3%;
}
.page-interviewerProf_image picture{
  display: block;
  overflow: hidden;
  border-radius: 0 min(2rem) min(2rem) 0;
  height: 100%;
}
.page-interviewerProf_image picture img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.page-interviewerProf_date{
  width: 50%;
  padding:0 min(3rem,6vw) min(6rem,6vw);
  display: flex;
  align-items: flex-start;
  gap: min(2rem, 5vw);
}

.page-interviewerProf_title{
  writing-mode: tb;
  border: solid 2px currentColor;
  font-size: var(--font-size2);
  padding: min(1rem) min(.5rem);
  letter-spacing: .2em;
  line-height: 1.5;
}

/*--- contents ---*/
.page-singleInterviewContents{
  margin: calc(var(--section-margin) / 1) 0 calc(var(--section-margin) / 2);
}

.page-singleInterviewContents h3{
  font-size: min(2.24rem, 6vw);
  text-align: center;
  padding-bottom: min(2.4rem, 4vw);
}

.page-singleInterviewContents h3 .farming-name{
  text-align: center;
  font-size: min(1.4rem, 4vw);
  padding-top: min(1rem, 1vw);
  display: block;
}

.page-interviewContents_item{
  background: var(--color-white);
  border-top: solid 1px var(--color-black);
  border-bottom: solid 1px var(--color-black);
  padding:min(4rem,4vw);
  margin-bottom: calc(var(--section-margin) / 2);
}

.qa-icon{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  width: min(5rem,12vw);
  color: var(--color-white);
  font-size: 210%;
  line-height: 1;
}
.qa-icon.-icon-q{
  background: var(--color-green);
}
.qa-icon.-icon-a{
  background: #b2eecc;
  color: var(--color-black);
}

.interview-text{
  display: flex;
  align-items: flex-start;
  padding-bottom: min(2rem, 4vw);
  gap: min(2rem, 4vw);
}

.interview-text.interviewContents-q .qa-text{
  width: calc(100% - min(5rem,12vw));
  line-height: 1.5;
}

.qa-text{
  font-size: min(1.6rem, 4.64vw);
}

.interview-answer .qa-icon{
  float: left;
  margin-right: min(2rem, 4vw);
}

.interview-answer_text p{
  font-size: min(1.14rem, 3.64vw);
  letter-spacing: 0;
}


@media print,screen and (min-width:768px) {
  .page-interviewList_item .interviewer-prof{
    width: 58%;
    padding: min(4rem) 0 min(4rem) min(5rem);
  }

  .page-interviewList_item .interviewer-other{
    width: 26%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: min(4rem) min(6rem) min(4rem) 0;
  }

  .interviewer-other .work-genre{
    aspect-ratio: 1 / 1;
  }

  a.interview-link{
    width: min(8rem);
    margin: 0 auto;
  }

  a.interview-link:hover{
    transform: var(--hover-scale);
    opacity: var(--hover-opacity);
  }

  .interview-text{
    align-items: center;
  }
}

@media print,screen and (max-width:768px) {
  .interviewer-thumb{
    order: 1;
  }
  p.work-genre{
    order: 2;
    margin: min(4rem, 6vw) min(4rem, 6vw) 0;
    padding: min(1rem, 2vw) min(2rem, 4vw);
  }
  .page-interviewList_item .interviewer-prof{
    order: 3;
  }
  a.interview-link{
    order: 4;
    width: min(8rem, 21vw);
    margin: min(4rem, 4vw) min(4rem, 6vw) min(4rem, 6vw) auto;
  }
  .interview-link p.click-image{
    top: -35%;
  }

  /*--- profile ---*/
  .page-interviewerProf .page-interviewerProf_wrapper{
    flex-wrap: wrap;
  }
  .page-interviewerProf_date{
    flex-wrap: wrap;
    width: min(100%, 29rem);
    margin: 0 auto;
  }

  .page-interviewerProf_image{
    width: 95%;
    margin: 0 auto -3% 0;
  }
}

@media print,screen and (min-width:1024px) {
  .page-interviewList_item{
    flex-wrap: nowrap;
    padding-right: min(12rem, 8vw);
  }
  .page-interviewList_item .interviewer-thumb{
    width: 56%;
  }
  .page-interviewList_item .interviewer-prof{
    width: 34%;
    padding: min(4rem) min(4rem, 2vw) min(4rem) min(4rem, 2vw);
  }
  .page-interviewList_item .interviewer-other{
    width: 10%;
    padding: min(4rem) 0;
  }

  a.interview-link{
    width: auto;
  }

  .interviewer-thumb .thumbnail{
    border-radius: 0 calc(var(--b-radius) * 4) calc(var(--b-radius) * 4) 0;
  }
}


/*--------------
Gradate/recruitment
--------------*/
.page-contactInfo .contents{
  border: solid 1px var(--color-black);
  padding: calc(var(--bg-padding) * 1.5);
  text-align: center;
  width: min(49rem, 80%);
}

.page-contactInfo ul li a{
  color: var(--color-blue);
  text-decoration: underline;
}

.page-contactInfo_title{
  color: var(--color-white);
  background: #5b5b5b;
  font-size: min(1.24rem, 3.83vw);
  font-weight: 500;
  padding: min(1.24rem, 3vw);
  margin-bottom: min(1rem, 2vw);
}

p.page-contactInfo_tel{
  font-size: min(2.24rem,7vw);
  line-height: 1.5;
}

.page-graduates p a{
  color: var(--color-blue);
  text-decoration: underline;
}

.page-contactInfo .deco-human.-human2{
  width: min(8rem, 11vw);
  bottom: -5rem;
  left: -15%;
}

.page-graduates table td ul{
  margin-top: min(.6rem);
}

.archive-openCampus .page-flexContents{
  align-items: center;
}

.archive-openCampus .page-flexContents p.openCampus-details{
  font-size: var(--font-size3);
  letter-spacing: 0;
}

.archive-openCampus .page-contactInfo{
  border: solid 1px var(--color-black);
  padding:var(--bg-padding);
}

.archive-openCampus .page-contactInfo .page-contactInfo_title{
  text-align: center;
  padding: min(1rem, 3vw);
}


/*recruitment*/
.overviewList dl{
  margin-bottom: calc(var(--section-margin) / 6);
}

.overviewList dl>dt{
  display: flex;
  align-items: center;
  gap: calc(var(--flex-gap) / 4);
  font-weight: 500;
  font-size: min(1.24rem, 4vw);
  padding-bottom: min(.5rem);
}
.overviewList dl>dt > span.overviewList-num{
  color: var(--color-white);
  background: var(--color-green2);
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: min(2rem, 6vw);
  height: min(2rem, 6vw);
}

.overviewList dl>dd{
  padding-left: min(4.6rem, 11vw);
  position: relative;
}
.overviewList dl>dd::before{
  position: absolute;
  content: "";
  width: min(1rem, 3vw);
  height: min(1rem, 3vw);
  border-left: solid min(.124rem) var(--color-black);
  border-bottom: solid min(.124rem) var(--color-black);
  left:min(3rem,7vw);
}

.overviewList dl>dd a{
  color: var(--color-blue);
  text-decoration: underline;
}


@media print,screen and (max-width:768px) {
  .page-contactInfo .contents{
    margin: 0 0 0 min(14vw, 5rem);
  }

  .page-contactInfo .deco-human.-human2{
    width: min(6rem, 16vw);
    bottom: -22%;
    left: -10%;
  }
}


/*--------------
about
--------------*/
.page-aboutUs_details .page-aboutUs_students{
  width: min(35rem, 38vw);
  margin: min(8rem, 2vw) auto 0;
}

.page-aboutUs_picture{
  display: flex;
  flex-direction: column;
  gap: calc(var(--flex-gap) / 2);
}

picture.page-aboutUs_greetingImage{
  display: block;
  margin-bottom: calc(var(--section-margin) / 4);
}

.page-aboutUs_greeting p{
  padding-bottom: min(1.4rem);
}

.greeting-principalName{
  text-align: right;
  padding-top: min(2rem);
}

.greeting-principalName img{
  width: min(14rem,42vw);
}
.greeting-principalName p{
  padding-bottom: 0;
}

/*-----学科紹介-----*/
.page-aboutUs_majorContents{
  padding-bottom: calc(var(--section-margin) / 2);
}

.page-aboutUs_majorContents p{
padding-bottom: min(2rem,4vw);
}

.page-aboutUs_majorContents a.linkBtn{
  margin: 0 0 0 auto;
}

.obiTitle-gra{
  display: flex;
  align-items: center;
  gap: calc(var(--flex-gap) / 3);
  background: linear-gradient(90deg,rgba(0, 161, 86, 1) 0%, rgba(0, 211, 0, 0.8) 50%, rgba(55, 236, 186, 0) 100%);
  color: var(--color-white);
  padding: min(.5rem);
  margin-bottom: min(1rem);
}

.obiTitle-gra.-gra_blue{
  background: linear-gradient(90deg,rgba(0, 96, 134, 1) 0%, rgba(0, 161, 226, 0.8) 50%, rgba(55, 236, 186, 0) 100%);
}
.obiTitle-gra.-gra_pink{
  background: linear-gradient(40deg,rgba(231, 52, 127, 1) 0%, rgba(242, 156, 151, 0.8) 50%, rgba(249, 202, 150, 0) 100%);
}
.obiTitle-gra.-gra_white{
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
  color: var(--color-black);
}

.obiTitle-gra h3{
  font-size: var(--font-size2);
  letter-spacing: .2em;
}

.obiTitle-gra div.number{
  background: var(--color-white);
  color: var(--color-green);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(3rem,9vw);
  height: min(3rem,9vw);
}
.obiTitle-gra div.number span{
  font-size: 150%;
}

.obiTitle-gra div.number img.obiTitle-img{
  width: 55%;
}

.obiTitle-gra.-gra_blue div.number{
  color: #005983;
}

.page-aboutUs_policy .deco-human.-human1{
  width: min(15rem, 33%);
  right: 0;
  top: -38%;
}

.page-aboutUs_department{
  display: flex;
  flex-direction: column;
  gap: calc(var(--flex-gap) * 2);
  width: min(52rem, 100%);
  margin: 0 auto;
}

.department-item{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: calc(var(--flex-gap) / 2);
}

.department-title{
  width: min(10rem);
}

.department-title >p{
  text-align: center;
  color:var(--color-white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: min(10rem, 28vw);
  height: min(10rem, 28vw);
  border-radius: 50%;
  font-size: 174%;
  line-height: 1.5;
}

.department-title.-title_green >p{
  background: linear-gradient(40deg,rgba(0, 104, 86, 1) 0%, rgba(0, 211, 0, 0.8) 50%, rgba(55, 236, 186, 0) 100%);
}

.department-title.-title_blue >p{
  background: linear-gradient(40deg,rgba(0, 96, 134, 1) 0%, rgba(0, 161, 226, 0.8) 50%, rgba(55, 236, 186, 0) 100%);
}

.department-textArea{
  width: 100%;
}

.department-textArea ul{
  display: flex;
  flex-direction: column;
  gap: calc(var(--flex-gap) / 4);
}

.department-textArea ul li a{
  color: var(--color-green);
  text-decoration: underline;
}

.overflowList-item{
  display: flex;
  flex-wrap: wrap;
  padding: calc(var(--bg-padding) / 2) var(--bg-padding);
}
.overflowList-item:nth-of-type(odd){
  background: #81ce5b1f;
}

.overflowList-item dt{
  font-size: var(--font-size3);
  width: min(10rem);
}
.overflowList-item dt span{
  position: relative;
  padding-left: min(1rem, 3.4vw);
}
.overflowList-item dt span::before{
position: absolute;
  content: "";
  background: var(--color-yg);
  width: .6rem;
  height: .6rem;
  top: min(8px, 1.6vw);
  left: 0;
  border-radius: 50%;
}

.overflowList-item dd{
  width: 100%;
}

.page-aboutUs_access .page-flexContents{
  align-items: center;
}

.page-aboutUs_access>.contents{
  margin-bottom: calc(var(--section-margin) / 3);
}

.page-aboutUs_accessAddress{
  text-align: center;
  margin-bottom: calc(var(--section-margin) / 3);
}

.accessAddress-add{
  font-size: var(--font-size3);
  padding-bottom: min(1.4rem);
}

.accessAddress-traffic{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap:calc(var(--flex-gap) / 2) var(--flex-gap);
}

.accessAddress-traffic li{
  position: relative;
  padding-left: min(1rem, 3.4vw);
}
.accessAddress-traffic li::before{
  position: absolute;
  content: "";
  background: var(--color-yg);
  width: .6rem;
  height: .6rem;
  top: min(8px, 1.6vw);
  left: 0;
  border-radius: 50%;
}

ul.access-details{
  width: min(18rem,100%);
  margin: 0 auto;
}
ul.access-details > li{
  display: flex;
  gap: var(--flex-gap);
}
ul.access-details > li > p{
  width: calc((100% - var(--flex-gap)) - min(8rem));
  text-align: right;
}
ul.access-details > li > p.access-details_title{
  width: min(8rem);
  text-align: left;
}

ul.sns-list{
  display: flex;
  gap: calc(var(--flex-gap) / 4);
  width: min(7rem,20vw);
  margin: min(1.4rem) auto 0;
  justify-content: center;
}
ul.sns-list li{
  width: 50%;
}


@media print,screen and (min-width:521px) {
  .page-aboutUs_department{
    gap: calc(var(--flex-gap) / 2);
  }
  .department-title{
    width: min(10rem);
  }

  .department-textArea{
    width: calc((100% - calc(var(--flex-gap) / 2)) - min(10rem));
  }
}

@media print,screen and (min-width:768px) {
  .page-aboutUs_details .page-aboutUs_students{
    width: min(20rem, 25vw);
    margin: min(8rem, 4vw) 0 0 0 ;
  }
  .overflowList-item{
    gap: var(--flex-gap);
  }
  .overflowList-item dd{
    width: calc((100% - var(--flex-gap)) - min(10rem));
  }

  ul.access-details{
    margin: 0 0 0 auto;
  }

  ul.sns-list{
    margin: min(1.4rem) 0 0 auto;
    justify-content: flex-end;
  }
  ul.sns-list li img{
    transition: var(--transition);
  }
  ul.sns-list a:hover img{
    transform: var(--hover-scale);
  }

  .page-contactInfo ul li a:hover{
    opacity: var(--hover-opacity);
  }

  .accessAddress-add a:hover{
    opacity: var(--hover-opacity);
  }
}

/*--------------
school life
--------------*/
/*----school life----*/
.page-schoolLife_contents{
  overflow: hidden;
}
.page-schoolLife_contents,.page-schoolLife_photo{
  width: var(--contents-width);
  margin: 0 auto;
}

.schedule-timelineContents{
  margin-bottom: calc(var(--section-margin) / 2);
  overflow-x: scroll;
}

p.timeline-month{
  text-align: center;
  color: var(--color-white);
  background: var(--color-yg);
  margin-bottom: 1rem;
}

.schedule-timeline_details{
  writing-mode: tb;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  line-height: 1.5;
}

.schedule-timeline_details p{
  position: relative;
  padding-top: min(.6rem);
}
.schedule-timeline_details p::before{
  position: absolute;
  content: "";
  background: var(--color-yg);
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
  top: 0;
  left: 60%;
  transform: translate(-50%, -50%);
}

.schedule-timeline{
  background: var(--color-white);
  padding: calc(var(--bg-padding) / 2);
  display: flex;
  gap: min(1rem);
  width: 100%;
  min-width: 103rem;
}

div.schedule-timeline_item{
  width: calc(100% / 12);
}

.hour-title_inner{
  display: flex;
  align-items: center;
  gap: 0.5rem min(1rem,2vw);
  flex-wrap: wrap;
}

.hour-title_inner .hour-icon{
  width: min(3.4rem,9vw);
}

.page-schoolLife_photoText{
  text-align: center;
  padding-bottom: min(1rem);
}

ul.page-schoolLife_photoList{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: calc(var(--flex-gap) / 2);
}

li.photoList-contents{
  background: var(--color-white);
  border-radius: calc(var(--b-radius) / 2);
  padding: calc(var(--bg-padding) / 2) var(--bg-padding);
  width: 100%;
  cursor: pointer;
}

li.photoList-contents h5{
  font-size: var(--font-size2);
  text-align: center;
}

.photoList-contents_details{
  padding-top: calc(var(--bg-padding) / 2);
}
.photoList-contents_details picture{
  margin-bottom: calc(var(--bg-padding) / 2);
  display: block;
  overflow: hidden;
  border-radius: calc(var(--b-radius) / 2);
}

.title h5:has(span.title-icon){
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(.5rem);
}
span.title-icon{
  position: relative;
  width: min(2rem, 6vw);
  height: min(2rem, 6vw);
  border-radius: 50%;
  border: solid .13rem currentColor;
}
span.title-icon::before,span.title-icon::after{
  position: absolute;
  content: "";
  width: min(1rem, 2.4vw);
  height: 2px;
  background: var(--color-black);
  transition: var(--transition);
}
span.title-icon::before{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
span.title-icon::after{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}
.title.close span.title-icon::after{
  transform: translate(-50%, -50%) rotate(0deg);
}

.page-schoolLife_oneDaySchedule li.hour-contents{
  border: solid 2px var(--color-gray);
  padding: calc(var(--bg-padding) / 2) var(--bg-padding);
  cursor: pointer;
}

.title.hour-title{
  display: flex;
  justify-content: space-between;
  gap: calc(var(--flex-gap) / 2);
  align-items: center;
  transition: var(--transition);
}

.hour-title_wrapper{
  width: calc(100% - min(2rem, 6vw));
  display: flex;
  flex-direction: column;
  gap: min(.6rem);
}

.hour-title_hour{
  color: var(--color-green);
  font-size: min(1.4rem,4.24vw);
}
.hour-title_text{
  font-size: min(1.4rem,4.24vw);
}

.hour-contents_details{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: min(1rem);
  padding-top: min(1rem);
}

.hour-contents_details img{
border-radius: calc(var(--b-radius) / 2);
}

.page-schoolLife_oneDay .deco-human.-human1{
  width: min(10rem, 20vw);
  top: -12%;
  left: -5%;
}

/*--facility--*/
.facility-item{
  position: relative;
}
.facility-item p.obiTitle-gra{
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: min(15rem);
}

.page-schoolLife_facility.page-flexContents{
  gap: calc(var(--flex-gap) / 2);
}

/*--dormitory_ admission--*/
.page-dormitory_intro{
  margin-bottom: calc(var(--section-margin) / 2);
}
.page-dormitory_intro p{
  text-align: left;
  font-size: min(1.24rem, 3.64vw);
  padding-right: 20vw;
}

.page-dormitory_contents ul.contents-list{
  padding-top: min(1.4rem);
}

.page-dormitory_contents .page-flexContents_half:nth-of-type(1) ul.contents-list li::before{
  background: #006086;
}
.page-dormitory_contents .page-flexContents_half:nth-of-type(2) ul.contents-list li::before{
  background: #e7347f;
}

.page-dormitory_contents .obiTitle-gra{
  margin-bottom: 0;
}

.page-ad_students{
  display: flex;
  flex-wrap: wrap;
}

.page-ad_students>.page-ad_studentsItem{
    width: 100%;
    margin-top: min(5rem, 10vw);
}

.students-prof{
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(35rem, 91vw);
  margin: 0 auto;
}

.page-ad_studentsItem:nth-of-type(even) .students-prof{
  flex-direction: row-reverse;
}

.students-prof_image{
  position: relative;
  width: 47%;
  z-index: 1;
}

.students-prof_image picture{
  overflow: hidden;
  display: block;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}
.students-prof_image picture img{
  width: 100%;
  height: 100%;
}

.page-ad_studentsItem:nth-of-type(odd) .students-prof_image picture{
  border: solid min(.5rem, 1.24vw) var(--color-green);
}
.page-ad_studentsItem:nth-of-type(even) .students-prof_image picture{
  border: solid min(.5rem, 1.24vw) var(--color-yg);
}

.students-prof_image .major{
  color: var(--color-white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: min(6rem, 18vw);
  height: min(6rem, 18vw);
  text-align: center;
  line-height: 1.5;
  font-size: 94%;
  position: absolute;
  top: -10%;
  right: -10%;
}
.page-ad_studentsItem:nth-of-type(odd) .students-prof_image .major,
.page-ad_studentsItem:nth-of-type(odd) .students-details{
  background: var(--color-green);
}
.page-ad_studentsItem:nth-of-type(even) .students-prof_image .major,
.page-ad_studentsItem:nth-of-type(even) .students-details{
  background: var(--color-yg);
}

.page-ad_studentsItem .students-details{
  color: var(--color-white);
  padding: min(4.4rem, 8vw) min(6vw) min(3rem, 6vw);
  margin-top: -5%;
}

.page-ad_studentsItem:nth-of-type(odd) .students-prof_name{
  padding-left: min(2rem,4vw);
}
.page-ad_studentsItem:nth-of-type(even) .students-prof_name{
  text-align: right;
  padding-right: min(2rem,4vw);
}

.students-prof_name p.prof-copy{
  font-size: min(1.24rem, 3.24vw);
  padding-bottom: min(1rem, 3vw);
  margin-bottom: min(1rem, 3vw);
  position: relative;
}
.students-prof_name p.prof-copy::before{
  position: absolute;
  content: "";
  width: 155%;
  height: min(4px, 1vw);
  bottom: 0;
}
.page-ad_studentsItem:nth-of-type(odd) .students-prof_name p.prof-copy::before{
  background: var(--color-green);
  left: -43%;
}
.page-ad_studentsItem:nth-of-type(even) .students-prof_name p.prof-copy::before{
  background: var(--color-yg);
  right: -43%;
}

.students-prof_name p.name{
  font-size: min(2rem, 5vw);
}

.page-dormitory .deco-human.-human2{
  top: 30%;
  right: -5vw;
  width: min(10rem, 25vw);
}

/*----tuition----*/
.page-tuition_dormitory .obiTitle-gra{
  margin-bottom: 0;
}

.page-tuition_dormitory .page-flexContents{
  margin-bottom: calc(var(--section-margin) / 4);
}

.page-tuition_dormitory table.table-main{
  margin-top: calc(var(--section-margin) / 4);
  width: min(37rem,100%);
}

.dormitoryPrice-item{
  display: flex;
  border: solid 1px var(--color-gray);
  flex-wrap: wrap;
}

.dormitoryPrice-title{
  text-align: center;
  color: var(--color-white);
  background: var(--color-yg);
  width: 100%;
  font-size: var(--font-size3);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: min(.5rem, 3.4vw);
  margin-bottom: min(.6rem);
}

.dormitoryPrice-left,.dormitoryPrice-right{
  padding: min(.5rem, 3.4vw);
  width: 100%;
  text-align: center;
}

.dormitoryPrice-name{
  display: block;
  color: var(--color-white);
  padding: min(.2rem) min(.5rem);
  width: min(6rem);
  text-align: center;
  margin: 0 auto;
}
.dormitoryPrice-name.-name_blue{
  background: rgb(0, 96, 134);
}
.dormitoryPrice-name.-name_pink{
  background: rgb(231, 52, 127);
}

.page-tuition .deco-human.-human1{
  width: min(16rem, 32vw);
  right: -7vw;
  top: -4%;
}
.page-tuition .deco-human.-human2{
  width: min(16rem, 30vw);
  left: -9vw;
  top: -8%;
}

@media print,screen and (min-width:768px) {
  .dormitoryPrice-left{
    order: 1;
  }
  .dormitoryPrice-title{
    order: 2;
    width: min(16rem,19vw);
    margin-bottom: 0;
  }
  .dormitoryPrice-right{
    order: 3;
  }

  .dormitoryPrice-left,.dormitoryPrice-right{
    width: calc((100% -  min(16rem,19vw)) / 2);
    text-align: left;
  }

  .dormitoryPrice-name{
    display: none;
  }

  .page-tuition .deco-human.-human1{
    width: min(16rem, 22vw);
    right: -8%;
    top: -36%;
  }

  .page-tuition .deco-human.-human2{
    width: min(16rem, 22vw);
    left: -10%;
    top: -24%;
  }

  /*----school life----*/
  ul.page-schoolLife_photoList li{
    width: calc((100% - calc(var(--flex-gap) / 2)) / 2);
  }

  .schedule-timeline{
    min-width:120rem;
  }

  .hour-contents_details picture,
  .hour-contents_details p{
    display: block;
    width: calc((100% - min(1rem)) / 2);
  }

  .facility-item.page-flexContents_half,.facility-item.page-flexContents_three{
    width: calc((100% - calc(var(--flex-gap) / 2)) / 2);
  }

  .title.hour-title:hover{
    opacity: var(--hover-opacity);
  }

  /*----schedule----*/
  .page-schoolLife_oneDay .deco-human.-human1{
    width: min(12rem, 19vw);
    top: -13rem;
    left: -5%;
  }

  /*----dormitory----*/
  .page-dormitory .deco-human.-human2{
    top: -14%;
    right: -4%;
    width: min(11rem, 18vw);
  }

  .page-dormitory_intro p{
    text-align: center;
    font-size: var(--font-size2);
    padding-right: 0;
  }
}

@media print,screen and (max-width:1024px) {
  .hour-title_inner{
    flex-wrap: wrap;
  }
  p.hour-title_text{
    width: 100%;
  }
}

@media print,screen and (min-width:1024px) {
  /*----school life----*/
  ul.page-schoolLife_photoList li{
    width: calc((100% - calc(calc(var(--flex-gap) / 2) * 2)) / 3);
  }
  .facility-item.page-flexContents_three{
    width: calc((100% - calc(calc(var(--flex-gap) / 2) * 2)) / 3);
  }

  /*--dormitory_ admission--*/
  .page-ad_students>.page-ad_studentsItem{
    width: calc(100% / 2);
    margin-top: min(5rem);
  }

  .students-prof{
    width: min(35rem, 40vw);
  }
  
  .students-prof_image{
    width: calc(100% / 2);
  }

  .students-prof_image .major{
    width: min(6rem, 7vw);
    height: min(6rem, 7vw);
    top: 0;
    right: 0;
  }

  .page-ad_studentsItem .students-details{
    height: min(19rem);
  }
}


/*--------------
Major
--------------*/
.page-major_intro .major-images{
  margin-top: calc(var(--section-margin) / 6);
}

.page-major_support{
  border: solid 1px var(--color-black);
  padding: var(--bg-padding);
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-major_support .support-list li{
  text-indent: -1rem;
  padding-left: 1rem;
}

.support-title{
  color: var(--color-green);
  font-size: min(1.16rem);
  text-align: center;
}

ul.page-pdfLinkList{
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--flex-gap) / 2);
}

ul.page-pdfLinkList li{
  width: calc((100% - calc(calc(var(--flex-gap) / 2) * 1)) / 2);
}

ul.page-pdfLinkList li a.linkBox{
  display: block;
  text-align: center;
  font-size: var(--font-size3);
  padding: min(1.5rem, 4vw);
}
ul.page-pdfLinkList li a.linkBox span{
  position: relative;
  padding-right: min(2rem);
}
ul.page-pdfLinkList li a.linkBox span::before{
  position: absolute;
  content: "";
  background: url(img/link-arrow_wh.svg) no-repeat center;
  background-size: 100%;
  width: 1.24rem;
  height: 1.24rem;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.page-major_details .obiTitle-gra{
  width: min(27rem,100%);
}

.page-major_imageList{
  margin-top: calc(var(--section-margin) / 6);
  gap: calc(var(--flex-gap) / 2);
}

.page-major_imageList .page-flexContents_three{
  width: calc((100% - calc(var(--flex-gap) / 2)) / 2);
}

.page-major_notes{
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--flex-gap) / 2);
}

.page-major_notes>.page-major_notesItem{
  width: 100%;
  background: #eaf7e3;
  padding: var(--bg-padding);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap:  calc(var(--flex-gap) / 2);
}

.page-major_notesItem h4{
  background: var(--color-green);
  color: var(--color-white);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: var(--font-size3);
  line-height: 1.5;
  width: min(7rem, 17vw);
}

.notesItem-textArea{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: min(1rem);
}

.page-major_fw{
  margin-top: calc(var(--section-margin) / 2);
}
.page-major_fw .top-fw_graphInner{
  padding: 0;
}

.page-major_fw .top-fw_percent{
  width: min(30rem, 87%);
  margin: 0 auto;
}

.page-major_fw .top-fw_graph_right picture{
  display: block;
  width: 74%;
  margin: 0 auto;
}

.page-major .deco-human.-human1{
  width: min(14rem, 24vw);
  top: -5%;
  right: 0;
}

.page-major .deco-human.-human2{
  width: min(7rem, 17vw);
  top: -13%;
  left: 0;
}

.page-major.-major_veg .deco-human.-human1{
  width: min(8rem, 16vw);
}
.page-major.-major_veg .deco-human.-human2{
  width: min(9rem, 19vw);
}

.page-major.-major_nv .deco-human.-human2{
  width: min(16rem, 25vw);
}

.page-major.-major_niku .deco-human.-human1{
  width: min(10rem, 23vw);
  top: -4%;
}

.page-major_detailsNotes h4{
  font-size: var(--font-size3);
  font-weight: 600;
  color: var(--color-green);
  padding-bottom: min(.5rem,.6vw);
}

.page-major_detailsNotes .page-major_detailImage{
  margin-bottom: min(1rem, 2vw);
}

.page-major_detailsList .obiTitle-gra{
  width: 100%;
}
.page-major_detailsList .obiTitle-gra h3{
  letter-spacing: 0;
  font-size: min(1.3rem, 3.83vw);
  line-height: 1.5;
}

.page-major_detailsList .detailsList-item{
  margin-bottom: min(2rem, 4vw);
}

/*------- major interview -------*/
.page-interviewContents{
  width: var(--contents-width);
  margin: var(--section-margin) auto 0;
}

.page-interviewContents_title{
  text-align: center;
  margin-bottom: min(2rem, 4vw);
}

.page-interviewContents_title h3{
  font-size: calc(var(--font-size) * 1.2);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(1rem);
  margin-bottom:1.5rem;
}
.page-interviewContents_title h3 span:nth-of-type(2){
  width: min(4rem, 12vw);
}

.page-interviewContents_title h3 span:nth-of-type(2) img{
  display: block;
}

.page-interview_fwContents{
  width: var(--contents-width);
  margin: 0 auto;
  position: relative;
}

.page-interview_fwContents .top-fw_graph{
  margin-bottom: calc(var(--section-margin) / 2);
  margin-top: 0;
}

.page-interview_fwContents .page-interview_table{
  width: min(58rem, 100%);
  margin: 0 auto;
}

@media print,screen and (min-width:768px) {
  ul.page-pdfLinkList li{
    width: calc((100% - calc(calc(var(--flex-gap) / 2) * 2)) / 3);
  }

  .page-major_fw .top-fw_graph_right picture{
    width: 100%;
  }

  .page-major .deco-human.-human1{
    top: -7%;
  }

  .page-major.-major_niku .deco-human.-human1{
    top: -8%;
  }

  .page-major .deco-human.-human2{
    top: -27%;
  }

  .notesItem-textArea{
    width: calc((100% - calc(var(--flex-gap) / 2)) - min(7rem, 17vw));
  }

  ul.page-pdfLinkList li a.linkBox:hover{
    transform: scale(.95);
  }

  ul.page-pdfLinkList li .linkBox.noLinks:hover{
    transform: scale(1);
  }
}

@media print,screen and (max-width:1024px) {
  .page-major_support{
    flex-wrap: wrap;
  }
  .page-major_support .support-list{
    border-top: solid 1px var(--color-black);
    padding-top: min(2rem, 4vw);
    margin-top: min(2rem, 4vw);
    width: 100%;
  }

  .page-major_detailsList .obiTitle-gra{
    background: linear-gradient(90deg, rgba(0, 96, 134, 1) 0%, rgba(0, 161, 226, 0.8) 50%, rgba(55, 236, 186, 0.5) 100%);
  }
}

@media print,screen and (min-width:1024px) {
  ul.page-pdfLinkList li{
    width: calc((100% - calc(calc(var(--flex-gap) / 2) * 3)) / 4);
  }

  .page-major_support .support-list{
    border-left: solid 1px var(--color-black);
    padding-left: min(3rem,3vw);
    margin-left: min(3rem,3vw);
  }

  .page-major_imageList .page-flexContents_three{
    width: calc((100% - calc(calc(var(--flex-gap) / 2) * 2)) / 3);
  }

  .page-major_fw .top-fw_graphInner{
    gap: var(--flex-gap);
  }

  .page-major_fw .top-fw_graphInner .top-fw_graph_right{
    width: calc(calc(100% - var(--flex-gap)) - 40%);
  }

  .page-major_fw .top-fw_bubble{
    width: min(7rem, 24vw);
  }
}


/*--------------
Other QA
--------------*/
/*----examination----*/
.examination-textBook{
  width: min(20rem,60%);
  margin: 0 auto;
}

.page-examination_flex{
  width: min(42rem, 100%);
  margin: 0 auto;
  align-items: center;
}

.page-examination_textArea{
  text-align: center;
  font-size: var(--font-size3);
}

.page-examination_textArea .page-examination_text{
  font-size: var(--font-size2);
  padding-top: min(1rem,1vw);
}
.page-examination_text a{
  color: var(--color-blue);
  text-decoration: underline;
  font-weight: 600;
}

.page-examination_imageArea img{
  display: block;
  margin: 0 auto;
}

ul.explanation-linkList li{
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--flex-gap) / 2);
  margin-bottom: min(2rem,4vw);
  align-items: center;
}

.explanation-linkList_link{
  width: min(12rem);
}
.explanation-linkList_text{
  width: 100%;
}

.explanation-linkList_link a{
  display: block;
  position: relative;
  padding-right: min(2.24rem);
}
.explanation-linkList_link a.linkBox::before{
  position: absolute;
  content: "";
  background: url(img/link-arrow_wh.svg) no-repeat center;
  background-size: 100%;
  width: 1.4rem;
  height: 1.4rem;
  top: 50%;
  right: 5%;
  transform: translate(-5%, -37%);
}

/*----FAQ----*/
.page-QA .bg-yg>.contents{
  padding: calc(var(--bg-padding) * 2) var(--bg-padding);
}

.box{
  display: none;
}

ul.QA-contents_list{
  display: flex;
  flex-direction: column;
  gap: calc(var(--flex-gap) / 3);
}

ul.QA-contents_list>li{
  background: #eaf7e3;
  padding: min(1.4rem,3vw) min(1rem,2vw);
  cursor: pointer;
}

ul.QA-contents_list li section .title h5{
  display: flex;
  gap: calc(var(--flex-gap) / 3);
  position: relative;
  padding-right: min(2rem, 5.24vw);
}
ul.QA-contents_list li section .title h5::before,
ul.QA-contents_list li section .title h5::after{
  position: absolute;
  content: "";
  background: var(--color-black);
  width: min(1.24rem, 3vw);
  height: 2px;
  right: 0;
  transition: var(--transition);
  top: 50%;
}

ul.QA-contents_list li section .title h5::after{
transform: rotate(90deg);
}
ul.QA-contents_list li section .title.close h5::after{
transform: rotate(0deg);
}

span.question,
span.answer{
  width: min(2.4rem,7vw);
}

span.question-text{
  width: calc(100% - min(2.4rem,7vw));
  font-size: min(1.05rem, 3.6vw);
  line-height: 1.65;
}

.QA-contents_answerBox{
  display: flex;
  gap: calc(var(--flex-gap) / 3);
  position: relative;
  padding: min(1rem, 2vw);
  margin-top: min(1rem, 4vw);
  background: var(--color-white);
}

.answerBox-textArea{
  width: calc((100% - calc(var(--flex-gap) / 3)) - min(2.4rem));
}

.answerBox-textArea p a{
  color: var(--color-blue);
  text-decoration: underline;
}

.QA-contents_inner{
  margin-bottom: calc(var(--section-margin) / 3);
}

@media print,screen and (min-width:768px) {
  .explanation-linkList_link{
    width: min(12rem);
  }
  .explanation-linkList_text{
    width: calc((100% - calc(var(--flex-gap) / 2)) - min(12rem));
  }

  .page-examination_textArea .page-examination_text a:hover{
    opacity: var(--hover-opacity);
  }

  ul.QA-contents_list li section .title h5{
    align-items: center;
  }

  .answerBox-textArea p a:hover{
    opacity: var(--hover-opacity);
  }
  .explanation-linkList_link a:hover{
    transform: var(--hover-scale);
  }
  
}