@charset "UTF-8";
/* CSS Document */
/*
Theme Name:オリジナルテーマ
Description: オリジナルテーマです
Theme URI:
Author: 
Author URI: 
Version: 6.2.2
License: -----
License URI:
*/
/*********************

変数設定

************************/
/*********************

reset

************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
dialog,
div,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
sup,
time,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background-color: transparent;
  list-style: none;
  font-style: normal;
  font-weight: 400;
}

header,
article,
footer,
aside,
nav,
small,
section {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.5;
  letter-spacing: 1rem;
}

p {
  line-height: 2;
  letter-spacing: 1rem;
  font-size: 28rem;
}

li,
ol li {
  list-style-type: none;
  letter-spacing: 1rem;
}

a img {
  border-style: none;
}

a {
  text-decoration: none;
  letter-spacing: 1rem;
}

a:hover {
  text-decoration: none;
}

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

table {
  width: 100%;
  border-collapse: collapse;
}

table th,
table td {
  vertical-align: top;
  letter-spacing: 1rem;
  text-align: left;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

@media (min-width: 751px) {
  html {
    font-size: 0.0625vw;
  }
}
@media (min-width: 1601px) {
  html {
    font-size: 0.0625rem;
  }
}
@media (max-width: 750px) {
  html {
    font-size: 0.1333333333vw;
  }
}

a {
  color: #333;
  transition: 0.3s;
}
a:hover {
  opacity: 0.7;
  transition: 0.3s;
}

@media (min-width: 751px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

body {
  font-family: "fot-tsukuardgothic-std", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 400;
  color: #333;
}
@media (min-width: 751px) {
  body {
    font-size: 16rem;
  }
}
@media (max-width: 750px) {
  body {
    font-size: 28rem;
  }
}

/*********************

    共通パーツ

************************/
.color__wh {
  color: #fff;
}

.color__gray {
  color: #272727;
}

.text__center {
  text-align: center;
}

.text__right {
  text-align: right;
}

@media (min-width: 751px) {
  .pc__none {
    display: none;
  }
}

@media (max-width: 750px) {
  .sp__none {
    display: none;
  }
}

.adjust__link {
  padding-top: 150rem;
  margin-top: -150rem;
}

/*********************

   ヘッダー

************************/
@media (min-width: 751px) {
  .header {
    position: relative;
  }
}
@media (max-width: 750px) {
  .header {
    position: fixed;
    width: 100%;
    z-index: 50;
  }
}
.header__separate {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 751px) {
  .header__separate {
    width: calc(100% - 35rem);
    margin: 0 auto;
    align-items: center;
    position: absolute;
    left: 35rem;
    top: 0;
  }
}
.header__separate_left {
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
}
@media (max-width: 750px) {
  .header__separate_left {
    padding-left: 15rem;
  }
}
.header__separate_left img {
  position: relative;
  z-index: 2;
}
@media (min-width: 751px) {
  .header__separate_left img {
    width: 84rem;
    height: 85rem;
  }
}
@media (max-width: 750px) {
  .header__separate_left img {
    width: 84rem;
    height: 85rem;
  }
}
.header__separate_left h1 {
  position: relative;
  z-index: 1;
  font-weight: 700;
  margin-left: 10rem;
}
@media (min-width: 751px) {
  .header__separate_left h1 {
    font-size: 40rem;
  }
}
@media (max-width: 750px) {
  .header__separate_left h1 {
    font-size: 40rem;
  }
}
.header__separate_left h1 span {
  display: block;
  margin-bottom: -5rem;
  font-weight: 700;
}
@media (min-width: 751px) {
  .header__separate_left h1 span {
    font-size: 22rem;
  }
}
@media (max-width: 750px) {
  .header__separate_left h1 span {
    font-size: 24rem;
  }
}
.header__separate_right {
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  .header__separate_right .tel {
    display: none;
  }
}
.header__separate_right .tel img {
  display: flex;
}
@media (min-width: 751px) {
  .header__separate_right .tel img {
    width: 339rem;
  }
}
@media (max-width: 750px) {
  .header__separate_right .reserve {
    display: none;
  }
}
@media (min-width: 751px) {
  .header__separate_right .reserve {
    margin: 0 10rem;
  }
}
.header__separate_right .reserve img {
  display: flex;
}
@media (min-width: 751px) {
  .header__separate_right .reserve img {
    width: 215rem;
  }
}
@media (max-width: 750px) {
  .header__separate_right .line {
    display: none;
  }
}
@media (min-width: 751px) {
  .header__separate_right .line {
    margin-right: 10rem;
  }
}
.header__separate_right .line img {
  display: flex;
}
@media (min-width: 751px) {
  .header__separate_right .line img {
    width: 150rem;
  }
}
.header-sp {
  background: #fff;
  font-weight: 700;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s;
  z-index: 1001;
  border-radius: 0 0 0 30rem;
}
@media (min-width: 751px) {
  .header-sp {
    width: 124rem;
    height: 127rem;
  }
}
@media (max-width: 750px) {
  .header-sp {
    width: 100rem;
    height: 100rem;
  }
}
.header-sp span {
  background: #333333;
  position: absolute;
  border-radius: 5rem;
  border: 1px solid #333333;
  transition: all 0.3s;
}
@media (min-width: 751px) {
  .header-sp span {
    width: 41rem;
    height: 2px;
    left: 40rem;
  }
}
@media (max-width: 750px) {
  .header-sp span {
    width: 63rem;
    height: 6rem;
    left: 18rem;
  }
}
.header-sp span:nth-of-type(1) {
  transition: 0.3s;
}
@media (min-width: 751px) {
  .header-sp span:nth-of-type(1) {
    top: 30rem;
  }
}
@media (max-width: 750px) {
  .header-sp span:nth-of-type(1) {
    top: 15rem;
  }
}
.header-sp span:nth-of-type(1).close {
  display: none;
  transition: 0.3s;
}
@media (min-width: 751px) {
  .header-sp span:nth-of-type(2) {
    top: 40rem;
  }
}
@media (max-width: 750px) {
  .header-sp span:nth-of-type(2) {
    top: 35rem;
  }
}
.header-sp span:nth-of-type(2).close {
  transform: rotate(-45deg);
  transition: 0.3s;
}
@media (min-width: 751px) {
  .header-sp span:nth-of-type(3) {
    top: 50rem;
  }
}
@media (max-width: 750px) {
  .header-sp span:nth-of-type(3) {
    top: 55rem;
  }
}
.header-sp span:nth-of-type(3).close {
  transform: rotate(45deg);
  transition: 0.3s;
}
@media (min-width: 751px) {
  .header-sp span:nth-of-type(3).close {
    top: 41rem;
  }
}
@media (max-width: 750px) {
  .header-sp span:nth-of-type(3).close {
    top: 38rem;
  }
}
.header-sp p {
  position: absolute;
  width: 100%;
  color: #333333;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 751px) {
  .header-sp p {
    bottom: 35rem;
    font-size: 17rem;
  }
}
@media (max-width: 750px) {
  .header-sp p {
    font-size: 22rem;
    bottom: -2rem;
    left: 1rem;
  }
}
.header ul {
  position: fixed;
  left: -100%;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  box-sizing: border-box;
  z-index: 2;
  transition: 0.3s;
  z-index: 1000;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0;
}
@media (min-width: 751px) {
  .header ul {
    font-size: 16rem;
    padding: 160rem 145rem 30rem 145rem;
  }
}
@media (max-width: 750px) {
  .header ul {
    padding: 180rem 60rem 30rem 60rem;
  }
}
.header ul.on {
  left: 0;
  transition: 0.3s;
  background: #fff;
}
.header ul li a {
  display: inline-block;
  line-height: 1.2;
  text-align: center;
  font-weight: 500;
  padding: 0 0 5rem;
  margin: 0 0 40rem;
  font-size: 32rem;
}

.mv img {
  width: 100%;
  display: flex;
}
@media (min-width: 751px) {
  .mv img {
    height: 821rem;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
  }
}

