@charset "UTF-8";
/* ----------------------------------------------------------------
 トップページ修正による追記用css
 add --> assets/css/top-__php%20echo%20date('Ymd-Hi')_%20__.css

 - edit : 2024.06 : /ja-jp/index.html
---------------------------------------------------------------- */
#contents {
 padding-top: 64px !important;
}
@media screen and (max-width: 1024px) {
 #contents {
  padding-top: 64px;
 }
}

#top .achievement {
 padding-top: 75px !important;
}
#top .achievement__sub-title {
 color: #00207a;
 font-size: 24px;
 font-weight: bold;
 margin-bottom: 20px;
 display: block;
}
@media screen and (max-width: 1024px) {
 #top .achievement__sub-title {
  font-size: 5.5555555556vw;
  margin-bottom: 0;
 }
}
#top .achievement__main-title {
 font-size: 34px;
 font-weight: bold;
 margin-bottom: 20px;
 display: block;
}
#top .achievement__main-title > span {
 display: block;
}
@media screen and (max-width: 1024px) {
 #top .achievement__main-title {
  font-size: 8.3333333333vw;
  line-height: 1.5;
  margin-bottom: 5.5555555556vw;
 }
}
#top .achievement__note-text {
 font-size: 16px;
 font-weight: bold;
}
@media screen and (max-width: 1024px) {
 #top .achievement__note-text {
  font-size: 3.3333333333vw;
 }
}
#top .achievement .achievement-titleArea {
 margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
 #top .achievement .achievement-titleArea {
  margin-bottom: 16.6666666667vw;
  padding-left: 4.4444444444vw;
  padding-right: 4.4444444444vw;
 }
}
#top #new_customer .flow__chart-text {
 max-width: 440px;
}
@media screen and (max-width: 1024px) {
 #top #new_customer .flow__chart-text {
  max-width: 100%;
  font-size: 3.8888888889vw;
 }
}
@media screen and (max-width: 1024px) {
 #top .achievement__sub-title,
 #top .flow__sub-title,
 #top .qa__sub-title {
  font-size: 4.4444444444vw;
  line-height: 1.5;
 }
}
@media screen and (max-width: 1024px) {
 #top .achievement__main-title,
 #top .award__main-title,
 #top .flow__main-title,
 #top .qa__main-title,
 #top .secure__main-title {
  font-size: 5.5555555556vw;
  line-height: 1.5;
 }
}
#top .flow__sub-title,
#top .flow__main-title,
#top .qa__sub-title,
#top .qa__main-title {
 display: block;
}
#top .flow__sub-title > span,
#top .flow__main-title > span,
#top .qa__sub-title > span,
#top .qa__main-title > span {
 display: block;
}

.qa__accordion-title {
 font-size: 18px;
}
@media screen and (max-width: 1024px) {
 .qa__accordion-title {
  font-size: 3.8888888889vw;
 }
}
.qa__accordion-text {
 font-size: 14px;
}
@media screen and (max-width: 1024px) {
 .qa__accordion-text {
  font-size: 3.3333333333vw;
 }
}
.qa .qa-question {
 padding: 10px 50px;
}
@media screen and (max-width: 1024px) {
 .qa .qa-question {
  padding: 2.7777777778vw 11.1111111111vw;
 }
}
.qa .qa-question::before {
 font-size: 18px;
 left: 15px;
}
@media screen and (max-width: 1024px) {
 .qa .qa-question::before {
  left: 2.7777777778vw;
  font-size: 4.4444444444vw;
 }
}
.qa .qa-answer {
 padding: 6px 50px;
}
@media screen and (max-width: 1024px) {
 .qa .qa-answer {
  padding: 2.7777777778vw 11.1111111111vw;
  min-height: 20vw;
 }
}
.qa .qa-answer::before {
 font-size: 14px;
 top: 8px;
 left: 15px;
}
@media screen and (max-width: 1024px) {
 .qa .qa-answer::before {
  left: 2.7777777778vw;
  top: 2.7777777778vw;
  font-size: 4.4444444444vw;
  line-height: 1.6;
  overflow: visible;
 }
}

.qa__more-btn {
 width: 260px;
}
@media screen and (max-width: 1024px) {
 .qa__more-btn {
  font-size: 5vw;
  width: 69.4444444444vw;
 }
}
.qa .qa-format {
 padding-top: 20px;
}
@media screen and (max-width: 1024px) {
 .qa .qa-format {
  padding-top: 5.5555555556vw;
 }
}
.qa .qa-format h3, .qa .qa-format h4 {
 margin-bottom: 3px;
 font-style: normal;
 font-weight: 700;
 font-size: 12px;
 line-height: 1.5;
 color: #0A2E96;
}
@media screen and (max-width: 1024px) {
 .qa .qa-format h3, .qa .qa-format h4 {
  font-size: 3.3333333333vw;
 }
}
.qa .qa-format__notes {
 margin-top: 3px;
 font-size: 12px;
}
@media screen and (max-width: 1024px) {
 .qa .qa-format__notes {
  font-size: 3.3333333333vw;
 }
}

@media screen and (min-width: 1025px) {
 #achievement_parts {
  padding-top: 0;
 }
}
.flow {
 padding-top: 45px;
}
@media screen and (max-width: 1024px) {
 .flow {
  padding-top: 12.5vw;
 }
}
@media screen and (max-width: 1024px) {
 .flow .flow-chart__item {
  background-image: none;
  background-color: #f2f2f2;
 }
}
@media screen and (max-width: 1024px) {
 .flow .flow__chart-title {
  font-size: 5vw;
  line-height: 1.5;
 }
}
.flow .flow__link-btn__notes {
 display: none;
}
@media screen and (max-width: 1024px) {
 .flow .flow__link-btn__notes {
  margin: 0 0 10px;
  text-shadow: #fff 1px 1px 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 3.8888888889vw;
  line-height: 1.5;
  text-align: left;
  display: block;
 }
}

.about02 {
 padding-top: 50px;
}

