@charset "UTF-8";
/* contents---------------
	 1.

		------------ */
:root {
  /* カラー */
  --color-bg: #ffffff;
  --color-bg-secondary: #F7F7F7;
  --color-text-primary: #0B2A3A;
  --color-text-secondary:#546A75;
  --color-primary: #CC0000;
  --color-secondary: #0B2A3A;
  --color-link: #0063BE;
  --color-fill: #EAF3F6;
  --color-gray: #CACACA;
  --color-gray2: #D7E0E4;
  --color-button-primary:#0B2A3A;
  --color-button-secondary:#637985;
  --color-button-disable:#F3F4F4;
  --color-button-disable2:#DBDBDB;
  --color-button-focus:#3382CB;
  --color-texticon-primary:#0B2A3A;
  --color-texticon-secondary:#546A75;
  --color-texticon-tertiary:#7C929C;
  --color-texticon-disable:#A6A6A6;
  --color-texticon-accent:#E02828;
  --color-separate-primary:#CACACA;
  --color-separate-secondary:#E9E9E9;
  --color-aleat:#C8395B;
  --color-success:#19A939;
  --color-warning:#E0B928;
  --color-aleatlight:#FEF8F9;
  --color-lightblue:#BDDFEB;
  --color-lightpink:#FFF3F2;
  --color-subtler:#9E9E9E;
  /* スペーシング用トークンを定義 */
  --X4S: 4px;
  --X3S: 8px;
  --X2S: 12px;
  --XS: 16px;
  --S: 20px;
  --M: 24px;
  --L: 32px;
  --XL: 40px;
  --X2L: 48px;
  --X3L: 64px;
  --X4L: 80px;
  --X5L: 128px;
  /* テキストサイズ */
  --font-xxxs: 0.625rem; /* 10px */
  --font-xxs: 0.75rem; /* 12px */
  --font-xs: 0.875rem; /* 14px */
  --font-s: 1rem; /* 16px */
  --font-m: 1.125rem; /* 18px */
  --font-l: 1.25rem; /* 20px */
  --font-xl: 1.5rem; /* 24px */
  --font-head-xs:1.125rem; /* 18px */
  --font-head-s:1.375rem; /* 22px */
  --font-head-m:1.625rem; /* 26px */
  --font-head-l:2.25rem; /* 36px */
  --font-head-xl:2.75rem; /* 44px */
  --font-head-xxl:3.25rem; /* 52px */
  --shadow-level0: none;
  --shadow-level1: 0px 2px 4px 0px rgba(11, 42, 58, 0.12);
  --shadow-level2: 0px 4px 8px 0px rgba(11, 42, 58, 0.12);
  --shadow-level3: 0px 8px 10px 0px rgba(11, 42, 58, 0.12);
  --shadow-level4: 0px 10px 14px 0px rgba(11, 42, 58, 0.12);
  --shadow-level5: 0px 14px 18px 0px rgba(11, 41, 58, 0.12);
  --shadow-bottom: 0px -8px 12px 0px rgba(11, 41, 58, 0.05);
  --shadow-object-red: 0px 14px 18px 0px rgba(202, 70, 49, 0.18);
  --radius-s:4px;
  --radius-m:8px;
  --radius-l:12px;
  --radius-full:999999px;
}

/*----------------------------------------------------------
	Common Module
--------------------------------------------------------- */
/* パンくずリスト
--------------------------------------------------------- */
#path-box {
  background: var(--color-bg-secondary);
  padding: 5px 0 5px 0;
}
#path-box ul {
  max-width: 1164px;
  margin: auto;
  padding: var(--X3S) 172px var(--X3S) 0;
  margin: auto;
}
#path-box ul li {
  display: inline-block;
  color: var(--color-texticon-secondary);
}
#path-box ul li:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  font-size: 0.9em;
  position: relative;
  top: 0.05em;
  margin-left: 0.5em;
  color: var(--color-texticon-secondary);
}
#path-box ul li:last-child:after {
  content: none;
}
#path-box {
  /* tablet */
}
@media all and (min-width: 768px) and (max-width: 1330px) {
  #path-box {
    padding: 5px 2%;
  }
}
#path-box {
  /* tablet */
}
@media screen and (max-width: 767px) {
  #path-box ul {
    line-height: 2;
  }
}
#path-box {
  /* sp */
}

main.page {
  padding-bottom: var(--X4L);
}

@media screen and (max-width: 767px) {
  main.page {
    padding-bottom: 0;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main.page .pagebody {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  main.page #path-box {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: var(--X4L);
  }
  main.page #path-box ul {
    padding: var(--XS) var(--M) var(--L);
  }
  main.page.top {
    padding-bottom: var(--X4L);
  }
} /* sp */
/* タグカルーセル
--------------------------------------------------------- */
.tag-carousel {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 0.5rem 1fr 0.5rem auto;
  grid-template-columns: auto 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  margin: auto;
  padding: 5px 3%;
}
.tag-carousel .tag-nav {
  inline-size: 2rem;
  block-size: 2.7rem;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 999px;
  font-size: 1.25rem;
  line-height: 1;
  display: -ms-grid;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.tag-carousel .tag-nav:disabled {
  opacity: 0.4;
  cursor: default;
}
.tag-carousel ul.tag-track {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  gap: 0.5rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  padding-inline: 0.5rem;
  scroll-padding-inline: 0.5rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.tag-carousel ul.tag-track::-webkit-scrollbar {
  display: none;
}

.tag-carousel ul.tag-track > li {
  scroll-snap-align: start;
}
.tag-carousel ul.tag-track > li a[target=_blank]:after {
  font-size: 0.9em;
  top: 0em;
  color: var(--color-texticon-secondary);
  padding-left: 0.3em;
}

.tag-carousel a {
  text-decoration: none;
  color: var(--color-text-primary);
}

.tag-carousel .tag-chip {
  display: inline-block;
  white-space: nowrap;
  -webkit-transition: background 0.2s, border-color 0.2s, -webkit-box-shadow 0.2s;
  transition: background 0.2s, border-color 0.2s, -webkit-box-shadow 0.2s;
  transition: background 0.2s, box-shadow 0.2s, border-color 0.2s;
  transition: background 0.2s, box-shadow 0.2s, border-color 0.2s, -webkit-box-shadow 0.2s;
  padding: 9px var(--XS);
  border: 1px solid var(--color-separate-primary);
  border-radius: 3rem;
  max-width: 100%;
  text-overflow: ellipsis;
}

.tag-carousel .tag-chip:hover {
  background: var(--color-bg-secondary);
}

.tag-carousel .tag-chip:focus-visible {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px rgba(100, 150, 255, 0.35);
          box-shadow: 0 0 0 2px rgba(100, 150, 255, 0.35);
  border-color: var(--color-button-focus);
}

/*----------------------------------------------------------
	Link
--------------------------------------------------------- */
.linkSet {
  position: relative;
}
.linkSet .tag {
  background: var(--color-fill);
  position: absolute;
  right: var(--S);
  top: var(--S);
  font-size: var(--font-xs);
  color: var(--color-texticon-secondary);
  padding: var(--X4S) var(--X3S);
}
.linkSet > .thumb {
  margin-bottom: var(--X2S);
  width: 70px;
}
.linkSet > .thumb img {
  max-width: 70px;
}
.linkSet a[target=_blank] .title:after {
  font-family: "icon-jp-post2025";
  content: "\e917";
  font-weight: normal;
  font-size: 1em;
  position: relative;
  top: 0.1em;
}
.linkSet .head {
  margin-bottom: var(--X2S);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  text-decoration: none;
}
.linkSet .head .title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: var(--font-l);
  font-weight: 700;
  color: var(--color-text-primary);
}
.linkSet .head .title:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  position: relative;
  font-weight: normal;
  top: 0em;
  font-size: 0.8em;
  margin-left: 0.3em;
}
.linkSet .head .title:hover {
  text-decoration: underline;
}
.linkSet .head .title.inlinepic {
  position: relative;
}
.linkSet .head .title.inlinepic i[class^=icon-] {
  font-size: 50px;
  font-weight: normal;
  height: 50px;
}
.linkSet .head > .thumb {
  -ms-flex-preferred-size: 72px;
      flex-basis: 72px;
  position: relative;
  min-height: 72px;
  width: 72px;
  margin-bottom: 0.5rem;
}
.linkSet .head > .thumb.pink {
  background: var(--color-lightpink);
  border-radius: var(--radius-m);
  padding: 4px;
  text-align: center;
}
.linkSet .head > .thumb.pink img {
  max-width: 64px;
}
.linkSet .head > .thumb.blue {
  border-radius: var(--radius-m);
  background: var(--color-fill);
  padding: 4px;
  text-align: center;
}
.linkSet .head > .thumb.blue img {
  max-width: 64px;
}
.linkSet .head > .thumb img {
  max-width: 72px;
}
.linkSet .head > .thumb img[src$=".svg"] {
  max-width: 60px;
  position: absolute;
  height: 60px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.linkSet .head > .thumb i[class^=icon-] {
  font-size: 50px;
  font-weight: normal;
  text-align: center;
  position: absolute;
  height: 50px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.linkSet .min5 {
  min-height: 5.5em;
}
.linkSet p {
  font-size: var(--font-xs);
  color: var(--color-texticon-secondary);
}
.linkSet p.bold {
  font-weight: 700;
}
.linkSet hr.dot {
  margin: var(--S) 0;
}
.linkSet ul.sublink li {
  display: inline-block;
  color: var(--color-texticon-secondary);
}
.linkSet ul.sublink li a:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  position: relative;
  top: 0.05em;
  margin-left: 0.3em;
  color: var(--color-texticon-secondary);
  font-size: 0.9em;
  display: inline-block;
  text-decoration: none;
}
.linkSet ul.sublink li a[target=_blank]:after {
  content: "\e917";
  padding-left: 0;
}
.linkSet ul.sublink li {
  margin-right: 0.5em;
  margin-bottom: 0.4em;
}
.linkSet ul.sublink li:last-child {
  margin-right: 0;
}
.linkSet ul.support-badges {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--X3S) 1fr var(--X3S) 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--XS) var(--X3S);
  font-size: var(--font-xxs);
  background: var(--color-bg-secondary);
  padding: var(--X2S) 3%;
  border-radius: var(--radius-m);
  margin-top: var(--X2S);
}
.linkSet ul.support-badges.border {
  background: #FFF;
  border: 1px solid var(--color-separate-primary);
}
.linkSet ul.support-badges.clm2 {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.linkSet .head2 {
  font-size: var(--font-m);
  font-weight: 700;
  margin-bottom: var(--X2S);
}
.linkSet .btnArea.clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--X2S) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: var(--X2S);
}
.linkSet .btnArea a.btn {
  padding-left: 0;
  padding-right: 0;
  min-width: auto;
}
.linkSet .btnArea a[target=_blank]:after {
  font-family: "icon-jp-post2025";
  content: "\e917";
  font-weight: normal;
  font-size: 1em;
  position: relative;
  top: 0.1em;
}
.linkSet.boxBlue {
  border: none;
}

