@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;800&display=swap');
/* -------------------- reset-css ------------------------------*/

html, body, div, span, iframe, h1, h2, h3, h4, p, a, img, dl, dt, dd, label, table, tbody, tr, th, td, figure, blockquote { padding: 0; margin: 0; border: 0; vertical-align: baseline; box-sizing: border-box; }
article, aside, figure, footer, header, nav, section { display: block; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a { text-decoration: none; color: #000; transition: .3s ease-in; }
img { max-width: 100%; height: auto; vertical-align: middle; }
video { max-width: 100%; height: auto; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
tr, th, td { vertical-align: middle; }
input[type="submit"]{ -webkit-appearance: none; }
small { font-size: inherit; }
/* -------------------- reset-css ------------------------------*/


/* -------------------- common-css ------------------------------*/
html {
  font-size: 62.5%;
}
body {
  font-size: 1.6rem;
  font-family: 'Noto Sans JP', sans-serif;
  color: #000;
  line-height: 1.6;
}
a:hover{
  opacity: .6;
}
ul li {
  padding-left: 4px;
}
ol li {
  padding-left: 8px;
}
#header {
  width: 100%;
  background-color: #fff;
}
.header__inner {
  max-width: 980px;
  height: 90px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
}
.header__logo {
  width: 200px;
}
.header__cv {
  width: 210px;
}
/*common*/
.cv {
  width: 100%;
  background-color: #F5F2E6;
}
.cv__body {
  height: 100%;
  max-width: 640px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.section_inner {
  max-width: 980px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.common__band {
  font-size: 4rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 32px 0;
  background-color: #FE5852;
}
/*mv*/
#mv {
  height: 670px;
  width: 100%;
  background-image: url(../img/mv_bg_pc.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.mv__body {
  height: 100%;
  max-width: 640px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.mv__copy,.mv__appeal,.mv__merit {
  display: block;
}
.mv__main--sp {
  display: none;
}
/*concept*/
.concept__body {
  background-image: url(../img/concept_img.png);
  background-position: right bottom;
  background-size: 370px;
  background-repeat: no-repeat;
  margin-bottom: 60px;
}
.concept__text {
  margin-top: 40px;
  font-size: 2.4rem;
}
.concept__text p:nth-of-type(n+2) {
  margin-top: 1.6em;
}
.concept__color--red {
  color: #FE5852;
  font-weight: bold;
}
.concept__color--blue {
  color: #125AB3;
  font-weight: bold;
}
/*problem*/
#problem {
  background-image: url(../img/problem_bg.jpg);
  background-color:rgba(255,255,255,0.4);
  background-blend-mode:lighten;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/*attention*/
#attention {
  background-image: url(../img/attention_bg.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
/*solution*/
#solution {
  background-color: #FFC552;
  padding-top: 60px;
  padding-bottom: 60px;
}
.solution__body {
  background-color: #fff;
  border-radius: 20px;
  padding-bottom: 40px;
}
.solution__cont {
  margin-top: 60px;
  padding: 0 40px;
}
.solution_text {
  font-size: 2.4rem;
}
.solution_text p:nth-of-type(2) {
  margin-top: 1.6em;
}
.solution__color {
  font-size: 3.2rem;
  color: #FE5852;
  font-weight: bold;
}
.solution__merit {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.solution__merit p {
  width: 46.66%;
}

/*feature*/
#feature {
  background-color: #FFF9E1;
}

/*step*/
#step {
  background-color: #FFD0A4;
}
.step__flow--pc {
  display: block;
}
.step__flow--sp {
  display: none;
}
/*qa*/
#qa {
  background-color: #FFF9E1;
}

/*footer*/
.footer__logo {
  margin: 0 auto;
  max-width: 200px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.copyright {
  text-align: center;
  padding-top: 24px;
  padding-bottom: 24px;
  background-color: #FE5852;
  color: #fff;
  display: flex;
  flex-direction: column;
  line-height: 32px;
  font-weight: 400;
}
.copyright>a {
  display: inline-block;
  color: #fff;
  font-weight: 400;
  font-size: 1.2rem;
}
small {
  display: block;
  padding-top: 8px;
  font-size: 1.2rem;
}
/*index.php*/
.template__body {
  padding: 100px 0;
}
.template__title {
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.1rem;
  padding-bottom: 0.5em;
  margin-bottom: 2em;
  position: relative;
}
.template__title::after {
  display: block;
  content: '';
  width: 44px;
  height: 1px;
  background: #333;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.template__inner h1 {
  font-size: 2.8rem;
  line-height: 40px;
  letter-spacing: 0.1em;
  padding-top: 40px;
}
.template__inner h2 {
  font-size: 2.4rem;
  line-height: 32px;
  letter-spacing: 0.1em;
/*   padding-top: 40px; */
}
.template__inner h3 {
  font-size: 1.8rem;
  line-height: 32px;
  letter-spacing: 0.1em;
  padding-top: 32px;
}
.template__inner p {
  padding-top: 24px;
}
.template__inner p>a{
  text-decoration: underline;
  color: #006AB7;
  margin-top: -4px;
}
/*404*/
.section__404 {
  padding: 100px 0;
}
.title__404 {
  font-size: 2em;
  text-align: center;
  margin-bottom: 1em;
}
.body__404 p {
  line-height: 2;
  letter-spacing: 0;
  text-align: center;
}
.link__404 {
  display: block;
  color: #6F98AA;
  margin-top: 1em;
  text-align: center;
  text-decoration: underline;
}

@media screen and (max-width: 980px) {
  #mv {
    background-image: none;
    height: auto;
  }
  .mv__body {
    max-width: 980px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .mv__copy,.mv__appeal,.mv__merit {
    display: none;
  }
  .mv__main--sp {
    display: block;
  }
  .concept__body {
    background-size: 37.75%;
  }
  .concept__text {
    font-size: 2rem;
  }
  .solution_text {
    font-size: 2rem;
  }

}
@media screen and (max-width: 768px) {
  .header__inner {
    height: 50px;
  }
  .header__logo {
    width: 120px;
  }
  .header__cv {
    width: 140px;
  }
  .br__pc {
    display: none;
  }
  .concept__body {
    background-image: none;
    margin-bottom: 40px;
  }
  .concept__text {
    margin-top: 32px;
    font-size: 1.4rem;
  }
  .common__band {
    font-size: 3.2rem;
    padding: 16px 0;
  }
  #solution {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .solution__body {
    border-radius: 8px;
    padding-bottom: 32px;
  }
  .solution__cont {
    margin-top: 32px;
    padding: 14px;
  }
  .solution_text {
    font-size: 1.4rem;
  }
  .solution__color {
    font-size: 1.6rem;
  }
  .solution__merit {
    display: block;
    margin-top: 32px;
  }
  .solution__merit p {
    width: 100%;
  }
  .solution__merit p:nth-of-type(2) {
    margin-top: 32px;
  }
  .step__flow--pc {
    display: none;
  }
  .step__flow--sp {
    display: block;
  }
  .copyright>a {
    font-size: 1.2rem;
  }
  small {
    font-size: 1rem;
  }
}

/* --------------------common-css ------------------------------*/


/* --------------------unique-css ------------------------------*/
  
.template__inner p {
  padding-top: 0 !important;
}


.template__title {
  display: none
}

.template__body {
  padding: 0
}

.template__inner p {
  padding-top: 0 !important;
}

:root {
--primary-950: #042f2e;
--primary-900: #134e4a;
--primary-800: #115e59;
--primary-700: #E87800;
--primary-600: rgba(255, 132, 0, 0.93);
--primary-500: #FF8400;
--primary-400: #FFCD98;
--primary-300: #5eead4;
--primary-200: #FF8400;
--primary-100: #FEF8E9;
--primary-050: #FFFCF6;
--accent-950: #451a03;
--accent-900: #78350f;
--accent-800: #92400e;
--accent-700: #b45309;
--accent-600: #d97706;
--accent-500: #f59e0b;
--accent-400: #fbbf24;
--accent-300: #fcd34d;
--accent-200: #fde68a;
--accent-100: #fef3c7;
--accent-050: #fffbeb;
--neutrals-950: #020617;
--neutrals-900: #0f172a;
--neutrals-800: #1e293b;
--neutrals-700: #EF6A26;
--neutrals-600: #475569;
--neutrals-500: #64748b;
--neutrals-400: #94a3b8;
--neutrals-300: #cbd5e1;
--neutrals-200: #e2e8f0;
--neutrals-100: #f1f5f9;
--neutrals-050: #f8fafc;
--rose: #f43f5e;
--line-forest-green: #06c755;
--light-100: #fff;
--light-090: hsla(0, 0%, 100%, .9);
--light-070: hsla(0, 0%, 100%, .7);
--light-030: hsla(0, 0%, 100%, .3);
--light-020: hsla(0, 0%, 100%, .2);
--light-010: hsla(0, 0%, 100%, .1);
--light-005: hsla(0, 0%, 100%, .05);
--light-003: hsla(0, 0%, 100%, .03);
--light-001: hsla(0, 0%, 100%, .01);
--font-size-5xl: 6rem;
--font-size-4xl: 4.8rem;
--font-size-3xl: 3.6rem;
--font-size-xxl: 3rem;
--font-size-xl: 2.4rem;
--font-size-lg: 2rem;
--font-size-md: 1.6rem;
--font-size-sm: 1.4rem;
--font-size-xs: 1.2rem;
--font-size-xxs: 1rem;
--letter-spacing-lg: .1em;
--letter-spacing-md: .05em;
--letter-spacing-sm: .025em;
--line-height-xl: 2.4;
--line-height-lg: 2;
--line-height-md: 1.6;
--line-height-sm: 1.4;
--line-height-xs: 1.2;
--font-family-ja: "Noto Sans JP", sans-serif;
--font-family-dseg: "Dseg", "Seed", sans-serif;
--font-family-oswald: "Oswald", sans-serif;
--width-xl: 1280px;
--width-lg: 1024px;
--width-md: 768px;
--width-sm: 640px;
--width-xs: 430px;
--header-height: 48px;
--gap-4xl: 80px;
--gap-3xl: 64px;
--gap-xxl: 48px;
--gap-xl: 32px;
--gap-lg: 24px;
--gap-md: 16px;
--gap-sm: 12px;
--gap-xs: 8px;
--gap-xxs: 4px;
--radius-xl: 32px;
--radius-lg: 16px;
--radius-md: 8px;
--radius-sm: 4px;
--radius-xs: 2px;
--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);
--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);
--drop-shadow-md: 0 15px 35px rgba(0, 0, 0, .2);
--drop-shadow-sm: 0 12px 24px rgba(0, 0, 0, .05);
--text-shadow-md: 2px 2px 4px rgba(0, 0, 0, .2);
--text-shadow-sm: 1px 1px 0 rgba(0, 0, 0, .1);
--blur-4xl: blur(256px);
--blur-3xl: blur(128px);
--blur-xxl: blur(64px);
--blur-xl: blur(48px);
--blur-lg: blur(24px);
--blur-md: blur(12px);
--blur-sm: blur(8px);
--anim-puyopuyo: puyopuyo 2s ease-in-out infinite;
--ofz13: 13px;
--ofz14: 14px;
--ofz16: 16px;
--mainOrange: #EE7B00;
--subOrange: #FF9F39;
}

@keyframes puyopuyo {

0%,
40%,
60%,
80% {
   transform: scale(1)
}

30%,
50%,
70% {
   transform: scale(.95)
}
}

@font-face {
font-display: swap;
font-family: Dseg;
src: url(../assets/fonts/DSEG7Classic-Bold.woff2) format("woff2")
}

@font-face {
font-display: swap;
font-family: Oswald;
font-style: normal;
font-weight: 400;
src: url(../assets/fonts/Oswald-Regular.subset.woff2) format("woff2")
}

@font-face {
font-display: swap;
font-family: Oswald;
font-style: normal;
font-weight: 700;
src: url(../assets/fonts/Oswald-Bold.subset.woff2) format("woff2")
}

@font-face {
font-display: swap;
font-family: Seed;
font-style: normal;
font-weight: 400;
src: url(../assets/fonts/LINESeedJP_TTF_Rg.subset.woff2) format("woff2")
}

@font-face {
font-display: swap;
font-family: Seed;
font-style: normal;
font-weight: 700;
src: url(../assets/fonts/LINESeedJP_TTF_Bd.subset.woff2) format("woff2")
}

@font-face {
font-display: swap;
font-family: Seed;
font-style: normal;
font-weight: 900;
src: url(../assets/fonts/LINESeedJP_TTF_Eb.subset.woff2) format("woff2")
}

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

* {
margin: 0;
padding: 0
}

html {
font-size: 62.5%;
scroll-behavior: smooth
}

body {
background-color: var(--neutrals-050);
color: var(--neutrals-700);
font-family: var(--font-family-ja), sans-serif;
font-size: var(--font-size-sm);
line-height: var(--line-height-md);
-webkit-font-smoothing: antialiased
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
overflow-wrap: break-word
}

dl,
ol,
ul {
list-style: none
}

a {
text-decoration: none
}

img,
picture {
display: block;
max-width: 100%
}

button,
input,
select,
textarea {
background-color: transparent;
border: none;
border-radius: 0;
font: inherit;
outline: none
}

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

.Bb9- {
background-color: var(--light-100);
margin: 0 auto;
max-width: 640px;
overflow: hidden;
position: relative
}

.YtAa {
height: 48px;
width: 100%;
--text-size: var(--font-size-xxl)
}

@media (min-width:576px) {
.YtAa {
   --text-size: var(--font-size-3xl)
}
}

.YtAa text {
font-size: var(--text-size);
font-weight: 700;
letter-spacing: var(--letter-spacing-sm);
text-anchor: middle;
dominant-baseline: middle
}

.YtAa text[data-name="1"] {
fill: var(--light-100);
stroke: #FF742C;
stroke-width: 8;
stroke-linejoin: round
}

.YtAa text[data-name="2"] {
fill: var(--light-100)
}

.RQiz {
gap: var(--gap-sm);
transform: translate(-4px);
width: -moz-fit-content;
width: fit-content
}

.DiVI,
.RQiz {
align-items: center;
display: flex;
justify-content: center;
position: relative
}

.DiVI {
aspect-ratio: 1/1;
background-color: var(--line-forest-green);
border-radius: 50%;
flex: 0 0 auto;
flex-direction: column;
transform: rotate(-8deg);
width: 40px
}

@media (min-width:576px) {
.DiVI {
   width: 48px
}
}

.Kv3Q {
transform: rotate(8deg);
width: 28px;
fill: var(--light-100)
}

@media (min-width:576px) {
.Kv3Q {
   width: 32px
}
}

._34Re {
align-items: baseline;
display: flex;
line-height: 1
}

._34Re span {
color: var(--primary-700);
font-size: var(--font-size-lg);
font-weight: 700;
letter-spacing: var(--letter-spacing-sm)
}

@media (min-width:576px) {
._34Re span {
   font-size: var(--font-size-xl)
}
}

._34Re strong {
color: var(--primary-700);
font-family: var(--font-family-oswald), sans-serif;
font-size: 2.6rem;
font-weight: 700;
letter-spacing: var(--letter-spacing-sm);
margin: 0 6px;
position: relative
}


@media (min-width:576px) {
._34Re strong {
   font-size: var(--font-size-xxl)
}
}


.K-S2 {
align-items: center;
display: flex
}

.K-S2[data-lp=diagnosis] .PTim,
.K-S2[data-lp=diagnosis] .rSvv {
font-size: 4rem;
height: 60px;
width: 48px
}

.ZJvc,
.eVkl {
gap: 2px
}

.PTim,
.ZJvc,
.eVkl,
.rSvv {
align-items: stretch;
display: flex
}

.PTim,
.rSvv {
background-color: var(--neutrals-950);
color: var(--light-100);
font-family: var(--font-family-dseg), sans-serif;
font-size: var(--font-size-3xl);
justify-content: center;
position: relative;
width: calc(var(--unit-size)*4);
--unit-size: 10px
}

@media (min-width:576px) {

.PTim,
.rSvv {
   font-size: 4.4rem;
   --unit-size: 13px
}
}

.PTim:before,
.rSvv:before {
color: var(--neutrals-700);
content: "0"
}

.PTim:after,
.rSvv:after {
content: "";
position: absolute
}

.rSvv:after {
content: "0"
}

.rSvv:first-child:after {
animation: nzZ1 1s steps(10) infinite
}

.rSvv:nth-child(2):after {
animation: jxe3 1s steps(10) infinite
}

.rSvv:nth-child(3):after {
animation: sll3 1s steps(10) infinite
}

.BYE0 {
background: linear-gradient(180deg, #57D368 0%, #2CA14D 100%);
border: 2px solid #42B763;
border-radius: var(--radius-sm);
box-shadow: inset 0 1px #fff6, var(--shadow-sm);
display: flex;
justify-content: center;
padding: 20px 0 16px;
position: relative;
transition: all .3s;
width: 100%;
overflow: hidden;
}

@media (min-width:576px) {
.BYE0 {
   padding: 24px 0;
   overflow: hidden;
}
}

.GTuj {
align-items: center;
flex-direction: column;
gap: var(--gap-sm)
}

.GTuj,
.jR6l {
display: flex;
justify-content: center;
width: 100%
}

.jR6l {
align-items: flex-end;
gap: var(--gap-xs);
padding: 0 4px 0 2px
}

.BOPj,
.RUQw {
display: flex
}

.BOPj {
justify-content: center;
position: relative;
width: 100%
}

.RKE2 {
color: var(--light-100);
font-size: 8.4vw;
font-weight: 800;
letter-spacing: var(--letter-spacing-sm);
line-height: 1
}

@media (min-width:576px) {
.RKE2 {
   font-size: 4.4rem
}
}

.PKPn {
color: var(--light-100);
font-size: 5.4vw;
font-weight: 800;
letter-spacing: var(--letter-spacing-sm);
line-height: 1.2
}

@media (min-width:576px) {
.PKPn {
   font-size: 2.6rem
}
}

@keyframes jYUr {

0%,
20%,
50%,
80%,
to {
   transform: translate(2px)
}

48% {
   transform: translate(-12px)
}

60% {
   transform: translate(-8px)
}
}

@keyframes AOGX {
0% {
   transform: translate(3px)
}

5% {
   transform: translate(-3px)
}

10% {
   transform: translate(3px)
}

15% {
   transform: translate(-3px)
}

20% {
   transform: translate(3px)
}

25% {
   transform: translate(-3px)
}

30% {
   transform: translate(0)
}
}

@keyframes YODA {
0% {
   opacity: 0;
   transform: scale(0) rotate(45deg)
}

80% {
   opacity: .5;
   transform: scale(0) rotate(45deg)
}

81% {
   opacity: 1;
   transform: scale(4) rotate(45deg)
}

to {
   opacity: 0;
   transform: scale(50) rotate(45deg)
}
}

.mLNp {
gap: var(--gap-sm);
position: relative;
width: 100%
}

.PVTj,
.mLNp {
display: flex;
flex-direction: column
}

.FI53 {
align-items: center;
background-color: var(--primary-500);
border-radius: var(--radius-sm) var(--radius-sm) 0 0;
display: flex;
height: 40px;
justify-content: space-between;
padding: 2px 12px 0
}

@media (min-width:576px) {
.FI53 {
   height: 48px;
   padding: 4px 16px 0
}
}

.jQi- {
color: var(--light-100);
font-size: 1.5rem;
font-weight: 800;
letter-spacing: var(--letter-spacing-sm)
}

@media (min-width:576px) {
.jQi- {
   font-size: var(--font-size-md)
}
}

.jQi- span {
position: relative;
}

.jQi- span[data-char=き]:before,
.jQi- span[data-char=ご]:before,
.jQi- span[data-char=で]:before,
.jQi- span[data-char=る]:before,
.jQi- span[data-char=利]:before,
.jQi- span[data-char=方]:before,
.jQi- span[data-char=用]:before {
aspect-ratio: 1/1;
background-color: var(--neutrals-700);
border-radius: 50%;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: -5px;
width: 2px;
}

.gH2T {
flex: 0 0 auto;
height: 100%;
position: relative;
width: 64px;
}

@media (min-width:576px) {
.gH2T {
   width: 88px;
}
}

.QTtT {
bottom: -2.7px;
position: absolute;
width: 100%;
z-index: 1;
}

.zgvs {
position: relative;
}

.Ydpo {
background-color: var(--light-100);
border: 2px solid var(--primary-500);
border-radius: 0 0 var(--radius-sm) var(--radius-sm);
flex-direction: column;
}

.L4CI,
.Ydpo {
display: flex;
}

.L4CI {
align-items: flex-start;
gap: var(--gap-xs);
padding: 12px;
}

@media (min-width:576px) {
.L4CI {
   gap: var(--gap-sm);
   padding: 12px 16px;
}
}

.L4CI+.L4CI {
border-top: 1px solid var(--primary-500);
}

.BiVg {
aspect-ratio: 1/1;
flex: 0 0 auto;
transform: translateY(1px);
width: 18px;
fill: var(--primary-500);
}

@media (min-width:576px) {
.BiVg {
   width: 20px;
}
}

.XdqY {
color: var(--primary-600);
font-size: var(--font-size-sm);
font-weight: 700;
letter-spacing: var(--letter-spacing-sm);
}

@media (min-width:576px) {
.XdqY {
   font-size: var(--font-size-md);
}
}

.XdqY small {
font-size: var(--font-size-xxs);
}

@media (min-width:576px) {
.XdqY small {
   font-size: var(--font-size-xs);
}
}

.XdqY strong {
color: var(--accent-600);
margin: 0 2px;
text-decoration: underline;
}

.cmDr {
width: 100%;
}

.cmDr,
.zlg5 {
position: relative;
}

.zlg5 {
align-items: center;
display: flex;
flex-direction: column;
gap: var(--gap-xl);
}

@media (min-width:576px) {
.zlg5 {
   gap: var(--gap-xxl);
}
}

.l2-j {
gap: var(--gap-xs);
}

.QfCI,
.l2-j {
align-items: center;
display: flex;
flex-direction: column;
width: 100%;
}

.xefN {
align-items: center;
display: flex;
justify-content: center
}

.lMdl {
height: auto;
width: 100%;
}

.RA7B {
align-items: center;
display: flex;
flex-direction: column;
padding: 0 0 16px;
position: relative;
width: 100%;
}

.RA7B:before {
background-color: var(--primary-500);
bottom: 0;
content: "";
height: calc(100% - 40px);
position: absolute;
width: 100vw;
}

.sGRo {
display: grid;
grid-template-columns: repeat(3, 1fr);
position: relative;
}

._169n,
.sGRo {
gap: var(--gap-xs);
width: 100%;
}

._169n {
align-items: center;
background-color: var(--light-100);
border: 2px solid var(--primary-500);
border-radius: var(--radius-sm);
display: flex;
flex-direction: column;
justify-content: center;
padding: 32px 4px 12px;
}

.o1F- {
position: absolute
}

.o1F-[data-slug="1month"] {
bottom: 68%;
width: 53px;
}

@media (min-width:576px) {
.o1F-[data-slug="1month"] {
  bottom: 70%;
   width: 64px;
}
}

.o1F-[data-slug="10months"] {
bottom: 74%;
width: 82px;
}

@media (min-width:576px) {
.o1F-[data-slug="10months"] {
   width: 86px;
   bottom : 76%;
}
}

.o1F-[data-slug=free] {
bottom: 66%;
width: 41px;
}

@media (min-width:576px) {
.o1F-[data-slug=free] {
   bottom: 65%;
   width: 53px;
}
}

.rsRv {
color: var(--primary-600);
font-size: 1.5rem;
font-weight: 700;
line-height: var(--line-height-sm);
text-align: center;
}

@media (min-width:576px) {
.rsRv {
   font-size: 1.8rem
}
}

._2xGZ {
position: relative
}

.cufx {
margin: 0 auto;
max-width: 450px;
padding: 0 16px;
width: 100%;
}

#review {
background-image: url('https://taishoku-support.jp/wp-content/uploads/2024/12/voice_background.png');
}

#review .cufx {
margin: 0;
max-width: 640px;

}

@media (min-width:576px) {
.cufx {
   max-width: 540px;
   padding: 0
}
}

.fa6X {
background-color: var(--primary-100);
padding: 0 0 0;
position: relative;
width: 100%
}

.tOVY {
align-items: center;
display: flex;
flex-direction: column
}

.tOVY .fv_title {
width: 353px;
height: 136px;
aspect-ratio: 353/136;
}

@media (min-width:576px) {
.tOVY .fv_title {
   width: 540px;
   height: 208px;
}
}

._8MaM,
.tOVY {
z-index: 1
}

._7tcr,
._8MaM,
.tOVY {
position: relative;
width: 100%
}

._7tcr {
margin-top: 24px;
}

.wG0e {
width: 100%
}

.bMjb {
position: absolute
}

.bMjb[data-text=仕事を辞めても] {
bottom: 42px
}

.bMjb[data-text=生活水準はそのまま！] {
bottom: 0;
transform: translate(6px)
}

@media (min-width:576px) {
.bMjb[data-text=生活水準はそのまま！] {
   bottom: -6px
}
}

.vAhs {
margin-top: 24px
}

.J--o {
margin-top: 48px
}

@media (min-width:576px) {
.J--o {
   margin-top: 64px
}
}

._1V3F {
background-color: var(--primary-500);
border-radius: 30px;
display: flex;
justify-content: center;
margin: 0 auto;
padding: 0 0 0 4px;
position: relative;
width: 266px;
padding: 7px 0;
}

@media (min-width:576px) {
._1V3F {
   width: 280px
}
}

._1V3F:after {
aspect-ratio: 3/1;
background-color: var(--primary-500);
clip-path: polygon(0 0, 50% 100%, 100% 0);
content: "";
position: absolute;
top: 100%;
width: 20px
}

._1c76 {
width: 100%;
text-align: center;
font-size: 17px;
font-weight: bold;
color: #fff;
}

._1c76 svg {
bottom: -8px;
height: 40px;
position: absolute;
width: 100%
}

._1c76 svg text {
font-size: var(--font-size-lg);
font-weight: 700;
letter-spacing: var(--letter-spacing-sm);
text-anchor: middle;
dominant-baseline: middle
}

@media (min-width:576px) {
._1c76 svg text {
   font-size: var(--font-size-xl)
}
}

._1c76 svg text[data-name="1"] {
fill: var(--light-100);
stroke: var(--primary-500);
stroke-width: 4;
stroke-linejoin: round
}

._1c76 svg text[data-name="2"] {
fill: var(--light-100)
}

@keyframes ZxHR {

0%,
to {
   transform: translateY(0)
}

50% {
   transform: translateY(4px)
}
}

._--1- {
color: var(--primary-500);
font-size: 9vw;
font-weight: 700
}

@media (min-width:576px) {
._--1- {
   font-size: var(--font-size-4xl)
}
}

.iVE0 {
background-color: var(--light-100);
border: 2px solid var(--primary-500);
border-radius: var(--radius-md);
flex: 0 0 auto;
flex-direction: column;
gap: var(--gap-lg);
padding: 26px 16px 24px;
position: relative;
width: 280px;
--one-month-height: 20px
}

.IkRX,
.iVE0 {
display: flex
}

.IkRX {
align-items: center;
background-color: var(--primary-500);
border-radius: 16px;
height: 32px;
justify-content: center;
position: relative;
width: 89%;
margin: 0 auto;
}

.IkRX span {
color: var(--light-100);
font-size: var(--font-size-md);
font-weight: 700;
letter-spacing: var(--letter-spacing-sm)
}

.DX0J {
align-items: center;
display: flex;
flex-direction: column;
gap: 22px;
padding: 0 8px
}

.FYAZ {
color: var(--primary-900);
font-size: var(--font-size-sm);
line-height: 1.2;
text-align: center
}

.FYAZ,
._7zgB {
font-weight: 700
}

._7zgB {
align-items: baseline;
color: var(--rose);
display: flex;
font-size: var(--font-size-md);
gap: var(--gap-xxs);
letter-spacing: var(--letter-spacing-sm);
line-height: 1;
position: relative
}

._7zgB:after {
bottom: 0;
content: "!";
font-size: var(--font-size-lg);
position: absolute;
right: -12px;
transform: rotate(5deg)
}

._7zgB strong,
._7zgB:after {
font-family: var(--font-family-oswald), sans-serif
}

._7zgB strong {
align-items: baseline;
display: flex;
font-size: var(--font-size-3xl);
gap: 2px;
letter-spacing: 0
}

._7zgB strong:before {
content: "¥";
font-size: var(--font-size-sm)
}

.cXs7 {
position: relative;
width: 100%
}

.L2Jy,
._9i3o {
display: grid;
gap: var(--gap-xs);
grid-template-columns: repeat(2, 1fr);
width: 100%
}

._9i3o {
padding: 11px 0 0;
position: relative
}

._9i3o:before {
background-image: linear-gradient(to right, var(--neutrals-200) 8px, var(--neutrals-200) 8px);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 10px 1px;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 0;
width: 100%
}

.cylinder-1 {
width: 100%;
height: 46px;
position: relative;
background: #E1E6EB;
}

.cylinder-1::before {
content: "";
width: 100%;
height: 19px;
position: absolute;
top: -9px;
border-radius: 50%;
background: #EFF3F7;
}

.cylinder-1::after {
content: "";
width: 100%;
height: 19px;
position: absolute;
top: 37px;
border-radius: 50%;
background: #E1E6EB;
}

.cylinder-1 .qVm-[data-name=before] {
position: relative;
z-index: 100;
}

.cylinder-2 {
width: 100%;
height: 124px;
position: relative;
background: #FF8400;
display: flex;
align-items: center;
}

.cylinder-2::before {
content: "";
width: 100%;
height: 23px;
position: absolute;
top: -11px;
border-radius: 50%;
background: #FFAD56;
}

.cylinder-2::after {
content: "";
width: 100%;
height: 23px;
position: absolute;
top: 113px;
border-radius: 50%;
background: #FF8400;
}

.cylinder-2 .qVm-[data-name=before] {
position: relative;
z-index: 100;

}

.cylinder-2 .qVm-[data-name=before] span {
color: #fff;
}

.icCL {
justify-content: flex-end;
position: relative
}

.icCL,
.qVm- {
display: flex;
flex-direction: column;
width: 100%
}

.qVm- {
align-items: center;
border-radius: 2px 2px 0 0;
gap: var(--gap-xs);
justify-content: center;
line-height: 1
}

.qVm- span {
align-items: baseline;
display: flex;
font-family: var(--font-family-oswald), sans-serif;
font-size: var(--font-size-lg);
font-weight: 700;
gap: 1px;
line-height: 1
}

.qVm- span:before {
content: "¥";
font-size: var(--font-size-xxs)
}

.qVm-[data-name=before] {
height: calc(var(--one-month-height)*3)
}

.qVm-[data-name=before] span {
color: var(--neutrals-400)
}

.qVm-[data-name=after] {
background-color: var(--primary-500);
height: calc(var(--one-month-height)*7)
}

.qVm-[data-name=after] span {
color: var(--light-100)
}

.vxVM {
align-items: center;
color: var(--primary-900);
display: flex;
font-size: var(--font-size-xs);
font-weight: 700;
justify-content: center;
line-height: 1;
width: 100%
}

.vxVM[data-name=before] {
color: var(--neutrals-500);
max-width: 100px;
}

.vxVM[data-name=after] {
color: var(--primary-700)
}

._0QMM {
align-items: center;
bottom: calc(var(--one-month-height)*3);
display: flex;
flex-direction: column;
gap: var(--gap-xxs);
height: calc(var(--one-month-height)*4);
justify-content: center;
left: 23px;
position: absolute;
width: 56px
}

.NuMR {
animation: Pvlf 2s linear 0s infinite;
background-color: var(--rose);
clip-path: polygon(50% 0, 100% 40%, calc(100% - 10px) 40%, calc(100% - 10px) 100%, 10px 100%, 10px 40%, 0 40%);
flex: 1 1 auto;
width: 100%
}

@keyframes Pvlf {
0% {
   opacity: 0;
   transform: translate3d(0, 8px, 0)
}

25% {
   opacity: .8
}

50% {
   opacity: 1;
   transform: translate3d(0, 4px, 0)
}

75% {
   opacity: .8
}

to {
   opacity: 0;
   transform: translateZ(0)
}
}

.QbrB {
align-items: center;
background-color: var(--rose);
color: var(--light-100);
display: flex;
flex: 0 0 auto;
font-size: var(--font-size-xxs);
font-weight: 700;
height: 20px;
justify-content: center;
letter-spacing: var(--letter-spacing-md);
line-height: 1;
position: relative;
text-align: center;
width: calc(100% - 20px)
}

.AJxz {
overflow-x: scroll;
scrollbar-width: none;
white-space: nowrap;
-webkit-overflow-scrolling: touch
}

.AJxz::-webkit-scrollbar {
display: none
}

._1KHF {
position: relative;
width: calc(100% + 32px)
}

@media (min-width:576px) {
._1KHF {
   width: calc(100% + 100px)
}
}

.AJxz {
display: flex;
gap: var(--gap-sm);
padding: 0 16px
}

@media (min-width:576px) {
.AJxz {
   padding: 0 50px
}
}

.QbeO {
align-items: center;
display: flex;
flex-direction: column;
gap: var(--gap-sm)
}

.QAlO {
animation: QwDu 2s steps(1) infinite;
aspect-ratio: 3/1;
clip-path: polygon(0 0, 100% 0, 50% 100%);
content: "";
margin: 0 auto;
width: 70px
}

.QAlO+.QAlO {
animation-name: Q7mN
}

@keyframes QwDu {

0%,
to {
   background-color: var(--primary-200)
}

50% {
   background-color: var(--primary-400)
}
}

@keyframes Q7mN {

0%,
to {
   background-color: var(--primary-400)
}

50% {
   background-color: var(--primary-200)
}
}

.t3W7 {
align-items: center;
display: flex;
flex-direction: column;
gap: var(--gap-md);
padding-bottom: 80px;
position: relative;
width: 100%
}

.t3W7:before {
background-color: var(--primary-100);
border-radius: 50% 50% 0 0;
bottom: 0;
content: "";
height: calc(100% - 80px);
margin: 0 auto;
position: absolute;
width: 1000px
}

#case .t3W7 {
padding-bottom: 164px;
}

