@charset "utf-8";

@media screen and (max-width: 768px) {
  body {
    background-image: url(../../images/src/top/sp/bg_mv.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
  }
}

@media print, screen {
  /* mv */
  #mv {
    margin: 0 auto;
    width: 100%;
    background-image: url(../../images/src/top/bg_mv.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100% auto;
  }
  #mv .inner {
    margin: 0 auto;
    padding: 0 0 42px;
    width: 95.8333%;
    max-width: 1840px;
  }
  #mv .img__mv {
    width: 1840px;
    max-width: 100%;
  }
}
@media screen and (max-width: 1500px) {
  /* mv */
  #mv {
    background-image: url(../../images/src/top/bg_mv_1300.png);
    background-size: 100% auto;
  }
  #mv .inner {
    padding: 0 0 2.8vw;
  }
}

@media screen and (max-width: 768px) {
  #mv {
    background: none;
  }
  #mv .inner {
    margin: 0 auto;
    padding: 0 0 1vw;
    width: 94.2%;
    max-width: inherit;
  }
  #mv .img__mv {
    width: 100%;
  }
}

@media print, screen {
  /* common__btn */
  .common__btn {
    margin: 0 auto;
    width: 100%;
    max-width: 880px;
    background-color: var(--grayf1-color);
    border: 1px solid #B8B8B8;
    border-radius: 14px;
    transition: 0.5s;
  }
  .common__btn a {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 115px;
  }
  .common__btn a span {
    padding: 0 0 0 82px;
    color: var(--white);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.2em;
    background-image: url(../../images/src/top/btn_arrow.svg);
    background-repeat: no-repeat;
    background-position: left center;
  }
  .common__btn:hover {
    background-color: var(--white);
    transition: 0.5s;
  }
  .common__btn:hover a span {
    color: var(--grayf1-color);
    background-image: url(../../images/src/top/btn_arrow02.svg);
  }
}
@media screen and (max-width: 1500px) {
  .common__btn a {
    /* height: 9.466vw; */
    height: 115px;
  }
  .common__btn a span {
    padding: 0 0 0 5.466vw;
    font-size: 1.6vw;
    background-size: 3.6vw auto;
  }
}
@media screen and (max-width: 768px) {
  .common__btn {
    border-radius: 10px;
  }
  .common__btn a {
    height: 19vw;
  }
  .common__btn a span {
    padding: 0 0 0 13.526vw;
    font-size: 3.864vw;
    background-size: 8.937vw auto;
  }
}

@media print, screen {
  /* sec__01 */
  #sec__01 {
    margin: 0 auto;
    padding: 40px 0 94px;
    width: 100%;
  }
  #sec__01 .slick-slider li {
    transition: none;
  }
  #sec__01 .roopSlider ul li {
    margin: 0 11px;
    position: relative;
    background-color: var(--black);
    position: relative;
  }
  #sec__01 .roopSlider li:hover img {
    opacity: 1;
  }
  #sec__01 .roopSlider li:hover span {
    opacity: 1;
  }
  #sec__01 .core {
    padding: 128px 0 0;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  #sec__01 .core .core__block {
    width: 500px;
    height: 500px;
    position: absolute;
    right: -30px;
    top: -30px;
  }
  #sec__01 .core .core__block .circleText {
    overflow: visible;
    animation: rotation 18s linear infinite;
  }
  #sec__01 .core .core__block .circleText__circle {
    fill: none;
  }
  #sec__01 .core .core__block .circleText__text {
    fill: #5bbeba;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.04em;
    opacity: 0.3;
  }
  @keyframes rotation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  #sec__01 .inner {
    margin: 0 auto;
    width: 100%;
    max-width: 1460px;
  }
  #sec__01 .inner .tit__en {
    width: 100%;
    max-width: 470px;
  }
  #sec__01 .inner .tit__jp {
    margin: 17px 0 84px;
    color: var(--main-color);
    font-size: 80px;
    font-weight: 700;
    line-height: 90px;
    letter-spacing: 0.1em;
  }
  #sec__01 .inner .block {
    margin: 0 auto;
    width: 100%;
    background-image: url(../../images/src/top/sec01_img.png);
    background-repeat: no-repeat;
    background-position: right top 16px;
    background-size: 46% auto;
  }
  #sec__01 .inner .block .copy {
    margin-bottom: 60px;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.06em;
  }
  #sec__01 .inner .block .copy span {
    color: var(--orange-color);
    font-weight: 700;
  }
  #sec__01 .inner .block .text {
    margin-bottom: 80px;
    width: 100%;
    max-width: 730px;
    font-size: 18px;
    font-weight: 500;
    line-height: 2.333;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 1500px) {
  #sec__01 {
    padding: 2.666vw 0 6.266vw;
  }
  #sec__01 .roopSlider ul li {
    margin: 0 0.733vw;
  }
  #sec__01 .core {
    padding: 8.533vw 0 0;
  }
  #sec__01 .core .core__block {
    width: 33.333vw;
    height: 33.333vw;
    right: -6vw;
    top: -2vw;
  }
  #sec__01 .inner {
    width: 90.333%;
  }
  #sec__01 .inner .tit__en {
    max-width: 31.333vw;
  }
  #sec__01 .inner .tit__jp {
    margin: 1.133vw 0 5.6vw;
    font-size: 5vw;
    line-height: 6vw;
  }
  #sec__01 .inner .block {
    width: 100%;
    background-size: 38.533vw auto;
    background-position: right top 1.4vw;
  }
  #sec__01 .inner .block .copy {
    margin-bottom: 4vw;
    font-size: 3.333vw;
  }
  #sec__01 .inner .block .text {
    margin-bottom: 5.333vw;
    max-width: 48.666vw;
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  #sec__01 {
    padding: 6.521vw 0 22.222vw;
    /* background-image: url(../../images/src/top/sec01_img.png); */
    /* background-repeat: no-repeat; */
    /* background-position: right 15vw top 53vw; */
    /* background-size: 20vw auto; */
  }
  #sec__01 .slick-slider li {
    transition: none;
  }
  #sec__01 .roopSlider ul li {
    margin: 0 1.932vw;
  }
  #sec__01 .core {
    padding: 3.985vw 0 0;
  }
  #sec__01 .core .core__block {
    width: 39vw;
    height: 39vw;
    right: -8vw;
    top: -22vw;
  }
  #sec__01 .core .core__block .circleText__text {
    font-size: 3.294vw;
  }
  #sec__01 .inner {
    width: 88.888%;
    max-width: inherit;
  }
  #sec__01 .inner .tit__en {
    margin-left: 3.623vw;
    max-width: 29.951vw;
  }
  #sec__01 .inner .tit__jp {
    margin: 2.415vw 0 0 3.623vw;
    font-size: 7.729vw;
    line-height: 7vw;
    letter-spacing: 0.03em;
  }
  #sec__01 .inner .block {
    padding: 7.246vw 3.623vw 0 3.623vw;
    width: 100%;
    max-width: inherit;
    background: none;
  }
  #sec__01 .inner .block .copy {
    margin-bottom: 5.314vw;
    font-size: 4.797vw;
  }
  #sec__01 .inner .block .img__box {
    margin-bottom:6vw;
  }
  #sec__01 .inner .block .text {
    margin-bottom: 6vw;
    width: 100%;
    max-width: inherit;
    font-size: 3.381vw;
    line-height: 2.38;
  }
}

