@charset "UTF-8";
/* ↓st/s_dcard/css/style.css↓ */
/*
* FLOCSSベース 独自拡張
* https://github.com/hiloki/flocss
* core mixin/function/variable
* fundation normalize/reset/font/iconfont/
* layout header/footer/wrapper/main
* object component/project/utility
* page
* vendor
*/
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  font-size: 62.5%;
  line-height: 1;
  font-family: "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: 400;
/*  background-color: #333333;*/
}

@media screen and (max-width: 360px) {
  :root {
    font-size: 0.5em;
  }
}

img {
  vertical-align: middle;
}

input,
textarea {
  color: inherit;
  font: 1em "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: normal;
}

input:disabled,
textarea:disabled {
  outline: none;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: inherit;
  font: 1em "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: normal;
  text-align: left;
}

button:disabled {
  outline: none;
}

select {
  color: inherit;
  cursor: pointer;
  font: 1em "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Meiryo", "Yu Gothic", sans-serif;
  font-weight: normal;
}

select:disabled {
  outline: none;
}

textarea:-moz-read-only {
  resize: none;
}

textarea:read-only, textarea:disabled {
  resize: none;
}

ul, ol {
  list-style: none;
}

address, em, strong {
  font-style: normal;
}

p {
  line-height: 2;
}

strong {
  font-weight: bold;
}

body {
  background-color: #fff;
  color: #333;
  margin: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-break: strict;
  overflow-wrap: break-word;
  word-wrap: break-word;
  font-size: 1.4rem;
  letter-spacing: 0.075em;
  min-width: 1240px;
  -webkit-text-size-adjust: none;
}

@media only screen and (max-width: 768px) {
  body {
    font-size: 1.3rem;
    min-width: 100%;
  }
}

a, button {
  transition: all .4s;
  cursor: pointer;
}

a:hover, button:hover {
  opacity: 0.6;
}

a[href^="tel:"] {
  pointer-events: none;
  cursor: default;
}

@media only screen and (max-width: 768px) {
  a, button {
    transition: none;
    cursor: pointer;
  }
  a:hover, button:hover {
    opacity: 1;
  }
  a[href^="tel:"] {
    pointer-events: auto;
  }
}

.mobileAccess a:hover, .mobileAccess button:hover {
  opacity: 1;
}

main {
  position: relative;
}

main a {
  color: #007ea5;
}

img {
  max-width: 100%;
  height: auto;
}

img.vertical {
  max-width: 60%;
}

/* areaTitle01 - component
--------------------------------------------------------- */
.c-areaTitle01 {
  text-align: center;
  margin-bottom: 50px;
}

/* btn - component
--------------------------------------------------------- */
.c-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  text-decoration: none;
  padding: 0 24px;
  width: 100%;
  height: 56px;
  background-color: #5f72b2;
}

.c-btn.isDisabled {
  background: #cccccc !important;
  pointer-events: none;
}

.c-btn.isDisabled:hover {
  opacity: 1;
}

.c-btn__text {
  display: inline-block;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.2;
  padding-right: 24px;
  color: #fff;
  font-size: 1.6rem;
  position: relative;
}

.c-btn__text::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background: url(../images/icon-arrow01-white.svg);
  width: 16px;
  height: 16px;
  margin-top: -8px;
}

.c-btn--large {
  height: 70px;
}

.c-btn--large .c-btn__text {
  font-size: 2.0rem;
  padding-right: 36px;
}

.c-btn--large .c-btn__text::after {
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

.c-btn--conversion {
  background-color: #cc0033;
}

.c-btn--accent01 {
  background-color: #fec54a;
}

.c-btn--accent01 .c-btn__text {
  color: #333;
}

.c-btn--sub01 {
  background-color: #757575;
}

.c-btn--sub02 {
  background-color: #ebebeb;
}

.c-btn--sub02 .c-btn__text {
  color: #666;
  padding: 0;
}

.c-btn--sub02 .c-btn__text::after {
  display: none;
}

.c-btn--prev {
  background-color: #ebebeb;
}

.c-btn--prev .c-btn__text {
  color: #333;
  padding-right: 0;
  padding-left: 28px;
}

.c-btn--prev .c-btn__text::after {
  right: auto;
  left: 0;
  background: url(../images/icon-arrow02-black.svg);
}

.c-btn--prev.c-btn--large .c-btn__text {
  padding-left: 36px;
}

.c-btn--upgrade {
  background-color: #8e7413;
}

.c-btn--upgrade .c-btn__text {
  padding-right: 0;
  padding-left: 24px;
}

.c-btn--upgrade .c-btn__text::after {
  right: auto;
  left: 0;
  background: url(../images/icon-upgrade-white.svg);
  height: 17px;
  margin-top: -9px;
}

.c-btn--noArrow .c-btn__text {
  padding: 0;
}

.c-btn--noArrow .c-btn__text::after {
  display: none;
}

.c-btn--more {
  padding: 0 16px;
  width: 112px;
  height: 36px;
}

.c-btn--more .c-btn__text {
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  padding-right: 23px;
}

.c-btn--more .c-btn__text::after {
  width: 15px;
  height: 15px;
}

.c-btn--fix {
  padding: 0 16px;
  width: 200px;
  height: 48px;
}

.c-btn--fix .c-btn__text {
  font-size: 1.4rem;
  padding-right: 0;
  padding-left: 23px;
}

.c-btn--fix .c-btn__text::after {
  right: auto;
  left: 0;
  background: url(../images/icon-arrow02-white.svg);
  width: 15px;
  height: 15px;
}

.c-btn:focus {
  outline: none;
  opacity: 0.6;
}

@media only screen and (max-width: 768px) {
  .c-btn {
    padding: 0 16px;
    height: 60px;
  }
  .c-btn__text {
    line-height: 1.2;
    font-size: 1.4rem;
  }
  .c-btn__text::after {
    width: 14px;
    height: 14px;
    margin-top: -7px;
  }
  .c-btn--large {
    padding: 0 16px;
    height: 60px;
  }
  .c-btn--large .c-btn__text {
    line-height: 1.5;
    font-size: 1.4rem;
  }
  .c-btn--large .c-btn__text::after {
    width: 14px;
    height: 14px;
    margin-top: -7px;
  }
  .c-btn--upgrade .c-btn__text::after {
    height: 15px;
    margin-top: -8px;
  }
  .c-btn--more {
    padding: 0 16px;
    width: 100%;
    height: 24px;
  }
  .c-btn--more .c-btn__text {
    font-size: 1.3rem;
    padding-right: 18px;
  }
  .c-btn--more .c-btn__text::after {
    width: 10px;
    height: 10px;
    margin-top: -5px;
  }
  .c-btn--fix {
    width: 184px;
    height: 40px;
  }
  .c-btn--fix .c-btn__text {
    font-size: 1.2rem;
  }
  .c-btn:focus {
    opacity: 1;
  }
}

.mobileAccess .c-btn:hover, .mobileAccess .c-btn:focus {
  opacity: 1;
}

/* btn1Col - component
--------------------------------------------------------- */
.c-btn1Col {
  width: 700px;
  margin: 0 auto 40px;
}

@media only screen and (max-width: 768px) {
  .c-btn1Col {
    margin-bottom: 24px;
    width: 100%;
  }
}

/* headingStyle01 - component
--------------------------------------------------------- */
.c-headingStyle01 {
  font-weight: bold;
  font-size: 4.0rem;
  line-height: 1.55;
  letter-spacing: 0.1em;
  margin-bottom: 40px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .c-headingStyle01 {
    font-size: 3.2rem;
    line-height: 1.5;
    margin-bottom: 28px;
  }
}

/* headingStyle02 - component
--------------------------------------------------------- */
.c-headingStyle02 {
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 1.55;
  letter-spacing: 0.1em;
  margin-bottom: 32px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .c-headingStyle02 {
    font-size: 2.8rem;
    line-height: 1.5;
    margin-bottom: 24px;
  }
}

/* headingStyle03 - component
--------------------------------------------------------- */
.c-headingStyle03 {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.55;
  letter-spacing: 0.1em;
  margin-bottom: 24px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .c-headingStyle03 {
    font-size: 2.1rem;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}

/* headingStyle03Bg - component
--------------------------------------------------------- */
.c-headingStyle03Bg {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.55;
  letter-spacing: 0.1em;
  margin-bottom: 18px;
  background: #ebebeb;
  padding: 8px 20px;
}

@media only screen and (max-width: 768px) {
  .c-headingStyle03Bg {
    font-size: 1.3rem;
    margin-bottom: 16px;
    padding: 8px 16px;
  }
}

/* headingStyle04 - component
--------------------------------------------------------- */
.c-headingStyle04 {
  font-weight: bold;
  font-size: 2.0rem;
  line-height: 1.55;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .c-headingStyle04 {
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 16px;
  }
}

/* headingStyle05 - component
--------------------------------------------------------- */
.c-headingStyle05 {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.55;
  letter-spacing: 0.1em;
  margin-bottom: 16px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .c-headingStyle05 {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 8px;
  }
}

/* noticeList - component
--------------------------------------------------------- */
.c-noticeList {
  margin-bottom: 40px;
}

.c-noticeList__item {
  position: relative;
  padding-left: 1em;
  font-size: 1.2rem;
  line-height: 2;
}

.c-noticeList__item::before {
  position: absolute;
  content: "※";
  left: 0;
  top: 0;
}

@media only screen and (max-width: 768px) {
  .c-noticeList {
    margin-bottom: 32px;
  }
}

/* shadowBox - component
--------------------------------------------------------- */
.c-shadowBox {
  border-radius: 48px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .c-shadowBox {
    border-radius: 20px;
  }
}

/* strongStyle01 - component
--------------------------------------------------------- */
.c-strongStyle01 {
  margin-bottom: 1.2em;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.75;
  color: #cc0033;
}

/* text - component
--------------------------------------------------------- */
.c-text {
  margin-bottom: 1.2em;
}

.c-text--left {
  text-align: left;
}

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

.c-text--right {
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .c-text--left-sm {
    text-align: left !important;
  }
}

/* btnList - component
--------------------------------------------------------- */
.c-textIcon {
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  height: 24px;
  border-radius: 12px;
  padding: 0 12px;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1.25;
}

.c-textIcon--gray {
  background-color: #757575;
}

.c-textIcon--gold {
  background-color: #8e7413;
}

.c-textIcon--baseRed {
  background-color: #cc0033;
}

.c-textIcon--accent01 {
  color: #333;
  background-color: #fec54a;
}

.c-textIcon--accent02 {
  background-color: #5f72b2;
}

.c-textIcon--subGray {
  color: #666;
  background-color: #ebebeb;
}

@media only screen and (max-width: 768px) {
  .c-textIcon {
    height: 21px;
    border-radius: 12px;
    padding: 0 10px;
    font-size: 1.0rem;
  }
}

/* breadcrumbs - project
--------------------------------------------------------- */
.p-breadcrumbs {
  padding: 24px 0 56px;
}

.p-breadcrumbs-list {
  letter-spacing: -.4em;
}

.p-breadcrumbs-list__item {
  letter-spacing: 0.1em;
  display: inline-block;
  position: relative;
  font-size: 1.2rem;
  line-height: 1.5;
}

.p-breadcrumbs-list__item::after {
  content: '>';
  margin: 0 6px;
}

.p-breadcrumbs-list__item a {
  font-weight: bold;
  text-decoration: underline;
}

.p-breadcrumbs-list__item a:hover {
  text-decoration: none;
}

.p-breadcrumbs-list__item--current::after {
  display: none;
}

@media only screen and (max-width: 768px) {
  .p-breadcrumbs {
    display: none;
  }
}

/* loginModal - project
--------------------------------------------------------- */
.p-loginModal {
  position: relative;
  width: 588px;
  margin: 0 auto;
}

.p-loginModal-inner {
  background: #333;
  border-radius: 48px;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.6;
}

.p-loginModal-title {
  line-height: 80px;
  font-size: 20px;
  text-align: center;
  background-color: #333;
  color: #fff;
  font-weight: bold;
}

.p-loginModal-body {
  padding: 32px;
  background-color: #fff;
}

.p-loginModal-item {
  margin-bottom: 8px;
  padding-top: 20px;
  border-top: 2px solid #ebebeb;
}

.p-loginModal-item.loginBtn {
  margin-bottom: 32px;
  padding-top: 0;
  border: none;
}

.p-loginModal-item__title {
  margin-bottom: 16px;
  font-weight: bold;
}

.p-loginModal-item__link li {
  display: inline-block;
  margin: 0 40px 12px 0;
}

.p-loginModal-item__link li a {
  text-decoration: underline;
  color: #007ea5;
}

.p-loginModal-item .c-btn {
  background-color: #cc0033;
}

.p-loginModal-item .c-btn__text {
  padding-left: 28px;
  padding-right: 0;
}

.p-loginModal-item .c-btn__text::after {
  right: auto;
  left: 0;
  background: url(../images/icon-login-white.svg);
}

.p-loginModal-service {
  margin-top: 16px;
  width: 100%;
  background: #f7f7f7;
  border-radius: 16px;
}

.p-loginModal-service li {
  padding: 20px 32px;
  border-bottom: 2px solid #ebebeb;
}

.p-loginModal-service li:last-child {
  border: none;
}

.p-loginModal-service__link {
  color: #333;
  text-decoration: none;
  display: inline-block;
}

.p-loginModal-service__link::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background: url(../images/icon-arrow02-black.svg);
  transform: rotate(180deg);
  width: 16px;
  height: 16px;
  margin: -4px 0 0 12px;
}

.p-loginModal-service__notice {
  margin-top: 8px;
  display: inline-block;
  font-size: 12px;
  color: #cc0033;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .p-loginModal {
    width: auto;
    margin: 0 auto;
  }
  .p-loginModal-inner {
    border-radius: 20px;
    font-size: 13px;
  }
  .p-loginModal-title {
    line-height: 65px;
    font-size: 18px;
  }
  .p-loginModal-body {
    padding: 20px;
  }
  .p-loginModal-item {
    margin-bottom: 8px;
    padding-top: 16px;
  }
  .p-loginModal-item.loginBtn {
    margin-bottom: 24px;
  }
  .p-loginModal-item__title {
    margin-bottom: 12px;
    font-weight: bold;
  }
  .p-loginModal-item__link li {
    display: inline-block;
    margin: 0 40px 12px 0;
  }
  .p-loginModal-item .c-btn {
    background-color: #cc0033;
  }
  .p-loginModal-item .c-btn__text {
    padding-left: 28px;
    padding-right: 0;
  }
  .p-loginModal-item .c-btn__text::after {
    right: auto;
    left: 0;
    background: url(../images/icon-login-white.svg);
  }
  .p-loginModal-service {
    margin-top: 16px;
    border-radius: 16px;
  }
  .p-loginModal-service li {
    padding: 16px;
  }
  .p-loginModal-service__link::after {
    width: 14px;
    height: 14px;
    margin-top: -3px;
  }
  .p-loginModal-service__notice {
    margin-top: 6px;
    font-size: 11px;
  }
}

/* table01 - project
--------------------------------------------------------- */
.p-table01 {
  width: 100%;
  border-collapse: collapse;
  border-left: 2px solid #ebebeb;
  border-top: 2px solid #ebebeb;
  margin-bottom: 40px;
}

.p-table01 .notice {
  font-size: 1.2rem;
  font-weight: normal;
}

.p-table01 .naIcon {
  position: relative;
  display: block;
  width: 100%;
}

.p-table01 .naIcon::before {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 2px;
  margin-left: -6px;
  margin-top: -1px;
  background: #333;
}

.p-table01 tbody th, .p-table01 tbody td {
  padding: 20px 32px;
  border-right: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb;
  line-height: 1.5;
  vertical-align: top;
  word-break: break-all;
}

.p-table01 tbody th p, .p-table01 tbody td p {
  line-height: 1.5;
}

.p-table01 tbody th > *:last-child, .p-table01 tbody td > *:last-child {
  margin-bottom: 0;
}

.p-table01 tbody .p-table01__head {
  background: #fafafa;
  width: 376px;
  text-align: left;
  font-weight: bold;
}

.p-table01 tbody .p-table01__head--indent {
  padding: 0 0 0 32px;
}

.p-table01 tbody .p-table01__head--indent > div {
  position: relative;
  padding: 20px 32px;
  border-left: 2px solid #ebebeb;
}

.p-table01 tbody .p-table01__head--indent > div::before {
  content: "";
  display: block;
  width: 32px;
  height: 2px;
  background: #fafafa;
  position: absolute;
  top: -2px;
  left: -34px;
}

@media only screen and (max-width: 768px) {
  .p-table01 {
    margin-bottom: 24px;
  }
  .p-table01 tbody th, .p-table01 tbody td {
    width: 50%;
    padding: 16px 12px;
    font-size: 1.2rem;
  }
  .p-table01 tbody .p-table01__head {
    background: #fafafa;
    width: 50%;
  }
  .p-table01 tbody .p-table01__head--indent {
    padding: 0 0 0 12px;
  }
  .p-table01 tbody .p-table01__head--indent > div {
    padding: 16px 12px;
  }
  .p-table01 tbody .p-table01__head--indent > div::before {
    width: 12px;
    left: -14px;
  }
  .p-table01--spTdRight tbody td {
    text-align: right;
  }
  .p-table01--spVertical tbody tr {
    display: block;
  }
  .p-table01--spVertical tbody th, .p-table01--spVertical tbody td {
    display: block;
    width: auto;
    padding: 16px 12px;
    font-size: 1.2rem;
  }
  .p-table01--spVertical tbody .p-table01__head {
    background: #fafafa;
    width: auto;
  }
}

/* table02 - project
--------------------------------------------------------- */
.p-table02 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-left: 2px solid #ebebeb;
  border-top: 2px solid #ebebeb;
  margin-bottom: 40px;
  line-height: 1.5;
}

.p-table02 .notice {
  font-size: 1.2rem;
  font-weight: normal;
}

.p-table02-head__head {
  background: #fafafa;
  font-weight: bold;
  padding: 20px;
  text-align: center;
  border-right: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb;
}

.p-table02-body__head {
  background: #fafafa;
  font-weight: bold;
  padding: 20px;
  text-align: left;
  border-right: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb;
}

.p-table02-body__cell {
  background: #fff;
  padding: 20px;
  border-right: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb;
}

.p-table02-body__cell .naIcon {
  position: relative;
  display: block;
  width: 100%;
}

.p-table02-body__cell .naIcon::before {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 2px;
  margin-left: -6px;
  margin-top: -1px;
  background: #333;
}

.p-table02-body__spTitle {
  display: none;
}

@media only screen and (max-width: 768px) {
  .p-table02 {
    margin-bottom: 24px;
  }
  .p-table02-head {
    display: none;
  }
  .p-table02-body__head {
    display: block;
    font-size: 1.2rem;
    padding: 14px;
    border-right: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
  }
  .p-table02-body__cell {
    display: block;
    background: #fff;
    padding: 14px 14px 0;
    font-size: 1.2rem;
    border-bottom: none;
  }
  .p-table02-body__cell .naIcon {
    position: relative;
    display: block;
    width: 100%;
    height: 16px;
    font-size: 0;
  }
  .p-table02-body__cell .naIcon::before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    width: 12px;
    height: 2px;
    margin-left: 0;
    margin-top: -1px;
    background: #333;
  }
  .p-table02-body__cell:last-child {
    border-bottom: 2px solid #ebebeb;
    padding-bottom: 14px;
  }
  .p-table02-body__spTitle {
    display: block;
    font-weight: bold;
    font-size: 1.2rem;
  }
}

/* table03 - project
--------------------------------------------------------- */
.p-table03 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-left: 2px solid #ebebeb;
  border-top: 2px solid #ebebeb;
  margin-bottom: 40px;
  line-height: 1.5;
}

.p-table03 .notice {
  font-size: 1.2rem;
  font-weight: normal;
}

.p-table03 .naIcon {
  position: relative;
  display: block;
  width: 100%;
}

.p-table03 .naIcon::before {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 2px;
  margin-left: -6px;
  margin-top: -1px;
  background: #333;
}

.p-table03-head__head {
  background: #fafafa;
  font-weight: bold;
  padding: 20px;
  text-align: center;
  border-right: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb;
}

.p-table03-body__head {
  background: #fafafa;
  font-weight: bold;
  padding: 20px 32px;
  text-align: left;
  border-right: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb;
}

.p-table03-body__head--indent {
  padding: 0 0 0 32px;
}

.p-table03-body__head--indent > div {
  position: relative;
  padding: 20px 32px;
  border-left: 2px solid #ebebeb;
}

.p-table03-body__head--indent > div::before {
  content: "";
  display: block;
  width: 32px;
  height: 2px;
  background: #fafafa;
  position: absolute;
  top: -2px;
  left: -34px;
}

.p-table03-body__head--indent2 {
  padding: 0 0 0 32px;
}

.p-table03-body__head--indent2 > div {
  position: relative;
  padding: 0 0 0 32px;
  border-left: 2px solid #ebebeb;
}

.p-table03-body__head--indent2 > div::before {
  content: "";
  display: block;
  width: 32px;
  height: 2px;
  background: #fafafa;
  position: absolute;
  top: -2px;
  left: -34px;
}

.p-table03-body__head--indent2 > div > div {
  position: relative;
  padding: 20px 32px;
  border-left: 2px solid #ebebeb;
}

.p-table03-body__head--indent2 > div > div::before {
  content: "";
  display: block;
  width: 32px;
  height: 2px;
  background: #fafafa;
  position: absolute;
  top: -2px;
  left: -34px;
}

.p-table03-body__cell {
  background: #fff;
  padding: 20px;
  border-right: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb;
}

.p-table03-body__spTitle {
  display: none;
}

@media only screen and (max-width: 768px) {
  .p-table03 {
    margin-bottom: 24px;
  }
  .p-table03 .naIcon {
    position: relative;
    display: block;
    width: 100%;
    height: 16px;
    font-size: 0;
  }
  .p-table03 .naIcon::before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    width: 12px;
    height: 2px;
    margin-left: 0;
    margin-top: -1px;
    background: #333;
  }
  .p-table03-head {
    display: none;
  }
  .p-table03-body__head {
    display: block;
    font-size: 1.2rem;
    padding: 14px;
    border-right: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
  }
  .p-table03-body__head--parent {
    background: #333333;
    color: #fff;
  }
  .p-table03-body__head--indent {
    padding: 14px;
  }
  .p-table03-body__head--indent > div {
    padding: 0;
    border-left: none;
  }
  .p-table03-body__head--indent > div::before {
    display: none;
  }
  .p-table03-body__head--indent2 {
    padding: 14px;
    border-left: 23px solid #ebebeb;
    background: #fff;
  }
  .p-table03-body__head--indent2 > div {
    position: relative;
    padding: 0;
    border-left: none;
  }
  .p-table03-body__head--indent2 > div::before {
    display: none;
  }
  .p-table03-body__head--indent2 > div > div {
    padding: 0;
    border-left: none;
  }
  .p-table03-body__head--indent2 > div > div::before {
    display: none;
  }
  .p-table03-body__cell {
    display: block;
    background: #fff;
    padding: 14px 14px 0;
    font-size: 1.2rem;
    border-bottom: none;
  }
  .p-table03-body__cell:last-child {
    border-bottom: 2px solid #ebebeb;
    padding-bottom: 14px;
  }
  .p-table03-body__cell--indent {
    border-left: 23px solid #ebebeb;
  }
  .p-table03-body__spTitle {
    display: block;
    font-weight: bold;
    font-size: 1.2rem;
  }
}

/* tableScroll - project
--------------------------------------------------------- */
.p-tableScroll {
  margin-bottom: 40px;
}

.p-tableScroll > *:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .p-tableScroll {
    position: relative;
    display: block;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 20px;
    margin-bottom: 24px;
  }
}

/* table04 - project
--------------------------------------------------------- */
.p-table04 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-left: 2px solid #ebebeb;
  border-top: 2px solid #ebebeb;
  margin-bottom: 40px;
  line-height: 1.5;
}

.p-table04 .notice {
  font-size: 1.2rem;
  font-weight: normal;
}

.p-table04 .naIcon {
  position: relative;
  display: block;
  width: 100%;
}

.p-table04 .naIcon::before {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 2px;
  margin-left: -6px;
  margin-top: -1px;
  background: #333;
}

.p-table04-head__head {
  background: #fafafa;
  font-weight: bold;
  padding: 20px;
  text-align: center;
  border-right: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb;
}

.p-table04-body__head {
  background: #fafafa;
  font-weight: bold;
  padding: 20px;
  text-align: left;
  border-right: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb;
}

.p-table04-body__cell {
  background: #fff;
  padding: 20px;
  border-right: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb;
}

@media only screen and (max-width: 768px) {
  .p-table04 {
    table-layout: fixed;
    border-collapse: collapse;
    border-left: 2px solid #ebebeb;
    border-top: 2px solid #ebebeb;
    margin-bottom: 0;
    line-height: 1.5;
  }
  .p-table04-head__head {
    width: 200px;
    background: #fafafa;
    font-weight: bold;
    padding: 20px 12px;
    font-size: 1.2rem;
    text-align: center;
    border-right: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
  }
  .p-table04-head__head:first-child {
    width: 150px;
  }
  .p-table04-body__head {
    width: 150px;
    background: #fafafa;
    font-weight: bold;
    padding: 20px 12px;
    font-size: 1.2rem;
    text-align: left;
    border-right: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
  }
  .p-table04-body__cell {
    width: 150px;
    background: #fff;
    padding: 20px 12px;
    font-size: 1.2rem;
    border-right: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
  }
  .p-table04-body__cell .naIcon {
    position: relative;
    display: block;
    width: 100%;
  }
  .p-table04-body__cell .naIcon::before {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 2px;
    margin-left: -6px;
    margin-top: -1px;
    background: #333;
  }
}

/* table05 - project
--------------------------------------------------------- */
.p-table05 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-left: 2px solid #ebebeb;
  border-top: 2px solid #ebebeb;
  margin-bottom: 40px;
  line-height: 1.5;
}

.p-table05 .notice {
  font-size: 1.2rem;
  font-weight: normal;
}

.p-table05 .naIcon {
  position: relative;
  display: block;
  width: 100%;
}