.award {
 padding-bottom: 0;
}
.award .award-example {
 margin-bottom: 0;
 padding-bottom: 50px;
}
@media screen and (max-width: 1024px) {
 .award .award-example {
  padding-bottom: 13.8888888889vw;
 }
}
.award .award-titleArea {
 margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
 .award .award-titleArea {
  margin-bottom: 16.6666666667vw;
  padding-left: 4.4444444444vw;
  padding-right: 4.4444444444vw;
 }
}
.award .award-noteArea {
 padding-top: 20px;
}
.award .award__note-text {
 font-size: 16px;
 font-weight: 700;
}
@media screen and (max-width: 1024px) {
 .award .award__note-text {
  font-size: 3.3333333333vw;
 }
}
.award {
 /*
 &__btmlink {
   margin-top: 40px;
   font-size: 26px;
   font-weight: bold;
   text-align: center;

   @media screen and (max-width: 1024px) {
     margin-top: pxtovw(40);
     font-size: pxtovw(20);
     line-height: 1.5;
   }
 }
 */
}
.award__btmlink {
 margin: 40px 0 0;
 text-align: center;
}
.award__btmlink a {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fd644f), color-stop(50%, #f7783b), to(#f28e26));
 background-image: linear-gradient(180deg, #fd644f, #f7783b 50%, #f28e26);
 border-radius: 6px;
 padding: 6px;
 font-size: 20px;
 font-weight: 700;
 line-height: 1.2;
 color: #fff;
 margin: 0 auto;
 width: -webkit-fit-content;
 width: -moz-fit-content;
 width: fit-content;
 display: block;
 position: relative;
}
@media screen and (max-width: 1024px) {
 .award__btmlink a {
  font-size: 4.4444444444vw;
  line-height: 1.2;
 }
}
.award__btmlink span {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#f28e26), color-stop(50%, #f7783b), to(#fd644f));
 background-image: linear-gradient(180deg, #f28e26, #f7783b 50%, #fd644f);
 border-radius: 6px;
 padding: 14px 54px 15px 20px;
 display: block;
 position: relative;
 overflow: visible;
}
.award__btmlink span::after {
 content: "";
 background: url(../img/top/icon_cercle_arrow_right.png) no-repeat center;
 background-size: contain;
 width: 24px;
 height: 24px;
 display: block;
 position: absolute;
 right: 12px;
 top: 50%;
 -webkit-transform: translate3d(0, -50%, 0);
         transform: translate3d(0, -50%, 0);
}

.download-service__btmlink {
 margin: 60px 0;
 text-align: center;
}
@media screen and (max-width: 1024px) {
 .download-service__btmlink {
  padding: 0 4.1vw;
 }
}
.download-service__btmlink a {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fd644f), color-stop(50%, #f7783b), to(#f28e26));
 background-image: linear-gradient(180deg, #fd644f, #f7783b 50%, #f28e26);
 border-radius: 6px;
 padding: 6px;
 font-size: 20px;
 font-weight: 700;
 line-height: 1.2;
 color: #fff;
 margin: 0 auto;
 width: -webkit-fit-content;
 width: -moz-fit-content;
 width: fit-content;
 display: block;
 position: relative;
}
@media screen and (max-width: 1024px) {
 .download-service__btmlink a {
  font-size: 4.4444444444vw;
  line-height: 1.2;
 }
}
.download-service__btmlink span {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#f28e26), color-stop(50%, #f7783b), to(#fd644f));
 background-image: linear-gradient(180deg, #f28e26, #f7783b 50%, #fd644f);
 border-radius: 6px;
 padding: 14px 54px 15px 20px;
 display: block;
 position: relative;
 overflow: visible;
}
.download-service__btmlink span::after {
 content: "";
 background: url(../img/top/icon_cercle_arrow_right.png) no-repeat center;
 background-size: contain;
 width: 24px;
 height: 24px;
 display: block;
 position: absolute;
 right: 12px;
 top: 50%;
 -webkit-transform: translate3d(0, -50%, 0);
         transform: translate3d(0, -50%, 0);
}

.banner {
 padding: 35px 0;
}
@media screen and (max-width: 1024px) {
 .banner {
  padding: 8.3333333333vw 0;
 }
}
.banner__notes {
 display: none;
}
@media screen and (max-width: 1024px) {
 .banner__notes {
  margin: 0 auto 15px;
  font-style: normal;
  font-weight: 700;
  font-size: 3.8888888889vw;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  display: block;
 }
}
.banner__link-btn {
 background: none;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fd644f), color-stop(50%, #f7783b), to(#f28e26));
 background-image: linear-gradient(180deg, #fd644f, #f7783b 50%, #f28e26);
 border-radius: 6px;
 padding: 6px;
 font-size: 26px;
 font-weight: 700;
 line-height: 1.2;
 text-align: center;
 color: #fff;
 margin: 0 auto;
 height: auto;
 width: 100%;
 display: block;
 position: relative;
}
@media screen and (max-width: 1024px) {
 .banner__link-btn {
  background: none;
  font-size: 5vw;
  height: auto;
 }
}
.banner__link-btn span {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#f28e26), color-stop(50%, #f7783b), to(#fd644f));
 background-image: linear-gradient(180deg, #f28e26, #f7783b 50%, #fd644f);
 border-radius: 6px;
 padding: 14px 54px 15px;
 display: block;
 position: relative;
 overflow: visible;
}
@media screen and (max-width: 1024px) {
 .banner__link-btn span {
  padding: 14px 54px 15px 20px;
 }
}
.banner__link-btn span::after {
 content: "";
 background: url(../img/top/icon_cercle_arrow_right.png) no-repeat center;
 background-size: contain;
 width: 24px;
 height: 24px;
 display: block;
 position: absolute;
 right: 12px;
 top: 50%;
 -webkit-transform: translate3d(0, -50%, 0);
         transform: translate3d(0, -50%, 0);
}
.banner__lead-text {
 margin-bottom: 10px;
 font-size: 18px;
 font-weight: bold;
 text-align: center;
 color: #fff;
}
@media screen and (max-width: 1024px) {
 .banner__lead-text {
  margin-top: 2.7777777778vw;
  font-size: 5vw;
  line-height: 1.5;
 }
}
.banner__link-text {
 margin-top: 15px;
 font-size: 24px;
 font-weight: bold;
 text-align: center;
}
@media screen and (max-width: 1024px) {
 .banner__link-text {
  /*
  margin-top: pxtovw(15);
  font-size: pxtovw(24);
  line-height: 1.5;
  */
  display: none;
 }
}
.banner__link-text a {
 color: #fff;
 text-decoration: underline;
}

.banner-download {
 margin-top: 60px;
 padding: 60px 30px;
 background: #fff;
}
@media screen and (max-width: 1024px) {
 .banner-download {
  margin-top: 30px;
  padding: 4.4444444444vw;
 }
}
.banner-download__inner {
 margin: 0 auto;
 max-width: 1300px;
 width: 100%;
 text-align: center;
 position: relative;
}
.banner-download h2 {
 margin-bottom: 10px;
 font-size: 24px;
 font-weight: 700;
 letter-spacing: 1.2;
}
@media screen and (max-width: 1024px) {
 .banner-download h2 {
  font-size: 6.6666666667vw;
 }
}
.banner-download__btmlink a {
 background: #0A1464;
 border-radius: 8px;
 margin: 0 auto;
 padding: 5px 44px 5px 5px;
 max-width: 720px;
 width: 100%;
 height: 69px;
 font-style: normal;
 font-weight: 700;
 font-size: 26px;
 line-height: 1.5;
 color: #fff;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 text-align: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 position: relative;
 overflow: hidden;
}
@media screen and (max-width: 1024px) {
 .banner-download__btmlink a {
  min-height: 69px;
  height: auto;
  letter-spacing: 0;
  font-size: 5vw;
 }
}
@media screen and (max-width: 500px) {
 .banner-download__btmlink a {
  padding-right: 35px;
 }
}
.banner-download__btmlink a::after {
 content: "";
 background: url("../img/top/circle_arrow_white.png") no-repeat center;
 background-size: contain;
 width: 24px;
 height: 24px;
 display: block;
 position: absolute;
 top: 50%;
 right: 15px;
 -webkit-transform: translate3d(0, -50%, 0);
         transform: translate3d(0, -50%, 0);
}
@media screen and (max-width: 500px) {
 .banner-download__btmlink a::after {
  width: 18px;
  height: 20px;
  right: 10px;
 }
}

.wcl-cando {
 padding-bottom: 74px;
}
@media screen and (max-width: 1024px) {
 .wcl-cando {
  padding-bottom: 20.5555555556vw;
  padding-left: 4.4444444444vw;
  padding-right: 4.4444444444vw;
 }
}
.wcl-cando__step {
 margin: 0 auto;
 max-width: 960px;
 width: 100%;
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 gap: 0 60px;
}
@media screen and (max-width: 1024px) {
 .wcl-cando__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4.4444444444vw;
 }
}
.wcl-cando__step--section {
 max-width: 280px;
}
@media screen and (max-width: 1024px) {
 .wcl-cando__step--section {
  background: #fff;
  border-radius: 8px;
  margin: 0 auto;
  padding: 16px;
  max-width: 100%;
  width: 100%;
 }
}
.wcl-cando__step--section--step {
 position: relative;
}
.wcl-cando__step--section--step img {
 margin: 0 auto;
 background-color: #f7f7f7;
 max-width: 125px;
 width: 100%;
 height: auto;
 display: block;
 position: relative;
 z-index: 1;
}
@media screen and (max-width: 1024px) {
 .wcl-cando__step--section--step img {
  background-color: #fff;
 }
}
.wcl-cando__step--section--step::after {
 content: "";
 border-top: solid 4px #0A1464;
 width: 100%;
 height: 0;
 display: block;
 position: absolute;
 top: 60%;
 left: 50%;
 -webkit-transform: translate3d(0, -50%, 0);
         transform: translate3d(0, -50%, 0);
}
@media screen and (max-width: 1024px) {
 .wcl-cando__step--section--step::after {
  display: none;
 }
}
.wcl-cando__step--section--title {
 margin-top: 17px;
 font-size: 18px;
 font-weight: bold;
 line-height: 1.5;
 text-align: center;
}
@media screen and (max-width: 1024px) {
 .wcl-cando__step--section--title {
  margin-top: 4.7222222222vw;
  font-size: 5vw;
 }
}
.wcl-cando__step--section--visual {
 margin: 38px auto 0;
 max-width: 135px;
 width: 100%;
 height: auto;
 display: block;
}
@media screen and (max-width: 1024px) {
 .wcl-cando__step--section--visual {
  margin-top: 5vw;
 }
}
.wcl-cando__step--section:nth-child(3) .wcl-cando__step--section--step::after {
 display: none;
}
.wcl-cando__point {
 margin: 74px auto 0;
 max-width: 1174px;
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 gap: 0 18px;
 position: relative;
}
@media screen and (max-width: 1024px) {
 .wcl-cando__point {
  margin-top: 9.4444444444vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4.4444444444vw;
  overflow: hidden;
 }
}
.wcl-cando__point--section {
 background: #F2F2F2;
 border-color: #B1B1B1;
 border-radius: 8px;
 max-width: 280px;
 position: relative;
}
@media screen and (max-width: 1024px) {
 .wcl-cando__point--section {
  max-width: 100%;
  width: 100%;
 }
}
.wcl-cando__point--section h2, .wcl-cando__point--section h3 {
 width: calc(100% + 2px);
 height: 72px;
 background: #001962;
 border-radius: 8px 8px 0px 0px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 font-style: normal;
 font-weight: 700;
 font-size: 24px;
 color: #fff;
 margin: -1px -1px 0;
 position: relative;
 z-index: 1;
}
@media screen and (max-width: 1024px) {
 .wcl-cando__point--section h2, .wcl-cando__point--section h3 {
  font-size: 5vw;
  height: 11.6666666667vw;
 }
}
.wcl-cando__point--section--inner {
 padding: 8px 16px 16px;
 font-style: normal;
 font-weight: 700;
 font-size: 18px;
 line-height: 1.5;
 color: #000;
}
@media screen and (max-width: 1024px) {
 .wcl-cando__point--section--inner {
  font-size: 5vw;
 }
}
.wcl-cando__point--section--inner img {
 margin: 13px auto 0;
 max-width: 100%;
 width: 100%;
 height: auto;
 display: block;
}
.wcl-cando__point--section img.wcl-cando__point--section--visual4 {
 max-width: 110px;
}
@media screen and (max-width: 1024px) {
 .wcl-cando__point--section p {
  font-size: 3.8888888889vw;
 }
}
.wcl-cando__point--section p.wcl-cando__point--section__notes {
 margin-top: 15px;
 font-style: normal;
 font-weight: 700;
 font-size: 9px;
 line-height: 1.5555555556;
 color: #000;
}
@media screen and (max-width: 1024px) {
 .wcl-cando__point--section p.wcl-cando__point--section__notes {
  margin-top: 4.1666666667vw;
 }
}
.wcl-cando__point--section p.wcl-cando__point--section__notes2 {
 margin-top: 15px;
 font-style: normal;
 font-weight: 700;
 font-size: 14px;
 line-height: 1.5;
 color: #000;
}
@media screen and (max-width: 1024px) {
 .wcl-cando__point--section p.wcl-cando__point--section__notes2 {
  margin-top: 4.1666666667vw;
  font-size: 3.8888888889vw;
 }
}
.wcl-cando__movie {
 margin: 74px auto 0;
 max-width: 1174px;
}
@media screen and (max-width: 1024px) {
 .wcl-cando__movie {
  margin-top: 9.4444444444vw;
  width: 100%;
 }
}
.wcl-cando__movie a.wcl-cando__movie--link-btn {
 background: #0A1464;
 border-radius: 8px;
 margin: 0 auto;
 width: 452px;
 display: block;
}
@media screen and (max-width: 500px) {
 .wcl-cando__movie a.wcl-cando__movie--link-btn {
  width: 100%;
 }
}
.wcl-cando__movie a.wcl-cando__movie--link-btn span {
 padding: 5px 44px 5px 5px;
 width: 100%;
 height: 68px;
 font-style: normal;
 font-weight: 700;
 font-size: 24px;
 line-height: 1.5;
 color: #fff;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 text-align: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 position: relative;
}
@media screen and (max-width: 500px) {
 .wcl-cando__movie a.wcl-cando__movie--link-btn span {
  padding-right: 35px;
  width: 100%;
  font-size: 4.4444444444vw;
 }
}
.wcl-cando__movie a.wcl-cando__movie--link-btn span::after {
 content: "";
 background: url("../img/top/circle_arrow_white.png") no-repeat center;
 background-size: contain;
 width: 24px;
 height: 24px;
 display: block;
 position: absolute;
 top: 50%;
 right: 15px;
 -webkit-transform: translate3d(0, -50%, 0);
         transform: translate3d(0, -50%, 0);
}
@media screen and (max-width: 500px) {
 .wcl-cando__movie a.wcl-cando__movie--link-btn span::after {
  width: 18px;
  height: 20px;
  right: 10px;
 }
}
.wcl-cando__movie a.wcl-cando__movie--link-btn span.btm::after {
 -webkit-transform: translate3d(0, -50%, 0) rotate(90deg);
         transform: translate3d(0, -50%, 0) rotate(90deg);
}
.wcl-cando__movie a.wcl-cando__movie--link-btn.open span::after {
 -webkit-transform: translate3d(0, -50%, 0) rotate(-90deg);
         transform: translate3d(0, -50%, 0) rotate(-90deg);
}
.wcl-cando__movie .youtube {
 max-width: 810px;
 margin: 34px auto 0 auto;
 display: none;
 aspect-ratio: 16/9;
 padding-top: 0;
}
@media screen and (max-width: 1024px) {
 .wcl-cando__movie .youtube {
  margin-top: 6.6666666667vw;
 }
}
.wcl-cando__btns {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 gap: 0 18px;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
}
.wcl-cando__btns-btn p {
 font-size: 18px;
 font-weight: 700;
 margin-bottom: 5px;
 text-align: center;
}
@media screen and (max-width: 1024px) {
 .wcl-cando__btns {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4.4444444444vw;
 }
}

.wcl-firstview {
 background: #F3F3F3;
 min-width: 1200px;
 width: 100%;
 position: relative;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview {
  min-width: unset;
 }
}
.wcl-firstview__body {
 background: #F3F3F3 url(../img/top/firstview_bg.png) no-repeat 0 0;
 background-size: cover;
 margin: 0 auto;
 padding: 70px 16px 20px;
 min-width: 1040px;
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 gap: 45px;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__body {
  background-image: url(../img/top/firstview_bg_sp.png);
  padding: 20px 4.4444444444vw 20px;
  min-width: unset;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
 }
}
.wcl-firstview__visual {
 width: 489px;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__visual {
  margin-top: 24px;
  width: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
 }
}
.wcl-firstview__visual img {
 margin: 0 auto;
 max-width: 100%;
 width: 100%;
 height: auto;
 display: block;
}
.wcl-firstview__visual {
 /*
 img.wcl-firstview__visual--step {
   margin-top: 10px;
   max-width: 423px;

   @media screen and (max-width: 1024px) {
     margin-top: 24px;
   }
 }
 */
}
.wcl-firstview__visual--step {
 margin: 10px auto 0;
 max-width: 423px;
 position: relative;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__visual--step {
  margin-top: 24px;
 }
}
.wcl-firstview__visual--step > * {
 max-width: 148px;
 width: 34.988179669%;
 display: block;
}
.wcl-firstview__visual--step1 {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 0;
}
.wcl-firstview__visual--step2 {
 margin: 0 auto;
 position: relative;
 top: 0;
 z-index: 1;
}
.wcl-firstview__visual--step3 {
 position: absolute;
 top: 0;
 right: 0;
 z-index: 2;
}
.wcl-firstview__visual--step img {
 max-width: 100%;
 width: 100%;
 height: auto;
 display: block;
}
.wcl-firstview__main {
 padding-right: 6px;
 width: 506px;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__main {
  padding-right: 0;
  width: 100%;
  display: contents;
 }
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__header {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
 }
}
.wcl-firstview__header h1 {
 font-style: normal;
 font-weight: 700;
 font-size: 18px;
 line-height: 1.5;
 color: #0A1464;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__header h1 {
  padding: 0 2.7777777778vw;
  font-size: 4.4444444444vw;
  display: block;
 }
}
.wcl-firstview__header h1 span {
 font-size: 28px;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__header h1 span {
  font-size: 5.5555555556vw;
 }
}
.wcl-firstview__header h1 sup {
 font-size: 16px;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__header h1 sup {
  font-size: 3.3333333333vw;
 }
}
.wcl-firstview__header--notes {
 display: none;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__header--notes {
  padding: 0 2.7777777778vw;
  margin-left: 1em;
  text-indent: -1em;
  font-style: normal;
  font-weight: 400;
  font-size: 8px;
  line-height: 12px;
  color: #0A1464;
  display: block;
 }
}
.wcl-firstview__header--logo {
 margin: 8px auto 0;
 max-width: 359px;
 width: 100%;
 height: auto;
 display: block;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__header--logo {
  max-width: 100%;
 }
}
.wcl-firstview__nav {
 margin-top: 13px;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__nav {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
 }
}
.wcl-firstview__nav--title {
 margin-bottom: 5px;
 color: #00207a;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__nav--title {
  margin-bottom: 1.3888888889vw;
  font-size: 4.4444444444vw;
 }
}
.wcl-firstview__nav--members {
 margin-top: 5px;
 background: #fff;
 border: none;
 border-radius: 8px;
 padding: 6px 10px 10px;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__nav--members {
  margin-top: 1.3888888889vw;
  display: none;
 }
}
.wcl-firstview__nav--links {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 14px;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__nav--links {
  gap: 8px;
 }
}
@media screen and (max-width: 500px) {
 .wcl-firstview__nav--links {
  grid-template-columns: 1fr;
 }
}
.wcl-firstview__nav a.wcl-firstview__nav--button_blue,
.wcl-firstview__nav a.wcl-firstview__nav--button_orange,
.wcl-firstview__nav a.wcl-firstview__nav--button_white {
 border-radius: 8px;
 padding: 5px 44px 5px 5px;
 width: 100%;
 height: 69px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 text-align: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 position: relative;
 overflow: hidden;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__nav a.wcl-firstview__nav--button_blue,
 .wcl-firstview__nav a.wcl-firstview__nav--button_orange,
 .wcl-firstview__nav a.wcl-firstview__nav--button_white {
  letter-spacing: 0;
 }
}
@media screen and (max-width: 500px) {
 .wcl-firstview__nav a.wcl-firstview__nav--button_blue,
 .wcl-firstview__nav a.wcl-firstview__nav--button_orange,
 .wcl-firstview__nav a.wcl-firstview__nav--button_white {
  padding-right: 35px;
 }
}
.wcl-firstview__nav a.wcl-firstview__nav--button_blue::after,
.wcl-firstview__nav a.wcl-firstview__nav--button_orange::after,
.wcl-firstview__nav a.wcl-firstview__nav--button_white::after {
 content: "";
 background: url("../img/top/circle_arrow_blue.png") no-repeat center;
 background-size: contain;
 width: 24px;
 height: 24px;
 display: block;
 position: absolute;
 top: 50%;
 right: 15px;
 -webkit-transform: translate3d(0, -50%, 0);
         transform: translate3d(0, -50%, 0);
}
@media screen and (max-width: 500px) {
 .wcl-firstview__nav a.wcl-firstview__nav--button_blue::after,
 .wcl-firstview__nav a.wcl-firstview__nav--button_orange::after,
 .wcl-firstview__nav a.wcl-firstview__nav--button_white::after {
  width: 18px;
  height: 20px;
  right: 10px;
 }
}
.wcl-firstview__nav a.wcl-firstview__nav--button_blue {
 background: #0A1464;
 font-style: normal;
 font-weight: 700;
 font-size: 22px;
 line-height: 1.5;
 color: #fff;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__nav a.wcl-firstview__nav--button_blue {
  font-size: 5vw;
 }
}
.wcl-firstview__nav a.wcl-firstview__nav--button_blue::after {
 background-image: url("../img/top/circle_arrow_white.png");
}
.wcl-firstview__nav a.wcl-firstview__nav--button_orange {
 background: none;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fd644f), color-stop(50%, #f7783b), to(#f28e26));
 background-image: linear-gradient(180deg, #fd644f, #f7783b 50%, #f28e26);
 border-radius: 6px;
 padding: 6px;
 font-size: 22px;
 font-weight: 700;
 line-height: 1.2;
 text-align: center;
 color: #fff;
 margin: 0 auto;
 height: auto;
 width: 100%;
 display: block;
 position: relative;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__nav a.wcl-firstview__nav--button_orange {
  background: none;
  font-size: 4.4444444444vw;
  height: auto;
 }
}
.wcl-firstview__nav a.wcl-firstview__nav--button_orange::after {
 display: none;
}
.wcl-firstview__nav a.wcl-firstview__nav--button_orange span {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#f28e26), color-stop(50%, #f7783b), to(#fd644f));
 background-image: linear-gradient(180deg, #f28e26, #f7783b 50%, #fd644f);
 border-radius: 6px;
 padding: 14px 54px 15px;
 display: block;
 position: relative;
 overflow: visible;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__nav a.wcl-firstview__nav--button_orange span {
  padding: 14px 54px 15px 20px;
 }
}
.wcl-firstview__nav a.wcl-firstview__nav--button_orange span::after {
 content: "";
 background: url(../img/top/icon_cercle_arrow_right.png) no-repeat center;
 background-size: contain;
 width: 24px;
 height: 24px;
 display: block;
 position: absolute;
 right: 12px;
 top: 50%;
 -webkit-transform: translate3d(0, -50%, 0);
         transform: translate3d(0, -50%, 0);
}
.wcl-firstview__nav a.wcl-firstview__nav--button_white {
 background: #fff;
 border: 1px solid #0A1464;
 height: 49px;
 font-style: normal;
 font-weight: 700;
 font-size: 14px;
 line-height: 1.5;
 color: #0A1464;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__nav a.wcl-firstview__nav--button_white {
  font-size: 3.0555555556vw;
 }
}
@media screen and (max-width: 500px) {
 .wcl-firstview__nav a.wcl-firstview__nav--button_white {
  font-size: 4.4444444444vw;
 }
}
.wcl-firstview__nav a.wcl-firstview__nav--button_white::after {
 background-image: url("../img/top/circle_arrow_blue.png");
}
.wcl-firstview__nav--notes {
 margin-top: 8px;
 font-style: normal;
 font-weight: 700;
 font-size: 10px;
 line-height: 1.5;
 color: #0A1464;
 text-align: right;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__nav--notes {
  display: none;
 }
}
.wcl-firstview__product {
 margin: 0 auto;
 padding: 10px 0 20px;
 width: 1166px;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__product {
  padding: 11.1111111111vw 4.4444444444vw;
  width: 100%;
 }
}
.wcl-firstview__product h2 {
 color: #00207a;
 font-size: 24px;
 font-weight: bold;
 text-align: center;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__product h2 {
  font-size: 5.5555555556vw;
 }
}
.wcl-firstview__product--read, .wcl-firstview__product--read_btm {
 margin: 10px auto 15px;
 font-size: 16px;
 text-align: center;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__product--read, .wcl-firstview__product--read_btm {
  font-size: 3.3333333333vw;
 }
}
.wcl-firstview__product--read_btm {
 margin-bottom: 0;
}
.wcl-firstview__product--read_btm a {
 font-weight: 700;
 text-decoration: underline;
}
.wcl-firstview__product--items {
 width: 100%;
 display: grid;
 grid-template-columns: repeat(6, 1fr);
 gap: 16px;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__product--items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
 }
}
@media screen and (max-width: 410px) {
 .wcl-firstview__product--items {
  gap: 8px;
 }
}
.wcl-firstview__product--items + .wcl-firstview__product--items {
 margin-top: 16px;
}
.wcl-firstview__product--section {
 background: #fff;
 -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
         box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
 border-radius: 5px;
 padding: 0;
 width: 181px;
 position: relative;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__product--section {
  width: calc((100% - 16px) / 2);
 }
}
@media screen and (max-width: 410px) {
 .wcl-firstview__product--section {
  width: calc((100% - 8px) / 2);
 }
}
.wcl-firstview__product--section.new {
 position: relative;
}
.wcl-firstview__product--section.new::before {
 content: "";
 display: inline-block;
 background-image: url(/ja-jp/assets/img/top/new_icon.png);
 background-size: 100%;
 width: 40px;
 height: 40px;
 position: absolute;
 top: 6px;
 left: 6px;
 z-index: 0;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__product--section.new::before {
  width: 9vw;
  height: 9vw;
  top: 1.6666666667vw;
  left: 1.6666666667vw;
 }
}
.wcl-firstview__product--section > a {
 padding: 8px;
 display: block;
 position: relative;
}
.wcl-firstview__product--section h2, .wcl-firstview__product--section h3 {
 font-style: normal;
 font-weight: 700;
 font-size: 16px;
 line-height: 1.5;
 color: #0A2E96;
 text-align: center;
 display: block;
 position: relative;
 overflow: visible;
 z-index: 1;
}
.wcl-firstview__product--section h2::before, .wcl-firstview__product--section h3::before {
 content: "";
 background-image: url("../img/top/new_icon.png");
 background-size: 100%;
 width: 40px;
 height: 40px;
 display: none;
 position: absolute;
 top: -2px;
 left: 0;
}
.wcl-firstview__product--section h2.new::before, .wcl-firstview__product--section h3.new::before {
 display: block;
}
.wcl-firstview__product--section--visual {
 margin: 6px auto 0;
}
.wcl-firstview__product--section--visual img {
 margin: 0 auto;
 max-width: 113px;
 width: 100%;
 height: auto;
 display: block;
}
.wcl-firstview__product--section--notes {
 margin: 0 auto;
 font-style: normal;
 font-weight: 700;
 font-size: 12px;
 line-height: 139%;
 text-align: left;
 color: #0A2E96;
}
.wcl-firstview__product--items.type .wcl-firstview__product--section--visual img {
 margin: 25px auto 15px;
 max-width: 90px;
}
.wcl-firstview__etc-service {
 margin: 0 auto;
 padding: 20px 0 40px;
 text-align: center;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__etc-service {
  padding: 0 4.4444444444vw 11.1111111111vw;
 }
}
.wcl-firstview__etc-service * {
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
}
.wcl-firstview__etc-service h2 {
 color: #00207a;
 font-size: 24px;
 font-weight: bold;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__etc-service h2 {
  font-size: 5.5555555556vw;
 }
}
.wcl-firstview__etc-service--detail,
.wcl-firstview__etc-service a.wcl-firstview__etc-service--detail {
 background: #fff;
 -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
         box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
 border-radius: 10px;
 margin: 10px auto 0;
 padding: 20px 50px;
 max-width: 1166px;
 width: -webkit-fit-content;
 width: -moz-fit-content;
 width: fit-content;
 font-size: 14px;
 text-decoration: none;
 color: #000;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 gap: 50px;
 position: relative;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__etc-service--detail,
 .wcl-firstview__etc-service a.wcl-firstview__etc-service--detail {
  padding: 4.4444444444vw;
  width: 100%;
  font-size: 3.3333333333vw;
  display: block;
 }
}
.wcl-firstview__etc-service--detail::before,
.wcl-firstview__etc-service a.wcl-firstview__etc-service--detail::before {
 content: "";
 background-image: url(/ja-jp/assets/img/top/new_icon.png);
 background-size: 100%;
 width: 40px;
 height: 40px;
 display: block;
 position: absolute;
 top: 9px;
 left: 9px;
 z-index: 0;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__etc-service--detail::before,
 .wcl-firstview__etc-service a.wcl-firstview__etc-service--detail::before {
  width: 9vw;
  height: 9vw;
  top: 1.6666666667vw;
  left: 1.6666666667vw;
 }
}
.wcl-firstview__etc-service--detail--logo,
.wcl-firstview__etc-service a.wcl-firstview__etc-service--detail--logo {
 width: 400px;
 position: relative;
 z-index: 1;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__etc-service--detail--logo,
 .wcl-firstview__etc-service a.wcl-firstview__etc-service--detail--logo {
  margin: 0 auto;
  max-width: 400px;
  width: 100%;
 }
}
.wcl-firstview__etc-service--detail--logo p,
.wcl-firstview__etc-service a.wcl-firstview__etc-service--detail--logo p {
 margin: 0 auto 10px;
 width: -webkit-fit-content;
 width: -moz-fit-content;
 width: fit-content;
 font-style: normal;
 font-weight: 700;
 font-size: 16px;
 line-height: 1.5;
 color: #0A2E96;
 text-align: center;
 display: block;
 position: relative;
 left: 30px;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__etc-service--detail--logo p,
 .wcl-firstview__etc-service a.wcl-firstview__etc-service--detail--logo p {
  font-size: 4.4444444444vw;
  left: auto;
 }
}
.wcl-firstview__etc-service--detail--logo img,
.wcl-firstview__etc-service a.wcl-firstview__etc-service--detail--logo img {
 width: 100%;
 height: auto;
 display: block;
}
.wcl-firstview__etc-service--detail--body,
.wcl-firstview__etc-service a.wcl-firstview__etc-service--detail--body {
 width: -webkit-fit-content;
 width: -moz-fit-content;
 width: fit-content;
 text-align: left;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__etc-service--detail--body,
 .wcl-firstview__etc-service a.wcl-firstview__etc-service--detail--body {
  margin-top: 5.5555555556vw;
 }
 .wcl-firstview__etc-service--detail--body br,
 .wcl-firstview__etc-service a.wcl-firstview__etc-service--detail--body br {
  display: none;
 }
}

.achievement .achievement-parts {
 position: relative;
 z-index: 1;
}

@media screen and (max-width: 1024px) {
 .achievement .achievement-parts {
  margin: 0 auto;
  padding: 5vw 4.4444444444vw 13.8888888889vw;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px 10px;
 }
 .achievement .achievement-parts__item {
  margin: 0;
  min-width: auto;
  width: 100%;
 }
 #top .achievement .achievement-titleArea {
  padding-left: 10px;
  padding-right: 10px;
 }
 #top .achievement .achievement-titleArea.example-titleArea {
  width: 80%;
 }
 #top .achievement .achievement-detail.active {
  display: none;
 }
}
.achievement .achievement-detail__title {
 color: #fff;
 font-size: 16px;
}
@media screen and (max-width: 1024px) {
 .achievement .achievement-detail__title {
  font-size: 4.4444444444vw;
 }
}
.achievement .achievement-detail table {
 width: 100%;
}
.achievement .achievement-detail th {
 padding-right: 10px;
 white-space: nowrap;
 position: relative;
}
.achievement .achievement-detail th:after {
 content: ":";
 position: absolute;
 right: 3px;
}
.achievement .achievement-detail td {
 word-break: auto-phrase;
}
.achievement .achievement-detail th,
.achievement .achievement-detail td {
 padding-top: 5px;
 text-align: left;
 vertical-align: top;
 color: #fff;
 font-size: 12px;
}
@media screen and (max-width: 1024px) {
 .achievement .achievement-detail th,
 .achievement .achievement-detail td {
  font-size: 3.3333333333vw;
 }
}

