@charset "UTF-8";

:root {
  --black-color: #4d4d4d;
  --white-color: #fff;
  --trouble-bg-gradation: linear-gradient(to top, #ebe4c8 0, #fffef9 47%, #f3f0df 79%);
  --point-color: #de5860;
  --title-color: #af985d;
  --green-color: #25bab5;
  --green-color02: #0abbb5;
  --green-color03: #87c9d9;
  --about-gradation: linear-gradient(to top, #ebcd8c 0, #c5a653 70%, #b19134 100%);
  --about-bg-color: #eff9fa;
  --reason-bg-color: #eef8f9;
  --reason-gradation: linear-gradient(to right, #e1c58b 50%, #ad955a);
  --qa-bg-color: #e1f4f4;
  --info-border: #50a3ba;
}
body {
  color: var(--black-color);
  font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
  text-align: center;
}

body {
width:100%;
height:100%;
background: #fff;
color:#1a1a1a;
min-width:380px;
}
.point-color {
  color: #d3896d;
}
.contents-box {
  width: 100%;
}

.common-section-title {
  font-family: serif;
  font-size: 16px;
}
.common-title-small {
  font-size: 24px;
}
.common-title-color {
  font-size: 22px;
  color: #526363;
}

.fv {
  position: relative;
      max-width: 1920px;
}
.logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  background: #fff;
}
.fv_logo_img {
  width: 60%;
  max-width: 364px;
}
@media screen and (min-width: 768px) {
  .fv_img {
    display: none;
  }
}
.fv-pc_img {
  display: none;
}
@media screen and (min-width: 768px) {
  .fv-pc_img {
    display: block;
  }
}
.cta-inner {
  max-width: 384px;
  padding: 48px 0;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .cta-inner {
    max-width: 384px;
    padding: 104px 0;
    margin: 0 auto;
  }
}
.btn-heading-text {
  font-size: 18px;
}
.btn_img-wrapper {
  margin-top: 8px;
  width: 95%;
    margin: 0 auto;
}

.trouble {
  background-color: #faeae5;
}
.trouble .title-decoration-wrapper {
  width: 160px;
  margin: -30px auto 10px;
}
.trouble-inner {
  margin: 0 auto;
  padding: 15px 0;
  max-width: 700px;
  width: 100%;
}


@media screen and (min-width: 768px) {
  .trouble-inner {
    margin: 0 auto;
    /*padding: 56px 32px;*/
    max-width: 1000px;
    width: 100%;
  }
}
.trouble_img-wrapper {
  width: 76%;
 margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .trouble_img-wrapper {
    width: 50%;
    margin-top: 32px;
  }
}
.trouble_contents {
  background-color: #fff;
  opacity: 0.8;
  padding: 20px;
  margin: 10px 20px;
}
@media screen and (min-width: 768px) {
  .trouble_contents {
    padding: 20px;
    width: 55%;
    margin-top: 100px;
    margin-left: auto;
  }
}
.trouble_item {
  display: flex;
  width: 100%;
  align-items: center
}
.trouble_item:not(:first-child) {
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .trouble_item:not(:first-child) {
    margin-top: 16px;
  }
}
.trouble_check-wrapper {
  display: block;
  object-fit: cover;
  flex-shrink: 0;
  height: 24px;
  width: 24px;
  margin-right: 8px;
}


@media screen and (min-width: 768px) {
  .trouble_check-wrapper {
    height: 32px;
    width: 32px;
    margin-right: 12px;
  }
}
.trouble_item-txt {
  text-align: left;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .trouble_item-txt {
    font-size: 20px;
  }
}
.trouble .point-color {
  font-family: serif;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .trouble .point-color {
    font-size: 22px;
  }
}
.trouble_dot-wrapper {
  width: 8px;
  margin: -10px auto 0;
  position: relative;
  z-index: 10;
}
.trouble_txt {
  font-family: serif;
  font-size: 24px;
  margin-top: 16px;
}

#page {
    background: #fdf9f6 !important;
    position: relative;
}
@media screen and (min-width: 768px) {
  .trouble_txt {
    font-size: 28px;
    margin-top: 32px;
  }
}
.triangle {
  width: 0px;
  height: 0px;
  border-top: 25px solid #faeae5;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  border-bottom: 20px solid transparent;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .about-inner {
    /*margin-top: 16px;*/
  }
}
.about-heading-wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: 362px;
  margin: 24px auto;
}



.about-heading-img-wrapper {
    margin: 0 auto;
    width: 800px;
}



.about-heading-txt {
  font-family: serif;
  font-size: 26px;
  line-height: 1.5em;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .about-heading-txt {
    font-size: 32px;
  }
}

@media screen and (min-width: 768px) {
  .about-heading-txt.bg-green {
    font-size: 24px;
    margin-top: 24px;
  }
}
.about-heading-gradation {
  font-size: 36px;
  background: var(--about-gradation);
  color: #c5a653; /* 非対応のブラウザの為に色を設定 */
  -webkit-background-clip: text; /* テキストで切り抜く */
  -webkit-text-fill-color: transparent; /* 切り抜いた部分は背景を表示 */
}
@media screen and (min-width: 768px) {
  .about-heading-gradation {
    font-size: 48px;
    line-height: 1.23;
  }
}
.about-heading-img-wrapper {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .about-heading-img {
    display: none;
  }

  .about-heading-img{
    position: relative;
  }

}

@media screen and (min-width: 768px) {
  .about-heading-img-pc {
    display: block;
  }
  
}
.about-content {
  margin: 24px auto;
}
@media screen and (min-width: 768px) {
  .about-content {
    margin: 40px auto;
  }
}
.about_title {
  font-size: 32px;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .about_title {
    font-size: 42px;
  }
}
.about_title-sub {
  font-size: 24px;
  font-family: serif;
  color: var(--green-color);
  border-top: 1px solid var(--green-color);
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .about_title-sub {
    font-size: 30px;
  }
}
.about_title-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.about_title-img-wrapper {
  width: 30%;
  max-width: 160px;
}
@media screen and (min-width: 768px) {
  .about_title-img-wrapper {
    margin-left: 24px;
  }
}

.about_text {
  max-width: 464px;
  width: 100%;
  text-align: left;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .about_text {
    font-size: 20px;
  }
}
.about_quality {
  background: var(--about-bg-color);
  padding: 24px 0;
}
@media screen and (min-width: 768px) {
  .about_quality {
    padding: 80px 0;
  }
}

