@charset "utf-8";
@font-face {
  font-family: 'SuzukiPROHeadline';
  src: url("/cookies/confirm/font/SuzukiPROHeadline.eot");
}
@font-face {
  font-family: 'SuzukiPROBold';
  src: url("/cookies/confirm/font/SuzukiPROBold.eot");
}
@font-face {
  font-family: 'SuzukiPRORegular';
  src: url("/cookies/confirm/font/SuzukiPRORegular.eot");
}
@font-face {
  font-family: 'SuzukiPROHeadline';
  src: url("/cookies/confirm/font/SuzukiPROHeadline.ttf") format("truetype"), url("/cookies/confirm/font/SuzukiPROHeadline.woff") format("woff"), url("/cookies/confirm/font/SuzukiPROHeadline.otf") format("opentype");
}
@font-face {
  font-family: 'SuzukiPRORegular';
  src: url("/cookies/confirm/font/SuzukiPRORegular.ttf") format("truetype"), url("/cookies/confirm/font/SuzukiPRORegular.woff") format("woff"), url('/cookies/confirm/font/SuzukiPRORegular.otf') format("opentype");
}
@font-face {
  font-family: 'SuzukiPROBold';
  src: url("/cookies/confirm/font/SuzukiPROBold.ttf") format("truetype"), url("/cookies/confirm/font/SuzukiPROBold.woff") format("woff"), url("/cookies/confirm/font/SuzukiPROBold.otf") format("opentype");
}
@import url("https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto:wght@100;300;400;500;700;900&display=swap");
html {
  font-size: 62.5%;
}
body {
  font-size: 1.0rem;
  font-family: 'Roboto', sans-serif;
  -ms-font-feature-settings: "normal";
  color: #1b1b1b;
  font-weight: 300;
  position: relative;
  line-height: 1.6;
}
h1 {
  font-family: 'SuzukiPROHeadline';
  text-align: center;
  line-height: 1.4;
}
h2, h3, h4 {
  font-family: 'SuzukiPROHeadline';
}
.textRight {
  text-align: right;
}
.link-button li {
  display: block;
}
.link-button li a {
  display: block;
  padding: 15px 30px;
  color: #fff;
  background-color: #0078d7;
  border: none;
  border-radius: 8px;
  text-decoration: none;
  text-align: center;
}
/* list */
.list li, p.list {
  padding-left: 1em;
  text-indent: -1em;
}
.list1_5 li, p.list1_5 {
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.list2 li, p.list2 {
  padding-left: 2em;
  text-indent: -2em;
}
.list2_5 li, p.list2_5 {
  padding-left: 2.5em;
  text-indent: -2.5em;
}
.list3 li, p.list3 {
  padding-left: 3em;
  text-indent: -3em;
}
.list3_5 li, p.list3_5 {
  padding-left: 3.5em;
  text-indent: -3.5em;
}
.list4 li, p.list4 {
  padding-left: 4em;
  text-indent: -4em;
}
.sub.list li {
  padding-left: 1em !important;
  text-indent: -1em !important;
}
.sub.list1_5 li {
  padding-left: 1.5em !important;
  text-indent: -1.5em !important;
}
.sub.list2 li {
  padding-left: 2em !important;
  text-indent: -2em !important;
}
.sub.list2_5 li {
  padding-left: 2.5em !important;
  text-indent: -2.5em !important;
}
.sub.list3 li {
  padding-left: 3em !important;
  text-indent: -3em !important;
}
.sub.list3_5 li {
  padding-left: 3.5em !important;
  text-indent: -3.5em !important;
}
.sub.list4 li {
  padding-left: 4em !important;
  text-indent: -4em !important;
}
/* conditions Page */
.conditions-inner h3 span, .conditions-inner h4 span, .conditions-inner p.indent span {
  display: inline-block;
  text-indent: 0;
}
@media print, screen and (min-width: 751px) {
  #contents {
    max-width: 900px;
    padding: 80px 20px;
    margin: 0 auto;
    font-size: 1.6rem;
  }
  h1 {
    font-size: 4.0rem;
  }
  h2 {
    font-size: 3rem;
    margin-top: 40px;
  }
  h3 {
    font-size: 2.6rem;
    margin-top: 40px;
  }
  h4 {
    font-size: 2.2rem;
    margin-top: 20px;
  }
  p {
    margin-top: 20px;
  }
  .button-container {
    margin-top: 60px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
  }
  .link-button li {
    min-width: 200px;
  }
  .link-button li:nth-child(n+3) {
    margin-top: 20px;
  }
  .link-button li a {
    transition: background-color 0.3s;
  }
  .link-button li a:hover {
    background-color: #005fa3;
  }
  /* conditions Page */
  .conditions-inner ul:not(.sub) {
    margin-top: 20px;
  }
  .conditions-inner h3 span, .conditions-inner h4 span, .conditions-inner p.indent span {
    width: 60px;
  }
  .conditions-inner p:not(.indent), .conditions-inner ul:not(.sub) {
    margin-left: 60px;
  }
  .conditions-inner .indent {
    padding-left: 60px;
    text-indent: -60px;
  }
}
@media only screen and (max-width: 750px) {
  #contents {
    padding: 13.33vw 4vw;
    font-size: 1.4rem;
  }
  h1 {
    font-size: 3.8rem;
  }
  h2 {
    font-size: 2.8rem;
    margin-top: 5.33vw;
  }
  h3 {
    font-size: 2.4rem;
    margin-top: 5.33vw;
  }
  h4 {
    font-size: 2rem;
    margin-top: 2.66vw;
  }
  p {
    margin-top: 2.66vw;
  }
  .button-container {
    width: 100%;
    margin: 8vw auto 0 auto;
  }
  .link-button li:nth-child(n+2) {
    margin-top: 2.66vw;
  }
  /* conditions Page */
  .conditions-inner ul:not(.sub) {
    margin-top: 2.66vw;
  }
  .conditions-inner h3 span, .conditions-inner h4 span, .conditions-inner p.indent span {
    width: 52px;
  }
  .conditions-inner p:not(.indent), .conditions-inner ul:not(.sub) {
    margin-left: 52px;
  }
  .conditions-inner .indent {
    padding-left: 52px;
    text-indent: -52px;
  }
}