@charset "utf-8";

/* ----- inner_common ----- */

h2.inner_ttl {
  margin-top: min(10rem, 100px);
  width: 100%;
  padding: min(2rem, 20px);
  font-size: min(3.2rem, 32px);
  font-weight: 600;
  color: #fff;
  background: linear-gradient(to bottom, #7E5001, #95773F);
  font-family: var(--font-serif);
  line-height: 1.4;
}

h3.inner_ttl {
  margin-top: min(4.0rem, 40px);
  font-size: min(2.4rem, 24px);
  font-weight: 600;
  font-family: var(--font-serif);
  color: #42210B;
  padding-bottom: min(1rem, 10px);
  border-bottom: min(0.1rem, 1px) solid #AA8D4D;
  line-height: 1.4;
  letter-spacing: 0em;
  position: relative;
}

h3.inner_ttl::after {
  content: "";
  display: block;
  position: absolute;
  width: min(12rem, 120px);
  height: min(0.1rem, 1px);
  background-color: #42210B;
  bottom: 0;
  left: 0;
  transform: translateY(50%);
}

h4.inner_ttl {
  margin-top: min(4rem, 40px);
  width: 100%;
  padding: min(1.5rem, 15px) min(1.5rem, 15px) min(1.5rem, 15px) min(4rem, 40px);
  background-color: #FAF5E9;
  color: #42210B;
  font-size: min(2rem, 20px);
  font-weight: 600;
  line-height: 1.4;
  font-family: var(--font-serif);
  position: relative;
}

h4.inner_ttl a {
  text-decoration: underline;
}

h4.inner_ttl::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/_inner/shape_h3_head.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: min(2.0rem, 20px);
  height: 100%;
  top: 0;
  left: 0;
}

h5.inner_ttl {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.8rem, 18px);
  font-weight: 700;
  line-height: 1.4;
  color: #AA8D4D;
  padding-bottom: min(0.5rem, 5px);
  border-bottom: min(0.1rem, 1px) solid #AA8D4D;
}

h5.inner_ttl small {
  font-size: min(1.2rem, 12px);
  font-weight: 700;
}

@media (max-width: 799px) {
  h2.inner_ttl {
    margin-top: 5rem;
    padding: 1rem;
    font-size: 2rem;
  } 

  h3.inner_ttl {
    margin-top: 2rem;
    font-size: 1.8rem;
    padding-bottom: 0.5rem;
    border-bottom: 0.1rem solid #AA8D4D;
  }

  h3.inner_ttl::after {
    width: 6rem;
    height: .1rem;
  }
  
  h4.inner_ttl {
    margin-top: 2rem;
    padding: 1.0rem 1.0rem 1.0rem 2.6rem;
    font-size: 1.6rem;
    line-height: 1.4;
  }
  
  h4.inner_ttl::before {
    width: 1.6rem;
    height: 100%;
  }

  h5.inner_ttl {
    margin-top: 1.2rem;
    font-size: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: .1rem solid #AA8D4D;
  }

  h5.inner_ttl small {
    font-size: 1rem;
  }
}

/* ----- */

main.inner section.mv {
  width: 100%;
  height: min(30rem, 300px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

main.inner section.mv h1.mv_ttl {
  content: "";
  position: absolute;
  width: fit-content;
  height: fit-content;
  padding: min(2rem, 20px) min(6rem, 60px);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: min(0.5rem, 5px);
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}

main.inner section.mv h1.mv_ttl div.main {
  font-size: min(4rem, 40px);
  font-weight: 500;
  font-family: var(--font-serif);
}

main.inner section.mv h1.mv_ttl div.sub {
  font-size: min(2rem, 20px);
  font-weight: 400;
  font-family: var(--font-serif);
  color: #AA8D4D;
}

main.inner p a {
  text-decoration: underline;
}

@media (max-width: 799px) {
  main.inner section.mv {
    height: 18rem;
  }
  
  main.inner section.mv h1.mv_ttl {
    padding: 1rem 3rem;
    gap: 0.5rem;
  }
  
  main.inner section.mv h1.mv_ttl div.main {
    font-size: 2.8rem;
    line-height: 1.4;
  }
  
  main.inner section.mv h1.mv_ttl div.sub {
    font-size: 1.4rem;
  }
}

/* ----- breadcrumbs ----- */

section.breadcrumbs div.container {
  padding: min(2rem, 20px) 20px 0;
}

section.breadcrumbs ul.breadcrumbs_list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: min(1rem, 10px) min(2.4rem, 24px);
}

section.breadcrumbs ul.breadcrumbs_list li.breadcrumbs_item a {
  font-size: min(1.4rem, 14px);
  font-weight: 400;
  position: relative;
}

section.breadcrumbs ul.breadcrumbs_list li.breadcrumbs_item:last-of-type a {
  pointer-events: none;
}

section.breadcrumbs ul.breadcrumbs_list li.breadcrumbs_item:not(:last-child) a::after {
  content: ">";
  width: fit-content;
  height: fit-content;
  font-size: min(1.4rem, 14px);
  font-weight: 400;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  transform: translateX(200%);
}

@media (max-width: 799px) {
  section.breadcrumbs div.container {
    padding: 1rem 2rem 0;
  }
  
  section.breadcrumbs ul.breadcrumbs_list {
    flex-wrap: wrap;
    gap: 1rem 2rem;
  }
  
  section.breadcrumbs ul.breadcrumbs_list li.breadcrumbs_item a {
    font-size: 1.2rem;
  }
  
  section.breadcrumbs ul.breadcrumbs_list li.breadcrumbs_item:not(:last-child) a::after {
    font-size: 1.2rem;
    font-weight: 400;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    transform: translateX(200%);
  }
}

/* ----- inner_nav ----- */

section.inner_nav div.container {
  padding: min(6rem, 60px) 20px 0;
}

section.inner_nav div.inner_nav_wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: min(2.0rem, 20px) min(2.5rem, 25px);
}