.achievement-parts .achievement-parts__item:nth-of-type(2) .achievement-info .achievement-imgArea:before {
 display: none;
}

.commercial .inner {
 max-width: 1110px !important;
}
.commercial .columnBlock li {
 width: calc(50% - 22.5px) !important;
}
@media screen and (max-width: 1024px) {
 .commercial .columnBlock li {
  width: 100% !important;
 }
}

.watch {
 background: #D7EAF8;
 margin: 0 auto;
 padding: 70px 0;
}
.watch img {
 max-width: 100%;
 width: 100%;
 height: auto;
 display: block;
}
.watch .inner {
 margin: 0 auto;
 max-width: 1440px !important;
 width: 1440px;
}
@media screen and (max-width: 1024px) {
 .watch .inner {
  width: 100%;
  position: relative;
 }
}
.watch__banner {
 display: block;
}
@media screen and (max-width: 1024px) {
 .watch__banner {
  width: 100%;
  position: relative;
 }
}
.watch__movies {
 margin: 70px auto 0;
 width: 1110px;
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 gap: 45px;
 font-style: normal;
 font-weight: 600;
 font-size: 20px;
 line-height: 160%;
 text-align: center;
 letter-spacing: 0.8px;
 color: #00207A;
}
@media screen and (max-width: 1024px) {
 .watch__movies {
  width: 100%;
  grid-template-columns: 1fr;
  gap: 25px;
 }
}
.watch__movies img {
 border-radius: 8px;
 -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
         box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.watch__movies p {
 margin: 10px auto 0;
 text-align: center;
}
.watch__button {
 background-color: #001962;
 border-radius: 5px;
 margin: 60px auto 0;
 padding: 13px 0;
 max-width: 300px;
 width: 100%;
 font-style: normal;
 font-weight: 600;
 font-size: 18px;
 color: #fff !important;
 display: block;
 position: relative;
 text-align: center;
}
@media screen and (max-width: 1024px) {
 .watch__button {
  padding: 2.2222222222vw 0 1.3888888889vw;
  font-size: 4.4444444444vw;
 }
}
.watch__button::after {
 content: "";
 background-image: url("/ja-jp/assets/img/top/icon_arrow01.png");
 background-position: left top;
 background-repeat: no-repeat;
 background-size: cover;
 position: absolute;
 top: 50%;
 right: 7px;
 -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
 height: 16px;
 width: 8px;
}
@media screen and (max-width: 1024px) {
 .watch__button::after {
  right: 1.9444444444vw;
  height: 4.4444444444vw;
  width: 2.2222222222vw;
 }
}
.watch__banner_ugc {
 margin: 70px auto 0;
 max-width: 600px;
 display: block;
}
.watch__banner_ugc img {
 width: 100%;
 height: auto;
 display: block;
}
@media screen and (max-width: 1024px) {
 .watch__banner_ugc {
  width: 100%;
  position: relative;
 }
}
.watch__banner_ugc + p {
 margin-top: 10px;
 font-style: normal;
 font-weight: 600;
 font-size: 20px;
 line-height: 160%;
 text-align: center;
 letter-spacing: 0.8px;
 color: #00207A;
}

.top_banner {
 background: -webkit-gradient(linear, left top, right top, from(#025FAE), color-stop(50%, #025FAE), color-stop(50%, #FFCD00), to(#FFCD00));
 background: linear-gradient(90deg, #025FAE 0%, #025FAE 50%, #FFCD00 50%, #FFCD00 100%);
 display: block;
 -webkit-transition: opacity 0.2s;
 transition: opacity 0.2s;
}
.top_banner:hover {
 opacity: 0.8;
}
.top_banner a.top_banner--pc {
 display: block;
}
@media screen and (max-width: 767px) {
 .top_banner a.top_banner--pc {
  display: none;
 }
}
.top_banner a.top_banner--sp {
 display: none;
}
@media screen and (max-width: 767px) {
 .top_banner a.top_banner--sp {
  display: block;
 }
}
.top_banner a {
 margin: 0;
 padding: 0;
 min-height: unset;
 height: auto;
}
.top_banner a:hover {
 opacity: 1;
}
.top_banner img {
 margin: 0 auto;
 max-width: 1300px;
 width: 100%;
 height: auto;
 display: block;
}
@media screen and (max-width: 1024px) {
 .top_banner img {
  max-width: 600px;
 }
}

.wcl-flow-free {
 background: #0A2E96;
 margin-top: 90px;
 padding: 90px 30px;
 text-align: center;
}
@media screen and (max-width: 1024px) {
 .wcl-flow-free {
  margin-top: 60px;
  padding: 16.6666666667vw 0;
 }
}
.wcl-flow-free__wrap {
 margin: 0 auto;
 width: 700px;
 text-align: center;
}
@media screen and (max-width: 1024px) {
 .wcl-flow-free__wrap {
  width: 91.6666666667vw;
 }
}
.wcl-flow-free h2 {
 margin: 0 auto;
 width: -webkit-fit-content;
 width: -moz-fit-content;
 width: fit-content;
 color: #fff;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 gap: 0;
}
.wcl-flow-free h2 .h2-catch {
 font-style: normal;
 font-weight: 600;
 font-size: 24px;
 line-height: 30px;
 display: block;
}
@media screen and (max-width: 1024px) {
 .wcl-flow-free h2 .h2-catch {
  font-size: 5.5555555556vw;
 }
}
.wcl-flow-free h2 .h2-main {
 border-bottom: 4px solid #FBF95A;
 padding: 8px 8px 0;
 font-style: normal;
 font-weight: 600;
 font-size: 34px;
 line-height: 42px;
 display: block;
}
@media screen and (max-width: 1024px) {
 .wcl-flow-free h2 .h2-main {
  font-size: 8.3333333333vw;
 }
}
.wcl-flow-free h2 .h2-main .strong {
 color: #FBF95A;
}
.wcl-flow-free__point {
 margin: 28px auto 30px;
 width: 700px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 position: relative;
}
@media screen and (max-width: 1024px) {
 .wcl-flow-free__point {
  width: 100%;
 }
}
.wcl-flow-free__point img {
 width: 220px;
 height: auto;
 display: block;
}
@media screen and (max-width: 1024px) {
 .wcl-flow-free__point img {
  max-width: 220px;
  width: calc(33.3% - 5px);
 }
}

.wcl-support__inner {
 width: 1110px;
 padding: 100px 0;
 margin: 0 auto;
}
.wcl-support__title {
 font-size: 28px;
 font-weight: 700;
 text-align: center;
}
.wcl-support__title .sp-only {
 display: none;
}
.wcl-support__services {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 gap: 0 18px;
 margin-top: 60px;
}
.wcl-support__services--item {
 width: calc(100% - 9px);
 border-radius: 5px;
 -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
         box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 padding: 20px;
}
.wcl-support__services--item a {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 gap: 0 18px;
 color: #000;
 height: 100%;
}
.wcl-support__services--item a .image {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 width: calc(28% - 18px);
}
.wcl-support__services--item a .text {
 width: 72%;
 display: block;
}
@media screen and (max-width: 1024px) {
 .wcl-support__inner {
  width: 100%;
  padding: 70px 5.2%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
 }
 .wcl-support__title {
  font-size: 5.5555555556vw;
 }
 .wcl-support__title .sp-only {
  display: inline-block;
 }
 .wcl-support__services {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px 0;
  margin-top: 30px;
 }
 .wcl-support__services--item {
  width: 100%;
 }
 .wcl-support__services--item a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px 0;
 }
 .wcl-support__services--item a .image {
  width: 100%;
 }
 .wcl-support__services--item a .image img {
  max-height: 160px;
  width: auto;
  max-width: 80%;
 }
 .wcl-support__services--item a .text {
  width: 100%;
 }
}

a.achievement__link-btn_login {
 background: #fff;
 border: 1px solid #0A1464;
 border-radius: 6px;
 margin: 0 auto;
 padding: 4px 10px 5px;
 width: -webkit-fit-content;
 width: -moz-fit-content;
 width: fit-content;
 font-style: normal;
 font-weight: 700;
 font-size: 14px;
 line-height: 1.5;
 color: #0A1464;
 display: block;
}
@media screen and (max-width: 1024px) {
 a.achievement__link-btn_login {
  font-size: 3.0555555556vw;
 }
}
@media screen and (max-width: 500px) {
 a.achievement__link-btn_login {
  padding: 3px 6px;
  font-size: 3.6111111111vw;
  text-align: center;
 }
}

.sideNav .sideNav-contents__item.estimate-item {
 background: #fff;
 border: solid 1px #000;
 border-radius: 8px;
 position: relative;
}
.sideNav .sideNav-contents__item.estimate-item::after {
 content: "";
 background: url(../img/top/circle_arrow_blue.png) no-repeat center;
 background-size: contain;
 width: 24px;
 height: 24px;
 display: block;
 position: absolute;
 top: 50%;
 right: 15px;
 -webkit-transform: translate3d(0, -50%, 0) rotate(90deg);
         transform: translate3d(0, -50%, 0) rotate(90deg);
}

@media screen and (max-width: 1024px) {
 .sideNav .sideNav-contents__item.estimate-item {
  display: none;
 }
}
.sideNav__link .sideNav__main-title {
 font-size: 22px;
 color: #00207a;
 display: block;
}

/* ----------------------------------------------------------------
 トップページリニューアルcss
 ---------------------------------------------------------------- */
.section-block {
 padding-bottom: 80px;
}
.section-block__wrap {
 max-width: 1200px;
 width: 90%;
 margin: 0 auto;
}

.heading-area {
 padding: 100px 0 40px 0;
 line-height: 1.4;
 text-align: center;
}
.heading-area h2 {
 font-size: 40px;
 font-weight: 700;
 color: #0A1464;
}
.heading-area h2 + * {
 margin-top: 34px;
}
.heading-area h2 .decoration {
 display: inline-block;
 border-bottom: 5px solid #FFCD00;
}
.heading-area__caption {
 font-size: 28px;
 font-weight: 500;
}
.heading-area__caption + p {
 font-size: 16px;
 margin-top: 1em;
}
@media screen and (max-width: 767px) {
 .heading-area {
  padding: 50px 0 20px 0;
 }
 .heading-area h2 {
  font-size: max( 6.4vw , 12px);
 }
 .heading-area h2 + * {
  margin-top: 15px;
 }
 .heading-area__caption {
  font-size: max( 5.3333333333vw , 12px);
 }
 .heading-area__caption + p {
  font-size: max( 3.2vw , 12px);
 }
}

.button-white {
 text-align: center;
}
* + .button-white {
 margin-top: 40px;
}
.button-white a {
 display: inline-block;
 position: relative;
 background: #FFFFFF;
 border: 2px solid #0A1464;
 -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
         box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
 border-radius: 100px;
 color: #0A1464;
 font-size: 20px;
 font-weight: bold;
 min-width: 400px;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 padding: 0.5em 70px 0.5em 40px;
 text-align: center;
}
.button-white a::after {
 content: "";
 background: url("../img/icon_arrow_bw_r.svg") no-repeat center;
 background-size: contain;
 width: 32px;
 height: 32px;
 display: block;
 position: absolute;
 top: 50%;
 right: 15px;
 -webkit-transform: translate3d(0, -50%, 0);
         transform: translate3d(0, -50%, 0);
}
.button-white .left {
 text-align: left;
}
@media screen and (max-width: 767px) {
 .button-white a {
  min-width: initial;
  width: 100%;
  font-size: max( 4.2666666667vw , 12px);
  padding: 0.5em 50px 0.5em 30px;
 }
 .button-white a::after {
  width: 22px;
  height: 22px;
 }
}

.dec-border {
 display: inline-block;
 position: relative;
 border-bottom: 2px solid #0A1464;
 padding: 0 0.8em;
}
.dec-border::before {
 content: "";
 display: block;
 position: absolute;
 width: 20px;
 height: 10px;
 background-color: #f7f7f7;
 clip-path: polygon(50% 10px, 0% 0%, 20px 0%);
 left: 50%;
 bottom: -6px;
 translate: -52%;
}
.dec-border::after {
 content: "";
 position: absolute;
 top: calc(100% + 5px);
 left: calc(50% - 7px);
 width: 16px;
 height: 2px;
 rotate: -45deg;
 z-index: -1;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 background-color: #0A1464;
}

.sp-only {
 display: none;
}

@media screen and (max-width: 767px) {
 .sp-only {
  display: inline-block;
 }
 .pc-only {
  display: none !important;
 }
}
.wcl-header--nav a {
 font-size: 12px;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
 .wcl-header--nav a {
  font-size: 10px;
 }
}
.wcl-header--related-services {
 font-size: 11px;
}
.wcl-header--related-services ul li a {
 font-size: 11px;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
 .wcl-header--related-services ul li a {
  font-size: 9px;
 }
}
.wcl-header--button a {
 font-size: 12px;
 width: 110px;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
 .wcl-header--button a {
  font-size: 10px;
  width: 90px;
 }
}
.wcl-header--button a.wcl-header--button_login {
 background: #FFCD00;
 color: #0A1464;
}
.wcl-header--button a.wcl-header--button_registration {
 background: #fff;
 color: #0A1464;
}

@media screen and (max-width: 767px) {
 #header.optimize .wcl-header--button {
  display: none;
 }
}
.wcl-firstview {
 background: #FFF;
 min-width: 1240px;
 width: 100%;
 position: relative;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview {
  min-width: initial;
 }
}
.wcl-firstview__body {
 background: url("../img/top/bg_fv_wcl.png") no-repeat center center;
 background-size: cover;
 margin: 0 auto;
 padding: 34px 16px 60px;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 min-width: 1040px;
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 gap: 32px;
 position: relative;
}
.wcl-firstview__body::after {
 content: "";
 position: absolute;
 display: block;
 width: 100%;
 height: 70px;
 left: 0;
 bottom: -10px;
 background: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 247, 247, 0)), to(rgb(247, 247, 247)));
 background: linear-gradient(180deg, rgba(247, 247, 247, 0), rgb(247, 247, 247));
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__body {
  padding: 20px 4.4444444444vw 50px;
  min-width: initial;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 0;
 }
 .wcl-firstview__body::after {
  height: 50px;
 }
}
.wcl-firstview__visual {
 width: 590px;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__visual {
  width: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
 }
}
.wcl-firstview__visual img {
 margin: 0;
 max-width: 100%;
 width: 100%;
 height: auto;
 display: block;
}
.wcl-firstview__visual--title {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 margin: 0 auto;
 width: 100%;
 height: auto;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__visual--title {
  max-width: 90%;
  margin-top: max( 29.3333333333vw , 12px);
 }
}
@media screen and (max-width: 767px) {
 .wcl-firstview__visual--title {
  margin-top: max( 21.3333333333vw , 12px);
  position: relative;
  z-index: 2;
 }
}
.wcl-firstview__visual img.wcl-firstview__visual--logo {
 max-width: 359px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
 .wcl-firstview__visual img.wcl-firstview__visual--logo {
  max-width: initial;
  width: 59%;
 }
}
@media screen and (max-width: 767px) {
 .wcl-firstview__visual img.wcl-firstview__visual--logo {
  width: 59%;
 }
}
.wcl-firstview__visual img.wcl-firstview__visual--achievements {
 max-width: 177px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
 .wcl-firstview__visual img.wcl-firstview__visual--achievements {
  max-width: initial;
  width: 37%;
 }
}
@media screen and (max-width: 767px) {
 .wcl-firstview__visual img.wcl-firstview__visual--achievements {
  width: 37%;
 }
}
.wcl-firstview__visual--notes {
 font-size: 11px;
 text-align: right;
 margin-top: 10px;
 color: #0A1464;
 font-weight: 500;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__visual--notes {
  text-align: center;
  font-size: 8px;
 }
}
@media screen and (max-width: 767px) {
 .wcl-firstview__visual--notes {
  width: 32em;
  margin: 10px auto;
 }
}
.wcl-firstview__main {
 width: 576px;
 position: relative;
}
.wcl-firstview__main::before {
 content: "";
 position: absolute;
 display: block;
 width: 35%;
 aspect-ratio: 1/1;
 right: 0;
 top: 0;
 background: url("../img/top/logo_raku.png") no-repeat center center;
 background-size: cover;
 z-index: 1;
 opacity: 0.5;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__main {
  padding-right: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: initial;
 }
}
@media screen and (max-width: 767px) {
 .wcl-firstview__main::before {
  width: 30%;
  top: 2%;
  right: 2%;
 }
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__header {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
 }
}
.wcl-firstview__header--eyecatch {
 font-style: normal;
 font-family: "Noto Sans JP", sans-serif;
 font-weight: 860;
 font-size: 66px;
 line-height: 1.2;
 color: #0A1464;
 text-shadow: 0 0 10px rgb(247, 247, 247);
 position: relative;
 z-index: 2;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__header--eyecatch {
  padding: 0 2.7777777778vw;
  font-size: max( 10.1333333333vw , 12px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  padding-top: 0.5em;
 }
}
@media only screen and (max-width: 767px) {
 .wcl-firstview__header--eyecatch {
  font-size: 38px;
 }
}
@media only screen and (max-width: 375px) {
 .wcl-firstview__header--eyecatch {
  font-size: max( 10.1333333333vw , 12px);
 }
}
.wcl-firstview__header--eyecatch span {
 font-size: 70px;
 font-family: "Inter", sans-serif;
 font-weight: 800;
 letter-spacing: 2px;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__header--eyecatch span {
  font-size: max( 10.4vw , 12px);
 }
}
@media only screen and (max-width: 767px) {
 .wcl-firstview__header--eyecatch span {
  font-size: 39px;
 }
}
@media only screen and (max-width: 375px) {
 .wcl-firstview__header--eyecatch span {
  font-size: max( 10.4vw , 12px);
 }
}
.wcl-firstview__header--caption {
 margin-top: 10px;
 font-size: 18px;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__header--caption {
  padding: 0 2.7777777778vw;
  text-align: center;
 }
}
@media only screen and (max-width: 767px) {
 .wcl-firstview__header--caption {
  font-size: 13px;
 }
}
@media only screen and (max-width: 375px) {
 .wcl-firstview__header--caption {
  font-size: max( 3.4666666667vw , 12px);
 }
}
.wcl-firstview__nav {
 margin-top: 2em;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__nav {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
 }
}
.wcl-firstview__nav--links {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 gap: 14px;
 max-width: 500px;
}
.wcl-firstview__nav--links li:last-child {
 display: none;
}
@media screen and (max-width: 767px) {
 .wcl-firstview__nav--links li {
  display: none;
 }
 .wcl-firstview__nav--links li:last-child {
  display: block;
 }
}
.wcl-firstview__nav a.wcl-firstview__nav--button {
 border-radius: 100px;
 padding: 5px 44px 5px 5px;
 width: 100%;
 height: 3.5em;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 text-align: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 background: #FFCD00;
 border: 1px solid #FFCD00;
 position: relative;
 overflow: hidden;
 color: #0A1464;
 font-size: 20px;
 font-weight: 700;
 -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
         box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
}
.wcl-firstview__nav a.wcl-firstview__nav--button::after {
 content: "";
 background: url("../img/icon_arrow_bw_r.svg") no-repeat center;
 background-size: contain;
 width: 24px;
 height: 24px;
 display: block;
 position: absolute;
 top: 50%;
 right: 15px;
 -webkit-transform: translate3d(0, -50%, 0);
         transform: translate3d(0, -50%, 0);
}
.wcl-firstview__nav a.wcl-firstview__nav--button.white {
 background: #FFF;
 border: 1px solid #0A1464;
}
@media screen and (max-width: 767px) {
 .wcl-firstview__nav a.wcl-firstview__nav--button {
  height: 3em;
 }
}
@media only screen and (max-width: 767px) {
 .wcl-firstview__nav a.wcl-firstview__nav--button {
  font-size: 16px;
 }
}
@media only screen and (max-width: 375px) {
 .wcl-firstview__nav a.wcl-firstview__nav--button {
  font-size: max( 4.2666666667vw , 12px);
 }
}
.wcl-firstview__product {
 padding: 10px 0 40px;
 width: 100%;
 background-color: #F7F7F7;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__product {
  padding: 11.1111111111vw 4.4444444444vw;
  width: 100%;
 }
}
.wcl-firstview__product--wrap {
 width: 1200px;
 margin: 0 auto;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__product--wrap {
  width: 100%;
 }
}
.wcl-firstview__product--read {
 margin: 10px auto 15px;
 color: #0A1464;
 font-size: 40px;
 font-weight: 700;
 line-height: 1.4;
}
@media only screen and (max-width: 767px) {
 .wcl-firstview__product--read {
  font-size: 22px;
 }
}
@media only screen and (max-width: 375px) {
 .wcl-firstview__product--read {
  font-size: max( 5.8666666667vw , 12px);
 }
}
.wcl-firstview__product--read_btm {
 margin: 10px auto 15px;
 font-size: 16px;
 text-align: center;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__product--read_btm {
  font-size: 3.3333333333vw;
 }
}
.wcl-firstview__product--read_btm {
 margin-bottom: 0;
}
.wcl-firstview__product--read_btm a {
 font-weight: 700;
 text-decoration: underline;
}
.wcl-firstview__product--items {
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 gap: 24px;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__product--items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
 }
}
@media screen and (max-width: 767px) {
 .wcl-firstview__product--items {
  gap: 18px 4%;
 }
}
.wcl-firstview__product--item {
 background: #fff;
 -webkit-box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
         box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
 border-radius: 10px;
 padding: 0;
 width: calc((100% - 120px) / 6);
 aspect-ratio: 1/1;
 position: relative;
}
@media screen and (max-width: 1024px) {
 .wcl-firstview__product--item {
  width: calc((100% - 16px) / 2);
 }
}
@media screen and (max-width: 767px) {
 .wcl-firstview__product--item {
  width: 48%;
  aspect-ratio: initial;
 }
}
.wcl-firstview__product--item > a {
 padding: 20px;
 display: block;
 position: relative;
 aspect-ratio: 1/1;
}
@media screen and (max-width: 767px) {
 .wcl-firstview__product--item > a {
  aspect-ratio: initial;
  padding: 10px;
 }
}
.wcl-firstview__product--item > a::after {
 content: "";
 display: block;
 position: absolute;
 background: url("../img/icon_arrow_b_r.svg") no-repeat center center;
 background-size: cover;
 width: 10px;
 height: 10px;
 right: 10px;
 bottom: 10px;
}
.wcl-firstview__product--item.new {
 position: relative;
}
.wcl-firstview__product--item.new a::before {
 content: "NEW";
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 font-family: "Inter", sans-serif;
 width: 60px;
 height: 22px;
 border-radius: 50px;
 font-size: 12px;
 font-weight: 700;
 color: #0A1464;
 background-color: #FFF;
 -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
         box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
 position: absolute;
 top: -1em;
 right: 0;
 z-index: 0;
}
@media screen and (max-width: 767px) {
 .wcl-firstview__product--item.new a::before {
  width: 50px;
  height: 16px;
  font-size: 10px;
  top: -0.8em;
 }
}
.wcl-firstview__product--item h2, .wcl-firstview__product--item h3 {
 font-style: normal;
 font-weight: 700;
 font-size: 18px;
 line-height: 1.5;
 color: #0A1464;
 text-align: center;
 display: block;
 position: relative;
 overflow: visible;
 z-index: 1;
}
@media only screen and (max-width: 767px) {
 .wcl-firstview__product--item h2, .wcl-firstview__product--item h3 {
  font-size: 16px;
 }
}
@media only screen and (max-width: 375px) {
 .wcl-firstview__product--item h2, .wcl-firstview__product--item h3 {
  font-size: max( 4.2666666667vw , 12px);
 }
}
.wcl-firstview__product--item--visual {
 margin: 6px auto 0;
 aspect-ratio: 5/4;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
.wcl-firstview__product--item--visual img {
 margin: 0 auto;
 max-width: 113px;
 width: 100%;
 height: auto;
 display: block;
}
.wcl-firstview__product--item--visual img.type {
 max-width: 91px;
}
@media screen and (max-width: 767px) {
 .wcl-firstview__product--item--visual {
  margin: 3px auto 0;
  aspect-ratio: 42/25;
 }
 .wcl-firstview__product--item--visual img {
  width: 60%;
 }
 .wcl-firstview__product--item--visual img.type {
  width: 50%;
 }
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
 .wcl-firstview {
  min-width: 100%;
 }
 .wcl-firstview__body {
  min-width: initial;
  width: 100%;
  gap: 3%;
 }
 .wcl-firstview__visual {
  width: 47%;
 }
 .wcl-firstview__main {
  width: 50%;
 }
}
.wcl-firstview__optim {
 margin: 0 auto;
 padding: 34px 16px 60px;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 min-width: 1040px;
 width: 100%;
}
.wcl-firstview__optim--nav {
 margin: 0 auto;
 max-width: 1200px;
 width: 100%;
}
.wcl-firstview__optim--links {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 gap: 20px;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 margin-top: 60px;
}
.wcl-firstview__optim--links li {
 width: 40%;
}
.wcl-firstview__optim--links li:last-child {
 display: none;
}
.wcl-firstview__optim a.wcl-firstview__optim--button {
 border-radius: 100px;
 padding: 5px 44px 5px 5px;
 width: 100%;
 height: 3.5em;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 text-align: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 background: #FFCD00;
 border: 1px solid #FFCD00;
 position: relative;
 overflow: hidden;
 color: #0A1464;
 font-size: 20px;
 font-weight: 700;
 -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
         box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
}
.wcl-firstview__optim a.wcl-firstview__optim--button::after {
 content: "";
 background: url("../img/icon_arrow_bw_r.svg") no-repeat center;
 background-size: contain;
 width: 24px;
 height: 24px;
 display: block;
 position: absolute;
 top: 50%;
 right: 15px;
 -webkit-transform: translate3d(0, -50%, 0);
         transform: translate3d(0, -50%, 0);
}
.wcl-firstview__optim a.wcl-firstview__optim--button.white {
 background: #FFF;
 border: 1px solid #0A1464;
}
@media screen and (max-width: 767px) {
 .wcl-firstview__optim a.wcl-firstview__optim--button {
  height: 3em;
 }
}
@media only screen and (max-width: 767px) {
 .wcl-firstview__optim a.wcl-firstview__optim--button {
  font-size: 16px;
 }
}
@media only screen and (max-width: 375px) {
 .wcl-firstview__optim a.wcl-firstview__optim--button {
  font-size: max( 4.2666666667vw , 12px);
 }
}
.wcl-firstview__slider {
 max-width: 1250px;
 margin: 0 auto;
 position: relative;
 min-height: 400px;
 -webkit-transition: opacity 1s;
 transition: opacity 1s;
 opacity: 0;
}
.wcl-firstview__slider.loaded {
 opacity: 1;
}
.wcl-firstview__slider .slick-slide {
 margin: 0 100px;
}
.wcl-firstview__slider .slick-track {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
.wcl-firstview__slider .opt-slide-arrow {
 width: 60px;
 height: 60px;
 background: none;
 border: none;
 padding: 0;
 margin: 0;
 top: 50%;
 -webkit-transform: translateY(-100%);
         transform: translateY(-100%);
 z-index: 10;
}
.wcl-firstview__slider .opt-slide-arrow.opt-next-arrow {
 right: 25px;
}
.wcl-firstview__slider .opt-slide-arrow.opt-prev-arrow {
 left: 20px;
}
.wcl-firstview__slider .slick-dots {
 display: -webkit-box !important;
 display: -ms-flexbox !important;
 display: flex !important;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 margin-top: 20px;
 gap: 20px;
}
.wcl-firstview__slider .slick-dots button {
 background: #D6D6D6;
 border: none;
 font-size: 0;
 border-radius: 50%;
 width: 10px;
 height: 10px;
 padding: 0;
}
.wcl-firstview__slider .slick-dots .slick-active button {
 background: #0A1464;
}
.wcl-firstview__slider--item {
 width: 100%;
 min-height: 350px;
}
.wcl-firstview__slider--item a {
 display: block;
}
@media screen and (max-width: 767px) {
 .wcl-firstview__optim {
  padding: 20px 4.4444444444vw 50px;
  min-width: initial;
 }
 .wcl-firstview__optim--links {
  display: block;
  margin-top: 40px;
 }
 .wcl-firstview__optim--links li {
  width: 100%;
  display: none;
 }
 .wcl-firstview__optim--links li:last-child {
  display: block;
 }
 .wcl-firstview__slider {
  min-height: initial;
 }
 .wcl-firstview__slider .slick-slide {
  margin: 0 10px;
 }
 .wcl-firstview__slider .opt-slide-arrow {
  width: 80px;
  height: 80px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  -webkit-transform: translateY(-80%);
          transform: translateY(-80%);
  z-index: 2;
 }
 .wcl-firstview__slider .opt-slide-arrow img {
  width: 10px;
  height: 10px;
 }
 .wcl-firstview__slider .opt-slide-arrow:focus {
  opacity: 1;
 }
 .wcl-firstview__slider .opt-slide-arrow.opt-prev-arrow {
  left: -60px;
 }
 .wcl-firstview__slider .opt-slide-arrow.opt-prev-arrow img {
  -webkit-transform: rotate(180deg) translateX(-20px);
          transform: rotate(180deg) translateX(-20px);
 }
 .wcl-firstview__slider .opt-slide-arrow.opt-next-arrow {
  right: -60px;
 }
 .wcl-firstview__slider .opt-slide-arrow.opt-next-arrow img {
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
 }
 .wcl-firstview__slider .slick-dots {
  margin-top: 10px;
  gap: 3vw;
 }
 .wcl-firstview__slider .slick-dots button {
  width: 7px;
  height: 7px;
 }
 .wcl-firstview__slider .slick-dots button:hover {
  opacity: 1;
 }
 .wcl-firstview__slider--item {
  min-height: initial;
 }
 .wcl-firstview__slider--item a:hover {
  opacity: 1;
 }
}

.wcl-cta {
 background: url("../img/bg_cta.png") no-repeat center center;
 background-size: cover;
 padding: 50px 0;
}
.wcl-cta__wrap {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 margin: 0 auto;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 width: 90%;
 max-width: 800px;
 gap: 20px;
}
.wcl-cta__wrap a.wcl-cta__wrap--cv {
 border-radius: 100px;
 padding: 5px 44px 5px 5px;
 width: 100%;
 min-width: 73%;
 height: 70px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 text-align: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 background: #FFCD00;
 border: 2px solid #FFCD00;
 position: relative;
 overflow: hidden;
 color: #0A1464;
 font-size: 20px;
 font-weight: 700;
 -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
         box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
}
.wcl-cta__wrap a.wcl-cta__wrap--cv::after {
 content: "";
 background: url("../img/icon_arrow_bw_r.svg") no-repeat center;
 background-size: contain;
 width: 32px;
 height: 32px;
 display: block;
 position: absolute;
 top: 50%;
 right: 15px;
 -webkit-transform: translate3d(0, -50%, 0);
         transform: translate3d(0, -50%, 0);
}
.wcl-cta__wrap a.wcl-cta__wrap--cv:last-child {
 display: none;
}
@media screen and (max-width: 767px) {
 .wcl-cta__wrap a.wcl-cta__wrap--cv {
  display: none;
  height: 3em;
 }
 .wcl-cta__wrap a.wcl-cta__wrap--cv:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 }
}
@media only screen and (max-width: 767px) {
 .wcl-cta__wrap a.wcl-cta__wrap--cv {
  font-size: 16px;
 }
}
@media only screen and (max-width: 375px) {
 .wcl-cta__wrap a.wcl-cta__wrap--cv {
  font-size: max( 4.2666666667vw , 12px);
 }
}
.wcl-cta__wrap a.wcl-cta__wrap--entry {
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 border: 2px solid #FFFFFF;
 border-radius: 100px;
 font-size: 15px;
 font-weight: 700;
 min-width: 25%;
 min-height: 50px;
 color: #FFF;
 position: relative;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
.wcl-cta__wrap a.wcl-cta__wrap--entry::after {
 content: "";
 position: absolute;
 background: url("../img/icon_arrow_w_r.svg") no-repeat center;
 background-size: contain;
 width: 10px;
 height: 10px;
 display: block;
 position: absolute;
 top: 50%;
 right: 15px;
 -webkit-transform: translate3d(0, -50%, 0);
         transform: translate3d(0, -50%, 0);
}
@media screen and (max-width: 767px) {
 .wcl-cta__wrap a.wcl-cta__wrap--entry {
  display: none;
 }
}
.wcl-cta__wrap--caption {
 text-align: center;
 font-size: 18px;
 font-weight: 700;
 color: #FFF;
}
@media screen and (max-width: 767px) {
 .wcl-cta__wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
 }
}
@media screen and (max-width: 767px) {
 .wcl-cta {
  padding: 25px 0;
 }
}

.shin-meviy {
 max-width: 1200px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 margin: 50px auto 0 auto;
 padding: 50px 100px;
 border: 1px solid #002262;
 border-radius: 30px;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 gap: 30px;
}
.shin-meviy__img {
 width: 470px;
}
.shin-meviy__img a {
 display: block;
 position: relative;
}
.shin-meviy__button {
 position: absolute;
 right: 20px;
 bottom: 30px;
 display: block;
 text-align: left;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 width: 11em;
 padding: 10px 20px;
 border-radius: 30px;
 background: #fff;
 -webkit-box-shadow: 0 4px #002262;
         box-shadow: 0 4px #002262;
 color: #333;
 font-size: 18px;
 font-weight: bold;
 text-decoration: none;
}
.shin-meviy__button--inner {
 position: relative;
 display: block;
 padding-right: 30px;
}
.shin-meviy__button--inner::after {
 content: "";
 display: block;
 position: absolute;
 right: 0;
 top: 50%;
 width: 25px;
 aspect-ratio: 51/34;
 -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
 background: url("../img/top/icon_play.png") no-repeat;
 background-size: cover;
}
.shin-meviy__text {
 width: 500px;
 text-align: center;
}
.shin-meviy__text--title {
 font-weight: bold;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 gap: 20px;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
}
.shin-meviy__text--blue {
 font-size: 30px;
 color: #025fae;
}
.shin-meviy__text--blue span {
 font-size: 42px;
}
.shin-meviy__text--yellow {
 color: #ffd420;
 font-size: 42px;
}
.shin-meviy__text p {
 font-size: 18px;
}
.shin-meviy__text p a {
 display: inline-block;
 position: relative;
 padding: 0.5em;
 width: 14em;
 text-align: center;
 margin-top: 15px;
 background: #FFFFFF;
 border-radius: 100px;
 border: 2px solid #0A1464;
 color: #0A1464;
 font-weight: 700;
 text-align: center;
}
.shin-meviy__text p a::after {
 content: "";
 display: block;
 position: absolute;
 background: url("../img/icon_arrow_b_r.svg") no-repeat center center;
 background-size: cover;
 width: 10px;
 height: 10px;
 right: 15px;
 top: 50%;
 -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
}
@media screen and (max-width: 1100px) {
 .shin-meviy__button {
  font-size: 16px;
 }
}
@media screen and (max-width: 1024px) {
 .shin-meviy {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 50px auto 0 auto;
 }
 .shin-meviy__img {
  width: 100%;
 }
 .shin-meviy__button {
  font-size: 16px;
  padding: 10px 15px;
 }
 .shin-meviy__text {
  width: 100%;
 }
 .shin-meviy__text--blue {
  font-size: 22px;
 }
 .shin-meviy__text--blue span {
  font-size: 30px;
 }
 .shin-meviy__text--yellow {
  font-size: 30px;
 }
 .shin-meviy__text p {
  font-size: 16px;
 }
}
@media screen and (max-width: 767px) {
 .shin-meviy {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 30px 30px;
  gap: 10px;
  width: 90%;
 }
 .shin-meviy__text--title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
 }
 .shin-meviy__button {
  width: 120px;
  font-size: 10px;
  right: 10px;
  bottom: 15px;
 }
 .shin-meviy__button--inner {
  padding-right: 20px;
 }
 .shin-meviy__button--inner::after {
  width: 20px;
 }
}