ul.support-badges li {
  font-weight: 500;
  position: relative;
  padding-left: 2.2em;
  color: var(--color-texticon-disable);
}
ul.support-badges li:before {
  font-family: "icon-jp-post2025";
  content: "";
  position: absolute;
  left: 0;
  top: -0.1em;
  font-size: 2em;
}
ul.support-badges li.is-active {
  color: var(--color-text-primary);
}
ul.support-badges li.post:before {
  content: "\ebc1";
}
ul.support-badges li.pickup:before {
  content: "\eaa8";
}
ul.support-badges li.track:before {
  content: "\e9f0";
}
ul.support-badges li.time:before {
  content: "\eae6";
}
ul.support-badges li.convenience:before {
  content: "\eb8e";
}
ul.support-badges li.daily:before {
  content: "\ead0";
}

/* 枠線リンクボックス
--------------------------------------------------------- */
.thumb.blue {
  border-radius: var(--radius-m);
  padding: 4px;
  text-align: center;
  background: var(--color-fill);
}
.thumb.pink {
  border-radius: var(--radius-m);
  padding: 4px;
  background: var(--color-lightpink);
  border-radius: var(--radius-m);
}

.linkboxBorder.bgW {
  background: none;
}
.linkboxBorder.bgW .clm .link {
  background: #FFF;
}
.linkboxBorder.autoheight {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.linkboxBorder.autoheight .clm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.linkboxBorder.autoheight .clm .link {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.linkboxBorder.clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--M) 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--M);
}
.linkboxBorder.clm3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--M) 1fr var(--M) 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--M);
}
.linkboxBorder.clm4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--M) 1fr var(--M) 1fr var(--M) 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--M);
}
.linkboxBorder > .clm.span2 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
.linkboxBorder > .clm.span2 .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--M) 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--M);
}
.linkboxBorder > .clm.span3 {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
.linkboxBorder > .clm.span3 .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--M) 1fr var(--M) 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--M);
}
.linkboxBorder > .clm.span4 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
.linkboxBorder > .clm.span4 .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--M) 1fr var(--M) 1fr var(--M) 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--M);
}
.linkboxBorder > .clm {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
.linkboxBorder > .clm h3 {
  border-top: 1px solid var(--color-separate-secondary);
  padding-top: var(--XS);
}
.linkboxBorder .link {
  border: 1px solid var(--color-separate-primary);
  padding: var(--S);
  border-radius: var(--radius-l);
  position: relative;
}
.linkboxBorder .link .tag {
  background: var(--color-fill);
  position: absolute;
  right: var(--S);
  top: var(--S);
  font-size: var(--font-xs);
  color: var(--color-texticon-secondary);
  padding: var(--X4S) var(--X3S);
}
.linkboxBorder .link.bgW {
  background: #FFF;
}
.linkboxBorder .link > .thumb {
  -ms-flex-preferred-size: 72px;
      flex-basis: 72px;
  position: relative;
  min-height: 72px;
  width: 72px;
  margin-bottom: 0.5rem;
}
.linkboxBorder .link > .thumb.pink {
  background: var(--color-lightpink);
  border-radius: var(--radius-m);
  padding: 4px;
  text-align: center;
}
.linkboxBorder .link > .thumb.pink img {
  max-width: 64px;
}
.linkboxBorder .link > .thumb.blue {
  border-radius: var(--radius-m);
  background: var(--color-fill);
  padding: 4px;
  text-align: center;
}
.linkboxBorder .link > .thumb.blue img {
  max-width: 64px;
}
.linkboxBorder .link > .thumb img {
  max-width: 72px;
}
.linkboxBorder .link > .thumb img[src$=".svg"] {
  max-width: 60px;
  position: absolute;
  height: 60px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.linkboxBorder .link > .thumb i[class^=icon-] {
  font-size: 50px;
  font-weight: normal;
  text-align: center;
  position: absolute;
  height: 50px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.linkboxBorder .link img {
  max-width: 100%;
}
.linkboxBorder .link a[target=_blank] .title:after {
  font-family: "icon-jp-post2025";
  content: "\e917";
  font-weight: normal;
  font-size: 1em;
  position: relative;
  top: 0.1em;
}
.linkboxBorder .link a[target=_blank]:after {
  content: none;
}
.linkboxBorder .link a[target=_blank] .title.withlead span:after {
  font-family: "icon-jp-post2025";
  content: "\e917" !important;
}
.linkboxBorder .link .head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  text-decoration: none;
  gap: 0 0.8rem;
  margin-bottom: 0.5rem;
}
.linkboxBorder .link .head .title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: var(--font-l);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  position: relative;
}
.linkboxBorder .link .head .title:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  position: relative;
  font-weight: normal;
  font-size: 0.8em;
  display: inline-block;
  text-decoration: none;
  height: 0.8em;
  bottom: 0;
  margin: auto;
  margin-left: 5px;
  line-height: 0.8em;
}
.linkboxBorder .link .head .title:hover {
  text-decoration: underline;
}
.linkboxBorder .link .head .title.withlead span:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  position: relative;
  font-weight: normal;
  top: 0em;
  font-size: 0.8em;
  margin-left: 0.3em;
  text-decoration: none;
  display: inline-block;
}
.linkboxBorder .link .head .title.withlead p {
  font-weight: normal;
}
.linkboxBorder .link .head .title.withlead:after {
  content: none;
}
.linkboxBorder .link .head .thumb {
  -ms-flex-preferred-size: 72px;
      flex-basis: 72px;
  text-align: center;
  position: relative;
  min-height: 72px;
}
.linkboxBorder .link .head .thumb.pink {
  background: var(--color-lightpink);
  border-radius: var(--radius-m);
  padding: 4px;
}
.linkboxBorder .link .head .thumb.pink img {
  max-width: 64px;
}
.linkboxBorder .link .head .thumb.blue {
  border-radius: var(--radius-m);
  background: var(--color-fill);
  padding: 4px;
}
.linkboxBorder .link .head .thumb.blue img {
  max-width: 64px;
}
.linkboxBorder .link .head .thumb img {
  max-width: 72px;
}
.linkboxBorder .link .head .thumb img[src$=".svg"] {
  max-width: 60px;
  position: absolute;
  height: 60px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.linkboxBorder .link .head .thumb i[class^=icon-] {
  font-size: 50px;
  font-weight: normal;
  text-align: center;
  position: absolute;
  height: 50px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.linkboxBorder .link .head .img {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  text-align: center;
}
.linkboxBorder .link .head .img.blue {
  border-radius: var(--radius-m);
  text-align: center;
  background: var(--color-fill);
}
.linkboxBorder .link .head .img.pink {
  border-radius: var(--radius-m);
  text-align: center;
  background: var(--color-lightpink);
}
.linkboxBorder .link .head + * {
  margin-top: var(--X2S);
}
.linkboxBorder .link .min5 {
  min-height: 5.5em;
}
.linkboxBorder .link p {
  font-size: var(--font-xs);
  color: var(--color-texticon-secondary);
}
.linkboxBorder .link p.bold {
  font-weight: 700;
}
.linkboxBorder .link hr.dot {
  margin: var(--S) 0;
}
.linkboxBorder .link ul.sublink li {
  display: inline-block;
  color: var(--color-texticon-secondary);
}
.linkboxBorder .link ul.sublink li a:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  position: relative;
  top: 0.05em;
  margin-left: 0.3em;
  color: var(--color-texticon-secondary);
  font-size: 0.9em;
  display: inline-block;
  text-decoration: none;
}
.linkboxBorder .link ul.sublink li a[target=_blank]:after {
  content: "\e917";
  padding-left: 0;
}
.linkboxBorder .link ul.sublink li {
  margin-right: 0.5em;
  margin-bottom: 0.4em;
}
.linkboxBorder .link ul.sublink li:last-child {
  margin-right: 0;
}
.linkboxBorder .link ul.support-badges {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--X3S) 1fr var(--X3S) 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--XS) var(--X3S);
  font-size: var(--font-xxs);
  background: var(--color-bg-secondary);
  padding: var(--X2S) 3%;
  border-radius: var(--radius-m);
  margin-top: var(--X2S);
}
.linkboxBorder .link ul.support-badges.border {
  background: #FFF;
  border: 1px solid var(--color-separate-primary);
}
.linkboxBorder .link ul.support-badges.clm2 {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.linkboxBorder .link .head2 {
  font-size: var(--font-m);
  font-weight: 700;
  margin-bottom: var(--X2S);
}
.linkboxBorder .link .btnArea.clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--X2S) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: var(--X2S);
}
.linkboxBorder .link .btnArea a.btn {
  padding-left: 0;
  padding-right: 0;
  min-width: auto;
}
.linkboxBorder .link .btnArea a[target=_blank]:after {
  font-family: "icon-jp-post2025";
  content: "\e917";
  font-weight: normal;
  font-size: 1em;
  position: relative;
  top: 0.1em;
}
.linkboxBorder .link.boxBlue {
  border: none;
}
.linkboxBorder .link.nolink .head .title:after {
  content: none;
}
.linkboxBorder .link.nolink .head .title:hover {
  text-decoration: none;
}
.linkboxBorder .link.nolink a.ic-popup:after {
  font-family: "icon-jp-post2025";
  content: "\e917";
  position: relative;
  font-size: 1.2em;
  top: 0.15em;
  display: inline-block;
  text-decoration: none;
  margin-left: 0.2em;
  text-indent: 0;
}
.linkboxBorder .link.is-full-link {
  position: relative;
}
.linkboxBorder .link.is-full-link .full-link {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: block;
  background: transparent;
}
.linkboxBorder .link.is-full-link > * {
  position: relative;
  z-index: 1;
}
.linkboxBorder .link.is-full-link:hover .head .title {
  text-decoration: underline;
}
.linkboxBorder .link.is-full-link.link:has(a[target=_blank]) .head .title::after {
  content: "\e917";
}