@media (min-width:576px) {
#case .t3W7 {
   padding-bottom: 200px;
}
}

.VJqJ {
align-items: center;
display: flex;
flex-direction: column;
padding-bottom: 64px;
position: relative;
width: 100%
}

.NNMb {
width: 83.5%
}

.JGo2 {
position: absolute
}

.JGo2[data-text=あなたが受給できる] {
bottom: 40px
}

.JGo2[data-text=金額はいくら？] {
bottom: 0
}

@media (min-width:576px) {
.JGo2[data-text=金額はいくら？] {
   bottom: -4px
}
}

.oBRJ {
background-color: #fffefb;
overflow: hidden;
padding: 56px 0 0
}

.zl7e {
display: flex;
flex-direction: column;
gap: var(--gap-xl);
position: relative
}

.PdP4 {
gap: var(--gap-md);
line-height: 1
}

.LEbL,
.PdP4 {
align-items: center;
display: flex;
flex-direction: column;
position: relative
}

.LEbL {
gap: var(--gap-xl)
}

@media (min-width:576px) {
.LEbL {
   gap: var(--gap-xxl)
}
}

.-ddS {
align-items: flex-start;
color: var(--light-100);
display: flex;
flex-direction: column;
font-weight: 700;
gap: var(--gap-xxs);
letter-spacing: var(--letter-spacing-lg);
position: relative;
-webkit-text-stroke: .5px;
}

