@charset "UTF-8";

@media screen and (max-width: 767px) {
  #pageWrapper {
    padding-top: 14.6666666667vw;
  }
}

/* footer
------------------------------ */
footer {
  margin-top: 150px;
}
@media screen and (max-width: 767px) {
  footer {
    margin-top: 20vw;
  }
}

/* breadcrumbs
------------------------------ */
.breadcrumbs {
  display: none;
}

/* .sec
------------------------------ */
.sec_heading {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .sec_heading {
    margin-bottom: 7.4666666667vw;
  }
}
.sec_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .sec_title .title_img {
    height: 9.3333333333vw;
  }
}
.sec_title .jp {
  margin-left: 50px;
  margin-bottom: 12px;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #000;
}
@media screen and (max-width: 767px) {
  .sec_title .jp {
    margin-left: 5.3333333333vw;
    margin-bottom: 0.5333333333vw;
    font-size: 4vw;
  }
}
.sec_title.white {
  color: #fff;
}
.sec_body_title {
  margin-bottom: 48px;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .sec_body_title {
    margin-bottom: 6.4vw;
    font-size: 4.5333333333vw;
  }
}
.sec_body_text {
  margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
  .sec_body_text {
    margin-bottom: 9.6vw;
    font-size: 3.7333333333vw;
  }
}

/*---------------------------------------
    .btn
---------------------------------------*/
.btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1620px) {
  .btn_wrap.early_vertical_drop {
    row-gap: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .btn_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .btn_wrap.early_vertical_drop {
    row-gap: 0;
  }
}
.btn_common {
  min-width: 260px;
  min-height: 60px;
  padding: 18px 10px;
  margin-right: 20px;
  background: #0c419a;
  letter-spacing: 0.04em;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .btn_common {
    min-width: 61.3333333333vw;
    min-height: 13.3333333333vw;
    padding: 3.4666666667vw 2.6666666667vw;
    margin-right: 0;
    margin-bottom: 5.3333333333vw;
    font-size: 3.7333333333vw;
  }
}
.btn_common:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .btn_common:last-child {
    margin-bottom: 0;
  }
}

/*---------------------------------------
    .viewmore
---------------------------------------*/
.viewmore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  padding-bottom: 8px;
  border-bottom: 1px solid #000;
  font-family: "Dosis", sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.2em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-transform: uppercase;
  color: #000;
  position: relative;
}
@media screen and (max-width: 767px) {
  .viewmore {
    width: 40vw;
    padding-bottom: 2.1333333333vw;
    font-size: 3.7333333333vw;
  }
}
.viewmore:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 1px solid #be2222;
  border-right: 1px solid #be2222;
  position: absolute;
  top: 8px;
  right: 5px;
  z-index: 1;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .viewmore:after {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    top: 1.8666666667vw;
    right: 1.3333333333vw;
  }
}
.viewmore.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .viewmore.sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .viewmore.pc {
    display: none;
  }
}

