@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Zen+Kaku+Gothic+Antique&family=Zen+Old+Mincho&display=swap");
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, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul, li {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

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

a,
button {
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease, color 0.3s ease, background-color 0.3s ease, background-image 0.3s ease, background 0.3s ease;
  transition: opacity 0.3s ease, color 0.3s ease, background-color 0.3s ease, background-image 0.3s ease, background 0.3s ease;
  color: #323232;
}
@media (any-hover: hover) {
  a:hover,
  button:hover {
    opacity: 0.6;
  }
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
@media screen and (max-width: 767px) {
  img {
    width: 100%;
  }
}

table {
  width: 100%;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=submit],
textarea {
  -webkit-appearance: none;
  border: none;
  font-family: inherit;
  border-radius: 0;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus {
  outline: 0;
}

textarea {
  resize: vertical;
}
textarea:focus {
  outline: none;
}

::-webkit-input-placeholder {
  color: #767676;
}

::-moz-placeholder {
  color: #767676;
}

:-ms-input-placeholder {
  color: #767676;
}

::-ms-input-placeholder {
  color: #767676;
}

::placeholder {
  color: #767676;
}

/* ---------------------------------------
  html , body
-----------------------------------------*/
html {
  font-size: 62.5%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #323232;
}
@media screen and (max-width: 767px) {
  html {
    font-size: 2.5445292621vw;
  }
}

body {
  -webkit-text-size-adjust: 100%;
  overflow: auto;
  position: relative;
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
  body {
    min-width: 1500px;
  }
}
@media screen and (max-width: 767px) {
  body {
    overflow-x: hidden;
    overflow-y: auto;
  }
}
body.active {
  overflow: hidden;
}

/* ---------------------------------------
  .wrap
-----------------------------------------*/
.wrap {
  width: 1038px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .wrap {
    width: 34rem;
  }
}

/* ---------------------------------------
  loading
-----------------------------------------*/
.loading {
  width: 100vw;
  height: 100vh;
  position: relative;
  background-color: #F5F5F5;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  -webkit-transition: 1s cubic-bezier(0.39, 0.57, 0.56, 1);
  transition: 1s cubic-bezier(0.39, 0.57, 0.56, 1);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.loading.hidden {
  opacity: 0;
  pointer-events: none;
}
.loading img {
  position: absolute;
  left: 50%;
  top: 13.1rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .loading img {
    width: 6.9rem;
  }
}

/* ---------------------------------------
  menu
-----------------------------------------*/
.menu {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
}

.btn_hamburger {
  width: 8rem;
  height: 8rem;
  z-index: 999;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(rgb(158, 61, 91)), to(rgb(96, 58, 91)));
  background: linear-gradient(90deg, rgb(158, 61, 91) 0%, rgb(96, 58, 91) 100%);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .btn_hamburger {
    width: 5rem;
    height: 5rem;
  }
}
.btn_hamburger .inner {
  width: 3.8rem;
  height: 3.2rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .btn_hamburger .inner {
    width: 2.4rem;
    height: 2rem;
  }
}
.btn_hamburger span {
  width: 100%;
  height: 2px;
  background-color: #fff;
  display: block;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  border-radius: 1px;
  position: absolute;
}
.btn_hamburger span:nth-of-type(2) {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.btn_hamburger span:nth-of-type(3) {
  bottom: 0;
}
@media (any-hover: hover) {
  .btn_hamburger:hover {
    opacity: 0.6;
  }
}
.btn_hamburger.active span {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  background-color: #fff;
  top: 16px;
}
@media screen and (max-width: 767px) {
  .btn_hamburger.active span {
    top: 1rem;
  }
}
.btn_hamburger.active span:nth-of-type(1) {
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}
.btn_hamburger.active span:nth-of-type(2) {
  display: none;
}
.btn_hamburger.active span:nth-of-type(3) {
  -webkit-transform: rotate(-45deg) translateY(-50%);
          transform: rotate(-45deg) translateY(-50%);
}

.hamburger {
  background: rgba(241, 241, 241, 0.9);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transition: opacity 0.4s ease 0s, -webkit-transform 0.4s cubic-bezier(0.45, 0.05, 0.3, 0.93) 0s;
  transition: opacity 0.4s ease 0s, -webkit-transform 0.4s cubic-bezier(0.45, 0.05, 0.3, 0.93) 0s;
  transition: opacity 0.4s ease 0s, transform 0.4s cubic-bezier(0.45, 0.05, 0.3, 0.93) 0s;
  transition: opacity 0.4s ease 0s, transform 0.4s cubic-bezier(0.45, 0.05, 0.3, 0.93) 0s, -webkit-transform 0.4s cubic-bezier(0.45, 0.05, 0.3, 0.93) 0s;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 998;
  opacity: 0;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
  max-height: 100%;
}
@media screen and (max-width: 767px) {
  .hamburger {
    width: 100vw;
    height: 100%;
    background: #F1F1F1;
    overflow-y: scroll;
    max-height: none;
  }
}
.hamburger .inner {
  padding: 14.6rem 3.8rem 7rem 4.9rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: auto;
  height: 100vh;
}
@media screen and (max-width: 767px) {
  .hamburger .inner {
    padding: 8.2rem 0;
  }
}
@media screen and (max-width: 767px) {
  .hamburger nav {
    width: 32rem;
    margin: 0 auto;
  }
}
.hamburger nav .btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 35.6rem;
  height: 5.6rem;
  border-radius: 2.8rem;
  background-color: #E94B6D;
  border: solid 2px #F3AABD;
  position: relative;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 700;
  font-size: 2rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .hamburger nav .btn a {
    width: 32rem;
    height: 5rem;
    border-radius: 2.5rem;
    font-size: 1.8rem;
  }
}
.hamburger nav .btn a::after {
  content: "";
  width: 1.2rem;
  height: 1.9rem;
  position: absolute;
  right: 1.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../img/icon_menu_btn.svg) no-repeat top/contain;
}
@media screen and (max-width: 767px) {
  .hamburger nav .btn a::after {
    width: 1rem;
    height: 1.6rem;
    right: 1.6rem;
  }
}
.hamburger nav .list {
  margin-top: 3.3rem;
  border-bottom: solid 1px #BEBEBE;
}
@media screen and (max-width: 767px) {
  .hamburger nav .list {
    margin-top: 3rem;
  }
}
.hamburger nav .list li {
  border-top: solid 1px #BEBEBE;
}
.hamburger nav .list li.line1 a {
  padding: 2.5rem 0;
}
@media screen and (max-width: 767px) {
  .hamburger nav .list li.line1 a {
    padding: 1.7rem 0;
  }
}
.hamburger nav .list a {
  padding: 1.3rem 0;
  font-size: 2rem;
  line-height: 1.45;
  letter-spacing: 0.03em;
  display: block;
}
@media screen and (max-width: 767px) {
  .hamburger nav .list a {
    padding: 1.4rem 0;
    font-size: 1.8rem;
    line-height: 1.4444444444;
  }
}
.hamburger.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

/* ---------------------------------------
  footer
-----------------------------------------*/
footer .sns_box {
  padding: 5.8rem 0 5.2rem;
}
@media screen and (max-width: 767px) {
  footer .sns_box {
    padding: 5rem 0 4.8rem;
  }
}
footer .sns_box .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 3.9rem;
}
@media screen and (max-width: 767px) {
  footer .sns_box .list {
    gap: 0 2.6rem;
  }
}
@media screen and (max-width: 767px) {
  footer .sns_box .list li {
    width: 5.6rem;
  }
}
footer .txt_box {
  padding: 5.2rem 0 7.8rem;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  footer .txt_box {
    padding: 1.9rem 0 4.6rem;
  }
}
footer .txt_box .name_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  footer .txt_box .name_box .logo {
    width: 8.8rem;
  }
}
footer .txt_box .name_box .name_01 {
  margin-left: 0.6rem;
  font-size: 1.8rem;
  font-family: "Noto Serif", serif;
}
@media screen and (max-width: 767px) {
  footer .txt_box .name_box .name_01 {
    margin-left: 0.5rem;
    font-size: 1.5rem;
  }
}
footer .txt_box .name_box .name_02 {
  margin-left: 2.2rem;
  font-size: 2.2rem;
  font-weight: 500;
  font-family: "Noto Serif", serif;
}
@media screen and (max-width: 767px) {
  footer .txt_box .name_box .name_02 {
    margin-left: 2.4rem;
    font-size: 1.9rem;
  }
}
footer .txt_box .name_box .registered {
  margin-left: 0.6rem;
  margin-top: -1rem;
  font-size: 1rem;
  font-family: "Inter", sans-serif;
}
@media screen and (max-width: 767px) {
  footer .txt_box .name_box .registered {
    margin-left: 0;
    margin-top: -1.2rem;
  }
}
footer .txt_box .address {
  margin-top: 6.5rem;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  footer .txt_box .address {
    margin-top: 2.5rem;
    font-size: 1.4rem;
    line-height: 2.1428571429;
  }
}
footer .copyright_box {
  padding: 1.7rem 0 28rem;
  background-color: #61305B;
}
@media screen and (max-width: 767px) {
  footer .copyright_box {
    padding-bottom: 9.7rem;
  }
}
footer .copyright_box .copyright {
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
}

