#top_mv_area #top_main_copy {
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #111c3b;
}

#top_message h2::before,
#top_mvv h2::before,
#top_business h2::before,
#top_profile h2::before,
#top_recruit h2::before,
#top_contact h2::before {
  content: attr(data-en);
  font-family: "Manrope", sans-serif;
  display: block;
}

#top_business #top_business_list {
  counter-reset: business_cnt 0;
}

#top_business #top_business_list > li {
  position: relative;
  counter-increment: business_cnt 1;
}

#top_business #top_business_list > li::before {
  content: "Business " counter(business_cnt, decimal-leading-zero);
  font-family: "Manrope", sans-serif;
  display: block;
  z-index: 2;
}

#top_business #top_business_list > li .image {
  position: relative;
}

#top_business #top_business_list > li .image::before {
  content: "Business " counter(business_cnt, decimal-leading-zero);
  font-family: "Manrope", sans-serif;
  display: block;
  z-index: 2;
}

#top_business #top_business_list > li::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: url(../img/top/base_bg.png) repeat;
  mix-blend-mode: multiply;
  opacity: 0.5;
}

#top_business #top_business_list > li .image,
#top_business #top_business_list > li .data_area {
  position: relative;
  z-index: 2;
}

#top_business #top_business_list > li#top_business_healthcare {
  background: #e1f2f0;
}

#top_business #top_business_list > li#top_business_healthcare::before,
#top_business #top_business_list > li#top_business_healthcare .image::before {
  color: #bbd3d1;
}

#top_business #top_business_list > li#top_business_fitness_machine {
  background: #edecf2;
}

#top_business #top_business_list > li#top_business_fitness_machine::before,
#top_business #top_business_list > li#top_business_fitness_machine .image::before {
  color: #bcbcd0;
}

#top_business #top_business_list > li#top_business_acupuncture {
  background: #e3f0de;
}

#top_business #top_business_list > li#top_business_acupuncture::before,
#top_business #top_business_list > li#top_business_acupuncture .image::before {
  color: #b8cbb1;
}

#top_business #top_business_list > li#top_business_soulupgym {
  background: #eeece5;
}

#top_business #top_business_list > li#top_business_soulupgym::before,
#top_business #top_business_list > li#top_business_soulupgym .image::before {
  color: #bebbaf;
}

#top_business #top_business_list .btn a {
  display: inline-block;
  background: #FFFFFF;
  position: relative;
}

#top_profile table th,
#top_profile table td {
  border-top: 1px solid #abd3d0;
}

#top_profile table tr:nth-of-type(1) th,
#top_profile table tr:nth-of-type(1) td {
  border-top: none;
}

#top_recruit {
  background: #414961;
  color: #FFFFFF;
}

#top_recruit a {
  color: var(--main-text-color);
  background: #FFFFFF;
}

#top_recruit .recruit_link_area > ul {
  border-top: 1px solid #abd3d0;
}

#top_contact {
  background: var(--footer-bg-color);
  color: #FFFFFF;
}

#top_contact div.mfp_err {
  color: #FFFFFF;
  background: none;
}

#top_contact input[type=text],
#top_contact input[type=tel],
#top_contact input[type=email],
#top_contact textarea {
  border: none;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: none;
  margin: 0;
  vertical-align: middle;
  width: 100%;
}