.about_list:not(:first-child) {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .about_list:not(:first-child) {
    margin-top: 80px;
  }
}
.about_item-heading {
  display: inline-block;
  border: 1px solid var(--green-color);
  background: #fff;
  color: var(--green-color);
  font-size: 20px;
  padding: 0 16px;
}
@media screen and (min-width: 768px) {
  .about_item-heading {
    font-size: 24px;
  }
}
.about-arrow-wrapper {
  width: 6px;
  margin: 0 auto;
}
.about_item {
 /* max-width: 1000px;*/
  
  width: 100%;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .about_item {
    padding: 0 24px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.about_item-txt {
  text-align: left;
  /*max-width: 578px;*/
  width: 100%;
  padding: 0 8px;
  margin: 16px auto;
}
@media screen and (min-width: 768px) {
  .about_item-txt {
    width: 55%;
    margin: 0;
    padding: 0;
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .about_img-wrapper {
    width: 40%;
    margin-left: 24px;
  }
}
.about_triangle {
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background: linear-gradient(to top, #d4f7fa, #eff9fa);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  width: 160px;
  height: 60px;
  margin: -10px auto 0;
}
@media screen and (min-width: 768px) {
  .pr01_img {
    display: none;
  }
}
.pr01_img-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .pr01_img-pc {
    display: block;
    width: 130px;
    position: absolute;
    top: 4rem;
    left: 40rem;
  }
}



.case .title-decoration-wrapper {
  width: 120px;
  margin: -30px auto 10px;
}
.case-img-wrapper {
  margin: 48px auto;
  max-width: 900px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .case-img-wrapper {
    margin: 56px auto 0;
  /*  max-width: 900px;*/
    width: 100%;
  }
}

.reason {
  background: var(--reason-bg-color);
  padding: 48px 16px;
}
.reason .title-decoration-wrapper {
  width: 280px;
  margin: -20px auto 10px;
}
.reason_content {
  width: 100%;
 /* max-width: 864px;*/
  margin: 0 auto;
}

.reason_list {
  margin-top: 64px;
  background: var(--white-color);
  padding: 40px 16px 16px;
  position: relative;
  box-shadow: 5px 5px 6px 2px #eee;
}
@media screen and (min-width: 768px) {
  .reason_list {
    padding: 40px 32px 32px;
  }
}
.reason_no-set {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.reason_no-wrapper {
  background: var(--reason-gradation);
  color: #fff;
  max-width: 160px;
  font-size: 20px;
  font-family: serif;
  padding: 5px 20px;
  text-align: center;

  transform: skewX(-25deg);
}
.reason_no {
  transform: skewX(25deg);
  white-space: nowrap;
}
.reason_item-heading {
  font-family: serif;
  font-size: 24px;
  color: var(--green-color02);
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .reason_item-heading {
    font-size: 30px;
  }
}
.reason_heading-span {
  font-size: 20px;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .reason_heading-span {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  .reason_item-content {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    margin-top: 24px;
  }
}
.reason_item-img-wrapper {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .reason_item-img-wrapper {
    margin-top: 0;
    width: 45%;
  }
}
.reason_item-txt {
  font-size: 16px;
  margin-top: 8px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .reason_item-txt {
    width: 48%;
    font-size: 20px;
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .price-bg-pc {
    background-image: url(/wp-content/themes/diamond_clinic/img/lp/lumecca/price-bg-pc.jpg);
    background-repeat: no-repeat;
    object-fit: cover;
    width: 100%;
  }
}
.price {
  padding-top: 48px;
}
.price .title-decoration-wrapper {
  width: 120px;
  margin: -30px auto 10px;
}
.price-img-wrapper {
  margin: 40px 1rem 0;
}
@media screen and (min-width: 768px) {
  .price-img-wrapper {
  margin-top: 80px;
}
}
@media screen and (min-width: 768px) {
  .price-img {
    display: none;
  }
}
.price-img-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .price-img-pc {
    display: block;
    width: 100%;
    max-width: 704px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .pr02_img {
    display: none;
  }
}
.pr02_img-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .pr02_img-pc {
    display: block;
  }
}
.qa-inner {
  width: 100%;
  max-width: 684px;
  margin: 0 auto;
}
.qa .title-decoration-wrapper {
  width: 100px;
  margin: -30px auto 10px;
}
.qa {
  background: #faeae5;
  padding: 48px 16px;
  width: 100%;
 
}
.qa_item {
  background: var(--white-color);
  margin-top: 20px;
  box-shadow: 5px 5px 6px 2px #f7e2e2;
}
.qa_button {
  width: 100%;
  padding: 16px;
  background: none;
  color: inherit;
  margin: inherit;
}
.qa_box {
  width: 100%;
}
.qa_content {
  display: flex;
  justify-content: space-between;
}
.qa_q {
  display: flex;
}
.qa_icon-wrapper {
  display: block;
  width: 20px;
  margin-right: 8px;
  flex-shrink: 0;
}
.qa_arrow-wrapper {
  display: inline-block;
  width: 16px;
  margin-left: 4px;
  flex-shrink: 0;
}
.qa_arrow {
  vertical-align: inherit;
  transform: scale(1, -1);
}
.is-open .qa_arrow.is-open {
  transform: scale(1, 1);
}
.q_txt {
  font-family: serif;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
.a_txt {
  font-size: 16px;
  text-align: left;
}
.qa_open {
  opacity: 0;
  line-height: 0;
  padding: 0;
  margin: 0;
  transition: line-height 0.4s, padding 0.4s, opacity 0.2s;
}
.qa_open.is-open {
  opacity: 1;
  margin: 0 16px;
  padding: 16px 0;
  border-top: 1px solid #edc0b4;
  line-height: 1.5;
}
.info {
  padding: 0 16px 24px;
}
.info-inner {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.info_title {
  font-family: serif;
  font-size: 32px;
  margin-top: 24px;
}
.info_heading {
  margin-top: 24px;
  padding: 8px;
  font-weight: bold;
  color: var(--white-color);
  background: var(--green-color03);
  /* white-space: nowrap; */
}
.info_body {
  padding: 8px;
  border: 1px solid var(--info-border);
  border-top: none;
  text-align: left;
}
.info_body-list {
  margin: 0 auto;
}


@media screen and (min-width: 768px) {
  .about_text {
    font-size: 18px;
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 768px) {
  .about-heading-txt.bg-green {
      width: 768px;
      margin-top: 60px;
  }
}
.about_text {
  max-width: 700px !important;
  padding: 10px 0 !important;
}

.about_text05{
  color: #25bab5;
  font-size: 20px;
  font-weight: bold;
}
.about_text06{
  color: #25bab5;
  font-size: 20px;
  font-weight: bold;
  margin-top: 10px;
}
.about_text07{
  color: #2a2a2a;
  font-size: 25px;
  font-weight: bold;
}

.about_text09{
  max-width: 90% !important;
  line-height: 1.8em;
  width: 100%;
    text-align: left;
    margin: 0 auto;
    padding-top: 10px !important;
}

.inshi-wrapper{
  background: #faf0e4;
  padding: 10px;
  margin: 10px;
}


.about-heading-txt.bg-gold {
  margin-top: 16px;
  font-size: 20px;
  font-weight: bold;
  background-color: #d1b66b;
  color: #fff;
  display: inline-block;
  padding: 4px 16px;
  width: 700px;
  padding: 30px;
}


.width--17{
  border: none !important;
    background: #f6fbf9 !important;
}

@media screen and (max-width: 559px) {
    .about_text {
    max-width: 90% !important;
}
}

.about-heading-txt.bg-green  {
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
    background-color: var(--green-color);
    color: #fff;
    display: inline-block;
    padding: 4px 16px;
    width: 90%;
}

.about-heading-txt.bg-green02  {
  font-size: 20px;
  font-weight: bold;
  background-color: var(--green-color);
  color: #fff;
  display: inline-block;
  padding: 4px 16px;
  width: 90%;
}


@media screen and (max-width: 559px) {
.about-heading-txt.bg-gold {
    width: 100%;
}
}

.about_text07 {
  font-size: 21px;
  margin: 17px 0 0 0px;
}


  #sq_001{
    padding: 10px;
  border: 1px solid #25bab5;
  }

  @media screen and (min-width: 768px) {

  
    #sq_001_pc {
      padding: 10px;
      border: 1px solid #25bab5;
    }
  }




.menuchild-section #effect-table table tr td, .menuchild-section #effect-table table tr th.width--30.width--55 {
  text-align: left !important;
}



.menuchild-section #effect-table table tr td, .menuchild-section #effect-table table tr  {
  font-size: 1.5rem ;
  text-align: right !important;
}


.menuchild-section #effect-table table tr th.width--30 {
  text-align: center !important;
}



.menuchild-section #effect-table table tr th.width--16 {
  width: 0% !important;
}

@media screen and (max-width: 559px) {
  .section {
      padding: 1.8rem 0 !important;
  }
}

.menuchild-section #effect-table table tr td.empty, .menuchild-section #effect-table table tr th.empty {
  width: 0% !important;
}

@media screen and (max-width: 559px) {

.menuchild-section #effect-table table tr th.width--15 {
  width: 7%  !important;
  font-size: 0.9rem;
}

.menuchild-section #effect-table table tr th.width--30 {
  width: 13%  !important;
  font-size: 1rem;
}


.menuchild-section #effect-table table tr th.width--55 {
  font-size: 1rem;
}
.menuchild-section #effect-table table tr td.width--33 {
  background-color: #FFF;
}

.menuchild-section #effect-table table tr th.width--31 {
  width: 25%  !important;
  text-align: center;
}
.menuchild-section #effect-table table tr th.width--56 {
  width: 33%  !important;
}

.menuchild-section #effect-table table tr td.width--32 {
  background-color: #fde3a2 !important;
  text-align: center !important;
}

.menuchild-section #effect-table table tr td.width--57 {
  text-align: left !important;
}

.table-box table tr > * {
  font-size: 0.5rem !important;
}

.menuchild-section #pleasecontact-box #pleasecontact-txt {
  text-align: left !important;

}

.menuchild-section #effect-table table tr th.text_center02{
  text-align: center !important;
  font-size: 1rem !important;
}

.about_text_bottom{
  margin-bottom: 18px;
}

.about_text_bottom02{
  margin-bottom: 20px;
}
.p-top {
  padding-top: 8px !important;
}

}





@media screen and (min-width: 768px) {
  .fv_img-sp {
   display: none !important;
  }
}

@media screen and (max-width: 559px) {
  .fv_img-pc {
    display: none !important;
  }
}




/*アコーディオンはじめSp*/
@media screen and (max-width: 559px) {

.accordion-004 summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1px 2px;
  font-size: 1.3em;
  color: #333333;
  font-weight: 600;
  cursor: pointer;
}

/*
.accordion-004 summary::-webkit-details-marker {
  display: none;
}
*/
/*
.accordion-004 summary::after {
  transform: translateY(-25%) rotate(40deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #333333b3;
  border-right: 3px solid #333333b3;
  content: '';
  transition: transform .3s;
}
*/
/*
.accordion-004[open] summary::after {
  transform: rotate(225deg);
}
*/

.accordion-004 .tenteki01 {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  color: #333333;
  transition: transform .5s, opacity .5s;
  margin: 0 auto;
}

.accordion-004[open] .tenteki01 {
  transform: none;
  opacity: 1;
}
}
/*アコーディオン終わりsp*/





/*アコーディオンはじめPC*/

@media screen and (min-width: 768px) {
.accordion-004 {
  max-width: 800px;
  margin-bottom: 7px;
  border-radius: 5px;
}


.accordion-004 summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  color: #333333;
  font-weight: 600;
  font-size: 20px;
  cursor: pointer;
  
}


.accordion-004 summary::-webkit-details-marker {
  display: none;
}

/*
.accordion-004 summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #333333b3;
  border-right: 3px solid #333333b3;
  content: '';
  transition: transform .3s;
}


.accordion-004[open] summary::after {
  transform: translateY(-25%) rotate(225deg);
}
*/
.ten_wrapper{
  margin: 10px;
}




.accordion-004 .tenteki01 {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: .3em 2em 1.5em;
  color: #333333;
  transition: transform .5s, opacity .5s;
  margin: 0 auto;
}

.accordion-004[open] .tenteki01 {
  transform: none;
  opacity: 1;
  background-color: #FFF;
}

#ten_wrapper-center{
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px;
}


}
/*アコーディオン終わりpc*/

@media screen and (max-width: 559px) {
  .page--injection #kv--menuchild {
    height: 300px;
  }

  #kv_pc-img--menuchild{
   width: 115%;
   padding-top: 20px;
  }

  .about_text{
    line-height: 1.8em;
  }

  .about_text_top{
    margin-top: 13px;

  }

.about_text08{
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5em;
}

.about-heading-wrapper_04 {
  width: 100%;
  margin: 0 auto;
  max-width: 362px;
  padding: 15px;
}

.about-heading-wrapper_05 {
  width: 80%;
  margin: 0 auto;
  max-width: 362px;
  padding: 10px 0;
}

.cp_hr06 {
	position: relative;
	height: 1px;
	border-width: 0;
	background-image: -webkit-linear-gradient(left,
	transparent 0%,#edc0b4 50%,transparent 100%);
	background-image:         linear-gradient(90deg,
	transparent 0%,#edc0b4 50%,transparent 100%);
  margin-top: 10px;
}

}


.about-heading-img-wrapper_01,.about-heading-img-wrapper_02,.about-heading-img-wrapper_03,.about-heading-img-wrapper_04,.about-heading-img-wrapper_05,.about-heading-img-wrapper_06,.about-heading-img-wrapper_07{

  position: relative;
 }

 
 

 @media screen and (min-width: 768px) {
  .about-heading-img-wrapper_01,.about-heading-img-wrapper_02,.about-heading-img-wrapper_03,.about-heading-img-wrapper_04,.about-heading-img-wrapper_05,.about-heading-img-wrapper_06,.about-heading-img-wrapper_07{
    width: 1000px;
    margin: 0 auto;
    margin-top: 20px;
  }
 }






@media screen and (max-width: 559px) {
.ten_wrapper,.ten_wrapper-02{
  background: rgba(255, 255, 255,);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.6;
    width: 100%;
    padding: 0.2rem 1.1rem;
    z-index: 2;
    transition: all 0.5s ease;
   margin-bottom: 20px;
}

.ten_wrapper-03{
  background: rgba(255, 255, 255,);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.6;
    width: 100%;
    padding: 0.2rem 1.1rem;
    z-index: 2;
    transition: all 0.5s ease;
   margin-bottom: 10px;
}





.ko-001{
  background: rgba(255, 255, 255, 0.75);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.6;
    width: 100%;
    padding: 1rem 1.6rem;
    position: absolute;
    top: 70%;
    left: 0;
    z-index: 2;
    color: #333333;
    transition: all 0.5s ease;
}
}

.in-s02{
  margin-top: 20px;
}




.section-ttl_02{
  font-size: 2rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.75;
    margin: 1.5rem 0 0 ;
    position: relative;
}

.menuchild-section #effect-table {
  background: #f6fbf9;
  margin: -1rem 0 ;
}







#div1 {
  position: relative;

}


details {
  border: 1px solid #555;
  margin-bottom: 10px;
}
summary {
  padding: 1em;
  background: #eee;
  font-weight: bold;
  cursor: pointer;
  list-style: none;
  position: relative;
}

