@charset "UTF-8";
/*!
 * /content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/knowledge/img/
*/
/* =========================================================
 * ページ独自部分
 * @ PAGE ORIGINAL
 * ====================================================== */
body{
  color: #11182E;
  font-size: 16px;
}
/*
main h1,main h2,main h3,main h4,main a:link{
  color: #11182E;
}
*/
img{
  vertical-align: bottom;
}
.sdpf_inner{
  width: 1180px;
  margin: 0 auto;
}

/* 背景 */
.sdpf-knowledge{
  margin: 40px 0 0;
/*  background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/knowledge/img/top_bg-pc.png) no-repeat top center / 1440px;*/
}

/* 共通タイトル */
.knowledge_title{
  margin: 67px 0 0;
  padding-left: 5px;
  font-size: 12px;
}
.knowledge_title img{
  height: 27px;
  vertical-align: bottom;
  margin-right: 5px;
}

/* カテゴリータグ */
.category_tag{
  display: inline-block;
  margin-right: 20px;
  padding: 6px;
  border: 1px solid #E2E2E2;
  border-radius: 2px;
  background: #F7F7F7;
  color: #007BBC;
  font-size: 12px;
  text-align: center;
}
.info_date{
  font-size: 14px;
}

/* リンク */
.link{
  color: #005EBC!important;
}
.link-underline{
  text-decoration: underline!important;
}
.link-arrow,
.link-pdf,
.link-blank{
  position: relative;
  font-size: 14px;
}
.link-arrow::before,
.link-pdf::before,
.link-blank::before{
  content: "";
  position: absolute;
  right: 0;
  display: inline-block;
}

.link-arrow{
  padding-right: 17px;
}
.link-arrow::before{
  top: calc(50% - 5px);
  width: 9px;
  height: 12px;
  background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/knowledge/img/arrow-right.png) no-repeat top center / contain;
}

.link-pdf{
  padding-right: 37px;
}
.link-pdf::before{
  top: calc(50% - 16px);
  width: 32px;
  height: 32px;
  background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/knowledge/img/icon_pdf.png) no-repeat top center / contain;
}

.link-blank{
  padding-right: 18px;
}
.link-blank::before{
  top: calc(50% - 6px);
  width: 13px;
  height: 12px;
  background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/knowledge/img/icon_blank.png) no-repeat top center / contain;
}



/* 共通ボックス */
.knowledge_box{
  position: relative;
  padding-bottom: 30px;
  border-bottom: 2px solid #CBCBCB;
}
.knowledge_box::after{
  position: absolute;
  bottom: -2px;
  left: 0;
  content: "";
  display: inline-block;
  width: 100px;
  height: 2px;
  background: linear-gradient(to right, #0F367D, #1785DD);
}
.knowledge_box-col{
  display: flex;
  justify-content: space-between;
}
.knowledge_box-col .knowledge_info{
  margin-top: 0;
}
.knowledge_info{
  margin: 30px 0 0;
}
.knowledge_info .category_tag{
  min-width: 102px;
}

.knowledge_ttl{
  margin: 18px 0 0;
  color: #005EBC;
  font-size: 18px;
  line-height: 1.5;
}
.knowledge_txt{
  margin: 40px 0 0;
  font-size: 14px;
  line-height: 2;
}
.knowledge_tag{
  margin: 41px 0 0;
}
.knowledge_tag span{
  margin-right: 25px;
  display: inline-block;
}

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

  .sdpf_inner{
    width: 100%;
    padding: 0 15px;
  }

  /* 背景 */
  .sdpf-knowledge{
    margin-top: 53px;
    background-size: 1012px;
  }

  /* 共通タイトル */
  .knowledge_title{
    margin-top: 59px;
    padding-left: 0;
  }

  /* 共通ボックス */
  .knowledge_info{
    margin-top: 20px;
  }
  .knowledge_ttl{
    font-size: 16px;
    line-height: 2;
  }
}
@media screen and (max-width: 480px) {
  /* 背景 */
  .sdpf-knowledge{
    background-position-x: -250px;
  }
}

/* おすすめ記事 */
.recommend_wrap{
  padding: 85px 0 0;
}
.recommend_wrap h1{
  font-size: 32px;
  text-align: left;
}


