@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@500;700;800&family=Noto+Sans+JP:wght@400;700;900&display=swap");
@keyframes scrollbar {
  0% {
    height: 0; }
  15% {
    height: 0; }
  30% {
    height: 0; }
  75% {
    height: 100%; }
  100% {
    height: 100%; } }
@keyframes scrollbar2 {
  0% {
    height: 100%; }
  15% {
    height: 0%; }
  50% {
    height: 0%; }
  100% {
    height: 0%; } }
@keyframes extend {
  0% {
    transform: scaleY(0); }
  100% {
    transform: scaleY(1); } }
@keyframes hidden {
  0% {
    transform: scaleY(1); }
  100% {
    transform: scaleY(0); } }
@keyframes arrowlong01 {
  0% {
    height: 0;
    opacity: 0; }
  20% {
    height: 0;
    opacity: 1; }
  80% {
    height: 100%;
    opacity: 1; }
  100% {
    height: 100%;
    opacity: 0; } }
@keyframes arrowlong02 {
  0% {
    width: 100%;
    opacity: 1; }
  2% {
    width: 100%;
    opacity: 0; }
  3% {
    width: 0;
    opacity: 0; }
  10% {
    width: 0;
    opacity: 1; }
  100% {
    width: 100%;
    opacity: 1; } }
@keyframes arrowslide {
  0% {
    left: -100%;
    opacity: 0; }
  1% {
    left: -100%;
    opacity: 1; }
  100% {
    left: 0;
    opacity: 1; } }
body {
  -webkit-text-size-adjust: 100%; }

.subpage #contents {
  position: relative; }
  .subpage #contents:before {
    content: "";
    width: 100%;
    height: 100%;
    background: url("/wp/wp-content/themes/cb/images/subpage/bg.jpg") no-repeat center top/100% auto;
    position: fixed;
    left: 0;
    top: 0; }
.subpage h1 {
  width: 85.938vw;
  margin: 11.426vw 0 0 4.102vw;
  position: relative;
  z-index: 10; }