.about-meviy__step {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 gap: 70px;
}
.about-meviy__step--list {
 width: 530px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 gap: 20px;
 position: relative;
}
.about-meviy__step--list li {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 padding: 30px 40px 30px 140px;
 position: relative;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 background: #FFFFFF;
 -webkit-box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.14902);
         box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.14902);
 border-radius: 10px;
}
.about-meviy__step--list--icon {
 width: 87px;
 height: 65px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
.about-meviy__step--list--icon img {
 max-height: 100%;
 max-width: 100%;
}
.about-meviy__step--list--order {
 position: absolute;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 width: 80px;
 height: 80px;
 border-radius: 50%;
 color: #FFF;
 font-size: 20px;
 font-weight: 700;
 background: #1E218B;
 font-family: "Inter", sans-serif;
 line-height: 1.2;
 left: 40px;
 top: 50%;
 -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
 z-index: 2;
}
.about-meviy__step--list--order span {
 font-size: 13px;
 margin-top: 7px;
}
.about-meviy__step--list p {
 font-size: 22px;
 font-weight: 700;
 color: #1E218B;
 line-height: 1.2;
 padding-left: 0.8em;
}
.about-meviy__step--list::after {
 content: "";
 display: block;
 position: absolute;
 width: 2px;
 height: 70%;
 background-color: #1E218B;
 left: 79px;
 top: 50%;
 -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
}
.about-meviy__step--movie {
 width: 600px;
}
.about-meviy__step--movie h3 {
 font-size: 22px;
 font-weight: 700;
 color: #0A1464;
 padding: 1em 0;
 text-align: center;
}
.about-meviy__step--movie--youtube {
 aspect-ratio: 16/9;
}
@media screen and (max-width: 767px) {
 .about-meviy__step {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
 }
 .about-meviy__step--list {
  width: 100%;
 }
 .about-meviy__step--list li {
  padding: 20px 20px 20px 80px;
 }
 .about-meviy__step--list--icon {
  width: 54px;
  height: 40px;
 }
 .about-meviy__step--list--order {
  width: 50px;
  height: 50px;
  font-size: 16px;
  left: 20px;
 }
 .about-meviy__step--list--order span {
  font-size: 10px;
 }
 .about-meviy__step--list p {
  font-size: max( 4vw , 12px);
 }
 .about-meviy__step--list::after {
  width: 2px;
  background-color: #0A1464;
  left: 44px;
 }
 .about-meviy__step--movie {
  width: 100%;
 }
}
.about-meviy__features--blocks {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 gap: 30px;
}
.about-meviy__features--block {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 border-radius: 10px;
 background: #FFF;
 -webkit-box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
         box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
 width: calc((100% - 60px) / 3);
 overflow: hidden;
}
.about-meviy__features--block h3 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 background: #0A1464;
 text-align: center;
 color: #FFF;
 height: 4.5em;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 font-size: 22px;
 font-weight: 700;
 line-height: 1.4;
}
.about-meviy__features--content {
 padding: 2em;
 -webkit-box-flex: 1;
     -ms-flex-positive: 1;
         flex-grow: 1;
 font-size: 16px;
}
.about-meviy__features--content .img {
 padding: 1em 0;
 text-align: center;
}
.about-meviy__features--content .img img {
 margin: 0 auto;
 max-height: 230px;
 max-width: 100%;
 width: auto;
}
.about-meviy__features--content .note {
 font-size: 14px;
}
@media screen and (max-width: 767px) {
 .about-meviy__features--blocks {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
 }
 .about-meviy__features--block {
  width: 100%;
 }
 .about-meviy__features--block h3 {
  height: auto;
  padding: 0.5em 0;
  font-size: max( 4.8vw , 12px);
 }
 .about-meviy__features--content {
  font-size: max( 3.7333333333vw , 12px);
  padding: 1em 1.5em;
 }
 .about-meviy__features--content .note {
  font-size: max( 3.2vw , 12px);
 }
}

