@charset "UTF-8";

/* pcの電話番号発信対応 */
@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

/* ホバー */
a {
  -webkit-transition: opacity 0.3s;
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s;
}

@media screen and (min-width: 768px) {
  a:hover {
    opacity: 0.8;
  }
}

body {
  scroll-padding-top: 87px;
  margin: 0 auto;
  background-color: #fff;
  color: #0B1010;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0;
}

@media screen and (min-width: 768px) {
  body {
    scroll-padding-top: 168px;
  }
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.l-container {
  position: relative;
}

.l-container::before {
  display: block;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bg-layer.png) repeat center/contain;
  content: "";
}

.u-br-sp {
  display: block;
}

@media screen and (min-width: 992px) {
  .u-br-sp {
    display: none;
  }
}

.u-br-pc {
  display: none;
}

@media screen and (min-width: 992px) {
  .u-br-pc {
    display: block;
  }
}

/*!
utility > u-hidden
------------------------------
*/
.u-desktop {
  display: none !important;
}

@media screen and (min-width: 768px) {
  .u-desktop {
    display: block !important;
  }
}

.u-mobile {
  display: block !important;
}

@media screen and (min-width: 768px) {
  .u-mobile {
    display: none !important;
  }
}

.u-sr {
  clip: rect(0, 0, 0, 0) !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  white-space: nowrap !important;
}

.l-container {
  margin: 0 auto;
}

.l-header {
  display: block;
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  background: #fff;
}

.l-inner {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}

@media screen and (min-width: 768px) {
  .l-inner {
    max-width: 750px;
    padding-right: 20px;
    padding-left: 20px;
  }
}

.c-balloon {
  display: block;
  position: relative;
  padding: 10px;
  background: #FF503A;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-balloon {
    padding: 20px;
  }
}

.c-balloon::before {
  -webkit-transform: translateX(-50%);
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border-top: 8px solid #FF503A;
  border-right: 7px solid transparent;
  border-bottom: 0;
  border-left: 7px solid transparent;
  border-style: solid;
  content: "";
}

@media screen and (min-width: 768px) {
  .c-balloon::before {
    bottom: -16px;
    border-top: 16px solid #FF503A;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
  }
}

.c-balloon__text {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  line-height: 2.3333333333;
}

@media screen and (min-width: 768px) {
  .c-balloon__text {
    font-size: 30px;
    line-height: 2.3333333333;
  }
}

.c-borderBox {
  display: block;
  padding: 2px;
  background: #fff;
}

.c-borderBox__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 68px;
}

@media screen and (min-width: 768px) {
  .c-borderBox__inner {
    min-height: 136px;
  }
}

.c-borderBox__point {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 71px;
  height: inherit;
  background-color: #FF503A;
}

@media screen and (min-width: 768px) {
  .c-borderBox__point {
    width: 142px;
  }
}

.c-borderBox__pointText {
  color: #ffffff;
  font-family: var(--font-family-sub);
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (min-width: 768px) {
  .c-borderBox__pointText {
    font-size: 40px;
    line-height: 1.25;
  }
}

.c-borderBox__block {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px 5px 10px;
  background-color: #f6f6f6;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-borderBox__block {
    padding: 20px 10px 20px;
  }
}

.c-borderBox__text {
  color: #0B1010;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.4705882353;
}

@media screen and (min-width: 768px) {
  .c-borderBox__text {
    font-size: 34px;
    line-height: 1.4705882353;
  }
}

.c-borderBox__textYellow {
  color: #FFF100;
}

.c-borderBox__textRed {
  color: #FF503A;
}

.c-borderBox2 {
  display: block;
  padding: 12px;
  border: 1px solid #fff;
}

.c-borderBox2__text {
  color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5384615385;
}

@media screen and (min-width: 768px) {
  .c-borderBox2__text {
    font-size: 26px;
    line-height: 1.5384615385;
  }
}

.nav__link {
  font-size: 10px;
}

.c-circle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  display: block;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 115px;
  height: 115px;
  border: 1.5px solid #ff503a;
  border-radius: 50%;
}

@media screen and (min-width: 768px) {
  .c-circle {
    width: 226px;
    height: 226px;
    border: 3px solid #ff503a;
  }
}

.c-circle__text {
  color: #FF503A;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1428571429;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-circle__text {
    font-size: 28px;
    line-height: 1.3571428571;
  }
}

.c-circle__largeText {
  font-size: 25px;
  line-height: 1.24;
}

@media screen and (min-width: 768px) {
  .c-circle__largeText {
    font-size: 47px;
    line-height: 1.4468085106;
  }
}

.c-circle__largeTextNum {
  font-size: 27px;
  line-height: 1.1481481481;
}

@media screen and (min-width: 768px) {
  .c-circle__largeTextNum {
    font-size: 62px;
    line-height: 1.0967741935;
  }
}

.c-circle__textcolumn {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  writing-mode: vertical-rl;
}

@media screen and (min-width: 768px) {
  .c-circle__textcolumn {
    font-size: 22px;
  }
}

.c-codeCopy {
  display: block;
  position: relative;
  width: 100%;
  padding: 5px 56px 7px 14px;
  border: 2px solid #ff503a;
  border-radius: 10px;
  /* background-color: #fff; */


  background-color: #FF503A;
}

@media screen and (min-width: 768px) {
  .c-codeCopy {
    -webkit-transition: opacity 0.4s;
    padding: 10px 112px 15px 28px;
    border: 5px solid #ff503a;
    transition: opacity 0.4s;
  }
}

