@charset "UTF-8";
main {
  /*----------------------------------------------------------------

  sub_common

  ----------------------------------------------------------------*/
}
main .sub_mv {
  position: relative;
  z-index: 10;
}
main .sub_mv .sub_mv_inner {
  position: relative;
  z-index: 0;
  background-image: url(../img/common/sub_mv_bg.svg);
  background-position: center;
  background-size: 77.9vw auto;
  background-repeat: no-repeat;
}
main .sub_mv .sub_mv_inner .sub_mv_megane {
  position: absolute;
  top: -1vw;
  left: 1vw;
  z-index: 10;
  width: 6.3vw;
  height: auto;
}
main {
  /*----------------------------------------------------------------

  store（取扱店検索・検索結果）

  ----------------------------------------------------------------*/
}
main .store_area .store_area_inner {
  position: relative;
  z-index: 0;
}
main .store_area .store_area_inner .store_bg {
  position: absolute;
  top: -3.8vw;
  left: 50%;
  transform: translateX(-50%);
  width: 62.5vw;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
main .store_region_dot {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #605049;
  flex-shrink: 0;
}
main {
  /* ===== 取扱店検索（都道府県選択） ===== */
}
main .store_list_cont .store_badge {
  position: relative;
  z-index: 0;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #85726A;
}
main .store_list_cont .store_badge .store_badge_icon {
  position: absolute;
  top: -1vw;
  left: -0.4vw;
  width: 5.36vw;
  height: auto;
}
main .store_list_cont .store_pref_row {
  border-bottom: 1px dashed #605049;
  padding-left: 2.6vw;
  padding-right: 3.84vw;
}
main .store_list_cont .store_pref_row.store_pref_row--last {
  border-bottom: none;
}
main .store_list_cont .store_region {
  width: 220px;
  flex-shrink: 0;
}
main .store_list_cont .store_pref {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #F9F7F2;
  color: #4c3930;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  transition: 0.4s;
  padding: 0.26vw 1.04vw;
}
@media (hover: hover) and (pointer: fine) {
  main .store_list_cont .store_pref:hover {
    opacity: 1;
    background-color: #4c3930;
    color: #fff;
  }
}
main .store_search_area .store_search_inner {
  position: relative;
  z-index: 0;
}
main .store_search_area .store_search_inner .search_bg {
  position: absolute;
  top: -2.6vw;
  left: 50%;
  transform: translateX(-50%);
  width: 66.7vw;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
main {
  /* ===== 検索結果（検索フィルター） ===== */
}
main .store_search_card .store_search_head {
  background-color: #85726a;
}
main .store_search_card .store_search_group .store_search_group_label {
  border-bottom: 1px dotted #605049;
}
main .store_search_card .store_check {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
main .store_search_card .store_check .store_check_box {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  margin: 0;
  border: 1px solid #85726a;
  border-radius: 2px;
  background-color: #F9F7F2;
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
}
main .store_search_card .store_check .store_check_box:checked {
  background-color: #4C3930;
  border-color: #4C3930;
}
main .store_search_card .store_check .store_check_box:checked::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
main .store_search_btn {
  cursor: pointer;
  transition: 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  main .store_search_btn:hover {
    background-color: #fff;
  }
  main .store_search_btn:hover .text {
    color: #ff4d00;
  }
  main .store_search_btn:hover span {
    color: #ff4d00;
  }
  main .store_search_btn:hover .material-symbols-outlined {
    color: #ff4d00;
  }
}
main .store_result_area {
  background-image: url(../img/store/search_single_bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
main {
  /* ===== 検索結果（件数・カード・ページャ） ===== */
}
main .store_result_head .store_result_icon {
  width: 80px;
  height: auto;
}
main .store_result_head .bg_pink02 {
  width: 16.56vw;
  margin-left: auto;
  margin-right: auto;
  max-width: 318px;
  min-width: 200px;
  position: relative;
  z-index: 0;
}
main .store_result_head .bg_pink02 .sub_mv_megane {
  position: absolute;
  top: -0.8vw;
  left: -0.2vw;
  width: 4.678vw;
  height: auto;
}
main .store_result_head .store_result_count .store_result_num {
  font-size: 54px;
  line-height: 1;
}
main .store_result_head .store_result_count .store_result_unit {
  font-size: 22px;
}
main .store_card {
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
main .store_card .store_card_head {
  background-color: #85726a;
}
main .store_card .store_card_head .store_card_head_icon {
  width: 54px;
  height: auto;
}
main .store_card .store_card_body {
  align-items: stretch;
}
main .store_card .store_card_left {
  flex: 1;
  min-width: 0;
  width: 25vw;
}
main .store_card .store_card_left .store_card_row {
  border-bottom: 1px dotted #605049;
}
main .store_card .store_card_left .store_card_row .store_region_dot {
  background-color: #FFE3D7;
}
main .store_card .store_card_term {
  width: 70px;
  flex-shrink: 0;
}
main .store_card .store_card_term02 {
  width: 160px;
}
main .store_card .store_card_line {
  width: 100%;
  height: 1px;
  background-color: #ded6c6;
  margin: 16px 0;
}
main .store_card .store_card_map {
  flex-shrink: 0;
  overflow: hidden;
}
main .store_card .store_card_map iframe {
  border-radius: 20px;
  display: block;
  width: 26vw;
  max-width: 500px;
  min-width: 200px;
  height: 13vw;
  border: 0;
}
main .store_card .store_card_btn {
  flex: 1;
  transition: 0.4s;
  width: 23vw;
  max-width: 450px;
}
@media (hover: hover) and (pointer: fine) {
  main .store_card .store_card_btn.store_card_btn--fill:hover {
    opacity: 1;
    background-color: #fff;
  }
  main .store_card .store_card_btn.store_card_btn--fill:hover .text {
    color: #ff4d00;
  }
  main .store_card .store_card_btn.store_card_btn--fill:hover .material-symbols-outlined {
    background-color: #ff4d00;
    color: #fff;
  }
}
@media (hover: hover) and (pointer: fine) {
  main .store_card .store_card_btn.store_card_btn--outline:hover {
    opacity: 1;
    background-color: #ff4d00;
  }
  main .store_card .store_card_btn.store_card_btn--outline:hover .text {
    color: #fff;
  }
  main .store_card .store_card_btn.store_card_btn--outline:hover .material-symbols-outlined {
    background-color: #fff;
    color: #ff4d00;
  }
}
main .store_pager .store_pager_item {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #4c3930;
  transition: 0.4s;
}
main .store_pager .store_pager_item.is-current {
  background-color: #4c3930;
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  main .store_pager .store_pager_item:hover {
    background-color: #4c3930;
    opacity: 1;
    color: #fff;
  }
}
main .store_pager .store_pager_dots {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #4c3930;
  transition: 0.4s;
}
main .store_pager .store_pager_arrow .material-symbols-outlined {
  color: #4c3930;
}
@media (hover: hover) and (pointer: fine) {
  main .store_pager .store_pager_arrow:hover .material-symbols-outlined {
    color: #ffffff;
  }
}
main {
  /* ===== お客様の声（voice カード） ===== */
}
main .voice_card {
  border: 1px solid #4c3930;
}
main .voice_card .voice_card_photo {
  width: 24.6vw;
  max-width: 473px;
  min-width: 220px;
  flex-shrink: 0;
  overflow: hidden;
}
main .voice_card .voice_card_photo img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: 20px;
}
main .voice_card .voice_card_content {
  flex: 1;
  min-width: 0;
  max-width: 600px;
  width: 31.25vw;
}
main .voice_card .voice_card_meta .voice_card_row {
  border-bottom: 1px dotted #4c3930;
}
main .voice_card .voice_card_tags .voice_card_tag {
  display: inline-flex;
  align-items: center;
}
main .voice_card .voice_card_expert .voice_card_expert_text {
  flex: 1;
  min-width: 0;
}
main {
  /*----------------------------------------------------------------

  contact

  ----------------------------------------------------------------*/
}
main .contact_cont .contact_cont_inner .form_area .formmailer-embed {
  max-width: 75vw;
  margin-left: auto;
  margin-right: auto;
}
main {
  /*----------------------------------------------------------------

  privacy

  ----------------------------------------------------------------*/
}
main .policy_area .policy_area_inner .policy_area_inner_content .policy_area_inner_content_item:first-child {
  padding-top: 0;
}
main .policy_area .policy_area_inner .policy_area_inner_content .policy_area_inner_content_item:last-child {
  border-bottom: none;
}
main {
  /*----------------------------------------------------------------

  faq

  ----------------------------------------------------------------*/
}
main .faq_cont .faq_item .faq_item_left .a_area .a_body .faq_btn span {
  width: -moz-fit-content;
  width: fit-content;
  transition: 0.4s;
}
main .faq_cont .faq_item .faq_item_left .a_area .a_body .faq_btn .material-symbols-outlined {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5625vw;
  height: 1.5625vw;
  transition: 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  main .faq_cont .faq_item .faq_item_left .a_area .a_body .faq_btn:hover {
    opacity: 1;
    background-color: #fff;
  }
  main .faq_cont .faq_item .faq_item_left .a_area .a_body .faq_btn:hover span {
    color: #605049;
  }
  main .faq_cont .faq_item .faq_item_left .a_area .a_body .faq_btn:hover .material-symbols-outlined {
    background-color: #605049;
    color: #fff;
  }
}
main {
  /*----------------------------------------------------------------

  商品ラインナップ

  ----------------------------------------------------------------*/
}
main .products_area .products_area_inner {
  width: 70vw;
  margin-left: auto;
  margin-right: auto;
  background-image: url(../img/products/cat_bg.svg);
  background-position: center 0;
  background-size: 62vw auto;
  background-repeat: no-repeat;
}
main .products_area .products_area_inner .cat_anchor_area {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(5, 13vw);
}
main .products_area .products_area_inner .cat_anchor_area .anchor_item .upper {
  border-radius: 10px 10px 0 0;
}
main .products_area .products_area_inner .cat_anchor_area .anchor_item img {
  width: 100%;
}
main .products_area .products_area_inner .cat_anchor_area .anchor_item .cat_titlearea {
  border-radius: 0 0 10px 10px;
}
main .products_cont {
  background-image: url(../img/products/products_bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
main .products_cont .products_cont_inner .products_side {
  border-radius: 0 15px 15px 0;
  align-self: flex-start;
}
@media screen and (min-width: 768px) {
  main .products_cont .products_cont_inner .products_side {
    position: sticky;
    top: 120px;
  }
}
main .products_cont .products_cont_inner .products_side .side_list .side_link {
  transition: color 0.3s ease, border-color 0.3s ease;
}
main .products_cont .products_cont_inner .products_side .side_list .side_link:hover, main .products_cont .products_cont_inner .products_side .side_list .side_link.is-active {
  color: #4C3930;
  border-bottom-color: #4C3930;
}
main .products_cont .products_cont_inner .products_item_area .products_item_area_container .products_item_area_title img {
  width: 25vw;
}
main .products_cont .products_cont_inner .products_item_area .products_item_area_container .products_item_post {
  width: 63vw;
}
main .products_cont .products_cont_inner .products_item_area .products_item_area_container .products_item_post .left {
  width: 28vw;
}
main .products_cont .products_cont_inner .products_item_area .products_item_area_container .products_item_post .left .dot_line {
  width: 100%;
}
main .products_cont .products_cont_inner .products_item_area .products_item_area_container .products_item_post .left .btn_link {
  width: 23.75vw;
  transition: background-color 0.3s ease, color 0.3s ease;
}
main .products_cont .products_cont_inner .products_item_area .products_item_area_container .products_item_post .left .btn_link .text {
  transition: color 0.3s ease;
}
main .products_cont .products_cont_inner .products_item_area .products_item_area_container .products_item_post .left .btn_link .material-symbols-outlined {
  transition: background-color 0.3s ease, color 0.3s ease;
}
main .products_cont .products_cont_inner .products_item_area .products_item_area_container .products_item_post .left .btn_link:hover {
  background-color: #FF4D00;
}
main .products_cont .products_cont_inner .products_item_area .products_item_area_container .products_item_post .left .btn_link:hover .text {
  color: #ffffff;
}
main .products_cont .products_cont_inner .products_item_area .products_item_area_container .products_item_post .left .btn_link:hover .material-symbols-outlined {
  background-color: #ffffff;
  color: #FF4D00;
}
main .products_cont .products_cont_inner .products_item_area .products_item_area_container .products_item_post .right {
  width: 24.8vw;
}
main .products_cont .products_cont_inner .products_item_area .products_item_area_container .products_item_post .right img{
  width: 100%;
}
main .products_cont .products_cont_inner .products_item_area .products_item_area_container .products_item_post .right picture img {
  width: 100%;
}
main {
  /*----------------------------------------------------------------

  products_single_cont

    ----------------------------------------------------------------*/
}
main .products_single_cont .products_single_cont_inner {
  width: 77vw;
  margin-left: auto;
  margin-right: auto;
}
main .products_single_cont .products_single_cont_inner .title_area .products_line {
  width: 41.6vw;
}
main .products_single_cont .products_single_cont_inner .title_area .products_single_gallery {
  display: grid;
  grid-template-columns: repeat(3, 25.5vw);
}
main .products_single_cont .products_single_cont_inner .title_area .products_single_gallery .products_single_gallery_item img {
  width: 100%;
}
main .products_single_cont02 {
  background-image: url(../img/products/single/lieup_bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
main .products_single_cont02 .products_single_cont02_inner .lineup_gallery {
  display: grid;
  grid-template-columns: repeat(4, 15.9vw);
  gap: 1rem;
}
main .products_single_cont02 .products_single_cont02_inner .lineup_gallery .lineup_gallery_item img {
  border-radius: 15px 15px 0 0;
  width: 100%;
}
main .products_single_cont02 .products_single_cont02_inner .lineup_gallery .lineup_gallery_item p {
  border-radius: 0 0 15px 15px;
}
main .products_single_cont03 .products_single_cont03_inner .products_single_cont03_anchor {
  width: 48.9vw;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(3, 15.625vw);
  gap: 1rem;
}
main .products_single_cont03 .products_single_cont03_inner .products_single_cont03_anchor .anchor_item {
  background-image: url(../img/products/single/feature_anchor.png);
  background-position: center;
  background-size: 15.625vw auto;
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 1.14vw;
  padding-bottom: 2.08vw;
}
@media (hover: hover) and (pointer: fine) {
  main .products_single_cont03 .products_single_cont03_inner .products_single_cont03_anchor .anchor_item:hover {
    opacity: 1;
    transform: translateY(0.52vw);
  }
}
main .products_single_cont03 .products_single_cont03_inner .features_item_area .features_item .features_item_header {
  border-radius: 20px 20px 0 0;
}
main .products_single_cont03 .products_single_cont03_inner .features_item_area .features_item .features_item_content:last-child {
  border-radius: 0 0 20px 20px;
}
main .products_single_cont03 .products_single_cont03_inner .features_item_area .features_item .features_item_content .features_item_content_img img {
  width: 26.7vw;
  border-radius: 20px;
  border: 1px solid #605049;
}
main .products_single_cont03 .products_single_cont03_inner .features_item_area .features_item .features_item_content .features_item_content_text .feature_list_area .feature_list {
  border-bottom: 3px dotted #FFC5ac;
  width: 36vw;
}
main .products_single_cont03 .products_single_cont03_inner .features_item_area .features_item .features_item_content .features_item_content_text .feature_list_area .feature_list_odd {
  border-bottom: 3px dotted #EDE8DC;
}
main .products_single_cont04 .products_single_cont04_inner .products_other_area {
  display: grid;
  grid-template-columns: repeat(3, 18.64vw);
  width: 59vw;
  margin-left: auto;
  margin-right: auto;
  gap: 1.56vw 1.04vw;
}
main .products_single_cont04 .products_single_cont04_inner .products_other_area .products_other_item .products_section_title {
  border-bottom: 1px dashed #605049;
}
main .products_single_cont04 .products_single_cont04_inner .products_other_area .products_other_item .products_section_title img {
  width: 2.1vw;
  height: auto;
  min-width: 20px;
}
main .products_single_cont04 .products_single_cont04_inner .products_other_area .products_other_item .product_img {
  width: 100%;
}
main {
  /*----------------------------------------------------------------

  after_cont02

  ----------------------------------------------------------------*/
}
main .after_cont01 {
  position: relative;
  z-index: 0;
}
main .after_cont01 .after_cont01_bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 69.7vw;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
main .after_cont02 {
  background-image: url(../img/after-service/bg02.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
main .after_cont02 .after_cont02_inner .after_cont02_content .after_cont02_content_item .img {
  width: 4.4vw;
}
main .after_cont02 .after_cont02_inner .after_cont02_content .after_cont02_content_item .img img {
  width: 100%;
}
main .after_cont02 .after_cont02_inner .after_cont02_content .after_cont02_content_item .text {
  width: 38vw;
}
main .after_cont02 .after_cont02_inner .after_cont02_content .after_cont02_content_item .text h4 {
  border-bottom: 1px dotted #605049;
}
main .after_cont03 .after_cont03_grid {
  display: grid;
  grid-template-columns: repeat(6, 11.5vw);
  justify-content: center;
  -moz-column-gap: 1.56vw;
       column-gap: 1.56vw;
  row-gap: 2.6vw;
}
main .after_cont03 .after_cont03_grid_item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .after_cont03 .after_cont03_grid_item picture {
  width: 100%;
}
main .after_cont03 .after_cont03_grid_item picture img {
  box-shadow: 0 4px 4px 0 rgba(207, 207, 207, 0.25);
  width: 100%;
  height: auto;
}
main {
  /*----------------------------------------------------------------

  parents_cont01

  ----------------------------------------------------------------*/
}
main .parents_cont01 .parents_cont01_inner .upper .cont01_line {
  width: 41.6vw;
  margin-left: auto;
  margin-right: auto;
}
main .parents_cont01 .parents_cont01_inner .parents_cont01_flex .img {
  width: 38.3vw;
}
main .parents_cont01 .parents_cont01_inner .parents_cont01_flex .img img {
  width: 100%;
}
main .parents_cont01 .parents_cont01_inner .parents_cont01_flex .textarea {
  width: 41.4vw;
}
main .parents_cont02 .parents_cont02_inner .parents_cont02_content_area .parents_cont02_content_item .parents02_dot_line {
  width: 24.9vw;
}
main .parents_cont02 .parents_cont02_inner .parents_cont02_content_area .parents_cont02_content_item ul li {
  border-bottom: 1px dotted #4c3930;
}
main .parents_cont02 .parents_cont02_inner .parents_cont02_content_area .parents_cont02_content_item ul li:last-child {
  border-bottom: none;
}
main .parents_cont02 .parents_cont02_inner .parents_cont02_content_area .parents_cont02_content_item ul li h4 {
  width: 23.38vw;
}
main .parents_cont02 .parents_cont02_inner .parents_cont02_content_area .parents_cont02_content_item ul li p {
  width: 41.6vw;
}
main .parents_cont03 .parents_cont03_inner {
  width: 58.3vw;
  margin-left: auto;
  margin-right: auto;
}
main .parents_cont03 .parents_cont03_inner .h4_area .line_img {
  width: 100%;
}
main .parents_cont03 .parents_cont03_inner .parents_cont03_content .parents_cont03_item img {
  width: 1.45vw;
  height: auto;
  min-width: 20px;
}
main {
  /*----------------------------------------------------------------

  support_area

  ----------------------------------------------------------------*/
}
main .support_cont .support_cont_inner .upper {
  width: 42.6vw;
  margin-left: auto;
  margin-right: auto;
}
main .support_cont .support_cont_inner .upper .cont01_line {
  width: 100%;
}
main .support_cont .support_cont_inner .upper .support_anchor {
  width: 48.9vw;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(4, 9.375vw);
  gap: 1rem;
}
main .support_cont .support_cont_inner .upper .support_anchor .anchor_item {
  background-image: url(../img/support/anchor_bg.png);
  background-position: center;
  background-size: 9.375vw auto;
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 1.14vw;
  padding-bottom: 2.08vw;
}
@media (hover: hover) and (pointer: fine) {
  main .support_cont .support_cont_inner .upper .support_anchor .anchor_item:hover {
    opacity: 1;
    transform: translateY(0.52vw);
  }
}
main .support_cont .support_cont_inner .support_content {
  width: 76.3vw;
  margin-left: auto;
  margin-right: auto;
}
main .support_cont .support_cont_inner .support_content .support_content_header {
  border-radius: 20px 20px 0 0;
}
main .support_cont .support_cont_inner .support_content .support_content_inner {
  border-radius: 0 0 20px 20px;
}
main .support_cont .support_cont_inner .support_content .support_content_inner .main_table {
  width: 100%;
}
main .support_cont .support_cont_inner .support_content .support_content_inner .main_table tr th {
  width: 15.1vw;
}
main .support_cont .support_cont_inner .support_content .support_content_inner .main_table tr td .sub_table {
  width: 34vw;
}
main .support_cont .support_cont_inner .support_content .support_content_inner .main_table tr td .sub_table tr th {
  width: 12vw;
}
main .support_cont .support_cont_inner .support_content .support_content_inner .main_table tr td .sub_table02 tr td {
  text-align: right;
}
main .support_cont .support_cont_inner .support_content .support_content_inner .main_table tr td .fee_area .fee_area_item {
  width: 25vw;
}
main .support_cont .support_cont_inner .support_content .support_content_inner .main_table tr td .fee_area .fee_area_item .upper {
  width: 100%;
}
main .support_cont .support_cont_inner .support_content .support_content_inner .main_table tr td .fee_area .fee_area_item .middle .middle_inner.brown_dotted {
  border-top: 1px dotted #4c3930;
}
main .support_cont .support_cont_inner .support_content .support_content_inner .main_table tr td .text {
  width: 50vw;
}
main .support_cont .support_cont_inner .support_content .support_content_inner .main_table .tr_border {
  border-bottom: 1px dotted #605049;
}
main .support_cont .support_content_inner_last {
  border-radius: 0;
}
main .support_cont .br_0 {
  border-radius: 0 !important;
}
main .ban_cont {
  background-image: url(../img/support/support_bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
main .ban_cont .ban_cont_inner .ban_area {
  width: 47.6vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 0;
  border-radius: 20px;
}
main .ban_cont .ban_cont_inner .ban_area .ban_bg01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 16.7vw;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}
main .ban_cont .ban_cont_inner .ban_area .ban_bg02 {
  position: absolute;
  top: 0.41vw;
  right: 5vw;
  width: 19.6vw;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
main .ban_cont .ban_cont_inner .ban_area .ban_area_left {
  border-radius: 20px 0 0 20px;
  position: relative;
  z-index: 10;
}
main .ban_cont .ban_cont_inner .ban_area .ban_area_left .lower .upper .upper_right {
  position: relative;
  z-index: 0;
  top: -1vw;
}
main .ban_cont .ban_cont_inner .ban_area .ban_area_left .lower .upper .upper_right img {
  width: 14.3vw;
}
main .ban_cont .ban_cont_inner .ban_area .ban_area_left .lower .label_area .label_flex .title_icon {
  width: 1.56vw;
  min-width: 15px;
}
main .ban_cont .ban_cont_inner .ban_area .bg_brown03 {
  border-radius: 0 20px 20px 0;
}
main .support_flow_line {
  min-height: 20px;
  height: 1.56vw;
  width: 1px;
  margin-left: 3.1vw;
}
main .support_cta {
  border-radius: 0 0 20px 20px;
}
main .guide_cont01 .guide_cont01_inner {
  background-image: url(../img/guide/bg01.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
main .guide_cont01 .guide_cont01_inner .cont01_line {
  width: 41.6vw;
  margin-left: auto;
  margin-right: auto;
}
main .guide_cont01 .guide_cont01_inner .guide_cont01_content {
  width: 89.4vw;
}
main .guide_cont01 .guide_cont01_inner .guide_cont01_content .guide_cont01_img img {
  border-radius: 0 20px 20px 0;
  width: 46.9vw;
}
main .guide_cont02 .guide_cont02_inner .guide_title {
  width: 41.6vw;
  margin-left: auto;
  margin-right: auto;
}
main .guide_cont02 .guide_cont02_inner .guide_title .cont01_line {
  width: 100%;
}
main .guide_cont02 .guide_cont02_inner .guide_cont02_content {
  width: 67vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 0;
}
main .guide_cont02 .guide_cont02_inner .guide_cont02_content .guide_cont02_content_item picture img {
  width: 19.8vw;
  margin-left: auto;
  margin-right: auto;
}
main .guide_cont02 .guide_cont02_inner .guide_cont02_content .guide_cont02_content_item .text_bg01 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 31.5vw;
  height: auto;
}
main .guide_cont02 .guide_cont02_inner .guide_cont02_content .guide_cont02_content_item .textarea_inner {
  position: relative;
  z-index: 0;
}
main .guide_cont02 .guide_cont02_inner .guide_cont02_content .guide_cont02_content_item .textarea_inner .megane {
  width: 5.2vw;
  position: absolute;
  top: -1vw;
  left: -0.4vw;
}
main .guide_cont02 .guide_cont02_inner .guide_cont02_content .guide_cont02_content_item .textarea_inner .textarea {
  background-color: rgb(255, 255, 255);
  border-radius: 20px 0 0 20px;
}
main .guide_cont02 .guide_cont02_inner .guide_cont02_content .guide_cont02_content_item .textarea_arrow_wrapper .textarea_arrow {
  height: 100%;
  width: auto;
}
main .guide_cont02 .guide_cont02_inner .guide_cont02_content .guide_arrow {
  width: 7.96vw;
  position: absolute;
  top: 3.85vw;
  left: 50%;
  transform: translateX(-50%);
}
main .guide_cont02 .guide_cont02_inner .guide_cont02_content .guide_cont02_content_item02 .text_bg02 {
  position: absolute;
  top: 0;
  right: 0;
  width: 31.5vw;
  height: auto;
  z-index: -1;
}
main .guide_cont02 .guide_cont02_inner .guide_cont02_content .guide_cont02_content_item02 .textarea_inner {
  position: relative;
  z-index: 0;
}
main .guide_cont02 .guide_cont02_inner .guide_cont02_content .guide_cont02_content_item02 .textarea_inner .megane {
  top: unset;
  left: unset;
  right: 0;
  bottom: 0;
}
main .guide_cont02 .guide_cont02_inner .guide_cont02_content .guide_cont02_content_item02 .textarea_inner .textarea {
  background-color: #f9f7f2;
  border-radius: 0 20px 20px 0;
}
main .guide_cont03 .guide_cont03_inner .guide_title {
  width: 50vw;
}
main .guide_cont03 .guide_cont03_inner .guide_title .text {
  width: 36.4vw;
  margin-left: auto;
  margin-right: auto;
}
main .guide_cont03 .guide_cont03_inner .guide03_item_area .guide03_item .guide03_item_img img {
  width: 27.3vw;
}
main .guide_cont03 .guide_cont03_inner .guide03_item_area .guide03_item .guide03_item_text {
  width: 30.7vw;
}
main .guide_cont03 .guide_cont03_inner .guide03_item_area .guide03_item .guide03_item_text .item_dot {
  width: 100%;
}
main .guide_ban_cont {
  background-image: url(../img/guide/guide_bg.jpg);
}
main .guide_cont04 .guide_cont04_inner {
  background-image: url(../img/guide/mainta_bg.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 62vw;
  margin-left: auto;
  margin-right: auto;
}
main .guide_cont04 .guide_cont04_inner .guide_cont04_content {
  width: 61.25vw;
  margin-left: auto;
  margin-right: auto;
}
main .guide_cont04 .guide_cont04_inner .guide_cont04_content .guide_cont04_img img {
  width: 24.79vw;
}
main .guide_cont04 .guide_cont04_inner .guide_cont04_content .guide_cont01_text {
  width: 33.85vw;
}
main .guide_cont05 .guide_cont05_inner .guide_cont05_text {
  width: 34vw;
  margin-left: auto;
  margin-right: auto;
}
main .guide_cont05 .guide_cont05_inner .br_20 {
  width: 42.7vw;
  margin-left: auto;
  margin-right: auto;
}
main .guide_cont05 .guide_cont05_inner .br_20 ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px dotted #85726a;
}
main .guide_cont05 .guide_cont05_inner .br_20 ul li span {
  background: #FF4d00;
  width: 10px;
  height: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
main .guide_cont05 .guide_cont05_inner .description {
  width: 34vw;
  margin-left: auto;
  margin-right: auto;
}
main .th_title .upper .title_icon {
  max-width: 54px;
  min-width: 20px;
  width: 2.8vw;
}
main .th_cont01 .th_cont01_inner {
  width: 66.67vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5.2vw;
  padding-bottom: 5.2vw;
}
main .th_cont01 .th_cont01_inner .th_title .cont01_line {
  max-width: 1041px;
  width: 54.2vw;
  min-width: 200px;
}
main .th_cont01 .th_cont01_inner .th_title .text {
  width: 41.8vw;
  margin-left: auto;
  margin-right: auto;
}
main .th_cont01 .th_cont01_inner .th_table_area {
  margin-top: 3.65vw;
}
main .th_cont01 .th_cont01_inner .th_table_area h4 {
  margin-bottom: 1.56vw;
}
main .th_cont01 .th_cont01_inner .th_table_area table.th_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: #ffffff;
  border: 1px solid #4c3930;
  border-radius: 16px;
  overflow: hidden;
  table-layout: fixed;
}
main .th_cont01 .th_cont01_inner .th_table_area table.th_table th,
main .th_cont01 .th_cont01_inner .th_table_area table.th_table td {
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px dotted #cabfae;
  border-left: 1px solid #4c3930;
}
main .th_cont01 .th_cont01_inner .th_table_area table.th_table thead th {
  padding: 1.35vw 0.8vw;
}
main .th_cont01 .th_cont01_inner .th_table_area table.th_table thead th .megane_ico {
  display: block;
  width: 2.4vw;
  height: 0.73vw;
  margin: 0 auto;
  -webkit-mask: url(../img/therapeutic-glasses/brown_megane.svg) no-repeat center/contain;
  mask: url(../img/therapeutic-glasses/brown_megane.svg) no-repeat center/contain;
}
main .th_cont01 .th_cont01_inner .th_table_area table.th_table thead th .ttl {
  display: block;
  margin-top: 0.42vw;
  letter-spacing: 0.05em;
  line-height: 1.3;
}
main .th_cont01 .th_cont01_inner .th_table_area table.th_table thead th .d-flex .ttl {
  margin-top: 0;
}
main .th_cont01 .th_cont01_inner .th_table_area table.th_table thead .c_blank {
  width: 22%;
  background-color: #ffffff;
  border-left: none;
}
main .th_cont01 .th_cont01_inner .th_table_area table.th_table thead .c_normal {
  background-color: #ede8dc;
}
main .th_cont01 .th_cont01_inner .th_table_area table.th_table thead .c_normal .megane_ico {
  background-color: #605049;
}
main .th_cont01 .th_cont01_inner .th_table_area table.th_table thead .c_normal .ttl {
  color: #4c3930;
}
main .th_cont01 .th_cont01_inner .th_table_area table.th_table thead .c_care {
  background-color: #ffe3d7;
}
main .th_cont01 .th_cont01_inner .th_table_area table.th_table thead .c_care .megane_ico {
  background-color: #ff4d00;
}
main .th_cont01 .th_cont01_inner .th_table_area table.th_table tbody .r_head {
  width: 22%;
  background-color: #f9f7f2;
  color: #4c3930;
  letter-spacing: 0.04em;
  line-height: 1.4;
  padding: 1.56vw 0.8vw;
  border-left: none;
}
main .th_cont01 .th_cont01_inner .th_table_area table.th_table tbody td {
  color: #605049;
  letter-spacing: 0.03em;
  line-height: 1.5;
  padding: 1.56vw 1.2vw;
}
main .th_cont01 .th_cont01_inner .th_table_area table.th_table tbody td.care {
  color: #ff4d00;
}
main .th_cont01 .th_cont01_inner .th_table_area table.th_table tbody tr:last-child th,
main .th_cont01 .th_cont01_inner .th_table_area table.th_table tbody tr:last-child td {
  border-bottom: none;
}
main .th_cont02 {
  background-image: url(../img/therapeutic-glasses/bg01.svg);
  background-position: center;
  background-size: 62.2vw auto;
  background-repeat: no-repeat;
}
main .th_cont02 .th_cont02_inner .th_title .cont01_line {
  width: 50vw;
}
main .th_cont02 .th_cont02_inner .th_title .text {
  width: 36.6vw;
  margin-left: auto;
  margin-right: auto;
}
main .th_cont03 .th_cont03_inner .upper .th_cont03_img {
  width: 29.8vw;
}
main .th_cont03 .th_cont03_inner .upper .th_cont03_img img {
  width: 100%;
}
main .th_cont03 .th_cont03_inner .upper .textarea {
  width: 41.8vw;
  max-width: 680px;
}
main .th_cont03 .th_cont03_inner .upper .textarea .th_title .cont01_line {
  width: 33.3vw;
}
main .th_cont03 .th_cont03_inner .lower .lower_item {
  width: 20.9vw;
}
main .th_cont03 .th_cont03_inner .lower .lower_item .lower_item_upper img {
  width: 5vw;
}
main .th_cont04 .th_cont04_inner .th_title .cont01_line {
  width: 50vw;
}
main .th_cont04 .th_cont04_inner .th_title .text {
  width: 41.6vw;
  margin-left: auto;
  margin-right: auto;
}
main .th_cont04 .th_cont04_inner .th_cont04_content .th_cont04_item {
  width: 21.7vw;
}
main .th_cont04 .th_cont04_inner .th_cont04_content .th_cont04_item .th_cont04_item_header {
  border-radius: 20px 20px 0 0;
}
main .th_cont04 .th_cont04_inner .th_cont04_content .th_cont04_item .th_cont04_item_body {
  border-radius: 0 0 20px 20px;
}
main .th_cont04 .th_cont04_inner .th_cont04_content .th_cont04_item .th_cont04_item_body .my20 {
  width: 16.7vw;
}
main .th_cont04 .th_cont04_inner .th_cont04_content .th_cont04_item .th_cont04_item_body .th_cont04_item_img img {
  width: 100%;
}
main .th_cont05 .th_cont05_inner .th_title .intro {
  width: 41.6vw;
  margin-left: auto;
  margin-right: auto;
}
main .th_cont05 .th_cont05_inner .th_title .th_cont05_flex {
  width: 50vw;
  margin-left: auto;
  margin-right: auto;
}
main .th_cont05 .th_cont05_inner .th_title .th_cont05_flex .th_cont05_text {
  width: 26.8vw;
}
main .th_cont05 .th_cont05_inner .th_title .th_cont05_flex .th_cont05_text .cont01_line {
  width: 100%;
}
main .th_cont05 .th_cont05_inner .th_title .th_cont05_flex .th_cont05_img {
  width: 21.5vw;
}
main .th_cont05 .th_cont05_inner .th_title .th_cont05_flex .th_cont05_img picture img {
  width: 100%;
}
main {
  /*----------------------------------------------------------------

  vision（こどもの視力について）

  ----------------------------------------------------------------*/
}
main .vision_symptom .vision_symptom_inner {
  width: 66.67vw;
  margin-left: auto;
  margin-right: auto;
}
main .vision_anchor {
  display: grid;
  grid-template-columns: repeat(4, 9.375vw);
  justify-content: center;
}
main .vision_anchor .anchor_item {
  background-image: url(../img/support/anchor_bg.png);
  background-position: center;
  background-size: 9.375vw auto;
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 1.14vw;
  padding-bottom: 2.08vw;
  transition: 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  main .vision_anchor .anchor_item:hover {
    opacity: 1;
    transform: translateY(0.52vw);
  }
}
main .vision_growth .vision_growth_inner {
  width: 66.67vw;
  margin-left: auto;
  margin-right: auto;
}
main .vision_growth .vision_growth_inner .vision_growth_list {
  width: 50vw;
}
main .vision_growth .vision_growth_inner .vision_growth_list .vision_growth_item {
  width: 100%;
  border: 1px solid #4c3930;
}
main .vision_growth .vision_growth_inner .vision_growth_list .vision_growth_item .vision_growth_item_head {
  width: 10.94vw;
  flex-shrink: 0;
  justify-content: center;
  border-right: 1px dotted #4c3930;
  padding: 1.04vw 0.5vw;
}
main .vision_growth .vision_growth_inner .vision_growth_list .vision_growth_item .vision_growth_item_head .date {
  margin-bottom: 0.6vw;
}
main .vision_growth .vision_growth_inner .vision_growth_list .vision_growth_item .vision_growth_item_head .icon {
  width: 4.69vw;
  height: auto;
}
main .vision_growth .vision_growth_inner .vision_growth_list .vision_growth_item .vision_growth_item_body {
  flex: 1;
  padding: 1.35vw 0;
}
main .vision_growth .vision_growth_inner .vision_growth_list .vision_growth_item .vision_growth_item_body .vision_growth_line {
  display: block;
  width: 100%;
  height: 0;
  border-top: 1px dotted #605049;
  margin-top: 0.8vw;
}
main .vision_growth .vision_growth_inner .vision_growth_list .vision_growth_connector {
  display: block;
  position: relative;
  width: 0.9vw;
  height: 0.95vw;
}
main .vision_growth .vision_growth_inner .vision_growth_list .vision_growth_connector::before, main .vision_growth .vision_growth_inner .vision_growth_list .vision_growth_connector::after {
  content: "";
  position: absolute;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: #ff4d00;
}
main .vision_growth .vision_growth_inner .vision_growth_list .vision_growth_connector::before {
  left: 0;
}
main .vision_growth .vision_growth_inner .vision_growth_list .vision_growth_connector::after {
  right: 0;
}
main .vision_need .vision_need_inner {
  width: 71vw;
  margin-left: auto;
  margin-right: auto;
}
main .vision_need .vision_need_inner .th_title .text {
  width: 34.4vw;
  margin-left: auto;
  margin-right: auto;
}
main .vision_need .vision_need_inner .vision_need_cards .vision_need_card {
  position: relative;
  width: 22.4vw;
  padding: 3.4vw 1.46vw 1.66vw;
  background-color: #ffffff;
  border: 1.5px solid #85726a;
  border-radius: 20px;
}
main .vision_need .vision_need_inner .vision_need_cards .vision_need_card .vision_need_card_head {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16.67vw;
  min-height: 4.38vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8vw 0.5vw;
  background-color: #f9f7f2;
  border: 1.5px solid #85726a;
  border-radius: 999px;
}
main .vision_need .vision_need_inner .vision_need_cards .vision_need_card .vision_need_card_head::before, main .vision_need .vision_need_inner .vision_need_cards .vision_need_card .vision_need_card_head::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}
main .vision_need .vision_need_inner .vision_need_cards .vision_need_card .vision_need_card_head::before {
  bottom: -0.9vw;
  border-width: 0.95vw 1.15vw 0;
  border-top-color: #85726a;
}
main .vision_need .vision_need_inner .vision_need_cards .vision_need_card .vision_need_card_head::after {
  bottom: -0.83vw;
  border-width: 0.91vw 1.05vw 0;
  border-top-color: #f9f7f2;
}
main .vision_need .vision_need_inner .vision_need_cards .vision_need_card .vision_need_card_img {
  width: 17.7vw;
  margin-left: auto;
  margin-right: auto;
}
main .vision_need .vision_need_inner .vision_need_cards .vision_need_card .vision_need_card_img img {
  width: 100%;
  height: auto;
}
main .vision_need .vision_need_inner .vision_need_cards .vision_need_card .vision_need_card_text {
  margin-top: 1.56vw;
  background-color: #f9f7f2;
  border-radius: 0 0 12px 12px;
  padding: 1.25vw 1.5vw;
}
main .vision_reason .vision_reason_inner {
  width: 83.33vw;
  margin-left: auto;
  margin-right: auto;
}
main .vision_reason .vision_reason_inner .th_title .text {
  width: 34.4vw;
  margin-left: auto;
  margin-right: auto;
}
main .vision_reason .vision_reason_inner .vision_qa_card {
  padding: 3.13vw 8.33vw 3.13vw;
}
main .vision_reason .vision_reason_inner .vision_qa_card .vision_qa_title .title_icon {
  width: 2.81vw;
  height: auto;
}
main .vision_reason .vision_reason_inner .vision_qa_card .vision_qa_dot {
  display: block;
  width: 24.95vw;
  height: auto;
  margin: 1.2vw auto 0;
}
main .vision_reason .vision_reason_inner .vision_qa_card .vision_qa_list {
  margin-top: 2.4vw;
}
main .vision_reason .vision_reason_inner .vision_qa_card .vision_qa_list .vision_qa_item {
  padding: 1.8vw 0;
  border-bottom: 1px solid #e7e1d4;
  gap: 2vw;
}
main .vision_reason .vision_reason_inner .vision_qa_card .vision_qa_list .vision_qa_item .vision_qa_q {
  width: 23.4vw;
  flex-shrink: 0;
}
main .vision_reason .vision_reason_inner .vision_qa_card .vision_qa_list .vision_qa_item .vision_qa_q .q_icon {
  width: 1.82vw;
  min-width: 24px;
  height: auto;
}
main .vision_reason .vision_reason_inner .vision_qa_card .vision_qa_list .vision_qa_item .vision_qa_a {
  flex: 1;
}
main .vision_reason .vision_reason_inner .vision_symptom_cards .vision_symptom_card {
  width: 26.04vw;
  padding: 2.08vw 1.82vw 2.4vw;
}
main .vision_reason .vision_reason_inner .vision_symptom_cards .vision_symptom_card .vision_symptom_card_dot {
  display: block;
  width: 20vw;
  height: auto;
  margin: 0.8vw auto 0;
}
main {
  /* vision共通バナー（カード内）: .ban_cont の既存スタイルを流用し背景のみ解除 */
}
main .vision_ban.ban_cont {
  background: none;
}

.guide_cont06 {
  background-color: #f3efe4;
}
.guide_cont06 .guide_cont06_inner .guide_cont06_card {
  width: 66.67vw;
  margin-left: auto;
  margin-right: auto;
  background-color: #f9f7f2;
  padding: 3.13vw 5.1vw;
}
.guide_cont06 .guide_cont06_inner .guide_cont06_card .flow_list {
  position: relative;
}
.guide_cont06 .guide_cont06_inner .guide_cont06_card .flow_list::before {
  content: "";
  position: absolute;
  left: 9px;
  top: -1.2vw;
  bottom: 0;
  border-left: 2px dotted #ff4d00;
  z-index: 0;
}
.guide_cont06 .guide_cont06_inner .guide_cont06_card .flow_list .flow_item {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 2.08vw;
       column-gap: 2.08vw;
}
.guide_cont06 .guide_cont06_inner .guide_cont06_card .flow_list .flow_item:not(:first-child) {
  margin-top: 1.72vw;
}
.guide_cont06 .guide_cont06_inner .guide_cont06_card .flow_list .flow_item .flow_marker {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #ff4d00;
  border-radius: 50%;
  background: transparent;
  margin-top: 0.5vw;
  background-color: #ffc5ac;
}
.guide_cont06 .guide_cont06_inner .guide_cont06_card .flow_list .flow_item .flow_body {
  flex: 1;
  display: flex;
  align-items: flex-start;
  padding-bottom: 1.72vw;
  border-bottom: 1px solid #4c3930;
}
.guide_cont06 .guide_cont06_inner .guide_cont06_card .flow_list .flow_item .flow_body .flow_title {
  flex-shrink: 0;
  width: 16.61vw;
}
.guide_cont06 .guide_cont06_inner .guide_cont06_card .flow_list .flow_item .flow_body .flow_text {
  flex: 1;
}
.guide_cont06 .guide_cont06_inner .guide_cont06_card .flow_list .flow_item:last-child .flow_body {
  padding-bottom: 0;
  border-bottom: none;
}

.guide_cont07 .guide_cont07_inner .next_read {
  position: relative;
  display: block;
  width: 58.33vw;
  margin-left: auto;
  margin-right: auto;
  padding: 1.9vw 3.13vw;
  background-color: #ffe3d7;
  border: 1px solid #ff4d00;
  border-radius: 20px;
  box-shadow: 0 10px 0 0 #ff4d00;
  text-decoration: none;
  transition: 0.4s;
}
.guide_cont07 .guide_cont07_inner .next_read .next_read_megane {
  position: absolute;
  top: -1.04vw;
  left: -0.43vw;
  width: 5.6vw;
  height: auto;
  z-index: 1;
}
.guide_cont07 .guide_cont07_inner .next_read .next_read_text .next_read_label .next_read_arrow {
  width: 12.3vw;
  height: auto;
}
.guide_cont07 .guide_cont07_inner .next_read .next_read_text .next_read_title {
  margin-top: 0.4vw;
}
.guide_cont07 .guide_cont07_inner .next_read .next_read_text .next_read_sub {
  margin-top: 0.2vw;
}
.guide_cont07 .guide_cont07_inner .next_read .next_read_text .next_read_dot {
  display: block;
  width: 42.66vw;
  height: auto;
  margin-top: 1.1vw;
}
.guide_cont07 .guide_cont07_inner .next_read .next_read_circle {
  flex-shrink: 0;
  width: 6.35vw;
  height: 6.35vw;
}
.guide_cont07 .guide_cont07_inner .next_read .next_read_circle .material-symbols-outlined {
  font-size: clamp(32px, 2.86vw, 55px);
  transition: 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .guide_cont07 .guide_cont07_inner .next_read:hover {
    opacity: 1;
    box-shadow: 0 4px 0 0 #ff4d00;
    transform: translateY(6px);
  }
  .guide_cont07 .guide_cont07_inner .next_read:hover .next_read_circle .material-symbols-outlined {
    transform: translateX(4px);
  }
}

/*----------------------------------------------------------------

blog（一覧・シングル共通）

----------------------------------------------------------------*/
.bc_gray {
  border-color: #DCD3C7;
}

.blog_list_area,
.single_area {
  /* ===== 左：投稿一覧 ===== */
}
.blog_list_area .blog_area_inner_left,
.single_area .blog_area_inner_left {
  width: 58.33vw;
}
.blog_list_area .blog_area_inner_left .blog_area_inner_left_post_area,
.single_area .blog_area_inner_left .blog_area_inner_left_post_area {
  box-shadow: 0 2px 12px rgba(76, 57, 48, 0.06);
  transition: 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .blog_list_area .blog_area_inner_left .blog_area_inner_left_post_area:hover,
  .single_area .blog_area_inner_left .blog_area_inner_left_post_area:hover {
    opacity: 1;
    box-shadow: 0 4px 18px rgba(76, 57, 48, 0.12);
  }
  .blog_list_area .blog_area_inner_left .blog_area_inner_left_post_area:hover .text_area_right .material-symbols-outlined,
  .single_area .blog_area_inner_left .blog_area_inner_left_post_area:hover .text_area_right .material-symbols-outlined {
    transform: translateX(4px);
  }
}
.blog_list_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .thumb_area,
.single_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .thumb_area {
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
}
.blog_list_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .thumb_area img,
.single_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .thumb_area img {
  display: block;
  width: 8.54vw;
  min-width: 110px;
  aspect-ratio: 164/150;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.blog_list_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .text_area,
.single_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .text_area {
  flex: 1;
  min-width: 0;
}
.blog_list_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .text_area .text_area_left,
.single_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .text_area .text_area_left {
  flex: 1;
  min-width: 0;
}
.blog_list_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .text_area .text_area_left .cat,
.single_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .text_area .text_area_left .cat {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.blog_list_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .text_area .text_area_left .post_title,
.single_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .text_area .text_area_left .post_title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .blog_list_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .text_area .text_area_left .post_title:hover,
  .single_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .text_area .text_area_left .post_title:hover {
    color: #ff4d00;
  }
}
.blog_list_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .text_area .text_area_left .post_text,
.single_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .text_area .text_area_left .post_text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.blog_list_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .text_area .text_area_right,
.single_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .text_area .text_area_right {
  flex-shrink: 0;
}
.blog_list_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .text_area .text_area_right .material-symbols-outlined,
.single_area .blog_area_inner_left .blog_area_inner_left_post_area .blog_area_inner_left_post .text_area .text_area_right .material-symbols-outlined {
  transition: 0.4s;
}
.blog_list_area,
.single_area {
  /* ===== 右：サイドバー ===== */
}
.blog_list_area .blog_side,
.single_area .blog_side {
  width: 16.7vw;
}
.blog_list_area .blog_side .blog_category_area p,
.single_area .blog_side .blog_category_area p {
  text-align: center;
  border-radius: 10px;
}
.blog_list_area .blog_side .blog_category_area ul li a,
.single_area .blog_side .blog_category_area ul li a {
  transition: 0.4s;
}
.blog_list_area .blog_side .blog_category_area ul li a .material-icons,
.single_area .blog_side .blog_category_area ul li a .material-icons {
  transition: 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .blog_list_area .blog_side .blog_category_area ul li a:hover,
  .single_area .blog_side .blog_category_area ul li a:hover {
    opacity: 1;
    color: #ff4d00;
  }
  .blog_list_area .blog_side .blog_category_area ul li a:hover .material-icons,
  .single_area .blog_side .blog_category_area ul li a:hover .material-icons {
    color: #ff4d00;
    transform: translateX(3px);
  }
}

/* ===== ページネーション ===== */
.pagenation_area .wp-pagenavi {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.52vw;
}
.pagenation_area .pages,
.pagenation_area .first,
.pagenation_area .last {
  display: none;
}
.pagenation_area .page,
.pagenation_area .current {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5625vw;
  height: 1.5625vw;
  min-width: 30px;
  min-height: 30px;
  font-size: max(0.833vw, 16px);
  text-decoration: none;
  transition: opacity 0.2s ease;
  border: 1px solid #605049;
  color: #605049;
}
.pagenation_area .current {
  background-color: #ff4d00;
  color: #ffffff;
  border-color: #ff4d00;
}
.pagenation_area .extend {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5625vw;
  color: #605049;
}
.pagenation_area .previouspostslink,
.pagenation_area .nextpostslink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5625vw;
  height: 1.5625vw;
  min-width: 30px;
  min-height: 30px;
  text-decoration: none;
  background-color: #605049;
  border: 1px solid #605049;
  color: #ffffff;
  font-size: 1.04vw;
  line-height: 1;
  transition: opacity 0.2s ease;
}
.pagenation_area .previouspostslink .material-icons,
.pagenation_area .nextpostslink .material-icons {
  color: #ffffff;
  font-size: 1.04vw;
  line-height: 1;
}
@media (hover: hover) and (pointer: fine) {
  .pagenation_area .page:hover,
  .pagenation_area .previouspostslink:hover,
  .pagenation_area .nextpostslink:hover {
    opacity: 0.7;
  }
}
.pagenation_area .page:focus-visible,
.pagenation_area .previouspostslink:focus-visible,
.pagenation_area .nextpostslink:focus-visible {
  outline: 0.15vw solid #605049;
  outline-offset: 0.15vw;
}

/*----------------------------------------------------------------

blog single（記事詳細）

----------------------------------------------------------------*/
.single_area .single_area_inner_left {
  width: 58.33vw;
  /* 記事本文カード */
}
.single_area .single_area_inner_left .single_post {
  padding: 2.08vw 4.16vw 3.12vw;
}
.single_area .single_area_inner_left .single_post .single_post_head .single_post_meta .cat {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.single_area .single_area_inner_left .single_post .single_post_head .single_post_title {
  border-bottom: 1px dotted #605049;
}
.single_area .single_area_inner_left .single_post .single_post_thumb {
  overflow: hidden;
}
.single_area .single_area_inner_left .single_post .single_post_thumb img {
  display: block;
  width: 100%;
  aspect-ratio: 960/600;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.single_area .single_area_inner_left .single_post .single_post_body {
  /* 大見出し */
}
.single_area .single_area_inner_left .single_post .single_post_body .single_h2 {
  padding-left: 1.04vw;
  background-color: #F9F7F2;
  border-left: 8px solid #605049;
}
.single_area .single_area_inner_left .single_post .single_post_body {
  /* 中見出し */
}
.single_area .single_area_inner_left .single_post .single_post_body .single_h3 {
  padding-bottom: 0.52vw;
  border-bottom: 2px solid #F3EFE4;
}
.single_area .single_area_inner_left .single_post .single_post_body {
  /* 小見出し */
}
.single_area .single_area_inner_left .single_post .single_post_body .single_h4 {
  position: relative;
  padding-left: 1.04vw;
}
.single_area .single_area_inner_left .single_post .single_post_body .single_h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 0.52vw;
  height: 0.52vw;
  min-width: 9px;
  min-height: 9px;
  border-radius: 50%;
  background-color: #605049;
}
.single_area .single_area_inner_left {
  /* 前後の記事ナビ */
}
.single_area .single_area_inner_left .single_post_nav {
  border-top: 1px solid #605049;
  position: relative;
}
.single_area .single_area_inner_left .single_post_nav .single_post_nav_link {
  color: #605049;
  text-decoration: none;
  transition: 0.4s;
}
.single_area .single_area_inner_left .single_post_nav .single_post_nav_link .single_post_nav_icon {
  color: #FF4D00;
  font-size: 1.25vw;
  min-width: 24px;
}
@media (hover: hover) and (pointer: fine) {
  .single_area .single_area_inner_left .single_post_nav .single_post_nav_link:hover {
    opacity: 0.7;
  }
}
.single_area .single_area_inner_left .single_post_nav .single_post_nav_back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15.62vw;
  height: 3.02vw;
  min-height: 50px;
  background-color: #ff4d00;
  border: 1px solid #ff4d00;
  border-radius: 50px;
  text-decoration: none;
  transition: 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .single_area .single_area_inner_left .single_post_nav .single_post_nav_back:hover {
    opacity: 1;
    background-color: #fff;
    color: #ff4d00;
  }
}

/*----------------------------------------------------------------

about（トマトグラッシーズについて）

----------------------------------------------------------------*/
.about_hero {
  position: relative;
  z-index: 0;
}
.about_hero .about_hero_bg {
  position: absolute;
  top: -5vw;
  right: 0;
  width: 75vw;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.about_hero .about_hero_inner .about_hero_title .about_hero_face {
  position: relative;
  display: block;
  width: 11.46vw;
  flex-shrink: 0;
}
.about_hero .about_hero_inner .about_hero_title .about_hero_face .about_hero_kids {
  display: block;
  width: 100%;
  height: auto;
}
.about_hero .about_hero_inner .about_hero_title .about_hero_face .about_hero_megane {
  position: absolute;
  top: 34%;
  left: 50%;
  transform: translateX(-50%);
  width: 104%;
  height: auto;
  opacity: 0;
  animation: aboutMegane 8s infinite;
}
.about_hero .about_hero_inner .about_hero_title .about_hero_face .megane01 {
  animation-delay: 0s;
}
.about_hero .about_hero_inner .about_hero_title .about_hero_face .megane02 {
  animation-delay: 2s;
}
.about_hero .about_hero_inner .about_hero_title .about_hero_face .megane03 {
  animation-delay: 4s;
}
.about_hero .about_hero_inner .about_hero_title .about_hero_face .megane04 {
  animation-delay: 6s;
}
.about_hero .about_intro .about_intro_img {
  width: 45.7vw;
  flex-shrink: 0;
}
.about_hero .about_intro .about_intro_img picture img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0 20px 20px 0;
}
.about_hero .about_intro .about_intro_text {
  flex: 1;
}
.about_hero .about_intro .about_intro_text .about_intro_line {
  display: block;
  width: 26vw;
  height: 3px;
  background-color: #ff8c5a;
  margin-top: 1vw;
  border-radius: 999px;
}
.about_hero .about_intro .cont01_line {
  width: 32.7vw;
}

@keyframes aboutMegane {
  0% {
    opacity: 0;
  }
  4% {
    opacity: 1;
  }
  22% {
    opacity: 1;
  }
  27% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.about_cert {
  background-image: url(../img/about/bg01.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.about_cert .about_cert_inner {
  width: 78.125vw;
  margin-left: auto;
  margin-right: 8.9vw;
}
.about_cert .about_cert_inner .about_cert_text {
  width: 28.4vw;
}
.about_cert .about_cert_inner .about_cert_img {
  width: 32.8vw;
  padding: 2.6vw 3vw;
}
.about_cert .about_cert_inner .about_cert_img img {
  display: block;
  width: 100%;
  height: auto;
}

.about_important .about_important_inner {
  width: 71vw;
  margin-left: auto;
  margin-right: auto;
}
.about_important .about_important_inner .th_title .th_title_upper {
  width: 39.75vw;
  margin-left: auto;
  margin-right: auto;
}
.about_important .about_important_inner .about_reason_cards .about_reason_card {
  position: relative;
  width: 33.85vw;
  padding: 3.4vw 2.6vw 2.6vw;
}
.about_important .about_important_inner .about_reason_cards .about_reason_card .about_reason_tab {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  padding: 0.6vw 2.2vw;
  border-radius: 999px;
}
.about_important .about_important_inner .about_reason_cards .about_reason_card .about_reason_tab::before {
  content: "";
  position: absolute;
  bottom: -0.78vw;
  left: 50%;
  transform: translateX(-50%);
  border-left: 0.8vw solid transparent;
  border-right: 0.8vw solid transparent;
  border-top: 0.8vw solid #605049;
}
.about_important .about_important_inner .about_reason_cards .about_reason_card .about_reason_tab::after {
  content: "";
  position: absolute;
  bottom: -0.62vw;
  left: 50%;
  transform: translateX(-50%);
  border-left: 0.73vw solid transparent;
  border-right: 0.73vw solid transparent;
  border-top: 0.73vw solid #F9F7F2;
}
.about_important .about_important_inner .about_reason_cards .about_reason_card .about_reason_icons .about_reason_icon img {
  width: 5vw;
  height: auto;
}
.about_important .about_important_inner .about_reason_cards .about_reason_card .about_reason_desc {
  min-height: 12.16vw;
}
.about_important .about_important_inner .about_reason_cards .about_reason_card_02 .about_reason_tab::after {
  content: "";
  position: absolute;
  bottom: -0.62vw;
  left: 50%;
  transform: translateX(-50%);
  border-left: 0.73vw solid transparent;
  border-right: 0.73vw solid transparent;
  border-top: 0.73vw solid #EDE8DC;
}

.about_voice {
  background-image: url(../img/about/bg02.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.about_voice .about_voice_inner {
  width: 71vw;
  margin-left: auto;
  margin-right: auto;
}
.about_voice .about_voice_inner .about_voice_head img {
  width: 6.4vw;
  height: auto;
}
.about_voice .about_voice_inner .about_voice_cards .about_voice_card {
  width: 21vw;
}
.about_voice .about_voice_inner .about_voice_cards .about_voice_card .about_voice_photo {
  position: relative;
}
.about_voice .about_voice_inner .about_voice_cards .about_voice_card .about_voice_photo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
}
.about_voice .about_voice_inner .about_voice_cards .about_voice_card .about_voice_photo .about_voice_name {
  position: absolute;
  left: 50%;
  bottom: 0.6vw;
  transform: translateX(-50%);
  padding: 0.3vw 1.6vw;
  border-radius: 999px;
  white-space: nowrap;
}
.about_voice .about_voice_inner .about_voice_cards .about_voice_card .about_voice_body {
  position: relative;
  margin-top: 1.6vw;
  padding: 1.35vw 1.5vw 1.6vw;
  box-shadow: 0 4px 0vw rgb(130, 109, 99);
}
.about_voice .about_voice_inner .about_voice_cards .about_voice_card .about_voice_body::before, .about_voice .about_voice_inner .about_voice_cards .about_voice_card .about_voice_body::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}
.about_voice .about_voice_inner .about_voice_cards .about_voice_card .about_voice_body::before {
  top: -0.88vw;
  border-width: 0 1vw 0.88vw;
  border-bottom-color: #605049;
}
.about_voice .about_voice_inner .about_voice_cards .about_voice_card .about_voice_body::after {
  top: -0.78vw;
  border-width: 0 0.9vw 0.83vw;
  border-bottom-color: #ffffff;
}
.about_voice .about_voice_inner .about_voice_btn {
  margin-left: auto;
  margin-right: auto;
  transition: 0.4s;
}
.about_voice .about_voice_inner .about_voice_btn .material-symbols-outlined {
  transition: 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .about_voice .about_voice_inner .about_voice_btn:hover {
    opacity: 0.8;
  }
}

/*----------------------------------------------------------------

その他のキット

----------------------------------------------------------------*/
.about_kit .about_kit_inner {
  width: 83.333vw;
}
.about_kit .about_kit_inner .about_kit_head {
  padding-top: 1.15vw;
  padding-bottom: 1.15vw;
}
.about_kit .about_kit_inner .about_kit_head img {
  width: 2.8125vw;
  height: auto;
}
.about_kit .about_kit_inner .about_kit_body {
  padding: 3.6vw 0 4.7vw;
}
.about_kit .about_kit_inner .about_kit_body .about_kit_intro {
  width: 66.667vw;
}
.about_kit .about_kit_inner .about_kit_body .about_kit_intro .about_kit_intro_img {
  flex-shrink: 0;
  width: 27.083vw;
  border: 1px solid #605049;
  border-radius: 16px;
}
.about_kit .about_kit_inner .about_kit_body .about_kit_intro .about_kit_intro_img img {
  width: 100%;
  border-radius: 16px;
  height: auto;
}
.about_kit .about_kit_inner .about_kit_body .about_kit_intro .about_kit_intro_text {
  width: 31.25vw;
}
.about_kit .about_kit_inner .about_kit_body .about_kit_intro .about_kit_intro_text .upper img {
  width: 2.8125vw;
  height: auto;
}
.about_kit .about_kit_inner .about_kit_body .about_kit_intro .about_kit_intro_text .about_kit_intro_desc {
  padding-bottom: 1.3vw;
  border-bottom: 2px dotted #ffc5ac;
}
.about_kit .about_kit_inner .about_kit_body .about_kit_intro .about_kit_intro_text .about_kit_intro_desc .about_kit_bullet {
  flex-shrink: 0;
  width: 1.2vw;
  height: auto;
  margin-top: 0.4vw;
}
.about_kit .about_kit_inner .about_kit_body .about_kit_series {
  width: 66.667vw;
}
.about_kit .about_kit_inner .about_kit_body .about_kit_series .about_kit_series_head {
  padding-top: 0.55vw;
  padding-bottom: 0.55vw;
}
.about_kit .about_kit_inner .about_kit_body .about_kit_series .pad_row .pad_card {
  width: 20.3125vw;
}
.about_kit .about_kit_inner .about_kit_body .about_kit_series .pad_row .pad_card .pad_card_img img {
  width: 100%;
  height: auto;
}
.about_kit .about_kit_inner .about_kit_body .about_kit_series .pad_row .pad_card .pad_card_info {
  margin-top: 0.5vw;
  padding: 1.35vw 2.6vw 1.35vw 1.7vw;
  background-color: #f9f7f2;
  border-radius: 12px;
}
.about_kit .about_kit_inner .about_kit_body .about_kit_series .pad_row .pad_card .pad_card_info .pad_card_row .pad_card_type {
  padding-bottom: 0.15vw;
  border-bottom: 2px solid #4c3930;
}
.about_kit .about_kit_inner .about_kit_body .about_kit_pill {
  width: 75vw;
  padding: 1.05vw 2vw;
  background-color: #ffffff;
  border: 2px solid #ede8dc;
  border-radius: 9999px;
}
.about_kit .about_kit_inner .about_kit_body .about_kit_pill .about_kit_pill_icon {
  width: 1.56vw;
  height: auto;
}
.about_kit .about_kit_inner .about_kit_body .fit_row {
  width: 66.667vw;
}
.about_kit .about_kit_inner .about_kit_body .fit_card {
  width: 20.833vw;
  overflow: hidden;
  background-color: #ede8dc;
}
.about_kit .about_kit_inner .about_kit_body .fit_card .fit_card_label {
  padding: 0.6vw 0;
  text-align: center;
}
.about_kit .about_kit_inner .about_kit_body .fit_card .fit_card_img img {
  display: block;
  width: 100%;
  height: auto;
}
.about_kit .about_kit_inner .about_kit_body .func_row .func_item {
  width: 20.833vw;
}
.about_kit .about_kit_inner .about_kit_body .about_kit_note {
  width: 53.4375vw;
}