#head{
  padding-top: 70px;
  padding-bottom: 133px;
  background: #f3efe8;
}

#head .pickup_lists {
  width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
#head .pickup_item {
  padding: 0 10px;
}
#head .pickup_link {
  display: block;
  padding: 0;
  text-decoration: none;
  overflow: hidden;
}
#head .pickup_banner {
  width: 100%;
  height: 216px;
  position: relative;
  overflow: hidden;
}
#head .pickup_banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#head .pickup_content {
  padding-top: 10px;
}
#head .pickup_text {
  height: 63px;
  line-height: 1.5;
}
#head .pickup_more-txt{
  width: 100px;
  margin-bottom: 20px;
}
#head .pickup_lists .slick-prev,
#head .pickup_lists .slick-next {
  position: absolute;
  top: 34%;
  transform: translateY(-50%);
  z-index: 10;
  width: 20px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
}
#head .pickup_lists .slick-prev {
  left: -20px;
}
#head .pickup_lists .slick-next {
  right: -20px;
}
#head .pickup_lists .slick-prev:before,
#head .pickup_lists .slick-next:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 40px;
}
#head .pickup_lists .slick-prev:before {
  background: url(../../common/img/arrow_11.svg);
  background-size: 100% 100%;
}
#head .pickup_lists .slick-next:before {
  background: url(../../common/img/arrow_12.svg);
  background-size: 100% 100%;
}
#head .pickup_lists.slick-slider .slick-prev,
#head .pickup_lists.slick-slider .slick-next {
  display: none;
}
#head .pickup_lists.slick-slider.slick-arrow .slick-prev,
#head .pickup_lists.slick-slider.slick-arrow .slick-next {
  display: block;
}
#head .slick-dots li {
  width: 6px;
  height: 6px;
  margin: 0 7px;
  padding: 0;
  cursor: pointer;
}
#head .slick-dots li button:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  width: 6px;
  height: 6px;
  border-radius: 100px;
  background: #f08300;
}

#head .info_conte{
  width: 1052px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 130px;
  margin-bottom: 130px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#head .info_conte .info_ttl{
  width: 375px;
  text-align: center;
  color: #ac9268;
}
#head .info_conte .info_ttl .ttl{
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1;
  padding-top: 0.4em;
  margin-bottom: 1.5em;
}
#head .info_conte .info_ttl .all_view_btn{
  display: block;
  width: 190px;
  margin-left: auto;
  margin-right: auto;
  font-size: 17px;
  letter-spacing: 0.04em;
  border: 1px solid #ac9268;
  background: #FFF;
  border-radius: 1000px;
  line-height: 1;
  padding: .8em 0;
}
#head .info_conte .info_ttl .all_view_btn span{
  position: relative;
  padding-right: 1.4em;
}
#head .info_conte .info_ttl .all_view_btn span::after{
  content: '';
  position: absolute;
  top: 30%;
  right: -23%;
  width: 35px;
  height: 10px;
  background: url(../../common/img/arrow_04.svg);
  background-size: 100% 100%;
}
#head .info_conte .info_lists{
  width: 675px;
  background: #FFF;
  border: 1px solid #ac9268;
}
#head .info_conte .info_lists .info_wrap{
  padding-top: 35px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 35px;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  letter-spacing: 0;
  gap: 1em;
}
#head .info_conte .info_lists .info_wrap .info_item a{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
#head .info_conte .info_lists .info_wrap .info_item a .info_date{
  margin-right: 1em;
}
#head .info_conte .info_lists .info_wrap .info_item a .info_txt{
  text-decoration: underline;
  text-underline-offset: .2em;
}

#nampro{
  padding-top: 150px;
  padding-bottom: 125px;
}
#nampro .sec_ttl{
  display: inline-block;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 30px;
  text-align: center;
  color: #ac9268;
  margin-bottom: 2em;
  padding-bottom: 0.4em;
}
#nampro .sec_ttl::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 150%;
  height: 2px;
  background: url(../../common/img/line_01.png);
  background-size: 100% 100%;
}
#nampro .head{
  font-size: 48px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  color: #ac9268;
  margin-bottom: 1.5em;
}
#nampro .txt{
  text-align: center;
  font-size: 18px;
  line-height: 2.7;
  letter-spacing: 0.02em;
}
#nampro .img{
  width: 1052px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 150px;
}

