@charset "UTF-8";
/*//////////////////////////////////////////////////

    ソーシャルポリシー

//////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////

	変数設定

//////////////////////////////////////////////////*/
/*===============================
// ブレイクポイント変数
/==============================*/
/*===============================
// カラー変数
/==============================*/
/*===============================
// フォント変数
/==============================*/
/*===============================
// フォントサイズ変数
/==============================*/
/*===============================
// トランジション
/==============================*/
/*//////////////////////////////////////////////////

	mixin設定

//////////////////////////////////////////////////*/
/*===============================
// ブレイクポイントの設定
/==============================*/
/*===============================
// 横幅の設定
// @include w_box(横幅にしたい数値) デフォルト1200px
/==============================*/
/*===============================
// 文字サイズの可変設定
// @include font(最小フォントサイズ, 最大フォントサイズ, 最小ブラウザサイズ, 最大ブラウザサイズ);
/==============================*/
/*===============================
// 文字サイズの可変を呼び出し
/==============================*/
/*===============================
// 表示切り替え設定
/==============================*/
/*===============================
// 文字行間の可変設定
// @include l_height(line-height,font-size);
/==============================*/
/*===============================
// 文字間隔の可変設定
// @include l_space(サイズ);
/==============================*/
/*===============================
// marginの可変設定
// @include margin(横幅, 上, 右, 下, 左);
/==============================*/
/*===============================
// paddingの可変設定
// @include padding(横幅, 上, 右, 下, 左);
/==============================*/
/*===============================
// positionの自動設定
// @include center(xy);上下左右中央
// @include center(x);左右中央
// @include center(y);上下中央
/==============================*/
/*===============================
// flexの自動設定
// @include flex_wrap;
/==============================*/
/*===============================
// flexの自動設定：align-items
// @include items(center);
// @include items(stretch);
// @include items(start);
// @include items(end);
/==============================*/
/*===============================
// flexの自動設定：justify-content
// @include justify(between);
// @include justify(center);
// @include justify(start);
// @include justify(end);
/==============================*/
/*===============================
// flex要素の幅設定
// @include flex_box(サイズ＆単位);　デフォルト48%
/==============================*/
/*===============================
// box-sizingの設定
// @include box;
/==============================*/
/*===============================
// ベンダープレフィックス設定
// @include prefix(border-radius, 10px);
/==============================*/
/*===============================
// 値にプレフィックスを付与
// @include value_prefix(display, flex);
/==============================*/
/*===============================
// border生成
// @include border(full);四方 デフォルト 1px solid
// @include border(top);上線 デフォルト 1px solid
// @include border(bottom);下線 デフォルト 1px solid
// @include border(left);左線 デフォルト 1px solid
// @include border(right);右線 デフォルト 1px solid
/==============================*/
/*===============================
// 角丸の設定
// @include radius(角丸のサイズ); デフォルト4px
/==============================*/
/*===============================
// 円の生成
// @include circle(円のサイズ);
/==============================*/
/*===============================
// 円の生成：可変
// @include v_circle; 親要素に横幅指定必須
/==============================*/
/*===============================
// くの字矢印の生成
// @include arrow(三角のサイズ,線の太さ); デフォルト4px,1px
/==============================*/
/*===============================
// 三角の生成
// @include triangle(向き,三角のサイズ,色);
/==============================*/
/*===============================
// 背景画像の生成
// @include back_image("画像パス");
/==============================*/
/*===============================
// グラデーションの生成
// @include gradient("最初の色,最後の色");
/==============================*/
/*===============================
// 文字の位置設定
// @include t_align(center);
// @include t_align(left);
// @include t_align(right);
/==============================*/
/*===============================
// object-fit設定
// @include ofi(contain);
// @include ofi(cover);
/==============================*/
#page_head {
  background-image: url("/img/policy/page_head_sp.png");
}

#page_contents .m-inner {
  width: 85.5%;
  padding: 5rem 2.2rem;
}

.site_top {
  margin-bottom: 3em;
  font-size: 1.5rem;
  line-height: 2em;
  letter-spacing: 0;
  word-break: break-all;
}

.site_box {
  padding: 3rem 0;
  font-size: 1.5rem;
  border-top: 1px solid #000000;
}
.site_box .site_ttl,
.site_box .site_txt,
.site_box .site_number,
.site_box .site_point {
  font-size: 1.5rem;
  word-break: break-all;
}
.site_box .site_ttl a,
.site_box .site_txt a,
.site_box .site_number a,
.site_box .site_point a {
  display: inline;
  font-weight: 700;
  text-decoration: underline;
  color: #06416F;
}
.site_box .site_ttl {
  margin-bottom: 0.8em;
  font-weight: 700;
  line-height: 1;
  text-align: left;
  color: #06416F;
}
.site_box .site_txt:nth-of-type(n+2) {
  margin-top: 1.25em;
}
.site_box .site_number {
  padding-left: 1.5rem;
}
.site_box .site_number > li {
  box-sizing: border-box;
  text-indent: -1.5rem;
}
.site_box .site_number > li + li {
  margin-top: 1.5rem;
}
.site_box .site_point {
  line-height: 1.8em;
}
.site_box .site_point > li {
  margin-top: 0;
  padding-left: 2rem;
  box-sizing: border-box;
  text-indent: 0;
  position: relative;
}
.site_box .site_point > li::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #000000;
  position: absolute;
  top: 0.75em;
  left: 0.5em;
}
.site_box.b_none {
  padding-top: 0;
  border-top: none;
}

/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) {
  #page_head {
    background-image: url("/img/privacy/page_head.png");
  }

  #page_contents .m-inner {
    width: 94rem;
    padding: 5rem 7rem 10rem;
  }

  .site_top {
    margin-bottom: min(2.03125vw, 26px);
    font-size: 1.6rem;
    line-height: 1.8378em;
  }

  .site_box {
    padding: 3rem 0;
    font-size: 1.6rem;
  }
  .site_box .site_ttl,
  .site_box .site_txt,
  .site_box .site_number,
  .site_box .site_point {
    font-size: 1.6rem;
  }
  .site_box .site_ttl {
    margin-bottom: 1.6rem;
  }
  .site_box .site_number {
    padding-left: 5rem;
    line-height: 2.4534em;
    box-sizing: border-box;
  }
  .site_box .site_number > li + li {
    margin-top: 2.45rem;
  }
  .site_box .site_point {
    line-height: 2em;
    box-sizing: border-box;
  }
  .site_box .site_point li {
    padding-left: 2.7rem;
  }
  .site_box .site_point li::before {
    width: 0.7rem;
    height: 0.7rem;
    top: 1.25rem;
    left: 0.5rem;
  }
}