.gBhl {
font-size: 7vw;
line-height: 1;
letter-spacing: -0.05em;
}

@media (min-width:576px) {
.gBhl {
   font-size: 48px;
}
}

.gBhl strong {
font-size: 13vw;
position: relative
}

@media (min-width:576px) {
.gBhl strong {
   font-size: 70px;
}
}

.gBhl strong:before {
aspect-ratio: 1/1;
background-color: var(--light-100);
border-radius: 50%;
content: "";
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: -2px;
width: 5px
}

.SRDN {
font-size: 8vw;
letter-spacing: -0.05em;
margin-left: 26vw;
white-space: normal;
}

@media (min-width:576px) {
.SRDN {
   font-size: 52px;
   margin-left: 166px;
}
}

.SRDN:after {
content: "?";
font-size: 10vw;
position: absolute;
transform: rotate(8deg) translate(2px, -3px)
}

@media (min-width:576px) {
.SRDN:after {
   font-size: var(--font-size-4xl);
   transform: rotate(8deg) translate(2px, 1px)
}
}

.bXkw {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
width: 100%;
top: -100px;
height: calc((100vw / 780)* 479);
}

@media (min-width:576px) {
.bXkw {
   padding: 0px 0 50px;
   max-height: 393px;
}
}

.bXkw:before {
background-image: url("https://taishoku-support.jp/wp-content/uploads/2024/12/problem_title.png");
background-repeat: no-repeat;
background-size: cover;
content: "";
height: calc((100vw / 780) * 479);
max-height: 393px;
position: absolute;
top: 0;
width: 100vw;
max-width: 640px;
}

@media (min-width:576px) {

.bXkw:before {
   top: -22px;
}
}

.RkXB {
align-items: center;
position: relative;
max-width: 268px;
margin: 0 auto;
}

@media (min-width:576px) {
.RkXB {
   max-width: 326px;
}
}


.RkXB:after {
background-color: var(--light-100);
}

.RkXB::before {
width: 12px;
bottom: -7px;
content: "";
height: 12px;
border-left: 1.2px solid #EF6A26;
border-bottom: 1.2px solid #EF6A26;
position: absolute;
transform: rotate(-45deg) translateX(-50%);
background-color: #fff;
left: 50%;
z-index: 200;
bottom: -2.5px;
}

.jnso {
color: var(--neutrals-700);
font-size: var(--font-size-md);
font-weight: 700;
letter-spacing: var(--letter-spacing-md);
position: relative;
transform: translateY(1px);
z-index: 100;
background-color: var(--light-100);

align-items: center;
border: 1.2px solid #EF6A26;
border-radius: 20px;
display: flex;
flex-direction: column;
height: 40px;
justify-content: center;
padding: 0 20px;
}

#problem .RkXB {
top: 0;
position: absolute;
border: 1px solid #0F172A;
background-color: var(--light-100);

align-items: center;
border-radius: 20px;
display: flex;
flex-direction: column;
height: 40px;
justify-content: center;
padding: 0 20px;
}

#problem .RkXB::before {
border-bottom: 1px solid #0F172A;
border-left: 1px solid #0F172A;
left: 12%;
width: 20px;
height: 20px;
bottom: -10px;
transform: rotate(-95deg) skew(-48deg);
}

#problem .jnso {

color: #0F172A;
padding: 0;
display: block;
height: initial;
border: none;
z-index: 200;
position: relative;
}

@media (min-width:576px) {
.jnso {
   font-size: var(--font-size-lg)
}

#problem .RkXB {
   top: -22px;
}
}

@keyframes bLNp {

0%,
to {
   transform: translateY(0)
}

50% {
   transform: translateY(-4px)
}
}

.-leY {
align-items: center;
background-image: url('https://taishoku-support.jp/wp-content/uploads/2024/12/whitecercle.png');
background-size: cover;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
justify-content: center;
padding: 14px 8px 12px;
position: relative;
max-width: 181px;
aspect-ratio: 181 / 118;
padding: 0;
padding-bottom: 15px;
}

.-leY:nth-child(2),
.-leY:nth-child(5) {
transform: translateY(30px) rotateY(180deg);
}

.-leY:nth-child(1) {
grid-area: 1 / 1 / 3 / 3;
}

.-leY:nth-child(2) {
grid-area: 1 / 3 / 3 / 5;
}

.-leY:nth-child(2) span {
transform: rotateY(-180deg);
}

.-leY:nth-child(3) {
grid-area: 3 / 1 / 5 / 5;
border: none;
background: none;
max-width: 252px;
padding: 0;
margin: 0 auto;
}