@media screen and (max-width: 767px) {
  .linkboxBorder.clm2, .linkboxBorder.clm3, .linkboxBorder.clm4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: var(--M) 0;
  }
  .linkboxBorder > .clm.span2 .inner, .linkboxBorder > .clm.span3 .inner, .linkboxBorder > .clm.span4 .inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .linkboxBorder > .clm .link .head .title {
    font-size: var(--font-s);
  }
  .linkboxBorder > .clm .link .head.spclm1 {
    display: block;
  }
  .linkboxBorder .link.flexsp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .linkboxBorder .link.flexsp .head {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .linkboxBorder .link.flexsp .thumb {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    max-width: 56px;
  }
  .linkboxBorder .link.flexsp .head + p {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .linkboxBorder .link.flexsp > .thumb {
    -ms-flex-preferred-size: 56px;
        flex-basis: 56px;
    position: relative;
    min-height: 56px;
    width: 56px;
    margin-bottom: 0.5rem;
  }
  .linkboxBorder .link.flexsp > .thumb.pink {
    background: var(--color-lightpink);
    border-radius: var(--radius-m);
    padding: 4px;
    text-align: center;
  }
  .linkboxBorder .link.flexsp > .thumb.pink img {
    max-width: 48px;
  }
  .linkboxBorder .link.flexsp > .thumb.blue {
    border-radius: var(--radius-m);
    background: var(--color-fill);
    padding: 4px;
    text-align: center;
  }
  .linkboxBorder .link.flexsp > .thumb.blue img {
    max-width: 48px;
  }
  .linkboxBorder .link.flexsp > .thumb img {
    max-width: 56px;
  }
  .linkboxBorder .link.flexsp > .thumb img[src$=".svg"] {
    max-width: 40px;
    position: absolute;
    height: 40px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .linkboxBorder .link.flexsp > .thumb i[class^=icon-] {
    font-size: 40px;
    font-weight: normal;
    text-align: center;
    position: absolute;
    height: 40px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .linkboxBorder .link p.min5 {
    min-height: auto;
  }
  .linkboxBorder .min5 {
    min-height: auto;
  }
} /* sp */
/* テキスト＋アイコン、スリムボックスリンク
--------------------------------------------------------- */
.linktextBorder {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--S) 1fr var(--S) 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--S);
}
.linktextBorder img {
  max-width: 100%;
}
.linktextBorder.clm1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: var(--M);
}
.linktextBorder.clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--M) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: var(--M);
}
.linktextBorder.clm3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--S) 1fr var(--S) 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--S);
}
.linktextBorder.clm4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--S) 1fr var(--S) 1fr var(--S) 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: var(--S);
}
.linktextBorder a.link {
  display: block;
  border: 2px solid var(--color-button-primary);
  text-align: center;
  font-weight: 700;
  padding: 1rem 2.3rem;
  color: var(--color-button-primary);
  border-radius: var(--radius-l);
  position: relative;
  text-decoration: none;
}
.linktextBorder a.link:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  position: absolute;
  right: 1rem;
  height: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.linktextBorder a.link:hover {
  background: var(--color-fill);
}
.linktextBorder a.link.ic-popup:after {
  font-family: "icon-jp-post2025";
  content: "\e917";
  font-weight: normal;
  font-size: 1.3rem;
  height: 1.3rem;
}
.linktextBorder a.link.ic-pdf:after, .linktextBorder a.link.ic-doc:after, .linktextBorder a.link.ic-xls:after {
  height: 2rem;
}
.linktextBorder.light a.link {
  border: 1px solid #DBDBDB;
}
@media screen and (max-width: 767px) {
  .linktextBorder {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .linktextBorder.spclm1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .linktextBorder.spclm2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.linktextBorder {
  /* sp */
}

/* サムネイル付きリンク
--------------------------------------------------------- */
.thumbLinkM img {
  max-width: 100%;
}
.thumbLinkM.clm1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: var(--M);
}
.thumbLinkM.clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--M) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: var(--M);
}
.thumbLinkM.clm3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--M) 1fr var(--M) 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--M);
}
.thumbLinkM.clm4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--S) 1fr var(--S) 1fr var(--S) 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: var(--S);
}
.thumbLinkM .link .thumb {
  text-align: center;
}
.thumbLinkM .link .thumb.pink {
  background: var(--color-lightpink);
  padding: 4px;
  border-radius: var(--XL) var(--X2S) 0 0;
}
.thumbLinkM .link .thumb.blue {
  background: var(--color-fill);
  padding: 4px;
  border-radius: var(--XL) var(--X2S) 0 0;
}
.thumbLinkM .link .thumb.gray {
  background: var(--color-button-disable);
  padding: 4px;
  border-radius: var(--XL) var(--X2S) 0 0;
}
.thumbLinkM .link .thumb img {
  border-radius: var(--XL) var(--X2S);
  width: 100%;
}
.thumbLinkM .link .thumb img.illust72 {
  max-width: 72px;
}
.thumbLinkM .link .thumb img[src$=".svg"] {
  max-width: 64px;
}
.thumbLinkM .link .thumb i[class^=icon-] {
  font-size: 50px;
  font-weight: normal;
  text-align: center;
  height: 50px;
}
.thumbLinkM .link .title {
  margin-top: var(--XS);
}
.thumbLinkM .link .title a {
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: bold;
  font-size: var(--font-head-s);
}
.thumbLinkM .link .title a:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  font-size: 0.8em;
  font-weight: normal;
  margin-left: 0.2em;
  display: inline-block;
  text-decoration: none;
}
.thumbLinkM .link .title a[target=_blank]:after {
  content: "\e917";
}
.thumbLinkM .link .title a:hover {
  text-decoration: underline;
}
.thumbLinkM .link .title p {
  margin-top: var(--X2S);
}
.thumbLinkM.border .link {
  outline: 1px solid var(--color-gray);
  border-radius: var(--XL) var(--X2S);
  overflow: hidden;
}
.thumbLinkM.border .link .thumb img {
  border-radius: 0;
}
.thumbLinkM.border .link .title {
  padding: var(--M);
  margin: 0;
}
@media screen and (max-width: 767px) {
  .thumbLinkM.clm2, .thumbLinkM.clm3, .thumbLinkM.clm4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: var(--M) 0;
  }
}
.thumbLinkM {
  /* sp */
}

.thumbLinkS img {
  max-width: 100%;
}
.thumbLinkS.clm1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: var(--L);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.thumbLinkS.clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--L) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: var(--L);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.thumbLinkS.clm3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--L) 1fr var(--L) 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--L);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.thumbLinkS.clm4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--L) 1fr var(--L) 1fr var(--L) 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: var(--L);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.thumbLinkS a {
  text-decoration: none;
}
.thumbLinkS .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.thumbLinkS .link .thumb {
  -ms-flex-preferred-size: 72px;
      flex-basis: 72px;
  text-align: center;
  position: relative;
  min-height: 72px;
}
.thumbLinkS .link .thumb.pink {
  background: var(--color-lightpink);
  border-radius: var(--radius-m);
  padding: 4px;
}
.thumbLinkS .link .thumb.pink img {
  max-width: 64px;
}
.thumbLinkS .link .thumb.blue {
  border-radius: var(--radius-m);
  background: var(--color-fill);
  padding: 4px;
}
.thumbLinkS .link .thumb.blue img {
  max-width: 64px;
}
.thumbLinkS .link .thumb img {
  max-width: 72px;
}
.thumbLinkS .link .thumb img[src$=".svg"] {
  max-width: 64px;
}
.thumbLinkS .link .thumb i[class^=icon-] {
  font-size: 50px;
  font-weight: normal;
  text-align: center;
  position: absolute;
  height: 50px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.thumbLinkS .link .title {
  padding-left: var(--XS);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.thumbLinkS .link .title span {
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: bold;
}
.thumbLinkS .link .title span:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  font-size: 0.8em;
  font-weight: normal;
  margin-left: 0.2em;
  display: inline-block;
  text-decoration: none;
}
.thumbLinkS .link .title span:hover {
  text-decoration: underline;
}
.thumbLinkS .link > .clm1 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-top: var(--XS);
}
.thumbLinkS .link > .clm1 a {
  text-decoration: underline;
}
.thumbLinkS.border .link {
  outline: 1px solid var(--color-gray);
  border-radius: var(--XL) var(--X2S);
}
.thumbLinkS.border .link .thumb img {
  border-radius: 0;
}
.thumbLinkS.border .link .title {
  padding: var(--M);
  margin: 0;
}
@media screen and (max-width: 767px) {
  .thumbLinkS.clm2, .thumbLinkS.clm3, .thumbLinkS.clm4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: var(--M) 0;
  }
}
.thumbLinkS {
  /* sp */
}

/* サイズ表 */
.sizeboxList {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--L) 1fr var(--L) 1fr var(--L) 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: var(--L);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sizeboxList .box {
  border: 1px solid var(--color-gray);
  border-radius: var(--radius-l);
}
.sizeboxList .box .img {
  background: var(--color-fill);
  border-radius: var(--radius-l) var(--radius-l) 0 0;
  text-align: center;
}
.sizeboxList .box .cont {
  padding: var(--S);
}
.sizeboxList .box .cont .head {
  font-size: var(--font-head-s);
  font-weight: 700;
}
.sizeboxList .box .cont .price {
  background: var(--color-bg-secondary);
  padding: var(--X2S);
  border-radius: var(--radius-m);
  text-align: center;
  font-size: var(--font-head-m);
  font-weight: 700;
  margin: var(--X2S) auto;
}
.sizeboxList .box .cont .discount {
  font-size: var(--font-xs);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .sizeboxList {
    -ms-grid-columns: 1fr var(--XS) 1fr;
    grid-template-columns: 1fr 1fr;
    gap: var(--XS);
  }
  .sizeboxList .box .img img {
    max-height: 90px;
  }
  .sizeboxList .box .cont {
    padding: var(--X2S);
  }
  .sizeboxList .box .cont .discount {
    font-size: var(--font-xxs);
  }
}
.sizeboxList {
  /* sp */
}

/* アンダーラインつきカラムリンクリスト
--------------------------------------------------------- */
.underlineBoxLink.clm1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.underlineBoxLink.clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--L) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: var(--L);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.underlineBoxLink.clm3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--L) 1fr var(--L) 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--L);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.underlineBoxLink.clm4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--L) 1fr var(--L) 1fr var(--L) 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: var(--L);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.underlineBoxLink a {
  text-decoration: none;
}
.underlineBoxLink .link {
  display: block;
  border-bottom: 1px solid var(--color-separate-secondary);
  padding: var(--XS) 0 var(--XS) var(--XS);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.underlineBoxLink .link .title .head {
  font-weight: bold;
  color: var(--color-text-primary);
}
.underlineBoxLink .link .icon {
  padding: var(--X2S);
}
.underlineBoxLink .link .icon i {
  font-size: 24px;
  color: var(--color-text-primary);
}
.underlineBoxLink .link .icon .sizeL {
  font-size: 30px;
}
@media screen and (max-width: 767px) {
  .underlineBoxLink.clm2, .underlineBoxLink.clm3, .underlineBoxLink.clm4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: var(--M) 0;
  }
  .underlineBoxLink .link {
    padding: var(--XS) 0 var(--XS) 0;
  }
  .underlineBoxLink .link .title p {
    line-height: 1.4;
  }
}
.underlineBoxLink {
  /* sp */
}