/* ---------------------------------------
  main
-----------------------------------------*/
main {
  display: block;
}

/* ---------------------------------------
  #mv
-----------------------------------------*/
#mv {
  position: relative;
}
#mv .wrap {
  width: 69.9305555556vw;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  #mv .wrap {
    width: 100%;
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
#mv .mv_point {
  position: absolute;
  left: 0;
  margin-top: 2.4305555556vw;
  z-index: 1;
  width: 14.375vw;
}
@media screen and (max-width: 767px) {
  #mv .mv_point {
    left: 1.4rem;
    margin-top: 2rem;
    width: 14.8rem;
  }
}
#mv .mv_txt {
  position: absolute;
  left: 8.6805555556vw;
  margin-top: 10.6944444444vw;
  width: 17.9166666667vw;
}
@media screen and (max-width: 767px) {
  #mv .mv_txt {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-top: 35.4rem;
    width: 14rem;
  }
}

/* ---------------------------------------
  .recruit_box
-----------------------------------------*/
.recruit_box {
  padding: 4.7rem 0 3.7rem;
}
@media screen and (max-width: 767px) {
  .recruit_box {
    padding: 10.5rem 0 0;
  }
}
.recruit_box .txt {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .recruit_box .txt {
    width: 32rem;
  }
}

/* ---------------------------------------
  #sec_feel
-----------------------------------------*/
#sec_feel {
  padding: 8.4rem 0 7.7rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #sec_feel {
    padding-top: 0;
  }
}
#sec_feel .wrap {
  position: relative;
}
@media screen and (min-width: 768px) {
  #sec_feel .wrap {
    width: 80rem;
  }
}
@media screen and (max-width: 767px) {
  #sec_feel .wrap {
    padding-top: 6.5rem;
  }
}
#sec_feel .top_img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #sec_feel .top_img {
    width: 17.4rem;
  }
}
#sec_feel .txt_lead {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 4.8rem auto 0;
}
@media screen and (max-width: 767px) {
  #sec_feel .txt_lead {
    margin-top: 3.5rem;
  }
}
#sec_feel .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 1.8rem;
  margin-top: 3.4rem;
  margin-left: 1.9rem;
}
@media screen and (max-width: 767px) {
  #sec_feel .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.8rem 0;
    margin: 3.2rem auto 0;
  }
}
#sec_feel .list li {
  width: 24.2rem;
  height: 13.7rem;
  border-radius: 6.85rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  #sec_feel .list li {
    width: 100%;
    height: 7rem;
  }
}
#sec_feel .list li::after {
  content: "";
  width: 2.9rem;
  height: 2.7rem;
  position: absolute;
  left: 10.6rem;
  bottom: -1.4rem;
}
@media screen and (max-width: 767px) {
  #sec_feel .list li::after {
    width: 3.8rem;
    height: 2.3rem;
    left: -1.5rem;
    bottom: 1.1rem;
  }
}
#sec_feel .list li.purple {
  background-color: #BA8DCB;
}
#sec_feel .list li.purple::after {
  background: url(../img/feel_fukidashi_01.png) no-repeat top/contain;
}
@media screen and (max-width: 767px) {
  #sec_feel .list li.purple::after {
    background: url(../img/feel_fukidashi_01_sp.png) no-repeat top/contain;
  }
}
#sec_feel .list li.blue {
  background-color: #83A5D6;
}
#sec_feel .list li.blue::after {
  background: url(../img/feel_fukidashi_02.png) no-repeat top/contain;
}
@media screen and (max-width: 767px) {
  #sec_feel .list li.blue::after {
    background: url(../img/feel_fukidashi_02_sp.png) no-repeat top/contain;
  }
}
#sec_feel .list li.pink {
  background-color: #D074AA;
}
#sec_feel .list li.pink::after {
  background: url(../img/feel_fukidashi_03.png) no-repeat top/contain;
}
@media screen and (max-width: 767px) {
  #sec_feel .list li.pink::after {
    background: url(../img/feel_fukidashi_03_sp.png) no-repeat top/contain;
  }
}
#sec_feel .list .list_txt {
  font-size: 1.8rem;
  font-weight: 500;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  line-height: 1.3333333333;
  letter-spacing: -0.03em;
  color: #fff;
  text-align: center;
}
#sec_feel .list .list_txt .txt_yellow {
  font-weight: 700;
  color: #FCFB92;
}
#sec_feel .txt {
  margin-top: 4.7rem;
  margin-left: 2.2rem;
  font-size: 1.8rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  #sec_feel .txt {
    margin-top: 2.9rem;
    margin-left: 0.5rem;
    font-size: 1.7rem;
  }
}
#sec_feel .txt + .txt {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  #sec_feel .txt + .txt {
    margin-top: 3rem;
  }
}
#sec_feel .point_01 {
  position: absolute;
  z-index: -1;
  top: 6.1rem;
  left: -42.8rem;
}
@media screen and (max-width: 767px) {
  #sec_feel .point_01 {
    top: 0;
    left: -4rem;
    width: 49.8rem;
  }
}
#sec_feel .point_02 {
  position: absolute;
  z-index: -1;
  top: -4.2rem;
  left: 10.8rem;
  width: 100%;
}
#sec_feel .point_03 {
  position: absolute;
  z-index: -1;
  top: 30.7rem;
  right: -38.6rem;
}