.-leY:nth-child(4) {
grid-area: 5 / 1 / 7 / 3;
transform: translateY(-20px) rotateX(180deg);
}

.-leY:nth-child(4) span {
transform: rotateX(-180deg);
}

.-leY:nth-child(5) {
grid-area: 5 / 3 / 7 / 5;
transform: translateY(20px) rotate(180deg);
}

.-leY:nth-child(5) span {
transform: rotate(-180deg);
}

.rpmB {
color: #231F20;
font-size: var(--font-size-md);
font-weight: 700;
letter-spacing: var(--letter-spacing-sm);
position: relative;
text-align: center
}

@media (min-width:576px) {
.rpmB {
   font-size: var(--font-size-lg)
}

.-leY:nth-child(3) {
   max-width: 332px;
}

.-leY {
   max-width: 230px;
}
}

.-ZgN {
position: relative;
width: 100%
}

.m3lJ {
display: grid;
gap: var(--gap-sm);
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr) repeat(2, 2fr) repeat(2, 1fr);
width: 100%
}

.kMbI {
background-color: var(--light-100);
border: 2px solid var(--neutrals-300);
border-radius: 50%;
position: absolute
}

.kMbI[data-number="1"] {
aspect-ratio: 1.5/1;
bottom: -30px;
left: 40px;
width: 20px
}

.kMbI[data-number="2"] {
aspect-ratio: 1.25/1;
bottom: -50px;
left: 60px;
width: 10px
}

.kMbI[data-number="3"] {
aspect-ratio: 1.25/1;
bottom: -50px;
right: 60px;
width: 10px
}

.yhMQ {

background-image: url('https://taishoku-support.jp/wp-content/uploads/2024/12/problem_background.png') !important;

padding-bottom: 16px
}

.y-xe,
.yhMQ {
align-items: center;
display: flex;
flex-direction: column;
gap: var(--gap-xl);
position: relative
}

.y-xe {
z-index: 1
}

._6udG {
display: flex;
flex-direction: column;
gap: var(--gap-md)
}

#problem ._6udG {
margin-top: 43vw;
}

@media (min-width:576px) {
#problem ._6udG {
   margin-top: 275px;
}
}



#problem.yhMQ {
padding-bottom: 15vw;
}

@media (min-width:576px) {
#problem.yhMQ {
   padding-bottom: 96px;
}
}

._6udG,
.dG5T {
position: relative;
width: 100%
}

.dG5T {
transform: translateY(50px)
}

.W9-Y {
align-items: center;
color: var(--primary-500);
display: flex;
flex-direction: column;
font-weight: 700;
gap: var(--gap-xxs);
letter-spacing: var(--letter-spacing-lg);
position: relative;
-webkit-text-stroke: .5px;
}

._1A9q {
font-size: 7vw;
line-height: var(--line-height-xs)
}

@media (min-width:576px) {
._1A9q {
   font-size: var(--font-size-4xl)
}
}

._1A9q strong {
font-size: 11vw;
position: relative
}

@media (min-width:576px) {
._1A9q strong {
   font-size: 6rem
}
}


.vIfn {
max-width: 320px;
position: relative;
width: 100%;
--one-month-height: 20px
}

@media (min-width:576px) {
.vIfn {
   max-width: 320px;
}
}

.-lPC {
align-items: flex-end;
display: grid;
gap: var(--gap-sm);
padding: 0 24px;
position: relative;
justify-content: center;
}


.V4j0,
._67oi {
display: grid;
gap: var(--gap-md);
grid-template-columns: repeat(2, 1fr)
}

.V4j0 {
padding-top: 16px;
position: relative;
top: -6px;
}



.V4j0:after,
.V4j0:before {
background-image: linear-gradient(to right, var(--neutrals-200) 8px, var(--neutrals-200) 8px);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 10px 1px;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 100%
}

.V4j0:before {
top: 0;
width: 100%
}

.hY3i {
background-color: var(--rose);
clip-path: polygon(50% 0, 100% 10px, calc(100% - 4px) 10px, calc(100% - 4px) calc(100% - 10px), 100% calc(100% - 10px), 50% 100%, 0 calc(100% - 10px), 4px calc(100% - 10px), 4px 10px, 0 10px);
height: calc(var(--one-month-height)*7);
left: 0;
top: 0;
width: 16px
}

.hY3i,
.lQIK {
position: absolute
}

.c3ur {
max-width: 158px;
}

.lQIK {
align-items: baseline;
color: var(--rose);
display: flex;
font-size: var(--font-size-sm);
font-weight: 700;
left: 24px;
top: 20px
}

@media (min-width:576px) {
.lQIK {
   font-size: var(--font-size-md)
}
}

.lQIK strong {
font-family: var(--font-family-oswald), sans-serif;
font-size: var(--font-size-3xl)
}

@media (min-width:576px) {
.lQIK strong {
   font-size: var(--font-size-4xl)
}
}

._67oi {
padding: 24px calc(24px + var(--gap-sm)) 0;
}

@media (min-width:576px) {
._67oi {
   max-width: 360px;
   gap: 40px;
}
}
._3qf2 {
justify-content: flex-end;
position: relative
}

.FnGl,
._3qf2 {
display: flex;
flex-direction: column;
width: 100%;
margin: 0 3vw 0 0;
}

@media (min-width:640px) {
  .FnGl, ._3qf2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 27px 0 0;
  }
}

.FnGl {
align-items: center;
justify-content: center;
line-height: 1.2;
position: relative;
z-index: 100;
}

.FnGl[data-name=base] span.small,
.FnGl[data-name=addition] span.small {
font-size: 8px;
}

.FnGl small,
.FnGl span {
font-weight: 700;
letter-spacing: var(--letter-spacing-sm)
}

.FnGl small {
display: flex;
gap: 2px
}

.FnGl small:before {
content: "（"
}

.FnGl small:after {
content: "）"
}

.FnGl[data-name=base] {
height: calc(var(--one-month-height)*3)
}

.FnGl[data-name=base] small,
.FnGl[data-name=base] span {
color: var(--light-100)
}

.FnGl[data-name=base] span {
font-size: 15px
}

.FnGl[data-name=base] small {
font-size: var(--font-size-xxs)
}

.FnGl[data-name=addition] {
height: calc(var(--one-month-height)*7)
}

.FnGl[data-name=addition] small,
.FnGl[data-name=addition] span {
color: var(--light-100)
}

.FnGl[data-name=addition] span {
font-size: var(--font-size-md)
}

.FnGl[data-name=addition] small {
font-size: var(--font-size-xxs)
}

/* 円柱 */
.cylinder-3 {
width: 98px;
height: 39px;
position: relative;
background: #FFCF21;
}

.cylinder-3::before {
content: "";
width: 98px;
height: 28px;
position: absolute;
top: -15px;
border-radius: 50%;
background: #FFE37D;
}

.cylinder-3::after {
content: "";
width: 98px;
height: 28px;
position: absolute;
top: 27px;
border-radius: 50%;
background: #FFCF21;
}

.cylinder-4 {
width: 98px;
height: 138px;
position: relative;
background: #FF5959;
}

.cylinder-4::before {
content: "";
width: 98px;
height: 28px;
position: absolute;
top: -15px;
border-radius: 50%;
background: #FF9292;
}

.cylinder-4::after {
content: "";
width: 98px;
height: 28px;
position: absolute;
z-index: 100;
top: 122px;
border-radius: 50%;
background: #FF5959;
}

.GUw5 {
align-items: center;
color: #DC6425;
display: flex;
font-size: var(--font-size-md);
font-weight: 700;
justify-content: center;
white-space: nowrap;
}

.HnrS {
padding: 80px 0 120px;
position: relative
}

@media (min-width:576px) {
.HnrS {
   padding-bottom: 160px
}
}

.bEfZ {
position: relative
}

.AkPT,
.bEfZ {
flex-direction: column;
gap: var(--gap-xxl)
}

.AkPT,
.bEfZ,
.j-xJ {
align-items: center;
display: flex
}

.j-xJ {
height: 40px;
justify-content: center;
position: relative;
width: 100%
}

.j-xJ:before {
aspect-ratio: 5/1;
background-color: var(--primary-500);
clip-path: polygon(0 0, 50% 100%, 100% 0);
content: "";
height: 100%;
position: absolute
}

._3J7d[class] {
position: absolute;
top: -12px;
--text-size: var(--font-size-xl)
}

._8iBt {
align-items: center;
background-color: var(--light-100);
display: flex;
flex-direction: column;
gap: var(--gap-xl);
position: relative;
width: 100%
}

.AuPK {
align-items: center;
display: flex;
flex-direction: column;
gap: var(--gap-sm);
height: 150px;
position: relative
}



.AuPK:before {
background-color: #FF742C;
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(50% + 30px) calc(100% - 20px), 50% 100%, calc(50% - 30px) calc(100% - 20px), 0 calc(100% - 20px), 0 100%);
content: "";
height: 100%;
position: absolute;
top: 0;
width: 100vw
}

@media (min-width:576px) {
.AuPK {
   height: 180px
}

.AuPK:before {
   height: 110%;
}
}


._4fa0 {
display: flex;
justify-content: center;
position: absolute;
top: -116px;
width: 100%
}

@media (min-width:576px) {
._4fa0 {
   top: -160px
}
}

.Drrt {
max-width: 360px;
width: 100%
}

@media (min-width:576px) {
.Drrt {
   max-width: none
}
}

.P908 {
position: absolute;
bottom: -24px;
}

.P908[data-text=退職ジャパンが] {
bottom: -22px
}

.P908[data-text=できることをご紹介] {
bottom: -60px
}

@media (min-width:576px) {
.P908[data-text=できることをご紹介] {
   bottom: -64px
}
}

.mOkE {
align-items: center;
background-color: var(--light-100);
border-radius: var(--radius-md);
display: flex;
flex-direction: column;
gap: var(--gap-xl);
padding: 32px 16px;
position: relative
}

.short {
display: flex;
align-items: stretch;
justify-content: space-between;
width: 100%;
max-width: 346px;
}

@media (min-width:640px) {
  .short {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    max-width: 360px;
  }
}

.short dl {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}

.short dl dt {
font-weight: bold;
padding: 4px 14px;
border-radius: 4px;
display: inline-block;
margin-bottom: 16px;
}

.short dl dd {
display: flex;
flex-direction: column;
gap: 12px;
position: relative;
color: #0F172A;
font-weight: bold;
font-size: 13px;
line-height: 1.56;
}

.short dl:last-of-type dd {
gap: 6px;
}

.short dl:first-of-type dd::after {
content: '';
background-color: #CFD5DE;
height: 220px;
width: 2px;
display: inline-block;
position: absolute;
right: -16px;
}

@media (min-width:640px) {
  .short dl:first-of-type dd::after {
    content: '';
    background-color: #CFD5DE;
    height: 220px;
    width: 2px;
    display: inline-block;
    position: absolute;
    right: -22px;
  }
}

.short dl:first-of-type dt {
color: #353434;
background-color: #D4D4D4;
}

.short dl:last-of-type dt {
color: #B96001;
background-color: #FFDC5E;
}

.short dl:first-of-type img {
margin: 0 auto;
max-width: 133px;
}

.short dl:last-of-type img {
margin: 0 auto;
max-width: 158px;
}

.short dl:first-of-type dd strong,
.short dl:first-of-type dd span {
color: #004CFF;
}

.short dl:first-of-type dd strong {
font-size: 18px;
}

.short dl:last-of-type dd strong {
position: relative;
font-size: 16px;
z-index: 100;
}

.short dl:last-of-type dd strong::before {
content: '';
display: inline-block;
width: 94px;
height: 7px;
background-color: #FFF25E;
position: absolute;
bottom: 0;
left: -10%;
z-index: -1;
}

.short dl:last-of-type dd span {
color: #FA5858;
display: inline-block;
}

.short dl:last-of-type dd span::first-letter {
font-size: 30px;
margin-left: 4px;

}

@media (min-width:576px) {
.mOkE {
   gap: var(--gap-xxl);
   padding: 40px 32px
}
}

.alpC {
align-items: center;
display: flex;
height: 40px;
justify-content: center;
position: relative;
width: 40px
}

.zNNU {
height: 36px;
width: 36px;
fill: var(--primary-500)
}

.zNNU[data-icon=heart] {
height: 40px;
transform: translate(2px);
width: 40px
}

.BXGv {
align-items: center;
display: flex;
flex-direction: column;
gap: var(--gap-sm)
}

@media (min-width:576px) {
.BXGv {
   gap: var(--gap-md)
}
}

.b0xF {
color: #334155;
font-size: var(--font-size-xl);
font-weight: 700
}

@media (min-width:576px) {
.b0xF {
   font-size: var(--font-size-xxl)
}
}

.VlwY {
color: var(--neutrals-900);
font-size: var(--font-size-md);
line-height: var(--line-height-lg);
text-align: center
}

@media (min-width:576px) {
.VlwY {
   font-size: var(--font-size-lg)
}
}

.LxzC {
display: flex;
flex-direction: column;
gap: var(--gap-xl);
width: 100%;
}

.FClL {
justify-content: center;
align-items: center;
color: var(--primary-500);
display: flex;
letter-spacing: var(--letter-spacing-lg);
line-height: 1;
letter-spacing: -.06em;
-webkit-text-stroke: .5px;
}

.SbrJ {
align-items: baseline;
color: #FA5858;
padding-top: 10px;
font-size: 62px;
font-weight: 700;
justify-content: center;
line-height: 1;
font-family: 'Noto Sans JP';
}