.rcmd_boxs{
  display: flex;
  justify-content: space-between;
  margin: 40px 0 0;
}
.rcmd_boxs .knowledge_box,
.rcmd_boxs .rcmd_list{
  width: 570px;
}
.rcmd_boxs .knowledge_box-rcmd_top .knowledge_ttl{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rcmd_boxs .knowledge_box-rcmd_top .knowledge_txt{
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 10em;
}

.rcmd_boxs .rcmd_list{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.rcmd_boxs .knowledge_box-col .knowledge_img{
  width: 268px;
}
.rcmd_boxs .knowledge_box-col .knowledge_txts{
  width: 275px;
}

@media screen and (max-width: 768px) {
  .recommend_wrap{
    padding-top: 57px;
  }
  .recommend_wrap h1{
    font-size: 20px;
  }
  .rcmd_boxs{
    display: block;
    margin-top: 28px;
  }
  .rcmd_boxs .knowledge_box,
  .rcmd_boxs .rcmd_list{
    width: 100%;
  }

  .rcmd_boxs .knowledge_box-rcmd_top .knowledge_ttl{
    overflow: unset;
    white-space: normal;
  }
  .rcmd_boxs .knowledge_box-rcmd_top .knowledge_txt{
    display: block;
    max-height: unset;
    overflow: unset;
  }

  .rcmd_boxs .rcmd_list,
  .rcmd_boxs .knowledge_box-col{
    display: block;
  }
  .rcmd_boxs .knowledge_box-col{
    margin-top: 40px;
    padding-bottom: 18px;
  }
  .rcmd_boxs .knowledge_box-col .knowledge_img{
    width: 100%;
  }
  .rcmd_boxs .knowledge_box-col .knowledge_txts{
    width: 100%;
  }
  .knowledge_box-col .knowledge_info{
    margin-top: 20px;
  }


}


/* 記事一覧 */
.list_wrap{
  margin: 120px 0 0;
}
.list_detail{
  display: flex;
  flex-wrap: wrap;
  margin: 35px 0 0;
}
.list_detail .knowledge_box{
  width: 366px;
  margin-right: 41px;
}
.list_detail .knowledge_box:nth-child(3n){
  margin-right: 0;
}
.list_detail .knowledge_box:nth-child(n + 4){
  margin-top: 80px;
}
.list_detail .knowledge_info{
  margin-top: 20px;
}
.knowledge_box.new .knowledge_img{
  position: relative;
}
.knowledge_box.new .knowledge_img::before{
  content: "";
  display: inline-block;
  background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/knowledge/img/new_tag.png) no-repeat top center / contain;
  width: 71px;
  height: 32px;
  position: absolute;
  left: -5px;
  top: 10px;
}

@media screen and (max-width: 768px) {
  .list_detail{
    display: block;
    margin-top: 25px;
  }
  .list_detail .knowledge_box{
    width: 100%;
    padding-bottom: 18px;
  }
  .list_detail .knowledge_box:nth-child(n + 2){
    margin-top: 40px!important;
  }
}


/* カテゴリー・おすすめのタグ */
.item_lists{
  display: flex;
  margin: 37px 0 0;
}
.item_lists .lists_ttl{
  width: 155px;
}
.item_lists .lists_ttl span{
  position: relative;
  font-size: 14px;
  padding-left: 30px;
}
.item_lists .lists_ttl span::before{
  content: "";
  display: inline-block;
  background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/knowledge/img/list_icon-category.png) no-repeat top center / contain;
  width: 22px;
  height: 19px;
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
}
.item_lists-tags .lists_ttl span::before{
  background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/knowledge/img/list_icon-tag.png) no-repeat top center / contain;
}
.item_lists .lists_list{
  width: calc(100% - 155px);
}
.item_lists-categorys{
  align-items: center;
}
.item_lists-categorys .lists_list .category_tag{
  margin-right: 3px;
  padding: 11px 22px;
  font-size: 13px;
}
.item_lists-categorys .lists_list a.active{
  background: #1A7BBC;
  border-color: #1A7BBC;
  color: #fff;
}
.item_lists-tags{
  margin: 33px 0 0;
}
.item_lists-tags .lists_list span{
  display: inline-block;
  margin: 0 18px 14px 0;
  line-height: 1.5;
}

