@charset "UTF-8";
/* # =================================================================
# Global selectors
# ================================================================= */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700&display=swap");
html {
  box-sizing: border-box;
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */ }

*,
::before,
::after {
  box-sizing: border-box; }

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit; }

/* Remove margin, padding of all elements and set background-no-repeat as default */
* {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements */
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
  line-height: 1.0; }

/* # =================================================================
# General elements
# ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0; }

hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */ }

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

summary {
  display: list-item;
  /* Add the correct display in all browsers */ }

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */ }

[hidden],
template {
  display: none;
  /* Add the correct display in IE */ }

abbr[title] {
  border-bottom: 1px dotted;
  /* Add a bordered underline effect in all browsers */
  text-decoration: none;
  /* Remove text decoration in Firefox 40+ */ }

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects;
  /* Remove gaps in links underline in iOS 8+ and Safari 8+ */ }

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */ }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */ }

b,
strong {
  font-weight: bolder;
  /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */ }

dfn {
  font-style: italic;
  /* Address styling not present in Safari and Chrome */ }

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000; }

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* # =================================================================
# Forms
# ================================================================= */
/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"]
[role="button"] {
  cursor: pointer; }

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default; }

[type="number"] {
  width: auto;
  /* Firefox 36+ */ }

[type="search"] {
  -webkit-appearance: textfield;
  /* Safari 8+ */ }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Safari 8 */ }

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */ }

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule. */ }

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */ }

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0; }

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */ }

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */ }

/* Remove the default button styling in all browsers */
/* Style select like a standard input */
select {
  /*  -moz-appearance: none;  Firefox 36+ */
  /*  -webkit-appearance: none;  Chrome 41+ */ }

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */ }

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */ }

legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */ }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */ }

[type="search"] {
  -webkit-appearance: textfield;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */ }

/* # =================================================================
# Specify media element style
# ================================================================= */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
  max-width: 100%;
  height: auto; }

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline; }

svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */ }

audio,
canvas,
progress,
video {
  display: inline-block;
  /* Internet Explorer 11+, Windows Phone 8.1+ */ }

