@charset "UTF-8";
.main_image {
  position: relative;
  height: 646px;
  padding-top: 0;
  box-sizing: border-box;
  background: url(/images/treatment/treatment_key.webp) center top/cover no-repeat;
  overflow: hidden;
}
.main_image .inner {
  width: 1025px;
  max-width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  box-sizing: border-box;
}
.main_image .text {
  position: relative;
  z-index: 5;
  padding-top: 300px;
  padding-left: 0;
  font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
  font-size: 36px;
  letter-spacing: 0.2em;
  color: #fff;
  text-shadow: 0 0 5px rgba(155, 152, 152, 0.71);
}
.main_image .text:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -105px;
  top: 50%;
  transform: translateY(-50%);
  width: 221px;
  height: 221px;
  background: url(/images/common/key_logo.webp) center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .main_image {
    position: relative;
    height: 80vw;
    padding-top: 45.3vw;
    box-sizing: border-box;
    background: url(/images/treatment/treatment_key.webp) 25% top/cover no-repeat;
    overflow: hidden;
  }
  .main_image .inner {
    padding: 0 2.7vw;
  }
  .main_image .text {
    padding-top: 0;
    padding-left: 0;
    font-size: 5.8vw;
    text-align: center;
  }
  .main_image .text:before {
    left: 0;
    top: 4.3vw;
    width: 21.3vw;
    height: 21.3vw;
    background: url(/images/common/key_logo.webp) center/contain no-repeat;
  }
}

.lead_sec .sec_text {
  width: 750px;
}
@media screen and (max-width: 767px) {
  .lead_sec .sec_text {
    width: 100%;
    letter-spacing: 0.08em;
  }
}

.sec01 {
  margin-bottom: 100px;
  font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
  letter-spacing: 0.1em;
  line-height: 1.8;
}
.sec01 .sec_subtitle {
  font-size: 20px;
}
.sec01 .image_box .content_image {
  margin-bottom: 65px;
}
.sec01 .image_box .content_image img {
  width: 100%;
}
.sec01 .image_box .textbox {
  width: 100%;
}
.sec01 .image_box .textbox .content_header {
  border-bottom: 1px solid #808080;
  margin-bottom: 20px;
  padding-bottom: 10px;
  width: 100%;
  max-width: 100%;
}
.sec01 .image_box .textbox .content_header .content_subtitle {
  font-size: 20px;
}
.sec01 .image_box .textbox .content_header .content_title {
  font-size: 31px;
  color: #666666;
  font-family: "noto sans jp", sans-serif;
}
.sec01 .image_box .textbox .content_header .content_title .small_title {
  font-size: 15px;
  margin-left: 10px;
}
.sec01 .image_box .textbox .content_text {
  width: 680px;
  max-width: 85%;
  text-align: justify;
  font-feature-settings: "palt";
  letter-spacing: 0.16em;
}

.sec02 {
  margin-bottom: 180px;
  letter-spacing: 0.1em;
  line-height: 1.8;
}
.sec02 .point {
  margin-bottom: 130px;
}
.sec02 .point .imagebox {
  min-width: 55.11%;
}
.sec02 .point .point_header .point_num {
  color: #666666;
  font-family: "noto sans jp", sans-serif;
}
.sec02 .point .point_header .point_title {
  font-size: 20px;
  letter-spacing: 0.15em;
}
.sec02 .point01 .textbox, .sec02 .point03 .textbox {
  margin-right: 50px;
}
.sec02 .point02 {
  flex-direction: row-reverse;
}
.sec02 .point02 .textbox {
  margin-left: 50px;
}
.sec02 .bottom_box {
  display: flex;
  font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
  padding: 85px 70px;
  background: linear-gradient(90deg, rgb(243, 238, 231), rgb(255, 255, 255));
}
.sec02 .bottom_box .textbox {
  margin-right: 40px;
  width: 56%;
  max-width: 608px;
}
.sec02 .bottom_box .textbox .bottom_title {
  font-size: 20px;
  margin-bottom: 70px;
}
.sec02 .bottom_box .bottom_image {
  width: 42%;
  max-width: 457px;
}
.sec02 .bottom_box .bottom_image img {
  max-width: 100%;
  min-width: 100%;
}
.sec02 .bottom_box .bottom_image img:first-of-type {
  margin-bottom: 40px;
}
.sec02 .bottom_box .bottom_text {
  text-align: justify;
}
.sec02 .bottom_box2 {
  padding: 0 70px 85px;
  display: flex;
  background: linear-gradient(90deg, rgb(243, 238, 231), rgb(255, 255, 255));
  font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
  box-sizing: border-box;
}
.sec02 .bottom_box2 .profile_box {
  margin: 0 30px;
  border: 1px solid #666;
  padding: 55px 45px;
}
.sec02 .bottom_box2 .profile_title {
  font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
  font-size: 20px;
  text-align: center;
  margin-bottom: 80px;
}
.sec02 .bottom_box2 .profile_flex {
  display: flex;
  justify-content: center;
  align-items: center;
  /*margin-bottom: 40px; プロフィールボタン追加時 */
}
.sec02 .bottom_box2 .profile_left {
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 30px;
}
.sec02 .bottom_box2 .profile_left .item {
  font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
  font-size: 15px;
  margin-bottom: 10px;
}
.sec02 .bottom_box2 .profile_right {
  width: 60%;
}
.sec02 .bottom_box2 .profile_right .profile_text {
  text-align: justify;
}
.sec02 .bottom_box2 .about_btn {
  background-color: initial;
}
.sec02 .moviebox {
  display: flex;
  justify-content: center;
  margin-top: 180px;
}
.sec02 .moviebox .movie:first-of-type {
  margin-right: 66px;
}
@media screen and (max-width: 1056px) and (min-width: 768px) {
  .sec02 .bottom_box2 .profile_box {
    margin: 0;
    padding: 55px 20px;
  }
}

