@charset "UTF-8";

a,
a img {
  background: 0 0;
}

a:link,
a:visited,
ins {
  text-decoration: none;
}

a,
hr {
  padding: 0;
}

img,
svg {
  width: 100%;
  max-width: unset;
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
.foot,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: 0 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}

ins,
mark {
  background-color: #ff9;
  color: #000;
}

* {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

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

nav ul,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::after,
blockquote::before,
q::after,
q::before {
  content: none;
}

a {
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
  cursor: pointer;
}

a:visited {
  color: inherit;
}

a:link {
  color: inherit;
}

a img {
  border: 0 #fff;
}

mark {
  font-style: italic;
  font-weight: 700;
}

del {
  text-decoration: line-through;
}

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

hr {
  display: block;
  height: 1px;
  border-width: 1px 0 0;
  border-image: initial;
  border-style: solid initial initial;
  border-color: #ccc initial initial;
  margin: 1em 0;
}

input,
select {
  vertical-align: middle;
}

button,
input,
select,
textarea {
  appearance: none;
  font-family: inherit;
  border-radius: 0;
  box-sizing: border-box;
  font-size: 16px;
  color: #c3cbd1;
  -webkit-appearance: none;
}

input:focus,
textarea:focus {
  outline: 0;
}

html {
  font-size: 62.5%;
}

body::-webkit-scrollbar {
  display: none;
}

img[src$=".svg"] {
  width: auto;
  height: auto;
}

svg {
  overflow: hidden;
}

html {
  font-size: 62.5%;
}

input {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

body {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  text-rendering: optimizelegibility;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
  background: #ffffff;
  color: #333;
  position: relative;
  font-weight: normal;
  word-break: break-all;
  opacity: 0;
  transition: opacity 0.5s ease;
}
body.onload {
  opacity: 1;
}
:root {
  --c-cyan: #00bfe0;
  --c-pink: #ff8ab3;
  --c-orange: #ff7043;
  --c-yellow: #fff100;
  --c-blue: #0277bd;
  --c-black: #111111;
  --c-white: #ffffff;
  --c-green: #8bc34a;
}

/* Fonts & Colors */
.font-maru {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 900;
}
.font-noto {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.text-yellow {
  color: #fff100;
}
.text-blue {
  color: var(--c-blue);
}
.text-green {
  color: #388e3c;
}
.text-orange {
  color: #ff7043;
}
.text-pink {
  color: #d81b60;
}
.text-green-dark {
  color: #2e7d32;
}
.text-cyan {
  color: #00bfe0;
}

.pc_block {
  display: none;
}
.sp_block {
  display: block;
}
.shrink {
  margin-left: calc((-10 / 750) * 100vw);
}
.spread {
  margin-left: calc((10 / 750) * 100vw);
}
.separator {
  line-height: 0; /* margin-top: calc((-10 / 750) * 100vw); */
}

.over-wrap-menu {
  height: 100%;
  display: flex;
  align-items: flex-start;
  overscroll-behavior: contain;
  overflow-y: scroll;
}

.over-wrap-menu::after,
.over-wrap-menu::before {
  content: "";
  width: 1px;
  height: calc(100vh + 1px);
}

.over-wrap-menu.flex-start {
  align-items: flex-start;
}

.font-din {
  font-family: "din-2014", sans-serif;
  font-weight: 700;
  font-style: normal;
}
/* ===============================
   SP Layout (SP: 750px Base)
   =============================== */
header {
  display: flex;
  justify-content: space-between;
  padding: calc((15 / 750) * 100vw);
  padding-bottom: 0;
  /* background-color: #00bfe0; */
  position: absolute;
  z-index: 1;
  width: 100%;
}

header .nissin_logo {
  width: calc((130 / 750) * 100%);
}
header .kzm_logo {
  width: calc((120 / 750) * 100%);
}

#sec01 {
  /* margin-top: calc((-170 / 750) * 100%); */
}
#sec01 .wrap {
  position: relative;
  /* width: 100%; */
  overflow: hidden;
}
#sec01 .inner {
  height: 100%;
  width: 100%;
  z-index: 1;
  position: absolute;
}
#sec01 .bg {
  /* position: absolute; */
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  line-height: 0;
}
#sec01 .block01 {
  /* left: calc((20 / 750) * 100vw); */
  /* top: calc((100 / 750) * 100vw); */
  /* position: absolute; */
}
#sec01 .block01 .group01 {
  /* position: relative; */
  color: #ffff00;
}

#sec01 .block01 .group01 .text01 {
  font-size: calc((74 / 750) * 100vw);
  line-height: 1;
  transform: skewX(-11deg) rotate(-8deg) scaleY(1.1);
  letter-spacing: -0.1em;
  left: calc((45 / 750) * 100vw);
  position: absolute;
  top: calc((104 / 750) * 100vw);
}
#sec01 .block01 .group01 .text02 {
  font-size: calc((134 / 750) * 100vw);
  line-height: 1;
  transform: skewX(-11deg) rotate(-8deg) scaleY(1.1);
  letter-spacing: -0.05em;
  top: calc((192 / 750) * 100vw);
  position: absolute;
  left: calc((30 / 750) * 100vw);
}
#sec01 .block01 .group01 .text03 {
  font-size: calc((75 / 750) * 100vw);
  line-height: 1;
  transform: skewX(-12deg) rotate(-8deg) scaleY(1.1);
  letter-spacing: 0em;
  position: absolute;
  left: calc((536 / 750) * 100vw);
  top: calc((185 / 750) * 100vw);
  width: max-content;
}
#sec01 .block01 .group01 .text03 .sc01 {
  font-size: calc((90 / 750) * 100vw);
}
#sec01 .block01 .group02 {
}
#sec01 .block01 .group02 .text01 {
  font-size: calc((49 / 750) * 100vw);
  line-height: 1;
  transform: skewX(-8deg) rotate(-8deg) scaleY(1.1);
  letter-spacing: -0.02em;
  background-color: #2684c9;
  display: inline-block;
  padding: calc((18 / 750) * 100vw);
  padding-top: calc((6 / 750) * 100vw);
  padding-right: calc((40 / 750) * 100vw);
  color: #ffff00;
  position: absolute;
  top: calc((340 / 750) * 100vw);
  left: calc((45 / 750) * 100vw);
}
#sec01 .block01 .group02 .text01 .sc01 {
  /* color: #fff; */
  font-family: inherit;
  font-weight: 400;
  font-size: calc((30 / 750) * 100vw);
  position: absolute;
  right: calc((7 / 750) * 100vw);
  bottom: calc((7 / 750) * 100vw);
  color: #ffff00;
}
#sec01 .block02 {
  position: absolute;
  /* left: calc((20 / 750) * 100vw); */
  top: calc((370 / 750) * 100vw);
  width: 100%;
}
#sec01 .block02 .group01 {
  position: relative;
}
#sec01 .block02 .group01 .flavor-badge {
  position: absolute;
  width: calc((76 / 750) * 100vw);
  height: calc((76 / 750) * 100vw);
  min-width: 45px;
  min-height: 45px;
  /* background-color: #fff; */
  border-radius: 50%;
  border: solid calc((1 / 750) * 100vw) #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc((19 / 750) * 100vw);
  line-height: 1.2;
  color: #fff;
  text-align: center;
  letter-spacing: -0.05em;
}
#sec01 .block02 .group01 .flavor-badge.f-mango {
  background-color: #f3a400;
  top: calc((145 / 750) * 100vw);
  left: calc((40 / 750) * 100vw);
}
#sec01 .block02 .group01 .flavor-badge.f-matcha {
  background-color: #5f9c35;
  top: calc((320 / 750) * 100vw);
  left: calc((20 / 750) * 100vw);
}
#sec01 .block02 .group01 .flavor-badge.f-choco {
  background-color: #77331c;
  top: calc((60 / 750) * 100vw);
  left: calc((580 / 750) * 100vw);
}
#sec01 .block02 .group01 .flavor-badge.f-lemon {
  background-color: #ffff00;
  top: calc((230 / 750) * 100vw);
  left: calc((650 / 750) * 100vw);
  color: #0e8ed3;
}
#sec01 .block02 .group01 .flavor-badge.f-pistachio {
  background-color: #a4bd2d;
  top: calc((530 / 750) * 100vw);
  left: calc((418 / 750) * 100vw);
}
#sec01 .block02 .group01 .flavor-badge.f-strawberry {
  background-color: #d6352d;
  top: calc((690 / 750) * 100vw);
  left: calc((640 / 750) * 100vw);
}
#sec01 .block02 .img_content01 {
}

#sec01 .block03 {
  display: flex;
  top: calc((920 / 750) * 100vw);
  left: calc((50 / 750) * 100vw);
  position: absolute;
}
#sec01 .block03 .group01 {
}
#sec01 .block03 .group02 {
}
#sec01 .block03 .group01,
#sec01 .block03 .group02 {
  width: calc((148 / 750) * 100vw);
  height: calc((148 / 750) * 100vw);
  background-color: #fff100;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 900;
  color: #0e8ed3;
}
#sec01 .block03 .group02 {
  left: calc((160 / 750) * 100vw);
  top: calc((-15 / 750) * 100vw);
  position: absolute;
}
#sec01 .block03 .group01 .text01 {
  display: inline-block;
  margin-top: calc((-10 / 750) * 0.8 * 100vw);
}
#sec01 .block03 .group01 .text01 .sc01 {
  font-size: calc((12 / 750) * 100vw);
  line-height: 1.2;
  display: inline-block;
}
#sec01 .block03 .group01 .text02 {
  line-height: 1;
  display: inline-block;
  margin-top: calc((-7 / 750) * 0.8 * 100vw);
}
#sec01 .block03 .group01 .text02 .sc01 {
  font-size: calc((24 / 750) * 1.7 * 100vw);
  letter-spacing: -0.05em;
}
#sec01 .block03 .group01 .text02 .sc02 {
  font-size: calc((24 / 750) * 100vw);
}
#sec01 .block03 .group01 .text02 .sc03 {
  font-size: calc((24 / 750) * 0.8 * 100vw);
}
#sec01 .block03 .group01 .text03 {
  line-height: 1;
  display: inline-block;
  margin-top: calc((3 / 750) * 0.8 * 100vw);
  margin-bottom: calc((3 / 750) * 0.8 * 100vw);
}
#sec01 .block03 .group01 .text03 .sc01 {
  font-size: calc((24 / 750) * 100vw);
}
#sec01 .block03 .group01 .text03 .sc02 {
  font-size: calc((24 / 750) * 0.8 * 100vw);
}
#sec01 .block03 .group01 .text04 {
  line-height: 1;
  display: inline-block;
  font-size: calc((19 / 750) * 100vw);
}
#sec01 .block03 .group01 .text04 .sc01 {
}
#sec01 .block03 .group02 .text01 {
  line-height: 1;
  display: inline-block;
}
#sec01 .block03 .group02 .text01 .sc01 {
  font-size: calc((16 / 750) * 100vw);
}
#sec01 .block03 .group02 .text02 {
  line-height: 1;
  display: inline-block;
}
#sec01 .block03 .group02 .text02 .sc01 {
  font-size: calc((54 / 750) * 1.3 * 100vw);
}
#sec01 .block03 .group02 .text02 .sc02 {
  font-size: calc((16 / 750) * 100vw);
  position: absolute;
  top: calc((46 / 750) * 100vw);
  right: calc((16 / 750) * 100vw);
}

#sec01 .block03 .group02 .text03 {
  line-height: 1;
  display: inline-block;
}
#sec01 .block03 .group02 .text03 .sc01 {
  font-size: calc((18 / 750) * 100vw);
}
#sec01 .block04 {
  /* position: absolute; */
  /* top: calc((1120 / 750) * 100vw); */
  /* left: calc((50 / 750) * 100vw); */
}

#sec01 .block04 .group01 .text01 {
  font-size: calc((90 / 750) * 100vw);
  line-height: 1;
  transform: skewX(-12deg) rotate(-8deg);
  letter-spacing: -0.08em;
  color: #fff;
}
#sec01 .block04 .group01 .text01 {
  font-size: calc((90 / 750) * 100vw);
  line-height: 1;
  transform: skewX(-11deg) rotate(-8deg) scaleY(1.1);
  letter-spacing: 0.04em;
  color: #fff;
  position: absolute;
  top: calc((1060 / 750) * 100vw);
  left: calc((60 / 750) * 100vw);
}
#sec01 .block04 .group01 .text01 .sc01 {
  font-size: calc((56 / 750) * 100vw);
  position: absolute;
  left: calc((-33 / 750) * 100vw);
  top: calc((20 / 750) * 100vw);
}
#sec01 .block04 .group02 .text01 {
  font-size: calc((90 / 750) * 100vw);
  line-height: 1;
  transform: skewX(-11deg) rotate(-8deg) scaleY(1.1);
  letter-spacing: -0.2em;
  color: #fff;
  top: calc((1160 / 750) * 100vw);
  left: calc((50 / 750) * 100vw);
  position: absolute;
}
#sec01 .block04 .group02 .text01 .sc01 {
  font-size: calc((56 / 750) * 100vw);
  position: absolute;
  left: calc((350 / 750) * 100vw);
  top: calc((20 / 750) * 100vw);
}

#sec01 .block04 .group03 .text01,
#sec01 .block04 .group03 .text02 {
  font-size: calc((90 / 750) * 100vw);
  line-height: 1;
  transform: skewX(-11deg) rotate(-8deg) scaleY(1.1);
  /* letter-spacing: -0.08em; */
  color: #0589ff;
  /* paint-order: stroke; */
  /* -webkit-text-stroke: calc((13 / 750) * 100vw) #ffffff; */
  /*text-stroke: 2px black;*/
  /*paint-order: stroke;*/
  /* position: absolute; */
  /* right: 0; */
}
#sec01 .block04 .group03 .sc01 {
  font-size: calc((120 / 750) * 100vw);
  position: relative;
  top: calc((10 / 750) * 100vw);
}
#sec01 .block04 .group03 .text01 {
  z-index: 2;
  position: relative;
}
#sec01 .block04 .group03 .text02 {
  position: absolute;
  top: 0;
  z-index: 0;
  -webkit-text-stroke: calc((10 / 750) * 100vw) #ffffff;
  paint-order: stroke;
  color: #fff;
}
#sec01 .block04 .group04 {
  width: calc((33 / 750) * 100vw);
  top: calc((1290 / 750) * 100vw);
  left: calc((690 / 750) * 100vw);
  position: absolute;
  right: 0;
}
#sec01 .block04 .group01 {
}
#sec01 .block04 .group02 {
}
#sec01 .block04 .group03 {
  right: 0;
  top: calc((1150 / 750) * 100vw);
  left: calc((420 / 750) * 100vw);
  position: absolute;
  /* width: calc((500 / 750) * 100vw); */
}
#sec01 .block05 {
  color: #fff;
  position: absolute;
  top: calc((1290 / 750) * 100vw);
  left: calc((50 / 750) * 100vw);
}
#sec01 .block05 .text01 {
  font-size: calc((19 / 750) * 100vw);
  font-weight: 500;
}

#sec02 {
  /* background-color: #00bfe0; */
  /* display: none; */
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9;
  /* display: none; */
}
#sec02 {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}

#sec02.is-show {
  opacity: 1;
  pointer-events: auto;
}
#sec02 .wrap {
  /* margin-top: calc((-10 / 750) * 100vw); */
}
#sec02 .inner {
  padding: 0 calc((20 / 750) * 100vw);
  padding-right: calc((0 / 750) * 100vw);
}
#sec02 a {
  display: block;
  position: relative;
}
#sec02 .block01 {
  height: calc((100 / 750) * 100vw);
  background-color: #fff;
  border-radius: calc((100 / 750) * 100vw);
  border: solid calc((6 / 750) * 100vw) #6ebf00;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: calc((600 / 750) * 100vw);
  left: calc((20 / 750) * 100vw);
}
#sec02 .block01 .swiper-wrapper {
  align-items: center;
}
#sec02 .block01 .text01 {
  height: calc((100 / 750) * 100vw);
  line-height: 1;
  display: flex;
  align-items: start;
  font-weight: 900;
  top: calc((20 / 750) * 100vw);
  left: calc((30 / 750) * 100vw);
  position: relative;
  max-width: calc((490 / 750) * 100vw);
  width: 100%;
  line-height: 0;
}
#sec02 .swiper-slide {
  height: 100%;
}
#sec02 .block01 .text01 .sc01 {
  font-size: calc((46 / 750) * 1.3 * 100vw);
  color: #cf102a;
  transform: scaleY(1.3);
  transform-origin: bottom;
  display: block;
  line-height: 1;
  margin-right: calc((6 / 750) * 100vw);
  letter-spacing: -0.05em;
}
#sec02 .block01 .text01 .sc02 {
  font-size: calc((46 / 750) * 100vw);
  color: #cf102a;
  transform: scaleX(0.8);
  display: block;
  transform-origin: left;
  line-height: 1;
  position: relative;
  top: calc((5 / 750) * 100vw);
}
#sec02 .block01 .text01 .sc02 .black {
  color: #000;
}
#sec02 .block01 .text02 {
  height: calc((100 / 750) * 100vw);
  line-height: 1;
  display: flex;
  align-items: baseline;
  font-weight: 900;
  top: calc((14 / 750) * 100vw);
  left: calc((45 / 750) * 100vw);
  position: relative;
  max-width: calc((470 / 750) * 100vw);
  width: 100%;
}
#sec02 .block01 .text02 .sc01 {
  font-size: calc((40 / 750) * 100vw);
  display: block;
  line-height: 1;
  margin-right: calc((5 / 750) * 100vw);
}
#sec02 .block01 .text02 .sc02 {
  font-size: calc((40 / 750) * 1.6 * 100vw);
  color: #cf102a;
  display: block;
  line-height: 1;
  letter-spacing: -0.05em;
  margin-right: calc((5 / 750) * 100vw);
}
#sec02 .block01 .text02 .sc03 {
  font-size: calc((40 / 750) * 100vw);
  display: block;
  line-height: 1;
  color: #cf102a;
}
#sec02 .block01 .text02 .sc04 {
  position: relative;
  top: calc((-20 / 750) * 100vw);
  font-weight: bold;
  font-size: calc((20 / 750) * 100vw);
}
#sec02 .block01 .text02 .sc05 {
  position: absolute;
  font-size: calc((15 / 750) * 100vw);
  font-weight: bold;
  left: calc((175 / 750) * 100vw);
  bottom: calc((15 / 750) * 100vw);
}

#sec02 .block01 .text03 {
  height: calc((100 / 750) * 100vw);
  line-height: 1;
  display: flex;
  align-items: center;
  font-weight: 900;
  top: calc((0 / 750) * 100vw);
  left: calc((30 / 750) * 100vw);
  position: relative;
  max-width: calc((480 / 750) * 100vw);
  width: 100%;
}
#sec02 .block01 .text03 .sc01 {
  font-size: calc((46 / 750) * 100vw);
  transform: scaleX(0.7);
  transform-origin: left;
  display: block;
  line-height: 1;
}
#sec02 .block01 .text03 .sc02 {
  font-size: calc((46 / 750) * 100vw);
  color: #cf102a;
  transform: scaleY(1.2) scaleX(0.9);
  transform-origin: left;
  display: block;
  transform-origin: left;
  line-height: 1;
  position: relative;
  margin-left: calc((-100 / 750) * 100vw);
  /* top: calc((-4 / 750) * 100vw); */
}
#sec02 .block01 .text03 .sc03 {
  font-size: calc((46 / 750) * 100vw);
  transform: scaleX(0.7);
  transform-origin: left;
  display: block;
  line-height: 1;
  margin-left: calc((-10 / 750) * 100vw);
}
#sec02 .block01 .text03 .sc04 {
}

#sec02 .block02 {
  max-width: calc((210 / 750) * 100vw);
  position: relative;
  margin-left: auto;
  z-index: 1;
  width: 100%;
}
#sec02 .block02 .group01 {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc((-20 / 750) * 100vw);
}
#sec02 .block02 .group01 .text01 {
  font-size: calc((45 / 750) * 100vw);
  text-align: center;
  z-index: 2;
  line-height: 1;
  color: #ffff00;
  font-weight: bold;
}
#sec02 .block02 .group01 .text02 {
  position: absolute;
  /* top: 0; */
  z-index: 1;
  -webkit-text-stroke: calc((9 / 750) * 100vw) #007600;
  paint-order: stroke;
  font-size: calc((45 / 750) * 100vw);
  text-align: center;
  color: #007600;
  line-height: 1;
  font-weight: bold;
}
#sec02 .block02 .group02 {
  position: absolute;
  right: 0;
  left: 0;
  bottom: calc((30 / 750) * 100vw);
  margin: auto;
  width: calc((40 / 750) * 100vw);
  z-index: 2;
}
#sec02 .block02 .group02 .arrow {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  line-height: 1;
  width: calc((22 / 750) * 100vw);
  height: calc((22 / 750) * 100vw);
  border: calc((4 / 750) * 100vw) solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
