@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400, medium: 500, bold: 700 */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400 */
/*@mixin font-deco {
	font-family: "Fuggles", cursive;
	font-weight: 400;
	font-style: normal;
}*/
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 縦書き */
/* 内径 */
/* privacy
---------------------------------------------------------------------------*/
.privacy {
  position: relative;
  width: 1100px;
  margin: 0 auto;
  padding-bottom: 130px; }
  @media screen and (max-width: 1300px) {
    .privacy {
      width: 84.6153846154vw;
      padding-bottom: 10vw; } }
  @media screen and (max-width: 480px) {
    .privacy {
      width: 88vw;
      padding-bottom: 21.3333333333vw; } }
  .privacy::before, .privacy::after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: -1; }
  .privacy::before {
    width: 522px;
    height: 533px;
    left: -342px;
    top: -230px;
    background-image: url(../img/privacy-policy/deco01.png); }
    @media screen and (max-width: 1300px) {
      .privacy::before {
        width: 40.1538461538vw;
        height: 41vw;
        left: -26.3076923077vw;
        top: -17.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .privacy::before {
        width: 68.2666666667vw;
        height: 66.9333333333vw;
        top: -36.5333333333vw;
        left: -21.8666666667vw; } }
  .privacy::after {
    width: 452px;
    height: 462px;
    right: -149px;
    bottom: -69px;
    background-image: url(../img/privacy-policy/deco02.png); }
    @media screen and (max-width: 1300px) {
      .privacy::after {
        width: 34.7692307692vw;
        height: 35.5384615385vw;
        right: -11.4615384615vw;
        bottom: -5.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .privacy::after {
        width: 77.0666666667vw;
        height: 76.8vw;
        right: -25.0666666667vw;
        bottom: -20vw; } }
  .privacy-box {
    width: 900px;
    margin: 0 auto 100px; }
    @media screen and (max-width: 1300px) {
      .privacy-box {
        width: 69.2307692308vw;
        margin: 0 auto 7.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .privacy-box {
        width: 100%;
        margin: 0 0 24vw; } }
    .privacy-box p {
      font-size: 16px;
      line-height: 1.5;
      letter-spacing: .1em; }
      @media screen and (max-width: 1300px) {
        .privacy-box p {
          font-size: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .privacy-box p {
          font-size: 4.2666666667vw; } }
  .privacy dl dt {
    font-size: 24px;
    font-family: "Hiragino Mincho ProN", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-weight: 600;
    color: #2E919F;
    margin-bottom: 16px; }
    @media screen and (max-width: 1300px) {
      .privacy dl dt {
        font-size: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .privacy dl dt {
        font-size: 6.4vw; } }
    @media screen and (max-width: 1300px) {
      .privacy dl dt {
        margin-bottom: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .privacy dl dt {
        margin-bottom: 6.4vw; } }
  .privacy dl dd {
    font-size: 16px;
    line-height: 1.5; }
    @media screen and (max-width: 1300px) {
      .privacy dl dd {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .privacy dl dd {
        font-size: 4.2666666667vw; } }
    @media screen and (max-width: 480px) {
      .privacy dl dd {
        font-size: 4vw; } }
    .privacy dl dd p {
      padding-left: 2.5em;
      text-indent: -2.5em; }
  .privacy dl + dl {
    margin-top: 60px; }
    @media screen and (max-width: 1300px) {
      .privacy dl + dl {
        margin-top: 4.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .privacy dl + dl {
        margin-top: 16vw; } }