.p-table05 .naIcon::before {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 2px;
  margin-left: -6px;
  margin-top: -1px;
  background: #333;
}

.p-table05-head__head {
  background: #fafafa;
  font-weight: bold;
  padding: 20px;
  text-align: center;
  border-right: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb;
}

.p-table05-head__head:first-child {
  width: 378px;
}

.p-table05-head__head--w160:first-child {
  width: 160px;
}

.p-table05-body__head {
  background: #fafafa;
  font-weight: bold;
  padding: 20px;
  text-align: left;
  border-right: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb;
}

.p-table05-body__cell {
  background: #fff;
  padding: 20px;
  border-right: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb;
}

@media only screen and (max-width: 768px) {
  .p-table05 {
    table-layout: fixed;
    border-collapse: collapse;
    border-left: 2px solid #ebebeb;
    border-top: 2px solid #ebebeb;
    margin-bottom: 0;
    line-height: 1.5;
  }
  .p-table05-head__head {
    width: 200px;
    background: #fafafa;
    font-weight: bold;
    padding: 20px 12px;
    font-size: 1.2rem;
    text-align: center;
    border-right: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
  }
  .p-table05-head__head:first-child {
    width: 150px;
  }
  .p-table05-body__head {
    width: 150px;
    background: #fafafa;
    font-weight: bold;
    padding: 20px 12px;
    font-size: 1.2rem;
    text-align: left;
    border-right: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
  }
  .p-table05-body__cell {
    width: 150px;
    background: #fff;
    padding: 20px 12px;
    font-size: 1.2rem;
    border-right: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
  }
  .p-table05-body__cell .naIcon {
    position: relative;
    display: block;
    width: 100%;
  }
  .p-table05-body__cell .naIcon::before {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 2px;
    margin-left: -6px;
    margin-top: -1px;
    background: #333;
  }
}

/* unfairUseInfo - project
--------------------------------------------------------- */
.p-unfairUseInfo {
  border: 2px solid #c03;
  border-radius: 48px;
  padding: 32px;
  margin-bottom: 80px;
}

.p-unfairUseInfo__lead {
  font-weight: bold;
  color: #c03;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 24px;
}

.p-unfairUseInfo__lead::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  width: 17px;
  height: 16px;
  background: url(../images/icon-notice.svg) no-repeat center center;
  background-size: cover;
  margin-right: 8px;
}

.p-unfairUseInfo__btn {
  width: 224px;
  margin: 0 auto;
}

.p-unfairUseInfo__btn .c-btn {
  height: 36px;
  padding: 0 16px;
}

.p-unfairUseInfo__btn .c-btn__text {
  font-size: 1.4rem;
}

@media only screen and (max-width: 768px) {
  .p-unfairUseInfo {
    border-radius: 20px;
    padding: 21px 16px;
    margin-bottom: 40px;
  }
  .p-unfairUseInfo__lead {
    margin-bottom: 16px;
    line-height: 1.4;
  }
  .p-unfairUseInfo__lead::before {
    content: "";
    display: block;
    position: relative;
    top: 0px;
    width: 25px;
    height: 22px;
    background: url(../images/icon-notice.svg) no-repeat center center;
    background-size: cover;
    margin: 0 auto 4px;
  }
  .p-unfairUseInfo__btn {
    width: 100%;
    margin: 0 auto;
  }
  .p-unfairUseInfo__btn .c-btn {
    height: 48px;
    padding: 0 16px;
  }
  .p-unfairUseInfo__btn .c-btn__text {
    font-size: 1.3rem;
  }
}

/* blockWrap - layout
--------------------------------------------------------- */
.l-blockWrap {
  margin-bottom: 40px;
}

.l-blockWrap:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .l-blockWrap {
    margin-bottom: 24px;
  }
}

/* distance01 - layout
--------------------------------------------------------- */
.l-distance01 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.l-distance01 > *:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .l-distance01 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .l-distance01 > *:last-child {
    margin-bottom: 0;
  }
}

/* footer - layout
--------------------------------------------------------- */
.l-footer-logoArea {
  border-top: 2px solid #ebebeb;
}

.l-footer-logoArea-list {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.l-footer-logoArea-list__item {
  flex: 1 1;
  border-right: 2px solid #ebebeb;
}

.l-footer-logoArea-list__item:first-child {
  border-left: 2px solid #ebebeb;
}

.l-footer-logoArea-list__item > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
}

.l-footer-logoArea-list__item--dmenu a img {
  width: 115px;
  height: 30px;
}

.l-footer-logoArea-list__item--dpointclub a img {
  width: 194px;
  height: 30px;
}

.l-footer-logoArea-list__item--dmarket a img {
  width: 146px;
  height: 30px;
}

.l-footer-main {
  background: #333;
  padding: 60px 0 20px;
}

.l-footer-menu-list {
  display: flex;
  justify-content: space-between;
  line-height: 1.5;
}

.l-footer-menu-list__item > a {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-decoration: none;
}

.l-footer-menu-list__item > a .icon {
  margin-right: 10px;
}

.l-footer-menu-list__item--lost > a .icon {
  width: 13px;
  height: 16px;
}

.l-footer-menu-list__item--info > a .icon {
  width: 14px;
  height: 16px;
}

.l-footer-menu-list__item--faq > a .icon {
  width: 16px;
  height: 16px;
}

.l-footer-menu-list__item--contact > a .icon {
  width: 15px;
  height: 15px;
}

.l-footer-menu-list__item--setting > a .icon {
  width: 16px;
  height: 16px;
}

.l-footer-menu-list__item--terms > a .icon {
  width: 13px;
  height: 16px;
}

.l-footer-menu-list__item--sitemap > a .icon {
  width: 16px;
  height: 16px;
}

.l-footer-submenu {
  padding-top: 24px;
}

.l-footer-submenu-list {
  display: flex;
  line-height: 1.5;
}

.l-footer-submenu-list__item + .l-footer-submenu-list__item {
  margin-left: 40px;
}

.l-footer-submenu-list__item > a {
  font-size: 1.2rem;
  color: #cccccc;
  text-decoration: none;
}

.l-footer-copyright {
  display: block;
  text-align: center;
  padding-top: 100px;
  font-size: 1rem;
  color: #fff;
}

.l-footer-logo {
  text-align: center;
}

.l-footer-logo .icon {
  width: 120px;
  height: 34px;
}

@media only screen and (max-width: 768px) {
  .l-footer-logoArea {
    border-top: none;
  }
  .l-footer-logoArea-list {
    width: auto;
    display: block;
  }
  .l-footer-logoArea-list__item {
    border-right: none;
    border-top: 2px solid #ebebeb;
  }
  .l-footer-logoArea-list__item:first-child {
    border-left: none;
  }
  .l-footer-main {
    background: #333;
    padding: 40px 0 20px;
  }
  .l-footer-menu-list {
    display: block;
  }
  .l-footer-menu-list__item {
    margin-top: 24px;
  }
  .l-footer-menu-list__item:first-child {
    margin-top: 0;
  }
  .l-footer-menu-list__item > a {
    font-size: 1.4rem;
  }
  .l-footer-submenu {
    padding-top: 24px;
  }
  .l-footer-submenu-list {
    display: block;
  }
  .l-footer-submenu-list__item {
    line-height: 1.4;
  }
  .l-footer-submenu-list__item + .l-footer-submenu-list__item {
    margin-top: 16px;
    margin-left: 0;
  }
  .l-footer-submenu-list__item > a {
    font-size: 1.3rem;
    line-height: 1.4;
  }
  .l-footer-copyright {
    text-align: left;
    padding: 60px 20px 0;
  }
}

/* header - layout
--------------------------------------------------------- */
.l-header {
  position: relative;
  z-index: 100;
}

.l-header-inner {
  width: 1200px;
  margin: 0 auto;
  background: #cc0033;
  border-radius: 0 0 32px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
  position: relative;
  margin-bottom: 64px;
}

.l-header-logo {
  padding-left: 32px;
}

.l-header-logo img {
  width: 120px;
  height: 34px;
}

.l-header-spMenuParent {
  display: none;
}

.l-header-mainMenu {
  display: flex;
  align-items: center;
  padding-right: 32px;
}

.l-header-mainMenu-titleArea {
  display: none;
}

.l-header-mainMenu-area1 {
  display: flex;
  align-items: center;
  order: 2;
}

.l-header-mainMenu-area1__spSearchArea {
  display: none;
}

.l-header-mainMenu-btnArea {
  display: flex;
  align-items: center;
}

.l-header-mainMenu-btnArea__item {
  margin-left: 16px;
}

.l-header-mainMenu-btnArea__item:first-child {
  margin-left: 25px;
}

.l-header-mainMenu-btnArea__item--logBtn a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 0 14px;
  height: 36px;
  font-size: 1.2rem;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.l-header-mainMenu-btnArea__item--logBtn a .icon {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}

.l-header-mainMenu-btnArea__item--dPointBtn a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 8px;
  height: 36px;
  width: 104px;
}

.l-header-mainMenu-btnArea__item--dPointBtn a .icon {
  width: 66px;
  height: 20px;
}

.l-header-mainMenu-btnArea__item--isLogin a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 8px;
  height: 36px;
  width: auto;
  padding: 0 36px 0 10px;
  text-decoration: none;
  color: #333;
  position: relative;
}

.l-header-mainMenu-btnArea__item--isLogin a::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(../images/icon-arrow02-black.svg) no-repeat center center;
  transform: rotate(180deg);
}

.l-header-mainMenu-btnArea__item--isLogin a .icon {
  width: 20px;
  height: 20px;
}

.l-header-mainMenu-btnArea__item--isLogin a .icon img {
  width: 20px;
  height: 20px;
}

.l-header-mainMenu-btnArea__item--isLogin a .name {
  width: 40px;
  height: 11px;
  margin-left: 6px;
}

.l-header-mainMenu-btnArea__item--isLogin a .name img {
  width: 40px;
  height: 11px;
  vertical-align: top;
}

.l-header-mainMenu-btnArea__item--isLogin a .point {
  font-weight: bold;
  line-height: 22px;
  border-left: 1px solid #ccc;
  padding-left: 10px;
  margin-left: 10px;
}

.l-header-mainMenu-btnArea__item--isLogin a .point .num {
  font-size: 1.3rem;
}

.l-header-mainMenu-btnArea__item--isLogin a .point .unit {
  font-size: 1.1rem;
  margin-left: 2px;
  position: relative;
  top: 1px;
}

.l-header-mainMenu-area2 {
  display: flex;
  align-items: center;
  order: 1;
}

.l-header-mainMenu-area2__item + .l-header-mainMenu-area2__item {
  margin-left: 25px;
}

.l-header-mainMenu-area2__item a {
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #fff;
  text-decoration: none;
}

.l-header-mainMenu-area2__item .icon {
  margin-right: 10px;
  vertical-align: top;
}

.l-header-mainMenu-area2__item--search .icon, .l-header-mainMenu-area2__item--faq .icon {
  width: 16px;
  height: 16px;
}

.l-header-mainMenu-area2__item--contact .icon {
  width: 15px;
  height: 15px;
}

.l-header-gnavi {
  position: absolute;
  top: 80px;
  left: 0;
  min-width: 1200px;
  padding: 0 10px;
  height: 64px;
  background: #fafafa;
  border-radius: 32px;
  white-space: pre-line;
}

.l-header-gnavi-lv1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.l-header-gnavi-lv1__item {
  display: flex;
  align-items: center;
  height: 64px;
  position: relative;
}

.l-header-gnavi-lv1__item::after {
  content: "";
  display: block;
  width: 2px;
  height: 14px;
  background: #aaa;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}

.l-header-gnavi-lv1__item:first-child {
  padding-left: 0;
  margin-left: 0;
}

.l-header-gnavi-lv1__item:first-child::after {
  display: none;
}

.l-header-gnavi-lv1__item:first-child .l-header-gnavi-lv2 {
  left: 50%;
}

.l-header-gnavi-lv1__item > a, .l-header-gnavi-lv1__item button {
  display: block;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0 22px;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  transition: all .4s;
}

.l-header-gnavi-lv1__item > a:hover, .l-header-gnavi-lv1__item > a:focus, .l-header-gnavi-lv1__item button:hover, .l-header-gnavi-lv1__item button:focus {
  opacity: 0.6;
}

.l-header-gnavi-lv2 {
  display: none;
  position: absolute;
  width: 200px;
  left: 50%;
  top: 64px;
  margin-left: -100px;
  background: #fff;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
  border-radius: 32px;
  z-index: 2;
}

.l-header-gnavi-lv2__item + .l-header-gnavi-lv2__item {
  border-top: 2px solid #ebebeb;
}

.l-header-gnavi-lv2__item > a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 64px;
  padding: 0 5px;
  color: #333;
  font-size: 1.4rem;
  line-height: 1.42;
  font-weight: bold;
  text-decoration: none;
}

.l-header--formPage .l-header-inner {
  height: 160px;
  margin-bottom: 0;
}

.l-header--formPage .l-header-logo {
  position: relative;
  z-index: 1;
}

.l-header--formPage .l-header-progress {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
  text-align: center;
}

.l-header--formPage .l-header-progressList {
  font-size: 0;
  text-align: center;
}

.l-header--formPage .l-header-progressList__item {
  display: inline-block;
  vertical-align: middle;
  width: 64px;
  height: 64px;
  position: relative;
}

.l-header--formPage .l-header-progressList__item > span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  background: #666;
  border-radius: 50%;
  position: relative;
  z-index: 2;
}

.l-header--formPage .l-header-progressList__item .icon {
  width: 27px;
  height: 27px;
}

.l-header--formPage .l-header-progressList__item .user {
  width: 20px;
  height: 22px;
}

.l-header--formPage .l-header-progressList__item .card {
  width: 26px;
  height: 21px;
}

.l-header--formPage .l-header-progressList__item + .l-header-progressList__item {
  margin-left: 64px;
}

.l-header--formPage .l-header-progressList__item + .l-header-progressList__item::after {
  content: "";
  display: block;
  width: 68px;
  height: 2px;
  background: #666;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: -68px;
  z-index: 1;
}

.l-header--formPage .l-header-progressList--formStep01 .l-header-progressList__item:first-child > span {
  background: #fff;
}

.l-header--formPage .l-header-progressList--formStep02 .l-header-progressList__item:first-child > span {
  background: #fff;
}

.l-header--formPage .l-header-progressList--formStep02 .l-header-progressList__item:nth-child(2) > span {
  background: #fff;
}

.l-header--formPage .l-header-progressList--formStep02 .l-header-progressList__item:nth-child(2)::after {
  background: #fff;
}

.l-header--formPage .l-header-progressList--formStep03 .l-header-progressList__item:first-child > span {
  background: #fff;
}

.l-header--formPage .l-header-progressList--formStep03 .l-header-progressList__item:nth-child(2) > span {
  background: #fff;
}

.l-header--formPage .l-header-progressList--formStep03 .l-header-progressList__item:nth-child(2)::after {
  background: #fff;
}

.l-header--formPage .l-header-progressList--formStep03 .l-header-progressList__item:nth-child(3) > span {
  background: #fff;
}

.l-header--formPage .l-header-progressList--formStep03 .l-header-progressList__item:nth-child(3)::after {
  background: #fff;
}

.l-header--complete .l-header-inner {
  display: flex;
  height: 80px;
}

@media only screen and (max-width: 768px) {
  .l-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    height: 60px;
  }
  .l-header-inner {
    width: auto;
    border-radius: 0 0 20px 20px;
    height: 60px;
    margin-bottom: 0;
  }
  .l-header-logo {
    padding-left: 20px;
    padding-bottom: 8px;
  }
  .l-header-logo img {
    width: 97px;
    height: 26px;
  }
  .l-header-spMenuParent {
    display: flex;
    justify-content: flex-end;
  }
  .l-header-spMenuParent__logBtn a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 1.2rem;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
  }
  .l-header-spMenuParent__logBtn a .icon {
    width: 13px;
    height: 13px;
    margin-right: 8px;
  }
  .l-header-spMenuParent__spMenuBtn {
    margin-left: 16px;
    padding-right: 20px;
  }
  .l-header-spMenuParent__spMenuBtn button {
    display: block;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    right: 0;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    display: block;
    transition: all .4s;
    box-sizing: border-box;
  }
  .l-header-spMenuParent__spMenuBtn button span {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    width: 100%;
    height: 2px;
    background-color: #fff;
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    font-size: 0;
    line-height: 0;
  }
  .l-header-spMenuParent__spMenuBtn button::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
  }
  .l-header-spMenuParent__spMenuBtn button::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .l-header-spMenuParent__spMenuBtn.isOpen button span {
    opacity: 0;
  }
  .l-header-spMenuParent__spMenuBtn.isOpen button::before {
    transform: translateY(7px) rotate(-45deg);
  }
  .l-header-spMenuParent__spMenuBtn.isOpen button::after {
    transform: translateY(-7px) rotate(45deg);
  }
  .l-header-mainMenu {
    display: none;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
    z-index: 10;
    padding-right: 0;
    background: #cc0033;
  }
  .l-header-mainMenu-titleArea {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    height: 63px;
    border-bottom: 2px solid #fff;
  }
  .l-header-mainMenu-titleArea__title {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.1em;
  }
  .l-header-mainMenu-titleArea__menuClose {
    height: 24px;
  }
  .l-header-mainMenu-titleArea__menuClose button {
    display: block;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    right: -2px;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    display: block;
    box-sizing: border-box;
  }
  .l-header-mainMenu-titleArea__menuClose button span {
    display: none;
  }
  .l-header-mainMenu-titleArea__menuClose button::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    display: inline-block;
    transform: translateY(11px) rotate(-45deg);
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
  }
  .l-header-mainMenu-titleArea__menuClose button::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    display: inline-block;
    transform: translateY(-11px) rotate(45deg);
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .l-header-mainMenu-area1 {
    display: block;
    padding: 16px 20px;
  }
  .l-header-mainMenu-area1__spSearchArea {
    display: block;
    margin-top: 12px;
  }
  .l-header-mainMenu-btnArea {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .l-header-mainMenu-btnArea__item {
    width: 47%;
    margin-left: 0;
  }
  .l-header-mainMenu-btnArea__item:first-child {
    margin-left: 0;
  }
  .l-header-mainMenu-btnArea__item--logBtn a {
    border: 2px solid #fff;
    height: 48px;
  }
  .l-header-mainMenu-btnArea__item--logBtn a .icon {
    width: 13px;
    height: 13px;
  }
  .l-header-mainMenu-btnArea__item--dPointBtn a {
    height: 48px;
    width: auto;
  }
  .l-header-mainMenu-btnArea__item--dPointBtn a .icon {
    width: 66px;
    height: 20px;
  }
  .l-header-mainMenu-btnArea__item--isLogin a {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: center;
    border-radius: 8px;
    height: 48px;
    padding: 0 36px 0 40px;
  }
  .l-header-mainMenu-btnArea__item--isLogin a .icon {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -10px;
  }
  .l-header-mainMenu-btnArea__item--isLogin a .name {
    margin-left: 0;
  }
  .l-header-mainMenu-btnArea__item--isLogin a .point {
    font-weight: bold;
    line-height: 1.4;
    border-left: none;
    padding-left: 0;
    margin-left: 0;
    margin-top: 4px;
  }
  .l-header-mainMenu-area2 {
    display: block;
    letter-spacing: -.4em;
    padding: 22px 0;
    text-align: center;
  }
  .l-header-mainMenu-area2__item {
    display: inline-block;
    margin-left: 0;
    letter-spacing: normal;
  }
  .l-header-mainMenu-area2__item + .l-header-mainMenu-area2__item {
    margin-left: 0;
  }
  .l-header-mainMenu-area2__item + .l-header-mainMenu-area2__item.l-header-mainMenu-area2__item--contact {
    margin-left: 50px;
  }
  .l-header-mainMenu-area2__item--search {
    display: none;
  }
  .l-header-mainMenu-area2__item a {
    font-size: 1.3rem;
    line-height: 1.2;
    letter-spacing: 0.1em;
  }
  .l-header-mainMenu-area2__item .icon {
    margin-right: 10px;
  }
  .l-header-mainMenu-area2__item--search .icon, .l-header-mainMenu-area2__item--faq .icon {
    width: 16px;
    height: 16px;
  }
  .l-header-mainMenu-area2__item--contact .icon {
    width: 15px;
    height: 15px;
  }
  .l-header-gnavi {
    position: static;
    min-width: 100%;
    padding: 0;
    height: auto;
    background: #fafafa;
    border-radius: 0;
    white-space: normal;
  }
  .l-header-gnavi-lv1 {
    display: block;
  }
  .l-header-gnavi-lv1__item {
    display: block;
    height: auto;
    position: relative;
    padding: 0;
  }
  .l-header-gnavi-lv1__item::after {
    display: none;
  }
  .l-header-gnavi-lv1__item:nth-child(odd) {
    background-color: #fff;
  }
  .l-header-gnavi-lv1__item:first-child {
    padding-left: 0;
    margin-left: 0;
  }
  .l-header-gnavi-lv1__item + .l-header-gnavi-lv1__item {
    margin-left: 0;
  }
  .l-header-gnavi-lv1__item > a, .l-header-gnavi-lv1__item button {
    display: flex;
    width: 100%;
    height: auto;
    padding: 20px 48px 20px 20px;
    font-size: 1.3rem;
    position: relative;
  }
  .l-header-gnavi-lv1__item > a:hover, .l-header-gnavi-lv1__item > a:focus, .l-header-gnavi-lv1__item button:hover, .l-header-gnavi-lv1__item button:focus {
    opacity: 1;
  }
  .l-header-gnavi-lv1__item > a::after, .l-header-gnavi-lv1__item button::after {
    content: "";
    display: block;
    position: absolute;
    right: 22px;
    top: 50%;
    margin-top: -8px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(135deg);
  }
  .l-header-gnavi-lv1__item > a.isOpen::after, .l-header-gnavi-lv1__item button.isOpen::after {
    margin-top: -2px;
    transform: rotate(-45deg);
  }
  .l-header-gnavi-lv2 {
    display: none;
    position: static;
    width: auto;
    margin-left: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    z-index: 1;
    border-bottom: 2px solid #ebebeb;
  }
  .l-header-gnavi-lv2__item {
    border-top: 2px solid #ebebeb;
  }
  .l-header-gnavi-lv2__item + .l-header-gnavi-lv2__item {
    border-top: 2px solid #ebebeb;
  }
  .l-header-gnavi-lv2__item > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
    padding: 20px 48px 20px 38px;
    height: auto;
    color: #333;
    font-size: 1.2rem;
    line-height: 1.42;
    font-weight: bold;
    text-decoration: none;
  }
  .l-header-gnavi-lv2__item > a br {
    display: none;
  }
  .l-header-spSearch {
    position: relative;
  }
  .l-header-spSearch__input {
    display: block;
    width: 100%;
    background: #fff;
    border: none;
    height: 40px;
    border-radius: 20px;
    padding: 4px 8px 4px 84px;
    font-size: 1.6rem;
    outline: none;
  }
  .l-header-spSearch__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0 0 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
    font-size: 1.4rem;
    color: #999;
  }
  .l-header-spSearch__btn .icon {
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 79.98 79.79'%3E%3Cstyle type='text/css'%3E.path1{fill:%23666666;}.path2{fill:%23666666;}%3C/style%3E%3Cg data-name='レイヤー 2'%3E%3Cg data-name='レイヤー 3'%3E%3Cpath class='path1' d='M34.63 69.26a34.63 34.63 0 1134.63-34.63 34.67 34.67 0 01-34.63 34.63zm0-57.26a22.63 22.63 0 1022.63 22.63A22.65 22.65 0 0034.63 12z'/%3E%3Cpath class='path2' d='M74 79.79A6 6 0 0169.74 78L51.18 59.47A6 6 0 0159.67 51l18.55 18.55A6 6 0 0174 79.79z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
  }
  .l-header--formPage {
    position: static;
  }
  .l-header--formPage .l-header-inner {
    display: block;
    height: 136px;
  }
  .l-header--formPage .l-header-logo {
    padding-top: 16px;
  }
  .l-header--formPage .l-header-progress {
    position: static;
    margin-top: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    text-align: center;
  }
  .l-header--formPage .l-header-progressList {
    font-size: 0;
    text-align: center;
  }
  .l-header--formPage .l-header-progressList__item {
    width: 48px;
    height: 48px;
  }
  .l-header--formPage .l-header-progressList__item > span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    background: #666;
    border-radius: 50%;
    position: relative;
    z-index: 2;
  }
  .l-header--formPage .l-header-progressList__item .icon {
    width: 20px;
    height: 20px;
  }
  .l-header--formPage .l-header-progressList__item .user {
    width: 15px;
    height: 17px;
  }
  .l-header--formPage .l-header-progressList__item .card {
    width: 20px;
    height: 16px;
  }
  .l-header--formPage .l-header-progressList__item + .l-header-progressList__item {
    margin-left: 44px;
  }
  .l-header--formPage .l-header-progressList__item + .l-header-progressList__item::after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    background: #666;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: -48px;
    z-index: 1;
  }
  .l-header--complete .l-header-inner {
    display: block;
    height: 60px;
  }
}

/* loader - component
--------------------------------------------------------- */
#loading {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.l-loader {
  width: 94px;
  height: 94px;
  background: transparent;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 50;
}

.l-loader-spinner {
  font-size: 8px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  margin: 44px auto 0;
  -webkit-animation: spinAnimation 1.1s infinite ease;
  animation: spinAnimation 1.1s infinite ease;
  transform: translateZ(0);
}

@-webkit-keyframes spinAnimation {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000000;
  }
}

@keyframes spinAnimation {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000000;
  }
}

/* sectionWrap - layout
--------------------------------------------------------- */
.l-sectionWrap {
  padding: 80px 0;
  background: #fff;
}

.l-sectionWrap--gray {
  background: #fafafa;
}

.l-sectionWrap--relative {
  position: relative;
}

.l-sectionWrap.hasProgress {
  position: relative;
}

.p-pageHeading01--nonBottomBorder + .l-sectionWrap {
  padding-top: 0;
}

@media only screen and (max-width: 768px) {
  .l-sectionWrap {
    padding: 40px 0;
  }
}