#sec02 .block02 .group02 .arrow01 {
  z-index: 1;
  position: absolute;
}
#sec02 .block02 .group02 .arrow02 {
  position: absolute;
  z-index: 0;
  color: #007600;
  border: calc((10 / 750) * 100vw) solid currentColor;
  border-left: 0;
  border-bottom: 0;
  width: calc((30 / 750) * 100vw);
  height: calc((30 / 750) * 100vw);
  left: calc((-4 / 750) * 100vw);
  bottom: calc((-7 / 750) * 100vw);
}
#sec02 .block02 .group03 {
  /* filter: drop-shadow(0px 0px 6px hsl(0deg 0% 0% / 30%)); */
  /* max-width: calc((220 / 750) * 100vw); */
  /* width: 100%; */
}

#sec03 {
  /* background-color: #00bfe0; */
  z-index: 2;
  position: relative;
}
#sec03 .wrap {
  margin-top: calc((-5 / 750) * 100vw);
}
#sec03 .inner {
  background-color: #00bfe0;
  padding-bottom: calc((40 / 750) * 100vw);
  margin-top: calc((-10 / 750) * 100vw);
}
#sec03 .head {
  position: relative;
  max-width: calc((630 / 750) * 100vw);
  margin: auto;
  width: 100%;
}
#sec03 .block01 {
  position: absolute;
  right: 0;
  left: 0;
  top: calc((-55 / 750) * 100vw);
  bottom: 0;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#sec03 .block01 .bg {
  line-height: 0;
}
#sec03 .block01 .group01 {
}
#sec03 .block01 .group01 .text01 {
  font-size: calc((67 / 750) * 100vw);
  display: inline-block;
  line-height: 1;
  position: relative;
  letter-spacing: 0.1em;
  margin-bottom: calc((10 / 750) * 100vw);
}
#sec03 .block01 .group01 .text01 .color {
}
#sec03 .block01 .group01 .text01 .color01 {
  position: relative;
  z-index: 1;
  color: #ffff00;
  padding-right: calc((10 / 750) * 100vw);
}
#sec03 .block01 .group01 .text01 .color02 {
  position: absolute;
  left: calc((2 / 750) * 100vw);
  top: calc((2 / 750) * 100vw);
  z-index: 0;
  -webkit-text-stroke: calc((13 / 750) * 100vw) #00609a;
  paint-order: stroke;
  color: #00609a;
}

#sec03 .block01 .group02 {
  display: flex;
  align-items: flex-end;
}
#sec03 .block01 .group02 .text01 {
  font-size: calc((67 / 750) * 100vw);
  display: inline-block;
  line-height: 1;
  position: relative;
  letter-spacing: 0.1em;
}
#sec03 .block01 .group02 .text01 .color {
}
#sec03 .block01 .group02 .text01 .color01 {
  position: relative;
  z-index: 1;
  color: #ffff00;
  padding-right: calc((10 / 750) * 100vw);
}
#sec03 .block01 .group02 .text01 .color02 {
  position: absolute;
  left: calc((2 / 750) * 100vw);
  top: calc((2 / 750) * 100vw);
  z-index: 0;
  -webkit-text-stroke: calc((13 / 750) * 100vw) #00609a;
  paint-order: stroke;
  color: #00609a;
}
#sec03 .block01 .group02 .text02 {
  font-size: calc((30 / 750) * 100vw);
  display: flex;
  flex-direction: column;
  color: #006099;
  letter-spacing: -0.01em;
  line-height: 1.1;
  position: relative;
  top: calc((12 / 750) * 100vw);
  left: calc((-10 / 750) * 100vw);
}
#sec03 .block01 .group02 .text02 .color01 {
}
#sec03 .block01 .group02 .text02 .color02 {
  position: relative;
  left: calc((10 / 750) * 100vw);
}
#sec03 .block02 {
  position: relative;
  margin-bottom: calc((100 / 750) * 100vw);
}
#sec03 .block02 .group01 {
  text-align: center;
}
#sec03 .block02 .group01 .text01 {
  font-size: calc((120 / 750) * 100vw);
  display: inline-block;
  line-height: 1;
  position: relative;
  letter-spacing: 0.05em;
  font-feature-settings: normal;
  padding-right: calc((10 / 750) * 100vw);
  left: calc((-40 / 750) * 100vw);
}
#sec03 .block02 .group01 .text01 .space {
  margin-left: calc((-10 / 750) * 100vw);
}
#sec03 .block02 .group01 .text01 .color {
}
#sec03 .block02 .group01 .text01 .color01 {
  position: relative;
  z-index: 1;
  color: #ffff00;
}
#sec03 .block02 .group01 .text01 .color02 {
  position: absolute;
  left: calc((2 / 750) * 100vw);
  top: calc((2 / 750) * 100vw);
  z-index: 0;
  -webkit-text-stroke: calc((14 / 750) * 100vw) #00609a;
  paint-order: stroke;
  color: #00609a;
}
#sec03 .block02 .group01 .sc01 {
  position: relative;
  left: calc((-10 / 750) * 100vw);
}
#sec03 .block02 .group01 .sc02 {
  position: relative;
  right: calc((-10 / 750) * 100vw);
}
#sec03 .block02 .group02 {
}
#sec03 .block02 .group02 .text01 {
  font-size: calc((60 / 750) * 100vw);
  display: inline-block;
  line-height: 1;
  position: absolute;
  color: #fff;
  letter-spacing: -0.1em;
  transform: rotate(-5deg);
  right: calc((90 / 750) * 100vw);
  top: calc((120 / 750) * 100vw);
}
#sec03 .block03 {
  max-width: calc((620 / 750) * 100vw);
  width: 100%;
  margin: auto;
  margin-bottom: calc((10 / 750) * 100vw);
}
#sec03 .block04 {
  max-width: calc((620 / 750) * 100vw);
  width: 100%;
  margin: auto;
  margin-bottom: calc((30 / 750) * 100vw);
}
#sec03 .block04 .text01 {
  font-size: calc((27 / 750) * 100vw);
  color: #fff;
  font-weight: 600;
}
#sec03 .block04 .text01 .color {
  background: linear-gradient(transparent 0%, #fff100 0%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  font-weight: bold;
  padding: 0 calc((5 / 750) * 100vw);
  line-height: 2;
  color: #006099;
  font-weight: bold;
  margin-right: calc((5 / 750) * 100vw);
}
#sec03 .block04 .text01 .color:nth-child(n + 2) {
  margin-left: calc((5 / 750) * 100vw);
}
#sec03 .block05 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: calc((620 / 750) * 100vw);
  width: 100%;
  margin: auto;
  margin-bottom: calc((20 / 750) * 100vw);
}
#sec03 .block05 .group {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  /* background-color: #fff; */
  /* border: solid calc((5 / 750) * 100vw) #fff100; */
  border-radius: calc((15 / 750) * 100vw);
  height: calc((100 / 750) * 100vw);
  margin-bottom: calc((20 / 750) * 100vw);
  position: relative;
}
#sec03 .block05 .group_inner {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: relative;
  background-color: #fff;
  border: solid calc((5 / 750) * 100vw) #fff100;
  border-radius: calc((15 / 750) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
}
#sec03 .block05 .group::after {
  content: "";
  background-color: #fff100;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: calc((15 / 750) * 100vw);
  /* z-index: -1; */
  left: calc((4 / 750) * 100vw);
  top: calc((4 / 750) * 100vw);
}
#sec03 .block05 .group .text {
  /* font-size: calc((36 / 750) * 100vw); */
  display: inline-block;
  line-height: 1;
  position: relative;
  color: #006099;
}
#sec03 .block05 .group01 .text .sc01 {
  font-size: calc((36 / 750) * 100vw);
}
#sec03 .block05 .group01 .text .sc02 {
  font-size: calc((36 / 750) * 1.2 * 100vw);
}
#sec03 .block05 .group02 {
}
#sec03 .block05 .group02 .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
}
#sec03 .block05 .group02 .text .sc01 {
  font-size: calc((34 / 750) * 0.9 * 100vw);
}
#sec03 .block05 .group02 .text .sc02 {
  font-size: calc((35 / 750) * 1.25 * 100vw);
  /* line-height: 1; */
  /* margin-top: calc((-8 / 750) * 1.25 * 100vw); */
}
#sec03 .block05 .group02 .text .sc03 {
  font-size: calc((42 / 750) * 1.25 * 100vw);
  /* font-weight: 900; */
  top: calc((2 / 750) * 100vw);
  position: relative;
  margin-right: calc((5 / 750) * 100vw);
}
#sec03 .block05 .group03 .text .sc01 {
  font-size: calc((36 / 750) * 1.2 * 100vw);
}
#sec03 .block05 .group03 .text .sc02 {
  font-size: calc((36 / 750) * 0.9 * 100vw);
}
#sec03 .block06 {
  max-width: calc((700 / 750) * 100vw);
  width: 100%;
  height: calc((140 / 750) * 100vw);
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#sec03 .block06 .group01 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#sec03 .block06 a .bg{

}
#sec03 .block06 a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#sec03 .block06 a .text01 {
  font-size: calc((53 / 750) * 100vw);
  font-weight: bold;
  color: #ffff00;
  line-height: 1;
  z-index: 1;
}
#sec03 .block06 a .bg{
  background-color: #ff7043;
  border: solid calc((4 / 750) * 100vw) #fff;
  border-radius: calc((100 / 750) * 100vw);
  filter: drop-shadow(0px 0px 6px hsl(0deg 0% 0% / 30%));
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#sec03 .block07 {
  line-height: 0;
  margin-top: calc((-10 / 750) * 100vw);
}
#sec04 {
  position: relative;
  z-index: 1;
}
#sec04 .wrap {
  margin-top: calc((-10 / 750) * 100vw);
}
#sec04 .inner {
  background-color: #fff;
  padding-bottom: calc((40 / 750) * 100vw);
  margin-top: calc((-10 / 750) * 100vw);
}
#sec04 .block01 .group01 {
  line-height: 0;
}
#sec04 .block02 {
  margin-top: calc((30 / 750) * 100vw);
  margin-bottom: calc((30 / 750) * 100vw);
}
#sec04 .block02 .group01 {
  text-align: center;
}
#sec04 .block02 .group01 .line {
  max-width: calc((560 / 750) * 100vw);
  margin: auto;
  width: 100%;
  line-height: 0;
}
#sec04 .block02 .text {
  font-size: calc((36 / 750) * 100vw);
  /* text-decoration: calc((6 / 750) * 100vw) underline wavy #ff7043; */
  /* display: inline-block; */
}
#sec04 .block02 .text01 {
}
#sec04 .block02 .text01 .shrink {
  margin-left: calc((-5 / 750) * 100vw);
}
#sec04 .block02 .text02 {
}
#sec04 .block02 .text .space {
  font-size: calc((16 / 750) * 100vw);
}
#sec04 .block02 .group02 {
  text-align: center;
}
#sec04 .block02 .group02 .line {
  max-width: calc((240 / 750) * 100vw);
  margin: auto;
  width: 100%;
  line-height: 0;
}
#sec04 .block03 {
  text-align: center;
  margin-bottom: calc((60 / 750) * 100vw);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#sec04 .block03 .group01 {
  margin-bottom: calc((30 / 750) * 100vw);
}
#sec04 .block03 .text {
  font-size: calc((98 / 750) * 100vw);
  line-height: 1;
  color: #ff7a05;
  position: relative;
  display: inline-block;
}
#sec04 .block03 .text .color01 {
  /* background: linear-gradient(transparent 80%, #fff100 0%); */
  position: relative;
  z-index: 1;
}
#sec04 .block03 .text .line {
  position: relative;
}
#sec04 .block03 .text .line::after {
  content: "";
  width: 106%;
  position: absolute;
  height: calc((30 / 750) * 100vw);
  background-color: #fff100;
  left: -3%;
  bottom: calc((10 / 750) * 100vw);
}
#sec04 .block03 .group02 {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: relative;
  width: calc((84 / 750) * 100vw);
  height: calc((84 / 750) * 100vw);
  background-color: #6ebf00;
  border-radius: 50%;
  margin-bottom: calc((10 / 750) * 100vw);
}
#sec04 .block03 .group02 .text01 {
  font-size: calc((68 / 750) * 100vw);
  line-height: 1;
  color: #fff100;
  position: relative;
  top: calc((-4 / 750) * 100vw);
}
#sec04 .block04 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: calc((650 / 750) * 100vw);
  width: 100%;
  margin: auto;
  border: solid calc((8 / 750) * 100vw) #6ebf00;
  border-radius: calc((50 / 750) * 100vw);
  background-image: url(../img/sec04_block03_bg.webp);
  background-position: center;
  background-size: cover;
}
#sec04 .block04 .group {
  width: 100%;
  /* display: flex; */
  border-bottom: solid calc((8 / 750) * 100vw) #6ebf00;
  height: calc((310 / 750) * 100vw);
  display: flex;
  align-items: center;
  position: relative;
  padding-left: calc((38 / 750) * 100vw);
}
#sec04 .block04 .group .img_area {
  position: absolute;
}
#sec04 .block04 .group .modal_btn {
  width: calc((54 / 750) * 100vw);
  height: calc((54 / 750) * 100vw);
  background-color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: absolute;
  right: calc((20 / 750) * 100vw);
  bottom: calc((20 / 750) * 100vw);
}
#sec04 .block04 .group .modal_btn .plus {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  line-height: 1;
  width: calc((23 / 750) * 100vw);
  height: calc((2 / 750) * 100vw);
  background: currentColor;
  /* border-radius: 0.1em; */
  position: relative;
}
#sec04 .block04 .group .modal_btn .plus::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
#sec04 .block04 .group01 {
}
#sec04 .block04 .group01 .img_area {
  width: calc((170 / 750) * 100vw);
  right: calc((20 / 750) * 100vw);
  top: calc((55 / 750) * 100vw);
}
#sec04 .block04 .group01 .text_area {
  font-size: calc((38 / 750) * 100vw);
}
#sec04 .block04 .group .text_area {
  z-index: 1;
}
#sec04 .block04 .group01 .text01 {
  font-size: calc((30 / 750) * 100vw);
  letter-spacing: -0.02em;
  margin-bottom: calc((5 / 750) * 100vw);
}

#sec04 .block04 .group01 .text02 {
  /* font-size: calc((38 / 750) * 100vw); */
  letter-spacing: -0.02em;
  margin-bottom: calc((5 / 750) * 100vw);
}
#sec04 .block04 .group01 .text02 .color01 {
  background-color: #fff100;
  color: #00bedf;
  padding: calc((5 / 750) * 100vw);
  padding-top: calc((15 / 750) * 100vw);
  margin-right: calc((5 / 750) * 100vw);
}
#sec04 .block04 .group01 .text02 .sc01 {
  font-size: calc((38 / 750) * 1.7 * 100vw);
  font-weight: 900;
  line-height: 1;
}
#sec04 .block04 .group01 .text02 .sc02 {
  font-size: calc((38 / 750) * 100vw);
  line-height: 1;
}
#sec04 .block04 .group01 .text02 .sc03 {
  font-size: calc((38 / 750) * 1.4 * 100vw);
  line-height: 1;
}
#sec04 .block04 .group01 .text02 .sc04 {
  font-size: calc((38 / 750) * 100vw);
}
#sec04 .block04 .group01 .text03 {
  letter-spacing: -0.02em;
}
#sec04 .block04 .group02 .img_area {
  width: calc((172 / 750) * 100vw);
  right: calc((20 / 750) * 100vw);
  top: calc((30 / 750) * 100vw);
}
#sec04 .block04 .group02 {
}
#sec04 .block04 .group02 .text01 {
  font-size: calc((30 / 750) * 100vw);
  margin-bottom: calc((5 / 750) * 100vw);
}
#sec04 .block04 .group02 .text02 {
  font-size: calc((30 / 750) * 100vw);
  background-color: #fff100;
  display: inline-block;
  color: #cf102a;
  padding: calc((5 / 750) * 100vw);
  padding-top: calc((15 / 750) * 100vw);
  margin-right: calc((5 / 750) * 100vw);
}
#sec04 .block04 .group02 .text02 .sc01 {
  font-size: calc((30 / 750) * 1.4 * 100vw);
  line-height: 1;
}
#sec04 .block04 .group02 .text02 .sc02 {
}
#sec04 .block04 .group02 .text03 .sc01 {
  font-size: calc((30 / 750) * 1.4 * 100vw);
  background-color: #fff100;
  color: #cf102a;
  line-height: 1;
  padding: calc((5 / 750) * 100vw);
  padding-top: calc((0 / 750) * 100vw);
  margin-right: calc((5 / 750) * 100vw);
}
#sec04 .block04 .group02 .text03 .sc02 {
  font-size: calc((40 / 750) * 100vw);
}
#sec04 .block04 .group02 .text03 .sc02 .sp_block {
  display: inline-block;
}
#sec04 .block04 .group03 {
  border-bottom: unset;
}
#sec04 .block04 .group03 .text_area {
}
#sec04 .block04 .group03 .text_area .circle {
  /* height: calc((77 / 750) * 100vw); */
  /* display: inline-block; */
  /* position: absolute; */
  /* left: 0; */
  /* z-index: -1; */
  width: auto;
}

#sec04 .block04 .group03 .text01 {
  line-height: 1;
  position: relative;
  margin-bottom: calc((25 / 750) * 100vw);
  margin-left: calc((30 / 750) * 100vw);
}
#sec04 .block04 .group03 .text01 .sc01 {
  font-size: calc((48 / 750) * 100vw);
  position: relative;
  color: #fff;
  position: relative;
  letter-spacing: 0.2em;
  margin-right: calc((10 / 750) * 100vw);
}
#sec04 .block04 .group03 .text01 .circle {
  width: calc((140 / 750) * 100vw);
  left: calc((-17 / 750) * 100vw);
  top: calc((-12 / 750) * 100vw);
  position: absolute;
  z-index: -1;
}
#sec04 .block04 .group03 .text02 .circle {
  width: calc((240 / 750) * 100vw);
  left: calc((-11 / 750) * 100vw);
  top: calc((0 / 750) * 100vw);
  position: absolute;
  z-index: -1;
}
#sec04 .block04 .group03 .text01 .sc02 {
  font-size: calc((40 / 750) * 100vw);
}
#sec04 .block04 .group03 .text02 {
  position: relative;
  margin-bottom: calc((10 / 750) * 100vw);
}
#sec04 .block04 .group03 .text02 .sc01 {
  font-size: calc((48 / 750) * 100vw);
  color: #fff;
  letter-spacing: 0.18em;
  margin-right: calc((5 / 750) * 100vw);
}
#sec04 .block04 .group03 .text_area .circle {
}
#sec04 .block04 .group03 .text02 .sc02 {
  font-size: calc((40 / 750) * 100vw);
}
#sec04 .block04 .group03 .text03 {
  font-size: calc((40 / 750) * 100vw);
  margin-left: calc((160 / 750) * 100vw);
}
#sec04 .block04 .group03 .img_area {
  width: calc((363 / 750) * 100vw);
  right: calc((-30 / 750) * 100vw);
}
#sec04 .block05 {
  line-height: 0;
  margin-top: calc((-10 / 750) * 100vw);
}
#sec05 {
  position: relative;
  z-index: 0;
}
#sec05 .wrap {
  background-color: #ffee00;
  background-image: url(../img/sec05_bg.webp);
  background-position: center;
  background-size: cover;
  padding-bottom: calc((240 / 750) * 100vw);
  margin-top: calc((-10 / 750) * 100vw);
}
#sec05 .inner {
  padding-top: calc((40 / 750) * 100vw);
  z-index: 1;
  position: relative;
  margin-top: calc((-10 / 750) * 100vw);
}
#sec05 .block01 {
  line-height: 0;
}
#sec05 .block02 {
  position: relative;
  z-index: 1;
}
#sec05 .block02 .group01 {
  margin-bottom: calc((20 / 750) * 100vw);
}
#sec05 .block02 .group01 .text01 {
  font-size: calc((80 / 750) * 100vw);
  line-height: 1;
  text-align: center;
  color: #00bedf;
  letter-spacing: -0.05em;
}
#sec05 .block02 .head {
  position: relative;
  max-width: calc((560 / 750) * 100vw);
  margin: auto;
  text-align: center;
}
#sec05 .block02 .head .group02 {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  top: calc((15 / 750) * 100vw);
}
#sec05 .block02 .head .group02 .text01 {
  line-height: 1;
  color: #fff;
}
#sec05 .block02 .head .group02 .text01 .cp01 {
  font-size: calc((50 / 750) * 100vw);
}
#sec05 .block02 .head .group02 .text01 .cp02 {
  font-size: calc((70 / 750) * 100vw);
  position: relative;
  top: calc((4 / 750) * 100vw);
}
#sec05 .block02 .head .group03 {
  line-height: 0;
}
#sec05 .block03 {
  position: relative;
  max-width: calc((635 / 750) * 100vw);
  margin: auto;
  border: solid calc((10 / 750) * 100vw) #00bfe0;
  border-radius: calc((40 / 750) * 100vw);
  background-color: #fff;
  margin-top: calc((-50 / 750) * 100vw);
  padding-top: calc((60 / 750) * 100vw);
}
#sec05 .block03 .group {
  position: relative;
  max-width: calc((530 / 750) * 100vw);
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc((30 / 750) * 100vw);
}
#sec05 .block03 .group .speech {
  position: absolute;
  max-width: calc((114 / 750) * 100vw);
  max-height: calc((114 / 750) * 100vw);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  left: calc((-80 / 750) * 100vw);
  top: calc((-20 / 750) * 100vw);
}
#sec05 .block03 .group .speech .text01 {
  font-size: calc((14 / 750) * 100vw);
  line-height: 1;
}
#sec05 .block03 .group .speech .text02 {
  font-size: calc((64 / 750) * 100vw);
  line-height: 1;
  margin-top: calc((-7 / 750) * 100vw);
}
#sec05 .block03 .group .speech .text03 {
  font-size: calc((22 / 750) * 100vw);
  line-height: 1;
  margin-top: calc((-4 / 750) * 100vw);
}
#sec05 .block03 .group .speech .text04 {
  font-size: calc((14 / 750) * 100vw);
  line-height: 1;
  position: absolute;
  right: calc((20 / 750) * 100vw);
  bottom: calc((20 / 750) * 100vw);
}
#sec05 .block03 .group .img_area {
  max-width: calc((268 / 750) * 100vw);
  width: 100%;
}
#sec05 .block03 .group .text_area {
  max-width: calc((230 / 750) * 100vw);
  width: 100%;
}
#sec05 .block03 .group .text_area .text01 {
  font-size: calc((30 / 750) * 100vw);
  color: #fff;
  border-top-right-radius: calc((15 / 750) * 100vw);
  border-bottom-left-radius: calc((15 / 750) * 100vw);
  padding: calc((0 / 750) * 100vw) calc((10 / 750) * 100vw);
  padding-bottom: calc((4 / 750) * 100vw);
  margin-bottom: calc((7 / 750) * 100vw);
}
#sec05 .block03 .group .text_area .text02 {
  font-size: calc((20 / 750) * 100vw);
  /* letter-spacing: -0.3em; */
  font-family: initial;
}

