@charset "UTF-8";
/* --- general --- */
.pc {
  display: block;
}
.sp {
  display: none;
}

h1 {
  font: 600 3.2rem "hiragino-kaku-gothic-pron","sans-serif";
  color: #000;
  text-align: center;
  margin: 1.875em 0 1.25em;
}
h2{
  font: 300 3.0rem "hiragino-kaku-gothic-pron","sans-serif";
}
h3{
  font: 600 2.2rem "hiragino-kaku-gothic-pron","sans-serif";
  color: #161b59;
  margin-bottom: 0.63em;
}
h4 {
  font: 600 1.8rem "hiragino-kaku-gothic-pron","sans-serif";
  color: #161b59;
}

/* --- kv、リード文 --- */
.hearingaid-kv {
  margin-top: 2em;
}
.hearingaid-lead {
  text-align: center;
}
.hearingaid-nav1 {
  margin: 6.25em auto;
}
.hearingaid-nav1 > ul {
  row-gap: 2em;
}

/* --- 本文wrap --- */
.hearingaid-sup-wrap {
  padding: 1.75em;
  background-color: #faf5e3;
  border-radius: 0.63em;
}
.hearingaid-sup-wrap p {
  color: #161b59;
}
.hearingaid-sup-wrap dt {
  font: 600 1em "hiragino-kaku-gothic-pron","sans-serif";
  color: #14195a;
}

/* --- 文頭装飾 --- */
.hearingaid-asterisk {
  padding-left:1em;
  text-indent:-1em;
}
.hearingaid-asterisk::before {
  content: "＊";
}
.hearingaid-square {
  position: relative;
  padding-left: 1em;
}
.hearingaid-square::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  content: "";
  width: 0.8em;
  height: 0.8em;
  background-color: #000;
}
.hearingaid-text-link {
  border-bottom: 1px solid;
  transition: .3s;
}
.hearingaid-text-link:hover {
  opacity: 0.5;
}

/* --- リスト装飾 --- */
.hearingaid-circlelist li {
  list-style:  none;
  padding-left:1em;
  text-indent:-1em;
}
.hearingaid-circlelist li::before {
  content:  "";
  width:  0.9em;
  height:  0.9em;
  top: 0.6em;
  left: 0;
  margin-right: 0.1em;
  display:  inline-block;
  background-color: #000;
  border-radius:  50%;
}

/* --- ステップ図 --- */
.hearingaid-steplist {
  display: flex;
  column-gap: 1.47em;
  margin: 0 auto;
  width: 78%;
}
.hearingaid-steplist li {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  padding: 0.7em 0.5em;
  background: #fff;
  border: #161b59 1px solid;
  border-radius: 3px;
  font: 600 1em "hiragino-kaku-gothic-pron","sans-serif";
  color: #161b59;
}
.hearingaid-steplist li::after {
  position: absolute;
  top: 50%;
  right: -1.3em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  content: "";
  border-top: 1em solid transparent;
  border-bottom: 1em solid transparent;
  border-left: 1em solid #161b59;
}
.hearingaid-steplist li:last-child::after {
  content: none;
}
.steplist-step {
  margin: 0.5em 0 -0.5em;
}
.steplist-number {
  font: 300 3.4rem "hiragino-kaku-gothic-pron","sans-serif";
}
.steplist-text {
  margin-top: 1em;
}


/* --- ボタン --- */
.hearingaid-button-wrap {
  display: flex;
  justify-content: center;
}
.hearingaid-button {
  position: relative;
  display: inline-block;
  padding: 0.3em 4.5em;
  background: #161b59;
  border: #161b59 2px solid;
  border-radius: 2em;
  font-size: 1.22em;
  color: #fff;
  overflow: hidden;
  z-index: 1;
}
.hearingaid-button:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transform: translateX(-100%);
  transition: transform 0.5s;
  z-index: -1;
}
.hearingaid-button::after {
  position: absolute;
  top: 50%;
  right: 1.5em;
  content: "";
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  width: 0.6em;
  height: 0.6em;
  transition: all 0.5s;
}
.hearingaid-button:hover {
  color: #161b59; 
}
.hearingaid-button:hover::before {
  transform: translateX(0);
}
.hearingaid-button:hover::after {
  right: 1em;
  border-top: solid 2px #161b59;
  border-right: solid 2px #161b59;
}

/* --- 来店予約 --- */
.hearingaid-referral p {
  margin-bottom: 2.3em;
  font: 600 1.37em "hiragino-kaku-gothic-pron","sans-serif";
  color: #161b59;
}
.hearingaid-referral .hearingaid-button-wrap {
  column-gap: 2em;
}
.hearingaid-referral .hearingaid-button {
  width: 33%;
  min-width: 400px;
}

/* --- 下層パンくず --- */
.contents-list {
  background: #fdf9E9;
  padding: 3em 0;
}
.contents-list > ul {
  display: flex;
  justify-content: space-between;
}
.contents-list > ul > li {
  width: 24%;
}
.contents-list h4 {
  font-size: 1.8rem;
}
.contents-list-wrap:nth-of-type(2) {
  margin-top: 2em;
}
.contents-list-wrap ul {
  display: flex;
  flex-direction: column;
  row-gap: 1em;
  margin-top: 1em;
}
.contents-list-wrap li {
  margin-left: 1em;
  text-indent: -1em;
  line-height: 1.2em;
}
.contents-list-wrap li::before {
  content: "＞";
}
.contents-list-wrap a{
  transition : all 0.3s ease 0s; 
}
.contents-list-wrap a:hover {
  opacity: 0.5;
}

  .contant-edt-elements-wrap .mod-auto.hearingaid-kv {
    margin: 2em auto 0;
  }
  .contant-edt-elements-wrap figure{
    margin: 0 auto;
  }
