@charset "UTF-8";
/* ==========================================================================
   Reset
   ========================================================================== */
/* Initialize
   ========================================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, var,
b, u, i,
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, main,
menu, nav, output, ruby, section, summary, input, textarea,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

:root {
  --color-black: #333;
  --color-yellow: #FFDB4C;
  --color-orange: #EF9300;
  --color-link: #001EB3;
  --color-red: #ca0307;
  --color-blue: #092253;
  --color-aqua: #8CC8FF;
}

html {
  font-size: 0.625em;
  height: 100%;
  overflow-y: scroll;
}
html.--fixed {
  overflow: hidden;
}

body {
  color: #333;
  font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}

button {
  font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
}

dd,
dt,
td,
th,
ol,
ul,
p {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.5;
}
@media (max-width: 1150px) {
  dd,
  dt,
  td,
  th,
  ol,
  ul,
  p {
    font-size: 1.5652173913vw;
  }
}
@media screen and (max-width: 767px) {
  dd,
  dt,
  td,
  th,
  ol,
  ul,
  p {
    font-size: 3.7333333333vw;
  }
}

td dl,
td ul,
td ol,
td td,
td th,
td p,
td li,
dd dd,
dd dt,
dd p,
dd li,
dd ul,
dd ol,
li th,
li td,
li table,
li dd,
li dt,
li ol,
li ul,
ol li,
ul li,
li p {
  font-size: 1em;
}

ol,
ul {
  list-style: none;
}

a {
  color: var(--color-link);
  text-decoration: underline;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media (hover: hover) {
  a:hover {
    text-decoration: none;
  }
  a:hover img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

address {
  font-style: normal;
}

/* google chrome input button padding */
input[type=button],
input[type=submit],
input[type=reset],
input[type=file]::-webkit-file-upload-button, button {
  padding: 1px 6px;
}

input[type=checkbox] {
  margin: 0;
}

img {
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}

.img-box {
  font-size: 0;
  line-height: 0;
}

.wrap {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1070px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1150px) {
  .wrap {
    padding-left: 2.6086956522vw;
    padding-right: 2.6086956522vw;
  }
}
@media screen and (max-width: 767px) {
  .wrap {
    padding-left: 0;
    padding-right: 0;
    width: auto;
  }
}

table {
  border-collapse: collapse;
  width: 100%;
}

sup {
  font-size: 1.2rem;
  font-weight: normal;
  vertical-align: top;
}

.text-bold,
strong {
  font-weight: bold;
}

html {
  overflow: hidden visible;
  height: 100%;
}

body {
  height: 100%;
}

.text-small {
  font-size: 0.8em;
}

.text-large {
  font-size: 2.4em;
}

.text-underline {
  text-decoration: underline;
}

.text-italic {
  font-style: italic;
}

video {
  outline: none;
}

.align-left {
  text-align: left !important;
}

.align-center {
  text-align: center !important;
}

.align-right {
  text-align: right !important;
}

.text-red {
  color: var(--color-red) !important;
}

