/*
* garoon_ai_labo.css
*
*/
/* ------------------------
  ICON
------------------------ */
.plus {
  position: relative;
}
.plus::before,
.plus::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-right: 4.66667vw;
  transition: 0.3s height cubic-bezier(0, 0, 0.58, 1); 
  -webkit-transform: translate(0, -50%); 
          transform: translate(0, -50%);
  background: #039;
}
.plus::before {
  right: 0;
  width: 12px;
  height: 2px;
}
.plus::after {
  right: 5px;
  width: 2px;
  height: 12px;
}
.is-opened .plus::after {
  height: 0;
}

.icon_win {
  position: relative;
  padding-right: 3.2vw;
}
@media (min-width: 768px) {
  .icon_win {
    padding-right: 14px;
  }
}
.icon_win::before,
.icon_win::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.86667vw;
  height: 1.86667vw;
  transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1); 
  -webkit-transform: translate(0, -50%); 
          transform: translate(0, -50%);
  background-repeat: no-repeat;
  background-size: 1.86667vw 1.86667vw;
}
@media (min-width: 768px) {
  .icon_win::before,
  .icon_win::after {
    width: 9px;
    height: 9px;
    background-size: 9px 9px;
  }
}
.icon_win._white::before {
  background-image: url(/assets/img/common/icon_win_white.svg);
}
.icon_win._white::after {
  opacity: 0;
  background-image: url(/assets/img/common/icon_win_blue.svg);
}
.icon_win._blue::before {
  background-image: url(/assets/img/common/icon_win_white.svg);
}
.icon_win._blue::after {
  background-image: url(/assets/img/common/icon_win_blue.svg);
}
.icon_win._white_inq {
  padding-right: 14px;
}
.icon_win._white_inq::before,
.icon_win._white_inq::after {
  width: 1.86667vw;
  height: 1.86667vw;
  background-size: 1.86667vw 1.86667vw;
}
@media (min-width: 768px) {
  .icon_win._white_inq::before,
  .icon_win._white_inq::after {
    width: 9px;
    height: 9px;
    background-size: 9px 9px;
  }
}
.icon_win._white_inq::before {
  background-image: url(/assets/img/common/icon_win_white.svg);
}
.icon_win._white_inq::after {
  opacity: 0;
  background-image: url(/assets/img/common/icon_win_blue.svg);
}
.header_mainnav_contact .icon_win._white_inq::before,
.header_mainnav_contact .icon_win._white_inq::after {
  right: 20px;
}

.icon_arw._txtLink {
  position: relative;
}
.icon_arw._txtLink::before,
.icon_arw._txtLink::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 4vw;
  height: 4vw;
  transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1); 
  -webkit-transform: translate(0, -50%); 
          transform: translate(0, -50%);
  background-repeat: no-repeat;
  background-size: 4vw 4vw;
}
@media (min-width: 768px) {
  .icon_arw._txtLink::before,
  .icon_arw._txtLink::after {
    width: 17px;
    height: 17px;
    background-size: 17px 17px;
  }
}
.icon_arw._txtLink::before {
  background-image: url(/assets/img/common/icon_arw_white.svg);
}
.icon_arw._txtLink::after {
  background-image: url(/assets/img/common/icon_arw_blue.svg);
}

.no-touchevents .icon_arw:hover._txtLink::after,
.icon_arw.is-touched._txtLink::after {
  opacity: 0;
}

.icon_heading_01 {
  position: relative;
  padding: 5.33333vw 0;
}
@media (min-width: 768px) {
  .icon_heading_01 {
    margin: 0 -50px;
    padding: 0 50px;
  }
}
.icon_heading_01::before,
.icon_heading_01::after {
  content: "";
  position: absolute;
  width: 5.33333vw;
  height: 4vw;
}
@media (min-width: 768px) {
  .icon_heading_01::before,
  .icon_heading_01::after {
    width: 32px;
    height: 24px;
  }
}
.icon_heading_01::before {
  top: 0;
  left: 0;
  background-image: url(/assets/img/common/icon_heading_01_left.png);
  background-size: 5.33333vw 4vw;
}
@media (min-width: 768px) {
  .icon_heading_01::before {
    background-size: 32px 24px;
  }
}
.icon_heading_01::after {
  right: 0;
  bottom: 0;
  background-image: url(/assets/img/common/icon_heading_01_right.png);
  background-size: 5.33333vw 4vw;
}
@media (min-width: 768px) {
  .icon_heading_01::after {
    background-size: 32px 24px;
  }
}

.icon_heading_02 {
  display: inline-block;
  position: relative;
  padding: 0 8vw;
}
@media (min-width: 768px) {
  .icon_heading_02 {
    padding: 0 44px;
  }
}
.icon_heading_02::before,
.icon_heading_02::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 5.86667vw;
  height: 14.13333vw;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media (min-width: 768px) {
  .icon_heading_02::before,
  .icon_heading_02::after {
    width: 22px;
    height: 37px;
  }
}
.icon_heading_02::before {
  left: 0;
  background-image: url(/assets/img/common/icon_heading_02_left.png);
  background-size: 5.86667vw 14.13333vw;
}
@media (min-width: 768px) {
  .icon_heading_02::before {
    background-size: 22px 37px;
  }
}
.icon_heading_02::after {
  right: 0;
  background-image: url(/assets/img/common/icon_heading_02_right.png);
  background-size: 5.86667vw 14.13333vw;
}
@media (min-width: 768px) {
  .icon_heading_02::after {
    background-size: 22px 37px;
  }
}

.icon_zoom {
  position: relative;
  cursor: pointer;
}
.icon_zoom::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: -1.73333vw;
  right: -1.73333vw;
  width: 8vw;
  height: 8vw;
  background-image: url(/assets/img/common/icon_zoom.svg);
  background-repeat: no-repeat; 
  background-size: 8vw 8vw;
}
@media (min-width: 768px) {
  .icon_zoom::after {
    top: -10px;
    right: -10px;
    width: 34px;
    height: 34px;
    background-size: 34px 34px;
  }
}

.txtLink._icon_win {
  display: inline-block;
  margin: 0 1.33333vw; 
  width: 1.86667vw;
}
@media (min-width: 768px) {
  .txtLink._icon_win {
    margin: 0 5px; 
    width: 9px;
  }
}

.txtLink._icon_download {
  display: inline-block;
  margin: 0 1.86667vw; 
  width: 2.66667vw;
}
@media (min-width: 768px) {
  .txtLink._icon_download {
    margin: 0 10px; 
    width: 13px;
  }
}

.icon_care {
  padding-top: 0.8vw;
  padding-left: 0.8vw;
}
@media (min-width: 768px) {
  .icon_care {
    padding-top: 3px;
    padding-left: 3px;
  }
}

/* ------------------------
  BUTTON
------------------------ */
.c-more_btn {
  display: flex;
  position: relative;
  margin: auto;
  padding-right: 1.33333vw;
  border: 2px solid transparent;
  border-radius: 5.86667vw;
  width: 69.33333vw;
  height: 11.73333vw;
  transition: 0.3s color cubic-bezier(0, 0, 0.58, 1), 0.3s border-color cubic-bezier(0, 0, 0.58, 1), 0.3s background-color cubic-bezier(0, 0, 0.58, 1); 
  background-color: #039;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-family: YakuHanJP, YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 3.73333vw;
  font-weight: bold;

  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .c-more_btn {
    padding-right: 10px;
    border-radius: 30px; 
    width: 360px;
    height: 60px;
    font-size: 18px;
  }
}
.c-more_btn::before,
.c-more_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-right: 3.2vw;
  transition: 0.3s background-color cubic-bezier(0, 0, 0.58, 1); 
  -webkit-transform: translate(0, -50%); 
          transform: translate(0, -50%);
  background-color: #fff;
}
@media (min-width: 768px) {
  .c-more_btn::before,
  .c-more_btn::after {
    margin-right: 18px;
  }
}
.c-more_btn::before {
  right: 0;
  width: 12px;
  height: 2px;
}
@media (min-width: 768px) {
  .c-more_btn::before {
    width: 16px;
  }
}
.c-more_btn::after {
  right: 5px;
  width: 2px;
  height: 12px;
}
@media (min-width: 768px) {
  .c-more_btn::after {
    right: 7px;
    height: 16px;
  }
}
.no-touchevents .c-more_btn:hover,
.c-more_btn.is-touched {
  border-color: #039;
  background-color: #fff;
  color: #039;
}
.no-touchevents .c-more_btn:hover::before,
.no-touchevents .c-more_btn:hover::after,
.c-more_btn.is-touched::before,
.c-more_btn.is-touched::after {
  background-color: #039;
}

a.c-btn,
button.c-btn,
span.c-btn {
  display: flex;
  position: relative;
  border: 2px solid transparent;
  transition: 0.3s color cubic-bezier(0, 0, 0.58, 1), 0.3s border-color cubic-bezier(0, 0, 0.58, 1), 0.3s background-color cubic-bezier(0, 0, 0.58, 1); 
  background-color: #039;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-family: YakuHanJP, YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: bold;

  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .u-ie a.c-btn,
  .u-ie
  button.c-btn,
  .u-ie
  span.c-btn {
    padding-top: 6px;
  }
}
.no-touchevents a.c-btn:hover,
a.c-btn.is-touched,
.no-touchevents
  button.c-btn:hover,
button.c-btn.is-touched,
.no-touchevents
  span.c-btn:hover,
span.c-btn.is-touched {
  border-color: #039; 
  background-color: #fff;
  color: #039;
}
a.c-btn::before,
a.c-btn::after,
button.c-btn::before,
button.c-btn::after,
span.c-btn::before,
span.c-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1); 
  -webkit-transform: translate(0, -50%); 
          transform: translate(0, -50%);
  background-repeat: no-repeat;
  background-position: 0 0;
}
a.c-btn._icon_arw_white::before,
button.c-btn._icon_arw_white::before,
span.c-btn._icon_arw_white::before {
  background-image: url(/assets/img/common/icon_arw_white.svg);
}
a.c-btn._icon_arw_white::after,
button.c-btn._icon_arw_white::after,
span.c-btn._icon_arw_white::after {
  opacity: 0;
  background-image: url(/assets/img/common/icon_arw_blue.svg);
}
.no-touchevents a.c-btn._icon_arw_white:hover::after,
a.c-btn._icon_arw_white.is-touched::after,
.no-touchevents
  button.c-btn._icon_arw_white:hover::after,
button.c-btn._icon_arw_white.is-touched::after,
.no-touchevents
  span.c-btn._icon_arw_white:hover::after,
