@charset "UTF-8";
.main_image {
  position: relative;
  height: clamp(300px, 25vw, 480px);
  padding-top: clamp(66px, 5.5vw, 105.6px);
  box-sizing: border-box;
  background: url(/images/clenching/clenching_key.webp) right top/cover no-repeat;
  background-size: clamp(342px, 28.5vw, 547px);
  overflow: hidden;
}
.main_image .inner {
  padding: 0 0 0 20px;
  box-sizing: border-box;
  overflow: hidden;
}
.main_image .text {
  position: relative;
  z-index: 5;
  padding-top: clamp(180px, 15vw, 288px);
  padding-left: 0;
  font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
  padding-left: 40px;
  font-size: clamp(24px, 3vw, 38.4px);
  font-weight: 600;
  letter-spacing: 0.2em;
  color: #333333;
}
@media screen and (max-width: 767px) {
  .main_image {
    position: relative;
    height: 75vw;
    padding-top: 16.5vw;
    box-sizing: border-box;
    background: url(/images/clenching/clenching_key.webp) right top/cover no-repeat;
    background-size: 85.5vw;
    overflow: hidden;
  }
  .main_image .inner {
    padding: 0 0 0 2.7vw;
    box-sizing: border-box;
    overflow: hidden;
  }
  .main_image .text {
    position: relative;
    z-index: 5;
    padding-top: 45vw;
    padding-left: 0;
    font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
    padding-left: 18.6vw;
    font-size: 6vw;
    letter-spacing: 0.2em;
    color: #333333;
  }
}