@media print, screen {
  /* sec__02 */
  #sec__02 {
    margin: 0 auto;
    padding: 110px 0 0;
    width: 100%;
    background-image: url(../../images/src/top/bg_sec02.png);
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 100% auto;
  }
  #sec__02 .inner {
    margin: 0 auto;
    width: 100%;
    max-width: 1460px;
    color: var(--white);
    position: relative;
  }
  #sec__02 .inner .title__box {
    align-items: flex-end;
    padding: 0 0 55px;
    width: 100%;
  }
  #sec__02 .inner .title__box .box__left {
    width: 54%;
  }
  #sec__02 .inner .title__box .box__left .tit__en {
    margin-bottom: 30px;
    width: 100%;
    max-width: 232px;
  }
  #sec__02 .inner .title__box .box__left .tit__jp {
    margin: 0;
    font-size: 80px;
    font-weight: 700;
    line-height: 90px;
    letter-spacing: 0.03em;
  }
  #sec__02 .inner .title__box .box__right {
    width: 28.7%;
    text-align: center;
  }
  #sec__02 .inner .title__box .box__right .copy {
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.12em;
  }
  #sec__02 .inner .title__box .box__right .copy small {
    display: block;
    font-size: 22px;
    font-weight: 500;
    line-height: 2.27;
    letter-spacing: 0.08em;
  }
  #sec__02 .inner .basicSlider {
    width: 100%;
  }
  #sec__02 .inner .basicSlider ul {
    padding: 0 0 180px;
    width: 100%;
    justify-content: left;
    gap: 0 58px;
  }
  #sec__02 .inner .basicSlider ul li {
    width: 21%;
  }
  #sec__02 .inner .basicSlider ul li a {
    display: block;
    width: 100%;
    color: var(--white);
  }
  #sec__02 .inner .basicSlider ul li a .img__box {
    width: 100%;
    position: relative;
  }
  #sec__02 .inner .basicSlider ul li a .img__box .slider__img {
    width: 100%;
    height: auto;
    border-radius: 10px;
  }
  #sec__02 .inner .basicSlider ul li a .img__box .slider__img img {
    width: 100%;
    height: 401px;
    border-radius: 10px;
  }
  #sec__02 .inner .basicSlider ul li a .img__box .slider__grd {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  #sec__02 .inner .basicSlider ul li a .img__box .slider__text {
    padding: 0 22px 18px;
    width: 100%;
    font-size: 16px;
    line-height: 1.625;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  #sec__02 .inner .basicSlider ul li a .interview__nama {
    margin-bottom: 20px;
    padding: 18px 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.1em;
    border-bottom: 1px solid var(--black);
  }
  #sec__02 .inner .basicSlider ul li a .interview__btn {
    width: 100%;
    text-align: right;
  }
  #sec__02 .inner .basicSlider ul li a .interview__btn .btn02 {
    display: inline-block;
    padding: 0 0 0 44px;
    color: #353f41;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.1em;
    background-image: url(../../images/src/top/btn_anomore.svg);
    background-repeat: no-repeat;
    background-position: left center;
  }
  #sec__02 .inner .common__btn {
    margin: 0 auto;
    max-width: 880px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -55px;
  }
}
@media screen and (max-width: 1500px) {
  #sec__02 {
    padding: 7.333vw 0 0;
  }
  #sec__02 .inner {
    width: 90%;
  }
  #sec__02 .inner .title__box {
    padding: 0 0 3.666vw;
  }
  #sec__02 .inner .title__box .box__left .tit__en {
    margin-bottom: 2vw;
    max-width: 15.466vw;
  }
  #sec__02 .inner .title__box .box__left .tit__jp {
    font-size: 5vw;
    line-height: 6vw;
  }
  #sec__02 .inner .title__box .box__right {
    width: 33.7%;
  }
  #sec__02 .inner .title__box .box__right .copy {
    font-size: 2.266vw;
  }
  #sec__02 .inner .title__box .box__right .copy small {
    font-size: 1.466vw;
  }
  #sec__02 .inner .basicSlider ul {
    padding: 0 0 12vw;
    gap: 0 3.8vw;
  }
  #sec__02 .inner .basicSlider ul li a .img__box .slider__text {
    padding: 0 1.466vw 1.2vw;
    font-size: 1.06vw;
  }
  #sec__02 .inner .basicSlider ul li a .interview__nama {
    margin-bottom: 1.333vw;
    padding: 1.2vw 0;
    font-size: 1.2vw;
  }
  #sec__02 .inner .basicSlider ul li a .interview__btn .btn02 {
    padding: 0 0 0 2.933vw;
    font-size: 1vw;
    background-size: 1.933vw auto;
  }
  #sec__02 .inner .common__btn {
    max-width: 880px;
    bottom: -3.733vw;
  }
}
@media screen and (max-width: 768px) {
  #sec__02 {
    padding: 14.975vw 0 0;
  }
  #sec__02 .inner {
    max-width: inherit;
  }
  #sec__02 .inner .title__box {
    display: block;
    margin: 0 auto;
    padding: 0 0 11.352vw;
    width: 81.64%;
  }
  #sec__02 .inner .title__box .box__left {
    margin-bottom: 3.381vw;
    width: 100%;
  }
  #sec__02 .inner .title__box .box__left .tit__en {
    margin-bottom: 3.14vw;
    width: 100%;
    max-width: 14.734vw;
  }
  #sec__02 .inner .title__box .box__left .tit__jp {
    font-size: 7.729vw;
    line-height: 7vw;
  }
  #sec__02 .inner .title__box .box__right {
    width: 100%;
    text-align: left;
  }
  #sec__02 .inner .title__box .box__right .copy {
    font-size: 5.797vw;
  }
  #sec__02 .inner .title__box .box__right .copy small {
    font-size: 3.381vw;
    line-height: 2.5;
  }
  #sec__02 .inner .basicSlider {
    width: 100%;
  }
  #sec__02 .inner .basicSlider ul {
    padding: 0 0 19.323vw;
  }
  #sec__02 .inner .basicSlider ul li {
    margin: 0 2.415vw;
  }
  #sec__02 .inner .basicSlider ul li a .img__box .slider__text {
    padding: 0 4.83vw 4.83vw;
    font-size: 2.898vw;
  }
  #sec__02 .inner .basicSlider ul li a .interview__nama {
    margin-bottom: 2.898vw;
    padding: 4.83vw 0;
    font-size: 3.381vw;
  }
  #sec__02 .inner .basicSlider ul li a .img__box .slider__img img {
    height: 67.35vw;
  }
  #sec__02 .inner .basicSlider ul li a .interview__btn .btn02 {
    padding: 0 0 0 6.763vw;
    font-size: 2.898vw;
    background-size: 4.83vw auto;
  }
  #sec__02 .inner .common__btn {
    margin: 0 auto;
    width: 89.37%;
    max-width: inherit;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9.42vw;
  }
  .slider03 .slide-arrow {
    width: 12vw;
    position: absolute;
    top: 23%;
    z-index: 1;
    cursor: pointer;
  }
  .slider03 .prev-arrow {
    left: 13vw;
  }
  .slider03 .next-arrow {
    right: 13vw;
  }
}