/* wrap - layout
--------------------------------------------------------- */
.l-wrap {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.l-wrap > *:last-child {
  margin-bottom: 0;
}

.l-wrap .p-conversionButtonArea:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 768px) {
  .l-wrap {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }
}

/* background - utility
--------------------------------------------------------- */
.u-bgc-none {
  background-color: transparent !important;
}

.u-bgc-white {
  background-color: #fff !important;
}

/* border - utility
--------------------------------------------------------- */
.u-bc-base {
  border-color: #666;
}

.u-bd-top {
  border-top: 1px solid #ccc !important;
}

.u-bd-right {
  border-right: 1px solid #ccc !important;
}

.u-bd-bottom {
  border-bottom: 1px solid #ccc !important;
}

.u-bd-left {
  border-left: 1px solid #ccc !important;
}

.u-bc-gray {
  border-color: #ccc !important;
}

.u-br-4 {
  border-radius: 4px;
}

.u-br-8 {
  border-radius: 8px;
}

.u-br-12 {
  border-radius: 12px;
}

.u-br-16 {
  border-radius: 16px;
}

.u-br-0 {
  border: 0 !important;
}

.u-br-t-0 {
  border-top: 0 !important;
}

.u-br-r-0 {
  border-right: 0 !important;
}

.u-br-b-0 {
  border-bottom: 0 !important;
}

.u-br-l-0 {
  border-left: 0 !important;
}

/* clearfix - utility
--------------------------------------------------------- */
.u-cf::after,
.u-clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* color - utility
--------------------------------------------------------- */
.u-c-base {
  color: #666;
}

.u-c-white {
  color: #fff;
}

.u-c-red {
  color: #cc0033;
}

/* display - utility
--------------------------------------------------------- */
.u-d-tb {
  display: table !important;
}

.u-d-tbc {
  display: table-cell !important;
}

.u-d-b {
  display: block !important;
}

.u-d-ib {
  display: inline-block !important;
}

.u-d-n {
  display: none !important;
}

.u-d-pc {
  display: block;
}

.u-d-sm {
  display: none;
}

@media only screen and (max-width: 768px) {
  .u-d-pc {
    display: none;
  }
  .u-d-sm {
    display: block;
  }
  .u-dn-sm {
    display: none;
  }
}

/* float - utility
--------------------------------------------------------- */
.u-fl-l {
  float: left !important;
}

.u-fl-r {
  float: right !important;
}

.u-fl-c {
  clear: both !important;
}

/* font-weight - utility
--------------------------------------------------------- */
.u-fw-bold {
  font-weight: bold;
}

/* font-size - utility
--------------------------------------------------------- */
.u-fz-10 {
  font-size: 1rem !important;
}

.u-fz-12 {
  font-size: 1.2rem !important;
}

.u-fz-14 {
  font-size: 1.4rem !important;
}

.u-fz-16 {
  font-size: 1.6rem !important;
}

.u-fz-18 {
  font-size: 1.8rem !important;
}

.u-fz-20 {
  font-size: 2rem !important;
}

.u-fz-22 {
  font-size: 2.2rem !important;
}

.u-fz-24 {
  font-size: 2.4rem !important;
}

.u-fz-26 {
  font-size: 2.6rem !important;
}

.u-fz-28 {
  font-size: 2.8rem !important;
}

.u-fz-30 {
  font-size: 3rem !important;
}

.u-fz-32 {
  font-size: 3.2rem !important;
}

.u-fz-34 {
  font-size: 3.4rem !important;
}

.u-fz-36 {
  font-size: 3.6rem !important;
}

.u-fz-38 {
  font-size: 3.8rem !important;
}

.u-fz-40 {
  font-size: 4rem !important;
}

.u-fz-42 {
  font-size: 4.2rem !important;
}

.u-fz-44 {
  font-size: 4.4rem !important;
}

.u-fz-46 {
  font-size: 4.6rem !important;
}

@media only screen and (max-width: 768px) {
  .u-sm-fz-10 {
    font-size: 1rem !important;
  }
  .u-sm-fz-12 {
    font-size: 1.2rem !important;
  }
  .u-sm-fz-14 {
    font-size: 1.4rem !important;
  }
  .u-sm-fz-16 {
    font-size: 1.6rem !important;
  }
  .u-sm-fz-18 {
    font-size: 1.8rem !important;
  }
  .u-sm-fz-20 {
    font-size: 2rem !important;
  }
  .u-sm-fz-22 {
    font-size: 2.2rem !important;
  }
  .u-sm-fz-24 {
    font-size: 2.4rem !important;
  }
  .u-sm-fz-26 {
    font-size: 2.6rem !important;
  }
  .u-sm-fz-28 {
    font-size: 2.8rem !important;
  }
  .u-sm-fz-30 {
    font-size: 3rem !important;
  }
  .u-sm-fz-32 {
    font-size: 3.2rem !important;
  }
  .u-sm-fz-34 {
    font-size: 3.4rem !important;
  }
  .u-sm-fz-36 {
    font-size: 3.6rem !important;
  }
  .u-sm-fz-38 {
    font-size: 3.8rem !important;
  }
  .u-sm-fz-40 {
    font-size: 4rem !important;
  }
  .u-sm-fz-42 {
    font-size: 4.2rem !important;
  }
  .u-sm-fz-44 {
    font-size: 4.4rem !important;
  }
  .u-sm-fz-46 {
    font-size: 4.6rem !important;
  }
}

/* line-height - utility
--------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  .u-sm-lh-1_5 {
    line-height: 1.5 !important;
  }
}

/* toggle - utility
--------------------------------------------------------- */
.u-toggle--block {
  display: none;
}

.u-toggle--block.isOpen {
  display: block;
}

.u-toggle--inline {
  display: none;
}

.u-toggle--inline.isOpen {
  display: inline;
}

.u-toggle--inlineBlock {
  display: none;
}

.u-toggle--inlineBlock.isOpen {
  display: inline-block;
}

.u-toggle--flex {
  display: none;
}

.u-toggle--flex.isOpen {
  display: flex;
}

.u-toggle--inlineFlex {
  display: none;
}

.u-toggle--inlineFlex.isOpen {
  display: inline-flex;
}

.u-toggle--table {
  display: none;
}

.u-toggle--table.isOpen {
  display: table;
}

.u-toggle--cell {
  display: none;
}

.u-toggle--cell.isOpen {
  display: table-cell;
}

/* position - utility
--------------------------------------------------------- */
.u-pos-a {
  position: absolute !important;
}

.u-pos-r {
  position: relative !important;
}

.u-top-0 {
  top: 0px !important;
}

/* margin - utility
--------------------------------------------------------- */
.u-m-c {
  margin-right: auto !important;
  margin-left: auto !important;
}

