/* trouble */

#trouble{
  margin-top:2rem;
  padding-bottom:4rem;
}

#trouble h3.main_h3::after{
  content:"";
  width:91px;
  height:127px;
  background-image: url(../image/trouble/trouble_woman.png);
  background-position:center;
  background-size:91px 127px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 3px;
}

#trouble div.contents{
  background-color:#fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position:relative;
  padding:0 0 1rem 0;
  width:97%;
  margin:0 auto 25px auto;
  overflow: hidden;
}

#trouble div.contents::before{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -16px;
  border: 16px solid transparent;
  border-top: 28px solid #fff;
}


/* ratio */
#trouble div.contents ul.ratio{
  padding:0;
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
}

#trouble div.contents ul.ratio li{
  width:47%;
  border-radius:10px;
  box-shadow:0 2px 10px #ccc;
  margin:0.3rem;
}

#trouble div.contents ul.ratio li:nth-child(1){ background-color:#AA4C38; }
#trouble div.contents ul.ratio li:nth-child(2){ background-color:#AA8B2A; }
#trouble div.contents ul.ratio li:nth-child(3){ background-color:#7BA532; }
#trouble div.contents ul.ratio li:nth-child(4){ background-color:#5287A4; }
#trouble div.contents ul.ratio li:nth-child(5){ background-color:#7F5BA4; }
#trouble div.contents ul.ratio li:nth-child(6){ background-color:#AA5069; }

#trouble div.contents ul.ratio li div.white{
  background-color:#fff;
  line-height:1;
}

#trouble div.contents ul.ratio li p.title{
  color:#fff;
  font-size:1.4rem;
  font-weight:bold;
  text-align:center;
  padding:0.8rem 0;
  background-image:url(../image/trouble/thunder.png);
  background-position:95% top;
  background-repeat:no-repeat;
  background-size:28px 36px;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {

  #trouble div.contents ul.ratio li p.title{
    font-size:1.2rem;
  }

}


#trouble div.contents ul.ratio li div.ratioMain{
  display:flex;
  align-items: center;
  justify-content: space-between;
  padding:0.5rem;
}

#trouble div.contents ul.ratio li div.ratioMain div.exsample{
  border:1px #bfbfbf dotted;
  padding:0 2px;
  width:40%;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-top:5px;
  margin-right:3px;
  border-radius:3px;
}

#trouble div.contents ul.ratio li div.ratioMain div.exsample::before{
  content: '';
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  left: 0;
  right: 0;
  top: -7px;
  margin: 0 auto;
  border-top: 1px dotted #bfbfbf;
  border-right: 1px dotted #bfbfbf;
  background-color: #fff;
  transform: rotate(-45deg);
}


#trouble div.contents ul.ratio li div.ratioMain div.exsample ul.exsampleList li{
  width:auto;
  height:auto;
  margin:3px 0;
  padding:3px 0;
  background-color:#727171;
  text-align:center;
  font-size:1rem;
  font-weight:bold;
  color:#fff;
  border-radius:3px;
  box-shadow: none;
  position: relative;
  z-index: 1;
}

#trouble div.contents ul.ratio li div.ratioMain div.ratioCircle{
  display:flex;
  align-items: center;
  justify-content: flex-end;
  flex:1;
}

#trouble div.contents ul.ratio li div.ratioMain div.ratioCircle p.txt_1,
#trouble div.contents ul.ratio li div.ratioMain div.ratioCircle p.txt_2{
  font-size:1rem;
  font-weight:bold;
  color:#727171;
}

#trouble div.contents ul.ratio li div.ratioMain div.ratioCircle p.txt_1{
  margin-right:2px;
}

#trouble div.contents ul.ratio li div.ratioMain div.ratioCircle p.txt_2{
  margin-left:2px;
}

#trouble div.contents ul.ratio li div.ratioMain div.ratioCircle div.fraction{
  background-color:#AA4C38;
  border-radius:50%;
  width:7rem;
  height:7rem;
  text-align:center;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {

  #trouble div.contents ul.ratio li div.ratioMain div.ratioCircle div.fraction{
    width:5.6rem;
    height:5.6rem;
  }

}