span.c-btn._icon_arw_white.is-touched::after {
  opacity: 1;
}
a.c-btn._icon_arw_blue,
button.c-btn._icon_arw_blue,
span.c-btn._icon_arw_blue {
  border-color: #039; 
  background-color: #fff;
  color: #039;
}
a.c-btn._icon_arw_blue::before,
button.c-btn._icon_arw_blue::before,
span.c-btn._icon_arw_blue::before {
  background-image: url(/assets/img/common/icon_arw_white.svg);
}
a.c-btn._icon_arw_blue::after,
button.c-btn._icon_arw_blue::after,
span.c-btn._icon_arw_blue::after {
  background-image: url(/assets/img/common/icon_arw_blue.svg);
}
.no-touchevents a.c-btn._icon_arw_blue:hover,
a.c-btn._icon_arw_blue.is-touched,
.no-touchevents
    button.c-btn._icon_arw_blue:hover,
button.c-btn._icon_arw_blue.is-touched,
.no-touchevents
    span.c-btn._icon_arw_blue:hover,
span.c-btn._icon_arw_blue.is-touched {
  background-color: #039;
  color: #fff;
}
.no-touchevents a.c-btn._icon_arw_blue:hover::after,
a.c-btn._icon_arw_blue.is-touched::after,
.no-touchevents
      button.c-btn._icon_arw_blue:hover::after,
button.c-btn._icon_arw_blue.is-touched::after,
.no-touchevents
      span.c-btn._icon_arw_blue:hover::after,
span.c-btn._icon_arw_blue.is-touched::after {
  opacity: 0;
}
a.c-btn._icon_arw_lb,
button.c-btn._icon_arw_lb,
span.c-btn._icon_arw_lb {
  background-color: #fff;
  color: #039;
}
a.c-btn._icon_arw_lb::before,
button.c-btn._icon_arw_lb::before,
span.c-btn._icon_arw_lb::before {
  background-image: url(/assets/img/common/icon_arw_lb.svg);
}
a.c-btn._icon_arw_lb::after,
button.c-btn._icon_arw_lb::after,
span.c-btn._icon_arw_lb::after {
  opacity: 0;
  background-image: url(/assets/img/common/icon_arw_lb_ov.svg);
}
.no-touchevents a.c-btn._icon_arw_lb:hover,
a.c-btn._icon_arw_lb.is-touched,
.no-touchevents
    button.c-btn._icon_arw_lb:hover,
button.c-btn._icon_arw_lb.is-touched,
.no-touchevents
    span.c-btn._icon_arw_lb:hover,
span.c-btn._icon_arw_lb.is-touched {
  border-color: #039;
}
.no-touchevents a.c-btn._icon_arw_lb:hover::after,
a.c-btn._icon_arw_lb.is-touched::after,
.no-touchevents
      button.c-btn._icon_arw_lb:hover::after,
button.c-btn._icon_arw_lb.is-touched::after,
.no-touchevents
      span.c-btn._icon_arw_lb:hover::after,
span.c-btn._icon_arw_lb.is-touched::after {
  opacity: 1;
}
a.c-btn._icon_arw_prev::before,
a.c-btn._icon_arw_prev::after,
button.c-btn._icon_arw_prev::before,
button.c-btn._icon_arw_prev::after,
span.c-btn._icon_arw_prev::before,
span.c-btn._icon_arw_prev::after {
  -webkit-transform: rotate(180deg) translate(0, 50%);
          transform: rotate(180deg) translate(0, 50%);
}
@media (min-width: 768px) {
  a.c-btn._icon_arw_prev::before,
  a.c-btn._icon_arw_prev::after,
  button.c-btn._icon_arw_prev::before,
  button.c-btn._icon_arw_prev::after,
  span.c-btn._icon_arw_prev::before,
  span.c-btn._icon_arw_prev::after {
    background-size: 17px 17px;
  }
}
a.c-btn._icon_arw_prev::before,
button.c-btn._icon_arw_prev::before,
span.c-btn._icon_arw_prev::before {
  background-image: url(/assets/img/common/icon_arw_white.svg);
}
a.c-btn._icon_arw_prev::after,
button.c-btn._icon_arw_prev::after,
span.c-btn._icon_arw_prev::after {
  opacity: 0;
  background-image: url(/assets/img/common/icon_arw_blue.svg);
}
.no-touchevents a.c-btn._icon_arw_prev:hover::after,
a.c-btn._icon_arw_prev.is-touched::after,
.no-touchevents
  button.c-btn._icon_arw_prev:hover::after,
button.c-btn._icon_arw_prev.is-touched::after,
.no-touchevents
  span.c-btn._icon_arw_prev:hover::after,
span.c-btn._icon_arw_prev.is-touched::after {
  opacity: 1;
}
a.c-btn._icon_arw_prev_blue,
button.c-btn._icon_arw_prev_blue,
span.c-btn._icon_arw_prev_blue {
  border-color: #039; 
  background-color: #fff;
  color: #039;
}
a.c-btn._icon_arw_prev_blue::before,
a.c-btn._icon_arw_prev_blue::after,
button.c-btn._icon_arw_prev_blue::before,
button.c-btn._icon_arw_prev_blue::after,
span.c-btn._icon_arw_prev_blue::before,
span.c-btn._icon_arw_prev_blue::after {
  -webkit-transform: rotate(180deg) translate(0, 50%);
          transform: rotate(180deg) translate(0, 50%);
}
@media (min-width: 768px) {
  a.c-btn._icon_arw_prev_blue::before,
  a.c-btn._icon_arw_prev_blue::after,
  button.c-btn._icon_arw_prev_blue::before,
  button.c-btn._icon_arw_prev_blue::after,
  span.c-btn._icon_arw_prev_blue::before,
  span.c-btn._icon_arw_prev_blue::after {
    background-size: 17px 17px;
  }
}
a.c-btn._icon_arw_prev_blue::before,
button.c-btn._icon_arw_prev_blue::before,
span.c-btn._icon_arw_prev_blue::before {
  background-image: url(/assets/img/common/icon_arw_blue.svg);
}
a.c-btn._icon_arw_prev_blue::after,
button.c-btn._icon_arw_prev_blue::after,
span.c-btn._icon_arw_prev_blue::after {
  opacity: 0;
  background-image: url(/assets/img/common/icon_arw_white.svg);
}
.no-touchevents a.c-btn._icon_arw_prev_blue:hover,
a.c-btn._icon_arw_prev_blue.is-touched,
.no-touchevents
    button.c-btn._icon_arw_prev_blue:hover,
button.c-btn._icon_arw_prev_blue.is-touched,
.no-touchevents
    span.c-btn._icon_arw_prev_blue:hover,
span.c-btn._icon_arw_prev_blue.is-touched {
  background-color: #039;
  color: #fff;
}
.no-touchevents a.c-btn._icon_arw_prev_blue:hover::after,
a.c-btn._icon_arw_prev_blue.is-touched::after,
.no-touchevents
      button.c-btn._icon_arw_prev_blue:hover::after,
button.c-btn._icon_arw_prev_blue.is-touched::after,
.no-touchevents
      span.c-btn._icon_arw_prev_blue:hover::after,
span.c-btn._icon_arw_prev_blue.is-touched::after {
  opacity: 1;
}
a.c-btn._icon_win_white::before,
button.c-btn._icon_win_white::before,
span.c-btn._icon_win_white::before {
  background-image: url(/assets/img/common/icon_win_white_circle.svg);
}
a.c-btn._icon_win_white::after,
button.c-btn._icon_win_white::after,
span.c-btn._icon_win_white::after {
  opacity: 0;
  background-image: url(/assets/img/common/icon_win_blue_circle.svg);
}
.no-touchevents a.c-btn._icon_win_white:hover::after,
a.c-btn._icon_win_white.is-touched::after,
.no-touchevents
  button.c-btn._icon_win_white:hover::after,
button.c-btn._icon_win_white.is-touched::after,
.no-touchevents
  span.c-btn._icon_win_white:hover::after,
span.c-btn._icon_win_white.is-touched::after {
  opacity: 1;
}
a.c-btn._icon_win_blue,
button.c-btn._icon_win_blue,
span.c-btn._icon_win_blue {
  border: 2px solid #039; 
  background-color: #fff;
  color: #039;
}
a.c-btn._icon_win_blue::before,
button.c-btn._icon_win_blue::before,
span.c-btn._icon_win_blue::before {
  background-image: url(/assets/img/common/icon_win_white_circle.svg);
}
a.c-btn._icon_win_blue::after,
button.c-btn._icon_win_blue::after,
span.c-btn._icon_win_blue::after {
  background-image: url(/assets/img/common/icon_win_blue_circle.svg);
}
.no-touchevents a.c-btn._icon_win_blue:hover,
a.c-btn._icon_win_blue.is-touched,
.no-touchevents
    button.c-btn._icon_win_blue:hover,
button.c-btn._icon_win_blue.is-touched,
.no-touchevents
    span.c-btn._icon_win_blue:hover,
span.c-btn._icon_win_blue.is-touched {
  background-color: #039;
  color: #fff;
}
.no-touchevents a.c-btn._icon_win_blue:hover::after,
a.c-btn._icon_win_blue.is-touched::after,
.no-touchevents
      button.c-btn._icon_win_blue:hover::after,
button.c-btn._icon_win_blue.is-touched::after,
.no-touchevents
      span.c-btn._icon_win_blue:hover::after,
span.c-btn._icon_win_blue.is-touched::after {
  opacity: 0;
}
a.c-btn._icon_win_lb,
button.c-btn._icon_win_lb,
span.c-btn._icon_win_lb {
  background-color: #fff;
  color: #039;
}
a.c-btn._icon_win_lb::before,
button.c-btn._icon_win_lb::before,
span.c-btn._icon_win_lb::before {
  background-image: url(/assets/img/common/btn_win_lb.png);
}
a.c-btn._icon_download_lb,
button.c-btn._icon_download_lb,
span.c-btn._icon_download_lb {
  background-color: #fff;
  color: #039;
}
a.c-btn._icon_download_lb::before,
button.c-btn._icon_download_lb::before,
span.c-btn._icon_download_lb::before {
  background-image: url(/assets/img/common/btn_dowmload_lb.png);
}
a.c-btn._icon_download_white::before,
button.c-btn._icon_download_white::before,
span.c-btn._icon_download_white::before {
  background-image: url(/assets/img/common/icon_download_white_circle.svg);
}
a.c-btn._icon_download_white::after,
button.c-btn._icon_download_white::after,
span.c-btn._icon_download_white::after {
  opacity: 0;
  background-image: url(/assets/img/common/icon_download_blue_circle.svg);
}
.no-touchevents a.c-btn._icon_download_white:hover::after,
a.c-btn._icon_download_white.is-touched::after,
.no-touchevents
  button.c-btn._icon_download_white:hover::after,
button.c-btn._icon_download_white.is-touched::after,
.no-touchevents
  span.c-btn._icon_download_white:hover::after,
span.c-btn._icon_download_white.is-touched::after {
  opacity: 1;
}
a.c-btn._icon_download_blue,
button.c-btn._icon_download_blue,
span.c-btn._icon_download_blue {
  border: 2px solid #039; 
  background-color: #fff;
  color: #039;
}
a.c-btn._icon_download_blue::before,
button.c-btn._icon_download_blue::before,
span.c-btn._icon_download_blue::before {
  background-image: url(/assets/img/common/icon_download_white_circle.svg);
}
a.c-btn._icon_download_blue::after,
button.c-btn._icon_download_blue::after,
span.c-btn._icon_download_blue::after {
  background-image: url(/assets/img/common/icon_download_blue_circle.svg);
}
.no-touchevents a.c-btn._icon_download_blue:hover,
a.c-btn._icon_download_blue.is-touched,
.no-touchevents
    button.c-btn._icon_download_blue:hover,