@media print, screen {
  /* sec__03 */
  #sec__03 {
    margin: 0 auto;
    padding: 214px 0 115px;
    width: 100%;
    background-color: var(--grayf2-color);
  }
  #sec__03 .title__box {
    align-items: flex-end;
    margin: 0 auto;
    padding: 0 0 55px;
    width: 100%;
    max-width: 1460px;
  }
  #sec__03 .title__box .box__left {
    width: 54%;
  }
  #sec__03 .title__box .box__left .tit__jp {
    color: var(--main-color);
    font-size: 120px;
    font-weight: 700;
    line-height: 120px;
    letter-spacing: 0.03em;
  }
  #sec__03 .title__box .box__right {
    width: 28.7%;
    text-align: center;
  }
  #sec__03 .title__box .box__right .copy {
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.12em;
  }
  #sec__03 .title__box .box__right .copy span {
    color: var(--orange-color);
    font-weight: 700;
  }
  #sec__03 .main__img {
    width: 100%;
    height: auto;
  }
  #sec__03 .inner {
    margin: -66px auto 0;
    width: 100%;
    max-width: 1460px;
  }
  #sec__03 .inner ul {
    width: 100%;
  }
  #sec__03 .inner ul li {
    padding: 66px 64px;
    width: 32.2%;
    background-color: var(--white);
    border-radius: 15px;
    box-sizing: border-box;
  }
  #sec__03 .inner ul li .strong__copy {
    margin-bottom: 30px;
    color: var(--main-color);
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.1em;
    text-align: center;
  }
  #sec__03 .inner ul li .strong__text {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 1500px) {
  #sec__03 {
    padding: 14.266vw 0 7.666vw;
  }
  #sec__03 .title__box {
    padding: 0 0 3.666vw;
    width: 92%;
  }
  #sec__03 .title__box .box__left .tit__jp {
    font-size: 5.3vw;
    line-height: 6vw;
  }
  #sec__03 .title__box .box__right .copy {
    font-size: 2.266vw;
  }
  #sec__03 .inner {
    margin: -4.4vw auto 0;
    width: 97.333%;
  }
  #sec__03 .inner ul li {
    padding: 4.4vw 4.266vw;
  }
  #sec__03 .inner ul li .strong__copy {
    margin-bottom: 2vw;
    font-size: 2.333vw;
  }
  #sec__03 .inner ul li .strong__text {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  #sec__03 {
    padding: 24.154vw 0 17.874vw;
  }
  #sec__03 .title__box {
    padding: 0 0 7.246vw;
    width: 90.338%;
    max-width: inherit;
  }
  #sec__03 .title__box .box__left {
    padding: 0 0 3.623vw;
    width: 100%;
  }
  #sec__03 .title__box .box__left .tit__jp {
    font-size: 9.661vw;
    line-height: 9vw;
  }
  #sec__03 .title__box .box__right {
    width: 100%;
    text-align: left;
  }
  #sec__03 .title__box .box__right .copy {
    font-size: 5.555vw;
  }
  #sec__03 .inner {
    margin: -4.813vw auto 0;
    width: 82.145%;
    max-width: inherit;
  }
  #sec__03 .inner ul {
    width: 100%;
  }
  #sec__03 .inner ul li {
    padding: 7.246vw 8.937vw;
    width: 100%;
    border-radius: 6.94px;
  }
  #sec__03 .inner ul li + li {
    margin-top: 2.415vw;
  }
  #sec__03 .inner ul li .strong__copy {
    margin-bottom: 3.864vw;
    font-size: 4.83vw;
  }
  #sec__03 .inner ul li .strong__text {
    font-size: 3.14vw;
  }
}