@media screen and (min-width: 768px) {
  .c-codeCopy:hover {
    opacity: 0.5;
  }
}

.c-codeCopy::after {
  -webkit-transform: translateY(-50%);
  display: block;
  position: absolute;
  top: 50%;
  right: 12px;
  width: 35px;
  height: 35px;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #fff;
  content: "";
}

@media screen and (min-width: 768px) {
  .c-codeCopy::after {
    right: 24px;
    width: 70px;
    height: 70px;
  }
}

.c-codeCopy::before {
  -webkit-transform: translateY(-50%);
  z-index: 10;
  position: absolute;
  top: 50%;
  right: 21px;
  width: 0;
  height: 0;
  transform: translateY(-50%);
  border-width: 7px 0 7px 13px;
  border-style: solid;
  border-color: transparent transparent transparent #ff503a;
  content: "";
}

@media screen and (min-width: 768px) {
  .c-codeCopy::before {
    right: 42px;
    border-width: 15px 0 15px 26px;
  }
}

.c-codeCopy__body {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.c-codeCopy__body::before {
  display: inline-block;
  width: 47px;
  height: 55px;
  background: url(../images/coin.png) no-repeat center/contain;
  content: "";
  margin-right: 4px;
}

@media screen and (min-width: 768px) {
  .c-codeCopy__body::before {
    left: -104px;
    width: 80px;
    height: 111px;
    margin-right: 8px;
  }
}

.c-codeCopy__text {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.6470588235;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-codeCopy__text {
    font-size: 28px;
    line-height: 1.5365853659;
  }
}

.c-codeCopy__largeText {
  font-size: 20px;
  line-height: 1.1818181818;
}

@media screen and (min-width: 768px) {
  .c-codeCopy__largeText {
    font-size: 42px;
    line-height: 1.1454545455;
  }
}

.c-codeCopy__textWhite {
  color: #FF503A;
}
.c-codeCopy__textWhite {
  color: #fff;
}

.c-codeCopy__miniText {
  display: block;
  width: 100%;
  max-width: 230px;
  margin-right: auto;
  margin-left: auto;
  padding: 4px 8px;
  border-radius: 10px;
  background-color: #fff;
  color: #FF503A;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-codeCopy__miniText {
    max-width: 460px;
    border-radius: 20px;
    font-size: 18px;
  }
}



.p-section__codeCopy{
  position: relative;
  z-index: 1;
  overflow: hidden;
}





.p-section__codeCopy::before {
  -webkit-transform: skewX(-25deg);
  -webkit-animation: shine 1s infinite;
  position: absolute;
  top: 0;
  left: -75%;
  width: 30%;
  height: 100%;
  transform: skewX(-25deg);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .8)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);
  animation: shine 1s infinite;
  content: "";
  z-index: 1;
}


















.c-codeCopyMiddle {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  background-color: #FF503A;
}

.c-codeCopyMiddle::after {
  -webkit-transform: translateY(-50%);
  display: block;
  position: absolute;
  top: 50%;
  right: 12px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #fff;
  content: "";
}

@media screen and (min-width: 768px) {
  .c-codeCopyMiddle::after {
    right: 24px;
    width: 40px;
    height: 40px;
  }
}

.c-codeCopyMiddle::before {
  -webkit-transform: translateY(-50%);
  z-index: 10;
  position: absolute;
  top: 50%;
  right: 17px;
  width: 0;
  height: 0;
  transform: translateY(-50%);
  border-width: 4.5px 0 4.5px 7.7px;
  border-style: solid;
  border-color: transparent transparent transparent #FF503A;
  content: "";
}

@media screen and (min-width: 768px) {
  .c-codeCopyMiddle::before {
    right: 34px;
    border-width: 8.5px 0 8.5px 14.7px;
  }
}

.c-codeCopyMiddle__body {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 613px;
  margin-right: auto;
  margin-left: auto;
}

.c-codeCopyMiddle__body::before {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  display: inline-block;
  flex-shrink: 0;
  width: 60px;
  height: 13px;
  margin-right: 8px;
  background: url(../images/common/tedbet_logo.jpg) no-repeat center/contain;
  content: "";
}

@media screen and (min-width: 768px) {
  .c-codeCopyMiddle__body::before {
    width: 120px;
    height: 25px;
    margin-right: 17px;
  }
}

.c-codeCopyMiddle__bodyInner {
  width: 100%;
  max-width: 476px;
}

.c-codeCopyMiddle__text {
  color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.4285714286;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-codeCopyMiddle__text {
    font-size: 26px;
    line-height: 1.5384615385;
  }
}

.c-codeCopyMiddle__largeText {
  font-size: 15px;
  line-height: 1.3333333333;
}

@media screen and (min-width: 768px) {
  .c-codeCopyMiddle__largeText {
    font-size: 30px;
    line-height: 1.3333333333;
  }
}

.c-codeCopyMiddle__miniText {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  border-radius: 20px;
  background-color: #fff;
  color: #FF503A;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-codeCopyMiddle__miniText {
    font-size: 16px;
  }
}

.c-codeCopyMiddle__inner {
  z-index: 1;
  position: relative;
  padding: 4px 34px 4px 7px;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .c-codeCopyMiddle__inner {
    padding: 8px 84px 8px 13px;
  }
}

.c-codeCopyMiddle__inner::before {
  -webkit-transform: skewX(-25deg);
  -webkit-animation: shine 1s infinite;
  position: absolute;
  top: 0;
  left: -75%;
  width: 30%;
  height: 100%;
  transform: skewX(-25deg);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .8)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);
  animation: shine 1s infinite;
  content: "";
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.c-commonImg {
  display: block;
  width: 100%;
  height: auto;
}

