@charset "utf-8";

/*===== #car-accident =====*/
.car-accident_box{
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px #eee;
  padding-top: 20px;
}
.car-accident_box:last-of-type{
  border-bottom: none;
}
.car-accident_icon{
  font-size: 30px;
  padding-right: 15px;
  color: #f15a23;
  width: 20%;
}
.car-accident_text-box{
  width: 100%;
}
.car-acccident_ttl{
  font-size: 20px;
  font-weight: bold;
  color: #90c008;
  padding-bottom: 5px;
}
.car-acccident_ttl .text span{
  font-weight: bold;
}

/*===== [サポート] =====*/
#support {
  background-color: #fff5e9;
}
#support .hd .obi {
  background-color: #f15a23;
  padding: 15px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
}
#support .hd .wording {
  font-weight: bold;
  text-align: center;
  font-size: 28px;
  margin-bottom: 20px;
  color: #643200;
  line-height: 1.4;
}
#support .hd .wording span {
  color: #ff7505;
}
#support ul.check li {
  background-color: #ffffff;
  border-bottom: 2px solid #d3d3d3;
  margin: 0 2% 10px 2%;
  color: #6d4130;
}
#support ul.check li span {
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  background: url(../img/common/icon03.png) no-repeat top 50% left 2%;
  padding: 14px 3% 13px 55px;
}
#support .trust-box {
  background-color: #f15a23;
}
#support .trust-box .box {
  padding: 0% 3% 3% 3%;
}
#support .trust-box .box ul.check{
  background-color: #ffffff;
  border-radius: 10px;
  padding: 2%;
}
#support .trust-box .box ul.check li {
  background-color: #ffffff;
  border-bottom: 2px solid #fff;
  margin: 0 2% 10px 2%;
  color: #6d4130;
}
#support .trust-box .box ul.check li span {
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  background: url(../img/common/icon03.png) no-repeat top 50% left 2%;
  padding: 14px 3% 13px 55px;
}
#support .trust-box .box ul.check li span .orange{
  color: #f15a23;
}
#support .rehabi{
  background-color: #fff;
}
#support .ans {
  background-color: #fff;
}
#support .ans .wording {
  background: url(../img/index/shinrai-bnr_02.png) no-repeat top 50% right;
  background-size: 50%;
  padding: 60px 0px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  text-shadow: 
  3px  3px 1px #ffffff,
 -3px  3px 1px #ffffff,
  3px -3px 1px #ffffff,
 -3px -3px 1px #ffffff,
  3px  0px 1px #ffffff,
  0px  3px 1px #ffffff,
 -3px  0px 1px #ffffff,
  0px -3px 1px #ffffff;    
}
#support .ans .wording span {
  color: #f15a23;
  font-size: 40px;
}

/*===== #nayamilink =====*/
#nayamilink {
}

#nayamilink .nayami-box {
}

#nayamilink .nayami-box .hx {
    line-height: 0;
}

#nayamilink .nayami-box .box {
}
#nayamilink .nayami-box .box .check-list {
  margin: 0 2% 20px;
}

#nayamilink .nayami-box .box .check-list li {
    background: #ecfff1;
    box-shadow: 0 0 3px #e2e2e2;
}

#nayamilink .nayami-box .box .check-list li span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    background: url(../img/common/icon03.png) no-repeat 10px 13px;
    padding: 17px 3% 18px 45px;
    margin: 0 2% 8px 2%;
}

#nayamilink .nayami-box .box ul.nayami-link {
}

#nayamilink .nayami-box .box ul.nayami-link li {
  width: 32%;
  float: left;
  margin: 0 2% 10px 0;
}

#nayamilink .nayami-box .box ul.nayami-link li.n3 {
  margin: 0 0 15px 0;
}

/*===== #point =====*/
#point {
}

#point .point-box {
    background: url(../img/common/bg01.jpg) repeat top center;
    padding: 15px 3% 5px;
}

#point .point-box .img-hx {
  line-height: 0;
}

#point .point-box .box {
    border-top: 4px solid #f83d0f;
  position: relative;
  padding: 40px 3% 20px;
  box-shadow: 0 0 5px #c1c0c0;
  margin-bottom: 40px;
  background: #fff;
}

#point .point-box .box .icon {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  width: 182px;
  margin: auto;
}

#point .point-box .box h3 {
  width: 60%;
  float: right;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 15px;
  color: #1c110e;
}

#point .point-box .box h3 .f-color {
  color: #f83d0f;
}

#point .point-box .box .img {
  width: 35%;
  float: left;
  margin-bottom: 5px;
}

#point .point-box .box .text {
  width: 60%;
  float: right;
}

