@charset "UTF-8";
#sec02 {
  width: 100%;
  height: 1100px;
  display: flex;
  background: url(../img/sec02_bg.png) bottom no-repeat;
  padding: 0;
}
#sec02 .wrap {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
#sec02 .sub_img {
  padding: 70px 0 0 0;
}
#sec02 .ttl_box {
  width: 800px;
  display: block;
  margin: 2% 0 0 17%;
}
#sec02 .main_top .anime_01 {
  background-color: white;
  padding: 3% 3% 4% 3%;
  margin: 2% 0 0 0;
  font-size: 50px;
  font-weight: bold;
}
#sec02 .anime_02 {
  background-color: white;
  padding: 3% 3% 4% 3%;
  margin: 3% 0 0 16%;
  font-size: 50px;
  font-weight: bold;
}
#sec02 .anime_02 .orenge {
  color: #ff5d2b;
}
#sec02 .button_sp.sp_none {
  z-index: 1;
  position: relative;
}
#sec02 .main_bottom {
  text-align: center;
  line-height: 34px;
  margin: 2% 0 0 0;
}
#sec02 .illust_item {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}

#sec03 {
  width: 100%;
  height: 1100px;
  display: flex;
  background-attachment: fixed;
  background: url(../img/sec03_pl_bg.png);
  background-size: cover;
  background-position: top;
  animation: parallax linear both;
  animation-timeline: view();
}
@keyframes parallax {
  from {
    background-position: center 0;
  }
  to {
    background-position: center -400px;
  }
}
#sec03 .wrap {
  width: 1200px;
  margin: 4% auto 0 auto;
  position: relative;
}
#sec03 .main_img02 img {
  width: 100%;
}
#sec03 h3 {
  font-size: 38px;
  font-weight: bold;
  color: #404040;
  border-left: solid 8px #b50000;
  width: 0%;
  padding: 0.5% 0 0% 1%;
  color: #393939;
  margin: 0 0 0 0;
}
#sec03 .sub_ttl {
  margin: 2.5% 0 1% 0;
  font-size: 52px;
  font-weight: bold;
  width: 420px;
}
#sec03 .orenge {
  color: #ff5d2b;
}
#sec03 .sub_ttl2 {
  font-size: 52px;
  font-weight: bold;
  width: 541px;
}
#sec03 .textbox {
  width: 460px;
  margin-top: 1%;
  line-height: 34px;
}
#sec03 .right_box {
  position: absolute;
  right: 0;
  display: flex;
  top: 0;
  z-index: 1;
}
#sec03 .left_box {
  position: relative;
  display: flex;
  z-index: 2;
}

#sec04 {
  width: 100%;
  overflow: hidden;
  /* dotsを丸くカスタマイズするCSS */
}
#sec04 .wrap {
  width: 1200px;
  margin: 4% auto 0 auto;
  padding: 0 0 12% 0;
  position: relative;
}
#sec04 .dots-wrap {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 103%;
  left: 41%;
}
#sec04 .dots-wrap li {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #bbbbbb;
  border-radius: 50%;
  cursor: pointer;
}
#sec04 .dots-wrap li:hover,
#sec04 .dots-wrap li.slick-active {
  background: coral;
}
#sec04 .dots-wrap li button {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
}
#sec04 .orenge {
  color: #ff5d2b;
}
#sec04 .main_frame {
  width: 590px;
  padding: 18% 0 0 38%;
}
#sec04 .main_frame::after {
  content: "";
  background: #f5f2ec;
  width: 200%;
  height: 574px;
  border-radius: 0 86px 86px 0;
  position: absolute;
  right: 25%;
  top: 60%;
  z-index: -1;
}
#sec04 .main_img {
  content: "";
  width: 68%;
  height: 591px;
  border-radius: 0 86px 86px 0;
  position: absolute;
  right: 62%;
  top: 0;
  z-index: -1;
}
#sec04 .main_frame2 {
  width: 590px;
  padding: 36% 0 0 0;
}
#sec04 .main_frame2::after {
  content: "";
  background: #f5f2ec;
  width: 200%;
  height: 650px;
  border-radius: 86px 0 0 86px;
  position: absolute;
  left: 25%;
  top: 8%;
  z-index: -1;
}
#sec04 .main_img2 {
  content: "";
  width: 68%;
  height: 591px;
  border-radius: 0 86px 0 86px;
  position: absolute;
  left: 62%;
  top: 52%;
  z-index: -2;
}
#sec04 .sub_ttl {
  margin: 2% 0 0 0;
  font-size: 58px;
  font-weight: bold;
}
#sec04 .sub_ttl2 {
  font-size: 58px;
  font-weight: bold;
  margin: 2% 0 4% 0;
}
#sec04 .textbox {
  width: 564px;
  margin-top: 2%;
  line-height: 34px;
}
#sec04 .button_sp a {
  width: 100%;
  padding: 4% 0;
}

