@charset "UTF-8";
@import "variables.css"; /* CSS変数をインポート */
/* ==============================================================
*  ベース
* ============================================================ */
* {
  margin: 0;
  padding: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  border: 0;
  font-size: 100%;
  line-height: 1;
  font-style: normal;
  font-weight: normal;
  font: inherit;
  vertical-align: baseline;
}

html {
  font-size: 62.5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: Verdana, Roboto, "Droid Sans", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
  color: #000000;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

/* HTML5 display-role reset for older browsers */
main, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

ol li,
ul li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote::before, blockquote::after,
q::before, q::after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
  color: var(--cc-primary);
}

a:focus,
*:focus {
  outline: none;
}

img {
  max-width: 100%;
  width: 100%;
  height: auto;
  border-width: 0;
  line-height: 0;
  vertical-align: bottom;
}

a img {
  outline: none;
  border-width: 0;
  border-style: none;
}

video {
  width: 100%;
  height: auto;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-padding-after: 0 !important;
          padding-block-end: 0 !important;
  -webkit-padding-before: 0 !important;
          padding-block-start: 0 !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

select,
textarea,
input,
form {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  outline: 0;
  color: inherit;
  font-family: inherit;
  background: #FFFFFF;
  vertical-align: middle;
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

textarea:focus,
input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

input[type=submit],
input[type=button] {
  border-radius: 0;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  cursor: pointer;
}

input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}

input[type=submit]::focus,
input[type=button]::focus {
  outline-offset: -2px;
}

input[type=radio],
input[type=checkbox] {
  opacity: 0;
  position: absolute;
}

textarea:-ms-input-placeholder {
  color: #DDDDDD;
}

textarea::-ms-input-placeholder {
  color: #DDDDDD;
}

textarea::-webkit-input-placeholder {
  color: #DDDDDD;
}

textarea::-moz-placeholder {
  color: #DDDDDD;
}

textarea::placeholder {
  color: #DDDDDD;
}

input:-ms-input-placeholder {
  color: #DDDDDD;
}

input::-ms-input-placeholder {
  color: #DDDDDD;
}

input::-webkit-input-placeholder {
  color: #DDDDDD;
}

input::-moz-placeholder {
  color: #DDDDDD;
}

input::placeholder {
  color: #DDDDDD;
}

/* ================================================

- Base

================================================ */
[v-cloak] {
  display: none;
}

_:-ms-lang(x)::-ms-backdrop, [v-cloak] {
  display: block;
}

html,
body {
  height: 100%;
}

body {
  overflow-x: hidden;
  -ms-scroll-chaining: chained;
      overscroll-behavior: auto;
}

body.-bodyScrollStop {
  overflow: hidden;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

#footer {
  position: sticky;
  top: calc(100vh - 40px);
}

/* ================================================

- フォント

================================================ */
/* ================================================

- フォントサイズ

================================================ */
/* ================================================

- RWD表示切り替え

================================================ */
@media all and (min-width: 569px) {
  .nopc {
    display: none !important;
  }
}
@media all and (max-width: 568px) {
  .nosp {
    display: none !important;
  }
}
/* ================================================

- flex

================================================ */
/* ================================================

- margin

================================================ */
/* magrin-topを5px刻みで50pxまで */
.m-top0 {
  margin-top: 0px;
}

.m-top5 {
  margin-top: 5px;
}

.m-top10 {
  margin-top: 10px;
}

.m-top15 {
  margin-top: 15px;
}

.m-top20 {
  margin-top: 20px;
}

.m-top25 {
  margin-top: 25px;
}

.m-top30 {
  margin-top: 30px;
}

.m-top35 {
  margin-top: 35px;
}

.m-top40 {
  margin-top: 40px;
}

.m-top45 {
  margin-top: 45px;
}

.m-top50 {
  margin-top: 50px;
}

.m-top55 {
  margin-top: 55px;
}

.m-top60 {
  margin-top: 60px;
}

.m-top65 {
  margin-top: 65px;
}

.m-top70 {
  margin-top: 70px;
}

.m-top75 {
  margin-top: 75px;
}

.m-top80 {
  margin-top: 80px;
}

.m-top85 {
  margin-top: 85px;
}

.m-top90 {
  margin-top: 90px;
}

.m-top95 {
  margin-top: 95px;
}

.m-top100 {
  margin-top: 100px;
}

/* magrin-bottomを5px刻みで50pxまで */
.m-btm0 {
  margin-bottom: 0px;
}

.m-btm5 {
  margin-bottom: 5px;
}

.m-btm10 {
  margin-bottom: 10px;
}

.m-btm15 {
  margin-bottom: 15px;
}

.m-btm20 {
  margin-bottom: 20px;
}

.m-btm25 {
  margin-bottom: 25px;
}

.m-btm30 {
  margin-bottom: 30px;
}

.m-btm35 {
  margin-bottom: 35px;
}

.m-btm40 {
  margin-bottom: 40px;
}

.m-btm45 {
  margin-bottom: 45px;
}

.m-btm50 {
  margin-bottom: 50px;
}

.m-btm55 {
  margin-bottom: 55px;
}

.m-btm60 {
  margin-bottom: 60px;
}

.m-btm65 {
  margin-bottom: 65px;
}

.m-btm70 {
  margin-bottom: 70px;
}

.m-btm75 {
  margin-bottom: 75px;
}

.m-btm80 {
  margin-bottom: 80px;
}

.m-btm85 {
  margin-bottom: 85px;
}

.m-btm90 {
  margin-bottom: 90px;
}

.m-btm95 {
  margin-bottom: 95px;
}

.m-btm100 {
  margin-bottom: 100px;
}

/* magrin-leftを5px刻みで50pxまで */
.m-left0 {
  margin-left: 0px;
}

.m-left5 {
  margin-left: 5px;
}

.m-left10 {
  margin-left: 10px;
}

.m-left15 {
  margin-left: 15px;
}

.m-left20 {
  margin-left: 20px;
}

.m-left25 {
  margin-left: 25px;
}

.m-left30 {
  margin-left: 30px;
}

.m-left35 {
  margin-left: 35px;
}

.m-left40 {
  margin-left: 40px;
}

.m-left45 {
  margin-left: 45px;
}

.m-left50 {
  margin-left: 50px;
}

.m-left55 {
  margin-left: 55px;
}

.m-left60 {
  margin-left: 60px;
}

.m-left65 {
  margin-left: 65px;
}

.m-left70 {
  margin-left: 70px;
}

.m-left75 {
  margin-left: 75px;
}

.m-left80 {
  margin-left: 80px;
}

.m-left85 {
  margin-left: 85px;
}

.m-left90 {
  margin-left: 90px;
}

.m-left95 {
  margin-left: 95px;
}

.m-left100 {
  margin-left: 100px;
}

/* magrin-rightを5px刻みで50pxまで */
.m-right0 {
  margin-right: 0px;
}

.m-right5 {
  margin-right: 5px;
}

.m-right10 {
  margin-right: 10px;
}

.m-right15 {
  margin-right: 15px;
}

.m-right20 {
  margin-right: 20px;
}

.m-right25 {
  margin-right: 25px;
}

.m-right30 {
  margin-right: 30px;
}

.m-right35 {
  margin-right: 35px;
}

.m-right40 {
  margin-right: 40px;
}

.m-right45 {
  margin-right: 45px;
}

.m-right50 {
  margin-right: 50px;
}

.m-right55 {
  margin-right: 55px;
}

.m-right60 {
  margin-right: 60px;
}

.m-right65 {
  margin-right: 65px;
}

.m-right70 {
  margin-right: 70px;
}

.m-right75 {
  margin-right: 75px;
}

.m-right80 {
  margin-right: 80px;
}

.m-right85 {
  margin-right: 85px;
}

.m-right90 {
  margin-right: 90px;
}

.m-right95 {
  margin-right: 95px;
}

.m-right100 {
  margin-right: 100px;
}

/* ================================================

- イージング

================================================ */
/* ==============================================================
*  レイアウト
* ============================================================ */
/* ================================================

- 共通

================================================ */
@media (hover: hover) {
  .l-header__frontLogo a:-moz-any-link:hover .l-header__logo a:-moz-any-link:hover {
    opacity: 0.7;
  }
  .l-header__frontLogo a:any-link:hover .l-header__logo a:any-link:hover {
    opacity: 0.7;
  }
  .l-header__account button:enabled:hover {
    opacity: 0.7;
  }
}
.l-header__frontLogo a,
.l-header__account button,
.l-header__logo a {
  -webkit-transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

/* ================================================

- ヘッダー

================================================ */
#header {
  width: 100%;
}

.l-header {
  width: 100%;
  background-color: #FFFFFF;
  position: fixed;
  top: 0;
  z-index: var(--header);
}
.l-header .l-header__inner {
  min-height: 68px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.l-header.-front {
  border-bottom: solid 1px #e8e8e8;
}
.l-header.-front .l-header__inner {
  min-height: 54px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

body.front.-colorBg .l-header.-front {
  border-bottom: none;
}

.l-header__inner {
  padding: 0 20px 0 16px;
}

.l-header__logo{
	width: var(--header-admin-pc);
}
.l-header__frontLogo{
	width: var(--header-front-pc);
}
.l-header__frontLogo a,
.l-header__logo a {
  display: block;
}

/* .l-header__logo img {
  width: auto;
  height: 42px;
}

.l-header__frontLogo img {
  width: auto;
  height: 28px;
} */

.l-header__account button span {
  display: block;
  padding: 0 25px 0 26px;
  font-size: 1.6rem;
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  white-space: nowrap;
  position: relative;
}
.l-header__account button span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
	background-color: var(--cc-primary);
  -webkit-mask-image: url('/asset/images/common/icon/icon_account.svg');
  mask-image: url('/asset/images/common/icon/icon_account.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218px%22%20height%3D%2224px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(0%2C%20146%2C%2096)%22%20d%3D%22M9.000%2C15.384%20C4.094%2C15.384%200.092%2C18.959%200.000%2C23.1000%20L1.950%2C23.1000%20C2.041%2C20.069%205.169%2C17.396%209.000%2C17.396%20C12.831%2C17.396%2015.958%2C20.069%2016.050%2C23.1000%20L17.1000%2C23.1000%20C17.908%2C18.959%2013.906%2C15.384%209.000%2C15.384%20ZM9.000%2C13.846%20C12.699%2C13.846%2015.708%2C10.740%2015.708%2C6.923%20C15.708%2C3.106%2012.699%2C0.000%209.000%2C0.000%20C5.301%2C0.000%202.292%2C3.106%202.292%2C6.923%20C2.292%2C10.740%205.301%2C13.846%209.000%2C13.846%20ZM9.000%2C2.012%20C11.624%2C2.012%2013.759%2C4.215%2013.759%2C6.923%20C13.759%2C9.630%2011.624%2C11.833%209.000%2C11.833%20C6.376%2C11.833%204.241%2C9.630%204.241%2C6.923%20C4.241%2C4.215%206.376%2C2.012%209.000%2C2.012%20Z%22%2F%3E%3C%2Fsvg%3E"); */
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 24px;
}
.l-header__account button span::after {
  content: "";
  position: absolute;
  top: 57%;
  right: 10px;
  translate: 0 -50%;
  width: 8px;
  height: 8px;
  border-top: solid 2px var(--cc-primary);
  border-right: solid 2px var(--cc-primary);
  rotate: 45deg;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .l-header {
    z-index: 10;
    width: 100%;
  }
  .l-header .l-header__inner {
    min-height: 68px;
  }
  .l-header.-front .l-header__inner {
    min-height: 54px;
  }
  .l-header__inner {
    padding: 0 4vw;
  }
	.l-header__logo{
		max-width: var(--header-admin-pc);
		width: var(--header-admin-sp);
	}
	.l-header__frontLogo{
		max-width: var(--header-flont-pc);
		width: var(--header-front-sp);
	}
  /* .l-header__logo img {
    width: auto;
    height: 42px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .l-header__frontLogo img {
    width: auto;
    height: 28px;
    -o-object-fit: cover;
       object-fit: cover;
  } */
  .l-header__account button {
    max-width: 53.333vw;
  }
  .l-header__account button span {
    padding: 2px 22px 2px 26px;
    font-size: 4vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
/* ================================================

- 共通

================================================ */
@media (hover: hover) {
  .l-nav__front__item a:-moz-any-link:hover, .l-nav__item a:-moz-any-link:hover {
    opacity: 0.7;
  }
  .l-nav__front__item a:any-link:hover,
  .l-nav__item a:any-link:hover {
    opacity: 0.7;
  }
}
.l-nav__front__item a,
.l-nav__item a {
  -webkit-transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

/* ================================================

- オーバーレイ

================================================ */
.l-overlay {
  display: none;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 11;
}
.l-overlay:hover {
  cursor: pointer;
}

.l-overlay.-active {
  display: block;
  -webkit-animation: appear 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
          animation: appear 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@-webkit-keyframes appear {
  0% {
    opacity: 0;
  }
  99.9%, to {
    opacity: 1;
  }
}

@keyframes appear {
  0% {
    opacity: 0;
  }
  99.9%, to {
    opacity: 1;
  }
}
/* ================================================

- ナビゲーション

================================================ */
.l-nav {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  right: -320px;
  bottom: 0;
  max-width: 320px;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  height: 100svh;
  padding: 60px 0;
  -webkit-transition: visibility 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95), right 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: visibility 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95), right 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  background-color: #FFFFFF;
  z-index: var(--nav);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.l-nav.-active {
  visibility: visible;
  opacity: 1;
  right: 0;
}

.l-nav__inner {
  padding: 0 20px;
}

.l-nav__content {
  padding: 22px 8px 18px;
  border-top: solid 1px #e8e8e8;
}

.l-nav__ttl {
  font-size: 1.8rem;
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  white-space: nowrap;
}

.l-nav__ttl + ul.l-nav__list {
  margin-top: 16px;
}

.l-nav__item > a span {
  display: block;
  padding-left: 17px;
  font-size: 1.6rem;
  line-height: 1.675;
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  white-space: nowrap;
  position: relative;
}
.l-nav__item > a span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 7px;
  height: 7px;
  border-top: 1px solid var(--cc-primary);
  border-right: 1px solid var(--cc-primary);
  rotate: 45deg;
}
.l-nav__item > a:not([href]) {
  cursor: default;
  opacity: 0.2;
}

.l-nav__item:not(:first-of-type) {
  margin-top: 5px;
}

.l-nav__front {
  padding-top: 3px;
}

.l-nav__front__account {
  width: 280px;
}
.l-nav__front__account span {
  display: block;
  padding: 5px 0 5px 37px;
  font-size: 1.8rem;
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.l-nav__front__account span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
	background-color: var(--cc-primary);
  -webkit-mask-image: url('/asset/images/common/icon/icon_account.svg');
  mask-image: url('/asset/images/common/icon/icon_account.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218px%22%20height%3D%2224px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(0%2C%20146%2C%2096)%22%20d%3D%22M9.000%2C15.384%20C4.094%2C15.384%200.092%2C18.959%200.000%2C23.1000%20L1.950%2C23.1000%20C2.041%2C20.069%205.169%2C17.396%209.000%2C17.396%20C12.831%2C17.396%2015.958%2C20.069%2016.050%2C23.1000%20L17.1000%2C23.1000%20C17.908%2C18.959%2013.906%2C15.384%209.000%2C15.384%20ZM9.000%2C13.846%20C12.699%2C13.846%2015.708%2C10.740%2015.708%2C6.923%20C15.708%2C3.106%2012.699%2C0.000%209.000%2C0.000%20C5.301%2C0.000%202.292%2C3.106%202.292%2C6.923%20C2.292%2C10.740%205.301%2C13.846%209.000%2C13.846%20ZM9.000%2C2.012%20C11.624%2C2.012%2013.759%2C4.215%2013.759%2C6.923%20C13.759%2C9.630%2011.624%2C11.833%209.000%2C11.833%20C6.376%2C11.833%204.241%2C9.630%204.241%2C6.923%20C4.241%2C4.215%206.376%2C2.012%209.000%2C2.012%20Z%22%2F%3E%3C%2Fsvg%3E"); */
  background-size: contain;
  background-repeat: no-repeat;
  width: 22px;
  height: 28px;
}
.l-nav__front__account span small {
  margin-left: 5px;
  font-size: 1.6rem;
}

.l-nav__front__content {
  margin-top: 22px;
  padding-top: 29px;
  border-top: solid 1px #e8e8e8;
}

.l-nav__front__list {
  padding: 0 5px;
}

.l-nav__front__item > a span {
  display: block;
  padding-left: 32px;
  font-size: 1.6rem;
  line-height: 1.675;
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  white-space: nowrap;
  position: relative;
}
.l-nav__front__item > a span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  /* background-size: contain;
  background-repeat: no-repeat; */
  width: 20px;
  height: 20px;
	background-color: var(--cc-primary);
	-webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
	-webkit-mask-size: contain;
  mask-size: contain;
}
.l-nav__front__item > a:not([href]) {
  cursor: default;
  opacity: 0.2;
}

.l-nav__front__item:not(:first-of-type) {
  margin-top: 21px;
}

.l-nav__front__item.-info a span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_thumbnail.svg');
  mask-image: url('/asset/images/common/icon/icon_thumbnail.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%230b8c5d%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M17.2%2C19.01H2.8c-.99%2C0-1.79-.81-1.79-1.8V2.79c0-.99.8-1.8%2C1.79-1.8h14.39c.99%2C0%2C1.79.81%2C1.79%2C1.8v14.42c0%2C.99-.8%2C1.8-1.79%2C1.8ZM17.45%2C2.54H2.55v14.92h14.9V2.54ZM10.11%2C12.32c2.21%2C0%2C4.27%2C1.05%2C5.58%2C2.82-.42.3-.87.56-1.34.79-1.02-1.3-2.59-2.07-4.24-2.07s-3.31.81-4.33%2C2.18c-.47-.21-.92-.47-1.36-.76%2C1.3-1.86%2C3.41-2.97%2C5.69-2.97ZM10%2C11.06c-1.84%2C0-3.34-1.5-3.34-3.34s1.5-3.35%2C3.34-3.35%2C3.34%2C1.5%2C3.34%2C3.35-1.5%2C3.34-3.34%2C3.34ZM10%2C5.92c-.99%2C0-1.8.81-1.8%2C1.8s.81%2C1.8%2C1.8%2C1.8%2C1.8-.81%2C1.8-1.8-.81-1.8-1.8-1.8Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3C%2Fsvg%3E"); */
}

.l-nav__front__item.-mail a span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_mail.svg');
  mask-image: url('/asset/images/common/icon/icon_mail.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%230b8c5d%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M18.26%2C2H1.74c-.42%2C0-.76.34-.76.77v14.46c0%2C.43.34.77.76.77h16.52c.42%2C0%2C.76-.35.76-.77V2.77c0-.43-.34-.77-.76-.77ZM17.41%2C3.54l-7.34%2C6.32L2.6%2C3.54h14.81ZM17.5%2C16.46H2.5V5.5l7.57%2C6.41%2C7.43-6.4v10.94Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3C%2Fsvg%3E"); */
}

.l-nav__front__item.-password a span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_issue.svg');
  mask-image: url('/asset/images/common/icon/icon_issue.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%230b8c5d%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M18.23%2C19H1.77c-.43%2C0-.77-.34-.77-.77V7.04c0-.42.35-.77.77-.77h3.14v-.19C4.91%2C3.27%2C7.19%2C1%2C10%2C1s5.09%2C2.27%2C5.09%2C5.08v.19h3.14c.43%2C0%2C.77.35.77.77v11.19c0%2C.43-.35.77-.77.77ZM13.39%2C6.08c0-1.87-1.52-3.39-3.39-3.39s-3.39%2C1.52-3.39%2C3.39v.19h6.79v-.19ZM17.46%2C7.81H2.54v9.65h14.91V7.81ZM7.01%2C13.7h-2.13v-2.13h2.13v2.13ZM11.07%2C13.7h-2.13v-2.13h2.13v2.13ZM15.12%2C13.7h-2.13v-2.13h2.13v2.13Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3C%2Fsvg%3E"); */
}

.l-nav__front__item.-history a span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_history.svg');
  mask-image: url('/asset/images/common/icon/icon_history.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%230b8c5d%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M17.46%2C2.55H2.54v14.9h3.26v1.54H1.76c-.42%2C0-.77-.35-.77-.77V1.78c0-.43.35-.77.77-.77h16.47c.43%2C0%2C.77.35.77.77v4.01h-1.54v-3.24ZM13.09%2C7.18c3.26%2C0%2C5.91%2C2.65%2C5.91%2C5.91s-2.65%2C5.91-5.91%2C5.91-5.91-2.65-5.91-5.91%2C2.65-5.91%2C5.91-5.91ZM13.09%2C17.45c2.41%2C0%2C4.37-1.96%2C4.37-4.37s-1.96-4.37-4.37-4.37-4.37%2C1.96-4.37%2C4.37%2C1.96%2C4.37%2C4.37%2C4.37ZM13.86%2C12.76l1.65%2C1.65-1.09%2C1.09-2.1-2.1v-3.14h1.54v2.51Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3C%2Fsvg%3E"); */
}

.l-nav__front__item.-logout a span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_logout.svg');
  mask-image: url('/asset/images/common/icon/icon_logout.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%230b8c5d%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M18.55%2C10l-2.9%2C3.94v-2.95H7.32v-1.97h8.33v-2.95l2.9%2C3.94ZM11.66%2C2.54H2.99v14.92h8.66v-3.28h1.54v3.03c0%2C.99-.81%2C1.8-1.79%2C1.8H3.24c-.99%2C0-1.79-.81-1.79-1.8V2.79c0-.99.81-1.79%2C1.79-1.79h8.16c.99%2C0%2C1.79.81%2C1.79%2C1.79v3.03h-1.54v-3.29Z%22%2F%3E%3C%2Fsvg%3E"); */
}

/*--- media screen ---*/
/* ================================================

- @hover

================================================ */
/* ================================================

- フッター

================================================ */
#footer {
  width: 100%;
}

body.-colorBg .l-footer {
  background-color: var(--cc-base-2);
}
body.-colorBg .l-footer .l-footer__copyright {
  text-align: center;
}

.l-footer {
  width: 100%;
  padding-bottom: 27px;
  background-color: var(--cc-base-2);
}

.l-footer.-front {
  padding-top: 38px;
  padding-bottom: 42px;
  border-top: solid 1px #e8e8e8;
  background-color: #FFFFFF !important;
}
.l-footer.-front .l-footer__copyright {
  margin-top: 22px;
  text-align: center;
}

body.front.-colorBg .l-footer.-front {
  border-top: none;
}

.l-body.-front + #footer .l-footer.-front {
  border-top: none;
}

.l-footer__inner {
  padding: 0 26px;
}

.l-footer__banner {
  width: var(--footer-front-pc);
  margin: 0 auto;
}

.l-footer__copyright {
  text-align: right;
}
.l-footer__copyright small {
  font-size: 1.3rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #666666;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
	.l-footer__inner {
		padding: 0 20px;
	}

	.l-footer__banner {
		max-width: var(--footer-front-pc);
		width: var(--footer-front-sp);
	}
}
/* ================================================

- @hover

================================================ */
/* ================================================

- layout

================================================ */
body.-colorBg {
  background-color: var(--cc-base-1);
}
body.-colorBg .l-wrapper {
  background-color: var(--cc-base-1);
}

.l-wrapper {
  min-height: 100%;
  padding-top: 68px;
  background-color: var(--cc-base-2);
}

.l-wrapper.login-wrapper {
  padding-top: 0;
}

.l-wrapper.-front {
  padding-top: 54px;
  background-color: #FFFFFF;
}

.l-body {
  padding-top: 40px;
  padding-bottom: 55px;
}

.l-body.-front {
  padding-top: 0;
  padding-bottom: 0;
}

.l-body.-line {
  padding-top: 55px;
  padding-bottom: 85px;
}

.l-body.-registRequest {
  background: var(--cc-base-1);
}

.l-container {
  margin-top: 28px;
}

/*--- media screen ---*/
@media screen and (max-width: 1024px) {
  .l-body.-front .l-body__inner {
    padding: 0;
  }
  .l-body__inner {
    padding: 0 1.953vw;
  }
}
/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .l-body__inner {
    padding: 0 5.333vw;
  }
}
/* ================================================

-

================================================ */
/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .volunteer-form {
    margin-bottom: 10px;
  }
}
/* ================================================

-

================================================ */
/*--- media screen ---*/
/* ================================================

-

================================================ */
/*--- media screen ---*/
/* ==============================================================
*  モジュール
* ============================================================ */
/* ================================================

- @hover

================================================ */
@media (hover: hover) {
  .m-btn--small a:-moz-any-link:hover, .m-btn a:-moz-any-link:hover {
    opacity: 0.7;
  }
  .m-btn--small a:any-link:hover,
  .m-btn a:any-link:hover {
    opacity: 0.7;
  }
  .m-btn--small button:enabled:hover,
  .m-btn button:enabled:hover {
    opacity: 0.7;
  }
}
.m-btn--small button,
.m-btn--small a,
.m-btn button,
.m-btn a {
  -webkit-transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

/* ================================================

- 共通

================================================ */
.m-w1280 {
  max-width: 1280px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.m-w1160 {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.m-w1120 {
  max-width: 1120px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.m-w1040 {
  max-width: 1040px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.m-w720 {
  max-width: 720px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.m-wrapper {
  position: relative;
}

/*--- media screen ---*/
/* ================================================

- テキスト

================================================ */
.m-pageTtl {
  font-size: 2.6rem;
  line-height: 1.275;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.m-pageTtl span {
  display: inline-block;
  margin-right: 0.75em;
}

.m-subTtl {
  font-size: 1.9rem;
  line-height: 1.275;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  position: relative;
  padding-left: 1em;
}
.m-subTtl::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 12px;
  height: 12px;
  background-color: var(--cc-primary);
}

*.m-fz16-lh15 {
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-wrap: pretty;
}

*.m-fz16-lh18 {
  font-size: 1.6rem;
  line-height: 1.875;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-wrap: pretty;
}

*.m-fz17-lh16 {
  font-size: 1.7rem;
  line-height: 1.647;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-wrap: pretty;
}

*.m-fz18-lh16 {
  font-size: 1.8rem;
  line-height: 1.667;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-wrap: pretty;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .m-pageTtl {
    font-size: 5.8666666667vw;
  }
  .m-pageTtl span {
    display: block;
    margin-right: 0;
  }
  .m-subTtl {
    font-size: 4.5333333333vw;
  }
  .m-subTtl::before {
    max-width: 12px;
    max-height: 12px;
    width: 3.2vw;
    height: 3.2vw;
  }
  *.m-fz16-lh15 {
    font-size: 4vw;
  }
  *.m-fz16-lh18 {
    font-size: 4vw;
  }
  *.m-fz17-lh16 {
    font-size: 4.2666666667vw;
  }
  *.m-fz18-lh16 {
    font-size: 4.5333333333vw;
  }
}
/* ================================================

-

================================================ */
.m-flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 14px;
}

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

.m-flex.-between {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.m-flex.-end {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.m-flex.-alignCenter {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.m-flex.-alignEnd {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: end;
  -webkit-box-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.m-flex.-alignBaseline {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: baseline;
  -webkit-box-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .m-flex {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
  }
}
/* ================================================

- ボタン

================================================ */
.m-btn button,
.m-btn a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 280px;
  min-height: 48px;
  padding: 10px 18px;
  font-size: 1.6rem;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  background-color: var(--cc-primary);
  border-radius: 5px;
  position: relative;
  z-index: 1;
}
.m-btn button span,
.m-btn a span {
  display: inline-block;
  width: auto;
  position: relative;
  text-align: center;
  z-index: 1;
}
.m-btn a:not([href]) {
  background-color: #bcbcbc;
}

.m-btn.-front button,
.m-btn.-front a {
  min-width: 210px;
  font-size: 1.5rem;
  border-radius: calc(infinity * 1px);
}
.m-btn.-front button span,
.m-btn.-front a span {
  padding-left: 0;
}

.m-btn.-front.-reset button,
.m-btn.-front.-reset a {
  background-color: transparent;
  color: var(--cc-gray);
  border: solid 2px var(--cc-gray);
}

.m-btn.-front[class*=-icon--] button span,
.m-btn.-front[class*=-icon--] a span {
  padding-left: 25px;
}

.m-btn.-w220 button,
.m-btn.-w220 a {
  min-width: 220px;
  min-height: 42px;
}

.m-btn.-w150 button,
.m-btn.-w150 a {
  min-width: 154px;
  min-height: 42px;
}

.m-btn.-w130 button,
.m-btn.-w130 a {
  min-width: 130px;
  min-height: 42px;
}

.m-btn.-w140 button,
.m-btn.-w140 a {
  min-width: 140px;
  min-height: 42px;
}

.m-btn.-w60 button,
.m-btn.-w60 a {
  min-width: 64px;
  min-height: 42px;
}

.m-btn.-delete button,
.m-btn.-delete a {
  min-width: 160px;
  min-height: 42px;
  background-color: #555555;
}

.m-btn.-medium button,
.m-btn.-medium a {
  min-width: 144px;
  min-height: 36px;
  padding: 1px 10px;
}

.m-btn.-small button,
.m-btn.-small a {
  min-width: 100px;
  min-height: 36px;
  padding: 1px 10px;
}

.m-btn.-min button,
.m-btn.-min a {
  min-width: 0;
  min-height: 36px;
  padding: 1px 17px;
}

.l-form__select__btn .m-btn.-min button,
.l-form__select__btn .m-btn.-min a {
  background-color: transparent;
  color: #000000;
  border: solid 1px var(--cc-gray);
}

.m-btn.-gray button,
.m-btn.-gray a {
  background-color: #555555;
}

.m-btn--small {
  display: inline-block;
}
.m-btn--small button,
.m-btn--small a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 64px;
  min-height: 36px;
  padding: 8px 16px;
  font-size: 1.5rem;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  background-color: var(--cc-primary);
  border-radius: 4px;
  position: relative;
}
.m-btn--small a:not([href]) {
  background-color: #bcbcbc;
}

.m-btn.-red button,
.m-btn.-red a,
.m-btn--small.-red button,
.m-btn--small.-red a {
  background-color: var(--cc-accent-1);
}
.m-btn.-red a:not([href]),
.m-btn--small.-red a:not([href]) {
  background-color: #bcbcbc;
}

.m-btn.-icon--triangle2 button,
.m-btn.-icon--triangle2 a {
  color: var(--cc-primary);
  border: solid 2px var(--cc-primary);
  background-color: transparent;
}

.m-btn.-center {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.m-btn.-end {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

/* 親要素：全体の基本設定 */
.m-introContent {
    margin-bottom: var(--space);
    padding: 25px;
    background: var(--cc-base-1);
    border: 1px solid var(--cc-gray);
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

/* すべての見出しタグ（h1〜h6）に同じスタイルを適用 */
.m-introContent h1,
.m-introContent h2,
.m-introContent h3,
.m-introContent h4,
.m-introContent h5,
.m-introContent h6 {
    margin-top: 2.5em; /* 前の要素との間隔 */
    margin-bottom: 1em;
    padding-bottom: 8px;
    color: var(--cc-primary);
    font-weight: bold;
    border-bottom: 2px solid var(--cc-table-head);
    line-height: 1.4;
}

/* 最初の要素が見出しだった場合に上の余白を消す */
.m-introContent h1:first-child,
.m-introContent h2:first-child,
.m-introContent h3:first-child,
.m-introContent h4:first-child,
.m-introContent h5:first-child,
.m-introContent h6:first-child {
    margin-top: 0;
}

/* 段落・リストの基本設定 */
.m-introContent p {
    margin-bottom: 1.5em;
}

.m-introContent ul {
    margin-bottom: 1.5em;
    padding-left: 1.5em;
    list-style: disc;
}

.m-introContent li {
    margin-bottom: 0.6em;
}

.m-introContent strong {
    color: var(--cc-primary);
    font-weight: bold;
}

/* 親要素：白い背景とスクロールエリアの設定 */
.m-agreeContent {
    background: #fff;
    padding: 25px;
    border: 2px solid var(--cc-table-head);
    max-height: 350px;
    overflow-y: scroll;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.8; /* 行間を広めに確保 */
    color: #333;
}

/* すべての見出しタグ（h1〜h6）を共通スタイルに */
.m-agreeContent h1,
.m-agreeContent h2,
.m-agreeContent h3,
.m-agreeContent h4,
.m-agreeContent h5,
.m-agreeContent h6 {
    margin-top: 2em;
    margin-bottom: 1em;
    padding-bottom: 8px;
    color: var(--cc-primary);
    font-weight: bold;
    border-bottom: 2px solid var(--cc-table-head);
    line-height: 1.4;
    text-align: center; /* 同意書のタイトルは中央寄せを基本に */
}

/* 最初の要素が見出しだった場合に上の余白を消す */
.m-agreeContent h1:first-child,
.m-agreeContent h2:first-child,
.m-agreeContent h3:first-child,
.m-agreeContent h4:first-child,
.m-agreeContent h5:first-child,
.m-agreeContent h6:first-child {
    margin-top: 0;
}

.m-agreeContent p {
    margin-bottom: 1.5em;
    text-align: justify;
}

.m-agreeContent ol {
    margin-bottom: 1.5em;
    padding-left: 1.5em;
    list-style: decimal;
}

.m-agreeContent li {
    margin-bottom: 10px;
}

.m-agreeContent strong {
    color: var(--cc-primary);
    font-weight: bold;
}

.m-agreeContent::-webkit-scrollbar {
    width: 8px;
}
.m-agreeContent::-webkit-scrollbar-thumb {
    background: var(--cc-gray);
    border-radius: 4px;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .m-btn button,
  .m-btn a {
    min-width: 280px;
    min-height: 48px;
    padding: 10px 18px;
    font-size: 4vw;
    border-radius: 5px;
  }
  .m-btn.-w220 button,
  .m-btn.-w220 a {
    min-width: 220px;
    min-height: 42px;
  }
  .m-btn.-w150 button,
  .m-btn.-w150 a {
    min-width: 154px;
    min-height: 42px;
  }
  .m-btn.-w130 button,
  .m-btn.-w130 a {
    min-width: 130px;
    min-height: 42px;
  }
  .m-btn.-delete button,
  .m-btn.-delete a {
    min-width: 160px;
    min-height: 42px;
  }
  .m-btn--small button,
  .m-btn--small a {
    min-width: 70px;
    min-height: 36px;
    padding: 8px 5px;
    font-size: 3.4666666667vw;
    border-radius: 4px;
  }
}
/* ================================================

- ラベル

================================================ */
.m-alert {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 19px;
  font-size: 1.4rem;
  line-height: 1.425;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #FFFFFF;
  background-color: var(--cc-accent-1);
  border-radius: calc(infinity * 1px);
}

/*--- media screen ---*/
/* ================================================

- ハンバーガーボタン

================================================ */
.m-hamburgerBtn {
  position: fixed;
  top: 15px;
  right: 14px;
  cursor: pointer;
  background-color: transparent;
  z-index: 40;
}
.m-hamburgerBtn .m-hamburgerBtn__line {
  position: relative;
  width: 28px;
  height: 35px;
}
.m-hamburgerBtn .m-hamburgerBtn__line span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 2px;
  background-color: #000000;
  -webkit-transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.m-hamburgerBtn .m-hamburgerBtn__line span::before,
.m-hamburgerBtn .m-hamburgerBtn__line span::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000000;
  -webkit-transition: inherit;
  transition: inherit;
}
.m-hamburgerBtn .m-hamburgerBtn__line span::before {
  top: -8px;
}
.m-hamburgerBtn .m-hamburgerBtn__line span::after {
  width: 55%;
  top: 8px;
}

.m-hamburgerBtn.-front {
  display: none;
}

.m-hamburgerBtn.-front.-active {
  display: block;
}

.m-hamburgerBtn.-active .m-hamburgerBtn__line span {
  background-color: transparent;
}
.m-hamburgerBtn.-active .m-hamburgerBtn__line span::before,
.m-hamburgerBtn.-active .m-hamburgerBtn__line span::after {
  top: 0;
  background-color: var(--cc-primary);
}
.m-hamburgerBtn.-active .m-hamburgerBtn__line span::before {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.m-hamburgerBtn.-active .m-hamburgerBtn__line span::after {
  width: 100%;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.m-hamburgerBtn__txt {
  display: none;
  font-size: 1.4rem;
  letter-spacing: 0.18em;
  color: var(--cc-green);
  text-align: center;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .m-hamburgerBtn {
    display: block;
  }
}
/* ================================================

- ページ送り

================================================ */
.m-pagination {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
}

ul.m-pagination__list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  gap: 8px;
}
ul.m-pagination__list li.m-pagination__item span,
ul.m-pagination__list li.m-pagination__item a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 42px;
  padding: 0 13px;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: var(--cc-primary);
  background-color: #FFFFFF;
  border-radius: 4px;
  position: relative;
}
ul.m-pagination__list li.m-pagination__item.-prev span,
ul.m-pagination__list li.m-pagination__item.-prev a {
  background-color: transparent;
}
ul.m-pagination__list li.m-pagination__item.-prev span::before,
ul.m-pagination__list li.m-pagination__item.-prev a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  translate: 0 -50%;
  width: 9px;
  height: 9px;
  border-top: 1px solid var(--cc-primary);
  border-right: 1px solid var(--cc-primary);
  rotate: -135deg;
}
ul.m-pagination__list li.m-pagination__item.-next span,
ul.m-pagination__list li.m-pagination__item.-next a {
  background-color: transparent;
}
ul.m-pagination__list li.m-pagination__item.-next span::before,
ul.m-pagination__list li.m-pagination__item.-next a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 8px;
  translate: 0 -50%;
  width: 9px;
  height: 9px;
  border-top: 1px solid var(--cc-primary);
  border-right: 1px solid var(--cc-primary);
  rotate: 45deg;
}
ul.m-pagination__list li.m-pagination__item span.-active,
ul.m-pagination__list li.m-pagination__item a.-active {
  color: #FFFFFF;
  background-color: var(--cc-primary);
}

.m-pagination.-front {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
}

ul.m-pagination__list.-front {
  gap: 9px;
}
ul.m-pagination__list.-front li.m-pagination__item span,
ul.m-pagination__list.-front li.m-pagination__item a {
  width: 46px;
  min-height: 46px;
  padding: 0;
  border-radius: 100%;
}

@media (hover: hover) {
  ul.m-pagination__list li a:-moz-any-link:hover {
    color: #FFFFFF;
    background-color: var(--cc-primary);
  }
  ul.m-pagination__list li a:any-link:hover {
    color: #FFFFFF;
    background-color: var(--cc-primary);
  }
  ul.m-pagination__list li.-next a:-moz-any-link:hover, ul.m-pagination__list li.-prev a:-moz-any-link:hover {
    background-color: transparent;
  }
  ul.m-pagination__list li.-next a:any-link:hover,
  ul.m-pagination__list li.-prev a:any-link:hover {
    background-color: transparent;
  }
}
ul.m-pagination__list li a {
  -webkit-transition: background-color 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95), color 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: background-color 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95), color 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .m-pagination {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
  }
  ul.m-pagination__list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    gap: 2.133vw;
  }
  ul.m-pagination__list li.m-pagination__item span,
  ul.m-pagination__list li.m-pagination__item a {
    min-height: 42px;
    padding: 0 3.467vw;
    font-size: 3.7333333333vw;
    border-radius: 1.067vw;
  }
  ul.m-pagination__list li.m-pagination__item.-prev span,
  ul.m-pagination__list li.m-pagination__item.-prev a {
    background-color: transparent;
  }
  ul.m-pagination__list li.m-pagination__item.-prev span::before,
  ul.m-pagination__list li.m-pagination__item.-prev a::before {
    right: 2.133vw;
    width: 9px;
    height: 9px;
  }
  ul.m-pagination__list li.m-pagination__item.-next span,
  ul.m-pagination__list li.m-pagination__item.-next a {
    background-color: transparent;
  }
  ul.m-pagination__list li.m-pagination__item.-next span::before,
  ul.m-pagination__list li.m-pagination__item.-next a::before {
    left: 2.133vw;
    width: 9px;
    height: 9px;
  }
  ul.m-pagination__list.-front {
    gap: 2.133vw;
  }
  ul.m-pagination__list.-front li.m-pagination__item span,
  ul.m-pagination__list.-front li.m-pagination__item a {
    width: 11.2vw;
    min-height: 11.2vw;
  }
}
/* ================================================

- パンくず

================================================ */
.m-breadcrumb {
  padding: 13px 0 13px;
  background-color: #13234d;
}

ol.m-breadcrumb__list {
  padding: 0 30px;
  letter-spacing: -0.4em;
}
ol.m-breadcrumb__list li {
  display: inline;
  font-size: 1.2rem;
  letter-spacing: 0.02em;
  line-height: 1.4;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
ol.m-breadcrumb__list li a {
  color: #209bea;
  -webkit-transition: opacity 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
ol.m-breadcrumb__list li a:hover {
  opacity: 0.7;
}
ol.m-breadcrumb__list li:not(:first-child)::before {
  content: ">";
  display: inline-block;
  margin: 0 0.75em;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  ol.m-breadcrumb__list {
    padding: 0 6.4vw;
  }
  ol.m-breadcrumb__list li {
    font-size: 3.4666666667vw;
    line-height: 1.4;
  }
}
/* ================================================

- アコーディオン

================================================ */
.m-accordion__details {
  background-color: #FFFFFF;
}

.m-accordion__details:not(:first-of-type) {
  margin-top: 10px;
}

.m-accordion__summary {
  /* display: list-item; */ /* 外を指定してデフォルトの三角形アイコンを消します */
  display: block;
  padding: 25px 40px 25px 76px;
  font-size: 1.7rem;
  line-height: 1.475;
  letter-spacing: 0.02em;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: var(--cc-hblue);
  position: relative;
  cursor: pointer;
}
.m-accordion__summary::before {
  content: "Q";
  position: absolute;
  top: 10px;
  left: 25px;
  font-size: 3.6rem;
  letter-spacing: 0.02em;
  color: var(--cc-lblue);
}

/* Safariで表示されるデフォルトの三角形アイコンを消します */
summary.m-accordion__summary::-webkit-details-marker {
  display: none;
}

.m-accordion__icon {
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  position: absolute;
  top: 38px;
  right: 45px;
}
.m-accordion__icon::before, .m-accordion__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 2px;
  background-color: var(--cc-lblue);
}
.m-accordion__icon::before {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.m-accordion__icon::after {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: -webkit-transform 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: transform 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: transform 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95), -webkit-transform 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}

/* アコーディオンが開いた時のスタイル */
details.m-accordion__details.-open .m-accordion__icon::after {
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}

.m-accordion__content__txt {
  padding: 0px 40px 22px 94px;
  position: relative;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.m-accordion__content__txt::before {
  content: "A";
  position: absolute;
  top: -5px;
  left: 47px;
  font-size: 3.6rem;
  letter-spacing: 0.02em;
  color: var(--cc-hblue);
}
.m-accordion__content__txt p {
  font-size: 1.7rem;
  line-height: 1.475;
  letter-spacing: 0.02em;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: var(--cc-hblue);
}

.js-details.-open .m-accordion__content__txt {
  opacity: 1;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .m-accordion__details:not(:first-of-type) {
    margin-top: 10px;
  }
  .m-accordion__summary {
    padding: 5.333vw 10.667vw 5.333vw 14.667vw;
    font-size: 4vw;
  }
  .m-accordion__summary::before {
    top: 1.333vw;
    left: 3.467vw;
    font-size: 9.0666666667vw;
  }
  .m-accordion__icon {
    top: 8vw;
    right: 8vw;
  }
  .m-accordion__icon::before, .m-accordion__icon::after {
    width: 16px;
  }
  .m-accordion__content__txt {
    padding: 0px 5.333vw 5.333vw 20vw;
  }
  .m-accordion__content__txt::before {
    top: -1.333vw;
    left: 9.333vw;
    font-size: 9.0666666667vw;
  }
  .m-accordion__content__txt p {
    font-size: 4vw;
  }
}
/* ================================================

- その他

================================================ */
.m-indent--kome > li,
.m-indent--kome > p {
  position: relative;
  padding-left: 1em;
}
.m-indent--kome > li::before,
.m-indent--kome > p::before {
  display: block;
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.m-indent--dot > li,
.m-indent--dot > p {
  position: relative;
  padding-left: 1em;
}
.m-indent--dot > li::before,
.m-indent--dot > p::before {
  display: block;
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}

.m-indent--circle > li,
.m-indent--circle > p {
  position: relative;
  padding-left: 1.25em;
}
.m-indent--circle > li::before,
.m-indent--circle > p::before {
  display: block;
  content: "●";
  position: absolute;
  top: 0;
  left: 0;
  color: var(--cc-green);
}

.m-indent--square > li,
.m-indent--square > p {
  position: relative;
  padding-left: 1.25em;
}
.m-indent--square > li::before,
.m-indent--square > p::before {
  display: block;
  content: "■";
  position: absolute;
  top: 0;
  left: 0;
}

.m-indent--number {
  counter-reset: item;
}
.m-indent--number > li,
.m-indent--number > p {
  position: relative;
  padding-left: 1.25em;
}
.m-indent--number > li::before,
.m-indent--number > p::before {
  counter-increment: item;
  content: counter(item) ".";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.m-indent--pNumber {
  counter-reset: item;
}
.m-indent--pNumber > li,
.m-indent--pNumber > p {
  position: relative;
  padding-left: 1.25em;
}
.m-indent--pNumber > li::before,
.m-indent--pNumber > p::before {
  counter-increment: item;
  content: "（" counter(item) "）";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

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

.m-h-opacity a {
  -webkit-transition: opacity 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.m-h-opacity a:hover {
  opacity: 0.7;
}

a.m-underline {
  position: relative;
  -webkit-transition: opacity 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
a.m-underline::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--cc-green);
}

@media (hover: hover) {
  a.m-underline:-moz-any-link:hover {
    opacity: 0.7;
  }
  a.m-underline:any-link:hover {
    opacity: 0.7;
  }
}
/*--- media screen ---*/
@media screen and (max-width: 568px) {
  a.-tel[href^="tel:"] {
    pointer-events: auto;
  }
}
/* ================================================

- タブ

================================================ */
.js-tab-panel {
  visibility: hidden;
  opacity: 0;
  height: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  overflow: hidden;
}

.js-tab-panel.-active {
  visibility: visible;
  opacity: 1;
  height: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* ================================================

- トランジション

================================================ */
.v-enter-active,
.v-leave-active {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.v-enter-active {
  opacity: 0;
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}

.v-enter-to,
.v-leave-active {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.v-leave-to {
  opacity: 0;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}

.v2-enter-active,
.v2-leave-active {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.v2-enter-active {
  opacity: 0;
}

.v2-enter-to,
.v2-leave-active {
  opacity: 1;
}

.v2-leave-to {
  opacity: 0;
}

/* ================================================

-

================================================ */
.m-overflow-container {
  overflow: visible;
}

.m-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.m-table thead {
  background-color: var(--cc-table-head);
}
.m-table thead th {
  font-size: 1.5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  white-space: nowrap;
}
.m-table thead th:first-child {
  border-top-left-radius: 5px;
}
.m-table thead th:last-child {
  border-top-right-radius: 5px;
}
.m-table tbody tr:not(:first-of-type) td {
  border-top: solid 1px #eeeeee;
}
.m-table tbody td {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  background-color: #FFFFFF;
}
.m-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 5px;
}
.m-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 5px;
}
.m-table tbody tr[aria-disabled=false] td {
  position: relative;
  pointer-events: none;
}
.m-table tbody tr[aria-disabled=false] td::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(131, 131, 131, 0.25);
  z-index: 10;
  pointer-events: none;
}
.m-table th,
.m-table td {
  padding: 1px 10px;
  line-height: 1.275;
  vertical-align: middle;
  text-align: center;
  word-break: break-all;
}
.m-table th:first-child,
.m-table td:first-child {
  padding: 12px 10px 12px 15px;
}
.m-table td.-nowrap,
.m-table th.-nowrap {
  white-space: nowrap;
}
.m-table td.m-table__col {
  padding: 12px 15px 12px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 10px;
}
.m-table td:has(> :nth-child(2)) .m-btn--small a {
  min-width: 116px;
  padding: 0;
  font-size: 1.4rem;
}

.m-table.-front thead th {
  font-size: 1.4rem;
}
.m-table.-front tr th:first-child,
.m-table.-front tr td:first-child {
  border-left: solid 1px #eeeeee;
}
.m-table.-front tr th:last-child,
.m-table.-front tr td:last-child {
  border-right: solid 1px #eeeeee;
}
.m-table.-front tbody td:first-child {
  padding: 15px 10px 14px 15px;
}
.m-table.-front tbody tr:last-child td {
  border-bottom: solid 1px #eeeeee;
}

.m-table.-fixed {
  table-layout: fixed;
}
.m-table.-fixed th:first-child,
.m-table.-fixed td:first-child {
  text-align: left;
  padding: 12px 10px 12px 40px;
}
.m-table.-fixed th:last-child,
.m-table.-fixed td:last-child {
  text-align: right;
}

.m-table:has(tr td:nth-child(5)) thead th {
  font-size: 1.4rem;
}
.m-table:has(tr td:nth-child(5)) tbody td {
  font-size: 1.5rem;
}

.m-table__col__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

/*--- media screen ---*/
@media screen and (max-width: 768px) {
  .m-overflow-container {
    overflow-x: scroll;
  }
  .m-overflow-container::before {
    content: "※横にスライドして閲覧出来ます。";
    display: block;
    margin-bottom: 5px;
    font-size: 1.2rem;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  .m-table {
    width: 768px;
  }
  .m-table thead th {
    font-size: 1.4rem;
  }
  .m-table tbody td {
    font-size: 1.5rem;
  }
  .m-table th,
  .m-table td {
    padding: 1px 5px;
  }
  .m-table th .m-btn button,
  .m-table th .m-btn a,
  .m-table td .m-btn button,
  .m-table td .m-btn a {
    min-width: 0;
    padding: 0 3.2vw;
    font-size: 1.3rem;
  }
  .m-table th:first-child,
  .m-table td:first-child {
    padding: 12px 5px 12px 10px;
  }
  .m-table td.m-table__col {
    padding: 12px 10px 12px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 8px;
  }
  .m-table td.l-form__select__btn button,
  .m-table td.l-form__select__btn a {
    white-space: nowrap;
    padding: 0 10px;
  }
  .m-table td:has(> :nth-child(2)) .m-btn--small button,
  .m-table td:has(> :nth-child(2)) .m-btn--small a {
    min-width: 0;
    padding: 0 3.2vw;
    font-size: 1.3rem;
  }
  .m-table:has(tr td:nth-child(5)) {
    width: 900px;
  }
  .m-table:has(tr td:nth-child(5)) thead th {
    font-size: 1.4rem;
  }
  .m-table:has(tr td:nth-child(5)) tbody td {
    font-size: 1.3rem;
  }
  .m-table.-front thead th {
    font-size: 1.4rem;
  }
  .m-table.-front tbody td:first-child {
    padding: 15px 5px 14px 10px;
  }
  .m-table.-fixed th:first-child,
  .m-table.-fixed td:first-child {
    padding: 12px 10px 12px 10px;
  }
}
/* ================================================

- @hover

================================================ */
/* ================================================

- タイトルアイコン

================================================ */
.-icon--check,
.-icon--account,
.-icon--news,
.-icon--calendar,
.-icon--event2,
.-icon--event,
.-icon--volunteer {
  padding-left: 60px;
  position: relative;
}
.-icon--check::before,
.-icon--account::before,
.-icon--news::before,
.-icon--calendar::before,
.-icon--event2::before,
.-icon--event::before,
.-icon--volunteer::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  border-radius: 4px;
  width: 46px;
  height: 46px;

	-webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
	-webkit-mask-size: contain;
  mask-size: contain;
	z-index: 1;
}
.-icon--check::after,
.-icon--account::after,
.-icon--news::after,
.-icon--calendar::after,
.-icon--event2::after,
.-icon--event::after,
.-icon--volunteer::after {
	content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
	background-color: var(--cc-primary);
	width: 46px;
  height: 46px;
	border-radius: 5px;
}

.-icon--volunteer::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_volunteer2.svg');
  mask-image: url('/asset/images/common/icon/icon_volunteer2.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2046%2046%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2246%22%20height%3D%2246%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M23.41%2C26.95c-6%2C0-10.89%2C4.17-11%2C10.05h2.38c.11-4.59%2C3.93-7.7%2C8.62-7.7s8.5%2C3.12%2C8.62%2C7.7h1.48c.79-5.88-4.1-10.05-10.1-10.05ZM23.41%2C25.15c4.52%2C0%2C8.2-3.62%2C8.2-8.08s-3.68-8.08-8.2-8.08-8.2%2C3.62-8.2%2C8.08%2C3.68%2C8.08%2C8.2%2C8.08ZM23.41%2C11.35c3.21%2C0%2C5.82%2C2.57%2C5.82%2C5.73s-2.61%2C5.73-5.82%2C5.73-5.82-2.57-5.82-5.73%2C2.61-5.73%2C5.82-5.73Z%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--event::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_event.svg');
  mask-image: url('/asset/images/common/icon/icon_event.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2046%2046%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2246%22%20height%3D%2246%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M31.65%2C36.49l-.26-9.31%2C5.61-7.37-8.82-2.62-5.18-7.69-5.18%2C7.69-8.82%2C2.62%2C5.61%2C7.37-.26%2C9.31%2C8.65-3.13%2C8.65%2C3.13ZM12.59%2C21l6.55-1.95%2C3.85-5.71%2C3.85%2C5.71%2C6.55%2C1.95-4.17%2C5.48.2%2C6.91-6.43-2.32-6.43%2C2.32.2-6.91-4.17-5.48Z%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--event2::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_event2.svg');
  mask-image: url('/asset/images/common/icon/icon_event2.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2046%2046%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2246%22%20height%3D%2246%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M33.31%2C24l-5.97%2C2.84c-.21.1-.39.27-.49.49l-2.84%2C5.97c-.06.12-.16.22-.29.26-.13.05-.27.04-.39-.02-.06-.03-.11-.06-.15-.11l-4.55-4.8c-.16-.17-.38-.28-.61-.31l-6.56-.86c-.28-.04-.48-.3-.44-.58%2C0-.06.03-.12.06-.18l3.16-5.81c.11-.21.15-.45.11-.68l-1.21-6.5c-.05-.28.13-.55.41-.6.03%2C0%2C.06%2C0%2C.1%2C0s.06%2C0%2C.09%2C0l6.51%2C1.21c.23.04.47%2C0%2C.68-.11l5.81-3.16c.25-.14.56-.04.7.2.03.06.05.12.06.18l.86%2C6.55c.03.23.14.45.31.61l4.8%2C4.54c.2.19.22.52.02.73-.04.05-.09.08-.15.11ZM27.22%2C20.11c-.51-.48-.85-1.14-.94-1.84l-.57-4.33-3.84%2C2.09c-.62.34-1.35.45-2.04.32l-4.29-.8.8%2C4.29c.13.69.01%2C1.42-.32%2C2.04l-2.09%2C3.83%2C4.33.57c.7.09%2C1.35.42%2C1.84.94l3%2C3.17%2C1.88-3.94c.3-.64.82-1.15%2C1.46-1.46l3.94-1.88-3.17-3ZM35.01%2C33.54l-1.45%2C1.45-5.09-5.08%2C1.45-1.45%2C5.09%2C5.08Z%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--calendar::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_calendar.svg');
  mask-image: url('/asset/images/common/icon/icon_calendar.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2046%2046%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2246%22%20height%3D%2246%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M10%2C13.72v21.22c0%2C.59.48%2C1.06%2C1.06%2C1.06h23.88c.59%2C0%2C1.06-.48%2C1.06-1.06V13.72c0-.59-.48-1.06-1.06-1.06h-5.57v-2.65h-2.12v2.65h-8.49v-2.65h-2.12v2.65h-5.57c-.59%2C0-1.06.48-1.06%2C1.06ZM12.12%2C14.78h4.51v2.65h2.12v-2.65h8.49v2.65h2.12v-2.65h4.51v5.84H12.12v-5.84ZM12.12%2C22.73h21.76v11.14H12.12v-11.14Z%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--news::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_news.svg');
  mask-image: url('/asset/images/common/icon/icon_news.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2046%2046%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2246%22%20height%3D%2246%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M32.28%2C36H13.72c-2.05%2C0-3.71-1.67-3.71-3.71V11.06c0-.58.48-1.06%2C1.06-1.06h18.57c.58%2C0%2C1.06.48%2C1.06%2C1.06v16.18h5.31v5.04c0%2C2.05-1.67%2C3.71-3.71%2C3.71ZM28.57%2C12.13H12.13v20.16c0%2C.88.71%2C1.59%2C1.59%2C1.59h14.85V12.13ZM33.88%2C29.37h-3.18v2.92c0%2C.88.72%2C1.59%2C1.59%2C1.59s1.59-.71%2C1.59-1.59v-2.92ZM25.39%2C18.76h-10.08v-2.12h10.08v2.12ZM25.39%2C24.06h-10.08v-2.12h10.08v2.12ZM21.41%2C29.37h-6.1v-2.12h6.1v2.12Z%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--account::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_volunteer.svg');
  mask-image: url('/asset/images/common/icon/icon_volunteer.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2046%2046%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2246%22%20height%3D%2246%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M35.97%2C34H10.03c-.58%2C0-1.04-.47-1.04-1.05V13.05c0-.58.47-1.05%2C1.04-1.05h25.93c.58%2C0%2C1.05.47%2C1.05%2C1.05v19.9c0%2C.58-.47%2C1.05-1.05%2C1.05ZM34.92%2C14.09H11.08v17.81h23.84V14.09ZM18.13%2C24.83c2.33%2C0%2C4.25%2C1.82%2C4.41%2C4.12h-8.81c.16-2.3%2C2.07-4.12%2C4.41-4.12ZM31.62%2C19.5h-6.45v-2.09h6.45v2.09ZM30.27%2C24.13h-5.1v-2.09h5.1v2.09ZM18.13%2C23.25c-1.69%2C0-3.07-1.38-3.07-3.07s1.38-3.07%2C3.07-3.07%2C3.07%2C1.38%2C3.07%2C3.07-1.38%2C3.07-3.07%2C3.07Z%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--check::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_check.svg');
  mask-image: url('/asset/images/common/icon/icon_check.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2046%2046%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2246%22%20height%3D%2246%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M35.11%2C36H11.24c-.59%2C0-1.07-.47-1.07-1.04v-15.39c0-.32.15-.63.41-.82l11.93-8.53c.19-.15.42-.22.66-.22s.46.07.65.22l11.94%2C8.53c.26.2-.49.5-.49.82v15.39c0%2C.57.42%2C1.04-.17%2C1.04ZM34.05%2C20.08l-10.87-7.72-10.83%2C7.69-.04.03v13.84h21.74v-13.84ZM21.59%2C27.26l6.34-6.2%2C1.73%2C1.69-8.08%2C7.89-4.9-4.79%2C1.73-1.69%2C3.17%2C3.1Z%22%2F%3E%3C%2Fsvg%3E"); */
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .-icon--check,
  .-icon--account,
  .-icon--news,
  .-icon--calendar,
  .-icon--event2,
  .-icon--event,
  .-icon--volunteer {
    padding-left: 14.4vw;
  }
  .-icon--check::before,
  .-icon--account::before,
  .-icon--news::before,
  .-icon--calendar::before,
  .-icon--event2::before,
  .-icon--event::before,
  .-icon--volunteer::before {
    content: "";
    border-radius: 1.067vw;
    width: 10.667vw;
    height: 10.667vw;
    max-width: 46px;
    max-height: 46px;
  }
	.-icon--check::after,
	.-icon--account::after,
	.-icon--news::after,
	.-icon--calendar::after,
	.-icon--event2::after,
	.-icon--event::after,
	.-icon--volunteer::after {
		width: 10.667vw;
    height: 10.667vw;
    max-width: 46px;
    max-height: 46px;
		border-radius: 1.333vw;
	}

}
/* ================================================

- ボタンアイコン

================================================ */
.-icon--delete span,
.-icon--thumbnail2 span,
.-icon--issue span,
.-icon--sheet span,
.-icon--cancel span,
.-icon--triangle span,
.-icon--triangle2 span,
.-icon--list2 span,
.-icon--check2 span,
.-icon--mail2 span,
.-icon--mail span,
.-icon--star span,
.-icon--thumbnail span,
.-icon--list span,
.-icon--history span,
.-icon--pen span {
  padding-left: 30px;
  position: relative;
}
.-icon--delete span::before,
.-icon--thumbnail2 span::before,
.-icon--issue span::before,
.-icon--sheet span::before,
.-icon--cancel span::before,
.-icon--triangle span::before,
.-icon--triangle2 span::before,
.-icon--list2 span::before,
.-icon--check2 span::before,
.-icon--mail2 span::before,
.-icon--mail span::before,
.-icon--star span::before,
.-icon--thumbnail span::before,
.-icon--list span::before,
.-icon--history span::before,
.-icon--pen span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  background-size: contain;
  background-repeat: no-repeat;
	background-color: #FFFFFF;
  width: 20px;
  height: 20px;
	-webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
	-webkit-mask-size: contain;
  mask-size: contain;
}

.-icon--pen span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_pen.svg');
  mask-image: url('/asset/images/common/icon/icon_pen.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M18.87%2C4.06l-2.95-2.95c-.29-.3-.81-.3-1.1%2C0L.9%2C15.06v4.06h4.05l13.92-13.95c.3-.31.3-.8%2C0-1.11ZM4.3%2C17.55h-1.84v-1.85L12.43%2C5.72l1.84%2C1.85-9.96%2C9.98ZM15.37%2C6.46l-1.84-1.85%2C1.84-1.85%2C1.84%2C1.85-1.84%2C1.85Z%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--history span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_history.svg');
  mask-image: url('/asset/images/common/icon/icon_history.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M17.46%2C2.55H2.54v14.9h3.26v1.54H1.76c-.42%2C0-.77-.35-.77-.77V1.78c0-.43.35-.77.77-.77h16.47c.43%2C0%2C.77.35.77.77v4.01h-1.54v-3.24ZM13.09%2C7.18c3.26%2C0%2C5.91%2C2.65%2C5.91%2C5.91s-2.65%2C5.91-5.91%2C5.91-5.91-2.65-5.91-5.91%2C2.65-5.91%2C5.91-5.91ZM13.09%2C17.45c2.41%2C0%2C4.37-1.96%2C4.37-4.37s-1.96-4.37-4.37-4.37-4.37%2C1.96-4.37%2C4.37%2C1.96%2C4.37%2C4.37%2C4.37ZM13.86%2C12.76l1.65%2C1.65-1.09%2C1.09-2.1-2.1v-3.14h1.54v2.51Z%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--list span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_list.svg');
  mask-image: url('/asset/images/common/icon/icon_list.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M2%2C13.22v-1.67h16.01v1.67H2ZM2%2C6.78h16.01v1.67H2v-1.67ZM2%2C2.01h16.01v1.67H2v-1.67ZM12.63%2C17.99H2v-1.67h10.64v1.67Z%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--thumbnail span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_thumbnail.svg');
  mask-image: url('/asset/images/common/icon/icon_thumbnail.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M17.2%2C19.01H2.8c-.99%2C0-1.79-.81-1.79-1.8V2.79c0-.99.8-1.8%2C1.79-1.8h14.39c.99%2C0%2C1.79.81%2C1.79%2C1.8v14.42c0%2C.99-.8%2C1.8-1.79%2C1.8ZM17.45%2C2.54H2.55v14.92h14.9V2.54ZM10.11%2C12.32c2.21%2C0%2C4.27%2C1.05%2C5.58%2C2.82-.42.3-.87.56-1.34.79-1.02-1.3-2.59-2.07-4.24-2.07s-3.31.81-4.33%2C2.18c-.47-.21-.92-.47-1.36-.76%2C1.3-1.86%2C3.41-2.97%2C5.69-2.97ZM10%2C11.06c-1.84%2C0-3.34-1.5-3.34-3.34s1.5-3.35%2C3.34-3.35%2C3.34%2C1.5%2C3.34%2C3.35-1.5%2C3.34-3.34%2C3.34ZM10%2C5.92c-.99%2C0-1.8.81-1.8%2C1.8s.81%2C1.8%2C1.8%2C1.8%2C1.8-.81%2C1.8-1.8-.81-1.8-1.8-1.8Z%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--star span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_star.svg');
  mask-image: url('/asset/images/common/icon/icon_star.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M18.01%2C20H1.99c-1.1%2C0-1.99-.89-1.99-1.99V1.99C0%2C.89.9%2C0%2C1.99%2C0h16.01c1.1%2C0%2C1.99.89%2C1.99%2C1.99v16.01c0%2C1.1-.89%2C1.99-1.99%2C1.99ZM18.29%2C1.71H1.71v16.57h16.57V1.71ZM8.29%2C7.88l1.71-3.71%2C1.72%2C3.71%2C4.07.48-3.01%2C2.78.8%2C4.01-3.57-2-3.57%2C2%2C.8-4.01-3.01-2.78%2C4.07-.48Z%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--mail span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_mail.svg');
  mask-image: url('/asset/images/common/icon/icon_mail.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2017.75%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M19.16%2C0H.84c-.46%2C0-.84.38-.84.85v16.04c0%2C.47.38.85.84.85h18.32c.46%2C0%2C.84-.38.84-.85V.85c0-.47-.38-.85-.84-.85ZM18.21%2C1.71l-8.14%2C7L1.79%2C1.71h16.42ZM18.32%2C16.04H1.68V3.89l8.4%2C7.11%2C8.24-7.09v12.13Z%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--mail2 span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_mail2.svg');
  mask-image: url('/asset/images/common/icon/icon_mail2.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M19.22%2C18.02H2.59c-.43%2C0-.78-.34-.78-.77v-.78h16.61V5.57l-7.52%2C6.23L1.81%2C4.19v-1.43c0-.43.35-.77.79-.77h16.61c.43%2C0%2C.79.35.79.77v14.5c0%2C.41-.36.77-.78.77ZM3.43%2C3.53l7.48%2C6.2%2C7.48-6.2H3.43ZM4.15%2C10.17H0v-1.55h4.15v1.55ZM7.31%2C14.18H0v-1.54h7.31v1.54Z%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--check2 span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_check2.svg');
  mask-image: url('/asset/images/common/icon/icon_check2.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M17.21%2C19H2.8c-.99%2C0-1.79-.81-1.79-1.8V2.79c0-.99.81-1.8%2C1.79-1.8h14.41c.99%2C0%2C1.79.81%2C1.79%2C1.8v14.41c0%2C.99-.8%2C1.8-1.79%2C1.8ZM17.46%2C2.54H2.54v14.92h14.91V2.54ZM8.77%2C11.23l4.91-4.9%2C1.23%2C1.22-6.14%2C6.13-3.68-3.68%2C1.23-1.22%2C2.45%2C2.45Z%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--list2 span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_detail.svg');
  mask-image: url('/asset/images/common/icon/icon_detail.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M17.21%2C19H2.8c-.99%2C0-1.79-.81-1.79-1.8V2.79c0-.99.81-1.8%2C1.79-1.8h14.41c.99%2C0%2C1.79.81%2C1.79%2C1.8v14.41c0%2C.99-.8%2C1.8-1.79%2C1.8ZM17.46%2C2.54H2.54v14.92h14.91V2.54ZM14.04%2C7.12H5.96v-1.58h8.08v1.58ZM14.04%2C10.79H5.96v-1.58h8.08v1.58ZM10.51%2C14.46h-4.55v-1.58h4.55v1.58Z%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--triangle span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_submit.svg');
  mask-image: url('/asset/images/common/icon/icon_submit.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M13.52%2C10L5.14%2C4.37v11.27l8.38-5.63ZM16.83%2C10.43L3.78%2C18.92c-.25.16-.6.09-.77-.14-.06-.08-.09-.18-.09-.28V1.51c0-.28.25-.51.55-.51.11%2C0%2C.22.03.31.09l13.05%2C8.49c.26.16.32.47.15.71-.04.06-.09.1-.15.14Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--triangle2 span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_submit.svg');
  mask-image: url('/asset/images/common/icon/icon_submit.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%230b8c5d%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M12.74%2C10l-6.52-4.38v8.76l6.52-4.38ZM15.31%2C10.33l-10.14%2C6.6c-.2.12-.47.07-.6-.11-.05-.07-.07-.14-.07-.22V3.4c0-.22.19-.4.43-.4.09%2C0%2C.17.02.24.07l10.14%2C6.6c.2.12.25.37.12.55-.03.04-.07.08-.12.11Z%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--cancel span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_cancel.svg');
  mask-image: url('/asset/images/common/icon/icon_cancel.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M17.08%2C15.61l-1.47%2C1.47-5.61-5.61-5.61%2C5.61-1.47-1.47%2C5.61-5.61L2.92%2C4.39l1.47-1.47%2C5.61%2C5.61%2C5.61-5.61%2C1.47%2C1.47-5.61%2C5.61%2C5.61%2C5.61Z%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--sheet span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_sheet.svg');
  mask-image: url('/asset/images/common/icon/icon_sheet.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M17.17%2C17.93h-5.28c-.46%2C0-.83-.21-.83-.66v-5.33c0-.44.37-.8.83-.8h5.28c.46%2C0%2C.83.36.83.8v5.33c0%2C.44-.37.66-.83.66ZM16.35%2C12.74h-3.63v3.58h3.63v-3.58ZM17.17%2C9h-5.28c-.46%2C0-.83-.36-.83-.8V2.73c0-.3.37-.66.83-.66h5.28c.46%2C0%2C.83.36.83.66v5.47c0%2C.44-.37.8-.83.8ZM16.35%2C3.53h-3.63v3.87h3.63v-3.87ZM8.11%2C17.93H2.83c-.46%2C0-.83-.21-.83-.66v-5.33c0-.44.37-.8.83-.8h5.28c.46%2C0%2C.83.36.83.8v5.33c0%2C.44-.37.66-.83.66ZM7.28%2C12.74h-3.63v3.58h3.63v-3.58ZM8.11%2C9H2.83c-.46%2C0-.83-.36-.83-.8V2.73c0-.3.37-.66.83-.66h5.28c.46%2C0%2C.83.36.83.66v5.47c0%2C.44-.37.8-.83.8ZM7.28%2C3.53h-3.63v3.87h3.63v-3.87Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--issue span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_issue.svg');
  mask-image: url('/asset/images/common/icon/icon_issue.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M18.23%2C19H1.77c-.43%2C0-.77-.34-.77-.77V7.04c0-.42.35-.77.77-.77h3.14v-.19C4.91%2C3.27%2C7.19%2C1%2C10%2C1s5.09%2C2.27%2C5.09%2C5.08v.19h3.14c.43%2C0%2C.77.35.77.77v11.19c0%2C.43-.35.77-.77.77ZM13.39%2C6.08c0-1.87-1.52-3.39-3.39-3.39s-3.39%2C1.52-3.39%2C3.39v.19h6.79v-.19ZM17.46%2C7.81H2.54v9.65h14.91V7.81ZM7.01%2C13.7h-2.13v-2.13h2.13v2.13ZM11.07%2C13.7h-2.13v-2.13h2.13v2.13ZM15.12%2C13.7h-2.13v-2.13h2.13v2.13Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--thumbnail2 span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_thumbnail2.svg');
  mask-image: url('/asset/images/common/icon/icon_thumbnail2.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M17.21%2C19H2.8c-.99%2C0-1.79-.81-1.79-1.8V2.79c0-.99.81-1.79%2C1.79-1.79h14.41c.99%2C0%2C1.79.81%2C1.79%2C1.79v14.41c0%2C.99-.8%2C1.8-1.79%2C1.8ZM17.46%2C2.54H2.54v14.92h14.91V2.54ZM10%2C11.2c1.99%2C0%2C3.62%2C1.55%2C3.76%2C3.51h-7.51c.13-1.95%2C1.77-3.51%2C3.76-3.51ZM10%2C10.22c-1.44%2C0-2.61-1.17-2.61-2.61s1.17-2.61%2C2.61-2.61%2C2.62%2C1.17%2C2.62%2C2.61-1.17%2C2.61-2.62%2C2.61Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3C%2Fsvg%3E"); */
}

.-icon--delete span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_delete.svg');
  mask-image: url('/asset/images/common/icon/icon_delete.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M17.21%2C19H2.8c-.99%2C0-1.79-.81-1.79-1.8V2.79c0-.99.81-1.8%2C1.79-1.8h14.41c.99%2C0%2C1.79.81%2C1.79%2C1.8v14.41c0%2C.99-.8%2C1.8-1.79%2C1.8ZM17.46%2C2.54H2.54v14.92h14.91V2.54ZM6.76%2C5.6l3.24%2C3.23%2C3.24-3.23%2C1.17%2C1.17-3.24%2C3.23%2C3.24%2C3.23-1.17%2C1.17-3.24-3.23-3.24%2C3.23-1.17-1.17%2C3.24-3.23-3.24-3.23%2C1.17-1.17Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3C%2Fsvg%3E"); */
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .-icon--delete span,
  .-icon--thumbnail2 span,
  .-icon--issue span,
  .-icon--sheet span,
  .-icon--cancel span,
  .-icon--triangle span,
  .-icon--triangle2 span,
  .-icon--list2 span,
  .-icon--check2 span,
  .-icon--mail span,
  .-icon--star span,
  .-icon--thumbnail span,
  .-icon--list span,
  .-icon--history span,
  .-icon--pen span {
    padding-left: 8vw;
  }
  .-icon--delete span::before,
  .-icon--thumbnail2 span::before,
  .-icon--issue span::before,
  .-icon--sheet span::before,
  .-icon--cancel span::before,
  .-icon--triangle span::before,
  .-icon--triangle2 span::before,
  .-icon--list2 span::before,
  .-icon--check2 span::before,
  .-icon--mail span::before,
  .-icon--star span::before,
  .-icon--thumbnail span::before,
  .-icon--list span::before,
  .-icon--history span::before,
  .-icon--pen span::before {
    border-radius: 1.067vw;
    width: 5.333vw;
    height: 5.333vw;
    width: 20px;
    height: 20px;
  }
}
/* ================================================

- ボタン矢印

================================================ */
.-arrow--bottom a,
.-arrow--top a,
.-arrow--right a,
.-arrow--left a {
  padding-left: 17px;
  position: relative;
}
.-arrow--bottom a::before,
.-arrow--top a::before,
.-arrow--right a::before,
.-arrow--left a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 7px;
  height: 7px;
  border-top: 1px solid var(--cc-primary);
  border-right: 1px solid var(--cc-primary);
}

/* 左向き */
.-arrow--left a::before {
  rotate: -135deg;
}

/* 右向き */
.-arrow--right a::before {
  rotate: 45deg;
}

/* 上向き */
.-arrow--top a::before {
  rotate: -45deg;
}

/* 下向き */
.-arrow--bottom a::before {
  rotate: 135deg;
}

/*--- media screen ---*/
/* ================================================

- ラベル

================================================ */
.-label-status {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 82px;
  min-height: 25px;
  padding: 2px 5px;
  font-size: 1.4rem;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  background-color: #bcbcbc;
  border-radius: 4px;
}

.-label-status.-app {
  background-color: #58abe0;
}

.-label-status.-open {
  background-color: #fd7171;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .-label-status {
    max-width: 72px;
    max-height: 25px;
    min-width: 19.2vw;
    min-height: 6.667vw;
    padding: 0.533vw 1.333vw;
    font-size: 3.2vw;
    border-radius: 1.067vw;
  }
}
/* ==============================================================
*  ページ
* ============================================================ */
/* ================================================

- ログイン

================================================ */
.login-wrapper {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.login-component {
  max-width: 360px;
  width: 100%;
  margin: 0 auto;
  padding: 28px 0 30px;
  background-color: #FFFFFF;
  border-radius: 10px;
}

.login-component.-front {
  max-width: 380px;
}
.login-component.-front .login-form {
  margin-top: 20px;
}

.login-component__logo {
  width: var(--logo-admin-pc);
  margin: 0 auto;
}

.login-component__logo.-front {
  width: var(--logo-front-pc);
  margin: 0 auto;
}

.login-component__ttl {
  margin-top: 5px;
  font-size: 1.5rem;
  line-height: 1.4;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-align: center;
}

.login-form {
  margin-top: 8px;
  padding: 0 40px;
}

.login-form__item dt {
  font-size: 1.6rem;
  line-height: 1.4;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.login-form__item dd {
  margin-top: 7px;
}

.login-form__item:not(:first-of-type) {
  margin-top: 15px;
}

.login-form__submit.m-btn {
  margin-top: 30px;
}
.login-form__submit.m-btn button {
  padding: 10px 18px;
}

.login-form__submit.m-btn.-front button {
  min-width: 300px;
}

.login-form__forgot {
  margin-top: 22px;
}
.login-form__forgot a {
  font-size: 1.5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: var(--cc-primary);
}

.login-form__forgot.-front {
  text-align: center;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .login-wrapper {
    padding: 0 5.333vw;
  }
  .login-component {
    padding: 7.467vw 0 8vw;
    border-radius: 2.667vw;
  }
  .login-component.-front .login-form {
    margin-top: 5.333vw;
  }
  .login-component__logo {
    max-width: var(--logo-admin-pc);
    width: var(--logo-admin-sp);;
  }
  .login-component__logo.-front {
    max-width: var(--logo-front-pc);;
    width: var(--logo-front-sp);;
  }
  .login-component__ttl {
    margin-top: 1.333vw;
    font-size: 3.4666666667vw;
  }
  .login-form {
    margin-top: 2.133vw;
    padding: 0 5.333vw;
  }
  .login-form__item dt {
    font-size: 3.7333333333vw;
  }
  .login-form__item dd {
    margin-top: 1.333vw;
  }
  .login-form__item:not(:first-of-type) {
    margin-top: 4vw;
  }
  .login-form__submit.m-btn {
    margin-top: 8vw;
  }
  .login-form__submit.m-btn button {
    padding: 2.667vw 4.8vw;
  }
  .login-form__submit.m-btn.-front button {
    min-width: 74.667vw;
  }
  .login-form__forgot {
    margin-top: 5.867vw;
  }
  .login-form__forgot a {
    font-size: 3.4666666667vw;
  }
}
/* ================================================

- パスワード

================================================ */
.login-from__visibilityBtn {
  position: absolute;
  top: 22px;
  right: 10px;
  width: 21px;
}
.login-from__visibilityBtn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23040000%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M15.94%2C17.03c-1.57.97-3.44%2C1.52-5.44%2C1.52C5.52%2C18.56%2C1.37%2C15.08.5%2C10.5c.4-2.13%2C1.51-4.02%2C3.09-5.43L.7%2C2.27l1.31-1.27%2C18.3%2C17.72-1.31%2C1.27-3.06-2.96ZM4.89%2C6.34c-1.23%2C1.08-2.12%2C2.52-2.51%2C4.16.85%2C3.63%2C4.2%2C6.27%2C8.11%2C6.27%2C1.48%2C0%2C2.88-.38%2C4.09-1.04l-1.88-1.82c-.64.39-1.4.62-2.21.62-2.3%2C0-4.16-1.8-4.16-4.03%2C0-.79.23-1.52.64-2.14l-2.08-2.02ZM11.34%2C12.58l-3-2.9c-.1.25-.16.53-.16.82%2C0%2C1.24%2C1.03%2C2.24%2C2.31%2C2.24.3%2C0%2C.58-.06.84-.15ZM18.64%2C14.61l-1.32-1.28c.61-.84%2C1.05-1.79%2C1.3-2.83-.85-3.63-4.2-6.27-8.11-6.27-.78%2C0-1.54.11-2.26.3l-1.46-1.41c1.15-.44%2C2.41-.68%2C3.72-.68%2C4.98%2C0%2C9.13%2C3.47%2C10%2C8.06-.29%2C1.52-.94%2C2.92-1.86%2C4.11ZM10.24%2C6.48c.09%2C0%2C.17%2C0%2C.26%2C0%2C2.3%2C0%2C4.16%2C1.8%2C4.16%2C4.03%2C0%2C.08%2C0%2C.17%2C0%2C.25l-4.41-4.27Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2221%22%20height%3D%2221%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 21px;
  height: 21px;
}

.login-from__visibilityBtn.-visible::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23040000%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M10.5%2C2.5c4.98%2C0%2C9.13%2C3.45%2C10%2C8-.87%2C4.55-5.02%2C8-10%2C8S1.37%2C15.05.5%2C10.5C1.37%2C5.95%2C5.52%2C2.5%2C10.5%2C2.5ZM10.5%2C16.72c3.92%2C0%2C7.27-2.62%2C8.11-6.22-.85-3.6-4.2-6.22-8.11-6.22S3.23%2C6.9%2C2.39%2C10.5c.85%2C3.6%2C4.2%2C6.22%2C8.11%2C6.22ZM10.5%2C13.6c-2.3%2C0-4.16-.89-4.16-3.1s1.86-4%2C4.16-4%2C4.16%2C1.79%2C4.16%2C4-1.86%2C3.1-4.16%2C3.1ZM10.5%2C12.72c1.28%2C0%2C2.31-.99%2C2.31-2.22s-1.03-2.22-2.31-2.22-2.31.99-2.31%2C2.22%2C1.03%2C2.22%2C2.31%2C2.22Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2221%22%20height%3D%2221%22%2F%3E%3C%2Fsvg%3E");
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .login-from__visibilityBtn {
    top: 5.867vw;
  }
}
/* ================================================

- @hover

================================================ */
@media (hover: hover) {
  .top-news__item a:-moz-any-link:hover, .top-panel__link a:-moz-any-link:hover {
    opacity: 0.7;
  }
  .top-news__item a:any-link:hover,
  .top-panel__link a:any-link:hover {
    opacity: 0.7;
  }
}
.top-news__item a,
.top-panel__link a {
  -webkit-transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

/* ================================================

- 登録者管理

================================================ */
.top-layout {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 22px;
}

.top-panel {
  width: calc(33.3333333333% - 14.6666666667px);
  background-color: #FFFFFF;
  border-radius: 10px;
}

.top-panel.-disable {
  color: #d0d0d0;
}
.top-panel.-disable .-icon--check::before,
.top-panel.-disable .-icon--account::before,
.top-panel.-disable .-icon--news::before,
.top-panel.-disable .-icon--calendar::before,
.top-panel.-disable .-icon--event2::before,
.top-panel.-disable .-icon--event::before,
.top-panel.-disable .-icon--volunteer::before {
  background-color: #d0d0d0;
}
.top-panel.-disable .-arrow--bottom a,
.top-panel.-disable .-arrow--top a,
.top-panel.-disable .-arrow--right a,
.top-panel.-disable .-arrow--left a,
.top-panel.-disable .top-panel__link a {
  color: #d0d0d0;
}
.top-panel.-disable .-arrow--bottom a::before,
.top-panel.-disable .-arrow--top a::before,
.top-panel.-disable .-arrow--right a::before,
.top-panel.-disable .-arrow--left a::before,
.top-panel.-disable .top-panel__link a::before {
  border-top: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
}

.top-panel__head {
  padding: 19px 12px;
}

.top-panel__ttl {
  font-size: 2.2rem;
  line-height: 1.425;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.top-panel__content {
  padding: 16px 20px 24px;
  border-top: solid 1px #eeeeee;
}

.top-panel__link a {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1.275;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: var(--cc-primary);
}

.top-panel__link:not(:first-of-type) {
  margin-top: 13px;
}

/*--- media screen ---*/
@media screen and (max-width: 768px) {
  .top-panel {
    width: calc(50% - 11px);
    border-radius: 10px;
  }
}
/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .top-panel {
    width: 100%;
    border-radius: 0.977vw;
  }
  .top-panel__head {
    padding: 5.067vw 3.2vw;
  }
  .top-panel__ttl {
    font-size: 5.3333333333vw;
  }
  .top-panel__content {
    padding: 4.267vw 5.333vw 5.8vw;
  }
  .top-panel__link a {
    font-size: 3.7333333333vw;
  }
  .top-panel__link:not(:first-of-type) {
    margin-top: 3.467vw;
  }
}
/* ================================================

- 募集中のイベント

================================================ */
.top-news {
  margin-top: 42px;
  background-color: #FFFFFF;
  border-radius: 10px;
}

.top-news__list {
  border-top: solid 1px #eeeeee;
}

.top-news__item a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  gap: 30px;
  padding: 12px 30px 13px;
  font-size: 1.6rem;
  line-height: 1.625;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #000000;
}

.top-news__item:not(:first-of-type) {
  border-top: solid 1px #eeeeee;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .top-news {
    margin-top: 11.2vw;
    border-radius: 2.667vw;
  }
  .top-news__item a {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.667vw;
    padding: 3.2vw 5.333vw 3.467vw;
    font-size: 3.7333333333vw;
  }
  .top-news__item a .m-alert {
    margin-left: auto;
  }
}
/* ================================================

-

================================================ */
.p-container {
  background-color: #FFFFFF;
  border-radius: 10px;
}

.p-head {
  padding: 20px 30px 17px;
}

.p-name {
  font-size: 1.6rem;
  line-height: 1.275;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.p-name span {
  display: inline-block;
  margin-right: 0.25em;
  font-size: 2.4rem;
  line-height: 1.275;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.p-body {
  padding: 34px 30px 50px;
  border-top: solid 1px #eeeeee;
  border-bottom: solid 1px #eeeeee;
}

.p-sc:not(:first-of-type) {
  margin-top: 35px;
}

.p-sc .m-table thead th {
  padding: 8px 10px 9px;
  font-size: 1.4rem;
}
.p-sc .m-table tbody td {
  padding: 16px 10px 16px;
}
.p-sc .m-table tbody td:first-child {
  border-left: solid 1px #eeeeee;
}
.p-sc .m-table tbody td:last-child {
  border-right: solid 1px #eeeeee;
}
.p-sc .m-table tbody tr:last-child td {
  border-bottom: solid 1px #eeeeee;
}

.p-summary {
  padding: 0 17px;
}

.p-complete {
  padding: 100px 17px;
  position: relative;
}

.p-complete.-min {
  padding: 40px 17px;
}

.p-complete.-medium {
  padding: 60px 17px 80px;
}

.p-complete.-large {
  padding: 93px 17px;
}

.p-complete + .p-btnArea {
  border-top: solid 1px #eeeeee;
}

.p-btnArea {
  padding: 22px 30px;
}

.p-txtArea {
  padding: 15px 27px 17px;
  background-color: #FFFFFF;
  border-radius: 10px;
}
.p-txtArea ul.m-flex {
  gap: 2.75em;
}

.p-txtArea__dl dt {
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-wrap: pretty;
}
.p-txtArea__dl dd {
  font-size: 1.4rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-wrap: pretty;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .p-container {
    border-radius: 2.667vw;
  }
  .p-head {
    padding: 20px 5.333vw 17px;
  }
  .p-name {
    font-size: 4vw;
  }
  .p-name span {
    font-size: 5.8666666667vw;
  }
  .p-body {
    padding: 34px 5.333vw 50px;
  }
  .p-sc:not(:first-of-type) {
    margin-top: 35px;
  }
  .p-sc .m-table thead th {
    padding: 8px 10px 9px;
    font-size: 3.4666666667vw;
  }
  .p-sc .m-table tbody td {
    padding: 16px 10px 16px;
  }
  .p-summary {
    padding: 0 4.533vw;
  }
  .p-complete {
    padding: 26.667vw 5.333vw;
  }
  .p-complete.-min {
    padding: 26.667vw 5.333vw;
  }
  .p-complete.-medium {
    padding: 16vw 5.333vw 21.333vw;
  }
  .p-complete.-large {
    padding: 24.8vw 5.333vw;
  }
  .p-btnArea {
    padding: 5.867vw 5.333vw;
  }
  .p-txtArea {
    padding: 4vw 5.333vw 4.533vw;
    border-radius: 2.667vw;
  }
  .p-txtArea ul.m-flex {
    gap: 7px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .p-txtArea__dl dt {
    font-size: 4vw;
  }
  .p-txtArea__dl dd {
    font-size: 3.4666666667vw;
  }
}
/* ================================================

- dl

================================================ */
.p-dl {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  padding: 16px 30px 17px;
  border-bottom: solid 1px #eeeeee;
}

.l-form.-front .p-dl:first-of-type {
  border-top: solid 1px #eeeeee;
}

.p-dl .-w130 {
  max-width: 130px;
}
.p-dl .-w150 {
  max-width: 150px;
}
.p-dl .-w220 {
  max-width: 220px;
}
.p-dl .-w230 {
  max-width: 230px;
}

.p-dl__dt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  max-width: 300px;
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.p-dl__dt.-short {
  max-width: 190px;
}

.p-dl__dd {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.p-dl__dd font {
  margin: 0 0.75em;
  color: var(--cc-accent-1);
}

table.p-dl__table tr:not(:first-child) td {
  padding-top: 8px;
}
table.p-dl__table td {
  padding-left: 2em;
}
table.p-dl__table td:first-of-type {
  padding-left: 0;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .p-dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 4.267vw 5.333vw 4.533vw;
  }
  .l-form.-front .p-dl {
    padding: 4.267vw 0 4.533vw;
  }
  .p-dl .-w130 {
    max-width: 100%;
  }
  .p-dl .-w150 {
    max-width: 100%;
  }
  .p-dl .-w220 {
    max-width: 100%;
  }
  .p-dl .-w230 {
    max-width: 100%;
  }
  .p-dl__dt {
    max-width: 100%;
    font-size: 4vw;
  }
  .p-dl__dt.-short {
    max-width: 100%;
  }
  .p-dl__dd {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    margin-top: 3.467vw;
  }
}
/* ================================================

- パスワード

================================================ */
.p-password__summary {
  padding: 15px 28px 0;
}

.p-password__name {
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-wrap: pretty;
}
.p-password__name span {
  margin-right: 6px;
  font-size: 2.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.p-password__txt {
  font-size: 2.6rem;
  line-height: 1.275;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.p-password__lead span {
  font-size: 2.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .p-password__summary {
    padding: 15px 5.333vw 0;
  }
  .p-password__name {
    font-size: 4vw;
  }
  .p-password__name span {
    margin-right: 1.6vw;
    font-size: 5.8666666667vw;
  }
  .p-password__txt {
    font-size: 5.8666666667vw;
  }
  .p-password__lead span {
    font-size: 5.3333333333vw;
  }
}
/* ================================================

- フォーム

================================================ */
/* プロパティが効くようにする */
input[type=search] {
  -webkit-appearance: textfield;
}

/* フォーカス時に四角いアウトラインでるので消す */
input[type=search]:focus {
  outline-style: none;
}

/* paddingで消せない余白を消す */
input[type=search]::-webkit-search-decoration {
  display: none;
}

button:disabled {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  opacity: 0.7;
  cursor: default;
}

input::-webkit-input-placeholder {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

input::-moz-placeholder {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

input:-ms-input-placeholder {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

input::-ms-input-placeholder {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

input::placeholder {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.l-form__account {
  margin-top: 13px;
  padding: 17px 0;
  border-top: solid 1px #eeeeee;
  border-bottom: solid 1px #eeeeee;
}

.l-form__account__inner {
  padding: 0 40px 0 30px;
}

.l-form__content {
  background-color: #FFFFFF;
  border-radius: 10px;
}

.l-form__content.-front .l-form__sc {
  border-top: solid 1px #eeeeee;
  border-bottom: none;
}

.l-form__sc {
  padding: 17px 40px 17px 30px;
  border-bottom: solid 1px #eeeeee;
}

.l-form__sc.-submit {
  padding: 22px 40px;
}

.l-form__sc.-submit.-front {
  padding: 32px 40px;
}

.l-form__sc .-w130 {
  max-width: 130px;
}
.l-form__sc .-w150 {
  max-width: 150px;
}
.l-form__sc .-w220 {
  max-width: 220px;
}
.l-form__sc .-w230 {
  max-width: 230px;
}

dl.l-form__item {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
}
dl.l-form__item dt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  max-width: 300px;
  width: 100%;
  padding-top: 14px;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  position: relative;
}
dl.l-form__item dt small {
  margin-left: 0.75em;
  font-size: 1.5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
dl.l-form__item dt.-short {
  max-width: 190px;
}
dl.l-form__item dt.-medium {
  max-width: 220px;
}
dl.l-form__item dt.-req::after {
  content: "必須";
  display: inline-block;
  width: 38px;
  height: 18px;
  margin-left: 11px;
  padding-bottom: 1px;
  font-size: 1.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF;
  background-color: #dd0000;
}
dl.l-form__item dd {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-size: 1.5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.l-form__input {
  position: relative;
}
.l-form__input textarea,
.l-form__input input[type=date],
.l-form__input input[type=time],
.l-form__input input[type=search],
.l-form__input input[type=password],
.l-form__input input[type=number],
.l-form__input input[type=email],
.l-form__input input[type=tel],
.l-form__input input[type=text] {
  width: 100%;
  min-height: 42px;
  padding: 0 15px;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  border: solid 1px #cccccc;
  background-color: #FFFFFF;
  border-radius: 4px;
}
.l-form__input textarea {
  height: auto;
  min-height: 202px;
  padding: 14px 15px;
}
.l-form__input textarea.-h360 {
  min-height: 360px;
}
.l-form__input textarea.-h460 {
  min-height: 460px;
}
.l-form__input input[type=date],
.l-form__input input[type=time] {
  width: auto;
}
.l-form__input input[type=date] {
  width: auto;
}
.l-form__input input[type=date]::-webkit-datetime-edit {
  display: block !important;
}

input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=date]::-webkit-clear-button {
  -webkit-appearance: none;
}


@-moz-document url-prefix() {}
.l-form__search {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: 280px;
  min-height: 42px;
  background-color: #FFFFFF;
  border-radius: 4px;
}
.l-form__search input[type=search],
.l-form__search input[type=text] {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  padding: 0 15px;
}

.l-form__search__btn {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
.l-form__search__btn button {
  display: block;
  padding: 12px 14px 9px;
}

.l-form__search__btn button svg path {
	fill: var(--cc-primary);
}

.l-form__zip {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  gap: 10px;
}

.l-form__zip__btn {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 36px;
  padding: 10px 13px;
  font-size: 1.5rem;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  background-color: var(--cc-primary);
  border-radius: 5px;
}

.l-form__zip__btn.-front {
  border-radius: calc(infinity * 1px);
}

@media (hover: hover) {
  button.l-form__zip__btn:enabled:hover {
    opacity: 0.8;
  }
}
button.l-form__zip__btn {
  -webkit-transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.l-form__select.m-flex {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.l-form__select select {
  min-height: 42px;
  padding: 0 42px 0 14px;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  border: solid 1px #cccccc;
  background-color: #FFFFFF;
  border-radius: 4px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210px%22%20height%3D%228px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(0%2C%200%2C%200)%22%20d%3D%22M4.999%2C7.016%20L9.997%2C1.837%20L9.174%2C0.984%20L4.999%2C5.311%20L0.825%2C0.984%20L0.003%2C1.837%20L4.999%2C7.016%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 10px 8px;
  background-position: right 20px center;
  cursor: pointer;
}

.l-form__input:not(:first-of-type),
.l-form__select:not(:first-of-type) {
  margin-top: 15px;
}

.l-form__select + .l-form__checkboxBtn {
  padding: 1px 5px 1px;
}

.l-form__select:has(+ .l-form__checkboxBtn) {
  padding: 1px 0 1px 10px;
}

.venue .l-form__select:not(:first-of-type) {
  margin-top: 0;
}

.l-form__checkbox {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 25px;
}
.l-form__checkbox label {
  font-size: 1.5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  position: relative;
  cursor: pointer;
}
.l-form__checkbox label a {
  color: var(--cc-green);
}
.l-form__checkbox label input[type=checkbox] + span {
  padding-left: 37px;
}
.l-form__checkbox label input[type=checkbox] + span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 26px;
  height: 26px;
  border: 1px solid #cccccc;
  border-radius: 3px;
}
.l-form__checkbox label input[type=checkbox]:checked + span::before {
	background-color: var(--cc-primary);
	-webkit-mask-image: url('/asset/images/common/icon/icon_check3.svg');
  mask-image: url('/asset/images/common/icon/icon_check3.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
	-webkit-mask-size: contain;
  mask-size: contain;
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2222.2px%22%20height%3D%2216.6px%22%20viewBox%3D%220%200%2022.2%2016.6%22%20enable-background%3D%22new%200%200%2022.2%2016.6%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23009260%22%20d%3D%22M8.3%2C16.6L0%2C8.3l2.8-2.8L8.3%2C11L19.4%2C0l2.8%2C2.8L8.3%2C16.6z%22%2F%3E%3C%2Fsvg%3E"); */
  background-repeat: no-repeat;
  background-position: 0;
}

.l-form__agree {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 43px;
}
.l-form__agree label {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  position: relative;
  cursor: pointer;
}
.l-form__agree label a {
  color: var(--cc-green);
}
.l-form__agree label input[type=checkbox] + span {
  position: relative;
  padding-left: 37px;
}
.l-form__agree label input[type=checkbox] + span::after {
  content: "必須";
  display: inline-block;
  width: 38px;
  height: 18px;
  margin-left: 11px;
  padding-bottom: 1px;
  font-size: 1.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF;
  background-color: #dd0000;
}
.l-form__agree label input[type=checkbox] + span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 30px;
  height: 30px;
  border: 1px solid #cccccc;
  border-radius: 3px;
}
.l-form__agree label input[type=checkbox]:checked + span::before {
	background-color: var(--cc-accent-1);
	-webkit-mask-image: url('/asset/images/common/icon/icon_check3.svg');
  mask-image: url('/asset/images/common/icon/icon_check3.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
	-webkit-mask-size: contain;
  mask-size: contain;
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2227px%22%20height%3D%2227px%22%20viewBox%3D%220%200%2027%2027%22%20style%3D%22enable-background%3Anew%200%200%2027%2027%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23dd0000%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M10.7%2C21.8l-8.3-8.3l2.8-2.8l5.5%2C5.5L21.8%2C5.2L24.6%2C8L10.7%2C21.8z%22%2F%3E%3C%2Fsvg%3E"); */
  background-repeat: no-repeat;
  background-position: 0;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  input::-webkit-input-placeholder {
    font-size: 3.7333333333vw;
  }
  input::-moz-placeholder {
    font-size: 3.7333333333vw;
  }
  input:-ms-input-placeholder {
    font-size: 3.7333333333vw;
  }
  input::-ms-input-placeholder {
    font-size: 3.7333333333vw;
  }
  input::placeholder {
    font-size: 3.7333333333vw;
  }
  .l-form__account {
    margin-top: 13px;
    padding: 17px 0;
  }
  .l-form__account__inner {
    padding: 0 5.333vw;
  }
  .l-form__content {
    border-radius: 2.667vw;
  }
  .l-form__content.-front .l-form__sc {
    padding: 6.667vw 0;
  }
  .l-form__sc {
    padding: 6.667vw 5.333vw;
  }
  .l-form__sc.-submit {
    padding: 6.667vw 5.333vw;
  }
  .l-form__sc .-w130 {
    max-width: 100%;
  }
  .l-form__sc .-w150 {
    max-width: 100%;
  }
  .l-form__sc .-w220 {
    max-width: 100%;
  }
  .l-form__sc .-w230 {
    max-width: 100%;
  }
  dl.l-form__item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  dl.l-form__item dt {
    max-width: 100%;
    padding-top: 0;
    font-size: 3.7333333333vw;
  }
  dl.l-form__item dt small {
    margin-left: 0.75em;
    font-size: 3.6vw;
  }
  dl.l-form__item dt.-short {
    max-width: 100%;
  }
  dl.l-form__item dt.-medium {
    max-width: 100%;
  }
  dl.l-form__item dt.-req::after {
    width: 8.533vw;
    height: 4.8vw;
    margin-left: 2.933vw;
    padding-bottom: 0.267vw;
    font-size: 2.6666666667vw;
    line-height: 4.8vw;
  }
  dl.l-form__item dd {
    margin-top: 4vw;
    font-size: 3.4666666667vw;
  }
  .l-form__input {
    width: 100%;
  }
  .l-form__input textarea,
  .l-form__input input[type=date],
  .l-form__input input[type=time],
  .l-form__input input[type=search],
  .l-form__input input[type=password],
  .l-form__input input[type=number],
  .l-form__input input[type=email],
  .l-form__input input[type=tel],
  .l-form__input input[type=text] {
    width: 100%;
    min-height: 11.2vw;
    padding: 0 4vw;
    font-size: 4.2666666667vw;
    border-radius: 1.067vw;
  }
  .l-form__input textarea {
    min-height: 53.867vw;
    padding: 3.733vw 4vw;
  }
  .l-form__input textarea.-h360 {
    min-height: 53.867vw;
  }
  .l-form__search {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    width: 74.667vw;
    border-radius: 1.067vw;
  }
  .l-form__search input[type=search],
  .l-form__search input[type=text] {
    padding: 0 4vw;
  }
  .l-form__search__btn {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .l-form__search__btn button {
    display: block;
    padding: 3.2vw 3.733vw 2.4vw;
  }
  .l-form__zip {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    gap: 2.667vw;
  }
  .l-form__zip input[type=text] {
    width: 100%;
  }
  .l-form__zip__btn {
    min-height: 9.6vw;
    padding: 2.667vw 3.467vw;
    font-size: 3.4666666667vw;
    border-radius: 1.333vw;
  }
  .l-form__select.m-flex {
    gap: 2.667vw;
  }
  .l-form__select select {
    min-height: 11.2vw;
    padding: 0 5.2vw 0 3.2vw;
    font-size: 4vw;
    background-size: 2.667vw 2.133vw;
    background-position: right 2.4vw center;
  }
  .l-form__input:not(:first-of-type),
  .l-form__select:not(:first-of-type) {
    margin-top: 20px;
  }
  .venue .l-form__select:not(:first-of-type) {
    margin-top: 0;
  }
  .l-form__agree {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    margin-top: 30px;
  }
  .l-form__agree label {
    font-size: 3.7333333333vw;
  }
  .l-form__agree label input[type=checkbox] + span {
    position: relative;
    padding-left: 37px;
  }
  .l-form__agree label input[type=checkbox] + span::after {
    width: 32px;
    height: 18px;
    margin-left: 11px;
    padding-bottom: 1px;
    font-size: 2.6666666667vw;
    line-height: 18px;
  }
  .l-form__agree label input[type=checkbox] + span::before {
    width: 30px;
    height: 30px;
    border-radius: 3px;
  }
}
/* ================================================

- ラジオボタン

================================================ */
.l-form__radio__layout {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  gap: 60px;
}

.l-form__radio label {
  display: inline-block;
  padding: 14px 0;
  font-size: 1.5rem;
  cursor: pointer;
}
.l-form__radio label input[type=radio] + span {
  position: relative;
  padding-left: 37px;
}
.l-form__radio label input[type=radio] + span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 26px;
  height: 26px;
  border: 1px solid #D0D0D0;
  border-radius: 100%;
}
.l-form__radio label input[type=radio]:checked + span::before {
  border-radius: 100%;
  background-color: #dd0000;
}

.l-form__radio.-front label input[type=radio]:checked + span::before {
  background-color: var(--cc-primary);
}

.l-form__radio label input[type=radio].disabled + span::after,
.l-form__radio label input[type=radio]:disabled + span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -2%;
  translate: 0 -50%;
  width: 104%;
  height: 1px;
  background-color: #333333;
  cursor: default;
}

.l-form__radio label input[type=radio].disabled,
.l-form__radio label input[type=radio]:disabled,
.l-form__radio label input[type=radio]:disabled + span,
.l-form__radio label input[type=radio]:disabled + span::before {
  cursor: default;
}

/* @media screen */
@media screen and (max-width: 568px) {
  .l-form__radio__layout {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    gap: 13.333vw;
  }
  .l-form__radio label {
    padding: 4vw 0;
    font-size: 3.7333333333vw;
  }
  .l-form__radio label input[type=radio] + span {
    padding-left: 9vw;
    white-space: nowrap;
  }
  .l-form__radio label input[type=radio] + span::before {
    width: 6.933vw;
    height: 6.933vw;
  }
}
/* ================================================

- アラートメッセージ

================================================ */
.l-form__alert {
  display: inline-block;
  padding: 5px 8px 6px;
  font-size: 1.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #FFFFFF;
  background-color: #dd0000;
}

.l-form__error {
  display: none;
  margin-top: 30px;
}
.l-form__error p {
  font-size: 1.4rem;
  line-height: 1.675;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: var(--cc-accent-1);
}

.l-form__error.-enabled {
  display: block;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .l-form__alert {
    padding: 8px 3.467vw 9px;
    font-size: 3.2vw;
  }
  .l-form__error {
    margin-top: 30px;
  }
  .l-form__error p {
    font-size: 3.2vw;
  }
}
/* ================================================

- confirm

================================================ */
.l-form__confirm__txt {
  padding-top: 12px;
}
.l-form__confirm__txt p {
  font-size: 1.5rem;
  line-height: 1.6;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.l-form__confirm__btn {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  margin-top: 46px;
}
.l-form__confirm__btn .l-form__submit {
  margin-top: 0;
}
.l-form__confirm__btn .l-form__submit:not(:first-of-type) {
  margin-left: 40px;
}
.l-form__confirm__btn .l-form__submit.-back button {
  background-color: #BBBBBB;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .l-form__confirm__txt {
    padding-top: 12px;
  }
  .l-form__confirm__txt p {
    font-size: 4vw;
  }
  .l-form__confirm__btn {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 40px;
  }
  .l-form__confirm__btn .l-form__submit {
    margin-top: 0;
  }
  .l-form__confirm__btn .l-form__submit:not(:first-of-type) {
    margin-left: 0;
    margin-top: 40px;
  }
}
/* ================================================

- complete

================================================ */
.l-form__complete {
  padding: 40px 80px;
}

.l-form__complete__ttl {
  font-size: 2.4rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-align: center;
}

.l-form__complete__txt {
  margin-top: 30px;
}
.l-form__complete__txt p {
  font-size: 1.5rem;
  line-height: 1.875;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .l-form__complete {
    padding: 40px 4vw;
  }
  .l-form__complete__ttl {
    font-size: 4.8vw;
  }
  .l-form__complete__txt {
    margin-top: 25px;
  }
  .l-form__complete__txt p {
    font-size: 4vw;
  }
}
/* ================================================

- Grid

================================================ */
.l-grid__column {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: grid;
  gap: 10px;
}

.l-grid__column__item {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: subgrid;
  grid-column: span 3;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: 25px;
}

dl.l-form__item .l-grid__column {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
dl.l-form__item .l-grid__column__item {
  grid-column: span 4;
}
dl.l-form__item .l-grid__column__item .l-form__input {
  margin-left: 60px;
}
dl.l-form__item .l-grid__column__item .l-form__input input[type=number] {
  width: auto;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .l-grid__column {
    gap: 2.667vw;
  }
  .l-grid__column__item {
    gap: 4vw;
  }
  dl.l-form__item .l-grid__column__item .l-form__input {
    margin-left: 4vw;
  }
  dl.l-form__item .l-grid__column__item .l-form__input input[type=number] {
    width: auto;
  }
}
/* ================================================

- flatpickr

================================================ */
/*
.js-flatpickr {
  width: 160px !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3C!--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20--%3E%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23cccccc%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M502.74%2C183.481v-82.063c0-31.14-25.301-56.511-56.442-56.511h-28.011v33.847v14.809v13.625%20c0%2C16.266-13.207%2C29.469-29.473%2C29.469h-51.786c-16.266%2C0-29.472-13.203-29.472-29.469V93.562V78.754V45.168v-0.102l0%2C0v-0.16%20H204.47v33.847v14.809v13.625c0%2C16.266-13.277%2C29.469-29.543%2C29.469h-51.714c-16.266%2C0-29.543-13.203-29.543-29.469V93.562V78.754%20V44.906H65.728c-31.14%2C0-56.441%2C25.371-56.441%2C56.511v82.063H9.244v266.648C9.244%2C484.242%2C36.998%2C512%2C71.115%2C512h369.77%20c34.113%2C0%2C61.871-27.758%2C61.871-61.871V183.481H502.74z%20M57.904%2C190.25h0.039v-10.395h396.141v10.395h0.011v259.878%20c0%2C7.282-5.926%2C13.211-13.21%2C13.211H71.115c-7.289%2C0-13.211-5.93-13.211-13.211V190.25z%22%3E%3C%2Fpath%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22172.088%2C230.5%20172.088%2C230.317%20172.088%2C230.317%20172.088%2C230.156%20111.873%2C230.156%20111.873%2C290.367%20172.088%2C290.367%20%22%3E%3C%2Fpolygon%3E%20%3Crect%20x%3D%22225.893%22%20y%3D%22230.156%22%20class%3D%22st0%22%20width%3D%2260.21%22%20height%3D%2260.211%22%3E%3C%2Frect%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22339.908%2C290.207%20339.908%2C290.367%20400.123%2C290.367%20400.123%2C230.156%20339.908%2C230.156%20339.908%2C290.027%20339.908%2C290.207%20%22%3E%3C%2Fpolygon%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22172.088%2C339.414%20172.088%2C339.23%20172.088%2C339.23%20172.088%2C339.07%20111.873%2C339.07%20111.873%2C399.285%20172.088%2C399.285%20%22%3E%3C%2Fpolygon%3E%20%3Crect%20x%3D%22225.893%22%20y%3D%22339.07%22%20class%3D%22st0%22%20width%3D%2260.21%22%20height%3D%2260.214%22%3E%3C%2Frect%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22339.908%2C399.285%20400.123%2C399.285%20400.123%2C339.07%20339.908%2C339.07%20339.908%2C398.942%20339.908%2C399.125%20339.908%2C399.125%20%22%3E%3C%2Fpolygon%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M123.213%2C115.805h51.714c4.798%2C0%2C8.688-3.821%2C8.688-8.618V93.562V78.754V44.906V26.832%20C183.615%2C12.094%2C171.522%2C0%2C156.717%2C0h-15.293c-14.805%2C0-26.898%2C12.094-26.898%2C26.832v18.074v33.847v14.809v13.625%20C114.526%2C111.984%2C118.416%2C115.805%2C123.213%2C115.805z%22%3E%3C%2Fpath%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M337.029%2C115.805h51.786c4.726%2C0%2C8.617-3.821%2C8.617-8.618V93.562V78.754V44.906V26.832%20C397.431%2C12.094%2C385.338%2C0%2C370.603%2C0H355.24c-14.738%2C0-26.832%2C12.094-26.832%2C26.832v18.074v33.847v14.809v13.625%20C328.408%2C111.984%2C332.302%2C115.805%2C337.029%2C115.805z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: right 10px center;
  cursor: pointer;
}
*/ 

.flatpickr-day.today {
  border-color: var(--cc-primary) !important;
}

/* ================================================

- フロントフォームボタン

================================================ */
.l-form__btn.m-btn.-front button,
.l-form__btn.m-btn.-front a {
  min-width: 230px;
}

.l-form__btn.m-btn.-front.-cancel button,
.l-form__btn.m-btn.-front.-cancel a {
  background-color: #AAAAAA;
}

.l-form__checkboxBtn button {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0;
  min-height: 36px;
  padding: 1px 17px;
  font-size: 1.6rem;
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  background-color: transparent;
  border: solid 1px var(--cc-gray);
  cursor: pointer;
}

.l-form__select select.-hidden {
  display: none;
}

.l-form__checked {
  display: none;
  color: var(--cc-primary);
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.l-form__checked.-visible {
  display: block;
}

/* ================================================

- ニュース詳細

================================================ */
.cke_editable,
.news-detail {
  font-size: 1.6rem;
  line-height: 1.875;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-wrap: pretty;
}
.cke_editable p,
.news-detail p {
  font-size: 1.6rem;
  line-height: 1.875;
}
.cke_editable a,
.news-detail a {
  color: var(--cc-primary);
  text-decoration: underline;
  word-break: break-all;
}
.cke_editable h1,
.news-detail h1 {
  font-size: 2.6rem;
  font-weight: bold;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.cke_editable h2,
.news-detail h2 {
  font-size: 2.6rem;
  font-weight: bold;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.cke_editable h3,
.news-detail h3 {
  font-size: 2.4rem;
  font-weight: bold;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.cke_editable h4,
.news-detail h4 {
  font-size: 2.2rem;
  font-weight: bold;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.cke_editable h5,
.news-detail h5 {
  font-size: 2rem;
  font-weight: bold;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.cke_editable h6,
.news-detail h6 {
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.cke_editable hr,
.news-detail hr {
  margin: 30px 0;
  border-top: dotted 2px #AAAAAA;
  border-bottom: none;
}
.cke_editable strong,
.news-detail strong {
  font-weight: bold;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.cke_editable em,
.news-detail em {
  font-style: italic;
}
.cke_editable blockquote,
.news-detail blockquote {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px;
}
.cke_editable .aligncenter,
.news-detail .aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.cke_editable img,
.news-detail img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
}
.cke_editable .overflow-container,
.news-detail .overflow-container {
  overflow: visible;
}
.cke_editable table,
.news-detail table {
  width: 100%;
  border-top: solid 1px #eeeeee;
  border-left: solid 1px #eeeeee;
  border-collapse: collapse;
  border-spacing: 0;
}
.cke_editable table th,
.cke_editable table td,
.news-detail table th,
.news-detail table td {
  border-bottom: solid 1px #eeeeee;
  border-right: solid 1px #eeeeee;
  background-color: #FFFFFF;
  padding: 14px 25px 14px;
  font-size: 1.6rem;
  line-height: 1.625;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  vertical-align: middle;
  text-align: left;
}
.cke_editable table th small,
.cke_editable table td small,
.news-detail table th small,
.news-detail table td small {
  font-size: 1.4rem;
}
.cke_editable table th.-center,
.cke_editable table td.-center,
.news-detail table th.-center,
.news-detail table td.-center {
  text-align: center;
}
.cke_editable table th.-bg,
.cke_editable table td.-bg,
.news-detail table th.-bg,
.news-detail table td.-bg {
  background-color: #f6f6f6;
}
.cke_editable table thead th,
.news-detail table thead th {
  padding: 9px 25px 9px;
  font-size: 1.6rem;
  line-height: 1.625;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  background-color: #f6f6f6;
}
.cke_editable table tbody th,
.news-detail table tbody th {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  vertical-align: middle;
}
.cke_editable iframe,
.news-detail iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

@media (hover: hover) {
  .news-detail a:-moz-any-link:hover {
    opacity: 0.7;
  }
  .news-detail a:any-link:hover {
    opacity: 0.7;
  }
}
.news-detail a {
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .cke_editable,
  .news-detail {
    font-size: 4.2666666667vw;
  }
  .cke_editable p,
  .news-detail p {
    font-size: 4.2666666667vw;
  }
  .cke_editable p,
  .news-detail p {
    font-size: 4.2666666667vw;
  }
  .cke_editable h1,
  .news-detail h1 {
    font-size: 6.4vw;
  }
  .cke_editable h2,
  .news-detail h2 {
    font-size: 6.4vw;
  }
  .cke_editable h3,
  .news-detail h3 {
    font-size: 6.1333333333vw;
  }
  .cke_editable h4,
  .news-detail h4 {
    font-size: 5.6vw;
  }
  .cke_editable h5,
  .news-detail h5 {
    font-size: 5.0666666667vw;
  }
  .cke_editable h6,
  .news-detail h6 {
    font-size: 4.5333333333vw;
  }
  .cke_editable hr,
  .news-detail hr {
    margin: 5.6vw 0;
  }
  .cke_editable .overflow-container,
  .news-detail .overflow-container {
    overflow-x: scroll;
  }
  .cke_editable .overflow-container::before,
  .news-detail .overflow-container::before {
    content: "※横にスライドして閲覧出来ます。";
    display: block;
    margin-bottom: 1.333vw;
    font-size: 2.9333333333vw;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  .cke_editable table,
  .news-detail table {
    width: 100%;
  }
  .cke_editable table th,
  .cke_editable table td,
  .news-detail table th,
  .news-detail table td {
    padding: 3.733vw 2.667vw 3.733vw;
    font-size: 4vw;
  }
  .cke_editable table th small,
  .cke_editable table td small,
  .news-detail table th small,
  .news-detail table td small {
    font-size: 3.7333333333vw;
  }
  .cke_editable table th.-pos1,
  .cke_editable table td.-pos1,
  .news-detail table th.-pos1,
  .news-detail table td.-pos1 {
    padding-top: 16vw;
  }
  .cke_editable table thead th,
  .news-detail table thead th {
    padding: 2.4vw 2.667vw 2.4vw;
    font-size: 4vw;
  }
}
/* ================================================

- @hover

================================================ */
@media (hover: hover) {
  .front-newsList__item a:-moz-any-link:hover, .front-modal__item__btn a:-moz-any-link:hover, .front-homegame__item__btn a:-moz-any-link:hover, .front-news__item a:-moz-any-link:hover, .front-panel__link a:-moz-any-link:hover {
    opacity: 0.7;
  }
  .front-newsList__item a:any-link:hover,
  .front-modal__item__btn a:any-link:hover,
  .front-homegame__item__btn a:any-link:hover,
  .front-news__item a:any-link:hover,
  .front-panel__link a:any-link:hover {
    opacity: 0.7;
  }
  .front-modal__item__btn button:enabled:hover,
  .front-homegame__item__btn button:enabled:hover,
  .front-news__moreBtn button:enabled:hover {
    opacity: 0.7;
  }
}
.front-newsList__item a,
.front-modal__item__btn button,
.front-modal__item__btn a,
.front-homegame__item__btn button,
.front-homegame__item__btn a,
.front-news__moreBtn button,
.front-news__item a,
.front-panel__link a {
  -webkit-transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

/* ================================================

- MV

================================================ */
.front-mv {
  background-color: var(--cc-front-mv);
}

.front-mv__inner {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
}
.front-mv.-demo .front-mv__inner {
  display: block;
}

.front-mv__content {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  max-width: 460px;
  width: 100%;
  padding: 102px 25px 30px 50px;
}

.front-mv__icon {
  width: 79px;
}

.front-mv__ttl {
  margin-top: 19px;
  font-size: 4.3rem;
  line-height: 1.302;
  letter-spacing: 0.02em;
  color: var(--cc-primary);
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  white-space: pre-line;
}

.front-mv__sitename {
  margin-top: 28px;
}
.front-mv__sitename span {
  display: block;
  color: var(--cc-primary);
}
.front-mv__sitename span.-en {
  font-size: 3.8rem;
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  letter-spacing: -0.04em;
}
.front-mv__sitename span.-jp {
  margin-top: 5px;
  font-size: 1.7rem;
  line-height: 1.353;
  color: var(--cc-primary);
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  white-space: pre-line;
}

.front-mv__photo {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 64.063vw;
}
.front-mv__photo img {
  height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .front-mv__inner {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
	.front-mv.-demo .front-mv__inner {
		display: block;
	}
  .front-mv__content {
    max-width: 100%;
    padding: 8vw 5.333vw;
  }
  .front-mv__icon {
    max-width: 79px;
    width: 16.533vw;
  }
  .front-mv__ttl {
    margin-top: 15px;
    font-size: 10.4vw;
  }
  .front-mv__sitename {
    margin-top: 24px;
  }
  .front-mv__sitename span.-en {
    font-size: 9.3333333333vw;
  }
  .front-mv__sitename span.-jp {
    margin-top: 5px;
    font-size: 4.5333333333vw;
  }
  .front-mv__photo {
    width: 100%;
  }
  .front-mv__photo img {
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
/* ================================================

-

================================================ */
.front-top__head {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.front-top__ttl {
  font-size: 3.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .front-top__head {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .front-top__ttl {
    font-size: 8vw;
  }
}
/* ================================================

- ニュース

================================================ */
.front-news {
  padding: 67px 0 85px;
  background-color: #FFFFFF;
}

.front-news__content {
  margin-top: 22px;
}

.front-news__item {
  display: none;
  border-bottom: solid 1px #eeeeee;
  -webkit-animation: appear 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
          animation: appear 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.front-news__item a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  padding: 19px 0 20px;
  font-size: 1.6rem;
  line-height: 1.625;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #000000;
}
.front-news__item a span.-day {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 110px;
}
.front-news__item a span.-label {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: 90px;
  min-height: 21px;
  font-size: 1.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #FFFFFF;
  translate: 0 3px;
  background-color: var(--cc-primary);
}
.front-news__item a span.-txt {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin-left: 30px;
}

.front-news__item:first-of-type {
  border-top: solid 1px #eeeeee;
}

.front-news__item.-active {
  display: block;
}

.front-news__moreBtn {
  margin-top: 28px;
  text-align: center;
}
.front-news__moreBtn button span {
  padding-left: 25px;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: var(--cc-primary);
  position: relative;
}
.front-news__moreBtn button span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 16px;
  height: 2px;
  background-color: var(--cc-primary);
}
.front-news__moreBtn button span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 16px;
  height: 2px;
  background-color: var(--cc-primary);
  rotate: 90deg;
  -webkit-transition: rotate 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: rotate 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.front-news__moreBtn.-disable button {
  cursor: default;
}
.front-news__moreBtn.-disable button span {
  color: var(--cc-gray);
}
.front-news__moreBtn.-disable button span::before {
  background-color: var(--cc-gray);
}
.front-news__moreBtn.-disable button span::after {
  rotate: 0deg;
  background-color: var(--cc-gray);
}
.front-news__moreBtn.-disable button:enabled:hover {
  opacity: 1;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .front-news {
    padding: 67px 0 85px;
  }
  .front-news__inner {
    padding: 0 5.333vw;
  }
  .front-news__content {
    margin-top: 22px;
  }
  .front-news__item a {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 19px 0 20px;
    font-size: 4vw;
  }
  .front-news__item a span.-day {
    width: 25.333vw;
  }
  .front-news__item a span.-label {
    width: 24vw;
    min-height: 21px;
    font-size: 3.2vw;
    translate: 0;
  }
  .front-news__item a span.-txt {
    width: 100%;
    margin-top: 12px;
    margin-left: 0;
  }
  .front-news__moreBtn {
    margin-top: 25px;
  }
  .front-news__moreBtn button span {
    padding-left: 25px;
    font-size: 4.2666666667vw;
  }
  .front-news__moreBtn button span::before {
    width: 16px;
    height: 2px;
  }
  .front-news__moreBtn button span::after {
    width: 16px;
    height: 2px;
  }
}
/* ================================================

- ホームゲーム

================================================ */
.front-homegame {
  padding: 67px 0 95px;
  background-color: var(--cc-base-1);
}

.front-homegame__content {
  margin-top: 32px;
}

.front-homegame__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(33.3333333333% - 19.6666666667px), 1fr));
  gap: 34px 29px;
}

.front-homegame__inner {
  padding: 20px 20px;
}

.front-homegame__item {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0;
  max-width: 354px;
  padding: 23px 27px 28px;
  background-color: #FFFFFF;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

.front-homegame__item[aria-selected=true]::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
	background-image: url(../images/common/icon/icon_batch.svg);
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.849mm%22%20height%3D%2221.167mm%22%20version%3D%221.1%22%20viewBox%3D%220%200%2059.1%2060%22%3E%20%3Cpath%20d%3D%22M0%2C0h59.1v60L0%2C0Z%22%20fill%3D%22%23cf141b%22%20fill-rule%3D%22evenodd%22%20stroke-width%3D%220%22%2F%3E%20%3Cpath%20d%3D%22M37.456%2C13.926l-5.148%2C5.148-.69-.689.479-.479-2.574-2.573-2.5%2C2.5-.699-.699%2C2.5-2.5-2.491-2.49-.524.523-.671-.671%2C5.193-5.193%2C3.162%2C3.162%2C1.215-1.214.698.698-1.214%2C1.214%2C3.264%2C3.264ZM29.485%2C13.972l1.388-1.388-2.491-2.491-1.388%2C1.388%2C2.491%2C2.491ZM30.35%2C8.125l-1.333%2C1.333%2C2.491%2C2.491%2C1.333-1.333-2.491-2.491ZM32.758%2C17.245l1.388-1.389-2.573-2.573-1.388%2C1.388%2C2.574%2C2.574ZM33.54%2C11.315l-1.333%2C1.333%2C2.573%2C2.573%2C1.333-1.332-2.573-2.574Z%22%20fill%3D%22%23fff%22%20stroke-width%3D%220%22%2F%3E%20%3Cpath%20d%3D%22M35.571%2C22.686c-.239%2C1.104.248%2C2.216%2C1.259%2C3.319.966%2C1.038%2C3.034%2C3.052%2C4.184%2C4.054-.239.092-.681.294-.919.479-1.039-.966-2.942-2.832-3.917-3.88-1.149-1.241-1.636-2.39-1.517-3.687-.827-.055-1.683-.119-2.565-.211l.321-1.057c.699.146%2C1.599.275%2C2.446.349l2.325-2.325-1.277-1.278.644-.644%2C1.948%2C1.949-2.932%2C2.932ZM45.178%2C20.159c-2.583%2C3.025-4.036%2C5.91-3.145%2C8.696-.275-.056-.754-.055-1.057-.027-.534-2.04.019-4.083%2C1.276-6.169-2.121%2C1.168-4.154%2C1.637-6.158%2C1.287.018-.238.018-.771-.027-1.039%2C2.197.488%2C4.403-.175%2C6.646-1.682l.248.34c.312-.441.652-.873%2C1.012-1.324l-1.674-1.672.645-.645%2C2.233%2C2.234ZM39.726%2C17.961c.156-.727.084-2.014-.109-3.016l.92.092c.201.975.303%2C2.253.184%2C3.016l-.994-.092Z%22%20fill%3D%22%23fff%22%20stroke-width%3D%220%22%2F%3E%20%3Cpath%20d%3D%22M46.382%2C30.997c-1.426.523-3.182%2C1.066-4.541%2C1.416l-.148-1.012c1.178-.258%2C3.053-.791%2C4.597-1.342l.093.938ZM52.071%2C34.26l.672.67-4.312%2C4.312-.671-.671%2C1.728-1.728-3.024-3.024c-.818.486-1.802.809-2.979.68%2C0-.238-.082-.67-.147-.919%2C1.866.229%2C3.19-.817%2C4.026-1.655l1.187-1.186.653.652-.543.543%2C2.868%2C2.868.542-.542ZM46.896%2C28.993c-.045-.672-.35-1.803-.697-2.648l.891-.137c.35.809.699%2C1.93.764%2C2.602l-.957.184ZM50.077%2C36.254l.873-.873-2.868-2.868-.064.064c-.249.249-.533.515-.854.763l2.914%2C2.914ZM54.976%2C32.145c-.809.221-1.645.23-2.49.102.404%2C1.012%2C1.002%2C2.014%2C1.738%2C3.08-.295%2C0-.699.092-.984.229-.772-1.213-1.388-2.363-1.766-3.548-1.268-.369-2.545-1.039-3.777-1.848.091-.203.211-.653.238-.92%2C1.084.771%2C2.207%2C1.415%2C3.301%2C1.811-.156-.836-.176-1.719-.01-2.656l-.947-.947.599-.598%2C2.509%2C2.51.956-.956.689.689-.956.956%2C2.547%2C2.546-.598.599-1.049-1.049ZM49.755%2C27.016c-.018-.662-.285-1.811-.598-2.656l.865-.129c.33.827.652%2C1.957.67%2C2.638l-.938.147ZM51.952%2C29.122c-.055.771.027%2C1.498.221%2C2.205.708.157%2C1.396.186%2C2.05.065l-2.271-2.271Z%22%20fill%3D%22%23fff%22%20stroke-width%3D%220%22%2F%3E%3C%2Fsvg%3E"); */
  background-size: contain;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
}
.front-homegame__item[aria-selected=true] .front-homegame__item__btn.-submit {
  display: none;
}
.front-homegame__item[aria-selected=true] .front-homegame__item__btn.-reset {
  display: block;
}

.front-homegame__item__date {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
}

.front-homegame__item__date__day {
  font-size: 1.9rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.front-homegame__item__date__day small {
  margin-left: 6px;
  font-size: 1.4rem;
}

.front-homegame__item__date__ttl {
  margin-top: 7px;
  font-size: 1.9rem;
  line-height: 1.421;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.front-homegame__item__event {
  margin-top: 25px;
  padding-top: 12px;
  border-top: solid 1px #e8e8e8;
}

.front-homegame__item__update {
  font-size: 1.5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.front-homegame__item__btns {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 18px;
}

.front-homegame__item__btn button,
.front-homegame__item__btn a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 146px;
  min-height: 48px;
  padding: 10px 18px;
  font-size: 1.5rem;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  background-color: var(--cc-primary);
  border-radius: calc(infinity * 1px);
  position: relative;
  z-index: 1;
}
.front-homegame__item__btn button span,
.front-homegame__item__btn a span {
  display: inline-block;
  width: auto;
  padding-left: 25px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.front-homegame__item__btn button span::before,
.front-homegame__item__btn a span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.front-homegame__item__btn a:not([href]) {
  background-color: #bcbcbc;
}

.front-homegame__item__btn.-detail button span::before,
.front-homegame__item__btn.-detail a span::before {
	background-color: #FFFFFF; /* 背景色 */
  -webkit-mask-image: url('/asset/images/common/icon/icon_detail.svg');
  mask-image: url('/asset/images/common/icon/icon_detail.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M17.21%2C19H2.8c-.99%2C0-1.79-.81-1.79-1.8V2.79c0-.99.81-1.8%2C1.79-1.8h14.41c.99%2C0%2C1.79.81%2C1.79%2C1.8v14.41c0%2C.99-.8%2C1.8-1.79%2C1.8ZM17.46%2C2.54H2.54v14.92h14.91V2.54ZM14.04%2C7.12H5.96v-1.58h8.08v1.58ZM14.04%2C10.79H5.96v-1.58h8.08v1.58ZM10.51%2C14.46h-4.55v-1.58h4.55v1.58Z%22%2F%3E%3C%2Fsvg%3E"); */
}

.front-homegame__item__btn.-submit button,
.front-homegame__item__btn.-submit a {
  min-width: 128px;
  background-color: transparent;
  color: var(--cc-primary);
  border: solid 2px var(--cc-primary);
}
.front-homegame__item__btn.-submit button span::before,
.front-homegame__item__btn.-submit a span::before {
	background-color: var(--cc-primary); /* 背景色 */
  -webkit-mask-image: url('/asset/images/common/icon/icon_submit.svg');
  mask-image: url('/asset/images/common/icon/icon_submit.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%230b8c5d%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M13.52%2C10L5.14%2C4.37v11.27l8.38-5.63ZM16.83%2C10.43L3.78%2C18.92c-.25.16-.6.09-.77-.14-.06-.08-.09-.18-.09-.28V1.51c0-.28.25-.51.55-.51.11%2C0%2C.22.03.31.09l13.05%2C8.49c.26.16.32.47.15.71-.04.06-.09.1-.15.14Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3C%2Fsvg%3E"); */
}

.front-homegame__item__btn.-submit2 button,
.front-homegame__item__btn.-submit2 a {
  background-color: transparent;
  color: var(--cc-primary);
  border: solid 2px var(--cc-primary);
}
.front-homegame__item__btn.-submit2 button span::before,
.front-homegame__item__btn.-submit2 a span::before {
	-webkit-mask-image: url('/asset/images/common/icon/icon_submit2.svg');
  mask-image: url('/asset/images/common/icon/icon_submit2.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M13.52%2C10L5.14%2C4.37v11.27l8.38-5.63ZM16.83%2C10.43L3.78%2C18.92c-.25.16-.6.09-.77-.14-.06-.08-.09-.18-.09-.28V1.51c0-.28.25-.51.55-.51.11%2C0%2C.22.03.31.09l13.05%2C8.49c.26.16.32.47.15.71-.04.06-.09.1-.15.14Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3C%2Fsvg%3E"); */
}

.front-homegame__item__btn.-cancel button,
.front-homegame__item__btn.-cancel a {
  background-color: transparent;
  color: var(--cc-primary);
  border: solid 2px var(--cc-primary);
}
.front-homegame__item__btn.-cancel button span::before,
.front-homegame__item__btn.-cancel a span::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M17.08%2C15.61l-1.47%2C1.47-5.61-5.61-5.61%2C5.61-1.47-1.47%2C5.61-5.61L2.92%2C4.39l1.47-1.47%2C5.61%2C5.61%2C5.61-5.61%2C1.47%2C1.47-5.61%2C5.61%2C5.61%2C5.61Z%22%2F%3E%3C%2Fsvg%3E");
}

.front-homegame__item__btn.-reset {
  display: none;
}
.front-homegame__item__btn.-reset button,
.front-homegame__item__btn.-reset a {
  background-color: transparent;
  color: var(--cc-gray);
  border: solid 2px var(--cc-gray);
}
.front-homegame__item__btn.-reset button span,
.front-homegame__item__btn.-reset a span {
  padding-left: 0;
}
.front-homegame__item__btn.-reset button span::before,
.front-homegame__item__btn.-reset a span::before {
  background-image: none;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .front-homegame {
    padding: 67px 0 95px;
  }
  .front-homegame__content {
    margin-top: 32px;
  }
  .front-homegame__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .front-homegame__item {
    max-width: 100%;
    padding: 6.133vw 5.333vw 7.467vw;
    border-radius: 4.267vw;
  }
  .front-homegame__item__date__day {
    font-size: 4.8vw;
  }
  .front-homegame__item__date__day small {
    margin-left: 6px;
    font-size: 3.4666666667vw;
  }
  .front-homegame__item__date__ttl {
    margin-top: 7px;
    font-size: 4.8vw;
  }
  .front-homegame__item__event {
    margin-top: 25px;
    padding-top: 12px;
  }
  .front-homegame__item__update {
    font-size: 3.7333333333vw;
  }
  .front-homegame__item__btns {
    gap: 10px;
    margin-top: 18px;
  }
  .front-homegame__item__btn button,
  .front-homegame__item__btn a {
    min-width: 146px;
    min-height: 48px;
    padding: 10px 15px;
    font-size: 3.7333333333vw;
  }
  .front-homegame__item__btn button span,
  .front-homegame__item__btn a span {
    padding-left: 25px;
  }
  .front-homegame__item__btn button span::before,
  .front-homegame__item__btn a span::before {
    width: 16px;
    height: 16px;
  }
  .front-homegame__item__btn.-submit button,
  .front-homegame__item__btn.-submit a {
    min-width: 128px;
  }
}
/* ================================================

- モーダル

================================================ */
#js-front-modal {
  display: none;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 99;
}

#js-front-modal.-active {
  display: block;
  -webkit-animation: appear 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
          animation: appear 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@keyframes appear {
  0% {
    opacity: 0;
  }
  99.9%, to {
    opacity: 1;
  }
}
.front-modal[aria-selected=true] .front-modal__item__date__txt.-submit {
  display: none;
}
.front-modal[aria-selected=true] .front-modal__item__date__txt.-reset {
  display: block;
}
.front-modal[aria-selected=true] .front-modal__item__btn.-submit {
  display: none;
}
.front-modal[aria-selected=true] .front-modal__item__btn.-reset {
  display: block;
}

.front-overlay {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.front-overlay:hover {
  cursor: pointer;
}

.front-modal__content {
  position: fixed;
  top: 50%;
  left: 10px;
  right: 10px;
  translate: 0 -50%;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 600px;
  padding: 36px 40px 38px;
  background-color: #FFFFFF;
  border-radius: 16px;
  z-index: var(--modal);
}

.front-modal__item__date__day {
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.front-modal__item__date__day small {
  margin-left: 5px;
  font-size: 1.8rem;
}

.front-modal__item__date__ttl {
  margin-top: 13px;
  font-size: 2.4rem;
  line-height: 1.125;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.front-modal__item__date__number {
  font-size: 1.6rem;
  line-height: 1.125;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.front-modal__item__date__number span {
  margin-left: 0.25em;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.front-modal__item__date__name {
  font-size: 1.6rem;
  line-height: 1.125;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.front-modal__item__date__name span {
  margin-right: 0.25em;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.front-modal__item__date__txt {
  margin-top: 30px;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.front-modal__item__date__txt.-reset {
  display: none;
}

.front-modal__item__event {
  margin-top: 75px;
  padding-top: 30px;
  border-top: solid 1px #e8e8e8;
}

.front-modal__item__btns {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  gap: 20px;
}

.front-modal__item__btn button,
.front-modal__item__btn a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 210px;
  min-height: 48px;
  padding: 10px 18px;
  font-size: 1.6rem;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  background-color: var(--cc-primary);
  border-radius: calc(infinity * 1px);
  position: relative;
  z-index: 1;
}
.front-modal__item__btn button span,
.front-modal__item__btn a span {
  display: inline-block;
  width: auto;
  padding-left: 23px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.front-modal__item__btn button span::before,
.front-modal__item__btn a span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  /* background-size: contain;
  background-repeat: no-repeat; */
  width: 16px;
  height: 16px;

	-webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
	-webkit-mask-size: contain;
  mask-size: contain;
}
.front-modal__item__btn a:not([href]) {
  background-color: #bcbcbc;
}

.front-modal__item__btn.-submit button span::before,
.front-modal__item__btn.-submit a span::before {
	background-color: #FFFFFF;
	-webkit-mask-image: url('/asset/images/common/icon/icon_submit2.svg');
  mask-image: url('/asset/images/common/icon/icon_submit2.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M13.52%2C10L5.14%2C4.37v11.27l8.38-5.63ZM16.83%2C10.43L3.78%2C18.92c-.25.16-.6.09-.77-.14-.06-.08-.09-.18-.09-.28V1.51c0-.28.25-.51.55-.51.11%2C0%2C.22.03.31.09l13.05%2C8.49c.26.16.32.47.15.71-.04.06-.09.1-.15.14Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3C%2Fsvg%3E"); */
}

.front-modal__item__btn.-cancel button,
.front-modal__item__btn.-cancel a {
  background-color: var(--cc-gray);
}
.front-modal__item__btn.-cancel button span::before,
.front-modal__item__btn.-cancel a span::before {
	background-color: #FFFFFF;
	-webkit-mask-image: url('/asset/images/common/icon/icon_cancel.svg');
  mask-image: url('/asset/images/common/icon/icon_cancel.svg');
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M17.08%2C15.61l-1.47%2C1.47-5.61-5.61-5.61%2C5.61-1.47-1.47%2C5.61-5.61L2.92%2C4.39l1.47-1.47%2C5.61%2C5.61%2C5.61-5.61%2C1.47%2C1.47-5.61%2C5.61%2C5.61%2C5.61Z%22%2F%3E%3C%2Fsvg%3E"); */
}

.front-modal__item__btn.-reset {
  display: none;
}
.front-modal__item__btn.-reset button,
.front-modal__item__btn.-reset a {
  background-color: transparent;
  color: var(--cc-gray);
  border: solid 2px var(--cc-gray);
}
.front-modal__item__btn.-reset button span,
.front-modal__item__btn.-reset a span {
  padding-left: 0;
}
.front-modal__item__btn.-reset button span::before,
.front-modal__item__btn.-reset a span::before {
  background-image: none;
}

.front-modal__item__btn.-red button,
.front-modal__item__btn.-red a {
  background-color: var(--cc-accent-1);
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .front-modal__content {
    min-width: 0;
    padding: 9.6vw 5.333vw 10.133vw;
    border-radius: 4.267vw;
  }
  .front-modal__item__date__day {
    font-size: 5.6vw;
  }
  .front-modal__item__date__day small {
    margin-left: 5px;
    font-size: 4.5333333333vw;
  }
  .front-modal__item__date__ttl {
    margin-top: 10px;
    font-size: 6.1333333333vw;
    line-height: 1.425;
  }
  .front-modal__item__date__number {
    font-size: 4vw;
  }
  .front-modal__item__date__number span {
    font-size: 6.1333333333vw;
  }
  .front-modal__item__date__name {
    font-size: 4vw;
  }
  .front-modal__item__date__name span {
    font-size: 6.1333333333vw;
  }
  .front-modal__item__date__txt {
    margin-top: 25px;
    font-size: 4.5333333333vw;
  }
  .front-modal__item__event {
    margin-top: 75px;
    padding-top: 30px;
  }
  .front-modal__item__btns {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    gap: 5.333vw;
  }
  .front-modal__item__btn {
    width: calc(50% - 2.6665vw);
  }
  .front-modal__item__btn button,
  .front-modal__item__btn a {
    min-width: 0;
    width: 100%;
    min-height: 48px;
    padding: 10px 18px;
    font-size: 4vw;
  }
  .front-modal__item__btn button span,
  .front-modal__item__btn a span {
    padding-left: 23px;
  }
  .front-modal__item__btn button span::before,
  .front-modal__item__btn a span::before {
    width: 16px;
    height: 16px;
  }
}
/* ================================================

- フロント ニュース詳細

================================================ */
.front-container {
  padding: 37px 0 40px;
  background-color: #FFFFFF;
  border-radius: 16px;
}

.front-container__inner {
  padding: 0 40px;
}

.front-news__head__layout {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  gap: 30px;
}
.front-news__head__layout span.-day {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.front-news__head__layout span.-label {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: 90px;
  min-height: 21px;
  font-size: 1.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #FFFFFF;
  background-color: var(--cc-primary);
}

.front-news__head__ttl {
  margin-top: 20px;
}

.front-news__body {
  margin-top: 38px;
  padding: 52px 0 70px;
  border-top: solid 1px #eeeeee;
  border-bottom: solid 1px #eeeeee;
}

.front-news__body__detail {
  padding: 0 40px;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .front-container {
    padding: 37px 0 40px;
    border-radius: 4.267vw;
  }
  .front-container__inner {
    padding: 0 5.333vw;
  }
  .front-news__head__layout {
    gap: 8vw;
  }
  .front-news__head__layout span.-day {
    font-size: 4.2666666667vw;
  }
  .front-news__head__layout span.-label {
    width: 24vw;
    min-height: 21px;
    font-size: 3.2vw;
  }
  .front-news__head__ttl {
    margin-top: 20px;
  }
  .front-news__body {
    margin-top: 38px;
    padding: 40px 0 60px;
  }
  .front-news__body__detail {
    padding: 0;
  }
}
/* ================================================

- フロント イベント詳細

================================================ */
.front-container {
  border-top: solid 1px #eeeeee;
}
.front-container .p-dl {
  padding: 18px 0px 20px;
}
.front-container .p-dl__dt {
  max-width: 232px;
}
.front-container .p-btnArea {
  padding: 0;
  margin-top: 38px;
}

.front-event {
  margin-top: 25px;
  border-top: solid 1px #eeeeee;
}

.front-detail {
  position: relative;
  overflow: hidden;
}

.front-detail[aria-selected=true]::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
	background-image: url(../images/common/icon/icon_batch.svg);
  /* background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.849mm%22%20height%3D%2221.167mm%22%20version%3D%221.1%22%20viewBox%3D%220%200%2059.1%2060%22%3E%20%3Cpath%20d%3D%22M0%2C0h59.1v60L0%2C0Z%22%20fill%3D%22%23cf141b%22%20fill-rule%3D%22evenodd%22%20stroke-width%3D%220%22%2F%3E%20%3Cpath%20d%3D%22M37.456%2C13.926l-5.148%2C5.148-.69-.689.479-.479-2.574-2.573-2.5%2C2.5-.699-.699%2C2.5-2.5-2.491-2.49-.524.523-.671-.671%2C5.193-5.193%2C3.162%2C3.162%2C1.215-1.214.698.698-1.214%2C1.214%2C3.264%2C3.264ZM29.485%2C13.972l1.388-1.388-2.491-2.491-1.388%2C1.388%2C2.491%2C2.491ZM30.35%2C8.125l-1.333%2C1.333%2C2.491%2C2.491%2C1.333-1.333-2.491-2.491ZM32.758%2C17.245l1.388-1.389-2.573-2.573-1.388%2C1.388%2C2.574%2C2.574ZM33.54%2C11.315l-1.333%2C1.333%2C2.573%2C2.573%2C1.333-1.332-2.573-2.574Z%22%20fill%3D%22%23fff%22%20stroke-width%3D%220%22%2F%3E%20%3Cpath%20d%3D%22M35.571%2C22.686c-.239%2C1.104.248%2C2.216%2C1.259%2C3.319.966%2C1.038%2C3.034%2C3.052%2C4.184%2C4.054-.239.092-.681.294-.919.479-1.039-.966-2.942-2.832-3.917-3.88-1.149-1.241-1.636-2.39-1.517-3.687-.827-.055-1.683-.119-2.565-.211l.321-1.057c.699.146%2C1.599.275%2C2.446.349l2.325-2.325-1.277-1.278.644-.644%2C1.948%2C1.949-2.932%2C2.932ZM45.178%2C20.159c-2.583%2C3.025-4.036%2C5.91-3.145%2C8.696-.275-.056-.754-.055-1.057-.027-.534-2.04.019-4.083%2C1.276-6.169-2.121%2C1.168-4.154%2C1.637-6.158%2C1.287.018-.238.018-.771-.027-1.039%2C2.197.488%2C4.403-.175%2C6.646-1.682l.248.34c.312-.441.652-.873%2C1.012-1.324l-1.674-1.672.645-.645%2C2.233%2C2.234ZM39.726%2C17.961c.156-.727.084-2.014-.109-3.016l.92.092c.201.975.303%2C2.253.184%2C3.016l-.994-.092Z%22%20fill%3D%22%23fff%22%20stroke-width%3D%220%22%2F%3E%20%3Cpath%20d%3D%22M46.382%2C30.997c-1.426.523-3.182%2C1.066-4.541%2C1.416l-.148-1.012c1.178-.258%2C3.053-.791%2C4.597-1.342l.093.938ZM52.071%2C34.26l.672.67-4.312%2C4.312-.671-.671%2C1.728-1.728-3.024-3.024c-.818.486-1.802.809-2.979.68%2C0-.238-.082-.67-.147-.919%2C1.866.229%2C3.19-.817%2C4.026-1.655l1.187-1.186.653.652-.543.543%2C2.868%2C2.868.542-.542ZM46.896%2C28.993c-.045-.672-.35-1.803-.697-2.648l.891-.137c.35.809.699%2C1.93.764%2C2.602l-.957.184ZM50.077%2C36.254l.873-.873-2.868-2.868-.064.064c-.249.249-.533.515-.854.763l2.914%2C2.914ZM54.976%2C32.145c-.809.221-1.645.23-2.49.102.404%2C1.012%2C1.002%2C2.014%2C1.738%2C3.08-.295%2C0-.699.092-.984.229-.772-1.213-1.388-2.363-1.766-3.548-1.268-.369-2.545-1.039-3.777-1.848.091-.203.211-.653.238-.92%2C1.084.771%2C2.207%2C1.415%2C3.301%2C1.811-.156-.836-.176-1.719-.01-2.656l-.947-.947.599-.598%2C2.509%2C2.51.956-.956.689.689-.956.956%2C2.547%2C2.546-.598.599-1.049-1.049ZM49.755%2C27.016c-.018-.662-.285-1.811-.598-2.656l.865-.129c.33.827.652%2C1.957.67%2C2.638l-.938.147ZM51.952%2C29.122c-.055.771.027%2C1.498.221%2C2.205.708.157%2C1.396.186%2C2.05.065l-2.271-2.271Z%22%20fill%3D%22%23fff%22%20stroke-width%3D%220%22%2F%3E%3C%2Fsvg%3E"); */
  background-size: contain;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
}
.front-detail[aria-selected=true] .front-homegame__item__btn.-submit {
  display: none;
}
.front-detail[aria-selected=true] .front-homegame__item__btn.-reset {
  display: block;
}

.front-detail[aria-selected=true] .front-detail__btn.-submit {
  display: none;
}
.front-detail[aria-selected=true] .front-detail__btn.-reset {
  display: block;
}
.front-detail[aria-selected=true] .front-modal__item__btn.-submit {
  display: none;
}
.front-detail[aria-selected=true] .front-modal__item__btn.-reset {
  display: block;
}

.front-detail__btn.-reset {
  display: none;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .front-container .p-dl__dt {
    max-width: 100%;
  }
}
/* ================================================

- フロント パスワード

================================================ */
.front-password {
  max-width: 580px;
  width: 100%;
  margin: 0 auto;
  padding: 33px 0 30px;
  background-color: #FFFFFF;
  border-radius: 10px;
}

.front-password__ttl {
  font-size: 2.4rem;
  line-height: 1.275;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-align: center;
}

.front-password__summary {
  margin-top: 15px;
  text-align: center;
}
.front-password__summary p {
  font-size: 1.6rem;
  line-height: 1.75;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-wrap: pretty;
}

.front-password__form {
  margin-top: 20px;
  padding: 0 40px;
}

.front-password__submit.m-btn {
  min-width: 220px;
  margin-top: 30px;
}

.front-password__btn.m-btn {
  min-width: 220px;
  margin-top: 60px;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .front-password {
    padding: 7.467vw 0 8vw;
    border-radius: 2.667vw;
  }
  .front-password__ttl {
    font-size: 5.8666666667vw;
    line-height: 1.425;
  }
  .front-password__summary {
    margin-top: 15px;
  }
  .front-password__summary p {
    font-size: 4vw;
  }
  .front-password__form {
    margin-top: 20px;
    padding: 0 5.333vw;
  }
  .front-password__submit.m-btn {
    min-width: 220px;
    margin-top: 30px;
  }
  .front-password__btn.m-btn {
    min-width: 220px;
    margin-top: 60px;
  }
}
/* ================================================

- フロント ニュース詳細

================================================ */
.front-mailContainer {
  padding: 35px 0 45px;
  border-top: solid 1px #eeeeee;
  border-bottom: solid 1px #eeeeee;
}

.front-mailContainer__inner {
  padding: 0 140px;
}
.front-mailContainer__inner .login-form__item:not(:first-of-type) {
  margin-top: 25px;
}

.front-mailContainer__summary {
  text-align: center;
  padding: 18px 0 6px;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .front-mailContainer__inner {
    padding: 0;
  }
  .front-mailContainer__inner .login-form__item:not(:first-of-type) {
    margin-top: 25px;
  }
}
/* ================================================

- フロント 活動履歴

================================================ */
.front-historyContainer {
  margin-top: 28px;
  padding-top: 37px;
  border-top: solid 1px #eeeeee;
}

.front-historyContainer__ttl {
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.front-historyContainer__content {
  margin-top: 18px;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .front-historyContainer__ttl {
    font-size: 4.5333333333vw;
  }
}
/* ================================================

- ニュース一覧

================================================ */
.front-newsList {
  margin-top: 35px;
  background-color: #FFFFFF;
  border-radius: 16px;
}

.front-newsList__item {
  border-top: solid 1px #eeeeee;
}
.front-newsList__item a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  padding: 19px 32px 20px;
  font-size: 1.6rem;
  line-height: 1.625;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #000000;
}
.front-newsList__item a span.-day {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 110px;
}
.front-newsList__item a span.-label {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: 90px;
  min-height: 21px;
  font-size: 1.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #FFFFFF;
  translate: 0 3px;
  background-color: var(--cc-primary);
}
.front-newsList__item a span.-txt {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin-left: 30px;
}

.front-newsList__item:first-of-type {
  border-top: none;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .front-newsList {
    border-radius: 4.267vw;
  }
  .front-newsList__item a {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 19px 5.333vw 20px;
    font-size: 4vw;
  }
  .front-newsList__item a span.-day {
    width: 25.333vw;
  }
  .front-newsList__item a span.-label {
    width: 24vw;
    min-height: 21px;
    font-size: 3.2vw;
    translate: 0;
  }
  .front-newsList__item a span.-txt {
    width: 100%;
    margin-top: 12px;
    margin-left: 0;
  }
}