@charset "UTF-8";
/* rgba(0,88,184,1) */
/* @import 'variables'; */
/* ---------- 施術訴求 ---------- */
#treatment-appeal .headblock_treatment-appeal {
  position: relative;
  margin-top: calc(var(--header_height) + var(--nav_ex_height));
  margin-bottom: 0px;
  height: auto;
  width: 100%;
  text-align: left;
  padding: calc(var(--main_padding) * 1) calc((100% - var(--container_s_width)) / 2);
}
#treatment-appeal .headblock_treatment-appeal .h_title_type1 {
  position: relative;
  z-index: 1;
  font-size: clamp(30px, 5vw, 80px);
}
#treatment-appeal .headblock_treatment-appeal .h_title_type1 .h_title {
  line-height: 1.2em;
}
#treatment-appeal .headblock_treatment-appeal p {
  position: relative;
  z-index: 1;
  color: #052b58;
  font-weight: bold;
  font-size: clamp(14px, 2vw, 16px);
  line-height: 1.7em;
}
#treatment-appeal .headblock_treatment-appeal .catch {
  font-size: clamp(18px, 3vw, 36px);
  line-height: 1.7em;
  font-family: YakuHanJP, YuMincho, "游明朝 Medium", "Yu Mincho Medium", "游明朝", "Yu Mincho", serif;
}
#treatment-appeal .headblock_treatment-appeal .bg_img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#treatment-appeal .headblock_treatment-appeal .bg_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#treatment-appeal .headblock_treatment-appeal .bg_img::after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: repeat center url(../images/png/texture_dot_2.png);
  background-size: 4px 4px;
}
#treatment-appeal .block_about {
  position: relative;
  padding: calc(var(--main_padding) * 1) 0;
}
#treatment-appeal .block_about .container {
  padding-top: calc(var(--main_padding) * 1);
}
#treatment-appeal .block_about .figure_pc {
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  height: auto;
}
#treatment-appeal .block_about .figure_pc img {
  width: 100%;
  height: auto;
}
#treatment-appeal .block_about .main_content {
  position: relative;
  display: block;
  margin-left: auto;
  padding: clamp(10px, 2.5vw, 50px);
  width: min(700px, 60%);
  height: auto;
  text-align: left;
  background-color: #fff;
}
#treatment-appeal .block_about .main_content .h_title_type2 {
  font-family: YakuHanJP, YuMincho, "游明朝 Medium", "Yu Mincho Medium", "游明朝", "Yu Mincho", serif;
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 600;
}
#treatment-appeal .block_about .main_content .h_title_type2 span {
  display: inline-block;
}
#treatment-appeal .block_about .main_content .textbox p {
  margin-bottom: 2.5em;
}
#treatment-appeal .block_about .main_content .textbox .catch {
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.7em;
  font-weight: bold;
}
#treatment-appeal .block_effect {
  position: relative;
  padding: calc(var(--main_padding) * 1) 0 0;
  background-color: #ebf2f9;
}
#treatment-appeal .block_effect .photos_flex {
  display: flex;
}
#treatment-appeal .block_effect .photos_flex li {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 300px;
}
#treatment-appeal .block_effect .photos_flex li figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#treatment-appeal .block_effect .photos_flex li figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#treatment-appeal .block_effect .photos_flex li figure::after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: repeat center url(../images/png/texture_dot_2.png);
  background-size: 4px 4px;
  background-color: rgba(5, 43, 88, 0.5);
}
#treatment-appeal .block_effect .photos_flex li .num {
  position: relative;
  display: block;
  padding: 0 0em 0.3em;
  margin-bottom: 0.7em;
  color: #fff;
  font-family: "Barlow", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
  font-size: 72px;
  line-height: 1em;
}
#treatment-appeal .block_effect .photos_flex li .num::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
}
#treatment-appeal .block_effect .photos_flex li .title {
  position: relative;
  display: block;
  font-size: clamp(18px, 2vw, 12px);
  line-height: 1.6em;
  color: #fff;
  font-weight: bold;
}
#treatment-appeal .block_effect .desc_img_box {
  position: relative;
  width: min(900px, 90%);
  margin: 0 auto;
  margin-top: calc(var(--main_padding) * -0.3);
  text-align: center;
}
#treatment-appeal .block_effect .desc_img_box figure {
  position: relative;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: clamp(10px, 2vw, 30px);
}
#treatment-appeal .block_effect .desc_img_box figure img {
  width: 100%;
  height: auto;
}
#treatment-appeal .block_effect .desc_img_box p {
  font-size: clamp(14px, 2vw, 16px);
  line-height: 1.7em;
}
#treatment-appeal .block_effect .additional-text_box {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 2.5em 1em;
  margin-top: calc(var(--main_padding) * 1.2);
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.7em;
  background-color: #052b58;
}
#treatment-appeal .block_effect .additional-text_box p {
  margin-bottom: 0;
}
#treatment-appeal .block_effect .additional-text_box .line {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -65%);
  width: 2px;
  height: calc(var(--main_padding) * 1);
}
#treatment-appeal .block_effect .additional-text_box .line::after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background: linear-gradient(0deg, #fff 0%, #fff 35%, #052b58 35%, #052b58 100%);
}
#treatment-appeal .block_menu_list {
  position: relative;
  padding: calc(var(--main_padding) * 1) 0;
}
#treatment-appeal .block_menu_list .menu_list_outer {
  display: block;
  width: var(--container_width);
  margin: 0 auto calc(var(--main_padding) / 3);
  background-color: #ebf2f9;
  padding: clamp(10px, 2vw, 20px);
}
#treatment-appeal .block_menu_list .menu_list_outer .menu_list_box {
  display: block;
  display: flex;
  justify-content: space-between;
  padding: clamp(10px, 2vw, 30px) calc((100% - var(--container_s_width)) / 2);
  margin: 0 auto;
  background-color: #fff;
  text-align: left;
}
#treatment-appeal .block_menu_list .menu_list_outer .menu_list_box .left {
  display: block;
  width: 100%;
  padding-right: clamp(10px, 2vw, 20px);
}
#treatment-appeal .block_menu_list .menu_list_outer .menu_list_box .left .title_outer {
  display: flex;
  align-items: center;
  margin-bottom: 2em;
}
#treatment-appeal .block_menu_list .menu_list_outer .menu_list_box .left .title_outer .num {
  position: relative;
  display: block;
  padding: 0 0em 0.3em;
  margin-bottom: 0em;
  margin-right: clamp(10px, 2vw, 20px);
  color: #dddddd;
  font-size: 60px;
  font-family: "Barlow", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
  line-height: 1em;
}
#treatment-appeal .block_menu_list .menu_list_outer .menu_list_box .left .title_outer .num::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #dddddd;
}
#treatment-appeal .block_menu_list .menu_list_outer .menu_list_box .left .title_outer .title {
  margin-bottom: 0;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.6em;
  font-weight: bold;
}
#treatment-appeal .block_menu_list .menu_list_outer .menu_list_box .left p {
  font-size: clamp(14px, 2vw, 16px);
  line-height: 1.7em;
}
#treatment-appeal .block_menu_list .menu_list_outer .menu_list_box .right {
  display: block;
  width: 100%;
}
#treatment-appeal .block_menu_list .menu_list_outer .menu_list_box .right .point_listbox {
  position: relative;
}
#treatment-appeal .block_menu_list .menu_list_outer .menu_list_box .right .point_listbox li {
  position: relative;
  display: block;
  padding: 0.5em 2em;
  margin-bottom: clamp(10px, 2vw, 10px);
  font-weight: bold;
  font-size: clamp(16px, 2vw, 18px);
  line-height: 1.6em;
  background-color: #ebf2f9;
}
#treatment-appeal .block_menu_list .menu_list_outer .menu_list_box .right .point_listbox li p {
  margin-bottom: 0;
}
#treatment-appeal .block_menu_list .menu_list_outer .menu_list_box .right .point_listbox li::before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  left: 0.5em;
  width: 1em;
  height: 1em;
  transform: translateY(-50%);
  background: no-repeat center url(../images/svg/parts/icon_check.svg);
  background-size: contain;
}
#treatment-appeal .block_menu_list .menu_list_outer .menu_list_box .right .point_listbox li:last-of-type {
  margin-bottom: 0;
}
#treatment-appeal .block_menu_list .menu_list_outer .menu_list_box .right .point_listbox::after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  right: 0;
  width: 25%;
  padding-top: 25%;
  transform: translate(30%, -30%);
  background: no-repeat center url(../images/svg/parts/badge_konna_onayamiwo_kaizen.svg);
  background-size: contain;
}
#treatment-appeal .block_menu_list .menu_list_outer:last-of-type {
  margin-bottom: 0;
}
#treatment-appeal .block_treatment-example {
  position: relative;
  padding: 0 0 calc(var(--main_padding) * 1);
  background-color: #ebf2f9;
}
#treatment-appeal .block_treatment-example .title_outer {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 2.5em 1em;
  margin-top: calc(var(--main_padding) * 1.2);
  margin-bottom: calc(var(--main_padding) * 1);
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: clamp(22px, 2vw, 36px);
  line-height: 1.7em;
  background-color: #052b58;
}
#treatment-appeal .block_treatment-example .title_outer .title {
  margin-bottom: 0;
  font-weight: bold;
}
#treatment-appeal .block_treatment-example .title_outer .line {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 65%);
  width: 2px;
  height: calc(var(--main_padding) * 1);
}
#treatment-appeal .block_treatment-example .title_outer .line::after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background: linear-gradient(180deg, #fff 0%, #fff 35%, #052b58 35%, #052b58 100%);
  -webkit-animation: pathmove 4.8s ease-in-out infinite;
          animation: pathmove 4.8s ease-in-out infinite;
}
#treatment-appeal .block_treatment-example .example_box_outer {
  position: relative;
  display: block;
  width: var(--container_width);
  margin: 0 auto calc(var(--main_padding) / 3);
  padding: calc(var(--main_padding) / 2) 0;
  background-color: #fff;
}
#treatment-appeal .block_treatment-example .example_box_outer .example_box {
  position: relative;
  display: block;
  width: var(--container_s_width);
  margin: 0 auto;
}
#treatment-appeal .block_treatment-example .example_box_outer .example_box img {
  width: 100%;
  height: auto;
}
#treatment-appeal .block_treatment-example .detail_list {
  position: relative;
  display: block;
  width: var(--container_s_width);
  margin: 0 auto;
  background-color: #fff;
  border-top: 1px solid #dddddd;
}
#treatment-appeal .block_treatment-example .detail_list li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dddddd;
}
#treatment-appeal .block_treatment-example .detail_list li p {
  display: block;
  width: 70%;
  padding: 1em;
  font-size: clamp(14px, 2vw, 18px);
  line-height: 1.5em;
  text-align: left;
  margin-bottom: 0;
}
#treatment-appeal .block_treatment-example .detail_list li .tit {
  width: 30%;
  text-align: center;
  color: #052b58;
}
#treatment-appeal .block_tips_standard {
  position: relative;
  padding: calc(var(--main_padding) * 1) 0;
}
#treatment-appeal .block_tips_standard .main_box {
  text-align: left;
}
#treatment-appeal .block_tips_standard .main_box figure {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 1em;
}
#treatment-appeal .block_tips_standard .main_box figure img {
  width: 100%;
  height: auto;
}
#treatment-appeal .block_tips_standard .main_box p {
  font-size: clamp(14px, 2vw, 16px);
  line-height: 1.9em;
}
#treatment-appeal .block_tips_standard .main_box p strong {
  font-weight: bold;
  color: #052b58;
}
#treatment-appeal .block_tips_standard .main_box .figure_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#treatment-appeal .block_tips_standard .main_box .figure_flex figure {
  width: 43%;
}
#treatment-appeal .block_tips_standard .main_box .figure_flex .textbox {
  width: 54%;
}
#treatment-appeal .block_tips_lr {
  position: relative;
  padding: calc(var(--main_padding) * 1) 0;
}
#treatment-appeal .block_tips_lr .flex {
  display: flex;
  justify-content: space-between;
}
#treatment-appeal .block_tips_lr .flex .left {
  width: 100%;
}
#treatment-appeal .block_tips_lr .flex .right {
  width: 100%;
  text-align: left;
  font-size: clamp(14px, 2vw, 16px);
}
#treatment-appeal .block_tips_lr .flex .right figure {
  margin-bottom: 1.5em;
}
#treatment-appeal .block_tips_lr .flex .right figure img {
  width: 100%;
  height: auto;
}
#treatment-appeal .block_tips_lr .flex .right p {
  line-height: 1.7em;
}
#treatment-appeal .block_tips_lr .flex .right h3 {
  display: block;
  margin-bottom: 0.5em;
  color: #052b58;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.7em;
  font-weight: bold;
}
#treatment-appeal .block_tips_lr .flex .right strong {
  font-weight: bold;
  font-size: 1.2em;
}
#treatment-appeal .block_tips_lr .flex .right .blue_box {
  display: block;
  width: 100%;
  padding: 2em;
  margin-bottom: 2em;
  background-color: #ebf2f9;
}
#treatment-appeal .block_tips_lr .flex .right .blue_box .title {
  display: block;
  padding-left: 0.4em;
  margin-bottom: 0.5em;
  color: #052b58;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.7em;
  font-weight: bold;
  border-left: 3px solid #052b58;
}
#treatment-appeal .block_tips_grayback {
  position: relative;
  padding: calc(var(--main_padding) * 1) 0;
  background-color: #dddddd;
}
#treatment-appeal .block_tips_grayback .main_box_outer {
  position: relative;
  padding: calc(var(--main_padding) / 2) 0;
  width: var(--container_width);
  margin: 0 auto;
  background-color: #fff;
}
#treatment-appeal .block_tips_grayback .main_box_outer .main_box {
  max-width: 90%;
  text-align: left;
}
#treatment-appeal .block_tips_grayback .main_box_outer .main_box .lr_flex {
  display: flex;
  justify-content: space-between;
  text-align: left;
}
#treatment-appeal .block_tips_grayback .main_box_outer .main_box .lr_flex .left {
  width: 45%;
  height: auto;
}
#treatment-appeal .block_tips_grayback .main_box_outer .main_box .lr_flex .right {
  width: 50%;
  height: auto;
}
#treatment-appeal .block_tips_grayback .main_box_outer .main_box figure {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 1em;
}
#treatment-appeal .block_tips_grayback .main_box_outer .main_box figure img {
  width: 100%;
  height: auto;
}
#treatment-appeal .block_tips_grayback .main_box_outer .main_box p {
  font-size: clamp(14px, 2vw, 16px);
  line-height: 1.9em;
}
#treatment-appeal .block_treatment_slides {
  position: relative;
  padding: calc(var(--main_padding) * 1) 0;
  background-color: #f3f3f3;
}
#treatment-appeal .block_treatment_slides .h_outer {
  padding: calc(var(--main_padding) / 1) 0 0;
}
#treatment-appeal .block_treatment_slides .horizontal_scroll_wrap {
  position: relative;
  width: 100%;
  height: 450px;
  padding: 60px 0 0;
}
#treatment-appeal .block_treatment_slides .horizontal_scroll_wrap .horizontal_scroll_area_outer {
  position: relative;
  height: 100%;
  width: var(--container_s_width);
  margin: 0 auto;
}
#treatment-appeal .block_treatment_slides .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: flex-start;
  gap: clamp(30px, 10vw, 180px);
  height: 100%;
  padding-left: 0%;
}
#treatment-appeal .block_treatment_slides .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area .slide_box {
  display: flex;
  justify-content: space-between;
  width: calc(var(--container_s_width) / 1);
  height: 100%;
  text-align: left;
  font-size: clamp(15px, 2vw, 16px);
  line-height: 1.9em;
}
#treatment-appeal .block_treatment_slides .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area .slide_box .left {
  width: 47%;
}
#treatment-appeal .block_treatment_slides .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area .slide_box .left .title_outer {
  display: flex;
  align-items: center;
  margin-bottom: 2em;
}
#treatment-appeal .block_treatment_slides .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area .slide_box .left .title_outer .num {
  position: relative;
  display: block;
  padding: 0 0em 0.3em;
  margin-bottom: 0em;
  margin-right: clamp(10px, 2vw, 20px);
  color: #dddddd;
  font-size: 60px;
  font-family: "Barlow", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
  line-height: 1em;
}
#treatment-appeal .block_treatment_slides .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area .slide_box .left .title_outer .num::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #dddddd;
}
#treatment-appeal .block_treatment_slides .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area .slide_box .left .title_outer .title {
  margin-bottom: 0;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.6em;
  font-weight: bold;
}
#treatment-appeal .block_treatment_slides .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area .slide_box .left figure {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 1em;
}
#treatment-appeal .block_treatment_slides .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area .slide_box .left figure img {
  width: 100%;
  height: auto;
}
#treatment-appeal .block_treatment_slides .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area .slide_box .right {
  width: 47%;
}
#treatment-appeal .block_treatment_slides .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area .slide_box .right figure {
  display: block;
  width: 100%;
  height: auto;
}
#treatment-appeal .block_treatment_slides .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area .slide_box .right figure img {
  width: 100%;
  height: auto;
}
#treatment-appeal .block_grid_table .h_outer {
  padding: calc(var(--main_padding) / 1) 0 0;
}
#treatment-appeal .block_grid_table .grid_table_area {
  position: relative;
  padding: calc(var(--main_padding) * 1) 0;
  background-color: #ebf2f9;
}
#treatment-appeal .block_counseling .h_outer {
  position: relative;
  padding: calc(var(--main_padding) / 1.5) 3%;
  background-color: #052b58;
  z-index: 1;
}
#treatment-appeal .block_counseling .h_outer .h_title_type2 {
  margin-bottom: 0;
  padding-bottom: 0;
}
#treatment-appeal .block_counseling .h_outer .h_title_type2::after {
  display: none;
}
#treatment-appeal .block_counseling .h_outer::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(70%);
  height: calc(var(--main_padding) * 1);
  width: 2px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 30%, rgb(5, 43, 88) 30%, rgb(5, 43, 88) 100%);
}
#treatment-appeal .block_counseling .h_outer.white {
  background-color: #fff;
}
#treatment-appeal .block_counseling .h_outer.white::after {
  background: #052b58;
}
#treatment-appeal .block_counseling .horizontal_scroll_wrap {
  position: relative;
  width: 100%;
  height: 530px;
  padding: 200px 0 60px;
}
#treatment-appeal .block_counseling .horizontal_scroll_wrap .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#treatment-appeal .block_counseling .horizontal_scroll_wrap .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#treatment-appeal .block_counseling .horizontal_scroll_wrap .horizontal_scroll_area_outer {
  position: relative;
  height: 100%;
  width: var(--container_s_width);
  margin: 0 auto;
}
#treatment-appeal .block_counseling .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: flex-start;
  gap: clamp(30px, 6vw, 120px);
  height: 100%;
  padding-left: 50%;
}
#treatment-appeal .block_counseling .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area .textbox {
  display: block;
  width: calc(var(--container_s_width) / 2);
  height: 100%;
  text-align: left;
  font-size: clamp(15px, 2vw, 16px);
  line-height: 1.9em;
}
#treatment-appeal .block_counseling .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area .textbox .box_title {
  position: relative;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.6em;
  margin-bottom: 1em;
  font-weight: bold;
  color: #052b58;
}

