@charset "UTF-8";
.onlySP {
  display: none !important;
}

.onlyPC {
  display: block !important;
}

@media screen and (max-width: 640px) {
  .onlySP {
    display: block !important;
  }
  .onlyPC {
    display: none !important;
  }
}
.onlySP-flex {
  display: none !important;
}

.onlyPC-flex {
  display: flex !important;
}

@media screen and (max-width: 640px) {
  .onlySP-flex {
    display: flex !important;
  }
  .onlyPC-flex {
    display: none !important;
  }
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol, ul {
  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;
}

button {
  padding: 0;
  background-color: transparent;
  border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  font: inherit;
  color: inherit;
  text-align: inherit;
}

a {
  text-decoration: none;
}

strong {
  font-weight: bold;
}

:root {
  --text-primary: #000000;
  --text-primary-inverse: #FFFFFF;
  --text-secondary: #757575;
  --text-placeholder: #CCCCCC;
  --text-link: #4A7AB2;
  --fill-primary: #000000;
  --fill-secondary: #FFFFFF;
  --fill-attention: #D30D58;
  --background-primary: #FFFFFF;
  --background-secondary: #F6F6F6;
  --background-tertiary: #EDEDED;
  --border-filed-primary: #000000;
  --border-filed-secondary: #DDDDDD;
  --border-divider: #E1E1E1;
  --icon-primary: #000000;
  --icon-primary-inverse: #FFFFFF;
  --color-palette-black-primary:#262626;
  --color-palette-black-1000:#000000;
  --color-palette-black-800:#262725;
  --color-palette-black-700:#333333;
  --color-palette-white-primary-hover:#F0F1F3;
  --color-palette-white-primary:#FFFFFF;
  --color-palette-blue-primary-hover:#00153C;
  --color-palette-blue-primary:#002B79;
  --color-palette-gray-primary:#6A6B6C;
  --color-palette-red-primary:#E01E00;
  --color-palette-gray-700:#6A6B6C;
  --color-palette-gray-300:#CCCDCF;
  --color-palette-gray-200:#DADADA;
  --color-palette-gray-100:#F0F1F3;
  --color-palette-gray-10:#F7F8F9;
  --color-palette-red-700:#871200;
  --color-palette-red-500:#E01E00;
  --color-palette-red-400:#E01D00;
  --color-palette-pink-500:#FEF5F4;
  --color-palette-orange-500:#C9800A;
  --color-palette-orange-300:#FBB91C;
  --color-palette-blue-100:#E5E9F1;
}

body > * {
  line-height: 1.3;
}

*:focus {
  outline: 2px solid var(--color-palette-orange-500) !important;
  outline-offset: 2px;
}

.u-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media screen and (max-width: 640px) {
  .u-sp-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.u-m-0 {
  margin: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 641px) {
  .u-pc-mt-0 {
    margin-top: 0 !important;
  }
  .u-pc-mt-4 {
    margin-top: 4px !important;
  }
  .u-pc-mt-8 {
    margin-top: 8px !important;
  }
  .u-pc-mt-12 {
    margin-top: 12px !important;
  }
  .u-pc-mt-16 {
    margin-top: 16px !important;
  }
  .u-pc-mt-20 {
    margin-top: 20px !important;
  }
  .u-pc-mt-24 {
    margin-top: 24px !important;
  }
  .u-pc-mt-28 {
    margin-top: 28px !important;
  }
  .u-pc-mt-32 {
    margin-top: 32px !important;
  }
  .u-pc-mt-36 {
    margin-top: 36px !important;
  }
  .u-pc-mt-40 {
    margin-top: 40px !important;
  }
  .u-pc-mt-44 {
    margin-top: 44px !important;
  }
  .u-pc-mt-48 {
    margin-top: 48px !important;
  }
  .u-pc-mt-52 {
    margin-top: 52px !important;
  }
  .u-pc-mt-56 {
    margin-top: 56px !important;
  }
  .u-pc-mt-60 {
    margin-top: 60px !important;
  }
  .u-pc-mt-64 {
    margin-top: 64px !important;
  }
  .u-pc-mt-68 {
    margin-top: 68px !important;
  }
  .u-pc-mt-72 {
    margin-top: 72px !important;
  }
  .u-pc-mt-76 {
    margin-top: 76px !important;
  }
  .u-pc-mt-80 {
    margin-top: 80px !important;
  }
  .u-pc-mt-84 {
    margin-top: 84px !important;
  }
  .u-pc-mt-88 {
    margin-top: 88px !important;
  }
  .u-pc-mt-92 {
    margin-top: 92px !important;
  }
  .u-pc-mt-96 {
    margin-top: 96px !important;
  }
  .u-pc-mt-100 {
    margin-top: 100px !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-mt-0 {
    margin-top: 0 !important;
  }
  .u-sp-mt-4 {
    margin-top: 4px !important;
  }
  .u-sp-mt-8 {
    margin-top: 8px !important;
  }
  .u-sp-mt-12 {
    margin-top: 12px !important;
  }
  .u-sp-mt-16 {
    margin-top: 16px !important;
  }
  .u-sp-mt-20 {
    margin-top: 20px !important;
  }
  .u-sp-mt-24 {
    margin-top: 24px !important;
  }
  .u-sp-mt-28 {
    margin-top: 28px !important;
  }
  .u-sp-mt-32 {
    margin-top: 32px !important;
  }
  .u-sp-mt-36 {
    margin-top: 36px !important;
  }
  .u-sp-mt-40 {
    margin-top: 40px !important;
  }
  .u-sp-mt-44 {
    margin-top: 44px !important;
  }
  .u-sp-mt-48 {
    margin-top: 48px !important;
  }
  .u-sp-mt-52 {
    margin-top: 52px !important;
  }
  .u-sp-mt-56 {
    margin-top: 56px !important;
  }
  .u-sp-mt-60 {
    margin-top: 60px !important;
  }
  .u-sp-mt-64 {
    margin-top: 64px !important;
  }
  .u-sp-mt-68 {
    margin-top: 68px !important;
  }
  .u-sp-mt-72 {
    margin-top: 72px !important;
  }
  .u-sp-mt-76 {
    margin-top: 76px !important;
  }
  .u-sp-mt-80 {
    margin-top: 80px !important;
  }
  .u-sp-mt-84 {
    margin-top: 84px !important;
  }
  .u-sp-mt-88 {
    margin-top: 88px !important;
  }
  .u-sp-mt-92 {
    margin-top: 92px !important;
  }
  .u-sp-mt-96 {
    margin-top: 96px !important;
  }
  .u-sp-mt-100 {
    margin-top: 100px !important;
  }
}
.u-mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 641px) {
  .u-pc-mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .u-pc-mx-4 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .u-pc-mx-8 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-pc-mx-12 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .u-pc-mx-16 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-pc-mx-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .u-pc-mx-24 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-pc-mx-28 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .u-pc-mx-32 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-pc-mx-36 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .u-pc-mx-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-pc-mx-44 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .u-pc-mx-48 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-pc-mx-52 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .u-pc-mx-56 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .u-pc-mx-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .u-pc-mx-64 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .u-pc-mx-68 {
    margin-right: 68px !important;
    margin-left: 68px !important;
  }
  .u-pc-mx-72 {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }
  .u-pc-mx-76 {
    margin-right: 76px !important;
    margin-left: 76px !important;
  }
  .u-pc-mx-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .u-pc-mx-84 {
    margin-right: 84px !important;
    margin-left: 84px !important;
  }
  .u-pc-mx-88 {
    margin-right: 88px !important;
    margin-left: 88px !important;
  }
  .u-pc-mx-92 {
    margin-right: 92px !important;
    margin-left: 92px !important;
  }
  .u-pc-mx-96 {
    margin-right: 96px !important;
    margin-left: 96px !important;
  }
  .u-pc-mx-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .u-sp-mx-4 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .u-sp-mx-8 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-sp-mx-12 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .u-sp-mx-16 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-sp-mx-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .u-sp-mx-24 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-sp-mx-28 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .u-sp-mx-32 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-sp-mx-36 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .u-sp-mx-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-sp-mx-44 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .u-sp-mx-48 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-sp-mx-52 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .u-sp-mx-56 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .u-sp-mx-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .u-sp-mx-64 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .u-sp-mx-68 {
    margin-right: 68px !important;
    margin-left: 68px !important;
  }
  .u-sp-mx-72 {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }
  .u-sp-mx-76 {
    margin-right: 76px !important;
    margin-left: 76px !important;
  }
  .u-sp-mx-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .u-sp-mx-84 {
    margin-right: 84px !important;
    margin-left: 84px !important;
  }
  .u-sp-mx-88 {
    margin-right: 88px !important;
    margin-left: 88px !important;
  }
  .u-sp-mx-92 {
    margin-right: 92px !important;
    margin-left: 92px !important;
  }
  .u-sp-mx-96 {
    margin-right: 96px !important;
    margin-left: 96px !important;
  }
  .u-sp-mx-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
}
.u-my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 641px) {
  .u-pc-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-pc-my-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .u-pc-my-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-pc-my-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .u-pc-my-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-pc-my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-pc-my-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-pc-my-28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .u-pc-my-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-pc-my-36 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .u-pc-my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-pc-my-44 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .u-pc-my-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-pc-my-52 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .u-pc-my-56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .u-pc-my-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .u-pc-my-64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-pc-my-68 {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
  }
  .u-pc-my-72 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .u-pc-my-76 {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
  }
  .u-pc-my-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .u-pc-my-84 {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
  }
  .u-pc-my-88 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .u-pc-my-92 {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
  }
  .u-pc-my-96 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .u-pc-my-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-sp-my-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .u-sp-my-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-sp-my-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .u-sp-my-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-sp-my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-sp-my-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-sp-my-28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .u-sp-my-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-sp-my-36 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .u-sp-my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-sp-my-44 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .u-sp-my-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-sp-my-52 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .u-sp-my-56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .u-sp-my-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .u-sp-my-64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-sp-my-68 {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
  }
  .u-sp-my-72 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .u-sp-my-76 {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
  }
  .u-sp-my-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .u-sp-my-84 {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
  }
  .u-sp-my-88 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .u-sp-my-92 {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
  }
  .u-sp-my-96 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .u-sp-my-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
}
.u-mb-0 {
  margin-bottom: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 641px) {
  .u-pc-mb-0 {
    margin-bottom: 0 !important;
  }
  .u-pc-mb-4 {
    margin-bottom: 4px !important;
  }
  .u-pc-mb-8 {
    margin-bottom: 8px !important;
  }
  .u-pc-mb-12 {
    margin-bottom: 12px !important;
  }
  .u-pc-mb-16 {
    margin-bottom: 16px !important;
  }
  .u-pc-mb-20 {
    margin-bottom: 20px !important;
  }
  .u-pc-mb-24 {
    margin-bottom: 24px !important;
  }
  .u-pc-mb-28 {
    margin-bottom: 28px !important;
  }
  .u-pc-mb-32 {
    margin-bottom: 32px !important;
  }
  .u-pc-mb-36 {
    margin-bottom: 36px !important;
  }
  .u-pc-mb-40 {
    margin-bottom: 40px !important;
  }
  .u-pc-mb-44 {
    margin-bottom: 44px !important;
  }
  .u-pc-mb-48 {
    margin-bottom: 48px !important;
  }
  .u-pc-mb-52 {
    margin-bottom: 52px !important;
  }
  .u-pc-mb-56 {
    margin-bottom: 56px !important;
  }
  .u-pc-mb-60 {
    margin-bottom: 60px !important;
  }
  .u-pc-mb-64 {
    margin-bottom: 64px !important;
  }
  .u-pc-mb-68 {
    margin-bottom: 68px !important;
  }
  .u-pc-mb-72 {
    margin-bottom: 72px !important;
  }
  .u-pc-mb-76 {
    margin-bottom: 76px !important;
  }
  .u-pc-mb-80 {
    margin-bottom: 80px !important;
  }
  .u-pc-mb-84 {
    margin-bottom: 84px !important;
  }
  .u-pc-mb-88 {
    margin-bottom: 88px !important;
  }
  .u-pc-mb-92 {
    margin-bottom: 92px !important;
  }
  .u-pc-mb-96 {
    margin-bottom: 96px !important;
  }
  .u-pc-mb-100 {
    margin-bottom: 100px !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-mb-0 {
    margin-bottom: 0 !important;
  }
  .u-sp-mb-4 {
    margin-bottom: 4px !important;
  }
  .u-sp-mb-8 {
    margin-bottom: 8px !important;
  }
  .u-sp-mb-12 {
    margin-bottom: 12px !important;
  }
  .u-sp-mb-16 {
    margin-bottom: 16px !important;
  }
  .u-sp-mb-20 {
    margin-bottom: 20px !important;
  }
  .u-sp-mb-24 {
    margin-bottom: 24px !important;
  }
  .u-sp-mb-28 {
    margin-bottom: 28px !important;
  }
  .u-sp-mb-32 {
    margin-bottom: 32px !important;
  }
  .u-sp-mb-36 {
    margin-bottom: 36px !important;
  }
  .u-sp-mb-40 {
    margin-bottom: 40px !important;
  }
  .u-sp-mb-44 {
    margin-bottom: 44px !important;
  }
  .u-sp-mb-48 {
    margin-bottom: 48px !important;
  }
  .u-sp-mb-52 {
    margin-bottom: 52px !important;
  }
  .u-sp-mb-56 {
    margin-bottom: 56px !important;
  }
  .u-sp-mb-60 {
    margin-bottom: 60px !important;
  }
  .u-sp-mb-64 {
    margin-bottom: 64px !important;
  }
  .u-sp-mb-68 {
    margin-bottom: 68px !important;
  }
  .u-sp-mb-72 {
    margin-bottom: 72px !important;
  }
  .u-sp-mb-76 {
    margin-bottom: 76px !important;
  }
  .u-sp-mb-80 {
    margin-bottom: 80px !important;
  }
  .u-sp-mb-84 {
    margin-bottom: 84px !important;
  }
  .u-sp-mb-88 {
    margin-bottom: 88px !important;
  }
  .u-sp-mb-92 {
    margin-bottom: 92px !important;
  }
  .u-sp-mb-96 {
    margin-bottom: 96px !important;
  }
  .u-sp-mb-100 {
    margin-bottom: 100px !important;
  }
}
.u-ml-0 {
  margin-left: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 641px) {
  .u-pc-ml-0 {
    margin-left: 0 !important;
  }
  .u-pc-ml-4 {
    margin-left: 4px !important;
  }
  .u-pc-ml-8 {
    margin-left: 8px !important;
  }
  .u-pc-ml-12 {
    margin-left: 12px !important;
  }
  .u-pc-ml-16 {
    margin-left: 16px !important;
  }
  .u-pc-ml-20 {
    margin-left: 20px !important;
  }
  .u-pc-ml-24 {
    margin-left: 24px !important;
  }
  .u-pc-ml-28 {
    margin-left: 28px !important;
  }
  .u-pc-ml-32 {
    margin-left: 32px !important;
  }
  .u-pc-ml-36 {
    margin-left: 36px !important;
  }
  .u-pc-ml-40 {
    margin-left: 40px !important;
  }
  .u-pc-ml-44 {
    margin-left: 44px !important;
  }
  .u-pc-ml-48 {
    margin-left: 48px !important;
  }
  .u-pc-ml-52 {
    margin-left: 52px !important;
  }
  .u-pc-ml-56 {
    margin-left: 56px !important;
  }
  .u-pc-ml-60 {
    margin-left: 60px !important;
  }
  .u-pc-ml-64 {
    margin-left: 64px !important;
  }
  .u-pc-ml-68 {
    margin-left: 68px !important;
  }
  .u-pc-ml-72 {
    margin-left: 72px !important;
  }
  .u-pc-ml-76 {
    margin-left: 76px !important;
  }
  .u-pc-ml-80 {
    margin-left: 80px !important;
  }
  .u-pc-ml-84 {
    margin-left: 84px !important;
  }
  .u-pc-ml-88 {
    margin-left: 88px !important;
  }
  .u-pc-ml-92 {
    margin-left: 92px !important;
  }
  .u-pc-ml-96 {
    margin-left: 96px !important;
  }
  .u-pc-ml-100 {
    margin-left: 100px !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-ml-0 {
    margin-left: 0 !important;
  }
  .u-sp-ml-4 {
    margin-left: 4px !important;
  }
  .u-sp-ml-8 {
    margin-left: 8px !important;
  }
  .u-sp-ml-12 {
    margin-left: 12px !important;
  }
  .u-sp-ml-16 {
    margin-left: 16px !important;
  }
  .u-sp-ml-20 {
    margin-left: 20px !important;
  }
  .u-sp-ml-24 {
    margin-left: 24px !important;
  }
  .u-sp-ml-28 {
    margin-left: 28px !important;
  }
  .u-sp-ml-32 {
    margin-left: 32px !important;
  }
  .u-sp-ml-36 {
    margin-left: 36px !important;
  }
  .u-sp-ml-40 {
    margin-left: 40px !important;
  }
  .u-sp-ml-44 {
    margin-left: 44px !important;
  }
  .u-sp-ml-48 {
    margin-left: 48px !important;
  }
  .u-sp-ml-52 {
    margin-left: 52px !important;
  }
  .u-sp-ml-56 {
    margin-left: 56px !important;
  }
  .u-sp-ml-60 {
    margin-left: 60px !important;
  }
  .u-sp-ml-64 {
    margin-left: 64px !important;
  }
  .u-sp-ml-68 {
    margin-left: 68px !important;
  }
  .u-sp-ml-72 {
    margin-left: 72px !important;
  }
  .u-sp-ml-76 {
    margin-left: 76px !important;
  }
  .u-sp-ml-80 {
    margin-left: 80px !important;
  }
  .u-sp-ml-84 {
    margin-left: 84px !important;
  }
  .u-sp-ml-88 {
    margin-left: 88px !important;
  }
  .u-sp-ml-92 {
    margin-left: 92px !important;
  }
  .u-sp-ml-96 {
    margin-left: 96px !important;
  }
  .u-sp-ml-100 {
    margin-left: 100px !important;
  }
}
.u-mr-0 {
  margin-right: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 641px) {
  .u-pc-mr-0 {
    margin-right: 0 !important;
  }
  .u-pc-mr-4 {
    margin-right: 4px !important;
  }
  .u-pc-mr-8 {
    margin-right: 8px !important;
  }
  .u-pc-mr-12 {
    margin-right: 12px !important;
  }
  .u-pc-mr-16 {
    margin-right: 16px !important;
  }
  .u-pc-mr-20 {
    margin-right: 20px !important;
  }
  .u-pc-mr-24 {
    margin-right: 24px !important;
  }
  .u-pc-mr-28 {
    margin-right: 28px !important;
  }
  .u-pc-mr-32 {
    margin-right: 32px !important;
  }
  .u-pc-mr-36 {
    margin-right: 36px !important;
  }
  .u-pc-mr-40 {
    margin-right: 40px !important;
  }
  .u-pc-mr-44 {
    margin-right: 44px !important;
  }
  .u-pc-mr-48 {
    margin-right: 48px !important;
  }
  .u-pc-mr-52 {
    margin-right: 52px !important;
  }
  .u-pc-mr-56 {
    margin-right: 56px !important;
  }
  .u-pc-mr-60 {
    margin-right: 60px !important;
  }
  .u-pc-mr-64 {
    margin-right: 64px !important;
  }
  .u-pc-mr-68 {
    margin-right: 68px !important;
  }
  .u-pc-mr-72 {
    margin-right: 72px !important;
  }
  .u-pc-mr-76 {
    margin-right: 76px !important;
  }
  .u-pc-mr-80 {
    margin-right: 80px !important;
  }
  .u-pc-mr-84 {
    margin-right: 84px !important;
  }
  .u-pc-mr-88 {
    margin-right: 88px !important;
  }
  .u-pc-mr-92 {
    margin-right: 92px !important;
  }
  .u-pc-mr-96 {
    margin-right: 96px !important;
  }
  .u-pc-mr-100 {
    margin-right: 100px !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-mr-0 {
    margin-right: 0 !important;
  }
  .u-sp-mr-4 {
    margin-right: 4px !important;
  }
  .u-sp-mr-8 {
    margin-right: 8px !important;
  }
  .u-sp-mr-12 {
    margin-right: 12px !important;
  }
  .u-sp-mr-16 {
    margin-right: 16px !important;
  }
  .u-sp-mr-20 {
    margin-right: 20px !important;
  }
  .u-sp-mr-24 {
    margin-right: 24px !important;
  }
  .u-sp-mr-28 {
    margin-right: 28px !important;
  }
  .u-sp-mr-32 {
    margin-right: 32px !important;
  }
  .u-sp-mr-36 {
    margin-right: 36px !important;
  }
  .u-sp-mr-40 {
    margin-right: 40px !important;
  }
  .u-sp-mr-44 {
    margin-right: 44px !important;
  }
  .u-sp-mr-48 {
    margin-right: 48px !important;
  }
  .u-sp-mr-52 {
    margin-right: 52px !important;
  }
  .u-sp-mr-56 {
    margin-right: 56px !important;
  }
  .u-sp-mr-60 {
    margin-right: 60px !important;
  }
  .u-sp-mr-64 {
    margin-right: 64px !important;
  }
  .u-sp-mr-68 {
    margin-right: 68px !important;
  }
  .u-sp-mr-72 {
    margin-right: 72px !important;
  }
  .u-sp-mr-76 {
    margin-right: 76px !important;
  }
  .u-sp-mr-80 {
    margin-right: 80px !important;
  }
  .u-sp-mr-84 {
    margin-right: 84px !important;
  }
  .u-sp-mr-88 {
    margin-right: 88px !important;
  }
  .u-sp-mr-92 {
    margin-right: 92px !important;
  }
  .u-sp-mr-96 {
    margin-right: 96px !important;
  }
  .u-sp-mr-100 {
    margin-right: 100px !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-px-layout {
    padding-left: 8vw !important;
    padding-right: 8vw !important;
  }
  .u-sp-px-layout-s {
    padding-left: 1.0666666667vw !important;
    padding-right: 1.0666666667vw !important;
  }
  .u-sp-px-layout-m {
    padding-left: 2.1333333333vw !important;
    padding-right: 2.1333333333vw !important;
  }
  .u-sp-px-layout-l {
    padding-left: 4.2666666667vw !important;
    padding-right: 4.2666666667vw !important;
  }
  .u-sp-mx-layout {
    margin-left: 8vw !important;
    margin-right: 8vw !important;
  }
  .u-sp-mx-layout-s {
    margin-left: 1.0666666667vw !important;
    margin-right: 1.0666666667vw !important;
  }
  .u-sp-mx-layout-m {
    margin-left: 2.1333333333vw !important;
    margin-right: 2.1333333333vw !important;
  }
  .u-sp-mx-layout-l {
    margin-left: 4.2666666667vw !important;
    margin-right: 4.2666666667vw !important;
  }
}
.u-p-0 {
  padding: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 641px) {
  .u-pc-px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .u-pc-px-4 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .u-pc-px-8 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-pc-px-12 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .u-pc-px-16 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-pc-px-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .u-pc-px-24 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-pc-px-28 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .u-pc-px-32 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-pc-px-36 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .u-pc-px-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-pc-px-44 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .u-pc-px-48 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-pc-px-52 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .u-pc-px-56 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .u-pc-px-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .u-pc-px-64 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .u-pc-px-68 {
    padding-right: 68px !important;
    padding-left: 68px !important;
  }
  .u-pc-px-72 {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .u-pc-px-76 {
    padding-right: 76px !important;
    padding-left: 76px !important;
  }
  .u-pc-px-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .u-pc-px-84 {
    padding-right: 84px !important;
    padding-left: 84px !important;
  }
  .u-pc-px-88 {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .u-pc-px-92 {
    padding-right: 92px !important;
    padding-left: 92px !important;
  }
  .u-pc-px-96 {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }
  .u-pc-px-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .u-sp-px-4 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .u-sp-px-8 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-sp-px-12 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .u-sp-px-16 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-sp-px-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .u-sp-px-24 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-sp-px-28 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .u-sp-px-32 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-sp-px-36 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .u-sp-px-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-sp-px-44 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .u-sp-px-48 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-sp-px-52 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .u-sp-px-56 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .u-sp-px-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .u-sp-px-64 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .u-sp-px-68 {
    padding-right: 68px !important;
    padding-left: 68px !important;
  }
  .u-sp-px-72 {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .u-sp-px-76 {
    padding-right: 76px !important;
    padding-left: 76px !important;
  }
  .u-sp-px-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .u-sp-px-84 {
    padding-right: 84px !important;
    padding-left: 84px !important;
  }
  .u-sp-px-88 {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .u-sp-px-92 {
    padding-right: 92px !important;
    padding-left: 92px !important;
  }
  .u-sp-px-96 {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }
  .u-sp-px-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
}
.u-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 641px) {
  .u-pc-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-pc-py-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .u-pc-py-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-pc-py-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .u-pc-py-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-pc-py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .u-pc-py-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-pc-py-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .u-pc-py-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-pc-py-36 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .u-pc-py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-pc-py-44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .u-pc-py-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-pc-py-52 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .u-pc-py-56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-pc-py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .u-pc-py-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-pc-py-68 {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .u-pc-py-72 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-pc-py-76 {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .u-pc-py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .u-pc-py-84 {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .u-pc-py-88 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .u-pc-py-92 {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .u-pc-py-96 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .u-pc-py-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-sp-py-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .u-sp-py-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-sp-py-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .u-sp-py-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-sp-py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .u-sp-py-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-sp-py-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .u-sp-py-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-sp-py-36 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .u-sp-py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-sp-py-44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .u-sp-py-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-sp-py-52 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .u-sp-py-56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-sp-py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .u-sp-py-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-sp-py-68 {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .u-sp-py-72 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-sp-py-76 {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .u-sp-py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .u-sp-py-84 {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .u-sp-py-88 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .u-sp-py-92 {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .u-sp-py-96 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .u-sp-py-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}
.u-pt-0 {
  padding-top: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 641px) {
  .u-pc-pt-0 {
    padding-top: 0 !important;
  }
  .u-pc-pt-4 {
    padding-top: 4px !important;
  }
  .u-pc-pt-8 {
    padding-top: 8px !important;
  }
  .u-pc-pt-12 {
    padding-top: 12px !important;
  }
  .u-pc-pt-16 {
    padding-top: 16px !important;
  }
  .u-pc-pt-20 {
    padding-top: 20px !important;
  }
  .u-pc-pt-24 {
    padding-top: 24px !important;
  }
  .u-pc-pt-28 {
    padding-top: 28px !important;
  }
  .u-pc-pt-32 {
    padding-top: 32px !important;
  }
  .u-pc-pt-36 {
    padding-top: 36px !important;
  }
  .u-pc-pt-40 {
    padding-top: 40px !important;
  }
  .u-pc-pt-44 {
    padding-top: 44px !important;
  }
  .u-pc-pt-48 {
    padding-top: 48px !important;
  }
  .u-pc-pt-52 {
    padding-top: 52px !important;
  }
  .u-pc-pt-56 {
    padding-top: 56px !important;
  }
  .u-pc-pt-60 {
    padding-top: 60px !important;
  }
  .u-pc-pt-64 {
    padding-top: 64px !important;
  }
  .u-pc-pt-68 {
    padding-top: 68px !important;
  }
  .u-pc-pt-72 {
    padding-top: 72px !important;
  }
  .u-pc-pt-76 {
    padding-top: 76px !important;
  }
  .u-pc-pt-80 {
    padding-top: 80px !important;
  }
  .u-pc-pt-84 {
    padding-top: 84px !important;
  }
  .u-pc-pt-88 {
    padding-top: 88px !important;
  }
  .u-pc-pt-92 {
    padding-top: 92px !important;
  }
  .u-pc-pt-96 {
    padding-top: 96px !important;
  }
  .u-pc-pt-100 {
    padding-top: 100px !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-pt-0 {
    padding-top: 0 !important;
  }
  .u-sp-pt-4 {
    padding-top: 4px !important;
  }
  .u-sp-pt-8 {
    padding-top: 8px !important;
  }
  .u-sp-pt-12 {
    padding-top: 12px !important;
  }
  .u-sp-pt-16 {
    padding-top: 16px !important;
  }
  .u-sp-pt-20 {
    padding-top: 20px !important;
  }
  .u-sp-pt-24 {
    padding-top: 24px !important;
  }
  .u-sp-pt-28 {
    padding-top: 28px !important;
  }
  .u-sp-pt-32 {
    padding-top: 32px !important;
  }
  .u-sp-pt-36 {
    padding-top: 36px !important;
  }
  .u-sp-pt-40 {
    padding-top: 40px !important;
  }
  .u-sp-pt-44 {
    padding-top: 44px !important;
  }
  .u-sp-pt-48 {
    padding-top: 48px !important;
  }
  .u-sp-pt-52 {
    padding-top: 52px !important;
  }
  .u-sp-pt-56 {
    padding-top: 56px !important;
  }
  .u-sp-pt-60 {
    padding-top: 60px !important;
  }
  .u-sp-pt-64 {
    padding-top: 64px !important;
  }
  .u-sp-pt-68 {
    padding-top: 68px !important;
  }
  .u-sp-pt-72 {
    padding-top: 72px !important;
  }
  .u-sp-pt-76 {
    padding-top: 76px !important;
  }
  .u-sp-pt-80 {
    padding-top: 80px !important;
  }
  .u-sp-pt-84 {
    padding-top: 84px !important;
  }
  .u-sp-pt-88 {
    padding-top: 88px !important;
  }
  .u-sp-pt-92 {
    padding-top: 92px !important;
  }
  .u-sp-pt-96 {
    padding-top: 96px !important;
  }
  .u-sp-pt-100 {
    padding-top: 100px !important;
  }
}
.u-pb-0 {
  padding-bottom: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 641px) {
  .u-pc-pb-0 {
    padding-bottom: 0 !important;
  }
  .u-pc-pb-4 {
    padding-bottom: 4px !important;
  }
  .u-pc-pb-8 {
    padding-bottom: 8px !important;
  }
  .u-pc-pb-12 {
    padding-bottom: 12px !important;
  }
  .u-pc-pb-16 {
    padding-bottom: 16px !important;
  }
  .u-pc-pb-20 {
    padding-bottom: 20px !important;
  }
  .u-pc-pb-24 {
    padding-bottom: 24px !important;
  }
  .u-pc-pb-28 {
    padding-bottom: 28px !important;
  }
  .u-pc-pb-32 {
    padding-bottom: 32px !important;
  }
  .u-pc-pb-36 {
    padding-bottom: 36px !important;
  }
  .u-pc-pb-40 {
    padding-bottom: 40px !important;
  }
  .u-pc-pb-44 {
    padding-bottom: 44px !important;
  }
  .u-pc-pb-48 {
    padding-bottom: 48px !important;
  }
  .u-pc-pb-52 {
    padding-bottom: 52px !important;
  }
  .u-pc-pb-56 {
    padding-bottom: 56px !important;
  }
  .u-pc-pb-60 {
    padding-bottom: 60px !important;
  }
  .u-pc-pb-64 {
    padding-bottom: 64px !important;
  }
  .u-pc-pb-68 {
    padding-bottom: 68px !important;
  }
  .u-pc-pb-72 {
    padding-bottom: 72px !important;
  }
  .u-pc-pb-76 {
    padding-bottom: 76px !important;
  }
  .u-pc-pb-80 {
    padding-bottom: 80px !important;
  }
  .u-pc-pb-84 {
    padding-bottom: 84px !important;
  }
  .u-pc-pb-88 {
    padding-bottom: 88px !important;
  }
  .u-pc-pb-92 {
    padding-bottom: 92px !important;
  }
  .u-pc-pb-96 {
    padding-bottom: 96px !important;
  }
  .u-pc-pb-100 {
    padding-bottom: 100px !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-pb-0 {
    padding-bottom: 0 !important;
  }
  .u-sp-pb-4 {
    padding-bottom: 4px !important;
  }
  .u-sp-pb-8 {
    padding-bottom: 8px !important;
  }
  .u-sp-pb-12 {
    padding-bottom: 12px !important;
  }
  .u-sp-pb-16 {
    padding-bottom: 16px !important;
  }
  .u-sp-pb-20 {
    padding-bottom: 20px !important;
  }
  .u-sp-pb-24 {
    padding-bottom: 24px !important;
  }
  .u-sp-pb-28 {
    padding-bottom: 28px !important;
  }
  .u-sp-pb-32 {
    padding-bottom: 32px !important;
  }
  .u-sp-pb-36 {
    padding-bottom: 36px !important;
  }
  .u-sp-pb-40 {
    padding-bottom: 40px !important;
  }
  .u-sp-pb-44 {
    padding-bottom: 44px !important;
  }
  .u-sp-pb-48 {
    padding-bottom: 48px !important;
  }
  .u-sp-pb-52 {
    padding-bottom: 52px !important;
  }
  .u-sp-pb-56 {
    padding-bottom: 56px !important;
  }
  .u-sp-pb-60 {
    padding-bottom: 60px !important;
  }
  .u-sp-pb-64 {
    padding-bottom: 64px !important;
  }
  .u-sp-pb-68 {
    padding-bottom: 68px !important;
  }
  .u-sp-pb-72 {
    padding-bottom: 72px !important;
  }
  .u-sp-pb-76 {
    padding-bottom: 76px !important;
  }
  .u-sp-pb-80 {
    padding-bottom: 80px !important;
  }
  .u-sp-pb-84 {
    padding-bottom: 84px !important;
  }
  .u-sp-pb-88 {
    padding-bottom: 88px !important;
  }
  .u-sp-pb-92 {
    padding-bottom: 92px !important;
  }
  .u-sp-pb-96 {
    padding-bottom: 96px !important;
  }
  .u-sp-pb-100 {
    padding-bottom: 100px !important;
  }
}
.u-pl-0 {
  padding-left: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 641px) {
  .u-pc-pl-0 {
    padding-left: 0 !important;
  }
  .u-pc-pl-4 {
    padding-left: 4px !important;
  }
  .u-pc-pl-8 {
    padding-left: 8px !important;
  }
  .u-pc-pl-12 {
    padding-left: 12px !important;
  }
  .u-pc-pl-16 {
    padding-left: 16px !important;
  }
  .u-pc-pl-20 {
    padding-left: 20px !important;
  }
  .u-pc-pl-24 {
    padding-left: 24px !important;
  }
  .u-pc-pl-28 {
    padding-left: 28px !important;
  }
  .u-pc-pl-32 {
    padding-left: 32px !important;
  }
  .u-pc-pl-36 {
    padding-left: 36px !important;
  }
  .u-pc-pl-40 {
    padding-left: 40px !important;
  }
  .u-pc-pl-44 {
    padding-left: 44px !important;
  }
  .u-pc-pl-48 {
    padding-left: 48px !important;
  }
  .u-pc-pl-52 {
    padding-left: 52px !important;
  }
  .u-pc-pl-56 {
    padding-left: 56px !important;
  }
  .u-pc-pl-60 {
    padding-left: 60px !important;
  }
  .u-pc-pl-64 {
    padding-left: 64px !important;
  }
  .u-pc-pl-68 {
    padding-left: 68px !important;
  }
  .u-pc-pl-72 {
    padding-left: 72px !important;
  }
  .u-pc-pl-76 {
    padding-left: 76px !important;
  }
  .u-pc-pl-80 {
    padding-left: 80px !important;
  }
  .u-pc-pl-84 {
    padding-left: 84px !important;
  }
  .u-pc-pl-88 {
    padding-left: 88px !important;
  }
  .u-pc-pl-92 {
    padding-left: 92px !important;
  }
  .u-pc-pl-96 {
    padding-left: 96px !important;
  }
  .u-pc-pl-100 {
    padding-left: 100px !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-pl-0 {
    padding-left: 0 !important;
  }
  .u-sp-pl-4 {
    padding-left: 4px !important;
  }
  .u-sp-pl-8 {
    padding-left: 8px !important;
  }
  .u-sp-pl-12 {
    padding-left: 12px !important;
  }
  .u-sp-pl-16 {
    padding-left: 16px !important;
  }
  .u-sp-pl-20 {
    padding-left: 20px !important;
  }
  .u-sp-pl-24 {
    padding-left: 24px !important;
  }
  .u-sp-pl-28 {
    padding-left: 28px !important;
  }
  .u-sp-pl-32 {
    padding-left: 32px !important;
  }
  .u-sp-pl-36 {
    padding-left: 36px !important;
  }
  .u-sp-pl-40 {
    padding-left: 40px !important;
  }
  .u-sp-pl-44 {
    padding-left: 44px !important;
  }
  .u-sp-pl-48 {
    padding-left: 48px !important;
  }
  .u-sp-pl-52 {
    padding-left: 52px !important;
  }
  .u-sp-pl-56 {
    padding-left: 56px !important;
  }
  .u-sp-pl-60 {
    padding-left: 60px !important;
  }
  .u-sp-pl-64 {
    padding-left: 64px !important;
  }
  .u-sp-pl-68 {
    padding-left: 68px !important;
  }
  .u-sp-pl-72 {
    padding-left: 72px !important;
  }
  .u-sp-pl-76 {
    padding-left: 76px !important;
  }
  .u-sp-pl-80 {
    padding-left: 80px !important;
  }
  .u-sp-pl-84 {
    padding-left: 84px !important;
  }
  .u-sp-pl-88 {
    padding-left: 88px !important;
  }
  .u-sp-pl-92 {
    padding-left: 92px !important;
  }
  .u-sp-pl-96 {
    padding-left: 96px !important;
  }
  .u-sp-pl-100 {
    padding-left: 100px !important;
  }
}
.u-pr-0 {
  padding-right: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 641px) {
  .u-pc-pr-0 {
    padding-right: 0 !important;
  }
  .u-pc-pr-4 {
    padding-right: 4px !important;
  }
  .u-pc-pr-8 {
    padding-right: 8px !important;
  }
  .u-pc-pr-12 {
    padding-right: 12px !important;
  }
  .u-pc-pr-16 {
    padding-right: 16px !important;
  }
  .u-pc-pr-20 {
    padding-right: 20px !important;
  }
  .u-pc-pr-24 {
    padding-right: 24px !important;
  }
  .u-pc-pr-28 {
    padding-right: 28px !important;
  }
  .u-pc-pr-32 {
    padding-right: 32px !important;
  }
  .u-pc-pr-36 {
    padding-right: 36px !important;
  }
  .u-pc-pr-40 {
    padding-right: 40px !important;
  }
  .u-pc-pr-44 {
    padding-right: 44px !important;
  }
  .u-pc-pr-48 {
    padding-right: 48px !important;
  }
  .u-pc-pr-52 {
    padding-right: 52px !important;
  }
  .u-pc-pr-56 {
    padding-right: 56px !important;
  }
  .u-pc-pr-60 {
    padding-right: 60px !important;
  }
  .u-pc-pr-64 {
    padding-right: 64px !important;
  }
  .u-pc-pr-68 {
    padding-right: 68px !important;
  }
  .u-pc-pr-72 {
    padding-right: 72px !important;
  }
  .u-pc-pr-76 {
    padding-right: 76px !important;
  }
  .u-pc-pr-80 {
    padding-right: 80px !important;
  }
  .u-pc-pr-84 {
    padding-right: 84px !important;
  }
  .u-pc-pr-88 {
    padding-right: 88px !important;
  }
  .u-pc-pr-92 {
    padding-right: 92px !important;
  }
  .u-pc-pr-96 {
    padding-right: 96px !important;
  }
  .u-pc-pr-100 {
    padding-right: 100px !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-pr-0 {
    padding-right: 0 !important;
  }
  .u-sp-pr-4 {
    padding-right: 4px !important;
  }
  .u-sp-pr-8 {
    padding-right: 8px !important;
  }
  .u-sp-pr-12 {
    padding-right: 12px !important;
  }
  .u-sp-pr-16 {
    padding-right: 16px !important;
  }
  .u-sp-pr-20 {
    padding-right: 20px !important;
  }
  .u-sp-pr-24 {
    padding-right: 24px !important;
  }
  .u-sp-pr-28 {
    padding-right: 28px !important;
  }
  .u-sp-pr-32 {
    padding-right: 32px !important;
  }
  .u-sp-pr-36 {
    padding-right: 36px !important;
  }
  .u-sp-pr-40 {
    padding-right: 40px !important;
  }
  .u-sp-pr-44 {
    padding-right: 44px !important;
  }
  .u-sp-pr-48 {
    padding-right: 48px !important;
  }
  .u-sp-pr-52 {
    padding-right: 52px !important;
  }
  .u-sp-pr-56 {
    padding-right: 56px !important;
  }
  .u-sp-pr-60 {
    padding-right: 60px !important;
  }
  .u-sp-pr-64 {
    padding-right: 64px !important;
  }
  .u-sp-pr-68 {
    padding-right: 68px !important;
  }
  .u-sp-pr-72 {
    padding-right: 72px !important;
  }
  .u-sp-pr-76 {
    padding-right: 76px !important;
  }
  .u-sp-pr-80 {
    padding-right: 80px !important;
  }
  .u-sp-pr-84 {
    padding-right: 84px !important;
  }
  .u-sp-pr-88 {
    padding-right: 88px !important;
  }
  .u-sp-pr-92 {
    padding-right: 92px !important;
  }
  .u-sp-pr-96 {
    padding-right: 96px !important;
  }
  .u-sp-pr-100 {
    padding-right: 100px !important;
  }
}
.u-fz-10 {
  font-size: 10px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-10 {
    font-size: 10px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-10 {
    font-size: 10px !important;
  }
}
.u-fz-11 {
  font-size: 11px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-11 {
    font-size: 11px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-11 {
    font-size: 11px !important;
  }
}
.u-fz-12 {
  font-size: 12px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-12 {
    font-size: 12px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-12 {
    font-size: 12px !important;
  }
}
.u-fz-13 {
  font-size: 13px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-13 {
    font-size: 13px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-13 {
    font-size: 13px !important;
  }
}
.u-fz-14 {
  font-size: 14px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-14 {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-14 {
    font-size: 14px !important;
  }
}
.u-fz-15 {
  font-size: 15px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-15 {
    font-size: 15px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-15 {
    font-size: 15px !important;
  }
}
.u-fz-16 {
  font-size: 16px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-16 {
    font-size: 16px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-16 {
    font-size: 16px !important;
  }
}
.u-fz-18 {
  font-size: 18px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-18 {
    font-size: 18px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-18 {
    font-size: 18px !important;
  }
}
.u-fz-20 {
  font-size: 20px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-20 {
    font-size: 20px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-20 {
    font-size: 20px !important;
  }
}
.u-fz-22 {
  font-size: 22px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-22 {
    font-size: 22px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-22 {
    font-size: 22px !important;
  }
}
.u-fz-24 {
  font-size: 24px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-24 {
    font-size: 24px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-24 {
    font-size: 24px !important;
  }
}
.u-fz-26 {
  font-size: 26px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-26 {
    font-size: 26px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-26 {
    font-size: 26px !important;
  }
}
.u-fz-28 {
  font-size: 28px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-28 {
    font-size: 28px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-28 {
    font-size: 28px !important;
  }
}
.u-fz-30 {
  font-size: 30px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-30 {
    font-size: 30px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-30 {
    font-size: 30px !important;
  }
}
.u-fz-32 {
  font-size: 32px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-32 {
    font-size: 32px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-32 {
    font-size: 32px !important;
  }
}
.u-fz-34 {
  font-size: 34px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-34 {
    font-size: 34px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-34 {
    font-size: 34px !important;
  }
}
.u-fz-36 {
  font-size: 36px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-36 {
    font-size: 36px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-36 {
    font-size: 36px !important;
  }
}
.u-fz-38 {
  font-size: 38px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-38 {
    font-size: 38px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-38 {
    font-size: 38px !important;
  }
}
.u-fz-40 {
  font-size: 40px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-40 {
    font-size: 40px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-40 {
    font-size: 40px !important;
  }
}
.u-fz-42 {
  font-size: 42px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-42 {
    font-size: 42px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-42 {
    font-size: 42px !important;
  }
}
.u-fz-44 {
  font-size: 44px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-44 {
    font-size: 44px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-44 {
    font-size: 44px !important;
  }
}
.u-fz-46 {
  font-size: 46px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-46 {
    font-size: 46px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-46 {
    font-size: 46px !important;
  }
}
.u-fz-48 {
  font-size: 48px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-48 {
    font-size: 48px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-48 {
    font-size: 48px !important;
  }
}
.u-fz-50 {
  font-size: 50px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-50 {
    font-size: 50px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-50 {
    font-size: 50px !important;
  }
}
.u-fz-52 {
  font-size: 52px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-52 {
    font-size: 52px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-52 {
    font-size: 52px !important;
  }
}
.u-fz-54 {
  font-size: 54px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-54 {
    font-size: 54px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-54 {
    font-size: 54px !important;
  }
}
.u-fz-56 {
  font-size: 56px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-56 {
    font-size: 56px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-56 {
    font-size: 56px !important;
  }
}
.u-fz-58 {
  font-size: 58px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-58 {
    font-size: 58px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-58 {
    font-size: 58px !important;
  }
}
.u-fz-60 {
  font-size: 60px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-60 {
    font-size: 60px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-60 {
    font-size: 60px !important;
  }
}
.u-fz-62 {
  font-size: 62px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-62 {
    font-size: 62px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-62 {
    font-size: 62px !important;
  }
}
.u-fz-64 {
  font-size: 64px !important;
}

@media screen and (max-width: 640px) {
  .u-sp-fz-64 {
    font-size: 64px !important;
  }
}
@media screen and (min-width: 641px) {
  .u-pc-fz-64 {
    font-size: 64px !important;
  }
}
.u-ta-center {
  text-align: center !important;
}
.u-ta-left {
  text-align: left !important;
}
.u-ta-right {
  text-align: right !important;
}
@media screen and (min-width: 641px) {
  .u-pc-ta-center {
    text-align: center !important;
  }
  .u-pc-ta-left {
    text-align: left !important;
  }
  .u-pc-ta-right {
    text-align: right !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-ta-center {
    text-align: center !important;
  }
  .u-sp-ta-left {
    text-align: left !important;
  }
  .u-sp-ta-right {
    text-align: right !important;
  }
}
.u-bg-none {
  background: none !important;
}
.u-bg-transparent {
  background: transparent !important;
}
.u-bg-themeVisual {
  background-image: url("/assets/img/common/bg_sp.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: transparent !important;
}
@media screen and (min-width: 641px) {
  .u-bg-themeVisual {
    background-image: url("/assets/img/common/bg_pc.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent !important;
  }
}
.u-bgc-transparent {
  background-color: transparent !important;
}
.u-bgc-blue-primary {
  background-color: var(--color-palette-blue-primary);
}
.u-bgc-black-primary {
  background-color: var(--color-palette-black-primary);
}
.u-bgc-red-primary {
  background-color: var(--color-palette-red-primary);
}
.u-bgc-white-primary {
  background-color: var(--color-palette-white-primary);
}
.u-bgc-gray-primary {
  background-color: var(--color-palette-gray-primary);
}
.u-bgc-white {
  background-color: #FFFFFF !important;
}
.u-bgc-gray {
  background-color: #F7F8F9 !important;
}
.u-bgc-annotation {
  background-color: #FEF5F4 !important;
}
.u-bgc-dark {
  background-color: #3E3E3E !important;
}
.u-bgc-blue {
  background-color: #002B79 !important;
}
.u-bgc-red {
  background-color: #D91E02 !important;
}
.u-fw-normal {
  font-weight: normal !important;
}
.u-fw-bold {
  font-weight: bold !important;
}
.u-c-black-primary {
  color: var(--color-palette-black-primary) !important;
}
.u-c-white-primary {
  color: var(--color-palette-white-primary) !important;
}
.u-c-red-primary {
  color: var(--color-palette-red-primary) !important;
}
.u-c-blue-primary {
  color: var(--color-palette-blue-primary) !important;
}
.u-c-gray-primary {
  color: var(--color-palette-gray-primary) !important;
}
.u-c-gold-primary {
  color: var(--color-palette-orange-300) !important;
}
.u-c-primary {
  color: #002B79 !important;
}
.u-c-primary:is(a, button):hover {
  color: #00143C !important;
}
.u-c-secondary {
  color: #262626 !important;
}
.u-c-secondary:is(a, button):hover {
  color: #000000 !important;
}
.u-c-tertiary {
  color: #4F4F4F !important;
}
.u-c-tertiary:is(a, button):hover {
  color: #262626 !important;
}
.u-c-white {
  color: #FFFFFF !important;
}
.u-c-annotation {
  color: #D91E02 !important;
}
.u-c-annotation:is(a, button):hover {
  color: #A51400 !important;
}
.u-c-disable {
  color: #CCCDCF !important;
}
.u-c-before-black-primary::before {
  color: var(--color-palette-black-primary) !important;
}
.u-c-before-white-primary::before {
  color: var(--color-palette-white-primary) !important;
}
.u-c-before-red-primary::before {
  color: var(--color-palette-red-primary) !important;
}
.u-c-before-blue-primary::before {
  color: var(--color-palette-blue-primary) !important;
}
.u-c-before-gray-primary::before {
  color: var(--color-palette-gray-primary) !important;
}
.u-c-before-gold-primary::before {
  color: var(--color-palette-orange-300) !important;
}
.u-c-after-black-primary::after {
  color: var(--color-palette-black-primary) !important;
}
.u-c-after-white-primary::after {
  color: var(--color-palette-white-primary) !important;
}
.u-c-after-red-primary::after {
  color: var(--color-palette-red-primary) !important;
}
.u-c-after-blue-primary::after {
  color: var(--color-palette-blue-primary) !important;
}
.u-c-after-gray-primary::after {
  color: var(--color-palette-gray-primary) !important;
}
.u-c-after-gold-primary::after {
  color: var(--color-palette-orange-300) !important;
}
.u-va-top {
  vertical-align: top !important;
}
.u-va-middle {
  vertical-align: middle !important;
}
.u-va-bottom {
  vertical-align: bottom !important;
}
.u-pte-none {
  pointer-events: none !important;
}
.u-pte-auto {
  pointer-events: auto !important;
}

.u-b-w-0 {
  border-width: 0 !important;
  border-style: solid;
}
.u-b-w-0.u-b-w-none--t {
  border-top-width: 0 !important;
}
.u-b-w-0.u-b-w-none--r {
  border-right-width: 0 !important;
}
.u-b-w-0.u-b-w-none--b {
  border-bottom-width: 0 !important;
}
.u-b-w-0.u-b-w-none--l {
  border-left-width: 0 !important;
}
.u-b-w-1 {
  border-width: 1px !important;
  border-style: solid;
}
.u-b-w-1.u-b-w-none--t {
  border-top-width: 0 !important;
}
.u-b-w-1.u-b-w-none--r {
  border-right-width: 0 !important;
}
.u-b-w-1.u-b-w-none--b {
  border-bottom-width: 0 !important;
}
.u-b-w-1.u-b-w-none--l {
  border-left-width: 0 !important;
}
.u-b-w-2 {
  border-width: 2px !important;
  border-style: solid;
}
.u-b-w-2.u-b-w-none--t {
  border-top-width: 0 !important;
}
.u-b-w-2.u-b-w-none--r {
  border-right-width: 0 !important;
}
.u-b-w-2.u-b-w-none--b {
  border-bottom-width: 0 !important;
}
.u-b-w-2.u-b-w-none--l {
  border-left-width: 0 !important;
}
.u-b-w-4 {
  border-width: 4px !important;
  border-style: solid;
}
.u-b-w-4.u-b-w-none--t {
  border-top-width: 0 !important;
}
.u-b-w-4.u-b-w-none--r {
  border-right-width: 0 !important;
}
.u-b-w-4.u-b-w-none--b {
  border-bottom-width: 0 !important;
}
.u-b-w-4.u-b-w-none--l {
  border-left-width: 0 !important;
}

.u-b-c-transparent {
  border-color: transparent !important;
}
.u-b-c-black-primary {
  border-color: var(--color-palette-black-primary) !important;
}
.u-b-c-white-primary {
  border-color: var(--color-palette-white-primary) !important;
}
.u-b-c-red-primary {
  border-color: var(--color-palette-red-primary) !important;
}
.u-b-c-blue-primary {
  border-color: var(--color-palette-blue-primary) !important;
}
.u-b-c-gray-primary {
  border-color: var(--color-palette-gray-primary) !important;
}
.u-b-c-gray-secondary {
  border-color: var(--border-filed-secondary) !important;
}
.u-b-c-gold-primary {
  border-color: var(--color-palette-orange-300) !important;
}

.u-bdrs-none {
  border-radius: 0 !important;
}
.u-bdrs-8 {
  border-radius: 8px !important;
}
.u-bdrs-16 {
  border-radius: 16px !important;
}
.u-bdrs-24 {
  border-radius: 24px !important;
}
.u-bdrs-32 {
  border-radius: 32px !important;
}
.u-bdrs-t-8 {
  border-radius: 8px 8px 0 0 !important;
}
.u-bdrs-t-16 {
  border-radius: 16px 16px 0 0 !important;
}
.u-bdrs-t-24 {
  border-radius: 24px 24px 0 0 !important;
}
.u-bdrs-t-32 {
  border-radius: 32px 32px 0 0 !important;
}
.u-bdrs-r-8 {
  border-radius: 0 8px 8px 0 !important;
}
.u-bdrs-r-16 {
  border-radius: 0 16px 16px 0 !important;
}
.u-bdrs-r-24 {
  border-radius: 0 24px 24px 0 !important;
}
.u-bdrs-r-32 {
  border-radius: 0 32px 32px 0 !important;
}
.u-bdrs-b-8 {
  border-radius: 0 0 8px 8px !important;
}
.u-bdrs-b-16 {
  border-radius: 0 0 16px 16px !important;
}
.u-bdrs-b-24 {
  border-radius: 0 0 24px 24px !important;
}
.u-bdrs-b-32 {
  border-radius: 0 0 32px 32px !important;
}
.u-bdrs-l-8 {
  border-radius: 8px 0 0 8px !important;
}
.u-bdrs-l-16 {
  border-radius: 16px 0 0 16px !important;
}
.u-bdrs-l-24 {
  border-radius: 24px 0 0 24px !important;
}
.u-bdrs-l-32 {
  border-radius: 32px 0 0 32px !important;
}

@media screen and (min-width: 641px) {
  .u-pc-bdrs-none {
    border-radius: 0 !important;
  }
  .u-pc-bdrs-8 {
    border-radius: 8px !important;
  }
  .u-pc-bdrs-16 {
    border-radius: 16px !important;
  }
  .u-pc-bdrs-24 {
    border-radius: 24px !important;
  }
  .u-pc-bdrs-32 {
    border-radius: 32px !important;
  }
  .u-pc-bdrs-t-8 {
    border-radius: 8px 8px 0 0 !important;
  }
  .u-pc-bdrs-t-16 {
    border-radius: 16px 16px 0 0 !important;
  }
  .u-pc-bdrs-t-24 {
    border-radius: 24px 24px 0 0 !important;
  }
  .u-pc-bdrs-t-32 {
    border-radius: 32px 32px 0 0 !important;
  }
  .u-pc-bdrs-r-8 {
    border-radius: 0 8px 8px 0 !important;
  }
  .u-pc-bdrs-r-16 {
    border-radius: 0 16px 16px 0 !important;
  }
  .u-pc-bdrs-r-24 {
    border-radius: 0 24px 24px 0 !important;
  }
  .u-pc-bdrs-r-32 {
    border-radius: 0 32px 32px 0 !important;
  }
  .u-pc-bdrs-b-8 {
    border-radius: 0 0 8px 8px !important;
  }
  .u-pc-bdrs-b-16 {
    border-radius: 0 0 16px 16px !important;
  }
  .u-pc-bdrs-b-24 {
    border-radius: 0 0 24px 24px !important;
  }
  .u-pc-bdrs-b-32 {
    border-radius: 0 0 32px 32px !important;
  }
  .u-pc-bdrs-l-8 {
    border-radius: 8px 0 0 8px !important;
  }
  .u-pc-bdrs-l-16 {
    border-radius: 16px 0 0 16px !important;
  }
  .u-pc-bdrs-l-24 {
    border-radius: 24px 0 0 24px !important;
  }
  .u-pc-bdrs-l-32 {
    border-radius: 32px 0 0 32px !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-bdrs-none {
    border-radius: 0 !important;
  }
  .u-sp-bdrs-8 {
    border-radius: 8px !important;
  }
  .u-sp-bdrs-16 {
    border-radius: 16px !important;
  }
  .u-sp-bdrs-24 {
    border-radius: 24px !important;
  }
  .u-sp-bdrs-32 {
    border-radius: 32px !important;
  }
  .u-sp-bdrs-t-8 {
    border-radius: 8px 8px 0 0 !important;
  }
  .u-sp-bdrs-t-16 {
    border-radius: 16px 16px 0 0 !important;
  }
  .u-sp-bdrs-t-24 {
    border-radius: 24px 24px 0 0 !important;
  }
  .u-sp-bdrs-t-32 {
    border-radius: 32px 32px 0 0 !important;
  }
  .u-sp-bdrs-r-8 {
    border-radius: 0 8px 8px 0 !important;
  }
  .u-sp-bdrs-r-16 {
    border-radius: 0 16px 16px 0 !important;
  }
  .u-sp-bdrs-r-24 {
    border-radius: 0 24px 24px 0 !important;
  }
  .u-sp-bdrs-r-32 {
    border-radius: 0 32px 32px 0 !important;
  }
  .u-sp-bdrs-b-8 {
    border-radius: 0 0 8px 8px !important;
  }
  .u-sp-bdrs-b-16 {
    border-radius: 0 0 16px 16px !important;
  }
  .u-sp-bdrs-b-24 {
    border-radius: 0 0 24px 24px !important;
  }
  .u-sp-bdrs-b-32 {
    border-radius: 0 0 32px 32px !important;
  }
  .u-sp-bdrs-l-8 {
    border-radius: 8px 0 0 8px !important;
  }
  .u-sp-bdrs-l-16 {
    border-radius: 16px 0 0 16px !important;
  }
  .u-sp-bdrs-l-24 {
    border-radius: 24px 0 0 24px !important;
  }
  .u-sp-bdrs-l-32 {
    border-radius: 32px 0 0 32px !important;
  }
}
.u-d-block {
  display: block !important;
}
.u-d-inlineBlock {
  display: inline-block !important;
}
.u-d-inline {
  display: inline !important;
}
.u-d-flex {
  display: flex !important;
}
.u-d-inlineFlex {
  display: inline-flex !important;
}
.u-d-grid {
  display: grid !important;
}

@media screen and (min-width: 641px) {
  .u-pc-d-block {
    display: block !important;
  }
  .u-pc-d-inlineBlock {
    display: inline-block !important;
  }
  .u-pc-d-inline {
    display: inline !important;
  }
  .u-pc-d-inlineFlex {
    display: inline-flex !important;
  }
  .u-pc-d-flex {
    display: flex !important;
  }
  .u-pc-d-grid {
    display: grid !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-d-block {
    display: block !important;
  }
  .u-sp-d-inlineBlock {
    display: inline-block !important;
  }
  .u-sp-d-inline {
    display: inline !important;
  }
  .u-sp-d-inlineFlex {
    display: inline-flex !important;
  }
  .u-sp-d-flex {
    display: flex !important;
  }
  .u-sp-d-grid {
    display: grid !important;
  }
}
.u-jc-center {
  justify-content: center !important;
}
.u-jc-start {
  justify-content: start !important;
}
.u-jc-end {
  justify-content: end !important;
}
.u-jc-between {
  justify-content: space-between !important;
}
.u-jc-around {
  justify-content: space-around !important;
}

@media screen and (min-width: 641px) {
  .u-pc-jc-center {
    justify-content: center !important;
  }
  .u-pc-jc-start {
    justify-content: start !important;
  }
  .u-pc-jc-end {
    justify-content: end !important;
  }
  .u-pc-jc-between {
    justify-content: space-between !important;
  }
  .u-pc-jc-around {
    justify-content: space-around !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-jc-center {
    justify-content: center !important;
  }
  .u-sp-jc-start {
    justify-content: start !important;
  }
  .u-sp-jc-end {
    justify-content: end !important;
  }
  .u-sp-jc-between {
    justify-content: space-between !important;
  }
  .u-sp-jc-around {
    justify-content: space-around !important;
  }
}
.u-ai-stretch {
  align-items: stretch !important;
}
.u-ai-start {
  align-items: flex-start !important;
}
.u-ai-center {
  align-items: center !important;
}
.u-ai-end {
  align-items: flex-end !important;
}
.u-ai-baseline {
  align-items: baseline !important;
}

@media screen and (min-width: 641px) {
  .u-pc-ai-stretch {
    align-items: stretch !important;
  }
  .u-pc-ai-start {
    align-items: flex-start !important;
  }
  .u-pc-ai-center {
    align-items: center !important;
  }
  .u-pc-ai-end {
    align-items: flex-end !important;
  }
  .u-pc-ai-baseline {
    align-items: baseline !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-ai-stretch {
    align-items: stretch !important;
  }
  .u-sp-ai-start {
    align-items: flex-start !important;
  }
  .u-sp-ai-center {
    align-items: center !important;
  }
  .u-sp-ai-end {
    align-items: flex-end !important;
  }
  .u-sp-ai-baseline {
    align-items: baseline !important;
  }
}
.u-pc-stretch {
  place-content: stretch !important;
}
.u-pc-start {
  place-content: flex-start !important;
}
.u-pc-center {
  place-content: center !important;
}
.u-pc-end {
  place-content: flex-end !important;
}
.u-pc-baseline {
  place-content: baseline !important;
}
.u-pc-space-between {
  place-content: space-between !important;
}
.u-pc-space-around {
  place-content: space-around !important;
}
.u-pc-space-evenly {
  place-content: space-evenly !important;
}

@media screen and (min-width: 641px) {
  .u-pc-pc-stretch {
    place-content: stretch !important;
  }
  .u-pc-pc-start {
    place-content: flex-start !important;
  }
  .u-pc-pc-center {
    place-content: center !important;
  }
  .u-pc-pc-end {
    place-content: flex-end !important;
  }
  .u-pc-pc-baseline {
    place-content: baseline !important;
  }
  .u-pc-pc-space-between {
    place-content: space-between !important;
  }
  .u-pc-pc-space-around {
    place-content: space-around !important;
  }
  .u-pc-pc-space-evenly {
    place-content: space-evenly !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-pc-stretch {
    place-content: stretch !important;
  }
  .u-sp-pc-start {
    place-content: flex-start !important;
  }
  .u-sp-pc-center {
    place-content: center !important;
  }
  .u-sp-pc-end {
    place-content: flex-end !important;
  }
  .u-sp-pc-baseline {
    place-content: baseline !important;
  }
  .u-sp-pc-space-between {
    place-content: space-between !important;
  }
  .u-sp-pc-space-around {
    place-content: space-around !important;
  }
  .u-sp-pc-space-evenly {
    place-content: space-evenly !important;
  }
}
.u-pi-stretch {
  place-items: stretch !important;
}
.u-pi-start {
  place-items: flex-start !important;
}
.u-pi-center {
  place-items: center !important;
}
.u-pi-end {
  place-items: flex-end !important;
}
.u-pi-baseline {
  place-items: baseline !important;
}

@media screen and (min-width: 641px) {
  .u-pc-pi-stretch {
    place-items: stretch !important;
  }
  .u-pc-pi-start {
    place-items: flex-start !important;
  }
  .u-pc-pi-center {
    place-items: center !important;
  }
  .u-pc-pi-end {
    place-items: flex-end !important;
  }
  .u-pc-pi-baseline {
    place-items: baseline !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-pi-stretch {
    place-items: stretch !important;
  }
  .u-sp-pi-start {
    place-items: flex-start !important;
  }
  .u-sp-pi-center {
    place-items: center !important;
  }
  .u-sp-pi-end {
    place-items: flex-end !important;
  }
  .u-sp-pi-baseline {
    place-items: baseline !important;
  }
}
.u-ps-stretch {
  place-self: stretch !important;
}
.u-ps-start {
  place-self: flex-start !important;
}
.u-ps-center {
  place-self: center !important;
}
.u-ps-end {
  place-self: flex-end !important;
}
.u-ps-baseline {
  place-self: baseline !important;
}
.u-ps-auto {
  place-self: auto !important;
}

@media screen and (min-width: 641px) {
  .u-pc-ps-stretch {
    place-self: stretch !important;
  }
  .u-pc-ps-start {
    place-self: flex-start !important;
  }
  .u-pc-ps-center {
    place-self: center !important;
  }
  .u-pc-ps-end {
    place-self: flex-end !important;
  }
  .u-pc-ps-baseline {
    place-self: baseline !important;
  }
  .u-pc-ps-auto {
    place-self: auto !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-ps-stretch {
    place-self: stretch !important;
  }
  .u-sp-ps-start {
    place-self: flex-start !important;
  }
  .u-sp-ps-center {
    place-self: center !important;
  }
  .u-sp-ps-end {
    place-self: flex-end !important;
  }
  .u-sp-ps-baseline {
    place-self: baseline !important;
  }
  .u-sp-ps-auto {
    place-self: auto !important;
  }
}
.u-fd-row {
  flex-direction: row !important;
}
.u-fd-row-reverse {
  flex-direction: row-reverse !important;
}
.u-fd-col {
  flex-direction: column !important;
}
.u-fd-col-reverse {
  flex-direction: column-reverse !important;
}

@media screen and (min-width: 641px) {
  .u-pc-fd-row {
    flex-direction: row !important;
  }
  .u-pc-fd-row-reverse {
    flex-direction: row-reverse !important;
  }
  .u-pc-fd-col {
    flex-direction: column !important;
  }
  .u-pc-fd-col-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 961px) {
  .u-pcm-fd-row {
    flex-direction: row !important;
  }
  .u-pcm-fd-row-reverse {
    flex-direction: row-reverse !important;
  }
  .u-pcm-fd-col {
    flex-direction: column !important;
  }
  .u-pcm-fd-col-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-fd-row {
    flex-direction: row !important;
  }
  .u-sp-fd-row-reverse {
    flex-direction: row-reverse !important;
  }
  .u-sp-fd-col {
    flex-direction: column !important;
  }
  .u-sp-fd-col-reverse {
    flex-direction: column-reverse !important;
  }
}
.u-f-1 {
  flex: 1 1 0% !important;
}
.u-f-auto {
  flex: 1 1 auto !important;
}
.u-f-initial {
  flex: 0 1 auto !important;
}
.u-f-none {
  flex: none !important;
}
.u-f-grow {
  flex-grow: 1 !important;
}
.u-f-grow-0 {
  flex-grow: 0 !important;
}
.u-f-shrink {
  flex-shrink: 1 !important;
}
.u-f-shrink-0 {
  flex-shrink: 0 !important;
}
.u-f-nowrap {
  flex-wrap: nowrap !important;
}
.u-f-wrap {
  flex-wrap: wrap !important;
}
.u-f-reverse {
  flex-wrap: wrap-reverse !important;
}

@media screen and (min-width: 641px) {
  .u-pc-f-1 {
    flex: 1 1 0% !important;
  }
  .u-pc-f-auto {
    flex: 1 1 auto !important;
  }
  .u-pc-f-initial {
    flex: 0 1 auto !important;
  }
  .u-pc-f-none {
    flex: none !important;
  }
  .u-pc-f-grow {
    flex-grow: 1 !important;
  }
  .u-pc-f-grow-0 {
    flex-grow: 0 !important;
  }
  .u-pc-f-shrink {
    flex-shrink: 1 !important;
  }
  .u-pc-f-shrink-0 {
    flex-shrink: 0 !important;
  }
  .u-pc-f-nowrap {
    flex-wrap: nowrap !important;
  }
  .u-pc-f-wrap {
    flex-wrap: wrap !important;
  }
  .u-pc-f-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 961px) {
  .u-pcm-f-1 {
    flex: 1 1 0% !important;
  }
  .u-pcm-f-auto {
    flex: 1 1 auto !important;
  }
  .u-pcm-f-initial {
    flex: 0 1 auto !important;
  }
  .u-pcm-f-none {
    flex: none !important;
  }
  .u-pcm-f-grow {
    flex-grow: 1 !important;
  }
  .u-pcm-f-grow-0 {
    flex-grow: 0 !important;
  }
  .u-pcm-f-shrink {
    flex-shrink: 1 !important;
  }
  .u-pcm-f-shrink-0 {
    flex-shrink: 0 !important;
  }
  .u-pcm-f-nowrap {
    flex-wrap: nowrap !important;
  }
  .u-pcm-f-wrap {
    flex-wrap: wrap !important;
  }
  .u-pcm-f-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-f-1 {
    flex: 1 1 0% !important;
  }
  .u-sp-f-auto {
    flex: 1 1 auto !important;
  }
  .u-sp-f-initial {
    flex: 0 1 auto !important;
  }
  .u-sp-f-none {
    flex: none !important;
  }
  .u-sp-f-grow {
    flex-grow: 1 !important;
  }
  .u-sp-f-grow-0 {
    flex-grow: 0 !important;
  }
  .u-sp-f-shrink {
    flex-shrink: 1 !important;
  }
  .u-sp-f-shrink-0 {
    flex-shrink: 0 !important;
  }
  .u-sp-f-nowrap {
    flex-wrap: nowrap !important;
  }
  .u-sp-f-wrap {
    flex-wrap: wrap !important;
  }
  .u-sp-f-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
.u-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.u-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.u-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.u-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.u-grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.u-grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.u-grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.u-grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.u-grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.u-grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
.u-grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
}
.u-grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.u-grid-cols-none {
  grid-template-columns: none !important;
}

@media screen and (min-width: 641px) {
  .u-pc-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .u-pc-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .u-pc-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .u-pc-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .u-pc-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .u-pc-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .u-pc-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
  .u-pc-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
  .u-pc-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }
  .u-pc-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }
  .u-pc-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }
  .u-pc-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .u-pc-grid-cols-none {
    grid-template-columns: none !important;
  }
}
@media screen and (min-width: 961px) {
  .u-pcm-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .u-pcm-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .u-pcm-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .u-pcm-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .u-pcm-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .u-pcm-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .u-pcm-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
  .u-pcm-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
  .u-pcm-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }
  .u-pcm-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }
  .u-pcm-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }
  .u-pcm-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .u-pcm-grid-cols-none {
    grid-template-columns: none !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .u-sp-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .u-sp-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .u-sp-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .u-sp-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .u-sp-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .u-sp-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
  .u-sp-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
  .u-sp-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }
  .u-sp-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }
  .u-sp-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }
  .u-sp-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .u-sp-grid-cols-none {
    grid-template-columns: none !important;
  }
}
.u-col-auto {
  grid-column: auto !important;
}
.u-col-span-1 {
  grid-column: span 1/span 1 !important;
}
.u-col-span-2 {
  grid-column: span 2/span 2 !important;
}
.u-col-span-3 {
  grid-column: span 3/span 3 !important;
}
.u-col-span-4 {
  grid-column: span 4/span 4 !important;
}
.u-col-span-5 {
  grid-column: span 5/span 5 !important;
}
.u-col-span-6 {
  grid-column: span 6/span 6 !important;
}
.u-col-span-7 {
  grid-column: span 7/span 7 !important;
}
.u-col-span-8 {
  grid-column: span 8/span 8 !important;
}
.u-col-span-9 {
  grid-column: span 9/span 9 !important;
}
.u-col-span-10 {
  grid-column: span 10/span 10 !important;
}
.u-col-span-11 {
  grid-column: span 11/span 11 !important;
}
.u-col-span-12 {
  grid-column: span 12/span 12 !important;
}
.u-col-span-full {
  grid-column: 1/-1 !important;
}
.u-col-start-1 {
  grid-column-start: 1 !important;
}
.u-col-start-2 {
  grid-column-start: 2 !important;
}
.u-col-start-3 {
  grid-column-start: 3 !important;
}
.u-col-start-4 {
  grid-column-start: 4 !important;
}
.u-col-start-5 {
  grid-column-start: 5 !important;
}
.u-col-start-6 {
  grid-column-start: 6 !important;
}
.u-col-start-7 {
  grid-column-start: 7 !important;
}
.u-col-start-8 {
  grid-column-start: 8 !important;
}
.u-col-start-9 {
  grid-column-start: 9 !important;
}
.u-col-start-10 {
  grid-column-start: 10 !important;
}
.u-col-start-11 {
  grid-column-start: 11 !important;
}
.u-col-start-12 {
  grid-column-start: 12 !important;
}
.u-col-start-13 {
  grid-column-start: 13 !important;
}
.u-col-start-auto {
  grid-column-start: auto !important;
}
.u-col-end-1 {
  grid-column-end: 1 !important;
}
.u-col-end-2 {
  grid-column-end: 2 !important;
}
.u-col-end-3 {
  grid-column-end: 3 !important;
}
.u-col-end-4 {
  grid-column-end: 4 !important;
}
.u-col-end-5 {
  grid-column-end: 5 !important;
}
.u-col-end-6 {
  grid-column-end: 6 !important;
}
.u-col-end-7 {
  grid-column-end: 7 !important;
}
.u-col-end-8 {
  grid-column-end: 8 !important;
}
.u-col-end-9 {
  grid-column-end: 9 !important;
}
.u-col-end-10 {
  grid-column-end: 10 !important;
}
.u-col-end-11 {
  grid-column-end: 11 !important;
}
.u-col-end-12 {
  grid-column-end: 12 !important;
}
.u-col-end-13 {
  grid-column-end: 13 !important;
}
.u-col-end-auto {
  grid-column-end: auto !important;
}

@media screen and (min-width: 641px) {
  .u-pc-col-auto {
    grid-column: auto !important;
  }
  .u-pc-col-span-1 {
    grid-column: span 1/span 1 !important;
  }
  .u-pc-col-span-2 {
    grid-column: span 2/span 2 !important;
  }
  .u-pc-col-span-3 {
    grid-column: span 3/span 3 !important;
  }
  .u-pc-col-span-4 {
    grid-column: span 4/span 4 !important;
  }
  .u-pc-col-span-5 {
    grid-column: span 5/span 5 !important;
  }
  .u-pc-col-span-6 {
    grid-column: span 6/span 6 !important;
  }
  .u-pc-col-span-7 {
    grid-column: span 7/span 7 !important;
  }
  .u-pc-col-span-8 {
    grid-column: span 8/span 8 !important;
  }
  .u-pc-col-span-9 {
    grid-column: span 9/span 9 !important;
  }
  .u-pc-col-span-10 {
    grid-column: span 10/span 10 !important;
  }
  .u-pc-col-span-11 {
    grid-column: span 11/span 11 !important;
  }
  .u-pc-col-span-12 {
    grid-column: span 12/span 12 !important;
  }
  .u-pc-col-span-full {
    grid-column: 1/-1 !important;
  }
  .u-pc-col-start-1 {
    grid-column-start: 1 !important;
  }
  .u-pc-col-start-2 {
    grid-column-start: 2 !important;
  }
  .u-pc-col-start-3 {
    grid-column-start: 3 !important;
  }
  .u-pc-col-start-4 {
    grid-column-start: 4 !important;
  }
  .u-pc-col-start-5 {
    grid-column-start: 5 !important;
  }
  .u-pc-col-start-6 {
    grid-column-start: 6 !important;
  }
  .u-pc-col-start-7 {
    grid-column-start: 7 !important;
  }
  .u-pc-col-start-8 {
    grid-column-start: 8 !important;
  }
  .u-pc-col-start-9 {
    grid-column-start: 9 !important;
  }
  .u-pc-col-start-10 {
    grid-column-start: 10 !important;
  }
  .u-pc-col-start-11 {
    grid-column-start: 11 !important;
  }
  .u-pc-col-start-12 {
    grid-column-start: 12 !important;
  }
  .u-pc-col-start-13 {
    grid-column-start: 13 !important;
  }
  .u-pc-col-start-auto {
    grid-column-start: auto !important;
  }
  .u-pc-col-end-1 {
    grid-column-end: 1 !important;
  }
  .u-pc-col-end-2 {
    grid-column-end: 2 !important;
  }
  .u-pc-col-end-3 {
    grid-column-end: 3 !important;
  }
  .u-pc-col-end-4 {
    grid-column-end: 4 !important;
  }
  .u-pc-col-end-5 {
    grid-column-end: 5 !important;
  }
  .u-pc-col-end-6 {
    grid-column-end: 6 !important;
  }
  .u-pc-col-end-7 {
    grid-column-end: 7 !important;
  }
  .u-pc-col-end-8 {
    grid-column-end: 8 !important;
  }
  .u-pc-col-end-9 {
    grid-column-end: 9 !important;
  }
  .u-pc-col-end-10 {
    grid-column-end: 10 !important;
  }
  .u-pc-col-end-11 {
    grid-column-end: 11 !important;
  }
  .u-pc-col-end-12 {
    grid-column-end: 12 !important;
  }
  .u-pc-col-end-13 {
    grid-column-end: 13 !important;
  }
  .u-pc-col-end-auto {
    grid-column-end: auto !important;
  }
}
@media screen and (min-width: 961px) {
  .u-pcm-col-auto {
    grid-column: auto !important;
  }
  .u-pcm-col-span-1 {
    grid-column: span 1/span 1 !important;
  }
  .u-pcm-col-span-2 {
    grid-column: span 2/span 2 !important;
  }
  .u-pcm-col-span-3 {
    grid-column: span 3/span 3 !important;
  }
  .u-pcm-col-span-4 {
    grid-column: span 4/span 4 !important;
  }
  .u-pcm-col-span-5 {
    grid-column: span 5/span 5 !important;
  }
  .u-pcm-col-span-6 {
    grid-column: span 6/span 6 !important;
  }
  .u-pcm-col-span-7 {
    grid-column: span 7/span 7 !important;
  }
  .u-pcm-col-span-8 {
    grid-column: span 8/span 8 !important;
  }
  .u-pcm-col-span-9 {
    grid-column: span 9/span 9 !important;
  }
  .u-pcm-col-span-10 {
    grid-column: span 10/span 10 !important;
  }
  .u-pcm-col-span-11 {
    grid-column: span 11/span 11 !important;
  }
  .u-pcm-col-span-12 {
    grid-column: span 12/span 12 !important;
  }
  .u-pcm-col-span-full {
    grid-column: 1/-1 !important;
  }
  .u-pcm-col-start-1 {
    grid-column-start: 1 !important;
  }
  .u-pcm-col-start-2 {
    grid-column-start: 2 !important;
  }
  .u-pcm-col-start-3 {
    grid-column-start: 3 !important;
  }
  .u-pcm-col-start-4 {
    grid-column-start: 4 !important;
  }
  .u-pcm-col-start-5 {
    grid-column-start: 5 !important;
  }
  .u-pcm-col-start-6 {
    grid-column-start: 6 !important;
  }
  .u-pcm-col-start-7 {
    grid-column-start: 7 !important;
  }
  .u-pcm-col-start-8 {
    grid-column-start: 8 !important;
  }
  .u-pcm-col-start-9 {
    grid-column-start: 9 !important;
  }
  .u-pcm-col-start-10 {
    grid-column-start: 10 !important;
  }
  .u-pcm-col-start-11 {
    grid-column-start: 11 !important;
  }
  .u-pcm-col-start-12 {
    grid-column-start: 12 !important;
  }
  .u-pcm-col-start-13 {
    grid-column-start: 13 !important;
  }
  .u-pcm-col-start-auto {
    grid-column-start: auto !important;
  }
  .u-pcm-col-end-1 {
    grid-column-end: 1 !important;
  }
  .u-pcm-col-end-2 {
    grid-column-end: 2 !important;
  }
  .u-pcm-col-end-3 {
    grid-column-end: 3 !important;
  }
  .u-pcm-col-end-4 {
    grid-column-end: 4 !important;
  }
  .u-pcm-col-end-5 {
    grid-column-end: 5 !important;
  }
  .u-pcm-col-end-6 {
    grid-column-end: 6 !important;
  }
  .u-pcm-col-end-7 {
    grid-column-end: 7 !important;
  }
  .u-pcm-col-end-8 {
    grid-column-end: 8 !important;
  }
  .u-pcm-col-end-9 {
    grid-column-end: 9 !important;
  }
  .u-pcm-col-end-10 {
    grid-column-end: 10 !important;
  }
  .u-pcm-col-end-11 {
    grid-column-end: 11 !important;
  }
  .u-pcm-col-end-12 {
    grid-column-end: 12 !important;
  }
  .u-pcm-col-end-13 {
    grid-column-end: 13 !important;
  }
  .u-pcm-col-end-auto {
    grid-column-end: auto !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-col-auto {
    grid-column: auto !important;
  }
  .u-sp-col-span-1 {
    grid-column: span 1/span 1 !important;
  }
  .u-sp-col-span-2 {
    grid-column: span 2/span 2 !important;
  }
  .u-sp-col-span-3 {
    grid-column: span 3/span 3 !important;
  }
  .u-sp-col-span-4 {
    grid-column: span 4/span 4 !important;
  }
  .u-sp-col-span-5 {
    grid-column: span 5/span 5 !important;
  }
  .u-sp-col-span-6 {
    grid-column: span 6/span 6 !important;
  }
  .u-sp-col-span-7 {
    grid-column: span 7/span 7 !important;
  }
  .u-sp-col-span-8 {
    grid-column: span 8/span 8 !important;
  }
  .u-sp-col-span-9 {
    grid-column: span 9/span 9 !important;
  }
  .u-sp-col-span-10 {
    grid-column: span 10/span 10 !important;
  }
  .u-sp-col-span-11 {
    grid-column: span 11/span 11 !important;
  }
  .u-sp-col-span-12 {
    grid-column: span 12/span 12 !important;
  }
  .u-sp-col-span-full {
    grid-column: 1/-1 !important;
  }
  .u-sp-col-start-1 {
    grid-column-start: 1 !important;
  }
  .u-sp-col-start-2 {
    grid-column-start: 2 !important;
  }
  .u-sp-col-start-3 {
    grid-column-start: 3 !important;
  }
  .u-sp-col-start-4 {
    grid-column-start: 4 !important;
  }
  .u-sp-col-start-5 {
    grid-column-start: 5 !important;
  }
  .u-sp-col-start-6 {
    grid-column-start: 6 !important;
  }
  .u-sp-col-start-7 {
    grid-column-start: 7 !important;
  }
  .u-sp-col-start-8 {
    grid-column-start: 8 !important;
  }
  .u-sp-col-start-9 {
    grid-column-start: 9 !important;
  }
  .u-sp-col-start-10 {
    grid-column-start: 10 !important;
  }
  .u-sp-col-start-11 {
    grid-column-start: 11 !important;
  }
  .u-sp-col-start-12 {
    grid-column-start: 12 !important;
  }
  .u-sp-col-start-13 {
    grid-column-start: 13 !important;
  }
  .u-sp-col-start-auto {
    grid-column-start: auto !important;
  }
  .u-sp-col-end-1 {
    grid-column-end: 1 !important;
  }
  .u-sp-col-end-2 {
    grid-column-end: 2 !important;
  }
  .u-sp-col-end-3 {
    grid-column-end: 3 !important;
  }
  .u-sp-col-end-4 {
    grid-column-end: 4 !important;
  }
  .u-sp-col-end-5 {
    grid-column-end: 5 !important;
  }
  .u-sp-col-end-6 {
    grid-column-end: 6 !important;
  }
  .u-sp-col-end-7 {
    grid-column-end: 7 !important;
  }
  .u-sp-col-end-8 {
    grid-column-end: 8 !important;
  }
  .u-sp-col-end-9 {
    grid-column-end: 9 !important;
  }
  .u-sp-col-end-10 {
    grid-column-end: 10 !important;
  }
  .u-sp-col-end-11 {
    grid-column-end: 11 !important;
  }
  .u-sp-col-end-12 {
    grid-column-end: 12 !important;
  }
  .u-sp-col-end-13 {
    grid-column-end: 13 !important;
  }
  .u-sp-col-end-auto {
    grid-column-end: auto !important;
  }
}
.u-gap-0 {
  gap: 0 !important;
}

.u-gap-4 {
  gap: 4px !important;
}

.u-gap-8 {
  gap: 8px !important;
}

.u-gap-12 {
  gap: 12px !important;
}

.u-gap-16 {
  gap: 16px !important;
}

.u-gap-20 {
  gap: 20px !important;
}

.u-gap-24 {
  gap: 24px !important;
}

.u-gap-28 {
  gap: 28px !important;
}

.u-gap-32 {
  gap: 32px !important;
}

.u-gap-36 {
  gap: 36px !important;
}

.u-gap-40 {
  gap: 40px !important;
}

.u-gap-44 {
  gap: 44px !important;
}

.u-gap-48 {
  gap: 48px !important;
}

.u-gap-52 {
  gap: 52px !important;
}

.u-gap-56 {
  gap: 56px !important;
}

.u-gap-60 {
  gap: 60px !important;
}

.u-gap-64 {
  gap: 64px !important;
}

@media screen and (min-width: 641px) {
  .u-pc-gap-0 {
    gap: 0 !important;
  }
  .u-pc-gap-4 {
    gap: 4px !important;
  }
  .u-pc-gap-8 {
    gap: 8px !important;
  }
  .u-pc-gap-12 {
    gap: 12px !important;
  }
  .u-pc-gap-16 {
    gap: 16px !important;
  }
  .u-pc-gap-20 {
    gap: 20px !important;
  }
  .u-pc-gap-24 {
    gap: 24px !important;
  }
  .u-pc-gap-28 {
    gap: 28px !important;
  }
  .u-pc-gap-32 {
    gap: 32px !important;
  }
  .u-pc-gap-36 {
    gap: 36px !important;
  }
  .u-pc-gap-40 {
    gap: 40px !important;
  }
  .u-pc-gap-44 {
    gap: 44px !important;
  }
  .u-pc-gap-48 {
    gap: 48px !important;
  }
  .u-pc-gap-52 {
    gap: 52px !important;
  }
  .u-pc-gap-56 {
    gap: 56px !important;
  }
  .u-pc-gap-60 {
    gap: 60px !important;
  }
  .u-pc-gap-64 {
    gap: 64px !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-gap-0 {
    gap: 0 !important;
  }
  .u-sp-gap-4 {
    gap: 4px !important;
  }
  .u-sp-gap-8 {
    gap: 8px !important;
  }
  .u-sp-gap-12 {
    gap: 12px !important;
  }
  .u-sp-gap-16 {
    gap: 16px !important;
  }
  .u-sp-gap-20 {
    gap: 20px !important;
  }
  .u-sp-gap-24 {
    gap: 24px !important;
  }
  .u-sp-gap-28 {
    gap: 28px !important;
  }
  .u-sp-gap-32 {
    gap: 32px !important;
  }
  .u-sp-gap-36 {
    gap: 36px !important;
  }
  .u-sp-gap-40 {
    gap: 40px !important;
  }
  .u-sp-gap-44 {
    gap: 44px !important;
  }
  .u-sp-gap-48 {
    gap: 48px !important;
  }
  .u-sp-gap-52 {
    gap: 52px !important;
  }
  .u-sp-gap-56 {
    gap: 56px !important;
  }
  .u-sp-gap-60 {
    gap: 60px !important;
  }
  .u-sp-gap-64 {
    gap: 64px !important;
  }
}
.u-gap-x-0 {
  column-gap: 0 !important;
}

.u-gap-x-4 {
  column-gap: 4px !important;
}

.u-gap-x-8 {
  column-gap: 8px !important;
}

.u-gap-x-12 {
  column-gap: 12px !important;
}

.u-gap-x-16 {
  column-gap: 16px !important;
}

.u-gap-x-20 {
  column-gap: 20px !important;
}

.u-gap-x-24 {
  column-gap: 24px !important;
}

.u-gap-x-28 {
  column-gap: 28px !important;
}

.u-gap-x-32 {
  column-gap: 32px !important;
}

.u-gap-x-36 {
  column-gap: 36px !important;
}

.u-gap-x-40 {
  column-gap: 40px !important;
}

.u-gap-x-44 {
  column-gap: 44px !important;
}

.u-gap-x-48 {
  column-gap: 48px !important;
}

.u-gap-x-52 {
  column-gap: 52px !important;
}

.u-gap-x-56 {
  column-gap: 56px !important;
}

.u-gap-x-60 {
  column-gap: 60px !important;
}

.u-gap-x-64 {
  column-gap: 64px !important;
}

@media screen and (min-width: 641px) {
  .u-pc-gap-x-0 {
    column-gap: 0 !important;
  }
  .u-pc-gap-x-4 {
    column-gap: 4px !important;
  }
  .u-pc-gap-x-8 {
    column-gap: 8px !important;
  }
  .u-pc-gap-x-12 {
    column-gap: 12px !important;
  }
  .u-pc-gap-x-16 {
    column-gap: 16px !important;
  }
  .u-pc-gap-x-20 {
    column-gap: 20px !important;
  }
  .u-pc-gap-x-24 {
    column-gap: 24px !important;
  }
  .u-pc-gap-x-28 {
    column-gap: 28px !important;
  }
  .u-pc-gap-x-32 {
    column-gap: 32px !important;
  }
  .u-pc-gap-x-36 {
    column-gap: 36px !important;
  }
  .u-pc-gap-x-40 {
    column-gap: 40px !important;
  }
  .u-pc-gap-x-44 {
    column-gap: 44px !important;
  }
  .u-pc-gap-x-48 {
    column-gap: 48px !important;
  }
  .u-pc-gap-x-52 {
    column-gap: 52px !important;
  }
  .u-pc-gap-x-56 {
    column-gap: 56px !important;
  }
  .u-pc-gap-x-60 {
    column-gap: 60px !important;
  }
  .u-pc-gap-x-64 {
    column-gap: 64px !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-gap-x-0 {
    column-gap: 0 !important;
  }
  .u-sp-gap-x-4 {
    column-gap: 4px !important;
  }
  .u-sp-gap-x-8 {
    column-gap: 8px !important;
  }
  .u-sp-gap-x-12 {
    column-gap: 12px !important;
  }
  .u-sp-gap-x-16 {
    column-gap: 16px !important;
  }
  .u-sp-gap-x-20 {
    column-gap: 20px !important;
  }
  .u-sp-gap-x-24 {
    column-gap: 24px !important;
  }
  .u-sp-gap-x-28 {
    column-gap: 28px !important;
  }
  .u-sp-gap-x-32 {
    column-gap: 32px !important;
  }
  .u-sp-gap-x-36 {
    column-gap: 36px !important;
  }
  .u-sp-gap-x-40 {
    column-gap: 40px !important;
  }
  .u-sp-gap-x-44 {
    column-gap: 44px !important;
  }
  .u-sp-gap-x-48 {
    column-gap: 48px !important;
  }
  .u-sp-gap-x-52 {
    column-gap: 52px !important;
  }
  .u-sp-gap-x-56 {
    column-gap: 56px !important;
  }
  .u-sp-gap-x-60 {
    column-gap: 60px !important;
  }
  .u-sp-gap-x-64 {
    column-gap: 64px !important;
  }
}
.u-gap-y-0 {
  row-gap: 0 !important;
}

.u-gap-y-4 {
  row-gap: 4px !important;
}

.u-gap-y-8 {
  row-gap: 8px !important;
}

.u-gap-y-12 {
  row-gap: 12px !important;
}

.u-gap-y-16 {
  row-gap: 16px !important;
}

.u-gap-y-20 {
  row-gap: 20px !important;
}

.u-gap-y-24 {
  row-gap: 24px !important;
}

.u-gap-y-28 {
  row-gap: 28px !important;
}

.u-gap-y-32 {
  row-gap: 32px !important;
}

.u-gap-y-36 {
  row-gap: 36px !important;
}

.u-gap-y-40 {
  row-gap: 40px !important;
}

.u-gap-y-44 {
  row-gap: 44px !important;
}

.u-gap-y-48 {
  row-gap: 48px !important;
}

.u-gap-y-52 {
  row-gap: 52px !important;
}

.u-gap-y-56 {
  row-gap: 56px !important;
}

.u-gap-y-60 {
  row-gap: 60px !important;
}

.u-gap-y-64 {
  row-gap: 64px !important;
}

@media screen and (min-width: 641px) {
  .u-pc-gap-y-0 {
    row-gap: 0 !important;
  }
  .u-pc-gap-y-4 {
    row-gap: 4px !important;
  }
  .u-pc-gap-y-8 {
    row-gap: 8px !important;
  }
  .u-pc-gap-y-12 {
    row-gap: 12px !important;
  }
  .u-pc-gap-y-16 {
    row-gap: 16px !important;
  }
  .u-pc-gap-y-20 {
    row-gap: 20px !important;
  }
  .u-pc-gap-y-24 {
    row-gap: 24px !important;
  }
  .u-pc-gap-y-28 {
    row-gap: 28px !important;
  }
  .u-pc-gap-y-32 {
    row-gap: 32px !important;
  }
  .u-pc-gap-y-36 {
    row-gap: 36px !important;
  }
  .u-pc-gap-y-40 {
    row-gap: 40px !important;
  }
  .u-pc-gap-y-44 {
    row-gap: 44px !important;
  }
  .u-pc-gap-y-48 {
    row-gap: 48px !important;
  }
  .u-pc-gap-y-52 {
    row-gap: 52px !important;
  }
  .u-pc-gap-y-56 {
    row-gap: 56px !important;
  }
  .u-pc-gap-y-60 {
    row-gap: 60px !important;
  }
  .u-pc-gap-y-64 {
    row-gap: 64px !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-gap-y-0 {
    row-gap: 0 !important;
  }
  .u-sp-gap-y-4 {
    row-gap: 4px !important;
  }
  .u-sp-gap-y-8 {
    row-gap: 8px !important;
  }
  .u-sp-gap-y-12 {
    row-gap: 12px !important;
  }
  .u-sp-gap-y-16 {
    row-gap: 16px !important;
  }
  .u-sp-gap-y-20 {
    row-gap: 20px !important;
  }
  .u-sp-gap-y-24 {
    row-gap: 24px !important;
  }
  .u-sp-gap-y-28 {
    row-gap: 28px !important;
  }
  .u-sp-gap-y-32 {
    row-gap: 32px !important;
  }
  .u-sp-gap-y-36 {
    row-gap: 36px !important;
  }
  .u-sp-gap-y-40 {
    row-gap: 40px !important;
  }
  .u-sp-gap-y-44 {
    row-gap: 44px !important;
  }
  .u-sp-gap-y-48 {
    row-gap: 48px !important;
  }
  .u-sp-gap-y-52 {
    row-gap: 52px !important;
  }
  .u-sp-gap-y-56 {
    row-gap: 56px !important;
  }
  .u-sp-gap-y-60 {
    row-gap: 60px !important;
  }
  .u-sp-gap-y-64 {
    row-gap: 64px !important;
  }
}
.u-width-100p,
.u-w-100p {
  width: 100% !important;
}
.u-width-full,
.u-w-full {
  width: 100% !important;
}
.u-width-auto,
.u-w-auto {
  width: auto !important;
}
.u-width-1-2,
.u-w-1-2 {
  width: 50% !important;
}
.u-width-1-3,
.u-w-1-3 {
  width: 33.333333% !important;
}
.u-width-2-3,
.u-w-2-3 {
  width: 66.666667% !important;
}
.u-width-1-4,
.u-w-1-4 {
  width: 25% !important;
}
.u-width-2-4,
.u-w-2-4 {
  width: 50% !important;
}
.u-width-3-4,
.u-w-3-4 {
  width: 75% !important;
}
.u-width-1-5,
.u-w-1-5 {
  width: 20% !important;
}
.u-width-2-5,
.u-w-2-5 {
  width: 40% !important;
}
.u-width-3-5,
.u-w-3-5 {
  width: 60% !important;
}
.u-width-4-5,
.u-w-4-5 {
  width: 80% !important;
}
.u-width-1-6,
.u-w-1-6 {
  width: 16.666667% !important;
}
.u-width-2-6,
.u-w-2-6 {
  width: 33.333333% !important;
}
.u-width-3-6,
.u-w-3-6 {
  width: 50% !important;
}
.u-width-4-6,
.u-w-4-6 {
  width: 66.666667% !important;
}
.u-width-5-6,
.u-w-5-6 {
  width: 83.333333% !important;
}
.u-width-1-12,
.u-w-1-12 {
  width: 8.333333% !important;
}
.u-width-2-12,
.u-w-2-12 {
  width: 16.666667% !important;
}
.u-width-3-12,
.u-w-3-12 {
  width: 25% !important;
}
.u-width-4-12,
.u-w-4-12 {
  width: 33.333333% !important;
}
.u-width-5-12,
.u-w-5-12 {
  width: 41.666667% !important;
}
.u-width-6-12,
.u-w-6-12 {
  width: 50% !important;
}
.u-width-7-12,
.u-w-7-12 {
  width: 58.333333% !important;
}
.u-width-8-12,
.u-w-8-12 {
  width: 66.666667% !important;
}
.u-width-9-12,
.u-w-9-12 {
  width: 75% !important;
}
.u-width-10-12,
.u-w-10-12 {
  width: 83.333333% !important;
}
.u-width-11-12,
.u-w-11-12 {
  width: 91.666667% !important;
}
.u-width-0,
.u-w-0 {
  width: 0 !important;
}
.u-width-px,
.u-w-px {
  width: 1px !important;
}
.u-width-screen,
.u-w-screen {
  width: 100vw !important;
}
.u-width-min,
.u-w-min {
  width: min-content !important;
}
.u-width-max,
.u-w-max {
  width: max-content !important;
}
.u-width-fit,
.u-w-fit {
  width: fit-content !important;
}
.u-width-inherit,
.u-w-inherit {
  width: inherit !important;
}
.u-width-initial,
.u-w-initial {
  width: initial !important;
}

@media screen and (min-width: 641px) {
  .u-pc-width-100p,
  .u-pc-w-100p {
    width: 100% !important;
  }
  .u-pc-width-full,
  .u-pc-w-full {
    width: 100% !important;
  }
  .u-pc-width-auto,
  .u-pc-w-auto {
    width: auto !important;
  }
  .u-pc-width-1-2,
  .u-pc-w-1-2 {
    width: 50% !important;
  }
  .u-pc-width-1-3,
  .u-pc-w-1-3 {
    width: 33.333333% !important;
  }
  .u-pc-width-2-3,
  .u-pc-w-2-3 {
    width: 66.666667% !important;
  }
  .u-pc-width-1-4,
  .u-pc-w-1-4 {
    width: 25% !important;
  }
  .u-pc-width-2-4,
  .u-pc-w-2-4 {
    width: 50% !important;
  }
  .u-pc-width-3-4,
  .u-pc-w-3-4 {
    width: 75% !important;
  }
  .u-pc-width-1-5,
  .u-pc-w-1-5 {
    width: 20% !important;
  }
  .u-pc-width-2-5,
  .u-pc-w-2-5 {
    width: 40% !important;
  }
  .u-pc-width-3-5,
  .u-pc-w-3-5 {
    width: 60% !important;
  }
  .u-pc-width-4-5,
  .u-pc-w-4-5 {
    width: 80% !important;
  }
  .u-pc-width-1-6,
  .u-pc-w-1-6 {
    width: 16.666667% !important;
  }
  .u-pc-width-2-6,
  .u-pc-w-2-6 {
    width: 33.333333% !important;
  }
  .u-pc-width-3-6,
  .u-pc-w-3-6 {
    width: 50% !important;
  }
  .u-pc-width-4-6,
  .u-pc-w-4-6 {
    width: 66.666667% !important;
  }
  .u-pc-width-5-6,
  .u-pc-w-5-6 {
    width: 83.333333% !important;
  }
  .u-pc-width-1-12,
  .u-pc-w-1-12 {
    width: 8.333333% !important;
  }
  .u-pc-width-2-12,
  .u-pc-w-2-12 {
    width: 16.666667% !important;
  }
  .u-pc-width-3-12,
  .u-pc-w-3-12 {
    width: 25% !important;
  }
  .u-pc-width-4-12,
  .u-pc-w-4-12 {
    width: 33.333333% !important;
  }
  .u-pc-width-5-12,
  .u-pc-w-5-12 {
    width: 41.666667% !important;
  }
  .u-pc-width-6-12,
  .u-pc-w-6-12 {
    width: 50% !important;
  }
  .u-pc-width-7-12,
  .u-pc-w-7-12 {
    width: 58.333333% !important;
  }
  .u-pc-width-8-12,
  .u-pc-w-8-12 {
    width: 66.666667% !important;
  }
  .u-pc-width-9-12,
  .u-pc-w-9-12 {
    width: 75% !important;
  }
  .u-pc-width-10-12,
  .u-pc-w-10-12 {
    width: 83.333333% !important;
  }
  .u-pc-width-11-12,
  .u-pc-w-11-12 {
    width: 91.666667% !important;
  }
  .u-pc-width-0,
  .u-pc-w-0 {
    width: 0 !important;
  }
  .u-pc-width-px,
  .u-pc-w-px {
    width: 1px !important;
  }
  .u-pc-width-screen,
  .u-pc-w-screen {
    width: 100vw !important;
  }
  .u-pc-width-min,
  .u-pc-w-min {
    width: min-content !important;
  }
  .u-pc-width-max,
  .u-pc-w-max {
    width: max-content !important;
  }
  .u-pc-width-fit,
  .u-pc-w-fit {
    width: fit-content !important;
  }
  .u-pc-width-inherit,
  .u-pc-w-inherit {
    width: inherit !important;
  }
  .u-pc-width-initial,
  .u-pc-w-initial {
    width: initial !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-width-100p,
  .u-sp-w-100p {
    width: 100% !important;
  }
  .u-sp-width-full,
  .u-sp-w-full {
    width: 100% !important;
  }
  .u-sp-width-auto,
  .u-sp-w-auto {
    width: auto !important;
  }
  .u-sp-width-1-2,
  .u-sp-w-1-2 {
    width: 50% !important;
  }
  .u-sp-width-1-3,
  .u-sp-w-1-3 {
    width: 33.333333% !important;
  }
  .u-sp-width-2-3,
  .u-sp-w-2-3 {
    width: 66.666667% !important;
  }
  .u-sp-width-1-4,
  .u-sp-w-1-4 {
    width: 25% !important;
  }
  .u-sp-width-2-4,
  .u-sp-w-2-4 {
    width: 50% !important;
  }
  .u-sp-width-3-4,
  .u-sp-w-3-4 {
    width: 75% !important;
  }
  .u-sp-width-1-5,
  .u-sp-w-1-5 {
    width: 20% !important;
  }
  .u-sp-width-2-5,
  .u-sp-w-2-5 {
    width: 40% !important;
  }
  .u-sp-width-3-5,
  .u-sp-w-3-5 {
    width: 60% !important;
  }
  .u-sp-width-4-5,
  .u-sp-w-4-5 {
    width: 80% !important;
  }
  .u-sp-width-1-6,
  .u-sp-w-1-6 {
    width: 16.666667% !important;
  }
  .u-sp-width-2-6,
  .u-sp-w-2-6 {
    width: 33.333333% !important;
  }
  .u-sp-width-3-6,
  .u-sp-w-3-6 {
    width: 50% !important;
  }
  .u-sp-width-4-6,
  .u-sp-w-4-6 {
    width: 66.666667% !important;
  }
  .u-sp-width-5-6,
  .u-sp-w-5-6 {
    width: 83.333333% !important;
  }
  .u-sp-width-1-12,
  .u-sp-w-1-12 {
    width: 8.333333% !important;
  }
  .u-sp-width-2-12,
  .u-sp-w-2-12 {
    width: 16.666667% !important;
  }
  .u-sp-width-3-12,
  .u-sp-w-3-12 {
    width: 25% !important;
  }
  .u-sp-width-4-12,
  .u-sp-w-4-12 {
    width: 33.333333% !important;
  }
  .u-sp-width-5-12,
  .u-sp-w-5-12 {
    width: 41.666667% !important;
  }
  .u-sp-width-6-12,
  .u-sp-w-6-12 {
    width: 50% !important;
  }
  .u-sp-width-7-12,
  .u-sp-w-7-12 {
    width: 58.333333% !important;
  }
  .u-sp-width-8-12,
  .u-sp-w-8-12 {
    width: 66.666667% !important;
  }
  .u-sp-width-9-12,
  .u-sp-w-9-12 {
    width: 75% !important;
  }
  .u-sp-width-10-12,
  .u-sp-w-10-12 {
    width: 83.333333% !important;
  }
  .u-sp-width-11-12,
  .u-sp-w-11-12 {
    width: 91.666667% !important;
  }
  .u-sp-width-0,
  .u-sp-w-0 {
    width: 0 !important;
  }
  .u-sp-width-px,
  .u-sp-w-px {
    width: 1px !important;
  }
  .u-sp-width-screen,
  .u-sp-w-screen {
    width: 100vw !important;
  }
  .u-sp-width-min,
  .u-sp-w-min {
    width: min-content !important;
  }
  .u-sp-width-max,
  .u-sp-w-max {
    width: max-content !important;
  }
  .u-sp-width-fit,
  .u-sp-w-fit {
    width: fit-content !important;
  }
  .u-sp-width-inherit,
  .u-sp-w-inherit {
    width: inherit !important;
  }
  .u-sp-width-initial,
  .u-sp-w-initial {
    width: initial !important;
  }
}
.u-min-width-100p,
.u-min-w-100p {
  min-width: 100% !important;
}
.u-min-width-full,
.u-min-w-full {
  min-width: 100% !important;
}
.u-min-width-auto,
.u-min-w-auto {
  min-width: auto !important;
}
.u-min-width-1-2,
.u-min-w-1-2 {
  min-width: 50% !important;
}
.u-min-width-1-3,
.u-min-w-1-3 {
  min-width: 33.333333% !important;
}
.u-min-width-2-3,
.u-min-w-2-3 {
  min-width: 66.666667% !important;
}
.u-min-width-1-4,
.u-min-w-1-4 {
  min-width: 25% !important;
}
.u-min-width-2-4,
.u-min-w-2-4 {
  min-width: 50% !important;
}
.u-min-width-3-4,
.u-min-w-3-4 {
  min-width: 75% !important;
}
.u-min-width-1-5,
.u-min-w-1-5 {
  min-width: 20% !important;
}
.u-min-width-2-5,
.u-min-w-2-5 {
  min-width: 40% !important;
}
.u-min-width-3-5,
.u-min-w-3-5 {
  min-width: 60% !important;
}
.u-min-width-4-5,
.u-min-w-4-5 {
  min-width: 80% !important;
}
.u-min-width-1-6,
.u-min-w-1-6 {
  min-width: 16.666667% !important;
}
.u-min-width-2-6,
.u-min-w-2-6 {
  min-width: 33.333333% !important;
}
.u-min-width-3-6,
.u-min-w-3-6 {
  min-width: 50% !important;
}
.u-min-width-4-6,
.u-min-w-4-6 {
  min-width: 66.666667% !important;
}
.u-min-width-5-6,
.u-min-w-5-6 {
  min-width: 83.333333% !important;
}
.u-min-width-1-12,
.u-min-w-1-12 {
  min-width: 8.333333% !important;
}
.u-min-width-2-12,
.u-min-w-2-12 {
  min-width: 16.666667% !important;
}
.u-min-width-3-12,
.u-min-w-3-12 {
  min-width: 25% !important;
}
.u-min-width-4-12,
.u-min-w-4-12 {
  min-width: 33.333333% !important;
}
.u-min-width-5-12,
.u-min-w-5-12 {
  min-width: 41.666667% !important;
}
.u-min-width-6-12,
.u-min-w-6-12 {
  min-width: 50% !important;
}
.u-min-width-7-12,
.u-min-w-7-12 {
  min-width: 58.333333% !important;
}
.u-min-width-8-12,
.u-min-w-8-12 {
  min-width: 66.666667% !important;
}
.u-min-width-9-12,
.u-min-w-9-12 {
  min-width: 75% !important;
}
.u-min-width-10-12,
.u-min-w-10-12 {
  min-width: 83.333333% !important;
}
.u-min-width-11-12,
.u-min-w-11-12 {
  min-width: 91.666667% !important;
}
.u-min-width-0,
.u-min-w-0 {
  min-width: 0 !important;
}
.u-min-width-min,
.u-min-w-min {
  min-width: min-content !important;
}
.u-min-width-max,
.u-min-w-max {
  min-width: max-content !important;
}
.u-min-width-fit,
.u-min-w-fit {
  min-width: fit-content !important;
}

@media screen and (min-width: 641px) {
  .u-pc-min-width-100p,
  .u-pc-min-w-100p {
    min-width: 100% !important;
  }
  .u-pc-min-width-full,
  .u-pc-min-w-full {
    min-width: 100% !important;
  }
  .u-pc-min-width-auto,
  .u-pc-min-w-auto {
    min-width: auto !important;
  }
  .u-pc-min-width-1-2,
  .u-pc-min-w-1-2 {
    min-width: 50% !important;
  }
  .u-pc-min-width-1-3,
  .u-pc-min-w-1-3 {
    min-width: 33.333333% !important;
  }
  .u-pc-min-width-2-3,
  .u-pc-min-w-2-3 {
    min-width: 66.666667% !important;
  }
  .u-pc-min-width-1-4,
  .u-pc-min-w-1-4 {
    min-width: 25% !important;
  }
  .u-pc-min-width-2-4,
  .u-pc-min-w-2-4 {
    min-width: 50% !important;
  }
  .u-pc-min-width-3-4,
  .u-pc-min-w-3-4 {
    min-width: 75% !important;
  }
  .u-pc-min-width-1-5,
  .u-pc-min-w-1-5 {
    min-width: 20% !important;
  }
  .u-pc-min-width-2-5,
  .u-pc-min-w-2-5 {
    min-width: 40% !important;
  }
  .u-pc-min-width-3-5,
  .u-pc-min-w-3-5 {
    min-width: 60% !important;
  }
  .u-pc-min-width-4-5,
  .u-pc-min-w-4-5 {
    min-width: 80% !important;
  }
  .u-pc-min-width-1-6,
  .u-pc-min-w-1-6 {
    min-width: 16.666667% !important;
  }
  .u-pc-min-width-2-6,
  .u-pc-min-w-2-6 {
    min-width: 33.333333% !important;
  }
  .u-pc-min-width-3-6,
  .u-pc-min-w-3-6 {
    min-width: 50% !important;
  }
  .u-pc-min-width-4-6,
  .u-pc-min-w-4-6 {
    min-width: 66.666667% !important;
  }
  .u-pc-min-width-5-6,
  .u-pc-min-w-5-6 {
    min-width: 83.333333% !important;
  }
  .u-pc-min-width-1-12,
  .u-pc-min-w-1-12 {
    min-width: 8.333333% !important;
  }
  .u-pc-min-width-2-12,
  .u-pc-min-w-2-12 {
    min-width: 16.666667% !important;
  }
  .u-pc-min-width-3-12,
  .u-pc-min-w-3-12 {
    min-width: 25% !important;
  }
  .u-pc-min-width-4-12,
  .u-pc-min-w-4-12 {
    min-width: 33.333333% !important;
  }
  .u-pc-min-width-5-12,
  .u-pc-min-w-5-12 {
    min-width: 41.666667% !important;
  }
  .u-pc-min-width-6-12,
  .u-pc-min-w-6-12 {
    min-width: 50% !important;
  }
  .u-pc-min-width-7-12,
  .u-pc-min-w-7-12 {
    min-width: 58.333333% !important;
  }
  .u-pc-min-width-8-12,
  .u-pc-min-w-8-12 {
    min-width: 66.666667% !important;
  }
  .u-pc-min-width-9-12,
  .u-pc-min-w-9-12 {
    min-width: 75% !important;
  }
  .u-pc-min-width-10-12,
  .u-pc-min-w-10-12 {
    min-width: 83.333333% !important;
  }
  .u-pc-min-width-11-12,
  .u-pc-min-w-11-12 {
    min-width: 91.666667% !important;
  }
  .u-pc-min-width-0,
  .u-pc-min-w-0 {
    min-width: 0 !important;
  }
  .u-pc-min-width-min,
  .u-pc-min-w-min {
    min-width: min-content !important;
  }
  .u-pc-min-width-max,
  .u-pc-min-w-max {
    min-width: max-content !important;
  }
  .u-pc-min-width-fit,
  .u-pc-min-w-fit {
    min-width: fit-content !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-min-width-100p,
  .u-sp-min-w-100p {
    min-width: 100% !important;
  }
  .u-sp-min-width-full,
  .u-sp-min-w-full {
    min-width: 100% !important;
  }
  .u-sp-min-width-auto,
  .u-sp-min-w-auto {
    min-width: auto !important;
  }
  .u-sp-min-width-1-2,
  .u-sp-min-w-1-2 {
    min-width: 50% !important;
  }
  .u-sp-min-width-1-3,
  .u-sp-min-w-1-3 {
    min-width: 33.333333% !important;
  }
  .u-sp-min-width-2-3,
  .u-sp-min-w-2-3 {
    min-width: 66.666667% !important;
  }
  .u-sp-min-width-1-4,
  .u-sp-min-w-1-4 {
    min-width: 25% !important;
  }
  .u-sp-min-width-2-4,
  .u-sp-min-w-2-4 {
    min-width: 50% !important;
  }
  .u-sp-min-width-3-4,
  .u-sp-min-w-3-4 {
    min-width: 75% !important;
  }
  .u-sp-min-width-1-5,
  .u-sp-min-w-1-5 {
    min-width: 20% !important;
  }
  .u-sp-min-width-2-5,
  .u-sp-min-w-2-5 {
    min-width: 40% !important;
  }
  .u-sp-min-width-3-5,
  .u-sp-min-w-3-5 {
    min-width: 60% !important;
  }
  .u-sp-min-width-4-5,
  .u-sp-min-w-4-5 {
    min-width: 80% !important;
  }
  .u-sp-min-width-1-6,
  .u-sp-min-w-1-6 {
    min-width: 16.666667% !important;
  }
  .u-sp-min-width-2-6,
  .u-sp-min-w-2-6 {
    min-width: 33.333333% !important;
  }
  .u-sp-min-width-3-6,
  .u-sp-min-w-3-6 {
    min-width: 50% !important;
  }
  .u-sp-min-width-4-6,
  .u-sp-min-w-4-6 {
    min-width: 66.666667% !important;
  }
  .u-sp-min-width-5-6,
  .u-sp-min-w-5-6 {
    min-width: 83.333333% !important;
  }
  .u-sp-min-width-1-12,
  .u-sp-min-w-1-12 {
    min-width: 8.333333% !important;
  }
  .u-sp-min-width-2-12,
  .u-sp-min-w-2-12 {
    min-width: 16.666667% !important;
  }
  .u-sp-min-width-3-12,
  .u-sp-min-w-3-12 {
    min-width: 25% !important;
  }
  .u-sp-min-width-4-12,
  .u-sp-min-w-4-12 {
    min-width: 33.333333% !important;
  }
  .u-sp-min-width-5-12,
  .u-sp-min-w-5-12 {
    min-width: 41.666667% !important;
  }
  .u-sp-min-width-6-12,
  .u-sp-min-w-6-12 {
    min-width: 50% !important;
  }
  .u-sp-min-width-7-12,
  .u-sp-min-w-7-12 {
    min-width: 58.333333% !important;
  }
  .u-sp-min-width-8-12,
  .u-sp-min-w-8-12 {
    min-width: 66.666667% !important;
  }
  .u-sp-min-width-9-12,
  .u-sp-min-w-9-12 {
    min-width: 75% !important;
  }
  .u-sp-min-width-10-12,
  .u-sp-min-w-10-12 {
    min-width: 83.333333% !important;
  }
  .u-sp-min-width-11-12,
  .u-sp-min-w-11-12 {
    min-width: 91.666667% !important;
  }
  .u-sp-min-width-0,
  .u-sp-min-w-0 {
    min-width: 0 !important;
  }
  .u-sp-min-width-min,
  .u-sp-min-w-min {
    min-width: min-content !important;
  }
  .u-sp-min-width-max,
  .u-sp-min-w-max {
    min-width: max-content !important;
  }
  .u-sp-min-width-fit,
  .u-sp-min-w-fit {
    min-width: fit-content !important;
  }
}
.u-max-width-100p,
.u-max-w-100p {
  max-width: 100% !important;
}
.u-max-width-full,
.u-max-w-full {
  max-width: 100% !important;
}
.u-max-width-1-2,
.u-max-w-1-2 {
  max-width: 50% !important;
}
.u-max-width-1-3,
.u-max-w-1-3 {
  max-width: 33.333333% !important;
}
.u-max-width-2-3,
.u-max-w-2-3 {
  max-width: 66.666667% !important;
}
.u-max-width-1-4,
.u-max-w-1-4 {
  max-width: 25% !important;
}
.u-max-width-2-4,
.u-max-w-2-4 {
  max-width: 50% !important;
}
.u-max-width-3-4,
.u-max-w-3-4 {
  max-width: 75% !important;
}
.u-max-width-1-5,
.u-max-w-1-5 {
  max-width: 20% !important;
}
.u-max-width-2-5,
.u-max-w-2-5 {
  max-width: 40% !important;
}
.u-max-width-3-5,
.u-max-w-3-5 {
  max-width: 60% !important;
}
.u-max-width-4-5,
.u-max-w-4-5 {
  max-width: 80% !important;
}
.u-max-width-1-6,
.u-max-w-1-6 {
  max-width: 16.666667% !important;
}
.u-max-width-2-6,
.u-max-w-2-6 {
  max-width: 33.333333% !important;
}
.u-max-width-3-6,
.u-max-w-3-6 {
  max-width: 50% !important;
}
.u-max-width-4-6,
.u-max-w-4-6 {
  max-width: 66.666667% !important;
}
.u-max-width-5-6,
.u-max-w-5-6 {
  max-width: 83.333333% !important;
}
.u-max-width-1-12,
.u-max-w-1-12 {
  max-width: 8.333333% !important;
}
.u-max-width-2-12,
.u-max-w-2-12 {
  max-width: 16.666667% !important;
}
.u-max-width-3-12,
.u-max-w-3-12 {
  max-width: 25% !important;
}
.u-max-width-4-12,
.u-max-w-4-12 {
  max-width: 33.333333% !important;
}
.u-max-width-5-12,
.u-max-w-5-12 {
  max-width: 41.666667% !important;
}
.u-max-width-6-12,
.u-max-w-6-12 {
  max-width: 50% !important;
}
.u-max-width-7-12,
.u-max-w-7-12 {
  max-width: 58.333333% !important;
}
.u-max-width-8-12,
.u-max-w-8-12 {
  max-width: 66.666667% !important;
}
.u-max-width-9-12,
.u-max-w-9-12 {
  max-width: 75% !important;
}
.u-max-width-10-12,
.u-max-w-10-12 {
  max-width: 83.333333% !important;
}
.u-max-width-11-12,
.u-max-w-11-12 {
  max-width: 91.666667% !important;
}
.u-max-width-0,
.u-max-w-0 {
  max-width: 0 !important;
}
.u-max-width-none,
.u-max-w-none {
  max-width: none !important;
}
.u-max-width-min,
.u-max-w-min {
  max-width: min-content !important;
}
.u-max-width-max,
.u-max-w-max {
  max-width: max-content !important;
}
.u-max-width-fit,
.u-max-w-fit {
  max-width: fit-content !important;
}

@media screen and (min-width: 641px) {
  .u-pc-max-width-100p,
  .u-pc-max-w-100p {
    max-width: 100% !important;
  }
  .u-pc-max-width-full,
  .u-pc-max-w-full {
    max-width: 100% !important;
  }
  .u-pc-max-width-1-2,
  .u-pc-max-w-1-2 {
    max-width: 50% !important;
  }
  .u-pc-max-width-1-3,
  .u-pc-max-w-1-3 {
    max-width: 33.333333% !important;
  }
  .u-pc-max-width-2-3,
  .u-pc-max-w-2-3 {
    max-width: 66.666667% !important;
  }
  .u-pc-max-width-1-4,
  .u-pc-max-w-1-4 {
    max-width: 25% !important;
  }
  .u-pc-max-width-2-4,
  .u-pc-max-w-2-4 {
    max-width: 50% !important;
  }
  .u-pc-max-width-3-4,
  .u-pc-max-w-3-4 {
    max-width: 75% !important;
  }
  .u-pc-max-width-1-5,
  .u-pc-max-w-1-5 {
    max-width: 20% !important;
  }
  .u-pc-max-width-2-5,
  .u-pc-max-w-2-5 {
    max-width: 40% !important;
  }
  .u-pc-max-width-3-5,
  .u-pc-max-w-3-5 {
    max-width: 60% !important;
  }
  .u-pc-max-width-4-5,
  .u-pc-max-w-4-5 {
    max-width: 80% !important;
  }
  .u-pc-max-width-1-6,
  .u-pc-max-w-1-6 {
    max-width: 16.666667% !important;
  }
  .u-pc-max-width-2-6,
  .u-pc-max-w-2-6 {
    max-width: 33.333333% !important;
  }
  .u-pc-max-width-3-6,
  .u-pc-max-w-3-6 {
    max-width: 50% !important;
  }
  .u-pc-max-width-4-6,
  .u-pc-max-w-4-6 {
    max-width: 66.666667% !important;
  }
  .u-pc-max-width-5-6,
  .u-pc-max-w-5-6 {
    max-width: 83.333333% !important;
  }
  .u-pc-max-width-1-12,
  .u-pc-max-w-1-12 {
    max-width: 8.333333% !important;
  }
  .u-pc-max-width-2-12,
  .u-pc-max-w-2-12 {
    max-width: 16.666667% !important;
  }
  .u-pc-max-width-3-12,
  .u-pc-max-w-3-12 {
    max-width: 25% !important;
  }
  .u-pc-max-width-4-12,
  .u-pc-max-w-4-12 {
    max-width: 33.333333% !important;
  }
  .u-pc-max-width-5-12,
  .u-pc-max-w-5-12 {
    max-width: 41.666667% !important;
  }
  .u-pc-max-width-6-12,
  .u-pc-max-w-6-12 {
    max-width: 50% !important;
  }
  .u-pc-max-width-7-12,
  .u-pc-max-w-7-12 {
    max-width: 58.333333% !important;
  }
  .u-pc-max-width-8-12,
  .u-pc-max-w-8-12 {
    max-width: 66.666667% !important;
  }
  .u-pc-max-width-9-12,
  .u-pc-max-w-9-12 {
    max-width: 75% !important;
  }
  .u-pc-max-width-10-12,
  .u-pc-max-w-10-12 {
    max-width: 83.333333% !important;
  }
  .u-pc-max-width-11-12,
  .u-pc-max-w-11-12 {
    max-width: 91.666667% !important;
  }
  .u-pc-max-width-0,
  .u-pc-max-w-0 {
    max-width: 0 !important;
  }
  .u-pc-max-width-none,
  .u-pc-max-w-none {
    max-width: none !important;
  }
  .u-pc-max-width-min,
  .u-pc-max-w-min {
    max-width: min-content !important;
  }
  .u-pc-max-width-max,
  .u-pc-max-w-max {
    max-width: max-content !important;
  }
  .u-pc-max-width-fit,
  .u-pc-max-w-fit {
    max-width: fit-content !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-max-width-100p,
  .u-sp-max-w-100p {
    max-width: 100% !important;
  }
  .u-sp-max-width-full,
  .u-sp-max-w-full {
    max-width: 100% !important;
  }
  .u-sp-max-width-1-2,
  .u-sp-max-w-1-2 {
    max-width: 50% !important;
  }
  .u-sp-max-width-1-3,
  .u-sp-max-w-1-3 {
    max-width: 33.333333% !important;
  }
  .u-sp-max-width-2-3,
  .u-sp-max-w-2-3 {
    max-width: 66.666667% !important;
  }
  .u-sp-max-width-1-4,
  .u-sp-max-w-1-4 {
    max-width: 25% !important;
  }
  .u-sp-max-width-2-4,
  .u-sp-max-w-2-4 {
    max-width: 50% !important;
  }
  .u-sp-max-width-3-4,
  .u-sp-max-w-3-4 {
    max-width: 75% !important;
  }
  .u-sp-max-width-1-5,
  .u-sp-max-w-1-5 {
    max-width: 20% !important;
  }
  .u-sp-max-width-2-5,
  .u-sp-max-w-2-5 {
    max-width: 40% !important;
  }
  .u-sp-max-width-3-5,
  .u-sp-max-w-3-5 {
    max-width: 60% !important;
  }
  .u-sp-max-width-4-5,
  .u-sp-max-w-4-5 {
    max-width: 80% !important;
  }
  .u-sp-max-width-1-6,
  .u-sp-max-w-1-6 {
    max-width: 16.666667% !important;
  }
  .u-sp-max-width-2-6,
  .u-sp-max-w-2-6 {
    max-width: 33.333333% !important;
  }
  .u-sp-max-width-3-6,
  .u-sp-max-w-3-6 {
    max-width: 50% !important;
  }
  .u-sp-max-width-4-6,
  .u-sp-max-w-4-6 {
    max-width: 66.666667% !important;
  }
  .u-sp-max-width-5-6,
  .u-sp-max-w-5-6 {
    max-width: 83.333333% !important;
  }
  .u-sp-max-width-1-12,
  .u-sp-max-w-1-12 {
    max-width: 8.333333% !important;
  }
  .u-sp-max-width-2-12,
  .u-sp-max-w-2-12 {
    max-width: 16.666667% !important;
  }
  .u-sp-max-width-3-12,
  .u-sp-max-w-3-12 {
    max-width: 25% !important;
  }
  .u-sp-max-width-4-12,
  .u-sp-max-w-4-12 {
    max-width: 33.333333% !important;
  }
  .u-sp-max-width-5-12,
  .u-sp-max-w-5-12 {
    max-width: 41.666667% !important;
  }
  .u-sp-max-width-6-12,
  .u-sp-max-w-6-12 {
    max-width: 50% !important;
  }
  .u-sp-max-width-7-12,
  .u-sp-max-w-7-12 {
    max-width: 58.333333% !important;
  }
  .u-sp-max-width-8-12,
  .u-sp-max-w-8-12 {
    max-width: 66.666667% !important;
  }
  .u-sp-max-width-9-12,
  .u-sp-max-w-9-12 {
    max-width: 75% !important;
  }
  .u-sp-max-width-10-12,
  .u-sp-max-w-10-12 {
    max-width: 83.333333% !important;
  }
  .u-sp-max-width-11-12,
  .u-sp-max-w-11-12 {
    max-width: 91.666667% !important;
  }
  .u-sp-max-width-0,
  .u-sp-max-w-0 {
    max-width: 0 !important;
  }
  .u-sp-max-width-none,
  .u-sp-max-w-none {
    max-width: none !important;
  }
  .u-sp-max-width-min,
  .u-sp-max-w-min {
    max-width: min-content !important;
  }
  .u-sp-max-width-max,
  .u-sp-max-w-max {
    max-width: max-content !important;
  }
  .u-sp-max-width-fit,
  .u-sp-max-w-fit {
    max-width: fit-content !important;
  }
}
.u-height-full,
.u-h-full {
  height: 100% !important;
}
.u-height-auto,
.u-h-auto {
  height: auto !important;
}
.u-height-0,
.u-h-0 {
  height: 0 !important;
}

@media screen and (min-width: 641px) {
  .u-pc-height-full,
  .u-pc-h-full {
    height: 100% !important;
  }
  .u-pc-height-auto,
  .u-pc-h-auto {
    height: auto !important;
  }
  .u-pc-height-0,
  .u-pc-h-0 {
    height: 0 !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-height-full,
  .u-sp-h-full {
    height: 100% !important;
  }
  .u-sp-height-auto,
  .u-sp-h-auto {
    height: auto !important;
  }
  .u-sp-height-0,
  .u-sp-h-0 {
    height: 0 !important;
  }
}
.u-whitespace {
  white-space: normal !important;
}
.u-whitespace-nowrap {
  white-space: nowrap !important;
}

@media screen and (min-width: 641px) {
  .u-pc-whitespace {
    white-space: normal !important;
  }
  .u-pc-whitespace-nowrap {
    white-space: nowrap !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-whitespace {
    white-space: normal !important;
  }
  .u-sp-whitespace-nowrap {
    white-space: nowrap !important;
  }
}
.u-overflow-hidden {
  overflow: hidden !important;
}
.u-overflow-x-hidden {
  overflow-x: hidden !important;
}
.u-overflow-y-hidden {
  overflow-y: hidden !important;
}

@media screen and (min-width: 641px) {
  .u-pc-overflow-hidden {
    overflow: hidden !important;
  }
  .u-pc-overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .u-pc-overflow-y-hidden {
    overflow-y: hidden !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-overflow-hidden {
    overflow: hidden !important;
  }
  .u-sp-overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .u-sp-overflow-y-hidden {
    overflow-y: hidden !important;
  }
}
.u-leading-none {
  line-height: 1 !important;
}
.u-leading-tight {
  line-height: 1.25 !important;
}
.u-leading-snug {
  line-height: 1.375 !important;
}
.u-leading-normal {
  line-height: 1.5 !important;
}
.u-leading-relaxed {
  line-height: 1.625 !important;
}
.u-leading-loose {
  line-height: 2 !important;
}

@media screen and (min-width: 641px) {
  .u-pc-leading-none {
    line-height: 1 !important;
  }
  .u-pc-leading-tight {
    line-height: 1.25 !important;
  }
  .u-pc-leading-snug {
    line-height: 1.375 !important;
  }
  .u-pc-leading-normal {
    line-height: 1.5 !important;
  }
  .u-pc-leading-relaxed {
    line-height: 1.625 !important;
  }
  .u-pc-leading-loose {
    line-height: 2 !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-leading-none {
    line-height: 1 !important;
  }
  .u-sp-leading-tight {
    line-height: 1.25 !important;
  }
  .u-sp-leading-snug {
    line-height: 1.375 !important;
  }
  .u-sp-leading-normal {
    line-height: 1.5 !important;
  }
  .u-sp-leading-relaxed {
    line-height: 1.625 !important;
  }
  .u-sp-leading-loose {
    line-height: 2 !important;
  }
}
.u-textTrim {
  text-box: trim-both text text;
}

.u-textDecoration-none {
  text-decoration: none !important;
}
.u-textDecoration-underline {
  text-decoration: underline !important;
}
.u-textDecoration-line-through {
  text-decoration: line-through !important;
}

@media screen and (min-width: 641px) {
  .u-pc-textDecoration-none {
    text-decoration: none !important;
  }
  .u-pc-textDecoration-underline {
    text-decoration: underline !important;
  }
  .u-pc-textDecoration-line-through {
    text-decoration: line-through !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-textDecoration-none {
    text-decoration: none !important;
  }
  .u-sp-textDecoration-underline {
    text-decoration: underline !important;
  }
  .u-sp-textDecoration-line-through {
    text-decoration: line-through !important;
  }
}
.u-opacity-0 {
  opacity: 0 !important;
}
.u-opacity-100 {
  opacity: 1 !important;
}

@media screen and (min-width: 641px) {
  .u-pc-opacity-0 {
    opacity: 0 !important;
  }
  .u-pc-opacity-100 {
    opacity: 1 !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-opacity-0 {
    opacity: 0 !important;
  }
  .u-sp-opacity-100 {
    opacity: 1 !important;
  }
}
.u-break-all {
  word-break: break-all !important;
}
.u-break-normal {
  overflow-wrap: normal !important;
  word-break: normal !important;
}

@media screen and (min-width: 641px) {
  .u-pc-break-all {
    word-break: break-all !important;
  }
  .u-pc-break-normal {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}
@media screen and (max-width: 640px) {
  .u-sp-break-all {
    word-break: break-all !important;
  }
  .u-sp-break-normal {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}
.u-rotate-90 {
  rotate: 90deg !important;
  transform-origin: 50% 0 !important;
}
.u-rotate-90.u-rotate-90__origin50 {
  transform-origin: 50% 0 !important;
}
.u-rotate-90.u-rotate-90__originCenter {
  transform-origin: center !important;
}

.u-cursor-pointer {
  cursor: pointer !important;
}

.u-hr {
  width: 100%;
  border: none;
  background-color: white;
  border-width: 2px 0 0 0;
  border-top: solid;
  border-color: var(--color-palette-gray-200, #DADADA);
  margin-top: 0;
  margin-bottom: 0;
}
.u-hr.u-hr--s {
  border-width: 1px 0 0 0;
}

.c-anchor {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 240px;
  margin: 32px 0;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .c-anchor {
    max-width: none;
    margin: 24px 0;
  }
}
.c-anchor a {
  color: var(--color-palette-blue-primary);
}
.c-anchor__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-bottom: 0;
  text-align: left;
}
.c-anchor__link {
  position: relative;
  display: block;
  padding-right: 36px;
  border-radius: 16px;
}
@media screen and (max-width: 640px) {
  .c-anchor__link {
    flex: 1 1 auto;
    padding-right: 0;
    padding-bottom: 2rem;
    text-align: center;
  }
}
.c-anchor__link:hover {
  color: var(--color-palette-blue-primary-hover);
}
.c-anchor__link:hover::before {
  background-image: url(/components/assets/img/common/icon_anchor_bg_blue_hover.svg);
}
.c-anchor__link::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 32px;
  height: 32px;
  content: "";
  background-image: url(/components/assets/img/common/icon_anchor_bg_blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
  .c-anchor__link::before {
    top: auto;
    bottom: 0;
    left: 50%;
    width: 1.5rem;
    height: 1.5rem;
    transform: translate(-50%, 0);
  }
}
.c-anchor__text {
  position: relative;
  font-weight: bold;
  font-size: 1.25rem;
}
@media screen and (max-width: 640px) {
  .c-anchor__text {
    font-size: 0.875rem;
  }
}
.c-anchor__subText {
  font-size: 0.875rem;
}
@media screen and (max-width: 640px) {
  .c-anchor__subText {
    font-size: 0.75rem;
  }
}
.c-anchor__subText + .c-anchor__text {
  margin-top: 4px;
}
.c-anchor--small .c-anchor__link {
  padding-right: 28px;
}
@media screen and (max-width: 640px) {
  .c-anchor--small .c-anchor__link {
    padding-right: 20px;
    padding-bottom: 0;
    text-align: left;
  }
}
.c-anchor--small .c-anchor__link::before {
  top: 50%;
  bottom: auto;
  left: auto;
  right: 0;
  width: 24px;
  height: 24px;
  transform: translate(0, -50%);
}
@media screen and (max-width: 640px) {
  .c-anchor--small .c-anchor__link::before {
    width: 16px;
    height: 16px;
  }
}
.c-anchor--important {
  max-width: 720px;
}
@media screen and (max-width: 640px) {
  .c-anchor--important {
    max-width: none;
  }
}
.c-anchor--important .c-anchor__link {
  display: flex;
  padding: 16px 60px 16px 24px;
  background-color: var(--color-palette-gray-10);
}
@media screen and (max-width: 640px) {
  .c-anchor--important .c-anchor__link {
    padding: 12px 56px 12px 24px;
    text-align: left;
  }
}
.c-anchor--important .c-anchor__link::before {
  right: 24px;
}
@media screen and (max-width: 640px) {
  .c-anchor--important .c-anchor__link::before {
    top: 50%;
    left: auto;
    right: 24px;
    transform: translateY(-50%);
  }
}
.c-anchor--important .c-anchor__imageBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 88px;
}
.c-anchor--important .c-anchor__textBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 16px;
}
.c-anchor--important .c-anchor__text {
  padding-right: 0;
  padding-bottom: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 640px) {
  .c-anchor--important .c-anchor__text {
    font-size: 1rem;
  }
}
.c-anchor--important-l .c-anchor__link {
  padding: 16px 112px 16px 64px;
}
@media screen and (max-width: 640px) {
  .c-anchor--important-l .c-anchor__link {
    padding: 12px 56px 12px 24px;
  }
}
.c-anchor--important-l .c-anchor__link::before {
  right: 64px;
}
@media screen and (max-width: 640px) {
  .c-anchor--important-l .c-anchor__link::before {
    right: 24px;
  }
}
.c-anchor--important-full .c-anchor__item {
  width: 100%;
}
.c-anchor--important-full .c-anchor__link {
  box-sizing: border-box;
  width: 100%;
}
.c-anchor--rich {
  margin: 48px 0;
}
@media screen and (max-width: 640px) {
  .c-anchor--rich {
    margin: 32px 0;
    text-align: left;
  }
}
.c-anchor--rich .c-button {
  width: 192px;
  min-height: 56px;
  padding: 0 32px 0 24px;
  margin: 0;
}
.c-anchor--rich .c-button:has(.c-button__rightIcon) {
  padding-right: 32px !important;
}
@media screen and (max-width: 640px) {
  .c-anchor--rich .c-button:has(.c-button__rightIcon) {
    padding-right: 28px !important;
  }
}
.c-anchor--rich .c-button .c-button__text {
  font-size: 0.75rem;
}
.c-anchor--rich .c-button .c-button__rightIcon {
  right: 12px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%) rotate(90deg);
}

.l-column > .c-anchor:first-child::before {
  content: none !important;
}
.l-column__item .c-anchor {
  width: 100%;
  height: 100%;
}
.l-column__item .c-anchor .c-anchor__item {
  width: 100%;
}
.l-column__item .c-anchor .c-anchor__item .c-anchor__link {
  width: 100%;
  box-sizing: border-box;
}
.l-column__item:not(:first-of-type) .c-anchor:not(.c-anchor--important) {
  position: relative;
}
.l-column__item:not(:first-of-type) .c-anchor:not(.c-anchor--important)::before {
  position: absolute;
  left: calc(-24 / 1200 * 100vw);
  top: 0;
  width: 2px;
  height: 100%;
  content: "";
  background-color: var(--color-palette-gray-10);
  border-radius: 2px;
}
@media screen and (min-width: 1201px) {
  .l-column__item:not(:first-of-type) .c-anchor:not(.c-anchor--important)::before {
    left: -24px;
  }
}
@media screen and (max-width: 640px) {
  .l-column__item:not(:first-of-type) .c-anchor:not(.c-anchor--important)::before {
    left: calc(-15 / 375 * 100vw);
  }
}
@media screen and (min-width: 641px) {
  .l-column--2:has(.c-anchor) {
    max-width: calc(240px * 2 + 4vw * (2 - 1));
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--2:has(.c-anchor) {
    max-width: calc(240px * 2 + 48px * (2 - 1));
  }
}
@media screen and (min-width: 641px) {
  .l-column--2:has(.c-anchor) .l-column__item {
    width: calc((100% - 4vw * (2 - 1)) / 2);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--2:has(.c-anchor) .l-column__item {
    width: calc((100% - 48px * (2 - 1)) / 2);
  }
}
@media screen and (min-width: 641px) {
  .l-column--2:has(.c-anchor) .l-column__item:not(:first-of-type) {
    margin-left: 4vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--2:has(.c-anchor) .l-column__item:not(:first-of-type) {
    margin-left: 48px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--2:has(.c-anchor) .l-column__item:nth-of-type(2n + 1) {
    margin-left: 0;
  }
  .l-column--2:has(.c-anchor) .l-column__item:nth-of-type(2n + 1) > .c-anchor::before {
    content: none;
  }
}
@media screen and (max-width: 640px) {
  .l-column--2:has(.c-anchor) {
    max-width: calc(240px * 2 + 8vw * (2 - 1));
    max-width: none;
  }
}
@media screen and (max-width: 640px) and (min-width: 1201px) {
  .l-column--2:has(.c-anchor) {
    max-width: calc(240px * 2 + 48px * (2 - 1));
  }
}
@media screen and (max-width: 640px) {
  .l-column--2:has(.c-anchor) .l-column__item {
    width: calc((100% - 8vw * (2 - 1)) / 2);
  }
}
@media screen and (max-width: 640px) and (min-width: 1201px) {
  .l-column--2:has(.c-anchor) .l-column__item {
    width: calc((100% - 48px * (2 - 1)) / 2);
  }
}
@media screen and (max-width: 640px) {
  .l-column--2:has(.c-anchor) .l-column__item:not(:first-of-type) {
    margin-left: 8vw;
  }
}
@media screen and (max-width: 640px) and (min-width: 1201px) {
  .l-column--2:has(.c-anchor) .l-column__item:not(:first-of-type) {
    margin-left: 48px;
  }
}
@media screen and (max-width: 640px) {
  .l-column--2:has(.c-anchor) .l-column__item:nth-of-type(2n + 1) {
    margin-left: 0;
  }
  .l-column--2:has(.c-anchor) .l-column__item:nth-of-type(2n + 1) > .c-anchor::before {
    content: none;
  }
}
@media screen and (min-width: 641px) {
  .l-column--3:has(.c-anchor) {
    max-width: calc(240px * 3 + 4vw * (3 - 1));
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--3:has(.c-anchor) {
    max-width: calc(240px * 3 + 48px * (3 - 1));
  }
}
@media screen and (min-width: 641px) {
  .l-column--3:has(.c-anchor) .l-column__item {
    width: calc((100% - 4vw * (3 - 1)) / 3);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--3:has(.c-anchor) .l-column__item {
    width: calc((100% - 48px * (3 - 1)) / 3);
  }
}
@media screen and (min-width: 641px) {
  .l-column--3:has(.c-anchor) .l-column__item:not(:first-of-type) {
    margin-left: 4vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--3:has(.c-anchor) .l-column__item:not(:first-of-type) {
    margin-left: 48px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--3:has(.c-anchor) .l-column__item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
  .l-column--3:has(.c-anchor) .l-column__item:nth-of-type(3n + 1) > .c-anchor::before {
    content: none;
  }
}
@media screen and (max-width: 640px) {
  .l-column--3:has(.c-anchor) {
    max-width: calc(240px * 3 + 8vw * (3 - 1));
    max-width: none;
  }
}
@media screen and (max-width: 640px) and (min-width: 1201px) {
  .l-column--3:has(.c-anchor) {
    max-width: calc(240px * 3 + 48px * (3 - 1));
  }
}
@media screen and (max-width: 640px) {
  .l-column--3:has(.c-anchor) .l-column__item {
    width: calc((100% - 8vw * (3 - 1)) / 3);
  }
}
@media screen and (max-width: 640px) and (min-width: 1201px) {
  .l-column--3:has(.c-anchor) .l-column__item {
    width: calc((100% - 48px * (3 - 1)) / 3);
  }
}
@media screen and (max-width: 640px) {
  .l-column--3:has(.c-anchor) .l-column__item:not(:first-of-type) {
    margin-left: 8vw;
  }
}
@media screen and (max-width: 640px) and (min-width: 1201px) {
  .l-column--3:has(.c-anchor) .l-column__item:not(:first-of-type) {
    margin-left: 48px;
  }
}
@media screen and (max-width: 640px) {
  .l-column--3:has(.c-anchor) .l-column__item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
  .l-column--3:has(.c-anchor) .l-column__item:nth-of-type(3n + 1) > .c-anchor::before {
    content: none;
  }
}
@media screen and (min-width: 641px) {
  .l-column--4:has(.c-anchor) {
    max-width: calc(240px * 4 + 4vw * (4 - 1));
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--4:has(.c-anchor) {
    max-width: calc(240px * 4 + 48px * (4 - 1));
  }
}
@media screen and (min-width: 641px) {
  .l-column--4:has(.c-anchor) .l-column__item {
    width: calc((100% - 4vw * (4 - 1)) / 4);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--4:has(.c-anchor) .l-column__item {
    width: calc((100% - 48px * (4 - 1)) / 4);
  }
}
@media screen and (min-width: 641px) {
  .l-column--4:has(.c-anchor) .l-column__item:not(:first-of-type) {
    margin-left: 4vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--4:has(.c-anchor) .l-column__item:not(:first-of-type) {
    margin-left: 48px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--4:has(.c-anchor) .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
  .l-column--4:has(.c-anchor) .l-column__item:nth-of-type(4n + 1) > .c-anchor::before {
    content: none;
  }
}
@media screen and (max-width: 640px) {
  .l-column--4:has(.c-anchor) {
    max-width: calc(240px * 4 + 8vw * (4 - 1));
    max-width: none;
  }
}
@media screen and (max-width: 640px) and (min-width: 1201px) {
  .l-column--4:has(.c-anchor) {
    max-width: calc(240px * 4 + 48px * (4 - 1));
  }
}
@media screen and (max-width: 640px) {
  .l-column--4:has(.c-anchor) .l-column__item {
    width: calc((100% - 8vw * (4 - 1)) / 4);
  }
}
@media screen and (max-width: 640px) and (min-width: 1201px) {
  .l-column--4:has(.c-anchor) .l-column__item {
    width: calc((100% - 48px * (4 - 1)) / 4);
  }
}
@media screen and (max-width: 640px) {
  .l-column--4:has(.c-anchor) .l-column__item:not(:first-of-type) {
    margin-left: 8vw;
  }
}
@media screen and (max-width: 640px) and (min-width: 1201px) {
  .l-column--4:has(.c-anchor) .l-column__item:not(:first-of-type) {
    margin-left: 48px;
  }
}
@media screen and (max-width: 640px) {
  .l-column--4:has(.c-anchor) .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
  .l-column--4:has(.c-anchor) .l-column__item:nth-of-type(4n + 1) > .c-anchor::before {
    content: none;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-2:has(.c-anchor) {
    max-width: calc(240px * 2 + 4vw * (2 - 1));
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-2:has(.c-anchor) {
    max-width: calc(240px * 2 + 48px * (2 - 1));
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-2:has(.c-anchor) .l-column__item {
    width: calc((100% - 4vw * (2 - 1)) / 2);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-2:has(.c-anchor) .l-column__item {
    width: calc((100% - 48px * (2 - 1)) / 2);
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-2:has(.c-anchor) .l-column__item:not(:first-of-type) {
    margin-left: 4vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-2:has(.c-anchor) .l-column__item:not(:first-of-type) {
    margin-left: 48px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-2:has(.c-anchor) .l-column__item:nth-of-type(2n + 1) {
    margin-left: 0;
  }
  .l-column--pc-2:has(.c-anchor) .l-column__item:nth-of-type(2n + 1) > .c-anchor::before {
    content: none;
  }
  .l-column--pc-2:has(.c-anchor) > .l-column__item > .c-anchor::before {
    content: "" !important;
  }
  .l-column--pc-2:has(.c-anchor) > .l-column__item:nth-of-type(2n + 1) > .c-anchor::before {
    content: none !important;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-3:has(.c-anchor) {
    max-width: calc(240px * 3 + 4vw * (3 - 1));
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-3:has(.c-anchor) {
    max-width: calc(240px * 3 + 48px * (3 - 1));
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-3:has(.c-anchor) .l-column__item {
    width: calc((100% - 4vw * (3 - 1)) / 3);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-3:has(.c-anchor) .l-column__item {
    width: calc((100% - 48px * (3 - 1)) / 3);
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-3:has(.c-anchor) .l-column__item:not(:first-of-type) {
    margin-left: 4vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-3:has(.c-anchor) .l-column__item:not(:first-of-type) {
    margin-left: 48px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-3:has(.c-anchor) .l-column__item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
  .l-column--pc-3:has(.c-anchor) .l-column__item:nth-of-type(3n + 1) > .c-anchor::before {
    content: none;
  }
  .l-column--pc-3:has(.c-anchor) > .l-column__item > .c-anchor::before {
    content: "" !important;
  }
  .l-column--pc-3:has(.c-anchor) > .l-column__item:nth-of-type(3n + 1) > .c-anchor::before {
    content: none !important;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-4:has(.c-anchor) {
    max-width: calc(240px * 4 + 4vw * (4 - 1));
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-4:has(.c-anchor) {
    max-width: calc(240px * 4 + 48px * (4 - 1));
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-4:has(.c-anchor) .l-column__item {
    width: calc((100% - 4vw * (4 - 1)) / 4);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-4:has(.c-anchor) .l-column__item {
    width: calc((100% - 48px * (4 - 1)) / 4);
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-4:has(.c-anchor) .l-column__item:not(:first-of-type) {
    margin-left: 4vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-4:has(.c-anchor) .l-column__item:not(:first-of-type) {
    margin-left: 48px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-4:has(.c-anchor) .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
  .l-column--pc-4:has(.c-anchor) .l-column__item:nth-of-type(4n + 1) > .c-anchor::before {
    content: none;
  }
  .l-column--pc-4:has(.c-anchor) > .l-column__item > .c-anchor::before {
    content: "" !important;
  }
  .l-column--pc-4:has(.c-anchor) > .l-column__item:nth-of-type(4n + 1) > .c-anchor::before {
    content: none !important;
  }
}

.c-breadcrumb {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 12px 0;
  background: none;
  z-index: 1;
}
@media screen and (max-width: 640px) {
  .c-breadcrumb {
    margin: 12px 0;
  }
}
.c-breadcrumb__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.c-breadcrumb__item:first-of-type .c-breadcrumb__link {
  margin-left: 0;
}
.c-breadcrumb__item:first-of-type .c-breadcrumb__link::before {
  content: none;
}
.c-breadcrumb__item:not(:first-of-type) .c-breadcrumb__link {
  margin-left: 24px;
}
.c-breadcrumb__item .c-breadcrumb__link {
  position: relative;
  display: block;
  font-size: 0.75rem;
  line-height: 1.3;
  color: var(--color-palette-black-primary);
  border-radius: 4px;
  text-decoration: underline;
}
@media screen and (max-width: 640px) {
  .c-breadcrumb__item .c-breadcrumb__link {
    font-size: 0.75rem;
  }
}
.c-breadcrumb__item .c-breadcrumb__link:focus {
  text-decoration: underline;
}
.c-breadcrumb__item .c-breadcrumb__link:hover {
  text-decoration: none;
}
.c-breadcrumb__item .c-breadcrumb__link img {
  vertical-align: middle;
}
.c-breadcrumb__item .c-breadcrumb__link::before {
  position: absolute;
  left: -16px;
  top: 4px;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-image: url(/components/assets/img/common/icon_breadcrumb_arrow.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.c-breadcrumb__item p.c-breadcrumb__link {
  text-decoration: none;
}
.c-breadcrumb__item p.c-breadcrumb__link:focus, .c-breadcrumb__item p.c-breadcrumb__link:hover {
  text-decoration: none;
}

.c-button {
  box-sizing: border-box;
  outline: none;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  max-width: 336px;
  min-height: 72px;
  width: 100%;
  padding: 0 32px;
  margin: 32px 0;
  border-radius: 50vh;
  background-color: var(--color-palette-blue-primary);
}
.c-button:hover {
  background-color: var(--color-palette-blue-primary-hover);
}
.c-button:hover .c-button__rightIcon {
  background-image: url(/components/assets/img/common/icon_arrow_blue_hover.svg);
}
.c-button[disabled] {
  pointer-events: none;
  background-color: var(--color-palette-gray-200);
  border: 2px solid var(--color-palette-gray-200);
}
.c-button[disabled]:hover {
  pointer-events: none;
}
.c-button[disabled] .c-button__rightIcon {
  background-image: url(/components/assets/img/common/icon_arrow_bg_white_disabled.svg);
}
.c-button[disabled].c-button--secondary .c-button__text {
  color: var(--color-palette-white-primary);
}
.c-button[disabled].c-button--secondary .c-button__rightIcon {
  background-image: none;
  background-color: var(--color-palette-white-primary);
  mask-image: url(/components/assets/img/common/icon_arrow_simple.svg);
  mask-size: 100%;
}
.c-button[disabled].c-button--tertiary .c-button__text {
  color: var(--color-palette-white-primary);
}
@media screen and (max-width: 640px) {
  .c-button {
    max-width: none;
    max-width: 315px;
    min-height: 64px;
    margin: 24px 0;
  }
}
.c-button:has(.c-button__rightIcon) {
  padding-right: 52px;
}
@media screen and (max-width: 640px) {
  .c-button:has(.c-button__rightIcon) {
    padding-right: 2.75rem;
  }
}
.c-button__text {
  font-size: 1rem;
  font-weight: bold;
  color: var(--color-palette-white-primary);
  text-align: center;
}
@media screen and (max-width: 640px) {
  .c-button__text {
    font-size: 1rem;
  }
}
.c-button__subText {
  font-size: 0.75rem;
  color: var(--color-palette-white-primary);
  text-align: center;
}
@media screen and (max-width: 640px) {
  .c-button__subText {
    font-size: 0.75rem;
  }
}
.c-button__rightIcon {
  position: absolute;
  top: 50%;
  right: 24px;
  width: 24px;
  height: 24px;
  content: "";
  background-size: 100%;
  transform: translateY(-50%);
  background-image: url(/components/assets/img/common/icon_arrow_blue.svg);
}
@media screen and (max-width: 640px) {
  .c-button__rightIcon {
    right: 16px;
    width: 1.5rem;
    height: 1.5rem;
  }
}
.c-button__rightIcon--modal {
  width: 24px;
  height: 24px;
  background-image: url(/components/assets/img/common/icon_modal_open.svg) !important;
}
.c-button__rightIcon--tel {
  width: 24px;
  height: 24px;
  background-image: url(/components/assets/img/common/icon_tel_bg_white.svg) !important;
}
.c-button:has(.c-button__rightIcon--modal):hover .c-button__rightIcon {
  mask-size: cover;
  mask-image: url(/components/assets/img/common/icon_modal_open.svg);
}
.c-button__anchorIcon {
  position: absolute;
  top: 50%;
  right: 15px;
  content: "";
  background-size: 100%;
  transform: translateY(-50%);
}
.c-button__anchorIcon.-white {
  width: 24px;
  height: 24px;
  background-image: url(/components/assets/img/common/anchor_icon_white.png);
}
@media screen and (max-width: 640px) {
  .c-button__anchorIcon.-white {
    width: 1rem;
    height: 1rem;
  }
}
.c-button--secondary {
  background-color: var(--color-palette-white-primary);
  border: 2px solid var(--color-palette-blue-primary);
}
.c-button--secondary:hover {
  background-color: var(--color-palette-white-primary-hover);
  border: 2px solid var(--color-palette-blue-primary-hover);
}
.c-button--secondary:hover .c-button__text {
  color: var(--color-palette-blue-primary-hover);
}
.c-button--secondary:hover .c-button__rightIcon {
  background-image: none;
  background-color: var(--color-palette-blue-primary-hover);
  mask-image: url(/components/assets/img/common/icon_arrow_simple.svg);
}
.c-button--secondary .c-button__text {
  color: var(--color-palette-blue-primary);
}
.c-button--secondary .c-button__subText {
  color: var(--color-palette-blue-primary);
}
.c-button--secondary .c-button__rightIcon {
  background-image: url(/components/assets/img/common/icon_arrow_simple.svg);
}
.c-button--tertiary {
  background-color: var(--color-palette-white-primary);
}
.c-button--tertiary:hover {
  background-color: var(--color-palette-white-primary-hover);
}
.c-button--tertiary:hover .c-button__text {
  color: var(--color-palette-blue-primary-hover);
}
.c-button--tertiary:hover .c-button__rightIcon {
  background-image: url(/components/assets/img/common/icon_arrow_bg_blue_hover.svg);
}
.c-button--tertiary .c-button__text {
  color: var(--color-palette-blue-primary);
}
.c-button--tertiary .c-button__subText {
  color: var(--color-palette-blue-primary);
}
.c-button--tertiary .c-button__rightIcon {
  background-image: url(/components/assets/img/common/icon_arrow_bg_blue.svg);
}
.c-button--anchor .c-button__rightIcon {
  transform: translateY(-50%) rotate(90deg);
}
.c-button--modal {
  display: inline-flex;
  background-color: var(--color-palette-white-primary);
  padding: 8px 16px;
  margin: 0;
  min-height: auto;
  width: auto;
  border: 2px solid var(--color-palette-gray-100);
}
.c-button--modal:has(.c-button__rightIcon) {
  padding-right: 36px;
}
@media screen and (max-width: 640px) {
  .c-button--modal:has(.c-button__rightIcon) {
    padding-right: 2.25rem;
  }
}
.c-button--modal:hover {
  background-color: var(--color-palette-gray-100);
}
.c-button--modal:hover .c-button__rightIcon {
  background-image: url(/components/assets/img/common/icon_modal_open.svg);
}
.c-button--modal .c-button__text {
  font-size: 0.875rem;
  color: var(--color-palette-blue-primary);
  font-weight: normal;
}
.c-button--modal .c-button__rightIcon {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  right: 16px;
  background-image: url(/components/assets/img/common/icon_modal_open.svg);
}
.c-button--margin-auto {
  margin: 32px auto;
}
@media screen and (min-width: 641px) {
  .c-button--margin-auto-pc {
    margin: 32px auto;
  }
}
@media screen and (max-width: 640px) {
  .c-button--margin-auto-sp {
    margin: 24px auto;
  }
}

@media screen and (min-width: 641px) {
  .l-column--2:has(.l-column__item > .c-button) {
    max-width: calc(336px * 2 + 2vw * (2 - 1));
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--2:has(.l-column__item > .c-button) {
    max-width: calc(336px * 2 + 24px * (2 - 1));
  }
}
@media screen and (min-width: 641px) {
  .l-column--2:has(.l-column__item > .c-button) .l-column__item {
    width: calc((100% - 2vw * (2 - 1)) / 2);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--2:has(.l-column__item > .c-button) .l-column__item {
    width: calc((100% - 24px * (2 - 1)) / 2);
  }
}
@media screen and (min-width: 641px) {
  .l-column--2:has(.l-column__item > .c-button) .l-column__item:not(:first-of-type) {
    margin-left: 2vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--2:has(.l-column__item > .c-button) .l-column__item:not(:first-of-type) {
    margin-left: 24px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--2:has(.l-column__item > .c-button) .l-column__item:nth-of-type(2n + 1) {
    margin-left: 0;
  }
  .l-column--2:has(.l-column__item > .c-button) .l-column__item:nth-of-type(2n + 1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .l-column--2:has(.l-column__item > .c-button) {
    max-width: calc(336px * 2 + 4vw * (2 - 1));
    max-width: none;
  }
}
@media screen and (max-width: 640px) and (min-width: 1201px) {
  .l-column--2:has(.l-column__item > .c-button) {
    max-width: calc(336px * 2 + 24px * (2 - 1));
  }
}
@media screen and (max-width: 640px) {
  .l-column--2:has(.l-column__item > .c-button) .l-column__item {
    width: calc((100% - 4vw * (2 - 1)) / 2);
  }
}
@media screen and (max-width: 640px) and (min-width: 1201px) {
  .l-column--2:has(.l-column__item > .c-button) .l-column__item {
    width: calc((100% - 24px * (2 - 1)) / 2);
  }
}
@media screen and (max-width: 640px) {
  .l-column--2:has(.l-column__item > .c-button) .l-column__item:not(:first-of-type) {
    margin-left: 4vw;
  }
}
@media screen and (max-width: 640px) and (min-width: 1201px) {
  .l-column--2:has(.l-column__item > .c-button) .l-column__item:not(:first-of-type) {
    margin-left: 24px;
  }
}
@media screen and (max-width: 640px) {
  .l-column--2:has(.l-column__item > .c-button) .l-column__item:nth-of-type(2n + 1) {
    margin-left: 0;
  }
  .l-column--2:has(.l-column__item > .c-button) .l-column__item:nth-of-type(2n + 1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 641px) {
  .l-column--3:has(.l-column__item > .c-button) {
    max-width: calc(336px * 3 + 2vw * (3 - 1));
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--3:has(.l-column__item > .c-button) {
    max-width: calc(336px * 3 + 24px * (3 - 1));
  }
}
@media screen and (min-width: 641px) {
  .l-column--3:has(.l-column__item > .c-button) .l-column__item {
    width: calc((100% - 2vw * (3 - 1)) / 3);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--3:has(.l-column__item > .c-button) .l-column__item {
    width: calc((100% - 24px * (3 - 1)) / 3);
  }
}
@media screen and (min-width: 641px) {
  .l-column--3:has(.l-column__item > .c-button) .l-column__item:not(:first-of-type) {
    margin-left: 2vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--3:has(.l-column__item > .c-button) .l-column__item:not(:first-of-type) {
    margin-left: 24px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--3:has(.l-column__item > .c-button) .l-column__item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
  .l-column--3:has(.l-column__item > .c-button) .l-column__item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
  .l-column--3:has(.l-column__item > .c-button) .l-column__item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .l-column--3:has(.l-column__item > .c-button) {
    max-width: calc(336px * 3 + 4vw * (3 - 1));
    max-width: none;
  }
}
@media screen and (max-width: 640px) and (min-width: 1201px) {
  .l-column--3:has(.l-column__item > .c-button) {
    max-width: calc(336px * 3 + 24px * (3 - 1));
  }
}
@media screen and (max-width: 640px) {
  .l-column--3:has(.l-column__item > .c-button) .l-column__item {
    width: calc((100% - 4vw * (3 - 1)) / 3);
  }
}
@media screen and (max-width: 640px) and (min-width: 1201px) {
  .l-column--3:has(.l-column__item > .c-button) .l-column__item {
    width: calc((100% - 24px * (3 - 1)) / 3);
  }
}
@media screen and (max-width: 640px) {
  .l-column--3:has(.l-column__item > .c-button) .l-column__item:not(:first-of-type) {
    margin-left: 4vw;
  }
}
@media screen and (max-width: 640px) and (min-width: 1201px) {
  .l-column--3:has(.l-column__item > .c-button) .l-column__item:not(:first-of-type) {
    margin-left: 24px;
  }
}
@media screen and (max-width: 640px) {
  .l-column--3:has(.l-column__item > .c-button) .l-column__item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
  .l-column--3:has(.l-column__item > .c-button) .l-column__item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
  .l-column--3:has(.l-column__item > .c-button) .l-column__item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 641px) {
  .l-column--4:has(.l-column__item > .c-button) {
    max-width: calc(336px * 4 + 2vw * (4 - 1));
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--4:has(.l-column__item > .c-button) {
    max-width: calc(336px * 4 + 24px * (4 - 1));
  }
}
@media screen and (min-width: 641px) {
  .l-column--4:has(.l-column__item > .c-button) .l-column__item {
    width: calc((100% - 2vw * (4 - 1)) / 4);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--4:has(.l-column__item > .c-button) .l-column__item {
    width: calc((100% - 24px * (4 - 1)) / 4);
  }
}
@media screen and (min-width: 641px) {
  .l-column--4:has(.l-column__item > .c-button) .l-column__item:not(:first-of-type) {
    margin-left: 2vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--4:has(.l-column__item > .c-button) .l-column__item:not(:first-of-type) {
    margin-left: 24px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--4:has(.l-column__item > .c-button) .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
  .l-column--4:has(.l-column__item > .c-button) .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
  .l-column--4:has(.l-column__item > .c-button) .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
  .l-column--4:has(.l-column__item > .c-button) .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .l-column--4:has(.l-column__item > .c-button) {
    max-width: calc(336px * 4 + 4vw * (4 - 1));
    max-width: none;
  }
}
@media screen and (max-width: 640px) and (min-width: 1201px) {
  .l-column--4:has(.l-column__item > .c-button) {
    max-width: calc(336px * 4 + 24px * (4 - 1));
  }
}
@media screen and (max-width: 640px) {
  .l-column--4:has(.l-column__item > .c-button) .l-column__item {
    width: calc((100% - 4vw * (4 - 1)) / 4);
  }
}
@media screen and (max-width: 640px) and (min-width: 1201px) {
  .l-column--4:has(.l-column__item > .c-button) .l-column__item {
    width: calc((100% - 24px * (4 - 1)) / 4);
  }
}
@media screen and (max-width: 640px) {
  .l-column--4:has(.l-column__item > .c-button) .l-column__item:not(:first-of-type) {
    margin-left: 4vw;
  }
}
@media screen and (max-width: 640px) and (min-width: 1201px) {
  .l-column--4:has(.l-column__item > .c-button) .l-column__item:not(:first-of-type) {
    margin-left: 24px;
  }
}
@media screen and (max-width: 640px) {
  .l-column--4:has(.l-column__item > .c-button) .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
  .l-column--4:has(.l-column__item > .c-button) .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
  .l-column--4:has(.l-column__item > .c-button) .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
  .l-column--4:has(.l-column__item > .c-button) .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-2:has(.l-column__item > .c-button) {
    max-width: calc(336px * 2 + 2vw * (2 - 1));
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-2:has(.l-column__item > .c-button) {
    max-width: calc(336px * 2 + 24px * (2 - 1));
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-2:has(.l-column__item > .c-button) .l-column__item {
    width: calc((100% - 2vw * (2 - 1)) / 2);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-2:has(.l-column__item > .c-button) .l-column__item {
    width: calc((100% - 24px * (2 - 1)) / 2);
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-2:has(.l-column__item > .c-button) .l-column__item:not(:first-of-type) {
    margin-left: 2vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-2:has(.l-column__item > .c-button) .l-column__item:not(:first-of-type) {
    margin-left: 24px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-2:has(.l-column__item > .c-button) .l-column__item:nth-of-type(2n + 1) {
    margin-left: 0;
  }
  .l-column--pc-2:has(.l-column__item > .c-button) .l-column__item:nth-of-type(2n + 1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-3:has(.l-column__item > .c-button) {
    max-width: calc(336px * 3 + 2vw * (3 - 1));
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-3:has(.l-column__item > .c-button) {
    max-width: calc(336px * 3 + 24px * (3 - 1));
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-3:has(.l-column__item > .c-button) .l-column__item {
    width: calc((100% - 2vw * (3 - 1)) / 3);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-3:has(.l-column__item > .c-button) .l-column__item {
    width: calc((100% - 24px * (3 - 1)) / 3);
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-3:has(.l-column__item > .c-button) .l-column__item:not(:first-of-type) {
    margin-left: 2vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-3:has(.l-column__item > .c-button) .l-column__item:not(:first-of-type) {
    margin-left: 24px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-3:has(.l-column__item > .c-button) .l-column__item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
  .l-column--pc-3:has(.l-column__item > .c-button) .l-column__item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
  .l-column--pc-3:has(.l-column__item > .c-button) .l-column__item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-4:has(.l-column__item > .c-button) {
    max-width: calc(336px * 4 + 2vw * (4 - 1));
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-4:has(.l-column__item > .c-button) {
    max-width: calc(336px * 4 + 24px * (4 - 1));
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-4:has(.l-column__item > .c-button) .l-column__item {
    width: calc((100% - 2vw * (4 - 1)) / 4);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-4:has(.l-column__item > .c-button) .l-column__item {
    width: calc((100% - 24px * (4 - 1)) / 4);
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-4:has(.l-column__item > .c-button) .l-column__item:not(:first-of-type) {
    margin-left: 2vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-4:has(.l-column__item > .c-button) .l-column__item:not(:first-of-type) {
    margin-left: 24px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-4:has(.l-column__item > .c-button) .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
  .l-column--pc-4:has(.l-column__item > .c-button) .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
  .l-column--pc-4:has(.l-column__item > .c-button) .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
  .l-column--pc-4:has(.l-column__item > .c-button) .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
}

.c-headline {
  margin: 64px 0 24px;
  color: var(--color-palette-blue-primary, #002B79);
}
.c-headline.-ta-left {
  text-align: left;
}
.c-headline.-ta-center {
  text-align: center;
}
.c-headline__title {
  font-size: 1rem;
  font-weight: 800;
}
@media screen and (max-width: 640px) {
  .c-headline__title {
    font-size: 1rem;
  }
}
.c-headline__title sup {
  vertical-align: text-top;
  font-size: small;
}
.c-headline__title--bg-black {
  padding: 12px 16px;
  background-color: var(--color-palette-black-primary);
  color: var(--color-palette-white-primary);
}
.c-headline__subTitle {
  margin-top: 8px;
  font-size: 0.75rem;
  color: var(--color-palette-gray-700);
}
@media screen and (max-width: 640px) {
  .c-headline__subTitle {
    font-size: 0.75rem;
  }
}
.c-headline--bgImage {
  padding: 106px 0 48px;
  text-align: center;
  background-image: url(/components/assets/img/common/headline_bg_wing_pc.png);
  background-size: 790px;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 640px) {
  .c-headline--bgImage {
    padding: 20px 0 24px;
    background-image: url(/components/assets/img/common/headline_bg_wing.png);
    background-size: 100%;
  }
}
.c-headline--h2 .c-headline__title {
  font-size: 2.5rem;
}
@media screen and (max-width: 640px) {
  .c-headline--h2 .c-headline__title {
    font-size: 1.75rem;
  }
}
.c-headline--h2 .c-headline__subTitle {
  font-size: 0.75rem;
}
@media screen and (max-width: 640px) {
  .c-headline--h2 .c-headline__subTitle {
    font-size: 0.625rem;
  }
}
.c-headline--h3 {
  margin: 32px 0 16px;
}
.c-headline--h3 .c-headline__title {
  font-size: 2rem;
}
@media screen and (max-width: 640px) {
  .c-headline--h3 .c-headline__title {
    font-size: 1.5rem;
  }
}
.c-headline--h4 {
  margin: 32px 0 16px;
}
.c-headline--h4 .c-headline__title {
  font-size: 1.5rem;
}
@media screen and (max-width: 640px) {
  .c-headline--h4 .c-headline__title {
    font-size: 1.25rem;
  }
}
.c-headline--center {
  text-align: center;
}
.c-headline--right {
  text-align: right;
}

.l-section > .c-headline:not(.c-headline--bgImage) {
  padding-left: calc(48 / 1200 * 100vw);
}
@media screen and (min-width: 1201px) {
  .l-section > .c-headline:not(.c-headline--bgImage) {
    padding-left: 48px;
  }
}
@media screen and (max-width: 640px) {
  .l-section > .c-headline:not(.c-headline--bgImage) {
    padding-left: calc(15 / 375 * 100vw);
  }
}

.c-scrollHint {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  z-index: 10;
  background-color: var(--color-palette-black-primary);
  opacity: 0;
  border-radius: 8px;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out;
  transform: translate(-50%, -50%);
}
.c-scrollHint__inner {
  position: relative;
  display: block;
  width: inherit;
  height: inherit;
}
.c-scrollHint__inner::before {
  position: absolute;
  top: 45%;
  left: 50%;
  display: block;
  width: 90px;
  height: 90px;
  content: "";
  background-image: url(/components/assets/img/common/icon_scrollHint.gif);
  background-size: 100%;
  transform: translate(-50%, -50%);
}
.c-scrollHint__innerText {
  position: absolute;
  bottom: 16px;
  left: 50%;
  display: block;
  width: 100%;
  font-size: 0.75rem;
  text-align: center;
  color: var(--color-palette-white-primary);
  transform: translateX(-50%);
}
.c-scrollHint.is-active {
  opacity: 0.5;
}

.c-text {
  color: var(--color-palette-gray-700);
  line-height: 1.75;
  font-size: 1rem;
}
@media screen and (max-width: 640px) {
  .c-text {
    font-size: 0.875rem;
  }
}
.c-text sup {
  font-size: 0.75rem;
  vertical-align: super;
}
.c-text--title {
  color: var(--color-palette-black-primary);
  line-height: 1.3;
  font-weight: bold;
}
.c-text--xl {
  font-size: 1.5rem;
}
@media screen and (max-width: 640px) {
  .c-text--xl {
    font-size: 1.25rem;
  }
}
.c-text--l {
  font-size: 1.25rem;
}
@media screen and (max-width: 640px) {
  .c-text--l {
    font-size: 1rem;
  }
}
.c-text--m {
  font-size: 1rem;
}
@media screen and (max-width: 640px) {
  .c-text--m {
    font-size: 0.875rem;
  }
}
.c-text--s {
  font-size: 0.875rem;
}
@media screen and (max-width: 640px) {
  .c-text--s {
    font-size: 0.75rem;
  }
}
.c-text--xs {
  font-size: 0.75rem;
}
@media screen and (max-width: 640px) {
  .c-text--xs {
    font-size: 0.625rem;
  }
}
.c-text--badge {
  display: inline-block;
  width: fit-content;
  padding: 4px 8px;
  line-height: 1.3;
  font-size: 0.75rem;
  font-weight: bold;
  color: var(--color-palette-red-500);
  border-radius: 8px;
  border: 1px solid var(--color-palette-red-500);
  vertical-align: middle;
}
.c-text--badge-m-right {
  margin-right: 8px;
}
.c-text--badge-m-left {
  margin-left: 8px;
}
.c-text--badge-blue {
  color: var(--color-palette-blue-primary);
  border: 1px solid var(--color-palette-blue-primary);
}
.c-text--badge-important {
  color: var(--color-palette-white-primary);
  background-color: var(--color-palette-red-500);
}
.c-text--badge-big {
  font-size: 0.875rem;
}
.c-text--balloon {
  position: relative;
  display: block;
  width: fit-content;
  padding: 8px;
  margin: 0 auto;
  font-size: 0.75rem;
  font-weight: bold;
  color: var(--color-palette-blue-primary);
  background-color: var(--color-palette-blue-100);
  border-radius: 8px;
}
.c-text--balloon::before {
  position: absolute;
  left: 50%;
  bottom: -12px;
  content: "";
  border: 6px solid transparent;
  border-top: 6px solid var(--color-palette-blue-100);
  transform: translateX(-50%);
}
.c-text--balloon + * {
  margin-top: 8px;
}

.c-headline:has(.c-text--balloon) {
  width: fit-content;
}

.c-textBox {
  margin: 16px 0;
}
.c-textBox > .c-text:not(:first-of-type) {
  margin-top: 16px;
}
.c-textBox--badge {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
}
.c-textBox--badge > .c-text:not(:first-of-type) {
  margin-top: 0;
}
.c-textBox[class*=c-textBox--bg-] {
  padding: 8px;
  margin: 0;
  border-radius: 8px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.c-textBox[class*=c-textBox--bg-] > .c-text:not(:first-of-type) {
  margin-top: 0;
}
.c-textBox--bg-purple {
  background-image: url(/components/assets/img/common/mobile/mobile_price_bg.png);
}
.c-textBox--bg-pink {
  background-image: url(/components/assets/img/common/mobile/mobile_price_bg_pink.png) !important;
}
.c-textBox--bg-purplePink {
  background-image: url(/components/assets/img/common/bg_purplePnk.png) !important;
}
.c-textBox--bg-blueGreen {
  background-image: url(/components/assets/img/common/blueGreen_price_bg.png) !important;
}
.c-textBox--bg-blueRed {
  background-image: url(/components/assets/img/common/blueRed_price_bg.jpg) !important;
}
.c-textBox--bg-3yearsDiscount {
  background-image: url(/components/assets/img/common/3yearsDiscount_price_bg.png) !important;
}
.c-textBox--bg-u29 {
  background-image: url(/components/assets/img/common/u29_price_bg.png) !important;
}
.c-textBox--bg-2monthFree {
  background-image: url(/components/assets/img/common/2monthFree_price_bg.jpg) !important;
}

.c-text--l:is(strong), .c-text--l.u-fw-bold, .c-text--xl:is(strong), .c-text--xl.u-fw-bold {
  line-height: 1.5;
  color: var(--color-palette-black-primary);
}

.l-list__item .c-text {
  line-height: 1.5;
  color: var(--color-palette-black-primary);
}

.l-table--price .c-text {
  line-height: 1.5;
  color: var(--color-palette-black-primary);
}

.c-textLink {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: 8px 0;
  color: var(--color-palette-black-primary);
  font-size: 1rem;
  text-decoration: underline;
  border-radius: 8px;
}
@media screen and (max-width: 640px) {
  .c-textLink {
    font-size: 0.875rem;
  }
}
.c-textLink:hover {
  text-decoration: none;
}
p > .c-textLink, strong > .c-textLink, span > .c-textLink, li > .c-textLink {
  margin: 0;
  font-size: inherit;
  color: inherit;
}

.c-textLink__rightIcon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  content: "";
  background-size: 100%;
  background-image: url(/components/assets/img/common/icon_arrow_right.svg);
  vertical-align: middle;
}
.c-textLink__rightIcon--modal {
  background-image: url(/components/assets/img/common/icon_modal_bgNone.svg) !important;
}
.c-textLink__rightIcon--window {
  background-image: url(/components/assets/img/common/icon_window.svg) !important;
}
.c-textLink__rightIcon img {
  width: 16px;
}
.c-textLink__subText {
  display: block;
  margin-top: 8px;
  font-size: 0.75rem;
  font-weight: normal;
}
.c-textLink--small {
  padding-right: 20px;
  margin: 4px 0;
  font-size: 0.75rem;
  color: var(--color-palette-gray-700);
}
@media screen and (max-width: 640px) {
  .c-textLink--small {
    font-size: 0.625rem;
  }
}
@media screen and (max-width: 640px) {
  .c-textLink--small .c-textLink__rightIcon {
    margin-left: 4px;
  }
}
.c-textLink--annotation {
  padding-left: 18px;
  font-size: 0.875rem;
  color: var(--color-palette-gray-700);
}
@media screen and (max-width: 640px) {
  .c-textLink--annotation {
    padding-left: 16px;
    font-size: 0.75rem;
  }
}
.c-textLink--annotation::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}
.c-textLink--primary {
  padding-right: 32px;
  margin: 16px 0;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
}
.c-textLink--primary:hover {
  text-decoration: underline;
}
.c-textLink--primary .c-textLink__rightIcon {
  position: absolute;
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
  background-image: url(/components/assets/img/common/icon_arrow_bg_black.svg);
  transform: translateY(-50%);
}
.c-textLink--space {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  width: 100%;
  padding: 16px 58px 16px 24px;
  margin: 16px 0;
  font-size: 1rem;
  font-weight: bold;
  color: var(--color-palette-black-primary);
  border: 2px solid var(--color-palette-gray-100);
  background-color: var(--color-palette-white-primary);
  border-radius: 16px;
  text-decoration: none;
}
@media screen and (max-width: 640px) {
  .c-textLink--space {
    padding: 16px 48px 16px 16px;
    font-size: 0.875rem;
  }
}
.c-textLink--space:hover {
  background-color: var(--color-palette-gray-100);
}
.c-textLink--space:has(.c-textLink__rightIcon) {
  padding-right: 58px;
}
@media screen and (max-width: 640px) {
  .c-textLink--space:has(.c-textLink__rightIcon) {
    padding-right: 48px;
  }
}
.c-textLink--space .c-textLink__rightIcon {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 24px;
  height: 24px;
  background-image: url(/components/assets/img/common/icon_arrow_bg_black.svg);
  transform: translateY(-50%);
}
.c-textLink--space-secondary {
  padding: 12px 48px 12px 16px;
  font-size: 0.75rem;
  background-color: var(--color-palette-gray-10);
}
.c-textLink--space-secondary:hover {
  background-color: var(--color-palette-gray-300);
}
.c-textLink--space-secondary .c-textLink__rightIcon {
  width: 24px;
  height: 24px;
  background-image: url(/components/assets/img/common/icon_arrow_bg_white.svg);
}
.c-textLink--space-size-s {
  max-width: 480px;
}
.c-textLink--pos-center {
  margin: 0 auto;
}
.c-textLink--label {
  padding: 8px 36px 8px 16px;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  color: var(--color-palette-blue-primary);
  border: 2px solid var(--color-palette-gray-100);
  border-radius: 50vh;
  text-decoration: none;
}
.c-textLink--label:hover {
  background-color: var(--color-palette-gray-100);
}
.c-textLink--label .c-textLink__rightIcon {
  position: absolute;
  top: 50%;
  right: 16px;
  background-image: url(/components/assets/img/common/icon_modal_open.svg);
  transform: translateY(-50%);
}
.c-textLink--label-modal {
  background-color: var(--color-palette-white-primary);
}

li > .c-textLink, p > .c-textLink, span > .c-textLink, strong > .c-textLink {
  display: inline;
  padding-right: 0;
  margin: 0;
}
li > .c-textLink .c-textLink__rightIcon, p > .c-textLink .c-textLink__rightIcon, span > .c-textLink .c-textLink__rightIcon, strong > .c-textLink .c-textLink__rightIcon {
  margin-left: 4px;
  margin-right: 4px;
}
@media screen and (max-width: 640px) {
  li > .c-textLink, p > .c-textLink, span > .c-textLink, strong > .c-textLink {
    font-size: 0.875rem;
  }
}

.c-image img {
  width: 100%;
  margin: 0 auto;
  vertical-align: middle;
}
.c-image[href] {
  display: block;
}
.c-image[href] img, .c-image[href] picture img {
  transition: transform 0.25s ease-out;
}
.c-image[href]:hover > img, .c-image[href]:hover > picture img {
  transform: scale(0.975);
}
.c-image--icon {
  position: relative;
}
.c-image--icon::after {
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  content: "";
  background-image: url(/components/assets/img/common/icon_arrow_blue.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 640px) {
  .c-image--icon::after {
    right: 12px;
    bottom: 12px;
  }
}
.c-image--icon:focus {
  outline-offset: -2px;
}
.c-image--icon-modal::after {
  background-image: url(/components/assets/img/common/icon_modal_blue.svg);
}
.c-image--icon-pos-center::after {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}
.c-image--icon-pos-bottom::after {
  bottom: -12px;
}
.c-image--angle-circle {
  border-radius: 24px;
}
.c-image--angle-circle > img {
  border-radius: inherit;
}
.c-image--angle-circle-l {
  border-radius: 32px;
}
.c-image--angle-circle-m {
  border-radius: 24px;
}
.c-image--angle-circle-s {
  border-radius: 16px;
}
.c-image--angle-circle-xs {
  border-radius: 8px;
}
.c-image--width-fixed-m.c-image--position-center, .c-image--width-fixed-l.c-image--position-center {
  margin: 0 auto;
}
.c-image--width-fixed-m {
  max-width: 720px;
}
.c-image--width-fixed-l {
  max-width: 1008px;
}

.c-input input {
  border: 0;
  display: block;
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
  z-index: -1;
}
.c-input input:focus {
  outline: none !important;
}
.c-input input:focus + label {
  outline: solid 2px var(--color-palette-orange-500);
}
.c-input input.error {
  border: solid 2px var(--color-palette-red-500);
}
.c-input__title {
  font-size: 1.25rem;
  font-weight: bold;
  color: var(--color-palette-blue-primary);
}
.c-input__subTitle {
  display: block;
  margin-top: 8px;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: normal;
  color: var(--color-palette-gray-700);
}
.c-input__label {
  min-height: 80px;
  padding: 28px 24px;
  border-radius: 16px;
}
@media screen and (max-width: 640px) {
  .c-input__label {
    min-height: 88px;
    padding: 12px 16px;
  }
}
.c-input__addressBox {
  display: flex;
  gap: 8px;
}
.c-input__addressLabel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1rem;
  font-weight: bold;
  margin-left: 8px;
}
.c-input__errorText {
  display: none;
  font-size: 0.75rem;
  color: var(--color-palette-red-500);
}
.c-input__errorText.is-active {
  display: block;
}
.c-input__errorText.is-active + input {
  margin-top: 4px;
}
.c-input--radio {
  height: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .c-input--radio {
    width: 100%;
  }
}
.c-input--radio .c-input__label {
  position: relative;
  padding-left: 52px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  background: var(--color-palette-white-primary);
  vertical-align: middle;
  border: solid 2px var(--color-palette-gray-100);
  box-sizing: border-box;
  color: var(--color-palette-black-primary);
  font-weight: bold;
  vertical-align: middle;
  box-sizing: border-box;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  .c-input--radio .c-input__label {
    padding-left: 44px;
  }
}
.c-input--radio .c-input__label:hover {
  background-color: var(--color-palette-gray-10);
}
.c-input--radio .c-input__label::before, .c-input--radio .c-input__label::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  box-sizing: border-box;
}
.c-input--radio .c-input__label::before {
  background-color: var(--color-palette-white-primary);
  border: 2px solid var(--color-palette-gray-700);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  left: 24px;
}
@media screen and (max-width: 640px) {
  .c-input--radio .c-input__label::before {
    left: 16px;
  }
}
.c-input--radio .c-input__label::after {
  background-color: var(--color-palette-blue-primary);
  border-radius: 50%;
  opacity: 0;
  width: 12px;
  height: 12px;
  left: 28px;
}
@media screen and (max-width: 640px) {
  .c-input--radio .c-input__label::after {
    left: 20px;
  }
}
.c-input--radio .c-input__label.is-active {
  border: solid 2px var(--color-palette-blue-primary);
  color: var(--color-palette-blue-primary);
}
.c-input--radio .c-input__radioBtn:checked + .c-input__label {
  border: solid 2px var(--color-palette-blue-primary);
  color: var(--color-palette-blue-primary);
}
.c-input--radio .c-input__radioBtn:checked + .c-input__label::before {
  border: 2px solid var(--color-palette-blue-primary);
}
.c-input--radio .c-input__radioBtn:checked + .c-input__label::after {
  opacity: 1;
}
.c-input--radio .c-input__labelText > .c-input__labelSubText {
  display: block;
  font-size: 0.75rem;
  color: var(--color-palette-gray-700);
}
.c-input--radioThumb .c-input__label {
  padding: 8px 24px;
  padding-left: 56px;
}
@media screen and (max-width: 640px) {
  .c-input--radioThumb .c-input__label {
    padding: 8px 16px;
    padding-left: 44px;
  }
}
.c-input--radioThumb .c-input__imageBox {
  display: flex;
  flex-direction: column;
  width: 64px;
  height: 64px;
}
@media screen and (max-width: 640px) {
  .c-input--radioThumb .c-input__imageBox {
    width: 72px;
    height: 72px;
  }
}
.c-input--radioThumb .c-input__imageBox img {
  border-radius: 8px;
}
.c-input--radioThumb .c-input__imageBox + .c-input__labelText {
  max-width: calc(100% - 84px);
  margin-left: 12px;
}
.c-input--text {
  width: 100%;
}
.c-input--text .c-input__textInput {
  position: relative;
  width: 100%;
  min-height: 64px;
  overflow: visible;
  padding: 20px 24px;
  color: var(--color-palette-black-primary);
  border: solid 2px var(--color-palette-gray-100);
  font-size: 1rem;
  font-weight: bold;
  box-sizing: border-box;
  z-index: 0;
  visibility: visible;
  border-radius: 16px;
  background-color: var(--color-palette-white-primary);
}
@media screen and (max-width: 640px) {
  .c-input--text .c-input__textInput {
    padding: 16px;
    min-height: 56px;
  }
}
.c-input--text .c-input__textInput::placeholder {
  color: var(--color-palette-gray-700);
}
.c-input--text .c-input__textInput:-webkit-autofill {
  box-shadow: 0px 0px 100px 100px var(--color-palette-white-primary) inset;
}
.c-input--pullDown {
  position: relative;
}
.c-input--pullDown::after {
  background: url(/components/assets/img/common/icon_arrow_down.svg) no-repeat;
  background-size: 100%;
  display: block;
  width: 24px;
  height: 24px;
  pointer-events: none;
  position: absolute;
  right: 24px;
  bottom: 0;
  top: 50%;
  content: "";
  transform: translateY(-50%);
}
.c-input--pullDown .c-input__select {
  width: 100%;
  max-height: 64px;
  height: 64px;
  appearance: none;
  max-width: 100%;
  padding: 20px 24px;
  font-size: 1rem;
  font-weight: bold;
  color: var(--color-palette-gray-700);
  border: solid 2px var(--color-palette-gray-100);
  border-radius: 16px;
  box-sizing: border-box;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  .c-input--pullDown .c-input__select {
    max-height: 56px;
    padding: 16px;
  }
}
.c-input--pullDown .c-input__select:hover {
  background-color: var(--color-palette-gray-10);
}
.c-input--pullDown .c-input__select--selected {
  color: var(--color-palette-black-primary);
}
.c-input--check {
  margin: 8px 0;
}
.c-input--check .c-input__checkBox:checked + .c-input__label .c-input__checkIcon {
  background: var(--color-palette-blue-primary);
  border: 1px solid var(--color-palette-blue-primary);
}
.c-input--check .c-input__checkBox:checked + .c-input__label .c-input__checkIcon::after {
  content: "";
  width: 70%;
  height: 30%;
  margin: 4px;
  border-left: 3px solid var(--color-palette-white-primary);
  border-bottom: 3px solid var(--color-palette-white-primary);
  transform: rotate(-45deg);
}
.c-input--check .c-input__label {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: fit-content;
  min-height: auto;
  padding: 0;
  cursor: pointer;
}
.c-input--check .c-input__label:hover .c-input__labelText {
  text-decoration: underline;
}
.c-input--check .c-input__label + .c-input__labelSubText {
  margin-top: 8px;
}
.c-input--check .c-input__labelText {
  flex: 1;
  margin-left: 12px;
  font-size: 1.25rem;
  font-weight: bold;
  color: var(--color-palette-blue-primary);
}
@media screen and (max-width: 640px) {
  .c-input--check .c-input__labelText {
    margin-left: 8px;
    font-size: 1rem;
  }
}
.c-input--check .c-input__labelSubText {
  padding-left: 36px;
  font-size: 0.875rem;
  font-weight: normal;
  color: var(--color-palette-gray-700);
}
.c-input--check .c-input__checkIcon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border: 2px solid var(--color-palette-gray-200);
  border-radius: 8px;
  display: inline-flex;
  vertical-align: text-top;
  box-sizing: border-box;
}
.c-input:has(input:disabled, select:disabled) {
  opacity: 0.5;
}
.c-input:has(input:disabled, select:disabled):hover {
  cursor: default;
  pointer-events: none;
}
.c-input:has(input:disabled, select:disabled) .c-input__label {
  background-color: var(--color-palette-gray-10);
  cursor: default;
}
.c-input:has(input:disabled, select:disabled) .c-input__textInput {
  background-color: var(--color-palette-gray-10);
  cursor: default;
}
.c-input:has(input:disabled, select:disabled) .c-input__select {
  background-color: var(--color-palette-gray-10);
  cursor: default;
}
.c-input:has(input:disabled, select:disabled).c-input--check .c-input__label {
  color: var(--color-palette-black-primary);
  background-color: transparent;
  cursor: default;
}
.c-input:has(input:disabled, select:disabled).c-input--check .c-input__label:hover {
  text-decoration: none;
}
.c-input:has(input:disabled, select:disabled).c-input--check .c-input__labelText {
  color: var(--color-palette-black-primary);
}

.c-inputWrapper {
  margin: 48px 0;
}
@media screen and (max-width: 640px) {
  .c-inputWrapper {
    margin: 32px 0;
  }
}
.c-inputWrapper .l-column {
  gap: 8px;
  justify-content: flex-start;
  margin-top: 16px;
}
.c-inputWrapper .l-column__item {
  justify-content: flex-end;
  margin-left: 0 !important;
  margin-top: 0 !important;
}
@media screen and (min-width: 641px) {
  .c-inputWrapper .l-column__item {
    max-width: calc((100% - 16px) / 3);
  }
}
@media screen and (min-width: 641px) {
  .c-inputWrapper .l-column__item:has(.c-input--text, .c-input--pullDown) {
    max-width: calc((100% - 8px) / 2);
  }
}
@media screen and (min-width: 641px) {
  .c-inputWrapper .l-column--2:has(.c-input) .l-column__item {
    width: calc((100% - 8px) / 2);
  }
  .c-inputWrapper .l-column--2:has(.c-input) .l-column__item:nth-of-type(2n) {
    margin-left: 8px;
  }
}
@media screen and (max-width: 640px) {
  .c-inputWrapper .l-column--2:has(.c-input) .l-column__item {
    width: calc((100% - 8px) / 2);
  }
  .c-inputWrapper .l-column--2:has(.c-input) .l-column__item:nth-of-type(2n) {
    margin-left: 8px;
  }
}
@media screen and (min-width: 641px) {
  .c-inputWrapper .l-column--3:has(.c-input) .l-column__item {
    width: calc((100% - 16px) / 3);
  }
  .c-inputWrapper .l-column--3:has(.c-input) .l-column__item:not(:first-of-type) {
    margin-left: 8px;
  }
  .c-inputWrapper .l-column--3:has(.c-input) .l-column__item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .c-inputWrapper .l-column--3:has(.c-input) .l-column__item {
    width: calc((100% - 16px) / 3);
  }
  .c-inputWrapper .l-column--3:has(.c-input) .l-column__item:not(:first-of-type) {
    margin-left: 8px;
  }
  .c-inputWrapper .l-column--3:has(.c-input) .l-column__item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 641px) {
  .c-inputWrapper .l-column--4:has(.c-input) .l-column__item {
    width: calc((100% - 24px) / 4);
  }
  .c-inputWrapper .l-column--4:has(.c-input) .l-column__item:not(:first-of-type) {
    margin-left: 8px;
  }
  .c-inputWrapper .l-column--4:has(.c-input) .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .c-inputWrapper .l-column--4:has(.c-input) .l-column__item {
    width: calc((100% - 24px) / 4);
  }
  .c-inputWrapper .l-column--4:has(.c-input) .l-column__item:not(:first-of-type) {
    margin-left: 8px;
  }
  .c-inputWrapper .l-column--4:has(.c-input) .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 641px) {
  .c-inputWrapper .l-column--pc-2:has(.c-input) .l-column__item {
    width: calc((100% - 8px) / 2);
  }
  .c-inputWrapper .l-column--pc-2:has(.c-input) .l-column__item:nth-of-type(2n) {
    margin-left: 8px;
  }
  .c-inputWrapper .l-column--pc-2:has(.c-input) .l-column__item:nth-of-type(n + 3) {
    margin-top: 8px;
  }
}
@media screen and (min-width: 641px) {
  .c-inputWrapper .l-column--pc-3:has(.c-input) .l-column__item {
    width: calc((100% - 16px) / 3);
  }
  .c-inputWrapper .l-column--pc-3:has(.c-input) .l-column__item:not(:first-of-type) {
    margin-left: 8px;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .c-inputWrapper .l-column--pc-3:has(.c-input) .l-column__item:not(:first-of-type) {
    margin-left: 8px;
  }
}
@media screen and (min-width: 641px) {
  .c-inputWrapper .l-column--pc-3:has(.c-input) .l-column__item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
  .c-inputWrapper .l-column--pc-3:has(.c-input) .l-column__item:nth-of-type(n + 4) {
    margin-top: 8px;
  }
}
@media screen and (min-width: 641px) {
  .c-inputWrapper .l-column--pc-4:has(.c-input) .l-column__item {
    width: calc((100% - 24px) / 4);
  }
  .c-inputWrapper .l-column--pc-4:has(.c-input) .l-column__item:not(:first-of-type) {
    margin-left: 8px;
  }
  .c-inputWrapper .l-column--pc-4:has(.c-input) .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
  .c-inputWrapper .l-column--pc-4:has(.c-input) .l-column__item:nth-of-type(n + 5) {
    margin-top: 8px;
  }
}
.c-inputWrapper--row {
  position: relative;
  display: flow-root;
}
.c-inputWrapper--row .c-input__title {
  float: left;
  width: 21.7391304348%;
}
@media screen and (max-width: 640px) {
  .c-inputWrapper--row .c-input__title {
    float: none;
    width: 100%;
  }
}
.c-inputWrapper--row .c-input__title--align-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
  .c-inputWrapper--row .c-input__title--align-center {
    position: relative;
    top: auto;
    transform: none;
  }
}
.c-inputWrapper--row .l-column {
  float: right;
  width: 73.9130434783%;
  margin-top: 0;
}
@media screen and (max-width: 640px) {
  .c-inputWrapper--row .l-column {
    float: none;
    width: 100%;
    margin-top: 16px;
  }
}
@media screen and (min-width: 641px) {
  .c-inputWrapper--row .l-column__item {
    max-width: none !important;
  }
  .c-inputWrapper--row .l-column__item:has(.c-input--text, .c-input--pullDown) {
    max-width: calc((100% - 8px) / 2) !important;
  }
}
.c-inputWrapper--row.c-inputWrapper--address .l-column__item {
  gap: 16px 8px;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  max-width: none !important;
  width: 100%;
}
.c-inputWrapper--row.c-inputWrapper--address .l-column__item .c-input--text {
  display: flex;
}
.c-inputWrapper--row.c-inputWrapper--address .l-column__item .c-input--text .c-input__textInput {
  width: 100px;
}
.c-inputWrapper--row.c-inputWrapper--address .l-column__item .c-input--text .c-input__textInput:focus + label {
  outline: none;
}
.c-inputWrapper--row.c-inputWrapper--address .l-column__item .c-input--pullDown {
  flex: 1;
}
@media screen and (max-width: 640px) {
  .c-inputWrapper--row.c-inputWrapper--address .l-column__item .c-input--pullDown {
    flex: none;
    width: 100%;
  }
}

.c-accordionCard.c-accordionCard--emerge > *,
.c-accordionCard.c-accordionCard--emerge a,
.c-accordionCard.c-accordionCard--emerge .c-text {
  color: var(--color-palette-red-primary);
}
.c-accordionCard.c-accordionCard--emerge .c-textLink--primary .c-textLink__rightIcon {
  background-image: url(/components/assets/img/common/icon_arrow_bg_red.svg);
}
.c-accordionCard.c-accordionCard--emerge .c-accordionCard__header .c-accordionCard__toggle .c-accordionCard__icon {
  background-color: var(--color-palette-red-primary);
}
.c-accordionCard.c-accordionCard--emerge .c-accordionCard__header .c-accordionCard__toggle .c-accordionCard__icon::after {
  background-color: var(--color-palette-red-primary);
}
.c-accordionCard.c-accordionCard--note > *,
.c-accordionCard.c-accordionCard--note a,
.c-accordionCard.c-accordionCard--note .c-text {
  color: var(--color-palette-black-primary);
}
.c-accordionCard.c-accordionCard--note .c-textLink--primary .c-textLink__rightIcon {
  background-image: url(/components/assets/img/common/icon_arrow_bg_black.svg);
}
.c-accordionCard.c-accordionCard--note .c-accordionCard__header .c-accordionCard__toggle .c-accordionCard__icon {
  background-color: var(--color-palette-black-primary);
}
.c-accordionCard.c-accordionCard--note .c-accordionCard__header .c-accordionCard__toggle .c-accordionCard__icon::after {
  background-color: var(--color-palette-black-primary);
}
.c-accordionCard + .c-accordionCard {
  margin-top: 8px;
}
.c-accordionCard .c-accordionCard__item {
  border: 2px solid var(--color-palette-gray-200);
  border-radius: 16px;
  background-color: var(--color-palette-white-primary);
}
.c-accordionCard .c-accordionCard__header {
  width: 100%;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.2s ease, border-radius 0.2s ease;
  position: relative;
  padding: 16px;
  border-radius: 14px;
  background-color: var(--color-palette-white-primary);
}
@media screen and (max-width: 640px) {
  .c-accordionCard .c-accordionCard__header {
    padding: 8px 16px;
  }
}
.c-accordionCard .c-accordionCard__header:hover {
  background-color: #F0F1F3;
}
.c-accordionCard .c-accordionCard__header:focus {
  background-color: #F0F1F3;
  outline-offset: 4px;
}
.c-accordionCard .c-accordionCard__header[aria-expanded=true] {
  background-color: #F7F8F9;
  border-radius: 14px 14px 0 0;
}
.c-accordionCard .c-accordionCard__header[aria-expanded=true]:focus {
  outline-offset: 4px;
}
.c-accordionCard .c-accordionCard__header .c-accordionCard__title {
  font-size: 1rem;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .c-accordionCard .c-accordionCard__header .c-accordionCard__title {
    font-size: 0.875rem;
  }
}
.c-accordionCard .c-accordionCard__header .c-accordionCard__toggle {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 24px;
}
.c-accordionCard .c-accordionCard__header .c-accordionCard__toggle .c-accordionCard__icon {
  width: 18px;
  height: 2px;
  background-color: var(--color-palette-black-primary);
  border-radius: 2px;
  position: relative;
}
.c-accordionCard .c-accordionCard__header .c-accordionCard__toggle .c-accordionCard__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 18px;
  background-color: var(--color-palette-black-primary);
  border-radius: 2px;
  transition: opacity 0.2s ease;
  overflow: hidden;
}
.c-accordionCard .c-accordionCard__header[aria-expanded=true] .c-accordionCard__toggle .c-accordionCard__icon::after {
  opacity: 0;
}
.c-accordionCard .c-accordionCard__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.c-accordionCard .c-accordionCard__content .c-accordionCard__body {
  padding: 8px 16px 16px;
  word-break: break-all;
}
@media screen and (max-width: 640px) {
  .c-accordionCard .c-accordionCard__content .c-accordionCard__body {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .c-accordionCard .c-accordionCard__content .c-accordionCard__body p {
    width: 100%;
  }
}
.c-accordionCard .c-accordionCard__content .c-text,
.c-accordionCard .c-accordionCard__content .c-textLink {
  font-size: 1rem;
  text-box: trim-both text text;
}
@media screen and (max-width: 640px) {
  .c-accordionCard .c-accordionCard__content .c-text,
  .c-accordionCard .c-accordionCard__content .c-textLink {
    font-size: 0.875rem;
  }
}

.l-accordion {
  margin: auto;
  border-radius: 16px;
  margin: 24px 0;
}
@media screen and (max-width: 640px) {
  .l-accordion {
    margin: 16px 0;
  }
}
.l-accordion__group {
  border: none;
  border-top: 1px solid var(--color-palette-gray-200);
  text-align: left;
}
.l-accordion__item {
  border-bottom: 1px solid var(--color-palette-gray-200);
}
.l-accordion__label {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 16px 24px 16px 0;
  font-size: 1rem;
  font-weight: bold;
  color: var(--color-palette-black-primary);
  border-radius: 8px;
}
.l-accordion__label:hover {
  background-color: var(--color-palette-white-primary-hover);
}
.l-accordion__label:hover, .l-accordion__label:active {
  cursor: pointer;
}
.l-accordion__label:is(p, span) {
  cursor: default;
  pointer-events: none;
}
.l-accordion__label:is(p, span) .l-accordion__icon {
  display: none;
}
.l-accordion__label--open .l-accordion__iconMark::before {
  transform: translate(-50%, 0) rotate(90deg);
}
.l-accordion__label--off {
  cursor: default;
  pointer-events: none;
}
.l-accordion__label--off .l-accordion__icon {
  display: none;
}
.l-accordion__detail {
  display: none;
  padding: 0 0 24px 24px;
}
@media screen and (max-width: 640px) {
  .l-accordion__detail {
    padding: 0 0 24px 32px;
  }
}
.l-accordion__detail > *:first-child {
  margin-top: 0;
}
.l-accordion__detail > *:last-child {
  margin-bottom: 0;
}
.l-accordion__icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  display: block;
  width: 16px;
  height: 16px;
}
.l-accordion__labelWrap {
  width: 100%;
}
.l-accordion__iconMark {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.l-accordion__iconMark::before, .l-accordion__iconMark::after {
  transition: all 0.3s;
  position: absolute;
  content: "";
  background-color: var(--color-palette-black-primary);
  display: block;
  width: 2px;
  height: 16px;
  top: 0;
  left: 50%;
  border-radius: 2px;
}
.l-accordion__iconMark::before {
  transform: translate(-50%, 0);
}
.l-accordion__iconMark::after {
  transform: translate(-50%, 0) rotate(90deg);
}

@media screen and (max-width: 640px) {
  .l-column--1:has(.l-accordion) .l-column__item:not(:first-of-type) .l-accordion__group {
    border-top: none;
  }
}

.l-alert {
  position: relative;
  width: 100%;
  padding: 12px 16px;
  margin: 24px 0;
  background-color: var(--color-palette-pink-500);
  border-radius: 8px;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .l-alert {
    margin: 16px 0;
  }
}
.l-alert__icon {
  position: absolute;
  top: 14px;
  left: 16px;
  width: 16px;
  height: 16px;
  content: "";
  background-image: url(/components/assets/img/common/icon_alert.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 640px) {
  .l-alert__icon {
    width: 1rem;
    height: 1rem;
  }
}
.l-alert .c-text {
  padding-left: 20px;
  line-height: 1.5;
  font-size: 0.875rem;
  color: var(--color-palette-red-500);
}
@media screen and (max-width: 640px) {
  .l-alert .c-text {
    padding-left: 1.25rem;
    font-size: 0.75rem;
  }
}
.l-alert--note {
  background-color: var(--color-palette-gray-100);
}
.l-alert--note .c-text {
  color: var(--color-palette-gray-700);
}
.l-alert--note .l-alert__icon {
  background-image: url(/components/assets/img/common/icon_alert_info.svg);
}

.l-card {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  box-sizing: border-box;
  width: 100%;
  padding: 32px;
  margin: 24px 0;
  border: 2px solid var(--color-palette-gray-100);
  border-radius: 16px;
}
@media screen and (max-width: 640px) {
  .l-card {
    width: 100%;
    padding: 24px 16px;
    margin: 16px 0;
  }
}
.l-card__contentsBox > *:first-child {
  margin-top: 0;
}
.l-card__contentsBox > *:last-child {
  margin-bottom: 0;
}
.l-card__imageBox {
  width: 100%;
}
.l-card__imageBox img {
  width: 100%;
}
.l-card__contents > *:first-child {
  margin-top: 0;
}
.l-card__contents > *:last-child {
  margin-bottom: 0;
}
.l-card__textLinkBox {
  margin-top: 16px;
  text-align: right;
}
.l-card__textLinkBox .c-textLink {
  margin: 0;
}
.l-card__popTitle {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.3;
  color: var(--color-palette-red-400);
}
@media screen and (max-width: 640px) {
  .l-card__popTitle {
    font-size: 0.75rem;
  }
}
.l-card__title {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.3;
  color: var(--color-palette-black-primary);
}
@media screen and (max-width: 640px) {
  .l-card__title {
    font-size: 0.875rem;
  }
}
.l-card__subTitle {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.3;
  color: var(--color-palette-black-primary);
}
@media screen and (max-width: 640px) {
  .l-card__subTitle {
    font-size: 0.75rem;
  }
}
.l-card__leadText {
  margin-top: 8px;
  font-size: 0.75rem;
  line-height: 1.3;
  color: var(--color-palette-gray-primary);
}
@media screen and (max-width: 640px) {
  .l-card__leadText {
    font-size: 0.625rem;
  }
}
.l-card--headImage {
  padding: 0;
  border: none;
}
.l-card--headImage .l-card__imageBox {
  position: relative;
  padding-top: 88px;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
}
@media screen and (max-width: 640px) {
  .l-card--headImage .l-card__imageBox {
    padding-top: 0;
  }
}
.l-card--headImage .l-card__imageBox img {
  position: absolute;
  top: 0;
  left: 50%;
  height: 88px;
  object-fit: cover;
  border-radius: inherit;
  transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
  .l-card--headImage .l-card__imageBox img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    transform: none;
  }
}
.l-card--headImage .l-card__contents {
  padding: 24px 32px 32px;
  border: 2px solid var(--color-palette-gray-100);
  border-top: none;
  border-radius: 0 0 16px 16px;
}
@media screen and (max-width: 640px) {
  .l-card--headImage .l-card__contents {
    padding: 24px 16px;
  }
}
.l-card--small .l-card__contentsBox, .l-card--regular .l-card__contentsBox, .l-card--large .l-card__contentsBox {
  display: flex;
  flex: 1 1 auto;
}
.l-card--small .l-card__contents, .l-card--regular .l-card__contents, .l-card--large .l-card__contents {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
}
.l-card--small .l-card__imageBox, .l-card--regular .l-card__imageBox, .l-card--large .l-card__imageBox {
  border-radius: 8px;
}
.l-card--small .l-card__imageBox img, .l-card--regular .l-card__imageBox img, .l-card--large .l-card__imageBox img {
  border-radius: inherit;
}
.l-card--small .l-card__mainContents, .l-card--regular .l-card__mainContents, .l-card--large .l-card__mainContents {
  margin-top: 16px;
}
.l-card--small .l-card__mainContents > *:first-child, .l-card--regular .l-card__mainContents > *:first-child, .l-card--large .l-card__mainContents > *:first-child {
  margin-top: 0;
}
.l-card--small .l-card__mainContents > *:last-child, .l-card--regular .l-card__mainContents > *:last-child, .l-card--large .l-card__mainContents > *:last-child {
  margin-bottom: 0;
}
.l-card--small .l-card__partsBox, .l-card--regular .l-card__partsBox, .l-card--large .l-card__partsBox {
  margin-top: 16px;
}
.l-card--small .l-card__partsBox > *:first-child, .l-card--regular .l-card__partsBox > *:first-child, .l-card--large .l-card__partsBox > *:first-child {
  margin-top: 0;
}
.l-card--small .l-card__partsBox > *:last-child, .l-card--regular .l-card__partsBox > *:last-child, .l-card--large .l-card__partsBox > *:last-child {
  margin-bottom: 0;
}
.l-card--small .l-card__popLinkBox, .l-card--regular .l-card__popLinkBox, .l-card--large .l-card__popLinkBox {
  margin-top: 16px;
  padding: 16px 0 0;
  border-top: 1px solid var(--color-palette-gray-100);
  text-align: center;
}
.l-card--small .l-card__popLinkBox .c-textLink, .l-card--regular .l-card__popLinkBox .c-textLink, .l-card--large .l-card__popLinkBox .c-textLink {
  padding-right: 0;
  margin: 0;
}
.l-card--small {
  padding: 16px;
}
@media screen and (max-width: 640px) {
  .l-card--small {
    padding: 16px 8px;
  }
}
.l-card--small .l-card__imageBox {
  width: 80px;
  height: 80px;
}
@media screen and (max-width: 640px) {
  .l-card--small .l-card__imageBox {
    width: 48px;
    height: 48px;
  }
}
.l-card--small .l-card__contents {
  margin-left: 16px;
}
@media screen and (max-width: 640px) {
  .l-card--small .l-card__contents {
    margin-left: 8px;
  }
}
.l-card--small .l-card__labelBox {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.l-card--small .l-card__labelBox + .l-card__titleBox {
  margin-top: 8px;
}
.l-card--small .l-card__popLinkBox {
  padding: 8px 0 0;
  text-align: left;
}
.l-card--regular {
  padding: 32px;
}
@media screen and (max-width: 640px) {
  .l-card--regular {
    padding: 16px 8px;
  }
}
.l-card--regular .l-card__contentsBox {
  flex-direction: column;
}
.l-card--regular .l-card__headBox {
  display: flex;
}
.l-card--regular .l-card__headBox .l-card__titleWrap {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: 16px;
}
.l-card--regular .l-card__imageBox {
  width: 88px;
  height: 88px;
}
.l-card--regular .l-card__labelBox {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.l-card--regular .l-card__labelBox + .l-card__titleBox {
  margin-top: 8px;
}
.l-card--regular .l-card__labelBox + .l-card__mainContents {
  margin-top: 16px;
}
.l-card--regular .l-card__titleBox + .l-card__mainContents {
  margin-top: 16px;
}
.l-card--large {
  padding: 32px;
}
@media screen and (max-width: 640px) {
  .l-card--large {
    padding: 24px 16px;
  }
}
.l-card--large .l-card__contentsBox {
  flex-direction: column;
}
.l-card--large .l-card__imageBox {
  width: 100%;
  height: auto;
}
.l-card--large .l-card__imageBox + .l-card__titleWrap {
  margin-top: 16px;
}
.l-card--large .l-card__labelBox {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.l-card--large .l-card__labelBox + .l-card__titleBox {
  margin-top: 8px;
}
.l-card--large .l-card__labelBox + .l-card__mainContents {
  margin-top: 16px;
}
.l-card--large .l-card__titleBox + .l-card__mainContents {
  margin-top: 16px;
}
.l-card--cta {
  padding: 48px 32px;
  border: none;
  background-color: var(--color-palette-blue-primary);
}
@media screen and (max-width: 640px) {
  .l-card--cta {
    padding: 32px 24px;
  }
}
.l-card--cta .l-card__contents * {
  text-align: center;
}
.l-card--cta .l-card__title {
  position: relative;
  display: inline-block;
  padding-left: 48px;
  font-size: 2rem;
  font-weight: 800;
  color: var(--color-palette-white-primary);
}
@media screen and (max-width: 640px) {
  .l-card--cta .l-card__title {
    font-size: 1.5rem;
  }
}
.l-card--cta .l-card__title::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 40px;
  height: 40px;
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
  transform: translateY(-50%);
}
.l-card--cta .l-card__title--house::before {
  background-image: url(/components/assets/img/common/icon_home_white.svg);
}
.l-card--cta .l-card__title--mansion::before {
  background-image: url(/components/assets/img/common/icon_mansion_white.svg);
}
.l-card--cta .l-card__planTextBox {
  margin: 16px 0;
}
.l-card--cta .l-card__planText {
  font-size: 3rem;
  font-weight: 800;
  color: var(--color-palette-white-primary);
}
@media screen and (max-width: 640px) {
  .l-card--cta .l-card__planText {
    font-size: 2.5rem;
  }
}
.l-card--cta .l-card__planText .c-text--badge {
  margin-right: 8px;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--color-palette-blue-primary);
  border: none;
  background-color: var(--color-palette-white-primary);
}
.l-card--cta .l-card__planTextSmall {
  font-size: 1.25rem;
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .l-card--cta .l-card__planTextSmall {
    font-size: 1rem;
  }
}
.l-card--cta .l-card__partsBox {
  padding-top: 32px;
  margin-top: 32px;
  border-top: 2px solid var(--color-palette-white-primary);
}
@media screen and (max-width: 640px) {
  .l-card--cta .l-card__partsBox {
    padding-top: 24px;
    margin-top: 24px;
  }
}
.l-card--cta .l-card__btnBox {
  margin: 32px 0 16px;
}
@media screen and (max-width: 640px) {
  .l-card--cta .l-card__btnBox {
    max-width: 24px 0 16px;
  }
}
.l-card--cta .l-card__btnBox .c-button {
  margin: 0 auto;
}
.l-card--cta .l-card__btnBox .c-button:not(:first-of-type) {
  margin-top: 16px;
}
.l-card--cta .l-card__btnBox .c-button--entry {
  background-color: var(--color-palette-red-primary);
}
.l-card--cta .l-card__btnBox .c-button--entry .c-button__rightIcon {
  background-image: url(/components/assets/img/common/icon_arrow_red.svg);
}
.l-card--cta .c-textLink .c-textLink__rightIcon--modal {
  background-image: url(/components/assets/img/common/icon_modal_white.svg) !important;
}

@media screen and (min-width: 641px) {
  .l-column--1:has(.l-card) .l-column__item:not(:first-of-type) {
    margin-top: 24px;
  }
}
@media screen and (min-width: 641px) and (max-width: 640px) {
  .l-column--1:has(.l-card) .l-column__item:not(:first-of-type) {
    margin-top: 16px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--1:has(.l-card) .l-column__item:nth-of-type(n + 2) {
    margin-top: 24px;
  }
}
@media screen and (min-width: 641px) and (max-width: 640px) {
  .l-column--1:has(.l-card) .l-column__item:nth-of-type(n + 2) {
    margin-top: 16px;
  }
}
@media screen and (max-width: 640px) {
  .l-column--1:has(.l-card) .l-column__item:not(:first-of-type) {
    margin-top: 24px;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .l-column--1:has(.l-card) .l-column__item:not(:first-of-type) {
    margin-top: 16px;
  }
}
@media screen and (max-width: 640px) {
  .l-column--1:has(.l-card) .l-column__item:nth-of-type(n + 2) {
    margin-top: 24px;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .l-column--1:has(.l-card) .l-column__item:nth-of-type(n + 2) {
    margin-top: 16px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--2:has(.l-card) .l-column__item:not(:first-of-type) {
    margin-top: 0;
  }
  .l-column--2:has(.l-card) .l-column__item:nth-of-type(n + 3) {
    margin-top: 24px;
  }
}
@media screen and (min-width: 641px) and (max-width: 640px) {
  .l-column--2:has(.l-card) .l-column__item:nth-of-type(n + 3) {
    margin-top: 16px;
  }
}
@media screen and (max-width: 640px) {
  .l-column--2:has(.l-card) .l-column__item:not(:first-of-type) {
    margin-top: 0;
  }
  .l-column--2:has(.l-card) .l-column__item:nth-of-type(n + 3) {
    margin-top: 24px;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .l-column--2:has(.l-card) .l-column__item:nth-of-type(n + 3) {
    margin-top: 16px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--3:has(.l-card) .l-column__item:not(:first-of-type) {
    margin-top: 0;
  }
  .l-column--3:has(.l-card) .l-column__item:nth-of-type(n + 4) {
    margin-top: 24px;
  }
}
@media screen and (min-width: 641px) and (max-width: 640px) {
  .l-column--3:has(.l-card) .l-column__item:nth-of-type(n + 4) {
    margin-top: 16px;
  }
}
@media screen and (max-width: 640px) {
  .l-column--3:has(.l-card) .l-column__item:not(:first-of-type) {
    margin-top: 0;
  }
  .l-column--3:has(.l-card) .l-column__item:nth-of-type(n + 4) {
    margin-top: 24px;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .l-column--3:has(.l-card) .l-column__item:nth-of-type(n + 4) {
    margin-top: 16px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--4:has(.l-card) .l-column__item:not(:first-of-type) {
    margin-top: 0;
  }
  .l-column--4:has(.l-card) .l-column__item:nth-of-type(n + 5) {
    margin-top: 24px;
  }
}
@media screen and (min-width: 641px) and (max-width: 640px) {
  .l-column--4:has(.l-card) .l-column__item:nth-of-type(n + 5) {
    margin-top: 16px;
  }
}
@media screen and (max-width: 640px) {
  .l-column--4:has(.l-card) .l-column__item:not(:first-of-type) {
    margin-top: 0;
  }
  .l-column--4:has(.l-card) .l-column__item:nth-of-type(n + 5) {
    margin-top: 24px;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .l-column--4:has(.l-card) .l-column__item:nth-of-type(n + 5) {
    margin-top: 16px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-2:has(.l-card) .l-column__item:not(:first-of-type) {
    margin-top: 0;
  }
  .l-column--pc-2:has(.l-card) .l-column__item:nth-of-type(n + 3) {
    margin-top: 24px;
  }
}
@media screen and (min-width: 641px) and (max-width: 640px) {
  .l-column--pc-2:has(.l-card) .l-column__item:nth-of-type(n + 3) {
    margin-top: 16px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-3:has(.l-card) .l-column__item:not(:first-of-type) {
    margin-top: 0;
  }
  .l-column--pc-3:has(.l-card) .l-column__item:nth-of-type(n + 4) {
    margin-top: 24px;
  }
}
@media screen and (min-width: 641px) and (max-width: 640px) {
  .l-column--pc-3:has(.l-card) .l-column__item:nth-of-type(n + 4) {
    margin-top: 16px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-4:has(.l-card) .l-column__item:not(:first-of-type) {
    margin-top: 0;
  }
  .l-column--pc-4:has(.l-card) .l-column__item:nth-of-type(n + 5) {
    margin-top: 24px;
  }
}
@media screen and (min-width: 641px) and (max-width: 640px) {
  .l-column--pc-4:has(.l-card) .l-column__item:nth-of-type(n + 5) {
    margin-top: 16px;
  }
}

.l-column {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  justify-content: center;
}
.l-column__item {
  display: flex;
  flex-direction: column;
  align-self: stretch;
}
.l-column__item:first-of-type {
  margin-top: 0 !important;
}
.l-column__item > *:first-child {
  margin-top: 0 !important;
}
.l-column__item > *:last-child {
  margin-bottom: 0 !important;
}
.l-column__item > .l-column:first-of-type {
  align-self: stretch;
}
.l-column__item > .l-column--1:not([class*=l-column--2], [class*=l-column--pc-2],
[class*=l-column--3], [class*=l-column--pc-3],
[class*=l-column--4], [class*=l-column--pc-4],
[class*=l-column--5], [class*=l-column--pc-5],
[class*=l-column--6], [class*=l-column--pc-6]) > .l-column__item {
  width: 100% !important;
  margin-left: 0 !important;
}
.l-column--pos-left {
  justify-content: flex-start;
}
.l-column--pos-right {
  justify-content: flex-end;
}
.l-column--align-center {
  align-items: center;
}
.l-column--align-end {
  align-items: flex-end;
}
.l-column--1 > .l-column__item {
  width: 100%;
}
.l-column--1 > .l-column__item:not(:first-of-type) {
  margin-top: 16px;
}
@media screen and (max-width: 640px) {
  .l-column--1 > .l-column__item:not(:first-of-type) {
    margin-top: 8px;
  }
}
.l-column--2 > .l-column__item {
  width: calc((100% - 4vw) / 2);
}
@media screen and (min-width: 1201px) {
  .l-column--2 > .l-column__item {
    width: calc((100% - 48px) / 2);
  }
}
.l-column--2 > .l-column__item:nth-of-type(2n) {
  margin-left: 4vw;
}
@media screen and (min-width: 1201px) {
  .l-column--2 > .l-column__item:nth-of-type(2n) {
    margin-left: 48px;
  }
}
.l-column--2 > .l-column__item:nth-of-type(n + 3) {
  margin-top: 8px;
}
@media screen and (min-width: 641px) {
  .l-column--2 > .l-column__item:nth-of-type(n + 3) {
    margin-top: 16px;
  }
}
.l-column--3 > .l-column__item {
  width: calc((100% - 8vw) / 3);
}
@media screen and (min-width: 1201px) {
  .l-column--3 > .l-column__item {
    width: calc((100% - 96px) / 3);
  }
}
.l-column--3 > .l-column__item:not(:first-of-type) {
  margin-left: 4vw;
}
@media screen and (min-width: 1201px) {
  .l-column--3 > .l-column__item:not(:first-of-type) {
    margin-left: 48px;
  }
}
.l-column--3 > .l-column__item:nth-of-type(3n + 1) {
  margin-left: 0;
}
.l-column--3 > .l-column__item:nth-of-type(n + 4) {
  margin-top: 8px;
}
@media screen and (min-width: 641px) {
  .l-column--3 > .l-column__item:nth-of-type(n + 4) {
    margin-top: 16px;
  }
}
.l-column--4 > .l-column__item {
  width: calc((100% - 12vw) / 4);
}
@media screen and (min-width: 1201px) {
  .l-column--4 > .l-column__item {
    width: calc((100% - 144px) / 4);
  }
}
.l-column--4 > .l-column__item:not(:first-of-type) {
  margin-left: 4vw;
}
@media screen and (min-width: 1201px) {
  .l-column--4 > .l-column__item:not(:first-of-type) {
    margin-left: 48px;
  }
}
.l-column--4 > .l-column__item:nth-of-type(4n + 1) {
  margin-left: 0;
}
.l-column--4 > .l-column__item:nth-of-type(n + 5) {
  margin-top: 8px;
}
@media screen and (min-width: 641px) {
  .l-column--4 > .l-column__item:nth-of-type(n + 5) {
    margin-top: 16px;
  }
}
.l-column--5 > .l-column__item {
  width: calc((100% - 16vw) / 5);
}
@media screen and (min-width: 1201px) {
  .l-column--5 > .l-column__item {
    width: calc((100% - 192px) / 5);
  }
}
.l-column--5 > .l-column__item:not(:first-of-type) {
  margin-left: 4vw;
}
@media screen and (min-width: 1201px) {
  .l-column--5 > .l-column__item:not(:first-of-type) {
    margin-left: 48px;
  }
}
.l-column--5 > .l-column__item:nth-of-type(5n + 1) {
  margin-left: 0;
}
.l-column--5 > .l-column__item:nth-of-type(n + 6) {
  margin-top: 8px;
}
@media screen and (min-width: 641px) {
  .l-column--5 > .l-column__item:nth-of-type(n + 6) {
    margin-top: 16px;
  }
}
.l-column--6 > .l-column__item {
  width: calc((100% - 20vw) / 6);
}
@media screen and (min-width: 1201px) {
  .l-column--6 > .l-column__item {
    width: calc((100% - 240px) / 6);
  }
}
.l-column--6 > .l-column__item:not(:first-of-type) {
  margin-left: 4vw;
}
@media screen and (min-width: 1201px) {
  .l-column--6 > .l-column__item:not(:first-of-type) {
    margin-left: 48px;
  }
}
.l-column--6 > .l-column__item:nth-of-type(6n + 1) {
  margin-left: 0;
}
.l-column--6 > .l-column__item:nth-of-type(n + 7) {
  margin-top: 8px;
}
@media screen and (min-width: 641px) {
  .l-column--6 > .l-column__item:nth-of-type(n + 7) {
    margin-top: 16px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-2 > .l-column__item {
    width: calc((100% - 4vw) / 2);
  }
  .l-column--pc-2 > .l-column__item:not(:first-of-type) {
    margin-top: 0;
  }
  .l-column--pc-2 > .l-column__item:nth-of-type(n + 3) {
    margin-top: 16px;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-2 > .l-column__item {
    width: calc((100% - 48px) / 2);
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-2 > .l-column__item:nth-of-type(2n) {
    margin-left: 4vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-2 > .l-column__item:nth-of-type(2n) {
    margin-left: 48px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-3 > .l-column__item {
    width: calc((100% - 8vw) / 3);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-3 > .l-column__item {
    width: calc((100% - 96px) / 3);
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-3 > .l-column__item:not(:first-of-type) {
    margin-top: 0;
  }
  .l-column--pc-3 > .l-column__item:nth-of-type(n + 4) {
    margin-top: 16px;
  }
  .l-column--pc-3 > .l-column__item:not(:first-of-type) {
    margin-left: 4vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-3 > .l-column__item:not(:first-of-type) {
    margin-left: 48px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-3 > .l-column__item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-4 > .l-column__item {
    width: calc((100% - 12vw) / 4);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-4 > .l-column__item {
    width: calc((100% - 144px) / 4);
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-4 > .l-column__item:not(:first-of-type) {
    margin-top: 0;
  }
  .l-column--pc-4 > .l-column__item:nth-of-type(n + 5) {
    margin-top: 16px;
  }
  .l-column--pc-4 > .l-column__item:not(:first-of-type) {
    margin-left: 4vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-4 > .l-column__item:not(:first-of-type) {
    margin-left: 48px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-4 > .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-5 > .l-column__item {
    width: calc((100% - 16vw) / 5);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-5 > .l-column__item {
    width: calc((100% - 192px) / 5);
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-5 > .l-column__item:not(:first-of-type) {
    margin-top: 0;
  }
  .l-column--pc-5 > .l-column__item:nth-of-type(n + 6) {
    margin-top: 16px;
  }
  .l-column--pc-5 > .l-column__item:not(:first-of-type) {
    margin-left: 4vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-5 > .l-column__item:not(:first-of-type) {
    margin-left: 48px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-5 > .l-column__item:nth-of-type(5n + 1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-6 > .l-column__item {
    width: calc((100% - 20vw) / 6);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-6 > .l-column__item {
    width: calc((100% - 240px) / 6);
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-6 > .l-column__item:not(:first-of-type) {
    margin-top: 0;
  }
  .l-column--pc-6 > .l-column__item:nth-of-type(n + 7) {
    margin-top: 16px;
  }
  .l-column--pc-6 > .l-column__item:not(:first-of-type) {
    margin-left: 4vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--pc-6 > .l-column__item:not(:first-of-type) {
    margin-left: 48px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-6 > .l-column__item:nth-of-type(6n + 1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 641px) {
  .l-column--space-s.l-column--2 > .l-column__item, .l-column--space-s.l-column--pc-2 > .l-column__item {
    width: calc((100% - 2vw) / 2);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--space-s.l-column--2 > .l-column__item, .l-column--space-s.l-column--pc-2 > .l-column__item {
    width: calc((100% - 24px) / 2);
  }
}
@media screen and (min-width: 641px) {
  .l-column--space-s.l-column--2 > .l-column__item:nth-of-type(2n), .l-column--space-s.l-column--pc-2 > .l-column__item:nth-of-type(2n) {
    margin-left: 2vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--space-s.l-column--2 > .l-column__item:nth-of-type(2n), .l-column--space-s.l-column--pc-2 > .l-column__item:nth-of-type(2n) {
    margin-left: 24px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--space-s.l-column--3 > .l-column__item, .l-column--space-s.l-column--pc-3 > .l-column__item {
    width: calc((100% - 4vw) / 3);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--space-s.l-column--3 > .l-column__item, .l-column--space-s.l-column--pc-3 > .l-column__item {
    width: calc((100% - 48px) / 3);
  }
}
@media screen and (min-width: 641px) {
  .l-column--space-s.l-column--3 > .l-column__item:not(:first-of-type), .l-column--space-s.l-column--pc-3 > .l-column__item:not(:first-of-type) {
    margin-left: 2vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--space-s.l-column--3 > .l-column__item:not(:first-of-type), .l-column--space-s.l-column--pc-3 > .l-column__item:not(:first-of-type) {
    margin-left: 24px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--space-s.l-column--3 > .l-column__item:nth-of-type(3n + 1), .l-column--space-s.l-column--pc-3 > .l-column__item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 641px) {
  .l-column--space-s.l-column--4 > .l-column__item, .l-column--space-s.l-column--pc-4 > .l-column__item {
    width: calc((100% - 6vw) / 4);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--space-s.l-column--4 > .l-column__item, .l-column--space-s.l-column--pc-4 > .l-column__item {
    width: calc((100% - 72px) / 4);
  }
}
@media screen and (min-width: 641px) {
  .l-column--space-s.l-column--4 > .l-column__item:not(:first-of-type), .l-column--space-s.l-column--pc-4 > .l-column__item:not(:first-of-type) {
    margin-left: 2vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--space-s.l-column--4 > .l-column__item:not(:first-of-type), .l-column--space-s.l-column--pc-4 > .l-column__item:not(:first-of-type) {
    margin-left: 24px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--space-s.l-column--4 > .l-column__item:nth-of-type(4n + 1), .l-column--space-s.l-column--pc-4 > .l-column__item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 641px) {
  .l-column--space-s.l-column--5 > .l-column__item, .l-column--space-s.l-column--pc-5 > .l-column__item {
    width: calc((100% - 8vw) / 5);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--space-s.l-column--5 > .l-column__item, .l-column--space-s.l-column--pc-5 > .l-column__item {
    width: calc((100% - 96px) / 5);
  }
}
@media screen and (min-width: 641px) {
  .l-column--space-s.l-column--5 > .l-column__item:not(:first-of-type), .l-column--space-s.l-column--pc-5 > .l-column__item:not(:first-of-type) {
    margin-left: 2vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--space-s.l-column--5 > .l-column__item:not(:first-of-type), .l-column--space-s.l-column--pc-5 > .l-column__item:not(:first-of-type) {
    margin-left: 24px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--space-s.l-column--5 > .l-column__item:nth-of-type(5n + 1), .l-column--space-s.l-column--pc-5 > .l-column__item:nth-of-type(5n + 1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 641px) {
  .l-column--space-s.l-column--6 > .l-column__item, .l-column--space-s.l-column--pc-6 > .l-column__item {
    width: calc((100% - 10vw) / 6);
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--space-s.l-column--6 > .l-column__item, .l-column--space-s.l-column--pc-6 > .l-column__item {
    width: calc((100% - 120px) / 6);
  }
}
@media screen and (min-width: 641px) {
  .l-column--space-s.l-column--6 > .l-column__item:not(:first-of-type), .l-column--space-s.l-column--pc-6 > .l-column__item:not(:first-of-type) {
    margin-left: 2vw;
  }
}
@media screen and (min-width: 641px) and (min-width: 1201px) {
  .l-column--space-s.l-column--6 > .l-column__item:not(:first-of-type), .l-column--space-s.l-column--pc-6 > .l-column__item:not(:first-of-type) {
    margin-left: 24px;
  }
}
@media screen and (min-width: 641px) {
  .l-column--space-s.l-column--6 > .l-column__item:nth-of-type(6n + 1), .l-column--space-s.l-column--pc-6 > .l-column__item:nth-of-type(6n + 1) {
    margin-left: 0;
  }
}
.l-column--margin-xs {
  margin: 8px 0;
}
.l-column--margin-s {
  margin: 12px 0;
}
.l-column--margin-m {
  margin: 16px 0;
}
.l-column--margin-l {
  margin: 24px 0;
}
.l-column--margin-xl {
  margin: 32px 0;
}
.l-column--margin-auto {
  margin: 0 auto;
}
.l-column--margin-auto-xs {
  margin: 8px auto;
}
.l-column--margin-auto-s {
  margin: 12px auto;
}
.l-column--margin-auto-m {
  margin: 16px auto;
}
.l-column--margin-auto-l {
  margin: 24px auto;
}
.l-column--margin-auto-xl {
  margin: 32px auto;
}
@media screen and (min-width: 641px) {
  .l-column--pc-margin-xs {
    margin: 8px 0;
  }
  .l-column--pc-margin-s {
    margin: 12px 0;
  }
  .l-column--pc-margin-m {
    margin: 16px 0;
  }
  .l-column--pc-margin-l {
    margin: 24px 0;
  }
  .l-column--pc-margin-xl {
    margin: 32px 0;
  }
}
@media screen and (min-width: 641px) {
  .l-column--pc-margin-auto {
    margin: 0 auto;
  }
  .l-column--pc-margin-auto-xs {
    margin: 8px auto;
  }
  .l-column--pc-margin-auto-s {
    margin: 12px auto;
  }
  .l-column--pc-margin-auto-m {
    margin: 16px auto;
  }
  .l-column--pc-margin-auto-l {
    margin: 24px auto;
  }
  .l-column--pc-margin-auto-xl {
    margin: 32px auto;
  }
}
.l-column--maxW-none {
  max-width: none !important;
}
.l-column--border .l-column__item {
  position: relative;
}
.l-column--border .l-column__item:not(:first-of-type)::before {
  position: absolute;
  left: calc(-24 / 1200 * 100vw);
  top: 0;
  width: 2px;
  height: 100%;
  content: "";
  background-color: var(--color-palette-gray-100);
  border-radius: 2px;
}
@media screen and (min-width: 1201px) {
  .l-column--border .l-column__item:not(:first-of-type)::before {
    left: -24px;
  }
}
@media screen and (max-width: 640px) {
  .l-column--border .l-column__item:not(:first-of-type)::before {
    left: calc(-8 / 375 * 100vw);
  }
}

.l-imageColumn {
  display: flex;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .l-imageColumn {
    flex-direction: column;
  }
}
.l-imageColumn > *:first-child {
  margin-top: 0;
}
.l-imageColumn > *:last-child {
  margin-bottom: 0;
}
.l-imageColumn__imageBox {
  width: 38.0952380952%;
}
@media screen and (max-width: 640px) {
  .l-imageColumn__imageBox {
    width: 100%;
  }
}
.l-imageColumn__contentsBox {
  width: 66.6666666667%;
  margin-left: 4vw;
}
@media screen and (min-width: 1201px) {
  .l-imageColumn__contentsBox {
    margin-left: 48px;
  }
}
@media screen and (max-width: 640px) {
  .l-imageColumn__contentsBox {
    width: 100%;
    margin-top: 24px;
    margin-left: 0;
  }
}
.l-imageColumn__contents > *:first-child {
  margin-top: 0;
}
.l-imageColumn__contents > *:last-child {
  margin-bottom: 0;
}
.l-imageColumn--reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 640px) {
  .l-imageColumn--reverse {
    flex-direction: column-reverse;
  }
}
.l-imageColumn--reverse .l-imageColumn__contentsBox {
  width: 61.9047619048%;
}
@media screen and (max-width: 640px) {
  .l-imageColumn--reverse .l-imageColumn__contentsBox {
    width: 100%;
  }
}
.l-imageColumn--reverse .l-imageColumn__contentsBox:has(+ .l-imageColumn--reverse .l-imageColumn__contentsBox root__imageBox) {
  margin-top: 0;
}
.l-imageColumn--reverse .l-imageColumn__imageBox {
  margin-left: 4vw;
}
@media screen and (min-width: 1201px) {
  .l-imageColumn--reverse .l-imageColumn__imageBox {
    margin-left: 48px;
  }
}
@media screen and (max-width: 640px) {
  .l-imageColumn--reverse .l-imageColumn__imageBox {
    margin-top: 24px;
    margin-left: 0;
  }
}
.l-imageColumn--reverse .l-imageColumn__imageBox + .l-imageColumn__contentsBox {
  margin-top: 0;
}
@media screen and (max-width: 640px) {
  .l-imageColumn--reverse-pc {
    flex-direction: column;
  }
}
@media screen and (max-width: 640px) {
  .l-imageColumn--reverse-pc .l-imageColumn__imageBox {
    margin-top: 0;
  }
}
@media screen and (max-width: 640px) {
  .l-imageColumn--reverse-pc .l-imageColumn__imageBox + .l-imageColumn__contentsBox {
    margin-top: 24px;
  }
}
@media screen and (max-width: 640px) {
  .l-imageColumn--size-s {
    flex-direction: row;
  }
}
.l-imageColumn--size-s .l-imageColumn__imageBox {
  width: 28.5714285714%;
}
@media screen and (max-width: 640px) {
  .l-imageColumn--size-s .l-imageColumn__imageBox {
    width: 100%;
  }
}
.l-imageColumn--size-s .l-imageColumn__contentsBox {
  width: 78.5714285714%;
  margin-left: 2vw;
}
@media screen and (min-width: 1201px) {
  .l-imageColumn--size-s .l-imageColumn__contentsBox {
    margin-left: 24px;
  }
}
@media screen and (max-width: 640px) {
  .l-imageColumn--size-s .l-imageColumn__contentsBox {
    width: 100%;
    margin-top: 0;
    margin-left: 4vw;
  }
}
.l-imageColumn--size-s.l-imageColumn--reverse .l-imageColumn__contentsBox {
  width: 73.8095238095%;
  margin-left: 4vw;
}
@media screen and (min-width: 1201px) {
  .l-imageColumn--size-s.l-imageColumn--reverse .l-imageColumn__contentsBox {
    margin-left: 48px;
  }
}
@media screen and (max-width: 640px) {
  .l-imageColumn--size-s.l-imageColumn--reverse .l-imageColumn__contentsBox {
    width: 100%;
  }
}
.l-imageColumn--size-s.l-imageColumn--reverse .l-imageColumn__imageBox {
  margin-left: 2vw;
}
@media screen and (min-width: 1201px) {
  .l-imageColumn--size-s.l-imageColumn--reverse .l-imageColumn__imageBox {
    margin-left: 24px;
  }
}
@media screen and (max-width: 640px) {
  .l-imageColumn--size-s.l-imageColumn--reverse .l-imageColumn__imageBox {
    margin-left: 0;
  }
}
.l-imageColumn--size-l .l-imageColumn__imageBox {
  width: 66.6666666667%;
}
@media screen and (max-width: 640px) {
  .l-imageColumn--size-l .l-imageColumn__imageBox {
    width: 100%;
  }
}
.l-imageColumn--size-l .l-imageColumn__contentsBox {
  width: 38.0952380952%;
  margin-left: 4vw;
}
@media screen and (min-width: 1201px) {
  .l-imageColumn--size-l .l-imageColumn__contentsBox {
    margin-left: 48px;
  }
}
@media screen and (max-width: 640px) {
  .l-imageColumn--size-l .l-imageColumn__contentsBox {
    width: 100%;
    margin-left: 0;
  }
}
.l-imageColumn--size-l.l-imageColumn--reverse .l-imageColumn__contentsBox {
  width: 33.3333333333%;
  margin-left: 4vw;
}
@media screen and (min-width: 1201px) {
  .l-imageColumn--size-l.l-imageColumn--reverse .l-imageColumn__contentsBox {
    margin-left: 48px;
  }
}
@media screen and (max-width: 640px) {
  .l-imageColumn--size-l.l-imageColumn--reverse .l-imageColumn__contentsBox {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .l-imageColumn--charm {
    flex-direction: row;
  }
}
.l-imageColumn--charm .l-imageColumn__imageBox {
  width: 96px;
}
@media screen and (max-width: 640px) {
  .l-imageColumn--charm .l-imageColumn__imageBox {
    width: 64px;
  }
}
.l-imageColumn--charm .l-imageColumn__contentsBox {
  max-width: 984px;
  width: calc(100% - 96px - 2vw);
  margin-left: 2vw;
}
@media screen and (min-width: 1201px) {
  .l-imageColumn--charm .l-imageColumn__contentsBox {
    width: calc(100% - 96px - 24px);
    margin-left: 24px;
  }
}
@media screen and (max-width: 640px) {
  .l-imageColumn--charm .l-imageColumn__contentsBox {
    width: calc(100% - 64px - 4vw);
    margin-top: 0;
    margin-left: 4vw;
  }
}
.l-imageColumn--rich .l-imageColumn__imageBox {
  width: 42.8571428571%;
}
@media screen and (max-width: 640px) {
  .l-imageColumn--rich .l-imageColumn__imageBox {
    width: 100%;
  }
}
.l-imageColumn--rich .l-imageColumn__contentsBox {
  width: 52.380952381%;
  margin-left: 8vw;
}
@media screen and (min-width: 1201px) {
  .l-imageColumn--rich .l-imageColumn__contentsBox {
    margin-left: 96px;
  }
}
@media screen and (max-width: 640px) {
  .l-imageColumn--rich .l-imageColumn__contentsBox {
    width: 100%;
    margin-left: 0;
  }
}
.l-imageColumn--pos-left {
  justify-content: flex-start;
}
.l-imageColumn--pos-center {
  justify-content: center;
}
.l-imageColumn--pos-right {
  justify-content: flex-end;
}
.l-imageColumn--align-start {
  align-items: flex-start;
}
.l-imageColumn--align-center {
  align-items: center;
}
.l-imageColumn--align-end {
  align-items: flex-end;
}
.l-imageColumn--margin-xs {
  margin: 8px 0;
}
.l-imageColumn--margin-s {
  margin: 12px 0;
}
.l-imageColumn--margin-m {
  margin: 16px 0;
}
.l-imageColumn--margin-l {
  margin: 24px 0;
}
.l-imageColumn--margin-xl {
  margin: 32px 0;
}
.l-imageColumn--margin-auto {
  margin: 0 auto;
}
.l-imageColumn--margin-auto-xs {
  margin: 8px auto;
}
.l-imageColumn--margin-auto-s {
  margin: 12px auto;
}
.l-imageColumn--margin-auto-m {
  margin: 16px auto;
}
.l-imageColumn--margin-auto-l {
  margin: 24px auto;
}
.l-imageColumn--margin-auto-xl {
  margin: 32px auto;
}
@media screen and (min-width: 641px) {
  .l-imageColumn--pc-margin-xs {
    margin: 8px 0;
  }
  .l-imageColumn--pc-margin-s {
    margin: 12px 0;
  }
  .l-imageColumn--pc-margin-m {
    margin: 16px 0;
  }
  .l-imageColumn--pc-margin-l {
    margin: 24px 0;
  }
  .l-imageColumn--pc-margin-xl {
    margin: 32px 0;
  }
}
@media screen and (min-width: 641px) {
  .l-imageColumn--pc-margin-center {
    margin: 0 auto;
  }
  .l-imageColumn--pc-margin-center-xs {
    margin: 8px auto;
  }
  .l-imageColumn--pc-margin-center-s {
    margin: 12px auto;
  }
  .l-imageColumn--pc-margin-center-m {
    margin: 16px auto;
  }
  .l-imageColumn--pc-margin-center-l {
    margin: 24px auto;
  }
  .l-imageColumn--pc-margin-center-xl {
    margin: 32px auto;
  }
}

.l-list {
  counter-reset: container_counter 0;
  margin: 24px 0;
}
@media screen and (max-width: 640px) {
  .l-list {
    margin: 16px 0;
  }
}
.l-list__item {
  position: relative;
  padding-left: 26px;
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  .l-list__item {
    padding-left: 26px;
  }
}
.l-list__item:not(:first-of-type) {
  margin-top: 8px;
}
.l-list__item::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
}
.l-list__item--icon-none {
  padding-left: 0 !important;
}
.l-list__item--icon-none::before {
  content: none !important;
}
.l-list__item .l-list {
  margin-top: 0;
}
.l-list__item:has(.l-list) {
  padding-left: 24px;
}
.l-list__item:has(.l-list)::before {
  content: none;
}
.l-list--num > .l-list__item:not(.l-list__item--count-off) {
  counter-increment: container_counter;
}
.l-list--num > .l-list__item:not(.l-list__item--count-off)::before {
  content: counter(container_counter) ".";
}
.l-list--num > .l-list__item--num-order-2::before {
  content: "2" !important;
}
.l-list--num > .l-list__item--num-order-3::before {
  content: "3" !important;
}
.l-list--num > .l-list__item--num-order-4::before {
  content: "4" !important;
}
.l-list--num > .l-list__item--num-order-5::before {
  content: "5" !important;
}
.l-list--num > .l-list__item--num-order-6::before {
  content: "6" !important;
}
.l-list--num > .l-list__item--num-order-7::before {
  content: "7" !important;
}
.l-list--num > .l-list__item--num-order-8::before {
  content: "8" !important;
}
.l-list--num > .l-list__item--num-order-9::before {
  content: "9" !important;
}
.l-list--num > .l-list__item--num-order-10::before {
  content: "10" !important;
}
.l-list--annotation .l-list__item {
  padding-left: 18px;
  font-size: 0.875rem;
}
@media screen and (max-width: 640px) {
  .l-list--annotation .l-list__item {
    padding-left: 16px;
    font-size: 0.75rem;
  }
}
.l-list--annotation .l-list__item > p, .l-list--annotation .l-list__item > a, .l-list--annotation .l-list__item > span, .l-list--annotation .l-list__item .c-text {
  font-size: 0.875rem;
  color: var(--color-palette-gray-700);
}
@media screen and (max-width: 640px) {
  .l-list--annotation .l-list__item > p, .l-list--annotation .l-list__item > a, .l-list--annotation .l-list__item > span, .l-list--annotation .l-list__item .c-text {
    font-size: 0.75rem;
  }
}
.l-list--annotation .l-list__item::before {
  content: "※";
  color: var(--color-palette-gray-700);
}
.l-list--annotation + .l-list--annotation, .l-list--annotation + .l-list--annotation--num {
  margin-top: 8px;
}
.l-list--annotation + .l-list--annotation .l-list__item, .l-list--annotation + .l-list--annotation--num .l-list__item {
  padding-left: 34px;
}
@media screen and (max-width: 640px) {
  .l-list--annotation + .l-list--annotation .l-list__item, .l-list--annotation + .l-list--annotation--num .l-list__item {
    padding-left: 30px;
  }
}
.l-list--annotation:has(+ .l-list--annotation), .l-list--annotation:has(+ .l-list--annotation--num) {
  margin-bottom: 0;
}
.l-list--annotation:has(+ .l-list--annotation) .l-list__item, .l-list--annotation:has(+ .l-list--annotation--num) .l-list__item {
  padding-left: 34px;
}
@media screen and (max-width: 640px) {
  .l-list--annotation:has(+ .l-list--annotation) .l-list__item, .l-list--annotation:has(+ .l-list--annotation--num) .l-list__item {
    padding-left: 30px;
  }
}
.l-list--annotation-num .l-list__item {
  padding-left: 34px;
  font-size: 0.875rem;
}
@media screen and (max-width: 640px) {
  .l-list--annotation-num .l-list__item {
    padding-left: 30px;
    font-size: 0.75rem;
  }
}
.l-list--annotation-num .l-list__item p {
  font-size: 0.875rem;
  color: var(--color-palette-gray-700);
}
@media screen and (max-width: 640px) {
  .l-list--annotation-num .l-list__item p {
    font-size: 0.75rem;
  }
}
.l-list--annotation-num .l-list__item--num-order-2::before {
  content: "※2" !important;
}
.l-list--annotation-num .l-list__item--num-order-3::before {
  content: "※3" !important;
}
.l-list--annotation-num .l-list__item--num-order-4::before {
  content: "※4" !important;
}
.l-list--annotation-num .l-list__item--num-order-5::before {
  content: "※5" !important;
}
.l-list--annotation-num .l-list__item--num-order-6::before {
  content: "※6" !important;
}
.l-list--annotation-num .l-list__item--num-order-7::before {
  content: "※7" !important;
}
.l-list--annotation-num .l-list__item--num-order-8::before {
  content: "※8" !important;
}
.l-list--annotation-num .l-list__item--num-order-9::before {
  content: "※9" !important;
}
.l-list--annotation-num .l-list__item--num-order-10::before {
  content: "※10" !important;
}
.l-list--annotation-num > .l-list__item:not(.l-list__item--count-off) {
  counter-increment: container_counter;
}
.l-list--annotation-num > .l-list__item:not(.l-list__item--count-off)::before {
  content: "※" counter(container_counter);
  color: var(--color-palette-gray-700);
}
.l-list--border .l-list__item {
  padding: 16px 0;
  border-top: 1px solid var(--color-palette-gray-100);
}
.l-list--border .l-list__item:not(:first-of-type) {
  margin-top: 0;
}
.l-list--border .l-list__item::before {
  content: none !important;
}
.l-list--margin-auto {
  margin: 0 auto;
}
.l-list--width-fit {
  width: fit-content;
}

.l-sectionTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 calc(48 / 1200 * 100vw);
  max-width: 1200px;
  margin: 48px auto;
}
@media screen and (min-width: 1201px) {
  .l-sectionTitle {
    padding: 0 48px;
  }
}
@media screen and (max-width: 640px) {
  .l-sectionTitle {
    display: block;
    padding: 0 calc(15 / 375 * 100vw);
    margin: 64px auto 8px;
    text-align: center;
  }
}
.l-sectionTitle__headline {
  width: 34.8%;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .l-sectionTitle__headline {
    width: 100%;
    padding: 0 15px;
  }
}
.l-sectionTitle__headlineTitle {
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--color-palette-blue-primary);
}
@media screen and (max-width: 640px) {
  .l-sectionTitle__headlineTitle {
    font-size: 1.75rem;
  }
}
.l-sectionTitle__headlineTitle--sp-ta-left {
  text-align: left;
}
.l-sectionTitle__headline .c-textLink {
  margin-top: 8px;
}
.l-sectionTitle__headline .c-text--badge + .l-sectionTitle__headlineSubTitle {
  margin-top: 8px;
}
.l-sectionTitle__headlineSubTitle {
  font-size: 1rem;
  font-weight: bold;
  color: var(--color-palette-blue-primary);
  vertical-align: middle;
}
@media screen and (max-width: 640px) {
  .l-sectionTitle__headlineSubTitle {
    display: inline-block;
    margin-top: 0;
    margin-left: 8px;
    font-size: 0.75rem;
  }
}
.l-sectionTitle__imageBox {
  position: relative;
  max-height: 297px;
  width: 60.8%;
}
@media screen and (max-width: 640px) {
  .l-sectionTitle__imageBox {
    max-height: none;
    width: 100%;
    margin-top: 8px;
  }
}
.l-sectionTitle__imageBox img {
  position: relative;
  max-height: inherit;
  max-width: 100%;
  width: auto;
  margin: 0 auto;
  border-radius: 16px;
  z-index: 1;
}
@media screen and (max-width: 640px) {
  .l-sectionTitle__imageBox img {
    width: 100%;
  }
}
.l-sectionTitle__imageBox::before {
  position: absolute;
  top: -20px;
  left: -4px;
  width: 108%;
  height: auto;
  aspect-ratio: 1008/638;
  content: "";
  background-image: url(/components/assets/img/common/bg_page_title.png);
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: -1;
}
@media screen and (max-width: 640px) {
  .l-sectionTitle__imageBox::before {
    top: -140px;
    left: auto;
    right: -74px;
    width: 161%;
    aspect-ratio: 558/313;
    background-image: url(/components/assets/img/common/bg_page_title_sp.png);
  }
}
.l-sectionTitle--image-s {
  padding: 0 calc(96 / 1200 * 100vw) 0 calc(48 / 1200 * 100vw);
}
@media screen and (min-width: 1201px) {
  .l-sectionTitle--image-s {
    padding: 0 96px 0 48px;
  }
}
@media screen and (max-width: 640px) {
  .l-sectionTitle--image-s {
    padding: 0 calc(15 / 375 * 100vw);
  }
}
.l-sectionTitle--image-s .l-sectionTitle__headline {
  width: 45.4545454545%;
}
@media screen and (max-width: 640px) {
  .l-sectionTitle--image-s .l-sectionTitle__headline {
    width: 100%;
  }
}
.l-sectionTitle--image-s .l-sectionTitle__imageBox {
  width: 45.4545454545%;
}
@media screen and (max-width: 640px) {
  .l-sectionTitle--image-s .l-sectionTitle__imageBox {
    width: 100%;
  }
}
.l-sectionTitle--image-s .l-sectionTitle__imageBox::before {
  left: auto;
  right: calc(-96 / 1200 * 100vw);
  width: 151.875%;
}
@media screen and (min-width: 1201px) {
  .l-sectionTitle--image-s .l-sectionTitle__imageBox::before {
    right: -96px;
  }
}
@media screen and (max-width: 640px) {
  .l-sectionTitle--image-s .l-sectionTitle__imageBox::before {
    top: -140px;
    left: auto;
    right: -74px;
  }
}
.l-sectionTitle--rich {
  padding: 0 calc(48 / 1200 * 100vw);
}
@media screen and (min-width: 1201px) {
  .l-sectionTitle--rich {
    padding: 0 48px;
  }
}
@media screen and (max-width: 640px) {
  .l-sectionTitle--rich {
    padding: 0 calc(15 / 375 * 100vw);
  }
}
.l-sectionTitle--rich .l-sectionTitle__headline {
  width: 45.4545454545%;
}
@media screen and (max-width: 640px) {
  .l-sectionTitle--rich .l-sectionTitle__headline {
    width: 100%;
  }
}
.l-sectionTitle--rich .l-sectionTitle__imageBox {
  width: 45.4545454545%;
}
@media screen and (max-width: 640px) {
  .l-sectionTitle--rich .l-sectionTitle__imageBox {
    width: 100%;
  }
}
.l-sectionTitle--rich .l-sectionTitle__imageBox::before {
  left: auto;
  right: calc(-96 / 1200 * 100vw);
  width: 151.875%;
}
@media screen and (min-width: 1201px) {
  .l-sectionTitle--rich .l-sectionTitle__imageBox::before {
    right: -96px;
  }
}
@media screen and (max-width: 640px) {
  .l-sectionTitle--rich .l-sectionTitle__imageBox::before {
    top: -140px;
    left: auto;
    right: -74px;
  }
}
@media screen and (min-width: 641px) {
  .l-sectionTitle--secondary {
    display: block;
    padding: 24px;
    text-align: center;
  }
  .l-sectionTitle--secondary .l-sectionTitle__headline {
    width: 100%;
  }
  .l-sectionTitle--secondary .l-sectionTitle__headline .c-text--badge + .l-sectionTitle__headlineSubTitle {
    margin-top: 0;
    margin-left: 12px;
  }
  .l-sectionTitle--secondary .l-sectionTitle__headlineSubTitle {
    display: inline-block;
  }
  .l-sectionTitle--secondary .l-sectionTitle__imageBox {
    max-width: 912px;
    max-height: none;
    width: 100%;
    margin: 0 auto;
    margin-top: 24px;
  }
}
.l-sectionTitle--secondary .c-textLink {
  margin-top: 16px;
}
@media screen and (max-width: 640px) {
  .l-sectionTitle--secondary .c-textLink {
    margin-top: 8px;
  }
}

.l-stepper {
  margin: 24px 0;
  counter-reset: container_counter 1;
}
@media screen and (max-width: 640px) {
  .l-stepper {
    margin: 16px 0;
  }
}
.l-stepper__item {
  position: relative;
  display: flex;
  box-sizing: border-box;
}
.l-stepper__item + .l-stepper__item {
  counter-increment: container_counter;
}
.l-stepper__item:not(:first-child) {
  margin-top: 24px;
}
@media screen and (max-width: 640px) {
  .l-stepper__item:not(:first-child) {
    margin-top: 32px;
  }
}
.l-stepper__item:not(:last-child)::after {
  position: absolute;
  top: 52px;
  left: 23px;
  width: 2px;
  height: 100%;
  content: "";
  background-color: var(--color-palette-gray-200);
  border-radius: 8px;
}
.l-stepper__item::before {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: -4px;
  content: counter(container_counter);
  font-weight: 800;
  line-height: 1;
  max-width: 56px;
  height: 56px;
  font-size: 1.125rem;
  color: #FFFFFF;
  background-color: var(--color-palette-blue-primary);
  border: 4px solid var(--color-palette-white-primary);
  border-radius: 100%;
}
.l-stepper__contentsBox {
  flex: 1;
  width: 100%;
  margin-left: 12px;
}
@media screen and (max-width: 640px) {
  .l-stepper__contentsBox {
    margin-left: 8px;
  }
}
.l-stepper__titleWrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.l-stepper__title {
  margin-top: 16px;
  font-size: 1.25rem;
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .l-stepper__title {
    margin-top: 18px;
    font-size: 1rem;
  }
}
.l-stepper__title:has(+ .l-stepper__subTitle) {
  margin-top: 0;
}
.l-stepper__title + .l-stepper__subTitle {
  margin-top: 4px;
}
.l-stepper__subTitle + .l-stepper__title {
  margin-top: 4px;
}
.l-stepper__contents {
  margin-top: 16px;
  border-radius: 24px;
}
@media screen and (max-width: 640px) {
  .l-stepper__contents {
    border-radius: 8px;
  }
}
.l-stepper__contents > *:first-child {
  margin-top: 0 !important;
}
.l-stepper__contents > *:last-child {
  margin-bottom: 0 !important;
}
.l-stepper__contents--bg-gray {
  padding: 48px;
  background-color: var(--color-palette-gray-10);
}
@media screen and (max-width: 640px) {
  .l-stepper__contents--bg-gray {
    padding: 16px;
  }
}
.l-stepper__contents--row {
  display: flex;
}
@media screen and (max-width: 640px) {
  .l-stepper__contents--row {
    flex-direction: column;
  }
}
.l-stepper__contentsTitle {
  min-width: 80px;
}
@media screen and (max-width: 640px) {
  .l-stepper__contentsTitle {
    min-width: auto;
  }
}
.l-stepper__contentsMain {
  margin-left: 48px;
}
@media screen and (max-width: 640px) {
  .l-stepper__contentsMain {
    margin-top: 8px;
    margin-left: 0;
  }
}
.l-stepper--bg-gray .l-stepper__contents {
  background-color: var(--color-palette-gray-10);
}
@media screen and (min-width: 641px) {
  .l-stepper--secondary {
    display: flex;
    justify-content: center;
    max-width: 1104px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 641px) {
  .l-stepper--secondary .l-stepper__item {
    flex-direction: column;
    width: 264px;
  }
}
@media screen and (min-width: 641px) {
  .l-stepper--secondary .l-stepper__item::before {
    left: 50%;
    max-width: 40px;
    width: 40px;
    height: 40px;
    margin-left: 0;
    font-size: 1rem;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 640px) {
  .l-stepper--secondary .l-stepper__item::before {
    max-width: 32px;
    width: 32px;
    height: 32px;
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 641px) {
  .l-stepper--secondary .l-stepper__item:not(:first-child) {
    margin-top: 0;
    margin-left: 16px;
  }
}
@media screen and (max-width: 640px) {
  .l-stepper--secondary .l-stepper__item:not(:first-child) {
    margin-top: 12px;
  }
}
@media screen and (min-width: 641px) {
  .l-stepper--secondary .l-stepper__item:not(:last-child)::after {
    top: 20px;
    left: 50%;
    width: 100%;
    height: 2px;
  }
}
@media screen and (max-width: 640px) {
  .l-stepper--secondary .l-stepper__item:not(:last-child)::after {
    top: 16px;
    left: 12px;
  }
}
@media screen and (min-width: 641px) {
  .l-stepper--secondary .l-stepper__contentsBox {
    margin-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .l-stepper--secondary .l-stepper__contentsBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 4px;
  }
}
@media screen and (min-width: 641px) {
  .l-stepper--secondary .l-stepper__contentsBox:has(.l-stepper__contents) .l-stepper__title {
    margin-top: 4px;
    font-size: 1rem;
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .l-stepper--secondary .l-stepper__contentsBox:has(.l-stepper__contents) .l-stepper__title {
    margin-top: 4px;
  }
}
@media screen and (min-width: 641px) {
  .l-stepper--secondary .l-stepper__title {
    margin-top: 4px;
    font-size: 1rem;
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .l-stepper--secondary .l-stepper__title {
    margin-top: 0;
  }
}
.l-stepper--secondary .l-stepper__partsBox {
  margin-top: 16px;
}
.l-stepper--secondary .l-stepper__partsBox > *:first-child {
  margin-top: 0 !important;
}
.l-stepper--secondary .l-stepper__partsBox > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 640px) {
  .l-stepper--secondary-pc .l-stepper__item::before {
    max-width: 56px;
    width: 100%;
    height: 56px;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 640px) {
  .l-stepper--secondary-pc .l-stepper__item:not(:first-child) {
    margin-top: 32px;
  }
}
@media screen and (max-width: 640px) {
  .l-stepper--secondary-pc .l-stepper__item:not(:last-child)::after {
    top: 52px;
    left: 23px;
  }
}
@media screen and (max-width: 640px) {
  .l-stepper--secondary-pc .l-stepper__contentsBox {
    margin-left: 8px;
  }
}
@media screen and (max-width: 640px) {
  .l-stepper--secondary-pc .l-stepper__contentsBox:has(.l-stepper__contents) .l-stepper__title {
    margin-top: 18px;
  }
}
@media screen and (max-width: 640px) {
  .l-stepper--secondary-pc .l-stepper__title {
    margin-top: 0;
  }
}

.l-tab {
  margin: 16px 0;
  border-top: none;
}
@media screen and (max-width: 640px) {
  .l-tab {
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
}
.l-tab__list {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
}
.l-tab__list--bg-gray {
  padding: 8px;
  background-color: var(--color-palette-gray-100);
  border-radius: 20px;
}
.l-tab__list--bg-gray > .l-tab__item {
  padding: 16px 8px;
}
.l-tab__list--bg-gray > .l-tab__item.is-active {
  border-radius: 18px;
  border: none;
}
.l-tab__list--bg-gray > .l-tab__item:hover {
  border-radius: 18px;
}
.l-tab__item {
  padding: 24px 16px;
  width: 50%;
  border-bottom: none;
  background-color: var(--color-palette-gray-100);
  box-shadow: none;
  font-weight: bold;
  color: var(--color-palette-gray-700);
  text-align: center;
  font-size: 1.25rem;
  text-decoration: none;
  border-radius: 24px 24px 0 0;
  border: 2px solid var(--color-palette-gray-100);
  border-width: 2px 2px 0 2px;
}
@media screen and (max-width: 640px) {
  .l-tab__item {
    padding: 16px;
    font-size: 1rem;
    border-radius: 16px 16px 0 0;
  }
}
.l-tab__item:hover {
  background-color: var(--color-palette-gray-200);
}
.l-tab__item.is-active {
  color: var(--color-palette-blue-primary);
  border-color: var(--color-palette-blue-primary);
  background-color: #ffffff;
  border-bottom: none;
  pointer-events: none;
}
.l-tab__item--sub {
  padding: 12px 16px;
  font-size: 1rem;
  border-radius: 50vh;
  border: none;
}
@media screen and (max-width: 640px) {
  .l-tab__item--sub {
    font-size: 0.875rem;
  }
}
.l-tab__item--sub.is-active {
  color: var(--color-palette-black-primary);
  border: none;
}
.l-tab__panels {
  position: relative;
  background-color: var(--color-palette-white-primary);
  border-top: none;
}
.l-tab__panels::before, .l-tab__panels::after {
  content: none;
}
.l-tab__panels:has(.l-tab__list) .l-tab__panel {
  padding-top: 32px;
}
.l-tab__panels:has(.l-tab__list) .l-tab__panel .l-tab__panel {
  margin-top: 16px;
}
@media screen and (max-width: 640px) {
  .l-tab__panels:has(.l-tab__list) .l-tab__panel .l-tab__panel {
    margin-top: 12px;
  }
}
.l-tab__panels .l-tab__panel {
  padding: 48px;
}
@media screen and (max-width: 640px) {
  .l-tab__panels .l-tab__panel {
    padding: 32px calc(30 / 375 * 100vw);
  }
}
.l-tab__panels .l-tab__panel .l-tab__panel {
  padding: 0;
  margin-top: 0;
}
.l-tab__panels--border-none.l-tab__panels {
  border: none;
  border-radius: initial;
}
.l-tab > .l-tab__panels {
  border: 2px solid var(--color-palette-gray-100);
  border-radius: 0 0 16px 16px;
  border-top-width: 0;
}
.l-tab > .l-tab__panels.l-tab__panels--border-none {
  border: none;
}
.l-tab__panel {
  display: none;
}
.l-tab__panel.is-show {
  display: block;
}
.l-tab__panel > *:first-child {
  margin-top: 0;
}
.l-tab__panelList {
  padding: 24px 30px;
}
.l-tab__panelItem {
  display: flex;
}
.l-tab__panelItem:not(:first-of-type) {
  margin-top: 16px;
}

@media screen and (max-width: 640px) {
  .l-modal__currencyWrapper > .l-tab, .l-modal__inner > .l-tab {
    margin-right: calc(-30 / 375 * 100vw);
    margin-left: calc(-30 / 375 * 100vw);
  }
}

.l-table {
  margin: 24px 0;
}
@media screen and (max-width: 640px) {
  .l-table {
    overflow-x: scroll;
    margin: 8px 0;
  }
}
.l-table__table {
  width: 100%;
  table-layout: fixed;
  border-radius: 16px;
  overflow: hidden;
}
.l-table:not(.l-table--horizontal-sp) tr:nth-of-type(n + 3) {
  border-top: 1px solid var(--color-palette-gray-200);
}
.l-table td, .l-table th {
  padding: 24px 16px;
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  .l-table td, .l-table th {
    padding: 16px;
  }
}
.l-table td sup, .l-table th sup {
  font-size: 0.75rem;
  vertical-align: super;
}
.l-table th {
  box-sizing: border-box;
  font-size: 0.875rem;
  color: var(--color-palette-white-primary);
  text-align: center;
  background-color: var(--color-palette-blue-primary);
  vertical-align: middle;
}
@media screen and (max-width: 640px) {
  .l-table th {
    width: 150px;
  }
}
.l-table th .c-text {
  color: var(--color-palette-white-primary);
}
.l-table th:not(:first-of-type) {
  border-left: 1px solid var(--color-palette-gray-200);
}
.l-table td {
  box-sizing: border-box;
  font-size: 0.875rem;
  color: var(--color-palette-blue-primary);
  background-color: var(--color-palette-gray-10);
  vertical-align: middle;
  word-break: break-all;
}
.l-table .c-text[class*=c-text--bg-] {
  line-height: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 16px;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  aspect-ratio: 170/78;
  border-radius: 8px;
  background-image: url(/components/assets/img/common/mobile/mobile_price_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.l-table .c-text[class*=c-text--bg-] span {
  line-height: 1.3;
  font-weight: normal;
}
.l-table .c-text[class*=c-text--bg-] .c-text--rich-gold {
  font-weight: bold;
  color: #FBB91C;
}
.l-table .c-text--bg-pink {
  background-image: url(/components/assets/img/common/mobile/mobile_price_bg_pink.png) !important;
}
.l-table--price .l-table__table tr:nth-last-of-type(2) td:first-of-type {
  border-radius: 0 0 0 16px;
}
.l-table--price .l-table__table tr:nth-last-of-type(2) td:last-of-type {
  border-radius: 0 0 16px 0;
}
.l-table--price .l-table__table tr:last-of-type td {
  border-top: 8px solid var(--color-palette-white-primary);
}
@media screen and (max-width: 640px) {
  .l-table--price .l-table__table tr:last-of-type td {
    padding: 24px 8px;
  }
}
.l-table--price .l-table__table tr:last-of-type td:first-of-type {
  border-radius: 16px 0 0 0;
}
.l-table--price .l-table__table tr:last-of-type td:last-of-type {
  border-radius: 0 16px 0 0;
}
.l-table--price .l-table__table th:not(:first-of-type) {
  font-size: 0.875rem;
  font-weight: bold;
}
.l-table--price .l-table__table td {
  text-align: center;
}
@media screen and (max-width: 640px) {
  .l-table--price .l-table__table td {
    padding: 16px 8px;
  }
}
.l-table--price .l-table__table td:first-of-type {
  color: var(--color-palette-gray-700);
}
.l-table--price .l-table__table td:not(:first-of-type) {
  font-size: 1rem;
  font-weight: bold;
  color: var(--color-palette-black-primary);
}
.l-table--note {
  margin: 32px 0;
}
@media screen and (max-width: 640px) {
  .l-table--note {
    margin: 8px 0;
  }
}
.l-table--note .l-table__table {
  border-radius: 0;
}
.l-table--note .l-table__table tr {
  border-top: 1px solid var(--color-palette-gray-200);
}
.l-table--note .l-table__table tr:last-of-type {
  border-bottom: 1px solid var(--color-palette-gray-200);
}
.l-table--note .l-table__table td {
  padding: 24px calc(24 / 1200 * 100vw);
  font-size: 1rem;
  color: var(--color-palette-gray-700);
  background-color: transparent;
  vertical-align: top;
}
@media screen and (max-width: 640px) {
  .l-table--note .l-table__table td {
    padding: 16px 8px;
    font-size: 0.875rem;
  }
}
.l-table--note .l-table__table td:first-of-type {
  max-width: 384px;
  width: 34.7826086957%;
  padding-left: 0;
}
.l-table--note .l-table__table td:not(:first-of-type) {
  max-width: 384px;
  color: var(--color-palette-black-primary);
}
.l-table--note .l-table__table td:last-of-type {
  padding-right: 0;
}
.l-table--horizontal {
  margin: 8px 0;
}
.l-table--horizontal .l-table__table tr:not(:first-of-type) {
  border-top: 1px solid var(--color-palette-gray-200);
}
.l-table--horizontal .l-table__table th {
  max-width: 384px;
  width: 34.7826086957%;
  font-size: 0.875rem;
  text-align: left;
}
@media screen and (max-width: 640px) {
  .l-table--horizontal .l-table__table th {
    font-size: 0.75rem;
  }
}
.l-table--horizontal .l-table__table th:not(:first-of-type) {
  border-left: 1px solid var(--color-palette-gray-200);
}
.l-table--horizontal .l-table__table td {
  max-width: 720px;
  width: 65.2173913043%;
}
.l-table--horizontal--row-2 .l-table__table th[colspan] {
  max-width: 384px;
  width: 34.7826086957%;
}
.l-table--horizontal--row-2 .l-table__table th:not(:first-of-type) {
  border-left: none;
}
.l-table--horizontal--row-2.l-table--title-bg-gray .l-table__table tr:not(:first-of-type) {
  border-top: 1px solid var(--color-palette-gray-200);
}
.l-table--horizontal--row-2.l-table--title-bg-gray .l-table__table tr:not(:first-of-type) th {
  border-top: 1px solid var(--color-palette-gray-200);
  border-left: 1px solid var(--color-palette-gray-200);
}
.l-table--horizontal--row-2.l-table--title-bg-gray .l-table__table td {
  color: var(--color-palette-black-primary);
}
@media screen and (min-width: 641px) {
  .l-table--horizontal-sp tbody {
    display: flex;
  }
  .l-table--horizontal-sp .l-table__table tr {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
  }
  .l-table--horizontal-sp .l-table__table tr th, .l-table--horizontal-sp .l-table__table tr td {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    max-width: none;
    width: 100%;
  }
  .l-table--horizontal-sp .l-table__table tr th {
    align-items: center;
    justify-content: center;
    height: 78px;
  }
  .l-table--horizontal-sp .l-table__table tr:not(:first-of-type) th {
    border-left: 1px solid var(--color-palette-gray-10);
  }
}
@media screen and (max-width: 640px) {
  .l-table--horizontal-sp .l-table__table tr:not(:first-of-type) {
    border-top: 1px solid var(--color-palette-gray-200);
  }
}
.l-table--text-center .l-table__table td, .l-table--text-center .l-table__table th {
  text-align: center;
}
.l-table--scroll-none {
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .l-table--scroll-none .l-table__table td, .l-table--scroll-none .l-table__table th {
    width: auto;
  }
}
.l-table--titleCombine .l-table__table th .c-text--xl {
  font-size: 1.5rem;
}
@media screen and (max-width: 640px) {
  .l-table--titleCombine .l-table__table th .c-text--xl {
    font-size: 1.25rem;
  }
}
.l-table--titleCombine .l-table__table th .c-text--m {
  font-size: 1rem;
}
@media screen and (max-width: 640px) {
  .l-table--titleCombine .l-table__table th .c-text--m {
    font-size: 0.875rem;
  }
}
.l-table--titleCombine .l-table__table td {
  text-align: center;
}
.l-table--titleCombine .l-table__table td:first-of-type {
  color: var(--color-palette-gray-700);
}
.l-table--titleCombine .l-table__table td:not(:first-of-type) {
  font-size: 1rem;
  font-weight: bold;
  color: var(--color-palette-black-primary);
}
.l-table--lead {
  padding: 0 16px;
  background-color: var(--color-palette-gray-10);
  border-radius: 16px;
}
.l-table--lead .l-table__table tr:not(:first-of-type) td {
  border-top: 1px solid var(--color-palette-gray-200);
}
.l-table--lead .l-table__table td {
  padding: 24px 0;
}
@media screen and (max-width: 640px) {
  .l-table--lead .l-table__table td {
    padding: 16px 0;
  }
}
.l-table--lead .l-table__table td:last-child {
  text-align: right;
}
.l-table--title-bg-gray .l-table__table th {
  color: var(--color-palette-black-primary);
  background-color: var(--color-palette-gray-100);
}
.l-table--title-bg-gray .l-table__table td {
  color: var(--color-palette-black-primary);
}
.l-table--bg-white .l-table__table td {
  background-color: var(--color-palette-white-primary);
}
.l-table--bg-gray .l-table__table td {
  background-color: var(--color-palette-gray-10);
}

@media screen and (max-width: 640px) {
  .l-column--1:has(.l-table) .l-column__item:not(:first-of-type) > .l-table--note .l-table__table tr {
    border-top: none;
  }
}

.l-section {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 calc(48 / 1200 * 100vw);
}
@media screen and (min-width: 1201px) {
  .l-section {
    padding: 0 48px;
  }
}
@media screen and (max-width: 640px) {
  .l-section {
    padding: 0;
  }
}
.l-section + .l-section {
  margin-top: 32px;
}
.l-section__container {
  background-color: var(--color-palette-white-primary);
  border-radius: 32px;
}
.l-section__contents {
  position: relative;
  padding: 48px calc(48 / 1200 * 100vw);
  border-radius: 32px;
}
@media screen and (min-width: 1201px) {
  .l-section__contents {
    padding: 48px;
  }
}
@media screen and (max-width: 640px) {
  .l-section__contents {
    padding: 32px calc(30 / 375 * 100vw);
  }
}
.l-section__contents > *:first-child {
  margin-top: 0 !important;
}
.l-section__contents > *:last-child {
  margin-bottom: 0 !important;
}
.l-section__inner > *:first-child {
  margin-top: 0;
}
.l-section__inner > *:last-child {
  margin-bottom: 0;
}
.l-section__inner[class*=l-section__inner--bg-] {
  padding: 32px;
  margin-top: 16px;
  border-radius: 24px;
}
@media screen and (max-width: 640px) {
  .l-section__inner[class*=l-section__inner--bg-] {
    padding: 24px;
  }
}
.l-section__inner[class*=l-section__inner--bg-] + [class*=l-section__inner--bg-] {
  margin-top: 32px;
}
.l-section__inner--bg-gray {
  background-color: var(--color-palette-gray-10);
}
.l-section__inner--border-top {
  padding-top: 32px;
  margin-top: 32px;
  border-top: 2px solid var(--color-palette-gray-100);
}
.l-section__inner--border-top > *:first-of-type {
  margin-top: 0 !important;
}
.l-section__inner--border-bottom {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 2px solid var(--color-palette-gray-100);
}
.l-section__inner--border-bottom > *:last-of-type {
  margin-top: 0 !important;
}
.l-section--bg-transparent .l-section__container {
  background-color: transparent;
}
.l-section--border-gray .l-section__contents {
  border: 4px solid var(--color-palette-gray-100);
}
@media screen and (max-width: 640px) {
  .l-section--border-gray .l-section__contents {
    border-width: 2px;
  }
}
.l-section--vertical-padding-none .l-section__contents {
  padding-top: 0;
  padding-bottom: 0;
}
.l-section--outGrid-none {
  padding-right: 0;
  padding-left: 0;
}
@media screen and (min-width: 641px) {
  .l-section--outGrid-none-pc {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .l-section--outGrid-none-sp {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .l-section--outGrid-both {
    padding: 0 calc(15 / 375 * 100vw);
  }
}
.l-section--grid-0 .l-section__contents {
  padding-right: 0;
  padding-left: 0;
}
@media screen and (min-width: 1201px) {
  .l-section--grid-0 {
    padding-right: 0;
    padding-left: 0;
  }
}
.l-section--grid-2 .l-section__contents {
  padding-right: calc(96 / 1200 * 100vw);
  padding-left: calc(96 / 1200 * 100vw);
}
@media screen and (min-width: 1201px) {
  .l-section--grid-2 .l-section__contents {
    padding-right: 96px;
    padding-left: 96px;
  }
}
@media screen and (max-width: 640px) {
  .l-section--grid-2 .l-section__contents {
    padding-right: calc(30 / 375 * 100vw);
    padding-left: calc(30 / 375 * 100vw);
  }
}
.l-section--grid-3 .l-section__contents {
  padding-right: calc(144 / 1200 * 100vw);
  padding-left: calc(144 / 1200 * 100vw);
}
@media screen and (min-width: 1201px) {
  .l-section--grid-3 .l-section__contents {
    padding-right: 144px;
    padding-left: 144px;
  }
}
@media screen and (max-width: 640px) {
  .l-section--grid-3 .l-section__contents {
    padding-right: calc(30 / 375 * 100vw);
    padding-left: calc(30 / 375 * 100vw);
  }
}
.l-section--grid-4 .l-section__contents {
  padding-right: calc(192 / 1200 * 100vw);
  padding-left: calc(192 / 1200 * 100vw);
}
@media screen and (min-width: 1201px) {
  .l-section--grid-4 .l-section__contents {
    padding-right: 192px;
    padding-left: 192px;
  }
}
@media screen and (max-width: 640px) {
  .l-section--grid-4 .l-section__contents {
    padding-right: calc(30 / 375 * 100vw);
    padding-left: calc(30 / 375 * 100vw);
  }
}
.l-section--grid-5 .l-section__contents {
  padding-right: calc(240 / 1200 * 100vw);
  padding-left: calc(240 / 1200 * 100vw);
}
@media screen and (min-width: 1201px) {
  .l-section--grid-5 .l-section__contents {
    padding-right: 240px;
    padding-left: 240px;
  }
}
@media screen and (max-width: 640px) {
  .l-section--grid-5 .l-section__contents {
    padding-right: calc(30 / 375 * 100vw);
    padding-left: calc(30 / 375 * 100vw);
  }
}
@media screen and (min-width: 1201px) {
  .l-section--grid-pc-0 {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 1201px) {
  .l-section--grid-pc-2 .l-section__contents {
    padding-right: 96px;
    padding-left: 96px;
  }
}
@media screen and (min-width: 1201px) {
  .l-section--grid-pc-3 .l-section__contents {
    padding-right: 144px;
    padding-left: 144px;
  }
}
@media screen and (min-width: 1201px) {
  .l-section--grid-pc-4 .l-section__contents {
    padding-right: 192px;
    padding-left: 192px;
  }
}
@media screen and (min-width: 1201px) {
  .l-section--grid-pc-5 .l-section__contents {
    padding-right: 240px;
    padding-left: 240px;
  }
}
.l-section--separate {
  display: flex;
}
.l-section--separate .l-section__container {
  flex: 1;
  padding: 48px 0;
}
@media screen and (max-width: 640px) {
  .l-section--separate .l-section__container {
    padding: 32px 0;
  }
}
.l-section--separate .l-section__container:nth-of-type(1) {
  border-radius: 32px 0 0 32px;
}
.l-section--separate .l-section__container:nth-of-type(1) .l-section__contents {
  border-radius: 0;
}
@media screen and (max-width: 640px) {
  .l-section--separate .l-section__container:nth-of-type(1) .l-section__contents {
    padding-right: 4px;
  }
}
.l-section--separate .l-section__container:nth-of-type(2) {
  border-radius: 0 32px 32px 0;
}
.l-section--separate .l-section__container:nth-of-type(2) .l-section__contents {
  border-radius: 0;
  border-left: 2px solid var(--color-palette-gray-10);
}
@media screen and (max-width: 640px) {
  .l-section--separate .l-section__container:nth-of-type(2) .l-section__contents {
    padding-left: 4px;
    border-left: none;
  }
}
.l-section--separate .l-section__contents {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
}
.l-section--separate.l-section--headImage .l-section__container {
  padding-top: 0;
}
.l-section--separate.l-section--headImage .l-section__container:nth-of-type(1) .l-section__headImage {
  margin-right: 1px;
  border-radius: 32px 0 0 0;
}
.l-section--separate.l-section--headImage .l-section__container:nth-of-type(2) .l-section__headImage {
  margin-left: 1px;
  border-radius: 0 32px 0 0;
}
.l-section--separate.l-section--headImage .l-section__headImage {
  padding-top: 0;
}
.l-section--separate.l-section--headImage .l-section__headImage img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  transform: none;
  border-radius: 0;
}
.l-section--headImage .l-section__contents {
  padding-top: 0;
}
.l-section--headImage .l-section__headImage {
  position: relative;
  overflow: hidden;
  padding-top: 120px;
  border-radius: 32px 32px 0 0;
}
@media screen and (max-width: 640px) {
  .l-section--headImage .l-section__headImage {
    padding-top: 0;
    overflow: hidden;
  }
}
.l-section--headImage .l-section__headImage img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1200px;
  border-radius: 32px 32px 0 0;
  transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
  .l-section--headImage .l-section__headImage img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    transform: none;
  }
}
.l-section--headImage .l-section__headImage + * {
  margin-top: 48px;
}
@media screen and (max-width: 640px) {
  .l-section--headImage .l-section__headImage + * {
    margin-top: 32px;
  }
}
.l-section--headImage-separate .l-section__headImageBox {
  display: flex;
}
.l-section--headImage-separate .l-section__headImageBox + * {
  margin-top: 48px;
}
@media screen and (max-width: 640px) {
  .l-section--headImage-separate .l-section__headImageBox + * {
    margin-top: 32px;
  }
}
.l-section--headImage-separate .l-section__headImageBox .l-section__headImage {
  flex: 1;
  padding-top: 0;
  margin-top: 0;
}
.l-section--headImage-separate .l-section__headImageBox .l-section__headImage:nth-of-type(1) {
  margin-right: 1px;
  border-radius: 32px 0 0 0;
}
.l-section--headImage-separate .l-section__headImageBox .l-section__headImage:nth-of-type(2) {
  margin-left: 1px;
  border-radius: 0 32px 0 0;
}
.l-section--headImage-separate .l-section__headImageBox .l-section__headImage img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  transform: none;
  border-radius: 0;
}
.l-section--cta .l-section__container {
  background-color: var(--color-palette-blue-primary);
}
.l-section--cta .l-section__contents {
  position: relative;
  padding: 48px calc(96 / 1200 * 100vw);
  border-radius: 32px;
}
@media screen and (min-width: 1201px) {
  .l-section--cta .l-section__contents {
    padding: 48px 96px;
  }
}
@media screen and (max-width: 640px) {
  .l-section--cta .l-section__contents {
    padding: 32px calc(30 / 375 * 100vw);
  }
}
.l-section--cta .l-imageColumn {
  align-items: center;
}
.l-section--cta .l-imageColumn__imageBox {
  width: 42.8571428571%;
}
@media screen and (max-width: 640px) {
  .l-section--cta .l-imageColumn__imageBox {
    width: 100%;
  }
}
.l-section--cta .l-imageColumn__contentsBox {
  width: 52.380952381%;
}
@media screen and (max-width: 640px) {
  .l-section--cta .l-imageColumn__contentsBox {
    width: 100%;
  }
}
.l-section--cta .l-imageColumn--reverse .l-imageColumn__imageBox {
  width: 47.619047619%;
}
@media screen and (max-width: 640px) {
  .l-section--cta .l-imageColumn--reverse .l-imageColumn__imageBox {
    width: 100%;
  }
}
.l-section--cta .l-imageColumn--reverse .l-imageColumn__contentsBox {
  width: 47.619047619%;
  margin-left: 0;
}
@media screen and (max-width: 640px) {
  .l-section--cta .l-imageColumn--reverse .l-imageColumn__contentsBox {
    width: 100%;
  }
}
.l-section--cta .c-text, .l-section--cta .c-headline__title {
  color: var(--color-palette-white-primary);
}
.l-section--cta .c-headline__title {
  text-align: left;
}
@media screen and (max-width: 640px) {
  .l-section--cta .c-headline__title {
    text-align: center;
  }
}
.l-section--cta .l-list--annotation .l-list__item::before {
  color: var(--color-palette-white-primary);
}
.l-section--cta .l-list--annotation .l-list__item .c-text {
  color: var(--color-palette-white-primary);
}

body:has(.swiper) {
  overflow-x: hidden;
}

.swiper {
  position: relative;
  opacity: 0;
  margin-top: 8px;
}
@media screen and (min-width: 641px) {
  .swiper {
    overflow: hidden;
    padding: 0 15px 30px;
    margin-bottom: 0;
    margin-top: 16px;
  }
}
.swiper-wrapper {
  width: 100%;
}
.swiper-slide {
  color: #ffffff;
  width: 100%;
  text-align: center;
}
.swiper-slide__btnLink {
  position: absolute;
  bottom: 16px;
  left: 50%;
  max-width: 70%;
  width: max-content;
  transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
  .swiper-slide__btnLink {
    bottom: 8px;
  }
}
.swiper-slide > .c-image.c-image--icon::after {
  bottom: 18px;
  right: 16px;
}
@media screen and (max-width: 640px) {
  .swiper-slide > .c-image.c-image--icon::after {
    bottom: 9px;
  }
}
.swiper-button-prev, .swiper-button-next {
  top: calc(50% - 8px);
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  transform: translateY(-50%);
  margin-top: 0;
  z-index: 8;
  border-radius: 50vh;
}
@media screen and (min-width: 641px) {
  .swiper-button-prev, .swiper-button-next {
    top: 50%;
  }
}
.swiper-button-prev::after, .swiper-button-next::after {
  display: none;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  pointer-events: all;
}
.swiper-button-prev:focus, .swiper-button-next:focus {
  outline-offset: -2px;
}
.swiper-button-next {
  right: 0;
  background-image: url(/components/assets/img/common/icon_swiper_arrow_right.svg);
}
.swiper-button-prev {
  left: 0;
  background-image: url(/components/assets/img/common/icon_swiper_arrow_left.svg);
}
.swiper-pagination {
  padding: 4px 0;
  line-height: 1;
}
.swiper-pagination-bullet {
  width: 16px;
  height: 4px;
  margin: 0 4px;
  border-radius: 4px;
  transition: all 0.3s ease;
  background: #6A6B6C;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  width: 40px;
  background-color: #FBB91C;
}
.swiper-pagination-custom, .swiper-pagination-fraction {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
  z-index: 8;
}
@media screen and (min-width: 641px) {
  .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
  }
}
.swiper-horizontal > .swiper-pagination-bullets {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
  z-index: 8;
}
@media screen and (min-width: 641px) {
  .swiper-horizontal > .swiper-pagination-bullets {
    bottom: 0;
  }
}
.swiper-notification {
  display: none !important;
}
.swiper-initialized {
  opacity: 1;
}
.swiper--main {
  overflow: visible;
  max-width: 1814px;
  padding-bottom: 20px;
  margin: 16px auto 32px;
}
@media screen and (max-width: 640px) {
  .swiper--main {
    margin: 8px auto 32px;
  }
}
@media screen and (min-width: 641px) {
  .swiper--main .swiper-horizontal > .swiper-pagination-bullets, .swiper--main .swiper-pagination-custom, .swiper--main .swiper-pagination-fraction {
    bottom: 0;
  }
  .swiper--main .swiper-button-next {
    right: 22%;
  }
  .swiper--main .swiper-button-prev {
    left: 22%;
  }
}
.swiper--main .swiper-wrapper {
  max-width: 100%;
}
@media screen and (min-width: 641px) {
  .swiper--sub {
    max-width: 1200px;
    padding: 0 15px 12px;
    margin: 32px auto;
  }
}
@media screen and (max-width: 640px) {
  .swiper--sub {
    padding-bottom: 20px;
    margin: 32px auto;
  }
}
.swiper--disabled {
  opacity: 1;
}
.swiper--disabled.swiper {
  padding: 0;
}
@media screen and (min-width: 641px) {
  .swiper--disabled.swiper--sub .swiper-slide {
    width: calc((100% - 48px) / 3);
  }
}
.swiper--disabled .swiper-wrapper {
  justify-content: center;
  column-gap: 24px;
}
.swiper--disabled .swiper-slide {
  width: fit-content;
}
.swiper--disabled .swiper-button-prev, .swiper--disabled .swiper-button-next {
  display: none;
}
.swiper--disabled .swiper-pagination {
  display: none;
}

@media screen and (max-width: 640px) {
  .l-section__contents > .swiper {
    margin-right: calc(-30 / 375 * 100vw);
    margin-left: calc(-30 / 375 * 100vw);
  }
}
@media screen and (max-width: 640px) {
  .l-section__inner > .swiper {
    margin-right: calc(-30 / 375 * 100vw);
    margin-left: calc(-30 / 375 * 100vw);
  }
}
@media screen and (max-width: 640px) {
  .l-section__inner[class*=l-section__inner--bg-] > .swiper {
    margin-right: -24px;
    margin-left: -24px;
  }
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.l-header a, .l-header p {
  color: var(--color-palette-black-primary);
}
.l-header__banner {
  position: relative;
  z-index: 10;
}
.l-header__logo-sony {
  background-color: var(--color-palette-black-1000);
  text-align: left;
  padding: 25px 26px;
  line-height: 1;
  font-size: x-small;
}
@media screen and (max-width: 640px) {
  .l-header__logo-sony {
    padding: 16px 20px;
  }
}
@media screen and (max-width: 640px) {
  .l-header__logo-sony img {
    width: auto;
    max-height: 3vw;
  }
}
.l-header__menuArea {
  position: relative;
  background-color: #ffffff;
  border-bottom: 2px solid var(--color-palette-gray-10);
}
.l-header__menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.l-header__menuWrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
  background-color: #ffffff;
}
@media screen and (max-width: 640px) {
  .l-header__menuWrap {
    padding: 16px 0.9375rem;
  }
}
.l-header__menuIcon {
  position: absolute;
  left: 24px;
  top: 50%;
  display: inline-block;
  z-index: 1;
  transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
  .l-header__menuIcon {
    left: 15px;
  }
}
.l-header__menuTrigger {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(/components/assets/img/common/icon_menu.svg);
  background-size: auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-radius: 8px;
}
.l-header__menuTrigger:hover {
  cursor: pointer;
  opacity: 0.6;
}
@media screen and (max-width: 640px) {
  .l-header__menuTrigger {
    width: 1.75rem;
    height: 1.75rem;
  }
}
.l-header__menuList {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header__menuList {
    display: none !important;
  }
}
@media screen and (min-width: 961px) {
  .l-header__menuList {
    display: flex !important;
  }
}
.l-header__menuLinkWrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 1201px) {
  .l-header__menuLinkWrap {
    max-width: 82%;
  }
}
.l-header__menuLink {
  font-size: 11px !important;
}
@media screen and (min-width: 1201px) {
  .l-header__menuLink {
    font-size: 14px !important;
  }
}
.l-header__menuLink:not(:first-of-type) {
  margin-left: 16px;
}
@media screen and (min-width: 1201px) {
  .l-header__menuLink:not(:first-of-type) {
    margin-left: 24px;
  }
}
.l-header__menuLink:last-of-type {
  margin-right: 24px;
}
@media screen and (min-width: 1201px) {
  .l-header__menuLink:last-of-type {
    margin-right: 24px;
  }
}
.l-header__menuLink:hover {
  text-decoration: underline;
}
.l-header__menuLink.-panelLink {
  position: relative;
  padding-right: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 8px;
}
.l-header__menuLink.-panelLink::before {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  width: 6px;
  height: 6px;
  border: 1px solid;
  border-color: transparent transparent var(--color-palette-black-primary) var(--color-palette-black-primary);
  transform: translate(-50%, -70%) rotate(-45deg);
  box-sizing: border-box;
}
.l-header__menuLink.-panelLink[aria-expanded=true]::before {
  transform: translate(-50%, -20%) rotate(135deg);
}
.l-header__menuLink a {
  position: relative;
  color: var(--color-palette-black-primary);
  border-radius: 8px;
}
.l-header__menuListInner {
  position: absolute;
  top: 56px;
  left: -50%;
  min-width: 354px;
  padding: 16px 24px;
  border-radius: 24px;
  background-color: #fff;
  box-sizing: border-box;
  display: none;
}
.l-header__menuListInner .l-header__menuInnerLink {
  position: relative;
  padding: 24px 0;
}
.l-header__menuListInner .l-header__menuInnerLink:hover {
  text-decoration: underline;
}
.l-header__menuListInner .l-header__menuInnerLink:not(:first-of-type) {
  border-top: 2px solid var(--color-palette-gray-10);
}
.l-header__menuListInner .l-header__menuInnerLink::before {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(/components/assets/img/common/icon_arrow_bg_black.svg);
  transform: translateY(-50%);
  background-size: 100%;
}
.l-header__menuBtn {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 118px;
  border-radius: 50vh;
  padding: 14px 8px;
  border: 2px solid var(--color-palette-black-primary);
  box-sizing: border-box;
  z-index: 10;
}
@media screen and (min-width: 961px) {
  .l-header__menuBtn {
    width: 82px;
  }
}
@media screen and (min-width: 1201px) {
  .l-header__menuBtn {
    width: 118px;
  }
}
@media screen and (max-width: 640px) {
  .l-header__menuBtn {
    padding: 0.375rem 0.625rem;
    width: 5.375rem;
  }
}
.l-header__menuBtn:hover {
  background-color: var(--color-palette-gray-100);
}
.l-header__menuBtn.-entry {
  background-color: var(--color-palette-red-500);
  border: 2px solid var(--color-palette-red-500);
}
.l-header__menuBtn.-entry:hover {
  background-color: var(--color-palette-red-700);
}
.l-header__menuBtn.-entry .l-header__menuBtnText {
  color: #ffffff;
}
.l-header__menuBtn:not(:first-of-type) {
  margin-left: 8px;
}
@media screen and (max-width: 640px) {
  .l-header__menuBtn:not(:first-of-type) {
    margin-left: 0.5rem;
  }
}
.l-header__menuBtnText {
  font-size: 14px !important;
  color: var(--color-palette-black-primary);
  font-weight: bold;
}
@media screen and (min-width: 961px) {
  .l-header__menuBtnText {
    font-size: 10px !important;
  }
}
@media screen and (min-width: 1201px) {
  .l-header__menuBtnText {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 640px) {
  .l-header__menuBtnText {
    font-size: 12px !important;
  }
  .l-header__menuBtnText::before {
    content: none !important;
  }
}
.l-header .l-menuContent {
  position: absolute;
  scrollbar-width: none;
  box-sizing: border-box;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 88px 0 64px;
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(112, 112, 112, 0.3);
  z-index: 2;
  transition: all 0.3s ease;
  pointer-events: none;
}
@media screen and (max-width: 640px) {
  .l-header .l-menuContent {
    padding: 0;
    padding-top: 72px;
  }
}
.l-header .l-menuContent.js-open {
  opacity: 1;
  top: 0 !important;
  left: 0;
  height: 100vh;
  pointer-events: all;
}
.l-header .l-menuContent.js-open .l-menuContent__subLink a {
  padding: 16px 0;
}
.l-header .l-menuContent.js-open .l-menuContent__subLink a:hover {
  background-color: var(--color-palette-gray-10);
}
.l-header .l-menuContent.js-open .l-menuContent__subLink.-linkTitle {
  padding: 16px 0;
}
.l-header .l-menuContent::-webkit-scrollbar {
  display: none;
}
.l-header .l-menuContent__body {
  overflow-y: auto;
  height: 100vh;
}
@media screen and (max-width: 640px) {
  .l-header .l-menuContent__body {
    padding: 0 1.875rem;
    padding-bottom: 32px;
  }
}
.l-header .l-menuContent__wrap {
  max-width: 1104px;
  margin: auto;
  position: relative;
  padding: 0 20px;
  padding-bottom: 40vh;
}
@media screen and (max-width: 640px) {
  .l-header .l-menuContent__wrap {
    padding: 0;
    padding-bottom: 40vh;
  }
}
.l-header .l-menuContent__closeArea {
  position: absolute;
  display: inline-block;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
@media screen and (max-width: 640px) {
  .l-header .l-menuContent__closeArea {
    left: 15px;
  }
}
.l-header .l-menuContent__closeArea #js-menuClose {
  display: none;
  border-radius: 8px;
}
.l-header .l-menuContent__closeArea #js-menuClose.-active {
  display: block;
  z-index: 10;
}
.l-header .l-menuContent__closeArea button {
  color: #757575;
  position: relative;
  font-size: 24px !important;
  display: inline-block;
  padding-left: 30px;
  height: 30px;
  line-height: 1;
  width: 32px;
  height: 32px;
  background-image: url(/components/assets/img/common/icon_close.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.l-header .l-menuContent__closeArea button:hover {
  cursor: pointer;
}
.l-header .l-menuContent__tel {
  text-align: center;
}
.l-header .l-menuContent__tel img {
  position: relative;
  left: 160px;
}
.l-header .l-menuContent__sub {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 640px) {
  .l-header .l-menuContent__sub {
    display: block;
  }
}
.l-header .l-menuContent__subTag {
  font-size: 18px !important;
  margin-bottom: 25px;
  padding-left: 35px;
  position: relative;
}
.l-header .l-menuContent__subTag:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.l-header .l-menuContent__subList {
  width: calc((100% - 96px) / 3);
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .l-header .l-menuContent__subList {
    width: 100%;
  }
}
.l-header .l-menuContent__subList .-inner {
  width: 100%;
  padding-left: 30px;
}
.l-header .l-menuContent__subList .-inner .l-menuContent__subLink:last-of-type {
  border-bottom: none;
}
.l-header .l-menuContent__subList .-inner .l-menuContent__subLink a {
  font-weight: normal;
}
@media screen and (max-width: 640px) {
  .l-header .l-menuContent__subList .l-menuContent__subLink:first-of-type {
    border-top: none;
  }
}
@media screen and (max-width: 640px) {
  .l-header .l-menuContent__subList .l-menuContent__subLink .l-menuContent__subList .l-menuContent__subLink:first-of-type {
    border-top: 1px solid var(--color-palette-gray-200);
  }
}
.l-header .l-menuContent__subLink {
  border-bottom: 1px solid var(--color-palette-gray-200);
}
.l-header .l-menuContent__subLink.-linkTitle {
  padding: 0;
  font-weight: bold;
  border-top: 1px solid var(--color-palette-gray-200);
  border-bottom: none;
  transition: padding 0.3s ease;
}
@media screen and (max-width: 640px) {
  .l-header .l-menuContent__subLink.-linkTitle {
    border-top: none;
  }
}
.l-header .l-menuContent__subLink.-linkTitle:not(:first-of-type) {
  border-top: none;
  padding-top: 40px;
}
.l-header .l-menuContent__subLink:first-of-type {
  border-top: 1px solid var(--color-palette-gray-200);
}
.l-header .l-menuContent__subLink a {
  position: relative;
  display: block;
  padding: 0;
  font-weight: bold;
  color: var(--color-palette-black-primary);
  box-sizing: border-box;
  border-radius: 8px;
  transition: padding 0.3s ease;
}
.l-header .l-menuContent__subLink a::before {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(/components/assets/img/common/icon_arrow_bg_black.svg);
  transform: translateY(-50%);
  background-size: 100%;
}
.l-header .l-menuContent__clickArea {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.l-header .l-menuContent__clickArea.js-click {
  display: block;
}
.l-header__logo-hikari {
  position: relative;
  display: inline-block;
  margin-left: 44px;
  vertical-align: top;
  z-index: 10;
}
.l-header__logo-hikari a {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}
.l-header__logo-hikari a:hover {
  opacity: 0.6;
}
@media screen and (max-width: 640px) {
  .l-header__logo-hikari a img {
    width: 6.125rem;
  }
}

.l-header-renewal .l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.l-header-renewal .l-header a, .l-header-renewal .l-header p {
  color: var(--color-palette-black-primary);
}
.l-header-renewal .l-header__banner {
  position: relative;
  z-index: 10;
}
.l-header-renewal .l-header__logo-sony {
  background-color: var(--color-palette-black-1000);
  text-align: left;
  padding: 25px 26px;
  line-height: 1;
  font-size: x-small;
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header__logo-sony {
    padding: 16px 20px;
  }
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header__logo-sony img {
    width: auto;
    max-height: 3vw;
  }
}
.l-header-renewal .l-header__menuArea {
  position: relative;
  background-color: #ffffff;
  border-bottom: 2px solid var(--color-palette-gray-10);
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header__menuArea {
    background-color: transparent;
    border-bottom: none;
  }
}
.l-header-renewal .l-header__menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.l-header-renewal .l-header__menuWrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
  background-color: #ffffff;
  z-index: 3;
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header__menuWrap {
    padding: 12px 0.9375rem;
  }
}
.l-header-renewal .l-header__menuIcon {
  position: absolute;
  left: 24px;
  top: 50%;
  display: inline-block;
  z-index: 1;
  transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header__menuIcon {
    left: 15px;
  }
}
.l-header-renewal .l-header__menuTrigger {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(/components/assets/img/common/icon_menu.svg);
  background-size: auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-radius: 8px;
}
.l-header-renewal .l-header__menuTrigger:hover {
  cursor: pointer;
  opacity: 0.6;
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header__menuTrigger {
    width: 1.75rem;
    height: 1.75rem;
  }
}
.l-header-renewal .l-header__menuList {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-header-renewal .l-header__menuList {
    display: none !important;
  }
}
@media screen and (min-width: 961px) {
  .l-header-renewal .l-header__menuList {
    display: flex !important;
  }
}
.l-header-renewal .l-header__menuLinkWrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 1201px) {
  .l-header-renewal .l-header__menuLinkWrap {
    max-width: 82%;
  }
}
.l-header-renewal .l-header__menuLink {
  font-size: calc(11 / 960 * 100vw);
}
@media screen and (min-width: 1201px) {
  .l-header-renewal .l-header__menuLink {
    font-size: 0.875rem;
  }
}
.l-header-renewal .l-header__menuLink:not(:first-of-type) {
  margin-left: 16px;
}
@media screen and (min-width: 1201px) {
  .l-header-renewal .l-header__menuLink:not(:first-of-type) {
    margin-left: 24px;
  }
}
.l-header-renewal .l-header__menuLink:last-of-type {
  margin-right: 24px;
}
@media screen and (min-width: 1201px) {
  .l-header-renewal .l-header__menuLink:last-of-type {
    margin-right: 24px;
  }
}
.l-header-renewal .l-header__menuLink:hover {
  text-decoration: underline;
}
.l-header-renewal .l-header__menuLink.-panelLink {
  position: relative;
  padding-right: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 8px;
}
.l-header-renewal .l-header__menuLink.-panelLink::before {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  width: 6px;
  height: 6px;
  border: 1px solid;
  border-color: transparent transparent var(--color-palette-black-primary) var(--color-palette-black-primary);
  transform: translate(-50%, -70%) rotate(-45deg);
  box-sizing: border-box;
}
.l-header-renewal .l-header__menuLink.-panelLink[aria-expanded=true]::before {
  transform: translate(-50%, -20%) rotate(135deg);
}
.l-header-renewal .l-header__menuLink a {
  position: relative;
  color: var(--color-palette-black-primary);
  border-radius: 8px;
}
.l-header-renewal .l-header__menuListInner {
  position: absolute;
  top: 56px;
  left: -50%;
  min-width: 354px;
  padding: 16px 24px;
  border-radius: 24px;
  background-color: #fff;
  box-sizing: border-box;
  display: none;
}
.l-header-renewal .l-header__menuListInner .l-header__menuInnerLink {
  position: relative;
  padding: 24px 0;
}
.l-header-renewal .l-header__menuListInner .l-header__menuInnerLink:hover {
  text-decoration: underline;
}
.l-header-renewal .l-header__menuListInner .l-header__menuInnerLink:not(:first-of-type) {
  border-top: 2px solid var(--color-palette-gray-10);
}
.l-header-renewal .l-header__menuListInner .l-header__menuInnerLink::before {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(/components/assets/img/common/icon_arrow_bg_black.svg);
  transform: translateY(-50%);
  background-size: 100%;
}
.l-header-renewal .l-header__menuBtn {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 118px;
  border-radius: 50vh;
  padding: 14px 8px;
  border: 2px solid var(--color-palette-black-primary);
  box-sizing: border-box;
  z-index: 10;
}
@media screen and (min-width: 961px) {
  .l-header-renewal .l-header__menuBtn {
    width: calc(118 / 1200 * 100vw);
  }
}
@media screen and (min-width: 1201px) {
  .l-header-renewal .l-header__menuBtn {
    width: 118px;
  }
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header__menuBtn {
    padding: 0.375rem 0.625rem;
    width: 5.375rem;
  }
}
.l-header-renewal .l-header__menuBtn:hover {
  background-color: var(--color-palette-gray-100);
}
.l-header-renewal .l-header__menuBtn.-entry {
  background-color: var(--color-palette-red-500);
  border: 2px solid var(--color-palette-red-500);
}
.l-header-renewal .l-header__menuBtn.-entry:hover {
  background-color: var(--color-palette-red-700);
}
.l-header-renewal .l-header__menuBtn.-entry .l-header__menuBtnText {
  color: #ffffff;
}
.l-header-renewal .l-header__menuBtn:not(:first-of-type) {
  margin-left: 8px;
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header__menuBtn:not(:first-of-type) {
    margin-left: 0.5rem;
  }
}
.l-header-renewal .l-header__menuBtnText {
  font-size: 0.875rem;
  color: var(--color-palette-black-primary);
  font-weight: bold;
}
@media screen and (min-width: 961px) {
  .l-header-renewal .l-header__menuBtnText {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header__menuBtnText {
    font-size: 0.75rem;
  }
  .l-header-renewal .l-header__menuBtnText::before {
    content: none !important;
  }
}
.l-header-renewal .l-header .l-menuContent {
  position: absolute;
  scrollbar-width: none;
  box-sizing: border-box;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 88px 0 64px;
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(112, 112, 112, 0.3);
  z-index: 2;
  transition: all 0.3s ease;
  pointer-events: none;
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header .l-menuContent {
    padding: 0;
    padding-top: 128px;
  }
}
.l-header-renewal .l-header .l-menuContent.js-open {
  opacity: 1;
  top: 0 !important;
  left: 0;
  height: 100vh;
  pointer-events: all;
}
.l-header-renewal .l-header .l-menuContent.js-open .l-menuContent__subLink a {
  padding: 16px 0;
  padding-right: 32px;
}
.l-header-renewal .l-header .l-menuContent.js-open .l-menuContent__subLink a:hover {
  background-color: var(--color-palette-gray-10);
}
.l-header-renewal .l-header .l-menuContent.js-open .l-menuContent__subLink.l-menuContent__subLink--linkTitle {
  padding: 16px 0;
}
.l-header-renewal .l-header .l-menuContent::-webkit-scrollbar {
  display: none;
}
.l-header-renewal .l-header .l-menuContent__body {
  overflow-y: auto;
  height: 100vh;
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header .l-menuContent__body {
    padding: 0 1.875rem;
    padding-bottom: 32px;
  }
}
.l-header-renewal .l-header .l-menuContent__wrap {
  max-width: 1104px;
  margin: auto;
  position: relative;
  padding: 0 20px;
  padding-bottom: 40vh;
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header .l-menuContent__wrap {
    padding: 0;
    padding-bottom: 40vh;
  }
}
@media screen and (min-width: 641px) {
  .l-header-renewal .l-header .l-menuContent__wrap {
    margin-top: 100px;
  }
}
@media screen and (min-width: 841px) {
  .l-header-renewal .l-header .l-menuContent__wrap {
    margin-top: 0;
  }
}
@media screen and (min-width: 641px) {
  .l-header-renewal .l-header .l-menuContent__mainLinkWrap .l-column--pc-3 > .l-column__item {
    width: calc((100% - 32px) / 3);
  }
}
@media screen and (min-width: 641px) {
  .l-header-renewal .l-header .l-menuContent__mainLinkWrap .l-column--pc-3 > .l-column__item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 641px) {
  .l-header-renewal .l-header .l-menuContent__mainLinkWrap .l-column__item:not(:first-of-type) {
    margin-left: 16px;
  }
}
.l-header-renewal .l-header .l-menuContent__mainLinkWrap .c-textLink {
  padding-top: 26px;
  padding-bottom: 26px;
}
.l-header-renewal .l-header .l-menuContent__mainLinkWrap + .l-menuContent__sub {
  margin-top: 48px;
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header .l-menuContent__mainLinkWrap + .l-menuContent__sub {
    margin-top: 32px;
  }
}
.l-header-renewal .l-header .l-menuContent__closeArea {
  position: absolute;
  display: inline-block;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header .l-menuContent__closeArea {
    left: 15px;
  }
}
.l-header-renewal .l-header .l-menuContent__closeArea #js-menuClose {
  display: none;
  border-radius: 8px;
}
.l-header-renewal .l-header .l-menuContent__closeArea #js-menuClose.-active {
  display: block;
  z-index: 10;
}
.l-header-renewal .l-header .l-menuContent__closeArea button {
  color: #757575;
  position: relative;
  font-size: 1.5rem;
  display: inline-block;
  padding-left: 30px;
  height: 30px;
  line-height: 1;
  width: 32px;
  height: 32px;
  background-image: url(/components/assets/img/common/icon_close.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.l-header-renewal .l-header .l-menuContent__closeArea button:hover {
  cursor: pointer;
}
.l-header-renewal .l-header .l-menuContent__tel {
  text-align: center;
}
.l-header-renewal .l-header .l-menuContent__tel img {
  position: relative;
  left: 160px;
}
.l-header-renewal .l-header .l-menuContent__sub {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header .l-menuContent__sub {
    display: block;
  }
}
.l-header-renewal .l-header .l-menuContent__subTag {
  font-size: 1.125rem;
  margin-bottom: 25px;
  padding-left: 35px;
  position: relative;
}
.l-header-renewal .l-header .l-menuContent__subTag:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.l-header-renewal .l-header .l-menuContent__subList {
  width: calc((100% - 96px) / 3);
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header .l-menuContent__subList {
    width: 100%;
  }
}
.l-header-renewal .l-header .l-menuContent__subList .-inner {
  width: 100%;
  padding-left: 30px;
}
.l-header-renewal .l-header .l-menuContent__subList .-inner .l-menuContent__subLink:last-of-type {
  border-bottom: none;
}
.l-header-renewal .l-header .l-menuContent__subList .-inner .l-menuContent__subLink a {
  font-weight: normal;
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header .l-menuContent__subList .l-menuContent__subLink:first-of-type {
    border-top: none;
  }
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header .l-menuContent__subList .l-menuContent__subLink .l-menuContent__subList .l-menuContent__subLink:first-of-type {
    border-top: 1px solid var(--color-palette-gray-200);
  }
}
.l-header-renewal .l-header .l-menuContent__subLink {
  border-bottom: 1px solid var(--color-palette-gray-200);
}
.l-header-renewal .l-header .l-menuContent__subLink.l-menuContent__subLink--linkTitle {
  padding: 0;
  font-weight: bold;
  border-top: 1px solid var(--color-palette-gray-200);
  border-bottom: none;
  transition: padding 0.3s ease;
  border-top: none;
}
.l-header-renewal .l-header .l-menuContent__subLink.l-menuContent__subLink--linkTitle:not(:first-of-type) {
  border-top: none;
  padding-top: 40px;
}
.l-header-renewal .l-header .l-menuContent__subLink + .l-menuContent__subLink--linkTitle {
  margin-top: 24px;
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header .l-menuContent__subLink + .l-menuContent__subLink--linkTitle {
    margin-top: 0;
  }
}
.l-header-renewal .l-header .l-menuContent__subLink a {
  position: relative;
  display: block;
  padding: 0;
  padding-right: 32px;
  font-weight: bold;
  color: var(--color-palette-black-primary);
  box-sizing: border-box;
  border-radius: 8px;
  transition: padding 0.3s ease;
}
.l-header-renewal .l-header .l-menuContent__subLink a::before {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(/components/assets/img/common/icon_arrow_bg_black.svg);
  transform: translateY(-50%);
  background-size: 100%;
}
.l-header-renewal .l-header .l-menuContent__clickArea {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.l-header-renewal .l-header .l-menuContent__clickArea.js-click {
  display: block;
}
.l-header-renewal .l-header__logo-hikari {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: 0;
  z-index: 10;
}
.l-header-renewal .l-header__logo-hikari a {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}
.l-header-renewal .l-header__logo-hikari a:hover {
  opacity: 0.6;
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header__logo-hikari a img {
    width: 6.125rem;
  }
}
.l-header-renewal .l-header__menuArea {
  z-index: 1;
}
.l-header-renewal .l-header__nav {
  position: absolute;
  top: 67px;
  left: 50%;
  width: 100%;
  transition: margin 0.5s ease;
  z-index: 1;
  transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header__nav {
    position: relative;
    top: 0;
    margin-top: 8px;
    opacity: 0;
  }
}
@media screen and (min-width: 641px) {
  .l-header-renewal .l-header__nav {
    top: 100px;
  }
}
@media screen and (min-width: 841px) {
  .l-header-renewal .l-header__nav {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0);
    width: 320px;
    margin-left: 48px;
  }
}
@media screen and (min-width: 961px) {
  .l-header-renewal .l-header__nav {
    width: 504px;
    margin-left: 48px;
  }
}
.l-header-renewal .l-header__nav.is-active {
  z-index: 5;
}
.l-header-renewal .l-header__nav.is-hidden {
  top: 0;
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header__nav.is-hidden {
    margin-top: -50px;
  }
}
@media screen and (min-width: 641px) {
  .l-header-renewal .l-header__nav.is-hidden {
    top: 100px;
  }
}
@media screen and (max-width: 640px) {
  .l-header-renewal .l-header__nav.is-float {
    opacity: 1;
  }
}
.l-header-renewal .l-header__navList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
}
@media screen and (min-width: 641px) {
  .l-header-renewal .l-header__navList {
    padding: 0 24px;
  }
}
@media screen and (min-width: 841px) {
  .l-header-renewal .l-header__navList {
    padding: 0;
  }
}
.l-header-renewal .l-header__navItem {
  position: relative;
  width: calc((100% - 4px) / 2);
}
@media screen and (min-width: 641px) {
  .l-header-renewal .l-header__navItem {
    width: calc((100% - 8px) / 2);
  }
}
.l-header-renewal .l-header__navItem:not(:first-of-type) {
  margin-left: 4px;
}
@media screen and (min-width: 641px) {
  .l-header-renewal .l-header__navItem:not(:first-of-type) {
    margin-left: 8px;
  }
}
@media screen and (min-width: 841px) {
  .l-header-renewal .l-header__navItem[data-nav-house=home] {
    width: 140px;
  }
}
@media screen and (min-width: 961px) {
  .l-header-renewal .l-header__navItem[data-nav-house=home] {
    width: 232px;
  }
}
.l-header-renewal .l-header__navItem[data-nav-house=home] .l-header__navLinkText::before {
  background-image: url(/components/assets/img/common/icon_header_home.svg);
}
.l-header-renewal .l-header__navItem[data-nav-house=home]:hover .l-header__navLinkText::before {
  background-image: url(/components/assets/img/common/icon_header_home_active.svg);
}
@media screen and (min-width: 841px) {
  .l-header-renewal .l-header__navItem[data-nav-house=mansion] {
    width: 172px;
  }
}
@media screen and (min-width: 961px) {
  .l-header-renewal .l-header__navItem[data-nav-house=mansion] {
    width: 264px;
  }
}
.l-header-renewal .l-header__navItem[data-nav-house=mansion] .l-header__navLinkText::before {
  background-image: url(/components/assets/img/common/icon_header_mansion.svg);
}
.l-header-renewal .l-header__navItem[data-nav-house=mansion]:hover .l-header__navLinkText::before {
  background-image: url(/components/assets/img/common/icon_header_mansion_active.svg);
}
.l-header-renewal .l-header__navItem.is-active .l-header__navLink, .l-header-renewal .l-header__navItem:has(.js-active) .l-header__navLink {
  border: 2px solid var(--color-palette-blue-primary);
}
.l-header-renewal .l-header__navItem.is-active .l-header__navLinkText, .l-header-renewal .l-header__navItem:has(.js-active) .l-header__navLinkText {
  color: var(--color-palette-blue-primary);
}
.l-header-renewal .l-header__navItem.is-active .l-header__navLinkText--icon, .l-header-renewal .l-header__navItem:has(.js-active) .l-header__navLinkText--icon {
  border-color: transparent transparent var(--color-palette-blue-primary) var(--color-palette-blue-primary);
}
.l-header-renewal .l-header__navItem.is-active[data-nav-house=home] .l-header__navLinkText::before, .l-header-renewal .l-header__navItem:has(.js-active)[data-nav-house=home] .l-header__navLinkText::before {
  background-image: url(/components/assets/img/common/icon_header_home_active.svg);
}
.l-header-renewal .l-header__navItem.is-active[data-nav-house=mansion] .l-header__navLinkText::before, .l-header-renewal .l-header__navItem:has(.js-active)[data-nav-house=mansion] .l-header__navLinkText::before {
  background-image: url(/components/assets/img/common/icon_header_mansion_active.svg);
}
.l-header-renewal .l-header__navItem:has(.js-active) .l-header__navLink {
  background-color: var(--color-palette-blue-100);
}
.l-header-renewal .l-header__navLink {
  box-sizing: border-box;
  outline: none;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  min-height: 40px;
  width: 100%;
  padding-left: 16px;
  font-size: 0.875rem;
  font-weight: bold;
  border: 2px solid #F0F1F3;
  border-radius: 50vh;
  background-color: var(--color-palette-white-primary);
}
@media screen and (min-width: 641px) {
  .l-header-renewal .l-header__navLink {
    flex-direction: row;
    max-width: none;
    min-height: 48px;
    width: 100%;
    padding-left: 20px;
    font-size: 1rem;
  }
}
.l-header-renewal .l-header__navLink:hover {
  border: 2px solid var(--color-palette-blue-primary);
  background-color: var(--color-palette-blue-100);
}
.l-header-renewal .l-header__navLink:hover .l-header__navLinkText {
  color: var(--color-palette-blue-primary);
}
.l-header-renewal .l-header__navLink:hover .l-header__navLinkText::after {
  border-color: transparent transparent var(--color-palette-blue-primary) var(--color-palette-blue-primary);
}
.l-header-renewal .l-header__navLink.js-active {
  background-color: var(--color-palette-blue-100);
}
.l-header-renewal .l-header__navLink.js-active .l-header__navLinkText::after {
  border-color: transparent transparent var(--color-palette-blue-primary) var(--color-palette-blue-primary);
  transform: translate(-50%, -10%) rotate(135deg);
}
.l-header-renewal .l-header__navLinkText {
  position: relative;
  display: flex;
  align-items: center;
}
.l-header-renewal .l-header__navLinkText::before {
  position: absolute;
  top: 50%;
  left: -32px;
  width: 24px;
  height: 24px;
  content: "";
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(-50%);
  z-index: 1;
}
.l-header-renewal .l-header__navLinkText::after {
  position: absolute;
  top: 50%;
  right: -24px;
  content: "";
  width: 8px;
  height: 8px;
  border: 1px solid;
  border-color: transparent transparent var(--color-palette-black-primary) var(--color-palette-black-primary);
  transform: translate(-50%, -70%) rotate(-45deg);
  box-sizing: border-box;
}
.l-header-renewal .l-header__navLinkSubText {
  display: none;
  margin-left: 8px;
  font-size: 0.875rem;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .l-header-renewal .l-header__navLinkSubText {
    display: none;
  }
}
@media screen and (min-width: 961px) {
  .l-header-renewal .l-header__navLinkSubText {
    display: block;
  }
}
.l-header-renewal .l-section__contents > *:first-child {
  margin-top: auto !important;
}
.l-header-renewal .l-section__contents > *:last-child {
  margin-bottom: auto !important;
}
.l-header-renewal .l-section__inner > *:first-child {
  margin-top: auto;
}
.l-header-renewal .l-section__inner > *:last-child {
  margin-bottom: auto;
}

.l-footer-renewal .l-footer {
  padding-top: 48px;
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer {
    padding-top: 32px;
  }
}
.l-footer-renewal .l-footer__mainLinkWrap {
  display: flex;
  justify-content: space-between;
  padding-bottom: 48px;
  margin-bottom: 48px;
  border-bottom: 2px solid var(--color-palette-gray-100);
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__mainLinkWrap {
    padding-bottom: 32px;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__mainLinkWrap {
    display: block;
  }
}
.l-footer-renewal .l-footer__mainLinkWrap .l-footer__menuList {
  width: calc((100% - 48px) / 2);
}
.l-footer-renewal .l-footer__mainLinkCompare {
  width: calc((100% - 48px) / 2);
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__mainLinkCompare {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__mainLinkCompare:not(:first-of-type) {
    margin-top: 64px;
  }
}
.l-footer-renewal .l-footer__mainLinkCompareList {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__mainLinkCompareList {
    display: block;
    margin-top: 24px;
  }
}
.l-footer-renewal .l-footer__mainLinkTitle {
  position: relative;
  padding-left: 40px;
  font-size: 24px !important;
  font-weight: 800;
  color: var(--color-palette-black-primary);
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__mainLinkTitle {
    font-size: 20px !important;
  }
}
.l-footer-renewal .l-footer__mainLinkTitle::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 32px;
  height: 34px;
  content: "";
  background-image: url(/components/assets/img/common/icon_home.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.l-footer-renewal .l-footer__mainLinkTitle--mansion::before {
  background-image: url(/components/assets/img/common/icon_mansion.svg);
}
.l-footer-renewal .l-footer__mainLinkList {
  width: calc((100% - 48px) / 2);
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__mainLinkList {
    width: 100% !important;
    margin-bottom: 24px;
  }
}
.l-footer-renewal .l-footer__mainLinkList {
  width: calc((100% - 48px) / 2);
}
.l-footer-renewal .l-footer__mainLinkItem {
  border-top: 1px solid var(--color-palette-gray-100);
}
.l-footer-renewal .l-footer__mainLinkItem:last-of-type {
  border-bottom: 1px solid var(--color-palette-gray-100);
}
.l-footer-renewal .l-footer__mainLinkItemLink {
  position: relative;
  box-sizing: border-box;
  display: block;
  padding: 16px 0;
  padding-right: 28px;
  font-size: 16px !important;
  font-weight: 700;
  color: var(--color-palette-black-primary);
}
.l-footer-renewal .l-footer__mainLinkItemLink:hover {
  text-decoration: underline;
}
.l-footer-renewal .l-footer__mainLinkItemLink::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
  content: "";
  background-image: url(/components/assets/img/common/icon_arrow_bg_black.svg);
  transform: translateY(-50%);
}
.l-footer-renewal .l-footer__mainSimpleLink {
  display: block;
  margin-bottom: 32px;
  font-size: 16px !important;
  color: var(--color-palette-black-primary);
  text-decoration: underline;
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__mainSimpleLink {
    font-size: 14px !important;
  }
}
.l-footer-renewal .l-footer__mainSimpleLink:hover {
  text-decoration: none;
}
.l-footer-renewal .l-footer__linkWrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 48px;
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__linkWrap {
    flex-wrap: wrap;
    margin-bottom: 32px;
  }
}
.l-footer-renewal .l-footer__linkWrap .l-footer__menuListWrap {
  width: calc((100% - 48px) / 2);
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__linkWrap .l-footer__menuListWrap {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__linkWrap .l-footer__menuListWrap .l-footer__menuList {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__linkWrap .l-footer__menuListWrap .l-footer__menuList:not(:first-of-type) {
    margin-top: 32px;
  }
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__linkWrap .l-footer__menuListWrap + .l-footer__menuListWrap {
    margin-top: 32px;
  }
}
.l-footer-renewal .l-footer__menuListWrap {
  width: calc((100% - 48px) / 2);
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__menuListWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }
}
.l-footer-renewal .l-footer__menuListWrap .l-footer__menuList {
  width: 100%;
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__menuListWrap .l-footer__menuList {
    width: calc((100% - 30px) / 2);
  }
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__menuListWrap.onlySP .l-footer__menuList {
    width: 100%;
    margin-bottom: 32px;
  }
}
.l-footer-renewal .l-footer__menuList {
  width: calc((100% - 144px) / 4);
}
.l-footer-renewal .l-footer__menuList + .l-footer__menuList {
  margin-top: 32px;
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__menuList + .l-footer__menuList {
    margin-top: 0;
  }
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__menuList {
    width: 49%;
  }
  .l-footer-renewal .l-footer__menuList:nth-of-type(n + 3) {
    margin-top: 16px;
  }
}
.l-footer-renewal .l-footer__menuLink:not(:first-of-type) {
  margin-top: 16px;
}
.l-footer-renewal .l-footer__menuLink a {
  display: inline-block;
  width: fit-content;
  font-size: 14px !important;
  color: var(--color-palette-black-primary);
  text-decoration: underline;
}
.l-footer-renewal .l-footer__menuLink a:hover {
  text-decoration: none;
}
.l-footer-renewal .l-footer__menuLink a img {
  width: 100%;
}
.l-footer-renewal .l-footer__menuLink a:has(.l-footer__linkIcon) {
  position: relative;
  padding-right: 20px;
}
.l-footer-renewal .l-footer__menuLink p {
  font-size: 12px !important;
  color: var(--color-palette-gray-700);
}
.l-footer-renewal .l-footer__linkIcon::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  content: "";
  background-image: url(/components/assets/img/common/icon_window.svg);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.l-footer-renewal .l-footer__linkCompare {
  display: flex;
  justify-content: space-between;
  width: calc((100% - 48px) / 2);
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__linkCompare {
    display: block;
  }
}
.l-footer-renewal .l-footer__wrap {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
@media screen and (min-width: 641px) {
  .l-footer-renewal .l-footer__wrap {
    padding: 0 4vw;
  }
}
@media screen and (min-width: 1201px) {
  .l-footer-renewal .l-footer__wrap {
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__wrap {
    padding: 0 calc(30 / 375 * 100vw);
  }
}
.l-footer-renewal .l-footer__siteAbout {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px 48px;
  margin-bottom: 16px;
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__siteAbout {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__siteAboutLink:not(:first-of-type) {
    margin-top: 16px;
  }
}
.l-footer-renewal .l-footer__siteAboutLink a {
  display: inline-block;
  font-size: 16px !important;
  color: var(--color-palette-black-primary);
  text-decoration: underline;
}
.l-footer-renewal .l-footer__siteAboutLink a:hover {
  text-decoration: none;
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__siteAboutLink a {
    font-size: 14px !important;
  }
}
.l-footer-renewal .l-footer__siteAboutLink a:has(.l-footer__linkIcon) {
  position: relative;
  padding-right: 20px;
}
.l-footer-renewal .l-footer__registrationList {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__registrationList {
    display: block;
    text-align: center;
  }
}
.l-footer-renewal .l-footer__registrationLink:not(:first-of-type) {
  margin-left: 8px;
}
.l-footer-renewal .l-footer__registrationItem {
  font-size: 12px !important;
  color: var(--color-palette-gray-700);
  text-align: center;
  margin-top: 48px;
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__registrationItem {
    margin-top: 32px;
  }
}
.l-footer-renewal .l-footer__registrationLink a {
  font-size: 16px !important;
  color: var(--color-palette-black-primary);
  text-decoration: underline;
}
.l-footer-renewal .l-footer__service {
  padding-bottom: 48px;
  margin-bottom: 48px;
  border-bottom: 2px solid var(--color-palette-gray-100);
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__service {
    padding-bottom: 32px;
    margin-bottom: 32px;
  }
}
.l-footer-renewal .l-footer__serviceList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__serviceList {
    display: block;
  }
}
.l-footer-renewal .l-footer__serviceItem {
  width: calc((100% - 48px) / 3);
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__serviceItem {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__serviceItem:not(:first-of-type) {
    margin-top: 16px;
  }
}
@media screen and (max-width: 640px) {
  .l-footer-renewal .l-footer__serviceItem:has(.l-footer__serviceTextLink) {
    margin-bottom: 32px;
  }
}
.l-footer-renewal .l-footer__serviceLink {
  position: relative;
  display: block;
  width: 100%;
  padding: 16px 45px 16px 24px;
  border: 1px solid var(--color-palette-gray-100);
  border-radius: 8px;
  box-sizing: border-box;
}
.l-footer-renewal .l-footer__serviceLink:hover .l-footer__serviceTitle {
  text-decoration: underline;
}
.l-footer-renewal .l-footer__serviceLink::after {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 24px;
  height: 24px;
  content: "";
  background-image: url("/components/assets/img/common/icon_arrow_white.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.l-footer-renewal .l-footer__serviceTitle {
  font-size: 16px !important;
  font-weight: 700;
  color: var(--color-palette-black-primary);
}
.l-footer-renewal .l-footer__serviceText {
  margin-top: 4px;
  font-size: 12px !important;
  color: var(--color-palette-gray-primary);
}
.l-footer-renewal .l-footer__serviceTextLink {
  position: relative;
  display: block;
  width: fit-content;
  padding-right: 24px;
  margin: 0 auto;
  margin-top: 8px;
  font-size: 14px !important;
  color: var(--color-palette-gray-primary);
  text-decoration: underline;
}
.l-footer-renewal .l-footer__serviceTextLink:hover {
  text-decoration: none;
}
.l-footer-renewal .l-footer__serviceTextLink::before {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  background-size: 100%;
  background-image: url(/components/assets/img/common/icon_arrow_right.svg);
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.l-footer-renewal .l-footer__corporate {
  padding: 24px;
  margin-top: 48px;
  background-color: var(--color-palette-black-primary);
}
.l-footer-renewal .l-footer__corporateLogo a {
  position: relative;
  display: inline-block;
  padding-right: 36px;
}
.l-footer-renewal .l-footer__corporateLogo a .l-footer__linkIcon::after {
  width: 20px;
  height: 20px;
  background-image: url(/components/assets/img/common/icon_window_white.svg);
}
.l-footer-renewal .l-footer__corporateCopy {
  margin-top: 8px;
  font-size: 12px !important;
  color: var(--color-palette-white-primary);
}
.l-footer-renewal .c-textLink__rightIcon {
  background-image: none;
}

.l-mainWrapper {
  position: relative;
  z-index: 0;
  padding-top: 150px;
  overflow-x: hidden;
}
@media screen and (max-width: 640px) {
  .l-mainWrapper {
    padding-top: 35vw;
  }
}
@media screen and (min-width: 641px) {
  .l-mainWrapper:has([data-switch-house]) {
    padding-top: 216px;
  }
}
@media screen and (min-width: 841px) {
  .l-mainWrapper:has([data-switch-house]) {
    padding-top: 150px;
  }
}
.l-mainWrapper--bg-gray {
  background-color: var(--color-palette-gray-10);
}

.l-modal {
  display: none;
  position: relative;
  z-index: 31;
}
.l-modal__bg {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
}
.l-modal__mainContainer {
  color: black;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  max-width: 1200px;
  width: 100%;
  max-height: calc(100% - 56px);
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: 0.5s all ease;
}
@media screen and (max-width: 640px) {
  .l-modal__mainContainer {
    height: calc(100% - 56px);
    bottom: -100vh;
  }
}
@media screen and (min-width: 641px) {
  .l-modal__mainContainer {
    top: 150vh;
    width: 92.5925925926%;
    max-height: 85%;
    min-height: 25%;
    transform: translateX(-50%) translateY(-50%);
  }
}
.l-modal__mainContainer.slide {
  transition: 0.5s all ease;
}
@media screen and (max-width: 640px) {
  .l-modal__mainContainer.slide {
    bottom: 0;
  }
}
@media screen and (min-width: 641px) {
  .l-modal__mainContainer.slide {
    top: 50%;
  }
}
.l-modal__mainContents {
  position: relative;
  display: flex;
  width: 100%;
  height: auto;
  flex-direction: column;
  background-color: #fff;
  border-radius: 32px;
  box-shadow: rgba(0, 0, 0, 0.28) 0px 8px 28px;
  transition: 0.3s;
}
@media screen and (max-width: 640px) {
  .l-modal__mainContents {
    height: 100%;
    border-radius: 32px 32px 0 0;
  }
}
@media screen and (min-width: 641px) {
  .l-modal__mainContents {
    max-height: 85vh;
    border-radius: 32px;
  }
}
.l-modal__closeBtn {
  position: absolute;
  top: -40px;
  right: calc(15 / 375 * 100vw);
  width: 32px;
  height: 32px;
  cursor: pointer;
  z-index: 1;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .l-modal__closeBtn {
    top: 32px;
    right: 32px;
    background-color: var(--color-palette-white-primary);
  }
}
@media screen and (min-width: 641px) {
  .l-modal__closeBtn img {
    position: relative;
    top: 2px;
  }
}
@media screen and (min-width: 641px) {
  .l-modal__closeBtn {
    top: 16px;
    right: 16px;
    width: 48px;
    height: 48px;
    line-height: 1;
    border-radius: 100%;
  }
}
.l-modal__closeBtnOutline {
  position: absolute;
  left: 50%;
  bottom: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border: 1px solid var(--color-palette-gray-100);
  background-color: #fff;
  border-radius: 26px;
  transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
  .l-modal__closeBtnOutline {
    bottom: 32px;
    font-size: 0.875rem;
  }
}
.l-modal__closeBtnOutline::after {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  content: "";
  background-image: url(/components/assets/img/common/icon_modal_close_btn_text.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.l-modal__currencyWrapper {
  position: relative;
  padding-bottom: 100px;
}
@media screen and (min-width: 641px) {
  .l-modal__currencyWrapper {
    padding-bottom: 116px;
  }
}
@media screen and (max-width: 640px) {
  .l-modal__currencyWrapper {
    flex: 1 1 auto;
  }
}
.l-modal__currencyWrapper > *:first-child {
  margin-top: 0 !important;
}
.l-modal__currencyWrapper > *:last-child {
  margin-bottom: 0 !important;
}
.l-modal__inner--border-top {
  padding-top: 48px;
  margin-top: 48px;
  border-top: 1px solid var(--color-palette-gray-200);
}
.l-modal__inner--border-top > *:first-child {
  margin-top: 0 !important;
}
.l-modal__inner--border-bottom {
  padding-bottom: 48px;
  margin-bottom: 48px;
  border-bottom: 1px solid var(--color-palette-gray-200);
}
.l-modal__inner--border-bottom > *:last-child {
  margin-top: 0 !important;
}
.l-modal__scrollContainer {
  padding: 32px calc(30 / 375 * 100vw) 0;
  overflow-y: scroll;
}
@media screen and (min-width: 641px) {
  .l-modal__scrollContainer {
    padding: 64px calc(48 / 1200 * 100vw) 0;
  }
}
@media screen and (min-width: 1201px) {
  .l-modal__scrollContainer {
    padding: 64px 48px 0;
  }
}
@media screen and (max-width: 640px) {
  .l-modal__scrollContainer {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
  }
}
.l-modal__scrollContainer::-webkit-scrollbar {
  display: none;
}
.l-modal__headImage {
  position: relative;
  overflow: hidden;
  padding-top: 120px;
  border-radius: 32px 32px 0 0;
}
@media screen and (max-width: 640px) {
  .l-modal__headImage {
    padding-top: 0;
    overflow: visible;
  }
}
.l-modal__headImage img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1200px;
  border-radius: 32px 32px 0 0;
  transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
  .l-modal__headImage img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    transform: none;
  }
}
@media screen and (min-width: 641px) {
  .l-modal--headImage .l-modal__closeBtn {
    top: 32px;
    right: 32px;
    background-color: var(--color-palette-white-primary);
  }
}
.l-modal--headImage .l-modal__scrollContainer {
  padding: 48px calc(48 / 1200 * 100vw) 0;
}
@media screen and (min-width: 1201px) {
  .l-modal--headImage .l-modal__scrollContainer {
    padding: 48px 48px 0;
  }
}
@media screen and (max-width: 640px) {
  .l-modal--headImage .l-modal__scrollContainer {
    padding: 32px calc(30 / 375 * 100vw) 0;
  }
}

/* スクロールロックする時 */
body.md-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

body#nuroSiteGlobal,
body#nuroSiteGlobal > * {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;
}

.js-tab-sub {
  width: 49.9% !important;
  border-radius: 32px;
}
@media screen and (min-width: 768px) {
  .js-tab-sub {
    border-radius: 40px;
  }
}
.js-tab-sub.is-active {
  border: none;
}
.js-tab-sub:focus {
  outline-offset: 0 !important;
}

.l-tab__item:first-of-type {
  margin-right: 4px;
}

.l-tab__panel .l-tab__list {
  padding: 4px;
  background-color: var(--color-palette-gray-100);
  border-radius: 40px;
}

@media screen and (min-width: 768px) {
  .l-tab__panels .u-d-flex {
    justify-content: space-between;
  }
  .l-tab__panels .u-d-flex li {
    width: calc((100% - 48px) / 2);
  }
}
@media screen and (min-width: 560px) {
  .commonFooter__subList {
    border-bottom: none;
  }
}

.commonFooter__subItemLink a {
  color: #4a7ab2;
}

.commonFooter__service {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #e1e1e1;
}
.commonFooter__serviceList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-right: -8px;
  margin-left: -8px;
}
.commonFooter__serviceItem {
  width: 100%;
  margin-right: 8px;
  margin-bottom: 8px;
  margin-left: 8px;
}
@media screen and (min-width: 560px) {
  .commonFooter__serviceItem {
    max-width: 293px;
  }
}
.commonFooter__serviceLink {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 12px 45px 12px 15px;
  border: 1px solid var(--color-palette-gray-100);
  border-radius: 8px;
}
.commonFooter__serviceLink::after {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 24px;
  height: 24px;
  content: "";
  background-image: url("/components/assets/img/common/icon_arrow_white.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.commonFooter__serviceTitle {
  font-size: 0.875rem;
  font-weight: 700;
  color: #000000;
}
.commonFooter__serviceText {
  font-size: 0.625rem;
  color: #6A6B6C;
}

html {
  overflow-x: visible;
}

body {
  overflow-x: visible;
}