/* Safari対応　デフォルトの三角形アイコン非表示 */
details summary::-webkit-details-marker {
  display: none;
}

div {
  padding: 1em;
}

.icon {
  display: block;
  position: absolute;
  right: 100px;
  top: 88%;
  width: 19px;
  margin-left: 6px;
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.5s;
}

/* アイコンの三角矢印 */
.icon::before,
.icon::after {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 2px;
  background-color: #000;
}

.icon::before {
  left: 0;
  transform: rotate(45deg);
}

.icon::after {
  right: 0;
  transform: rotate(-45deg);
}

/* アコーディオン表示の際に回転する */
details[open] .icon {
  transform: rotate(180deg);
}




@media screen and (min-width: 768px) {
  details {
    border: 1px solid #555;
    margin-bottom: 10px;
  }
  summary {
    padding: 1em;
    background: #eee;
    font-weight: bold;
    cursor: pointer;
    list-style: none;
    position: relative;
  }
  
  /* Safari対応　デフォルトの三角形アイコン非表示 */
  details summary::-webkit-details-marker {
    display: none;
  }
  
  div {
    padding: 1em;
  }
  
  .icon {
    display: block;
    position: absolute;
    right: 50px;
    top: 52%;
    width: 36px;
    margin-left: 6px;
    flex-shrink: 0;
    transform-origin: center 43%;
    transition: transform 0.5s;
  }
  
  /* アイコンの三角矢印 */
  .icon::before,
  .icon::after {
    content: "";
    position: absolute;
    display: block;
    width: 22px;
    height: 3px;
    background-color: #444;
  }
  
  .icon::before {
    left: 0;
    transform: rotate(45deg);
  }
  
  .icon::after {
    right: 0;
    transform: rotate(-45deg);
  }
  
  /* アコーディオン表示の際に回転する */
  details[open] .icon {
    transform: rotate(180deg);
  }
  
}

.trouble .title-decoration-wrapper {
  margin: -10px auto 1px;
}

.p.p {
  margin: 0 0 1.6rem;
  text-align: left;
}

.text_margin-top_05{
  padding-top: 80px !important;
}

.img-in {
  margin-bottom: 0px !important;
}

img, video {
  border-style: none;
  max-width: 100%;
  height: auto;
  vertical-align: top !important;
}

.img-in_02 {
  margin: 0 auto;
  width: 900px;
  margin-bottom: 50px;
}

.title-decoration-wrapper {
  width: 160px;
  margin: 3px auto -20px !important;
}

.about-heading-txt_03{
  font-size: 18px;
  font-family: serif;
  line-height: 1.5em;
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .about-heading-wrapper {
    max-width: 1000px !important;
  }
}

@media screen and (min-width: 768px) {
  .about-heading-wrapper {
      margin-bottom: 20px;
  }
}

.price {
  padding-top: 1px;
}





/*タブ*/
.tab_container {
  background-color: #fff;
  border:1px solid #37beb0;
  margin: 0 auto;
  width: 90%;
}
.tab_item {
  width: calc(100%/4);
  padding:15px 0;
  border-bottom: 3px solid #37beb0 ;
  background-color: #ececec;
  text-align: center;
  color: #37beb0 ;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  width: 16.66%;
  height: 60px;
  line-height: 1.1;
}
.tab_item:hover {
  opacity: 0.75;
}
input[name="tab_item"] {
  display: none;
}
.tab_content {
  display: none;
  padding: 43px 1em 0 1em;
  clear: both;
  /*overflow: hidden;*/
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content,
#tab5:checked ~ #tab5_content,
#tab6:checked ~ #tab6_content,
#tab7:checked ~ #tab7_content,
#tab8:checked ~ #tab8_content,
#tab9:checked ~ #tab9_content,
#tab10:checked ~ #tab10_content,
#tab11:checked ~ #tab11_content {
  display: block;
}
.tab_container input:checked + .tab_item {
  background-color: #37beb0 ;
  color: #fff;
}

  /*タブ*/

 .tax {
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 0;
    display: block;
}

*, *:before, *:after {
  box-sizing: border-box;
}
.col_2{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
}
.col_2 > *{
  width: calc( 50% - 6px ) ;
  margin-right: 12px;
  margin-bottom: 12px;
}
.col_2 > *:nth-child(2n){
  margin-right: auto;
}
.col_2 > * > *{

  position: relative;
}
@media screen and (max-width: 960px) {
  .col_2 > *{
      width: 100%;
      margin-right: auto;
  }
}

.gray{
  background-color: #ececec;
}

.menuchild-section #effect-table table tr td.td-excellent, .menuchild-section #effect-table table tr td.td-good, .menuchild-section #effect-table table tr td.td-outstanding {
  font-size: 0 !important;
  position: relative;
}



.img-in {
  margin: 0 auto;
  height: auto;
  margin-bottom: 50px;
}

.green-square{
  background-color: #87bbb8;
  color: #fff;
  width: 0 autopx;
  padding: 10px;
  margin-bottom: 10px;
  line-height: 1.2em;
  font-size: 1.4em;
}

.font-01{
  color:#489f9a;
  font-size: 1.8em;
    font-weight: bold;
}




h3:before {
  content: url("https://diamond-clinic.jp/wp-content/uploads/2024/15/fd_icon.png");  /*画像のURL*/
  margin-right:200px;  /*画像右の余白*/
  position:relative;
  top:15px;      /*上からの位置*/
  left:-15px;       /*左からの位置*/
  
}



h5:before {
  content: url("https://diamond-clinic.jp/wp-content/uploads/2024/15/sy_icon.png");  /*画像のURL*/
  margin-right:200px;  /*画像右の余白*/
  position:relative;
  top:15px;      /*上からの位置*/
  left:-15px;       /*左からの位置*/
  
}

h6:before {
  content: url("https://diamond-clinic.jp/wp-content/uploads/2024/15/hg_icon.png");  /*画像のURL*/
  margin-right:200px;  /*画像右の余白*/
  position:relative;
  top:15px;      /*上からの位置*/
  left:-15px;       /*左からの位置*/
}

.font-02{
  width: 90%;
  margin: 0 auto;
  padding-bottom: 9px;
    border: dotted 2px;
    margin-top: 8px;
    font-size: 1em;
}
.font-02:before{
  content: url("https://diamond-clinic.jp/wp-content/uploads/2024/15/clock_icon.png");  /*画像のURL*/
  margin-right:13px;  /*画像右の余白*/
  position:relative;
  top:9px;      /*上からの位置*/
  left:0; 
}


.font_03{
  font-size: 1.2em;
  position: absolute;
  top: 15px;
  left: 200px;
}

.font_04{
  font-size: 1.2em;
  font-weight: 600;
  position: absolute;
  top: 45px;
  left: 200px;
  line-height: 1.2;
}

.text-tab01{
font-size: 1.2em;
margin: 30px 30px 0 30px;
text-align: left;
}
.text-tab02{
  font-size: 1.2em;
  margin: 30px 30px 0 30px;

text-align: left;
}
.text-tab03{
  font-size: 1.2em;
text-align: left;
margin: 30px 30px 0 30px;
}

.text-underline{
  font-size: 33px;
  font-weight: bold;
  text-align: left;
  position: relative;
  border-bottom:2px solid #434343; 
}

.tab-img01,.tab-img02,.tab-img03{
  margin: 20px 0 0 0 ;
}

@media screen and (max-width: 559px) {

.sp_w{
   margin: 15px 0;
   width: 90%;
        margin: 0 auto;
  }

  .menuchild-section #effect-table table tr th.width--55 {
    width: 27%;
}
  .tab_item{
    font-size:0.7em;
    height: 58px;
    line-height: 1.2em;
  }

  .tab_container{
    width: 90%;
  }
  .font_03,.font_04{
    left: 35%;
  }
  .about-heading-txt{
    width: 90%;
    margin: 0 auto; 
  }
  .tab_content {
    padding: 1px 10px;
}
.gray {
  background-color: #ececec;
  margin: -50px 0;
}
.text-tab01 {
  padding-top: 1px;
  margin:1px 5px;
}
.text-underline {
  font-size: 1.3em;
  margin: 10px 0 0 0 ;
}
.text-tab02{
  margin: 30px 10px 0px 10px;
}
.text-tab03{
  margin: 0px 10px 0px 10px;
}
.b_002{
  position: relative;
}
.botton_002{
  width: 80%;
  margin: 0 auto;
  color: #FFF;
  position: absolute;
  bottom: 25px;
  left: 10%;
}
.about-heading-txt_blue{
  color: #FFF;
  background-color: #25bab6;
  width: 90%;
  margin: 0 auto;
  padding: 15px 0;
  margin-top: 15px;
  margin-bottom: 15px;
}

.sknb_002{
  margin: 15px 0;
}
.about-heading-wrapper_003 {
  width: 90%;
  margin: 0 auto;
}

.menuchild-section #effect-table_2 table tr th {
  background: #edc0b4;
  color: #fff;
  text-align: left;
  font-size: 0.7em;
  line-height: 1.1;
  padding: 5px 5px;
}
.menuchild-section #effect-table_2 table tr:nth-child(11) th, .menuchild-section #effect-table_2 table tr:nth-child(13) th, .menuchild-section #effect-table_2 table tr:nth-child(15) th, .menuchild-section #effect-table table tr:nth-child(17) th, .menuchild-section #effect-table_2 table tr:nth-child(19) th, .menuchild-section #effect-table_2 table tr:nth-child(21) th, .menuchild-section #effect-table_2 table tr:nth-child(23) th, .menuchild-section #effect-table_2 table tr:nth-child(25) th, .menuchild-section #effect-table table tr:nth-child(27) th, .menuchild-section #effect-table_2 table tr:nth-child(29) th, .menuchild-section #effect-table_2 table tr:nth-child(3) th, .menuchild-section #effect-table_2 table tr:nth-child(5) th, .menuchild-section #effect-table_2 table tr:nth-child(7) th, .menuchild-section #effect-table_2 table tr:nth-child(9) th {
  background: #76dabe;
}

.menuchild-section #effect-table_2 table tr th .width--30{
  width: 25% !important;
  font-size: 1rem;
  text-align: left !important;
}
table tr td, table tr th {
  font-size: 0.8em;
  line-height: 1.5;
  text-align: right;
  padding: 5px 5px;
}

.menuchild-section #effect-table_2 table tr th .width--33{
  font-size: 0.8rem;
  text-align: right !important;
 
}

.menuchild-section #effect-table_2 table tr th .width--45{
  font-size: 1rem;
  text-align: left !important;
line-height: 1.5;
  padding: 0.5rem 0.2rem;
  height: 38px;
}

.menuchild-section #effect-table_2 table tr td, .menuchild-section #effect-table_2 table tr th {
  border: 1px solid #cfcfcf;
}