.youtube-block {
 aspect-ratio: 16/9;
}
.youtube-block__button {
 display: block;
 width: 100%;
 aspect-ratio: 16/9;
 border: 0;
 padding: 0;
 margin: 0;
 background: none;
 position: relative;
 cursor: pointer;
 -webkit-transition: 0.2s;
 transition: 0.2s;
}
.youtube-block__button img {
 display: block;
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
    object-fit: cover;
}
.youtube-block__button .youtube-icon {
 position: absolute;
 width: 72px;
 height: 72px;
 left: 50%;
 top: 50%;
 -webkit-transform: translateX(-50%) translateY(-50%);
         transform: translateX(-50%) translateY(-50%);
 pointer-events: none;
}
.youtube-block__iframe {
 display: block;
 width: 100%;
 aspect-ratio: 16/9;
 border: none;
 outline: none;
}

.start-meviy__step {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 gap: 30px;
 position: relative;
}
.start-meviy__step--block {
 position: relative;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 width: calc((100% - 60px) / 3);
 background: #FFF;
 -webkit-box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
         box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
 border-radius: 10px;
 padding: 2em 30px 7em 30px;
 font-size: 16px;
}
.start-meviy__step--block h3 {
 position: relative;
 padding-top: 100px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 font-size: 22px;
 color: #0A1464;
 font-weight: 700;
 line-height: 1.2;
 padding-bottom: 1em;
}
.start-meviy__step--block h3 .icon {
 max-width: 50px;
 max-height: 50px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 margin-right: 0.5em;
}
.start-meviy__step--block h3 .icon img {
 max-width: 100%;
 max-height: 100%;
}
.start-meviy__step--block h3 .step {
 position: absolute;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 border-radius: 50%;
 background-color: #1E218B;
 color: #FFF;
 font-family: "Inter", sans-serif;
 line-height: 1;
 font-size: 20px;
 font-weight: 700;
 width: 80px;
 height: 80px;
 left: 50%;
 top: 0;
 -webkit-transform: translateX(-50%);
         transform: translateX(-50%);
 z-index: 2;
}
.start-meviy__step--block h3 .step span {
 margin: 4px 0 3px 0;
 font-size: 13px;
}
.start-meviy__step--image {
 margin-top: 1em;
}
.start-meviy__step--button {
 width: 90%;
 max-width: 250px;
 display: block;
 position: absolute;
 left: 50%;
 bottom: 2em;
 -webkit-transform: translateX(-50%);
         transform: translateX(-50%);
}
.start-meviy__step--button a {
 display: block;
 position: relative;
 padding: 0.5em;
 margin: 0 auto;
 background: #FFFFFF;
 border: 2px solid #0A1464;
 color: #0A1464;
 font-weight: 700;
 text-align: center;
 -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
         box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
 border-radius: 100px;
}
.start-meviy__step--button a::after {
 content: "";
 display: block;
 position: absolute;
 background: url("../img/icon_arrow_b_r.svg") no-repeat center center;
 background-size: cover;
 width: 10px;
 height: 10px;
 right: 15px;
 top: 50%;
 -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
}
.start-meviy__step::after {
 content: "";
 display: block;
 position: absolute;
 width: 70%;
 height: 2px;
 background-color: #1E218B;
 top: 70px;
 left: 50%;
 -webkit-transform: translateX(-50%);
         transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
 .start-meviy__step {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 60px;
  margin-top: 40px;
  font-size: max( 3.7333333333vw , 12px);
 }
 .start-meviy__step--block {
  width: 100%;
  padding: 1em 1.5em;
 }
 .start-meviy__step--block h3 {
  padding-top: 2em;
 }
 .start-meviy__step--block h3 .step {
  top: -55px;
 }
 .start-meviy__step--image {
  margin-top: 1em;
 }
 .start-meviy__step--button {
  position: static;
  -webkit-transform: initial;
          transform: initial;
  max-width: initial;
  width: 100%;
  margin-top: 20px;
  text-align: center;
 }
 .start-meviy__step--button a {
  max-width: 68%;
  font-size: max( 3.2vw , 12px);
 }
 .start-meviy__step::after {
  display: none;
 }
}

