/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > mixin
------------------------------
*/
.p_medical .mv {
  position: relative;
  z-index: 1;
}
.p_medical .mv_heading {
  position: absolute;
  top: 19.7%;
  left: 6.6%;
  color: #231815;
}
@media screen and (min-width: 768px) {
  .p_medical .mv_heading {
    top: 13%;
    left: 7.6%;
  }
}
.p_medical .mv_title {
  font-size: 2.769375rem;
  line-height: 1.1015572106;
}
@media screen and (min-width: 768px) {
  .p_medical .mv_title {
    font-size: clamp(
      4.6875rem,
      15.0240384615vw + -2.5240384615rem,
      12.5rem
  );
    line-height: 0.8625;
  }
}
.p_medical .mv_sub {
  line-height: 1;
  margin-top: 5px;
  font-size: 1.061875rem;
}
@media screen and (min-width: 768px) {
  .p_medical .mv_sub {
    font-size: clamp(
      2.5rem,
      0.8413461538vw + 2.0961538462rem,
      2.9375rem
  );
    margin-top: 19px;
  }
}
.p_medical .sec01 {
  padding-top: 15px;
  padding-bottom: 17px;
}
@media screen and (min-width: 768px) {
  .p_medical .sec01 {
    padding-top: 45px;
    padding-bottom: 76px;
  }
}
.p_medical .sec01_inner {
  width: 100%;
  max-width: 377px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p_medical .sec01_inner {
    max-width: 1060px;
    padding: 0 40px;
  }
}
.p_medical .sec01_heading {
  color: #000000;
}
@media screen and (min-width: 768px) {
  .p_medical .sec01_heading {
    margin-left: -5px;
  }
}
.p_medical .sec01_heading .title {
  font-weight: 400;
  font-size: 2.00375rem;
  line-height: 1.7498440424;
}
@media screen and (min-width: 768px) {
  .p_medical .sec01_heading .title {
    line-height: 1;
    font-size: clamp(
      3.625rem,
      4.2668269231vw + 1.5769230769rem,
      5.84375rem
  );
  }
}
.p_medical .sec01_heading .title .spec {
  display: inline;
}
@media screen and (min-width: 768px) {
  .p_medical .sec01_heading .title .spec {
    display: none;
  }
}
.p_medical .sec01_heading .sub {
  line-height: 1;
  font-weight: 400;
  font-size: 0.44rem;
  margin-top: -8px;
}
@media screen and (min-width: 768px) {
  .p_medical .sec01_heading .sub {
    font-size: clamp(
      1rem,
      0.5408653846vw + 0.7403846154rem,
      1.28125rem
  );
    margin-top: 10px;
  }
}
.p_medical .sec01_maincontent {
  margin-top: 13px;
}
@media screen and (min-width: 768px) {
  .p_medical .sec01_maincontent {
    margin-top: 40px;
  }
}
.p_medical .sec01_maincontent .desc {
  font-weight: 400;
  text-align: justify;
  font-size: 0.6875rem;
  line-height: 1.7109090909;
}
@media screen and (min-width: 768px) {
  .p_medical .sec01_maincontent .desc {
    line-height: 1.7040816327;
    font-size: clamp(
      1.25rem,
      0.5408653846vw + 0.9903846154rem,
      1.53125rem
  );
  }
}
.p_medical .grouparea01 {
  display: flex;
  margin: 23px auto 4px;
}
@media screen and (min-width: 768px) {
  .p_medical .grouparea01 {
    max-width: 1200px;
    width: calc(100% - 80px);
    margin: 13px auto 109px;
  }
}
.p_medical .sec02 {
  padding-top: 9px;
  padding-bottom: 17px;
}
@media screen and (min-width: 768px) {
  .p_medical .sec02 {
    padding-top: 45px;
    padding-bottom: 76px;
  }
}
.p_medical .sec02_inner {
  width: 100%;
  max-width: 377px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p_medical .sec02_inner {
    max-width: 1060px;
    padding: 0 40px;
  }
}
.p_medical .sec02_heading {
  color: #000000;
}
@media screen and (min-width: 768px) {
  .p_medical .sec02_heading {
    margin-left: -5px;
  }
}
.p_medical .sec02_heading .title {
  font-weight: 400;
  font-size: 1.991875rem;
  line-height: 1.750235331;
}
@media screen and (min-width: 768px) {
  .p_medical .sec02_heading .title {
    line-height: 1;
    font-size: clamp(
      3.625rem,
      4.2668269231vw + 1.5769230769rem,
      5.84375rem
  );
  }
}
.p_medical .sec02_heading .title .spec {
  display: inline;
}
@media screen and (min-width: 768px) {
  .p_medical .sec02_heading .title .spec {
    display: none;
  }
}
.p_medical .sec02_heading .sub {
  line-height: 1;
  font-weight: 400;
  font-size: 0.436875rem;
  margin-top: -7px;
}
@media screen and (min-width: 768px) {
  .p_medical .sec02_heading .sub {
    font-size: clamp(
      1rem,
      0.5408653846vw + 0.7403846154rem,
      1.28125rem
  );
    margin-top: 10px;
  }
}
.p_medical .sec02_maincontent {
  margin-top: 11px;
}
@media screen and (min-width: 768px) {
  .p_medical .sec02_maincontent {
    margin-top: 40px;
  }
}
.p_medical .sec02_maincontent .desc {
  font-weight: 400;
  text-align: justify;
  font-size: 0.6875rem;
  line-height: 1.7109090909;
}
@media screen and (min-width: 768px) {
  .p_medical .sec02_maincontent .desc {
    line-height: 1.7040816327;
    font-size: clamp(
      1.25rem,
      0.5408653846vw + 0.9903846154rem,
      1.53125rem
  );
  }
}
.p_medical .sec03 {
  position: relative;
  padding-left: 28px;
  margin-top: 34px;
}
@media screen and (min-width: 768px) {
  .p_medical .sec03 {
    padding-left: clamp(
      5rem,
      10.9375vw + -0.25rem,
      10.6875rem
  );
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .p_medical .sec03::before {
    content: "";
    display: block;
    width: clamp(
      2.5rem,
      5.2884615385vw + -0.0384615385rem,
      5.25rem
  );
    height: calc(100% - 36px);
    background-color: #e6e6e6;
    position: absolute;
    top: 34px;
    left: 6px;
  }
}
.p_medical .sec03_heading {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 2px;
  align-items: baseline;
  color: #231815;
  border-bottom: 1px solid #231815;
  padding-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .p_medical .sec03_heading {
    padding-bottom: 37px;
  }
}
.p_medical .sec03_heading .title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
  line-height: 1;
  letter-spacing: 0.05em;
  font-size: 4.390625rem;
  margin-left: -9px;
}
@media screen and (min-width: 768px) {
  .p_medical .sec03_heading .title {
    font-size: clamp(
      4.375rem,
      11.1778846154vw + -0.9903846154rem,
      10.1875rem
  );
    margin-left: 0;
  }
}
.p_medical .sec03_heading .sub {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p_medical .sec03_heading .sub {
    font-size: clamp(
      1.5rem,
      0.7980769231vw + 1.1169230769rem,
      1.915rem
  );
  }
}
.p_medical .sec03_list {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 16px;
  gap: 20px 0;
}
@media screen and (min-width: 768px) {
  .p_medical .sec03_list {
    grid-template-columns: repeat(5, 1fr);
    margin-top: 37px;
    gap: 35px 0;
  }
}
.p_medical .sec03_item {
  border-left: 1px solid #231815;
}
@media screen and (min-width: 768px) {
  .p_medical .sec03_item {
    padding-bottom: 36px;
  }
}
.p_medical .sec03_item_link {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  display: block;
  position: relative;
  font-size: 0.838125rem;
  padding: 0 0 0 9px;
  margin-top: 15px;
  margin-bottom: 27px;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p_medical .sec03_item_link {
    padding: 0 0 0 clamp(
      1rem,
      0.7211538462vw + 0.6538461538rem,
      1.375rem
  );
    margin-top: 30px;
    margin-bottom: 0;
    font-size: clamp(
      1rem,
      1.7223529412vw + -0.1518235294rem,
      1.915rem
  );
  }
}
.p_medical .sec03_item_link::before {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% + 2px);
  left: -4px;
  width: 7px;
  height: 21px;
  translate: 0 -50%;
  background-color: #00a99d;
}
@media screen and (min-width: 768px) {
  .p_medical .sec03_item_link::before {
    top: 50%;
    left: -7px;
    width: 13px;
    height: 42px;
  }
}
.p_medical .sec04 {
  padding-top: 43px;
  padding-bottom: 17px;
}
@media screen and (min-width: 768px) {
  .p_medical .sec04 {
    padding-top: 152px;
    padding-bottom: 73px;
  }
}
.p_medical .sec04_inner {
  width: 100%;
  max-width: 377px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p_medical .sec04_inner {
    max-width: 1060px;
    padding: 0 40px;
  }
}
.p_medical .sec04_heading {
  color: #000000;
}
@media screen and (min-width: 768px) {
  .p_medical .sec04_heading {
    margin-left: -5px;
  }
}
.p_medical .sec04_heading .title {
  font-weight: 400;
  font-size: 2.01875rem;
  line-height: 1.7498452012;
}
@media screen and (min-width: 768px) {
  .p_medical .sec04_heading .title {
    line-height: 1;
    font-size: clamp(
      3.625rem,
      4.2668269231vw + 1.5769230769rem,
      5.84375rem
  );
  }
}
.p_medical .sec04_heading .title .spec {
  display: inline;
}
@media screen and (min-width: 768px) {
  .p_medical .sec04_heading .title .spec {
    display: none;
  }
}
.p_medical .sec04_heading .sub {
  line-height: 1;
  font-weight: 400;
  font-size: 0.4425rem;
  margin-top: -8px;
}
@media screen and (min-width: 768px) {
  .p_medical .sec04_heading .sub {
    font-size: clamp(
      1rem,
      0.5408653846vw + 0.7403846154rem,
      1.28125rem
  );
    margin-top: 10px;
  }
}
.p_medical .sec04_maincontent {
  margin-top: 11px;
}
@media screen and (min-width: 768px) {
  .p_medical .sec04_maincontent {
    margin-top: 40px;
  }
}
.p_medical .sec04_maincontent .desc {
  font-weight: 400;
  text-align: justify;
  font-size: 0.6875rem;
  line-height: 1.7109090909;
}
@media screen and (min-width: 768px) {
  .p_medical .sec04_maincontent .desc {
    line-height: 1.7040816327;
    font-size: clamp(
      1.25rem,
      0.5408653846vw + 0.9903846154rem,
      1.53125rem
  );
  }
}
.p_medical .grouparea02 {
  margin-top: 12px;
}
@media screen and (min-width: 768px) {
  .p_medical .grouparea02 {
    display: flex;
    margin-top: 0;
  }
}
.p_medical .grouparea02 .imgarea {
  max-width: 335px;
  margin: 12px auto 13px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p_medical .grouparea02 .imgarea {
    max-width: 100%;
    margin: 0;
  }
}
.p_medical .sec05 {
  padding-top: 14px;
  padding-bottom: 38px;
}
@media screen and (min-width: 768px) {
  .p_medical .sec05 {
    padding-top: 94px;
    padding-bottom: 94px;
  }
}
.p_medical .sec05_inner {
  width: 100%;
  max-width: 377px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p_medical .sec05_inner {
    max-width: 1060px;
    padding: 0 40px;
  }
}
.p_medical .sec05_heading {
  color: #000000;
}
@media screen and (min-width: 768px) {
  .p_medical .sec05_heading {
    margin-left: -5px;
  }
}
.p_medical .sec05_heading .title {
  font-weight: 400;
  font-size: 2.01875rem;
  line-height: 1.7498452012;
}
@media screen and (min-width: 768px) {
  .p_medical .sec05_heading .title {
    line-height: 1;
    font-size: clamp(
      3.625rem,
      4.2668269231vw + 1.5769230769rem,
      5.84375rem
  );
  }
}
.p_medical .sec05_heading .title .spec {
  display: inline;
}
@media screen and (min-width: 768px) {
  .p_medical .sec05_heading .title .spec {
    display: none;
  }
}
.p_medical .sec05_heading .sub {
  line-height: 1;
  font-weight: 400;
  font-size: 0.4425rem;
  margin-top: -8px;
}
@media screen and (min-width: 768px) {
  .p_medical .sec05_heading .sub {
    font-size: clamp(
      1rem,
      0.5408653846vw + 0.7403846154rem,
      1.28125rem
  );
    margin-top: 10px;
  }
}
.p_medical .sec05_maincontent {
  margin-top: 11px;
}
@media screen and (min-width: 768px) {
  .p_medical .sec05_maincontent {
    margin-top: 40px;
  }
}
.p_medical .sec05_maincontent .desc {
  font-weight: 400;
  text-align: justify;
  font-size: 0.6875rem;
  line-height: 1.7109090909;
}
@media screen and (min-width: 768px) {
  .p_medical .sec05_maincontent .desc {
    line-height: 1.7040816327;
    font-size: clamp(
      1.25rem,
      0.5408653846vw + 0.9903846154rem,
      1.53125rem
  );
  }
}
/*# sourceMappingURL=medical.css.map */