.second {
  position: relative;
  text-align: center;
}
@media (min-width: 751px) {
  .second {
    padding: 40rem 0 20rem 0;
  }
}
@media (max-width: 750px) {
  .second {
    padding: 40rem 40rem 0;
    margin-bottom: -17rem;
  }
}
.second:before {
  content: "";
  width: 100%;
  background-image: url(./images/top/wave.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  z-index: 2;
  position: absolute;
}
@media (min-width: 751px) {
  .second:before {
    height: 60rem;
    top: -39rem;
  }
}
@media (max-width: 750px) {
  .second:before {
    height: 20rem;
    top: -20rem;
  }
}
.second h2 {
  color: #fff;
  font-weight: 700;
  background: #59b7ac;
  display: inline-block;
  border-radius: 50rem;
  margin-bottom: 30rem;
}
@media (min-width: 751px) {
  .second h2 {
    font-size: 50rem;
    min-width: 896rem;
    padding: 10rem 50rem;
  }
}
@media (max-width: 750px) {
  .second h2 {
    font-size: 50rem;
    padding: 10rem 100rem;
  }
}
.second p {
  color: #4c4c4c;
  font-weight: 700;
}
@media (min-width: 751px) {
  .second p {
    font-size: 30rem;
  }
}
@media (max-width: 750px) {
  .second p {
    font-size: 30rem;
  }
}
.second p span {
  font-weight: 700;
  background: linear-gradient(transparent 0, transparent 70%, #fff3c4 70%, #fff3c4 100%);
}
@media (min-width: 751px) {
  .second p span {
    font-size: 50rem;
  }
}
@media (max-width: 750px) {
  .second p span {
    font-size: 50rem;
  }
}
.second__inner {
  position: relative;
}
@media (min-width: 751px) {
  .second__inner {
    width: 1230rem;
    margin: 0 auto;
  }
}
.second__inner:before {
  content: "";
  width: 189rem;
  height: 140rem;
  background-image: url(./images/top/second__before.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  position: absolute;
}
@media (min-width: 751px) {
  .second__inner:before {
    bottom: 25rem;
    left: -90rem;
  }
}
@media (max-width: 750px) {
  .second__inner:before {
    bottom: 200rem;
    left: 0;
  }
}
.second__inner:after {
  content: "";
  width: 159rem;
  height: 86rem;
  background-image: url(./images/top/second__after.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  position: absolute;
}
@media (min-width: 751px) {
  .second__inner:after {
    top: 5rem;
    right: -160rem;
  }
}
@media (max-width: 750px) {
  .second__inner:after {
    right: 0;
    bottom: 240rem;
  }
}
@media (min-width: 751px) {
  .second__inner img {
    position: absolute;
    width: 275rem;
    right: -70rem;
    top: -28rem;
  }
}
@media (max-width: 750px) {
  .second__inner img {
    width: 275rem;
  }
}

.cmn__contact_head {
  background: linear-gradient(to right, #59b7ac, #5da8d3);
  text-align: center;
}
@media (min-width: 751px) {
  .cmn__contact_head {
    padding: 35rem 0;
  }
}
@media (max-width: 750px) {
  .cmn__contact_head {
    padding: 35rem 40rem;
  }
}
@media (min-width: 751px) {
  .cmn__contact_head img {
    width: 750rem;
  }
}
@media (max-width: 750px) {
  .cmn__contact_head img {
    width: 485rem;
  }
}
.cmn__contact_head h2 {
  color: #fff;
  font-weight: 700;
  margin-top: -60rem;
}
@media (min-width: 751px) {
  .cmn__contact_head h2 {
    font-size: 25rem;
  }
}
@media (max-width: 750px) {
  .cmn__contact_head h2 {
    font-size: 30rem;
  }
}
.cmn__contact_head h2 span {
  color: #fff3c4;
  font-weight: 700;
  position: relative;
}
@media (min-width: 751px) {
  .cmn__contact_head h2 span {
    font-size: 50rem;
  }
}
@media (max-width: 750px) {
  .cmn__contact_head h2 span {
    font-size: 50rem;
  }
}
.cmn__contact_head h2 span:before {
  content: "";
  height: 1px;
  background: #fff;
  position: absolute;
}
@media (min-width: 751px) {
  .cmn__contact_head h2 span:before {
    width: 448rem;
    top: 45rem;
    left: -495rem;
  }
}
@media (max-width: 750px) {
  .cmn__contact_head h2 span:before {
    width: 70rem;
    top: 40rem;
    left: -75rem;
  }
}
.cmn__contact_head h2 span:after {
  content: "";
  height: 1px;
  background: #fff;
  position: absolute;
}
@media (min-width: 751px) {
  .cmn__contact_head h2 span:after {
    width: 448rem;
    top: 45rem;
    right: -495rem;
  }
}
@media (max-width: 750px) {
  .cmn__contact_head h2 span:after {
    width: 70rem;
    top: 40rem;
    right: -75rem;
  }
}
.cmn__contact_block {
  background-image: url(./images/top/cmn__bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
}
@media (min-width: 751px) {
  .cmn__contact_block {
    padding: 45rem 0;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 750px) {
  .cmn__contact_block {
    padding: 45rem 40rem;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (max-width: 750px) {
  .cmn__contact_block a:nth-of-type(1) {
    display: block;
    margin: 0 auto 30rem;
  }
}
@media (min-width: 751px) {
  .cmn__contact_block a:nth-of-type(1) img {
    width: 486rem;
  }
}
@media (max-width: 750px) {
  .cmn__contact_block a:nth-of-type(1) img {
    width: 486rem;
  }
}
.cmn__contact_block a:nth-of-type(2) {
  display: inline-block;
}
@media (min-width: 751px) {
  .cmn__contact_block a:nth-of-type(2) {
    margin: 0 40rem;
  }
}
@media (max-width: 750px) {
  .cmn__contact_block a:nth-of-type(2) {
    width: 48%;
  }
}
@media (min-width: 751px) {
  .cmn__contact_block a:nth-of-type(2) img {
    width: 383rem;
  }
}
@media (max-width: 750px) {
  .cmn__contact_block a:nth-of-type(2) img {
    width: 100%;
  }
}
@media (max-width: 750px) {
  .cmn__contact_block a:nth-of-type(3) {
    width: 48%;
  }
}
@media (min-width: 751px) {
  .cmn__contact_block a:nth-of-type(3) img {
    width: 383rem;
  }
}
@media (max-width: 750px) {
  .cmn__contact_block a:nth-of-type(3) img {
    width: 100%;
  }
}

.concept {
  margin-top: 70rem;
  margin-bottom: 95rem;
  position: relative;
}
@media (min-width: 751px) {
  .concept {
    min-height: 785rem;
    padding: 90rem 0 0 0;
  }
}
@media (max-width: 750px) {
  .concept {
    padding: 90rem 40rem;
  }
}
.concept:before {
  z-index: -3;
  content: "";
  width: 100%;
  background-image: url(./images/top/concept__bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
@media (min-width: 751px) {
  .concept:before {
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 100%, 0 100%, 0 25%);
            clip-path: polygon(50% 0%, 100% 25%, 100% 100%, 0 100%, 0 25%);
  }
}
@media (max-width: 750px) {
  .concept:before {
    -webkit-clip-path: polygon(50% 0%, 100% 7%, 100% 100%, 0 100%, 0 7%);
            clip-path: polygon(50% 0%, 100% 7%, 100% 100%, 0 100%, 0 7%);
  }
}
.concept:after {
  content: "";
  z-index: -2;
  position: absolute;
  background: rgba(178, 172, 164, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media (min-width: 751px) {
  .concept:after {
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 100%, 0 100%, 0 25%);
            clip-path: polygon(50% 0%, 100% 25%, 100% 100%, 0 100%, 0 25%);
  }
}
@media (max-width: 750px) {
  .concept:after {
    -webkit-clip-path: polygon(50% 0%, 100% 7%, 100% 100%, 0 100%, 0 7%);
            clip-path: polygon(50% 0%, 100% 7%, 100% 100%, 0 100%, 0 7%);
  }
}
.concept__head {
  text-align: center;
  margin-bottom: 40rem;
}
.concept__head img {
  width: 665rem;
}
.concept__head h2 {
  color: #4c4c4c;
  font-weight: 700;
  text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, 1px 0px 1px #fff, -1px 0px 1px #fff, 0px 1px 1px #fff, 0px -1px 1px #fff;
}
@media (min-width: 751px) {
  .concept__head h2 {
    font-size: 30rem;
  }
}
@media (max-width: 750px) {
  .concept__head h2 {
    font-size: 40rem;
  }
}
@media (min-width: 751px) {
  .concept__separate {
    width: 1350rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.concept__separate h3 {
  color: #fff;
  font-weight: 700;
  writing-mode: vertical-rl;
  background: rgba(48, 48, 48, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 1px solid #fff;
}
@media (min-width: 751px) {
  .concept__separate h3 {
    font-size: 30rem;
    width: 318rem;
    height: 450rem;
    outline-offset: -20rem;
  }
}
@media (max-width: 750px) {
  .concept__separate h3 {
    font-size: 32rem;
    padding: 30rem;
    margin: 0 auto 30rem;
    outline-offset: -10rem;
  }
}
.concept__separate p {
  color: #fff;
  text-shadow: 2rem 2rem 2rem #232323;
}
@media (min-width: 751px) {
  .concept__separate p {
    width: 945rem;
    font-size: 20rem;
  }
}
@media (max-width: 750px) {
  .concept__separate p {
    font-size: 28rem;
  }
}

.nayami__head {
  text-align: center;
  position: relative;
  margin-bottom: 30rem;
}
.nayami__head img {
  z-index: -1;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
@media (min-width: 751px) {
  .nayami__head img {
    width: 827rem;
  }
}
@media (max-width: 750px) {
  .nayami__head img {
    width: 650rem;
  }
}
.nayami__head h2 {
  font-weight: 700;
  color: #4c4c4c;
}
@media (min-width: 751px) {
  .nayami__head h2 {
    font-size: 50rem;
  }
}
@media (max-width: 750px) {
  .nayami__head h2 {
    font-size: 50rem;
  }
}
.nayami__head h2 span {
  color: #31b7c9;
  font-weight: 700;
}
@media (max-width: 750px) {
  .nayami__head h2 span {
    display: block;
  }
}
.nayami__block {
  position: relative;
}
@media (min-width: 751px) {
  .nayami__block {
    padding: 145rem 0 120rem 0;
  }
}
@media (max-width: 750px) {
  .nayami__block {
    padding: 55rem 40rem 210rem;
  }
}
.nayami__block:before {
  content: "";
  width: 100%;
  height: 100%;
  z-index: -2;
  background-image: url(./images/top/nayami__bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  position: absolute;
}
@media (max-width: 750px) {
  .nayami__block:before {
    background-position: right;
  }
}
.nayami__block:after {
  content: "";
  z-index: -1;
  background-image: url(./images/top/nayami__after.png);
  background-size: cover;
  background-repeat: no-repeat;
  bottom: 0;
  right: 2.85%;
  position: absolute;
}
@media (min-width: 751px) {
  .nayami__block:after {
    width: 565rem;
    height: 432rem;
  }
}
@media (max-width: 750px) {
  .nayami__block:after {
    width: 282.5rem;
    height: 216rem;
  }
}
@media (min-width: 751px) {
  .nayami__block_inner {
    width: 1140rem;
    margin: 0 auto;
  }
}
.nayami__block_inner ul {
  background: #fff;
  position: relative;
}
@media (min-width: 751px) {
  .nayami__block_inner ul {
    width: 666rem;
    height: 495rem;
    padding: 25rem 80rem;
  }
}
@media (max-width: 750px) {
  .nayami__block_inner ul {
    padding: 20rem 40rem;
  }
}
.nayami__block_inner ul:before {
  content: "";
  z-index: -1;
  background: #31b7c9;
  top: 15rem;
  right: -15rem;
  position: absolute;
}
@media (min-width: 751px) {
  .nayami__block_inner ul:before {
    width: 666rem;
    height: 495rem;
  }
}
.nayami__block_inner ul li {
  display: flex;
  align-items: center;
  color: #000000;
  position: relative;
  padding-left: 45rem;
  margin-bottom: 5rem;
  font-weight: 700;
}
@media (min-width: 751px) {
  .nayami__block_inner ul li {
    font-size: 25rem;
  }
}
@media (max-width: 750px) {
  .nayami__block_inner ul li {
    font-size: 26rem;
  }
}
.nayami__block_inner ul li:before {
  content: "";
  width: 23rem;
  height: 23rem;
  background-image: url(./images/top/nayami__before.svg);
  background-size: cover;
  background-repeat: no-repeat;
  top: 14rem;
  left: 0;
  position: absolute;
}

.soudan {
  position: relative;
  text-align: center;
}
@media (min-width: 751px) {
  .soudan {
    padding: 45rem 0;
    min-height: 212rem;
    margin-bottom: 70rem;
  }
}
@media (max-width: 750px) {
  .soudan {
    padding: 45rem 40rem;
    margin-bottom: 70rem;
  }
}
.soudan:before {
  background: linear-gradient(to right, #59b7ac, #5da8d3);
  z-index: -3;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.soudan p {
  font-weight: 700;
  color: #fff;
  line-height: 1.5;
}
.soudan p:before {
  background: rgba(255, 255, 255, 0.1);
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
          clip-path: polygon(0 0, 0% 100%, 100% 100%);
  content: "";
  position: absolute;
  z-index: -2;
  width: 50%;
  height: 80%;
  left: 0;
  bottom: 0;
}
.soudan p:after {
  background: rgba(255, 255, 255, 0.1);
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
          clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  content: "";
  position: absolute;
  z-index: -2;
  width: 50%;
  height: 80%;
  right: 0;
  bottom: 0;
}
@media (min-width: 751px) {
  .soudan p {
    font-size: 50rem;
  }
}
@media (max-width: 750px) {
  .soudan p {
    font-size: 50rem;
  }
}
.soudan p span {
  font-weight: 700;
  display: block;
}
@media (min-width: 751px) {
  .soudan p span {
    font-size: 25rem;
  }
}
@media (max-width: 750px) {
  .soudan p span {
    font-size: 32rem;
  }
}

.feature {
  margin-bottom: 40rem;
}
.feature__head {
  text-align: center;
  position: relative;
}
@media (min-width: 751px) {
  .feature__head {
    width: 650rem;
    margin: 0 auto 80rem;
  }
}
@media (max-width: 750px) {
  .feature__head {
    margin-bottom: 80rem;
  }
}
.feature__head:before {
  content: "";
  height: 1px;
  background: #917950;
  position: absolute;
}
@media (min-width: 751px) {
  .feature__head:before {
    width: 413rem;
    top: 60rem;
    left: -455rem;
  }
}
@media (max-width: 750px) {
  .feature__head:before {
    width: 100rem;
    top: 40rem;
    left: 25rem;
  }
}
.feature__head:after {
  content: "";
  height: 1px;
  background: #917950;
  position: absolute;
}
@media (min-width: 751px) {
  .feature__head:after {
    width: 413rem;
    top: 60rem;
    right: -455rem;
  }
}
@media (max-width: 750px) {
  .feature__head:after {
    width: 100rem;
    top: 40rem;
    right: 25rem;
  }
}
@media (min-width: 751px) {
  .feature__head img {
    width: 635rem;
  }
}
@media (max-width: 750px) {
  .feature__head img {
    width: 450rem;
  }
}
.feature__head h2 {
  color: #4c4c4c;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 751px) {
  .feature__head h2 {
    font-size: 40rem;
  }
}
@media (max-width: 750px) {
  .feature__head h2 {
    font-size: 40rem;
  }
}
@media (max-width: 750px) {
  .feature__content {
    padding: 0 40rem;
  }
}
.feature__content_block {
  position: relative;
  background: #f2f2f2;
}
@media (min-width: 751px) {
  .feature__content_block {
    width: 96.3125%;
    min-height: 507rem;
    padding: 100rem 75rem 75rem 100rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block {
    padding: 50rem 0;
  }
}
.feature__content_block.no__bg {
  width: 100%;
  background: none;
  min-height: unset;
  padding: 0;
}
.feature__content_block:nth-of-type(1):before {
  content: "";
  width: 95%;
  height: 507rem;
  background: #7cb2bf;
  bottom: -15rem;
  right: 0;
  position: absolute;
  z-index: -1;
}
.feature__content_block:nth-of-type(1):after {
  content: "";
  background: #398da1;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
          clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(1):after {
    width: 461rem;
    height: 231rem;
  }
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(1) {
    margin-left: auto;
    margin-bottom: 140rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block:nth-of-type(1) {
    margin-bottom: 100rem;
  }
}
.feature__content_block:nth-of-type(1) .whole:before {
  content: "";
  background-image: url(./images/top/feature01__1.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  position: absolute;
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(1) .whole:before {
    width: 273rem;
    height: 273rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block:nth-of-type(1) .whole:before {
    width: 218.4rem;
    height: 218.4rem;
  }
}
.feature__content_block:nth-of-type(1) .whole:after {
  content: "";
  width: 100%;
  height: 43rem;
  background-image: url(./images/top/feature01__wave.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  position: absolute;
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(1) .whole:after {
    top: -24rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block:nth-of-type(1) .whole:after {
    top: -9rem;
  }
}
.feature__content_block:nth-of-type(1) .number span {
  color: #7cb2bf;
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(1) img {
    right: 3.75%;
    top: -40rem;
  }
}
.feature__content_block:nth-of-type(2):before {
  content: "";
  width: 95%;
  height: 507rem;
  background: #d1c4b0;
  bottom: -15rem;
  right: -15rem;
  position: absolute;
  z-index: -1;
}
.feature__content_block:nth-of-type(2):after {
  content: "";
  background: #b29c76;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
          clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(2):after {
    width: 461rem;
    height: 231rem;
  }
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(2) {
    margin-bottom: 140rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block:nth-of-type(2) {
    margin-bottom: 100rem;
  }
}
.feature__content_block:nth-of-type(2) .whole:before {
  content: "";
  background-image: url(./images/top/feature02__1.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  position: absolute;
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(2) .whole:before {
    width: 273rem;
    height: 273rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block:nth-of-type(2) .whole:before {
    width: 218.4rem;
    height: 218.4rem;
  }
}
.feature__content_block:nth-of-type(2) .whole:after {
  content: "";
  width: 100%;
  height: 43rem;
  background-image: url(./images/top/feature02__wave.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  position: absolute;
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(2) .whole:after {
    top: -24rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block:nth-of-type(2) .whole:after {
    top: -9rem;
  }
}
.feature__content_block:nth-of-type(2) .number span {
  color: #b29c76;
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(2) img {
    left: 3.75%;
    top: -40rem;
  }
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(2) .detail {
    margin-left: auto;
  }
}
.feature__content_block:nth-of-type(4):before {
  content: "";
  width: 95%;
  height: 507rem;
  background: #d1c4b0;
  bottom: -15rem;
  right: 0;
  position: absolute;
  z-index: -1;
}
.feature__content_block:nth-of-type(4):after {
  content: "";
  background: #b29c76;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
          clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(4):after {
    width: 461rem;
    height: 231rem;
  }
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(4) {
    margin-left: auto;
    margin-bottom: 140rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block:nth-of-type(4) {
    margin-bottom: 100rem;
  }
}
.feature__content_block:nth-of-type(4) .whole:before {
  content: "";
  background-image: url(./images/top/feature04__1.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  position: absolute;
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(4) .whole:before {
    width: 273rem;
    height: 273rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block:nth-of-type(4) .whole:before {
    width: 218.4rem;
    height: 218.4rem;
  }
}
.feature__content_block:nth-of-type(4) .whole:after {
  content: "";
  width: 100%;
  height: 43rem;
  background-image: url(./images/top/feature02__wave.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  position: absolute;
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(4) .whole:after {
    top: -24rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block:nth-of-type(4) .whole:after {
    top: -9rem;
  }
}
.feature__content_block:nth-of-type(4) .number span {
  color: #b29c76;
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(4) img {
    right: 3.75%;
    top: -40rem;
  }
}
.feature__content_block:nth-of-type(5):before {
  content: "";
  width: 95%;
  height: 507rem;
  background: #7cb2bf;
  bottom: -15rem;
  right: -15rem;
  position: absolute;
  z-index: -1;
}
.feature__content_block:nth-of-type(5):after {
  content: "";
  background: #398da1;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
          clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(5):after {
    width: 461rem;
    height: 231rem;
  }
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(5) {
    margin-bottom: 140rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block:nth-of-type(5) {
    margin-bottom: 100rem;
  }
}
.feature__content_block:nth-of-type(5) .whole:before {
  content: "";
  background-image: url(./images/top/feature05__1.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  position: absolute;
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(5) .whole:before {
    width: 273rem;
    height: 273rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block:nth-of-type(5) .whole:before {
    width: 218.4rem;
    height: 218.4rem;
  }
}
.feature__content_block:nth-of-type(5) .whole:after {
  content: "";
  width: 100%;
  height: 43rem;
  background-image: url(./images/top/feature01__wave.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  position: absolute;
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(5) .whole:after {
    top: -24rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block:nth-of-type(5) .whole:after {
    top: -9rem;
  }
}
.feature__content_block:nth-of-type(5) .number span {
  color: #7cb2bf;
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(5) img {
    left: 3.75%;
    top: -40rem;
  }
}
@media (min-width: 751px) {
  .feature__content_block:nth-of-type(5) .detail {
    margin-left: auto;
  }
}
.feature__content_block .detail {
  text-align: center;
}
@media (min-width: 751px) {
  .feature__content_block .detail {
    width: 680rem;
  }
}
.feature__content_block .detail .number {
  color: #4c4c4c;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
  border-bottom: 1px solid #4c4c4c;
  padding: 0 20rem 10rem 20rem;
  margin-bottom: 30rem;
}
@media (min-width: 751px) {
  .feature__content_block .detail .number {
    font-size: 30rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block .detail .number {
    font-size: 40rem;
  }
}
.feature__content_block .detail .number span {
  font-weight: 700;
  margin-left: 10rem;
}
@media (min-width: 751px) {
  .feature__content_block .detail .number span {
    font-size: 50rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block .detail .number span {
    font-size: 50rem;
  }
}
.feature__content_block .detail h3 {
  color: #4c4c4c;
  font-weight: 700;
}
@media (min-width: 751px) {
  .feature__content_block .detail h3 {
    font-size: 40rem;
    margin-bottom: 40rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block .detail h3 {
    font-size: 40rem;
    margin-bottom: 20rem;
  }
}
.feature__content_block .detail .text {
  color: #000000;
  text-align: left;
}
@media (min-width: 751px) {
  .feature__content_block .detail .text {
    font-size: 20rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block .detail .text {
    padding: 0 40rem;
    font-size: 26rem;
  }
}
@media (min-width: 751px) {
  .feature__content_block .detail img {
    position: absolute;
    width: 680rem;
    z-index: 3;
  }
}
@media (max-width: 750px) {
  .feature__content_block .detail img {
    width: 100%;
    margin-bottom: 30rem;
  }
}
.feature__content_block .third {
  position: relative;
  text-align: center;
}
@media (min-width: 751px) {
  .feature__content_block .third {
    min-height: 538rem;
    padding: 140rem 0 120rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block .third {
    padding: 40rem;
  }
}
.feature__content_block .third.six:before {
  background-image: url(./images/top/feature06__bg.jpg);
}
.feature__content_block .third:before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(./images/top/feature03__bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  z-index: -2;
  position: absolute;
}
@media (max-width: 750px) {
  .feature__content_block .third:before {
    background-position: top;
  }
}
.feature__content_block .third:after {
  content: "";
  width: 100%;
  background-image: url(./images/top/feature03__wave.png);
  background-size: cover;
  background-repeat: no-repeat;
  top: -1rem;
  left: 0;
  z-index: -2;
  position: absolute;
}
@media (min-width: 751px) {
  .feature__content_block .third:after {
    height: 50rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block .third:after {
    height: 19rem;
  }
}
.feature__content_block .third__whole:before {
  content: "";
  background-image: url(./images/top/feature03__bg_before.png);
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
  z-index: -1;
  position: absolute;
}
@media (min-width: 751px) {
  .feature__content_block .third__whole:before {
    width: 427rem;
    height: 428rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block .third__whole:before {
    width: 213.5rem;
    height: 214rem;
  }
}
.feature__content_block .third__whole:after {
  content: "";
  background-image: url(./images/top/feature03__bg_after.png);
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0;
  right: 0;
  z-index: -1;
  position: absolute;
}
@media (min-width: 751px) {
  .feature__content_block .third__whole:after {
    width: 427rem;
    height: 428rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block .third__whole:after {
    width: 213.5rem;
    height: 214rem;
  }
}
.feature__content_block .third .number {
  color: #fff;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
  border-bottom: 1px solid #fff;
  padding: 0 20rem 10rem 20rem;
  margin-bottom: 30rem;
}
@media (min-width: 751px) {
  .feature__content_block .third .number {
    font-size: 30rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block .third .number {
    font-size: 40rem;
  }
}
.feature__content_block .third .number span {
  font-weight: 700;
  margin-left: 10rem;
}
@media (min-width: 751px) {
  .feature__content_block .third .number span {
    font-size: 50rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block .third .number span {
    font-size: 50rem;
  }
}
.feature__content_block .third h3 {
  color: #fff;
  font-weight: 700;
}
@media (min-width: 751px) {
  .feature__content_block .third h3 {
    font-size: 40rem;
    margin-bottom: 40rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block .third h3 {
    font-size: 40rem;
    margin-bottom: 20rem;
  }
}
.feature__content_block .third .text {
  color: #fff;
}
@media (min-width: 751px) {
  .feature__content_block .third .text {
    font-size: 20rem;
  }
}
@media (max-width: 750px) {
  .feature__content_block .third .text {
    font-size: 26rem;
  }
}
.feature__content_block .image {
  display: flex;
  justify-content: space-between;
  margin-bottom: 140rem;
}
@media (max-width: 750px) {
  .feature__content_block .image {
    flex-wrap: wrap;
  }
}
@media (min-width: 751px) {
  .feature__content_block .image img {
    width: 25%;
  }
}
@media (max-width: 750px) {
  .feature__content_block .image img {
    width: 50%;
  }
}

.medical {
  margin-top: 100rem;
}
.medical__head {
  text-align: center;
  position: relative;
}
@media (min-width: 751px) {
  .medical__head {
    width: 650rem;
    margin: 0 auto 50rem;
  }
}
@media (max-width: 750px) {
  .medical__head {
    margin-bottom: 50rem;
  }
}
.medical__head:before {
  content: "";
  height: 1px;
  background: #917950;
  position: absolute;
}
@media (min-width: 751px) {
  .medical__head:before {
    width: 413rem;
    top: 60rem;
    left: -455rem;
  }
}
@media (max-width: 750px) {
  .medical__head:before {
    width: 100rem;
    top: 40rem;
    left: 25rem;
  }
}
.medical__head:after {
  content: "";
  height: 1px;
  background: #917950;
  position: absolute;
}
@media (min-width: 751px) {
  .medical__head:after {
    width: 413rem;
    top: 60rem;
    right: -455rem;
  }
}
@media (max-width: 750px) {
  .medical__head:after {
    width: 100rem;
    top: 40rem;
    right: 25rem;
  }
}
@media (min-width: 751px) {
  .medical__head img {
    width: 635rem;
  }
}
@media (max-width: 750px) {
  .medical__head img {
    width: 450rem;
  }
}
.medical__head h2 {
  color: #4c4c4c;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 751px) {
  .medical__head h2 {
    font-size: 40rem;
  }
}
@media (max-width: 750px) {
  .medical__head h2 {
    font-size: 40rem;
  }
}
.medical__block {
  position: relative;
}
.medical__block:before {
  position: absolute;
  content: "";
  z-index: -4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(./images/top/medical__bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 751px) {
  .medical__block {
    padding: 75rem 0 40rem 0;
  }
}
@media (max-width: 750px) {
  .medical__block {
    padding: 75rem 40rem 40rem;
  }
}
.medical__block_detail {
  position: relative;
}
@media (min-width: 751px) {
  .medical__block_detail {
    width: 96.5625%;
    min-height: 538rem;
    padding: 65rem 0 0 5%;
    margin-bottom: 50rem;
  }
}
@media (max-width: 750px) {
  .medical__block_detail {
    padding: 40rem 40rem 80rem;
    margin-bottom: 50rem;
  }
}
.medical__block_detail:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  height: 100%;
  z-index: -2;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: bottom;
}
@media (min-width: 751px) {
  .medical__block_detail:nth-of-type(1) {
    margin-left: auto;
  }
}
.medical__block_detail:nth-of-type(1):after {
  background-image: url(./images/top/medical__1.jpg);
}
@media (max-width: 750px) {
  .medical__block_detail:nth-of-type(1):after {
    background-position: 60% 50%;
  }
}
.medical__block_detail:nth-of-type(1) span {
  background: #829fb5;
}
.medical__block_detail:nth-of-type(1) span:after {
  background: #829fb5;
}
.medical__block_detail:nth-of-type(1) small {
  right: 2%;
}
@media (min-width: 751px) {
  .medical__block_detail:nth-of-type(2) {
    margin-right: auto;
  }
}
.medical__block_detail:nth-of-type(2):after {
  background-image: url(./images/top/medical__2.jpg);
}
@media (max-width: 750px) {
  .medical__block_detail:nth-of-type(2):after {
    background-position: left;
  }
}
@media (min-width: 751px) {
  .medical__block_detail:nth-of-type(2) .inner {
    margin-left: auto;
    margin-right: 4.6875%;
  }
}
.medical__block_detail:nth-of-type(2) span {
  background: #6F989B;
}
.medical__block_detail:nth-of-type(2) span:after {
  background: #6F989B;
}
.medical__block_detail:nth-of-type(2) small {
  left: 2%;
}
@media (min-width: 751px) {
  .medical__block_detail .inner {
    width: 765rem;
  }
}
.medical__block_detail .inner span {
  color: #fff;
  font-weight: 700;
  display: block;
  text-align: center;
  padding: 8rem;
  position: relative;
  margin-bottom: 30rem;
}
@media (min-width: 751px) {
  .medical__block_detail .inner span {
    font-size: 25rem;
  }
}
.medical__block_detail .inner span:after {
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
  position: absolute;
  position: absolute;
  bottom: -28rem;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  content: "";
  width: 60rem;
  height: 20rem;
}
.medical__block_detail .inner h3 {
  text-align: center;
  font-weight: 700;
  margin-bottom: 30rem;
}
@media (min-width: 751px) {
  .medical__block_detail .inner h3 {
    font-size: 40rem;
    color: #4c4c4c;
  }
}
@media (max-width: 750px) {
  .medical__block_detail .inner h3 {
    font-size: 37rem;
    color: #fff;
  }
}
.medical__block_detail .inner h3:first-letter {
  color: #548B8C;
}
.medical__block_detail .inner p {
  margin-bottom: 30rem;
}
@media (min-width: 751px) {
  .medical__block_detail .inner p {
    font-size: 20rem;
    color: #000000;
  }
}
@media (max-width: 750px) {
  .medical__block_detail .inner p {
    font-size: 26rem;
    color: #fff;
  }
}
.medical__block_detail .inner .btn {
  text-align: center;
}
.medical__block_detail .inner .btn a {
  color: #4c4c4c;
  font-weight: 700;
  position: relative;
  background: #fff;
  border: 1px solid #000000;
  display: inline-block;
  padding: 14rem;
  width: 407rem;
}
@media (min-width: 751px) {
  .medical__block_detail .inner .btn a {
    font-size: 25rem;
  }
}
@media (max-width: 750px) {
  .medical__block_detail .inner .btn a {
    font-size: 28rem;
  }
}
.medical__block_detail .inner .btn a:after {
  content: "";
  width: 28rem;
  height: 28rem;
  background-image: url(./images/top/btn__mark.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
}
@media (min-width: 751px) {
  .medical__block_detail .inner .btn a:after {
    top: 25rem;
    right: 25rem;
  }
}
@media (max-width: 750px) {
  .medical__block_detail .inner .btn a:after {
    top: 28rem;
    right: 28rem;
  }
}
.medical__block_detail .inner small {
  position: absolute;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  bottom: 0;
}
@media (min-width: 751px) {
  .medical__block_detail .inner small {
    font-size: 80rem;
  }
}
@media (max-width: 750px) {
  .medical__block_detail .inner small {
    font-size: 60rem;
  }
}
@media (min-width: 751px) {
  .medical__block_separate {
    width: 1350rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.medical__block_separate .detail {
  display: block;
}
@media (min-width: 751px) {
  .medical__block_separate .detail {
    width: 613rem;
    margin-bottom: 40rem;
  }
}
@media (max-width: 750px) {
  .medical__block_separate .detail {
    margin-bottom: 40rem;
  }
}
.medical__block_separate .detail img {
  width: 100%;
  margin-bottom: 20rem;
}
.medical__block_separate .detail h3 {
  color: #4c4c4c;
  position: relative;
  font-weight: 700;
}
@media (min-width: 751px) {
  .medical__block_separate .detail h3 {
    font-size: 40rem;
  }
}
@media (max-width: 750px) {
  .medical__block_separate .detail h3 {
    font-size: 40rem;
  }
}
.medical__block_separate .detail h3:after {
  content: "";
  width: 48rem;
  height: 48rem;
  background-image: url(./images/top/medical__mark.svg);
  background-size: contain;
  background-repeat: no-repeat;
  top: 15rem;
  right: 15rem;
  position: absolute;
}
.medical__block_separate .detail span {
  color: #a2a6b0;
}
@media (min-width: 751px) {
  .medical__block_separate .detail span {
    font-size: 20rem;
  }
}
@media (max-width: 750px) {
  .medical__block_separate .detail span {
    font-size: 26rem;
  }
}
.medical__block_separate .detail p {
  color: #000;
}
@media (min-width: 751px) {
  .medical__block_separate .detail p {
    font-size: 20rem;
  }
}
@media (max-width: 750px) {
  .medical__block_separate .detail p {
    font-size: 26rem;
  }
}

.others {
  margin-top: 100rem;
}
.others__head {
  text-align: center;
  position: relative;
}
@media (min-width: 751px) {
  .others__head {
    width: 573rem;
    margin: 0 auto 50rem;
  }
}
@media (max-width: 750px) {
  .others__head {
    margin-bottom: 50rem;
  }
}
.others__head:before {
  content: "";
  height: 1px;
  background: #917950;
  position: absolute;
}
@media (min-width: 751px) {
  .others__head:before {
    width: 413rem;
    top: 60rem;
    left: -455rem;
  }
}
@media (max-width: 750px) {
  .others__head:before {
    width: 100rem;
    top: 40rem;
    left: 25rem;
  }
}
.others__head:after {
  content: "";
  height: 1px;
  background: #917950;
  position: absolute;
}
@media (min-width: 751px) {
  .others__head:after {
    width: 413rem;
    top: 60rem;
    right: -455rem;
  }
}
@media (max-width: 750px) {
  .others__head:after {
    width: 100rem;
    top: 40rem;
    right: 25rem;
  }
}
@media (min-width: 751px) {
  .others__head img {
    width: 635rem;
  }
}
@media (max-width: 750px) {
  .others__head img {
    width: 450rem;
  }
}
.others__head h2 {
  color: #4c4c4c;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 751px) {
  .others__head h2 {
    font-size: 40rem;
  }
}
@media (max-width: 750px) {
  .others__head h2 {
    font-size: 40rem;
  }
}
.others__block {
  background-image: url(./images/top/others__bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 751px) {
  .others__block {
    padding: 60rem 0 0 0;
  }
}
@media (max-width: 750px) {
  .others__block {
    padding: 60rem 40rem;
    background-position: top;
  }
}
.others__block_detail {
  text-align: center;
  display: block;
}
@media (min-width: 751px) {
  .others__block_detail {
    width: 395rem;
    margin-bottom: 45rem;
  }
}
@media (max-width: 750px) {
  .others__block_detail {
    margin-bottom: 45rem;
  }
}
.others__block_detail .content {
  position: relative;
}
@media (min-width: 751px) {
  .others__block_detail .content {
    min-height: 395rem;
    padding: 65rem 0 0 0;
    margin-bottom: 40rem;
  }
}
@media (max-width: 750px) {
  .others__block_detail .content {
    padding: 40rem;
    min-height: 450rem;
    margin-bottom: 30rem;
  }
}
.others__block_detail .content__whole:before {
  z-index: 2;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
}
.others__block_detail .content__whole:after {
  z-index: 1;
  content: "";
  position: absolute;
  width: 100%;
  bottom: -15rem;
  right: -15rem;
}
@media (min-width: 751px) {
  .others__block_detail .content__whole:after {
    height: 395rem;
  }
}
.others__block_detail .content:before {
  z-index: 5;
  content: "";
  position: absolute;
  background: #f7f7f7;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0% 0%, 0% 30%, 40% 100%, 100% 20%, 100% 0%);
          clip-path: polygon(0% 0%, 0% 30%, 40% 100%, 100% 20%, 100% 0%);
  height: 50%;
}
.others__block_detail .content:after {
  z-index: 4;
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
          clip-path: polygon(0 0, 0% 100%, 100% 100%);
  height: 85%;
  background: #edebea;
}
.others__block_detail .content .image {
  position: relative;
  z-index: 7;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 751px) {
  .others__block_detail .content .image {
    width: 91rem;
    height: 91rem;
  }
}
@media (max-width: 750px) {
  .others__block_detail .content .image {
    width: 150rem;
    height: 150rem;
  }
}
.others__block_detail .content .float {
  position: absolute;
  z-index: 7;
  right: 17rem;
  bottom: 17rem;
}
@media (min-width: 751px) {
  .others__block_detail .content .float {
    width: 50rem;
  }
}
@media (max-width: 750px) {
  .others__block_detail .content .float {
    width: 70rem;
  }
}
.others__block_detail .content h3 {
  color: #4c4c4c;
  font-weight: 700;
  position: relative;
  z-index: 7;
  margin-bottom: 15rem;
}
@media (min-width: 751px) {
  .others__block_detail .content h3 {
    font-size: 40rem;
  }
}
@media (max-width: 750px) {
  .others__block_detail .content h3 {
    font-size: 40rem;
  }
}
.others__block_detail .content span {
  font-weight: 700;
  position: relative;
  z-index: 7;
}
@media (min-width: 751px) {
  .others__block_detail .content span {
    font-size: 20rem;
  }
}
@media (max-width: 750px) {
  .others__block_detail .content span {
    font-size: 26rem;
  }
}
.others__block_detail p {
  color: #000;
  font-weight: 700;
  text-align: left;
}
@media (min-width: 751px) {
  .others__block_detail p {
    font-size: 20rem;
  }
}
@media (max-width: 750px) {
  .others__block_detail p {
    font-size: 27rem;
  }
}
.others__block_detail:nth-of-type(1) span {
  color: #9d8864;
}
.others__block_detail:nth-of-type(1) .content__whole:after {
  background: rgba(157, 136, 100, 0.5);
}
@media (min-width: 751px) {
  .others__block_detail:nth-of-type(2) img {
    width: 75rem;
  }
}
.others__block_detail:nth-of-type(2) span {
  color: #59b7ac;
}
.others__block_detail:nth-of-type(2) .content__whole:after {
  background: rgba(89, 183, 172, 0.5);
}
.others__block_detail:nth-of-type(3) span {
  color: #bd455e;
}
.others__block_detail:nth-of-type(3) .content__whole:after {
  background: rgba(189, 69, 94, 0.5);
}
.others__block_detail:nth-of-type(4) span {
  color: #bd455e;
}
.others__block_detail:nth-of-type(4) .content__whole:after {
  background: rgba(189, 69, 94, 0.5);
}
.others__block_detail:nth-of-type(5) span {
  color: #59b7ac;
}
.others__block_detail:nth-of-type(5) .content__whole:after {
  background: rgba(89, 183, 172, 0.5);
}
.others__block_detail:nth-of-type(6) span {
  color: #9d8864;
}
.others__block_detail:nth-of-type(6) .content__whole:after {
  background: rgba(157, 136, 100, 0.5);
}
@media (min-width: 751px) {
  .others__block .inner {
    width: 1345rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.greeting {
  margin-top: 50rem;
  background-image: url(./images/top/greeting__bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  position: relative;
}
@media (min-width: 751px) {
  .greeting {
    padding: 130rem 0 80rem;
  }
}
@media (max-width: 750px) {
  .greeting {
    padding: 60rem 40rem 80rem;
    background-position: bottom;
  }
}
.greeting:after {
  content: "";
  width: 100%;
  background-image: url(./images/top/feature03__wave.png);
  background-size: cover;
  background-repeat: no-repeat;
  top: -1rem;
  left: 0;
  position: absolute;
}
@media (min-width: 751px) {
  .greeting:after {
    height: 50rem;
  }
}
@media (max-width: 750px) {
  .greeting:after {
    height: 19rem;
  }
}
@media (min-width: 751px) {
  .greeting__head {
    margin-bottom: 80rem;
  }
}
@media (max-width: 750px) {
  .greeting__head {
    margin-bottom: 40rem;
  }
}
@media (min-width: 751px) {
  .greeting__head img {
    width: 733rem;
  }
}
@media (max-width: 750px) {
  .greeting__head img {
    width: 650rem;
  }
}
.greeting__head h2 {
  color: #fff;
}
@media (min-width: 751px) {
  .greeting__head h2 {
    font-size: 40rem;
  }
}
@media (max-width: 750px) {
  .greeting__head h2 {
    font-size: 40rem;
  }
}
@media (min-width: 751px) {
  .greeting__content {
    width: 95.3125%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 750px) {
  .greeting__content_left {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30rem;
  }
}
@media (min-width: 751px) {
  .greeting__content_left {
    width: 341rem;
  }
}
@media (max-width: 750px) {
  .greeting__content_left img {
    width: 48%;
  }
}
@media (min-width: 751px) {
  .greeting__content_center {
    width: 760rem;
  }
}
@media (max-width: 750px) {
  .greeting__content_center {
    margin-bottom: 45rem;
  }
}
.greeting__content_center h3 {
  color: #fff;
  font-weight: 700;
  margin-bottom: 30rem;
}
@media (min-width: 751px) {
  .greeting__content_center h3 {
    font-size: 28rem;
  }
}
@media (max-width: 750px) {
  .greeting__content_center h3 {
    font-size: 32rem;
  }
}
.greeting__content_center .text {
  color: #fff;
  margin-bottom: 45rem;
}
@media (min-width: 751px) {
  .greeting__content_center .text {
    font-size: 20rem;
  }
}
@media (max-width: 750px) {
  .greeting__content_center .text {
    font-size: 26rem;
  }
}
.greeting__content_center .name {
  display: flex;
  align-items: center;
  justify-content: center;
}
.greeting__content_center .name span {
  color: #fff;
  background: #31b7c9;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
@media (min-width: 751px) {
  .greeting__content_center .name span {
    font-size: 20rem;
    width: 92rem;
    height: 92rem;
  }
}
@media (max-width: 750px) {
  .greeting__content_center .name span {
    font-size: 26rem;
    width: 92rem;
    height: 92rem;
  }
}
.greeting__content_center .name p {
  color: #fff;
  margin: 0 10rem;
}
@media (min-width: 751px) {
  .greeting__content_center .name p {
    font-size: 40rem;
  }
}
@media (max-width: 750px) {
  .greeting__content_center .name p {
    font-size: 40rem;
  }
}
.greeting__content_center .name small {
  color: #bbe5ee;
  font-weight: 700;
}
@media (min-width: 751px) {
  .greeting__content_center .name small {
    font-size: 20rem;
  }
}
@media (max-width: 750px) {
  .greeting__content_center .name small {
    font-size: 26rem;
  }
}
@media (min-width: 751px) {
  .greeting__content_right {
    width: 346rem;
  }
}
@media (max-width: 750px) {
  .greeting__content_right {
    width: 426rem;
    display: block;
    margin: 0 auto;
  }
}

.career {
  background-image: url(./images/top/career__bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 751px) {
  .career {
    padding: 80rem 0 120rem;
  }
}
@media (max-width: 750px) {
  .career {
    padding: 80rem 40rem;
  }
}
@media (min-width: 751px) {
  .career__separate {
    width: 1345rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
}
.career__separate_block {
  background: #ffffff;
}
@media (min-width: 751px) {
  .career__separate_block {
    width: 646rem;
  }
}
@media (max-width: 750px) {
  .career__separate_block {
    margin-bottom: 45rem;
  }
}
.career__separate_block p {
  text-align: center;
  color: #fff;
  background: linear-gradient(to right, #59b7ac, #5da8d3);
  font-weight: 700;
}
@media (min-width: 751px) {
  .career__separate_block p {
    font-size: 30rem;
    padding: 5rem;
  }
}
@media (max-width: 750px) {
  .career__separate_block p {
    font-size: 32rem;
    padding: 5rem;
  }
}
@media (min-width: 751px) {
  .career__separate_block ul {
    padding: 30rem 50rem 30rem 85rem;
  }
}
@media (max-width: 750px) {
  .career__separate_block ul {
    padding: 30rem 30rem 30rem 85rem;
  }
}
.career__separate_block ul li {
  position: relative;
  color: #000;
  font-weight: 700;
}
.career__separate_block ul li:not(:last-of-type) {
  margin-bottom: 10rem;
}
@media (min-width: 751px) {
  .career__separate_block ul li {
    font-size: 20rem;
  }
}
@media (max-width: 750px) {
  .career__separate_block ul li {
    font-size: 26rem;
  }
}
.career__separate_block ul li:before {
  content: "";
  border-radius: 50%;
  background: #59b7ac;
  position: absolute;
  width: 18rem;
  height: 18rem;
  left: -40rem;
}
@media (min-width: 751px) {
  .career__separate_block ul li:before {
    top: 11rem;
  }
}
@media (max-width: 750px) {
  .career__separate_block ul li:before {
    top: 19rem;
  }
}

.faq {
  margin-top: 100rem;
}
.faq__head {
  text-align: center;
  position: relative;
}
@media (min-width: 751px) {
  .faq__head {
    width: 321rem;
    margin: 0 auto 50rem;
  }
}
@media (max-width: 750px) {
  .faq__head {
    margin-bottom: 50rem;
  }
}
.faq__head:before {
  content: "";
  height: 1px;
  background: #917950;
  position: absolute;
}
@media (min-width: 751px) {
  .faq__head:before {
    width: 413rem;
    top: 60rem;
    left: -455rem;
  }
}
@media (max-width: 750px) {
  .faq__head:before {
    width: 100rem;
    top: 70rem;
    left: 25rem;
  }
}
.faq__head:after {
  content: "";
  height: 1px;
  background: #917950;
  position: absolute;
}
@media (min-width: 751px) {
  .faq__head:after {
    width: 413rem;
    top: 60rem;
    right: -455rem;
  }
}
@media (max-width: 750px) {
  .faq__head:after {
    width: 100rem;
    top: 70rem;
    right: 25rem;
  }
}
@media (min-width: 751px) {
  .faq__head img {
    width: 635rem;
  }
}
@media (max-width: 750px) {
  .faq__head img {
    width: 370rem;
  }
}
.faq__head h2 {
  color: #4c4c4c;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 751px) {
  .faq__head h2 {
    font-size: 40rem;
  }
}
@media (max-width: 750px) {
  .faq__head h2 {
    font-size: 40rem;
  }
}
.faq__inner {
  background: #f5fcff;
}
@media (min-width: 751px) {
  .faq__inner {
    padding: 90rem 0;
  }
}
@media (max-width: 750px) {
  .faq__inner {
    padding: 90rem 0;
  }
}
@media (min-width: 751px) {
  .faq__block {
    width: 1340rem;
    margin: 0 auto;
  }
}
@media (max-width: 750px) {
  .faq__block {
    margin: 0 40rem;
  }
}
.faq__block_detail {
  margin-bottom: 30rem;
}
.faq__block h3 {
  background: linear-gradient(to right, #59b7ac, #5da8d3);
  position: relative;
  color: #fff;
  font-weight: 700;
}
@media (min-width: 751px) {
  .faq__block h3 {
    padding: 20rem 20rem 20rem 140rem;
    font-size: 30rem;
  }
}
@media (max-width: 750px) {
  .faq__block h3 {
    padding: 20rem 60rem 20rem 100rem;
    font-size: 32rem;
  }
}
.faq__block h3.js__active:after {
  background-image: url(./images/top/faq__minus.png);
}
@media (min-width: 751px) {
  .faq__block h3.js__active:after {
    top: 42rem;
  }
}
@media (max-width: 750px) {
  .faq__block h3.js__active:after {
    top: 72rem;
  }
}
.faq__block h3:before {
  position: absolute;
  content: "";
  background-image: url(./images/top/faq__q.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 67rem;
  height: 67rem;
}
@media (min-width: 751px) {
  .faq__block h3:before {
    top: 10rem;
    left: 50rem;
  }
}
@media (max-width: 750px) {
  .faq__block h3:before {
    top: 30rem;
    left: 20rem;
  }
}
.faq__block h3:after {
  position: absolute;
  content: "";
  background-image: url(./images/top/faq__plus.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 36rem;
  height: 36rem;
}
@media (min-width: 751px) {
  .faq__block h3:after {
    top: 25rem;
    right: 50rem;
  }
}
@media (max-width: 750px) {
  .faq__block h3:after {
    top: 55rem;
    right: 20rem;
  }
}
.faq__block p {
  color: #000000;
  position: relative;
  display: none;
}
@media (min-width: 751px) {
  .faq__block p {
    padding: 35rem 0 0 140rem;
    font-size: 25rem;
  }
}
@media (max-width: 750px) {
  .faq__block p {
    font-size: 26rem;
    padding: 35rem 30rem 0 100rem;
  }
}
.faq__block p:before {
  position: absolute;
  content: "";
  background-image: url(./images/top/faq__a.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 67rem;
  height: 67rem;
}
@media (min-width: 751px) {
  .faq__block p:before {
    top: 30rem;
    left: 50rem;
  }
}
@media (max-width: 750px) {
  .faq__block p:before {
    top: 40rem;
    left: 20rem;
  }
}

.clinic {
  margin-bottom: 80rem;
}
.clinic__head {
  text-align: center;
  position: relative;
}
@media (min-width: 751px) {
  .clinic__head {
    width: 500rem;
    margin: 0 auto 56rem;
  }
}
@media (max-width: 750px) {
  .clinic__head {
    margin-bottom: 50rem;
  }
}
.clinic__head:before {
  content: "";
  height: 1px;
  background: #917950;
  position: absolute;
}
@media (min-width: 751px) {
  .clinic__head:before {
    width: 413rem;
    top: 60rem;
    left: -455rem;
  }
}
@media (max-width: 750px) {
  .clinic__head:before {
    width: 100rem;
    top: 70rem;
    left: 25rem;
  }
}
.clinic__head:after {
  content: "";
  height: 1px;
  background: #917950;
  position: absolute;
}
@media (min-width: 751px) {
  .clinic__head:after {
    width: 413rem;
    top: 60rem;
    right: -455rem;
  }
}
@media (max-width: 750px) {
  .clinic__head:after {
    width: 100rem;
    top: 70rem;
    right: 25rem;
  }
}
@media (min-width: 751px) {
  .clinic__head img {
    width: 499rem;
  }
}
@media (max-width: 750px) {
  .clinic__head img {
    width: 370rem;
  }
}
.clinic__head h2 {
  color: #4c4c4c;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 751px) {
  .clinic__head h2 {
    font-size: 30rem;
  }
}
@media (max-width: 750px) {
  .clinic__head h2 {
    font-size: 30rem;
  }
}
@media (min-width: 751px) {
  .clinic__inner {
    width: 1113rem;
    margin: 0 auto;
  }
}
@media (max-width: 750px) {
  .clinic__inner {
    margin: 0 80rem;
  }
}
.clinic__inner h3 {
  color: #fff;
  background: #bd455e;
  font-weight: 700;
  padding: 18rem;
  text-align: center;
  margin-bottom: 20rem;
}
@media (min-width: 751px) {
  .clinic__inner h3 {
    font-size: 30rem;
  }
}
@media (max-width: 750px) {
  .clinic__inner h3 {
    font-size: 32rem;
  }
}
.clinic__inner .slick-prev {
  background-image: url(./images/top/slick__before.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 751px) {
  .clinic__inner .slick-prev {
    width: 39rem;
    height: 77rem;
    left: -85rem;
  }
}
@media (max-width: 750px) {
  .clinic__inner .slick-prev {
    width: 39rem;
    height: 77rem;
    left: -65rem;
  }
}
.clinic__inner .slick-prev:before {
  content: "";
  color: transparent;
}
.clinic__inner .slick-prev:hover, .clinic__inner .slick-prev:focus {
  background-image: url(./images/top/slick__before.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.clinic__inner .slick-next:hover, .clinic__inner .slick-next:focus {
  background-image: url(./images/top/slick__after.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.clinic__inner .slick-next {
  background-image: url(./images/top/slick__after.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 751px) {
  .clinic__inner .slick-next {
    width: 39rem;
    height: 77rem;
    right: -85rem;
  }
}
@media (max-width: 750px) {
  .clinic__inner .slick-next {
    width: 39rem;
    height: 77rem;
    right: -65rem;
  }
}
.clinic__inner .slick-next:before {
  content: "";
  color: transparent;
}
.clinic__inner .slick__main {
  margin-bottom: 20rem;
}
.clinic__inner .slick__main img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
@media (min-width: 751px) {
  .clinic__inner .slick__main img {
    height: 615rem;
  }
}
@media (max-width: 750px) {
  .clinic__inner .slick__main img {
    height: 325rem;
  }
}
@media (min-width: 751px) {
  .clinic__inner .slick__sub .slick-slide {
    width: 265rem !important;
  }
}
@media (max-width: 750px) {
  .clinic__inner .slick__sub .slick-slide {
    width: 132rem !important;
  }
}
.clinic__inner .slick__sub .slick-track {
  width: 100% !important;
}
.clinic__inner .slick__sub .slick-slide {
  opacity: 0.5;
}
.clinic__inner .slick__sub .slick-slide.slick-current {
  opacity: 1;
}
@media (min-width: 751px) {
  .clinic__inner .slick__sub .slick-slide:nth-of-type(4n+1) {
    margin: 0 15rem 20rem 0;
  }
}
@media (max-width: 750px) {
  .clinic__inner .slick__sub .slick-slide:nth-of-type(4n+1) {
    margin: 0 15rem 0 0;
  }
}
@media (min-width: 751px) {
  .clinic__inner .slick__sub .slick-slide:nth-of-type(4n+2) {
    margin: 0 15rem 20rem 0;
  }
}
@media (max-width: 750px) {
  .clinic__inner .slick__sub .slick-slide:nth-of-type(4n+2) {
    margin: 0 15rem 0 0;
  }
}
@media (min-width: 751px) {
  .clinic__inner .slick__sub .slick-slide:nth-of-type(4n+3) {
    margin: 0 15rem 20rem 0;
  }
}
@media (max-width: 750px) {
  .clinic__inner .slick__sub .slick-slide:nth-of-type(4n+3) {
    margin: 0 15rem 0 0;
  }
}
@media (min-width: 751px) {
  .clinic__inner .slick__sub .slick-slide:nth-of-type(4n+4) {
    margin: 0 0 20rem 0;
  }
}
@media (max-width: 750px) {
  .clinic__inner .slick__sub .slick-slide:nth-of-type(4n+4) {
    margin: 0 0 0 0;
  }
}
@media (min-width: 751px) {
  .clinic__inner .slick__sub img {
    width: 100%;
    height: 147rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 750px) {
  .clinic__inner .slick__sub img {
    width: 100%;
    height: 95rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.intro {
  position: relative;
}
@media (min-width: 751px) {
  .intro {
    padding: 200rem 0 70rem 0;
  }
}
@media (max-width: 750px) {
  .intro {
    padding: 150rem 40rem 70rem;
  }
}
.intro:before {
  content: "";
  width: 100%;
  height: 392rem;
  background-image: url(./images/top/intro__bg.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  position: absolute;
  z-index: -1;
}
.intro:after {
  background: #e7e8ea;
  content: "";
  z-index: -2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.intro__separate {
  background: #fff;
}
@media (min-width: 751px) {
  .intro__separate {
    width: 1482rem;
    margin: 0 auto 50rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 70rem 60rem;
  }
}
@media (max-width: 750px) {
  .intro__separate {
    padding: 40rem;
    margin-bottom: 50rem;
  }
}
.intro__separate_left {
  text-align: center;
}
@media (min-width: 751px) {
  .intro__separate_left {
    width: 625rem;
  }
}
@media (max-width: 750px) {
  .intro__separate_left {
    margin-bottom: 45rem;
  }
}
@media (min-width: 751px) {
  .intro__separate_left .logo {
    width: 511rem;
  }
}
@media (max-width: 750px) {
  .intro__separate_left .logo {
    width: 511rem;
  }
}
.intro__separate_left .address {
  color: #4c4c4c;
  text-align: center;
  margin-bottom: 20rem;
}
@media (min-width: 751px) {
  .intro__separate_left .address {
    font-size: 20rem;
  }
}
@media (max-width: 750px) {
  .intro__separate_left .address {
    font-size: 26rem;
  }
}
.intro__separate_left .tel {
  margin-bottom: 15rem;
}
.intro__separate_left .tel img {
  width: 325rem;
}
.intro__separate_left .table {
  background: #f6f5ef;
  padding: 30rem;
  margin: 20rem 0;
}
.intro__separate_left table {
  margin-bottom: 15rem;
}
.intro__separate_left table tr:first-of-type th, .intro__separate_left table tr:first-of-type td {
  border-bottom: 1px solid #4c4c4c;
}
.intro__separate_left table tr th {
  text-align: center;
  font-weight: 700;
  color: #4c4c4c;
}
@media (min-width: 751px) {
  .intro__separate_left table tr th {
    font-size: 22rem;
    width: 160rem;
    padding: 10rem 0;
  }
}
@media (max-width: 750px) {
  .intro__separate_left table tr th {
    width: 20%;
    font-size: 24rem;
    padding: 10rem 0;
  }
}
.intro__separate_left table tr td {
  text-align: center;
  width: calc(12.5% - 160rem);
  font-weight: 700;
  color: #4c4c4c;
}
@media (min-width: 751px) {
  .intro__separate_left table tr td {
    font-size: 22rem;
    padding: 10rem 5rem;
  }
}
@media (max-width: 750px) {
  .intro__separate_left table tr td {
    padding: 10rem 0;
    font-size: 24rem;
    vertical-align: middle;
    text-align: center;
  }
}
.intro__separate_left .comment {
  color: #4c4c4c;
  text-align: left;
}
@media (min-width: 751px) {
  .intro__separate_left .comment {
    font-size: 19rem;
  }
}
@media (max-width: 750px) {
  .intro__separate_left .comment {
    font-size: 26rem;
  }
}
@media (min-width: 751px) {
  .intro__separate_right {
    width: 690rem;
  }
}
.intro__separate_right img {
  width: 100%;
}
@media (min-width: 751px) {
  .intro__separate_right img {
    height: 518rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 751px) {
  .intro__access {
    width: 1113rem;
    margin: 0 auto;
  }
}
.intro__access h2 {
  text-align: center;
  background: linear-gradient(to right, #59b7ac, #5da8d3);
  color: #fff;
  border-radius: 40rem;
  font-weight: 700;
  margin-bottom: 25rem;
}
@media (min-width: 751px) {
  .intro__access h2 {
    font-size: 30rem;
    padding: 18rem;
  }
}
@media (max-width: 750px) {
  .intro__access h2 {
    font-size: 32rem;
    padding: 18rem;
  }
}
.intro__access_block .detail {
  border: 2rem solid #59b7ac;
  background: #fff;
  margin-bottom: 20rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 751px) {
  .intro__access_block .detail {
    padding: 25rem 30rem;
  }
}
@media (max-width: 750px) {
  .intro__access_block .detail {
    padding: 30rem;
  }
}
.intro__access_block .detail img {
  width: 98rem;
  height: 98rem;
}
@media (min-width: 751px) {
  .intro__access_block .detail__right {
    width: 915rem;
  }
}
@media (max-width: 750px) {
  .intro__access_block .detail__right {
    width: 490rem;
  }
}
.intro__access_block .detail__right h3 {
  color: #59b7ac;
  font-weight: 700;
}
@media (min-width: 751px) {
  .intro__access_block .detail__right h3 {
    font-size: 25rem;
  }
}
@media (max-width: 750px) {
  .intro__access_block .detail__right h3 {
    font-size: 30rem;
  }
}
.intro__access_block .detail__right p {
  color: #4c4c4c;
}
@media (min-width: 751px) {
  .intro__access_block .detail__right p {
    font-size: 20rem;
  }
}
@media (max-width: 750px) {
  .intro__access_block .detail__right p {
    font-size: 26rem;
  }
}

.gmap iframe {
  width: 100%;
  display: flex;
}
@media (min-width: 751px) {
  .gmap iframe {
    height: 480rem;
  }
}

.footer small {
  background: #59b7ac;
  display: block;
  color: #fff;
  font-weight: 700;
  padding: 13rem;
  text-align: center;
}
@media (min-width: 751px) {
  .footer small {
    font-size: 20rem;
  }
}
@media (max-width: 750px) {
  .footer small {
    font-size: 26rem;
  }
}

@media (max-width: 750px) {
  .sp__cv {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    z-index: 50;
  }
}
@media (max-width: 750px) {
  .sp__cv a:nth-of-type(1) {
    width: 313rem;
  }
}
@media (max-width: 750px) {
  .sp__cv a:nth-of-type(2) {
    width: 184rem;
  }
}
@media (max-width: 750px) {
  .sp__cv a:nth-of-type(3) {
    width: 165rem;
  }
}
@media (max-width: 750px) {
  .sp__cv a:nth-of-type(4) {
    display: inline-block;
    margin-left: 10rem;
    width: 65rem;
  }
}
@media (min-width: 751px) {
  .sp__cv a:nth-of-type(4) {
    position: fixed;
    right: 20rem;
    bottom: 20rem;
  }
}
.sp__cv a img {
  width: 100%;
}/*# sourceMappingURL=style.css.map */