#sec05 .block03 .group.group01 .text_area .text01 {
  background-color: #a3bc2d;
}
#sec05 .block03 .group.group02 .text_area .text01 {
  background-color: #f2bb00;
}
#sec05 .block03 .group.group03 .text_area .text01 {
  background-color: #d5352d;
}
#sec05 .block03 .group.group04 .text_area .text01 {
  background-color: #5f9b35;
}
#sec05 .block03 .group.group05 .text_area .text01 {
  background-color: #77331c;
}
#sec05 .block03 .group.group06 .text_area .text01 {
  background-color: #ffff00;
  border: solid calc((1 / 750) * 100vw) #0083ca;
  color: #0083ca;
}

#sec05 .block03 .group.group01 .speech {
  background-color: #a3bc2d;
}
#sec05 .block03 .group.group02 .speech {
  background-color: #f2bb00;
}
#sec05 .block03 .group.group03 .speech {
  background-color: #d5352d;
}
#sec05 .block03 .group.group04 .speech {
  background-color: #5f9b35;
}
#sec05 .block03 .group.group05 .speech {
  background-color: #77331c;
}
#sec05 .block03 .group.group06 .speech {
  background-color: #ffff00;
  color: #0083ca;
  border: solid calc((1 / 750) * 100vw) #0083ca;
}
#sec05 .block03 .group06 {
  margin-bottom: calc((10 / 750) * 100vw);
}
#sec05 .block03 .group07 {
  text-align: right;
  /* padding-right: calc((40 / 750) * 100vw); */
  max-width: calc((530 / 750) * 100vw);
  margin: auto;
  margin-bottom: calc((20 / 750) * 100vw);
}
#sec05 .block03 .group07 .text01 {
  font-size: calc((14 / 750) * 100vw);
}
#sec06 {
  position: relative;
  z-index: 1;
}
#sec06 .wrap {
  margin-top: calc((-200 / 750) * 100vw);
}
#sec06 .inner {
  background-color: #f19cbb;
  padding-bottom: calc((40 / 750) * 100vw);
  padding-top: calc((80 / 750) * 100vw);
  margin-top: calc((-10 / 750) * 100vw);
}
#sec06 .block01 {
  line-height: 0;
}
#sec06 .block02 {
  position: relative;
  margin-bottom: calc((50 / 750) * 100vw);
}
#sec06 .block02 .group01 {
  text-align: center;
  max-width: calc((480 / 750) * 100vw);
  margin: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: calc((40 / 750) * 100vw);
}
#sec06 .block02 .group01 .text {
  font-size: calc((43 / 750) * 100vw);
  display: inline-block;
  line-height: 1;
  position: relative;
}

#sec06 .block02 .group01 .text .color01 {
  position: relative;
  z-index: 1;
  color: #fff;
}
#sec06 .block02 .group01 .text .color02 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  -webkit-text-stroke: calc((13 / 750) * 100vw) #00609a;
  paint-order: stroke;
  color: ##00609a;
}

#sec06 .block02 .group01 .text01 {
  transform: translate(calc((0 / 1280) * 100vw), calc((45 / 1280) * 100vw)) rotate(-20deg);
} /* 実 */
#sec06 .block02 .group01 .text02 {
  transform: translate(calc((2 / 1280) * 100vw), calc((12 / 1280) * 100vw)) rotate(-14deg);
} /* 際 */
#sec06 .block02 .group01 .text03 {
  transform: translate(calc((4 / 1280) * 100vw), calc((-5 / 1280) * 100vw)) rotate(-11deg);
} /* に */
#sec06 .block02 .group01 .text04 {
  transform: translate(calc((7 / 1280) * 100vw), calc((-21 / 1280) * 100vw)) rotate(-5deg);
} /* 食 */
#sec06 .block02 .group01 .text05 {
  transform: translate(calc((10 / 1280) * 100vw), calc((-18 / 1280) * 100vw)) rotate(0deg);
} /* べ */
#sec06 .block02 .group01 .text06 {
  transform: translate(calc((7 / 1280) * 100vw), calc((-12 / 1280) * 100vw)) rotate(7deg);
} /* て */
#sec06 .block02 .group01 .text07 {
  transform: translate(calc((1 / 1280) * 100vw), calc((1 / 1280) * 100vw)) rotate(7deg);
} /* も */
#sec06 .block02 .group01 .text08 {
  transform: translate(calc((-9 / 1280) * 100vw), calc((21 / 1280) * 100vw)) rotate(16deg);
} /* ら */
#sec06 .block02 .group01 .text09 {
  left: calc((-14 / 750) * 100vw);
  transform: translate(calc((0 / 1280) * 100vw), calc((52 / 1280) * 100vw)) rotate(15deg);
} /* い */

#sec06 .block02 .group02 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#sec06 .block02 .group02 .text01 {
  font-size: calc((70 / 750) * 100vw);
  display: inline-block;
  line-height: 1;
  position: relative;
  margin-bottom: calc((20 / 750) * 100vw);
  letter-spacing: 0.15em;
  font-weight: 600;
}
#sec06 .block02 .group02 .text02 {
  font-size: calc((70 / 750) * 100vw);
  display: inline-block;
  line-height: 1;
  position: relative;
  letter-spacing: 0.05em;
  font-weight: 600;
}
#sec06 .block02 .group02 .text .color01 {
  position: relative;
  z-index: 1;
  color: #ffff00;
}
#sec06 .block02 .group02 .text .color02 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  -webkit-text-stroke: calc((13 / 750) * 100vw) #00609a;
  text-stroke: 2px black;
  paint-order: stroke;
}
#sec06 .block02 .group03 {
  width: calc((600 / 750) * 100vw);
  margin: auto;
  position: absolute;
  top: calc((20 / 750) * 100vw);
  right: 0;
  left: 0;
  margin: auto;
}
#sec06 .block02 .group03 .line {
  width: calc((67 / 750) * 100vw);
  display: block;
  position: absolute;
}
#sec06 .block02 .group03 .line.left {
  left: 0;
  transform: scale(-1, 1);
}
#sec06 .block02 .group03 .line.right {
  right: 0;
}

#sec06 .block03 {
  position: relative;
  margin-bottom: calc((50 / 750) * 100vw);
}
#sec06 .block03 .group01 {
  position: relative;
  margin-bottom: calc((30 / 750) * 100vw);
  z-index: 1;
  position: relative;
}
#sec06 .block03 .group01 .bg {
  position: absolute;
  max-width: calc((560 / 750) * 100vw);
  width: 100%;
  margin: auto;
  right: 0;
  left: 0;
  bottom: calc((40 / 750) * 100vw);
  z-index: 0;
}
#sec06 .block03 .group01 .head {
  position: relative;
  max-width: calc((489 / 750) * 100vw);
  width: 100%;
  margin: auto;
  z-index: 1;
}
#sec06 .block03 .group01 .head .text01 {
  position: absolute;
  color: #fff;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc((-50 / 750) * 100vw);
}
#sec06 .block03 .group01 .head .text01 .cp01 {
  font-size: calc((46 / 750) * 100vw);
  margin-left: calc((-15 / 750) * 100vw);
}
#sec06 .block03 .group01 .head .text01 .cp02 {
  font-size: calc((46 / 750) * 100vw);
}
#sec06 .block03 .group01 .head .text01 .cp03 {
  font-size: calc((46 / 750) * 100vw);
}
#sec06 .block03 .group01 .head .text01 .cp04 {
  font-size: calc((34 / 750) * 100vw);
  margin-top: calc((11 / 750) * 100vw);
}
#sec06 .block03 .group01 .head .text01 .cp05 {
  font-size: calc((11 / 750) * 100vw);
  position: absolute;
  right: calc((50 / 750) * 100vw);
  top: calc((65 / 750) * 100vw);
}
#sec06 .block03 .group02 {
  display: flex;
  justify-content: center;
  max-width: calc((700 / 750) * 100vw);
  width: 100%;
  margin: auto;
}
#sec06 .block03 .group02 .bg {
  position: absolute;
  max-width: calc((670 / 750) * 100vw);
  width: 100%;
  margin: auto;
  right: 0;
  left: 0;
  bottom: calc((-20 / 750) * 100vw);
}
#sec06 .block03 .group02 .flex_group {
  width: 50%;
  z-index: 1;
  position: relative;
}
#sec06 .block03 .group02 .flex_inner {
  max-width: calc((330 / 750) * 100vw);
  width: 100%;
  margin: auto;
}

#sec06 .block03 .group02 .head {
  position: relative;
}
#sec06 .block03 .group02 .head .text01 {
  position: absolute;
  color: #fff;
  right: 0;
  left: calc((20 / 750) * 100vw);
  top: calc((7 / 750) * 100vw);
  bottom: 0;
  margin: auto;
}
#sec06 .block03 .group02 .head .text01 .cp01 {
  font-size: calc((32 / 750) * 100vw);
}
#sec06 .block03 .group02 .head .text01 .cp02 {
  font-size: calc((24 / 750) * 100vw);
}
#sec06 .block03 .group02 .head .text01 .cp03 {
  font-size: calc((11 / 750) * 100vw);
  position: absolute;
  right: calc((23 / 750) * 100vw);
  top: calc((-3 / 750) * 100vw);
}
#sec06 .block03 .group02 .head .text02 {
  position: absolute;
  color: #fff;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  left: calc((68 / 750) * 100vw);
  top: calc((7 / 750) * 100vw);
}
#sec06 .block03 .group02 .head .text02 .cp01 {
  font-size: calc((32 / 750) * 100vw);
}
#sec06 .block03 .group02 .head .text02 .cp02 {
  font-size: calc((11 / 750) * 100vw);
  position: absolute;
  right: calc((61 / 750) * 100vw);
  top: calc((-3 / 750) * 100vw);
}

#sec06 .block04 {
  max-width: calc((650 / 750) * 100vw);
  margin: auto;
  margin-bottom: calc((20 / 750) * 100vw);
}
#sec06 .block04 .group {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: calc((10 / 750) * 100vw);
}
#sec06 .block04 .group .group_inner {
  position: absolute;
  display: flex;
  max-width: calc((555 / 750) * 100vw);
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-top: calc((-30 / 750) * 100vw);
}
#sec06 .block04 .speech {
  width: 100%;
}
#sec06 .block04 .group .img_area {
  max-width: calc((125 / 750) * 100vw);
  width: 100%;
}
#sec06 .block04 .group .text_area {
  max-width: calc((400 / 750) * 100vw);
  width: 100%;
}
#sec06 .block04 .group .text_area p {
  font-size: calc((23 / 750) * 100vw);
  font-family: initial;
  line-height: 1.4;
}
#sec06 .block05 {
  max-width: calc((600 / 750) * 100vw);
  margin: auto;
  color: #004385;
}
#sec06 .block05 .group01 {
  border: solid calc((1 / 750) * 100vw) #004385;
  height: calc((40 / 750) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: calc((30 / 750) * 100vw);
  letter-spacing: 0.1em;
}
#sec06 .block05 .group01 .text01 {
  text-align: center;
  font-size: calc((24 / 750) * 100vw);
  font-weight: 500;
}
#sec06 .block05 .group02 {
}

#sec06 .block05 .group02 table {
  width: 100%;
  font-size: calc((14 / 750) * 100vw);
  display: block;
}
#sec06 .block05 .group02 tbody {
  width: 100%;
  display: block;
}
#sec06 .block05 .group02 table tr {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: calc((5 / 750) * 100vw);
}
#sec06 .block05 .group02 .table01 {
  border-bottom: solid calc((1 / 750) * 100vw) #004385;
  padding-bottom: calc((20 / 750) * 100vw);
  margin-bottom: calc((20 / 750) * 100vw);
}

#sec06 .block05 .group02 table td {
  max-width: calc((475 / 750) * 100vw);
  width: 100%;
  font-weight: 500;
}
#sec06 .block05 .group02 table th {
  max-width: calc((97 / 750) * 100vw);
  width: 100%;
  font-weight: 500;
}

#sec06 .block05 .group02 table td {
  max-width: calc((490 / 750) * 100vw);
  width: 100%;
}
#sec06 .block05 .group02 table th {
  max-width: calc((100 / 750) * 100vw);
  width: 100%;
  position: relative;
  text-align: left;
}
#sec06 .block05 .group02 table th span {
  position: absolute;
  right: calc((-5 / 750) * 100vw);
  top: 0;
  bottom: 0;
  margin: auto;
}
#sec06 .block05 .group02 .table01 th {
  letter-spacing: 0.5em;
}
#sec06 .block05 .group02 .table01 td {
}
#sec06 .block05 .group02 .table02 th {
}
#sec06 .block05 .group02 .table02 td {
}
#sec06 .block06 {
  line-height: 0;
  margin-top: calc((-10 / 750) * 100vw);
}
#sec07 {
}
#sec07 .wrap {
  background-color: #ff7a05;
  margin-top: calc((-10 / 750) * 100vw);
}
#sec07 .inner {
  padding-bottom: calc((40 / 750) * 100vw);
  margin-top: calc((-10 / 750) * 100vw);
}
#sec07 .block01 {
  line-height: 0;
}
#sec07 .block02 {
  /* max-width: calc((404 / 750) * 100vw); */
  /* width: 100%; */
  position: relative;
}
#sec07 .block02 .group01 {
  position: relative;
  max-width: calc((420 / 750) * 100vw);
  width: 100%;
  margin: auto;
}