/*===== #media =====*/
#media {
}
#media h3 {
    line-height: 0;
}
#media .media-box {
    border: 2px solid #f15a23;
    border-top: none;
    background-color: #fff;
    padding: 20px 3%;
}
#media .media-box .text-box {
}
#media .media-box .text-box h4 {
    width: 100%;
    max-width: 678px;
    margin: 0 auto 15px;
}
#media .media-box .text-box  .text {
}
#media .media-box .img {
    width: 100%;
    max-width: 677px;
    margin: 0 auto;
}

/*===== #aisatu =====*/
#aisatu {
}

#aisatu .aisatu-box {
}

#aisatu .aisatu-box .box {
}

#aisatu .aisatu-box .box .img {
  width: 30%;
  float: left;
  margin-bottom: 15px;
}

#aisatu .aisatu-box .box .text-box {
  width: 67%;
  float: right;
}

#aisatu .aisatu-box .box .text-box .name {
    width: 100%;
    max-width: 296px;
    margin-left: auto;
}

#aisatu .aisatu-box .box .text-box .shikaku {
    border: 1px dashed #000;
    padding: 15px 3%;
    line-height: 1.4;
}
#aisatu .aisatu-box .box .text-box .shikaku h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
#aisatu .aisatu-box .box .text-box .shikaku ul {
    list-style-type: disc;
    margin-left: 23px;
}
#aisatu .aisatu-box .box .text-box .shikaku ul li {
    margin-bottom: 3px;
}

/*===== #suisen =====*/
#suisen {
}
#suisen .suisen-box {
    background-color: #6ba56b;
    padding: 20px 3%;
}
#suisen .suisen-box h2 {
    width: 100%;
    max-width: 705px;
    margin: 0 auto 15px;
}
#suisen .suisen-box .bg {
    background-color: #fff;
    padding: 15px 3% 0;
}
#suisen .suisen-box .bg .box {
    margin-bottom: 25px;
}
#suisen .suisen-box .bg .box h3 {
    line-height: 1.4;
    font-size: 22px;
    font-weight: bold;
    color: #000;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding: 15px 0;
    margin-bottom: 15px;
}
#suisen .suisen-box .bg .box .img {
    width: 38%;
    float: left;
}
#suisen .suisen-box .bg .box .text-box {
    width: 60%;
    float: right;
}
#suisen .suisen-box .bg .box .text-box .text {
    line-height: 1.6;
    color: #000;
    font-weight: bold;
}


/*===============================================
    ■tablet 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) {
}

/*===============================================
    ■smart 画面の横幅が480pxまで
===============================================*/
@media screen and (max-width: 480px) {
  .sp-top {
    display: block;
  }
  .pc-top {
    display: none;
  }
/*-------- #nayamilink --------*/
  #nayamilink .nayami-box .box ul.nayami-link li {
    width: 49%;
    float: left;
    margin: 0 2% 10px 0;
  }
  #nayamilink .nayami-box .box ul.nayami-link li.n3 {
    margin: 0 2% 10px 0;
  }
  #nayamilink .nayami-box .box ul.nayami-link li.n2 {
    margin: 0 0 10px 0;
  }
/*--------------- #sejyutu -------------*/
  #sejyutu .sejyutu-box .box .text-box {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }
  #sejyutu .sejyutu-box .box .text-box .txt {
    text-align: center;
  }
  #sejyutu .sejyutu-box .box .img {
    width: 100%;
    float: none;
    max-width: 295px;
    margin: 0 auto;
  }
/*--------------- #point -------------*/
  #point .point-box .box {
    margin-bottom: 15px;
  }
  #point .point-box .box h3 {
    width: 100%;
    float: none;
    font-size: 18px;
  }
  #point .point-box .box .img {
    width: 100%;
    max-width: 222px;
    float: none;
    margin: 0 auto 5px;
  }
  #point .point-box .box .text {
    width: 100%;
    float: none;
  }
  #point .point-box .box .icon {
    top: 2%;
    width: 137px;
  }
/*--------------- #aisatu -------------*/
  #aisatu .aisatu-box .box .img {
    width: 100%;
    float: none;
    margin: 0 auto 15px;
    max-width: 218px;
  }
  #aisatu .aisatu-box .box .text-box {
    width: 100%;
    float: none;
  }
/*--------------- #suisen -------------*/
  #suisen .suisen-box .bg .box .img {
    width: 100%;
    float: none;
    max-width: 249px;
    margin: 0 auto 15px;
  }
  #suisen .suisen-box .bg .box .text-box {
    width: 100%;
    float: none;
  }
  #support .hd .obi {
    font-size: 14px;
  }
  #support .hd .wording {
    font-size: 18px;
  }
  #support .ans .wording {
    background: url(../img/index/shinrai-bnr_02.png) no-repeat top center;
    background-size: 100%;
    padding: 200px 0 20px 0;
    font-size: 25px;
    text-align: center;
  }
  #support .ans .wording span {
    font-size: 35px;
  }
  /*===== #car-accident =====*/
  .car-accident_icon{
    font-size: 25px;
    width: 30%;
  }
  .car-accident_text-box{
    width: 100%;
  }
}