@media (min-width:576px) {
.SbrJ {
   font-size: 78px;
   height: 92px;
   padding-top: 0;

}
}

.vZm- {
align-items: baseline;
display: flex;
font-size: 28px;
font-weight: bold;
gap: var(--gap-xxs);
transform: translateY(8px);
font-family: 'Noto Sans JP', sans-serif;
}

.vZm- span {
color: #FA5858;
font-size: 40px;
}

@media (min-width:576px) {
.vZm- {
   font-size: 28px;
   transform: translateY(4px)
}
}

.vZm-:before {
align-items: flex-end;
content: attr(data-text);
display: flex;
font-size: 4vw;
font-weight: 900;
writing-mode: vertical-rl
}

@media (min-width:576px) {
.vZm-:before {
   font-size: var(--font-size-xl)
}
}

.oinE {
counter-reset: cp_clist;
/*数字をリセット*/
}

.E2jn {
background-color: var(--light-100);
border-radius: var(--radius-md);
flex-direction: column;
gap: var(--gap-xs);
padding: 16px 0;
position: relative;
}

.E2jn::before {
background-image: url('https://taishoku-support.jp/wp-content/uploads/2024/12/cercle_orange.png');
background-repeat: no-repeat;
background-size: contain;
/* カウントさせる */
counter-increment: cp_clist;
content: counter(cp_clist, decimal-leading-zero);
color: #fff;
width: 41px;
height: 36px;
font-weight: bold;
font-size: 15px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -12px;
left: -6px;
padding-right: 5px;
}

@media (min-width:576px) {
.E2jn::before {
   width: 46px;
   height: 41px;
   font-size: 17px;
}
}

.E2jn:nth-of-type(1) .jL-O {
max-width: 72px;
}

@media (min-width:576px) {
.E2jn:nth-of-type(1) .jL-O {
max-width: 80px;
}
}

.E2jn:nth-of-type(2) .jL-O {
max-width: 56px;
}

@media (min-width:576px) {
.E2jn:nth-of-type(2) .jL-O {
max-width: 62px;
}
}

.E2jn:nth-of-type(3) .jL-O {
max-width: 106px;
}

@media (min-width:576px) {
.E2jn:nth-of-type(3) .jL-O {
max-width: 108px;
}
}

.E2jn:nth-of-type(4) .jL-O {
max-width: 74px;
}

@media (min-width:576px) {
.E2jn:nth-of-type(4) .jL-O {
max-width: 76px;
}
}

.E2jn:nth-of-type(5) .jL-O {
max-width: 110px;
}

@media (min-width:576px) {
.E2jn:nth-of-type(5) .jL-O {
max-width: 110px;
}
}

.E2jn:nth-of-type(6) .jL-O {
max-width: 81px;
}

@media (min-width:576px) {
.E2jn:nth-of-type(6) .jL-O {
max-width: 74px;
}
}


.E2jn,
.jL-O {
align-items: center;
display: flex;
justify-content: center
}

.jL-O {
height: 80px;
position: relative;
width: 100%
}

@media (min-width:576px) {
.jL-O {
   height: 100px
}
}

@media (min-width:576px) {
.nTiV[data-number="1"] {
   width: 100px
}
}

.nTiV[data-number="2"] {
width: 72px
}

@media (min-width:576px) {
.nTiV[data-number="2"] {
   width: 92px
}
}

.nTiV[data-number="3"] {
width: 72px
}

@media (min-width:576px) {
.nTiV[data-number="3"] {
   width: 88px
}
}

.nTiV[data-number="4"] {
width: 88px
}

@media (min-width:576px) {
.nTiV[data-number="4"] {
   width: 108px
}
}

.DuMr {
font-size: var(--font-size-md);
font-weight: 700;
color: #334155;
text-align: center;
}

@media (min-width:576px) {
.DuMr {
   font-size: var(--font-size-lg)
}
}

.oinE {
display: grid;
gap: 20px 16px;
grid-template-columns: repeat(2, 1fr);
width: 100%
}

.FuyA {
background-color: var(--primary-100);
padding: 0 0 40px;
position: relative
}

.kCDb {
display: flex;
flex-direction: column;
gap: var(--gap-lg);
width: 100%
}

@media (min-width:576px) {
.kCDb {
   gap: 56px;
}
}

.p5vB {
gap: var(--gap-xxl)
}

.W-Nd,
.p5vB {
align-items: center;
display: flex;
flex-direction: column;
width: 100%
}

.W-Nd {
gap: 24px;
}

.UYlB,
.jRQt {
height: 100%;
position: absolute
}

.jRQt {
width: auto;
fill: var(--light-020)
}

.x52Q {
align-items: center;
display: flex;
gap: var(--gap-xs);
line-height: 1;
position: relative;
transform: translate(-8px)
}

._6LWO {
align-items: flex-end;
display: flex;
flex-direction: column;
gap: var(--gap-sm)
}

.OBp2 {
align-items: center;
background-color: var(--light-100);
border-radius: 100vmax;
color: var(--accent-500);
display: flex;
font-size: var(--font-size-md);
font-weight: 700;
height: 32px;
justify-content: center;
letter-spacing: var(--letter-spacing-sm);
padding: 2px 12px 0;
position: relative
}

@media (min-width:576px) {
.OBp2 {
   font-size: var(--font-size-lg);
   height: 40px;
   padding: 0 16px
}
}

.I6kx {
aspect-ratio: 38 / 33;
background-color: var(--light-100);
bottom: -7px;
clip-path: polygon(0 0, 100% 0, 100% 100%);
content: "";
position: absolute;
left: 60px;
width: 10px;
}

.I6kx,
.Whkx {
align-items: center;
display: flex;
justify-content: center
}

.Whkx {
color: var(--light-100);
font-size: 4rem;
font-weight: 700;
letter-spacing: var(--letter-spacing-sm);
position: relative;
font-family: 'Noto Sans JP', sans-serif;
align-items: end;
}

._6LWO .small {
font-size: 2.5rem;
background-color: #fff;
border-radius: 50%;
color: #FF5B5B;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 3px;
margin-left: 4px;
}

#review .OBp2 {
color: #FF5B5B;
}

@media (min-width:576px) {
.Whkx {
   font-size: 5.6rem
}
}

.Xhtt {
align-items: center;
color: var(--light-100);
display: flex;
font-size: 6rem;
font-weight: 700;
justify-content: center;
position: relative;
transform: translateY(9px);
font-family: 'Noto Sans JP', sans-serif;
}

@media (min-width:576px) {
.Xhtt {
   font-size: 8rem;
   transform: translateY(12px)
}
}

.Xhtt:after {
clip-path: polygon(0 60%, 100% 60%, 100% 100%, 0 100%);
color: var(--light-100);
position: absolute
}

.iAZI {
align-items: center;
display: flex;
flex-direction: column;
height: calc((100vw / 195) * 94);

position: relative;
width: 100%;
padding-top: 9vw;
}

.iAZI:before {
background-image: url("https://taishoku-support.jp/wp-content/uploads/2024/12/voice_title.png");
background-size: cover;
content: "";
background-repeat: no-repeat;
height: 100%;
position: absolute;
top: 0;
width: 100vw;
}

@media (min-width:576px) {
.iAZI {
   height: 308px;
   padding-top: 57px;
}

.iAZI:before {
   width: 100%;
}
}

._844O {
display: flex;
position: relative;
justify-content: center;
}

._844O:nth-child(2n) {
flex-direction: row-reverse
}

._844O:nth-child(2n) ._96xy {
left: auto;
right: 0
}

._9jah {
align-items: flex-end;
display: flex;
flex: 0 0 auto;
padding: 0 0 16px;
position: relative;
width: 64px;
z-index: 100;
}

@media (min-width:576px) {
._9jah {
   width: 80px;
   padding-bottom: 30px;
}
}

._96xy {
align-items: center;
aspect-ratio: 1/1;
background-color: var(--light-100);
border: 2px solid #FF5B5B;
border-radius: 50%;
display: flex;
flex: 0 0 auto;
flex-direction: column;
left: 0;
max-width: none;
padding: 2px 0 0;
position: absolute;
width: 64px
}

@media (min-width:576px) {
._96xy {
   width: 88px
}
}

._96xy img,
._96xy source {
max-width: 45px;
}

._96xy:after {
align-items: center;
background-color: #FF5B5B;
border-radius: 10px;
bottom: -12px;
color: var(--light-100);
content: attr(data-name);
display: flex;
font-size: var(--font-size-xxs);
font-weight: 700;
height: 20px;
letter-spacing: var(--letter-spacing-sm);
padding: 1px 6px 0;
position: absolute
}

@media (min-width:576px) {
._96xy:after {
   bottom: -15px;
   font-size: var(--font-size-sm);
   height: 24px;
   padding: 0 8px
}

._96xy img,
._96xy source {
   max-width: 67px;
}
}

._844O:nth-last-of-type(odd) ._4L67 {
border-bottom-left-radius: 0%;
margin-left: -10px;
}

._844O:nth-last-of-type(even) ._4L67 {
border-bottom-right-radius: 0%;
margin-right: -10px;
}

._4L67 {
background-color: var(--light-100);
border: 2px solid #FF5B5B;
border-radius: 24px;
flex: 1 1 auto;
padding: 12px 16px;
max-width: 302px;
position: relative;
}