@media only screen and (max-width: 768px) {
  .u-sm-m-c {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

.u-mt-0 {
  margin-top: 0px !important;
}

.u-mt-4 {
  margin-top: 4px !important;
}

.u-mt-8 {
  margin-top: 8px !important;
}

.u-mt-12 {
  margin-top: 12px !important;
}

.u-mt-16 {
  margin-top: 16px !important;
}

.u-mt-20 {
  margin-top: 20px !important;
}

.u-mt-24 {
  margin-top: 24px !important;
}

.u-mt-28 {
  margin-top: 28px !important;
}

.u-mt-32 {
  margin-top: 32px !important;
}

.u-mt-36 {
  margin-top: 36px !important;
}

.u-mt-40 {
  margin-top: 40px !important;
}

.u-mt-44 {
  margin-top: 44px !important;
}

.u-mt-48 {
  margin-top: 48px !important;
}

.u-mt-52 {
  margin-top: 52px !important;
}

.u-mt-56 {
  margin-top: 56px !important;
}

.u-mt-60 {
  margin-top: 60px !important;
}

.u-mt-64 {
  margin-top: 64px !important;
}

.u-mt-68 {
  margin-top: 68px !important;
}

.u-mt-72 {
  margin-top: 72px !important;
}

.u-mt-76 {
  margin-top: 76px !important;
}

.u-mt-80 {
  margin-top: 80px !important;
}

.u-mt-84 {
  margin-top: 84px !important;
}

.u-mt-88 {
  margin-top: 88px !important;
}

.u-mt-92 {
  margin-top: 92px !important;
}

.u-mt-96 {
  margin-top: 96px !important;
}

.u-mt-100 {
  margin-top: 100px !important;
}

.u-mt-104 {
  margin-top: 104px !important;
}

.u-mt-108 {
  margin-top: 108px !important;
}

.u-mt-112 {
  margin-top: 112px !important;
}

.u-mt-116 {
  margin-top: 116px !important;
}

.u-mt-120 {
  margin-top: 120px !important;
}

.u-mr-0 {
  margin-right: 0px !important;
}

.u-mr-4 {
  margin-right: 4px !important;
}

.u-mr-8 {
  margin-right: 8px !important;
}

.u-mr-12 {
  margin-right: 12px !important;
}

.u-mr-16 {
  margin-right: 16px !important;
}

.u-mr-20 {
  margin-right: 20px !important;
}

.u-mr-24 {
  margin-right: 24px !important;
}

.u-mr-28 {
  margin-right: 28px !important;
}

.u-mr-32 {
  margin-right: 32px !important;
}

.u-mr-36 {
  margin-right: 36px !important;
}

.u-mr-40 {
  margin-right: 40px !important;
}

.u-mr-44 {
  margin-right: 44px !important;
}

.u-mr-48 {
  margin-right: 48px !important;
}

.u-mr-52 {
  margin-right: 52px !important;
}

.u-mr-56 {
  margin-right: 56px !important;
}

.u-mr-60 {
  margin-right: 60px !important;
}

.u-mr-64 {
  margin-right: 64px !important;
}

.u-mr-68 {
  margin-right: 68px !important;
}

.u-mr-72 {
  margin-right: 72px !important;
}

.u-mr-76 {
  margin-right: 76px !important;
}

.u-mr-80 {
  margin-right: 80px !important;
}

.u-mr-84 {
  margin-right: 84px !important;
}

.u-mr-88 {
  margin-right: 88px !important;
}

.u-mr-92 {
  margin-right: 92px !important;
}

.u-mr-96 {
  margin-right: 96px !important;
}

.u-mr-100 {
  margin-right: 100px !important;
}

.u-mr-104 {
  margin-right: 104px !important;
}

.u-mr-108 {
  margin-right: 108px !important;
}

.u-mr-112 {
  margin-right: 112px !important;
}

.u-mr-116 {
  margin-right: 116px !important;
}

.u-mr-120 {
  margin-right: 120px !important;
}

.u-mb-0 {
  margin-bottom: 0px !important;
}

.u-mb-4 {
  margin-bottom: 4px !important;
}

.u-mb-8 {
  margin-bottom: 8px !important;
}

.u-mb-12 {
  margin-bottom: 12px !important;
}

.u-mb-16 {
  margin-bottom: 16px !important;
}

.u-mb-20 {
  margin-bottom: 20px !important;
}

.u-mb-24 {
  margin-bottom: 24px !important;
}

.u-mb-28 {
  margin-bottom: 28px !important;
}

.u-mb-32 {
  margin-bottom: 32px !important;
}

.u-mb-36 {
  margin-bottom: 36px !important;
}

.u-mb-40 {
  margin-bottom: 40px !important;
}

.u-mb-44 {
  margin-bottom: 44px !important;
}

.u-mb-48 {
  margin-bottom: 48px !important;
}

.u-mb-52 {
  margin-bottom: 52px !important;
}

.u-mb-56 {
  margin-bottom: 56px !important;
}

.u-mb-60 {
  margin-bottom: 60px !important;
}

.u-mb-64 {
  margin-bottom: 64px !important;
}

.u-mb-68 {
  margin-bottom: 68px !important;
}

.u-mb-72 {
  margin-bottom: 72px !important;
}

.u-mb-76 {
  margin-bottom: 76px !important;
}

.u-mb-80 {
  margin-bottom: 80px !important;
}

.u-mb-84 {
  margin-bottom: 84px !important;
}

.u-mb-88 {
  margin-bottom: 88px !important;
}

.u-mb-92 {
  margin-bottom: 92px !important;
}

.u-mb-96 {
  margin-bottom: 96px !important;
}

.u-mb-100 {
  margin-bottom: 100px !important;
}

.u-mb-104 {
  margin-bottom: 104px !important;
}

.u-mb-108 {
  margin-bottom: 108px !important;
}

.u-mb-112 {
  margin-bottom: 112px !important;
}

.u-mb-116 {
  margin-bottom: 116px !important;
}

.u-mb-120 {
  margin-bottom: 120px !important;
}

.u-ml-0 {
  margin-left: 0px !important;
}

.u-ml-4 {
  margin-left: 4px !important;
}

.u-ml-8 {
  margin-left: 8px !important;
}

.u-ml-12 {
  margin-left: 12px !important;
}

.u-ml-16 {
  margin-left: 16px !important;
}

.u-ml-20 {
  margin-left: 20px !important;
}

.u-ml-24 {
  margin-left: 24px !important;
}

.u-ml-28 {
  margin-left: 28px !important;
}

.u-ml-32 {
  margin-left: 32px !important;
}

.u-ml-36 {
  margin-left: 36px !important;
}

.u-ml-40 {
  margin-left: 40px !important;
}

.u-ml-44 {
  margin-left: 44px !important;
}

.u-ml-48 {
  margin-left: 48px !important;
}

.u-ml-52 {
  margin-left: 52px !important;
}

.u-ml-56 {
  margin-left: 56px !important;
}

.u-ml-60 {
  margin-left: 60px !important;
}

.u-ml-64 {
  margin-left: 64px !important;
}

.u-ml-68 {
  margin-left: 68px !important;
}

.u-ml-72 {
  margin-left: 72px !important;
}

.u-ml-76 {
  margin-left: 76px !important;
}

.u-ml-80 {
  margin-left: 80px !important;
}

.u-ml-84 {
  margin-left: 84px !important;
}

.u-ml-88 {
  margin-left: 88px !important;
}

.u-ml-92 {
  margin-left: 92px !important;
}

.u-ml-96 {
  margin-left: 96px !important;
}

.u-ml-100 {
  margin-left: 100px !important;
}

.u-ml-104 {
  margin-left: 104px !important;
}

.u-ml-108 {
  margin-left: 108px !important;
}

.u-ml-112 {
  margin-left: 112px !important;
}

.u-ml-116 {
  margin-left: 116px !important;
}

.u-ml-120 {
  margin-left: 120px !important;
}

@media only screen and (max-width: 768px) {
  .u-sm-mt-0 {
    margin-top: 0px !important;
  }
  .u-sm-mt-4 {
    margin-top: 4px !important;
  }
  .u-sm-mt-8 {
    margin-top: 8px !important;
  }
  .u-sm-mt-12 {
    margin-top: 12px !important;
  }
  .u-sm-mt-16 {
    margin-top: 16px !important;
  }
  .u-sm-mt-20 {
    margin-top: 20px !important;
  }
  .u-sm-mt-24 {
    margin-top: 24px !important;
  }
  .u-sm-mt-28 {
    margin-top: 28px !important;
  }
  .u-sm-mt-32 {
    margin-top: 32px !important;
  }
  .u-sm-mt-36 {
    margin-top: 36px !important;
  }
  .u-sm-mt-40 {
    margin-top: 40px !important;
  }
  .u-sm-mt-44 {
    margin-top: 44px !important;
  }
  .u-sm-mt-48 {
    margin-top: 48px !important;
  }
  .u-sm-mt-52 {
    margin-top: 52px !important;
  }
  .u-sm-mt-56 {
    margin-top: 56px !important;
  }
  .u-sm-mt-60 {
    margin-top: 60px !important;
  }
  .u-sm-mt-64 {
    margin-top: 64px !important;
  }
  .u-sm-mt-68 {
    margin-top: 68px !important;
  }
  .u-sm-mt-72 {
    margin-top: 72px !important;
  }
  .u-sm-mt-76 {
    margin-top: 76px !important;
  }
  .u-sm-mt-80 {
    margin-top: 80px !important;
  }
  .u-sm-mt-84 {
    margin-top: 84px !important;
  }
  .u-sm-mt-88 {
    margin-top: 88px !important;
  }
  .u-sm-mt-92 {
    margin-top: 92px !important;
  }
  .u-sm-mt-96 {
    margin-top: 96px !important;
  }
  .u-sm-mt-100 {
    margin-top: 100px !important;
  }
  .u-sm-mt-104 {
    margin-top: 104px !important;
  }
  .u-sm-mt-108 {
    margin-top: 108px !important;
  }
  .u-sm-mt-112 {
    margin-top: 112px !important;
  }
  .u-sm-mt-116 {
    margin-top: 116px !important;
  }
  .u-sm-mt-120 {
    margin-top: 120px !important;
  }
  .u-sm-mr-0 {
    margin-right: 0px !important;
  }
  .u-sm-mr-4 {
    margin-right: 4px !important;
  }
  .u-sm-mr-8 {
    margin-right: 8px !important;
  }
  .u-sm-mr-12 {
    margin-right: 12px !important;
  }
  .u-sm-mr-16 {
    margin-right: 16px !important;
  }
  .u-sm-mr-20 {
    margin-right: 20px !important;
  }
  .u-sm-mr-24 {
    margin-right: 24px !important;
  }
  .u-sm-mr-28 {
    margin-right: 28px !important;
  }
  .u-sm-mr-32 {
    margin-right: 32px !important;
  }
  .u-sm-mr-36 {
    margin-right: 36px !important;
  }
  .u-sm-mr-40 {
    margin-right: 40px !important;
  }
  .u-sm-mr-44 {
    margin-right: 44px !important;
  }
  .u-sm-mr-48 {
    margin-right: 48px !important;
  }
  .u-sm-mr-52 {
    margin-right: 52px !important;
  }
  .u-sm-mr-56 {
    margin-right: 56px !important;
  }
  .u-sm-mr-60 {
    margin-right: 60px !important;
  }
  .u-sm-mr-64 {
    margin-right: 64px !important;
  }
  .u-sm-mr-68 {
    margin-right: 68px !important;
  }
  .u-sm-mr-72 {
    margin-right: 72px !important;
  }
  .u-sm-mr-76 {
    margin-right: 76px !important;
  }
  .u-sm-mr-80 {
    margin-right: 80px !important;
  }
  .u-sm-mr-84 {
    margin-right: 84px !important;
  }
  .u-sm-mr-88 {
    margin-right: 88px !important;
  }
  .u-sm-mr-92 {
    margin-right: 92px !important;
  }
  .u-sm-mr-96 {
    margin-right: 96px !important;
  }
  .u-sm-mr-100 {
    margin-right: 100px !important;
  }
  .u-sm-mr-104 {
    margin-right: 104px !important;
  }
  .u-sm-mr-108 {
    margin-right: 108px !important;
  }
  .u-sm-mr-112 {
    margin-right: 112px !important;
  }
  .u-sm-mr-116 {
    margin-right: 116px !important;
  }
  .u-sm-mr-120 {
    margin-right: 120px !important;
  }
  .u-sm-mb-0 {
    margin-bottom: 0px !important;
  }
  .u-sm-mb-4 {
    margin-bottom: 4px !important;
  }
  .u-sm-mb-8 {
    margin-bottom: 8px !important;
  }
  .u-sm-mb-12 {
    margin-bottom: 12px !important;
  }
  .u-sm-mb-16 {
    margin-bottom: 16px !important;
  }
  .u-sm-mb-20 {
    margin-bottom: 20px !important;
  }
  .u-sm-mb-24 {
    margin-bottom: 24px !important;
  }
  .u-sm-mb-28 {
    margin-bottom: 28px !important;
  }
  .u-sm-mb-32 {
    margin-bottom: 32px !important;
  }
  .u-sm-mb-36 {
    margin-bottom: 36px !important;
  }
  .u-sm-mb-40 {
    margin-bottom: 40px !important;
  }
  .u-sm-mb-44 {
    margin-bottom: 44px !important;
  }
  .u-sm-mb-48 {
    margin-bottom: 48px !important;
  }
  .u-sm-mb-52 {
    margin-bottom: 52px !important;
  }
  .u-sm-mb-56 {
    margin-bottom: 56px !important;
  }
  .u-sm-mb-60 {
    margin-bottom: 60px !important;
  }
  .u-sm-mb-64 {
    margin-bottom: 64px !important;
  }
  .u-sm-mb-68 {
    margin-bottom: 68px !important;
  }
  .u-sm-mb-72 {
    margin-bottom: 72px !important;
  }
  .u-sm-mb-76 {
    margin-bottom: 76px !important;
  }
  .u-sm-mb-80 {
    margin-bottom: 80px !important;
  }
  .u-sm-mb-84 {
    margin-bottom: 84px !important;
  }
  .u-sm-mb-88 {
    margin-bottom: 88px !important;
  }
  .u-sm-mb-92 {
    margin-bottom: 92px !important;
  }
  .u-sm-mb-96 {
    margin-bottom: 96px !important;
  }
  .u-sm-mb-100 {
    margin-bottom: 100px !important;
  }
  .u-sm-mb-104 {
    margin-bottom: 104px !important;
  }
  .u-sm-mb-108 {
    margin-bottom: 108px !important;
  }
  .u-sm-mb-112 {
    margin-bottom: 112px !important;
  }
  .u-sm-mb-116 {
    margin-bottom: 116px !important;
  }
  .u-sm-mb-120 {
    margin-bottom: 120px !important;
  }
  .u-sm-ml-0 {
    margin-left: 0px !important;
  }
  .u-sm-ml-4 {
    margin-left: 4px !important;
  }
  .u-sm-ml-8 {
    margin-left: 8px !important;
  }
  .u-sm-ml-12 {
    margin-left: 12px !important;
  }
  .u-sm-ml-16 {
    margin-left: 16px !important;
  }
  .u-sm-ml-20 {
    margin-left: 20px !important;
  }
  .u-sm-ml-24 {
    margin-left: 24px !important;
  }
  .u-sm-ml-28 {
    margin-left: 28px !important;
  }
  .u-sm-ml-32 {
    margin-left: 32px !important;
  }
  .u-sm-ml-36 {
    margin-left: 36px !important;
  }
  .u-sm-ml-40 {
    margin-left: 40px !important;
  }
  .u-sm-ml-44 {
    margin-left: 44px !important;
  }
  .u-sm-ml-48 {
    margin-left: 48px !important;
  }
  .u-sm-ml-52 {
    margin-left: 52px !important;
  }
  .u-sm-ml-56 {
    margin-left: 56px !important;
  }
  .u-sm-ml-60 {
    margin-left: 60px !important;
  }
  .u-sm-ml-64 {
    margin-left: 64px !important;
  }
  .u-sm-ml-68 {
    margin-left: 68px !important;
  }
  .u-sm-ml-72 {
    margin-left: 72px !important;
  }
  .u-sm-ml-76 {
    margin-left: 76px !important;
  }
  .u-sm-ml-80 {
    margin-left: 80px !important;
  }
  .u-sm-ml-84 {
    margin-left: 84px !important;
  }
  .u-sm-ml-88 {
    margin-left: 88px !important;
  }
  .u-sm-ml-92 {
    margin-left: 92px !important;
  }
  .u-sm-ml-96 {
    margin-left: 96px !important;
  }
  .u-sm-ml-100 {
    margin-left: 100px !important;
  }
  .u-sm-ml-104 {
    margin-left: 104px !important;
  }
  .u-sm-ml-108 {
    margin-left: 108px !important;
  }
  .u-sm-ml-112 {
    margin-left: 112px !important;
  }
  .u-sm-ml-116 {
    margin-left: 116px !important;
  }
  .u-sm-ml-120 {
    margin-left: 120px !important;
  }
}

/* padding - utility
--------------------------------------------------------- */
.u-pt-0 {
  padding-top: 0px !important;
}

.u-pt-4 {
  padding-top: 4px !important;
}

.u-pt-8 {
  padding-top: 8px !important;
}

.u-pt-12 {
  padding-top: 12px !important;
}

.u-pt-16 {
  padding-top: 16px !important;
}

.u-pt-20 {
  padding-top: 20px !important;
}

.u-pt-24 {
  padding-top: 24px !important;
}

.u-pt-28 {
  padding-top: 28px !important;
}

.u-pt-32 {
  padding-top: 32px !important;
}

.u-pt-36 {
  padding-top: 36px !important;
}

.u-pt-40 {
  padding-top: 40px !important;
}

.u-pt-44 {
  padding-top: 44px !important;
}

.u-pt-48 {
  padding-top: 48px !important;
}

.u-pt-52 {
  padding-top: 52px !important;
}

.u-pt-56 {
  padding-top: 56px !important;
}

.u-pt-60 {
  padding-top: 60px !important;
}

.u-pt-64 {
  padding-top: 64px !important;
}

.u-pt-68 {
  padding-top: 68px !important;
}

.u-pt-72 {
  padding-top: 72px !important;
}

.u-pt-76 {
  padding-top: 76px !important;
}

.u-pt-80 {
  padding-top: 80px !important;
}

.u-pt-84 {
  padding-top: 84px !important;
}

.u-pt-88 {
  padding-top: 88px !important;
}

.u-pt-92 {
  padding-top: 92px !important;
}

.u-pt-96 {
  padding-top: 96px !important;
}

.u-pt-100 {
  padding-top: 100px !important;
}

.u-pt-104 {
  padding-top: 104px !important;
}

.u-pt-108 {
  padding-top: 108px !important;
}

.u-pt-112 {
  padding-top: 112px !important;
}

.u-pt-116 {
  padding-top: 116px !important;
}

.u-pt-120 {
  padding-top: 120px !important;
}

.u-pr-0 {
  padding-right: 0px !important;
}

.u-pr-4 {
  padding-right: 4px !important;
}

.u-pr-8 {
  padding-right: 8px !important;
}

.u-pr-12 {
  padding-right: 12px !important;
}

.u-pr-16 {
  padding-right: 16px !important;
}

.u-pr-20 {
  padding-right: 20px !important;
}

.u-pr-24 {
  padding-right: 24px !important;
}

.u-pr-28 {
  padding-right: 28px !important;
}

.u-pr-32 {
  padding-right: 32px !important;
}

.u-pr-36 {
  padding-right: 36px !important;
}

.u-pr-40 {
  padding-right: 40px !important;
}

.u-pr-44 {
  padding-right: 44px !important;
}

.u-pr-48 {
  padding-right: 48px !important;
}

.u-pr-52 {
  padding-right: 52px !important;
}

.u-pr-56 {
  padding-right: 56px !important;
}

.u-pr-60 {
  padding-right: 60px !important;
}

.u-pr-64 {
  padding-right: 64px !important;
}

.u-pr-68 {
  padding-right: 68px !important;
}

.u-pr-72 {
  padding-right: 72px !important;
}

.u-pr-76 {
  padding-right: 76px !important;
}

.u-pr-80 {
  padding-right: 80px !important;
}

.u-pr-84 {
  padding-right: 84px !important;
}

.u-pr-88 {
  padding-right: 88px !important;
}

.u-pr-92 {
  padding-right: 92px !important;
}

.u-pr-96 {
  padding-right: 96px !important;
}

.u-pr-100 {
  padding-right: 100px !important;
}

.u-pr-104 {
  padding-right: 104px !important;
}

.u-pr-108 {
  padding-right: 108px !important;
}

.u-pr-112 {
  padding-right: 112px !important;
}

.u-pr-116 {
  padding-right: 116px !important;
}

.u-pr-120 {
  padding-right: 120px !important;
}

.u-pb-0 {
  padding-bottom: 0px !important;
}

.u-pb-4 {
  padding-bottom: 4px !important;
}

.u-pb-8 {
  padding-bottom: 8px !important;
}

.u-pb-12 {
  padding-bottom: 12px !important;
}

.u-pb-16 {
  padding-bottom: 16px !important;
}

.u-pb-20 {
  padding-bottom: 20px !important;
}

.u-pb-24 {
  padding-bottom: 24px !important;
}

.u-pb-28 {
  padding-bottom: 28px !important;
}

.u-pb-32 {
  padding-bottom: 32px !important;
}

.u-pb-36 {
  padding-bottom: 36px !important;
}

.u-pb-40 {
  padding-bottom: 40px !important;
}

.u-pb-44 {
  padding-bottom: 44px !important;
}

.u-pb-48 {
  padding-bottom: 48px !important;
}

.u-pb-52 {
  padding-bottom: 52px !important;
}

.u-pb-56 {
  padding-bottom: 56px !important;
}

.u-pb-60 {
  padding-bottom: 60px !important;
}

.u-pb-64 {
  padding-bottom: 64px !important;
}

.u-pb-68 {
  padding-bottom: 68px !important;
}

.u-pb-72 {
  padding-bottom: 72px !important;
}

.u-pb-76 {
  padding-bottom: 76px !important;
}

.u-pb-80 {
  padding-bottom: 80px !important;
}

.u-pb-84 {
  padding-bottom: 84px !important;
}

.u-pb-88 {
  padding-bottom: 88px !important;
}

.u-pb-92 {
  padding-bottom: 92px !important;
}

.u-pb-96 {
  padding-bottom: 96px !important;
}

.u-pb-100 {
  padding-bottom: 100px !important;
}

.u-pb-104 {
  padding-bottom: 104px !important;
}

.u-pb-108 {
  padding-bottom: 108px !important;
}

.u-pb-112 {
  padding-bottom: 112px !important;
}

.u-pb-116 {
  padding-bottom: 116px !important;
}

.u-pb-120 {
  padding-bottom: 120px !important;
}

.u-pl-0 {
  padding-left: 0px !important;
}

.u-pl-4 {
  padding-left: 4px !important;
}

.u-pl-8 {
  padding-left: 8px !important;
}

.u-pl-12 {
  padding-left: 12px !important;
}

.u-pl-16 {
  padding-left: 16px !important;
}

.u-pl-20 {
  padding-left: 20px !important;
}

.u-pl-24 {
  padding-left: 24px !important;
}

.u-pl-28 {
  padding-left: 28px !important;
}

.u-pl-32 {
  padding-left: 32px !important;
}

.u-pl-36 {
  padding-left: 36px !important;
}

.u-pl-40 {
  padding-left: 40px !important;
}

.u-pl-44 {
  padding-left: 44px !important;
}

.u-pl-48 {
  padding-left: 48px !important;
}

.u-pl-52 {
  padding-left: 52px !important;
}

.u-pl-56 {
  padding-left: 56px !important;
}

.u-pl-60 {
  padding-left: 60px !important;
}

.u-pl-64 {
  padding-left: 64px !important;
}

.u-pl-68 {
  padding-left: 68px !important;
}

.u-pl-72 {
  padding-left: 72px !important;
}

.u-pl-76 {
  padding-left: 76px !important;
}

.u-pl-80 {
  padding-left: 80px !important;
}

.u-pl-84 {
  padding-left: 84px !important;
}

.u-pl-88 {
  padding-left: 88px !important;
}

.u-pl-92 {
  padding-left: 92px !important;
}

.u-pl-96 {
  padding-left: 96px !important;
}

.u-pl-100 {
  padding-left: 100px !important;
}

.u-pl-104 {
  padding-left: 104px !important;
}

.u-pl-108 {
  padding-left: 108px !important;
}

.u-pl-112 {
  padding-left: 112px !important;
}

.u-pl-116 {
  padding-left: 116px !important;
}

.u-pl-120 {
  padding-left: 120px !important;
}

@media only screen and (max-width: 768px) {
  .u-sm-pt-0 {
    padding-top: 0px !important;
  }
  .u-sm-pt-4 {
    padding-top: 4px !important;
  }
  .u-sm-pt-8 {
    padding-top: 8px !important;
  }
  .u-sm-pt-12 {
    padding-top: 12px !important;
  }
  .u-sm-pt-16 {
    padding-top: 16px !important;
  }
  .u-sm-pt-20 {
    padding-top: 20px !important;
  }
  .u-sm-pt-24 {
    padding-top: 24px !important;
  }
  .u-sm-pt-28 {
    padding-top: 28px !important;
  }
  .u-sm-pt-32 {
    padding-top: 32px !important;
  }
  .u-sm-pt-36 {
    padding-top: 36px !important;
  }
  .u-sm-pt-40 {
    padding-top: 40px !important;
  }
  .u-sm-pt-44 {
    padding-top: 44px !important;
  }
  .u-sm-pt-48 {
    padding-top: 48px !important;
  }
  .u-sm-pt-52 {
    padding-top: 52px !important;
  }
  .u-sm-pt-56 {
    padding-top: 56px !important;
  }
  .u-sm-pt-60 {
    padding-top: 60px !important;
  }
  .u-sm-pt-64 {
    padding-top: 64px !important;
  }
  .u-sm-pt-68 {
    padding-top: 68px !important;
  }
  .u-sm-pt-72 {
    padding-top: 72px !important;
  }
  .u-sm-pt-76 {
    padding-top: 76px !important;
  }
  .u-sm-pt-80 {
    padding-top: 80px !important;
  }
  .u-sm-pt-84 {
    padding-top: 84px !important;
  }
  .u-sm-pt-88 {
    padding-top: 88px !important;
  }
  .u-sm-pt-92 {
    padding-top: 92px !important;
  }
  .u-sm-pt-96 {
    padding-top: 96px !important;
  }
  .u-sm-pt-100 {
    padding-top: 100px !important;
  }
  .u-sm-pt-104 {
    padding-top: 104px !important;
  }
  .u-sm-pt-108 {
    padding-top: 108px !important;
  }
  .u-sm-pt-112 {
    padding-top: 112px !important;
  }
  .u-sm-pt-116 {
    padding-top: 116px !important;
  }
  .u-sm-pt-120 {
    padding-top: 120px !important;
  }
  .u-sm-pr-0 {
    padding-right: 0px !important;
  }
  .u-sm-pr-4 {
    padding-right: 4px !important;
  }
  .u-sm-pr-8 {
    padding-right: 8px !important;
  }
  .u-sm-pr-12 {
    padding-right: 12px !important;
  }
  .u-sm-pr-16 {
    padding-right: 16px !important;
  }
  .u-sm-pr-20 {
    padding-right: 20px !important;
  }
  .u-sm-pr-24 {
    padding-right: 24px !important;
  }
  .u-sm-pr-28 {
    padding-right: 28px !important;
  }
  .u-sm-pr-32 {
    padding-right: 32px !important;
  }
  .u-sm-pr-36 {
    padding-right: 36px !important;
  }
  .u-sm-pr-40 {
    padding-right: 40px !important;
  }
  .u-sm-pr-44 {
    padding-right: 44px !important;
  }
  .u-sm-pr-48 {
    padding-right: 48px !important;
  }
  .u-sm-pr-52 {
    padding-right: 52px !important;
  }
  .u-sm-pr-56 {
    padding-right: 56px !important;
  }
  .u-sm-pr-60 {
    padding-right: 60px !important;
  }
  .u-sm-pr-64 {
    padding-right: 64px !important;
  }
  .u-sm-pr-68 {
    padding-right: 68px !important;
  }
  .u-sm-pr-72 {
    padding-right: 72px !important;
  }
  .u-sm-pr-76 {
    padding-right: 76px !important;
  }
  .u-sm-pr-80 {
    padding-right: 80px !important;
  }
  .u-sm-pr-84 {
    padding-right: 84px !important;
  }
  .u-sm-pr-88 {
    padding-right: 88px !important;
  }
  .u-sm-pr-92 {
    padding-right: 92px !important;
  }
  .u-sm-pr-96 {
    padding-right: 96px !important;
  }
  .u-sm-pr-100 {
    padding-right: 100px !important;
  }
  .u-sm-pr-104 {
    padding-right: 104px !important;
  }
  .u-sm-pr-108 {
    padding-right: 108px !important;
  }
  .u-sm-pr-112 {
    padding-right: 112px !important;
  }
  .u-sm-pr-116 {
    padding-right: 116px !important;
  }
  .u-sm-pr-120 {
    padding-right: 120px !important;
  }
  .u-sm-pb-0 {
    padding-bottom: 0px !important;
  }
  .u-sm-pb-4 {
    padding-bottom: 4px !important;
  }
  .u-sm-pb-8 {
    padding-bottom: 8px !important;
  }
  .u-sm-pb-12 {
    padding-bottom: 12px !important;
  }
  .u-sm-pb-16 {
    padding-bottom: 16px !important;
  }
  .u-sm-pb-20 {
    padding-bottom: 20px !important;
  }
  .u-sm-pb-24 {
    padding-bottom: 24px !important;
  }
  .u-sm-pb-28 {
    padding-bottom: 28px !important;
  }
  .u-sm-pb-32 {
    padding-bottom: 32px !important;
  }
  .u-sm-pb-36 {
    padding-bottom: 36px !important;
  }
  .u-sm-pb-40 {
    padding-bottom: 40px !important;
  }
  .u-sm-pb-44 {
    padding-bottom: 44px !important;
  }
  .u-sm-pb-48 {
    padding-bottom: 48px !important;
  }
  .u-sm-pb-52 {
    padding-bottom: 52px !important;
  }
  .u-sm-pb-56 {
    padding-bottom: 56px !important;
  }
  .u-sm-pb-60 {
    padding-bottom: 60px !important;
  }
  .u-sm-pb-64 {
    padding-bottom: 64px !important;
  }
  .u-sm-pb-68 {
    padding-bottom: 68px !important;
  }
  .u-sm-pb-72 {
    padding-bottom: 72px !important;
  }
  .u-sm-pb-76 {
    padding-bottom: 76px !important;
  }
  .u-sm-pb-80 {
    padding-bottom: 80px !important;
  }
  .u-sm-pb-84 {
    padding-bottom: 84px !important;
  }
  .u-sm-pb-88 {
    padding-bottom: 88px !important;
  }
  .u-sm-pb-92 {
    padding-bottom: 92px !important;
  }
  .u-sm-pb-96 {
    padding-bottom: 96px !important;
  }
  .u-sm-pb-100 {
    padding-bottom: 100px !important;
  }
  .u-sm-pb-104 {
    padding-bottom: 104px !important;
  }
  .u-sm-pb-108 {
    padding-bottom: 108px !important;
  }
  .u-sm-pb-112 {
    padding-bottom: 112px !important;
  }
  .u-sm-pb-116 {
    padding-bottom: 116px !important;
  }
  .u-sm-pb-120 {
    padding-bottom: 120px !important;
  }
  .u-sm-pl-0 {
    padding-left: 0px !important;
  }
  .u-sm-pl-4 {
    padding-left: 4px !important;
  }
  .u-sm-pl-8 {
    padding-left: 8px !important;
  }
  .u-sm-pl-12 {
    padding-left: 12px !important;
  }
  .u-sm-pl-16 {
    padding-left: 16px !important;
  }
  .u-sm-pl-20 {
    padding-left: 20px !important;
  }
  .u-sm-pl-24 {
    padding-left: 24px !important;
  }
  .u-sm-pl-28 {
    padding-left: 28px !important;
  }
  .u-sm-pl-32 {
    padding-left: 32px !important;
  }
  .u-sm-pl-36 {
    padding-left: 36px !important;
  }
  .u-sm-pl-40 {
    padding-left: 40px !important;
  }
  .u-sm-pl-44 {
    padding-left: 44px !important;
  }
  .u-sm-pl-48 {
    padding-left: 48px !important;
  }
  .u-sm-pl-52 {
    padding-left: 52px !important;
  }
  .u-sm-pl-56 {
    padding-left: 56px !important;
  }
  .u-sm-pl-60 {
    padding-left: 60px !important;
  }
  .u-sm-pl-64 {
    padding-left: 64px !important;
  }
  .u-sm-pl-68 {
    padding-left: 68px !important;
  }
  .u-sm-pl-72 {
    padding-left: 72px !important;
  }
  .u-sm-pl-76 {
    padding-left: 76px !important;
  }
  .u-sm-pl-80 {
    padding-left: 80px !important;
  }
  .u-sm-pl-84 {
    padding-left: 84px !important;
  }
  .u-sm-pl-88 {
    padding-left: 88px !important;
  }
  .u-sm-pl-92 {
    padding-left: 92px !important;
  }
  .u-sm-pl-96 {
    padding-left: 96px !important;
  }
  .u-sm-pl-100 {
    padding-left: 100px !important;
  }
  .u-sm-pl-104 {
    padding-left: 104px !important;
  }
  .u-sm-pl-108 {
    padding-left: 108px !important;
  }
  .u-sm-pl-112 {
    padding-left: 112px !important;
  }
  .u-sm-pl-116 {
    padding-left: 116px !important;
  }
  .u-sm-pl-120 {
    padding-left: 120px !important;
  }
}

/* text-align - utility
--------------------------------------------------------- */
.u-ta-l {
  text-align: left !important;
}

.u-ta-c {
  text-align: center !important;
}

.u-ta-r {
  text-align: right !important;
}

@media only screen and (max-width: 768px) {
  .u-ta-sm-l {
    text-align: left !important;
  }
  .u-ta-sm-c {
    text-align: center !important;
  }
  .u-ta-sm-r {
    text-align: right !important;
  }
}

/* text-decoration - utility
--------------------------------------------------------- */
.u-td-n {
  text-decoration: none !important;
}

.u-td-u {
  text-decoration: underline !important;
}

/* vertical-align - utility
--------------------------------------------------------- */
.u-va-t {
  vertical-align: top !important;
}

.u-va-m {
  vertical-align: middle !important;
}

.u-va-b {
  vertical-align: bottom !important;
}

/* width - utility
--------------------------------------------------------- */
.u-w-auto {
  width: auto !important;
}

.u-w-full {
  width: 100% !important;
}

.u-w-half {
  width: 50% !important;
}

.u-w-quater {
  width: 25% !important;
}

.u-w-384 {
  width: 384px !important;
}

.u-w-36 {
  width: 36% !important;
}

@media only screen and (max-width: 768px) {
  .u-w-sm-auto {
    width: auto !important;
  }
  .u-w-sm-full {
    width: 100% !important;
  }
  .u-w-sm-70 {
    width: 70% !important;
  }
  .u-w-sm-half {
    width: 50% !important;
  }
  .u-w-sm-quater {
    width: 25% !important;
  }
}

/* align-items - utility
--------------------------------------------------------- */
.u-ai-fs{
  align-items: flex-start !important;
}

/* text-indent - utility
--------------------------------------------------------- */
.u-ti-1 {
  padding-left: 1em !important;
  text-indent: -1em !important;
}

.u-ti-2 {
  padding-left: 2em !important;
  text-indent: -2em !important;
}

.c-staticInfoCard__text {
  text-align: center;
  font-size: 1.8rem;
}

.text_col {
  color: #007ea5;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 32px 16px;
}

.c-staticInfoCard__box02 {
  padding: 25px;
}

.c-staticInfoCard02 {
  margin-bottom: 30px;
}

.c-staticInfoCard02 dd{
  line-height: 1.7;
}

.guide_wrap img{
  width: 100%;
  margin: 0 auto;
}

.cardBox {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.cardBox .c-btn {
  width: 350px;
}

.cardBox .c-staticInfoCard__btn .c-btn1Col {
  width: 350px;
}

.num_list {
  padding: 0 10px 0 10px;
  margin: 0 15px 5px 0;
  line-height: 1.5;
  color: #fff;
  background-color: #333333;
}

/* safe_wrap */

.pc-only {
  display: block;
}

.sp-only {
  display: none;
}

.safe_wrap .c-staticInfoCard__box {
  padding: 40px;
}

.safe_wrap #num_list_03 .c-staticInfoCard__box {
  padding: 0;
}

.safe_wrap .c-noticeList {
  clear: both;
  width: 100%;
}

.safe_wrap .c-noticeList__item {
  line-height: 1.6;
}

.safe_wrap .c-staticInfoCard__box .c-staticInfoCard__infoTxt {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-bottom: 10px;
}

.safe_wrap .card01 .c-staticInfoCard__box .c-staticInfoCard__infoTxt{
  width: 70%;
}

.safe_wrap .c-staticInfoCard__box .c-staticInfoCard__infoTxt dt {
  font-size: 2.6rem;
}

.safe_wrap .c-staticInfoCard__box .c-staticInfoCard__infoTxt dd {
  font-size: 1.6rem;
  line-height: 1.9;
}

.safe_wrap .c-staticInfoCard__box .c-staticInfoCard__imgCard {
  display: flex;
  margin-bottom: auto;
}

.safe_wrap .c-staticInfoCard.card01 .c-staticInfoCard__box .c-staticInfoCard__infoTxt {
  width: 75%;
}

.safe_wrap .c-staticInfoCard.card02 .c-staticInfoCard__imgCard {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  width: auto;
  max-width: 760px;
  height: auto;
}

.safe_wrap .c-staticInfoCard__imgCard .sp-only {
  width: auto;
}

.safe_wrap .c-staticInfoCard.card02 .c-staticInfoCard__box .c-staticInfoCard__imgBox img {
  float: left;
  margin: 0 10px;
}

.safe_wrap .c-staticInfoCard.card03 .c-staticInfoCard__box .c-staticInfoCard__imgBox img {
  float: left;
}

.safe_wrap .c-staticInfoCard.card03 .c-staticInfoCard__box .c-staticInfoCard__imgBox img:first-child {
  margin-right: 30px;
}

.safe_wrap .c-staticInfoCard.card03 .c-staticInfoCard__imgCard {
  display: flex;
  margin-bottom: 24px;
}

.safe_wrap .c-staticInfoCard.card04 .c-staticInfoCard__box .c-staticInfoCard__imgBox img {
  float: left;
}

.safe_wrap .c-staticInfoCard.card04 .c-staticInfoCard__box .c-staticInfoCard__imgBox img:first-child {
  margin-right: 40px;
}

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

  .pc-only {
    display: none;
  }

  .sp-only {
    display: block;
  }

  .safe_wrap .c-staticInfoCard.card01 .c-staticInfoCard__box .c-staticInfoCard__infoTxt {
    width: auto;
  }
  
  .safe_wrap .c-staticInfoCard__box .c-staticInfoCard__infoTxt dd {
    text-align: left;
  }

  .safe_wrap .c-staticInfoCard__box .c-staticInfoCard__imgBox {
    order: inherit !important;
  }

  .safe_wrap .c-staticInfoCard.card02 .c-staticInfoCard__box .c-staticInfoCard__imgBox img {
    float: none;
    margin: 10px 0;
  }

  .safe_wrap .c-staticInfoCard.card03 .c-staticInfoCard__box .c-staticInfoCard__imgBox.pc-only {
    display: block;
  }

  .safe_wrap .c-staticInfoCard.card03 .c-staticInfoCard__box .c-staticInfoCard__imgBox.sp-only {
    display: none;
  }
  
  .safe_wrap .c-staticInfoCard.card02 .c-staticInfoCard__imgCard {
    flex-direction: column;
    margin-bottom: 0;
  }

  .safe_wrap .c-staticInfoCard.card04 .c-staticInfoCard__imgCard {
    display: block !important;
    text-align: center;
    margin-bottom: 0;
  }

  .safe_wrap .c-staticInfoCard.card04 .c-staticInfoCard__box .c-staticInfoCard__imgBox img:first-child {
    margin-right: auto;
    margin-bottom: 15px;
  }

  .safe_wrap .c-staticInfoCard.card04 .c-staticInfoCard__box .c-staticInfoCard__imgBox img {
    float: none;
  }

  .safe_wrap .c-staticInfoCard.card04 .c-staticInfoCard__box {
    padding: 20px 20px 18.667vw;
  }

  .safe_wrap .c-staticInfoCard__btn {
    position: relative;
    bottom: 18.333vw;
  }

  .safe_wrap .c-btn1Col .c-btn__text {
    font-size: 1.3rem;
  }

}

@media screen and (max-width: 580px) {

  .safe_wrap .c-staticInfoCard.card03 .c-staticInfoCard__box .c-staticInfoCard__imgBox.pc-only {
    display: none;
  }

  .safe_wrap .c-staticInfoCard.card03 .c-staticInfoCard__box .c-staticInfoCard__imgBox.sp-only {
    display: block;
  }

  .safe_wrap .c-staticInfoCard.card03 .c-staticInfoCard__box .c-staticInfoCard__infoTxt {
    margin-bottom: 20px;
  }

  .safe_wrap .c-staticInfoCard__btn {
    position: relative;
    bottom: 27.333vw;
  }

  .safe_wrap .c-staticInfoCard.card04 .c-staticInfoCard__box {
    padding: 20px 20px 26.667vw;
  }

}

@media screen and (max-width: 375px) {

  .pc-only {
    display: none;
  }

  .sp-only {
    display: block;
  }

  .safe_wrap .c-staticInfoCard__box {
    padding: 20px;
  }

  .safe_wrap .c-staticInfoCard.card01 .c-staticInfoCard__box .c-staticInfoCard__infoTxt {
    width: auto;
  }

  .safe_wrap .c-staticInfoCard__box .c-staticInfoCard__infoTxt dt {
    font-size: 1.6rem;
    text-align: left;
    margin-bottom: 10px;
  }

  .safe_wrap .c-staticInfoCard__box .c-staticInfoCard__infoTxt dd {
    font-size: 1.3rem;
    text-align: left;
    line-height: 2;
  }

  .safe_wrap .c-staticInfoCard__box .c-staticInfoCard__infoTxt {
    margin-bottom: 15px;
  }

  .safe_wrap .c-staticInfoCard__box .c-staticInfoCard__imgCard img {
    width: 80%;
    height: 80%;
  }

  .safe_wrap .c-staticInfoCard.card02 .c-staticInfoCard__box .c-staticInfoCard__imgBox img {
    float: none;
    width: auto;
  }

  .safe_wrap .c-staticInfoCard.card03 .c-staticInfoCard__box .c-staticInfoCard__imgBox img:first-child {
    margin-right: 20px;
  }

  .safe_wrap .c-staticInfoCard.card03 .c-staticInfoCard__box .c-staticInfoCard__imgCard img {
    width: auto;
  }

  .safe_wrap .c-staticInfoCard.card03 .c-staticInfoCard__box .c-staticInfoCard__imgBox img:first-child {
    margin-right: auto;
  }

  .safe_wrap .c-staticInfoCard.card03 .c-staticInfoCard__imgCard {
    margin-bottom: auto;
  }

  .safe_wrap .c-staticInfoCard__box .c-staticInfoCard__imgBox {
    order:inherit!important;
    margin-bottom: 20px;
  }

  .safe_wrap .c-staticInfoCard.card04 .c-staticInfoCard__imgCard {
    display: block!important;
    text-align: center;
    margin-bottom: 0;
  }

  .safe_wrap .c-staticInfoCard.card04 .c-staticInfoCard__box .c-staticInfoCard__imgBox img {
    float: none;
    margin-right: auto;
  }

  .safe_wrap .c-staticInfoCard.card04 .c-staticInfoCard__box .c-staticInfoCard__imgBox img:first-child {
    margin-right: auto;
    margin-bottom: 15px;
  }

  .safe_wrap .c-staticInfoCard.card04 .c-staticInfoCard__box {
    padding: 20px;
  }

  .safe_wrap .c-staticInfoCard.card04 .c-staticInfoCard__box .c-staticInfoCard__imgBox {
    order:inherit!important;
    margin-bottom: auto;
  }

  .safe_wrap .c-staticInfoCard__btn {
    position: relative;
    bottom: 29.333vw;
  }

  .safe_wrap .c-staticInfoCard__btn .c-btn {
    height: 16vw;
  }

  .safe_wrap .c-btn1Col .c-btn__text {
    font-size: 1.3rem;
  }

}


/* pc版、sp版 追加*/
.pc-non {
  display: none;
}

@media only screen and (max-width: 768px) {
  .sp-img {
    width: 100%;
    margin: 0 auto;
  }

  .sp-non {
    display: none;
  }

  .pc-non {
    display: block;
  }

}

/* 20230818追加 */
.w-570{
  width: 570px;
}
@media only screen and (max-width: 768px) {
  .w-570{
    width: auto;
  }
}

/* 20231114追加 */
.anchor-link-block{
  width: 800px;
  margin: 0 auto;
}

.anchor-link-block p{
  display: inline-block;
  margin-bottom: 10px;
  border-bottom: 1px solid #707070;
  font-size: 1.5rem;
  font-weight: bold;
}

.anchor-link-block p:last-child{
  margin-bottom: 0;
}

.anchor-link-ttl{
  margin-bottom: 20px;
  padding: 20px 0;
  font-size: 2.3rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #cc0033;
}

.anchor-link-block-txt{
  display: block;
  text-decoration: none;
  color: #333 !important;
}

.btn-color01{
  background-color: #cc0033;
  color: #fff !important;
}

@media only screen and (max-width: 768px) {
  .anchor-link-block{
    width: 100%
  }

  .anchor-link-block p{
    font-size: 1.4rem;
  }

  .anchor-link-ttl{
    padding: 20px 10px;
    font-size: 1.7rem;
  }
}

/* 20231201追加 */
.c-staticDiscList__item.list-item-red::before {
  background: #cc0033 !important;
}

.num-icon{
  margin: 0 10px 10px 0;
  padding: 0 5px;
  background-color: #333;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .num-icon{
    padding: 2px 4px;
  }
}

