@charset "UTF-8";
.rader2{
  width: 90%;
  margin: 4% 0;
}
.summary-two{
  width:70%;
  margin: 0% 0 5% 0;
}
.image_title{
  font-size: 1.3em;
  font-weight: bold;
  margin: 12% 0 2% 0;
  width: 90%;
  text-align: center;
}
.main{
  overflow: hidden;
}
.sidemenu{
  padding-bottom: 5%;
}
.rader_parent{
  text-align: center;
  font-weight: bold;
  font-size: 1.3em;
  width: 30%;
  display: inline-block;
  margin-bottom:2%;
}
.page82_hover:hover{
  text-decoration: none;
}
.toha{
  text-align: center;
  font-weight: 400;
  font-size: 1em;
  margin: 2% 0;
}
.no2{
  position: relative;
  left: 7%; top:0;
  font-weight: bold;
}
.equal{
  text-align: center;
  font-size: 1em;
  width: 22%;
  float: left;
  margin:3% 3% 1.5em 3%;
}
.equal a:hover{
  opacity: 0.5;
}
.merit{
  border: solid 4px white;
  border-radius: 50%;
  width:52%;
}
.step{
  color: white;
  text-align: center;
  font-weight: bold;
  background-color: #db002b;
  border-radius: 50%;
  width: 60px; height:60px;
  line-height: 60px;
  position: relative;
  top: 0px; left: 8%;
  margin: 0.8em 0.8em 0.8em 0;
  font-size: 2em;
  display: inline-block;
}
.title{
  font-size: 1.8em;
  font-weight: bold;
  display: inline-block;
  position: relative;
  margin-left: 8%;
}
.explain{
  width: 90%;
  position: relative;
  margin-left: 8%;
}
.page83_space{
  padding: 30px 0 0 40px;
}
.page83_small{
  font-size: 0.6em;
}
.box_compare{
  width: 100%;
  text-align: center;
  color: white;
  font-weight: bold;
  padding: 5px;
  margin-bottom: 15px;
}
.parent_compare1{
  display: inline-block;
  vertical-align: top;
  width: 59%;
  margin-left: 17px;
}
.parent_compare2{
  display: inline-block;
  vertical-align: top;
  width: 26%;
}
.checklist{
  font-size: 1.6em;
  font-weight: bold;
  margin: 2% 0%;
}
.square{
  font-size: 1.1em;
  position: absolute;
  left: 0.6em; top: 0.4em;
}
.check{
  color: #db002b;
  position: absolute;
  left: 0.5em; top: 0.15em;
  font-size: 1.3em;
}
.smalllist {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: 6%;
}
.smalllist li {
  position: relative;
  padding: 0 0 0.2em 2em;
  font-size: 1.2em;
  line-height: 230%;
}
.smalllist li::before {
  position: absolute;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f068';
  color: #393939;
  margin-top: 0.2em;
}
.box-img{
  display: inline-block;
  margin-bottom: 7%;
}
.box-text{
  display: inline-block;
  vertical-align: top;
  padding: 0% 0 0 2%;
  width: 58%;
}
.box-text p{
  font-size: 20px;
  font-weight: bold;
}
.kaiwa{
  font-size: 38px;
  font-weight: bold;
  margin-right: 0.2em;
}
.hidari{
  margin-left: 1%;
}
.fivechart{
  display: block;
  text-align: center;
  margin-left: -5%;
}
.page83_matome{
  margin-left: 0%;
  text-align: left;
  font-size: 1.4em;
  font-weight: bold;
}
.page83_summmary{
  width: 40%;
  margin-bottom:3%;
}
/*IEのみ*/
@media all and (-ms-high-contrast: none) {
  .step{
    width: 60px; height:55px;
    padding-top: 0.2em;
  }

}

/*タブレット対応（画面サイズが959px以下の場合ここの記述が適用される）*/

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



}

/*スマホ対応（画面サイズが559px以下の場合ここの記述が適用される）*/
@media screen and (max-width:559px) {
  .toha{
    font-size:12px;
    padding: 0 20px;
  }
  .no2{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
  }
  .equal{
    width: 70%;
    margin:0 0  40px 15%;
  }
  .merit_one{
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .merit_two{
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .merit_three{
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .merit{
    margin-bottom: 10px;
  }
  .titlebox{
    width: auto;
    display: inline-block;
  }
  .hosoku{
    text-align: left;
  }
  .step{
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 20px;
    vertical-align: top;
    margin: 0;
  }
  .title{
    width: 65%;
    font-size: 22px;
  }
  .explain{
    width:85%;
    margin-bottom: 50px;
  }
  .box_compare{
    padding: 3px 0;
    margin-left: 0!important;
    margin: 20px 0;
  }
  .parent_compare1 .parent_compare2{
    display: block;
    width: 100%;
  }
  .checklist{
    font-size: 18px;
    margin: 20px 0;
  }
  .smalllist{
    font-size: 13px;
  }
  .page83_responsive_space{
    margin-bottom: 50px!important;
  }
  .jupiter{
    width: 40px!important;
    margin-right: 10px!important;
  }
  .leo{
    width: 69%!important;
    font-size: 20px!important;
  }
  .subaru{
    padding: 17px!important;
  }
  .gemini{
    font-size: 13px!important;
    padding-top: 10px;
  }
  .rader_parent{
    font-size: 1.3em;
    width: 100%;
    margin-bottom:50px;
  }
  .kaiwa {
    font-size: 22px;
  }
  .box-text{
    display: block;
    width:90%;
    margin-top: 50px;
  }
  .box-text p {
    font-size: 16px;
  }
  .page83_matome {
    margin-left: 0%;
    text-align: unset;
    font-size: 1.2em;
  }
  .parent_compare1{
    display: unset;
    width: 100%;
    margin-left: 0px;
  }
  .parent_compare2{
    display: unset;
    width: 100%;
  }
  .box-img{
    margin-bottom: 3%;
  }
  .page83_space{
    padding: 0 0 0 15px;
  }
  .summary-two{
    width:100%;
  }
  .image_title {
    font-size: 18.5px;
  }
  .smalllist li {
    line-height: 180%;
  }


}