@charset "utf-8";
#h1_endometriosis img,#h1_medical-info img{
      max-width: 350px;
    }
#h1_medical-info img{
max-width: 300px;
}
#h1_fibroids img{
max-width: 200px;
}
#h1_info-art img{
max-width: 150px;  
}
#h1_results img{
max-width: 100px;
}
.subnavi ul li {
  width: 50%;
  border-color: #fff;
}
.subnavi ul li:first-child {
  background: #595757;
}
.subnavi ul li:last-child {
  background: #EE9300;
}
.subnavi ul li a {
  color: #fff;
}
.subnavi ul li a:hover {
  opacity: 0.6;
  color: #fff;
}

.page-navi {
  z-index: 12;
}
.page-navi ul {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  row-gap: 5px;
  position: relative;
  z-index: 1;
}
.page-navi ul li {
  font-weight: bold;
  padding-inline-end: 5px;
}
.page-navi ul li:nth-last-child(2),
.page-navi ul li:last-of-type {
  margin-bottom: 0;
}
.page-navi ul li a {
  display: block;
  position: relative;
  padding-left: 20px;
  color: #595757;
}
.page-navi ul li a::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 25px;
  position: absolute;
  left: 0;
  top: 6px;
  transition: all 0.5s ease 0s;
}
.page-navi ul li a::before {
  border: 4px solid #595757;
}
.h3_div {
  padding: 230px 0 0;
  margin: -150px auto 0;
}

.h3_div>p,
.h3_div>ul {
  width: 100%;
}
.h3_div h3::before {
  border-color: #7A6A56;
}
.h3_div .div_topics01 {
  border: 2px solid #7A6A56;
}
.ul01>li::before {
  color: #7A6A56;
}
.h4_div .ol01>li::before {
  background: #7A6A56;
}
.h4_div .text_st05::before {
  background-image: url("../img/common/text_st05_dec_pink.png");
}
#art_medical-info_navi {
  display: flex;
  column-gap: 60px;
  justify-content: center;
  align-items: center;
  flex-flow: wrap;
  max-width: 980px;
}
#art_medical-info_navi div .bg_topics {
  display: block;
  width: 260px;
  height: 260px;
  color: #7A6A56;
  border-radius: 80%;
  position: relative;
  margin: 0 auto 15px;
}
#art_medical-info_navi div .bg_topics img {
  width: 70%;
  max-width: 180px;
  position: relative;
  left: 20px;
  top: 20px;
}
#art_medical-info_navi .topics .bg_topics p {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: right;
  position: absolute;
  bottom: 9%;
  right: 18%;
  margin: 0;
}
#art_medical-info_navi .link02 {
  width: 100px;
  background: #7A6A56;
  padding: 4px;
  margin: auto;
  position: absolute;
  bottom: -3%;
  left: 0;
  right: 0;
}
#art_medical-info_navi .topics .bg_topics p {
  font-size: 20px;
}
#art_medical-info_navi .bg_topics {
  background: #E9DBCB;
}

#sec_results .dl_fq {
  width: 100%;
  margin-bottom: 10px;
}
#sec_results .dl_fq > dd .im_gyn {
  float: left;
  margin: 0 10px 5px;
}
#sec_results .dl_fq > dd .fq_l {
  float: left;
  margin-top: 5px;
}
#sec_results .dl_fq > dt {
  display: flex;
  align-items: center;
  height: 50px;
  font-weight: bold;
  background: #E9DBCB url(../img/treat/bt_qa.svg) no-repeat right 15px top 8px/ 35px;
  cursor: pointer;
  padding: 0 25px;
  position: relative;
  z-index: 20;
}
#sec_results .dl_fq > dt.opened{
  background: #E9DBCB url(../img/treat/bt_qa_opan.svg) no-repeat right 15px top 8px/ 35px;
}
#sec_results .dl_fq > dd {
  position: relative;
  display: none;
  margin: 0;
  padding: 8px;
}
/* PCサイト */
@media (min-width: 650px) {
  #h1_infer img {
    max-width: 400px;
  }
  .div_flex{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
  }
  .page-navi {
    margin-bottom: -220px;
  }
  .page-navi ul li {
    width: calc(100%/4);
  }
  .page-navi ul li a:hover {
    opacity: 0.6;
    color: #595757;
  }
    #art_medical-info_navi .topics{
    margin-bottom: 30px;
 max-width: 300px;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
  }
  :is(#endometriosis3,#fibroids2) .div_flex .img_con{
    width: 180px;
       border-radius: 50%;
    margin-right: 15px;
  }
  :is(#endometriosis3,#fibroids2) .div_flex p{
    width: calc((100% - 180px) - 15px);
  } 

}
:is(#endometriosis9,#info-art4) .img_con{
    max-width: 780px;
    width: 100%;
    margin: 20px auto 0;
    display: block;
  }