/* # =================================================================
# Accessibility
# ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~="screen"] {
    display: inherit; }

  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important; } }
/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress; }

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer; }

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default; }

/* # =================================================================
# Selection
# ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none; }

::selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none; }

.pc_block {
  display: block; }
  @media only screen and (max-width: 768px) {
    .pc_block {
      display: none; } }

.pc_inline {
  display: inline-block; }
  @media only screen and (max-width: 768px) {
    .pc_inline {
      display: none; } }

.sp_block {
  display: none; }
  @media only screen and (max-width: 768px) {
    .sp_block {
      display: block; } }

.sp_inline {
  display: none; }
  @media only screen and (max-width: 768px) {
    .sp_inline {
      display: inline-block; } }

img {
  display: block;
  width: 100%; }

li {
  list-style: none; }

a {
  text-decoration: none;
  color: inherit;
  transition: .3s; }
  a::before, a::after {
    transition: .3s; }

* {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
  color: #010101; }

body {
  overflow: hidden; }

.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: 1s; }

.fadein.scrollin,
.slide_r.scrollin,
.slide_l.scrollin {
  opacity: 1;
  transform: translate(0, 0); }

.slide_r {
  opacity: 0;
  transform: translate(50px, 0);
  transition: 1s; }

.slide_l {
  opacity: 0;
  transform: translate(-50px, 0);
  transition: 1s; }

@keyframes ani_header {
  0% {
    transform: translateY(15px);
    opacity: .5; }
  100% {
    transform: translateY(0);
    opacity: 1; } }
.dot_style_1 li, .anshinSection__slider .slick-dots li {
  display: inline-block;
  width: 15px;
  margin-right: 12px; }
  @media only screen and (max-width: 768px) {
    .dot_style_1 li, .anshinSection__slider .slick-dots li {
      width: 12px; } }
  .dot_style_1 li:nth-last-of-type(1), .anshinSection__slider .slick-dots li:nth-last-of-type(1) {
    margin-right: 0; }
  .dot_style_1 li.slick-active button:before, .anshinSection__slider .slick-dots li.slick-active button:before {
    background-color: #243369; }
  .dot_style_1 li button, .anshinSection__slider .slick-dots li button {
    position: relative;
    text-indent: -9999px;
    box-shadow: none;
    border: none; }
    .dot_style_1 li button:before, .anshinSection__slider .slick-dots li button:before {
      content: '';
      display: block;
      background-color: #ffffff;
      border: 2px solid #243369;
      border-radius: 50%;
      width: 15px;
      height: 15px;
      position: absolute;
      top: 0;
      left: 0; }
      @media only screen and (max-width: 768px) {
        .dot_style_1 li button:before, .anshinSection__slider .slick-dots li button:before {
          border: 1px solid #243369;
          width: 12px;
          height: 12px; } }

.prev-arrow,
.next-arrow {
  -webkit-background-size: contain;
  background-size: contain;
  width: 29px;
  height: 51px;
  position: absolute;
  top: 40%;
  cursor: pointer;
  z-index: 100; }

.prev-arrow {
  background-image: url(../images/arr_prev1.svg);
  left: -15px; }

.next-arrow {
  background-image: url(../images/arr_next1.svg);
  right: -15px; }

.defFlex, .tel_style_1, .mvSection__detail .tel, .ctaSection__tel, .mvSection, .mvSection__detail .btns, .selSection__inner, .riskSection__top, .riskSection__list, .lowRiskSection__list, .anshinSection, .ctaSection__btn, .featureSection__list, .supportSection__tab, .supportSection__contents > li .list, .consultantSection__slider, .toolSection__list, .operationSection__tab, .modelOptionSection__content, .flowSection__inner .list, .costSection__top, .costSection__bottom__cost_0, .costSection__bottom__cost_1 > dl dd .ele, .faqSection__bottom .btns, .aboutSection__inner, .footer, .programPopup__inner .topBlock, .programPopup__inner .list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start; }

.ttl_style_1 .en {
  height: 11px;
  margin: 0 auto 18px; }
.ttl_style_1 .ja .lg {
  font-size: 40px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.5; }
.ttl_style_1 .ja .sm {
  font-size: 32px; }
.ttl_style_1 .text {
  width: 78%;
  max-width: 650px;
  margin: 30px auto 0;
  font-size: 15px;
  line-height: 3.0;
  color: #000000;
  font-weight: 800; }

.tel_style_1, .mvSection__detail .tel, .ctaSection__tel {
  flex-wrap: wrap; }
  @media only screen and (max-width: 1439px) {
    .tel_style_1, .mvSection__detail .tel, .ctaSection__tel {
      align-items: center;
      justify-content: center; } }
  @media only screen and (max-width: 768px) {
    .tel_style_1, .mvSection__detail .tel, .ctaSection__tel {
      flex-direction: column;
      text-align: center; } }
  .tel_style_1 .text, .mvSection__detail .tel .text, .ctaSection__tel .text {
    font-size: 13px;
    color: #ffffff;
    background: #243369;
    padding: 11px 27px;
    font-weight: 800;
    border-radius: 3px; }
    @media only screen and (max-width: 1439px) {
      .tel_style_1 .text, .mvSection__detail .tel .text, .ctaSection__tel .text {
        font-size: 12px;
        padding: 11px;
        line-height: 1.3; } }
    @media only screen and (max-width: 768px) {
      .tel_style_1 .text, .mvSection__detail .tel .text, .ctaSection__tel .text {
        width: 100%;
        font-size: 10px;
        padding: 6px;
        line-height: 1.0; } }
  .tel_style_1 .number, .mvSection__detail .tel .number, .ctaSection__tel .number {
    font-size: 36px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 0 15px;
    width: 263px; }
    @media only screen and (max-width: 1439px) {
      .tel_style_1 .number, .mvSection__detail .tel .number, .ctaSection__tel .number {
        width: 250px;
        font-size: 34px;
        margin: 0 13px; } }
    @media only screen and (max-width: 768px) {
      .tel_style_1 .number, .mvSection__detail .tel .number, .ctaSection__tel .number {
        width: 100%;
        font-size: 33px;
        margin: 12px 0; } }
  .tel_style_1 .time, .mvSection__detail .tel .time, .ctaSection__tel .time {
    font-size: 14px;
    font-weight: 800;
    line-height: 1.5; }
    @media only screen and (max-width: 1439px) {
      .tel_style_1 .time, .mvSection__detail .tel .time, .ctaSection__tel .time {
        font-size: 12px; } }
    @media only screen and (max-width: 1199px) {
      .tel_style_1 .time, .mvSection__detail .tel .time, .ctaSection__tel .time {
        width: 100%;
        text-align: center;
        margin: 10px 0 0; } }
    @media only screen and (max-width: 768px) {
      .tel_style_1 .time, .mvSection__detail .tel .time, .ctaSection__tel .time {
        font-size: 10px;
        margin: 0; } }
    @media only screen and (max-width: 1199px) {
      .tel_style_1 .time br, .mvSection__detail .tel .time br, .ctaSection__tel .time br {
        display: none; } }

.ele_style_1 .en, .featureSection__list .ele .en, .featureTable .en {
  display: inline-block;
  font-size: 17px;
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #FFE200;
  padding: 0 0 8px;
  border-bottom: 2px solid #FFE200;
  margin: 0 0 25px; }
  @media only screen and (max-width: 768px) {
    .ele_style_1 .en, .featureSection__list .ele .en, .featureTable .en {
      display: block;
      text-align: center;
      width: 65px;
      font-size: 12px;
      padding: 0 0 4px;
      margin: 0 auto 17px;
      border-bottom: 1px solid #FFE200; } }
.ele_style_1 .ja, .featureSection__list .ele .ja, .featureTable .ja {
  font-size: 24px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.5;
  font-weight: 900;
  margin: 0 0 25px; }
  @media only screen and (max-width: 768px) {
    .ele_style_1 .ja, .featureSection__list .ele .ja, .featureTable .ja {
      font-size: 16px;
      margin: 0 0 18px;
      text-align: center;
      letter-spacing: 1px; } }
  .ele_style_1 .ja .sm, .featureSection__list .ele .ja .sm, .featureTable .ja .sm {
    font-size: 12px;
    color: #D60707;
    font-weight: 700;
    font-family: "Noto Sans JP", sans-serif;
    display: inline-block;
    margin: 0 0 0 5px;
    vertical-align: middle; }
    @media only screen and (max-width: 768px) {
      .ele_style_1 .ja .sm, .featureSection__list .ele .ja .sm, .featureTable .ja .sm {
        font-size: 10px;
        margin: 0; } }
.ele_style_1 .des, .featureSection__list .ele .des, .featureTable .des {
  font-size: 14px;
  line-height: 2.2; }
  @media only screen and (max-width: 768px) {
    .ele_style_1 .des, .featureSection__list .ele .des, .featureTable .des {
      font-size: 11px; } }

.btn_style_1, .featureSection__list .ele .btn, .supportSection__contents > li > a, .modelOptionSection__content .detail > a, .supportSection-new__inner .btn ,  .successSection__inner .btn{
  display: block;
  width: 100%;
  max-width: 300px;
  background: #010101;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
  padding: 15px 0;
  border: 2px solid #010101;
  letter-spacing: 1px;
  transition: .2s;
  cursor: pointer; }
  @media only screen and (max-width: 768px) {
    .btn_style_1, .featureSection__list .ele .btn, .supportSection__contents > li > a, .modelOptionSection__content .detail > a, .supportSection-new__inner .btn, .successSection__inner .btn {
      font-size: 11px;
      padding: 12px 0;
      max-width: 240px; } }
  .btn_style_1:hover, .featureSection__list .ele .btn:hover, .supportSection__contents > li > a:hover, .modelOptionSection__content .detail > a:hover, .supportSection-new__inner .btn:hover,  .successSection__inner .btn:hover {
    background: #ffffff;
    color: #010101; }
    .btn_style_1:hover .icon .def, .featureSection__list .ele .btn:hover .icon .def, .supportSection__contents > li > a:hover .icon .def, .modelOptionSection__content .detail > a:hover .icon .def, .supportSection-new__inner .btn:hover .icon .def,  .successSection__inner .btn:hover .icon .def {
      display: none; }
    .btn_style_1:hover .icon .color, .featureSection__list .ele .btn:hover .icon .color, .supportSection__contents > li > a:hover .icon .color, .modelOptionSection__content .detail > a:hover .icon .color, .supportSection-new__inner .btn:hover .icon .color,  .successSection__inner .btn:hover .icon .color {
      display: inline-block; }
  .btn_style_1 .icon, .featureSection__list .ele .btn .icon, .supportSection__contents > li > a .icon, .modelOptionSection__content .detail > a .icon, .supportSection-new__inner .btn .icon,  .successSection__inner .btn .icon {
    display: inline-block;
    width: 13px;
    margin: 0 0 0 11px; }
    @media only screen and (max-width: 768px) {
      .btn_style_1 .icon, .featureSection__list .ele .btn .icon, .supportSection__contents > li > a .icon, .modelOptionSection__content .detail > a .icon , .supportSection-new__inner .btn .icon,  .successSection__inner .btn .icon{
        width: 10px;
        margin: 0 0 0 7px; } }
    .btn_style_1 .icon .def, .featureSection__list .ele .btn .icon .def, .supportSection__contents > li > a .icon .def, .modelOptionSection__content .detail > a .icon .def , .supportSection-new__inner .btn .icon .def,  .successSection__inner .btn .icon .def {
      display: inline-block; }
    .btn_style_1 .icon .color, .featureSection__list .ele .btn .icon .color, .supportSection__contents > li > a .icon .color, .modelOptionSection__content .detail > a .icon .color, .supportSection-new__inner .btn .icon .color,  .successSection__inner .btn .icon .color {
      display: none; }

.ttl_style_2, .consultantSection__ttl, .supportTable__ttl, .toolSection__ttl, .modelOptionSection__ttl, .faqSection__ttl, .programPopup__inner .ttl {
  padding: 35px 0 0;
  font-size: 28px;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
  background-position: top center;
  position: relative;
  letter-spacing: 1px; }
  @media only screen and (max-width: 768px) {
    .ttl_style_2, .consultantSection__ttl, .supportTable__ttl, .toolSection__ttl, .modelOptionSection__ttl, .faqSection__ttl, .programPopup__inner .ttl {
      padding: 15px 0 0;
      font-size: 16px; } }
  .ttl_style_2::before, .consultantSection__ttl::before, .supportTable__ttl::before, .toolSection__ttl::before, .modelOptionSection__ttl::before, .faqSection__ttl::before, .programPopup__inner .ttl::before {
    content: '';
    display: block;
    width: 55px;
    height: 4px;
    background: #FFE200;
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%); }
    @media only screen and (max-width: 768px) {
      .ttl_style_2::before, .consultantSection__ttl::before, .supportTable__ttl::before, .toolSection__ttl::before, .modelOptionSection__ttl::before, .faqSection__ttl::before, .programPopup__inner .ttl::before {
        bottom: -16px; } }

.table_style_1, .featureTable__contents table, .supportTable__contents table {
  border-collapse: separate;
  border-spacing: 6px 0; }
  @media only screen and (max-width: 768px) {
    .table_style_1, .featureTable__contents table, .supportTable__contents table {
      border-spacing: 3px 0; } }
  .table_style_1 tbody, .featureTable__contents table tbody, .supportTable__contents table tbody, .table_style_1 tr, .featureTable__contents table tr, .supportTable__contents table tr {
    width: 100%; }
    .table_style_1 tbody th, .featureTable__contents table tbody th, .supportTable__contents table tbody th, .table_style_1 tbody td, .featureTable__contents table tbody td, .supportTable__contents table tbody td, .table_style_1 tr th, .featureTable__contents table tr th, .supportTable__contents table tr th, .table_style_1 tr td, .featureTable__contents table tr td, .supportTable__contents table tr td {
      padding: 20px 0;
      font-weight: 800;
      letter-spacing: 1px; }
      @media only screen and (max-width: 768px) {
        .table_style_1 tbody th, .featureTable__contents table tbody th, .supportTable__contents table tbody th, .table_style_1 tbody td, .featureTable__contents table tbody td, .supportTable__contents table tbody td, .table_style_1 tr th, .featureTable__contents table tr th, .supportTable__contents table tr th, .table_style_1 tr td, .featureTable__contents table tr td, .supportTable__contents table tr td {
          padding: 10px 0; } }
    .table_style_1 tbody td, .featureTable__contents table tbody td, .supportTable__contents table tbody td, .table_style_1 tr td, .featureTable__contents table tr td, .supportTable__contents table tr td {
      border-left: 10px solid #F7F7F7;
      border-right: 10px solid #F7F7F7;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .table_style_1 tbody td, .featureTable__contents table tbody td, .supportTable__contents table tbody td, .table_style_1 tr td, .featureTable__contents table tr td, .supportTable__contents table tr td {
          border-left: 5px solid #F7F7F7;
          border-right: 5px solid #F7F7F7; } }
      .table_style_1 tbody td::before, .featureTable__contents table tbody td::before, .supportTable__contents table tbody td::before, .table_style_1 tr td::before, .featureTable__contents table tr td::before, .supportTable__contents table tr td::before {
        content: '';
        display: block;
        width: 83%;
        height: 2px;
        background: #f7f7f7;
        position: absolute;
        bottom: 0;
        left: 8.5%; }
        @media only screen and (max-width: 768px) {
          .table_style_1 tbody td::before, .featureTable__contents table tbody td::before, .supportTable__contents table tbody td::before, .table_style_1 tr td::before, .featureTable__contents table tr td::before, .supportTable__contents table tr td::before {
            height: 1px; } }

.ttl_style_3, .featureSection__ttl, .supportSection__top, .operationSection__ttl, .modelSection__top, .flowSection__ttl, .messageSection__ttl, .aboutSection__ttl {
  background-position: center;
  -webkit-background-size: contain;
  background-size: contain;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .ttl_style_3, .featureSection__ttl, .supportSection__top, .operationSection__ttl, .modelSection__top, .flowSection__ttl, .messageSection__ttl, .aboutSection__ttl {
      background-position: top center; } }
  .ttl_style_3 .text, .featureSection__ttl .text, .supportSection__top .text, .operationSection__ttl .text, .modelSection__top .text, .flowSection__ttl .text, .messageSection__ttl .text, .aboutSection__ttl .text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 30px;
    font-weight: 700; }
    @media only screen and (max-width: 768px) {
      .ttl_style_3 .text, .featureSection__ttl .text, .supportSection__top .text, .operationSection__ttl .text, .modelSection__top .text, .flowSection__ttl .text, .messageSection__ttl .text, .aboutSection__ttl .text {
        font-size: 15px;
        line-height: 1.5;
        margin: 5px 0;
        letter-spacing: 1px; } }
  .ttl_style_3 .ttl, .featureSection__ttl .ttl, .supportSection__top .ttl, .operationSection__ttl .ttl, .modelSection__top .ttl, .flowSection__ttl .ttl, .messageSection__ttl .ttl, .aboutSection__ttl .ttl {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 46px;
    font-weight: 900;
    line-height: 1.5; }
    @media only screen and (max-width: 768px) {
      .ttl_style_3 .ttl, .featureSection__ttl .ttl, .supportSection__top .ttl, .operationSection__ttl .ttl, .modelSection__top .ttl, .flowSection__ttl .ttl, .messageSection__ttl .ttl, .aboutSection__ttl .ttl {
        font-size: 25px;
        line-height: 1.3;
        letter-spacing: 1px; } }

.header {
  position: fixed;
  width: 100%;
  height: 100px;
  background-color: #ffffff;
  z-index: 10;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 calc( 50% - 648px ); }
  @media only screen and (max-width: 1439px) {
    .header {
      padding: 0 6.5%; } }
  @media only screen and (max-width: 768px) {
    .header {
      height: 45px;
      padding: 0 6.5%; } }
  .header.active {
    animation: ani_header .4s; }
  .header__logo {
    width: 210px;
    margin: 0 20px 0 0; }
    @media only screen and (max-width: 1439px) {
      .header__logo {
        width: 160px; } }
    @media only screen and (max-width: 768px) {
      .header__logo {
        width: 133px; } }
    .header__logo .text {
      font-size: 14px;
      margin: 10px 0 0; }
      @media only screen and (max-width: 768px) {
        .header__logo .text {
          font-size: 10px;
          margin: 5px 0 0; } }
  .header__nav {
    width: 932px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 1439px) {
      .header__nav {
        width: 743px; } }
    @media only screen and (max-width: 768px) {
      .header__nav {
        display: none;
        background: #243369;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        position: fixed;
        top: 0;
        left: 0;
        padding: 12px 6.5%;
        z-index: 21; } }
    .header__nav .logo {
      display: none; }
      @media only screen and (max-width: 768px) {
        .header__nav .logo {
          display: block;
          width: 113px;
          margin: 0 0 41px; } }
    .header__nav .ele {
      font-size: 15px;
      font-weight: 800;
      position: relative;
      overflow: hidden;
      padding: 13px 6px; }
      @media only screen and (max-width: 1439px) {
        .header__nav .ele {
          font-size: 14px; } }
      @media only screen and (max-width: 768px) {
        .header__nav .ele {
          font-size: 15px;
          display: block;
          padding: 15px 0;
          width: 100%;
          text-align: center;
          color: #ffffff; } }
      .header__nav .ele:hover {
        color: #243369; }
        .header__nav .ele:hover::before {
          left: 0; }
      .header__nav .ele::before {
        content: '';
        display: block;
        width: 100%;
        height: 3px;
        background: #243369;
        border-radius: 3px;
        position: absolute;
        bottom: 0;
        left: -100%;
        transition: .4s; }
  .header .menu, .header .close {
    display: none; }
    @media only screen and (max-width: 768px) {
      .header .menu, .header .close {
        width: 23px;
        position: fixed;
        top: 16px;
        right: 6.5%; } }
  @media only screen and (max-width: 768px) {
    .header .menu {
      display: block;
      z-index: 19; } }
  @media only screen and (max-width: 768px) {
    .header .close {
      z-index: 21; } }

.emp {
  height: 100px; }
  @media only screen and (max-width: 768px) {
    .emp {
      height: 45px; } }

.mainBgSlider {
  height: 700px;
  overflow-y: hidden; }
  @media only screen and (max-width: 1439px) {
    .mainBgSlider {
      height: auto; } }
  @media only screen and (max-width: 768px) {
    .mainBgSlider {
      height: 87vw;
      margin: 0 0 calc(57vw + 139px); } }

.mvSection {
  align-items: flex-end;
  position: absolute;
  z-index: 1;
  top: 173px;
  left: 50%;
  transform: translateX(-50%);
  width: 87%;
  max-width: 1230px; }
  @media only screen and (max-width: 1199px) {
    .mvSection {
      top: 123px; } }
  @media only screen and (max-width: 768px) {
    .mvSection {
      flex-direction: column;
      top: 93px; } }
  .mvSection__points {
    width: 30%;
    margin: 0 8% 0 0; }
    @media only screen and (max-width: 768px) {
      .mvSection__points {
        width: 59%;
        margin: 0; } }
  .mvSection__detail {
    width: 62%;
    padding: 0 0 137px; }
    @media only screen and (max-width: 768px) {
      .mvSection__detail {
        width: 100%;
        padding: 0; } }
    .mvSection__detail .ttl {
      margin: 0 0 49px; }
      @media only screen and (max-width: 768px) {
        .mvSection__detail .ttl {
          margin: 0 0 25px; } }
    .mvSection__detail .btns,
    .mvSection__detail .tel {
      padding: 0 0 0 6%; }
      @media only screen and (max-width: 768px) {
        .mvSection__detail .btns,
        .mvSection__detail .tel {
          padding: 0; } }
    .mvSection__detail .btns {
      margin: 0 0 25px; }
      @media only screen and (max-width: 768px) {
        .mvSection__detail .btns {
          margin: 0 0 20px; } }
      .mvSection__detail .btns .ele {
        width: 48%;
        transition: .4s; }
        .mvSection__detail .btns .ele:hover {
          transform: translateY(-10px); }
        .mvSection__detail .btns .ele:nth-of-type(1) {
          margin: 0 4% 0 0; }

.selSection {
  background-image: url(../images/bg_11.png);
  background-position: center;
  -webkit-background-size: 99%;
  background-size: 99%;
  background-repeat: no-repeat;
  padding: 72px 0 75px; }
  @media only screen and (max-width: 768px) {
    .selSection {
      background-image: url(../images/bg_12.png);
      background-position: top 10% center;
      padding: 0 0 40px; } }
  .selSection__inner {
    align-items: center;
    width: 87%;
    max-width: 1000px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .selSection__inner {
        flex-direction: column;
        align-items: flex-start; } }
    .selSection__inner .detail {
      width: 45%;
      margin: 0 7% 0 0; }
      @media only screen and (max-width: 768px) {
        .selSection__inner .detail {
          width: 100%;
          margin: 0 0 20px; } }
      .selSection__inner .detail .ttl {
        font-family: "Noto Sans JP", sans-serif;
        font-size: 36px;
        font-weight: 700;
        margin: 0 0 44px;
        line-height: 1.5;
        text-align: center; }
        @media only screen and (max-width: 768px) {
          .selSection__inner .detail .ttl {
            font-size: 20px;
            margin: 0 0 17px; } }
        .selSection__inner .detail .ttl .lg {
          font-family: "Noto Sans JP", sans-serif;
          font-size: 50px;
          font-weight: 900;
          line-height: 1.1; }
          @media only screen and (max-width: 1199px) {
            .selSection__inner .detail .ttl .lg {
              font-size: 44px; } }
          @media only screen and (max-width: 768px) {
            .selSection__inner .detail .ttl .lg {
              font-size: 27px; } }
      .selSection__inner .detail .des {
        font-size: 18px;
        line-height: 2.3;
        font-weight: 800; }
        @media only screen and (max-width: 768px) {
          .selSection__inner .detail .des {
            font-size: 12px;
            line-height: 2.0; } }
        .selSection__inner .detail .des .bg {
          background: linear-gradient(0, rgba(255, 226, 0, 0.7) 0, rgba(255, 226, 0, 0.7) 50%, transparent 50%, transparent 100%); }
    .selSection__inner .image {
      width: 48%; }
      @media only screen and (max-width: 768px) {
        .selSection__inner .image {
          width: 100%;
          max-width: 240px;
          margin: 0 auto; } }

.campaignSection {
  padding: 81px 17% 50px;
  position: relative;
  background-image: url(../images/bg_13.jpg);
  -webkit-background-size: cover;
  background-size: cover; }
  @media only screen and (max-width: 768px) {
    .campaignSection {
      padding: 84px 8% 25px; } }
  .campaignSection.no-bg {
    background-image: none;
    padding: 168px 17% 100px; }
    @media only screen and (max-width: 768px) {
      .campaignSection.no-bg {
        padding: 94px 6% 40px; } }
    .campaignSection.no-bg .campaignSection__inner {
      border: 3px solid #FFE200;
      padding: 70px 0 45px; }
      @media only screen and (max-width: 768px) {
        .campaignSection.no-bg .campaignSection__inner {
          border: 2px solid #FFE200;
          padding: 33px 14px 33px; } }
    .campaignSection.no-bg .campaignSection__icon {
      top: 80px; }
      @media only screen and (max-width: 768px) {
        .campaignSection.no-bg .campaignSection__icon {
          top: 35px; } }
    .campaignSection.no-bg .campaignSection__ttlBg {
      background: #ffffff;
      position: absolute;
      top: 124px;
      left: 50%;
      transform: translateX(-50%); }
      @media only screen and (max-width: 768px) {
        .campaignSection.no-bg .campaignSection__ttlBg {
          top: 70px; } }
  .campaignSection__inner {
    background: #ffffff;
    padding: 0 0 45px; }
    @media only screen and (max-width: 768px) {
      .campaignSection__inner {
        padding: 40px 14px 25px; } }
  .campaignSection__icon {
    width: 137px;
    position: absolute;
    top: 39px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2; }
    @media only screen and (max-width: 768px) {
      .campaignSection__icon {
        width: 95px;
        top: 20px; } }
  .campaignSection .campaignSection__ttlBg {
    width: 400px;
    margin: 0 auto 25px; }
    @media only screen and (max-width: 768px) {
      .campaignSection .campaignSection__ttlBg {
        width: 213px;
        position: absolute;
        top: 55px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
        margin: 0; } }
  .campaignSection__ttl {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 24px;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    padding: 43px 0 17px; }
    @media only screen and (max-width: 768px) {
      .campaignSection__ttl {
        font-size: 15px;
        padding: 23px 0 12px; } }
  .campaignSection__main {
    text-align: center;
    margin: 0 0 36px; }
    @media only screen and (max-width: 768px) {
      .campaignSection__main {
        margin: 0 0 16px; } }
    .campaignSection__main > span {
      font-family: "Noto Sans JP", sans-serif;
      display: inline-block;
      font-weight: 900; }
    .campaignSection__main .sm {
      font-size: 44px; }
      @media only screen and (max-width: 768px) {
        .campaignSection__main .sm {
          font-size: 25px; } }
    .campaignSection__main .lg {
      font-size: 90px; }
      @media only screen and (max-width: 768px) {
        .campaignSection__main .lg {
          font-size: 48px;
          line-height: 1.3; } }
    .campaignSection__main .color {
      color: #F03748; }
  .campaignSection__bg {
    font-size: 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    background: #FFE200;
    padding: 15px 0 0;
    width: 599px;
    height: 50px;
    margin: 0 auto 27px;
    text-align: center;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .campaignSection__bg {
        font-size: 12px;
        line-height: 1.5;
        width: 92%;
        margin: 0 auto 17px;
        padding: 7px 0 0; } }
    .campaignSection__bg::before, .campaignSection__bg::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      width: 0;
      height: 0;
      border-style: solid; }
    .campaignSection__bg::before {
      border-width: 25px 0 25px 20px;
      border-color: transparent transparent transparent #FFE200;
      right: -20px; }
      @media only screen and (max-width: 768px) {
        .campaignSection__bg::before {
          border-width: 25px 0 25px 10px;
          right: -10px; } }
    .campaignSection__bg::after {
      border-width: 25px 20px 25px 0;
      border-color: transparent #FFE200 transparent transparent;
      left: -20px; }
      @media only screen and (max-width: 768px) {
        .campaignSection__bg::after {
          border-width: 25px 10px 25px 0;
          left: -10px; } }
  .campaignSection__caution {
    text-align: center; }
    .campaignSection__caution > li {
      color: #3E3E3E;
      font-size: 14px;
      line-height: 1.7;
      position: relative;
      padding: 0 0 0 13px; }
      @media only screen and (max-width: 768px) {
        .campaignSection__caution > li {
          font-size: 10px;
          text-align: left;
          line-height: 1.8; } }
      .campaignSection__caution > li::before {
        content: '※';
        display: inline-block; }
        @media only screen and (max-width: 768px) {
          .campaignSection__caution > li::before {
            position: absolute;
            top: 0;
            left: 0; } }
      .campaignSection__caution > li a {
        color: #243369;
        font-weight: 800;
        text-decoration: underline; }

.riskSection {
  background: #F7F7F7;
  padding: 94px 0 50px;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .riskSection {
      padding: 40px 0 2px; } }
  .riskSection::before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 50vw 0 50vw;
    border-color: #F7F7F7 transparent transparent transparent;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%); }
    @media only screen and (max-width: 768px) {
      .riskSection::before {
        border-width: 40px 50vw 0 50vw; } }
  .riskSection__top {
    justify-content: space-between;
    width: 78%;
    max-width: 610px;
    margin: 0 auto 28px; }
    @media only screen and (max-width: 768px) {
      .riskSection__top {
        justify-content: center;
        flex-wrap: wrap;
        margin: 0 auto 22px; } }
    .riskSection__top > li {
      background: #243369;
      color: #ffffff;
      font-size: 20px;
      line-height: 1.4;
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 700;
      text-align: center;
      width: 29%;
      border-radius: 8px;
      padding: 20px 0;
      position: relative;
      letter-spacing: 1px; }
      @media only screen and (max-width: 768px) {
        .riskSection__top > li {
          font-size: 13px;
          padding: 11px 0;
          width: 46%; } }
      .riskSection__top > li:nth-of-type(1) {
        margin: 30px 0 0; }
        @media only screen and (max-width: 768px) {
          .riskSection__top > li:nth-of-type(1) {
            margin: 0 26% 16px; } }
        .riskSection__top > li:nth-of-type(1)::before {
          left: 52%; }
          @media only screen and (max-width: 768px) {
            .riskSection__top > li:nth-of-type(1)::before {
              left: 50%;
              transform: translateX(-50%); } }
      @media only screen and (max-width: 768px) {
        .riskSection__top > li:nth-of-type(2) {
          margin: 0 4% 0 0; } }
      .riskSection__top > li:nth-of-type(2)::before {
        left: 50%;
        transform: translateX(-50%); }
        @media only screen and (max-width: 768px) {
          .riskSection__top > li:nth-of-type(2)::before {
            left: 54%;
            transform: translateX(0); } }
      .riskSection__top > li:nth-of-type(3) {
        margin: 30px 0 0; }
        @media only screen and (max-width: 768px) {
          .riskSection__top > li:nth-of-type(3) {
            margin: 0 0 0 4%; } }
        .riskSection__top > li:nth-of-type(3)::before {
          left: 35%; }
          @media only screen and (max-width: 768px) {
            .riskSection__top > li:nth-of-type(3)::before {
              left: 35%; } }
      .riskSection__top > li::before {
        width: 25px;
        height: 25px;
        content: '';
        background-image: url(../images/tri_1.svg);
        -webkit-background-size: 100%;
        background-size: 100%;
        position: absolute;
        bottom: -16px; }
        @media only screen and (max-width: 768px) {
          .riskSection__top > li::before {
            width: 16px;
            height: 16px;
            bottom: -11px; } }
      .riskSection__top > li .sm {
        font-size: 16px;
        font-family: "Noto Sans JP", sans-serif;
        color: #ffffff; }
        @media only screen and (max-width: 768px) {
          .riskSection__top > li .sm {
            font-size: 10px; } }
  .riskSection__smText {
    font-size: 30px;
    line-height: 2.1;
    text-align: center;
    font-weight: 700;
    font-family: "Noto Sans JP", sans-serif;
    margin: 0 0 10px;
    letter-spacing: 1px; }
    @media only screen and (max-width: 768px) {
      .riskSection__smText {
        font-size: 16px; } }
  .riskSection__lgText {
    text-align: center;
    font-size: 38px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    margin: 0 0 68px;
    letter-spacing: 1px; }
    @media only screen and (max-width: 768px) {
      .riskSection__lgText {
        font-size: 19px;
        margin: 0 0 30px; } }
    .riskSection__lgText .lg {
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 900;
      color: #243369;
      font-size: 46px; }
      @media only screen and (max-width: 768px) {
        .riskSection__lgText .lg {
          font-size: 24px;
          line-height: 1.9; } }
  .riskSection__list {
    justify-content: space-between;
    width: 81%;
    max-width: 1070px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .riskSection__list {
        flex-wrap: wrap; } }
    .riskSection__list > li {
      background: #ffffff;
      border-radius: 5px;
      text-align: center;
      font-size: 22px;
      font-weight: 900;
      color: #243369;
      font-family: "Noto Sans JP", sans-serif;
      position: relative;
      width: 23%;
      padding: 57px 0 45px;
      line-height: 1.5; }
      @media only screen and (max-width: 1439px) {
        .riskSection__list > li {
          font-size: 20px; } }
      @media only screen and (max-width: 768px) {
        .riskSection__list > li {
          width: 48%;
          font-size: 13px;
          padding: 17px 0 12px;
          margin: 0 0 27px; } }
      @media only screen and (max-width: 768px) {
        .riskSection__list > li:nth-of-type(3) {
          padding: 27px 0 21px; } }
      .riskSection__list > li:nth-of-type(4) {
        padding: 40px 0 29px; }
        @media only screen and (max-width: 768px) {
          .riskSection__list > li:nth-of-type(4) {
            padding: 17px 0 12px; } }
      .riskSection__list > li .ttl {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 13px;
        background: #243369;
        color: #ffffff;
        font-family: "M PLUS Rounded 1c", sans-serif;
        width: 100px;
        border-radius: 25px;
        padding: 6px; }
        @media only screen and (max-width: 768px) {
          .riskSection__list > li .ttl {
            font-size: 10px;
            padding: 3px;
            border-radius: 12px;
            width: 60%; } }

.bgBorder {
  background-image: url(../images/bg_7@2x.jpg);
  background-position: center bottom;
  background-size: 100%; }
  @media only screen and (max-width: 768px) {
    .bgBorder {
      background-image: url(../images/bg_9@2x.jpg); } }

.lowRiskSection {
  padding: 205px 0 0;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .lowRiskSection {
      padding: 95px 0 0; } }
  .lowRiskSection::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 50px 0 50px;
    border-color: #243369 transparent transparent transparent;
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1; }
    @media only screen and (max-width: 768px) {
      .lowRiskSection::before {
        border-width: 10px 25px 0 25px;
        top: 65px; } }
  .lowRiskSection__top {
    width: 93%;
    max-width: 910px;
    margin: 0 auto 90px;
    background-image: url(../images/bg_3.svg);
    background-position: bottom center;
    -webkit-background-size: 100%;
    background-size: 100%;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .lowRiskSection__top {
        margin: 0 auto 30px;
        padding: 0 0 18px; } }
    .lowRiskSection__top > img {
      display: inline-block;
      width: 242px;
      margin: 0 6px;
      vertical-align: bottom; }
      @media only screen and (max-width: 768px) {
        .lowRiskSection__top > img {
          width: 121px;
          margin: 9px 5px 1px 0; } }
    .lowRiskSection__top > span {
      font-family: "Noto Sans JP", sans-serif;
      display: inline-block;
      letter-spacing: 1px;
      line-height: 1.5; }
    .lowRiskSection__top .sm {
      font-size: 30px;
      font-weight: 700; }
      @media only screen and (max-width: 768px) {
        .lowRiskSection__top .sm {
          font-size: 16px; } }
    .lowRiskSection__top .md {
      font-size: 36px;
      font-weight: 700; }
      @media only screen and (max-width: 768px) {
        .lowRiskSection__top .md {
          font-size: 18px; } }
    .lowRiskSection__top .lg {
      font-size: 48px;
      font-weight: 900;
      background: linear-gradient(180deg, transparent 0, transparent 74%, #FFE200 74%, #FFE200 100%); }
      @media only screen and (max-width: 768px) {
        .lowRiskSection__top .lg {
          font-size: 24px;
          line-height: 1.8; } }
  .lowRiskSection__list {
    align-items: stretch;
    flex-wrap: wrap;
    width: 84%;
    max-width: 1070px;
    margin: 0 auto; }
    .lowRiskSection__list .ele {
      width: 48.5%;
      box-shadow: rgba(1, 1, 1, 0.1) 0 0 10px;
      border-radius: 5px;
      padding: 57px 5% 31px;
      position: relative;
      margin: 0 3% 70px 0;
      background: #ffffff; }
      @media only screen and (max-width: 768px) {
        .lowRiskSection__list .ele {
          width: 100%;
          margin: 0 0 45px;
          padding: 34px 20px 25px; } }
      .lowRiskSection__list .ele:nth-of-type(2n) {
        margin: 0 0 70px; }
        @media only screen and (max-width: 768px) {
          .lowRiskSection__list .ele:nth-of-type(2n) {
            margin: 0 0 45px; } }
      .lowRiskSection__list .ele .point {
        width: 70px;
        height: 70px;
        background: #FFE200;
        font-family: "M PLUS Rounded 1c", sans-serif;
        font-size: 13px;
        text-align: center;
        border-radius: 50%;
        padding: 13px 0 0;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        line-height: 1.7; }
        @media only screen and (max-width: 768px) {
          .lowRiskSection__list .ele .point {
            width: 45px;
            height: 45px;
            font-size: 10px;
            line-height: 1.3;
            padding: 11px 0 0; } }
        .lowRiskSection__list .ele .point .lg {
          font-family: "M PLUS Rounded 1c", sans-serif;
          font-size: 20px; }
          @media only screen and (max-width: 768px) {
            .lowRiskSection__list .ele .point .lg {
              font-size: 13px; } }
      .lowRiskSection__list .ele .ttl {
        font-size: 22px;
        line-height: 1.5;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 900;
        text-align: center;
        margin: 0 0 22px; }
        @media only screen and (max-width: 768px) {
          .lowRiskSection__list .ele .ttl {
            font-size: 15px;
            margin: 0 0 10px; } }
      .lowRiskSection__list .ele .des {
        font-size: 14px;
        line-height: 2.0; }
        @media only screen and (max-width: 768px) {
          .lowRiskSection__list .ele .des {
            font-size: 12px; } }

.anshinSection {
  align-items: center;
  width: 79%;
  max-width: 916px;
  margin: 0 auto;
  padding: 0 0 80px; }
  @media only screen and (max-width: 768px) {
    .anshinSection {
      flex-direction: column;
      align-items: flex-start;
      padding: 0 0 50px; } }
  .anshinSection__detail {
    width: 40%;
    margin: 0 6% 0 2%; }
    @media only screen and (max-width: 1439px) {
      .anshinSection__detail {
        width: 42%;
        margin: 0 6% 0 0; } }
    @media only screen and (max-width: 768px) {
      .anshinSection__detail {
        width: 100%;
        margin: 0 0 18px; } }
    .anshinSection__detail .ttl {
      font-size: 20px;
      color: #ffffff;
      background: #243369;
      text-align: center;
      margin: 0 0 40px;
      padding: 15px 0 0;
      height: 50px;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .anshinSection__detail .ttl {
          font-size: 12px;
          height: 30px;
          margin: 0 0 20px;
          padding: 8px 0 0; } }
      .anshinSection__detail .ttl::before, .anshinSection__detail .ttl::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid; }
      .anshinSection__detail .ttl::before {
        border-width: 25px 0 25px 20px;
        border-color: transparent transparent transparent #243369;
        right: -20px; }
        @media only screen and (max-width: 768px) {
          .anshinSection__detail .ttl::before {
            border-width: 15px 0 15px 8px;
            right: -8px; } }
      .anshinSection__detail .ttl::after {
        border-width: 25px 20px 25px 0;
        border-color: transparent #243369 transparent transparent;
        left: -20px; }
        @media only screen and (max-width: 768px) {
          .anshinSection__detail .ttl::after {
            border-width: 15px 8px 15px 0;
            left: -8px; } }
    .anshinSection__detail .image {
      margin: 0 0 21px; }
      @media only screen and (max-width: 768px) {
        .anshinSection__detail .image {
          width: 79%;
          margin: 0 auto 13px; } }
    .anshinSection__detail .text {
      font-size: 18px;
      line-height: 1.6;
      font-weight: 800;
      text-align: center; }
      @media only screen and (max-width: 1439px) {
        .anshinSection__detail .text {
          font-size: 17px; } }
      @media only screen and (max-width: 768px) {
        .anshinSection__detail .text {
          font-size: 12px; } }
  .anshinSection__slider {
    width: 52%; }
    @media only screen and (max-width: 768px) {
      .anshinSection__slider {
        width: 100%; } }
    .anshinSection__slider .slick-dots {
      text-align: center;
      margin: 25px 0 0; }
      @media only screen and (max-width: 768px) {
        .anshinSection__slider .slick-dots {
          margin: 21px 0 0; } }

.ctaSection {
  padding: 65px 6.5%;
  background-image: url(../images/bg_4@2x.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center; }
  @media only screen and (max-width: 768px) {
    .ctaSection {
      padding: 35px 6.5%; } }
  .ctaSection__text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
    margin: 0 0 14px; }
    @media only screen and (max-width: 768px) {
      .ctaSection__text {
        font-size: 11px;
        margin: 0 0 7px; } }
  .ctaSection__ttl {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 27px;
    letter-spacing: 1px; }
    @media only screen and (max-width: 768px) {
      .ctaSection__ttl {
        font-size: 17px;
        line-height: 1.6;
        margin: 0 0 12px; } }
    .ctaSection__ttl .icon {
      display: inline-block;
      width: 31px;
      margin: 0 11px 0 0; }
      @media only screen and (max-width: 768px) {
        .ctaSection__ttl .icon {
          width: 18px;
          margin: 0 6px 0 0; } }
  .ctaSection__border {
    width: 53%;
    max-width: 300px;
    margin: 0 auto 31px; }
    @media only screen and (max-width: 768px) {
      .ctaSection__border {
        margin: 0 auto 11px; } }
  .ctaSection__btn {
    max-width: 750px;
    margin: 0 auto 31px; }
    @media only screen and (max-width: 768px) {
      .ctaSection__btn {
        margin: 0 auto 17px; } }
    .ctaSection__btn .ele {
      width: 48%;
      transition: .4s; }
      .ctaSection__btn .ele:hover {
        transform: translateY(-10px); }
      .ctaSection__btn .ele:nth-of-type(1) {
        margin: 0 4% 0 0; }
  .ctaSection__tel {
    max-width: 660px;
    margin: 0 auto; }

.featureSection {
  padding: 119px 0 0; }
  @media only screen and (max-width: 768px) {
    .featureSection {
      padding: 47px 0 0; } }
  .featureSection__ttl, .featureSection__list {
    width: 84%;
    max-width: 1070px; }
  .featureSection__ttl {
    margin: 0 auto 73px;
    padding: 17px 0; }
    @media only screen and (max-width: 768px) {
      .featureSection__ttl {
        margin: 0 auto 40px;
        padding: 43px 0 0; } }
  .featureSection__list {
    flex-wrap: wrap;
    margin: 0 auto; }
    .featureSection__list .ele {
      width: 48%;
      position: relative;
      margin: 0 4% 80px 0; }
      @media only screen and (max-width: 768px) {
        .featureSection__list .ele {
          width: 100%;
          margin: 0 0 40px; } }
      .featureSection__list .ele:nth-of-type(2n) {
        margin: 0 0 80px; }
        @media only screen and (max-width: 768px) {
          .featureSection__list .ele:nth-of-type(2n) {
            margin: 0 0 40px; } }
      .featureSection__list .ele .image {
        height: 380px;
        overflow: hidden;
        margin: 0 0 25px; }
        @media only screen and (max-width: 768px) {
          .featureSection__list .ele .image {
            height: auto;
            position: static;
            transform: translateY(0);
            margin: 20px 0 0; } }
        .featureSection__list .ele .image iframe {
          width: 100%; }
          @media only screen and (max-width: 768px) {
            .featureSection__list .ele .image iframe {
              height: 63vw; } }
      .featureSection__list .ele .btn {
        margin: 30px 0 0; }
        @media only screen and (max-width: 768px) {
          .featureSection__list .ele .btn {
            margin: 25px auto 0; } }

.featureTable {
  width: 87%;
  max-width: 960px;
  margin: 0 auto 164px;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .featureTable {
      margin: 0 auto 46px; } }
  .featureTable .des {
    margin: 0 0 70px; }
    @media only screen and (max-width: 768px) {
      .featureTable .des {
        margin: 0 0 25px;
        text-align: left; } }
  @media only screen and (max-width: 768px) {
    .featureTable__contents {
      overflow-x: scroll;
      padding: 10px 0 0; } }
  .featureTable__contents table {
    width: 100%; }
    @media only screen and (max-width: 768px) {
      .featureTable__contents table {
        width: 490px; } }
    .featureTable__contents table tbody th.bg_1, .featureTable__contents table tr th.bg_1 {
      background: #3E3E3E;
      color: #ffffff;
      font-size: 20px;
      line-height: 1.5;
      padding: 0 17px;
      border-bottom: 6px solid #ffffff; }
      @media only screen and (max-width: 768px) {
        .featureTable__contents table tbody th.bg_1, .featureTable__contents table tr th.bg_1 {
          font-size: 10px;
          padding: 0 8px;
          border-bottom: 3px solid #ffffff; } }
    .featureTable__contents table tbody th.bg_2, .featureTable__contents table tr th.bg_2 {
      background: #6A6A6A;
      color: #ffffff;
      font-size: 15px;
      line-height: 1.4;
      border-bottom: 6px solid #ffffff; }
      @media only screen and (max-width: 768px) {
        .featureTable__contents table tbody th.bg_2, .featureTable__contents table tr th.bg_2 {
          font-size: 10px;
          border-bottom: 3px solid #ffffff; } }
    .featureTable__contents table tbody th.bg_3, .featureTable__contents table tr th.bg_3 {
      background: #243369;
      position: relative;
      padding: 5px 0 25px; }
      @media only screen and (max-width: 768px) {
        .featureTable__contents table tbody th.bg_3, .featureTable__contents table tr th.bg_3 {
          padding: 2px 0 12px; } }
      .featureTable__contents table tbody th.bg_3::before, .featureTable__contents table tr th.bg_3::before {
        content: '';
        display: block;
        position: absolute;
        top: -20px;
        left: 0;
        width: 100%;
        height: 20px;
        border-radius: 5px 5px 0 0;
        background: #243369; }
        @media only screen and (max-width: 768px) {
          .featureTable__contents table tbody th.bg_3::before, .featureTable__contents table tr th.bg_3::before {
            top: -9px;
            height: 10px; } }
      .featureTable__contents table tbody th.bg_3 > img, .featureTable__contents table tr th.bg_3 > img {
        max-width: 160px;
        margin: 0 auto; }
        @media only screen and (max-width: 768px) {
          .featureTable__contents table tbody th.bg_3 > img, .featureTable__contents table tr th.bg_3 > img {
            max-width: 80px; } }
    .featureTable__contents table tbody th.bg_4, .featureTable__contents table tr th.bg_4 {
      background: #F7F7F7;
      border-radius: 5px 5px 0 0;
      color: #243369;
      font-size: 18px;
      line-height: 1.5;
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 700; }
      @media only screen and (max-width: 768px) {
        .featureTable__contents table tbody th.bg_4, .featureTable__contents table tr th.bg_4 {
          font-size: 10px; } }
    .featureTable__contents table tbody td, .featureTable__contents table tr td {
      font-size: 18px;
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 700; }
      @media only screen and (max-width: 768px) {
        .featureTable__contents table tbody td, .featureTable__contents table tr td {
          font-size: 10px; } }
      .featureTable__contents table tbody td > span, .featureTable__contents table tr td > span {
        font-family: "Noto Sans JP", sans-serif; }
      .featureTable__contents table tbody td .color, .featureTable__contents table tr td .color {
        color: #D60707; }
      .featureTable__contents table tbody td .rotate, .featureTable__contents table tr td .rotate {
        display: inline-block;
        transform: rotate(90deg); }
      .featureTable__contents table tbody td .sm, .featureTable__contents table tr td .sm {
        font-size: 14px; }
        @media only screen and (max-width: 768px) {
          .featureTable__contents table tbody td .sm, .featureTable__contents table tr td .sm {
            font-size: 10px; } }
      .featureTable__contents table tbody td .md, .featureTable__contents table tr td .md {
        font-size: 24px; }
        @media only screen and (max-width: 768px) {
          .featureTable__contents table tbody td .md, .featureTable__contents table tr td .md {
            font-size: 10px; } }
      .featureTable__contents table tbody td .md_l, .featureTable__contents table tr td .md_l {
        font-size: 38px; }
        @media only screen and (max-width: 768px) {
          .featureTable__contents table tbody td .md_l, .featureTable__contents table tr td .md_l {
            font-size: 13px; } }
      .featureTable__contents table tbody td .lg, .featureTable__contents table tr td .lg {
        font-size: 48px;
        font-weight: 900;
        line-height: 1.3; }
        @media only screen and (max-width: 768px) {
          .featureTable__contents table tbody td .lg, .featureTable__contents table tr td .lg {
            font-size: 15px; } }
      .featureTable__contents table tbody td.bg_5, .featureTable__contents table tr td.bg_5 {
        background: #FFE200;
        font-size: 28px; }
        @media only screen and (max-width: 768px) {
          .featureTable__contents table tbody td.bg_5, .featureTable__contents table tr td.bg_5 {
            font-size: 10px; } }
        .featureTable__contents table tbody td.bg_5::before, .featureTable__contents table tr td.bg_5::before {
          display: none; }
        .featureTable__contents table tbody td.bg_5 .sm, .featureTable__contents table tr td.bg_5 .sm {
          font-size: 16px; }
          @media only screen and (max-width: 768px) {
            .featureTable__contents table tbody td.bg_5 .sm, .featureTable__contents table tr td.bg_5 .sm {
              font-size: 10px; } }
      .featureTable__contents table tbody td.text_1, .featureTable__contents table tr td.text_1 {
        line-height: 1.5; }
      .featureTable__contents table tbody td.bg_6, .featureTable__contents table tr td.bg_6 {
        border-bottom: 10px solid #F7F7F7; }
        @media only screen and (max-width: 768px) {
          .featureTable__contents table tbody td.bg_6, .featureTable__contents table tr td.bg_6 {
            border-bottom: 5px solid #F7F7F7; } }
        .featureTable__contents table tbody td.bg_6::before, .featureTable__contents table tr td.bg_6::before {
          display: none; }
      .featureTable__contents table tbody td.border_1, .featureTable__contents table tr td.border_1 {
        border-left: 10px solid #243369;
        border-right: 10px solid #243369; }
        @media only screen and (max-width: 768px) {
          .featureTable__contents table tbody td.border_1, .featureTable__contents table tr td.border_1 {
            border-left: 5px solid #243369;
            border-right: 5px solid #243369; } }
      .featureTable__contents table tbody td.border_2, .featureTable__contents table tr td.border_2 {
        border-left: 10px solid #243369;
        border-right: 10px solid #243369;
        border-bottom: 10px solid #243369; }
        @media only screen and (max-width: 768px) {
          .featureTable__contents table tbody td.border_2, .featureTable__contents table tr td.border_2 {
            border-left: 5px solid #243369;
            border-right: 5px solid #243369;
            border-bottom: 5px solid #243369; } }
      .featureTable__contents table tbody td.border_3, .featureTable__contents table tr td.border_3 {
        border-bottom: 10px solid #F7F7F7; }
        @media only screen and (max-width: 768px) {
          .featureTable__contents table tbody td.border_3, .featureTable__contents table tr td.border_3 {
            border-bottom: 5px solid #F7F7F7; } }
      .featureTable__contents table tbody td.br_1, .featureTable__contents table tr td.br_1 {
        border-radius: 0 0 5px 5px; }
  .featureTable__cautionText {
    text-align: left;
    font-size: 13px;
    font-weight: 800;
    margin: 35px 0 0; }
    @media only screen and (max-width: 768px) {
      .featureTable__cautionText {
        font-size: 12px;
        line-height: 1.6;
        margin: 15px 0 0; } }

.supportSection {
  margin: 0 0 84px;
  padding: 195px 0 61px;
  background-image: url(../images/bg_5@2x.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  background-position: top 69px center;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .supportSection {
      background-position: top 38px center;
      padding: 126px 0 40px;
      margin: 0 0 32px; } }
  .supportSection__top {
    position: absolute;
    width: 84%;
    max-width: 645px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 25px 0 18px; }
    @media only screen and (max-width: 768px) {
      .supportSection__top {
        padding: 43px 0 0; } }
  .supportSection__tab {
    justify-content: space-between;
    width: 87%;
    max-width: 900px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .supportSection__tab {
        align-items: stretch; } }
    .supportSection__tab > li {
      width: 19%;
      font-size: 18px;
      font-family: "Noto Sans JP", sans-serif;
      text-align: center;
      font-weight: 700;
      padding: 16px;
      border-radius: 5px 5px 0 0;
      background: #010101;
      color: #ffffff;
      position: relative;
      overflow: hidden;
      cursor: pointer; }
      @media only screen and (max-width: 768px) {
        .supportSection__tab > li {
          font-size: 11px;
          line-height: 1.3;
          padding: 16px 9px 0; } }
      .supportSection__tab > li::before {
        content: '';
        display: block;
        width: 42%;
        height: 3px;
        background: #FFE200;
        position: absolute;
        bottom: -3px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
        border-radius: 3px;
        transition: .2s; }
        @media only screen and (max-width: 768px) {
          .supportSection__tab > li::before {
            width: 69%;
            height: 2px;
            bottom: -2px; } }
      .supportSection__tab > li.active {
        background: #ffffff;
        color: #010101; }
        .supportSection__tab > li.active::before {
          bottom: 0; }
    @media only screen and (max-width: 768px) {
      .supportSection__tab #sp_tab_4 {
        padding: 9px; } }
  .supportSection__contents {
    width: 87%;
    max-width: 960px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 5px;
    padding: 50px 80px 52px; }
    @media only screen and (max-width: 768px) {
      .supportSection__contents {
        padding: 25px 20px 22px;
        border-radius: 0 0 5px 5px; } }
    .supportSection__contents > li {
      display: none; }
      .supportSection__contents > li .image {
        margin: 0 0 40px; }
        @media only screen and (max-width: 768px) {
          .supportSection__contents > li .image {
            margin: 0 0 18px; } }
      .supportSection__contents > li .ttl {
        font-size: 22px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 900;
        text-align: center;
        line-height: 1.5;
        margin: 0 0 20px; }
        @media only screen and (max-width: 768px) {
          .supportSection__contents > li .ttl {
            font-size: 14px;
            margin: 0 0 10px; } }
      .supportSection__contents > li .list {
        flex-wrap: wrap; }
        .supportSection__contents > li .list > li {
          width: 50%;
          font-size: 14px;
          line-height: 2.3; }
          @media only screen and (max-width: 768px) {
            .supportSection__contents > li .list > li {
              width: 100%;
              font-size: 11px;
              line-height: 2.1; } }
      .supportSection__contents > li .des {
        font-size: 14px;
        line-height: 2.3; }
        @media only screen and (max-width: 768px) {
          .supportSection__contents > li .des {
            font-size: 11px;
            line-height: 2.1; } }
      .supportSection__contents > li > a {
        margin: 40px auto 0; }
        @media only screen and (max-width: 768px) {
          .supportSection__contents > li > a {
            margin: 20px auto 0; } }
    .supportSection__contents #sp_tab_1_contents {
      display: block; }

.consultantSection {
  margin: 0 0 52px; }
  @media only screen and (max-width: 768px) {
    .consultantSection {
      margin: 0 0 40px; } }
  .consultantSection__ttl {
    background-size: 235px;
    margin: 0 0 69px; }
    @media only screen and (max-width: 768px) {
      .consultantSection__ttl {
        -webkit-background-size: 125px;
        background-size: 125px;
        margin: 0 0 39px; } }
  .consultantSection__slider {
    width: 75%;
    max-width: 1056px;
    margin: 0 auto; }
    .consultantSection__slider .prev-arrow,
    .consultantSection__slider .next-arrow {
      position: absolute;
      top: 50%;
      content: '';
      display: block;
      width: 19px;
      height: 19px;
      z-index: 1; }
    .consultantSection__slider .prev-arrow {
      background-image: url(../images/ico_arr_5.svg);
      left: -19px; }
    .consultantSection__slider .next-arrow {
      background-image: url(../images/ico_arr_6.svg);
      right: -19px; }
    .consultantSection__slider .ele {
      width: 50%;
      padding: 0 4.6% 24px;
      border-right: 1px dotted #3E3E3E;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .consultantSection__slider .ele {
          padding: 0;
          border-right: none; } }
      .consultantSection__slider .ele:nth-of-type(2n) {
        border-right: none; }
      .consultantSection__slider .ele .image {
        width: 203px;
        margin: 0 auto 55px; }
        @media only screen and (max-width: 768px) {
          .consultantSection__slider .ele .image {
            width: 53vw;
            margin: 0 auto 32px; } }
      .consultantSection__slider .ele .name {
        font-size: 16px;
        color: #ffffff;
        background: #243369;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 700;
        text-align: center;
        width: 180px;
        position: absolute;
        top: 178px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
        height: 50px;
        padding: 16px 0 0; }
        @media only screen and (max-width: 768px) {
          .consultantSection__slider .ele .name {
            font-size: 11px;
            top: 48vw;
            width: 54%;
            height: 30px;
            padding: 9px 0 0; } }
        .consultantSection__slider .ele .name::before, .consultantSection__slider .ele .name::after {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          width: 0;
          height: 0;
          border-style: solid; }
        .consultantSection__slider .ele .name::before {
          border-width: 25px 0 25px 20px;
          border-color: transparent transparent transparent #243369;
          right: -20px; }
          @media only screen and (max-width: 768px) {
            .consultantSection__slider .ele .name::before {
              border-width: 15px 0 15px 10px;
              border-color: transparent transparent transparent #243369;
              right: -10px; } }
        .consultantSection__slider .ele .name::after {
          border-width: 25px 20px 25px 0;
          border-color: transparent #243369 transparent transparent;
          left: -20px; }
          @media only screen and (max-width: 768px) {
            .consultantSection__slider .ele .name::after {
              border-width: 15px 10px 15px 0;
              border-color: transparent #243369 transparent transparent;
              left: -10px; } }
      .consultantSection__slider .ele .ttl {
        font-size: 22px;
        line-height: 1.5;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 900;
        margin: 0 0 22px;
        text-align: center; }
        @media only screen and (max-width: 768px) {
          .consultantSection__slider .ele .ttl {
            font-size: 14px;
            margin: 0 0 17px; } }
      .consultantSection__slider .ele .text {
        font-size: 14px;
        line-height: 2.2; }
        @media only screen and (max-width: 768px) {
          .consultantSection__slider .ele .text {
            font-size: 11px;
            line-height: 2.1; } }

.supportTable {
  margin: 0 0 84px; }
  @media only screen and (max-width: 768px) {
    .supportTable {
      margin: 0 0 44px; } }
  .supportTable__ttl {
    background-size: 369px;
    margin: 0 0 95px; }
    @media only screen and (max-width: 768px) {
      .supportTable__ttl {
        -webkit-background-size: 197px;
        background-size: 197px;
        margin: 0 0 39px;
        line-height: 1.3; } }
  .supportTable__contents {
    width: 87%;
    max-width: 972px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .supportTable__contents {
        overflow: scroll;
        padding: 10px 0 0; } }
    .supportTable__contents table {
      width: 100%; }
      @media only screen and (max-width: 768px) {
        .supportTable__contents table {
          width: 460px; } }
      .supportTable__contents table tbody th.bg_1, .supportTable__contents table tr th.bg_1 {
        background: #243369;
        position: relative;
        padding: 5px 0 25px;
        width: 22%; }
        @media only screen and (max-width: 768px) {
          .supportTable__contents table tbody th.bg_1, .supportTable__contents table tr th.bg_1 {
            padding: 2px 0 12px; } }
        .supportTable__contents table tbody th.bg_1::before, .supportTable__contents table tr th.bg_1::before {
          content: '';
          display: block;
          position: absolute;
          top: -20px;
          left: 0;
          width: 100%;
          height: 20px;
          border-radius: 5px 5px 0 0;
          background: #243369; }
          @media only screen and (max-width: 768px) {
            .supportTable__contents table tbody th.bg_1::before, .supportTable__contents table tr th.bg_1::before {
              top: -9px;
              height: 10px; } }
        .supportTable__contents table tbody th.bg_1 > img, .supportTable__contents table tr th.bg_1 > img {
          max-width: 160px;
          margin: 0 auto; }
          @media only screen and (max-width: 768px) {
            .supportTable__contents table tbody th.bg_1 > img, .supportTable__contents table tr th.bg_1 > img {
              max-width: 80px; } }
      .supportTable__contents table tbody th.bg_2, .supportTable__contents table tr th.bg_2 {
        font-family: "Noto Sans JP", sans-serif;
        font-size: 18px;
        font-weight: 700;
        color: #243369;
        background: #f7f7f7;
        border-radius: 5px 5px 0 0;
        width: 18%; }
        @media only screen and (max-width: 768px) {
          .supportTable__contents table tbody th.bg_2, .supportTable__contents table tr th.bg_2 {
            font-size: 10px; } }
      .supportTable__contents table tbody th.bg_3, .supportTable__contents table tr th.bg_3 {
        font-size: 15px;
        color: #ffffff;
        line-height: 1.4;
        background: #3E3E3E;
        border-bottom: 5px solid #ffffff; }
        @media only screen and (max-width: 768px) {
          .supportTable__contents table tbody th.bg_3, .supportTable__contents table tr th.bg_3 {
            font-size: 10px;
            border-bottom: 3px solid #ffffff; } }
      .supportTable__contents table tbody td, .supportTable__contents table tr td {
        font-size: 25px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 900;
        text-align: center; }
        @media only screen and (max-width: 768px) {
          .supportTable__contents table tbody td, .supportTable__contents table tr td {
            font-size: 10px; } }
        .supportTable__contents table tbody td.border_1, .supportTable__contents table tr td.border_1 {
          border-right: 10px solid #243369;
          border-left: 10px solid #243369; }
          @media only screen and (max-width: 768px) {
            .supportTable__contents table tbody td.border_1, .supportTable__contents table tr td.border_1 {
              border-right: 5px solid #243369;
              border-left: 5px solid #243369; } }
        .supportTable__contents table tbody td.border_2, .supportTable__contents table tr td.border_2 {
          border-right: 10px solid #243369;
          border-left: 10px solid #243369;
          border-bottom: 10px solid #243369;
          border-radius: 0 0 5px 5px; }
          @media only screen and (max-width: 768px) {
            .supportTable__contents table tbody td.border_2, .supportTable__contents table tr td.border_2 {
              border-right: 5px solid #243369;
              border-left: 5px solid #243369;
              border-bottom: 5px solid #243369; } }
        .supportTable__contents table tbody td.border_3, .supportTable__contents table tr td.border_3 {
          border-bottom: 10px solid #f7f7f7;
          border-radius: 0 0 5px 5px; }
          @media only screen and (max-width: 768px) {
            .supportTable__contents table tbody td.border_3, .supportTable__contents table tr td.border_3 {
              border-bottom: 5px solid #f7f7f7; } }

.toolSection {
  width: 84%;
  max-width: 960px;
  margin: 0 auto 100px; }
  @media only screen and (max-width: 768px) {
    .toolSection {
      margin: 0 auto 40px; } }
  .toolSection__ttl {
    background-size: 294px;
    margin: 0 auto 45px; }
    @media only screen and (max-width: 768px) {
      .toolSection__ttl {
        -webkit-background-size: 157px;
        background-size: 157px;
        margin: 0 auto 39px; } }
  .toolSection__list {
    flex-wrap: wrap; }
    .toolSection__list > li {
      width: 49%;
      margin: 0 2% 20px 0;
      box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
      border-radius: 5px;
      padding: 37px 27px;
      font-family: "Noto Sans JP", sans-serif;
      font-size: 18px;
      font-weight: 700;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .toolSection__list > li {
          width: 100%;
          margin: 0 0 7px;
          padding: 19px 0;
          font-size: 12px;
          box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px; } }
      .toolSection__list > li:nth-of-type(2n) {
        margin: 0 0 20px; }
        @media only screen and (max-width: 768px) {
          .toolSection__list > li:nth-of-type(2n) {
            margin: 0 0 7px; } }
      .toolSection__list > li .sm {
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 700;
        font-size: 14px; }
        @media only screen and (max-width: 768px) {
          .toolSection__list > li .sm {
            font-size: 10px; } }

.operationSection {
  background-image: url(../images/bg_5@2x.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  padding: 113px 0 80px; }
  @media only screen and (max-width: 768px) {
    .operationSection {
      padding: 40px 0; } }
  .operationSection__ttl {
    width: 87%;
    max-width: 837px;
    margin: 0 auto;
    padding: 20px 0 60px; }
    @media only screen and (max-width: 768px) {
      .operationSection__ttl {
        padding: 22px 0 0;
        margin: 0 auto 17px; } }
  .operationSection__des {
    font-size: 16px;
    line-height: 2.2;
    text-align: center;
    font-weight: 800;
    margin: 0 0 50px; }
    @media only screen and (max-width: 768px) {
      .operationSection__des {
        font-size: 12px;
        line-height: 1.9;
        margin: 0 0 30px; } }
  .operationSection__tab, .operationSection__contents {
    width: 87%;
    max-width: 960px; }
  .operationSection__tab {
    margin: 0 auto 40px; }
    @media only screen and (max-width: 768px) {
      .operationSection__tab {
        margin: 0 auto 32px; } }
    .operationSection__tab .ele {
      width: 49%;
      background: #ffffff;
      text-align: center;
      border-radius: 5px;
      font-size: 16px;
      font-weight: 800;
      padding: 22px;
      letter-spacing: 1px;
      position: relative;
      cursor: pointer; }
      @media only screen and (max-width: 768px) {
        .operationSection__tab .ele {
          font-size: 12px;
          line-height: 1.2;
          padding: 11px; } }
      .operationSection__tab .ele.active {
        background: #010101;
        color: #ffffff; }
        .operationSection__tab .ele.active::before {
          display: block; }
      .operationSection__tab .ele:nth-of-type(1) {
        margin: 0 2% 0 0; }
      .operationSection__tab .ele::before {
        content: '';
        display: none;
        width: 17px;
        height: 10px;
        background-image: url(../images/tri_2.svg);
        -webkit-background-size: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        bottom: -19px;
        left: 50%;
        transform: translateX(-50%); }
        @media only screen and (max-width: 768px) {
          .operationSection__tab .ele::before {
            width: 15px;
            height: 8px;
            bottom: -16px; } }
  .operationSection__contents {
    margin: 0 auto; }
    .operationSection__contents .ele {
      display: none; }
    .operationSection__contents #ope_tab_2_contents {
      display: block; }

.modelSection {
  padding: 115px 0 80px;
  background-image: url(../images/bg_5@2x.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  margin: 0 0 97px; }
  @media only screen and (max-width: 768px) {
    .modelSection {
      padding: 36px 0 30px;
      margin: 0 0 32px; } }
  .modelSection__top {
    width: 62%;
    max-width: 459px;
    margin: 0 auto 30px;
    padding: 18px 0 19px; }
    @media only screen and (max-width: 768px) {
      .modelSection__top {
        padding: 45px 0 0;
        margin: 0 auto 20px; } }
  .modelSection__des {
    width: 80%;
    font-size: 16px;
    line-height: 2.2;
    font-weight: 800;
    text-align: center;
    margin: 0 auto 45px; }
    @media only screen and (max-width: 768px) {
      .modelSection__des {
        font-size: 12px;
        line-height: 1.9;
        margin: 0 auto 30px; } }
  .modelSection__inner {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    width: 87%;
    max-width: 960px;
    margin: 0 auto;
    padding: 60px 70px;
    background: #ffffff;
    border-radius: 5px; }
    @media only screen and (max-width: 768px) {
      .modelSection__inner {
        padding: 25px 20px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start; } }
    .modelSection__inner .main {
      width: 44%;
      margin: 0 0 0 10%; }
      @media only screen and (max-width: 768px) {
        .modelSection__inner .main {
          width: 100%;
          margin: 0 0 14px; } }
      .modelSection__inner .main .ttl {
        background-image: url(../images/bg_6.svg);
        background-size: 100%;
        background-position: bottom center;
        width: 70%;
        margin: 0 auto 27px; }
        @media only screen and (max-width: 768px) {
          .modelSection__inner .main .ttl {
            width: 51%;
            margin: 0 auto 13px; } }
        .modelSection__inner .main .ttl .dots {
          width: 156px;
          padding: 0 44px 9px 13px;
          margin: 0 auto; }
          @media only screen and (max-width: 768px) {
            .modelSection__inner .main .ttl .dots {
              width: 62px;
              padding: 0 15px 6px 0; } }
        .modelSection__inner .main .ttl .text {
          font-size: 30px;
          font-weight: 900;
          font-family: "Noto Sans JP", sans-serif;
          text-align: center; }
          @media only screen and (max-width: 768px) {
            .modelSection__inner .main .ttl .text {
              font-size: 15px; } }
      .modelSection__inner .main .bgTtl {
        background: #243369;
        color: #ffffff;
        width: 89%;
        margin: 0 auto;
        position: relative;
        font-size: 20px;
        font-family: "Noto Sans JP", sans-serif;
        text-align: center;
        font-weight: 700;
        height: 50px;
        padding: 15px 0 0; }
        @media only screen and (max-width: 768px) {
          .modelSection__inner .main .bgTtl {
            font-size: 11px;
            height: 30px;
            padding: 9px 0 0; } }
        .modelSection__inner .main .bgTtl::before, .modelSection__inner .main .bgTtl::after {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          width: 0;
          height: 0;
          border-style: solid; }
        .modelSection__inner .main .bgTtl::before {
          border-width: 25px 0 25px 20px;
          border-color: transparent transparent transparent #243369;
          right: -20px; }
          @media only screen and (max-width: 768px) {
            .modelSection__inner .main .bgTtl::before {
              border-width: 15px 0 15px 10px;
              right: -10px; } }
        .modelSection__inner .main .bgTtl::after {
          border-width: 25px 20px 25px 0;
          border-color: transparent #243369 transparent transparent;
          left: -20px; }
          @media only screen and (max-width: 768px) {
            .modelSection__inner .main .bgTtl::after {
              border-width: 15px 10px 15px 0;
              left: -10px; } }
      .modelSection__inner .main .price {
        position: relative;
        text-align: center;
        margin: 0 0 15px; }
        @media only screen and (max-width: 768px) {
          .modelSection__inner .main .price {
            margin: 0 0 9px; } }
        .modelSection__inner .main .price > span {
          display: inline-block;
          font-family: "Noto Sans JP", sans-serif; }
        .modelSection__inner .main .price .lg {
          font-weight: 900;
          font-size: 90px;
          color: #F03748;
          line-height: 1.4; }
          @media only screen and (max-width: 1439px) {
            .modelSection__inner .main .price .lg {
              font-size: 86px; } }
          @media only screen and (max-width: 768px) {
            .modelSection__inner .main .price .lg {
              font-size: 50px; } }
        .modelSection__inner .main .price .md {
          font-weight: 900;
          font-size: 44px;
          color: #F03748; }
          @media only screen and (max-width: 1439px) {
            .modelSection__inner .main .price .md {
              font-size: 42px; } }
          @media only screen and (max-width: 768px) {
            .modelSection__inner .main .price .md {
              font-size: 27px; } }
        .modelSection__inner .main .price .sm {
          font-weight: 700;
          font-size: 18px;
          position: absolute;
          top: 29px;
          right: 8px; }
          @media only screen and (max-width: 1439px) {
            .modelSection__inner .main .price .sm {
              right: 50%;
              transform: translateX(190%); } }
          @media only screen and (max-width: 768px) {
            .modelSection__inner .main .price .sm {
              font-size: 12px;
              top: 16px;
              transform: translateX(180%); } }
      .modelSection__inner .main .caution {
        font-size: 14px;
        font-weight: 800;
        text-align: center; }
        @media only screen and (max-width: 768px) {
          .modelSection__inner .main .caution {
            font-size: 10px;
            line-height: 1.5; } }
    .modelSection__inner .table {
      width: 46%;
      border-top: 1px solid #F0EFEF;
      border-left: 1px solid #F0EFEF;
      border-collapse: collapse; }
      @media only screen and (max-width: 768px) {
        .modelSection__inner .table {
          width: 100%; } }
      .modelSection__inner .table tbody, .modelSection__inner .table tr {
        width: 100%; }
        .modelSection__inner .table tbody th, .modelSection__inner .table tbody td, .modelSection__inner .table tr th, .modelSection__inner .table tr td {
          border-bottom: 1px solid #F0EFEF;
          border-right: 1px solid #F0EFEF;
          font-size: 18px;
          font-family: "Noto Sans JP", sans-serif;
          font-weight: 700;
          text-align: center;
          line-height: 1.5;
          padding: 16px 0; }
          @media only screen and (max-width: 768px) {
            .modelSection__inner .table tbody th, .modelSection__inner .table tbody td, .modelSection__inner .table tr th, .modelSection__inner .table tr td {
              font-size: 11px;
              padding: 6px 0; } }
      .modelSection__inner .table .yel {
        background: #FFF9C4; }
      .modelSection__inner .table .red {
        background: #F03748; }
        .modelSection__inner .table .red th, .modelSection__inner .table .red td {
          color: #ffffff; }
    .modelSection__inner .btn {
      display: none; }

.modelOptionSection {
  margin: 0 0 100px; }
  @media only screen and (max-width: 768px) {
    .modelOptionSection {
      margin: 0 0 50px; } }
  .modelOptionSection__ttl {
    margin: 0 0 75px; }
    @media only screen and (max-width: 768px) {
      .modelOptionSection__ttl {
        margin: 0 0 39px; } }
    .modelOptionSection__ttl.ttl1 {
      background-size: 266px; }
      @media only screen and (max-width: 768px) {
        .modelOptionSection__ttl.ttl1 {
          -webkit-background-size: 142px;
          background-size: 142px; } }
    .modelOptionSection__ttl.ttl2 {
      -webkit-background-size: 131px;
      background-size: 131px; }
      @media only screen and (max-width: 768px) {
        .modelOptionSection__ttl.ttl2 {
          -webkit-background-size: 70px;
          background-size: 70px; } }
  .modelOptionSection__content {
    align-items: center;
    flex-wrap: wrap;
    width: 84%;
    max-width: 1075px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .modelOptionSection__content {
        flex-direction: column; } }
    .modelOptionSection__content .image {
      width: 49%;
      margin: 0 4% 0 0; }
      @media only screen and (max-width: 768px) {
        .modelOptionSection__content .image {
          width: 100%;
          margin: 0 0 20px; } }
    .modelOptionSection__content .detail {
      width: 47%; }
      @media only screen and (max-width: 768px) {
        .modelOptionSection__content .detail {
          width: 100%; } }
      .modelOptionSection__content .detail p, .modelOptionSection__content .detail b {
        font-size: 14px;
        line-height: 2.2; }
        @media only screen and (max-width: 768px) {
          .modelOptionSection__content .detail p, .modelOptionSection__content .detail b {
            font-size: 11px;
            line-height: 2.1; } }
      .modelOptionSection__content .detail > a {
        margin: 40px 0 0; }
        @media only screen and (max-width: 768px) {
          .modelOptionSection__content .detail > a {
            margin: 20px auto 0; } }
    .modelOptionSection__content .ctaSection__btn {
      margin: 50px auto 0; }
      @media only screen and (max-width: 768px) {
        .modelOptionSection__content .ctaSection__btn {
          margin: 25px auto 0; } }

.flowSection {
  padding: 125px 0 110px;
  background-image: url(../images/bg_5@2x.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  margin: 0 0 133px; }
  @media only screen and (max-width: 768px) {
    .flowSection {
      padding: 44px 0 40px;
      margin: 0 0 41px; } }
  .flowSection__ttl {
    width: 57%;
    background-size: 359px;
    margin: 0 auto 57px;
    padding: 33px 0 38px; }
    @media only screen and (max-width: 768px) {
      .flowSection__ttl {
        padding: 26px 0 0;
        margin: 0 auto 20px;
        background-size: 123px; } }
  .flowSection__inner {
    width: 84%;
    max-width: 1070px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .flowSection__inner {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start; } }
    .flowSection__inner .list {
      align-items: stretch;
      margin: 0 0 40px; }
      @media only screen and (max-width: 768px) {
        .flowSection__inner .list {
          width: calc(100% - 52px);
          flex-direction: column;
          align-items: flex-start;
          margin: 0; } }
      .flowSection__inner .list .ele {
        width: 14.4%;
        background: #ffffff;
        font-size: 18px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 700;
        text-align: center;
        position: relative;
        border-radius: 5px;
        margin: 0 2.7% 0 0;
        line-height: 1.4; }
        @media only screen and (max-width: 1439px) {
          .flowSection__inner .list .ele {
            font-size: 17px; } }
        @media only screen and (max-width: 768px) {
          .flowSection__inner .list .ele {
            width: calc(100% - 17px);
            font-size: 12px;
            margin: 0 0 10px 17px; } }
        .flowSection__inner .list .ele:nth-last-of-type(1) {
          margin: 0; }
          @media only screen and (max-width: 768px) {
            .flowSection__inner .list .ele:nth-last-of-type(1) {
              margin: 0 0 10px 17px; } }
        .flowSection__inner .list .ele.sm {
          padding: 59px 0 46px; }
          @media only screen and (max-width: 768px) {
            .flowSection__inner .list .ele.sm {
              padding: 25px 0; } }
        .flowSection__inner .list .ele.lg {
          padding: 45px 0 34px; }
          @media only screen and (max-width: 768px) {
            .flowSection__inner .list .ele.lg {
              padding: 25px 0; } }
        .flowSection__inner .list .ele .number {
          width: 50px;
          height: 50px;
          position: absolute;
          top: 0;
          left: 50%;
          transform: translate(-50%, -50%);
          background: #243369;
          color: #ffffff;
          font-family: "M PLUS Rounded 1c", sans-serif;
          text-align: center;
          font-size: 19px;
          border-radius: 50%;
          padding: 16px 0 0; }
          @media only screen and (max-width: 768px) {
            .flowSection__inner .list .ele .number {
              width: 35px;
              height: 35px;
              top: 50%;
              left: 0;
              transform: translate(-50%, -50%);
              font-size: 13px;
              padding: 11px 0 0; } }
    .flowSection__inner .text {
      font-size: 20px;
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 700;
      color: #ffffff;
      background: #243369;
      padding: 14px 0 0;
      text-align: center;
      width: calc(100% - 20px);
      height: 50px;
      margin: 0 20px 0 0;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .flowSection__inner .text {
          writing-mode: vertical-rl;
          font-size: 12px;
          padding: 0 14px 0 0;
          width: 40px;
          min-height: 436px;
          margin: 0 0 0 12px; } }
      .flowSection__inner .text::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 25px 0 25px 20px;
        border-color: transparent transparent transparent #243369;
        right: -20px; }
        @media only screen and (max-width: 768px) {
          .flowSection__inner .text::before {
            top: auto;
            bottom: -10px;
            right: 0;
            border-width: 10px 20px 0 20px;
            border-color: #243369 transparent transparent transparent; } }

.costSection__ttl {
  width: 47%;
  max-width: 359px;
  margin: 0 auto 32px;
  font-size: 46px;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  text-align: center;
  padding: 35px 0 38px;
  background-size: contain; }
  @media only screen and (max-width: 768px) {
    .costSection__ttl {
      padding: 24px 0 0;
      margin: 0 auto 25px;
      font-size: 25px; } }
.costSection__des {
  width: 87%;
  font-size: 16px;
  line-height: 2.2;
  font-weight: 800;
  text-align: center;
  margin: 0 auto 76px; }
  @media only screen and (max-width: 768px) {
    .costSection__des {
      font-size: 12px;
      margin: 0 auto 25px;
      line-height: 1.9; } }
.costSection__top {
  align-items: center;
  justify-content: center;
  width: 87%;
  max-width: 744px;
  margin: 0 auto 30px; }
  .costSection__top .plus {
    font-size: 60px;
    font-weight: 900;
    font-family: "Noto Sans JP", sans-serif;
    width: 4%;
    margin: 0 60px; }
    @media only screen and (max-width: 768px) {
      .costSection__top .plus {
        font-size: 30px;
        width: 6%;
        margin: 0 17px; } }
  .costSection__top .ele:nth-of-type(1) {
    width: 26%; }
    @media only screen and (max-width: 768px) {
      .costSection__top .ele:nth-of-type(1) {
        width: 35%; } }
  .costSection__top .ele:nth-of-type(3) {
    width: 52%; }
    @media only screen and (max-width: 768px) {
      .costSection__top .ele:nth-of-type(3) {
        width: 45%; } }
  .costSection__top .ele .icon {
    height: 60px;
    width: auto;
    display: block;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .costSection__top .ele .icon {
        height: 30px;
        margin: 0 auto 10px; } }
  .costSection__top .ele .ttl {
    font-size: 48px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    text-align: center;
    background-position: top center;
    -webkit-background-size: contain;
    background-size: contain;
    padding: 19px 0 0; }
    @media only screen and (max-width: 768px) {
      .costSection__top .ele .ttl {
        font-size: 24px;
        padding: 0; } }
    .costSection__top .ele .ttl .sm {
      font-size: 18px;
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 900; }
      @media only screen and (max-width: 768px) {
        .costSection__top .ele .ttl .sm {
          font-size: 10px; } }
  .costSection__top .ele .price {
    text-align: center;
    margin: 0 0 18px; }
    @media only screen and (max-width: 768px) {
      .costSection__top .ele .price {
        margin: 5px 0 7px; } }
    .costSection__top .ele .price > span {
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 900;
      display: inline-block; }
    .costSection__top .ele .price .sm {
      font-size: 40px; }
      @media only screen and (max-width: 768px) {
        .costSection__top .ele .price .sm {
          font-size: 14px; } }
    .costSection__top .ele .price .lg {
      font-size: 80px;
      line-height: 1.3; }
      @media only screen and (max-width: 768px) {
        .costSection__top .ele .price .lg {
          font-size: 33px; } }
  .costSection__top .ele .text {
    color: #ffffff;
    background: #243369;
    position: relative;
    height: 36px;
    text-align: center;
    font-size: 18px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    padding: 8px 0 0; }
    @media only screen and (max-width: 768px) {
      .costSection__top .ele .text {
        height: 24px;
        font-size: 11px;
        padding: 6px 0 0; } }
    .costSection__top .ele .text::before, .costSection__top .ele .text::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      width: 0;
      height: 0;
      border-style: solid; }
    .costSection__top .ele .text::before {
      border-width: 18px 0 18px 14px;
      border-color: transparent transparent transparent #243369;
      right: -14px; }
      @media only screen and (max-width: 768px) {
        .costSection__top .ele .text::before {
          border-width: 12px 0 12px 7px;
          right: -7px; } }
    .costSection__top .ele .text::after {
      border-width: 18px 14px 18px 0;
      border-color: transparent #243369 transparent transparent;
      left: -14px; }
      @media only screen and (max-width: 768px) {
        .costSection__top .ele .text::after {
          border-width: 12px 7px 12px 0;
          left: -7px; } }
.costSection__bottom {
  background-image: url(../images/bg_14.svg);
  -webkit-background-size: cover;
  background-size: cover;
  background-position: top center;
  padding: 115px 0 82px; }
  @media only screen and (max-width: 768px) {
    .costSection__bottom {
      background-image: url(../images/bg_15.svg);
      padding: 60px 0 40px; } }
  .costSection__bottom__cost_0, .costSection__bottom__cost_1 {
    width: 87%;
    max-width: 960px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: rgba(1, 1, 1, 0.1) 0 0 10px; }
    @media only screen and (max-width: 768px) {
      .costSection__bottom__cost_0, .costSection__bottom__cost_1 {
        border-radius: 3px; } }
    .costSection__bottom__cost_0 .ttl p, .costSection__bottom__cost_1 .ttl p {
      font-size: 24px;
      text-align: center;
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 700;
      -webkit-background-size: contain;
      background-size: contain;
      background-position: center top;
      padding: 35px 0 0; }
      @media only screen and (max-width: 768px) {
        .costSection__bottom__cost_0 .ttl p, .costSection__bottom__cost_1 .ttl p {
          font-size: 14px;
          padding: 18px 0 0; } }
  .costSection__bottom__plus {
    font-size: 80px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .costSection__bottom__plus {
        font-size: 40px;
        margin: 7px 0; } }
  .costSection__bottom__cost_0 {
    align-items: center;
    padding: 19px 20px; }
    @media only screen and (max-width: 768px) {
      .costSection__bottom__cost_0 {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start; } }
    .costSection__bottom__cost_0 .ttl {
      width: 36%;
      margin: 0 8.5%; }
      @media only screen and (max-width: 768px) {
        .costSection__bottom__cost_0 .ttl {
          width: 100%;
          max-width: 242px;
          margin: 0 auto; } }
      .costSection__bottom__cost_0 .ttl p {
        background-image: url(../images/ico_coin.svg);
        margin: 0 0 23px; }
        @media only screen and (max-width: 768px) {
          .costSection__bottom__cost_0 .ttl p {
            margin: 0 0 17px; } }
    .costSection__bottom__cost_0 .sub_ttl {
      width: 5%;
      margin: 0 2% 0 0; }
      @media only screen and (max-width: 768px) {
        .costSection__bottom__cost_0 .sub_ttl {
          width: 100%;
          margin: 19px 0 5px; } }
    .costSection__bottom__cost_0 .list {
      width: 40%; }
      @media only screen and (max-width: 768px) {
        .costSection__bottom__cost_0 .list {
          width: 100%; } }
      .costSection__bottom__cost_0 .list li {
        font-size: 18px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 700;
        border: 2px solid #283465;
        border-radius: 5px;
        padding: 18px;
        text-align: center;
        margin: 0 0 10px;
        letter-spacing: 1px; }
        @media only screen and (max-width: 768px) {
          .costSection__bottom__cost_0 .list li {
            border: 1px solid #283465;
            font-size: 12px;
            padding: 5px 7px 9px;
            margin: 0 0 5px;
            border-radius: 3px; } }
        .costSection__bottom__cost_0 .list li:nth-last-of-type(1) {
          margin: 0; }
        .costSection__bottom__cost_0 .list li .lg {
          font-family: "Noto Sans JP", sans-serif;
          font-size: 28px;
          font-weight: 900;
          margin: 0 0 0 13px;
          display: inline-block;
          letter-spacing: 1px; }
          @media only screen and (max-width: 768px) {
            .costSection__bottom__cost_0 .list li .lg {
              font-size: 17px;
              margin: 0 0 0 9px; } }
  .costSection__bottom__cost_1 {
    padding: 50px 100px; }
    @media only screen and (max-width: 768px) {
      .costSection__bottom__cost_1 {
        padding: 25px 20px 20px; } }
    .costSection__bottom__cost_1 > .ttl {
      margin: 0 0 30px; }
      @media only screen and (max-width: 768px) {
        .costSection__bottom__cost_1 > .ttl {
          margin: 0 0 15px; } }
      .costSection__bottom__cost_1 > .ttl p {
        background-image: url(../images/ico_star.svg); }
    .costSection__bottom__cost_1 > dl {
      margin: 0 0 50px; }
      @media only screen and (max-width: 768px) {
        .costSection__bottom__cost_1 > dl {
          margin: 0 0 23px; } }
      .costSection__bottom__cost_1 > dl:nth-last-of-type(1) {
        margin: 0; }
      .costSection__bottom__cost_1 > dl dt {
        background: #243369;
        color: #ffffff;
        font-size: 18px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 700;
        text-align: center;
        position: relative;
        height: 36px;
        width: calc(100% - 42px);
        margin: 0 auto;
        padding: 8px; }
        @media only screen and (max-width: 768px) {
          .costSection__bottom__cost_1 > dl dt {
            height: 30px;
            font-size: 11px;
            width: calc(100% - 22px);
            padding: 10px; } }
        .costSection__bottom__cost_1 > dl dt::before, .costSection__bottom__cost_1 > dl dt::after {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          width: 0;
          height: 0;
          border-style: solid;
          z-index: 1; }
        .costSection__bottom__cost_1 > dl dt::before {
          right: -21px;
          border-width: 18px 0 18px 21px;
          border-color: transparent transparent transparent #243369; }
          @media only screen and (max-width: 768px) {
            .costSection__bottom__cost_1 > dl dt::before {
              right: -11px;
              border-width: 15px 0 15px 11px; } }
        .costSection__bottom__cost_1 > dl dt::after {
          left: -21px;
          border-width: 18px 21px 18px 0;
          border-color: transparent #243369 transparent transparent; }
          @media only screen and (max-width: 768px) {
            .costSection__bottom__cost_1 > dl dt::after {
              left: -11px;
              border-width: 15px 11px 15px 0; } }
      .costSection__bottom__cost_1 > dl dd .cost {
        text-align: center; }
        .costSection__bottom__cost_1 > dl dd .cost span {
          font-family: "Noto Sans JP", sans-serif;
          font-weight: 900; }
        .costSection__bottom__cost_1 > dl dd .cost .sm {
          font-size: 16px; }
          @media only screen and (max-width: 768px) {
            .costSection__bottom__cost_1 > dl dd .cost .sm {
              font-size: 10px; } }
        .costSection__bottom__cost_1 > dl dd .cost .md {
          font-size: 40px; }
          @media only screen and (max-width: 768px) {
            .costSection__bottom__cost_1 > dl dd .cost .md {
              font-size: 25px; } }
        .costSection__bottom__cost_1 > dl dd .cost .lg {
          font-size: 80px;
          line-height: 1.6;
          display: inline-block;
          margin: 0 5px; }
          @media only screen and (max-width: 768px) {
            .costSection__bottom__cost_1 > dl dd .cost .lg {
              font-size: 45px;
              margin: 0 8px; } }
      .costSection__bottom__cost_1 > dl dd .or {
        font-size: 40px;
        font-family: "Noto Sans JP", sans-serif;
        color: #243369;
        font-weight: 900;
        text-align: center;
        padding: 9px 0 17px; }
        @media only screen and (max-width: 768px) {
          .costSection__bottom__cost_1 > dl dd .or {
            font-size: 22px;
            padding: 4px 0 8px; } }
      .costSection__bottom__cost_1 > dl dd .ele {
        align-items: center;
        border: 2px solid #243369;
        border-radius: 5px;
        padding: 20px; }
        @media only screen and (max-width: 768px) {
          .costSection__bottom__cost_1 > dl dd .ele {
            flex-direction: column;
            align-items: flex-start;
            border: 1px solid #243369;
            border-radius: 3px;
            padding: 22px 15px 15px; } }
        .costSection__bottom__cost_1 > dl dd .ele:nth-of-type(1) {
          margin: 30px 0 0; }
          @media only screen and (max-width: 768px) {
            .costSection__bottom__cost_1 > dl dd .ele:nth-of-type(1) {
              margin: 15px 0 0; } }
        .costSection__bottom__cost_1 > dl dd .ele .top {
          width: 40%;
          margin: 0 7%; }
          @media only screen and (max-width: 768px) {
            .costSection__bottom__cost_1 > dl dd .ele .top {
              width: 100%;
              margin: 0 0 10px; } }
          .costSection__bottom__cost_1 > dl dd .ele .top .icon {
            max-width: 42px;
            max-height: 34px;
            width: auto;
            height: 100%;
            margin: 0 auto 10px; }
            @media only screen and (max-width: 768px) {
              .costSection__bottom__cost_1 > dl dd .ele .top .icon {
                max-width: 31px;
                max-height: 21px;
                margin: 0 auto 5px; } }
          .costSection__bottom__cost_1 > dl dd .ele .top .user {
            font-size: 16px;
            font-family: "Noto Sans JP", sans-serif;
            font-weight: 700;
            margin: 0 0 14px;
            text-align: center;
            line-height: 1.5; }
            @media only screen and (max-width: 768px) {
              .costSection__bottom__cost_1 > dl dd .ele .top .user {
                font-size: 11px;
                margin: 0 0 8px; } }
          .costSection__bottom__cost_1 > dl dd .ele .top > .ttl {
            font-size: 26px;
            font-family: "Noto Sans JP", sans-serif;
            font-weight: 900;
            text-align: center; }
            @media only screen and (max-width: 768px) {
              .costSection__bottom__cost_1 > dl dd .ele .top > .ttl {
                font-size: 16px; } }
        .costSection__bottom__cost_1 > dl dd .ele .list {
          width: 46%;
          background: #F7F7F7;
          padding: 27px 25px; }
          @media only screen and (max-width: 768px) {
            .costSection__bottom__cost_1 > dl dd .ele .list {
              width: 100%;
              padding: 13px; } }
          .costSection__bottom__cost_1 > dl dd .ele .list li {
            font-size: 15px;
            line-height: 2.0;
            font-family: "Noto Sans JP", sans-serif;
            font-weight: 700;
            padding: 0 0 0 20px;
            position: relative; }
            @media only screen and (max-width: 768px) {
              .costSection__bottom__cost_1 > dl dd .ele .list li {
                font-size: 11px;
                line-height: 1.9;
                padding: 0 0 0 16px; } }
            .costSection__bottom__cost_1 > dl dd .ele .list li::before {
              content: '◆';
              display: inline-block;
              position: absolute;
              top: 0;
              left: 0; }
.costSection__lgText {
  text-align: center;
  font-size: 28px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  margin: 0 0 18px; }
  @media only screen and (max-width: 768px) {
    .costSection__lgText {
      font-size: 16px;
      margin: 0 0 13px; } }
.costSection__smText {
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: 700; }
  @media only screen and (max-width: 768px) {
    .costSection__smText {
      font-size: 10px; } }

.faqSection {
  padding: 123px 0 110px;
  background-image: url(../images/bg_5@2x.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  margin: 0 0 132px; }
  @media only screen and (max-width: 768px) {
    .faqSection {
      padding: 41px 0 40px;
      margin: 0 0 44px; } }
  .faqSection__ttl {
    width: 48%;
    background-size: 288px;
    margin: 0 auto 5px;
    padding: 49px 0 75px; }
    @media only screen and (max-width: 768px) {
      .faqSection__ttl {
        background-size: 90px;
        padding: 23px 0 0;
        margin: 0 auto 20px; } }
  .faqSection__list {
    width: 87%;
    max-width: 960px;
    margin: 0 auto 62px; }
    @media only screen and (max-width: 768px) {
      .faqSection__list {
        margin: 0 auto 30px; } }
    .faqSection__list .ele {
      background: #ffffff;
      border-radius: 5px;
      padding: 33px 0;
      margin: 0 0 15px;
      cursor: pointer;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .faqSection__list .ele {
          padding: 15px 0 45px;
          margin: 0 0 10px; } }
      .faqSection__list .ele.active .icon {
        transform: translateY(-50%) rotate(180deg); }
        @media only screen and (max-width: 768px) {
          .faqSection__list .ele.active .icon {
            transform: translateX(50%) rotate(180deg); } }
      .faqSection__list .ele .q, .faqSection__list .ele .a {
        display: inline-block;
        width: 24px;
        font-size: 24px;
        font-family: "M PLUS Rounded 1c", sans-serif;
        margin: 0 15px 0 0; }
        @media only screen and (max-width: 768px) {
          .faqSection__list .ele .q, .faqSection__list .ele .a {
            display: block;
            font-size: 15px;
            margin: 0 auto 10px;
            width: 15px; } }
      .faqSection__list .ele .text {
        display: inline-block;
        width: calc(100% - 24px - 20px);
        font-size: 22px;
        line-height: 1.5;
        font-family: "Noto Sans JP", sans-serif; }
        @media only screen and (max-width: 768px) {
          .faqSection__list .ele .text {
            display: block;
            width: 100%;
            font-size: 14px;
            text-align: center; } }
      .faqSection__list .ele .question {
        padding: 0 50px; }
        @media only screen and (max-width: 768px) {
          .faqSection__list .ele .question {
            padding: 0 15px; } }
        .faqSection__list .ele .question .text {
          font-weight: 900; }
      .faqSection__list .ele .answer {
        padding: 33px 50px 30px;
        margin: 33px 0 0;
        border-top: 2px solid #f7f7f7;
        display: none; }
        @media only screen and (max-width: 768px) {
          .faqSection__list .ele .answer {
            padding: 15px;
            margin: 15px 0 0;
            border-top: 1px solid #f7f7f7; } }
        .faqSection__list .ele .answer .ttl {
          margin: 0 0 25px; }
          @media only screen and (max-width: 768px) {
            .faqSection__list .ele .answer .ttl {
              margin: 0 0 15px; } }
          .faqSection__list .ele .answer .ttl .a, .faqSection__list .ele .answer .ttl .text {
            color: #F03748; }
          .faqSection__list .ele .answer .ttl .text {
            font-weight: 700; }
        .faqSection__list .ele .answer .des, .faqSection__list .ele .answer .image {
          width: 88%; }
          @media only screen and (max-width: 768px) {
            .faqSection__list .ele .answer .des, .faqSection__list .ele .answer .image {
              width: 100%; } }
        .faqSection__list .ele .answer .des {
          margin: 0 auto;
          font-size: 14px;
          line-height: 2.2; }
          @media only screen and (max-width: 768px) {
            .faqSection__list .ele .answer .des {
              font-size: 12px;
              line-height: 2; } }
        .faqSection__list .ele .answer .image {
          margin: 40px auto 0; }
          @media only screen and (max-width: 768px) {
            .faqSection__list .ele .answer .image {
              margin: 20px auto 0; } }
      .faqSection__list .ele .icon {
        position: absolute;
        display: block;
        top: 50px;
        transform: translateY(-50%);
        right: 50px;
        width: 21px;
        z-index: 1;
        transition: 1s; }
        @media only screen and (max-width: 768px) {
          .faqSection__list .ele .icon {
            width: 14px;
            top: auto;
            bottom: 15px;
            right: 50%;
            transform: translateX(50%); } }
  .faqSection__bottom {
    width: 90%;
    max-width: 900px;
    margin: 0 auto; }
    .faqSection__bottom .ttl {
      background-image: url(../images/bg_8.svg);
      -webkit-background-size: contain;
      background-size: contain;
      background-position: bottom center;
      margin: 0 0 14px;
      text-align: center;
      padding: 0 0 12px; }
      @media only screen and (max-width: 768px) {
        .faqSection__bottom .ttl {
          background-image: url(../images/bg_10.svg);
          margin: 0 0 11px;
          padding: 0 0 8px; } }
      .faqSection__bottom .ttl .sm {
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 700;
        font-size: 24px;
        letter-spacing: 1px;
        margin: 0 0 10px; }
        @media only screen and (max-width: 768px) {
          .faqSection__bottom .ttl .sm {
            font-size: 14px;
            line-height: 1.5;
            margin: 0 0 6px; } }
      .faqSection__bottom .ttl .main {
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 900;
        font-size: 32px;
        letter-spacing: 1px;
        line-height: 1.5; }
        @media only screen and (max-width: 768px) {
          .faqSection__bottom .ttl .main {
            font-size: 18px; } }
    .faqSection__bottom .btns {
      width: 100%;
      max-width: 750px;
      margin: 0 auto; }
      .faqSection__bottom .btns .ele {
        width: 48%;
        transition: .4s; }
        .faqSection__bottom .btns .ele:hover {
          transform: translateY(-10px); }
        .faqSection__bottom .btns .ele:nth-of-type(1) {
          margin: 0 4% 0 0; }

.messageSection {
  margin: 0 0 120px; }
  @media only screen and (max-width: 768px) {
    .messageSection {
      margin: 0 0 50px; } }
  .messageSection__ttl {
    padding: 20px 0 23px;
    width: 90%;
    max-width: 647px;
    margin: 0 auto 45px; }
    @media only screen and (max-width: 768px) {
      .messageSection__ttl {
        padding: 22px 0 0;
        margin: 0 auto 28px; } }
  .messageSection__video {
    width: 87%;
    max-width: 800px;
    margin: 0 auto; }
    .messageSection__video iframe {
      width: 100%; }
      @media only screen and (max-width: 768px) {
        .messageSection__video iframe {
          height: 157px; } }

.aboutSection {
  padding: 0 0 51px;
  -webkit-background-size: cover;
  background-size: cover; }
  @media only screen and (max-width: 768px) {
    .aboutSection {
      padding: 0 0 40px; } }
  .aboutSection__ttl {
    width: 65%;
    background-size: 458px;
    padding: 37px 0 38px;
    margin: 0 auto 37px; }
    @media only screen and (max-width: 768px) {
      .aboutSection__ttl {
        background-size: 156px;
        padding: 24px 0 0;
        margin: 0 auto 20px; } }
  .aboutSection__text {
    width: 87%;
    max-width: 800px;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
    line-height: 2.2;
    margin: 0 auto 47px; }
    @media only screen and (max-width: 768px) {
      .aboutSection__text {
        font-size: 12px;
        line-height: 1.9;
        margin: 0 auto 30px; } }
  .aboutSection__inner {
    align-items: center;
    width: 87%;
    max-width: 960px;
    margin: 0 auto;
    border: 3px solid #FFE200;
    padding: 60px 80px;
    border-radius: 5px; }
    @media only screen and (max-width: 768px) {
      .aboutSection__inner {
        flex-direction: column;
        padding: 25px;
        border: 2px solid #FFE200; } }
    .aboutSection__inner .image {
      width: 46%;
      margin: 0 5% 0 0; }
      @media only screen and (max-width: 768px) {
        .aboutSection__inner .image {
          width: 100%;
          margin: 0 0 15px; } }
    .aboutSection__inner > table {
      width: 49%; }
      @media only screen and (max-width: 768px) {
        .aboutSection__inner > table {
          width: 100%; } }
      .aboutSection__inner > table tbody, .aboutSection__inner > table tr {
        width: 100%; }
        .aboutSection__inner > table tbody th, .aboutSection__inner > table tbody td, .aboutSection__inner > table tr th, .aboutSection__inner > table tr td {
          font-family: "Noto Sans JP", sans-serif;
          font-size: 15px;
          font-weight: 700;
          line-height: 1.8; }
          @media only screen and (max-width: 768px) {
            .aboutSection__inner > table tbody th, .aboutSection__inner > table tbody td, .aboutSection__inner > table tr th, .aboutSection__inner > table tr td {
              font-size: 10px;
              line-height: 2.0; } }
        .aboutSection__inner > table tbody th, .aboutSection__inner > table tr th {
          padding: 7px 20px 7px 0;
          vertical-align: top;
          text-align: left; }
          @media only screen and (max-width: 768px) {
            .aboutSection__inner > table tbody th, .aboutSection__inner > table tr th {
              padding: 3px 12px 3px 0; } }
        .aboutSection__inner > table tbody td, .aboutSection__inner > table tr td {
          padding: 7px 0; }
          @media only screen and (max-width: 768px) {
            .aboutSection__inner > table tbody td, .aboutSection__inner > table tr td {
              padding: 3px 0; } }

.footer {
  justify-content: space-between;
  width: 87%;
  max-width: 960px;
  margin: 0 auto;
  padding: 30px 0 23px; }
  @media only screen and (max-width: 768px) {
    .footer {
      padding: 12px 0 73px; } }
  .footer__logo {
    width: 133px; }
    @media only screen and (max-width: 768px) {
      .footer__logo {
        width: 96px; } }
  .footer__copy {
    width: 98px;
    font-size: 10px;
    font-weight: 800;
    margin: 14px 0 0; }
    @media only screen and (max-width: 768px) {
      .footer__copy {
        width: 103px;
        margin: 7px 0 0; } }

.fixedFooter {
  display: none; }
  @media only screen and (max-width: 768px) {
    .fixedFooter {
      display: none;
      flex-direction: row;
      justify-content: flex-start;
      align-items: stretch;
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 18;
      width: 100%; } }
  .fixedFooter .ele {
    width: 33.3%;
    height: 55px;
    text-align: center;
    padding: 13px 0 0; }
    .fixedFooter .ele:nth-of-type(1) {
      background: #22C755; }
    .fixedFooter .ele:nth-of-type(2) {
      background: #F03748; }
    .fixedFooter .ele:nth-of-type(3) {
      background: #243369; }
    .fixedFooter .ele > img {
      display: inline-block;
      width: 14px;
      margin: 0 3px 0 0;
      vertical-align: super; }
    .fixedFooter .ele > span {
      display: inline-block;
      font-size: 11px;
      line-height: 1.4;
      color: #ffffff;
      font-weight: 800;
      text-align: left; }

.goTop {
  position: fixed;
  width: 90px;
  z-index: 10;
  right: 50px;
  bottom: 108px;
  cursor: pointer; }
  @media only screen and (max-width: 768px) {
    .goTop {
      width: 45px;
      bottom: 67px;
      right: 20px; } }

.programPopup {
  background: rgba(1, 1, 1, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  padding: 82px 0 0;
  display: none; }
  @media only screen and (max-width: 768px) {
    .programPopup {
      padding: 93px 0 0; } }
  .programPopup__close {
    width: 42px;
    position: fixed;
    top: 35px;
    right: calc(50% - 490px - 42px);
    z-index: 12;
    cursor: pointer; }
    @media only screen and (max-width: 1199px) {
      .programPopup__close {
        right: 6.5%; } }
    @media only screen and (max-width: 768px) {
      .programPopup__close {
        width: 40px; } }
  .programPopup__inner {
    background: #ffffff;
    border-radius: 5px;
    width: 87%;
    max-width: 980px;
    margin: 0 auto;
    padding: 66px 95px 60px;
    height: calc(100% - 82px);
    overflow-y: scroll; }
    @media only screen and (max-width: 768px) {
      .programPopup__inner {
        padding: 43px 7% 33px;
        height: calc(100% - 93px); } }
    .programPopup__inner .ttl {
      background-size: 387px;
      margin: 0 0 30px; }
      @media only screen and (max-width: 768px) {
        .programPopup__inner .ttl {
          -webkit-background-size: 209px;
          background-size: 209px;
          margin: 0 0 45px; } }
      .programPopup__inner .ttl::before {
        display: none; }
    .programPopup__inner .topBlock {
      align-items: center;
      border: 2px solid #FFE200;
      padding: 18px 8%;
      margin: 0 0 40px; }
      @media only screen and (max-width: 768px) {
        .programPopup__inner .topBlock {
          border: 1px solid #FFE200;
          padding: 37px 20px 20px;
          position: relative;
          margin: 0 0 25px; } }
      .programPopup__inner .topBlock_ttl {
        width: 74px;
        height: 74px;
        background: #FFE200;
        font-family: "M PLUS Rounded 1c", sans-serif;
        font-size: 17px;
        line-height: 1.1;
        margin: 0 15px 0 0;
        border-radius: 50%;
        text-align: center;
        padding: 19px 0 0 3px;
        letter-spacing: 3px; }
        @media only screen and (max-width: 768px) {
          .programPopup__inner .topBlock_ttl {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1;
            width: 50px;
            height: 50px;
            font-size: 13px;
            margin: 0;
            padding: 11px 0 0 1px;
            letter-spacing: 2px; } }
      .programPopup__inner .topBlock_desc {
        width: calc(100% - 74px - 15px);
        font-size: 16px;
        line-height: 2.0;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 700; }
        @media only screen and (max-width: 768px) {
          .programPopup__inner .topBlock_desc {
            width: 100%;
            font-size: 12px;
            line-height: 2.0; } }
    .programPopup__inner .list {
      justify-content: space-between;
      align-items: stretch;
      margin: 0 0 30px;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .programPopup__inner .list {
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          margin: 0; } }
      .programPopup__inner .list::before {
        content: '';
        display: block;
        width: 90%;
        height: 6px;
        background-image: url(../images/dots_1@2x.png);
        position: absolute;
        top: 19px;
        left: 2%;
        z-index: 1;
        background-size: contain; }
        @media only screen and (max-width: 768px) {
          .programPopup__inner .list::before {
            width: 6px;
            height: 90%;
            background-image: url(../images/dots_2@2x.png);
            top: 5%;
            left: 10px; } }
      .programPopup__inner .list > li {
        width: 11%;
        position: relative;
        padding: 9px 7px 0; }
        @media only screen and (max-width: 768px) {
          .programPopup__inner .list > li {
            width: 100%;
            padding: 7px 0;
            margin: 12px 0; } }
        .programPopup__inner .list > li.bg_1 {
          background: #F7F7F7; }
          @media only screen and (max-width: 768px) {
            .programPopup__inner .list > li.bg_1 {
              height: 81px; } }
          @media only screen and (max-width: 768px) {
            .programPopup__inner .list > li.bg_1 .text {
              line-height: 67px;
              margin: 0 0 0 45px; } }
        .programPopup__inner .list > li .days {
          background: #243369;
          color: #ffffff;
          font-size: 12px;
          font-weight: 700;
          font-family: "Noto Sans JP", sans-serif;
          position: absolute;
          top: 9px;
          left: 50%;
          transform: translateX(-50%);
          width: 66%;
          text-align: center;
          height: 26px;
          padding: 7px 0 0;
          letter-spacing: 1px;
          z-index: 2; }
          @media only screen and (max-width: 768px) {
            .programPopup__inner .list > li .days {
              writing-mode: vertical-rl;
              height: 57px;
              width: 26px;
              font-size: 11px;
              top: 50%;
              left: 0;
              transform: translateY(-50%);
              padding: 0 8px; } }
          .programPopup__inner .list > li .days::before, .programPopup__inner .list > li .days::after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            width: 0;
            height: 0;
            border-style: solid; }
          .programPopup__inner .list > li .days::before {
            border-width: 13px 0 13px 7px;
            border-color: transparent transparent transparent #243369;
            right: -7px; }
            @media only screen and (max-width: 768px) {
              .programPopup__inner .list > li .days::before {
                border-width: 0 13px 5px 13px;
                border-color: transparent transparent #243369 transparent;
                right: 0;
                top: -5px; } }
          .programPopup__inner .list > li .days::after {
            border-width: 13px 7px 13px 0;
            border-color: transparent #243369 transparent transparent;
            left: -7px; }
            @media only screen and (max-width: 768px) {
              .programPopup__inner .list > li .days::after {
                border-width: 5px 13px 0 13px;
                border-color: #243369 transparent transparent transparent;
                left: 0;
                bottom: -5px;
                top: auto; } }
        .programPopup__inner .list > li .text {
          writing-mode: vertical-rl;
          font-size: 18px;
          font-family: "Noto Sans JP", sans-serif;
          font-weight: 700;
          height: 199px;
          margin: 0 auto;
          letter-spacing: 4px;
          text-align: center;
          padding: 30px 0 0; }
          @media only screen and (max-width: 768px) {
            .programPopup__inner .list > li .text {
              writing-mode: inherit;
              font-size: 12px;
              height: auto;
              letter-spacing: 2px;
              text-align: left;
              padding: 0;
              margin: 0 0 10px 45px; } }
        .programPopup__inner .list > li .notes {
          writing-mode: vertical-rl;
          font-size: 15px;
          font-family: "Noto Sans JP", sans-serif;
          color: #243369;
          background: #F5F9FD;
          margin: 0 auto;
          letter-spacing: 1px;
          line-height: 1.6;
          height: 373px;
          width: 100%;
          padding: 25px 25px; }
          @media only screen and (max-width: 768px) {
            .programPopup__inner .list > li .notes {
              writing-mode: inherit;
              font-size: 10px;
              line-height: 1.5;
              height: auto;
              padding: 6px 13px;
              margin: 0 0 0 45px;
              width: calc(100% - 45px); } }
          .programPopup__inner .list > li .notes.lg {
            padding: 25px 11px; }
            @media only screen and (max-width: 768px) {
              .programPopup__inner .list > li .notes.lg {
                padding: 6px 13px; } }
    .programPopup__inner .caution {
      font-size: 13px;
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 700;
      color: #3E3E3E;
      text-align: right; }
      @media only screen and (max-width: 768px) {
        .programPopup__inner .caution {
          font-size: 10px;
          text-align: left;
          line-height: 1.6;
          margin: 12px 0 0; } }

.pc_main_ttl,
.sp_main_ttl {
  width: 93%;
  max-width: 1082px;
  text-align: right;
  position: relative; }
  .pc_main_ttl .icon,
  .sp_main_ttl .icon {
    position: absolute;
    top: -40px;
    left: -40px;
    z-index: 1; }
    @media only screen and (max-width: 768px) {
      .pc_main_ttl .icon,
      .sp_main_ttl .icon {
        top: 0;
        left: 0; } }
  .pc_main_ttl .sm_text,
  .pc_main_ttl .lg_text,
  .sp_main_ttl .sm_text,
  .sp_main_ttl .lg_text {
    background-image: url(../images/bg_16.svg);
    background-repeat: repeat;
    color: #ffffff;
    font-weight: 700;
    display: inline-block;
    line-height: 1.3;
    padding: 10px 55px; }
    @media only screen and (max-width: 768px) {
      .pc_main_ttl .sm_text,
      .pc_main_ttl .lg_text,
      .sp_main_ttl .sm_text,
      .sp_main_ttl .lg_text {
        padding: 5px 12px; } }

.pc_main_ttl {
  margin: 101px auto 50px; }
  .pc_main_ttl .icon {
    width: 348px; }
  .pc_main_ttl .sm_text {
    font-size: 34px;
    margin: 0 0 10px; }
  .pc_main_ttl .lg_text {
    font-size: 54px; }

.sp_main_ttl {
  margin: 0 auto 25px;
  padding: 30px 0 0; }
  .sp_main_ttl .icon {
    width: 180px; }
  .sp_main_ttl .sm_text {
    font-size: 17px;
    margin: 0 0 4px; }
    .sp_main_ttl .sm_text:nth-of-type(2) {
      margin: 0 0 8px; }
  .sp_main_ttl .lg_text {
    font-size: 27px;
    margin: 0 0 4px; }

.youtubeSection {
  margin: 175px auto 130px;
  /* border: 3px solid #F9E24C; */
  padding: 84px 80px 55px;
  position: relative;
  width: 87%;
  max-width: 960px; }
  @media only screen and (max-width: 768px) {
    .youtubeSection {
      margin: 81px auto 68px;
      border: 2px solid #F9E24C;
      padding: 63px 25px 45px; } }
  .youtubeSection > iframe {
    width: 100%; }
    @media only screen and (max-width: 768px) {
      .youtubeSection > iframe {
        height: 40vw; } }
  .youtubeSection__ttl {
    font-size: 42px;
    line-height: 1.3;
    text-align: center;
    width: 82%;
    max-width: 644px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -60%);
    z-index: 1;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    /* background-color: #ffffff; */
    padding: 23px 0 0; }
    @media only screen and (max-width: 768px) {
      .youtubeSection__ttl {
        font-size: 21px;
        transform: translate(-50%, -50%);
        padding: 0; } }
    .youtubeSection__ttl::before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      background-image: url(../images/ttl_20.svg);
      -webkit-background-size: 55%;
      background-size: 55%;
      background-position: center;
      background-repeat: no-repeat;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1; }
      @media only screen and (max-width: 768px) {
        .youtubeSection__ttl::before {
          -webkit-background-size: 76%;
          background-size: 76%;
          background-position: top 20% center; } }
    .youtubeSection__ttl .icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 30px;
      z-index: 2; }
      @media only screen and (max-width: 768px) {
        .youtubeSection__ttl .icon {
          width: 15px;
          top: -7px;
          left: 20%; } }
  .youtubeSection__btn {
    display: block;
    width: 82%;
    max-width: 582px;
    border: 2px solid #0a0a0a;
    background-color: #0a0a0a;
    color: #F9E24C;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 60%);
    z-index: 1;
    border-radius: 10px;
    padding: 16px 0; }
    @media only screen and (max-width: 768px) {
      .youtubeSection__btn {
        font-size: 12px;
        text-align: left;
        padding: 5px 18px;
        border-radius: 5px;
        line-height: 1.5;
        transform: translate(-50%, 45%); } }
    .youtubeSection__btn:hover {
      background-color: #ffffff;
      color: #0a0a0a; }
      .youtubeSection__btn:hover .icon.def {
        display: none; }
      .youtubeSection__btn:hover .icon.col {
        display: inline-block; }
    .youtubeSection__btn .icon {
      width: 19px;
      margin: 0 0 -2px 7px; }
      @media only screen and (max-width: 768px) {
        .youtubeSection__btn .icon {
          position: absolute;
          top: 50%;
          right: 18px;
          width: 12px;
          transform: translateY(-50%);
          margin: 0; } }
      .youtubeSection__btn .icon.def {
        display: inline-block; }
      .youtubeSection__btn .icon.col {
        display: none; }

.main_lead {
  width: 87%;
  max-width: 1082px;
  margin: 0 auto 80px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    .main_lead {
      flex-direction: column;
      margin: 0 auto 10vw; } }
  .main_lead .text {
    width: calc(100% - 230px);
    margin: 0 40px 0 0;
    font-size: 20px;
    font-weight: 800;
    line-height: 2.5; }
    @media only screen and (max-width: 768px) {
      .main_lead .text {
        width: 100%;
        font-size: 13px;
        margin: 0 0 25px; } }
  .main_lead .btn {
    width: 190px;
    height: 190px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 1.5;
    color: #FFE200;
    font-weight: 800;
    text-align: center;
    padding: 60px 0 0;
    background-color: #000000; }
    @media only screen and (max-width: 768px) {
      .main_lead .btn {
        width: 130px;
        height: 130px;
        font-size: 14px;
        line-height: 1.3;
        padding: 43px 0 0; } }
    .main_lead .btn .icon {
      width: 20px;
      margin: 16px auto 0; }
      @media only screen and (max-width: 768px) {
        .main_lead .btn .icon {
          width: 15px;
          margin: 10px auto 0; } }

.recSection {
  background-image: url(../images/bg_7@2x.jpg);
  background-size: cover;
  padding: 74px 0 45px; }
  @media only screen and (max-width: 768px) {
    .recSection {
      padding: 85px 0 34px; } }
  .recSection__inner {
    background-color: #fff;
    width: 87%;
    max-width: 1000px;
    border-radius: 5px;
    padding: 0 100px 40px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .recSection__inner {
        padding: 25px; } }
    .recSection__inner .ttl {
      position: relative;
      margin: 0 0 35px; }
      @media only screen and (max-width: 768px) {
        .recSection__inner .ttl {
          margin: -52px 0 24px; } }
      .recSection__inner .ttl .fukidashi {
        position: absolute;
        top: -17px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
        width: 100%;
        max-width: 400px; }
        @media only screen and (max-width: 768px) {
          .recSection__inner .ttl .fukidashi {
            top: -41px;
            max-width: 235px; } }
      .recSection__inner .ttl .text {
        font-family: "Noto Sans JP", sans-serif;
        font-size: 25px;
        font-weight: 700;
        text-align: center;
        background-image: url(../images/bg_17.svg);
        background-size: contain;
        background-position: center bottom;
        padding: 45px 0 15px; }
        @media only screen and (max-width: 768px) {
          .recSection__inner .ttl .text {
            font-size: 15px;
            line-height: 1.2;
            padding: 0; } }
    .recSection__inner .list {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: flex-start;
      flex-wrap: wrap; }
      @media only screen and (max-width: 768px) {
        .recSection__inner .list {
          justify-content: flex-start; } }
      .recSection__inner .list .list_item {
        font-family: "Noto Sans JP", sans-serif;
        font-size: 27px;
        font-weight: 900;
        margin: 0 30px 26px 0; }
        @media only screen and (max-width: 768px) {
          .recSection__inner .list .list_item {
            font-size: 13px;
            width: 50%;
            margin: 0 0 15px; } }
        .recSection__inner .list .list_item::before {
          content: '';
          display: inline-block;
          width: 24px;
          height: 24px;
          background-image: url(../images/ico_check_1.svg);
          background-size: 100%;
          margin: 0 3px 0 0; }
          @media only screen and (max-width: 768px) {
            .recSection__inner .list .list_item::before {
              width: 12px;
              height: 12px; } }
    .recSection__inner .bottom_block {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      background-color: #FFFDEB;
      padding: 42px 100px;
      border-radius: 5px;
      margin: 21px 0 0; }
      @media only screen and (max-width: 768px) {
        .recSection__inner .bottom_block {
          flex-direction: column;
          padding: 19px 25px 9px;
          margin: 5px 0 0; } }
      .recSection__inner .bottom_block dt {
        width: 180px;
        margin: 0 36px 0 0;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 700;
        font-size: 16px;
        border: 1px solid #000000;
        text-align: center;
        padding: 43px 0;
        border-radius: 5px; }
        @media only screen and (max-width: 768px) {
          .recSection__inner .bottom_block dt {
            width: 100%;
            margin: 0 0 12px;
            font-size: 10px;
            padding: 7px 0; } }
      .recSection__inner .bottom_block dd {
        width: calc(100% - 216px); }
        @media only screen and (max-width: 768px) {
          .recSection__inner .bottom_block dd {
            width: 100%; } }
        .recSection__inner .bottom_block dd ul .list_item {
          font-size: 20px;
          line-height: 1.9;
          font-weight: 700;
          font-family: "Noto Sans JP", sans-serif; }
          @media only screen and (max-width: 768px) {
            .recSection__inner .bottom_block dd ul .list_item {
              font-size: 12px;
              line-height: 1.5;
              margin: 0 0 6px;
              position: relative;
              padding: 0 0 0 12px; } }
          .recSection__inner .bottom_block dd ul .list_item::before {
            content: '';
            display: inline-block;
            margin: 0 3px 0 0;
            width: 8px;
            height: 13px;
            background-image: url(../images/ico_arr_13.svg);
            background-size: 100%; }
            @media only screen and (max-width: 768px) {
              .recSection__inner .bottom_block dd ul .list_item::before {
                width: 4px;
                height: 7px;
                margin: 0;
                position: absolute;
                top: 6px;
                left: 0;
                z-index: 1; } }

.suiSection {
  background-image: url(../images/bg_18.jpg);
  background-size: cover;
  background-position: center;
  padding: 80px 0; }
  @media only screen and (max-width: 768px) {
    .suiSection {
      padding: 40px 0;
      margin: 0 0 50px; } }
  .suiSection__inner {
    width: 84%;
    max-width: 1000px;
    margin: 0 auto; }
    .suiSection__inner > .ttl {
      margin: 0 0 56px;
      text-align: center;
      padding: 0 95px;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .suiSection__inner > .ttl {
          margin: 0 0 27px;
          padding: 0 25px; } }
      .suiSection__inner > .ttl::before, .suiSection__inner > .ttl::after {
        content: '';
        display: block;
        width: 40px;
        height: 40px;
        background-image: url(../images/ico_line_2.svg);
        background-size: 100%;
        position: absolute;
        bottom: 0;
        z-index: 1; }
        @media only screen and (max-width: 768px) {
          .suiSection__inner > .ttl::before, .suiSection__inner > .ttl::after {
            width: 20px;
            height: 37px;
            background-image: url(../images/ico_line_3.svg); } }
      .suiSection__inner > .ttl::before {
        left: 0; }
      .suiSection__inner > .ttl::after {
        right: 0;
        transform: scale(-1, 1); }
      .suiSection__inner > .ttl .sm_text {
        font-size: 34px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 700;
        color: #fff;
        margin: 0 0 20px; }
        @media only screen and (max-width: 768px) {
          .suiSection__inner > .ttl .sm_text {
            font-size: 17px;
            margin: 0 0 10px; } }
      .suiSection__inner > .ttl .lg_text {
        font-size: 54px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 900;
        color: #FFE200;
        line-height: 1.2; }
        @media only screen and (max-width: 768px) {
          .suiSection__inner > .ttl .lg_text {
            font-size: 27px; } }
    .suiSection__inner .list {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: stretch;
      margin: 0 0 30px; }
      @media only screen and (max-width: 768px) {
        .suiSection__inner .list {
          flex-direction: column; } }
      .suiSection__inner .list_item {
        width: 32%;
        margin: 0 2% 0 0;
        background-color: #FFFFFF;
        border-radius: 5px;
        padding: 0 34px 50px; }
        @media only screen and (max-width: 768px) {
          .suiSection__inner .list_item {
            width: 100%;
            margin: 0 0 26px;
            padding: 0 25px 20px; } }
        .suiSection__inner .list_item:nth-of-type(3n) {
          margin: 0; }
        .suiSection__inner .list_item .fukidashi {
          width: 79%;
          margin: 0 auto 12px;
          transform: translateY(-50%); }
          @media only screen and (max-width: 768px) {
            .suiSection__inner .list_item .fukidashi {
              width: 50%;
              margin: 0 auto 3px; } }
        .suiSection__inner .list_item .ttl {
          font-size: 28px;
          font-family: "Noto Sans JP", sans-serif;
          font-weight: 900;
          text-align: center;
          margin: 0 0 19px; }
          @media only screen and (max-width: 768px) {
            .suiSection__inner .list_item .ttl {
              font-size: 16px;
              margin: 0 0 9px; } }
        .suiSection__inner .list_item .image {
          height: 90px;
          margin: 0 0 24px; }
          @media only screen and (max-width: 768px) {
            .suiSection__inner .list_item .image {
              height: 45px;
              margin: 0 0 7px; } }
          .suiSection__inner .list_item .image img {
            width: auto;
            height: 100%;
            margin: 0 auto; }
        .suiSection__inner .list_item .desc {
          font-size: 14px;
          line-height: 2; }
          @media only screen and (max-width: 768px) {
            .suiSection__inner .list_item .desc {
              font-size: 10px; } }
    .suiSection__inner .btn {
      display: block;
      width: 100%;
      max-width: 420px;
      margin: 0 auto;
      background-color: #243369;
      border-radius: 10px;
      padding: 5px; }
      @media only screen and (max-width: 768px) {
        .suiSection__inner .btn {
          padding: 3px; } }
      .suiSection__inner .btn .text {
        display: block;
        border: 1px solid #FFFFFF;
        border-radius: 8px;
        font-size: 22px;
        font-weight: 800;
        text-align: center;
        padding: 34px 0;
        color: #fff; }
        @media only screen and (max-width: 768px) {
          .suiSection__inner .btn .text {
            font-size: 16px;
            padding: 24px 0; } }
        .suiSection__inner .btn .text > b {
          display: inline-block;
          color: #FFE200;
          font-size: 22px;
          font-weight: 800; }
          @media only screen and (max-width: 768px) {
            .suiSection__inner .btn .text > b {
              font-size: 16px; } }
        .suiSection__inner .btn .text .icon {
          width: 18px;
          display: inline-block;
          margin: 0 0 0 3px; }
          @media only screen and (max-width: 768px) {
            .suiSection__inner .btn .text .icon {
              width: 9px; } }

/*# sourceMappingURL=style.css.map */