.f-red {
  color: #cc0033;
}
.c-btn--center {
  justify-content: center;
  display: flex;
  margin-bottom: 40px;
}


/* 20241007追加 */
.u-ti-0 {
  text-indent: 0em !important;
}
.u-lh-1dt2 {
  line-height: 1.2!important;
}

/* 確認モーダル */
.p-confirmationModal{
  position: relative;
  width: 588px;
  margin: 0 auto;
}
.p-confirmationModal-inner {
  background: #333;
  border-radius: 48px;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.6;
}
.p-confirmationModal-title {
  line-height: 80px;
  font-size: 20px;
  text-align: center;
  background-color: #333;
  color: #fff;
  font-weight: bold;
}
.p-confirmationModal-body {
  padding: 32px;
  background-color: #fff;
}
.p-confirmationModal .c-btn2Col li{
  width: 254px;
}
.p-confirmationModal .p-confirmationModal-fz {
  font-size: 1.4rem;
}

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

  .p-confirmationModal{
    width: auto;
    margin: 0 auto;
  }
  .p-confirmationModal-inner {
    border-radius: 20px;
    font-size: 13px;
  }
  .p-confirmationModal-title {
    line-height: 36px;
    font-size: 18px;
    padding: 10px;
  }
  .p-confirmationModal-body {
    padding: 20px;
  }
  .p-confirmationModal .c-btn2Col li{
    width: 100%;
  }
  .p-confirmationModal .p-confirmationModal-fz {
    font-size: 1.3rem;
  }
}

/* 20250331追加
--------------------------------------------------------- */
.u-lh-2 {
  line-height: 2!important;
}

/* 20250613追加
--------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  .c-checkbox__label.c-checkbox__label02 {
    min-height: 24px;
    padding: 0 0 0 35px;
  }
}

@media only screen and (max-width: 415px) {
  .c-checkbox__label.c-checkbox__label02 {
    min-height: 24px;
    padding: 0 0 0 26px;
  }
}
/* ↑st/s_dcard/css/style.css↑ */

/* ↓st/s_dcard/css/st_style.css↓ */
main a {
  color: #007EA5;
}

.l-sectionWrap:first-of-type {
  padding: 0;
}

@media only screen and (max-width: 768px) {
  .l-sectionWrap:first-of-type {
    padding: 0 0 40px;
  }
}

/* headingStyle01 - component
--------------------------------------------------------- */
.c-headingStyle01 {
  margin-bottom: 60px;
}