@media print, screen {
  /* sec__04 */
  #sec__04 {
    margin: 0 auto;
    padding: 18px 0 60px;
    width: 100%;
    background-color: var(--grayf2-color);
  }
  #sec__04 .title__box {
    margin: 0 auto;
    padding: 0 0 42px;
    width: 100%;
    max-width: 1200px;
    color: var(--white);
  }
  #sec__04 .title__box .tit__en {
    margin-bottom: 30px;
    width: 100%;
    max-width: 244px;
  }
  #sec__04 .title__box .tit__jp {
    display: inline-block;
    margin-bottom: 65px;
    padding: 0 140px 0 0;
    font-size: 80px;
    font-weight: 700;
    line-height: 90px;
    letter-spacing: 0.03em;
    background-image: url(../../images/src/top/ico_flag.svg);
    background-repeat: no-repeat;
    background-position: right center;
  }
  #sec__04 .title__box .tit__copy {
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.13em;
  }
  #sec__04 .seminar__box {
    margin: 0 auto;
    padding: 292px 0 0;
    width: 100%;
    max-width: 1240px;
    height: 436px;
    background-image: url(../../images/src/top/bg_seminar.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    box-sizing: border-box;
  }
  #sec__04 .seminar__box .tit__en {
    margin: 0 0 25px 40px;
    width: 100%;
    max-width: 444px;
  }
  #sec__04 .seminar__box .tit__jp {
    margin-bottom: 57px;
    width: 100%;
    max-width: 561px;
  }
  #sec__04 .seminar__box .seminar__btn {
    margin-left: 38px;
    width: 100%;
    max-width: 462px;
  }
  #sec__04 .seminar__box .seminar__btn a {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 90px;
    border: 1px solid #353F41;
    background:#353F41;
    border-radius: 10px;
  }
  #sec__04 .seminar__box .seminar__btn a span {
    padding: 0 0 0 79px;
    font-size: 24px;
    line-height: 1.5;
    background-image: url(../../images/src/top/btn_anomore04.svg);
    background-repeat: no-repeat;
    background-position: left center;
    color: var(--white);
  }
  #sec__04 .seminar__text {
    width: 100%;
    max-width: 1240px;
    margin: 30px auto 130px;
    /* color: var(--white); */
    font-size: 18px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.1em;
    box-sizing: border-box;
  }
  #sec__04 .inner {
    margin: 0 auto;
    width: 100%;
    padding: 60px 12%;
    background-image: url(../../images/src/top/bg_sec04_1500.png);
    background-size: cover;
    box-sizing: border-box;
  }
  #sec__04 .inner .tit02__en {
    margin-bottom: 15px;
    width: 100%;
    max-width: 562px;
  }
  #sec__04 .inner .tit02__jp {
    margin-bottom: 55px;
    color: var(--white);
    font-size: 80px;
    font-weight: 700;
    line-height: 90px;
    letter-spacing: 0.03em;
  }
  #sec__04 .inner .tool_seminar {
    width: 100%;
  }
  #sec__04 .inner .tool_seminar ul {
    justify-content: center;
    width: 100%;
    gap: 60px 20px;
  }
  #sec__04 .inner .tool_seminar ul li {
    width: 31.4%;
    display: flex;/*子要素に追加*/
    flex-direction:column;/*子要素に追加*/
  }
  #sec__04 .inner .tool_seminar ul li .tool__img {
    width: 100%;
  }
  #sec__04 .inner .tool_seminar ul li .tool__tit {
    margin: 22px 0 20px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-align: center;
    color: var(--white);
  }
  #sec__04 .inner .tool_seminar ul li .tool__text {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.93;
    letter-spacing: 0.06em;
    flex-grow: 1;
    color: var(--white);
  }
  #sec__04 .inner .tool_seminar ul li .tool__btn {
    padding: 20px 0;
    text-align: right;
    border-top: 1px solid var(--black);
  }
  #sec__04 .inner .tool_seminar ul li .tool__btn .btn {
    display: inline-block;
  }
  #sec__04 .inner .tool_seminar ul li .tool__btn .btn a {
    padding: 0 0 0 50px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    background-image: url(../../images/src/top/btn_anomore.svg);
    background-repeat: no-repeat;
    background-position: left center;
    color: var(--white);
  }
}
@media screen and (max-width: 1500px) {
  #sec__04 {
    padding: 8.533vw 0 4vw;
  }
  #sec__04 .title__box {
    padding: 0 0 2.8vw;
    width: 80%;
  }
  #sec__04 .title__box .tit__en {
    margin-bottom: 2vw;
    max-width: 16.266vw;
  }
  #sec__04 .title__box .tit__jp {
    margin-bottom: 4.333vw;
    padding: 0 9.333vw 0 0;
    font-size: 5.666vw;
    line-height: 6vw;
    background-size: 6.666vw auto;
  }
  #sec__04 .title__box .tit__copy {
    font-size: 1.733vw;
  }
  #sec__04 .seminar__box {
    padding: 18.8vw 0 0;
    width: 82.666%;
    height: 29vw;
  }
  #sec__04 .seminar__box .tit__en {
    margin: 0 0 1.666vw 2.666vw;
    max-width: 29.6vw;
  }
  #sec__04 .seminar__box .tit__jp {
    margin-bottom: 3.8vw;
    max-width: 37.4vw;
  }
  #sec__04 .seminar__box .seminar__btn {
    margin-left: 2.533vw;
    max-width: 30.8vw;
  }
  #sec__04 .seminar__box .seminar__btn a {
    height: 6vw;
  }
  #sec__04 .seminar__box .seminar__btn a span {
    padding: 0 0 0 5.266vw;
    font-size: 1.6vw;
  }
  #sec__04 .seminar__text {
    padding: 2.333vw 0 8.666vw 0;
    margin:0 auto;
    width: 82.666%;
    font-size: 1.2vw;
  }
  #sec__04 .inner {
    width: 100%;
    padding: 6vw 5% 4vw;
    background-image: url(../../images/src/top/bg_sec04_1500.png);
    background-size: cover;
  }
  #sec__04 .inner .tit02__en {
    margin-bottom: 1vw;
    max-width: 37.466vw;
  }
  #sec__04 .inner .tit02__jp {
    margin-bottom: 3.666vw;
    font-size: 5vw;
    line-height: 6vw;
  }
  #sec__04 .inner .tool_seminar ul {
    gap: 4vw 1.333vw;
  }
  #sec__04 .inner .tool_seminar ul li .tool__tit {
    margin: 1.466vw 0 1.333vw;
    font-size: 1.2vw;
  }
  #sec__04 .inner .tool_seminar ul li .tool__text {
    margin-bottom: 1.333vw;
    font-size: 1.066vw;
  }
  #sec__04 .inner .tool_seminar ul li .tool__btn {
    padding: 1.333vw 0;
  }
  #sec__04 .inner .tool_seminar ul li .tool__btn .btn a {
    padding: 0 0 0 3.333vw;
    font-size: 1vw;
    background-size: 2.466vw auto;
  }
}
@media screen and (max-width: 768px) {
  #sec__04 {
    padding: 0  0 10.628vw;
  }
  #sec__04 .title__box {
    padding: 0 0 7.246vw;
    width: 82.6%;
    max-width: inherit;
  }
  #sec__04 .title__box .tit__en {
    margin-bottom: 2.415vw;
    max-width: 15.942vw;
  }
  #sec__04 .title__box .tit__jp {
    margin-bottom: 9.661vw;
    padding: 0 11.111vw 0 0;
    font-size: 7.729vw;
    line-height: 7vw;
    background-size: 7.729vw auto;
  }
  #sec__04 .title__box .tit__copy {
    font-size: 4.83vw;
    line-height: 1.65;
  }
  #sec__04 .seminar__box {
    padding: 42.797vw 0 0;
    width: 92.6%;
    max-width: inherit;
    height: 60.449vw;
    background-image: url(../../images/src/top/sp/bg_seminar.png);
  }
  #sec__04 .seminar__box .tit__en {
    margin: 0 0 3.864vw 4.1vw;
    max-width: 28.985vw;
  }
  #sec__04 .seminar__box .tit__jp {
    margin-bottom: 6.763vw;
    max-width: 55.555vw;
  }
  #sec__04 .seminar__box .seminar__btn {
    margin-left: 4.1vw;
    max-width: 49vw;
  }
  #sec__04 .seminar__box .seminar__btn a {
    height: 9.42vw;
    /* background-color: var(--white); */
  }
  #sec__04 .seminar__box .seminar__btn a span {
    padding: 0 0 0 8.212vw;
    font-size: 2.415vw;
    background-size: 5.555vw auto;
  }
  #sec__04 .seminar__text {
    padding: 3.314vw 0 9.323vw;
    max-width: inherit;
    font-size: 3.381vw;
  }
  #sec__04 .inner {
    width: 82.6%;
    width: 100%;
    padding: 9vw 2%;
    max-width: inherit;
  }
  #sec__04 .inner .tit02__en {
    margin: 0 0 2.415vw 5.797vw;
    max-width: 36.231vw;
  }
  #sec__04 .inner .tit02__jp {
    margin: 0 0 7.246vw 5.797vw;
    font-size: 7.729vw;
    line-height: 7vw;
  }
  #sec__04 .inner .tool_seminar {
    width: 100%;
  }
  #sec__04 .inner .tool_seminar ul {
    gap: 8.454vw 2.415vw;
  }
  #sec__04 .inner .tool_seminar ul li {
    width: 48.717%;
  }
  #sec__04 .inner .tool_seminar ul li .tool__tit {
    margin: 4.83vw 0 4vw;
    font-size: 3.1vw;
  }
  #sec__04 .inner .tool_seminar ul li .tool__text {
    margin-bottom: 4.83vw;
    font-size: 3.14vw;
    line-height: 2;
  }
  #sec__04 .inner .tool_seminar ul li .tool__btn {
    padding: 2.415vw 0;
    text-align: left;
  }
  #sec__04 .inner .tool_seminar ul li .tool__btn .btn a {
    padding: 0 0 0 11.835vw;
    font-size: 3.14vw;
    background-size: 8.695vw auto;
  }
}