.case-img-wrapper {

  max-width: 500px;
  width: 95%;
}
.about-text-green{
  font-size: 36px;
    color: #1aaea6;
}
.about_item-txt {
  text-align: left;
  width: 95%;
  padding: 0 8px;
  margin: 0 auto;
  margin-bottom: 15px !important;
  line-height: 1;
}
.about-heading-txt {
  line-height: 1.2em;
}
.col_2 {
  padding: 1px 0;
}
.ctt-width, .ctt-width-full, .ctt-width-l, .ctt-width-ll, .ctt-width-s {
   padding: 0 0px !important; 
}
.top-text_005{
  font-size: 12px;
  text-align: left;
        line-height: 1.2;
        padding: 10px;
}
.title-decoration-wrapper {
  margin:  -10px auto -20px !important;
}

.title-decoration-wrapper_02{
  margin: 3px auto -20px !important;
  width: 50%;
}
    .title-decoration-wrapper_05 {
        margin: 67px auto 0px !important;
        width: 50%;
    }

.gray{
  display: none;
}
.gray-sp{
  margin-top: -50px;
}
.text-tab01,.text-tab02,.text-tab03{
font-size: 1em;
line-height: 1.8em;
text-align: left;
}

.about-heading-gradation{
  font-size: 24px;
}
.menuchild-section #effect-table table tr th .k-07{
    width: 29%;
  }
  .about-heading-txt_03{
    margin-top: 15px;
  }
  .about-heading-txt_03{
    margin-bottom: 20px;
  }
  .img-in_sp{
  }
  .skn_sp{
    margin-bottom: 5px;
  }
  .tab-text-top{
    padding-top: 18px;
  }
  .bottom-01{
    margin-bottom: -50px;
  }
  .bottom-02{
    margin-bottom: -20px;
  }
  .bottom-03{
    margin-bottom: -45px;
  }
  .bottom-04{
    margin-bottom: -80px;
  }
  .bottom-05{
    margin-bottom: -40px;
  }
  .bottom-06{
    margin-bottom: -70px;
  }
  .bottom-07{
    margin-bottom: -50px;
  }
  .bottom-08{
    margin-bottom: -75px;
  }
  .bottom-09{
    margin-bottom: -50px;
  }
  .bottom-010{
    margin-bottom: -40px;
  }
  .text2-bottom-05{
    margin-bottom: -50px;
  }
  .text2-bottom-06{
    margin-top: -30px;
  }
  .common-title-color{
            font-size: 2rem;
        line-height: 1;
  }
  .img-in-02{
    margin: 0 auto;
  }
  .menuchild-section #effect-table table tr th.width--35 {
    width: 23%;
    font-size: 1rem;
    text-align: left !important;
  }
  .menuchild-section #effect-table table tr td, .menuchild-section #effect-table table tr th .width--33{
    text-align: center !important;
  }
  .title-07{
    padding: 0 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  font-weight: 700;
  background: transparent;/*背景透明に*/
  border-left: solid 5px #489f9a;/*左線*/
  }
  .title-08{
    padding: 0 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  font-weight: 700;
  background: transparent;/*背景透明に*/
  border-left: solid 5px #489f9a;/*左線*/
  margin: 8px 0 5px 0;
  }

  .menuchild-section #effect-table table tr th#table-price01{
  width: 100% !important;
  }

 .menuchild-section.table-attention{
  font-size: 1.1rem !important;
  line-height: 1;
  text-align: left;
  margin: 1% !important;
 }
 /* .scroll-hint-shadow-wrap{
    width: 96%;
    margin: 0 auto;
  }
 */
} 



@media screen and (max-width: 559px) {
 .common-section-title_02{
  display: none;
 }
  .anchor {
    padding-top: 56px;
    margin-top: 56px;
  }

  .menuchild-section #effect-table_2 table tr td.width--33{
    text-align: center;
     }
  .menuchild-section #effect-table table tr th.text_center02{
    text-align: center !important;
    font-size: 1rem !important;
  }

  .menuchild-section #effect-table table tr th.bg-gray {
    color: #4b4a4a;
    font-size: 0.9rem;
    text-align: center;
  }

  .col_3 {
    width: 100% !important;
    padding: 10px 10px;
    height: 240px;
  }

 
  
  .menuchild-section #effect-table table tr td.width--70, .menuchild-section #effect-table table tr th.width--70 {
    background: #76d5d0 !important;
    color: #303030;
    font-size: 0.9em !important;
    font-weight: 700;
    text-align: center;
    width: 50px !important;
  }
  
  .menuchild-section #effect-table table tr td.width--70, .menuchild-section #effect-table table tr th.width--71 {
    background: #edc0b4 !important;
    color: #FFF;
    font-size: 0.6em !important;
    font-weight: 700;
    text-align: center;
    width: 50px !important;
  }
  
  
  .menuchild-section #effect-table table tr td.width--25, .menuchild-section #effect-table table tr th.width--25 {
    background: #76d5d0 ;
    color: #303030;
    font-size: 14px !important;
    font-weight: 500;
    text-align: center;
  }

  .menuchild-section #effect-table table tr td.width--23, .menuchild-section #effect-table table tr th.width--23 {
    background: #edc0b4 ;
    color: #FFF;
    font-size: 7px !important;
    font-weight: 500;
    text-align: center!important;
  }
   
  .menuchild-section #effect-table table tr td.width--24, .menuchild-section #effect-table table tr th.width--24 {
    background: #edc0b4 ;
    color: #FFF;
    font-size: 7px !important;
    font-weight: 500;
    text-align: center!important;
  }
  
  .menuchild-section #effect-table table tr td.width--88, .menuchild-section #effect-table table tr th.width--88 {
    background: #ffeff4 !important;
    color: #303030;
    font-size: 0.9em !important;
    font-weight: 500;
    text-align: left !important;
    padding: 10px 10px;
    line-height: 1.2 !important;
  }
  .menuchild-section #effect-table table tr td.width--99, .menuchild-section #effect-table table tr th.width--99 {
    background: #FFF !important;
    color: #303030;
    font-size: 0.9em !important;
    font-weight: 500;
    text-align: left !important;
    
  }
  .menuchild-section #effect-table table tr td.width--98, .menuchild-section #effect-table table tr th.width--98 {
    background: #FFF !important;
    color: #303030;
    font-size: 0.6em !important;
    font-weight: 500;
    text-align: center !important;
    padding-bottom: 15px;
    
  }

  .menuchild-section #effect-table table tr td.width--90, .menuchild-section #effect-table table tr th.width--90 {
    background: #ff6296;
    color: #FFF;
    font-size: 1.2em !important;
    font-weight: 500;
    text-align: center;
    width: 45% !important;
  }
  

   table tr th.width--17{
    width: 13% !important;
  }
  #effect-table table tr th.width--25 {
    width: 37% !important; 
}
#effect-table table tr th.width--24 {
    width: 19% !important; 
        
}

#effect-table table tr th.width--23 {
    width: 18% !important; 
        font-weight: 500;
        text-align: center;
}


   


  .sb-02{
    background-color: #f8f59e;
    color: #ff3477;
    display: block;
    border-radius: 0.5em;
    width: 190px;
    text-align: center;
    font-size: 13px;
    font-weight: 800;
    padding: 10px 0;
    margin: auto;
  }
  
  

 
  /*基本の吹き出し*/
  .balloon{
    position: relative;
  }
  .balloon:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #f8f59e transparent transparent transparent;
    border-width: 10px 10px 0 10px;
  }

  .menuchild-section #effect-table table tr td .tax {
    font-size: 0.7rem !important;
   
}
.menuchild-section #effect-table table tr th.width--55 {
  width: 53% !important;
}

.img-pc{
    display: block;
  }
  
}


.indent {
  text-indent: -1em;
  padding-left: 1em;
}
.menuchild-section .table-attention {
  font-size: 1.1rem !important;
  text-align: left;
  line-height: 1;
  margin-left: 2% !important;
  margin: -2rem  2rem 2rem 2rem !important;
}












@media screen and (min-width: 768px) {
  
  

  .tab-img01,.tab-img02,.tab-img03{
    width: 70%;
  }

  .tab-img04{
    width: 100%;
    margin: 20px 0 0 0;
  }

  .col_3 {
    width: 100% !important;
  }
  .about-text-green {
    font-size: 36px;
    color: #1aaea6;
  }
  .about_item-txt {
  font-size: 13px !important;
  margin-bottom: 30px !important;
  margin-top: 20px !important;
  line-height: 1.2;
 }

 .tab-text-top {
  padding-top: 20px;
 }

  .menuchild-section #effect-table table tr th.text_center02{
    text-align: center !important;
    font-size: 1rem !important;
  }
  .menuchild-section #effect-table_2 table tr th.width--16{
    width: 30px;
  }

  .gray-sp{
    display: none;
  }
  .img-in {
   width: 300px !important;
  }
    
    .menuchild-section #effect-table table tr th.width--15{
      width: 35% !important;
  }
  .menuchild-section #effect-table table tr th {
    font-size: 1em !important;
  }
  .menuchild-section #effect-table table tr td, .menuchild-section #effect-table table tr th .width--33{
    text-align: center !important;
  }
  .menuchild-section #effect-table table tr th {
    width: 23% !important;
}
.menuchild-section #effect-table table {
  width: 100% ;
}
.menuchild-section #effect-table table tr td, .menuchild-section #effect-table table tr {
  font-size: 1rem !important;
}

.top-text_005{
  display: none;
/* text-align: left;
/* line-height: 1.1;*/
/*  font-size: 0.8em;*/
}
.top-text_04{
  margin: 0 auto;
  width: 1000px;
  padding: 10px;
}


.menuchild-section_2 #effect-table table{
  width: 100% !important;
}
.menuchild-section #effect-table_2 table tr th {
  background: #edc0b4;
  color: #fff;
  text-align: left;
  font-size: 0.7em;
  line-height: 1.1;
  padding: 5px 5px;
}
.menuchild-section #effect-table_2 table tr:nth-child(11) th, .menuchild-section #effect-table_2 table tr:nth-child(13) th, .menuchild-section #effect-table_2 table tr:nth-child(15) th, .menuchild-section #effect-table table tr:nth-child(17) th, .menuchild-section #effect-table_2 table tr:nth-child(19) th, .menuchild-section #effect-table_2 table tr:nth-child(21) th, .menuchild-section #effect-table_2 table tr:nth-child(23) th, .menuchild-section #effect-table_2 table tr:nth-child(25) th, .menuchild-section #effect-table table tr:nth-child(27) th, .menuchild-section #effect-table_2 table tr:nth-child(29) th, .menuchild-section #effect-table_2 table tr:nth-child(3) th, .menuchild-section #effect-table_2 table tr:nth-child(5) th, .menuchild-section #effect-table_2 table tr:nth-child(7) th, .menuchild-section #effect-table_2 table tr:nth-child(9) th {
  background: #76dabe;
}

.menuchild-section #effect-table_2 table tr th .width--30{
  width: 25% !important;
  font-size: 1rem;
  text-align: left !important;
}
table tr td, table tr th {
  font-size: 0.8em;
  line-height: 1.5;
  text-align: right;
  padding: 5px 5px;
}