@media only screen and (max-width: 768px) {
  .c-headingStyle01 {
    font-size: 3.2rem;
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

/* headingStyle01Border - component
--------------------------------------------------------- */
.c-staticHeadingStyle01Border {
  font-weight: bold;
  font-size: 4.0rem;
  line-height: 1.55;
  letter-spacing: 0.1em;
  margin-bottom: 40px;
  text-align: center;
  border-bottom: 1px solid #707070;
}

@media only screen and (max-width: 768px) {
  .c-staticHeadingStyle01Border {
    font-size: 3.2rem;
    line-height: 1.5;
    margin-bottom: 28px;
  }
}

/* headingStyle02Border - component
--------------------------------------------------------- */
.c-staticHeadingStyle02Border {
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 1.55;
  letter-spacing: 0.1em;
  margin-bottom: 32px;
  text-align: center;
  border-bottom: 1px solid #707070;
}

@media only screen and (max-width: 768px) {
  .c-staticHeadingStyle02Border {
    font-size: 2.8rem;
    line-height: 1.5;
    margin-bottom: 24px;
  }
}

/* headingStyle03Border - component
--------------------------------------------------------- */
.c-staticHeadingStyle03Border {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.55;
  letter-spacing: 0.1em;
  margin-bottom: 24px;
  text-align: center;
  border-bottom: 1px solid #707070;
}

@media only screen and (max-width: 768px) {
  .c-staticHeadingStyle03Border {
    font-size: 2.1rem;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}

/* headingStyle04Border - component
--------------------------------------------------------- */
.c-staticHeadingStyle04Border {
  font-weight: bold;
  font-size: 2.0rem;
  line-height: 1.55;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
  text-align: center;
  border-bottom: 1px solid #707070;
}

@media only screen and (max-width: 768px) {
  .c-staticHeadingStyle04Border {
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 16px;
  }
}

/* headingStyle05Border - component
--------------------------------------------------------- */
.c-staticHeadingStyle05Border {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.55;
  letter-spacing: 0.1em;
  margin-bottom: 16px;
  text-align: center;
  border-bottom: 1px solid #707070;
}

@media only screen and (max-width: 768px) {
  .c-staticHeadingStyle05Border {
    font-size: 1.5rem;
    line-height: 1.55;
    margin-bottom: 8px;
  }
}

/* headingStyle02Bg - component
--------------------------------------------------------- */
.c-staticHeadingStyle02Bg {
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 1.55;
  letter-spacing: 0.1em;
  margin-bottom: 32px;
  padding: 8px 8px 3px;
  text-align: center;
  background-color: #EBEBEB;
}

@media only screen and (max-width: 768px) {
  .c-staticHeadingStyle02Bg {
    font-size: 2.8rem;
    line-height: 1.5;
    margin-bottom: 24px;
    padding: 8px 8px 4px;
  }
}

/* headingStyle03Bg - component
--------------------------------------------------------- */
.c-staticHeadingStyle03Bg {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.55;
  letter-spacing: 0.1em;
  margin-bottom: 24px;
  padding: 8px 8px 3px;
  text-align: center;
  background-color: #EBEBEB;
}

@media only screen and (max-width: 768px) {
  .c-staticHeadingStyle03Bg {
    font-size: 2.1rem;
    line-height: 1.5;
    margin-bottom: 20px;
    padding: 8px 8px 4px;
  }
}

/* headingStyle04Bg - component
--------------------------------------------------------- */
.c-staticHeadingStyle04Bg {
  font-weight: bold;
  font-size: 2.0rem;
  line-height: 1.55;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
  padding: 8px 8px 3px;
  text-align: center;
  background-color: #EBEBEB;
}

@media only screen and (max-width: 768px) {
  .c-staticHeadingStyle04Bg {
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 16px;
    padding: 8px 8px 4px;
  }
}

/* headingStyle05Bg - component
--------------------------------------------------------- */
.c-staticHeadingStyle05Bg {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.55;
  letter-spacing: 0.1em;
  margin-bottom: 16px;
  padding: 8px 8px 3px;
  text-align: center;
  background-color: #EBEBEB;
}

@media only screen and (max-width: 768px) {
  .c-staticHeadingStyle05Bg {
    font-size: 1.5rem;
    line-height: 1.55;
    margin-bottom: 8px;
    padding: 8px 8px 4px;
  }
}

/* c-staticHeadingStyleImg - component
--------------------------------------------------------- */
.c-staticHeadingStyleImg {
  width: 100%;
}

.c-staticHeadingStyleImg img {
  width: 100%;
}

/* c-formHeadingStyle01 - component
--------------------------------------------------------- */
.c-formHeadingStyle01 {
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .c-formHeadingStyle01 {
    margin-bottom: 20px;
  }
}

/* header - layout
--------------------------------------------------------- */
.l-header-mainMenu-btnArea__item--isLogin.isNoPoints a {
  padding-right: 10px;
}

.l-header-mainMenu-btnArea__item--isLogin.isNoPoints a::after {
  display: none;
}

.l-header-mainMenu-btnArea__item--isLogin.isNoPoints .point {
  display: none;
}

.l-header-gnavi-lv3__middleTitle {
  display: flex;
  align-items: center;
  justify-content: start;
  text-align: left;
  width: 100%;
  height: 54px;
  padding: 0 10px;
  color: #333;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  border-bottom: none solid #ebebeb;
}

.l-header-gnavi-lv3__middleTitle:hover, .l-header-gnavi-lv3__middleTitle:focus {
  opacity: 1;
}

.l-header-gnavi-lv3__middleTitle > span {
  position: relative;
  padding-left: 1.5rem;
  font-size: 1.3rem;
}

.l-header-gnavi-lv3__middleTitle > span::before {
  content: "";
  background-color: #707070;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
}

.l-header-gnavi-lv3 {
  display: none;
  position: static;
  width: auto;
  margin-left: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  z-index: 1;
  border-bottom: none;
}

.l-header-gnavi-lv3__item:first-child {
  border-top: none;
}

.l-header-gnavi-lv3__item + .l-header-gnavi-lv3__item {
  border-top: 2px solid #ebebeb;
}

.l-header-gnavi-lv3__item > a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 64px;
  padding: 0 5px;
  color: #333;
  font-size: 1.4rem;
  line-height: 1.42;
  font-weight: bold;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .l-header-gnavi-lv3__middleTitle {
    display: flex;
    width: 100%;
    height: auto;
    padding: 20px 48px 20px 38px;
    padding-left: calc(38px - (1.5rem));
    font-size: 1.3rem;
    position: relative;
    border-bottom: none;
  }
  .l-header-gnavi-lv3__middleTitle:hover, .l-header-gnavi-lv3__middleTitle:focus {
    opacity: 1;
  }
  .l-header-gnavi-lv3__middleTitle > span {
    padding-left: 1.5rem;
  }
  .l-header-gnavi-lv3__middleTitle > span::before {
    content: "";
    background-color: #333333;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
  }
  .l-header-gnavi-lv3 {
    display: none;
    position: static;
    width: auto;
    margin-left: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    z-index: 1;
    border-bottom: none;
  }
  .l-header-gnavi-lv3__item {
    border-top: 2px solid #ebebeb;
  }
  .l-header-gnavi-lv3__item:first-child {
    border-top: none;
  }
  .l-header-gnavi-lv3__item + .l-header-gnavi-lv3__item {
    border-top: 2px solid #ebebeb;
  }
  .l-header-gnavi-lv3__item > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
    padding: 20px 48px 20px 38px;
    height: auto;
    color: #333;
    font-size: 1.2rem;
    line-height: 1.42;
    font-weight: bold;
    text-decoration: none;
  }
  .l-header-gnavi-lv3__item > a br {
    display: none;
  }
}

/* c-areaTitle01__en - component
--------------------------------------------------------- */
.c-areaTitle01__en {
  color: #007EA5;
}


/* staticBulletsList - component
--------------------------------------------------------- */
.c-staticBulletsList {
  margin-bottom: 40px;
}

.c-staticBulletsList__item {
  position: relative;
  padding-left: 1em;
  font-size: 1.4rem;
  line-height: 2;
}

.c-staticBulletsList__item::before {
  position: absolute;
  content: "・";
  left: 0;
  top: 0;
}

@media only screen and (max-width: 768px) {
  .c-staticBulletsList {
    margin-bottom: 32px;
  }
  .c-staticBulletsList__item {
    font-size: 1.3rem;
  }
}

/* staticDiscList - component
--------------------------------------------------------- */
.c-staticDiscList {
  margin-bottom: 40px;
}

.c-staticDiscList__item {
  position: relative;
  padding-left: 24px;
  line-height: 2;
}

.c-staticDiscList__item::before {
  position: absolute;
  content: "";
  left: 6px;
  top: 9px;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0BC2EF;
}

@media only screen and (max-width: 768px) {
  .staticDiscList {
    margin-bottom: 32px;
  }
}

/* c-noticeList - component
--------------------------------------------------------- */
.c-noticeList .c-linkStyle01 {
  font-size: 1.2rem;
}

.c-noticeList a {
  font-size: 1.2rem;
}

.c-noticeList .c-linkStyle--outLink::after {
  margin-bottom: 0;
}

/* staticCautionArea - component
--------------------------------------------------------- */
.p-staticCautionArea {
  border: 1px solid #CC0033;
  color: #CC0033;
}

.p-staticCautionArea .c-staticCautionTxt {
  padding: 24px;
}

@media only screen and (max-width: 768px) {
  .c-staticCautionTxt {
    font-size: 1.3rem;
  }
}

/* btn - component
--------------------------------------------------------- */
.c-btn {
  background-color: #5F72B2;
}

.c-btn--conversion {
  background-color: #CC0033;
}

.c-btn--prev {
  background-color: #EBEBEB;
}

.c-btn--upgrade {
  background-color: #8E7413;
}

.c-btn--more {
  background-color: #5F72B2;
}

.c-btn--accent01 {
  background-color: #FEC54A;
}

.c-btn--accent01 span {
  color: #333;
}

.c-btn--sub01 {
  background-color: #757575;
}

.c-btn--sub02 {
  background-color: #EBEBEB;
}

.p-conversionButtonArea {
  margin: 80px 0;
}

.c-staticBtn--login .c-btn__text::after {
  right: auto;
  right: 0;
  background: url(../images/staticIcon-login-white.svg);
  width: 15px;
  height: 15px;
  margin-top: -9px;
}

.c-staticBtn--blank .c-btn__text::after {
  right: auto;
  right: 0;
  background: url(../images/staticIcon-blank-white.svg);
  width: 15px;
  height: 15px;
  margin-top: -9px;
}

.c-staticBtn--pdf .c-btn__text::after {
  right: auto;
  right: 0;
  background: url(../images/icon_icon-PDFwhite.svg);
  width: 15px;
  height: 15px;
  margin-top: -9px;
}

.c-btn--large .c-btn__text::after {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-size: cover;
}

.u-static_spLargeBtn {
  width: 50%;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .c-btn--large .c-btn__text::after {
    width: 14px;
    height: 14px;
    margin-top: -7px;
  }
  .p-conversionButtonArea {
    margin: 40px 0;
  }
  .u-static_spLargeBtn {
    width: 100%;
  }
  .u-static_spLargeBtn .c-btn {
    height: 80px;
  }
}

/* staticInfoCard - project
--------------------------------------------------------- */
.c-staticInfoCard {
  margin-bottom: 40px;
}

.c-staticInfoCard__box {
  padding: 52px;
}

.c-staticInfoCard__box .c-staticInfoCard__imgBox {
  float: left;
}

.c-staticInfoCard__box .c-staticInfoCard__imgCard {
  width: 231px;
  height: 162px;
  margin-bottom: 12px;
}

.c-staticInfoCard__box .c-staticInfoCard__imgCard .c-staticInfoCard__gold img, .c-staticInfoCard__box .c-staticInfoCard__imgCard .c-staticInfoCard__silver img {
  width: 128px;
}

.c-staticInfoCard__box .c-staticInfoCard__imgCard .c-staticInfoCard__poinco img {
  width: 130px;
}

.c-staticInfoCard__box .c-staticInfoCard__infoTxt {
  margin-bottom: 32px;
  float: right;
  width: 827px;
}

.c-staticInfoCard__box .c-staticInfoCard__infoTxt dt {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 24px;
}

.c-staticInfoCard__box .c-staticInfoCard__detailBox {
  box-sizing: border-box;
  float: right;
  width: 827px;
}

.c-staticInfoCard__box .c-staticInfoCard__detailBox .c-staticInfoCard__detail {
  float: left;
  width: 50%;
  padding-right: 20px;
}

.c-staticInfoCard__box .c-staticInfoCard__detailBox .c-staticInfoCard__detail dt {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 24px;
}

.c-staticInfoCard__box .c-btn1Col {
  margin: 0 auto 8px;
}

@media only screen and (max-width: 768px) {
  .c-staticInfoCard {
    margin-bottom: 24px;
  }
  .c-staticInfoCard__box {
    padding: 24px;
    display: flex;
    flex-direction: column;
  }
  .c-staticInfoCard__box .c-staticInfoCard__imgBox {
    float: none;
    order: 1;
  }
  .c-staticInfoCard__box .c-staticInfoCard__imgCard {
    width: 100%;
    height: 100%;
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
  }
  .c-staticInfoCard__box .c-staticInfoCard__imgCard .c-staticInfoCard__gold, .c-staticInfoCard__box .c-staticInfoCard__imgCard .c-staticInfoCard__silver {
    margin-right: 12px;
  }
  .c-staticInfoCard__box .c-staticInfoCard__imgCard .c-staticInfoCard__gold img, .c-staticInfoCard__box .c-staticInfoCard__imgCard .c-staticInfoCard__silver img {
    width: 130px;
  }
  .c-staticInfoCard__box .c-staticInfoCard__imgCard .c-staticInfoCard__poinco {
    align-self: flex-end;
  }
  .c-staticInfoCard__box .c-staticInfoCard__imgCard .c-staticInfoCard__poinco img {
    width: 100px;
  }
  .c-staticInfoCard__box .c-staticInfoCard__imgCard p.c-staticInfoCardOnly_img {
    text-align: center;
    margin-bottom: 8px;
  }
  .c-staticInfoCard__box .c-staticInfoCard__imgCard p.c-staticInfoCardOnly_img img {
    width: 80%;
  }
  .c-staticInfoCard__box .c-staticInfoCard__imgLogo {
    width: 124px;
    margin: 0 auto;
  }
  .c-staticInfoCard__box .c-staticInfoCard__imgLogo:first-child {
    margin-right: 12px;
  }
  .c-staticInfoCard__box .c-staticInfoCard__imgLogo img {
    width: 56px;
  }
  .c-staticInfoCard__box .c-staticInfoCard__infoTxt {
    margin-bottom: 32px;
    order: 0;
    float: none;
    width: 100%;
  }
  .c-staticInfoCard__box .c-staticInfoCard__infoTxt dt {
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 24px;
    text-align: center;
  }
  .c-staticInfoCard__box .c-staticInfoCard__infoTxt dd {
    line-height: 2;
    text-align: center;
  }
  .c-staticInfoCard__box .c-staticInfoCard__detailBox {
    float: none;
    width: 100%;
    order: 2;
  }
  .c-staticInfoCard__box .c-staticInfoCard__detailBox .c-staticInfoCard__detail:first-child {
    margin-bottom: 20px;
  }
  .c-staticInfoCard__box .c-staticInfoCard__detailBox .c-staticInfoCard__detail:first-child dt {
    font-size: 1.6rem;
    margin-bottom: 16px;
  }
  .c-staticInfoCard__box .c-staticInfoCard__detailBox .c-staticInfoCard__detail:last-child dt {
    font-size: 1.6rem;
    margin-bottom: 12px;
  }
  .c-staticInfoCard__box .c-staticInfoCard__detailBox .c-staticInfoCard__detail {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .c-staticInfoCard__box .c-btn1Col {
    margin: 0 auto 8px;
  }
  .c-staticInfoCard__box .c-staticInfoCard__btn {
    order: 3;
  }
  .c-staticInfoCard__box .c-staticInfoCard__btn .c-btn__text {
    text-align: center;
  }
}

/* staticCardComparison - project
--------------------------------------------------------- */
.c-staticCardComparison {
  background-color: #333333;
  border-radius: 17px;
  padding-bottom: 64px;
  margin-bottom: 56px;
}

.c-staticCardComparison .c-staticCardComparison__title {
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  border-bottom: 1px solid #EAEAEA;
  padding: 24px 16px;
}

.c-staticCardComparison .c-staticCardComparison__cardType {
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 24px 16px;
  display: flex;
  position: relative;
}

.c-staticCardComparison .c-staticCardComparison__cardType p {
  width: 50%;
  padding-left: 60px;
  position: relative;
}

.c-staticCardComparison .c-staticCardComparison__cardType p:first-child::before {
  content: "";
  position: absolute;
  width: 48px;
  height: 30px;
  background-image: url("/st/common/images/img-card-contact-gold.png");
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.c-staticCardComparison .c-staticCardComparison__cardType p.c-staticCardComparison__cardType__dcard::before {
  background-image: url("/st/common/images/img-card-contact.png");
}

.c-staticCardComparison .c-staticCardComparison__cardType p:last-child::before {
  content: "";
  position: absolute;
  width: 48px;
  height: 30px;
  background-image: url("/st/common/images/img-card-contact.png");
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.c-staticCardComparison .c-staticCardComparison__cardType p.c-staticCardComparison__cardType__dcardGold::before {
  background-image: url("/st/common/images/img-card-contact-gold.png");
}

.c-staticCardComparison .c-staticCardComparisonList > .c-staticCardComparisonList__item:nth-child(odd) {
  background-color: #fff;
}

.c-staticCardComparison .c-staticCardComparisonList > .c-staticCardComparisonList__item:nth-child(even) {
  background-color: #FAFAFA;
}

.c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .c-staticCardComparisonList__item--title {
  width: 100%;
  display: block;
  padding: 24px 16px;
  position: relative;
  font-weight: bold;
}

.c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .c-staticCardComparisonList__item--title::before {
  content: "";
  position: absolute;
  display: inline-block;
  right: 34px;
  top: 50%;
  margin-top: -8px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform: rotate(135deg);
  filter: blur(0);
  -webkit-filter: blur(0);
}

.c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .isOpen::before {
  right: 34px;
  margin-top: -2px;
  transform: rotate(-45deg);
}

.c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .isOpen .c-staticCardComparisonList__item--subTitle {
  display: block;
  font-size: 1.4rem;
  padding: 16px 16px 16px 24px;
  font-weight: bold;
  border-top: 2px solid #EBEBEB;
}

.c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .c-staticCardComparisonList__item__contWrap {
  display: none;
}

.c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .c-staticCardComparisonList__item__contWrap .c-staticCardComparisonList__item__gold, .c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .c-staticCardComparisonList__item__contWrap .c-staticCardComparisonList__item__standard {
  width: 50%;
  padding: 16px;
}

.c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .c-staticCardComparisonList__item__contWrap .c-staticCardComparisonList__item__gold .c-linkStyle01, .c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .c-staticCardComparisonList__item__contWrap .c-staticCardComparisonList__item__standard .c-linkStyle01 {
  margin: 0;
}

.c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .c-staticCardComparisonList__item__contWrap .c-staticCardComparisonList__item__img {
  text-align: center;
}

.c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .c-staticCardComparisonList__item__contWrap .c-staticCardComparisonList__item--infoTxt {
  margin: 16px 0;
}

.c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .c-staticCardComparisonList__item__contWrap .c-staticCardComparisonList__item--infoTxt:first-of-type {
  margin-top: 0;
}

.c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .c-staticCardComparisonList__item__contWrap .c-staticCardComparisonList__item--infoTxt dt {
  font-weight: bold;
  margin-bottom: 8px;
}

.c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .jsAccordionTarget + .c-staticCardComparisonList__item__contWrap .c-staticCardComparisonList__item__gold,
.c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .jsAccordionTarget + .c-staticCardComparisonList__item__contWrap .c-staticCardComparisonList__item__standard {
  padding: 16px 16px 16px 16px;
}

.c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .c-staticCardComparisonList__item--subTitle,
.c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .c-staticCardComparisonList__item--category {
  display: none;
}

.c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item__contWrap.isOpen {
  display: flex;
}

.c-staticCardComparison .c-staticCardComparisonList__item:nth-child(odd) .c-staticCardComparisonList__item__gold {
  border-top: 2px solid #EBEBEB;
  border-right: 1px solid #EBEBEB;
}

.c-staticCardComparison .c-staticCardComparisonList__item:nth-child(odd) .c-staticCardComparisonList__item__standard {
  border-top: 2px solid #EBEBEB;
  border-left: 1px solid #EBEBEB;
}

.c-staticCardComparison .c-staticCardComparisonList__item:nth-child(even) .isOpen .c-staticCardComparisonList__item__gold {
  border-top: 2px solid #EBEBEB;
  border-right: 1px solid #EBEBEB;
}

.c-staticCardComparison .c-staticCardComparisonList__item:nth-child(even) .isOpen .c-staticCardComparisonList__item__standard {
  border-top: 2px solid #EBEBEB;
  border-left: 1px solid #EBEBEB;
}

.c-staticCardComparison .c-staticCardComparisonList__item:nth-child(even) .isOpen .c-staticCardComparisonList__item--subTitle {
  border-top: 2px solid #EBEBEB;
}

.c-staticCardComparison .jsAccordionTarget + .c-staticCardComparisonList__item__contWrap .c-staticCardComparisonList__item__gold,
.c-staticCardComparison .jsAccordionTarget + .c-staticCardComparisonList__item__contWrap .c-staticCardComparisonList__item__standard {
  padding: 16px 16px 16px 24px;
}

@media only screen and (max-width: 768px) {
  .c-staticCardComparison {
    padding-bottom: 58px;
    margin-bottom: 32px;
  }
  .c-staticCardComparison .c-staticCardComparisonList__item--title {
    font-size: 1.6rem;
    border-bottom: 1px solid #EBEBEB;
    padding: 16px 20px;
  }
  .c-staticCardComparison .c-staticCardComparison__cardType {
    font-size: 1.3rem;
    padding: 20px 0;
  }
  .c-staticCardComparison .c-staticCardComparison__cardType p {
    width: 50%;
    text-align: center;
    padding-left: 0;
    padding-bottom: 57px;
  }
  .c-staticCardComparison .c-staticCardComparison__cardType p:first-child::before {
    width: 75px;
    height: 47px;
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  .c-staticCardComparison .c-staticCardComparison__cardType p:last-child::before {
    width: 75px;
    height: 47px;
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  .c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .c-staticCardComparisonList__item__title {
    padding: 16px 12px;
  }
  .c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .c-staticCardComparisonList__item__contWrap {
    display: none;
  }
  .c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .c-staticCardComparisonList__item__contWrap .c-staticCardComparisonList__item__gold, .c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item .c-staticCardComparisonList__item__contWrap .c-staticCardComparisonList__item__standard {
    width: 50%;
    padding: 16px;
  }
  .c-staticCardComparison .c-staticCardComparisonList .c-staticCardComparisonList__item__contWrap.isOpen {
    display: flex;
  }
  .c-staticCardComparison .c-staticCardComparisonList__item:nth-child(odd) .c-staticCardComparisonList__item__gold {
    border-top: 2px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
  }
  .c-staticCardComparison .c-staticCardComparisonList__item:nth-child(odd) .c-staticCardComparisonList__item__standard {
    border-top: 2px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
  }
  .c-staticCardComparison .c-staticCardComparisonList__item:nth-child(even) .c-staticCardComparisonList__item__gold {
    border-top: 2px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
  }
  .c-staticCardComparison .c-staticCardComparisonList__item:nth-child(even) .c-staticCardComparisonList__item__standard {
    border-top: 2px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
  }
}


/* staticImg01 - component
--------------------------------------------------------- */
.c-staticImg01 {
  width: 100%;
}

.c-staticImg01 img {
  width: 100%;
}

/* staticImg02 - component
--------------------------------------------------------- */
.c-staticImg02 {
  width: 100%;
}

.c-staticImg02 figure {
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .c-staticImg02 img {
    max-width: 100%;
  }
}

/* linkStyle01 - component
--------------------------------------------------------- */
.c-linkStyle01 {
  font-size: 1.4rem;
}

.c-linkStyle01::after {
  margin-left: 8px;
}

.c-linkStyle--pdf::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-bottom: 3px;
  background-image: url(../images/icon-link-pdf.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.c-linkStyle--outLink::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-bottom: 3px;
  background-image: url(../images/icon-link-blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.c-linkStyle--outLink-b::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 3px;
  margin-bottom: 2px;
  background-image: url(../images/icon-link.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.c-linkStyle--modal::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-bottom: 3px;
  background-image: url(../images/icon-link-modal.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.c-linkStyle--anchor::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-bottom: 3px;
  background-image: url(../images/icon-link-anchor.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.c-linkStyle--key::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-bottom: 3px;
  background-image: url(../images/icon-key.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.c-linkStyle--key-b::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  margin-bottom: 3px;
  background-image: url(../images/static_icon_key_gray.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.c-linkStyle--question::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 3px;
  margin-bottom: 2px;
  background-image: url(../images/icon-question.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  .c-linkStyle01 {
    font-size: 1.3rem;
  }
}


/* tabArea - layout
--------------------------------------------------------- */
.l-staticTabArea__listWrap {
  border-bottom: 2px solid #EBEBEB;
}

.l-staticTabArea-list {
  display: flex;
  justify-content: space-between;
}

.l-staticTabArea__listWrap--6col .l-staticTabArea-list {
  max-width: 1200px;
  margin: 0 auto;
}

.l-staticTabArea__listWrap--6col .l-staticTabArea-list__item:not(:last-child) {
  margin-right: 24px;
}

.l-staticTabArea__listWrap--6col .c-staticIcon--key {
  position: relative;
}

.l-staticTabArea__listWrap--6col .c-staticIcon--key::before {
  content: "";
  position: absolute;
  display: inline-block;
  right: -18px;
  top: 50%;
  margin-top: -8px;
  width: 12px;
  height: 12px;
  background-image: url(/st/common/images/static_icon_key_gray.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.l-staticTabArea-list__item button, .l-staticTabArea-list__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-top: 2px;
  border-radius: 28px 28px 0 0;
  font-family: "TBUDGothic E","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.2;
  font-size: 2.0rem;
  color: #666;
  background: #EBEBEB;
  text-decoration: none;
}

.l-staticTabArea-list__item button.u-tagType02 {
  border-radius: 100px;
}

.l-staticTabArea-list__item button:hover, .l-staticTabArea-list__item a:hover {
  opacity: 0.6;
}

.l-staticTabArea-list__item.isActive button, .l-staticTabArea-list__item.isActive a {
  color: #333333;
  background: #FEC54A;
  cursor: default;
}

.l-staticTabArea-list__item.isActive button:hover, .l-staticTabArea-list__item.isActive a:hover {
  opacity: 1;
}

.l-staticTabArea__contents {
  display: none;
}

.l-staticTabArea__contents.isActive {
  display: block;
}

.l-staticTabArea__inner {
  padding-top: 42px;
}

.l-staticTabArea--2col .l-staticTabArea-list__item {
  width: 588px;
}

.p-staticBigTab .l-staticTabArea-list__item button, .p-staticBigTab .l-staticTabArea-list__item a {
  height: 140px;
}

@media only screen and (max-width: 768px) {
  .l-staticTabArea-list {
    flex-wrap: wrap;
  }
  .l-staticTabArea-list > li {
    margin-bottom: 20px;
  }
  .l-staticTabArea-list > li:nth-last-child(2):nth-child(2n + 1),
  .l-staticTabArea-list > li:nth-last-child(1) {
    margin-bottom: 0;
  }
  .l-staticTabArea-list__item button, .l-staticTabArea-list__item a {
    height: 52px;
    border-radius: 26px 26px 0 0;
    font-size: 1.4rem;
  }
  .l-staticTabArea-list__item button:hover, .l-staticTabArea-list__item a:hover {
    opacity: 1;
  }
  .l-staticTabArea__inner {
    padding-top: 20px;
  }
  .l-staticTabArea--2col .l-staticTabArea-list__item {
    width: 48.656%;
  }
  .l-staticTabArea-list__3col {
    flex-wrap: nowrap;
    padding: 0;
  }
  .l-staticTabArea-list__3col .l-staticTabArea-list__item {
    width: 33.33%;
    margin-bottom: 0;
  }
  .l-staticTabArea__listWrap--6col {
    border-bottom: 0;
  }
  .l-staticTabArea__listWrap--6col .l-staticTabArea-list {
    flex-wrap: wrap;
    padding: 0 20px;
  }
  .l-staticTabArea__listWrap--6col .l-staticTabArea-list__item {
    width: 50%;
    margin-bottom: 0;
  }
  .l-staticTabArea__listWrap--6col .l-staticTabArea-list__item button, .l-staticTabArea__listWrap--6col .l-staticTabArea-list__item a {
    border-radius: 100px;
  }
  .l-staticTabArea__listWrap--6col .l-staticTabArea-list__item:not(:last-child) {
    margin-right: 0;
  }
  .l-staticTabArea__listWrap--6col .l-staticTabArea-list__item:not(:nth-of-type(1)):not(:nth-of-type(2)) {
    margin-top: 8px;
  }
  .l-staticTabArea__listWrap--6col .c-staticIcon--key::before {
    right: -24px;
  }
  .p-staticBigTab .l-staticTabArea-list__item button, .p-staticBigTab .l-staticTabArea-list__item a {
    height: 240px;
  }
}

.mobileAccess .l-staticTabArea .l-staticTabArea-list .l-staticTabArea__item button:hover {
  opacity: 1;
}

.u-bc-glay {
  background-color: #666666 !important;
}

.u-bc-glay2 {
  background-color: #F7F7F7 !important;
}

.u-fc-black {
  color: #333333;
}


/* staticCardStyle01 - component
--------------------------------------------------------- */
.c-staticCardStyle01 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.c-staticCardStyle01 li {
  margin-top: 40px;
}

.c-staticCardStyle01 li .c-noticeList li {
  margin-right: 0;
  margin-top: 0;
  width: 100%;
}

.c-staticCardStyle01 li:nth-child(1), .c-staticCardStyle01 li:nth-child(2) {
  margin-top: 0;
}

.c-staticCardStyle01.c-staticCardStyle--col2 li {
  width: 49%;
  margin-right: 2%;
}

.c-staticCardStyle01.c-staticCardStyle--col2 .c-noticeList li {
  float: none;
  width: auto;
  margin-right: 0;
}

.c-staticCardStyle01.c-staticCardStyle--col2 li:nth-child(2n) {
  margin-right: 0;
}

.c-staticCardStyle01.c-staticCardStyle--col2 li:nth-last-child(1),
.c-staticCardStyle01.c-staticCardStyle--col2 li:nth-last-child(2) {
  margin-bottom: 0;
}

.c-staticCardStyle01.c-staticCardStyle--col3 li {
  width: 32%;
  margin-right: 2%;
}

.c-staticCardStyle01.c-staticCardStyle--col3 li:nth-child(3n) {
  margin-right: 0;
}

.c-staticCardStyle01.c-staticCardStyle--col3 li:nth-child(1),
.c-staticCardStyle01.c-staticCardStyle--col3 li:nth-child(2),
.c-staticCardStyle01.c-staticCardStyle--col3 li:nth-child(3) {
  margin-top: 0;
}

.c-staticCardStyle01__logo {
  display: inline-block;
  width: 100%;
  min-height: 40px;
  margin-bottom: 16px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 2rem;
  font-weight: bold;
  background-color: #FEC54A;
  text-align: center;
  vertical-align: middle;
  border-radius: 100px;
}

.c-staticCardStyle01__heading {
  margin-bottom: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-staticCardStyle01__img {
  margin-bottom: 8px;
}

.c-staticCardStyle01__img img {
  width: 100%;
  border-radius: 48px;
}

.c-staticCardStyle02__img img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .c-staticCardStyle01 {
    display: block;
  }
  .c-staticCardStyle01 li {
    margin-bottom: 24px;
  }
  .c-staticCardStyle01__heading {
    margin-bottom: 16px;
  }
  .c-staticCardStyle01.c-staticCardStyle--col2 li,
  .c-staticCardStyle01.c-staticCardStyle--col3 li {
    width: 100%;
    margin-right: 0;
  }
  .c-staticCardStyle01.c-staticCardStyle--col2 li .c-noticeList li,
  .c-staticCardStyle01.c-staticCardStyle--col3 li .c-noticeList li {
    margin-bottom: 0;
  }
  .c-staticCardStyle01.c-staticCardStyle--col2 li:nth-last-child(2) {
    margin-bottom: 24px;
  }
  .c-staticCardStyle01.c-staticCardStyle--col2 li:nth-last-child(2) .c-noticeList li {
    margin-bottom: 0;
  }
  .c-staticCardStyle01.c-staticCardStyle--col3 li:nth-last-child(2),
  .c-staticCardStyle01.c-staticCardStyle--col3 li:nth-last-child(3) {
    margin-bottom: 24px;
  }
  .c-staticCardStyle01.c-staticCardStyle--col3 li:nth-last-child(2) .c-noticeList li,
  .c-staticCardStyle01.c-staticCardStyle--col3 li:nth-last-child(3) .c-noticeList li {
    margin-bottom: 0;
  }
  .c-staticCardStyle01.c-staticCardStyle--col2 .c-noticeList li {
    margin-bottom: 0;
  }
}

/* staticCardStyle02 - component
--------------------------------------------------------- */
.c-staticCardStyle02 {
  width: 100%;
}

.c-staticCardStyle02 li {
  display: table;
  float: left;
  width: 31%;
  margin-left: 2%;
  margin-bottom: 24px;
  padding: 36px;
  border-radius: 48px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.c-staticCardStyle02__icon {
  position: relative;
  top: -50px;
  left: -50px;
  display: table;
  width: 47px;
  height: 47px;
  margin-right: -47px;
  border-radius: 100px;
  text-align: center;
}

.c-staticCardStyle02__icon span {
  display: table-cell;
  font-size: 2rem;
  font-weight: bold;
  color: #ffffff;
  vertical-align: middle;
}

.c-staticCardStyle02__icon--red {
  background-color: #CC0033;
}

.c-staticCardStyle02__icon--yellow {
  background-color: #FEC54A;
}

.c-staticCardStyle02__icon--blue {
  background-color: #0BC2EF;
}

.c-staticCardStyle02__txt {
  display: table-cell;
  font-size: 1.6rem;
  font-weight: bold;
  vertical-align: middle;
}

.c-staticCardStyle02__anchor li {
  height: auto;
  padding: 0;
}

.c-staticCardStyle02__anchor a {
  text-decoration: none;
  display: block;
  padding: 36px;
  height: 233px;
  border-radius: 48px;
  text-align: center;
  color: #333333;
  position: relative;
}

.c-staticCardStyle02__anchor a::after {
  content: "";
  position: absolute;
  background-image: url(../images/static_icon_anchor.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  bottom: 22px;
  left: 0;
  right: 0;
  margin: auto;
}

.c-staticCardStyle02__anchor .c-staticCardStyle02__txt {
  display: block;
}

.c-staticCardStyle02__2col {
  width: 808px;
  margin: 0 auto;
}

.c-staticCardStyle02__2col li {
  width: 48%;
}

@media only screen and (max-width: 768px) {
  .c-staticCardStyle02 li {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .c-staticCardStyle02__anchor a {
    height: 136px;
    padding: 0 36px;
  }
  .c-staticCardStyle02__anchor a::after {
    content: "";
    position: absolute;
    background-image: url(../images/static_icon_anchor.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    bottom: 22px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .c-staticCardStyle02__anchor .c-staticCardStyle02__icon {
    top: 0;
  }
  .c-staticCardStyle02__2col {
    width: 100%;
  }
  .c-staticCardStyle02__2col li {
    width: 100%;
  }
}

/*itemSlctStyle01 - component
--------------------------------------------------------- */
.c-itemSlctStyle01 {
  width: 100%;
}

.c-itemSlctStyle01__title {
  font-size: 3.2rem;
  font-weight: bold;
  margin-bottom: 32px;
}

.c-itemSlctStyle01__items {
  width: 100%;
}

.c-itemSlctStyle01__item {
  float: left;
  width: 50%;
}

.c-itemSlctStyle01__item__title {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 12px;
}

.c-itemSlctStyle01__item__content {
  display: flex;
  flex-direction: column;
  width: 96%;
  margin-bottom: 40px;
  padding: 32px 16px;
  border-radius: 48px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
}

.c-itemSlctStyle01__item__content__name {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.c-itemSlctStyle01__item__content__body {
  width: 100%;
  margin-bottom: 32px;
}

.c-itemSlctStyle01__item__content__body figure {
  float: left;
  width: 288px;
}

.c-itemSlctStyle01__item__content__body figure img {
  width: 100%;
}

.c-itemSlctStyle01__item__content__body p {
  float: right;
  width: 236px;
  font-weight: bold;
}

.c-itemSlctStyle01__item__content__body > div {
  float: right;
  width: 236px;
  font-weight: bold;
}

.c-itemSlctStyle01__item__content__annotation {
  margin-top: 32px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
}

.c-itemSlctStyle01__item__content__btnArea {
  margin-top: auto;
}

.c-itemSlctStyle01__item__content__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  text-decoration: none;
  margin: 0 auto;
  padding: 0 24px;
  width: 354px;
  height: 56px;
  background-color: #CC0033;
}

.c-itemSlctStyle01__item__content__btn__text {
  display: inline-block;
  font-family: "TBUDGothic E","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2;
  padding-right: 24px;
  color: #fff;
  font-size: 1.6rem;
  position: relative;
}

.c-itemSlctStyle01__item__content__btn__text::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background: url(../images/icon-arrow01-white.svg);
  width: 16px;
  height: 16px;
  margin-top: -8px;
}

.c-itemSlctStyle01__item__content__btn--large {
  height: 96px;
}

.c-itemSlctStyle01__item__content__btn--large .c-itemSlctStyle01__item__content__btn__text {
  font-size: 2.0rem;
  padding-right: 36px;
}

.c-itemSlctStyle01__item__content__btn--large .c-itemSlctStyle01__item__content__btn__text::after {
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

.c-itemSlctStyle01__item__content__btn:focus {
  outline: none;
  opacity: 0.6;
}

.c-itemSlctStyle01__items__btn {
  width: 324px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .c-itemSlctStyle01__item {
    float: none;
    width: 100%;
  }
  .c-itemSlctStyle01__item__content {
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .c-itemSlctStyle01__item__content__name {
    font-size: 2.0rem;
    text-align: center;
    margin-bottom: 16px;
  }
  .c-itemSlctStyle01__item__content__body {
    margin-bottom: 14px;
  }
  .c-itemSlctStyle01__item__content__body figure,
  .c-itemSlctStyle01__item__content__body p,
  .c-itemSlctStyle01__item__content__body > div {
    float: none;
  }
  .c-itemSlctStyle01__item__content__body figure {
    width: 47%;
    margin: 0 auto;
    margin-bottom: 16px;
  }
  .c-itemSlctStyle01__item__content__body p,
  .c-itemSlctStyle01__item__content__body > div {
    width: 100%;
  }
  .c-itemSlctStyle01__item__content__annotation {
    margin-top: 8px;
    font-size: 1.3rem;
  }
  .c-itemSlctStyle01__items__btn {
    width: 100%;
  }
  .c-itemSlctStyle01__item__content__btn {
    width: 100%;
    padding: 0 16px;
    height: 60px;
  }
  .c-itemSlctStyle01__item__content__btn__text {
    line-height: 1.2;
    font-size: 1.4rem;
  }
  .c-itemSlctStyle01__item__content__btn:focus {
    opacity: 1;
  }
}

.mobileAccess .c-itemSlctStyle01__item__content__btn:hover, .mobileAccess .c-itemSlctStyle01__item__content__btn:focus {
  opacity: 1;
}

/*itemSlctStyle02 - component
--------------------------------------------------------- */
.c-itemSlctStyle02 {
  width: 100%;
}

.c-itemSlctStyle02__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.c-itemSlctStyle02__item.c-itemSlctStyle02--ratio50 {
  width: 50%;
}

.c-itemSlctStyle02__item.c-itemSlctStyle02--ratio33 {
  width: 33%;
}

.c-itemSlctStyle02__item__content {
  width: 96%;
  margin-bottom: 40px;
  padding: 32px 16px;
  border-radius: 48px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
}

.c-itemSlctStyle02__item__content__name {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

.c-itemSlctStyle02__item__content__body {
  width: 100%;
  margin-bottom: 32px;
}

.c-itemSlctStyle02__item__content__body figure {
  width: 288px;
  margin: 0 auto;
}

.c-itemSlctStyle02__item__content__body figure img {
  width: 100%;
}

.c-itemSlctStyle02__item__content__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  text-decoration: none;
  margin: 0 auto;
  padding: 0 24px;
  width: 354px;
  height: 56px;
  background-color: #5F72B2;
}

.c-itemSlctStyle02__item__content__btn__text {
  display: inline-block;
  font-family: "TBUDGothic E","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2;
  padding-right: 24px;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  position: relative;
}

.c-itemSlctStyle02__item__content__btn__text::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background: url(../images/icon-arrow01-white.svg);
  width: 16px;
  height: 16px;
  margin-top: -8px;
}

.c-itemSlctStyle02__item__content__btn--large {
  height: 96px;
}

.c-itemSlctStyle02__item__content__btn--large .c-itemSlctStyle02__item__content__btn__text {
  font-size: 2.0rem;
  padding-right: 36px;
}

.c-itemSlctStyle02__item__content__btn--large .c-itemSlctStyle02__item__content__btn__text::after {
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

.c-itemSlctStyle02__item__content__btn:focus {
  outline: none;
  opacity: 0.6;
}

.c-itemSlctStyle02__items__btn {
  width: 324px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .c-itemSlctStyle02__item {
    float: none;
    width: 100%;
  }
  .c-itemSlctStyle02__item.c-itemSlctStyle02--ratio50,
  .c-itemSlctStyle02__item.c-itemSlctStyle02--ratio33 {
    width: 100%;
  }
  .c-itemSlctStyle02__item__content {
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .c-itemSlctStyle02__item__content__name {
    font-size: 2.0rem;
    text-align: center;
    margin-bottom: 16px;
  }
  .c-itemSlctStyle02__item__content__body {
    margin-bottom: 14px;
  }
  .c-itemSlctStyle02__item__content__body figure {
    width: 47%;
    margin: 0 auto;
    margin-bottom: 16px;
  }
  .c-itemSlctStyle02__items__btn {
    width: 100%;
  }
  .c-itemSlctStyle02__item__content__btn {
    width: 100%;
    padding: 0 16px;
    height: 60px;
  }
  .c-itemSlctStyle02__item__content__btn__text {
    line-height: 1.2;
    font-size: 1.4rem;
  }
  .c-itemSlctStyle02__item__content__btn:focus {
    opacity: 1;
  }
}

.mobileAccess .c-itemSlctStyle02__item__content__btn:hover, .mobileAccess .c-itemSlctStyle02__item__content__btn:focus {
  opacity: 1;
}

/*itemSlctStyle03 - component
--------------------------------------------------------- */
.c-itemSlctStyle03 {
  width: 100%;
}

.c-itemSlctStyle03__items {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.c-itemSlctStyle03__item.c-itemSlctStyle03--ratio50 {
  width: 50%;
}

.c-itemSlctStyle03__item__content {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  position: relative;
  width: 96%;
  margin-bottom: 40px;
  border-radius: 48px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
}

.c-itemSlctStyle03__item__content__info {
  width: 100%;
  padding: 32px 24px 24px 24px;
}

.c-itemSlctStyle03__item__content__info__img {
  float: left;
  width: 27%;
}

.c-itemSlctStyle03__item__content__info__body {
  display: flex;
  flex-wrap: wrap;
  width: calc( 73% - 40px);
  padding-left: 40px;
}

.c-itemSlctStyle03__item__content__info__body__name {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.55em;
  padding-bottom: 16px;
  padding-left: calc( 27% + 40px);
}

.c-itemSlctStyle03__item__content__info__body__icons {
  display: flex;
  width: 100%;
  margin-bottom: 24px;
}

.c-itemSlctStyle03__item__content__info__body__icons__icon {
  margin-right: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

.c-itemSlctStyle03__item__content__info__body__icons__icon img {
  margin-bottom: 6px;
}

.c-itemSlctStyle03__item__content__txt {
  width: 100%;
  font-size: 2.0rem;
  font-weight: bold;
  color: #CC0033;
  letter-spacing: -0.01rem;
  line-height: 1.55em;
}

.c-itemSlctStyle03__item__content__txt span {
  font-size: 3.5rem;
  line-height: 1.1;
}

.c-itemSlctStyle03__item__content__links {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-height: 67px;
  padding-left: 56px;
  padding-right: 56px;
  background-color: #666666;
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 48px;
}

.c-itemSlctStyle03__item__content__links__link {
  margin-right: 48px;
}

.c-itemSlctStyle03__item__content__links__link a {
  position: relative;
  color: #ffffff;
  font-size: 1.4rem;
  padding-right: 24px;
  font-weight: bold;
  text-decoration: none;
  line-height: 2rem;
}

.c-itemSlctStyle03__item__content__links__link a::after {
  content: " ";
  position: absolute;
  right: 0;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background: url(../images/icon-arrow01-white.svg);
  width: 16px;
  height: 16px;
  margin-top: 1px;
}

.c-itemSlctStyle03__item__content__links__link.c-itemSlctStyle03__item__content__links__link--outLink a::after {
  content: " ";
  position: absolute;
  right: 0;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background-image: url(../images/staticIcon-blank-white.svg);
  width: 16px;
  height: 16px;
  margin-top: 1px;
}

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

.c-itemSlctStyle03__item__content__btnArea {
  width: 88%;
  max-width: 354px;
  margin: 0 auto;
  padding-bottom: 34px;
}

.c-itemSlctStyle03__item__content__btnArea__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  text-decoration: none;
  padding: 0 24px;
  width: 100%;
  height: 56px;
  background-color: #CC0033;
}

.c-itemSlctStyle03__item__content__btnArea__btn__text {
  display: inline-block;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.2;
  padding-right: 30px;
  color: #fff;
  font-size: 1.6rem;
  position: relative;
}

.c-itemSlctStyle03__item__content__btnArea__btn__text::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background: url(../images/icon-pexclamation.svg);
  width: 16px;
  height: 16px;
  margin-top: -9px;
}

.c-itemSlctStyle03__item__content__btnArea__btn:focus {
  outline: none;
  opacity: 0.6;
}

.c-itemSlctStyle03__item__content__point {
  font-size: 1.6rem;
  font-weight: bold;
}

.c-itemSlctStyle03__item__popup {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  padding: 24px 24px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 48px;
}

.c-itemSlctStyle03__item__popup__close {
  position: relative;
  width: 100%;
  padding-right: 16px;
  height: 1.6rem;
}

.c-itemSlctStyle03__item__popup__close::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background: url(../images/icon-popupclose.svg);
  width: 16px;
  height: 16px;
  margin-top: -8px;
}

.c-itemSlctStyle03__item__popup__close:hover {
  opacity: 0.5;
  cursor: pointer;
}

.c-itemSlctStyle03__item__popup__text {
  width: 100%;
  color: #ffffff;
  font-size: 1.6rem;
  line-height: 3.0rem;
  font-weight: bold;
}

.c-itemSlctStyle03__item__popup__btn {
  max-width: 534px;
  margin: 0 auto;
}

.c-itemSlctStyle03__item__popup__btn .c-btn:hover {
  opacity: 1;
}

@media only screen and (max-width: 768px) {
  .c-itemSlctStyle03__item__content {
    width: 100%;
  }
  .c-itemSlctStyle03__item__content__info {
    padding-bottom: 8px;
  }
  .c-itemSlctStyle03__item__content__info__img {
    width: 50.31%;
  }
  .c-itemSlctStyle03__item__content__info__body {
    clear: both;
    width: 100%;
    padding-top: 12px;
    padding-left: 0;
  }
  .c-itemSlctStyle03__item__content__info__body__name {
    padding-top: 12%;
    padding-left: calc( 50.31% + 12px);
    font-size: 1.8rem;
    line-height: 1.5em;
  }
  .c-itemSlctStyle03__item__content__info__body__icons {
    margin-bottom: 8px;
  }
  .c-itemSlctStyle03__item__content__info__body__icons__icon {
    margin-right: 8px;
    font-size: 1.4rem;
  }
  .c-itemSlctStyle03__item__content__info__body__icons__icon img {
    margin-bottom: 16px;
  }
  .c-itemSlctStyle03__item.c-itemSlctStyle03--ratio50 {
    width: 100%;
  }
  .c-itemSlctStyle03__item__content__btnArea {
    padding-bottom: 24px;
  }
  .c-itemSlctStyle03__item__content__btnArea__btn {
    padding: 0 16px;
    height: 60px;
  }
  .c-itemSlctStyle03__item__content__btnArea__btn__text {
    line-height: 1.2;
    font-size: 1.4rem;
  }
  .c-itemSlctStyle03__item__content__btnArea__btn__text::after {
    width: 14px;
    height: 14px;
    margin-top: -7px;
  }
  .c-itemSlctStyle03__item__content__txt {
    font-size: 1.8rem;
    line-height: 1.5em;
    letter-spacing: -0.02rem;
  }
  .c-itemSlctStyle03__item__content__txt span {
    font-size: 3.0rem;
  }
  .c-itemSlctStyle03__item__content__btnArea__btn:focus {
    opacity: 1;
  }
  .c-itemSlctStyle03__item__content__links {
    flex-direction: column;
    align-items: flex-end;
    min-height: auto;
    padding: 16px 24px 24px 24px;
  }
  .c-itemSlctStyle03__item__content__links__link {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .c-itemSlctStyle03__item__content__links__link:last-child {
    margin-bottom: 0;
  }
  .c-itemSlctStyle03__item__popup__btn {
    width: 90%;
  }
  .c-itemSlctStyle03__item__popup {
    top: 2%;
    left: 2%;
    width: 96%;
    height: 96%;
  }
}

.mobileAccess .c-itemSlctStyle03__item__content__btnArea__btn:hover, .mobileAccess .c-itemSlctStyle03__item__content__btnArea__btn:focus {
  opacity: 1;
}

/*itemSlctStyle04 - component
--------------------------------------------------------- */
.c-itemSlctStyle04 {
  width: 100%;
}

.c-itemSlctStyle04__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.c-itemSlctStyle04__item.c-itemSlctStyle04--ratio50 {
  width: 50%;
}

.c-itemSlctStyle04__item.c-itemSlctStyle04--ratio33 {
  width: 33%;
}

.c-itemSlctStyle04__item__content {
  width: 96%;
  margin-bottom: 40px;
  padding: 32px 16px;
  border-radius: 48px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
}

.c-itemSlctStyle04__item__content__name {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 24px;
  text-align: center;
}

.c-itemSlctStyle04__item__content__body {
  width: 100%;
  margin-bottom: 32px;
}

.c-itemSlctStyle04__item__content__body figure {
  width: 288px;
  margin: 0 auto;
}

.c-itemSlctStyle04__item__content__body figure img {
  width: 100%;
}

.c-itemSlctStyle04__item__content__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  text-decoration: none;
  margin: 0 auto;
  padding: 0 24px;
  width: 354px;
  height: 56px;
  background-color: #5F72B2;
}

.c-itemSlctStyle04__item__content__btn__text {
  display: inline-block;
  font-family: "TBUDGothic E","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2;
  padding-right: 24px;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  position: relative;
}

.c-itemSlctStyle04__item__content__btn__text::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background: url(../images/icon-arrow01-white.svg);
  width: 16px;
  height: 16px;
  margin-top: -8px;
}

.c-itemSlctStyle04__item__content__btn--large {
  height: 96px;
}

.c-itemSlctStyle04__item__content__btn--large .c-itemSlctStyle04__item__content__btn__text {
  font-size: 2.0rem;
  padding-right: 36px;
}

.c-itemSlctStyle04__item__content__btn--large .c-itemSlctStyle04__item__content__btn__text::after {
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

.c-itemSlctStyle04__item__content__btn:focus {
  outline: none;
  opacity: 0.6;
}

.c-itemSlctStyle04__items__btn {
  width: 324px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .c-itemSlctStyle04__item {
    float: none;
    width: 100%;
  }
  .c-itemSlctStyle04__item.c-itemSlctStyle04--ratio50,
  .c-itemSlctStyle04__item.c-itemSlctStyle04--ratio33 {
    width: 100%;
  }
  .c-itemSlctStyle04__item__content {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    margin-bottom: 40px;
    border-radius: 0;
    box-shadow: none;
  }
  .c-itemSlctStyle04__item__content__name {
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 8px;
  }
  .c-itemSlctStyle04__item__content__body {
    margin-bottom: 14px;
  }
  .c-itemSlctStyle04__item__content__body figure {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 16px;
  }
  .c-itemSlctStyle04__items__btn {
    width: 100%;
  }
  .c-itemSlctStyle04__item__content__btn {
    width: 100%;
    padding: 0;
    height: auto;
    background-color: transparent;
  }
  .c-itemSlctStyle04__item__content__btn__text {
    color: #007EA5;
    line-height: 1.2;
    font-size: 1.4rem;
    text-decoration: underline;
  }
  .c-itemSlctStyle04__item__content__btn:focus {
    opacity: 1;
  }
}

.mobileAccess .c-itemSlctStyle04__item__content__btn:hover, .mobileAccess .c-itemSlctStyle04__item__content__btn:focus {
  opacity: 1;
}


/* background - utility
--------------------------------------------------------- */
.u-bgc-gray {
  background-color: #FAFAFA !important;
}

/* border - utility
--------------------------------------------------------- */
.u-bd-b-glay {
  border-bottom: 1px solid #d0d0d0;
}

.u-bd-t-glay {
  border-top: 1px solid #d0d0d0;
}

.u-bd-n {
  border: none !important;
}

.u-bd-t-n {
  border-top: none !important;
}

/* border - utility
--------------------------------------------------------- */
.u-list-dotsNone li::before {
  content: "";
}


/* サーチテンプレートCSS上書き用
--------------------------------------------------------- */
body {
  overflow: visible !important;
  background-color: #ffffff;
}

.renew18-container h1 {
  font-weight: bold;
  font-size: 4.0rem;
  line-height: 1.55;
  letter-spacing: 0.1em;
  text-align: center;
}

.renew18-main {
  width: 1200px;
}

form#ss-form {
  position: relative;
  border-radius: 48px;
  padding: 20px 16px;
  margin-bottom: 44px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
}

div#ss-main.css3 #ss-form .ss-search-input {
  width: 66.6%;
  height: 55px;
  margin: 0 auto;
  margin-left: 180px;
  border-radius: 50px;
}

.ss-search-button img {
  margin: 0 auto;
}

div#ss-main.css3 #ss-form .ss-search-button {
  position: relative;
  top: 5px;
  left: -50px;
  width: 45px !important;
  height: 45px !important;
  background-color: #333333;
  text-align: center;
  border-radius: 50%;
}

.ss-search-button.sb1 {
  margin-left: 0;
  margin-right: 10px;
}

button.ss-search-button span {
  display: none;
}

.accbox label {
  display: none;
}

div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=radio] + label, div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=checkbox] + label {
  padding: 0 0 0 38px;
}

div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=checkbox] + label::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: #ccc;
  border: none;
}

div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=checkbox]:checked + label::before {
  background: #007EA5;
}

div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  left: 11px;
  top: 13px;
  display: block;
  width: 15px;
  height: 12px;
  margin-left: -7px;
  margin-top: -6px;
  background: none;
  background-size: cover;
}

div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=checkbox]:checked + label::after {
  border-left: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
}

#ss-form div.ss-categories fieldset.ss-category-field {
  text-align: center;
}

.renew18-container .ntc {
  display: none;
}

div.ss-pagination .ss-page,
div.ss-pagination .ss-page-prev,
div.ss-pagination .ss-page-next {
  display: inline-block;
  border: 1px solid #EEE;
  padding: 14px 7px 1px 7px;
  min-width: 48px;
  min-height: 48px;
  font-size: 1.2rem;
  font-weight: bold;
  position: relative;
  color: #333;
  cursor: pointer;
  background-color: #CCCCCC;
  border: none;
  border-radius: 10px;
}

div.ss-pagination .ss-page-prev {
  color: #ffffff;
  background-color: #9CA2A4;
}

div.ss-pagination .ss-page-next {
  color: #ffffff;
  background-color: #000000;
}

div.ss-pagination span {
  margin: 0px 8px 0px 8px;
}

div.ss-pagination .ss-page.ss-select-page {
  color: #ffffff;
  background-color: #000000;
}

.accbox .accshow {
  opacity: 1;
  overflow: visible;
  height: auto;
}

.accbox {
  margin-bottom: 0;
}

.l-footer-logoArea {
  background-color: #ffffff;
}

.renew18-main-heading {
  padding: 0;
}

div#ss-navi {
  background-color: #FAFAFA;
  padding: 18px 6px;
  border: none;
}

input:focus {
  outline: none;
}

body#staticSeach header {
  height: auto;
  line-height: 1;
}

body#staticSeach {
  font-family: "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Meiryo", "Yu Gothic", sans-serif !important;
}

div#ss-main {
  font-family: "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Meiryo", "Yu Gothic", sans-serif !important;
}

#ss-query {
  padding: 16px 20px !important;
}

#ss-query::-moz-placeholder {
  font-size: 1.3rem;
}

#ss-query:-ms-input-placeholder {
  font-size: 1.3rem;
}

#ss-query::placeholder {
  font-size: 1.3rem;
}

div#ss-result div.ss-item div.ss-page .ss-file-type {
  padding-right: 0 !important;
}

