@charset "UTF-8";
:root {
  --pc-header: 0;
  --sp-header: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, b, em, i, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption,
button, input, textarea, select, i {
  letter-spacing: .08em;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #333;
  font-size: 1.7rem;
  background: #fff;
  line-height: 1.5;
  font-feature-settings: "palt";
  font-weight: 500;
}

p, dd {
  line-height: 1.76;
}

.ft_e {
  font-family: "Montserrat", sans-serif;
}

.ft_r {
  font-family: "Roboto", sans-serif;
}

.m_ft {
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

em, b, i, span, strong, small {
  letter-spacing: inherit;
}

/*--------------------------------------------------------------
Component
--------------------------------------------------------------*/
.evt {
  visibility: hidden;
}

.c_anchor {
  position: absolute;
  width: 100%;
  left: 0;
  margin-top: -10rem;
}

@media screen and (max-width: 767px) {
  .c_anchor {
    margin-top: -6.7rem;
  }
}

.c_head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 6rem;
}

@media screen and (max-width: 767px) {
  .c_head {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 4.5rem;
  }
  .c_head .c_ttl {
    margin-bottom: 2.5rem;
  }
}

@media screen and (min-width: 768px) {
  .c_head .c_ttl {
    margin-bottom: 0;
  }
}

.c_ttl {
  font-size: 4.4rem;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 6rem;
}

@media screen and (max-width: 767px) {
  .c_ttl {
    margin-bottom: 5rem;
    font-size: 3.6rem;
  }
}

.c_ttl i {
  display: inline-block;
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  padding-left: 1.3em;
  font-size: 1.6rem;
  margin-bottom: .7em;
  letter-spacing: .08em;
}

@media screen and (max-width: 767px) {
  .c_ttl i {
    font-size: 1.4rem;
  }
}

.c_ttl i:before {
  content: '';
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  background: #F5CA24;
  border-radius: 50%;
  width: .75em;
  height: .75em;
  left: 0;
}

.low.brain .c_ttl i:before {
  background: linear-gradient(202.06deg, #F6CF3A 10.76%, #F4E3A2 86.21%);
}

.low.interest .c_ttl i:before {
  background: linear-gradient(202.06deg, #1EB43F 10.76%, #86DE99 86.21%);
}

.low.work .c_ttl i:before {
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
}

.low.kids .c_ttl i:before {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
}

.low.weekend .c_ttl i:before {
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
}

.c_noise {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -2;
  background: #FAFAFA;
}

.c_noise:before {
  content: '';
  position: absolute;
  inset: 0;
  background: url(../img/noise-w.png) center top/160rem;
  mix-blend-mode: multiply;
  z-index: -2;
}

.c_noise:after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, transparent calc(2.5rem - 1px), #000 2.5rem), linear-gradient(90deg, transparent calc(2.5rem - 1px), #000 2.5rem);
  background-size: 2.5rem 2.5rem;
  opacity: .03;
  z-index: -2;
}

.txt_slider {
  display: flex;
  overflow: hidden;
  position: absolute;
  bottom: 3.5rem;
  z-index: -1;
}

.txt_slider p {
  animation: scroll-left 70s infinite linear .5s both;
  white-space: nowrap;
  font-size: 24rem;
  font-weight: 600;
  letter-spacing: .1em;
  padding-right: 4rem;
  color: #fff;
  opacity: .1;
  line-height: 1;
  font-weight: 900;
}

@media screen and (max-width: 767px) {
  .txt_slider p {
    font-size: 12rem;
    padding-right: 2rem;
  }
}

.img_slider {
  display: flex;
  overflow: hidden;
}

.img_slider p {
  animation: scroll-left 80s infinite linear .5s both;
  display: flex;
  gap: 2rem;
  padding-right: 2rem;
}

@media screen and (max-width: 767px) {
  .img_slider p {
    padding-right: 1.5rem;
    gap: 1.5rem;
  }
}

.img_slider p img {
  height: 29.4rem;
  max-width: none;
}

@media screen and (max-width: 767px) {
  .img_slider p img {
    height: 19.404rem;
  }
}

@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.u_inner {
  width: 120rem;
  margin: 0 auto;
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .u_inner {
    width: auto;
    margin: 0 2rem;
  }
}

html {
  font-size: 10px;
}

@media screen and (min-width: 768px) and (max-width: 1500px) {
  html {
    font-size: calc(100vw * 10 / 1500);
  }
}

@media screen and (max-width: 767px) {
  html {
    font-size: calc(100vw * 10 / 375);
  }
}

@media screen and (min-width: 768px) {
  .u_tel {
    pointer-events: none;
  }
}

/*--------------------------------------------------------------
Layout/PageBase
--------------------------------------------------------------*/
:where(#header, #footer) a {
  display: block;
}

#header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 66;
  height: 11.2rem;
}

@media screen and (min-width: 768px) {
  #header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.3rem 3rem 2.3rem 4rem;
  }
  #header:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50%  -50%;
    width: calc(100% - 4rem);
    background: #fff;
    height: calc(100% - 2rem);
    border-radius: 1rem;
    z-index: -1;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
    transition: background .2s;
  }
  body:not(.fixed) #header:before {
    background: none;
    box-shadow: none;
  }
}

@media screen and (max-width: 767px) {
  #header {
    height: 6.7rem;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
    padding: 0 1.2rem;
    gap: 1rem;
    background: #fff;
    transition: background .2s;
  }
  body:not(.fixed) #header {
    background: none;
    box-shadow: none;
  }
}

.h_line {
  background: #fff;
  border-radius: 3em;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .h_line {
    width: 25rem;
  }
}

.h_line a {
  font-size: 2.4rem;
  font-weight: 900;
  background: linear-gradient(202.06deg, #1EB43F 10.76%, #86DE99 86.21%);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.4rem;
  letter-spacing: .03em;
  color: #fff;
  position: relative;
  transition: background .2s;
}

@media screen and (min-width: 768px) {
  body:not(.fixed) .h_line a {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  body:not(.fixed) .h_line a:after {
    background-image: url(../img/arw-r02.svg);
  }
}

.h_line a:after {
  content: '';
  background: url(../img/arw-r02-sp.svg) no-repeat 50%/contain;
  width: .833em;
  height: .833em;
  margin-left: .4em;
  transition: background .2s;
}

@media screen and (max-width: 767px) {
  .h_line a:after {
    position: absolute;
    right: 2rem;
  }
}

.h_line i {
  font-size: 1.125em;
  letter-spacing: -.05em;
}

.h_line small {
  font-size: .8em;
  margin: 0 .05em;
}

@media screen and (max-width: 767px) {
  .h_logo {
    position: absolute;
    left: 2rem;
    top: 2rem;
  }
}

@media screen and (min-width: 768px) {
  .h_logo {
    padding-top: .2rem;
  }
}

.h_logo a {
  display: flex;
  align-items: center;
  font-size: 2.3rem;
  font-weight: 900;
  color: #FF7A21;
  gap: .5em;
}

@media screen and (max-width: 767px) {
  .h_logo a {
    font-size: 1.2rem;
  }
}

.h_logo img {
  width: 11.3em;
  transition: width .2s;
}

body:not(.fixed) .h_logo a {
  color: #fff;
  background: url(../img/h-logo-w.svg) no-repeat left top/contain;
}

body:not(.fixed) .h_logo img {
  opacity: 0;
}

.h_nav {
  font-weight: bold;
}

.h_nav ul a {
  background: url(../img/arw-r01.svg) no-repeat right center/1.3em;
}

@media screen and (min-width: 768px) {
  .h_nav {
    display: flex;
    align-items: center;
  }
  body:not(.fixed) .h_nav {
    color: #fff;
  }
  .h_nav > li {
    position: relative;
  }
  .h_nav > li > a {
    letter-spacing: .08em;
    height: 6.4rem;
    font-weight: bold;
    padding: 0 1.2rem;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .h_nav > li:hover .sub {
    display: block;
  }
  .h_nav .sub {
    display: none;
    position: absolute;
    left: 50%;
    translate: -50% 0;
    padding-top: 1.5rem;
  }
  .h_nav ul {
    width: 40rem;
    padding: 3.5rem 3rem;
    color: #333;
    background: #fff;
    border-radius: 2rem;
    font-size: 2rem;
  }
  .h_nav ul a {
    letter-spacing: 0;
  }
  .h_nav ul li {
    text-align: left;
  }
  .h_nav ul li + li {
    margin-top: 1.4em;
  }
}

@media screen and (max-width: 767px) {
  .h_nav a {
    font-size: 2rem;
    padding-left: 1.5em;
    background: url(../img/arw-r14.svg) no-repeat left center/1.6rem;
    position: relative;
  }
  .h_nav li {
    margin-bottom: 2rem;
  }
  .h_nav .sub {
    display: none;
  }
}

.h_nav a:hover {
  color: inherit;
}

@media screen and (min-width: 768px) {
  .h_cource {
    display: none;
  }
}

.h_cource a:hover {
  color: inherit;
}

@media screen and (max-width: 767px) {
  .h_cource {
    margin: 4.5rem 0 4rem;
  }
  .h_cource dt {
    font-size: 1.5rem;
    color: #FFBB88;
  }
  .h_cource li {
    margin-top: 1em;
  }
  .h_cource a {
    font-size: 2rem;
    font-weight: bold;
    white-space: nowrap;
    background: url(../img/arw-r01.svg) no-repeat left center/1.6rem;
    padding-left: 1.5em;
    letter-spacing: .01em;
  }
}

@media screen and (min-width: 768px) {
  #toggle_menu {
    display: flex !important;
    align-items: center;
    gap: 4rem;
    height: 11.2rem;
  }
}

@media screen and (max-width: 767px) {
  .h_menu {
    position: absolute;
    right: 0;
    width: 6rem;
    top: 0;
  }
  .h_menu img {
    width: 100%;
  }
  #toggle_menu {
    display: none;
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    box-shadow: 0px 7px 13px 0px rgba(1, 59, 108, 0.05);
    padding: 10rem 3.5rem 6rem;
    color: #fff;
    overflow-y: auto;
  }
  #toggle_menu .c_noise {
    background: linear-gradient(180deg, #FF7A21 15.28%, #EC6A33 54.72%, #FFF2C0 110.09%);
    position: fixed;
  }
  #toggle_menu .c_noise:after {
    content: none;
  }
  body.open {
    overflow-y: hidden;
  }
}

#gototop {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 60;
}

@media screen and (max-width: 767px) {
  #gototop {
    bottom: 9rem;
    right: 1rem;
  }
}

#gototop a {
  display: block;
  border-radius: 50%;
  background: #FF7A21;
  position: relative;
  aspect-ratio: 1 / 1;
  width: 6rem;
}

@media screen and (max-width: 767px) {
  #gototop a {
    width: 4rem;
  }
}

#gototop a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50%  -50%;
  background: #fff;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  width: 2rem;
  height: 1.5rem;
}

@media screen and (max-width: 767px) {
  #gototop a:before {
    width: 1.5rem;
    height: 1rem;
  }
}

#footer {
  padding: 8rem 0 9rem;
  background: #fff;
  position: relative;
}

@media screen and (max-width: 767px) {
  #footer {
    padding: 8rem 1.6rem 4rem;
  }
}

@media screen and (min-width: 768px) {
  .f_row {
    display: flex;
  }
  .f_left {
    width: 55rem;
  }
  .f_nav {
    width: calc(100% - 55rem);
  }
}

.f_logo {
  display: flex;
  align-items: center;
  font-size: 2.3rem;
  font-weight: 900;
  color: #FF7A21;
  gap: .5em;
}

@media screen and (max-width: 767px) {
  .f_logo {
    font-size: 1.8rem;
    white-space: nowrap;
  }
}

.f_logo img {
  width: 11.3em;
  transition: width .2s;
}

.f_catch {
  color: #FF7A21;
  font-weight: bold;
  margin: 1.2rem 0 5.5rem;
}

@media screen and (max-width: 767px) {
  .f_catch {
    margin-bottom: 3rem;
    text-align: center;
  }
}

.f_info {
  line-height: 1.82;
  letter-spacing: .04em;
}

@media screen and (max-width: 767px) {
  .f_info {
    line-height: 1.65;
    margin-bottom: 5rem;
  }
}

.f_info img {
  width: 3.1rem;
  position: relative;
  top: -.15em;
  left: .5em;
}