.menuchild-section #effect-table_2 table tr th .width--33{
  font-size: 0.8rem;
  text-align: right !important;
 
}

.menuchild-section #effect-table_2 table tr th .width--45{
  font-size: 1rem;
  text-align: left !important;
line-height: 1.5;
  padding: 0.5rem 0.2rem;
  height: 38px;
}

.menuchild-section #effect-table_2 table tr td, .menuchild-section #effect-table_2 table tr th {
  border: 1px solid #cfcfcf;
}

.menuchild-section .table-attention {
  font-size: 1.3rem;
  text-align: left;
  margin-left: 2%;
}
.menuchild-section #effect-table table tr th.width--55{
  text-align: center;
}

table#w-900{
  width: 80% !important;
}
table#w-100{
  width: 100% !important;
}

.menuchild-section #effect-table table tr td.width--70, .menuchild-section #effect-table table tr th.width--70 {
  background: #76d5d0 !important;
  color: #303030;
  font-size: 16px !important;
  font-weight: 700;
  text-align: center;
  width: 50px !important;
}
.menuchild-section #effect-table table tr td.width--90, .menuchild-section #effect-table table tr th.width--90 {
  background: #ff6296;
  color: #FFF;
  font-size: 20px !important;
  font-weight: 500;
  text-align: center;
  width: 45% !important;
}



.menuchild-section #effect-table table tr td.width--25, .menuchild-section #effect-table table tr th.width--25 {
  background: #76d5d0;
  color: #303030;
  font-size: 20px !important;
  font-weight: 500;
  text-align: center;
  width: 45% !important;
}

.menuchild-section #effect-table table tr td.width--88, .menuchild-section #effect-table table tr th.width--88 {
  background: #ffeff4 !important;
  color: #303030;
  font-size: 16px !important;
  font-weight: 500;
  text-align: left !important;
  padding: 30px 30px;
}
.menuchild-section #effect-table table tr td.width--99, .menuchild-section #effect-table table tr th.width--99 {
  background: #FFF !important;
  color: #303030;
  font-size: 16px !important;
  font-weight: 500;
  text-align: left !important;
  padding: 30px 30px;
}
.sb-02{
  background-color: #f8f59e;
  color: #ff3477;
  display: block;
  width: 280px;
  border-radius: 0.5em;
  text-align: center;
  font-size: 20px;
  font-weight: 800;
  padding: 10px 0;
  margin: auto;
  
}

/*基本の吹き出し*/
.balloon{
  position: relative;
}
.balloon:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #f8f59e transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}
}


@media screen and (max-width: 559px) {

html, body {
  overflow-x: hidden;
}


.menuchild-section #effect-table table.caresys {
 
   margin: auto !important;
   object-fit: cover;
   overflow-x: scroll;
}

.scroll-hint {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; /* iOSでの慣性スクロール */
}
}

@media screen and (max-width: 959px) {
.menuchild-section #effect-table table.caresys {
    max-width: 950px !important;
   
    margin: auto;
}
}

/*
 @media screen and (max-width: 959px) {
  .menuchild-section #effect-table {
   overflow-x: visible !important;
  }
}*/

@media screen and (max-width: 559px) {
    .menuchild-section #effect-table table tr td.width--90, .menuchild-section #effect-table table tr th.width--90 {
        background: #ff6296;
        color: #FFF;
        font-size: 1em !important;
        font-weight: 500;
        text-align: center;
        width: 45% !important;
    }
}



@media screen and (max-width: 559px) {
    .menuchild-section #effect-table table tr td.width--115, .menuchild-section #effect-table table tr th.width--115 {
        background: #edc0b4 !important;
        color: #FFF;
        font-size: 0.8rem !important;
        font-weight: 500;
        text-align: center;
        width: 13% !important;
    }
}

@media screen and (max-width: 559px) {
    .menuchild-section #effect-table table tr td.width--155, .menuchild-section #effect-table table tr th.width--155 {
        background: #edc0b4 !important;
        color: #FFF;
        font-size: 0.8rem !important;
        font-weight: 500;
        text-align: center;
        width: 13% !important;
    }
}



@media screen and (max-width: 559px) {
    .menuchild-section #effect-table table tr td.width--300, .menuchild-section #effect-table table tr th.width--300 {
        background: #edc0b4 !important;
        color: #FFF;
        font-size: 0.8rem !important;
        font-weight: 500;
        text-align: center;
        width: 13% !important;
    }
}

@media screen and (max-width: 559px) {
    .menuchild-section #effect-table table tr td.width--333, .menuchild-section #effect-table table tr th.width--333 {
        font-size: 0.8rem !important;
        text-align: center;
        width: 13% !important;
    }
}

@media screen and (max-width: 559px) {
    .menuchild-section #effect-table table #w-100 {
        min-width: 155% !important;
        overflow-x: hidden !important;
    }
    .text-underline_23{
      color: #edc0b4;
      font-size: 1.2em;
        margin: 10px 0 0 0;
    }
    .text-underline_23 {
    
    font-weight: bold;
    text-align: left;
    position: relative;
    border-bottom: 2px solid #edc0b4;
}
}


.menuchild-section #effect-table table tr td.td-excellent, .menuchild-section #effect-table table tr td.td-good, .menuchild-section #effect-table table tr td.td-outstanding {
  font-size: 0 !important;
  position: relative;
}