@media print, screen {
  /* sec__05 */
  #sec__05 {
    margin: 0 auto;
    padding: 88px 0 70px;
    width: 100%;
    background-color: var(--grayf2-color);
  }
  #sec__05 .inner {
    margin: 0 auto;
    width: 100%;
    max-width: 1468px;
  }
  #sec__05 .inner .tit__en {
    margin-bottom: 18px;
    width: 100%;
    max-width: 270px;
  }
  #sec__05 .inner .tit__jp {
    margin-bottom: 57px;
    color: var(--main-color);
    font-size: 80px;
    font-weight: 700;
    line-height: 90px;
    letter-spacing: 0.03em;
  }
  #sec__05 .inner .seminar__list {
    margin-bottom: 60px;
    width: 100%;
  }
  #sec__05 .inner .seminar__list li {
    width: 24%;
  }
  #sec__05 .inner .seminar__list li a {
    flex-direction: column;
    padding: 60px 30px;
    width: 100%;
    height: 536px;
    color: var(--white);
    background-image: url(../../images/src/top/bg_seminar_list.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    box-sizing: border-box;
  }


  #sec__05 .inner .seminar__list li a img:hover {
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
  }
  #sec__05 .inner .seminar__list li a img:hover {
    transition: opacity .3s cubic-bezier(.4, .1, .3, 1);
  }
  

  #sec__05 .inner .seminar__list li a .list__tit {
    margin-bottom: 35px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-align: center;
  }
  #sec__05 .inner .seminar__list li a .list__img {
    width: 100%;
  }
  #sec__05 .inner .seminar__list li a .list__text {
    margin: 30px 0 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.777;
    letter-spacing: 0.04em;
  }
  #sec__05 .inner .seminar__list li a .list__btn {
    margin-top: auto;
    width: 100%;
    text-align: right;
  }
  #sec__05 .inner .common__btn {
    position: relative;
    z-index: 1;
  }
}
@media screen and (max-width: 1500px) {
  #sec__05 {
    padding: 5.866vw 0 4.666vw;
  }
  #sec__05 .inner {
    width: 90%;
  }
  #sec__05 .inner .tit__en {
    margin-bottom: 1.2vw;
    max-width: 18vw;
  }
  #sec__05 .inner .tit__jp {
    margin-bottom: 3.8vw;
    font-size: 5vw;
    line-height: 6vw;
  }
  #sec__05 .inner .seminar__list {
    margin-bottom: 4vw;
  }
  #sec__05 .inner .seminar__list li {
    width: 24%;
  }
  #sec__05 .inner .seminar__list li a {
    padding: 4vw 2vw;
    height: 35.733vw;
  }
  #sec__05 .inner .seminar__list li a .list__tit {
    margin-bottom: 2.333vw;
    font-size: 1.333vw;
  }
  #sec__05 .inner .seminar__list li a .list__text {
    margin: 2vw 0 0;
    font-size: 1.2vw;
  }
  #sec__05 .inner .common__btn {
    max-width: 880px;
  }
}
@media screen and (max-width: 768px) {
  #sec__05 {
    padding: 10.628vw 2.898vw 10.628vw;
    box-sizing: border-box;
  }
  #sec__05 .inner {
    max-width: inherit;
  }
  #sec__05 .inner .tit__en {
    margin: 0 auto 2.415vw;
    width: 75%;
    max-width: inherit;
  }
  #sec__05 .inner .tit__en img {
    width: 17.632vw;
    text-align: center;
  }
  #sec__05 .inner .tit__jp {
    margin-bottom: 7.246vw;
    font-size: 7.729vw;
    line-height: 7vw;
    text-align: center;
  }
  #sec__05 .inner .seminar__list {
    margin-bottom: 7.246vw;
  }
  #sec__05 .inner .seminar__list li {
    margin-bottom: 2.898vw;
    width: 48.717%;
  }
  #sec__05 .inner .seminar__list li a {
    display: block;
    padding: 6.454vw 2.415vw;
    height: 76vw;
    background-image: url(../../images/src/top/sp/bg_seminar_list.png);
  }
  #sec__05 .inner .seminar__list li:nth-of-type(3) a,
  #sec__05 .inner .seminar__list li:nth-of-type(4) a {
    height: 86vw;
    background-image: url(../../images/src/top/sp/bg_seminar_list02.png);
  }
  #sec__05 .inner .seminar__list li a .list__tit {
    margin-bottom: 3.623vw;
    font-size: 3.664vw;
  }
  #sec__05 .inner .seminar__list li a .list__text {
    margin: 3.623vw 0 2vw;
    font-size: 3.25vw;
    line-height: 1.7;
  }
  #sec__05 .inner .seminar__list li a .list__btn {
    margin-top: auto;
    margin-left: auto;
    width: 7.729vw;
  }
  #sec__05 .inner .common__btn {
    max-width: 1220px;
  }
}