/*---------------------------------------
    .wpcf7
---------------------------------------*/
.wpcf7 {
  max-width: 840px;
  margin: 0 auto;
}
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 select,
.wpcf7 textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  width: 100%;
  height: 60px;
  padding: 16px 30px;
  border-radius: 4px;
  border: 1px solid #ACACAC;
}
@media screen and (max-width: 767px) {
  .wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 select,
.wpcf7 textarea {
    height: 10.6666666667vw;
    padding: 2.6666666667vw 4vw;
    border-radius: 0.5333333333vw;
  }
}
.wpcf7 input[name=your-name],
.wpcf7 input[name=your-name-furigana],
.wpcf7 input[name=date],
.wpcf7 select {
  max-width: 320px;
}
@media screen and (max-width: 767px) {
  .wpcf7 input[name=your-name],
.wpcf7 input[name=your-name-furigana],
.wpcf7 input[name=date],
.wpcf7 select {
    max-width: 48vw;
  }
}
.wpcf7 textarea {
  min-height: 200px;
}
@media screen and (max-width: 767px) {
  .wpcf7 textarea {
    min-height: 33.3333333333vw;
  }
}
.wpcf7 .select_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wpcf7 .select_wrap span {
  width: 320px;
  background: url(../img/select_arrow.svg) right 30px center no-repeat;
}
@media screen and (max-width: 767px) {
  .wpcf7 .select_wrap span {
    width: 48vw;
  }
}
.wpcf7 .select_wrap select {
  background: transparent;
}
.wpcf7 .wpcf7-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -6px;
}
@media screen and (max-width: 767px) {
  .wpcf7 .wpcf7-checkbox {
    margin: -1.8666666667vw;
  }
}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item {
  width: 20%;
  padding: 6px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .wpcf7 .wpcf7-checkbox .wpcf7-list-item {
    width: 50%;
    padding: 1.8666666667vw;
  }
}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 32px;
  padding-left: 52px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .wpcf7 .wpcf7-checkbox .wpcf7-list-item-label {
    min-height: 6.1333333333vw;
    padding-left: 9.0666666667vw;
  }
}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item-label:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #ACACAC;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .wpcf7 .wpcf7-checkbox .wpcf7-list-item-label:before {
    width: 6.1333333333vw;
    height: 6.1333333333vw;
    border-radius: 0.5333333333vw;
    border-width: 0.2666666667vw;
  }
}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item-label:after {
  content: "";
  display: block;
  width: 20px;
  height: 12px;
  border-bottom: 3px solid #EA5E7B;
  border-left: 3px solid #EA5E7B;
  position: absolute;
  top: 8px;
  left: 6px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 767px) {
  .wpcf7 .wpcf7-checkbox .wpcf7-list-item-label:after {
    width: 4.2666666667vw;
    height: 2.6666666667vw;
    border-bottom: 0.5333333333vw solid #EA5E7B;
    border-left: 0.5333333333vw solid #EA5E7B;
    top: 1.0666666667vw;
    left: 1.0666666667vw;
  }
}
.wpcf7 .wpcf7-checkbox input[type=checkbox] {
  display: none;
}
.wpcf7 .wpcf7-checkbox input[type=checkbox]:checked + .wpcf7-list-item-label:after {
  opacity: 1;
  visibility: visible;
}
.wpcf7 input[type=submit] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 480px;
  height: 90px;
  margin: 0 auto;
  margin-top: 60px;
  border-radius: 45px;
  border: none;
  background: #EA5E7B;
  -webkit-box-shadow: 0 3px 0 #D4415F;
          box-shadow: 0 3px 0 #D4415F;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  -webkit-transition: -webkit-filter 0.3s, -webkit-transform 0.2s;
  transition: -webkit-filter 0.3s, -webkit-transform 0.2s;
  -o-transition: filter 0.3s, transform 0.2s;
  transition: filter 0.3s, transform 0.2s;
  transition: filter 0.3s, transform 0.2s, -webkit-filter 0.3s, -webkit-transform 0.2s;
}
@media screen and (max-width: 767px) {
  .wpcf7 input[type=submit] {
    width: 66.6666666667vw;
    height: 13.3333333333vw;
    margin-top: 10.6666666667vw;
    border-radius: 6.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
.wpcf7 input[type=submit]:hover {
  opacity: 1;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.wpcf7 dl {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .wpcf7 dl {
    margin-bottom: 6.4vw;
  }
}
.wpcf7 dt {
  margin-bottom: 16px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .wpcf7 dt {
    margin-bottom: 2.6666666667vw;
  }
}
.wpcf7 dt .required {
  padding: 0 6px;
  margin-left: 8px;
  border-radius: 2px;
  background: #EA5E7B;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .wpcf7 dt .required {
    height: 4.8vw;
    padding: 0 1.7333333333vw;
    margin-left: 2.1333333333vw;
    border-radius: 0.5333333333vw;
    font-size: 3.2vw;
  }
}
.wpcf7 .privacy_item .title {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.wpcf7 .privacy_item .privacy_wrap {
  padding: 20px 65px;
  margin-top: 20px;
  height: 138px;
  border: 1px solid #DEDEDE;
  background: #F9F9F9;
  overflow-y: scroll;
}
@media screen and (max-width: 767px) {
  .wpcf7 .privacy_item .privacy_wrap {
    padding: 4vw;
    margin-top: 4.8vw;
    height: 26.6666666667vw;
  }
}
.wpcf7 .privacy_item .privacy_wrap p {
  font-size: 14px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .wpcf7 .privacy_item .privacy_wrap p {
    font-size: 3.2vw;
  }
}
.wpcf7 .privacy_item .text {
  margin-top: 26px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .wpcf7 .privacy_item .text {
    margin-top: 4.8vw;
    font-size: 3.2vw;
  }
}

/*◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇

  #mv

◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇*/
#mv {
  margin-bottom: 140px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #mv {
    margin-bottom: 10.6666666667vw;
    background: #fff;
  }
}
#mv .container {
  height: 51.3888888889vw;
  padding-top: 17.7083333333vw;
}
@media screen and (max-width: 1240px) {
  #mv .container {
    height: 637.22px;
    padding-top: 219.583px;
  }
}
@media screen and (max-width: 767px) {
  #mv .container {
    height: 159.7333333333vw;
    padding-top: 102.6666666667vw;
  }
}
#mv .text_block {
  position: relative;
  z-index: 1;
  max-width: 640px;
}
@media screen and (max-width: 767px) {
  #mv .text_block {
    position: static;
  }
}
#mv .mv_slider_wrap {
  width: calc(840px + (100vw - 1200px) / 2);
  min-width: 860px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #mv .mv_slider_wrap {
    width: 92vw;
    min-width: auto;
  }
}
#mv .mv_slide_catch {
  font-family: "Shippori Mincho", serif;
  font-size: 24px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.3em;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  color: #fff;
  position: absolute;
  top: 6.6666666667vw;
  right: 2.7777777778vw;
  z-index: 1;
}
#mv .mv_slide_catch span {
  font-family: "Shippori Mincho", serif;
  font-size: 24px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.3em;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  color: #fff;
}
#mv .mv_slide_catch .-letter-thin {
  letter-spacing: -0.5em;
}
#mv .mv_slide_catch.-has-link {
  right: 0;
  width: 7.7vw;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 767px) {
  #mv .mv_slide_catch {
    font-size: 4vw;
    top: 8.5333333333vw;
    right: 4vw;
  }
  #mv .mv_slide_catch span {
    font-size: 4vw;
  }
  #mv .mv_slide_catch.-has-link {
    width: 14.6666666667vw;
    gap: 10px;
  }
  #mv .mv_slide_catch.-has-link img {
    width: 30px;
    height: auto;
  }
}
#mv .mv_img {
  width: calc(840px + (100vw - 1200px) / 2);
  min-width: 860px;
}
@media screen and (max-width: 767px) {
  #mv .mv_img {
    width: 92vw;
    min-width: auto;
  }
}
#mv .mv_ptn {
  width: calc(840px + (100vw - 1200px) / 2);
  min-width: 826.66666px;
  position: absolute;
  top: 1.0416666667vw;
  left: 0;
  z-index: 0;
}
@media screen and (max-width: 1240px) {
  #mv .mv_ptn {
    top: 12.917px;
  }
}
@media screen and (max-width: 767px) {
  #mv .mv_ptn {
    width: 93.3333333333vw;
    min-width: auto;
    height: auto;
    top: auto;
    bottom: 0;
  }
}
#mv .mv_catch {
  position: relative;
  z-index: 2;
}
#mv .mv_arrow {
  position: absolute;
  bottom: -120px;
  left: 110px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #mv .mv_arrow {
    width: 8vw;
    bottom: 9.0666666667vw;
    left: auto;
    right: 6.6666666667vw;
  }
}