@media (max-width: 927px) {
  .page-navi ul li {
    width: calc(100%/3);
  }
  .page-navi .h3_div {
    padding: 200px 0 0;
    margin: -150px auto 0;
  }
  #sec_results .dl_fq {
    width: 100%;
    margin-bottom: 10px;
  }
 #sec_results .dl_fq > dd .im_gyn {
    width: 110px;
    display: block;
    margin: 0 auto 5px;
  }
 #sec_results .dl_fq > dt {
    font-size: 14px;
    line-height: 1.4;
    padding: 0 55px 0 15px;
    height: 70px;
    background: #E9DBCB url(../img/treat/bt_qa.svg) no-repeat right 15px top 18px/ 35px;
  }
  #sec_results .dl_fq > dt.opened{
    background: #E9DBCB url(../img/treat/bt_qa_opan.svg) no-repeat right 15px top 18px/ 35px;
  }
  #sec_results .dl_fq > dd ,#div_qa .dl_kotei dd  {
    display: none;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    padding: 5px 14px;
  }
  #sec_results .dl_fq dd .ul02 > li {
    margin-bottom: 5px;
  }
  #sec_results .dl_fq dd .ul02 > li::before {
    top: -4px;
  }
}

/* SPサイト */
@media (max-width: 649px) {
#h1_endometriosis img, #h1_fibroids img, #h1_results img,#h1_info-art img,#h1_medical-info img {
        height:56px;
    }
  .page-navi {
    margin-bottom: -100px;
  }
 .page-navi ul li {
    width: calc(100%/2 - 5px);
    font-size: 14px;
  }
  .page-navi ul li a {
    line-height: 1.6;
  }
  .page-navi ul li a:hover {
    color: #595757;
  }
  .page-navi ul li a::before {
    width: 4px;
    height: 4px;
    border-width: 3px;
    top: 5px;
  }
 .h3_div {
    padding: 160px 0 0;
    margin: -120px auto 0;
  }
  :is(#endometriosis3,#fibroids2) .div_flex .img_con{
    width: 180px;
    display: block;
    margin:0 auto 15px;
  }
  #sec_results .dl_fq > dt {
    display: flex;
  }
  #art_medical-info_navi .topics {
    display: flex;
    align-items: center;
    margin: auto;
  }
  #art_medical-info_navi .topics:not(:last-of-type){
    margin-bottom: 30px;
  }
  #art_medical-info_navi .topics:nth-last-of-type(2) {
    flex-direction: row-reverse;
  }

  #art_medical-info_navi  div .bg_topics {
    display: block;
    width: auto;
    height: auto;
  }
 #art_medical-info_navi .bg_topics {
      background:none;
  }
  #art_medical-info_navi div .bg_topics img{
        background: url(../img/medical-info/im_medical-info_back.png) no-repeat left / 100%;
        width: 180px;
        max-width: 200px;
        padding: 12px 35px 35px 12px;
        left: 0;
        top: 0;
    }
  #art_medical-info_navi .bg_topics .topics-title {
    display: none;
  }
  #art_medical-info_navi .topics p {
    text-align: left;
    margin-left: 15px;
    margin-bottom: 15px;
  }
  #art_medical-info_navi .topics:nth-last-of-type(2) p {
    margin-right: 15px;
  }
  #art_medical-info_navi .topics p .topics_title {
    display: block;
    font-size: 20px;
    font-weight: 700;
    font-family: "Times New Roman",serif;
    color: #595757;
  }
  #art_medical-info_navi .topics .bg_topics p {
    font-size: 15px;
    font-weight: bold;
    bottom: 7%;
  }
   #art_medical-info_navi .link02 {
    width: 85px;
    padding: 2px;
    bottom: 5px;
  }
}

@media (max-width: 1400px) {
  .waveimg {
    bottom: 0;
  }
}

@media (min-width: 1499px) {}