/* ミニリンクボタンリスト
--------------------------------------------------------- */
.miniLinkList a {
  font-size: var(--font-xs);
  color: var(--color-texticon-secondary);
  border: 2px solid var(--color-texticon-secondary);
  border-radius: var(--radius-s);
  padding: var(--X4S) var(--X3S);
  display: inline-block;
  font-weight: 700;
  background: #FFF;
  text-decoration: none;
}
.miniLinkList a:hover {
  background: var(--color-fill);
}
.miniLinkList a:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  position: relative;
  top: 0em;
  margin-left: 0.3em;
  font-size: 0.9em;
}
.miniLinkList a.arrow-b:after {
  font-family: "icon-jp-post2025";
  content: "\e900";
  position: relative;
  top: 0.1em;
  margin-left: 0.3em;
  font-size: 0.9em;
}

/* 罫線付きテキストリンクリスト
--------------------------------------------------------- */
.borderList.secondary a {
  color: var(--color-text-secondary);
}
.borderList.arrow li a {
  position: relative;
  padding-right: 1.5rem;
}
.borderList.arrow li a:after {
  position: absolute;
  right: 0;
  font-family: "icon-jp-post2025";
  content: "\e902";
  font-size: 0.9rem;
  height: 0.9rem;
  margin: auto;
  top: 0em;
  bottom: 0;
}
.borderList.arrow li a[target=_blank]:after {
  content: "\e917";
}
.borderList.faq li a {
  position: relative;
  padding-left: 1.5em;
}
.borderList.faq li a:before {
  content: "Q";
  font-weight: 900;
  color: var(--color-texticon-tertiary);
  position: absolute;
  left: 0;
}
.borderList.clm1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.borderList.clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--L) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 0 var(--L);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.borderList.clm3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--L) 1fr var(--L) 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 var(--L);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.borderList.clm4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--L) 1fr var(--L) 1fr var(--L) 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 0 var(--L);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.borderList li {
  position: relative;
}
.borderList li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-separate-secondary);
  color: var(--color-secondary);
  text-decoration: none;
}
.borderList li a img {
  max-width: 40px;
  margin-right: 5px;
}
.borderList li a img[src$=".svg"] {
  max-width: 36px;
  margin-right: 9px;
}
.borderList li a [class^=icon-] {
  font-size: 36px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 36px;
  line-height: 36px;
}
.borderList li a [class^=icon-] + span {
  padding-left: 45px;
}
.borderList li a [class^=icon-].sizeL {
  font-size: 45px;
}
.borderList li a [class^=icon-].sizeL + span {
  padding-left: 50px;
}
@media screen and (max-width: 767px) {
  .borderList.clm2, .borderList.clm3, .borderList.clm4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.borderList {
  /* sp */
}

/* ステップボックスエリア
--------------------------------------------------------- */
.boxStep {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.boxStep .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.boxStep.clm1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: var(--M);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.boxStep.clm1 .step:not(:first-child):before {
  content: "";
  width: 1px;
  background: var(--color-button-disable2);
  display: block;
  position: absolute;
  height: var(--M);
  top: calc(-1 * var(--M) - 1px);
  left: 0;
  bottom: auto;
  right: 0;
  margin: auto;
}
.boxStep.clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--M) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: var(--M);
}
.boxStep.clm2 .step:not(:first-child):before {
  content: "";
  height: 1px;
  background: var(--color-button-disable2);
  display: block;
  position: absolute;
  width: var(--M);
  left: calc(-1 * var(--M) - 1px);
  top: 0;
  bottom: 0;
  margin: auto;
}
.boxStep.clm3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--M) 1fr var(--M) 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--M);
}
.boxStep.clm3 .step:not(:first-child):before {
  content: "";
  height: 1px;
  background: var(--color-button-disable2);
  display: block;
  position: absolute;
  width: var(--M);
  left: calc(-1 * var(--M) - 1px);
  top: 0;
  bottom: 0;
  margin: auto;
}
.boxStep.clm4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--M) 1fr var(--M) 1fr var(--M) 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: var(--M);
}
.boxStep.clm4 .step:not(:first-child):before {
  content: "";
  height: 1px;
  background: var(--color-button-disable2);
  display: block;
  position: absolute;
  width: var(--M);
  left: calc(-1 * var(--M) - 1px);
  top: 0;
  bottom: 0;
  margin: auto;
}
.boxStep .step {
  border: 1px solid var(--color-button-disable2);
  border-radius: var(--radius-l);
  position: relative;
  background: #FFF;
}
.boxStep .step .no {
  background: var(--color-text-primary);
  color: #FFF;
  font-weight: 700;
  border-radius: var(--radius-l) 0 var(--radius-l) 0;
  padding: var(--X2S) var(--XS);
  line-height: 1;
  display: inline-block;
  position: absolute;
  left: -1px;
  top: -1px;
}
.boxStep .step .cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: var(--L) var(--S);
  margin-top: var(--X2S);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.boxStep .step .cont .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 0.5rem;
}
.boxStep .step .cont .img img {
  max-width: 100%;
}
.boxStep .step .noflex {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.boxStep.nojoint .step:not(:first-child):before {
  content: none !important;
}
@media screen and (max-width: 767px) {
  .boxStep {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: var(--M) 0;
  }
  .boxStep.spclm1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: var(--M) 0;
  }
  .boxStep.spclm1 .step:not(:first-child):before {
    content: "";
    width: 1px;
    background: var(--color-button-disable2);
    display: block;
    position: absolute;
    height: var(--M);
    top: calc(-1 * var(--M) - 1px);
    left: 0;
    bottom: auto;
    right: 0;
    margin: auto;
  }
  .boxStep.spclm2 {
    -ms-grid-columns: 1fr var(--M) 1fr;
    grid-template-columns: 1fr 1fr;
    gap: var(--M);
  }
  .boxStep.spclm2 .step:not(:first-child):before {
    content: "";
    height: 1px;
    background: var(--color-button-disable2);
    display: block;
    position: absolute;
    width: var(--M);
    left: calc(-1 * var(--M) - 1px);
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
.boxStep {
  /* sp */
}

/* ボタン風リンクエリア
--------------------------------------------------------- */
.thumbBnrS.clm1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: var(--L);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.thumbBnrS.clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--L) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: var(--L);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.thumbBnrS.clm3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--L) 1fr var(--L) 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--L);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.thumbBnrS.clm4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--L) 1fr var(--L) 1fr var(--L) 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: var(--L);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.thumbBnrS a {
  display: block;
  text-decoration: none;
  color: var(--color-text-primary);
}
.thumbBnrS .link {
  border: var(--color-separate-primary) 1px solid;
  background: #FFF;
  border-radius: var(--radius-l);
  padding: var(--XS) 2.5rem var(--XS) var(--XS);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 72px 1fr;
  grid-template-columns: 72px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.thumbBnrS .link:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  position: absolute;
  right: 0.8rem;
  height: 1.2rem;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 1.2rem;
}
.thumbBnrS .link .title {
  font-weight: bold;
  font-size: var(--font-m);
  padding-left: var(--X3S);
}
.thumbBnrS .link i[class^=icon-] {
  font-size: 60px;
}
.thumbBnrS .link .thumb {
  -ms-flex-preferred-size: 72px;
      flex-basis: 72px;
  text-align: center;
  position: relative;
  min-height: 72px;
}
.thumbBnrS .link .thumb.pink {
  background: var(--color-lightpink);
  border-radius: var(--radius-m);
  padding: 4px;
}
.thumbBnrS .link .thumb.pink img {
  max-width: 64px;
}
.thumbBnrS .link .thumb.blue {
  border-radius: var(--radius-m);
  background: var(--color-fill);
  padding: 4px;
}
.thumbBnrS .link .thumb.blue img {
  max-width: 64px;
}
.thumbBnrS .link .thumb img {
  max-width: 72px;
}
.thumbBnrS .link .thumb img[src$=".svg"] {
  max-width: 64px;
}
.thumbBnrS .link .thumb i[class^=icon-] {
  font-size: 50px;
  font-weight: normal;
  text-align: center;
  position: absolute;
  height: 50px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.thumbBnrS a[target=_blank]:after {
  content: "\e917";
}
.thumbBnrS a:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.thumbBnrS .link + .link {
  margin-top: var(--XS);
}
.thumbBnrS.clm2 .link + .link, .thumbBnrS.clm3 .link + .link, .thumbBnrS.clm4 .link + .link {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .thumbBnrS.clm2, .thumbBnrS.clm3, .thumbBnrS.clm4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: var(--M) 0;
  }
}
.thumbBnrS {
  /* sp */
}