/*◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇

  #top_mission

◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇*/
#top_mission {
  margin-bottom: 14%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #top_mission {
    margin-bottom: 24vw;
  }
}
#top_mission .sec_title {
  opacity: 0;
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  -o-transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}
@media screen and (max-width: 767px) {
  #top_mission .sec_title {
    -webkit-transform: translateY(13.3333333333vw);
        -ms-transform: translateY(13.3333333333vw);
            transform: translateY(13.3333333333vw);
  }
}
#top_mission .sec_body {
  position: relative;
  z-index: 1;
}
#top_mission .sec_body .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
}
#top_mission .img01 {
  width: 44.444444%;
  height: 550px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  -o-transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
  -webkit-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
@media screen and (max-width: 767px) {
  #top_mission .img01 {
    width: 100%;
    height: 61.3333333333vw;
    position: relative;
    -webkit-transform: translateY(13.3333333333vw);
        -ms-transform: translateY(13.3333333333vw);
            transform: translateY(13.3333333333vw);
  }
}
#top_mission .textarea {
  width: 50%;
  margin-top: 20px;
  margin-left: auto;
  opacity: 0;
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  -o-transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
  -webkit-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
@media screen and (max-width: 767px) {
  #top_mission .textarea {
    width: 100%;
    margin-top: 6.9333333333vw;
    margin-left: 0;
    -webkit-transform: translateY(13.3333333333vw);
        -ms-transform: translateY(13.3333333333vw);
            transform: translateY(13.3333333333vw);
    -webkit-transition-delay: 0.8s;
         -o-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
}
#top_mission .mission_bg {
  position: absolute;
  top: -16px;
  right: 30px;
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateX(100px);
      -ms-transform: translateX(100px);
          transform: translateX(100px);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  -o-transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
  -webkit-transition-delay: 0.8s;
       -o-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