.sec01 {
  margin-bottom: 80px;
}
.sec01 .inner {
  padding: 0;
}
.sec01 .sec_title {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 20px;
  font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
  font-size: clamp(24px, 2vw, 38.4vw);
  font-weight: 600;
  font-feature-settings: "palt";
  line-height: 1.8;
  text-align: left;
  margin-bottom: 62px;
}
.sec01 .text01 {
  padding: 0 20px;
  font-size: clamp(15px, 1.25vw, 24px);
  letter-spacing: 0.01em;
  line-height: 1.8;
  margin-bottom: 33.6px;
}
.sec01 .check_box {
  margin: 50px 20px 35px;
  border-radius: 50px;
  background-color: #FFFAAB;
  padding: 35px 25px 16px;
  position: relative;
}
.sec01 .check_box::before {
  content: "";
  position: absolute;
  top: -0.66vw;
  left: 0;
  background: url(/images/clenching/text_check.webp) center top/cover no-repeat;
  width: 7.79vw;
  height: 1.815vw;
}
.sec01 .check_box::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 20px solid #FFFAAB; /* 三角形の高さ */
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
}
.sec01 .check_box .check_title {
  font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
  font-size: clamp(18px, 1.5vw, 29px);
  text-align: center;
  margin-bottom: 16px;
}
.sec01 .check_box .check_subtitle {
  font-size: clamp(18px, 1.5vw, 29px);
  text-align: center;
  margin-bottom: 32px;
}
.sec01 .check_box .gridbox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.sec01 .check_box .item {
  padding-left: 55px;
  font-size: clamp(15px, 1.25vw, 24px);
  letter-spacing: 0;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
}
.sec01 .check_box .item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(/images/clenching/icon_check.webp) center top/cover no-repeat;
  width: clamp(28px, 2.33vw, 45px);
  height: clamp(20px, 1.63vw, 32px);
}
.sec01 .comment {
  font-size: clamp(15px, 1.25vw, 24px);
  letter-spacing: 0.1em;
  line-height: 2.4;
  text-align: center;
}
.sec01 .comment .t_dots {
  background-image: radial-gradient(circle at center, #EECB00 25%, transparent 20%);
  background-position: top left;
  background-repeat: repeat-x;
  background-size: 1.1em 0.6em;
  padding-top: 0.5em;
}
@media screen and (max-width: 1159px) and (min-width: 768px) {
  .sec01 .check_box {
    position: relative;
  }
  .sec01 .check_box::before {
    top: -1.1vw;
    width: 12.65vw;
    height: 3.025vw;
  }
}
@media screen and (max-width: 767px) {
  .sec01 {
    margin-bottom: 13.8vw;
  }
  .sec01 .inner {
    padding: 0;
  }
  .sec01 .sec_title {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 3.75vw;
    font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
    font-size: 5.5vw;
    letter-spacing: 0.01em;
    line-height: 1.8;
    text-align: left;
    margin-bottom: 15.5vw;
  }
  .sec01 .text01 {
    padding: 0 3.75vw;
    font-size: 3.75vw;
    letter-spacing: 0.1em;
    line-height: 1.8;
    margin-bottom: 8.4vw;
  }
  .sec01 .check_box {
    margin: 0 4vw 8.2vw;
    border-radius: 8vw;
    background-color: #FFFAAB;
    padding: 8.5vw 4vw 4.2vw;
    position: relative;
  }
  .sec01 .check_box::before {
    content: "";
    position: absolute;
    top: -2vw;
    left: 0;
    background: url(/images/clenching/text_check.webp) center top/cover no-repeat;
    width: 23vw;
    height: 5.5vw;
  }
  .sec01 .check_box::after {
    content: "";
    position: absolute;
    bottom: -5vw;
    left: 50%;
    transform: translateX(-50%);
    border-top: 5vw solid #FFFAAB; /* 三角形の高さ */
    border-left: 8.5vw solid transparent;
    border-right: 8.5vw solid transparent;
  }
  .sec01 .check_box .check_title {
    font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
    font-size: 4.5vw;
    text-align: center;
    margin-bottom: 4vw;
  }
  .sec01 .check_box .check_subtitle {
    font-size: 4.5vw;
    text-align: center;
    margin-bottom: 8vw;
  }
  .sec01 .check_box .gridbox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .sec01 .check_box .item {
    padding-left: 8vw;
    font-size: 3.75vw;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    margin-bottom: 5vw;
    position: relative;
  }
  .sec01 .check_box .item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: url(/images/clenching/icon_check.webp) center top/cover no-repeat;
    width: 7vw;
    height: 4.9vw;
  }
  .sec01 .comment {
    font-size: 3.75vw;
    letter-spacing: 0.1em;
    line-height: 2.4;
    text-align: center;
  }
  .sec01 .comment .t_dots {
    background-image: radial-gradient(circle at center, #EECB00 25%, transparent 20%);
    background-position: top left;
    background-repeat: repeat-x;
    background-size: 1.1em 0.6em;
    padding-top: 0.5em;
  }
}

.sec02 {
  margin-bottom: 80px;
}
.sec02 .inner {
  padding: 0 20px;
}
.sec02 .sec_header {
  height: clamp(130px, 10.83vw, 208px);
  border-left: 11px solid #EECB00;
  padding-left: 0;
  margin-bottom: clamp(25px, 1.66vw, 40px);
  border-bottom: 0.5px solid #666;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec02 .sec_header .sec_title {
  font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
  font-size: clamp(25px, 1.66vw, 40px);
  font-feature-settings: "palt";
  letter-spacing: 0.03em;
  text-align: center;
}
.sec02 .box .title {
  font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
  font-size: clamp(18px, 1.5vw, 29px);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.6;
  margin-bottom: 30px;
}
.sec02 .box .title .text_orange {
  font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
  font-size: clamp(18px, 1.5vw, 29px);
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #EECB00;
}
.sec02 .box .text {
  margin-bottom: 30px;
  font-size: clamp(15px, 1.25vw, 24px);
  letter-spacing: 0.01em;
  line-height: 1.8;
  text-align: justify;
  box-sizing: border-box;
}
.sec02 .box .image {
  width: 100%;
  margin: 0 auto;
}
.sec02 .box .image img {
  width: 100%;
}
.sec02 .box:not(:last-of-type) {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .sec02 {
    margin-bottom: 13.8vw;
  }
  .sec02 .inner {
    padding: 0 3.75vw;
  }
  .sec02 .sec_header {
    height: 32.5vw;
    border-left: 11px solid #EECB00;
    padding-left: 5.75vw;
    margin-bottom: 5vw;
    border-bottom: 0.25vw solid #666;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .sec02 .sec_header .sec_title {
    font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
    font-size: 5.5vw;
    letter-spacing: 0.03em;
    text-align: center;
  }
  .sec02 .box .title {
    font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
    font-size: 4.5vw;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.6;
    margin-bottom: 4vw;
  }
  .sec02 .box .title .text_orange {
    font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
    font-size: 5vw;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: #EECB00;
  }
  .sec02 .box .text {
    margin-bottom: 4.2vw;
    font-size: 3.75vw;
    letter-spacing: 0.01em;
    line-height: 1.8;
    text-align: justify;
    box-sizing: border-box;
  }
  .sec02 .box .image {
    width: 100%;
    margin: 0 auto;
  }
  .sec02 .box .image img {
    width: 100%;
  }
  .sec02 .box:not(:last-of-type) {
    margin-bottom: 12.5vw;
  }
}

.sec03 {
  margin-bottom: 80px;
}
.sec03 .inner {
  padding: 0 20px;
}
.sec03 .sec_header {
  height: clamp(130px, 10.83vw, 208px);
  border-left: 11px solid #EECB00;
  padding-left: 0;
  margin-bottom: clamp(25px, 1.66vw, 40px);
  border-bottom: 0.5px solid #666;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec03 .sec_header .sec_title {
  font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
  font-size: clamp(25px, 1.66vw, 40px);
  letter-spacing: 0.03em;
  text-align: center;
  font-feature-settings: "palt";
}
.sec03 .box .image {
  width: 100%;
  margin: 0 auto;
}
.sec03 .box .image img {
  width: 100%;
}
.sec03 .box .title {
  margin-top: 20px;
  font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
  font-size: clamp(18px, 1.5vw, 29px);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.6;
  margin-bottom: 30px;
}
.sec03 .box .title .text_orange {
  font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
  font-size: clamp(18px, 1.5vw, 29px);
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #EECB00;
}
.sec03 .box .text {
  font-size: clamp(15px, 1.25vw, 24px);
  letter-spacing: 0.01em;
  line-height: 1.8;
  text-align: justify;
  box-sizing: border-box;
}
.sec03 .box:not(:last-of-type) {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .sec03 {
    margin-bottom: 13.8vw;
  }
  .sec03 .inner {
    padding: 0 3.75vw;
  }
  .sec03 .sec_header {
    height: 32.5vw;
    border-left: 11px solid #EECB00;
    padding-left: 3.75vw;
    margin-bottom: 8vw;
    border-bottom: 0.25vw solid #666;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .sec03 .sec_header .sec_title {
    font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
    font-size: 5.5vw;
    letter-spacing: 0.01em;
    text-align: center;
  }
  .sec03 .box .imagebox {
    width: 100%;
    margin: 0 auto;
  }
  .sec03 .box .imagebox img {
    width: 100%;
  }
  .sec03 .box .title {
    margin-top: 4.2vw;
    font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
    font-size: 4.5vw;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.6;
    margin-bottom: 4.2vw;
  }
  .sec03 .box .title .text_orange {
    font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
    font-size: 5vw;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #EECB00;
  }
  .sec03 .box .text {
    font-size: 3.75vw;
    letter-spacing: 0.01em;
    line-height: 1.8;
    text-align: justify;
    box-sizing: border-box;
  }
  .sec03 .box:not(:last-of-type) {
    margin-bottom: 12.5vw;
  }
}

.sec04 {
  margin-bottom: 150px;
}
.sec04 .inner {
  padding: 0 20px;
}
.sec04 .sec_header {
  height: clamp(130px, 10.83vw, 208px);
  border-left: 11px solid #EECB00;
  padding-left: 0;
  margin-bottom: clamp(25px, 1.66vw, 40px);
  border-bottom: 0.5px solid #666;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec04 .sec_header .sec_title {
  font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
  font-size: clamp(25px, 1.66vw, 40px);
  letter-spacing: 0.03em;
  text-align: center;
}
.sec04 .item {
  width: 85%;
  margin: 0 auto;
}
.sec04 .item:not(:last-of-type) {
  margin-bottom: clamp(50px, 6.52vw, 80px);
}
.sec04 .image {
  width: 100%;
  margin: 0 auto 25px;
}
.sec04 .image img {
  width: 100%;
}
.sec04 .text {
  font-size: clamp(15px, 1.25vw, 24px);
  letter-spacing: 0.1em;
  line-height: 1.8;
  text-align: justify;
  margin-bottom: 40px;
}
.sec04 .link {
  width: 55%;
}
.sec04 .link .link_btn {
  width: 55%;
  padding: 16px 32px 16px 28px;
}
.sec04 .link .link_btn::before {
  content: "＞";
}
@media screen and (max-width: 767px) {
  .sec04 {
    margin-bottom: 27.6vw;
  }
  .sec04 .inner {
    padding: 0 3.75vw;
  }
  .sec04 .sec_header {
    height: 32.5vw;
    border-left: 11px solid #EECB00;
    padding-left: 5.75vw;
    margin-bottom: 5vw;
    border-bottom: 0.25vw solid #666;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .sec04 .sec_header .sec_title {
    font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
    font-size: 6.5vw;
    letter-spacing: 0.03em;
    text-align: center;
  }
  .sec04 .item {
    width: 85vw;
    margin: 0 auto;
  }
  .sec04 .item:not(:last-of-type) {
    margin-bottom: 11.75vw;
  }
  .sec04 .image {
    width: 85vw;
    margin: 0 auto 2.5vw;
  }
  .sec04 .image img {
    width: 100%;
  }
  .sec04 .text {
    font-size: 3.75vw;
    letter-spacing: 0.1em;
    line-height: 1.8;
    text-align: justify;
    margin-bottom: 4.2vw;
  }
  .sec04 .link {
    width: 55vw;
  }
  .sec04 .link .link_btn {
    width: 55vw;
    padding: 4vw 8vw 4vw 7vw;
  }
  .sec04 .link .link_btn::before {
    content: "＞";
  }
}/*# sourceMappingURL=clenching.css.map */