.c-commonImg img {
  display: block;
}

.c-commonImg.c-commonImg--border {
  border: 1px solid #a1a1a1;
}

.c-commonLink {
  display: block;
  position: relative;
  padding: 2.5px;
  border-radius: 10px;
  background-color: #FF503A;
  opacity: 1;
  transition: opacity .4s;
}

@media screen and (min-width: 768px) {
  .c-commonLink {
    padding: 5px;
  }

  .c-commonLink:hover {
    opacity: .5;
  }
}

.c-commonLink::before {
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #FF503A;
  content: "";
}

@media screen and (min-width: 768px) {
  .c-commonLink::before {
    right: 30px;
    width: 40px;
    height: 40px;
  }
}

.c-commonLink::after {
  -webkit-transform: rotate(45deg) translateY(-50%);
  -webkit-transform-origin: top center;
  position: absolute;
  top: 50%;
  right: 22px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg) translateY(-50%);
  transform-origin: top center;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  content: "";
}

@media screen and (min-width: 768px) {
  .c-commonLink::after {
    right: 46px;
    border-top: solid 3.5px #fff;
    border-right: solid 3.5px #fff;
  }
}

.c-commonLink__inner {
  padding: 6px 32px 6px 20px;
  border-radius: 10px;
  background-color: #f6f6f6;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-commonLink__inner {
    padding: 13px 65px 13px 40px;
  }
}

.c-commonLink__text {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: center;
  margin-right: 8px;
  color: #0B1010;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 2.5;
}

@media screen and (min-width: 768px) {
  .c-commonLink__text {
    margin-right: 49px;
    font-size: 35px;
    line-height: 2.35;
  }
}

.c-commonLink__text::before {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 23px;
  content: "";
}

@media screen and (min-width: 768px) {
  .c-commonLink__text::before {
    margin-right: 46px;
  }
}

.c-commonLink__text.c-commonLink__text--top::before {
  width: 67px;
  height: 45px;
  background: url(../images/common/tedbet-logo-header.png) no-repeat center/contain;
}

@media screen and (min-width: 768px) {
  .c-commonLink__text.c-commonLink__text--top::before {
    width: 134px;
    height: 90px;
  }
}

.c-commonLink__text.c-commonLink__text--bonus::before {
  width: 67px;
  height: 45px;
  background: url(../images/common/bonus.png) no-repeat center/contain;
}

@media screen and (min-width: 768px) {
  .c-commonLink__text.c-commonLink__text--bonus::before {
    width: 134px;
    height: 90px;
  }
}

.c-commonLink__text.c-commonLink__text--money::before {
  width: 67px;
  height: 45px;
  background: url(../images/common/money.png) no-repeat center/contain;
}

@media screen and (min-width: 768px) {
  .c-commonLink__text.c-commonLink__text--money::before {
    width: 134px;
    height: 90px;
  }
}

.c-commonList__item {
  display: block;
  position: relative;
  padding-left: 1em;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5384615385;
  text-indent: -1em;
}

@media screen and (min-width: 768px) {
  .c-commonList__item {
    font-size: 26px;
    line-height: 1.5384615385;
  }
}


.c-commonList__item::before {
  content: "■";
  color: #ff503a;
  margin-right: 4px;

}


.c-commonList__underLine {
  text-decoration: underline;
}

.c-commonList__textBold {
  font-weight: 700;
}

.c-commonTable,
.c-commonTable td,
.c-commonTable th {
  border: 1px solid #ff503a;
  border-collapse: collapse;
  color: #0B1010;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {

  .c-commonTable,
  .c-commonTable td,
  .c-commonTable th {
    border: 3px solid #ff503a;
    font-size: 23px;
  }
}

.c-commonTable th {
  background-color: #ffa397;
  color: #fff;
}

.c-commonTable td {
  background-color: #fff;
}

.c-commonTable th,
.c-commonTable td {
  padding: 2px 2px 2px;
}

@media screen and (min-width: 768px) {

  .c-commonTable th,
  .c-commonTable td {
    padding: 2px 4px 2px;
  }
}

.c-commonTable__red {
  color: #FF503A;
}

.c-commonTable__lineThrough {
  text-decoration: line-through;
}

.c-commonTable+.c-commonTable {
  border-top: transparent;
}

.c-commonTable.c-commonTable--center {
  text-align: center;
}

.c-commonTable.c-commonTable--center th {
  text-align: center;
}

.c-commonTable.c-commonTable--center th[colspan="4"] {
  background-color: #FF503A;
}

.c-commonTable__icon {
  display: block;
  max-width: 200px;
  margin-right: auto;
  margin-left: auto;
}

.c-commonTable__icon2 {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 80px;
  margin-right: auto;
  margin-left: auto;
}

.c-commonTable__icon2 img {
  -o-object-fit: contain;
  height: 40px;
  object-fit: contain;
}

.c-commonTable__icon img {
  -o-object-fit: contain;
  display: block;
  width: 100%;
  height: 56px;
  object-fit: contain;
}

.c-commonTable--fixed {
  width: 100%;
  table-layout: fixed;
}

.c-commonText {
  color: #0B1010;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.3571428571;
}

@media screen and (min-width: 768px) {
  .c-commonText {
    font-size: 25px;
    line-height: 1.56;
  }
}

.c-commonText__underLine {
  text-decoration: underline;
}

.c-commonText__textRed {
  color: #FFF100;
}

