@charset "UTF-8";

/* =============================================
# Base
=============================================*/
html {
  position: relative;
  z-index: 0;
  color: #17403C;
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
body {
  font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
  body {
    font-size: clamp(0.8rem, 1.26vw, 1.3rem);
  }
}
@media screen and (max-width: 768px) {
  body {
    font-size: clamp(1rem, 1.95vw, 1.5rem);
  }
}

a {
  display: block;
  transition: opacity 0.3s;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  opacity: 0.8;
}

/* PCでは電話番号のクリックを無効にする */
a[href^="tel:"] {
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }
}

img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border: none;
}

/* Blur images when they have no alt attribute */
img:not([alt]) {
  filter: blur(10px);
}

b,
strong {
  font-weight: 700;
}

table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid;
}

th,
td {
  padding: 4px 6px;
  border: 1px solid;
  text-align: left;
  vertical-align: top;
}
.section-title {
  margin-bottom: 4.44444444em;
}
.section-title img {
  height: 2.44444444em;
  width: auto;
  margin-inline: auto;
}
/* =============================================
# Layout
============================================= */
/* l-inner
=============================== */
.l-inner {
  width: min(100% - 2rem, 1295px);
  margin-inline: auto;
}


/* header
=============================== */
#header {
  width: 100%;
  background-color: #FFFFFFF2;
  height: 7.02733333em;
  position: fixed;
  z-index: 3;
  box-shadow: 0 0.4px 2px #00000038;
  transition: .3s;
}
.header_inner {
  width: min(100%, 1280px);
  padding: 1.06666667em;
}
.header_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header_logo {
  width: 8.53333333em;
}
.header_tel {
  width: 13.2em;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.28em;
}
.header_tel-txt {
  color: #fff;
  background-color: #22B895;
  border-radius: 1em;
  font-size: 0.8em;
  line-height: 1.8;
  width: 16.5em;
  text-align: center;
}
.header_tel-num {
  color: #0D4236;
  font-size: 1.2em;
  position: relative;
  padding-left: 1.1em;
}
.header_tel-num::before {
  content: "";
  background: url(../images/icon-tel.png) center no-repeat;
  background-size: contain;
  position: absolute;
  display: block;
  width: 1.05555556em;
  height: 1.05555556em;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  left: 0;
}
/* バナースタイル */
.header_bnr {
  width: 51.2em;
  padding: 0 5.12em;
}
@media screen and (max-width: 768px) {
  #header {
    height: 12em;
  }
  .header_inner {
    padding: 0;
    height: 100%;
  }
  .header_wrapper {
    flex-wrap: wrap;
    height: 100%;
    align-items: flex-start;
  }
  .header_bnr {
    width: 100%;
    order: 1;
    padding: 0;
  }
  .header_logo {
    order: 2;
    width: 11.5em;
    padding-left: 2em;
    padding-top: 1em;
  }
  .header_tel {
    order: 3;
    padding-right: 2em;
  }
  .header_tel {
    width: 19.5em;
  }
  .header_tel-txt {
    font-size: 1.3em;
    width: 100%;
  }
  .header_tel-num {
    font-size: 1.8em;
  }
}


/* footer
=============================== */
#footer {
  background-color: #17403C;
}
.footer_inner {
  padding: 4em 5.33333333em;
}

/* fixed_area
=============================== */
#fixed_area {
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  background-color: #17403CBF;
  width: 100%;
  height: 7.8em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fixed_area-box {
  display: flex;
  gap: 2em;
}
.fixed_area-box a {
  color: #fff;
  text-shadow: 0 2px 4px #00000063;
  font-size: 1.33333333em;
  letter-spacing: 2px;
  display: block;
  padding: 0.6em 1em;
  padding-right: 2em;
  border-radius: 0.5925em;
  position: relative;
  transition: transform 0.3s ease;
}
.fixed_area-box a::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  background: #ffffff20;
  clip-path: polygon(40% 0, 100% 0%, 100% 100%, 0% 100%);
  border-bottom-right-radius: 0.5925em;
  border-top-right-radius: 0.5925em;
}
.fixed_area-box a::after {
  content: '';
  background: url(../images/arrow-white.svg) center / cover no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  right: 0.9em;
  width: 0.288em;
  height: 0.5765em;
}
.fixed_area-box a:hover {
  transform: scale(1.1);
  opacity: 1;
}
.fixed_area-box a:first-child {
  display: flex;
  background-color: #F68317;
  position: relative;
  padding-left: 2.5em;
}
.fixed_area-box a:last-child {
  background-color: #4BC6AC;
}
.fixed_area-box a:first-child .fixed_icon {
  width: 5em;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  left: -3em;
}
@media screen and (max-width: 768px) {
  .fixed_area-box a {
    text-align: center;
    border-radius: 1em;
    font-weight: 600;
    letter-spacing: 1px;
  }
  .fixed_area-box a::before {
    border-bottom-right-radius: 1em;
    border-top-right-radius: 1em;
  }
  .fixed_area-box a::after {
    width: 0.6em;
    height: 1.3em;
  }
  .fixed_area-box a:hover {
    transform: scale(1);
  }
  .fixed_area-box {
    gap: 1em;
  }
  .fixed_area-box a:first-child .fixed_icon {
    width: 4em;
    left: -2em;
    top: 40%;
  }
}