#trouble div.contents ul.ratio li:nth-child(1) div.ratioMain div.ratioCircle div.fraction{ background-color:#AA4C38; }
#trouble div.contents ul.ratio li:nth-child(2) div.ratioMain div.ratioCircle div.fraction{ background-color:#AA8B2A; }
#trouble div.contents ul.ratio li:nth-child(3) div.ratioMain div.ratioCircle div.fraction{ background-color:#7BA532; }
#trouble div.contents ul.ratio li:nth-child(4) div.ratioMain div.ratioCircle div.fraction{ background-color:#5287A4; }
#trouble div.contents ul.ratio li:nth-child(5) div.ratioMain div.ratioCircle div.fraction{ background-color:#7F5BA4; }
#trouble div.contents ul.ratio li:nth-child(6) div.ratioMain div.ratioCircle div.fraction{ background-color:#AA5069; }

#trouble div.contents ul.ratio li div.ratioMain div.ratioCircle div.fraction p{
  color:#fff;
  font-size:1.9rem;
  font-weight:bold;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {

  #trouble div.contents ul.ratio li div.ratioMain div.ratioCircle div.fraction p{
    font-size:1.6rem;
  }

}

#trouble div.contents ul.ratio li div.ratioMain div.ratioCircle div.fraction p.up{
  margin:1.2rem auto 0 auto;
  padding:0 0 0.2rem 0;
  border-bottom:1px #fff solid;
  width:90%;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {

  #trouble div.contents ul.ratio li div.ratioMain div.ratioCircle div.fraction p.up{
    margin:0.9rem auto 0 auto;
  }
}

#trouble div.contents ul.ratio li div.ratioMain div.ratioCircle div.fraction p.down{
  padding:3px 0 0 0;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {

  #trouble div.contents ul.ratio li div.ratioMain div.ratioCircle div.fraction p.down{
    padding:2px 0 0 0;
  }

}

#trouble div.contents ul.ratio li div.ratioMain div.ratioCircle div.right p{
  margin:1rem 0 1rem 2px;
}


#trouble div.contents ul.ratio li div.ratioNum{
  display:flex;
  align-items: center;
  justify-content: space-between;
  width:95%;
  margin:0 auto;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {

  #trouble div.contents ul.ratio li div.ratioNum{
    display:block;
    text-align:center;
  }

}

#trouble div.contents ul.ratio li div.ratioNum p{
  color:#727171;
}

#trouble div.contents ul.ratio li div.ratioNum p.ratioTitle{
  font-size:1.1rem;
  margin-left:2px;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {

  #trouble div.contents ul.ratio li div.ratioNum p.ratioTitle{
    margin-bottom:0.5rem;
  }

}

#trouble div.contents ul.ratio li div.ratioNum p.num{
  font-size:1.1rem;
}

#trouble div.contents ul.ratio li div.ratioNum p.num span.heebo{
  font-size:1.7rem;
  font-weight:bold;
  margin:0 2px;
  position:relative;
  bottom:-1px;
}

#trouble div.contents ul.ratio li p.reference{
  color:#727171;
  font-size:1rem;
  width:95%;
  text-align:center;
  margin:1rem auto;
  line-height:120%;
}

#trouble div.contents ul.ratio li:nth-child(4) p.reference,
#trouble div.contents ul.ratio li:nth-child(6) p.reference{
  line-height:120%;
  position:relative;
  top: -5px;
}


#trouble div.contents p.nextArrow{
  width:150px;
  height:38px;
  background-image:url(../image/trouble/nextArrow.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size:150px 38px;
  margin:0.5rem auto;
  text-align:center;
  color:#00426B;
  font-size:1.2rem;
  font-weight:bold;
  line-height:29px;
}



/* barGraph */
#trouble div.contents div.barGraph{
  width:95%;
  border:1px #5287A4 solid;
  margin:2rem auto 1rem auto;
}