.c-commonText__textRed {
  color: #FF503A;
}

.c-commonText.c-commonText--largeText {
  font-size: 19px;
  line-height: 1.3157894737;
}

@media screen and (min-width: 768px) {
  .c-commonText.c-commonText--largeText {
    font-size: 38px;
    line-height: 1.3157894737;
  }
}

.c-commonText.c-commonText--miniText {
  font-size: 13px;
}

@media screen and (min-width: 768px) {
  .c-commonText.c-commonText--miniText {
    font-size: 15px;
  }
}

.c-commonText__miniText {
  font-size: 13px;
}

@media screen and (min-width: 768px) {
  .c-commonText__miniText {
    font-size: 16px;
  }
}

.c-commonText .c-commonText__miniText {
  display: block;
  line-height: 1.4;
}


.c-commonText a {
  color: #FF503A;
  text-decoration: underline;
  opacity: 1;
  transition: opacity .4s;
}


@media screen and (min-width: 768px) {

  .c-commonText a:hover {
    opacity: 0.5;

  }

}

.c-commonText__circleText {
  display: inline-block;
  padding: 0 15px;
  border-radius: 25px;
  background-color: #FF503A;
  color: #ffffff;
}

.c-commonText__circleText.c-commonText__circleTText--bgGreen {
  background-color: green;
}

.c-commonText a[target=_blank] {
  display: inline-block;
  position: relative;
  margin-right: 4px;
  padding-right: 16px;
}

.c-commonText a[target=_blank]::before,
.c-commonText a[target=_blank]::after {
  /* box-sizing: border-box; */
  position: absolute;
  width: 10px;
  height: 10px;
  border-style: solid;
  border-color: #FF503A;
  content: "";
}

.c-commonText a[target=_blank]::before {
  -webkit-transform: translateY(-50%);
  top: 50%;
  right: 3px;
  transform: translateY(-50%);
  border-width: 1px;
}

.c-commonText a[target=_blank]::after {
  -webkit-transform: translateY(-2px);
  top: 50%;
  right: 0px;
  transform: translateY(-2px);
  border-width: 0 1px 1px 0;
}

.c-copyBox {
  display: block;
  padding: 4px;
  background-color: #f6f6f6;
}

@media screen and (min-width: 768px) {
  .c-copyBox {
    padding: 8px;
  }
}

.c-copyBox__inner {
  padding: 10px 5px;
  border: 2px solid #ff503a;
  color: #FF503A;
  letter-spacing: 0;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-copyBox__inner {
    padding: 20px 8px;
    border: 3px solid #ff503a;
  }
}

.c-copyBox__head {
  display: inline-block;
  margin-top: 8px;
  margin-right: 8px;
  padding: 6px 5px;
  /* border: 1px solid #ff503a; */
  background-color: #FF503A;
  color: #fff;

  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  /* background-color: #fff; */
}

@media screen and (min-width: 768px) {
  .c-copyBox__head {
    font-size: 20px;
    line-height: 1.25;
  }
}

.c-copyBox__head:last-child {
  margin-right: 0;
}

.c-copyBox__text {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.25;
}

@media screen and (min-width: 768px) {
  .c-copyBox__text {
    font-size: 40px;
    line-height: 1.25;
  }
}

.c-copyBox__miniText {
  font-size: 23px;
  line-height: 1.5217391304;
}

@media screen and (min-width: 768px) {
  .c-copyBox__miniText {
    font-size: 46px;
    line-height: 1.5217391304;
  }
}

.c-copyBox__textWrap {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}

.c-copyBox__text.c-copyBox__text--small {
  margin-right: 8px;
  padding: 6px;
  border: 1px solid #ff503a;
  font-size: 14px;

  background-color: #FF503A;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .c-copyBox__text.c-copyBox__text--small {
    font-size: 20px;
  }
}

.c-copyBox__text.c-copyBox__text--small:last-child {
  margin-right: 0;
}

.c-echoText {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: flex-end;
}

.c-echoText__text {
  color: #0B1010;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2777777778;
}

@media screen and (min-width: 768px) {
  .c-echoText__text {
    font-size: 36px;
    line-height: 1.2777777778;
  }
}

.c-echoText::before {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  display: inline-block;
  flex-shrink: 0;
  width: 19px;
  height: 41px;
  margin-right: 5px;
  background: url(../images/border-left.png) no-repeat center/contain;
  content: "";
}

@media screen and (min-width: 768px) {
  .c-echoText::before {
    width: 38px;
    height: 82px;
    margin-right: 10px;
  }
}

.c-echoText::after {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  display: inline-block;
  flex-shrink: 0;
  width: 18px;
  height: 41px;
  margin-left: 5px;
  background: url(../images/border-right.png) no-repeat center/contain;
  content: "";
}

@media screen and (min-width: 768px) {
  .c-echoText::after {
    width: 38px;
    height: 82px;
    margin-left: 10px;
  }
}

.c-echoText.c-echoText--triangle::before,
.c-echoText.c-echoText--triangle::after {
  width: 0;
  height: 0;
  border-width: 30px 17px 0 17px;
  border-style: solid;
  border-color: #FF503A transparent transparent transparent;
  content: "";
}

@media screen and (min-width: 768px) {

  .c-echoText.c-echoText--triangle::before,
  .c-echoText.c-echoText--triangle::after {
    border-width: 61.5px 35.5px 0 35.5px;
  }
}

.c-echoText__miniText {
  font-size: 17px;
  line-height: 1.4705882353;
}