#sec05 {
  width: 100%;
}
#sec05 .wrap {
  width: 1200px;
  margin: 0 auto;
}
#sec05 .button_box {
  width: 100%;
  display: flex;
}
#sec05 .button_box a img {
  margin-bottom: 1%;
}
#sec05 .button_box .col_l {
  width: 50%;
  display: block;
  background-color: #870000;
}
#sec05 .button_box .col_r {
  width: 50%;
  display: block;
  background-color: #091e31;
}
#sec05 .button_box .button .bgskew {
  position: relative;
  overflow: hidden;
  text-decoration: none;
  display: block;
  width: 76%;
  margin: 3% auto;
  padding: 1% 0;
  font-weight: 500;
  text-align: center;
  line-height: 1.8;
  text-decoration: none;
  outline: none;
  font-size: 1.9vw;
  transition: ease 0.2s;
}
#sec05 .button_box .button .bgskew span {
  font-family: serif;
}
#sec05 .button_box .button .red_1 {
  background-color: #ab0000;
}
#sec05 .button_box .button .red_2 {
  background-color: #cb3900;
}
#sec05 .button_box .button .blue_1 {
  background-color: #002b4f;
}
#sec05 .button_box .button .blue_2 {
  background-color: #004f91;
}
#sec05 .button_box .button a:after {
  content: "";
  width: 9px;
  height: 9px;
  border-top: solid 3px rgb(255, 255, 255);
  border-right: solid 3px rgb(255, 255, 255);
}
#sec05 .button_box .button a span {
  position: relative;
  z-index: 3;
  color: #ffffff;
}
#sec05 .main_ttl {
  width: 1200px;
  margin: 2% auto;
  font-size: 54px;
  padding: 2% 0 0 0;
  color: white;
  text-align: center;
  height: 120px;
  background-image: url(../img/sec05_h3_bg.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#sec05 .bnr_box {
  width: 100%;
  display: flex;
}
#sec05 .bnr_box .bnr {
  width: 50%;
}

#sec06 {
  width: 100%;
  overflow: hidden;
}
#sec06 .wrap {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
#sec06 .col_l {
  width: 550px;
  margin: 172px 0 226px 0;
}
#sec06 .orenge {
  color: #ff5d2b;
}
#sec06 .textbox {
  width: 564px;
  margin-top: 2%;
  line-height: 34px;
}
#sec06 .main_img {
  content: "";
  width: 200%;
  height: auto;
  position: absolute;
  left: 52%;
  top: -4%;
  z-index: -1;
}
#sec06 .sub_ttl {
  margin: 4% 0 0 0;
  font-size: 60px;
  font-weight: bold;
}
#sec06 .sub_ttl2 {
  font-size: 60px;
  font-weight: bold;
  margin: 1% 0 0 0;
}
#sec06 h3 {
  font-size: 38px;
  font-weight: bold;
  color: #404040;
  border-left: solid 8px #b50000;
  width: 0%;
  padding: 0.5% 0 0% 1%;
  color: #393939;
  margin: 0 0 0 0;
}
#sec06 .button a {
  width: 100%;
  padding: 4% 0;
  box-shadow: -5px 8px 19px -3px #cfcfcf;
}