.thumbBnrSS.clm1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: var(--M);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.thumbBnrSS.clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--M) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: var(--M);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.thumbBnrSS.clm3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--M) 1fr var(--M) 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--M);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.thumbBnrSS.clm4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--M) 1fr var(--M) 1fr var(--M) 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: var(--M);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.thumbBnrSS a {
  display: block;
  text-decoration: none;
  color: var(--color-text-primary);
}
.thumbBnrSS .link {
  border: var(--color-separate-primary) 1px solid;
  background: #FFF;
  border-radius: var(--radius-l);
  padding: var(--XS) 2.5rem var(--XS) var(--XS);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 72px 1fr;
  grid-template-columns: 72px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.thumbBnrSS .link:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  position: absolute;
  right: 0.8rem;
  height: 1.2rem;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 1.2rem;
}
.thumbBnrSS .link .title {
  font-weight: bold;
  font-size: var(--font-s);
  padding-left: var(--X2S);
}
.thumbBnrSS .link .thumb {
  -ms-flex-preferred-size: 72px;
      flex-basis: 72px;
  text-align: center;
  position: relative;
  min-height: 72px;
}
.thumbBnrSS .link .thumb.pink {
  background: var(--color-lightpink);
  border-radius: var(--radius-m);
  padding: 4px;
}
.thumbBnrSS .link .thumb.pink img {
  max-width: 64px;
}
.thumbBnrSS .link .thumb.blue {
  border-radius: var(--radius-m);
  background: var(--color-fill);
  padding: 4px;
}
.thumbBnrSS .link .thumb.blue img {
  max-width: 64px;
}
.thumbBnrSS .link .thumb img {
  max-width: 72px;
}
.thumbBnrSS .link .thumb img[src$=".svg"] {
  max-width: 50px;
  position: absolute;
  height: 50px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.thumbBnrSS .link .thumb i[class^=icon-] {
  font-size: 50px;
  font-weight: normal;
  text-align: center;
  position: absolute;
  height: 50px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.thumbBnrSS a[target=_blank]:after {
  content: "\e917";
}
.thumbBnrSS a:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.thumbBnrSS .link + .link {
  margin-top: var(--XS);
}
.thumbBnrSS.clm2 .link + .link, .thumbBnrSS.clm3 .link + .link, .thumbBnrSS.clm4 .link + .link {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .thumbBnrSS.clm2, .thumbBnrSS.clm3, .thumbBnrSS.clm4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: var(--M) 0;
  }
}
.thumbBnrSS {
  /* sp */
}

/* 角丸バナー風リンクエリア
--------------------------------------------------------- */
.photoBnrArea a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}
.photoBnrArea a.uline {
  text-decoration: underline;
}
.photoBnrArea a:hover {
  opacity: 0.7;
}
.photoBnrArea .bnrbody {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.2fr 1fr;
  grid-template-columns: 1.2fr 1fr;
}
.photoBnrArea .bnrbody.imgsizeXL {
  -ms-grid-columns: 30% 70%;
  grid-template-columns: 30% 70%;
}
.photoBnrArea .bnrbody.imgsizeL {
  -ms-grid-columns: 35% 65%;
  grid-template-columns: 35% 65%;
}
.photoBnrArea .bnrbody.imgsizeM {
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
}
.photoBnrArea .bnrbody.imgsizeS {
  -ms-grid-columns: 65% 35%;
  grid-template-columns: 65% 35%;
}
.photoBnrArea .bnrbody.imgsizeSS {
  -ms-grid-columns: 70% 30%;
  grid-template-columns: 70% 30%;
}
.photoBnrArea .bnrbody.align-center .main {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.photoBnrArea .head {
  font-size: clamp(1.1rem, 0.725rem + 0.78vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
}
.photoBnrArea p {
  color: var(--color-text-primary);
}
.photoBnrArea .arrow:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  font-size: 80%;
  line-height: 1;
  margin-left: 0.3em;
}
.photoBnrArea .main {
  padding: var(--XL) var(--M) var(--XL) var(--XL);
}
.photoBnrArea .aside {
  padding: var(--L) var(--XL) var(--L) 0;
  min-height: 240px;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: var(--XL) var(--X2S) var(--XL) 0;
}
.photoBnrArea .aside picture img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
  -o-object-position: left top;
     object-position: left top;
}
.photoBnrArea .aside img {
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
  -o-object-position: left top;
     object-position: left top;
}
.photoBnrArea .aside .inner {
  position: relative;
  z-index: 1;
  padding-left: 100px;
  width: 100%;
}
.photoBnrArea .aside.fullimage {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.photoBnrArea .icontext li {
  font-weight: 700;
  padding: 0.3em 0;
}
.photoBnrArea .icontext li i {
  font-size: 160%;
  position: relative;
  top: 0.2em;
  -ms-flex-preferred-size: 1.5em;
      flex-basis: 1.5em;
}
.photoBnrArea.noheight .aside {
  min-height: auto;
  padding: 0;
}
.photoBnrArea.h200 .bnrbody {
  aspect-ratio: 1207/221;
}
.photoBnrArea.h200 .head {
  font-size: clamp(14px, 1.6vw, var(--font-head-s));
  line-height: 1.25;
}
.photoBnrArea.h200 .main {
  padding: clamp(12px, 2vw, var(--XL)) 0 clamp(12px, 2vw, var(--XL)) clamp(12px, 2vw, var(--XL));
}
.photoBnrArea.h200 .aside {
  padding: clamp(8px, 1.6vw, var(--L)) clamp(12px, 2vw, var(--XL)) clamp(8px, 1.6vw, var(--L)) 0;
  min-height: auto;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.photoBnrArea.h200 .aside picture img {
  position: absolute;
  inset: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right top;
     object-position: right top;
}
.photoBnrArea.h200 .aside img {
  width: 100%;
  height: 100%;
  display: block;
}
@media screen and (max-width: 901px) {
  .photoBnrArea.h200 .head {
    font-size: var(--font-head-xs);
  }
}
@media all and (min-width: 902px) and (max-width: 1330px) {
  .photoBnrArea .aside picture img {
    -o-object-position: center top;
       object-position: center top;
  }
  .photoBnrArea .aside .inner {
    padding-left: 4vw;
  }
  .photoBnrArea .bnrbody .btn.widthM {
    width: 100%;
    min-width: auto;
  }
}
.photoBnrArea {
  /* tablet */
}
@media screen and (max-width: 851px) {
  .photoBnrArea .bnrbody {
    display: block;
  }
  .photoBnrArea .head {
    font-size: var(--font-head-xs);
  }
  .photoBnrArea .main {
    padding: var(--M) var(--XS);
  }
  .photoBnrArea .aside {
    padding: var(--M) var(--XS) var(--L) var(--XS);
    border-radius: 0 0 var(--XL) var(--X2S);
    display: block;
  }
  .photoBnrArea .aside .inner {
    padding-left: 0;
  }
  .photoBnrArea .aside picture {
    width: 100%;
  }
  .photoBnrArea .aside picture img {
    -o-object-position: center;
       object-position: center;
  }
  .photoBnrArea .aside ul.inline a img {
    width: auto;
  }
  .photoBnrArea ul.inline li {
    display: block;
  }
  .photoBnrArea ul.inline li + li {
    margin-left: 0;
    margin-top: 0.5rem;
  }
  .photoBnrArea ul.inline.spflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .photoBnrArea ul.inline.spflex li + li {
    margin-top: 0;
  }
  .photoBnrArea ul.appbtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--X2S);
  }
  .photoBnrArea ul.appbtn li + li {
    margin-top: 0;
  }
  .photoBnrArea .img.appicon img {
    width: 50px;
    height: auto;
  }
  .photoBnrArea.boxBlue {
    border: 1px solid var(--color-fill);
  }
  .photoBnrArea {
    /* スマホでは写真を上に表示 */
  }
  .photoBnrArea.spimgTop .bnrbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .photoBnrArea.spimgTop .bnrbody .main {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: var(--M) var(--XS) var(--XL);
  }
  .photoBnrArea.spimgTop .bnrbody .aside {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    min-height: auto;
    padding: 0;
    border-radius: var(--XL) var(--X2S) 0 0;
  }
  .photoBnrArea.spimgTop .bnrbody .aside picture img {
    height: auto;
    position: relative;
  }
  .photoBnrArea.spimgNone .bnrbody .aside {
    display: none;
  }
  .photoBnrArea.spimgNone .bnrbody .aside picture {
    display: none;
  }
}

/* リンクなし
--------------------------------------------------------- */
.thumbListS img {
  max-width: 100%;
}
.thumbListS.clm1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: var(--L);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.thumbListS.clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--L) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: var(--L);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.thumbListS.clm3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--L) 1fr var(--L) 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--L);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.thumbListS.clm4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--L) 1fr var(--L) 1fr var(--L) 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: var(--L);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.thumbListS a {
  text-decoration: none;
}
.thumbListS .sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.thumbListS .sec .thumb {
  -ms-flex-preferred-size: 72px;
      flex-basis: 72px;
  text-align: center;
  position: relative;
  min-height: 72px;
}
.thumbListS .sec .thumb.pink {
  background: var(--color-lightpink);
  border-radius: var(--radius-m);
  padding: 4px;
}
.thumbListS .sec .thumb.pink img {
  max-width: 64px;
}
.thumbListS .sec .thumb.blue {
  border-radius: var(--radius-m);
  background: var(--color-fill);
  padding: 4px;
}
.thumbListS .sec .thumb.blue img {
  max-width: 64px;
}
.thumbListS .sec .thumb img {
  max-width: 72px;
}
.thumbListS .sec .thumb img[src$=".svg"] {
  max-width: 64px;
}
.thumbListS .sec .thumb i[class^=icon-] {
  font-size: 50px;
  font-weight: normal;
  text-align: center;
  position: absolute;
  height: 50px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.thumbListS .sec .title {
  padding-left: var(--XS);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.thumbListS .sec .title span {
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: bold;
}
.thumbListS .sec > .clm1 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-top: var(--XS);
}
.thumbListS .sec > .clm1 a {
  text-decoration: underline;
}
.thumbListS .sec > .clm1 a:hover {
  text-decoration: none;
}
.thumbListS.border .sec {
  outline: 1px solid var(--color-gray);
  border-radius: var(--XL) var(--X2S);
}
.thumbListS.border .sec .thumb img {
  border-radius: 0;
}
.thumbListS.border .sec .title {
  padding: var(--M);
  margin: 0;
}
@media screen and (max-width: 767px) {
  .thumbListS.clm2, .thumbListS.clm3, .thumbListS.clm4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: var(--M) 0;
  }
}
.thumbListS {
  /* sp */
}

/* 紹介エリア
--------------------------------------------------------- */
.bnrinfoWide {
  display: -ms-grid;
  display: grid;
  gap: var(--M);
}
.bnrinfoWide .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--color-separate-primary);
  border-radius: var(--radius-l);
  padding: var(--XS);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bnrinfoWide .box .thumb {
  -ms-flex-preferred-size: 72px;
      flex-basis: 72px;
}
.bnrinfoWide .box .thumb.pink {
  background: var(--color-lightpink);
  border-radius: var(--radius-m);
  padding: 4px;
}
.bnrinfoWide .box .thumb.pink img {
  max-width: 64px;
}
.bnrinfoWide .box .thumb.blue {
  border-radius: var(--radius-m);
  background: var(--color-fill);
  padding: 4px;
}
.bnrinfoWide .box .thumb.blue img {
  max-width: 64px;
}
.bnrinfoWide .box .thumb img {
  max-width: 72px;
}
.bnrinfoWide .box .thumb img[src$=".svg"] {
  max-width: 64px;
}
.bnrinfoWide .box .thumb i[class^=icon-] {
  font-size: 50px;
  font-weight: normal;
  text-align: center;
  position: absolute;
  height: 50px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.bnrinfoWide .box .head {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  border-right: 1px solid var(--color-separate-secondary);
  padding: 0 var(--L);
}
.bnrinfoWide .box .head .copy {
  background: var(--color-bg-secondary);
  color: var(--color-primary);
  padding: var(--X3S);
  font-weight: 700;
  margin-bottom: var(--X4S);
  text-align: center;
}
.bnrinfoWide .box .head a {
  text-decoration: none;
}
.bnrinfoWide .box .head a:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  font-weight: normal;
  font-size: 85%;
  margin-left: 0.3em;
  top: 0;
}
.bnrinfoWide .box .head a.ic-popup:after {
  font-family: "icon-jp-post2025";
  content: "\e917";
  top: 0;
}
.bnrinfoWide .box .head .title {
  color: var(--color-text-primary);
  font-size: var(--font-head-s);
  font-weight: 700;
}
.bnrinfoWide .box .cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 var(--L);
}
@media screen and (max-width: 767px) {
  .bnrinfoWide .box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .bnrinfoWide .box .thumb {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-flex-preferred-size: 70px;
        flex-basis: 70px;
  }
  .bnrinfoWide .box .head {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-right: none;
    padding: 0;
  }
  .bnrinfoWide .box .head .copy {
    display: inline-block;
    font-size: var(--font-xxs);
  }
  .bnrinfoWide .box .head .title {
    display: block;
  }
  .bnrinfoWide .box .cont {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: 0;
    margin-top: var(--S);
  }
}
.bnrinfoWide {
  /* sp */
}