/* =============================================
# Project
============================================= */
/* fv */
#fv {
  position: relative;
}
.fv_inner {
  padding-top: 20.93333333em;
  padding-bottom: 6.4em;
  background: url(../images/fv-bg.jpg) top center / cover no-repeat;
  margin: 0;
  width: 100%;
}
#fv_title-box {
  position: relative;
  height: 11.26666667em;
  width: 62em;
  z-index: 2;
  padding-left: 3.73333333em;
}
#fv_title-box::before {
  content: "";
  display: block;
  background-color: #022C2AC4;
  clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);
  position: absolute;
  top: 3em;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

#fv_title-box img {
  display: block;
  position: relative;
  z-index: 2;
}
#fv_title-box img.u-show-sp {
    display: none;
}
@media screen and (max-width: 768px) {
  .fv_inner {
    background: url(../images/fv-bg-sp.jpg) top center / cover no-repeat;
  }
  #fv_title-box img.u-show-pc {
    display: none;
  }
  #fv_title-box img.u-show-sp {
    display: block;
  }
  #fv_title-box {
    width: 36.5em;
    padding-left: 1em;
    height: 13.5em;
  }
  #fv_title-box::before {
    top: 1em;
  }
}

.fv_title-sub {
  position: absolute;
  top: -2.5em;
  right: 0;
  z-index: 2;
  background-color: #FFEE008C;
  text-align: center;
  font-size: 2.46666667em;
  border-radius: 50%;
  width: 5.59459459em;
  height: 5.59459459em;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.1;
  font-style: italic;
  transform: rotate(5deg);
}
.fv_title-01 {
  margin-top: -3em;
}
.fv_title-01 img {
  width: 53.33333333em;
}
.fv_title-02 {
  margin-top: 0.3em;
  display: flex;
  align-items: flex-end;
}
.fv_title-02 img:first-child {
  width: 22.5em;
}
.fv_title-02 img:last-child {
  width: 5em;
  margin-left: -0.6em;
}
@media screen and (max-width: 768px) {
  .fv_title-01 img {
    width: 24.680844116210938em;
    margin-left: 1em;
  }
  .fv_title-02 {
    flex-direction: column;
    align-items: flex-end;
  }
  .fv_title-02 {
    width: 16.5em;
  }
  .fv_title-02 img:last-child {
    margin-left: 0;
    margin-right: 0.6em;
  }
  .fv_title-sub {
    font-size: 1.8em;
    width: 5.72222222em;
    height: 5.72222222em;
    right: 1.5em;
  }
}
.fv_point {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.26666667em;
  margin-left: 4.66666667em;
  margin-top: 5.33333333em;
}
.fv_point-content {
  position: relative;
  display: flex;
  justify-content: center;
  width: 20.86666667em;
}
.fv_point-content p {
  font-size: 1.84333333em;
  text-align: center;
  line-height: 1.2;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  left: 50%;
  width: 100%;
  letter-spacing: 3px;
}
.fv_point-content:nth-of-type(3) p {
  left: 52%;
  font-size: 2.06666667em;
}
@media screen and (max-width: 768px) {
  .fv_point {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 2em;
    margin-top: 3.5em;
  }
  .fv_point-content {
    width: 16em;
  }
  .fv_point-content p,
  .fv_point-content:nth-of-type(3) p {
    font-size: 1.4em;
    letter-spacing: 1px;
  }

}
.fv_lead {
  background-color: #FFF9BE;
  padding: 1.3333333333em;
  text-align: center;
  font-size: 1.408em;
}
.fv_lead p {
  letter-spacing: 3px;
  line-height: 1;
}
.fv_lead p span {
  font-family: vdl-logojrblack, sans-serif;
  font-weight: 900;
  color: #EC6300;
}
.fv_lead p span strong {
  font-size: 1.47348485em;
}
@media screen and (max-width: 768px) {
  .fv_lead {
    padding: 3em 1em;
  }
  .fv_lead p {

    line-height: 1.3;
  }
}
/* 仮スタイル */
.fv_logo-area {
  text-align: center;
}

