@charset "UTF-8";
/*====================================================
//// webフォント読み込み
====================================================*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
/* font-family
----------------------------------------------------*/
/* 画面サイズ
----------------------------------------------------*/
html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  html {
    font-size: 0.9765625vw;
  }
}
/*====================================================
//// カラーコード
====================================================*/
:root {
  --color-pink: #ED7E93;
  --color-yellow: #FFF621;
  --color-blue: #0EADF9;
  --txt-color: #313131;
  --color-gray: #DDDDDD;
  --grd-btn-blue: linear-gradient(90deg,rgba(255, 227, 16, 1) 0%, rgba(70, 171, 195, 1) 30%, rgba(37, 172, 227, 1) 50%, rgba(70, 171, 195, 1) 70%, rgba(255, 227, 16, 1) 100%);
  --grd-blue: linear-gradient(90deg,rgba(126, 226, 222, 1) 0%, rgba(14, 173, 249, 1) 100%);
}

/*====================================================
////アニメーション設定
====================================================*/
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes hop-txt {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  50% {
    opacity: 0;
    transform: translateY(0);
  }
  70% {
    opacity: 0.5;
    transform: translateY(-1rem);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes loop-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.fadeIn {
  opacity: 0;
}
.fadeIn.active {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}

.hop-txt {
  display: flex;
  justify-content: center;
}
.hop-txt span {
  opacity: 0;
}
.hop-txt.active span {
  animation: hop-txt 0.5s ease-in-out forwards;
}

.btn a {
  display: block;
  color: #fff;
  font-size: 1.6rem;
  line-height: 2.4375;
  font-weight: 500;
  text-align: center;
  width: 23rem;
  border-radius: 2.5rem;
  -webkit-border-radius: 2.5rem;
  -moz-border-radius: 2.5rem;
  -ms-border-radius: 2.5rem;
  -o-border-radius: 2.5rem;
  box-shadow: 0.3rem 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px) {
  .btn a {
    width: 25.3rem;
  }
}
.btn.blue a {
  background: var(--grd-btn-blue);
  background-size: 200% auto;
  background-position: left top;
  transition: background-position 0.5s;
}
.btn.arrow a {
  position: relative;
}
.btn.arrow a::after {
  content: "";
  width: 0.7rem;
  aspect-ratio: 7/14;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.414%22%20height%3D%2216.828%22%20viewBox%3D%220%200%209.414%2016.828%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1%22%20data-name%3D%22%E3%83%91%E3%82%B9%201%22%20d%3D%22M390.72%2C611.872l7%2C7-7%2C7%22%20transform%3D%22translate(-389.306%20-610.458)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 2.4rem;
  top: 50%;
  transform: translateY(-50%);
}
.btn:hover.blue a {
  background-position: 100% top;
}

/*====================================================
////common
====================================================*/
/* ---------- 基本設定 ----------*/
body {
  font-size: 1.4rem;
  line-height: 1.5714285714;
  color: var(--txt-color);
  overflow-x: hidden;
}
@media screen and (min-width: 768px) {
  body {
    font-size: 1.6rem;
    line-height: 1.625;
  }
}

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

@media screen and (min-width: 768px) {
  a {
    display: block;
  }
  a:hover {
    opacity: 0.8;
  }
}
.only-sp {
  display: block !important;
}
@media screen and (min-width: 768px) {
  .only-sp {
    display: none !important;
  }
}

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

.inner {
  width: 92.8%;
  margin: auto;
  max-width: 102.4rem;
}
.inner.narrow {
  max-width: 84.6rem;
}

/*====================================================
//// header
====================================================*/
.header {
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
  z-index: 99999;
  background-color: #fff;
  transition: height 0.3s;
  height: 6.5rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.header__inner {
  width: 92.8%;
  margin: 0 auto;
  padding: 1rem 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}
.header__logo {
  width: 66.6666666667%;
  max-width: 26.5rem;
  position: relative;
  z-index: 10;
}
.header__logo a {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.header__logo a img {
  display: block;
  width: 36.1216730038%;
}
.header__logo a p {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 400;
  white-space: nowrap;
}
.header__menu-btn {
  position: relative;
  width: 3.8rem;
  height: 4.4rem;
  margin-top: 0.4rem;
  z-index: 10;
}
.header__menu-btn span {
  background-color: #ccc;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  transition: transform 0.3s;
}
.header__menu-btn span:first-child {
  top: 0;
}
.header__menu-btn span:nth-child(2) {
  top: 1.2rem;
}
.header__menu-btn span:nth-child(3) {
  top: 2.4rem;
}
.header__menu-btn span:last-child {
  background-color: transparent;
  bottom: 2rem;
  font-size: 1.4rem;
  line-height: 1.7857142857;
  font-weight: 500;
  text-align: center;
  color: #ccc;
}
.header__menu-btn:hover {
  cursor: pointer;
}
.header__menu {
  background-color: #fff;
  position: absolute;
  left: calc(50% - 50vw);
  top: -100dvh;
  width: 100vw;
  transition: top 0.3s;
  z-index: 1;
  padding-bottom: 5.5rem;
}
.header__menu--list {
  padding-top: 4rem;
}
.header__menu--list li {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
  margin-bottom: 1.6rem;
}
.header__menu--list li:last-child {
  margin-bottom: 0;
}
.header__menu--btn a {
  width: 19.2rem;
  margin: 2.7rem auto 0 auto;
}
.header.active {
  height: 35.6rem;
}
.header.active .header__menu-btn span:first-child {
  transform: rotate(45deg);
  top: 1.2rem;
}
.header.active .header__menu-btn span:nth-child(2) {
  opacity: 0;
}
.header.active .header__menu-btn span:nth-child(3) {
  transform: rotate(-45deg);
  top: 1.2rem;
}
.header.active .header__menu {
  top: 6rem;
}

/*======================= PC =======================*/
@media screen and (min-width: 1200px) {
  .header {
    width: 100%;
    padding: 1.6rem 3rem 1.4rem 1.4rem 1.4rem;
    height: 8.3rem;
  }
  .header__inner {
    margin: 0 auto;
    padding: 1.8rem 1rem 0 1rem;
    width: 100%;
    align-items: flex-start;
  }
  .header__logo {
    width: 30.8rem;
  }
  .header__logo a {
    gap: 1.3rem;
  }
  .header__logo a img {
    width: 14rem;
  }
  .header__logo a p {
    font-size: 1.2rem;
    line-height: 1.4166666667;
    white-space: nowrap;
  }
  .header__logo a:hover {
    opacity: 0.8;
  }
  .header__menu-btn {
    display: none;
  }
  .header__menu {
    margin-top: 0.4rem;
    position: relative;
    left: auto;
    top: 0;
    transition: none;
    display: flex;
    max-width: 84.1rem;
    gap: 2.3rem;
    background-color: transparent;
  }
  .header__menu--list {
    width: 62rem;
    display: flex;
    gap: 3.3rem;
    align-items: center;
    justify-content: flex-end;
    padding-top: 0;
  }
  .header__menu--list li {
    white-space: nowrap;
    margin-bottom: 0;
  }
  .header__menu--list li a {
    position: relative;
  }
  .header__menu--list li a::after {
    content: "";
    width: 100%;
    height: 5px;
    background: #0EADF9;
    position: absolute;
    bottom: -7px;
    left: 0;
    transform-origin: left;
    transform: scaleX(0);
    transition: transform 0.3s;
  }
  .header__menu--list li a:hover::after {
    transform: scaleX(100%);
  }
  .header__menu--btn a {
    width: 19.2rem;
    margin: 0 auto 0 auto;
    background: #0EADF9;
    transition: 0.3s;
  }
  .header__menu--btn a:hover {
    background: #ED7E93;
  }
  .header.active {
    height: 8.3rem;
  }
  .header.active .header__menu {
    top: 0;
  }
}
/*====================================================
////footer
====================================================*/
footer {
  border-top: 1px solid #E3E3E3;
  padding: 1.3rem 0 5rem 0;
}
footer ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 95%;
  margin: auto;
}
footer ul li a {
  font-size: 1.6rem;
  line-height: 1.625;
}

@media screen and (min-width: 768px) {
  footer {
    padding: 2rem 0 2rem 0;
  }
  footer ul {
    justify-content: center;
    gap: 10.2rem;
    width: 95%;
    margin: auto;
  }
  footer ul li a {
    font-size: 1.6rem;
    line-height: 1.625;
  }
}
/*====================================================
////Fixed contents
====================================================*/
/*======================= PC =======================*/
/*====================================================
//// FV
====================================================*/
.fv {
  margin-top: 6.5rem;
  height: 74.7rem;
  background-image: url(../img/sp/fv_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}
.fv .inner {
  width: 100%;
}
.fv__txt {
  padding-top: 16.4rem;
}
.fv__txt--logo {
  position: relative;
  width: 100%;
  max-width: 100vw;
  font-size: 3rem;
  line-height: 1.2;
  color: #313131;
  text-align: center;
  font-weight: 700;
}
.fv__txt--logo span.txt01 {
  color: var(--color-pink);
  font-size: 3.7rem;
}
.fv__txt--logo span.txt02 {
  font-size: 2rem;
}
.fv__txt--logo::before {
  content: "";
  background-image: url(../img/sp/fv_logo_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 363/375;
  width: 108%;
  position: absolute;
  right: 0;
  top: -70%;
  z-index: -1;
}
.fv__txt--logo + p {
  font-size: 1.6rem;
  line-height: 1.625;
  font-weight: 600;
  text-align: center;
  width: 93.6%;
  margin: 0.7rem auto 0 auto;
  animation-delay: 0.5s;
}
.fv__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 0.5rem;
  justify-content: center;
  align-items: stretch;
  width: 87.7333333333%;
  margin: 2rem auto 0 auto;
  animation-delay: 1s;
}
.fv__list--fs {
  color: #fff;
  font-size: 1.1rem;
  line-height: 1.5454545455;
  font-weight: 700;
}
.fv__list--fl {
  font-size: 1.9rem;
  line-height: 1.1578947368;
  font-weight: 700;
  color: var(--color-yellow);
}
.fv__list--fl span {
  font-size: 3.2rem;
  line-height: 1.3125;
  font-weight: 700;
}
.fv__list li {
  width: calc((100% - 0.5rem) / 2);
  background: linear-gradient(125deg, #53c7c3 0%, #0794d8 100%);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  text-align: center;
  padding: 1rem 0;
  box-shadow: 0.4rem 0.4rem 1rem rgba(0, 0, 0, 0.22);
}
.fv__list li:first-child {
  padding: 1rem 0 0.5rem 0;
}
.fv__list li:nth-child(2) .fv__list--fl {
  margin-top: 0.8rem;
}
.fv__list li:last-child .fv__list--fl {
  margin-top: 0.4rem;
}
.fv__btn a {
  font-size: 1.8rem;
  line-height: 1;
  margin: 1.5rem auto 0 auto;
  width: 100%;
  max-width: 35.2rem;
  display: flex;
  align-items: center;
  padding: 1rem;
  border-radius: 3.9rem;
  -webkit-border-radius: 3.9rem;
  -moz-border-radius: 3.9rem;
  -ms-border-radius: 3.9rem;
  -o-border-radius: 3.9rem;
  gap: 1.7rem;
}
.fv__btn a span {
  display: flex;
  font-size: 1.3rem;
  line-height: 1.4615384615;
  font-weight: 500;
  background-color: #fff;
  color: #0EADF9;
  width: 47.4431818182%;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
  padding: 0.6rem 0 0.7rem 0;
  justify-content: center;
  text-align: left;
}
.fv__btn a::after {
  width: 0.9rem !important;
  top: 53% !important;
}

/*======================= PC =======================*/
@media screen and (min-width: 1200px) {
  .fv {
    margin-top: 8.3rem;
  }
}
@media screen and (min-width: 768px) {
  .fv {
    height: 68.4rem;
    background-image: url(../img/fv_bg.png);
    background-size: 172rem auto;
    background-position: 37% 0;
  }
  .fv__txt {
    padding-top: 10rem;
  }
  .fv__txt--logo {
    width: 100%;
    max-width: 100vw;
    font-size: 5.9rem;
    line-height: 1;
    font-weight: 700;
  }
  .fv__txt--logo span.txt01 {
    font-size: 7.3rem;
    margin-right: -3rem;
  }
  .fv__txt--logo span.txt02 {
    font-size: 4rem;
  }
  .fv__txt--logo::before {
    background-image: url(../img/fv_logo_bg.png);
    aspect-ratio: 706/371;
    width: 70.6rem;
    left: 60%;
    right: auto;
    top: 80%;
    transform: translate(-50%, -50%);
  }
  .fv__txt--logo + p {
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.7777777778;
    font-weight: 600;
    margin-top: 1.4rem;
  }
  .fv__list {
    gap: 2rem;
    width: 100%;
    max-width: 64rem;
    margin: 5.5rem auto 0 auto;
  }
  .fv__list--fs {
    font-size: 1.4rem;
    line-height: 1.5714285714;
    transform: translateY(-0.2rem);
  }
  .fv__list--fl {
    font-size: 2.4rem;
    line-height: 1.25;
  }
  .fv__list--fl span {
    font-size: 4rem;
    line-height: 1.25;
  }
  .fv__list li {
    width: calc((100% - 4rem) / 3);
    padding: 0;
    aspect-ratio: 200/113;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .fv__list li:first-child .fv__list--fs {
    transform: translateY(0.5rem);
  }
  .fv__list li:first-child .fv__list--fl {
    transform: translateY(0.5rem);
  }
  .fv__list li:first-child {
    padding: 0.5rem 0 0.5rem 0;
  }
  .fv__list li:first-child .fv__list--fl {
    transform: translateY(-0.3rem);
  }
  .fv__btn {
    animation-delay: 1.5s;
    margin-top: 4rem;
  }
  .fv__btn a {
    font-size: 2.2rem;
    line-height: 1;
    margin: 1.5rem auto 0 auto;
    max-width: 44.3rem;
    padding: 1rem;
    border-radius: 3.9rem;
    -webkit-border-radius: 3.9rem;
    -moz-border-radius: 3.9rem;
    -ms-border-radius: 3.9rem;
    -o-border-radius: 3.9rem;
    gap: 3.3rem;
  }
  .fv__btn a span {
    font-size: 1.6rem;
    line-height: 1.4375;
    font-weight: 500;
    padding: 0.6rem 0 0.7rem 0;
  }
  .fv__btn a::after {
    width: 1.2rem !important;
    top: 53% !important;
  }
  .fv__btn a:hover {
    opacity: 1;
  }
}
.fv_bottom {
  background-color: #FFFEE0;
  padding: 6.19rem 0 4.6rem 0;
}
.fv_bottom h2 {
  position: relative;
  font-size: 2.4rem;
  line-height: 1.7083333333;
  font-weight: 900;
  text-align: center;
}
.fv_bottom h2 span {
  display: block;
  position: absolute;
  background-color: var(--color-pink);
  color: #fff;
  font-size: 1.3rem;
  line-height: 2.5384615385;
  font-weight: 500;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  top: -4rem;
  left: 0;
  padding: 0 1.8rem;
}
.fv_bottom h2 span::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227.121%22%20height%3D%2212.361%22%20viewBox%3D%220%200%2027.121%2012.361%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1815%22%20data-name%3D%22%E3%83%91%E3%82%B9%201815%22%20d%3D%22M-1543.141%2C831.01l27.121%2C12.361-6.81-12.361%22%20transform%3D%22translate(1543.141%20-831.01)%22%20fill%3D%22%23ed7e93%22%2F%3E%0A%3C%2Fsvg%3E");
  width: 2.712rem;
  aspect-ratio: 27.12/12.36;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  right: 2rem;
  bottom: -0.8rem;
}
.fv_bottom img {
  display: block;
  margin: 2rem auto 0 auto;
  width: 83.183908046%;
}

@media screen and (min-width: 768px) {
  .fv_bottom {
    padding: 6.61rem 0 3.2rem 0;
  }
  .fv_bottom .inner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 96rem;
  }
  .fv_bottom h2 {
    font-size: 3.2rem;
    line-height: 1.6875;
    text-align: left;
    width: 34.0413090241%;
    white-space: nowrap;
    padding-left: 1rem;
  }
  .fv_bottom h2 span {
    display: block;
    position: absolute;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.4375;
    top: -4rem;
    left: 0;
    padding: 0 2.1rem;
  }
  .fv_bottom h2 span::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227.121%22%20height%3D%2212.361%22%20viewBox%3D%220%200%2027.121%2012.361%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1815%22%20data-name%3D%22%E3%83%91%E3%82%B9%201815%22%20d%3D%22M-1543.141%2C831.01l27.121%2C12.361-6.81-12.361%22%20transform%3D%22translate(1543.141%20-831.01)%22%20fill%3D%22%23ed7e93%22%2F%3E%0A%3C%2Fsvg%3E");
    width: 2.712rem;
    aspect-ratio: 27.12/12.36;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    right: 2rem;
    bottom: -0.8rem;
  }
  .fv_bottom img {
    margin: 0;
    width: 59.105rem;
    transform: translateY(-1rem);
  }
}
/*====================================================
//// こんなお悩み、ありませんか？
====================================================*/
.sec01 {
  padding: 5rem 0 3.8rem 0;
  background-image: url(../img/sp/sec01_bg.jpg);
  background-size: cover;
  position: relative;
  min-height: 200svh;
}
.sec01::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(14, 173, 249, 0.52);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.sec01 .block {
  position: relative;
  z-index: 1;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.sec01 .block:first-child {
  padding: 2rem 2rem 3.7rem 2.2rem;
  background-color: rgba(14, 76, 106, 0.85);
  position: relative;
}
.sec01 .block:first-child::after {
  content: "";
  clip-path: polygon(80% 0, 20% 0, 50% 80%);
  background-color: rgba(14, 76, 106, 0.85);
  position: absolute;
  bottom: -3.8rem;
  left: 50%;
  transform: translateX(-50%);
  width: 12.848rem;
  height: 3.9rem;
}
.sec01 .block:last-child {
  background-color: #fff;
  margin-top: 4.6rem;
  padding: 3.8rem 4.2rem 4.3rem 4.5rem;
}
.sec01__title01 {
  color: #fff;
  font-size: 2rem;
  line-height: 1.7;
  font-weight: 700;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.sec01__title01--img {
  width: 29.0322580645%;
  transform: translateY(-0.6rem);
}
.sec01__title01 .hop-txt {
  justify-content: flex-start;
}
.sec01__title02 {
  color: var(--color-blue);
  font-size: 2.4rem;
  line-height: 1.2916666667;
  font-weight: 700;
  position: relative;
}
.sec01__title02--img {
  width: 29.0322580645%;
  transform: translateY(-0.6rem);
  position: absolute;
  right: -4rem;
  top: -2rem;
  width: 38.6973180077%;
}
.sec01__title02 .head {
  font-size: 1.7rem;
  line-height: 1.3529411765;
  font-weight: 700;
  position: relative;
  padding: 0 1.6rem;
  width: fit-content;
  margin: 0 auto 0.3rem auto;
  transform: translateX(-0.2rem);
}
.sec01__title02 .head::before, .sec01__title02 .head::after {
  content: "";
  width: 1.119rem;
  height: 1.764rem;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  top: 0.5rem;
}
.sec01__title02 .head::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.192%22%20height%3D%2217.637%22%20viewBox%3D%220%200%2011.192%2017.637%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_574%22%20data-name%3D%22%E3%83%91%E3%82%B9%20574%22%20d%3D%22M305.819%2C1565.862l5.9%2C17.637-11.192-17.637Z%22%20transform%3D%22translate(-300.526%20-1565.862)%22%20fill%3D%22%230eadf9%22%2F%3E%0A%3C%2Fsvg%3E");
  left: 0;
}
.sec01__title02 .head::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.192%22%20height%3D%2217.637%22%20viewBox%3D%220%200%2011.192%2017.637%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_573%22%20data-name%3D%22%E3%83%91%E3%82%B9%20573%22%20d%3D%22M306.425%2C1565.862l-5.9%2C17.637%2C11.192-17.637Z%22%20transform%3D%22translate(-300.526%20-1565.862)%22%20fill%3D%22%230eadf9%22%2F%3E%0A%3C%2Fsvg%3E");
  right: 0.2rem;
}
.sec01__title02 + p {
  font-size: 1.4rem;
  line-height: 1.5714285714;
  margin-top: 1.4rem;
  text-align: center;
}
.sec01__list {
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  width: 95.4248366013%;
}
.sec01__list li {
  position: relative;
}
.sec01__list li .point {
  position: absolute;
  background-color: var(--color-blue);
  color: var(--color-yellow);
  font-size: 1.3rem;
  line-height: 2.3076923077;
  font-weight: 600;
  letter-spacing: 0.1em;
  top: -2.2rem;
  left: -0.5rem;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  padding: 0 1.1rem 0 1.6rem;
  z-index: 2;
}
.sec01__list li .point span {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0em;
}
.sec01__list li .txt {
  background-color: #fff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  transform: translateX(1.2rem);
  padding: 1.9rem 1.4rem 1.5rem 1.3rem;
}
.sec01__flow {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 2.6rem;
}
.sec01__flow--box {
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  padding-top: 1.8rem;
}
.sec01__flow--box h3 {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  position: relative;
}
.sec01__flow--box h3 span {
  display: block;
  background-color: var(--color-yellow);
  color: var(--color-blue);
  width: fit-content;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  font-size: 1.3rem;
  line-height: 2.3076923077;
  font-weight: 500;
  padding: 0 1.4rem;
  position: absolute;
  left: 0;
  top: -3.5rem;
}
.sec01__flow--box h3 span::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232.122%22%20height%3D%2214.641%22%20viewBox%3D%220%200%2032.122%2014.641%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1815%22%20data-name%3D%22%E3%83%91%E3%82%B9%201815%22%20d%3D%22M-1543.141%2C831.01l32.122%2C14.641-8.065-14.641%22%20transform%3D%22translate(1543.141%20-831.01)%22%20fill%3D%22%23fff621%22%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: 3.212rem;
  aspect-ratio: 32.12/14.64;
  bottom: -1rem;
  right: 2rem;
}
.sec01__flow--box p {
  font-size: 1.4rem;
  line-height: 1.5714285714;
  text-align: center;
  margin-top: 1.4rem;
}
.sec01__flow--box:first-of-type {
  background-color: var(--color-blue);
  color: #fff;
  padding-bottom: 2.5rem;
  box-shadow: 0.3rem 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
}
.sec01__flow--box:first-of-type figure {
  width: 23.2720306513%;
  margin: 1.2rem auto 0 auto;
}
.sec01__flow--box:nth-of-type(2) {
  text-align: center;
  position: relative;
  aspect-ratio: 261/112;
}
.sec01__flow--box:nth-of-type(2)::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22223%22%20height%3D%22112%22%20viewBox%3D%220%200%20223%20112%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%221%22%20y1%3D%221%22%20x2%3D%220%22%20y2%3D%221%22%20gradientUnits%3D%22objectBoundingBox%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff621%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.625%22%20stop-color%3D%22%2346abc3%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230eadf9%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_540%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20540%22%20transform%3D%22translate(-360%20-1894)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_539%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20539%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_225%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20225%22%20width%3D%2287%22%20height%3D%2216%22%20transform%3D%22translate(555%201981)%20rotate(-90)%22%20fill%3D%22url(%23linear-gradient)%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_16%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2016%22%20d%3D%22M20%2C0%2C40%2C24H0Z%22%20transform%3D%22translate(583%202005)%20rotate(180)%22%20fill%3D%22%230eadf9%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_538%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20538%22%20transform%3D%22translate(943%203900)%20rotate(-180)%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_225-2%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20225%22%20width%3D%2287%22%20height%3D%2216%22%20transform%3D%22translate(571%201894)%20rotate(90)%22%20fill%3D%22url(%23linear-gradient)%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_16-2%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2016%22%20d%3D%22M20%2C0%2C40%2C24H0Z%22%20transform%3D%22translate(583%202005)%20rotate(180)%22%20fill%3D%22%23fff621%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  width: 85.4406130268%;
  aspect-ratio: 223/112;
  position: absolute;
  left: 7.2796934866%;
  top: 0;
  transform: rotate(180deg);
}
.sec01__flow--box:nth-of-type(2) p {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 600;
  transform: translateY(-1rem);
}
.sec01__flow--box:last-of-type {
  background-color: var(--color-yellow);
  padding-bottom: 1.6rem;
}
.sec01__flow--box:last-of-type figure {
  width: 37.1647509579%;
  margin: 1.2rem auto 0 auto;
}
.sec01__btn {
  margin-top: 3.6rem;
}
.sec01__btn a {
  width: 25.3rem;
  font-size: 1.6rem;
  line-height: 3.1875;
  font-weight: 500;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .sec01 {
    padding: 9rem 0 7rem 0;
    background-image: url(../img/sec01_bg.jpg);
    background-attachment: fixed;
    min-height: initial;
  }
  .sec01 .block {
    position: relative;
    z-index: 1;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
  }
  .sec01 .block:first-child {
    padding: 2rem 8rem 8.1rem 11rem;
  }
  .sec01 .block:first-child::after {
    bottom: -4.5rem;
    width: 18rem;
    height: 4.6rem;
  }
  .sec01 .block:last-child {
    margin-top: 6.6rem;
    padding: 5rem 4.2rem 4.3rem 4.5rem;
  }
  .sec01__title01 {
    font-size: 3.6rem;
    line-height: 1;
    max-width: 49.8rem;
    margin: 0 auto;
    transform: translateX(-9rem);
  }
  .sec01__title01--img {
    width: 13.1rem;
    transform: translate(0.3rem, -0.1rem);
  }
  .sec01__title01--txt {
    transform: translate(0.3rem, 1rem);
  }
  .sec01__title01 .hop-txt {
    justify-content: center;
    margin: 2rem 0 0 2rem;
  }
  .sec01__title02 {
    font-size: 4.3rem;
    line-height: 1.3255813953;
  }
  .sec01__title02--img {
    width: 14.6rem;
    transform: translateY(-0.6rem);
    position: absolute;
    right: 5rem;
  }
  .sec01__title02 .head {
    font-size: 2.3rem;
    line-height: 1.4782608696;
    padding: 0 1.6rem;
    margin: 0 auto 0.3rem auto;
  }
  .sec01__title02 .head::before, .sec01__title02 .head::after {
    content: "";
    width: 1.494rem;
    height: 2.354rem;
    top: 0.4em;
  }
  .sec01__title02 .head::after {
    right: -0.2rem;
  }
  .sec01__title02 + p {
    font-size: 1.6rem;
    line-height: 1.625;
    margin-top: 2.2rem;
  }
  .sec01__list {
    margin-top: 7rem;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 3.8rem 6.8rem;
    align-items: stretch;
  }
  .sec01__list li {
    width: calc((100% - 6.8rem) / 2);
  }
  .sec01__list li .point {
    font-size: 1.5rem;
    line-height: 2.6666666667;
    top: -2.2rem;
    left: -0.5rem;
    padding: 0 2.8rem 0 2.8rem;
    z-index: 2;
  }
  .sec01__list li .point span {
    font-size: 2.4rem;
    line-height: 1.6666666667;
    letter-spacing: 0em;
  }
  .sec01__list li .txt {
    border-radius: 0.8rem;
    -webkit-border-radius: 0.8rem;
    -moz-border-radius: 0.8rem;
    -ms-border-radius: 0.8rem;
    -o-border-radius: 0.8rem;
    transform: translateX(1.2rem);
    padding: 3.2rem 1.9rem 3rem 2.7rem;
    font-size: 1.8rem;
    line-height: 1.7777777778;
    font-weight: 600;
    min-height: 12.5rem;
  }
  .sec01__list li:nth-child(even) {
    animation-delay: 0.5s;
  }
  .sec01__flow {
    flex-direction: row;
    justify-content: center;
    margin: 4rem auto 0 auto;
    max-width: 69.7rem;
  }
  .sec01__flow--box {
    padding-top: 1.8rem;
  }
  .sec01__flow--box h3 {
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-align: center;
  }
  .sec01__flow--box h3 span {
    font-size: 1.6rem;
    line-height: 2.4375;
    font-weight: 500;
    left: -1rem;
    top: -5rem;
  }
  .sec01__flow--box p {
    font-size: 1.6rem;
    line-height: 1.625;
    margin-top: 2.6rem;
  }
  .sec01__flow--box:first-of-type, .sec01__flow--box:last-of-type {
    width: 26.1rem;
    position: relative;
    z-index: 1;
  }
  .sec01__flow--box:first-of-type {
    padding-bottom: 2.5rem;
  }
  .sec01__flow--box:first-of-type figure {
    width: 7.528rem;
    margin: 2.2rem auto 0 auto;
    transform: translateX(0.8rem);
  }
  .sec01__flow--box:nth-of-type(2) {
    aspect-ratio: 352/523;
    width: 17.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
    position: relative;
  }
  .sec01__flow--box:nth-of-type(2)::after {
    content: "";
    background-image: url(../img/sec01_bg01.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    aspect-ratio: 223/112;
    position: absolute;
    left: 0;
    top: -1rem;
    transform: rotate(0);
  }
  .sec01__flow--box:nth-of-type(2) p {
    font-size: 1.7rem;
    line-height: 1.3529411765;
    transform: translate(-0.4rem, -1.5rem);
  }
  .sec01__flow--box:last-of-type {
    padding-bottom: 0;
  }
  .sec01__flow--box:last-of-type figure {
    width: 11.9rem;
    margin: 2.5rem auto 0 auto;
    transform: translateX(-2rem);
  }
  .sec01__flow--box:last-of-type p {
    margin-top: 1.8rem;
  }
  .sec01__btn {
    margin: 5rem auto 0 auto;
  }
  .sec01__btn a {
    margin: auto;
  }
}
/*====================================================
//// どんな場面でも活躍する
====================================================*/
.sec02 {
  background-color: #F7F7F7;
  padding: 4.8rem 0 6.2rem 0;
}
.sec02__title {
  text-align: center;
  font-size: 2.2rem;
  line-height: 1.6818181818;
  font-weight: 700;
}
.sec02__title .hop-txt {
  justify-content: center;
}
.sec02__title span.head {
  display: block;
  font-size: 1.8rem;
  line-height: 2.3333333333;
  font-weight: 700;
  color: var(--color-blue);
}
.sec02__title span.blue {
  font-weight: 400;
  color: var(--color-blue);
}
.sec02__list {
  display: flex;
  flex-direction: column;
  gap: 5.5rem;
  margin: 6.4rem auto 0 auto;
  width: 90.5172413793%;
}
.sec02__list li {
  background-color: #fff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.16);
  padding: 2.2rem 1.6rem 2.6rem 1.6rem;
  position: relative;
}
.sec02__list li h3 {
  font-size: 1.8rem;
  line-height: 1.4444444444;
  font-weight: 700;
  text-align: center;
}
.sec02__list li .point {
  background-color: var(--color-pink);
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.3125;
  font-weight: 700;
  position: absolute;
  left: -2rem;
  top: -4.2rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  aspect-ratio: 50/50;
  width: 7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
}
.sec02__list li .point:before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  background-size: cover;
}
.sec02__list li:first-child .point::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_671%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20671%22%20width%3D%2218%22%20height%3D%2218%22%20transform%3D%22translate(0.473%200)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_313%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20313%22%20transform%3D%22translate(-0.473%200)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_312%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20312%22%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1287%22%20data-name%3D%22%E3%83%91%E3%82%B9%201287%22%20d%3D%22M159.822%2C136.262l2.016%2C1.555a1.267%2C1.267%2C0%2C0%2C0%2C2.525-.156c0-.027-.006-.052-.008-.079l2.955-3.5a.492.492%2C0%2C1%2C0-.728-.648l-2.9%2C3.1a1.226%2C1.226%2C0%2C0%2C0-1.207.02l-1.9-1.322a.641.641%2C0%2C0%2C0-.75%2C1.024%22%20transform%3D%22translate(-153.856%20-128.425)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1288%22%20data-name%3D%22%E3%83%91%E3%82%B9%201288%22%20d%3D%22M9.236%2C0a.733.733%2C0%2C0%2C0%2C0%2C1.466A7.774%2C7.774%2C0%2C1%2C1%2C2.718%2C5.01l.68.509a.27.27%2C0%2C0%2C0%2C.426-.161l.458-2.166a.732.732%2C0%2C0%2C0%2C.1-.459l.207-.979a.27.27%2C0%2C0%2C0-.393-.293L.954%2C3.212a.271.271%2C0%2C0%2C0-.033.454l.62.463A9.236%2C9.236%2C0%2C1%2C0%2C9.236%2C0%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  width: 1.8rem;
  aspect-ratio: 18/18;
}
.sec02__list li:nth-child(2) .point::before {
  background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_298%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20298%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2218.651%22%20height%3D%2216.012%22%20viewBox%3D%220%200%2018.651%2016.012%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_311%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20311%22%20width%3D%2218.651%22%20height%3D%2216.012%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_297%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20297%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_575%22%20data-name%3D%22%E3%83%91%E3%82%B9%20575%22%20d%3D%22M17.266%2C1.385A4.73%2C4.73%2C0%2C0%2C0%2C9.325%2C3.621a4.728%2C4.728%2C0%2C1%2C0-7.94%2C4.45l7.94%2C7.941%2C7.941-7.941a4.728%2C4.728%2C0%2C0%2C0%2C0-6.686%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  width: 1.865rem;
  aspect-ratio: 18.65/16.01;
}
.sec02__list li:last-child .point::before {
  background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_295%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20295%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2217.388%22%20height%3D%2216.012%22%20viewBox%3D%220%200%2017.388%2016.012%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_57%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2057%22%20width%3D%2217.388%22%20height%3D%2216.012%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_31%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2031%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_229%22%20data-name%3D%22%E3%83%91%E3%82%B9%20229%22%20d%3D%22M70.149%2C56.5c.98%2C1.84%2C2.323%2C4.361%2C2.909%2C4.727l.111.069.408-3.183a4.856%2C4.856%2C0%2C0%2C0-1.265-3.726%2C5.7%2C5.7%2C0%2C0%2C0-8.181%2C0%2C4.857%2C4.857%2C0%2C0%2C0-1.265%2C3.729l.371%2C3.151.124-.135a7.074%2C7.074%2C0%2C0%2C1%2C1.3-.938%2C14.561%2C14.561%2C0%2C0%2C0%2C4.972-4.658c.148.271.323.6.517.964%22%20transform%3D%22translate(-59.527%20-49.871)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_230%22%20data-name%3D%22%E3%83%91%E3%82%B9%20230%22%20d%3D%22M.561%2C12.826a.628.628%2C0%2C0%2C0%2C.612.483.639.639%2C0%2C0%2C0%2C.147-.018l1.061-.255a.627.627%2C0%2C0%2C0%2C.44-.39l.044%2C0-.02-.08a.623.623%2C0%2C0%2C0%2C0-.293L2.294%2C9.988a12.786%2C12.786%2C0%2C0%2C1-.2-2.029%2C6.6%2C6.6%2C0%2C1%2C1%2C13.2%2C0%2C12.394%2C12.394%2C0%2C0%2C1-.21%2C2.055l-.543%2C2.264a.578.578%2C0%2C0%2C0-.015.1l-.022.048a4.15%2C4.15%2C0%2C0%2C1-3.011%2C2.044.678.678%2C0%2C0%2C0-.6-.355H9.528a.68.68%2C0%2C0%2C0-.679.68v.535a.68.68%2C0%2C0%2C0%2C.679.68H10.9a.68.68%2C0%2C0%2C0%2C.636-.448%2C5.822%2C5.822%2C0%2C0%2C0%2C2.8-1.248%2C4.8%2C4.8%2C0%2C0%2C0%2C1.03-1.2l.71.17a.638.638%2C0%2C0%2C0%2C.147.018.628.628%2C0%2C0%2C0%2C.612-.483l.544-2.264a.631.631%2C0%2C0%2C0-.465-.76l-.392-.094a12.822%2C12.822%2C0%2C0%2C0%2C.14-1.75%2C7.959%2C7.959%2C0%2C0%2C0-15.918%2C0%2C12.812%2C12.812%2C0%2C0%2C0%2C.14%2C1.749L.483%2C9.8a.631.631%2C0%2C0%2C0-.465.76Z%22%20transform%3D%22translate(0)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  width: 1.739rem;
  aspect-ratio: 17.39/16.01;
}
.sec02__list--box {
  display: block;
  margin-top: 1.2rem;
}
.sec02__list--box li {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  padding: 0 1rem;
  gap: 1rem;
  margin-bottom: 0.2rem;
}
.sec02__list--box li::before {
  content: "●";
  color: #90DBFF;
}
.sec02__loop {
  display: flex;
  gap: 1.6rem;
  margin-top: 4.8rem;
  max-width: 100vw;
  overflow-x: hidden;
}
.sec02__loop--list {
  display: flex;
  gap: 1.6rem;
  animation: loop-scroll 25s linear infinite;
}
.sec02__loop--list li {
  width: 21rem;
  aspect-ratio: 210/163;
  overflow: hidden;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.sec02__loop--list li img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .sec02 {
    padding: 8.4rem 0 6.2rem 0;
  }
  .sec02__title {
    font-size: 3.6rem;
    line-height: 1.75;
  }
  .sec02__title span.head {
    font-size: 2.4rem;
    line-height: 1.7083333333;
  }
  .sec02__list {
    flex-direction: row;
    gap: 3.9rem;
    margin: 6.7rem auto 0 auto;
    max-width: 100.7rem;
    width: 100%;
  }
  .sec02__list li {
    width: calc((100% - 7.8rem) / 3);
    padding: 3.4rem 2.5rem 1.1rem 1.6rem;
  }
  .sec02__list li h3 {
    font-size: 2rem;
    line-height: 1.3;
  }
  .sec02__list li .point {
    font-size: 1.9rem;
    line-height: 1.3157894737;
    left: -1.7rem;
    top: -4.8rem;
    width: 7.8rem;
    padding-top: 1rem;
  }
  .sec02__list li .point:before {
    content: "";
    position: absolute;
    top: 1rem;
    left: 48%;
    transform: translateX(-50%);
    background-size: cover;
  }
  .sec02__list--box {
    margin-top: 2.5rem;
  }
  .sec02__list--box li {
    width: 100%;
    padding: 0 0 0 1rem;
    gap: 0.3rem;
    margin-bottom: 0;
    font-size: 1.6rem;
    line-height: 1.625;
    font-weight: 400;
  }
  .sec02__list li:last-child .sec02__list--box li {
    padding: 0 0.5rem 0 1rem;
  }
  .sec02__list li:last-child .sec02__list--box li:last-child {
    white-space: nowrap;
  }
  .sec02__loop {
    gap: 2.6rem;
    margin-top: 4.6rem;
  }
  .sec02__loop--list {
    gap: 2.6rem;
    animation-duration: 35s;
  }
  .sec02__loop--list li {
    width: 32.7rem;
  }
}
/*====================================================
//// 色々なシーンで活躍
====================================================*/
.sec03 {
  background-color: #FFFEE0;
  background-image: url(../img/sp/sec03_bg.png);
  background-size: cover;
  padding: 11.2rem 0 6.8rem 0;
}
.sec03__title {
  position: relative;
  font-size: 2.6rem;
  line-height: 1.6923076923;
  font-weight: 900;
  text-align: center;
}
.sec03__title .head {
  position: absolute;
  font-size: 1.2rem;
  line-height: 3.0308333333;
  font-weight: 700;
  color: #fff;
  background-color: var(--color-pink);
  border-radius: 2.6rem;
  -webkit-border-radius: 2.6rem;
  -moz-border-radius: 2.6rem;
  -ms-border-radius: 2.6rem;
  -o-border-radius: 2.6rem;
  padding: 0 1.77rem;
  top: -5.5rem;
  left: 1.8rem;
}
.sec03__title .head::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229.251%22%20height%3D%2214.099%22%20viewBox%3D%220%200%2029.251%2014.099%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_572%22%20data-name%3D%22%E3%83%91%E3%82%B9%20572%22%20d%3D%22M131%2C3215.992l29.251%2C14.1-7.052-14.1%22%20transform%3D%22translate(-131%20-3215.992)%22%20fill%3D%22%23ed7e93%22%2F%3E%0A%3C%2Fsvg%3E");
  background-size: cover;
  width: 2.925rem;
  aspect-ratio: 29.25/14.1;
  position: absolute;
  bottom: -1.41rem;
  left: 6.4rem;
}
.sec03__block {
  background-color: #fff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  position: relative;
  padding: 2.1rem 2.3rem 4.8rem 2.3rem;
  width: 96.3068181818%;
  margin: 3.9rem auto 0 auto;
}
.sec03__block h3 {
  font-size: 2.2rem;
  line-height: 1.1818181818;
  font-weight: 700;
}
.sec03__block h3:last-of-type {
  margin-top: 2rem;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
}
.sec03__block::before, .sec03__block::after {
  content: "";
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
}
.sec03__block::before {
  background-image: url(../img/sec03_illust01.png);
  width: 6.848rem;
  aspect-ratio: 68.48/76.9;
  top: -9.5rem;
  left: -2rem;
}
.sec03__block::after {
  background-image: url(../img/sec03_illust02.png);
  width: 2.559rem;
  aspect-ratio: 25.59/93.61;
  top: -10.5rem;
  right: 0;
}
.sec03__list {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.sec03__list li {
  padding: 1.2rem 1.3rem 2.2rem 1.4rem;
  background-color: #fff;
  border-radius: 1.4rem;
  -webkit-border-radius: 1.4rem;
  -moz-border-radius: 1.4rem;
  -ms-border-radius: 1.4rem;
  -o-border-radius: 1.4rem;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
  position: relative;
  margin-top: 2.8rem;
}
.sec03__list li h4 {
  position: absolute;
  background-color: var(--color-yellow);
  color: var(--color-blue);
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 700;
  padding: 0 1.6rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  top: -1.2rem;
  left: -0.8rem;
}
.sec03__list li figure {
  border-radius: 0.6rem 0.6rem 0 0;
  -webkit-border-radius: 0.6rem 0.6rem 0 0;
  -moz-border-radius: 0.6rem 0.6rem 0 0;
  -ms-border-radius: 0.6rem 0.6rem 0 0;
  -o-border-radius: 0.6rem 0.6rem 0 0;
  aspect-ratio: 266/135;
  overflow: hidden;
}
.sec03__list li figure img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}
.sec03__list li .block .title {
  color: #fff;
  font-size: 1.4rem;
  line-height: 2.2857142857;
  font-weight: 700;
  width: fit-content;
  border-radius: 1.8rem;
  -webkit-border-radius: 1.8rem;
  -moz-border-radius: 1.8rem;
  -ms-border-radius: 1.8rem;
  -o-border-radius: 1.8rem;
  background-repeat: no-repeat;
  background-position: 0.4rem 50%;
  background-size: 2.6rem 2.6rem;
  padding: 0 2rem 0 4rem;
}
.sec03__list li .block p {
  margin-top: 0.6rem;
}
.sec03__list li .block:first-of-type {
  margin-top: 1rem;
}
.sec03__list li .block:last-of-type {
  margin-top: 1.4rem;
}
.sec03__list:first-of-type {
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 3.4rem;
}
.sec03__list:first-of-type li .block .title {
  background-color: var(--color-blue);
}
.sec03__list:first-of-type li .title:first-of-type {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_537%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20537%22%20transform%3D%22translate(-294%20-3639)%22%3E%0A%20%20%20%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_11%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2011%22%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%2213%22%20transform%3D%22translate(294%203639)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Ctext%20id%3D%22AI%22%20transform%3D%22translate(307%203658)%22%20fill%3D%22%230eadf9%22%20font-size%3D%2215%22%20font-family%3D%22NotoSansJP-Bold%2C%20Noto%20Sans%20JP%22%20font-weight%3D%22700%22%3E%3Ctspan%20x%3D%22-7.282%22%20y%3D%220%22%3EAI%3C%2Ftspan%3E%3C%2Ftext%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.sec03__list:first-of-type li .title:last-of-type {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_57%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2057%22%20width%3D%2219.829%22%20height%3D%2218.26%22%20fill%3D%22%230eadf9%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_538%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20538%22%20transform%3D%22translate(-294%20-3752)%22%3E%0A%20%20%20%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_10%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2010%22%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%2213%22%20transform%3D%22translate(294%203752)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_31%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2031%22%20transform%3D%22translate(297.03%203755.735)%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_31-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2031%22%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_229%22%20data-name%3D%22%E3%83%91%E3%82%B9%20229%22%20d%3D%22M71.174%2C57.034c1.118%2C2.1%2C2.649%2C4.973%2C3.317%2C5.39l.127.079.465-3.629a5.538%2C5.538%2C0%2C0%2C0-1.443-4.249%2C6.505%2C6.505%2C0%2C0%2C0-9.329%2C0%2C5.539%2C5.539%2C0%2C0%2C0-1.443%2C4.253l.423%2C3.593.141-.154a8.067%2C8.067%2C0%2C0%2C1%2C1.483-1.07%2C16.6%2C16.6%2C0%2C0%2C0%2C5.67-5.311c.168.309.369.685.589%2C1.1%22%20transform%3D%22translate(-59.061%20-49.481)%22%20fill%3D%22%230eadf9%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_230%22%20data-name%3D%22%E3%83%91%E3%82%B9%20230%22%20d%3D%22M.64%2C14.626a.716.716%2C0%2C0%2C0%2C.7.551.729.729%2C0%2C0%2C0%2C.168-.02l1.21-.291a.714.714%2C0%2C0%2C0%2C.5-.445l.05%2C0-.023-.091a.711.711%2C0%2C0%2C0%2C0-.334L2.616%2C11.39a14.58%2C14.58%2C0%2C0%2C1-.228-2.314%2C7.527%2C7.527%2C0%2C1%2C1%2C15.054%2C0%2C14.133%2C14.133%2C0%2C0%2C1-.239%2C2.343L16.583%2C14a.659.659%2C0%2C0%2C0-.017.118l-.025.055A4.732%2C4.732%2C0%2C0%2C1%2C13.108%2C16.5a.773.773%2C0%2C0%2C0-.681-.405H10.866a.776.776%2C0%2C0%2C0-.775.775v.611a.776.776%2C0%2C0%2C0%2C.775.775h1.561a.775.775%2C0%2C0%2C0%2C.725-.51%2C6.64%2C6.64%2C0%2C0%2C0%2C3.187-1.423%2C5.47%2C5.47%2C0%2C0%2C0%2C1.174-1.364l.81.194a.728.728%2C0%2C0%2C0%2C.168.02.716.716%2C0%2C0%2C0%2C.7-.551l.62-2.582a.719.719%2C0%2C0%2C0-.531-.866l-.447-.107a14.622%2C14.622%2C0%2C0%2C0%2C.16-2%2C9.076%2C9.076%2C0%2C0%2C0-18.153%2C0A14.61%2C14.61%2C0%2C0%2C0%2C1%2C11.071l-.448.108a.719.719%2C0%2C0%2C0-.53.866Z%22%20transform%3D%22translate(0)%22%20fill%3D%22%230eadf9%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.sec03__list:last-of-type {
  margin-top: 0;
}
.sec03__list:last-of-type li .block .title {
  background-color: var(--color-pink);
}
.sec03__list:last-of-type li .title:first-of-type {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_535%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20535%22%20transform%3D%22translate(-294%20-3639)%22%3E%0A%20%20%20%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_11%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2011%22%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%2213%22%20transform%3D%22translate(294%203639)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Ctext%20id%3D%22AI%22%20transform%3D%22translate(307%203656)%22%20fill%3D%22%23ed7e93%22%20font-size%3D%2215%22%20font-family%3D%22NotoSansJP-Bold%2C%20Noto%20Sans%20JP%22%20font-weight%3D%22700%22%3E%3Ctspan%20x%3D%22-7.282%22%20y%3D%220%22%3EAI%3C%2Ftspan%3E%3C%2Ftext%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.sec03__list:last-of-type li .title:last-of-type {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_57%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2057%22%20width%3D%2219.829%22%20height%3D%2218.26%22%20fill%3D%22%23ed7e93%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_536%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20536%22%20transform%3D%22translate(-294%20-3752)%22%3E%0A%20%20%20%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_10%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2010%22%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%2213%22%20transform%3D%22translate(294%203752)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_31%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2031%22%20transform%3D%22translate(297.03%203755.735)%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_31-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2031%22%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_229%22%20data-name%3D%22%E3%83%91%E3%82%B9%20229%22%20d%3D%22M71.174%2C57.034c1.118%2C2.1%2C2.649%2C4.973%2C3.317%2C5.39l.127.079.465-3.629a5.538%2C5.538%2C0%2C0%2C0-1.443-4.249%2C6.505%2C6.505%2C0%2C0%2C0-9.329%2C0%2C5.539%2C5.539%2C0%2C0%2C0-1.443%2C4.253l.423%2C3.593.141-.154a8.067%2C8.067%2C0%2C0%2C1%2C1.483-1.07%2C16.6%2C16.6%2C0%2C0%2C0%2C5.67-5.311c.168.309.369.685.589%2C1.1%22%20transform%3D%22translate(-59.061%20-49.481)%22%20fill%3D%22%23ed7e93%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_230%22%20data-name%3D%22%E3%83%91%E3%82%B9%20230%22%20d%3D%22M.64%2C14.626a.716.716%2C0%2C0%2C0%2C.7.551.729.729%2C0%2C0%2C0%2C.168-.02l1.21-.291a.714.714%2C0%2C0%2C0%2C.5-.445l.05%2C0-.023-.091a.711.711%2C0%2C0%2C0%2C0-.334L2.616%2C11.39a14.58%2C14.58%2C0%2C0%2C1-.228-2.314%2C7.527%2C7.527%2C0%2C1%2C1%2C15.054%2C0%2C14.133%2C14.133%2C0%2C0%2C1-.239%2C2.343L16.583%2C14a.659.659%2C0%2C0%2C0-.017.118l-.025.055A4.732%2C4.732%2C0%2C0%2C1%2C13.108%2C16.5a.773.773%2C0%2C0%2C0-.681-.405H10.866a.776.776%2C0%2C0%2C0-.775.775v.611a.776.776%2C0%2C0%2C0%2C.775.775h1.561a.775.775%2C0%2C0%2C0%2C.725-.51%2C6.64%2C6.64%2C0%2C0%2C0%2C3.187-1.423%2C5.47%2C5.47%2C0%2C0%2C0%2C1.174-1.364l.81.194a.728.728%2C0%2C0%2C0%2C.168.02.716.716%2C0%2C0%2C0%2C.7-.551l.62-2.582a.719.719%2C0%2C0%2C0-.531-.866l-.447-.107a14.622%2C14.622%2C0%2C0%2C0%2C.16-2%2C9.076%2C9.076%2C0%2C0%2C0-18.153%2C0A14.61%2C14.61%2C0%2C0%2C0%2C1%2C11.071l-.448.108a.719.719%2C0%2C0%2C0-.53.866Z%22%20transform%3D%22translate(0)%22%20fill%3D%22%23ed7e93%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.sec03__btn {
  margin: 4.2rem auto 0 auto;
  width: 25.3rem;
}
.sec03__btn a {
  font-size: 1.6rem;
  line-height: 3.1875;
  font-weight: 500;
  width: 100%;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .sec03 {
    background-image: url(../img/sec03_bg.png);
    padding: 15.7rem 0 11rem 0;
  }
  .sec03__title {
    font-size: 3.6rem;
    line-height: 1.7777777778;
    width: fit-content;
    margin: auto;
  }
  .sec03__title .head {
    font-size: 1.5rem;
    line-height: 3.4;
    padding: 0 3.44rem;
    left: -15.5rem;
  }
  .sec03__title .head::after {
    width: 4.102rem;
    bottom: -1.977rem;
    left: 8.6rem;
  }
  .sec03__block {
    padding: 4rem 9rem 4.8rem 9rem;
    width: 100%;
    margin: 3.9rem auto 0 auto;
  }
  .sec03__block h3 {
    font-size: 2.6rem;
    line-height: 1;
    transform: translateX(-0.5rem);
  }
  .sec03__block h3:last-of-type {
    margin-top: 2.5rem;
    font-size: 2.6rem;
    line-height: 1;
  }
  .sec03__block::before {
    width: 15.096rem;
    top: 45%;
    left: -6rem;
  }
  .sec03__block::after {
    width: 5.746rem;
    top: 30%;
    right: 2.5rem;
  }
  .sec03__list {
    display: flex;
    flex-direction: row;
    gap: 1.7rem;
    max-width: 83.5rem;
    margin: auto;
  }
  .sec03__list li {
    padding: 0.5rem 0.9rem 2.2rem 0.8rem;
    margin-top: 5rem;
  }
  .sec03__list li h4 {
    font-size: 1.8rem;
    line-height: 2.1111111111;
    padding: 0 1.6rem;
    top: -1.6rem;
    left: -0.7rem;
  }
  .sec03__list li figure {
    border-radius: 0.6rem 0.6rem 0 0;
    -webkit-border-radius: 0.6rem 0.6rem 0 0;
    -moz-border-radius: 0.6rem 0.6rem 0 0;
    -ms-border-radius: 0.6rem 0.6rem 0 0;
    -o-border-radius: 0.6rem 0.6rem 0 0;
    aspect-ratio: auto;
    width: 25rem;
    height: 15.8rem;
  }
  .sec03__list li .block .title {
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.25;
    border-radius: 1.8rem;
    -webkit-border-radius: 1.8rem;
    -moz-border-radius: 1.8rem;
    -ms-border-radius: 1.8rem;
    -o-border-radius: 1.8rem;
    background-position: 0.8rem 50%;
    background-size: 2.6rem 2.6rem;
    padding: 0 2rem 0 4.6rem;
  }
  .sec03__list li .block p {
    margin: 0.6rem auto 0 auto;
    width: 93%;
  }
  .sec03__list li .block:first-of-type {
    margin-top: 1rem;
  }
  .sec03__list li .block:last-of-type {
    margin-top: 2rem;
  }
  .sec03__list:first-of-type {
    padding-bottom: 5rem;
  }
  .sec03__list:last-of-type {
    margin-top: 0.6rem;
  }
  .sec03__btn {
    margin: 4.7rem auto 0 auto;
  }
}
/*====================================================
//// 選ばれる理由
====================================================*/
.sec04 {
  padding: 5.9rem 0 8.7rem 0;
  background-color: #E8F8FF;
  background-image: url(../img/sp/sec04_bg01.png), url(../img/sp/sec04_bg02.png);
  background-repeat: no-repeat;
  background-position: 0 0, 0 99.1%;
  background-size: 100% auto;
}
.sec04__title {
  text-align: center;
}
.sec04__title .head {
  color: var(--color-blue);
  font-size: 1.5rem;
  line-height: 1.3333333333;
  font-weight: 700;
}
.sec04__title .hop-txt {
  font-size: 2.6rem;
  line-height: 1.6923076923;
  font-weight: 900;
}
.sec04__block {
  background-color: #fff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.16);
  width: 96.3068181818%;
  margin: auto;
  padding: 3.2rem 2.3rem 3rem 2.3rem;
}
.sec04__list {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.sec04__list li {
  padding-bottom: 1.99rem;
  border-bottom: 1px solid #E8F8FF;
}
.sec04__list li .txt .num {
  color: #C4E7F7;
  font-size: 2.4rem;
  line-height: 1.7083333333;
  font-weight: 700;
}
.sec04__list li .txt h3 {
  font-size: 1.6rem;
  line-height: 1.375;
  font-weight: 700;
  margin-top: 0.2rem;
}
.sec04__list li .txt p {
  margin-top: 1.11rem;
  font-size: 1.4rem;
  line-height: 1.5714285714;
}
.sec04__list li figure {
  margin: 2rem auto 0 auto;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  overflow: hidden;
}
.sec04__list li:first-child figure {
  width: 78.4982935154%;
  transform: translateX(-0.5rem);
}
.sec04__list li:nth-child(3) figure {
  width: 91.156996587%;
}
.sec04__list li:nth-child(7) figure {
  width: 93.1740614334%;
}
.sec04__list li:last-child figure {
  width: 81.228668942%;
  margin-top: 2.5rem;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .sec04 {
    padding: 13rem 0 12rem 0;
    background-image: url(../img/sec04_bg.png);
    background-size: 152.5rem auto;
    background-position: 30% 2rem;
  }
  .sec04__title .head {
    font-size: 2rem;
    line-height: 1.9;
  }
  .sec04__title .hop-txt {
    font-size: 3.6rem;
    line-height: 1.5;
  }
  .sec04__block {
    width: 100%;
    padding: 4rem 9rem 3.5rem 9rem;
  }
  .sec04__list {
    margin-top: 6rem;
    gap: 5.5rem;
  }
  .sec04__list li {
    padding-bottom: 5.44rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2.9rem;
  }
  .sec04__list li .txt {
    width: 57.1090047393%;
    order: 1;
  }
  .sec04__list li .txt .num {
    font-size: 6rem;
    line-height: 1;
  }
  .sec04__list li .txt h3 {
    font-size: 2rem;
    line-height: 1.7;
    margin-top: 0.2rem;
  }
  .sec04__list li .txt p {
    margin-top: 1.6rem;
    font-size: 1.6rem;
    line-height: 1.625;
  }
  .sec04__list li figure {
    margin: 0 auto;
    width: 32.5rem;
    order: 2;
  }
  .sec04__list li:nth-child(even) .txt {
    order: 2;
  }
  .sec04__list li:nth-child(even) figure {
    order: 1;
  }
  .sec04__list li:first-child figure {
    width: 26.05rem;
    transform: translate(-1.5rem, 3.8rem);
  }
  .sec04__list li:nth-child(3) figure {
    width: 32.5rem;
  }
  .sec04__list li:nth-child(7) figure {
    width: 30rem;
    transform: translate(0.5rem, 2.8rem);
  }
  .sec04__list li:last-child figure {
    width: 25.6rem;
    margin-top: 2.5rem;
  }
}
/*====================================================
//// 他サービスとの比較
====================================================*/
.sec05 {
  padding: 7.6rem 0 6.7rem 0;
  background-color: #F7F7F7;
}
.sec05 .inner {
  width: 100%;
  background-color: #fff;
  padding: 5.8rem 0 7.82rem 0;
}
.sec05__title {
  font-size: 2.6rem;
  line-height: 1.6923076923;
  font-weight: 900;
}
.sec05__block {
  margin: 4.8rem auto 0 auto;
  max-width: 100vw;
  overflow-x: scroll;
  padding: 0 1.2rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.sec05__block::-webkit-scrollbar {
  display: none;
}
.sec05__block .fblock {
  display: flex;
  width: 54.45rem;
  padding-right: 1.2rem;
}
.sec05__block .fblock .col01,
.sec05__block .fblock .col02,
.sec05__block .fblock .col03,
.sec05__block .fblock .col04,
.sec05__block .fblock .col05,
.sec05__block .fblock .col06,
.sec05__block .fblock .col07 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #B7B7B7;
  text-align: center;
}
.sec05__block .fblock .row01 {
  width: 11.5rem;
  align-items: flex-start;
  text-align: left;
  font-size: 1.5rem;
  line-height: 1.4666666667;
  font-weight: 700;
}
.sec05__block .fblock .row02,
.sec05__block .fblock .row03,
.sec05__block .fblock .row04 {
  width: 14rem;
}
.sec05__block .fblock .row02,
.sec05__block .fblock .row03 {
  border-right: 1px solid #B7B7B7;
}
.sec05__block .fblock .col02.row02,
.sec05__block .fblock .col03.row02,
.sec05__block .fblock .col04.row02,
.sec05__block .fblock .col05.row02,
.sec05__block .fblock .col06.row02,
.sec05__block .fblock .col07.row02 {
  background-color: #FFF9CC;
}
.sec05__block .fblock .col01 {
  height: 4.3rem;
}
.sec05__block .fblock .col01.row02 {
  background-color: #FFF621;
  color: var(--color-blue);
}
.sec05__block .fblock .col01.row03, .sec05__block .fblock .col01.row04 {
  background-color: #D9D9D9;
}
.sec05__block .fblock .col02 {
  height: 5.93rem;
}
.sec05__block .fblock .col02.row01 {
  padding-top: 0.3rem;
}
.sec05__block .fblock .col03 {
  height: 7.72rem;
}
.sec05__block .fblock .col04 {
  height: 7.68rem;
}
.sec05__block .fblock .col05 {
  height: 6.02rem;
}
.sec05__block .fblock .col06 {
  height: 5.69rem;
}
.sec05__block .fblock .col07 {
  height: 6.49rem;
}
.sec05__block .circle,
.sec05__block .ng,
.sec05__block .triangle {
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.sec05__block .circle {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%0A%20%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_58%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2058%22%20fill%3D%22none%22%20stroke%3D%22%23db5684%22%20stroke-width%3D%223%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%2213%22%20stroke%3D%22none%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%2211.5%22%20fill%3D%22none%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  width: 2.303rem;
  height: 2.303rem;
}
.sec05__block .triangle {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224.799%22%20height%3D%2221.257%22%20viewBox%3D%220%200%2024.799%2021.257%22%3E%0A%20%20%3Cg%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_33%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2033%22%20fill%3D%22none%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M12.4%2C0%2C24.8%2C21.256H0Z%22%20stroke%3D%22none%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M%2012.39954853057861%205.953908920288086%20L%205.223112106323242%2018.2563648223877%20L%2019.57598495483398%2018.2563648223877%20L%2012.39954853057861%205.953908920288086%20M%2012.39954853057861%203.814697265625e-06%20L%2024.79909896850586%2021.2563648223877%20L%20-1.9073486328125e-06%2021.2563648223877%20L%2012.39954853057861%203.814697265625e-06%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23707070%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  width: 2.48rem;
  height: 2.126rem;
}
.sec05__block .ng {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226.121%22%20height%3D%2226.121%22%20viewBox%3D%220%200%2026.121%2026.121%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_212%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20212%22%20transform%3D%22translate(-775.207%20-7729.939)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_451%22%20data-name%3D%22%E3%83%91%E3%82%B9%20451%22%20d%3D%22M378.268%2C7731l-24%2C24%22%20transform%3D%22translate(422)%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-width%3D%223%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_452%22%20data-name%3D%22%E3%83%91%E3%82%B9%20452%22%20d%3D%22M24%2C0%2C0%2C24%22%20transform%3D%22translate(800.268%207731)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-width%3D%223%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  width: 2.126rem;
  height: 2.126rem;
  color: #707070;
}
.sec05__block .txt {
  font-size: 1.2rem;
  line-height: 1.4166666667;
  font-weight: 400;
  text-align: center;
  display: block;
}
.sec05__block .txt.f-pink {
  color: var(--color-pink);
}
.sec05__bottom {
  margin-top: 5.16rem;
}
.sec05__bottom p {
  font-size: 1.4rem;
  line-height: 1.5714285714;
  font-weight: 500;
  text-align: center;
}
.sec05__btn {
  width: 25.3rem;
  margin: 2.25rem auto 0 auto;
}
.sec05__btn a {
  width: 100%;
  font-size: 1.6rem;
  line-height: 3.1875;
  font-weight: 500;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .sec05 {
    padding: 11rem 0 9.5rem 0;
    background-color: #F7F7F7;
  }
  .sec05 .inner {
    width: 100%;
    padding: 5rem 0 6rem 0;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
  }
  .sec05__title {
    font-size: 3.6rem;
    line-height: 1.6944444444;
  }
  .sec05__block {
    margin: 5rem auto 0 auto;
    width: 84.4rem;
    overflow-x: auto;
    padding: 0 1.2rem;
  }
  .sec05__block .fblock {
    display: flex;
    width: 84.4rem;
    padding-right: 0;
    transform: translateX(-1rem);
  }
  .sec05__block .fblock .row01 {
    width: 21.1rem;
    font-size: 1.6rem;
    line-height: 1.625;
  }
  .sec05__block .fblock .row02,
  .sec05__block .fblock .row03,
  .sec05__block .fblock .row04 {
    width: 21.1rem;
  }
  .sec05__block .fblock .col02.row02,
  .sec05__block .fblock .col03.row02,
  .sec05__block .fblock .col04.row02,
  .sec05__block .fblock .col05.row02,
  .sec05__block .fblock .col06.row02,
  .sec05__block .fblock .col07.row02 {
    background-color: #FFF9CC;
  }
  .sec05__block .fblock .col01 {
    height: 6.4rem;
    font-size: 1.8rem;
    line-height: 1.4444444444;
    font-weight: 700;
  }
  .sec05__block .fblock .col02 {
    height: 6.7rem;
  }
  .sec05__block .fblock .col02.row01 {
    padding-top: 0.3rem;
  }
  .sec05__block .fblock .col03 {
    height: 6.7rem;
  }
  .sec05__block .fblock .col04 {
    height: 6.8rem;
  }
  .sec05__block .fblock .col05 {
    height: 6.7rem;
  }
  .sec05__block .fblock .col06 {
    height: 6.2rem;
  }
  .sec05__block .fblock .col07 {
    height: 6.49rem;
  }
  .sec05__block .circle,
  .sec05__block .ng,
  .sec05__block .triangle {
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
  }
  .sec05__block .circle {
    width: 2.303rem;
    height: 2.303rem;
  }
  .sec05__block .triangle {
    width: 2.48rem;
    height: 2.126rem;
  }
  .sec05__block .ng {
    width: 2.126rem;
    height: 2.126rem;
    color: #707070;
  }
  .sec05__block .txt {
    font-size: 1.2rem;
    line-height: 1.4166666667;
    font-weight: 400;
    text-align: center;
    display: block;
    margin-top: 0.4rem;
  }
  .sec05__block .txt.f-pink {
    color: var(--color-pink);
  }
  .sec05__bottom {
    margin-top: 4rem;
  }
  .sec05__bottom p {
    font-size: 1.6rem;
    line-height: 1.625;
  }
  .sec05__btn {
    width: 25.3rem;
    margin: 3rem auto 0 auto;
  }
  .sec05__btn a {
    width: 100%;
    font-size: 1.6rem;
    line-height: 3.1875;
    font-weight: 500;
  }
}
/*====================================================
//// 端末は自由
====================================================*/
.sec06 {
  padding: 5rem 0;
}
.sec06 .inner {
  width: 93.8666666667%;
}
.sec06__head {
  display: flex;
  justify-content: space-between;
}
.sec06__head figure {
  width: 44.5426136364%;
  padding-top: 2rem;
}
.sec06__head .txt {
  width: 50.2244318182%;
}
.sec06__head .txt h2 {
  font-size: 2.4rem;
  line-height: 1.6666666667;
  font-weight: 900;
}
.sec06__head .txt p {
  font-size: 1.4rem;
  line-height: 1.5714285714;
  margin-top: 0.5rem;
}
.sec06__list {
  margin: 3.81rem auto 0 auto;
  width: 80.9659090909%;
}
.sec06__list li {
  background: #fff;
  border: 2px solid var(--color-blue);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  padding: 1.58rem 1.97rem 2rem 1.93rem;
  position: relative;
  margin-bottom: 2.78rem;
}
.sec06__list li::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2225%22%20viewBox%3D%220%200%2029%2025%22%3E%0A%20%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_35%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2035%22%20d%3D%22M14.5%2C0%2C29%2C25H0Z%22%20transform%3D%22translate(29%2025)%20rotate(180)%22%20fill%3D%22%230eadf9%22%2F%3E%0A%3C%2Fsvg%3E");
  width: 2.9rem;
  aspect-ratio: 29/25;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -2.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.sec06__list li .num {
  background-color: var(--color-blue);
  color: #fff;
  aspect-ratio: 10/10;
  width: 4.927rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: -1.5rem;
  top: -1.7rem;
  font-size: 2.1rem;
  line-height: 2.3461904762;
  font-weight: 500;
}
.sec06__list li h3 {
  font-size: 2rem;
  line-height: 1.7;
  font-weight: 600;
  text-align: center;
}
.sec06__list li figure {
  width: 72.4014661297%;
  margin: auto;
}
.sec06__list li p {
  font-size: 1.4rem;
  line-height: 1.5714285714;
  margin-top: 2rem;
  width: 95%;
}
.sec06__list li:nth-child(2) p {
  margin-top: 1.3rem;
}
.sec06__list li:last-child::after {
  content: none;
}
.sec06__list li:last-child p {
  margin-top: 1.2rem;
}
.sec06__title02 {
  background-color: #E5F0F5;
  border-radius: 1rem 1rem 0 0;
  -webkit-border-radius: 1rem 1rem 0 0;
  -moz-border-radius: 1rem 1rem 0 0;
  -ms-border-radius: 1rem 1rem 0 0;
  -o-border-radius: 1rem 1rem 0 0;
  font-size: 1.7rem;
  line-height: 1.5294117647;
  font-weight: 600;
  padding: 1.4rem 1.47rem 0 1.47rem;
  width: fit-content;
  margin-top: 5rem;
}
.sec06__title02 span {
  display: block;
  font-size: 1.2rem;
  line-height: 1.9166666667;
  font-weight: 700;
}
.sec06__flow {
  background-color: #E5F0F5;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  padding: 5.91rem 0 6.55rem 0;
}
.sec06__flow .sec06__list {
  margin-top: 0.5rem;
}
.sec06__flow .sec06__list li {
  padding: 1.64rem 1.97rem 2rem 1.93rem;
}
.sec06__flow .sec06__list li:first-child {
  padding-bottom: 4.38rem;
}
.sec06__flow .sec06__list li:last-child {
  margin-bottom: 0;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .sec06 {
    padding: 10rem 0 8rem 0;
  }
  .sec06 .inner {
    max-width: 89.5rem;
    padding: 4.8rem 0;
  }
  .sec06__head {
    gap: 3.24rem;
  }
  .sec06__head figure {
    width: 25.662rem;
    padding-top: 0;
  }
  .sec06__head .txt {
    width: calc(100% - 3.24rem - 25.662rem);
  }
  .sec06__head .txt h2 {
    font-size: 3.6rem;
    line-height: 1.5555555556;
    font-weight: 900;
    margin-top: 2.2rem;
  }
  .sec06__head .txt h2 .hop-txt {
    justify-content: flex-start;
    text-align: left;
  }
  .sec06__head .txt p {
    font-size: 1.6rem;
    line-height: 1.625;
    margin-top: 1.7rem;
  }
  .sec06__list {
    margin: 4.7rem auto 0 auto;
    width: 94.3016759777%;
    display: flex;
    justify-content: space-between;
    gap: 2.7rem;
  }
  .sec06__list li {
    width: calc((100% - 5.4rem) / 3);
    padding: 3.4rem 1.97rem 1.4rem 1.93rem;
    margin-bottom: 0;
  }
  .sec06__list li::after {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2229%22%20viewBox%3D%220%200%2025%2029%22%3E%0A%20%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_19%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2019%22%20d%3D%22M14.5%2C0%2C29%2C25H0Z%22%20transform%3D%22translate(25)%20rotate(90)%22%20fill%3D%22%230eadf9%22%2F%3E%0A%3C%2Fsvg%3E");
    width: 2.9rem;
    background-size: contain;
    bottom: auto;
    left: auto;
    top: 50%;
    right: -2.9rem;
    transform: translate(0, -50%);
  }
  .sec06__list li .num {
    width: 5.3rem;
    left: 50%;
    top: -2.5rem;
    transform: translateX(-50%);
    font-size: 2.3rem;
    line-height: 1.4782608696;
  }
  .sec06__list li h3 {
    font-size: 2.6rem;
    line-height: 1.3076923077;
  }
  .sec06__list li figure {
    width: 87.3342685189%;
    margin: 2rem auto 0 auto;
  }
  .sec06__list li p {
    font-size: 1.6rem;
    line-height: 1.625;
    margin: 2.5rem auto 0 auto;
    width: 95%;
  }
  .sec06__list li:nth-child(2) p {
    margin-top: 2.4rem;
  }
  .sec06__list li:last-child::after {
    content: none;
  }
  .sec06__list li:last-child p {
    margin-top: 2.4rem;
  }
  .sec06__title02 {
    font-size: 2.2rem;
    line-height: 1.3636363636;
    padding: 1.6rem 4.1rem 0 2.5rem;
    margin-top: 5rem;
  }
  .sec06__title02 span {
    font-size: 1.5rem;
    line-height: 1.5333333333;
  }
  .sec06__flow {
    padding: 5.2rem 0 3.5rem 0;
  }
  .sec06__flow .sec06__list {
    margin-top: 0.5rem;
  }
  .sec06__flow .sec06__list li {
    padding: 3.4rem 1.97rem 2rem 1.93rem;
  }
  .sec06__flow .sec06__list li:first-child {
    padding-bottom: 3.38rem;
  }
  .sec06__flow .sec06__list li:last-child {
    margin-bottom: 0;
  }
}
/*====================================================
//// 21言語以上対応
====================================================*/
.sec07 {
  padding: 7.44rem 0 7.15rem 0;
  background-color: #FFFEE0;
  background-image: url(../img/sp/sec07_bg.png);
  background-size: cover;
}
.sec07__title {
  font-size: 2.6rem;
  line-height: 1;
  font-weight: 900;
}
.sec07 .block {
  background-color: #fff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  padding: 2.9rem 1.2rem 4rem 1.2rem;
}
.sec07 .block figure {
  margin-top: 1.89rem;
}
.sec07__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 2.67rem;
}
.sec07__list li {
  background-color: #fff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
  width: calc((100% - 1.6rem) / 3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  line-height: 3.25;
  font-weight: 600;
}
.sec07__btn {
  margin: 4.2rem auto 0 auto;
  width: 25.3rem;
}
.sec07__btn a {
  font-size: 1.6rem;
  line-height: 3.1875;
  font-weight: 500;
  width: 100%;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .sec07 {
    padding: 9.5rem 0 9.1rem 0;
    background-image: url(../img/sec07_bg.png);
  }
  .sec07__title {
    font-size: 3.6rem;
    line-height: 1;
    margin-top: 1.5rem;
  }
  .sec07 .fblock {
    display: flex;
    max-width: 85.698rem;
    margin: auto;
    align-items: center;
    gap: 6.56rem;
  }
  .sec07 .fblock figure {
    width: 53.138rem;
  }
  .sec07 .block {
    background-color: #fff;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    padding: 2.9rem 1.2rem 4rem 1.2rem;
  }
  .sec07 .block figure {
    margin-top: 1.89rem;
  }
  .sec07__list {
    gap: 1.5rem;
    margin: 6rem auto 0 auto;
    max-width: 84.4rem;
  }
  .sec07__list li {
    width: calc((100% - 4.5rem) / 4);
    font-size: 1.8rem;
    line-height: 3.5;
  }
  .sec07__btn {
    margin: 4.6rem auto 0 auto;
    width: 25.3rem;
  }
  .sec07__btn a {
    font-size: 1.6rem;
    line-height: 3.1875;
    font-weight: 500;
    width: 100%;
  }
}
/*====================================================
//// 10分でご利用開始
====================================================*/
.sec08 .head {
  background-image: url(../img/sp/sec08_bg.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 4.23rem 1.2rem 0 1.2rem;
}
.sec08 .head__point {
  background-color: var(--color-pink);
  color: #fff;
  width: fit-content;
  font-size: 1.4rem;
  line-height: 2.9692857143;
  font-weight: 700;
  border-radius: 2.7rem;
  -webkit-border-radius: 2.7rem;
  -moz-border-radius: 2.7rem;
  -ms-border-radius: 2.7rem;
  -o-border-radius: 2.7rem;
  padding: 0 2.27rem 0 1.92rem;
}
.sec08__title {
  justify-content: flex-start;
  font-size: 2.6rem;
  line-height: 1.6923076923;
  font-weight: 900;
  margin-top: 0.7rem;
}
.sec08__title + p {
  font-size: 1.4rem;
  line-height: 1.5714285714;
  font-weight: 400;
  margin-top: 1.3rem;
  width: 70%;
}
.sec08__list {
  margin: 3.65rem auto 0 auto;
  width: 28.6rem;
  padding-bottom: 5.85rem;
}
.sec08__list li {
  border: 2px solid var(--color-blue);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  position: relative;
  margin-bottom: 2.5rem;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
}
.sec08__list li .step {
  background-color: var(--color-blue);
  color: var(--color-yellow);
  font-size: 1.3rem;
  line-height: 2.3984615385;
  font-weight: 500;
  padding: 0 2.7rem;
  border-radius: 2.2rem;
  -webkit-border-radius: 2.2rem;
  -moz-border-radius: 2.2rem;
  -ms-border-radius: 2.2rem;
  -o-border-radius: 2.2rem;
  position: absolute;
  left: -2.5rem;
  top: -1.2rem;
  white-space: nowrap;
}
.sec08__list li p {
  font-size: 1.6rem;
  line-height: 1.625;
  font-weight: 400;
  text-align: center;
}
.sec08__list li p span {
  color: var(--color-blue);
}
.sec08__list li:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2222%22%20viewBox%3D%220%200%2026%2022%22%3E%0A%20%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_39%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2039%22%20d%3D%22M13%2C0%2C26%2C22H0Z%22%20transform%3D%22translate(26%2022)%20rotate(180)%22%20fill%3D%22%230eadf9%22%2F%3E%0A%3C%2Fsvg%3E");
  width: 2.6rem;
  aspect-ratio: 26/22;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2.2rem;
}
.sec08__list li:first-child {
  padding: 2.5rem 1.67rem 2.5rem 1.73rem;
}
.sec08__list li:nth-child(2) {
  padding: 2.8rem 1.67rem 1.5rem 1.73rem;
}
.sec08__list li:last-child {
  padding: 2.79rem 1.67rem 2.1rem 1.73rem;
  margin-bottom: 0;
}
.sec08__list li:last-child::after {
  content: none;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .sec08 {
    background-image: url(../img/sec08_bg.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top right;
    padding-bottom: 10.5rem;
  }
  .sec08 .head {
    background: none;
    padding: 11.5rem 1.2rem 0 1.2rem;
  }
  .sec08 .head .txt {
    max-width: 84.4rem;
    width: 100%;
    margin: auto;
  }
  .sec08 .head__point {
    font-size: 1.9rem;
    line-height: 2.8421052632;
    padding: 0 2.5rem;
  }
  .sec08__title {
    font-size: 3.6rem;
    line-height: 1.6944444444;
    margin-top: 0.7rem;
  }
  .sec08__title + p {
    font-size: 1.6rem;
    line-height: 1.625;
    margin-top: 4rem;
    width: 100%;
  }
  .sec08__list {
    margin: 8.5rem auto 0 auto;
    width: 100%;
    max-width: 84.4rem;
    padding-bottom: 0;
    display: flex;
    flex-wrap: nowrap;
    gap: 3.2rem;
    justify-content: center;
    align-items: stretch;
  }
  .sec08__list li {
    width: calc((100% - 6.4rem) / 3);
    margin-bottom: 0;
    background-color: #fff;
  }
  .sec08__list li .step {
    font-size: 2rem;
    line-height: 2.2;
    padding: 0 3.7rem;
    width: 13.9rem;
    left: 50%;
    transform: translateX(-50%);
    top: -2.4rem;
  }
  .sec08__list li p {
    font-size: 1.6rem;
    line-height: 1.625;
    font-weight: 400;
    text-align: left;
  }
  .sec08__list li p span {
    color: var(--color-blue);
  }
  .sec08__list li:after {
    left: auto;
    transform: translate(0, -50%) rotate(-90deg);
    bottom: auto;
    top: 50%;
    right: -2.6rem;
  }
  .sec08__list li:first-child {
    padding: 3.8rem 3rem 2.5rem 3rem;
  }
  .sec08__list li:nth-child(2) {
    padding: 3.8rem 3rem 2.5rem 3rem;
  }
  .sec08__list li:last-child {
    padding: 3.8rem 3rem 2.5rem 3rem;
    margin-bottom: 0;
  }
  .sec08__list li:last-child::after {
    content: none;
  }
}
/*====================================================
//// シンプルな料金プラン
====================================================*/
.sec09 {
  background-color: #E8F8FF;
  padding: 5.25rem 0 7.35rem 0;
}
.sec09__title {
  font-size: 2.6rem;
  line-height: 1.6923076923;
  font-weight: 900;
}
.sec09 .block {
  background-color: #fff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  padding: 3.8rem 0 5.4rem 0;
}
.sec09__list {
  margin-top: 1.7rem;
}
.sec09__list--box {
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
  padding: 3.8rem 1.6rem 2.63rem 1.6rem;
}
.sec09__list--box .head {
  text-align: center;
}
.sec09__list--box .head span {
  font-size: 1.3rem;
  line-height: 1.7692307692;
  font-weight: 700;
}
.sec09__list--box .head h3 {
  font-size: 2.4rem;
  line-height: 1.75;
  font-weight: 700;
  position: relative;
  width: fit-content;
  margin: auto;
}
.sec09__list--box .head h3::after {
  content: "";
  width: 100%;
  background-color: var(--color-blue);
  position: absolute;
  left: 0;
  height: 0.8rem;
  bottom: 0;
}
.sec09__list--box .head h3 + p {
  margin: 1.5rem auto 0 auto;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 400;
  width: 93.0379746835%;
  text-align: left;
}
.sec09__list--box .price {
  position: relative;
  width: fit-content;
  margin: 2.5rem auto 0 auto;
}
.sec09__list--box .price span {
  position: relative;
  z-index: 1;
  display: inline-block;
}
.sec09__list--box .price span.f-lg {
  font-size: 4.7rem;
  line-height: 1;
  font-weight: 700;
}
.sec09__list--box .price span.f-sm {
  font-size: 1.5rem;
  line-height: 3.1333333333;
  font-weight: 700;
  transform: translate(0.2rem, -0.2rem);
}
.sec09__list--box .price::after {
  content: "";
  background-color: var(--color-yellow);
  width: 100%;
  height: 0.9rem;
  position: absolute;
  left: 0;
  bottom: 1rem;
  z-index: 0;
}
.sec09__list--box .point {
  background-color: #FCFAD2;
  border-radius: 1.6rem;
  -webkit-border-radius: 1.6rem;
  -moz-border-radius: 1.6rem;
  -ms-border-radius: 1.6rem;
  -o-border-radius: 1.6rem;
  padding: 3rem 0;
  margin-top: 2.2rem;
}
.sec09__list--box .point h3 {
  font-size: 2rem;
  line-height: 1.75;
  font-weight: 700;
  color: #EA5270;
  text-align: center;
  position: relative;
  text-align: center;
  margin: auto;
  max-width: 29.523rem;
}
.sec09__list--box .point h3::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22295.227%22%20height%3D%2263.499%22%20viewBox%3D%220%200%20295.227%2063.499%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_696%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20696%22%20width%3D%2220.95%22%20height%3D%2221.688%22%20fill%3D%22%23f7b4c1%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path-3%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_696-3%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20696%22%20width%3D%2210.437%22%20height%3D%2210.804%22%20fill%3D%22%23f7b4c1%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_577%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20577%22%20transform%3D%22translate(-36.045%20-14805.5)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_571%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20571%22%20transform%3D%22translate(36.045%2014841.411)%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_328%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20328%22%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1662%22%20data-name%3D%22%E3%83%91%E3%82%B9%201662%22%20d%3D%22M20.926%2C10.58a.052.052%2C0%2C0%2C0%2C0-.012A1.858%2C1.858%2C0%2C0%2C0%2C19.086%2C9h-.243a6.5%2C6.5%2C0%2C0%2C1-6.5-6.5V1.863a1.864%2C1.864%2C0%2C0%2C0-3.728%2C0V2.5A6.505%2C6.505%2C0%2C0%2C1%2C2.107%2C9H1.864A1.86%2C1.86%2C0%2C0%2C0%2C.026%2C10.567s0%2C.009%2C0%2C.013a1.881%2C1.881%2C0%2C0%2C0-.019.2c0%2C.015%2C0%2C.029%2C0%2C.044v.044c0%2C.015%2C0%2C.029%2C0%2C.044a1.881%2C1.881%2C0%2C0%2C0%2C.019.2s0%2C.008%2C0%2C.012a1.86%2C1.86%2C0%2C0%2C0%2C1.838%2C1.566h.243a6.5%2C6.5%2C0%2C0%2C1%2C6.5%2C6.5v.634a1.864%2C1.864%2C0%2C1%2C0%2C3.728%2C0V19.19a6.5%2C6.5%2C0%2C0%2C1%2C6.5-6.5h.243a1.858%2C1.858%2C0%2C0%2C0%2C1.838-1.566.052.052%2C0%2C0%2C0%2C0-.012%2C1.882%2C1.882%2C0%2C0%2C0%2C.02-.2c0-.015%2C0-.029%2C0-.044v-.044c0-.015%2C0-.029%2C0-.044a1.882%2C1.882%2C0%2C0%2C0-.02-.2%22%20transform%3D%22translate(0%200.001)%22%20fill%3D%22%23f7b4c1%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_328-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20328%22%20transform%3D%22translate(310.322%2014805.5)%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1662-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%201662%22%20d%3D%22M20.926%2C10.58a.052.052%2C0%2C0%2C0%2C0-.012A1.858%2C1.858%2C0%2C0%2C0%2C19.086%2C9h-.243a6.5%2C6.5%2C0%2C0%2C1-6.5-6.5V1.863a1.864%2C1.864%2C0%2C0%2C0-3.728%2C0V2.5A6.505%2C6.505%2C0%2C0%2C1%2C2.107%2C9H1.864A1.86%2C1.86%2C0%2C0%2C0%2C.026%2C10.567s0%2C.009%2C0%2C.013a1.881%2C1.881%2C0%2C0%2C0-.019.2c0%2C.015%2C0%2C.029%2C0%2C.044v.044c0%2C.015%2C0%2C.029%2C0%2C.044a1.881%2C1.881%2C0%2C0%2C0%2C.019.2s0%2C.008%2C0%2C.012a1.86%2C1.86%2C0%2C0%2C0%2C1.838%2C1.566h.243a6.5%2C6.5%2C0%2C0%2C1%2C6.5%2C6.5v.634a1.864%2C1.864%2C0%2C1%2C0%2C3.728%2C0V19.19a6.5%2C6.5%2C0%2C0%2C1%2C6.5-6.5h.243a1.858%2C1.858%2C0%2C0%2C0%2C1.838-1.566.052.052%2C0%2C0%2C0%2C0-.012%2C1.882%2C1.882%2C0%2C0%2C0%2C.02-.2c0-.015%2C0-.029%2C0-.044v-.044c0-.015%2C0-.029%2C0-.044a1.882%2C1.882%2C0%2C0%2C0-.02-.2%22%20transform%3D%22translate(0%200.001)%22%20fill%3D%22%23f7b4c1%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_572%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20572%22%20transform%3D%22translate(56.146%2014858.195)%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_328-3%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20328%22%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23clip-path-3)%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1662-3%22%20data-name%3D%22%E3%83%91%E3%82%B9%201662%22%20d%3D%22M10.425%2C5.27a.026.026%2C0%2C0%2C0%2C0-.006.926.926%2C0%2C0%2C0-.916-.78H9.387a3.24%2C3.24%2C0%2C0%2C1-3.24-3.24V.928a.929.929%2C0%2C0%2C0-1.857%2C0v.316a3.241%2C3.241%2C0%2C0%2C1-3.24%2C3.24H.929a.927.927%2C0%2C0%2C0-.916.78s0%2C0%2C0%2C.006a.937.937%2C0%2C0%2C0-.01.1c0%2C.007%2C0%2C.014%2C0%2C.022v.022c0%2C.007%2C0%2C.014%2C0%2C.022a.937.937%2C0%2C0%2C0%2C.01.1s0%2C0%2C0%2C.006a.927.927%2C0%2C0%2C0%2C.916.78H1.05a3.24%2C3.24%2C0%2C0%2C1%2C3.24%2C3.24v.316a.929.929%2C0%2C1%2C0%2C1.857%2C0V9.559a3.24%2C3.24%2C0%2C0%2C1%2C3.24-3.24h.121a.926.926%2C0%2C0%2C0%2C.916-.78.026.026%2C0%2C0%2C0%2C0-.006.937.937%2C0%2C0%2C0%2C.01-.1c0-.007%2C0-.015%2C0-.022V5.39c0-.007%2C0-.015%2C0-.022a.937.937%2C0%2C0%2C0-.01-.1%22%20transform%3D%22translate(0%200.001)%22%20fill%3D%22%23f7b4c1%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: -0.5rem;
  top: -1rem;
  width: 100%;
  aspect-ratio: 295.23/63.5;
}
.sec09__list--box .point p {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 500;
  letter-spacing: 0em;
  margin: 4rem auto 0 auto;
  width: 84.3260188088%;
}
.sec09__list--box ul {
  margin: 2.5rem auto 0 auto;
  width: 96.8295904888%;
}
.sec09__list--box ul li {
  font-size: 1.5rem;
  line-height: 1.2666666667;
  font-weight: 400;
  position: relative;
  padding-left: 2.8rem;
  margin-bottom: 1.1rem;
}
.sec09__list--box ul li:last-child {
  margin-bottom: 0;
}
.sec09__list--box ul li span {
  font-size: 1.2rem;
}
.sec09__list--box ul li::before {
  content: "";
  width: 1.725rem;
  aspect-ratio: 17.25/16.29;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sec09__list--box .btn a {
  margin: 2.6rem auto 0 auto;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
  font-size: 1.4rem;
  line-height: 4.0235714286;
  font-weight: 500;
  padding-right: 1.6rem;
  position: relative;
}
.sec09__list--box .btn a::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.986%22%20height%3D%2215.971%22%20viewBox%3D%220%200%208.986%2015.971%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_502%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20502%22%20transform%3D%22translate(1.414%201.414)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1814%22%20data-name%3D%22%E3%83%91%E3%82%B9%201814%22%20d%3D%22M390.72%2C611.872l6.571%2C6.571-6.571%2C6.571%22%20transform%3D%22translate(-390.72%20-611.872)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  width: 0.657rem;
  aspect-ratio: 6.57/13.14;
  background-size: cover;
  position: absolute;
  right: 1.68rem;
  top: 50%;
  transform: translateY(-50%);
}
.sec09__list--box:first-of-type {
  margin-bottom: 1.4rem;
  position: relative;
}
.sec09__list--box:first-of-type ul li::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.889%22%20height%3D%2217.221%22%20viewBox%3D%220%200%2020.889%2017.221%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_274%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20274%22%20transform%3D%22translate(0.815%200.933)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_291%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20291%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ddd%22%20stroke-width%3D%221%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%2216.288%22%20height%3D%2216.288%22%20rx%3D%225%22%20stroke%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2215.288%22%20height%3D%2215.288%22%20rx%3D%224.5%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_569%22%20data-name%3D%22%E3%83%91%E3%82%B9%20569%22%20d%3D%22M-111.121%2C12125.961l5.635%2C5.635%2C9.6-9.6%22%20transform%3D%22translate(113.135%20-12120.103)%22%20fill%3D%22none%22%20stroke%3D%22%230eadf9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.sec09__list--box:first-of-type .btn a {
  width: 25.2rem;
  background: linear-gradient(180deg, rgb(126, 226, 222) 0%, rgb(14, 173, 249) 100%);
}
.sec09__list--box {
  /*&:last-of-type{
      border: 2px solid var(--color-yellow);
      padding: 3.8rem 0 2.63rem 0;
      ul{
          width: calc(100% - 6rem);
          margin: 1.2rem auto 0 auto;
          li{
              &::before{
                  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.889%22%20height%3D%2217.221%22%20viewBox%3D%220%200%2020.889%2017.221%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_274%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20274%22%20transform%3D%22translate(0.815%200.933)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_291%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20291%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ddd%22%20stroke-width%3D%221%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%2216.288%22%20height%3D%2216.288%22%20rx%3D%225%22%20stroke%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2215.288%22%20height%3D%2215.288%22%20rx%3D%224.5%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_569%22%20data-name%3D%22%E3%83%91%E3%82%B9%20569%22%20d%3D%22M-111.121%2C12125.961l5.635%2C5.635%2C9.6-9.6%22%20transform%3D%22translate(113.135%20-12120.103)%22%20fill%3D%22none%22%20stroke%3D%22%23ffcc21%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
              }
          }
      }
      .btn{
          width: 28.19rem;
          margin: auto;
          a{
              width: 28.19rem;
              background: linear-gradient(180deg,rgba(255, 246, 33, 1) 0%, rgba(242, 123, 60, 1) 100%);
          }
      }
  }*/
}
.sec09__att {
  font-size: 1.2rem;
  line-height: 1.5;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .sec09 {
    padding: 12rem 0 11.35rem 0;
  }
  .sec09__title {
    font-size: 3.6rem;
    line-height: 1.6944444444;
  }
  .sec09 .block {
    padding: 5rem 0 5.4rem 0;
  }
  .sec09__list {
    width: 100%;
    margin: 3.8rem auto 0 auto;
    display: flex;
    flex-wrap: nowrap;
    gap: 4.4rem;
    justify-content: center;
    align-items: stretch;
  }
  .sec09__list--box {
    padding: 2rem 0 2.63rem 0;
    width: 100%;
  }
  .sec09__list--box .head span {
    font-size: 1.5rem;
    line-height: 1.7333333333;
  }
  .sec09__list--box .head h3 {
    font-size: 3.2rem;
    line-height: 1.6875;
    margin-top: 1rem;
    position: relative;
    width: fit-content;
    margin: auto;
  }
  .sec09__list--box .head h3::after {
    content: "";
    width: 100%;
    background-color: var(--color-blue);
    position: absolute;
    left: 0;
    height: 0.8rem;
    bottom: 0;
  }
  .sec09__list--box .head h3 + p {
    font-size: 1.2rem;
    line-height: 1.6666666667;
    text-align: center;
  }
  .sec09__list--box .price {
    margin: 3rem auto 0 auto;
  }
  .sec09__list--box .price span {
    position: relative;
    z-index: 1;
    display: inline-block;
  }
  .sec09__list--box .price span.f-lg {
    font-size: 5.9rem;
    line-height: 1;
  }
  .sec09__list--box .price span.f-sm {
    font-size: 2rem;
    line-height: 2.95;
    font-weight: 700;
    transform: translate(0.2rem, -0.2rem);
  }
  .sec09__list--box .point {
    width: 100%;
    max-width: 84.5rem;
    margin: 3rem auto 0 auto;
    padding: 3rem 0 2.3rem 0;
  }
  .sec09__list--box .point h3 {
    font-size: 3.2rem;
    line-height: 1.65625;
    max-width: initial;
    max-width: 47.829rem;
  }
  .sec09__list--box .point h3::after {
    background-color: 47.829rem auto;
    left: 0;
    top: -2rem;
  }
  .sec09__list--box .point p {
    width: 79.1715976331%;
    margin: 4rem auto 0 auto;
    font-size: 1.6rem;
    line-height: 1.625;
  }
  .sec09__list--box ul {
    margin: 1rem auto 0 auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 50.7rem;
    align-items: center;
    padding: 0;
    gap: 1.5rem 1.9rem;
  }
  .sec09__list--box ul li {
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: 400;
    margin-bottom: 0;
  }
  .sec09__list--box ul li:first-child {
    order: 1;
    width: 62.8205128205%;
  }
  .sec09__list--box ul li:nth-child(2) {
    order: 3;
    width: 62.8205128205%;
  }
  .sec09__list--box ul li:nth-child(3) {
    order: 2;
    width: 31.459566075%;
  }
  .sec09__list--box ul li:last-child {
    order: 4;
    width: 31.459566075%;
  }
  .sec09__list--box ul li span {
    font-size: 1.2rem;
  }
  .sec09__list--box ul li::before {
    width: 1.8rem;
  }
  .sec09__list--box .btn a {
    margin: 4.5rem auto 0 auto;
    font-size: 1.6rem;
    line-height: 3.75;
    padding-right: 0;
  }
  .sec09__list--box .btn a::after {
    width: 0.7rem;
  }
  .sec09__list--box:first-of-type {
    margin-bottom: 1.4rem;
  }
  .sec09__list--box:first-of-type .btn a {
    width: 35.6rem;
  }
  .sec09__list--box {
    /*&:last-of-type{
        padding: 2rem 0 2.63rem 0;
        ul{
            margin: 3rem auto 0 auto;
            max-width: 26.55rem;
        }
        .btn{
            width: 35.6rem;
            margin: auto;
            a{
                width: 35.6rem;
            }
        }
    }*/
  }
  .sec09__att {
    font-size: 1.2rem;
    line-height: 1.6666666667;
    width: 80%;
    margin: 2rem auto 0 auto;
  }
}
/*====================================================
//// よくある質問
====================================================*/
.sec10 {
  background-color: #F7F7F7;
  padding: 5.56rem 0 3.8rem 0;
}
.sec10__title {
  font-size: 2.6rem;
  line-height: 1.6923076923;
  font-weight: 900;
}
.sec10 dl {
  margin-top: 2rem;
}
.sec10 dl dt {
  background-color: var(--color-blue);
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.625;
  font-weight: 600;
  border-radius: 2.3rem;
  -webkit-border-radius: 2.3rem;
  -moz-border-radius: 2.3rem;
  -ms-border-radius: 2.3rem;
  -o-border-radius: 2.3rem;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.16);
  padding: 0.8rem 3.9rem 1rem 4.3rem;
  width: fit-content;
  position: relative;
  z-index: 2;
}
.sec10 dl dt::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2225%22%20viewBox%3D%220%200%2016%2025%22%3E%0A%20%20%3Ctext%20id%3D%22Q%22%20transform%3D%22translate(0%2020)%22%20fill%3D%22%23fff%22%20font-size%3D%2220%22%20font-family%3D%22Lexend-Regular%2C%20Lexend%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3EQ%3C%2Ftspan%3E%3C%2Ftext%3E%0A%3C%2Fsvg%3E");
  background-size: cover;
  width: 1.6rem;
  aspect-ratio: 16/25;
  margin-right: 0.7rem;
  position: absolute;
  left: 1.95rem;
}
.sec10 dl dt::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2271.018%22%20height%3D%2249.771%22%20viewBox%3D%220%200%2071.018%2049.771%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cfilter%20id%3D%22%E3%83%91%E3%82%B9_572%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2271.018%22%20height%3D%2249.771%22%20filterUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3CfeOffset%20dy%3D%223%22%20input%3D%22SourceAlpha%22%2F%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%225%22%20result%3D%22blur%22%2F%3E%0A%20%20%20%20%20%20%3CfeFlood%20flood-opacity%3D%220.161%22%2F%3E%0A%20%20%20%20%20%20%3CfeComposite%20operator%3D%22in%22%20in2%3D%22blur%22%2F%3E%0A%20%20%20%20%20%20%3CfeComposite%20in%3D%22SourceGraphic%22%2F%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20transform%3D%22matrix(1%2C%200%2C%200%2C%201%2C%200%2C%200)%22%20filter%3D%22url(%23%E3%83%91%E3%82%B9_572)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_572-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%20572%22%20d%3D%22M131%2C3215.992l41.018%2C19.771-9.889-19.771%22%20transform%3D%22translate(-116%20-3203.99)%22%20fill%3D%22%230eadf9%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  aspect-ratio: 41.02/19.77;
  height: 4rem;
  background-size: cover;
  position: absolute;
  bottom: -1.977rem;
  left: 6.5rem;
}
.sec10 dl dt:nth-of-type(5), .sec10 dl dt:nth-of-type(8) {
  padding-right: 1.6rem;
}
.sec10 dl dd {
  position: relative;
  z-index: 1;
  background-color: #fff;
  padding: 3.5rem 1.7rem 2.6rem 1.6rem;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.16);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  width: 94.8863636364%;
  transform: translate(2rem, -1.2rem);
  margin-bottom: 0;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .sec10 {
    padding: 12rem 0 15rem 0;
  }
  .sec10__title {
    font-size: 3.6rem;
    line-height: 1.6944444444;
  }
  .sec10 dl {
    margin-top: 5.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 3.9rem;
    justify-content: center;
    align-items: stretch;
  }
  .sec10 dl dt {
    padding: 0.8rem 3.9rem 1rem 5.8rem;
    width: fit-content;
    position: relative;
    transform: translate(-0.5rem, -0.1rem);
    font-size: 2rem;
    line-height: 1.7;
    font-weight: 600;
    white-space: nowrap;
  }
  .sec10 dl dt::before {
    top: 0.3rem;
    left: 2.5rem;
    width: 2.6rem;
  }
  .sec10 dl dt::after {
    background-repeat: no-repeat;
    aspect-ratio: 41.02/19.77;
    height: 4rem;
    background-size: cover;
    position: absolute;
    bottom: -1.977rem;
    left: 6.5rem;
  }
  .sec10 dl dt:nth-of-type(5), .sec10 dl dt:nth-of-type(8) {
    padding-right: 1.6rem;
  }
  .sec10 dl dd {
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 4rem 4.25rem 2rem 2.7rem;
    width: 94.8863636364%;
    transform: translate(2rem, -1.2rem);
    margin-bottom: 0;
    font-size: 1.6rem;
    line-height: 1.625;
    font-weight: 400;
  }
  .sec10 dl .block {
    width: calc((100% - 3.9rem) / 2);
  }
  .sec10 dl .block:first-of-type dd, .sec10 dl .block:nth-of-type(2) dd {
    min-height: 27.8rem;
  }
  .sec10 dl .block:nth-of-type(3) dd, .sec10 dl .block:nth-of-type(4) dd {
    min-height: 15.182rem;
  }
  .sec10 dl .block:nth-of-type(5) dd, .sec10 dl .block:nth-of-type(6) dd {
    min-height: 22.709rem;
  }
  .sec10 dl .block:nth-of-type(7) dd, .sec10 dl .block:nth-of-type(8) dd {
    min-height: 15.182rem;
  }
  .sec10 dl .block:nth-of-type(8) dt {
    white-space: nowrap;
    padding-right: 1.5rem;
  }
}
/*====================================================
//// 次の度をもっと自由に
====================================================*/
.cta {
  background-image: url(../img/sp/cta_bg.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  padding: 32rem 0 5.98rem 0;
  background-color: #fff;
}
.cta p {
  width: 72%;
  margin: auto;
  font-size: 3.1rem;
  line-height: 1.3870967742;
  font-weight: 900;
}
.cta__btn {
  width: 25.3rem;
  margin: 2rem auto 0 auto;
}
.cta__btn a {
  width: 100%;
  font-size: 1.6rem;
  line-height: 3.1875;
  font-weight: 500;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .cta {
    background-image: url(../img/cta_bg.jpg);
    background-size: cover;
    background-position: 60% 0;
    padding: 9rem 0 17.5rem 0;
  }
  .cta .inner {
    max-width: 102.4rem;
  }
  .cta figure {
    width: 39.8rem;
    margin: 0 2rem 0 auto;
  }
  .cta p {
    width: 32rem;
    margin: 3rem 0 0 auto;
    font-size: 4rem;
    line-height: 1.4;
  }
  .cta__btn {
    width: 25.3rem;
    margin: 2.7rem 6.5% 0 auto;
  }
  .cta__btn a {
    width: 100%;
    font-size: 1.6rem;
    line-height: 3.1875;
    font-weight: 500;
  }
}
/*====================================================
//// モーダル
====================================================*/
.remodal-wrapper {
  padding-top: 10rem;
  padding: 9rem 1.6rem 0 1.5rem !important;
  overflow-y: auto !important;
}

.remodal-wrapper.remodal-is-opened::before,
.remodal-wrapper.remodal-is-opening::before {
  display: none !important;
  content: none !important;
}

.remodal.remodal-is-opened,
.remodal.remodal-is-opening {
  vertical-align: top !important;
}

.plan {
  padding: 2rem 1.8rem 2.5rem 1.8rem;
}
.plan .remodal-close {
  left: auto;
  right: -1rem;
  top: -1.5rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 3.9rem;
  height: 3.9rem;
}
.plan .remodal-close::before {
  content: none;
}
.plan .remodal-close::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.151%22%20height%3D%2214.151%22%20viewBox%3D%220%200%2014.151%2014.151%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_524%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20524%22%20transform%3D%22translate(1.414%201.414)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1663%22%20data-name%3D%22%E3%83%91%E3%82%B9%201663%22%20d%3D%22M2346.323%2C1183%2C2335%2C1194.323%22%20transform%3D%22translate(-2335%20-1183)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1664%22%20data-name%3D%22%E3%83%91%E3%82%B9%201664%22%20d%3D%22M11.322%2C0%2C0%2C11.323%22%20transform%3D%22translate(11.323%200)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  width: 1.132rem;
  aspect-ratio: 11.32/11.32;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
}
.plan h3 {
  font-size: 2.4rem;
  line-height: 1.7083333333;
  font-weight: 900;
  position: relative;
  width: fit-content;
  margin: auto;
}
.plan h3::after {
  content: "";
  width: 100%;
  height: 0.5rem;
  position: absolute;
  left: 0;
  bottom: -0.4rem;
}
.plan h3 + p {
  font-size: 1.4rem;
  line-height: 1.5714285714;
  font-weight: 400;
  text-align: center;
  margin: 2.8rem auto 0 auto;
  width: 95.7792207792%;
}
.plan__point {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 0;
  justify-content: space-between;
  align-items: center;
  width: 93.8701298701%;
  margin: 1.4rem auto 0 auto;
}
.plan__point li {
  position: relative;
  padding-left: 2.2rem;
  font-size: 1.5rem;
  line-height: 1.8;
  font-weight: 500;
  text-align: left;
}
.plan__point li span {
  display: block;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400;
  margin-top: 0.2rem;
}
.plan__point li::before {
  content: "";
  width: 1.634rem;
  aspect-ratio: 16.34/15.43;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0.6rem;
}
.plan__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.8rem;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 2.5rem;
}
.plan__list li {
  width: calc((100% - 0.8rem) / 2);
}
.plan__list li p {
  font-size: 1.4rem;
  line-height: 3.2142857143;
}
.plan__list li p span {
  font-size: 2.6rem;
  line-height: 1.7307692308;
  font-weight: 700;
  display: inline-block;
  margin-right: 0.2rem;
}
.plan__btn a {
  display: block;
  width: 23.6rem;
  font-size: 1.6rem;
  line-height: 3.125;
  font-weight: 500;
  color: #fff;
  text-align: center;
  position: relative;
  margin: 1.3rem auto 0 auto;
  border-radius: 2.5rem;
  -webkit-border-radius: 2.5rem;
  -moz-border-radius: 2.5rem;
  -ms-border-radius: 2.5rem;
  -o-border-radius: 2.5rem;
}
.plan.plan01 .remodal-close {
  background: var(--color-blue);
}
.plan.plan01 h3::after {
  background-color: var(--color-blue);
}
.plan.plan01 .plan__point li {
  position: relative;
}
.plan.plan01 .plan__point li::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.088%22%20height%3D%2216.464%22%20viewBox%3D%220%200%2020.088%2016.464%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_274%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20274%22%20transform%3D%22translate(0.921%201.032)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_291%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20291%22%20transform%3D%22translate(0)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ddd%22%20stroke-width%3D%221%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%2215.432%22%20height%3D%2215.432%22%20rx%3D%225%22%20stroke%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2214.432%22%20height%3D%2214.432%22%20rx%3D%224.5%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_569%22%20data-name%3D%22%E3%83%91%E3%82%B9%20569%22%20d%3D%22M-111.121%2C12125.753l5.339%2C5.34%2C9.093-9.094%22%20transform%3D%22translate(113.029%20-12120.203)%22%20fill%3D%22none%22%20stroke%3D%22%230eadf9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.plan.plan01 .plan__list li h4 {
  background-color: var(--color-blue);
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  display: flex;
  align-items: center;
  height: 3.2rem;
  justify-content: center;
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
  background-color: var(--color-blue);
  color: #fff;
}
.plan.plan01 .plan__list li h4 span {
  font-size: 2rem;
}
.plan.plan01 .plan__btn a {
  background: linear-gradient(180deg, rgb(126, 226, 222) 0%, rgb(14, 173, 249) 100%);
}
.plan.plan02 .remodal-close {
  background: #D9BCAA;
}
.plan.plan02 h3::after {
  background-color: var(--color-yellow);
}
.plan.plan02 .plan__point {
  align-items: flex-start;
  width: 100%;
  margin-top: 0.8rem;
}
.plan.plan02 .plan__point li {
  position: relative;
}
.plan.plan02 .plan__point li::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.085%22%20height%3D%2216.461%22%20viewBox%3D%220%200%2020.085%2016.461%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_274%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20274%22%20transform%3D%22translate(0.921%201.033)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_291%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20291%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ddd%22%20stroke-width%3D%221%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%2215.428%22%20height%3D%2215.428%22%20rx%3D%225%22%20stroke%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2214.428%22%20height%3D%2214.428%22%20rx%3D%224.5%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_569%22%20data-name%3D%22%E3%83%91%E3%82%B9%20569%22%20d%3D%22M-111.121%2C12125.751l5.337%2C5.339%2C9.091-9.092%22%20transform%3D%22translate(113.028%20-12120.203)%22%20fill%3D%22none%22%20stroke%3D%22%23fccc21%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.plan.plan02 .plan__point li:nth-child(odd) {
  width: 43%;
  transform: translateX(0.2rem);
}
.plan.plan02 .plan__point li:nth-child(even) {
  width: 57%;
}
.plan.plan02 .plan__list li h4 {
  background-color: var(--color-yellow);
  color: var(--txt-color);
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
  font-size: 1.4rem;
  line-height: 1.5714285714;
  font-weight: 500;
  height: 5.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.plan.plan02 .plan__list li h4 span {
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  display: block;
}
.plan.plan02 .plan__btn a {
  background: linear-gradient(180deg, rgb(255, 246, 33) 0%, rgb(242, 123, 60) 100%);
}

.plan__btn_txt {
  margin-top: 2rem;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .remodal-wrapper {
    padding-top: 12rem;
    padding: 12rem 1.6rem 0 1.5rem !important;
  }
  .plan {
    width: 100%;
    max-width: 102.4rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    padding: 6.2rem 1.8rem 4.4rem 1.8rem;
  }
  .plan .remodal-close {
    width: 6.2rem;
    height: 6.2rem;
    top: -2.5rem;
    right: -2.5rem;
  }
  .plan .remodal-close::after {
    width: 1.8rem;
  }
  .plan h3 {
    font-size: 3.2rem;
    line-height: 1.6875;
  }
  .plan h3::after {
    height: 0.8rem;
    bottom: -0.4rem;
  }
  .plan h3 + p {
    font-size: 1.6rem;
    line-height: 1.75;
    margin: 1.5rem auto 0 auto;
  }
  .plan__point {
    gap: 0 4.29rem;
    max-width: 85.215rem;
    margin: 1.7rem auto 0 auto;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .plan__point li {
    padding-left: 2.5rem;
    font-size: 2rem;
    line-height: 1.8;
  }
  .plan__point li span {
    font-size: 1.4rem;
    line-height: 1.6428571429;
    margin-top: 0.2rem;
    padding-left: 28rem;
  }
  .plan__point li::before {
    width: 2.065rem;
    left: -0.2rem;
    top: 1rem;
  }
  .plan__point li:last-child {
    width: 100%;
  }
  .plan__list {
    margin: 3.7rem auto 0 auto;
    gap: 2rem 1.5rem;
    max-width: 84.4rem;
  }
  .plan__list li {
    width: calc((100% - 4.5rem) / 3);
  }
  .plan__list li p {
    font-size: 1.4rem;
    line-height: 3.3571428571;
  }
  .plan__list li p span {
    font-size: 3rem;
    line-height: 1.5666666667;
    display: inline-block;
    margin-right: 0.2rem;
  }
  .plan__btn a {
    display: block;
    width: 23.6rem;
    font-size: 1.6rem;
    line-height: 3.125;
    font-weight: 500;
    color: #fff;
    text-align: center;
    position: relative;
    margin: 2.3rem auto 0 auto;
    border-radius: 2.5rem;
    -webkit-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem;
    -ms-border-radius: 2.5rem;
    -o-border-radius: 2.5rem;
  }
  .plan.plan02 {
    padding: 6.2rem 1.8rem 6.5rem 1.8rem;
  }
  .plan.plan02 .plan__point {
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    margin: 2.2rem auto;
    gap: 0.8rem 4.29rem;
    max-width: 55.815rem;
  }
  .plan.plan02 .plan__point li {
    white-space: nowrap;
    padding-left: 2.6rem;
  }
  .plan.plan02 .plan__point li:nth-child(odd) {
    width: auto;
    transform: translateX(0.2rem);
  }
  .plan.plan02 .plan__point li:nth-child(even) {
    width: auto;
  }
  .plan.plan02 .plan__point li:last-child {
    width: 100%;
  }
  .plan.plan02 .plan__list {
    max-width: 63.2rem;
    margin: 2rem auto 0 auto;
    gap: 1.6rem;
  }
  .plan.plan02 .plan__list li {
    width: calc((100% - 3.2rem) / 3);
  }
  .plan.plan02 .plan__btn a {
    margin-top: 1rem !important;
  }
  .plan__btn_txt {
    margin-top: 6rem;
    font-size: 1.6rem;
    line-height: 1.625;
    font-weight: 400;
  }
}/*# sourceMappingURL=style.css.map */