/* ページャー */
.knowledge_pager{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 60px 0 0;
}
.knowledge_pager .pager_prev,
.knowledge_pager .pager_next{
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.knowledge_pager .pager_prev::before,
.knowledge_pager .pager_next::before{
  content: "";
  display: inline-block;
  background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/knowledge/img/arrow-left.png) no-repeat top center / contain;
  width: 8.5px;
  height: 12px;
  position: absolute;
  left: calc((100% - 8.5px) / 2);
  top: calc(50% - 6px);
}
.knowledge_pager .pager_next::before{
  background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/knowledge/img/arrow-right.png) no-repeat top center / contain;
}
.knowledge_pager .peger_num{
  display: flex;
  margin: 0 10px;
}
.knowledge_pager .peger_num .num_item a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #E2E2E2;
  border-radius: 2px;
}
.knowledge_pager .peger_num .num_item + .num_item{
  margin-left: 10px;
}
.knowledge_pager .peger_num .num_item.active a{
  border-color: #005EBC;
  background: #005EBC;
  color: #fff;
}

/* NEWS */
.news_wrap{
  padding-top: 104px;
}
.sdpf-news_items span::before{
  display: none;
}


@media screen and (max-width: 768px) {
  /* カテゴリー・おすすめのタグ */
  .item_lists{
    display: block;
  }
  .item_lists .lists_ttl{
    width: 100%;
  }
  .item_lists .lists_list{
    width: 100%;
    margin: 20px 0 0;
  }
  .item_lists-categorys .lists_list a{
    margin-bottom: 5px;
  }

  /* ページャー */
  .knowledge_pager{
    margin-top: 40px;
  }

  /* NEWS */
  .news_wrap{
    padding-top: 120px;
  }

}



/* 詳細ページ */
/* TOP */
.sdpf-contents{
  padding: 15px 0 0;
}