#about{
  padding-top: 150px;
  background: #f3efe8;
}
#about .sec_ttl{
  display: inline-block;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 30px;
  text-align: center;
  color: #ac9268;
  margin-bottom: 2em;
  padding-bottom: 0.4em;
}
#about .sec_ttl::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 130%;
  height: 2px;
  background: url(../../common/img/line_01.png);
  background-size: 100% 100%;
}
#about .conte .inner{
  display: flex;
  justify-content: flex-end;
  gap: 45px;
}
#about .conte._02{
  background: #fff;
}
#about .conte._02,
#about .conte._03{
  padding-top: 70px;
}
#about .conte._02 .inner{
  flex-direction: row-reverse;
}

#about .conte .inner .txt_wrap{
  width: 480px;
}
#about .conte .inner .img_wrap{
  width: 800px;
}

#about .conte._01 .inner .txt_wrap .num{
  width: 170px;
}
#about .conte._02 .inner .txt_wrap .num{
  width: 193px;
}
#about .conte._03 .inner .txt_wrap .num{
  width: 190px;
}

#about .conte .inner .txt_wrap .ttl{
  font-size: 50px;
  line-height: 1.3;
  margin-top: 0.33em;
  white-space: nowrap;
}
#about .conte .inner .txt_wrap .tag_lists{
  width: 90%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  font-size: 19px;
  color: #FFF;
  gap: .4em;
  margin-top: 1em;
  margin-bottom: 1em;
}
#about .conte .inner .txt_wrap .tag_lists .tag_list{
  background: #7b3e1c;
  border-radius: 10px;
  line-height: 1;
  letter-spacing: -0.02em;
  padding: .4em .6em;
}
#about .conte .inner .txt_wrap .tag_lists .tag_list span{
  font-size: 65%;
  padding-left: .4em;
}
#about .conte._02 .inner .txt_wrap .flow{
  width: 452px;
  margin-bottom: 18px;
}
#about .conte .inner .txt_wrap .txt{
  font-size: 16px;
  margin-bottom: 1em;
}
#about .conte .inner .txt_wrap .read_more_btn{
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 17px;
  border: 1px solid #ac9268;
  color: #ac9268;
  background: #FFF;
  line-height: 1;
  border-radius: 1000px;
  padding: 0.7em 4em .7em 3em;
}
#about .conte .inner .txt_wrap .read_more_btn::after{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.5em;
  width: 26px;
  height: 5px;
  background: url(../../common/img/arrow_04.svg);
  background-size: 100% 100%;
}

#step{
  padding-top: 150px;
  padding-bottom: 180px;
}
#step .step_ttl{
  text-align: center;
  font-size: 30px;
  letter-spacing: 0.08em;
}
#step .step_ttl span{
  display: inline-block;
  width: 147px;
  position: relative;
  top: 0;
  left: 0;
  transform: translateY(15%);
  margin-left: 7px;
}
#step .step_lists{
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
}
#step .step_lists .step_list{
  position: relative;
  border-bottom: 1px solid #323232;
  text-align: center;
}
#step .step_lists .step_list::after{
  content: '';
  display: block;
  width: 41px;
  height: 32px;
  background: url(../../common/img/arrow_10.svg);
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  bottom: 0;
}
#step .step_lists .step_list .step_ttl{
  font-size: 42px;
  letter-spacing: 0.06em;
  line-height: 1;
}
#step .step_lists .step_list:nth-child(2) .step_ttl{
  padding-top: 1.3em;
}
#step .step_lists .step_list .step_txt{
  font-size: 16px;
  padding-top: 1.2em;
  padding-bottom: 1.5em;
}