.sec03 {
  margin-bottom: 100px;
  letter-spacing: 0.1em;
  line-height: 1.8;
  font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
}
.sec03 .content {
  margin-bottom: 100px;
  position: relative;
}
.sec03 .content .flexbox {
  margin-bottom: 110px;
}
.sec03 .content .flexbox .content_image {
  position: absolute;
  right: clamp(-70px, -5.168vw, 0px);
  top: 70px;
  z-index: -1;
}
.sec03 .content .flexbox .content_image img {
  width: clamp(406px, 52.812vw, 676px);
  height: clamp(262px, 34.14vw, 437px);
}
.sec03 .content .flexbox .content_header .content_title {
  font-size: 143px;
  position: relative;
}
.sec03 .content .flexbox .content_header .content_title .content_small {
  font-size: 22px;
  font-family: "小塚ゴシック";
}
.sec03 .content .flexbox .content_header .content_title::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 45px;
  width: 600px;
  height: 1px;
  background: #808080;
}
.sec03 .content .flexbox .content_header .content_subtitle {
  font-size: 24px;
}
.sec03 .content .flexbox .content_text {
  font-size: 15px;
  margin-top: 50px;
  width: 60%;
}
.sec03 .content .columun_box {
  background-color: #F3EEE7;
  padding: 66px 0;
}
.sec03 .content .columun_box .columun_title {
  text-align: center;
  font-size: 24px;
  margin-bottom: 35px;
}
.sec03 .content .columun_box .columun_text {
  box-sizing: border-box;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 clamp(66px, 7.187vw, 220px);
  margin: 0 auto;
  font-size: 15px;
  text-align: left;
}

.sec04 {
  margin-bottom: 100px;
  letter-spacing: 0.1em;
  line-height: 1.8;
  font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
}
.sec04 .voice_box {
  display: grid;
  grid-template-columns: repeat(2, 45%);
  justify-content: center;
  gap: 95px 0px;
  justify-content: space-between;
}
.sec04 .voice_box .voice {
  position: relative;
}
.sec04 .voice_box .voice .voice_header .voice_subtitle {
  color: #666666;
  margin-bottom: 25px;
}
.sec04 .voice_box .voice .voice_header .voice_title {
  font-size: 17px;
  border-bottom: 1px solid #808080;
  margin-bottom: 35px;
  padding-bottom: 35px;
}
.sec04 .voice_box .voice:nth-of-type(1)::before, .sec04 .voice_box .voice:nth-of-type(3)::before {
  content: "";
  position: absolute;
  left: -4px;
  top: 12%;
  transform: translateY(-50%);
  width: 81px;
  height: 12px;
  background: url(/images/treatment/pink.webp) center/contain no-repeat;
}
.sec04 .voice_box .voice:nth-of-type(2)::before, .sec04 .voice_box .voice:nth-of-type(4)::before {
  content: "";
  position: absolute;
  left: -4px;
  top: 12%;
  transform: translateY(-50%);
  width: 81px;
  height: 12px;
  background: url(/images/treatment/green.webp) center/contain no-repeat;
}

.sec05 {
  margin-bottom: 100px;
  letter-spacing: 0.1em;
  line-height: 1.8;
  /*.price_term{
      //color:#333333;
      //background-color:rgb(243, 238, 231, 35%);
      //border:none;
      //font-family: "游明朝体", "Yu Mincho", "YuMincho", "noto serif jp", serif;
  } */
}
.sec05 .price_data {
  font-family: "noto sans jp", sans-serif;
}