#trouble div.contents div.barGraph div.graph_wrap{
  display:flex;
  justify-content:center;
  width:95%;
  margin:5px auto;
  line-height:1;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {

  #trouble div.contents div.barGraph div.graph_wrap{
    width:100%;
  }

}

#trouble div.contents div.barGraph p.title{
  background-color:#5287A4;
  color:#fff;
  font-size:1.4rem;
  font-weight:bold;
  text-align:center;
  padding:0.5rem 0;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {
  #trouble div.contents div.barGraph p.title{
    font-size:1.2rem;
  }
}

#trouble div.contents div.barGraph ul.list li{
  text-align:right;
  margin:0.55rem 5px 0 0;
  font-size:1rem;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {
  #trouble div.contents div.barGraph ul.list li{
    margin:0.75rem 2px 0 0;
    font-size:0.8rem;
  }
}

#trouble div.contents div.barGraph ul.list li:nth-child(1){ color:#5287A4; font-weight:bold; }


#trouble div.contents div.barGraph ul.graph{
  width:147px;
  height:109px;
  background-image:url(../image/trouble/graph.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size:147px 109px;
  position:relative;
}

#trouble div.contents div.barGraph ul.graph li{
  margin:0.55rem 0 0 5px;
  font-size:1rem;
  position:relative;
  color:#5287A4;
  position:absolute;
}

#trouble div.contents div.barGraph ul.graph li:nth-child(1){ top:2px; right:12px; font-weight:bold; }
#trouble div.contents div.barGraph ul.graph li:nth-child(2){ top:18px; right:50px;}
#trouble div.contents div.barGraph ul.graph li:nth-child(3){ top:33px; right:80px;}
#trouble div.contents div.barGraph ul.graph li:nth-child(4){ top:49px; right:80px;}
#trouble div.contents div.barGraph ul.graph li:nth-child(5){ top:64px; right:60px;}
#trouble div.contents div.barGraph ul.graph li:nth-child(6){ top:79px; right:110px;}



/* overseas */
#trouble div.contents div.overseas{
  margin:0 0 40px 0;
}

#trouble div.contents div.overseas p.title{
  font-size:1.4rem;
  font-weight:bold;
  color:#5287A4;
  text-align:center;
  margin:40px 0 20px 0;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {
  #trouble div.contents div.overseas p.title{
    font-size:1.2rem;
  }
}

#trouble div.contents div.overseas div.penetration{
  width:95%;
  margin:0 auto 1rem auto;
}

#trouble div.contents div.overseas div.penetration div.germany img,
#trouble div.contents div.overseas div.penetration div.england img{
  width:225px;
  height:35px;
  display:block;
  margin:0 auto;
}

#trouble div.contents div.overseas div.penetration div.germany div.txt,
#trouble div.contents div.overseas div.penetration div.england div.txt{
  display:flex;
  align-items: center;
  justify-content: space-between;
  width:256px;
  margin:8px auto;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {
  #trouble div.contents div.overseas div.penetration div.germany div.txt,
  #trouble div.contents div.overseas div.penetration div.england div.txt{
    /* width:85%; */
  }
}

#trouble div.contents div.overseas div.penetration div.germany div.txt p,
#trouble div.contents div.overseas div.penetration div.england div.txt p{
  color:#181818;
  font-size:1.2rem;
}

#trouble div.contents div.overseas div.penetration div.germany div.txt p span.heebo,
#trouble div.contents div.overseas div.penetration div.england div.txt p span.heebo{
  font-size:2.6rem;
  color:#5287A4;
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px;
}

#trouble div.contents div.overseas div.penetration div.england div.txt p.country{
  position:relative;
  left: -4px;
}



/* case */
#trouble div.contents div.case p.h3_sub{
  text-align:center;
  font-size:1.2rem;
  color:#181818;
  width:95%;
  margin:0 auto;
  line-height:140%;
}