@media screen and (max-width: 559px) {
.om_sp_text_top{
position: absolute;
    top: 26rem;
    font-size: 2.2rem;
    color: #FFF;
    display: block;
}
.om_sp_text_top{
      text-align: center;
    width: 100%;
    font-family: serif;
}
.om_sp_text_top_p_01, .om_sp_text_top_p_02, .om_sp_text_top_p_03, .om_sp_text_top_p_04 {
  text-shadow: 2px 2px 2px #a85336, -2px 2px 10px #a85336, 2px -2px 10px #a85336, -2px -2px 10px #a85336;
}
.om_sp_text_top_06{

}

.flow_01,.flow_02,.flow_03,.flow_04,.flow_05,.flow_06,.flow_07{
  position: relative;
}

.mg_02 {
font-family: serif;
text-align: center;
}
.om_sp_text_top_03{
  position: absolute;
    top: 28rem;
        left: 1.8rem;
        font-size: 5.8rem;
        font-family: serif;
        color: #FFF;
}
.om_sp_text_top_p_03{
  letter-spacing: 0.02em;
}
.om_sp_text_top_04{
            position: absolute;
        top: 31rem;
        right: 20rem;
        font-size: 2.3rem;
        font-family: serif;
        line-height: 1.2;
        color: #FFF;
}
.om_sp_text_top_05{
  position: absolute;
    top: 28rem;
        right: 2.5rem;
        font-size: 5.8rem;
        font-family: serif;
        color: #FFF;
}
.om_sp_text_top_06{
  position: absolute;
        top: 37rem;
        text-align: center;
        width: 100%;
        font-size: 1.8rem;
        font-family: serif;
        font-weight: 700;
        letter-spacing: 0.02rem;
        color: #526363;
}
.om_sp_text_top_07{
   position: relative;
        color: #FFF;
        line-height: 1.2;
        letter-spacing: 0.02rem;
         font-size: 1.3rem;
}

.t_07_left{
  position: absolute;
  top:  1.3rem;
left: 10%;
}

.t_07_center{
  position: absolute;
  top:  1.3rem;
left: 41%;
}

.t_07_right{
  position: absolute;
  top: 2rem;
right: 8%;
}

.om_sp_text_top_08{
  position: relative;
    width: 100%;

}
.om_sp_text_top_p_08{
  position: absolute;
        top: 2rem;
        text-align: center;
        width: 100%;
        font-size: 1.5rem;
        font-family: serif;
        font-weight: 700;
        letter-spacing: 0.02rem;
        color: #526363;
}

.om_sp_text_top_p_08_02{

  position: absolute;
  top: 5rem;
  right: 0;
  left: 0;
  color: #FFF;
  background: #526363;
  border-radius: 100px;
}

.mg_05{
 text-align: center;
 margin: 0 auto;
 width: 50%;
}

.mg_02{
   margin: 0 auto;
}
.om_sp_text_top_p_08_03{
  position: absolute;
        top: 4rem;
        text-align: center;
        width: 100%;
        font-size: 1.5rem;
        font-weight: 700;
        letter-spacing: 0.02rem;
        color: #526363;
}

    .point_01,.point_02,.point_03,.point_04 {
      position: absolute;
        left: 2.4rem;  
      font-size: 1.2rem;
        font-family: serif;
        font-weight: 700;
        letter-spacing: 0.02rem;
        color: #526363;
    }
    .point_01{
      position: absolute;
        top: 4.6rem;
    }
    .point_02{
      position: absolute;
        top: 8.2rem;
    }
    .point_03{
      position: absolute;
        top: 11.6rem;
    }
    .point_04{
      position: absolute;
        top: 15rem;
    }

    .point_number,.point_number_02,.point_number_03,.point_number_04 {
      position: absolute;
       left: 7.3rem;  
      font-size: 2.1rem;
        font-family: serif;
        font-weight: 700;
        letter-spacing: 0.02rem;
        color: #526363;
    }
    .point_number{
       position: absolute;
        top: 3.7rem;
    }
    .point_number_02{
       position: absolute;
        top: 7.3rem;
    }
    .point_number_03{
       position: absolute;
        top: 10.7rem;
    }
    .point_number_04{
       position: absolute;
        top: 14.2rem;
    }
    .point_text_01,.point_text_02,.point_text_03,.point_text_04{
      position: absolute;
        left: 11rem;
        font-size: 1.2rem;
        font-weight: 700;
        letter-spacing: 0.02rem;
        color: #526363;
    }
    .point_text_01{
      position: absolute;
        top: 4.6rem;
    }
    .point_text_02{
      position: absolute;
        top: 8.1rem;
    }
    .point_text_03{
      position: absolute;
        top: 11.6rem;
    }
    .point_text_04{
      position: absolute;
        top: 15rem;
        letter-spacing: 0.02rem;
    }
    .button_r,.button_g,.button_gry{
      width: 33%;
    }
    .button_r{
      float: left;
    }
    .button_g{
      float: left;
    }
    .button_gry{
      float: left;
    }
    .cta{
          height: 17rem;
    
    background-color: #ecbaac;
    }
    .border_01{
      border-bottom: dashed 1px #FFF
    }
    .od_text_01{
      margin: 0 0 2rem 0;
    display: block;
    }
.om_sp_text_top_p_09{
        text-align: center;
        width: 100%;
        line-height: 1.2;
        font-size: 2rem;
        font-family: serif;
        font-weight: 700;
        letter-spacing: 0.08rem;
        color: #526363;
}
.k-wrapper_01,.k-wrapper_02,.k-wrapper_03,.k-wrapper_04 {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}
.k_in_01{
  position: absolute;
  background-color: #FFF;
  margin: 10px;
  color: #fff;
  opacity: 0.8;
  width: 270px;
  height: 107px;
  }
  .k_in_02{
        position: absolute;
  background-color: #FFF;
  margin: 10px;
  color: #fff;
  opacity: 0.8;
  width: 270px;
  height: 107px;
  }
  .k_text_01{
    position: absolute;
    top:1.5rem;
    left:3rem;
 color: #d3896d;
 font-family: serif;
 font-size: 2rem;
 font-weight: 700;
  }
      .k_text_02 {
        position: absolute;
        top: 6rem;
        /* left: 3rem; */
        color: #d3896d;
        font-family: serif;
        font-size: 2rem;
        font-weight: 700;
        width: 100%;
        line-height: 2.7rem;
    }
  .p_text_01{
    color: #526363;
        position: absolute;
        left: 3rem;
        top: 5rem;
        text-align: left;
        line-height: 1.4;
  }

.about_title-wrapper_02{
  position: relative;
}
.od_toha_wrap{
  position: relative;
  top:1.5rem;
          left: 0;
        right: 0;

}
.toha_img_logo{
 position: absolute;
    top: 2rem;
    left: 0;
    right: 0;
}

.logo_w_01{
  display: block;
   margin-top: 0rem;
   }
.custom-logo {
  width: 200px;
  display: block;
  margin: 0 auto;
}
.about_content-text{
  position: relative;
  top: -46px;
}
.about_content-text_toha_01,.about_content-text_toha_02,.about_content-text_toha_03,.about_content-text_toha_04{
  position: relative;
}

.toha_text_title_01{
  position: absolute;
   top: 2rem;
  left: 0;
  right: 0;
  color: #d3896d;
  font-size: 1.2rem;
  font-weight: 700;
  z-index: 20;
}
.toha_text_title_02{
  position: absolute;
   top: 2rem;
  left: 0;
  right: 0;
  color: #d3896d;
  font-size: 1.2rem;
  font-weight: 700;
  z-index: 20;
}
.toha_text_title_sp_03{
  position: absolute;
  top: 2rem;
  left: 0;
  right: 0;
  color: #d3896d;
  font-size: 1.2rem;
  font-weight: 700;
  z-index: 20;
}
.toha_text_title_sp_04{
  position: absolute;
  top: 2rem;
  left: 0;
  right: 0;
  color: #d3896d;
  font-size: 1.2rem;
  font-weight: 700;
  z-index: 20;
}
.toha_text_01{
  position: absolute;
   top: 5rem;
  left: 0;
  right: 0;
  color: #635146;
  font-size: 1rem;
  z-index: 20;
}
.toha_text_02{
  position: absolute;
  top: 5rem;
  left: 0;
  right: 0;
  color: #635146;
  font-size: 1rem;
  z-index: 20;
}
.toha_text_sp_03{
position: absolute;
top: 5rem;
  left: 0;
  right: 0;
  color: #635146;
  font-size: 1rem;
  z-index: 20;
}
.toha_text_sp_04{
position: absolute;
  left: 0;
  top: 5rem;
  right: 0;
  color: #635146;
  font-size: 1rem;
  z-index: 20;
}

.img-in_03{
  margin-top: 0px !important;
}
.porcy{
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 9.5rem;
  background-color: #fdf9f6;
}
.porcy_sp_img{
  width: 160px;
  margin-top: 0.3rem;
  margin-bottom: 2rem;
}
.menu_sp_img{
  width:235px;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.k_text_03 {
        position: absolute;
        top: -5rem;
        color: #d3896d;
        font-family: serif;
        font-size: 2rem;
        font-weight: 700;
        width: 100%;
    }
    .k_text_04 {
        position: absolute;
        top: 5rem;
        color: #d3896d;
        font-family: serif;
        font-size: 2rem;
        font-weight: 700;
        width: 100%;
    }
    .porcy_title_text{
      width: 130px;
      margin: 0 auto;

    }
    .porcy_img{
      float: left;
      width: 33%;
      position: relative;

    }
    .porcy_wrap{
          margin: 2rem 1rem;
          position: relative;
    }
    .porcy_i_01{
      position: absolute;
      top:6rem;
      left:4rem;
      line-height: 1.1;
      font-family: serif;
      font-size: 1.3rem;
    }
    .porcy_i_02{
      position: absolute;
      top:5.3rem;
      left:0;
      right: 0;
      line-height: 1.1;
      font-family: serif;
      font-size: 1.3rem;
    }
    .porcy_i_03{
      position: absolute;
      top:5rem;
      right: 2.2rem;
      line-height: 1.1;
      font-family: serif;
      font-size: 1.3rem;
    }
    .clearfix:after {
    content: "";
    display: block;
    clear: both;
    }
    .title-decoration-wrapper_03 {
    width: 160px;
    margin: 3px auto -20px !important;
}


.menuchild-section #effect-table {
    background: #f6fbf9;
    margin: 2.4rem 0;
}
.menuchild-section #effect-table {
    background: #f6fbf9;
    margin: 2.4rem 0;
}
.menuchild-section #effect-table table tr td, .menuchild-section #effect-table table tr {
    font-size: 1.3rem !important;
    text-align: center !important;
}
 
    .menuchild-section #effect-table table tr th.width--15 {
        width: 70% !important;
        font-size: 1rem;
        height: 25px !important;
    
}
.menuchild-section #effect-table table tr td, .menuchild-section #effect-table table tr th {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 0.5rem 0.2rem;
    height: 38px;
}


    .menuchild-section #effect-table table tr th.width--30 {
        width: 33% !important;
        font-size: 1rem;
    
}
.menuchild-section #effect-table table tr th.width--30 {
    text-align: left !important;
}
.menuchild-section #effect-table table tr td, .menuchild-section #effect-table table tr th {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 0.5rem 0.2rem;
    height: 38px;
}

.menuchild-section #effect-table table tr th {
    background: #edc0b4 !important;
    color: #fff;
    text-align: center;
    width: 184px;
}
.menuchild-section #effect-table table tr td, .menuchild-section #effect-table table tr th {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 0.5rem 0.2rem;
    height: 38px;
}

.menuchild-section #effect-table table tr th.width--55 {
    width: 63%;
}
 
    .menuchild-section #effect-table table tr th.width--55 {
        font-size: 1rem;
    }

.menuchild-section #effect-table table tr td, .menuchild-section #effect-table table tr th {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 0.5rem 0.2rem;
    height: 38px;
}

    .menuchild-section #effect-table table {
        min-width: 360.428571px !important;
    }

    .menuchild-section #effect-table table tr td.pink, .menuchild-section #effect-table table tr th.pink{
          background: #edc0b4 !important;
    }
    .od_button{
      width: 265px;
      height: 45px;
      background-color: #f7f5f5;
      color: #d3896d ;
      border:  #d3896d solid 1px;
      border-radius: 3px;
      line-height: 0.2;
      font-size: 11px;
      margin-bottom: 40px;
    }
    .pr01_img-wrapper{
      position: relative;
    }

    .k_text_05{
       position: absolute;
        top: 4.5rem;
        left: 1rem;
        line-height: 1.4;
        color: #635146;
        font-family: serif;
        font-size: 2rem;
        font-weight: 700;
        width: 100%;

    }
    .porcy_title_text_02{
      margin: 0 auto;
    }
    .title-decoration_02{
       position: absolute;
          top: 12rem;
          left: 14rem;
         width: 130px;
        margin: 0 auto;
    }
    .pr02_img,.pr03_img,.pr04_img,.pr05_img,.pr06_img,.pr07_img{
      position: relative;
      width: 95%;
      margin-bottom: 10px;
    }
   

    .nagare_i_03,.nagare_i_04,.nagare_i_05,.nagare_i_06,.nagare_i_07,.nagare_i_08 {
       left:27rem;
       font-size: 1rem;
       font-weight: 500;
       line-height: 1.5;

    }


    .nagare_i_03{
      position: absolute;
      top:6rem;
      text-align: left;
    }
    .nagare_i_04{
      position: absolute;
      top:6rem;
      text-align: left;
    }
    .nagare_i_05{
      position: absolute;
      top:5rem;
      text-align: left;
    }
    .nagare_i_06{
      position: absolute;
      top:5rem;
      text-align: left;
    }
    .nagare_i_07{
      position: absolute;
      top:5rem;
      text-align: left;
    }
    .nagare_i_08{
      position: absolute;
      top:5rem;
      text-align: left;
    }
    .pr01{
      background-color: #f4e1d5;
      padding-bottom: 15px;
    
    }

    .case-img-wrapper{
      position: relative;
      clear: both;
    }
    .case_od_01,.case_od_02,.case_od_03,.case_od_04 {
      float: left;
      width: 50%;
      color: #FFF;
      text-align: left;
      font-size: 1rem;
    }
    .case_i_01{
      position: absolute;
      top:14rem;
      left:2rem;
    }
    .case_i_02{
      position: absolute;
      top:14rem;
      left:22rem;
    }
    .case_i_03{
      position: absolute;
      top:35.5rem;
      left:2rem;
    }
    .case_i_04{
      position: absolute;
      top:35.5rem;
      left:22rem;
    }
    .case_text_01,.case_text_02,.case_text_03,.case_text_04 {
      font-size: 1.2rem;
    }
    .title-decoration{
      margin-top: 2rem;
      width: 120px;
    }
    .title-decoration_pc_02{
      margin-top: 2rem;
      width: 120px;
    }
    .img-in{
      position: relative;
    }

    .title-decoration_06{
       position: absolute;
        width: 120px;
        top: 14rem;
        left: 15rem;
        
    }
    .title-decoration_03{
          padding: 2rem 0 4rem 0;
    }

    .title-decoration_04{
      width: 120px;
        position: absolute;
        left: 0;
        right: 0;
        top: 12rem;
        margin: 0 auto;
    }
    .od_plan_01{
      background-color: #fff8ef;
      padding: 48px 16px;
    width: 100%;
    }

     .common-title-color_02{
            font-size: 1.2rem;
        line-height: 1.4;
  }
  .od_plan_02{
        width: 95%;
        margin: 0 auto;
        text-align: left;
        line-height: 1.5;
        padding-top: 2rem;
        text-align: left;
  }

  .od_plan_01{
   text-align: center;
  }
  .pink_od{
    color: #d3896d;
    font-size: 1.5rem;
    font-weight: 700;
  }

  .title-decoration-wrapper_04{
    width: 120px;
    margin: 0px auto 10px !important;
  }
      .cta_02 {
        margin-top: 53rem;
        margin-bottom: 15rem;
    }
    .case{
      background-image: url(/wp-content/uploads/2025/11/od_bg.png);
    background-repeat: no-repeat;
    object-fit: cover;
    width: 100%;
    padding: 44px 0 0 0;
    }
    .about-heading{
          width: 95%;
    margin: 0 auto;
    }
    .cta{
      background-color: #ecbaac;
    }
    .cta_03{
              background-color: #f4e1d5;
        padding-bottom: 105px;

    }
    .yoku_text{
      padding-top: 4rem;
    display: block;
    }
    .om_pc_text_top_04{
      display: none;
    }
     .about-heading-img-pc {
  display: none;
}  