/* バッジ風表示
--------------------------------------------------------- */
.badgeOuter {
  position: relative;
}
.badgeOuter .badge {
  position: absolute;
  display: inline-block;
  background: var(--color-button-primary);
  color: #FFF;
  line-height: 1;
  padding: 0.7em 1em;
  border-radius: 2em;
  font-weight: 700;
}
.badgeOuter .badge.upper-r {
  right: var(--M);
  top: var(--M);
}
.badgeOuter .badge.upper-l {
  left: var(--M);
  top: var(--M);
}
.badgeOuter .badge.red {
  background: var(--color-primary);
  color: #FFF;
}

/* ページ内リンク
--------------------------------------------------------- */
.anchorNav ul {
  border-radius: var(--radius-l);
  border: 1px solid var(--color-separate-secondary);
  padding: var(--X2S);
  font-size: var(--font-xs);
}
.anchorNav ul li {
  display: inline-block;
  margin-right: 0.8em;
}
.anchorNav ul li a {
  position: relative;
  padding: 0.3em 1.8em 0.3em 0.3em;
  display: block;
}
.anchorNav ul li a:after {
  font-family: "icon-jp-post2025";
  content: "\e90c";
  display: inline-block;
  text-decoration: none;
  font-size: 1.6em;
  position: absolute;
  right: 0;
  height: 1rem;
  line-height: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.anchorNav ul li:last-child {
  margin-right: 0;
}
.anchorNav.bottom ul li a:after {
  content: "\e90f";
}
@media screen and (max-width: 767px) {
  .anchorNav ul {
    padding: var(--X3S) var(--X2S);
  }
  .anchorNav ul li {
    display: block;
    margin-right: 0;
  }
  .anchorNav ul li a {
    display: block;
    padding: 0.8em 2em 0.8em 0;
  }
  .anchorNav ul li + li {
    border-top: 2px dotted var(--color-gray2);
  }
}
.anchorNav {
  /* sp */
}

/* タブ切り替え
--------------------------------------------------------- */
.tabArea .btnList {
  margin-bottom: var(--XL);
  background: var(--color-fill);
  border-radius: var(--radius-full);
  padding: var(--X4S);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tabArea .btnList [role=tab] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: var(--X2S);
  text-align: center;
  border-radius: var(--radius-full);
  border: none;
  background: var(--color-fill);
  color: var(--color-button-secondary);
  font-size: var(--font-xs);
  cursor: pointer;
}
.tabArea .btnList [role=tab][aria-selected=true] {
  background: var(--color-button-primary);
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .tabArea .btnList {
    margin-bottom: var(--S);
  }
}
.tabArea {
  /* sp */
}

/* タブ風リンクボタン */
.tabArea.link .btnList {
  margin-bottom: var(--XL);
  background: var(--color-fill);
  border-radius: var(--radius-full);
  padding: var(--X4S);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tabArea.link .btnList a.tab {
  text-align: center;
  text-decoration: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: var(--X2S);
  text-align: center;
  border-radius: var(--radius-full);
  border: none;
  background: var(--color-fill);
  color: var(--color-button-primary);
  font-size: var(--font-s);
  cursor: pointer;
}
.tabArea.link .btnList a.tab.is-active {
  background: var(--color-button-primary);
  color: #FFF;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .tabArea.link .btnList {
    margin-bottom: var(--S);
  }
  .tabArea.link .btnList a.tab {
    font-size: var(--font-xs);
  }
}
.tabArea.link {
  /* sp */
}

/* トグルボックス
--------------------------------------------------------- */
.toggleBox {
  cursor: pointer;
}

.toggleBox.is-open {
  cursor: default;
}

.toggleBox.is-open .toggleHead {
  cursor: pointer;
}

.toggleBox {
  position: relative;
  padding-bottom: 35px;
}
.toggleBox .toggleHead {
  cursor: pointer;
}
.toggleBox .toggleBody {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 260ms ease;
  transition: height 260ms ease;
  opacity: 0;
}
.toggleBox .toggleBody p + p {
  margin-top: 0;
}
.toggleBox.arrowicon .toggleHead {
  position: relative;
  padding-right: 35px;
}
.toggleBox.arrowicon .toggleHead:after {
  font-family: "icon-jp-post2025";
  content: "\e900";
  position: absolute;
  right: 0;
  font-size: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  top: 0;
  bottom: 0;
  margin: auto;
}
.toggleBox.arrowicon .toggleHead[aria-expanded=true]:after {
  font-family: "icon-jp-post2025";
  content: "\e903";
}
.toggleBox.plusicon .toggleHead {
  position: relative;
  padding-right: 35px;
}
.toggleBox.plusicon .toggleHead:after {
  font-family: "icon-jp-post2025";
  content: "\e955";
  position: absolute;
  right: 0;
  font-size: 1.5em;
  height: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  top: 0;
  bottom: 0;
  margin: auto;
}
.toggleBox.plusicon .toggleHead[aria-expanded=true]:after {
  font-family: "icon-jp-post2025";
  content: "\e95d";
}
.toggleBox.mBtn {
  position: relative;
  padding-bottom: 40px;
}
.toggleBox .miniBtn {
  position: absolute;
  right: 0;
  bottom: 0;
}
.toggleBox.is-open .toggleBody {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .toggleBox.is-open .toggleBody {
    opacity: 1;
  }
  .toggleBox .miniBtn {
    bottom: 0;
  }
}
.toggleBox {
  /* sp */
}

/* デフォルト：close側は非表示 */
.miniBtn .close {
  display: none;
}

/* .toggleBox が開いているときだけ切り替え */
.toggleBox.is-open .miniBtn .open {
  display: none;
}

.toggleBox.is-open .miniBtn .close {
  display: inline;
}

/* 動きが苦手な人の環境ではアニメーション無効 */
@media (prefers-reduced-motion: reduce) {
  .toggleBody {
    -webkit-transition: none !important;
    transition: none !important;
  }
}
/* トグルボックスのQAリスト
--------------------------------------------------------- */
.toggleBoxList {
  border: 1px solid var(--color-separate-secondary);
  border-radius: var(--radius-l);
}
.toggleBoxList li + li {
  border-top: 1px solid var(--color-separate-secondary);
}
.toggleBoxList > li .toggleHead {
  padding-bottom: var(--M);
  padding-top: var(--M);
  padding-right: var(--M);
  position: relative;
  padding-left: var(--M);
}
.toggleBoxList > li .toggleHead span.question {
  font-weight: bold;
  color: var(--color-texticon-tertiary);
  position: relative;
  height: 1em;
  margin: auto;
  margin-right: 0.5em;
  line-height: 1;
}
.toggleBoxList > li .toggleHead > i {
  color: var(--color-texticon-tertiary);
  margin: 0 0.5em 0 0;
  height: 1.3rem;
  font-size: 1.3rem;
  line-height: 1;
  position: relative;
  top: 0.1em;
}
.toggleBoxList > li .toggleBody .answerArea {
  position: relative;
  padding-left: 1.5rem;
}
.toggleBoxList > li .toggleBody .answerArea span.answer {
  font-weight: bold;
  color: var(--color-primary);
  position: absolute;
  left: 0;
  top: 0;
}
.toggleBoxList > li .toggleBody ul li, .toggleBoxList > li .toggleBody ol li {
  padding: 0;
}
.toggleBoxList > li .toggleBody ul li + li, .toggleBoxList > li .toggleBody ol li + li {
  padding: 0;
  border-top: none;
}
.toggleBoxList .toggleBox.is-open {
  padding-bottom: var(--M);
}
.toggleBoxList .toggleBox.arrowicon .toggleHead:after {
  right: var(--M);
}

/* トグルボックス（SPのみ）
--------------------------------------------------------- */
.sptoggleBox .toggleHead {
  display: none;
}

.sptoggleBox .toggleBody {
  height: auto;
  overflow: visible;
  -webkit-transition: none;
  transition: none;
}

@media screen and (max-width: 767px) {
  .sptoggleBox .toggleHead {
    display: block;
  }
  .sptoggleBox .toggleBody {
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.28s ease;
    transition: height 0.28s ease;
  }
  .sptoggleBox.is-open .toggleBody {
    height: auto;
  }
} /* sp */
/* スライダー
--------------------------------------------------------- */
.sliderArea img {
  max-width: 100%;
}
.sliderArea .swiper-slide.text {
  position: relative;
}
.sliderArea .swiper-slide.text a {
  color: var(--color-text-primary);
}
.sliderArea .swiper-slide.text a img {
  width: 100%;
}
.sliderArea .swiper-slide.text .inner {
  position: absolute;
  z-index: 10;
  top: var(--M);
  left: var(--M);
  padding-right: var(--M);
}
.sliderArea .swiper-slide.text .inner .title {
  font-weight: 700;
  font-size: clamp(1.4rem, 0.383rem + 1.49vw, 1.625rem);
}
.sliderArea .swiper-slide.text .inner .title.arrow:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  font-size: 0.7em;
  margin-left: 0.3em;
  font-weight: normal;
  position: relative;
  top: -0.1em;
}
.sliderArea .swiper-slide.text .inner .lead {
  margin-top: 0.5rem;
  font-size: clamp(0.9rem, 0.383rem + 1.49vw, 1rem);
}
.sliderArea .swiper-slide.text.white {
  color: #FFF;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}
.sliderArea .swiper-slide.text.white a {
  color: #FFF;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}
.sliderArea .swiper-slide .link .thumb {
  -ms-flex-preferred-size: 72px;
      flex-basis: 72px;
  text-align: center;
  position: relative;
  min-height: 72px;
  width: 72px;
}
.sliderArea .swiper-slide .link .thumb.pink {
  background: var(--color-lightpink);
  border-radius: var(--radius-m);
  padding: 4px;
}
.sliderArea .swiper-slide .link .thumb.pink img {
  max-width: 64px;
}
.sliderArea .swiper-slide .link .thumb.blue {
  border-radius: var(--radius-m);
  background: var(--color-fill);
  padding: 4px;
}
.sliderArea .swiper-slide .link .thumb.blue img {
  max-width: 64px;
}
.sliderArea .swiper-slide .link .thumb img {
  max-width: 72px;
}
.sliderArea .swiper-slide .link .thumb img[src$=".svg"] {
  max-width: 64px;
}
.sliderArea .swiper-slide .link .thumb i[class^=icon-] {
  font-size: 50px;
  font-weight: normal;
  text-align: center;
  position: absolute;
  height: 50px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.sliderArea .swiper-slide {
  /* tablet */
}
@media all and (min-width: 768px) and (max-width: 1330px) {
  .sliderArea .swiper-slide.text .inner {
    top: var(--M);
    left: var(--M);
    padding-right: var(--M);
  }
  .sliderArea .swiper-slide.text .inner .lead {
    margin-top: 0.5rem;
    line-height: 1.4;
  }
}
.sliderArea .swiper-slide {
  /* tablet */
}
@media screen and (max-width: 767px) {
  .sliderArea .swiper-slide.text .inner .title {
    font-size: var(--font-head-xs);
  }
}
.sliderArea .swiper-slide {
  /* sp */
}
.sliderArea .radius .swiper-slide img {
  border-radius: var(--XL) var(--X2S);
}
.sliderArea .control {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: var(--M);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--X2S);
}
.sliderArea .swiper-button-next, .sliderArea .swiper-button-prev {
  position: relative;
  color: var(--color-button-secondary);
  padding: var(--M);
  border-radius: var(--radius-l);
  border: 1px solid var(--color-button-secondary);
  background: #FFF;
  left: 0;
  right: auto;
  margin-top: 0;
  font-size: 1rem;
}
.sliderArea .swiper-button-next:after, .sliderArea .swiper-button-prev:after {
  content: none;
}
.sliderArea .swiper-button-next:before, .sliderArea .swiper-button-prev:before {
  font-size: var(--font-s);
}
.sliderArea .swiper-button-next:hover, .sliderArea .swiper-button-prev:hover {
  background: var(--color-fill);
}
.sliderArea .swiper-button-next:before {
  font-family: "icon-jp-post2025";
  content: "\e902";
}
.sliderArea .swiper-button-prev:before {
  font-family: "icon-jp-post2025";
  content: "\e901";
}
.sliderArea .swiper-pagination {
  margin-left: 0.5rem;
  position: relative;
  width: auto !important;
  left: 0 !important;
  top: auto !important;
  bottom: auto !important;
}
.sliderArea .swiper-pagination .swiper-pagination-bullet {
  background: var(--color-texticon-tertiary);
  opacity: 1;
  margin: 0 6px !important;
}
.sliderArea .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--color-texticon-primary);
  width: 10px;
  height: 10px;
  top: 1px;
  position: relative;
}
.sliderArea .swiper-pagination:has(+ .swiper_toggle) .swiper-pagination-bullet-active {
  width: 31px;
  border-radius: 31px;
  background: var(--color-texticon-secondary);
}
.sliderArea .swiper_toggle {
  cursor: pointer;
  border: 1px solid var(--color-button-secondary);
  background: #FFF;
  color: var(--color-button-secondary);
  border-radius: 3rem;
  line-height: 0;
  font-size: 1rem;
  padding: 0.6rem;
}
.sliderArea .swiper_toggle:hover {
  background: var(--color-fill);
}
@media screen and (max-width: 767px) {
  .sliderArea .control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sliderArea .control .swiper-pagination {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    text-align: right;
  }
}
.sliderArea {
  /* sp */
}