#ss-content {
  display: none;
}

#ss-content.open {
  display: block;
}

#ss-content a {
  color: #007EA5 !important;
}

#ss-content .ss-url a {
  font-size: 14px;
  color: #CCCCCC !important;
}

div#ss-result div.ss-item .ss-content-length,
div#ss-result div.ss-item .ss-last-modified {
  font-size: 14px;
  color: #CCCCCC !important;
}

.renew18-contents--bg_white {
  padding: 0px 0px 30px 0px;
}

#ss-preview-container,
#ss-preview-container img {
  height: 0 !important;
}

@media only screen and (max-width: 1100px) {
  .l-ss-wrap {
    width: 1220px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 768px) {
  .renew18-contents__box {
    padding: 0;
    border: none;
  }
  div#ss-main.css3 #ss-form .ss-search-input {
    width: 100%;
    margin-left: 0;
  }
  .renew18-main {
    width: 100%;
  }
  div#ss-main.css3 #ss-form .ss-search-button {
    position: absolute;
    left: auto;
    top: 24px;
    right: 14px;
  }
  .renew18-contents__box {
    box-shadow: none;
  }
  div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=radio] + label, div#ss-main.css3 #ss-form fieldset.ss-category-field input[type=checkbox] + label {
    display: block;
    text-align: left;
  }
  div.ss-pagination {
    width: 100%;
    margin: 0 auto;
  }
  div.ss-pagination .ss-page,
  div.ss-pagination .ss-page-prev,
  div.ss-pagination .ss-page-next {
    margin-bottom: 16px;
  }
  .l-ss-wrap {
    width: auto;
  }
  #ss-content .ss-url a {
    font-size: 12px;
  }
  div#ss-result div.ss-item .ss-content-length,
  div#ss-result div.ss-item .ss-last-modified {
    font-size: 12px;
  }
}

/* table01 上書き用
--------------------------------------------------------- */
.p-table01 tbody .p-table01__head.u-ratio30 {
  width: 30%;
}

/* font-size - utility
--------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  .u-sm-fz-13 {
    font-size: 1.3rem !important;
  }
}

/* img-adjust - utility
--------------------------------------------------------- */
.u-img-adjust {
  width: auto !important;
  max-width: 100% !important;
}

/* m-auto - utility
--------------------------------------------------------- */
.u-m-auto {
  margin: 0 auto !important;
}

.u-m-t-auto {
  margin-top: auto !important;
}

/* m-auto - utility
--------------------------------------------------------- */
.u-w-b {
  word-break: break-word !important;
}

/* m-auto - utility
--------------------------------------------------------- */
.u-flex-adjust {
  display: flex !important;
  flex-direction: column !important;
}

/* m-auto - utility
--------------------------------------------------------- */
.u-flex-adjust2 {
  display: flex !important;
  justify-content: center !important;
}

/* font-weight - utility
--------------------------------------------------------- */
.u-fw-normal {
  font-weight: normal;
}

/* display - utility
--------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  .u-d-pc2 {
    display: none;
  }
}

/* background - utility
--------------------------------------------------------- */
.u-bgc-gray {
  background: #fafafa !important;
}

/* table - utility
--------------------------------------------------------- */
.u-tbl-fixed {
  table-layout: fixed !important;
}

/* background - utility
--------------------------------------------------------- */
.u-flex-btmline {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}

/* float - utility
--------------------------------------------------------- */
.u-fl-n {
  float: none !important;
}
@media only screen and (max-width: 768px) {
  .u-sm-fl-n {
    float: none !important;
  }
}

/* height - utility
--------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  .u-sm-h-auto {
    height: auto !important;
  }
}

/* height - utility
--------------------------------------------------------- */
.u-flex-adjust3 {
  display: flex !important;
  align-items: flex-end !important;
}

/* radius - utility
--------------------------------------------------------- */
.u-b-radius-0 {
  border-radius: 0px !important;
}

.u-b-radius {
  border-radius: 100px !important;
}

@media only screen and (max-width: 768px) {
  .u-b-radius {
    border-top-left-radius: 28px !important;
    border-top-right-radius: 28px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}

/* st-search-form
--------------------------------------------------------- */
.st-search-form {
  width: 214px;
  height: 40px;
  border-radius: 100px;
  border: none;
  padding-left: 50px;
  padding-right: 30px;
}

#staticSeach .st-search-form {
  position: relative !important;
  top: -2px !important;
  left: -19px !important;
  width: 214px !important;
  height: 40px !important;
  border-radius: 100px !important;
  border: none !important;
  padding-left: 50px !important;
  padding-right: 30px !important;
  font-size: 1.4rem !important;
}

/* st-search-icon
--------------------------------------------------------- */
.st-search-icon {
  position: relative;
  top: -6px;
  left: -200px;
}

#staticSeach .st-search-icon {
  position: relative !important;
  top: -10px !important;
  left: -183px !important;
  width: 16px !important;
  height: 16px !important;
}

/* st-sp-search-icon
--------------------------------------------------------- */
.st-sp-search-icon {
  width: 35px;
  height: 20px;
  margin-top: 10px;
}

#staticSeach .st-sp-search-icon {
  width: 38px !important;
  height: 20px !important;
  margin-top: 9px;
  padding-left: 18px;
}

/* l-header-spSearch__input
--------------------------------------------------------- */
.l-header-spSearch__input.st-sp-input {
  padding: 4px 8px 4px 45px;
}

.l-header-spSearch__input.st-sp-input::-moz-placeholder {
  color: #999;
}

.l-header-spSearch__input.st-sp-input:-ms-input-placeholder {
  color: #999;
}

.l-header-spSearch__input.st-sp-input::placeholder {
  color: #999;
}

#staticSeach .l-header-spSearch__input.st-sp-input {
  padding: 4px 8px 4px 45px !important;
}

@media only screen and (max-width: 768px) {
  #staticSeach .sp_search {
    margin-top: 0px;
    height: 40px;
    padding: 0;
    opacity: 1;
    transition: 0.8s;
  }
  #staticSeach .l-header-spSearch__input {
    display: block;
    width: 100%;
    background: #fff;
    border: none;
    height: 40px;
    border-radius: 20px;
    padding: 4px 8px 4px 84px;
    font-size: 1.6rem;
    outline: none;
    font-weight: bold;
  }
  .l-header-spSearch__input {
    font-size: 1.6rem;
    font-weight: bold;
  }
  #staticSeach input.sbtn_sp {
    display: block;
  }
  #staticSeach .st-sp-search-icon {
    top: 1px;
    left: 27px;
  }
  _:lang(x) + _:-webkit-full-screen-document, #staticSeach .st-sp-search-icon {
    top: 44px;
    left: 0px;
    margin-left: 0 !important;
  }
  #staticSeach form.s2 {
    margin-top: 0;
    height: 40px;
  }
}

/* splus
--------------------------------------------------------- */
#staticSeach .splus {
  width: 226px !important;
}

/* border - utility
--------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  .u-sm-br-tag {
    border-bottom: 2px solid #EBEBEB !important;
  }
}
/*hasegawa　end*/
/* footer - layout
--------------------------------------------------------- */
.l-footer-logoArea {
  border-top: 2px solid #ebebeb;
}

.l-footer-logoArea-list {
  width: 560px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.l-footer-logoArea-list__item {
  flex: 1 1;
  border-right: 2px solid #ebebeb;
}

.l-footer-logoArea-list__item:first-child {
  border-left: 2px solid #ebebeb;
}

.l-footer-logoArea-list__item > a {
  display: block;
  padding: 19px 0 17px;
  width: 100%;
  height: 80px;
  text-align: center;
  text-decoration: none;
}

.l-footer-logoArea-list-txt{
  display: block;
  padding-top: 7px;
  font-size: 12px;
  font-weight: bold;
  color: #000;
}

.l-footer-logoArea-list__item--dmenu a img {
  width: 26px;
  height: 26px;
}

.l-footer-logoArea-list__item--dpointclub a img {
  width: 26px;
  height: 26px;
}

.l-footer-logoArea-list__item--dmarket a img {
  width: 26px;
  height: 26px;
}

.l-footer-belt {
  background-color: #534F4F;
  padding: 16px;
}

.l-footer-belt-top {
  float: left;
  width: 401px;
}

.l-footer-belt-top > a {
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  color: #fff;
  text-decoration: none;
}

.l-footer-belt-list {
  width: 644px;
  display: flex;
  justify-content: space-between;
}

.l-footer-belt-list__item {
  float: left;
}

.l-footer-belt-list__item > a {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.1rem;
  color: #fff;
  text-decoration: none;
}

.l-staticfooter-main {
  background: #333;
  padding: 60px 0 0;
}

.l-footer-menu-top {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}

.l-footer-menu-bottom {
  display: flex;
  justify-content: space-between;
}

.l-footer-menu__heading {
  color: #fff;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 0.75;
  letter-spacing: 0.1rem;
}

.l-staticfooter-menu-list {
  margin-top: 16px;
}

.l-staticfooter-menu-list__item a {
  display: inline-block;
  color: #fff;
  font-size: 1.6rem;
  text-decoration: none;
  line-height: 1.5;
  position: relative;
  padding-left: 32px;
}

.l-staticfooter-menu-list__item a::after {
  content: "・";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.l-footer-menu-list__itemInner {
  padding-left: 16px;
}

.l-footer-menu-box {
  width: 400px;
}

.l-footer-menu-box dl + dl {
  margin-top: 40px;
}

.l-staticfooter-submenu {
  padding-top: 80px;
}

.l-staticfooter-submenu-list {
  margin: 0 auto;
  width: 870px;
  display: flex;
  justify-content: space-between;
  line-height: 1.5;
}

.l-staticfooter-submenu-list__item > a {
  font-size: 1.2rem;
  color: #cccccc;
  text-decoration: none;
}

.l-staticfooter-copyright {
  display: block;
  text-align: center;
  padding: 40px 0;
  font-size: 1.2rem;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .l-footer-logoArea {
    border-top: none;
  }
  .l-footer-logoArea-list {
    width: auto;
    display: flex;
  }
  .l-footer-logoArea-list__item {
    border-right: 2px solid #ebebeb;
  }
  .l-footer-logoArea-list__item:first-child {
    border-left: none;
  }
  .l-footer-logoArea-list__item:last-child {
    border-right: none;
  }
  .l-footer-belt {
    background-color: #534F4F;
    padding: 16px 0;
  }
  .l-footer-belt-top {
    float: none;
    width: 100%;
  }
  .l-footer-belt-top > a {
    font-size: 1.4rem;
    font-weight: normal;
  }
  .l-footer-belt-list {
    width: 100%;
    display: block;
    justify-content: normal;
    padding: 8px 0 0 8px;
  }
  .l-footer-belt-list__item {
    float: none;
  }
  .l-footer-belt-list__item + .l-footer-belt-list__item {
    margin-top: 8px;
  }
  .l-footer-belt-list__item > a {
    font-weight: normal;
  }
  .l-staticfooter-main {
    padding: 0 0 20px;
  }
  .l-footer-menu-top {
    margin-bottom: 0;
    display: block;
    justify-content: normal;
  }
  .l-footer-menu-bottom {
    display: block;
    justify-content: normal;
    border-bottom: 2px solid #F7F7F7;
  }
  .l-footer-menu__heading {
    font-size: 1.4rem;
    position: relative;
  }
  .l-footer-menu__heading::after {
    content: "";
    position: absolute;
    display: inline-block;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg);
  }
  .isOpen .l-footer-menu__heading::after {
    transform: rotate(315deg);
  }
  .l-staticfooter-menu-list {
    margin-top: 0;
    background: #fff;
    padding: 0 24px;
  }
  .l-staticfooter-menu-list__item a {
    display: block;
    border-bottom: 1px solid #F7F7F7;
    position: relative;
  }
  .l-staticfooter-menu-list__item a::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url(../images/icon-arrow02-black.svg);
    background-repeat: no-repeat;
    transform: rotate(180deg);
  }
  .l-staticfooter-menu-list__item a {
    display: block;
    color: #333333;
    font-size: 1.2rem;
    text-decoration: none;
    line-height: 2;
    position: relative;
    padding: 16px 0;
  }
  .l-staticfooter-menu-list__item a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    margin: auto;
  }
  .l-footer-menu-list__itemInner {
    padding-left: 16px;
  }
  .l-footer-menu-list__itemInner > li {
    border-bottom: 1px solid #F7F7F7;
    position: relative;
  }
  .l-footer-menu-box {
    width: 100%;
    border-top: 2px solid #F7F7F7;
  }
  .l-footer-menu-box dl + dl {
    margin-top: 0;
    border-top: 2px solid #F7F7F7;
  }
  .l-footer-menu-box dd {
    display: none;
  }
  .l-staticfooter-submenu {
    padding-top: 24px;
  }
  .l-staticfooter-submenu-list {
    width: 100%;
    display: block;
    justify-content: normal;
  }
  .l-staticfooter-submenu-list__item + .l-staticfooter-submenu-list__item {
    margin-top: 8px;
  }
  .l-staticfooter-copyright {
    padding: 24px 20px;
    color: #C5C5C5;
  }
}

#js-topKV {
  height: auto !important;
  position: relative;
}

.p-important_notices {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 48px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
  background: linear-gradient(to right, #CC0033 70%, #fff 30%);
  background: -ms-linear-gradient(to right, #CC0033 70%, #fff 30%);
  overflow: hidden;
  margin-bottom: 120px;
}

.p-important_notices__title {
  color: #fff;
  font-size: 2.0rem;
  margin-right: 40px;
  width: 384px;
  text-align: center;
  position: relative;
}

.p-important_notices__title::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background-image: url(/st/images/static_icon_important_notices.png);
  background-repeat: no-repeat;
  background-size: cover;
  top: -2px;
  right: 80px;
}

.p-important_notices__list {
  padding: 20px 24px;
  background: #fff;
  width: 776px;
  line-height: 2;
}

.p-important_notices__list li:not(:first-child) {
  margin-top: 16px;
}

.p-staticRecommendedInfoList {
  display: flex;
  justify-content: space-between;
}

.p-staticRecommendedInfoList .p-staticRecommendedInfoList__item {
  width: 288px;
  display: flex;
  flex-direction: column;
}

.p-staticRecommendedInfoList .p-staticRecommendedInfoList__item .p-staticRecommendedInfo_txt {
  padding: 24px;
}

.p-staticRecommendedInfoList .p-staticRecommendedInfoList__item .p-staticRecommendedInfo_txt p {
  margin-bottom: 40px;
  font-weight: bold;
}

.p-recommendSlider__item {
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .p-important_notices {
    display: block;
    flex-direction: normal;
    border-radius: 0;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    background: none;
    margin-bottom: 20px;
    margin-right: -20px;
    margin-left: -20px;
  }
  .p-important_notices__title {
    margin-right: 0;
    font-size: 1.4rem;
    width: 100%;
    background: #CC0033;
    padding: 20px 0;
  }
  .p-important_notices__title span {
    position: relative;
  }
  .p-important_notices__title span::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background-image: url(/st/images/static_icon_important_notices.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -20px;
  }
  .p-important_notices__title::after {
    display: none;
  }
  .p-important_notices__list {
    padding: 20px;
    width: 100%;
  }
  .p-important_notices__list li:not(:first-child) {
    margin-top: 8px;
  }
  .p-staticTopDcardCharmImg {
    padding: 0 12%;
  }
  .p-staticRecommendedInfoList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .p-staticRecommendedInfoList .p-staticRecommendedInfoList__item {
    width: 48%;
    display: flex;
  }
  .p-staticRecommendedInfoList .p-staticRecommendedInfoList__item .p-staticRecommendedInfo_txt {
    padding: 12px;
  }
  .p-staticRecommendedInfoList .p-staticRecommendedInfoList__item .p-staticRecommendedInfo_txt p {
    margin-bottom: 8px;
  }
  .p-staticRecommendedInfoList .p-staticRecommendedInfoList__item:not(:nth-child(1)):not(:nth-child(2)) {
    margin-top: 20px;
  }
  .p-staticRecommendedInfoList .p-staticRecommendedInfoList__item .c-btn--more {
    height: 48px;
  }
}

.c-staticIcon_touchPhon {
  position: relative;
  padding-right: 45px;
}

.c-staticIcon_touchPhon::after {
  content: "";
  position: absolute;
  width: 29px;
  height: 23px;
  background-image: url(/st/common/images/static_icon_touchPhon.png);
  background-repeat: no-repeat;
  background-size: cover;
  top: 4px;
  right: 8px;
}

.c-staticInfo_number[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  display: inline;
}

.c-staticInfo_number[href*="tel:"]::after {
  display: none;
}

@media only screen and (max-width: 768px) {
  .c-staticIcon_touchPhon {
    padding-right: 25px;
  }
  .c-staticIcon_touchPhon::after {
    width: 23px;
    height: 18px;
    top: 6px;
    right: 1px;
  }
  .c-staticInfo_number[href*="tel:"] {
    pointer-events: auto;
    cursor: pointer;
    text-decoration: underline;
    color: #007EA5;
    border-radius: 0;
    padding: 0;
  }
}

.p-staticPreTopBtn {
  margin-bottom: 56px;
}

.p-staticPreTopBtn .c-linkStyle--anchor::after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.p-staticIconInfoBox {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 161px;
}

.p-staticIconInfoBox .p-staticIconInfo__icon01 {
  width: 120px;
}

.p-staticIconInfoBox .p-staticIconInfo__icon02 {
  width: 105px;
}

.p-staticIconInfoBox .p-staticIconInfo__icon03 {
  width: 85px;
}

@media only screen and (max-width: 768px) {
  .p-staticIconInfoBox {
    height: auto;
  }
  .p-staticIconInfoBox .p-staticIconInfo__icon01 {
    width: 86px;
  }
  .p-staticIconInfoBox .p-staticIconInfo__icon02 {
    width: 88px;
  }
  .p-staticIconInfoBox .p-staticIconInfo__icon03 {
    width: 85px;
  }
  .p-staticPreTopBtn {
    margin-bottom: 40px;
  }
}

/* display - utility
--------------------------------------------------------- */
.u-d-static-pc {
  display: block !important;
}

.u-d-static-sm {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .u-d-static-pc {
    display: none !important;
  }
  .u-d-static-sm {
    display: block !important;
  }
}

/* font-size - utility
--------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  .u-sm-fs-10 {
    font-size: 10px !important;
  }
  .u-sm-fs-12 {
    font-size: 12px !important;
  }
}

/* 2024.11.14 積立還元率テーブル */
#num_list_11 .rate_col3{
  --table-color: #575757;/* テーブルの色合い*/
}
#num_list_11 .rate_col3{
  display: flex;
  width: 100%;
  border: 1px solid var(--table-color);
}
#num_list_11 .rate_col3 ul{
  flex: 1;
}
#num_list_11 .rate_col3 ul:not(:first-child) li:first-child{
  border-left: 1px solid #fff;
}
#num_list_11 .rate_col3 ul:not(:first-child) li:not(:first-child){
  border-left: 1px solid var(--table-color);
}
#num_list_11 .rate_col3 ul li{
  padding: 12px 32px;
}
#num_list_11 .rate_col3 ul li:first-child{
  color: #fff;
  background: var(--table-color);
  height: 100px;
}
#num_list_11 .rate_col3 ul li:first-child img{
  width:60px;
  height: auto;
  margin-right: 16px;
}
#num_list_11 .rate_col3 ul li.row2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#num_list_11 .rate_col3 ul li span{
  font-size: 2.0rem;
  letter-spacing: 0;
  margin-right: 4px;
}
@media only screen and (max-width: 768px){
   #num_list_11 .rate_col3{
    flex-direction: column;
  }
  #num_list_11 .rate_col3 ul{
    font-size: 1.4rem;
  }
  #num_list_11 .rate_col3 ul:not(:first-child) li:first-child{
    border-left: none;
  }
  #num_list_11 .rate_col3 ul:not(:first-child) li:not(:first-child){
    border-left: none;
  }
  #num_list_11 .rate_col3 ul li{
    padding: 8px 16px;
  }
  #num_list_11 .rate_col3 ul li:first-child img{
    margin-right: 12px;
  }
  #num_list_11 .rate_col3 ul li span{
    font-size: 1.6rem;
  }
}
/* 積立還元率テーブル ここまで*/
/* ↑st/s_dcard/css/st_style.css↑ */

