/* ------------------------------------------
	about What
--------------------------------------------- */

#aboutPNHpage{
  background: linear-gradient(to top, #DEEBF2 0%, #DEEBF2 92.5%, transparent 0%, transparent 100%),
  url(../../common/images/bg_main_h.png) top center no-repeat;
  background-size: 100%;
  padding-top: 90px;
  padding-bottom: 0px;
  margin-bottom: 100px;
}



#bgMainv{
  padding: 0px 0 80px 0;
}

.piaWrap{
  overflow: hidden;
}

#bgMainv .contentsLink{
  margin-bottom: 0;
}


p.textHeading{
  margin-bottom: 20px;
}

.maybeSymptom{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.maybeSymptom li{
  position: relative;
  padding: 0 13px;
}

.maybeSymptom li:nth-child(1){
  width: 28%;
}

.maybeSymptom li:nth-child(2){
  width: 25%;
}

.maybeSymptom li:nth-child(3){
  width: 47%;
}

.maybeSymptom li p{
  margin-bottom: 1em;
}

#pnh .maybeSymptom li p:nth-child(1){
  background: #1D69B3;
  border-radius: 12px;
  text-align: center;
  color: #FFF;
  padding: 2px 0 5px 0;
  line-height: 1.1;
  font-size: 20px;
  font-size: 1.04em;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  margin-bottom: 20px;

}


.maybeSymptom li p:nth-child(2) {
  font-size: 16px;
  margin-bottom: 0px;
  height: 5em;
}

.maybeSymptom li p:nth-child(3){
  width: 100%;
  margin-bottom: 0px;
}

.maybeSymptom li:nth-child(1) img {
  width: 80%;
  margin: auto;
  margin-bottom: 20px;
}
.maybeSymptom li:nth-child(2) img {
  width: 60%;
  margin: auto;
  margin-bottom: 20px;
}
.maybeSymptom li:nth-child(3) img {
  width: 70%;
  margin: auto;
  margin-bottom: 20px;
}



.wrapWhiteNS{
  padding-bottom: 5px;
}


.maybeSymptom.merger li{
  width: 25%;
  padding: 0 7px;
}

.maybeSymptom.merger li p:nth-child(2){
  height: 8em;
}


.maybeSymptom.merger li:nth-child(2){
  width: 27%;
}

.maybeSymptom.merger li:nth-child(3){
  width: 23%;
}


.maybeSymptom.merger li:nth-child(1) img{
  width: 100%;
  margin: auto;
}
.maybeSymptom.merger li:nth-child(2) img{
  width: 80%;
  margin: auto;
}
.maybeSymptom.merger li:nth-child(3) img{
  width: 50%;
  margin: auto;
  margin-top: -10px;
}
.maybeSymptom.merger li:nth-child(4) img{
  width: 55%;
  margin: auto;
  margin-top: -10px;
}

.wrapWhiteNS p:last-child{
  font-size: 16px;
  margin-bottom: 10px;
}

.wrapWhite p{
  margin-bottom: 0;
  letter-spacing: -0.5px;
}


#maybeFeature.piaBgIllustPage{
  display: block;
  position: relative;
}

#maybeFeature.piaBgIllustPage:before {
  display: none;
}

#maybeFeature.piaBgIllustPage:after {
  display: none;
}

#maybeFeature.piaBgIllustPage p{
  text-align: center;
}

#maybeFeature.piaBgIllustPage p:nth-child(1){
  font-size: 26px;
  font-size: 1.35em;
  margin-bottom: 20px;
  position: relative;
}

#maybeFeature.piaBgIllustPage p:nth-child(2){
  font-size: 20px;
  font-size: 1.04em;
  color: #333;
}

#maybeFeature.piaBgIllustPage p:nth-child(3){
  position: absolute;
  top: 40px;
}

#maybeFeature.piaBgIllustPage dl{
  background: none;
  padding: 0px 0 0px 0px;
}

#maybeFeature.piaBgIllustPage dl dt{
  background: none;
  padding: 0px 0 0px 0px;
  background: #003F72;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-size: 1.04em;
  border-radius: 12px;
  padding: 3px 0 5px 0;
  position: relative;
  border: none;
  margin-bottom: 10px;
}

#maybeFeature.piaBgIllustPage dl dt::before {
  content: '';
  width: 10px;
  height: 10px;
  background: #003F72;
  position: absolute;
  bottom: -5px;
  transform: rotate(-45deg);
  left: 0;
  right: 0;
  margin: auto;
}

#maybeFeature.piaBgIllustPage dl dd{
  background: none;
  padding: 0px 0 0px 0px;
  margin-bottom: 1.5em;
  font-size: 20px;
  font-size: 1.04em;
  color: #333;
}

#maybeFeature.piaBgIllustPage dl dd sup{
  font-size: 12px;
  position: relative;
  top: -6px;
}


::-webkit-full-page-media, :future, :root ruby{
  margin-top: -0.4em;
}

::-webkit-full-page-media, :future, :root rt{
  transform: translateY(0.7em);
}