#sec07 .block02 .group01 .group_inner {
  position: absolute;
  right: 0;
  left: 0;
  top: calc((10 / 750) * 100vw);
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transform: rotate(5deg);
}
#sec07 .block02 .group01 .speech {
}
#sec07 .block02 .group01 .text {
  color: #ff7a05;
}
#sec07 .block02 .group01 .text01 {
  font-size: calc((38 / 750) * 100vw);
  line-height: 1;
  left: calc((-10 / 750) * 100vw);
  position: relative;
  margin-bottom: calc((5 / 750) * 100vw);
}
#sec07 .block02 .group01 .text02 {
  font-size: calc((60 / 750) * 100vw);
  line-height: 1;
  position: relative;
  left: calc((5 / 750) * 100vw);
}
#sec07 .block02 .group02 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: calc((-20 / 750) * 100vw);
  margin-bottom: calc((20 / 750) * 100vw);
}
#sec07 .block02 .group02 .text {
  font-size: calc((88 / 750) * 100vw);
  line-height: 1;
  transform: skewX(-11deg) rotate(-8deg) scaleY(1.1);
  letter-spacing: 0em;
}
#sec07 .block02 .group02 .text .color01 {
  color: #fff;
  z-index: 1;
  position: relative;
}
#sec07 .block02 .group02 .text .color02 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  -webkit-text-stroke: calc((13 / 750) * 100vw) #00bedf;
  paint-order: stroke;
  color: #00bedf;
}
#sec07 .block02 .group02 .text01 {
  position: relative;
  left: calc((-50 / 750) * 100vw);
}
#sec07 .block02 .group02 .text02 {
  position: relative;
  left: calc((20 / 750) * 100vw);
}
#sec07 .block03 {
}
#sec07 .block03 .group {
  margin-bottom: calc((30 / 750) * 100vw);
}
#sec07 .block03 .group03 {
  margin-bottom: 0;
}
#sec07 .block03 .img_area {
  max-width: calc((608 / 750) * 100vw);
  width: 100%;
  margin: auto;
  margin-bottom: calc((10 / 750) * 100vw);
}
#sec07 .block03 .text_area {
}
#sec07 .block03 .text_area .text01 {
  font-size: calc((62 / 750) * 100vw);
  line-height: 1;
  text-align: center;
  color: #ffee00;
  margin-bottom: calc((20 / 750) * 100vw);
}
#sec07 .block03 .text_area .text02 {
  color: #fff;
  font-size: calc((27 / 750) * 100vw);
  text-align: center;
  font-weight: 500;
}
#sec07 .block04 {
  line-height: 0;
  margin-top: calc((-10 / 750) * 100vw);
}
#sec08 {
}
#sec08 .wrap {
  margin-top: calc((-10 / 750) * 100vw);
}
#sec08 .inner {
  background-color: #fff;
  padding-bottom: calc((40 / 750) * 100vw);
  padding-top: calc((40 / 750) * 100vw);
  margin-top: calc((-10 / 750) * 100vw);
}
#sec08 .block01 {
}
#sec08 .block02 {
  position: relative;
}
#sec08 .block02 .group01 {
  margin-bottom: calc((20 / 750) * 100vw);
  z-index: 1;
  position: relative;
}
#sec08 .block02 .group01 .text01 {
  font-size: calc((30 / 750) * 100vw);
  text-align: center;
  font-weight: bold;
  line-height: 1;
}
#sec08 .block02 .group02 {
  text-align: center;
  margin-bottom: calc((20 / 750) * 100vw);
  z-index: 1;
  position: relative;
}
#sec08 .block02 .group02 .text01 {
  font-size: calc((74 / 750) * 100vw);
  color: #ff7a05;
  line-height: 1;
  margin-bottom: calc((20 / 750) * 100vw);
}
#sec08 .block02 .group02 .text02 {
  font-size: calc((74 / 750) * 100vw);
  color: #ff7a05;
  line-height: 1;
  margin-bottom: calc((20 / 750) * 100vw);
}
#sec08 .block02 .group02 .text03 {
  font-size: calc((65 / 750) * 100vw);
  color: #00bedf;
  line-height: 1;
}
#sec08 .block02 .group03 {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: calc((70 / 750) * 100vw);
}
#sec08 .block02 .group03 .img_area {
  width: calc((162 / 750) * 100vw);
  position: absolute;
  right: calc((-143 / 750) * 100vw);
  left: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  z-index: 1;
}
#sec08 .block02 .group03 .text_area {
  width: calc((135 / 750) * 100vw);
  height: calc((135 / 750) * 100vw);
  background-color: #00bedf;
  border-radius: 50%;
  position: relative;
  left: calc((-55 / 750) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffee00;
}
#sec08 .block02 .group03 .text_area .text01 {
  font-size: calc((27 / 750) * 100vw);
  line-height: 1;
  margin-top: calc((-15 / 750) * 100vw);
}
#sec08 .block02 .group03 .text_area .text01 .sc01 {
  font-size: calc((53 / 750) * 100vw);
}
#sec08 .block02 .group03 .text_area .text01 .sc02 {
  font-size: calc((23 / 750) * 100vw);
}
#sec08 .block02 .group03 .text_area .text02 {
  line-height: 1;
  margin-top: calc((-15 / 750) * 100vw);
}
#sec08 .block02 .group03 .text_area .text02 .sc01 {
  font-size: calc((53 / 750) * 100vw);
}
#sec08 .block02 .group03 .text_area .text02 .sc02 {
  font-size: calc((23 / 750) * 100vw);
}
#sec08 .block02 .group04 {
  position: absolute;
  top: calc((80 / 750) * 100vw);
  right: 0;
  left: 0;
  width: calc((610 / 750) * 100vw);
  margin: auto;
  z-index: 1;
}
#sec08 .block02 .group05 {
  max-width: calc((587 / 750) * 100vw);
  width: 100%;
  margin: auto;
  margin-bottom: calc((40 / 750) * 100vw);
  z-index: 1;
  position: relative;
}
#sec08 .block03 {
}
#sec08 .block03 .group {
  position: relative;
  max-width: calc((586 / 750) * 100vw);
  margin: auto;
  width: 100%;
  border: solid calc((6 / 750) * 100vw) #f14d8b;
  border-radius: calc((28 / 750) * 100vw);
  margin-bottom: calc((39 / 750) * 100vw);
}
#sec08 .block03 .group .text_area01 {
  border-bottom: solid calc((6 / 750) * 100vw) #f14d8b;
}
#sec08 .block03 .group .text_area01 .text01 {
  /* border-bottom: solid calc((6 / 750) * 100vw) #f14d8b; */
  color: #f14d8b;
  position: relative;
  left: calc((50 / 750) * 100vw);
  padding-bottom: calc((20 / 750) * 100vw);
  line-height: 1;
}
#sec08 .block03 .group .text_area01 .text01 .sc01 {
  font-size: calc((98 / 750) * 100vw);
}
#sec08 .block03 .group .text_area01 .text01 .sc02 {
  font-size: calc((50 / 750) * 100vw);
}
#sec08 .block03 .group .text_area02 {
  max-width: calc((135 / 750) * 100vw);
  max-height: calc((135 / 750) * 100vw);
  width: 100%;
  height: 100%;
  background-color: #00bedf;
  border-radius: 50%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffee00;
  position: absolute;
  top: calc((-20 / 750) * 100vw);
  right: calc((20 / 750) * 100vw);
}
#sec08 .block03 .group .text_area02 .text01 {
  font-size: calc((27 / 750) * 100vw);
  line-height: 1;
  margin-top: calc((-20 / 750) * 100vw);
}
#sec08 .block03 .group .text_area02 .text01 .sc01 {
  font-size: calc((53 / 750) * 100vw);
}
#sec08 .block03 .group .text_area02 .sc02 {
  font-size: calc((23 / 750) * 100vw);
}
#sec08 .block03 .group .text_area02 .text02 {
  line-height: 1;
  margin-top: calc((-20 / 750) * 100vw);
}
#sec08 .block03 .group .text_area02 .text02 .sc01 {
  font-size: calc((53 / 750) * 100vw);
}
#sec08 .block03 .group .text_area02 .text02 .sc02 {
  font-size: calc((23 / 750) * 100vw);
}
#sec08 .block03 .group .text_area03 {
  text-align: center;
  margin-bottom: calc((0 / 750) * 100vw);
}
#sec08 .block03 .group .text_area03 .text01 {
  line-height: 1;
}
#sec08 .block03 .group .text_area03 .text01 .sc01 {
  font-size: calc((92 / 750) * 100vw);
}
#sec08 .block03 .group .text_area03 .text01 .sc02 {
  font-size: calc((46 / 750) * 100vw);
}
#sec08 .block03 .group .text_area03 .text01 .sc03 {
  font-size: calc((132 / 750) * 100vw);
  color: #f14d8b;
}
#sec08 .block03 .group .text_area03 .text01 .sc04 {
  font-size: calc((48 / 750) * 100vw);
}
#sec08 .block03 .group .text_area04 {
  text-align: center;
  margin-bottom: calc((15 / 750) * 100vw);
}
#sec08 .block03 .group .text_area04 .text01 {
  font-size: calc((42 / 750) * 100vw);
}
#sec08 .block03 .group .text_area05 {
  background-color: rgb(226 150 183 / 30%);
  height: calc((72 / 750) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-left-radius: calc((21 / 750) * 100vw);
  border-bottom-right-radius: calc((21 / 750) * 100vw);
}
#sec08 .block03 .group .text_area05 .text01 {
  line-height: 1;
  position: relative;
  top: calc((-4 / 750) * 100vw);
}
#sec08 .block03 .group .text_area05 .text01 .sc01 {
  font-size: calc((46 / 750) * 100vw);
  font-weight: bold;
}
#sec08 .block03 .group .text_area05 .text01 .sc02 {
  font-size: calc((48 / 750) * 1.15 * 100vw);
  font-weight: 900;
  position: relative;
  top: calc((1 / 750) * 100vw);
  margin-left: calc((5 / 750) * 100vw);
}
#sec08 .block03 .group .text_area05 .text01 .sc03 {
  font-size: calc((45 / 750) * 100vw);
  font-weight: bold;
}
#sec08 .block03 .group02 {
  border-color: #6ebe00;
}
#sec08 .block03 .group02 .text_area01 {
  border-color: #6ebe00;
}
#sec08 .block03 .group02 .text_area01 .text01 {
  color: #6ebe00;
  /* border-color: #6ebe00; */
}
#sec08 .block03 .group02 .text_area03 .text01 .sc03 {
  color: #6ebe00;
}
#sec08 .block03 .group02 .text_area05 {
  background-color: rgb(110 190 0 / 30%);
}

#sec08 .block04 {
  align-items: center;
  width: calc((700 / 750) * 100vw);
  height: calc((140 / 750) * 100vw);
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid calc((4 / 750) * 100vw) #fff;
  border-radius: calc((100 / 750) * 100vw);
}

#sec08 .block04 a .bg{
  background-color: #ff7043;
  border: solid calc((4 / 750) * 100vw) #fff;
  border-radius: calc((100 / 750) * 100vw);
  filter: drop-shadow(0px 0px 6px hsl(0deg 0% 0% / 30%));
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#sec08 .block04 .group01 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#sec08 .block04 .group01 a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}#sec08 .block04 .group01 a:hover .bg{
  scale: 1.012;
}
#sec08 .block04 a .text01 {
  font-size: calc((53 / 750) * 100vw);
  font-weight: bold;
  color: #ffff00;
  z-index: 1;
}
#sec08 .block05 {
  line-height: 0;
  margin-top: calc((-10 / 750) * 100vw);
}
#sec09 {
}
#sec09 .wrap {
  background-color: #f4f4f4;
  margin-top: calc((-10 / 750) * 100vw);
}
#sec09 .inner {
  padding-bottom: calc((60 / 750) * 100vw);
  padding-top: calc((40 / 750) * 100vw);
  margin-top: calc((-10 / 750) * 100vw);
}

#sec09 .block02 {
  margin-bottom: calc((30 / 750) * 100vw);
}

#sec09 .block02 .group01 {
  text-align: center;
}
#sec09 .block02 .group01 .text01 {
  font-size: calc((60 / 750) * 1.2 * 100vw);
}
#sec09 .block03 {
}
#sec09 .block03 {
  max-width: calc((650 / 750) * 100vw);
  margin: auto;
  width: 100%;
}

#sec09 .block03 .accordion_one {
  background-color: #fff;
  border-radius: calc((25 / 750) * 100vw);
  margin-bottom: calc((10 / 750) * 100vw);
}
#sec09 .block03 .accordion_one .accordion_header {
  height: calc((95 / 750) * 100vw);
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

#sec09 .block03 .accordion_one .accordion_header:hover {
  opacity: 0.8;
}
#sec09 .block03 .accordion_one .accordion_header .i_box {
  position: absolute;
  right: calc((40 / 750) * 100vw);
  width: calc((28 / 750) * 100vw);
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#sec09 .block03 .accordion_one .accordion_header .i_box .arrow {
  display: inline-block;
  vertical-align: middle;
  color: #000000;
  line-height: 1;
  width: calc((20 / 750) * 100vw);
  height: calc((20 / 750) * 100vw);
  border: 2px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  transition: 0.3s;
}
#sec09 .block03 .accordion_one .accordion_header.open .i_box .arrow {
  transform: rotate(-45deg);
}
#sec09 .block03 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
#sec09 .block03 .accordion_one.accordion_02 .box_one img {
  max-width: calc((240 / 750) * 100vw);
  position: relative;
  left: calc((20 / 750) * 100vw);
  margin-top: calc((20 / 750) * 100vw);
}
#sec09 .block03 .accordion_one .accordion_header .i_box .one_i:
  before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
#sec09 .block03 .accordion_one .accordion_header.open .i_box .one_i:
  before {
  content: none;
}
#sec09 .block03 .accordion_one .accordion_header.open .i_box .one_i:
  after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#sec09 .block03 .accordion_one .accordion_inner {
  display: none;
  /* border-top: solid calc((2 / 750) * 100vw) #000; */
  padding: 0 calc((30 / 750) * 100vw);
}
#sec09 .block03 .accordion_one .accordion_inner .box_one {
  border-top: solid calc((2 / 750) * 100vw) #000;
  padding-bottom: calc((20 / 750) * 100vw);
}
#sec09 .block03 .accordion_one .accordion_header .text01 {
  font-size: calc((24 / 750) * 100vw);
  font-weight: bold;
  left: calc((40 / 750) * 100vw);
  position: relative;
}
#sec09 .block03 .accordion_one .accordion_inner .text02 {
  font-size: calc((22 / 750) * 100vw);
  padding: calc((20 / 750) * 100vw);
  /* padding-bottom: calc((40 / 750) * 100vw); */
  line-height: 1.6;
  font-weight: 500;
}

.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  inset: 0;
  width: 100vw;
  height: 100dvh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: unset;
  transform: translateY(0);
  background-color: rgb(0 0 0 / 50%);
  /* padding-top: env(safe-area-inset-top); */
  /* padding-bottom: env(safe-area-inset-bottom); */
}

.modal .wrap {
  position: relative;
  /* border-radius: calc((40 / 750) * 100vw); */
  /* border: solid calc((7 / 750) * 100vw) #6ebe00; */
  padding: calc((40 / 750) * 100vw);
  /* padding-top: calc((40 / 750) * 100vw); */
  padding-bottom: calc((120 / 750) * 100vw);
}
.modal .inner {
  max-width: calc((750 / 750) * 100vw);
  margin: auto;
  width: 100%;
  border-radius: calc((40 / 750) * 100vw);
  border: solid calc((7 / 750) * 100vw) #6ebe00;
  background-color: #fff;
  position: relative;
}
.modal .modal_content {
  max-width: calc((659 / 750) * 100vw);
  margin: auto;
  width: 100%;
  padding: calc((80 / 750) * 100vw) calc((40 / 750) * 100vw);
  padding-bottom: calc((20 / 750) * 100vw);
}
.modal .modal_close {
  width: calc((54 / 750) * 100vw);
  height: calc((54 / 750) * 100vw);
  background-color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: absolute;
  right: calc((20 / 750) * 100vw);
  transform: rotate(45deg);
  top: calc((20 / 750) * 100vw);
}
.modal .modal_close .cross {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  line-height: 1;
  width: calc((23 / 750) * 100vw);
  height: calc((2 / 750) * 100vw);
  background: currentColor;
  /* border-radius: 0.1em; */
  position: relative;
}
.modal .modal_close .cross::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}

.modal01 {
}
.modal01 .group01 {
  margin-bottom: calc((40 / 750) * 100vw);
}
.modal01 .group01 .text01 {
  margin-bottom: calc((10 / 750) * 100vw);
}
.modal01 .group01 .text01 .sc01 {
  font-size: calc((44 / 750) * 100vw);
}
.modal01 .group01 .text02 {
  margin-bottom: calc((5 / 750) * 100vw);
}
.modal01 .group01 .text02 .color01 {
  color: #00bedf;
  background-color: #ffff00;
  display: inline-block;
  padding: calc((5 / 750) * 100vw);
  padding-bottom: calc((15 / 750) * 100vw);
  margin-right: calc((5 / 750) * 100vw);
  padding-top: 0;
  line-height: 1;
}
.modal01 .group01 .text02 .sc01 {
  font-size: calc((55 / 750) * 1.7 * 100vw);
  line-height: 1;
}
.modal01 .group01 .text02 .sc02 {
  font-size: calc((55 / 750) * 100vw);
  line-height: 1;
}
.modal01 .group01 .text02 .sc03 {
  font-size: calc((55 / 750) * 1.4 * 100vw);
  line-height: 1;
}
.modal01 .group01 .text03 {
}
.modal01 .group01 .text03 .sc01 {
  font-size: calc((60 / 750) * 100vw);
}
.modal01 .group02 {
}
.modal01 .group03 {
}
.modal01 .group03 .group_inner {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: solid calc((2 / 750) * 100vw) #000;
  border-top: solid calc((2 / 750) * 100vw) #000;
}
.modal01 .group03 .text01 {
}
.modal01 .group03 .text01 .sc01 {
  font-size: calc((33 / 750) * 100vw);
  font-weight: bold;
}
.modal01 .group03 .text02 {
}
.modal01 .group03 .text02 .sc01 {
  font-size: calc((50 / 750) * 100vw);
  font-weight: bold;
  line-height: 1;
}
.modal01 .group03 .text02 .sc02 {
  font-size: calc((26 / 750) * 100vw);
  font-weight: bold;
}

.modal01 .group04 {
}
.modal01 .group04 .flex_group {
  display: flex;
  justify-content: space-between;
}
.modal01 .group04 .flex_group .text01 {
  font-size: calc((13 / 750) * 100vw);
  max-width: calc((570 / 750) * 100vw);
  width: 100%;
}
.modal01 .group04 .flex_group .icon {
  max-width: calc((43 / 750) * 100vw);
  width: 100%;
  display: flex;
  justify-content: end;
}
.modal01 .group04 .flex_group01 .icon span {
  width: calc((43 / 750) * 100vw);
  height: calc((7 / 750) * 100vw);
  display: block;
  background-color: #00bedf;
}
.modal01 .group04 .flex_group02 .icon span {
  width: calc((15 / 750) * 100vw);
  height: calc((15 / 750) * 100vw);
  display: block;
  border-radius: 50%;
  border: solid calc((4 / 750) * 100vw) #ff7a05;
}
.modal01 .group05 {
}
.modal01 .group05 .text01 {
  font-size: calc((17 / 750) * 100vw);
}
.modal01 .flex_wrap {
}
.modal01 .flex_wrap .flex_group {
  margin-bottom: calc((40 / 750) * 100vw);
}
.modal01 .group06 {
  display: flex;
  align-items: end;
  margin-bottom: calc((40 / 750) * 100vw);
}
.modal01 .group06 .text01 {
  font-size: calc((47 / 750) * 100vw);
  font-weight: 900;
}
.modal01 .group06 .text02 {
  font-size: calc((20 / 750) * 100vw);
  font-weight: 900;
}
.modal01 .group07 {
}
.modal01 .group08 {
}
.modal01 .group08 .text01 {
  font-size: calc((13 / 750) * 100vw);
}

.modal02 {
}
.modal02 .group01 {
  margin-bottom: calc((60 / 750) * 100vw);
}
.modal02 .group01 .text01 {
  margin-bottom: calc((5 / 750) * 100vw);
}
.modal02 .group01 .text01 .sc01 {
  font-size: calc((40 / 750) * 100vw);
  font-weight: 900;
}
.modal02 .group01 .text02 {
}
.modal02 .group01 .text02 .sc01 {
  font-size: calc((44 / 750) * 1.4 * 100vw);
}
.modal02 .group01 .text02 .color01 {
  color: #cf102a;
  background-color: #ffff00;
  display: inline-block;
  padding: calc((5 / 750) * 100vw);
  padding-bottom: calc((0 / 750) * 100vw);
  margin-right: calc((0 / 750) * 100vw);
}
.modal02 .group01 .text02 .sc02 {
  font-size: calc((44 / 750) * 100vw);
}
.modal02 .group01 .text03 {
}
.modal02 .group01 .text03 .color01 {
  color: #cf102a;
  background-color: #ffff00;
  display: inline-block;
  padding: calc((5 / 750) * 100vw);
  padding-bottom: calc((8 / 750) * 100vw);
  padding-top: calc((0 / 750) * 100vw);
  margin-right: calc((7 / 750) * 100vw);
}
.modal02 .group01 .text03 .sc01 {
  font-size: calc((44 / 750) * 1.4 * 100vw);
}
.modal02 .group01 .text03 .sc02 {
  font-size: calc((44 / 750) * 100vw);
}
.modal02 .flex_wrap .flex_group {
  margin-bottom: calc((60 / 750) * 100vw);
}
.modal02 .group03 {
  margin-bottom: calc((40 / 750) * 100vw);
  border-bottom: solid calc((2 / 750) * 100vw) #000;
}
.modal02 .group03 .group_inner {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  /* border-bottom: solid calc((2 / 750) * 100vw) #000; */
  border-top: solid calc((2 / 750) * 100vw) #000;
}
.modal02 .group03 .group_inner:
  last-child {
  border-bottom: solid calc((2 / 750) * 100vw) #000;
}
.modal02 .group03 .group_inner .text01 {
  line-height: 1;
}
.modal02 .group03 .group_inner .text01 .sc01 {
  font-size: calc((33 / 750) * 100vw);
  font-weight: 900;
  line-height: 1;
}

.modal02 .group03 .group_inner .text02 {
}
.modal02 .group03 .group_inner .text02 .sc01 {
  font-size: calc((50 / 750) * 100vw);
  font-weight: 900;
}
.modal02 .group03 .group_inner .text02 .sc02 {
  font-size: calc((26 / 750) * 100vw);
  font-weight: 900;
  line-height: 1;
}

.modal02 .group04 {
}
.modal02 .group04 .flex_group {
  display: flex;
  justify-content: space-between;
}
.modal02 .group04 .flex_group .text01 {
  font-size: calc((13 / 750) * 100vw);
  max-width: calc((570 / 750) * 100vw);
  width: 100%;
}
.modal02 .group04 .flex_group .icon {
  max-width: calc((43 / 750) * 100vw);
  width: 100%;
  display: flex;
  justify-content: end;
}
.modal02 .group04 .flex_group .icon span {
  width: calc((43 / 750) * 100vw);
  height: calc((7 / 750) * 100vw);
  display: block;
  background-color: #6ebe00;
}
.modal02 .group04 .flex_group02 .icon span {
  background-color: #cf102a;
}
.modal02 .group05 {
}
.modal02 .group05 .text01 {
  font-size: calc((13 / 750) * 100vw);
}
/* ==================================================
   Footer Base Styles
   ================================================== */
.footer__link {
  color: #000;
  display: block;
  font-feature-settings: "palt";
  font-weight: 800; /* var(--font-weight-extra-bold) */
  -webkit-text-decoration: none;
  text-decoration: none;
}

.footer__copyright {
  display: block;
  font-feature-settings: "palt";
  font-weight: 500; /* var(--font-weight-medium) */
  letter-spacing: 0.01em;
  text-align: center;
}

/* ==================================================
   Mobile (SP) Styles: max-width 767.9px
   Base Width: 750px
   ================================================== */
@media screen and (max-width: 767.9px) {
  .footer {
    padding-top: calc(40 * (100vw / 750));
  }
  .footer__list {
    padding-left: calc(50 * (100vw / 750));
  }
  .footer__item {
    margin-bottom: calc(45 * (100vw / 750));
  }
  .footer__link {
    font-size: calc(30 * (100vw / 750));
  }
  .footer__copyright {
    font-size: calc(20 * (100vw / 750));
    padding-bottom: calc(40 * (100vw / 750));
  }
}

/* ==================================================
   Desktop (PC) Styles: min-width 768px
   Base Width: 1280px
   ================================================== */
@media screen and (min-width: 768px) {
  .footer__list {
    display: flex;
    justify-content: center;
    padding-top: calc(20 * (100cqw / 1280));
    gap: calc(32 * (100cqw / 1280));
  }
  .footer__link {
    font-size: calc(12 * (100cqw / 1280));
  }
  .footer__copyright {
    font-size: calc(8 * (100cqw / 1280));
    padding-top: calc(19 * (100cqw / 1280));
    padding-bottom: calc(34 * (100cqw / 1280));
  }
}
#sec06 .graph {
  position: relative;
  z-index: 1;
}
#sec06 .graph .graph-section {
  padding: 120px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f7f7f7;
}

