@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;500;700&display=swap");
/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Fix appearance for Firefox
 */
[type=number] {
  -moz-appearance: textfield;
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

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

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/*SVGスプライト用*/
.all_svg {
  display: none;
}

a {
  text-decoration: none;
  color: #000;
}

img {
  vertical-align: middle;
}

@media (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .pc {
    display: block;
  }
}

@media (max-width: 767px) {
  .sp {
    display: block;
  }
}
@media (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

/*	wow.jsのバグ対応 */
.fadeInUp,
.fadeInRight {
  opacity: 0;
}

html {
  -webkit-appearance: none;
  -webkit-text-size-adjust: 100%;
  font-size: min(1.3888888889vw, 10px);
  word-break: break-all;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #333;
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}

#container {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  overflow: hidden;
  padding: 1rem;
}

.main.top {
  padding-bottom: 18rem;
}

img {
  width: 100%;
  height: auto;
}

a {
  color: #333;
}

.inner {
  width: 90rem;
  margin: 0 auto;
  position: relative;
}

.color-red {
  color: #FE1717;
}

.bg-yellow {
  background: #FFDE59;
}

.bg-red {
  background: #FE1717;
}

.bg-blue {
  background: #0017E4;
}

.bg-green {
  background: #36D13C;
}

.bg-gray {
  background: #999999;
}

.bg-water {
  background: #1F96E2;
}

.border {
  background: linear-gradient(0deg, #FFDE59 30%, transparent 20%, transparent 100%);
}

.bold {
  font-weight: 700;
}

.text-shadow {
  text-shadow: 0 0 1rem #000;
}

@keyframes fluffy1 {
  0% {
    transform: translateY(0);
  }
  5% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-15px);
  }
  25% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-15px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes anime1 {
  from {
    transform: scale(0.9, 0.9);
  }
  to {
    transform: scale(1, 1);
  }
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.hinge {
  animation-duration: 2s;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
  animation-delay: 0.5s;
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes top_fv01_decorate {
  0% {
    opacity: 0;
    transform: translateY(-1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes top_fv01_wing_l {
  0% {
    transform: scale(0) rotate(-45deg);
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}
@keyframes top_fv01_wing_r {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}
@keyframes top_fv01_title {
  0% {
    opacity: 0;
    transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInLeft100_op {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInLeft100_op {
  animation-name: fadeInLeft100_op;
}

@keyframes fadeInRight100_op {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInRight100_op {
  animation-name: fadeInRight100_op;
}

.fix-link-btn {
  width: 100%;
  padding: 1rem 0;
  position: fixed;
  bottom: 0;
  left: 0;
  display: none;
}
.fix-link-btn a {
  display: block;
  width: 345px;
  margin: 0 auto;
}

.top-back-btn {
  width: 38.5rem;
  height: 6.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 0.1rem solid #333;
  border-radius: 3.1rem;
  margin: 0 auto;
  transition: all 0.4s ease;
}
@media (max-width: 767px) {
  .top-back-btn {
    width: 30rem;
    height: 5rem;
    border-radius: 2.5rem;
  }
}
.top-back-btn:hover {
  opacity: 0.7;
}

.top-fv {
  font-family: "Noto Serif JP", serif;
}
.top-fv__logo {
  display: flex;
  align-items: center;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  margin-bottom: 2rem;
}
.top-fv__logo .logo-icon {
  width: 16rem;
}
.top-fv__logo .logo-name {
  font-size: 3rem;
  color: #FA8403;
}
.top-fv__sub-catch {
  width: 100%;
  height: 10rem;
  background: linear-gradient(90deg, #2262C4 0%, #01A4FD 70%, #2262C4 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.top-fv__sub-catch p {
  font-size: 3rem;
  color: #fff;
}
.top-fv__catch {
  background: #F1F5FB;
  position: relative;
  padding-bottom: 3rem;
}
.top-fv__catch .catch-text {
  font-size: 6rem;
  text-align: center;
  letter-spacing: 0.15em;
  line-height: 1.4;
}
.top-fv__catch .catch-text:nth-of-type(2) {
  line-height: 1;
  margin-top: -1rem;
}
.top-fv__catch .catch-text .color-red {
  color: #E42223;
}
.top-fv__catch .catch-text .small {
  font-size: 3.8rem;
  letter-spacing: 0.1em;
}
.top-fv__catch .easy-icon {
  width: 15rem;
  height: 15rem;
  background: rgb(254, 23, 23);
  border-radius: 50%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  font-size: 3rem;
  line-height: 1.3;
  padding: 0 2rem;
  position: absolute;
  bottom: -6rem;
  right: 2rem;
}
.top-fv__catch .easy-icon p:nth-of-type(1) {
  font-size: 2.3rem;
  padding-bottom: 1rem;
  border-bottom: 0.1rem solid #fff;
  margin-bottom: 0.5rem;
}
.top-fv__images {
  display: flex;
  flex-wrap: wrap;
}
.top-fv__image {
  width: 50%;
  height: 21rem;
}
.top-fv__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.top-intro {
  margin-bottom: 3rem;
}
.top-intro__contents {
  background: linear-gradient(90deg, #1F96E2 0%, #00AAFE 50%, #1F96E2 100%);
  padding: 7rem 0 12rem;
  text-align: center;
  color: #fff;
  position: relative;
  line-height: 1.4;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 17rem), 50% 100%, 0 calc(100% - 17rem));
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 17rem), 50% 100%, 0 calc(100% - 17rem));
}
.top-intro__time {
  width: 20rem;
  height: 4.6rem;
  background: #fff;
  color: #333;
  font-size: 2.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  transform: rotate(-4deg);
  position: absolute;
  top: 2.2rem;
  left: 1.8rem;
}
.top-intro__if {
  font-size: 2.6rem;
  font-weight: 700;
  margin-bottom: 2rem;
  color: #F1CF21;
}
.top-intro__text p {
  font-size: 3.8rem;
  font-weight: 700;
}
.top-intro__text p:first-of-type {
  margin-bottom: 6rem;
}
.top-intro__text p span {
  font-size: 5.8rem;
  color: #E42223;
  text-shadow: 0.2rem 0.2rem 0 #fff, 0.2rem 0rem 0 #fff, 0rem 0.2rem 0 #fff, -0.2rem 0rem 0 #fff, 0rem -0.2rem 0 #fff, -0.2rem -0.2rem 0 #fff, -0.2rem 0.2rem 0 #fff, 0.2rem -0.2rem 0 #fff;
}

.top-sec01 {
  margin-bottom: 6rem;
}
.top-sec01 .question-item:not(:first-of-type) {
  margin-top: 10rem;
}
.top-sec01 .question-item__question {
  display: flex;
  border: 0.2rem solid #ddd;
}
.top-sec01 .question-item__question .question-num {
  width: 11rem;
  background: #2CADE8;
  border-left: 1.2rem solid #144167;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.4rem;
  font-weight: 700;
  color: #fff;
}
.top-sec01 .question-item__question .question-text {
  flex: 1;
  padding: 1.5rem;
  line-height: 1.4;
}
.top-sec01 .question-item__question .question-text p {
  font-size: 2.8rem;
  font-weight: 700;
}
.top-sec01 .question-item__question .question-text p span {
  font-size: 2.8rem;
}
.top-sec01 .question-item__image {
  aspect-ratio: 960/465;
  margin-bottom: 4rem;
}
.top-sec01 .question-item__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-sec01 .question-item__select {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  padding: 0 3rem;
}
.top-sec01 .question-item__select .check-item {
  display: flex;
  align-items: center;
  padding: 3rem 1.5rem;
  border: 0.2rem solid #333;
  position: relative;
  border-radius: 7.5rem;
}
.top-sec01 .question-item__select .check-item input {
  display: none;
}
.top-sec01 .question-item__select .check-item input + span {
  font-size: 2.6rem;
  line-height: 1.4;
  display: block;
  padding-left: 8rem;
  letter-spacing: 0.05em;
}
.top-sec01 .question-item__select .check-item input + span::before {
  content: "";
  width: 4.5rem;
  height: 4.5rem;
  border: 0.4rem solid #2CADE8;
  border-radius: 0.8rem;
  position: absolute;
  top: 50%;
  left: 3rem;
  transform: translateY(-50%);
}
.top-sec01 .question-item__select .check-item input + span::after {
  content: "";
  width: 6rem;
  height: 6rem;
  background-image: url(../../img/common/check-icon-naby.svg);
  position: absolute;
  top: 50%;
  left: 3rem;
  transform: translateY(calc(-50% - 0rem));
  opacity: 0.2;
}
.top-sec01 .question-item__select .check-item input:checked + span {
  color: #fff;
}
.top-sec01 .question-item__select .check-item input:checked + span::after {
  opacity: 1;
}
.top-sec01 .question-item__select .check-item:has(input:checked) {
  background: #FE1717;
}
.top-sec01 .question-item__select-r {
  display: flex;
  justify-content: center;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  -webkit-column-gap: 3rem;
}
.top-sec01 .question-item__select-r .radio-item {
  display: flex;
}
.top-sec01 .question-item__select-r .radio-item input {
  display: none;
}
.top-sec01 .question-item__select-r .radio-item input + span {
  width: 28rem;
  height: 13rem;
  background: #B9B4B4;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4rem;
  font-size: 4rem;
  font-weight: 700;
  color: #fff;
  position: relative;
  box-shadow: 0 0.7rem 0 #6f6c6c;
}
.top-sec01 .question-item__select-r .radio-item input:checked + span {
  background: #FF1616;
}
.top-sec01 .privilege {
  margin-top: 8rem;
}

.privilege__text {
  text-align: center;
}
.privilege__text p {
  font-size: 4rem;
  font-weight: 700;
  color: #FFDE59;
  text-shadow: 0.2rem 0.2rem 0 #FF1616, 0.2rem 0rem 0 #FF1616, 0rem 0.2rem 0 #FF1616, -0.2rem 0rem 0 #FF1616, 0rem -0.2rem 0 #FF1616, -0.2rem -0.2rem 0 #FF1616, -0.2rem 0.2rem 0 #FF1616, 0.2rem -0.2rem 0 #FF1616;
}
.privilege__text span {
  font-size: 3rem;
}
.privilege__anno {
  text-align: center;
}
.privilege__anno p {
  font-size: 2.4rem;
}
.privilege__arrow {
  width: 13.4rem;
  height: 6.6rem;
  background: #FE1717;
  margin: 2.8rem auto 6.5rem;
  -webkit-clip-path: polygon(0 calc(100% - 1.7rem), 50% 0, 100% calc(100% - 1.7rem), calc(100% - 2.5rem) calc(100% - 1.7rem), calc(100% - 2.5rem) 100%, 2.5rem 100%, 2.5rem calc(100% - 1.7rem));
          clip-path: polygon(0 calc(100% - 1.7rem), 50% 0, 100% calc(100% - 1.7rem), calc(100% - 2.5rem) calc(100% - 1.7rem), calc(100% - 2.5rem) 100%, 2.5rem 100%, 2.5rem calc(100% - 1.7rem));
  animation: fluffy1 2s ease infinite;
}
.privilege__please {
  text-align: center;
  position: relative;
}
.privilege__please .present-icon {
  width: 12rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.privilege__please .present-icon01 {
  left: 1rem;
}
.privilege__please .present-icon02 {
  right: 1rem;
}
.privilege__please p {
  font-size: 2.6rem;
  letter-spacing: 0;
  font-weight: 700;
}
.privilege .privilege-link {
  margin-top: 6rem;
  animation: anime1 0.5s ease 0s infinite alternate;
}
.privilege .privilege-link__text {
  text-align: center;
  margin-bottom: 1rem;
}
.privilege .privilege-link__text p {
  display: inline-block;
  font-size: 3.2rem;
  line-height: 1.3;
  font-weight: 700;
  position: relative;
  padding: 0 6rem;
  background: #FFDE59;
}
.privilege .privilege-link__text p::before, .privilege .privilege-link__text p::after {
  content: "";
  width: 0.3rem;
  height: 6rem;
  background: #333;
  position: absolute;
  top: 40%;
}
.privilege .privilege-link__text p::before {
  left: 2rem;
  transform: translateY(-50%) rotate(-30deg);
}
.privilege .privilege-link__text p::after {
  right: 2rem;
  transform: translateY(-50%) rotate(30deg);
}
.privilege .privilege-link__button {
  background: #3AD641;
  width: 61.8rem;
  height: 10.7rem;
  border-radius: 2rem;
  display: flex;
  align-items: center;
  padding: 0 2rem;
  margin: 0 auto;
  box-shadow: 0.5rem 0.5rem 0 #aaa;
}
.privilege .privilege-link__button .btn-icon {
  width: 4.8rem;
  height: 4.8rem;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
}
.privilege .privilege-link__button .btn-icon span {
  display: block;
  width: 1.8rem;
  height: 3.8rem;
  background: #FE1717;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.privilege .privilege-link__button .btn-text {
  flex: 1;
  text-align: center;
  font-size: 3.2rem;
  color: #fff;
  font-weight: 700;
  text-shadow: 0.2rem 0.2rem 0 #777, 0.2rem 0rem 0 #777, 0rem 0.2rem 0 #777, -0.2rem 0rem 0 #777, 0rem -0.2rem 0 #777, -0.2rem -0.2rem 0 #777, -0.2rem 0.2rem 0 #777, 0.2rem -0.2rem 0 #777;
}
.privilege .privilege-link__button .btn-text span {
  font-size: 6rem;
  color: #FE1717;
  text-shadow: 0.2rem 0.2rem 0 #fff, 0.2rem 0rem 0 #fff, 0rem 0.2rem 0 #fff, -0.2rem 0rem 0 #fff, 0rem -0.2rem 0 #fff, -0.2rem -0.2rem 0 #fff, -0.2rem 0.2rem 0 #fff, 0.2rem -0.2rem 0 #fff;
}

.privilege.bottom {
  margin-bottom: 6rem;
}

.show-container {
  display: none;
}

.top-sec02 {
  margin-bottom: 4rem;
}
.top-sec02__title {
  text-align: center;
  margin-bottom: 1rem;
}
.top-sec02__title h2 {
  font-size: 3rem;
  line-height: 1.4;
  font-weight: 700;
}
.top-sec02 .coupon-item__text {
  text-align: center;
  margin-bottom: 1rem;
}
.top-sec02 .coupon-item__text p {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.7;
  position: relative;
}
.top-sec02 .coupon-item__text p .cracker-icon {
  width: 13.6rem;
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
}
.top-sec02 .coupon-item__text p .cracker-icon01 {
  left: 3rem;
}
.top-sec02 .coupon-item__text p .cracker-icon02 {
  right: 3rem;
}
.top-sec02 .coupon-item__text p:first-of-type {
  margin-bottom: 0.5rem;
}
.top-sec02 .coupon-item__text p .large-size {
  font-size: 3.8rem;
  line-height: 1.3;
}
.top-sec02 .coupon-item__image {
  padding: 0 4rem;
  margin-bottom: 0.5rem;
}
.top-sec02 .coupon-item__anno {
  text-align: center;
  font-size: 2.4rem;
  margin-bottom: 2rem;
}
.top-sec02 .coupon-item__period {
  width: 60rem;
  margin: 0 auto 3.5rem;
  height: 8rem;
  background: #FE1717;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4.5rem;
  font-weight: 700;
}
.top-sec02 .coupon-item__period-anno {
  text-align: center;
  font-size: 2.9rem;
  font-weight: 700;
}

.top-sec04 {
  padding: 4rem 0 7.6rem;
}
.top-sec04__title {
  text-align: center;
  margin-bottom: 4rem;
}
.top-sec04__title h2 {
  font-size: 4.5rem;
  font-weight: 700;
}
.top-sec04__contents .text-area {
  text-align: center;
  line-height: 1.7;
}
.top-sec04__contents .text-area p {
  font-size: 3.2rem;
}
.top-sec04__contents .text-area p:not(:first-of-type) {
  margin-top: 1.5em;
}
.top-sec04__contents .fukidashi {
  width: 62rem;
  margin: 12rem auto 2rem;
  padding: 1rem;
  background: #1F96E2;
  font-size: 5rem;
  color: #FE1717;
  text-align: center;
  border-radius: 3rem;
  text-shadow: 0.2rem 0.2rem 0 #fff, 0.2rem 0rem 0 #fff, 0rem 0.2rem 0 #fff, -0.2rem 0rem 0 #fff, 0rem -0.2rem 0 #fff, -0.2rem -0.2rem 0 #fff, -0.2rem 0.2rem 0 #fff, 0.2rem -0.2rem 0 #fff;
  position: relative;
}
.top-sec04__contents .fukidashi::before {
  content: "";
  width: 3.4rem;
  height: 5rem;
  background: #1F96E2;
  position: absolute;
  top: -4.8rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
          clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.top-sec04__contents .list-area {
  background: #EAEAEA;
  padding: 1.6rem 2.5rem;
  margin: 4rem 0 3rem;
}
.top-sec04__contents .list-area li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 3.2rem;
  font-weight: bold;
}
.top-sec04__contents .list-area li:not(:first-of-type) {
  margin-top: 1.5em;
}
.top-sec04__contents .arrow-text {
  width: 63.6rem;
  height: 30.6rem;
  background: #FF1616;
  color: #fff;
  font-size: 11rem;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  padding-top: 5rem;
  margin: 6rem auto 5rem;
  -webkit-clip-path: polygon(11.5rem 0, calc(100% - 11.5rem) 0, calc(100% - 11.5rem) 8.5rem, 100% 8.5rem, 50% 100%, 0 8.5rem, 11.5rem 8.5rem);
          clip-path: polygon(11.5rem 0, calc(100% - 11.5rem) 0, calc(100% - 11.5rem) 8.5rem, 100% 8.5rem, 50% 100%, 0 8.5rem, 11.5rem 8.5rem);
}
.top-sec04__contents .check-text {
  padding: 0 2rem;
  margin-bottom: 5rem;
  font-weight: bold;
}
.top-sec04__contents .check-text .check-text-item {
  display: flex;
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}
.top-sec04__contents .check-text .check-text-item:not(:first-of-type) {
  margin-top: 2rem;
}
.top-sec04__contents .check-text .check-text-item__icon {
  width: 5rem;
  height: 5rem;
  border: 0.6rem solid #1F96E2;
  border-radius: 1rem;
  position: relative;
}
.top-sec04__contents .check-text .check-text-item__icon::before {
  content: "";
  width: 6rem;
  height: 6rem;
  background-image: url(../../img/common/check-icon-red.svg);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(calc(-50% - 1rem));
}
.top-sec04__contents .check-text .check-text-item__text {
  flex: 1;
  font-size: 3.2rem;
}
.top-sec04__contents .text-area {
  font-weight: 700;
}

.top-sec05 {
  margin-bottom: 3.4rem;
}
.top-sec05__title {
  width: 100%;
  background: linear-gradient(120deg, #0F9FFB 0%, #AEEFFD 20%, #1734FE 100%);
  text-align: center;
  margin-bottom: 2rem;
  padding: 2.4rem 0 1.8rem;
}
.top-sec05__title h2 {
  font-size: 4.3rem;
  font-weight: 700;
  font-family: "Noto Serif JP", serif;
  line-height: 1.4;
  color: #fff;
  text-shadow: 0.2rem 0.2rem 0 #000, 0.2rem 0rem 0 #000, 0rem 0.2rem 0 #000, -0.2rem 0rem 0 #000, 0rem -0.2rem 0 #000, -0.2rem -0.2rem 0 #000, -0.2rem 0.2rem 0 #000, 0.2rem -0.2rem 0 #000;
}
.top-sec05__title h2 span {
  font-size: 6.8rem;
  line-height: 1.5;
  color: #FE1717;
  text-shadow: 0.2rem 0.2rem 0 #fff, 0.2rem 0rem 0 #fff, 0rem 0.2rem 0 #fff, -0.2rem 0rem 0 #fff, 0rem -0.2rem 0 #fff, -0.2rem -0.2rem 0 #fff, -0.2rem 0.2rem 0 #fff, 0.2rem -0.2rem 0 #fff;
}
.top-sec05__image {
  margin-bottom: 2rem;
}
.top-sec05__description {
  text-align: center;
  margin-bottom: 3.8rem;
  font-weight: 700;
}
.top-sec05__description p {
  font-size: 3rem;
  line-height: 1.7;
}
.top-sec05 .top-sec05-content-block {
  background: #FFFAE8;
  padding-top: 2.4rem;
  margin-bottom: 6rem;
}
.top-sec05 .top-sec05-content-block__title {
  width: 58rem;
  height: 8.2rem;
  font-size: 4rem;
  color: #fff;
  background: #02306D;
  margin: 0 auto 7rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-sec05 .top-sec05-content-block__text {
  padding: 0 2rem;
  margin-bottom: 4.8rem;
}
.top-sec05 .top-sec05-content-block__text p {
  font-size: 3.3rem;
  line-height: 1.6;
}
.top-sec05 .top-sec05-content-block__text p:not(:first-of-type) {
  margin-top: 1.5em;
}
.top-sec05 .top-sec05-content-block__time {
  width: 60.2rem;
  height: 17.8rem;
  background: #fff;
  margin: 0 auto 8rem;
  border: 1.3rem solid #0017E4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1rem;
  font-weight: 700;
}
.top-sec05 .top-sec05-content-block__time .time-title {
  background: #0017E4;
  color: #fff;
  padding: 0 1rem;
  font-size: 4rem;
  display: inline-block;
  position: absolute;
  top: -3.6rem;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.top-sec05 .top-sec05-content-block__time .time-item {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}
.top-sec05 .top-sec05-content-block__time .time-item__icon {
  width: 11.4rem;
}
.top-sec05 .top-sec05-content-block__time .time-item__time {
  font-size: 6rem;
  color: #0017E4;
}
.top-sec05 .top-sec05-content-block__list {
  padding: 0 2rem;
  padding-right: 1rem;
  margin-bottom: 3rem;
}
.top-sec05 .top-sec05-content-block__list li {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.top-sec05 .top-sec05-content-block__list li:not(:first-of-type) {
  margin-top: 5rem;
}
.top-sec05 .top-sec05-content-block__list li .list-icon {
  width: 5.8rem;
}
.top-sec05 .top-sec05-content-block__list li .list-text {
  flex: 1;
}
.top-sec05 .top-sec05-content-block__list li .list-text p {
  font-size: 3.4rem;
}
.top-sec05 .top-sec05-merit-block {
  border: 1rem solid #1F96E2;
  margin-bottom: 6rem;
}
.top-sec05 .top-sec05-merit-block__title {
  padding: 3rem 0;
  text-align: center;
}
.top-sec05 .top-sec05-merit-block__title h3 {
  font-size: 5rem;
  font-weight: 700;
}
.top-sec05 .top-sec05-merit-block .top-sec05-merit-block-item__title {
  text-align: center;
}
.top-sec05 .top-sec05-merit-block .top-sec05-merit-block-item__title h4 {
  color: #fff;
  font-size: 4rem;
  line-height: 1.6;
  font-weight: 700;
}
.top-sec05 .top-sec05-merit-block .top-sec05-merit-block-item__text {
  padding: 3rem 0 5rem;
  text-align: center;
  position: relative;
}
.top-sec05 .top-sec05-merit-block .top-sec05-merit-block-item__text .merit-block-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.top-sec05 .top-sec05-merit-block .top-sec05-merit-block-item__text .merit-block-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-sec05 .top-sec05-merit-block .top-sec05-merit-block-item__text p {
  font-size: 3.5rem;
  position: relative;
}
.top-sec05 .top-sec05-merit-block .top-sec05-merit-block-item__text p:not(:first-of-type) {
  margin-top: 1.1em;
}
.top-sec05 .top-sec05-ranking-block .top-sec05-ranking-item {
  background: #FFFAE8;
  padding-top: 2rem;
}
.top-sec05 .top-sec05-ranking-block .top-sec05-ranking-item__title {
  text-align: center;
  padding-left: 12rem;
  position: relative;
  margin-bottom: 0.5rem;
}
.top-sec05 .top-sec05-ranking-block .top-sec05-ranking-item__title p {
  width: 12.4rem;
  height: 12.4rem;
  background: #1F96E2;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
  color: #fff;
  position: absolute;
  top: 1rem;
  left: 2.5rem;
  transform: rotate(-12deg);
}
.top-sec05 .top-sec05-ranking-block .top-sec05-ranking-item__title h3 {
  font-size: 4.8rem;
  font-weight: 700;
}
.top-sec05 .top-sec05-ranking-block .top-sec05-ranking-item__graph {
  width: 38.6rem;
  margin: 0 auto;
}
.top-sec05 .top-sec05-ranking-block .top-sec05-ranking-item__explanation {
  padding: 2rem 2rem;
}
.top-sec05 .top-sec05-ranking-block .top-sec05-ranking-item__explanation dl {
  display: flex;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  align-items: center;
}
.top-sec05 .top-sec05-ranking-block .top-sec05-ranking-item__explanation dl:not(:first-of-type) {
  margin-top: 4rem;
}
.top-sec05 .top-sec05-ranking-block .top-sec05-ranking-item__explanation dl dt {
  padding: 0.2rem 2.5rem;
  font-size: 2.8rem;
  color: #fff;
}
.top-sec05 .top-sec05-ranking-block .top-sec05-ranking-item__explanation dl dd {
  font-size: 3.4rem;
  flex: 1;
  font-weight: 700;
}
.top-sec05 .top-sec05-ranking-block .top-sec05-ranking-item__explanation dl dd span {
  font-size: 3.2rem;
}
.top-sec05 .top-sec05-ranking-block__please {
  padding: 4rem 0;
  text-align: center;
}
.top-sec05 .top-sec05-ranking-block__please p {
  font-size: 3.5rem;
  color: #FE1717;
  font-weight: 700;
}

.top-sec06 {
  margin-bottom: 9rem;
}
.top-sec06__title {
  text-align: center;
  font-weight: 700;
  background: linear-gradient(120deg, #0F9FFB 0%, #AEEFFD 20%, #1734FE 100%);
  padding: 2.4rem 0;
  margin-bottom: 3.4rem;
}
.top-sec06__title h2 {
  font-size: 4.5rem;
  color: #FE1717;
  line-height: 1.6;
  margin-bottom: 0.5rem;
  text-shadow: 0.2rem 0.2rem 0 #fff, 0.2rem 0rem 0 #fff, 0rem 0.2rem 0 #fff, -0.2rem 0rem 0 #fff, 0rem -0.2rem 0 #fff, -0.2rem -0.2rem 0 #fff, -0.2rem 0.2rem 0 #fff, 0.2rem -0.2rem 0 #fff;
}
.top-sec06__title p {
  font-size: 3.6rem;
  color: #fff;
}
.top-sec06__contents {
  padding: 0 1rem;
}
.top-sec06__logo {
  margin-bottom: 6rem;
}
.top-sec06__logo .logo-image {
  width: 28.5rem;
  margin: 0 auto;
  margin-bottom: 1.2rem;
}
.top-sec06__logo .logo-text {
  text-align: center;
  font-size: 3.4rem;
  font-family: "Noto Serif JP", serif;
  color: #FA8403;
}
.top-sec06 .top-sec06-item {
  position: relative;
}
.top-sec06 .top-sec06-item__image {
  width: 27.4rem;
  position: absolute;
  top: -5rem;
  right: 0;
}
.top-sec06 .top-sec06-item__about {
  margin-bottom: 5rem;
}
.top-sec06 .top-sec06-item__about p {
  font-size: 3.2rem;
  line-height: 1.46;
}
.top-sec06 .top-sec06-item__about p:first-of-type {
  margin-bottom: 10rem;
  font-size: 3rem;
  line-height: 1.5;
}
.top-sec06 .top-sec06-item__about p span {
  font-weight: 700;
}
.top-sec06 .top-sec06-item__message {
  text-align: center;
  position: relative;
}
.top-sec06 .top-sec06-item__message .item-message-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-sec06 .top-sec06-item__message p {
  position: relative;
  font-size: 3.1rem;
  line-height: 1.52;
}
.top-sec06 .top-sec06-item__message p:not(:first-of-type) {
  margin-top: 1.5em;
}

.top-sec07 {
  margin-bottom: 5rem;
}
.top-sec07__title {
  text-align: center;
  font-weight: 700;
  background: linear-gradient(120deg, #0F9FFB 0%, #AEEFFD 20%, #1734FE 100%);
  padding: 3rem 0;
}
.top-sec07__title h2 {
  font-size: 4rem;
  color: #fff;
  line-height: 1.6;
  margin-bottom: 0.5rem;
  text-shadow: 0 0 1rem #000;
}
.top-sec07__title h2 span {
  color: #FFDE59;
}
.top-sec07__contents {
  padding: 2rem 1rem 0;
  position: relative;
}
.top-sec07__contents .circle-bg {
  width: 100%;
  height: 100%;
  background: #D9F0FC;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.top-sec07__contents .circle-bg .circle {
  position: absolute;
  border-radius: 50%;
  background: #38C5FD;
}
.top-sec07__contents .circle-bg .circle01 {
  width: 35rem;
  height: 35rem;
  top: 4rem;
  right: -4rem;
}
.top-sec07__contents .circle-bg .circle02 {
  width: 44rem;
  height: 44rem;
  bottom: -7rem;
  left: -8rem;
}
.top-sec07__contents .circle-bg.slide-bg01 {
  background: #D9F0FC;
}
.top-sec07__contents .circle-bg.slide-bg01 .circle {
  background: #38C5FD;
}
.top-sec07__contents .circle-bg.slide-bg02 {
  background: #fad9fc;
}
.top-sec07__contents .circle-bg.slide-bg02 .circle {
  background: #ed38fd;
}
.top-sec07__contents .circle-bg.slide-bg03 {
  background: #fcd9d9;
}
.top-sec07__contents .circle-bg.slide-bg03 .circle {
  background: #fd3838;
}
.top-sec07__contents .circle-bg.slide-bg04 {
  background: #fcfbd9;
}
.top-sec07__contents .circle-bg.slide-bg04 .circle {
  background: #fde338;
}
.top-sec07__contents .circle-bg.slide-bg05 {
  background: #d9fce0;
}
.top-sec07__contents .circle-bg.slide-bg05 .circle {
  background: #42fd38;
}
.top-sec07__items {
  padding-bottom: 2.5rem;
}
.top-sec07 .top-sec07-item {
  height: 100rem;
  padding: 13.7rem 1rem 2rem;
  font-size: 2.4rem;
  position: relative;
}
.top-sec07 .top-sec07-item__image {
  width: 24rem;
  position: absolute;
  top: 1.7rem;
  left: 1rem;
}
.top-sec07 .top-sec07-item__content {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 3rem;
  padding: 2rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.top-sec07 .top-sec07-item__company {
  display: flex;
  justify-content: flex-end;
  text-align: center;
  margin-bottom: 3rem;
  padding-right: 2rem;
}
.top-sec07 .top-sec07-item__company p {
  font-size: 2.8rem;
  letter-spacing: 0.05em;
}
.top-sec07 .top-sec07-item__title {
  text-align: center;
  margin-bottom: 5rem;
}
.top-sec07 .top-sec07-item__title h3 {
  font-size: 3.3rem;
  font-weight: 700;
}
.top-sec07 .top-sec07-item__text {
  flex: 1;
}
.top-sec07 .top-sec07-item__text p:not(:first-of-type) {
  margin-top: 1.2em;
}
.top-sec07 .top-sec07-item__text p span {
  font-weight: 700;
}
.top-sec07 .top-sec07-item__text p .border {
  background: linear-gradient(0deg, #FFDE59 30%, transparent 20%, transparent 100%);
}
.top-sec07 .top-sec07-item__anno {
  position: absolute;
  bottom: 1rem;
  right: 0;
}
.top-sec07 .top-sec07-item__anno p {
  font-size: 2rem;
}
.top-sec07 .slick-arrow {
  width: 7.7rem;
  height: 7.7rem;
  background: linear-gradient(120deg, #0F9FFB 0%, #AEEFFD 20%, #1734FE 100%);
  border-radius: 50%;
  position: absolute;
  top: 33%;
  z-index: 30;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 1rem;
}
.top-sec07 .slick-arrow::before {
  content: "";
  display: block;
  width: 5rem;
  height: 5rem;
  background-image: url(../../img/common/arrow-left-w.svg);
  background-size: cover;
}
.top-sec07 .prev-arrow {
  left: -1rem;
}
.top-sec07 .next-arrow {
  right: -1rem;
  transform: rotate(180deg);
}

.top-sec08 {
  margin-bottom: 12rem;
}
.top-sec08__title {
  text-align: center;
  font-weight: 700;
  background: linear-gradient(120deg, #0F9FFB 0%, #AEEFFD 20%, #1734FE 100%);
  padding: 2.2rem 0;
  margin-bottom: 3.4rem;
}
.top-sec08__title h2 {
  font-size: 4.5rem;
  font-family: "Noto Serif JP", serif;
  line-height: 1.6;
  margin-bottom: 0.5rem;
  text-shadow: 0.2rem 0.2rem 0 #fff, 0.2rem 0rem 0 #fff, 0rem 0.2rem 0 #fff, -0.2rem 0rem 0 #fff, 0rem -0.2rem 0 #fff, -0.2rem -0.2rem 0 #fff, -0.2rem 0.2rem 0 #fff, 0.2rem -0.2rem 0 #fff;
}
.top-sec08__title h2 span {
  color: #FE1717;
}
.top-sec08__items {
  padding: 0 2rem;
}
.top-sec08 .top-sec08-item {
  font-weight: 700;
  position: relative;
}
.top-sec08 .top-sec08-item:not(:first-of-type) {
  margin-top: 5.6rem;
}
.top-sec08 .top-sec08-item__bg {
  width: 95%;
  position: absolute;
  top: 0;
  left: 0;
}
.top-sec08 .top-sec08-item__title {
  display: flex;
  align-items: center;
  position: relative;
}
.top-sec08 .top-sec08-item__title .num {
  width: 9rem;
  height: 11.6rem;
}
.top-sec08 .top-sec08-item__title .num img {
  width: auto;
  height: 100%;
}
.top-sec08 .top-sec08-item__title h3 {
  font-size: 4.2rem;
  flex: 1;
  text-align: center;
}
.top-sec08 .top-sec08-item__text {
  text-align: center;
  position: relative;
}
.top-sec08 .top-sec08-item__text p {
  font-size: 3.2rem;
}

.top-sec09 {
  margin-bottom: 2rem;
}
.top-sec09__title {
  text-align: center;
  font-weight: 700;
  background: linear-gradient(120deg, #0F9FFB 0%, #AEEFFD 20%, #1734FE 100%);
  padding: 2.2rem 0;
}
.top-sec09__title h2 {
  font-size: 4.4rem;
  font-family: "Noto Serif JP", serif;
  line-height: 1.6;
  margin-bottom: 0.5rem;
  text-shadow: 0.2rem 0.2rem 0 #fff, 0.2rem 0rem 0 #fff, 0rem 0.2rem 0 #fff, -0.2rem 0rem 0 #fff, 0rem -0.2rem 0 #fff, -0.2rem -0.2rem 0 #fff, -0.2rem 0.2rem 0 #fff, 0.2rem -0.2rem 0 #fff;
}
.top-sec09__title h2 span {
  color: #FE1717;
}
.top-sec09__contents {
  padding: 4.5rem 2rem 2rem;
}
.top-sec09__contents dl {
  background: #D9F0FC;
  border-radius: 3rem;
  padding: 1.8rem;
  font-size: 3.1rem;
  letter-spacing: 0.05em;
  font-weight: 700;
}
.top-sec09__contents dl:not(:first-of-type) {
  margin-top: 3rem;
}
.top-sec09__contents dl dt {
  background: #fff;
  padding: 2rem 1.5rem;
  padding-right: 0;
  position: relative;
  cursor: pointer;
}
.top-sec09__contents dl dd {
  margin-top: 5rem;
  background: #fff;
  padding: 2rem 1.5rem;
  padding-right: 0;
  display: none;
  font-weight: 500;
}
.top-sec09__contents dl .qa-head {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: center;
}
.top-sec09__contents dl .qa-head .qa-icon {
  width: 9.6rem;
  height: 9.6rem;
  color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 5.4rem;
  font-family: "Noto Serif JP", serif;
  padding-bottom: 1rem;
}
.top-sec09__contents dl .qa-head p {
  flex: 1;
}
.top-sec09__contents dl .answer-text {
  margin-top: 0.5rem;
  margin-bottom: 2rem;
}
.top-sec09__contents dl .answer-text p {
  font-size: 3rem;
}
.top-sec09__contents dl .answer-text p span {
  font-weight: 700;
}
.top-sec09__contents dl .answer-image {
  padding-left: 0.5rem;
  padding-right: 2rem;
}
.top-sec09__contents dl .qa-arrow {
  width: 6.6rem;
  height: 6.6rem;
  background: #ccc;
  border-radius: 50%;
  position: absolute;
  bottom: -1.8rem;
  right: -1.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}
.top-sec09__contents dl .qa-arrow__image {
  width: 4rem;
}
.top-sec09__contents dl dt.active .qa-arrow {
  transform: rotate(180deg);
}

.link-btn {
  margin-bottom: 7rem;
  display: none;
}
.link-btn a {
  display: block;
  width: 60rem;
  margin: 0 auto;
  animation: anime1 0.5s ease 0s infinite alternate;
}

.top-sec10 {
  margin-bottom: 2rem;
  border: 0.1rem solid #ccc;
}
.top-sec10__title {
  text-align: center;
  font-weight: 700;
  background: linear-gradient(120deg, #0F9FFB 0%, #AEEFFD 20%, #1734FE 100%);
  padding: 2.2rem 0;
}
.top-sec10__title h2 {
  font-size: 4.6rem;
  line-height: 1.5;
  margin-bottom: 0.5rem;
  color: #fff;
  font-weight: 700;
}
.top-sec10__contents {
  text-align: center;
  padding: 3rem 2rem;
  font-weight: 700;
}
.top-sec10__contents p {
  font-size: 3.3rem;
  line-height: 1.54;
}
.top-sec10__contents p:not(:first-of-type) {
  margin-top: 1.5em;
}
.top-sec10__contents p .color-red {
  background: #FFDE59;
}
.top-sec10__contents p .large {
  font-size: 4.2rem;
}
.top-sec10__contents .name {
  font-size: 2.6rem;
}

.top-sec11 {
  margin-bottom: 2rem;
}
.top-sec11__title {
  text-align: center;
  font-weight: 700;
  background: #0017E4;
  padding: 2.2rem 0;
  margin-bottom: 3rem;
}
.top-sec11__title h2 {
  font-size: 3.1rem;
  line-height: 1.6;
  margin-bottom: 0.5rem;
  color: #fff;
}
.top-sec11__title h2 span {
  font-size: 4.2rem;
  color: red;
  text-shadow: 0.2rem 0.2rem 0 #fff, 0.2rem 0rem 0 #fff, 0rem 0.2rem 0 #fff, -0.2rem 0rem 0 #fff, 0rem -0.2rem 0 #fff, -0.2rem -0.2rem 0 #fff, -0.2rem 0.2rem 0 #fff, 0.2rem -0.2rem 0 #fff;
}
.top-sec11__text {
  text-align: center;
  margin-bottom: 3rem;
}
.top-sec11__text p {
  font-size: 3.2rem;
  font-weight: 700;
}
.top-sec11__text p:not(:first-of-type) {
  margin-top: 1.7em;
}
.top-sec11__text p span {
  background: linear-gradient(0deg, #FFDE59 30%, transparent 20%, transparent 100%);
}
.top-sec11__image {
  margin-bottom: 7rem;
}
.top-sec11 .top-sec11-sorry-block {
  background: #F2F5FA;
}
.top-sec11 .top-sec11-sorry-block__title {
  text-align: center;
  margin-bottom: 3rem;
}
.top-sec11 .top-sec11-sorry-block__title h3 {
  font-size: 6rem;
  font-weight: 700;
}
.top-sec11 .top-sec11-sorry-block__contents .top-sec11-sorry-top-item {
  display: flex;
  padding-left: 2.6rem;
  -moz-column-gap: 0.4rem;
       column-gap: 0.4rem;
}
.top-sec11 .top-sec11-sorry-block__contents .top-sec11-sorry-top-item__image {
  width: 20.3rem;
}
.top-sec11 .top-sec11-sorry-block__contents .top-sec11-sorry-top-item__text {
  flex: 1;
}
.top-sec11 .top-sec11-sorry-block__contents .top-sec11-sorry-top-item__text p {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.6;
}
.top-sec11 .top-sec11-sorry-block__contents .top-sec11-sorry-bottom-item {
  background: #D3F2FF;
  padding: 8.4rem 0 6.8rem;
  -webkit-clip-path: polygon(0 0, 50% 6.5rem, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 50% 6.5rem, 100% 0, 100% 100%, 0 100%);
  margin-top: -4rem;
}
.top-sec11 .top-sec11-sorry-block__contents .top-sec11-sorry-bottom-item dl {
  display: flex;
  height: 4.8rem;
  border: 0.1rem solid #3D3D3D;
  width: 53.6rem;
  margin: 0 auto;
  font-size: 2.4rem;
}
.top-sec11 .top-sec11-sorry-block__contents .top-sec11-sorry-bottom-item dl:not(:first-of-type) {
  margin-top: 3.7rem;
}
.top-sec11 .top-sec11-sorry-block__contents .top-sec11-sorry-bottom-item dl dt {
  width: 13rem;
  background: #3D3D3D;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 500;
}
.top-sec11 .top-sec11-sorry-block__contents .top-sec11-sorry-bottom-item dl dd {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: #fff;
}
.top-sec11 .top-sec11-sorry-block__contents .top-sec11-sorry-bottom-item dl dd .message {
  padding: 0.1rem 3rem;
  background: #FE1717;
  white-space: nowrap;
  color: #fff;
  font-size: 2.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-8deg);
}
.top-sec11 .top-sec11-sorry-block__contents .top-sec11-sorry-bottom-item dl:nth-of-type(3) {
  width: 60.5rem;
  height: 10rem;
  font-size: 3.6rem;
}
.top-sec11 .top-sec11-sorry-block__contents .top-sec11-sorry-bottom-item dl:nth-of-type(3) dt {
  width: 18rem;
  background: #0017E4;
}
.top-sec11 .top-sec11-sorry-block__contents .top-sec11-sorry-bottom-item dl:nth-of-type(3) dd span {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
}
.top-sec11 .top-sec11-sorry-block__contents .top-sec11-sorry-bottom-item dl:nth-of-type(3) dd .message {
  top: initial;
  left: initial;
  bottom: -2rem;
  right: -1.4rem;
  transform: rotate(-8deg);
}

.form-sec {
  margin-bottom: 10rem;
  display: none;
}
.form-sec__contents {
  font-size: 2.4rem;
  padding: 2rem;
  border: 0.4rem solid #0017E4;
}
.form-sec__contents .form-hidden {
  display: none;
}
.form-sec__contents dl:not(:first-of-type) {
  margin-top: 2rem;
}
.form-sec__contents dl dt {
  font-size: 3rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.form-sec__contents dl dt .required {
  display: inline-block;
  background: #FE1717;
  color: #fff;
  padding: 0 0.5rem;
  font-size: 2rem;
}
.form-sec__contents dl dd .form-input {
  width: 100%;
  height: 7rem;
  background-color: #D4D4D4;
  border: 0.1rem solid #aaa;
  padding: 1rem;
}
.form-sec__contents dl dd .form-textarea {
  width: 100%;
  height: 20rem;
  background-color: #D4D4D4;
  border: 0.1rem solid #aaa;
  padding: 1rem;
}
.form-sec__contents dl dd .form-input-short {
  width: 50%;
}
.form-sec__contents .anno {
  padding: 3rem 0;
  text-align: center;
}
.form-sec__contents .anno p {
  font-weight: 700;
}
.form-sec__contents .anno p span {
  background: #FFDE59;
}
.form-sec__contents .privacy {
  margin-bottom: 6rem;
}
.form-sec__contents .privacy .privacy-contents {
  margin-bottom: 3rem;
  border: 0.1rem solid #333;
  height: 30rem;
  overflow-y: scroll;
}
.form-sec__contents .privacy .privacy-content {
  padding: 3rem;
}
.form-sec__contents .privacy .privacy-item h3 {
  margin-top: 3rem;
  font-weight: 700;
}
.form-sec__contents .privacy .privacy-item ul {
  margin-top: 1.5rem;
}
.form-sec__contents .privacy .privacy-item ul li {
  padding-left: 1.25em;
  text-indent: -1.25em;
}
.form-sec__contents .privacy .privacy-check {
  text-align: center;
}
.form-sec__contents .privacy .privacy-check input[type=checkbox] + span {
  position: relative;
  padding-left: 4.5rem;
  font-size: 3rem;
  font-weight: 700;
}
.form-sec__contents .privacy .privacy-check input[type=checkbox] + span::before {
  content: "";
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  border: 0.2rem solid #666;
  border-radius: 0.4rem;
  position: absolute;
  top: 54%;
  left: 0;
  transform: translateY(-50%);
}
.form-sec__contents .privacy .privacy-check input[type=checkbox] + span::after {
  content: "";
  width: 4rem;
  height: 4rem;
  background-image: url(../../img/common/check-icon-naby.svg);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(calc(-50% - 0rem));
  opacity: 0.2;
}
.form-sec__contents .privacy .privacy-check input[type=checkbox]:checked + span::after {
  opacity: 1;
}
.form-sec__contents .submit-area label {
  width: 56rem;
  height: 21.3rem;
  position: relative;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
.form-sec__contents .submit-area input {
  text-indent: 200px;
  width: 100%;
  height: 100%;
}
.form-sec__contents .submit-area span {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#thanks .thanks-sec {
  padding: 5rem 0;
}
#thanks .thanks-sec__title {
  text-align: center;
  margin-bottom: 4rem;
}
#thanks .thanks-sec__title h2 {
  font-size: 4rem;
  font-weight: 700;
  color: #0017E4;
}
#thanks .thanks-sec__contents {
  padding: 0 2rem;
}
#thanks .thanks-sec__contents .contents-text {
  font-size: 3rem;
}
#thanks .thanks-sec__contents .contents-text p:not(:first-of-type) {
  margin-top: 3rem;
}
#thanks .thanks-sec__contents .contents-link {
  margin-top: 4rem;
}
#thanks .thanks-sec__contents .contents-link a {
  display: inline-block;
  padding: 2rem 4rem;
  font-size: 3.2rem;
  border: 0.2rem solid #1F96E2;
  color: #1F96E2;
}

#lpb .top-fv__catch {
  background: #F1F5FB;
  position: relative;
  padding-bottom: 3rem;
  padding-top: 3rem;
}
#lpb .top-fv__catch p {
  font-size: 3.2rem;
  font-weight: bold;
  font-family: "Noto Sans JP", sans-serif;
}
#lpb .top-fv__catch p .large-font {
  font-size: 5rem;
}
#lpb .top-fv__images {
  display: flex;
  flex-wrap: wrap;
}
#lpb .top-fv__image {
  width: 100%;
  height: 45.5rem;
}
#lpb .top-fv__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#lpb .top-intro {
  margin-bottom: 4rem;
}
#lpb .top-intro__contents {
  padding: 9rem 0 3rem;
  -webkit-clip-path: none;
          clip-path: none;
}
#lpb .top-intro__time {
  width: 25rem;
  height: 6rem;
  font-size: 2.8rem;
  color: #FA8403;
  position: absolute;
  top: 2.2rem;
  left: 4rem;
}
#lpb .top-intro__time::before {
  content: "";
  width: 2rem;
  height: 3rem;
  background: #fff;
  position: absolute;
  bottom: -2.6rem;
  left: 52%;
  transform: translateX(-50%) rotate(-20deg);
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
}
#lpb .top-intro__text p:first-of-type {
  margin-bottom: 0;
}
#lpb .top-intro__text p span {
  font-size: 4.2rem;
  font-weight: 700;
}
#lpb .top-intro__text p .fuchi {
  color: #E42223;
  text-shadow: 0.2rem 0.2rem 0 #fff, 0.2rem 0rem 0 #fff, 0rem 0.2rem 0 #fff, -0.2rem 0rem 0 #fff, 0rem -0.2rem 0 #fff, -0.2rem -0.2rem 0 #fff, -0.2rem 0.2rem 0 #fff, 0.2rem -0.2rem 0 #fff;
}
#lpb .top-intro__text p .large-font {
  font-size: 7.2rem;
}
#lpb .top-intro__text p .shadow {
  text-shadow: 0 0 1rem #000;
  color: #fff;
}/*# sourceMappingURL=style.css.map */