@media print, screen {
  /* sec__06 */
  #sec__06 {
    margin: 0 auto;
    padding: 88px 0 70px;
    width: 100%;
    background-color: var(--grayf2-color);
    position: relative;
    overflow: hidden;
  }
  #sec__06 .bg__circle {
    width: 971px;
    position: absolute;
    left: 0;
    top: -168px;
    z-index: 0;
  }
  #sec__06 .title__box {
    margin: 0 auto;
    width: 100%;
    max-width: 1468px;
    position: relative;
    z-index: 1;
  }
  #sec__06 .title__box .tit__en {
    margin-bottom: 18px;
    width: 100%;
    max-width: 134px;
  }
  #sec__06 .title__box .tit__jp {
    margin-bottom: 35px;
    color: var(--main-color);
    font-size: 100px;
    font-weight: 700;
    line-height: 90px;
    letter-spacing: 0.03em;
  }
  #sec__06 .basicSlider {
    margin-left: auto;
    margin-bottom: 50px;
    width: 88.229%;
    position: relative;
    z-index: 1;
  }
  #sec__06 .basicSlider ul {
    width: 100%;
  }
  #sec__06 .basicSlider ul li {
    margin-right: 30px;
    width: 22%;
  }
  #sec__06 .basicSlider ul li .event__img {
    width: 100%;
  }
  #sec__06 .basicSlider ul li .event__tit {
    margin: 20px 0 0;
    min-height: 100px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.77;
    letter-spacing: 0.06em;
  }
  #sec__06 .basicSlider ul li .event__data {
    color: var(--main-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
  }
  #sec__06 .basicSlider ul li .event__btn {
    margin-top: 18px;
    padding: 20px 0;
    text-align: right;
    border-top: 1px solid var(--black);
  }
  #sec__06 .basicSlider ul li .event__btn .btn {
    display: inline-block;
  }
  #sec__06 .basicSlider ul li .event__btn .btn a {
    padding: 0 0 0 50px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    background-image: url(../../images/src/top/btn_anomore.svg);
    background-repeat: no-repeat;
    background-position: left center;
  }
  #sec__06 .common__btn {
    position: relative;
    z-index: 1;
  }
  .slider02 .slick-list {
    padding: 0 18% 0 0 !important;
    overflow-y: visible;
  }
  .slider02 .slide-arrow {
    width: 55px;
    position: absolute;
    top: -95px;
    cursor: pointer;
  }
  .slider02 .prev-arrow {
    right: 309px;
  }
  .slider02 .next-arrow {
    right: 225px;
  }
}
@media screen and (max-width: 1500px) {
  #sec__06 {
    padding: 5.866vw 0 4.666vw;
  }
  #sec__06 .title__box {
    width: 90%;
  }
  #sec__06 .title__box .tit__en {
    margin-bottom: 1.2vw;
    max-width: 8.933vw;
  }
  #sec__06 .title__box .tit__jp {
    margin-bottom: 2.333vw;
    font-size: 5.666vw;
    line-height: 6vw;
  }
  #sec__06 .basicSlider {
    margin-bottom: 3.333vw;
  }
  #sec__06 .basicSlider ul li {
    margin-right: 2vw;
  }
  #sec__06 .basicSlider ul li .event__tit {
    margin: 1.333vw 0 0;
    min-height: 6.666vw;
    font-size: 1.2vw;
  }
  #sec__06 .basicSlider ul li .event__data {
    font-size: 1.06vw;
  }
  #sec__06 .basicSlider ul li .event__btn {
    margin-top: 1.2vw;
    padding: 1.333vw 0;
  }
  #sec__06 .basicSlider ul li .event__btn .btn a {
    padding: 0 0 0 3.333vw;
    font-size: 1vw;
    background-size: 2.4vw auto;
  }
  #sec__06 .common__btn {
    max-width: 880px;
  }
  .slider02 .slide-arrow {
    width: 3.666vw;
    top: -6.333vw;
  }
  .slider02 .prev-arrow {
    right: 20.6vw;
  }
  .slider02 .next-arrow {
    right: 15vw;
  }
}
@media screen and (max-width: 768px) {
  #sec__06 {
    padding: 28.5vw 0 10.869vw;
  }
  #sec__06 .bg__circle {
    width: 81.642vw;
    top: 0;
    z-index: 0;
  }
  #sec__06 .title__box {
    width: 89.371%;
    max-width: inherit;
  }
  #sec__06 .title__box .tit__en {
    margin-bottom: 2.898vw;
    max-width: 8.695vw;
  }
  #sec__06 .title__box .tit__jp {
    margin-bottom: 7vw;
    font-size: 7.729vw;
    line-height: 7vw;
  }
  #sec__06 .basicSlider {
    margin: 0 auto;
    margin-bottom: 3vw;
    width: 89.371%;
  }
  #sec__06 .basicSlider ul {
    width: 100%;
  }
  #sec__06 .basicSlider ul li {
    margin-right: 0;
    width: 100%;
  }
  #sec__06 .basicSlider ul li .event__tit {
    margin: 4.83vw 0 6vw;
    min-height: inherit;
    font-size: 3.864vw;
  }
  #sec__06 .basicSlider ul li .event__data {
    font-size: 3.864vw;
  }
  #sec__06 .basicSlider ul li .event__btn {
    margin-top: 4.83vw;
    padding: 4.83vw 0;
    text-align: right;
    border-top: 1px solid var(--black);
  }
  #sec__06 .basicSlider ul li .event__btn .btn a {
    padding: 0 0 0 10.144vw;
    font-size: 3.381vw;
    background-size: 7.729vw auto;
  }
  #sec__06 .common__btn {
    width: 89.371%;
    max-width: inherit;
  }
  .slider02 .slide-arrow {
    width: 9.42vw;
    top: -16.425vw;
    z-index: 1;
  }
  .slider02 .slick-list {
    padding: 0 !important;
  }
  .slider02 .prev-arrow {
    right: 12vw;
  }
  .slider02 .next-arrow {
    right: 0;
  }
}