#step .block_system{
  width: 1052px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  border: 3px solid #f08300;
  text-align: center;
}
#step .block_system.support{
  border: 3px solid #ac9268;
}
#step .block_system .block_system_ttl{
  background: #f08300;
  color: #FFF;
  text-align: center;
  width: 100%;
  padding: .3em 0;
  font-size: 26px;
}
#step .block_system.support .block_system_ttl{
  background: #ac9268;
}
#step .block_system .system_lists{
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 65px;
  padding-bottom: 65px;
}
#step .block_system .system_lists .system_list{
  position: relative;
  border-bottom: 1px solid #323232;
  text-align: center;
}
#step .block_system .system_lists .system_list::after{
  content: '';
  display: block;
  width: 41px;
  height: 32px;
  background: url(../../common/img/arrow_10.svg);
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  bottom: 0;
}
#step .block_system.support .system_lists .system_list::after{
  content: none !important;
}
#step .block_system .system_lists .system_list:last-child::after{
  display: none;
}
#step .block_system .system_lists .system_list .system_ttl{
  font-size: 42px;
  letter-spacing: 0.06em;
  line-height: 1;
}
#step .block_system .system_lists .system_list:nth-child(n+2) .system_ttl{
  padding-top: 1.3em;
}
#step .block_system .system_lists .system_list .system_ttl .size-m{
  font-size: 65%;
}
#step .block_system .system_lists .system_list .system_ttl .size-s{
  font-size: 55%;
}
#step .block_system .system_lists .system_list .system_txt{
  font-size: 16px;
  padding-top: 1.2em;
  padding-bottom: 1.5em;
}

#college{
  padding-top: 150px;
  padding-bottom: 100px;
  background: url(../img/college_bg.png);
  background-size: cover;
  background-position: top right;
  text-align: center;
}
#college .college_ttl{
  font-size: 30px;
  letter-spacing: 0.04em;
  line-height: 1;
  color: #ac9268;
  margin-bottom: 3em;
}
#college .conte{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5em 0;
}
#college .conte .wrap{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em 2.5em;
  font-size: 34px;
  color: #FFF;
}
#college .conte .wrap._01{
  width: 680px;
  flex-wrap: wrap;
}
#college .conte .wrap .item{
  position: relative;
  padding-bottom: 0.2em;
}
#college .conte .wrap .item::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 130%;
  height: 2px;
  background: url(../../common/img/line_02.png);
  background-size: 100% 100%;
}
#college .conte .wrap._03 .item:last-child::after{
  width: 110%;
}
#college .btn_conte{
  margin-top: 90px;
}
#college .btn_conte .btn_txt{
  color: #FFF;
  font-size: 20px;
  margin-bottom: 1.5em;
}
#college .btn_conte .college_btn{
  width: 312px;
  height: 68px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  letter-spacing: 0.04em;
  border: 1px solid #FFF;
  color: #FFF;
  border-radius: 1000px;
}