/* ---------------------------------------
  .bg_01
-----------------------------------------*/
.bg_01 {
  position: relative;
}
.bg_01::before {
  content: "";
  width: 100%;
  height: calc(100% - 9vw);
  background: url(../img/bg_color_01.png) no-repeat center -68vw/cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .bg_01::before {
    height: 100%;
    background: url(../img/bg_color_01_sp.png) no-repeat center -25vw/cover;
    top: 4rem;
  }
}
.bg_01::after {
  content: "";
  position: absolute;
  bottom: -26rem;
  left: 0;
  width: 100%;
  aspect-ratio: 2122/1098;
  background: url(../img/bg_point.png) no-repeat top center;
}
@media screen and (max-width: 767px) {
  .bg_01::after {
    bottom: -9.9rem;
    aspect-ratio: 780/574;
    background: url(../img/bg_point_sp.png) no-repeat bottom center/100% auto;
  }
}
.bg_01::after img {
  max-width: none;
}

/* ---------------------------------------
  .bg_02
-----------------------------------------*/
.bg_02 {
  background: url(../img/bg_color_02.png) no-repeat top/cover;
}
@media screen and (max-width: 767px) {
  .bg_02 {
    background: url(../img/bg_color_02.png) no-repeat top/cover;
    background-position: center 8.2rem;
  }
}

/* ---------------------------------------
  #sec_why
-----------------------------------------*/
#sec_why {
  padding-top: 11.5rem;
}
@media screen and (max-width: 767px) {
  #sec_why {
    padding-top: 4rem;
    margin-top: -4rem;
    overflow: hidden;
  }
}
#sec_why .why_list_01 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_01 li {
    display: block;
  }
}
#sec_why .why_list_01 li .img_box {
  position: relative;
}
#sec_why .why_list_01 li .img_box .img {
  position: relative;
  z-index: 2;
}
#sec_why .why_list_01 li .img_box .txt {
  position: absolute;
  z-index: 3;
}
#sec_why .why_list_01 li .img_box .point {
  position: absolute;
  z-index: 1;
}
#sec_why .why_list_01 li .txt_box .txt {
  font-size: 1.8rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_01 li .txt_box .txt {
    font-size: 1.7rem;
  }
}
#sec_why .why_list_01 li .txt_box .txt .txt_red {
  color: #9E3D5B;
  font-weight: 700;
}
#sec_why .why_list_01 li .txt_box .txt + .txt {
  margin-top: 3.6rem;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_01 li .txt_box .txt + .txt {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 768px) {
  #sec_why .why_list_01 li:nth-of-type(1) {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#sec_why .why_list_01 li:nth-of-type(1) .img_box {
  width: 62.7rem;
  margin-left: -20rem;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_01 li:nth-of-type(1) .img_box {
    width: 31.3rem;
    margin-left: calc((100vw - 100%) / -2);
  }
}
#sec_why .why_list_01 li:nth-of-type(1) .img_box img {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
#sec_why .why_list_01 li:nth-of-type(1) .img_box .txt {
  top: -4.1rem;
  right: -3.4rem;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_01 li:nth-of-type(1) .img_box .txt {
    top: -4rem;
    right: -2.4rem;
    width: 6.8rem;
  }
}
#sec_why .why_list_01 li:nth-of-type(1) .img_box .point {
  top: -8.8rem;
  right: -9.7rem;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_01 li:nth-of-type(1) .img_box .point {
    top: -3.6rem;
    right: -12.9rem;
    width: 18.8rem;
  }
}
#sec_why .why_list_01 li:nth-of-type(1) .txt_box {
  width: 54.3rem;
  margin-left: 11rem;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_01 li:nth-of-type(1) .txt_box {
    width: 100%;
    margin-left: 0;
    margin-top: 4rem;
  }
}
#sec_why .why_list_01 li:nth-of-type(2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: 8.1rem;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_01 li:nth-of-type(2) {
    margin-top: 7.3rem;
  }
}
#sec_why .why_list_01 li:nth-of-type(2) .img_box {
  width: 63.3rem;
  margin-right: -20.2rem;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_01 li:nth-of-type(2) .img_box {
    width: 31.6rem;
    margin-left: auto;
    margin-right: calc((100vw - 100%) / -2);
  }
}
#sec_why .why_list_01 li:nth-of-type(2) .img_box img {
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
#sec_why .why_list_01 li:nth-of-type(2) .img_box .txt {
  top: -0.5rem;
  left: -7.4rem;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_01 li:nth-of-type(2) .img_box .txt {
    top: 1.2rem;
    left: -2rem;
    width: 6.8rem;
  }
}
#sec_why .why_list_01 li:nth-of-type(2) .img_box .point {
  bottom: -9.6rem;
  left: -9.9rem;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_01 li:nth-of-type(2) .img_box .point {
    bottom: -3.4rem;
    left: -6.8rem;
    width: 16.8rem;
  }
}
#sec_why .why_list_01 li:nth-of-type(2) .txt_box {
  width: 55.1rem;
  margin-right: 10.6rem;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_01 li:nth-of-type(2) .txt_box {
    width: 100%;
    margin-right: 0;
    margin-top: 7rem;
  }
}
#sec_why .bnr_box {
  margin: 10rem auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