._4L67:after {
content: url(https://taishoku-support.jp/wp-content/uploads/2024/12/voice_illust1.png);
height: 30px;
position: absolute;
right: -13px;
top: -30px;
width: 32px;
transform: scale(0.31);
}

._844O:nth-last-of-type(even) ._4L67::after {
right: initial;
left: -15px;
transform: rotateY(180deg) scale(0.31);
}

@media (min-width:576px) {
._4L67 {
   padding: 16px 24px;
   max-width: 400px;
}
}

._4L67 span {
color: var(--accent-950);
font-size: var(--font-size-sm);
line-height: var(--line-height-lg)
}

@media (min-width:576px) {
._4L67 span {
   font-size: 1.8rem
}
}

.pEWr {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%
}

.cbm5,
.yLfV {
align-items: center;
gap: var(--gap-xl);
z-index: 1
}

.BF0d,
.cbm5,
.yLfV {
display: flex;
flex-direction: column;
position: relative
}

.BF0d {
gap: 37px;
width: 100%
}

._09U9 {
display: flex;
position: relative;
max-width: 90.5%;
margin: 0 auto;
}

.iNBI {
font-weight: 700;
justify-content: center;
line-height: 1;
width: 100%
}

.-nEI,
.iNBI {
align-items: flex-end;
display: flex;
gap: var(--gap-xs);
position: relative
}

span[data-text=かんたん] {
align-items: center;
background-color: #FF8400;
color: var(--light-100);
display: flex;
font-size: var(--font-size-lg);
height: 108px;
justify-content: center;
letter-spacing: .2em;
padding-top: .1em;
width: 32px;
writing-mode: vertical-rl
}

@media (min-width:576px) {
span[data-text=かんたん] {
   font-size: var(--font-size-xl);
   height: 130px;
   letter-spacing: .1em;
   width: 40px
}
}

span[data-text=かんたん]:before {
content: attr(data-text)
}

.TkIe {
align-items: center;
color: #FF5B5B;
display: flex;
font-family: var(--font-family-oswald), sans-serif;
font-size: 13rem;
justify-content: center;
transform: translateY(6px)
}

@media (min-width:576px) {
.TkIe {
   font-size: 16rem
}
}


.TkIe:before {
content: attr(data-text)
}


.kONB {
flex-direction: column;
gap: var(--gap-xxs);
transform: translateY(3px)
}

.kONB,
span[data-text=受給まで簡単] {
align-items: center;
display: flex
}

span[data-text=受給まで簡単] {
border-bottom: 1px solid var(--primary-500);
border-top: 1px solid var(--primary-500);
color: var(--primary-500);
font-size: var(--font-size-lg);
height: 32px;
justify-content: center;
letter-spacing: var(--letter-spacing-lg);
padding: 0 12px;
position: relative;
width: -moz-fit-content;
width: 100%;
}

@media (min-width:576px) {
span[data-text=受給まで簡単] {
   font-size: var(--font-size-lg);
   height: 40px;
   padding: 0 16px
}
}

span[data-text=受給まで簡単]:before {
content: attr(data-text)
}

span[data-text=STEP] {
color: var(--primary-500);
font-family: var(--font-family-oswald), sans-serif;
font-size: var(--font-size-5xl);
font-weight: 700;
letter-spacing: var(--letter-spacing-md)
}

@media (min-width:576px) {
span[data-text=STEP] {
   font-size: 7rem
}
}

@media (min-width:576px) {
span[data-text=STEP]:before {
   font-size: 9rem;
}
}

span[data-text=STEP]:before {
color: #FF5B5B;
content: "5";
font-size: 8rem;
}


.ngcS {
display: flex;
gap: var(--gap-md);
position: relative
}

@media (min-width:576px) {
.ngcS {
   gap: var(--gap-lg)
}
}

.ngcS:last-child .kKEG {
background: linear-gradient(180deg, #FF9C9C 0%, #F33 100%);
}

.ngcS:last-child .ygHn {
border-color: #FF4B4B;
}

.ngcS:last-child .xRCs,
.ngcS:last-child .ygHn {
color: #FF4B4B;
}

.ngcS:last-child .qJjA {
color: var(--accent-950)
}

.d0Ah {
align-items: center;
display: flex;
flex: 0 0 auto;
flex-direction: column;
position: relative
}

.d0Ah[data-step="2"]:before,
.d0Ah[data-step="3"]:before,
.d0Ah[data-step="4"]:before,
.d0Ah[data-step="5"]:before {
aspect-ratio: 3/1;
clip-path: polygon(0 0, 100% 0, 50% 100%);
content: "";
margin: 0 auto;
position: absolute;
top: -38px;
width: 42px
}

@media (min-width:576px) {

.d0Ah[data-step="2"]:before,
.d0Ah[data-step="3"]:before,
.d0Ah[data-step="4"]:before,
.d0Ah[data-step="5"]:before {
   top: -46px
}
}

.d0Ah[data-step="3"]:before {
animation-name: bxca
}

.d0Ah[data-step="4"]:before {
animation-name: od9T
}

.d0Ah[data-step="5"]:before {
animation-name: BrV8
}

@keyframes J15r {

0%,
25% {
   background-color: var(--primary-400)
}

26%,
50% {
   background-color: var(--primary-200)
}

51%,
75% {
   background-color: var(--primary-200)
}

76%,
to {
   background-color: var(--primary-200)
}
}

@keyframes bxca {

0%,
25% {
   background-color: var(--primary-200)
}

26%,
50% {
   background-color: var(--primary-400)
}

51%,
75% {
   background-color: var(--primary-200)
}

76%,
to {
   background-color: var(--primary-200)
}
}

@keyframes od9T {

0%,
25% {
   background-color: var(--primary-200)
}

26%,
50% {
   background-color: var(--primary-200)
}

51%,
75% {
   background-color: var(--primary-400)
}

76%,
to {
   background-color: var(--primary-200)
}
}

@keyframes BrV8 {

0%,
25% {
   background-color: var(--accent-200)
}

26%,
50% {
   background-color: var(--accent-200)
}

51%,
75% {
   background-color: var(--accent-200)
}

76%,
to {
   background-color: var(--accent-400)
}
}

.kKEG {
align-items: center;
aspect-ratio: 1/1;
background: linear-gradient(180deg, #FFAD55 0%, #FF8400 100%);
border-radius: 50%;
display: flex;
justify-content: center;
position: relative;
width: 64px
}

@media (min-width:576px) {
.kKEG {
   width: 88px
}

.kKEG img {
   scale: 1.3;
}
}

.ipOJ {
aspect-ratio: 1/1;
width: 32px;
fill: var(--light-100)
}

@media (min-width:576px) {
.ipOJ {
   width: 48px
}
}

.ipOJ[data-name=個別相談],
.ipOJ[data-name=書類準備] {
transform: translate(1px)
}

.ygHn {
align-items: center;
aspect-ratio: 1/1;
background-color: var(--light-100);
border: 1px solid var(--primary-500);
border-radius: 50%;
color: var(--primary-500);
display: flex;
flex-direction: column;
font-family: var(--font-family-oswald), sans-serif;
font-weight: 700;
justify-content: center;
left: -10px;
letter-spacing: var(--letter-spacing-sm);
line-height: 1;
position: absolute;
top: -10px;
width: 32px
}

@media (min-width:576px) {
.ygHn {
   left: -16px;
   top: -16px;
   width: 48px
}
}

.ygHn span {
font-size: var(--font-size-xxs);
transform: scale(.6)
}

@media (min-width:576px) {
.ygHn span {
   font-size: var(--font-size-xs);
   transform: scale(1)
}
}

.ygHn strong {
font-size: var(--font-size-xs);
transform: translateY(-2px)
}

@media (min-width:576px) {
.ygHn strong {
   font-size: var(--font-size-lg);
   transform: translateY(0)
}
}

.XAGY {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: var(--gap-sm)
}

.xRCs {
color: var(--primary-500);
font-size: var(--font-size-lg);
font-weight: 700;
letter-spacing: var(--letter-spacing-sm);
line-height: 1
}

@media (min-width:576px) {
.xRCs {
   font-size: var(--font-size-xl)
}
}

.qJjA {
color: var(--primary-950);
font-size: var(--font-size-sm);
font-weight: 700;
line-height: var(--line-height-lg);
text-align: justify
}

.ngcS:last-of-type .qJjA {
color: #451A03;
}

@media (min-width:576px) {
.qJjA {
   font-size: 1.8rem
}
}

.TkBW {
display: flex;
flex-direction: column;
gap: var(--gap-xxl);
position: relative;
width: 100%;
max-width: 358px;
}

@media (min-width:576px) {
.TkBW {
   gap: var(--gap-3xl);
   max-width: 91.7%;
}
}

.onxu {
align-items: center;


display: flex;
flex-direction: column;
padding: 32px 0 56px;
position: relative
}

.-kvl,
.zVYG {
align-items: center;
display: flex;
flex-direction: column;
gap: var(--gap-xxl)
}

.pNUO {
display: flex;
gap: 10px;
line-height: 1
}

._15Tb,
.pNUO {
position: relative
}

._15Tb {
color: var(--primary-500);
font-size: var(--font-size-3xl);
font-weight: 700;
letter-spacing: var(--letter-spacing-md)
}

@media (min-width:576px) {
._15Tb {
   font-size: var(--font-size-4xl)
}
}

.qXfr {
display: flex;
gap: 18px;
}

@media (min-width:576px) {
.qXfr {
   gap: 24px;
}
}

.Dcvz {
align-items: center;
display: flex;
justify-content: center;
position: relative
}

.Dcvz[data-char=問],
.Dcvz[data-char=質] {
color: var(--light-100)
}

.Dcvz[data-char=問]:before,
.Dcvz[data-char=質]:before {
aspect-ratio: 1/1;
border-radius: 0;
content: "";
position: absolute;
width: 5.4rem;
}

@media (max-width:576px) {
   .Dcvz span {
           font-size: 3.6rem;
   }
}

@media (min-width:576px) {

.Dcvz[data-char=問]:before,
.Dcvz[data-char=質]:before {
   width: 7rem;
}
}

.Dcvz[data-char=質] {
transform: translateY(0px)
}

.Dcvz[data-char=質]:before {
background-color: var(--primary-700)
}

.Dcvz[data-char=問] {
transform: translateY(0px)
}

.Dcvz[data-char=問]:before {
background-color: var(--primary-500)
}

.Dcvz span {
font-size: var(--font-size-4xl);
font-weight: 700;
letter-spacing: var(--letter-spacing-md);
position: relative
}

@media (max-width:575px) {
.Dcvz span {
  font-size: 3.6rem;
}
}

.HWSd {
padding: 64px 0 0;
width: 100%
}

._9Dn5 {
gap: var(--gap-xl)
}

._6C1N,
._9Dn5 {
align-items: center;
display: flex;
flex-direction: column
}

._6C1N {
gap: var(--gap-4xl)
}

.questions ul {
padding: 0;
}

.questions li {
list-style: none;
padding-left: 0;
border: 1px solid #E2E8F0;
border-radius: 4px;

font-size: clamp(14px, 0.643rem + 0.95vw, 1rem);
}

.questions li:not(:first-of-type) {
margin-top: 16px;
}

.questions {
max-width: 91.2%;
margin: 0 auto;
}

.questions .question {
display: flex;
align-items: center;
font-weight: bold;
gap: 12px;
padding: 16px;
border-bottom: 1px solid #E2E8F0;
color: #334155;
}

.questions .question::before,
.questions .answer::before {
align-items: center;
color: #fff;
display: flex;
font-size: var(--ofz16);
font-weight: bold;
height: 36px;
justify-content: center;
line-height: 1;
width: 36px;
border-radius: 50%;
flex: 0 0 auto;
}

.questions .question::before {
content: "Q";
background-color: var(--mainOrange);
}

.questions .answer {
display: flex;
align-items: start;
gap: 12px;
line-height: 2;
padding: 16px;
color: #334155;
}

.questions .answer::before {
content: "A";
background-color: var(--subOrange);
}

img.question-image {
width: 90%;
margin: 50px auto 0 auto;
display: block;
}

.qGBm {
align-items: center;
background-color: var(--line-forest-green);
border: 1px solid var(--line-forest-green);
border-radius: 50%;
bottom: calc(env(safe-area-inset-bottom) + 12px);
box-shadow: inset 0 1px #fff6, var(--drop-shadow-sm);
display: flex;
flex-direction: column;
gap: 2px;
height: 72px;
justify-content: center;
padding: 0;
position: fixed;
right: 12px;
transition: all .3s;
width: 72px;
z-index: 9
}

@media (min-width:576px) {
.qGBm {
   bottom: calc(env(safe-area-inset-bottom) + 40px);
   height: 96px;
   right: 40px;
   width: 96px
}
}

.qGBm[data-state=hidden] {
opacity: 0;
transform: scale(0)
}

.qGBm:after {
display: none
}

.ZQt8 {
height: 28px;
width: 28px;
fill: var(--light-100)
}

@media (min-width:576px) {
.ZQt8 {
   height: 32px;
   width: 32px
}
}

._6SVQ {
color: var(--light-100);
font-size: var(--font-size-xxs);
font-weight: 700;
letter-spacing: var(--letter-spacing-sm)
}

@media (min-width:576px) {
._6SVQ {
   font-size: var(--font-size-sm)
}
}

.qc7r {
position: relative
}

.qc7r>p {
color: var(--primary-500);
font-size: var(--font-size-lg);
font-weight: 700;
letter-spacing: var(--letter-spacing-sm);
line-height: var(--line-height-lg);
text-align: center
}

.bana1-wrap{
   padding: 0 0 45px;
   margin-bottom:-1px;
   background-color:#A4D9F6;
}
.bana1 {
    background: #FF5851;
    padding: 16px 0 13px;
    align-items: center;
    background-color: #ef4444;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23f87171' fill-opacity='.25' fill-rule='evenodd' d='M0 40 40 0H20L0 20m40 20V20L20 40'/%3E%3C/svg%3E");
    background-size: 40px;
    border-radius: 100vmax;
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
    justify-content: center;
    left: 0;
    line-height: 1;
    margin: 0 auto;
    padding: 12px 16px;
    position: absolute;
    right: 0;
    top: 16px;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1;
}

.w-bana-t1 {
   display: flex;
   align-items: center;
   color: #fff;
   font-weight: bold;
   justify-content: center;
   white-space: nowrap;
   font-size: 4.1vw;

}
@media (min-width:576px) {
   .w-bana-t1 {
    font-size: 2rem;
   }
 }
@media (min-width:640px) {
   .w-bana-t1 {
      display: flex;
      align-items: center;
      color: #fff;
      font-weight: bold;
      justify-content: center;
    }
  .bana1-wrap{
   padding: 0 0 35px;
   margin-bottom:-1px;
   background-color:#A4D9F6;
}
}

.w-bana-t1 img,
.w-bana-t1 picture {
max-width: 16px;
}

@media (min-width:640px) {
  .w-bana-t1 img, .w-bana-t1 picture {
    max-width: 24px;
    display: flex;
    margin: 0 5px;
    justify-content: center;
  }
}

.footer .logo {
background-color: #fff;
padding: 42px 0;
}

.footer .logo img {
max-width: 176px;
margin: 0 auto;
}

.footer_tx {
background-color: #FE5852;
color: #fff;
text-align: center;
padding: 33px 0 28px;
}

.footer_tx a {
font-size: 12px;
font-weight: bold;
color: #fff;
}

.footer_tx small {
font-size: 9px;
}

/* LPヘッダー変更 */
.c-header {
   width: 100%;
   background-color: #fff;
   display: block;
   unicode-bidi: isolate;
   }
   
.c-header__inner {
   max-width: 980px;
   height: 90px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-left: 20px;
   padding-right: 20px;
}

@media screen and (max-width: 768px) {
   .c-header__inner {
       height: 50px;
   }
}

@media screen and (max-width: 768px) {
   .c-header__logo {
       width: 120px;
   }
}

.template__inner h1 {
   padding-top: 0px;
}

/* LPヘッダー変更 */

.c-header {
   width: 100%;
   background-color: #fff;
   display: block;
   unicode-bidi: isolate;
   }
   
.c-header__inner {
   max-width: 980px;
   height: 90px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-left: 20px;
   padding-right: 20px;
}

@media screen and (max-width: 768px) {
   .c-header__inner {
       height: 50px;
   }
}

.c-header__logo {
   width: 200px;
   display: flex;
}

@media screen and (max-width: 768px) {
   .c-header__logo {
       width: 120px;
   }
}

.template__inner h1 {
   padding-top: 0px;
}

.c-header__inner {
max-width: 600px;
height: 90px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 20px;
padding-right: 20px;
}

@media screen and (max-width: 770px) {
.c-header__inner {
max-width: 600px;
height: 56px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 20px;
padding-right: 20px;
}
}


.c-header__cv {
   display: flex;
   justify-content: flex-end;
}

p.c-header__cv-text {
   font-size: 10px;
   text-align: left;
   color: #000000;
}

@media screen and (max-width: 600px) {
p.c-header__cv-text {
   font-size: calc(19vw / 850* 100);
}
}


/* LPヘッダー変更 */


/* フローティングバナー */
.floating-banner{
position: fixed;
bottom: 0px;
right: 15px;
max-width: 130px;
width: 100%;
opacity: 0;
transition: 0.3s;
z-index: 1000;
pointer-events: none;
}
.floating-banner img{
width: 100%;
}
.floating-banner.show {
opacity: 1;
pointer-events: auto;
}
@media screen and (max-width: 830px) {
.floating-banner{
   bottom: -13px;
   right: -5px;
   max-width: 100px;
}
}
/* フローティングバナー */


#step {
background-color: #fffcf6;
}

#solution {
background-color: #FFFFFF;
margin: 0 0 120px 0;
}


@media screen and (max-width: 768px) {
#solution {
   margin: 0 0 120px 0;
    padding-top: 60px;
    padding-bottom: 60px;
}
}