@media screen and (min-width: 768px) {
  .c-echoText__miniText {
    font-size: 34px;
    line-height: 1.4705882353;
  }
}

.c-echoText__miniText {
  font-size: 15px;
  line-height: 1.5333333333;
}

@media screen and (min-width: 768px) {
  .c-echoText__miniText {
    font-size: 31px;
    line-height: 1.4838709677;
  }
}

.c-echoText__largeText {
  font-size: 20px;
  line-height: 1.25;
}

@media screen and (min-width: 768px) {
  .c-echoText__largeText {
    font-size: 40px;
    line-height: 1.25;
  }
}

.c-pageTitle {
  -webkit-font-feature-settings: "palt";
  margin-top: 21px;
  color: #0B1010;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.5882352941;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-pageTitle {
    margin-top: 21px;
    font-size: 42px;
    line-height: 1.5;
  }
}

.c-pointBox {
  border: 2px solid #ff503a;
}

.c-pointBox.c-pointBox--noboder {
  border: transparent;
}

.c-pointBox__head {
  padding: 10px;
  background-color: #FF503A;
}

@media screen and (min-width: 768px) {
  .c-pointBox__head {
    padding: 20px;
  }
}

.c-pointBox__body {
  padding: 10px;
}

@media screen and (min-width: 768px) {
  .c-pointBox__body {
    padding: 20px;
  }
}

.c-pointBox__headText,
.c-pointBox__bodyText {
  position: relative;
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.6;
}

@media screen and (min-width: 768px) {

  .c-pointBox__headText,
  .c-pointBox__bodyText {
    font-size: 25px;
    line-height: 1.56;
  }
}

.c-pointBox__headText span,
.c-pointBox__bodyText span {
  color: #ffffff;
}

.c-pointBox__bodyText {
  color: #0B1010;
}

.c-pointBox__body a {
  color: #209754;
  text-decoration: underline;
}

.c-pointBox__headIcon {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
}

.c-pointBox__headIcon::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  border-radius: 50%;
  content: "";
}

@media screen and (min-width: 768px) {
  .c-pointBox__headIcon::before {
    width: 40px;
    height: 40px;
  }
}

.c-qa {
  display: block;
}

.c-qa__head {
  position: relative;
  width: 100%;
  padding: 4px 10px;
  background: #FF503A;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.4666666667;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .c-qa__head {
    padding: 8px 20px;
    font-size: 30px;
    line-height: 1.4666666667;
  }
}

.c-qa__body {
  padding: 10px 10px 13px;
  background-color: #f6f6f6;
  color: #0B1010;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3846153846;
}

@media screen and (min-width: 768px) {
  .c-qa__body {
    padding: 20px 20px 25px;
    font-size: 25px;
    line-height: 1.44;
  }
}

.c-qa__body a {
  color: #FF503A;
  opacity: 1;
  transition: opacity .4s;
}

.c-qa:not(:first-child) {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .c-qa:not(:first-child) {
    margin-top: 30px;
  }

  .c-qa__body a:hover {
    opacity: .5;
  }

}

.c-qa__body-text-yellow {
  color: #FFF100;
}

.c-sectionMiniTitle {
  position: relative;
  border-bottom: 1px solid #ff503a;
  background-color: #f6f6f6;
  color: #0B1010;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.6666666667;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .c-sectionMiniTitle {
    border-bottom: 2px solid #ff503a;
    font-size: 30px;
    line-height: 1.6666666667;
  }
}

.c-sectionSubTitle {
  position: relative;
  padding: 5px 7px 6px 11px;
  border-left: 5px solid #ff503a;
  background-color: #f6f6f6;
  color: #0B1010;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1363636364;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .c-sectionSubTitle {
    padding: 11px 14px 13px 22px;
    border-left: 10px solid #ff503a;
    font-size: 36px;
    line-height: 1.1363636364;
  }
}

.c-sectionTitle {
  position: relative;
  padding: 2px 7px 2px;
  border-top: 2px solid #ff503a;
  border-bottom: 2px solid #ff503a;
  background-color: #f6f6f6;
  color: #0B1010;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-sectionTitle {
    padding: 4px 14px 4px;
    border-top: 4px solid #ff503a;
    border-bottom: 4px solid #ff503a;
    font-size: 48px;
    line-height: 1.5;
  }
}

.c-support {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.c-support__img-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 50px;
  margin-right: 25px;
  margin-left: 22px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-support__img-wrap {
    width: 100px;
    margin-right: 50px;
    margin-left: 44px;
  }
}

.c-support__img-wrap span {
  color: #0B1010;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3846153846;
}

@media screen and (min-width: 768px) {
  .c-support__img-wrap span {
    font-size: 25px;
    line-height: 1.44;
  }
}

.c-support__img {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .c-support__img .c-support__img {
    width: 60px;
  }
}

.c-support__text {
  max-width: 202px;
  color: #0B1010;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4666666667;
}

@media screen and (min-width: 768px) {
  .c-support__text .c-support__text {
    max-width: 403px;
    font-size: 30px;
    line-height: 1.4666666667;
  }
}

.c-support+.c-support {
  margin-top: 13px;
  padding-top: 13px;
  border-top: 1px solid #0B1010;
}

@media screen and (min-width: 768px) {
  .c-support+.c-support {
    margin-top: 26px;
    padding-top: 27px;
  }
}

.c-tableContents {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px;
}

@media screen and (min-width: 768px) {
  .c-tableContents {
    margin-top: -20px;
  }
}

.c-tableContents__item {
  position: relative;
  width: calc(50% - 5px);
  margin-top: 10px;
  margin-right: 10px;
}