@media screen and (min-width: 768px) {
  .f_nav {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  .f_nav {
    margin-top: 4rem;
  }
  .f_nav dl + dl {
    margin-top: 3rem;
  }
}

.f_nav dt {
  color: #787878;
  font-size: 1.5rem;
  font-weight: 900;
  margin-bottom: 1em;
}

.f_nav li {
  font-size: 2rem;
  margin-top: 1.5em;
}

@media screen and (max-width: 767px) {
  .f_nav li {
    margin-top: .8em;
  }
}

.f_nav a {
  display: inline-block;
  position: relative;
  background: url(../img/arw-r12.svg) no-repeat left center/1.6rem;
  padding-left: 1.3em;
}

@media screen and (max-width: 767px) {
  .f_nav a {
    letter-spacing: -.02em;
    white-space: nowrap;
  }
}

.f_nav a:hover {
  color: inherit;
}

.f_copy {
  font-size: 1.4rem;
  color: #787878;
  margin-top: 7.5rem;
}

@media screen and (max-width: 767px) {
  .f_copy {
    font-size: 1.2rem;
    margin-top: 6rem;
    letter-spacing: .04em;
    text-align: center;
  }
}

.fixed_footer {
  position: fixed;
  bottom: 1rem;
  z-index: 61;
  left: 1rem;
  width: calc(100% - 2rem);
  display: flex;
  background: #fff;
  border-radius: 1rem;
  padding: .8rem;
  gap: .3rem;
}

@media screen and (min-width: 768px) {
  .fixed_footer {
    display: none;
  }
}

.fixed_footer li {
  flex: 1;
}

.fixed_footer img {
  width: 100%;
}

/*--------------------------------------------------------------
Project
--------------------------------------------------------------*/
.top_blog {
  margin-bottom: 15.9rem;
}

@media screen and (min-width: 768px) {
  .top_blog {
    min-height: 20rem;
  }
}

@media screen and (max-width: 767px) {
  .top_blog {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .top_blog .head {
    position: absolute;
    width: 18rem;
  }
}

@media screen and (max-width: 767px) {
  .top_blog .head {
    margin-bottom: 4rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .top_blog .head .c_ttl {
    margin-bottom: 0;
  }
}

.top_blog .head a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
  color: #fff;
  height: 6rem;
  border-radius: 3em;
  font-weight: bold;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 767px) {
  .top_blog .head a {
    height: 4.6rem;
    width: 17rem;
    font-size: 1.7rem;
  }
}

@media screen and (min-width: 768px) {
  .top_blog .head a {
    margin-top: 4rem;
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 768px) {
  .top_blog .scroll {
    margin-left: 25rem;
  }
}

@media screen and (max-width: 767px) {
  .top_blog .scroll {
    margin-right: -2rem;
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: 4rem;
  }
}

.top_blog ul {
  display: flex;
  gap: 2.4rem;
}

@media screen and (max-width: 767px) {
  .top_blog ul {
    width: 78.6rem;
    gap: 3rem;
  }
}

.top_blog li {
  width: 30rem;
  background: #fff;
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 767px) {
  .top_blog li {
    width: 24rem;
  }
}

.top_blog li p {
  padding: 0 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.77;
}

.top_blog li p:not(:has(time)) {
  font-weight: bold;
  text-decoration: underline;
  margin-top: .5em;
}

@media screen and (max-width: 767px) {
  .top_blog li p {
    font-size: 1.4rem;
    padding: 0 1.6rem;
  }
}

.top_blog li a {
  display: block;
  padding-bottom: 3rem;
}

.top_blog li a:hover {
  color: inherit;
}

.top_blog li figure {
  margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
  .top_blog li figure {
    margin-bottom: 1.6rem;
  }
}

.top_blog li figure img {
  width: 100%;
  aspect-ratio: 300 / 200;
  object-fit: cover;
}

.top_blog li time {
  font-size: 1.3rem;
  font-family: "Montserrat", sans-serif;
  color: #FF7A21;
}

@media screen and (max-width: 767px) {
  .top_blog li time {
    font-size: 1.2rem;
  }
}

.top_blog li i {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
  color: #fff;
  border-radius: .2rem;
  padding: 0 .5em;
  font-size: 1.1rem;
  letter-spacing: .01em;
}

@media screen and (max-width: 767px) {
  .top_blog li i {
    font-size: 1rem;
  }
}

.top_flow {
  position: relative;
}

.top_flow .u_inner {
  position: relative;
}

@media screen and (min-width: 768px) {
  .top_flow .btn {
    position: absolute;
    top: 2.4rem;
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  .top_flow .btn {
    margin-top: 3rem;
  }
}

.top_flow .btn a {
  display: flex;
  align-items: center;
  color: #fff;
  border-radius: 1.2rem;
  background: linear-gradient(90deg, #0B69E3 24.67%, #70C8E8 93%);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
  font-size: 2.4rem;
  letter-spacing: .04em;
  height: 7.6rem;
  width: 64rem;
  padding-left: 3rem;
}

@media screen and (max-width: 767px) {
  .top_flow .btn a {
    padding-left: 2rem;
    height: 9rem;
    width: auto;
    font-size: 2rem;
    letter-spacing: -.02em;
  }
}

.top_flow .btn img {
  widht: 2.6rem;
  margin-left: .4em;
}

@media screen and (max-width: 767px) {
  .top_flow .btn img {
    position: absolute;
    right: 2rem;
  }
}

.top_flow ul {
  display: flex;
  gap: 3rem 2.666rem;
  margin-top: 6rem;
}

@media screen and (max-width: 767px) {
  .top_flow ul {
    margin: 0;
    flex-direction: column;
  }
}

.top_flow li {
  flex: 1;
  position: relative;
  border-radius: 2rem;
  background: linear-gradient(209.82deg, #FF8C3F -5.93%, #FFC29A 73.18%);
  z-index: 0;
  color: #fff;
  text-align: center;
  padding: 3rem 3rem 3rem;
}

.top_flow li i {
  font-family: "Roboto", sans-serif;
  font-size: 2.6rem;
  font-weight: bold;
  position: absolute;
  top: 1.5rem;
  left: 1.7rem;
}

.top_flow li:before {
  content: '';
  width: 2rem;
  height: 4rem;
  background: #ffa66a;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .top_flow li:before {
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    right: -1.7rem;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
  }
}

@media screen and (max-width: 767px) {
  .top_flow li:before {
    height: 2rem;
    width: 4rem;
    position: absolute;
    left: 50%;
    translate: -50% 0;
    bottom: -1.6rem;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    background: #ffc39a;
  }
}

.top_flow li:nth-child(2) {
  background: linear-gradient(204.65deg, #FF781D -6.3%, #FFB686 85.36%);
}

.top_flow li:nth-child(2):before {
  background: #ff944c;
}

@media screen and (max-width: 767px) {
  .top_flow li:nth-child(2):before {
    background: #ffb584;
  }
}

.top_flow li:nth-child(3) {
  background: linear-gradient(207.39deg, #FF771C 21.3%, #FFAA71 91.72%);
}

.top_flow li:nth-child(3):before {
  background: #ff7f2a;
}

@media screen and (max-width: 767px) {
  .top_flow li:nth-child(3):before {
    background: #ffa66a;
  }
}

.top_flow li:last-child {
  background: linear-gradient(202.06deg, #FF7010 10.76%, #FF9A56 86.21%);
}

.top_flow li:last-child:before {
  content: none;
}

.top_flow figure img {
  width: 18.6rem;
}

.top_flow dd {
  text-align: left;
}

.top_flow dt {
  font-size: 2.8rem;
  font-weight: 900;
  line-height: 1.42;
  margin: 2.5rem 0 .5em;
}

@media screen and (max-width: 767px) {
  .top_flow dt {
    font-size: 2.4rem;
  }
  .top_flow dt br {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .top_flow dt {
    height: 2.84em;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.top_main {
  position: relative;
  z-index: 0;
  margin-bottom: 12.5rem;
  padding: 20rem 0 12rem;
}

.top_main:after {
  content: '';
  position: absolute;
  background: url(../img/mv-bg01.webp) no-repeat center top/100%;
  width: 100%;
  height: 300rem;
  top: 0;
  z-index: -2;
  will-change: transform;
}

@media screen and (max-width: 1600px) {
  .top_main:after {
    background-size: 160rem;
  }
}

@media screen and (max-width: 767px) {
  .top_main:after {
    background-image: url(../img/mv-bg01-sp.webp);
    height: 160rem;
    background-size: 100%;
  }
}

@media screen and (max-width: 767px) {
  .top_main {
    margin-bottom: 7rem;
    padding: 8rem 0 0;
  }
}

.top_main:before {
  content: '';
  position: absolute;
  background: url(../img/mv-arrow.svg) no-repeat center top/cover;
  width: 165.4rem;
  height: 37.9rem;
  right: calc(50% - 80.8rem);
  top: 0;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .top_main:before {
    background-image: url(../img/mv-arrow-sp.svg);
    width: 100%;
    right: 0;
    height: 50.3rem;
    background-size: 100%;
  }
}

@media screen and (max-width: 767px) {
  .top_main .catch {
    text-align: center;
    margin-top: 1.5rem;
  }
}

.top_main .catch img {
  width: 52rem;
}

@media screen and (max-width: 767px) {
  .top_main .catch img {
    width: 29.7rem;
    margin-left: -1rem;
  }
}

.top_main .lead {
  font-size: 2.3rem;
  font-weight: 900;
  letter-spacing: .04em;
  color: #fff;
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .top_main .lead {
    font-size: 1.3rem;
    text-align: center;
  }
}

.top_main .btn {
  margin-top: 8.6rem;
}

@media screen and (max-width: 767px) {
  .top_main .btn {
    margin-top: 4rem;
  }
}

.top_main .btn em {
  position: absolute;
  color: #0E74BC;
  font-size: 2rem;
  letter-spacing: .12em;
  display: flex;
  top: -1.5rem;
  z-index: 0;
  left: 3rem;
}

@media screen and (max-width: 767px) {
  .top_main .btn em {
    font-size: 1.4rem;
    left: 2rem;
    top: -1.2rem;
  }
}

.top_main .btn i {
  position: relative;
}

.top_main .btn i:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50%  -50%;
  background: #FFDE5A;
  width: 1.85em;
  height: 1.85em;
  border-radius: 50%;
  z-index: -1;
}

.top_main .btn small {
  font-size: .7em;
  margin-left: -.5em;
  display: inline-block;
}

.top_main .btn a {
  display: flex;
  align-items: center;
  width: 45rem;
  height: 10rem;
  background: linear-gradient(90deg, #0B69E3 24.67%, #70C8E8 93%);
  box-shadow: 0px 10px 10px rgba(255, 122, 33, 0.2);
  border-radius: 1.2rem;
  position: relative;
  font-size: 3.4rem;
  color: #fff;
  padding-left: .7em;
  font-weight: 900;
  letter-spacing: .04em;
}

@media screen and (max-width: 767px) {
  .top_main .btn a {
    width: 30.5rem;
    font-size: 2.2rem;
    height: 6.6rem;
    margin: 0 auto;
    padding-left: 1em;
    border-radius: .76rem;
  }
}

.top_main .btn a:hover {
  olor: inherit;
}

.top_main .btn a:after {
  content: '';
  background: url(../img/arw-r03.svg) no-repeat 50%/contain;
  width: .764em;
  height: .764em;
  margin-left: .1em;
}

@media screen and (max-width: 767px) {
  .top_main .btn a:after {
    position: absolute;
    right: 1.5rem;
  }
}

.top_main .slide {
  width: 57.3rem;
  padding-right: 9rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .top_main .slide {
    width: 29.5rem;
    margin: 0 auto;
    padding-right: 1.3rem;
  }
}

.top_main .slide img {
  border-radius: 2rem;
}

.top_main .slide p {
  position: absolute;
  border-radius: 50%;
  right: -12.6rem;
  top: -5rem;
  color: #fff;
  font-weight: bold;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.3;
  font-size: 2.6rem;
  text-align: center;
  letter-spacing: 0;
  background: linear-gradient(210.62deg, #F6CF3A 48.8%, #F4E3A2 89.94%);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
  width: 17rem;
}

@media screen and (max-width: 767px) {
  .top_main .slide p {
    width: 11rem;
    height: 11rem;
    right: -3rem;
    top: -4.2rem;
    font-size: 1.8rem;
  }
}

.top_main .slide p.b {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
}

.top_main .slide p.c {
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #5C96D3 86.21%);
}

.top_main .slide p.d {
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
}

.top_main .slide p.e {
  background: linear-gradient(202.06deg, #1EB43F 10.76%, #86DE99 86.21%);
}

.top_main .row {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .top_main .row {
    width: 124rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
}

.top_main .swiper-fade .swiper-slide {
  transition-property: opacity !important;
}

.top_main .pager {
  position: absolute;
  right: -1.4rem;
  bottom: 3rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media screen and (max-width: 767px) {
  .top_main .pager {
    gap: 1.3rem;
    bottom: 2rem;
  }
}

.top_main .swiper-pagination-bullet {
  height: .6rem;
  width: .6rem;
  border-radius: 50%;
  cursor: pointer;
  background: #fff;
  position: relative;
}

@media screen and (max-width: 767px) {
  .top_main .swiper-pagination-bullet {
    height: .4rem;
    width: .4rem;
  }
}

.top_main .swiper-pagination-bullet:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50%  -50%;
  width: 1.4rem;
  height: 1.4rem;
  border: solid 1px #fff;
  border-radius: 50%;
  opacity: 0;
  transition: background .2s;
}

@media screen and (max-width: 767px) {
  .top_main .swiper-pagination-bullet:before {
    width: .93rem;
    height: .93rem;
  }
}

.top_main .swiper-pagination-bullet-active:before {
  opacity: 1;
}

.top_camp {
  position: relative;
  margin-bottom: 6rem;
}

@media screen and (min-width: 768px) {
  .top_camp {
    margin-bottom: 15rem;
  }
  .top_camp .u_inner {
    width: 122rem;
  }
}

@media screen and (max-width: 767px) {
  .top_camp {
    text-align: center;
  }
  .top_camp img {
    width: 30rem;
  }
}

.top_camp p {
  text-align: right;
  font-weight: bold;
  margin-right: 1rem;
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .top_camp p {
    text-align: center;
    font-size: 1.1rem;
  }
}

.top_bg {
  position: relative;
  @incluce pc {}
}

.top_bg:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 520rem;
  z-index: -1;
  background: url(../img/intro-bg-grid.webp) no-repeat center top/100%;
}

@media screen and (max-width: 1600px) {
  .top_bg:before {
    background-size: 160rem;
  }
}

@media screen and (max-width: 767px) {
  .top_bg:before {
    background-image: url(../img/intro-bg-sp.webp);
    background-size: 100%;
    height: 620rem;
    width: 100vw;
    top: 14rem;
  }
}

.top_intro {
  position: relative;
  text-align: center;
  color: #fff;
  padding: 31rem 0 35rem;
}

@media screen and (max-width: 767px) {
  .top_intro {
    padding: 32rem 0 30rem;
  }
  .top_intro .u_inner {
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  .top_intro:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 520rem;
    z-index: -1;
    left: 0;
    top: -9.7rem;
    background: url(../img/intro-bg.webp) no-repeat center top/100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1600px) {
  .top_intro:before {
    background-size: 160rem;
  }
}

.top_intro .bg {
  position: absolute;
  width: 168.5rem;
  max-width: 168.5rem;
  left: calc(50% - 86rem);
  top: 3rem;
}

@media screen and (max-width: 767px) {
  .top_intro .bg {
    widht: 100%;
    left: 0;
    max-width: 100%;
    top: 13.5rem;
    z-index: -1;
  }
}

.top_intro .ttl {
  font-weight: 900;
  font-size: 5.4rem;
  letter-spacing: 0;
  line-height: 1.7;
  margin-bottom: 1.3em;
}

@media screen and (max-width: 767px) {
  .top_intro .ttl {
    font-size: 4.4rem;
    white-space: nowrap;
  }
}

.top_intro .ttl em {
  background: #fff;
  border-radius: 1rem;
  color: #FF7A21;
  margin: 0 .2em;
  padding: 0 .2em .1em;
}

.top_intro p {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 2.25;
  letter-spacing: .05em;
  margin-top: 1em;
}

@media screen and (max-width: 767px) {
  .top_intro p {
    font-size: 2rem;
    line-height: 2;
  }
}

.top_feature {
  margin-bottom: 18.5rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .top_feature {
    margin-bottom: 15rem;
  }
}

@media screen and (min-width: 768px) {
  .top_feature .c_ttl {
    margin-bottom: 9rem;
  }
}

.top_feature .c_ttl em {
  font-size: 1.59em;
  font-family: "Montserrat", sans-serif;
}

.top_feature ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7rem 9rem;
}

@media screen and (max-width: 767px) {
  .top_feature ul {
    width: 30.5rem;
    margin: 0 auto;
    gap: 5rem;
  }
}

.top_feature li {
  width: 34rem;
}

.top_feature li img {
  border-radius: 50%;
  box-shadow: 0px 5px 10px rgba(135, 109, 8, 0.2);
}

.top_feature li:nth-child(2) dt {
  color: #0E56A3;
}

.top_feature li:nth-child(2) dt i {
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
}

.top_feature li:nth-child(3) dt {
  color: #FF7A21;
}

.top_feature li:nth-child(3) dt i {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
}

.top_feature li:nth-child(4) dt {
  color: #EAC32A;
}

.top_feature li:nth-child(4) dt i {
  background: linear-gradient(202.06deg, #F6CF3A 10.76%, #F4E3A2 86.21%);
}

.top_feature li:nth-child(5) dt {
  color: #0DBDDC;
}

.top_feature li:nth-child(5) dt i {
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
}

.top_feature dt {
  color: #1EB43F;
  font-size: 2.8rem;
  font-weight: 900;
  position: relative;
  text-align: left;
  display: flex;
  justify-content: center;
  gap: .6em;
  margin: .7em 0 .6em;
}

@media screen and (max-width: 767px) {
  .top_feature dt {
    font-size: 2.4rem;
  }
}

.top_feature dt i {
  border-radius: 50%;
  font-size: 4rem;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  width: 1.95em;
  height: 1.95em;
  background: linear-gradient(202.06deg, #1EB43F 10.76%, #86DE99 86.21%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .top_feature dt i {
    font-size: 3.6rem;
  }
}

.top_feature dd {
  line-height: 1.75;
}

@media screen and (max-width: 767px) {
  .top_feature dd {
    margin: 0 -1em;
  }
}

.top_style {
  margin-bottom: 16rem;
}

@media screen and (max-width: 767px) {
  .top_style {
    margin-bottom: 15rem;
  }
}

.top_style li {
  width: 36rem;
  margin: 0 3rem;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  background: #fff;
  height: auto;
  border-radius: 2rem;
}

@media screen and (max-width: 767px) {
  .top_style li {
    width: 30.5rem;
    margin: 0 1rem;
  }
}

.top_style li.b dt {
  color: #0E56A3;
}

.top_style li.b figure {
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
}

.top_style li.c dt {
  color: #0DBDDC;
}

.top_style li.c figure {
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
}

.top_style li.d dt {
  color: #EAC32A;
}

.top_style li.d figure {
  background: linear-gradient(202.06deg, #F6CF3A 10.76%, #F4E3A2 86.21%);
}

.top_style li.e dt {
  color: #1EB43F;
}

.top_style li.e figure {
  background: linear-gradient(202.06deg, #1EB43F 10.76%, #86DE99 86.21%);
}

.top_style .slide {
  position: relative;
  padding: 7rem 0;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .top_style .slide {
    padding: 1rem 0 0;
    margin-top: -1rem;
  }
}

@media screen and (max-width: 767px) {
  .top_style .btn {
    display: flex;
    justify-content: center;
    padding: 3rem 0 0;
    gap: 2rem;
  }
}

.top_style .btn i {
  cursor: pointer;
  width: 6rem;
  height: 6rem;
  background: url(../img/arw-prev01.svg) no-repeat 50%/contain;
}

@media screen and (min-width: 768px) {
  .top_style .btn i {
    position: absolute;
    top: 0;
    height: 100%;
    width: 8rem;
    z-index: 2;
  }
}

.top_style .btn .prev {
  left: 3rem;
}

.top_style .btn .next {
  background-image: url(../img/arw-next01.svg);
  right: 3rem;
}

.top_style dl {
  text-align: center;
  padding: 3.5rem 3rem 4.5rem;
}

.top_style dt {
  font-size: 2.8rem;
  font-weight: 900;
  line-height: 1.42;
  color: #FF7A21;
  height: 2.84em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: .3em;
}

.top_style figure {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
  border-radius: 2rem 2rem 0 0;
}

.top_cource {
  margin-bottom: 4rem;
}

.top_cource .c_ttl {
  margin-bottom: 6rem;
}

@media screen and (min-width: 768px) {
  .top_cource .c_ttl {
    margin-bottom: 8rem;
  }
}

.cource_sec {
  background: url(../img/course-bg01.webp) center top/cover;
  border-radius: 5rem 5rem 0 0;
  padding: 12rem 0 16rem;
  margin-bottom: -4rem;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .cource_sec .u_inner {
    width: 125rem;
  }
}

@media screen and (max-width: 767px) {
  .cource_sec {
    border-radius: 3rem 3rem 0 0;
    background-image: url(../img/course-bg01-sp.webp);
    padding: 7rem 0 11rem;
  }
}

.cource_sec.brain {
  background-image: url(../img/course-bg02.webp);
}

@media screen and (max-width: 767px) {
  .cource_sec.brain {
    background-image: url(../img/course-bg02-sp.webp);
  }
}

.cource_sec.hobby {
  background-image: url(../img/course-bg03.webp);
}

@media screen and (max-width: 767px) {
  .cource_sec.hobby {
    background-image: url(../img/course-bg03-sp.webp);
  }
}

.cource_sec.skill {
  background-image: url(../img/course-bg04.webp);
}

@media screen and (max-width: 767px) {
  .cource_sec.skill {
    background-image: url(../img/course-bg04-sp.webp);
  }
}

.cource_sec.kids {
  background-image: url(../img/course-bg05.webp);
}

@media screen and (max-width: 767px) {
  .cource_sec.kids {
    background-image: url(../img/course-bg05-sp.webp);
  }
}

@media screen and (min-width: 768px) {
  .cource_sec .row {
    height: 56rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10rem;
  }
}

.cource_sec.weekend .ttl i {
  letter-spacing: -.05em;
}

.cource_sec.brain .desc a {
  color: #EAC32A;
}

.cource_sec.hobby .desc a {
  color: #1EB43F;
}

.cource_sec.skill .desc a {
  color: #0E56A3;
}

.cource_sec.kids {
  margin-bottom: 0;
}

.cource_sec.kids .desc a {
  color: #FF7A21;
}

@media screen and (max-width: 767px) {
  .cource_sec.kids {
    padding-bottom: 7rem;
  }
}

@media screen and (max-width: 767px) {
  .cource_sec .desc {
    margin-bottom: 6.5rem;
  }
}

@media screen and (min-width: 768px) {
  .cource_sec .desc {
    width: 70rem;
  }
}

.cource_sec .desc a {
  margin-top: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 9rem;
  width: 32rem;
  border-radius: 3em;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
  background: #fff;
  color: #0DBDDC;
  font-size: 2.2rem;
  font-weight: 900;
  position: relative;
}

@media screen and (max-width: 767px) {
  .cource_sec .desc a {
    width: 100%;
    font-size: 2rem;
    height: 8rem;
    margin-top: 4.5rem;
  }
}

.cource_sec .desc a img {
  width: 1.1818em;
  right: 1.1818em;
  position: absolute;
}

@media screen and (min-width: 768px) {
  .cource_sec figure {
    width: 45rem;
  }
}

.cource_sec figure img {
  border-radius: 2rem;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}

@media screen and (min-width: 768px) {
  .cource_sec ul {
    column-count: 2;
    gap: 4rem;
    margin-bottom: -4rem;
  }
}

.cource_sec li {
  background: url(../img/arw-r06.svg) no-repeat right center/0.333em;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 4rem;
  border-bottom: dashed 1px #fff;
  line-height: 1.44;
}

@media screen and (max-width: 767px) {
  .cource_sec li {
    margin-bottom: 2.5rem;
  }
}

.cource_sec li a {
  padding-bottom: 2rem;
  display: block;
}

.cource_sec li a:hover {
  color: inherit;
}

.cource_sec .ttl {
  font-weight: 900;
}

@media screen and (min-width: 768px) {
  .cource_sec .ttl {
    display: flex;
    align-items: center;
    gap: 3rem;
  }
}

@media screen and (max-width: 767px) {
  .cource_sec .ttl {
    margin-bottom: 5rem;
  }
}

.cource_sec .ttl i {
  font-size: 3.8rem;
}

@media screen and (min-width: 768px) {
  .cource_sec .ttl i {
    font-size: 5.4rem;
    background: url(../img/text-line.svg) no-repeat left bottom/auto 1.6rem;
    padding-bottom: .3em;
  }
}

@media screen and (max-width: 767px) {
  .cource_sec .ttl i {
    line-height: 1.25;
    letter-spacing: -.05em;
  }
}

.cource_sec .ttl em {
  font-size: 4.8rem;
  line-height: 1.33;
}

@media screen and (max-width: 767px) {
  .cource_sec .ttl em {
    font-size: 3.8rem;
    letter-spacing: 0;
  }
}

.cource_sec .ttl img {
  width: 14rem;
}

@media screen and (max-width: 767px) {
  .cource_sec .ttl img {
    display: block;
    width: 9rem;
    margin-bottom: 2rem;
  }
}

.cource_sec .ttl img + * {
  width: calc(100% - 17rem);
}

.cource_sec .catch {
  font-size: 2.8rem;
  font-weight: 900;
  line-height: 1.6;
  margin: 1.6em 0 1em;
}

@media screen and (max-width: 767px) {
  .cource_sec .catch {
    font-size: 2.2rem;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 767px) {
  .cource_sec p br {
    display: none;
  }
}

.top_voice {
  position: relative;
  margin: 14rem 0 20rem;
}

@media screen and (max-width: 767px) {
  .top_voice {
    margin: 8rem 0 12rem;
  }
}

@media screen and (max-width: 767px) {
  .top_voice .txt_slider {
    position: static;
    margin-bottom: 5rem;
  }
}

.top_voice .txt_slider p {
  color: #FF7A21;
  opacity: .1;
}

.top_voice .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}

@media screen and (max-width: 767px) {
  .top_voice .list {
    grid-template-columns: repeat(1, 1fr);
    gap: 5rem;
  }
}

.top_voice dl {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
  position: relative;
  border-radius: 2rem;
  padding: 2rem 2.4rem;
  color: #fff;
  filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.15));
  transform: translateZ(0);
}

@media screen and (max-width: 767px) {
  .top_voice dl {
    height: 27rem;
  }
}

.top_voice dl:before {
  content: '';
  position: absolute;
  width: 5rem;
  height: 4rem;
  clip-path: polygon(4% 0, 0% 100%, 100% 0);
  background: #ffb583;
  bottom: -3rem;
  right: 7.5rem;
  z-index: -1;
}

.top_voice dl:nth-child(2) {
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
}

.top_voice dl:nth-child(2):before {
  background: #518dcd;
}

.top_voice dl:nth-child(3) {
  background: linear-gradient(202.06deg, #1EB43F 10.76%, #86DE99 86.21%);
}

.top_voice dl:nth-child(3):before {
  background: #77d88c;
}

.top_voice dt {
  display: flex;
  align-items: center;
  gap: 1.4em;
  margin-bottom: 1em;
}

.top_voice dt img {
  background: #fff;
  border-radius: 50%;
  width: 7.6rem;
}

.top_voice dd {
  font-size: 1.8rem;
  line-height: 1.83;
  letter-spacing: .06em;
}

.top_price {
  position: relative;
  z-index: 0;
  padding: 16rem 0 18rem;
}

@media screen and (max-width: 767px) {
  .top_price {
    padding: 12rem 0 14rem;
  }
}

.top_price:after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 20rem;
  background: linear-gradient(180deg, transparent 0%, #fff 100%);
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .top_price .c_ttl {
    margin-bottom: 8rem;
  }
}

.top_price .first, .top_price li {
  border-radius: 2rem;
  overflow: hidden;
  background: #fff;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}

.top_price .first {
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .top_price .first {
    padding: 3rem 2.4rem 4rem;
  }
}

@media screen and (min-width: 768px) {
  .top_price .first {
    height: 15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
  }
}

.top_price .fee {
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: .02em;
}

@media screen and (max-width: 767px) {
  .top_price .fee {
    white-space: nowrap;
    line-height: 1.5;
    margin-bottom: 2rem;
  }
}

.top_price .fee em {
  font-size: 3.6rem;
  letter-spacing: .02em;
}

@media screen and (min-width: 768px) {
  .top_price .fee em {
    margin-left: .3em;
  }
}

.top_price .fee small {
  font-size: 1.6rem;
}

.top_price .fee i {
  font-size: 1.9rem;
}

.top_price .fee .ft_e {
  font-weight: 600;
}

.top_price .free {
  border-radius: 1.2rem;
  background: linear-gradient(90deg, #0B69E3 24.67%, #70C8E8 93%);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 3rem;
  font-weight: bold;
  position: relative;
  padding: 0 1em .2em;
  letter-spacing: -.02em;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .top_price .free {
    line-height: 1;
    height: 8rem;
    font-size: 1.7rem;
    padding-top: 1.6rem;
    letter-spacing: 0;
  }
  .top_price .free span {
    font-size: 1.9rem;
    display: block;
    letter-spacing: -.06em;
    margin-bottom: -.5em;
  }
}

.top_price .free:after {
  content: '';
  background: url(../img/arw-r11.svg) no-repeat 50%/contain;
  width: 2.6rem;
  height: 2.6rem;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .top_price .free:after {
    position: absolute;
    height: 100%;
    top: 0;
    right: 1rem;
  }
}

.top_price .free b {
  background: top left/1em 0.5em repeat-x radial-gradient(circle, #fff 0.3rem, transparent 0.4rem);
  padding-top: .2em;
  font-weight: inherit;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .top_price .free b {
    background: top left/1em 0.5em repeat-x radial-gradient(circle, #fff 0.2rem, transparent 0.2rem);
    padding-top: .4em;
  }
}

.top_price .free em {
  color: #FFE16F;
}

.top_price .free small {
  font-size: 2.3rem;
}

@media screen and (max-width: 767px) {
  .top_price .free small {
    font-size: 1.3rem;
  }
}

.top_price .free i {
  font-size: 5rem;
}

@media screen and (max-width: 767px) {
  .top_price .free i {
    line-height: 1;
    font-size: 4.4rem;
  }
}

.top_price .free img {
  margin-right: .5em;
  vertical-align: -.1em;
  width: 2.4rem;
}

@media screen and (max-width: 767px) {
  .top_price .free img {
    display: none;
  }
}

.top_price .head {
  color: #EAC32A;
  font-size: 2.8rem;
  font-weight: 900;
  line-height: 1.5;
  text-align: center;
  background: #FFFCEE;
  padding-bottom: 3.2rem;
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .top_price .head {
    font-size: 2.4rem;
  }
}

.top_price .head.b {
  letter-spacing: -.07em;
}

.top_price .head small {
  display: block;
  font-weight: bold;
  font-size: 1.5rem;
  letter-spacing: .08em;
  margin-top: 1em;
}

@media screen and (max-width: 767px) {
  .top_price .head small {
    font-size: 1.4rem;
  }
}

.top_price .catch {
  width: 18rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(202.06deg, #F6CF3A 10.76%, #F4E3A2 86.21%);
  border-radius: 0 0 1rem 1rem;
  color: #fff;
  margin: 0 auto;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: .08em;
  margin-bottom: 2rem;
}

.top_price .price {
  font-weight: 900;
  line-height: 1.2;
  font-size: 2.9rem;
  margin-bottom: 3.5rem;
}

.top_price .price i {
  border: solid 1px #333;
  border-radius: 3em;
  font-weight: bold;
  font-size: 1.5rem;
  padding: .2em 1em;
  display: inline-block;
  margin-bottom: .4em;
}

.top_price .price em, .top_price .price b {
  font-family: "Montserrat", sans-serif;
}

.top_price .price em {
  font-size: 6rem;
  letter-spacing: .02em;
  font-weight: bold;
  color: #EAC32A;
}

.top_price .price small {
  font-size: 1.6rem;
  display: block;
  font-weight: bold;
}

.top_price .price b {
  font-size: 1.9rem;
  font-weight: 600;
}

.top_price .note {
  color: #787878;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.46;
}

.top_price .note + .note {
  margin-top: 1.5em;
  font-size: 1.3rem;
}

.top_price .note.b {
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: -.05em;
  white-space: nowrap;
}

.top_price .note.c {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.73;
  margin-top: 2rem;
  text-align: left;
}

.top_price .cource {
  margin-bottom: 4.5rem;
}

@media screen and (max-width: 767px) {
  .top_price .cource {
    margin-bottom: 2rem;
  }
}

.top_price .cource em {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
  color: #fff;
  font-size: 2.4rem;
  font-weight: 900;
  display: inline-block;
  padding: 0 .6em;
  position: relative;
  z-index: 0;
}

.top_price .cource em:before {
  content: '';
  position: absolute;
  left: 50%;
  translate: -50% 0;
  bottom: -2rem;
  width: 2.5rem;
  height: 2.2rem;
  background: #ffb481;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .top_price .cource em:before {
    bottom: -1rem;
  }
}

.top_price .cource small {
  font-size: 2rem;
  margin: 0 -.2em;
}

.top_price .cource i {
  font-size: 4rem;
  line-height: 1;
}

.top_price .opt {
  padding: 0 3.5rem 4rem;
}

@media screen and (max-width: 767px) {
  .top_price .opt {
    padding: 0 2.4rem 4rem;
  }
}

.top_price .option {
  border-bottom: dotted 1px #DCDCDC;
  padding: 2.5rem 0;
  padding-left: 9rem;
  text-align: left;
  position: relative;
}

@media screen and (max-width: 767px) {
  .top_price .option {
    padding-left: 7.5rem;
  }
}

.top_price .option img {
  position: absolute;
  left: 0;
  font-size: 1rem;
}

@media screen and (max-width: 767px) {
  .top_price .option img {
    font-size: .9rem;
  }
}

.top_price .option img.a {
  width: 5.4em;
}

.top_price .option img.b {
  width: 6.6em;
}

.top_price .option img.c {
  width: 5.8em;
}

.top_price .menu {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2;
}

.top_price .menu small {
  font-size: 1.5rem;
  margin: 0 -.3em;
}

.top_price .price2 {
  font-weight: bold;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: .02em;
  line-height: 1.2;
}

.top_price .price2 em, .top_price .price2 b {
  font-family: "Montserrat", sans-serif;
}

.top_price .price2 em {
  font-size: 3rem;
  font-weight: 600;
}

.top_price .price2 b {
  font-size: 1.7rem;
  font-weight: 500;
}

.top_price .price2 small {
  display: block;
  color: #787878;
  font-size: 1.5rem;
}

.top_price li {
  text-align: center;
  padding-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  .top_price li {
    margin-top: 3rem;
  }
}

.top_price li:nth-child(2) .catch {
  background: linear-gradient(202.06deg, #1EB43F 10.76%, #86DE99 86.21%);
}

.top_price li:nth-child(2) .head {
  color: #1EB43F;
  background: #EEFBF1;
}

.top_price li:nth-child(2) .price em {
  color: #1EB43F;
}

.top_price li:nth-child(3) .catch {
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
}

.top_price li:nth-child(3) .head {
  color: #0E56A3;
  background: #EBF2F9;
}

.top_price li:nth-child(3) .price em {
  color: #0E56A3;
}

.top_price li:nth-child(4) .catch {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
}

.top_price li:nth-child(4) .head {
  color: #FF7A21;
  background: #FFEFE4;
}

.top_price li:nth-child(4) .price em {
  color: #FF7A21;
}

.top_price li:nth-child(5) .catch {
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
}

@media screen and (min-width: 768px) {
  .top_price ul {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem 0;
    justify-content: space-between;
  }
  .top_price li {
    width: 38rem;
  }
  .top_price li:nth-child(4) {
    width: 79rem;
  }
  .top_price .row {
    display: flex;
    justify-content: space-between;
    margin-top: 6rem;
  }
  .top_price .box {
    width: 50%;
  }
  .top_price .box + .box {
    border-left: dotted 1px #DCDCDC;
    padding-bottom: 5rem;
  }
}

@media screen and (max-width: 767px) {
  .top_price .box {
    margin: 0 2.5rem;
  }
  .top_price .box + .box {
    border-top: dotted 1px #DCDCDC;
    padding-top: 5rem;
    margin-top: 5rem;
  }
}

.top_price dl {
  margin-top: 10rem;
}

@media screen and (max-width: 767px) {
  .top_price dl {
    margin-top: 6rem;
  }
}

.top_price dt {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1;
  border-left: solid 0.25em #333;
  padding-left: .5em;
  margin: 4rem 0 .7em;
}

@media screen and (max-width: 767px) {
  .top_price dt {
    font-size: 2rem;
  }
}

.top_schedule {
  margin-bottom: 15rem;
}

@media screen and (max-width: 767px) {
  .top_schedule {
    margin-bottom: 10rem;
  }
  .top_schedule .c_ttl {
    font-size: 2.8rem;
    letter-spacing: 0;
  }
}

.top_schedule ul {
  display: flex;
  justify-content: space-between;
  gap: 3rem 8rem;
  margin-top: 7.5rem;
}

@media screen and (max-width: 767px) {
  .top_schedule ul {
    margin-top: 0;
    flex-direction: column;
  }
}

.top_schedule li {
  flex: 1;
}

.top_schedule .ttl {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
  border-radius: 1rem;
  height: 7rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
  .top_schedule .ttl {
    font-size: 2rem;
  }
}

.top_schedule .ttl img {
  width: 2.7rem;
  vertical-align: -.15em;
  margin-right: .5em;
}

.top_schedule .ttl small {
  font-family: "Montserrat", sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .top_schedule .ttl small {
    font-size: 1.4rem;
  }
}

.top_schedule .ttl.b {
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
}

.top_schedule .ttl.b img {
  width: 2.3rem;
}

.top_schedule dl {
  border-top: solid 1px #DCDCDC;
  display: flex;
  flex-wrap: wrap;
}

.top_schedule dt, .top_schedule dd {
  border-bottom: solid 1px #DCDCDC;
}

.top_schedule dt {
  width: 16rem;
  background: #F5F5F5;
  padding: 1.1em 1em;
}

@media screen and (max-width: 767px) {
  .top_schedule dt {
    width: 9rem;
    font-size: 1.6rem;
    line-height: 1.1875;
    padding: 1.5em 1em;
  }
}

.top_schedule dd {
  width: calc(100% - 16rem);
  font-size: 1.8rem;
  display: flex;
  padding-left: 1.5em;
}

@media screen and (max-width: 767px) {
  .top_schedule dd {
    width: calc(100% - 9rem);
    flex-direction: column;
    padding: 1.2em 0 1em;
    padding-left: 1.2em;
  }
}

@media screen and (min-width: 768px) {
  .top_schedule dd {
    align-items: center;
    justify-content: space-between;
  }
}

.top_schedule dd i {
  background: linear-gradient(202.06deg, #F6CF3A 10.76%, #F4E3A2 86.21%);
  border-radius: 3em;
  color: #fff;
  font-size: 1.4rem;
  width: 7.1em;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .top_schedule dd i {
    padding: .25em 0;
  }
}

.top_schedule dd i.green {
  background: linear-gradient(202.06deg, #1EB43F 10.76%, #86DE99 86.21%);
}

.top_schedule dd i.orange {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
}

.top_schedule .note {
  font-size: 1.4rem;
  line-height: 1.71;
  margin-top: 1.4em;
}

.top_bg1 {
  position: relative;
  z-index: 0;
  height: 19.2rem;
  mask: url(../img/staff-mask.png) no-repeat center top/100% 100%;
}

@media screen and (max-width: 767px) {
  .top_bg1 {
    height: 2.5rem;
  }
}

.top_bg1 .c_noise {
  background: #FFFAF1;
}

.top_bg2 {
  position: relative;
  z-index: 0;
  padding: 10rem 0 20rem;
}

@media screen and (max-width: 767px) {
  .top_bg2 {
    padding: 8rem 0 0;
  }
}

.top_bg2 .c_noise {
  background: linear-gradient(180deg, #FFFAF1 0%, #FFFCF2 100%);
}

.top_bg2:after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 100rem;
  z-index: -1;
  background: linear-gradient(180deg, transparent 0%, #fdfdfd 100%);
}

.top_bg3 {
  position: relative;
  z-index: 0;
  padding: 16rem 0 18rem;
}

@media screen and (max-width: 767px) {
  .top_bg3 {
    padding: 15rem 0 11rem;
  }
}

.top_bg3:after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 50rem;
  z-index: -1;
  background: linear-gradient(0, transparent 0%, #fdfdfd 100%);
}

@media screen and (max-width: 767px) {
  .top_bg3:after {
    height: 200rem;
  }
}

.top_staff {
  position: relative;
  z-index: 0;
  margin-bottom: 21.5rem;
}

@media screen and (max-width: 767px) {
  .top_staff {
    margin-bottom: 6rem;
  }
}

.top_staff:before {
  content: '';
  position: absolute;
  background: url(../img/bg-arrow.svg) no-repeat 50%/contain;
  width: 155.2rem;
  height: 90.8rem;
  top: 27rem;
  z-index: -1;
  left: 0;
}

@media screen and (min-width: 768px) and (max-width: 1600px) {
  .top_staff:before {
    right: calc(50% - 80rem);
    left: auto;
  }
}

@media screen and (max-width: 767px) {
  .top_staff:before {
    width: 140%;
    left: auto;
    right: 0;
    top: 61rem;
  }
}

.top_staff .c_head {
  padding-bottom: 4rem;
  margin-bottom: 10rem;
  border-bottom: solid 1px #333;
}

@media screen and (max-width: 767px) {
  .top_staff .c_head {
    margin-bottom: 4rem;
  }
}

@media screen and (min-width: 768px) {
  .top_staff .row {
    display: flex;
    justify-content: space-between;
  }
  .top_staff .row figure {
    width: 45rem;
  }
  .top_staff .row .desc {
    width: 66rem;
  }
}

@media screen and (max-width: 767px) {
  .top_staff figure {
    margin-bottom: 6rem;
  }
}

.top_staff figure img {
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 2rem;
  width: 100%;
}

.top_staff figcaption {
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: .06em;
  margin-top: 3.5rem;
}

.top_staff figcaption small {
  display: block;
  font-weight: 500;
  font-size: 1.5rem;
  margin-bottom: .2em;
}

.top_staff .ttl {
  position: relative;
  font-size: 5rem;
  line-height: 1.6;
  font-weight: 900;
  margin-bottom: .5em;
}

@media screen and (max-width: 767px) {
  .top_staff .ttl {
    font-size: 3rem;
    letter-spacing: 0;
    white-space: nowrap;
  }
}

.top_staff .ttl em {
  color: #FF7A21;
}

.top_staff .ttl:before {
  content: '';
  position: absolute;
  background: url(../img/ico-quote.svg) no-repeat 50%/contain;
  width: .76em;
  height: .58em;
  right: -.3em;
  top: -1em;
}

@media screen and (max-width: 767px) {
  .top_staff .ttl:before {
    right: 0;
    top: -.2em;
  }
}

.top_staff dl {
  border-top: dashed 1px #FF0000;
  padding-top: 1rem;
  margin-top: 4.5rem;
}

.top_staff dt {
  font-size: 2rem;
  letter-spacing: .06em;
  font-weight: bold;
  position: relative;
  padding-left: 1.5em;
  margin: 3.5rem 0 .6em;
}

.top_staff dt:before {
  content: '';
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
  left: 0;
  top: .4em;
}

@media screen and (max-width: 767px) {
  .top_staff dd li {
    margin-left: 1em;
    text-indent: -1em;
  }
}

.top_faq {
  margin-bottom: 16rem;
}

@media screen and (max-width: 767px) {
  .top_faq {
    margin-bottom: 15rem;
  }
}

.top_access .head {
  margin-bottom: 6rem;
}

.top_access .swiper-fade .swiper-slide {
  transition-property: opacity !important;
}

@media screen and (min-width: 768px) {
  .top_access .row {
    display: flex;
    justify-content: space-between;
  }
  .top_access .row > * {
    width: 56rem;
  }
}

.top_access figure img {
  width: 100%;
  border-radius: 2rem;
  overflow: hidden;
}

.top_access figcaption {
  color: #B4B4B4;
  font-size: 1.3rem;
  text-align: right;
  margin-top: 1em;
}

@media screen and (max-width: 767px) {
  .top_access figcaption {
    font-size: 1.2rem;
    margin-top: .6em;
  }
}

.top_access .map {
  height: 37.3rem;
}

@media screen and (max-width: 767px) {
  .top_access .map {
    height: 22rem;
    margin-bottom: 2rem;
  }
}

.top_access iframe {
  width: 100%;
  height: 100%;
  border-radius: 2rem;
  overflow: hidden;
}

.top_access .ttl {
  font-size: 2.8rem;
  font-weight: bold;
  margin: 2.5rem 0 .5em;
}

.top_access .ttl img {
  width: 1.142em;
  vertical-align: -.2em;
  margin-right: .3em;
}

@media screen and (max-width: 767px) {
  .top_access .ttl {
    font-size: 2.4rem;
  }
}

.top_access .addr {
  font-size: 2rem;
  margin-bottom: 6rem;
}

@media screen and (max-width: 767px) {
  .top_access .addr {
    margin-bottom: 5rem;
  }
}

@media screen and (max-width: 767px) {
  .top_access dl + dl {
    margin-top: 4rem;
  }
}

.top_access dt {
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
  color: #fff;
  font-weight: bold;
  height: 7rem;
  display: flex;
  align-items: center;
  padding-left: 1em;
  font-size: 2.8rem;
  border-radius: 1rem;
  margin-bottom: 2.5rem;
}

@media screen and (max-width: 767px) {
  .top_access dt {
    font-size: 2rem;
    height: 6rem;
    margin-bottom: 1.5rem;
  }
}

.top_access dt img {
  height: 1.07em;
  margin-right: .6em;
}

.top_access dt.b {
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
}

.top_access dd b {
  font-weight: bold;
  font-size: 2rem;
  display: block;
  margin: .8em 0 .3em;
}

.top_cta {
  background: url(../img/contact-app-bg.jpg) no-repeat 50%/cover;
  height: 53rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .top_cta {
    background-image: url(../img/contact-app-bg-sp.jpg);
    height: auto;
    padding: 7rem 2rem 8rem;
  }
}

.top_cta .catch {
  font-size: 4rem;
  line-height: 1.5;
  font-weight: 900;
  margin-bottom: .5em;
}

@media screen and (max-width: 767px) {
  .top_cta .catch {
    font-size: 3.4rem;
    letter-spacing: 0;
    white-space: nowrap;
  }
}

.top_cta a {
  background: #FFFFFF url(../img/arw-r10.svg) no-repeat calc(100% - 3rem) center/2.6rem;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.25);
  border-radius: 3em;
  font-size: 2.4rem;
  display: block;
  width: 64rem;
  position: relative;
  color: #FF7A21;
  height: 8.6rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  padding-left: 17.5rem;
  margin-top: 4rem;
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .top_cta a {
    width: auto;
    overflow: hidden;
    padding-left: 7rem;
    height: 9rem;
    font-size: 2rem;
    text-align: left;
    text-shadow: #fff 1px 1px 0;
    line-height: 1.3;
    background-position: calc(100% - 2rem) center;
  }
}

.top_cta a img {
  position: absolute;
  width: 14rem;
  bottom: 0;
  left: 2rem;
}

@media screen and (max-width: 767px) {
  .top_cta a img {
    width: 9.7rem;
    left: .5rem;
    z-index: -1;
  }
}

.top_cta a i {
  font-size: 1.7rem;
  border: solid 0.3rem #FF7A21;
  border-radius: .2rem;
  padding: 0 .3em .1em;
  line-height: 1;
  display: inline-block;
}

.top_cta a small {
  font-size: 1rem;
  letter-spacing: 0;
}

.low {
  position: relative;
}

.low:before {
  content: '';
  position: absolute;
  inset: 0;
  background: url(../img/brain-bg.webp) no-repeat center top/100%;
  z-index: -1;
  will-change: transform;
}

@media screen and (max-width: 1600px) {
  .low:before {
    background-size: 160rem;
  }
}

@media screen and (max-width: 767px) {
  .low:before {
    background-size: 160rem;
  }
}

.low.interest:before {
  background-image: url(../img/interest-bg.webp);
}

.low.work:before {
  background-image: url(../img/work-bg.webp);
}

.low.kids:before {
  background-image: url(../img/kids-bg.webp);
}

.low.weekend:before {
  background-image: url(../img/weekend-bg.webp);
}

.low_main {
  position: relative;
  z-index: 0;
  margin-bottom: 21rem;
}

@media screen and (min-width: 768px) {
  .low_main {
    padding-top: 21.2rem;
    height: 86.8rem;
  }
  .low_main .u_inner {
    width: 140rem;
  }
  .low_main figure {
    position: absolute;
    width: 90rem;
    top: 0;
    left: calc(50% + 7rem);
  }
}

@media screen and (max-width: 767px) {
  .low_main {
    margin-bottom: 8rem;
  }
  .low_main figure {
    margin-bottom: 3rem;
  }
}

.low_main:after {
  content: '';
  position: absolute;
  background: url(../img/brain-kv-bg.webp) no-repeat center top/100%;
  width: 100%;
  height: 170rem;
  top: 0;
  z-index: -2;
  will-change: transform;
}

@media screen and (max-width: 1600px) {
  .low_main:after {
    background-size: 160rem;
  }
}

@media screen and (max-width: 767px) {
  .low_main:after {
    height: 160rem;
    background-size: 300%;
  }
}

.low.interest .low_main:after {
  background-image: url(../img/interest-kv-bg.webp);
}

.low.work .low_main:after {
  background-image: url(../img/work-kv-bg.webp);
}

.low.kids .low_main:after {
  background-image: url(../img/kids-kv-bg.webp);
}

.low.weekend .low_main:after {
  background-image: url(../img/weekend-kv-bg.webp);
}

.low_main:before {
  content: '';
  position: absolute;
  background: url(../img/brain-kv-arrow.svg) no-repeat center top/cover;
  width: 165.4rem;
  height: 38rem;
  right: calc(50% - 80.8rem);
  top: 0;
  z-index: -1;
}

.low.interest .low_main:before {
  background-image: url(../img/interest-kv-arrow.svg);
}

.low.work .low_main:before {
  background-image: url(../img/work-kv-arrow.svg);
}

.low.kids .low_main:before {
  background-image: url(../img/kids-kv-arrow.svg);
}

.low.weekend .low_main:before {
  background-image: url(../img/weekend-kv-arrow.svg);
}

@media screen and (max-width: 767px) {
  .low_main:before {
    width: 33rem;
    right: 4rem;
    height: 50.3rem;
    background-size: 100%;
  }
}

.low_main .ttl {
  font-size: 6.4rem;
  font-weight: 900;
  color: #EAC32A;
  display: inline-block;
  text-align: right;
  margin-bottom: .6em;
}

.low.interest .low_main .ttl {
  color: #1EB43F;
}

.low.interest .low_main .ttl img {
  width: 1.09375em;
  bottom: auto;
  top: 50%;
  translate: 0 -50%;
}

.low.work .low_main .ttl {
  color: #0E56A3;
}

@media screen and (max-width: 767px) {
  .low.work .low_main .ttl i {
    letter-spacing: -.02em;
    white-space: nowrap;
  }
}

.low.work .low_main .ttl img {
  width: 1.1875em;
  bottom: auto;
  top: 50%;
  translate: 0 -50%;
  left: .3em;
}

.low.kids .low_main .ttl {
  color: #FF7A21;
}

.low.kids .low_main .ttl img {
  width: 1.5em;
  left: 0;
}

.low.weekend .low_main .ttl {
  color: #0DBDDC;
}

@media screen and (max-width: 767px) {
  .low.weekend .low_main .ttl {
    font-size: 2.8rem;
  }
}

.low.weekend .low_main .ttl i {
  letter-spacing: 0;
  padding-left: 1.6em;
  white-space: nowrap;
}

.low.weekend .low_main .ttl img {
  width: 1.421875em;
  bottom: auto;
  top: 50%;
  translate: 0 -50%;
  left: .2em;
}

@media screen and (max-width: 767px) {
  .low_main .ttl {
    font-size: 3rem;
  }
}

.low_main .ttl img {
  width: 1.3125em;
  position: absolute;
  bottom: 0;
  left: .25em;
}

.low_main .ttl i {
  display: inline-block;
  background: #fff;
  position: relative;
  border-radius: .15em;
  margin-bottom: .15em;
  padding: .04em .2em;
  letter-spacing: .02em;
}

.low_main .ttl i:nth-of-type(1) {
  padding-left: 1.8em;
}

.low_main dl {
  color: #fff;
}

.low.brain .low_main dl {
  text-shadow: 0px 0px 20px #F5CA24;
}

.low_main dt {
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.6;
  margin-bottom: .8em;
  letter-spacing: .04em;
}

.low.work .low_main dt {
  margin-bottom: .36em;
}

@media screen and (max-width: 767px) {
  .low_main dt {
    font-size: 2.3rem;
  }
}

.low_main dd {
  font-size: 2.4rem;
  line-height: 1.91;
}

@media screen and (max-width: 767px) {
  .low_main dd {
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 768px) {
  .low_main .desc {
    width: 72rem;
  }
}

.low_main .txt_slider {
  bottom: 0;
}

.low_main .btn {
  margin-top: 5rem;
}

.low_main .btn a {
  display: inline-flex;
  align-items: center;
  position: relative;
  background: linear-gradient(202.06deg, #F6CF3A 10.76%, #F4E3A2 86.21%);
  color: #fff;
  height: 4.22em;
  width: 19.72em;
  max-width: 100%;
  border-radius: 3em;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
  font-weight: bold;
  font-size: 1.8rem;
  padding-left: 1.5em;
  letter-spacing: .02em;
}

.low_main .btn a:after {
  content: '';
  position: absolute;
  width: 1.44em;
  background: url(../img/arw-r20.svg) no-repeat 50%/contain;
  height: 100%;
  top: 0;
  right: 1.5em;
}

@media screen and (max-width: 767px) {
  .low_main .btn a:after {
    right: 1em;
  }
}

.low_blog {
  position: relative;
  z-index: 1;
}

.low_lead {
  position: relative;
  z-index: 1;
  will-change: transform;
  margin-bottom: 10rem;
}

@media screen and (min-width: 768px) {
  .low_lead {
    margin-bottom: 17rem;
  }
  .low_lead ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6rem 4rem;
  }
  .low_lead li {
    width: 58rem;
  }
}

.low_lead .ttl {
  text-align: center;
  color: #fff;
  font-weight: 900;
  line-height: 1.55;
  font-size: 4rem;
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: .8em;
}

.low.brain .low_lead .ttl {
  text-shadow: 0px 0px 20px #F5CA24;
}

.low.kids .low_lead .ttl img {
  width: .9575em;
  position: absolute;
  top: .8em;
}

@media screen and (max-width: 767px) {
  .low.kids .low_lead .ttl img {
    right: 4rem;
    top: 1.3em;
  }
}

@media screen and (min-width: 768px) {
  .low_lead .ttl span {
    display: inline-block;
    background: url(../img/ttl-slash-l01.svg) no-repeat left center/6.3rem, url(../img/ttl-slash-r01.svg) no-repeat right center/6.3rem;
    padding: 0 2.5em;
  }
}

@media screen and (max-width: 767px) {
  .low_lead .ttl {
    font-size: 3rem;
  }
}

.low.work .low_lead ul {
  position: relative;
}

.low.work .low_lead ul:before {
  content: '';
  position: absolute;
  background: url(../img/bg-splash.svg) no-repeat center bottom/contain;
  width: 4.4rem;
  height: 5.9rem;
  right: -3.5rem;
  top: -5.5rem;
}

.low_lead li {
  background: #fff;
  position: relative;
  border-radius: 2rem;
  padding: 2rem;
  filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.15));
  transform: translateZ(0);
  height: 21rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.6rem;
  font-weight: bold;
}

.low_lead li p {
  line-height: 1.53;
  text-align: center;
  letter-spacing: .04em;
}

@media screen and (max-width: 767px) {
  .low_lead li {
    height: auto;
    font-size: 2rem;
    margin-top: 3rem;
    filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.15));
  }
}

.low_lead li em {
  color: #EAC32A;
}

.low.interest .low_lead li em {
  color: #1EB43F;
}

.low.work .low_lead li em {
  color: #0E56A3;
}

.low.kids .low_lead li em {
  color: #FF7A21;
}

.low.weekend .low_lead li em {
  color: #0DBDDC;
}

.low_lead li:before {
  content: '';
  position: absolute;
  left: 50%;
  translate: -50% 0;
  width: 5rem;
  height: 3.1rem;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  background: #fff;
  bottom: -3rem;
  right: 7.5rem;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .low_lead li:before {
    bottom: -2rem;
  }
}

.low_lead .img {
  position: absolute;
  top: -5rem;
  font-size: 1rem;
}

@media screen and (min-width: 768px) {
  .low.interest .low_lead .img {
    top: -1rem;
  }
}

@media screen and (max-width: 767px) {
  .low_lead .img {
    font-size: .2rem;
    top: -3rem;
  }
  .low.kids .low_lead .img {
    font-size: .35rem;
  }
}

.low_lead .img.a {
  right: calc(50% + 51rem);
  width: 35.2em;
}

.low.kids .low_lead .img.a {
  width: 15.3em;
}

@media screen and (min-width: 768px) {
  .low.kids .low_lead .img.a {
    right: calc(50% + 37rem);
  }
}

@media screen and (min-width: 768px) {
  .low.interest .low_lead .img.a {
    width: 13.3em;
    right: calc(50% + 45rem);
  }
}

@media screen and (max-width: 767px) {
  .low_lead .img.a {
    right: auto;
    left: 0;
  }
}

.low_lead .img.b {
  left: calc(50% + 49rem);
  width: 37.1em;
}

.low.kids .low_lead .img.b {
  width: 12.9em;
}

@media screen and (min-width: 768px) {
  .low.kids .low_lead .img.b {
    left: calc(50% + 37rem);
  }
}

@media screen and (min-width: 768px) {
  .low.interest .low_lead .img.b {
    left: calc(50% + 44rem);
    width: 14em;
  }
}

@media screen and (max-width: 767px) {
  .low_lead .img.b {
    left: auto;
    right: 0;
  }
}

.low_lets {
  text-align: center;
  position: relative;
  margin-bottom: 17rem;
}

@media screen and (max-width: 767px) {
  .low_lets {
    margin-bottom: 10rem;
  }
}

.low_lets .ttl {
  font-size: 5.4rem;
  color: #fff;
  position: relative;
  font-weight: 900;
  display: inline-block;
  margin-bottom: .7em;
}

@media screen and (max-width: 767px) {
  .low_lets .ttl {
    font-size: 2.4rem;
  }
}

.low_lets .ttl i {
  background: linear-gradient(202.06deg, #F6CF3A 10.76%, #F4E3A2 86.21%);
  border-radius: .2em;
  padding: 0 .3em;
  letter-spacing: .02em;
  display: inline-block;
  margin-bottom: .35em;
  white-space: nowrap;
}

.low.brain .low_lets .ttl i {
  text-shadow: 0px 0px 20px #F5CA24;
}

.low.brain .low_lets .ttl i em {
  background: top left/1em 0.5em repeat-x radial-gradient(circle, #fff 0.07em, transparent 0.07em);
  padding-top: .1em;
}

.low.interest .low_lets .ttl i {
  background: linear-gradient(202.06deg, #1EB43F 10.76%, #86DE99 86.21%);
}

.low.work .low_lets .ttl i {
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
}

.low.work .low_lets .ttl i em {
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.low.kids .low_lets .ttl i {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
}

.low.weekend .low_lets .ttl i {
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
}

@media screen and (min-width: 768px) {
  .low_lets .ttl i i {
    background: none !important;
    padding: 0;
    margin: 0;
    text-shadow: none;
  }
}

.low_lets .ttl i:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .low_lets .ttl i:has(i) {
    text-shadow: none;
    padding: 0;
    background: none !important;
  }
}

.low_lets .ttl img {
  position: absolute;
  width: 2.94em;
  right: 0;
  bottom: 1.5em;
}

.low.work .low_lets .ttl img {
  font-size: 1rem;
  bottom: auto;
  top: -8em;
}

.low.work .low_lets .ttl img.a {
  width: 44.9em;
  right: calc(50% + 42rem);
}

.low.work .low_lets .ttl img.b {
  width: 41.4em;
  left: calc(50% + 45rem);
  right: auto;
}

@media screen and (max-width: 767px) {
  .low_lets .ttl img {
    bottom: auto;
    top: -6.5rem;
  }
}

.low_lets .lead {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.91;
  margin-bottom: 1.8em;
}

.low.work .low_lets .lead {
  margin-bottom: 18rem;
}

@media screen and (max-width: 767px) {
  .low.work .low_lets .lead {
    margin-bottom: 9rem;
  }
}

.low.kids .low_lets .lead {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .low.kids .low_lets .lead {
    color: #FF7A21;
  }
}

@media screen and (max-width: 767px) {
  .low_lets .lead {
    font-size: 1.8rem;
    text-align: left;
  }
  .low_lets .lead br {
    display: none;
  }
}

.low_lets .slide {
  position: relative;
  margin-bottom: 16rem;
}

@media screen and (max-width: 767px) {
  .low_lets .slide {
    margin-bottom: 10rem;
  }
}

.low_lets .slide figure {
  position: absolute;
  width: 16rem;
  left: calc(50% + 43rem);
  top: 17rem;
}

@media screen and (max-width: 767px) {
  .low_lets .slide figure {
    left: auto;
    right: 1rem;
    top: 10rem;
    width: 13rem;
  }
}

.low_lets .slide figcaption {
  font-weight: bold;
  margin-top: .3em;
}

@media screen and (max-width: 767px) {
  .low_lets .slide figcaption {
    font-size: 1.5rem;
  }
}

.low_lets .slide figcaption small {
  display: block;
  font-size: .8235em;
}

.low_lets .ttl2 {
  font-size: 2rem;
  font-weight: bold;
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  letter-spacing: .06em;
  margin-bottom: 1em;
}

@media screen and (min-width: 768px) {
  .low_lets .ttl2:before {
    content: '＼ ';
  }
  .low_lets .ttl2:after {
    content: ' ／';
  }
}

.low_lets .graph {
  max-width: 90rem;
  margin: 0 auto 15rem;
}

@media screen and (max-width: 767px) {
  .low_lets .graph {
    margin: 0 auto 8rem;
  }
}

.low_lets .graph img {
  width: 79.1rem;
  max-width: 90%;
}

.low_lets .graph figure {
  background: #fff;
  border-radius: 2rem;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  padding-bottom: 3.5rem;
  margin-bottom: 3.5rem;
}

.low_lets .graph figcaption {
  color: #fff;
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
  font-size: 2.4rem;
  line-height: 1.66;
  padding: .8em 1em;
  margin-bottom: 1.4em;
}

@media screen and (max-width: 767px) {
  .low_lets .graph figcaption {
    font-size: 2.2rem;
  }
}

.low_lets .graph p {
  font-size: 1.5rem;
  letter-spacing: .06em;
  margin-top: .8em;
  text-indent: -3em;
  margin-left: 3em;
  line-height: 1.6;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .low_lets .graph p {
    font-size: 1.2rem;
  }
}

.low_lets .ttl3 {
  position: relative;
  font-size: 2.4rem;
  font-weight: bold;
  padding: .5em 1em;
  color: #FF7A21;
  margin-bottom: 6rem;
}

.low.work .low_lets .ttl3 {
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

@media screen and (max-width: 767px) {
  .low_lets .ttl3 {
    font-size: 2.2rem;
    margin-bottom: 3rem;
  }
}

.low_lets .ttl3:before {
  content: '';
  inset: 0;
  position: absolute;
  border: .4rem solid transparent;
  border-radius: 3em;
  border-image-slice: 1;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: destination-out;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  mask-composite: exclude;
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%) border-box border-box;
}

.low.work .low_lets .ttl3:before {
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%) border-box border-box;
}

.low_lets .bg2 {
  position: absolute;
  bottom: -18rem;
  left: calc(50% + 51rem);
}

.low_lets .list2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6rem 3rem;
  margin: 9rem 0 20rem;
}

@media screen and (max-width: 767px) {
  .low_lets .list2 {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
}

.low_lets .list2 dl {
  background: #FFFFFF;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 2rem;
  position: relative;
}

.low_lets .list2 dt {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
  color: #fff;
  border-radius: 2rem 2rem 0 0;
  position: relative;
  font-size: 2.8rem;
  text-align: left;
  padding: 1em 1em;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .low_lets .list2 dt {
    font-size: 2rem;
    letter-spacing: 0;
  }
  .low_lets .list2 dt img {
    font-size: 1.3rem;
  }
}

.low_lets .list2 dt img {
  position: absolute;
  bottom: 0;
  right: .7em;
  width: 6.1em;
}

.low_lets .list2 dt img.b {
  width: 6.1em;
  right: .5em;
}

.low_lets .list2 dt img.c {
  width: 6.39em;
  right: 0;
}

.low_lets .list2 dt img.d {
  width: 5.39em;
  right: .5em;
}

.low_lets .list2 dt em {
  background: #fff;
  border-radius: .2em;
  color: #FF7A21;
  padding: 0 .3em;
  margin-right: .2em;
}

.low_lets .list2 dd {
  text-align: center;
  font-size: 2.8rem;
  letter-spacing: .05em;
  font-weight: bold;
  padding: 1.5em 0;
}

@media screen and (max-width: 767px) {
  .low_lets .list2 dd {
    font-size: 2rem;
  }
}

.low_lets .list2 dd em {
  color: #FF7A21;
}

.low_lets .list2 dd img {
  position: absolute;
  z-index: -1;
}

.low_lets .list2 dd .a {
  width: 15em;
  left: -9em;
  top: -12.5em;
}

.low_lets .list2 dd .b {
  width: 15em;
  right: -12em;
  top: -11.5em;
  z-index: -1;
}

.low_lets .list2 dd .c {
  width: 12.57em;
  left: -9em;
  bottom: -14em;
}

.low_lets .list2 dd .d {
  width: 16.6em;
  right: -12.2em;
  bottom: -13.5em;
  z-index: -1;
}

.low_lets .list3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6rem 6rem;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .low_lets .list3 {
    grid-template-columns: repeat(1, 1fr);
    gap: 5rem;
  }
}

.low_lets .list3 img {
  border-radius: 1rem;
}

@media screen and (min-width: 768px) {
  .low_lets .list3 li {
    display: flex;
    justify-content: space-between;
  }
}

.low_lets .list3 figure {
  width: 24rem;
}

.low_lets .list3 figure img {
  width: 1005;
}

@media screen and (max-width: 767px) {
  .low_lets .list3 figure {
    margin: 0 auto 2rem;
  }
}

.low_lets .list3 dl {
  position: relative;
}

@media screen and (min-width: 768px) {
  .low_lets .list3 dl {
    width: calc(100% - 28rem);
  }
}

.low_lets .list3 dt {
  font-size: 2.4rem;
  letter-spacing: .07em;
  font-weight: 900;
  color: #FF7A21;
  margin-bottom: .5em;
}

.low_lets .list3 dt i {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
  color: #fff;
  display: inline-block;
  border-radius: .2em;
  padding: .2em .87em;
  font-size: 1.7rem;
  letter-spacing: .06em;
  margin-bottom: .45em;
}

.lets_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5rem 3rem;
}

@media screen and (max-width: 767px) {
  .lets_list {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .lets_list li {
    margin-top: 2rem;
  }
}

.lets_list figure {
  background: linear-gradient(202.06deg, #F6CF3A 10.76%, #F4E3A2 86.21%);
  border-radius: 50%;
  font-size: 1rem;
  width: 26em;
  height: 26em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.lets_list figure .a {
  width: 11.6em;
}

.lets_list figure .b {
  width: 13.3em;
}

.lets_list figure .c {
  width: 10.5em;
}

.lets_list figure .c {
  width: 11.9em;
}

.lets_list p {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: .05em;
  line-height: 1.8;
  margin-top: 1.6em;
}

.lets_list em {
  color: #EAC32A;
}

.lets_list dt {
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: .05em;
  color: #0E56A3;
  margin: 1.3em 0 .5em;
}

.low.interest .img_slider {
  margin-top: 11rem;
}

@media screen and (max-width: 767px) {
  .low.interest .img_slider {
    margin-top: 6rem;
  }
}

.low.interest .img_slider p {
  gap: 4rem;
  padding-right: 4rem;
}

@media screen and (max-width: 767px) {
  .low.interest .img_slider p {
    gap: 2rem;
    padding-right: 2rem;
  }
}

.low.interest .img_slider p img {
  height: 33.3rem;
  border-radius: 2rem;
}

@media screen and (max-width: 767px) {
  .low.interest .img_slider p img {
    height: 20rem;
  }
}

.class_ttl {
  text-align: center;
  font-size: 5.4rem;
  font-weight: 900;
  line-height: 1.3;
  margin-bottom: 4rem;
}

@media screen and (max-width: 767px) {
  .class_ttl {
    font-size: 3.8rem;
  }
}

.class_ttl i {
  display: block;
  color: #EAC32A;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  margin-bottom: 1em;
}

.low.interest .class_ttl i {
  color: #1EB43F;
}

.low.work .class_ttl i {
  color: #0E56A3;
}

.low.kids .class_ttl i {
  color: #FF7A21;
}

.low.weekend .class_ttl i {
  color: #0DBDDC;
}

@media screen and (max-width: 767px) {
  .class_ttl i {
    font-size: 1.6rem;
  }
}

.class_ttl small {
  font-size: .629em;
}

@media screen and (max-width: 767px) {
  .class_ttl small {
    display: block;
    margin: 0 -1em;
  }
}

.feature_list {
  border-top: dotted 1px #99B3CF;
  text-align: left;
}

.low.interest .feature_list {
  border-color: #99DD8C;
}

.low.work .feature_list {
  border-color: #99B3CF;
}

.low.kids .feature_list {
  border-color: #99B3CF;
}

.low.weekend .low_feature .feature_list {
  border-color: #99B3CF;
}

.feature_list li {
  border-bottom: dotted 1px #99B3CF;
  padding: 5rem 0;
}

.low.interest .feature_list li {
  border-color: #99DD8C;
}

.low.work .feature_list li {
  border-color: #99B3CF;
}

.low.kids .feature_list li {
  border-color: #99B3CF;
}

.low.weekend .low_feature .feature_list li {
  border-color: #99B3CF;
}

@media screen and (min-width: 768px) {
  .feature_list li {
    padding: 6rem 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}

@media screen and (min-width: 768px) {
  .feature_list dl {
    width: 72rem;
  }
}

.feature_list dt {
  font-weight: 900;
  font-size: 4.4rem;
  letter-spacing: .04em;
  margin-bottom: .5em;
}

@media screen and (max-width: 767px) {
  .feature_list dt {
    font-size: 3.1rem;
  }
  .feature_list dt br {
    display: none;
  }
}

.feature_list dt em {
  color: #EAC32A;
}

.low.interest .feature_list dt em {
  color: #1EB43F;
}

.low.work .feature_list dt em {
  color: #0E56A3;
}

.low.kids .feature_list dt em {
  color: #FF7A21;
}

.low.weekend .low_feature .feature_list dt em {
  color: #0DBDDC;
}

.feature_list dt i {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 4rem;
  font-weight: 600;
  border-radius: 50%;
  width: 1.75em;
  height: 1.75em;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(202.06deg, #F6CF3A 10.76%, #F4E3A2 86.21%);
  color: #fff;
}

.low.interest .feature_list dt i {
  background: linear-gradient(202.06deg, #1EB43F 10.76%, #86DE99 86.21%);
}

.low.work .feature_list dt i {
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
}

.low.kids .feature_list dt i {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
}

.low.weekend .low_feature .feature_list dt i {
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
}

.feature_list dd {
  letter-spacing: .06em;
}

@media screen and (min-width: 768px) {
  .feature_list dd {
    font-size: 2.2rem;
    line-height: 1.72;
  }
}

.feature_list figure {
  position: relative;
}

@media screen and (min-width: 768px) {
  .feature_list figure {
    width: 42rem;
  }
}

@media screen and (max-width: 767px) {
  .feature_list figure {
    margin-top: 3rem;
  }
}

.feature_list figure.none:before {
  content: none;
}

.feature_list figure:before {
  content: '';
  position: absolute;
  inset: 1rem -1rem -1rem 1rem;
  background: linear-gradient(202.06deg, #F6CF3A 10.76%, #F4E3A2 86.21%);
  border-radius: 1rem;
  z-index: -1;
}

.low.interest .feature_list figure:before {
  background: linear-gradient(202.06deg, #1EB43F 10.76%, #86DE99 86.21%);
}

.low.work .feature_list figure:before {
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
}

.low.kids .feature_list figure:before {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
}

.low.weekend .feature_list figure:before {
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
}

.feature_list figure img {
  border-radius: 1rem;
  width: 100%;
}

.low_feature .class_ttl {
  margin-bottom: 8rem;
}

@media screen and (max-width: 767px) {
  .low_feature .class_ttl {
    margin-bottom: 6rem;
  }
}

.low_bg {
  background: url(../img/brain-bg02.webp) no-repeat center top/100%;
  position: relative;
  z-index: 0;
  padding: 31rem 0 21rem;
  margin-top: 10rem;
}

.low.interest .low_bg {
  background-image: url(../img/interest-bg02.webp);
}

.low.work .low_bg {
  background-image: url(../img/work-bg02.webp);
}

@media screen and (max-width: 767px) {
  .low.work .low_bg {
    background-position: center -17rem;
  }
}

.low.kids .low_bg {
  background-image: url(../img/kids-bg02.webp);
}

.low.weekend .low_bg {
  background-image: url(../img/weekend-bg02a.webp);
  padding: 24rem 0 13rem;
}

@media screen and (max-width: 767px) {
  .low.weekend .low_bg {
    padding: 10rem 0 8rem;
  }
}

.low.weekend .low_bg:after {
  content: '';
  position: absolute;
  inset: 20vw 0 0 0;
  z-index: -1;
  background: url(../img/weekend-bg02b.webp) center top/100%;
}

@media screen and (max-width: 1600px) {
  .low.weekend .low_bg:after {
    background-size: 160rem;
    inset: 30rem 0 0 0;
  }
}

@media screen and (max-width: 767px) {
  .low.weekend .low_bg:after {
    inset: 7rem 0 0 0;
  }
}

@media screen and (max-width: 1600px) {
  .low_bg {
    background-size: 160rem;
  }
}

@media screen and (max-width: 767px) {
  .low_bg {
    background-size: 100%;
    padding: 12rem 0 10rem;
    margin-top: 6rem;
  }
}

.low_cource .lead, .low_detail .lead {
  text-align: center;
  font-size: 2.2rem;
  letter-spacing: .06em;
  line-height: 1.81;
  margin-bottom: 8rem;
}

@media screen and (max-width: 767px) {
  .low_cource .lead, .low_detail .lead {
    font-size: 2rem;
    text-align: left;
  }
}

.low_cource .box, .low_detail .box {
  border-radius: 2rem;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}

.low_list {
  margin-bottom: 20rem;
}

@media screen and (max-width: 767px) {
  .low_list {
    margin-bottom: 10rem;
  }
}

.low_list .head1 {
  position: relative;
}

.low_list .head1 img {
  position: absolute;
  bottom: 0;
  width: 17.1rem;
  right: 0;
  bottom: -8rem;
}

@media screen and (max-width: 767px) {
  .low_list .head1 img {
    width: 7.1rem;
  }
}

.low_list .box {
  position: relative;
  z-index: 4;
  margin-bottom: 12rem;
}

@media screen and (max-width: 767px) {
  .low_list .box {
    margin-bottom: 8rem;
  }
}

.low_list .box.b {
  z-index: 3;
}

.low_list .box.c {
  z-index: 2;
}

.low_list .box.d {
  z-index: 1;
}

.low_list .box.e {
  z-index: 0;
}

.low_list .box:last-child {
  margin-bottom: 0;
}

.low_list .box:before {
  content: '';
  inset: 0;
  position: absolute;
  background: #fff;
  z-index: -1;
  border-radius: inherit;
}

.low_list .bg {
  position: absolute;
  font-size: 1rem;
  z-index: -2;
}

@media screen and (max-width: 767px) {
  .low_list .bg {
    font-size: .6rem;
  }
}

.low.interest .low_list .bg.a {
  width: 65.1em;
  left: -34em;
  top: -8.5em;
}

.low.interest .low_list .bg.b {
  width: 32.7em;
  right: -23em;
  top: -31em;
}

.low.interest .low_list .bg.c {
  width: 36.8em;
  left: -21em;
  top: -25em;
}

.low.interest .low_list .bg.d {
  width: 32.7em;
  right: -23em;
  top: -31em;
}

.low.interest .low_list .bg.e {
  width: 44.2em;
  top: -18em;
  left: -28em;
}

.low.work .low_list .bg.a {
  width: 32.7em;
  left: -21.5em;
  top: -15.2em;
}

.low.work .low_list .bg.b {
  width: 30.3em;
  right: -22em;
  top: -30em;
}

.low.work .low_list .bg.c {
  width: 34.7em;
  left: -27em;
  top: -26.5em;
}

.low.kids .low_list .bg.a {
  width: 48.7em;
  left: -20em;
  top: -8em;
}

.low.kids .low_list .bg.b {
  width: 44.6em;
  right: -30em;
  top: -34em;
}

.low.kids .low_list .bg.c {
  width: 34.7em;
  left: -22.5em;
  top: -20em;
}

.low.kids .low_list .bg.d {
  width: 34.7em;
  right: -22em;
  top: -20em;
}

.low_list .head {
  position: relative;
  background: linear-gradient(202.06deg, #1EB43F 10.76%, #86DE99 86.21%);
  color: #fff;
  border-radius: 2rem 2rem 0 0;
}

@media screen and (min-width: 768px) {
  .low.interest .low_list .head.a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 2em;
  }
}

.low.work .low_list .head {
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
}

@media screen and (min-width: 768px) {
  .low.work .low_list .head p {
    margin: -2.5rem 3rem 0 13.5rem;
    padding-bottom: 5rem;
  }
}

.low.kids .low_list .head {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
}

@media screen and (min-width: 768px) {
  .low.kids .low_list .head.a {
    white-space: nowrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 1.2em;
  }
}

.low_list .head i {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-size: 12rem;
  letter-spacing: 0;
  position: absolute;
  line-height: 1;
  bottom: -.23em;
  right: .25em;
  color: rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 767px) {
  .low_list .head i {
    font-size: 7rem;
  }
}

@media screen and (max-width: 767px) {
  .low_list .head p {
    margin: -2rem 2rem 0;
    padding-bottom: 2rem;
  }
}

.low_list .ttl {
  font-size: 4rem;
  font-weight: 900;
  letter-spacing: .04em;
  position: relative;
  line-height: 1.3;
  padding: 1.25em 0em 1.25em 1.5em;
  display: flex;
  align-items: center;
  gap: .6em;
}

@media screen and (max-width: 767px) {
  .low_list .ttl {
    font-size: 2.6rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.low_list .ttl small {
  font-size: .7em;
}

.low.work .low_list .ttl.b {
  padding-left: 3.7em;
}

@media screen and (max-width: 767px) {
  .low.work .low_list .ttl.b {
    padding-left: 3em;
  }
  .low.work .low_list .ttl.b small {
    display: block;
  }
}

.low.work .low_list .ttl img.a1 {
  width: 1.175em;
}

.low.work .low_list .ttl img.a2 {
  width: 5.575em;
  position: absolute;
  top: -2.5em;
  right: -2.5em;
}

@media screen and (max-width: 767px) {
  .low.work .low_list .ttl img.a2 {
    top: -3.5em;
    right: -1em;
  }
}

.low.work .low_list .ttl img.b1 {
  width: 5.815em;
  position: absolute;
  left: -3.4em;
  top: -2.2em;
}

@media screen and (max-width: 767px) {
  .low.work .low_list .ttl img.b1 {
    left: -1em;
    width: 3.8em;
    top: 1em;
  }
}

.low.work .low_list .ttl img.b2 {
  width: 1.15em;
  position: absolute;
  right: 1.8em;
}

@media screen and (max-width: 767px) {
  .low.work .low_list .ttl img.b2 {
    right: 1em;
    margin-top: .5em;
  }
}

.low.work .low_list .ttl img.c1 {
  width: 1.125em;
}

.low.work .low_list .ttl img.c2 {
  width: 5.15em;
  position: absolute;
  top: -2em;
  right: -.8em;
}

@media screen and (max-width: 767px) {
  .low.work .low_list .ttl img.c2 {
    width: 3.5em;
  }
}

@media screen and (min-width: 768px) {
  .low.interest .low_list .ttl.b {
    padding-left: 5.8em;
  }
}

.low.interest .low_list .ttl.d {
  padding-left: 2em;
}

.low.interest .low_list .ttl img.a1 {
  width: 1.7em;
}

.low.interest .low_list .ttl img.b1 {
  position: absolute;
  width: 6.1em;
  left: -1.2em;
  top: -1.4em;
}

@media screen and (max-width: 767px) {
  .low.interest .low_list .ttl img.b1 {
    top: -2.5em;
  }
}

.low.interest .low_list .ttl img.b2 {
  width: 1.175em;
  margin-left: -.5em;
}

@media screen and (max-width: 767px) {
  .low.interest .low_list .ttl img.b2 {
    position: absolute;
    right: 2rem;
    bottom: 1em;
  }
}

.low.interest .low_list .ttl img.c1 {
  width: 1.4em;
}

.low.interest .low_list .ttl img.c2 {
  width: 9.425em;
  position: absolute;
  top: -2.1em;
  right: -3.1em;
}

@media screen and (max-width: 767px) {
  .low.interest .low_list .ttl img.c2 {
    top: -4.2em;
  }
}

.low.interest .low_list .ttl img.d1 {
  position: absolute;
  width: 3.875em;
  left: -1.9em;
  top: -1.55em;
}

@media screen and (max-width: 767px) {
  .low.interest .low_list .ttl img.d1 {
    left: -1.3em;
  }
}

.low.interest .low_list .ttl img.d2 {
  width: 1.15em;
  margin-left: -.5em;
}

.low.interest .low_list .ttl img.e1 {
  width: 1.625em;
}

.low.interest .low_list .ttl img.e2 {
  width: 4.15em;
  position: absolute;
  top: -1.9em;
  right: 1.5em;
}

@media screen and (max-width: 767px) {
  .low.interest .low_list .ttl img.e2 {
    top: -3em;
    right: 0;
  }
}

.low.kids .low_list .ttl.b {
  padding-left: 3em;
}

@media screen and (max-width: 767px) {
  .low.kids .low_list .ttl.b {
    padding-left: 2.2em;
  }
  .low.kids .low_list .ttl.b small {
    display: block;
  }
}

.low.kids .low_list .ttl.d {
  justify-content: flex-end;
  padding-right: 1.3em;
}

@media screen and (min-width: 768px) {
  .low.kids .low_list .ttl {
    letter-spacing: 0;
  }
  .low.kids .low_list .ttl small {
    margin-left: -.5em;
  }
}

.low.kids .low_list .ttl img.a1 {
  width: 1.825em;
}

.low.kids .low_list .ttl img.a2 {
  position: absolute;
  width: 7.2em;
  right: -13.2em;
  top: -4.4em;
}

@media screen and (max-width: 767px) {
  .low.kids .low_list .ttl img.a2 {
    right: -2rem;
    top: -4em;
    width: 6em;
  }
}

.low.kids .low_list .ttl img.b1 {
  position: absolute;
  width: 5.05em;
  left: -2.3em;
  top: -2em;
}

@media screen and (max-width: 767px) {
  .low.kids .low_list .ttl img.b1 {
    left: -1.3em;
    width: 4em;
  }
}

.low.kids .low_list .ttl img.b2 {
  width: 1.35em;
  margin-left: -.5em;
}

.low.kids .low_list .ttl img.c1 {
  width: 1.675em;
}

.low.kids .low_list .ttl img.c2 {
  position: absolute;
  width: 5.05em;
  right: -2.8em;
  top: -2em;
}

@media screen and (max-width: 767px) {
  .low.kids .low_list .ttl img.c2 {
    right: 1rem;
    width: 4em;
    top: -2.4em;
  }
}

.low.kids .low_list .ttl img.d1 {
  position: absolute;
  width: 4.525em;
  left: -1.3em;
  top: -2.2em;
}

@media screen and (max-width: 767px) {
  .low.kids .low_list .ttl img.d1 {
    width: 3em;
    left: -.5em;
  }
}

.low.kids .low_list .ttl img.d2 {
  width: 1.125em;
  margin-left: -.3em;
}

.low_list .ttl2 {
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
  color: #fff;
  border-radius: .5rem;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: .06em;
  padding: .7em 1em;
  margin: 9rem 0 4rem;
}

@media screen and (max-width: 767px) {
  .low_list .ttl2 {
    margin: 6rem 0 3rem;
  }
}

.low_list .ttl2:first-of-type {
  margin-top: 0;
}

.low_list .ttl3 {
  font-size: 4rem;
  font-weight: 900;
  color: #0E56A3;
  margin-bottom: .6em;
}

@media screen and (max-width: 767px) {
  .low_list .ttl3 {
    font-size: 3rem;
    margin: .8em 0 .3em;
  }
}

.low_list .inner {
  padding: 5rem 6rem;
}

@media screen and (max-width: 767px) {
  .low_list .inner {
    padding: 3rem 2rem;
  }
  .low_list .inner > ul:has(.slide) > li + li {
    margin-top: 3rem;
  }
}

@media screen and (min-width: 768px) {
  .low_list .inner > ul:has(.slide) {
    display: flex;
    gap: 5rem;
    flex-wrap: wrap;
  }
  .low_list .inner > ul:has(.slide) > li {
    width: 51.5rem;
  }
}

.low_list ul:has(.slide) dt, .low_list .list dt {
  color: #FF7A21;
  font-size: 2.4rem;
  font-weight: 900;
  margin: 1em 0 .5em;
}

.low.interest .low_list ul:has(.slide) dt, .low.interest .low_list .list dt {
  color: #1EB43F;
  font-weight: 900;
  font-size: 2.4rem;
  margin: 1em 0 .5em;
}

.low.work .low_list ul:has(.slide) dt, .low.work .low_list .list dt {
  display: inline-block;
  padding: .2em .5em;
  border-radius: .3em;
  margin-bottom: .6em;
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: .03em;
}

.low_list .swiper-fade .swiper-slide {
  transition-property: opacity !important;
}

.low_list .swiper-fade .btn {
  display: flex;
}

.low_list .slide {
  position: relative;
}

.low_list .slide img {
  border-radius: 2rem;
  width: 100%;
}

.low_list .btn {
  display: flex;
  display: none;
  position: absolute;
  z-index: 2;
  right: 1rem;
  bottom: 1rem;
  gap: 1rem;
}

.low_list .btn i {
  cursor: pointer;
  width: 6rem;
  height: 6rem;
  background: url(../img/arw-prev02.svg) no-repeat 50%/contain;
}

.low.work .low_list .btn i {
  background-image: url(../img/arw-prev03.svg);
}

.low.kids .low_list .btn i {
  background-image: url(../img/arw-prev04.svg);
}

@media screen and (max-width: 767px) {
  .low_list .btn i {
    width: 4rem;
    height: 4rem;
  }
}

.low_list .btn .next {
  background-image: url(../img/arw-next02.svg);
}

.low.work .low_list .btn .next {
  background-image: url(../img/arw-next03.svg);
}

.low.kids .low_list .btn .next {
  background-image: url(../img/arw-next04.svg);
}

.low_list .row {
  border-top: dotted 1px #DCDCDC;
  padding-top: 10rem;
  margin-top: 5rem;
}

@media screen and (max-width: 767px) {
  .low_list .row {
    padding-top: 5rem;
    margin-top: 4rem;
  }
}

.low_list .row.first {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}

@media screen and (min-width: 768px) {
  .low_list .row {
    margin-bottom: 6rem;
    display: flex;
    justify-content: space-between;
  }
  .low_list .row > * {
    width: 51.5rem;
  }
}

.low_list .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 767px) {
  .low_list .list {
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem;
    margin-top: 4rem;
  }
}

@media screen and (min-width: 768px) {
  .low_list .list dl {
    border-bottom: solid 1px #DCDCDC;
    padding-bottom: 3rem;
  }
  .low_list .list dl:nth-child(odd) {
    border-right: solid 1px #DCDCDC;
    padding-right: 5rem;
  }
  .low_list .list dl:nth-child(even) {
    padding-left: 5rem;
  }
  .low_list .list dl:nth-child(n + 3) {
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 3rem;
  }
}

.low_tool {
  margin-bottom: 20rem;
}

@media screen and (max-width: 767px) {
  .low_tool {
    margin-bottom: 10rem;
  }
}

.low_tool ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5rem;
}

@media screen and (max-width: 767px) {
  .low_tool ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
}

.low_tool li {
  justify-content: space-between;
  display: flex;
  align-items: flex-start;
}

.low_tool figure {
  width: 20rem;
  aspect-ratio: 1 / 1;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 2rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .low_tool figure {
    width: 10rem;
  }
}

.low_tool figure img {
  font-size: 1rem;
  width: 13.4em;
}

@media screen and (max-width: 767px) {
  .low_tool figure img {
    font-size: .6rem;
  }
}

.low.kids .low_tool figure img {
  width: 8.8em;
}

.low_tool figure img.b {
  width: 14.7em;
}

.low.kids .low_tool figure img.b {
  width: 15.2em;
}

.low_tool figure img.c {
  width: 14.6em;
}

.low.kids .low_tool figure img.c {
  width: 14.7em;
}

.low_tool figure img.d {
  width: 15.8em;
}

.low.kids .low_tool figure img.d {
  width: 13.2em;
}

.low_tool dt {
  color: #1EB43F;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: .3em;
  margin-top: .3em;
}

.low.kids .low_tool dt {
  color: #FF7A21;
}

.low_tool dl {
  width: calc(100% - 23rem);
}

@media screen and (max-width: 767px) {
  .low_tool dl {
    width: calc(100% - 12rem);
  }
}

.low_detail .ttl {
  font-size: 4.4rem;
  text-align: center;
  background: linear-gradient(202.06deg, #F6CF3A 10.76%, #F4E3A2 86.21%);
  border-radius: 2rem 2rem 0 0;
  text-shadow: 0px 0px 20px #F5CA24;
  font-weight: 900;
  color: #fff;
  line-height: 1.4;
  position: relative;
  padding: 1em .5em;
}

@media screen and (max-width: 767px) {
  .low_detail .ttl {
    font-size: 3rem;
  }
}

.low_detail .ttl img {
  position: absolute;
  width: 2.86em;
  bottom: -.8rem;
  right: 2.2rem;
}

@media screen and (max-width: 767px) {
  .low_detail .ttl img {
    display: none;
  }
}

.low_detail .box {
  background: linear-gradient(202.06deg, #FFF9E1 10.76%, #F4E3A2 86.21%);
}

.low_detail ul {
  padding: 6rem;
}

@media screen and (max-width: 767px) {
  .low_detail ul {
    padding: 1.5rem;
  }
}

.low_detail li {
  border-radius: 2rem;
  background: #fff;
  margin-bottom: 3.8rem;
  padding: 7rem 5rem 5rem;
  position: relative;
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .low_detail li {
    padding: 5rem 2rem 2rem;
  }
}

.low_detail li:before {
  content: '';
  position: absolute;
  left: 50%;
  translate: -50% 0;
  background: linear-gradient(202.06deg, #F6CF3A 10.76%, #F4E3A2 86.21%);
  width: 6rem;
  height: 3rem;
  bottom: -3rem;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}

.low_detail li i {
  position: absolute;
  left: 50%;
  translate: -50% 0;
  top: 0;
  background: linear-gradient(202.06deg, #F6CF3A 10.76%, #F4E3A2 86.21%);
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  letter-spacing: .05em;
  padding: .2em .7em;
  color: #fff;
  font-weight: bold;
  border-radius: 0 0 .5rem .5rem;
}

@media screen and (min-width: 768px) {
  .low_detail li {
    display: flex;
    justify-content: space-between;
  }
  .low_detail li figure {
    width: 45rem;
  }
  .low_detail li dl {
    width: 45.6rem;
  }
}

.low_detail li:last-child {
  margin-bottom: 0;
}

.low_detail li:last-child:before {
  content: none;
}

.low_detail li img {
  border-radius: 1.6rem;
}

@media screen and (max-width: 767px) {
  .low_detail figure {
    margin-top: 3rem;
  }
}

.low_detail dt {
  font-size: 3rem;
  font-weight: 900;
  letter-spacing: .02em;
  line-height: 1.35;
  position: relative;
  margin-bottom: .6em;
}

@media screen and (min-width: 768px) {
  .low_detail dt {
    font-size: 4rem;
    padding-left: 11.4rem;
    padding-top: .5em;
  }
}

.low_detail dt em {
  color: #EAC32A;
  letter-spacing: .02em;
  margin-left: -.4em;
}

.low_detail dt img {
  width: 2.55em;
}

@media screen and (min-width: 768px) {
  .low_detail dt img {
    position: absolute;
    left: -.2em;
    top: 0;
  }
}

@media screen and (max-width: 767px) {
  .low_detail dt img {
    display: block;
  }
}

.faq_list2 dl {
  background: #fff;
  border-radius: 2rem;
  background: #FFFFFF;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  padding: 3rem;
  margin-top: 2rem;
}

@media screen and (max-width: 767px) {
  .faq_list2 dl {
    padding: 2rem;
  }
}

.faq_list2 dt, .faq_list2 dd {
  position: relative;
}

@media screen and (min-width: 768px) {
  .faq_list2 dt, .faq_list2 dd {
    padding-left: 6rem;
  }
}

.faq_list2 dt i, .faq_list2 dd i {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 2.6rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.low.brain .faq_list2 dt i, .low.brain .faq_list2 dd i {
  background: linear-gradient(202.06deg, #F6CF3A 10.76%, #F4E3A2 86.21%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.low.interest .faq_list2 dt i, .low.interest .faq_list2 dd i {
  background: linear-gradient(202.06deg, #1EB43F 10.76%, #86DE99 86.21%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.low.work .faq_list2 dt i, .low.work .faq_list2 dd i {
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.low.weekend .faq_list2 dt i, .low.weekend .faq_list2 dd i {
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

@media screen and (max-width: 767px) {
  .faq_list2 dt i, .faq_list2 dd i {
    display: block;
    margin-bottom: .2em;
  }
}

@media screen and (min-width: 768px) {
  .faq_list2 dt i, .faq_list2 dd i {
    position: absolute;
    left: 0;
    top: -.1em;
  }
}

.faq_list2 dt {
  font-weight: bold;
  padding-bottom: 2rem;
  cursor: pointer;
  line-height: 1.47;
}

@media screen and (min-width: 768px) {
  .faq_list2 dt {
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .faq_list2 dt {
    line-height: 1.47;
    background: url(../img/btn_open.svg) no-repeat right 0.2em/2.6rem;
  }
  .faq_list2 dt.open {
    background-image: url(../img/btn_close.svg);
  }
  .faq_list2 dt.open + dd {
    display: block;
  }
}

.faq_list2 dd {
  border-top: dotted 1px #DCDCDC;
  padding-top: 2rem;
  letter-spacing: .04em;
}

.faq_list2 dd i {
  top: .6em;
}

@media screen and (max-width: 767px) {
  .faq_list2 dd {
    display: none;
  }
}

.low_faq {
  margin: 19rem 0 0;
}

@media screen and (max-width: 767px) {
  .low_faq {
    margin: 10rem 0 0;
  }
}

.low_app {
  text-align: center;
  background: url(../img/brain-app-bg.jpg) no-repeat center top/cover;
  padding: 11rem 0 12rem;
  color: #fff;
}

.low.interest .low_app {
  background-image: url(../img/interest-app-bg.jpg);
}

.low.work .low_app {
  background-image: url(../img/work-app-bg.jpg);
}

.low.kids .low_app {
  background-image: url(../img/kids-app-bg.jpg);
}

.low.weekend .low_app {
  background-image: url(../img/weekend-app-bg.jpg);
}

@media screen and (max-width: 767px) {
  .low_app {
    padding: 5rem 2rem;
  }
}

.low_app .ttl {
  font-size: 5rem;
  line-height: 1.24;
  font-weight: 900;
  margin-bottom: 1em;
}

.low.work .low_app .ttl {
  font-size: 4rem;
}

@media screen and (max-width: 767px) {
  .low.work .low_app .ttl {
    font-size: 2.8rem;
  }
}

.low.brain .low_app .ttl {
  text-shadow: 0px 0px 20px #F5CA24;
}

.low.interest .low_app .ttl {
  margin-bottom: .6em;
}

.low.kids .low_app .ttl {
  margin-bottom: .7em;
  font-size: 4rem;
}

@media screen and (max-width: 767px) {
  .low.kids .low_app .ttl {
    font-size: 2.8rem;
  }
}

.low.weekend .low_app .ttl {
  margin-bottom: .6em;
}

@media screen and (max-width: 767px) {
  .low_app .ttl {
    font-size: 3.2rem;
  }
}

.low_app .sub {
  display: inline-block;
  color: #0E56A3;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: .06em;
  background: #fff;
  padding: .2em .6em;
  border-radius: .2em;
  line-height: 1.5;
  margin-bottom: 1.4em;
  position: relative;
}

@media screen and (max-width: 767px) {
  .low_app .sub {
    font-size: 2rem;
  }
}

.low_app .sub:before {
  content: '';
  position: absolute;
  left: 50%;
  translate: -50% 0;
  width: 1rem;
  height: 1rem;
  background: #fff;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  bottom: -1rem;
  z-index: -1;
}

.low_app .lead u {
  text-underline-offset: .2em;
  text-decoration-thickness: .2rem;
}

.low.interest .low_app .btn {
  margin-top: 6.5rem;
}

.low.work .low_app .btn {
  margin-top: 8rem;
}

.low.kids .low_app .btn {
  margin-top: 3.5rem;
}

.low.weekend .low_app .btn {
  margin-top: 3.5rem;
}

.low_app .btn em {
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
  position: absolute;
  font-size: 1.8rem;
  white-space: nowrap;
  font-weight: bold;
  top: 0;
  left: 50%;
  translate: -50% -50%;
  border-radius: 3em;
  padding: .5em 1em .5em 1.5em;
}

.low.work .low_app .btn em {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
}

@media screen and (max-width: 767px) {
  .low_app .btn em {
    font-size: 1.4rem;
  }
}

.low_app .btn em:before {
  content: '';
  position: absolute;
  left: 50%;
  translate: -50% 0;
  width: 1rem;
  height: 1rem;
  background: #548fce;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  bottom: -.9rem;
}

.low.work .low_app .btn em:before {
  background: #ffb786;
}

.low_app .btn a {
  position: relative;
  color: #fff;
  font-size: 2.4rem;
  width: 21.25em;
  height: 4.41em;
  font-weight: 900;
  border-radius: 3em;
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
  display: inline-flex;
  align-items: center;
  padding-left: 7.9em;
  border: solid .166em #fff;
  max-width: 100%;
  text-align: left;
  line-height: 1.3;
}

.low.work .low_app .btn a {
  width: 26.66em;
}

@media screen and (max-width: 767px) {
  .low.work .low_app .btn a {
    padding-left: 5em;
    padding-top: .8em;
  }
}

.low.interest .low_app .btn a {
  background: linear-gradient(202.06deg, #1EB43F 10.76%, #86DE99 86.21%);
  width: 26.66em;
  padding-left: 7.5em;
  letter-spacing: .04em;
}

@media screen and (max-width: 767px) {
  .low.interest .low_app .btn a {
    padding-left: 5.5em;
    padding-top: .6em;
  }
}

.low.kids .low_app .btn a {
  width: 26.66em;
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
  padding-left: 7.3em;
}

@media screen and (max-width: 767px) {
  .low.kids .low_app .btn a {
    padding-left: 5em;
  }
}

.low.weekend .low_app .btn a {
  width: 25.44em;
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
  padding-left: 7.3em;
}

@media screen and (max-width: 767px) {
  .low.weekend .low_app .btn a {
    padding-left: 5.5em;
  }
}

.low_app .btn a i {
  font-size: .7em;
  border: solid .2rem #fff;
  border-radius: .2em;
  line-height: 1;
  margin: 0 .2em;
  padding: 0 .2em;
  display: inline-block;
}

.low_app .btn a small {
  font-size: .588em;
}

@media screen and (max-width: 767px) {
  .low_app .btn a {
    font-size: 2rem;
  }
}

.low_app .btn a:before {
  content: '';
  position: absolute;
  background: url(../img/arw-r18.svg) no-repeat 50%/contain;
  height: 100%;
  top: 0;
  width: 1.083em;
  right: 1.3em;
}

@media screen and (max-width: 767px) {
  .low_app .btn a:before {
    right: 1em;
  }
}

.low.interest .low_app .btn a:before {
  background-image: url(../img/arw-r19.svg);
}

.low.work .low_app .btn a:before {
  background-image: url(../img/arw-r21.svg);
}

@media screen and (max-width: 767px) {
  .low.work .low_app .btn a:before {
    right: .5em;
  }
}

.low.kids .low_app .btn a:before {
  background-image: url(../img/arw-r22.svg);
}

.low.weekend .low_app .btn a:before {
  background-image: url(../img/arw-r23.svg);
}

.low_app .btn img {
  position: absolute;
  width: 5.83em;
  bottom: 0;
  left: 1em;
}

@media screen and (max-width: 767px) {
  .low.interest .low_app .btn img {
    width: 4.8em;
    left: .5em;
  }
}

@media screen and (max-width: 767px) {
  .low.work .low_app .btn img {
    width: 4.3em;
    left: .5em;
  }
}

@media screen and (max-width: 767px) {
  .low.kids .low_app .btn img {
    width: 4.3em;
    left: .5em;
  }
}

@media screen and (max-width: 767px) {
  .low.weekend .low_app .btn img {
    width: 4.8em;
    left: .5em;
  }
}

.form_body td input[type="date"] {
  width: 12em;
  padding: 1em 1.2em;
  border: solid 1px #dcdcdc;
  border-radius: .5em;
}

.form_body p:has(input[type="date"]) {
  display: flex;
  flex-wrap: wrap;
  gap: .5em 1em;
}

.week_list {
  margin-bottom: 0;
}

.week_list .class_ttl {
  margin-bottom: 8rem;
}

.week_list .box:before {
  background: linear-gradient(202.06deg, #D9F6FB 10.76%, #F1F9FB 86.21%);
}

.week_list .box.b:beforer {
  background: linear-gradient(202.06deg, #EAF8FF 10.76%, #ECF7FF 86.21%);
}

.week_list .box.c:beforer {
  background: linear-gradient(202.06deg, #EDF6FF 10.76%, #F6F9FF 86.21%);
}

.week_list .head {
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
}

@media screen and (max-width: 767px) {
  .week_list .head {
    padding-bottom: 5rem !important;
  }
}

.week_list .head > img {
  position: absolute;
  right: 3em;
  bottom: 0;
  font-size: 1rem;
}

.week_list .head > img.a2 {
  width: 21.6em;
  right: 2em;
}

.week_list .head > img.b2 {
  width: 27em;
}

.week_list .head > img.c2 {
  width: 21.3em;
}

@media screen and (max-width: 767px) {
  .week_list .head > img {
    font-size: .4rem;
  }
}

.week_list .head i {
  right: auto;
  left: .43em;
}

@media screen and (min-width: 768px) {
  .week_list .head p {
    margin: -2.5rem 3rem 0 11.5rem;
    padding-bottom: 5rem;
  }
}

.week_list .head.b {
  background: linear-gradient(202.06deg, #23A4E5 10.76%, #A3D0F0 86.21%);
}

@media screen and (min-width: 768px) {
  .week_list .head.b p {
    margin-left: 14.5rem;
  }
}

.week_list .head.c {
  background: linear-gradient(202.06deg, #237EE5 10.76%, #A3C1F0 86.21%);
}

.week_list .ttl img.a1 {
  width: .775em;
}

.week_list .ttl img.b1 {
  width: 1.425em;
}

.week_list .ttl img.c1 {
  width: 1.325em;
}

.week_list:nth-child(2) .ttl {
  background: linear-gradient(202.06deg, #23A4E5 10.76%, #A3D0F0 86.21%);
}

.week_list:nth-child(2) .ttl i {
  color: #23A4E5;
}

.week_list:nth-child(2) dt {
  color: #23A4E5;
}

.week_list:nth-child(3) .ttl {
  background: linear-gradient(202.06deg, #237EE5 10.76%, #A3C1F0 86.21%);
}

.week_list:nth-child(3) .ttl i {
  color: #237EE5;
}

.week_list:nth-child(3) dt {
  color: #237EE5;
}

.week_list .bg.a {
  width: 25.3em;
  top: -9em;
  left: -16em;
}

.week_list .bg.b {
  width: 65.1em;
  right: -46em;
  top: -37em;
}

.week_list .bg.c {
  width: 41.4em;
  top: -27em;
  left: -35em;
}

.week_list .box.b .ttl4:before {
  background: linear-gradient(202.06deg, #23A4E5 10.76%, #A3D0F0 86.21%);
}

.week_list .box.b .price em {
  background: linear-gradient(202.06deg, #23A4E5 10.76%, #A3D0F0 86.21%);
}

.week_list .box.c .ttl4:before {
  background: linear-gradient(202.06deg, #237EE5 10.76%, #A3C1F0 86.21%);
}

.week_list .box.c .price em {
  background: linear-gradient(202.06deg, #237EE5 10.76%, #A3C1F0 86.21%);
}

.week_list .ttl4 {
  font-weight: bold;
  font-size: 2.4rem;
  position: relative;
  padding-left: 1em;
  margin-bottom: 1.2em;
}

@media screen and (max-width: 767px) {
  .week_list .ttl4 {
    margin-bottom: 1em;
  }
}

.week_list .ttl4:before {
  content: '';
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  width: .1666em;
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
  height: 1em;
  left: 0;
}

.week_list .recom {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 9rem;
}

@media screen and (max-width: 767px) {
  .week_list .recom {
    margin-bottom: 6rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
}

.week_list .recom.a li {
  background-image: url(../img/ico-spiral02.svg);
  background-size: 1.35em;
}

.week_list .recom.b li em {
  color: #23A4E5;
}

.week_list .recom.c li em {
  color: #237EE5;
}

.week_list .recom li {
  border-radius: 2rem;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  padding: 11rem 4rem 4rem;
  background: #fff url(../img/ico-star02.svg) no-repeat 4rem 4rem/2.15em;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0;
}

@media screen and (max-width: 767px) {
  .week_list .recom li {
    padding: 8rem 3rem 3rem;
    background-position: 3rem 3rem;
  }
}

.week_list .recom li em {
  color: #0DBDDC;
}

.week_list .feature_list {
  border-top: solid 1px #9EE2EF;
}

@media screen and (min-width: 768px) {
  .week_list .feature_list dl {
    width: 60rem;
  }
}

.week_list .feature_list figure:before {
  content: none;
}

.week_list .feature_list li {
  border-bottom: solid 1px #9EE2EF;
}

.week_list .feature_list.b {
  border-top: solid 1px #B5E3FB;
}

.week_list .feature_list.b li {
  border-bottom: solid 1px #B5E3FB;
}

.week_list .feature_list.b dt {
  color: #23A4E5;
}

.week_list .feature_list.b dt i {
  background: linear-gradient(202.06deg, #23A4E5 10.76%, #A3D0F0 86.21%);
}

.week_list .feature_list.c {
  border-top: solid 1px #D3E2F6;
}

.week_list .feature_list.c li {
  border-bottom: solid 1px #D3E2F6;
}

.week_list .feature_list.c dt {
  color: #237EE5;
}

.week_list .feature_list.c dt i {
  background: linear-gradient(202.06deg, #237EE5 10.76%, #A3C1F0 86.21%);
}

.week_list .feature_list dt {
  color: #0DBDDC;
  position: relative;
  padding-left: 2em;
}

.week_list .feature_list dt small {
  font-size: .75em;
}

.week_list .feature_list dt i {
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
  position: absolute;
  z-index: 1;
  left: 0;
}

@media screen and (max-width: 767px) {
  .week_list .feature_list dt i {
    font-size: 3rem;
  }
}

.week_list .feature_list dt i:before {
  content: '';
  position: absolute;
  inset: .4rem;
  border-radius: 50%;
  background: #fff;
  z-index: -1;
}

.week_list .feature_list dt b {
  background: inherit;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  z-index: 2;
}

.week_list .data {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin: 9rem 0;
}

@media screen and (max-width: 767px) {
  .week_list .data {
    margin: 6rem 0;
    grid-template-columns: repeat(1, 1fr);
    gap: 5rem;
  }
}

.week_list .frame {
  background: #fff;
  border-radius: 2rem;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  padding: 3rem 2rem;
}

@media screen and (min-width: 768px) {
  .week_list .frame {
    height: 28rem;
    padding: 4rem 4rem 5rem;
  }
}

.week_list .frame img {
  width: 5.1rem;
}

.week_list .frame img.b {
  width: 3.3rem;
}

.week_list .frame p {
  font-weight: bold;
}

.week_list .frame p i {
  font-family: "Roboto", sans-serif;
  font-size: 3.4rem;
}

@media screen and (max-width: 767px) {
  .week_list .frame p i {
    font-size: 3rem;
  }
}

.week_list .frame .time {
  font-size: 1.8rem;
  margin-top: 1em;
}

.week_list .frame .price {
  margin-top: 1.6em;
}

.week_list .frame .price em {
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
  color: #fff;
  border-radius: .2em;
  width: 7em;
  text-align: center;
  display: inline-block;
  padding: .1em 0;
  margin-right: .9em;
  font-size: 1.125em;
}

@media screen and (max-width: 767px) {
  .week_list .frame .price em {
    width: 6em;
    display: block;
  }
}

.week_list .frame .price p {
  font-size: 1.6rem;
  letter-spacing: 0;
}

@media screen and (max-width: 767px) {
  .week_list .frame .price p {
    font-size: 1.4rem;
  }
}

.week_salon {
  background: #FFFFFF;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 2rem;
  margin-bottom: 5rem;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .week_salon {
    margin-bottom: 3.5rem;
  }
}

.week_salon:last-of-type {
  margin-bottom: 0;
}

.week_salon .head3 {
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
  color: #fff;
  position: relative;
  cursor: pointer;
  padding: 3.2rem 0;
  padding-left: 13rem;
}

@media screen and (max-width: 767px) {
  .week_salon .head3 {
    padding: 2rem 1.5rem 3.8rem;
    padding-left: 8rem;
  }
}

.week_salon .head3.open:after {
  background-image: url(../img/ico-close.svg);
}

.week_salon .head3.open + .inner {
  display: block;
}

.week_salon .head3:after {
  content: '';
  position: absolute;
  background: url(../img/ico-open.svg) no-repeat 50%/contain;
  width: 4rem;
  height: 100%;
  top: 0;
  right: 4rem;
}

@media screen and (max-width: 767px) {
  .week_salon .head3:after {
    background-position: center bottom;
    height: calc(100% - 1rem);
    right: 1rem;
  }
}

.week_salon .head3.a img {
  width: 7.3em;
}

.week_salon .head3.b img {
  width: 7.6em;
}

.week_salon .head3.c img {
  width: 6.4em;
}

.week_salon .head3.d img {
  width: 3.7em;
  left: 5em;
}

.week_salon .head3 img {
  position: absolute;
  left: 3rem;
  font-size: 1rem;
}

@media screen and (max-width: 767px) {
  .week_salon .head3 img {
    font-size: .6rem;
    left: 1.5rem;
  }
}

.week_salon .head3 p {
  font-size: 1.4rem;
  letter-spacing: .03em;
}

@media screen and (max-width: 767px) {
  .week_salon .head3 p {
    margin-left: -6rem;
  }
}

.week_salon .ttl5 {
  font-size: 2.8rem;
  letter-spacing: .03em;
  font-weight: 900;
}

@media screen and (max-width: 767px) {
  .week_salon .ttl5 {
    font-size: 2.2rem;
    line-height: 1.3;
    margin-bottom: .3em;
  }
}

.week_salon .inner {
  display: none;
}

@media screen and (min-width: 768px) {
  .week_salon .inner {
    padding: 5rem;
  }
}

.week_salon .row2 {
  padding-bottom: 6rem;
  border-bottom: dotted 1px #99B3CF;
  margin-bottom: 4rem;
}

@media screen and (max-width: 767px) {
  .week_salon .row2 {
    padding-bottom: 4rem;
    margin-bottom: 3rem;
  }
}

.week_salon .row2 figure img {
  border-radius: 1.6rem;
}

@media screen and (min-width: 768px) {
  .week_salon .row2 {
    display: flex;
    justify-content: space-between;
  }
  .week_salon .row2 figure {
    width: 47rem;
  }
  .week_salon .row2 dl {
    width: 47rem;
    margin-top: -2rem;
  }
}

.week_salon .row2 dt {
  color: #FF7A21;
  font-size: 4rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.45;
  margin-bottom: .4em;
}

@media screen and (max-width: 767px) {
  .week_salon .row2 dt {
    font-size: 2.8rem;
    margin-top: 2rem;
  }
}

.week_salon .row2 dt i {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
  color: #fff;
  border-radius: 3em;
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  font-weight: 600;
  position: relative;
  padding: .2em 1.5em;
  padding-left: 4.7em;
  display: inline-block;
  margin-bottom: .6em;
}

@media screen and (max-width: 767px) {
  .week_salon .row2 dt i {
    font-size: 1.6rem;
  }
}

.week_salon .row2 dt img {
  position: absolute;
  width: 3.55em;
  bottom: 0;
  left: 1em;
}

@media screen and (max-width: 767px) {
  .week_salon .exp {
    margin-top: 3rem;
  }
}

.week_salon .exp ul {
  margin-left: 0 !important;
  text-indent: 0 !important;
}

.week_salon .exp li {
  background: #E9FCFF;
  border-radius: .5rem;
  padding: 1em 1.3em;
  margin-top: 1rem;
  position: relative;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
}

@media screen and (min-width: 768px) {
  .week_salon .exp li {
    padding: 1em 2em;
    padding-left: 30rem;
  }
}

.week_salon .exp li:nth-child(2) img {
  width: 1.5em;
}

.week_salon .exp li:nth-child(3) img {
  width: 1.5em;
}

.week_salon .exp li:nth-child(4) img {
  width: 1.77em;
}

.week_salon .exp li:nth-child(5) img {
  width: 1.72em;
}

.week_salon .exp li:nth-child(6) img {
  width: 2.13em;
}

.week_salon .exp img {
  width: 1.8181em;
  position: absolute;
  left: -2.7em;
}

@media screen and (max-width: 767px) {
  .week_salon .exp img {
    left: -2.2em;
  }
}

.week_salon .exp i {
  position: relative;
  color: #0DBDDC;
  font-size: 2.2rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .week_salon .exp i {
    display: block;
    margin-bottom: .3em;
    margin-left: 5rem;
    white-space: nowrap;
    letter-spacing: 0;
  }
}

@media screen and (min-width: 768px) {
  .week_salon .exp i {
    position: absolute;
    left: 8.2rem;
  }
}

.week_salon .exp i small {
  font-size: .77em;
}

.week_salon .exp dt, .week_salon .detail dt {
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
  color: #fff;
  border-radius: .2em;
  font-size: 2rem;
  padding: 0 .6em;
  display: inline-block;
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .week_salon .exp dt, .week_salon .detail dt {
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 768px) {
  .week_salon .detail {
    display: flex;
    flex-wrap: wrap;
  }
  .week_salon .detail dl {
    width: 50%;
  }
  .week_salon .detail dl:nth-child(odd) {
    border-right: solid 1px #DCDCDC;
    padding-right: 4rem;
  }
  .week_salon .detail dl:nth-child(even) {
    padding-left: 4rem;
  }
}

.week_salon .detail dd + dt {
  margin-top: 3rem;
}

@media screen and (max-width: 767px) {
  .week_salon .detail dl + dl {
    margin-top: 3rem;
  }
}

.week_salon ul:not(.flow) {
  margin-left: 1em;
  text-indent: -1em;
}

.week_salon .flow {
  position: relative;
}

.week_salon .flow:before {
  content: '';
  position: absolute;
  bottom: .5rem;
  border-left: solid 1px #FFE6D5;
  height: calc(100% - 2rem);
  left: 9rem;
}

@media screen and (max-width: 767px) {
  .week_salon .flow:before {
    left: 6.4rem;
  }
}

.week_salon .flow li {
  position: relative;
}

.week_salon .flow li + li {
  margin-top: 2rem;
}

.week_salon .flow i {
  position: absolute;
  text-align: right;
  width: 3em;
  color: #FF7A21;
  font-size: 2.4rem;
  letter-spacing: .03em;
}

@media screen and (max-width: 767px) {
  .week_salon .flow i {
    font-size: 1.8rem;
    width: 2.8em;
    white-space: nowrap;
  }
}

.week_salon .flow i:after {
  content: '';
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  width: .42em;
  height: .42em;
  border-radius: 50%;
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
  right: -1em;
}

.week_salon .flow i small {
  font-size: .5714em;
}

.week_salon .flow em {
  color: #0DBDDC;
  display: block;
}

.week_salon .flow p {
  margin-left: 12rem;
}

@media screen and (max-width: 767px) {
  .week_salon .flow p {
    margin-left: 8.5rem;
    font-size: 1.4rem;
  }
}

.week_cta {
  text-align: center;
  margin: 7rem 0 9rem;
}

.week_cta em {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
  position: absolute;
  font-size: 1.8rem;
  white-space: nowrap;
  font-weight: bold;
  top: 0;
  left: 50%;
  translate: -50% -50%;
  border-radius: 3em;
  padding: .5em 1em .5em 1.5em;
}

@media screen and (max-width: 767px) {
  .week_cta em {
    font-size: 1.4rem;
  }
}

.week_cta em:before {
  content: '';
  position: absolute;
  left: 50%;
  translate: -50% 0;
  width: 1rem;
  height: 1rem;
  background: #ffb786;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  bottom: -.9rem;
}

.week_cta a {
  position: relative;
  color: #fff;
  font-size: 2.4rem;
  width: 26.66em;
  height: 4.41em;
  font-weight: 900;
  border-radius: 3em;
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
  display: inline-flex;
  align-items: center;
  padding-left: 7.9em;
  border: solid .166em #fff;
  max-width: 100%;
  text-align: left;
  line-height: 1.3;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 767px) {
  .week_cta a {
    padding-left: 5.5em;
    padding-top: .8em;
  }
}

.week_cta a i {
  font-size: .7em;
  border: solid .2rem #fff;
  border-radius: .2em;
  line-height: 1;
  margin: 0 .2em;
  padding: 0 .2em;
  display: inline-block;
}

.week_cta a small {
  font-size: .588em;
}

@media screen and (max-width: 767px) {
  .week_cta a {
    font-size: 2rem;
  }
}

.week_cta a:before {
  content: '';
  position: absolute;
  background: url(../img/arw-r23.svg) no-repeat 50%/contain;
  height: 100%;
  top: 0;
  width: 1.083em;
  right: 1.3em;
}

@media screen and (max-width: 767px) {
  .week_cta a:before {
    right: 1em;
  }
}

.week_cta img {
  position: absolute;
  width: 5.83em;
  bottom: 0;
  left: 1em;
}

@media screen and (max-width: 767px) {
  .week_cta img {
    width: 4.3em;
    left: .5em;
  }
}

.week_sch {
  margin: 16rem 0;
}

@media screen and (max-width: 767px) {
  .week_sch {
    margin: 10rem 0;
  }
}

.week_sch .u_inner {
  position: relative;
}

.week_sch .class_ttl {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .week_sch .head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .week_sch .head .class_ttl {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .week_sch .btn {
    position: absolute;
    right: 0;
    top: 2rem;
  }
}

.week_sch .btn a {
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
  color: #fff;
  border-radius: 3em;
  position: relative;
  font-size: 2.2rem;
  width: 15.45em;
  height: 3.45em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  margin: 0 auto;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
  max-width: 100%;
}

.week_sch .btn a:before {
  content: '';
  background: url(../img/arw-r23.svg) no-repeat 50%/contain;
  height: 100%;
  width: 1.1818em;
  position: absolute;
  top: 0;
  right: 1.3em;
}

.week_sch ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}

@media screen and (max-width: 767px) {
  .week_sch ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 2.5rem;
    margin-bottom: 3rem;
  }
}

.week_sch li {
  border-radius: 2rem;
  overflow: hidden;
  background: #fff;
  text-align: center;
}

.week_sch li:nth-child(2) .ttl {
  background: linear-gradient(202.06deg, #23A4E5 10.76%, #A3D0F0 86.21%);
}

.week_sch li:nth-child(2) .ttl i {
  color: #23A4E5;
}

.week_sch li:nth-child(2) dt {
  color: #23A4E5;
}

.week_sch li:nth-child(3) .ttl {
  background: linear-gradient(202.06deg, #237EE5 10.76%, #A3C1F0 86.21%);
}

.week_sch li:nth-child(3) .ttl i {
  color: #237EE5;
}

.week_sch li:nth-child(3) dt {
  color: #237EE5;
}

.week_sch .ttl {
  font-size: 3rem;
  font-weight: 900;
  color: #fff;
  padding: 1.4em 0;
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
}

@media screen and (max-width: 767px) {
  .week_sch .ttl {
    padding: 1em 0;
    font-size: 2.6rem;
  }
}

.week_sch .ttl i {
  background: #fff;
  border-radius: 3em;
  color: #0DBDDC;
  font-size: .533em;
  letter-spacing: -.01em;
  padding: .2em .54em;
  font-weight: bold;
}

.week_sch dl {
  padding: 3rem 4rem 4.5rem;
}

.week_sch dt {
  color: #0DBDDC;
  font-size: 1.5rem;
}

.week_sch dd {
  font-size: 2.2rem;
  font-weight: bold;
}

.week_sch dd + dt {
  padding-top: 2em;
  margin-top: 2em;
  border-top: dotted 1px #99B3CF;
}

@media screen and (max-width: 767px) {
  .week_sch dd + dt {
    padding-top: 1.5em;
    margin-top: 1.5em;
  }
}

.week_detail {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.2rem;
}

@media screen and (max-width: 767px) {
  .week_detail {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 3rem;
  }
}

.week_detail li {
  border-radius: 2rem;
  overflow: hidden;
  background: #fff;
  text-align: center;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}

.week_detail li:nth-child(2) .ttl i {
  color: #23A4E5;
}

.week_detail li:nth-child(2) dt {
  color: #23A4E5;
}

.week_detail li:nth-child(3) .ttl i {
  color: #237EE5;
}

.week_detail li:nth-child(3) dt {
  color: #237EE5;
}

.week_detail figure {
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.week_detail figure img {
  font-size: 1rem;
}

.week_detail.b li:nth-child(1) img {
  width: 5.4em;
}

.week_detail.b li:nth-child(2) img {
  width: 5.5em;
}

.week_detail.b li:nth-child(3) img {
  width: 5.9em;
}

.week_detail.b li:nth-child(4) img {
  width: 4.1em;
}

.week_detail.b li:nth-child(5) img {
  width: 4.9em;
}

.week_detail.b li:nth-child(6) img {
  width: 6.3em;
}

.week_detail.b li:nth-child(7) img {
  width: 5.7em;
}

.week_detail.c .head2 {
  background: linear-gradient(202.06deg, #237EE5 10.76%, #A3C1F0 86.21%);
}

.week_detail.c dt {
  color: #237EE5;
}

.week_detail.c li:nth-child(1) img {
  width: 6.6em;
}

.week_detail.c li:nth-child(2) img {
  width: 5.5em;
}

.week_detail.c li:nth-child(3) img {
  width: 5.9em;
}

.week_detail.c li:nth-child(4) img {
  width: 6em;
}

.week_detail.c li:nth-child(5) img {
  width: 5.3em;
}

.week_detail.c li:nth-child(6) img {
  width: 7.6em;
}

.week_detail.c li:nth-child(7) img {
  width: 4.1em;
}

.week_detail.c li:nth-child(8) img {
  width: 4.7em;
}

.week_detail .head2 {
  background: linear-gradient(202.06deg, #23A4E5 10.76%, #A3D0F0 86.21%);
  color: #fff;
  padding: 2.5rem 2rem;
}

.week_detail .head2 p {
  font-size: 1.4rem;
  line-height: 1.57;
}

.week_detail .ttl5 {
  font-size: 2.8rem;
  font-weight: 900;
  letter-spacing: 0;
  white-space: nowrap;
  margin: 0 -1rem .4em;
}

@media screen and (max-width: 767px) {
  .week_detail .ttl5 {
    font-size: 2.6rem;
  }
}

.week_detail dl {
  padding: 3rem 3rem 4.5rem;
}

.week_detail dt {
  color: #23A4E5;
  font-size: 1.5rem;
  margin-bottom: .4em;
}

.week_detail dd {
  font-weight: bold;
  line-height: 1.47;
}

.week_detail dd + dt {
  padding-top: 2em;
  margin-top: 2em;
  border-top: dotted 1px #99B3CF;
}

@media screen and (max-width: 767px) {
  .week_detail dd + dt {
    padding-top: 1.5em;
    margin-top: 1.5em;
  }
}

.week_newlife {
  position: relative;
  z-index: 0;
}

.week_newlife .txt_slider {
  position: static;
  margin-bottom: 12rem;
}

@media screen and (max-width: 767px) {
  .week_newlife .txt_slider {
    margin-bottom: 8rem;
  }
}

.week_newlife .txt_slider p {
  opacity: .7;
  background: linear-gradient(180deg, #F5F9FF 21.84%, #DEF7FB 83.96%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

@media screen and (max-width: 767px) {
  .week_newlife .class_ttl {
    font-size: 3.4rem;
  }
}

.week_newlife .class_ttl i {
  font-family: inherit;
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

@media screen and (max-width: 767px) {
  .week_newlife .class_ttl i {
    letter-spacing: 0;
  }
}

.week_newlife .class_ttl em {
  color: #0DBDDC;
}

.week_newlife .lead {
  text-align: center;
  font-size: 2.2rem;
  letter-spacing: .06em;
  line-height: 1.81;
  margin-bottom: 8rem;
}

@media screen and (max-width: 767px) {
  .week_newlife .lead {
    font-size: 2rem;
    text-align: left;
  }
}

.week_newlife ul {
  border-top: dotted 1px #99B3CF;
}

@media screen and (min-width: 768px) {
  .week_newlife .desc {
    width: 56rem;
  }
}

@media screen and (max-width: 767px) {
  .week_newlife .fig {
    margin-top: 2.5rem;
  }
}

@media screen and (min-width: 768px) {
  .week_newlife .fig {
    width: 56rem;
  }
}

.week_newlife .sub {
  border: solid 1px #0DBDDC;
  border-radius: 3em;
  display: inline-block;
  color: #0DBDDC;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: -.01em;
  padding: 0 2em;
  margin-bottom: 1.2em;
}

.week_newlife .ttl {
  font-weight: 900;
  font-size: 4.4rem;
  position: relative;
  letter-spacing: .06em;
  line-height: 1.36;
  padding-left: 1.5em;
  margin-bottom: .6em;
}

@media screen and (max-width: 767px) {
  .week_newlife .ttl {
    font-size: 3rem;
  }
}

.week_newlife .ttl i {
  position: absolute;
  left: 0;
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.week_newlife .ttl em {
  color: #0DBDDC;
}

.week_newlife figure img {
  border-radius: 1rem;
  width: 100%;
}

.week_newlife dl {
  background: linear-gradient(202.06deg, #D9F6FB 10.76%, #F1F9FB 86.21%);
  border-radius: 1rem;
  padding: 3rem;
}

@media screen and (max-width: 767px) {
  .week_newlife dl {
    padding: 3rem 2rem;
  }
}

.week_newlife dt {
  display: inline-block;
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%);
  font-size: 2rem;
  letter-spacing: -.02em;
  font-weight: bold;
  border-radius: .2em;
  color: #fff;
  padding: .1em .5em;
  margin-bottom: .3em;
}

.week_newlife dd + dt {
  margin-top: 1em;
}

.week_newlife li {
  border-bottom: dotted 1px #99B3CF;
  padding: 4rem 0;
}

@media screen and (min-width: 768px) {
  .week_newlife li {
    padding: 6rem 0;
    display: flex;
    justify-content: space-between;
  }
}

.week_newlife li:nth-child(2) dl {
  background: linear-gradient(202.06deg, #EAF8FF 10.76%, #ECF7FF 86.21%);
}

.week_newlife li:nth-child(2) dt {
  background: linear-gradient(202.06deg, #23A4E5 10.76%, #A3D0F0 86.21%);
}

.week_newlife li:nth-child(2) .sub {
  color: #23A4E5;
  border-color: #23A4E5;
}

.week_newlife li:nth-child(2) .ttl i {
  background: linear-gradient(202.06deg, #23A4E5 10.76%, #A3D0F0 86.21%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.week_newlife li:nth-child(2) .ttl em {
  color: #23A4E5;
}

.week_newlife li:nth-child(3) .ttl i {
  background: linear-gradient(202.06deg, #237EE5 10.76%, #A3C1F0 86.21%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.week_newlife li:nth-child(3) .ttl em {
  color: #237EE5;
}

.week_bg {
  position: relative;
  z-index: 0;
  padding: 16rem 0 18rem;
}

@media screen and (max-width: 767px) {
  .week_bg {
    padding: 10rem 0 10rem;
  }
}

.week_bg:after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 150rem;
  z-index: -1;
  background: linear-gradient(0, transparent 0%, #fdfdfd 100%);
}

.week_bg .c_noise {
  background: linear-gradient(180deg, #FFFFFF -10.32%, #D8F3FF 113.59%);
}

.week_flow {
  margin-top: 15rem;
}

@media screen and (max-width: 767px) {
  .week_flow {
    margin-top: 10rem;
  }
}

.week_flow dd {
  text-align: center;
}

.week_flow li {
  background: linear-gradient(202.06deg, #23C8E5 10.76%, #A3E6F0 86.21%) !important;
}

.week_flow li:before {
  background: #4bd1e9 !important;
}

@media screen and (max-width: 767px) {
  .week_flow li:before {
    background: #a3e6f0 !important;
  }
}

@media screen and (min-width: 768px) {
  .week_flow dt {
    height: auto;
  }
}

.low.kouza:before {
  background-image: url(../img/mv-bg01.webp);
  z-index: -2;
}

@media screen and (max-width: 1600px) {
  .low.kouza:before {
    background-size: 160rem;
  }
}

@media screen and (max-width: 767px) {
  .low.kouza:before {
    background-image: url(../img/mv-bg01-sp.webp);
    background-size: 100%;
  }
}

.low.kouza .low_faq {
  margin-bottom: 10rem;
}

@media screen and (max-width: 767px) {
  .low.kouza .low_faq {
    margin-bottom: 6rem;
  }
}

.kouza_main:after {
  content: none;
}

.low.kouza .kouza_main:before {
  background: url(../img/mv-arrow.svg) no-repeat center top/cover;
  width: 165.4rem;
  height: 37.9rem;
  right: calc(50% - 80.8rem);
}

@media screen and (max-width: 767px) {
  .low.kouza .kouza_main:before {
    background-image: url(../img/mv-arrow-sp.svg);
    width: 100%;
    right: 0;
    height: 50.3rem;
    background-size: 100%;
  }
}

.kouza_main .ttl {
  color: #FF7A21;
  text-align: center;
  font-size: 5.8rem;
}

@media screen and (max-width: 767px) {
  .kouza_main .ttl {
    font-size: 2.8rem;
    display: block;
  }
}

.low.kouza .kouza_main .ttl i {
  padding: 0 .35em;
}

@media screen and (max-width: 767px) {
  .low.kouza .kouza_main .ttl i {
    display: block;
  }
}

.kouza_main .btn a {
  background: linear-gradient(90deg, #0B69E3 24.67%, #70C8E8 93%);
}

.kouza_main .btn a:after {
  background-image: url(../img/arw-r03.svg);
}

.kouza_main figure img {
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}

.c_lead {
  text-align: center;
  margin-bottom: 4rem;
}

@media screen and (min-width: 768px) {
  .c_lead {
    font-size: 2rem;
    margin-bottom: 7rem;
  }
}

@media screen and (max-width: 767px) {
  .c_lead br {
    display: none;
  }
}

.kouza_lead figure {
  max-width: 70rem;
  margin: 0 auto 10rem;
}

.kouza_lead figure img {
  width: 100%;
}

.kouza_lets {
  margin-bottom: 10rem;
}

@media screen and (max-width: 767px) {
  .kouza_lets {
    margin-bottom: 6rem;
  }
  .kouza_lets .class_ttl {
    font-size: 3rem;
  }
}

@media screen and (min-width: 768px) {
  .kouza_lets .lets_list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.kouza_lets .lets_list figure {
  background: none;
  height: auto;
  width: auto;
}

.kouza_lets .lets_list dt {
  color: #FF7A21;
}

.kouza_list {
  margin: 9rem 0;
}

@media screen and (min-width: 768px) {
  .kouza_list {
    margin: 14rem 0;
  }
  .kouza_list .data {
    display: flex;
  }
}

.kouza_list .date {
  font-size: 1.8rem;
  margin-top: 3rem;
  font-family: "Montserrat", 'Noto Sans JP', sans-serif;
}

.kouza_list .row {
  border: none;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .kouza_list .row > * {
    width: 55rem;
  }
}

.kouza_list .row .class_ttl {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .kouza_list .row .class_ttl {
    font-size: 5rem;
  }
}

@media screen and (max-width: 767px) {
  .kouza_list .slide {
    margin-top: 2rem;
  }
}

.kouza_list .sub {
  text-align: center;
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
  border-radius: 2rem;
  color: #fff;
  font-size: 3.5rem;
  font-weight: 900;
  padding: .5em .5em;
}

@media screen and (max-width: 767px) {
  .kouza_list .sub {
    font-size: 2.4rem;
    margin-top: -5rem;
  }
}

.kouza_list .sub i {
  font-size: 2em;
  font-family: "Roboto", sans-serif;
  line-height: 1;
}

.kouza_list .sch {
  margin-top: 5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5rem;
}

@media screen and (max-width: 767px) {
  .kouza_list .sch {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
}

.kouza_list .sch li {
  border-radius: 2rem;
  padding: 2rem;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}

.kouza_list .sch li:nth-child(2) p i {
  border-color: #0E56A3;
}

.kouza_list .sch li:nth-child(2) dt, .kouza_list .sch li:nth-child(2) dd {
  background: rgba(14, 86, 163, 0.03);
}

.kouza_list .sch li:nth-child(2) dt:before {
  background: linear-gradient(202.06deg, #0E56A3 10.76%, #4280C3 60.87%, #5C96D3 86.21%);
}

.kouza_list .sch dl {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem 0;
}

.kouza_list .sch dt, .kouza_list .sch dd {
  font-weight: bold;
  background: rgba(30, 180, 63, 0.03);
  padding: .2em .5em .5em;
}

.kouza_list .sch dt {
  position: relative;
  width: 5em;
  padding-top: .4em;
  padding-left: 1em;
  font-family: "Roboto", sans-serif;
}

.kouza_list .sch dt:before {
  content: '';
  width: .2em;
  height: 100%;
  background: linear-gradient(202.06deg, #1EB43F 10.76%, #86DE99 86.21%);
  position: absolute;
  left: 0;
  top: 0;
}

.kouza_list .sch dd {
  width: calc(100% - 5em);
}

.kouza_list .sch dd small {
  display: block;
  font-size: .8em;
  color: #848484;
  line-height: 1.5;
}

.kouza_list .sch p {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #e5d2ca;
  padding-bottom: .6em;
  margin-bottom: 1em;
  padding-left: 2.6em;
  font-weight: bold;
}

.kouza_list .sch p small {
  display: block;
  font-size: .8em;
  color: #848484;
}

.kouza_list .sch p em {
  background: url(../img/ico-time.svg) no-repeat left center/1em;
  color: #888;
  font-size: .8em;
  padding-left: 1.3em;
}

@media screen and (max-width: 767px) {
  .kouza_list .sch p em {
    position: absolute;
    right: 0;
    top: 0;
  }
}

.kouza_list .sch p i {
  font-family: "Montserrat", sans-serif;
  position: absolute;
  left: 0;
  border: solid 1px #1EB43F;
  width: 2em;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kouza_recom .ttl4:before {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
}

.kouza_recom .recom li em {
  color: #FF7A21;
}

.low_header {
  background: linear-gradient(202.06deg, #FF8330 10.76%, #FFBE92 86.21%);
}

.low_header .ttl {
  color: #fff;
}

/*# sourceMappingURL=style.css.map */