@media screen and (max-width: 575px) {
#solution {
   padding-top: 32px;
   padding-bottom: 32px;
}
}

/* faq */
.faq-item {
border: 1px solid #ddd;
padding: 3px 10px;
margin: 0 0 10px 0;
position: relative;
}

.faq-question {
display: flex;
align-items: center;
justify-content: space-between;
background: none;
border: none;
width: 100%;
font-size: 18px;
color: #000000;
cursor: pointer;
text-align: left;
padding: 10px 10px 10px 50px;
position: relative;
}

.faq-question::before {
content: "Q";
display: inline-block;
width: 30px;
height: 30px;
background-color: #EE7B00;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 29px;
border-radius: 50%;
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
}

.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
color: #555;
font-size: 16px;
line-height: 1.6;
padding: 0 10px 0 50px;
position: relative;
}

.faq-answer::before {
content: "A";
display: inline-block;
width: 30px;
height: 30px;
background-color: #FF9F39;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 29px;
border-radius: 50%;
position: absolute;
left: 10px;
top: 13px;
font-size: 14px;
}

.faq-item.active .faq-answer {
max-height: 1000px;
}

.toggle-icon {
font-size: 24px;
font-weight: 500;
transition: transform 0.3s ease;
color: #a6a6a6;
}

.faq-item.active .toggle-icon {
transform: rotate(45deg);
}

.faq-question-title {
font-weight: 600;
font-size: 16px;
line-height: 26px;
}


.faq-section {
width: 100%;
margin: 0 auto;
max-width: 540px;
}

.faq-section p {
margin: 16px 0;
font-size: 16px !important;
}
/* faq */

._6C1N {
margin: 8px 0 0 0;
}

img.example_image {
width: 26%;
position: absolute;
left: -3%;
}


img.cta-wentz_img {
position: absolute;
width: 37%;
top: -8px;
right: -6px;
z-index: 100;
}

.cta-wentz-contents .GTuj, .cta-wentz-contents .jR6l {
display: flex;
justify-content: flex-start;
width: 94%;
}


.cta-wentz-contents .PTim, .cta-wentz-contents .rSvv {
background-color: var(--neutrals-950);
color: var(--light-100);
font-family: var(--font-family-dseg), sans-serif;
font-size: var(--font-size-3xl);
justify-content: center;
position: relative;
width: calc(var(--unit-size)* 4);
--unit-size: 9px;
}

.cta-wentz-contents .BOPj {
justify-content: flex-start;
position: relative;
width: 94%;
}

.cta-wentz-contents .RKE2 {
color: var(--light-100);
font-size: 6.7vw;
font-weight: 800;
letter-spacing: var(--letter-spacing-sm);
line-height: 1;
}

.cta-wentz-contents .jR6l {
align-items: flex-end;
gap: 5px;
padding: 0 4px 0 2px;
}

.cta-wentz-contents .GTuj {
align-items: center;
flex-direction: column;
gap: 9px;
}

.cta-wentz-contents .PKPn {
color: var(--light-100);
font-size: 4.6vw;
font-weight: 800;
letter-spacing: 0.02em;
line-height: 1.2;
}

.wentz-contents ._34Re {
margin: 0 14vw 0 0;
}

p.wentz-contents-text {
font-size: 8px;
font-weight: 600;
color: #000;
text-align: center;
margin: 0 0 0 auto;
}

@media screen and (max-width: 640px) {
.cta-wentz-contents .PTim, .cta-wentz-contents .rSvv {
   background-color: var(--neutrals-950);
   color: var(--light-100);
   font-family: var(--font-family-dseg), sans-serif;
   font-size: var(--font-size-3xl);
   justify-content: center;
   position: relative;
   width: calc(var(--unit-size)* 4);
   --unit-size: 12px;
}

img.cta-wentz_img {
   top: -2px;
}
}

@media screen and (min-width: 640px) {
.cta-wentz-contents .RKE2 {
color: var(--light-100);
font-size: 37px;
font-weight: 800;
letter-spacing: var(--letter-spacing-sm);
line-height: 1;
}

.cta-wentz-contents .PKPn {
color: var(--light-100);
font-size: 27px;
font-weight: 800;
letter-spacing: 0.02em;
line-height: 1.2;
}

.cta-wentz-contents .PTim, .cta-wentz-contents .rSvv {
background-color: var(--neutrals-950);
color: var(--light-100);
font-family: var(--font-family-dseg), sans-serif;
font-size: var(--font-size-3xl);
justify-content: center;
position: relative;
width: calc(var(--unit-size)* 4);
--unit-size: 12px;
}

.wentz-contents ._34Re {
margin: 0 3vw 0 0;
}
}


@media screen and (max-width: 575px) {
.cta-wentz-contents .PTim, .cta-wentz-contents .rSvv {
   background-color: var(--neutrals-950);
   color: var(--light-100);
   font-family: var(--font-family-dseg), sans-serif;
   font-size: var(--font-size-3xl);
   justify-content: center;
   position: relative;
   width: calc(var(--unit-size)* 4);
   --unit-size: 10px;
}

.cta-wentz-contents .PKPn {
   color: var(--light-100);
   font-size: 3.6vw;
   font-weight: 800;
   letter-spacing: 0.02em;
   line-height: 1.2;
}

.cta-wentz-contents .RKE2 {
   color: var(--light-100);
   font-size: 5.4vw;
   font-weight: 800;
   letter-spacing: var(--letter-spacing-sm);
   line-height: 1;
}

img.cta-wentz_img {
   top: 8px;
}

}


@media screen and (max-width: 460px) {
.BYE0 {
   background: linear-gradient(180deg, #57D368 0%, #2CA14D 100%);
   border: 2px solid #42B763;
   border-radius: var(--radius-sm);
   box-shadow: inset 0 1px #fff6, var(--shadow-sm);
   display: flex;
   justify-content: center;
   padding: 20px 0 16px;
   position: relative;
   transition: all .3s;
   width: 100%;
   overflow: hidden;
}

img.cta-wentz_img {
   position: absolute;
   width: 37%;
   bottom: -3px;
   right: -6px;
   z-index: 100;
}

.cta-wentz-contents .PTim, .cta-wentz-contents .rSvv {
   background-color: var(--neutrals-950);
   color: var(--light-100);
   font-family: var(--font-family-dseg), sans-serif;
   font-size: var(--font-size-3xl);
   justify-content: center;
   position: relative;
   width: calc(var(--unit-size)* 4);
   --unit-size: 9px;
}

.cta-wentz-contents .GTuj, .cta-wentz-contents .jR6l {
   display: flex;
   justify-content: flex-start;
   width: 94%;
}

.cta-wentz-contents .BOPj {
   justify-content: flex-start;
   position: relative;
   width: 94%;
}

.wentz-contents ._34Re {
   margin: 0 14vw 0 0;
}

.cta-wentz-contents .PKPn {
   color: var(--light-100);
   font-size: 4.6vw;
   font-weight: 800;
   letter-spacing: 0.02em;
   line-height: 1.2;
}

.cta-wentz-contents .RKE2 {
   color: var(--light-100);
   font-size: 6.4vw;
   font-weight: 800;
   letter-spacing: var(--letter-spacing-sm);
   line-height: 1;
}
}

@media screen and (max-width: 426px) {
img.cta-wentz_img {
   top: 16px;
}
}

@media screen and (max-width: 410px) {
.cta-wentz-contents .PTim, .cta-wentz-contents .rSvv {
   background-color: var(--neutrals-950);
   color: var(--light-100);
   font-family: var(--font-family-dseg), sans-serif;
   font-size: var(--font-size-3xl);
   justify-content: center;
   position: relative;
   width: calc(var(--unit-size)* 4);
   --unit-size: 8.6px;
}

.cta-wentz-contents .GTuj, .cta-wentz-contents .jR6l {
   display: flex;
   justify-content: flex-start;
   width: 95%;
}
.cta-wentz-contents .BOPj {
   justify-content: flex-start;
   position: relative;
   width: 95%;
}

.cta-wentz-contents .RKE2 {
   color: var(--light-100);
   font-size: 6.8vw;
   font-weight: 800;
   letter-spacing: var(--letter-spacing-sm);
   line-height: 1;
}
.cta-wentz-contents .jR6l {
   align-items: flex-end;
   gap: 3px;
   padding: 0 4px 0 2px;
}
}

@media screen and (max-width: 400px) {
img.cta-wentz_img {
   top: 30px;
}
}

@media screen and (max-width: 360px) {
.BYE0 {
   background: linear-gradient(180deg, #57D368 0%, #2CA14D 100%);
   border: 2px solid #42B763;
   border-radius: var(--radius-sm);
   box-shadow: inset 0 1px #fff6, var(--shadow-sm);
   display: flex;
   justify-content: center;
   padding: 16px 0 16px;
   position: relative;
   transition: all .3s;
   width: 100%;
   overflow: hidden;
}

img.cta-wentz_img {
   position: absolute;
   width: 36%;
   bottom: -3px;
   right: -6px;
   z-index: 100;
}

.cta-wentz-contents .PTim, .cta-wentz-contents .rSvv {
   background-color: var(--neutrals-950);
   color: var(--light-100);
   font-family: var(--font-family-dseg), sans-serif;
   font-size: var(--font-size-3xl);
   justify-content: center;
   position: relative;
   width: calc(var(--unit-size)* 4);
   --unit-size: 7.6px;
}

.cta-wentz-contents .GTuj, .cta-wentz-contents .jR6l {
   display: flex;
   justify-content: flex-start;
   width: 96%;
}

.cta-wentz-contents .BOPj {
   justify-content: flex-start;
   position: relative;
   width: 96%;
}

.wentz-contents ._34Re {
   margin: 0 10vw 0 0;
}
}

@media screen and (max-width: 343px) {
img.cta-wentz_img {
   top: 46px;
}
}

._shiny::before {
position: absolute;
content: '';
display: inline-block;
top: -180px;
left: 0;
width: 30px;
height: 100%;
background-color: #ffffff;
transition: 400ms;
animation: shinyshiny 3.2s ease-in-out infinite;
}

@-webkit-keyframes shinyshiny {
0% {
-webkit-transform: scale(0) rotate(45deg);
opacity: 0;
}
80% {
-webkit-transform: scale(0) rotate(45deg);
opacity: 0.5;
}
81% {
-webkit-transform: scale(4) rotate(45deg);
opacity: 1;
}
100% {
-webkit-transform: scale(50) rotate(45deg);
opacity: 0;
}
}

section.no1-contents {
background-color: #fef8e9;
padding: 42px 4px 0 4px;
}

.fv{
   background-color: #A4D9F6;
}
/* ここからFVテキストCSS */
.fv-contents {
   width: 94%;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
}

/* MEMO:fv-contents  */

@media screen and (max-width: 640px) {
   .fv-contents {
      width: 94%;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
      gap: 100px;
   } 
}
   

.fv-contents__title {
display: flex;
justify-content: center;
padding-top: 8%;
}

.fv-contents__title__sub {
display: flex;
flex-direction: column;
}

.fv-contents__title__main {
display: flex;
justify-content: center;
}

.fv-contents__title__main span {
display: inline-block;
margin: 0 5px 0 0;
font-size: 64px;
height: 84px;
width: 84px;
line-height: 77px;
text-align: center;
color: #fff;
font-weight: bold;
border-right: 1px solid #fff;
background-color: #225ab4;
}

.fv-contents__title__sub__next {
font-size: 16px;
font-weight: 700;
color: #000000;
background-color: #ffffff;
border: 2px solid #000000;
border-radius: 60px;
padding: 0 4px 0 9px;
}

.fv-contents__title__sub__support {
color: #225ab4;
font-size: 46px;
font-weight: 800;
text-align: center;
margin: -3px 0 0 0;
}

.fv-contents__detail {
display: flex;
align-items: end;
justify-content: center;
gap:1.5%
}

.fv-contents__detail__saidai img {
   /* width: clamp(78px,20.8vw,133px); */
   transform: translateY(-10%);
   width: clamp(68px,18.13vw,115px)
}

.fv-contents__detail__num1::before {
   content: "200";
   color: #ffffff;
   position: absolute;
   inset: 0;
   -webkit-text-stroke: clamp(2.6px,0.7vw,4.5px) #ffffff;
   z-index: -1;
}
   

.fv-contents__detail__num1 {
   letter-spacing: -1px;
   line-height: 100%;
   display: inline-block;
   font-family: 'Oswald', sans-serif;
   transform: scale(1,1.15);
   font-weight: 600;
   font-size: clamp(92px,24.5vw,156.5px);
   color:transparent;                       
   background-image:linear-gradient(
     135deg,
     #ff5853 42%,           
     #ffffff 50%,           
     #ff5853 58%
   );
   background-size:400% 100%;               
   background-clip:text;
   -webkit-background-clip:text;
   -webkit-text-fill-color: transparent; 
   animation:numShine 3s linear infinite;    
   color: #ff5853;
   position: relative;
   z-index: 10;
}

@keyframes numShine{
   0%{background-position:100% 50%;}
   70%{background-position:100% 50%;}
   /* 85%{background-position:90% 50%;} */
   82%{background-position:60% 50%;}
   100%{background-position:0% 50%;}
}

.fv-contents__detail__decoration-1 {
   position: absolute;
   right: -8%;
   top: 0px;
}

.fv-contents__detail__decoration-1-img{
   width: clamp(18px,4.8vw,30.67px)
}

   
.fv-contents__detail__num1::after {
content: "200";
color: #ff5853;
position: absolute;
inset: 0;
-webkit-text-stroke:clamp(4.2px,1.125vw,7.2px) #ff5853;
transform: translate(1.5%,2%);
z-index: -2;
/* text-shadow: 5px 5px 2px #ff5853; */
}

.fv-contents__detail__yen {
   font-size: clamp(36px,9.6vw,61.3px);
   font-weight: 700;
   line-height: 100%;
   color: #ff5853;
}

.fv-contents__detail__yen__bg{
   position: relative;
   z-index: 10;
}

.fv-contents__detail__yen__bg::before {
   content: attr(data-text);
   transform: translateY(9.5%);
   color: #ffffff;
   inset: 0;
   position: absolute;
   -webkit-text-stroke: clamp(2px,0.53vw,3.34px) #ffffff;
   z-index: -1;
}
.fv-contents__detail__yen__bg::after {
   content: attr(data-text);
   color: #ff5853;
   transform: translate(5%,9.5%);
   inset: 0;
   position: absolute;
   -webkit-text-stroke: clamp(3px,0.8vw,5.1px) #ff5853;
   z-index: -2;
}

.fv-contents__detail__text {
   /* font-size: clamp(30px,8vw,51px); */
   transform: translateY(3%);
   font-size: clamp(36px,9.6vw,61.3px);
   letter-spacing: -1px;
   font-weight: 800;
   color: black;
   line-height: 115%;
   white-space: nowrap; 
}

.fv-contents__sub-text {
background-color: #ff5853;
color: #ffffff;
font-size: 36px;
font-weight: 700;
letter-spacing: 13px;
text-align: center;
margin: 28px auto 0 auto;
box-shadow: 0px 3px 5px #a6a6a6;
max-width: 576px;
}


p.fv-contents__title__sub__support {
line-height: 67px;
}

p.fv-contents__title__sub__next {
text-align: center;
}


p.fv-contents__title__sub__support {
line-height: 50px;
}

.fv-contents__title__sub__support {
color: #225ab4;
font-size: 36px;
font-weight: 800;
text-align: center;
margin: -3px 0 0 0;
}

.fv-contents__title__sub__next {
font-size: 13px;
font-weight: 700;
color: #000000;
background-color: #ffffff;
border: 2px solid #000000;
border-radius: 60px;
padding: 0 4px 0 9px;
}

.fv-contents__title__main span {
display: inline-block;
margin: 0 3px 0 0;
font-size: 50px;
height: 66px;
width: 64px;
line-height: 64px;
text-align: center;
color: #fff;
font-weight: bold;
border-right: 1px solid #fff;
background-color: #225ab4;
}


@media screen and (max-width: 640px) {
.fv-contents__title__main span {
   display: inline-block;
   margin: 0 2px 0 0;
   font-size: calc(100vw / 13);
   height: calc(100vw / 9.2);
   width: calc(100vw / 9.9);
   line-height: calc(100vw / 9.7);
   text-align: center;
   color: #fff;
   font-weight: bold;
   border-right: 1px solid #fff;
   background-color: #225ab4;
}

p.fv-contents__title__sub__support {
   line-height: calc(100vw / 13);
}

.fv-contents__title__sub__support {
   color: #225ab4;
   font-size: calc(100vw / 15);
   font-weight: 800;
   text-align: center;
   margin: -3px 0 0 0;
}

.fv-contents__title__sub__next {
   font-size: calc(36vw / 16);
   font-weight: 700;
   color: #000000;
   background-color: #ffffff;
   border: 1px solid #000000;
   border-radius: 60px;
   padding: 0 4px 0 9px;
}



.fv-contents__detail__max {
   height: calc(100vw / 5);
}

.fv-contents__detail__max span {
   font-size: calc(100vw / 9.8);
   line-height: calc(100vw / 8.8);
}


.fv-contents__detail__num2 {
   font-size: calc(100vw / 5.2);
   height: calc(100vw / 3.6);
}

.fv-contents__detail__num3 {
   font-size: calc(100vw / 8.4);
   height: calc(100vw / 10.4);
}

.fv-contents__sub-text {
   font-size: calc(100vw / 18);
   letter-spacing: calc(100vw / 65);
   margin: calc(100vw / 21) auto 0 auto;
}

.fv-contents__detail__max1::before {
   content: "最";
   color: #ffffff;
   position: absolute;
   inset: 0;
   -webkit-text-stroke: calc(100vw / 66) #ffffff;
   z-index: -1;
   text-shadow: 0px 2px 6px #cbcbcb;
}

.fv-contents__detail__max2::before {
   content: "大";
   color: #ffffff;
   position: absolute;
   inset: 0;
   -webkit-text-stroke: calc(100vw / 66) #ffffff;
   z-index: -1;
   text-shadow: 0px 2px 6px #cbcbcb;
}


.fv-contents__detail__num2::before {
   content: "万";
   color: #ffffff;
   position: absolute;
   inset: 0;
   -webkit-text-stroke: calc(100vw / 66) #ffffff;
   z-index: -1;
   text-shadow: 0px 2px 6px #cbcbcb;
}

.fv-contents__detail__num3::before {
   content: "円";
   color: #ffffff;
   position: absolute;
   inset: 0;
   -webkit-text-stroke: calc(100vw / 66) #ffffff;
   z-index: -1;
   text-shadow: 0px 2px 6px #cbcbcb;
}
}



.fv-img {
background-color: #A4D9F6;
position: relative;
max-width: 640px;
margin: 0 auto;
}

.fv-img__uentsu{
   width: 65%;
   padding-top: 5%;
   margin: auto;
}
/* .fv-img::before {
content: "";
display: block;
position: absolute;
height: 213px;
width: 100%;
background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 100%);
z-index: 5;
bottom: 0;
} */

.fv-img::before {
   content: "";
   display: block;
   position: absolute;
   height: clamp(37.5px,10vw,64px);
   width: 100%;
   background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 120%);
   z-index: 5;
   bottom: 0;
}

.fv-text {
   position: absolute;
   top: 8%;
   right: 8%;
   -ms-writing-mode: tb-rl;
   writing-mode: vertical-rl;
   color: #000000;
   font-weight: 600;
   font-size: clamp(8.3px,2.22vw,14.2px);
}

p.fv-text-detail2 {
margin: 15px 0px 0 0;
}

@media screen and (max-width: 640px) {
/* .fv-img::before {
   content: "";
   display: block;
   position: absolute;
   height: calc(100vw / 3);
   width: 100%;
   background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 100%);
   z-index: 5;
   bottom: 0;
} */


p.fv-text-detail2 {
   margin: calc(100vw / 38) 0px 0 0;
}
}


.fv-image__appeal {
   position: absolute;
   bottom: 8%;
   left: 16%;
   width: 80%;
}

.fv-image__appeal__text{
   font-size: clamp(24px,6.4vw,40.9px);
   font-weight: 800;
   color: #225ab4;
   width: fit-content;
   background-color: white;
   margin-bottom: 2%;
   padding-right:3%;
   padding-left: 3%;
   padding-top: 0.8%;
   padding-bottom: 0.8%;
} 
.IkRX picture {
display: flex;
align-items: center;
}

.template__inner h2 {
font-size: 2.4rem;
line-height: 48px;
letter-spacing: 0.1em;
}

.BXGv .b0xF {
font-size: 2.4rem !important;
padding-top: 4px;
letter-spacing: 0px;
}


.SbrJ {
padding-top: 0px;
}

h2.FClL {
letter-spacing: 0;
}

#relief.FuyA {
background-color: #FFF9E1;
}

