@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

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

p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
}

img {
  display: block;
}

.kv img {
  width: 100%;
}

.container {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .container {
    width: min(1200px, 100%);
  }
}
@media screen and (max-width: 767px) {
  .container {
    width: 90%;
  }
}

.content {
  background: url("./images/pattern1.png");
}
@media screen and (min-width: 768px) {
  .content .apply {
    padding-bottom: min(72px, 6vw);
  }
}
@media screen and (max-width: 767px) {
  .content .apply {
    padding-bottom: 10vw;
  }
}
.content .apply-title {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .content .apply-title {
    width: 50%;
    padding: 72px 0 85px;
  }
}
@media screen and (max-width: 767px) {
  .content .apply-title {
    width: 90%;
    padding: 6vw 0 9vw;
  }
}
.content .step-num {
  position: relative;
  margin: 0 auto;
  top: max(-65px, -5vw);
}
@media screen and (min-width: 768px) {
  .content .step-num {
    width: 13%;
    top: max(-65px, -5vw);
  }
}
@media screen and (max-width: 767px) {
  .content .step-num {
    width: 22%;
    top: -7vw;
  }
}
.content .step-num .step-base {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}
.content .step-num p {
  position: absolute;
  top: 0.4vw;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  color: white;
}
@media screen and (min-width: 768px) {
  .content .step-num p {
    font-size: min(18px, 1.7vw);
    line-height: min(31px, 2.7vw);
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .content .step-num p {
    margin: 0.7vw auto 0;
    font-size: 2.8vw;
  }
}
@media screen and (min-width: 768px) {
  .content .step-num p span {
    font-size: min(45px, 3.8vw);
  }
}
@media screen and (max-width: 767px) {
  .content .step-num p span {
    font-size: 5vw;
  }
}
.content .step1 {
  border-radius: 60px;
  background-color: white;
  text-align: center;
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .content .step1 {
    border: #B00F0C solid 3px;
    border-radius: 60px;
    margin: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .content .step1 {
    border: #B00F0C solid 0.6vw;
    border-radius: 12vw;
  }
}
.content .step1 .heading {
  display: block;
  padding-bottom: 10px;
  text-align: center;
  color: #B00F0C;
}
@media screen and (min-width: 768px) {
  .content .step1 .heading {
    margin: 63px auto 0;
    width: 37%;
    font-size: min(2.7vw, 32px);
    border-bottom: #B00F0C 3px solid;
  }
}
@media screen and (max-width: 767px) {
  .content .step1 .heading {
    margin: 7.9vw auto 0;
    width: 70%;
    font-size: 4.6vw;
    border-bottom: #B00F0C 0.5vw solid;
  }
}
.content .step1 .notes {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .content .step1 .notes {
    font-size: min(1.1vw, 14px);
    line-height: min(1.8vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .content .step1 .notes {
    font-size: 2.5vw;
    line-height: 4vw;
  }
}
.content .step1 .question-area .choice-area {
  position: relative;
}
.content .step1 .question-area .choice-area .arrow {
  position: absolute;
  display: inline-block;
  padding: 10px;
  top: 1px;
  right: 1px;
}
.content .step1 .question-area .choice-area .arrow::before {
  content: "";
  width: 14px;
  height: 14px;
  border-top: solid 3px #B00F0C;
  border-right: solid 3px #B00F0C;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .content .step1 .question-area .choice-area .arrow::before {
    right: min(6vw, 68px);
    top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .content .step1 .question-area .choice-area .arrow::before {
    right: 7vw;
    top: 3vw;
  }
}
.content .step1 .question-area .choice-area .arrow.arrow-bottom::before {
  transform: rotate(135deg);
}
@media screen and (min-width: 768px) {
  .content .step1 .question-area {
    display: flex;
    justify-content: center;
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .content .step1 .question-area {
    margin-top: 6vw;
  }
}
.content .step1 .question-area .family-question {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .content .step1 .question-area .family-question {
    width: 45%;
    border-right: 1px solid #BBBBBB;
  }
}
@media screen and (max-width: 767px) {
  .content .step1 .question-area .family-question {
    margin-bottom: 6vw;
  }
}
.content .step1 .question-area .sp-line {
  border: 1px solid #BBBBBB;
  width: 80%;
  margin: 0 auto;
}
.content .step1 .question-area .money-question {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .content .step1 .question-area .money-question {
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .content .step1 .question-area .money-question {
    margin-top: 7vw;
  }
}
.content .step1 .question-area .question {
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .content .step1 .question-area .question {
    font-size: min(2vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .content .step1 .question-area .question {
    font-size: 4.8vw;
  }
}
.content .step1 .question-area .choice {
  width: min(80%, 429px);
  border: 1px solid #707070;
  padding: 15px 5px 15px 10px;
  text-align: left;
  margin-bottom: 16px;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 768px) {
  .content .step1 .question-area .choice {
    width: min(80%, 429px);
    padding: 15px 5px 15px 10px;
  }
}
@media screen and (max-width: 767px) {
  .content .step1 .question-area .choice {
    width: 90%;
    padding: 3vw 1vw 3vw 2vw;
  }
}
@media screen and (min-width: 768px) {
  .content .step1 .triangle {
    margin: 25px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .content .step1 .triangle {
    width: 10vw;
    margin: 5vw auto;
  }
}
.content .step1 .your-amount {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .content .step1 .your-amount {
    font-size: min(2vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .content .step1 .your-amount {
    font-size: 5.2vw;
  }
}
.content .step1 .amount {
  color: #B00F0C;
}
@media screen and (min-width: 768px) {
  .content .step1 .amount {
    margin: 20px 0;
    font-size: min(4.5vw, 54px);
  }
}
@media screen and (max-width: 767px) {
  .content .step1 .amount {
    margin: 5vw 0;
    font-size: 10vw;
  }
}
.content .step1 .small-text {
  font-size: min(2.5vw, 28px);
}
@media screen and (max-width: 767px) {
  .content .step1 .small-text {
    font-size: 4vw;
  }
}
.content .step2 {
  border-radius: 60px;
  background-color: white;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .content .step2 {
    border: #B00F0C solid 3px;
    border-radius: 60px;
    margin: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .content .step2 {
    border: #B00F0C solid 0.6vw;
    border-radius: 12vw;
  }
}
@media screen and (min-width: 768px) {
  .content .step2 {
    margin-top: 89px;
  }
}
@media screen and (max-width: 767px) {
  .content .step2 {
    margin-top: 12vw;
  }
}
.content .step2 .heading {
  display: block;
  padding-bottom: 10px;
  text-align: center;
  color: #B00F0C;
}
@media screen and (min-width: 768px) {
  .content .step2 .heading {
    margin: 63px auto 0;
    width: 40%;
    font-size: min(2.7vw, 32px);
    border-bottom: #B00F0C 3px solid;
  }
}
@media screen and (max-width: 767px) {
  .content .step2 .heading {
    margin: 7.9vw auto 0;
    width: 70%;
    font-size: 4.6vw;
    border-bottom: #B00F0C 0.5vw solid;
  }
}
.content .step2 .product {
  margin: min(5.5vw, 57px) auto min(3vw, 31px);
}
@media screen and (min-width: 768px) {
  .content .step2 .product {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .content .step2 .product {
    width: 95%;
  }
}
.content .step2 .deadline {
  color: #B00F0C;
  font-size: min(2.4vw, 28px);
}
@media screen and (min-width: 768px) {
  .content .step2 .deadline {
    line-height: 40px;
    font-size: min(2.4vw, 28px);
  }
}
@media screen and (max-width: 767px) {
  .content .step2 .deadline {
    line-height: 6.6vw;
    font-size: 4.6vw;
  }
}
.content .step2 .deadline .underline {
  -webkit-text-decoration: underline 2px #B00F0C;
          text-decoration: underline 2px #B00F0C;
  text-underline-offset: 6px;
}
@media screen and (max-width: 767px) {
  .content .step2 .deadline .underline {
    -webkit-text-decoration: underline 2px #B00F0C;
            text-decoration: underline 2px #B00F0C;
    text-underline-offset: 4px;
  }
}
.content .step2 .countdown {
  color: #B00F0C;
  margin: min(2.5vw, 30px) 0 min(4.3vw, 50px);
}
@media screen and (min-width: 768px) {
  .content .step2 .countdown {
    font-size: min(4.5vw, 54px);
  }
}
@media screen and (max-width: 767px) {
  .content .step2 .countdown {
    margin: 6vw 0 9vw;
    font-size: 10vw;
  }
}
.content .step2 .countdown .until {
  color: black;
  font-size: min(2.2vw, 24px);
}
.content .step3 {
  border-radius: 60px;
  background-color: white;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .content .step3 {
    border: #B00F0C solid 3px;
    border-radius: 60px;
    margin: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .content .step3 {
    border: #B00F0C solid 0.6vw;
    border-radius: 12vw;
  }
}
@media screen and (min-width: 768px) {
  .content .step3 {
    margin-top: 89px;
  }
}
@media screen and (max-width: 767px) {
  .content .step3 {
    margin-top: 12vw;
  }
}
.content .step3 .heading {
  display: block;
  padding-bottom: 10px;
  text-align: center;
  color: #B00F0C;
}
@media screen and (min-width: 768px) {
  .content .step3 .heading {
    margin: 63px auto 0;
    width: 40%;
    font-size: min(2.7vw, 32px);
    border-bottom: #B00F0C 3px solid;
  }
}
@media screen and (max-width: 767px) {
  .content .step3 .heading {
    margin: 7.9vw auto 0;
    width: 70%;
    font-size: 4.6vw;
    border-bottom: #B00F0C 0.5vw solid;
  }
}
@media screen and (min-width: 768px) {
  .content .step3 .heading {
    margin: 63px auto 60px;
  }
}
@media screen and (max-width: 767px) {
  .content .step3 .heading {
    margin: 7.9vw auto 6vw;
  }
}

@media screen and (min-width: 768px) {
  .section-choice {
    background: url(./images/pattern2.png) center/175px 151px repeat;
  }
}
@media screen and (max-width: 767px) {
  .section-choice {
    background: url(./images/pattern2.png) center/34.1333333333vw 29.3333333333vw repeat;
  }
}
.section-choice .title-area {
  position: relative;
}
@media screen and (min-width: 768px) {
  .section-choice .title-area {
    background: url(./images/03_choice_base_pc.png) center/100% 100% no-repeat;
  }
}
@media screen and (min-width: 1201px) {
  .section-choice .title-area {
    width: 100%;
    height: 182.75px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
  .section-choice .title-area::before {
    content: "";
    padding-top: 15.2291666667%;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .section-choice .title-area {
    background: url(./images/03_choice_base_sp.png) center/100% 100% no-repeat;
    width: 100%;
    height: 22.4vw;
  }
}
.section-choice .title-area > .inner {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .section-choice .title-area > .inner {
    width: min(1200px, 100%);
  }
}
@media screen and (min-width: 768px) {
  .section-choice .title-area .title {
    width: 59.1666666667%;
    margin: 2.2375% auto 0;
  }
}
@media screen and (max-width: 767px) {
  .section-choice .title-area .title {
    width: 86.6666666667vw;
    margin: 1vw auto 0;
  }
}
.section-choice > .inner {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .section-choice > .inner {
    max-width: 1280px;
    padding: 0 0 5.46875%;
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner {
    padding: 0 0 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .section-choice > .inner .label-ranking {
    width: 46.875%;
    margin: 2.578125% auto 0;
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner .label-ranking {
    width: 89.3333333333vw;
    margin: 5.3333333333vw auto 0;
  }
}
.section-choice > .inner .ranking {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .section-choice > .inner .ranking {
    width: 93.75%;
    margin: 3.4375% auto 0;
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner .ranking {
    width: 92vw;
    margin: 4.2666666667vw auto 0;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  .section-choice > .inner .ranking > * {
    width: 23.9166666667%;
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner .ranking > * {
    width: 44.6666666667vw;
  }
  .section-choice > .inner .ranking > *:nth-child(n+3) {
    margin-top: 2.6666666667vw;
  }
}
.section-choice > .inner .ranking .item {
  position: relative;
  background: white;
}
@media screen and (min-width: 768px) {
  .section-choice > .inner .ranking .item {
    border-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner .ranking .item {
    border-radius: 2.6666666667vw;
  }
}
.section-choice > .inner .ranking .item::before {
  content: "";
  display: block;
}
@media screen and (min-width: 768px) {
  .section-choice > .inner .ranking .item::before {
    padding-top: 135.8885017422%;
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner .ranking .item::before {
    padding-top: 135.8208955224%;
  }
}
.section-choice > .inner .ranking .item > .inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.section-choice > .inner .ranking .item .image {
  width: 100%;
}
.section-choice > .inner .ranking .item .text {
  color: #202020;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .section-choice > .inner .ranking .item .text {
    width: 90.5923344948%;
    height: 31.0256410256%;
    margin: 6.968641115% auto 0;
  }
}
@media screen and (min-width: 1281px) {
  .section-choice > .inner .ranking .item .text {
    font-size: 20px;
    line-height: 29px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 768px) {
  .section-choice > .inner .ranking .item .text {
    font-size: 1.5625vw;
    line-height: 2.265625vw;
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner .ranking .item .text {
    width: 38.6666666667vw;
    height: 18.8vw;
    margin: 3.2vw auto 0;
    font-size: 3.2vw;
    line-height: 4.6666666667vw;
  }
}
.section-choice > .inner .ranking .item .price {
  font-weight: normal;
  color: #b00f0c;
}
@media screen and (min-width: 768px) {
  .section-choice > .inner .ranking .item .price {
    width: 90.5923344948%;
    margin: 6.968641115% auto 0;
  }
}
@media screen and (min-width: 1281px) {
  .section-choice > .inner .ranking .item .price {
    font-size: 24px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 768px) {
  .section-choice > .inner .ranking .item .price {
    font-size: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner .ranking .item .price {
    width: 38.6666666667vw;
    margin: 2.6666666667vw auto 0;
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 768px) {
  .section-choice > .inner .label-recommend {
    width: 46.875%;
    margin: 5.625% auto 0;
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner .label-recommend {
    width: 89.3333333333vw;
    margin: 9.6vw auto 0;
  }
}
.section-choice > .inner .recommend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .section-choice > .inner .recommend {
    width: 77.578125%;
    margin: 3.4375% auto 0;
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner .recommend {
    width: 92vw;
    margin: 4.2666666667vw auto 0;
  }
}
@media screen and (min-width: 768px) {
  .section-choice > .inner .recommend > * {
    width: 32.2580645161%;
  }
  .section-choice > .inner .recommend > *:nth-child(n+4) {
    margin-top: min(20px, 2.0161290323%);
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner .recommend > * {
    width: 44.6666666667vw;
  }
  .section-choice > .inner .recommend > *:nth-child(n+3) {
    margin-top: 2.6666666667vw;
  }
}
.section-choice > .inner .recommend .item {
  position: relative;
  width: 100%;
  background: white;
}
@media screen and (min-width: 768px) {
  .section-choice > .inner .recommend .item {
    border-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner .recommend .item {
    border-radius: 2.6666666667vw;
  }
}
.section-choice > .inner .recommend .item::before {
  content: "";
  display: block;
}
@media screen and (min-width: 768px) {
  .section-choice > .inner .recommend .item::before {
    padding-top: 105.3125%;
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner .recommend .item::before {
    padding-top: 105.3731343284%;
  }
}
.section-choice > .inner .recommend .item > .inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.section-choice > .inner .recommend .item .image {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .section-choice > .inner .recommend .item .image {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner .recommend .item .image {
    border-top-right-radius: 2.6666666667vw;
    border-top-left-radius: 2.6666666667vw;
  }
}
.section-choice > .inner .recommend .item .text {
  color: #202020;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .section-choice > .inner .recommend .item .text {
    width: 94.375%;
    height: 19.8224852071%;
    margin: 7.5% auto 0;
  }
}
@media screen and (min-width: 1281px) {
  .section-choice > .inner .recommend .item .text {
    font-size: 20px;
    line-height: 35px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 768px) {
  .section-choice > .inner .recommend .item .text {
    font-size: 1.5625vw;
    line-height: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner .recommend .item .text {
    width: 42vw;
    height: 9.3333333333vw;
    margin: 3.0666666667vw auto 0;
    font-size: 3.2vw;
    line-height: 4.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .section-choice > .inner .label-choice-area {
    width: 46.875%;
    margin: 5.625% auto 0;
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner .label-choice-area {
    width: 89.3333333333vw;
    margin: 9.6vw auto 0;
  }
}
.section-choice > .inner .button-area {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .section-choice > .inner .button-area {
    margin: 3.4375% auto 0;
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner .button-area {
    margin: 4.2666666667vw auto 0;
  }
}
.section-choice > .inner .button-area .button {
  display: inline-block;
  position: relative;
  background: #b00f0c;
  border-radius: 53px;
  color: white;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .section-choice > .inner .button-area .button {
    width: 38.90625%;
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner .button-area .button {
    width: 72.1333333333vw;
  }
}
.section-choice > .inner .button-area .button::before {
  content: "";
  display: block;
}
@media screen and (min-width: 768px) {
  .section-choice > .inner .button-area .button::before {
    padding-top: 21.0843373494%;
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner .button-area .button::before {
    padding-top: 19.4085027726%;
  }
}
.section-choice > .inner .button-area .button span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1281px) {
  .section-choice > .inner .button-area .button span {
    font-size: 26px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 768px) {
  .section-choice > .inner .button-area .button span {
    font-size: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  .section-choice > .inner .button-area .button span {
    font-size: 3.4666666667vw;
  }
}
.section-choice > .inner .button-area .button span .present-arrow {
  top: 55%;
  left: 111%;
}

footer {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  footer {
    padding: min(75px, 6.25%) 0 min(72px, 6%);
    background: url(./images/pattern1.png) center/40px 40px repeat;
  }
}
@media screen and (max-width: 767px) {
  footer {
    padding: 9.3333333333vw 0 11.7333333333vw;
    background: url(./images/pattern1.png) center/10.6666666667vw 10.6666666667vw repeat;
  }
}
footer > .inner {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  footer > .inner {
    max-width: 1200px;
  }
}
footer .banner-area {
  margin: 0 auto;
  text-align: center;
}
footer .banner-area .banner {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  footer .banner-area .banner {
    width: min(498px, 41.5%);
  }
}
@media screen and (max-width: 767px) {
  footer .banner-area .banner {
    width: 89.3333333333vw;
  }
}
footer .docomo {
  text-align: center;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  footer .docomo {
    max-width: 1280px;
    padding: 5.46875% 0;
  }
}
@media screen and (max-width: 767px) {
  footer .docomo {
    padding: 10.6666666667vw 0;
  }
}
footer .docomo .support {
  margin: 25px 0 5px;
  font-size: min(2.2vw, 24px);
}
@media screen and (max-width: 767px) {
  footer .docomo .support {
    font-size: 4.3vw;
    line-height: 6.3vw;
    margin: 3vw 0 1.2vw;
  }
}
footer .docomo .notes {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  footer .docomo .notes {
    font-size: min(1.1vw, 14px);
    line-height: min(1.8vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  footer .docomo .notes {
    font-size: 2.5vw;
    line-height: 4vw;
  }
}
footer .docomo .docomo-arrow {
  margin-left: 12px;
}
footer .docomo button {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: min(2.2vw, 24px);
  padding: min(2.2vw, 24px) min(6vw, 64px);
  border-radius: 40px;
  background-color: #CC0033;
  color: white;
}
@media screen and (min-width: 768px) {
  footer .docomo button {
    margin: min(3vw, 30px) 0;
    font-size: min(2.2vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  footer .docomo button {
    padding: 5vw 9.5vw;
    font-size: 3.3vw;
    border-radius: 55px;
    margin: 2.2vw 0 6.3vw;
  }
}
footer .copyright {
  text-align: center;
  color: #202020;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  footer .copyright {
    margin: min(12px, 5.625%) auto 0;
  }
}
@media screen and (min-width: 1281px) {
  footer .copyright {
    font-size: 16px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
  footer .copyright {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  footer .copyright {
    margin: 4.2666666667vw auto 0;
    font-size: 2.6666666667vw;
  }
}