@media screen and (max-width: 767px) {
  #sec_why .bnr_box {
    margin-top: 7rem;
  }
}
@media screen and (max-width: 767px) {
  #sec_why .bnr_box .btn {
    margin-bottom: 2.6rem;
  }
}
@media screen and (max-width: 767px) {
  #sec_why .bnr_box .btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 32rem;
    height: 5rem;
    border-radius: 2.5rem;
    background-color: #E94B6D;
    border: solid 2px #F3AABD;
    margin: 0 auto;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  #sec_why .bnr_box .btn a::after {
    content: "";
    width: 1rem;
    height: 1.6rem;
    position: absolute;
    top: 50%;
    right: 1.6rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url(../img/icon_menu_btn.svg) no-repeat top/contain;
  }
}
@media screen and (max-width: 767px) {
  #sec_why .bnr_box .bnr {
    width: 28.5rem;
    margin: 0 auto;
  }
}
#sec_why .bnr_box .point {
  position: absolute;
  left: -32.8rem;
  top: -14.5rem;
}
#sec_why .why_list_02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 12.5rem;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_02 {
    display: block;
    margin-top: 9.5rem;
  }
}
#sec_why .why_list_02 .img_box {
  width: 59.1rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_02 .img_box {
    width: 31.3rem;
    margin-left: auto;
  }
}
#sec_why .why_list_02 .img_box .img {
  position: relative;
  z-index: 2;
}
#sec_why .why_list_02 .img_box .img img {
  border-radius: 1.4rem;
}
#sec_why .why_list_02 .img_box .txt {
  position: absolute;
  left: -1.2rem;
  top: -2.9rem;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_02 .img_box .txt {
    left: -1.1rem;
    top: -3.1rem;
    width: 6.8rem;
  }
}
#sec_why .why_list_02 .img_box .point {
  position: absolute;
  left: -25.4rem;
  top: 9.3rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_02 .img_box .point {
    left: -14.7rem;
    top: 4.9rem;
    width: 17.9rem;
  }
}
#sec_why .why_list_02 .txt_box {
  width: 39rem;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_02 .txt_box {
    width: 100%;
    margin-top: 4.3rem;
  }
}
#sec_why .why_list_02 .txt_box .ttl {
  font-family: "Zen Old Mincho", serif;
  font-size: 2.9rem;
  font-weight: 700;
  line-height: 1.2666666667;
  text-align: center;
  color: #61305B;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_02 .txt_box .ttl {
    font-size: 2.2rem;
    line-height: 1.3846153846;
    letter-spacing: 0.08em;
  }
}
#sec_why .why_list_02 .txt_box .txt {
  margin-top: 2.8rem;
  font-size: 1.8rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_02 .txt_box .txt {
    margin-top: 4rem;
    font-size: 1.7rem;
  }
}
#sec_why .why_list_02 .txt_box .txt .txt_red {
  color: #9E3D5B;
  font-weight: 500;
}
#sec_why .why_list_02 .txt_box .txt + .txt {
  margin-top: 1.8rem;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_02 .txt_box .txt + .txt {
    margin-top: 2rem;
  }
}
#sec_why .why_list_03 {
  margin-top: 14.4rem;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_03 {
    margin-top: 9.6rem;
  }
}
#sec_why .why_list_03 .img_box {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
#sec_why .why_list_03 .img_box .img {
  position: relative;
  z-index: 2;
}
#sec_why .why_list_03 .img_box .img img {
  border-radius: 1.4rem;
}
#sec_why .why_list_03 .img_box .txt {
  position: absolute;
  z-index: 3;
  top: -0.9rem;
  left: -4.4rem;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_03 .img_box .txt {
    top: -0.9rem;
    left: -1.4rem;
    width: 10.2rem;
  }
}
#sec_why .why_list_03 .img_box .point {
  position: absolute;
  z-index: 1;
  top: -9.4rem;
  left: 17.2rem;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_03 .img_box .point {
    top: -6rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 10rem;
  }
}
#sec_why .why_list_03 .ttl {
  font-family: "Zen Old Mincho", serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2666666667;
  color: #61305B;
  margin-top: 4.9rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_03 .ttl {
    margin-top: 4rem;
    font-size: 2.6rem;
    line-height: 1.3846153846;
    letter-spacing: -0.08em;
  }
}
#sec_why .why_list_03 .list_box {
  margin-top: 4.6rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_03 .list_box {
    margin-top: 3.9rem;
  }
}
#sec_why .why_list_03 .list_box .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_03 .list_box .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: solid 1px #BEBEBE;
  }
}
#sec_why .why_list_03 .list_box .list li {
  height: 13.1rem;
  border-right: solid 1px #BEBEBE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 1.65rem;
  font-weight: 500;
  line-height: 1.5555555556;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_03 .list_box .list li {
    height: auto;
    border-right: none;
    border-top: solid 1px #BEBEBE;
    padding: 2rem 0;
    font-size: 1.7rem;
  }
}
@media screen and (min-width: 768px) {
  #sec_why .why_list_03 .list_box .list li:nth-of-type(1) {
    width: 34.3rem;
    border-left: solid 1px #BEBEBE;
  }
}
@media screen and (min-width: 768px) {
  #sec_why .why_list_03 .list_box .list li:nth-of-type(2) {
    width: 34.6rem;
  }
}
@media screen and (min-width: 768px) {
  #sec_why .why_list_03 .list_box .list li:nth-of-type(3) {
    width: 34.7rem;
  }
}
@media screen and (min-width: 768px) {
  #sec_why .why_list_03 .list_box .list li:nth-of-type(4) {
    width: 34.7rem;
    border-left: solid 1px #BEBEBE;
    margin-top: 2.6rem;
  }
}
@media screen and (min-width: 768px) {
  #sec_why .why_list_03 .list_box .list li:nth-of-type(5) {
    width: 41.5rem;
    margin-top: 2.6rem;
  }
}
@media screen and (min-width: 768px) {
  #sec_why .why_list_03 .list_box .list li:nth-of-type(6) {
    width: 46.9rem;
    border-left: solid 1px #BEBEBE;
    margin-top: 3.9rem;
  }
}
@media screen and (min-width: 768px) {
  #sec_why .why_list_03 .list_box .list li:nth-of-type(7) {
    width: 48.5rem;
    margin-top: 3.9rem;
  }
}
#sec_why .why_list_03 .list_box .point {
  position: absolute;
  left: -1.9rem;
  top: -1.7rem;
}
@media screen and (max-width: 767px) {
  #sec_why .why_list_03 .list_box .point {
    left: -1.8rem;
    top: -4rem;
    width: 36.9rem;
  }
}
#sec_why .why_list_03 .list_box .point img {
  max-width: none;
}

