.page_title h2 {
  font-size: 58px;
  color: #050707;
  font-weight: bold;
  margin: 50px 0 0 0;
  text-align: center;
  }
  td{
    box-sizing: border-box;
  }

  .tabs {
    margin-top: 50px;
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
  }

  /*タブのスタイル*/
  .tab_item {
    width: 139px;
    height: 60px;
    background-color: #ffffff;
    line-height: 60px;
    font-size: 18px;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    text-align: center;
    transition: all 0.2s ease;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    border: 1px solid #cfd2df;
    background-color: white;
    margin-right: 2px;
    position: relative;
    top: 1px;
  }


  .tab_item:hover {

  }

  .tab_item:hover {
      background-color: #0061D5;
      color: #fff;
  }

  /*ラジオボタンを全て消す*/
  input[name="tab_item"] {
    display: none;
  }


  /*タブ切り替えの中身のスタイル*/
  .tab_content {
    display: none;
    clear: both;
    overflow: hidden;
  }


  /*選択されているタブのコンテンツのみを表示*/
  #y2025:checked ~ #y2025_content,
  #y2024:checked ~ #y2024_content,
  #y2023:checked ~ #y2023_content,
  #y2022:checked ~ #y2022_content,
  #y2021:checked ~ #y2021_content,
  #y2020:checked ~ #y2020_content {
    display: block;
  }

  /*選択されているタブのスタイルを変える*/
  .tabs input:checked + .tab_item {
    background-color: #e3e5ee;
    color: #555;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #e3e5ee;
    position: relative;
    top: 1px;
  }



.tab_content_description{
  overflow: auto;
  white-space: nowrap;
  width:100%;
}


  .imoji {
     margin: 0 0 5px;
     font-size: 18px;
     line-height: 24pt;
     padding: 0;
     font-weight: 100;
  }

  .imoji::before {
     content: "▶";
     display: inline-block;
     color: #f98d00;
     font-size: 20px;
     position: relative;
     left: -1px;
     top: 1px;
     margin-right: 5px;
  }


  .title_b_p {
    font-size: 27px;
    color: #757474;
    line-height: 32px;
    text-align: center;
    padding-top: 15px;
  }

  .blue_h3_title {
     padding: 0 0 5px;
     color: #0078c7;
     border-left: 5px solid #0078c7;
     margin-bottom: 12px;
     font-size: 29px;
     color: #062f62;
     margin-top: 70px;
     border-bottom:none;
  }

  .about_tit_bold2 {
     margin: 1px 0;
     font-size: 34px;
     color: #062f62;
     line-height: 1.3;
     display: flex;
     align-items: center;
     justify-content: flex-start;
     position: relative;
     left: 15px;
     bottom: -3px;
  }

  .td_year_month{
   width:16%;
   border-image: linear-gradient(to bottom, #ffffff00 5%, #c2c2c2 100%);
   border-image-slice: 1;
   padding:20px;
   text-align: center;
  }



  .td_web, .td_dns, .td_api, .td_db, .td_storage, .td_sla{
  border-right: 1px solid;
  border-image: linear-gradient(to bottom, #ffffff00 5%, #c2c2c2 100%);
  padding: 20px 20px 14px;
  }

  .td_report_cont{
   width:14%;
   text-align: center;
  }

  .td_month_title {
     /* border-right: 1px solid; */
  }


  .gr14_sla{
   font-size: 18px;
   line-height: 17pt;
   color: #555555;
  }


  .occupancy_rate_td1{
  width:30%;
  text-align: center;
  }

  .occupancy_rate_td2{
  width:70%;
  text-align: center;
  }



  .cont-ma-sample-title {
    font-size: 17px;
    color: #444;
    font-weight: bold;
    line-height: 20px;
    font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", " Pro W3", "Meiryo", "MS PGothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
    padding: 12px 10px 4px 8px;
}


a.lp-urllink-blue {
    font-size: 18px;
    color: #0054a6;
    font-weight: normal;
    line-height: 36px;
    font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", " Pro W3", "Meiryo", "MS PGothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}


.imoji_link_icon{
  vertical-align: middle;
  padding-bottom: 3px;
  padding-left: 0px;
  width: 1.3%;
}


.sla_link_area{
  padding:5px 0px 0px 0px;
}


.introduction_cta {
    margin: 40px 0 5px 0px;
    width: 100%;
}



a.point_url_link {
    font-size: 18px;
    color: #0054a6;
    font-weight: normal;
    line-height: 22px;
    vertical-align: middle;
    background: transparent url(/images/type_arrow_oran1.png) no-repeat scroll left center;
    padding-left: 20px;
    padding-top: 0px;
    text-decoration: none;
    text-align: right;
    float: right;
    padding-right: 5px;
    margin-top: 3px;
}


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




.wrap_top{
          margin-top: 5.8rem !important;
}


.blue_h3_title{
    margin-top: 55px;
}


  .page_title h2 {
      font-size: 37px;
}

.title_b_p {
    font-size: 20px;
    color: #757474;
    line-height: 25px;
    text-align: center;
    margin-top: 6px;
}



.about_tit_bold2{
      font-size: 27px !important;
}

.tab_item{
    width: 16.3%;
    font-size: 17px;
}

.td_report_cont{
    padding: 20px;
}

.td_year_month{
    padding: 10px;
}


.td_month_title{
      border-right: none;
}



.gr14_sla {
    font-size: 15px;
  }

.occupancy_rate_td1{
width:50%;
text-align: center;
}

.occupancy_rate_td2{
width:50%;
text-align: center;
}




.cont-ma-sample-title{

}

.cont-ma-sample-title li{
  text-indent: -15px;
  padding-left: 15px;
  padding-bottom: 7px;
}


.cont-ma-sample-title li:nth-child(1){
  padding-bottom: 0px;
}


a.lp-urllink-blue{
    font-size: 14px;
    line-height: 25px;
}


.imoji {
  margin: 0 15px 0px;
font-size: 16px;
  }


  .imoji::before {
      content: "▶";
      display: inline-block;
      color: #f98d00;
      font-size: 13px;
      position: relative;
      left: 1px;
      top: -1px;
      margin-right: 5px;
  }

.imoji_link_icon{
  vertical-align: middle;
  padding-bottom: 1px;
  padding-left: 0px;
    width: 4%;
}


.sla_link_area{
height: 34px;
}


.scroll-hint-icon{
  height: 85px !important;
}

.introduction_cta {
    margin: 20px 0 5px 0px;
    width: 100%;
}


a.point_url_link{
  font-size: 14px;
}



}