@media screen and (max-width: 767px) {
  #top_mission .mission_bg {
    width: 22.5333333333vw;
    top: auto;
    bottom: -16vw;
    right: 2.4vw;
    -webkit-transform: translateX(13.3333333333vw);
        -ms-transform: translateX(13.3333333333vw);
            transform: translateX(13.3333333333vw);
    -webkit-transition-delay: 1.2s;
         -o-transition-delay: 1.2s;
            transition-delay: 1.2s;
  }
}
#top_mission.scrollIn .sec_title {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
#top_mission.scrollIn .img01 {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
#top_mission.scrollIn .textarea {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
#top_mission.scrollIn .mission_bg {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

/*◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇

  #top_service

◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇*/
#top_service {
  /*margin-bottom: 140px;*/
  position: relative;
  z-index: 1; overflow:hidden;
}
@media screen and (max-width: 767px) {
  #top_service {
    margin-bottom: 16vw;
  }
}
#top_service:after {
  content: "";
  display: block;
  width: 75vw;
  height: 100%;
  background: #e5e5e5;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #top_service:after {
    width: 74.6666666667vw;
  }
}
#top_service .sec_heading {
  padding-top: 85px;
}
@media screen and (max-width: 767px) {
  #top_service .sec_heading {
    padding-top: 13.3333333333vw;
  }
}
#top_service .sec_title {
  opacity: 0;
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  -o-transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}
@media screen and (max-width: 767px) {
  #top_service .sec_title {
    -webkit-transform: translateY(13.3333333333vw);
        -ms-transform: translateY(13.3333333333vw);
            transform: translateY(13.3333333333vw);
  }
}
#top_service .sec_body {
  padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
  #top_service .sec_body {
    padding-bottom: 16vw;
  }
}
#top_service .sec_body_title {
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  #top_service .sec_body_title {
    margin-bottom: 4.2666666667vw;
  }
}
#top_service .sec_body_text {
  margin-bottom: 70px;
  line-height:3em;
  font-size:18px;
}
@media screen and (max-width: 767px) {
  #top_service .sec_body_text {
    margin-bottom: 5.3333333333vw;
  }
}
#top_service .row {
  margin-bottom: 120px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #top_service .row {
    margin-bottom: 13.3333333333vw;
  }
}
#top_service .row .container {
  min-width: 1200px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #top_service .row .container {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  #top_service .row picture {
    margin-left: auto;
  }
}
#top_service .row .img01 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateX(-100px);
      -ms-transform: translateX(-100px);
          transform: translateX(-100px);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  -o-transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}