/* ---------------------------------------
  #sec_meet
-----------------------------------------*/
#sec_meet {
  padding-top: 12.6rem;
  padding-bottom: 10rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #sec_meet {
    padding-top: 8.1rem;
    padding-bottom: 4.6rem;
  }
}
#sec_meet .content_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #sec_meet .content_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
#sec_meet .content_box .txt_box {
  width: 40.1rem;
}
@media screen and (max-width: 767px) {
  #sec_meet .content_box .txt_box {
    width: 100%;
    margin-top: 4rem;
  }
}
#sec_meet .content_box .txt_box .ttl {
  font-size: 2.7rem;
  font-weight: 700;
  color: #61305B;
  line-height: 1.2666666667;
  font-family: "Zen Old Mincho", serif;
}
@media screen and (max-width: 767px) {
  #sec_meet .content_box .txt_box .ttl {
    font-size: 2.3rem;
    line-height: 1.4615384615;
    letter-spacing: -0.05em;
    text-align: center;
  }
}
#sec_meet .content_box .txt_box .txt {
  font-size: 1.7rem;
  line-height: 2;
  margin-top: 4.1rem;
}
#sec_meet .content_box .txt_box .txt .txt_red {
  color: #9E3D5B;
  font-weight: 500;
}
#sec_meet .content_box .txt_box .txt + .txt {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  #sec_meet .content_box .txt_box .txt + .txt {
    margin-top: 2rem;
  }
}
#sec_meet .content_box .txt_box .people {
  position: absolute;
  right: 14.6rem;
  bottom: 0;
  width: 28.3rem;
}
@media screen and (max-width: 767px) {
  #sec_meet .content_box .txt_box .people {
    position: static;
    margin: 4rem auto 0;
  }
}
#sec_meet .content_box .img_box {
  width: 57.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  #sec_meet .content_box .img_box {
    width: 34.2rem;
    margin-left: calc((100vw - 100%) / -2);
  }
}
#sec_meet .content_box .img_box .img {
  position: relative;
  z-index: 2;
  margin-right: 1.6rem;
}
@media screen and (max-width: 767px) {
  #sec_meet .content_box .img_box .img {
    margin-right: 0;
    width: 34.2rem;
  }
}
#sec_meet .content_box .img_box .img img {
  border-radius: 1.4rem;
}
@media screen and (max-width: 767px) {
  #sec_meet .content_box .img_box .img img {
    border-radius: unset;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }
}
#sec_meet .content_box .img_box .txt {
  position: absolute;
  z-index: 3;
  right: -0.4rem;
  top: -1.5rem;
}
@media screen and (max-width: 767px) {
  #sec_meet .content_box .img_box .txt {
    right: -1rem;
    top: -5.5rem;
    width: 6.8rem;
  }
}
#sec_meet .content_box .img_box .point {
  position: absolute;
  z-index: 1;
  right: -25.4rem;
  top: -5.8rem;
}
@media screen and (max-width: 767px) {
  #sec_meet .content_box .img_box .point {
    right: -17rem;
    top: -3.7rem;
    width: 32.3rem;
  }
}
#sec_meet .bnr_box {
  margin: 10.6rem auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #sec_meet .bnr_box {
    margin-top: 4.3rem;
  }
}
@media screen and (max-width: 767px) {
  #sec_meet .bnr_box .btn {
    margin-bottom: 2.6rem;
  }
}
@media screen and (max-width: 767px) {
  #sec_meet .bnr_box .btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 32rem;
    height: 5rem;
    border-radius: 2.5rem;
    background-color: #E94B6D;
    border: solid 2px #F3AABD;
    margin: 0 auto;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  #sec_meet .bnr_box .btn a::after {
    content: "";
    width: 1rem;
    height: 1.6rem;
    position: absolute;
    top: 50%;
    right: 1.6rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url(../img/icon_menu_btn.svg) no-repeat top/contain;
  }
}
@media screen and (max-width: 767px) {
  #sec_meet .bnr_box .bnr {
    width: 28.5rem;
    margin: 0 auto;
  }
}
#sec_meet .bg_cloud {
  position: absolute;
  left: 19.8rem;
  bottom: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #sec_meet .bg_cloud {
    left: -8.1rem;
    width: 35.7rem;
  }
}
#sec_meet .bg_cloud img {
  max-width: none;
}