#sec06 .graph .percent-graph {
  position: relative;
  max-width: calc((480 / 750) * 100vw);
  width: 100%;
  margin: auto;
  aspect-ratio: 1 / 1;
}

/* SVGリング */
#sec06 .graph .progress-ring {
  width: 100%;
  height: 100%;
  display: block;
  transform: rotate(-90deg);
}

#sec06 .graph .ring-bg,
#sec06 .graph .ring-progress {
  fill: none;
  stroke-width: calc((10 / 750) * 100vw);
  stroke-linecap: butt;
}

#sec06 .graph .ring-bg {
  stroke: #f15e7d;
}

#sec06 .graph .ring-progress {
  stroke: #fff100;
  stroke-dasharray: 596.9;
  stroke-dashoffset: 596.9;
}

/* 真ん中の数字 */
#sec06 .graph .graph-center {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

#sec06 .graph .percent-number {
  display: flex;
  align-items: flex-end;
  gap: calc((4 / 750) * 100vw);
  font-weight: 700;
  line-height: 1;
}

#sec06 .graph .num-box,
#sec06 .graph .decimal-box {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #006eaf;
  /* font-family: Arial, sans-serif; */
  font-weight: 800;
}

#sec06 .graph .num-box {
  width: calc((90 / 750) * 100vw);
  height: calc((130 / 750) * 100vw);
  font-size: calc((150 / 750) * 100vw);
  background: #fff;
}

#sec06 .graph .decimal-box {
  width: calc((46 / 750) * 100vw);
  height: calc((68 / 750) * 100vw);
  font-size: calc((80 / 750) * 100vw);
}

#sec06 .graph .dot,
#sec06 .graph .unit {
  color: #006eaf;
  /* font-family: Arial, sans-serif; */
  /* font-weight: 800; */
}

#sec06 .graph .dot {
  font-size: calc((53 / 750) * 100vw);
  /* line-height: 0.9; */
  /* margin: 0 2px 0 1px; */
}

#sec06 .graph .unit {
  font-size: calc((80 / 750) * 100vw);
  line-height: 0.9;
  /* margin-left: 2px; */
}

#sec06 .block03 .group02 .graph .num-box {
  width: calc((63 / 750) * 100vw);
  height: calc((90 / 750) * 100vw);
  font-size: calc((105 / 750) * 100vw);
  background: #fff;
}

#sec06 .block03 .group02 .graph .decimal-box {
  width: calc((30 / 750) * 100vw);
  height: calc((47 / 750) * 100vw);
  font-size: calc((55 / 750) * 100vw);
}

#sec06 .block03 .group02 .graph .dot {
  font-size: calc((36 / 750) * 100vw);
}