#trouble div.contents div.case p.desc{
  background-color:#5287A4;
  border-radius:5px;
  padding:0.6rem;
  margin:1rem auto;
  font-size:1.2rem;
  color:#fff;
  text-align:center;
  width:90%;
  line-height:140%;
}

#trouble div.contents div.case div.overview{
  display:flex;
  align-items: center;
  justify-content: space-between;
  width:95%;
  margin:10px auto;
}

#trouble div.contents div.case div.overview div.left,
#trouble div.contents div.case div.overview div.right{
  flex:1;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  text-align:center;
  margin:0 0.2rem;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {
  #trouble div.contents div.case div.overview div.left{
    position:relative;
    top:-0.5rem;
  }
}

#trouble div.contents div.case div.overview div.left p.price{
  background-color:#B20014;
  border-radius:3px;
  color:#fff;
  font-size:1.4rem;
  padding:1.95rem 0;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {
  #trouble div.contents div.case div.overview div.left p.price{
    padding:1.9rem 0;
  }
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {

  #trouble div.contents div.case div.overview div.left p.price{
    font-size:1.2rem;
  }

}

#trouble div.contents div.case div.overview div.left p.price span.heebo{
  font-size:3rem;
  display:inline-block;
  vertical-align:middle;
  margin:0 5px;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {

  #trouble div.contents div.case div.overview div.left p.price span.heebo{
    font-size:2.6rem;
  }

}

#trouble div.contents div.case div.overview div.left p.detail{
  font-size:12px;
  color:#181818;
  margin:1rem 0 0.5rem 0;
}

#trouble div.contents div.case div.overview div.left p.detail span.heebo{
  font-size:25px;
  display:inline-block;
  vertical-align:middle;
  margin-right:2px;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {

  #trouble div.contents div.case div.overview div.left p.detail span.heebo{
    font-size:2rem;
  }
}

#trouble div.contents div.case div.overview div.left p.detail span.year{
  display:block;
  margin-bottom:1rem;
}

#trouble div.contents div.case div.overview div.left p.reference{
  font-size:12px;
  color:#9FA0A0;
  line-height:140%;
}

#trouble div.contents div.case div.overview div.right p.price{
  background-color:#00426B;
  border-radius:3px;
  color:#fff;
  font-size:1.4rem;
  padding:10px 0;
  position:relative;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {

  #trouble div.contents div.case div.overview div.right p.price{
    font-size:1.2rem;
  }

}

#trouble div.contents div.case div.overview div.right p.price span.rightTitle{
  font-weight:bold;
  display:inline-block;
  margin-bottom:5px;
}

#trouble div.contents div.case div.overview div.right p.price span.rightPriceWrap{
  display:flex;
  align-items: center;
  justify-content:center;
}

#trouble div.contents div.case div.overview div.right p.price span.heebo{
  font-size:3rem;
  margin-right:5px;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {
  #trouble div.contents div.case div.overview div.right p.price span.heebo{
    font-size:2.6rem;
    margin-right:5px;
  }
}

#trouble div.contents div.case div.overview div.right p.price span.unit{
  position:relative;
  bottom:-3px;
}

#trouble div.contents div.case div.overview div.right p.price span.unit::after{
  content: "(税込)";
  display: inline-block;
  width: 3rem;
  font-size: 0.9rem;
  position: absolute;
  top: -9px;
  left: -4px;
}

#trouble div.contents div.case div.overview div.right p.detail{
  font-size:12px;
  color:#181818;
  margin:10px 0;
  line-height:175%;
}

#trouble div.contents div.case div.overview div.right p.detail img{
  display:block;
  width:11px;
  height:11px;
  margin: 0.3rem auto -2.2rem auto;
}

#trouble div.contents div.case div.overview div.right p.detail span.heebo{
  font-size:25px;
  display:inline-block;
  vertical-align:middle;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {
  #trouble div.contents div.case div.overview div.right p.detail span.heebo{
    font-size:2rem;
  }
}

#trouble div.contents div.case img.overviewImg{
  width:166px;
  height:95px;
  display:block;
  margin:0 auto;
}