/* ---------------------------------------
  #sec_point
-----------------------------------------*/
#sec_point {
  padding-top: 17.2rem;
  margin-top: -8.5rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #sec_point {
    padding-top: 12.5rem;
    margin-top: -2.9rem;
  }
}
#sec_point .ttl_box {
  position: relative;
}
#sec_point .ttl_box .sec_ttl {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #sec_point .ttl_box .sec_ttl {
    width: 27.6rem;
  }
}
#sec_point .ttl_box .point_01 {
  position: absolute;
  left: 4.6rem;
  top: -17.4rem;
}
@media screen and (max-width: 767px) {
  #sec_point .ttl_box .point_01 {
    left: -24.3rem;
    top: -12.5rem;
    width: 60.3rem;
  }
}
#sec_point .ttl_box .point_02 {
  position: absolute;
  right: -28.2rem;
  top: -15.7rem;
}
#sec_point .list {
  width: 72rem;
  margin: 3.3rem auto 0;
}
@media screen and (max-width: 767px) {
  #sec_point .list {
    width: 100%;
  }
}
#sec_point .list li {
  position: relative;
}
#sec_point .list li .list_box {
  margin-top: 2.5rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #sec_point .list li .list_box {
    margin-top: 1.9rem;
  }
}
#sec_point .list li .list_img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#sec_point .list li .list_img img {
  border-radius: 1rem;
}
#sec_point .list li .list_ttl {
  position: absolute;
}
#sec_point .list li .list_txt {
  font-size: 1.8rem;
  line-height: 2;
  margin-top: 2.5rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #sec_point .list li .list_txt {
    font-size: 1.7rem;
    margin-top: 2rem;
  }
}
#sec_point .list li + li {
  margin-top: 5.7rem;
}
@media screen and (max-width: 767px) {
  #sec_point .list li + li {
    margin-top: 6.7rem;
  }
}
#sec_point .list li:nth-of-type(2n) .list_img {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(1) .list_img {
    width: 30.3rem;
  }
}
#sec_point .list li:nth-of-type(1) .list_ttl {
  top: -5.2rem;
  right: 0;
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(1) .list_ttl {
    top: -1.5rem;
    width: 8.9rem;
  }
}
#sec_point .list li:nth-of-type(1) .point_01 {
  position: absolute;
  top: 3.3rem;
  left: -7.5rem;
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(1) .point_01 {
    top: -2.2rem;
    left: auto;
    right: -1.4rem;
    width: 12.8rem;
    z-index: 2;
  }
}
#sec_point .list li:nth-of-type(1) .point_02 {
  position: absolute;
  top: 29.9rem;
  left: -38.6rem;
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(1) .point_02 {
    top: auto;
    left: auto;
    right: -22.3rem;
    bottom: -6.8rem;
    width: 43.7rem;
  }
}
#sec_point .list li:nth-of-type(1) .point_03 {
  position: absolute;
  top: 45.9rem;
  right: -26.2rem;
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(2) .list_img {
    width: 27.1rem;
  }
}
#sec_point .list li:nth-of-type(2) .list_ttl {
  top: -4.3rem;
  left: 0;
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(2) .list_ttl {
    top: -1.7rem;
    width: 9.3rem;
  }
}
#sec_point .list li:nth-of-type(2) .point_01 {
  position: absolute;
  top: -4.8rem;
  right: -12.2rem;
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(2) .point_01 {
    top: -5rem;
    left: 1rem;
    right: auto;
    width: 9.9rem;
  }
}
#sec_point .list li:nth-of-type(2) .point_02 {
  position: absolute;
  top: 40.2rem;
  left: -40.1rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(2) .point_02 {
    top: auto;
    bottom: -16.5rem;
    left: -14rem;
    width: 32.3rem;
    z-index: -1;
  }
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(2) .point_03 {
    position: absolute;
    bottom: -8.5rem;
    right: 0.9rem;
    width: 7.3rem;
    z-index: -1;
  }
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(3) .list_img {
    width: 25.7rem;
  }
}
#sec_point .list li:nth-of-type(3) .list_ttl {
  top: -4.6rem;
  right: 0;
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(3) .list_ttl {
    top: -2.4rem;
    width: 9.3rem;
  }
}
#sec_point .list li:nth-of-type(3) .point_01 {
  position: absolute;
  top: -0.8rem;
  left: -36rem;
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(3) .point_01 {
    top: 8.4rem;
    left: -4.6rem;
    width: 27rem;
  }
}
#sec_point .list li:nth-of-type(3) .point_02 {
  position: absolute;
  top: 41.7rem;
  left: -26.3rem;
}
#sec_point .list li:nth-of-type(3) .point_03 {
  position: absolute;
  top: 28.2rem;
  right: -37.5rem;
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(3) .point_03 {
    top: auto;
    bottom: -6.1rem;
    right: auto;
    left: -8.7rem;
    width: 28.5rem;
  }
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(4) .list_img {
    width: 28.9rem;
  }
}
#sec_point .list li:nth-of-type(4) .list_ttl {
  top: -5.2rem;
  left: 0;
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(4) .list_ttl {
    top: -1.7rem;
    width: 6.1rem;
  }
}
#sec_point .list li:nth-of-type(4) .point_01 {
  position: absolute;
  top: -1.8rem;
  left: 6rem;
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(4) .point_01 {
    top: -1.4rem;
    left: -1.2rem;
    width: 12.3rem;
  }
}
#sec_point .list li:nth-of-type(4) .point_02 {
  position: absolute;
  top: 7.7rem;
  right: -26.8rem;
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(4) .point_02 {
    top: 27.1rem;
    right: auto;
    left: -0.4rem;
  }
}
#sec_point .list li:nth-of-type(4) .point_03 {
  position: absolute;
  top: 6.9rem;
  right: -31.5rem;
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(5) .list_img {
    width: 30.3rem;
  }
}
#sec_point .list li:nth-of-type(5) .list_ttl {
  top: -2.4rem;
  right: 0;
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(5) .list_ttl {
    top: -4.2rem;
    width: 6.1rem;
  }
}
#sec_point .list li:nth-of-type(5) .point_01 {
  position: absolute;
  top: -10.6rem;
  right: -39.5rem;
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(5) .point_01 {
    top: -6.2rem;
    left: auto;
    right: -19rem;
    width: 32.3rem;
    z-index: -1;
  }
}
#sec_point .list li:nth-of-type(5) .point_02 {
  position: absolute;
  top: 2.4rem;
  left: 11.1rem;
}
@media screen and (max-width: 767px) {
  #sec_point .list li:nth-of-type(5) .point_02 {
    top: 1.6rem;
    right: auto;
    left: 4rem;
    width: 3.8rem;
  }
}
#sec_point .list li:nth-of-type(5) .point_03 {
  position: absolute;
  bottom: -23.1rem;
  right: -45.6rem;
}
#sec_point .privilege_box {
  margin: 12.2rem auto 0;
  width: 71.1rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  #sec_point .privilege_box {
    margin: 6.3rem 0 2.5rem;
    width: 100%;
  }
}
#sec_point .privilege_box .inner {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 4.7rem 6.7rem 7.8rem;
  border-radius: 1rem;
  background-color: #fff;
  border: solid 1px #9E3D5B;
}
@media screen and (max-width: 767px) {
  #sec_point .privilege_box .inner {
    padding: 3.1rem 2.5rem 2.5rem;
  }
}
#sec_point .privilege_box .privilege_ttl {
  font-family: "Zen Old Mincho", serif;
  font-size: 2.6rem;
  font-weight: 700;
  text-align: center;
  color: #9E3D5B;
}
@media screen and (max-width: 767px) {
  #sec_point .privilege_box .privilege_ttl {
    font-size: 2.4rem;
    line-height: 1.4166666667;
  }
}
#sec_point .privilege_box .privilege_lead {
  font-size: 1.7rem;
  line-height: 2;
  margin-top: 2.3rem;
}
@media screen and (max-width: 767px) {
  #sec_point .privilege_box .privilege_lead {
    font-size: 1.7rem;
    margin-top: 1.3rem;
  }
}
#sec_point .privilege_box .privilege_list {
  margin-top: 4.2rem;
}
@media screen and (max-width: 767px) {
  #sec_point .privilege_box .privilege_list {
    margin-top: 1.8rem;
  }
}
#sec_point .privilege_box .privilege_list li {
  background-color: #FAF9EC;
  border-radius: 1rem;
  position: relative;
  padding: 2.8rem 0 2rem;
}
@media screen and (max-width: 767px) {
  #sec_point .privilege_box .privilege_list li {
    padding: 2rem;
  }
}
#sec_point .privilege_box .privilege_list li .privilege_list_txt {
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #sec_point .privilege_box .privilege_list li .privilege_list_txt {
    font-size: 1.5rem;
    line-height: 1.625;
  }
}
#sec_point .privilege_box .privilege_list li .privilege_list_txt .txt_red {
  color: #9E3D5B;
  font-weight: 500;
}
#sec_point .privilege_box .privilege_list li + li {
  margin-top: 1.9rem;
}
@media screen and (max-width: 767px) {
  #sec_point .privilege_box .privilege_list li + li {
    margin-top: 0.5rem;
  }
}
#sec_point .privilege_box .privilege_list li:nth-of-type(1) .privilege_list_txt {
  margin: 0 0 0 8.6rem;
}
@media screen and (max-width: 767px) {
  #sec_point .privilege_box .privilege_list li:nth-of-type(1) .privilege_list_txt {
    margin-left: 2.3rem;
  }
}
#sec_point .privilege_box .privilege_list li:nth-of-type(1) .privilege_list_img {
  position: absolute;
  right: -4.9rem;
  top: -3rem;
}
@media screen and (max-width: 767px) {
  #sec_point .privilege_box .privilege_list li:nth-of-type(1) .privilege_list_img {
    right: -4.3rem;
    top: -2.2rem;
    width: 11.3rem;
  }
}
#sec_point .privilege_box .privilege_list li:nth-of-type(1) .privilege_list_point_01 {
  position: absolute;
  left: -1.3rem;
  bottom: -2rem;
}
@media screen and (max-width: 767px) {
  #sec_point .privilege_box .privilege_list li:nth-of-type(1) .privilege_list_point_01 {
    left: 1.4rem;
    bottom: -2rem;
    width: 6rem;
    z-index: 1;
  }
}
#sec_point .privilege_box .privilege_list li:nth-of-type(2) .privilege_list_point_01 {
  position: absolute;
  right: -1.1rem;
  bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  #sec_point .privilege_box .privilege_list li:nth-of-type(2) .privilege_list_point_01 {
    right: -0.8rem;
    bottom: 2.2rem;
    width: 2.5rem;
  }
}
#sec_point .privilege_box .privilege_list li:nth-of-type(3) .privilege_list_point_01 {
  position: absolute;
  left: -2.3rem;
  top: -2.2rem;
}
@media screen and (max-width: 767px) {
  #sec_point .privilege_box .privilege_list li:nth-of-type(3) .privilege_list_point_01 {
    left: -2.6rem;
    top: -4rem;
    width: 5.9rem;
  }
}
#sec_point .privilege_box .privilege_list li:nth-of-type(3) .privilege_list_point_02 {
  position: absolute;
  right: -1.1rem;
  bottom: -4.5rem;
}
@media screen and (max-width: 767px) {
  #sec_point .privilege_box .privilege_list li:nth-of-type(3) .privilege_list_point_02 {
    rigth: 0.8rem;
    bottom: -5rem;
    width: 4.2rem;
    z-index: 1;
  }
}
#sec_point .privilege_box .privilege_point_01 {
  position: absolute;
  z-index: 3;
  right: -14.1rem;
  top: -9.8rem;
}
@media screen and (max-width: 767px) {
  #sec_point .privilege_box .privilege_point_01 {
    right: -5.3rem;
    top: -6.8rem;
    width: 12.5rem;
  }
}

/* ---------------------------------------
  #image_slide
-----------------------------------------*/
#image_slide {
  margin-top: 20.3rem;
}
@media screen and (max-width: 767px) {
  #image_slide {
    margin-top: 7.3rem;
  }
}