.sliderArea .control:has(.swiper-button-lock) {
  display: none;
}

/* スライダーのバリエーション */
.sliderArea.imgBottom .swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.sliderArea.imgBottom .swiper-slide {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sliderArea.imgBottom .swiper-slide .link {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sliderArea.imgBottom .swiper-slide .link a.head {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding-bottom: 0;
  margin-bottom: 0;
  gap: var(--XS);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.sliderArea.imgBottom .swiper-slide .link a.head .title {
  margin-bottom: var(--XS);
  font-size: clamp(1rem, 0.659rem + 0.71vw, 1.25rem);
}
.sliderArea.imgBottom .swiper-slide .link a.head .title + p {
  margin-top: 0;
  font-size: clamp(0.813rem, 0.557rem + 0.53vw, 1rem);
}
.sliderArea.imgBottom .swiper-slide .link a.head .img {
  position: static;
  margin-top: auto;
}
.sliderArea.imgBottom .swiper-slide .link a.head .img img {
  width: 100%;
  height: auto;
  display: block;
}
.sliderArea.newStamp .swiper-slide {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1px;
}
.sliderArea.newStamp .swiper-slide .link {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: var(--XL) var(--X2S);
  border: 1px solid var(--color-gray);
}
.sliderArea.newStamp .swiper-slide .link a {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding-bottom: 0;
  margin-bottom: 0;
  gap: var(--XS);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: var(--L) var(--M);
  text-decoration: none;
  width: 100%;
}
.sliderArea.newStamp .swiper-slide .link a .tag {
  font-size: var(--font-xxs);
  background: var(--color-fill);
  display: block;
  padding: 0.2em 0.5em;
  margin-bottom: 0.5em;
  max-width: 6em;
  text-align: center;
}
.sliderArea.newStamp .swiper-slide .link a .title {
  font-size: clamp(1.25rem, 1.079rem + 0.36vw, 1.375rem);
  font-size: var(--font-head-s);
  font-weight: 700;
  color: var(--color-text-primary);
}
.sliderArea.newStamp .swiper-slide .link a .title.arrow:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  font-size: 0.7em;
  margin-left: 0.3em;
  font-weight: normal;
  position: relative;
  top: -0.1em;
}
.sliderArea.newStamp .swiper-slide .link a .title + p {
  margin-top: 0;
  font-size: clamp(0.813rem, 0.557rem + 0.53vw, 1rem);
}
.sliderArea.newStamp .swiper-slide .link a .img {
  position: static;
  margin-top: auto;
  text-align: center;
}
.sliderArea.newStamp .swiper-slide .link a .img img {
  max-height: 240px;
  max-width: 100%;
  height: auto;
  width: auto;
  border-radius: var(--radius-m);
  margin: auto;
}
.sliderArea.simpletextimg .swiper-slide a {
  text-decoration: none;
}
.sliderArea.simpletextimg .swiper-slide a .title {
  font-size: var(--font-m);
  font-weight: 700;
  color: var(--color-text-primary);
}
.sliderArea.simpletextimg .swiper-slide a .title.arrow:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  font-size: 0.7em;
  margin-left: 0.3em;
  font-weight: normal;
  position: relative;
  top: -0.1em;
}
.sliderArea.simpletextimg .swiper-slide a[target=_blank] .title:after {
  font-family: "icon-jp-post2025";
  font-size: 0.7em;
  margin-left: 0.3em;
  font-weight: normal;
  position: relative;
  top: -0.1em;
  content: "\e917";
}
.sliderArea.centerPeekSlider .swiper {
  overflow: hidden;
}
.sliderArea.centerPeekSlider .swiper .swiper-slide {
  width: min(1166px, 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sliderArea.centerPeekSlider .swiper img {
  display: block;
  width: 100%;
  height: auto;
}
.sliderArea.kittetimes .swiper-slide {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sliderArea.kittetimes .swiper-slide .link {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--color-bg-secondary);
  border-radius: var(--XL) var(--X2S);
}
.sliderArea.kittetimes .swiper-slide .link a {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding-bottom: 0;
  margin-bottom: 0;
  gap: var(--XS);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: var(--L) var(--M);
  text-decoration: none;
  width: 100%;
}
.sliderArea.kittetimes .swiper-slide .link a .title {
  margin-bottom: var(--XS);
  font-size: clamp(1.25rem, 1.079rem + 0.36vw, 1.375rem);
  font-size: var(--font-head-s);
  font-weight: 700;
  color: var(--color-text-primary);
}
.sliderArea.kittetimes .swiper-slide .link a .title.arrow:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  font-size: 0.7em;
  margin-left: 0.3em;
  font-weight: normal;
  position: relative;
  top: -0.1em;
}
.sliderArea.kittetimes .swiper-slide .link a .title + p {
  margin-top: 0;
  font-size: clamp(0.813rem, 0.557rem + 0.53vw, 1rem);
}
.sliderArea.kittetimes .swiper-slide .link a .img {
  position: static;
  margin-top: auto;
  text-align: center;
}
.sliderArea.kittetimes .swiper-slide .link a .img img {
  max-height: 250px;
  max-width: 100%;
  height: auto;
  width: auto;
  border-radius: var(--radius-m);
  margin: auto;
}
.sliderArea.bottomImgFixed-border .swiper-slide {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1px;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}
.sliderArea.bottomImgFixed-border .swiper-slide .link {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--color-gray);
  border-radius: var(--XL) var(--X2S);
}
.sliderArea.bottomImgFixed-border .swiper-slide a {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding-bottom: 0;
  margin-bottom: 0;
  gap: var(--XS);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  text-decoration: none;
  padding: var(--L) var(--M);
}
.sliderArea.bottomImgFixed-border .swiper-slide a .title {
  margin-bottom: var(--XS);
  font-size: clamp(1rem, 0.659rem + 0.71vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
}
.sliderArea.bottomImgFixed-border .swiper-slide a .title.arrow:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  font-size: 0.7em;
  margin-left: 0.3em;
  font-weight: normal;
  position: relative;
  top: -0.1em;
}
.sliderArea.bottomImgFixed-border .swiper-slide a .title + p {
  margin-top: 0;
  font-size: clamp(0.813rem, 0.557rem + 0.53vw, 1rem);
}
.sliderArea.bottomImgFixed-border .swiper-slide a .img {
  position: static;
  margin: auto;
  text-align: center;
}
.sliderArea.bottomImgFixed-border .swiper-slide a .img img {
  width: 100%;
  height: auto;
  display: block;
  max-height: 310px;
  max-width: 100%;
}
.sliderArea.autoheight .swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.sliderArea.autoheight .swiper-wrapper .swiper-slide {
  height: auto;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.sliderArea.autoheight .swiper-wrapper .swiper-slide.linkboxBorder .link {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sliderArea .clm4-swiper {
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .sliderArea .clm4-swiper {
    overflow: hidden;
  }
}
.sliderArea {
  /* sp */
}

/* lightbox風画像拡大 / 切手本紙など
--------------------------------------------------------- */
.lightbox-overlay {
  display: none;
}

.lightbox-overlay.is-open {
  display: block;
}

.thumb a.js-lightbox {
  position: relative;
  display: inline-block;
  width: 100%;
}

.zoom-icon {
  position: absolute;
  right: var(--M);
  bottom: var(--M);
  background: var(--color-secondary);
  color: #fff;
  padding: 10px 12px;
  font-size: 24px;
  line-height: 1;
  border-radius: 12px;
  pointer-events: none;
  z-index: 10;
}

/* Lightbox */
.lightbox-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0);
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.35s ease, background 0.35s ease, visibility 0s linear 0.35s;
  transition: opacity 0.35s ease, background 0.35s ease, visibility 0s linear 0.35s;
  z-index: 9999;
}

.lightbox-overlay.is-open {
  opacity: 1;
  visibility: visible;
  background: rgba(0, 0, 0, 0.82);
  -webkit-transition: opacity 0.35s ease, background 0.35s ease;
  transition: opacity 0.35s ease, background 0.35s ease;
}

.lightbox-stage {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.lightbox-figure {
  position: absolute;
  margin: 0;
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.lightbox-image {
  display: block;
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.lightbox-caption {
  position: absolute;
  left: 50%;
  bottom: 24px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: min(90vw, 960px);
  color: #fff;
  font-size: 14px;
  line-height: 1.7;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease 0.15s;
  transition: opacity 0.25s ease 0.15s;
  pointer-events: none;
}

.lightbox-overlay.is-open .lightbox-caption {
  opacity: 1;
}

.lightbox-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  border-radius: 999px;
  cursor: pointer;
  z-index: 2;
}

.lightbox-close:hover {
  background: rgba(0, 0, 0, 0.6);
}

/* 閉じるときの操作防止 */
body.is-lightbox-open {
  overflow: hidden;
}

/* ユーザー履歴関連
--------------------------------------------------------- */
.lastUsermenu ul li {
  display: inline-block;
  padding: 0.3em 0;
}
.lastUsermenu ul li a {
  font-size: var(--font-xs);
  text-decoration: none;
  display: block;
  white-space: nowrap;
  -webkit-transition: background 0.2s, border-color 0.2s, -webkit-box-shadow 0.2s;
  transition: background 0.2s, border-color 0.2s, -webkit-box-shadow 0.2s;
  transition: background 0.2s, box-shadow 0.2s, border-color 0.2s;
  transition: background 0.2s, box-shadow 0.2s, border-color 0.2s, -webkit-box-shadow 0.2s;
  padding: var(--X2S) var(--XS) var(--X2S);
  border: 1px solid var(--color-separate-primary);
  border-radius: 3rem;
  max-width: 100%;
  text-overflow: ellipsis;
  line-height: 1;
}
.lastUsermenu ul li a:before {
  font-family: "icon-jp-post2025";
  content: "\e91a";
  font-size: 120%;
  line-height: 0;
  position: relative;
  top: 0.1em;
  margin-right: 0.3em;
}
.lastUsermenu ul li a:hover {
  background: var(--color-bg-secondary);
}
.lastUsermenu ul li:focus-visible {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px rgba(100, 150, 255, 0.35);
          box-shadow: 0 0 0 2px rgba(100, 150, 255, 0.35);
  border-color: var(--color-button-focus);
}
.lastUsermenu ul li {
  margin-right: 0.5em;
}
@media screen and (max-width: 767px) {
  .lastUsermenu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.7em;
  }
  .lastUsermenu ul li {
    margin: 0;
    padding: 0;
  }
  .lastUsermenu ul li a {
    font-size: var(--font-xxs);
    white-space: unset;
  }
}
.lastUsermenu {
  /* sp */
}

/* 記事一覧
--------------------------------------------------------- */
.newsList article.item {
  padding: var(--L) 0;
  border-top: 1px solid var(--color-gray2);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.newsList article.item .meta {
  -ms-flex-preferred-size: 18ch;
      flex-basis: 18ch;
}
.newsList article.item .meta time {
  color: var(--color-text-primary);
  font-weight: 700;
}
.newsList article.item .meta span.category {
  display: block;
  font-size: var(--font-xxs);
  margin-top: 0.5em;
}
.newsList article.item .meta span.category a {
  color: var(--color-text-primary);
  text-decoration: none;
}
.newsList article.item .meta span.category:before {
  content: "";
  background: var(--color-primary);
  height: 0.4rem;
  width: 0.4rem;
  border-radius: 2rem;
  display: inline-block;
  margin-right: 0.3em;
  position: relative;
  top: -0.1em;
}
.newsList article.item .content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-left: 1px solid var(--color-gray2);
  padding-left: var(--XL);
  position: relative;
}
.newsList article.item .content .title {
  font-size: var(--font-m);
  font-weight: 700;
}
.newsList article.item .content .title a {
  color: var(--color-text-primary);
  text-decoration: none;
}
.newsList article.item .content .title a:hover {
  text-decoration: underline;
}
.newsList article.item .content .title a:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  height: 1em;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  font-weight: normal;
}
.newsList article.item .content .title a[target=_blank]:after {
  content: "\e917";
}
.newsList article.item .content ul.tags {
  margin-top: var(--X2S);
}
.newsList article.item .content ul.tags li {
  display: inline-block;
  font-size: var(--font-xs);
  background: var(--color-fill);
  padding: 0.3em 0.8em;
  line-height: 1;
  border-radius: var(--radius-s);
}
.newsList article.item .content ul.tags li a {
  text-decoration: none;
}
.newsList article.item .content ul.tags li a:hover {
  text-decoration: underline;
}
.newsList article.item .content ul.tags li + li {
  margin-left: 0.5em;
}
.newsList article.item:last-child {
  border-bottom: 1px solid var(--color-gray2);
}
@media screen and (max-width: 767px) {
  .newsList article.item {
    display: block;
  }
  .newsList article.item .meta span.category {
    display: inline-block;
    margin-left: 1rem;
    margin-top: 0;
  }
  .newsList article.item .content {
    margin-top: var(--X2S);
    padding-left: 0;
    border-left: 0;
  }
  .newsList article.item .content .title a:after {
    position: relative;
    height: 0.9em;
    font-size: 0.9em;
    margin-left: 0.3em;
  }
}
.newsList {
  /* sp */
}

.list_sort ul li {
  display: inline-block;
  font-size: var(--font-xs);
  padding: var(--X3S);
}
.list_sort ul li.active {
  font-weight: bold;
  border-bottom: 2px solid var(--color-texticon-accent);
}

ul.catBtnList li {
  display: inline-block;
  margin: 0.3em 0;
  font-size: var(--font-xs);
}
ul.catBtnList li .btn {
  background: #FFF;
  border: 1px solid var(--color-separate-primary);
  color: var(--color-text-primary);
  text-align: center;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 0.5em 1.5em;
  border-radius: 5em;
}
ul.catBtnList li .btn.active, ul.catBtnList li .btn:hover {
  border: 1px solid var(--color-button-primary);
  background: var(--color-button-primary);
  color: #FFF;
  text-align: center;
  display: inline-block;
}
ul.catBtnList li.all {
  display: block;
  width: 100%;
}
ul.catBtnList li.all .btn {
  width: 100%;
}
ul.catBtnList li:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  ul.catBtnList li.wauto-sp {
    display: inline-block;
    width: auto;
  }
}
ul.catBtnList {
  /* sp */
}