@media screen and (min-width: 768px) {
  .c-tableContents__item {
    width: calc(50% - 10px);
    margin-top: 20px;
    margin-right: 20px;
    opacity: 1;
    transition: opacity .4s;
  }
}

.c-tableContents__item:nth-child(2n) {
  margin-right: 0;
}

.c-tableContents__item a {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 50px;
  padding: 3px 20px 3px 10px;
  background-color: #f6f6f6;
}

@media screen and (min-width: 768px) {
  .c-tableContents__item a {
    min-height: 100px;
    padding: 3px 25px 3px 20px;
  }

  .c-tableContents__item:hover {

    opacity: 0.5;
  }
}



.c-tableContents__text {
  color: #0B1010;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 2.4285714286;
}

@media screen and (min-width: 768px) {
  .c-tableContents__text {
    font-size: 30px;
    line-height: 2.3333333333;
  }
}

.c-tableContents__item a::after {
  -webkit-transform: rotate(135deg) translateY(-50%);
  -webkit-transform-origin: top center;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 10px;
  height: 10px;
  transform: rotate(135deg) translateY(-50%);
  transform-origin: top center;
  border-top: solid 2px #FF503A;
  border-right: solid 2px #FF503A;
  content: "";
}

@media screen and (min-width: 768px) {
  .c-tableContents__item a::after {
    right: 20px;
    border-top: solid 3.5px #FF503A;
    border-right: solid 3.5px #FF503A;
  }
}

.c-tableContents__miniText {
  display: block;
  font-size: 10px;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .c-tableContents__miniText {
    font-size: 20px;
  }
}

.p-footer {
  z-index: 10;
  position: relative;
}


.p-footer__copy.p-main__text {
  margin-top: 0;
}

.p-footer__contents {
  max-width: 750px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 40px;
  padding-bottom: 80px;
  background-color: #f6f6f6;
}

.p-footer a {
  opacity: 1;
  transition: opacity .4s;
}

@media screen and (min-width: 768px) {
  .p-footer__contents {
    padding-top: 80px;
    padding-bottom: 107px;
  }

  .p-footer a:hover {
    opacity: .5;
  }
}

.p-footer__inner {
  max-width: 500px;
}

@media screen and (min-width: 768px) {
  .p-footer__inner {
    max-width: none;
    max-width: initial;
  }
}

.p-footer-bottom {
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  background: #241415;
}