/* 日付 */
.contents_section .contents_date{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contents_section .contents_date .knowledge_info{
  margin: 0;
}
.contents_section .contents_date .category_tag{
  padding: 8px 24px;
  font-size: 14px;
}
.contents_section .contents_date .info_date{
  font-size: 16px;
}

/* SNSエリア */
.contents_section .contents_date .sns_link{
  display: flex;
}
.contents_section .contents_date .sns_link .btn-print{
  cursor: pointer;
}
.contents_section .contents_date .sns_link li{
  width: 44px;
}
.contents_section .contents_date .sns_link li + li{
  margin-left: 20px;
}

/* 目次 */
.contents_area{
  margin: 40px 0 0;
  padding: 30px;
  background: #F4F4F4;
}
.contents_area .contents_ttl{
  font-size: 20px;
}
.contents_area .contents_list{
  margin: 30px 0 0;
}
.contents_area .contents_list .list_item{
  margin-top: 15px;
}
.contents_area .contents_list a{
  position: relative;
  display: inline-block;
  padding-left: 17px;
  color: #005EBC;
  text-decoration: underline;
}
.contents_area .contents_list a:before{
  content: "・";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

/* 見出し */
.sdpf-contents .main_ttl{
  margin: 20px 0 0;
  font-size: 32px;
  text-align: left;
}
.sdpf-contents .primary_ttl{
  margin: 58px 0 0;
  font-size: 24px;
}
.sdpf-contents .secondary_ttl{
  font-size: 20px;
  margin: 55px 0 0;
}
.sdpf-contents .contents_txt + .tertiary_ttl{
  margin-top: 85px;
}
.sdpf-contents .secondary_ttl + .tertiary_ttl{
  margin-top: 28px;
}
.sdpf-contents .contents_txt + .secondary_ttl{
  margin-top: 80px;
}
.sdpf-contents .tertiary_ttl:not(:first-of-type){
  margin: 50px 0 0;
}
.sdpf-contents .tertiary_ttl-top_circle{
  position: relative;
  padding-left: 10px;
}
.sdpf-contents .tertiary_ttl-top_circle::before{
  position: absolute;
  top: calc(50% - 3px);
  left: 0;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #11182E;
}


/* 画像周り */
.contents_img{
  margin: 60px 0 0;
}
.contents_img + .contents_txt{
  margin-top: 52px;
  line-height: 2.4;
}
.contents_txt + .contents_img{
  margin: 90px 0 0;
}



/* 本文 */
.sdpf-contents .knowledge_box{
  padding-bottom: 85px;
}
.sdpf-contents .contents_txt{
  font-size: 16px;
  line-height: 2;
}
.sdpf-contents .primary_ttl + .contents_txt{
  margin-top: 30px;
}
.sdpf-contents .secondary_ttl + .contents_txt{
  margin-top: 25px;
}
.sdpf-contents .tertiary_ttl + .contents_txt{
  margin: 25px 0 0;
  line-height: 2.2;
}
.sdpf-contents .contents_flex-pc{
  display: flex;
  justify-content: space-between;
  margin: 25px 0 0;
}
.sdpf-contents .contents_flex-pc .contents_txts,
.sdpf-contents .contents_flex-pc .contents_img{
  width: calc(50% - 20px);
  margin: 0;
}
.sdpf-contents .contents_flex-pc .contents_txt + .contents_txt{
  margin-top: 40px;
}
.sdpf-contents .contents_flex-pc + .contents_txt{
  margin-top: 45px;
}


/* タグエリア */
.knowledge_tag-detail{
  margin-top: 18px;
  font-size: 14px;
}


/* ページャー */
.contents_pager{
  display: flex;
  justify-content: center;
  margin: 90px 0 0;
}
.contents_pager .pager_item{
  position: relative;
  width: 400px;
  padding: 22px 25px;
  border: 1px solid #CBCBCB;
  border-radius: 2px;
}
.contents_pager .pager_item::before{
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
}
.contents_pager .pager_item-prev{
  padding-left: 50px;
}
.contents_pager .pager_item-next{
  margin-left: 20px;
  padding-right: 50px;
}
.contents_pager .pager_item .item_ttl{
  color: #005EBC;
}
.contents_pager .pager_item .item_txt{
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.contents_pager .pager_item-prev::before,
.contents_pager .pager_item-next::before{
  content: "";
  display: inline-block;
  background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/knowledge/img/arrow-left.png) no-repeat top center / contain;
  width: 8.5px;
  height: 12px;
  position: absolute;
  top: calc(50% - 6px);
}
.contents_pager .pager_item-prev::before{
  left: 18px;
}
.contents_pager .pager_item-next::before{
  right: 18px;
  background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/knowledge/img/arrow-right.png) no-repeat top center / contain;
}

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

  /* TOP */
  .sdpf-contents{
    padding-top: 20px;
  }

  /* 日付 */
  .contents_section .contents_date{
    align-items: flex-start;
    flex-direction: column-reverse;
  }
  .contents_section .contents_date .knowledge_info{
    margin-top: 20px;
  }
  .contents_section .contents_date .sns_link{
    width: 100%;
    justify-content: flex-end;
  }
  .contents_section .contents_date .sns_link li + li{
    margin-left: 10px;
  }

  /* 目次 */
  .contents_area{
    margin-top: 160px;
  }

  /* 見出し */
  .sdpf-contents .main_ttl{
    font-size: 24px;
  }
  .sdpf-contents .primary_ttl{
    margin-top: 60px;
    line-height: 1.3;
  }
  .sdpf-contents .secondary_ttl{
    margin-top: 85px;
  }
  .sdpf-contents .tertiary_ttl{
    line-height: 1.5;
  }
  .sdpf-contents .tertiary_ttl:not(:first-of-type){
    margin-top: 120px;
  }
  .sdpf-contents .secondary_ttl + .tertiary_ttl{
    margin-top: 25px;
  }
  .sdpf-contents .tertiary_ttl-top_circle::before{
    top: calc(.5em + 2px);
  }

  /* 画像周り */
  .contents_img{
    margin-top: 75px;
  }
  .contents_txt + .contents_img{
    margin-top: 120px;
  }
  .contents_img + .contents_txt{
    margin-top: 20px;
  }


  /* 本文 */
  .sdpf-contents .contents_flex-pc{
    flex-direction: column;
  }
  .sdpf-contents .contents_flex-pc .primary_ttl,
  .sdpf-contents .contents_flex-pc .secondary_ttl{
    order: 2;
  }
  .sdpf-contents .contents_flex-pc .contents_txts,
  .sdpf-contents .contents_flex-pc .contents_txt,
  .sdpf-contents .contents_flex-pc .contents_img{
    width: 100%;
  }
  .sdpf-contents .contents_flex-pc .contents_txts{
    order: 3;
    margin-top: 20px;
  }
  .sdpf-contents .contents_flex-pc .contents_txt{
    line-height: 2.2;
  }
  .sdpf-contents .contents_flex-pc .contents_img{
    order: 1;
    margin-top: 35px;
    text-align:center;
  }


  /* ページャー */
  .contents_pager{
    margin-top: 125px;
  }
  .contents_pager .pager_item{
    width: 100%;
    padding: 18px 15px;
  }
  .contents_pager .pager_item .item_ttl{
    text-align: center;
  }
  .contents_pager .pager_item .item_ttl span{
    position: relative;
    display: inline-block;
  }
  .contents_pager .pager_item .item_ttl span::before{
    content: "";
    display: inline-block;
    width: 8.5px;
    height: 12px;
    position: absolute;
    top: calc(50% - 6px);
  }

  .contents_pager .pager_item-prev .item_ttl span{
    padding-left: 15px;
  }
  .contents_pager .pager_item-prev .item_ttl span::before{
    background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/knowledge/img/arrow-left.png) no-repeat top center / contain;
    left: 0;
  }
  .contents_pager .pager_item-next .item_ttl span{
    padding-right: 15px;
  }
  .contents_pager .pager_item-next .item_ttl span::before{
    background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/knowledge/img/arrow-right.png) no-repeat top center / contain;
    right: 0;
  }
  .contents_pager .pager_item .item_txt{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 10em;
    white-space: normal;
    text-overflow: unset;
    margin: 5px 0 0;
  }

  .contents_pager .pager_item-prev::before,
  .contents_pager .pager_item-next::before{
    display: none;
  }

}



