/*
Theme Name:島根県農林大学校
Theme URI:
Author: takami
Author URI: https://yoshida-designbu.com
License: takami
*/


/*--------------
responsive
--------------*/
nav.globalMenuSp {
  display: none;
}

/*--------------
KV
--------------*/
.KV{
  position: relative;
  height: 104svh;
  max-height: 183vw;
  background: url(img/KV-bg.webp) no-repeat bottom;
  background-size: cover;
  z-index: 1;
  margin-top: min(5rem,15vw);
}

.KV-sphere>.KV-copy{
  position: absolute;
  width: 61%;
  top: 23%;
  right: 11%;
}

.KV-sphere{
  position: absolute;
  top: 0;
  left: 0;
  width: min(40rem, 100%);
}

.KV-info{
  background: url(img/KV-sphere.webp) no-repeat center;
  background-size: 100%;
  position: absolute;
  bottom: -4%;
  right: auto;
  left: 1rem;
  width: min(20rem, 51vw);
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.KV-info_bubble{
  width: min(75%);
  margin-bottom: min(1rem);
}

ul.KV-info_list{
  display: flex;
  gap: calc(var(--flex-gap) / 3);
  width: 88%; 
}
ul.KV-info_list li{
  width: calc(100% / 2);
}

.KV-mainImage{
  position: absolute;
  width:min(33rem, 92%);
  right: min(0vw);
  top: min(27rem, 71vw);
  z-index: 1;
}

.KV-deco{
  position: absolute;
  transition: var(--transition);
}
.KV-deco.-deco_green{
  width: min(33%);
  top: 0;
  right: 0;
}
.KV-deco.-deco_green img{
  width: 100%;
  height: 100%;
}

.KV-deco.-deco_sphere{
  width: min(5rem, 8vw);
  top: 27%;
  left: 5%;
}
.KV-deco.-deco_sphere2{
  width: min(6rem, 12vw);
  bottom: 10%;
  right: 21%;
}
.KV-deco.-deco_sphere3{
  width: min(6rem, 12vw);
  right: 5vw;
  top: 4%;
}

/*--KV animation--*/
.KV-sphere figure img{
  opacity: 0;
  -webkit-animation: KV_fade 1.2s calc(.6s * var(--delay)) forwards;
  animation: KV_fade 1.2s calc(.6s * var(--delay)) forwards;
}

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

.KV-deco.-deco_green,.KV-mainImage,.KV-copy,.KV-info{
  opacity: 0;
  -webkit-animation: KV_fade 1.2s calc(.6s * var(--delay)) forwards;
  animation: KV_fade 1.2s calc(.6s * var(--delay)) forwards;
}

.KV-deco.-deco_sphere,.KV-deco.-deco_sphere2,.KV-deco.-deco_sphere3{
  opacity: 0;
  -webkit-animation: KV_fade 1s calc(.5s * var(--ball-delay)) forwards;
  animation: KV_fade 1s calc(.5s * var(--ball-delay)) forwards;
}


@media screen and (min-width:768px) {
  .KV{
    height: 100svh;
    max-height: 62vw;
  }

  .KV-sphere{
    width: min(64vw);
  }

  .KV-sphere>.KV-copy{
    width: 54%;
    top: 23%;
    right: 17%;
  }

  .KV-mainImage{
    right: min(2vw);
    top: 21%;
    width: min(45%, 90svh);
  }

  .KV-info{
    width: min(16rem, 24vw);
    left: auto;
    right: min(2rem);
    bottom: -8%;
  }

  .KV-deco.-deco_sphere{
    width: min(4rem, 4vw);
    top: 13%;
    left: 4%;
  }
  .KV-deco.-deco_sphere2{
    width: min(5rem, 6vw);
    bottom: 10%;
    right: 52%;
  }
  .KV-deco.-deco_sphere3{
    width: min(5rem, 6vw);
    top: 10%;
    right: 14%;
  }

  ul.KV-info_list li a:hover{
    transform: scale(.95);
    display: block;
    opacity: .6;
  }
}

@media screen and (min-width:1024px) {
  .KV{
    background: url(img/KV-bg.webp) no-repeat top;
    background-size: cover;
    height: 100svh;
    max-height: 56vw;
    margin-top: min(1rem);
  }

  .KV-mainImage{
    width: min(47vw, 90svh);
    right: min(14rem, 5vw);
    top: 15%;
  }

  .KV-sphere{
    position: absolute;
    top: 0;
    left: 0;
    width: min(110vh, 60vw);
  }

  .KV-sphere .KV-copy{
    position: absolute;
    width: min(34vw, 32rem);
    top: 22%;
    right: 23%;
  }

  .KV-info{
    width: min(19rem, 19vw);
    bottom: -7%;
    right: min(2rem);
  }

  .KV-deco.-deco_sphere{
    width: min(4rem, 4vw);
    top: 7rem;
    left: 4%;
  }
  .KV-deco.-deco_sphere2{
    width: min(5rem, 6vw);
    bottom: 10%;
    right: 52%;
  }
  .KV-deco.-deco_sphere3{
    width: min(5rem, 6vw);
    top: 14%;
    right: 12%;
  }
}




/*--------------
copy
--------------*/
/*--- common ---*/
.top-copyCircle{
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1 / 1;
  width: min(24rem, 60vw);
}
.copy-circle{
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.top-copyCircle p{
  font-size: min(1.24rem, 3.64vw);
  line-height: 2;
}


/*--------------
copy slider
--------------*/
.top-copySlide{
  position: relative;
  color: var(--color-white);
  overflow: hidden;
}

.top-copySlide .svg-circle{
  fill: var(--color-white);
}

.top-copySlide_wrapper{
  position: relative;
  overflow: hidden;
  height: 100svh;
  padding: 7svh;
}
.top-copySlide_wrapper::before{
  content: "";
  position: absolute;
  inset: 0;
  background: var(--g-rainbow);
  opacity: 0.5; /* 背景だけ透過 */
  z-index: -1;
}

.top-copySlide_container{
  position: relative;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 100svh;
  will-change: transform;
}

.top-copySlide_contents{
  position: relative;
  height: 100%;
}

.top-copySlide_image,.top-copyTop_textArea{
  position: absolute;
}

picture.top-copySlide_imageInner{
  display: block;
  position: relative;
}

/* top */
.top-copySlide_contents._contents__top{
  width: 98svh;
}

.top-copySlide_image._image__1{
  width: min(84vh);
  top: 0;
  left: 0;
  z-index: 2;
}
.top-copySlide_image._image__2{
  bottom: 20%;
  width: min(43vh);
  left: 8vh;
}

.top-copySlide_contents._contents__top>.top-copyTop_textArea{
  bottom: 14svh;
  right: 6svh;
}

/* center */
.top-copySlide_contents._contents__center{
  width: min(229svh);
}

.top-copySlide_image._image__3{
  width: min(64svh);
  bottom: 10svh;
}
.top-copySlide_image._image__5{
  width: min(100svh);
  bottom: 13svh;
  left: 72svh;
}
.top-copySlide_image._image__4{
  width: min(47svh);
  z-index: -1;
  top: 0;
  left: 39svh;
}
.top-copySlide_image._image__6{
  right: min(14svh);
  width: min(38svh);
  top: min(0svh);
  z-index: 2;
}
.top-copySlide_image._image__7{
  right: 20vh;
  width: min(41svh);
  bottom: min(12svh);
  z-index: -2;
}

.top-copySlide_contents._contents__center>.top-copyTop_textArea{
  top: 15%;
  right: 0;
}

.top-copySlide_centerCopy{
  position: absolute;
  font-size: min(2.83rem);
  left: 102svh;
  top: 10%;
}

/* bottom */
.top-copySlide_contents._contents__end{
  width: min(158svh);
}

.top-copySlide_image._image__8{
  left: 20vh;
  width: min(91svh);
  top: 0;
  z-index: 1;
}

.top-copySlide_image._image__9{
  right: 20vh;
  width: min(37svh);
  bottom: min(12svh);
}

@media screen and (max-width:768px) {
  .top-copySlide_contents._contents__top{
    width: 83svh;
  }

  .top-copySlide_image._image__1{
    width: min(65vh);
  }

  .top-copySlide_image._image__2{
    bottom: 31svh;
    width: min(37vh);
    left: 7vh;
  }

  .top-copySlide_contents._contents__center{
    width: min(174svh);
  }

  .top-copySlide_image._image__3{
    width: min(46svh);
    bottom: 21svh;
  }
  .top-copySlide_image._image__4{
    width: min(39svh);
    top: 7svh;
    left: 21svh;
  }
  .top-copySlide_image._image__5{
    width: min(77svh);
    bottom: 24svh;
    left: 53svh;
  }
  .top-copySlide_image._image__6{
    right: min(14svh);
    width: min(30svh);
    top: min(5svh);
  }

  .top-copySlide_image._image__7{
    right: 14vh;
    width: min(34svh);
    bottom: min(16svh);
  }

  .top-copySlide_centerCopy{
    font-size: min(2.83rem, 4svh);
    left: 66svh;
    top: 15svh;
  }

  .top-copySlide_contents._contents__center>.top-copyTop_textArea{
    top: 19svh;
    right: 7svh;
  }

  .top-copySlide_contents._contents__end{
    width: min(96svh);
  }
  .top-copySlide_image._image__8{
    left: 6vh;
    width: min(64svh);
    top: 7svh;
  }
  .top-copySlide_image._image__9{
    right: 2vh;
    width: min(30svh);
    bottom: min(22svh);
  }
}

/*--------------
copy top
--------------*/
.top-copyTop{
  position: relative;
  margin: 0 auto min(56vw,22rem);
  padding: var(--section-margin) 0 6vw;
}

.top-copyTop_image{
  width: 88%;
  margin: 0 0 0 auto;
}

.top-copyTop>.top-copyCircle{
  position: absolute;
  top: min(34rem, 70vw);
  left: 3%;
}

.top-copyTop>.rainbow-line.-line1{
  top: min(-4%);
  height: min(24rem, 40vw);
  z-index: 1;
  left: min(8rem, 18vw);
}
.top-copyTop>.rainbow-line.-line2{
  bottom: min(-23%);
  height: min(15rem, 33vw);
  right: min(19rem, 15vw);
  z-index: 1;
}

/*--------------
copy center
--------------*/
.top-copyCenter{
  position: relative;
  padding: var(--section-margin) 0;
}

.top-copyCenter_textArea{
  writing-mode: tb;
  margin: 0 auto;
  font-size: min(1.24rem, 3.83vw);
  line-height: 2;
  display: flex;
  flex-direction: column;
  gap: min(1rem);
}

.top-copyCenter>.rainbow-line.-line1{
  top: 0;
  left: min(8rem, 11vw);
  height: min(14rem, 30vw);
}
.top-copyCenter>.rainbow-line.-line2{
  top: 3rem;
  right: min(9rem, 9vw);
  height: min(19rem, 36vw);
}
.top-copyCenter>.rainbow-line.-line3{
  bottom: 2rem;
  right: min(12rem, 17vw);
  height: min(10rem, 22vw);
  width: min(.5rem, .8vw);
}



@media screen and (min-width:768px) {


  /*--------------
  copy end
  --------------*/
}


@media screen and (min-width:1024px) {
}


/*--------------
top-bg
--------------*/
.top-bg{
  overflow: hidden;
  height: 62vw;
}
.top-bg img{
  object-position: center;
  object-position: 89%;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media screen and (min-width:768px) {
  .top-bg{
    height: 36vw;
  }
  .top-bg img{
  object-position: center;
  }
}



/*--------------
cms
--------------*/
/*----- common -----*/
.new-text{
  text-transform: uppercase;
  color: var(--color-red);
}

.newsList-item a{
  display: flex;
  padding: min(2.6rem, 3.4vw) 0;
  gap: min(2rem, 1vw);
  transition: var(--transition);
  font-size: min(1.14rem,3.83vw);
  border-bottom: solid 1px currentColor;
  justify-content: space-between;
  align-items: center;
}

.newsList-item a time.date{
  font-size: min(90%);
}

.news .link-contents{
  margin-top: min(2.4rem);
}

.newsList-item_textArea{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: min(2rem, 2vw);
  width: calc((100% - min(2rem, 1vw)) - min(2rem));
}

.newsList-item_arrow{
  position: relative;
  border: solid .1rem #323232;
  width: min(2rem);
  height: min(2rem);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.newsList-item_arrow>svg.svg-arrow{
  width: 60%;
}

.newsList-dateArea{
  width: 100%;
  display: flex;
  gap: min(.5rem);
}

p.news-title{
  width: 100%;
}

.cate-name{
  color: var(--color-white);
  display: block;
  font-size: 80%;
  text-align: center;
  line-height: 1.5;
  padding: min(.2rem) min(.6rem);
  border-radius: .4rem;
}
.cate-name.cate-news{
  background: #1f97ab;
}
.cate-name.cate-event{
  background: #dd8bd1;
}
.cate-name.cate-important{
  background: #a665ab;
}
.cate-name.cate-students{
  background: #1f8b40;
}
.cate-name.cate-general{
  background: #ff9759;
}
.cate-name.cate-activity{
  background: #1fc7ab;
}

.deco-image{
  position: absolute;
}

/*--------------
NEWS
--------------*/
.top-news{
  background: linear-gradient(0deg,rgba(0, 168, 73, .1) 0%, rgba(0, 197, 84, .1) 100%);
  padding:var(--section-margin) 0;
}

.top-news .contents{
  display: flex;
  gap: var(--flex-gap);
  flex-wrap: wrap;
  align-items: center;
}

.top-news_textArea{
  text-align: center;
}

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

.top-news .link-contents{
  margin-top: calc(var(--section-margin) / 5);
  text-align: right;
}

.top-news .deco-image.-deco_sphere{
  width: min(4rem, 8vw);
  top: 9%;
  right: min(5rem, 5vw);
}
.top-news .deco-image.-deco_sphere2{
  width: min(4rem, 12vw);
  bottom: min(-2rem);
  right: min(25rem);
  z-index: 1;
}


/*--------------
INFORMATION
--------------*/
.top-information{
  margin: var(--section-margin) 0;
}

.top-information_contents{
  padding-bottom: var(--section-margin);
}
.top-information_contents:last-of-type{
  padding-bottom: 0;
}

.top-information_contents>h3{
  position: relative;
  text-align: center;
  color: var(--color-white);
  z-index: 1;
  font-weight: 600;
  font-size: min(2rem, 5.4vw);
  padding: min(1.4rem, 2vw) 0;
  margin-bottom: min(2rem, 4vw);
  text-align: center;
}
.top-information_contents>h3::before{
  position: absolute;
  content: "";
  background: url(img/info-titleBg.svg) no-repeat center;
  background-size: 100%;
  width: min(17rem, 38vw);
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
}


/*--------------
TOPICS
--------------*/
.top-topics{
  background: var(--bg-gray);
  padding: var(--section-margin) 0;
}

.topics-titleArea{
  margin-top: calc(var(--section-margin) / 5);
}

.topics-titleArea p{
  font-size: min(1.2rem,3.83vw);
  line-height: 1.5;
}

.topics-dateArea{
  font-size: min(.85rem);
}

.top-topics .topicsLinks{
  text-align: center;
  margin-top: min(3rem, 8vw);
}

.top-news_textArea,.top-news .newsList{
  width: 100%;
}


@media screen and (min-width:768px) {
  /*--------------
  NEWS
  --------------*/
  .top-news{
    padding: calc(var(--section-margin) / 2) 0;
  }

  .top-news_textArea{
    width: calc((100% - var(--flex-gap)) - 60%);
  }

  .top-news .newsList{
    width: calc((100% - var(--flex-gap)) - 36%);
  }

  .newsList-item a .date{
    width: min(6.4rem);
  }

  .newsList-item a:hover{
    transform: translateX(.4%);
    opacity: .6;
  }

  .newsList-dateArea{
    width: min(7.4rem);
    flex-direction: column;
    gap: min(0rem);
  }

  p.news-title{
    width: calc((100% - min(2rem, 2vw)) - min(7.4rem));
  }

  .top-news .deco-image.-deco_sphere{
    top: 6%;
  }

  /*--------------
  INFORMATION
  --------------*/
  .top-information_contents{
    padding-bottom: calc(var(--section-margin) / 2);
  }
  .top-information_contents a:hover .thumbnail img{
    transform: var(--scale);
  }

  /*--------------
  TOPICS
  --------------*/
  .topics-item a{
    position: relative;
    z-index: 1;
    color: var(--color-white);
  }
  .topics-item a::before{
    position: absolute;
    content: "";
    background: var(--opacity-black);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: var(--transition);
    opacity: 0;
  }

  .topics-item .topics-titleArea{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 86%;
    transition: var(--transition);
    opacity: 0;
    margin-top: 0;
  }

  .topics-item a:hover::before,
  .topics-item a:hover .topics-titleArea{
    opacity: 1;
  }
}

@media screen and (max-width:768px) {
  /*--------------
  NEWS
  --------------*/
  .top-news_textArea{
    display: contents;
  }

  .top-news_textArea p{
    padding-bottom: 0;
  }

  .top-news_textArea h2.contents-title{
    margin-bottom: 0;
  }

  .top-news .contents{
    justify-content: center;
  }
  .top-news .contents .linkBtn{
    order: 4;
  }
}


/*--------------
ABOUT US
--------------*/
.top-aboutUs{
  position: relative;
  background: url(img/about-bg.webp) no-repeat bottom;
  background-size: cover;
}

.top-aboutUs_contents{
  color: var(--color-white);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: min(var(--flex-gap) * 2);
  padding: 20vw 0 114vw;
}

.top-aboutUs_title{
  text-align: center;
}

.top-aboutUs_title > img{
  width: min(7rem,15vw);
  display: block;
  margin: 0 auto 1rem;
}

.top-aboutUs_title > h2{
  font-weight: 500;
  font-size: min(2.4rem,7vw);
  letter-spacing: .1em;
  line-height: 1.5;
  padding-bottom:min(1rem,2vw);
}
.top-aboutUs_title > h2 span{
  display: block;
}

.top-aboutUs_textArea{
  width: min(33rem, 46vw);
}

.top-aboutUs_textArea > h3{
  font-size: min(2.4rem,7vw);
  padding-bottom: min(2rem);
}
.top-aboutUs_textArea > h3 span{
  border-bottom: double 6px currentColor;
}

.top-aboutUs_textArea p{
  padding-bottom: min(1.5rem, 2vw);
  font-weight: 500;
  line-height: 2;
}


@media screen and (min-width:768px) {
  .top-aboutUs_contents{
    padding: 7vw 0 41vw;
    flex-direction: row-reverse;
  }

  .top-aboutUs_title{
    width: min(15rem);
  }
}
@media screen and (max-width:768px) {
  .top-aboutUs{
    background: url(img/about-bgSP.webp) no-repeat top;
    background-size: cover;
  }
  .top-aboutUs_textArea{
    width: auto;
  }

  .top-aboutUs_title > h2 span:nth-of-type(1){
    display: inline-block;
  }
}

/*--------------
COURSE
--------------*/
.corse-cardLink{
  overflow: hidden;
  position: relative;
  display: block;
  height: min(28rem,52vw);
}

.corse-obiTitle{
  position: absolute;
  color: var(--color-white);
  width: min(6rem, 16vw);
  height: 100%;
  background: var(--bg-gradationTitle);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: min(1rem,3vw);
  left: min(3rem, 5vw);
  z-index: 2;
}

.corse-obiTitle p{
  writing-mode: tb;
  font-size: min(1.83rem,5vw);
}

.corse-obiTitle_arrow{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: solid 2px var(--color-white);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  width: min(3.4rem, 8vw);
  height: min(3.4rem, 8vw);
}

.corse-obiTitle_arrow img{
  display: block;
  width: 56%;
}

.corse-cardLink img.corse-cardLink_image{
  display: block;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  transition: var(--transition);
}

.top-corse .deco-image.-deco_sphere{
  top: -4%;
  width: min(7rem, 19vw);
  left: min(3rem);
}
.top-corse .deco-image.-deco_sphere2{
  bottom: 52vw;
  width: min(6rem, 12vw);
  right: 4%;
}

/*------- main -------*/
.top-corse_menu{
  display: flex;
  flex-wrap: wrap;
  gap: min(.4rem, .6vw);
}

.top-corse_menu__item{
  width: 100%;
}

/*------- other -------*/
.top-corse_other{
  position: relative;
  padding: min(8rem,8vw) 0;
background: linear-gradient(130deg,rgba(254, 254, 254, 1) 0%, rgba(91, 255, 159, 0.24) 100%);
}

.top-corse_otherContents{
  display: flex;
  align-items: center;
  gap: min(5rem,5vw);
  flex-wrap: wrap;
}

.top-corse_otherContents>.top-corse_other__textArea{
  width: 86%;
  margin: 0 auto;
}

.top-corse_other__textArea>p{
    font-size: min(1.14rem, 3.4vw);
}

.top-corse_other__link{
    width: 100%;
}


@media screen and (min-width:768px) {
  /*------- other -------*/
  .top-corse_otherContents{
    margin-left: min(10vw);
  }

  .top-corse_otherContents>.top-corse_other__textArea{
    width: calc((100% - min(5rem,5vw)) - min(52vw));
  }

  .top-corse_other__link{
    width: min(52vw);
  }

  .top-corse_menu__item:nth-of-type(1) .corse-obiTitle,
  .top-corse_menu__item:nth-of-type(3) .corse-obiTitle{
    right: min(3rem, 3vw);
    left: auto;
  }

  .corse-obiTitle_arrow{
    width: min(3.4rem, 4vw);
    height: min(3.4rem, 4vw);
  }

  .top-corse .deco-image.-deco_sphere2{
    bottom: 13%;
    width: min(6rem, 16vw);
    right: 55%;
  }
}


/*--------------
SCHOOL
--------------*/
.top-school{
  position: relative;
  background: url(img/contents-bg.webp) no-repeat center;
  background-size: cover;
  padding: min(16rem,16vw) 0;
}

.top-school_list{
  display: flex;
  flex-wrap: wrap;
  gap: var(--flex-gap);
}

.boxSection{
  background: var(--color-white);
  padding: calc(var(--bg-padding) * 2);
  border-radius: var(--b-radius);
}

.top-school_item{
  text-align: center;
  width: 100%;
}

.top-school_item>h2{
  font-size: min(3rem,8vw);
  line-height: 1;
  padding: min(1.24rem) 0;
  font-weight: 400;
  letter-spacing: 0;
}

.top-school_item>.linkBtn{
  margin: min(2rem,4vw) auto 0px;
}

.top-school .deco-human.-human1{
  width:min(21rem,28vw);
  top: -11%;
  left: -5%;
  z-index: 3;
}

.top-school .deco-image.-deco_sphere{
  width: min(4rem, 8vw);
  top: -3%;
  right: -3%;
}
.top-school .deco-image.-deco_sphere2{
  width: min(7rem, 14vw);
  bottom: -4%;
  left: -4%;
  transform: rotate(45deg);
}

@media screen and (min-width:768px) {
  .corse-cardLink{
    height: min(31vw);
  }

  .corse-cardLink:hover img.corse-cardLink_image{
    transform: scale(1.05);
  }

  .corse-obiTitle{
    width: min(6rem, 9vw);
    left: min(3rem, 3vw);
  }

  /*------- main -------*/
  .top-corse_menu__item{
    width: calc((100% - min(.4rem,.6vw)) / 2);
  }

  /*--------------
  SCHOOL
  --------------*/
  .top-school_item{
    width: calc((100% - var(--flex-gap)) / 2);
    padding: min(4rem, 4vw);
  }
  .top-school .deco-human.-human1{
    width: min(22rem, 23vw);
    top: -67%;
    left: -5%;
  }

  .top-school_item>h2{
    font-size: min(3rem, 4vw);
  }

  .top-school_item .obi-title{
    font-size: min(1.14rem, 1.6vw);
  }

  .top-school .deco-image.-deco_sphere{
    width: min(4rem, 6vw);
    top: -13%;
    right: -6%;
  }

  .top-school .deco-image.-deco_sphere2{
    width: min(6rem, 10vw);
    bottom: -13%;
    left: -8%;
  }
}

@media screen and (min-width:1024px){
  .corse-cardLink{
  height: min(26vw);
  }
}


/*--------------
find work
--------------*/
.top-fw{
  background: var(--bg-graLg);
}

.top-fw h2.contents-title span.contents-title_deco{
  display: flex;
  align-items: center;
  gap: min(1rem, 2vw);
}
.top-fw h2.contents-title span:nth-of-type(2){
  width: min(3rem, 8vw);
}
.top-fw h2.contents-title span:nth-of-type(2) img{
  display: block;
}

.top-fw_humans{
  position: relative;
}

.top-fw_humans>.top-fw_humanItem{
  position: relative;
}

.top-fw_humans>.top-fw_humanItem>.top-fw_bubble{
  position: absolute;
  width: min(16rem, 34vw);
}

.top-fw_humans>.top-fw_humanItem:nth-of-type(1)>.top-fw_bubble{
  left: -34%;
}
.top-fw_humans>.top-fw_humanItem:nth-of-type(2)>.top-fw_bubble{
  right: -29%;
  top: -22%;
}
.top-fw_humans>.top-fw_humanItem:nth-of-type(3)>.top-fw_bubble{
  right: -32%;
}

.top-fw_graph{
  background: var(--bg-gradation2);
  padding: var(--bg-padding);
  margin-top: min(-12%);
  z-index: 1;
  position: relative;
  margin-top: calc(var(--section-margin) / 2);
}

.top-fw_graphInner{
  border-radius: var(--b-radius);
  background: var(--color-white);
  padding: calc(var(--bg-padding) * 2);
  display: flex;
  gap: calc(var(--flex-gap) * 1.5);
  justify-content: center;
  flex-wrap: wrap;
}

.top-fw_graphInner h3{
  font-size: var(--font-size);
  padding-bottom: min(1rem,2vw);
}

.top-fw_graph_left,.top-fw_graph_right{
  position: relative;
  width: 100%;
}

.top-fw_graph_right picture{
  display: block;
  width: min(42rem, 92%);
  margin: 0 auto;
}

.top-fw_graph_left p{
  text-align: center;
  font-weight: 600;
  font-size: min(1.24rem, 4vw);
  padding-top: min(2rem,4vw);
  line-height: 1.5;
}

.top-fw_percent{
  width: min(30rem, 100%);
  margin: 0 auto;
  display: block;
  position: relative;
}

.top-fw_percent .top-fw_bubble{
  position: absolute;
  width: min(10rem, 21vw);
  right: -12%;
  top: -35%;
}

.top-fw_topics.contents{
  padding: calc(var(--section-margin) / 2) 0;
}

.blog-swiper{
  margin-bottom: calc(var(--section-margin) / 3);
}

.top-fw_topics ul.blog-swiper_list{
  gap: var(--flex-gap);
}

.top-fw .deco-human.-human1{
  width: min(17rem, 32vw);
  top: 0%;
  right: min(17rem, 6vw);
}

.top-fw .contentsBg .contents p{
  width: min(62%);
}

ul.blog-swiper_list{
  gap: var(--flex-gap);
}

.blog-swiper .swiper-wrapper {
  display: flex !important;
}

.blog-swiper .swiper-slide{
  width: 77%;
  flex-shrink: 0;
}

.interview-item a{
  background: var(--color-white);
  display: block;
  position: relative;
  padding: calc(var(--bg-padding) / 2);
  z-index: 1;
}
.interview-item a::before{
  content: "";
  position: absolute;
  background: var(--bg-gradation2);
  width: 100%;
  height: min(10rem, 24vw);
  left: 0;
  top: 0;
  z-index: -1;
}

.interview-titleArea{
  margin-top: calc(var(--bg-padding) / 2);
}

.interview-titleArea .interview-title{
  color: var(--color-green);
  font-size: min(1.3rem, 3.83vw);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5;
}

.interview-titleArea .interview-name{
  font-weight: 400;
  font-size: min(1.05rem, 3.24vw);
  padding-top: min(1rem, 1vw);
}

.top-fw .deco-image.-deco_sphere{
  top: min(18rem);
  width: min(4rem, 8vw);
  right: -6%;
  z-index: 1;
  transform: rotate(-97deg);
}
.top-fw .deco-image.-deco_sphere2{
  top: 100%;
  width: min(5rem, 10vw);
  left: -6%;
  z-index: 2;
  transform: rotate(-94deg);
}

@media screen and (min-width:768px) {
  .top-fw_humans{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: min(52rem,90%);
    margin: min(4rem) auto 0;
  }

  .top-fw_humans>.top-fw_humanItem>.top-fw_bubble{
    width: min(12rem, 58%);
  }

  .blog-swiper .swiper-slide{
    width: 47%;
  }

  .interview-item a:hover .thumbnail img{
    transform: scale(1.05);
  }
}

@media screen and (max-width:768px) {
  .top-fw_humans{
    margin-top: min(70vw);
    position: relative;
  }

  .top-fw_humans>.top-fw_humanItem{
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: min(25rem, 58%);
    background-size: cover;
    background-position: center center;
    opacity: 0;
    animation: fade-switch 21s infinite;
  }
  @keyframes fade-switch {
    0% { opacity: 0; z-index: 0; }
    5% { opacity: 1; z-index: 1; }
    30% { opacity: 1; z-index: 1; }
    35% { opacity: 0; z-index: 0; }
    100% { opacity: 0; z-index: 0; }
  }
  .top-fw_humanItem:nth-of-type(1) {
    animation-delay: 0s;
  }
  .top-fw_humanItem:nth-of-type(2) {
    animation-delay: 7s;
  }
  .top-fw_humanItem:nth-of-type(3) {
    animation-delay: 14s;
  }

  .top-fw_humans>.top-fw_humanItem:nth-of-type(1)>.top-fw_bubble{
    left: -44%;
    top: -5%;
  }
  .top-fw_humans>.top-fw_humanItem:nth-of-type(2)>.top-fw_bubble{
    right: -40%;
    top: -11%;
  }
  .top-fw_humans>.top-fw_humanItem:nth-of-type(3)>.top-fw_bubble{
    top: -9%;
  }
}

@media screen and (min-width:1024px) {
  .top-fw_graphInner{
    gap: var(--flex-gap);
  }

  .top-fw_graph_left{
    width: 40%;
  }

  .top-fw_percent{
    width: 100%;
  }

  .top-fw_percent .top-fw_bubble{
    right: -8%;
    top: -59%;
    width: min(8rem, 24vw);
  }

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

  .top-fw_topics .interview-item{
    width: calc(calc(100% - calc(calc(var(--flex-gap) / 2) * 2)) / 3);
    width: calc(calc(100% - calc(calc(var(--flex-gap) / 2) * 1)) / 2);
  }

  .top-fw .deco-image.-deco_sphere{
    top: 10%;
    width: min(3rem);
    right: -6%;
  }
  .top-fw .deco-image.-deco_sphere2{
    top: 100%;
    width: min(4rem);
    left: -6%;
  }
}

/*--------------
OTHER
--------------*/
.top-otherInfo{
  position: relative;
  background: url(img/otherInfo-bgSP.webp) no-repeat bottom;
  background-size: cover;
  padding-bottom: 60vw;
}

.top-otherInfo .title-container p{
  width: min(51vw);
}

.top-otherInfo_linkList{
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  padding: min(9rem,9vw) 0 0;
}

.top-otherInfo_linkList>li{
  width: calc((100% - min(var(--flex-gap) / 3)) /  2);
}

.top-otherInfo_linkItem a{
  border-bottom: solid 1px var(--color-black);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: min(1.4rem,3.5vw);
  gap: min(1rem, 2vw);
  padding: min(2rem, 4.24vw) 0 min(1rem, 3.24vw);
  margin: 0 min(1rem, 1vw);
}
.top-otherInfo_linkItem a img{
  width:min(3rem,6vw);
}

.top-otherInfo .deco-human.-human1{
  width: min(13rem, 21vw);
  top: 0;
  right: min(17rem, 18vw);
}

.top-otherInfo .deco-human.-human2{
  width: min(9rem, 14vw);
  top: min(4rem);
  right: min(6rem, 3vw);
}

.top-otherInfo .deco-human.-human3{
  width: min(24rem, 38vw);
  bottom: -2%;
  right: min(4rem, 3vw);
}

@media screen and (min-width:1024px) {
  .top-otherInfo{
    padding-bottom: min(30vw);
  }

}

@media screen and (min-width:768px) {
  .top-otherInfo{
    padding-bottom: min(35vw);
    background: url(img/otherInfo-bg.webp) no-repeat bottom;
    background-size: cover;
  }

  .top-otherInfo .title-container p{
    width: auto;
  }

  .top-otherInfo_linkList>li{
    width: calc((100% - calc(min(var(--flex-gap) / 3) * 2)) /  3);
  }

  .top-otherInfo .deco-human.-human3{
    bottom: -5%;
  }

  .top-otherInfo_linkItem a:hover{
    opacity:var(--hover-opacity);
  }

}