@media screen and (min-width: 768px) {
  .p-footer-bottom {
    margin-top: 80px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.p-footer-bottom__contents {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p-footer-bottom__text-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p-footer-bottom__link {
  display: inline-block;
  color: #0B1010;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  .p-footer-bottom__link {
    font-size: 28px;
    line-height: 1.3571428571;
  }
}

.p-footer-bottom__link+.p-footer-bottom__link {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .p-footer-bottom__link+.p-footer-bottom__link {
    margin-top: 32px;
  }
}

.p-footer-bottom__text {
  display: inline-block;
  margin-top: 20px;
  color: #807A7A;
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-footer-bottom__text {
    font-size: 14px;
    line-height: 1.3571428571;
  }
}

.p-footer-bottom__text-wrap {
  margin-top: 20px;
}

.p-footer-bottom__text+.p-footer-bottom__text {
  margin-top: 8px;
}

@media screen and (min-width: 768px) {
  .p-footer-bottom__text+.p-footer-bottom__text {
    margin-top: 16px;
  }
}

.p-footer-bottom__sns {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  gap: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
}

.p-footer-bottom__sns a {
  display: block;
  width: 100%;
  max-width: 40px;
}

.p-footer-bottom__snsImg img {
  display: block;
  width: 100%;
  height: auto;
}

.p-footer-bottom__snsImg {
  width: 100%;
}

.p-footer__nav {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.p-footer__navText {
  display: inline-block;
  color: #0B1010;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  .p-footer__navText {
    font-size: 20px;
  }
}

.p-footer-nav {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.p-footer-nav__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  margin-right: 5px;
  padding-right: 5px;
  border-right: 1px solid #0B1010;
}

.p-footer-nav__item a {
  display: inline-block;
  color: #0B1010;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .p-footer-nav__item a {
    font-size: 20px;
  }
}

.p-footer-bottom__contentsWrap {
  margin-top: 20px;
}

.p-header {
  padding-top: 17px;
  padding-bottom: 16px;
}

.p-header__head {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 100%;
}

.p-header__inner {
  max-width: 500px;
}

@media screen and (min-width: 768px) {
  .p-header__inner {
    max-width: 750px;
  }
}

.p-header__title {
  width: 100%;
  max-width: 87px;
  margin-right: 23px;
}

@media screen and (min-width: 768px) {
  .p-header__title {
    max-width: 296px;
    margin-right: 47px;
  }
}

.p-header__title a {
  display: block;
  width: 100%;
  height: auto;
}

.p-header__title a img {
  height: 100%;
}

.p-header__text {
  -webkit-font-feature-settings: "palt";
  margin-right: 0;
  margin-left: auto;
  color: #0B1010;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.2857142857;
}

@media screen and (min-width: 768px) {
  .p-header__text {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}

.p-main__container {
  z-index: 10;
  position: relative;
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 103px;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .p-main__container {
    max-width: 750px;
    padding-top: 198px;
  }
}

.p-main__text {
  margin-top: 21px;
  color: #0B1010;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2666666667;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-main__text {
    margin-top: 21px;
    font-size: 62px;
    line-height: 1.2258064516;
  }
}

.p-nav {
  margin-top: 0px;
  margin-left: -16px;
}

@media screen and (min-width: 768px) {
  .p-nav {
    margin-left: -32px;
  }
}

.p-nav__list {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

@media screen and (min-width: 768px) {
  .p-nav__list {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.p-nav__item {
  position: relative;
  margin-top: 8px;
  margin-left: 16px;
  opacity: 1;
  transition: opacity .4s;
}

@media screen and (min-width: 768px) {
  .p-nav__item {
    /* margin-top: 32px; */
    margin-left: 32px;
  }

  .p-nav__item:hover {
    opacity: 0.5;
  }
}

.p-nav__link {
  display: block;
  color: #0B1010;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.0588235294;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-nav__link {
    font-size: 25px;
    line-height: 1.44;
  }
}

.p-nav__link.p-nav__link--underLine {
  text-decoration: underline;
}

.p-qa__block {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .p-qa__block {
    margin-top: 40px;
  }
}

.p-section__swiper {
  margin-top: 20px;
}

.p-review__head {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.p-review__headImg {
  max-width: 100px;
  margin-right: 20px;
  background-color: #43454D;
}

.p-review__bodyText {
  margin-top: 16px;
}

.p-review__slide {
  padding: 20px;
  border: 1px solid #ff503a;
}

.p-review__bottom {
  border: 1px solid #ff503a;
  margin-top: 16px;
  padding: 0 19px 19px;
  position: relative;

}




.p-review__bottom:before {
  content: "";
  position: absolute;
  top: 20px;
  left: -10px;
  margin-left: -15px;
  border: 13px solid transparent;
  border-right: 13px solid #FFF;
  z-index: 2;
}
.p-review__bottom:after {
  content: "";
  position: absolute;
  top: 19px;
  left: -11px;
  margin-left: -17px;
  border: 14px solid transparent;
  border-right: 14px solid #ff503a;
  z-index: 1;
}


.p-review__bottomText {
  margin-top: 16px;
}


.p-review__bottomWrap {
  display: flex;
}

.p-review__bottomImg {
  width: 100%;
  max-width: 50px;
  height: 100%;
  margin-right: auto;
  margin-left: 0;
  margin-top: 25px;
  flex-shrink: 0;
  margin-right: 24px;
}

.p-review__bottomImg img {
  width: 100%;
  height: 100%;
  display: block;
}




.p-review__swiper-container .swiper-button-prev,
.p-review__swiper-container .swiper-button-next {
  color: #FF503A;
}

.p-slot__swiper-container .swiper-button-prev,
.p-slot__swiper-container .swiper-button-next {
  color: #FF503A;
}

.p-live__swiper-container .swiper-button-prev,
.p-live__swiper-container .swiper-button-next {
  color: #FF503A;
}

.p-review__swiper-container .swiper-button-prev {
  left: 0;
}

.p-review__swiper-container .swiper-button-next {
  right: 0;
}

.p-section__pageTitle {
  margin-top: 40px;
}

@media screen and (min-width: 768px) {
  .p-section__pageTitle {
    margin-top: 80px;
  }
}

.p-section__title {
  margin-top: 40px;
}

@media screen and (min-width: 768px) {
  .p-section__title {
    margin-top: 80px;
  }
}

.p-section__subTitle {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  .p-section__subTitle {
    margin-top: 60px;
  }
}

.p-section__miniTitle {
  margin-top: 31px;
}

@media screen and (min-width: 768px) {
  .p-section__miniTitle {
    margin-top: 63px;
  }
}

.p-section__text {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-section__text {
    margin-top: 30px;
  }
}

.p-section__text2 {
  margin-top: 8px;
}

@media screen and (min-width: 768px) {
  .p-section__text2 {
    margin-top: 15px;
  }
}

.p-section__img {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .p-section__img {
    margin-top: 40px;
  }
}

.p-section__commonLink {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  .p-section__commonLink {
    margin-top: 60px;
  }
}

.p-section__commonLink+.p-section__commonLink {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .p-section__commonLink+.p-section__commonLink {
    margin-top: 20px;
  }
}

.p-section__echo {
  margin-top: 12px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-section__echo {
    margin-top: 24px;
  }
}

.p-section__echoLarge {
  margin-top: 30px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-section__echoLarge {
    margin-top: 61px;
  }
}

.p-section__echoTriangle {
  margin-top: 24px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-section__echoTriangle {
    margin-top: 49px;
  }
}

.p-section__echoTriangle+.p-section__img {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .p-section__echoTriangle+.p-section__img {
    margin-top: 20px;
  }
}



/* .p-section__copyBox { */
/* margin-top: 15px; */
/* } */
/* @media screen and (min-width: 768px) { */
/* .p-section__copyBox { */
/* margin-top: 31px; */
/* } */
/* } */

.p-section__text.p-section__text--center,
.p-section__text2.p-section__text--center {
  text-align: center;
}

.p-section__text.p-section__text--right {
  text-align: right;
}

.p-section__codeCopy {
  margin-top: 5px;
}

@media screen and (min-width: 768px) {
  .p-section__codeCopy {
    margin-top: 10px;
  }
}

.p-section__circle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 25px;
}

@media screen and (min-width: 768px) {
  .p-section__circle {
    margin-top: 50px;
  }
}

.p-section__circleItem {
  margin-right: 8px;
}

@media screen and (min-width: 768px) {
  .p-section__circleItem {
    margin-right: 16px;
  }
}

.p-section__circleItem:last-child {
  margin-right: 0;
}


.p-section__circleItemImg {
  position: relative;
  z-index: 0;
}

.p-section__circleItemImg::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
  opacity: .4;
}

.p-section__circleItemImg.p-section__circleItemImg--bonus::before {
  background: url(../images/common/bonus.png) no-repeat center / contain;
}

.p-section__circleItemImg.p-section__circleItemImg--money::before {
  background: url(../images/common/money.png) no-repeat center / contain;
}

.p-section__circleItemImg.p-section__circleItemImg--game::before {
  background: url(../images/common/top.png) no-repeat center / contain;
}



.p-section__circleItemImg .c-circle__text {
  color: #0B1010;
}




.p-section__mokuji {
  margin-top: 12px;
}

@media screen and (min-width: 768px) {
  .p-section__mokuji {
    margin-top: 24px;
  }
}

.p-section__tableContents {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  .p-section__tableContents {
    margin-top: 60px;
  }
}

.p-section+.p-section {
  margin-top: 40px;
}

@media screen and (min-width: 768px) {
  .p-section+.p-section {
    margin-top: 80px;
  }
}

.p-section:last-of-type {
  padding-bottom: 40px;
}

@media screen and (min-width: 768px) {
  .p-section:last-of-type {
    padding-bottom: 80px;
  }
}

.p-section__pointBoxs {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .p-section__pointBoxs {
    margin-top: 40px;
  }
}

.p-section__pointBox {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .p-section__pointBox {
    margin-top: 40px;
  }
}

.p-section__pointItem+.p-section__pointItem {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .p-section__pointItem+.p-section__pointItem {
    margin-top: 20px;
  }
}

.p-section__table {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-section__table {
    margin-top: 30px;
  }
}

.p-section__borderBox {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-section__borderBox {
    margin-top: 30px;
  }
}

.p-section__support {
  margin-top: 30px;
}

.p-section__2col {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.p-under-section__toc {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .p-under-section__toc {
    margin-top: 40px;
  }
}

.p-under-float {
  z-index: 100;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.p-under-float__inner {
  width: 100%;
  height: 100%;
  padding: 8px 10px 8px;
  background-color: #f6f6f6;
}

@media screen and (min-width: 768px) {
  .p-under-float__inner {
    padding: 15px 20px 11px;
  }
}

.p-under-float__button {
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .p-under-float__button {
    max-width: 710px;
  }
}

.p-under-toc {
  position: relative;
  padding: 25px 30px 30px;
  border: 1px solid #ff503a;
  background: #f7c3c3;
}

.p-under-toc:before {
  display: inline-block;
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 83px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);
  content: "";
  pointer-events: none;
}

.p-under-toc ul {
  height: 142.08px;
  overflow: hidden;
}

.p-under-toc.show::before {
  display: none;
}

.p-under-toc.show ul {
  height: auto;
  overflow: visible;
}

.p-toc_toggle {
  position: relative;
  padding: 0;
  padding: initial;
  cursor: pointer;
  opacity: 1;
  transition: opacity .4s;

}

@media screen and (min-width: 768px) {
  .p-toc_toggle:hover {
    opacity: .5;

  }
}

.p-toc_toggle {
  z-index: 50;
  position: absolute;
  right: 15px;
  bottom: 16px;
}

.p-toc_toggle.open {
  bottom: 16px;
}

.p-toc_toggle.open .p-toc_toggle-box span:nth-of-type(2) {
  opacity: 0;
}

.p-toc_toggle-box {
  position: relative;
  width: 58px;
  height: 58px;
  background: #FF503A;
}

.p-toc_toggle-box span {
  -webkit-transform: translateX(-50%);
  -webkit-transition: all 0.4s;
  display: block;
  position: relative;
  left: 50%;
  width: 22px;
  height: 2px;
  transform: translateX(-50%);
  background: #0B1010;
  transition: all 0.4s;
}

.p-toc_toggle-box span:nth-of-type(1) {
  top: 50%;
}

.p-toc_toggle-box span:nth-of-type(2) {
  -webkit-transform: translateY(-50%);
  top: 50%;
  width: 2px;
  height: 22px;
  transform: translateY(-50%);
}

.p-under-toc__text {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: center;
  color: #0B1010;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.3571428571;
}

@media screen and (min-width: 768px) {
  .p-under-toc__text {
    font-size: 25px;
    line-height: 1.56;
  }
}

.p-under-toc__text::before {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  display: inline-block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background: url(../images/mokuji.png) no-repeat;
  background-size: contain;
  content: "";
}

@media screen and (min-width: 768px) {
  .p-under-toc__text::before {
    width: 40px;
    height: 40px;
  }
}

.p-under-toc__list li a {
  display: inline-block;
  color: #0B1010;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  opacity: 1;
  transition: opacity .4s;
}

@media screen and (min-width: 768px) {
  .p-under-toc__list li a {
    font-size: 20px;
  }

  .p-under-toc__list li a:hover {
    opacity: .5;
  }

}

.p-under-toc__list li ul li a {
  display: block;
  color: #0B1010;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6666666667;
}

@media screen and (min-width: 768px) {
  .p-under-toc__list li ul li a {
    font-size: 16px;
    line-height: 1.6;
  }
}

.p-under-toc__list li+li {
  margin-top: 0;
}

.p-under-toc__list li:first-child {
  margin-top: 0;
}

.p-under-toc__list li>ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin-left: 12px;
}

.p-under-toc__list li>ul li {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: flex-start;
}

.p-under-toc__list li>ul li::before {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: -3px;
  margin-right: 10px;
  content: "-";
}