.text-black {
  color: var(--color-black) !important;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

/* ---------------------------------------------------------

■■■ PC SP ■■■■■■■■■■

--------------------------------------------------------- */
@media screen and (min-width: 768px) {
  img.sp,
  br.sp,
  span.sp,
  .sp {
    display: none !important;
  }
  br.sp {
    width: 0 !important;
  }
  .pc {
    display: block !important;
  }
  span.pc,
  img.pc,
  br.pc {
    display: inline !important;
  }
  th.pc,
  td.pc {
    display: table-cell !important;
  }
}
@media screen and (max-width: 767px) {
  .sp {
    display: block !important;
  }
  th.pc,
  td.pc,
  span.pc,
  br.pc,
  img.pc,
  .pc {
    display: none !important;
  }
  img.sp,
  br.sp,
  span.sp {
    display: inline !important;
  }
}
.mb0 {
  margin-bottom: 0 !important;
}

.ml0 {
  margin-left: 0 !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

/* c-title
========================================================================== */
.c-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 36px;
}
.c-title h2 {
  display: table;
  font-size: 16px;
  font-weight: 700;
  padding-left: 1.5em;
  padding-right: 1.5em;
  position: relative;
}
.c-title h2::after, .c-title h2::before {
  background: var(--color-black);
  content: "";
  height: 95%;
  width: 1px;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(-25deg);
      -ms-transform: rotate(-25deg);
          transform: rotate(-25deg);
}
.c-title h2::before {
  left: 0;
}
.c-title h2::after {
  right: 0;
}
.c-title h2 > i {
  color: var(--color-orange);
  font-size: 1.6875em;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.c-title.--aqua h2 > i {
  color: #008AEF;
}
@media (max-width: 1150px) {
  .c-title {
    margin-bottom: 3.1304347826vw;
  }
  .c-title h2 {
    font-size: 1.3913043478vw;
  }
}
@media screen and (max-width: 767px) {
  .c-title {
    display: block;
    margin-bottom: 6.6666666667vw;
  }
  .c-title h2 {
    font-size: 3.7333333333vw;
    margin-left: auto;
    margin-right: auto;
  }
  .c-title p {
    margin-top: 1em;
    text-align: right;
  }
}

/* c-tab
========================================================================== */
.c-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  font-weight: 700;
}
.c-tab > li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #E2E2E2;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 50%;
  position: relative;
}
.c-tab > li::before {
  border-color: var(--color-yellow) transparent transparent;
  border-style: solid;
  border-width: 16px 13px 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
.c-tab > li:nth-child(2)::before {
  border-color: var(--color-aqua) transparent transparent;
}
.c-tab > li.--active {
  background-color: var(--color-yellow);
}
.c-tab > li.--active::before {
  content: "";
}
.c-tab > li.--active:nth-child(2) {
  background-color: var(--color-aqua);
}
@media (max-width: 1150px) {
  .c-tab {
    font-size: 2.0869565217vw;
  }
  .c-tab > li {
    height: 7.8260869565vw;
  }
  .c-tab > li::before {
    border-width: 1.3913043478vw 1.1304347826vw 0;
  }
}
@media screen and (max-width: 767px) {
  .c-tab {
    font-size: 4vw;
  }
  .c-tab > li {
    height: 16.4vw;
    line-height: 1.4;
  }
  .c-tab > li::before {
    border-width: 3.2vw 2.2666666667vw 0;
  }
}

/* c-step
========================================================================== */
.c-step {
  margin-bottom: 70px;
}
.c-step ol {
  counter-reset: step;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 80px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-step ol > li {
  counter-increment: step;
  text-align: center;
  position: relative;
}
.c-step ol > li:not(:last-child)::before {
  background: -webkit-radial-gradient(circle, var(--color-yellow) 1.5px, transparent 1.5px) repeat-x;
  background: radial-gradient(circle, var(--color-yellow) 1.5px, transparent 1.5px) repeat-x;
  background-size: 9px 9px;
  content: "";
  height: 9px;
  width: -webkit-calc(100% - 18px - 18px);
  width: calc(100% - 18px - 18px);
  position: absolute;
  right: -100px;
  top: 18px;
}
.c-step ol > li:not(:last-child)::after {
  background: url(../img/icon-arrow-yellow.png) no-repeat 0 0;
  background-size: contain;
  content: "";
  height: 20px;
  width: 12px;
  position: absolute;
  right: -118px;
  top: 13px;
}
.c-step ol > li > i {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-yellow);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 45px;
}
.c-step ol > li > i::before {
  content: counter(step);
  font-size: 28px;
  font-weight: 500;
}
.c-step ol > li img {
  display: block;
  margin: 30px auto 0;
}
.c-step ol > li p {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 20px;
}
.c-step.--aqua ol {
  gap: 0;
}
.c-step.--aqua ol > li:not(:last-child)::before {
  background-image: -webkit-radial-gradient(circle, #C5E3FF 1.5px, transparent 1.5px);
  background-image: radial-gradient(circle, #C5E3FF 1.5px, transparent 1.5px);
}
.c-step.--aqua ol > li:not(:last-child)::after {
  background-image: url(../img/icon-arrow-aqua.png);
}
.c-step.--aqua ol > li > i {
  background-color: #C5E3FF;
}
.c-step.--aqua ol > li:nth-child(1) {
  margin-right: 78px;
}
.c-step.--aqua ol > li:nth-child(2) {
  margin-right: 28px;
}
.c-step.--aqua ol > li:nth-child(3) img {
  margin-bottom: 36px;
  padding-top: 12px;
}
.c-step.--aqua ol > li p {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 90px;
  margin-top: 0;
}
@media (max-width: 1150px) {
  .c-step {
    margin-bottom: 6.0869565217vw;
  }
  .c-step ol {
    gap: 0 6.9565217391vw;
  }
  .c-step ol > li:not(:last-child)::before {
    background: -webkit-radial-gradient(circle, var(--color-yellow) 0.1304347826vw, transparent 0.1304347826vw) repeat-x;
    background: radial-gradient(circle, var(--color-yellow) 0.1304347826vw, transparent 0.1304347826vw) repeat-x;
    background-size: 0.7826086957vw 0.7826086957vw;
    height: 0.7826086957vw;
    width: -webkit-calc(100% - 1.5652173913vw - 1.5652173913vw);
    width: calc(100% - 1.5652173913vw - 1.5652173913vw);
    right: -8.6956521739vw;
    top: 1.5652173913vw;
  }
  .c-step ol > li:not(:last-child)::after {
    height: 1.7391304348vw;
    width: 1.0434782609vw;
    right: -10.2608695652vw;
    top: 1.1304347826vw;
  }
  .c-step ol > li > i {
    height: 3.9130434783vw;
    width: 3.9130434783vw;
  }
  .c-step ol > li > i::before {
    font-size: 2.4347826087vw;
  }
  .c-step ol > li img {
    margin-top: 2.6086956522vw;
    max-width: initial;
    height: 8.8695652174vw;
  }
  .c-step ol > li p {
    font-size: 1.8260869565vw;
    margin-top: 1.7391304348vw;
  }
  .c-step.--aqua ol > li:not(:last-child)::before {
    background-image: -webkit-radial-gradient(circle, #C5E3FF 0.1304347826vw, transparent 0.1304347826vw);
    background-image: radial-gradient(circle, #C5E3FF 0.1304347826vw, transparent 0.1304347826vw);
  }
  .c-step.--aqua ol > li img {
    height: 10.8695652174vw;
  }
  .c-step.--aqua ol > li:nth-child(1) {
    margin-right: 6.7826086957vw;
  }
  .c-step.--aqua ol > li:nth-child(2) {
    margin-right: 2.4347826087vw;
  }
  .c-step.--aqua ol > li:nth-child(3) img {
    height: 8.2608695652vw;
    margin-bottom: 3.1304347826vw;
    padding-top: 1.0434782609vw;
  }
  .c-step.--aqua ol > li p {
    min-height: 7.8260869565vw;
  }
}
@media screen and (max-width: 767px) {
  .c-step {
    margin-bottom: 9.3333333333vw;
    padding-left: 8vw;
    padding-right: 8vw;
  }
  .c-step ol {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10.6666666667vw 0;
  }
  .c-step ol > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-step ol > li:not(:last-child)::before {
    background: -webkit-radial-gradient(circle, var(--color-yellow) 0.3333333333vw, transparent 0.3333333333vw) repeat-y;
    background: radial-gradient(circle, var(--color-yellow) 0.3333333333vw, transparent 0.3333333333vw) repeat-y;
    background-size: 1.6vw 1.0666666667vw;
    height: -webkit-calc(100% - 2.6666666667vw - 2.6666666667vw);
    height: calc(100% - 2.6666666667vw - 2.6666666667vw);
    width: 1.6vw;
    left: 3.2vw;
    right: auto;
    top: 10.6666666667vw;
  }
  .c-step ol > li:not(:last-child)::after {
    background-image: url(../img/icon-arrow-down.png);
    height: 1.3333333333vw;
    width: 3.2vw;
    left: 2.6666666667vw;
    right: auto;
    top: -webkit-calc(100% + 5.3333333333vw);
    top: calc(100% + 5.3333333333vw);
  }
  .c-step ol > li > i {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 8vw;
    margin-left: 0;
    margin-right: 2.1333333333vw;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: 8vw;
  }
  .c-step ol > li > i::before {
    font-size: 4.2666666667vw;
    font-weight: 700;
  }
  .c-step ol > li img {
    height: 15.2vw;
    margin: 0 0 0 auto;
    max-width: initial;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: auto;
  }
  .c-step ol > li p {
    font-size: 4vw;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-right: 5.3333333333vw;
    margin-top: 0;
    text-align: left;
  }
  .c-step.--aqua ol {
    gap: 10.6666666667vw 0;
  }
  .c-step.--aqua ol > li {
    margin-right: 0 !important;
  }
  .c-step.--aqua ol > li:not(:last-child)::before {
    background: -webkit-radial-gradient(circle, #C5E3FF 0.3333333333vw, transparent 0.3333333333vw) repeat-y;
    background: radial-gradient(circle, #C5E3FF 0.3333333333vw, transparent 0.3333333333vw) repeat-y;
    background-size: 1.6vw 1.0666666667vw;
  }
  .c-step.--aqua ol > li:not(:last-child)::after {
    background-image: url(../img/icon-arrow-down-aqua.png);
  }
  .c-step.--aqua ol > li img {
    height: 18.9333333333vw;
  }
  .c-step.--aqua ol > li:nth-child(3) img {
    height: 14.4vw;
    margin-bottom: 0;
    padding-top: 0;
  }
  .c-step.--aqua ol > li p {
    display: block;
    min-height: 0;
  }
}

/* c-content
========================================================================== */
.c-content .c-content_inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 870px;
}
.c-content h3 {
  background-color: #DDEFFF;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 40px;
  margin-top: 60px;
  padding: 8px 30px;
}
@media (max-width: 1150px) {
  .c-content h3 {
    font-size: 1.5652173913vw;
    margin-bottom: 3.4782608696vw;
    margin-top: 5.2173913043vw;
    padding: 0.6956521739vw 2.6086956522vw;
  }
}
@media screen and (max-width: 767px) {
  .c-content h3 {
    font-size: 3.7333333333vw;
    margin-bottom: 5.3333333333vw;
    margin-top: 8vw;
    padding: 2.1333333333vw 6.6666666667vw;
  }
}
.c-content .c-content_media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 70px;
  margin-bottom: 100px;
  padding-left: 60px;
  padding-right: 60px;
}
.c-content .c-content_media:not(:last-child) .c-content_media_img::before {
  background: url(../img/icon-arrow-down.png) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  height: 22px;
  width: 43px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.c-content .c-content_media .c-content_media_img {
  max-width: 500px;
  text-align: center;
  width: 100%;
  position: relative;
}
.c-content .c-content_media .c-content_media_box {
  max-width: 300px;
  width: 100%;
  position: relative;
}
.c-content .c-content_media .c-content_media_box p > span {
  font-size: 0.7777777778em;
}
.c-content .c-content_media .c-content_media_box::after, .c-content .c-content_media .c-content_media_box::before {
  background-color: var(--color-orange);
  content: "";
  position: absolute;
}
.c-content .c-content_media .c-content_media_box::before {
  height: 3px;
}
.c-content .c-content_media .c-content_media_box::after {
  border-radius: 50%;
  height: 8px;
  width: 8px;
}
.c-content .c-content_media .c-content_media_box .c-content_media_box_img {
  border: 3px solid var(--color-orange);
  border-radius: 10px;
  padding: 7px;
  text-align: center;
  width: 100px;
}
@media (max-width: 1150px) {
  .c-content .c-content_media {
    gap: 0 6.0869565217vw;
    margin-bottom: 8.6956521739vw;
    padding-left: 5.2173913043vw;
    padding-right: 5.2173913043vw;
  }
  .c-content .c-content_media:not(:last-child) .c-content_media_img::before {
    height: 1.9130434783vw;
    width: 3.7391304348vw;
  }
  .c-content .c-content_media .c-content_media_img {
    max-width: 43.4782608696vw;
  }
  .c-content .c-content_media .c-content_media_box {
    max-width: 26.0869565217vw;
  }
  .c-content .c-content_media .c-content_media_box::before {
    height: 0.2608695652vw;
  }
  .c-content .c-content_media .c-content_media_box::after {
    height: 0.6956521739vw;
    width: 0.6956521739vw;
  }
  .c-content .c-content_media .c-content_media_box .c-content_media_box_img {
    border: 0.2608695652vw solid var(--color-orange);
    border-radius: 0.8695652174vw;
    padding: 0.6086956522vw;
    width: 8.6956521739vw;
  }
}
@media screen and (max-width: 767px) {
  .c-content .c-content_media {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    margin-bottom: 13.3333333333vw;
    padding-left: 4vw;
    padding-right: 4vw;
    position: relative;
  }
  .c-content .c-content_media:not(:last-child)::before {
    background: url(../img/icon-arrow-down.png) no-repeat 0 0;
    background-size: 100% 100%;
    content: "";
    height: 4.2666666667vw;
    width: 7.7333333333vw;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .c-content .c-content_media:not(:last-child) .c-content_media_img::before {
    content: none;
  }
  .c-content .c-content_media .c-content_media_img {
    margin-bottom: 2.6666666667vw;
    max-width: initial;
  }
  .c-content .c-content_media .c-content_media_box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.6666666667vw 1.3333333333vw;
    max-width: initial;
  }
  .c-content .c-content_media .c-content_media_box::after, .c-content .c-content_media .c-content_media_box::before {
    content: none;
  }
  .c-content .c-content_media .c-content_media_box .c-content_media_box_img {
    border-width: 0.5333333333vw;
    border-radius: 1.3333333333vw;
    padding: 0.9333333333vw;
    width: 13.3333333333vw;
  }
  .c-content .c-content_media .c-content_media_box .c-content_media_box_img img {
    height: 7.0666666667vw;
    max-width: initial;
    width: auto;
  }
}
.c-content.--aqua .c-content_media:not(:last-child) .c-content_media_img::before {
  background-image: url(../img/icon-arrow-down-aqua.png);
}
.c-content.--aqua .c-content_media .c-content_media_box::after, .c-content.--aqua .c-content_media .c-content_media_box::before {
  background-color: #66A6FF;
}
.c-content.--aqua .c-content_media .c-content_media_box .c-content_media_box_img {
  border-color: #66A6FF;
}
@media screen and (max-width: 767px) {
  .c-content.--aqua .c-content_media:not(:last-child)::before {
    background-image: url(../img/icon-arrow-down-aqua.png);
    bottom: -8vw;
  }
}

/* c-content-title
========================================================================== */
.c-content-title {
  background-color: var(--color-yellow);
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 40px;
  padding: 10px 30px;
  position: relative;
}
.c-content-title > i {
  border-right: 1px solid var(--color-black);
  margin-right: 18px;
  padding-right: 25px;
}
.c-content-title.--aqua {
  background-color: #AED8FF;
}
@media (max-width: 1150px) {
  .c-content-title {
    border-radius: 8.6956521739vw;
    font-size: 2.2608695652vw;
    margin-bottom: 3.4782608696vw;
    padding: 0.8695652174vw 2.6086956522vw;
  }
  .c-content-title > i {
    border-right: 0.0869565217vw solid var(--color-black);
    margin-right: 1.5652173913vw;
    padding-right: 2.1739130435vw;
  }
}
@media screen and (max-width: 767px) {
  .c-content-title {
    font-size: 4.5333333333vw;
    margin-bottom: 5.3333333333vw;
    padding: 1.6vw 4vw;
  }
  .c-content-title > i {
    border-right: 0.2666666667vw solid var(--color-black);
    margin-right: 3.2vw;
    padding-right: 3.2vw;
  }
}

/* c-modal
========================================================================== */
.js-modal {
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (hover: hover) {
  .js-modal:hover {
    opacity: 0.7;
  }
}

.c-modal {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  overflow: auto;
  pointer-events: none;
  width: 100vw;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.c-modal.--active {
  opacity: 1;
  pointer-events: all;
}
.c-modal .c-modal_bg {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100vw;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.c-modal .c-modal_content {
  display: table;
  margin: auto;
  position: relative;
}
.c-modal .c-modal_close {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.c-modal .c-modal_close::before {
  color: #fff;
  content: "×";
  font-size: 40px;
  font-weight: 900;
  line-height: 1;
}
@media (max-width: 1150px) {
  .c-modal .c-modal_close {
    height: 3.4782608696vw;
    width: 3.4782608696vw;
  }
  .c-modal .c-modal_close::before {
    font-size: 3.4782608696vw;
  }
}
body {
  background: #8A8A8A;
}
@media screen and (max-width: 767px) {
  body {
    background-color: #fff;
  }
}

/* l-header
========================================================================== */
.l-header {
  background-color: #000;
}
.l-header .l-header_inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
}
@media screen and (max-width: 767px) {
  .l-header .l-header_inner {
    height: 9.3333333333vw;
  }
}
.l-header .logo {
  width: 238px;
}
@media screen and (max-width: 767px) {
  .l-header .logo {
    width: 37.0666666667vw;
  }
}

/* l-footer
========================================================================== */
.l-footer {
  background-color: #092253;
  margin-top: 200px;
  padding-bottom: 50px;
  padding-top: 32px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .l-footer {
    margin-top: 16vw;
    padding-bottom: 10.6666666667vw;
    padding-top: 6.4vw;
  }
}
.l-footer .logo {
  margin-bottom: 15px;
}
.l-footer .logo img {
  width: 238px;
}
@media screen and (max-width: 767px) {
  .l-footer .logo {
    margin-bottom: 2.6666666667vw;
  }
  .l-footer .logo img {
    width: 37.0666666667vw;
  }
}
.l-footer .copyright {
  color: #fff;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .l-footer .copyright {
    font-size: 2.6666666667vw;
  }
}

/* page-title
========================================================================== */
.page-title {
  background-color: #FFCC00;
  margin-bottom: 60px;
  padding-bottom: 50px;
  padding-top: 30px;
}
.page-title h2 {
  text-align: center;
}
.page-title h2 .page-title_text {
  display: block;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;
}
.page-title h2 .page-title_text span {
  display: block;
  font-size: 1.5714285714em;
}
.page-title h2 > figure {
  display: table;
  margin: 20px auto 0;
  position: relative;
}
.page-title h2 > figure span {
  display: block;
  font-size: 17px;
  font-weight: 700;
  height: 104px;
  padding-top: 1em;
  width: 135px;
  position: absolute;
  top: -80px;
  left: -125px;
  -webkit-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
  z-index: 0;
}
.page-title h2 > figure span::before {
  content: "";
  display: block;
  background: url(../img/bg-header-balloon.png) no-repeat center center/contain;
  height: 104px;
  width: 135px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
  z-index: -1;
}
.page-title h2 > figure span > b {
  display: block;
  font-size: 2em;
}
@media (max-width: 1150px) {
  .page-title {
    margin-bottom: 5.2173913043vw;
    padding-bottom: 4.347826087vw;
    padding-top: 2.6086956522vw;
  }
  .page-title h2 .page-title_text {
    font-size: 1.8260869565vw;
  }
  .page-title h2 > figure {
    margin-top: 1.7391304348vw;
  }
  .page-title h2 > figure img {
    width: 52.5217391304vw;
  }
  .page-title h2 > figure span {
    font-size: 1.4782608696vw;
    height: 9.0434782609vw;
    width: 11.7391304348vw;
    top: -6.9565217391vw;
    left: -10.8695652174vw;
  }
  .page-title h2 > figure span::before {
    height: 9.0434782609vw;
    width: 11.7391304348vw;
  }
}
@media screen and (max-width: 767px) {
  .page-title {
    margin-bottom: 5.3333333333vw;
    padding-bottom: 6.4vw;
    padding-top: 5.3333333333vw;
  }
  .page-title h2 .page-title_text {
    font-size: 3.4666666667vw;
  }
  .page-title h2 > figure {
    margin-top: 3.7333333333vw;
  }
  .page-title h2 > figure img {
    width: 77.8666666667vw;
  }
  .page-title h2 > figure span {
    font-size: 2.1333333333vw;
    height: 14.6666666667vw;
    line-height: 1.25;
    padding-top: 1.2em;
    width: 19.3333333333vw;
    top: -16.9333333333vw;
    left: -6vw;
  }
  .page-title h2 > figure span::before {
    height: 14.6666666667vw;
    width: 19.3333333333vw;
  }
}

/* guide-box
========================================================================== */
.guide-box {
  background-color: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  display: none;
  padding: 50px 40px;
}
.guide-box.--active {
  display: block;
}
@media (max-width: 1150px) {
  .guide-box {
    -webkit-box-shadow: 0 0.2608695652vw 0.5217391304vw rgba(0, 0, 0, 0.16);
            box-shadow: 0 0.2608695652vw 0.5217391304vw rgba(0, 0, 0, 0.16);
    padding: 4.347826087vw 3.4782608696vw;
  }
}
@media screen and (max-width: 767px) {
  .guide-box {
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 8.5333333333vw 2.6666666667vw 0;
  }
}

/* meta-quest
========================================================================== */
.meta-quest .meta-quest-box01 {
  margin-bottom: 32px;
}
.meta-quest .meta-quest-box01 .c-content_media_img {
  padding-bottom: 50px;
  padding-top: 16px;
}
.meta-quest .meta-quest-box01 .c-content_media_img::before {
  bottom: 0;
}
.meta-quest .meta-quest-box01 .c-content_media_box::before {
  width: 77px;
  top: 36px;
  left: -75px;
}
.meta-quest .meta-quest-box01 .c-content_media_box::after {
  left: -80px;
  top: 34px;
}
.meta-quest .meta-quest-box02 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 96px;
}
.meta-quest .meta-quest-box02 .c-content_media_img::before {
  bottom: -56px;
}
.meta-quest .meta-quest-box02 .c-content_media_box::before {
  width: 294px;
  left: -294px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.meta-quest .meta-quest-box02 .c-content_media_box::after {
  left: -296px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.meta-quest .meta-quest-box03 {
  margin-bottom: 96px;
}
.meta-quest .meta-quest-box03 .c-content_media_img::before {
  bottom: -56px;
}
.meta-quest .meta-quest-box03 .c-content_media_box {
  padding-top: 20px;
}
.meta-quest .meta-quest-box03 .c-content_media_box::before {
  width: 344px;
  left: -354px;
  top: 32px;
}
.meta-quest .meta-quest-box03 .c-content_media_box::after {
  left: -354px;
  top: 30px;
}
.meta-quest .meta-quest-box04 {
  margin-bottom: 96px;
}
.meta-quest .meta-quest-box04 .c-content_media_img::before {
  bottom: -56px;
}
.meta-quest .meta-quest-box04 .c-content_media_box {
  padding-top: 88px;
}
.meta-quest .meta-quest-box04 .c-content_media_box::before {
  width: 388px;
  left: -399px;
  top: 99px;
}
.meta-quest .meta-quest-box04 .c-content_media_box::after {
  left: -402px;
  top: 97px;
}
.meta-quest .meta-quest-login-box01 {
  margin-bottom: 96px;
}
.meta-quest .meta-quest-login-box01 .c-content_media_img::before {
  bottom: -56px;
}
.meta-quest .meta-quest-login-box01 .c-content_media_box {
  padding-top: 48px;
}
.meta-quest .meta-quest-login-box01 .c-content_media_box::before {
  width: 308px;
  left: -318px;
  top: 62px;
}
.meta-quest .meta-quest-login-box01 .c-content_media_box::after {
  left: -322px;
  top: 60px;
}
.meta-quest .meta-quest-login-box02 {
  margin-bottom: 96px;
}
.meta-quest .meta-quest-login-box02 .c-content_media_img::before {
  bottom: -56px;
}
.meta-quest .meta-quest-login-box02 .c-content_media_box {
  padding-top: 170px;
}
.meta-quest .meta-quest-login-box02 .c-content_media_box::before {
  width: 476px;
  left: -486px;
  top: 182px;
}
.meta-quest .meta-quest-login-box02 .c-content_media_box::after {
  left: -488px;
  top: 180px;
}
.meta-quest .meta-quest-login-box03 {
  margin-bottom: 96px;
}
.meta-quest .meta-quest-login-box03 .c-content_media_img::before {
  bottom: -56px;
}
.meta-quest .meta-quest-login-box04 {
  margin-bottom: 96px;
}
.meta-quest .meta-quest-login-box04 .c-content_media_img::before {
  bottom: -56px;
}
.meta-quest .meta-quest-login-box04 .c-content_media_box {
  padding-top: 110px;
}
.meta-quest .meta-quest-login-box04 .c-content_media_box::before {
  width: 170px;
  left: -180px;
  top: 124px;
}
.meta-quest .meta-quest-login-box04 .c-content_media_box::after {
  left: -181px;
  top: 122px;
}
.meta-quest .meta-quest-login-box05 {
  margin-bottom: 96px;
}
.meta-quest .meta-quest-login-box05 .c-content_media_img::before {
  bottom: -56px;
}
.meta-quest .meta-quest-login-box05 .c-content_media_box::before {
  width: 133px;
  left: -133px;
  top: 36px;
}
.meta-quest .meta-quest-login-box05 .c-content_media_box::after {
  left: -133px;
  top: 34px;
}
.meta-quest .meta-quest-select-box .c-content_media_box::after, .meta-quest .meta-quest-select-box .c-content_media_box::before,
.meta-quest .meta-quest-login-box03 .c-content_media_box::after,
.meta-quest .meta-quest-login-box03 .c-content_media_box::before,
.meta-quest .meta-quest-box05 .c-content_media_box::after,
.meta-quest .meta-quest-box05 .c-content_media_box::before {
  content: none;
}
@media (max-width: 1150px) {
  .meta-quest .meta-quest-box01 {
    margin-bottom: 2.7826086957vw;
  }
  .meta-quest .meta-quest-box01 .c-content_media_img {
    padding-bottom: 4.347826087vw;
    padding-top: 1.3913043478vw;
  }
  .meta-quest .meta-quest-box01 .c-content_media_box::before {
    width: 6.6956521739vw;
    top: 3.1304347826vw;
    left: -6.5217391304vw;
  }
  .meta-quest .meta-quest-box01 .c-content_media_box::after {
    left: -6.9565217391vw;
    top: 2.9565217391vw;
  }
  .meta-quest .meta-quest-box02 {
    margin-bottom: 8.347826087vw;
  }
  .meta-quest .meta-quest-box02 .c-content_media_img::before {
    bottom: -4.8695652174vw;
  }
  .meta-quest .meta-quest-box02 .c-content_media_box::before {
    width: 25.5652173913vw;
    left: -25.5652173913vw;
  }
  .meta-quest .meta-quest-box02 .c-content_media_box::after {
    left: -25.7391304348vw;
  }
  .meta-quest .meta-quest-box03 {
    margin-bottom: 8.347826087vw;
  }
  .meta-quest .meta-quest-box03 .c-content_media_img::before {
    bottom: -4.8695652174vw;
  }
  .meta-quest .meta-quest-box03 .c-content_media_box {
    padding-top: 1.7391304348vw;
  }
  .meta-quest .meta-quest-box03 .c-content_media_box::before {
    width: 29.9130434783vw;
    left: -30.7826086957vw;
    top: 2.7826086957vw;
  }
  .meta-quest .meta-quest-box03 .c-content_media_box::after {
    left: -30.7826086957vw;
    top: 2.6086956522vw;
  }
  .meta-quest .meta-quest-box04 {
    margin-bottom: 8.347826087vw;
  }
  .meta-quest .meta-quest-box04 .c-content_media_img::before {
    bottom: -4.8695652174vw;
  }
  .meta-quest .meta-quest-box04 .c-content_media_box {
    padding-top: 7.652173913vw;
  }
  .meta-quest .meta-quest-box04 .c-content_media_box::before {
    width: 33.7391304348vw;
    left: -34.6956521739vw;
    top: 8.6086956522vw;
  }
  .meta-quest .meta-quest-box04 .c-content_media_box::after {
    left: -34.9565217391vw;
    top: 8.4347826087vw;
  }
  .meta-quest .meta-quest-login-box01 {
    margin-bottom: 8.347826087vw;
  }
  .meta-quest .meta-quest-login-box01 .c-content_media_img::before {
    bottom: -4.8695652174vw;
  }
  .meta-quest .meta-quest-login-box01 .c-content_media_box {
    padding-top: 4.1739130435vw;
  }
  .meta-quest .meta-quest-login-box01 .c-content_media_box::before {
    width: 26.7826086957vw;
    left: -27.652173913vw;
    top: 5.3913043478vw;
  }
  .meta-quest .meta-quest-login-box01 .c-content_media_box::after {
    left: -28vw;
    top: 5.2173913043vw;
  }
  .meta-quest .meta-quest-login-box02 {
    margin-bottom: 8.347826087vw;
  }
  .meta-quest .meta-quest-login-box02 .c-content_media_img::before {
    bottom: -4.8695652174vw;
  }
  .meta-quest .meta-quest-login-box02 .c-content_media_box {
    padding-top: 14.7826086957vw;
  }
  .meta-quest .meta-quest-login-box02 .c-content_media_box::before {
    width: 41.3913043478vw;
    left: -42.2608695652vw;
    top: 15.8260869565vw;
  }
  .meta-quest .meta-quest-login-box02 .c-content_media_box::after {
    left: -42.4347826087vw;
    top: 15.652173913vw;
  }
  .meta-quest .meta-quest-login-box03 {
    margin-bottom: 8.347826087vw;
  }
  .meta-quest .meta-quest-login-box03 .c-content_media_img::before {
    bottom: -4.8695652174vw;
  }
  .meta-quest .meta-quest-login-box04 {
    margin-bottom: 8.347826087vw;
  }
  .meta-quest .meta-quest-login-box04 .c-content_media_img::before {
    bottom: -4.8695652174vw;
  }
  .meta-quest .meta-quest-login-box04 .c-content_media_box {
    padding-top: 9.5652173913vw;
  }
  .meta-quest .meta-quest-login-box04 .c-content_media_box::before {
    width: 14.7826086957vw;
    left: -15.652173913vw;
    top: 10.7826086957vw;
  }
  .meta-quest .meta-quest-login-box04 .c-content_media_box::after {
    left: -15.7391304348vw;
    top: 10.6086956522vw;
  }
  .meta-quest .meta-quest-login-box05 {
    margin-bottom: 8.347826087vw;
  }
  .meta-quest .meta-quest-login-box05 .c-content_media_img::before {
    bottom: -4.8695652174vw;
  }
  .meta-quest .meta-quest-login-box05 .c-content_media_box::before {
    width: 11.5652173913vw;
    left: -11.5652173913vw;
    top: 3.1304347826vw;
  }
  .meta-quest .meta-quest-login-box05 .c-content_media_box::after {
    left: -11.5652173913vw;
    top: 2.9565217391vw;
  }
}
@media screen and (max-width: 767px) {
  .meta-quest .meta-quest-login-box05,
  .meta-quest .meta-quest-login-box04,
  .meta-quest .meta-quest-login-box03,
  .meta-quest .meta-quest-login-box02,
  .meta-quest .meta-quest-login-box01,
  .meta-quest .meta-quest-box05,
  .meta-quest .meta-quest-box04,
  .meta-quest .meta-quest-box03,
  .meta-quest .meta-quest-box02,
  .meta-quest .meta-quest-box01 {
    margin-bottom: 4.2666666667vw;
    padding-bottom: 9.0666666667vw;
  }
  .meta-quest .meta-quest-login-box05 .c-content_media_box,
  .meta-quest .meta-quest-login-box05 .c-content_media_img,
  .meta-quest .meta-quest-login-box04 .c-content_media_box,
  .meta-quest .meta-quest-login-box04 .c-content_media_img,
  .meta-quest .meta-quest-login-box03 .c-content_media_box,
  .meta-quest .meta-quest-login-box03 .c-content_media_img,
  .meta-quest .meta-quest-login-box02 .c-content_media_box,
  .meta-quest .meta-quest-login-box02 .c-content_media_img,
  .meta-quest .meta-quest-login-box01 .c-content_media_box,
  .meta-quest .meta-quest-login-box01 .c-content_media_img,
  .meta-quest .meta-quest-box05 .c-content_media_box,
  .meta-quest .meta-quest-box05 .c-content_media_img,
  .meta-quest .meta-quest-box04 .c-content_media_box,
  .meta-quest .meta-quest-box04 .c-content_media_img,
  .meta-quest .meta-quest-box03 .c-content_media_box,
  .meta-quest .meta-quest-box03 .c-content_media_img,
  .meta-quest .meta-quest-box02 .c-content_media_box,
  .meta-quest .meta-quest-box02 .c-content_media_img,
  .meta-quest .meta-quest-box01 .c-content_media_box,
  .meta-quest .meta-quest-box01 .c-content_media_img {
    padding-bottom: 0;
    padding-top: 0;
  }
}

/* phone
========================================================================== */
.phone .phone-login-box02,
.phone .phone-login-box01,
.phone .phone-box02,
.phone .phone-box01 {
  padding-left: 140px;
}
.phone .phone-login-box02 .c-content_media_img,
.phone .phone-login-box01 .c-content_media_img,
.phone .phone-box02 .c-content_media_img,
.phone .phone-box01 .c-content_media_img {
  max-width: initial;
  width: auto;
}
.phone .phone-login-box02 .c-content_media_img::before,
.phone .phone-login-box01 .c-content_media_img::before,
.phone .phone-box02 .c-content_media_img::before,
.phone .phone-box01 .c-content_media_img::before {
  bottom: -56px;
}
.phone .phone-login-box02 .c-content_media_box,
.phone .phone-login-box01 .c-content_media_box,
.phone .phone-box02 .c-content_media_box,
.phone .phone-box01 .c-content_media_box {
  max-width: initial;
  width: auto;
}
.phone .phone-box01 .c-content_media_box {
  padding-top: 8px;
}
.phone .phone-box01 .c-content_media_box::before {
  width: 205px;
  left: -210px;
  top: 20px;
}
.phone .phone-box01 .c-content_media_box::after {
  left: -212px;
  top: 18px;
}
.phone .phone-box02 .c-content_media_box {
  padding-top: 64px;
}
.phone .phone-box02 .c-content_media_box::before {
  width: 70px;
  left: -78px;
  top: 74px;
}
.phone .phone-box02 .c-content_media_box::after {
  left: -80px;
  top: 72px;
}
.phone .phone-login-box01 .c-content_media_box {
  padding-top: 124px;
}
.phone .phone-login-box01 .c-content_media_box::before {
  width: 70px;
  left: -80px;
  top: 136px;
}
.phone .phone-login-box01 .c-content_media_box::after {
  left: -82px;
  top: 134px;
}
.phone .phone-login-box02 .c-content_media_box {
  margin-top: -15px;
}
.phone .phone-login-box02 .c-content_media_box .c-content_media_box_img {
  margin-bottom: 8px;
}
.phone .phone-login-box02 .c-content_media_box::before {
  width: 78px;
  left: -76px;
  top: 34px;
}
.phone .phone-login-box02 .c-content_media_box::after {
  left: -78px;
  top: 32px;
}
.phone .phone-sp-box04 .c-content_media_img,
.phone .phone-sp-box03 .c-content_media_img,
.phone .phone-sp-box02 .c-content_media_img,
.phone .phone-sp-box01 .c-content_media_img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: initial;
  width: auto;
}
.phone .phone-sp-box04 .c-content_media_img::before,
.phone .phone-sp-box03 .c-content_media_img::before,
.phone .phone-sp-box02 .c-content_media_img::before,
.phone .phone-sp-box01 .c-content_media_img::before {
  bottom: -56px;
}
.phone .phone-sp-box04 .c-content_media_box,
.phone .phone-sp-box03 .c-content_media_box,
.phone .phone-sp-box02 .c-content_media_box,
.phone .phone-sp-box01 .c-content_media_box {
  max-width: initial;
  width: auto;
}
.phone .phone-pc-box09 .c-content_media_box::after, .phone .phone-pc-box09 .c-content_media_box::before,
.phone .phone-pc-box08 .c-content_media_box::after,
.phone .phone-pc-box08 .c-content_media_box::before,
.phone .phone-pc-box07 .c-content_media_box::after,
.phone .phone-pc-box07 .c-content_media_box::before,
.phone .phone-sp-box04 .c-content_media_box::after,
.phone .phone-sp-box04 .c-content_media_box::before,
.phone .phone-sp-box03 .c-content_media_box::after,
.phone .phone-sp-box03 .c-content_media_box::before {
  content: none;
}
.phone .phone-sp-box01 .c-content_media_box {
  padding-top: 200px;
}
.phone .phone-sp-box01 .c-content_media_box::before {
  width: 105px;
  left: -112px;
  top: 216px;
}
.phone .phone-sp-box01 .c-content_media_box::after {
  left: -112px;
  top: 214px;
}
.phone .phone-sp-box02 .c-content_media_box {
  padding-top: 120px;
}
.phone .phone-sp-box02 .c-content_media_box::before {
  width: 105px;
  left: -112px;
  top: 132px;
}
.phone .phone-sp-box02 .c-content_media_box::after {
  left: -112px;
  top: 130px;
}
.phone .phone-pc-box09,
.phone .phone-pc-box08,
.phone .phone-pc-box07,
.phone .phone-pc-box06,
.phone .phone-pc-box05,
.phone .phone-pc-box04,
.phone .phone-pc-box03,
.phone .phone-pc-box02,
.phone .phone-pc-box01 {
  padding-left: 0;
  padding-right: 0;
}
.phone .phone-pc-box09 .c-content_media_img::before,
.phone .phone-pc-box08 .c-content_media_img::before,
.phone .phone-pc-box07 .c-content_media_img::before,
.phone .phone-pc-box06 .c-content_media_img::before,
.phone .phone-pc-box05 .c-content_media_img::before,
.phone .phone-pc-box04 .c-content_media_img::before,
.phone .phone-pc-box03 .c-content_media_img::before,
.phone .phone-pc-box02 .c-content_media_img::before,
.phone .phone-pc-box01 .c-content_media_img::before {
  bottom: -56px;
}
.phone .phone-pc-box01 .c-content_media_box {
  padding-top: 114px;
}
.phone .phone-pc-box01 .c-content_media_box::before {
  width: 70px;
  left: -74px;
  top: 126px;
}
.phone .phone-pc-box01 .c-content_media_box::after {
  left: -78px;
  top: 124px;
}
.phone .phone-pc-box02 .c-content_media_box {
  padding-top: 132px;
}
.phone .phone-pc-box02 .c-content_media_box::before {
  width: 98px;
  left: -100px;
  top: 144px;
}
.phone .phone-pc-box02 .c-content_media_box::after {
  left: -106px;
  top: 142px;
}
.phone .phone-pc-box03 {
  margin-bottom: 40px;
}
.phone .phone-pc-box03 .c-content_media_img::before {
  bottom: 0;
}
.phone .phone-pc-box03 .c-content_media_box {
  padding-top: 104px;
}
.phone .phone-pc-box03 .c-content_media_box::before {
  width: 280px;
  left: -284px;
  top: 118px;
}
.phone .phone-pc-box03 .c-content_media_box::after {
  left: -290px;
  top: 116px;
}
.phone .phone-pc-box04 .c-content_media_box {
  padding-top: 36px;
}
.phone .phone-pc-box04 .c-content_media_box::before {
  width: 355px;
  left: -360px;
  top: 50px;
}
.phone .phone-pc-box04 .c-content_media_box::after {
  left: -364px;
  top: 48px;
}
.phone .phone-pc-box05 .c-content_media_box {
  padding-top: 108px;
}
.phone .phone-pc-box05 .c-content_media_box::before {
  width: 220px;
  left: -230px;
  top: 120px;
}
.phone .phone-pc-box05 .c-content_media_box::after {
  left: -234px;
  top: 118px;
}
.phone .phone-pc-box06 .c-content_media_box {
  padding-top: 124px;
}
.phone .phone-pc-box06 .c-content_media_box::before {
  width: 220px;
  left: -228px;
  top: 138px;
}
.phone .phone-pc-box06 .c-content_media_box::after {
  left: -232px;
  top: 136px;
}
@media (max-width: 1150px) {
  .phone .phone-login-box02,
  .phone .phone-login-box01,
  .phone .phone-box02,
  .phone .phone-box01 {
    padding-left: 12.1739130435vw;
  }
  .phone .phone-login-box02 .c-content_media_img,
  .phone .phone-login-box01 .c-content_media_img,
  .phone .phone-box02 .c-content_media_img,
  .phone .phone-box01 .c-content_media_img {
    width: 22.6086956522vw;
  }
  .phone .phone-login-box02 .c-content_media_img::before,
  .phone .phone-login-box01 .c-content_media_img::before,
  .phone .phone-box02 .c-content_media_img::before,
  .phone .phone-box01 .c-content_media_img::before {
    bottom: -4.8695652174vw;
  }
  .phone .phone-box01 .c-content_media_box {
    padding-top: 0.6956521739vw;
  }
  .phone .phone-box01 .c-content_media_box::before {
    width: 17.8260869565vw;
    left: -18.2608695652vw;
    top: 1.7391304348vw;
  }
  .phone .phone-box01 .c-content_media_box::after {
    left: -18.4347826087vw;
    top: 1.5652173913vw;
  }
  .phone .phone-box02 .c-content_media_box {
    padding-top: 5.5652173913vw;
  }
  .phone .phone-box02 .c-content_media_box::before {
    width: 6.0869565217vw;
    left: -6.7826086957vw;
    top: 6.4347826087vw;
  }
  .phone .phone-box02 .c-content_media_box::after {
    left: -6.9565217391vw;
    top: 6.2608695652vw;
  }
  .phone .phone-login-box01 .c-content_media_box {
    padding-top: 10.7826086957vw;
  }
  .phone .phone-login-box01 .c-content_media_box::before {
    width: 6.0869565217vw;
    left: -6.9565217391vw;
    top: 11.8260869565vw;
  }
  .phone .phone-login-box01 .c-content_media_box::after {
    left: -7.1304347826vw;
    top: 11.652173913vw;
  }
  .phone .phone-login-box02 .c-content_media_box {
    margin-top: -1.3043478261vw;
  }
  .phone .phone-login-box02 .c-content_media_box .c-content_media_box_img {
    margin-bottom: 0.6956521739vw;
  }
  .phone .phone-login-box02 .c-content_media_box::before {
    width: 6.7826086957vw;
    left: -6.6086956522vw;
    top: 2.9565217391vw;
  }
  .phone .phone-login-box02 .c-content_media_box::after {
    left: -6.7826086957vw;
    top: 2.7826086957vw;
  }
  .phone .phone-sp-box04 .c-content_media_img,
  .phone .phone-sp-box03 .c-content_media_img,
  .phone .phone-sp-box02 .c-content_media_img,
  .phone .phone-sp-box01 .c-content_media_img {
    width: 22.6086956522vw;
  }
  .phone .phone-sp-box04 .c-content_media_img::before,
  .phone .phone-sp-box03 .c-content_media_img::before,
  .phone .phone-sp-box02 .c-content_media_img::before,
  .phone .phone-sp-box01 .c-content_media_img::before {
    bottom: -4.8695652174vw;
  }
  .phone .phone-sp-box01 .c-content_media_box {
    padding-top: 17.3913043478vw;
  }
  .phone .phone-sp-box01 .c-content_media_box::before {
    width: 9.1304347826vw;
    left: -9.7391304348vw;
    top: 18.7826086957vw;
  }
  .phone .phone-sp-box01 .c-content_media_box::after {
    left: -9.7391304348vw;
    top: 18.6086956522vw;
  }
  .phone .phone-sp-box02 .c-content_media_box {
    padding-top: 10.4347826087vw;
  }
  .phone .phone-sp-box02 .c-content_media_box::before {
    width: 9.1304347826vw;
    left: -9.7391304348vw;
    top: 11.4782608696vw;
  }
  .phone .phone-sp-box02 .c-content_media_box::after {
    left: -9.7391304348vw;
    top: 11.3043478261vw;
  }
  .phone .phone-pc-box09 .c-content_media_img::before,
  .phone .phone-pc-box08 .c-content_media_img::before,
  .phone .phone-pc-box07 .c-content_media_img::before,
  .phone .phone-pc-box06 .c-content_media_img::before,
  .phone .phone-pc-box05 .c-content_media_img::before,
  .phone .phone-pc-box04 .c-content_media_img::before,
  .phone .phone-pc-box03 .c-content_media_img::before,
  .phone .phone-pc-box02 .c-content_media_img::before,
  .phone .phone-pc-box01 .c-content_media_img::before {
    bottom: -4.8695652174vw;
  }
  .phone .phone-pc-box09 .c-content_media_img img,
  .phone .phone-pc-box08 .c-content_media_img img,
  .phone .phone-pc-box07 .c-content_media_img img,
  .phone .phone-pc-box06 .c-content_media_img img,
  .phone .phone-pc-box05 .c-content_media_img img,
  .phone .phone-pc-box04 .c-content_media_img img {
    width: 22.6086956522vw;
  }
  .phone .phone-pc-box01 .c-content_media_box {
    padding-top: 9.9130434783vw;
  }
  .phone .phone-pc-box01 .c-content_media_box::before {
    width: 6.0869565217vw;
    left: -6.4347826087vw;
    top: 10.9565217391vw;
  }
  .phone .phone-pc-box01 .c-content_media_box::after {
    left: -6.7826086957vw;
    top: 10.7826086957vw;
  }
  .phone .phone-pc-box02 .c-content_media_box {
    padding-top: 11.4782608696vw;
  }
  .phone .phone-pc-box02 .c-content_media_box::before {
    width: 8.5217391304vw;
    left: -8.6956521739vw;
    top: 12.5217391304vw;
  }
  .phone .phone-pc-box02 .c-content_media_box::after {
    left: -9.2173913043vw;
    top: 12.347826087vw;
  }
  .phone .phone-pc-box03 {
    margin-bottom: 3.4782608696vw;
  }
  .phone .phone-pc-box03 .c-content_media_box {
    padding-top: 9.0434782609vw;
  }
  .phone .phone-pc-box03 .c-content_media_box::before {
    width: 24.347826087vw;
    left: -24.6956521739vw;
    top: 10.2608695652vw;
  }
  .phone .phone-pc-box03 .c-content_media_box::after {
    left: -25.2173913043vw;
    top: 10.0869565217vw;
  }
  .phone .phone-pc-box04 .c-content_media_box {
    padding-top: 3.1304347826vw;
  }
  .phone .phone-pc-box04 .c-content_media_box::before {
    width: 30.8695652174vw;
    left: -31.3043478261vw;
    top: 4.347826087vw;
  }
  .phone .phone-pc-box04 .c-content_media_box::after {
    left: -31.652173913vw;
    top: 4.1739130435vw;
  }
  .phone .phone-pc-box05 .c-content_media_box {
    padding-top: 9.3913043478vw;
  }
  .phone .phone-pc-box05 .c-content_media_box::before {
    width: 19.1304347826vw;
    left: -20vw;
    top: 10.4347826087vw;
  }
  .phone .phone-pc-box05 .c-content_media_box::after {
    left: -20.347826087vw;
    top: 10.2608695652vw;
  }
  .phone .phone-pc-box06 .c-content_media_box {
    padding-top: 10.7826086957vw;
  }
  .phone .phone-pc-box06 .c-content_media_box::before {
    width: 19.1304347826vw;
    left: -19.8260869565vw;
    top: 12vw;
  }
  .phone .phone-pc-box06 .c-content_media_box::after {
    left: -20.1739130435vw;
    top: 11.8260869565vw;
  }
}
@media screen and (max-width: 767px) {
  .phone .phone-login-box02,
  .phone .phone-login-box01,
  .phone .phone-box02,
  .phone .phone-box01 {
    padding-left: 0;
  }
  .phone .phone-login-box02 .c-content_media_img,
  .phone .phone-login-box01 .c-content_media_img,
  .phone .phone-box02 .c-content_media_img,
  .phone .phone-box01 .c-content_media_img {
    width: auto;
  }
  .phone .phone-login-box02 .c-content_media_img img,
  .phone .phone-login-box01 .c-content_media_img img,
  .phone .phone-box02 .c-content_media_img img,
  .phone .phone-box01 .c-content_media_img img {
    width: 69.0666666667vw;
  }
  .phone .phone-login-box02 .c-content_media_box,
  .phone .phone-login-box01 .c-content_media_box,
  .phone .phone-box02 .c-content_media_box,
  .phone .phone-box01 .c-content_media_box {
    padding-top: 0;
  }
  .phone .phone-login-box02 .c-content_media_box {
    margin-top: 0;
  }
  .phone .phone-login-box02 .c-content_media_box .c-content_media_box_img {
    display: none;
  }
  .phone .phone-sp-box04 .c-content_media_img,
  .phone .phone-sp-box03 .c-content_media_img,
  .phone .phone-sp-box02 .c-content_media_img,
  .phone .phone-sp-box01 .c-content_media_img {
    width: auto;
  }
  .phone .phone-sp-box04 .c-content_media_img img,
  .phone .phone-sp-box03 .c-content_media_img img,
  .phone .phone-sp-box02 .c-content_media_img img,
  .phone .phone-sp-box01 .c-content_media_img img {
    width: 69.0666666667vw;
  }
  .phone .phone-sp-box04 .c-content_media_box,
  .phone .phone-sp-box03 .c-content_media_box,
  .phone .phone-sp-box02 .c-content_media_box,
  .phone .phone-sp-box01 .c-content_media_box {
    padding-top: 0;
  }
  .phone .phone-pc-box09 .c-content_media_img img,
  .phone .phone-pc-box08 .c-content_media_img img,
  .phone .phone-pc-box07 .c-content_media_img img,
  .phone .phone-pc-box06 .c-content_media_img img,
  .phone .phone-pc-box05 .c-content_media_img img,
  .phone .phone-pc-box04 .c-content_media_img img {
    width: 69.0666666667vw;
  }
  .phone .phone-pc-box06 .c-content_media_box,
  .phone .phone-pc-box05 .c-content_media_box,
  .phone .phone-pc-box04 .c-content_media_box,
  .phone .phone-pc-box03 .c-content_media_box,
  .phone .phone-pc-box02 .c-content_media_box,
  .phone .phone-pc-box01 .c-content_media_box {
    padding-top: 0;
  }
  .phone .phone-pc-box03 {
    margin-bottom: 13.3333333333vw;
  }
}

/* meta-howto
========================================================================== */
.meta-howto {
  background-color: #FFEB99;
  padding-bottom: 40px;
  text-align: center;
}
.meta-howto h2 {
  background-color: var(--color-orange);
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 40px;
  padding-bottom: 10px;
  padding-top: 14px;
  text-align: center;
}
@media (max-width: 1150px) {
  .meta-howto {
    padding-bottom: 3.4782608696vw;
  }
  .meta-howto h2 {
    font-size: 2.2608695652vw;
    margin-bottom: 3.4782608696vw;
    padding-bottom: 0.8695652174vw;
    padding-top: 1.2173913043vw;
  }
}
@media screen and (max-width: 767px) {
  .meta-howto {
    margin-left: -2.6666666667vw;
    margin-right: -2.6666666667vw;
    padding-bottom: 4vw;
  }
  .meta-howto img {
    width: 83.2vw;
  }
  .meta-howto h2 {
    font-size: 4.5333333333vw;
    margin-bottom: 3.4666666667vw;
    padding-bottom: 2.1333333333vw;
    padding-top: 2.1333333333vw;
  }
}

/* phone-howto
========================================================================== */
.phone-howto {
  background-color: #DDEFFF;
  padding-bottom: 40px;
}
.phone-howto h2 {
  background-color: #66A6FF;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 40px;
  padding-bottom: 10px;
  padding-top: 14px;
  text-align: center;
}
.phone-howto .phone-howto_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 30px;
  padding-left: 30px;
  padding-right: 30px;
}
.phone-howto .phone-howto_box > figure {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 450px;
}
.phone-howto .phone-howto_box .phone-howto_box_text h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
}
.phone-howto .phone-howto_box .phone-howto_box_text figure {
  margin-bottom: 10px;
  text-align: center;
}
.phone-howto .phone-howto_box .phone-howto_box_text figure img {
  width: 120px;
}
.phone-howto .phone-howto_box .phone-howto_box_text figure + p {
  margin-top: 0;
}
.phone-howto .phone-howto_box .phone-howto_box_text p {
  font-size: 16px;
  font-weight: 400;
  margin-top: 1.2em;
}
.phone-howto .phone-howto_box .phone-howto_box_text p.phone-howto_caution {
  font-size: 14px;
  margin-top: 1em;
}
@media (max-width: 1150px) {
  .phone-howto {
    padding-bottom: 3.4782608696vw;
  }
  .phone-howto h2 {
    font-size: 2.2608695652vw;
    margin-bottom: 3.4782608696vw;
    padding-bottom: 0.8695652174vw;
    padding-top: 1.2173913043vw;
  }
  .phone-howto .phone-howto_box {
    gap: 0 2.6086956522vw;
    padding-left: 2.6086956522vw;
    padding-right: 2.6086956522vw;
  }
  .phone-howto .phone-howto_box > figure {
    max-width: 39.1304347826vw;
  }
  .phone-howto .phone-howto_box .phone-howto_box_text h3 {
    font-size: 2.0869565217vw;
    margin-bottom: 0.8695652174vw;
  }
  .phone-howto .phone-howto_box .phone-howto_box_text figure {
    margin-bottom: 0.8695652174vw;
  }
  .phone-howto .phone-howto_box .phone-howto_box_text figure img {
    width: 10.4347826087vw;
  }
  .phone-howto .phone-howto_box .phone-howto_box_text p {
    font-size: 1.3913043478vw;
  }
  .phone-howto .phone-howto_box .phone-howto_box_text p.phone-howto_caution {
    font-size: 1.2173913043vw;
  }
}
@media screen and (max-width: 767px) {
  .phone-howto {
    margin-left: -2.6666666667vw;
    margin-right: -2.6666666667vw;
    padding-bottom: 8vw;
  }
  .phone-howto h2 {
    font-size: 4.5333333333vw;
    margin-bottom: 5.3333333333vw;
    padding-bottom: 2.1333333333vw;
    padding-top: 2.1333333333vw;
  }
  .phone-howto .phone-howto_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4vw 0;
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
  .phone-howto .phone-howto_box > figure {
    max-width: 100%;
  }
  .phone-howto .phone-howto_box .phone-howto_box_text h3 {
    font-size: 4.2666666667vw;
    margin-bottom: 2.6666666667vw;
  }
  .phone-howto .phone-howto_box .phone-howto_box_text figure {
    margin-bottom: 2.6666666667vw;
  }
  .phone-howto .phone-howto_box .phone-howto_box_text figure img {
    width: 32vw;
  }
  .phone-howto .phone-howto_box .phone-howto_box_text p {
    font-size: 3.7333333333vw;
  }
  .phone-howto .phone-howto_box .phone-howto_box_text p.phone-howto_caution {
    font-size: 3.2vw;
  }
}