/* データ加工関連サービス */
.related_block{
  margin: 120px 0 0;
  padding: 50px 0 115px;
  background: #F4F4F4;
}
.related_block .services_list{
  display: flex;
  justify-content: space-between;
  margin: 37px 0 0;
}
.related_block .services_list .list_item{
  display: flex;
  align-items: center;
  width: calc((100% - 60px) / 5);
  background: #fff;
  padding: 15px 18px;
}
.related_block .services_list .list_item .item_img{
  width: 50px;
  margin-right: 10px;
}
.related_block .services_list .list_item .item_txt{
  width: calc(100% - 60px);
  font-size: 14px;
}
.related_block .services_list + .knowledge_title{
  margin-top: 120px;
}

@media screen and (max-width: 768px) {
  .related_block{
    margin-top: 60px;
    padding-bottom: 55px;
  }
  .related_block .knowledge_title:first-of-type{
    margin-top: 0;
  }
  .related_block .knowledge_title:first-of-type img{
    display: block;
    margin-bottom: 15px;
  }

  .related_block .services_list{
    margin-top: 30px;
    flex-wrap: wrap;
  }
  .related_block .services_list .list_item{
    width: calc(50% - 10px);
  }
  .related_block .services_list .list_item:nth-child(n + 3){
    margin-top: 15px;
  }
  .related_block .services_list + .knowledge_title{
    margin-top: 60px;
  }
  
}


/* 関連記事 */
.swiper_wrap{
  position: relative;
}
.swiper_related{
  margin: 37px 0 0;
}
.swiper_related .swiper-slide{
  height: auto;
}
.swiper_related .related_box{
  display: flex;
  height: 100%;
  padding: 20px 23px;
  background: #fff;
}
.swiper_related .related_box .knowledge_img{
  width: 240px;
}
.swiper_related .related_box .knowledge_txts{
  width: calc(100% - 240px);
  padding-left: 20px;
}
.swiper_related .related_box .knowledge_txts .knowledge_info{
  margin: 0;
}
.swiper_wrap .slider-control__back,
.swiper_wrap .slider-control__next{
  cursor: pointer;
}
.swiper_wrap .slider-control__back::before,
.swiper_wrap .slider-control__next::before{
  content: "";
  display: inline-block;
  width: 18px;
  height: 28px;
  position: absolute;
  top: calc(50% - 14px);
}
.swiper_wrap .slider-control__back::before{
  background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/knowledge/img/swiper_arrow-prev.png) no-repeat top center / contain;
  left: -36px;
}
.swiper_wrap .slider-control__next::before{
  background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/knowledge/img/swiper_arrow-next.png) no-repeat top center / contain;
  right: -36px;
}