section.inner_nav div.inner_nav_wrap div.inner_nav_item a {
  padding: min(1rem, 10px);
  background-color: #FAF5E9;
  border: min(0.1rem, 1px) solid #42210B;
  font-size: min(1.6rem, 16px);
  font-weight: 500;
  font-family: var(--font-serif);
  color: #42210B;
  letter-spacing: 0em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

section.inner_nav div.inner_nav_wrap div.inner_nav_item a::after {
  content: "";
  background-image: url(../img/_inner/icon_arrow_down_brown.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: min(.8rem, 8px);
  height: min(.4rem, 4px);
}

@media (max-width: 799px) {
  section.inner_nav div.container {
    padding: 3rem 2rem 0;
  }
  
  section.inner_nav div.inner_nav_wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  
  section.inner_nav div.inner_nav_wrap div.inner_nav_item a {
    padding: 1rem 0.5rem;
    border: .1rem solid #42210B;
    font-size: 1.2rem;
  }
  
  section.inner_nav div.inner_nav_wrap div.inner_nav_item a::after {
    width: 0.8rem;
    height: 0.4rem;
  }
}

/* ----- introduction ----- */

main.introduction section.mv {
  background-image: url(../img/_introduction/bg_mv_pc.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 799px) {
  main.introduction section.mv {
    background-image: url(../img/_introduction/bg_mv_sp.jpg);
  }
}

/* ----- */

main.introduction div.staff_wrap {
  margin-top: min(2.4rem, 24px);
  display: grid;
  grid-template-columns: min(48rem, 480px) 1fr;
  align-items: center;
  gap: min(4rem, 40px);
}

main.introduction div.staff_wrap div.img_area {
  width: 100%;
}

main.introduction div.staff_wrap div.position {
  font-size: min(1.6rem, 16px);
  font-weight: 400;
}

main.introduction div.staff_wrap div.name {
  margin-top: min(1rem, 10px);
  font-size: min(2.4rem, 24px);
  font-weight: 600;
  font-family: var(--font-serif);
}

main.introduction div.staff_wrap div.name small {
  display: inline-block;
  margin-right: min(1rem, 10px);
  font-size: min(2.0rem, 20px);
  font-weight: 500;
}

main.introduction div.staff_wrap p.staff_txt {
  margin-top: min(3.2rem, 32px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

@media (max-width: 799px) {
  main.introduction div.staff_wrap {
    margin-top: 2.4rem;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 2rem;
  }
  
  main.introduction div.staff_wrap div.position {
    font-size: 1.4rem;
  }
  
  main.introduction div.staff_wrap div.name {
    margin-top: 1rem;
    font-size: 1.8rem;
  }
  
  main.introduction div.staff_wrap div.name small {
    margin-right: 0.5rem;
    font-size: 1.4rem;
  }
  
  main.introduction div.staff_wrap p.staff_txt {
    margin-top: 1.6rem;
    font-size: 1.4rem;
  }
}

/* ----- */

main.introduction p.greeting_txt {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

@media (max-width: 799px) {
  main.introduction p.greeting_txt {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }
}

/* ----- */

main.introduction div.history_wrap div.history_item {
  padding: min(2.4rem, 24px) 0 min(1rem, 10px);
  border-bottom: min(0.1rem, 1px) solid #EAE3D7;
  display: grid;
  grid-template-columns: min(16.8rem, 168px) 1fr;
  align-items: start;
  gap: 0;
}

main.introduction div.history_wrap div.history_item div.history_date {
  width: 100%;
  font-size: min(2rem, 20px);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0em;
}

main.introduction div.history_wrap div.history_item div.history_content {
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

@media (max-width: 799px) {
  main.introduction div.history_wrap div.history_item {
    padding: 1.2rem 0 0.5rem;
    border-bottom: .1rem solid #EAE3D7;
    display: grid;
    grid-template-columns: 10rem 1fr;
  }
  
  main.introduction div.history_wrap div.history_item div.history_date {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  
  main.introduction div.history_wrap div.history_item div.history_content {
    font-size: 1.4rem;
    line-height: 1.2;
  }
}

/* ----- */

main.introduction ul.staff_list {
  margin-top: min(2.4rem, 24px);
  display: flex;
  flex-direction: column;
  gap: min(2.0rem, 20px);
}

main.introduction ul.staff_list li.staff_item {
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: min(1rem, 10px);
}

main.introduction ul.staff_list li.staff_item::before {
  content: "";
  width: min(1rem, 10px);
  height: min(1rem, 10px);
  border-radius: 50%;
  background-color: #AA8D4D;
}

@media (max-width: 799px) {
  main.introduction ul.staff_list {
    margin-top: 1.2rem;
    flex-direction: column;
    gap: 1rem;
  }
  
  main.introduction ul.staff_list li.staff_item {
    font-size: 1.4rem;
    letter-spacing: 0em;
    gap: 1rem;
  }
  
  main.introduction ul.staff_list li.staff_item::before {
    width: 0.8rem;
    height: 0.8rem;
  }
}

/* ----- */

main.introduction div.introduction_wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 min(4.0rem, 40px);
}

main.introduction div.introduction_wrap02 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 min(2.0rem, 20px);
}

main.introduction div.introduction_wrap03 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0 min(2.5rem, 25px);
}

main.introduction div.introduction_wrap div.introduction_item div.img_area,
main.introduction div.introduction_wrap02 div.introduction_item div.img_area, 
main.introduction div.introduction_wrap03 div.introduction_item div.img_area {
  margin-top: min(2.4rem, 24px);
  width: 100%;
}

main.introduction p.introduction_note {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

main.introduction p.introduction_txt {
  margin-top: min(1.6rem, 16px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

main.introduction p.introduction_caption {
  margin-top: min(1.6rem, 16px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
  text-align: center;
}

@media (max-width: 799px) {
  main.introduction div.introduction_wrap {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }

  main.introduction div.introduction_wrap02 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }

  main.introduction div.introduction_wrap03 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0 2rem;
  }
  
  main.introduction div.introduction_wrap div.introduction_item div.img_area, 
  main.introduction div.introduction_wrap02 div.introduction_item div.img_area {
    margin-top: 1.2rem;
  }

  main.introduction p.introduction_note {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }

  main.introduction p.introduction_txt {
    margin-top: min(1rem, 10px);
    font-size: 1.4rem;
  }
}

/* ----- */

main.introduction div.pack_wrap {
  margin-top: min(2.4rem, 24px);
  display: grid;
  grid-template-columns: min(30rem, 300px) 1fr;
  align-items: center;
  gap: min(2rem, 20px);
}

main.introduction div.pack_wrap div.img_area {
  width: 100%;
}

main.introduction p.pack_txt {
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

@media (max-width: 799px) {
  main.introduction div.pack_wrap {
    margin-top: 1.2rem;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 2rem;
  }
  
  main.introduction p.pack_txt {
    font-size: 1.4rem;
  }  
}

/* ----- */

main.introduction div.access_wrap {
  margin-top: min(2.4rem, 24px);
  display: grid;
  grid-template-columns: 1fr min(53rem, 530px);
  align-items: center;
  gap: min(4rem, 40px);
}

main.introduction div.access_wrap div.logo {
  width: min(20rem, 200px);
}

main.introduction div.access_wrap div.info_wrap {
  margin-top: min(2.4rem, 24px);
}

main.introduction div.access_wrap div.info_wrap div.info_item {
  padding: min(1.6rem, 16px) 0 min(1.2rem, 12px);
  border-bottom: min(0.1rem, 1px) solid #EAE3D7;
  display: grid;
  grid-template-columns: min(10rem, 100px) 1fr;
  align-items: start;
  gap: 0;
}

main.introduction div.access_wrap div.info_wrap div.info_item:first-of-type {
  padding-top: 0;
}

main.introduction div.access_wrap div.info_wrap div.info_item:last-of-type {
  border-bottom: none;
}

main.introduction div.access_wrap div.info_wrap div.info_item div.term {
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  line-height: 1.2;
}

main.introduction div.access_wrap div.info_wrap div.info_item div.value {
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.2;
}

@media (max-width: 799px) {
  main.introduction div.access_wrap {
    margin-top: 2.4rem;
    display: flex;
    flex-direction: column-reverse;
    gap: 2rem;
  }

  main.introduction div.access_wrap div.logo {
    width: 20rem;
  }
  
  main.introduction div.access_wrap div.info_wrap div.info_item {
    padding: 1rem 0 0.8rem;
    border-bottom: .1rem solid #EAE3D7;
    grid-template-columns: 7.6rem 1fr;
  }
  
  main.introduction div.access_wrap div.info_wrap div.info_item div.term {
    font-size: 1.4rem;
  }
  
  main.introduction div.access_wrap div.info_wrap div.info_item div.value {
    font-size: 1.4rem;
  }
}

/* ----- */

main.introduction table.dental_info {
  margin-top: min(1.0rem, 10px);
  width: 100%;
  letter-spacing: 0em;
}

main.introduction table.dental_info thead th, 
main.introduction table.dental_info thead td {
  width: min(13rem, 130px);
  height: min(4rem, 40px);
  font-size: min(1.6rem, 16px);
  font-weight: 500;
  background-color: #42210B;
  color: #fff;
  text-align: center;
}

main.introduction table.dental_info thead td {
  width: min(5rem, 50px);
}

main.introduction table.dental_info tbody th, 
main.introduction table.dental_info tbody td {
  width: min(13rem, 130px);
  height: min(4rem, 40px);
  font-size: min(1.6rem, 16px);
  font-weight: 500;
  background-color: #FAF5E9;
  color: #333333;
  text-align: center;
  border: min(0.1rem, 1px) solid #42210B;
}

main.introduction table.dental_info tbody td {
  width: min(5rem, 50px);
  color: #AA8D4D;
}

main.introduction table.dental_info tbody td div.bar {
  margin: 0 auto;
  width: min(1.5rem, 15px);
  height: min(0.2rem, 2px);
  background-color: #AA8D4D;
}

@media (max-width: 799px) {
  main.introduction table.dental_info {
    margin-top: 1rem;
  }
  
  main.introduction table.dental_info thead th, 
  main.introduction table.dental_info thead td {
    width: 7rem;
    height: 3rem;
    font-size: 1.3rem;
  }
  
  main.introduction table.dental_info thead td {
    width: 3.5rem;
  }
  
  main.introduction table.dental_info tbody th, 
  main.introduction table.dental_info tbody td {
    width: 7rem;
    height: 3rem;
    font-size: 1.3rem;
  }
  
  main.introduction table.dental_info tbody td {
    width: 3.5rem;
  }
  
  main.introduction table.dental_info tbody td div.bar {
    width: 1.0rem;
    height: 0.2rem;
  }
}

/* ----- */

main.introduction div.credit_image {
  margin-top: min(2.4rem, 24px);
  width: min(54rem, 540px);
}

@media (max-width: 799px) {
  main.introduction div.credit_image {
    margin-top: 1.2rem;
    width: 100%;
  }
}

/* ----- */

main.introduction h5.introduction_ttl {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.8rem, 18px);
  font-weight: 700;
  line-height: 1.6;
}

@media (max-width: 799px) {
  main.introduction h5.introduction_ttl {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }
}

main.introduction div.introduction_image {
  margin-top: min(2.4rem, 24px);
  width: 100%;
}

@media (max-width: 799px) {
  main.introduction div.introduction_image {
    margin-top: 1.2rem;
  }
}

/* ----- feature ----- */

main.feature section.mv {
  background-image: url(../img/_feature/bg_mv_pc.jpg);
}

@media (max-width: 799px) {
  main.feature section.mv {
    background-image: url(../img/_feature/bg_mv_sp.jpg);
  }
}

/* ----- */

main.feature div.feature_image {
  margin-top: min(2.4rem, 24px);
}

main.feature p.feature_txt {
  margin-top: min(1.6rem, 16px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

main.feature ul.feature_list {
  margin-top: min(1.6rem, 16px);
  padding: min(2.5rem, 25px);
  background-color: #FFFCF6;
  border: min(0.1rem, 1px) solid #AA8D4D;
  display: flex;
  flex-direction: column;
  gap: min(1.0rem, 10px);
}

main.feature ul.feature_list li.feature_item {
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  line-height: 1.6;
  display: flex;
  align-items: start;
  gap: min(0.5rem, 5px);
}

main.feature ul.feature_list li.feature_item::before {
  content: "";
  width: min(1rem, 10px);
  height: min(1rem, 10px);
  border-radius: 50%;
  background-color: #AA8D4D;
  transform: translateY(85%);
  flex-shrink: 0;
}

@media (max-width: 799px) {
  main.feature div.feature_image {
    margin-top: 1.2rem;
  }

  main.feature p.feature_txt {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }

  main.feature ul.feature_list {
    margin-top: 1.2rme;
    padding: 1.5rem;
    border: .1rem solid #AA8D4D;
    gap: .5rem;
  }
  
  main.feature ul.feature_list li.feature_item {
    font-size: 1.4rem;
    padding-left: 1em;
    text-indent: -1em;
  }
  
  main.feature ul.feature_list li.feature_item::before {
    width: 0.8rem;
    height: 0.8rem;
    transform: translate(-200%, 90%);
  }
}

/* ----- service ----- */

main.service section.mv {
  background-image: url(../img/_service/bg_mv_pc.jpg);
}

@media (max-width: 799px) {
  main.service section.mv {
    background-image: url(../img/_service/bg_mv_sp.jpg);
  }
}

/* ----- */

main.service div.service_image_wrap {
  position: relative;
}

main.service div.service_image_wrap div.hover_area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(66, 33, 11, .8);
  color: #fff;
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
  padding: min(6rem, 60px);
  display: flex;
  justify-content: center;
  align-items: center;
  word-break: break-all;
  overflow-wrap: break-word;
  opacity: 0;
  pointer-events: none;
  transition: all .8s;
}

main.service div.service_image_wrap div.hover_area.active {
  opacity: 1;
  pointer-events: auto;
}

/* ----- */

main.service div.service_menu_wrap {
  margin-top: min(4rem, 40px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(2rem, 20px) min(4rem, 40px);
}

main.service div.service_menu_wrap a.service_menu_item {
  font-size: min(2.4rem, 24px);
  font-weight: 400;
  font-family: var(--font-serif);
  padding-bottom: min(1rem, 10px);
  border-bottom: min(0.1rem, 1px) solid #42210B;
  display: flex;
  align-items: center;
  gap: min(1rem, 10px);
  letter-spacing: 0em;
}

main.service div.service_menu_wrap a.service_menu_item::before {
  content: "";
  background-image: url(../img/_service/icon_menu01.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: min(4rem, 40px);
  height: min(4rem, 40px);
}

main.service div.service_menu_wrap a.service_menu_item:nth-of-type(2)::before {
  background-image: url(../img/_service/icon_menu02.png);
}

main.service div.service_menu_wrap a.service_menu_item:nth-of-type(3)::before {
  background-image: url(../img/_service/icon_menu03.png);
}

main.service div.service_menu_wrap a.service_menu_item:nth-of-type(4)::before {
  background-image: url(../img/_service/icon_menu04.png);
}

main.service div.service_menu_wrap a.service_menu_item:nth-of-type(5)::before {
  background-image: url(../img/_service/icon_menu05.png);
}

main.service div.service_menu_wrap a.service_menu_item:nth-of-type(6)::before {
  background-image: url(../img/_service/icon_menu06.png);
}

main.service div.service_menu_wrap a.service_menu_item:nth-of-type(7)::before {
  background-image: url(../img/_service/icon_menu07.png);
}

main.service div.service_menu_wrap a.service_menu_item:nth-of-type(8)::before {
  background-image: url(../img/_service/icon_menu08.png);
}

main.service div.service_menu_wrap a.service_menu_item:nth-of-type(9)::before {
  background-image: url(../img/_service/icon_menu09.png);
}

main.service div.service_menu_wrap a.service_menu_item:nth-of-type(10)::before {
  background-image: url(../img/_service/icon_menu10.png);
}

main.service div.service_menu_wrap a.service_menu_item:nth-of-type(11)::before {
  background-image: url(../img/_service/icon_menu11.png);
}

main.service div.service_menu_wrap a.service_menu_item:nth-of-type(12)::before {
  background-image: url(../img/_service/icon_menu12.png);
}

@media (max-width: 799px) {
  main.service div.service_menu_wrap {
    margin-top: 0;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
  
  main.service div.service_menu_wrap a.service_menu_item {
    font-size: 1.6rem;
    padding-bottom: 1rem;
    border-bottom: .1rem solid #42210B;
    gap: 0.5rem;
  }
  
  main.service div.service_menu_wrap a.service_menu_item::before {
    width: 3rem;
    height: 3rem;
  }
}

/* ----- */

main.service div.service_flow_wrap {
  margin-top: min(4rem, 40px);
  display: flex;
  flex-direction: column;
  gap: min(5.3rem, 53px);
}

main.service div.service_flow_wrap div.service_flow_item {
  display: grid;
  grid-template-columns: min(45rem, 450px) 1fr;
  align-items: start;
  gap: min(4rem, 40px);
  padding-bottom: min(4rem, 40px);
  border-bottom: min(0.1rem, 1px) solid #42210B;
  position: relative;
}

main.service div.service_flow_wrap div.service_flow_item::after {
  content: "";
  position: absolute;
  display: block;
  background-image: url(../img/_service/shape_arrow_down.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: min(2.5rem, 25px);
  height: min(1.3rem, 13px);
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  transform: translateY(100%);
}

main.service div.service_flow_wrap div.service_flow_item:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
  position: relative;
}

main.service div.service_flow_wrap div.service_flow_item:last-of-type::after {
  content: none;
}

main.service div.service_flow_wrap div.service_flow_item div.service_ttl_area {
  display: flex;
  align-items: center;
  gap: min(1rem, 10px);
  padding-bottom: min(1rem, 10px);
  border-bottom: min(0.1rem, 1px) solid #EAE3D7;
}

main.service div.service_flow_wrap div.service_flow_item div.service_ttl_area div.step {
  width: min(11rem, 110px);
  height: min(4rem, 40px);
  background-image: url(../img/_service/shape_penta.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding-left: min(1rem, 10px);
  display: flex;
  align-items: center;
  font-size: min(2rem, 20px);
  font-weight: 400;
  color: #fff;
  font-family: var(--font-serif);
  letter-spacing: 0.1em;
}

main.service div.service_flow_wrap div.service_flow_item div.service_ttl_area h3.service_ttl {
  font-size: min(2.4rem, 24px);
  font-weight: 500;
  font-family: var(--font-serif);
  margin-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}

main.service div.service_flow_wrap div.service_flow_item div.service_ttl_area h3.service_ttl::after {
  content: none;
}

main.service div.service_flow_wrap div.service_flow_item p.service_txt {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

main.service div.service_flow_wrap div.service_flow_item ul.service_list {
  margin-top: min(1.6rem, 16px);
  padding: min(2rem, 20px);
  padding-left: min(4rem, 40px);
  background-color: #FFFCF6;
  border: min(0.1rem, 1px) solid #AA8D4D;
  display: flex;
  flex-direction: column;
  gap: min(.5rem, 5px);
}

main.service div.service_flow_wrap div.service_flow_item ul.service_list li.service_list_item {
  font-size: min(1.6rem, 16px);
  list-style: disc;
}

@media (max-width: 799px) {
  main.service div.service_flow_wrap {
    margin-top: 2rem;
    gap: 3.2rem;
  }
  
  main.service div.service_flow_wrap div.service_flow_item {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 2rem;
    padding-bottom: 2rem;
    border-bottom: .1rem solid #42210B;
  }

  main.service div.service_flow_wrap div.service_flow_item::after {
    width: 2.5rem;
    height: 1.2rem;
    transform: translateY(100%);
  }
  
  main.service div.service_flow_wrap div.service_flow_item div.service_ttl_area {
    align-items: start;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: .1rem solid #EAE3D7;
  }
  
  main.service div.service_flow_wrap div.service_flow_item div.service_ttl_area div.step {
    width: 9rem;
    height: 3.5rem;
    padding-left: 1rem;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    flex-shrink: 0;
  }
  
  main.service div.service_flow_wrap div.service_flow_item div.service_ttl_area h3.service_ttl {
    font-size: 2rem;
    line-height: 1.6;
  }
  
  main.service div.service_flow_wrap div.service_flow_item p.service_txt {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }
  
  main.service div.service_flow_wrap div.service_flow_item ul.service_list {
    margin-top: 1rem;
    padding: 1rem;
    padding-left: 2.5rem;
    border: .1rem solid #AA8D4D;
    gap: 0.5rem;
  }
  
  main.service div.service_flow_wrap div.service_flow_item ul.service_list li.service_list_item {
    font-size: 1.4rem;
  }
}

/* ----- article list ----- */

main.article_list section.mv, 
main.article_detail section.mv {
  background-image: url(../img/_article/bg_mv_pc.jpg);
}

@media (max-width: 799px) {
  main.article_list section.mv, 
  main.article_detail section.mv {
    background-image: url(../img/_article/bg_mv_sp.jpg);
  }
}

/* ----- */

main.article_list div.article_list_wrap {
  display: flex;
  flex-direction: column;
  gap: min(4rem, 40px);
}

main.article_list div.article_list_wrap a.article_list_item {
  display: grid;
  grid-template-columns: min(31rem, 310px) 1fr;
  align-items: center;
  gap: min(2rem, 20px);
  padding-bottom: min(2.4rem, 24px);
  border-bottom: min(0.1rem, 1px) solid #AA8D4D;
}

main.article_list div.article_list_wrap a.article_list_item:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}

main.article_list div.article_list_wrap a.article_list_item div.thumb_area {
  width: 100%;
}

main.article_list div.article_list_wrap a.article_list_item div.info_wrap {
  display: flex;
  align-items: center;
  gap: min(1rem, 10px);
}

main.article_list div.article_list_wrap a.article_list_item div.info_wrap div.date {
  font-size: min(1.2rem, 12px);
  font-weight: 500;
  font-family: var(--font-cormorant);
  color: #AA8D4D;
}

main.article_list div.article_list_wrap a.article_list_item div.info_wrap div.category {
  width: fit-content;
  background-color: #AA8D4D;
  padding: 0.4rem 1rem;
  font-size: min(1.2rem, 12px);
  font-weight: 400;
  color: #fff;
}

main.article_list div.article_list_wrap a.article_list_item div.article_list_ttl {
  margin-top: min(1rem, 10px);
  font-size: min(1.8rem, 18px);
  font-weight: 700;
  line-height: 1.4;
}

main.article_list div.article_list_wrap a.article_list_item p.article_list_txt {
  margin-top: min(2.8rem, 28px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

@media (max-width: 799px) {
  main.article_list div.article_list_wrap {
    gap: 2rem;
  }
  
  main.article_list div.article_list_wrap a.article_list_item {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding-bottom: 1.2rem;
    border-bottom: .1rem solid #AA8D4D;
  }
  
  main.article_list div.article_list_wrap a.article_list_item div.info_wrap {
    gap: 0.5rem;
  }
  
  main.article_list div.article_list_wrap a.article_list_item div.info_wrap div.date {
    font-size: 1.2rem;
  }
  
  main.article_list div.article_list_wrap a.article_list_item div.info_wrap div.category {
    padding: 0.4rem 1rem;
    font-size: 1.2rem;
  }
  
  main.article_list div.article_list_wrap a.article_list_item div.article_list_ttl {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 1.4;
  }
}

/* ----- */

main.article_list div.pagination {
  margin: min(6rem, 60px) auto 0;
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(2rem, 20px);
}

main.article_list div.pagination a.pagination_item {
  width: min(4rem, 40px);
  height: min(4rem, 40px);
  border: min(0.1rem, 1px) solid #AA8D4D;
  color: #AA8D4D;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(2rem, 20px);
  font-family: var(--font-lora);
  letter-spacing: 0.1em;
}

main.article_list div.pagination a.pagination_item.active {
  background-color: #AA8D4D;
  color: #fff;
}

@media (max-width: 799px) {
  main.article_list div.pagination {
    margin: 3rem auto 0;
    gap: 1rem;
  }
  
  main.article_list div.pagination a.pagination_item {
    width: 3rem;
    height: 3rem;
    border: .1rem solid #AA8D4D;
    font-size: 1.4rem;
  }
}

/* ----- article detail ----- */

main.article_detail div.article_wrap {
  padding: min(8rem, 80px) min(6rem, 60px);
  border: min(0.1rem, 1px) solid #42210B;
}

main.article_detail div.info_wrap {
  display: flex;
  align-items: center;
  gap: min(1rem, 10px);
}

main.article_detail div.info_wrap div.date {
  font-size: min(1.2rem, 12px);
  font-weight: 500;
  font-family: var(--font-cormorant);
  color: #AA8D4D;
}

main.article_detail div.info_wrap div.category {
  width: fit-content;
  background-color: #AA8D4D;
  padding: min(0.4rem, 4px) min(1rem, 10px);
  font-size: min(1.2rem, 12px);
  font-weight: 400;
  color: #fff;
}

main.article_detail h1.article_ttl {
  margin-top: min(2.4rem, 24px);
  font-size: min(2.8rem, 28px);
  font-weight: 600;
  font-family: var(--font-serif);
  line-height: 1.4;
}

main.article_detail .article_wrap h2 {
  margin-top: min(6rem, 60px);
  padding: min(1.5rem, 15px) min(2rem, 20px);
  background: linear-gradient(to bottom, #7E5001, #95773F);
  font-size: min(2.8rem, 28px);
  font-weight: 600;
  font-family: var(--font-serif);
  line-height: 1.4;
  color: #fff;
}

main.article_detail .article_wrap img {
  margin-top: min(4rem, 40px);
  width: 100%;
}

main.article_detail .article_wrap p {
  margin-top: min(4rem, 40px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

main.article_detail .article_wrap h3 {
  margin-top: min(4rem, 40px);
  font-size: min(2.4rem, 24px);
  font-weight: 600;
  font-family: var(--font-serif);
  line-height: 1.4;
  padding-bottom: min(1rem, 10px);
  border-bottom: min(0.1rem, 1px) solid #42210B;
}

main.article_detail .article_wrap table {
  margin-top: min(2.4rem, 24px);
  width: 100%;
  border: min(0.1rem, 1px) solid #D7D3C9;
}

main.article_detail .article_wrap table thead tr th {
  background-color: #AA8D4D;
  color: #fff;
  padding: min(1rem, 10px);
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  width: 30%;
  border-right: min(0.1rem, 1px) solid #D7D3C9;
}

main.article_detail .article_wrap table thead tr th:last-of-type {
  width: 40%;
  border-right: none;
}

main.article_detail .article_wrap table tbody tr td {
  padding: min(1rem, 10px);
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  line-height: 1.4;
  border-right: min(0.1rem, 1px) solid #D7D3C9;
  border-bottom: min(0.1rem, 1px) solid #D7D3C9;
  text-align: center;
}

main.article_detail .article_wrap table tbody tr:last-of-type td {
  border-bottom: none;
}

main.article_detail .article_wrap h4 {
  margin-top: min(4rem, 40px);
  padding: min(1.5rem, 15px) min(1.5rem, 15px) min(1.5rem, 15px) min(3rem, 30px);
  background-color: #FAF5E9;
  font-size: min(2rem, 20px);
  font-weight: 600;
  font-family: var(--font-serif);
  line-height: 1.4;
  position: relative;
}

main.article_detail .article_wrap h4::before {
  content: '';
  display: block;
  position: absolute;
  background-image: url(../img/_article/shape_stripe.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: min(2rem, 20px);
  height: 100%;
  top: 0;
  left: 0;
}

main.article_detail .article_wrap h5 {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.8rem, 18px);
  font-weight: 600;
  line-height: 1.4;
  color: #AA8D4D;
  padding-bottom: min(0.5rem, 5px);
  border-bottom: min(0.1rem, 1px) solid #AA8D4D;
}

main.article_detail .article_wrap h6 {
  margin-top: min(2.4rem, 24px);
  padding: min(0.7rem, 7px) min(1rem, 10px);
  border-radius: min(0.5rem, 5px);
  background-color: #FAF5E9;
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  line-height: 1.4;
}

main.article_detail .article_wrap h7 {
  display: block;
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  line-height: 1.4;
}

main.article_detail .article_wrap ul {
  margin-top: min(2.4rem, 24px);
  padding: min(2.5rem, 25px);
  background-color: #FAF5E9;
  border: min(0.1rem, 1px) solid #42210B;
  display: flex;
  flex-direction: column;
  gap: min(1rem, 10px);
}

main.article_detail .article_wrap ul li {
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  line-height: 1.4;
  display: flex;
  align-items: start;
  gap: min(1rem, 10px);
}

main.article_detail .article_wrap ul li::before {
  content: '';
  display: block;
  width: min(1rem, 10px);
  height: min(1rem, 10px);
  border-radius: 50%;
  background-color: #AA8D4D;
  flex-shrink: 0;
  transform: translateY(70%);
}

@media (max-width: 799px) {
  main.article_detail div.article_wrap {
    padding: 4rem 2rem;
    border: .1rem solid #42210B;
  }
  
  main.article_detail div.info_wrap {
    gap: 1rem;
  }
  
  main.article_detail div.info_wrap div.date {
    font-size: 1.2rem;
  }
  
  main.article_detail div.info_wrap div.category {
    padding: .4rem 1rem;
    font-size: 1.2rem;
  }
  
  main.article_detail h1.article_ttl {
    margin-top: 1.2rem;
    font-size: 2rem;
    line-height: 1.4;
  }
  
  main.article_detail .article_wrap h2 {
    margin-top: 3rem;
    padding: 1rem;
    font-size: 2rem;
  }
  
  main.article_detail .article_wrap img {
    margin-top: 2rem;
  }
  
  main.article_detail .article_wrap p {
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  
  main.article_detail .article_wrap h3 {
    margin-top: 2rem;
    font-size: 1.8rem;
    padding-bottom: 0.5rem;
    border-bottom: .1rem solid #42210B;
  }
  
  main.article_detail .article_wrap table {
    margin-top: 1.2rem;
    border: .1rem solid #D7D3C9;
  }
  
  main.article_detail .article_wrap table thead tr th {
    padding: 1rem 0.5rem;
    font-size: 1.4rem;
    width: 25%;
    border-right: .1rem solid #D7D3C9;
  }
  
  main.article_detail .article_wrap table thead tr th:last-of-type {
    width: 35%;
  }
  
  main.article_detail .article_wrap table thead tr th:last-of-type {
    width: 40%;
  }
  
  main.article_detail .article_wrap table tbody tr td {
    padding: 1rem 0.5rem;
    font-size: 1.2rem;
    font-weight: 400;
    text-align: left;
    border-right: .1rem solid #D7D3C9;
    border-bottom: .1rem solid #D7D3C9;
    letter-spacing: 0em;
  }
  
  main.article_detail .article_wrap table tbody tr td:first-of-type {
    font-weight: 700;
    text-align: center;
  }
  
  main.article_detail .article_wrap h4 {
    margin-top: 2rem;
    padding: 1rem 1rem 1rem 2rem;
    font-size: 1.6rem;
  }
  
  main.article_detail .article_wrap h4::before {
    width: 1.6rem;
    height: 100%;
  }
  
  main.article_detail .article_wrap h5 {
    margin-top: 1.2rem;
    font-size: 1.4rem;
    padding-bottom: 0.5rem;
    border-bottom: .1rem solid #AA8D4D;
  }
  
  main.article_detail .article_wrap h6 {
    margin-top: 1.2rem;
    padding: 0.7rem 1rem;
    border-radius: 0.5rem;
    font-size: 1.5rem;
  }
  
  main.article_detail .article_wrap h7 {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }
  
  main.article_detail .article_wrap ul {
    margin-top: 1.2rem;
    padding: 1.5rem;
    border: .1rem solid #42210B;
    gap: 1rem;
  }
  
  main.article_detail .article_wrap ul li {
    font-size: 1.4rem;
    gap: 0.5rem;
  }
  
  main.article_detail .article_wrap ul li::before {
    width: 0.8rem;
    height: 0.8rem;
    transform: translateY(70%);
  }
}

/* ----- */

main.article_detail div.detail_pagination {
  margin-top: min(9rem, 90px);
  display: grid;
		grid-template-columns: repeat(2, 1fr);
  gap: 0;
}

main.article_detail div.detail_pagination a.detail_pagination_item {
  padding: min(4.5rem, 45px) min(2rem, 20px) min(2rem, 20px);
  position: relative;
  display: flex;
  align-items: center;
  gap: 2rem;
  background-color: #FAF5E9;
  border: min(0.1rem, 1px) solid #42210B;
  border-right: none;
		}

main.article_detail div.detail_pagination div.detail_pagination_wrap {
/*  border-right: min(0.1rem, 1px) solid #42210B;*/

		}

main.article_detail div.detail_pagination div.detail_pagination_wrap:first-of-type {
  border-right: min(0.1rem, 1px) solid #42210B;
}

main.article_detail div.detail_pagination div.detail_pagination_wrap:last-of-type a.detail_pagination_item {
  border-left: none;
  border-right: min(0.1rem, 1px) solid #42210B;
  flex-direction: row-reverse;
}

main.article_detail div.detail_pagination a.detail_pagination_item div.item_term {
  position: absolute;
  width: min(18rem, 180px);
  height: min(3.5rem, 35px);
  background-color: #AA8D4D;
  color: #fff;
  font-size: min(1.4rem, 14px);
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  transform: translate(min(2rem, 20px), -50%);
}

main.article_detail div.detail_pagination div.detail_pagination_wrap:last-of-type a.detail_pagination_item div.item_term {
  left: auto;
  right: 0;
  transform: translate(max(-2rem, -20px), -50%);
}

main.article_detail div.detail_pagination a.detail_pagination_item div.thumb_area {
  width: min(18rem, 180px);
  flex-shrink: 0;
}

main.article_detail div.detail_pagination a.detail_pagination_item div.article_ttl {
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  line-height: 1.4;
}

@media (max-width: 799px) {
  main.article_detail div.detail_pagination {
    margin-top: 5rem;
  }
  
  main.article_detail div.detail_pagination a.detail_pagination_item {
    padding: 2.5rem 1.5rem 1.5rem;
    flex-direction: column;
    gap: 1rem;
  }
  
  main.article_detail div.detail_pagination div.detail_pagination_wrap:last-of-type a.detail_pagination_item {
    flex-direction: column;
  }
  
  main.article_detail div.detail_pagination a.detail_pagination_item div.item_term {
    width: 12rem;
    height: 2.5rem;
    font-size: 1.2rem;
    right: 0;
    margin: auto;
    transform: translate(0, -50%);
  }
  
  main.article_detail div.detail_pagination div.detail_pagination_wrap:last-of-type a.detail_pagination_item div.item_term {
    right: 0;
    left: 0;
    transform: translate(0, -50%);
  }
  
  main.article_detail div.detail_pagination a.detail_pagination_item div.thumb_area {
    width: 100%;
  }
  
  main.article_detail div.detail_pagination a.detail_pagination_item div.article_ttl {
    font-size: 1.2rem;
  }
}

/* ----- news ----- */

main.article_list.news nav.article_nav {
  width: fit-content;
  margin: 0 auto;
}

main.article_list.news nav.article_nav ul.article_nav_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(2rem, 20px);
}

main.article_list.news nav.article_nav ul.article_nav_list li.article_nav_item a {
  width: min(21rem, 210px);
  height: min(6rem, 60px);
  background: #FAF5E9;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(2rem, 20px);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.8s;
}

main.article_list.news nav.article_nav ul.article_nav_list li.article_nav_item.active a {
  background: #AA8D4D;
  color: #fff;
}

main.article_list.news div.article_list_wrap {
  margin-top: min(6rem, 60px);
  position: absolute;
  top: -999999px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.8s;
}

main.article_list.news div.article_list_wrap.active {
  position: static;
  opacity: 1;
  pointer-events: auto;
}

@media (max-width: 799px) {
  main.article_list.news nav.article_nav {
    width: 100%;
  }
  
  main.article_list.news nav.article_nav ul.article_nav_list {
    gap: 1rem;
  }
  
  main.article_list.news nav.article_nav ul.article_nav_list li.article_nav_item a {
    width: 100%;
    height: 4.5rem;
    font-size: 1.6rem;
  }
  
  main.article_list.news div.article_list_wrap {
    margin-top: 3rem;
  }
}

/* ----- sitemap ----- */

main.sitemap section.mv {
  background-image: url(../img/_sitemap/bg_mv_pc.jpg);
}

@media (max-width: 799px) {
  main.sitemap section.mv {
    background-image: url(../img/_sitemap/bg_mv_sp.jpg);
  }
}

/* ----- */

main.sitemap section.sitemap ul.sitemap_wrap {
  display: grid;
  grid-template-columns: 1fr;
  gap: min(4rem, 40px);
}

main.sitemap section.sitemap ul.sitemap_wrap li.sitemap_item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: min(2.4rem, 24px);
  font-weight: 600;
  font-family: var(--font-serif);
  padding-bottom: min(1rem, 10px);
  border-bottom: min(0.1rem, 1px) solid #AA8D4D;
}

main.sitemap section.sitemap ul.sitemap_wrap li.sitemap_item a::after {
  content: '';
  background-image: url(../img/_sitemap/icon_arrow_right.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: min(2rem, 20px);
  height: min(1.5rem, 15px);
}

main.sitemap section.sitemap ul.sitemap_wrap li.sitemap_item ul.menu_wrap {
  margin-top: min(2.4rem, 24px);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: min(2rem, 20px);
}

main.sitemap section.sitemap ul.sitemap_wrap li.sitemap_item ul.menu_wrap li.menu_item a {
  display: block;
  width: 100%;
  background-color: #FAF5E9;
  padding: min(1rem, 10px);
  font-size: min(1.8rem, 18px);
  font-weight: 500;
  border-bottom: none;
  font-family: var(--font-sans);
  letter-spacing: 0em;
  line-height: 1.8;
}

@media (max-width: 799px) {
  main.sitemap section.sitemap ul.sitemap_wrap {
    gap: 2rem;
  }
  
  main.sitemap section.sitemap ul.sitemap_wrap li.sitemap_item a {
    font-size: 1.6rem;
    padding-bottom: 1rem;
    border-bottom: .1rem solid #AA8D4D;
  }
  
  main.sitemap section.sitemap ul.sitemap_wrap li.sitemap_item a::after {
    width: 1rem;
    height: 0.8rem;
  }
  
  main.sitemap section.sitemap ul.sitemap_wrap li.sitemap_item ul.menu_wrap {
    margin-top: 1.2rem;
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  
  main.sitemap section.sitemap ul.sitemap_wrap li.sitemap_item ul.menu_wrap li.menu_item a {
    padding: 1rem;
    font-size: 1.4rem;
  }
}

/* ----- implant ----- */

main.implant section.mv {
  background-image: url(../img/_implant/bg_mv_pc.jpg);
}

main.implant section.implant p.implant_txt {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

main.implant section.implant p.implant_txt.small {
  font-size: min(1.6rem, 16px);
  font-weight: 400;
}

main.implant section.implant p.implant_txt span.red {
  color: #FF0000;
  font-weight: 700;
}

main.implant section.implant p.implant_txt.strong {
  font-weight: 700;
}

@media (max-width: 799px) {
  main.implant section.mv {
    background-image: url(../img/_implant/bg_mv_sp.jpg);
  }

  main.implant section.implant p.implant_txt {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }
}

/* ----- */

main.implant section.implant div.thought_wrap {
  margin-top: min(4rem, 40px);
  display: grid;
  grid-template-columns: min(38rem, 380px) 1fr;
  gap: min(4rem, 40px);
}

main.implant section.implant div.thought_wrap div.left div.position {
  margin-top: min(3rem, 30px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
}

main.implant section.implant div.thought_wrap div.left div.status {
  margin-top: min(2rem, 20px);
  font-size: min(2rem, 20px);
  font-weight: 500;
  font-family: var(--font-serif);
}

main.implant section.implant div.thought_wrap div.left div.name {
  margin-top: min(1rem, 10px);
  font-size: min(2.4rem, 24px);
  font-weight: 600;
  font-family: var(--font-serif);
}

@media (max-width: 799px) {
  main.implant section.implant div.thought_wrap {
    margin-top: 2rem;
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
  
  main.implant section.implant div.thought_wrap div.left div.position {
    margin: 2rem 0 1rem;
    font-size: 1.4rem;
  }
  
  main.implant section.implant div.thought_wrap div.left div.status {
    display: inline-block;
    margin-top: 0;
    font-size: 1.4rem;
  }
  
  main.implant section.implant div.thought_wrap div.left div.name {
    margin-top: 0;
    display: inline-block;
    margin-top: 0;
    font-size: 1.8rem;
  }
}

/* ----- */

main.implant section.implant div.merit_wrap {
  margin-top: min(4rem, 40px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(4rem, 40px);
}

main.implant section.implant div.merit_wrap div.merit_item div.img_area {
  margin-top: min(1.6rem, 16px);
}

@media (max-width: 799px) {
  main.implant section.implant div.merit_wrap {
    margin-top: 2rem;
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  main.implant section.implant div.merit_wrap div.merit_item div.img_area {
    margin-top: 1rem;
  }  
}

/* ----- */

main.implant section.implant div.solution_wrap {
  margin-top: min(2.4rem, 24px);
  display: grid;
  grid-template-columns: min(38rem, 380px) 1fr;
  gap: min(2rem, 20px);
}

main.implant section.implant div.solution_note {
  margin-top: min(3.2rem, 32px);
  padding: min(2.5rem, 25px);
  background-color: #FFFCF6;
  border: min(0.1rem, 1px) solid #AA8D4D;
}

main.implant section.implant div.solution_note div.note_ttl {
  font-size: min(1.8rem, 18px);
  font-weight: 700;
  color: #AA8D4D;
}

main.implant section.implant div.solution_note div.note_txt {
  margin-top: min(1rem, 10px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

@media (max-width: 799px) {
  main.implant section.implant div.solution_wrap {
    margin-top: 1.2rem;
    grid-template-columns: 1fr;
    gap: 1rem;
  }  

  main.implant section.implant div.solution_note {
    margin-top: 1.6rem;
    padding: 1.5rem;
    border: .1rem solid #AA8D4D;
  }
  
  main.implant section.implant div.solution_note div.note_ttl {
    font-size: 1.6rem;
  }
  
  main.implant section.implant div.solution_note div.note_txt {
    margin-top: 0.5rem;
    font-size: 1.6rem;
  }
}

/* ----- */

main.implant section.implant div.solution_image {
  margin-top: min(1.6rem, 16px);
  width: min(68rem, 680px);
}

main.implant section.implant p.implant_txt.small {
  font-size: min(1.2rem, 12px);
  color: #898989;
}

@media (max-width: 799px) {
  main.implant section.implant div.solution_image {
    margin-top: 1rem;
    width: 100%;
  }

  main.implant section.implant p.implant_txt.small {
    font-size: 1rem;
    line-height: 1.8;
  }
}

/* ----- */

main.implant section.implant div.surgery_wrap {
  margin-top: min(2.4rem, 24px);
  border: min(0.1rem, 1px) solid #EAE3D7;
}

main.implant section.implant div.surgery_wrap div.surgery_item {
  display: grid;
  grid-template-columns: min(24rem, 240px) 1fr;
  align-items: stretch;
  gap: 0;
  border-bottom: min(0.1rem, 1px) solid #EAE3D7;
}

main.implant section.implant div.surgery_wrap div.surgery_item:last-of-type {
  border-bottom: none;
}

main.implant section.implant div.surgery_wrap div.surgery_item div.surgery_term {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(2rem, 20px);
  font-weight: 500;
  color: #fff;
  background-color: #D1C88E;
}

main.implant section.implant div.surgery_wrap div.surgery_item:last-of-type div.surgery_term {
  background-color: #9E986C;
}

main.implant section.implant div.surgery_wrap div.surgery_item ul.surgery_list {
  padding: min(2.5rem, 25px);
  display: flex;
  flex-direction: column;
  gap: min(1rem, 10px);
}

main.implant section.implant div.surgery_wrap div.surgery_item ul.surgery_list li.surgery_item {
  font-size: min(1.6rem, 16px);
  font-weight: 500;
  line-height: 1.8;
  padding-left: .5em;
  text-indent: -.5em;
}

@media (max-width: 799px) {
  main.implant section.implant div.surgery_wrap {
    margin-top: 1.2rem;
    border: .1rem solid #EAE3D7;
  }

  main.implant section.implant div.surgery_wrap div.surgery_item {
    grid-template-columns: 10rem 1fr;
    border-bottom: .1rem solid #EAE3D7;
  }
  
  main.implant section.implant div.surgery_wrap div.surgery_item div.surgery_term {
    font-size: 1.4rem;
  }
  
  main.implant section.implant div.surgery_wrap div.surgery_item ul.surgery_list {
    padding: 1.5rem;
    gap: 0.5rem;
  }
  
  main.implant section.implant div.surgery_wrap div.surgery_item ul.surgery_list li.surgery_item {
    font-size: 1.2rem;
    line-height: 1.8;
    padding-left: .5em;
    text-indent: -.5em;
  }
}

/* ----- */

main.implant section.implant div.flapless_wrap {
  margin-top: min(2.4rem, 24px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(4rem, 40px);
}

main.implant section.implant div.flapless_wrap div.flapless_box {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 7;
  gap: 0;
}

main.implant section.implant div.flapless_wrap div.flapless_box div.flapless_ttl {
  height: min(5rem, 50px);
  background-color: #AA8D4D;
  font-size: min(2rem, 20px);
  font-weight: 600;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

main.implant section.implant div.flapless_wrap div.flapless_box div.flapless_item {
  padding: min(2rem, 20px);
  display: grid;
  grid-template-columns: min(18rem, 180px) 1fr;
  align-items: center;
  gap: min(2rem, 20px);
  border: min(0.1rem, 1px) solid #EAE3D7;
}

main.implant section.implant div.flapless_wrap div.flapless_box div.flapless_item p.implant_txt {
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

main.implant section.implant div.flapless_wrap div.flapless_box:first-of-type div.flapless_item:last-of-type p.implant_txt {
  grid-column: span 2;
}

main.implant section.implant div.flapless_wrap div.flapless_box:last-of-type div.flapless_item:nth-of-type(3) p.implant_txt, 
main.implant section.implant div.flapless_wrap div.flapless_box:last-of-type div.flapless_item:nth-of-type(6) p.implant_txt, 
main.implant section.implant div.flapless_wrap div.flapless_box:last-of-type div.flapless_item:nth-of-type(7) p.implant_txt {
  grid-column: span 2;
}

@media (max-width: 799px) {
  main.implant section.implant div.flapless_wrap {
    margin-top: 1.2rem;
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  main.implant section.implant div.flapless_wrap div.flapless_box div.flapless_ttl {
    height: 4.3rem;
    font-size: 1.6rem;
  }
  
  main.implant section.implant div.flapless_wrap div.flapless_box div.flapless_item {
    padding: 1rem;
    grid-template-columns: 15rem 1fr;
    gap: 1rem;
    border: .1rem solid #EAE3D7;
  }
  
  main.implant section.implant div.flapless_wrap div.flapless_box div.flapless_item p.implant_txt {
    font-size: 1.4rem;
  }
}

/* ----- */

main.inner table.price_table {
  margin-top: min(2.4rem, 24px);
  width: 100%;
  border: min(0.1rem, 1px) solid #EAE3D7;
}

main.inner table.price_table thead th {
  background-color: #AA8D4D;
  border-right: min(0.1rem, 1px) solid #EAE3D7;
  width: 27%;
  height: min(4rem, 40px);
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  color: #fff;
}

main.inner table.price_table thead th:nth-of-type(2) {
  width: 50%;
}

main.inner table.price_table thead th:last-of-type(3) {
  width: 23%;
  border-right: none;
}

main.inner table.price_table tbody tr td {
  padding: min(1.5rem, 15px) min(1rem, 10px) min(1rem, 10px);
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  line-height: 1.8;
  border-right: min(0.1rem, 1px) solid #EAE3D7;
  border-bottom: min(0.1rem, 1px) solid #EAE3D7;
  text-align: center;
  background-color: #FAF5E9;
  color: #42210B;
}

main.inner table.price_table tbody tr td:nth-of-type(2) {
  background-color: #fff;
  font-weight: 400;
  text-align: left;
}

main.inner table.price_table tbody tr td:last-of-type {
  background-color: #fff;
  font-weight: 400;
}

main.implant div.price_table_wrap table.price_table tbody tr td.first_td {
  padding: min(1.5rem, 15px) min(1rem, 10px) min(1rem, 10px);
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  line-height: 1.8;
  border-right: min(0.1rem, 1px) solid #EAE3D7;
  border-bottom: min(0.1rem, 1px) solid #EAE3D7;
  text-align: center;
  background-color: #FAF5E9;
  color: #42210B;
}

main.implant div.price_table_wrap table.price_table tbody tr:nth-last-of-type(1) td:nth-of-type(1):not(.first_td), 
main.implant div.price_table_wrap table.price_table tbody tr:nth-last-of-type(2) td:nth-of-type(1):not(.first_td), 
main.implant div.price_table_wrap table.price_table tbody tr:nth-last-of-type(3) td:nth-of-type(1):not(.first_td) {
  background-color: #fff;
  font-weight: 400;
  text-align: left;
}

main.implant div.price_table_wrap table.price_table tbody tr:nth-last-of-type(1) td:nth-of-type(2):not(.second_td), 
main.implant div.price_table_wrap table.price_table tbody tr:nth-last-of-type(2) td:nth-of-type(2):not(.second_td), 
main.implant div.price_table_wrap table.price_table tbody tr:nth-last-of-type(3) td:nth-of-type(2):not(.second_td) {
  background-color: #fff;
  font-weight: 400;
  text-align: center;
}

@media (max-width: 799px) {
  main.inner table.price_table {
    margin-top: 1.2rem;
    border: .1rem solid #EAE3D7;
  }
  
  main.inner table.price_table thead th {
    border-right: .1rem solid #EAE3D7;
    height: 3rem;
    font-size: 1.2rem;
  }
  
  main.inner table.price_table tbody tr td {
    padding: 1rem;
    font-size: 1.2rem;
    border-right: .1rem solid #EAE3D7;
    border-bottom: .1rem solid #EAE3D7;
  }
  
  main.implant div.price_table_wrap table.price_table tbody tr td.first_td {
    padding: 1rem;
    font-size: 1.2rem;
    border-right: .1rem solid #EAE3D7;
    border-bottom: .1rem solid #EAE3D7;
  }
}

/* ----- */

main.implant section.implant div.flow_wrap {
  margin-top: min(2.4rem, 24px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(4rem, 40px);
}

main.implant section.implant div.flow_wrap div.flow_item {
  padding: min(2.5rem, 25px) min(1.5rem, 15px);
  border: min(0.1rem, 1px) solid #AA8D4D;
  background-color: #FFFCF6;
}

main.implant section.implant div.flow_wrap div.flow_item div.flow_ttl {
  font-size: min(2.0rem, 16px);
  font-weight: 700;
  color: #AA8D4D;
  text-align: center;
}

main.implant section.implant div.flow_wrap div.flow_item p.flow_txt {
  margin-top: min(1rem, 10px);
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  color: #42210B;
  text-align: center;
  line-height: 1.4;
}

main.implant section.implant div.flow_wrap div.flow_item p.flow_note {
  margin-top: min(.5rem, 5px);
  font-size: min(1.4rem, 14px);
  font-weight: 400;
  color: #42210B;
  text-align: center;
}

@media (max-width: 799px) {
  main.implant section.implant div.flow_wrap {
    margin-top: 1.2rem;
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  main.implant section.implant div.flow_wrap div.flow_item {
    padding: 1.5rem 1rem;
    border: .1rem solid #AA8D4D;
  }
  
  main.implant section.implant div.flow_wrap div.flow_item div.flow_ttl {
    font-size: 1.6rem;
  }
  
  main.implant section.implant div.flow_wrap div.flow_item p.flow_txt {
    margin-top: 1rem;
    font-size: 1.4rem;
  }
  
  main.implant section.implant div.flow_wrap div.flow_item p.flow_note {
    margin-top: 0.5rem;
    font-size: 1.4rem;
  }
}

/* ----- */

 main.inner div.plan_wrap {
  margin-top: min(2.4rem, 24px);
  display: flex;
  flex-direction: column;
  gap: min(4.0rem, 40px);
}

main.inner div.plan_item {
  margin-top: min(2.4rem, 24px);
  padding: min(1rem, 10px) min(2rem, 20px);
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  background-color: #FFFCF6;
  color: #AA8D4D;
  border: min(0.1rem, 1px) solid #AA8D4D;
  line-height: 1.8;
  position: relative;
}

main.inner div.plan_wrap div.plan_item::after {
  content: '';
  display: block;;
  position: absolute;
  background-image: url(../img/_implant/icon_arrow_down_small.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: min(1.5rem, 15px);
  height: min(2rem, 20px);
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(150%);
}

main.inner div.plan_wrap div.plan_item:last-child::after {
  content: none;
}

main.inner div.plan_wrap div.plan_item p.plan_item_note {
  font-size: min(1.6rem, 16px);
  line-height: 1.8;
  font-weight: 400;
  color: var(--color-main);
}

@media (max-width: 799px) {
  main.inner div.plan_wrap {
    margin-top: 1.2rem;
    gap: 4rem;
  }
  
  main.inner div.plan_item {
    margin-top: 1.6rem;
    padding: 1rem;
    font-size: 1.4rem;
    border: .1rem solid #AA8D4D;
  }
  
  main.inner div.plan_wrap div.plan_item::after {
    width: 1.5rem;
    height: 2rem;
  }

  main.inner div.plan_wrap div.plan_item p.plan_item_note {
    font-size: 1.4rem;
  }
}

/* ----- */

main.implant section.implant div.x-ray_img {
  margin-top: min(2.4rem, 24px);
  width: min(54rem, 540px);
}

@media (max-width: 799px) {
  main.implant section.implant div.x-ray_img {
    margin-top: 1.2rem;
    width: 100%;
  }  
}

/* ----- */

main.implant section.implant div.price_list {
  margin-top: min(2.4rem, 24px);
  width: 100%;
}

main.implant section.implant a.price_download {
  display: block;
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  color: #AA8D4D;
  text-decoration: underline;
}

main.implant section.implant div.price_image {
  margin-top: min(2.4rem, 24px);
  width: min(24rem, 240px);
}

@media (max-width: 799px) {
  main.implant section.implant div.price_list {
    margin-top: 1.2rem;
    width: 100%;
  }  
}

/* ----- */

main.inner div.faq_wrap {
  margin-top: min(4rem, 40px);
  display: flex;
  flex-direction: column;
  gap: min(4rem, 40px);
}

main.inner div.faq_wrap div.faq_item {
  display: flex;
  flex-direction: column;
  gap: min(2.4rem, 24px);
  padding-bottom: min(2.4rem, 24px);
  border-bottom: min(0.1rem, 1px) solid #42210B;
}

main.inner div.faq_wrap div.faq_item div.question {
  font-size: min(2.4rem, 24px);
  font-weight: 600;
  font-family: var(--font-serif);
  display: flex;
  align-items: start;
  gap: min(1rem, 10px);
  letter-spacing: 0em;
  line-height: 1.4;
}

main.inner div.faq_wrap div.faq_item div.question::before {
  content: 'Q';
  font-size: min(2rem, 20px);
  font-weight: 600;
  font-family: var(--font-cormorant);
  width: min(4.5rem, 45px);
  height: min(4.5rem, 45px);
  border-radius: 50%;
  background-color: #42210B;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-10%);
  flex-shrink: 0;
}

main.inner div.faq_wrap div.faq_item div.answer {
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
  display: flex;
  align-items: start;
  gap: min(1rem, 10px);
}

main.inner div.faq_wrap div.faq_item div.answer div {
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

main.inner div.faq_wrap div.faq_item div.answer::before {
  content: 'A';
  font-size: min(2rem, 20px);
  font-weight: 600;
  font-family: var(--font-cormorant);
  width: min(4.5rem, 45px);
  height: min(4.5rem, 45px);
  background-color: #FAF5E9;
  color: #42210B;
  border: min(0.1rem, 1px) solid #42210B;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-20%);
  flex-shrink: 0;
}

main.inner div.faq_wrap div.faq_item div.answer a {
  text-decoration: underline;
}

@media (max-width: 799px) {
  main.inner div.faq_wrap {
    margin-top: 2rem;
    gap: 2rem;
  }
  
  main.inner div.faq_wrap div.faq_item {
    gap: 1.5rem;
    padding-bottom: 1.2rem;
    border-bottom: .1rem solid #42210B;
  }
  
  main.inner div.faq_wrap div.faq_item div.question {
    font-size: 1.6rem;
    gap: 1rem;
  }
  
  main.inner div.faq_wrap div.faq_item div.question::before {
    content: 'Q';
    font-size: 1.6rem;
    width: 3.5rem;
    height: 3.5rem;
  }
  
  main.inner div.faq_wrap div.faq_item div.answer {
    font-size: 1.4rem;
    gap: 1rem;
  }
  
  main.inner div.faq_wrap div.faq_item div.answer::before {
    content: 'A';
    font-size: 1.6rem;
    width: 3.5rem;
    height: 3.5rem;
    transform: translateY(-10%);
  }
}

/* ----- aesthetic ----- */

main.aesthetic section.mv {
  background-image: url(../img/_aesthetic/bg_mv_pc.jpg);
}

main.aesthetic section.aesthetic p.aesthetic_txt {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

main.aesthetic section.aesthetic p.aesthetic_txt.strong {
  font-weight: 700;
}

main.aesthetic section.aesthetic div.aesthetic_image {
  margin-top: min(2.4rem, 24px);
  width: 100%;
}

@media (max-width: 799px) {
  main.aesthetic section.mv {
    background-image: url(../img/_aesthetic/bg_mv_sp.jpg);
  }

  main.aesthetic section.aesthetic p.aesthetic_txt {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }

  main.aesthetic section.aesthetic div.aesthetic_image {
    margin-top: 1.2rem;
  }
}

/* ----- */

main.aesthetic section.aesthetic div.aesthetic_wrap {
  margin-top: min(2.4rem, 24px);
  display: flex;
  flex-direction: column;
  gap: 0;
  border: min(0.1rem, 1px) solid #EAE3D7;
}

main.aesthetic section.aesthetic div.aesthetic_wrap div.aesthetic_item {
  display: grid;
  grid-template-columns: min(20rem, 200px) 1fr;
  gap: 0;
  border-bottom: min(0.1rem, 1px) solid #EAE3D7;
}

main.aesthetic section.aesthetic div.aesthetic_wrap div.aesthetic_item:last-of-type {
  border-bottom: none;
}

main.aesthetic section.aesthetic div.aesthetic_wrap div.aesthetic_item div.aesthetic_term {
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0em;
  background-color: #FAF5E9;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 min(1rem, 10px);
}

main.aesthetic section.aesthetic div.aesthetic_wrap div.aesthetic_item div.aesthetic_desc {
  padding: min(1rem, 10px);
  font-size: min(1.6rem, 16px);
  line-height: 1.6;
}

@media (max-width: 799px) {
  main.aesthetic section.aesthetic div.aesthetic_wrap {
    margin-top: 1.2rem;
    border: .1rem solid #EAE3D7;
  }
  
  main.aesthetic section.aesthetic div.aesthetic_wrap div.aesthetic_item {
    grid-template-columns: 10rem 1fr;
    gap: 0;
    border-bottom: .1rem solid #EAE3D7;
  }
  
  main.aesthetic section.aesthetic div.aesthetic_wrap div.aesthetic_item div.aesthetic_term {
    font-size: 1.2rem;
    padding: 0 .5rem;
  }
  
  main.aesthetic section.aesthetic div.aesthetic_wrap div.aesthetic_item div.aesthetic_desc {
    padding: 1rem;
    font-size: 1.2rem;
  }
}

/* ----- treatment ----- */

main.treatment section.mv {
  background-image: url(../img/_treatment/bg_mv_pc.jpg);
}

@media (max-width: 799px) {
  main.treatment section.mv {
    background-image: url(../img/_treatment/bg_mv_sp.jpg);
  }
}

main.treatment section.treatment p.treatment_txt {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

main.treatment section.treatment p.treatment_txt.strong {
  font-weight: 700;
}

main.treatment section.treatment p.treatment_txt a {
  text-decoration: underline;
}

@media (max-width: 799px) {
  main.treatment section.treatment p.treatment_txt {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }
}

/* ----- */

main.treatment section.treatment div.treatment_wrap {
  margin-top: min(2.4rem, 24px);
  display: grid;
  grid-template-columns: min(28rem, 280px) 1fr;
  gap: min(4rem, 40px);
}

main.treatment section.treatment div.treatment_image {
  margin-top: min(2.4rem, 24px);
  width: 100%;
}

@media (max-width: 799px) {
  main.treatment section.treatment div.treatment_wrap {
    margin-top: 1.2rem;
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  main.treatment section.treatment div.treatment_image {
    margin-top: 1.2rem;
  }
}

/* ----- */

div.price_bar {
  margin-top: min(2.4rem, 24px);
  display: grid;
  grid-template-columns: min(20rem, 200px) 1fr;
  gap: 0;
}

div.price_bar div.price_term {
  background-color: #AA8D4D;
  color: #fff;
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}

div.price_bar div.price_value {
  border: min(.1rem, 1px) solid #EAE3D7;
  padding: min(1rem, 10px);
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0em;
}

@media (max-width: 799px) {
  div.price_bar {
    margin-top: 1.2rem;
    grid-template-columns: 8rem 1fr;
  }
  
  div.price_bar div.price_term {
    font-size: 1.4rem;
  }
  
  div.price_bar div.price_value {
    border: .1rem solid #EAE3D7;
    padding: 1rem;
    font-size: 1.4rem;
    line-height: 1.4;
  }
}

/* ----- */

main.treatment section.treatment div.treatment_three_columns, 
main.treatment section.treatment div.treatment_four_columns {
  margin-top: min(4rem, 40px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(4rem, 40px);
}

main.treatment section.treatment div.treatment_four_columns {
  grid-template-columns: repeat(4, 1fr);
  gap: min(2rem, 20px);
}
main.treatment section.treatment div.treatment_three_columns div.treatment_column, 
main.treatment section.treatment div.treatment_four_columns div.treatment_column {
  border: min(.1rem, 1px) solid #EAE3D7;
}

main.treatment section.treatment div.treatment_three_columns div.treatment_column div.treatment_column_ttl, 
main.treatment section.treatment div.treatment_four_columns div.treatment_column div.treatment_column_ttl {
  height: min(5rem, 50px);
  background-color: #AA8D4D;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(2rem, 20px);
  font-weight: 600;
  color: #fff;
  font-family: var(--font-serif);
}

main.treatment section.treatment div.treatment_three_columns div.treatment_column p.treatment_column_txt, 
main.treatment section.treatment div.treatment_four_columns div.treatment_column p.treatment_column_txt {
  padding: min(2rem, 20px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
  text-align: center;
}

@media (max-width: 799px) {
  main.treatment section.treatment div.treatment_three_columns, 
  main.treatment section.treatment div.treatment_four_columns {
    margin-top: 2rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
  
  main.treatment section.treatment div.treatment_three_columns div.treatment_column, 
  main.treatment section.treatment div.treatment_four_columns div.treatment_column {
    border: .1rem solid #EAE3D7;
  }
  
  main.treatment section.treatment div.treatment_three_columns div.treatment_column div.treatment_column_ttl, 
  main.treatment section.treatment div.treatment_four_columns div.treatment_column div.treatment_column_ttl {
    height: 4.3rem;
    font-size: 1.6rem;
  }
  
  main.treatment section.treatment div.treatment_three_columns div.treatment_column p.treatment_column_txt, 
  main.treatment section.treatment div.treatment_four_columns div.treatment_column p.treatment_column_txt {
    padding: 1.5rem;
    font-size: 1.4rem;
  }
}

/* ----- */

div.content_note {
  margin-top: min(4rem, 40px);
  padding: min(2.5rem, 25px);
  border: min(.1rem, 1px) solid #AA8D4D;
  background-color: #FFFCF6;
}

div.content_note div.content_note_ttl {
  font-size: min(1.8rem, 18px);
  font-weight: 700;
  color: #AA8D4D;
}

div.content_note p.content_note_txt {
  margin-top: min(1rem, 10px);
  font-size: min(1.6rem, 16px);
  line-height: 1.8;
}

@media (max-width: 799px) {
  div.content_note {
    margin-top: 2rem;
    padding: 1.5rem;
    border: .1rem solid #AA8D4D;
  }
  
  div.content_note div.content_note_ttl {
    font-size: 1.6rem;
  }
  
  div.content_note p.content_note_txt {
    margin-top: 1rem;
    font-size: 1.4rem;
  }  
}

/* ----- */

main.inner p.inner_link_txt {
  margin-top: min(1rem, 10px);
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  text-align: right;
}

main.inner p.inner_link_txt a {
  text-decoration: underline;
}

@media (max-width: 799px) {
  main.inner p.inner_link_txt {
    font-size: 1.4rem;
  }
}

/* ----- preventive ----- */

main.preventive section.mv {
  background-image: url(../img/_preventive/bg_mv_pc.jpg);
}

@media (max-width: 799px) {
  main.preventive section.mv {
    background-image: url(../img/_preventive/bg_mv_sp.jpg);
  }
}

main.preventive section.preventive p.preventive_txt {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

main.preventive section.preventive div.preventive_image {
  margin-top: min(2.4rem, 24px);
  text-align: center;
}

@media (max-width: 799px) {
  main.preventive section.preventive p.preventive_txt {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }

  main.preventive section.preventive div.preventive_image {
    margin-top: 1.2rem;
  }
}

/* ----- */

main.preventive section.preventive div.preventive_box {
  margin: min(2.4rem, 24px) auto 0;
  width: min(83rem, 830px);
}

main.preventive section.preventive div.preventive_box div.preventive_box_image {
  width: 100%;
}

main.preventive section.preventive div.preventive_box div.preventive_box_wrap {
  margin-top: min(2.4rem, 24px);
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: min(6rem, 60px) min(2rem, 20px);
}

main.preventive section.preventive div.preventive_box div.preventive_box_wrap div.preventive_box_item {
  display: grid;
  grid-template-columns: min(12rem, 120px) 1fr;
  align-items: center;
  gap: min(1rem, 10px);
  padding: min(2rem, 20px);
  border: min(.1rem, 1px) solid #AA8D4D;
  position: relative;
}

main.preventive section.preventive div.preventive_box div.preventive_box_wrap div.preventive_box_item::after {
  content: '';
  display: block;
  position: absolute;
  background-image: url(../img/_preventive/icon_arrow_down.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: min(1.5rem, 15px);
  height: min(3rem, 30px);
  left: 0;
  right: 0;
  margin: auto;
  bottom: max(-3rem, -30px);
  transform: translateY(50%);
}

main.preventive section.preventive div.preventive_box div.preventive_box_wrap div.preventive_box_item div.txt_area {
  display: flex;
  flex-direction: column;
}

main.preventive section.preventive div.preventive_box div.preventive_box_wrap div.preventive_box_item p.preventive_box_txt {
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  line-height: 1.8;
}

main.preventive section.preventive div.preventive_box div.preventive_box_wrap div.preventive_box_item p.preventive_box_txt_note {
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

main.preventive section.preventive div.preventive_box div.preventive_conclusion {
  margin: min(6rem, 60px) auto 0;
  width: min(54rem, 540px);
  height: min(10rem, 100px);
  background-color: #65A535;
  color: #fff;
  font-size: min(4.0rem, 40px);
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 799px) {
  main.preventive section.preventive div.preventive_box {
    margin: 1.2rem auto 0;
    width: 100%;
  }
  
  main.preventive section.preventive div.preventive_box div.preventive_box_wrap {
    margin-top: 1.2rem;
    gap: 4.5rem 1rem;
  }
  
  main.preventive section.preventive div.preventive_box div.preventive_box_wrap div.preventive_box_item {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 0.5rem;
    padding: 1rem;
    border: 0.1rem solid #AA8D4D;
  }
  
  main.preventive section.preventive div.preventive_box div.preventive_box_wrap div.preventive_box_item::after {
    width: 1rem;
    height: 2rem;
    bottom: -2.25rem;
  }

  main.preventive section.preventive div.preventive_box div.preventive_box_wrap div.preventive_box_item div.icon_area {
    height: fit-content;
  }
  
  main.preventive section.preventive div.preventive_box div.preventive_box_wrap div.preventive_box_item p.preventive_box_txt {
    font-size: 1.4rem;
    letter-spacing: 0em;
  }
  
  main.preventive section.preventive div.preventive_box div.preventive_box_wrap div.preventive_box_item p.preventive_box_txt_note {
    font-size: 1.4rem;
  }
  
  main.preventive section.preventive div.preventive_box div.preventive_conclusion {
    margin: 4.5rem auto 0;
    width: 100%;
    height: 8rem;
    font-size: 2.4rem;
  }
}

/* ----- perio ----- */

main.perio section.mv {
  background-image: url(../img/_perio/bg_mv_pc.jpg);
}

@media (max-width: 799px) {
  main.perio section.mv {
    background-image: url(../img/_perio/bg_mv_sp.jpg);
  }
}

main.perio section.perio p.perio_txt {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

main.perio section.perio div.perio_image {
  margin-top: min(2.4rem, 24px);
  width: 100%;
}

@media (max-width: 799px) {
  main.perio section.perio p.perio_txt {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }

  main.perio section.perio div.perio_image {
    margin-top: 1.2rem;
  }
}

/* ----- */

ul.inner_list {
  margin-top: min(2.4rem, 24px);
  padding: min(2rem, 20px);
  border: min(0.1rem, 1px) solid #AA8D4D;
  background-color: #FFFCF6;
  display: flex;
  flex-direction: column;
  gap: min(1rem, 10px);
}

ul.inner_list li.inner_list_item {
  font-size: min(1.6rem, 16px);
  font-weight: 500;
  line-height: 1.8;
  display: flex;
  align-items: start;
  gap: min(1rem, 10px);
}

ul.inner_list li.inner_list_item.inner_list_ttl {
  font-size: min(1.8rem, 18px);
  font-weight: 700;
  line-height: 1.8;
  padding-bottom: min(1rem, 10px);
  border-bottom: min(0.1rem, 1px) solid #EAE3D7;
  color: #AA8D4D;
}

ul.inner_list li.inner_list_item::before {
  content: '';
  width: min(0.8rem, 8px);
  height: min(0.8rem, 8px);
  background-color: #D9C394;
  border-radius: 50%;
  transform: translateY(130%);
  flex-shrink: 0;
}

ul.inner_list li.inner_list_item.inner_list_ttl::before {
  content: none;
}

@media (max-width: 799px) {
  ul.inner_list {
    margin-top: 1.2rem;
    padding: 1rem;
    border: .1rem solid #AA8D4D;
    gap: 1.0rem;
  }
  
  ul.inner_list li.inner_list_item {
    font-size: 1.4rem;
    align-items: start;
    gap: 0.8rem;
    line-height: 1.6;
  }

  ul.inner_list li.inner_list_item.inner_list_ttl {
    font-size: 1.6rem;
    padding-bottom: 0.5rem;
    border-bottom: 0.1rem solid #EAE3D7;
  }
  
  ul.inner_list li.inner_list_item::before {
    width: 0.8rem;
    height: 0.8rem;
    transform: translateY(100%);
  }
}

/* ----- */

main.perio section.perio div.perio_wrap {
  margin-top: min(2.4rem, 24px);
  display: grid;
  grid-template-columns: min(42rem, 420px) 1fr;
  align-items: center;
  gap: min(4rem, 40px);
}

main.perio section.perio div.perio_wrap.perio_wrap02 {
  grid-template-columns: min(18rem, 180px) 1fr;
}

main.perio section.perio div.perio_wrap div.txt_area {
  display: flex;
  flex-direction: column;
}

main.perio section.perio div.perio_wrap div.txt_area div.perio_wrap_ttl {
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  line-height: 1.8;
}

main.perio section.perio div.perio_wrap div.txt_area div.perio_wrap_txt {
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

@media (max-width: 799px) {
  main.perio section.perio div.perio_wrap {
    margin-top: 1.2rem;
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  main.perio section.perio div.perio_wrap div.txt_area div.perio_wrap_ttl {
    font-size: 1.4rem;
  }
  
  main.perio section.perio div.perio_wrap div.txt_area div.perio_wrap_txt {
    font-size: 1.4rem;
  }
}

/* ----- occlusion ----- */

main.occlusion section.mv {
  background-image: url(../img/_occlusion/bg_mv_pc.jpg);
}

@media (max-width: 799px) {
  main.occlusion section.mv {
    background-image: url(../img/_occlusion/bg_mv_sp.jpg);
  }
}

main.occlusion section.occlusion p.occlusion_txt {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

@media (max-width: 799px) {
  main.occlusion section.occlusion p.occlusion_txt {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }
}

/* ----- */

main.occlusion section.occlusion div.occlusion_wrap {
  margin-top: min(2.4rem, 24px);
  display: grid;
  grid-template-columns: min(34rem, 340px) 1fr;
  align-items: center;
  gap: min(4rem, 40px);
}

@media (max-width: 799px) {
  main.occlusion section.occlusion div.occlusion_wrap {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

/* ----- minimally ----- */

main.minimally section.mv {
  background-image: url(../img/_minimally/bg_mv_pc.jpg);
}

@media (max-width: 799px) {
  main.minimally section.mv {
    background-image: url(../img/_minimally/bg_mv_sp.jpg);
  }
}

main.minimally section.minimally p.minimally_txt {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

main.minimally section.minimally p.minimally_txt a {
  text-decoration: underline;
}

@media (max-width: 799px) {
  main.minimally section.minimally p.minimally_txt {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }
}

/* ----- */

main.minimally section.minimally div.minimally_image {
  margin-top: min(2.4rem, 24px);
  width: 100%;
}

@media (max-width: 799px) {
  main.minimally section.minimally div.minimally_image {
    margin-top: 1.2rem;
  }
}

main.minimally section.minimally div.minimally_wrap {
  margin-top: min(2.4rem, 24px);
  display: grid;
  grid-template-columns: min(18rem, 180px) 1fr;
  align-items: center;
  gap: min(4rem, 40px);
}

main.minimally section.minimally div.minimally_wrap.minimally_wrap02 {
  grid-template-columns: min(34rem, 340px) 1fr;
}

@media (max-width: 799px) {
  main.minimally section.minimally div.minimally_wrap.minimally_wrap02 {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

/* ----- */

main.inner table.price_table.price_table02 thead th:nth-of-type(2) {
  width: 38%;
}

main.inner table.price_table.price_table02 thead th:nth-of-type(3) {
  width: 35%;
}

main.inner table.price_table.price_table02 tbody td:nth-of-type(2) {
  text-align: center;
}

main.inner table.price_table.price_table02 tbody td.white {
  text-align: center;
  background-color: #fff;
  font-weight: 400;
}

/* ----- surgery ----- */

main.surgery section.mv {
  background-image: url(../img/_surgery/bg_mv_pc.jpg);
}

@media (max-width: 799px) {
  main.surgery section.mv {
    background-image: url(../img/_surgery/bg_mv_sp.jpg);
  }
}

main.surgery section.surgery p.surgery_txt {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

@media (max-width: 799px) {
  main.surgery section.surgery p.surgery_txt {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }
}

/* ----- */

main.surgery section.surgery div.surgery_image {
  margin-top: min(2.4rem, 24px);
  width: 100%;
}

@media (max-width: 799px) {
  main.surgery section.surgery div.surgery_image {
    margin-top: 1.2rem;
  }
}

/* ----- whitening ----- */

main.whitening section.mv {
  background-image: url(../img/_whitening/bg_mv_pc.jpg);
}

@media (max-width: 799px) {
  main.whitening section.mv {
    background-image: url(../img/_whitening/bg_mv_sp.jpg);
  }
}

main.whitening section.whitening p.whitening_txt {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

@media (max-width: 799px) {
  main.whitening section.whitening p.whitening_txt {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }
}

main.whitening section.whitening div.whitening_image {
  margin-top: min(2.4rem, 24px);
  width: 100%;
}

@media (max-width: 799px) {
  main.whitening section.whitening div.whitening_image {
    margin-top: 1.2rem;
  }
}

/* ----- */

main.inner div.inner_sheet_wrap {
  margin-top: min(2.4rem, 24px);
  border: min(.1rem, 1px) solid #EAE3D7;
}

main.inner div.inner_sheet_wrap div.inner_sheet_item {
  display: grid;
  grid-template-columns: min(30rem, 300px) 1fr;
  gap: 0;
  border-bottom: min(.1rem, 1px) solid #EAE3D7;
}

main.inner div.inner_sheet_wrap div.inner_sheet_item:last-child {
  border-bottom: none;
}

main.inner div.inner_sheet_wrap div.inner_sheet_item div.inner_sheet_term {
  font-size: min(1.8rem, 18px);
  font-weight: 700;
  line-height: 1.6;
  background-color: #AA8D4D;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

main.inner div.inner_sheet_wrap div.inner_sheet_item div.inner_sheet_txt {
  padding: min(1rem, 10px);
  font-size: min(1.6rem, 16px);
  line-height: 1.6;
}

@media (max-width: 799px) {
  main.inner div.inner_sheet_wrap {
    margin-top: 1.2rem;
    border: .1rem solid #EAE3D7;
  }
  
  main.inner div.inner_sheet_wrap div.inner_sheet_item {
    grid-template-columns: 10rem 1fr;
    border-bottom: .1rem solid #EAE3D7;
  }
  
  main.inner div.inner_sheet_wrap div.inner_sheet_item div.inner_sheet_term {
    font-size: 1.4rem;
    padding: .5rem;
    text-align: center;
  }
  
  main.inner div.inner_sheet_wrap div.inner_sheet_item div.inner_sheet_txt {
    padding: 1rem;
    font-size: 1.4rem;
  }
}

/* ----- denture ----- */

main.denture section.mv {
  background-image: url(../img/_denture/bg_mv_pc.jpg);
}

@media (max-width: 799px) {
  main.denture section.mv {
    background-image: url(../img/_denture/bg_mv_sp.jpg);
  }
}

main.denture section.denture p.denture_txt {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

@media (max-width: 799px) {
  main.denture section.denture p.denture_txt {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }
}

main.denture section.denture div.denture_image {
  margin-top: min(2.4rem, 24px);
  width: 100%;
}

@media (max-width: 799px) {
  main.denture section.denture div.denture_image {
    margin-top: 1.2rem;
  }
}

/* ----- */

main.inner table.four_lines_table {
  margin-top: min(2.4rem, 24px);
  width: 100%;
  border: min(.1rem, 1px) solid #EAE3D7;
}

main.inner table.four_lines_table th {
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  background-color: #AA8D4D;
  color: #fff;
  width: 25%;
  height: min(4.5rem, 45px);
  border-right: min(.1rem, 1px) solid #EAE3D7;
  border-bottom: min(.1rem, 1px) solid #EAE3D7;
}

main.inner table.four_lines_table th:last-child {
  border-right: none;
}

main.inner table.four_lines_table td {
  border-right: min(.1rem, 1px) solid #EAE3D7;
  border-bottom: min(.1rem, 1px) solid #EAE3D7;
  width: 25%;
}

main.inner table.four_lines_table td.first_col {
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}

main.inner table.four_lines_table td.second_col, 
main.inner table.four_lines_table td.third_col {
  font-size: min(1.6rem, 16px);
  line-height: 1.8;
  padding: min(1rem, 10px); 
}

main.inner table.four_lines_table td.third_col ul {
  display: flex;
  flex-direction: column;
  gap: 0;
}

main.inner table.four_lines_table td.third_col ul li {
  font-size: min(1.6rem, 16px);
  line-height: 1.8;
  padding-left: 0.5em;
  text-indent: -0.5em;
}

main.inner table.four_lines_table td.fourth_col {
  padding: min(1rem, 10px);
  font-size: min(1.6rem, 16px);
  line-height: 1.8;
}

@media (max-width: 799px) {
  main.inner table.four_lines_table {
    margin-top: 1.2rem;
    border: .1rem solid #EAE3D7;
  }
  
  main.inner table.four_lines_table th {
    font-size: 1.4rem;
    height: 3rem;
    border-right: .1rem solid #EAE3D7;
    border-bottom: .1rem solid #EAE3D7;
  }
  
  main.inner table.four_lines_table td {
    border-right: .1rem solid #EAE3D7;
    border-bottom: .1rem solid #EAE3D7;
    width: 20%;
  }
  
  main.inner table.four_lines_table td.first_col {
    font-size: 1.0rem;
    padding: 1rem .5rem;
    letter-spacing: -.04em;
  }

  main.inner table.four_lines_table td.second_col, 
  main.inner table.four_lines_table td.third_col {
    font-size: 1.0rem;
    padding: 1rem;
  }
  
  main.inner table.four_lines_table td.third_col {
    width: 40%;
  }
  
  main.inner table.four_lines_table td.third_col ul li {
    font-size: 1rem;
    line-height: 1.4;
  }
  
  main.inner table.four_lines_table td.fourth_col {
    padding: 1rem .5rem;
    font-size: 1.0rem;
  }
}

/* ----- */

main.denture section.denture div.denture_sheet {
  margin-top: min(2.4rem, 24px);
  width: 100%;
  border: min(.1rem, 1px) solid #EAE3D7;
  display: flex;
  flex-direction: column;
  gap: 0;
}

main.denture section.denture div.denture_sheet div.denture_sheet_item {
  display: grid;
  grid-template-columns: min(50rem, 500px) 1fr;
  border-bottom: min(.1rem, 1px) solid #EAE3D7;
}

main.denture section.denture div.denture_sheet div.denture_sheet_item:last-of-type {
  border-bottom: none;
}

main.denture section.denture div.denture_sheet div.denture_sheet_item div.denture_sheet_item_ttl {
  height: min(5rem, 50px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  background-color: #FAF5E9;
  border-right: min(.1rem, 1px) solid #EAE3D7;
}

main.denture section.denture div.denture_sheet div.denture_sheet_item div.denture_sheet_item_txt {
  height: min(5rem, 50px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(1.6rem, 16px);
}

@media (max-width: 799px) {
  main.denture section.denture div.denture_sheet {
    margin-top: 1.2rem;
    border: .1rem solid #EAE3D7;
  }
  
  main.denture section.denture div.denture_sheet div.denture_sheet_item {
    grid-template-columns: 17.5rem 1fr;
    border-bottom: .1rem solid #EAE3D7;
  }
  
  main.denture section.denture div.denture_sheet div.denture_sheet_item div.denture_sheet_item_ttl {
    height: 3.5rem;
    font-size: 1.4rem;
    border-right: .1rem solid #EAE3D7;
  }
  
  main.denture section.denture div.denture_sheet div.denture_sheet_item div.denture_sheet_item_txt {
    height: 3.5rem;
    font-size: 1.4rem;
  }
}

/* ----- */

main.denture section.denture div.denture_wrap {
  margin-top: min(2.4rem, 24px);
  display: grid;
  grid-template-columns: min(28rem, 280px) 1fr;
  align-items: start;
  gap: min(4rem, 40px);
}

main.denture section.denture div.denture_wrap ul.txt_area {
  display: flex;
  flex-direction: column;
  gap: 0;
}

main.denture section.denture div.denture_wrap ul.txt_area li {
  font-size: min(1.6rem, 16px);
  line-height: 1.8;
  padding-left: 0.5em;
  text-indent: -0.5em;
}

@media (max-width: 799px) {
  main.denture section.denture div.denture_wrap {
    margin-top: 1.2rem;
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  main.denture section.denture div.denture_wrap ul.txt_area li {
    font-size: 1.4rem;
  }  
}

/* ----- child ----- */

main.child section.mv {
  background-image: url(../img/_child/bg_mv_pc.jpg);
}

@media (max-width: 799px) {
  main.child section.mv {
    background-image: url(../img/_child/bg_mv_sp.jpg);
  }
}

/* ----- */

main.child section.child p.child_txt {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  line-height: 1.8;
}

@media (max-width: 799px) {
  main.child section.child p.child_txt {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }
}

main.child section.child div.child_image {
  margin-top: min(2.4rem, 24px);
  width: 100%;
}

@media (max-width: 799px) {
  main.child section.child div.child_image {
    margin-top: 1.2rem;
  }
}

/* ----- */

main.child section.child div.child_wrap {
  margin-top: min(2.4rem, 24px);
  display: grid;
  grid-template-columns: min(24rem, 240px) 1fr;
  align-items: center;
  gap: min(4rem, 40px);
}

@media (max-width: 799px) {
  main.child section.child div.child_wrap {
    margin-top: 1.2rem;
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

main.child section.child ul.inner_list li.inner_list_item {
  font-weight: 400;
}

main.child section.child ul.inner_list li.inner_list_item.inner_list_ttl {
  font-weight: 700;
}

main.child section.child ul.inner_list li.inner_list_item::before {
  content: none;
}

/* ----- orthodontics ----- */

main.orthodontics section.mv {
  background-image: url(../img/_orthodontics/bg_mv_pc.jpg);
}

@media (max-width: 799px) {
  main.orthodontics section.mv {
    background-image: url(../img/_orthodontics/bg_mv_sp.jpg);
  }
}

/* ----- */

main.orthodontics section.orthodontics p.orthodontics_txt {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  line-height: 1.8;
}

@media (max-width: 799px) {
  main.orthodontics section.orthodontics p.orthodontics_txt {
    margin-top: 1.2rem;
  }
}

main.orthodontics section.orthodontics div.orthodontics_image {
  margin-top: min(2.4rem, 24px);
  width: 100%;
}

@media (max-width: 799px) {
  main.orthodontics section.orthodontics div.orthodontics_image {
    margin-top: 1.2rem;
  }
}

/* ----- */

main.orthodontics section.orthodontics ul.inner_list.demerit_list {
  background-color: #F7F7F7;
  border-color: #42210B;
}

main.orthodontics section.orthodontics ul.inner_list.demerit_list li.inner_list_item.inner_list_ttl {
  color: #42210B;
}

/* ----- */

main.orthodontics section.orthodontics table.four_lines_table tbody td.first_col {
  background-color: #FAF5E9;
}

main.orthodontics section.orthodontics table.four_lines_table tbody td:not(.first_col) {
  text-align: center;
}

@media (max-width: 799px) {

  main.orthodontics section.orthodontics table.four_lines_table thead th {
    font-size: 1.0rem;
  }
  
  main.orthodontics section.orthodontics table.four_lines_table tbody td.first_col, 
  main.orthodontics section.orthodontics table.four_lines_table tbody td.second_col, 
  main.orthodontics section.orthodontics table.four_lines_table tbody td.third_col, 
  main.orthodontics section.orthodontics table.four_lines_table tbody td.fourth_col {
    width: 25%;
  }
}

/* ----- */

main.orthodontics section.orthodontics a.orthodontics_link {
  display: block;
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  text-align: right;
  text-decoration: underline;
}

@media (max-width: 799px) {
  main.orthodontics section.orthodontics a.orthodontics_link {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }
}

/* ----- */

main.orthodontics section.orthodontics table.four_lines_table.two_lines_table tbody td.first_col {
  width: 40%;
}

main.orthodontics section.orthodontics table.four_lines_table.two_lines_table tbody td.second_col {
  width: 60%;
}

/* ----- recruit ----- */

main.recruit section.mv {
  background-image: url(../img/_recruit/bg_mv_pc.jpg);
}

@media (max-width: 799px) {
  main.recruit section.mv {
    background-image: url(../img/_recruit/bg_mv_sp.jpg);
  }
}

main.recruit section.recruit p.recruit_txt {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  line-height: 1.8;
}

main.recruit section.recruit div.recruit_image {
  margin-top: min(2.4rem, 24px);
  width: 100%;
}

@media (max-width: 799px) {
  main.recruit section.recruit p.recruit_txt {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }

  main.recruit section.recruit div.recruit_image {
    margin-top: 1.2rem;
  }
}

/* ----- */

main.recruit section.recruit h3.inner_ttl span {
  color: #FF0004;
}

/* ----- */

main.recruit section.recruit div.recruit_feature_area {
  margin-top: min(4.0rem, 40px);
  display: flex;
  flex-direction: column;
  gap: min(6.6rem, 66px);
}

main.recruit section.recruit div.recruit_feature_area div.upper_wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(2.5rem, 25px);
}

main.recruit section.recruit div.recruit_feature_area div.upper_wrap div.upper_item {
  width: 100%;
  height: min(15rem, 150px);
  border-radius: min(1rem, 10px);
  background-color: #9BD7EB;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: min(1.0rem, 10px);
  position: relative;
}

main.recruit section.recruit div.recruit_feature_area div.upper_wrap div.upper_item::after {
  content: '';
  display: block;
  position: absolute;
  background-image: url(../img/_recruit/icon_arrow01.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: min(9.0rem, 90px);
  height: min(6.6rem, 66px);
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: translateY(70%);
}

main.recruit section.recruit div.recruit_feature_area div.upper_wrap div.upper_item:nth-of-type(2) {
  background-color: #82E3CB;
}

main.recruit section.recruit div.recruit_feature_area div.upper_wrap div.upper_item:nth-of-type(2)::after {
  background-image: url(../img/_recruit/icon_arrow02.png);
}

main.recruit section.recruit div.recruit_feature_area div.upper_wrap div.upper_item:nth-of-type(3) {
  background-color: #94ECAC;
}

main.recruit section.recruit div.recruit_feature_area div.upper_wrap div.upper_item:nth-of-type(3)::after {
  background-image: url(../img/_recruit/icon_arrow03.png);
}

main.recruit section.recruit div.recruit_feature_area div.size35 {
  font-size: min(3.5rem, 35px);
  font-weight: 700;
  letter-spacing: 0em;
}

main.recruit section.recruit div.recruit_feature_area div.size32 {
  font-size: min(3.2rem, 32px);
  font-weight: 700;
}

main.recruit section.recruit div.recruit_feature_area div.size28 {
  font-size: min(2.8rem, 28px);
  font-weight: 700;
}

main.recruit section.recruit div.recruit_feature_area div.size24 {
  font-size: min(2.4rem, 24px);
  font-weight: 700;
}

main.recruit section.recruit div.recruit_feature_area h2.recruit_ttl {
  width: fit-content;
  margin: 0 auto;
  font-size: min(4.0rem, 40px);
  font-weight: 600;
  font-family: var(--font-serif);
  display: flex;
  align-items: center;
  gap: min(1.0rem, 10px);
}

main.recruit section.recruit div.recruit_feature_area h2.recruit_ttl::before {
  content: '';
  display: block;
  background-image: url(../img/_recruit/logo_syonan-fujisawa.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: min(4.8rem, 48px);
  height: min(8.0rem, 80px);
}

main.recruit section.recruit div.recruit_feature_area div.under_wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: min(2.0rem, 20px);
}

main.recruit section.recruit div.recruit_feature_area div.under_wrap div.under_item {
  width: 100%;
  height: min(18.5rem, 185px);
  border-radius: min(1rem, 10px);
  background-color: #74E192;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: min(1.0rem, 10px);
  position: relative;
}

main.recruit section.recruit div.recruit_feature_area div.under_wrap div.under_item::before {
  content: ''; 
  display: block;
  position: absolute;
  background-image: url(../img/_recruit/icon_arrow04.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: min(9.0rem, 90px);
  height: min(6.6rem, 66px);
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  transform: translateY(-70%);
}

main.recruit section.recruit div.recruit_feature_area div.under_wrap div.under_item:nth-of-type(2) {
  background-color: #CBF288;
}

main.recruit section.recruit div.recruit_feature_area div.under_wrap div.under_item:nth-of-type(2)::before {
  background-image: url(../img/_recruit/icon_arrow05.png);
}

main.recruit section.recruit div.recruit_feature_area div.under_wrap div.under_item:nth-of-type(3) {
  background-color: #EFE586;
}

main.recruit section.recruit div.recruit_feature_area div.under_wrap div.under_item:nth-of-type(3)::before {
  background-image: url(../img/_recruit/icon_arrow06.png);
}

main.recruit section.recruit div.recruit_feature_area div.under_wrap div.under_item:nth-of-type(4) {
  background-color: #F2B37C;
}

main.recruit section.recruit div.recruit_feature_area div.under_wrap div.under_item:nth-of-type(4)::before {
  background-image: url(../img/_recruit/icon_arrow07.png);
}

@media screen and (max-width: 799px) {
  main.recruit section.recruit div.recruit_feature_area {
    margin-top: 2.0rem;
    gap: 3rem;
  }
  
  main.recruit section.recruit div.recruit_feature_area div.upper_wrap {
    gap: .4rem;
  }
  
  main.recruit section.recruit div.recruit_feature_area div.upper_wrap div.upper_item {
    height: 7rem;
    box-ordinal-group: .5rem;
    gap: 0.5rem;
  }
  
  main.recruit section.recruit div.recruit_feature_area div.upper_wrap div.upper_item::after {
    width: 6rem;
    height: 3.5rem;
    transform: translateY(70%);
  }
  
  main.recruit section.recruit div.recruit_feature_area div.size35 {
    font-size: 1.3rem;
  }
  
  main.recruit section.recruit div.recruit_feature_area div.size32 {
    font-size: 1.0rem;
    letter-spacing: -.04em;
  }
  
  main.recruit section.recruit div.recruit_feature_area div.size28 {
    font-size: .8em;
  }
  
  main.recruit section.recruit div.recruit_feature_area div.size24 {
    font-size: .7rem;
  }
  
  main.recruit section.recruit div.recruit_feature_area h2.recruit_ttl {
    font-size: 1.8rem;
    gap: 0.5rem;
  }
  
  main.recruit section.recruit div.recruit_feature_area h2.recruit_ttl::before {
    width: 2.5rem;
    height: 4rem;
  }
  
  main.recruit section.recruit div.recruit_feature_area div.under_wrap {
    gap: .4rem;
  }
  
  main.recruit section.recruit div.recruit_feature_area div.under_wrap div.under_item {
    height: 8rem;
    box-ordinal-group: .5rem;
    gap: 0.5rem;
  }
  
  main.recruit section.recruit div.recruit_feature_area div.under_wrap div.under_item::before {
    width: 6rem;
    height: 3.5rem;
    transform: translateY(-70%);
  }
}

/* ----- */

main.recruit section.recruit div.recruit_wrap {
  margin-top: min(2.4rem, 24px);
  display: grid;
  grid-template-columns: min(24rem, 240px) 1fr;
  gap: min(4.0rem, 40px);
}

@media screen and (max-width: 799px) {
  main.recruit section.recruit div.recruit_wrap {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

/* ----- */

main.recruit section.recruit div.recruit_sheet {
  margin-top: min(2.4rem, 24px);
  border: min(0.1rem, 1px) solid #EAE3D7;
}

main.recruit section.recruit div.recruit_sheet div.sheet_item {
  display: grid;
  grid-template-columns: min(20rem, 200px) 1fr;
  gap: 0;
  border-bottom: min(0.1rem, 1px) solid #EAE3D7;
}

main.recruit section.recruit div.recruit_sheet div.sheet_item:last-of-type {
  border-bottom: none;
}

main.recruit section.recruit div.recruit_sheet div.sheet_term {
  font-size: min(1.6rem, 16px);
  font-weight: 700;
  background-color: #AA8D4D;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: min(0.1rem, 1px) solid #EAE3D7;
}

main.recruit section.recruit div.recruit_sheet div.sheet_txt {
  padding: min(1.0rem, 10px);
  font-size: min(1.6rem, 16px);
  line-height: 1.8;
}

@media screen and (max-width: 799px) {
  main.recruit section.recruit div.recruit_sheet {
    margin-top: 1.2rem;
    border: 0.1rem solid #EAE3D7;
  }
  
  main.recruit section.recruit div.recruit_sheet div.sheet_item {
    grid-template-columns: 10rem 1fr;
    border-bottom: .1rem solid #EAE3D7;
  }
  
  main.recruit section.recruit div.recruit_sheet div.sheet_term {
    font-size: 1.2rem;
    border-right: .1rem solid #EAE3D7;
  }
  
  main.recruit section.recruit div.recruit_sheet div.sheet_txt {
    padding: 1rem;
    font-size: 1.2rem;
  }
}

/* --診療メニュー用--- */


main.service section.service h2 {
  margin-top: min(10rem, 100px);
  width: 100%;
  padding: min(2rem, 20px);
  font-size: min(3.2rem, 32px);
  font-weight: 600;
  color: #fff;
  background: linear-gradient(to bottom, #7E5001, #95773F);
  font-family: var(--font-serif);
  line-height: 1.4;
}

main.service section.service .container h2:first-child {
  margin-top: 0;
}

main.service section.service h3 {
  margin-top: min(4.0rem, 40px);
  font-size: min(2.4rem, 24px);
  font-weight: 600;
  font-family: var(--font-serif);
  color: #42210B;
  padding-bottom: min(1rem, 10px);
  border-bottom: min(0.1rem, 1px) solid #AA8D4D;
  line-height: 1.4;
  letter-spacing: 0em;
  position: relative;
}

main.service section.service h3::after {
  content: "";
  display: block;
  position: absolute;
  width: min(12rem, 120px);
  height: min(0.1rem, 1px);
  background-color: #42210B;
  bottom: 0;
  left: 0;
  transform: translateY(50%);
}

main.service section.service h4 {
  margin-top: min(4rem, 40px);
  width: 100%;
  padding: min(1.5rem, 15px) min(1.5rem, 15px) min(1.5rem, 15px) min(4rem, 40px);
  background-color: #FAF5E9;
  color: #42210B;
  font-size: min(2rem, 20px);
  font-weight: 600;
  line-height: 1.4;
  font-family: var(--font-serif);
  position: relative;
}

main.service section.service h4 a {
  text-decoration: underline;
}

main.service section.service h4::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/_inner/shape_h3_head.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: min(2.0rem, 20px);
  height: 100%;
  top: 0;
  left: 0;
}

main.service section.service h5 {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.8rem, 18px);
  font-weight: 700;
  line-height: 1.4;
  color: #AA8D4D;
  padding-bottom: min(0.5rem, 5px);
  border-bottom: min(0.1rem, 1px) solid #AA8D4D;
}

main.service section.service h5 small {
  font-size: min(1.2rem, 12px);
  font-weight: 700;
}

main.service section.service p {
  margin-top: min(2.4rem, 24px);
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

main.service section.service ul {
  margin-top: min(1.6rem, 16px);
  padding: min(2rem, 20px);
  padding-left: min(4rem, 40px);
  background-color: #FFFCF6;
  border: min(0.1rem, 1px) solid #AA8D4D;
  display: flex;
  flex-direction: column;
  gap: min(.5rem, 5px);
}

main.service section.service ul li {
  font-size: min(1.6rem, 16px);
  font-weight: 500;
  line-height: 1.6;
  list-style: disc;
}

@media (max-width: 799px) {
  main.service section.service h2 {
    margin-top: 5rem;
    padding: 1rem;
    font-size: 2rem;
  } 

  main.service section.service h3 {
    margin-top: 2rem;
    font-size: 1.8rem;
    padding-bottom: 0.5rem;
    border-bottom: 0.1rem solid #AA8D4D;
  }

  main.service section.service h3::after {
    width: 6rem;
    height: .1rem;
  }
  
  main.service section.service h4 {
    margin-top: 2rem;
    padding: 1.0rem 1.0rem 1.0rem 2.6rem;
    font-size: 1.6rem;
    line-height: 1.4;
  }
  
  main.service section.service h4::before {
    width: 1.6rem;
    height: 100%;
  }

  main.service section.service h5 {
    margin-top: 1.2rem;
    font-size: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: .1rem solid #AA8D4D;
  }

  main.service section.service h5 small {
    font-size: 1rem;
  }
		
		main.service section.service p {
    margin-top: 1.2rem;
    font-size: 1.4rem;
  }
  
  main.service section.service  ul {
    margin-top: 1rem;
    padding: 1rem;
    padding-left: 2.5rem;
    border: .1rem solid #AA8D4D;
    gap: 0.5rem;
  }
  
  main.service section.service ul li {
    font-size: 1.4rem;
  }
}