/* --- SP--- */
@media screen and (max-width: 1000px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  h1 {
    font-size: 2.4rem;
    margin: 2.5em 0 1.66em;
  }
  h2 {
    font-size: 2.6rem !important;
  }
  h3 {
    font-size: 2.0rem;
  }
  h4 {
    font-size: 1.8rem;
  }
  .hearingaid-kv.mod-auto {
    margin: 0;
    max-width: 100%;
  }
  .hearingaid-lead {
    font-size: 1.8rem;
  }
  .hearingaid-nav1 {
    margin: 4em auto 8.66em;
    max-width: 70%;
  }
  .hearingaid-nav1 > ul {
    row-gap: 0.8em;
  }
  .hearingaid-nav1 li a {
    font-size: 1.6rem;
  }
  .hearingaid-sup-wrap {
    padding: 1.2em;
    background-color: #faf5e3;
    border-radius: 0.63em;
  }
  .hearingaid-sup-wrap dt {
    font-size: 1.6rem;
  }
  .hearingaid-sup-wrap p {
    font-size: 1.6rem;
  }
  .hearingaid-referral.mod-auto {
    max-width: 100%;
  }
  .hearingaid-button-wrap {
    text-align: center;
    flex-direction: column;
    align-items: center;
    row-gap: 3.06em;
    line-height: 1.73em;
  }
  .hearingaid-button {
    padding: 1em 0;
    font-size: 2.0rem;
    border-radius: 2.66em;
    width: calc((349 / 414) * 100vw);
    max-width: 80%;
    min-width: 349px;
  }
  .hearingaid-referral .hearingaid-button::after {
    content: none;
  }
  .hearingaid-referral {
    width: 100%;
  }
  .hearingaid-referral p {
    font-size: 2.2rem;
  }
  .hearingaid-referral > div {
    padding: 7em 0;
  }
  .hearingaid-referral .hearingaid-button-wrap {
    flex-direction: column;
    row-gap: 2em;
    width: 90%;
    margin: 0 auto;
  }
  .hearingaid-referral .hearingaid-button {
    width: calc((349 / 414) * 100vw);
    max-width: 80%;
    min-width: 349px;
    padding: 0.8em 0;
  }
  .hearingaid-referral.mb100 {
    margin-bottom: 0;
  }
  .contents-list > ul {
    flex-direction: column;
    row-gap: 2em;
  }
  .contents-list > ul > li {
    width: 100%;
  }
  .contents-list-wrap li {
    font-size: 1.6rem;
  }
  .contents-list-wrap ul {
    margin-top: 1.73em;
  }
  .mod-topicPath_sp {
    border-top: 0;
    margin-top: 0;
  }
  .hearingaid-steplist {
    flex-direction: column;
    row-gap: 2.4em;
    width: 90%;
    max-width: 500px;
  }
  .hearingaid-steplist li {
    flex-direction: row;
    justify-content: center;
    padding: 1.5em 0 1.5em 1em;
  }
  .hearingaid-steplist li::after {
    top: auto;
    bottom: -2.2em;
    right: auto;
    transform: rotate(90deg);
  }
  .steplist-step {
    margin: 0 0.5em 0 0;
  }
  .steplist-text {
    margin-top: 0;
    width: 60%;
    text-align: center;
  }
  .contant-edt-elements-wrap .mod-auto.hearingaid-kv {
    margin: 0 auto 0;
  }
  }
  
@media screen and (max-width: 1000px) {
    .mod-auto.hearingaid-nav1.mt100.mb100 {
      margin: 0;
      max-width: unset;
    }
    h2.prod-hearingaid-purchase-head .step-num span {
      vertical-align: baseline;
    }
    body .mod-anchor-body.pure-g.space-u-20 {
        margin-top: -3.125vw;
        margin-left: -3.125vw;
        max-width: unset;
    }  
    body .contant-edt-elements-wrap h1 {
        font-size: 2.4rem;
        margin: 2.5em 0 1.66em;
    }
    body .contant-edt-elements-wrap h3 {
        font-size: 2.0rem;
    }
    body .contant-edt-elements-wrap .product-about-wrap h4,
    body .contant-edt-elements-wrap .paris-miki-original-section h4 {
      font-size: 2.4rem;
      font-weight: 300;      
    }
    body .contant-edt-elements-wrap h4 {
        font-size: 1.8rem;
    }
    body .contant-edt-elements-wrap figcaption,
    body .contant-edt-elements-wrap dd,
    body .contant-edt-elements-wrap li,
    body .contant-edt-elements-wrap p{
        font-size: 1.5rem;
        line-height: 1.8;
    }    
    body .contant-edt-elements-wrap p.hearingaid-lead {
        font-size: 1.8rem;
    }
    body .contant-edt-elements-wrap .hearingaid-referral p {
        font-size: 2.2rem;
    }
    ul.mod-anchor-body li a {
        font-size: 1.6rem;
      
    }
    nav.mod-auto.hearingaid-nav1.mt100.mb100 {
      max-width: 70%;
      margin: 4em auto 8.66em;
    }
}