#suggest {
 background-color: #D4EBF7;
}

.suggest-meviy__icon {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 gap: 20px;
}
.suggest-meviy__icon--img {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 width: 83px;
 height: 70px;
}
.suggest-meviy__icon--img img {
 max-width: 100%;
 max-height: 100%;
}
.suggest-meviy__icon--block {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 gap: 20px;
 width: 210px;
 height: 210px;
 background: #FFFFFF;
 -webkit-box-shadow: 0px 0px 5px rgba(10, 20, 100, 0.2);
         box-shadow: 0px 0px 5px rgba(10, 20, 100, 0.2);
 border-radius: 50%;
}
.suggest-meviy__icon--block p {
 text-align: center;
 font-size: 22px;
 font-weight: 700;
 color: #0A1464;
 line-height: 1.4;
}
.suggest-meviy h3 {
 font-size: 28px;
 font-weight: 500;
 text-align: center;
 padding: 2em 0 1em 0;
}
.suggest-meviy__reason {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 gap: 30px;
}
.suggest-meviy__reason--block {
 background: #FFF;
 -webkit-box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
         box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
 border-radius: 10px;
 overflow: hidden;
 width: calc((100% - 60px) / 3);
}
.suggest-meviy__reason--label {
 background-color: #0A1464;
 color: #FFF;
 font-size: 22px;
 font-weight: 700;
 text-align: center;
 padding: 0.5em;
}
.suggest-meviy__reason--content {
 padding: 1.5em;
 font-size: 16px;
 line-height: 1.4;
}
.suggest-meviy__reason--content h4 {
 font-size: 22px;
 font-weight: 700;
 color: #0A1464;
 text-align: center;
 padding-bottom: 1em;
}
.suggest-meviy__reason--content ul {
 padding-left: 1.5em;
}
.suggest-meviy__reason--content ul li {
 list-style-type: disc;
 font-weight: 400;
}
.suggest-meviy__reason--content ul li + li {
 margin-top: 0.5em;
}
.suggest-meviy__reason--content small {
 font-size: 14px;
 display: block;
 padding-left: 1em;
 text-indent: -1em;
 margin-top: 1em;
}
@media screen and (max-width: 767px) {
 .suggest-meviy__icon {
  gap: 8px;
 }
 .suggest-meviy__icon--img {
  width: auto;
  height: 36px;
 }
 .suggest-meviy__icon--block {
  width: calc((100% - 16px) / 3);
  height: auto;
  aspect-ratio: 1/1;
  gap: 8px;
 }
 .suggest-meviy__icon--block p {
  font-size: max( 3.2vw , 12px);
 }
 .suggest-meviy h3 {
  font-size: max( 5.3333333333vw , 12px);
 }
 .suggest-meviy__reason {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
 }
 .suggest-meviy__reason--block {
  width: 100%;
 }
 .suggest-meviy__reason--label {
  font-size: max( 4.8vw , 12px);
 }
 .suggest-meviy__reason--content {
  padding: 1em 1.5em;
  font-size: max( 3.7333333333vw , 12px);
 }
 .suggest-meviy__reason--content h4 {
  font-size: max( 4.8vw , 12px);
 }
}