.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}

h3.faq-question {
display: flex;
align-items: center;
justify-content: space-between;
background: none;
border: none;
width: 100%;
font-size: 18px;
color: #000000;
cursor: pointer;
text-align: left;
padding: 14px 10px 14px 50px;
position: relative;
letter-spacing: 0px;
}


.no1-title {
position: relative;
display: flex;
justify-content: center;
margin: 0 0 34px 0;
}

.no1-title h2 {
color: #F73858;
font-size: 40px;
font-weight: 900;
letter-spacing: 0px;
text-align: center;
position: relative;
z-index: 2;
}

h2 .no1-title-point {
font-size: 58px;
}

.no1-title picture {
position: absolute;
bottom: -15px;
width: 86%;
display: flex;
margin: 0 auto;
}

@media screen and (max-width: 640px) {
.no1-title h2 {
font-size: calc(100vw / 16.6);
}

h2 .no1-title-point {
font-size: calc(100vw / 11);
}

.no1-title picture {
position: absolute;
bottom: calc(100vw / -74);
width: 86%;
display: flex;
margin: 0 auto;
}

.no1-title {
margin: 0 0 calc(100vw / 20) 0;
}

section.no1-contents {
padding: calc(100vw / 12) 4px 0 4px;
}

}


@media screen and (max-width: 480px) {
.no1-title h2 {
   font-size: calc(100vw / 15.2);
}

h2 .no1-title-point {
font-size: calc(100vw / 11);
}

.no1-title picture {
position: absolute;
bottom: calc(100vw / -150);
width: 86%;
display: flex;
margin: 0 auto;
}

.no1-title {
   margin: 0 0 calc(100vw / 27) 0;
}
}

@media screen and (max-width: 390px) {
h2 .no1-title-point {
   font-size: calc(100vw / 10);
}
.no1-title h2 {
   font-size: calc(100vw / 14.6);
}

.no1-title picture {
   bottom: calc(100vw / 974);
   width: 91%;
}
}



  @media (max-width:382px) {
          .w-bana-t1 {
              font-size: 16px;
          }
  
  .XdqY {
      font-size: 1.3rem;
      font-weight: 700;
      letter-spacing: var(--letter-spacing-sm);
  }
  .XdqY small {
      font-size: 1rem;
  }
  .jQi- {
      font-size: 1.4rem;
  }
  
  }

  a.faq-link {
    text-decoration: underline;
    color: #006AB7;
}

h2.case-title {
   font-size: 42px;
   font-weight: 900;
   display: flex;
   align-items: flex-end;
}

span.case-title__decoration {
   font-size: 23px;
   font-weight: 900;
   margin: 0 2px;
   padding: 0 0 1px 0;
   width: 34px;
   height: 34px;
   line-height: 34px;
   background-color: #EF6A26;
   color: #ffffff;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

@media screen and (max-width: 640px) {
   h2.case-title {
       font-size: calc(100vw / 15);
       font-weight: 900;
       display: flex;
       align-items: flex-end;
   }
}

@media screen and (max-width: 640px) {
   span.case-title__decoration {
       font-size: calc(100vw / 26);
       font-weight: 900;
       margin: 0 2px;
       padding: 0 0 calc(100vw / 200) 0;
       width: calc(100vw / 18);
       height: calc(100vw / 18);
       line-height: calc(100vw / 18);
       background-color: #EF6A26;
       color: #ffffff;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
   }
}


@media screen and (max-width: 480px) {
   h2.case-title {
       font-size: calc(100vw / 12);
       font-weight: 900;
       display: flex;
       align-items: flex-end;
   }
}

@media screen and (max-width: 480px) {
   span.case-title__decoration {
       font-size: calc(100vw / 22);
       font-weight: 900;
       margin: 0 2px;
       padding: 0 0 calc(100vw / 200);
       width: calc(100vw / 16);
       height: calc(100vw / 16);
       line-height: calc(100vw / 18);
       background-color: #EF6A26;
       color: #ffffff;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
   }
}
/* 受給事例cssベース-共通部分 */


/* ----------離脱防止ポップアップ用コード----------*/
.modal_image{
   width: 92%;
}

.modal__contents{
   display: flex;
   justify-content: center;
}


.modal__contents:active {
 opacity: 0.5;
  transition: opacity 0.3s ease;
}

.layer {
  background: rgba(0, 0, 0, .7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden; 
  transition: opacity .1s linear, visibility .1s linear, z-index .1s linear;
}

.layer.is-open {
  z-index: 1001;
  opacity: 1;
  visibility: visible;
}

.layer.is-open .modal{
  opacity: 1;
  visibility: visible;
  height: 100%;
   display: flex;
  justify-content: center;
   align-items: center;
}

.modal__button-wrap {
  position: absolute;
   right: 0;
   top: -38px;
  display: inline-flex;
}

.close-button {
  position: relative;
  width: 39px;
  height: 39px;
  background: #7e7a75;
  border-radius: 50%;
  padding: 0;
  border: transparent;
  cursor: pointer;
}

.close-button span {
  width: 25px;
  height: 2px;
  background: #fff;
  display: inline-block;
  position: absolute;
  left: calc(50% - 12px);
  top: 50%;
  border-radius: 20px;
}

.close-button span:nth-child(1) {
  transform: rotate(45deg) translate(-1px, -1px);
}

.close-button span:nth-child(2) {
  transform: rotate(-45deg) translate(1px, -1px);
}

.modal {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 90%;
  max-width: 400px;
  opacity: 0;
  visibility: hidden;
  transition:  visibility .1s linear, opacity .1s linear;
}


.modal__inner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
  border-radius: 13px;
  display: block;
   padding: 0;
}

.modal__content {
  padding-top: 15px;
  padding-bottom: 23px;
}

.modal__button-area {
  max-width: 843px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 17px;
  padding-top: 15px;
}
/* ----------離脱防止ポップアップ用コード----------*/