@media screen and (max-width: 767px) {
  .sec01 {
    margin-bottom: 13.8vw;
  }
  .sec01 .sec_subtitle {
    font-size: 4.2vw;
  }
  .sec01 .image_box .content_image {
    margin-bottom: 5vw;
  }
  .sec01 .image_box .textbox {
    width: 100%;
  }
  .sec01 .image_box .textbox .content_header {
    max-width: 100%;
  }
  .sec01 .image_box .textbox .content_header .content_subtitle {
    font-size: 4.2vw;
  }
  .sec01 .image_box .textbox .content_header .content_title {
    font-size: 6vw;
  }
  .sec01 .image_box .textbox .content_header .content_title .small_title {
    font-size: 4vw;
  }
  .sec01 .image_box .textbox .content_text {
    font-size: 4vw;
    width: 100%;
    max-width: 100%;
  }
  .sec02 {
    margin-bottom: 13.8vw;
  }
  .sec02 .point {
    margin-bottom: 13.8vw;
  }
  .sec02 .point .point_header .point_num {
    font-size: 4vw;
    width: initial;
    min-width: initial;
    text-wrap-mode: nowrap;
  }
  .sec02 .point .point_header .point_title {
    font-size: 5.5vw;
  }
  .sec02 .point .imagebox {
    min-width: 100%;
  }
  .sec02 .point01 .textbox, .sec02 .point03 .textbox {
    margin-right: initial;
  }
  .sec02 .point02 .textbox {
    margin-left: initial;
  }
  .sec02 .bottom_box {
    display: block;
    padding: 10vw 5vw;
  }
  .sec02 .bottom_box .textbox {
    width: initial;
    margin-right: initial;
    margin-bottom: 10vw;
  }
  .sec02 .bottom_box .textbox .bottom_title {
    font-size: 5.3vw;
    margin-bottom: 13.8vw;
  }
  .sec02 .bottom_box .textbox .bottom_text {
    font-size: 4vw;
  }
  .sec02 .bottom_box .bottom_image {
    width: 100%;
    max-width: 100%;
  }
  .sec02 .bottom_box2 {
    padding: 0 5vw 10vw;
  }
  .sec02 .bottom_box2 .profile_box {
    margin: 0;
    border: 1px solid #666;
    padding: 5.5vw;
  }
  .sec02 .bottom_box2 .profile_title {
    font-size: 5vw;
    margin-bottom: 10vw;
  }
  .sec02 .bottom_box2 .profile_flex {
    display: block;
    /* margin-bottom: 6vw; プロファイル追加時 */
  }
  .sec02 .bottom_box2 .profile_left {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: initial;
    margin-bottom: 8vw;
  }
  .sec02 .bottom_box2 .profile_left .item {
    font-size: 4vw;
    margin-bottom: 2.4vw;
  }
  .sec02 .bottom_box2 .profile_right {
    width: 100%;
  }
  .sec02 .bottom_box2 .profile_right .profile_text {
    font-size: 4vw;
    text-align: justify;
  }
  .sec02 .bottom_box2 .flexbox {
    display: flex;
  }
  .sec02 .bottom_box2 .flexbox .about_btn {
    margin: 0 auto;
  }
  .sec03 {
    margin-bottom: 13.8vw;
  }
  .sec03 .content {
    margin-bottom: 10vw;
  }
  .sec03 .content .flexbox {
    margin-bottom: 6vw;
  }
  .sec03 .content .flexbox .content_header .content_title {
    font-size: 14vw;
  }
  .sec03 .content .flexbox .content_header .content_title .content_small {
    font-size: 4vw;
  }
  .sec03 .content .flexbox .content_header .content_subtitle {
    font-size: 4.5vw;
  }
  .sec03 .content .flexbox .content_header .content_title::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 10px;
    width: 100%;
    height: 1px;
  }
  .sec03 .content .flexbox .content_text {
    width: 100%;
    font-size: 4vw;
    margin-top: 5vw;
    margin-bottom: 4.2vw;
  }
  .sec03 .content .flexbox .content_image {
    position: static;
  }
  .sec03 .content .flexbox .content_image img {
    width: 100%;
    height: 100%;
  }
  .sec03 .content .columun_box {
    padding: 5vw 0;
  }
  .sec03 .content .columun_box .columun_title {
    font-size: 4.5vw;
    margin-bottom: 3vw;
  }
  .sec03 .content .columun_box .columun_text {
    width: 90%;
    max-width: 90%;
    padding: 0;
    font-size: 4vw;
  }
  .sec04 {
    margin-bottom: 13.8vw;
  }
  .sec04 .voice_box {
    grid-template-columns: repeat(1, 100%);
    gap: 10vw 0px;
  }
  .sec04 .voice_box .voice .voice_header .voice_title {
    font-size: 4.5vw;
    margin-bottom: 3vw;
    padding-bottom: 3vw;
  }
  .sec04 .voice_box .voice .voice_header .voice_subtitle {
    margin-bottom: 7vw;
    font-size: 4vw;
  }
  .sec04 .voice_box .voice:nth-of-type(1)::before, .sec04 .voice_box .voice:nth-of-type(2)::before, .sec04 .voice_box .voice:nth-of-type(3)::before, .sec04 .voice_box .voice:nth-of-type(4)::before {
    left: -1vw;
    top: 12%;
    width: 21.5vw;
    height: 3.4vw;
  }
  .sec04 .voice_box .voice_content .voice_text {
    font-size: 4vw;
  }
  .sec05 .flexbox {
    display: flex;
  }
}/*# sourceMappingURL=treatment_1.css.map */