@media screen and (max-width: 767px) {
  #top_service .row .img01 {
    width: 92vw;
    margin-left: auto;
    position: relative;
    -webkit-transform: translateX(13.3333333333vw);
        -ms-transform: translateX(13.3333333333vw);
            transform: translateX(13.3333333333vw);
  }
}
#top_service .row .textarea {
  width: 50%;
  width: calc(50% + 70px);
  padding: 60px;
  padding-right: 0;
  padding-right: 60px;
  margin-top: 100px;
  margin-left: auto;
  background: #fff;
  position: relative;
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  -o-transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
  -webkit-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
@media screen and (max-width: 767px) {
  #top_service .row .textarea {
    width: calc(100% - 8vw);
    padding: 10.6666666667vw 6.6666666667vw;
    margin: 0;
    margin-top: -17.3333333333vw;
    -webkit-transform: translateY(13.3333333333vw);
        -ms-transform: translateY(13.3333333333vw);
            transform: translateY(13.3333333333vw);
  }
}
#top_service .row .textarea:after {
  content: "";
  display: block;
  width: 60vw;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #top_service .row .textarea:after {
    content: none;
  }
}
#top_service .row .num {
  display: block;
  margin-bottom: 20px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #000;
  line-height:3em
}
@media screen and (max-width: 767px) {
  #top_service .row .num {
    margin-bottom: 4.2666666667vw;
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  #top_service .row:nth-child(1) .img01_1 {
    width: 54.6666666667vw;
    position: absolute;
    top: 37.3333333333vw;
    right: 8vw;
    z-index: 3;
    opacity: 0;
    -webkit-transform: translateY(13.3333333333vw);
        -ms-transform: translateY(13.3333333333vw);
            transform: translateY(13.3333333333vw);
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    -o-transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s, -webkit-transform 1s;
    -webkit-transition-delay: 0.8s;
         -o-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
}
#top_service .row:nth-child(2n) .img01 {
  left: auto;
  right: 0;
  -webkit-transform: translateX(100px);
      -ms-transform: translateX(100px);
          transform: translateX(100px);
}
#top_service .row:nth-child(2n) .textarea {
  margin-left: 0;
}
#top_service .row:nth-child(2n) .textarea:after {
  left: auto;
  right: 0;
}
#top_service .row:last-child {
  margin-bottom: 0;
}
#top_service .row.scrollIn .img01 {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: 47%;
}
@media screen and (max-width: 767px) {
  #top_service .row.scrollIn .img01_1 {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
#top_service .row.scrollIn .textarea {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
#top_service .btn_wrap_last {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  #top_service .btn_wrap_last {
    margin-top: 5.3333333333vw;
  }
}
#top_service.scrollIn .sec_title {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
/*◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇

  #top_news

◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇*/
#top_news .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (max-width: 767px) {
  #top_news .container {
    display: block;
  }
}
#top_news .sec_title {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#top_news .sec_title .jp {
  margin-top: 16px;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  #top_news .sec_title .jp {
    margin-top: 2.6666666667vw;
  }
}
#top_news .sec_body {
  width: 900px;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  #top_news .sec_body {
    width: 100%;
    padding-bottom: 17.3333333333vw;
  }
}
#top_news .news_viewall {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 8px;
  padding-right: 4px;
  border-bottom: 2px solid #0c419a;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #top_news .news_viewall {
    padding-bottom: 1.6vw;
    padding-right: 0.5333333333vw;
    border-bottom: 0.5333333333vw solid #0c419a;
    left: 5.3333333333vw;
  }
}
#top_news .news_viewall:after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  margin-top: 2px;
  margin-left: 1em;
  background: url(../img/index/news_viewall_arrow@2x.png) 50%/cover no-repeat;
}
@media screen and (max-width: 767px) {
  #top_news .news_viewall:after {
    width: 1.4666666667vw;
    height: 2.8vw;
    margin-top: 0;
    margin-left: 1em;
  }
}