/* #forte */
#forte {
  background: url(../images/forte_bg.png) center / cover no-repeat;
}
.forte_inner {
  padding: 11em 0 10.33333333em;
}
.forte_contents {
  width: min(100% , 843px);
  margin-inline: auto;
  display: grid;
  row-gap: 2.86666667em;
}
.forte_content {
  background-color: #fff;
  box-shadow: 6px 7px 8px rgba(0,0,0,0.36);
  padding: 2em 4em;
  position: relative;
}
.forte_num {
  position: absolute;
  top: 0;
  left: 0;
  width: 8.13333333em;
  height: 7.86666667em;
  background-color: #17403C;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  padding-top: 0.33333333em;
  padding-left: 1.13333333rem;
}
.forte_num img {
  width: 2.8em;
}
.forte_content-title {
  color: #037470;
  font-size: 2.66666667em;
  font-weight: 900;
  line-height: 1.3;
  font-style: italic;
  text-align: center;
  text-shadow: 6px 4px 2px #FFF598D4;
  position: relative;
  margin-bottom: 0.875em;
}
.forte_content-title::after {
  content: '';
  border-bottom: 3px dotted #17403C;
  display: block;
  width: 13.125em;
  position: absolute;
  bottom: -0.375em;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media screen and (max-width: 768px){
  .forte_content-title {
    font-size: 2em;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
  }
  .forte_content {
    padding: 4em 3em;
  }
  .forte_num {
    width: 12.2em;
    height: 11.8em;
  }
  .forte_num img {
    width: 4.2em;
  }
  .forte_text {
    font-size: 1.5em;
    line-height: 2;
  }
}
/* #recruit */
#recruit {
  background-image: linear-gradient(148deg, #00dbc2, #1f454d);
}
.recruit_title {
  color: #fff;
  font-size: 2em;
  font-style: italic;
  letter-spacing: 3px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 1.62233333em;
}
.recruit_title span {
  color: #FFEB90;
  font-size: 1.33333333em;
}
@media screen and (max-width: 768px){
  .recruit_title {
    font-size: 1.6em;
  }
  .recruit_title span {
    font-size: 1.25em;
  }
}
.recruit_inner {
  padding: 6.66666667em 0 9em;
}

.tab-menu {
  width: min(100%, 731px);
  margin-inline: auto;
  font-size: 1.66666667em;
  margin-bottom: 3.4em;
}
@media screen and (max-width: 768px){
  .tab-menu {
    width: 257px;
    font-size: 1.6em;
    margin-bottom: 2em;
  }
}
ul.swiper-wrapper {
  width: 100%;
}


ul.swiper-wrapper {
    box-shadow: 0 7px 34px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%);
    border-radius: 2em;
    background: rgba(246, 244, 233, 0.67);
}
@media screen and (max-width: 768px){
  ul.swiper-wrapper {
    border-radius: 3em;
  }
}
ul.swiper-wrapper li.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    color: rgba(23, 64, 60, 0.6);
}
@media screen and (max-width: 768px){
  ul.swiper-wrapper li.swiper-slide {
    height: 35px;
  }
}
ul.swiper-wrapper li.swiper-slide.swiper-slide-thumb-active {
    color: #FFF;
}

.tab-menu .swiper-slide:first-child.swiper-slide-thumb-active ~ .Tabs__presentation-slider {
  transform: translateX(0%);
}
.tab-menu .swiper-slide:nth-child(2).swiper-slide-thumb-active ~ .Tabs__presentation-slider {
  transform: translateX(100%);
}
.tab-menu .swiper-slide:nth-child(3).swiper-slide-thumb-active ~ .Tabs__presentation-slider {
  transform: translateX(200%);
}
.Tabs__presentation-slider {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 33.333333%;
  height: 100%;
  transform-origin: 0 0;
  transition: transform 0.25s;
  background: #0D4236;
  border-radius: 2em;
}