.about_content-text_toha_01{
  
}

.img-pc{
  display: none;
}


}








@media screen and (min-width: 768px) {

  .fv-pc_img{
  }
  .btn_img-wrapper{
    width: 668px;
    margin: 0 auto;
  }
  .trouble_img-wrapper{
    position: relative;
  }
  .trouble_img{
position: absolute;
        top: 19rem;
        left: -18rem;
  }
  
  
  
  .pc_os_01{
    position: relative;
  }
  .orenge_pc_01{
            position: absolute;
        top: 33rem;
        left: 25rem;
        width: 574px;
  }
  .og_pc_01{
            position: absolute;
        top: 41rem;
        left: 25rem;
        width: 574px;
  }
  .om_pc_text_top_04{
    position: absolute;
    top:1rem;
  }

.om_sp_text_top{
position: absolute;
    top: 9rem;
    left: -23rem;
    font-size: 2.2rem;
    color: #FFF;
    display: block;
    z-index: 10;
}
.om_sp_text_top{
      text-align: center;
    width: 100%;
    font-family: serif;
            position: absolute;
        top: 12rem;
                left: -42rem;
}
.om_sp_text_top_p_01 {
  text-shadow: 2px 2px 2px #a85336, -2px 2px 10px #a85336, 2px -2px 10px #a85336, -2px -2px 10px #a85336;
  z-index: 10;
}
.om_sp_text_top_p_03{
  display: none;
}
.om_pc_text_top_p_03{
           color: #526363;
        position: absolute;
        top: 16rem;
        left: 27rem;
        z-index: 10;
        width: 500px;
        font-size: 5rem;
        font-family: serif;

}

.om_sp_text_top_p_04 {
          color: #526363;
        position: absolute;
        top: -11rem;
        left: 68rem;
        font-size: 5rem;
        width: 200px;
}
.om_sp_text_top_p_02{
     position: absolute;
        top: -11rem;
        left: 16rem;
        width: 200px;
        color: #526363;
        font-size: 5rem;
}
.om_sp_text_top_06{

}

.mg_02 {
font-family: serif;
text-align: center;
z-index: 1;
font-size: 3.5rem;
}
.om_sp_text_top_03{
  position: absolute;
    top: 28rem;
        left: 2.5rem;
        font-size: 5.8rem;
        font-family: serif;
        color: #FFF;
        z-index: 1;
}
.om_sp_text_top_p_03{
  letter-spacing: 0.02em;
  z-index: 1;
}
.om_sp_text_top_04{
            position: absolute;
        top: 31rem;
        right: 20rem;
        font-size: 2.3rem;
        font-family: serif;
        line-height: 1.2;
        color: #FFF;
        z-index: 1;
}
.om_sp_text_top_05{
  position: absolute;
    top: 28rem;
       left: -0.5rem;
        font-size: 5.8rem;
        font-family: serif;
        color: #FFF;
        z-index: 1;
}
.om_sp_text_top_06{
  position: absolute;
        top: 24rem;
        left: -47rem;
        text-align: center;
        width: 100%;
        font-size: 4.8rem;
        font-family: serif;
        letter-spacing: 0.02rem;
        color: #526363;
        z-index: 1;
    }

.om_sp_text_top_07{
   position: relative;
        color: #FFF;
        line-height: 1.2;
        letter-spacing: 0.02rem;
         font-size: 1.8rem;
         z-index: 1;
}

.t_07_left{
  position: absolute;
  top:  36.3rem;
left: 29rem;
}

.t_07_center{
  position: absolute;
  top:  36.3rem;
left: 48rem;
}

.t_07_right{
  position: absolute;
  top: 37.3rem;
right: 113rem;
}

.om_sp_text_top_08{
  position: relative;
    width: 100%;

}
.om_sp_text_top_p_08{
  position: absolute;
        top: 46rem;
        left: -43rem;
        text-align: center;
        width: 100%;
        font-size: 1.5rem;
        font-family: serif;
        font-weight: 700;
        letter-spacing: 0.02rem;
        color: #526363;
        z-index: 10;
}

.om_sp_text_top_p_08_02{

  position: absolute;
          top: 49rem;
        right: 85rem;
  left: 0;
  color: #FFF;
  background: #526363;
  border-radius: 100px;
}

.mg_05{
 text-align: center;
 margin: 0 auto;
 width: 18%;
 z-index: 10;
}

.mg_02{
   margin: 0 auto;
}
.om_sp_text_top_p_08_03{
  position: absolute;
                top: 48rem;
        left: 32rem;
        text-align: center;
        width: 100%;
        font-size: 1.5rem;
        font-weight: 700;
        letter-spacing: 0.02rem;
        color: #526363;
        z-index: 10;
}

    .point_01,.point_02,.point_03,.point_04 {
      position: absolute;
        left: 2.4rem;  
      font-size: 1.2rem;
        font-family: serif;
        font-weight: 700;
        letter-spacing: 0.02rem;
        color: #526363;
    }
    .point_01{
      position: absolute;
        top: 4.6rem;
    }
    .point_02{
      position: absolute;
        top: 8.2rem;
    }
    .point_03{
      position: absolute;
        top: 11.6rem;
    }
    .point_04{
      position: absolute;
        top: 15rem;
    }

    .point_number,.point_number_02,.point_number_03,.point_number_04 {
      position: absolute;
       left: 7.3rem;  
      font-size: 2.1rem;
        font-family: serif;
        font-weight: 700;
        letter-spacing: 0.02rem;
        color: #526363;
    }
    .point_number{
       position: absolute;
        top: 3.7rem;
    }
    .point_number_02{
       position: absolute;
        top: 7.3rem;
    }
    .point_number_03{
       position: absolute;
        top: 10.7rem;
    }
    .point_number_04{
       position: absolute;
        top: 14.2rem;
    }
    .point_text_01,.point_text_02,.point_text_03,.point_text_04{
      position: absolute;
        left: 11rem;
        font-size: 1.2rem;
        font-weight: 700;
        letter-spacing: 0.02rem;
        color: #526363;
    }
    .point_text_01{
      position: absolute;
        top: 4.6rem;
    }
    .point_text_02{
      position: absolute;
        top: 8.1rem;
    }
    .point_text_03{
      position: absolute;
        top: 11.6rem;
    }
    .point_text_04{
      position: absolute;
        top: 15rem;
        letter-spacing: 0.02rem;
    }
   
    .button_r{
      float: left;
    }
    .button_g{
      float: left;
    }
    .button_gry{
      float: left;
    }
    .cta{
          height: 200px;
    
    
    }
    .border_01{
      border-bottom: dashed 1px #FFF
    }
    .od_text_01{
      margin: 0rem 0 0 0;
    display: block;
    }
.om_sp_text_top_p_09{
        text-align: center;
        width: 100%;
        line-height: 1.2;
        font-size: 2rem;
        font-family: serif;
        font-weight: 700;
        letter-spacing: 0.08rem;
        color: #526363;
}
.k-wrapper_01,.k-wrapper_02,.k-wrapper_03,.k-wrapper_04 {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}
.k_in_01{
          position: absolute;
        background-color: #FFF;
        margin: 30px;
        color: #fff;
        opacity: 0.8;
        width: 350px;
        height: 217px;
  }
  .k_in_02{
          position: absolute;
        background-color: #FFF;
        margin: 59px 30px 30px 30px;
        color: #fff;
        opacity: 0.5;
        width: 350px;
        height: 217px;
  }
  .k_text_01{
            z-index: 20;
    position: absolute;
        top: 3.5rem;
        left: 3rem;
        color: #8f8a78;
        font-family: serif;
        font-size: 3rem;
        font-weight: 700;
        text-align: left;
        line-height: 1.3;
        width: 80%;
        opacity: 1;
  }
      .k_text_02 {
                z-index: 20;
        position: absolute;
        top: 5rem;
        /* left: 3rem; */
        color: #d3896d;
        font-family: serif;
        font-size: 2rem;
        font-weight: 700;
        width: 100%;
        line-height: 2.7rem;
        opacity: 1;
    }
  .p_text_01{
    color: #1f2525;
        position: absolute;
        left: 3rem;
        top: 11rem;
        text-align: left;
        line-height: 1.8;
        font-size: 1.8rem;
  }

.about_title-wrapper_02{
  position: relative;
}
.od_toha_wrap{
  position: absolute;
  top:3.5rem;
          left: 0;
        right: 0;

}
.toha_img_logo{
 margin: 0 auto;
}

.logo_w_01{
  display: block;
   margin-top: 2rem;
   }
.custom-logo {
  width: 200px;
  display: block;
  margin: 0 auto;
}
.about_content-text{
  position: relative;
  top: -46px;
}
.toha_text_title_01{
  position: absolute;
   top: 4rem;
  left: 0;
  right: 0;
  color: #d3896d;
  font-size: 2.2rem;
  font-weight: 700;
}

.toha_text_title_02{
  position: absolute;
   top: 2rem;
  left: 0;
  right: 0;
  color: #d3896d;
  font-size: 2.2rem;
  font-weight: 700;
}
.toha_text_01{
  position: absolute;
   top: 7rem;
  left: 0;
  right: 0;
  color: #526363;
  font-size: 2rem;
}
.toha_text_02{
  position: absolute;
   top: 6rem;
  left: 0;
  right: 0;
  color: #526363;
  font-size: 2rem;
          line-height: 1.2;
}
.img-in_03{
  margin-top: -26px !important;
}
.porcy{
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 5.5rem;
  background-color: #fdf9f6;
}
.porcy_sp_img{
  width: 160px;
  margin-top: 0.3rem;
  margin-bottom: 2rem;
}
.menu_sp_img{
  width:235px;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.k_text_03 {
        position: absolute;
        top: 2rem;
        color: #d3896d;
        font-family: serif;
        font-size: 2rem;
        font-weight: 700;
        width: 100%;
    }
    .k_text_04 {
  
        color: #d3896d;
        font-family: serif;
        font-size: 2rem;
        font-weight: 700;
        width: 100%;
    }
    .porcy_title_text{
      width: 130px;
      margin: 0 auto;

    }
    .porcy_img{
      float: left;
      width: 33%;
      margin-top: 4rem;
    }
    .porcy_wrap{
                  position: relative;
                width: 1000px;
        margin: 0 auto;
    }
    .porcy_i_01{
              position: absolute;
        top: 17rem;
        left: 11rem;
        line-height: 1.5;
        font-family: serif;
        font-size: 2.3rem;
    }
    .porcy_i_02{
                 position: absolute;
        top: 17rem;
        left: 0;
        right: 0;
        line-height: 1.5;
        font-family: serif;
        font-size: 2.3rem;
    }
    .porcy_i_03{
      position: absolute;
        top: 16rem;
        right: 8.8rem;
        line-height: 1.5;
        font-family: serif;
        font-size: 2.3rem;
    }
    .clearfix:after {
    content: "";
    display: block;
    clear: both;
    }
    .title-decoration-wrapper_03 {
    width: 160px;
    margin: 3px auto -20px !important;
}


.menuchild-section #effect-table {
    background: #f6fbf9;
    margin: 2.4rem 0;
}
.menuchild-section #effect-table {
    background: #f6fbf9;
    margin: 2.4rem 0;
}
.menuchild-section #effect-table table tr td, .menuchild-section #effect-table table tr {
    font-size: 1.3rem !important;
    text-align: center !important;
}
 
    .menuchild-section #effect-table table tr th.width--15 {
        width: 70% !important;
        font-size: 1rem;
        height: 25px !important;
    
}
.menuchild-section #effect-table table tr td, .menuchild-section #effect-table table tr th {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 0.5rem 0.2rem;
    height: 38px;
}


    .menuchild-section #effect-table table tr th.width--30 {
        width: 33% !important;
        font-size: 1rem;
    
}
.menuchild-section #effect-table table tr th.width--30 {
    text-align: left !important;
}
.menuchild-section #effect-table table tr td, .menuchild-section #effect-table table tr th {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 0.5rem 0.2rem;
    height: 38px;
}