@media print, screen {
  /* sec__07 */
  #sec__07 {
    margin: 0 auto;
    padding: min(2.864vw, 55px) 0 min(3.64vw, 70px);
    width: 100%;
    background-color: var(--grayf2-color);
  }
  #sec__07 .inner {
    margin: 0 auto;
    width: 93%;
    max-width: 1840px;
  }
  #sec__07 .inner .upper__box {
    margin: 0 auto;
    padding: 0 0 min(6.25vw, 120px);
    width: 96.73%;
    max-width: 1780px;
  }
  #sec__07 .inner .upper__box .tit__en {
    margin-bottom: min(2vw, 40px);
    width: 100%;
    max-width: min(11.614vw, 223px);
  }
  #sec__07 .inner .upper__box .tit__jp {
    margin-bottom: min(2.6vw, 50px);
    color: var(--main-color);
    font-size: min(5.2vw, 80px);
    font-weight: 700;
    line-height: min(4.68vw, 90px);
    letter-spacing: 0.03em;
  }
  #sec__07 .inner .upper__box .upper__inner {
    width: 100%;
  }
  #sec__07 .inner .upper__box .upper__inner .upper__text {
    padding: min(1.875vw, 36px) 0 0;
    width: 30%;
  }
  #sec__07 .inner .upper__box .upper__inner .upper__text .copy {
    margin-bottom: min(3.9vw, 75px);
    width: 100%;
    max-width: min(17.343vw, 333px);
  }
  #sec__07 .inner .upper__box .upper__inner .upper__text .text {
    margin-bottom: min(4.16vw, 80px);
    font-size: min(0.937vw, 18px);
    font-weight: 500;
    line-height: 2.333;
    letter-spacing: 0.1em;
  }
  #sec__07 .inner .upper__box .upper__inner .upper__text .btn {
  }
  #sec__07 .inner .upper__box .upper__inner .upper__text .btn a {
    padding: 0 0 0 min(3.95vw, 76px);
    font-size: min(1.145vw, 22px);
    font-weight: 700;
    line-height: 1.5;
    background-image: url(../../images/src/top/btn_anomore02.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: min(2.812vw, 54px) auto;
  }
  #sec__07 .inner .upper__box .upper__inner .upper__img {
    width: 67.3%;
  }
  #sec__07 .inner .lower__box {
    margin: 0 auto;
    width: 100%;
    height: min(31.25vw, 600px);
    background-image: url(../../images/src/top/bg_sec07_lower.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
  }
  #sec__07 .inner .lower__box .lower__inner {
    margin: 0 auto;
    padding: min(5.2vw, 100px) 0 0;
    width: 63.8%;
    max-width: 1174px;
    color: var(--white);
  }
  #sec__07 .inner .lower__box .lower__inner .lower__copy {
    font-size: min(1vw, 20px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.08em;
  }
  #sec__07 .inner .lower__box .lower__inner .lower__tit {
    margin: min(2.86vw, 55px) 0 min(3.9vw, 75px);
    font-size: min(2.552vw, 49px);
    font-weight: 700;
    line-height: min(2.447vw, 47px);
    letter-spacing: 0.08em;
  }
  #sec__07 .inner .lower__box .lower__inner .lecturer__box {
    gap: min(1.145vw, 22px) 0;
    width: 100%;
    max-width: min(33.385vw, 641px);
  }
  #sec__07 .inner .lower__box .lower__inner .lecturer__box li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48.6%;
    max-width: min(16.25vw, 312px);
    height: min(4.583vw, 88px);
    font-size: min(0.937vw, 18px);
    font-weight: 700;
    line-height: 1.666;
    text-align: center;
    letter-spacing: 0.05em;
    border: 1px solid var(--white);
    box-sizing: border-box;
  }
  #sec__07 .under__block {
    margin: 0 auto;
    padding: min(2vw, 40px) 0 0;
    width: 65.217%;
    max-width: 1200px;
  }
  #sec__07 .under__block .note {
    margin-bottom: min(2vw, 40px);
    font-size: min(.933vw, 16px);
    font-weight: 500;
    line-height: 2;
  }
}
@media screen and (max-width: 1500px) {
}
@media screen and (max-width: 768px) {
  #sec__07 {
    padding: 10.869vw 0 10.869vw;
  }
  #sec__07 .inner {
    width: 100%;
    max-width: inherit;
  }
  #sec__07 .inner .upper__box {
    padding: 0 0 0;
    width: 91.787%;
    max-width: inherit;
  }
  #sec__07 .inner .upper__box .tit__en {
    margin-bottom: 3.381vw;
    max-width: 14.251vw;
  }
  #sec__07 .inner .upper__box .tit__jp {
    margin-bottom: 4.1vw;
    font-size: 7.729vw;
    line-height: 1.2;
  }
  #sec__07 .inner .upper__box .upper__inner {
    flex-direction: column-reverse;
    width: 100%;
  }
  #sec__07 .inner .upper__box .upper__inner .upper__text {
    padding: 2vw 0 21.739vw;
    width: 100%;
  }
  #sec__07 .inner .upper__box .upper__inner .upper__text .copy {
    margin-bottom: 4.83vw;
    max-width: 53.864vw;
  }
  #sec__07 .inner .upper__box .upper__inner .upper__text .text {
    margin-bottom: 3.623vw;
    font-size: 3.864vw;
  }
  #sec__07 .inner .upper__box .upper__inner .upper__text .btn {
  }
  #sec__07 .inner .upper__box .upper__inner .upper__text .btn a {
    padding: 0 0 0 15.454vw;
    font-size: 4.347vw;
    background-size: 11.111vw auto;
  }
  #sec__07 .inner .upper__box .upper__inner .upper__img {
    width: 100%;
  }
  #sec__07 .inner .lower__box {
    height: 211.352vw;
    background-image: url(../../images/src/top/sp/bg_sec07_lower.png);
    background-size: 100% auto;
  }
  #sec__07 .inner .lower__box .lower__inner {
    padding: 58.937vw 0 0;
    width: 88.405%;
    max-width: inherit;
  }
  #sec__07 .inner .lower__box .lower__inner .lower__copy {
    font-size: 4.347vw;
  }
  #sec__07 .inner .lower__box .lower__inner .lower__tit {
    margin: 4.83vw 0 11.594vw;
    font-size: 8.695vw;
    line-height: 1.4;
  }
  #sec__07 .inner .lower__box .lower__inner .lecturer__box {
    margin: 0 auto;
    gap: 3.381vw 0;
    max-width: 75.362vw;
  }
  #sec__07 .inner .lower__box .lower__inner .lecturer__box li {
    width: 100%;
    max-width: inherit;
    height: 21.256vw;
    font-size: 3.864vw;
  }
  #sec__07 .under__block {
    padding: 9.661vw 0 0;
    width: 89.371%;
    max-width: inherit;
  }
  #sec__07 .under__block .note {
    margin-bottom: 9.661vw;
    padding: 0 4vw;
    font-size: 3.864vw;
    letter-spacing: 0.1em;
  }
}