/* next */
#trouble div.contents div.case div.next{
  text-align: center;
  margin: 1rem auto 0 auto;
  width: 80%;
  position: relative;
  right: -13px;
}

#trouble div.contents div.case div.next span,
#trouble div.contents div.case div.next img{
  display:inline-block;
  vertical-align:middle;
  color:#181818;
  font-size:1.4rem;
}

#trouble div.contents div.case div.next img{
  width:40px;
  height:35px;
  margin:0 10px;
}



/* result */
#trouble div.contents ul.result{
  display:flex;
  justify-content:center;
  width:95%;
  margin:0 auto;
}

#trouble div.contents ul.result.top{
  margin:1rem auto 0 auto;
}

#trouble div.contents ul.result li{
  flex:1;
  line-height:1;
}

#trouble div.contents ul.result li.last{
  margin:0.5rem 0 0 0;
}

#trouble div.contents ul.result li:nth-child(2){
  margin:0 0 0 5px;
}

#trouble div.contents ul.result li p.title{
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 1rem;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {
  #trouble div.contents ul.result li p.title{
    font-size: 1.4rem;
  }
}

#trouble div.contents ul.result li:nth-child(1) p.title{ background-image:url(../image/trouble/win_back.png); }
#trouble div.contents ul.result li:nth-child(2) p.title{ background-image:url(../image/trouble/halfwin_back.png); }
#trouble div.contents ul.result li.last p.title{ background-image:url(../image/trouble/lose_back.png); }

#trouble div.contents ul.result li div.formula{
  box-sizing: border-box;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding:0.2rem 0.5rem 0 0.5rem;
  background-image:url(../image/trouble/result_back.png);
}

#trouble div.contents ul.result li:nth-child(1) div.formula{ border:2px #B20014 solid; }
#trouble div.contents ul.result li:nth-child(2) div.formula{ border:2px #00426B solid; }
#trouble div.contents ul.result li.last div.formula{ border:2px #555555 solid; }

#trouble div.contents ul.result li div.formula p.red,
#trouble div.contents ul.result li div.formula p.blue,
#trouble div.contents ul.result li div.formula p.gray,
#trouble div.contents ul.result li div.formula p.resultDetail{
  display:flex;
  align-items: center;
  justify-content: space-between;
  margin:5px 0;
}

#trouble div.contents ul.result li div.formula p.resultDetail{
  padding:2px 0 0 0;
  margin:10px 0 2px 0;
}

#trouble div.contents ul.result li div.formula p.red{ color:#B20014; }
#trouble div.contents ul.result li div.formula p.blue{ color:#00426B; }
#trouble div.contents ul.result li div.formula p.gray{ color:#9FA0A0; }
#trouble div.contents ul.result li.last div.formula p.red{ color:#181818; }


#trouble div.contents ul.result li div.formula p.red span.name,
#trouble div.contents ul.result li div.formula p.blue span.name,
#trouble div.contents ul.result li div.formula p.gray span.name,
#trouble div.contents ul.result li div.formula p.resultDetail span.name{
  border-radius:3px;
  color:#fff;
  font-size:1.2rem;
  padding:5px;
  display: inline-block;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {
  #trouble div.contents ul.result li div.formula p.red span.name,
  #trouble div.contents ul.result li div.formula p.blue span.name,
  #trouble div.contents ul.result li div.formula p.gray span.name,
  #trouble div.contents ul.result li div.formula p.resultDetail span.name{
    font-size:1rem;
    padding:3px;
  }
}

#trouble div.contents ul.result li div.formula p.red span.name{ background-color:#B20014; }
#trouble div.contents ul.result li div.formula p.blue span.name{ background-color:#00426B; }
#trouble div.contents ul.result li div.formula p.gray span.name{ background-color:#9FA0A0; }