.recruit_contents {
  box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.51);
  border-radius: 1.8em;
  width: 100%;
  background-color: #fff;
}
.recruit_content {
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  column-gap: 2.06666667em;
  padding: 4em 4.33333333em 6.66666667em;
}
.recruit_box {
  background-color: rgba(32, 117, 108, 0.11);
  border-radius: 0.4em;
  padding: 1.5em;
  position: relative;
}
.recruit_text {
  color: #20756C;
  font-size: 0.86666667em;
  font-weight: 900;
}
.r-orange {
  color: #fff;
  font-size: 1.11266667em;
  background-color: #FF8533;
  letter-spacing: 2px;
  display: inline-block;
  padding: 3px 15px;
  border-radius: 1em;
  position: absolute;
  top: -0.89874176em;
  left: 1.79748352em;
}
.recruit_kinds {
  font-size: 0.79733333em;
  margin-top: 1em;
  margin-bottom: 0.8em;
}
.recruit_kinds::before {
  content: url(../images/icon-check--deepgreen.svg);
  position: relative;
  top: 0;
  left: 0;
  margin-right: 4px;
  vertical-align: top;
}
.recruit_features {
  background-color: #fff;
  padding: 1em;
  border-radius: 7px;
  font-size: 0.8em;
  font-weight: 500;
  font-feature-settings: "palt";
}
.recruit_features li {
  margin-bottom: 0.6em;
  padding-left: 1.8em;
  text-indent: -1.8em;
}
.recruit_features li:nth-of-type(1)::before {
  content: url(../images/icon-house.svg);
  position: relative;
  top: 0;
  left: 0;
  margin-right: 6px;
  vertical-align: top;
}
.recruit_features li:nth-of-type(2)::before {
  content: url(../images/icon-money.svg);
  position: relative;
  top: 0;
  left: 0;
  margin-right: 6px;
  vertical-align: top;
}
.recruit_features li:nth-of-type(3)::before {
  content: url(../images/icon-heart.svg);
  position: relative;
  top: 0;
  left: 0;
  margin-right: 5px;
  vertical-align: top;
}
#recruit .swiper-horizontal>.swiper-pagination-bullets, #recruit .swiper-pagination-bullets.swiper-pagination-horizontal, #recruit .swiper-pagination-custom, #recruit .swiper-pagination-fraction {
  bottom: 3em;
}
#recruit .swiper-pagination-bullet {
  width: 0.93333333em;
  height: 0.93333333em;
  background: rgba(32, 117, 108, 0.7);
}
#recruit .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, #recruit .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 1em;
}
#recruit .swiper-pagination-bullet-active {
  background: #20756C;
}

@media screen and (max-width: 768px){
  .recruit_content {
    padding: 4em 1.7em;
    padding-bottom: 6em;
    grid-template-columns: auto;
    grid-template-rows: repeat(3,auto);
    row-gap: 2em;
  }
  .recruit_box:first-child {
    padding-top: 3em;
  }
  .r-orange {
    font-size: 1.669em;
    font-weight: 600;
    left: .5em;
  }
  .recruit_text {
    font-size: 1.3em;
  }
  .recruit_kinds {
    font-size: 1.196em;
  }
  .recruit_features {
    font-size: 1.2em;
  }
  .recruit_features li:last-child {
    margin-bottom: 0;
  }
  #recruit .swiper-horizontal>.swiper-pagination-bullets, #recruit .swiper-pagination-bullets.swiper-pagination-horizontal, #recruit .swiper-pagination-custom, #recruit .swiper-pagination-fraction {
    bottom: 4em;
  }
}

