@charset "UTF-8";
/**
* Eric Meyer's Reset CSS v2.0
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  /* font: inherit; */
  font-size: 100%;
  vertical-align: baseline;
  font-family: 'Inter', 'Noto Sans JP', sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section, time {
  display: block;
}

/* Common
======================================== */
.is-only-sp {
    display: none !important;

    @media screen and (max-width: 768px) {
        display: block !important;
    }
}

.is-only-pc {
    @media screen and (max-width: 768px) {
        display: none !important;
    }
}
/* Common ここまで
======================================== */

body {
  line-height: 1;
  color: black;
  background: white;
}

a {
  color: inherit;
  text-decoration: none;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* meyerweb css reset end */

textarea:focus, input:focus {
  outline: 0;
}

input {
  border-width: 0;
}

em {
  font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}

.group:before,
.group:after {
  content: " ";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  zoom: 1; /* ie 6/7 */
}

embed,
img,
object,
video {
  max-width: 100%;
}
sup {
  font-size: 58.3%;
  vertical-align: text-top;
}
sub {
  font-size: 58.3%;
  vertical-align: text-bottom;
}
.no-space-between-inline-blocks {
  letter-spacing: normal; /*reset IE < 8*/
  letter-spacing: -0.31em; /*webkit*/
  word-spacing: -0.43em; /*IE < 8 && gecko*/
}
/*restore spacing on inner elements*/
.no-space-between-inline-blocks > * {
  letter-spacing: normal;
  word-spacing: normal;
}
.displace {
  left: -5000px;
  position: absolute;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  width: 100%;
}
*,
*:after,
*:before {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
body {
  /* min-width: 2000px; */
  color: #0c1841;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0;
  text-decoration: none;
}
body {
  float: none;
  height: auto;
  margin: 0 auto;
  position: relative;
  width: 100%; /* 2000px / 2000px = 100% */
}
.main-body-area {
  position: relative;
}
.fv-area {
  width: 100%; /* 2000px / 2000px = 100% */
  height: auto;
  /* min-height: 1105px; */
  overflow: hidden;
  /* padding: 0 0 599px; */
  padding-top: 100px;
  position: relative;
  background: url(images/adobestock_515772230.png) no-repeat center 0;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  @media screen and (max-width: 768px) {
    width: auto;
  }
}
.fv-button-area {
  height: auto;
  min-height: 200px;
  background: linear-gradient(86deg, #4073ba -25%, #579fcf 49.926758%, #82ecf6 125%);
}
.header-menu-area {
  position: fixed;
  width: 100%; /* 2000px / 2000px = 100% */
  z-index: 999;
}
.group-4 {
  padding: 17px 0 19px;
  position: relative;
  background: #1a1a1a;
}
.l-constrained-5 {
  display: flex;
  margin: 0 auto;
  /* padding: 0 405px; */
  position: relative;
  width: 100%;
  justify-content: center;
}
.layer {
  float: left;
}
.text {
  float: left;
  margin: 25px 0 0 31px;
  color: #ffffff;
  font-size: 17px;
  font-weight: bold;
}
.text-2 {
  float: left;
  margin: 26px 0 0 18px;
  color: #ffffff;
  font-size: 17px;
  font-weight: bold;
}
.text-3 {
  float: left;
  margin: 25px 0 0 16px;
  color: #ffffff;
  font-size: 17px;
  font-weight: bold;
}
.text-4 {
  float: left;
  margin: 25px 0 0 18px;
  color: #ffffff;
  font-size: 17px;
  font-weight: bold;
}
.text-5 {
  float: left;
  margin: 24px 0 0 13px;
  color: #ffffff;
  font-size: 17px;
  font-weight: bold;
}

/* ダウンロードボタン */
.header-area-btn-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 18px;
  background: #d97729; /* オレンジ背景（近似色） */
  /* border-radius: 4px; */
  text-decoration: none;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 600;
  width: 170px;   /* 画像と同じ横幅 */
  height: 64px;
  min-width: 140px;
  box-sizing: border-box;
  margin: 0 10px 0 40px;
}

/* テキスト */
.header-area-btn-text {
  text-align: center;
  display: block;
}

/* 右向きの白い矢印 */
.header-area-btn-arrow {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #ffffff;
}

/* ホバー時 */
.header-area-btn-download:hover {
  opacity: 0.9;
}

/* 無料相談ボタン（白背景・枠線） */
.header-area-btn-consult {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 170px;
  height: 64px;
  min-width: 140px;
  padding: 8px 18px;
  background: #ffffff;
  border: 2px solid #d97729; /* オレンジ枠 */
  /* border-radius: 4px; */
  text-decoration: none;
  box-sizing: border-box;
  margin: 0 0 0 10px;
}

/* テキスト */
.header-area-btn-consult-text {
  color: #d97729;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  display: block;
}

/* 右向き矢印（オレンジ） */
.header-area-btn-consult-arrow {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #d97729;
}

/* ホバー時 */
.header-area-btn-consult:hover {
  background: #fff6ef;
}


/* ファーストビューH1テキスト */
.highlight-text {
  @media screen and (max-width: 768px) {
    text-align: center;
  }
}


/* テキストの背景色 */
.highlight-text span {
  /* 白い背景色 */
  background-color: #fff;
  /* 枠線 */
  border: 1px solid #ccc;
  /* 文字と枠の間の余白 */
  padding: 2px 4px;
  /* 各文字の枠を横に並べるためにインラインブロックを指定 */
  display: inline-block;
  /* 枠同士の間隔を調整 */
  margin: 2px;
  /* テキストの色（必要に応じて設定） */
  /* color: #333; */
  font-size: 42px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 43px;
}



.col-44 {
  margin: 24px auto 40px;
  min-height: 382px;
  padding: 36px 180px 30px;
  position: relative;
  right: 389.5px;
  width: auto;
  max-width: 1400px;
  -webkit-border-radius: 0 191px 191px 0;
  -moz-border-radius: 0 191px 191px 0;
  border-radius: 0 191px 191px 0;
  background: rgba(12, 24, 65, 0.75);

  @media screen and (max-width: 768px) {
    padding: 80px 0;
    right: initial;
    border-radius: 230px 230px 0 0;
    margin: 0 auto;
  }
}
.row-27 {
  margin: 0 0 0 469px;
  position: relative;

  @media screen and (max-width: 768px) {
    display: flex;
    width: 80%;
    margin: 0 auto;
    justify-content: center;
  }
}
.group-5 {
  float: left;
  height: 48px;
  margin: 28px 17px 0 0;
  position: relative;
  width: 222px;

  @media screen and (max-width: 768px) {
    margin: 28px 0 0 0;
  }
}
.layer-holder {
  left: 50%;
  min-height: 44px;
  padding: 8px 5px;
  position: absolute;
  top: 3px;
  width: 218px;
  -webkit-border-radius: 21.76px;
  -moz-border-radius: 21.76px;
  border-radius: 21.76px;
  background: #1a1a1a;
  margin-left: -109px;
}
.layer-2 {
  float: left;
  margin: 0 3px 0 12px;
}
.text-6 {
  color: #ffffff;
  font-family: PCapieNpProN, serif;
  font-size: 25px;
  font-weight: bold;
}
.layer-3 {
  height: 48px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 222px;
  border: 4px solid #ffffff; /*stroke*/
  -webkit-border-radius: 23.51px;
  -moz-border-radius: 23.51px;
  border-radius: 23.51px;
  margin-left: -111px;
}
.layer-4 {
  @media screen and (max-width: 768px) {
    position: absolute;
    top: -30px;
    left: 70%;
  }
}
.group-6 {
  height: 46px;
  margin: 24px 0 0 469px;
  position: relative;
  width: 100%;

  @media screen and (max-width: 768px) {
    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
  }
}
.layer-5 {
  height: 46px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 46px;
  background: #ffffff;
  margin-left: -236.5px;
}
.layer-6 {
  height: 46px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 46px;
  background: #ffffff;
  margin-left: -188.5px;
}
.layer-7 {
  height: 46px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 46px;
  background: #ffffff;
  margin-left: -139.5px;
}
.layer-8 {
  height: 46px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 46px;
  background: #ffffff;
  margin-left: -91.5px;
}
.layer-9 {
  height: 46px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 46px;
  background: #ffffff;
  margin-left: -42.5px;
}
.layer-10 {
  height: 46px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 46px;
  background: #ffffff;
  margin-left: 5.5px;
}
.layer-11 {
  height: 46px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 46px;
  background: #ffffff;
  margin-left: 53.5px;
}
.layer-12 {
  height: 46px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 46px;
  background: #ffffff;
  margin-left: 102.5px;
}
.layer-13 {
  height: 46px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 46px;
  background: #ffffff;
  margin-left: 150.5px;
}
.text-8 {
  margin: 18px 0 0 469px;
  color: #ffffff;

  font-size: 24px;
  font-weight: bold;

  @media screen and (max-width: 768px) {
    margin: 10px 0 0 0;
    text-align: center;
  }
}
.layer-14 {
  display: block;
  margin: 27px 0 0 471px;
  position: relative;

  @media screen and (max-width: 768px) {
    margin: 10px auto;
    width: 94%;
  }
}
.text-9 {
  margin: 19px 0 0 469px;
  color: #ffffff;

  font-size: 17px;
  font-weight: 500;
  line-height: 24px;

  @media screen and (max-width: 768px) {
    margin: 0 auto;
    width: 90%;
  }
}
.col-2 {
  margin: -25px 0 0;
  /* min-height: 850px; */
  overflow: hidden;
  padding: 0 0 39px;
  position: relative;
  z-index: 0;
  /* background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImxheWVyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNDclIiB4Mj0iMTAwJSIgeTI9IjUzJSI+CjxzdG9wIG9mZnNldD0iLTI1JSIgc3RvcC1jb2xvcj0iIzQwNzNiYSIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8c3RvcCBvZmZzZXQ9IjQ5LjkyNjc1OCUiIHN0b3AtY29sb3I9IiM1NzlmY2YiIHN0b3Atb3BhY2l0eT0iMSIgLz4KPHN0b3Agb2Zmc2V0PSIxMjUlIiBzdG9wLWNvbG9yPSIjODJlY2Y2IiBzdG9wLW9wYWNpdHk9IjEiIC8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGF5ZXIpIiAvPjwvc3ZnPg==);
  background: -moz-linear-gradient(4deg, #4073ba -25%, #579fcf 49.926758%, #82ecf6 125%);
  background: -o-linear-gradient(4deg, #4073ba -25%, #579fcf 49.926758%, #82ecf6 125%);
  background: -webkit-linear-gradient(4deg, #4073ba -25%, #579fcf 49.926758%, #82ecf6 125%);
  background: linear-gradient(86deg, #4073ba -25%, #579fcf 49.926758%, #82ecf6 125%); */
}
.group-7 {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  padding: 15px 0 0 0;
  width: 100%;
  z-index: 76;
  /* background: #edeeef; */
}
/* .layer-15 {
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 77;
} */
.arrow-72-shapes4free-979 {
  display: block;
  margin: -15px auto 0;
  position: relative;
  z-index: 76;
}
.layer-holder-2 {
  margin: -53px 0 0;
  padding: 85px 0 90px;
  position: relative;
  z-index: 73;
  background: #edeeef;
  scroll-margin-top: 140px;
}
.group-8 {
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.group-9 {
  display: table;
  margin: 0 auto;
  position: relative;
}
.text-10 {

  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
.layer-16 {
  display: block;
  margin: 12px auto 0;
}
.text-11 {
  margin: 13px 0 0;

  font-size: 30px;
  font-weight: bold;
  text-align: center;

  @media screen and (max-width: 768px) {
    font-size: 24px;
  }
}
.group-10 {
  display: flex;
  margin: 52px auto 0;
  position: relative;
  width: 100%;
  justify-content: center;

  @media screen and (max-width: 768px) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 15px;
    max-width: 380px;
    width: 95%;
  }
}
.col-59 {
  min-height: 295px;
  margin-right: 15px;
  padding: 22px 0 44px;
  position: relative;
  width: 279px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImxheWVyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI2JSIgeTE9IjAlIiB4Mj0iNzQlIiB5Mj0iMTAwJSI+CjxzdG9wIG9mZnNldD0iLTI1JSIgc3RvcC1jb2xvcj0iIzkyOTI5MiIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8c3RvcCBvZmZzZXQ9IjUwLjY5NTglIiBzdG9wLWNvbG9yPSIjNzY3Njc2IiBzdG9wLW9wYWNpdHk9IjEiIC8+CjxzdG9wIG9mZnNldD0iMTI1JSIgc3RvcC1jb2xvcj0iIzUwNTA1MCIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xheWVyKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(296deg, #929292 -25%, #767676 50.6958%, #505050 125%);
  background: -o-linear-gradient(296deg, #929292 -25%, #767676 50.6958%, #505050 125%);
  background: -webkit-linear-gradient(296deg, #929292 -25%, #767676 50.6958%, #505050 125%);
  background: linear-gradient(154deg, #929292 -25%, #767676 50.6958%, #505050 125%);
  @media screen and (max-width: 768px) {
    min-height: 190px;
    max-width: 190px;
    width: 100%;
    padding: 20px 0;
    margin: 0;
  }
}
.layer-holder-3 {
  margin: 0 auto;
  padding: 11px 0 15px;
  position: relative;
  width: 107px;
  -webkit-border-radius: 53.41px;
  -moz-border-radius: 53.41px;
  border-radius: 53.41px;
  background: #ffffff;
}
.layer-17 {
  display: block;
  margin: 0 auto;
}
.row-20 {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  display: table;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  margin: 18px auto 0;
  position: relative;
}
.text-12 {
  display: inline-block;
  color: #ffffff;
  font-size: 28px;
  text-align: center;
  @media screen and (max-width: 425px) {
    font-size: 7vw;
  }
}
.text-13 {
  display: inline-block;
  margin: 0 0 0 6px;
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  @media screen and (max-width: 425px) {
    font-size: 5.2vw;
  }
}
.layer-18 {
  display: block;
  margin: 13px auto 0;
}
.text-14 {
  margin: 15px 0 0;
  color: #ffffff;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
.col-60 {
  min-height: 296px;
  margin-right: 15px;
  padding: 21px 0 45px;
  position: relative;
  width: 279px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImxheWVyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI2JSIgeTE9IjAlIiB4Mj0iNzQlIiB5Mj0iMTAwJSI+CjxzdG9wIG9mZnNldD0iLTI1JSIgc3RvcC1jb2xvcj0iIzkyOTI5MiIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8c3RvcCBvZmZzZXQ9IjUwLjY5NTglIiBzdG9wLWNvbG9yPSIjNzY3Njc2IiBzdG9wLW9wYWNpdHk9IjEiIC8+CjxzdG9wIG9mZnNldD0iMTI1JSIgc3RvcC1jb2xvcj0iIzUwNTA1MCIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xheWVyKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(296deg, #929292 -25%, #767676 50.6958%, #505050 125%);
  background: -o-linear-gradient(296deg, #929292 -25%, #767676 50.6958%, #505050 125%);
  background: -webkit-linear-gradient(296deg, #929292 -25%, #767676 50.6958%, #505050 125%);
  background: linear-gradient(154deg, #929292 -25%, #767676 50.6958%, #505050 125%);
  margin-top: 1px !important;
  @media screen and (max-width: 768px) {
    min-height: 190px;
    max-width: 190px;
    width: 100%;
    padding: 20px 0;
    margin: 0;
  }
}
.layer-holder-4 {
  margin: 0 auto;
  padding: 29px 0 30px;
  position: relative;
  width: 113px;
  -webkit-border-radius: 56.29px;
  -moz-border-radius: 56.29px;
  border-radius: 56.29px;
  background: #ffffff;
}
.layer-19 {
  display: block;
  margin: 0 auto;
}
.row-21 {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  display: table;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  margin: 12px auto 0;
  position: relative;
}
.text-15 {
  display: inline-block;
  color: #ffffff;
  font-size: 28px;
  text-align: center;
  @media screen and (max-width: 425px) {
    font-size: 7vw;
  }
}
.text-16 {
  display: inline-block;
  margin: 1px 0 0 7px;
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
  @media screen and (max-width: 425px) {
    font-size: 5.2vw;
  }
}
.layer-20 {
  display: block;
  margin: 13px auto 0;
}
.text-17 {
  margin: 15px 0 0;
  color: #ffffff;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
.col-61 {
  min-height: 295px;
  margin-right: 15px;
  padding: 20px 0 40px;
  position: relative;
  width: 279px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImxheWVyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI2JSIgeTE9IjAlIiB4Mj0iNzQlIiB5Mj0iMTAwJSI+CjxzdG9wIG9mZnNldD0iLTI1JSIgc3RvcC1jb2xvcj0iIzkyOTI5MiIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8c3RvcCBvZmZzZXQ9IjUwLjY5NTglIiBzdG9wLWNvbG9yPSIjNzY3Njc2IiBzdG9wLW9wYWNpdHk9IjEiIC8+CjxzdG9wIG9mZnNldD0iMTI1JSIgc3RvcC1jb2xvcj0iIzUwNTA1MCIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xheWVyKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(296deg, #929292 -25%, #767676 50.6958%, #505050 125%);
  background: -o-linear-gradient(296deg, #929292 -25%, #767676 50.6958%, #505050 125%);
  background: -webkit-linear-gradient(296deg, #929292 -25%, #767676 50.6958%, #505050 125%);
  background: linear-gradient(154deg, #929292 -25%, #767676 50.6958%, #505050 125%);
  margin-top: 2px;
  @media screen and (max-width: 768px) {
    min-height: 190px;
    max-width: 190px;
    width: 100%;
    padding: 20px 0;
    margin: 0;
  }
}
.layer-21 {
  display: block;
  margin: 0 auto;
  width: 114px;
  -webkit-border-radius: 57.08px;
  -moz-border-radius: 57.08px;
  border-radius: 57.08px;
}
.row-22 {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  display: table;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  margin: 11px auto 0;
  position: relative;
}
.text-18 {
  display: inline-block;
  color: #ffffff;
  font-size: 28px;
  text-align: center;
  @media screen and (max-width: 425px) {
    font-size: 7vw;
  }
}
.text-19 {
  display: inline-block;
  margin: 1px 0 0 12px;
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
  @media screen and (max-width: 425px) {
    font-size: 5.2vw;
  }
}
.layer-22 {
  display: block;
  margin: 13px auto 0;
}
.text-20 {
  margin: 15px 0 0;
  color: #ffffff;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
.col-62 {
  min-height: 294px;
  margin-right: 15px;
  padding: 20px 21px 38px;
  position: relative;
  width: 279px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImxheWVyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI2JSIgeTE9IjAlIiB4Mj0iNzQlIiB5Mj0iMTAwJSI+CjxzdG9wIG9mZnNldD0iLTI1JSIgc3RvcC1jb2xvcj0iIzkyOTI5MiIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8c3RvcCBvZmZzZXQ9IjUwLjY5NTglIiBzdG9wLWNvbG9yPSIjNzY3Njc2IiBzdG9wLW9wYWNpdHk9IjEiIC8+CjxzdG9wIG9mZnNldD0iMTI1JSIgc3RvcC1jb2xvcj0iIzUwNTA1MCIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xheWVyKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(296deg, #929292 -25%, #767676 50.6958%, #505050 125%);
  background: -o-linear-gradient(296deg, #929292 -25%, #767676 50.6958%, #505050 125%);
  background: -webkit-linear-gradient(296deg, #929292 -25%, #767676 50.6958%, #505050 125%);
  background: linear-gradient(154deg, #929292 -25%, #767676 50.6958%, #505050 125%);
  margin-top: 2px;
  @media screen and (max-width: 768px) {
    min-height: 190px;
    max-width: 190px;
    width: 100%;
    padding: 20px 0;
    margin: 0;
  }
}
.layer-holder-5 {
  height: 117px;
  margin: 0 auto;
  position: relative;
  width: 117px;
  -webkit-border-radius: 58.42px;
  -moz-border-radius: 58.42px;
  border-radius: 58.42px;
  background: #ffffff;
}
.layer-23 {
  left: 50%;
  position: absolute;
  top: 15px;
  margin-left: 14.5px;
}
.layer-24 {
  left: 50%;
  position: absolute;
  top: 19px;
  margin-left: -50.5px;
}
.row-23 {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  display: table;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  margin: 8px auto 0;
  position: relative;
}
.text-21 {
  display: inline-block;
  color: #ffffff;
  font-size: 28px;
  text-align: center;
  @media screen and (max-width: 425px) {
    font-size: 7vw;
  }
}
.text-22 {
  display: inline-block;
  margin: 0 0 0 10px;
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
  @media screen and (max-width: 425px) {
    font-size: 5.2vw;
  }
}
.layer-25 {
  display: block;
  margin: 13px auto 0;
}
.text-23 {
  margin: 15px 0 0;
  color: #ffffff;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
.wrapper-31 {
  /* height: 6948px; */
  height: auto;
  margin: -65px 0 0;
  position: relative;
  width: 100%; /* 2000px / 2000px = 100% */
}
.layer-holder-6 {
  height: 100%;
  /* left: 0;
  position: absolute;
  top: 0; */
  width: 100%; /* 2000px / 2000px = 100% */
  background: #ffffff;
  -webkit-box-shadow: 0 0 8px 0 #d0d1d2;
  -moz-box-shadow: 0 0 8px 0 #d0d1d2;
  box-shadow: 0 0 8px 0 #d0d1d2; /*drop shadow*/
}
.col-46 {
  padding: 40px 0;
  width: 100%; /* 2000px / 2000px = 100% */
  background: url(images/image_25.png) no-repeat center 0;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  @media screen and (max-width: 768px) {
    padding: 40px 10px;
    overflow: hidden;
  }
}
.l-constrained-6 {
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.text-24 {
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}
.group-11 {
  margin: 54px auto 0;
  position: relative;
  width: 100%;
}
.group-12 {
  position: relative;
  display: flex;
  flex-wrap: wrap;                /* 折り返しを許可 */
  justify-content: center;
  @media screen and (max-width: 768px) {
    /* 親要素：フロートを無効化し、Flexboxで折り返しレイアウトにする */
    display: flex;
    flex-wrap: wrap;                /* 折り返しを許可 */
    justify-content: space-around; /* 要素を両端に配置（間の余白は自動） */
  }
}
@media screen and (max-width: 768px) {
  .group-12::before,
  .group-12::after { display: none; }
}
.group-12 > * {
  float: left;
  margin: 0 13px 0 0;

  @media screen and (max-width: 768px) {
    /* 子要素（4つの項目）：フロート解除と幅の調整 */
    float: none;              /* floatを解除 */
    width: 48% !important;    /* 横幅を約半分に（2列にするため） */
    margin: 0 0 20px 0 !important; /* 元の右マージンを消し、下に余白を追加 */
    box-sizing: border-box;   /* パディングを含めて幅計算 */
  }
}
.group-12 > *:last-child {
  margin-right: 0 !important;

  @media screen and (max-width: 768px) {
    /* もともとの「最後の要素だけマージン0」という指定が悪さをしないようにリセット */
    margin-right: 0 !important; /* justify-contentで調整するので0でOK */
  }
}
.col-55 {
  position: relative;
  width: 265px;
  margin-top: 1px !important;
}
.onestop-card-inner-area {
  margin: 0 auto;
  min-height: 295px;
  overflow: hidden;
  padding: 6px 0;
  position: relative;
  width: 265px;
  background-color: #4883C1;
  border-radius: 16px;

  @media screen and (max-width: 768px) {
    width: 100%;
    padding: 6px;
  }
}
.onestop-card-inner-title-area {
  display: flex;
  margin: 0 auto;
  min-height: 63px;
  overflow: hidden;
  padding: 8px 0;
  position: relative;
  width: 252px;
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
  text-align: center;
  background-color: #FFFFFF;
  border-radius: 12px 12px 0 0;
  align-items: center;
  justify-content: center;

  @media screen and (max-width: 768px) {
    width: 100%;
    border-radius: 12px 12px 0 0;
    min-height: 85px;
    font-size: 16px;
  }
}
.layer-26 {
  display: block;
  margin: -7px auto 0;
  position: relative;
}
.onestop-card-main-img-area {
  display: flex;
  width: 100%;
  height: 72px;
  margin: 21px auto 0;
  justify-content: center;
  align-items: center;
  @media screen and (max-width: 768px) {
    margin: 0 auto;
    height: 100px;
  }
  @media screen and (max-width: 560px) {
    height: 72px;
  }
  @media screen and (max-width: 425px) {
    height: 50px;
  }
  .onestop-card-main-img {
    display: block;
    width: 30%;
    height: auto;
  }
}
.onestop-card-main-txt {
  margin: 19px 0 0;
  color: #fad77d;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  @media screen and (max-width: 768px) {
    margin: 10px 0 0;
    text-align: left;
    line-height: 150%;
  }
}
.layer-holder-8 {
  margin: -25px auto 0;
  padding: 14px 0 8px;
  position: relative;
  width: 46px;
  border: 2px solid #ffffff; /*stroke*/
  -webkit-border-radius: 22.95px;
  -moz-border-radius: 22.95px;
  border-radius: 22.95px;
  background: #4883c1;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
}
.layer-28 {
  display: block;
  margin: 0 auto;
}
.col-56 {
  position: relative;
  width: 265px;
  margin-top: 1px !important;
}
.layer-29 {
  display: block;
  margin: -7px auto 0;
  position: relative;
}
.layer-holder-10 {
  margin: -25px auto 0;
  padding: 13px 0 8px;
  position: relative;
  width: 46px;
  border: 2px solid #ffffff; /*stroke*/
  -webkit-border-radius: 22.95px;
  -moz-border-radius: 22.95px;
  border-radius: 22.95px;
  background: #4883c1;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
}
.layer-31 {
  display: block;
  margin: 0 auto;
}
.col-57 {
  position: relative;
  width: 265px;
}
.layer-32 {
  display: block;
  margin: -6px auto 0;
  position: relative;
}
.layer-holder-12 {
  margin: -24px auto 0;
  padding: 13px 0 8px;
  position: relative;
  width: 46px;
  border: 2px solid #ffffff; /*stroke*/
  -webkit-border-radius: 22.95px;
  -moz-border-radius: 22.95px;
  border-radius: 22.95px;
  background: #4883c1;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
}
.layer-34 {
  display: block;
  margin: 0 auto;
}
.col-58 {
  position: relative;
  width: 265px;
}
.layer-35 {
  display: block;
  margin: -6px auto 0;
  position: relative;
}
.layer-holder-14 {
  margin: -25px auto 0;
  padding: 13px 0 8px;
  position: relative;
  width: 46px;
  border: 2px solid #ffffff; /*stroke*/
  -webkit-border-radius: 22.95px/22.94px 22.94px 22.95px 22.95px;
  -moz-border-radius: 22.95px/22.94px 22.94px 22.95px 22.95px;
  border-radius: 22.95px/22.94px 22.94px 22.95px 22.95px;
  background: #4883c1;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
}
.layer-37 {
  display: block;
  margin: 0 auto;
}
.wrapper-8 {
  height: 100%;
  margin: 112px auto 0;
  position: relative;
  width: 100%;

  @media screen and (max-width: 768px) {
    margin: 22px auto 0;
  }
}
.col-3 {
  left: 50%;
  min-height: 499px;
  padding: 128px 0 114px;
  position: absolute;
  top: 625px;
  width: 1551px;
  -webkit-border-radius: 0 249.5px 249.5px 0;
  -moz-border-radius: 0 249.5px 249.5px 0;
  border-radius: 0 249.5px 249.5px 0;
  background: #f0f9fb;
  margin-left: -1000px;
}
.text-33 {
  margin: 0;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 38.64012px;
}
.group-13 {
  margin: 35px auto 0;
  position: relative;
  right: 131.5px;
  width: 390px;
}
.group-14 {
  position: relative;
  z-index: 0;
}
.layer-39 {
  display: block;
  margin: 53px 0 0;
  position: relative;
  z-index: 279;
}
.text-34 {
  margin: 10px 0 0 5px;
  position: relative;
  color: #1e3257;

  font-weight: 500;
  line-height: 27px;
}
.layer-40 {
  height: 2px;
  margin: 1px 0 0;
  position: relative;
  width: 322px;
  z-index: 280;
  background-color: #3363a4; /*Layer's solid color*/
}
.group-15 {
  /* left: 50%;
  position: absolute;
  top: 81px; */
  width: 100%;
  /* margin-left: -549px; */
}
.onestop-txt-area-sub-title-area {
  /* margin: 0 180px 0 702px; */
  display: flex;

  @media screen and (max-width: 768px) {
    justify-content: center;
    font-size: 26px;
  }
}
.layer-41 {
  /* float: left;
  margin: 0 178px 0 0; */
}
.layer-42 {
  /* float: left; */
}
.onestop-img-area {
  display: flex;
  width: 40%;
  max-width: 448px;
  height: auto;
  aspect-ratio: 1 / 1;

  .onestop-img {
    width: 100%;
    height: auto;
    margin: auto;
  }
  .onestop-img-03 {
    margin: auto;
    max-width: initial;
  }
  .onestop-img-04 {
    width: auto;
    height: 100%;
    margin: auto;
    max-width: initial;
  }
}
.onestop-img-area-03 {
  aspect-ratio: auto;
  height: 448px;
  max-width: none;
  width: 50%;
}
.onestop-img-area-04 {}
.onestop-img-area-only-sp {
  display: none;
  @media screen and (max-width: 768px) {
    display: flex;
    width: 100%;
    height: auto;
    margin: 40px 0 0 0;
  }
  .onestop-img-only-sp {
    display: none;
    @media screen and (max-width: 768px) {
      display: initial;
      width: 80%;
      height: auto;
      margin: auto;
    }
  }
  .onestop-img-only-sp-3 {
    @media screen and (max-width: 768px) {
      width: 100%;
    }
  }
  .onestop-img-only-sp-4 {
    @media screen and (max-width: 768px) {
      width: 96%;
    }
  }
}
.group-16 {
  float: left;
  margin: 61px 70px 0 0;
  position: relative;
  width: 450px;
}
.col-83 {
  float: left;
  position: relative;
  width: 215px;
}
.col-8 {
  min-height: 81px;
  padding: 8px 0 6px;
  position: relative;
  width: 81px;
  border: 2px solid #0c1841; /*stroke*/
  -webkit-border-radius: 40.69px 40.68px 40.68px 40.69px;
  -moz-border-radius: 40.69px 40.68px 40.68px 40.69px;
  border-radius: 40.69px 40.68px 40.68px 40.69px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
}
.layer-43 {
  display: block;
  margin: 0 auto;
}
.text-35 {
  margin: 2px 0 0;

  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.col-9 {
  margin: 12px 0 0;
  min-height: 81px;
  overflow: hidden;
  padding: 9px 0 5px;
  position: relative;
  width: 81px;
  border: 2px solid #0c1841; /*stroke*/
  -webkit-border-radius: 40.68px 40.69px 40.69px 40.68px;
  -moz-border-radius: 40.68px 40.69px 40.69px 40.68px;
  border-radius: 40.68px 40.69px 40.69px 40.68px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
}
.layer-44 {
  display: block;
  margin: 0 auto;
}
.text-36 {
  margin: 2px 0 0;

  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.row-24 {
  left: 25.5px;
  margin: -6px auto 0;
  position: relative;
  width: 164px;
}
.col-11 {
  float: left;
  min-height: 81px;
  padding: 4px 0;
  position: relative;
  width: 81px;
  border: 2px solid #0c1841; /*stroke*/
  -webkit-border-radius: 40.68px 40.69px 40.69px 40.68px;
  -moz-border-radius: 40.68px 40.69px 40.69px 40.68px;
  border-radius: 40.68px 40.69px 40.69px 40.68px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
}
.layer-45 {
  display: block;
  margin: 0 auto;
  position: relative;
}
.text-37 {
  margin: -1px 0 0;
  position: relative;

  font-size: 10.97802px;
  font-weight: 500;
  text-align: center;
}
.col-10 {
  float: right;
  margin: 44px 0 0;
  min-height: 81px;
  padding: 9px 0 8px;
  position: relative;
  width: 81px;
  border: 2px solid #0c1841; /*stroke*/
  -webkit-border-radius: 40.68px 40.69px 40.69px 40.68px;
  -moz-border-radius: 40.68px 40.69px 40.69px 40.68px;
  border-radius: 40.68px 40.69px 40.69px 40.68px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
}
.layer-46 {
  display: block;
  margin: 0 auto;
}
.text-38 {
  margin: 5px 0 0;

  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.col-84 {
  float: right;
  position: relative;
  width: 222px;
}
.col-15 {
  left: 70.5px;
  margin: 0 auto;
  min-height: 81px;
  padding: 11px 0 7px;
  position: relative;
  width: 81px;
  border: 2px solid #0c1841; /*stroke*/
  -webkit-border-radius: 40.68px 40.69px 40.69px 40.68px;
  -moz-border-radius: 40.68px 40.69px 40.69px 40.68px;
  border-radius: 40.68px 40.69px 40.69px 40.68px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
}
.layer-47 {
  display: block;
  margin: 0 auto;
}
.text-39 {
  margin: 1px 0 0;

  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.row-32 {
  margin: 10px 0 0;
  position: relative;
}
.col-12 {
  float: left;
  margin: 122px 0 0;
  min-height: 81px;
  padding: 9px 0;
  position: relative;
  width: 81px;
  border: 2px solid #0c1841; /*stroke*/
  -webkit-border-radius: 40.68px 40.69px 40.69px 40.68px;
  -moz-border-radius: 40.68px 40.69px 40.69px 40.68px;
  border-radius: 40.68px 40.69px 40.69px 40.68px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
}
.layer-48 {
  display: block;
  margin: 0 auto;
}
.text-40 {
  margin: 3px 0 0;

  font-size: 12.19296px;
  font-weight: 500;
  text-align: center;
}
.col-96 {
  float: right;
  position: relative;
  width: 136px;
  z-index: 0;
}
.col-14 {
  left: 27.5px;
  margin: 0 auto;
  min-height: 81px;
  overflow: hidden;
  padding: 10px 0 6px;
  position: relative;
  width: 81px;
  z-index: 393;
  border: 2px solid #0c1841; /*stroke*/
  -webkit-border-radius: 40.69px;
  -moz-border-radius: 40.69px;
  border-radius: 40.69px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
}
.layer-49 {
  display: block;
  margin: 0 auto;
}
.text-41 {
  margin: 3px 0 0;

  font-size: 13px;
  font-weight: 500;
  line-height: 15.01983px;
  text-align: center;
}
.col-13 {
  margin: -5px 0 0;
  min-height: 81px;
  padding: 11px 0 10px;
  position: relative;
  width: 81px;
  z-index: 390;
  border: 2px solid #0c1841; /*stroke*/
  -webkit-border-radius: 40.68px;
  -moz-border-radius: 40.68px;
  border-radius: 40.68px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
}
.layer-50 {
  display: block;
  margin: 0 auto;
}
.text-42 {
  margin: 3px 0 0;

  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.onestop-txt-area {
  width: auto;
}
.onestop-txt-area-title {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 38.64012px;
  margin: 10px 0 0;
  @media screen and (max-width: 1024px) {
    font-size: 3vw;
  }
  @media screen and (max-width: 768px) {
    font-size: 26px;
    letter-spacing: 0.1em;
    text-align: center;
  }
  @media screen and (max-width: 425px) {
    font-size: 6vw;
  }
}
.onestop-txt-area-desc-area {
  margin: 38px 0 0;
  position: relative;
  z-index: 0;

  @media screen and (max-width: 768px) {
    margin: 20px 0 0;
  }
}
.layer-51 {
  height: 2px;
  margin: 78px 0 0;
  position: relative;
  width: 337px;
  z-index: 272;
  background-color: #3363a4; /*Layer's solid color*/
}
.text-44 {
  margin: 20px 0 0;
  position: relative;

  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 27px;
}
.layer-52 {
  display: block;
  margin: -2px 0 0;
  position: relative;
  z-index: 271;
}
.row-4 {
  margin: 230px 0 0;
  position: relative;
}
.layer-53 {
  float: left;
  margin: 0 255px 0 0;
}
.layer-54 {
  float: left;
}
.group-18 {
  left: 50%;
  position: absolute;
  top: 663px;
  width: 455px;
  margin-left: -71px;
}
.group-19 {
  position: relative;
}
.row-18 {
  position: relative;
  width: 454px;
}
.wrapper-47 {
  float: left;
  height: 194px;
  position: relative;
  width: 194px;
}
.layer-55 {
  height: 191px;
  left: 50%;
  position: absolute;
  top: 1px;
  width: 191px;
  border: 15px solid #d1d1d2; /*stroke*/
  -webkit-border-radius: 95.72px 95.73px 95.73px 95.72px/95.72px 95.72px 95.73px 95.73px;
  -moz-border-radius: 95.72px 95.73px 95.73px 95.72px/95.72px 95.72px 95.73px 95.73px;
  border-radius: 95.72px 95.73px 95.73px 95.72px/95.72px 95.72px 95.73px 95.73px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  margin-left: -96px;
}
.col-63 {
  left: 50%;
  min-height: 194px;
  padding: 51px 22px 49px;
  position: absolute;
  top: 0;
  width: 194px;
  background: url(images/972.png) no-repeat;
  margin-left: -97px;
}
.text-45 {
  margin: 8px 0 0 86px;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
}
.row-6 {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  display: table;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  margin: 8px auto 0;
  position: relative;
}
.text-46 {
  display: inline-block;
  margin: 17px 0 0;
  color: #4fbbd5;

  font-size: 16.38493px;
  font-weight: 500;
  line-height: 17.87447px;
  text-align: center;
}
.text-47 {
  display: inline-block;
  margin: 0 0 0 -1px;
  color: #4fbbd5;
  font-size: 63px;
  text-align: center;
}
.col-92 {
  float: right;
  margin: 8px 0 0;
  position: relative;
  width: 195px;
}
.text-51 {

  font-size: 18px;
  font-weight: 500;
}
.wrapper-52 {
  height: 41px;
  margin: 19px 0 0;
  position: relative;
  width: 195px;
}
.layer-56 {
  height: 41px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 184px;
  background: #d1d1d2;
  margin-left: -86.5px;
}
.layer-holder-15 {
  left: 50%;
  min-height: 41px;
  padding: 0 13px;
  position: absolute;
  top: 0;
  width: 188px;
  background: #4fbbd5;
  margin-left: -97.5px;
}
.text-52 {
  color: #ffffff;
  font-size: 25.12926px;
  font-weight: 500;
  line-height: 41px;
}
.wrapper-53 {
  height: 41px;
  margin: 11px 0 0;
  position: relative;
  width: 195px;
}
.layer-57 {
  height: 41px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 184px;
  background: #d1d1d2;
  margin-left: -86.5px;
}
.layer-holder-16 {
  left: 50%;
  min-height: 41px;
  padding: 0 14px;
  position: absolute;
  top: 0;
  width: 184px;
  background: #4fbbd5;
  margin-left: -97.5px;
}
.text-53 {
  color: #ffffff;
  font-size: 25.12926px;
  font-weight: 500;
  line-height: 41px;
}
.wrapper-54 {
  height: 40px;
  margin: 15px 0 0;
  position: relative;
  width: 195px;
}
.layer-58 {
  height: 40px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 182px;
  background: #d1d1d2;
  margin-left: -84.5px;
}
.layer-holder-17 {
  left: 50%;
  min-height: 40px;
  padding: 0 16px;
  position: absolute;
  top: 0;
  width: 178px;
  background: #4fbbd5;
  margin-left: -97.5px;
}
.text-54 {
  color: #ffffff;
  font-size: 25.12926px;
  font-weight: 500;
  line-height: 40px;
}
.col-94 {
  float: right;
  margin: 53px 0 0;
  position: relative;
  width: 54px;
}
.text-48 {
  font-size: 25.12926px;
  font-weight: 500;
  text-align: center;
}
.text-49 {
  margin: 28px 0 0;
  font-size: 25.12926px;
  font-weight: 500;
  text-align: center;
}
.text-50 {
  margin: 31px 0 0;
  font-size: 25.12926px;
  font-weight: 500;
  text-align: center;
}
.row-19 {
  margin: 34px 0 0;
  position: relative;
  width: 455px;
}
.wrapper-48 {
  float: left;
  height: 193px;
  position: relative;
  width: 192px;
}
.layer-59 {
  height: 191px;
  left: 50%;
  position: absolute;
  top: 1px;
  width: 191px;
  border: 15px solid #d1d1d2; /*stroke*/
  -webkit-border-radius: 95.73px 95.72px 95.72px 95.73px/95.73px 95.73px 95.72px 95.72px;
  -moz-border-radius: 95.73px 95.72px 95.72px 95.73px/95.73px 95.73px 95.72px 95.72px;
  border-radius: 95.73px 95.72px 95.72px 95.73px/95.73px 95.73px 95.72px 95.72px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  margin-left: -95px;
}
.col-64 {
  left: 50%;
  min-height: 193px;
  padding: 52px 24px 50px;
  position: absolute;
  top: 0;
  width: 192px;
  background: url(images/973_2_2.png) no-repeat;
  margin-left: -96px;
}
.text-55 {
  color: #1a1a1a;
  font-family: PCapieNpProN, serif;
  font-size: 22.64007px;
  font-weight: bold;
  text-align: center;
}
.row-7 {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  margin: 4px auto 0;
  position: relative;
}
.text-56 {
  display: inline-block;
  margin: 16px 0 0;
  color: #4883c1;
  font-size: 16.38px;
  font-weight: 500;
  line-height: 17.87px;
  text-align: center;
}
.text-57 {
  display: inline-block;
  color: #4883c1;
  font-size: 64.27px;
  text-align: center;
}
.col-93 {
  float: right;
  margin: 5px 0 0;
  position: relative;
  width: 196px;
}
.text-61 {
  margin: 0 0 0 4px;

  font-size: 18px;
  font-weight: 500;
}
.wrapper-55 {
  height: 41px;
  margin: 19px 0 0;
  position: relative;
  width: 195px;
}
.layer-60 {
  height: 41px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 178px;
  background: #d1d1d2;
  margin-left: -80.5px;
}
.layer-holder-18 {
  left: 50%;
  min-height: 41px;
  padding: 0 17px;
  position: absolute;
  top: 0;
  width: 184px;
  background: #4883c1;
  margin-left: -97.5px;
}
.text-62 {
  color: #ffffff;
  font-size: 25.59524px;
  font-weight: 500;
  line-height: 41px;
}
.wrapper-56 {
  height: 41px;
  margin: 13px 0 0;
  position: relative;
  width: 196px;
}
.layer-61 {
  height: 41px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 177px;
  background: #d1d1d2;
  margin-left: -79px;
}
.layer-holder-19 {
  left: 50%;
  min-height: 41px;
  padding: 0 17px;
  position: absolute;
  top: 0;
  width: 178px;
  background: #4883c1;
  margin-left: -98px;
}
.text-63 {
  color: #ffffff;
  font-size: 25.59524px;
  font-weight: bold;
  line-height: 41px;
}
.wrapper-57 {
  height: 41px;
  margin: 13px 0 0;
  position: relative;
  width: 196px;
}
.layer-62 {
  height: 41px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 178px;
  background: #d1d1d2;
  margin-left: -80px;
}
.layer-holder-20 {
  left: 50%;
  min-height: 41px;
  padding: 0 18px;
  position: absolute;
  top: 0;
  width: 175px;
  background: #4883c1;
  margin-left: -98px;
}
.text-64 {
  color: #ffffff;
  font-size: 25.59524px;
  font-weight: 500;
  line-height: 41px;
}
.col-95 {
  float: right;
  margin: 49px 1px 0 0;
  position: relative;
  width: 53px;
}
.text-58 {
  font-size: 25.59523px;
  font-weight: 500;
  text-align: center;
}
.text-59 {
  margin: 28px 0 0;
  font-size: 25.59523px;
  font-weight: 500;
  text-align: center;
}
.text-60 {
  margin: 29px 0 0;
  font-size: 25.59523px;
  font-weight: 500;
  text-align: center;
}
.layer-63 {
  left: 50%;
  position: absolute;
  top: 2260px;
  margin-left: -946px;
}
.group-48 {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  margin-bottom: -40px;
  padding: 15px 0 0 0;
  width: 100%;
  z-index: 76;
}
.layer-holder-21 {
  padding: 80px 0;
  width: 100%; /* 2000px / 2000px = 100% */
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImxheWVyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNDclIiB4Mj0iMTAwJSIgeTI9IjUzJSI+CjxzdG9wIG9mZnNldD0iLTI1JSIgc3RvcC1jb2xvcj0iIzQwNzNiYSIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8c3RvcCBvZmZzZXQ9IjQ5LjkyNjc1OCUiIHN0b3AtY29sb3I9IiM1NzlmY2YiIHN0b3Atb3BhY2l0eT0iMSIgLz4KPHN0b3Agb2Zmc2V0PSIxMjUlIiBzdG9wLWNvbG9yPSIjODJlY2Y2IiBzdG9wLW9wYWNpdHk9IjEiIC8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGF5ZXIpIiAvPjwvc3ZnPg==);
  background: -moz-linear-gradient(4deg, #4073ba -25%, #579fcf 49.926758%, #82ecf6 125%);
  background: -o-linear-gradient(4deg, #4073ba -25%, #579fcf 49.926758%, #82ecf6 125%);
  background: -webkit-linear-gradient(4deg, #4073ba -25%, #579fcf 49.926758%, #82ecf6 125%);
  background: linear-gradient(86deg, #4073ba -25%, #579fcf 49.926758%, #82ecf6 125%);
}
.botan {
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  width: 100%;
}
.text-65 {
  color: #ffffff;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.text-65 br {
  display: none;
  @media screen and (max-width: 768px) {
    display: block;
  }
}
.text-66 {
  margin: 20px 0 0;
  color: #0d1841;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}
.l-constrained-2 {
  right: 0;
  position: absolute;
  top: 1986px;
  width: 100%;
  overflow: hidden;
}
.l-constrained-2-img-area {
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-constrained-2-img {
  width: 100%;
  height: auto;
}
.row-onestop {
  /* display: flex;

  right: 0;
  margin: 0 0 0 auto;
  height: 499px;
  padding: 58px 58px 49px;
  position: relative;
  width: 100%;
  max-width: 1300px; */
  /* -webkit-border-radius: 249.5px 0 0 249.5px;
  -moz-border-radius: 249.5px 0 0 249.5px; */
  /* border-radius: 249.5px 0 0 249.5px;
  background: #f0f9fb; */
}
.row-onestop-block-area-right {
  display: flex;
  margin: 13px 0 0 auto;
  position: relative;
  justify-content: space-evenly;
  width: 86%;
  max-width: 1553px;
  -webkit-border-radius: 249.5px 0 0 249.5px;
  -moz-border-radius: 249.5px 0 0 249.5px;
  border-radius: 249.5px 0 0 249.5px;
  background: #f0f9fb;
  padding: 32px 0;
  align-items: center;
  @media screen and (max-width: 1400px) {
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    margin: 100px auto 100px -10px;
    justify-content: flex-start;
    -webkit-border-radius: 0 190px 190px 0;
    -moz-border-radius: 0 190px 190px 0;
    border-radius: 0 190px 190px 0;
    padding: 52px 40px 52px 10px;
  }
}
.row-onestop-block-area-right-03 {
  padding: 32px 0 32px 25px;

  @media screen and (max-width: 768px) {
    padding: 52px 40px 52px 10px;
  }
}
.row-onestop-block-area-left {
  display: flex;
  margin: 100px auto 100px 0;
  position: relative;
  justify-content: space-evenly;
  width: 86%;
  max-width: 1553px;
  -webkit-border-radius: 0 249.5px 249.5px 0;
  -moz-border-radius: 0 249.5px 249.5px 0;
  border-radius: 0 249.5px 249.5px 0;
  background: #f0f9fb;
  padding: 32px 0;
  align-items: center;
  @media screen and (max-width: 1400px) {
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    margin: 60px -10px 60px auto;
    justify-content: flex-start;
    -webkit-border-radius: 190px 0 0 190px;
    -moz-border-radius: 190px 0 0 190px;
    border-radius: 190px 0 0 190px;
    padding: 52px 6px 52px 60px;
  }
}
.row-onestop-block-area-left-04 {
  padding: 32px 150px 32px 40px;

  @media screen and (max-width: 768px) {
    padding: 52px 6px 52px 60px;
  }
}
.group-20 {
  float: left;
  margin: 0 10px 0 0;
  position: relative;
  width: 632px;
}
.text-67 {
  margin: 0 0 0 111px;
  font-size: 19.17154px;
  font-weight: bold;
  text-align: left;
}
.layer-holder-22 {
  margin: 8px 0 0 127px;
  min-height: 26px;
  padding: 0 33px;
  position: relative;
  width: 111px;
  -webkit-border-radius: 12.8px 12.81px 12.81px 12.8px/12.8px;
  -moz-border-radius: 12.8px 12.81px 12.81px 12.8px/12.8px;
  border-radius: 12.8px 12.81px 12.81px 12.8px/12.8px;
  background: #fad77d;
  font-size: 19.17154px;
  font-weight: bold;
  line-height: 26px;
  text-align: center;
}
.row-15 {
  margin: 11px 0 0;
  position: relative;
}
.layer-holder-23 {
  float: left;
  margin: 200px 9px 0 0;
  min-height: 26px;
  width: 112px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: #ffffff;
  font-size: 19.17154px;
  font-weight: bold;
  line-height: 26px;
  text-align: center;
}
.col-90 {
  float: left;
  position: relative;
  width: 511px;
}
.row-33 {
  position: relative;
}
.wrapper-51 {
  float: left;
  height: 280px;
  margin: 0 3px 0 0;
  position: relative;
  width: 393px;
}
.layer-holder-24 {
  left: 50%;
  padding: 12px 0;
  position: absolute;
  top: 16px;
  width: 310px;
  background: #ffffff;
  margin-left: -132.5px;
}
.col-16 {
  margin: 0 auto;
  min-height: 172px;
  padding: 9px 0 15px;
  position: relative;
  width: 288px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: #4883c1;
}
.layer-holder-25 {
  margin: 0 auto;
  min-height: 45px;
  padding: 0 33px;
  width: 271px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background: #ffffff;
  font-family: PCapieNpProN, serif;
  font-size: 21.60506px;
  font-weight: bold;
  line-height: 45px;
  text-align: right;
}
.text-70 {
  margin: 17px 0 0;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.text-71 {
  margin: 7px 0 0;
  color: #ffffff;
  font-size: 20.13559px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 29px;
  text-align: center;
}
.layer-holder-26 {
  left: 50%;
  margin: 0 0 0 -61.5px;
  max-width: 124px;
  min-height: 41px;
  position: absolute;
  top: 223px;
  width: 124px;
  border: 2px dashed #d1d1d2; /*stroke*/
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  font-size: 19.17154px;
  font-weight: bold;
  line-height: 41px;
  text-align: center;
}
.layer-64 {
  height: 2px;
  left: 50%;
  position: absolute;
  top: 213px;
  width: 382px;
  background-color: #0c1841; /*Layer's solid color*/
  margin-left: -185.5px;
}
.layer-65 {
  height: 280px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 2px;
  background-color: #0c1841; /*Layer's solid color*/
  margin-left: -135.5px;
}
.layer-holder-27 {
  left: 50%;
  margin: 0 0 0 -196.5px;
  min-height: 41px;
  position: absolute;
  top: 223px;
  width: 124px;
  border: 2px dashed #d1d1d2; /*stroke*/
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  font-size: 19.17154px;
  font-weight: bold;
  line-height: 41px;
  text-align: center;
}
.col-97 {
  float: left;
  margin: 148px 0 0;
  position: relative;
  width: 115px;
}
.text-74 {
  font-size: 19.17154px;
  font-weight: bold;
  line-height: 23.00585px;
  text-align: center;
}
.layer-holder-28 {
  margin: 4px auto 0;
  max-width: 111px;
  min-height: 26px;
  width: 111px;
  -webkit-border-radius: 12.81px/12.8px 12.8px 12.81px 12.81px;
  -moz-border-radius: 12.81px/12.8px 12.8px 12.81px 12.81px;
  border-radius: 12.81px/12.8px 12.8px 12.81px 12.81px;
  background: #fad77d;
  font-size: 19.17154px;
  font-weight: bold;
  line-height: 26px;
  text-align: center;
}
.layer-holder-29 {
  margin: 21px 0 0 6px;
  min-height: 26px;
  padding: 0 32px;
  position: relative;
  width: 110px;
  -webkit-border-radius: 12.8px 12.81px 12.81px 12.8px/12.81px;
  -moz-border-radius: 12.8px 12.81px 12.81px 12.8px/12.81px;
  border-radius: 12.8px 12.81px 12.81px 12.8px/12.81px;
  background: #ffffff;
  font-size: 19.17154px;
  font-weight: bold;
  line-height: 26px;
  text-align: center;
}
.col-51 {
  float: left;
  margin: 68px 0 0;
  position: relative;
  width: auto;
  padding: 0 0 0 18px;
}
.group-21 {
  position: relative;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 38.64012px;
}
.group-22 {
  margin: 36px 0 0 2px;
  position: relative;
  z-index: 0;
}
.layer-66 {
  height: 2px;
  margin: 52px 0 0 3px;
  position: relative;
  width: 394px;
  z-index: 291;
  background-color: #3363a4; /*Layer's solid color*/
}
.text-78 {
  margin: -54px 0 0;
  position: relative;
  z-index: 290;

  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 27px;
}
.layer-67 {
  height: 2px;
  margin: -3px 0 0;
  position: relative;
  width: 175px;
  z-index: 292;
  background-color: #3363a4; /*Layer's solid color*/
}
.layer-68 {
  height: 499px;
  margin: 130px 0 0;
  position: relative;
  width: 86%;
  -webkit-border-radius: 0 249.5px 249.5px 0;
  -moz-border-radius: 0 249.5px 249.5px 0;
  border-radius: 0 249.5px 249.5px 0;
  background: #f0f9fb;
}
.group-23 {
  display: table;
  margin: 87px auto 0;
  position: relative;
  z-index: 0;
}
/* .layer-69 {
  display: block;
  position: relative;
  z-index: 159;
} */
/* .arrow-72-shapes4free-979-2 {
  display: block;
  margin: -15px 0 0;
  position: relative;
  z-index: 158;
} */
.group-24 {
  /* left: 0;
  position: absolute;
  top: 74px; */
  width: 100%; /* 2000px / 2000px = 100% */
}
.wrapper-2 {
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.text-79 {
  width: 100%;
  font-size: 30px;
  font-weight: bold;
  line-height: 52px;
  text-align: center;
  /* スマホ（768px以下） */
  @media screen and (max-width: 768px) {
    letter-spacing: -0.14rem;
  }
  @media screen and (max-width: 425px) {
    font-size: 7vw;
  }
}
.layer-70 {
  left: 50%;
  position: absolute;
  top: 49px;
  margin-left: -87px;
}
.col-48 {
  margin: 0;
  padding: 74px 0 96px;
  position: relative;
  background: #ffffff;
  -webkit-box-shadow: 0 0 8px 0 #b4b5b6;
  -moz-box-shadow: 0 0 8px 0 #b4b5b6;
  box-shadow: 0 0 8px 0 #b4b5b6; /*drop shadow*/
  scroll-margin-top: 120px;
}
.l-constrained-7 {
  margin: 0 auto;
  position: relative;
  width: 100%;
  z-index: 0;
}
.layer-71 {
  display: block;
  margin: 52px auto 0;
  position: relative;
  z-index: 561;
}
.text-80 {
  margin: -55px 0 0;
  position: relative;
  z-index: 560;

  font-size: 22px;
  font-weight: bold;
  line-height: 54px;
  text-align: center;
}
.row {
  margin: 25px auto 0;
  position: relative;
  width: 816px;
  z-index: 565;
}
.row > * {
  float: left;
  margin: 0 19.3px 0 0;
}
.row > *:last-child {
  margin-right: 0 !important;
}
.layer-77 {
  /* left: 50%;
  position: absolute;
  top: 74px;
  margin-left: -56.5px; */
}
.group-26 {
  height: 293px;
  position: relative;
  width: 259px;
}
.layer-78 {
  height: 96px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 96px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fefefe;
  -webkit-box-shadow: 0 0 4px 0 #0c1841;
  -moz-box-shadow: 0 0 4px 0 #0c1841;
  box-shadow: 0 0 4px 0 #0c1841; /*drop shadow*/
  margin-left: -48.5px;
}
.layer-79 {
  height: 251px;
  left: 50%;
  position: absolute;
  top: 42px;
  width: 259px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 4px 0 #0c1841;
  -moz-box-shadow: 0 0 4px 0 #0c1841;
  box-shadow: 0 0 4px 0 #0c1841; /*drop shadow*/
  margin-left: -129.5px;
}
.text-85 {
  left: 50%;
  position: absolute;
  top: 32px;
  font-size: 30px;
  line-height: 28px;
  text-align: center;
  margin-left: -19.5px;
}
.text-86 {
  left: 50%;
  position: absolute;
  top: 13px;
  font-weight: bold;
  line-height: 17px;
  text-align: center;
  margin-left: -19.5px;
}
.layer-80 {
  height: 11px;
  left: 50%;
  position: absolute;
  top: 234px;
  width: 193px;
  background: #fbc344;
  -webkit-box-shadow: 0 0 4px 0 #0c1841;
  -moz-box-shadow: 0 0 4px 0 #0c1841;
  box-shadow: 0 0 4px 0 #0c1841; /*drop shadow*/
  margin-left: -96.5px;
}
.layer-81 {
  height: 10px;
  left: 50%;
  position: absolute;
  top: 258px;
  width: 95px;
  background: #fbc344;
  -webkit-box-shadow: 0 0 4px 0 #0c1841;
  -moz-box-shadow: 0 0 4px 0 #0c1841;
  box-shadow: 0 0 4px 0 #0c1841; /*drop shadow*/
  margin-left: -51.5px;
}
.text-87 {
  left: 50%;
  position: absolute;
  top: 222px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  margin-left: -98.5px;
}
.text-88 {
  left: 50%;
  position: absolute;
  top: 171px;
  font-size: 22px;
  font-weight: bold;
  line-height: 23px;
  margin-left: -74.5px;
}
.layer-82 {
  left: 50%;
  position: absolute;
  top: 207px;
  margin-left: -112.5px;
}
.layer-83 {
  /* left: 50%;
  position: absolute;
  top: 82px;
  margin-left: -32.5px; */
}
.group-27 {
  height: 291px;
  position: relative;
  width: 259px;
  margin-top: 1px !important;
}
.layer-84 {
  height: 96px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 96px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fefefe;
  -webkit-box-shadow: 0 0 4px 0 #0c1841;
  -moz-box-shadow: 0 0 4px 0 #0c1841;
  box-shadow: 0 0 4px 0 #0c1841; /*drop shadow*/
  margin-left: -48.5px;
}
.layer-85 {
  height: 251px;
  left: 50%;
  position: absolute;
  top: 40px;
  width: 259px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 4px 0 #0c1841;
  -moz-box-shadow: 0 0 4px 0 #0c1841;
  box-shadow: 0 0 4px 0 #0c1841; /*drop shadow*/
  margin-left: -129.5px;
}
.text-89 {
  left: 50%;
  position: absolute;
  top: 31px;
  font-size: 30px;
  line-height: 28px;
  text-align: center;
  margin-left: -19.5px;
}
.text-90 {
  left: 50%;
  position: absolute;
  top: 11px;
  font-weight: bold;
  line-height: 17px;
  text-align: center;
  margin-left: -21.5px;
}
.text-91 {
  left: 50%;
  position: absolute;
  top: 172px;
  font-size: 22px;
  font-weight: bold;
  line-height: 22px;
  margin-left: -87.5px;
}
.layer-86 {
  left: 50%;
  position: absolute;
  top: 206px;
  margin-left: -112.5px;
}
.layer-87 {
  /* left: 50%;
  position: absolute;
  top: 73px;
  margin-left: -40.5px; */
}
.layer-88 {
  height: 11px;
  left: 50%;
  position: absolute;
  top: 233px;
  width: 174px;
  background: #fbc344;
  -webkit-box-shadow: 0 0 4px 0 #0c1841;
  -moz-box-shadow: 0 0 4px 0 #0c1841;
  box-shadow: 0 0 4px 0 #0c1841; /*drop shadow*/
  margin-left: -86.5px;
}
.layer-89 {
  height: 11px;
  left: 50%;
  position: absolute;
  top: 257px;
  width: 138px;
  background: #fbc344;
  -webkit-box-shadow: 0 0 4px 0 #0c1841;
  -moz-box-shadow: 0 0 4px 0 #0c1841;
  box-shadow: 0 0 4px 0 #0c1841; /*drop shadow*/
  margin-left: -73.5px;
}
.text-92 {
  left: 50%;
  position: absolute;
  top: 220px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  margin-left: -90.5px;
}
.group-28 {
  margin: 57px auto 0;
  position: relative;
  width: 815px;
  z-index: 601;
}
.group-28 > * {
  float: left;
  margin: 0 12.3px 0 0;
}
.group-28 > *:last-child {
  margin-right: 0 !important;
}
.wrapper-13 {
  height: 630px;
  position: relative;
  width: 320px;
  margin-top: 20px !important;
}
.layer-holder-30 {
  left: 50%;
  padding: 10px 0;
  position: absolute;
  top: 21px;
  width: 254px;
  background: #b23b2d;
  margin-left: -94px;
}
.col-17 {
  margin: 0 auto;
  min-height: 589px;
  padding: 36px 8px 32px;
  position: relative;
  width: 235px;
  background: #ffffff;
  -webkit-box-shadow: 2.264129px 1.968177px 18px 0 rgba(132, 134, 133, 0.77);
  -moz-box-shadow: 2.264129px 1.968177px 18px 0 rgba(132, 134, 133, 0.77);
  box-shadow: 2.264129px 1.968177px 18px 0 rgba(132, 134, 133, 0.77); /*drop shadow*/
}
.text-93 {
  font-weight: bold;
  text-align: center;
}
.layer-90 {
  height: 2px;
  margin: 9px auto 0;
  width: 173px;
  background-color: #0c1841; /*Layer's solid color*/
}
.text-94 {
  margin: 10px 0 0;
  font-weight: bold;
  text-align: center;
}
.layer-91 {
  display: block;
  left: 6px;
  margin: 34px auto 0;
  position: relative;
}
.text-95 {
  margin: 35px 0 0;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.layer-92 {
  display: block;
  margin: 32px auto 0;
}
.text-96 {
  margin: 29px 0 0;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.layer-93 {
  display: block;
  margin: 26px auto 0;
}
.text-97 {
  margin: 27px 0 0;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.layer-94 {
  display: block;
  margin: 31px auto 0;
}
.text-98 {
  margin: 29px 0 0;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.layer-95 {
  display: block;
  margin: 30px auto 0;
}
.text-99 {
  margin: 30px 0 0;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.layer-holder-31 {
  display: flex;
  align-items: center;
  left: 50%;
  margin: 0 27px 0 -157px;
  min-height: 78px;
  position: absolute;
  top: 162px;
  width: 115px;
  background: url(images/684.png) no-repeat;
  color: #ffffff;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
}
.text-100 {
  color: #ffffff;
  font-weight: bold;
  margin-left: 10%;
  width: fit-content;
}
.layer-holder-32 {
  display: flex;
  align-items: center;
  left: 50%;
  min-height: 78px;
  padding: 0 6px;
  position: absolute;
  top: 254px;
  width: 115px;
  background: url(images/684.png) no-repeat;
  margin-left: -157px;
}
.text-101 {
  color: #ffffff;
  font-weight: bold;
}
.layer-holder-33 {
  display: flex;
  align-items: center;
  left: 50%;
  min-height: 78px;
  padding: 0 18px;
  position: absolute;
  top: 342px;
  width: 115px;
  background: url(images/684.png) no-repeat;
  margin-left: -157px;
}
.text-102 {
  color: #ffffff;
  font-weight: bold;
}
.layer-holder-34 {
  display: flex;
  align-items: center;
  left: 50%;
  margin: 0 19px 0 -157px;
  min-height: 78px;
  position: absolute;
  top: 434px;
  width: 115px;
  background: url(images/684.png) no-repeat;
  color: #ffffff;
  font-size: 15.95026px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
}
.text-103 {
  color: #ffffff;
  font-weight: bold;
  margin-left: 3%;
  width: fit-content;
}
.layer-holder-35 {
  display: flex;
  align-items: center;
  left: 50%;
  min-height: 78px;
  padding: 0 16px;
  position: absolute;
  top: 531px;
  width: 115px;
  background: url(images/684.png) no-repeat;
  margin-left: -159px;
}
.text-104 {
  color: #ffffff;
  font-weight: bold;
}
.layer-96 {
  left: 50%;
  position: absolute;
  top: 0;
  margin-left: -37px;
}
.col-76 {
  position: relative;
  width: 235px;
  z-index: 0;
}
.layer-holder-36 {
  margin: 0 auto;
  overflow: hidden;
  padding: 15px 0 12px;
  position: relative;
  width: 73px;
  z-index: 626;
  -webkit-border-radius: 36.45px;
  -moz-border-radius: 36.45px;
  border-radius: 36.45px;
  background: #0c1841;
}
.layer-97 {
  display: block;
  margin: 0 auto;
}
.col-18 {
  margin: -24px auto 0;
  min-height: 586px;
  padding: 39px 0 28px;
  position: relative;
  z-index: 625;
  background: #ffffff;
  -webkit-box-shadow: 2.264129px 1.968177px 18px 0 rgba(132, 134, 133, 0.77);
  -moz-box-shadow: 2.264129px 1.968177px 18px 0 rgba(132, 134, 133, 0.77);
  box-shadow: 2.264129px 1.968177px 18px 0 rgba(132, 134, 133, 0.77); /*drop shadow*/
}
.text-105 {
  font-weight: bold;
  text-align: center;
}
.layer-98 {
  height: 2px;
  margin: 7px auto 0;
  width: 173px;
  background-color: #0c1841; /*Layer's solid color*/
}
.text-106 {
  margin: 10px 0 0;
  font-weight: bold;
  text-align: center;
}
.layer-99 {
  display: block;
  margin: 33px auto 0;
}
.text-107 {
  margin: 37px 0 0;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.layer-100 {
  display: block;
  margin: 28px auto 0;
}
.text-108 {
  margin: 30px 0 0;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.layer-101 {
  display: block;
  margin: 23px auto 0;
}
.text-109 {
  margin: 25px 0 0;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.layer-102 {
  display: block;
  margin: 34px auto 0;
}
.text-110 {
  margin: 28px 0 0;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.layer-103 {
  display: block;
  margin: 30px auto 0;
}
.text-111 {
  margin: 30px 0 0;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.col-77 {
  position: relative;
  width: 235px;
  z-index: 0;
  margin-top: 3px !important;
}
.layer-holder-37 {
  margin: 0 auto;
  overflow: hidden;
  padding: 16px 0 14px;
  position: relative;
  width: 73px;
  z-index: 643;
  -webkit-border-radius: 36.66px;
  -moz-border-radius: 36.66px;
  border-radius: 36.66px;
  background: #0c1841;
}
.layer-104 {
  display: block;
  margin: 0 auto;
}
.col-19 {
  margin: -27px auto 0;
  min-height: 586px;
  padding: 37px 0 28px;
  position: relative;
  z-index: 642;
  background: #ffffff;
  -webkit-box-shadow: 2.264129px 1.968177px 18px 0 rgba(132, 134, 133, 0.77);
  -moz-box-shadow: 2.264129px 1.968177px 18px 0 rgba(132, 134, 133, 0.77);
  box-shadow: 2.264129px 1.968177px 18px 0 rgba(132, 134, 133, 0.77); /*drop shadow*/
}
.text-112 {
  font-weight: bold;
  text-align: center;
}
.layer-105 {
  height: 2px;
  margin: 7px auto 0;
  width: 173px;
  background-color: #0c1841; /*Layer's solid color*/
}
.text-113 {
  margin: 11px 0 0;
  font-weight: bold;
  text-align: center;
}
.layer-106 {
  display: block;
  margin: 34px auto 0;
}
.text-114 {
  margin: 36px 0 0;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.layer-107 {
  display: block;
  margin: 29px auto 0;
}
.text-115 {
  margin: 29px 0 0;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.layer-108 {
  display: block;
  margin: 26px auto 0;
}
.text-116 {
  margin: 29px 0 0;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.layer-109 {
  display: block;
  margin: 31px auto 0;
}
.text-117 {
  margin: 32px 0 0;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.layer-110 {
  display: block;
  margin: 28px auto 0;
}
.text-118 {
  margin: 30px 0 0;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.l-unconstrained {
  margin: 107px 0 0;
  position: relative;
  scroll-margin-top: 120px;
}
.l-constrained-3 {
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.text-119 {

  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.layer-111 {
  display: block;
  margin: 16px auto 0;
}
.text-120 {
  margin: 24px 0 0;
  font-weight: bold;
  text-align: center;
}
.group-29 {
  margin: 62px auto 0;
  position: relative;
  width: 96%;
}
.group-30 {
  position: relative;
  display: flex;
  justify-content: center;
}
.group-31 {
  position: relative;
  height: auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  max-width: 1236px;
}
.row-25 {
  position: relative;
  width: 100%;
}
.wrapper-49 {
  float: left;
  height: 343px;
  margin: 3px 0 0;
  position: relative;
  width: 387px;
}
.col-20 {
  left: 50%;
  min-height: 343px;
  padding: 233px 26px 12px;
  position: absolute;
  top: 0;
  width: 386px;
  background: rgba(255, 255, 255, 0.96);
  -webkit-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.48);
  -moz-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.48);
  box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.48); /*drop shadow*/
  margin-left: -192.5px;
}
.text-121 {
  font-size: 20px;
  font-weight: bold;
}
.text-122 {
  margin: 8px 0 0;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}
.layer-holder-38 {
  margin: 13px 0 0;
  min-height: 35px;
  padding: 0 10px;
  position: relative;
  width: 154px;
  background: #0c1841;
  color: #ffffff;
  font-weight: bold;
  line-height: 35px;
  text-align: center;
}
.layer-112 {
  left: 50%;
  position: absolute;
  top: 0;
  width: 387px;
  margin-left: -193.5px;
}
.wrapper-50 {
  float: left;
  height: 346px;
  margin: 0 0 0 41px;
  position: relative;
  width: 386px;
}
.col-21 {
  left: 50%;
  min-height: 344px;
  padding: 231px 20px 10px;
  position: absolute;
  top: 2px;
  width: 386px;
  background: #ffffff;
  -webkit-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  -moz-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5); /*drop shadow*/
  margin-left: -193px;
}
.text-124 {
  font-size: 20px;
  font-weight: bold;
  line-height: 29px;
}
.layer-holder-39 {
  margin: 9px 0 0 2px;
  min-height: 35px;
  padding: 0 10px;
  position: relative;
  width: 151px;
  background: #0c1841;
  color: #ffffff;
  font-weight: bold;
  line-height: 35px;
  text-align: center;
}
.layer-113 {
  height: 219px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 386px;
  background: #d2d0d0;
  margin-left: -193px;
}
.col-28 {
  float: left;
  margin: 2px 0 0 38px;
  min-height: 343px;
  padding: 0 0 9px;
  position: relative;
  width: 386px;
  background: #ffffff;
  -webkit-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  -moz-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5); /*drop shadow*/
}
.layer-114 {
  height: 217px;
  width: 386px;
  background: #d2d0d0;
}
.text-126 {
  margin: 16px 0 0 28px;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}
.layer-holder-40 {
  margin: 17px 0 0 27px;
  min-height: 35px;
  padding: 0 5px;
  position: relative;
  width: 118px;
  background: #0c1841;
  color: #ffffff;
  font-weight: bold;
  line-height: 35px;
  text-align: center;
}
.row-26 {
  margin: 79px auto 0;
  position: relative;
  width: 100%;
}
.wrapper-30 {
  float: left;
  height: 343px;
  position: relative;
  width: 387px;
}
.col-22 {
  left: 50%;
  min-height: 343px;
  padding: 232px 31px 14px;
  position: absolute;
  top: 0;
  width: 386px;
  background: #ffffff;
  -webkit-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  -moz-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5); /*drop shadow*/
  margin-left: -193.5px;
}
.text-128 {
  margin: 0 0 0 2px;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}
.layer-holder-41 {
  margin: 13px 0 0;
  min-height: 35px;
  padding: 0 7px;
  position: relative;
  width: 118px;
  background: #0c1841;
  color: #ffffff;
  font-weight: bold;
  line-height: 35px;
  text-align: center;
}
.layer-115 {
  height: 217px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 387px;
  background: #d2d0d0;
  margin-left: -193.5px;
}
.col-23 {
  float: left;
  margin: 0 0 0 45px;
  min-height: 343px;
  padding: 0 0 13px;
  position: relative;
  width: 383px;
  background: #ffffff;
  -webkit-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  -moz-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5); /*drop shadow*/
}
.layer-116 {
  height: 217px;
  width: 383px;
  background: #d2d0d0;
  -webkit-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  -moz-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5); /*drop shadow*/
}
.text-130 {
  margin: 16px 0 0 17px;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}
.layer-holder-42 {
  margin: 13px 0 0 17px;
  min-height: 35px;
  padding: 0 6px;
  position: relative;
  width: 179px;
  background: #0c1841;
  color: #ffffff;
  font-weight: bold;
  line-height: 35px;
  text-align: center;
}
.col-24 {
  float: left;
  margin: 3px 0 0 35px;
  min-height: 343px;
  padding: 0 0 16px;
  position: relative;
  width: 386px;
  background: #ffffff;
  -webkit-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  -moz-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5); /*drop shadow*/
}
.layer-117 {
  height: 217px;
  width: 386px;
  background: #d2d0d0;
  -webkit-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  -moz-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5); /*drop shadow*/
}
.text-132 {
  margin: 12px 22px 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}
.layer-holder-43 {
  margin: 14px 0 0 24px;
  min-height: 35px;
  padding: 0 6px;
  position: relative;
  width: 117px;
  background: #0c1841;
  color: #ffffff;
  font-weight: bold;
  line-height: 35px;
  text-align: center;
}
.row-8 {
  margin: 82px 0 0;
  position: relative;
  width: 100%;
}
.col-27 {
  float: left;
  min-height: 343px;
  padding: 0 0 17px;
  position: relative;
  width: 386px;
  background: #ffffff;
  -webkit-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  -moz-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5); /*drop shadow*/
}
.layer-118 {
  height: 217px;
  width: 386px;
  background: #d2d0d0;
}
.text-134 {
  margin: 14px 30px 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}
.layer-holder-44 {
  margin: 11px 0 0 28px;
  min-height: 35px;
  padding: 0 6px;
  position: relative;
  width: 148px;
  background: #0c1841;
  color: #ffffff;
  font-weight: bold;
  line-height: 35px;
  text-align: center;
}
.col-26 {
  float: left;
  margin: 0 0 0 42px;
  min-height: 343px;
  padding: 0 0 18px;
  position: relative;
  width: 386px;
  background: #ffffff;
  -webkit-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  -moz-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5); /*drop shadow*/
}
.layer-119 {
  height: 217px;
  width: 386px;
  background: #d2d0d0;
}
.text-136 {
  margin: 14px 0 0 21px;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}
.layer-holder-45 {
  margin: 10px 0 0 22px;
  min-height: 35px;
  padding: 0 7px;
  position: relative;
  width: 114px;
  background: #0c1841;
  color: #ffffff;
  font-weight: bold;
  line-height: 35px;
  text-align: center;
}
.col-25 {
  float: left;
  margin: 0 0 0 38px;
  min-height: 343px;
  padding: 0 0 18px;
  position: relative;
  width: 386px;
  background: #ffffff;
  -webkit-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  -moz-box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5);
  box-shadow: 0.75471px 0.656059px 4px 0 rgba(132, 134, 133, 0.5); /*drop shadow*/
}
.layer-120 {
  height: 217px;
  width: 386px;
  background: #d2d0d0;
}
.text-138 {
  margin: 13px 0 0 18px;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}
.layer-holder-46 {
  margin: 11px 0 0 19px;
  min-height: 35px;
  padding: 0 8px;
  position: relative;
  width: 148px;
  background: #0c1841;
  color: #ffffff;
  font-weight: bold;
  line-height: 35px;
  text-align: center;
}
.wrapper-9 {
  height: 437px;
  margin: 107px 0 0;
  position: relative;
  width: 100%; /* 2000px / 2000px = 100% */

  @media screen and (max-width: 768px) {
    height: 100%;
  }
}
.layer-121 {
  height: 387px;
  left: 0;
  max-width: 2000px;
  position: absolute;
  top: 50px;
  width: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0 0 8px 0 #b4b5b6;
  -moz-box-shadow: 0 0 8px 0 #b4b5b6;
  box-shadow: 0 0 8px 0 #b4b5b6; /*drop shadow*/
}
.layer-holder-47 {
  padding: 73px 0 100px;
  width: 100%; /* 2000px / 2000px = 100% */
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImxheWVyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNDclIiB4Mj0iMTAwJSIgeTI9IjUzJSI+CjxzdG9wIG9mZnNldD0iLTI1JSIgc3RvcC1jb2xvcj0iIzQwNzNiYSIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8c3RvcCBvZmZzZXQ9IjQ5LjkyNjc1OCUiIHN0b3AtY29sb3I9IiM1NzlmY2YiIHN0b3Atb3BhY2l0eT0iMSIgLz4KPHN0b3Agb2Zmc2V0PSIxMjUlIiBzdG9wLWNvbG9yPSIjODJlY2Y2IiBzdG9wLW9wYWNpdHk9IjEiIC8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGF5ZXIpIiAvPjwvc3ZnPg==);
  background: -moz-linear-gradient(4deg, #4073ba -25%, #579fcf 49.926758%, #82ecf6 125%);
  background: -o-linear-gradient(4deg, #4073ba -25%, #579fcf 49.926758%, #82ecf6 125%);
  background: -webkit-linear-gradient(4deg, #4073ba -25%, #579fcf 49.926758%, #82ecf6 125%);
  background: linear-gradient(86deg, #4073ba -25%, #579fcf 49.926758%, #82ecf6 125%);
}
.botan-2 {
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  width: 100%;
}
.text-140 {
  color: #ffffff;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.text-141 {
  margin: 20px 0 0;
  color: #0d1841;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}

/* 中間のボタンエリア */
.botan-flex-area {
  display: flex;
  justify-content: center;
  margin: 40px auto 0 auto;
  width: 90%;
  @media screen and (max-width: 768px) {
    flex-wrap: wrap;
  }
}
/* クリックできる本体 */
.middle-area-cta {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: 392px;
  width: 100%;
  height: 100px;
  padding: 14px 18px;
  background: #fff;
  border: 3px solid #2f7fdc;
  border-radius: 18px;
  text-decoration: none;
  box-sizing: border-box;
  margin: 0 20px 0 0;
  @media screen and (max-width: 768px) {
    margin: 0;
  }
}
/* 左のサムネ */
.middle-area-cta-thumb {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
}
.middle-area-cta-thumb img {
  display: block;
  height: 78px;   /* サムネの見え方に合わせて調整 */
  width: auto;
}
/* テキスト */
.middle-area-cta-text {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.1;
}
.middle-area-cta-sub {
  display: block;
  font-size: 22px;
  font-weight: 800;
  color: #2f7fdc;
  text-align: center;
  letter-spacing: 0.03em;
  margin-bottom: 6px;
  @media screen and (max-width: 425px) {
    font-size: 5.2vw;
  }
}
.middle-area-cta-main {
  display: block;
  font-size: 20px;
  font-weight: 800;
  color: #2f7fdc;
  text-align: center;
  letter-spacing: 0.03em;
  @media screen and (max-width: 425px) {
    font-size: 4.2vw;
  }
}
/* 右の再生ボタン */
.middle-area-cta-play {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #2f7fdc;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* 三角アイコン */
.middle-area-cta-play-icon {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 10px solid #fff;
  margin-left: 2px;
}
/* hover */
.middle-area-cta:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

/* 中間エリアのもう片方のボタン */
/* ボタン本体 */
.middle-area-consult-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  max-width: 392px;
  width: 100%;
  height: 100px;
  padding: 0 0 0 22px;
  background: #ffffff;
  border: 3px solid #f0822d; /* オレンジ枠 */
  border-radius: 18px;
  text-decoration: none;
  box-sizing: border-box;
  @media screen and (max-width: 768px) {
    margin: 30px 0 0 0;
  }
}
/* テキスト */
.middle-area-consult-text {
  font-size: 20px;
  font-weight: 800;
  color: #f0822d;
  letter-spacing: 0.04em;
}
/* 右側の丸い再生風アイコン */
.middle-area-consult-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #f0822d;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* 三角アイコン */
.middle-area-consult-icon::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 10px solid #ffffff;
  margin-left: 2px;
}
/* hover */
.middle-area-consult-btn:hover {
  background: #fff6ef;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.group-32 {
  left: 50%;
  position: absolute;
  top: 0;
  width: 67px;
  z-index: 0;
  margin-left: -33px;
}
/* .layer-122 {
  display: block;
  position: relative;
  z-index: 731;
} */
/* .arrow-72-shapes4free-979-3 {
  display: block;
  margin: -15px 0 0;
  position: relative;
  z-index: 730;
} */
.layer-holder-48 {
  /* left: 50%; */
  padding: 122px 0 1116px;
  position: absolute;
  top: 3633px;
  width: 100%;
  background: url(images/3_6.png) no-repeat;
  margin-left: -951px;
}
.group-33 {
  margin: 0 798px;
  position: relative;
}
.layer-123 {
  float: left;
  margin: 0 241px 0 0;
}
.layer-124 {
  float: left;
}
.group-34 {
  height: 1421px;
  left: 50%;
  position: absolute;
  top: 761px;
  width: 342px;
  margin-left: -299px;
}
.col-29 {
  left: 50%;
  min-height: 162px;
  padding: 23px 15px 9px;
  position: absolute;
  top: 1px;
  width: 162px;
  border: 10px solid #4883c1; /*stroke*/
  -webkit-border-radius: 81.06px;
  -moz-border-radius: 81.06px;
  border-radius: 81.06px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  margin-left: 9px;
}
.abema-2 {
  font-family: PCapieNpProN, serif;
  font-size: 21.73223px;
  font-weight: bold;
  text-align: center;
}
.text-142 {
  margin: 4px 0 0;
  color: #0d1942;

  font-size: 13.03933px;
  font-weight: 500;
  text-align: center;
}
.layer-125 {
  height: 164px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 164px;
  border: 10px solid #4fbbd5; /*stroke*/
  -webkit-border-radius: 82px;
  -moz-border-radius: 82px;
  border-radius: 82px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  margin-left: -171px;
}
.group-35 {
  left: 50%;
  position: absolute;
  top: 29px;
  width: 280px;
  margin-left: -115px;
}
.layer-126 {
  display: block;
  position: relative;
}
.wrapper-43 {
  height: 186px;
  margin: 128px auto 0;
  position: relative;
  right: 5px;
  width: 248px;
}
.layer-127 {
  height: 123px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 123px;
  -webkit-border-radius: 61.33px/61.32px 61.32px 61.33px 61.33px;
  -moz-border-radius: 61.33px/61.32px 61.32px 61.33px 61.33px;
  border-radius: 61.33px/61.32px 61.32px 61.33px 61.33px;
  background: #0d1942;
  margin-left: -84px;
}
.layer-128 {
  left: 50%;
  position: absolute;
  top: 18px;
  margin-left: 60px;
}
.layer-129 {
  left: 50%;
  position: absolute;
  top: 78px;
  margin-left: 63px;
}
.layer-130 {
  left: 50%;
  position: absolute;
  top: 123px;
  margin-left: -124px;
}
.layer-131 {
  left: 50%;
  position: absolute;
  top: 120px;
  margin-left: 41px;
}
.layer-132 {
  left: 50%;
  position: absolute;
  top: 115px;
  margin-left: -88px;
}
.layer-133 {
  left: 50%;
  position: absolute;
  top: 145px;
  margin-left: -65px;
}
.layer-134 {
  left: 50%;
  position: absolute;
  top: 135px;
  margin-left: -53px;
}
.layer-135 {
  left: 50%;
  position: absolute;
  top: 145px;
  margin-left: 4px;
}
.layer-136 {
  left: 50%;
  position: absolute;
  top: 135px;
  margin-left: -3px;
}
.layer-137 {
  left: 50%;
  position: absolute;
  top: 112px;
  margin-left: 32px;
}
.layer-138 {
  left: 50%;
  position: absolute;
  top: 72px;
  margin-left: 54px;
}
.layer-139 {
  height: 11px;
  left: 50%;
  position: absolute;
  top: 23px;
  width: 11px;
  -webkit-border-radius: 5.67px;
  -moz-border-radius: 5.67px;
  border-radius: 5.67px;
  background: #0c1841;
  margin-left: 50px;
}
.layer-140 {
  display: block;
  left: 112px;
  margin: 311px auto 0;
  position: relative;
}
.text-143 {
  left: 50%;
  position: absolute;
  top: 60px;

  font-size: 13.20042px;
  font-weight: 500;
  text-align: center;
  margin-left: -135px;
}
.layer-142 {
  left: 50%;
  position: absolute;
  top: 204px;
  margin-left: -147px;
}
.layer-143 {
  height: 11px;
  left: 50%;
  position: absolute;
  top: 209px;
  width: 11px;
  -webkit-border-radius: 5.67px;
  -moz-border-radius: 5.67px;
  border-radius: 5.67px;
  background: #0c1841;
  margin-left: -86px;
}
.layer-144 {
  left: 50%;
  position: absolute;
  top: 262px;
  margin-left: -147px;
}
.layer-145 {
  left: 50%;
  position: absolute;
  top: 258px;
  margin-left: -89px;
}
.layer-holder-49 {
  left: 50%;
  margin: 0 0 0 -86px;
  min-height: 167px;
  padding: 47px 0;
  position: absolute;
  top: 164px;
  width: 167px;
  border: 3px solid #0d1942; /*stroke*/
  -webkit-border-radius: 83.75px/83.75px 83.75px 83.74px 83.74px;
  -moz-border-radius: 83.75px/83.75px 83.75px 83.74px 83.74px;
  border-radius: 83.75px/83.75px 83.75px 83.74px 83.74px;
  color: #ffffff;

  font-size: 19.92651px;
  font-weight: bold;
  line-height: 22.18258px;
  text-align: center;
}
.group-36 {
  left: 50%;
  position: absolute;
  top: 2748px;
  width: 362px;
  z-index: 0;
  margin-left: -555px;
}
.text-145 {
  position: relative;
  z-index: 1130;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 38.64012px;
}
.text-146 {
  margin: 39px 0 0 0;
  position: relative;
  z-index: 1131;
  font-weight: bold;
  line-height: 27px;
  letter-spacing: -0.08rem;
}
.layer-146 {
  height: 2px;
  margin: -4px 0 0;
  position: relative;
  width: 140px;
  z-index: 1133;
  background-color: #4073ba; /*Layer's solid color*/
}
.text-147 {
  margin: -1px 0 0;
  position: relative;
  z-index: 1132;
  font-weight: bold;
  line-height: 27px;
}
.layer-147 {
  height: 2px;
  margin: -2px 0 0;
  position: relative;
  width: 204px;
  z-index: 1134;
  background-color: #4073ba; /*Layer's solid color*/
}
.text-148 {
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 26px;
  margin: 0 14px;
  @media screen and (max-width: 1024px) {
    font-size: 2.5vw;
  }
  @media screen and (max-width: 768px) {
    margin: 0 4px;
    font-size: 25px;
  }
  @media screen and (max-width: 425px) {
    font-size: 5.6vw;
  }
}
.layer-148 {
  left: 50%;
  position: absolute;
  top: 2700px;
  margin-left: -551px;
}
.layer-149 {
  left: 50%;
  position: absolute;
  top: 2700px;
  margin-left: -336px;
}
.text-150 {
  left: 50%;
  position: absolute;
  top: 2702px;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 26px;
  margin-left: -527px;
}
.layer-150 {
  margin-left: 0;
}
.layer-151 {
  margin-left: 6px;
}
.text-151 {
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 26px;
  margin-left: 16px;
}
.col-51-area {
  display: flex;
}
.layer-holder-52 {
  left: 50%;
  padding: 24px 0;
  position: absolute;
  top: 2819px;
  width: 83px;
  background: url(images/6_11.png) no-repeat;
  margin-left: 311px;
}
.layer-152 {
  display: block;
  margin: 0 auto;
}
.layer-holder-53 {
  left: 50%;
  padding: 13px 0;
  position: absolute;
  top: 2944px;
  width: 82px;
  border: 3px solid #0c1841; /*stroke*/
  -webkit-border-radius: 41.19px;
  -moz-border-radius: 41.19px;
  border-radius: 41.19px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  margin-left: 21px;
}
.layer-153 {
  display: block;
  margin: 0 auto;
}
.layer-holder-54 {
  left: 50%;
  padding: 10px 0 7px;
  position: absolute;
  top: 2665px;
  width: 82px;
  border: 3px solid #0c1841; /*stroke*/
  -webkit-border-radius: 41.19px 41.18px 41.18px 41.19px;
  -moz-border-radius: 41.19px 41.18px 41.18px 41.19px;
  border-radius: 41.19px 41.18px 41.18px 41.19px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  margin-left: 147px;
}
.layer-154 {
  display: block;
  margin: 0 auto;
}
.text-153 {
  left: 50%;
  position: absolute;
  top: 2637px;

  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  margin-left: 167px;
}
.layer-holder-55 {
  left: 50%;
  padding: 13px 4px 14px;
  position: absolute;
  top: 2700px;
  width: 82px;
  border: 3px solid #0c1841; /*stroke*/
  -webkit-border-radius: 41.19px;
  -moz-border-radius: 41.19px;
  border-radius: 41.19px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  margin-left: 267px;
}
.layer-155 {
  display: block;
  left: 6px;
  margin: 0 auto;
  position: relative;
}
.text-154 {
  left: 50%;
  position: absolute;
  top: 2729px;

  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  margin-left: 353px;
}
.layer-holder-56 {
  left: 50%;
  padding: 10px 0 18px;
  position: absolute;
  top: 2697px;
  width: 82px;
  border: 3px solid #0c1841; /*stroke*/
  -webkit-border-radius: 41.19px;
  -moz-border-radius: 41.19px;
  border-radius: 41.19px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  margin-left: 31px;
}
.layer-156 {
  display: block;
  margin: 0 auto;
}
.text-155 {
  left: 50%;
  position: absolute;
  top: 2727px;
  color: #1e3257;

  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  margin-left: -107px;
}
.text-156 {
  left: 50%;
  position: absolute;
  top: 2843px;
  color: #1e3257;

  font-size: 18px;
  font-weight: 500;
  line-height: 18.62585px;
  text-align: center;
  margin-left: -140px;
}
.text-157 {
  left: 50%;
  position: absolute;
  top: 2853px;

  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  margin-left: 399px;
}
.layer-holder-57 {
  left: 50%;
  padding: 12px 0 13px;
  position: absolute;
  top: 2944px;
  width: 82px;
  border: 3px solid #0c1841; /*stroke*/
  -webkit-border-radius: 41.19px 41.18px 41.18px 41.19px;
  -moz-border-radius: 41.19px 41.18px 41.18px 41.19px;
  border-radius: 41.19px 41.18px 41.18px 41.19px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  margin-left: 272px;
}
.layer-157 {
  display: block;
  margin: 0 auto;
}
.text-158 {
  left: 50%;
  position: absolute;
  top: 2979px;
  color: #1e3257;

  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  margin-left: 360px;
}
.layer-holder-58 {
  left: 50%;
  padding: 11px 0 8px;
  position: absolute;
  top: 2987px;
  width: 82px;
  border: 3px solid #0c1841; /*stroke*/
  -webkit-border-radius: 41.19px/41.07px;
  -moz-border-radius: 41.19px/41.07px;
  border-radius: 41.19px/41.07px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  margin-left: 149px;
}
.layer-158 {
  display: block;
  margin: 0 auto;
}
.text-159 {
  left: 50%;
  position: absolute;
  top: 3076px;

  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  margin-left: 134px;
}
.text-160 {
  left: 50%;
  position: absolute;
  top: 2980px;

  font-size: 18px;
  font-weight: 500;
  line-height: 19px;
  text-align: center;
  margin-left: -68px;
}
.layer-holder-59 {
  left: 50%;
  padding: 14px 0 15px;
  position: absolute;
  top: 2819px;
  width: 83px;
  background: url(images/6_18.png) no-repeat;
  margin-left: -18px;
}
.layer-159 {
  display: block;
  margin: 0 auto;
}
.layer-160 {
  left: 50%;
  position: absolute;
  top: 2773px;
  margin-left: 257px;
}
.layer-161 {
  left: 50%;
  position: absolute;
  top: 2864px;
  margin-left: 280px;
}
.layer-162 {
  left: 50%;
  position: absolute;
  top: 2928px;
  margin-left: 258px;
}
.layer-163 {
  height: 29px;
  left: 50%;
  position: absolute;
  top: 2959px;
  width: 3px;
  background-color: #0c1841; /*Layer's solid color*/
  margin-left: 188px;
}
.layer-164 {
  height: 31px;
  left: 50%;
  position: absolute;
  top: 2744px;
  width: 3px;
  background-color: #0c1841; /*Layer's solid color*/
  margin-left: 187px;
}
.layer-165 {
  left: 50%;
  position: absolute;
  top: 2930px;
  margin-left: 89px;
}
.layer-166 {
  left: 50%;
  position: absolute;
  top: 2865px;
  margin-left: 63px;
}
.layer-167 {
  left: 50%;
  position: absolute;
  top: 2770px;
  margin-left: 92px;
}
.layer-168 {
  left: 50%;
  position: absolute;
  top: 2102px;
  margin-left: -317px;
}
.layer-169 {
  left: 50%;
  position: absolute;
  top: 2385px;
  margin-left: -317px;
}
.layer-170 {
  left: 50%;
  position: absolute;
  top: 2318px;
  margin-left: -380px;
}
.layer-171 {
  left: 50%;
  position: absolute;
  top: 2318px;
  margin-left: 4px;
}
.layer-172 {
  height: 14px;
  left: 50%;
  position: absolute;
  top: 2770px;
  width: 14px;
  -webkit-border-radius: 6.81px;
  -moz-border-radius: 6.81px;
  border-radius: 6.81px;
  background: #0c1841;
  margin-left: 181px;
}
.layer-173 {
  height: 14px;
  left: 50%;
  position: absolute;
  top: 2860px;
  width: 14px;
  -webkit-border-radius: 6.81px;
  -moz-border-radius: 6.81px;
  border-radius: 6.81px;
  background: #0c1841;
  margin-left: 270px;
}
.layer-174 {
  height: 14px;
  left: 50%;
  position: absolute;
  top: 2919px;
  width: 14px;
  -webkit-border-radius: 6.81px;
  -moz-border-radius: 6.81px;
  border-radius: 6.81px;
  background: #0c1841;
  margin-left: 250px;
}
.layer-175 {
  height: 14px;
  left: 50%;
  position: absolute;
  top: 2948px;
  width: 14px;
  -webkit-border-radius: 6.81px;
  -moz-border-radius: 6.81px;
  border-radius: 6.81px;
  background: #0c1841;
  margin-left: 183px;
}
.layer-176 {
  height: 14px;
  left: 50%;
  position: absolute;
  top: 2860px;
  width: 14px;
  -webkit-border-radius: 6.81px;
  -moz-border-radius: 6.81px;
  border-radius: 6.81px;
  background: #0c1841;
  margin-left: 92px;
}
.layer-177 {
  height: 14px;
  left: 50%;
  position: absolute;
  top: 2802px;
  width: 14px;
  -webkit-border-radius: 6.81px;
  -moz-border-radius: 6.81px;
  border-radius: 6.81px;
  background: #0c1841;
  margin-left: 249px;
}
.layer-178 {
  height: 14px;
  left: 50%;
  position: absolute;
  top: 2802px;
  width: 14px;
  -webkit-border-radius: 6.81px;
  -moz-border-radius: 6.81px;
  border-radius: 6.81px;
  background: #0c1841;
  margin-left: 114px;
}
.layer-179 {
  height: 14px;
  left: 50%;
  position: absolute;
  top: 2920px;
  width: 14px;
  -webkit-border-radius: 6.81px;
  -moz-border-radius: 6.81px;
  border-radius: 6.81px;
  background: #0c1841;
  margin-left: 114px;
}
.wrapper-5 {
  height: auto;
  margin: 15px 0 0;
  position: relative;
  width: 100%; /* 2000px / 2000px = 100% */
}
.layer-180 {
  height: 1010px;
  left: 0;
  max-width: 2000px;
  position: absolute;
  top: 888px;
  width: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0 0 8px 0 #b4b5b6;
  -moz-box-shadow: 0 0 8px 0 #b4b5b6;
  box-shadow: 0 0 8px 0 #b4b5b6; /*drop shadow*/
}
/* 
.layer-181 {
  height: 425px;
  left: 0;
  max-width: 2000px;
  position: absolute;
  top: 3603px;
  width: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0 0 8px 0 #b4b5b6;
  -moz-box-shadow: 0 0 8px 0 #b4b5b6;
  box-shadow: 0 0 8px 0 #b4b5b6; /*drop shadow*/
/* } */
.group-37 {
  /* left: 50%;
  position: absolute;
  top: 94px;
  width: 417px;
  margin-left: -208px; */
  margin-top: 80px;
  background: url(images/2_20.png) no-repeat center 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: auto;
  scroll-margin-top: 120px;
}
.text-161 {

  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.layer-182 {
  display: block;
  margin: 13px auto 0;
}
.text-162 {
  margin: 14px 0 0;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}
.layer-183 {
  height: auto;
  /* left: 0; */
  /* max-width: 2000px; */
  /* position: absolute; */
  /* top: 3601px; */
  width: 100%;
  background: #f0f9fb;
  margin-top: 60px;
  padding: 0 0 10px 0;
  scroll-margin-top: 120px;
  @media screen and (max-width: 768px) {
    padding: 0 10px 10px 10px;
  }
}
.group-38 {
  /* left: 0; */
  /* min-height: 4965px; */
  padding: 43px 0 0;
  /* position: absolute; */
  /* top: 0; */
  width: 100%; /* 2000px / 2000px = 100% */
}
.row-14 {
  display: flex;
  margin: 0 auto;
  position: relative;
  width: 100%;
  justify-content: center;

  @media screen and (max-width: 768px) {
    flex-direction: column;
  }
}
.wrapper-32 {
  float: left;
  height: 536px;
  margin: 0 51px 0 0;
  position: relative;
  width: 396px;
  @media screen and (max-width: 768px) {
    max-width: 395px;
    width: 95%;
    margin: 0 auto;
  }
}
.col-53 {
  left: 50%;
  min-height: 476px;
  padding: 190px 11px 12px;
  position: absolute;
  top: 60px;
  max-width: 396px;
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #f0f9fb;
  -webkit-box-shadow: 0 0 6px 0 rgba(46, 87, 132, 0.55);
  -moz-box-shadow: 0 0 6px 0 rgba(46, 87, 132, 0.55);
  box-shadow: 0 0 6px 0 rgba(46, 87, 132, 0.55); /*drop shadow*/
  margin-left: -50%;
}
.text-163 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.layer-184 {
  display: block;
  margin: 14px auto 0;
}
.row-3 {
  margin: 25px 0 0;
  position: relative;
}
.row-3 > * {
  float: left;
  margin: 0 12px 0 0;
}
.row-3 > *:last-child {
  margin-right: 0 !important;
}
.layer-holder-60 {
  min-height: 27px;
  width: 104px;
  border: 2px solid #0c1841; /*stroke*/
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  font-weight: bold;
  line-height: 27px;
  text-align: center;
}
.layer-holder-61 {
  min-height: 27px;
  width: 126px;
  border: 2px solid #0c1841; /*stroke*/
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  font-weight: bold;
  line-height: 27px;
  text-align: center;
  margin-top: 1px !important;
}
.layer-holder-62 {
  min-height: 27px;
  width: 112px;
  border: 2px solid #0c1841; /*stroke*/
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  font-weight: bold;
  line-height: 27px;
  text-align: center;
}
.text-167 {
  margin: 30px 0 0 0;
  font-weight: bold;
  line-height: 28px;
  @media screen and (max-width: 768px) {
    font-size: 15px;
  }
  @media screen and (max-width: 425px) {
    font-size: 3.5vw;
  }
}
/* お見積りボタン */
.plan-area-estimate-btn-area {
  display: flex;

  .plan-area-estimate-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 320px;   /* 画像比率に近い横幅 */
    height: 56px;   /* 高さ */
    padding: 0 24px;
    margin: 30px auto 0 auto;

    background: #0f214b; /* 濃紺 */
    border-radius: 999px; /* 完全なピル型 */
    border: none;

    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.08em;

    text-decoration: none;
    box-sizing: border-box;
  }
  /* hover */
  .plan-area-estimate-btn:hover {
    background: #182f66;
    transition: background 0.2s ease;
  }
}

.layer-185 {
  height: 106px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 106px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffffff;
  -webkit-box-shadow: 0 0 6px 0 rgba(46, 87, 132, 0.55);
  -moz-box-shadow: 0 0 6px 0 rgba(46, 87, 132, 0.55);
  box-shadow: 0 0 6px 0 rgba(46, 87, 132, 0.55); /*drop shadow*/
  margin-left: -162px;
}
.col-37 {
  left: 50%;
  min-height: 162px;
  padding: 55px 0 43px;
  position: absolute;
  top: 60px;
  max-width: 396px;
  width: 100%;
  z-index: 0;
  background: url(images/558_3_2.png) no-repeat;
  margin-left: -50%;
}
.text-168 {
  position: relative;
  z-index: 801;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
.layer-186 {
  height: 14px;
  margin: -14px auto 0;
  position: relative;
  width: 252px;
  z-index: 800;
  background: #fbc344;
}
.text-169 {
  margin: 16px 0 0;
  position: relative;
  z-index: 823;
  font-weight: bold;
  text-align: center;
}
.layer-holder-63 {
  left: 50%;
  margin: 0 0 0 -57px;
  min-height: 80px;
  position: absolute;
  top: 13px;
  width: 174px;
  background: url(images/chatgpt_image_2025_9_10_0.png) no-repeat;
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
  line-height: 80px;
  text-align: center;
}
.layer-187 {
  left: 50%;
  position: absolute;
  top: 24px;
  margin-left: -146px;
}
.layer-188 {
  left: 50%;
  position: absolute;
  top: 216px;
  margin-left: -11px;
}
.wrapper-33 {
  float: left;
  height: 536px;
  position: relative;
  width: 406px;
  @media screen and (max-width: 768px) {
    max-width: 395px;
    width: 95%;
    margin: 20px auto;
  }
}
.col-38 {
  left: 50%;
  min-height: 476px;
  padding: 190px 11px 12px;
  position: absolute;
  top: 60px;
  width: 405px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #f0f9fb;
  -webkit-box-shadow: 0 0 6px 0 rgba(46, 87, 132, 0.55);
  -moz-box-shadow: 0 0 6px 0 rgba(46, 87, 132, 0.55);
  box-shadow: 0 0 6px 0 rgba(46, 87, 132, 0.55); /*drop shadow*/
  margin-left: -50%;
  @media screen and (max-width: 768px) {
    width: 100%;
    min-height: initial;
  }
}
.text-171 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.layer-189 {
  display: block;
  margin: 15px auto 0;
}
.group-39 {
  display: table;
  margin: 24px auto 0;
  position: relative;
}
.layer-holder-64 {
  display: table;
  margin: 0 auto;
  min-height: 30px;
  padding: 0 11px;
  border: 2px solid #0c1841; /*stroke*/
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  font-weight: bold;
  line-height: 30px;
  text-align: center;
}
.row-5 {
  margin: 11px auto 0;
  position: relative;
  width: 296px;
}
.row-5 > * {
  float: left;
  margin: 0 12px 0 0;
}
.row-5 > *:last-child {
  margin-right: 0 !important;
}
.layer-holder-65 {
  min-height: 30px;
  width: 82px;
  border: 2px solid #0c1841; /*stroke*/
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  margin-top: 1px !important;
}
.layer-holder-66 {
  max-width: 108px;
  min-height: 30px;
  width: 108px;
  border: 2px solid #0c1841; /*stroke*/
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  font-weight: bold;
  line-height: 30px;
  text-align: center;
}
.layer-holder-67 {
  min-height: 30px;
  width: 82px;
  border: 2px solid #0c1841; /*stroke*/
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ffffff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  font-weight: bold;
  line-height: 30px;
  text-align: center;
}
.text-176 {
  margin: 20px 0 0;
  font-weight: bold;
  @media screen and (max-width: 768px) {
    font-size: 15px;
  }
  @media screen and (max-width: 425px) {
    font-size: 3.5vw;
  }
}
.layer-190 {
  height: 106px;
  left: 50%;
  position: absolute;
  top: 1px;
  width: 106px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffffff;
  -webkit-box-shadow: 0 0 6px 0 rgba(46, 87, 132, 0.55);
  -moz-box-shadow: 0 0 6px 0 rgba(46, 87, 132, 0.55);
  box-shadow: 0 0 6px 0 rgba(46, 87, 132, 0.55); /*drop shadow*/
  margin-left: -165px;
}
.col-39 {
  left: 50%;
  min-height: 166px;
  padding: 55px 0 43px;
  position: absolute;
  top: 60px;
  border-radius: 10px 10px 0 0;
  max-width: 396px;
  width: 100%;
  z-index: 0;
  background: url(images/558_2.png) no-repeat;
  margin-left: -50%;
  @media screen and (max-width: 375px) {
    margin-left: -50%;
  }
}
.text-177 {
  position: relative;
  z-index: 821;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
.layer-191 {
  height: 14px;
  margin: -14px auto 0;
  position: relative;
  width: 166px;
  z-index: 820;
  background: #fbc344;
}
.text-178 {
  margin: 17px 0 0;
  position: relative;
  z-index: 824;
  font-weight: bold;
  text-align: center;
}
.layer-holder-68 {
  left: 50%;
  margin: 0 0 0 -63px;
  min-height: 80px;
  position: absolute;
  top: 14px;
  width: 175px;
  background: url(images/chatgpt_image_2025_9_10_0.png) no-repeat;
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
  line-height: 80px;
  text-align: center;
}
.layer-192 {
  left: 50%;
  position: absolute;
  top: 0;
  margin-left: -160px;
}
.layer-193 {
  left: 50%;
  position: absolute;
  top: 219px;
  margin-left: -12px;
}
.col-31 {
  margin: 107px 0 0;
  padding: 100px 0 98px;
  position: relative;
  background: #f0f9fb;
  @media screen and (max-width: 425px) {
    margin: 50px 0 0;
    padding: 80px 0 98px;
  }
}
.l-constrained-8 {
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.group-40 {
  display: table;
  margin: 0 auto;
  position: relative;
}
.text-180 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.layer-194 {
  display: block;
  margin: 13px auto 0;
}
.text-181 {
  margin: 16px 0 0;
  font-weight: bold;
  line-height: 27px;
  text-align: center;
}
.step5 {
  margin: 63px auto 0;
  position: relative;
  width: 100%;
  max-width: 857px;
  @media screen and (max-width: 768px) {
    width: 90%;
  }
}
.group-41 {
  position: relative;
}
.group-step {
  display: flex;
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 850px;
}
.col-step-num {
  /* float: left; */
  min-height: 87px;
  padding: 17px 14px 14px;
  position: relative;
  width: 73px;
  background: #0d1942;
  @media screen and (max-width: 768px) {
    padding: 17px 6px 14px;
  }
}
.step {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
.text-182 {
  display: block;
  margin: 8px auto 0;
}
.row-step-right {
  display: flex;
  margin: 1px 0 0;
  min-height: 87px;
  padding: 8px 4px 9px 39px;
  position: relative;
  width: 100%;
  max-width: 777px;
  background: #ffffff;
  @media screen and (max-width: 768px) {
    padding: 8px 4px 9px 10px;
  }
  .row-step-right-img-area {
    display: flex;
    width: 60px;
    height: 80px;
    @media screen and (max-width: 768px) {
      display: flex;
      height: 80px;
    }
    .row-step-right-img {
      width: auto;
      height: 64px;
      margin: auto;
      @media screen and (max-width: 768px) {
        width: 100%;
        height: auto;
      }
    }
  }
}
.row-step-right-txt-area {
  position: relative;
  width: auto;
  margin: 13px 0 0 50px;
  @media screen and (max-width: 768px) {
    margin: 2px 0 0 10px;
  }
}
.row-step-right-txt-area-title {
  font-size: 22px;
  font-weight: bold;
  @media screen and (max-width: 768px) {
    font-size: 20px;
  }
  @media screen and (max-width: 425px) {
    font-size: 4.5vw;
  }
}
.row-step-right-txt-area-desc {
  margin: 6px 0 0;
  font-weight: bold;
  letter-spacing: -0.09rem;
  line-height: 1.2;
  @media screen and (max-width: 768px) {
    margin: 10px 0 0;
    font-size: 13px;
  }
  @media screen and (max-width: 425px) {
    font-size: 3.1vw;
  }
}
.layer-step-bottom-line {
  height: 4px;
  margin: -3px auto 0;
  position: relative;
  width: 100%;
  max-width: 850px;
  background-color: #0c1841; /*Layer's solid color*/
}
.layer-197 {
  display: block;
  margin: 15px auto 0;
}
.row-10 {
  left: 50%;
  min-height: 87px;
  padding: 11px 22px 12px 42px;
  position: absolute;
  top: 1px;
  width: 776px;
  background: #ffffff;
  margin-left: -351px;
}
.layer-198 {
  float: left;
  margin: 0 46px 0 0;
}
.col-66 {
  float: left;
  margin: 6px 0 0;
  position: relative;
  width: auto;
}
.text-185 {
  font-size: 22px;
  font-weight: bold;
}
.text-186 {
  margin: 8px 0 0;
  font-weight: bold;
}
.col-33 {
  left: 50%;
  min-height: 87px;
  padding: 16px 14px 10px;
  position: absolute;
  top: 0;
  width: 73px;
  z-index: 0;
  background: #0c1841;
  margin-left: -425px;
}
.step-2 {
  position: relative;
  z-index: 849;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
.text-187 {
  margin: -1px 0 0;
  position: relative;
  z-index: 847;
  color: #ffffff;
  font-size: 50px;
  font-weight: 500;
  text-align: center;
}
.layer-200 {
  display: block;
  margin: 14px auto 0;
}
.row-11 {
  left: 50%;
  min-height: 87px;
  padding: 12px 47px 10px;
  position: absolute;
  top: 0;
  width: 783px;
  background: #ffffff;
  margin-left: -356.5px;
}
.layer-201 {
  float: left;
  margin: 0 50px 0 0;
}
.col-67 {
  float: left;
  margin: 5px 0 0;
  position: relative;
  width: auto;
}
.text-188 {
  margin: 0 0 0 4px;
  font-size: 22px;
  font-weight: bold;
  text-align: left;
}
.text-189 {
  margin: 7px 0 0;
  font-weight: bold;
}
.layer-202 {
  height: 4px;
  left: 50%;
  position: absolute;
  top: 83px;
  width: 836px;
  background-color: #0c1841; /*Layer's solid color*/
  margin-left: -408.5px;
}
.col-34 {
  left: 50%;
  min-height: 87px;
  padding: 16px 14px 9px;
  position: absolute;
  top: 0;
  width: 73px;
  background: #0c1841;
  margin-left: -427.5px;
}
.step-3 {
  position: relative;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
.text-190 {
  margin: -1px 0 0;
  position: relative;
  color: #ffffff;
  font-size: 50px;
  font-weight: 500;
  text-align: center;
}
.layer-203 {
  display: block;
  margin: 14px auto 0;
}
.row-12 {
  left: 50%;
  min-height: 87px;
  padding: 8px 45px 11px;
  position: absolute;
  top: 0;
  width: 785px;
  background: #ffffff;
  margin-left: -358px;
}
.layer-204 {
  float: left;
  margin: 0 55px 0 0;
}
.col-68 {
  float: left;
  margin: 2px 0 0;
  position: relative;
  width: auto;
}
.text-191 {
  font-size: 22px;
  font-weight: bold;
}
.text-192 {
  margin: 8px 0 0 1px;
  font-weight: bold;
  line-height: 17.5734px;
}
.layer-205 {
  height: 4px;
  left: 50%;
  position: absolute;
  top: 83px;
  width: 835px;
  background-color: #0c1841; /*Layer's solid color*/
  margin-left: -408px;
}
.col-35 {
  left: 50%;
  min-height: 87px;
  padding: 16px 14px 10px;
  position: absolute;
  top: 0;
  width: 73px;
  background: #0c1841;
  margin-left: -427px;
}
.step-4 {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
.text-193 {
  color: #ffffff;
  font-size: 50px;
  font-weight: 500;
  text-align: center;
}
.layer-206 {
  display: block;
  margin: 14px auto 0;
}
.row-13 {
  left: 50%;
  min-height: 87px;
  padding: 18px 49px 16px;
  position: absolute;
  top: 0;
  width: 790px;
  background: #ffffff;
  margin-left: -361.5px;
}
.layer-207 {
  float: left;
  margin: 0 64px 0 0;
}
.col-69 {
  float: left;
  margin: 1px 0 0;
  position: relative;
  width: 578px;
}
.text-194 {
  font-size: 22px;
  font-weight: bold;
}
.text-195 {
  margin: 12px 0 0;
  font-weight: bold;
  letter-spacing: -0.10rem;
}
.col-36 {
  left: 50%;
  min-height: 87px;
  padding: 16px 14px 8px;
  position: absolute;
  top: 0;
  width: 73px;
  background: #0c1841;
  margin-left: -428.5px;
}
.step-5 {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
.text-196 {
  color: #ffffff;
  font-size: 50px;
  font-weight: 500;
  text-align: center;
}
.layer-208 {
  height: 4px;
  left: 50%;
  position: absolute;
  top: 83px;
  width: 839px;
  background-color: #0c1841; /*Layer's solid color*/
  margin-left: -411.5px;
}
.l-constrained-4 {
  margin: 100px auto 0;
  position: relative;
  width: 100%;
  scroll-margin-top: 120px;
}
.group-47 {
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 926px;

  @media screen and (max-width: 768px) {
    width: 90%;
  }
}
.text-197 {

  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.layer-209 {
  display: block;
  margin: 24px auto 0;
}
.text-198 {
  margin: 13px 0 0;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 27px;
  text-align: center;
}
.layer-holder-69 {
  margin: 58px auto 0;
  min-height: 50px;
  padding: 13px 50px;
  position: relative;
  width: 920px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImxheWVyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+CjxzdG9wIG9mZnNldD0iLTI1JSIgc3RvcC1jb2xvcj0iIzQwNzNiYSIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8c3RvcCBvZmZzZXQ9IjU0Ljc5NzM2MyUiIHN0b3AtY29sb3I9IiM1NzlmY2YiIHN0b3Atb3BhY2l0eT0iMSIgLz4KPHN0b3Agb2Zmc2V0PSIxMjUlIiBzdG9wLWNvbG9yPSIjODJlY2Y2IiBzdG9wLW9wYWNpdHk9IjEiIC8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGF5ZXIpIiAvPjwvc3ZnPg==);
  background: -moz-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -o-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -webkit-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -webkit-gradient(linear, left top, right top, color-stop(-25%, #4073ba), color-stop(54.797363%, #579fcf), color-stop(125%, #82ecf6));
  background: -webkit-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -moz-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -o-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: linear-gradient(90deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);

  @media screen and (max-width: 768px) {
    padding: 13px 8px;
  }
}
.layer-210 {
  float: right;
  margin: 4px 26px 0 0;

  @media screen and (max-width: 768px) {
    margin: 4px 6px 0 0;
  }
}
.text-199 {
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
}
.text-200 {
  margin: 17px 55px 0;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 27px;
}
.layer-holder-70 {
  margin: 34px auto 0;
  min-height: 50px;
  padding: 13px 50px;
  position: relative;
  width: 922px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImxheWVyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+CjxzdG9wIG9mZnNldD0iLTI1JSIgc3RvcC1jb2xvcj0iIzQwNzNiYSIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8c3RvcCBvZmZzZXQ9IjU0Ljc5NzM2MyUiIHN0b3AtY29sb3I9IiM1NzlmY2YiIHN0b3Atb3BhY2l0eT0iMSIgLz4KPHN0b3Agb2Zmc2V0PSIxMjUlIiBzdG9wLWNvbG9yPSIjODJlY2Y2IiBzdG9wLW9wYWNpdHk9IjEiIC8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGF5ZXIpIiAvPjwvc3ZnPg==);
  background: -moz-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -o-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -webkit-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -webkit-gradient(linear, left top, right top, color-stop(-25%, #4073ba), color-stop(54.797363%, #579fcf), color-stop(125%, #82ecf6));
  background: -webkit-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -moz-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -o-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: linear-gradient(90deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);

  @media screen and (max-width: 768px) {
    padding: 13px 8px;
  }
}
.layer-211 {
  float: right;
  margin: 4px 24px 0 0;

  @media screen and (max-width: 768px) {
    margin: 4px 6px 0 0;
  }
}
.text-201 {
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
}
.text-202 {
  margin: 17px 55px 0;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 27px;
}
.layer-holder-71 {
  margin: 33px auto 0;
  min-height: 50px;
  padding: 13px 50px;
  position: relative;
  width: 920px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImxheWVyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+CjxzdG9wIG9mZnNldD0iLTI1JSIgc3RvcC1jb2xvcj0iIzQwNzNiYSIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8c3RvcCBvZmZzZXQ9IjU0Ljc5NzM2MyUiIHN0b3AtY29sb3I9IiM1NzlmY2YiIHN0b3Atb3BhY2l0eT0iMSIgLz4KPHN0b3Agb2Zmc2V0PSIxMjUlIiBzdG9wLWNvbG9yPSIjODJlY2Y2IiBzdG9wLW9wYWNpdHk9IjEiIC8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGF5ZXIpIiAvPjwvc3ZnPg==);
  background: -moz-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -o-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -webkit-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -webkit-gradient(linear, left top, right top, color-stop(-25%, #4073ba), color-stop(54.797363%, #579fcf), color-stop(125%, #82ecf6));
  background: -webkit-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -moz-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -o-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: linear-gradient(90deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);

  @media screen and (max-width: 768px) {
    padding: 13px 8px;
  }
}
.layer-212 {
  float: right;
  margin: 4px 23px 0 0;

  @media screen and (max-width: 768px) {
    margin: 4px 6px 0 0;
  }
}
.text-203 {
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
}
.text-204 {
  margin: 17px 55px 0;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 27px;
}
.layer-holder-72 {
  margin: 32px auto 0;
  min-height: 50px;
  padding: 13px 50px;
  position: relative;
  width: 918px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImxheWVyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+CjxzdG9wIG9mZnNldD0iLTI1JSIgc3RvcC1jb2xvcj0iIzQwNzNiYSIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8c3RvcCBvZmZzZXQ9IjU0Ljc5NzM2MyUiIHN0b3AtY29sb3I9IiM1NzlmY2YiIHN0b3Atb3BhY2l0eT0iMSIgLz4KPHN0b3Agb2Zmc2V0PSIxMjUlIiBzdG9wLWNvbG9yPSIjODJlY2Y2IiBzdG9wLW9wYWNpdHk9IjEiIC8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGF5ZXIpIiAvPjwvc3ZnPg==);
  background: -moz-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -o-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -webkit-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -webkit-gradient(linear, left top, right top, color-stop(-25%, #4073ba), color-stop(54.797363%, #579fcf), color-stop(125%, #82ecf6));
  background: -webkit-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -moz-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -o-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: linear-gradient(90deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);

  @media screen and (max-width: 768px) {
    padding: 13px 8px;
  }
}
.layer-213 {
  float: right;
  margin: 3px 22px 0 0;

  @media screen and (max-width: 768px) {
    margin: 4px 6px 0 0;
  }
}
.text-205 {
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
  text-align: left;
}
.text-206 {
  margin: 17px 55px 0;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 27px;
}
.layer-holder-73 {
  margin: 33px auto 0;
  min-height: 50px;
  padding: 13px 50px;
  position: relative;
  width: 919px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImxheWVyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+CjxzdG9wIG9mZnNldD0iLTI1JSIgc3RvcC1jb2xvcj0iIzQwNzNiYSIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8c3RvcCBvZmZzZXQ9IjU0Ljc5NzM2MyUiIHN0b3AtY29sb3I9IiM1NzlmY2YiIHN0b3Atb3BhY2l0eT0iMSIgLz4KPHN0b3Agb2Zmc2V0PSIxMjUlIiBzdG9wLWNvbG9yPSIjODJlY2Y2IiBzdG9wLW9wYWNpdHk9IjEiIC8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGF5ZXIpIiAvPjwvc3ZnPg==);
  background: -moz-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -o-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -webkit-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -webkit-gradient(linear, left top, right top, color-stop(-25%, #4073ba), color-stop(54.797363%, #579fcf), color-stop(125%, #82ecf6));
  background: -webkit-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -moz-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -o-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: linear-gradient(90deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);

  @media screen and (max-width: 768px) {
    padding: 13px 8px;
  }
}
.layer-214 {
  float: right;
  margin: 2px 22px 0 0;

  @media screen and (max-width: 768px) {
    margin: 4px 6px 0 0;
  }
}
.text-207 {
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
}
.text-208 {
  margin: 17px 55px 0;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 27px;
}
.layer-holder-74 {
  margin: 37px auto 0;
  min-height: 50px;
  padding: 13px 50px;
  position: relative;
  width: 920px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImxheWVyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+CjxzdG9wIG9mZnNldD0iLTI1JSIgc3RvcC1jb2xvcj0iIzQwNzNiYSIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8c3RvcCBvZmZzZXQ9IjU0Ljc5NzM2MyUiIHN0b3AtY29sb3I9IiM1NzlmY2YiIHN0b3Atb3BhY2l0eT0iMSIgLz4KPHN0b3Agb2Zmc2V0PSIxMjUlIiBzdG9wLWNvbG9yPSIjODJlY2Y2IiBzdG9wLW9wYWNpdHk9IjEiIC8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGF5ZXIpIiAvPjwvc3ZnPg==);
  background: -moz-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -o-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -webkit-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -webkit-gradient(linear, left top, right top, color-stop(-25%, #4073ba), color-stop(54.797363%, #579fcf), color-stop(125%, #82ecf6));
  background: -webkit-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -moz-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -o-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: linear-gradient(90deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);

  @media screen and (max-width: 768px) {
    padding: 13px 8px;
  }
}
.layer-215 {
  float: right;
  margin: 4px 21px 0 0;

  @media screen and (max-width: 768px) {
    margin: 4px 6px 0 0;
  }
}
.text-209 {
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
}
.text-210 {
  margin: 17px 55px 0;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 27px;
}
.layer-holder-75 {
  margin: 37px auto 0;
  min-height: 50px;
  padding: 13px 50px;
  position: relative;
  width: 921px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImxheWVyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+CjxzdG9wIG9mZnNldD0iLTI1JSIgc3RvcC1jb2xvcj0iIzQwNzNiYSIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8c3RvcCBvZmZzZXQ9IjU0Ljc5NzM2MyUiIHN0b3AtY29sb3I9IiM1NzlmY2YiIHN0b3Atb3BhY2l0eT0iMSIgLz4KPHN0b3Agb2Zmc2V0PSIxMjUlIiBzdG9wLWNvbG9yPSIjODJlY2Y2IiBzdG9wLW9wYWNpdHk9IjEiIC8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGF5ZXIpIiAvPjwvc3ZnPg==);
  background: -moz-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -o-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -webkit-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -webkit-gradient(linear, left top, right top, color-stop(-25%, #4073ba), color-stop(54.797363%, #579fcf), color-stop(125%, #82ecf6));
  background: -webkit-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -moz-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -o-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: linear-gradient(90deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);

  @media screen and (max-width: 768px) {
    padding: 13px 8px;
  }
}
.layer-216 {
  float: right;
  margin: 3px 19px 0 0;

  @media screen and (max-width: 768px) {
    margin: 4px 6px 0 0;
  }
}
.text-211 {
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
}
.text-212 {
  margin: 17px 55px 0;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 27px;
}
.layer-holder-76 {
  margin: 39px auto 0;
  min-height: 50px;
  padding: 13px 50px;
  position: relative;
  width: 921px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImxheWVyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+CjxzdG9wIG9mZnNldD0iLTI1JSIgc3RvcC1jb2xvcj0iIzQwNzNiYSIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8c3RvcCBvZmZzZXQ9IjU0Ljc5NzM2MyUiIHN0b3AtY29sb3I9IiM1NzlmY2YiIHN0b3Atb3BhY2l0eT0iMSIgLz4KPHN0b3Agb2Zmc2V0PSIxMjUlIiBzdG9wLWNvbG9yPSIjODJlY2Y2IiBzdG9wLW9wYWNpdHk9IjEiIC8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGF5ZXIpIiAvPjwvc3ZnPg==);
  background: -moz-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -o-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -webkit-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -webkit-gradient(linear, left top, right top, color-stop(-25%, #4073ba), color-stop(54.797363%, #579fcf), color-stop(125%, #82ecf6));
  background: -webkit-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -moz-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -o-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: linear-gradient(90deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);

  @media screen and (max-width: 768px) {
    padding: 13px 8px;
  }
}
.layer-217 {
  float: right;
  margin: 4px 21px 0 0;

  @media screen and (max-width: 768px) {
    margin: 4px 6px 0 0;
  }
}
.text-213 {
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
}
.text-214 {
  margin: 17px 55px 0;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 27px;
}
.layer-holder-77 {
  margin: 34px auto 0 auto;
  min-height: 50px;
  padding: 13px 50px;
  position: relative;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImxheWVyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+CjxzdG9wIG9mZnNldD0iLTI1JSIgc3RvcC1jb2xvcj0iIzQwNzNiYSIgc3RvcC1vcGFjaXR5PSIxIiAvPgo8c3RvcCBvZmZzZXQ9IjU0Ljc5NzM2MyUiIHN0b3AtY29sb3I9IiM1NzlmY2YiIHN0b3Atb3BhY2l0eT0iMSIgLz4KPHN0b3Agb2Zmc2V0PSIxMjUlIiBzdG9wLWNvbG9yPSIjODJlY2Y2IiBzdG9wLW9wYWNpdHk9IjEiIC8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGF5ZXIpIiAvPjwvc3ZnPg==);
  background: -moz-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -o-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -webkit-linear-gradient(0deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -webkit-gradient(linear, left top, right top, color-stop(-25%, #4073ba), color-stop(54.797363%, #579fcf), color-stop(125%, #82ecf6));
  background: -webkit-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -moz-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: -o-linear-gradient(left, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);
  background: linear-gradient(90deg, #4073ba -25%, #579fcf 54.797363%, #82ecf6 125%);

  @media screen and (max-width: 768px) {
    padding: 13px 8px;
  }
}
.layer-218 {
  float: right;
  margin: 3px 14px 0 0;
}
.text-215 {
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
}
.text-216 {
  margin: 17px 55px 0;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 27px;
}
.text-217 {
  padding: 80px 0 0;

  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.layer-219 {
  display: block;
  margin: 15px auto 0;
}
.text-218 {
  margin: 16px 0 0;
  font-weight: bold;
  line-height: 27px;
  text-align: center;
}
/* .contact-wrap {
  height: 1097px;
  margin: 47px auto 0;
  width: 963px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #ffffff;
} */
/*contact*/
.contact-wrap {
	max-width: 730px;
	margin: 85px auto 100px;
}
.top-contact-coment{
	margin-bottom: 40px;
}
.top-formwrap{
	display: flex;
	width: 100%;
	margin-bottom: 20px;
}
.top-form-lab{
	font-size: 1.2rem;
	font-weight: 500;
	width: 30%;
}
.top-form-lab span{
	color: #CD0001;
	
}
.top-name-wrap{
	display: flex;
	width: 100%;
}
.top-form-input{
	width: 100%;
	display: inline-block;
    box-sizing: border-box;
    background-color: #E9E9E9;
    border: 1px solid #E9E9E9;
	border-radius: 6px;
    outline: none;
    height: 42px;
    padding: 12px 16px;
    vertical-align: middle;
	box-shadow: 0px 7px 7px -6px rgba(0, 0, 0, 0.3);
}
.top-contct-button-wrap {
	text-align: center;
	margin: 45px 0 30px;
}
.top-contct-button-wrap p.pc {
  display: block;
  @media screen and (max-width: 768px) {
    display: none;
  }
}
.top-contct-button-wrap p.sp {
  display: none;
  @media screen and (max-width: 768px) {
    display: block;
  }
}
.top-contct-button {
	font-size: 1.2rem;
    background-color: #15CA68;
    color: #fff;
    border: none;
    padding: 13px 28px;
    letter-spacing: .06em;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
  @media screen and (max-width: 768px) {
    padding: 13px 8px;
  }
}
.top-contct-button:hover {
	opacity: 0.5;
}
.privacy-policy-wrap {
  font-size: 13px;
}
.request-text {
  height: 200px;
}

.col-30 {
  margin: 4px 0 0;
  padding: 34px 0 39px;
  position: relative;
  background: #1a1a1a;
}
.l-constrained {
  margin: 0 auto;
  position: relative;
  width: 80%;
}
.text-219 {
  margin: 0;
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
}
.text-220 {
  margin: 8px 0 0 0;
  color: #ffffff;
  font-weight: bold;
  line-height: 27px;
}
.layer-221 {
  height: 2px;
  margin: 32px auto 0;
  width: 100%;
  background-color: #ffffff; /*Layer's solid color*/
}
.layer-222 {
  margin: 25px auto 0;
}
.text-style-6 {
  letter-spacing: 0.2em;
}
.text-style-35 {
  line-height: 28.71997px;
}
.colorffffff {
  color: #ffffff;
}
.text-style-17 {
  font-size: 18px;
}
.text-style-37 {
  font-size: 18px;
}
.text-style-8 {
  font-weight: normal;
}
.text-style-16 {
  font-size: 16.43067px;
  font-weight: bold;
}
.text-style-18 {
  font-size: 19.68865px;
}
.text-style-26 {
  font-size: 27.73343px;
  line-height: 27.73343px;
}
.text-style-33 {
  font-size: 28.71997px;
  line-height: 28.71997px;
}
.text-style-7 {
  letter-spacing: 0;
}
.text-style-27 {
  display: block;
  line-height: 13px;
  margin-bottom: 0;
}
.text-style-23 {
  line-height: 16.82476px;
}
.text-style-31 {
  line-height: 18.90922px;
}
.text-style-30 {
  display: block;
  line-height: 9px;
  margin-bottom: 0;
}
.text-style-4 {
  font-family: KoburinaGoStd-W3, serif;
  font-weight: normal;
}
.text-style-11 {
  line-height: 18.07238px;
}
.text-style-12 {
  font-size: 10.45111px;
}
.text-style-14 {
  font-size: 19px;
}
.text-style-32 {
  line-height: 14.49707px;
}
.text-style-21 {
  font-size: 30px;
}
.text-style-19 {
  font-size: 16.73534px;
  font-weight: bold;
}
.text-style-20 {
  font-size: 22px;
  @media screen and (max-width: 425px) {
    font-size: 5.2vw;
  }
}
.text-style-24 {
  display: block;
  line-height: 6px;
  margin-bottom: 0;
}
.text-style-25 {
  line-height: 13.86671px;
}
.text-style-38 {
  font-size: 30px;
  font-weight: 500;
}
.text-style-28 {
  line-height: 27.73343px;
}
.text-style-29 {
  letter-spacing: 0.01em;
  line-height: 27.73343px;
}
.text-style-9 {
  display: block;
  line-height: 7px;
  margin-bottom: 0;
}
.text-style-36 {
  letter-spacing: 0.01em;
}
.colorfad77d {
  color: #fad77d;
}
.text-style-10 {
  font-size: 12.8345px;
  line-height: 14.668px;
}
.text-style-2 {
  font-size: 20.00899px;
}
.text-style-22 {
  display: block;
  line-height: 8px;
  margin-bottom: 0;
}
.text-style-blue-underline {
  border-bottom: 2px solid #3363a4;
  padding-bottom: 0.1em;
  color: #3363a4;
  font-weight: bold;
}
.text-style {
  font-size: 24.01123px;
}
.text-style-3 {
  color: #ffffff !important;
  font-size: 30px !important;

  background-color: initial !important;
  /* 枠線 */
  border: initial !important;
  /* 文字と枠の間の余白 */
  padding: 2px 4px;
  /* 各文字の枠を横に並べるためにインラインブロックを指定 */
  display: inline-block;
  /* 枠同士の間隔を調整 */
  margin: 2px;
}
.text-style-34 {
  display: block;
  line-height: 14px;
  margin-bottom: 0;
}
.text-style-15 {
  font-size: 19.3302px;
}
.text-style-5 {
  font-size: 36px;
  letter-spacing: 0.2em;

  @media screen and (max-width: 768px) {
    font-size: 26px;
  }
}


/* ここから組み立て式 */

/* ベースリセット（必要に応じて） */
.fv-area-banner * {
  box-sizing: border-box;
}

/* 外側の影付きエリア */
.fv-area-banner {
  max-width: 755px;
  margin: 0 auto;
  padding: 40px 0;
  position: relative;

  /* 下の青いぼかし影 */
  .fv-area-banner::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -18px;
    width: 95%;
    height: 30px;
    transform: translateX(-50%);
    background: radial-gradient(ellipse at center,
      rgba(46, 134, 255, 0.45) 0%,
      rgba(46, 134, 255, 0.05) 60%,
      transparent 100%);
    filter: blur(2px);
    pointer-events: none;
  }

  /* 内側の白いボタン本体 */
  .fv-area-inner {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 18px 28px;
    background: #ffffff;
    border-radius: 16px;
    border: 3px solid #2f7fdc;
    text-decoration: none;
    position: relative;
  }

  /* 左の小冊子画像 */
  .fv-area-thumb {
    flex: 0 0 auto;
  }
  .fv-area-thumb img {
    display: block;
    height: 90px;
  }

  /* テキストエリア */
  .fv-area-text {
    flex: 1 1 auto;
    min-width: 0;
  }

  .fv-area-sub {
    margin: 0 0 6px;
    font-size: 16px;
    color: #2f7fdc;
    text-align: center;
    letter-spacing: 0.04em;
  }

  .fv-area-main {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #2f7fdc;
    text-align: center;
    letter-spacing: 0.04em;
  }

  .fv-area-main span { font-size: 1.2em; }

  /* 右側の丸い再生ボタン */
  .fv-area-play {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: #2f7fdc;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* 再生アイコン（三角） */
  .fv-area-play-icon {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid #ffffff;
    margin-left: 2px;
  }

  /* ホバー時の軽い演出 */
  .fv-area-inner:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
    transition: all 0.2s ease;
  }
}

/* Q&A部分の補足 */
.faq-item {
  width: 100%;
  max-width: 920px;

  @media screen and (max-width: 768px) {
    width: 100%;
  }
}
/* ▼FAQ：回答（初期は閉じる） */
.group-47 .faq-answer {
  display: none;
}
/* ▼開いているとき */
.group-47 .faq-item.is-open + .faq-answer {
  display: block;

  @media screen and (max-width: 768px) {
    width: 100%;
    margin: 20px 0 0 0;
  }
}
/* ▼クリックできる感 */
.group-47 [class^="layer-holder-"] {
  cursor: pointer;
}
/* ▼右側アイコン（開閉で回転） */
.group-47 [class^="layer-holder-"] img[class^="layer-"] {
  transition: transform 0.2s ease;
}
.group-47 .faq-item.is-open img[class^="layer-"] {
  transform: rotate(180deg);
}

/* 選ばれる理由エリア */
.reason-box-card-aera {
  display: flex;
  max-width: 816px;
  margin: 120px auto 0 auto;
  justify-content: space-around;

  .reason-box-card {
    position: relative;
    width: 30%;
    background: #ffffff;
    border: 2px solid #b6bcc9;
    border-radius: 10px;
    padding-top: 6px;
    box-sizing: border-box;
    color: #0f214b;
  }

  /* 上部の半円タブ */
  .reason-box-tab {
    position: absolute;
    top: -79px;
    left: 50%;
    transform: translateX(-50%);
    width: 160px;
    height: 80px;
    background: #ffffff;
    border: 2px solid #b6bcc9;
    border-bottom: none;
    border-top-left-radius: 90px;
    border-top-right-radius: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-sizing: border-box;
  }

  .reason-box-tab-label {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin: 20px 0 6px 0;
  }

  .reason-box-tab-num {
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 0.04em;
  }

  /* 本文 */
  .reason-box-body {
    padding: 18px 8px 22px;
    text-align: center;
  }
  .reason-box-icon-area {
    width: 100%;
    height: 129px;

    .reason-box-icon {
      display: flex;
      height: 75px;
      justify-content: center;
      margin: 2px 0 10px;
      color: #0f214b;
      align-items: center;
    }
    .reason-box-title {
      margin: 8px 0 12px;
      font-size: 22px;
      font-weight: 900;
      letter-spacing: -0.03em;
    }
  }
  /* 点線 */
  .reason-box-dots {
    width: 100%;
    border-top: 4px dotted #0f214b;
    opacity: 0.75;
    margin: 10px 0 16px;
  }
  /* コピー */
  .reason-box-copy {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.03em;
    line-height: 1.55;
  }
  /* 黄色ハイライト */
  .reason-box-hl {
    background: linear-gradient(transparent 58%, #f6c84a 58%);
    padding: 0 2px;
  }
}

/* 動画のカード表示 */
/* =========================
  全体
========================= */
.works {
  padding: 40px 20px;
}
.works-grid {
  max-width: 1237px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, 387px);
  gap: 32px;
  justify-content: center; /* 余ったスペースを中央寄せ */
}
/* =========================
  カード
========================= */
.work-card {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,.12);
  display: flex;
  flex-direction: column;
}
/* =========================
  テキスト
========================= */
.work-body {
  height: 124px;
  padding: 12px 36px;
}
.work-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  color: #0c1841;
  margin: 0 0 12px;
}
/* =========================
  ラベル
========================= */
.work-tag {
  display: inline-block;
  background: #0c1841;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 12px;
}
/* =========================
  レスポンシブ
========================= */
@media (max-width: 640px) {
  .work-title {
    font-size: 15px;
  }

  .work-tag {
    font-size: 13px;
  }
}





/* ========== SP header / menu ========== */
.sp-headerbar, .sp-menu { display: none; }

@media (max-width: 768px){
  /* SPヘッダーのバー */
  .sp-headerbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 14px;
    position: sticky;
    top: 0;
    z-index: 9999;
    background:#111;
  }
  .sp-headerbar__logo img{ height:30px; width:auto; display:block; }

  .sp-headerbar__open{
    width:44px; height:44px;
    border:0; background:transparent; color:#fff;
    cursor:pointer;
    position:relative;
  }
  .sp-headerbar__openIcon{
    display:block; width:26px; height:2px; background:#fff;
    position:absolute; left:50%; top:50%;
    transform:translate(-50%,-50%);
    box-shadow: 0 -8px 0 #fff, 0 8px 0 #fff;
    border-radius:2px;
  }

  /* 全画面オーバーレイ */
  .sp-menu{
    display:block;
    position:fixed;
    inset:0;
    z-index: 10000;
    background: rgba(0,0,0,.92);
    opacity:0;
    pointer-events:none;
    transition: opacity .2s ease;
  }
  .sp-menu.is-open{
    opacity:1;
    pointer-events:auto;
  }

  .sp-menu__inner{
    height:100%;
    padding:18px 18px 22px;
    display:flex;
    flex-direction:column;
    gap:18px;
    max-width: 520px;
    margin: 0 auto;
  }

  .sp-menu__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .sp-menu__logo img{ height:34px; width:auto; display:block; }

  .sp-menu__close{
    width:52px; height:52px;
    border:0; background:transparent;
    color:#fff;
    font-size:44px;
    line-height:1;
    cursor:pointer;
  }

  /* メニューリスト */
  .sp-menu__nav{ display:flex; flex-direction:column; gap:0; }

  .sp-menu__item{
    display:grid;
    grid-template-columns: 54px 1fr;
    align-items:center;
    gap:12px;
    padding:20px 6px;
    color:#fff;
    text-decoration:none;
    position:relative;
  }
  /* 点線の区切り（スクショっぽく） */
  .sp-menu__item::after{
    content:"";
    position:absolute;
    left:0; right:0;
    bottom:0;
    border-bottom: 2px dashed rgba(255,255,255,.5);
  }

  .sp-menu__ico{
    width:44px; height:44px;
    border:2px solid rgba(255,255,255,.7);
    border-radius:999px;
    display:grid;
    place-items:center;
  }
  .sp-menu__ico svg{
    width:24px; height:24px;
    color:#fff;
  }
  .sp-menu__label{
    font-size:22px;
    font-weight:700;
    letter-spacing:.08em;
  }

  /* 下のCTA（丸ボタン） */
  .sp-menu__cta{
    margin-top:auto;
    display:flex;
    flex-direction:column;
    gap:14px;
    padding-top:10px;
  }

  .sp-menu__btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    text-decoration:none;
    font-weight:800;
    font-size:22px;
    padding:22px 18px;
    border-radius: 999px;
  }
  .sp-menu__btn--primary{
    background:#d9792a;
    color:#fff;
  }
  .sp-menu__btn--outline{
    background:#fff;
    color:#d9792a;
    border:4px solid #d9792a;
  }
  .sp-menu__arrow{
    margin-left:10px;
    width:34px; height:34px;
    display:grid; place-items:center;
    border-radius:999px;
    background:rgba(255,255,255,.15);
  }
  .sp-menu__btn--outline .sp-menu__arrow{
    background:#d9792a;
    color:#fff;
  }
}

/* =========================
   ヘッダー表示切り替え
   ========================= */

/* 初期状態（PC） */
.header-menu-pc {
  display: block;
}

.sp-headerbar,
.sp-menu {
  display: none;
}

/* スマホ（768px以下） */
@media screen and (max-width: 768px) {
  .header-menu-pc {
    display: none !important;
  }

  .sp-headerbar {
    display: flex;
  }

  .sp-menu {
    display: block;
  }
}

/* =========================
   ヘッダー表示切り替え ここまで
   ========================= */


/* =========================
   YouTube モーダル
   ========================= */
.work-card.js-yt-open { cursor: pointer; }

.yt-modal { position: fixed; inset: 0; display: none; z-index: 9999; }
.yt-modal.is-open { display: block; }

.yt-modal__overlay { position: absolute; inset: 0; background: rgba(0,0,0,.7); }

.yt-modal__dialog{
  position: relative;
  width: min(1000px, calc(100vw - 32px));
  margin: 6vh auto 0;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
}

.yt-modal__close{
  position: absolute;
  top: 8px; right: 8px;
  width: 40px; height: 40px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 26px;
  line-height: 40px;
  cursor: pointer;
  z-index: 1;
}

.yt-modal__player{ position: relative; width: 100%; aspect-ratio: 16 / 9; }
.yt-modal__player iframe{ position: absolute; inset: 0; width: 100%; height: 100%; }

body.is-modal-open { overflow: hidden; }

/* =========================
  サムネイル
========================= */
/* ===== サムネ再生UI ===== */
.work-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9; /* ←高さ確保（重要） */
  overflow: hidden;
  border-radius: 12px; /* 角丸が不要なら削除 */
}
.work-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ←黒帯消える */
  object-position: center; /* 中央寄せ */
  transition: transform .3s ease, filter .3s ease;
}
/* 画像 */
.work-thumb img{
  /* width: 100%;
  height: auto;
  display: block; */
}

/* 黒オーバーレイ */
.work-thumb::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.25);
  opacity: 0;
  transition: opacity .3s ease;
}

/* ▶ 再生アイコン */
.work-thumb::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  transform: translate(-50%, -50%);
  background: rgba(0,0,0,.6);
  border-radius: 50%;
  box-shadow: 0 6px 18px rgba(0,0,0,.35);
  transition: transform .3s ease, background .3s ease;
  z-index: 1;
}

/* ▶ 三角 */
.work-thumb span.play-icon{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  transform: translate(-40%, -50%);
  border-style: solid;
  border-width: 12px 0 12px 18px;
  border-color: transparent transparent transparent #fff;
  z-index: 2;
  pointer-events: none;
}

/* hover演出 */
.work-card:hover .work-thumb::after{
  opacity: 1;
}

.work-card:hover .work-thumb img{
  filter: brightness(.75);
  transform: scale(1.05);
}

.work-card:hover .work-thumb::before{
  transform: translate(-50%, -50%) scale(1.1);
  background: rgba(229,0,18,.85); /* YouTube赤っぽく */
}

/* =========================
   YouTube モーダル ここまで
   ========================= */


/* =========================
   フリック対応 ここから
   ========================= */
/* SPだけ：比較表（group-28）をフリック横スクロールにする */
@media screen and (max-width: 768px) {

  /* まず固定幅815pxを殺す（ここがキモ） */
  .group-28{
    width: 100% !important;
    max-width: 100% !important;
    margin: 100px auto 0 auto !important;

    /* フリック領域化 */
    display: flex;
    overflow-x: auto;
    /* overflow-y: hidden; */
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 16px;
    padding: 0 16px 12px;

    overscroll-behavior-x: contain;
    /* touch-action: pan-x; */
  }

  /* float横並びの名残を無効化 */
  .group-28 > *{
    float: none !important;
    margin: 0 !important; /* PC用 margin-right:12.3px を無効化 */
  }

  /* 1枚=画面幅（左右padding 16px分を引く） */
  .group-28 > .wrapper-13,
  .group-28 > .col-76,
  .group-28 > .col-77{
    flex: 0 0 calc(100% - 32px);
    scroll-snap-align: start;
    scroll-snap-stop: always;

    width: auto !important;
    min-width: 0;
    border-radius: 16px;
    overflow: hidden;
  }

  /* 念のため、内側の絶対配置・画像のはみ出し対策 */
  .group-28 img{ max-width: 100%; height: auto; }
}

/* （任意）スクロールバー見た目 */
.group-28::-webkit-scrollbar { height: 6px; }
.group-28::-webkit-scrollbar-thumb { border-radius: 999px; }

/* =========================
   フリック対応 ここまで
   ========================= */



/* =========================
   選ばれる理由スマホレイアウト ここから
   ========================= */
.reason-box-wrap {
  display: none;
}
@media screen and (max-width: 768px) {

  /* 3カラム全体 */
  .reason-box-wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    margin: 60px auto 0 auto;
    gap: 1px;
  }

  /* カード共通（前回と同じ） */
  .reason-box-card {
    position: relative;
    width: 100%;
    max-width: 360px;
    background: #ffffff;
    border: 1px solid #b6bcc9;
    padding-top: 20px;
    box-sizing: border-box;
    color: #0f214b;
  }

  /* 上部丸タブ */
  .reason-box-tab {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    background: #0f214b;
    color: #ffffff;
    border-radius: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .reason-box-tab-label {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 4px;
  }

  .reason-box-tab-num {
    font-size: 20px;
    font-weight: 500;
  }

  /* 本文 */
  .reason-box-body {
    padding: 20px 4px 26px;
    text-align: center;
  }

  .reason-box-icon {
    margin: 8px 0 12px;
  }

  .reason-box-icon-img {
    width: auto;
    height: 50px;
  }

  /* タイトル */
  .reason-box-title {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.4;
    margin: 12px 0;
    height: 45px;
  }

  /* 点線 */
  .reason-box-dots {
    border-top: 4px dotted #0f214b;
    margin: 14px 0 18px;
  }

  /* コピー */
  .reason-box-copy {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;
    margin: 0;
  }

  /* 黄色マーカー */
  .reason-box-hl {
    background: linear-gradient(transparent 60%, #f6c84a 60%);
    padding: 0 2px;
  }
}
/* =========================
   選ばれる理由スマホレイアウト ここまで
   ========================= */