@media print, screen {
  /* sec__08 */
  #sec__08 {
    margin: 0 auto;
    padding: 55px 0 120px;
    width: 100%;
    background-color: var(--grayf2-color);
  }
  #sec__08 .inner {
    margin: 0 auto;
    width: 100%;
    max-width: 1480px;
  }
  #sec__08 .inner .titl__box {
    align-items: flex-end;
    margin: 0 auto;
    padding: 0 0 50px;
    width: 100%;
    max-width: 1280px;
  }
  #sec__08 .inner .titl__box .tit__jp {
    font-size: 41px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.03em;
  }
  #sec__08 .inner .titl__box .tit__en {
    margin-left: 24px;
    margin-right: auto;
    width: 60px;
  }
  #sec__08 .inner .titl__box .tit__btn {
    width: 265px;
  }
  #sec__08 .inner .titl__box .tit__btn a {
    padding: 0 0 0 75px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.06em;
    background-image: url(../../images/src/top/btn_anomore02.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 53px auto;
  }
  #sec__08 .inner .news__box {
    padding: 0 0 80px;
    width: 100%;
  }
  #sec__08 .inner .news__box .tab-area {
    display: flex;
    justify-content: start;
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    cursor: pointer;
  }
  #sec__08 .inner .news__box .tab {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 19.4%;
    height: 63px;
    color: #777777;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.06em;
    background-color: var(--white);
    border-radius: 14px 14px 0 0;
    margin: 0 5px;
  }
  #sec__08 .inner .news__box .tab.active,
  #sec__08 .inner .news__box .tab:hover {
    color: var(--black);
    background-color: var(--grayf3-color);
  }
  #sec__08 .inner .news__box .panel {
    display: none;
    padding: 45px 50px;
    text-align: center;
    background-color: var(--grayf3-color);
    box-sizing: border-box;
  }
  #sec__08 .inner .news__box .panel.active {
    display: block;
  }
  #sec__08 .inner .news__box .panel dl {
    padding: 25px 100px 25px 42px;
    width: 100%;
    text-align: left;
    background-color: var(--white);
    border-radius: 10px;
    background-image: url(../../images/src/top/btn_anomore02.svg);
    background-repeat: no-repeat;
    background-position: right 26px center;
    background-size: 36px auto;
    box-sizing: border-box;
  }
  #sec__08 .inner .news__box .panel dl + dl {
    margin-top: 10px;
  }
  #sec__08 .inner .news__box .panel dl dt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 23.6%;
  }
  #sec__08 .inner .news__box .panel dl dt .news__data {
    color: var(--main-color);
    font-size: 14px;
    font-weight: 500;
  }
  #sec__08 .inner .news__box .panel dl dt .news__cate {
    padding: 5px 19px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.06em;
    border: 1px solid #b7b7b7;
  }
  #sec__08 .inner .news__box .panel dl dd {
    width: 74.3%;
  }
  #sec__08 .inner .news__box .panel dl dd a {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 1500px) {
  #sec__08 {
    padding: 3.666vw 0 8vw;
  }
  #sec__08 .inner {
    width: 98.666%;
  }
  #sec__08 .inner .titl__box {
    padding: 0 0 3.333vw;
    width: 85.333%;
  }
  #sec__08 .inner .titl__box .tit__jp {
    font-size: 2.733vw;
  }
  #sec__08 .inner .titl__box .tit__en {
    margin-left: 1.6vw;
    width: 4vw;
  }
  #sec__08 .inner .titl__box .tit__btn {
    width: 17.666vw;
  }
  #sec__08 .inner .titl__box .tit__btn a {
    padding: 0 0 0 5vw;
    font-size: 1.2vw;
    background-size: 3.533vw auto;
  }
  #sec__08 .inner .news__box {
    padding: 0 0 5.333vw;
  }
  #sec__08 .inner .news__box .tab-area {
    width: 85.333%;
  }
  #sec__08 .inner .news__box .tab {
    height: 4.2vw;
    font-size: 1.06vw;
  }
  #sec__08 .inner .news__box .panel {
    padding: 3vw 3.333vw;
  }
  #sec__08 .inner .news__box .panel dl {
    padding: 1.666vw 6.666vw 1.666vw 2.8vw;
    background-position: right 1.733vw center;
    background-size: 2.4vw auto;
  }
  #sec__08 .inner .news__box .panel dl + dl {
    margin-top: 0.666vw;
  }
  #sec__08 .inner .news__box .panel dl dt .news__data {
    font-size: 0.933vw;
  }
  #sec__08 .inner .news__box .panel dl dt .news__cate {
    padding: 0.333vw 1.266vw;
    font-size: 0.933vw;
  }
  #sec__08 .inner .news__box .panel dl dd {
    width: 74.3%;
  }
  #sec__08 .inner .news__box .panel dl dd a {
    font-size: 0.933vw;
  }
}
@media screen and (max-width: 768px) {
  #sec__08 {
    padding: 10.869vw 0 21.739vw;
  }
  #sec__08 .inner {
    width: 94.2%;
    max-width: inherit;
  }
  #sec__08 .inner .titl__box {
    padding: 0 0 7.971vw;
    width: 95%;
    max-width: inherit;
  }
  #sec__08 .inner .titl__box .tit__jp {
    font-size: 9.9vw;
  }
  #sec__08 .inner .titl__box .tit__en {
    margin-left: 4.83vw;
    width: 14.251vw;
  }
  #sec__08 .inner .titl__box .tit__btn {
    display: block;
    padding: 9.178vw 0 0;
    width: 265px;
  }
  #sec__08 .inner .titl__box .tit__btn a {
    padding: 0 0 0 14vw;
    font-size: 4.347vw;
    background-size: 10.869vw auto;
  }
  #sec__08 .inner .news__box {
    padding: 0 0 8.937vw;
    width: 100%;
  }
  #sec__08 .inner .news__box .sp_tab_box {
    width: 100%;
    overflow: scroll;
  }
  #sec__08 .inner .news__box .tab-area {
    width: 550px;
    max-width: inherit;
    text-align: center;
    border-bottom: 5.797vw solid var(--grayf3-color);
  }
  #sec__08 .inner .news__box .tab {
    width: 19.4%;
    height: 11.111vw;
    font-size: 3.14vw;
    border-radius: 5.3px 5.3px 0 0;
  }
  #sec__08 .inner .news__box .panel {
    padding: 2.898vw 2.415vw;
  }
  #sec__08 .inner .news__box .panel dl {
    padding: 4.347vw 3.864vw 4.347vw 6vw;
    border-radius: 4px;
    background-position: right 26px top 4.8vw;
    background-size: 8.695vw auto;
  }
  #sec__08 .inner .news__box .panel dl + dl {
    margin-top: 2.415vw;
  }
  #sec__08 .inner .news__box .panel dl dt {
    justify-content: flex-start;
    width: 100%;
  }
  #sec__08 .inner .news__box .panel dl dt .news__data {
    font-size: 2.415vw;
  }
  #sec__08 .inner .news__box .panel dl dt .news__cate {
    margin-left: 4.347vw;
    padding: 1vw 1.449vw 1.3vw;
    font-size: 2.415vw;
  }
  #sec__08 .inner .news__box .panel dl dd {
    padding: 2.415vw 0 0;
    width: 100%;
  }
  #sec__08 .inner .news__box .panel dl dd a {
    font-size: 3.381vw;
  }
}