@media(max-width:1600px){
  #head{
    padding-top: 4.37vw;
    padding-bottom: 8.31vw;
  }
  
  #head .pickup_lists {
    width: 75vw;
    padding: 0 1.25vw;
  }
  #head .pickup_item {
    padding: 0 0.625;
  }
  #head .pickup_banner {
    height: 12.875vw;
    height: 13.5vw;
  }
  #head .pickup_content {
    padding-top: 0.625vw;
  }
  #head .pickup_text {
    height: 3.9375vw;
  }
  #head .pickup_more-txt{
    width: 6.25vw;
    margin-bottom: 1.25vw;
  }
  /* Slickスライダーの矢印ボタンカスタマイズ */
  #head .pickup_lists .slick-prev,
  #head .pickup_lists .slick-next {
    width: 1.25vw;
    height: 2.5vw;
  }
  #head .pickup_lists .slick-prev {
    left: -1.25vw;
  }
  #head .pickup_lists .slick-next {
    right: -1.25vw;
  }
  #head .pickup_lists .slick-prev:before,
  #head .pickup_lists .slick-next:before {
    width: 1.25vw;
    height: 2.5vw;
  }
  #head .slick-dots li {
    width: 0.375vw;
    height: 0.375vw;
    margin: 0 7px;
  }
  #head .slick-dots li button:before {
    width: 0.375vw;
    height: 0.375vw;
  }

  #head .info_conte{
    width: 65.75vw;
    margin-top: 8.12vw;
    margin-bottom: 8.12vw;
  }
  #head .info_conte .info_ttl{
    width: 23.43vw;
  }
  #head .info_conte .info_ttl .ttl{
    font-size: 1.87vw;
  }
  #head .info_conte .info_ttl .all_view_btn{
    width: 11.87vw;
    font-size: 1.06vw;
  }
  #head .info_conte .info_ttl .all_view_btn span::after{
    width: 2.18vw;
    height: 0.62vw;
  }
  #head .info_conte .info_lists{
    width: 42.18vw;
  }
  #head .info_conte .info_lists .info_wrap{
    padding-top: 2.18vw;
    padding-left: 3.12vw;
    padding-right: 3.12vw;
    padding-bottom: 1.09vw;
    font-size: 1vw;
  }
  
  #nampro{
    padding-top: 9.37vw;
    padding-bottom: 7.81vw;
  }
  #nampro .sec_ttl{
    font-size: 1.87vw;
  }
  #nampro .head{
    font-size: 3vw;
  }
  #nampro .txt{
    font-size: 1.12vw;
  }
  #nampro .img{
    width: 65.75vw;
    margin-top: 9.37vw;
  }
  
  #about{
    padding-top: 9.37vw;
  }
  #about .sec_ttl{
    font-size: 1.87vw;
  }
  #about .conte .inner{
    gap: 2.81vw;
  }
  #about .conte._02,
  #about .conte._03{
    padding-top: 4.37vw;
  }
  
  #about .conte .inner .txt_wrap{
    width: 30vw;
  }
  #about .conte .inner .img_wrap{
    width: 50vw;
  }

  #about .conte._01 .inner .txt_wrap .num{
    width: 10.625vw;
  }
  #about .conte._02 .inner .txt_wrap .num{
    width: 12.0625vw;
  }
  #about .conte._03 .inner .txt_wrap .num{
    width: 11.875vw;
  }

  #about .conte .inner .txt_wrap .ttl{
    font-size: 3.12vw;
  }
  #about .conte .inner .txt_wrap .tag_lists{
    font-size: 1.18vw;
  }
  #about .conte._02 .inner .txt_wrap .flow{
    width: 28.25vw;
    margin-bottom: 1.12vw;
  }
  #about .conte .inner .txt_wrap .txt{
    font-size: 1vw;
  }
  #about .conte .inner .txt_wrap .read_more_btn{
    font-size: 1.06vw;
  }
  #about .conte .inner .txt_wrap .read_more_btn::after{
    width: 1.62vw;
    height: 0.31vw;
  }
  
  #step{
    padding-top: 9.37vw;
    padding-bottom: 11.25vw;
  }
  #step .step_ttl{
    font-size: 1.87vw;
  }
  #step .step_ttl span{
    width: 9.1875vw;
    margin-left: 0.4375vw;
  }
  #step .step_lists{
    width: 40.62vw;
    margin-top: 5vw;
  }
  #step .step_lists .step_list::after{
    width: 2.5625vw;
    height: 2vw;
  }
  #step .step_lists .step_list .step_ttl{
    font-size: 2.62vw;
  }
  #step .step_lists .step_list .step_txt{
    font-size: 1vw;
  }
  
  #step .block_system{
    width: 65.75vw;
    margin-top: 3.75vw;
  }
  #step .block_system .block_system_ttl{
    font-size: 1.62vw;
  }
  #step .block_system .system_lists{
    width: 40.62vw;
    margin-top: 4.06vw;
    padding-bottom: 4.06vw;
  }
  #step .block_system .system_lists .system_list::after {
    width: 2.5625vw;
    height: 2vw;
  }
  #step .block_system .system_lists .system_list .system_ttl{
    font-size: 2.62vw;
  }
  #step .block_system .system_lists .system_list .system_txt{
    font-size: 1vw;
  }
  
  #college{
    padding-top: 9.37vw;
    padding-bottom: 6.25vw;
  }
  #college .college_ttl{
    font-size: 1.87vw;
  }
  #college .conte .wrap{
    font-size: 2.12vw;
  }
  #college .conte .wrap._01{
    width: 42.5vw;
  }
  #college .btn_conte{
    margin-top: 5.62vw;
  }
  #college .btn_conte .btn_txt{
    font-size: 1.25vw;
  }
  #college .btn_conte .college_btn{
    width: 19.5vw;
    height: 4.25vw;
    font-size: 1.25vw;
  }
}

