.zen-maru-gothic-regular {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
}

.zen-maru-gothic-medium {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  font-style: normal;
}

.zen-maru-gothic-bold {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
}

.zen-maru-gothic-black {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 900;
  font-style: normal;
}
.app_icon_img_1{
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
}
a {
  display: block;
  text-decoration: none;
  color: black;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: 0.4s;
}

/* --------------------------------------------- */
/* ▼モバイルファースト (全環境に共通のデザイン) */
/* --------------------------------------------- */
/* .all_box{
    background-image: url('../images/PC_background.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height:100vh;
    background-attachment: fixed; /* 背景画像を固定 */
    body::before {
      content: "";
      background: url('../images/PC_background.svg') no-repeat center center;
      background-size: cover;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      z-index: -1;
  }
  p{
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.8rem;
    letter-spacing: 0.02rem;
    font-family: "Noto Sans JP";
  }
  .all_box{
    font-family: "Zen Maru Gothic", serif;
  }
  .mt20{
    margin-top: 20px;
  }
  .hderCenterLogo{
    display: block;
  }
  .hderCenterLogo_pc{
    position: fixed;
    width: 100%;
    background-color: #fff;
    padding: 18px 0;
    width: 100%;
    background: #fff;
    padding: 10px 0 11px;
    text-align: center;
  }
  .header_logo{
    width: 170px;
    margin: 0 auto;
    height: 40px;
  }
  .all_box{
    position: relative;
    z-index: 1;
    width: 80%;
    margin: 0 auto;
    max-width: 1120px;
    display: flex;
    align-content: center;
    height: 100vh;
    align-items: center;
  }
  .pc-left{
    height: auto;
    width: 40%;
    max-width: 630px;
    align-items: center;
    justify-content: center;
    /* overflow: hidden; */
    position: fixed;
    left: calc((100vh / 4));
    top: calc((100vh / 6));
    font-size: 20px;
    margin-right: -0.3em;
    font-weight: 300;
  }
  .pc-right {
    position: relative;
    z-index: 1;
    border-radius: 10px;
    max-width: 450px;
    min-width: 320px;
    margin: 0 auto;
    background-color: #fff;
    margin-right: 20px;
    border: 1px solid #fff;
    overflow-y: scroll;
    height: 95vh;
    background: #F9F9F9;
    box-shadow: 0px 0px 17px 12px rgba(255, 255, 255, 0.25);
    /* -webkit-overflow-scrolling: touch; */
  }
  .pc-right::-webkit-scrollbar {
    width: 4px;
    background-color: #ececec;
    border-radius: 20px;
  }
  
  .pc-right::-webkit-scrollbar-thumb {
    background-color: rgb(188 188 188);
    border-radius: 20px;
  }
  .pc-title{
    color: #F5DDE7;
    /* font-family: "A P-OTF Maru Antique+ ProN"; */
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    text-align: center;
  }
  .menu_btn{
    border-radius: 5px;
    border: 2px solid #3E4194;
    background-color: #fff;
    color: #3E4194;
    position: relative;
    display: inline-flex;
    width: 250px;
    flex-direction: row;
    flex-wrap: wrap;
    /* font-family: "A P-OTF Maru Antique+ ProN"; */
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    padding: 15px 5px;
    align-items: center;
    gap: 9px;
    position: relative;
    top: 0;
    display: block;
    box-shadow: 0 5px #3e4194;
    border-radius: 5px;
    text-decoration: none;
    transition: .2s ease-in-out;
  }
  .dli-caret-circle-fill-right {
    display: inline-block;
    vertical-align: middle;
    color: #e77ca8;
    line-height: 1;
    position: relative;
    width: 20px;
    height: 20px;
    border: 0.075em solid currentColor;
    background: currentColor;
    border-radius: 50%;
    box-sizing: content-box;
    margin-left: 6px;
  }
  .menu_btn:hover{
    opacity: 1;
    top: 5px;
    box-shadow: 0 0 #3a4193;
  }
    .dli-caret-circle-fill-right::before {
      content: '';
      color: #fff;
      width: 0;
      height: 0;
      border-style: solid;
      border-color: transparent;
      border-width: 5px 8px;
      border-left-color: currentColor;
      border-right: 0;
      transform: translateX(15%);
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      border-radius: 2px;
    }
  .menu_block_pc{
      text-align: center;
      display: inline-flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      gap: 12px;
      margin-top: 25px;
  }
  .pc-appinfo{
    background-color: #F9F9F9;
    border-radius: 20px;
    padding: 20px 35px 25px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 90px;
  }
  .pc_app_girl_img{
    position: absolute;
    content: '';
    bottom: -50px;
    right: 50px;
    width: 50px;
  }
  .title_position{
      position: absolute;
      top:-30px;
  }
  .pc-title_sub{
    font-size: 22px;
    margin-bottom: 1rem;
  }
  .appinfo_flex{
    display: flex;
    justify-content: space-evenly;
    gap: 30px;
  }
  /* .appinfo_icon{
      width: 100px;
  } */
  .appinfo_list{
    font-size: 16px!important;
    font-style: normal;
    line-height: 2.5rem;
    color: #3A4193;
    font-family: "Zen Maru Gothic", serif;
    font-weight: 900;
    font-style: normal;
  }
  .appinfo_list::before{
      content: '✔';
      margin-right: 10px;
  }
  .content_top{
      background: url(../images/pv_back.svg) no-repeat;
      background-size: contain;
      text-align: center;
      padding: 40px 7px;
  
  }
  .content_top_fukidashi{
    color: #fff;
    font-size: 18px;
    height: 45px;
    flex-shrink: 0;
    color: var(--Color-7, #FFF);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    margin-bottom: 10px;
  }
  .fcontent_top_fukidashi {
      position: relative;
      padding: 12px 16px 12px 30px;
    }
    .fcontent_top_fukidashi::before {
      content: "";
      position: absolute;
      top: -12px;
      left: 0;
      width: 100px;
      height: 1px;
      transform: rotate(-14deg);
      box-sizing: border-box;
      background-color: #fff;
    }
    .fcontent_top_fukidashi::after {
      content: "";
      position: absolute;
      bottom: -14px;
      left: 0;
      width: 120px;
      height: 1px;
      transform: rotate(14deg);
      box-sizing: border-box;
      background-color: #fff;
    }
    .fcontent_top_fukidashi > .ornament {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    .fcontent_top_fukidashi > .ornament::before {
      content: "";
      position: absolute;
      top: -10px;
      left: 0;
      width: 160px;
      height: 1px;
      transform: rotate(-12deg);
      box-sizing: border-box;
      background-color: #fff;
    }
    .fcontent_top_fukidashi > .ornament::after {
      content: "";
      position: absolute;
      bottom: -10px;
      left: 0;
      width: 160px;
      height: 1px;
      transform: rotate(12deg);
      box-sizing: border-box;
      background-color: #fff;
    }
    .content_top_title{
      color: var(--Color-7, #FFF);
      text-align: center;
      -webkit-text-stroke-width: medium;
      -webkit-text-stroke-color: var(--Color-5, #3E4194);
      /* font-family: "A P-OTF Maru Antique+ ProN"; */
      font-family: "Zen Maru Gothic", serif;
      font-size: 26px;
      font-style: oblique;
      font-weight: 900;
      line-height: 41px;
    }
    .title_orange{
      color: #F38F1F;
      /* font-family: "A P-OTF Maru Antique+ ProN"; */
      font-family: "Zen Maru Gothic", serif;
      font-size: 29px;
      font-style: normal;
      font-weight: 900;
      line-height: 44px;
    }
    .content_top_coment{
      text-align: left;
      margin: 0 8px;
      margin: 80px 8px 0px;
    }
    .coment_h3{
      color: #000;
      /* font-family: "Noto Sans"; */
      font-size: 17px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
    }
    .coment_h3-big{
      color: #3A4193;
      /* font-family: "Noto Sans"; */
      font-size: 27px;
      font-style: normal;
      font-weight: 900;
      line-height: 3rem;
    }
    .content_top_text{
      color: #000;
      font-size: 13px;
      font-style: normal;
      font-weight: 500;
      line-height: 1.8rem;
      letter-spacing: 0.165px;
    }
    .purple_bold{
      color: var(--Color-5, #3E4194);
      font-size: 16px;
      font-style: normal;
      font-weight: 800;
      line-height: 21px;
      font-family: "Zen Maru Gothic", serif;
    }
    .content_top_img{
      float: right;
      shape-margin: 1rem;
      border-radius: 100%;
      -webkit-shape-outside: ellipse();
      shape-outside: ellipse();
    }
    .menu_block{
      display: none;
    }
    .sp-safepoints_box{
      display: none;
    }
    .content_title{
      text-align: center;
      /* font-family: "Noto Sans"; */
      font-size: 21px;
      font-style: normal;
      font-weight: 900;
      line-height: 2rem;
    }
    .content_title-sub{
      font-family: "Zen Maru Gothic", serif;
      font-size: 15px;
      font-style: normal;
      font-weight: 700;
      line-height: 33px;
      text-align: center;
    }
    .report_card{
      margin-top: 60px;
    }
    .report_card:first-child{
      margin-top: 30px;
    }
    .report_title{
      display: flex;
      margin: 0;
      align-items: center;
      column-gap: 11px;
      padding-right: 7px;    margin:0;
      align-items: center;
    }
    .report_title_text{
      color: var(--Color-5, #3E4194);
      /* font-family: "Noto Sans"; */
      font-size: 14px;
      font-style: normal;
      font-weight: 900;
      line-height: normal;
    }
    .report_graph_img{
      width: -webkit-fill-available;
      border-radius: 24px;
      background: var(--Color-7, #FFF);
      box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
      margin-bottom: 30px;
    }
    .report_graph{
      margin: 30px 15px 0;
    }

    .content_title_block{
      text-align: center;
    }
    .report_search{
      text-align: center;
      margin-top: 50px;
    }
    .report_text_pink{
      color: var(--Color-4, #E77CA8);
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      position: relative;
      font-family: "Zen Maru Gothic", serif;
    }
    .report_text_pink:before,
    .report_text_pink:after {
      position: relative;
      display: inline-block;
      content: "";
      background: #E77CA8;
      width: 2px;
      height: 2em;
      margin: 0 1em;
      margin-top: -.2em;
      vertical-align: middle;
    }
     
    .report_text_pink:before {
      transform: rotate(-35deg);
    }
     
    .report_text_pink:after {
      transform: rotate(35deg);
    }
    .report_search_btn{
      border: 2px solid #3E4194;
      background-color: #fff;
      color: #3E4194;
      position: relative;
      display: inline-flex;
      width: 280px;
      flex-direction: row;
      flex-wrap: wrap;
      font-size: 16px;
      font-style: normal;
      font-weight: 900;
      padding: 14px;
      align-items: center;
      gap: 9px;
      position: relative;
      top: 0;
      display: block;
      box-shadow: 0 5px #3e4194;
      border-radius: 5px;
      text-decoration: none;
      transition: .2s ease-in-out;
      margin: 10px auto 0;
      text-align: center;
    }
    .report_search_btn:hover{
      opacity: 1;
      top: 9px;
      box-shadow: 0 0 #3a4193;
    }
    .guide_title_number{
      width: 110px;
    }
    .report_title_text{
      /* font-family: "Noto Sans"; */
      font-size: 18px;
      font-style: normal;
      font-weight: 900;
      line-height: normal;
    }
    .guide_detail{
      display: flex;
      gap: 10px;
      margin: 20px 15px 0;
    }
    .guide_img_box{
      width: 32%;
      max-width: 200px;
      position: relative;
    }
    .guide_img{
      width: -webkit-fill-available;
      z-index: 100;
      position: relative;
    }
    .check_desgin{
      text-align: center;
      color: var(--Color-3, #58B7BD);
      /* font-family: "Noto Sans"; */
      font-size: 15px;
      font-style: normal;
      font-weight: 900;
      line-height: 21px; /* 190.909% */
      position: relative;
      margin: 20px 0;
      font-family: "Zen Maru Gothic", serif;
    }
    .check_desgin::before{
      position: absolute;
      height: 3px;
      width: 30%;
      background-color: #58B7BD;
      content: '';
      left: 0;
      top: 40%;
      border-radius: 2px;
    }
    .check_desgin::after{
      position: absolute;
      height: 3px;
      width: 30%;
      background-color: #58B7BD;
      content: '';
      right: 0;
      top: 40%;
      border-radius: 2px;
    }
    .guide_btn{
      border-radius: 5px;
      border: 2px solid #3E4194;
      background-color: #fff;
      color: #3E4194;
      position: relative;
      display: inline-flex;
      width: 100%;
      flex-direction: row;
      flex-wrap: wrap;
      font-size: 13px;
      font-style: normal;
      font-weight: 900;
      padding: 15px 10px;
      align-items: center;
      gap: 9px;
      position: relative;
      top: 0;
      display: block;
      box-shadow: 0 5px #3e4194;
      border-radius: 5px;
      text-decoration: none;
      transition: .2s ease-in-out;
      margin-top: 12px;
    }
    .guide_btn:hover{
      opacity: 1;
      top: 9px;
      box-shadow: 0 0 #3a4193;
    }
    .content_guide_step{
      margin-top: 40px;
    }
    .guide_img_box::before{
      position: absolute;
      content: '';
      border-right: 2px dashed #E77CA8;
      height: 100%;
      /* z-index: -1; */
      left: 50%;
    }
    .content_guide_step:last-child .guide_img_box::before{
      content: none;
    }
    .content_guide_step:last-child .guide_img_box::after{
      content: none;
    }
    .guide_img_box::after{
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 9px 12px 9px;
      border-color: transparent transparent transparent #E77CA8;
      position: absolute;
      /* top: 0; */
      left: calc((50% - 10px));
      bottom: -13px;
      margin: auto;
      transform: rotate(90deg);
    }
    .title_font {
      display: inline-block;
      margin-bottom: 10px;
  }
  .content{
    margin-top: 80px;
  }
  .content2{
    margin-top: 110px;
  }
  
  .guide_text_box{
    width: 68%;
  }
  .app_content{
    padding: 0 15px;
  }
  .app_content{
    display: none;
  }
  .hderCenterLogo_pc{
    display: none;
  }
  .app_qr{
    border-radius: 5px;
    border: 6px solid #ffffff;
  }
  /* -------------------------------------------- */
  /* ▼タブレット用デザインとして付け足すデザイン */
  /* -------------------------------------------- */
  @media (max-width: 1362px) {

  
    .pc-right {
      margin-right: auto;
      right: initial;
    } 
    .pc-left{
      display: none;
    }
    .menu_btn{
      text-align: center;
      min-width: 176px;
      padding: 15px 2px;
      width: 47%;
    }
  
    .menu_block {
        display: block;
        text-align: center;
        display: inline-flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 6px;
        row-gap: 12px;
        margin-top: 180px;
    }
    .sp-safepoints_box{
      display: block;
      width: 100%;
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
      border-radius: 12px;
    }
    .menu_block_pc{
      display: none;
    }
    .pc-safepoints_box{
      display: none;
    }
    /* p {
      font-size: 13px;
      font-style: normal;
      font-weight: 500;
      line-height: 1.6rem;
      letter-spacing: 0.02rem;
    } */
    .pc-appinfo {
      display: flex;
      flex-direction: column;
      align-items: center;
      max-width: 500px;
      margin-top: initial;
    }
    .appinfo_icon {
      display: flex;
      justify-content: center;
      gap: 30px;
      align-items: flex-end;
    }
    .appinfo_icon > img{
      width: 80px;
    }
    .appinfo_list{
      font-size: 14px;
    }
    .appinfo_flex {
      display: flex;
      justify-content: space-evenly;
      gap: 30px;
      flex-direction: column;
    }
    .none_1362px{
      display: none;
    }
    .pc_app_girl_img{
      position: absolute;
      content: '';
      bottom: -100px;
      right: 0px;
      width: 60px;
    }
  }
  
  /* -------------------------------------------- */
  /* ▼タブレット用デザインとして付け足すデザイン */
  /* -------------------------------------------- */
  @media (max-width: 475px) {
    .sp-right{
      display: block!important;
      background-color: #fff;
      font-family: "Zen Maru Gothic", serif;
    }
    .hderCenterLogo {
      display: block;
    }
    .all_box {
      display: none;
  }
      .pc-left{
          display: none;
      }
      .pc-right {
        position: relative;
        z-index: 1;
        border-radius: 0px;
        max-width: 100%;
        min-width: 320px;
        margin: 0 auto;
        background-color: #fff;
        /* overflow: hidden; */
        top: 0px;
        margin-right: initial;
        border: 1px solid #fff;
        /* overflow: unset; */
        height: 100vh;
        box-shadow: none;
    }
      /* .all_box{
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 0 auto;
      } */
      .hderCenterLogo_pc{
          display: none;
      }
      .menu_btn{
        text-align: center;
        min-width: 176px;
        padding: 15px 2px;
        width: 47%;
        font-size: 14px;
      }
  
      .menu_block {
          display: block;
          text-align: center;
          display: inline-flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: center;
          column-gap: 6px;
          row-gap: 12px;
          margin-top: 180px;
      }
      
      .menu_block_pc{
        display: none;
    }
    p {
      font-size: 13px;
      font-style: normal;
      font-weight: 500;
      line-height: 1.6rem;
      letter-spacing: 0.02rem;
    }
    .dli-caret-circle-fill-right {
      width: 15px;
      height: 15px;
    }
    .dli-caret-circle-fill-right::before{
      border-width: 4px 6px;
    }
    .pc-right {
      border: none;
    }
  }
  @media (min-width: 1362px) {
    .content_top_coment{
      margin: 250px 8px 0px;
    }
  }
  
  @media (min-width: 850px) {
    .pc-right{
      max-width: 380px;
      margin-right: initial;
    }
    .pc-left{
      display: block;
    }
    .appinfo_list {
      font-size: 13px;
      line-height: 2rem;
    }
    .pc-left {
      left: initial; 
      top: initial;
  }
  }
  @media (max-width: 850px) {
    .app_content{
      display: block;
    }
  }
  
  /* スライダー */
  .slider{
      margin:0 auto;
      margin: 40px 0px 0;
  }
  .slider img{
      width:100%;
      box-shadow: 4px 4px 4px 0px rgba(168, 168, 168, 0.25);
      border-radius: 10px;
  }
  .slider .slick-slide{
      height:auto!important;
  }
  .slider .slick-arrow{
      z-index:2!important;
  }
  .slider .slick-next{
      right:0!important;
      margin-right: 10px;
  }
  .slider .slick-prev{
      left:0!important;
      margin-left: 10px;
  }
  .slider .slick-slide{
    margin-right: 10px!important;
    margin-left: 10px!important;
  }
  .slider_hashtag{
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 1rem 0 0.5rem 0;
    font-family: "Zen Maru Gothic", serif;
  }
  .slider_workname{
    color: var(--Color-7, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-family: "Zen Maru Gothic", serif;
  }
  .recommend_search_btn{
    border: 2px solid #3E4194;
    background-color: #fff;
    color: #3E4194;
    position: relative;
    display: inline-flex;
    width: 84%;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    padding: 14px;
    align-items: center;
    gap: 9px;
    position: relative;
    top: 0;
    display: block;
    box-shadow: 0 5px #3e4194;
    border-radius: 5px;
    text-decoration: none;
    transition: .2s ease-in-out;
    margin: 25px auto 20px;
    text-align: center;
  }
  .report_search_btn:hover{
    opacity: 1;
    top: 9px;
    box-shadow: 0 0 #3a4193;
  }
  .content_recommend_card{
    width: 100%;
    display: inline-block;
    text-align: center;
  }
  .recommend_box{
    background: url(../images/recommend_back.svg) no-repeat center center;
    background-size: cover;
    width: 100%;
    padding: 80px 0px;
  }
  .slick-prev:before, .slick-next:before{
    color: #E77CA8!important;
    opacity: inherit;
    font-size: 24px!important;
  }
  .recommend_title{
    font-size: 23px;
    font-style: normal;
    font-weight: 900;
    line-height: 2rem;
    margin-left: 10%;
  }
  .recommend_title-sub{
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
    margin-left: 10%;
    margin-top: 0.5rem;
  }
.mv_title_sub{
  position: relative;
  width: fit-content;
  padding: 0 13px 0 27px;
  margin: 0 auto;
}
.mv_title_sub::before{
  background-image: url(../images/top_mv_desgin.svg);
  background-repeat: no-repeat;
  background-size: auto;
  position: absolute;
  content: '';
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  top: 0;
  left: 0;
}
.app_icon_img{
  max-width: 310px;
  width: 100%;
  display: block;
  margin-top: 30px;
  margin: 20px auto;
}

.menu_block > .menu_btn::before{
  background-color: #e77ca8;
  line-height: 1;
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 20px;
  left: 0;
  right: 0;
  bottom: 1px;
  margin: auto;
}
.menu_block > .menu_btn::after{
  content: '';
  color: #fff;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 4px 6px;
  border-left-color: currentColor;
  border-right: 0;
  transform: rotate(90deg);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  margin: auto;
  border-radius: 2px;
}

.report_data{
  margin: 40px 15px 0;
}
.pc-safepoints_box{
  width: 100%;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
}

.safe_title{
  border-radius: 8px 8px 0px 0px;
  background: var(--Color-4, #E77CA8);
  text-align: center;
  z-index: 10;
  position: relative;
}
.safe_title_text{
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 25px;
  padding: 12px;
  line-height: 1.8rem;
}
.safe_title_textBig{
  color:  #FFF;
  font-size: 21px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.63px;
}
.safe_box{
  border-radius: 0px 0px 8px 8px;
  border: 3px solid #E77CA8;
  background: #FFF;
  z-index: 10;
  position: relative;
}
.safe_ul{
  padding: 25px 15px;
}
.safe_list_point{
  color: #172A88;
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  padding-left: 40px;
  background-image: url(../images/safepoints_mark.svg);
  background-repeat: no-repeat;
  background-size: 30px;
  background-position-y: 50%;
  margin-bottom: 5px;
}
.safe_list_mark{
  width:20px;
}
.safe_list_detail{
  color: #000;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
}
.safe_list{
  margin-top:20px;
}
.safe_list:first-child{
  margin-top:0px;
}
.oneline{
  padding: 10px 0 10px 40px;
}
.safe{
  position: relative;
  margin-top: 140px;
  padding: 0 15px;
  z-index: 10;
}
.man_img{
  content: '';
  position: absolute;
  top: -90px;
  right: 40px;
  z-index: -10;
  width: 70px;
  display: block;
}
.safe_btn{
  width: 70%;
  margin: 20px auto;
}

.scrollable-div{
  -webkit-overflow-scrolling: touch;
}
.sp-right{
  display: none;
}