#sec07 {
  width: 100%;
  overflow: hidden;
}
#sec07 .wrap {
  width: 1200px;
  margin: 5% auto 0 auto;
  position: relative;
  padding: 1% 0 0 0;
}
#sec07 .col_r {
  margin: 10% 0 19% 55%;
  width: 550px;
  height: auto;
}
#sec07 .orenge {
  color: #ff5d2b;
}
#sec07 .main_img {
  content: "";
  width: 200%;
  height: auto;
  position: absolute;
  left: -30%;
  top: -9%;
  z-index: -1;
}
#sec07 .textbox {
  width: 90%;
  margin: 3% 0 2% 0;
  line-height: 34px;
}
#sec07 .sub_ttl {
  margin: 4% 0 0 0;
  font-size: 60px;
  font-weight: bold;
}
#sec07 h3 {
  font-size: 38px;
  font-weight: bold;
  color: #404040;
  border-left: solid 8px #b50000;
  width: 0%;
  padding: 0.5% 0 0% 1%;
  color: #393939;
  margin: 0 0 0 0;
}
#sec07 .button a {
  width: 100%;
  padding: 4% 0;
  box-shadow: -5px 8px 19px -3px #cfcfcf;
}

#sec08 {
  width: 100%;
  overflow: hidden;
}
#sec08 .box01 {
  display: block;
}
#sec08 .box01 img {
  width: 90%;
}
#sec08 .box01 .ttl {
  width: 90%;
}
#sec08 .slick-list.draggable {
  width: 100%;
  margin: 0 0 0 2%;
}
#sec08 .wrap {
  width: 1200px;
  margin: 0% auto 6% auto;
}
#sec08 .ttl_box2 {
  width: 650px;
  display: flex;
  position: relative;
  margin: 8% auto 5% auto;
}
#sec08 .ttl_box2 .sub_ttl {
  font-size: 58px;
  font-weight: bold;
  position: absolute;
  bottom: 10%;
  right: 0;
  top: -9%;
}
#sec08 .ttl_box {
  line-height: 1.8rem;
}
#sec08 .ttl_box .ttl {
  font-size: 22px;
  margin: 6% 0;
  border-bottom: solid 2px #cbcbcb;
  margin: 6% 0 2% 0;
  padding-bottom: 2%;
  font-weight: bold;
}
#sec08 .ttl_box2 {
  width: 52%;
  display: flex;
  position: relative;
}
#sec08 h3 {
  font-size: 38px;
  font-weight: bold;
  border-left: solid 8px #b50000;
  width: 0%;
  padding: 0.5% 0 0% 1%;
  color: #393939;
  margin: 0 0 0 0;
}
#sec08 .button a {
  width: 46%;
  margin: 4% auto;
  padding: 2% 0;
  box-shadow: -5px 8px 19px -3px #cfcfcf;
}
#sec08 .news .icatch {
  width: 90%;
  height: auto;
}

#sec09 {
  width: 100%;
  background-color: #f5f2ec;
  padding: 4% 0 2% 0;
}
#sec09 .wrap {
  width: 1200px;
  margin: 0 auto;
}
#sec09 h3 {
  font-size: 86px;
  font-weight: bold;
  color: #404040;
  text-align: center;
}
#sec09 .textbox {
  margin: 3% auto;
  text-align: center;
  line-height: 34px;
  width: 94%;
}
#sec09 .bnr_content {
  display: flex;
  width: 94%;
  flex-wrap: wrap;
  margin: 5% 4% 8% 4%;
  justify-content: center;
}
#sec09 .bnr_content .bnr {
  width: 50%;
  margin-bottom: 2%;
}

/* ===============================================
/*レスポンシブ関連▼
  =============================================== */
