@charset "UTF-8";
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){
    *,:before,:after,::backdrop{
      --tw-rotate-x:initial;
      --tw-rotate-y:initial;
      --tw-rotate-z:initial;
      --tw-skew-x:initial;
      --tw-skew-y:initial;
      --tw-blur:initial;
      --tw-brightness:initial;
      --tw-contrast:initial;
      --tw-grayscale:initial;
      --tw-hue-rotate:initial;
      --tw-invert:initial;
      --tw-opacity:initial;
      --tw-saturate:initial;
      --tw-sepia:initial;
      --tw-drop-shadow:initial;
      --tw-drop-shadow-color:initial;
      --tw-drop-shadow-alpha:100%;
      --tw-drop-shadow-size:initial
    }
  }
}
@layer theme{
  :root,:host{
    --font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-black:#000;
    --spacing:.25rem;
    --default-font-family:var(--font-sans);
    --default-mono-font-family:var(--font-mono);
    --breakpoint-sm:600px;
    --breakpoint-md:1024px;
    --breakpoint-lg:1366px
  }
}
@layer base{
  *,:after,:before,::backdrop{
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }
  ::file-selector-button{
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }
  html,:host{
    -webkit-text-size-adjust:100%;
    -moz-tab-size:4;
    tab-size:4;
    line-height:1.5;
    font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings:var(--default-font-feature-settings,normal);
    font-variation-settings:var(--default-font-variation-settings,normal);
    -webkit-tap-highlight-color:transparent
  }
  hr{
    height:0;
    color:inherit;
    border-top-width:1px
  }
  abbr:where([title]){
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
  }
  h1,h2,h3,h4,h5,h6{
    font-size:inherit;
    font-weight:inherit
  }
  a{
    color:inherit;
    -webkit-text-decoration:inherit;
    text-decoration:inherit
  }
  b,strong{
    font-weight:bolder
  }
  code,kbd,samp,pre{
    font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings:var(--default-mono-font-feature-settings,normal);
    font-variation-settings:var(--default-mono-font-variation-settings,normal);
    font-size:1em
  }
  small{
    font-size:80%
  }
  sub,sup{
    vertical-align:baseline;
    font-size:75%;
    line-height:0;
    position:relative
  }
  sub{
    bottom:-.25em
  }
  sup{
    top:-.5em
  }
  table{
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
  }
  :-moz-focusring{
    outline:auto
  }
  progress{
    vertical-align:baseline
  }
  summary{
    display:list-item
  }
  ol,ul,menu{
    list-style:none
  }
  img,svg,video,canvas,audio,iframe,embed,object{
    vertical-align:middle;
    display:block
  }
  img,video{
    max-width:100%;
    height:auto
  }
  button,input,select,optgroup,textarea{
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }
  ::file-selector-button{
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }
  :where(select:is([multiple],[size])) optgroup{
    font-weight:bolder
  }
  :where(select:is([multiple],[size])) optgroup option{
    padding-inline-start:20px
  }
  ::file-selector-button{
    margin-inline-end:4px
  }
  ::placeholder{
    opacity:1
  }
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){
    ::placeholder{
      color:currentColor
    }
    @supports (color:color-mix(in lab,red,red)){
      ::placeholder{
        color:color-mix(in oklab,currentcolor 50%,transparent)
      }
    }
  }
  textarea{
    resize:vertical
  }
  ::-webkit-search-decoration{
    -webkit-appearance:none
  }
  ::-webkit-date-and-time-value{
    min-height:1lh;
    text-align:inherit
  }
  ::-webkit-datetime-edit{
    display:inline-flex
  }
  ::-webkit-datetime-edit-fields-wrapper{
    padding:0
  }
  ::-webkit-datetime-edit{
    padding-block:0
  }
  ::-webkit-datetime-edit-year-field{
    padding-block:0
  }
  ::-webkit-datetime-edit-month-field{
    padding-block:0
  }
  ::-webkit-datetime-edit-day-field{
    padding-block:0
  }
  ::-webkit-datetime-edit-hour-field{
    padding-block:0
  }
  ::-webkit-datetime-edit-minute-field{
    padding-block:0
  }
  ::-webkit-datetime-edit-second-field{
    padding-block:0
  }
  ::-webkit-datetime-edit-millisecond-field{
    padding-block:0
  }
  ::-webkit-datetime-edit-meridiem-field{
    padding-block:0
  }
  ::-webkit-calendar-picker-indicator{
    line-height:1
  }
  :-moz-ui-invalid{
    box-shadow:none
  }
  button,input:where([type=button],[type=reset],[type=submit]){
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button
  }
  ::file-selector-button{
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button
  }
  ::-webkit-inner-spin-button{
    height:auto
  }
  ::-webkit-outer-spin-button{
    height:auto
  }
  [hidden]:where(:not([hidden=until-found])){
    display:none!important
  }
}
@layer components;
@layer utilities{
  .start{
    inset-inline-start:var(--spacing)
  }
  .hidden{
    display:none
  }
  .transform{
    transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
  }
  .resize{
    resize:both
  }
  .filter{
    filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
  }
}
@property --tw-rotate-x{
  syntax:"*";
  inherits:false
}
@property --tw-rotate-y{
  syntax:"*";
  inherits:false
}
@property --tw-rotate-z{
  syntax:"*";
  inherits:false
}
@property --tw-skew-x{
  syntax:"*";
  inherits:false
}
@property --tw-skew-y{
  syntax:"*";
  inherits:false
}
@property --tw-blur{
  syntax:"*";
  inherits:false
}
@property --tw-brightness{
  syntax:"*";
  inherits:false
}
@property --tw-contrast{
  syntax:"*";
  inherits:false
}
@property --tw-grayscale{
  syntax:"*";
  inherits:false
}
@property --tw-hue-rotate{
  syntax:"*";
  inherits:false
}
@property --tw-invert{
  syntax:"*";
  inherits:false
}
@property --tw-opacity{
  syntax:"*";
  inherits:false
}
@property --tw-saturate{
  syntax:"*";
  inherits:false
}
@property --tw-sepia{
  syntax:"*";
  inherits:false
}
@property --tw-drop-shadow{
  syntax:"*";
  inherits:false
}
@property --tw-drop-shadow-color{
  syntax:"*";
  inherits:false
}
@property --tw-drop-shadow-alpha{
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-drop-shadow-size{
  syntax:"*";
  inherits:false
}
:root{
  --color-main: #0b5fff;
  --color-sub: red;
  --color-accent: #ff4081;
  --color-black: #000000;
  --color-orange: #ff7d11;
  --color-sky: #3db2ee;
  --color-white: #ffffff;
  --color-card-blue: #026fc9;
  --color-gray-text: #696969;
  --color-yellow-mark: #f3fc8b;
  --color-gray-label: #797979;
  --color-tag-blue: #1c9be0;
  --color-bg-gray: #ededed;
  --color-gray-line: #ccc;
  --font-size-title: font-clamp(20, 24, 1200, 30);
  --font-size-subtitle: font-clamp(18, 22, 1200, 28);
  --font-size-desc: font-clamp(16, 20, 1200, 24);
  --spacing-1: .25rem;
  --spacing-2: .5rem;
  --spacing-3: .75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-32: 8rem;
  --font-size-sm: .875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-en: "Chakra Petch", sans-serif;
  --font-serif: "dnp-shuei-mgothic-std", sans-serif;
  --font-sans: "Noto Sans JP", sans-serif;
  --default-font-family: "dnp-shuei-mgothic-std", sans-serif
}
:root{
  --root-font-size: 100%
}
*,*:before,*:after{
  box-sizing:border-box
}
html{
  font-size:100%;
  -webkit-text-size-adjust:100%;
  -moz-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
  font-family:var(--default-font-family);
  scroll-behavior:smooth
}
@media (prefers-reduced-motion: reduce){
  html{
    scroll-behavior:auto
  }
}
body{
  margin:0;
  min-height:100vh;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
ul[class],ol[class]{
  list-style:none;
  margin:0;
  padding:0
}
a{
  text-decoration:none
}
img,picture,video,canvas,svg{
  display:block;
  max-width:100%;
  height:auto
}
input,button,textarea,select{
  font:inherit;
  color:inherit;
  background:transparent;
  border:none;
  padding:0;
  margin:0;
  outline:none
}
button,[type=button],[type=reset],[type=submit]{
  -webkit-appearance:button;
  cursor:pointer
}
.visually-hidden{
  position:absolute!important;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0
}
table{
  border-collapse:collapse;
  border-spacing:0
}
textarea{
  resize:vertical
}
button img,a img{
  display:inline-block;
  max-width:100%;
  height:auto
}
.content-width{
  width:90%;
  max-width:67.5rem;
  margin:0 auto
}
.content-width-middle{
  width:90%;
  max-width:61.25rem;
  margin:0 auto
}
.content-width-sm{
  width:90%;
  max-width:47.125rem;
  margin:0 auto
}
.content-width-small{
  width:90%;
  max-width:33.3125rem;
  margin:0 auto
}
@media (max-width: 599px){
  .content-width--full-mobile{
    width:100%;
    max-width:none
  }
}
.is-fade-ready{
  opacity:0;
  will-change:transform,opacity
}
.is-filtered-out,.is-more-hidden{
  display:none!important
}
.color-main{
  color:var(--color-main)
}
.color-sub{
  color:var(--color-sub)
}
.color-accent{
  color:var(--color-accent)
}
.color-black{
  color:var(--color-black)
}
.header .header-wrap-list ul{
  display:flex
}
.footer{
  padding:2.5rem 0 2rem;
  background:#efefef
}
@media (max-width: 599px){
  .footer{
    padding:2rem 0 1.5rem
  }
}
.footer__inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1rem;
  text-align:center
}
@media (max-width: 599px){
  .footer__inner{
    gap:.75rem
  }
}
.footer__logo{
  display:block
}
.footer__logo-img{
  display:block;
  width:22.1875rem;
  height:auto;
  max-width:100%;
  object-fit:contain
}
.footer__nav{
  width:100%
}
.footer__menu{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:.25rem .75rem;
  list-style:none
}
@media (max-width: 599px){
  .footer__menu{
    gap:.25rem .5rem
  }
}
.footer__menu-item{
  display:inline-flex;
  align-items:center
}
.footer__menu-item:not(:last-child):after{
  content:"|";
  margin-left:.75rem;
  color:var(--color-black);
  font-size:.75rem
}
@media (max-width: 599px){
  .footer__menu-item:not(:last-child):after{
    margin-left:.3125rem
  }
}
.footer__menu-link{
  color:var(--color-black);
  font-weight:700;
  font-size:.75rem;
  line-height:1.4;
  text-decoration:none;
  transition:opacity .2s ease
}
.footer__menu-link:hover{
  opacity:.6
}
.footer__notice{
  margin-top:.25rem;
  color:var(--color-black);
  font-size:.625rem;
  line-height:1.6;
  font-family:var(--font-sans);
  font-weight:500
}
@media (max-width: 599px){
  .footer__notice{
    margin-top:.75rem
  }
}
.footer__copyright{
  color:var(--color-black);
  font-size:.625rem;
  line-height:1.6;
  margin-top:-.625rem;
  font-family:var(--font-sans);
  font-weight:500
}
.modal{
  width:min(35rem,92vw);
  max-height:90vh;
  padding:0;
  margin:auto;
  background:inherit;
  border:0;
  border-radius:.3125rem;
  overflow:hidden;
  color:var(--color-black)
}
.modal::backdrop{
  background:#0000008c
}
.modal[open]{
  display:flex;
  flex-direction:column
}
.modal__panel{
  display:flex;
  flex-direction:column;
  max-height:90vh
}
.modal__header{
  flex-shrink:0;
  padding:1rem 1.5rem;
  background:#e3f5ff;
  text-align:center
}
.modal__title{
  color:#026eca;
  font-weight:700;
  font-size:clamp(20px,calc(25 * (100vw / 1200)),25px);
  line-height:1.3
}
@media (max-width: 599px){
  .modal__title{
    font-size:1.25rem
  }
}
.modal__body{
  background:#fff;
  flex:1;
  overflow-y:auto;
  padding:1.5rem 2.5rem 2.5rem;
  border-radius:0rem 0rem .3125rem .3125rem
}
@media (max-width: 599px){
  .modal__body{
    padding:1.25rem 1rem .75rem
  }
}
.modal__logo{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.5rem;
  margin-bottom:1.25rem;
  text-align:center
}
.modal__logo-img{
  display:block;
  width:12rem;
  height:auto;
  max-width:70%;
  object-fit:contain
}
@media (max-width: 599px){
  .modal__logo-img{
    width:10rem
  }
}
.modal__logo-text{
  color:var(--color-black);
  font-weight:700;
  font-size:.875rem;
  line-height:1.5
}
.modal__desc{
  color:var(--color-black);
  font-size:.9375rem;
  line-height:1.8;
  margin-bottom:1.5rem;
  font-family:var(--font-sans);
  font-weight:500
}
@media (max-width: 599px){
  .modal__desc{
    font-size:.875rem
  }
}
.modal__chapter{
  margin-bottom:0rem;
  padding:.75rem 1.25rem;
  background:var(--color-yellow-mark);
  border-radius:.625rem;
  text-align:center
}
.modal__chapter-title{
  color:var(--color-orange);
  font-weight:700;
  font-size:clamp(16px,calc(20 * (100vw / 1200)),20px);
  line-height:1.4
}
@media (max-width: 599px){
  .modal__chapter-title{
    font-size:1.0625rem
  }
}
.modal__gens{
  border:2px solid #f3fc8b;
  padding:40px
}
@media (max-width: 599px){
  .modal__gens{
    padding:40px 20px
  }
}
.modal__gen{
  position:relative;
  padding-bottom:4.375rem;
  text-align:center
}
.modal__gen--last{
  padding-bottom:0
}
.modal__gen-head{
  display:inline-flex;
  align-items:center;
  position:relative;
  gap:.75rem;
  margin-bottom:1.375rem;
  background:#e3f4ff;
  padding:15px 20px 15px 90px;
  border-radius:.625rem
}
@media (max-width: 599px){
  .modal__gen-head{
    padding-left:75px
  }
}
.modal__gen-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:4.6875rem;
  color:var(--color-white);
  font-weight:700;
  font-size:1.125rem;
  line-height:1;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%)
}
@media (max-width: 599px){
  .modal__gen-badge{
    left:-.625rem
  }
}
.modal__gen-year{
  color:#0fa6e1;
  font-weight:700;
  font-size:1rem;
  line-height:1
}
.modal__gen-img{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 auto 1rem;
  width:10rem;
  height:10rem
}
@media (max-width: 599px){
  .modal__gen-img{
    width:8.75rem;
    height:8.75rem
  }
}
.modal__gen-img-el{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain
}
.modal__gen-caption{
  position:absolute;
  bottom:-.375rem;
  color:var(--color-black);
  font-weight:700;
  font-size:.5625rem;
  line-height:1
}
.modal__gen-caption--left{
  left:25%
}
.modal__gen-caption--right{
  right:25%
}
.modal__gen-desc{
  color:var(--color-black);
  font-size:.9375rem;
  line-height:1.8;
  text-align:left;
  font-family:var(--font-sans);
  font-weight:500
}
@media (max-width: 599px){
  .modal__gen-desc{
    font-size:.875rem
  }
}
.modal__gen-note{
  margin-top:.625rem;
  color:var(--color-black);
  font-size:.75rem;
  line-height:2;
  text-align:left;
  font-family:var(--font-sans);
  font-weight:500
}
.modal__gen-arrow{
  position:absolute;
  bottom:1.125rem;
  left:50%;
  transform:translate(-50%) rotate(0);
  background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='25.701'%20height='29.985'%20viewBox='0%200%2025.701%2029.985'%3e%3cg%20id='Icon_material-outline-keyboard-double-arrow-down'%20data-name='Icon%20material-outline-keyboard-double-arrow-down'%20transform='translate(-9%20-7.5)'%3e%3cpath%20id='パス_27'%20data-name='パス%2027'%20d='M34.7,10.52,31.682,7.5l-9.831,9.809L12.02,7.5,9,10.52,21.851,23.371Z'%20transform='translate(0%200)'%20fill='%230fa6e1'/%3e%3cpath%20id='パス_28'%20data-name='パス%2028'%20d='M34.7,20.4l-3.02-3.02-9.831,9.809L12.02,17.385,9,20.4,21.851,33.256Z'%20transform='translate(0%204.229)'%20fill='%230fa6e1'/%3e%3c/g%3e%3c/svg%3e");
  background-size:contain;
  background-repeat:no-repeat;
  width:1.5625rem;
  height:1.875rem;
  color:#0fa6e1;
  font-size:0rem;
  font-weight:700;
  line-height:1;
  pointer-events:none;
  -webkit-user-select:none;
  user-select:none
}
.modal__footer{
  flex-shrink:0;
  padding:1rem 1.5rem 1.25rem;
  background:inherit;
  border-top:.0625rem solid rgba(0,0,0,.06);
  display:flex;
  justify-content:center
}
.modal__close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:1rem;
  min-width:10.5rem;
  padding:.75rem 1.5rem .75rem .875rem;
  background:var(--color-white);
  border:.0625rem solid var(--color-black);
  border-radius:9999px;
  color:var(--color-black);
  cursor:pointer;
  position:relative;
  transition:background .2s ease,color .2s ease
}
.modal__close:hover{
  background:var(--color-black);
  color:var(--color-white)
}
.modal__close:hover .modal__close-icon{
  border-color:var(--color-white);
  color:var(--color-white)
}
@media (max-width: 599px){
  .modal__close{
    min-width:10rem;
    padding:.5rem 1.125rem;
    gap:.75rem
  }
}
.modal__close-text{
  font-weight:700;
  font-size:1.125rem;
  line-height:1
}
.modal__close-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.375rem;
  height:1.375rem;
  border:.0625rem solid var(--color-black);
  border-radius:50%;
  color:var(--color-black);
  position:absolute;
  right:.625rem;
  bottom:50%;
  transform:translateY(50%);
  transition:border-color .2s ease,color .2s ease
}
.modal__close-icon svg{
  display:block;
  width:.625rem;
  height:.625rem
}
body.is-modal-open{
  overflow:hidden
}
.top .sec01{
  position:relative;
  overflow:hidden;
  padding-bottom:5rem;
  background:var(--color-white)
}
@media (max-width: 599px){
  .top .sec01{
    padding-bottom:2.5rem
  }
}
.top .sec01__benefit{
  position:relative;
  padding:3.75rem 0 5rem;
  background:var(--color-sky)
}
@media (max-width: 599px){
  .top .sec01__benefit{
    padding:2rem 0 4rem
  }
}
.top .sec01__benefit-inner{
  position:relative;
  z-index:2
}
.top .sec01__benefit-inner:before{
  width:234px;
  height:206px;
  content:"";
  display:block;
  position:absolute;
  left:-150px;
  top:-20px;
  background-image:url(./sec01-before-CleJRse6.webp);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  z-index:-1
}
@media (max-width: 599px){
  .top .sec01__benefit-inner:before{
    width:6.625rem;
    height:5.875rem;
    left:-2.5vw
  }
}
.top .sec01__benefit-inner:after{
  width:234px;
  height:206px;
  content:"";
  display:block;
  position:absolute;
  right:-150px;
  top:-20px;
  background-image:url(./sec01-after-m3F4iiei.webp);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  z-index:-1
}
@media (max-width: 599px){
  .top .sec01__benefit-inner:after{
    width:6.625rem;
    height:5.875rem;
    right:-2.5vw
  }
}
.top .sec01__badge{
  position:relative;
  margin:0 auto 1.5rem;
  width:fit-content;
  max-width:32.75rem
}
@media (max-width: 599px){
  .top .sec01__badge{
    max-width:19.5625rem;
    margin-bottom:1rem
  }
}
.top .sec01__badge-img{
  display:block;
  width:100%;
  height:auto
}
.top .sec01__card{
  position:relative;
  padding:3.5rem 2.5rem;
  background:var(--color-white);
  border-radius:1.5rem;
  text-align:center
}
@media (max-width: 599px){
  .top .sec01__card{
    padding:2.5rem 1.25rem;
    border-radius:1rem
  }
}
.top .sec01__card-sub{
  margin-bottom:1rem;
  color:var(--color-black);
  font-weight:700;
  font-size:clamp(18px,calc(32 * (100vw / 1200)),32px);
  line-height:1.4
}
@media (max-width: 599px){
  .top .sec01__card-sub{
    font-size:1.25rem;
    margin-bottom:.5rem
  }
}
.top .sec01__card-title{
  color:var(--color-orange);
  font-weight:700;
  font-size:clamp(22px,calc(41 * (100vw / 1200)),41px);
  line-height:1.4
}
@media (max-width: 599px){
  .top .sec01__card-title{
    font-size:1.5625rem
  }
}
.top .sec01__illust{
  position:absolute;
  display:block;
  width:11.25rem;
  height:auto;
  object-fit:contain;
  pointer-events:none;
  -webkit-user-select:none;
  user-select:none
}
@media (max-width: 599px){
  .top .sec01__illust{
    width:6rem
  }
}
.top .sec01__illust--phone{
  left:-2.5rem;
  bottom:-5rem
}
@media (max-width: 1023px){
  .top .sec01__illust--phone{
    left:-1.25rem;
    bottom:-1.5rem
  }
}
@media (max-width: 599px){
  .top .sec01__illust--phone{
    left:-.75rem;
    bottom:-2.25rem;
    max-width:6.875rem;
    width:30%
  }
}
.top .sec01__illust--ticket{
  right:-2.5rem;
  bottom:-5.625rem;
  transform:rotate(-8deg)
}
@media (max-width: 1023px){
  .top .sec01__illust--ticket{
    right:-1.25rem;
    bottom:-1.25rem
  }
}
@media (max-width: 599px){
  .top .sec01__illust--ticket{
    right:-.75rem;
    bottom:-1.875rem;
    max-width:6.25rem;
    width:25%
  }
}
.top .sec01__cta-wrap{
  position:relative;
  margin-top:3.75rem
}
@media (max-width: 599px){
  .top .sec01__cta-wrap{
    margin-top:2.5rem
  }
}
.top .sec01__cta{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1.5rem;
  padding:3rem 1.5rem;
  background:var(--color-orange);
  border-radius:.3125rem;
  color:var(--color-white);
  text-align:center;
  text-decoration:none;
  transition:opacity .2s ease
}
.top .sec01__cta:hover{
  opacity:.85
}
@media (max-width: 599px){
  .top .sec01__cta{
    padding:2rem 1rem;
    border-radius:1rem;
    gap:1rem
  }
}
.top .sec01__cta-text{
  color:var(--color-white);
  font-weight:700;
  font-size:clamp(18px,calc(29 * (100vw / 1200)),29px);
  line-height:1.5
}
@media (max-width: 599px){
  .top .sec01__cta-text{
    font-size:1.125rem
  }
}
.top .sec01__cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:left;
  gap:1rem;
  min-width:17.5rem;
  padding:1.25rem 0rem 1.25rem 1.75rem;
  border:.125rem solid var(--color-white);
  border-radius:9999px;
  color:var(--color-white);
  position:relative
}
@media (max-width: 599px){
  .top .sec01__cta-btn{
    min-width:11.25rem;
    padding:.625rem 1.25rem;
    gap:.75rem
  }
}
.top .sec01__cta-btn-text{
  font-weight:700;
  font-size:clamp(16px,calc(29 * (100vw / 1200)),29px);
  line-height:1
}
@media (max-width: 599px){
  .top .sec01__cta-btn-text{
    font-size:1.125rem
  }
}
.top .sec01__cta-btn-icon{
  display:inline-flex;
  align-items:center;
  position:absolute;
  right:.75rem;
  top:50%;
  transform:translateY(-50%);
  justify-content:center;
  width:1.75rem;
  height:1.75rem;
  border:.125rem solid var(--color-white);
  border-radius:50%;
  font-size:1.25rem;
  font-weight:400;
  line-height:1
}
@media (max-width: 599px){
  .top .sec01__cta-btn-icon{
    width:1.25rem;
    height:1.25rem;
    font-size:.875rem
  }
}
.top .sec02{
  position:relative;
  padding:3.75rem 0 5rem;
  background:var(--color-sky);
  overflow:hidden
}
@media (max-width: 599px){
  .top .sec02{
    padding:2.5rem 0 3rem
  }
}
.top .sec02__inner{
  position:relative;
  z-index:2
}
.top .sec02__inner:before{
  width:234px;
  height:206px;
  content:"";
  display:block;
  position:absolute;
  left:-150px;
  top:-20px;
  background-image:url(./sec01-before-CleJRse6.webp);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  z-index:-1
}
@media (max-width: 599px){
  .top .sec02__inner:before{
    width:6.625rem;
    height:5.875rem;
    left:-2.5vw
  }
}
.top .sec02__inner:after{
  width:234px;
  height:206px;
  content:"";
  display:block;
  position:absolute;
  right:-150px;
  top:-20px;
  background-image:url(./sec01-after-m3F4iiei.webp);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  z-index:-1
}
@media (max-width: 599px){
  .top .sec02__inner:after{
    width:6.625rem;
    height:5.875rem;
    right:-2.5vw
  }
}
.top .sec02__badge{
  margin:0 auto 2.5rem;
  width:fit-content;
  max-width:32.75rem
}
@media (max-width: 599px){
  .top .sec02__badge{
    max-width:19.5625rem;
    margin-bottom:1.5rem
  }
}
.top .sec02__badge-img{
  display:block;
  width:100%;
  height:auto
}
.top .sec02__intro{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1.25rem;
  margin-bottom:2.5rem;
  position:relative
}
@media (max-width: 599px){
  .top .sec02__intro{
    gap:.75rem;
    margin-bottom:1.5rem
  }
}
.top .sec02__intro-marker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:7.0625rem;
  height:6.625rem;
  color:var(--color-sky);
  font-weight:700;
  font-size:.875rem;
  line-height:1.2;
  text-align:center;
  transform:rotate(-10deg)
}
@media (max-width: 599px){
  .top .sec02__intro-marker{
    width:3.75rem;
    height:3.75rem;
    font-size:.6875rem
  }
}
.top .sec02__intro-logo{
  display:block;
  width:7.5rem;
  height:6.1875rem;
  object-fit:contain
}
@media (max-width: 599px){
  .top .sec02__intro-logo{
    width:5rem;
    height:4.125rem
  }
}
.top .sec02__intro-text{
  color:var(--color-white);
  font-weight:700;
  font-size:clamp(20px,calc(39 * (100vw / 1200)),39px);
  line-height:1.4
}
@media (max-width: 599px){
  .top .sec02__intro-text{
    font-size:1.375rem
  }
}
.top .sec02__benefits{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:6%;
  align-items:stretch;
  position:relative
}
@media (max-width: 1023px){
  .top .sec02__benefits{
    gap:2.5rem
  }
}
@media (max-width: 767px){
  .top .sec02__benefits{
    gap:1.875rem;
    grid-template-columns:minmax(0,1fr)
  }
}
.top .sec02__benefit{
  position:relative;
  background:var(--color-white);
  border-radius:.3125rem;
  text-align:center;
  box-shadow:0 0 10px #0000003b;
  min-width:0;
  width:100%;
  max-width:100%
}
@media (max-width: 767px){
  .top .sec02__benefit{
    max-width:400px;
    margin:0 auto
  }
}
@media (max-width: 599px){
  .top .sec02__benefit{
    border-radius:1rem
  }
}
@media (max-width: 767px){
  .top .sec02__benefit.sec02__benefit--02{
    padding:30px 0
  }
}
.top .sec02__benefit-num{
  position:absolute;
  top:-1.25rem;
  left:-1.5625rem;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:6.375rem;
  border-radius:0%;
  color:var(--color-white);
  line-height:1;
  z-index:2
}
@media (max-width: 599px){
  .top .sec02__benefit-num{
    width:4rem;
    height:4rem;
    top:-.75rem;
    left:-.625rem
  }
}
.top .sec02__benefit-num-label{
  font-weight:700;
  font-size:1.125rem;
  letter-spacing:.1em
}
@media (max-width: 599px){
  .top .sec02__benefit-num-label{
    font-size:.875rem
  }
}
.top .sec02__benefit-num-no{
  font-weight:700;
  font-size:2rem;
  line-height:1
}
@media (max-width: 599px){
  .top .sec02__benefit-num-no{
    font-size:1.625rem
  }
}
.top .sec02__benefit-ribbon{
  position:relative;
  display:inline-block;
  padding:.375rem 1.25rem;
  margin-bottom:.5rem;
  background:var(--color-yellow-mark);
  color:var(--color-orange);
  font-weight:700;
  font-size:1.9375rem;
  width:100%
}
@media (max-width: 599px){
  .top .sec02__benefit-ribbon{
    border-radius:.625rem;
    font-size:1.4375rem
  }
}
.top .sec02__benefit-ribbon:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-.625rem;
  transform:translate(-50%);
  border-left:.625rem solid transparent;
  border-right:.625rem solid transparent;
  border-top:.625rem solid var(--color-yellow-mark)
}
.top .sec02__benefit-container{
  padding:0rem 2rem 2.5rem
}
@media (max-width: 599px){
  .top .sec02__benefit-container{
    padding:0rem 1.25rem 2.5rem
  }
}
.top .sec02__benefit-lead{
  margin-top:.5rem;
  color:var(--color-card-blue);
  font-weight:700;
  font-size:clamp(20px,calc(31 * (100vw / 1200)),31px);
  line-height:1.3
}
@media (max-width: 599px){
  .top .sec02__benefit-lead{
    font-size:1.375rem
  }
}
.top .sec02__benefit-headline{
  color:var(--color-card-blue);
  font-weight:700;
  line-height:1.1
}
.top .sec02__benefit-headline.sec02__benefit-headline--line{
  position:relative;
  z-index:2
}
.top .sec02__benefit-headline.sec02__benefit-headline--line:after{
  width:90%;
  position:absolute;
  height:95%;
  display:block;
  background:linear-gradient(transparent 80%,var(--color-yellow-mark) 80%);
  left:5%;
  top:0;
  z-index:-1;
  content:""
}
.top .sec02__benefit-headline-num{
  font-size:clamp(64px,calc(101 * (100vw / 1200)),101px)
}
@media (max-width: 599px){
  .top .sec02__benefit-headline-num{
    font-size:4.625rem
  }
}
@media (max-width: 380px){
  .top .sec02__benefit-headline-num{
    font-size:3.5rem
  }
}
.top .sec02__benefit-headline-unit{
  font-size:clamp(48px,calc(75 * (100vw / 1200)),75px)
}
@media (max-width: 599px){
  .top .sec02__benefit-headline-unit{
    font-size:3.4375rem
  }
}
@media (max-width: 380px){
  .top .sec02__benefit-headline-unit{
    font-size:2.625rem
  }
}
.top .sec02__benefit-headline--text{
  font-size:clamp(28px,calc(50 * (100vw / 1200)),50px);
  line-height:1.3
}
@media (max-width: 599px){
  .top .sec02__benefit-headline--text{
    font-size:2rem
  }
}
.top .sec02__benefit-note{
  margin-top:.25rem;
  color:var(--color-black);
  font-size:.875rem;
  line-height:1.4
}
/*
@media (max-width: 599px){
  .top .sec02__benefit-note{
    font-size:.875rem
  }
}
*/
.top .sec02__benefit-divider{
  margin:1.5rem auto;
  width:100%;
  height:.0625rem;
  background-color:#79b8d5
}
@media (max-width: 599px){
  .top .sec02__benefit-divider{
    margin:1rem auto
  }
}
.top .sec02__benefit-sub{
  color:var(--color-card-blue);
  font-weight:700;
  font-size:clamp(16px,calc(31 * (100vw / 1200)),31px);
  line-height:1.4
}
@media (max-width: 599px){
  .top .sec02__benefit-sub{
    font-size:1.4375rem
  }
}
.top .sec02__benefit-mark{
  margin-top:.5rem;
  line-height:1.3
}
.top .sec02__benefit-mark.sec02__benefit-mark--filled{
  border-radius:.625rem .625rem 0rem 0rem;
  overflow:hidden
}
.top .sec02__benefit-mark.sec02__benefit-mark--filled .sec02__benefit-mark-text{
  width:100%
}
.top .sec02__benefit-mark-text{
  display:inline;
  padding:.125rem .5rem;
  background:linear-gradient(transparent 60%,var(--color-yellow-mark) 60%);
  color:var(--color-card-blue);
  font-weight:700;
  font-size:clamp(28px,calc(45 * (100vw / 1200)),45px);
  white-space:nowrap
}
@media (max-width: 599px){
  .top .sec02__benefit-mark-text{
    white-space:normal;
    font-size:2rem
  }
}
.top .sec02__benefit-mark--filled{
  margin-top:1rem
}
.top .sec02__benefit-mark--filled .sec02__benefit-mark-text{
  display:inline-block;
  padding:.375rem 1.5rem;
  background:var(--color-yellow-mark);
  color:var(--color-orange);
  font-size:clamp(18px,2vw,24px)
}
@media (max-width: 599px){
  .top .sec02__benefit-mark--filled .sec02__benefit-mark-text{
    font-size:1.25rem
  }
}
.top .sec02__benefit-detail{
  margin-top:.75rem;
  color:var(--color-gray-text);
  font-weight:700;
  font-size:clamp(14px,calc(20 * (100vw / 1200)),20px);
  line-height:1.4
}
@media (max-width: 599px){
  .top .sec02__benefit-detail{
    font-size:1rem
  }
}
.top .coupon-link{
  color:var(--color-black);
  text-decoration:underline;
  transition:opacity .2s ease
}
.top .coupon-link:hover{
  opacity:.6
}
.top .sec02__benefit--02{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1.5rem;
  flex-wrap:wrap
}
.top .sec02__benefit--02 .sec02__benefit-sub{
  font-size:clamp(16px,2vw,24px)
}
@media (max-width: 349px){
  .top .sec02__benefit--02 .sec02__benefit-sub{
    font-size:13px
  }
}
.top .sec02__benefit--02 .sec02__benefit-detail{
  border:2px solid #f3fc8b;
  margin-top:0rem;
  padding:.75rem 1rem;
  border-radius:0px 0px .625rem .625rem
}
.top .sec02__benefit-illust{
  position:absolute;
  top:1.875rem;
  right:-3.125rem;
  display:block;
  width:11.375rem;
  height:auto;
  object-fit:contain;
  pointer-events:none;
  -webkit-user-select:none;
  user-select:none
}
@media (max-width: 1023px){
  .top .sec02__benefit-illust{
    width:6.875rem;
    right:-.625rem
  }
}
@media (max-width: 599px){
  .top .sec02__benefit-illust{
    top:1.5rem;
    right:-.5rem;
    width:5.625rem
  }
}
.top .sec02__benefits-bridge{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  align-self:center;
  width:8rem;
  height:8rem;
  color:var(--color-card-blue);
  line-height:1;
  font-weight:700;
  z-index:2
}
@media (max-width: 1023px){
  .top .sec02__benefits-bridge{
    width:5.5rem;
    height:5.5rem;
    justify-self:center
  }
}
@media (max-width: 767px){
  .top .sec02__benefits-bridge{
    width:4.6875rem;
    height:4.6875rem;
    top:59%
  }
}
@media (max-width: 599px){
  .top .sec02__benefits-bridge{
    width:4.6875rem;
    height:4.6875rem;
    top:58%
  }
}
.top .sec02__benefits-bridge-label{
  font-size:1.3125rem
}
@media (max-width: 599px){
  .top .sec02__benefits-bridge-label{
    font-size:1rem
  }
}
.top .sec02__benefits-bridge-and{
  margin-top:.125rem;
  font-size:2.3125rem
}
@media (max-width: 599px){
  .top .sec02__benefits-bridge-and{
    font-size:1.75rem
  }
}
.top .sec03{
  padding:5rem 0 0px;
  background:var(--color-white)
}
@media (max-width: 599px){
  .top .sec03{
    padding:3rem 0 30px
  }
}
.top .sec03__inner{
  position:relative
}
.top .sec03__head{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1.25rem;
  margin-bottom:1.5rem
}
@media (max-width: 599px){
  .top .sec03__head{
    justify-content:center;
    gap:.75rem;
    margin-bottom:1rem
  }
}
.top .sec03__head-icon{
  display:block;
  width:8.125rem;
  height:4.0625rem;
  object-fit:contain
}
@media (max-width: 599px){
  .top .sec03__head-icon{
    width:5.625rem;
    height:2.8125rem
  }
}
.top .sec03__head-title{
  color:var(--color-orange);
  font-weight:700;
  font-size:clamp(32px,calc(52 * (100vw / 1200)),52px);
  line-height:1.2
}
@media (max-width: 599px){
  .top .sec03__head-title{
    font-size:2.25rem
  }
}
.top .sec03__desc{
  margin-bottom:2rem;
  color:var(--color-black);
  font-size:clamp(14px,calc(15 * (100vw / 1200)),15px);
  line-height:1.8;
  text-align:justify;
  font-family:var(--font-sans);
  font-weight:500
}
@media (max-width: 599px){
  .top .sec03__desc{
    font-size:.9375rem;
    margin-bottom:1.5rem
  }
}
.top .sec03__filter{
  overflow:hidden;
  background:#e4f5ff;
  border-radius:.75rem
}
@media (max-width: 599px){
  .top .sec03__filter{
    border-radius:.625rem
  }
}
.top .sec03__filter-title{
  padding:.875rem 1.25rem;
  background:var(--color-card-blue);
  color:var(--color-white);
  font-weight:700;
  font-size:clamp(20px,calc(30 * (100vw / 1200)),30px);
  line-height:1.2;
  text-align:center
}
@media (max-width: 599px){
  .top .sec03__filter-title{
    padding:.75rem 1rem;
    font-size:1.375rem
  }
}
.top .sec03__filter-list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.75rem;
  padding:2.1875rem 2.5rem;
  list-style:none
}
@media (max-width: 599px){
  .top .sec03__filter-list{
    gap:.5rem;
    padding:1rem
  }
}
.top .sec03__filter-item{
  display:inline-flex
}
.top .sec03__filter-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:6.875rem;
  padding:.625rem 1.25rem;
  background:var(--color-white);
  border:.125rem solid var(--color-card-blue);
  border-radius:5px;
  color:var(--color-card-blue);
  font-weight:700;
  font-size:clamp(16px,2vw,24px);
  line-height:1.2;
  text-decoration:none;
  transition:background .2s ease,color .2s ease
}
.top .sec03__filter-link:hover{
  background:var(--color-card-blue);
  color:var(--color-white)
}
@media (max-width: 599px){
  .top .sec03__filter-link{
    min-width:auto;
    padding:.5rem .625rem;
    font-size:1.125rem
  }
}
.top .sec03__filter-link--active{
  background:var(--color-card-blue);
  color:var(--color-white)
}
.top .sec04{
  padding:2.5rem 0 5rem;
  background:var(--color-white)
}
@media (max-width: 599px){
  .top .sec04{
    padding:1.5rem 0 3rem
  }
}
.top .sec04__inner{
  position:relative
}
.top .sec04__list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.5rem 3%;
  list-style:none
}
@media (max-width: 1023px){
  .top .sec04__list{
    grid-template-columns:repeat(2,1fr);
    gap: 1.5rem 3.5%
  }
}
@media (max-width: 599px){
  .top .sec04__list{
    grid-template-columns:1fr;
    gap:1.5rem
  }
}
.top .sec04__item{
  display:flex;
  align-items:stretch
}
.top .sec04__card{
  display:flex;
  flex-direction:column;
  width:100%;
  height: 100%;
  padding:1.25rem;
  background:var(--color-white);
  border:.0625rem solid rgba(0,0,0,.08);
  border-radius:.75rem;
  box-shadow:0 .125rem .5rem #0000000f
}
@media (max-width: 599px){
  .top .sec04__card{
    padding:1rem 16px 30px
  }
}
.top .sec04__card-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-bottom:.75rem
}
.top .sec04__tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.25rem .875rem;
  background:var(--color-card-blue);
  border-radius:.25rem;
  color:var(--color-white);
  font-weight:700;
  font-size:.9375rem;
  line-height:1.2
}
@media (max-width: 599px){
  .top .sec04__tag{
    font-size:.875rem;
    padding:.5rem .625rem
  }
}
.top .sec04__card-title{
  margin-bottom:.75rem;
  color:var(--color-black);
  font-weight:700;
  font-size:clamp(15px,calc(18 * (100vw / 1200)),18px);
  line-height:1.6
}
@media (max-width: 599px){
  .top .sec04__card-title{
    font-size:1.125rem;
    margin-bottom:.625rem
  }
}
.top .sec04__card-thumb{
  margin-bottom:1.25rem;
  border-radius:.5rem;
  overflow:hidden;
  aspect-ratio:3/2;
  background:#0000000d
}
@media (max-width: 599px){
  .top .sec04__card-thumb{
    margin-bottom:1rem
  }
}
.top .sec04__card-thumb-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover
}
.top .sec04__card-price{
  text-align:right;
  font-size:24px;
  margin-bottom:.3125rem;
  color:red
}
.top .sec04__card-info{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  margin-bottom:1.25rem
}
@media (max-width: 599px){
  .top .sec04__card-info{
    margin-bottom:1rem;
    gap:.3125rem
  }
}
.top .sec04__card-info-row{
  display:flex;
  align-items:center;
  gap:.75rem
}
.top .sec04__card-info-label{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:5rem;
  padding:.3125rem .625rem;
  background:var(--color-gray-label);
  border-radius:.625rem;
  color:var(--color-white);
  font-weight:700;
  font-size:.9375rem;
  line-height:1.2
}
@media (max-width: 599px){
  .top .sec04__card-info-label{
    min-width:5rem;
    font-size:.875rem;
    padding:.3125rem .625rem
  }
}
.top .sec04__card-info-value{
  color:var(--color-black);
  font-weight:700;
  font-size:clamp(15px,calc(18 * (100vw / 1200)),18px);
  line-height:1.4
}
@media (max-width: 599px){
  .top .sec04__card-info-value{
    font-size:1rem
  }
}
.top .sec04__card-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.75rem;
  margin-top:auto;
  padding:1rem 1.25rem;
  background:var(--color-orange);
  border-radius:9999px;
  color:var(--color-white);
  text-decoration:none;
  transition:opacity .2s ease;
  position:relative
}
.top .sec04__card-btn:not(:first-of-type){
  margin-top:.5rem
}
.top .sec04__card-btn:hover{
  opacity:.85
}
@media (max-width: 599px){
  .top .sec04__card-btn{
    padding:1.25rem 1rem;
    gap:.5rem
  }
}
.top .sec04__card-btn-text{
  font-weight:700;
  font-size:clamp(18px,calc(23 * (100vw / 1200)),23px);
  line-height:1
}
@media (max-width: 599px){
  .top .sec04__card-btn-text{
    font-size:1.5rem
  }
}
.top .sec04__card-btn-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:.875rem;
  height:.875rem;
  border-radius:50%;
  color:var(--color-orange);
  font-size:1rem;
  font-weight:700;
  line-height:1;
  position:absolute;
  right:1.25rem;
  top:50%;
  transform:translateY(-50%);
  background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15.574'%20height='16.403'%20viewBox='0%200%2015.574%2016.403'%3e%3cpath%20id='パス_3'%20data-name='パス%203'%20d='M18.787,25.574l6.787-6.787L18.787,12M12,18.787H25.574'%20transform='translate(-11%20-10.586)'%20fill='none'%20stroke='%23fff'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'/%3e%3c/svg%3e");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain
}
@media (max-width: 599px){
  .top .sec04__card-btn-icon{
    width:.9375rem;
    height:.9375rem;
    font-size:.8125rem
  }
}
.top .sec05{
  padding:3rem 0 5rem
}
@media (max-width: 599px){
  .top .sec05{
    padding:2rem 0 3rem
  }
}
.top .sec05__inner{
  position:relative;
  background:var(--color-bg-gray)
}
.top .sec05__head-wrap{
  margin:0
}
.top .sec05__head{
  width:100%;
  padding:1.5rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:0;
  background:transparent;
  border:0;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:opacity .2s ease
}
.top .sec05__head:hover{
  opacity:.7
}
.top .sec05__head:focus-visible{
  outline:.125rem solid var(--color-card-blue);
  outline-offset:.125rem
}
@media (max-width: 599px){
  .top .sec05__head{
    padding:1rem
  }
}
.top .sec05__head-title{
  color:var(--color-black);
  font-weight:700;
  font-size:clamp(18px,calc(23 * (100vw / 1200)),23px);
  line-height:1.3
}
@media (max-width: 599px){
  .top .sec05__head-title{
    font-size:1.125rem
  }
}
.top .sec05__toggle{
  display:inline-flex;
  flex-shrink:0;
  align-items:center;
  justify-content:center;
  width:2.25rem;
  height:2.25rem;
  border:.0625rem solid var(--color-black);
  border-radius:50%;
  color:var(--color-black)
}
@media (max-width: 599px){
  .top .sec05__toggle{
    width:1.875rem;
    height:1.875rem
  }
}
.top .sec05__toggle-icon{
  position:relative;
  display:inline-block;
  width:.875rem;
  height:.875rem
}
.top .sec05__toggle-icon:before,.top .sec05__toggle-icon:after{
  content:"";
  position:absolute;
  background:currentColor;
  transition:transform .2s ease,opacity .2s ease
}
.top .sec05__toggle-icon:before{
  top:50%;
  left:0;
  width:100%;
  height:.125rem;
  transform:translateY(-50%)
}
.top .sec05__toggle-icon:after{
  top:0;
  left:50%;
  width:.125rem;
  height:100%;
  transform:translate(-50%) scaleY(1)
}
@media (max-width: 599px){
  .top .sec05__toggle-icon{
    width:.75rem;
    height:.75rem
  }
}
.top .sec05__head[aria-expanded=true] .sec05__toggle-icon:after{
  transform:translate(-50%) scaleY(0);
  opacity:0
}
.top .sec05__panel{
  padding:0px 1.5rem 2.1875rem
}
@media (max-width: 599px){
  .top .sec05__panel{
    padding:1rem
  }
}
.top .sec05__list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
  margin-bottom:2rem;
  list-style:none
}
@media (max-width: 1023px){
  .top .sec05__list{
    grid-template-columns:repeat(2,1fr)
  }
}
@media (max-width: 599px){
  .top .sec05__list{
    margin-top:15px;
    grid-template-columns:1fr;
    gap:1rem;
    margin-bottom:1.5rem
  }
}
.top .sec05__item{
  display:flex
}
.top .sec05__card{
  display:flex;
  align-items:stretch;
  gap:.75rem;
  width:100%;
  padding:.75rem;
  background:var(--color-white);
  border-radius:.3125rem;
  box-shadow:0 .0625rem .25rem #0000000f
}
@media (max-width: 599px){
  .top .sec05__card{
    padding:.625rem;
    gap:.625rem
  }
}
.top .sec05__card-thumb{
  flex-shrink:0;
  overflow:hidden;
  width:6.5625rem;
  height:4.5625rem;
  border-radius:.25rem;
  background:#0000000d
}
@media (max-width: 599px){
  .top .sec05__card-thumb{
    width:5.625rem;
    height:4rem
  }
}
.top .sec05__card-thumb-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover
}
.top .sec05__card-body{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:.375rem
}
.top .sec05__card-meta{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  line-height:1.2
}
.top .sec05__card-meta-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.125rem .5rem;
  background:var(--color-gray-label);
  border-radius:.1875rem;
  color:var(--color-white);
  font-weight:700;
  font-size:.75rem
}
.top .sec05__card-meta-value{
  color:var(--color-black);
  font-weight:700;
  font-size:.75rem
}
.top .sec05__card-title{
  color:var(--color-black);
  font-weight:700;
  font-size:.75rem;
  line-height:1.6
}
.top .sec05__more{
  display:flex;
  justify-content:center
}
.top .sec05__more-btn{
  display:inline-flex;
  align-items:center;
  justify-content:left;
  gap:1.25rem;
  min-width:10.5rem;
  padding:.875rem 1.25rem;
  border:.0625rem solid var(--color-black);
  border-radius:9999px;
  color:var(--color-black);
  text-decoration:none;
  position:relative;
  transition:background .2s ease,color .2s ease
}
.top .sec05__more-btn:hover{
  background:var(--color-black);
  color:var(--color-white)
}
.top .sec05__more-btn:hover .sec05__more-btn-icon{
  border-color:var(--color-white);
  color:var(--color-white)
}
@media (max-width: 599px){
  .top .sec05__more-btn{
    min-width:10.5rem;
    padding:.875rem 1.25rem;
    gap:.875rem
  }
}
.top .sec05__more-btn-text{
  font-weight:700;
  font-size:clamp(16px,calc(18 * (100vw / 1200)),18px);
  line-height:1
}
@media (max-width: 599px){
  .top .sec05__more-btn-text{
    font-size:1rem
  }
}
.top .sec05__more-btn-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.125rem;
  height:1.125rem;
  border:.0625rem solid var(--color-black);
  border-radius:50%;
  color:var(--color-black);
  font-size:.875rem;
  font-weight:400;
  line-height:1;
  position:absolute;
  top:50%;
  right:10px;
  transform:translateY(-50%);
  transition:border-color .2s ease,color .2s ease
}
@media (max-width: 599px){
  .top .sec05__more-btn-icon{
    width:1.25rem;
    height:1.25rem;
    font-size:.75rem
  }
}
.top .sec06{
  background:var(--color-white)
}
.top .sec06__hero{
  position:relative;
  overflow:hidden;
  aspect-ratio:1366/598;
  background:linear-gradient(180deg,#cdeaff,#e9f5dc)
}
@media (max-width: 599px){
  .top .sec06__hero{
    aspect-ratio:auto;
    padding:2.5rem 0 3.5rem
  }
}
.top .sec06__hero-bg{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  pointer-events:none;
  -webkit-user-select:none;
  user-select:none
}
.top .sec06__hero-inner{
  position:relative;
  z-index:1;
  width:100%;
  height:100%
}
@media (max-width: 599px){
  .top .sec06__hero-inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1.25rem;
    padding:0 0rem
  }
}
.top .sec06__title{
  position:absolute;
  top:6%;
  left:3.81%;
  width:41.5%;
  z-index:2;
  margin:0
}
@media (max-width: 599px){
  .top .sec06__title{
    position:static;
    width:100%;
    margin:0 auto
  }
}
.top .sec06__title-img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain
}
.top .sec06__points{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  list-style:none
}
@media (max-width: 599px){
  .top .sec06__points{
    position:static;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:.75rem;
    width:100%
  }
}
.top .sec06__point{
  position:absolute;
  width:18%
}
@media (max-width: 599px){
  .top .sec06__point{
    position:relative;
    width:100%
  }
}
.top .sec06__point-icon{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain
}
.top .sec06__point--01{
  top:13.28%;
  left:55.53%
}
@media (max-width: 599px){
  .top .sec06__point--01{
    top:-55%;
    left:5%
  }
}
.top .sec06__point--02{
  top:38.05%;
  left:39.05%
}
@media (max-width: 599px){
  .top .sec06__point--02{
    top:-15%;
    left:-5%
  }
}
.top .sec06__point--03{
  top:55.69%;
  left:55.75%
}
@media (max-width: 599px){
  .top .sec06__point--03{
    top:-55%;
    left:5%
  }
}
.top .sec06__point--04{
  top:32.89%;
  left:72.74%
}
@media (max-width: 599px){
  .top .sec06__point--04{
    top:-15%;
    left:-5%
  }
}
.top .sec06__desc-wrap{
  padding:2.5rem 0 5rem
}
@media (max-width: 599px){
  .top .sec06__desc-wrap{
    padding:1.5rem 0 3rem
  }
}
.top .sec06__desc{
  color:var(--color-black);
  font-size:clamp(13px,calc(15 * (100vw / 1200)),15px);
  line-height:2;
  text-align:justify;
  font-family:var(--font-sans);
  font-weight:500
}
@media (max-width: 599px){
  .top .sec06__desc{
    font-size:.875rem;
    line-height:1.8;
    padding:0 20px
  }
}
.top .sec07{
  padding:2.5rem 0 5rem;
  background:var(--color-white)
}
@media (max-width: 599px){
  .top .sec07{
    padding:1.5rem 0 3rem
  }
}
.top .sec07__inner{
  position:relative
}
.top .sec07__head{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1.25rem;
  margin-bottom:2rem
}
@media (max-width: 599px){
  .top .sec07__head{
    gap:.75rem;
    margin-bottom:1.25rem
  }
}
.top .sec07__head-icon{
  display:block;
  width:8.125rem;
  height:4.0625rem;
  object-fit:contain
}
@media (max-width: 599px){
  .top .sec07__head-icon{
    width:5.625rem;
    height:2.8125rem
  }
}
.top .sec07__head-title{
  color:var(--color-orange);
  font-weight:700;
  font-size:clamp(32px,calc(52 * (100vw / 1200)),52px);
  line-height:1.2
}
@media (max-width: 599px){
  .top .sec07__head-title{
    font-size:2.25rem
  }
}
.top .sec07__list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1.25rem;
  list-style:none
}
@media (max-width: 599px){
  .top .sec07__list{
    grid-template-columns:1fr;
    gap:1rem
  }
}
.top .sec07__item{
  display:flex
}
.top .sec07__item:nth-child(2) .sec07__card{
  background:#e5fdff
}
@media (min-width: 600px){
  .top .sec07__item:nth-child(3) .sec07__card{
    background:#e5fdff
  }
}
@media (max-width: 599px){
  .top .sec07__item:nth-child(4) .sec07__card{
    background:#e5fdff
  }
}
.top .sec07__card{
  display:flex;
  align-items:center;
  gap:1.25rem;
  width:100%;
  padding:1.25rem;
  border-radius:.75rem;
  background:#e5f5ff
}
@media (max-width: 599px){
  .top .sec07__card{
    gap:1rem;
    padding:20px 1rem
  }
}
.top .sec07__card-avatar{
  flex-shrink:0;
  overflow:hidden;
  width:5.625rem;
  height:5.625rem;
  background:var(--color-white);
  border-radius:50%
}
@media (max-width: 599px){
  .top .sec07__card-avatar{
    width:4.5rem;
    height:4.5rem
  }
}
.top .sec07__card-avatar-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover
}
.top .sec07__card-body{
  flex:1;
  min-width:0
}
.top .sec07__card-quote{
  color:var(--color-black);
  font-weight:700;
  font-size:clamp(14px,calc(17 * (100vw / 1200)),17px);
  line-height:1.7
}
@media (max-width: 599px){
  .top .sec07__card-quote{
    font-size:.9375rem;
    margin-bottom:1.25rem
  }
}
.top .sec07__card-attr{
  margin-top:.75rem;
  color:#848484;
  font-weight:700;
  font-size:clamp(16px,calc(22 * (100vw / 1200)),22px);
  line-height:1;
  text-align:right
}
@media (max-width: 599px){
  .top .sec07__card-attr{
    font-size:1rem;
    margin-top:.5rem
  }
}
.top .top-floating{
  position:fixed;
  right:0rem;
  bottom:1.25rem;
  z-index:100;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.375rem;
  width:7.5rem;
  height:6.875rem;
  padding:.75rem;
  background:var(--color-orange);
  border-radius:.625rem 0 0 .625rem;
  color:var(--color-white);
  text-decoration:none;
  box-shadow:0 .25rem .75rem #0000002e;
  transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease,visibility .2s ease
}
.top .top-floating:hover{
  transform:translateY(-.125rem);
  box-shadow:0 .375rem 1rem #0000003d
}
.top .top-floating.is-hidden{
  opacity:0;
  visibility:hidden;
  transform:translateY(1.25rem);
  pointer-events:none
}
@media (max-width: 599px){
  .top .top-floating{
    right:0rem;
    bottom:.75rem;
    width:6rem;
    height:5.625rem;
    padding:.5rem;
    gap:.25rem
  }
}
.top .top-floating__text{
  display:flex;
  flex-direction:column;
  align-items:center;
  line-height:1.2
}
.top .top-floating__text-main{
  color:var(--color-white);
  font-weight:700;
  font-size:1.3125rem;
  white-space:nowrap;
  letter-spacing:0rem
}
@media (max-width: 599px){
  .top .top-floating__text-main{
    font-size:1rem
  }
}
.top .top-floating__text-sub{
  color:var(--color-white);
  font-weight:700;
  font-size:1.125rem
}
@media (max-width: 599px){
  .top .top-floating__text-sub{
    font-size:.875rem
  }
}
.top .top-floating__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.75rem;
  height:1.75rem;
  border:.125rem solid var(--color-white);
  border-radius:50%;
  color:var(--color-white);
  line-height:1
}
.top .top-floating__icon svg{
  display:block;
  width:.875rem;
  height:.875rem
}
@media (max-width: 599px){
  .top .top-floating__icon{
    width:1.375rem;
    height:1.375rem
  }
  .top .top-floating__icon svg{
    width:.75rem;
    height:.75rem
  }
}