#trouble div.contents ul.result li div.formula p.red span.heebo,
#trouble div.contents ul.result li div.formula p.blue span.heebo,
#trouble div.contents ul.result li div.formula p.gray span.heebo,
#trouble div.contents ul.result li div.formula p.resultDetail span.heebo{
  font-size:1.8rem;
  display:inline-block;
  vertical-align:middle;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {
  #trouble div.contents ul.result li div.formula p.red span.heebo,
  #trouble div.contents ul.result li div.formula p.blue span.heebo,
  #trouble div.contents ul.result li div.formula p.gray span.heebo,
  #trouble div.contents ul.result li div.formula p.resultDetail span.heebo{
    font-size:1.6rem;
  }
}

#trouble div.contents ul.result li div.formula p.red span.heebo::before,
#trouble div.contents ul.result li div.formula p.blue span.heebo::before,
#trouble div.contents ul.result li div.formula p.gray span.heebo::before{
  font-size:1.2rem;
  display:inline-block;
  vertical-align:middle;
}

#trouble div.contents ul.result li div.formula p.red span.heebo::before{ content:"+"; }
#trouble div.contents ul.result li div.formula p.blue span.heebo::before{ content:"-"; }
#trouble div.contents ul.result li div.formula p.gray span.heebo::before{ content:"-"; }
#trouble div.contents ul.result li.last div.formula p.red span.heebo::before{ content:""; }
#trouble div.contents ul.result li.last div.formula p.gray span.heebo::before{ content:""; }

#trouble div.contents ul.result li div.formula p.red span.heebo span.unit,
#trouble div.contents ul.result li div.formula p.blue span.heebo span.unit,
#trouble div.contents ul.result li div.formula p.gray span.heebo span.unit,
#trouble div.contents ul.result li div.formula p.resultDetail span.heebo span.unit{
  font-size:1rem;
  display:inline-block;
  vertical-align:middle;
  margin-left:5px;
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {
  #trouble div.contents ul.result li div.formula p.red span.heebo span.unit,
  #trouble div.contents ul.result li div.formula p.blue span.heebo span.unit,
  #trouble div.contents ul.result li div.formula p.gray span.heebo span.unit,
  #trouble div.contents ul.result li div.formula p.resultDetail span.heebo span.unit{
    font-size:1rem;
    margin-left:2px;
  }
}


#trouble div.contents ul.result li:nth-child(1) div.formula p.resultDetail{ border-top:2px #B20014 dotted; }
#trouble div.contents ul.result li:nth-child(2) div.formula p.resultDetail{ border-top:2px #00426B dotted; }
#trouble div.contents ul.result li.last div.formula p.resultDetail{ border-top:2px #9FA0A0 dotted; margin-top:00.5rem; }

#trouble div.contents ul.result li div.formula p.resultDetail span.name{
  color:#181818;
}

#trouble div.contents ul.result li:nth-child(1) div.formula p.resultDetail span.heebo{ color:#B20014; }
#trouble div.contents ul.result li:nth-child(2) div.formula p.resultDetail span.heebo{ color:#B20014; }
#trouble div.contents ul.result li.last div.formula p.resultDetail span.heebo{ color:#00426B; }
#trouble div.contents ul.result li.last div.formula p.resultDetail span.heebo::before{ content:"-"; }

#trouble div.contents ul.result li:nth-child(1) div.formula p.resultDetail span.heebo span.unit{ color:#B20014; }
#trouble div.contents ul.result li:nth-child(2) div.formula p.resultDetail span.heebo span.unit{ color:#B20014; }
#trouble div.contents ul.result li.last div.formula p.resultDetail span.heebo span.unit{ color:#00426B; }

#trouble div.contents ul.result li div.formula p.gray_sub{
  font-size:1rem;
  color:#9FA0A0;
  text-align:right;
}

#trouble div.contents ul.result li.last div.hori{
  display:flex;
  align-items: center;
  justify-content:center;
}

#trouble div.contents ul.result li.last div.hori p.red,
#trouble div.contents ul.result li.last div.hori div.right{
  flex:1;
}

#trouble div.contents ul.result li.last div.hori p.red{
  margin-right:5px;
}