button.c-btn._icon_download_blue.is-touched,
.no-touchevents
    span.c-btn._icon_download_blue:hover,
span.c-btn._icon_download_blue.is-touched {
  background-color: #039;
  color: #fff;
}
.no-touchevents a.c-btn._icon_download_blue:hover::after,
a.c-btn._icon_download_blue.is-touched::after,
.no-touchevents
      button.c-btn._icon_download_blue:hover::after,
button.c-btn._icon_download_blue.is-touched::after,
.no-touchevents
      span.c-btn._icon_download_blue:hover::after,
span.c-btn._icon_download_blue.is-touched::after {
  opacity: 0;
}
a.c-btn._icon_copy_lb,
button.c-btn._icon_copy_lb,
span.c-btn._icon_copy_lb {
  background-color: #fff;
  color: #039;
}
a.c-btn._icon_copy_lb::before,
button.c-btn._icon_copy_lb::before,
span.c-btn._icon_copy_lb::before {
  background-image: url(/assets/img/common/btn_copy_lb.png);
}
a.c-btn._icon_copy_blue,
button.c-btn._icon_copy_blue,
span.c-btn._icon_copy_blue {
  background-color: #fff;
  color: #039;
}
a.c-btn._icon_copy_blue::after,
button.c-btn._icon_copy_blue::after,
span.c-btn._icon_copy_blue::after {
  background-image: url(/assets/img/common/btn_copy_blue.png);
}
a.c-btn._sm,
button.c-btn._sm,
span.c-btn._sm {
  border-radius: 4.13333vw; 
  height: 8.26667vw;
  font-size: 3.2vw;
}
@media (min-width: 768px) {
  a.c-btn._sm,
  button.c-btn._sm,
  span.c-btn._sm {
    border-radius: 20px; 
    height: 40px;
    font-size: 1.5rem;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._sm._icon_arw_white,
  button.c-btn._sm._icon_arw_white,
  span.c-btn._sm._icon_arw_white {
    padding-right: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_arw_white,
  button.c-btn._sm._icon_arw_white,
  span.c-btn._sm._icon_arw_white {
    padding-right: 16px;
  }
}
a.c-btn._sm._icon_arw_white::before,
a.c-btn._sm._icon_arw_white::after,
button.c-btn._sm._icon_arw_white::before,
button.c-btn._sm._icon_arw_white::after,
span.c-btn._sm._icon_arw_white::before,
span.c-btn._sm._icon_arw_white::after {
  right: 2.13333vw;
  width: 4vw;
  height: 4vw;
  background-size: 4vw 4vw;
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_arw_white::before,
  a.c-btn._sm._icon_arw_white::after,
  button.c-btn._sm._icon_arw_white::before,
  button.c-btn._sm._icon_arw_white::after,
  span.c-btn._sm._icon_arw_white::before,
  span.c-btn._sm._icon_arw_white::after {
    right: 10px;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._sm._icon_arw_blue,
  button.c-btn._sm._icon_arw_blue,
  span.c-btn._sm._icon_arw_blue {
    padding-right: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_arw_blue,
  button.c-btn._sm._icon_arw_blue,
  span.c-btn._sm._icon_arw_blue {
    padding-right: 16px;
  }
}
a.c-btn._sm._icon_arw_blue::before,
a.c-btn._sm._icon_arw_blue::after,
button.c-btn._sm._icon_arw_blue::before,
button.c-btn._sm._icon_arw_blue::after,
span.c-btn._sm._icon_arw_blue::before,
span.c-btn._sm._icon_arw_blue::after {
  right: 2.13333vw;
  width: 4vw;
  height: 4vw;
  background-size: 4vw 4vw;
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_arw_blue::before,
  a.c-btn._sm._icon_arw_blue::after,
  button.c-btn._sm._icon_arw_blue::before,
  button.c-btn._sm._icon_arw_blue::after,
  span.c-btn._sm._icon_arw_blue::before,
  span.c-btn._sm._icon_arw_blue::after {
    right: 10px;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._sm._icon_arw_prev,
  button.c-btn._sm._icon_arw_prev,
  span.c-btn._sm._icon_arw_prev {
    padding-left: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_arw_prev,
  button.c-btn._sm._icon_arw_prev,
  span.c-btn._sm._icon_arw_prev {
    padding-left: 16px;
  }
}
a.c-btn._sm._icon_arw_prev::before,
a.c-btn._sm._icon_arw_prev::after,
button.c-btn._sm._icon_arw_prev::before,
button.c-btn._sm._icon_arw_prev::after,
span.c-btn._sm._icon_arw_prev::before,
span.c-btn._sm._icon_arw_prev::after {
  left: 2.13333vw;
  width: 4vw;
  height: 4vw;
  background-size: 4vw 4vw;
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_arw_prev::before,
  a.c-btn._sm._icon_arw_prev::after,
  button.c-btn._sm._icon_arw_prev::before,
  button.c-btn._sm._icon_arw_prev::after,
  span.c-btn._sm._icon_arw_prev::before,
  span.c-btn._sm._icon_arw_prev::after {
    left: 10px;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._sm._icon_arw_prev_blue,
  button.c-btn._sm._icon_arw_prev_blue,
  span.c-btn._sm._icon_arw_prev_blue {
    padding-left: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_arw_prev_blue,
  button.c-btn._sm._icon_arw_prev_blue,
  span.c-btn._sm._icon_arw_prev_blue {
    padding-left: 16px;
  }
}
a.c-btn._sm._icon_arw_prev_blue::before,
a.c-btn._sm._icon_arw_prev_blue::after,
button.c-btn._sm._icon_arw_prev_blue::before,
button.c-btn._sm._icon_arw_prev_blue::after,
span.c-btn._sm._icon_arw_prev_blue::before,
span.c-btn._sm._icon_arw_prev_blue::after {
  left: 2.13333vw;
  width: 4vw;
  height: 4vw;
  background-size: 4vw 4vw;
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_arw_prev_blue::before,
  a.c-btn._sm._icon_arw_prev_blue::after,
  button.c-btn._sm._icon_arw_prev_blue::before,
  button.c-btn._sm._icon_arw_prev_blue::after,
  span.c-btn._sm._icon_arw_prev_blue::before,
  span.c-btn._sm._icon_arw_prev_blue::after {
    left: 10px;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._sm._icon_arw_lb,
  button.c-btn._sm._icon_arw_lb,
  span.c-btn._sm._icon_arw_lb {
    padding-right: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_arw_lb,
  button.c-btn._sm._icon_arw_lb,
  span.c-btn._sm._icon_arw_lb {
    padding-right: 16px;
  }
}
a.c-btn._sm._icon_arw_lb::before,
a.c-btn._sm._icon_arw_lb::after,
button.c-btn._sm._icon_arw_lb::before,
button.c-btn._sm._icon_arw_lb::after,
span.c-btn._sm._icon_arw_lb::before,
span.c-btn._sm._icon_arw_lb::after {
  right: 2.13333vw;
  width: 4vw;
  height: 4vw;
  background-size: 4vw 4vw;
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_arw_lb::before,
  a.c-btn._sm._icon_arw_lb::after,
  button.c-btn._sm._icon_arw_lb::before,
  button.c-btn._sm._icon_arw_lb::after,
  span.c-btn._sm._icon_arw_lb::before,
  span.c-btn._sm._icon_arw_lb::after {
    right: 8px;
    width: 26px;
    height: 26px;
    background-size: 26px 26px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._sm._icon_download_white,
  button.c-btn._sm._icon_download_white,
  span.c-btn._sm._icon_download_white {
    padding-right: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_download_white,
  button.c-btn._sm._icon_download_white,
  span.c-btn._sm._icon_download_white {
    padding-right: 16px;
  }
}
a.c-btn._sm._icon_download_white::before,
a.c-btn._sm._icon_download_white::after,
button.c-btn._sm._icon_download_white::before,
button.c-btn._sm._icon_download_white::after,
span.c-btn._sm._icon_download_white::before,
span.c-btn._sm._icon_download_white::after {
  right: 1.6vw;
  width: 5.33333vw;
  height: 5.33333vw;
  background-size: 5.33333vw 5.33333vw;
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_download_white::before,
  a.c-btn._sm._icon_download_white::after,
  button.c-btn._sm._icon_download_white::before,
  button.c-btn._sm._icon_download_white::after,
  span.c-btn._sm._icon_download_white::before,
  span.c-btn._sm._icon_download_white::after {
    right: 8px;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._sm._icon_download_blue,
  button.c-btn._sm._icon_download_blue,
  span.c-btn._sm._icon_download_blue {
    padding-right: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_download_blue,
  button.c-btn._sm._icon_download_blue,
  span.c-btn._sm._icon_download_blue {
    padding-right: 16px;
  }
}
a.c-btn._sm._icon_download_blue::before,
a.c-btn._sm._icon_download_blue::after,
button.c-btn._sm._icon_download_blue::before,
button.c-btn._sm._icon_download_blue::after,
span.c-btn._sm._icon_download_blue::before,
span.c-btn._sm._icon_download_blue::after {
  right: 1.6vw;
  width: 5.33333vw;
  height: 5.33333vw;
  background-size: 5.33333vw 5.33333vw;
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_download_blue::before,
  a.c-btn._sm._icon_download_blue::after,
  button.c-btn._sm._icon_download_blue::before,
  button.c-btn._sm._icon_download_blue::after,
  span.c-btn._sm._icon_download_blue::before,
  span.c-btn._sm._icon_download_blue::after {
    right: 8px;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
}
a.c-btn._sm._icon_copy_blue,
button.c-btn._sm._icon_copy_blue,
span.c-btn._sm._icon_copy_blue {
  border: 2px solid #039;
}
@media (max-width: 767.98px) {
  a.c-btn._sm._icon_copy_blue,
  button.c-btn._sm._icon_copy_blue,
  span.c-btn._sm._icon_copy_blue {
    padding-right: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_copy_blue,
  button.c-btn._sm._icon_copy_blue,
  span.c-btn._sm._icon_copy_blue {
    padding-right: 16px;
  }
}
a.c-btn._sm._icon_copy_blue::before,
a.c-btn._sm._icon_copy_blue::after,
button.c-btn._sm._icon_copy_blue::before,
button.c-btn._sm._icon_copy_blue::after,
span.c-btn._sm._icon_copy_blue::before,
span.c-btn._sm._icon_copy_blue::after {
  right: 1.6vw;
  width: 5.33333vw;
  height: 5.33333vw;
  background-size: 5.33333vw 5.33333vw;
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_copy_blue::before,
  a.c-btn._sm._icon_copy_blue::after,
  button.c-btn._sm._icon_copy_blue::before,
  button.c-btn._sm._icon_copy_blue::after,
  span.c-btn._sm._icon_copy_blue::before,
  span.c-btn._sm._icon_copy_blue::after {
    right: 8px;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._sm._icon_win_white,
  button.c-btn._sm._icon_win_white,
  span.c-btn._sm._icon_win_white {
    padding-right: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_win_white,
  button.c-btn._sm._icon_win_white,
  span.c-btn._sm._icon_win_white {
    padding-right: 16px;
  }
}
a.c-btn._sm._icon_win_white::before,
a.c-btn._sm._icon_win_white::after,
button.c-btn._sm._icon_win_white::before,
button.c-btn._sm._icon_win_white::after,
span.c-btn._sm._icon_win_white::before,
span.c-btn._sm._icon_win_white::after {
  right: 1.6vw;
  width: 5.33333vw;
  height: 5.33333vw;
  background-size: 5.33333vw 5.33333vw;
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_win_white::before,
  a.c-btn._sm._icon_win_white::after,
  button.c-btn._sm._icon_win_white::before,
  button.c-btn._sm._icon_win_white::after,
  span.c-btn._sm._icon_win_white::before,
  span.c-btn._sm._icon_win_white::after {
    right: 8px;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._sm._icon_win_blue,
  button.c-btn._sm._icon_win_blue,
  span.c-btn._sm._icon_win_blue {
    padding-right: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_win_blue,
  button.c-btn._sm._icon_win_blue,
  span.c-btn._sm._icon_win_blue {
    padding-right: 16px;
  }
}
a.c-btn._sm._icon_win_blue::before,
a.c-btn._sm._icon_win_blue::after,
button.c-btn._sm._icon_win_blue::before,
button.c-btn._sm._icon_win_blue::after,
span.c-btn._sm._icon_win_blue::before,
span.c-btn._sm._icon_win_blue::after {
  right: 1.6vw;
  width: 5.33333vw;
  height: 5.33333vw;
  background-size: 5.33333vw 5.33333vw;
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_win_blue::before,
  a.c-btn._sm._icon_win_blue::after,
  button.c-btn._sm._icon_win_blue::before,
  button.c-btn._sm._icon_win_blue::after,
  span.c-btn._sm._icon_win_blue::before,
  span.c-btn._sm._icon_win_blue::after {
    right: 8px;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._sm._icon_win_lb,
  button.c-btn._sm._icon_win_lb,
  span.c-btn._sm._icon_win_lb {
    padding-right: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_win_lb,
  button.c-btn._sm._icon_win_lb,
  span.c-btn._sm._icon_win_lb {
    padding-right: 16px;
  }
}
a.c-btn._sm._icon_win_lb::before,
a.c-btn._sm._icon_win_lb::after,
button.c-btn._sm._icon_win_lb::before,
button.c-btn._sm._icon_win_lb::after,
span.c-btn._sm._icon_win_lb::before,
span.c-btn._sm._icon_win_lb::after {
  right: 1.6vw;
  width: 5.33333vw;
  height: 5.33333vw;
  background-size: 5.33333vw 5.33333vw;
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_win_lb::before,
  a.c-btn._sm._icon_win_lb::after,
  button.c-btn._sm._icon_win_lb::before,
  button.c-btn._sm._icon_win_lb::after,
  span.c-btn._sm._icon_win_lb::before,
  span.c-btn._sm._icon_win_lb::after {
    right: 8px;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._sm._icon_download_lb,
  button.c-btn._sm._icon_download_lb,
  span.c-btn._sm._icon_download_lb {
    padding-right: 2.13333vw;
    font-size: 2.66667vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_download_lb,
  button.c-btn._sm._icon_download_lb,
  span.c-btn._sm._icon_download_lb {
    padding-right: 16px;
  }
}
a.c-btn._sm._icon_download_lb::before,
a.c-btn._sm._icon_download_lb::after,
button.c-btn._sm._icon_download_lb::before,
button.c-btn._sm._icon_download_lb::after,
span.c-btn._sm._icon_download_lb::before,
span.c-btn._sm._icon_download_lb::after {
  right: 1.6vw;
  width: 5.33333vw;
  height: 5.33333vw;
  background-size: 5.33333vw 5.33333vw;
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_download_lb::before,
  a.c-btn._sm._icon_download_lb::after,
  button.c-btn._sm._icon_download_lb::before,
  button.c-btn._sm._icon_download_lb::after,
  span.c-btn._sm._icon_download_lb::before,
  span.c-btn._sm._icon_download_lb::after {
    right: 8px;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._sm._icon_copy_lb,
  button.c-btn._sm._icon_copy_lb,
  span.c-btn._sm._icon_copy_lb {
    padding-right: 2.13333vw;
    font-size: 2.66667vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_copy_lb,
  button.c-btn._sm._icon_copy_lb,
  span.c-btn._sm._icon_copy_lb {
    padding-right: 16px;
  }
}
a.c-btn._sm._icon_copy_lb::before,
a.c-btn._sm._icon_copy_lb::after,
button.c-btn._sm._icon_copy_lb::before,
button.c-btn._sm._icon_copy_lb::after,
span.c-btn._sm._icon_copy_lb::before,
span.c-btn._sm._icon_copy_lb::after {
  right: 1.6vw;
  width: 5.33333vw;
  height: 5.33333vw;
  background-size: 5.33333vw 5.33333vw;
}
@media (min-width: 768px) {
  a.c-btn._sm._icon_copy_lb::before,
  a.c-btn._sm._icon_copy_lb::after,
  button.c-btn._sm._icon_copy_lb::before,
  button.c-btn._sm._icon_copy_lb::after,
  span.c-btn._sm._icon_copy_lb::before,
  span.c-btn._sm._icon_copy_lb::after {
    right: 8px;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
}
a.c-btn._md,
button.c-btn._md,
span.c-btn._md {
  border-radius: 4.93333vw; 
  height: 9.86667vw;
  font-size: 3.46667vw;
}
@media (min-width: 768px) {
  a.c-btn._md,
  button.c-btn._md,
  span.c-btn._md {
    border-radius: 25px; 
    height: 50px;
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._md._icon_arw_white,
  button.c-btn._md._icon_arw_white,
  span.c-btn._md._icon_arw_white {
    padding-right: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._md._icon_arw_white,
  button.c-btn._md._icon_arw_white,
  span.c-btn._md._icon_arw_white {
    padding-right: 16px;
  }
}
a.c-btn._md._icon_arw_white::before,
a.c-btn._md._icon_arw_white::after,
button.c-btn._md._icon_arw_white::before,
button.c-btn._md._icon_arw_white::after,
span.c-btn._md._icon_arw_white::before,
span.c-btn._md._icon_arw_white::after {
  right: 3.2vw;
  width: 4vw;
  height: 4vw;
  background-size: 4vw 4vw;
}
@media (min-width: 768px) {
  a.c-btn._md._icon_arw_white::before,
  a.c-btn._md._icon_arw_white::after,
  button.c-btn._md._icon_arw_white::before,
  button.c-btn._md._icon_arw_white::after,
  span.c-btn._md._icon_arw_white::before,
  span.c-btn._md._icon_arw_white::after {
    right: 14px;
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._md._icon_arw_blue,
  button.c-btn._md._icon_arw_blue,
  span.c-btn._md._icon_arw_blue {
    padding-right: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._md._icon_arw_blue,
  button.c-btn._md._icon_arw_blue,
  span.c-btn._md._icon_arw_blue {
    padding-right: 16px;
  }
}
a.c-btn._md._icon_arw_blue::before,
a.c-btn._md._icon_arw_blue::after,
button.c-btn._md._icon_arw_blue::before,
button.c-btn._md._icon_arw_blue::after,
span.c-btn._md._icon_arw_blue::before,
span.c-btn._md._icon_arw_blue::after {
  right: 3.2vw;
  width: 4vw;
  height: 4vw;
  background-size: 4vw 4vw;
}
@media (min-width: 768px) {
  a.c-btn._md._icon_arw_blue::before,
  a.c-btn._md._icon_arw_blue::after,
  button.c-btn._md._icon_arw_blue::before,
  button.c-btn._md._icon_arw_blue::after,
  span.c-btn._md._icon_arw_blue::before,
  span.c-btn._md._icon_arw_blue::after {
    right: 14px;
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._md._icon_arw_prev,
  button.c-btn._md._icon_arw_prev,
  span.c-btn._md._icon_arw_prev {
    padding-left: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._md._icon_arw_prev,
  button.c-btn._md._icon_arw_prev,
  span.c-btn._md._icon_arw_prev {
    padding-left: 16px;
  }
}
a.c-btn._md._icon_arw_prev::before,
a.c-btn._md._icon_arw_prev::after,
button.c-btn._md._icon_arw_prev::before,
button.c-btn._md._icon_arw_prev::after,
span.c-btn._md._icon_arw_prev::before,
span.c-btn._md._icon_arw_prev::after {
  left: 3.2vw;
  width: 4vw;
  height: 4vw;
  background-size: 4vw 4vw;
}
@media (min-width: 768px) {
  a.c-btn._md._icon_arw_prev::before,
  a.c-btn._md._icon_arw_prev::after,
  button.c-btn._md._icon_arw_prev::before,
  button.c-btn._md._icon_arw_prev::after,
  span.c-btn._md._icon_arw_prev::before,
  span.c-btn._md._icon_arw_prev::after {
    left: 14px;
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._md._icon_arw_prev_blue,
  button.c-btn._md._icon_arw_prev_blue,
  span.c-btn._md._icon_arw_prev_blue {
    padding-left: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._md._icon_arw_prev_blue,
  button.c-btn._md._icon_arw_prev_blue,
  span.c-btn._md._icon_arw_prev_blue {
    padding-left: 16px;
  }
}
a.c-btn._md._icon_arw_prev_blue::before,
a.c-btn._md._icon_arw_prev_blue::after,
button.c-btn._md._icon_arw_prev_blue::before,
button.c-btn._md._icon_arw_prev_blue::after,
span.c-btn._md._icon_arw_prev_blue::before,
span.c-btn._md._icon_arw_prev_blue::after {
  left: 3.2vw;
  width: 4vw;
  height: 4vw;
  background-size: 4vw 4vw;
}
@media (min-width: 768px) {
  a.c-btn._md._icon_arw_prev_blue::before,
  a.c-btn._md._icon_arw_prev_blue::after,
  button.c-btn._md._icon_arw_prev_blue::before,
  button.c-btn._md._icon_arw_prev_blue::after,
  span.c-btn._md._icon_arw_prev_blue::before,
  span.c-btn._md._icon_arw_prev_blue::after {
    left: 14px;
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._md._icon_win_white,
  button.c-btn._md._icon_win_white,
  span.c-btn._md._icon_win_white {
    padding-right: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._md._icon_win_white,
  button.c-btn._md._icon_win_white,
  span.c-btn._md._icon_win_white {
    padding-right: 16px;
  }
}
a.c-btn._md._icon_win_white::before,
a.c-btn._md._icon_win_white::after,
button.c-btn._md._icon_win_white::before,
button.c-btn._md._icon_win_white::after,
span.c-btn._md._icon_win_white::before,
span.c-btn._md._icon_win_white::after {
  right: 3.2vw;
  width: 4vw;
  height: 4vw;
  background-size: 4vw 4vw;
}
@media (min-width: 768px) {
  a.c-btn._md._icon_win_white::before,
  a.c-btn._md._icon_win_white::after,
  button.c-btn._md._icon_win_white::before,
  button.c-btn._md._icon_win_white::after,
  span.c-btn._md._icon_win_white::before,
  span.c-btn._md._icon_win_white::after {
    right: 14px;
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._md._icon_win_blue,
  button.c-btn._md._icon_win_blue,
  span.c-btn._md._icon_win_blue {
    padding-right: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._md._icon_win_blue,
  button.c-btn._md._icon_win_blue,
  span.c-btn._md._icon_win_blue {
    padding-right: 16px;
  }
}
a.c-btn._md._icon_win_blue::before,
a.c-btn._md._icon_win_blue::after,
button.c-btn._md._icon_win_blue::before,
button.c-btn._md._icon_win_blue::after,
span.c-btn._md._icon_win_blue::before,
span.c-btn._md._icon_win_blue::after {
  right: 3.2vw;
  width: 4vw;
  height: 4vw;
  background-size: 4vw 4vw;
}
@media (min-width: 768px) {
  a.c-btn._md._icon_win_blue::before,
  a.c-btn._md._icon_win_blue::after,
  button.c-btn._md._icon_win_blue::before,
  button.c-btn._md._icon_win_blue::after,
  span.c-btn._md._icon_win_blue::before,
  span.c-btn._md._icon_win_blue::after {
    right: 14px;
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
  }
}
a.c-btn._lg,
button.c-btn._lg,
span.c-btn._lg {
  border-radius: 5.86667vw; 
  height: 11.73333vw;
  font-size: 3.73333vw;
}
@media (min-width: 768px) {
  a.c-btn._lg,
  button.c-btn._lg,
  span.c-btn._lg {
    border-radius: 30px; 
    height: 60px;
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._lg._icon_arw_white,
  button.c-btn._lg._icon_arw_white,
  span.c-btn._lg._icon_arw_white {
    padding-right: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._lg._icon_arw_white,
  button.c-btn._lg._icon_arw_white,
  span.c-btn._lg._icon_arw_white {
    padding-right: 16px;
  }
}
a.c-btn._lg._icon_arw_white::before,
a.c-btn._lg._icon_arw_white::after,
button.c-btn._lg._icon_arw_white::before,
button.c-btn._lg._icon_arw_white::after,
span.c-btn._lg._icon_arw_white::before,
span.c-btn._lg._icon_arw_white::after {
  right: 3.46667vw;
  width: 4.8vw;
  height: 4.8vw;
  background-size: 4.8vw 4.8vw;
}
@media (min-width: 768px) {
  a.c-btn._lg._icon_arw_white::before,
  a.c-btn._lg._icon_arw_white::after,
  button.c-btn._lg._icon_arw_white::before,
  button.c-btn._lg._icon_arw_white::after,
  span.c-btn._lg._icon_arw_white::before,
  span.c-btn._lg._icon_arw_white::after {
    right: 17px;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._lg._icon_arw_blue,
  button.c-btn._lg._icon_arw_blue,
  span.c-btn._lg._icon_arw_blue {
    padding-right: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._lg._icon_arw_blue,
  button.c-btn._lg._icon_arw_blue,
  span.c-btn._lg._icon_arw_blue {
    padding-right: 16px;
  }
}
a.c-btn._lg._icon_arw_blue::before,
a.c-btn._lg._icon_arw_blue::after,
button.c-btn._lg._icon_arw_blue::before,
button.c-btn._lg._icon_arw_blue::after,
span.c-btn._lg._icon_arw_blue::before,
span.c-btn._lg._icon_arw_blue::after {
  right: 3.46667vw;
  width: 4.8vw;
  height: 4.8vw;
  background-size: 4.8vw 4.8vw;
}
@media (min-width: 768px) {
  a.c-btn._lg._icon_arw_blue::before,
  a.c-btn._lg._icon_arw_blue::after,
  button.c-btn._lg._icon_arw_blue::before,
  button.c-btn._lg._icon_arw_blue::after,
  span.c-btn._lg._icon_arw_blue::before,
  span.c-btn._lg._icon_arw_blue::after {
    right: 17px;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._lg._icon_arw_prev,
  button.c-btn._lg._icon_arw_prev,
  span.c-btn._lg._icon_arw_prev {
    padding-left: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._lg._icon_arw_prev,
  button.c-btn._lg._icon_arw_prev,
  span.c-btn._lg._icon_arw_prev {
    padding-left: 16px;
  }
}
a.c-btn._lg._icon_arw_prev::before,
a.c-btn._lg._icon_arw_prev::after,
button.c-btn._lg._icon_arw_prev::before,
button.c-btn._lg._icon_arw_prev::after,
span.c-btn._lg._icon_arw_prev::before,
span.c-btn._lg._icon_arw_prev::after {
  left: 2.66667vw;
  width: 4.8vw;
  height: 4.8vw;
  background-size: 4.8vw 4.8vw;
}
@media (min-width: 768px) {
  a.c-btn._lg._icon_arw_prev::before,
  a.c-btn._lg._icon_arw_prev::after,
  button.c-btn._lg._icon_arw_prev::before,
  button.c-btn._lg._icon_arw_prev::after,
  span.c-btn._lg._icon_arw_prev::before,
  span.c-btn._lg._icon_arw_prev::after {
    left: 17px;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._lg._icon_arw_prev_blue,
  button.c-btn._lg._icon_arw_prev_blue,
  span.c-btn._lg._icon_arw_prev_blue {
    padding-left: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._lg._icon_arw_prev_blue,
  button.c-btn._lg._icon_arw_prev_blue,
  span.c-btn._lg._icon_arw_prev_blue {
    padding-left: 16px;
  }
}
a.c-btn._lg._icon_arw_prev_blue::before,
a.c-btn._lg._icon_arw_prev_blue::after,
button.c-btn._lg._icon_arw_prev_blue::before,
button.c-btn._lg._icon_arw_prev_blue::after,
span.c-btn._lg._icon_arw_prev_blue::before,
span.c-btn._lg._icon_arw_prev_blue::after {
  left: 2.66667vw;
  width: 4.8vw;
  height: 4.8vw;
  background-size: 4.8vw 4.8vw;
}
@media (min-width: 768px) {
  a.c-btn._lg._icon_arw_prev_blue::before,
  a.c-btn._lg._icon_arw_prev_blue::after,
  button.c-btn._lg._icon_arw_prev_blue::before,
  button.c-btn._lg._icon_arw_prev_blue::after,
  span.c-btn._lg._icon_arw_prev_blue::before,
  span.c-btn._lg._icon_arw_prev_blue::after {
    left: 17px;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._lg._icon_win_white,
  button.c-btn._lg._icon_win_white,
  span.c-btn._lg._icon_win_white {
    padding-right: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._lg._icon_win_white,
  button.c-btn._lg._icon_win_white,
  span.c-btn._lg._icon_win_white {
    padding-right: 16px;
  }
}
a.c-btn._lg._icon_win_white::before,
a.c-btn._lg._icon_win_white::after,
button.c-btn._lg._icon_win_white::before,
button.c-btn._lg._icon_win_white::after,
span.c-btn._lg._icon_win_white::before,
span.c-btn._lg._icon_win_white::after {
  right: 3.46667vw;
  width: 5.33333vw;
  height: 5.33333vw;
  background-size: 5.33333vw 5.33333vw;
}
@media (min-width: 768px) {
  a.c-btn._lg._icon_win_white::before,
  a.c-btn._lg._icon_win_white::after,
  button.c-btn._lg._icon_win_white::before,
  button.c-btn._lg._icon_win_white::after,
  span.c-btn._lg._icon_win_white::before,
  span.c-btn._lg._icon_win_white::after {
    right: 17px;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._lg._icon_win_blue,
  button.c-btn._lg._icon_win_blue,
  span.c-btn._lg._icon_win_blue {
    padding-right: 2.13333vw;
  }
}
@media (min-width: 768px) {
  a.c-btn._lg._icon_win_blue,
  button.c-btn._lg._icon_win_blue,
  span.c-btn._lg._icon_win_blue {
    padding-right: 16px;
  }
}
a.c-btn._lg._icon_win_blue::before,
a.c-btn._lg._icon_win_blue::after,
button.c-btn._lg._icon_win_blue::before,
button.c-btn._lg._icon_win_blue::after,
span.c-btn._lg._icon_win_blue::before,
span.c-btn._lg._icon_win_blue::after {
  right: 3.46667vw;
  width: 5.33333vw;
  height: 5.33333vw;
  background-size: 5.33333vw 5.33333vw;
}
@media (min-width: 768px) {
  a.c-btn._lg._icon_win_blue::before,
  a.c-btn._lg._icon_win_blue::after,
  button.c-btn._lg._icon_win_blue::before,
  button.c-btn._lg._icon_win_blue::after,
  span.c-btn._lg._icon_win_blue::before,
  span.c-btn._lg._icon_win_blue::after {
    right: 17px;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
}
@media (max-width: 767.98px) {
  a.c-btn._2lines,
  button.c-btn._2lines,
  span.c-btn._2lines {
    border-radius: 6.66667vw;
    height: 13.33333vw;
    line-height: 1.32;
  }
}
a.c-btn._noicon,
button.c-btn._noicon,
span.c-btn._noicon {
  padding: 0 !important;
}

/* --------------------------------
   p-cta
-------------------------------- */
.p-cta {
  overflow: hidden;
  position: relative;
  padding: 17.33333vw 0 18.66667vw;
}
@media (min-width: 768px) {
  .p-cta {
    padding: 80px 0 84px;
  }
}
.p-cta::before,
.p-cta::after {
  content: "";
  position: absolute;
  background-image: url(/assets/img/common/mv_logo.svg);
}
.p-cta::before {
  opacity: 0.1; 
  top: -58.66667vw;
  left: -65.06667vw;
  width: 83.73333vw;
  height: 83.73333vw;
  background-size: 83.73333vw 83.73333vw;
}
@media (min-width: 768px) {
  .p-cta::before {
    top: -296px;
    left: -440px;
    width: 600px;
    height: 600px;
    background-size: 600px 600px;
  }
}
.p-cta::after {
  opacity: 0.13; 
  right: -46.13333vw;
  bottom: -44vw;
  width: 110.4vw;
  height: 110.4vw;
  background-size: 110.4vw 110.4vw;
}
@media (min-width: 768px) {
  .p-cta::after {
    opacity: 0.18; 
    right: -220px;
    bottom: -202px;
    width: 590px;
    height: 590px;
    background-size: 590px 590px;
  }
}

.p-cta_h {
  position: relative;
  margin: 0;
  padding: 0;
}
.p-cta_h::before {
  content: normal;
}
.p-cta_h .heading_txt {
  display: inline-block;
  margin-top: 0;
}
@media (min-width: 768px) {
  .p-cta_h .heading_txt {
    font-size: 4rem;
  }
}
.p-cta_h .icon_heading {
  display: inline-block;
  position: relative;
  padding: 0 8vw;
}
@media (min-width: 768px) {
  .p-cta_h .icon_heading {
    padding: 0 44px;
  }
}
.p-cta_h .icon_heading::before,
.p-cta_h .icon_heading::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 5.86667vw;
  height: 14.13333vw;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media (min-width: 768px) {
  .p-cta_h .icon_heading::before,
  .p-cta_h .icon_heading::after {
    width: 22px;
    height: 37px;
  }
}
.p-cta_h .icon_heading::before {
  left: 0;
  background-image: url(/assets/img/common/icon_heading_02_left.png);
  background-size: 5.86667vw 14.13333vw;
}
@media (min-width: 768px) {
  .p-cta_h .icon_heading::before {
    background-size: 22px 37px;
  }
}
.p-cta_h .icon_heading::after {
  right: 0;
  background-image: url(/assets/img/common/icon_heading_02_right.png);
  background-size: 5.86667vw 14.13333vw;
}
@media (min-width: 768px) {
  .p-cta_h .icon_heading::after {
    background-size: 22px 37px;
  }
}

.p-cta_card {
  position: relative;
  z-index: 1;
  margin: 8vw 6.66667vw 0;
}
@media (min-width: 768px) {
  .p-cta_card {
    margin: 30px 0 0;
  }
}

@media (min-width: 768px) {
  .p-cta_card_list {
    display: flex;
    margin: 0 -23px; 

    justify-content: center;
  }
}

@media (min-width: 768px) {
  .p-cta_card_item {
    margin: 0 20px; 
    width: 100%;
    max-width: 316px;
  }
}

@media (max-width: 767.98px) {
  .p-cta_card_item + .p-cta_card_item {
    margin-top: 8.53333vw;
  }
}

.p-cta_card_item > a {
  display: block;
  position: relative;
  padding: 10.66667vw 8.53333vw 18.93333vw;
  border-radius: 1.6vw;
  background-color: #fff;
  text-decoration: none;
  color: #2a3242;
}
@media (min-width: 768px) {
  .p-cta_card_item > a {
    padding: 50px 30px 70px;
    border-radius: 6px; 
    height: 100%;
  }
}
.p-cta_card_item > a::before,
.p-cta_card_item > a::after {
  content: "";
  position: absolute;
  right: 9.33333vw;
  bottom: 7.46667vw;
  width: 5.33333vw;
  height: 5.33333vw;
  transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1); 
  background-repeat: no-repeat;
  background-size: 5.33333vw 5.33333vw;
}
@media (min-width: 768px) {
  .p-cta_card_item > a::before,
  .p-cta_card_item > a::after {
    right: 30px;
    bottom: 30px;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
}
.p-cta_card_item > a.win::before {
  background-image: url(/assets/img/common/icon_win_blue_circle.svg);
}
.p-cta_card_item > a.win::after {
  opacity: 0;
  background-image: url(/assets/img/common/icon_win_white_circle.svg);
}
.no-touchevents .p-cta_card_item > a.win:hover::before,
.p-cta_card_item > a.win.is-touched::before {
  opacity: 0;
}
.no-touchevents .p-cta_card_item > a.win:hover::after,
.p-cta_card_item > a.win.is-touched::after {
  opacity: 1;
}
.p-cta_card_item > a.arw::before {
  background-image: url(/assets/img/common/icon_arw_blue.svg);
}
.p-cta_card_item > a.arw::after {
  opacity: 0;
  background-image: url(/assets/img/common/icon_arw_white.svg);
}
.no-touchevents .p-cta_card_item > a.arw:hover::before,
.p-cta_card_item > a.arw.is-touched::before {
  opacity: 0;
}
.no-touchevents .p-cta_card_item > a.arw:hover::after,
.p-cta_card_item > a.arw.is-touched::after {
  opacity: 1;
}
.p-cta_card_item > a.download::before {
  background-image: url(/assets/img/common/icon_download_blue_circle.svg);
}
.p-cta_card_item > a.download::after {
  opacity: 0;
  background-image: url(/assets/img/common/icon_download_white_circle.svg);
}
.no-touchevents .p-cta_card_item > a.download:hover::before,
.p-cta_card_item > a.download.is-touched::before {
  opacity: 0;
}
.no-touchevents .p-cta_card_item > a.download:hover::after,
.p-cta_card_item > a.download.is-touched::after {
  opacity: 1;
}

.p-cta_card_item .p-cta_card_item_inner {
  display: block;
  position: relative;
  padding: 10.66667vw 8.53333vw 9.86667vw;
  border-radius: 1.6vw;
  background-color: #fff;
  text-decoration: none;
  color: #2a3242;
}
@media (min-width: 768px) {
  .p-cta_card_item .p-cta_card_item_inner {
    padding: 50px 40px 46px;
    border-radius: 6px; 
    max-width: 316px;
    height: 100%;
  }
}

.p-cta_card_item_thumb {
  margin-bottom: 5.33333vw;
  text-align: center;
}
@media (min-width: 768px) {
  .p-cta_card_item_thumb {
    margin-bottom: 24px;
  }
}
.p-cta_card_item_thumb img {
  width: auto;
  height: 32vw;
}
@media (min-width: 768px) {
  .p-cta_card_item_thumb img {
    height: 150px;
  }
}

.p-cta_card_item_txts {
  text-align: center;
}

.p-cta_card_item_h {
  margin-bottom: 1.86667vw;
  text-align: center; 
  font-family: YakuHanJP, YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 5.33333vw;
  font-weight: bold;
  line-height: 1.45;
}
@media (min-width: 768px) {
  .p-cta_card_item_h {
    margin: 0 -1em 16px;
    font-size: 2.6rem;
    line-height: 1.38;
  }
}

.p-cta_card_item_txt {
  font-size: 3.73333vw;
  line-height: 1.64;
}
@media (min-width: 768px) {
  .p-cta_card_item_txt {
    font-size: 1.6rem;
    line-height: 1.63;
  }
}

.p-cta_card_item_links {
  display: inline-flex;
  flex-direction: column; 

  align-items: flex-start;
}

.p-cta_card_item_link a {
  padding-right: 3.2vw;
  transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1); 
  text-decoration: none;
  color: #039;
  font-family: YakuHanJP, YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 4.26667vw;
  font-weight: bold;
}
@media (min-width: 768px) {
  .p-cta_card_item_link a {
    padding-right: 18px;
    font-size: 1.8rem;
  }
}
.p-cta_card_item_link a .icon_arw {
  padding-left: 6.4vw;
}
@media (min-width: 768px) {
  .p-cta_card_item_link a .icon_arw {
    padding-left: 28px;
  }
}
.no-touchevents .p-cta_card_item_link a:hover,
.p-cta_card_item_link a.is-touched {
  opacity: 0.7;
}

/* --------------------------------
   pickup
-------------------------------- */
.pickup {
  overflow: hidden; 
  padding: 12vw 0 16vw;
}
@media (min-width: 768px) {
  .pickup {
    padding: 80px 0 90px;
  }
}
.pickup.c-gradation_wide {
  background-image: linear-gradient(-27deg, #cad8f7 30%, #ecf1f9 75%, white 100%);
}
@media (min-width: 768px) {
  .pickup.c-gradation_wide {
    background-image: linear-gradient(-36deg, #cad8f7 30%, #ecf1f9 60%, white 100%);
  }
}
.pickup.c-gradation_wide .pickup_item a {
  background-color: #fff;
  background-image: none;
}

.pickup_list {
  position: relative;
  margin-top: 8vw;
  padding: 0 5.33333vw;
}
@media (min-width: 768px) {
  .pickup_list {
    display: flex;
    margin-top: 40px;
    padding: 0; 

    justify-content: center;
  }
}

@media (min-width: 768px) {
  .pickup_item {
    max-width: 580px;

    flex-basis: 100%;
  }
}

@media (max-width: 767.98px) {
  .pickup_item + .pickup_item {
    margin-top: 9.33333vw;
  }
}

@media (min-width: 768px) {
  .pickup_item + .pickup_item {
    margin-left: 40px;
  }
}

.pickup_item a {
  display: block;
  padding: 9.6vw 6.4vw 10.4vw;
  border-radius: 1.6vw; 
  height: 100%;
  background-image: linear-gradient(-40deg, #dae4fa 10%, #eff4fb 60%, #fcfcff 110%);
  text-decoration: none;
  color: #2a3242;
}
@media (min-width: 768px) {
  .pickup_item a {
    display: flex;
    padding: 40px 43px 42px;
    border-radius: 6px; 

    align-items: center;
  }
}
.pickup_item a::before,
.pickup_item a::after {
  content: "";
  position: absolute;
  right: 7.46667vw;
  bottom: 7.46667vw;
  width: 4vw;
  height: 4vw;
  transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1); 
  background-repeat: no-repeat;
  background-size: 4vw 4vw;
}
@media (min-width: 768px) {
  .pickup_item a::before,
  .pickup_item a::after {
    right: 48px;
    bottom: 42px;
    width: 17px;
    height: 17px;
    background-size: 17px 17px;
  }
}
.pickup_item a::before {
  background-image: url(/assets/img/common/icon_arw_white.svg);
}
.pickup_item a::after {
  background-image: url(/assets/img/common/icon_arw_blue.svg);
}
.no-touchevents .pickup_item a:hover::after,
.pickup_item a.is-touched::after {
  opacity: 0;
}
.pickup_item a[target="_blank"]::before {
  background-image: url(/assets/img/common/icon_win_white_circle.svg);
}
.pickup_item a[target="_blank"]::after {
  background-image: url(/assets/img/common/icon_win_blue_circle.svg);
}

.pickup_item_img {
  overflow: hidden; 
  position: relative;
  margin: auto;
  border-radius: 50%;
  width: 38.4vw;
  height: 38.4vw;
}
@media (min-width: 768px) {
  .pickup_item_img {
    margin: 0; 
    width: 140px;
    height: 140px;

    flex-shrink: 0;
  }
}
.pickup_item_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); 

  flex-shrink: 0;
}

.pickup_item_txts {
  padding: 4.26667vw 0;
}
@media (min-width: 768px) {
  .pickup_item_txts {
    padding: 0 0 0 40px;
    max-width: 354px;
  }
}

.pickup_item_lead {
  display: inline-block;
  position: relative;
  padding: 0 2.66667vw;
  border-radius: 2.66667vw; 
  background-color: #00aea4;
  color: #fff;
  font-family: YakuHanJP, YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 3.2vw;
  font-weight: bold;
}
@media (min-width: 768px) {
  .pickup_item_lead {
    padding: 0 14px;
    border-radius: 12.5px; 
    font-size: 1.6rem;
  }
}
.pickup_item_lead::before {
  content: "";
  position: absolute;
  bottom: -1.06667vw;
  left: 1.33333vw;
  border-width: 1.6vw 1.33333vw 0 1.33333vw;
  border-style: solid;
  border-color: #00aea5 transparent transparent transparent;
  width: 0;
  height: 0;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}
@media (min-width: 768px) {
  .pickup_item_lead::before {
    bottom: -6px;
    left: 6px;
    border-width: 8px 4px 0 4px;
  }
}
.u-ie .pickup_item_lead {
  padding-top: 2px; 
  height: 25px;
}

.pickup_item_h {
  position: relative;
  margin: 2.93333vw 0 0;
  font-family: YakuHanJP, YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; 
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .pickup_item_h {
    margin-top: 16px;
    font-size: 2.2rem;
  }
}
.pickup_item_h::before,
.pickup_item_h::after {
  content: "";
  opacity: 0.15;
  position: absolute;
  width: 5.33333vw;
  height: 4vw;
  background-size: 5.33333vw 4vw;
}
@media (min-width: 768px) {
  .pickup_item_h::before,
  .pickup_item_h::after {
    width: 30px;
    height: 22px;
    background-size: 30px 22px;
  }
}
.pickup_item_h::before {
  top: -1.06667vw;
  left: -3.2vw;
  background-image: url(/assets/img/common/icon_heading_01_left.png);
}
@media (min-width: 768px) {
  .pickup_item_h::before {
    top: -5px;
    left: -24px;
  }
}
.pickup_item_h::after {
  right: -3.2vw;
  bottom: -1.06667vw;
  background-image: url(/assets/img/common/icon_heading_01_right.png);
}
@media (min-width: 768px) {
  .pickup_item_h::after {
    right: -18px;
    bottom: -10px;
  }
}
.pickup_item._novoice .pickup_item_h::before,
.pickup_item._novoice .pickup_item_h::after {
  content: normal;
}

.pickup_item_txt {
  margin-top: 3.2vw;
  font-size: 2.93333vw;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .pickup_item_txt {
    margin-top: 18px; 
    font-size: 1.2rem;
  }
}

.pickup_btn {
  margin: 8vw auto 0; 
  max-width: 82.66667vw;
}
@media (min-width: 768px) {
  .pickup_btn {
    margin-top: 60px; 
    max-width: 400px;
  }
}
.pickup_btn a {
  padding-right: 4.26667vw;
}
@media (min-width: 768px) {
  .pickup_btn a {
    padding-right: 10px;
  }
}

/* --------------------------------
   app
-------------------------------- */
.app {
  padding: 14.13333vw 0 0;
}
@media (min-width: 768px) {
  .app {
    padding: 90px 0 94px;
  }
}

@media (max-width: 767.98px) {
  .app_list {
    overflow: auto;
    margin: 8vw 0 0;
    border-radius: 1.6vw; 
    background: #039;
  }
}

@media (min-width: 768px) {
  .app_list {
    display: flex;
    margin-top: 40px; 

    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .app_item {
    margin-bottom: 24px;
  }
}

@media (max-width: 767.98px) {
  .app_item + .app_item {
    border-top: 2px solid #335cad;
  }
}

@media (min-width: 768px) {
  .app_item._schedule {
    width: 41.5%; 
    max-width: 498px;
  }
}

@media (min-width: 768px) {
  .app_item._schedule .app_item_child {
    width: calc(100% / 3);
  }
}

@media (min-width: 768px) {
  .app_item._portal {
    width: 55.5%; 
    max-width: 666px;
  }
}

@media (min-width: 768px) {
  .app_item._portal .app_item_child {
    width: calc(100% / 4);
  }
}

@media (min-width: 768px) {
  .app_item._workflow {
    width: 15.66667%; 
    max-width: 188px;
  }
}

@media (min-width: 768px) {
  .app_item._workflow .app_item_child {
    width: calc(100% / 1);
  }
}

@media (min-width: 768px) {
  .app_item._message {
    width: 44.33333%; 
    max-width: 532px;
  }
}

@media (min-width: 768px) {
  .app_item._message .app_item_child {
    width: calc(100% / 3);
  }
}

@media (min-width: 768px) {
  .app_item._global {
    width: 15.66667%; 
    max-width: 188px;
  }
}

@media (min-width: 768px) {
  .app_item._global .app_item_child {
    width: calc(100% / 1);
  }
}

@media (min-width: 768px) {
  .app_item._mobile {
    width: 15.66667%; 
    max-width: 188px;
  }
}

@media (min-width: 768px) {
  .app_item._mobile .app_item_child {
    width: calc(100% / 1);
  }
}

@media (min-width: 768px) {
  .app_item._search {
    width: 100%; 
    max-width: 1200px;
  }
}

@media (min-width: 768px) {
  .app_item._search .app_item_child {
    width: calc(100% / 8);
  }
}

.app_item a {
  text-decoration: none;
}
.no-touchevents .app_item a:hover .app_item_header,
.app_item a.is-touched .app_item_header {
  background-color: #e2e8f5;
  color: #039;
}
.no-touchevents .app_item a:hover .app_item_header .txt::after,
.app_item a.is-touched .app_item_header .txt::after {
  opacity: 0;
}

.app_item_header {
  display: flex;
  position: relative;
  padding: 3.06667vw 5.33333vw 3.06667vw;
  transition: 0.3s color cubic-bezier(0, 0, 0.58, 1), 0.3s background-color cubic-bezier(0, 0, 0.58, 1); 
  text-decoration: none;
  color: #fff;
  font-family: YakuHanJP, YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 3.73333vw;
  font-weight: bold;

  align-items: center;
}
@media (min-width: 768px) {
  .app_item_header {
    padding: 6px 0 7px;
    border-radius: 6px 6px 0 0;
    background-color: #039;
    text-align: center; 
    font-size: 1.8rem;

    justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .app_item_header::before,
  .app_item_header::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5.33333vw;
    width: 4vw;
    height: 4vw;
    transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1); 
    -webkit-transform: translate(0, -50%); 
            transform: translate(0, -50%);
    background-size: 4vw 4vw;
  }
  .app_item_header::before {
    background-image: url(/assets/img/common/icon_arw_blue.svg);
  }
  .app_item_header::after {
    background-image: url(/assets/img/common/icon_arw_white.svg);
  }
  .app_item_header._anchor_link::before {
    background-image: url(/assets/img/common/icon_arw_down_blue.svg);
  }
  .app_item_header._anchor_link::after {
    background-image: url(/assets/img/common/icon_arw_down_white.svg);
  }
}
@media (min-width: 768px) {
  .u-ie .app_item_header .txt {
    margin-bottom: -4px;
  }
}
@media (max-width: 767.98px) {
  .app_item_header .icon {
    display: inline-flex;
    margin-right: 2.66667vw;
    border-radius: 50%;
    width: 10.13333vw;
    height: 10.13333vw;
    background-color: #e0e9f7; 

    align-items: center;
    justify-content: center;
  }
  .app_item_header .icon img {
    width: 5.6vw;
  }
}
@media (min-width: 768px) {
  .app_item_header .icon {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .app_item_children {
    display: none;
  }
}

@media (min-width: 768px) {
  .app_item_children {
    display: flex;
    border: 2px solid #e2e8f5;
    border-top: none;
    border-radius: 0 0 6px 6px; 
    background-color: #fff;

    justify-content: center;
  }
}

@media (min-width: 768px) {
  .app_item_child {
    width: calc(100% / 3);
    text-align: center;
  }
}

.app_item_child + .app_item_child {
  border-left: 2px solid #e2e8f5;
}

@media (min-width: 768px) {
  .app_item_child a {
    display: block;
    height: 96px;
    transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1); 
    text-decoration: none;
  }
}

@media (min-width: 768px) {
  ._search .app_item_child a {
    height: 118px;
  }
}

.no-touchevents .app_item_child a:hover,
.app_item_child a.is-touched {
  opacity: 0.6;
}

@media (min-width: 768px) {
  .app_item_child_container {
    display: block;
    padding: 13px 0; 
    height: 96px;
  }
}

@media (min-width: 768px) {
  .u-ie .app_item_child_container {
    padding: 16px 0 13px;
  }
}

@media (min-width: 768px) {
  ._search .app_item_child_container {
    padding: 18px 0; 
    height: 115px;
  }
}

@media (min-width: 768px) {
  .app_item_icon {
    margin: auto; 
    width: 40px;
  }
}

@media (min-width: 768px) {
  ._seated .app_item_icon {
    margin-bottom: -4px; 
    width: 44px;
  }
}

@media (min-width: 768px) {
  .app_item_txt {
    display: inline-flex;
    position: relative;
    margin-top: 10px;
    color: #039;
    font-family: YakuHanJP, YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.3; 

    justify-content: center;
    align-items: center;
  }
  .app_item_txt > img {
    position: relative;
    margin-left: 6px;
    width: 20px;
    height: 20px;
    transition: opacity 0.3s cubic-bezier(0, 0, 0.58, 1);
  }
  a:hover .app_item_txt > img {
    opacity: 0;
  }
  .app_item_txt::after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1); 
    background: left top/20px 20px no-repeat url(/assets/img/common/icon_arw_white.svg);
  }
  a:hover .app_item_txt::after {
    opacity: 1;
  }
}

@media (min-width: 768px) {
  ._search .app_item_child:not(:nth-last-of-type(2)) .app_item_txt {
    margin-top: 18px;
  }
}

.more {
  margin: 10.66667vw 0 0;
  padding: 9.33333vw 8vw 8.26667vw; 
  background-color: #eff4fb;
}
@media (min-width: 768px) {
  .more {
    margin: 16px auto 0;
    padding: 25px 40px 42px; 
    max-width: 877px;
  }
}

.more_list_h {
  text-align: center;
  color: #039; 
  font-family: YakuHanJP, YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 4.8vw;
  font-weight: bold;
}
@media (min-width: 768px) {
  .more_list_h {
    font-size: 2.6rem;
  }
}

@media (max-width: 767.98px) {
  .more_list {
    overflow: hidden;
    margin-top: 4vw;
    border-radius: 1.6vw;
  }
}

@media (min-width: 768px) {
  .more_list {
    display: flex;
    margin-top: 20px;

    justify-content: space-between;
  }
}

.more_item {
  background-color: #fff;
}
@media (min-width: 768px) {
  .more_item {
    border-radius: 6px;
    width: 100%; 
    max-width: 178px;
  }
}
@media (max-width: 767.98px) {
  .more_list > .more_item:not(:first-child) {
    margin-top: 0.66667vw;
  }
}

.more_item_anchor a {
  display: flex;
  padding: 3.46667vw 5.33333vw 3.6vw;
  text-decoration: none; 
  color: #039;
  font-family: YakuHanJP, YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 3.73333vw;
  font-weight: bold;

  align-items: center;
}
@media (min-width: 768px) {
  .more_item_anchor a {
    display: block;
    flex-direction: column; 
    padding: 16px 0 6px;
    height: 114px;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.3;
  }
}
@media (max-width: 767.98px) {
  .more_item_anchor a {
    position: relative;
  }
  .more_item_anchor a::before,
  .more_item_anchor a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5.33333vw;
    width: 4vw;
    height: 4vw;
    transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1); 
    -webkit-transform: translate(0, -50%); 
            transform: translate(0, -50%);
    background-size: 4vw 4vw;
  }
  .more_item_anchor a::before {
    background-image: url(/assets/img/common/icon_arw_white.svg);
  }
  .more_item_anchor a::after {
    opacity: 1;
    background-image: url(/assets/img/common/icon_arw_blue.svg);
  }
  .no-touchevents .more_item_anchor a:hover::after,
  .more_item_anchor a.is-touched::after {
    opacity: 0;
  }
}
@media (min-width: 768px) {
  .more_item_anchor a {
    transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1);
  }
  .more_item_anchor a .txt {
    position: relative;
    padding: 0 28px 0 10px;
  }
  .more_item_anchor a .txt::before,
  .more_item_anchor a .txt::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1); 
    -webkit-transform: translate(0, -50%); 
            transform: translate(0, -50%);
    background-size: 20px 20px;
  }
  .more_item_anchor a .txt::before {
    background-image: url(/assets/img/common/icon_arw_white.svg);
  }
  .more_item_anchor a .txt::after {
    opacity: 1;
    background-image: url(/assets/img/common/icon_arw_blue.svg);
  }
  .no-touchevents .more_item_anchor a:hover,
  .more_item_anchor a.is-touched {
    opacity: 0.7;
  }
  .no-touchevents .more_item_anchor a:hover .txt::after,
  .more_item_anchor a.is-touched .txt::after {
    opacity: 0;
  }
}

@media (max-width: 767.98px) {
  .more_item_anchor .icon {
    display: inline-flex;
    margin-right: 2.66667vw; 

    align-items: center;
    justify-content: center;
  }
  .more_item_anchor .icon img {
    width: auto;
    height: 5.06667vw;
  }
}

@media (min-width: 768px) {
  .more_item_anchor .icon img {
    height: 38px;
  }
}

@media (max-width: 767.98px) {
  ._expand .more_item_anchor .icon img {
    height: 5.6vw;
  }
}

@media (max-width: 767.98px) {
  ._kintone .more_item_anchor .icon {
    margin-right: 1.6vw;
    margin-left: -0.8vw;
  }
}

@media (min-width: 768px) {
  .more_item_anchor .txt {
    display: inline-block;
    margin-top: 18px;
  }
}

@media (min-width: 768px) {
  ._expand .more_item_anchor .txt {
    margin-top: 8px;
  }
}

@media (min-width: 768px) {
  .more_item_set {
    display: flex;
    flex-direction: column;
    width: 100%; 
    max-width: 158px;

    justify-content: space-between;
  }
}

@media (max-width: 767.98px) {
  .more_item_set .more_item {
    margin-top: 0.66667vw;
  }
}

@media (max-width: 767.98px) {
  .more_item_set .more_item a {
    padding: 2.93333vw 5.33333vw;
    font-size: 3.2vw;
  }
}

@media (min-width: 768px) {
  .more_item_set .more_item a {
    display: flex;
    padding: 0 20px; 
    height: 48px;

    align-items: flex-start;
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .more_item_set .more_item a .txt {
    padding: 0; 
    width: 100%;
    text-align: left;
  }
  .more_item_set .more_item a .txt::before,
  .more_item_set .more_item a .txt::after {
    right: -8px;
  }
}

@media (min-width: 768px) {
  .more_item_set .more_item .txt {
    margin: 0;
  }
}

/* --------------------------------
   mv
-------------------------------- */
.mv {
  position: relative;
  z-index: 1; 
  padding: 10.66667vw 0 0;
}
@media (min-width: 768px) {
  .mv {
    padding: 54px 0 0;
    min-height: 300px;
  }
}
@media (min-width: 768px) {
  .mv .section_inner {
    display: flex;
    margin: auto;
    padding: 0; 
    max-width: 1280px;

    justify-content: space-between;
  }
}

.mv_bg {
  height: 61.33333vw;
  background-size: 100% 61.33333vw;
}
@media (min-width: 768px) {
  .mv_bg {
    height: 300px;
    background-size: auto;
  }
}

@media (min-width: 768px) {
  .mv_txts {
    padding-left: 40px; 
    max-width: 765px;
  }
}

@media (min-width: 768px) {
  .mv_txts .heading_lead {
    font-size: 1.4rem;
  }
}

.mv_img {
  margin: 3.73333vw auto 0; 
  width: 54.93333vw;
}
@media (min-width: 768px) {
  .mv_img {
    position: absolute;
    top: 68px;
    left: 56.8%;
    margin: 0; 
    width: 388px;
    height: 100%;
  }
}

.mv_txt {
  margin: 10.66667vw 3.73333vw 0;
}
@media (min-width: 768px) {
  .mv_txt {
    margin: 24px 0 0;
  }
}
.mv_txt em {
  color: #039;
  font-style: normal;
}

/* --------------------------------
   intro
-------------------------------- */
.intro {
  margin-top: 16vw;
  margin-bottom: 10.66667vw;
}
@media (min-width: 768px) {
  .intro {
    margin-top: 0;
    margin-bottom: 0;
    padding: 102px 0 80px;
  }
}
@media (min-width: 768px) {
  .intro .section_inner._lg {
    max-width: 1280px;
  }
}

.intro_lead {
  margin-top: 7.46667vw;
  font-size: 3.73333vw;
  font-weight: 600;
}
@media (min-width: 768px) {
  .intro_lead {
    margin-top: 28px;
    text-align: center; 
    font-size: 1.8rem;
  }
}

/* --------------------------------
   sect01
-------------------------------- */
@media (min-width: 768px) {
  .section {
    padding-bottom: 88px;
  }
}

@media (max-width: 767.98px) {
  .section .section_inner {
    padding: 0;
  }
}

@media (min-width: 768px) {
  .section .section_inner {
    max-width: 1280px;
  }
}

.section .sect_btn {
  margin: 6.4vw auto 0;
}
@media (min-width: 768px) {
  .section .sect_btn {
    margin: 48px auto 0;
  }
}

.section_lead {
  margin: 7.46667vw 6.93333vw 8vw;
  letter-spacing: 0; 
  font-size: 3.73333vw;
  font-weight: 600;
}
@media (min-width: 768px) {
  .section_lead {
    margin: 28px 0 48px 0; 
    text-align: center;
    font-size: 1.8rem;
  }
}

@media (min-width: 768px) {
  .sect01,
  .sect03,
  .sect05 {
    background-color: #f1f6fd;
  }
}

.sect01 .sect_btn {
  max-width: 82.66667vw;
}
@media (min-width: 768px) {
  .sect01 .sect_btn {
    max-width: 400px;
  }
}

.sect02 .sect_h {
  padding-bottom: 0;
}
@media (max-width: 767.98px) {
  .sect02 .sect_h {
    padding-top: 20.26667vw;
  }
}

.sect_h {
  padding: 12.26667vw 0 7.46667vw;
}
@media (min-width: 768px) {
  .sect_h {
    padding: 80px 0 48px;
  }
}

.sect_item {
  padding: 13.86667vw 6.66667vw 12.26667vw;
}
@media (min-width: 768px) {
  .sect_item {
    padding: 72px 9.375%;
  }
}
.sect_item:nth-of-type(odd) {
  background-image: linear-gradient(270deg, #fcfcff 0%, #ecf1f9 60%, #a4bae9 134%);
}
@media (min-width: 768px) {
  .sect_item:nth-of-type(odd) {
    background-image: linear-gradient(270deg, #fcfcff 20%, #ecf1f9 66%, #a4bae9 105%);
  }
}
.sect_item:nth-of-type(even) {
  background-image: linear-gradient(90deg, #fcfcff 0%, #ecf1f9 60%, #a4bae9 134%);
}
@media (min-width: 768px) {
  .sect_item:nth-of-type(even) {
    background-image: linear-gradient(80deg, #fcfcff 20%, #ecf1f9 66%, #a4bae9 105%);
  }
}
@media (min-width: 768px) {
  .sect_item:nth-of-type(even) .sect_mainitem {
    flex-direction: row-reverse;
  }
}
@media (min-width: 768px) {
  .sect_item:nth-of-type(even) .sect_item_txts {
    margin: 0 6.92308% 0 0;
  }
}
@media (min-width: 768px) {
  .sect_item._wrap {
    flex-wrap: wrap;
  }
}

@media (min-width: 768px) {
  .sect_mainitem {
    display: flex;

    justify-content: center;
    align-items: center;
  }
}

@media (min-width: 768px) {
  .sect_item_img {
    max-width: 520px;

    flex: 0 0 520px;
  }
}

.sect_item_txts {
  margin: 6.66667vw 0 0;
}
@media (min-width: 768px) {
  .sect_item_txts {
    margin: 0 0 0 6.92308%; 
    max-width: 448px;
  }
}

.sect_item_h {
  font-family: YakuHanJP, YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; 
  font-size: 5.6vw;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .sect_item_h {
    font-size: 3rem;
  }
}
.sect_item_h span {
  vertical-align: text-top; 
  font-size: 3.73333vw;
}
@media (min-width: 768px) {
  .sect_item_h span {
    letter-spacing: 0.08em; 
    font-size: 1.8rem;
  }
}

.sect_item_txt {
  margin: 2.93333vw 0 0;
  font-size: 3.73333vw;
  line-height: 1.79;
}
@media (min-width: 768px) {
  .sect_item_txt {
    margin-top: 16px;
    font-size: 1.8rem;
    line-height: 1.9;
  }
}

.sect_subitem {
  position: relative;
  margin: 11.73333vw 0 0;
  width: 100%;
  background-color: #fff;
}
@media (min-width: 768px) {
  .sect_subitem {
    margin-top: 96px;
  }
}

/* --------------------------------
   sect02
-------------------------------- */
/* --------------------------------
   sect03
-------------------------------- */
.sect03 {
  padding-top: 12.26667vw;
}
@media (min-width: 768px) {
  .sect03 {
    padding-top: 80px;
  }
}

.garoon_ai_labo_note {
  margin: 0 auto; 
  max-width: 1280px;
}

.garoon_ai_labo_note_list {
  padding: 7.46667vw 6.66667vw;
}
@media (min-width: 768px) {
  .garoon_ai_labo_note_list {
    padding: 36px 0;
  }
}
.garoon_ai_labo_note_list li {
  padding-left: 1em; 
  text-indent: -1em;
}
.garoon_ai_labo_note_list li + li {
  margin-top: 1.33333vw;
}
@media (min-width: 768px) {
  .garoon_ai_labo_note_list li + li {
    margin-top: 8px;
  }
}