#sec06 .block03 .group02 .graph .unit {
  font-size: calc((50 / 750) * 100vw);
  line-height: 0.9;
  /* margin-left: 2px; */
}
#sec10 {
}
#sec10 .wrap {
  width: 100%;
  margin: 0 auto;
  background-color: #f4f4f4;
  margin-top: calc((-10 / 750) * 100vw);
}
#sec10 .inner {
  max-width: calc((650 / 750) * 100vw);
  margin: auto;
  padding-bottom: calc((40 / 750) * 100vw);
  margin-top: calc((-10 / 750) * 100vw);
}
#sec10 .block01 {
  margin-bottom: calc((20 / 750) * 100vw);
}
@media screen and (min-width: 1200px) {
  .pc_block {
    display: block;
  }
  .sp_block {
    display: none;
  }
  .shrink {
    margin-left: calc((-10 / 1280) * 100vw);
  }
  .spread {
    margin-left: calc((5 / 1280) * 100vw);
  }
  .separator {
    line-height: 0;
    margin-top: calc((-10 / 1280) * 100vw);
    position: relative;
    top: -1px;
  }
  header {
    display: flex;
    justify-content: space-between;
    padding: calc((15 / 1280) * 100vw);
    padding-bottom: 0;
    /* background-color: #00bfe0; */
    /* position: relative; */
    z-index: 1;
  }

  header .nissin_logo {
    width: calc((115 / 1280) * 100%);
  }
  header .kzm_logo {
    width: calc((150 / 1280) * 100%);
  }

  #sec01 {
    /* margin-top: calc((-170 / 1280) * 99%); */
  }
  #sec01 .wrap {
    position: relative;
  }
  #sec01 .inner {
  }
  #sec01 .bg {
  }
  #sec01 .block01 {
    /* padding-left: calc((20 / 1280) * 100vw); */
    top: calc((50 / 1280) * 100vw);
  }
  #sec01 .block01 .group01 {
    position: relative;
    color: #ffff00;
  }

  #sec01 .block01 .group01 .text01 {
    font-size: calc((75 / 1280) * 100vw);
    /* line-height: 1; */
    /* transform: skewX(-12deg) scaleX(0.95) rotate(-8deg); */
    letter-spacing: -0.08em;
    left: calc((40 / 750) * 100vw);
    /* position: absolute; */
    top: calc((40 / 750) * 100vw);
  }
  #sec01 .block01 .group01 .text02 {
    font-size: calc((130 / 1280) * 100vw);
    /* line-height: 1; */
    /* transform: skewX(-12deg) rotate(-8deg); */
    letter-spacing: -0.14em;
    top: calc((90 / 750) * 100vw);
    /* position: absolute; */
    left: calc((30 / 750) * 100vw);
  }
  #sec01 .block01 .group01 .text03 {
    font-size: calc((65 / 1280) * 100vw);
    /* line-height: 1; */
    /* transform: skewX(-12deg) rotate(-8deg); */
    /* letter-spacing: -0.08em; */
    /* position: absolute; */
    left: calc((510 / 1280) * 100vw);
    top: calc((160 / 1280) * 100vw);
  }
  #sec01 .block01 .group01 .text03 .sc01 {
    font-size: calc((80 / 1280) * 100vw);
  }
  #sec01 .block01 .group02 {
    /* top: calc((50 / 1280) * 100vw); */
    /* position: relative; */
  }
  #sec01 .block01 .group02 .text01 {
    font-size: calc((45 / 1280) * 100vw);
    /* line-height: 1; */
    /* transform: skewX(-12deg) rotate(-8deg); */
    /* letter-spacing: -0.14em; */
    background-color: #2684c9;
    /* display: inline-block; */
    padding: calc((6 / 1280) * 100vw);
    /* color: #ffff00; */
    /* position: absolute; */
    top: calc((300 / 1280) * 100vw);
    left: calc((55 / 1280) * 100vw);
    padding-right: calc((30 / 1280) * 100vw);
    padding-bottom: calc((15 / 1280) * 100vw);
  }
  #sec01 .block01 .group02 .text01 .sc01 {
    /* color: #fff; */
    font-family: inherit;
    font-weight: 400;
    font-size: calc((25 / 1280) * 100vw);
    position: absolute;
    right: calc((10 / 1280) * 100vw);
    bottom: calc((10 / 1280) * 100vw);
  }
  #sec01 .block02 {
    position: absolute;
    right: 0;
    top: 0;
  }
  #sec01 .block02 .group01 {
    position: absolute;
    right: calc((600 / 1280) * 100vw);
    z-index: 1;
  }
  #sec01 .block02 .group01 .flavor-badge {
    position: absolute;
    width: calc((60 / 1280) * 100vw);
    height: calc((60 / 1280) * 100vw);
    min-width: 45px;
    min-height: 45px;
    /* background-color: #fff; */
    border-radius: 50%;
    border: solid calc((1 / 1280) * 100vw) #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc((15 / 1280) * 100vw);
    line-height: 1;
    color: #fff;
  }
  #sec01 .block02 .group01 .flavor-badge.f-mango {
    background-color: #f3a400;
    top: calc((60 / 1280) * 100vw);
    left: calc((0 / 1280) * 100vw);
  }
  #sec01 .block02 .group01 .flavor-badge.f-matcha {
    background-color: #5f9c35;
    top: calc((380 / 1280) * 100vw);
    left: calc((-20 / 1280) * 100vw);
  }
  #sec01 .block02 .group01 .flavor-badge.f-choco {
    background-color: #77331c;
    top: calc((80 / 1280) * 100vw);
    left: calc((240 / 1280) * 100vw);
  }
  #sec01 .block02 .group01 .flavor-badge.f-lemon {
    background-color: #ffff00;
    top: calc((260 / 1280) * 100vw);
    left: calc((430 / 1280) * 100vw);
    color: #0e8ed3;
  }
  #sec01 .block02 .group01 .flavor-badge.f-pistachio {
    background-color: #a4bd2d;
    top: calc((530 / 1280) * 100vw);
    left: calc((300 / 1280) * 100vw);
  }
  #sec01 .block02 .group01 .flavor-badge.f-strawberry {
    background-color: #d6352d;
    top: calc((360 / 1280) * 100vw);
    left: calc((500 / 1280) * 100vw);
  }
  #sec01 .block02 .img_content01 {
    width: calc((670 / 1280) * 100vw);
    position: absolute;
    right: 0;
    top: 0;
  }

  #sec01 .block03 {
    /* display: flex; */
    /* position: absolute; */
    top: calc((445 / 1280) * 100vw);
    left: calc((380 / 1280) * 100vw);
  }
  #sec01 .block03 .group01 {
  }
  #sec01 .block03 .group02 {
  }
  #sec01 .block03 .group01,
  #sec01 .block03 .group02 {
    width: calc((148 / 1280) * 100vw);
    height: calc((148 / 1280) * 100vw);
    background-color: #fff100;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 900;
    color: #0e8ed3;
  }
  #sec01 .block03 .group02 {
    left: calc((155 / 1280) * 100vw);
    top: calc((-20 / 1280) * 100vw);
    position: absolute;
  }
  #sec01 .block03 .group01 .text01 {
    line-height: 1;
    display: inline-block;
    margin-top: calc((-10 / 1280) * 0.8 * 100vw);
  }
  #sec01 .block03 .group01 .text01 .sc01 {
    font-size: calc((12 / 1280) * 100vw);
  }
  #sec01 .block03 .group01 .text02 {
    line-height: 1;
    display: inline-block;
    margin-top: calc((-7 / 1280) * 0.8 * 100vw);
  }
  #sec01 .block03 .group01 .text02 .sc01 {
    font-size: calc((24 / 1280) * 1.7 * 100vw);
  }
  #sec01 .block03 .group01 .text02 .sc02 {
    font-size: calc((24 / 1280) * 100vw);
  }
  #sec01 .block03 .group01 .text02 .sc03 {
    font-size: calc((24 / 1280) * 0.8 * 100vw);
  }
  #sec01 .block03 .group01 .text03 {
    line-height: 1;
    display: inline-block;
    margin-top: calc((3 / 1280) * 0.8 * 100vw);
    margin-bottom: calc((3 / 1280) * 0.8 * 100vw);
  }
  #sec01 .block03 .group01 .text03 .sc01 {
    font-size: calc((24 / 1280) * 100vw);
  }
  #sec01 .block03 .group01 .text03 .sc02 {
    font-size: calc((24 / 1280) * 0.8 * 100vw);
  }
  #sec01 .block03 .group01 .text04 {
    line-height: 1;
    display: inline-block;
    font-size: calc((19 / 1280) * 100vw);
  }
  #sec01 .block03 .group01 .text04 .sc01 {
  }
  #sec01 .block03 .group02 .text01 {
    line-height: 1;
    display: inline-block;
  }
  #sec01 .block03 .group02 .text01 .sc01 {
    font-size: calc((16 / 1280) * 100vw);
  }
  #sec01 .block03 .group02 .text02 {
    line-height: 1;
    display: inline-block;
  }
  #sec01 .block03 .group02 .text02 .sc01 {
    font-size: calc((54 / 1280) * 1.3 * 100vw);
  }
  #sec01 .block03 .group02 .text02 .sc02 {
    font-size: calc((16 / 1280) * 100vw);
    top: calc((46 / 1280) * 100vw);
    right: calc((16 / 1280) * 100vw);
  }

  #sec01 .block03 .group02 .text03 {
    line-height: 1;
    display: inline-block;
  }
  #sec01 .block03 .group02 .text03 .sc01 {
    font-size: calc((18 / 1280) * 100vw);
  }
  #sec01 .block04 {
    /* position: absolute; */
    /* top: calc((420 / 1280) * 100vw); */
    /* width: 100%; */
  }

  #sec01 .block04 .group01 .text01 {
    /* font-size: calc((90 / 1280) * 100vw); */
    /* line-height: 1; */
    /* transform: skewX(-12deg) rotate(-8deg); */
    /* letter-spacing: -0.08em; */
    /* color: #fff; */
  }
  #sec01 .block04 .group01 .text01 {
    font-size: calc((70 / 1280) * 100vw);
    /* line-height: 1; */
    /* transform: skewX(-12deg) rotate(-8deg); */
    /* letter-spacing: -0.08em; */
    /* color: #fff; */
    position: absolute;
    top: calc((400 / 1280) * 100vw);
    left: calc((80 / 1280) * 100vw);
    /* letter-spacing: -0.01em; */
  }
  #sec01 .block04 .group01 .text01 .sc01 {
    font-size: calc((40 / 1280) * 100vw);
    position: absolute;
    left: calc((-25 / 1280) * 100vw);
    top: calc((0 / 1280) * 100vw);
  }
  #sec01 .block04 .text01 .sc01 {
  }
  #sec01 .block04 .group02 .text01 {
    font-size: calc((70 / 1280) * 100vw);
    /* line-height: 1; */
    /* transform: skewX(-12deg) rotate(-8deg); */
    /* letter-spacing: -0.08em; */
    /* color: #fff; */
    top: calc((360 / 1280) * 100vw);
    left: calc((360 / 1280) * 100vw);
  }
  #sec01 .block04 .group02 .text01 .sc01 {
    font-size: calc((40 / 1280) * 100vw);
    position: absolute;
    left: calc((270 / 1280) * 100vw);
    top: calc((0 / 1280) * 100vw);
  }
  #sec01 .block04 .group03 .sc01,
  #sec01 .block04 .text02 .sc01 {
    font-size: calc((120 / 1280) * 100vw);
    position: relative;
    top: calc((10 / 1280) * 100vw);
    left: calc((10 / 1280) * 100vw);
  }
  #sec01 .block04 .group03 .text01,
  #sec01 .block04 .group03 .text02 {
    font-size: calc((90 / 1280) * 100vw);
    /* line-height: 1; */
    /* transform: skewX(-12deg) rotate(-8deg); */
    letter-spacing: -0.08em;
    /* color: #0589ff; */
    /* paint-order: stroke; */
    /* -webkit-text-stroke: calc((13 / 1280) * 100vw) #ffffff; */
    /*text-stroke: 2px black;*/
    /*paint-order: stroke;*/
    position: absolute;
    /* right: 0; */
  }
  #sec01 .block04 .group03 .text01 {
    /* z-index: 2; */
    /* position: relative; */
  }
  #sec01 .block04 .group03 .text02 {
  }
  #sec01 .block04 .group03 .text02 {
    /* position: absolute; */
    /* top: 0; */
    /* z-index: 0; */
    -webkit-text-stroke: calc((10 / 1280) * 100vw) #ffffff;
    /* paint-order: stroke; */
    /* color: #fff; */
  }
  #sec01 .block04 .group04 {
    width: calc((33 / 1280) * 100vw);
    position: absolute;
    right: 0;
    top: calc((540 / 1280) * 100vw);
    left: calc((690 / 1280) * 100vw);
    display: none;
  }
  #sec01 .block04 .group01 {
  }
  #sec01 .block04 .group02 {
    /* position: absolute; */
    /* left: calc((420 / 1280) * 100vw); */
    /* top: 0; */
  }
  #sec01 .block04 .group03 {
    /* position: absolute; */
    position: absolute;
    /* right: 0; */
    top: calc((460 / 1280) * 100vw);
    left: calc((70 / 1280) * 100vw);
  }
  #sec01 .block05 {
    color: #fff;
    top: calc((615 / 1280) * 100vw);
    left: calc((245 / 1280) * 100vw);
  }
  #sec01 .block05 .text01 {
    font-size: calc((10 / 1280) * 100vw);
  }

  #sec02 {
    /* background-color: #00bfe0; */
  }
  #sec02 .wrap {
    /* margin-top: calc((-10 / 1280) * 100vw); */
    max-width: calc((1280 / 1280) * 100vw);
    width: 100%;
    /* margin-left: calc((260 / 1280) * 100vw); */
    /* transform: scale(0.85); */
    transform-origin: right;
  }
  #sec02 .inner {
    padding: 0;
  }
  #sec02 a {
    display: block;
    position: relative;
  }
  #sec02 .block02 .group03 {
    /* max-width: calc((180 / 1280) * 100vw); */
  }
  #sec02 .block01 {
    height: calc((70 / 1280) * 100vw);
    border-radius: calc((60 / 1280) * 100vw);
    border: solid calc((6 / 1280) * 100vw) #6ebf00;
    padding: 0 calc((0 / 1280) * 100vw);
    width: calc((540 / 1280) * 100vw);
    left: calc((690 / 1280) * 100vw);
  }
  #sec02 .block01 .text01 {
    height: 100%;
    top: calc((0 / 1280) * 100vw);
    left: calc((20 / 1280) * 100vw);
    align-items: baseline;
    max-width: calc((430 / 1280) * 100vw);
  }
  #sec02 .block01 .text01 .sc01 {
    font-size: calc((57 / 1280) * 1.5 * 100vw);
    color: #cf102a;
    transform: unset;
    margin-right: calc((6 / 1280) * 100vw);
    top: calc((6 / 1280) * 100vw);
    position: relative;
  }
  #sec02 .block01 .text01 .sc02 {
    font-size: calc((57 / 1280) * 100vw);
    color: #cf102a;
    transform: unset;
    top: calc((0 / 750) * 100vw);
  }
  #sec02 .block01 .text01 .sc02 .black {
    color: #000;
  }

  #sec02 .block01 .text02 {
    height: calc((100 / 1280) * 100vw);
    top: calc((26 / 1280) * 100vw);
    left: calc((80 / 1280) * 100vw);
    position: relative;
    max-width: calc((340 / 1280) * 100vw);
  }
  #sec02 .block01 .text02 .sc01 {
    font-size: calc((46 / 1280) * 100vw);
    margin-right: calc((5 / 1280) * 100vw);
  }
  #sec02 .block01 .text02 .sc02 {
    font-size: calc((46 / 1280) * 1.6 * 100vw);
    margin-right: calc((5 / 1280) * 100vw);
  }
  #sec02 .block01 .text02 .sc03 {
    font-size: calc((46 / 1280) * 100vw);
  }
  #sec02 .block01 .text02 .sc04 {
    top: calc((-30 / 1280) * 100vw);
    font-size: calc((17 / 1280) * 100vw);
  }
  #sec02 .block01 .text02 .sc05 {
    /* display: none; */
    font-size: calc((15 / 1280) * 100vw);
    font-weight: bold;
    left: calc((175 / 1280) * 100vw);
    bottom: calc((7 / 1280) * 100vw);
  }

  #sec02 .block01 .text03 {
    height: calc((100 / 1280) * 100vw);
    line-height: 1;
    display: flex;
    align-items: baseline;
    font-weight: 900;
    top: calc((29 / 1280) * 100vw);
    left: calc((20 / 1280) * 100vw);
    position: relative;
    max-width: calc((420 / 1290) * 100vw);
  }
  #sec02 .block01 .text03 .sc01 {
    font-size: calc((46 / 1280) * 100vw);
    transform: unset;
  }
  #sec02 .block01 .text03 .sc02 {
    font-size: calc((46 / 1280) * 1.35 * 100vw);
    transform: unset;
    margin-left: 0;
  }
  #sec02 .block01 .text03 .sc03 {
    font-size: calc((46 / 1280) * 100vw);
    transform: unset;
    margin-left: 0;
  }
  #sec02 .block01 .text03 .sc04 {
  }

  #sec02 .block02 {
    width: calc((130 / 1280) * 100vw);
    position: relative;
    margin-left: auto;
    margin-right: calc((10 / 1280) * 100vw);
  }
  #sec02 .block02 .group01 {
    margin-top: calc((-20 / 1280) * 100vw);
  }
  #sec02 .block02 .group01 .text01 {
    font-size: calc((48 / 1280) * 100vw);
  }
  #sec02 .block02 .group01 .text02 {
    -webkit-text-stroke: calc((10 / 1280) * 100vw) #007600;
    font-size: calc((48 / 1280) * 100vw);
  }
  #sec02 .block02 .group02 {
    bottom: calc((40 / 1280) * 100vw);
    width: calc((30 / 1280) * 100vw);
  }
  #sec02 .block02 .group02 .arrow {
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    line-height: 1;
    width: calc((20 / 1280) * 100vw);
    height: calc((20 / 1280) * 100vw);
    border: calc((2 / 1280) * 100vw) solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-25%) rotate(135deg);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
  }
  #sec02 .block02 .group02 .arrow01 {
    z-index: 1;
    position: absolute;
  }
  #sec02 .block02 .group02 .arrow02 {
    position: absolute;
    z-index: 0;
    color: #007600;
    width: calc((20 / 1280) * 100vw);
    height: calc((20 / 1280) * 100vw);
  }

  #sec03 {
    /* background-color: #00bfe0; */
  }
  #sec03 .wrap {
    margin-top: calc((0 / 1280) * 100vw);
  }
  #sec03 .inner {
    background-color: #00bfe0;
    padding-bottom: calc((20 / 1280) * 100vw);
    margin-top: calc((-10 / 1280) * 100vw);
  }
  #sec03 .head {
    position: absolute;
    max-width: calc((490 / 1280) * 100vw);
    left: calc((100 / 1280) * 100vw);
  }
  #sec03 .block01 {
    top: calc((-30 / 1280) * 100vw);
  }
  #sec03 .block01 .bg {
    line-height: 0;
  }
  #sec03 .block01 .group01 {
  }
  #sec03 .block01 .group01 .text01 {
    font-size: calc((50 / 1280) * 100vw);
    display: inline-block;
    line-height: 1;
    position: relative;
    margin-bottom: calc((10 / 1280) * 100vw);
  }

  #sec03 .block01 .group01 .text01 .color02 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-text-stroke: calc((13 / 1280) * 100vw) #00609a;
    text-stroke: 2px black;
    paint-order: stroke;
  }

  #sec03 .block01 .group02 {
    display: flex;
  }
  #sec03 .block01 .group02 .text01 {
    font-size: calc((50 / 1280) * 100vw);
    display: inline-block;
    line-height: 1;
    position: relative;
  }
  #sec03 .block01 .group02 .text01 .color {
  }
  #sec03 .block01 .group02 .text01 .color01 {
    position: relative;
    z-index: 1;
    color: #ffff00;
  }
  #sec03 .block01 .group02 .text01 .color02 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-text-stroke: calc((13 / 1280) * 100vw) #00609a;
    text-stroke: 2px black;
    paint-order: stroke;
  }
  #sec03 .block01 .group02 .text02 {
    font-size: calc((25 / 1280) * 100vw);
    top: calc((12 / 1280) * 100vw);
    left: calc((-10 / 1280) * 100vw);
    /* display: flex; */
    /* flex-direction: column; */
    /* color: #006099; */
  }
  #sec03 .block01 .group02 .text02 .color01 {
  }
  #sec03 .block01 .group02 .text02 .color02 {
    left: calc((10 / 1280) * 100vw);
  }
  #sec03 .block02 {
    position: absolute;
    margin-bottom: 0;
  }
  #sec03 .block02 .group01 {
  }
  #sec03 .block02 .group01 .text01 {
    font-size: calc((130 / 1280) * 100vw);
    display: inline-block;
    line-height: 1;
    padding: 0;
    position: relative;
    right: 0;
    left: calc((80 / 1280) * 100vw);
    top: calc((200 / 1280) * 100vw);
  }
  #sec03 .block02 .group01 .text01 .color {
  }
  #sec03 .block02 .group01 .text01 .color01 {
    position: relative;
    z-index: 1;
    color: #ffff00;
  }
  #sec03 .block02 .group01 .shrink {
    margin-left: calc((-10 / 1280) * 100vw);
  }
  #sec03 .block02 .group01 .sc01 {
    left: calc((-5 / 1280) * 100vw);
    font-size: calc((100 / 1280) * 100vw);
    top: calc((-40 / 1280) * 100vw);
  }
  #sec03 .block02 .group01 .sc02 {
    right: calc((0 / 1280) * 100vw);
    font-size: calc((100 / 1280) * 100vw);
    top: calc((-40 / 1280) * 100vw);
  }
  #sec03 .block02 .group01 .text01 .color02 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-text-stroke: calc((13 / 1280) * 100vw) #00609a;
    text-stroke: 2px black;
    paint-order: stroke;
  }
  #sec03 .block02 .group02 {
  }
  #sec03 .block02 .group02 .text01 {
    font-size: calc((67 / 1280) * 100vw);
    /* display: inline-block; */
    /* line-height: 1; */
    position: relative;
    color: #fff;
    right: auto;
    left: calc((240 / 1280) * 100vw);
    top: calc((210 / 1280) * 100vw);
    transform: rotate(0deg);
  }
  #sec03 .block03 {
    display: flex;
    justify-content: flex-end;
    max-width: calc((1280 / 1280) * 100vw);
  }
  #sec03 .block03 .group01 {
    width: calc((576 / 1280) * 100vw);
    margin-right: calc((70 / 1280) * 100vw);
  }
  #sec03 .block04 {
    max-width: calc((930 / 1280) * 100vw);
    margin: auto;
    margin-bottom: calc((30 / 1280) * 100vw);
  }
  #sec03 .block04 .text01 {
    font-size: calc((27 / 1280) * 100vw);
    color: #fff;
  }
  #sec03 .block04 .text01 .color {
    background: linear-gradient(transparent 0%, #fff100 0%);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-weight: bold;
    padding: 0 calc((5 / 1280) * 100vw);
    line-height: 2;
    color: #006099;
  }

  #sec03 .block04 .text01 .color:nth-child(n + 2) {
    margin-left: calc((0 / 1280) * 100vw);
  }

  #sec03 .block05 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    max-width: calc((930 / 1280) * 100vw);
    margin: auto;
    gap: calc((20 / 1280) * 100vw);
    margin-bottom: calc((60 / 1280) * 100vw);
  }
  #sec03 .block05 .group {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* width: 100%; */
    /* background-color: #fff; */
    /* border: solid calc((5 / 1280) * 100vw) #fff100; */
    /* border-radius: calc((15 / 1280) * 100vw); */
    height: calc((100 / 1280) * 100vw);
    margin-bottom: 0;
  }
  #sec03 .block05 .group_inner {
    border: solid calc((5 / 1280) * 100vw) #fff100;
    border-radius: calc((15 / 1280) * 100vw);
  }
  #sec03 .block05 .group::after {
    border-radius: calc((15 / 1277) * 100vw);
    left: calc((4 / 1280) * 100vw);
    top: calc((4 / 1280) * 100vw);
  }
  #sec03 .block05 .group .text {
    /* font-size: calc((36 / 1280) * 100vw); */
    /* display: inline-block; */
    /* line-height: 1; */
    /* position: relative; */
    /* color: #006099; */
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #sec03 .block05 .group03 .text {
    display: block;
  }
  #sec03 .block05 .group01 .text .sc01 {
    font-size: calc((29 / 1280) * 100vw);
    margin-bottom: calc((5 / 1280) * 100vw);
  }
  #sec03 .block05 .group01 .text .sc02 {
    font-size: calc((29 / 1280) * 1.2 * 100vw);
  }
  #sec03 .block05 .group02 {
  }
  #sec03 .block05 .group02 .text {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #sec03 .block05 .group02 .text .sc01 {
    font-size: calc((29 / 1280) * 0.9 * 100vw);
    margin-bottom: calc((0 / 1280) * 100vw);
  }
  #sec03 .block05 .group02 .text .sc02 {
    font-size: calc((29 / 1280) * 100vw);
  }
  #sec03 .block05 .group02 .text .sc04 {
    font-size: calc((29 / 1280) * 1.15 * 100vw);
  }
  #sec03 .block05 .group02 .text .sc03 {
    font-size: calc((29 / 1280) * 1.25 * 100vw);
    top: calc((2 / 1280) * 100vw);
    margin-right: calc((4 / 1280) * 100vw);
  }
  #sec03 .block05 .group03 .text .sc01 {
    font-size: calc((29 / 1280) * 1.2 * 100vw);
  }
  #sec03 .block05 .group03 .text .sc02 {
    font-size: calc((29 / 1280) * 0.9 * 100vw);
  }
  #sec03 .block06 {
    align-items: center;
    width: calc((596 / 1280) * 100vw);
    height: calc((100 / 1280) * 100vw);
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;

  }
  #sec03 .block06 a .bg{
        border: solid calc((4 / 1280) * 100vw) #fff;
        border-radius: calc((100 / 1280) * 100vw);
        transition: scale .3s cubic-bezier(.34, 1.56, .64, 1);
  }
  #sec03 .block06 a {
  }
    #sec03 .block06 a:hover .bg{
      scale: 1.012;
    }
  #sec03 .block06 a .text01 {
    font-size: calc((40 / 1280) * 100vw);
  }
  #sec03 .block07 {
    line-height: 0;
  }
  #sec04 {
  }
  #sec04 .wrap {
    margin-top: calc((-10 / 1280) * 100vw);
  }
  #sec04 .inner {
    padding-bottom: calc((0 / 1280) * 100vw);
    margin-top: calc((-10 / 1280) * 100vw);
  }
  #sec04 .block02 {
    margin-top: calc((30 / 1280) * 100vw);
    margin-bottom: calc((30 / 1280) * 100vw);
  }
  #sec04 .block02 .group01 {
    text-align: center;
  }
  #sec04 .block02 .text {
    font-size: calc((37 / 1280) * 100vw);
    margin-bottom: calc((5 / 1280) * 100vw);
  }
  #sec04 .block02 .group01 .line {
    max-width: calc((770 / 1280) * 100vw);
  }
  #sec04 .block02 .text .space {
    font-size: calc((16 / 1280) * 100vw);
  }
  #sec04 .block03 {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: calc((1145 / 1280) * 100vw);
    width: 100%;
    margin: auto;
    margin-bottom: calc((40 / 1280) * 100vw);
    flex-direction: row;
  }
  #sec04 .block03 .group01 {
    margin-bottom: 0;
  }
  #sec04 .block03 .text {
    font-size: calc((57 / 1280) * 100vw);
    line-height: 1;
    color: #ff7a05;
  }
  #sec04 .block03 .group01 .text01 {
    /* color: #2aae42; */
  }
  #sec04 .block03 .text .sc01 {
    font-size: calc((57 / 1280) * 0.8 * 100vw);
  }
  #sec04 .block03 .text .color01 {
    /* background: linear-gradient(transparent 80%, #fff100 0%); */
  }
  #sec04 .block03 .text .line::after {
    height: calc((15 / 1280) * 100vw);
    bottom: calc((8 / 1280) * 100vw);
    width: 102%;
    left: -1%;
  }
  #sec04 .block03 .group02 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 calc((10 / 1280) * 100vw);
    width: calc((72 / 1280) * 100vw);
    height: calc((72 / 1280) * 100vw);
    /* background-color: #00bfe0; */
  }
  #sec04 .block03 .group02 .text01 {
    font-size: calc((55 / 1280) * 100vw);
    top: calc((-4 / 1280) * 100vw);
  }
  #sec04 .block04 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: calc((1140 / 1280) * 100vw);
    border: unset;
    border-radius: unset;
    background-image: url();
  }
  #sec04 .block04 .group {
    width: 50%;
    filter: drop-shadow(0px 0px 6px hsl(0deg 0% 0% / 20%));
    /* display: flex; */
    border-bottom: unset;
    height: calc((300 / 1280) * 100vw);
    display: flex;
    align-items: center;
    position: relative;
    border: solid calc((5 / 1280) * 100vw) #6ebf00;
    border-radius: calc((35 / 1280) * 100vw);
    background-image: url(../img/sec04_block03_bg_pc.webp);
    padding-left: calc((30 / 1280) * 100vw);
    background-color: #fff;
    background-size: cover;
  }

  #sec04 .block04 .group .img_area {
    position: absolute;
  }
  #sec04 .block04 .group .modal_btn {
    width: calc((47 / 1280) * 100vw);
    height: calc((47 / 1280) * 100vw);
    background-color: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    position: absolute;
    right: calc((20 / 1280) * 100vw);
    bottom: calc((20 / 1280) * 100vw);
    transition: rotate .8s cubic-bezier(.85, 0, .15, 1);
  }
  #sec04 .block04 .group .modal_btn:hover{
    rotate: 180deg;
  }
  #sec04 .block04 .group .modal_btn .plus {
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    line-height: 1;
    width: calc((20 / 1280) * 100vw);
    height: calc((2 / 1280) * 100vw);
    background: currentColor;
    /* border-radius: 0.1em; */
    position: relative;
  }
  #sec04 .block04 .group .modal_btn .plus::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    transform: rotate(90deg);
  }
  #sec04 .block04 .group01 {
    width: calc(50% - calc((20 / 1280) * 100vw));
    /* filter: drop-shadow(0px 0px 6px hsl(0deg 0% 0% / 20%)); */
  }
  #sec04 .block04 .group01 .img_area {
    width: calc((120 / 1280) * 100vw);
    right: calc((80 / 1280) * 100vw);
    top: calc((150 / 1280) * 100vw);
  }
  #sec04 .block04 .group01 .text_area {
    font-size: calc((38 / 1280) * 100vw);
    position: relative;
    top: calc((-40 / 1280) * 100vw);
  }
  #sec04 .block04 .group01 .text01 {
    font-size: calc((28 / 1280) * 100vw);
    margin-bottom: calc((15 / 1280) * 100vw);
    line-height: 1.2;
  }

  #sec04 .block04 .group01 .text02 {
    /* font-size: calc((38 / 1280) * 100vw); */
    margin-top: calc((-10 / 1280) * 100vw);
    margin-bottom: calc((5 / 1280) * 100vw);
  }
  #sec04 .block04 .group01 .text02 .color01 {
    background-color: #fff100;
    color: #00bedf;
    padding: calc((10 / 1280) * 100vw);
    padding-bottom: 0;
    margin-right: calc((5 / 1280) * 100vw);
  }
  #sec04 .block04 .group01 .text02 .sc01 {
    font-size: calc((38 / 1280) * 1.7 * 100vw);
  }
  #sec04 .block04 .group01 .text02 .sc02 {
    font-size: calc((38 / 1280) * 100vw);
  }
  #sec04 .block04 .group01 .text02 .sc03 {
    font-size: calc((38 / 1280) * 1.4 * 100vw);
  }
  #sec04 .block04 .group01 .text02 .sc04 {
    font-size: calc((38 / 1280) * 100vw);
  }
  #sec04 .block04 .group01 .text03 {
    font-size: calc((34 / 1280) * 100vw);
    margin-top: calc((0 / 1280) * 100vw);
  }
  #sec04 .block04 .group02 .img_area {
    width: calc((160 / 1280) * 100vw);
    right: calc((80 / 1280) * 100vw);
    top: calc((90 / 1280) * 100vw);
  }
  #sec04 .block04 .group02 {
  }
  #sec04 .block04 .group02 .text01 {
    font-size: calc((30 / 1280) * 100vw);
    margin-bottom: calc((10 / 1280) * 100vw);
  }
  #sec04 .block04 .group02 .text03 .sc02 .sp_block {
    display: none;
  }
  #sec04 .block04 .group02 .text02 {
    font-size: calc((30 / 1280) * 100vw);
    background-color: #fff100;
    display: inline-block;
    color: #cf102a;
    padding: calc((5 / 1280) * 100vw);
    padding-bottom: 0;
    /* padding-top: calc((2 / 1280) * 100vw); */
    margin-bottom: calc((5 / 1280) * 100vw);
    z-index: 2;
    position: relative;
  }
  #sec04 .block04 .group02 .text02 .sc01 {
    font-size: calc((38 / 1280) * 1.4 * 100vw);
  }
  #sec04 .block04 .group02 .text02 .sc02 {
  }
  #sec04 .block04 .group02 .text03 .sc01 {
    font-size: calc((38 / 1280) * 1.4 * 100vw);
    background-color: #fff100;
    color: #cf102a;
    padding: calc((5 / 1280) * 100vw);
    /* padding-bottom: calc((0 / 1280) * 100vw); */
    padding-top: 0;
    margin-right: calc((5 / 1280) * 100vw);
    padding-bottom: 0;
  }
  #sec04 .block04 .group02 .text03 .sc02 {
    font-size: calc((38 / 1280) * 100vw);
  }
  #sec04 .block04 .group03 {
    border: unset;
    width: 100%;
    background: url();
    filter: url();
    margin-top: calc((60 / 1280) * 100vw);
  }
  #sec04 .block04 .group03 .text_area {
  }
  #sec04 .block04 .group03 .text01 .circle {
    width: calc((190 / 1280) * 100vw);
    left: calc((-17 / 1280) * 100vw);
    top: calc((-17 / 1280) * 100vw);
  }
  #sec04 .block04 .group03 .text02 .circle {
    width: calc((349 / 1280) * 100vw);
    left: calc((-10 / 1280) * 100vw);
    top: calc((0 / 1280) * 100vw);
  }
  #sec04 .block04 .group03 .text01 {
    line-height: 1;
    margin-bottom: calc((30 / 1280) * 100vw);
    margin-left: calc((60 / 1280) * 100vw);
  }
  #sec04 .block04 .group03 .text01 .sc01 {
    font-size: calc((70 / 1280) * 100vw);
    position: relative;
    color: #fff;
    position: relative;
    letter-spacing: 0.2em;
    margin-right: calc((10 / 1280) * 100vw);
  }
  #sec04 .block04 .group03 .text01 .sc01 .circle {
    width: calc((130 / 1280) * 100vw);
  }
  #sec04 .block04 .group03 .text01 .sc02 {
    font-size: calc((60 / 1280) * 100vw);
    color: #ff7a05;
  }
  #sec04 .block04 .group03 .text02 {
    position: relative;
    margin: unset;
    margin-left: calc((13 / 1280) * 100vw);
  }
  #sec04 .block04 .group03 .text02 .sc01 {
    font-size: calc((72 / 1280) * 100vw);
    color: #fff;
    letter-spacing: 0.2em;
    margin-right: calc((0 / 1280) * 100vw);
  }
  #sec04 .block04 .group03 .text02 .sc01 .circle {
    width: calc((240 / 1280) * 100vw);
  }
  #sec04 .block04 .group03 .text02 .sc02 {
    font-size: calc((60 / 1280) * 100vw);
    color: #ff7a05;
  }
  #sec04 .block04 .group03 .text02 .sc02 .pc_block {
    display: inline-block;
  }
  #sec04 .block04 .group03 .text03 {
    font-size: calc((60 / 1280) * 100vw);
    margin: unset;
    color: #ff7a05;
  }
  #sec04 .block04 .group03 .img_area {
    width: calc((510 / 1280) * 100vw);
    right: 0%;
  }
  #sec05 {
  }
  #sec05 .wrap {
    background-image: url(../img/sec05_bg_pc.webp);
    padding-bottom: calc((300 / 1280) * 100vw);
    margin-top: calc((-10 / 1280) * 100vw);
  }
  #sec05 .inner {
    padding-top: calc((40 / 1280) * 100vw);
    padding-bottom: calc((60 / 1280) * 100vw);
    margin-top: calc((-10 / 1280) * 100vw);
  }
  #sec05 .block01 {
    line-height: 0;
  }
  #sec05 .block02 {
  }
  #sec05 .block02 .group01 {
    margin-bottom: calc((20 / 1280) * 100vw);
  }
  #sec05 .block02 .group01 .text01 {
    font-size: calc((80 / 1280) * 100vw);
    line-height: 1;
    text-align: center;
    color: #00bedf;
  }
  #sec05 .block02 .head {
    position: relative;
    max-width: calc((560 / 1280) * 100vw);
    margin: auto;
    text-align: center;
  }
  #sec05 .block02 .head .group02 {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: calc((15 / 1280) * 100vw);
  }
  #sec05 .block02 .head .group02 .text01 {
    line-height: 1;
    color: #fff;
  }
  #sec05 .block02 .head .group02 .text01 .cp01 {
    font-size: calc((50 / 1280) * 100vw);
  }
  #sec05 .block02 .head .group02 .text01 .cp02 {
    font-size: calc((70 / 1280) * 100vw);
  }
  #sec05 .block02 .head .group03 {
    line-height: 0;
  }
  #sec05 .block03 {
    position: relative;
    max-width: calc((1140 / 1280) * 100vw);
    width: 100%;
    margin: auto;
    border: solid calc((10 / 1280) * 100vw) #00bfe0;
    border-radius: calc((40 / 1280) * 100vw);
    background-color: #fff;
    padding-top: calc((100 / 1280) * 100vw);
    margin-top: calc((-60 / 1280) * 100vw);
  }
  #sec05 .block03 .flex_wrap {
    max-width: calc((920 / 1280) * 100vw);
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #sec05 .block03 .group {
    position: relative;
    max-width: calc((260 / 1280) * 100vw);
    margin: unset;
    display: block;
    width: 100%;
    margin-bottom: calc((60 / 1280) * 100vw);
  }
  #sec05 .block03 .group:nth-child(2),
  #sec05 .block03 .group:nth-child(5) {
    margin: 0 calc((60 / 1280) * 100vw);
  }
  #sec05 .block03 .group:nth-child(n + 4) {
    margin-bottom: calc((40 / 1280) * 100vw);
  }
  #sec05 .block03 .group:nth-child(-n + 3) {
  }

  #sec05 .block03 .group07 .text01 {
    font-size: calc((14 / 1280) * 100vw);
  }
  #sec05 .block03 .group07 {
    max-width: calc((1000 / 1280) * 100vw);
    margin-bottom: calc((20 / 1280) * 100vw);
  }

  #sec05 .block03 .group .speech {
    position: absolute;
    width: calc((104 / 1280) * 100vw);
    height: calc((104 / 1280) * 100vw);
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    left: calc((-40 / 1280) * 100vw);
    top: calc((-40 / 1280) * 100vw);
  }
  #sec05 .block03 .group .speech .text01 {
    font-size: calc((12 / 1280) * 100vw);
    line-height: 1;
  }
  #sec05 .block03 .group .speech .text02 {
    font-size: calc((58 / 1280) * 100vw);
    line-height: 1;
    margin-top: calc((-7 / 1280) * 100vw);
  }
  #sec05 .block03 .group .speech .text03 {
    font-size: calc((20 / 1280) * 100vw);
    line-height: 1;
    margin-top: calc((-4 / 1280) * 100vw);
  }
  #sec05 .block03 .group .speech .text04 {
    font-size: calc((12 / 1280) * 100vw);
    line-height: 1;
    position: absolute;
    right: calc((10 / 1280) * 100vw);
    bottom: calc((54 / 1280) * 100vw);
  }
  #sec05 .block03 .group .img_area {
    max-width: calc((260 / 1280) * 100vw);
    width: 100%;
    margin-bottom: calc((15 / 1280) * 100vw);
  }
  #sec05 .block03 .group .text_area {
    max-width: calc((260 / 1280) * 100vw);
    width: 100%;
  }
  #sec05 .block03 .group .text_area .text01 {
    font-size: calc((26 / 1280) * 100vw);
    color: #fff;
    border-top-right-radius: calc((13 / 1280) * 100vw);
    border-bottom-left-radius: calc((13 / 1280) * 100vw);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc((40 / 1280) * 100vw);
  }
  #sec05 .block03 .group .text_area .text02 {
    font-size: calc((16 / 1280) * 100vw);
    /* letter-spacing: -0.3em; */
  }

  #sec05 .block03 .group.group01 .text_area .text01 {
    background-color: #a3bc2d;
  }
  #sec05 .block03 .group.group02 .text_area .text01 {
    background-color: #f2bb00;
  }
  #sec05 .block03 .group.group03 .text_area .text01 {
    background-color: #d5352d;
  }
  #sec05 .block03 .group.group04 .text_area .text01 {
    background-color: #5f9b35;
  }
  #sec05 .block03 .group.group05 .text_area .text01 {
    background-color: #77331c;
  }
  #sec05 .block03 .group.group06 .text_area .text01 {
    background-color: #ffff00;
    border: solid calc((1 / 1280) * 100vw) #0083ca;
    color: #0083ca;
  }

  #sec05 .block03 .group.group01 .speech {
    background-color: #a3bc2d;
  }
  #sec05 .block03 .group.group02 .speech {
    /* background-color: #a3bc2d; */
  }
  #sec05 .block03 .group.group03 .speech {
    background-color: #d5352d;
  }
  #sec05 .block03 .group.group04 .speech {
    background-color: #5f9b35;
  }
  #sec05 .block03 .group.group05 .speech {
    background-color: #77331c;
  }
  #sec05 .block03 .group.group06 .speech {
    background-color: #ffff00;
    color: #0083ca;
    border: solid calc((1 / 1280) * 100vw) #0083ca;
  }
  #sec06 {
  }
  #sec06 .wrap {
    margin-top: calc((-300 / 1280) * 100vw);
  }
  #sec06 .inner {
    padding-top: calc((40 / 750) * 100vw);
    padding-bottom: calc((0 / 1280) * 100vw);
    margin-top: calc((-10 / 1280) * 100vw);
  }
  #sec06 .block01 {
    line-height: 0;
  }
  #sec06 .block02 {
    position: relative;
    margin-bottom: calc((50 / 1280) * 100vw);
  }
  #sec06 .block02 .group01 {
    text-align: center;
    max-width: calc((690 / 1280) * 100vw);
    margin-bottom: calc((90 / 1280) * 100vw);
  }
  #sec06 .block02 .group01 .text {
    font-size: calc((65 / 1280) * 100vw);
    display: inline-block;
    line-height: 1;
    position: relative;
  }

  #sec06 .block02 .group01 .text .color01 {
    position: relative;
    z-index: 1;
    color: #fff;
  }
  #sec06 .block02 .group01 .text .color02 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-text-stroke: calc((13 / 1280) * 100vw) #00609a;
    text-stroke: 2px black;
    paint-order: stroke;
  }

  #sec06 .block02 .group01 .text01 {
    transform: translateY(calc((29 / 1280) * 100vw)) rotate(-10deg);
    transform: translate(calc((-1 / 1280) * 100vw), calc((32 / 1280) * 100vw)) rotate(-15deg);
  } /* 実 */
  #sec06 .block02 .group01 .text02 {
    transform: translateY(calc((16 / 1280) * 100vw)) rotate(-11deg);
    transform: translate(calc((8 / 1280) * 100vw), calc((11 / 1280) * 100vw)) rotate(-14deg);
  } /* 際 */
  #sec06 .block02 .group01 .text03 {
    transform: translateY(calc((6 / 1280) * 100vw)) rotate(-8deg);
    transform: translate(calc((11 / 1280) * 100vw), calc((-4 / 1280) * 100vw)) rotate(-10deg);
  } /* に */
  #sec06 .block02 .group01 .text04 {
    transform: translate(calc((17 / 1280) * 100vw), calc((-18 / 1280) * 100vw)) rotate(-7deg);
  } /* 食 */
  #sec06 .block02 .group01 .text05 {
    transform: translateY(calc((-6 / 1280) * 100vw)) rotate(2deg);
    transform: translate(calc((23 / 1280) * 100vw), calc((-14 / 1280) * 100vw)) rotate(0deg);
  } /* べ */
  #sec06 .block02 .group01 .text06 {
    transform: translate(calc((30 / 1280) * 100vw), calc((-12 / 1280) * 100vw)) rotate(10deg);
  } /* て */
  #sec06 .block02 .group01 .text07 {
    transform: translate(calc((30 / 1280) * 100vw), calc((0 / 1284) * 100vw)) rotate(10deg);
  } /* も */
  #sec06 .block02 .group01 .text08 {
    transform: translate(calc((21 / 1280) * 100vw), calc((10 / 1280) * 100vw)) rotate(15deg);
  } /* ら */
  #sec06 .block02 .group01 .text09 {
    transform: translate(calc((38 / 1280) * 100vw), calc((38 / 1280) * 100vw)) rotate(15deg);
  } /* い */

  #sec06 .block02 .group02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #sec06 .block02 .group02 .text01 {
    font-size: calc((100 / 1280) * 100vw);
    /* display: flex; */
    /* justify-content: center; */
    text-align: center;
    letter-spacing: 0;
    margin-bottom: calc((0 / 1280) * 100vw);
  }
  #sec06 .block02 .group02 .text02 {
    font-size: calc((70 / 1280) * 100vw);
    display: inline-block;
    line-height: 1;
    position: relative;
  }
  #sec06 .block02 .group02 .text .color01 {
    /* position: relative; */
    /* z-index: 1; */
    /* color: #ffff00; */
  }
  #sec06 .block02 .group02 .text .color02 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-text-stroke: calc((13 / 1280) * 100vw) #00609a;
    text-stroke: 2px black;
    paint-order: stroke;
  }
  #sec06 .block02 .group03 {
    width: calc((850 / 1280) * 100vw);
    top: calc((20 / 1280) * 100vw);
  }
  #sec06 .block02 .group03 .line {
    width: calc((52 / 1280) * 100vw);
  }
  #sec06 .block02 .group03 .line.left {
  }
  #sec06 .block02 .group03 .line.right {
  }

  #sec06 .block03 {
    position: relative;
    max-width: calc((980 / 1280) * 100vw);
    width: 100%;
    margin: auto;
    margin-bottom: calc((40 / 1280) * 100vw);
  }
  #sec06 .block03 .group01 {
    max-width: calc((400 / 1280) * 100vw);
    width: 100%;
    margin: auto;
    z-index: 1;
  }
  #sec06 .block03 .group01 .head {
    position: relative;
    max-width: calc((340 / 1280) * 100vw);
    margin: auto;
  }
  #sec06 .block03 .group01 .head .text01 {
    margin-top: calc((-37 / 1280) * 100vw);
  }
  #sec06 .block03 .group01 .head .text01 .cp01 {
    font-size: calc((30 / 1280) * 100vw);
    margin-left: calc((-15 / 1280) * 100vw);
    top: calc((-5 / 1280) * 100vw);
    position: relative;
  }
  #sec06 .block03 .group01 .head .text01 .cp02 {
    font-size: calc((33 / 1280) * 100vw);
  }
  #sec06 .block03 .group01 .head .text01 .cp03 {
    font-size: calc((30 / 1280) * 100vw);
  }
  #sec06 .block03 .group01 .head .text01 .cp04 {
    font-size: calc((25 / 1280) * 100vw);
    margin-top: calc((11 / 1276) * 100vw);
  }
  #sec06 .block03 .group01 .head .text01 .cp05 {
    font-size: calc((15 / 1280) * 100vw);
    position: absolute;
    right: calc((-10 / 1280) * 100vw);
    top: calc((15 / 1280) * 100vw);
  }
  #sec06 .block03 .group02 {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: calc((120 / 1280) * 100vw);
    width: 100%;
  }
  #sec06 .block03 .group02 .flex_group {
    max-width: calc((250 / 1280) * 100vw);
    width: 100%;
  }
  #sec06 .block03 .group02 .flex_group:nth-child(1) {
    left: calc((10 / 1280) * 100vw);
  }
  #sec06 .block03 .group02 .flex_group:nth-child(2) {
    right: calc((10 / 1280) * 100vw);
  }
  #sec06 .block03 .group02 .flex_inner {
    max-width: unset;
  }
  #sec06 .block03 .group02 .head {
    position: relative;
  }
  #sec06 .block03 .group02 .head .text01 {
    position: absolute;
    color: #fff;
    right: 0;
    left: calc((28 / 1280) * 100vw);
    top: calc((7 / 1280) * 100vw);
    bottom: 0;
    margin: auto;
  }
  #sec06 .block03 .group02 .head .text01 .cp01 {
    font-size: calc((22 / 1280) * 100vw);
  }
  #sec06 .block03 .group02 .head .text01 .cp02 {
    font-size: calc((17 / 1280) * 100vw);
  }
  #sec06 .block03 .group02 .head .text01 .cp03 {
    font-size: calc((11 / 1280) * 100vw);
    position: absolute;
    right: calc((20 / 1280) * 100vw);
    top: calc((-25 / 1280) * 100vw);
  }
  #sec06 .block03 .group02 .head .text02 {
    position: absolute;
    color: #fff;
    right: 0;
    left: calc((64 / 1280) * 100vw);
    top: calc((8 / 1280) * 100vw);
    bottom: 0;
    margin: auto;
  }
  #sec06 .block03 .group02 .head .text02 .cp01 {
    font-size: calc((22 / 1280) * 100vw);
  }
  #sec06 .block03 .group02 .head .text02 .cp02 {
    font-size: calc((11 / 1280) * 100vw);
    position: absolute;
    right: calc((20 / 1280) * 100vw);
    top: calc((-25 / 1280) * 100vw);
  }

  #sec06 .block04 {
    max-width: calc((1140 / 1280) * 100vw);
    margin: auto;
    display: flex;
    margin-bottom: calc((40 / 1280) * 100vw);
    justify-content: space-between;
  }
  #sec06 .block04 .group {
    /* position: relative; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    margin-bottom: 0;
    max-width: calc((370 / 1280) * 100vw);
    width: 100%;
  }
  #sec06 .block04 .group .group_inner {
    /* position: absolute; */
    /* display: flex; */
    max-width: calc((300 / 1280) * 100vw);
    margin-top: calc((-30 / 1280) * 100vw);
    /* justify-content: space-between; */
    /* align-items: center; */
    width: 100%;
  }

  #sec06 .block04 .group .img_area {
    max-width: calc((100 / 1280) * 100vw);
  }
  #sec06 .block04 .group .text_area {
    max-width: calc((180 / 1280) * 100vw);
  }
  #sec06 .block04 .group .text_area p {
    font-size: calc((14 / 1280) * 100vw);
    word-break: break-all;
  }
  #sec06 .block05 {
    max-width: calc((920 / 1280) * 100vw);
    margin: auto;
    color: #004385;
  }
  #sec06 .block05 .group01 {
    border: unset;
    height: auto;
    margin-bottom: calc((10 / 1280) * 100vw);
    position: relative;
  }
  #sec06 .block05 .group01 .text01 {
    text-align: center;
    font-size: calc((20 / 1280) * 100vw);
  }
  #sec06 .block05 .group01 .text01::before,
  #sec06 .block05 .group01 .text01::after {
    content: "";
    position: absolute;
    width: 43%;
    height: calc((1 / 1280) * 100vw);
    background-color: #004385;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  #sec06 .block05 .group01 .text01::before {
    left: 0;
  }
  #sec06 .block05 .group01 .text01::after {
    right: 0;
  }
  #sec06 .block05 .group02 {
  }

  #sec06 .block05 .group02 table {
    width: 100%;
    font-size: calc((12 / 1280) * 100vw);
  }
  #sec06 .block05 .group02 table tr {
    /* width: 100%; */
    /* display: flex; */
    /* justify-content: space-between; */
  }
  #sec06 .block05 .group02 .table01 {
    border-bottom: solid calc((1 / 1280) * 100vw) #004385;
    padding-bottom: calc((20 / 1280) * 100vw);
    margin-bottom: calc((20 / 1280) * 100vw);
  }

  #sec06 .block05 .group02 table td {
    max-width: calc((475 / 1280) * 100vw);
    width: 100%;
  }
  #sec06 .block05 .group02 table th {
    max-width: calc((97 / 1280) * 100vw);
    width: 100%;
  }

  #sec06 .block05 .group02 table td {
    max-width: calc((845 / 1280) * 100vw);
    width: 100%;
  }
  #sec06 .block05 .group02 table th {
    max-width: calc((80 / 1280) * 100vw);
    width: 100%;
    position: relative;
    text-align: left;
  }
  #sec06 .block05 .group02 table th span {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  #sec06 .block05 .group02 .table01 th {
    letter-spacing: 0.2em;
  }
  #sec06 .block05 .group02 .table01 td {
  }
  #sec06 .block05 .group02 .table02 th {
  }
  #sec06 .block05 .group02 .table02 td {
  }

  #sec06 .graph .percent-graph {
    position: relative;
    max-width: calc((360 / 1280) * 100vw);
    width: 100%;
    margin: auto;
    aspect-ratio: 1 / 1;
  }
  #sec06 .graph .ring-bg,
  #sec06 .graph .ring-progress {
    stroke-width: calc((4 / 1280) * 100vw);
  }

  /* 真ん中の数字 */
  #sec06 .graph .graph-center {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
  }

  #sec06 .graph .percent-number {
    align-items: flex-end;
    gap: calc((4 / 1280) * 100vw);
  }

  #sec06 .graph .num-box,
  #sec06 .graph .decimal-box {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: #006eaf;
    /* font-family: Arial, sans-serif; */
    font-weight: 800;
  }

  #sec06 .graph .num-box {
    width: calc((65 / 1280) * 100vw);
    height: calc((95 / 1280) * 100vw);
    font-size: calc((100 / 1280) * 100vw);
    background: #fff;
  }

  #sec06 .graph .decimal-box {
    width: calc((35 / 1280) * 100vw);
    height: calc((50 / 1280) * 100vw);
    font-size: calc((50 / 1280) * 100vw);
  }

  #sec06 .graph .dot,
  #sec06 .graph .unit {
    color: #006eaf;
    /* font-family: Arial, sans-serif; */
    /* font-weight: 800; */
  }

  #sec06 .graph .dot {
    font-size: calc((40 / 1280) * 100vw);
    /* line-height: 0.9; */
    /* margin: 0 2px 0 1px; */
  }

  #sec06 .graph .unit {
    font-size: calc((50 / 1280) * 100vw);
    /* margin-left: 2px; */
  }
  #sec06 .block03 .group02 .graph .percent-number {
  }
  #sec06 .block03 .group02 .graph .num-box {
    width: calc((45 / 1280) * 100vw);
    height: calc((60 / 1280) * 100vw);
    font-size: calc((70 / 1280) * 100vw);
  }

  #sec06 .block03 .group02 .graph .decimal-box {
    width: calc((20 / 1280) * 100vw);
    height: calc((30 / 1280) * 100vw);
    font-size: calc((30 / 1280) * 100vw);
  }

  #sec06 .block03 .group02 .graph .dot {
    font-size: calc((36 / 1280) * 100vw);
  }

  #sec06 .block03 .group02 .graph .unit {
    font-size: calc((40 / 1280) * 100vw);
    line-height: 0.9;
    /* margin-left: 2px; */
  }
  #sec07 {
  }
  #sec07 .wrap {
    margin-top: calc((-10 / 1280) * 100vw);
  }
  #sec07 .inner {
    padding-top: calc((0 / 1280) * 100vw);
    padding-bottom: calc((0 / 1280) * 100vw);
    margin-top: calc((-10 / 1280) * 100vw);
  }
  #sec07 .block01 {
    line-height: 0;
  }
  #sec07 .block02 {
    /* max-width: calc((404 / 1280) * 100vw); */
    /* width: 100%; */
    position: relative;
  }
  #sec07 .block02 .group01 {
    position: relative;
    max-width: calc((404 / 1280) * 100vw);
    width: 100%;
    margin: auto;
    margin-left: calc((180 / 1280) * 100vw);
  }

  #sec07 .block02 .group01 .group_inner {
    transform: rotate(-16deg);
    left: calc((-44 / 1280) * 100vw);
    top: calc((-7 / 1280) * 100vw);
  }
  #sec07 .block02 .group01 .speech {
  }
  #sec07 .block02 .group01 .text {
    color: #ff7a05;
  }
  #sec07 .block02 .group01 .text01 {
    font-size: calc((38 / 1280) * 100vw);
    left: calc((10 / 1280) * 100vw);
    margin-bottom: calc((0 / 1280) * 100vw);
  }
  #sec07 .block02 .group01 .text02 {
    font-size: calc((60 / 1280) * 100vw);
    left: calc((35 / 1280) * 100vw);
  }
  #sec07 .block02 .group02 {
    /* position: relative; */
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: center; */
    margin-top: calc((-20 / 1280) * 100vw);
    margin-bottom: calc((0 / 1280) * 100vw);
  }
  #sec07 .block02 .group02 .text {
    font-size: calc((110 / 1280) * 100vw);
    line-height: 1;
    transform: skewX(-12deg) rotate(-8deg);
    letter-spacing: -0.08em;
    left: calc((80 / 1280) * 100vw);
    top: calc((-90 / 1280) * 100vw);
  }
  #sec07 .block02 .group02 .text02 {
    left: calc((150 / 1280) * 100vw);
    margin-top: calc((-10 / 1280) * 100vw);
  }
  #sec07 .block02 .group02 .text .color01 {
    /* color: #fff; */
    /* z-index: 1; */
    /* position: relative; */
  }
  #sec07 .block02 .group02 .text .color02 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-text-stroke: calc((13 / 1280) * 100vw) #00bedf;
    text-stroke: 2px black;
    paint-order: stroke;
    color: #00bedf;
  }
  #sec07 .block02 .group02 .text01 {
  }
  #sec07 .block02 .group02 .text02 {
  }
  #sec07 .block03 {
  }
  #sec07 .block03 .group {
    display: flex;
    flex-direction: row-reverse;
    max-width: calc((1020 / 1280) * 100vw);
    margin: auto;
    align-items: center;
    margin-top: calc((-60 / 1280) * 100vw);
  }
  #sec07 .block03 .group:nth-child(2) {
    flex-direction: row;
  }
  #sec07 .block03 .img_area {
    max-width: calc((420 / 1280) * 100vw);
    width: 100%;
    /* margin: auto; */
    /* margin-left: calc((40 / 1280) * 100vw); */
    margin-left: calc((20 / 1280) * 100vw);
    margin-bottom: calc((0 / 1280) * 100vw);
  }
  #sec07 .block03 .group02 .img_area {
    /* margin-left: 0; */
    margin-left: auto;
    margin-right: calc((40 / 1280) * 100vw);
  }
  #sec07 .block03 .group01 {
    margin-left: calc((220 / 1280) * 100vw);
  }
  #sec07 .block03 .group02 {
    margin-left: calc((80 / 1280) * 100vw);
    margin-top: calc((-40 / 1280) * 100vw);
  }
  #sec07 .block03 .group03 {
    margin-left: calc((220 / 1280) * 100vw);
    margin-top: calc((-40 / 1280) * 100vw);
  }
  #sec07 .block03 .text_area {
    text-align: center;
  }
  #sec07 .block03 .text_area .text01 {
    font-size: calc((52 / 1280) * 100vw);
    margin-bottom: calc((10 / 1280) * 100vw);
  }
  #sec07 .block03 .text_area .text02 {
    color: #fff;
    font-size: calc((23 / 1280) * 100vw);
    text-align: left;
  }
  #sec08 {
  }
  #sec08 .wrap {
    margin-top: calc((-10 / 1280) * 100vw);
  }
  #sec08 .inner {
    padding-top: calc((40 / 1280) * 100vw);
    padding-bottom: calc((40 / 1280) * 100vw);
    margin-top: calc((-10 / 1280) * 100vw);
  }
  #sec08 .block01 {
  }
  #sec08 .block02 {
    position: relative;
  }
  #sec08 .block02 .group01 {
  }
  #sec08 .block02 .group01 .text01 {
    font-size: calc((45 / 1280) * 100vw);
    text-align: center;
  }
  #sec08 .block02 .group02 {
    text-align: center;
  }
  #sec08 .block02 .group02 .text01 {
    font-size: calc((80 / 1280) * 100vw);
    color: #ff7a05;
    margin-bottom: calc((20 / 1280) * 100vw);
  }
  #sec08 .block02 .group02 .text02 {
    font-size: calc((74 / 1280) * 100vw);
    color: #ff7a05;
  }
  #sec08 .block02 .group02 .text03 {
    font-size: calc((80 / 1280) * 100vw);
    color: #00bedf;
  }
  #sec08 .block02 .group03 {
    margin-bottom: calc((70 / 1280) * 100vw);
  }
  #sec08 .block02 .group03 .img_area {
    width: calc((395 / 1280) * 100vw);
    right: calc((-190 / 1280) * 100vw);
  }
  #sec08 .block02 .group03 .text_area {
    width: calc((215 / 1280) * 100vw);
    height: calc((215 / 1280) * 100vw);
    left: calc((-185 / 1280) * 100vw);
  }
  #sec08 .block02 .group03 .text_area .text01 {
    font-size: calc((87 / 1280) * 100vw);
    margin-top: calc((-40 / 1280) * 100vw);
  }
  #sec08 .block02 .group03 .text_area .text01 .sc01 {
    font-size: calc((85 / 1280) * 100vw);
  }
  #sec08 .block02 .group03 .text_area .text01 .sc02 {
    font-size: calc((43 / 1280) * 100vw);
  }
  #sec08 .block02 .group03 .text_area .text02 {
    margin-top: calc((-35 / 1280) * 100vw);
  }
  #sec08 .block02 .group03 .text_area .text02 .sc01 {
    font-size: calc((85 / 1280) * 100vw);
  }
  #sec08 .block02 .group03 .text_area .text02 .sc02 {
    font-size: calc((45 / 1280) * 100vw);
  }
  #sec08 .block02 .group04 {
    top: calc((-110 / 1280) * 100vw);
    width: calc((1054 / 1280) * 100vw);
  }
  #sec08 .block02 .group05 {
    max-width: calc((1067 / 1280) * 100vw);
    margin-bottom: calc((40 / 1280) * 100vw);
  }
  #sec08 .block03 {
    display: flex;
    max-width: calc((1070 / 1280) * 100vw);
    width: 100%;
    margin: auto;
  }
  #sec08 .block03 .group {
    max-width: calc((500 / 1280) * 100vw);
    border: solid calc((6 / 1280) * 100vw) #f14d8b;
    border-radius: calc((20 / 1280) * 100vw);
  }
  #sec08 .block03 .group .text_area01 {
    border-bottom: solid calc((6 / 1280) * 100vw) #f14d8b;
  }
  #sec08 .block03 .group .text_area01 .text01 {
    left: calc((20 / 1280) * 100vw);
    padding-bottom: calc((20 / 1280) * 100vw);
  }
  #sec08 .block03 .group .text_area01 .text01 .sc01 {
    font-size: calc((83 / 1280) * 100vw);
  }
  #sec08 .block03 .group .text_area01 .text01 .sc02 {
    font-size: calc((42 / 1280) * 100vw);
  }
  #sec08 .block03 .group .text_area02 {
    width: calc((105 / 1280) * 100vw);
    height: calc((105 / 1280) * 100vw);
    top: calc((-20 / 1280) * 100vw);
    right: calc((20 / 1280) * 100vw);
  }
  #sec08 .block03 .group .text_area02 .text01 {
    font-size: calc((27 / 1280) * 100vw);
    line-height: 1;
    margin-top: calc((-20 / 1280) * 100vw);
  }
  #sec08 .block03 .group .text_area02 .text01 .sc01 {
    font-size: calc((43 / 1280) * 100vw);
  }
  #sec08 .block03 .group .text_area02 .sc02 {
    font-size: calc((23 / 1280) * 100vw);
  }
  #sec08 .block03 .group .text_area02 .text02 {
    line-height: 1;
    margin-top: calc((-15 / 1280) * 100vw);
  }
  #sec08 .block03 .group .text_area02 .text02 .sc01 {
    font-size: calc((43 / 1280) * 100vw);
  }
  #sec08 .block03 .group .text_area02 .text02 .sc02 {
    font-size: calc((23 / 1280) * 100vw);
  }
  #sec08 .block03 .group .text_area03 {
    text-align: center;
  }
  #sec08 .block03 .group .text_area03 .text01 {
  }
  #sec08 .block03 .group .text_area03 .text01 .sc01 {
    font-size: calc((77 / 1280) * 100vw);
  }
  #sec08 .block03 .group .text_area03 .text01 .sc02 {
    font-size: calc((40 / 1280) * 100vw);
  }
  #sec08 .block03 .group .text_area03 .text01 .sc03 {
    font-size: calc((112 / 1280) * 100vw);
    color: #f14d8b;
  }
  #sec08 .block03 .group .text_area03 .text01 .sc04 {
    font-size: calc((40 / 1280) * 100vw);
  }
  #sec08 .block03 .group .text_area04 {
    text-align: center;
  }
  #sec08 .block03 .group .text_area04 .text01 {
    font-size: calc((34 / 1280) * 100vw);
  }
  #sec08 .block03 .group .text_area05 {
    height: calc((59 / 1280) * 100vw);
    border-bottom-left-radius: calc((13 / 1280) * 100vw);
    border-bottom-right-radius: calc((13 / 1280) * 100vw);
  }
  #sec08 .block03 .group .text_area05 .text01 {
    top: calc((-4 / 1280) * 100vw);
  }
  #sec08 .block03 .group .text_area05 .text01 .sc01 {
    font-size: calc((40 / 1280) * 100vw);
    font-weight: bold;
  }
  #sec08 .block03 .group .text_area05 .text01 .sc02 {
    font-size: calc((46 / 1280) * 100vw);
    top: calc((1 / 1280) * 100vw);
    margin-left: calc((5 / 1280) * 100vw);
  }
  #sec08 .block03 .group .text_area05 .text01 .sc03 {
    font-size: calc((30 / 1280) * 100vw);
    font-weight: bold;
  }
  #sec08 .block03 .group02 {
    border-color: #6ebe00;
  }
  #sec08 .block03 .group02 .text_area01 .text01 {
    color: #6ebe00;
    border-color: #6ebe00;
  }
  #sec08 .block03 .group02 .text_area03 .text01 .sc03 {
    color: #6ebe00;
  }
  #sec08 .block03 .group02 .text_area05 {
    background-color: rgb(110 190 0 / 30%);
  }

  #sec08 .block04 {
    align-items: center;
    width: calc((600 / 1280) * 100vw);
    height: calc((100 / 1280) * 100vw);
    border: solid calc((4 / 1280) * 100vw) #fff;
    border-radius: calc((100 / 1280) * 100vw);
  }
  #sec08 .block04 a {
  }
  #sec08 .block04 a .text01 {
    font-size: calc((40 / 1280) * 100vw);
  }
  #sec08 .block04 a .bg{
    border: solid calc((4 / 1280) * 100vw) #fff;
    border-radius: calc((100 / 1280) * 100vw);
    transition: scale .3s cubic-bezier(.34, 1.56, .64, 1);
  }
  #sec09 {
  }
  #sec09 .wrap {
    margin-top: calc((-10 / 1280) * 100vw);
  }
  #sec09 .inner {
    padding-top: calc((0 / 1280) * 100vw);
    padding-bottom: calc((80 / 1280) * 100vw);
    margin-top: calc((-10 / 1280) * 100vw);
  }

  #sec09 .block02 {
    margin-bottom: calc((40 / 1280) * 100vw);
  }

  #sec09 .block02 .group01 {
    text-align: center;
  }
  #sec09 .block02 .group01 .text01 {
    font-size: calc((65 / 1280) * 1.2 * 100vw);
  }
  #sec09 .block03 {
  }
  #sec09 .block03 {
    max-width: calc((920 / 1280) * 100vw);
    margin: auto;
    width: 100%;
  }

  #sec09 .block03 .accordion_one {
    background-color: #fff;
    border-radius: calc((20 / 1280) * 100vw);
    margin-bottom: calc((20 / 1280) * 100vw);
  }
  #sec09 .block03 .accordion_one .accordion_header {
    height: calc((95 / 1280) * 100vw);
    display: flex;
    align-items: center;
    position: relative;
  }
  #sec09 .block03 .accordion_one.accordion_02 .box_one img {
    max-width: calc((240 / 1280) * 100vw);
    margin-top: calc((20 / 1280) * 100vw);
  }
  #sec09 .block03 .accordion_one .accordion_header:hover {
    opacity: 0.8;
  }
  #sec09 .block03 .accordion_one .accordion_header .i_box {
    width: calc((28 / 1280) * 100vw);
    right: calc((40 / 1280) * 100vw);
  }
  #sec09 .block03 .accordion_one .accordion_header .i_box .arrow {
    width: calc((15 / 1280) * 100vw);
    height: calc((15 / 1280) * 100vw);
    border: 3px solid currentColor;
    border-left: 0;
    border-bottom: 0;
  }
  #sec09 .block03 .accordion_one .accordion_header.open .i_box {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
  #sec09 .block03 .accordion_one .accordion_header .i_box .one_i:before,
  .s_01 .accordion_one .accordion_header .i_box .one_i:after {
    display: flex;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    width: 18px;
    height: 4px;
    position: absolute;
    top: 7px;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: center center;
  }
  #sec09 .block03 .accordion_one .accordion_header .i_box .one_i:before {
    width: 4px;
    height: 18px;
    top: 0;
    left: 7px;
  }
  #sec09 .block03 .accordion_one .accordion_header.open .i_box .one_i:before {
    content: none;
  }
  #sec09 .block03 .accordion_one .accordion_header.open .i_box .one_i:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #sec09 .block03 .accordion_one .accordion_inner {
    display: none;
    /* border-top: solid calc((2 / 1280) * 100vw) #000; */
    padding: 0 calc((30 / 1280) * 100vw);
  }
  #sec09 .block03 .accordion_one .accordion_inner .box_one {
    border-top: solid calc((2 / 1280) * 100vw) #000;
    padding-bottom: calc((20 / 1280) * 100vw);
  }
  #sec09 .block03 .accordion_one .accordion_header .text01 {
    font-size: calc((20 / 1280) * 100vw);
    left: calc((40 / 1280) * 100vw);
  }
  #sec09 .block03 .accordion_one .accordion_inner .text02 {
    font-size: calc((20 / 1280) * 100vw);
    padding: calc((20 / 1280) * 100vw);
  }
  .modal {
  }
  .modal .wrap {
    /* position: relative; */
    /* border-radius: calc((40 / 1280) * 100vw); */
    /* border: solid calc((7 / 1280) * 100vw) #6ebe00; */
    padding: calc((40 / 1280) * 100vw);
  }
  .modal .inner {
    border-radius: calc((35 / 1280) * 100vw);
    border: solid calc((5 / 1280) * 100vw) #6ebe00;
    max-width: calc((920 / 1280) * 100vw);
    margin: auto;
    width: 100%;
  }
  .modal .modal_close {
    width: calc((47 / 1280) * 100vw);
    height: calc((47 / 1280) * 100vw);
    background-color: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    position: absolute;
    right: calc((20 / 1280) * 100vw);
    transform: rotate(45deg);
    top: calc((20 / 1280) * 100vw);
  }
  .modal .modal_close .cross {
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    line-height: 1;
    width: calc((17 / 1280) * 100vw);
    height: calc((2 / 1280) * 100vw);
    background: currentColor;
    /* border-radius: 0.1em; */
    position: relative;
  }
  .modal .modal_close .cross::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    transform: rotate(90deg);
  }
  .modal .modal_content {
    max-width: calc((785 / 1280) * 100vw);
    margin: auto;
    width: 100%;
    padding: calc((80 / 1280) * 100vw) 0;
  }
  .modal .flex_wrap {
    display: flex;
    justify-content: space-between;
  }
  .modal .flex_wrap .flex_group {
    /* width: 46%; */
    margin-bottom: calc((0 / 1280) * 100vw);
  }
  .modal01 {
  }
  .modal01 .group01 .text01 {
    margin-bottom: calc((5 / 1280) * 100vw);
  }
  .modal01 .group01 .text01 .sc01 {
    font-size: calc((38 / 1280) * 100vw);
  }
  .modal01 .group01 .text02 {
    margin-bottom: calc((40 / 1280) * 100vw);
  }
  .modal01 .group01 .text02 .color01 {
  padding: calc((5 / 1280) * 100vw);
  padding-bottom: calc((10 / 1280) * 100vw);
  padding-top: calc((0 / 1280) * 100vw);
  }
  .modal01 .group01 .text02 .sc01 {
    font-size: calc((50 / 1280) * 1.7 * 100vw);
  }
  .modal01 .group01 .text02 .sc02 {
    font-size: calc((46 / 1280) * 100vw);
    display: inline-block;
    margin-top: calc((15 / 1280) * 100vw);
  }
  .modal01 .group01 .text02 .sc03 {
    font-size: calc((50 / 1280) * 1.4 * 100vw);
  }
  .modal01 .group01 .text03 {
  }
  .modal01 .group01 .text03 .sc01 {
    font-size: calc((60 / 1280) * 100vw);
  }
  .modal01 .group02 {
  }
  .modal01 .group03 {
    margin-bottom: calc((20 / 1280) * 100vw);
  }
  .modal01 .group03 .group_inner {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: solid calc((2 / 1280) * 100vw) #000;
    border-top: solid calc((2 / 1280) * 100vw) #000;
    padding: calc((10 / 1280) * 100vw) 0;
  }
  .modal01 .group03 .text01 {
  }
  .modal01 .group03 .text01 .sc01 {
    font-size: calc((17 / 1280) * 100vw);
    font-weight: bold;
  }
  .modal01 .group03 .text02 {
  }
  .modal01 .group03 .text02 .sc01 {
    font-size: calc((25 / 1280) * 100vw);
  }
  .modal01 .group03 .text02 .sc02 {
    font-size: calc((13 / 1280) * 100vw);
    font-weight: bold;
  }

  .modal01 .group04 {
  }
  .modal01 .group04 .flex_group {
    width: 100%;
    margin-bottom: calc((10 / 1280) * 100vw);
  }
  .modal01 .group04 .flex_group .text01 {
    font-size: calc((6 / 1280) * 100vw);
    max-width: calc((300 / 1280) * 100vw);
    width: 100%;
  }
  .modal01 .group04 .flex_group .icon {
    max-width: calc((21 / 1280) * 100vw);
    width: 100%;
    display: flex;
    justify-content: end;
  }
  .modal01 .group04 .flex_group01 .icon span {
    width: calc((43 / 1280) * 100vw);
    height: calc((7 / 1280) * 100vw);
    display: block;
    background-color: #00bedf;
  }
  .modal01 .group04 .flex_group02 .icon span {
    width: calc((10 / 1280) * 100vw);
    height: calc((10 / 1280) * 100vw);
    display: block;
    border-radius: 50%;
    border: solid calc((3 / 1280) * 100vw) #ff7a05;
  }
  .modal01 .group05 {
  }
  .modal01 .group05 .text01 {
    font-size: calc((10 / 1280) * 100vw);
  }
  .modal01 .group06 {
    margin-bottom: calc((20 / 1280) * 100vw);
  }
  .modal01 .group06 .text01 {
    font-size: calc((24 / 1280) * 100vw);
    font-weight: 900;
  }
  .modal01 .group06 .text02 {
    font-size: calc((10 / 1280) * 100vw);
    font-weight: 900;
  }
  .modal01 .group07 {
    margin-bottom: calc((10 / 1280) * 100vw);
  }
  .modal01 .group08 {
  }
  .modal01 .group08 .text01 {
    font-size: calc((6 / 1280) * 100vw);
  }

  .modal02 {
  }
  .modal02 .group01 {
    margin-bottom: calc((20 / 750) * 100vw);
  }
  .modal02 .group01 .text01 {
  }
  .modal02 .group01 .text01 .sc01 {
    font-size: calc((38 / 1280) * 100vw);
    font-weight: 900;
  }
  .modal02 .group01 .text02 {
  }
  .modal02 .group01 .text02 .sc01 {
    font-size: calc((48 / 1280) * 1.4 * 100vw);
  }
  .modal02 .group01 .text02 .color01 {
    color: #cf102a;
    background-color: #ffff00;
    display: inline-block;
    padding: calc((5 / 1280) * 100vw);
    padding-bottom: calc((0 / 1280) * 100vw);
    padding-top: calc((0 / 1280) * 100vw);
    margin-right: calc((5 / 1280) * 100vw);
  }
  .modal02 .group01 .text02 .sc02 {
    font-size: calc((48 / 1280) * 100vw);
  }
  .modal02 .group01 .text03 {
  }
  .modal02 .group01 .text03 .color01 {
    color: #cf102a;
    background-color: #ffff00;
    display: inline-block;
  }
  .modal02 .group01 .text03 .sc01 {
    font-size: calc((52 / 1280) * 1.4 * 100vw);
  }
  .modal02 .group01 .text03 .sc02 {
    font-size: calc((48 / 1280) * 100vw);
  }
  .modal02 .group03 {
    margin-bottom: calc((20 / 1280) * 100vw);
    border-bottom: solid calc((2 / 1280) * 100vw) #000;
  }
  .modal02 .group03 .group_inner {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    /* border-bottom: solid calc((2 / 1280) * 100vw) #000; */
    border-top: solid calc((2 / 1280) * 100vw) #000;
    padding: calc((10 / 1280) * 100vw) 0;
  }
  .modal02 .group03 .group_inner:nth-child(1) {
    border-top: unset;
  }
  .modal02 .group03 .group_inner .text01 {
  }
  .modal02 .group03 .group_inner .text01 .sc01 {
    font-size: calc((17 / 1280) * 100vw);
    font-weight: 900;
  }

  .modal02 .group03 .group_inner .text02 {
  }
  .modal02 .group03 .group_inner .text02 .sc01 {
    font-size: calc((25 / 1280) * 100vw);
    font-weight: 900;
  }
  .modal02 .group03 .group_inner .text02 .sc02 {
    font-size: calc((14 / 1280) * 100vw);
    font-weight: 900;
  }

  .modal02 .group04 {
    margin-bottom: calc((10 / 1280) * 100vw);
  }
  .modal02 .group04 .flex_group {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }
  .modal02 .group04 .flex_group .text01 {
    font-size: calc((6 / 1280) * 100vw);
    max-width: calc((300 / 1280) * 100vw);
    width: 100%;
  }
  .modal02 .group04 .flex_group .icon {
    max-width: calc((22 / 1280) * 100vw);
    width: 100%;
    display: flex;
    justify-content: end;
  }
  .modal02 .group04 .flex_group .icon span {
    width: 100%;
    height: calc((4 / 1280) * 100vw);
    display: block;
    background-color: #6ebe00;
  }
  .modal02 .group04 .flex_group02 .icon span {
    background-color: #cf102a;
  }
  .modal02 .group05 {
  }
  .modal02 .group05 .text01 {
    font-size: calc((6 / 1280) * 100vw);
  }
  #sec10 .wrap {
    margin-top: calc((-10 / 1280) * 100vw);
  }
  #sec10 .block01 {
    margin-bottom: calc((20 / 1280) * 100vw);
  }
  #sec10 .inner {
    max-width: calc((920 / 1280) * 100vw);
    padding-bottom: calc((80 / 1280) * 100vw);
  }
}