/* #voice */
#voice {
  background-color: #F6F4E9;
}
.voice_inner {
  padding: 13.33333333em 0 12em;
  position: relative;
}
.voice_contents-box {
  box-shadow: 5px 10px 14px #2F251440;
  border-radius: 2em;
  background: #fff;
}
#voice .swiper-horizontal>.swiper-pagination-bullets, #voice .swiper-pagination-bullets.swiper-pagination-horizontal, #voice .swiper-pagination-custom, #voice .swiper-pagination-fraction {
  bottom: 7em;
}
#voice .swiper-pagination-bullet {
  width: 0.93333333em;
  height: 0.93333333em;
  background: rgba(32, 117, 108, 0.7);
}
#voice .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, #voice .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 1em;
}
#voice .swiper-pagination-bullet-active {
  background: #20756C;
}
#voice .swiper-button-prev::after {
  content: url(../images/arrow-green.svg);
}
#voice .swiper-button-next::after {
  content: url(../images/arrow-green.svg);
  transform: rotateY(180deg);
}
#voice .swiper-button-next, #voice .swiper-button-prev {
  bottom: 6.5em;
  top: auto;
}
#voice .swiper-button-prev {
  left: 37%;
}
#voice .swiper-button-next {
  right: 37%;
}
.voice_contents {
  width: min(100%, 1172px);
  font-weight: 700;
}
.voice_content {
  background-color: #fff;
  padding: 2.33333333em 3.33333333em 3.33333333em;
}
.voice_prof {
  display: flex;
  align-items: center;
  gap: 1.26666667em;
  padding-left: 1.46666667em;
  padding-bottom: 2.33333333em;
  border-bottom: 1px solid #17403C;
  margin-bottom: 2.33333333em;
}
.voice_prof p img {
  width: 5.6em;
}
.voice_about p:first-child {
  color: #20756C;
  font-size: 1.33333333em;
  letter-spacing: 3px;
  margin-bottom: 0.2em;
}
.voice_about p:last-child {
  font-size: 1.2em;
}
.voice_about p:last-child span {
  font-size: 0.72222222em;
  vertical-align: bottom;
}
.voice_text {
  display: grid;
  grid-template-columns: 2fr 1fr;
  column-gap: 1.94444444em;
  align-items: center;
  font-size: 1.2em;
  letter-spacing: 3px;
}
.voice_point {
  background-color: #E6F0EF;
  border-radius: 10px;
  padding: 1em 1.38888889em;
  color: #20756C;
  font-size: 0.94444444em;
}
.voice_point li {
  text-indent: -1em;
  padding-left: 1em;
}
.voice_point li::before {
  content: url(../images/icon-check--green.svg);
  position: relative;
  top: 0;
  left: 0;
  margin-right: 4px;
}
@media screen and (max-width: 768px){
  .voice_prof,
  .voice_text {
    display: block;
  }
  .voice_prof {
    text-align: center;
    padding-left: 0;
  }
  .voice_prof p img {
    margin-inline: auto;
    width: 8.4em;
  }
  .voice_about p:first-child {
    font-size: 1.8em;
    margin: 1em 0;
  }
  .voice_about p:last-child {
    font-size: 1.8em;
  }
  .voice_about p:last-child span {
    padding-left: 2px;
  }
  .voice_content {
    padding: 2em;
  }
  .voice_text {
    font-size: 1.6em;
  }
  .voice_point {
    margin-top: 2em;
  }
  .voice_point li {
    text-indent: -1.2em;
    padding-left: 1.2em;
  }
  #voice .swiper-button-next, #voice .swiper-button-prev {
    bottom: 6em;
    top: auto;
  }
  #voice .swiper-button-prev {
    left: 20%;
  }
  #voice .swiper-button-next {
    right: 20%;
  }

}

.flow_inner {
  padding: 14em 0 13.33333333em;
}
.flow_contents {
  width: min(100%, 890px);
  margin-inline: auto;
  display: grid;
  row-gap: 6.2em;
}
.flow_content {
  background-color: #E6F0EF;
  border-radius: 33px;
  padding: 1.66666667em 3.33333333em;
  display: flex;
  align-items: center;
  gap: 1.33333333em;
  position: relative;
}
.flow_content:not(:last-child)::after {
  content: '';
  background: url(../images/arrow-down.svg) center / cover no-repeat;
  display: block;
  text-align: center;
  position: absolute;
  bottom: -4em;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 5em;
  height: 2em;
}
.flow_num {
  font-family: vdl-logojrblack, sans-serif;
  font-size: 1.58066667em;
  text-align: center;
  position: absolute;
  top: -1.3em;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.flow_num span {
  font-size: 1.45508224em;
}
.flow_icon {
  width: 7.6em;
}
.flow_content-title {
  font-size: 1.6em;
  color: #20756C;
  margin-bottom: 0.35em;
}
.flow_content-text {
  width: min(100%, 662px);
}
.flow_text {
  font-size: 0.96em;
  font-weight: 700;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .flow_content {
    display: block;
    padding: 3em 2em;
  }
  .flow_content-title {
    padding: 0.8em 0 0.5em;
    font-size: 1.8em;
    text-align: center;
  }
  .flow_text {
    font-size: 1.4em;
    font-weight: 500;
  }
  .flow_icon {
    margin-inline: auto;
    width: 11.4em;
  }
  .flow_num {
    font-size: 2.3em;
  }
  .flow_contents {
    row-gap: 9em;
  }
  .flow_content:not(:last-child)::after {
    width: 7.2em;
    height: 2.8em;
    bottom: -5em;
  }


}

#faq {
  background-color: #F6F4E9;
}
.faq_inner {
  padding: 12em 0 10em;
}

.info_inner {
  padding: 11.33333333em 0;
}

/* =============================================
# Utility
============================================= */
/* u-display
=============================== */
.u-show-sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .u-show-sp {
    display: block;
  }
}

.u-show-pc {
  display: block;
}

@media screen and (max-width: 768px) {
  .u-show-pc {
    display: none;
  }
}