.menuchild-section #effect-table table tr th {
    background: #edc0b4 !important;
    color: #fff;
    text-align: center;
    width: 184px;
}
.menuchild-section #effect-table table tr td, .menuchild-section #effect-table table tr th {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 0.5rem 0.2rem;
    height: 38px;
}

.menuchild-section #effect-table table tr th.width--55 {
    width: 63%;
}
 
    .menuchild-section #effect-table table tr th.width--55 {
        font-size: 1rem;
    }

.menuchild-section #effect-table table tr td, .menuchild-section #effect-table table tr th {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 0.5rem 0.2rem;
    height: 38px;
}

    .menuchild-section #effect-table table {
        min-width: 360.428571px !important;
    }

    .menuchild-section #effect-table table tr td.pink, .menuchild-section #effect-table table tr th.pink{
          background: #edc0b4 !important;
    }
    .od_button{
      width: 300px;
      height: 45px;
      background-color: #f7f5f5;
      color: #d3896d ;
      border:  #d3896d solid 1px;
      border-radius: 3px;
      line-height: 0.2;
      font-size: 11px;
      margin-bottom: 40px;
    }
    .pr01_img-wrapper{
      position: relative;
    }

    .k_text_05{
       position: absolute;
        top: 4.5rem;
        left: 1rem;
        line-height: 1.4;
        color: #635146;
        font-family: serif;
        font-size: 2rem;
        font-weight: 700;
        width: 100%;

    }
    .porcy_title_text_02{
      margin: 0 auto;
    }
    .title-decoration_pc_02{
    
         width: 130px;
        margin: 2rem;
    }
    .pr02_img,.pr03_img,.pr04_img,.pr05_img,.pr06_img,.pr07_img{
      position: relative;
      width: 95%;
      margin-bottom: 10px;
    }
   

    .nagare_i_03,.nagare_i_04,.nagare_i_05,.nagare_i_06,.nagare_i_07,.nagare_i_08 {
       left:26rem;
       font-size: 1.7rem;
       font-weight: 500;
       line-height: 1.5;
       z-index: 10;
       left: 80rem;

    }


    .nagare_i_03{
      position: absolute;
        top: 26rem;
        text-align: left;
        
    }
    .nagare_i_04{
              position: absolute;
        top: 46.5rem;
        text-align: left;
     
    }
    .nagare_i_05{
      position: absolute;
        top: 65.5rem;
        text-align: left;
        
    }
    .nagare_i_06{
              position: absolute;
        top: 84rem;
        text-align: left;
       
    }
    .nagare_i_07{
      position: absolute;
        top: 104rem;
        text-align: left;
        margin: 0 auto;
      
    }
    .nagare_i_08{
      position: absolute;
        top: 125.5rem;
        
        text-align: left;
        margin: 0 auto;
    }
    .pr01{
      background-color: #f4e1d5;
      padding-bottom: 15px;
      height: 136vw
    
    }

    .case-img-wrapper{
      
      clear: both;
      margin-top: 12rem;
    }
    .case_od_01,.case_od_02,.case_od_03,.case_od_04 {
      position: relative;
      float: left;
      width: 50%;
      color: #FFF;
      text-align: left;
      font-size: 1rem;
      line-height: 1.5;
                      text-align: center;
    }
    .case_i_01{
      position: absolute;
        top: 17rem;
        left: 16rem;
  
    }
    .case_i_02{
      position: absolute;
              top: 17rem;
        left: 15rem;
 
    }
    .case_i_03{
              position: absolute;
                top: 17rem;
        left: 14rem;
    }
    .case_i_04 {
        position: absolute;
                        top: 17rem;
        left: 10rem;
    }

    .case_text_01,.case_text_02,.case_text_03,.case_text_04 {
      font-size: 1.8rem;
      font-family: serif;
              line-height: 1.5;
                      text-align: center;
    }
    .title-decoration{
      margin-top: 2rem;
      width: 220px;
     float: left;
    }
    .case-img{
      display: none;
    }
    .title-decoration_09{
      margin: 2rem 0 0 0;
        display: block;
                width: 135px;
    }

    .title-decoration_10{
      margin-top: 70px;

    }

    .title-decoration_08{
      margin-top: 1rem;
        width: 220px;
    }
    .title-decoration_06{
        margin-top: 0 0 2rem 0;
        width: 120px;
    }
    .title-decoration_03{
          padding: 2rem 0 4rem 0;
    }
    .od_plan_01{
      background-color: #fff8ef;
      padding: 48px 16px;
    width: 100%;
    }

    .title-decoration_02{
      margin-top: 2rem;
        width: 220px;
         float: left;
    }

    .title-decoration_04{
      margin-top: 12rem;
       width: 135px;

    }

        .common-title-color_02 {
        font-size: 1.2rem;
        line-height: 1.4;
        margin-top: 5rem;
        text-align: center;
        display: block;
    }
     .common-title-color_03 {
        font-size: 1.2rem;
        line-height: 1.4;
        margin-top: 5rem;
        text-align: center;
        display: block;
    }

  .od_plan_02{
               width: 58%;
        margin: 0 auto;
        text-align: left;
        line-height: 1.5;
  }

  .od_plan_01{
   text-align: center;
  }
  .pink_od{
    color: #d3896d;
    font-size: 1.5rem;
    font-weight: 700;
  }

  .title-decoration-wrapper_04{
    width: 120px;
    margin: 0px auto 10px !important;
  }
      .cta_02 {
                margin-top: 63rem;
        margin-bottom: 15rem;
    }
    .si_img{
      width: 450px;
      float: left;
              margin-right: 24px;
    }
    .si_pc_img{
      width: 900px;
      margin: 0 auto;
    }
    .case{
      background-image: url(/wp-content/uploads/2025/11/od_bg.png);
    background-repeat: no-repeat;
    object-fit: cover;
    width: 100%;
    padding: 44px 0 0 0;
    height: 100rem;
    
    }
    .about-heading{
          width: 95%;
    margin: 0 auto;
    }
    .cta{
     
              margin-top: 40px;
    }
    .cta_03{
              background-color: #f4e1d5;
        padding-bottom: 105px;
            margin: 126rem 0 0 0;

    }
    .suisyou_01{
      margin-top: 3rem;
    }
    .yoku_text{
      padding-top: 8rem;
    display: block;
    }
    .pc_od_wrapper_01{
      background-color: #FFF;
      opacity: 7;
    }

    .k-wrapper_01, .k-wrapper_02, .k-wrapper_03, .k-wrapper_04 {
        float: left;
        width: 95%;
        margin: 10px;
    }
   
    .about-heading-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        align-items: stretch;
        margin: 0 auto;
    }
    .naze_od_pc_02{
      margin-top: 30px;
    }
 .title-decoration_05{
  margin-top: 2rem;
        width: 220px;
 }
    
.title-decoration_06{

        width: 135px;

        display: block;
        text-align: center;
        margin: 0 auto;
 }
  .os_img_bk_toha{
    position: relative;
  }
.title-decoration_07{
  position: absolute;
        top: 20rem;
        left: 0;
        right: 0;
        width: 800px;
        margin: 0 auto;
}
.about_content-text_toha_01{
  position: absolute;
   top: 18rem;
   z-index: 12;
           width: 100%;
}

.about_content-text_toha_02{
  position: absolute;
   top: 34rem;
   z-index: 12;
           width: 100%;
}
.about_content-text_toha_03{
  position: absolute;
   top: 48rem;
   z-index: 12;
           width: 100%;
}
.about_content-text_toha_04{
  position: absolute;
   top: 60rem;
   z-index: 12;
           width: 100%;
}
.title-decoration_back{
  height: 820px;
}
.menuchild-section .table-attention{
  margin: -1rem 2rem 2rem 11rem !important;
}


    .pr02_img, .pr03_img, .pr04_img, .pr05_img, .pr06_img, .pr07_img {
       display: none;
    }
    .pr_pc_01{
      position: absolute;
     top: 19rem;
    left: 0;
    right: 0;
     width: 800px;
    margin: 0 auto;
    }
    .pr_pc_02{
      position: absolute;
     top: 39rem;
    left: 0;
    right: 0;
    width: 800px;
    margin: 0 auto;
    }
.pr_pc_03{
      position: absolute;
     top: 59rem;
    left: 0;
    right: 0;
    width: 800px;
    margin: 0 auto;
    }

    .pr_pc_04{
      position: absolute;
     top: 79rem;
    left: 0;
    right: 0;
    width: 800px;
    margin: 0 auto;
    }
.pr_pc_05{
      position: absolute;
             top: 99rem;
    left: 0;
    right: 0;
    width: 800px;
    margin: 0 auto;
    }
    .pr_pc_06{
      position: absolute;
     top: 120rem;
    left: 0;
    right: 0;
    width: 800px;
    margin: 0 auto;
    }
    .pr_pc_07{
      position: absolute;
     top: 19rem;
    left: 0;
    right: 0;
    width: 800px;
    margin: 0 auto;
    }
    .fv_img-wrapper {
  position: relative;
  width: 1920px;
}

html, body {
    overflow-x: hidden !important;
    width: 100%;
    margin: 0;
    padding: 0;
}
.container,
.l-wrapper,
.main-content {
    overflow-x: hidden;
}
.title-decoration-wrapper_05{
      margin: 70px;
}
.top_text_200{
  font-size: 1.2rem;
        padding-right: 954px;
}

}





/* スマホのみ */
@media screen and (max-width: 768px) {
  .img-in { /* 実際のクラス名に置き換えてください */
    display: flex;
    align-items: center;
  }
}