.example-meviy__wrap {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 gap: 25px;
 margin: 0 auto;
}
.example-meviy__item {
 width: calc((100% - 100px) / 5);
 background: #FFFFFF;
 -webkit-box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
         box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
 border-radius: 10px;
}
.example-meviy__item a {
 display: block;
 position: relative;
}
.example-meviy__item a::after {
 content: "";
 display: block;
 position: absolute;
 background: url("../img/icon_arrow_b_r.svg") no-repeat center center;
 background-size: cover;
 width: 10px;
 height: 10px;
 right: 10px;
 top: 50%;
 -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
}
.example-meviy__item--title {
 font-size: 22px;
 font-weight: 700;
 color: #0A1464;
 text-align: center;
 padding: 1em 1em 0 1em;
}
.example-meviy__item--thumb {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 width: 68%;
 aspect-ratio: 1/1;
 margin: 0 auto;
}
.example-meviy__item--thumb img {
 max-width: 100%;
 max-height: 100%;
 -o-object-fit: cover;
    object-fit: cover;
}
.example-meviy__item--info h4 {
 font-size: 14px;
 font-weight: 700;
 padding: 5px 20px;
 background-color: #F7F7F7;
 color: #000;
}
.example-meviy__item--info p {
 font-size: 16px;
 padding: 5px 20px 10px 20px;
 color: #000;
}
@media screen and (max-width: 767px) {
 .example-meviy__wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 13px;
 }
 .example-meviy__item {
  width: calc((100% - 13px) / 2);
 }
 .example-meviy__item--title {
  font-size: max( 4vw , 12px);
 }
 .example-meviy__item--info h4 {
  font-size: max( 3.2vw , 12px);
  padding: 3px 10px;
 }
 .example-meviy__item--info p {
  font-size: max( 3.2vw , 12px);
  padding: 3px 10px 8px 10px;
 }
}