@media(max-width:750px){
  #head{
    padding-top: 6.66vw;
    padding-bottom: 9.33vw;
  }
  
  #head .pickup_lists {
    width: 90.66vw;
    padding: 0;
  }
  #head .pickup_item {
    padding: 0 2vw;
  }
  #head .pickup_banner {
    height: 51vw;
  }
  #head .pickup_content {
    padding-top: 10px;
  }
  #head .pickup_text {
    height: 13vw;
  }
  #head .pickup_more-txt{
    width: 20vw;
    margin-bottom: 3vw;
  }
  #head .pickup_lists .slick-prev,
  #head .pickup_lists .slick-next {
    top: 34%;
    width: 3vw;
    height: 6vw;
  }
  #head .pickup_lists .slick-prev {
    left: -2.7vw;
  }
  #head .pickup_lists .slick-next {
    right: -2.7vw;
  }
  #head .pickup_lists .slick-prev:before,
  #head .pickup_lists .slick-next:before {
    width: 3vw;
    height: 6vw;
  }
  #head .slick-dots li {
    width: 1.2vw;
    height: 1.2vw;
    margin: 0 1vw;
  }
  #head .slick-dots li button:before {
    width: 1.2vw;
    height: 1.2vw;
  }

  #head .info_conte{
    width: 86.66vw;
    margin-top: 14.66vw;
    margin-bottom: 22.66vw;
    display: block;
    padding: 0;
  }
  #head .info_conte .info_ttl{
    width: 100%;
  }
  #head .info_conte .info_ttl .ttl{
    font-size: 5.5vw;
    text-align: center;
  }
  #head .info_conte .all_view_btn{
    width: 100%;
    font-size: 3.73vw;
    display: block;
    letter-spacing: 0.04em;
    border: 1px solid #ac9268;
    background: #FFF;
    color: #ac9268;
    border-radius: 1000px;
    line-height: 1;
    padding: 1em 0;
    text-align: center;
    margin-top: 6vw;
  }
  #head .info_conte .all_view_btn span{
    position: relative;
    padding-right: 0;
  }
  #head .info_conte .all_view_btn span::after{
    content: '';
    position: absolute;
    top: 30%;
    right: -110%;
    width: 8.93vw;
    height: 1.7vw;
    background: url(../../common/img/arrow_04.svg);
    background-size: 100% 100%;
  }
  #head .info_conte .info_lists{
    width: 100%;
  }
  #head .info_conte .info_lists .info_wrap{
    padding-top: 6.13vw;
    padding-left: 4.8vw;
    padding-right: 4.8vw;
    padding-bottom: 6.13vw;    
    font-size: 3.46vw;
    gap: 1.3em;
  }
  #head .info_conte .info_lists .info_wrap .info_item a{
    display: block;
  }
  #head .info_conte .info_lists .info_wrap .info_item a .info_date{
    margin-right: 0;
    margin-bottom: 0.2em;
  }

  #nampro{
    padding-top: 24.26vw;
    padding-bottom: 17.33vw;
  }
  #nampro .sec_ttl{
    font-size: 5.5vw;
    margin-bottom: 2em;
  }
  #nampro .sec_ttl::after{
    height: 1px;
  }
  #nampro .head{
    font-size: 6.13vw;
    line-height: 1.8;
    margin-bottom: 1.5em;
  }
  #nampro .txt{
    width: 86.93vw;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    font-size: 4.26vw;
    line-height: 2.0;
    letter-spacing: -0.02em;
  }
  #nampro .img{
    width: 93.33vw;
    margin-top: 20vw;
  }


  #about{
    padding-top: 17.33vw;
  }
  #about .sec_ttl{
    font-size: 5.5vw;
    margin-bottom: 2em;
  }
  #about .sec_ttl::after{
    height: 1px;
  }
  #about .conte .inner{
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    gap: 0;
  }
  #about .conte._02,
  #about .conte._03{
    padding-top: 19.46vw;
  }
  #about .conte._02 .inner{
    flex-direction: column-reverse;
  }
  
  #about .conte .inner .txt_wrap{
    width: 87.33vw;
    margin-left: auto;
    margin-right: auto;
  }
  #about .conte .inner .img_wrap{
    width: 93.33vw;
    margin-left: auto;
    margin-right: 0;
  }
  #about .conte._02 .inner .img_wrap{
    margin-left: 0;
    margin-right: auto;
  }

  #about .conte .inner .txt_wrap .num{
    margin-top: 5vw;
  }
  #about .conte._01 .inner .txt_wrap .num{
    width: 28.33vw;
  }
  #about .conte._02 .inner .txt_wrap .num{
    width: 32.16vw;
  }
  #about .conte._03 .inner .txt_wrap .num{
    width: 31.66vw;
  }

  #about .conte .inner .txt_wrap .ttl{
    font-size: 8vw;
    line-height: 1.18;
    margin-top: 0.4em;
  }
  #about .conte .inner .txt_wrap .tag_lists{
    width: 100%;
    font-size: 3.86vw;
  }
  #about .conte._02 .inner .txt_wrap .flow{
    width: 75.46vw;
    margin-bottom: 4.53vw;
  }
  #about .conte .inner .txt_wrap .txt{
    font-size: 3.46vw;
    margin-bottom: 2em;
  }
  #about .conte .inner .txt_wrap .read_more_btn{
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3em;
    font-size: 3.73vw;
    padding: 1em 0;
  }
  #about .conte .inner .txt_wrap .read_more_btn::after{
    top: 49%;
    width: 8.93vw;
    height: 1.7vw;
  }

  #step{
    padding-top: 12vw;
    padding-bottom: 16vw;
  }
  #step .step_ttl{
    font-size: 5.33vw;
  }
  #step .step_ttl span{
    display: block;
    margin-left: 0;
    width: 25vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.4vw;
  }
  #step .step_lists{
    width: 78vw;
    margin-top: 10.66vw;
  }
  #step .step_lists .step_list::after{
    width: 8vw;
    height: 4.5vw;
  }
  #step .step_lists .step_list .step_ttl{
    font-size: 7vw;
    letter-spacing: 0;
  }
  #step .step_lists .step_list .step_txt{
    font-size: 3.46vw;
    padding-top: 1.2em;
    padding-bottom: 1.5em;
  }
  
  #step .block_system{
    width: 86.66vw;
    margin-top: 5.73vw;
  }
  #step .block_system .block_system_ttl{
    font-size: 5.06vw;
  }
  #step .block_system .system_lists{
    width: 77.866vw;
    margin-top: 8.266vw;
    padding-bottom: 12.8vw;
  }
  #step .block_system .system_lists .system_list::after{
    width: 8vw;
    height: 4.5vw;
  }
  #step .block_system .system_lists .system_list .system_ttl{
    font-size: 7vw;
    letter-spacing: 0;
    line-height: 1.25;
  }
  #step .block_system .system_lists .system_list .system_txt{
    font-size: 3.46vw;
    padding-top: 1.2em;
    padding-bottom: 1.5em;
  }

  #college{
    padding-top: 12vw;
    padding-bottom: 8.66vw;
    background: url(../img/college_bg_sp.png);
    background-size: cover;
    background-position: top right;
    text-align: center;
  }
  #college .college_ttl{
    font-size: 5.5vw;
    margin-bottom: 1.8em;
    line-height: 1.4;
  }
  #college .conte{
    font-size: 5.5vw;
    gap: 1.4em 0;
  }
  #college .conte .wrap{
    gap: 1.4em 2.5em;
    font-size: 5.5vw;
    flex-wrap: wrap;
  }
  #college .conte .wrap._01{
    width: 100%;
  }
  #college .conte .wrap .item{
    padding-bottom: 0.2em;
  }
  #college .conte .wrap .item::after{
    height: 1px;
    width: 100%;
  }
  #college .conte .wrap._03 .item:last-child::after{
    width: 100%;
  }
  #college .btn_conte{
    margin-top: 10vw;
  }
  #college .btn_conte .btn_txt{
    font-size: 3.73vw;
    margin-bottom: 1em;
  }
  #college .btn_conte .college_btn{
    width: 78.66vw;
    height: 10.66vw;
    font-size: 3.73vw;
  }
}