@media screen and (max-width: 1200px) {
  /* 1200pxまでの幅の場合に適用される(タブレット) */
  #sec01 {
    background-color: black;
  }
  #sec01 h3 {
    text-align: center;
    font-size: 2.5rem;
    padding: 8% 0 0 0;
    color: white;
    font-weight: bold;
  }
  #sec01 .rss {
    width: 95%;
    margin: 8% auto 0 auto;
    padding: 0 0 12% 0;
    color: #e4dc00;
  }
  #sec01 .rss dl {
    width: 98%;
    display: block;
    margin: 6% auto 0 auto;
    padding-bottom: 6%;
    border-bottom: dotted 1px rgba(87, 85, 85, 0.7137254902);
  }
  #sec01 .rss dt {
    width: 38%;
    margin-bottom: 2%;
  }
  #sec01 .rss dd {
    width: 98%;
    line-height: 1.6rem;
  }
  #sec02 .illust_item img {
    width: 42vw;
  }
  #sec02 .wrap {
    width: 100%;
    overflow: hidden;
  }
  #sec02 .wrap .anime_02 {
    margin: 4% 0 0 0%;
  }
  #sec03 {
    width: 100%;
    position: relative;
    height: unset;
    background: unset;
  }
  #sec03 h3 {
    margin: 4% 0 0 1%;
  }
  #sec03 .right_box {
    top: 4%;
    z-index: -1;
  }
  #sec03 .sub_ttl {
    margin: 2% 0 0 2%;
    z-index: -2;
    position: relative;
  }
  #sec03 .sub_ttl2 {
    margin: 0 0 0 2%;
    z-index: -2;
    position: relative;
  }
  #sec03 .textbox {
    margin: 1% 0 0 2%;
  }
  #sec03 .wrap {
    width: 100%;
    margin: unset;
    height: unset;
  }
  #sec03 .wrap .main_img01 img {
    width: 36vw;
  }
  #sec03 .wrap .main_img02 img {
    width: 55vw;
  }
  #sec04 {
    width: unset;
    padding: 3% 0 6% 0;
  }
  #sec04 .wrap {
    padding: 0 0 2% 0;
    margin: 0;
  }
  #sec04 #sec04 .textbox {
    width: 100%;
  }
  #sec04 .main_frame {
    width: 590px;
    padding: 55% 0 0 14%;
  }
  #sec04 .main_frame::after {
    width: 100%;
    left: -6%;
    bottom: -5%;
    top: unset;
  }
  #sec04 .main_img {
    content: "";
    width: 100%;
    right: 0;
  }
  #sec04 .main_frame2 {
    width: 590px;
    padding: 85% 0 0 14%;
  }
  #sec04 .main_frame2::after {
    width: 100%;
    left: 6%;
    bottom: 51%;
    top: unset;
  }
  #sec04 .main_img2 {
    content: "";
    width: 100%;
    left: 0;
    margin-top: 2%;
  }
  #sec04 .wrap {
    width: 100%;
    height: unset;
  }
  #sec05 .main_ttl {
    width: 100%;
    margin: 6% 0 0% 0;
    padding: 3% 0;
  }
  #sec05 .wrap {
    width: 100%;
  }
  #sec06 {
    width: 100%;
    padding: 6% 0 0 0;
  }
  #sec06 .wrap {
    width: 100%;
    margin: unset;
  }
  #sec06 .main_img {
    width: 100%;
    position: unset;
  }
  #sec06 .col_l {
    width: 100%;
    margin: 0;
  }
  #sec06 .textbox {
    width: 90%;
    margin: 4% auto;
    line-height: 31px;
  }
  #sec06 .button {
    width: 50%;
    margin: 0 auto;
  }
  #sec07 {
    width: 100%;
  }
  #sec07 .wrap {
    width: 100%;
    margin: unset;
    position: unset;
  }
  #sec07 .main_img {
    content: "";
    width: 100%;
    height: auto;
    position: unset;
  }
  #sec07 .main_img img {
    width: 100%;
  }
  #sec07 .col_r {
    margin: unset;
    width: 100%;
    height: auto;
    margin: 8% 0 0 0;
  }
  #sec07 .button a {
    width: 46%;
    padding: 2% 0;
  }
  #sec08 {
    width: 100%;
    padding: 6% 0 8% 0;
  }
  #sec08 .ttl_box2 {
    width: 626px;
  }
  #sec08 .wrap {
    width: unset;
    margin: 0 auto;
  }
  #sec09 {
    padding: 8% 0;
    background-color: #f5f2ec;
  }
  #sec09 .wrap {
    width: 100%;
  }
}
@media screen and (max-width: 736px) {
  /* 736pxまでの幅の場合に適用される(スマホ) */
  #sec02 {
    height: unset;
    background-image: none;
    background-color: #ebe6df;
    padding: 0 0 2% 0;
  }
  #sec02 .sub_img {
    padding: 0;
  }
  #sec02 .main_top {
    position: relative;
    width: 100%;
  }
  #sec02 .main_top .sub_img {
    z-index: 1;
  }
  #sec02 .main_top .anime_01 {
    position: absolute;
    background-color: white;
    padding: 3%;
    font-size: 8.4vw;
    bottom: 12%;
    right: 13%;
    font-weight: bold;
    z-index: 2;
  }
  #sec02 .main_top .anime_02 {
    position: absolute;
    background-color: white;
    padding: 3%;
    font-size: 7.8vw;
    bottom: -10%;
    right: 4%;
    font-weight: bold;
    z-index: 2;
  }
  #sec02 .main_top .anime_02 .orenge {
    color: #ff5d2b;
  }
  #sec02 .main_bottom {
    width: 100%;
    color: #000000;
    margin: 5% 0;
  }
  #sec02 .main_bottom .textbox {
    width: 94%;
    margin: 13% auto 7% auto;
    text-align: center;
    line-height: 2rem;
  }
  #sec03 {
    background: unset;
  }
  #sec03 h3 {
    position: absolute;
    font-size: 6vw;
    font-weight: bold;
    top: 5%;
    left: 2%;
  }
  #sec03 .main_img {
    padding-top: 32%;
  }
  #sec03 .sub_ttl {
    width: unset;
    position: absolute;
    font-size: 8.5vw;
    top: 11%;
    line-height: 1.4em;
    font-weight: bold;
    color: #ff5d2b;
  }
  #sec03 .sub_ttl2 {
    width: unset;
    position: absolute;
    font-size: 8.5vw;
    top: 19%;
    line-height: 1.4em;
    font-weight: bold;
  }
  #sec03 .textbox {
    width: 94%;
    margin: 6% auto 0 auto;
    text-align: center;
    line-height: 2rem;
  }
  #sec03 .icon_01 {
    position: absolute;
    bottom: 48%;
    z-index: 3;
    left: 26%;
  }
  #sec03 .icon_02 {
    position: absolute;
    bottom: 68%;
    z-index: 3;
    left: 46%;
  }
  #sec03 .icon_02 {
    position: absolute;
    bottom: 48%;
    z-index: 3;
    left: 26%;
  }
  #sec03 .icon_02 {
    position: absolute;
    bottom: 32%;
    z-index: 3;
    left: 47%;
  }
  #sec03 .icon_03 {
    position: absolute;
    bottom: 49%;
    z-index: 3;
    right: 0;
  }
  #sec04 .main_img {
    width: 95%;
    height: unset;
    border-radius: unset;
    position: unset;
    margin: 6% auto 0 auto;
    padding: 0;
  }
  #sec04 .sub_ttl2 {
    margin: 0% 0 4% 0;
  }
  #sec04 .textbox {
    width: 94%;
    margin: 8% auto 0% auto;
    text-align: center;
    line-height: 2.2rem;
  }
  #sec04 .sub_ttl {
    text-align: center;
    font-size: 7.5vw;
    line-height: 1.2em;
    font-weight: bold;
  }
  #sec04 .sub_ttl2 {
    text-align: center;
    font-size: 7.5vw;
    line-height: 1.2em;
    font-weight: bold;
    color: #ff5d2b;
  }
  #sec04 #sec04 .sub_ttl2 {
    font-size: 58px;
    font-weight: bold;
    margin: 0% 0 4% 0;
  }
  #sec05 {
    /*リクルートボタン1
    -------------------------------------*/
    /*リクルートボタン1_2
    -------------------------------------*/
    /*リクルートボタン2
    -------------------------------------*/
    /*リクルートボタン2_2
    -------------------------------------*/
  }
  #sec05 h3 {
    width: unset;
    background-color: #ff5d2b;
    padding: 6% 0;
    text-align: center;
    font-size: 8.2vw;
    color: white;
    background-image: none;
    height: unset;
  }
  #sec05 .recruit_button1 a {
    background: #ab0000;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 96%;
    text-decoration: none;
    color: #ffffff;
    margin: 2% auto 2% auto;
    line-height: 1.8;
    padding: 3% 0;
    font-size: 6vw;
    transition: 0.3s ease-in-out;
    border-radius: 45px;
    font-weight: bold;
  }
  #sec05 .recruit_button1 a:after {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 2rem;
    font-size: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: right 0.3s;
    width: 6px;
    height: 6px;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    transform: translateY(-50%) rotate(45deg);
  }
  #sec05 .recruit_button1 a:hover {
    background: #d64646;
    color: #ffffff;
  }
  #sec05 .recruit_button1 a:hover:after {
    right: 1.4rem;
  }
  #sec05 .button_box1 {
    background-color: #870000;
    padding: 2% 0 1% 0;
  }
  #sec05 .button_box2 {
    background-color: #091e31;
    padding: 2% 0 1% 0;
  }
  #sec05 .recruit_button1_2 a {
    background: #cb3900;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 96%;
    text-decoration: none;
    color: #ffffff;
    margin: 0 auto 3% auto;
    line-height: 1.8;
    padding: 3% 0;
    font-size: 6vw;
    border-radius: 45px;
    transition: 0.3s ease-in-out;
    font-weight: bold;
  }
  #sec05 .recruit_button1_2 a:after {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 2rem;
    font-size: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: right 0.3s;
    width: 6px;
    height: 6px;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    transform: translateY(-50%) rotate(45deg);
  }
  #sec05 .recruit_button1_2 a:hover {
    background: #9b0000;
    color: #ffffff;
  }
  #sec05 .recruit_button1_2 a:hover:after {
    right: 1.4rem;
  }
  #sec05 .recruit_button2 a {
    background: #002b4f;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 96%;
    text-decoration: none;
    color: #ffffff;
    margin: 2% auto 2% auto;
    line-height: 1.8;
    padding: 3% 0;
    font-size: 6vw;
    border-radius: 45px;
    transition: 0.3s ease-in-out;
    font-weight: bold;
  }
  #sec05 .recruit_button2 a:after {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 2rem;
    font-size: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: right 0.3s;
    width: 6px;
    height: 6px;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    transform: translateY(-50%) rotate(45deg);
  }
  #sec05 .recruit_button2 a:hover {
    background: #003969;
    color: #ffffff;
  }
  #sec05 .recruit_button2 a:hover:after {
    right: 1.4rem;
  }
  #sec05 .recruit_button2_2 a {
    background: #002655;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 96%;
    text-decoration: none;
    color: #ffffff;
    margin: 0 auto 3% auto;
    line-height: 1.8;
    padding: 3% 0;
    font-size: 6vw;
    border-radius: 45px;
    transition: 0.3s ease-in-out;
    font-weight: bold;
  }
  #sec05 .recruit_button2_2 a:after {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 2rem;
    font-size: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: right 0.3s;
    width: 6px;
    height: 6px;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    transform: translateY(-50%) rotate(45deg);
  }
  #sec05 .recruit_button2_2 a:hover {
    background: #003969;
    color: #ffffff;
  }
  #sec05 .recruit_button2_2 a:hover:after {
    right: 1.4rem;
  }
  #sec05 span {
    font-family: serif;
  }
  #sec06 h3 {
    font-size: 6vw;
    font-weight: bold;
    width: 94%;
    margin: 0 auto;
  }
  #sec06 .ttl_box {
    display: flex;
    margin: 0 auto;
    width: 98%;
  }
  #sec06 .ttl_box .sub_ttl {
    font-size: 8.5vw;
    line-height: 1.4em;
    font-weight: bold;
  }
  #sec06 .ttl_box .sub_ttl2 {
    font-size: 8.5vw;
    line-height: 2.2em;
    font-weight: bold;
    color: #ff5d2b;
    padding-left: 1%;
  }
  #sec06 .col_l {
    width: 100%;
    margin: unset;
  }
  #sec06 .textbox {
    width: 95%;
    margin: 5% auto;
    text-align: center;
    line-height: 2.2rem;
  }
  #sec06 .button {
    width: 96%;
    border-radius: 9999px;
    margin: 0 auto;
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
  }
  #sec06 .button a {
    width: 100%;
    margin: 0 auto;
    padding: 4% 0;
  }
  #sec06 .autoplay-slider {
    margin: 12% 0 10% 0;
  }
  #sec07 .col_r {
    width: unset;
    margin: 5% 0;
  }
  #sec07 h3 {
    font-size: 6vw;
    font-weight: bold;
    width: 94%;
    margin: 0 0 3% 2%;
  }
  #sec07 .ttl_box {
    width: 98%;
    margin: 0 auto;
  }
  #sec07 .ttl_box .sub_ttl {
    margin: 1% 0 0 0;
    font-size: 10vw;
    font-weight: bold;
  }
  #sec07 .ttl_box .sub_ttl2 {
    font-size: 8.5vw;
    font-weight: bold;
    color: #ff5d2b;
  }
  #sec07 .textbox {
    width: 95%;
    margin: 5% auto;
    text-align: center;
    line-height: 2.2rem;
  }
  #sec07 .button {
    width: 96%;
    border-radius: 9999px;
    margin: 0 auto;
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
  }
  #sec07 .button a {
    width: 100%;
    margin: 0 auto;
    padding: 4% 0;
  }
  #sec08 .ttl_box2 {
    width: 98%;
    display: block;
    position: unset;
  }
  #sec08 .ttl_box2 h3 {
    font-size: 7vw;
    font-weight: bold;
    width: 94%;
    margin: 4% auto;
  }
  #sec08 .ttl_box2 .sub_ttl {
    position: unset;
    font-size: 8.5vw;
    line-height: 2rem;
    color: #ff5d2b;
  }
  #sec08 .rss_box {
    width: 90%;
    margin: 7% auto 0 auto;
  }
  #sec08 .rss_box .thumbnail {
    width: 95%;
    margin: 2% auto 4% auto;
  }
  #sec08 .rss_box .ttl_box {
    display: block;
  }
  #sec08 .rss_box .ttl_box .ttl {
    font-size: 1.6rem;
    line-height: 2rem;
    width: 98%;
  }
  #sec08 .rss_box .ttl_box .text {
    width: 95%;
    text-align: left;
    line-height: 1.7rem;
    font-weight: 100;
    margin-top: 3%;
  }
  #sec08 .rss_box .ttl_box .text2 {
    width: 95%;
    text-align: left;
    font-weight: 100;
  }
  #sec08 .button {
    width: 96%;
    border-radius: 9999px;
    margin: 0 auto;
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
  }
  #sec08 .button a {
    width: 100%;
    margin: 0 auto;
  }
  #sec09 .bnr_content {
    display: block;
    width: 98%;
    margin: 5% auto;
  }
  #sec09 .bnr_content .bnr {
    width: 100%;
  }
  #sec09 h3 {
    font-size: 15vw;
    font-weight: bold;
    margin: 2% 0 2% 0;
    text-align: center;
  }
  #sec09 .textbox {
    width: 95%;
    margin: 6% auto 6% auto;
    text-align: center;
    line-height: 2.2rem;
  }
  #sec09 .bnr {
    text-align: center;
    margin: 2% auto;
  }
}