.case-meviy__achieve h3 {
 font-size: 22px;
 font-weight: 700;
 color: #0A1464;
 text-align: center;
}
.case-meviy__achieve--content {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 gap: 30px;
 margin-top: 30px;
}
.case-meviy__achieve--content li {
 width: calc((100% - 60px) / 3);
 background: #FFFFFF;
 -webkit-box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
         box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
 border-radius: 10px;
 overflow: hidden;
 text-align: center;
 padding-bottom: 20px;
}
.case-meviy__achieve--detail {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: relative;
 padding: 20px 20px 20px 120px;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 background-color: #0A1464;
 font-size: 22px;
 font-weight: 700;
 color: #FFF;
 text-align: left;
}
.case-meviy__achieve--detail img {
 width: 80px;
 height: 80px;
 position: absolute;
 left: 20px;
 top: 50%;
 -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
}
.case-meviy__achieve--result {
 display: inline-block;
 font-size: 58px;
 font-weight: 400;
 font-family: "Inter", sans-serif;
 color: #0A1464;
 font-weight: 700;
 border-bottom: 4px solid #FFCD00;
 line-height: 1;
 margin-top: 20px;
}
.case-meviy__achieve--result span {
 font-size: 40px;
}
.case-meviy__achieve--text {
 text-align: center;
 font-size: 14px;
 margin-top: 20px;
}
.case-meviy__voice {
 position: relative;
 margin-top: 40px;
}
.case-meviy__voice .slide-arrow {
 width: 60px;
 height: 60px;
 background: none;
 border: none;
 padding: 0;
 margin: 0;
 top: 20%;
}
.case-meviy__voice .slick-track {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
.case-meviy__voice .slick-slide {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 background: #FFFFFF;
 -webkit-box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
         box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
 border-radius: 10px;
 overflow: hidden;
 width: 580px;
 height: auto !important;
}
.case-meviy__voice .slick-slide > div {
 -webkit-box-flex: 1;
     -ms-flex-positive: 1;
         flex-grow: 1;
}
.case-meviy__voice .slick-dots {
 display: -webkit-box !important;
 display: -ms-flexbox !important;
 display: flex !important;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 margin-top: 20px;
 gap: 20px;
}
.case-meviy__voice .slick-dots button {
 background: #D6D6D6;
 border: none;
 font-size: 0;
 border-radius: 50%;
 width: 10px;
 height: 10px;
 padding: 0;
}
.case-meviy__voice .slick-dots .slick-active button {
 background: #0A1464;
}
.case-meviy__voice--content {
 height: 100%;
}
.case-meviy__voice--content a {
 position: relative;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 height: 100%;
 -webkit-box-pack: start;
     -ms-flex-pack: start;
         justify-content: start;
}
.case-meviy__voice--content a::after {
 content: "";
 display: block;
 position: absolute;
 background: url("../img/icon_arrow_b_r.svg") no-repeat center center;
 background-size: cover;
 width: 10px;
 height: 10px;
 right: 10px;
 bottom: 10px;
}
.case-meviy__voice--thumb {
 padding-bottom: 50px;
 width: 100%;
 overflow: hidden;
 position: relative;
}
.case-meviy__voice--thumb .img {
 aspect-ratio: 29/14;
}
.case-meviy__voice--thumb .img img {
 max-width: 100%;
 -o-object-fit: cover;
    object-fit: cover;
}
.case-meviy__voice--logo {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: absolute;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 width: 240px;
 left: 50%;
 -webkit-transform: translateX(-50%);
         transform: translateX(-50%);
 bottom: 0;
 aspect-ratio: 12/5;
 border-radius: 10px;
 background: #FFFFFF;
}
.case-meviy__voice--logo img {
 max-width: 90%;
 -o-object-fit: cover;
    object-fit: cover;
}
.case-meviy__voice--text {
 padding: 20px 25px 20px 25px;
}
.case-meviy__voice--title {
 font-size: 22px;
 font-weight: 700;
 color: #0A1464;
}
.case-meviy__voice--title + * {
 margin-top: 0.5em;
}
.case-meviy__voice--detail {
 color: #000;
 font-size: 16px;
}
@media screen and (max-width: 767px) {
 .case-meviy__achieve h3 {
  font-size: max( 4.2666666667vw , 12px);
 }
 .case-meviy__achieve--content {
  gap: 9px;
 }
 .case-meviy__achieve--content li {
  width: calc((100% - 18px) / 3);
 }
 .case-meviy__achieve--detail {
  padding: 10px;
  font-size: max( 2.9333333333vw , 10px);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
 }
 .case-meviy__achieve--detail img {
  position: static;
  width: 50px;
  height: 50px;
  left: initial;
  top: initial;
  -webkit-transform: initial;
          transform: initial;
  margin-bottom: 5px;
 }
 .case-meviy__achieve--result {
  font-size: max( 7.7333333333vw , 10px);
  font-weight: 700;
 }
 .case-meviy__achieve--result span {
  font-size: max( 5.0666666667vw , 10px);
  font-weight: 500;
 }
 .case-meviy__voice .slide-arrow {
  width: 80px;
  height: 80px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
 }
 .case-meviy__voice .slide-arrow img {
  width: 10px;
  height: 10px;
 }
 .case-meviy__voice .slide-arrow:focus {
  opacity: 1;
 }
 .case-meviy__voice .slide-arrow.prev-arrow {
  left: -40px;
 }
 .case-meviy__voice .slide-arrow.prev-arrow img {
  -webkit-transform: rotate(180deg) translateX(-20px);
          transform: rotate(180deg) translateX(-20px);
 }
 .case-meviy__voice .slide-arrow.next-arrow {
  right: -40px;
 }
 .case-meviy__voice .slide-arrow.next-arrow img {
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
 }
 .case-meviy__voice .slick-dots {
  margin-top: 10px;
  gap: 3vw;
 }
 .case-meviy__voice .slick-dots button {
  width: 7px;
  height: 7px;
 }
 .case-meviy__voice .slick-dots button:hover {
  opacity: 1;
 }
 .case-meviy__voice--thumb {
  padding-bottom: 9.375vw;
 }
 .case-meviy__voice--logo {
  width: 50%;
 }
 .case-meviy__voice--title {
  font-size: max( 4.8vw , 10px);
 }
 .case-meviy__voice--detail {
  font-size: max( 3.7333333333vw , 10px);
 }
}

.infograph-meviy__costdown {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 gap: 60px;
}
.infograph-meviy__costdown--graphic {
 width: 59.1%;
 background: #FFFFFF;
 -webkit-box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
         box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
 border-radius: 10px;
 overflow: hidden;
}
.infograph-meviy__costdown--graphic h3 {
 background-color: #0A1464;
 color: #FFF;
 font-size: 22px;
 font-weight: 700;
 text-align: center;
 padding: 20px;
}
.infograph-meviy__costdown--text {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 width: calc(40.9% - 60px);
 font-size: 16px;
}
.infograph-meviy__costdown--graphitem {
 padding: 30px 55px;
 position: relative;
}
.infograph-meviy__costdown--reduction {
 position: absolute;
 top: 75px;
 right: 55px;
 width: 35%;
 margin-top: -50px;
 opacity: 0;
}
.infograph-meviy__awards {
 background: #FFFFFF;
 -webkit-box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
         box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
 border-radius: 10px;
 padding: 30px;
}
@media screen and (max-width: 767px) {
 .infograph-meviy__costdown {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
 }
 .infograph-meviy__costdown--graphic {
  width: 100%;
 }
 .infograph-meviy__costdown--text {
  width: 100%;
  font-size: max( 3.7333333333vw , 12px);
 }
 .infograph-meviy__costdown--graphitem {
  padding: 20px;
 }
 .infograph-meviy__costdown--reduction {
  width: 41%;
  top: 15.2777777778vw;
  right: 20px;
 }
 .infograph-meviy__awards {
  padding: 10px;
 }
}

.faq-meviy__content {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 gap: 30px;
}
.faq-meviy__item {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 background: #FFFFFF;
 -webkit-box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
         box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
 border-radius: 10px;
 overflow: hidden;
}
.faq-meviy__item--q {
 position: relative;
 background: #0A1464;
 color: #FFF;
 padding: 20px 30px 20px 100px;
 font-size: 22px;
 font-weight: 700;
}
.faq-meviy__item--q::before {
 position: absolute;
 content: "Q";
 font-size: 30px;
 font-family: "Inter", sans-serif;
 font-weight: 700;
 color: #FFF;
 left: 42px;
 top: 10px;
 letter-spacing: 0;
}
.faq-meviy__item--a {
 position: relative;
 padding: 30px 30px 30px 100px;
 font-size: 16px;
}
.faq-meviy__item--a::before {
 position: absolute;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 content: "A";
 font-family: "Inter", sans-serif;
 font-weight: 700;
 color: #FFF;
 font-size: 20px;
 width: 40px;
 height: 40px;
 background: #1E218B;
 border-radius: 50%;
 left: 33px;
 top: 25px;
 letter-spacing: 0;
}
.faq-meviy__item--a ul {
 padding-left: 1em;
}
.faq-meviy__item--a ul li {
 list-style-type: disc;
}
.faq-meviy__item--table {
 width: 100%;
}
.faq-meviy__item--table h4 {
 font-size: 12px;
 font-weight: 700;
 color: #0A1464;
}
* + .faq-meviy__item--table h4 {
 margin-top: 20px;
}
.faq-meviy__item--table table {
 width: 100%;
 border-left: 1px solid #0A1464;
 border-bottom: 1px solid #0A1464;
 font-size: 12px;
}
* + .faq-meviy__item--table table {
 margin-top: 10px;
}
.faq-meviy__item--table thead {
 background-color: #0A1464;
 color: #FFF;
}
.faq-meviy__item--table thead th {
 border-top: 1px solid #0A1464;
 border-right: 1px solid #FFF;
 padding: 1em 2em;
 width: 50%;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
}
.faq-meviy__item--table thead th:last-child {
 border-right: 1px solid #0A1464;
}
.faq-meviy__item--table tbody td {
 border-top: 1px solid #0A1464;
 border-right: 1px solid #0A1464;
 padding: 1em 2em;
 width: 50%;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
}
.faq-meviy__item--notes {
 font-size: 12px;
}
* + .faq-meviy__item--notes {
 margin-top: 10px;
}
@media screen and (max-width: 767px) {
 .faq-meviy__content {
  gap: 15px;
 }
 .faq-meviy__item--q {
  font-size: max( 4.2666666667vw , 12px);
  padding: 10px 20px 10px 40px;
 }
 .faq-meviy__item--q::before {
  font-size: max( 5.3333333333vw , 12px);
  left: 20px;
  top: 5px;
 }
 .faq-meviy__item--a {
  padding: 20px 20px 20px 55px;
  font-size: max( 4.2666666667vw , 12px);
 }
 .faq-meviy__item--a::before {
  font-size: max( 4.8vw , 12px);
  width: 30px;
  height: 30px;
  left: 13px;
  top: 18px;
 }
 .faq-meviy__item--a ul {
  padding-left: 1em;
 }
 .faq-meviy__item--a ul li {
  list-style-type: disc;
 }
 .faq-meviy__item--table h4 {
  font-size: max( 3.2vw , 12px);
 }
 * + .faq-meviy__item--table h4 {
  margin-top: 10px;
 }
 .faq-meviy__item--table table {
  font-size: max( 3.2vw , 12px);
 }
 .faq-meviy__item--table thead th {
  padding: 1em;
 }
 .faq-meviy__item--table tbody td {
  padding: 1em;
 }
}

#movie {
 background-color: #D4EBF7;
}

.movie-meviy {
 padding-top: 80px;
}
.movie-meviy__link {
 background: #FFFFFF;
 -webkit-box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
         box-shadow: 0px 0px 5px rgba(30, 33, 139, 0.15);
 border-radius: 10px;
 overflow: hidden;
}
.movie-meviy__link--other {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
.movie-meviy__link--other li {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 width: 33.3333333333%;
 position: relative;
}
.movie-meviy__link--other li::after {
 content: "";
 display: block;
 width: 1px;
 height: 50px;
 position: absolute;
 right: 0;
 top: 50%;
 background-color: #D0D0D0;
 -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
}
.movie-meviy__link--other li:last-child::after {
 display: none;
}
.movie-meviy__link--other a {
 display: block;
 padding: 40px 30px;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 font-size: 20px;
 font-weight: 700;
 color: #0A1464;
 position: relative;
 box-sizing: border-box;
 width: 100%;
}
.movie-meviy__link--other a::after {
 content: "";
 display: block;
 position: absolute;
 background: url("../img/icon_arrow_b_r.svg") no-repeat center center;
 background-size: cover;
 width: 10px;
 height: 10px;
 right: 30px;
 top: 50%;
 -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
 .movie-meviy__link--other {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
 }
 .movie-meviy__link--other li {
  width: 100%;
 }
 .movie-meviy__link--other li::after {
  width: 100%;
  height: 1px;
  top: 100%;
  -webkit-transform: initial;
          transform: initial;
 }
 .movie-meviy__link--other li a {
  padding: 10px 20px;
  font-size: max( 3.7333333333vw , 12px);
 }
 .movie-meviy__link--other li a::after {
  right: 20px;
 }
}

.support-meviy__services {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 gap: 0 18px;
}
.support-meviy__services--item {
 width: calc(100% - 9px);
 border-radius: 10px;
 -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
         box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 padding: 20px;
}
.support-meviy__services--item a {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 gap: 0 18px;
 position: relative;
 color: #000;
 height: 100%;
}
.support-meviy__services--item a .image {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 width: calc(28% - 18px);
}
.support-meviy__services--item a .text {
 width: 72%;
 display: block;
}
.support-meviy__services--item a::after {
 content: "";
 display: block;
 position: absolute;
 background: url("../img/icon_arrow_b_r.svg") no-repeat center center;
 background-size: cover;
 width: 10px;
 height: 10px;
 right: 0;
 bottom: 0;
}
@media screen and (max-width: 1024px) {
 .support-meviy__services {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px 0;
 }
 .support-meviy__services--item {
  width: 100%;
 }
 .support-meviy__services--item a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px 0;
 }
 .support-meviy__services--item a .image {
  width: 100%;
 }
 .support-meviy__services--item a .image img {
  max-height: 160px;
  width: auto;
  max-width: 80%;
 }
 .support-meviy__services--item a .text {
  width: 100%;
 }
}/*# sourceMappingURL=top_wcl-2024.css.map */