@charset "utf-8";
/* CSS Document */
.r-mein {
  float: left; /* 回り込み指定 */
  width: 72%; /* 幅指定 */
  margin: 1px 10px 10px 10px; /* 周りの余白指定 */
}
.r-box2 {
  float: left; /* 回り込み指定 */
  /*height: 150px;              /* 高さ指定 */
  width: 25px; /* 幅指定 */
}
#dl_center dt {
  margin-right: 20px;
}
.titel_op {
  font-size: 24px;
  font-weight: normal;
  color: #0F0E3D;
  text-decoration: none;
  padding-left: 40px;
  margin: 10px 0 0 10px;
  height: 35px;
  background-image: url(/jp/support/cs/digital/oocpn/img/index_ttl_icon.jpg);
  background-repeat: no-repeat;
}
#dl_center2 {
  margin: 0 0px 15px 16px;
  width: 100%;
}
.sss {
  width: 94%;
  margin: 10px 10px 10px 10px;
  background-color: #F5F5F5;
  border: solid 1px #CCCCCC;
  padding: 10px;
}
#list_in {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 1px;
}
#list_ul_in {
  margin: 0px 0px 0px 0px;
  padding: 1px;
}
.sp_fix {
  display: flex;
  clear: both;
}
#sp_30 {
  margin-top: -30px;
}
#sp_img20 {
  display: flex;
}
#sev_cont {
  margin-bottom: 10px;
}
.sub_nagare {
  text-align: left;
  border-bottom: 2px dotted;
  margin: 20px 0px 0px 0px;	
 }


#lin_d3 {
  margin-top: -10px;
}
#h1_sp {}
#h1_sp {
  text-align: left;
}
.content2 {
  padding: 5px 10px;
}
.img_cl {
  max-width: 100%;
  height: auto;
}
.img_cnt {
  text-align: center;
}
.img_clb {
  max-width: 100%;
  height: auto;	
  border: solid 1px #BEBEBE; /* 色：グレー */
  margin: 10px 10px 5px 10px; /* 周りの余白指定 */	
}
.img_cl50 {
  max-width: 50%;
  height: auto;	
}
.txt_10 {
  padding: 0px 0px 0px 10px;
}
.txt_20 {
  padding: 0px 0px 0px 20px;
}
.ul_ind {
  margin: 8px;
  padding: 10px;
  list-style: none;
}
.li_ind {
  list-style: none;
  margin: 0px;
  text-indent: -1em;
}
.end {
  clear: both;
}
.img_g {
  margin-top: 90px;
}
.img_g2 {
  margin-top: 157px;
}
.img_g3 {
  padding-top: -20px;
}
.oto_sp {
  margin-top: 40px;
}
.sub_text_style01 {
  font-size: 22px;
}
.sub_text_style02 {
  font-size: 20px;
}
#pcne {
  margin-top: -20px;
}
#pcne_b {
  margin-top: -10px;
}
#title_f {
  font-size: 17px;
}
.tyu_2 {
  margin-top: -8px;
  margin-left: 40px;
}
@media (max-width: 770px) {
  #marg-t {
    margin-top: -35px;
  }
  .img_g {
    margin-top: 0px;
  }
  .img_g2 {
    margin-top: 157px;
  }
  #title_f {
    font-size: 17px;
  }
  .tyu_2 {
    margin-top: -8px;
    margin-left: 40px;
  }
}
/*★★★★★横幅が600px～767px時★★★★★*/
@media (min-width:600px) and (max-width:767px) {
  #h1_sp {
    width: 100%;
    text-align: left;
  }
  .r-mein {
    float: left; /* 回り込み指定 */
    width: 100%; /* 幅指定 */
    margin: 1px 10px 10px 10px; /* 周りの余白指定 */
  }
  .r-box2 {
    float: left; /* 回り込み指定 */
    width: 250px; /* 幅指定 */
  }
  #title_cl {
    margin-top: -40px;
  }
  #sp_90_2 {
    margin-top: 30px;
  }
  .img_g {
    margin-top: 0px;
  }
  .img_g2 {
    margin-top: 157px;
  }
  #title_f {
    font-size: 17px;
  }
  .tyu_2 {
    margin-top: 5px;
    margin-left: 0px;
  }
}
@media (max-width: 599px) {
  .r-mein {
    float: left; /* 回り込み指定 */
    width: 100%; /* 幅指定 */
    margin: 1px 1px 1px 10px; /* 周りの余白指定 */
  }
  .r-box2 {
    float: left; /* 回り込み指定 */
    width: 250px; /* 幅指定 */
  }
  #lin_d {
    margin-top: 35px;
  }
  #lin_d2 {
    margin-top: 70px;
  }
  #lin_d3 {
    margin-top: 20px;
  }
  #sp_90 {
    width: 98%;
  }
  #sp_90_2 {
    width: 98%;
    margin-top: 20px;
  }
  #sp_img20 {
    display: flex;
    margin-bottom: 20px;
    margin-top: -15px;
  }
  .sss {
    width: 94%;
    margin: 10px 10px 10px 10px;
    background-color: #F5F5F5;
    border: solid 1px #CCCCCC;
    padding: 2px;
  }
  #list_in {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 1px;
  }
  #list_ul_in {
    margin: 0px 0px 0px 0px;
    padding: 10px;
  }
  #kiyaku_sp {
    margin-bottom: 40px;
  }
  #title_cl {
    margin-top: -40px;
  }
  .img_g {
    margin-top: 20px;
  }
  .img_g2 {
    margin-top: 20px;
  }
  #title_f {
    font-size: 16px;
  }
  .tyu_2 {
    margin-top: 5px;
    margin-left: 0px;
  }
  .sub_text_style01 {
    font-size: 18px;
  }
  .sub_text_style02 {
    font-size: 16px;
  }
}