@-moz-document url-prefix() {
  ruby{
    position: relative;
  }
  rt{
    position: relative;
    top: 1.5ex;
    margin-top: -5px;
  }

}


.piaBgIllustPage dd span.noWrap{
  font-size: 20px;
}

#pnh #aboutPNHpage h2::before{
  top: 10px;
}

#pnh #aboutPNHpage h2{
  padding-top: 30px;
  margin-top: -10px;
}




/* ------------------------------------------
	768 SP 
--------------------------------------------- */

@media(max-width: 768px){


  #aboutPNHpage{
    background: linear-gradient(to top, #DEEBF2 0%, #DEEBF2 97.5%, transparent 0%, transparent 100%),
    url(../../common/images/bg_main_h.png) top center no-repeat;
    background-size: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 100px;
  }

  #aboutPNHpageBG {
    background: url(../../common/images/bg_page_cloud.png) top 10px center repeat-y;
    background-size: 120%;
    padding-bottom: 1px;
    position: relative;
  }

  #pnh #aboutPNHpage h2::before {
    display: none;
  }

  #aboutPNHpageBG::before{
    content: "";
    position: absolute;
    width: 55px;
    height: 63px;
    right: 0px;
    top: 10px;
    background: url(../../common/images/img_h2.png) no-repeat top center;
    background-size: contain;
  }

  .maybeSymptom{
    display: block;
  }
  
  .maybeSymptom li{
    position: relative;
    padding: 0 13px;
  }
  
  .maybeSymptom li:nth-child(1),
  .maybeSymptom li:nth-child(2),
  .maybeSymptom li:nth-child(3){
    width: 100%;
  }
  
  .maybeSymptom li p img{
    margin: 0 auto 50px auto;
    width: 80%;
  }

  .maybeSymptom li p:nth-child(2) {
    font-size: 16px;
    margin-bottom: 10px;
    height: auto;
  }

  .maybeSymptom li:nth-child(1) img {
    max-width: 250px;
    margin: auto;
    margin-bottom: 40px;
  }

  .maybeSymptom li:nth-child(2) img {
    width: 60%;
    max-width: 200px;
    margin: auto;
    margin-bottom: 40px;
  }

  .maybeSymptom li:nth-child(3) img {
    width: 100%;
    max-width: 300px;
    margin: auto;
    margin-bottom: 20px;
  }

  .maybeSymptom.merger li:nth-child(1),
  .maybeSymptom.merger li:nth-child(2),
  .maybeSymptom.merger li:nth-child(3),
  .maybeSymptom.merger li:nth-child(4){
    width: 100%;
  }

  .maybeSymptom.merger li p:nth-child(2) {
    font-size: 16px;
    margin-bottom: 10px;
    height: auto;
  }

  .maybeSymptom.merger li:nth-child(1) img{
    margin-bottom: 40px;
  }
  .maybeSymptom.merger li:nth-child(2) img{
    width: 90%;
    margin: auto;
    margin-bottom: 40px;
  }
  .maybeSymptom.merger li:nth-child(3) img{
    width: 50%;
    max-width: 200px;
    margin: auto;
    margin-bottom: 40px;
  }
  .maybeSymptom.merger li:nth-child(4) img{
    width: 50%;
    margin: 0 0 0 16%;
    margin-bottom: 30px;
    
  }





  .wrapWhiteNS p:last-child {
    font-size: 16px;
    margin-bottom: 20px;
    padding-top: 20px;
    text-align: center;
  }

  #maybeFeature.piaBgIllustPage p:nth-child(1) {
    font-size: 24px;
    margin-bottom: 20px;
    position: relative;
    text-align: left;
    padding-left: 70px;

  }

  #maybeFeature.piaBgIllustPage p:nth-child(3) {
    position: absolute;
    top: 25px;
    left: 10px;
  }

  #maybeFeature.piaBgIllustPage {
    display: block;
    position: relative;
    margin: 0 0px;
    margin-bottom: 40px;
  }

  /* #maybeFeature.piaBgIllustPage:before {
    content: "";
    position: absolute;
    left: -25px;
    top: -25px;
    background: #DEEBF2;
    width: 40px;
    height: 40px;
    border-bottom: solid 2px #003F72;
    transform: rotate(-45deg);
  }

  #maybeFeature.piaBgIllustPage:after {
    content: "";
    position: absolute;
    bottom: -25px;
    right: -25px;
    background: #DEEBF2;
    width: 40px;
    height: 40px;
    border-top: solid 2px #003F72;
    transform: rotate(-45deg);
  } */

  p.maybeFeatureImg img{
    width: 80px;
  }

  #maybeFeature.piaBgIllustPage dl dd {
    font-size: 18px;
  }

  #maybeFeature.piaBgIllustPage dl dt{
    font-size: 18px;
  }


  #maybeFeature.piaBgIllustPage p:nth-child(2){
    font-size: 18px;
  }

  .piaBgIllustPage dd span.noWrap{
    font-size: 18px;
  }


  #pnh #aboutPNHpage h2 {
    padding-top: 0px;
    margin-top: 0px;
  }



}