@charset "UTF-8";
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

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

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

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

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

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

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

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

dd {
  margin-left: 0;
}

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

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

address {
  font-style: inherit;
}

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

select:disabled {
  opacity: inherit;
}

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

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

legend {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

caption {
  text-align: left;
}

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

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

html {
  font-size: 10px !important;
}

body {
  max-width: 750px;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0;
  background-color: #fff;
  color: #000;
  font-family: "Inter", sans-serif;
}

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

.color5 {
  color: #07a2aa;
  font-weight: bolder;
}

.header {
  background: #00a496;
  padding: 21px 0;
}
.header__inner {
    max-width: inherit;
    height: inherit;
    margin: inherit;
    display: inherit;
    align-items: center;
    justify-content: space-between;
    padding-left: inherit;
    padding-right: inherit;
}
.header__content {
  max-width: 288px;
  height: 35px;
  background: #fff;
  border-radius: 73.33px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  font-size: clamp(10px, 1.87vw, 14px);
font-size:14px;
  font-weight: bold;
}
.header__content img {
  width: 142px;
  height: auto;
}
.header__text {
 position: relative;
  text-align: center;
  color: #fff;
font-size: clamp(10px, 4.27vw, 32px);
  font-weight: bold;
  margin-top: 8px;
  padding: 1px 0;
}
.header__text span {
 font-size: clamp(10px, 3.20vw, 24px);
}
.header__text:before {
    position: absolute;
    content: "";
    width: min(3vw , 22px);
 height: min(0.27vw ,1px);
    background: #fff;
    transform: rotate(51deg);
    left: 7%;
    top: 60%;
}
.header__text:after{
    position: absolute;
    content: "";
width: min(3vw , 22px);
    height: min(0.27vw ,1px);
    background: #fff;
    transform: rotate(128deg);
    right: 8%;
    top: 60%;
}
.w-bana-t1 {
  background: #fff89e;
  padding-top: min(8.6vw , 51px);
 padding-bottom: min(8.6vw , 51px);
}
.w-bana-t1__uptext {
  display: flex;
  justify-content: center;
  align-items: center;
}
.w-bana-t1__uptext .tyuui-img {
  width: 5.2%;
  height: 4.8%;
}
.w-bana-t1__uptext .bana-t1 {
font-size: clamp(20px, 5.33vw, 40px);
  color: #f30000;
  font-weight: bold;
  padding: 2px 0;
margin: 0 8px;
}
.w-bana-t1__undertext {
  text-align: center;
  color: #030303;
 font-size: clamp(16px, 4.27vw, 32px);
  margin-top: 2px;
  padding: 2px 0;
}

.fv {
  width: 100%;
}

.section1__inner {
  position: relative;
  background: #ffef9e;
  padding: 6.13% 0 6.8% 0;
}
.section1__ttl {
  width: 72%;
font-size: clamp(10px, 5.33vw, 40px) !important;
  color: #fff;
  background: #07a2aa;
  text-align: center;
  margin: 0 auto;
  padding: 1.6% 3.47%;
  border-radius: 37px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.section1__flex {
  position: relative;
  width: 88.67%;
  display: flex;
  justify-content: space-between;
  margin: 4.5% auto 0 auto;
  z-index: 3;
}
.section1__flex--item1 {
  width: min(28.67vw , 215px);
  height: min(38.47vw , 281px);
  background: #fff;
  border-radius: 9px;
border-width:min(1.07vw , 3px);
border-color: #07a2aa;
border-style: solid;
margin-right: 10px;
}
.section1__flex--item1 img {
  display: block;
  width: min(16.93vw , 127px);
height:  min(16.93vw , 127px);
  margin: 18px auto 0 auto;
}
.section1__flex--item1-text {
  color: #07a2aa;
font-size: clamp(10px, 4.00vw, 30px);
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}
.section1__flex--item2 {
  width: min(28.67vw , 215px);
  height: min(38.47vw , 281px);
  background: #fff;
  border-radius: 9px;
border-width:min(1.07vw , 3px);
border-color: #07a2aa;
border-style: solid;
margin-right: 10px;
}
.section1__flex--item2 img {
  display: block;
  width: min(16.13vw , 121px );
  height: min(13.73vw , 103px);
  margin: 18px auto 0 auto;
}
.section1__flex--item2-text {
  margin-top: min(3vw , 14px);
  color: #07a2aa;
font-size: clamp(10px, 4.00vw, 30px);
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}
.section1__flex--item3 {
  width: min(28.67vw , 215px);
  height: min(38.47vw , 281px);
  background: #fff;
  border-radius: 9px;
border-width:min(1.07vw , 3px);
border-color: #07a2aa;
border-style: solid;
}
.section1__flex--item3 img {
  display: block;
  width: min(21.33vw , 160px);
  height: min(16.8vw ,126px);
  margin: 20px auto 0 auto;
}
.section1__flex--item3-text {
  color: #07a2aa;
font-size: clamp(10px, 4.00vw, 30px);
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}
.section1__inner:after {
  content: "";
  position: absolute;
  width: 100%;
  height: min(17.2vw,129px);
  background: #00768a;
  bottom: 0;
  z-index: 2;
}

.section2__inner {
  padding-top: min(25.6vw  , 192px);
  background: #fffbdd;
}
.section2__ttl {
  position: relative;
  width: 88.27%;
font-size: clamp(10px, 5.33vw, 40px) !important;
  color: #fff;
  background: #07a2aa;
  text-align: center;
  margin: 0 auto;
padding: 2.13% 3.47%;
  border-radius: 37px;
}
.section2__ttl:before {
  content: "";
  background: url(../images/section2__img1.webp);
  background-size: cover;
  width: min(31.47vw , 236px);
  height: min( 16.13vw , 121px);
  display: block;
  position: absolute;
  top: max(-16.27vw , -120px);
  left: 50%;
  transform: translateY(0) translateX(-50%);
  -webkit-transform: translateY(0) translateX(-50%);
}
.section2__ttl:after {
  aspect-ratio: 2.5/1;
  background-color: #07a2aa;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  content: "";
  position: absolute;
  top: 97%;
width: 10.57%;
  left: 50%;
  transform: translateY(0) translateX(-50%);
  -webkit-transform: translateY(0) translateX(-50%);
}
.section2__subttl {
  margin-top: min(3.73vw, 28px);
 font-size: clamp(10px, 9.73vw, 73px);
  color: #00768a;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1.22;
}
.section2__subttl--small {
font-size: clamp(10px, 5.33vw, 40px);
}
.section2__text {
 font-size: clamp(10px, 5.33vw, 40px);
  color: #000;
  text-align: center;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.section2 .slider .slides {
  display: flex;
  overflow-x: scroll;
  overflow-y: visible; /* 縦ははみ出しても表示 */
 
padding-top: min(9.07vw , 68px );
padding-bottom: min(4.67vw , 35px);
padding-left: 0;
padding-right: 0;
  margin-left: min(3.6vw , 27px);
 /*IE(Internet Explorer)・Microsoft Edgeへの対応*/
  -ms-overflow-style: none;
  /*Firefoxへの対応*/
  scrollbar-width: none;
}

 /*Google Chrome、Safariへの対応*/
.section2 .slider .slides::-webkit-scrollbar{
  display: none;
}

.section2 .slider .slides .slide {
  position: relative;
width: 66.53vw;
  max-width: 499px;
  padding-bottom: min(3.6vw , 27px);
  margin-right: min(3.47vw , 26px);
  border: 5px solid #07a2aa;
  background: #fff;
  flex-shrink: 0;
  border-radius: 13px;
}
.section2 .slider .slides .slide .slide__img {
  position: absolute;
  width: min(39.6vw, 282px);
  height: min(33.93vw, 262px);
  top: -33px;
  right: 15px;
  overflow-y: visible;
}
.section2 .slider .slides .slide__ttl {
  display: block;
  width: min(18.93vw ,  142px);
  background: #07a2aa;
 font-size: clamp(10px, 2.67vw, 20px);
  font-weight: bold;
  color: #fff;
margin-top: min(4.27vw ,32px);
margin-left: min(4.13vw , 31px);
  padding-top: min(2.2vw , 16.5px);
 padding-bottom: min(2.2vw , 16.5px);
  text-align: center;
  letter-spacing: 0.1em;
  border-radius: 90px;
}
.section2 .slider .slides .slide__money {
  margin-top: min(11.27vw , 84.5px);
max-width: 429px;
width: 57.2vw;
 margin-left: auto;
 margin-right: auto;
}
.bg-white {
  background-color: #fff; /* お好みの単色 */
}
.section2 .slider .slides .slide__money--size50 {
  font-size: clamp(10px, 6.67vw, 50px);
}
.section2 .slider .slides .slide__money--size48 {
font-size: clamp(10px, 6.40vw, 48px);
  font-family: "Inter", sans-serif;
}
.section2 .slider .slides .slide__money--slant {
  display: inline-block; /* transformを正しく効かせるために必須 */
  padding-left: 8px;
  transform: skewX(-21deg); /* 斜めにする角度はお好みで調整 */
  color: #f87616;
  background: linear-gradient(270deg, #fbb924 0%, #f87616 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section2 .slider .slides .slide__flex {
  display: flex;
}
.section2 .slider .slides .slide__flex--content-left {
  margin-left: min(4.13vw , 31px);
}
.section2 .slider .slides .slide__flex--content-left img {
  width: min(17.6vw , 132px);
  height: min(23.33vw , 175px);
  margin-left: min(4.67vw , 35px);
}
.section2 .slider .slides .slide__flex--content-left .slide__flex--box {
  background: #f2f2f2;
  color: #828282;
 font-size: clamp(10px, 4.00vw, 30px);
  font-weight: bold;
  padding-left: min( 4.33vw , 32.5px);
padding-right: min( 4.33vw , 32.5px);
 padding-top: min(4.47vw ,33.5px); 
 padding-bottom: min(4.47vw ,33.5px); 
margin-top: min(1.33vw ,10px);
}
.section2 .slider .slides .slide__flex--content-left .slide__flex--left-text {
  color: #828282;
 font-size: clamp(10px, 3.20vw, 24px);
  margin-bottom: min( 5.33vw,40px);
margin-top: min(4.13vw ,31px);
text-align: center;
  font-weight: bold;
}
.section2 .slider .slides .slide__flex--content-right {
  margin-left: min(2.27vw,17px);
margin-right: min(3vw,49px );

}
.section2 .slider .slides .slide__flex--content-right .slide__flex--right-box {
  background: #17bcb5;
  padding-left: min( 1.73vw ,13px);
  padding-right: min( 1.73vw ,13px);
padding-top: min(15.67vw , 117.5px );
padding-bottom: min(15.67vw , 117.5px );
  color: #ffef11;
  font-size: clamp(10px, 5.07vw, 38px);
  font-weight: bold;
  font-family: "Oswald", serif;
  margin-top: min(1.33vw ,10px);
}
.section2 .slider .slides .slide__flex--content-right .slide__flex--right-text {
  background: #ffef11;
font-size: clamp(10px, 3.20vw, 24px);
  font-weight: bold;
  color: #00768a;
  padding: 10.5px 5.5px;
  margin-top: min(2.67vw , 20px);
   white-space: nowrap;
padding-top: min(1.4vw , 10.5px);
padding-bottom: min(1.4vw , 10.5px);
padding-left: min(0.73vw , 5.5px);
padding-right: min(0.73vw , 5.5px);
text-align: center;
}
.section2__content {
  position: relative;
  z-index: 2;
}
.section2__backimg {
  position: absolute;
  width: 76%;
  aspect-ratio: 1 / 1;
  z-index: -1;
  top: 12%;
  left: 50%;
  transform: translateY(0) translateX(-50%);
  -webkit-transform: translateY(0) translateX(-50%);
}
.section2__arrowimg {
  width: min(6vw ,45px);
  height: min(6.53vw , 49px);
  margin: 0 auto;
}
.section2__text1 {
 font-size: clamp(10px, 9.07vw, 68px);
  font-weight: bold;
  color: #07a2aa;
  text-align: center;
  line-height: 1.25;
}
.section2__text2 {
   width: 91.47%;;
  aspect-ratio: 5.157 / 1;
  margin: 17px auto 8px auto;

}
.section2__text2 span {
font-size: clamp(10px, 12.00vw, 90px);
  color: #ffef11;
}
.section2__img {
  margin-top: 8px;
  width: 100%;
  aspect-ratio: 1/0.7753;
}

.section3__inner {
  position: relative;
  background: #cdcdcd;
  padding-bottom: min(6.4vw , 48px);
}
.section3__inner:after {
  aspect-ratio: 1/0.1935;
  background-color: #cdcdcd;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  content: "";
  position: absolute;
  top: 98%;
  width: min(66.13vw , 496px);
  left: 50%;
  transform: translateY(0) translateX(-50%);
  -webkit-transform: translateY(0) translateX(-50%);
}
.section3__ttl {
  position: absolute;
  width: 88.27%;
 font-size: clamp(10px, 5.33vw, 40px) !important;
  color: #000000;
  background: #fff;
  font-weight: bold;
  text-align: center;
  padding-top: min(4.27vw  ,16px);
  padding-bottom: min(4.27vw  ,16px);
  border-radius: 90px;
  border: 1px solid #000;
  z-index: 1;
  top: max(-9vw, -50px);
  left: 50%;
  transform: translateY(0) translateX(-50%);
  -webkit-transform: translateY(0) translateX(-50%);
}
.section3__ttl:after {
  aspect-ratio: 2.5/1;
  background-color: #fff;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  content: "";
  position: absolute;
  top: 98%;
    width: 10.57%;
  left: 50%;
  transform: translateY(0) translateX(-50%);
  -webkit-transform: translateY(0) translateX(-50%);
}
.section3__subttl {
  position: relative;
  padding-top: min(5.07vw ,38px);
  margin-bottom: min(14.4vw ,108px);
  background: #333333;
}
.section3__subttl img {
  display: block;
  width: 58.13%;
  height: auto;
  margin: 0 auto;
}
.section3__subttl:after {
  aspect-ratio: 1/0.101;
  background-color: #333333;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  content: "";
  position: absolute;
  top: 99%;
width: 85.33vw;
  max-width: 640px;
  left: 50%;
  transform: translateY(0) translateX(-50%);
  -webkit-transform: translateY(0) translateX(-50%);
}
.section3__flex {
  display: flex;
justify-content: center;
  margin-top: 0;
margin-left: min(4vw , 30px);
margin-bottom: min( 1.6vw ,13px) ;
margin-right: min(4vw , 30px);
}
.section3__flex--item1 {
  margin-right: min( 2.67vw , 20px);
  background: #fff;
 font-size: clamp(10px, 4vw, 32px);
  font-weight: bold;
  text-align: center;
  border-radius: 15px;
  padding-top: min( 5.73vw , 43px );
 padding-left: min( 3.73vw , 28px);
 padding-bottom: min( 5.73vw , 43px );
 padding-right: min( 3.73vw , 28px);
  line-height: 1.22;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);

}
.section3__flex--item2 {
  background: #fff;
font-size: clamp(10px, 4vw, 32px);
  font-weight: bold;
  text-align: center;
   border-radius: 15px;
  padding-top: min(5.73vw , 43px);
padding-right :min(2.67vw , 20px);
padding-bottom:  min(5.73vw , 43px);
padding-left :min(2.67vw , 20px);
  line-height: 1.22;
  box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);

}
.section3__flex--item3 {
  margin-right: min( 2.67vw , 20px);
  background: #fff;
font-size: clamp(10px, 4vw, 32px);
  font-weight: bold;
  text-align: center;
  border-radius: 15px;
  padding: 43px 35.5px;
padding-top: min(5.73vw , 43px);
padding-right :min(4.73vw , 35.5px);
padding-bottom:  min(5.73vw , 43px);
padding-left :min(4.73vw , 35.5px);
  line-height: 1.22;
  box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);

}
.section3__flex--item4 {
  background: #fff;
font-size: clamp(10px, 4vw, 32px);
  font-weight: bold;
  text-align: center;
  border-radius: 15px;
padding-top: min(5.73vw , 43px);
padding-right :min(8.27vw , 62px);
padding-bottom:  min(5.73vw , 43px);
padding-left :min(8.27vw , 62px);
  line-height: 1.22;
  box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
}
.section3__img {
  width: min(72.8vw , 546px);
  height: min(35.73vw , 268px);
  margin: 40px auto 0 auto;
margin-top: min(5.33vw , 40px);
}
.section3__arrow {
  position: absolute;
  width: min(6vw ,45px);
  height: min(6.53vw , 49px);
  bottom: -23px;
  left: 50%;
  transform: translateY(0) translateX(-50%);
  -webkit-transform: translateY(0) translateX(-50%);
  z-index: 2;
}

.section4__inner {
  margin-top: min(11.73vw , 88px);
  width: 100%;
}

.section5__inner {
  position: relative;
  background: #fff;
  margin-top: min(3.07vw , 23px);
  padding-top: min(54.93vw , 412px);
}
.section5__backimg1 {
  position: absolute;
  width: min(95.6vw , 717px);
  height: min(58.27vw , 437px);
  top: 19px;
  left: 50%;
  transform: translateY(0) translateX(-50%);
  -webkit-transform: translateY(0) translateX(-50%);
  z-index: 2;
}
.section5__backimg2 {
  position: absolute;
  width: min(76vw , 570px);
  height: min(76vw , 570px);
  top: 0;
  left: 50%;
  transform: translateY(0) translateX(-50%);
  -webkit-transform: translateY(0) translateX(-50%);
  z-index: 0;
}
.section5__ttl {
  position: relative;
  background: #17bcb5;
 font-size: clamp(10px, 8.00vw, 60px) !important;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1.22;
padding-top: min(7.33vw , 55px);
padding-bottom: min(4.13vw , 31px);
}
.section5__ttl:after {
  aspect-ratio: 1/0.262;
  background-color: #17bcb5;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  content: "";
  position: absolute;
  top: 98%;
width: 30vw;
  max-width: 225px;
  left: 50%;
  transform: translateY(0) translateX(-50%);
  -webkit-transform: translateY(0) translateX(-50%);
}
.section5__area {
  width: 100%;
  background: #fffbdd;
 padding-top: min(10.67vw ,  80px);
 padding-bottom: min(12.13vw ,  91px);
}
.section5__content {
  width: 88.8%;
  margin: 0 auto;
border-width: 3px;
    border-color: #07a2aa;
    border-style: solid;
  border-radius: min(2.67vw , 9px);
  background: #fff;
}
.section5__content--ttl {
font-size: clamp(10px, 5.87vw, 44px);
  font-weight: bold;
  color: #00768a;
  text-align: center;
line-height: 1.2;
  padding-top: min(7.73vw , 58px) !important;
}
.section5__content--text {
 font-size: clamp(10px, 4.00vw, 30px);
  font-weight: 600;
  color: #222222;
  text-align: center;
    margin-top: 9px;
    line-height: 1.2;
}

.section5__content--text span {
  color: #07A2AA;
}


.section5__content--img {
  max-width: 588px;
width: 74.4vw;
height: 61.07vw;
  max-height: 458px;
margin-top: min(4.4vw , 33px);
margin-bottom: min(8.67vw ,65px);
margin-right: auto;
margin-left: auto;
}
.section5__content--img1 {
  max-width: 576px;
width: 76.8vw;
  max-height: 394px;
height:52.53vw;
margin-top: min(4.67vw , 35px);
margin-bottom: min(7.07vw , 53px);
margin-right: auto;
margin-left: auto;
}
.section5__content:last-of-type {
  margin-top: min(5.73vw , 43px);
}

.section6__inner {
  background: #fff;
}
.section6__inner .content1 {
  margin-top: min( 4vw , 30px);
}
.section6__inner .content2 {
  margin-top: min(5.07vw ,  38px);
}
.section6__ttl {
margin-top: min(9.87vw , 74px);
margin-bottom: min(4vw , 30px);
}
.section6__flex {
  display: flex;
  justify-content: space-between;
  margin-left: min(4.87vw , 44px);
margin-right: min(4.87vw , 44px);

}
.section6__flex .item2 {
  max-height: 266px;
height: 35.47vw;
}
.section6__flex--item {
  max-width: 314px;
width: 41.87vw;
  max-height: 241px;
height: 32.13vw;
  background: #fff9da;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
border-radius: min(3.47vw, 13px);
}
.section6__flex--item-img {
  display: block;
  max-width: 105px;
width: 14vw;
 max-height: 124px;
height: 16.53vw;
  margin-top: min(3.47vw , 26px);
margin-left: auto;
margin-right: auto;
}
.section6__flex--item-img1 {
  display: block;
  max-width: 124px;
width: 16.53vw;
  max-height: 106px;
height :14.13vw;
 margin-top: min(1.73vw , 13px);
margin-left: auto;
margin-right: auto;
}
.section6__flex--item-img2 {
  display: block;
  max-width: 210px;
width: 28vw;
  max-height: 133px;
height: 17.73vw;
  margin: 17px auto 0 auto;
}
.section6__flex--item-img3 {
  display: block;
  max-width: 116px;
width: 15.47vw;
  max-height: 119px;
height: 15.87vw;
margin-top: min(4.27vw , 32px);
margin-left: auto;
margin-right: auto;
}
.section6__flex--item-text {
 font-size: clamp(10px, 4.27vw, 32px);
  font-weight: bold;
  text-align: center;
  color: #00768a;
  line-height: 1.2;
  margin-top: 5px;
  letter-spacing: 0.1em;
}
.section6__flex--item-text span {
  display: block;
 font-size: clamp(10px, 2.00vw, 15px);
}
.section6__flex--img4 {
  max-width: 215px;
width: 28.67vw;
  max-height: 168px;
height: 22.4vw;
  margin-left: min( 10.13vw , 76px);
}
.section6__flex--text {
   font-size: clamp(10px, 4.27vw, 32px);
  color: #00768a;
  font-weight: bold;
  text-align: center;
  margin-right: min( 10.13vw , 76px);
  line-height: 1.2;
  letter-spacing: 0.1em;
}
.section6__flex--text span {
  font-size: clamp(10px, 8.13vw, 61px);
}
.section6 .content-flex {
  justify-content: space-between;
  align-items: center;
  background: #fff9da;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
 
padding-top: min(6.67vw , 50px);
padding-bottom:  min(6.67vw , 50px);
  margin-top: min(4.53vw , 34px);
  border-radius: 13px;
}
.section6__arrow {
  display: block;
  max-width: 45px;
width: 6vw;
  max-height: 49px;
height: 6.53vw;
margin-top: min(3.47vw , 26px);
margin-bottom: min(3.33vw , 25px);
margin-left: auto;
margin-right: auto;
}

.section7__inner {
  background: #fff9da;
}
.section7__ttlarea {
  background: url(../images/section7__backimg.webp);
  background-size: cover;
  background-position: center center;
  padding: 74px 0;
padding-top: min(9.87vw , 74px);
padding-bottom: min(9.87vw , 74px);
  max-height: 265px;
height: 35.33vw;
}
.section7__subttl {
  max-width: 483px;
width:64.4vw;
  margin: 0 auto;
 font-size: clamp(10px, 5.20vw, 39px);
  color: #07a2aa;
  background: #fff;
  text-align: center;
  padding: 4.5px 0  !important;
  border-radius: 100px;
  letter-spacing: 0.1em;
  font-weight: 600;
}
.section7__ttl {
 font-size: clamp(10px, 9.07vw, 68px) !important;
  color: #fff;
  text-align: center;
  margin-top: min( 2.2vw, 16.5px);
  letter-spacing: 0.1em;
  font-weight: 600;
}
.section7__flex {
  position: relative;
  display: flex;
  margin-top: min(3.33vw , 25px);
}
.section7__flex--img {
  max-width: 182px;
width: 24.27vw;
height: 26.93vw;
  max-height: 202px;
  margin-left: min( 5.73vw , 43px);
}
.section7__flex--text {
   background: url(../images/section7__flex--text-back.webp);
   background-size: cover;
  position: relative;
  max-width: 473px;
width: 63.07vw;
 
margin-top: min(1.47vw ,11px);
margin-left: min( 3.07vw ,23px);

}
.section7__flex--text p {
font-size: clamp(10px, 3.20vw, 24px);
  color: #000;
padding-top: min(3.07vw , 23px) !important;
padding-bottom: min(3.07vw , 23px) !important;
padding-right: min(2.53vw , 19px) !important;
padding-left: min(5.87vw , 44px) !important;
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.section7__flex__triangle {
  position: absolute;
  max-width: 28px;
width: 3.73vw;
  max-height: 45px;
height: 6vw;
  top: 50%;
  left: 30%;
  transform: translateY(-50%) translateX(0);
  -webkit-transform: translateY(-50%) translateX(0);
}
.section7__flex--text span {
  color: #07a2aa;
}
.section7__img4 {
  display: block;
  max-width: 716px;
 width: 95.47vw;
  max-height: 209px;
height: 27.87vw; 
margin-top: min(5.6vw , 42px);
margin-left: auto;
margin-right: auto;
}

.section8__inner {
  background: #fff9da;
  padding-bottom: min(15.73vw , 118px);
}
.section8__ttlarea {
  background: #07a2aa;
padding-top: min(4.8vw , 36px);
padding-bottom: min( 6vw , 45px);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  margin-bottom: min(10.67vw , 80px);
}
.section8__subttl {
  width: 81.47vw;
max-width: 611px;
  margin: 0 auto;
  font-size: clamp(10px, 4.93vw, 37px);
  text-align: center;
  background: #fff;
padding-top: min(3.2vw ,12px) !important;
padding-bottom: min(3.2vw ,12px) !important;
  border-radius: min(21.87vw , 82px);
  color: #37495b;
 font-weight: bold;
 letter-spacing: 0.1em;
}
.section8__ttl {
  position: relative;
  font-size: clamp(10px, 6.67vw, 50px) !important;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: 1.37 !important;
margin-top:8px;
 letter-spacing: 0.05em;
}
.section8__ttl span {
  color: #ffef11;
 font-size: clamp(10px, 8.80vw, 66px);
  font-weight: bold;
}
.section8__ttl::before {
  position: absolute;
  content: "";
  width: 76.13vw;
max-width: 571px;
  height: 2.5px;
  background: #fff;
  bottom: 0;
  left: 50%;
  transform: translateY(0) translateX(-50%);
  -webkit-transform: translateY(0) translateX(-50%);
}
.section8__ttl::after {
  aspect-ratio: 2/1;
  background-color: #fff;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  content: "";
  position: absolute;
  bottom: max(-2vw , -16px);
  left: 50%;
  transform: translateY(0) translateX(-50%);
  -webkit-transform: translateY(0) translateX(-50%);
  width: 4.27vw;
max-width:32px;
}
.section8__item {
  width: 90.26%;
  margin: 0 auto;
padding-top: min(8.93vw , 67px);
padding-bottom: min(9.33vw , 70px);
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.section8__item--img {
  width: 84.93%;
  margin: 0 auto;
}
.section8__item--ttl {
font-size: clamp(10px, 6.40vw, 48px);
  font-weight: bold;
  color: #00768a;
  text-align: center;
  line-height: 1.23;
  margin-top: min( 7.87vw , 52px);
  letter-spacing: 0.1em;
}
.section8__item--text {
  font-size: clamp(10px, 4.00vw, 30px);
  color: #000;
margin-top: min(2.67vw , 20px);
margin-left: min(5.33vw ,40px);
margin-right: min(5.33vw ,40px);
  text-align: left;
  line-height: 1.3;
  letter-spacing: 0.1em;
}
.section8__arrow {
    max-width: 54px;
width: 7.2vw;
    margin: 36px auto 32px auto;
margin-top: min(4.8vw , 36px);
margin-left: auto;
margin-bottom: min(4.27vw , 32px);
margin-right: auto;
}
.section8__arrow img {
display: block;
  max-width: 54px;
width: 7.2vw;
  height: 2.13vw;
max-height: 16px;
   filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.5));
}
.gradient-color {
background: linear-gradient(270deg, #FBB924 3%, #F9921C 43%, #F87616 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.section9 {
  /*アコーディオンタイトル*/
  /*アイコンの＋と×*/
  /*　closeというクラスがついたら形状変化　*/
  /*アコーディオンで現れるエリア*/
}
.section9__inner {
  background-image: url(../images/section9__back.webp);
padding-bottom: min(9.6vw ,72px);
    background-size: cover;
    background-repeat: no-repeat;
}
.section9__ttlarea {
  background: #07a2aa;
padding-top: min(5.07vw ,38px);
padding-bottom: min(5.07vw ,40px);
}
.section9__subttl {
font-size: clamp(10px, 3.20vw, 24px);
  color: #fff9da;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0.1em;
}
.section9__ttl {
 font-size: clamp(10px, 6.13vw, 46px) !important;
  color: #fff9da;
  text-align: center;
  line-height: 1.33;
  margin-top: 7px;
  font-weight: 600;
  letter-spacing: 0.1em;

}
.section9 .accordion-area {
  list-style: none;
  width: 86.6%;
margin-top: min(8.53vw , 64px);
margin-left: auto;
margin-right: auto;
}
.section9 .title {
  position: relative;
  background: #fff9da;
  position: relative; /*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
font-size: clamp(10px, 3.73vw, 28px);
  font-weight: bold;
  transition: all 0.1s ease;
  color: #00768a;
  line-height: 1.25;
padding-top: min(3.6vw ,27px);
padding-right: min(32.93vw ,22px);
padding-bottom: min(3.6vw ,27px);
padding-left: min(10.67vw ,80px);
letter-spacing: 0;
font-family: 'Noto Sans JP', sans-serif;
}
.section9 .title span {
  position: absolute;
  left: min(5.33vw ,40px);
  max-width: 32px;
    width: 4vw;
}
.section9 .title::before,
.section9 .title::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 2px;
  background-color: #00768a;
}
.section9 .title::before {
  top: 48%;
  right: 8%;
  transform: rotate(0deg);
}
.section9 .title::after {
  top: 48%;
  right: 8%;
  transform: rotate(90deg);
}
.section9 .title.close::before {
  transform: rotate(0deg);
}
.section9 .title.close::after {
display: none;
  transform: rotate(-45deg);
}
.section9 .box {
display: none;
  padding: 23px 37px 44px 37px;
padding-top: min(3.07vw ,23px);
padding-right: min(4.93vw ,37px);
padding-bottom: min(5.87vw ,44px);
padding-left: min(4.93vw ,37px);
  font-size: clamp(10px, 3.47vw, 26px);

  letter-spacing: 0.15em;
  line-height: 1.6;
}

.section10__inner {
  position: relative;
  background: url(../images/section10__back.webp);
  background-size: cover;
  height: 93.2vw;
max-height: 699px;
}
.section10__ttl {
 font-size: clamp(10px, 4.93vw, 37px) !important;
  color: #07a2aa;
  line-height: 1.6 !important;
  padding: 61px 0 0 41px;
padding-top: min(8.13vw ,61px);
padding-left: min(5.47vw ,41px);
letter-spacing: 0.1em;
}
.section10__ttl span {
  font-weight: bold;
}
.section10__logo {
  position: absolute;
  max-width: 293px;
width: 39.07vw;
  max-height: 47px;
height: 6.27vw;
  bottom: min(5.07vw , 38px);
  left: min(5.07vw , 38px);
}

.section10__logo {
  height: auto;
}

.footer__inner {
  background: #00768a;
  /* padding-top: min(11.2vw , 84px); 
  padding-bottom: min(11.2vw , 84px);  */
  padding-top: clamp(14px,3.73vw,24px);
  padding-bottom: clamp(20px,5.3vw,34px)
}

.footer__container {
  color: white;
  font-size: clamp(12px,3.2vw,16px);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.footer__link {
  display: block;
  margin: clamp(8px,2.13vw,13.6px);
  text-align: center;
  line-height: 1.2;
}
.footer__link:hover {
  text-decoration: underline;
}

.footer__copy {
  font-size: clamp(10px,2.6Vw,16.6px);
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  padding-top: clamp(10px,2.66vw,17px) !important;
  padding-bottom: clamp(16px,4.26vw,27.2px);
  line-height: 1.23;
}

.btn__inner {
  background: linear-gradient(180deg, #fefefd 0%, #d8d6ca 67%, #fcfbef 100%);
  padding-top: min(2.67vw , 20px);
  padding-bottom: min( 4vw , 30px);
}
.text-shadow {
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}
.btn__text {
  display: flex;
  justify-content: center;
  align-items: center;
 font-size: clamp(10px, 4.27vw, 32px);
  color: #00768a;
}
.btn__text img {
width: 5.72vw;
  height: 5.97vw;
  max-width: 42.88px;
  max-height: 44.78px;
}
.btn__text--color {
  color: #07a2aa;
  font-weight: bold;
  padding-bottom: 1.6%;
}
.btn__text--big {
   font-size: clamp(10px, 6.53vw, 49px);
  font-weight: bold;
  padding-bottom: 12px;
}
.btn .btn__link {
  display: block;
  width: 86.93%;
  margin: 0 auto;
  padding: 5% 0;
  background: linear-gradient(180deg, #fbb924 0%, #f87616 100%);
border-radius: 9px;
    border: 3px solid #F87616;
box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.25);
}
.btn .GTuj .jR6l {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.btn .GTuj .jR6l .PKPn {
font-size: clamp(10px, 4.00vw, 30px);
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
}
.btn .GTuj .jR6l .K-S2 .ZJvc {
  width: 24.8vw;
 max-width: 186px;
  display: flex;
  justify-content: space-between;
  margin: 0 16px;
}
.btn .GTuj .jR6l .K-S2 .ZJvc .rSvv {
  width: 7.73vw;
  height: 9.87vw;
  max-width: 58px;
  max-height: 74px;
}
.btn .GTuj .BOPj .RKE2 {
  display: block;
  font-size: clamp(25px, 6.67vw, 50px);
  font-weight: bold;
  text-align: center;
  line-height: 1.26;
  color: #fff;
}
.btn .back__color {
  background: #fffbdd !important;
}

.QfCI .mLNp {
  background: #fffbdd;
  padding-top: min( 1.6vw , 57px);
  padding-bottom: min( 5.6vw , 42px);
}
.QfCI .mLNp .PVTj {
  width: 88.26%;
  margin: 0 auto;
    /* border-color: #07a2aa;
    border-style: solid;
    border-width: min(1.33vw, 5px); */
}
.QfCI .mLNp .PVTj .FI53 {
  position: relative;
}
.QfCI .mLNp .PVTj .FI53 .jQi- {
  letter-spacing: 0.05em;
  background: #07a2aa;
  font-size: 33px;
  color: #fff;
 font-weight: bold;
padding-top: min(2.67vw ,20px);
padding-bottom: min(1.67vw ,20px);
padding-left: min(3.2vw ,24px);
 border-top-left-radius:  min(3.47vw , 9px);
  border-top-right-radius:  min(3.47vw , 9px);
}
.QfCI .mLNp .PVTj .FI53 .gH2T {
  position: absolute;
  width:11.2vw;
  height: 11.33vw;
  max-width: 84px;
  max-height: 85px;
  top: -15px;
  right: 6px;
}
.QfCI .mLNp .PVTj .zgvs .Ydpo {
  background: #fff;
  border-width: min(1.07vw , 3px);
   border-color: #07a2aa;
  border-style: solid;
    border-bottom-right-radius: min(3.47vw , 9px);
  border-bottom-left-radius:min(3.47vw , 9px);
}
.QfCI .mLNp .PVTj .zgvs .Ydpo .L4CI {
  padding-top: min(2vw , 15px) ;
padding-bottom: min(2vw , 15px);
padding-left: min(5.33vw , 40px);
  border-top-width: min(0.53vw , 2px);
  border-top-color: #07a2aa;
  border-top-style: solid;
}
.QfCI .mLNp .PVTj .zgvs .Ydpo .L4CI img {
  width: 3.47vw;
  height: 3.47vw;
 max-width: 26px;
  max-height: 26px;
  margin-right: 5px;
}
.QfCI .mLNp .PVTj .zgvs .Ydpo .L4CI .XdqY {
 font-size: clamp(10px, 3.20vw, 24px);
  color: #07a2aa;
  font-weight: 600;
}
.QfCI .mLNp .PVTj .zgvs .Ydpo .L4CI .XdqY small {
  padding-left: min(2.67vw , 20px);
}
.QfCI .p-down113 {
  padding-bottom: min(15.07vw , 113px) !important;
}

.btn2__inner {
  background: #fff9da;
  padding-top: min(9.33vw , 70px);
  padding-bottom: 5%;
}
.btn2__text {
  display: flex;
  justify-content: center;
  align-items: center;
 font-size: clamp(10px, 4.27vw, 32px);
  color: #00768a;
  padding-top: min( 3.2vw , 24px);
}
.btn2__text img {
  width: 5.72vw;
  height: 5.97vwpx;
 max-width: 42.88px;
  max-height: 44.78px;
}
.btn2__text--color {
  color: #07a2aa;
  font-weight: bold;
  padding-bottom: 1.6%;
}
.btn2__text--big {
 font-size: clamp(10px, 6.53vw, 49px);
  font-weight: bold;
  padding-bottom: 12px;
}
.btn2 .btn2__link {
  display: block;
  width: 86.93%;
  margin: 0 auto;
  padding: 5% 0;
  background: linear-gradient(180deg, #fbb924 0%, #f87616 100%);
  border-radius: 9px;
  border: #f87616 4px solid;

  box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.25);
}
.btn2 .GTuj .jR6l {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.btn2 .GTuj .jR6l .PKPn {
font-size: clamp(10px, 4.00vw, 30px);
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
}
.btn2 .GTuj .jR6l .K-S2 .ZJvc {
  width: 24.8vw;
 max-width: 186px;
  display: flex;
  justify-content: space-between;
margin-left: min(3.2vw , 16px);
margin-right: min(3.2vw , 16px);
}
.btn2 .GTuj .jR6l .K-S2 .ZJvc .rSvv {
  max-width: 58px;
  max-height: 74px;
width: 7.73vw;
  height: 9.87vw;
}
.btn2 .GTuj .BOPj .RKE2 {
  display: block;
  font-size: clamp(25px, 6.67vw, 50px);
  font-weight: bold;
  text-align: center;
  line-height: 1.26;
  color: #fff;
}
.btn2 .back__color {
  background: #fffbdd !important;
}
.btn2__textimg {
  width: 84.4vw;
  height: 12.53vw;
 max-width: 633px;
  max-height: 94px;
  margin-bottom : min(1.47vw , 11px);
  /* margin: min(  8.2vw ,61.5px); */
margin-right:auto;
margin-left: auto;
}

.template__inner p {
    padding-top: 0;
}
.template__inner h2 {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    /* padding-top: inherit; */
}

#header {
display:none;}
.template__title {
display:none;
}
.footer__logo {
display:none;
}
.copyright {
display:none;
}

.template__body {
    padding:  0;
}

@media screen and (max-width: 750px) {

.btn .GTuj .BOPj .RKE2 {
  font-size: 7.0vw;
}
.QfCI .mLNp .PVTj .FI53 .jQi- {
  font-size: 4.4vw;
}
}

@media screen and (max-width: 425px) {

.header__content {
  width: 75%;
  font-size:12px;
  height: auto;
}

.header__content img {
  width: 50%;
  height: auto;
}

.header__text {
    font-size: clamp(10px, 5.27vw, 32px);
}

.header__text:before {
  left: 7px;
}

.header__text:after {
  right: 7px;
}

}