#top_contact button[type=submit] {
  background: #fff47c;
  color: var(--main-text-color);
  box-shadow: none;
  text-shadow: none;
  display: block;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .word_pc {
    white-space: pre;
  }
  #top_mv_area {
    margin: 22px auto 0;
    position: relative;
    width: var(--pc-content-width);
  }
  #top_mv_area #top_main_copy {
    font-size: 6.8rem;
    font-weight: 300;
    line-height: 1.11;
    position: absolute;
    left: 65px;
    bottom: 25px;
    text-shadow: 0px 0px 30px rgba(255, 255, 255, 0.2);
    text-shadow: 0px 0px 30px rgba(255, 255, 255, 0.2), 0px 0px 30px rgba(255, 255, 255, 0.2), 0px 0px 30px rgba(255, 255, 255, 0.2), 0px 0px 30px rgba(255, 255, 255, 0.2), 0px 0px 30px rgba(255, 255, 255, 0.2), 0px 0px 30px rgba(255, 255, 255, 0.2);
    letter-spacing: 0.14em;
  }
  #top_message h2,
  #top_mvv h2,
  #top_business h2,
  #top_profile h2,
  #top_recruit h2,
  #top_contact h2 {
    text-align: center;
    font-weight: 800;
    font-size: 1.6rem;
  }
  #top_message h2::before,
  #top_mvv h2::before,
  #top_business h2::before,
  #top_profile h2::before,
  #top_recruit h2::before,
  #top_contact h2::before {
    font-weight: 800;
    font-size: 5.4rem;
    margin-bottom: -2px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
  }
  #top_message {
    margin: 185px auto 0;
  }
  #top_message #top_message_contents {
    margin-top: 93px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  #top_message #top_message_contents .data_area {
    display: contents;
  }
  #top_message #top_message_contents .data_area .image {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    padding-right: 60px;
    text-align: right;
  }
  #top_message #top_message_contents .data_area .data {
    grid-row: 1 / 3;
    grid-column: 2 / 3;
    width: 600px;
    padding: 29px 0 0 18px;
  }
  #top_message #top_message_contents .data_area .data h3 {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.75;
  }
  #top_message #top_message_contents .data_area .data .txt {
    margin-top: 30px;
    font-size: 1.7rem;
    line-height: 1.76;
    font-weight: 500;
  }
  #top_message #top_message_contents .data_area .data .txt:nth-of-type(1) {
    margin-top: 67px;
  }
  #top_message #top_message_contents .data_area .data .name {
    margin-top: 38px;
    font-size: 1.4rem;
    line-height: 1.8;
    text-align: right;
  }
  #top_message #top_message_contents .data_area .data .name span {
    font-size: 1.8rem;
    font-weight: 500;
  }
  #top_message #top_message_contents #top_personal_history {
    grid-row: 2 / 2;
    grid-column: 1 / 2;
    width: 600px;
    margin: 31px 0 0 auto;
    padding-left: 38px;
  }
  #top_message #top_message_contents #top_personal_history h3 {
    font-size: 1.8rem;
    font-weight: 800;
    text-transform: uppercase;
  }
  #top_message #top_message_contents #top_personal_history > ul {
    margin-top: 18px;
  }
  #top_message #top_message_contents #top_personal_history > ul > li {
    margin-top: 5px;
  }
  #top_message #top_message_contents #top_personal_history > ul > li:nth-of-type(1) {
    margin-top: 0;
  }
  #top_message #top_message_contents #top_personal_history > ul > li dl {
    display: flex;
  }
  #top_message #top_message_contents #top_personal_history > ul > li dl dt {
    font-size: 1.3rem;
    font-weight: 600;
    width: 60px;
    flex-shrink: 0;
  }
  #top_message #top_message_contents #top_personal_history > ul > li dl dd {
    font-size: 1.3rem;
    font-weight: 600;
  }
  #top_mvv {
    width: 1200px;
    margin: 143px auto 0;
  }
  #top_mvv > ul {
    margin-top: 100px;
  }
  #top_mvv > ul > li {
    margin-top: 80px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  #top_mvv > ul > li:nth-of-type(1) {
    margin-top: 0;
  }
  #top_mvv > ul > li .icon {
    width: 320px;
    flex-shrink: 0;
  }
  #top_mvv > ul > li .data {
    width: 800px;
    border-top: 1px solid #abd3d0;
    padding-top: 55px;
  }
  #top_mvv > ul > li .data h3 {
    font-size: 1.4rem;
    font-weight: 700;
  }
  #top_mvv > ul > li .data h4 {
    margin-top: 30px;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.75;
    letter-spacing: 0.06em;
  }
  #top_mvv > ul > li .data .txt {
    margin-top: 30px;
    font-size: 1.6rem;
    line-height: 1.75;
    font-weight: 500;
  }
  #top_business {
    margin-top: 190px;
  }
  #top_business #top_business_list {
    margin-top: 78px;
  }
  #top_business #top_business_list > li {
    margin-top: 42px;
  }
  #top_business #top_business_list > li .business_wrapper {
    display: flex;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #top_business #top_business_list > li .image {
    width: 560px;
    flex-shrink: 0;
  }
  #top_business #top_business_list > li .image::before {
    position: absolute;
    font-size: 1.4rem;
    font-weight: 600;
  }
  #top_business #top_business_list > li .data_area_wrapper {
    width: calc(50% + 100px);
  }
  #top_business #top_business_list > li .data_area_wrapper .data_area {
    max-width: 680px;
  }
  #top_business #top_business_list > li .data_area_wrapper .data_area h3 {
    font-size: 3rem;
    font-weight: 800;
    margin-top: 5px;
  }
  #top_business #top_business_list > li .data_area_wrapper .data_area h4 {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.08em;
  }
  #top_business #top_business_list > li .data_area_wrapper .data_area .txt {
    margin-top: 20px;
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: 0.1em;
    font-weight: 500;
  }
  #top_business #top_business_list > li .data_area_wrapper .data_area .txt:nth-of-type(1) {
    margin-top: 85px;
  }
  #top_business #top_business_list > li .data_area_wrapper .data_area .btn a {
    width: 300px;
    margin-top: 45px;
    border-radius: 45px;
    padding: 18px 0;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: -0.02em;
    box-shadow: 5.657px 5.657px 0px 0px rgba(0, 0, 0, 0.2);
    font-weight: 600;
  }
  #top_business #top_business_list > li .data_area_wrapper .data_area .btn a::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: url(../img/common/ico_tab.svg) no-repeat;
    background-size: cover;
    top: calc(50% - 6px);
    right: 20px;
  }
  #top_business #top_business_list > li::before {
    display: none;
  }
  #top_business #top_business_list > li:nth-of-type(1) {
    margin-top: 0;
    border-radius: 0 240px 0 0;
  }
  #top_business #top_business_list > li:nth-of-type(1)::after {
    border-radius: 0 240px 0 0;
  }
  #top_business #top_business_list > li:last-child {
    border-radius: 0 0 0 240px;
  }
  #top_business #top_business_list > li:last-child::after {
    border-radius: 0 0 0 240px;
  }
  #top_business #top_business_list > li:nth-of-type(2n+1) {
    margin-left: 0;
    margin-right: 40px;
  }
  #top_business #top_business_list > li:nth-of-type(2n+1) .business_wrapper {
    padding-right: 40px;
  }
  #top_business #top_business_list > li:nth-of-type(2n+1) .business_wrapper .data_area {
    margin: 0 0 0 auto;
  }
  #top_business #top_business_list > li:nth-of-type(2n+1) .business_wrapper .image::before {
    top: 18px;
    left: -105px;
  }
  #top_business #top_business_list > li:nth-of-type(2n+1)::before {
    left: calc(50% - 10px);
  }
  #top_business #top_business_list > li:nth-of-type(2n) {
    margin-right: 0;
    margin-left: 40px;
  }
  #top_business #top_business_list > li:nth-of-type(2n) .business_wrapper {
    padding-left: 40px;
    flex-direction: row-reverse;
  }
  #top_business #top_business_list > li:nth-of-type(2n) .business_wrapper .data_area_wrapper {
    width: calc(50% + 120px);
  }
  #top_business #top_business_list > li:nth-of-type(2n) .business_wrapper .data_area {
    margin: 0 auto 0 0;
  }
  #top_business #top_business_list > li:nth-of-type(2n) .business_wrapper .image {
    text-align: right;
  }
  #top_business #top_business_list > li:nth-of-type(2n) .business_wrapper .image::before {
    top: 19px;
    right: -110px;
  }
  #top_business #top_business_list > li:nth-of-type(2n)::before {
    right: calc(50% - 10px);
  }
  #top_business #top_business_list > li#top_business_healthcare .business_wrapper {
    position: relative;
    overflow: hidden;
  }
  #top_business #top_business_list > li#top_business_healthcare .business_wrapper::before {
    content: "";
    position: absolute;
    top: -400px;
    left: -400px;
    width: 800px;
    height: 800px;
    border-radius: 50%;
    background-image: -moz-radial-gradient(50% 50%, circle closest-side, #eeede9 0%, rgba(238, 237, 233, 0) 100%);
    background-image: -webkit-radial-gradient(50% 50%, circle closest-side, #eeede9 0%, rgba(238, 237, 233, 0) 100%);
    background-image: -ms-radial-gradient(50% 50%, circle closest-side, #eeede9 0%, rgba(238, 237, 233, 0) 100%);
  }
  #top_business #top_business_list > li#top_business_healthcare .business_wrapper::after {
    content: "";
    position: absolute;
    bottom: -400px;
    right: -400px;
    width: 800px;
    height: 800px;
    border-radius: 50%;
    background-image: -moz-radial-gradient(50% 50%, circle closest-side, #f1f1f5 0%, rgba(241, 241, 245, 0) 100%);
    background-image: -webkit-radial-gradient(50% 50%, circle closest-side, #f1f1f5 0%, rgba(241, 241, 245, 0) 100%);
    background-image: -ms-radial-gradient(50% 50%, circle closest-side, #f1f1f5 0%, rgba(241, 241, 245, 0) 100%);
  }
  #top_business #top_business_list > li#top_business_healthcare .business_wrapper .data_area {
    padding: 17px 80px 0 60px;
  }
  #top_business #top_business_list > li#top_business_healthcare .business_wrapper .data_area h3 {
    letter-spacing: 0.09em;
  }
  #top_business #top_business_list > li#top_business_fitness_machine .business_wrapper {
    position: relative;
    overflow: hidden;
  }
  #top_business #top_business_list > li#top_business_fitness_machine .business_wrapper::before {
    content: "";
    position: absolute;
    top: -400px;
    left: -400px;
    width: 800px;
    height: 800px;
    border-radius: 50%;
    background-image: -moz-radial-gradient(50% 50%, circle closest-side, #e8f3f2 0%, rgba(232, 243, 242, 0) 100%);
    background-image: -webkit-radial-gradient(50% 50%, circle closest-side, #e8f3f2 0%, rgba(232, 243, 242, 0) 100%);
    background-image: -ms-radial-gradient(50% 50%, circle closest-side, #e8f3f2 0%, rgba(232, 243, 242, 0) 100%);
  }
  #top_business #top_business_list > li#top_business_fitness_machine .business_wrapper::after {
    content: "";
    position: absolute;
    bottom: -400px;
    right: -400px;
    width: 800px;
    height: 800px;
    border-radius: 50%;
    background-image: -moz-radial-gradient(50% 50%, circle closest-side, #e3eddf 0%, rgba(227, 237, 223, 0) 100%);
    background-image: -webkit-radial-gradient(50% 50%, circle closest-side, #e3eddf 0%, rgba(227, 237, 223, 0) 100%);
    background-image: -ms-radial-gradient(50% 50%, circle closest-side, #e3eddf 0%, rgba(227, 237, 223, 0) 100%);
  }
  #top_business #top_business_list > li#top_business_fitness_machine .business_wrapper .data_area {
    padding: 115px 60px 0 97px;
  }
  #top_business #top_business_list > li#top_business_fitness_machine .business_wrapper .data_area h4 {
    padding-left: 2px;
  }
  #top_business #top_business_list > li#top_business_acupuncture .business_wrapper {
    position: relative;
    overflow: hidden;
  }
  #top_business #top_business_list > li#top_business_acupuncture .business_wrapper::before {
    content: "";
    position: absolute;
    top: -400px;
    left: -400px;
    width: 800px;
    height: 800px;
    border-radius: 50%;
    background-image: -moz-radial-gradient(50% 50%, circle closest-side, #f1f1f5 0%, rgba(241, 241, 245, 0) 100%);
    background-image: -webkit-radial-gradient(50% 50%, circle closest-side, #f1f1f5 0%, rgba(241, 241, 245, 0) 100%);
    background-image: -ms-radial-gradient(50% 50%, circle closest-side, #f1f1f5 0%, rgba(241, 241, 245, 0) 100%);
  }
  #top_business #top_business_list > li#top_business_acupuncture .business_wrapper::after {
    content: "";
    position: absolute;
    bottom: -400px;
    right: -400px;
    width: 800px;
    height: 800px;
    border-radius: 50%;
    background-image: -moz-radial-gradient(50% 50%, circle closest-side, #eeede9 0%, rgba(238, 237, 233, 0) 100%);
    background-image: -webkit-radial-gradient(50% 50%, circle closest-side, #eeede9 0%, rgba(238, 237, 233, 0) 100%);
    background-image: -ms-radial-gradient(50% 50%, circle closest-side, #eeede9 0%, rgba(238, 237, 233, 0) 100%);
  }
  #top_business #top_business_list > li#top_business_acupuncture .business_wrapper .data_area {
    padding: 115px 80px 0 60px;
  }
  #top_business #top_business_list > li#top_business_acupuncture .business_wrapper .data_area h3 {
    letter-spacing: 0.12em;
  }
  #top_business #top_business_list > li#top_business_soulupgym .business_wrapper {
    position: relative;
    overflow: hidden;
  }
  #top_business #top_business_list > li#top_business_soulupgym .business_wrapper::before {
    content: "";
    position: absolute;
    top: -400px;
    left: -400px;
    width: 800px;
    height: 800px;
    border-radius: 50%;
    background-image: -moz-radial-gradient(50% 50%, circle closest-side, #e3eddf 0%, rgba(227, 237, 223, 0) 100%);
    background-image: -webkit-radial-gradient(50% 50%, circle closest-side, #e3eddf 0%, rgba(227, 237, 223, 0) 100%);
    background-image: -ms-radial-gradient(50% 50%, circle closest-side, #e3eddf 0%, rgba(227, 237, 223, 0) 100%);
  }
  #top_business #top_business_list > li#top_business_soulupgym .business_wrapper::after {
    content: "";
    position: absolute;
    bottom: -400px;
    right: -400px;
    width: 800px;
    height: 800px;
    border-radius: 50%;
    background-image: -moz-radial-gradient(50% 50%, circle closest-side, #e8f3f2 0%, rgba(232, 243, 242, 0) 100%);
    background-image: -webkit-radial-gradient(50% 50%, circle closest-side, #e8f3f2 0%, rgba(232, 243, 242, 0) 100%);
    background-image: -ms-radial-gradient(50% 50%, circle closest-side, #e8f3f2 0%, rgba(232, 243, 242, 0) 100%);
  }
  #top_business #top_business_list > li#top_business_soulupgym .business_wrapper .data_area {
    padding: 38px 60px 0 97px;
  }
  #top_profile {
    width: 800px;
    margin: 180px auto 0;
  }
  #top_profile #top_profile_table {
    width: 100%;
    margin-top: 75px;
  }
  #top_profile #top_profile_table th,
  #top_profile #top_profile_table td {
    padding: 27px 0 25px;
    vertical-align: top;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: left;
    line-height: 1.75;
  }
  #top_profile #top_profile_table th {
    width: 198px;
  }
  #top_profile #top_profile_table td {
    width: 602px;
  }
  #top_recruit {
    margin-top: 196px;
    padding: 150px 0 278px;
  }
  #top_recruit .recruit_link_area {
    margin: 78px auto 0;
    width: 800px;
  }
  #top_recruit .recruit_link_area:nth-of-type(1) {
    margin-top: 100px;
  }
  #top_recruit .recruit_link_area h3 {
    font-size: 1.6rem;
    font-weight: 600;
  }
  #top_recruit .recruit_link_area > ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 27px;
    padding-top: 31px;
    gap: 10px 10px;
  }
  #top_recruit .recruit_link_area > ul > li {
    display: flex;
  }
  #top_recruit .recruit_link_area > ul > li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 260px;
    font-size: 1.6rem;
    padding: 18px 0;
    border-radius: 45px;
    position: relative;
    box-shadow: 5.657px 5.657px 0px 0px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    letter-spacing: 0.06em;
  }
  #top_recruit .recruit_link_area > ul > li a::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: url(../img/common/ico_tab.svg) no-repeat;
    background-size: cover;
    top: calc(50% - 6px);
    right: 20px;
  }
  #top_contact {
    margin-top: -120px;
    padding: 150px 0 115px;
    border-radius: 120px 120px 0 0;
  }
  #top_contact h2::before {
    letter-spacing: 0.1em;
  }
  #top_contact #form_wrapper input[type=text],
  #top_contact #form_wrapper input[type=tel],
  #top_contact #form_wrapper input[type=email] {
    padding: 25px 38px;
    font-size: 1.6rem;
  }
  #top_contact #form_wrapper textarea {
    padding: 25px 38px;
    height: 170px;
    font-size: 1.6rem;
  }
  #top_contact #form_wrapper .btn_area {
    padding-left: 105px;
  }
  #top_contact #form_wrapper button[type=submit] {
    width: 320px;
    margin: 40px auto 0;
    padding: 25px 0;
    border-radius: 70px;
    box-shadow: 5.657px 5.657px 0px 0px rgba(0, 0, 0, 0.2);
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: 0em;
  }
  #top_contact #form_wrapper table {
    width: 800px;
    margin: 60px auto 0;
  }
  #top_contact #form_wrapper table th,
  #top_contact #form_wrapper table td {
    padding: 20px 0;
    vertical-align: middle;
    text-align: left;
    border-top: 1px solid #abd3d0;
  }
  #top_contact #form_wrapper table th {
    width: 280px;
    padding-left: 18px;
    font-size: 1.6rem;
  }
  #top_contact #form_wrapper table td {
    width: 520px;
  }
  #top_contact #form_wrapper table tr:nth-of-type(1) th,
  #top_contact #form_wrapper table tr:nth-of-type(1) td {
    border-top: none;
  }
  #top_contact #form_wrapper table tr:last-child th {
    vertical-align: top;
    padding-top: 40px;
  }
}
