@charset "utf-8";
/* CSS Document */


/*===============================

    common

================================*/
div#cont { margin: 0;}

.wrapper {
  box-sizing: border-box;
  font-family:"Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin: 20px auto 0;
  overflow:hidden;
  text-align: left;
  width: 980px;
}

@media print {
.wrapper { font-family: '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif; }
}

.header { margin: 20px 0; }

.container {
  float: left;
  width: 730px;
}

.container img { vertical-align: bottom; }



/*===============================

    project

================================*/
.p_sectionContainer {
  margin: 30px 0 50px;
}


/*
    ナビゲーション
================================*/
.pageNav {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 20px 0 30px;
}

.pageNav_item {
  font-size: 14px;
  font-weight: bold;
}

.pageNav_item > a {
  color: #333;
  display: block;
  font-size: 18px;
  padding: 0 0 5px;
  position: relative;
  text-decoration: none;
}

.pageNav_item > a.is-current { cursor: default; }

.pageNav_item > a::before,
.pageNav_item > a::after {
  border-bottom: 4px solid #0472CC;
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  width: 0;
}

.pageNav_item > a::before { left: 50%; }

.pageNav_item > a::after { right: 50%; }

.pageNav_item > a:hover::before,
.pageNav_item > a:hover::after,
.pageNav_item > a.is-current::before,
.pageNav_item > a.is-current::after {
  width: 50%;
}


/*
    見出し
================================*/
/* アイコン付き */
.p_headingTtl {
  background-image: url("../../img/business_partner/icon_hrp.jpg");
  background-position: top left;
  background-repeat: no-repeat;
  color: #0472CC;
  font-size: 20px;
  min-height: 35px;
  margin-bottom: 20px;
  padding-left: 45px;
}

/* 背景画像付き */
.p_headerGroup {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.p_headingTtl-bg {
  margin-top: 10px;
}

/* 文字だけ */
.p_headingTtl-color {
  color: #0472CC;
  font-size: 18px;
  margin-bottom: 10px;
}


/*
    メリット
================================*/
.p_meritBox {
  -ms-align-items: center;
  align-items: center;
  border-top: 1px solid #ccc;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  font-size: 14px;
  justify-content: space-between;
  padding: 20px 0;
}

.p_meritBox:last-of-type { border-bottom: 1px solid #ccc; }

.p_meritBox_contents { width: 58%; }

.p_meritBox_ttl {
  font-size: 1.2em;
  margin-bottom: 5px;
}


/*
    回答フォームとは
================================*/
.p_commentaryBox {
  border: 1px solid #5698d2;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  font-size: 12px;
  margin: 30px 0;
  padding: 30px;
}

.p_commentaryBox_inner {
  -webkit-flex: 0 1 48%;
  -moz-flex: 0 1 48%;
  -ms-flex: 0 1 48%;
  -o-flex: 0 1 48%;
  flex: 0 1 48%;
}

.p_commentaryBox_list {
  column-count: 2;
  padding-left: 1em;
  text-indent: -1em;
}



/*
    テーブル
================================*/
.p_tbl {
  border-color: #ccc;
  border-collapse: collapse;
  border-style: solid;
  border-width: 0 0 1px;
  font-size: 13px;
  width: 100%;
}

.p_tbl thead { border-bottom: 1px solid #ccc; }

.p_tbl thead th {
  font-size: 1.2em;
  font-weight: normal;
  letter-spacing: 10px;
  padding: 10px;
  text-align: center;
  text-indent: 10px;
}

.p_tbl tbody {}

.p_tbl .c_bgc {
  background-color: #018ee6;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-weight: normal;
  min-width: 146px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  width: 20%;
}

.p_tbl td {
  border-bottom: 1px solid #ccc;
  padding: 10px;
}


.p_tbl tr:last-of-type th,
.p_tbl tr:last-of-type td {
  border: none;
}

/* ATS版のテーブル */
.p_tbl-ats tbody th[rowspan] {
  border-bottom: 1px solid #ccc;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}

.p_tbl-ats thead th:first-of-type { width: 13%; }

.p_tbl-ats .c_bgc { text-align: left; }

.p_tbl-ats ul {
  font-size: .9em;
  margin: 5px 0;
}
.p_tbl-ats ul > li { display: inline-block; }


/* ※付コメント */
.c_note {
  color: #666;
  font-size: .8em;
}
/* 強調 */
.c_emphasis {
  color: #5698d2;
  /*font-weight: bold;*/
}


/*料金プランページのテーブル */
.p_priceTbl {
  border: 1px solid #333;
  border-collapse: collapse;
  font-size: 13px;
  table-layout: fixed;
  width: 100%;
}

.p_priceTbl_bgc { background-color: #eaeaea; }

.p_priceTbl th,
.p_priceTbl td{
  border: 1px solid #333;
  padding: 5px 20px;
}

.p_priceTbl thead th {
  background-color: #018ee6;
  color: #fff;
  font-weight: normal;
  text-align: center;
}
.p_priceTbl thead th:first-of-type {
background-color: #ccc;
}

.p_priceTbl thead th > span {
  display: block;
  font-size: .8em;
}

.p_priceTbl tbody th {
  font-weight: normal;
  vertical-align: middle;
}

.p_priceTbl tbody th > span {
  display: block;
  font-size: .8em;
}

.p_priceTbl_amount {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.p_priceTbl p { margin-bottom: 5px; }

.p_priceTbl ul { font-size: 12px; }

.p_priceTbl ul > li {
  padding-left: 1em;
  text-indent: -1em;
}



/*
    よくあるご質問
================================*/
.p_borderBox {
  border: 2px solid #5698d2;
  font-size: 14px;
  padding: 10px 30px;
}

.p_borderBox + .p_borderBox { margin-top: 20px; }

.p_borderBox_ttl {
  margin-bottom: 5px;
  padding-left: 2em;
  text-indent: -2em;
}

.p_borderBox_txt {
  padding-left: 2em;
  text-indent: -2em;
}

.p_borderBox_txt > span {
  font-size: .9em;
}

.p_link-banner {}

.p_link-banner a { display: block; }

.p_link-banner a:hover { opacity: .6; }

/*===============================

    component

================================*/
.c_text {}

.c_text + .c_text { margin-top: 20px; }

 /* メリット内の太文字下線 */
.c_text-point {
  border-bottom: 1px solid #333;
  font-weight: bold;
}

/* ページ最下部、注意書き */
.c_text-note {
  font-size: .8em;
}

/* 色文字 */
.c_text-color { color: #5698d2; }

/* 注意書き */
 .c_txt-caution { font-size: .8em; }

/* indent */
 .c_txtIndent {
   padding-left: 1em;
   text-indent: -1em;
 }
 
 .c_list-note {
   align-content: flex-end;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   -webkit-flex-flow: column wrap;
   -moz-flex-flow: column wrap;
   -ms-flex-flow: column wrap;
   -o-flex-flow: column wrap;
   flex-flow: column wrap;
   font-size: 13px;
   margin: 5px 0;
 }

 .c_list-note > li {
   padding-left: 1em;
   text-indent: -1em;
 }

/*ボタン*/
.btn {
  display: block;
  padding: 8px 4px;
  border-radius: 5px;
  text-align: center;
}
.btn-nav {
  width: 100%;
  background-color: #8292d6;
  color: #fff;
  font-size: 11px;
  letter-spacing: 0.05em;
}
.btn-nav:hover {
  opacity: 0.5;
}
.flexBox-nav li {
  width: 18.75%;
}
.btn-lineUp {
  background: #e4211b;
  color: #ffffff;
  width: 40%;
  margin: 0 30%;
}
.btn-lineUp:hover {
  opacity: 0.5;
}


/*===============================

    utility

================================*/
/* font-weight */
.u_fw-b { font-weight: bold; }

/* text-align */
.u_ta-c { text-align: center; }
.u_ta-r { text-align: right; }
.u_ta-l { text-align: left; }

/* float */
.u_fl-l { float: left; }
.u_fl-r { float: right; }
.u_fl-n { float: none; }

/* margin */
.u_mb5 { margin-bottom: 5px; }
.u_mb10 { margin-bottom: 10px; }

/* display */
.u_disp-sp { display: none; }

/*===============================

    ★★レスポンシブ

================================*/
@media screen and (max-width:768px) {
  .wrapper { width: 100%; }

  #cont { margin: 0 10px; }

  .container {
    float: none;
    width: 100%;
  }

}/* @media */

@media screen and (max-width:599px) {
.u_disp-sp { display: block; }
.pageNav { flex-direction: column; }
.pageNav_item { font-size: 16px; }
.pageNav_item > a::after { content: none; }
.pageNav_item > a::before { left: 0; }
.pageNav_item > a:hover::before { width: 100%; }
.p_headingTtl > br { display: none; }
.p_meritBox { flex-direction:  column; }
.p_meritBox_contents { width: 100%;margin: 30px 0; }
.p_commentaryBox { display: block; }
.p_commentaryBox_inner { min-height: 0%; }
.p_commentaryBox_inner + .p_commentaryBox_inner { margin-top: 20px; }
.p_tbl .c_bgc { min-width: auto; }
.p_tbl thead th:first-of-type{ width: 25%; }
.p_tbl-ats thead th:first-of-type { width: 22%; }
.p_tbl-ats thead th:nth-of-type(2){ width: 25%; }
.p_priceTbl { table-layout: auto; }
.p_priceTbl thead { display: none; }
.p_priceTbl tbody th { display: block;background-color: #ccc;font-weight: bold; } 
.p_priceTbl th { padding: 5px; }
.p_priceTbl td {
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 5px;
}
.p_priceTbl_amount { font-size: 1em; }
.p_priceTbl_bgc { background-color: transparent; }
.p_priceTbl td::before{
  border-bottom: 2px solid #5ac55a;
  content: attr(data-label);
  font-weight: normal;
  margin-right: 10px;
}
.p_priceTbl td[data-label*="ATS"]::before { border-bottom-color: #5698d2; }

}/* @media */