.link_box{
  margin: 55px 0 0;
}
.arrow_link{
  position: relative;
  padding-left: 50px;
  color: #1660B9!important;
  font-size: 14px;
}
.arrow_link::before{
  content: "";
  display: inline-block;
  background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/knowledge/img/arrow-left.png) no-repeat top center / contain;
  width: 8.5px;
  height: 12px;
  position: absolute;
  left: 0;
  top: calc(50% - 6px);
}

@media screen and (max-width: 768px) {
  .swiper_related .related_box{
    display: block;
    padding: 14px 13px;
  }
  .swiper_related .related_box .knowledge_img{
    width: 100%;
  }
  .swiper_related .related_box .knowledge_ttl{
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 1.8;
  }
  .swiper_related .related_box .knowledge_txts{
    width: 100%;
    margin-top: 10px;
    padding: 0;
  }

  .swiper_wrap .slider-control__back::before,
  .swiper_wrap .slider-control__next::before{
    z-index: 10;
    width: 9px;
    height: 14px;
  }
  .swiper_wrap .slider-control__back::before{
    left: -6px;
  }
  .swiper_wrap .slider-control__next::before{
    right: -6px;
  }




}


/* プリントアウト用設定 */
@media print{
  header,
  footer,
  .add_menu,
  .BackToTop{
    display: none;
  }
  .service_kobetsu{
    padding-top: 0!important;
  }
  .sdpf_inner{
    width: 100%;
  }

  /* swiper */
  .slider-control__back,
  .slider-control__next{
    display: none;
  }
  .related_block .sdpf_inner{
    padding: 0 20px;
  }
  .swiper_related .swiper-slide{
    width: calc(50% - 10px);
  }
  .swiper_related .swiper-slide + .swiper-slide{
    margin-left: 20px;
  }

}





/* =========================================================
 * 追記
 * ====================================================== */
.contents_txt{
  margin:0 0 30px;
}
.decimal{
    list-style-type:decimal;
    margin:0 0 2em 2em;
}
.disc{
    list-style-type:disc;
    margin:0 0 2em 2em;
}
.nothing{
    list-style-type:none;
    margin:0;
}
.decimal li,
.disc li,
.nothing li{
    margin:1em 0;
    font-size:16px;
}
.block-line{
    border-top:1px solid #CBCBCB;
}
/*長いURLの文字折り返し*/
a{
    word-break: break-all;
}
/*テーブル*/
table th,table td {
    line-height: 1.5;
    font-size: 16px;
}

.pd0{padding:0 !important;}
.bt-none{border-top:none;}
.bb-none{border-bottom:none;}
.bl-none{border-left:none;}
.br-none{border-right:none;}

/* リンク */
.sdpf-home-link-box{
  margin: 55px 0 0;
}
.sdpf-home-link-grad{
  /*display: inline-block;*/
  display: block;
  padding: 13px 50px;
  border-radius: 2px;
  background: linear-gradient(to right, #0F367D, #1785DD);
  color: #fff!important;
  /*font-size: 14px;*/
  font-size: 16px;
  /*line-height: 1;*/
  line-height: 1.3;
  text-align: center;
}
.sdpf-home-link-arrow{
  position: relative;
}
.sdpf-home-link-arrow::after{
  position: absolute;
  /*top: calc(50% - 5px);*/
  top: calc(50% - 3px);
  right: 18px;
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.sdpf-home-link-arw{
  position: relative;
  padding-right: 25px;
  color: #005EBC;
}
.sdpf-home-link-arw::after{
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #165EBC;
  border-right: 2px solid #165EBC;
}

@media screen and (max-width: 768px) {
  .sdpf-home-link-box{
    margin-top: 50px;
  }
  .sdpf-home-link-grad{
    /*padding: 13px 65px;*/
    padding: 13px 35px 13px 15px;
  }
}
/*改行*/
@media screen and (max-width: 480px) {
	.only_pc{ display:none; }
}