/* ---------------------------------------
  #sec_lecturer
-----------------------------------------*/
#sec_lecturer {
  padding-top: 16rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #sec_lecturer {
    padding-top: 8.7rem;
    margin-top: -2.5rem;
  }
}
#sec_lecturer .wrap {
  position: relative;
}
#sec_lecturer .ttl {
  font-family: "Zen Old Mincho", serif;
  font-size: 3.8rem;
  font-weight: 700;
  text-align: center;
  color: #61305B;
}
@media screen and (max-width: 767px) {
  #sec_lecturer .ttl {
    font-size: 2.6rem;
  }
}
#sec_lecturer .lead {
  font-size: 1.8rem;
  text-align: center;
  margin-top: 4.1rem;
}
@media screen and (max-width: 767px) {
  #sec_lecturer .lead {
    font-size: 1.7rem;
    margin-top: 3rem;
    line-height: 2;
  }
}
#sec_lecturer .pht {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 6.9rem auto 0;
}
@media screen and (max-width: 767px) {
  #sec_lecturer .pht {
    margin-top: 3rem;
    width: 30rem;
  }
}
#sec_lecturer .pht img {
  border-radius: 1rem;
}
#sec_lecturer .name_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.1rem;
}
@media screen and (max-width: 767px) {
  #sec_lecturer .name_box {
    margin-top: 0.9rem;
  }
}
#sec_lecturer .name_box .logo {
  width: 11.3rem;
}
@media screen and (max-width: 767px) {
  #sec_lecturer .name_box .logo {
    width: 8.6rem;
  }
}
#sec_lecturer .name_box .name {
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #sec_lecturer .name_box .name {
    font-size: 1.7rem;
    line-height: 1.6666666667;
  }
}
#sec_lecturer .txt {
  margin-top: 2.8rem;
  font-size: 1.7rem;
  line-height: 2;
  width: 80rem;
  margin-left: 12.3rem;
}
@media screen and (max-width: 767px) {
  #sec_lecturer .txt {
    margin-top: 2.2rem;
    font-size: 1.7rem;
    width: 100%;
    margin-left: 0;
  }
}
#sec_lecturer .txt .txt_red {
  color: #9E3D5B;
  font-weight: 500;
}
#sec_lecturer .txt + .txt {
  margin-top: 3rem;
}
#sec_lecturer .point_01 {
  position: absolute;
  top: -12.7rem;
  left: -4.5rem;
}
@media screen and (max-width: 767px) {
  #sec_lecturer .point_01 {
    top: -8.7rem;
    left: -1.4rem;
    width: 11.2rem;
  }
}
#sec_lecturer .point_02 {
  position: absolute;
  bottom: -2.6rem;
  right: -24.5rem;
}

/* ---------------------------------------
  #sec_voice
-----------------------------------------*/
#sec_voice {
  padding-top: 37.6rem;
  margin-top: -18.9rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #sec_voice {
    padding-top: 13.5rem;
    margin-top: -8.9rem;
  }
}
#sec_voice .wrap {
  position: relative;
}
#sec_voice .sec_ttl {
  font-size: 3.8rem;
  font-weight: 700;
  color: #61305B;
  font-family: "Zen Old Mincho", serif;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #sec_voice .sec_ttl {
    font-size: 2.6rem;
  }
}
#sec_voice .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 4.9rem;
}
@media screen and (max-width: 767px) {
  #sec_voice .list {
    display: block;
    margin-top: 5.1rem;
  }
}
#sec_voice .list li {
  position: relative;
}
#sec_voice .list li .img_box {
  position: relative;
}
#sec_voice .list li .img_box .img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#sec_voice .list li .img_box .img img {
  border-radius: 1rem;
}
#sec_voice .list li .img_box .ttl {
  position: absolute;
}
#sec_voice .list li .name {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6666666667;
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  #sec_voice .list li .name {
    font-size: 1.7rem;
    margin-top: 3rem;
  }
}
#sec_voice .list li .txt {
  font-size: 1.8rem;
  line-height: 2;
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  #sec_voice .list li .txt {
    margin-top: 2.2rem;
    font-size: 1.7rem;
  }
}
#sec_voice .list li .txt .txt_red {
  color: #9E3D5B;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #sec_voice .list li:nth-of-type(1) .img_box .img, #sec_voice .list li:nth-of-type(2) .img_box .img, #sec_voice .list li:nth-of-type(5) .img_box .img, #sec_voice .list li:nth-of-type(6) .img_box .img {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  #sec_voice .list li:nth-of-type(2n) .img_box .img {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  #sec_voice .list li:nth-of-type(n+2) {
    margin-top: 8rem;
  }
}
@media screen and (min-width: 768px) {
  #sec_voice .list li:nth-of-type(1) {
    width: 45.4rem;
  }
}
@media screen and (max-width: 767px) {
  #sec_voice .list li:nth-of-type(1) .img_box .img {
    width: 29.3rem;
  }
}
#sec_voice .list li:nth-of-type(1) .img_box .ttl {
  left: 0;
  top: -3.1rem;
}
@media screen and (max-width: 767px) {
  #sec_voice .list li:nth-of-type(1) .img_box .ttl {
    left: auto;
    right: 0;
    top: -3.6rem;
    width: 8.6rem;
  }
}
#sec_voice .list li:nth-of-type(1) .img_box .point_01 {
  position: absolute;
  bottom: -3.5rem;
  right: -5.3rem;
}
@media screen and (max-width: 767px) {
  #sec_voice .list li:nth-of-type(1) .img_box .point_01 {
    right: -0.84rem;
    bottom: -2.4rem;
    width: 4.5rem;
  }
}
@media screen and (min-width: 768px) {
  #sec_voice .list li:nth-of-type(2) {
    width: 49.5rem;
    top: 21.9rem;
  }
}
@media screen and (max-width: 767px) {
  #sec_voice .list li:nth-of-type(2) .img_box .img {
    width: 27.3rem;
  }
}
#sec_voice .list li:nth-of-type(2) .img_box .ttl {
  left: 0;
  top: -3.3rem;
}
@media screen and (max-width: 767px) {
  #sec_voice .list li:nth-of-type(2) .img_box .ttl {
    top: -3rem;
    width: 8.5rem;
  }
}
@media screen and (min-width: 768px) {
  #sec_voice .list li:nth-of-type(3) {
    width: 45.6rem;
    margin-top: 14.7rem;
  }
}
@media screen and (max-width: 767px) {
  #sec_voice .list li:nth-of-type(3) .img_box .img {
    width: 26.6rem;
  }
}
#sec_voice .list li:nth-of-type(3) .img_box .ttl {
  right: 0;
  top: -1.3rem;
}
@media screen and (max-width: 767px) {
  #sec_voice .list li:nth-of-type(3) .img_box .ttl {
    top: -2.9rem;
    width: 8.6rem;
  }
}
@media screen and (max-width: 767px) {
  #sec_voice .list li:nth-of-type(3) .img_box .point_01 {
    position: absolute;
    right: -0.9rem;
    bottom: -4.4rem;
    width: 4.5rem;
  }
}
@media screen and (min-width: 768px) {
  #sec_voice .list li:nth-of-type(4) {
    width: 48.7rem;
    top: 33.4rem;
  }
}
@media screen and (max-width: 767px) {
  #sec_voice .list li:nth-of-type(4) .img_box .img {
    width: 29.6rem;
  }
}
#sec_voice .list li:nth-of-type(4) .img_box .ttl {
  right: 0;
  top: -3.2rem;
}
@media screen and (max-width: 767px) {
  #sec_voice .list li:nth-of-type(4) .img_box .ttl {
    right: auto;
    left: 0;
    top: -3.3rem;
    width: 5.6rem;
  }
}
@media screen and (min-width: 768px) {
  #sec_voice .list li:nth-of-type(5) {
    width: 45.3rem;
    margin-top: 15.8rem;
  }
}
@media screen and (max-width: 767px) {
  #sec_voice .list li:nth-of-type(5) .img_box .img {
    width: 28.1rem;
    margin-left: 0.5rem;
  }
}
#sec_voice .list li:nth-of-type(5) .img_box .ttl {
  left: 0;
  top: -3.3rem;
}
@media screen and (max-width: 767px) {
  #sec_voice .list li:nth-of-type(5) .img_box .ttl {
    left: auto;
    right: 0;
    top: -2.9rem;
    width: 5.7rem;
  }
}
@media screen and (min-width: 768px) {
  #sec_voice .list li:nth-of-type(6) {
    width: 47.8rem;
    top: 26.4rem;
  }
}
@media screen and (max-width: 767px) {
  #sec_voice .list li:nth-of-type(6) .img_box .img {
    width: 26rem;
  }
}
#sec_voice .list li:nth-of-type(6) .img_box .ttl {
  left: -0.6rem;
  top: -3.4rem;
}
@media screen and (max-width: 767px) {
  #sec_voice .list li:nth-of-type(6) .img_box .ttl {
    left: 0.3rem;
    top: -3.3rem;
    width: 8.5rem;
  }
}
#sec_voice .list li:nth-of-type(6) .img_box .point_01 {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  #sec_voice .list li:nth-of-type(6) .img_box .point_01 {
    left: 1rem;
    bottom: -1.9rem;
    width: 4.5rem;
  }
}
#sec_voice .voicebg_01 {
  position: absolute;
  top: -23.6rem;
  left: -82.8rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #sec_voice .voicebg_01 {
    top: -13.5rem;
    left: -64.2rem;
    width: 88.1rem;
  }
}
#sec_voice .voicebg_02 {
  position: absolute;
  top: 55.9rem;
  right: -92.5rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #sec_voice .voicebg_02 {
    top: 41.6rem;
    right: -71.1rem;
    width: 88.1rem;
  }
}
#sec_voice .voicebg_03 {
  position: absolute;
  top: 164.3rem;
  left: -62.9rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #sec_voice .voicebg_03 {
    top: 94.7rem;
    left: -70.7rem;
    width: 88.1rem;
  }
}
@media screen and (max-width: 767px) {
  #sec_voice .voicebg_04 {
    position: absolute;
    top: 203.2rem;
    right: -70rem;
    z-index: -1;
    width: 88.1rem;
  }
}
@media screen and (max-width: 767px) {
  #sec_voice .voicebg_05 {
    position: absolute;
    top: 263.4rem;
    left: -68.9rem;
    z-index: -1;
    width: 88.1rem;
  }
}
@media screen and (max-width: 767px) {
  #sec_voice .voicebg_06 {
    position: absolute;
    top: 343.1rem;
    right: -64.9rem;
    z-index: -1;
    width: 87.9rem;
  }
}