.postList.text .post {
  border-top: 1px solid var(--color-separate-primary);
  padding: var(--S) 0;
}
.postList.text .post .date {
  color: var(--color-texticon-secondary);
  font-size: var(--font-xs);
  margin-bottom: var(--X3S);
}
.postList.text .post .title {
  position: relative;
}
.postList.text .post .title a {
  color: var(--color-text-primary);
  text-decoration: none;
}
.postList.text .post .title a:hover {
  text-decoration: underline;
}
.postList.text .post .title a:after {
  font-family: "icon-jp-post2025";
  content: "\e902";
  height: 1em;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  font-weight: normal;
}
.postList.text .post .title a[target=_blank]:after {
  content: "\e917";
}
.postList.text .post:last-child {
  border-bottom: 1px solid var(--color-separate-primary);
}

/* 記事詳細
--------------------------------------------------------- */
.postHead {
  margin-top: var(--XL);
  margin-bottom: var(--S);
}
.postHead .date {
  font-size: var(--font-xs);
}
.postHead .category {
  font-size: var(--font-xs);
  background: var(--color-fill);
  padding: 0.3em 0.8em;
  line-height: 1;
  border-radius: var(--radius-s);
}

/* Modal Drawer
--------------------------------------------------------- */
.modalDrawer {
  pointer-events: none;
}
.modalDrawer__overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 998;
}
.modalDrawer__panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 380px;
  max-width: 100%;
  height: 100vh;
  background: #fff;
  -webkit-box-shadow: -4px 0 16px rgba(0, 0, 0, 0.15);
          box-shadow: -4px 0 16px rgba(0, 0, 0, 0.15);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modalDrawer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.modalDrawer__header {
  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: 8px;
  margin-bottom: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.modalDrawer__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding-right: 4px;
}
.modalDrawer__close {
  border: none;
  background: none;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.modalDrawer.is-open {
  pointer-events: auto;
}
.modalDrawer.is-open .modalDrawer__overlay {
  opacity: 1;
  visibility: visible;
}
.modalDrawer.is-open .modalDrawer__panel {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media screen and (max-width: 767px) {
  .modalDrawer__panel {
    width: 100%;
    height: 66vh;
    top: auto;
    bottom: 0;
    right: 0;
    -webkit-box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.15);
            box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.15);
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    border-radius: var(--radius-l) var(--radius-l) 0 0;
  }
  .modalDrawer.is-open .modalDrawer__panel {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.modalDrawer {
  /* sp */
}

/* unique page fixedmenu / 海外へのお荷物の送り方初心者ガイドなど
--------------------------------------------------------- */
.uq_fixed-menu {
  position: fixed;
  top: 75px;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1000;
  opacity: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  pointer-events: none;
}
.uq_fixed-menu.is-active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
}
@media screen and (max-width: 767px) {
  .uq_fixed-menu {
    top: 130px;
    overflow: hidden;
  }
  .uq_fixed-menu .inner {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .uq_fixed-menu .inner > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 8px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
  }
  .uq_fixed-menu .inner > div > a {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30vw;
            flex: 0 0 30vw;
  }
}
.uq_fixed-menu {
  /* sp */
}

/*  海外へのお荷物の送り方初心者ガイドの個別設定 */
.uq_fixed-menu .inner a.btnborderlight2L {
  line-height: 1.2;
}
.uq_fixed-menu .inner a.btnborderlight2L.is-active {
  background: var(--color-text-secondary);
  color: #FFF;
}
.uq_fixed-menu .inner a.btnborderlight2L.is-active small {
  color: #FFF !important;
}
@media screen and (max-width: 767px) {
  .uq_fixed-menu .inner a.btnborderlight2L {
    font-size: var(--font-xxs);
  }
}
.uq_fixed-menu {
  /* sp */
}

/*----------------------------------------------------------
	一時対応
--------------------------------------------------------- */