.subpage .subpage-base {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  margin: 10.18vw 0 25.391vw;
  padding: 12.891vw 4.883vw 12.695vw;
  position: relative;
  z-index: 10; }
  .subpage .subpage-base h2 {
    display: inline-flex;
    font-weight: 700;
    position: relative;
    line-height: 1.5;
    margin: 0 0  5.8vw;
    padding: 0 5.762vw 0.684vw 0; }
    .subpage .subpage-base h2:before {
      content: "";
      width: 100%;
      height: 1px;
      background: #b70917;
      position: absolute;
      left: 0;
      bottom: 0; }
    .subpage .subpage-base h2 i {
      display: block;
      font-size: 5.322vw;
      font-family: "Barlow Semi Condensed", sans-serif;
      color: #b70917;
      transform: translateY(-0.293vw); }
    .subpage .subpage-base h2 span {
      display: block;
      font-size: 3.906vw;
      padding: 0.488vw 0 0 0.977vw; }
  .subpage .subpage-base h3 {
    font-weight: 700;
    line-height: 1.78;
    margin: 0 0 0.93vw;
    display: flex; }
    .subpage .subpage-base h3 i {
      display: block;
      font-size: 4.004vw;
      font-family: "Barlow Semi Condensed", sans-serif;
      letter-spacing: 0.05em; }
    .subpage .subpage-base h3 span {
      display: block;
      font-size: 3.516vw;
      padding: 0.391vw 0 0 0.977vw; }
  .subpage .subpage-base p, .subpage .subpage-base li {
    font-size: 3.027vw;
    line-height: 2.06; }
  .subpage .subpage-base a {
    text-decoration: underline;
    font-size: 3.027vw;
    line-height: 2.06;
    color: #fff; }
  .subpage .subpage-base ul > li {
    position: relative;
    padding-left: 1em; }
    .subpage .subpage-base ul > li:before {
      content: "";
      width: 0.781vw;
      height: 0.781vw;
      position: absolute;
      left: 0.977vw;
      top: 2.93vw;
      background: #fff;
      z-index: 10;
      border-radius: 50%; }
  .subpage .subpage-base li span {
    display: block; }
  .subpage .subpage-base ol {
    counter-reset: item;
    padding-left: 1em;
    margin-left: 1em; }
  .subpage .subpage-base ol li {
    position: relative;
    text-indent: 0em; }
    .subpage .subpage-base ol li:before {
      counter-increment: item;
      content: counter(item) ".";
      position: absolute;
      left: -1.6em;
      top: 0;
      color: #fff;
      font-size: 3.027vw;
      line-height: 2.06; }
  .subpage .subpage-base ul.offset {
    padding: 0 0 0 2.734vw; }
    .subpage .subpage-base ul.offset + p {
      margin-top: 4.883vw; }
.subpage .box + .box {
  margin: 8.891vw 0 0; }
.subpage .text + .text {
  margin: 5.859vw 0 0; }
.subpage .box {
  font-size: 3.027vw; }
  .subpage .box .text.notes {
    font-size: 3.027vw; }
    .subpage .box .text.notes p {
      color: #b70917;
      font-size: 90%;
      transform: rotate(0.05deg);
      display: block; }
.subpage .backlink {
  margin: -12.695vw 0 19.531vw;
  position: relative;
  z-index: 10; }
  .subpage .backlink a {
    width: 30.664vw;
    height: 7.617vw;
    display: block;
    background: #b70917;
    color: #fff;
    text-align: center;
    font-size: 2.832vw;
    letter-spacing: 0.025en;
    font-weight: 700;
    margin: 2em auto 0;
    padding: 1.465vw 0 0; }
.subpage.terms h1 {
  width: 90.234vw;
  margin: 11.426vw 0 0 3.223vw; }
.subpage.terms h2 {
  display: inline-flex;
  padding: 0 5.762vw 0.684vw 0; }
  .subpage.terms h2 i {
    font-size: 4.199vw;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    transform: translateY(0vw) rotate(0.05deg);
    padding: 0.488vw 0 0; }
  .subpage.terms h2 span {
    padding: 0.488vw 0 0 1.77vw; }
.subpage.terms .text.flex {
  display: flex; }
  .subpage.terms .text.flex p {
    padding: 0.098vw 0 0 3.223vw; }
  .subpage.terms .text.flex + .text.flex {
    margin: 3.906vw 0 0; }
.subpage.terms .text:not(.flex) p {
  display: flex; }
  .subpage.terms .text:not(.flex) p span {
    padding: 0 0 0 0.977vw; }
.subpage.commerce h1 {
  width: 73.438vw;
  margin: 11.426vw 0 0 11.23vw; }
.subpage.commerce h2 {
  display: inline-flex;
  padding: 0 5.762vw 0.684vw 0; }
  .subpage.commerce h2 i {
    font-size: 4.199vw;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    transform: translateY(0vw) rotate(0.05deg);
    padding: 0.488vw 0 0; }
  .subpage.commerce h2 span {
    padding: 0.488vw 0 0 1.77vw; }
.subpage.commerce .text.flex {
  display: flex; }
  .subpage.commerce .text.flex p {
    padding: 0.098vw 0 0 3.223vw; }
  .subpage.commerce .text.flex + .text.flex {
    margin: 3.906vw 0 0; }
.subpage.commerce .text:not(.flex) p {
  display: flex; }
  .subpage.commerce .text:not(.flex) p span {
    padding: 0 0 0 0.977vw; }
.subpage.settlement h1 {
  width: 89.844vw;
  margin: 11.426vw 0 0 3.027vw; }
.subpage.settlement h2 {
  display: inline-flex;
  padding: 0 5.762vw 0.684vw 0; }
  .subpage.settlement h2 i {
    font-size: 4.199vw;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    transform: translateY(0vw) rotate(0.05deg);
    padding: 0.488vw 0 0; }
  .subpage.settlement h2 span {
    padding: 0.488vw 0 0 1.77vw; }
.subpage.settlement .text.flex {
  display: flex; }
  .subpage.settlement .text.flex p {
    padding: 0.098vw 0 0 3.223vw; }
  .subpage.settlement .text.flex + .text.flex {
    margin: 3.906vw 0 0; }
.subpage.settlement .text:not(.flex) p {
  display: flex; }
  .subpage.settlement .text:not(.flex) p span {
    padding: 0 0 0 0.977vw; }

@media screen and (min-width: 1024px) {
  #dmm_ntgnavi {
    position: relative;
    z-index: 10; }

  .subpage #contents:before {
    background: url("/wp/wp-content/themes/cb/images/subpage/bg@pc.jpg") no-repeat center top/1920px auto; }
  .subpage h1 {
    width: 880px;
    margin: 80px auto 80px;
    transform: translateX(-27px); }
  .subpage .subpage-base {
    width: 990px;
    margin: 83px auto 180px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 80px 110px 130px; }
    .subpage .subpage-base h2 {
      font-weight: 700;
      position: relative;
      line-height: 1.5;
      margin: 0 0 25px;
      padding: 0 37px 0 0; }
      .subpage .subpage-base h2 i {
        font-size: 30.5px;
        transform: translateY(-5px);
        font-weight: 700; }
      .subpage .subpage-base h2 span {
        display: block;
        font-size: 24px;
        padding: 0 0 0 10px; }
      .subpage .subpage-base h2:before {
        width: 100%;
        bottom: 0; }
    .subpage .subpage-base h3 {
      font-weight: 700;
      line-height: 1.78;
      margin: 0 0 3px; }
      .subpage .subpage-base h3 i {
        font-size: 26px; }
      .subpage .subpage-base h3 span {
        font-size: 20px;
        padding: 4px 0 0 10px; }
    .subpage .subpage-base p, .subpage .subpage-base li {
      font-size: 16px; }
    .subpage .subpage-base a {
      font-size: 16px;
      color: #fff; }
      .subpage .subpage-base a:hover {
        text-decoration: none; }
    .subpage .subpage-base ul > li:before {
      width: 4px;
      height: 4px;
      position: absolute;
      left: 5px;
      top: 15px; }
    .subpage .subpage-base ol li:before {
      padding-right: .2em;
      font-size: 16px;
      line-height: 2.06; }
    .subpage .subpage-base ul.offset {
      padding: 0 0 0 17px; }
      .subpage .subpage-base ul.offset + p {
        margin-top: 35px; }
  .subpage .box + .box {
    margin: 27px 0 0; }
  .subpage .text + .text {
    margin: 46px 0 0; }
  .subpage .box {
    font-size: 16px; }
    .subpage .box .text.notes {
      font-size: 16px; }
      .subpage .box .text.notes p {
        font-size: 90%; }
  .subpage .backlink {
    margin: -90px 0 120px; }
    .subpage .backlink a {
      width: 188px;
      height: 48px;
      font-size: 16px;
      padding: 10px 0 0;
      transition: 0.3s; }
      .subpage .backlink a:hover {
        opacity: 0.7; }
  .subpage.privacypolicy .box + .box {
    margin: 45px 0 0; }
  .subpage.terms .subpage-base {
    padding-bottom: 77px; }
  .subpage.terms h1 {
    width: 960px;
    margin: 80px auto 0;
    transform: translateX(-22px); }
  .subpage.terms h2 {
    display: inline-flex;
    padding: 0 37px 5px 0; }
    .subpage.terms h2 i {
      font-size: 24px;
      font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
      transform: translateY(0vw) rotate(0.05deg);
      padding: 0; }
    .subpage.terms h2 span {
      padding: 0 0 0 7px; }
    .subpage.terms h2:before {
      width: 100%;
      bottom: 0; }
  .subpage.terms .text.flex {
    display: flex; }
    .subpage.terms .text.flex p {
      padding: 8px 0 0 20px; }
    .subpage.terms .text.flex + .text.flex {
      margin: 26px 0 0; }
  .subpage.terms .text:not(.flex) p span {
    padding: 0 0 0 10px; }
  .subpage.terms .box + .box {
    margin: 47px 0 0; }
  .subpage.commerce .subpage-base {
    padding-bottom: 77px; }
  .subpage.commerce h1 {
    width: 747px;
    margin: 80px auto 0;
    transform: translateX(-22px); }
  .subpage.commerce h2 {
    display: inline-flex;
    padding: 0 37px 5px 0; }
    .subpage.commerce h2 i {
      font-size: 24px;
      font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
      transform: translateY(0vw) rotate(0.05deg);
      padding: 0; }
    .subpage.commerce h2 span {
      padding: 0 0 0 7px; }
    .subpage.commerce h2:before {
      width: 100%;
      bottom: 0; }
  .subpage.commerce .text.flex {
    display: flex; }
    .subpage.commerce .text.flex p {
      padding: 8px 0 0 20px; }
    .subpage.commerce .text.flex + .text.flex {
      margin: 26px 0 0; }
  .subpage.commerce .text:not(.flex) p span {
    padding: 0 0 0 10px; }
  .subpage.commerce .box + .box {
    margin: 47px 0 0; }
  .subpage.settlement .subpage-base {
    padding-bottom: 77px; }
  .subpage.settlement h1 {
    width: 1003px;
    margin: 80px auto 0;
    transform: translateX(-22px); }
  .subpage.settlement h2 {
    display: inline-flex;
    padding: 0 37px 5px 0; }
    .subpage.settlement h2 i {
      font-size: 24px;
      font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
      transform: translateY(0vw) rotate(0.05deg);
      padding: 0; }
    .subpage.settlement h2 span {
      padding: 0 0 0 7px; }
    .subpage.settlement h2:before {
      width: 100%;
      bottom: 0; }
  .subpage.settlement .text.flex {
    display: flex; }
    .subpage.settlement .text.flex p {
      padding: 8px 0 0 20px; }
    .subpage.settlement .text.flex + .text.flex {
      margin: 26px 0 0; }
  .subpage.settlement .text:not(.flex) p span {
    padding: 0 0 0 10px; }
  .subpage.settlement .box + .box {
    margin: 47px 0 0; } }
@media screen and (min-width: 1921px) {
  .subpage #contents:before {
    background: url("/wp/wp-content/themes/cb/images/subpage/bg@pc.jpg") no-repeat center top/100% auto; } }