.news_list_item {
  padding: 30px 0;
  border-bottom: 1px solid #dcdcdc;
}
@media screen and (max-width: 767px) {
  .news_list_item {
    padding: 0;
  }
}
.news_list_item_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .news_list_item_inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 5.3333333333vw 0;
  }
}
.news_list_item_time {
  margin-right: 24px;
  color: #222;
}
@media screen and (max-width: 767px) {
  .news_list_item_time {
    margin-right: 4.8vw;
  }
}
.news_list_item_cut {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 120px;
  min-height: 30px;
  padding: 3px 8px;
  margin-right: 30px;
  border-radius: 30px;
  background: #0c419a;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .news_list_item_cut {
    min-width: 24vw;
    min-height: 5.3333333333vw;
    padding: 0.8vw 1.0666666667vw;
    margin-right: 0;
    font-size: 3.2vw;
  }
}
.news_list_item_cut.event {
  background: #018b4b;
}
.news_list_item_title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  max-height: 1.8em;
}
@media screen and (max-width: 767px) {
  .news_list_item_title {
    width: 100%;
    margin-top: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
.news_list_item:first-child {
  border-top: 1px solid #dcdcdc;
}


 :root {
                --wp--preset--aspect-ratio--square: 1;
                --wp--preset--aspect-ratio--4-3: 4/3;
                --wp--preset--aspect-ratio--3-4: 3/4;
                --wp--preset--aspect-ratio--3-2: 3/2;
                --wp--preset--aspect-ratio--2-3: 2/3;
                --wp--preset--aspect-ratio--16-9: 16/9;
                --wp--preset--aspect-ratio--9-16: 9/16;
                --wp--preset--color--black: #000000;
                --wp--preset--color--cyan-bluish-gray: #abb8c3;
                --wp--preset--color--white: #ffffff;
                --wp--preset--color--pale-pink: #f78da7;
                --wp--preset--color--vivid-red: #cf2e2e;
                --wp--preset--color--luminous-vivid-orange: #ff6900;
                --wp--preset--color--luminous-vivid-amber: #fcb900;
                --wp--preset--color--light-green-cyan: #7bdcb5;
                --wp--preset--color--vivid-green-cyan: #00d084;
                --wp--preset--color--pale-cyan-blue: #8ed1fc;
                --wp--preset--color--vivid-cyan-blue: #0693e3;
                --wp--preset--color--vivid-purple: #9b51e0;
                --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
                --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
                --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
                --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
                --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
                --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
                --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
                --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
                --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
                --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
                --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
                --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
                --wp--preset--font-size--small: 13px;
                --wp--preset--font-size--medium: 20px;
                --wp--preset--font-size--large: 36px;
                --wp--preset--font-size--x-large: 42px;
                --wp--preset--spacing--20: 0.44rem;
                --wp--preset--spacing--30: 0.67rem;
                --wp--preset--spacing--40: 1rem;
                --wp--preset--spacing--50: 1.5rem;
                --wp--preset--spacing--60: 2.25rem;
                --wp--preset--spacing--70: 3.38rem;
                --wp--preset--spacing--80: 5.06rem;
                --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
                --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
                --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
                --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
                --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
            }