@charset "utf-8";
/* CSS Document */

/* ==========================================================================
  共通レイアウト
========================================================================== */
body {
  font-family: 'Noto Sans JP' sans-serif;
  line-height: 1.5;
  letter-spacing: 0;
  color: #2C2C2C;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
}

@font-face {
  font-display: swap;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100 900;
  src: url('./webFont/fonts/NotoSansJP-VariableFont_wght.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  src: url('./webFont/fonts/Roboto-VariableFont_wdth,wght.woff2') format('woff2');
}


@media (max-width: 768px) {
  body {
        font-size:15px;
  }
}

body.is-fixed {
  position: fixed;
  width: 100vw;
  overflow: hidden;
}

::-ms-reveal {
  display: none;
}

a, a:visited {
  color: inherit;
}

a:hover {
  opacity: 0.8;
}


.l-container {
  margin-inline: auto;
}

.l-container--800  { 
  width: clamp(0px, calc(100% - 32px), 800px);
}

/*---------------------------------------
カラー定義
---------------------------------------*/
:root {
  --color-brand-yellow: #FFD300;
  --color--yellow--bg001: #FFF9E3;
  --color--yellow--bg002: #FFF6C9;
  --color--yellow--bg003: #FFFBED;
  --color--yellow--bg004: #F0EBDD;
  --color-text-primary: #2C2C2C;
  --color--black: #000000;
  --color--white: #FFFFFF;
  --color--orange: #EF5508;
  --color--red: #D0121B;
  --color--link: #06F;
  --color--gray--900: #1A1A1A;
  --color--gray--800: #333333;
  --color--gray--700: #4D4D4D;
  --color--gray--600: #666666;
  --color--gray--536: #767676;
  --color--gray--500: #7F7F7F;
  --color--gray--420: #949494;
  --color--gray--400: #999999;
  --color--gray--300: #B3B3B3;
  --color--gray--200: #CCCCCC;
  --color--gray--100: #E6E6E6;
  --color--gray--50: #F2F2F2;
  --color--Illustration--red001: #E66C7C;
  --color--Illustration--blue001: #5FA2CE;
  --content-width-pc: 960px;
  --font--Noto: 'Noto Sans JP', sans-serif;
  --font--Roboto: "Roboto", sans-serif;
}

.gray--700 {
  color: var(--color--gray--700);
}

/* 背景色 */
.bgBrandYellow {
  background-color: var(--color-brand-yellow);
}

.bgYellow001 {
  background-color: var(--color--yellow--bg001);
}

.bgYellow002 {
  background-color: var(--color--yellow--bg002);
}

.bgYellow003 {
  background-color: var(--color--yellow--bg003);
}

.bgYellow004 {
  background-color: var(--color--yellow--bg004);
}


/*---------------------------------------
header リニューアルここから
---------------------------------------*/
.l-header {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  font-family: 'Noto Sans JP', sans-serif !important;
}
.l-header div::after{
  content: none;
}
.l-header.is-login, .l-header.is-notlogin{
  display: none;
}
.l-header__wrap {
  position: relative;
  border-bottom: 1px solid var(--color--gray--200);
  background-color: var(--color--white);
}
.l-header__bg {
  border-top: 4px solid var(--color-brand-yellow);
  /* border-bottom: 1px solid var(--color--gray--200); */
  background-color: var(--color--white);
}
.l-header__common {
  padding: 1px 36px 6px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1440px;
  margin: 0 auto;
  height: auto !important;
}
.l-header__common:after{
  display: none;
}
.l-header a:visited {
  color:var(--color-text-primary) !important;
}
.l-header__common__sitelogo {
  max-width: 153px;
  min-width: 153px;
  width: 153px;
  height: 30px;
  display: block;
}
.l-header__common__sitelogo img {
  min-width: 100%;
  width: 100%;
  height: 100%;
  aspect-ratio: 51/10;
}
.l-header__common__rightCont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  gap: 10px;
}
.l-header__common__rightCont a {
  text-decoration: none;
  color: var(--color-text-primary);
}
.l-header__common__mypage, .l-header__common__register, .l-header__common__login, .l-header__common__navMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 60px;
  font-family: 'Noto Sans JP', sans-serif;
  text-decoration: none !important;
}
.l-header__common__mypage:hover, .l-header__common__register:hover, .l-header__common__login:hover, .l-header__common__navMenu:hover {
  opacity: 0.8;
}
.l-header__common__mypage div, .l-header__common__register div, .l-header__common__login div, .l-header__common__navMenu div {
  width: 28px;
  height: 28px;
  margin: 0 auto;
}
.l-header__common__mypage div img, .l-header__common__register div img, .l-header__common__login div img, .l-header__common__navMenu div img {
  width: 100%;
  min-width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
}
.l-header__common__mypage span, .l-header__common__register span, .l-header__common__login span, .l-header__common__navMenu span {
  font-size: 13px;
  font-weight: 600;
  pointer-events: none;
  white-space: nowrap;
}
.l-header__common__mypage img {
  -webkit-transform: translateX(1px) translateY(4px);
          transform: translateX(1px) translateY(4px);
}
.l-header__common__mypage span {
  -webkit-transform: translateX(-1px) translateY(2px);
          transform: translateX(-1px) translateY(2px);
}
.l-header__common__navMenu {
  cursor: pointer;
}
.l-header__common__navMenu img {
  -webkit-transform: translateX(4px) translateY(4px);
          transform: translateX(4px) translateY(4px);
}
.l-header__common__navMenu span {
  -webkit-transform: translateX(4px) translateY(2px);
          transform: translateX(4px) translateY(2px);
}
.l-header__common__register {
  cursor: pointer;
}
.l-header__common__register img {
  -webkit-transform: translateX(4px) translateY(4px);
          transform: translateX(4px) translateY(4px);
}
.l-header__common__register span {
  -webkit-transform: translateX(8px) translateY(2px);
          transform: translateX(8px) translateY(2px);
}
.l-header__common__login {
  cursor: pointer;
}
.l-header__common__login img {
  -webkit-transform: translateX(4px) translateY(4px);
          transform: translateX(4px) translateY(4px);
}
.l-header__common__login span {
  -webkit-transform: translateX(7px) translateY(2px);
          transform: translateX(7px) translateY(2px);
}
.l-header__common__navMenu div img {
  -webkit-transform: translate(0px, 2px);
          transform: translate(0px, 2px);
}
.l-header.noLink .l-header__wrap .l-header__bg {
  border-bottom: 0;
}
.l-header.noLink .l-header__common {
  height: 66px !important;
}
.l-header.is-notlogin .l-header__wrap .l-header__bg {
  border-bottom: 0;
}
.l-header.is-login .l-header__wrap .l-header__bg {
  border-bottom: 1px solid var(--color--gray--200);
}
.l-header.is-login .l-header__common__rightCont {
  gap: 16px;
}
.l-header.is-notlogin .l-header__common__rightCont {
  gap: 16px;
}
.l-header__info {
  padding: 12px 32px 12px 32px;
  background-color: var(--color--white);
  font-family: 'Noto Sans JP', sans-serif;
  max-width: 1440px;
  margin: 0 auto;
  display: block;
  color: var(--color-text-primary) !important;
  transition: 0.3s;
}
.l-header__info:hover{
  opacity: 0.8;
}
.l-header__info p {
  font-size: 12px;
  display: inline-block;
  border-right: 1px solid var(--color--gray--200);
  padding-right: 10px;
  color: var(--color-text-primary) !important;
}
.l-header__info p:last-of-type {
  border-right: none;
  padding-left: 4px;
}
.l-header__info p:last-of-type span {
  letter-spacing: -0.5px;
  margin: 0 4px 0 4px;
}
.l-header__info p.adjustment {
  margin-right: 10px;
  padding-right: 10px;
}
.l-header__info p.adjustment + p:last-of-type {
  margin-top: 5px;
  padding-left: 0px;
}
.l-header__info p.c-links__arrow__right::after {
  right: -8px;
  width: 7px;
  height: 11px;
}
.l-header__info a {
  display: inline-block;
  color: var(--color-text-primary);
}
.l-header__info a p {
  border-right: none;
}
.l-header__info a::after {
  right: 0;
}
.l-header__info span {
  font-size: 14px;
  font-weight: bold;
}
.l-header__nav {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background-color: var(--color--white);
  z-index: 1001;
  height: 100vh;
  overflow-y: scroll;
  opacity: 1;
  pointer-events: none;
  display: none;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.l-header__nav .l-header__bg{
  width: 100%;
  border-bottom: 1px solid var(--color--gray--200);
}
.l-header__nav__top {
  padding: 2px 32px 8px 32px;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}
.l-header__nav__top__navMenu {
  cursor: pointer;
  width: 60px;
  text-align: center;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  transition: 0.3s;
}
.l-header__nav__top__navMenu:hover {
  opacity: 0.8;
}
.l-header__nav__top__navMenu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  left: 50%;
  top: 4px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.l-header__nav__top__navMenu-wrap span {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 3px;
  transform-origin: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.l-header__nav__top__navMenu-wrap span:nth-of-type(1) {
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.l-header__nav__top__navMenu-wrap span:nth-of-type(2) {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
.l-header__nav__top__navMenu p {
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-top: 6px;
  pointer-events: none;
  white-space: nowrap;
}
.l-header__nav__list {
  padding: 0;
  max-width: 640px;
  margin: 0 auto;
  background-color: var(--color--white);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.l-header__nav__list__item {
  border-bottom: 1px solid var(--color--gray--200);
}
.l-header__nav__list__item a {
  text-decoration: none;
  color: var(--color-text-primary);
}
.l-header__nav__list__item:last-of-type {
  border-bottom: 1px solid var(--color--gray--200);
}
.l-header__nav__list__item__lower {
  padding: 12px 0 12px 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  box-sizing: border-box;
}
.l-header__nav__list__item__lower p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  color: var(--color-text-primary);
  font-weight: bold;
}
.l-header__nav__list__item__lower-btnWrap {
  position: relative;
  width: 32px;
  height: 32px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  right: -0.3%;
  cursor: pointer;
}
.l-header__nav__list__item__lower-btnWrap span {
  position: absolute;
  top: 50%;
  height: 2px;
  width: 16px;
  border-radius: 3px;
  background-color: var(--color-text-primary);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-header__nav__list__item__lower-btnWrap span:first-of-type {
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.l-header__nav__list__item__lower-btnWrap span:last-of-type {
  left: 0%;
  -webkit-transform: rotate(-90deg) translateX(5%) translateY(390%);
          transform: rotate(-90deg) translateX(5%) translateY(390%);
}
.l-header__nav__list__item__lower-btnWrap.open span:first-of-type {
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.l-header__nav__list__item__lower-btnWrap.open span:last-of-type {
  left: 25%;
  -webkit-transform: rotate(-180deg) translateX(0%) translateY(50%);
          transform: rotate(-180deg) translateX(0%) translateY(50%);
}
.l-header__nav__list__item__lower__list {
  display: none;
}
.l-header__nav__list__item__lower__list.open {
  display: block;
}
.l-header__nav__list__item__lower__list li:first-of-type a {
  border-top: 1px solid var(--color--gray--200);
}
.l-header__nav__list__item__lower__list li:last-of-type a {
  border-bottom: none;
}
.l-header__nav__list__item__lower__list a {
  text-decoration: none;
  color: var(--color-text-primary);
  font-size: 15px;
  background-color: #FFFAEC;
  border-bottom: 1px solid var(--color--gray--200);
  padding: 16px 0px 16px 20px;
  display: block;
  transition: 0.3s;
}
.l-header__nav__list__item__lower__list a.u-pl44 {
  background-color: var(--color--yellow--bg003);
}
.l-header__nav__list__item__lower__list a::after {
  width: 8px;
  height: 14px;
  right: 1.5%;
}
/* ホバー挙動 */
.l-header__nav__list__item > a.c-links__arrow__right, .l-header__nav__list__item > .l-header__nav__list__item__lower,
.l-header__nav__list__item__lower__list li a {
  transition: 0.3s;
  cursor: pointer;
}
.l-header__nav__list__item:hover > a.c-links__arrow__right,
.l-header__nav__list__item > .l-header__nav__list__item__lower:hover,
.l-header__nav__list__item__lower__list li:hover a{
  opacity: 0.8;
}
.l-header__nav__list__item > .l-header__nav__list__item__lower[aria-expanded="false"]{
  opacity: 1;
}
.l-header__nav__list__item > a.c-links__arrow__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 0 12px 0;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.l-header__nav__list__item > a.c-links__arrow__right::after {
  width: 8px;
  height: 14px;
  right: 1.5%;
}
.l-header__nav__list__item>a.c-links__arrow__right p {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  color: var(--color-text-primary);
}
.l-header__nav__list__item__lower p, .l-header__nav__list__item__lower__list a, .l-header__nav__list__item>a.c-links__arrow__right p{
  font-family: var(--font--Noto);
}
.l-header__nav.open {
  display: block;
  pointer-events: auto;
}
.l-header__nav.open .l-header__bg{
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  z-index: 1001;
}
.l-header__overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: var(--color--white);
  opacity: 1;
  z-index: 10;
}
.l-header__overlay.is-active {
  display: block;
}
@media (max-width: 768px){
  .l-header__common {
    padding: 4px 20px 7px 16px;
  }
  .l-header.is-notlogin .l-header__common__rightCont{
    gap: 6px;
  }
  .l-header__common__mypage, .l-header__common__register, .l-header__common__login, .l-header__common__navMenu {
    width: 48px;
  }
  .l-header__common__mypage div, .l-header__common__register div, .l-header__common__login div, .l-header__common__navMenu div {
    width: 28px;
    height: 28px;
    margin: 0 auto;
  }
  .l-header__common__mypage span, .l-header__common__register span, .l-header__common__login span, .l-header__common__navMenu span {
    font-size: 11px;
  }
  .l-header__common__mypage img {
    -webkit-transform: translateX(2px) translateY(1px);
            transform: translateX(2px) translateY(1px);
  }
  .l-header__common__mypage span {
    -webkit-transform: translateX(-1px) translateY(2px);
            transform: translateX(-1px) translateY(2px);
  }
  .l-header__common__register img {
    -webkit-transform: translateX(-1px) translateY(1px);
            transform: translateX(-1px) translateY(1px);
  }
  .l-header__common__register span {
    -webkit-transform: translateX(2px) translateY(2px);
            transform: translateX(2px) translateY(2px);
  }
  .l-header__common__login img {
    -webkit-transform: translateX(1px) translateY(1px);
            transform: translateX(1px) translateY(1px);
  }
  .l-header__common__login span {
    -webkit-transform: translateX(4px) translateY(2px);
            transform: translateX(4px) translateY(2px);
  }
  .l-header__common__navMenu img {
    -webkit-transform: translateX(4px) translateY(1px);
            transform: translateX(4px) translateY(1px);
  }
  .l-header__common__navMenu span {
    -webkit-transform: translateX(4px) translateY(2px);
            transform: translateX(4px) translateY(2px);
  }
  .l-header.is-login .l-header__common__rightCont {
    gap: 12px;
  }
  .l-header.is-notlogin .l-header__common__rightCont {
    gap: 8px;
  }
  .l-header__info {
    padding: 10px 16px 14px 16px;
  }
  .l-header__nav__top {
    padding: 5px 16px 5px 16px;
    box-sizing: border-box;
  }
  .l-header__nav__top__navMenu {
    width: 48px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .l-header__nav__top__navMenu p {
    font-size: 11px;
    margin-top: 9px;
  }
  .l-header__nav__list {
    padding: 0 0 9rem !important;
    margin: 60px auto;
  }
  .l-header__nav__list__item__lower {
    padding: 12px 10px 13px 16px;
  }
  .l-header__nav__list__item__lower-btnWrap {
    right: 14px;
  }
  .l-header__nav__list__item__lower__list a {
    padding: 16px 48px 16px 32px;
  }
  .l-header__nav__list__item__lower__list a::after {
    right: 27px;
  }
  .l-header__nav__list__item > a.c-links__arrow__right {
    padding: 12px 10px 11px 16px;
  }
  .l-header__nav__list__item > a.c-links__arrow__right::after {
    right: 26px;
  }
  .l-header__info p, .l-header__info p.adjustment, .l-header__info p.adjustment + p:last-of-type{
    padding-left: 0px;
  }
}
@media (max-width: 480px) {
  .l-header__nav__list__item > a.c-links__arrow__right {
    padding: 12px 10px 11px 16px;
  }
  
}
@media screen and (max-width: 350px) {
  .l-header.is-notlogin .l-header__common__rightCont {
    gap: 2px;
  }
}
.nav{
    margin-bottom: 0px !important;
}
.c-icon__mypage {
  min-width: 40px;
  height: 40px;
  background-image: url("/common/images/ic_common001.png");
  background-size: cover;
  display: inline-block;
  margin-right: 10px;
  -ms-flex-item-align: baseline;
      align-self: baseline;
}
.c-icon__mypage.nav {
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.c-icon__about {
  width: 40px;
  height: 40px;
  background-image: url("/common/images/ic_common002.png");
  background-size: cover;
  display: inline-block;
  margin-right: 10px;
  -ms-flex-item-align: baseline;
      align-self: baseline;
}
.c-icon__about.nav {
  width: 32px;
  height: 32px;
}
.c-icon__point {
  width: 30px;
  height: 30px;
  background-image: url("/common/images/ic_common003.png");
  background-size: cover;
  display: inline-block;
  margin-right: 4px;
}
.c-icon__point.nav {
  width: 32px;
  height: 32px;
  background-image: url("/common/images/ic_common003.png");
  margin-right: 10px;
}
.c-icon__point.title {
  width: 40px;
  max-width: 40px;
  min-width: 40px;
  height: 40px;
}
.c-icon__tcapp {
  width: 40px;
  height: 40px;
  background-image: url("/common/images/ic_common004.png");
  background-size: cover;
  display: inline-block;
  margin-right: 4px;
}
.c-icon__tcapp.nav {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.c-icon__benefit {
  width: 40px;
  height: 40px;
  background-image: url("/common/images/ic_common005.png");
  background-size: cover;
  display: inline-block;
  margin-right: 4px;
}
.c-icon__benefit.nav {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.c-icon__campaign {
  width: 40px;
  height: 40px;
  background-image: url("/common/images/ic_common006.png");
  background-size: cover;
  display: inline-block;
  margin-right: 4px;
}
.c-icon__campaign.nav {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.c-icon__other-service {
  width: 40px;
  height: 40px;
  background-image: url("/common/images/ic_common007.png");
  background-size: cover;
  display: inline-block;
  margin-right: 4px;
}
.c-icon__other-service.nav {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.c-icon__rec-content {
  width: 40px;
  height: 40px;
  background-image: url("/common/images/ic_common008.png");
  background-size: cover;
  display: inline-block;
  margin-right: 4px;
}
.c-icon__rec-content.nav {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.c-icon__faq {
  width: 40px;
  height: 40px;
  background-image: url("/common/images/ic_common009.png");
  background-size: cover;
  display: inline-block;
  margin-right: 4px;
}
.c-icon__faq.nav {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.c-icon__notice {
  width: 40px;
  height: 40px;
  background-image: url("/common/images/ic_common010.png");
  background-size: cover;
  display: inline-block;
  margin-right: 4px;
}
.c-icon__notice.nav {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.c-icon__logout {
  width: 40px;
  height: 40px;
  background-image: url("/common/images/ic_common011.png");
  background-size: cover;
  display: inline-block;
  margin-right: 4px;
}
.c-icon__logout.nav {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.c-links__arrow__right::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/common/images/ic_arrow_bk002.svg);
  background-repeat: no-repeat;
  width: 6px;
  height: 10px;
  background-size: cover;
}
.c-links__arrow__right {
  position: relative;
}
.u-pl44 {
  padding-left: 44px !important;
}
body.is-fixed {
  position: fixed;
  width: 100vw;
  overflow: hidden;
}
.hamuburger_overlay{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: var(--color--white);
  overflow-y: scroll;
  display:none;
  overflow: hidden;
}
.hamuburger_overlay.bg-active{
  display:block;
  z-index: 1000;
}

/*headerリニューアルここまで*/


/*---------------------------------------
footerリニューアル
---------------------------------------*/
.l-footer {
  width: 100%;
  margin: 0 auto;
  font-family: 'Noto Sans JP', sans-serif !important;
}
.l-footer__common {
  margin-top: 28px;
}
.l-footer__common__inner {
  position: relative;
  max-width: 1040px;
  margin: 0 auto;
  padding: 0;
}
.l-footer__common ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.l-footer__common ul li {
  border: 1px solid var(--color--gray--200);
  display: inline-block;
  font-size: 13px;
  border-collapse: collapse;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.l-footer__common ul li:nth-child(n+5) {
  border-top: 0px;
}
.l-footer__common ul li:nth-child(n+2) {
  border-left: 0px;
}
.l-footer__common ul li:nth-of-type(5) {
  border-left: 1px solid var(--color--gray--200);
}
.l-footer__common ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: var(--color-text-primary);
  padding: 10px 20px 10px 11px;
  width: 100%;
  height: 100%;
  max-height: 54px;
  min-height: 46px;
  font-size: 13px;
  box-sizing: border-box;
  text-align: left;
  text-decoration: none !important;
  background-color: #F5F5F3;
}
.l-footer__common ul li a:hover{
  opacity: 0.8;
}
.l-footer__common ul li a::after {
  right: 19px;
}
.l-footer__common__ancTopBtn {
  position: absolute;
  top: 23px;
  right: -136px;
  width: 72px;
  height: 72px;
  border-radius: 50px;
  background-color: var(--color-text-primary);
  transition: 0.3s;
}
.l-footer__common__ancTopBtn:hover {
  opacity: 0.8;
}
.l-footer__common__ancTopBtn a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
}
.l-footer__common__ancTopBtn a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 10px;
  background-image: url("/common/images/ic_arrow_white.svg");
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
}
.l-footer__common__copyright {
  background-color: var(--color-text-primary);
  padding: 20px 0;
  margin: 12px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 22px;
}
.l-footer__common__copyright a {
  width: 121px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-footer__common__copyright a:hover {
  opacity: 1;
}
.l-footer__common__copyright a img {
  width: 100%;
  min-width: 100%;
  aspect-ratio: 60/7;
}
.l-footer__common__copyright p {
  color: var(--color--white);
  font-size: 12px;
}
.privacymark {
  margin: 48px 0 0;
  text-align: left;
}
.privacymark a {
  display: inline-block;
  width: 260px;
  height: 62px;
}
.privacymark a:hover {
  opacity: 0.8;
}
.privacymark a img {
  min-width: 100%;
  width: 100%;
  height: 100%;
  aspect-ratio: 130/31;
}
@media (max-width: 1280px){
  .l-footer__common__inner{
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
  }
  .l-footer__common__ancTopBtn {
    right: 16px;
    margin-top: 10px;
    width: 46px;
    height: 46px;
    right: 16px;
    top: -75px;
  }
}
@media (max-width: 1024px) {
  .container.footer-service {
    margin: 0 22px;
  }
  .l-footer__common__inner {
    padding: 0 22px;
    margin: 86px 0 0 0;
  }
  .privacymark {
    margin: 48px 0 0;
  }
}
@media (max-width: 835px) {
  .related-services-grid,
  .owner-service-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .l-footer__common__inner {
    padding: 46px 0 0;
    margin: 46px 0 0 0;
  }
  .l-footer__common ul {
    grid-template-columns: repeat(2, 1fr);
    margin: 0px 22px 0;
  }
  .l-footer__common ul li:nth-child(odd) {
    border-right: 1px solid var(--color--gray--200);
    border-left: 1px solid var(--color--gray--200);
  }
  .l-footer__common__ancTopBtn {
    top: -25px;
  }
}
@media (max-width: 768px) {
  .related-services {
    margin: 32px 0;
  }
  .related-services h2{
    margin: 0 0 18px;
    font-size: 16px;
  }
  .related-services-grid a{
    font-size: 12px;
    height: 50px;
    padding: 8px 4px 8px 8px;
  }
  .owner-service-grid a{
    font-size: 12px;
    /* padding: 12px 0.5em; */
  }
  .related-services-grid img{
    margin-right: 1px;
  }
  .related-services:nth-of-type(2){
    margin: 40px 0 0;
  }
  .owner-service-grid li{
    padding: 7px 0.5em;
  }
  .l-footer{
    margin-top: 2px;
  }
  .l-footer__common__ancTopBtn {
    width: 46px;
    height: 46px;
    right: 16px;
    top: 0px;
    margin-top: 24px;
  }
  .l-footer__common__inner{
    padding: 86px 0 0;
    margin: 0;
  }
  .l-footer__common ul li:nth-child(even) {
    border-right: 1px solid var(--color--gray--200);
  }
  .l-footer__common ul li:nth-child(n+3) {
    border-top: 0px;
  }
  .l-footer__common__ancTopBtn a::after {
    width: 14.5px;
    height: 8.5px;
  }
  .privacymark {
    margin: 48px 0 0;
    text-align: left;
  }
}
@media (max-width: 480px) {
  .container.footer-service{
    margin: 0;
  }
  .related-services-grid img{
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-right: 4px;
  }
  .related-services h2{
    margin: 0 16px 9px;
    font-size: 15px;
  }
  /* .l-footer {
    margin-top: 100px;
  } */
  .l-footer__common {
    margin-top: 48px;
  }
  #d_content:has(.container.footer-service) .l-footer__common,
  #d_container:has(.container.footer-service) .l-footer__common,
  #d_content:has(.container.footer-service) + .l-footer__common,
  #d_container:has(.container.footer-service) + .l-footer__common {
    margin-top: 2px;
  }
  .l-footer__common ul {
    margin: 0;
  }
  .l-footer__common ul li:nth-child(odd) {
    border-left: 0px;
  }
  .l-footer__common ul li:nth-child(even) {
    border-right: 0px;
  }
  .l-footer__common ul li a{
    padding: 13px 16px 13px 15px;
    min-height: 44px;
    font-size: 12px;
  }
  .l-footer__common ul li a::after{
    right: 8px;
  }
  .privacymark {
    margin: 24px auto 0;
    text-align: center;
  }
  .privacymark a {
    text-align: center;
    width: 200px;
    height: auto;
  }
  .l-footer__common__copyright {
    padding: 14px 3px 14px 0px;
    margin: 17px 0 0;
    gap: 14px;
  }
  .l-footer__common__copyright a {
    width: 115px;
  }
}
@media (max-width: 480px) {
  .l-footer__common__copyright {
    gap: 6px;
  }
}
@media (max-width: 371px) {
  .l-footer__common__copyright {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
  }
}


/* ヘッターフッターspring追記 */
.l-header__common__mypage div, .l-header__common__register div, .l-header__common__login div, .l-header__common__navMenu div {
  height: 28px;
}
.l-header__nav__top__navMenu-wrap {
  padding-right: 0;
}
/* ==========================================================================
  Utilities
========================================================================== */
/* Margin Auto */
.u-mauto { margin: 0 auto !important; }
.u-m-non { margin: 0 !important; }

/* Margin Top (u-mtXX) */
.u-mt0 { margin-top: 0px !important; }
.u-mt4 { margin-top: 4px !important; }
.u-mt6 { margin-top: 6px !important; }
.u-mt8 { margin-top: 8px !important; }
.u-mt9 { margin-top: 9px !important; }
.u-mt10 { margin-top: 10px !important; }
.u-mt12 { margin-top: 12px !important; }
.u-mt14 { margin-top: 14px !important; }
.u-mt15 { margin-top: 15px !important; }
.u-mt16 { margin-top: 16px !important; }
.u-mt18 { margin-top: 18px !important; }
.u-mt20 { margin-top: 20px !important; }
.u-mt22 { margin-top: 22px !important; }
.u-mt24 { margin-top: 24px !important; }
.u-mt25 { margin-top: 25px !important; }
.u-mt28 { margin-top: 28px !important; }
.u-mt30 { margin-top: 30px !important; }
.u-mt32 { margin-top: 32px !important; }
.u-mt35 { margin-top: 35px !important; }
.u-mt36 { margin-top: 36px !important; }
.u-mt40 { margin-top: 40px !important; }
.u-mt44 { margin-top: 44px !important; }
.u-mt45 { margin-top: 45px !important; }
.u-mt46 { margin-top: 46px !important; }
.u-mt48 { margin-top: 48px !important; }
.u-mt50 { margin-top: 50px !important; }
.u-mt56 { margin-top: 56px !important; }
.u-mt60 { margin-top: 60px !important; }
.u-mt64 { margin-top: 64px !important; }
.u-mt72 { margin-top: 72px !important; }
.u-mt74 { margin-top: 74px !important; }
.u-mt76 { margin-top: 76px !important; }
.u-mt80 { margin-top: 80px !important; }
.u-mt112 { margin-top: 112px !important; }

/* Margin Right (u-mrXX) */
.u-mr0 { margin-right: 0px !important; }
.u-mr2 { margin-right: 2px !important; }
.u-mr4 { margin-right: 4px !important; }
.u-mr6 { margin-right: 6px !important; }
.u-mr8 { margin-right: 8px !important; }
.u-mr10 { margin-right: 10px !important; }
.u-mr12 { margin-right: 12px !important; }
.u-mr14 { margin-right: 14px !important; }
.u-mr15 { margin-right: 15px !important; }
.u-mr16 { margin-right: 16px !important; }
.u-mr18 { margin-right: 18px !important; }
.u-mr20 { margin-right: 20px !important; }
.u-mr22 { margin-right: 22px !important; }
.u-mr24 { margin-right: 24px !important; }
.u-mr25 { margin-right: 25px !important; }
.u-mr28 { margin-right: 28px !important; }
.u-mr30 { margin-right: 30px !important; }
.u-mr32 { margin-right: 32px !important; }
.u-mr35 { margin-right: 35px !important; }
.u-mr36 { margin-right: 38px !important; }
.u-mr40 { margin-right: 40px !important; }
.u-mr44 { margin-right: 44px !important; }
.u-mr45 { margin-right: 45px !important; }
.u-mr48 { margin-right: 48px !important; }
.u-mr50 { margin-right: 50px !important; }
.u-mr60 { margin-right: 60px !important; }
.u-mr80 { margin-right: 80px !important; }

/* Margin Bottom (u-mbXX) */
.u-mb0 { margin-bottom: 0px !important; }
.u-mb4 { margin-bottom: 4px !important; }
.u-mb6 { margin-bottom: 6px !important; }
.u-mb8 { margin-bottom: 8px !important; }
.u-mb10 { margin-bottom: 10px !important; }
.u-mb12 { margin-bottom: 12px !important; }
.u-mb14 { margin-bottom: 14px !important; }
.u-mb15 { margin-bottom: 15px !important; }
.u-mb16 { margin-bottom: 16px !important; }
.u-mb18 { margin-bottom: 18px !important; }
.u-mb20 { margin-bottom: 20px !important; }
.u-mb22 { margin-bottom: 22px !important; }
.u-mb24 { margin-bottom: 24px !important; }
.u-mb25 { margin-bottom: 25px !important; }
.u-mb28 { margin-bottom: 28px !important; }
.u-mb30 { margin-bottom: 30px !important; }
.u-mb32 { margin-bottom: 32px !important; }
.u-mb35 { margin-bottom: 35px !important; }
.u-mb36 { margin-bottom: 36px !important; }
.u-mb38 { margin-bottom: 38px !important; }
.u-mb40 { margin-bottom: 40px !important; }
.u-mb44 { margin-bottom: 44px !important; }
.u-mb45 { margin-bottom: 45px !important; }
.u-mb48 { margin-bottom: 48px !important; }
.u-mb50 { margin-bottom: 50px !important; }
.u-mb56 { margin-bottom: 56px !important; }
.u-mb60 { margin-bottom: 60px !important; }
.u-mb62 { margin-bottom: 62px !important; }
.u-mb64 { margin-bottom: 64px !important; }
.u-mb72 { margin-bottom: 72px !important; }
.u-mb80 { margin-bottom: 80px !important; }
.u-mb112 { margin-bottom: 112px !important; }
.u-mb142 { margin-bottom: 142px !important; }

/* Margin Left (u-mlXX) */
.u-ml0 { margin-left: 0px !important; }
.u-ml4 { margin-left: 4px !important; }
.u-ml6 { margin-left: 6px !important; }
.u-ml8 { margin-left: 8px !important; }
.u-ml10 { margin-left: 10px !important; }
.u-ml12 { margin-left: 12px !important; }
.u-ml14 { margin-left: 14px !important; }
.u-ml15 { margin-left: 15px !important; }
.u-ml16 { margin-left: 16px !important; }
.u-ml18 { margin-left: 18px !important; }
.u-ml20 { margin-left: 20px !important; }
.u-ml22 { margin-left: 22px !important; }
.u-ml24 { margin-left: 24px !important; }
.u-ml25 { margin-left: 25px !important; }
.u-ml28 { margin-left: 28px !important; }
.u-ml30 { margin-left: 30px !important; }
.u-ml32 { margin-left: 32px !important; }
.u-ml35 { margin-left: 35px !important; }
.u-ml36 { margin-left: 38px !important; }
.u-ml40 { margin-left: 40px !important; }
.u-ml44 { margin-left: 44px !important; }
.u-ml45 { margin-left: 45px !important; }
.u-ml48 { margin-left: 48px !important; }
.u-ml50 { margin-left: 50px !important; }
.u-ml60 { margin-left: 60px !important; }
.u-ml80 { margin-left: 80px !important; }

/* Padding Top (u-ptXX) */
.u-pt0 { padding-top: 0px !important; }
.u-pt4 { padding-top: 4px !important; }
.u-pt6 { padding-top: 6px !important; }
.u-pt8 { padding-top: 8px !important; }
.u-pt10 { padding-top: 10px !important; }
.u-pt12 { padding-top: 12px !important; }
.u-pt14 { padding-top: 14px !important; }
.u-pt15 { padding-top: 15px !important; }
.u-pt16 { padding-top: 16px !important; }
.u-pt18 { padding-top: 18px !important; }
.u-pt20 { padding-top: 20px !important; }
.u-pt22 { padding-top: 22px !important; }
.u-pt24 { padding-top: 24px !important; }
.u-pt25 { padding-top: 25px !important; }
.u-pt28 { padding-top: 28px !important; }
.u-pt30 { padding-top: 30px !important; }
.u-pt32 { padding-top: 32px !important; }
.u-pt35 { padding-top: 35px !important; }
.u-pt36 { padding-top: 38px !important; }
.u-pt40 { padding-top: 40px !important; }
.u-pt44 { padding-top: 44px !important; }
.u-pt45 { padding-top: 45px !important; }
.u-pt48 { padding-top: 48px !important; }
.u-pt50 { padding-top: 50px !important; }
.u-pt60 { padding-top: 60px !important; }
.u-pt80 { padding-top: 80px !important; }

/* Padding Right (u-prXX) */
.u-pr0 { padding-right: 0px !important; }
.u-pr4 { padding-right: 4px !important; }
.u-pr6 { padding-right: 6px !important; }
.u-pr8 { padding-right: 8px !important; }
.u-pr10 { padding-right: 10px !important; }
.u-pr12 { padding-right: 12px !important; }
.u-pr14 { padding-right: 14px !important; }
.u-pr15 { padding-right: 15px !important; }
.u-pr16 { padding-right: 16px !important; }
.u-pr18 { padding-right: 18px !important; }
.u-pr20 { padding-right: 20px !important; }
.u-pr22 { padding-right: 22px !important; }
.u-pr24 { padding-right: 24px !important; }
.u-pr25 { padding-right: 25px !important; }
.u-pr28 { padding-right: 28px !important; }
.u-pr30 { padding-right: 30px !important; }
.u-pr32 { padding-right: 32px !important; }
.u-pr35 { padding-right: 35px !important; }
.u-pr36 { padding-right: 38px !important; }
.u-pr40 { padding-right: 40px !important; }
.u-pr44 { padding-right: 44px !important; }
.u-pr45 { padding-right: 45px !important; }
.u-pr48 { padding-right: 48px !important; }
.u-pr50 { padding-right: 50px !important; }
.u-pr60 { padding-right: 60px !important; }
.u-pr80 { padding-right: 80px !important; }

/* Padding Bottom (u-pbXX) */
.u-p-none { padding: 0 !important; }
.u-pb0 { padding-bottom: 0px !important; }
.u-pb4 { padding-bottom: 4px !important; }
.u-pb6 { padding-bottom: 6px !important; }
.u-pb8 { padding-bottom: 8px !important; }
.u-pb10 { padding-bottom: 10px !important; }
.u-pb12 { padding-bottom: 12px !important; }
.u-pb14 { padding-bottom: 14px !important; }
.u-pb15 { padding-bottom: 15px !important; }
.u-pb16 { padding-bottom: 16px !important; }
.u-pb18 { padding-bottom: 18px !important; }
.u-pb20 { padding-bottom: 20px !important; }
.u-pb22 { padding-bottom: 22px !important; }
.u-pb24 { padding-bottom: 24px !important; }
.u-pb25 { padding-bottom: 25px !important; }
.u-pb28 { padding-bottom: 28px !important; }
.u-pb30 { padding-bottom: 30px !important; }
.u-pb32 { padding-bottom: 32px !important; }
.u-pb35 { padding-bottom: 35px !important; }
.u-pb36 { padding-bottom: 38px !important; }
.u-pb40 { padding-bottom: 40px !important; }
.u-pb44 { padding-bottom: 44px !important; }
.u-pb45 { padding-bottom: 45px !important; }
.u-pb48 { padding-bottom: 48px !important; }
.u-pb50 { padding-bottom: 50px !important; }
.u-pb60 { padding-bottom: 60px !important; }
.u-pb80 { padding-bottom: 80px !important; }

/* Padding Left (u-plXX) */
.u-pl0 { padding-left: 0px !important; }
.u-pl4 { padding-left: 4px !important; }
.u-pl6 { padding-left: 6px !important; }
.u-pl8 { padding-left: 8px !important; }
.u-pl10 { padding-left: 10px !important; }
.u-pl12 { padding-left: 12px !important; }
.u-pl14 { padding-left: 14px !important; }
.u-pl15 { padding-left: 15px !important; }
.u-pl16 { padding-left: 16px !important; }
.u-pl18 { padding-left: 18px !important; }
.u-pl20 { padding-left: 20px !important; }
.u-pl22 { padding-left: 22px !important; }
.u-pl24 { padding-left: 24px !important; }
.u-pl25 { padding-left: 25px !important; }
.u-pl28 { padding-left: 28px !important; }
.u-pl30 { padding-left: 30px !important; }
.u-pl32 { padding-left: 32px !important; }
.u-pl35 { padding-left: 35px !important; }
.u-pl36 { padding-left: 38px !important; }
.u-pl40 { padding-left: 40px !important; }
.u-pl44 { padding-left: 44px !important; }
.u-pl45 { padding-left: 45px !important; }
.u-pl48 { padding-left: 48px !important; }
.u-pl50 { padding-left: 50px !important; }
.u-pl60 { padding-left: 60px !important; }
.u-pl80 { padding-left: 80px !important; }

/* PC用 */
@media (min-width: 768px) {
  /* Margin Top (u-pc-mtXX) */
  .u-pc-mt0 { margin-top: 0px !important; }
  .u-pc-mt4 { margin-top: 4px !important; }
  .u-pc-mt6 { margin-top: 6px !important; }
  .u-pc-mt8 { margin-top: 8px !important; }
  .u-pc-mt9 { margin-top: 9px !important; }
  .u-pc-mt10 { margin-top: 10px !important; }
  .u-pc-mt11 { margin-top: 11px !important; }
  .u-pc-mt12 { margin-top: 12px !important; }
  .u-pc-mt14 { margin-top: 14px !important; }
  .u-pc-mt15 { margin-top: 15px !important; }
  .u-pc-mt16 { margin-top: 16px !important; }
  .u-pc-mt18 { margin-top: 18px !important; }
  .u-pc-mt20 { margin-top: 20px !important; }
  .u-pc-mt22 { margin-top: 22px !important; }
  .u-pc-mt24 { margin-top: 24px !important; }
  .u-pc-mt25 { margin-top: 25px !important; }
  .u-pc-mt28 { margin-top: 28px !important; }
  .u-pc-mt30 { margin-top: 30px !important; }
  .u-pc-mt32 { margin-top: 32px !important; }
  .u-pc-mt35 { margin-top: 35px !important; }
  .u-pc-mt36 { margin-top: 36px !important; }
  .u-pc-mt40 { margin-top: 40px !important; }
  .u-pc-mt44 { margin-top: 44px !important; }
  .u-pc-mt45 { margin-top: 45px !important; }
  .u-pc-mt48 { margin-top: 48px !important; }
  .u-pc-mt50 { margin-top: 50px !important; }
  .u-pc-mt56 { margin-top: 56px !important; }
  .u-pc-mt60 { margin-top: 60px !important; }
  .u-pc-mt63 { margin-top: 63px !important; }
  .u-pc-mt64 { margin-top: 64px !important; }
  .u-pc-mt80 { margin-top: 80px !important; }
  .u-pc-mt104 { margin-top: 104px !important; }
  .u-pc-mt136 { margin-top: 136px !important; }

  /* Margin Right (u-pc-mrXX) */
  .u-pc-mr0 { margin-right: 0px !important; }
  .u-pc-mr2 { margin-right: 2px !important; }
  .u-pc-mr4 { margin-right: 4px !important; }
  .u-pc-mr6 { margin-right: 6px !important; }
  .u-pc-mr8 { margin-right: 8px !important; }
  .u-pc-mr10 { margin-right: 10px !important; }
  .u-pc-mr12 { margin-right: 12px !important; }
  .u-pc-mr14 { margin-right: 14px !important; }
  .u-pc-mr15 { margin-right: 15px !important; }
  .u-pc-mr16 { margin-right: 16px !important; }
  .u-pc-mr18 { margin-right: 18px !important; }
  .u-pc-mr20 { margin-right: 20px !important; }
  .u-pc-mr22 { margin-right: 22px !important; }
  .u-pc-mr24 { margin-right: 24px !important; }
  .u-pc-mr25 { margin-right: 25px !important; }
  .u-pc-mr28 { margin-right: 28px !important; }
  .u-pc-mr30 { margin-right: 30px !important; }
  .u-pc-mr32 { margin-right: 32px !important; }
  .u-pc-mr35 { margin-right: 35px !important; }
  .u-pc-mr36 { margin-right: 38px !important; }
  .u-pc-mr40 { margin-right: 40px !important; }
  .u-pc-mr44 { margin-right: 44px !important; }
  .u-pc-mr45 { margin-right: 45px !important; }
  .u-pc-mr48 { margin-right: 48px !important; }
  .u-pc-mr50 { margin-right: 50px !important; }
  .u-pc-mr60 { margin-right: 60px !important; }
  .u-pc-mr80 { margin-right: 80px !important; }

  /* Margin Bottom (u-pc-mbXX) */
  .u-pc-mb0 { margin-bottom: 0px !important; }
  .u-pc-mb4 { margin-bottom: 4px !important; }
  .u-pc-mb6 { margin-bottom: 6px !important; }
  .u-pc-mb8 { margin-bottom: 8px !important; }
  .u-pc-mb10 { margin-bottom: 10px !important; }
  .u-pc-mb12 { margin-bottom: 12px !important; }
  .u-pc-mb14 { margin-bottom: 14px !important; }
  .u-pc-mb15 { margin-bottom: 15px !important; }
  .u-pc-mb16 { margin-bottom: 16px !important; }
  .u-pc-mb18 { margin-bottom: 18px !important; }
  .u-pc-mb20 { margin-bottom: 20px !important; }
  .u-pc-mb22 { margin-bottom: 22px !important; }
  .u-pc-mb24 { margin-bottom: 24px !important; }
  .u-pc-mb25 { margin-bottom: 25px !important; }
  .u-pc-mb28 { margin-bottom: 28px !important; }
  .u-pc-mb30 { margin-bottom: 30px !important; }
  .u-pc-mb32 { margin-bottom: 32px !important; }
  .u-pc-mb35 { margin-bottom: 35px !important; }
  .u-pc-mb36 { margin-bottom: 36px !important; }
  .u-pc-mb40 { margin-bottom: 40px !important; }
  .u-pc-mb44 { margin-bottom: 44px !important; }
  .u-pc-mb45 { margin-bottom: 45px !important; }
  .u-pc-mb48 { margin-bottom: 48px !important; }
  .u-pc-mb49 { margin-bottom: 49px !important; }
  .u-pc-mb50 { margin-bottom: 50px !important; }
  .u-pc-mb56 { margin-bottom: 56px !important; }
  .u-pc-mb60 { margin-bottom: 60px !important; }
  .u-pc-mb64 { margin-bottom: 64px !important; }
  .u-pc-mb80 { margin-bottom: 80px !important; }
  .u-pc-mb82 { margin-bottom: 82px !important; }
  .u-pc-mb112 { margin-bottom: 112px !important; }
  .u-pc-mb130 { margin-bottom: 130px !important; }
  .u-pc-mb136 { margin-bottom: 136px !important; }
  .u-pc-mb142 { margin-bottom: 142px !important; }

  /* Margin Left (u-pc-mlXX) */
  .u-pc-ml0 { margin-left: 0px !important; }
  .u-pc-ml4 { margin-left: 4px !important; }
  .u-pc-ml6 { margin-left: 6px !important; }
  .u-pc-ml8 { margin-left: 8px !important; }
  .u-pc-ml10 { margin-left: 10px !important; }
  .u-pc-ml12 { margin-left: 12px !important; }
  .u-pc-ml14 { margin-left: 14px !important; }
  .u-pc-ml15 { margin-left: 15px !important; }
  .u-pc-ml16 { margin-left: 16px !important; }
  .u-pc-ml18 { margin-left: 18px !important; }
  .u-pc-ml20 { margin-left: 20px !important; }
  .u-pc-ml22 { margin-left: 22px !important; }
  .u-pc-ml24 { margin-left: 24px !important; }
  .u-pc-ml25 { margin-left: 25px !important; }
  .u-pc-ml28 { margin-left: 28px !important; }
  .u-pc-ml30 { margin-left: 30px !important; }
  .u-pc-ml32 { margin-left: 32px !important; }
  .u-pc-ml35 { margin-left: 35px !important; }
  .u-pc-ml36 { margin-left: 38px !important; }
  .u-pc-ml40 { margin-left: 40px !important; }
  .u-pc-ml44 { margin-left: 44px !important; }
  .u-pc-ml45 { margin-left: 45px !important; }
  .u-pc-ml48 { margin-left: 48px !important; }
  .u-pc-ml50 { margin-left: 50px !important; }
  .u-pc-ml60 { margin-left: 60px !important; }
  .u-pc-ml80 { margin-left: 80px !important; }

  /* Padding Top (u-pc-ptXX) */
  .u-pc-pt0 { padding-top: 0px !important; }
  .u-pc-pt4 { padding-top: 4px !important; }
  .u-pc-pt6 { padding-top: 6px !important; }
  .u-pc-pt8 { padding-top: 8px !important; }
  .u-pc-pt10 { padding-top: 10px !important; }
  .u-pc-pt12 { padding-top: 12px !important; }
  .u-pc-pt14 { padding-top: 14px !important; }
  .u-pc-pt15 { padding-top: 15px !important; }
  .u-pc-pt16 { padding-top: 16px !important; }
  .u-pc-pt18 { padding-top: 18px !important; }
  .u-pc-pt20 { padding-top: 20px !important; }
  .u-pc-pt22 { padding-top: 22px !important; }
  .u-pc-pt24 { padding-top: 24px !important; }
  .u-pc-pt25 { padding-top: 25px !important; }
  .u-pc-pt28 { padding-top: 28px !important; }
  .u-pc-pt30 { padding-top: 30px !important; }
  .u-pc-pt32 { padding-top: 32px !important; }
  .u-pc-pt35 { padding-top: 35px !important; }
  .u-pc-pt36 { padding-top: 38px !important; }
  .u-pc-pt40 { padding-top: 40px !important; }
  .u-pc-pt44 { padding-top: 44px !important; }
  .u-pc-pt45 { padding-top: 45px !important; }
  .u-pc-pt48 { padding-top: 48px !important; }
  .u-pc-pt50 { padding-top: 50px !important; }
  .u-pc-pt60 { padding-top: 60px !important; }
  .u-pc-pt80 { padding-top: 80px !important; }

  /* Padding Right (u-pc-prXX) */
  .u-pc-pr0 { padding-right: 0px !important; }
  .u-pc-pr4 { padding-right: 4px !important; }
  .u-pc-pr6 { padding-right: 6px !important; }
  .u-pc-pr8 { padding-right: 8px !important; }
  .u-pc-pr10 { padding-right: 10px !important; }
  .u-pc-pr12 { padding-right: 12px !important; }
  .u-pc-pr14 { padding-right: 14px !important; }
  .u-pc-pr15 { padding-right: 15px !important; }
  .u-pc-pr16 { padding-right: 16px !important; }
  .u-pc-pr18 { padding-right: 18px !important; }
  .u-pc-pr20 { padding-right: 20px !important; }
  .u-pc-pr22 { padding-right: 22px !important; }
  .u-pc-pr24 { padding-right: 24px !important; }
  .u-pc-pr25 { padding-right: 25px !important; }
  .u-pc-pr28 { padding-right: 28px !important; }
  .u-pc-pr30 { padding-right: 30px !important; }
  .u-pc-pr32 { padding-right: 32px !important; }
  .u-pc-pr35 { padding-right: 35px !important; }
  .u-pc-pr36 { padding-right: 38px !important; }
  .u-pc-pr40 { padding-right: 40px !important; }
  .u-pc-pr44 { padding-right: 44px !important; }
  .u-pc-pr45 { padding-right: 45px !important; }
  .u-pc-pr48 { padding-right: 48px !important; }
  .u-pc-pr50 { padding-right: 50px !important; }
  .u-pc-pr60 { padding-right: 60px !important; }
  .u-pc-pr80 { padding-right: 80px !important; }

  /* Padding Bottom (u-pc-pbXX) */
  .u-pc-p-none { padding: 0 !important; }
  .u-pc-pb0 { padding-bottom: 0px !important; }
  .u-pc-pb4 { padding-bottom: 4px !important; }
  .u-pc-pb6 { padding-bottom: 6px !important; }
  .u-pc-pb8 { padding-bottom: 8px !important; }
  .u-pc-pb10 { padding-bottom: 10px !important; }
  .u-pc-pb12 { padding-bottom: 12px !important; }
  .u-pc-pb14 { padding-bottom: 14px !important; }
  .u-pc-pb15 { padding-bottom: 15px !important; }
  .u-pc-pb16 { padding-bottom: 16px !important; }
  .u-pc-pb18 { padding-bottom: 18px !important; }
  .u-pc-pb20 { padding-bottom: 20px !important; }
  .u-pc-pb22 { padding-bottom: 22px !important; }
  .u-pc-pb24 { padding-bottom: 24px !important; }
  .u-pc-pb25 { padding-bottom: 25px !important; }
  .u-pc-pb28 { padding-bottom: 28px !important; }
  .u-pc-pb30 { padding-bottom: 30px !important; }
  .u-pc-pb32 { padding-bottom: 32px !important; }
  .u-pc-pb35 { padding-bottom: 35px !important; }
  .u-pc-pb36 { padding-bottom: 38px !important; }
  .u-pc-pb40 { padding-bottom: 40px !important; }
  .u-pc-pb44 { padding-bottom: 44px !important; }
  .u-pc-pb45 { padding-bottom: 45px !important; }
  .u-pc-pb48 { padding-bottom: 48px !important; }
  .u-pc-pb50 { padding-bottom: 50px !important; }
  .u-pc-pb60 { padding-bottom: 60px !important; }
  .u-pc-pb80 { padding-bottom: 80px !important; }

  /* Padding Left (u-pc-plXX) */
  .u-pc-pl0 { padding-left: 0px !important; }
  .u-pc-pl4 { padding-left: 4px !important; }
  .u-pc-pl6 { padding-left: 6px !important; }
  .u-pc-pl8 { padding-left: 8px !important; }
  .u-pc-pl10 { padding-left: 10px !important; }
  .u-pc-pl12 { padding-left: 12px !important; }
  .u-pc-pl14 { padding-left: 14px !important; }
  .u-pc-pl15 { padding-left: 15px !important; }
  .u-pc-pl16 { padding-left: 16px !important; }
  .u-pc-pl18 { padding-left: 18px !important; }
  .u-pc-pl20 { padding-left: 20px !important; }
  .u-pc-pl22 { padding-left: 22px !important; }
  .u-pc-pl24 { padding-left: 24px !important; }
  .u-pc-pl25 { padding-left: 25px !important; }
  .u-pc-pl28 { padding-left: 28px !important; }
  .u-pc-pl30 { padding-left: 30px !important; }
  .u-pc-pl32 { padding-left: 32px !important; }
  .u-pc-pl35 { padding-left: 35px !important; }
  .u-pc-pl36 { padding-left: 38px !important; }
  .u-pc-pl40 { padding-left: 40px !important; }
  .u-pc-pl44 { padding-left: 44px !important; }
  .u-pc-pl45 { padding-left: 45px !important; }
  .u-pc-pl48 { padding-left: 48px !important; }
  .u-pc-pl50 { padding-left: 50px !important; }
  .u-pc-pl60 { padding-left: 60px !important; }
  .u-pc-pl80 { padding-left: 80px !important; }
}

/* Display / Flex / Align */
.u-disp_inline { display: inline; }
.u-disp_inblock { display: inline-block; }
.u-disp_block { display: block; }
.u-disp_flex { display: flex; }
.u-disp_grid { display: grid; }

.u-flex_center { justify-content: center; }
.u-flex_sbetween { justify-content: space-between; }
.u-flex_saround { justify-content: space-around; }
.u-flex_sevenly { justify-content: space-evenly; }

.u-flex_dir-col { flex-direction: column; }
.u-flex_dir-row { flex-direction: row; }
.u-flex_dir-colReverse { flex-direction: column-reverse; }
.u-flex_dir-rowReverse { flex-direction: row-reverse; }

.u-align-center { align-items: center; }

/* Width */
.u-w20 { width: 20%; }
.u-w25 { width: 25%; }
.u-w30 { width: 30%; }
.u-w40 { width: 40%; }
.u-w45 { width: 45%; }
.u-w48 { width: 45%; }
.u-w49 { width: 49%; }
.u-w50 { width: 50%; }
.u-w60 { width: 60%; }
.u-w70 { width: 70%; }
.u-w75 { width: 75%; }
.u-w80 { width: 80%; }
.u-w90 { width: 90%; }
.u-w100 { width: 100%; }
.u-minw100 { min-width: 100%; }
.u-maxw100 { max-width: 100%; }

.u-br-pconly { display: block; }
.u-br-sponly { display: none; }

@media (max-width: 768px) {
  .u-br-pconly { display: none; }
  .u-br-sponly { display: block; }
}

.u-text-left { text-align: left !important; }
.u-text-center { text-align: center !important; }
.u-text-right { text-align: right !important; }

/* ==========================================================================
  Components
========================================================================== */
/* ページヘッダー */
.c-page-header {
  background: #F6F4EF;
  height: 144px;
}

.c-page-header-bgnone {
  height: 144px;
}

.c-page-title {
  font-size: 32px;
  font-weight: 700;
  padding-top: 23px;
}

#d_breadcrumb ul { 
  padding-top: 16px;
  font-size: 14px;
  display: flex;
}

#d_breadcrumb li:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 8px;
  margin: 0 6px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9" fill="none"><path d="M0.5 0.5L4.5 4.5L0.5 8.5" stroke="%232C2C2C" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}

#d_breadcrumb a {
  color: inherit;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .c-page-header, .c-page-header-bgnone {
    height: 124px;
  }

  #d_breadcrumb ul {
    font-size: 12px;
    padding-top: 8px;
  }

  #d_breadcrumb ul li {
    display: none;
  }

  #d_breadcrumb ul li:nth-last-child(2) {
    display: block;
  }

  #d_breadcrumb ul li::before,
  #d_breadcrumb ul li::after {
    display: none !important;
  }

  #d_breadcrumb ul li:nth-last-child(2) a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }

  #d_breadcrumb ul li:nth-last-child(2) a::before {
    content: '';
    width: 4px;
    height: 8px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='9' viewBox='0 0 5 9' fill='none'%3E%3Cpath d='M4.5 8.5L0.5 4.5L4.5 0.5' stroke='%232C2C2C' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }

  .c-page-title {
    font-size: 24px;
    line-height: 135%;
    padding-top: 30px;
  }

  .c-page-header--no-breadcrumb {
    height: 88px;
  }

  .c-page-header--no-breadcrumb #d_breadcrumb {
    display: none;
  }

  .c-page-header--no-breadcrumb .c-page-title {
    padding-top: 24px;
  }
}

/* プログレスバー */
.c-stepper {
  --stepper-color-primary: #1BA4A8;
  --stepper-color-inactive: #e6e6e6;

  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  max-width: 596px;
  margin: 0 auto;
  list-style: none;
}

.c-stepper--w440 { max-width: 440px; }
.c-stepper--w752 { max-width: 752px; }

.c-stepper__item {
  flex: 1;
  position: relative;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  z-index: 1;
  padding-top: 42px;
  color: var(--stepper-color-inactive);
}

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

.c-stepper__item::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 19.6px;
  height: 19.6px;
  border-radius: 50%;
  background-color: var(--stepper-color-inactive);
  box-sizing: border-box;
  z-index: 2;
}

.c-stepper__item::after {
  content: "";
  position: absolute;
  top: 16px;
  left: 50%;
  width: 100%;
  height: 4px;
  background-color: var(--stepper-color-inactive);
  transform: translateY(-50%);
  z-index: -1;
}

.c-stepper__item:last-child::after {
  display: none;
}

.c-stepper__item--current {
  color: var(--stepper-color-primary);
}

.c-stepper__item--current::before {
  width: 32px;
  height: 32px;
  background-color: #ffffff;
  border: 7px solid var(--stepper-color-primary);
}

.c-stepper__item--done {
  color: var(--stepper-color-primary);
}

.c-stepper__item--done::before {
  width: 19.6px;
  height: 19.6px;
  background-color: var(--stepper-color-primary);
}

.c-stepper__item--done::after {
  background-color: var(--stepper-color-primary);
}

/* 別タブアイコン付き文字リンク */
.external-link {
  color: #0061F2;
  text-decoration: none;
}

.external-link::after {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  aspect-ratio: 1/1;
  vertical-align: -0.4em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_12339_23735' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url%28%23mask0_12339_23735%29'%3E%3Cpath d='M7.33333 18C6.96667 18 6.65278 17.8694 6.39167 17.6083C6.13056 17.3472 6 17.0333 6 16.6667V7.33333C6 6.96667 6.13056 6.65278 6.39167 6.39167C6.65278 6.13056 6.96667 6 7.33333 6H12V7.33333H7.33333V16.6667H16.6667V12H18V16.6667C18 17.0333 17.8694 17.3472 17.6083 17.6083C17.3472 17.8694 17.0333 18 16.6667 18H7.33333ZM10.4667 14.4667L9.53333 13.5333L15.7333 7.33333H13.3333V6H18V10.6667H16.6667V8.26667L10.4667 14.4667Z' fill='%23242424'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


/* h2 */
.c-h2{
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;
    border-bottom: 3px solid #767676;
    padding-bottom: 10px;
}
@media (max-width: 768px){
    .c-h2{
      font-size: 20px;
    }
}

/* 入力フォーム */
.c-formgroup{
    padding: 0 16px;
    display: block;
    width: 100%;
    border-collapse: collapse;
    padding: 0 8px;
}
@media (min-width: 768px){
  .c-formgroup{
      padding: 0 16px;
  }
}
.c-formgroup02{
    padding: 0 16px;
    display: block;
    word-break: break-all;
}

.c-formgroup tbody {
    display: block;
    width: 100%;
  }

@media (max-width: 768px){
    .c-formgroup, .c-formgroup02{
      padding: 0 8px;
  }
}

.c-formgroup tr, .c-formgroup02 tr{
    display: block;
}

@media (max-width: 768px){
      .u-disp_grid { display: grid; }
}
@media (max-width: 768px){
    .c-formgroup tr.column1, .c-formgroup02 tr.column1{
      display: grid;
  }
}
.c-formgroup .u-bb1, .c-formgroup02 .u-bb1{
    border-bottom: 1px #E6E6E6 solid;
    padding-bottom: 14px;
    width: 768px;
}
@media (max-width: 768px) {
  .c-formgroup .u-bb1, .c-formgroup02 .u-bb1{
    width: auto;
}
}
.c-formlabel{
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 8px;
    width: 257px;
    vertical-align: top;
}
@media (max-width: 768px){
    .c-formlabel{
      font-size: 14px;
      display: block;
    }
}
.c-formlabel02{
    display: block;
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 8px;
}
@media (max-width: 768px){
    .c-formlabel02{
      font-size: 14px;
    }
}
.c-formlabel__text{
    font-size: 16px;  
}
.c-forminput{
    color: #2C2C2C;
    border: 1px solid #999;
    border-radius: 6px;
    padding: 10px 16px;
    box-sizing: border-box; 
    background-color: #fff;
    height: 44px;
}
@media (max-width: 768px){
    .c-forminput{
      height: 47px;
    }
}
.c-forminput[type="text"]:focus,
.c-forminput:focus{
    outline: none !important; 
    border: 1px solid #0061F2 !important;
}

.c-forminput--w374 { width: 374px; }
.c-forminput--w100 { width: 100px; }
.c-forminput--w84 { width: 84px; }
.c-form-note{
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 768px){
    .c-form-note{
      font-size: 15px;
    }
}
.u-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* 生年月日 */
.c-form-birth-unit {
    display: inline-flex;
    align-items: flex-end;
    vertical-align: bottom;
}
.c-form-birth-unit span {
    font-size: 14px;
    font-weight: 700;
    margin-left: 4px;
    line-height: 1.2;
}
#birthMonth, #birthDay {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('/common/images/ico_arrow_bottom_bk01.svg');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 22px;
  padding-right: 30px;
}

#birthMonth option, #birthDay option {
  color: #2C2C2C;
}
:placeholder-shown {color: #B3B3B3;}
::-webkit-input-placeholder { color: #B3B3B3; }
:-moz-placeholder { color: #B3B3B3; opacity: 1; }
:-ms-input-placeholder { color: #B3B3B3; }
:focus::placeholder-shown {
  color: transparent;
  -webkit-transition: all .3s;
  transition: all .3s;
}
:focus::-webkit-input-placeholder {
  color: transparent;
  -webkit-transition: all .3s;
  transition: all .3s;
}
:focus::-moz-placeholder {
  color: transparent; opacity: 1;
  -webkit-transition: all .3s;
  transition: all .3s;
}
:focus::-ms-input-placeholder {
  -webkit-transition: all .3s;
  transition: all .3s;
  color: transparent;
}
input::focus::placeholder { color: transparent; }
input:disabled {
  background-color: #ccc !important;
  cursor: default;
}
.c-form-caption{
  font-size: 12px;
}
.onTeedaError{
  border: 2px solid #DC310B ;
  background: #FFE9E5;
}
@media (max-width: 768px) {
    .c-forminput--w88vw{
    width: 88vw;
    }
  .c-forminput--w25vw{
    width: 25vw;
    }
    .c-forminput--w19vw{
    width: 19vw;
    }
    .c-form-caption{
    font-size: 12px !important;
}
}
/* 必須（ラベル） */
.c-required{
    background-color: #D44215;
    border-radius: 4px;
    color: #FFF;
    margin-left: 4px;
    padding: 1px 6px 3px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    vertical-align: text-top;
}
/* 注意事項 */
.c-info {
    font-weight: 400;
    text-align: left;
    background-color: #FFF9E3;
    padding: 16px;
    border-radius: 8px;
}
@media (max-width: 768px){
    .c-info{
      font-size: 14px !important;
    }
}
@media (max-width: 768px){
    .c-info__text01{
      font-size: 14px !important;
    }
}

.c-info__title{
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    background: url(/common/images/common_ic_error02.svg) no-repeat left 5px;
    background-position: 0 -4px;
    padding-left: 35px;
}
@media (max-width: 768px){
    .c-info__title{
      font-size: 15px;
    }
}
/* 入力エラー枠 */
.c-errorBox {
    font-size: 16px;
    font-weight: 700;
    border-radius: 8px;
    border: 4px solid #D0121B;
    background-color: #FFF;
    padding: 18px 24px;
}
.c-errorBox dl dt {
    font-size: 20px;
    line-height: 150%;
    color: #D0121B;
    background: url(/common/images/common_ic_error01.svg) no-repeat left 5px;
    padding-left: 25px;
    padding-bottom: 16px;
    line-height: 1.6;
}
.c-errorBox dl dd p{
    font-weight: 400;
    padding-bottom: 24px;
}
.c-errorBox dl dd ul li{
    color: #D0121B;
    font-weight: 700;
}
.c-errorBox dl dd ul li{
    color: #D0121B;
    font-weight: 700;
    position: relative;
    padding-left: 1.3em;
}
.c-errorBox dl dd ul li::before {
    content: "・";
    position: absolute;
    left: 0em;
}
.c-errorBox dl dd ul li a{
    color: #0066ff !important;
    text-decoration: underline;
    font-weight: 400;
}
.c-errorBox dl dd ul li a:hover{
    color: #ff6600 !important;;
}

@media (max-width: 768px){
    .c-errorBox{
      font-size: 14px;
      padding: 16px;
    }
    .c-errorBox dl dt{
      font-size: 18px;
      line-height: 1.8;
    }
  .c-errorBox dl dd p {
    font-size: 14px !important;
  }
  .c-errorBox dl dd ul li {
    font-size: 15px;
  }
}

/* primary_button01、primary_button02、secondary_button01 */
.c-primary_button01, .c-primary_button02, .c-secondary_button01{
  display: flex;
  justify-content: center;
}

.u-minw216px { min-width: 216px; }
.u-minw220px { min-width: 220px; }
.u-minw232px { min-width: 232px; }
.u-minw264px { min-width: 264px; }

@media (max-width: 768px){
  .u-sp-minw216px { min-width: 216px; }
  .u-sp-minw237px { min-width: 237px; }
}

.c-primary_button01__wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #2C2C2C;
  height: 48px;
  border-radius: 50px;
  background-color: #FFD200;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.c-primary_button02__wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #FFF !important;
  height: 48px;
  border-radius: 50px;
  background-color: #2C2C2C;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.c-secondary_button01__wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #2C2C2C;
  height: 48px;
  border-radius: 50px;
  background-color: #FFF;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #2C2C2C;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.c-primary_button01__wrap:hover, .c-primary_button02__wrap:hover, .c-secondary_button01__wrap:hover, .tertiary_button01:hover {
  opacity: 0.8;
}
.c-primary_button01__wrap__item,.c-primary_button02__wrap__item,  .c-secondary_button01__wrap__item{
  font-size: 16px;
  font-weight: 700;
  color: #2C2C2C;
  cursor: pointer;
  outline: none;
  padding: 0 40px;
  background-color: unset;
  border: unset;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
input.c-primary_button01__wrap__item, input.c-secondary_button01__wrap__item{
  min-width: 218px;
  min-height: 48px;
}
.c-primary_button02__wrap__item{
  color: #FFF;
}
.c-primary_button01__wrap__item__circle-arrow{
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-color: #2C2C2C;
  border-radius: 50%;
  pointer-events: none;
}
.c-primary_button02__wrap__item__circle-arrow{
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-color: #FFF;
  border-radius: 50%;
  pointer-events: none;
}

.c-primary_button02__wrap__item__open_in_new {
  display: inline-block;
  position: absolute;
  width: 24px;
  height: 24px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  aspect-ratio: 1 / 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.33333 18C6.96667 18 6.65278 17.8694 6.39167 17.6083C6.13056 17.3472 6 17.0333 6 16.6667V7.33333C6 6.96667 6.13056 6.65278 6.39167 6.39167C6.65278 6.13056 6.96667 6 7.33333 6H12V7.33333H7.33333V16.6667H16.6667V12H18V16.6667C18 17.0333 17.8694 17.3472 17.6083 17.6083C17.3472 17.8694 17.0333 18 16.6667 18H7.33333ZM10.4667 14.4667L9.53333 13.5333L15.7333 7.33333H13.3333V6H18V10.6667H16.6667V8.26667L10.4667 14.4667Z' fill='%23FFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
}

.c-secondary_button01__wrap__item__circle-arrow{
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-color: #2C2C2C;
  border-radius: 50%;
  pointer-events: none;
}

.c-primary_button01__wrap__item__circle-arrow::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background-image: url('/common/images/ico_arrow_right_bk02.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.c-primary_button02__wrap__item__circle-arrow::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background-image: url('/common/images/ico_arrow_right_bk03.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.c-secondary_button01__wrap__item__circle-arrow::after {
  content: "";
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background-image: url('/common/images/ico_arrow_left_bk03.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 768px){
    .u-minw218px { min-width: 218px; }
    .u-minw180px { min-width: 180px; }
    .c-primary_button01__wrap__item, .c-primary_button02__wrap__item, .c-secondary_button01__wrap__item { font-size: 15px; }
    .u-mb24 { margin-bottom: 24px !important; }
}
/* tertiary_button01 */
.tertiary_button01{
  text-decoration: none;
}
.tertiary_button01__item {
    position: relative;
    display: inline-flex;
    right: auto;
    top: -1px;
    width: 16px;
    height: 16px;
    transform: translateY(20%);
    background-color: #2C2C2C;
    border-radius: 50%;
    margin-left: 8px;
}
.tertiary_button01__item::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background-image: url('/common/images/ico_arrow_right_bk02.svg'); 
  background-size: contain;
  background-repeat: no-repeat;
}

/* tertiary_button01_s */
.tertiary_button01_s {
  font-weight: bold;
  line-height: 100%;
  text-decoration: none;
  font-size: 14px;
}

.tertiary_button01_s__item {
  position: relative;
  display: inline-flex;
  right: auto;
  top: -1px;
  width: 14px;
  height: 14px;
  transform: translateY(20%);
  margin-left: 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Ccircle cx='7' cy='7' r='7' fill='%232C2C2C'/%3E%3Cpath d='M6 4L9 7L6 10' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 768px){
.tertiary_button01_s {
  font-size: 13px;
}
}


/* text_button01 */
.c-text_button01{
    color: #0066ff !important;
    text-decoration: underline;
}
.c-text_button01:hover{
    color: #ff6600 !important;;
}
/* イラスト */
.c-img01{
    display: block;
    text-align: center;
    margin: 0 auto;
}
.c-img01__text{
    font-size: 20px;
    font-weight: 400;
}
.c-img01__item{
    width: auto;
    height: 114px;
}

@media (max-width: 768px){
  .c-img01__text{
      font-size: 18px !important;
  }
  .c-img01__item{
    width: auto;
    height: 82px;
  }
}


/* spring共通 */
#d_container{
  font-family: "Noto Sans JP", sans-serif;
}
#d_content.rnl{
    color: #2C2C2C !important;
    font-size: 16px !important;
    text-align: left;
    width: 800px;
    margin: 0 auto;
}
@media (max-width: 768px) {
    #d_content.rnl {
      width: auto ;
      margin: 0 16px;
    }
}
.column2{
    display: flex;
    justify-content: center;
    gap: 24px;
    margin: 0 auto;
}
@media (max-width: 768px){
    .column2{
      flex-direction: column-reverse;
      align-items: center;    
    }
}
@media (max-width: 768px){
    #d_content.rnl p{
      font-size: 15px;
    }
}

.figForm.last tr{
  display: block;
}
@media (max-width: 768px){
    .figForm.last tr{
        display: grid;
    }
}

#d_container.rnl #d_header div.mainHead {
  padding: 5px 16px 6px 16px;
}
@media (max-width: 1280px){
  #d_container.rnl #d_header, #d_container.rnl #d_header div.mainHead, #d_container.rnl #d_header .memberinfo, #d_content.rnl h1.pageHead, #d_content.rnl #d_breadcrumb{
    min-width: auto;
    width: auto;
  }
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝
ページリード文
＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.c-pageLead {
  display: flex;
  gap: 40px;
  align-items: center;
  max-width: 100%;
  min-width: 75%;
  width: 86%;
  margin: 97px auto 92px;
}

.c-pageLead .c-pageLead-img.box-square {
  width: 272px;
  height: 272px;
}

.c-pageLead .c-pageLead-img img {
  min-width: 100%;
  height: auto;
}

.c-pageLead p{
  font-size: 13px;
}

@media (max-width: 768px) {
  .c-pageLead {
    flex-direction: column;
    margin: 34px 0 51px;
    width: 100%;
    gap: 36px;
  }

  .c-pageLead p{
  font-size: 12px;
 }

  .c-pageLead .c-pageLead-img.box-square {
    width: 224px;
    height: 224px;
  }


}

/* ＝＝＝＝＝＝＝＝＝＝＝＝
テキスト
＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.c-pageLead-title {
  font-size: 24px;
}

.c-sectionTitle {
  font-size: 24px;
  padding: 0 0 12px 0;
  border-bottom: 2px solid var(--color-text-primary);
}

.c-sectionTitle.ilTitle {
  display: flex;
  align-items: center;
  gap: 11px;
}

.c-sectionTitle.ilTitle img {
  width: 36px;
  height: 36px;
}

.c-sectionSubTitle {
  font-size: 20px;
  padding: 0 0 0 12px;
  position: relative;
}

.c-sectionSubTitle::before {
  content: "";
  width: 4px;
  height: 66%;
  position: absolute;
  left: 0;
  top: 8px;
  background-color: var(--color-text-primary);
  border-radius: 4px;
}

.c-notes {
  text-indent: -1em;
  padding-left: 1em;
}


.c-txtdec-none {
  text-decoration: none !important;
}

.c-fw-normal {
  font-weight: normal;
}

.c-fw-bold {
  font-weight: bold;
}

.c-fontXXS {
  font-size: 12px;
}

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

.c-fontS {
  font-size: 14px;
}

.c-fontM {
  font-size: 15px;
}

.c-fontL {
  font-size: 16px;
}


@media (max-width: 768px) {
  .c-sectionTitle {
    font-size: 20px;
    padding: 0px 0 8px 0;
  }

  .c-sectionTitle.ilTitle {
    gap: 8px;
  }

  .c-pageLead-title {
    font-size: 20px;
    line-height: 135%;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝
グリッドデザイン
＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.p-ancgroupWrap {
  margin: 0 0 96px 0;
}

.p-ancgroupWrap h2 {
  font-size: 20px;
  text-align: center;
  margin: 0 0 24px 0;
}

@media (max-width: 768px) {
  .p-ancgroupWrap {
    margin: 0 0 83px 0;
  }

  .p-ancgroupWrap h2 {
    font-size: 18px;
    margin: 0 0 16px 0;
  }
}

.c-grid {
  display: grid;
  width: 100%;
}

.c-grid {
  display: grid;
  width: 100%;
}

.c-grid a:hover {
  opacity: 0.8;
}

.c-grid li {
  width: calc(100%);
}

.c-grid.item2 {
  grid-template-columns: repeat(2, 1fr);
}

.c-grid.item5 {
  grid-template-columns: repeat(5, 1fr);
}

.c-grid.item5.ancgroup {
  gap: 20px;
  grid-template-areas:
    "grid-item1 grid-item2 grid-item3 grid-item4 grid-item5"
  ;
}

.c-grid.item5.ancgroup .c-grid-item:nth-child(1) {
  grid-area: grid-item1;
}

.c-grid.item5.ancgroup .c-grid-item:nth-child(2) {
  grid-area: grid-item2;
}

.c-grid.item5.ancgroup .c-grid-item:nth-child(3) {
  grid-area: grid-item3;
}

.c-grid.item5.ancgroup .c-grid-item:nth-child(4) {
  grid-area: grid-item4;
}

.c-grid.item5.ancgroup .c-grid-item:nth-child(5) {
  grid-area: grid-item5;
}

.c-grid a.arrowBottom {
  display: flex;
  flex-direction: column;
  padding: 8px 4px 22px 4px;
  box-shadow: 0 2px 4px 2px rgb(0, 0, 0, 12%);
  border-radius: 16px;
  align-items: center;
  font-weight: bold;
  gap: 6px;
  text-decoration: none;
  position: relative;
}

.c-grid a.arrowBottom::after {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 8px;
  background-image: url("/about/images/icon_arrow.svg");
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
}

.c-grid a.arrowBottom img {
  width: 36px;
  height: 36px;
  display: inline-block;
  margin: 0 auto -2px;
}

.c-grid a.arrowBottom p {
  font-size: 14px;
  text-align: center;
}

.c-grid a.arrowBottom p span.emphasis {
  font-size: 16px;
}


@media (max-width: 768px) {
  
  .c-grid.item5.ancgroup {
    gap: 12px 10px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas:
      "grid-item1 grid-item1 grid-item2 grid-item2 grid-item3 grid-item3"
      ". grid-item4 grid-item4 grid-item5 grid-item5 ."
    ;
  }

  .c-grid a.arrowBottom {
    padding: 9px 8px 24px;
    gap: 6px;
  }

  .c-grid a.arrowBottom p {
    font-size: 11px !important;
  }

  .c-grid a.arrowBottom p span.emphasis {
    font-size: 13px;
  }

  .c-grid a.arrowBottom img {
    width: 32px;
    height: 32px;
  }

  .c-grid.sp_item1 {
    grid-template-columns: 1fr;
  }

  .c-grid a.arrowBottom::after {
    bottom: 10px;
  }

}


/* ＝＝＝＝＝＝＝＝＝＝＝＝
ラベル要素
＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.c-label {
  border-radius: 4px;
  font-weight: bold;
}

.c-label.kv-parts {
  padding: 2.5px 8px;
  border-radius: 4px;
  font-weight: bold;
  font-size: 16px;
}

@media (max-width: 768px) {
  .c-label.kv-parts {
    font-size: 15px;
    padding: 4px 8px;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝
c-card
＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#d_content .c-card {
  display: flex;
  flex-direction: column;
  min-width: 320px;
}

#d_content .c-card-row {
  display: flex;
  flex-direction: row;
}

#d_content .c-card .c-card-image {
  margin: 0 auto;
}

#d_content .c-card .c-card-image img {
  min-width: 100%;
  height: auto;
}

#d_content .c-card .c-card-context-title {
  font-size: 20px;
  font-weight: bold;
  margin: 24px 0 12px;
}

@media (max-width: 768px) {
  #d_content .c-card .c-card-context-title {
    font-size: 18px;
    margin: 0 0 8px;
  }

  #d_content .c-card-inner {
    align-items: center;
    display: flex;
    gap: 16px;
  }
}

@media (min-width: 768px) {
  #d_content .c-card .c-card-context-title {
    text-align: center;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝
c-adWrap
＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.c-adWrap-inner {
  text-align: center;
  padding: 48px 0 56px;
}

.c-adWrap-title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 24px;
}

.c-adWrap-title span {
  display: block;
  font-size: 32px;
  line-height: 150%;
}

.c-adWrap-description001 {
  margin: 24px 0 32px;
}

.c-adWrap-notes {
  font-size: 14px;
  color: var(--color--gray--700);

}

@media screen and (min-width: 768px) {
  .c-adWrap-title {
    line-height: 145%;
  }
}

@media screen and (max-width: 768px) {
  .c-adWrap-inner {
    padding: 40px 0 48px;
  }

  .c-adWrap-title span {
    font-size: 28px;
    margin-top: 6px;
  }

  .c-adWrap-notes {
    font-size: 12px;
    max-width: 283px;
    margin: 0 auto;
    text-align: left;
  }

}

/* ＝＝＝＝＝＝＝＝＝＝＝＝
デザイン性テーブル
＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.p-serviceTable {
  width: calc(100% + 8px);
  border-spacing: 5px 0px;
  border-collapse: separate;
  background-color: transparent;
  margin: 17px 0 0 0;
  transform: translateX(-4px);
  line-height: 1.5;
}

.p-serviceTable thead tr th {
  position: relative;
  padding: 14px 16px;
}

.p-serviceTable thead tr th:first-of-type {
  text-align: left;
  padding: 20px 16px 10px 14px;
}

.p-serviceTable thead tr th:first-of-type::before {
  content: "";
  width: calc(100% + 6px);
  height: 80%;
  background-color: #F6F4EF;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top-left-radius: 12px;
  z-index: -1;
}

.p-serviceTable thead tr th:first-of-type::after {
  content: "";
  position: absolute;
  width: calc(100% + 5px);
  height: 1px;
  background-color: var(--color--gray--200);
  bottom: 0;
  left: 0px;
  transform: scaleY(.5);
  transform-origin: bottom;
  z-index: 1;
}

.p-serviceTable thead tr th:not(:first-of-type) {
  font-size: 20px;
  padding: 15px 24px 18px 32px;
  color: var(--color--white);
  font-weight: bold;
}

.p-serviceTable thead tr th:nth-of-type(2) {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: var(--color--Illustration--red001);
}

.p-serviceTable thead tr th:last-of-type {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: var(--color--Illustration--blue001);
}

.p-serviceTable thead tr th:not(:first-of-type)::before {
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  left: 24px;
  transform: translateY(-50%);
  background-size: cover;
}

.p-serviceTable thead tr th:nth-of-type(2)::before {
  background-image: url("/about/images/index_ico010_label.png");
}

.p-serviceTable thead tr th:last-of-type::before {
  background-image: url("/about/images/index_ico011_label.png");
}

.p-serviceTable tbody tr {
  height: 64px;
}

.p-serviceTable tbody tr:last-of-type td {
  padding-bottom: 15px;
}

.p-serviceTable tbody tr th,
.p-serviceTable tbody tr td {
  font-weight: bold;
  position: relative;
}

.p-serviceTable tbody tr th {
  font-size: 14px;
  text-align: left;
  padding: 18px 12px 17px 14px;
}

.p-serviceTable tbody tr td {
  text-align: center;
  padding: 20px 13px 19px 15px;
  z-index: 3;
  width: 34%;
}

.p-serviceTable tbody tr td span {
  font-weight: normal;
}

.p-serviceTable tbody tr th::before,
.p-serviceTable tbody tr th::after {
  content: "";
  position: absolute;
  background-color: var(--color--gray--200);
  transform: scaleX(.5);
  z-index: 1;
}

.p-serviceTable tbody tr th::before {
  width: 1px;
  height: 100%;
  background-color: var(--color--gray--200);
  top: 0;
  left: 0;
  transform: scaleX(.5);
  transform-origin: left;
}

.p-serviceTable tbody tr th::after {
  width: calc(200% + 16px);
  height: 1px;
  bottom: 0;
  left: 0px;
  transform: scaleY(1);
  transform-origin: bottom;
}

.p-serviceTable tbody tr td:first-of-type {
  color: var(--color--Illustration--red001);
  border-left: 4px solid var(--color--Illustration--red001);
  border-right: 4px solid var(--color--Illustration--red001);
}

.p-serviceTable tbody tr td:last-of-type {
  color: var(--color--Illustration--blue001);
  border-left: 4px solid var(--color--Illustration--blue001);
  border-right: 4px solid var(--color--Illustration--blue001);
}

.p-serviceTable tbody tr:last-of-type td:first-of-type {
  border-bottom: 4px solid var(--color--Illustration--red001);
}

.p-serviceTable tbody tr:last-of-type td:last-of-type {
  border-bottom: 4px solid var(--color--Illustration--blue001);
}

.p-serviceTable tbody tr td:last-of-type::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: var(--color--gray--200);
  bottom: 0;
  left: 0px;
  transform: scaleY(.5);
  transform-origin: bottom;
  z-index: 1;
}

.p-serviceTable thead tr th:first-of-type::after {
  transform: scaleY(1);
}

.p-serviceTable tbody tr th::before {
  transform: scaleX(1);
}

.p-serviceTable tbody tr td:last-of-type::after {
  transform: scaleY(1);
}

.p-serviceTable thead tr th:not(:first-of-type) {
  padding-left: 78px;
  padding-right: 16px;
}

.p-serviceTable thead tr th:not(:first-of-type)::before {
  position: static;
  display: inline-block;
  vertical-align: middle;
  transform: none;
  margin-right: 10px;
  margin-top: -8px;
}

@media (max-width: 768px) {
  .p-serviceTable thead tr th:first-of-type {
    font-size: 11px;
  }

  .p-serviceTable thead tr th:not(:first-of-type) {
    font-size: 16px;
    padding: 0px 24px;
    text-align: center;
  }

  .p-serviceTable tbody tr { height: 72px; }

  .p-serviceTable tbody tr th {
    font-size: 11px;
    padding: 0px 8px 3px 10px;
  }

  .p-serviceTable tbody tr td {
    font-size: 13px;
    padding: 15px 6px 15px;
  }

  .p-serviceTable thead tr th:not(:first-of-type)::before {
    width: 20px;
    height: 20px;
    margin-right: 6px;
  }

  .p-serviceTable thead tr th:first-of-type::before {
    height: 32px;
    border-top-left-radius: 8px;
  }

  .p-serviceTable thead tr th:first-of-type {
    text-align: center;
    padding: 18px 0px 8px 0px;
  }

  .p-serviceTable {
    table-layout: fixed;
    width: calc(100% + 4px);
    border-spacing: 2px 0px;
    margin: 16px 0 0 0;
    transform: translateX(-2px);
  }

  .p-serviceTable thead tr th:first-of-type,
  .p-serviceTable tbody tr th {
    width: 26%;
    box-sizing: border-box;
    line-height: 135%;
  }

  .p-serviceTable thead tr th:nth-of-type(2),
  .p-serviceTable tbody tr td:first-of-type {
    width: 37%;
    box-sizing: border-box;
  }

  .p-serviceTable thead tr th:nth-of-type(2) {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  .p-serviceTable thead tr th:last-of-type {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  .p-serviceTable thead tr th:last-of-type,
  .p-serviceTable tbody tr td:last-of-type {
    width: 37%;
    box-sizing: border-box;
  }

  .p-serviceTable tbody tr th::after {
    width: calc(242.3% + 2px);
  }

  .p-serviceTable thead tr th:first-of-type::after {
    width: calc(100% + 2px);
  }

}

@media (max-width: 376px) {
  .p-serviceTable thead tr th:not(:first-of-type) {
    text-align: left;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝
p-serviceFeature
＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#d_content .p-serviceFeature {
  gap: 48px;
  max-width: 688px;
}

#d_content .p-serviceFeature .c-card-image {
  width: 176px;
  height: 176px;
}


.p-serviceFeature-extra .c-card-image {
  height: 56px;
}

@media (max-width: 768px) {
  #d_content .p-serviceFeature {
    gap: 33px;
    max-width: 688px;
  }
  #d_content .p-serviceFeature .c-card-image {
    width: 120px;
    height: 120px;
    min-width: 120px;
  }

  #d_content .p-serviceFeature.column2 {
    flex-direction: column;   
  }

  .p-serviceFeature-extra .c-card-image {
    width: 48px;
    height: 48px;
  }

  .p-serviceFeature-extra .c-card-image img {
    width: 48px;
    height: 48px;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝
p-announcementWrap
＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#d_content .p-announcementWrap {
  margin: 62px auto 100px;
  max-width: 504px;
  padding: 40px;
  border-radius: 15px;
  box-sizing: border-box;
}

#d_content .p-announcementWrap.c-card-row {
  gap: 24px;
  text-decoration: none;
}

#d_content .p-announcementWrap.c-card-row .c-card-image {
  width: 96px;
}

#d_content .p-announcementWrap.c-card-row .c-card-image img {
  min-width: 100%;
  height: 100%;
}

#d_content .p-announcementWrap .c-card-context-text-lead {
  color: var(--color--orange);
  font-size: 13px;
  font-weight: bold;
}

#d_content .p-announcementWrap .c-card-context-text-title {
  font-size: 20px;
  font-weight: bold;
}

#d_content .p-announcementWrap.c-card-row .c-card-image {
  width: 96px;
  min-width: 96px;
  margin: 0 auto;
}

#d_content .p-announcementWrap.c-card-row .c-card-image img {
  width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  
  #d_content .p-announcementWrap.c-card-row .c-card-image {
    width: 88px;
    min-width: 88px;
  }

  #d_content .p-announcementWrap .image-ticket img {
    width: 137px;
    min-width: 137px;
    height: auto;
    margin: 0 auto;
  }

  #d_content .p-announcementWrap {
    margin: 48px auto 70px;
    padding: 24px;
  }

  #d_content .p-announcementWrap .c-card-context-text.c-fontXS {
    font-size: 12px;
  }

  #d_content .p-announcementWrap .c-card-context-text-title {
    font-size: 15px;
    font-weight: bold;
  }

  #d_content .p-announcementWrap .c-card-context-text-lead {
    font-size: 12px;
  }
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝
p-serviceFeature-extra
＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#d_content .p-serviceFeature-extra {
  gap: 24px;
}

#d_content .p-serviceFeature-extra a {
  text-decoration: none;
}


#d_content .p-serviceFeature-extra .c-card-row {
  border-radius: 16px;
  border: 1px solid var(--color--gray--300, #B3B3B3);
  padding: 22px 16px 24px 24px;
  border-radius: 16px;
  align-items: center;
  display: flex;
  justify-content: space-between;
}


#d_content .p-serviceFeature-extra .u-disp_flex {
  gap: 16px;
}

#d_content .p-serviceFeature-extra .c-card-arrow {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#d_content .p-serviceFeature-extra .c-card-arrow svg {
  width: 100%;
  height: 100%;
}


@media screen and (max-width: 768px) {
  #d_content .p-serviceFeature-extra {
    gap: 16px;
  }

  #d_content .p-serviceFeature-extra .c-card-row {
    padding: 21px 16px 22px 20px;
  }

}

@media screen and (max-width: 376px) {
  #d_content .p-serviceFeature-extra .c-card-row p {
    max-width: 204px;
  }

}

@media screen and (min-width: 768px) {
  #d_content .p-serviceFeature-extra .c-card-row p {
    max-width: 224px;
  }
}