/*--------------------------------
risk_LP
---------------------------------*/
/*risk_mv*/
.m_mv_wrap{
  background-image: url(../img/mv.png);
  background-size: cover;
  background-position: 0% 100%;
  background-repeat: no-repeat;
  height: 90vh;
}

.m_mv_title{
  padding-top: 25vh;
}

.m_mv_title .m_img_wrap{
  max-width: 620px;
}

.m_mv_title span{
  font-size: 27px;
}

/*risk_共通*/
.risk_lp{
  color: #000000;
  line-height: 1.4;
  font-size: 16px;
  letter-spacing: 0.1em;
}
.m_sec_wrap, .m_care_cont{
  max-width: 932px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}

.m_border_cont{
  border: 1px solid #00205B;
  padding: 0 24px;
}

.m_bg_bry{
  background-color: #848484;
  padding: 2px 0;
}

.c_after{
  color: #FFCA41;
}

.key_wrap{
  background-color: #ffffffdc;
  border: #D6DFEA 1px solid;
  padding: 40px 0 40px;
  margin: 0 auto;
}

.key_wrap .c_blu{
  background-color: #E9F1F9;
  border-radius: 20px;
  padding: 8px 0;
  width: 290px;
}

/*risk_section01*/
.m_risk_sec01 .m_border_cont{
  padding: 64px 24px 40px;
}

.m_risk_sec01 .m_border_cont .c_blu{
  font-size: 25px;
}

.m_risk_sec01 .m_img_wrap{
  max-width: 210px;
}

.m_risk_sec01 .m_border_cont .m_auto{
  max-width: 700px;
}

/*risk_section02*/
.m_risk_sec02 .f_box span{
  padding: 2px 0;
}

.m_risk_sec02 .f_box .m_img_wrap{
  max-width: 300px;
}

/*risk_section03*/
.m_risk_sec03{
  background-image: url(../img/bg_sec3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 120px 0  64px;
}

.m_risk_sec03::before{
  content: '';
  width: 1px;
  height: 100px;
  background-color: #00205B;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateY(-50%);
}

.m_risk_sec03 .font_mincho>span{
  font-size: 38px;
}

.m_risk_sec03 .m_img_wrap{
  background-image: url(../img/bg_circle.png);
  background-size: 100%;
  max-width: 560px;
  padding: 30px;
}

/*risk_section04*/
.m_skn_num{
  font-family: 'Gotu', sans-serif;
  font-size: 60px;
}

.m_risk_sec04 .p_relative{
  top: -40px;
}

.m_risk_sec04 .p_relative::before{
  content: '';
  position: absolute;
  width: 1px;
  height: 50%;
  background-color: #00205B;
  bottom: -40px;
  left: 50%;
  transform: translate(-50%, 100%);
}

.m_risk_sec04 p{
  max-width: 700px;
}

.m_care_wrap{
  background-color: #F5FAFD;
  margin: 0 calc(50% - 48vw);
}

.m_bg_gblu{
  background-color: #E7F0F8;
  padding: 64px 16px 56px;
  margin: 0 auto;
}

.m_risk_sec04 .m_compare01 .m_img_wrap{
  max-width: 300px;
}

.polygon{
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background-color: #00205B;
  width: 24px;
  height: 40px;
}

.m_risk_sec04 .m_compare02 .m_r_5 .m_img_wrap{
  max-width: 210px;
}

.m_risk_sec04 .m_compare02 .polygon{
  width: 16px;
  height: 30px;
  transform: rotate(90deg);
}

.m_gragh.m_r_5 img {
  height: 400px;
}

.m_gragh img {
  height: 350px;
  width: auto;
}

.m_compare03 p{
  max-width: 330px;
}

/*risk_section05*/
.m_risk_sec05{
  background-image: url(../img/bg_sec5.jpg);
  background-size: 100%;
  background-position: 0% 100%;
  background-repeat: no-repeat;
  font-size: 34px;
}

/*risk_section06*/
.m_risk_sec06{
  background-image: url(../img/bg_sec6.jpg);
  background-size: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.m_risk_sec06 .font_mincho{
  font-size: 36px;
}

.m_risk_sec06 .m_border_cont{
  border-color: #ffffff;
}

.m_risk_sec06 .bg_wht>div{
  max-width: 750px;
  margin: 0 auto;
}

/*risk_section07*/
.m_risk_sec07{
  font-size: 36px;
}


@media  (max-width: 767px) {
  .m_mv_title .m_img_wrap {
    max-width: 240px;
  }

  .m_mv_title span {
    font-size: 15px;
  }

  .m_mv_title .m_img_wrap {
    max-width: 300px;
    width: 60vw;
  }

  .m_mv_wrap {
    background-image: url(../img/mv_sp.png);
  }

  .m_risk_sec01 .font_mincho {
    font-size: 20px;
  }

  .m_img_wrap {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
  }

  .m_bg_bry {
    max-width: 300px;
    width: 100%;
  }

  .risk_lp .font30{
    font-size: 20px !important;
  }

  .m_risk_sec02 .m_img_wrap{
    max-width: 260px !important;
  }

  .m_risk_sec02 .m_border_cont{
    max-width: 260px !important;
    width: 100%;
    margin: 0 auto;
  }

  .sec_luka02.m_line_bg{
    background-image: none;
  }

  .m_risk_sec03 .font_mincho>span {
    font-size: 26px;
    margin-bottom: 8px;
  }

  .m_risk_sec03 .m_img_wrap {
    max-width: 100%;
    padding: 20px;
  }

  .m_gragh img {
    width: 100%;
    max-width: 260px;
    height: auto;
  }

  .m_compare01 .polygon{
    transform: rotate(90deg);
  }

  .m_care_wrap {
    margin: 0 calc(50% - 46vw);
  }

  .m_risk_sec04 .m_compare02 .m_r_5 .m_img_wrap {
    max-width: 300px;
  }

  .m_compare03 p{
    max-width: 100%;
  }

  .m_risk_sec05{
    font-size: 24px;
  }

  .m_risk_sec06 .font_mincho,.m_risk_sec07{
    font-size: 24px;
  }

  .m_risk_sec06 .font20{
    font-size: 16px !important;
  }

  .m_risk_sec06{
    background-image: url(../img/bg_sec6_sp.jpg);
  }

  .m_risk_sec06 .m_auto_sp.m_img_wrap{
    max-width: 200px;
    margin: 0 auto;
  }
}

@media  (max-width: 834px) {
  .d_block_834{
    display: block !important;
  }

  .d_block_834 .jc_center{
    padding-top: calc(60vh + -50px) !important;
    width: 100%;
  } 

  .d_none_834{
    display: none !important;
  }
}