/* ↓st/s_dcard/css/style2.css↓ */
.wrap_hidden {overflow-x: auto; } 
.c-linkStyle01 {font-size: 1.6rem; } 
#kv {
  margin: 40px auto;
  width: 100%;
  height: 100%;
  aspect-ratio: 600 / 247; 
} 
@media only screen and (max-width: 768px) {
 #kv {
  width: 100%;
  height: 100%;
  aspect-ratio: 67 / 44;
} 
}
h1.c-headingStyle01 {font-size: 40px; } 
.c-staticHeadingStyle03Border {display: flex;flex-direction: row;align-items: flex-start; } 
h3.c-staticCardComparison__title {font-size: 1.4rem;line-height: 1.5; } 
.bg_gray {background-color: #dddddd; } 

/*num_list*/
.numAnchor{display: flex;align-items: center;justify-content: center;text-align: center;}
.numAnchor li{width: 30%;margin: 20px;}
.numAnchor li:first-child{margin-left:0;}
.numAnchor li:last-child{margin-right:0;}

.c-textIcon{justify-content: center;border-radius: 20px;font-size: 14px;}
.c-textIcon--accent01{width: 100%;padding: 20px;}

.num_list_select {display: flex;justify-content: space-between;align-items: center; } 
.num_list_select li {margin: 0 20px 80px 20px; } 
.num_list_select li:first-child {margin-left: 0; } 
.num_list_select li:last-child {margin-right: 0; } 
.num_list_select li a {font-size: 3rem;font-weight: bold;color: #333333;text-decoration: none; } 
.num_list_Section {padding-top: 20px; } 
#num_list_01 .c-shadowBox {padding: 5%; } 
#num_list_02 .card02 .c-staticInfoCard__infoTxt .c-btn {width: fit-content;margin-top: 20px; } 
#num_list_02 .safe_wrap .card02 .c-staticInfoCard__infoTxt {margin-bottom: 20px; } 
#num_list_03 .c-staticInfoCard__box .c-staticInfoCard__imgCard {height: auto; } 
.vibration {animation: vibration .1s infinite; } 

@keyframes vibration {from {transform: rotate(1deg); } 
to {transform: rotate(-1deg); } 
 }

@keyframes vibration {
	0% { transform: rotate(0deg); }
	25% { transform: rotate(1.2deg); }
	50% { transform: rotate(0deg); }
	75% { transform: rotate(-1.2deg); }
	100% { transform: rotate(0deg); }
}

.shake01.vibration,
.shake02.vibration,
.shake03.vibration {
	animation: vibration .2s infinite;
}
/* ----------------------- */
.pc-only .c-headingStyle02 {font-size: 2.6rem;text-align: left; } 
.safe_wrap .c-btn1Col {width: 40%; } 
.safe_wrap .card01 .c-staticInfoCard__box {display: flex;align-items: center;justify-content: space-between; } 
.safe_wrap .card02 .c-staticInfoCard__box ul.c-staticDiscList {margin-left: 16px;margin-bottom: 20px;list-style: disc; } 
.l-sectionWrap {padding: 0; } 
.l-sectionWrap--gray {margin-bottom: 100px; } 
.btn_select_type {width: 1200px;margin: 0 auto; } 
.c-headingStyle05.selectRedTxt {font-size: 2.8rem; } 

/*tab switch*/
.tabSwitch_float {position: fixed;bottom: 0;width: 100%;margin: 0 auto;padding: 1vw 0;background-color: rgb(0, 0, 0, 0.5);z-index: 100; } 
.tabSwitch_floatInner {position: relative; } 
.tabSwitch_float ul {display: flex;align-items: center;justify-content: center; } 
.tabSwitch_float ul li {width: 25%;margin: 0 5px; } 
.tabSwitch_float ul li:first-child {margin-left: 0; } 
.tabSwitch_float ul li:last-child {margin-right: 0; } 
.tabSwitch_float ul li .c-btn1Col {width: 100%;margin: 0 auto; } 
.tabSwitch_float .tab_item {width: auto;margin: 0 auto; } 
.tabSwitch_float .tab_item .c-btn1Col {margin: 0 auto; } 
.tabSwitch_float .c-btn__text::after {background: url(https://dcard.docomo.ne.jp/st/common/images/staticIcon-login-white.svg) no-repeat; } 
.float_02 {display: none;padding-bottom: 2vw;background-color: rgb(0, 0, 0, 0.7); } 
.float_02 .alert {color: #ffffff;font-size: 2.8rem;text-align: center;font-weight: bold;margin-bottom: 1%; } 
.float_02 ul li {width: 30%; } 
.close_btn a {position: absolute;top: -20px;right: 10px;font-size: 2em;font-weight: bold;text-decoration: none;color: white; } 
.tab_item {display: flex;justify-content: space-around;width: 1200px;margin: 10px auto;text-align: center; } 
.tab_item a {display: flex;align-items: center;height: 100%;color: #333333;text-decoration: none;font-size: 1.6rem;font-weight: bold;line-height: 1.5; } 
.tab_item .c-staticInfoCard__btn a {padding: 1vw; } 
.tabSwitch_ul2 li {display: flex;align-items: center;justify-content: center;width: 32%;padding: 29px;background-color: #EBEBEB;border-radius: 30px 30px 0 0; } 
.tab_item li:hover {cursor: pointer; } 
.tab_item li.on {background-color: #FEC54A; } 
.tabSwitch_contents {width: 1200px;margin: 0 auto; } 
.tab_content {margin-top: 40px; } 

/*tab01*/
.tabWrap h2.c-staticHeadingStyle03Border {margin-top: 80px; } 
.tabWrap .c-staticInfoCard {position: relative; } 
.tabWrap .c-staticInfoCard .c-staticCardStyle01__logo {position: absolute;width: 200px;height: 40px;top: -7%;left: 50%;transform: translate(-50%);font-size: 2rem;font-weight: bold;background-color: #FEC54A;text-align: center;vertical-align: middle;border-radius: 100px; } 
.tabWrap .c-staticInfoCard .c-btn1Col {width: 50%;height: 56px; } 
.tabWrap .c-staticInfoCard__box {display: flex;align-items: center;padding: 52px 52px 0px 52px; } 
.tabWrap p.c-staticInfoCardOnly_img75 {text-align: center; } 
.tabWrap p.c-staticInfoCardOnly_img75 img {width: 70%; } 
.tabWrap .c-staticInfoCard__box .c-staticInfoCard__imgCard {margin: 0 auto 12px; } 
.tabWrap .c-staticInfoCard__box .c-staticInfoCard__infoTxt {width: auto;float: left; } 
.tabWrap .c-staticInfoCard__box .c-staticInfoCard__infoTxt dd {line-height: 1.5; } 
.tabWrap .c-staticInfoCard__box .c-staticInfoCard__infoTxt:first-child {margin-bottom: 20px; } 
.tabWrap .c-staticInfoCard__box .c-staticInfoCard__imgBox {width: 50%; } 
.tabWrap .c-itemSlctStyle02__item__content {display: flex;flex-direction: column;align-items: center; } 
.tabWrap .listStyle-decimal {display: flex;flex-direction: column;width: 300px; } 
.tabWrap .listStyle-decimal li {display: flex;align-items: flex-start; } 
.tabWrap .listStyle-decimal li img {margin: 15px 15px 0 0; } 
.tabWrap .listContent {margin: 10px 0; } 
.tabWrap .listContent p {line-height: 1.2; } 
.tabWrap .c-itemSlctStyle02_num01 .c-itemSlctStyle02__item__content {min-height: 608px; } 
.tabWrap .c-itemSlctStyle02_num02 .c-itemSlctStyle02__item__content img {width: 40%;height: auto; } 
.tabWrap p.listTtl {margin-bottom: 10px;font-size: 1.6rem;font-weight: bold;line-height: 1.5; } 
.tabWrap .c-itemSlctStyle02__item__content__body figure {text-align: center; } 
.tabWrap .c-itemSlctStyle02__item__content__body figure img {width: 70%;min-height: 127px; } 
.tabWrap .c-itemSlctStyle02__item {width: 31%; } 
.tabWrap .c-itemSlctStyle02__items {justify-content: flex-start; } 
.tabWrap .c-itemSlctStyle02__item__content {width: 100%; } 
.tabWrap .c-itemSlctStyle02__items li {margin-left: 2%; } 
.tabWrap h3.c-headingStyle02 {display: flex;align-items: center;justify-content: center;margin-bottom: 34px; } 
.tabWrap h3.c-headingStyle02 img {margin-right: 10px; } 
.tabWrap .c-staticCardStyle02.num_3 li,
.tabWrap .c-staticCardStyle02.num_5 li {box-shadow: none; } 
.c-staticImg02 {width: 70%; } 
.tabWrap .c-staticDiscList__item::before {top: 11px;width: 5px;height: 5px;background: #333333; } 
#num_list_03 .c-staticInfoCard__box .c-staticInfoCard__imgCard {margin: 0 auto; } 
.l-sectionWrap:first-of-type {padding-bottom: 0; } 

/*tab02*/
.tabWrap02 .c-staticInfoCard__imgBox {width: 100%; } 
.tabWrap02 .c-staticInfoCard__imgCard {display: flex;justify-content: space-evenly;align-items: center; } 
.tabWrap02 .imgCard_content {text-align: center; } 
.tabWrap02 p.imgTtl {font-size: 2em;font-weight: bold; } 
.tabWrap02 img.pc-only {margin-top: 45px; } 
.tabWrap02 img.sp-only {margin: 20px auto; } 

/*table*/
.tableBox {width: 1200px;padding-right: 20px; } 
.scrollbarTop {width: 1200px; } 
::-webkit-scrollbar {-webkit-appearance: none; } 
::-webkit-scrollbar:vertical {width: 12px; } 
::-webkit-scrollbar:horizontal {height: 12px; } 
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .5);border-radius: 10px;border: 2px solid #ffffff; } 
::-webkit-scrollbar-track {border-radius: 10px;background-color: #ffffff; } 
.tableBox .p-table01 {margin-bottom: 10px; } 
.p-table01 tbody td {vertical-align: middle; } 
.p-table01 tbody td div.imgBox_old {display: inline-block;width: 45%;text-align: center; } 
.p-table01 tbody td div.card_renewBox .imgBox_old {width: 20%; } 
.p-table01 tbody td div.card_renewBox > img {width: 10%; } 
.p-table01 tbody td div.imgBox_new {display: inline-block;width: 35%;text-align: center;margin: 10px auto; } 
.p-table01 tbody td div.imgBox_new p {font-size: 0.9rem; } 
.p-table01 tbody th,
.p-table01 tbody td {padding: 10px 20px;vertical-align: middle; } 
table.p-table01 tr.bg_gray th:first-child {width: 300px; } 

/*注意事項*/
.warning {width: 1200px;margin: 100px auto 0;padding: 0 20px;line-height: 1.8; } 
.warning h2 {text-align: center;font-size: 3.575em;margin-bottom: 40px; } 
.warning ul {list-style: disc; } 

/*tab03*/
.tabWrap03 .tab_content .btn_inner {display: flex; } 
.tabWrap03 .tab_content .btnChoice {width: 100%;margin: 0 3%; } 


@media only screen and (max-width: 1365px) {
.tabSwitch_float {width: 1365px; } 
}


/********************sp*********************/

@media only screen and (max-width: 768px) {
  h1.c-headingStyle01 {font-size: 2.8rem;width: 80vw;margin: 20px auto 40px; } 
  h2.c-staticHeadingStyle02Border {font-size: 2.4rem; } 
  h3.c-headingStyle03 {font-size: 1.3rem; } 
  h3.c-staticCardComparison__title {font-size: 1.3rem;font-weight: normal; } 
  .c-headingStyle02 {font-size: 2.3rem; } 
  h3.c-headingStyle02 span {font-size: 1.8rem; } 
  .safe_wrap .c-btn1Col {width: 90%; } 
  .btn_select_type {width: 100%;margin: 0 auto; } 
  .c-headingStyle05.selectRedTxt {font-size: 2.0rem; } 
  .l-sectionWrap--gray .c-staticInfoCard {width: 100%;margin: 20px auto; } 
  .l-sectionWrap--gray .c-staticInfoCard__btn {width: 100%;margin: 20px auto; } 
  .l-sectionWrap--gray .cardBox .c-staticInfoCard__btn .c-btn1Col {width: auto; } 
  .l-sectionWrap--gray .cardBox .c-btn {width: auto; } 
  .l-sectionWrap--gray .cardBox {display: flex;align-items: center;justify-content: center;flex-direction: column;}
  
  /*num_list*/
  .numAnchor{flex-direction: column;}
  .numAnchor li{width: 100%;margin: 20px 0;}
  
  .c-textIcon--accent01{font-size: 13px;}

  /*tab switch*/
  .num_list_select {flex-direction: column;align-items: flex-start; } 
  .num_list_select li {margin: 20px 0; } 
  .num_list_select li a {font-size: 2rem; } 
  .tab_item {flex-direction: column;align-items: center;width: 100%; } 
  .tab_item .c-staticInfoCard__btn a {padding: 15px; } 
  .tabSwitch_ul2 {display: flex;flex-direction: row;align-items: stretch; } 
  .tabSwitch_ul2 li {width: 33%;padding: 10px 8px 3px;border-radius: 20px 20px 0 0; } 
  .tabSwitch_ul2 a {font-size: 10px;line-height: 1;letter-spacing: -0.1rem; } 
  .tabSwitch_contents {width: 90vw;margin: 20px auto; } 
  .close_btn a {top: -5px;right: 5px;font-size: 1.2rem; } 
  .close_btn.close_btn02 a {top: 0px;right: 10px;font-size: 1.6rem; } 

  /*tab01*/
  .tabWrap h2.c-headingStyle02:first-child {margin-top: 40px; } 
  .tabWrap .c-staticInfoCard__box {padding: 20px; } 
  .tabWrap .c-staticInfoCard .c-staticCardStyle01__logo {display: block;position: static;transform: none;width: 100%;height: auto;margin-bottom: 16px;font-size: 2rem;line-height: 2.5;font-weight: bold;background-color: #FEC54A;text-align: center;border-radius: 100px; } 
  .tabWrap .c-staticInfoCard__box .c-staticInfoCard__btn {display: flex;flex-direction: column;align-items: center;margin-bottom: 20px;order: 0; } 
  .tabWrap .c-staticInfoCard .c-btn1Col {width: 100%;height: 60px; } 
  .tabWrap .listStyle-decimal li {min-width: auto; } 
  .tabWrap .c-itemSlctStyle02__item__content__body figure {width: 80%;max-width: 300px; } 
  .tabWrap .c-itemSlctStyle02_num01 .c-itemSlctStyle02__item__content,
  .tabWrap .c-itemSlctStyle02_num02 .c-itemSlctStyle02__item__content {min-height: auto; } 
  .tabWrap h3.c-headingStyle02 {align-items: flex-start; } 
  .tabWrap h3.c-headingStyle02 img {margin-top: 0; } 
  .c-staticImg02 {width: 840px; } 
  .c-staticImg02 img {width: 100%; } 
  .tabWrap .c-itemSlctStyle02__items {flex-direction: column; } 
  .tabWrap .c-itemSlctStyle02__item {width: 100%; } 
  .tabWrap .c-staticInfoCard__box .c-staticInfoCard__imgBox {width: 90%; } 
  .safe_wrap .card02 .c-staticInfoCard__box ul.c-staticDiscList,
  .tabWrap ul.c-staticDiscList {margin-bottom: 20px; } 
  .tabWrap .c-staticCardStyle02.num_5 li {padding-top: 10px; } 
  .tabWrap .c-itemSlctStyle02__item__content__body figure img {min-height: auto; } 


  /*tab02*/
  .tabWrap02 .c-staticInfoCard__imgCard {display: flex;flex-direction: column;justify-content: space-evenly;align-items: center; } 

  /*tab03*/
  .tabWrap03 .tab_content .btn_inner {flex-direction: column; } 
  .tabWrap03 .tab_content .btnChoice {margin: 0 auto 3%; } 

  /*table*/
  .tableBox {width: 600px; } 
  .scrollbarTop {width: 600px;height: 40px;overflow-x: scroll; } 
  .tabWrap02 table.p-table01 {width: 100%;table-layout: fixed;overflow-x: scroll; } 
  .tableBox table.p-table01 tr.bg_gray th:first-child {width: 125px; } 
  .tableBox table.p-table01 tr.bg_gray th:nth-child(2) {width: 125px; } 
  .tableBox table.p-table01 tr.bg_gray th:nth-child(3) {width: 348px; } 
  .tableBox .p-table01 tbody td div.imgBox_old {display: block;width: 100%;margin-bottom: 20px; } 
  .tableBox .p-table01 tbody td div.card_renewBox .imgBox_old {display: inline-block;width: 30%; } 
  .p-table01 tbody td div.imgBox_old:last-child {margin-bottom: 0; } 

  /*注意事項*/
  div.warning {width: 90vw;margin-top: 40px;padding: 0; } 
  div.warning h2 {font-size: 2.5em; } 
  div.warning ul {width: 90%;margin: 0 auto; } 

  /*float bnr*/
  .tabSwitch_float {width: auto; } 
  .tabSwitch_floatInner {width: 100vw;padding: 2vw; } 
  .tabSwitch_float ul li {width: 33%; } 
  .tabSwitch_float .c-btn {height: 52px; } 
  .tabSwitch_float .c-btn__text {padding-right: 10px;font-size: 1rem; } 
  .tabSwitch_float .c-btn__text::after {right: -5px; } 
  .float_02 .alert {font-size: 1.6rem; } 
  .tabSwitch_float.float_02 ul {flex-direction: column; } 
  .tabSwitch_float.float_02 ul li {width: 90%;margin: 0 auto 3%; } 
}

@media only screen and (max-width: 460px) {
.tabWrap .listStyle-decimal {width: 65vw; } 
}

.btn_select_type_wrapper {
  padding: 20px 20px 25px;
  border: 1px solid #ebebeb;
}

.btn_select_type_wrapper.btn_select_type_wrapper_active {
  border-color: #fff;
}

.btn_select_type_wrapper.btn_select_type_wrapper_active .btn_select_type_caption {
  display: none;
}

.btn_select_type_wrapper .btn_select_type {
  width: 100%;
}

.btn_select_type_wrapper .tab_item {
  width: 100%;
}

.tabSwitch_ul2_plus li {
  position: relative;
  padding-bottom: 44px;
}

.tabSwitch_ul2_plus li::after {
  display: block;
  content: '+';
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 30px;
  text-align: center;
  margin-left: -15px;
  font-size: 30px;
  transition: all .4s;
  font-weight: bold;
}

.tabSwitch_ul2_plus li.on::after {
  display: none;
}

.tabSwitch_ul2_plus li:hover a {
  opacity: 0.6;
}

.tabSwitch_ul2_plus li:hover::after {
  opacity: 0.6;
}

.btn_select_type_caption {
  padding: 15px;
  border: 1px solid #CC0033;
  color: #cc0033;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  margin: 15px 0 0;
}

@media only screen and (max-width: 768px) {
  .btn_select_type_wrapper {
    padding: 10px 10px 15px;
  }

  .tabSwitch_ul2_plus li {
    padding-bottom: 24px;
  }

  .tabSwitch_ul2_plus li::after {
    bottom: 2px;
    font-size: 20px;
    width: 20px;
    margin-left: -10px;
  }

  .btn_select_type_caption {
    padding: 10px;
    font-size: 1.6rem;
    margin: 15px 0 0;
  }

  .tabSwitch_ul2_plus li:hover a {
    opacity: 1;
  }

  .tabSwitch_ul2_plus li:hover::after {
    opacity: 1;
  }
}

@media only screen and (max-width: 768px) {
  .cancel-new .c-panelRadio__label {
    width: 100%;
  }
  .cancel-new .c-input p{
    font-size:1.8rem;
    font-weight:bold;
  }
  .cancel-new-layout .c-formConfirmItem__title{
    width: 100%;
  }
}

  /*240424 6807 追加*/
  /*modal*/
.dcard_renew_confirm_modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: scroll;
  background-color: rgba(0, 0, 0, 0.5);
}
.dcard_renew_confirm_modal-content {
  position: relative;
  background-color: rgb(50 50 50 / 70%);
  margin: 3% auto;
  padding: 20px;
  width: 45%;
  border-radius: 15px;
}
.dcard_renew_confirm_close-modal {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}
.dcard_renew_confirm_modal_txt{
  color: #fff;
  font-size: 14px;
  margin: 10px 0;
}

.dcard_renew_confirm_close-modal:hover {
  color: #000;
}
.dcard_renew_confirm_modal_title{
  font-size: 18px;
  color: #fff;
  line-height: 1.4;
}
.dcard_renew_confirm_modal_table table{
  border-spacing: 0;
}
.dcard_renew_confirm_modal_table_tr{
  background-color: #fff;
}
.dcard_renew_confirm_modal_table_td{
  width: 20%;
  background: #FAFAFA;
  font-weight: bold;
  border: solid 1px #EBEBEB;
}
.dcard_renew_confirm_modal_table_td02{
  width: 80%;
  padding: 20px 15px;
  line-height: 1.4;
  border: solid 1px #EBEBEB;
}
@media only screen and (max-width: 768px){
   .dcard_renew_confirm_modal-content{
    width: 85%;
    margin: 25% auto;
  }
  .dcard_renew_confirm_modal_table_td{
    width: 30%;
    padding: 0px 7px;
    font-size: 12px;
  }
  .dcard_renew_confirm_modal_table_td02{
    font-size: 12px;
  }
  .dcard_renew_confirm_modal_title{
    font-size: 16px;
  }
  .dcard_renew_confirm_modal_txt{
    font-size: 12px;
  }
}
  /*240509 6877 追加*/
.u-mh-full {
  min-height: 100%!important;
}
  /*240823 追加*/
.numAnchor_2{
  margin: 12px !important;
  width: 60% !important;
}
@media only screen and (max-width: 768px) {
  .numAnchor_2{
  margin: 12px 0 !important;
  width: 100% !important;
  }
}

@media only screen and (max-width: 768px) {
	.cardBox.cardBox-three-col .three-col-inner, .cardBox.cardBox-three-col .three-col-inner .c-btn1Col {
		width: 100%;
	}
}

.u-mb-adust01 {
	margin-bottom: 32px !important;
}
@media only screen and (max-width: 768px) {
	.u-mb-adust01 {
		margin-bottom: 16px;
	}
}

/* モーダル用 */
[data-modal-id] { display: none; }
[data-modal-id].js-active {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: rgba(0, 0, 0, 0.7);
}

[data-modal-id].js-active {
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cls_btn {
    border: 1px solid #757575;
    border-radius: 10px;
    background-color: gray;
    height: 40px;
    line-height: 40px;
    width: 200px;
    margin: 0 auto;
	margin-top: 20px;
}
.cls_btn a {
	display: block;
    text-align: center;
    color: white;
}

.t-color-modal {
	color: inherit;
}

.mfp-bg02Wrap .mfp-bg02,
.mfp-bg03Wrap .mfp-bg03,
.mfp-bg04Wrap .mfp-bg04 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}
.mfp-bg02Wrap .mfp-wrap02,
.mfp-bg03Wrap .mfp-wrap03,
.mfp-bg04Wrap .mfp-wrap04 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
/* ↑st/s_dcard/css/style2.css↑ */

.pc-card-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.pc-card-list .pc-card-list__item {
  width: 200px;
}
.pc-card-list .pc-card-list__item img {
  display: block;
  padding: 0 16px 16px 0;
  width: 170px;
}