/* ---------------------------------------
  #sec_faq
-----------------------------------------*/
#sec_faq {
  margin-top: 28.9rem;
  padding-top: 22.9rem;
}
@media screen and (max-width: 767px) {
  #sec_faq {
    margin-top: -2.8rem;
    padding-top: 14rem;
    overflow: hidden;
  }
}
#sec_faq .wrap {
  position: relative;
}
#sec_faq .point_01 {
  position: absolute;
  top: -43rem;
  left: -26.4rem;
}
@media screen and (max-width: 767px) {
  #sec_faq .point_01 {
    top: -14.1rem;
    left: auto;
    right: -6.7rem;
    width: 19.4rem;
  }
}
#sec_faq .sec_ttl {
  text-align: center;
  font-size: 3.8rem;
  font-weight: 700;
  font-family: "Zen Old Mincho", serif;
  color: #61305B;
}
@media screen and (max-width: 767px) {
  #sec_faq .sec_ttl {
    font-size: 2.6rem;
  }
}
#sec_faq .list {
  width: 74.1rem;
  margin: 9rem auto 0;
  border-bottom: solid 1px #BEBEBE;
}
@media screen and (max-width: 767px) {
  #sec_faq .list {
    width: 100%;
    margin-top: 2.4rem;
  }
}
#sec_faq .list li {
  position: relative;
  padding-bottom: 0.8rem;
  padding-top: 3.6rem;
  border-top: solid 1px #BEBEBE;
}
@media screen and (max-width: 767px) {
  #sec_faq .list li {
    padding-top: 2.5rem;
    padding-bottom: 0.8rem;
  }
}
#sec_faq .list li .acordion_btn {
  width: 4rem;
  height: 4rem;
  border-radius: 2rem;
  background-color: #9E3D5B;
  right: 0.3rem;
  top: 2.5rem;
  position: absolute;
}
@media screen and (max-width: 767px) {
  #sec_faq .list li .acordion_btn {
    width: 3rem;
    height: 3rem;
    border-radius: 1.5rem;
    right: 0;
    top: 1.85rem;
  }
}
#sec_faq .list li .acordion_btn::before, #sec_faq .list li .acordion_btn::after {
  content: "";
  width: 0.2rem;
  height: 1.1rem;
  background-color: #fff;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  #sec_faq .list li .acordion_btn::before, #sec_faq .list li .acordion_btn::after {
    width: 0.15rem;
    height: 0.8rem;
  }
}
#sec_faq .list li .acordion_btn::before {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#sec_faq .list li .acordion_btn::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
#sec_faq .list li .txt_q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 2.1rem;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #sec_faq .list li .txt_q {
    font-size: 1.7rem;
    margin-bottom: 1.3rem;
    line-height: 1.5555555556;
  }
}
#sec_faq .list li .txt_q::before {
  content: "Q.";
  color: #9E3D5B;
  margin-right: 0.7rem;
}
@media screen and (max-width: 767px) {
  #sec_faq .list li .txt_q::before {
    font-size: 1.6rem;
  }
}
#sec_faq .list li .txt_a {
  font-size: 1.8rem;
  line-height: 1.7777777778;
  margin-top: 1.4rem;
  padding-bottom: 2.1rem;
  display: none;
}
@media screen and (max-width: 767px) {
  #sec_faq .list li .txt_a {
    font-size: 1.7rem;
    padding-bottom: 1.2rem;
  }
}
#sec_faq .list li.active .acordion_btn::before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
  margin-left: 0;
}

/* ---------------------------------------
  表示・非表示処理
-----------------------------------------*/
.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
}

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