.grid_table {
  position: relative;
  display: grid;
  width: 100%;
  height: auto;
  grid-template-columns: 20% repeat(var(--gt_h_hol_num), auto);
  grid-template-rows: repeat(var(--gt_row_num), auto);
  grid-auto-flow: column;
  grid-gap: var(--gt_grid_gap);
  text-align: center;
}
.grid_table p {
  display: grid;
  place-items: center;
  margin-bottom: 0;
  padding: 1em;
  background-color: #fff;
  font-size: clamp(14px, 2vw, 16px);
  line-height: 1.7em;
}
.grid_table p.hidden {
  visibility: hidden;
}
.grid_table p.vb_title {
  background-color: #052b58;
  color: #fff;
  font-weight: bold;
  font-size: clamp(18px, 2vw, 20px);
  line-height: 1.7em;
}
.grid_table p.hb_title {
  color: #052b58;
  font-weight: bold;
}
.grid_table p.align_left {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  #treatment-appeal .headblock_treatment-appeal {
    text-align: center;
    margin-top: calc(var(--header_height));
    padding: calc(var(--main_padding) * 0.8) 0 0;
    background-color: #ebf2f9;
  }
  #treatment-appeal .headblock_treatment-appeal .h_title_type1 {
    margin-bottom: 1em;
  }
  #treatment-appeal .headblock_treatment-appeal .h_title_type1 .underline_svg {
    margin: 0 auto;
    background-position: center;
  }
  #treatment-appeal .headblock_treatment-appeal p {
    display: block;
    width: 90%;
    margin: 0 auto 2em;
    text-align: left;
  }
  #treatment-appeal .headblock_treatment-appeal .catch {
    text-align: center;
    margin-bottom: 1em;
  }
  #treatment-appeal .headblock_treatment-appeal .bg_img {
    position: relative;
    bottom: inherit;
    left: inherit;
    width: 100%;
    height: auto;
  }
  #treatment-appeal .headblock_treatment-appeal .bg_img img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #treatment-appeal .block_about .container {
    padding-top: 0;
    width: 100%;
  }
  #treatment-appeal .block_about .main_content {
    width: 100%;
    padding: clamp(10px, 2.5vw, 50px) 0;
    height: auto;
  }
  #treatment-appeal .block_about .main_content .figure_sp img {
    width: 100%;
    height: auto;
  }
  #treatment-appeal .block_about .main_content .textbox {
    position: relative;
    display: block;
    background-color: #fff;
    padding: clamp(14px, 2.5vw, 50px);
    width: 94%;
    height: auto;
    margin: 0 auto;
    margin-top: calc(var(--main_padding) * -0.2);
  }
  #treatment-appeal .block_about .main_content .textbox p {
    font-size: 15px;
  }
  #treatment-appeal .block_about .main_content .textbox .catch {
    font-size: clamp(18px, 2vw, 24px);
    line-height: 1.7em;
    font-weight: bold;
  }
  #treatment-appeal .block_about .main_content .textbox .btn_link {
    text-align: center;
    width: 100%;
  }
  #treatment-appeal .block_about .main_content .textbox .btn_link span span {
    display: inline-block;
  }
  #treatment-appeal .block_about .main_content .h_title_type2 {
    padding: 0 1em 0.8em;
  }
  #treatment-appeal .block_effect .photos_flex {
    flex-direction: column;
  }
  #treatment-appeal .block_effect .photos_flex li {
    flex-direction: row;
    justify-content: flex-start;
    height: 200px;
    padding: 0 calc(var(--main_padding) / 3);
  }
  #treatment-appeal .block_effect .photos_flex li .num {
    margin-bottom: 0;
    margin-right: 20px;
  }
  #treatment-appeal .block_effect .photos_flex li .title span {
    display: inline-block;
  }
  #treatment-appeal .block_effect .desc_img_box {
    text-align: left;
  }
  #treatment-appeal .block_menu_list .menu_list_outer .menu_list_box {
    flex-direction: column;
    padding: calc(var(--main_padding) / 2) 10px;
  }
  #treatment-appeal .block_menu_list .menu_list_outer .menu_list_box .left {
    margin-bottom: 2em;
  }
  #treatment-appeal .block_tips_standard {
    position: relative;
    padding: calc(var(--main_padding) * 1) 0;
  }
  #treatment-appeal .block_tips_standard .main_box .figure_flex {
    flex-direction: column;
  }
  #treatment-appeal .block_tips_standard .main_box .figure_flex figure {
    width: 100%;
  }
  #treatment-appeal .block_tips_standard .main_box .figure_flex .textbox {
    width: 100%;
  }
  #treatment-appeal .block_tips_lr .flex {
    flex-direction: column;
  }
  #treatment-appeal .block_tips_grayback .main_box_outer .main_box .lr_flex {
    flex-direction: column;
  }
  #treatment-appeal .block_tips_grayback .main_box_outer .main_box .lr_flex .left {
    width: 100%;
    margin-bottom: 2em;
  }
  #treatment-appeal .block_tips_grayback .main_box_outer .main_box .lr_flex .right {
    width: 100%;
  }
  #treatment-appeal .block_treatment_slides .horizontal_scroll_wrap {
    height: auto;
    padding-top: 0;
  }
  #treatment-appeal .block_treatment_slides .horizontal_scroll_wrap .horizontal_scroll_area_outer {
    position: relative;
    height: auto;
  }
  #treatment-appeal .block_treatment_slides .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area {
    position: relative;
    top: inherit;
    left: inherit;
    flex-direction: column;
    gap: clamp(30px, 10vw, 180px);
    height: auto;
  }
  #treatment-appeal .block_treatment_slides .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area .slide_box {
    flex-direction: column;
    width: 100%;
    height: auto;
  }
  #treatment-appeal .block_treatment_slides .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area .slide_box .left {
    width: 100%;
  }
  #treatment-appeal .block_counseling .horizontal_scroll_wrap {
    height: auto;
    padding: 0;
    background-color: #ebf2f9;
  }
  #treatment-appeal .block_counseling .horizontal_scroll_wrap .bg {
    position: relative;
    height: auto;
  }
  #treatment-appeal .block_counseling .horizontal_scroll_wrap .bg img {
    height: auto;
  }
  #treatment-appeal .block_counseling .horizontal_scroll_wrap .horizontal_scroll_area_outer {
    position: relative;
    height: auto;
    padding: calc(var(--main_padding) / 2) 0;
  }
  #treatment-appeal .block_counseling .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area {
    position: relative;
    top: 0;
    left: 0;
    flex-direction: column;
    gap: 0;
    height: auto;
    padding-left: 0;
  }
  #treatment-appeal .block_counseling .horizontal_scroll_wrap .horizontal_scroll_area_outer .horizontal_scroll_area .textbox {
    width: 100%;
    height: auto;
    padding-bottom: 1em;
    border-bottom: 1px solid #052b58;
    margin-bottom: 2em;
  }
  #treatment-appeal .h_title_type2 span {
    display: inline-block;
  }
  .grid_table_outer {
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .grid_table {
    width: 800px;
  }
}
/* ---------- お悩み ---------- */
#single_problem .problem_about {
  position: relative;
  display: block;
  width: 100%;
  background-color: #ebf2f9;
}
#single_problem .problem_about .problem_about_flex {
  position: relative;
  display: flex;
  justify-content: space-between;
  transform: translateY(-30px);
  padding: calc(var(--main_padding) / 1);
  background-color: #fff;
}
#single_problem .problem_about .problem_about_flex .left {
  width: 40%;
}
#single_problem .problem_about .problem_about_flex .right {
  width: 55%;
  text-align: left;
}
#single_problem .problem_about .problem_about_flex .right p {
  font-size: clamp(15px, 2vw, 16px);
  line-height: 1.9em;
}
#single_problem .problem_about .problem_about_flex .right p:last-of-type {
  margin-bottom: 0;
}
#single_problem .problem_cause {
  position: relative;
  display: block;
  padding-top: calc(var(--main_padding) / 2);
  width: 100%;
  background-color: #ebf2f9;
}
#single_problem .problem_cause .cause_flex {
  display: flex;
}
#single_problem .problem_cause .cause_flex li {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 300px;
}
#single_problem .problem_cause .cause_flex li figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#single_problem .problem_cause .cause_flex li figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#single_problem .problem_cause .cause_flex li .num {
  position: relative;
  display: block;
  padding: 0 0em 0.3em;
  margin-bottom: 0.7em;
  color: #fff;
  font-size: 72px;
  line-height: 1em;
}
#single_problem .problem_cause .cause_flex li .num::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
}
#single_problem .problem_cause .cause_flex li .title {
  position: relative;
  display: block;
  font-size: clamp(18px, 2vw, 12px);
  line-height: 1.6em;
  color: #fff;
  font-weight: bold;
}
#single_problem .problem_treatment .treatment_list li {
  display: block;
  margin-bottom: calc(var(--main_padding) / 4);
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: calc(var(--main_padding) / 2) calc(var(--main_padding) / 1);
  background-color: #ebf2f9;
  border-radius: 10px;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .title_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc(var(--main_padding) / 4);
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .title_flex .title {
  position: relative;
  display: block;
  padding-left: 0.3em;
  text-align: left;
  font-weight: bold;
  font-size: clamp(16px, 2vw, 24px);
  line-height: 1.4em;
  color: #052b58;
  border-left: 3px solid #052b58;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .title_flex .linkicon {
  display: block;
  width: clamp(30px, 4vw, 40px);
  height: clamp(30px, 4vw, 40px);
  background: no-repeat center url(../images/svg/parts/icon_link_darkblue.svg);
  background-size: contain;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex {
  display: flex;
  justify-content: space-between;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .img_pc {
  width: 37%;
  height: auto;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .img_pc img {
  width: 100%;
  height: auto;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main {
  width: 60%;
  height: auto;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main .style_description {
  text-align: left;
  color: #2a2e31;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main .parameter {
  display: block;
  width: 100%;
  padding: clamp(10px, 2vw, 15px);
  border-radius: 10px;
  background-color: #fff;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main .parameter .prm_rack {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: clamp(10px, 2vw, 15px);
  font-size: clamp(10px, 1.5vw, 16px);
  line-height: 1.6em;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main .parameter .prm_rack:last-of-type {
  margin-bottom: 0;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main .parameter .prm_rack .prm_title {
  display: block;
  width: 6em;
  margin-bottom: 0;
  font-weight: bold;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main .parameter .prm_rack .prm_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 75%;
  height: 100%;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main .parameter .prm_rack .prm_main p {
  display: block;
  margin-bottom: 0;
  width: 10%;
  white-space: nowrap;
  color: #2a2e31;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main .parameter .prm_rack .prm_main .prm_bar {
  position: relative;
  display: block;
  width: 76%;
  height: 1em;
  background: no-repeat center url(../images/svg/parts/paramater_bar.svg);
  background-size: 100% auto;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main .parameter .prm_rack .prm_main .prm_bar::after {
  position: absolute;
  display: block;
  content: "";
  top: 48%;
  transform: translate(-50%, -50%);
  width: 1.2em;
  height: 1.2em;
  background: no-repeat center url(../images/svg/parts/icon_star_darkblue.svg);
  background-size: contain;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main .parameter .prm_rack .prm_main .prm_bar.level1::after {
  left: 0%;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main .parameter .prm_rack .prm_main .prm_bar.level2::after {
  left: 12.5%;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main .parameter .prm_rack .prm_main .prm_bar.level3::after {
  left: 25%;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main .parameter .prm_rack .prm_main .prm_bar.level4::after {
  left: 37.5%;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main .parameter .prm_rack .prm_main .prm_bar.level5::after {
  left: 50%;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main .parameter .prm_rack .prm_main .prm_bar.level6::after {
  left: 62.5%;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main .parameter .prm_rack .prm_main .prm_bar.level7::after {
  left: 75%;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main .parameter .prm_rack .prm_main .prm_bar.level8::after {
  left: 87.5%;
}
#single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main .parameter .prm_rack .prm_main .prm_bar.level9::after {
  left: 100%;
}

@media only screen and (max-width: 767px) {
  #single_problem .problem_about .problem_about_flex {
    flex-direction: column;
    padding: calc(var(--main_padding) / 1) calc(var(--main_padding) / 2);
  }
  #single_problem .problem_about .problem_about_flex .left {
    width: 100%;
  }
  #single_problem .problem_about .problem_about_flex .right {
    width: 100%;
  }
  #single_problem .problem_cause .cause_flex {
    flex-direction: column;
  }
  #single_problem .problem_cause .cause_flex li {
    flex-direction: row;
    justify-content: flex-start;
    height: 200px;
    padding: 0 calc(var(--main_padding) / 3);
  }
  #single_problem .problem_cause .cause_flex li .num {
    margin-bottom: 0;
    margin-right: 20px;
  }
  #single_problem .problem_treatment .treatment_list li .treatment_list_box {
    padding: calc(var(--main_padding) / 2) calc(var(--main_padding) / 3);
  }
  #single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex {
    flex-direction: column;
  }
  #single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .img_pc {
    width: 100%;
    margin-bottom: 1em;
  }
  #single_problem .problem_treatment .treatment_list li .treatment_list_box .detail_flex .main {
    width: 100%;
  }
  #single_problem .h_title_type2 span {
    display: inline-block;
  }
}
.problem_other-article {
  background-color: #f3f3f3;
}
.problem_other-article .other-article_grid {
  display: grid;
  grid-template-columns: repeat(3, calc((100% - clamp(5px, 1vw, 20px) * 2) / 3));
  grid-gap: clamp(5px, 1vw, 20px);
}
.problem_other-article .other-article_grid li {
  display: block;
  width: 100%;
  height: 100%;
}
.problem_other-article .other-article_grid li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: clamp(15px, 1.5vw, 22px);
  padding-right: clamp(20px, 2vw, 27px);
  background-color: #fff;
  text-align: left;
  color: #2a2e31;
  transition: 0.2s;
}
.problem_other-article .other-article_grid li a .title {
  position: relative;
  font-size: clamp(14px, 2vw, 18px);
  line-height: 1.6em;
  margin-bottom: 0.8em;
  font-weight: bold;
}
.problem_other-article .other-article_grid li a .desc {
  position: relative;
  font-size: clamp(12px, 2vw, 16px);
  line-height: 1.6em;
}
.problem_other-article .other-article_grid li a::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #052b58;
  transition: 0.8s cubic-bezier(0, 0.55, 0.45, 1);
}
.problem_other-article .other-article_grid li a::after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  right: 0;
  width: clamp(15px, 1.5vw, 22px);
  height: 100%;
  background: #052b58 no-repeat center left url(../images/svg/parts/arrow_r_white.svg);
  background-size: 80% auto;
}
.problem_other-article .other-article_grid li a:hover {
  color: #fff;
}
.problem_other-article .other-article_grid li a:hover::before {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .problem_other-article .other-article_grid {
    grid-template-columns: repeat(2, calc((100% - clamp(5px, 1vw, 20px) * 1) / 2));
    grid-gap: clamp(5px, 1vw, 20px);
  }
}
/*# sourceMappingURL=field.css.map */