@charset "UTF-8";

@keyframes scrollEffect {
  0% {
    opacity: 0;
    transform: translateY(calc(60/1920*100vw))
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes secHover {
  0% {
    width: 0%;
    right: 0
  }

  50% {
    width: calc(26/1920*100vw);
    right: 0
  }

  to {
    width: 0;
    right: calc(26/1920*100vw)
  }
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0
}

img {
  border: 0;
  outline: 0;
  vertical-align: bottom
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

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

a,
hr,
img {
  padding: 0
}

a,
img {
  margin: 0;
  font-size: 100%;
  background: 0 0
}

a {
  vertical-align: baseline;
  color: var(--font-color-links)
}

ins,
mark {
  background-color: #ff9;
  color: #000
}

ins {
  text-decoration: none
}

mark {
  font-style: italic;
  font-weight: 700
}

del {
  text-decoration: line-through
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0
}

input,
select {
  vertical-align: middle
}

.mt00 {
  margin-top: 0 !important
}

.mt10 {
  margin-top: calc(10/1920*100vw) !important
}

.mt15 {
  margin-top: calc(15/1920*100vw) !important
}

.mt20 {
  margin-top: calc(20/1920*100vw) !important
}

.mt25 {
  margin-top: calc(25/1920*100vw) !important
}

.mt30 {
  margin-top: calc(30/1920*100vw) !important
}

.mt40 {
  margin-top: calc(40/1920*100vw) !important
}

.mt50 {
  margin-top: calc(50/1920*100vw) !important
}

.mt60 {
  margin-top: calc(60/1920*100vw) !important
}

.mt70 {
  margin-top: calc(70/1920*100vw) !important
}

.mt80 {
  margin-top: calc(80/1920*100vw) !important
}

.mb00 {
  margin-bottom: 0 !important
}

.mb10 {
  margin-bottom: calc(10/1920*100vw) !important
}

.mb15 {
  margin-bottom: calc(15/1920*100vw) !important
}

.mb20 {
  margin-bottom: calc(20/1920*100vw) !important
}

.mb25 {
  margin-bottom: calc(25/1920*100vw) !important
}

.mb30 {
  margin-bottom: calc(30/1920*100vw) !important
}

.mb40 {
  margin-bottom: calc(40/1920*100vw) !important
}

.mb50 {
  margin-bottom: calc(50/1920*100vw) !important
}

.mb60 {
  margin-bottom: calc(60/1920*100vw) !important
}

.mb70 {
  margin-bottom: calc(70/1920*100vw) !important
}

.mb80 {
  margin-bottom: calc(80/1920*100vw) !important
}

.wHalf {
  width: 50% !important
}

.wTri {
  width: 33% !important
}

.wQuart {
  width: 25% !important
}

.wFull {
  width: 100% !important
}

.w1per {
  width: 1% !important
}

.w2per {
  width: 2% !important
}

.w3per {
  width: 3% !important
}

.w4per {
  width: 4% !important
}

.w5per {
  width: 5% !important
}

.w6per {
  width: 6% !important
}

.w7per {
  width: 7% !important
}

.w8per {
  width: 8% !important
}

.w9per {
  width: 9% !important
}

.w10per {
  width: 10% !important
}

.w11per {
  width: 11% !important
}

.w12per {
  width: 12% !important
}

.w13per {
  width: 13% !important
}

.w14per {
  width: 14% !important
}

.w15per {
  width: 15% !important
}

.w16per {
  width: 16% !important
}

.w17per {
  width: 17% !important
}

.w18per {
  width: 18% !important
}

.w19per {
  width: 19% !important
}

.w20per {
  width: 20% !important
}

.w21per {
  width: 21% !important
}

.w22per {
  width: 22% !important
}

.w23per {
  width: 23% !important
}

.w24per {
  width: 24% !important
}

.w25per {
  width: 25% !important
}

.w26per {
  width: 26% !important
}

.w27per {
  width: 27% !important
}

.w28per {
  width: 28% !important
}

.w29per {
  width: 29% !important
}

.w30per {
  width: 30% !important
}

.w31per {
  width: 31% !important
}

.w32per {
  width: 32% !important
}

.w33per {
  width: 33% !important
}

.w34per {
  width: 34% !important
}

.w35per {
  width: 35% !important
}

.w36per {
  width: 36% !important
}

.w37per {
  width: 37% !important
}

.w38per {
  width: 38% !important
}

.w39per {
  width: 39% !important
}

.w40per {
  width: 40% !important
}

.w41per {
  width: 41% !important
}

.w42per {
  width: 42% !important
}

.w43per {
  width: 43% !important
}

.w44per {
  width: 44% !important
}

.w45per {
  width: 45% !important
}

.w46per {
  width: 46% !important
}

.w47per {
  width: 47% !important
}

.w48per {
  width: 48% !important
}

.w49per {
  width: 49% !important
}

.w50per {
  width: 50% !important
}

.w51per {
  width: 51% !important
}

.w52per {
  width: 52% !important
}

.w53per {
  width: 53% !important
}

.w54per {
  width: 54% !important
}

.w55per {
  width: 55% !important
}

.w56per {
  width: 56% !important
}

.w57per {
  width: 57% !important
}

.w58per {
  width: 58% !important
}

.w59per {
  width: 59% !important
}

.w60per {
  width: 60% !important
}

.w61per {
  width: 61% !important
}

.w62per {
  width: 62% !important
}

.w63per {
  width: 63% !important
}

.w64per {
  width: 64% !important
}

.w65per {
  width: 65% !important
}

.w66per {
  width: 66% !important
}

.w67per {
  width: 67% !important
}

.w68per {
  width: 68% !important
}

.w69per {
  width: 69% !important
}

.w70per {
  width: 70% !important
}

.w71per {
  width: 71% !important
}

.w72per {
  width: 72% !important
}

.w73per {
  width: 73% !important
}

.w74per {
  width: 74% !important
}

.w75per {
  width: 75% !important
}

.w76per {
  width: 76% !important
}

.w77per {
  width: 77% !important
}

.w78per {
  width: 78% !important
}

.w79per {
  width: 79% !important
}

.w80per {
  width: 80% !important
}

.w81per {
  width: 81% !important
}

.w82per {
  width: 82% !important
}

.w83per {
  width: 83% !important
}

.w84per {
  width: 84% !important
}

.w85per {
  width: 85% !important
}

.w86per {
  width: 86% !important
}

.w87per {
  width: 87% !important
}

.w88per {
  width: 88% !important
}

.w89per {
  width: 89% !important
}

.w90per {
  width: 90% !important
}

.w91per {
  width: 91% !important
}

.w92per {
  width: 92% !important
}

.w93per {
  width: 93% !important
}

.w94per {
  width: 94% !important
}

.w95per {
  width: 95% !important
}

.w96per {
  width: 96% !important
}

.w97per {
  width: 97% !important
}

.w98per {
  width: 98% !important
}

.w99per {
  width: 99% !important
}

.w100per {
  width: 100% !important
}

.w101per {
  width: 101% !important
}

.w102per {
  width: 102% !important
}

.w103per {
  width: 103% !important
}

.w104per {
  width: 104% !important
}

.w105per {
  width: 105% !important
}

.w106per {
  width: 106% !important
}

.w107per {
  width: 107% !important
}

.w108per {
  width: 108% !important
}

.w109per {
  width: 109% !important
}

.w110per {
  width: 110% !important
}

.w111per {
  width: 111% !important
}

.w112per {
  width: 112% !important
}

.w113per {
  width: 113% !important
}

.w114per {
  width: 114% !important
}

.w115per {
  width: 115% !important
}

.w116per {
  width: 116% !important
}

.w117per {
  width: 117% !important
}

.w118per {
  width: 118% !important
}

.w119per {
  width: 119% !important
}

.w120per {
  width: 120% !important
}

.w121per {
  width: 121% !important
}

.w122per {
  width: 122% !important
}

.w123per {
  width: 123% !important
}

.w124per {
  width: 124% !important
}

.w125per {
  width: 125% !important
}

.w126per {
  width: 126% !important
}

.w127per {
  width: 127% !important
}

.w128per {
  width: 128% !important
}

.w129per {
  width: 129% !important
}

.w130per {
  width: 130% !important
}

.w131per {
  width: 131% !important
}

.w132per {
  width: 132% !important
}

.w133per {
  width: 133% !important
}

.w134per {
  width: 134% !important
}

.w135per {
  width: 135% !important
}

.w136per {
  width: 136% !important
}

.w137per {
  width: 137% !important
}

.w138per {
  width: 138% !important
}

.w139per {
  width: 139% !important
}

.w140per {
  width: 140% !important
}

.w141per {
  width: 141% !important
}

.w142per {
  width: 142% !important
}

.w143per {
  width: 143% !important
}

.w144per {
  width: 144% !important
}

.w145per {
  width: 145% !important
}

.w146per {
  width: 146% !important
}

.w147per {
  width: 147% !important
}

.w148per {
  width: 148% !important
}

.w149per {
  width: 149% !important
}

.w150per {
  width: 150% !important
}

.w151per {
  width: 151% !important
}

.w152per {
  width: 152% !important
}

.w153per {
  width: 153% !important
}

.w154per {
  width: 154% !important
}

.w155per {
  width: 155% !important
}

.w156per {
  width: 156% !important
}

.w157per {
  width: 157% !important
}

.w158per {
  width: 158% !important
}

.w159per {
  width: 159% !important
}

.w160per {
  width: 160% !important
}

.w161per {
  width: 161% !important
}

.w162per {
  width: 162% !important
}

.w163per {
  width: 163% !important
}

.w164per {
  width: 164% !important
}

.w165per {
  width: 165% !important
}

.w166per {
  width: 166% !important
}

.w167per {
  width: 167% !important
}

.w168per {
  width: 168% !important
}

.w169per {
  width: 169% !important
}

.w170per {
  width: 170% !important
}

.w171per {
  width: 171% !important
}

.w172per {
  width: 172% !important
}

.w173per {
  width: 173% !important
}

.w174per {
  width: 174% !important
}

.w175per {
  width: 175% !important
}

.w176per {
  width: 176% !important
}

.w177per {
  width: 177% !important
}

.w178per {
  width: 178% !important
}

.w179per {
  width: 179% !important
}

.w180per {
  width: 180% !important
}

.w181per {
  width: 181% !important
}

.w182per {
  width: 182% !important
}

.w183per {
  width: 183% !important
}

.w184per {
  width: 184% !important
}

.w185per {
  width: 185% !important
}

.w186per {
  width: 186% !important
}

.w187per {
  width: 187% !important
}

.w188per {
  width: 188% !important
}

.w189per {
  width: 189% !important
}

.w190per {
  width: 190% !important
}

.w191per {
  width: 191% !important
}

.w192per {
  width: 192% !important
}

.w193per {
  width: 193% !important
}

.w194per {
  width: 194% !important
}

.w195per {
  width: 195% !important
}

.w196per {
  width: 196% !important
}

.w197per {
  width: 197% !important
}

.w198per {
  width: 198% !important
}

.w199per {
  width: 199% !important
}

.w200per {
  width: 200% !important
}

.poR {
  position: relative !important
}

.poS {
  position: static !important
}

.ofH {
  overflow: hidden !important
}

.ofV {
  overflow: visible !important
}

.dB {
  display: block !important
}

.dI {
  display: inline !important
}

.dIb {
  display: inline-block !important
}

.maC,
.maL,
.maR {
  margin-right: 0 !important;
  margin-left: auto !important
}

.maC,
.maL {
  margin-right: auto !important
}

.maL {
  margin-left: 0 !important
}

.taR {
  text-align: right !important
}

.taC {
  text-align: center !important
}

.taL {
  text-align: left !important
}

.taJ {
  text-align: justify !important
}

.flL {
  float: left !important
}

.flR {
  float: right !important
}

.flN {
  float: none !important
}

.clB {
  clear: both !important
}

.flImgL {
  float: left;
  margin: calc(5/1920*100vw) calc(70/1920*100vw) calc(20/1920*100vw)0
}

.flImgR {
  float: right;
  margin: calc(5/1920*100vw)0 calc(20/1920*100vw) calc(70/1920*100vw)
}

a.imgHover07 img {
  transition: opacity .2s ease-out
}

a.imgHover07:hover img {
  opacity: .7
}

.clearfix:after,
.ui_boxIntro02:after,
.ui_boxIntro02>p:after,
.ui_boxIntro:after,
.ui_boxIntro>p:after,
.wideCloumnBox01:after,
.wideCloumnBox01>p:after {
  content: "";
  display: block;
  clear: both
}

@media (min-width:751px) {
  .onlySP {
    display: none !important
  }
}

@media (max-width:750px) {
  .onlyPC {
    display: none !important
  }

  .sp-mt00 {
    margin-top: 0 !important
  }

  .sp-mt10 {
    margin-top: calc(10/750*100vw) !important
  }

  .sp-mt20 {
    margin-top: calc(20/750*100vw) !important
  }

  .sp-mt30 {
    margin-top: calc(30/750*100vw) !important
  }

  .sp-mt40 {
    margin-top: calc(40/750*100vw) !important
  }

  .sp-mt50 {
    margin-top: calc(50/750*100vw) !important
  }

  .sp-mt60 {
    margin-top: calc(60/750*100vw) !important
  }

  .sp-mt70 {
    margin-top: calc(70/750*100vw) !important
  }

  .sp-mt80 {
    margin-top: calc(80/750*100vw) !important
  }

  .sp-mb00 {
    margin-bottom: 0 !important
  }

  .sp-mb10 {
    margin-bottom: calc(10/750*100vw) !important
  }

  .sp-mb20 {
    margin-bottom: calc(20/750*100vw) !important
  }

  .sp-mb30 {
    margin-bottom: calc(30/750*100vw) !important
  }

  .sp-mb40 {
    margin-bottom: calc(40/750*100vw) !important
  }

  .sp-mb50 {
    margin-bottom: calc(50/750*100vw) !important
  }

  .sp-mb60 {
    margin-bottom: calc(60/750*100vw) !important
  }

  .sp-mb70 {
    margin-bottom: calc(70/750*100vw) !important
  }

  .sp-mb80 {
    margin-bottom: calc(80/750*100vw) !important
  }

  .sp-wHalf {
    width: 50% !important
  }

  .sp-wTri {
    width: 33% !important
  }

  .sp-wQuart {
    width: 25% !important
  }

  .sp-wFull {
    width: 100% !important
  }

  .sp-poR {
    position: relative !important
  }

  .sp-poS {
    position: static !important
  }

  .sp-ofH {
    overflow: hidden !important
  }

  .sp-ofV {
    overflow: visible !important
  }

  .sp-dB {
    display: block !important
  }

  .sp-dI {
    display: inline !important
  }

  .sp-dIb {
    display: inline-block !important
  }

  .sp-maC,
  .sp-maL,
  .sp-maR {
    margin-right: 0 !important;
    margin-left: auto !important
  }

  .sp-maC,
  .sp-maL {
    margin-right: auto !important
  }

  .sp-maL {
    margin-left: 0 !important
  }

  .sp-taR {
    text-align: right !important
  }

  .sp-taC {
    text-align: center !important
  }

  .sp-taL {
    text-align: left !important
  }

  .sp-taJ {
    text-align: justify !important
  }

  .sp-flL {
    float: left !important
  }

  .sp-flR {
    float: right !important
  }

  .sp-flN {
    float: none !important
  }

  .sp-flImgN {
    float: none;
    margin: 0 auto calc(20/750*100vw)
  }

  .sp-w1per {
    width: 1% !important
  }

  .sp-w2per {
    width: 2% !important
  }

  .sp-w3per {
    width: 3% !important
  }

  .sp-w4per {
    width: 4% !important
  }

  .sp-w5per {
    width: 5% !important
  }

  .sp-w6per {
    width: 6% !important
  }

  .sp-w7per {
    width: 7% !important
  }

  .sp-w8per {
    width: 8% !important
  }

  .sp-w9per {
    width: 9% !important
  }

  .sp-w10per {
    width: 10% !important
  }

  .sp-w11per {
    width: 11% !important
  }

  .sp-w12per {
    width: 12% !important
  }

  .sp-w13per {
    width: 13% !important
  }

  .sp-w14per {
    width: 14% !important
  }

  .sp-w15per {
    width: 15% !important
  }

  .sp-w16per {
    width: 16% !important
  }

  .sp-w17per {
    width: 17% !important
  }

  .sp-w18per {
    width: 18% !important
  }

  .sp-w19per {
    width: 19% !important
  }

  .sp-w20per {
    width: 20% !important
  }

  .sp-w21per {
    width: 21% !important
  }

  .sp-w22per {
    width: 22% !important
  }

  .sp-w23per {
    width: 23% !important
  }

  .sp-w24per {
    width: 24% !important
  }

  .sp-w25per {
    width: 25% !important
  }

  .sp-w26per {
    width: 26% !important
  }

  .sp-w27per {
    width: 27% !important
  }

  .sp-w28per {
    width: 28% !important
  }

  .sp-w29per {
    width: 29% !important
  }

  .sp-w30per {
    width: 30% !important
  }

  .sp-w31per {
    width: 31% !important
  }

  .sp-w32per {
    width: 32% !important
  }

  .sp-w33per {
    width: 33% !important
  }

  .sp-w34per {
    width: 34% !important
  }

  .sp-w35per {
    width: 35% !important
  }

  .sp-w36per {
    width: 36% !important
  }

  .sp-w37per {
    width: 37% !important
  }

  .sp-w38per {
    width: 38% !important
  }

  .sp-w39per {
    width: 39% !important
  }

  .sp-w40per {
    width: 40% !important
  }

  .sp-w41per {
    width: 41% !important
  }

  .sp-w42per {
    width: 42% !important
  }

  .sp-w43per {
    width: 43% !important
  }

  .sp-w44per {
    width: 44% !important
  }

  .sp-w45per {
    width: 45% !important
  }

  .sp-w46per {
    width: 46% !important
  }

  .sp-w47per {
    width: 47% !important
  }

  .sp-w48per {
    width: 48% !important
  }

  .sp-w49per {
    width: 49% !important
  }

  .sp-w50per {
    width: 50% !important
  }

  .sp-w51per {
    width: 51% !important
  }

  .sp-w52per {
    width: 52% !important
  }

  .sp-w53per {
    width: 53% !important
  }

  .sp-w54per {
    width: 54% !important
  }

  .sp-w55per {
    width: 55% !important
  }

  .sp-w56per {
    width: 56% !important
  }

  .sp-w57per {
    width: 57% !important
  }

  .sp-w58per {
    width: 58% !important
  }

  .sp-w59per {
    width: 59% !important
  }

  .sp-w60per {
    width: 60% !important
  }

  .sp-w61per {
    width: 61% !important
  }

  .sp-w62per {
    width: 62% !important
  }

  .sp-w63per {
    width: 63% !important
  }

  .sp-w64per {
    width: 64% !important
  }

  .sp-w65per {
    width: 65% !important
  }

  .sp-w66per {
    width: 66% !important
  }

  .sp-w67per {
    width: 67% !important
  }

  .sp-w68per {
    width: 68% !important
  }

  .sp-w69per {
    width: 69% !important
  }

  .sp-w70per {
    width: 70% !important
  }

  .sp-w71per {
    width: 71% !important
  }

  .sp-w72per {
    width: 72% !important
  }

  .sp-w73per {
    width: 73% !important
  }

  .sp-w74per {
    width: 74% !important
  }

  .sp-w75per {
    width: 75% !important
  }

  .sp-w76per {
    width: 76% !important
  }

  .sp-w77per {
    width: 77% !important
  }

  .sp-w78per {
    width: 78% !important
  }

  .sp-w79per {
    width: 79% !important
  }

  .sp-w80per {
    width: 80% !important
  }

  .sp-w81per {
    width: 81% !important
  }

  .sp-w82per {
    width: 82% !important
  }

  .sp-w83per {
    width: 83% !important
  }

  .sp-w84per {
    width: 84% !important
  }

  .sp-w85per {
    width: 85% !important
  }

  .sp-w86per {
    width: 86% !important
  }

  .sp-w87per {
    width: 87% !important
  }

  .sp-w88per {
    width: 88% !important
  }

  .sp-w89per {
    width: 89% !important
  }

  .sp-w90per {
    width: 90% !important
  }

  .sp-w91per {
    width: 91% !important
  }

  .sp-w92per {
    width: 92% !important
  }

  .sp-w93per {
    width: 93% !important
  }

  .sp-w94per {
    width: 94% !important
  }

  .sp-w95per {
    width: 95% !important
  }

  .sp-w96per {
    width: 96% !important
  }

  .sp-w97per {
    width: 97% !important
  }

  .sp-w98per {
    width: 98% !important
  }

  .sp-w99per {
    width: 99% !important
  }

  .sp-w100per {
    width: 100% !important
  }

  .sp-w101per {
    width: 101% !important
  }

  .sp-w102per {
    width: 102% !important
  }

  .sp-w103per {
    width: 103% !important
  }

  .sp-w104per {
    width: 104% !important
  }

  .sp-w105per {
    width: 105% !important
  }

  .sp-w106per {
    width: 106% !important
  }

  .sp-w107per {
    width: 107% !important
  }

  .sp-w108per {
    width: 108% !important
  }

  .sp-w109per {
    width: 109% !important
  }

  .sp-w110per {
    width: 110% !important
  }

  .sp-w111per {
    width: 111% !important
  }

  .sp-w112per {
    width: 112% !important
  }

  .sp-w113per {
    width: 113% !important
  }

  .sp-w114per {
    width: 114% !important
  }

  .sp-w115per {
    width: 115% !important
  }

  .sp-w116per {
    width: 116% !important
  }

  .sp-w117per {
    width: 117% !important
  }

  .sp-w118per {
    width: 118% !important
  }

  .sp-w119per {
    width: 119% !important
  }

  .sp-w120per {
    width: 120% !important
  }

  .sp-w121per {
    width: 121% !important
  }

  .sp-w122per {
    width: 122% !important
  }

  .sp-w123per {
    width: 123% !important
  }

  .sp-w124per {
    width: 124% !important
  }

  .sp-w125per {
    width: 125% !important
  }

  .sp-w126per {
    width: 126% !important
  }

  .sp-w127per {
    width: 127% !important
  }

  .sp-w128per {
    width: 128% !important
  }

  .sp-w129per {
    width: 129% !important
  }

  .sp-w130per {
    width: 130% !important
  }

  .sp-w131per {
    width: 131% !important
  }

  .sp-w132per {
    width: 132% !important
  }

  .sp-w133per {
    width: 133% !important
  }

  .sp-w134per {
    width: 134% !important
  }

  .sp-w135per {
    width: 135% !important
  }

  .sp-w136per {
    width: 136% !important
  }

  .sp-w137per {
    width: 137% !important
  }

  .sp-w138per {
    width: 138% !important
  }

  .sp-w139per {
    width: 139% !important
  }

  .sp-w140per {
    width: 140% !important
  }

  .sp-w141per {
    width: 141% !important
  }

  .sp-w142per {
    width: 142% !important
  }

  .sp-w143per {
    width: 143% !important
  }

  .sp-w144per {
    width: 144% !important
  }

  .sp-w145per {
    width: 145% !important
  }

  .sp-w146per {
    width: 146% !important
  }

  .sp-w147per {
    width: 147% !important
  }

  .sp-w148per {
    width: 148% !important
  }

  .sp-w149per {
    width: 149% !important
  }

  .sp-w150per {
    width: 150% !important
  }

  .sp-w151per {
    width: 151% !important
  }

  .sp-w152per {
    width: 152% !important
  }

  .sp-w153per {
    width: 153% !important
  }

  .sp-w154per {
    width: 154% !important
  }

  .sp-w155per {
    width: 155% !important
  }

  .sp-w156per {
    width: 156% !important
  }

  .sp-w157per {
    width: 157% !important
  }

  .sp-w158per {
    width: 158% !important
  }

  .sp-w159per {
    width: 159% !important
  }

  .sp-w160per {
    width: 160% !important
  }

  .sp-w161per {
    width: 161% !important
  }

  .sp-w162per {
    width: 162% !important
  }

  .sp-w163per {
    width: 163% !important
  }

  .sp-w164per {
    width: 164% !important
  }

  .sp-w165per {
    width: 165% !important
  }

  .sp-w166per {
    width: 166% !important
  }

  .sp-w167per {
    width: 167% !important
  }

  .sp-w168per {
    width: 168% !important
  }

  .sp-w169per {
    width: 169% !important
  }

  .sp-w170per {
    width: 170% !important
  }

  .sp-w171per {
    width: 171% !important
  }

  .sp-w172per {
    width: 172% !important
  }

  .sp-w173per {
    width: 173% !important
  }

  .sp-w174per {
    width: 174% !important
  }

  .sp-w175per {
    width: 175% !important
  }

  .sp-w176per {
    width: 176% !important
  }

  .sp-w177per {
    width: 177% !important
  }

  .sp-w178per {
    width: 178% !important
  }

  .sp-w179per {
    width: 179% !important
  }

  .sp-w180per {
    width: 180% !important
  }

  .sp-w181per {
    width: 181% !important
  }

  .sp-w182per {
    width: 182% !important
  }

  .sp-w183per {
    width: 183% !important
  }

  .sp-w184per {
    width: 184% !important
  }

  .sp-w185per {
    width: 185% !important
  }

  .sp-w186per {
    width: 186% !important
  }

  .sp-w187per {
    width: 187% !important
  }

  .sp-w188per {
    width: 188% !important
  }

  .sp-w189per {
    width: 189% !important
  }

  .sp-w190per {
    width: 190% !important
  }

  .sp-w191per {
    width: 191% !important
  }

  .sp-w192per {
    width: 192% !important
  }

  .sp-w193per {
    width: 193% !important
  }

  .sp-w194per {
    width: 194% !important
  }

  .sp-w195per {
    width: 195% !important
  }

  .sp-w196per {
    width: 196% !important
  }

  .sp-w197per {
    width: 197% !important
  }

  .sp-w198per {
    width: 198% !important
  }

  .sp-w199per {
    width: 199% !important
  }

  .sp-w200per {
    width: 200% !important
  }
}

#mainContents img[class*=wp-image],
.ui_box01 p>img[class*=wp-image] {
  display: block;
  max-width: 100%;
  height: auto
}

#mainContents img.alignnone,
.ui_box01 p>img.alignnone {
  display: inline-block
}

#mainContents img.alignright,
.ui_box01 p>img.alignright {
  float: right;
  margin: calc(5/1920*100vw)0 calc(20/1920*100vw) calc(60/1920*100vw)
}

#mainContents img.aligncenter,
.ui_box01 p>img.aligncenter {
  float: none;
  margin: 0 auto calc(25/1920*100vw)
}

#mainContents img.alignleft,
.ui_box01 p>img.alignleft {
  float: left;
  margin: calc(5/1920*100vw) calc(60/1920*100vw) calc(20/1920*100vw)0
}

@media (max-width:750px) {
  .ui_box01 p>img[class*=wp-image] {
    width: 100%
  }

  .ui_box01 p>img.aligncenter,
  .ui_box01 p>img.alignleft,
  .ui_box01 p>img.alignnone,
  .ui_box01 p>img.alignright {
    display: block;
    float: none;
    margin: calc(30/750*100vw) auto
  }

  .ui_box01 .gallery {
    margin-bottom: calc(40/750*100vw) !important
  }

  .ui_box01 .gallery .gallery-item {
    float: none !important;
    width: 100% !important;
    margin-top: calc(40/750*100vw) !important
  }

  .ui_box01 .gallery .gallery-item .gallery-caption {
    font-size: .9375rem;
    margin-top: calc(15/750*100vw)
  }

  .ui_box01 .gallery br {
    display: none
  }
}

.thumbnailWrap {
  display: block;
  text-align: center;
  margin-bottom: calc(20/1920*100vw)
}

#header>.container>.logo img,
.thumbnailWrap img {
  max-width: 100%;
  height: auto
}

*,
:after,
:before {
  box-sizing: border-box
}

:root {
  --base-color-primary: #dddd75;
  --base-color-second: #fffaea;
  --base-color-third: #70a118;
  --accent-color-primary: #ff7e38;
  --accent-color-second: #66380e;
  --accent-color-third: #a2cb3a;
  --bg-color-primary: #ffffff;
  --bg-color-second: #000000;
  --font-color-base: #222222;
  --font-color-key: #ffffff;
  --font-color-other: #41540f;
  --font-color-links: #22ac38;
  --gray-color-primary: #939aa3;
  --gray-color-second: #a9a9a9;
  --gray-color-third: #f0f0f0;
  --header-parts-tel-font-color: var(--font-color-base);
  --gnavi-parts-list-ja-font-color: var(--font-color-base);
  --gnavi-parts-list-en-font-color: var(--base-color-third);
  --gnavi-parts-list-ja-font-active-color: var(--base-color-third);
  --gnavi-parts-list-en-font-active-color: var(--base-color-third);
  --gnavi-parts-list-accordion-bg-color: var(--base-color-second);
  --gnavi-parts-list-accordion-bg-active-color: var(--accent-color-primary);
  --gnavi-parts-list-accordion-ico-color: var(--font-color-base);
  --gnavi-parts-list-accordion-ico-active-color: var(--font-color-key);
  --gnavi-parts-list-accordion-font-color: var(--font-color-base);
  --gnavi-parts-list-accordion-font-active-color: var(--font-color-key);
  --gnavi-parts-bg-color: var(--bg-color-primary);
  --cta-parts-btn-font-color: var(--font-color-key);
  --cta-parts-btn-bg-color: var(--font-color-key);
  --cta-parts-btn-border-color: var(--font-color-key);
  --cta-parts-btn-font-active-color: var(--font-color-key);
  --cta-parts-btn-bg-active-color: var(--font-color-key);
  --cta-parts-btn-border-active-color: var(--font-color-key);
  --cta-parts-btn-second-font-color: var(--font-color-key);
  --cta-parts-btn-second-bg-color: var(--font-color-key);
  --cta-parts-btn-second-border-color: var(--font-color-key);
  --cta-parts-btn-second-font-active-color: var(--font-color-key);
  --cta-parts-btn-second-bg-active-color: var(--font-color-key);
  --cta-parts-btn-second-border-active-color: var(--font-color-key);
  --footer-parts-link-font-color: var(--font-color-base);
  --footer-parts-link-font-active-color: var(--accent-color-primary);
  --footer-parts-table-font-color: var(--font-color-base);
  --footer-parts-table-border-color: var(--gray-color-second);
  --footer-parts-link-icon-color: var(--footer-parts-link-font-active-color);
  --copyright-parts-font-color: var(--font-color-key);
  --copyright-parts-bg-color: var(--base-color-primary);
  --menu-box-parts-title-en-font-color: var(--accent-color-second);
  --menu-box-parts-title-ja-font-color: var(--font-color-base);
  --menu-box-parts-text-font-color: var(--font-color-base);
  --menu-box-parts-text-color-noicon: var(--accent-color-primary);
  --menu-box-parts-list-item-bg-color: var(--base-color-second);
  --menu-box-parts-list-item-bg-active-color: var(--accent-color-primary);
  --menu-box-parts-list-item-ico-color: var(--font-color-base);
  --menu-box-parts-list-item-ico-active-color: var(--font-color-key);
  --menu-box-parts-list-item-font-color: var(--font-color-base);
  --menu-box-parts-list-item-font-active-color: var(--font-color-base);
  --fixed-parts-menu-bg-color: var(--bg-color-primary);
  --fixed-parts-menu-list-en-font-color: var(--base-color-third);
  --fixed-parts-menu-list-ja-font-color: var(--font-color-base);
  --fixed-parts-menu-list-en-font-active-color: var(--accent-color-primary);
  --fixed-parts-menu-list-ja-font-active-color: var(--accent-color-primary);
  --fixed-parts-overlay-bg-color: var(--bg-color-second);
  --fixed-parts-menu-btn-bg-color: var(--accent-color-primary);
  --fixed-parts-menu-btn-bg-active-color: var(--accent-color-second);
  --fixed-parts-menu-btn-boder-color: var(--font-color-key);
  --fixed-parts-menu-btn-btnContact01-font-color: var(--font-color-key);
  --fixed-parts-menu-btn-btnContact01-bg-start-color: var(--accent-color-third);
  --fixed-parts-menu-btn-btnContact01-bg-end-color: var(--accent-color-third);
  --fixed-parts-menu-btn-btnContact02-bg-start-color: var(--accent-color-second);
  --fixed-parts-menu-btn-btnContact02-bg-end-color: var(--accent-color-second);
  --sp-fixed-parts-menu-content-bg-color: var(--bg-color-primary);
  --sp-fixed-parts-menu-nav-bg-color: var(--base-color-second);
  --sp-fixed-parts-menu-list-boder-color: var(--base-color-third);
  --sp-fixed-parts-menu-btn-tel-font-color: var(--font-color-key);
  --sp-fixed-parts-menu-btn-tel-bg-color: var(--accent-color-primary);
  --fixed-parts-page-top-boder-color: var(--bg-color-primary);
  --fixed-parts-page-top-bg-color: var(--base-color-primary);
  --btn-part-base-bg-start-color: var(--accent-color-primary);
  --btn-part-base-bg-end-color: var(--accent-color-primary);
  --btn-part-text-font-color: var(--font-color-key);
  --btn-part-border-color: var(--font-color-key);
  --content00-parts-base-bg-color: var(--base-color-second);
  --content00-parts-title-ja-font-color: var(--font-color-base);
  --content00-parts-text-font-color: var(--font-color-base);
  --content00-parts-list-icon-color: var(--accent-color-third);
  --content00-parts-list-bg-color: var(--font-color-key);
  --content01-parts-base-bg-color: var(--base-color-second);
  --content01-parts-title-en-font-color: var(--accent-color-second);
  --content01-parts-title-ja-font-color: var(--font-color-base);
  --content01-parts-list-number-font-color: var(--accent-color-primary);
  --content01-parts-list-title-en-font-color: var(--accent-color-third);
  --content01-parts-list-title-ja-font-color: var(--font-color-base);
  --content01-parts-list-text-ja-font-color: var(--font-color-base);
  --content02-parts-base-bg-color: var(--base-color-second);
  --content02-parts-title-en-font-color: var(--accent-color-third);
  --content02-parts-title-ja-font-color: var(--font-color-base);
  --content02-parts-text-font-color: var(--font-color-base);
  --content03-parts-title-en-font-color: var(--accent-color-second);
  --content03-parts-title-ja-font-color: var(--font-color-base);
  --content03-parts-text-font-color: var(--font-color-base);
  --content04-parts-base-bg-color: var(--base-color-second);
  --content04-parts-title-en-font-color: var(--accent-color-third);
  --content04-parts-title-ja-font-color: var(--font-color-base);
  --content04-parts-text-font-color: var(--font-color-base);
  --content05-part-news-title-en-color: var(--accent-color-second);
  --content05-part-news-title-ja-color: var(--font-color-base);
  --content05-part-news-text-color: var(--font-color-base);
  --content05-part-news-border-color: var(--accent-color-second);
  --content05-part-calendar-title-color: var(--accent-color-second);
  --content05-part-calendar-title-border-color: var(--accent-color-second);
  --content05-part-calendar-border-color: var(--gray-color-third);
  --content05-part-calendar-tab-bg-color: var(--bg-color-primary);
  --content05-part-calendar-tab-bg-active-color: var(--accent-color-second);
  --content05-part-calendar-tab-font-color: var(--gray-color-primary);
  --content05-part-calendar-tab-font-active-color: var(--font-color-key);
  --content05-part-calendar-tab-border-color: var(--accent-color-second);
  --content05-part-calendar-text-font-color: var(--font-color-base);
  --content05-part-calendar-holiday-text-font-color: var(--accent-color-second);
  --content05-part-calendar-icon-close-bg-color: var(--accent-color-primary);
  --content05-part-calendar-icon-close-font-color: var(--font-color-key);
  --content05-part-calendar-icon-other-bg-color: var(--base-color-primary);
  --content05-part-calendar-icon-other-font-color: var(--font-color-base);
  --content05-part-insta-title-color: var(--accent-color-second);
  --content05-part-insta-border-color: var(--accent-color-second);
  --ui-tit01-font-en-color: var(--accent-color-primary);
  --ui-tit01-font-ja-color: var(--font-color-base);
  --ui-tit02-bg-color: var(--accent-color-primary);
  --ui-tit02-font-ja-color: var(--font-color-key);
  --ui-tit02-icon-color: var(--bg-color-primary);
  --ui-tit02-light-bg-color: var(--base-color-second);
  --ui-tit02-light-font-ja-color: var(--font-color-base);
  --ui-tit02-light-icon-color: var(--accent-color-primary);
  --ui-tit02-clear-font-ja-color: var(--font-color-base);
  --ui-tit02-clear-icon-color: var(--base-color-primary);
  --ui-tit03-font-en-color: var(--accent-color-second);
  --ui-tit03-font-ja-color: var(--font-color-base);
  --ui-tit04-font-en-color: var(--accent-color-third);
  --ui-tit04-font-ja-color: var(--font-color-base);
  --ui-tit04-border-color: var(--accent-color-third);
  --ui-tit05-font-en-color: var(--accent-color-second);
  --ui-tit05-font-ja-color: var(--font-color-base);
  --ui-tit06-bg-color: var(--base-color-primary);
  --ui-tit06-font-ja-color: var(--font-color-key);
  --ui-tit06-icon-before-color: var(--base-color-third);
  --ui-tit06-icon-after-color: var(--base-color-third);
  --ui-tit07-border-color: var(--base-color-primary);
  --ui-tit07-font-ja-color: var(--font-color-base);
  --ui-tit08-title-en-font-color: var(--accent-color-second);
  --ui-tit08-title-ja-font-color: var(--font-color-base);
  --ui-table01-title-bg-color: var(--base-color-primary);
  --ui-table01-title-font-color: var(--font-color-base);
  --ui-table01-th-bg-color: var(--base-color-second);
  --ui-table01-th-border-color: var(--bg-color-second);
  --ui-table01-th-border-color02: var(--bg-color-primary);
  --ui-table01-th-font-color: var(--font-color-base);
  --ui-table01-td-bg-color: var(--bg-color-primary);
  --ui-table01-td-border-color: var(--bg-color-second);
  --ui-table01-td-font-color: var(--font-color-base);
  --ui-box01-txt-font-color: var(--font-color-base);
  --ui-boxintro01-txt-font-color: var(--font-color-base);
  --ui-boxintro02-bg-color: var(--base-color-primary);
  --ui-boxintro02-txt-font-color: var(--font-color-base);
  --ui-boxwrap01-bg-color: var(--base-color-second);
  --ui-boxwrap01-txt-font-color: var(--font-color-base);
  --ui-boxwrap02-bg-color: var(--base-color-second);
  --ui-boxwrap02-content-bg-color: var(--bg-color-primary);
  --ui-boxwrap02-txt-font-color: var(--font-color-base);
  --ui-boxwrap03-txt-bg-color: var(--base-color-second);
  --ui-boxwrap03-title-boder-color: var(--accent-color-third);
  --ui-boxwrap03-title-en-color: var(--accent-color-third);
  --ui-boxwrap03-title-ja-color: var(--font-color-base);
  --ui-boxwrap03-txt-font-color: var(--font-color-base);
  --ui-boxwrap04-txt-bg-color: var(--base-color-second);
  --ui-boxwrap04-title-boder-color: var(--accent-color-third);
  --ui-boxwrap04-title-en-color: var(--accent-color-third);
  --ui-boxwrap04-title-ja-color: var(--font-color-base);
  --ui-boxwrap04-txt-font-color: var(--font-color-base);
  --ui-boxwrap05-txt-bg-color: var(--base-color-second);
  --ui-boxwrap05-txt-font-color: var(--font-color-base);
  --ui-boxwrap06-bg-color: var(--base-color-second);
  --ui-boxwrap06-icon-bg-color: var(--base-color-primary);
  --ui-boxwrap06-txt-font-color: var(--font-color-base);
  --ui-boxwrap07-bg-color: var(--base-color-second);
  --ui-boxwrap07-txt-font-color: var(--font-color-base);
  --ui-column01-list-bg-color: var(--base-color-second);
  --ui-column01-txt-bg-color: var(--bg-color-primary);
  --ui-column01-tit-font-color: var(--font-color-base);
  --ui-column01-txt-font-color: var(--font-color-base);
  --ui-column01-tit-icon-color: var(--accent-color-primary);
  --ui-imagelist01-item-bg-color: var(--base-color-second);
  --ui-list-step01-boder-color: var(--accent-color-third);
  --ui-list-step01-boder-bg-color: var(--ui-boxwrap01-bg-color);
  --ui-list-step01-number-font-color: var(--accent-color-primary);
  --ui-list-step01-title-font-ja-color: var(--font-color-base);
  --ui-list-step01-title-font-en-color: var(--accent-color-third);
  --ui-list-step01-txt-font-color: var(--font-color-base);
  --ui-list-step02-bg-color: var(--bg-color-primary);
  --ui-list-step02-number-font-color: var(--font-color-key);
  --ui-list-step02-number-bg-color: var(--accent-color-primary);
  --ui-list-step02-title-font-ja-color: var(--font-color-base);
  --ui-list-step02-title-font-en-color: var(--accent-color-third);
  --ui-list-step02-txt-font-color: var(--font-color-base);
  --ui-list-step03-bg-color: var(--bg-color-primary);
  --ui-list-step03-number-font-color: var(--font-color-key);
  --ui-list-step03-number-bg-color: var(--accent-color-primary);
  --ui-list-step03-title-font-ja-color: var(--font-color-base);
  --ui-list-step03-title-font-en-color: var(--accent-color-third);
  --ui-list-step03-title-border-color: var(--accent-color-third);
  --ui-list-step03-txt-font-color: var(--font-color-base);
  --ui-list-step04-num-color: var(--accent-color-second);
  --ui-list-step04-line-color: var(--base-color-second);
  --ui-list-step04-circle-color: var(--base-color-second);
  --ui-list-step04-txt-font-color: var(--font-color-base);
  --ui-list-check01-icon-bg-color: var(--accent-color-primary);
  --ui-list-check01-icon-border-color: var(--bg-color-primary);
  --ui-list-check01-txt-font-color: var(--font-color-base);
  --ui-list-check01-second-txt-font-color: var(--font-color-base);
  --ui-list-inline01-icon-color: var(--accent-color-second);
  --ui-list-inline01-txt-font-color: var(--font-color-base);
  --ui-list-case01-title-font-en-color: var(--base-color-primary);
  --ui-list-case01-icon-color: var(--base-color-primary);
  --ui-list-case01-txt-font-color: var(--font-color-base);
  --ui-list-faq01-title-bg-color: var(--base-color-second);
  --ui-list-faq01-title-font-color: var(--font-color-base);
  --ui-list-faq01-text-bg-color: var(--bg-color-primary);
  --ui-list-faq01-text-font-color: var(--font-color-base);
  --ui-list-faq01-icon-color: var(--accent-color-third);
  --ui-list-faq01-text-inner-wrap-bg-color: var(--bg-color-primary);
  --ui-list-faq01-text-inner-bg-color: var(--bg-color-primary);
  --ui-list-voice01-icon-color: var(--accent-color-second);
  --ui-list-voice01-icon-txt-color: var(--font-color-base);
  --ui-list-voice01-txt-bg-color: var(--base-color-second);
  --ui-list-voice01-txt-font-color: var(--font-color-base);
  --ui-modal01: var();
  --ui-modal02: var();
  --ui-form01-required-bg-color: var(--accent-color-primary);
  --ui-form01-required-font-color: var(--bg-color-primary);
  --ui-form01-textbox-bg-color: var(--bg-color-primary);
  --ui-form01-textbox-border-color: var(--gray-color-third);
  --ui-form01-textbox-font-color: var(--font-color-base);
  --ui-form01-textbox-focus-color: var(--base-color-second);
  --ui-form01-checkbox-color: var(--base-color-third);
  --ui-form01-select-color: var(--base-color-third);
  --ui-form01-button-send-bg-color: var(--accent-color-primary);
  --ui-form01-button-send-font-color: var(--bg-color-primary);
  --ui-form01-button-back-bg-color: var(--accent-color-second);
  --ui-form01-button-back-font-color: var(--bg-color-primary);
  --ui-list-slider-level-bg-color: var(--accent-color-third);
  --ui-list-slider-level-color: var(--font-color-key);
  --ui-list-slider-arrow-bg-color: var(--accent-color-primary);
  --ui-list-slider-arrow-color: var(--font-color-key)
}

html {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
  font-size: calc(16/1920*100vw);
  line-height: 2;
  color: var(--font-color-base);
  background-color: var(--bg-color-primary);
  -webkit-text-size-adjust: 100%;
  text-align: justify
}

:root html {
  font-family: Meiryo, "MS PGothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif
}

#wrapper {
  min-width: calc(1100/1920*100vw);
  overflow: hidden;
  position: relative
}

a:hover {
  text-decoration: none
}

.fc01,
strong {
  font-weight: 400;
  background: linear-gradient(transparent 50%, var(--font-color-strong) 50%) left bottom 0;
  padding-bottom: calc(2/1920*100vw)
}

.windows .fc01,
.windows strong {
  background: linear-gradient(transparent 52%, var(--font-color-strong) 75%) left bottom calc(3/1920*100vw);
  padding-bottom: 0;
  font-weight: 400
}

@media (max-width:750px) {

  .fc01,
  strong {
    padding-bottom: calc(4/750*100vw)
  }
}

.link01 {
  color: var(--font-color-links)
}

.link01:hover {
  text-decoration: none
}

a[href^="tel:"] {
  cursor: default
}

@media (max-width:750px) {
  html {
    font-size: calc(32/750*100vw);
    line-height: 1.8;
    text-align: left
  }

  body {
    font-size: .9375rem
  }

  html.disableScroll,
  html.disableScroll body {
    width: 100%;
    height: 100%;
    overflow: hidden
  }

  #wrapper {
    min-width: calc(750/750*100vw)
  }
}

html.lenis {
  height: auto
}

.lenis.lenis-smooth {
  scroll-behavior: auto
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain
}

.lenis.lenis-stopped {
  overflow: hidden
}

.lenis.lenis-scrolling iframe {
  pointer-events: none
}

.scrollEffect,
.scrollEffectParent>* {
  opacity: 0
}

.scrollEffect.show,
.scrollEffectParent.show>*,
.scrollEffectParent>.show {
  animation: scrollEffect .4s ease-out forwards
}

.scrollEffectParent>.show {
  animation-delay: 0s !important
}

.scrollEffectParent>:nth-child(1) {
  animation-delay: 0s
}

.scrollEffectParent>:nth-child(2) {
  animation-delay: .1s
}

.scrollEffectParent>:nth-child(3) {
  animation-delay: .2s
}

.scrollEffectParent>:nth-child(4) {
  animation-delay: .3s
}

.scrollEffectParent>:nth-child(5) {
  animation-delay: .4s
}

.scrollEffectParent>:nth-child(6) {
  animation-delay: .5s
}

.scrollEffectParent>:nth-child(7) {
  animation-delay: .6s
}

.scrollEffectParent>:nth-child(8) {
  animation-delay: .7s
}

.scrollEffectParent>:nth-child(9) {
  animation-delay: .8s
}

.scrollEffectParent>:nth-child(10) {
  animation-delay: .9s
}

.scrollEffectParent>:nth-child(11) {
  animation-delay: 1s
}

.scrollEffectParent>:nth-child(12) {
  animation-delay: 1.1s
}

.scrollEffectParent>:nth-child(13) {
  animation-delay: 1.2s
}

.scrollEffectParent>:nth-child(14) {
  animation-delay: 1.3s
}

.scrollEffectParent>:nth-child(15) {
  animation-delay: 1.4s
}

.scrollEffectParent>:nth-child(16) {
  animation-delay: 1.5s
}

.scrollEffectParent>:nth-child(17) {
  animation-delay: 1.6s
}

.scrollEffectParent>:nth-child(18) {
  animation-delay: 1.7s
}

.scrollEffectParent>:nth-child(19) {
  animation-delay: 1.8s
}

.scrollEffectParent>:nth-child(20) {
  animation-delay: 1.9s
}

#header {
  position: absolute;
  z-index: 10
}

#header>.container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: calc(1920/1920*100vw);
  height: calc(115/1920*100vw);
  margin: 0 auto;
  padding-right: calc(145/1920*100vw);
  position: relative;
  z-index: 9
}

#header>.container>.logo {
  width: calc(362/1920*100vw);
  align-self: flex-start;
  padding: calc(50/1920*100vw) calc(50/1920*100vw)0;
  margin-right: auto
}

#header>.container>.seo {
  font-size: .8125rem;
  font-weight: 300;
  line-height: 1.615
}

@media (min-width:751px) {
  #header>.container>.seo {
    width: calc(270/1920*100vw)
  }
}

#header>.container #gNavi {
  margin-left: calc(45/1920*100vw)
}

#header>.container>.tel {
  font-family: futura-pt, sans-serif;
  font-style: normal;
  letter-spacing: .045em;
  font-weight: 400;
  font-size: 1.6875rem;
  line-height: 1;
  margin-left: calc(23/1920*100vw);
  text-decoration: none;
  color: var(--header-parts-tel-font-color);
  display: flex;
  position: relative;
  align-items: center;
  min-width: -moz-fit-content;
  min-width: fit-content
}

.ds_design02 #contact>.container a,
.ds_design02 #header>.container>.tel {
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  font-style: normal
}

.ds_design03 #contact>.container a,
.ds_design03 #header>.container>.tel {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal
}

@media (max-width:750px) {
  #header>.container {
    display: flex;
    margin: 0 auto;
    height: calc(150/750*100vw);
    padding-right: calc(150/750*100vw)
  }

  #header>.container>.logo {
    width: calc(483/750*100vw);
    padding: calc(21/750*100vw) calc(21/750*100vw)0
  }
}

#menuBtn {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 998;
  width: calc(115/1920*100vw);
  height: calc(115/1920*100vw);
  background-color: var(--fixed-parts-menu-btn-bg-color)
}

.ds_design03 #menuBtn {
  border-radius: 0 0 0 calc(45/1920*100vw)
}

#menuBtn>div {
  position: absolute;
  right: calc(50% - calc(20/1920*100vw));
  top: calc(50% - calc(2/1920*100vw));
  width: calc(40/1920*100vw);
  height: calc(3/1920*100vw);
  background-color: var(--fixed-parts-menu-btn-boder-color);
  transition: transform .3s, opacity .3s, width .8s ease
}

#menuBtn>div:nth-child(1) {
  transform: translateY(calc(-9/1920*100vw))
}

#menuBtn>div:nth-child(2) {
  width: calc(20/1920*100vw)
}

#menuBtn>div:nth-child(3) {
  transform: translateY(calc(9/1920*100vw))
}

@media (min-width:751px) {
  #menuBtn:hover>div {
    width: calc(20/1920*100vw)
  }

  #menuBtn:hover>div:nth-child(2) {
    width: calc(40/1920*100vw)
  }

  #menuBtn.open>div {
    width: calc(40/1920*100vw);
    transform-origin: center;
    transition: width .1s ease
  }
}

#menuBtn.open {
  background-color: var(--fixed-parts-menu-btn-bg-active-color)
}

#menuBtn.open>div:nth-child(1) {
  transform: rotate(45deg)
}

#menuBtn.open>div:nth-child(2) {
  transform: translateX(calc(30/1920*100vw));
  opacity: 0
}

#menuBtn.open>div:nth-child(2)::before {
  content: none
}

#menuBtn.open>div:nth-child(3) {
  transform: rotate(-45deg)
}

@media (max-width:750px) {
  #menuBtn {
    width: calc(120/750*100vw);
    height: calc(120/750*100vw)
  }

  .ds_design03 #menuBtn {
    border-radius: 0 0 0 calc(55/750*100vw)
  }

  #menuBtn>div {
    position: absolute;
    right: calc(50% - calc(32/750*100vw));
    top: calc(50% - calc(4/750*100vw));
    width: calc(60/750*100vw);
    height: calc(4/750*100vw)
  }

  #menuBtn>div:nth-child(2) {
    width: calc(33/750*100vw)
  }

  #menuBtn>div:nth-child(1) {
    transform: translateY(calc(-14/750*100vw))
  }

  #menuBtn>div:nth-child(3) {
    transform: translateY(calc(14/750*100vw))
  }
}

@media (min-width:751px) {
  #gNavi {
    position: relative;
    z-index: 100
  }

  #gNavi>.container>.nav>ul {
    display: flex;
    justify-content: space-between
  }

  #gNavi>.container>.nav>ul>li {
    flex: 0 0 auto;
    position: relative
  }

  #gNavi>.container>.nav>ul>li>a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
    padding: 0 calc(15/1920*100vw);
    transition: .3s
  }

  #gNavi>.container>.nav>ul>li>a.current {
    pointer-events: none
  }

  #gNavi>.container>.nav>ul>li>a>span {
    transition: .3s
  }

  #gNavi>.container>.nav>ul>li>a>.ja {
    font-weight: 400;
    font-size: .9375rem;
    letter-spacing: .02em;
    color: var(--gnavi-parts-list-ja-font-color)
  }

  #gNavi>.container>.nav>ul>li>a>.en {
    font-family: futura-pt, sans-serif;
    font-weight: 600;
    font-style: normal;
    color: var(--gnavi-parts-list-en-font-color);
    font-size: .5625rem;
    letter-spacing: .11em
  }

  .ds_design02 #gNavi>.container>.nav>ul>li>a>.en {
    font-family: garamond-premier-pro, serif;
    font-weight: 500;
    font-style: normal
  }

  .ds_design03 #gNavi>.container>.nav>ul>li>a>.en {
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    font-style: normal
  }

  #gNavi>.container>.nav>ul>li>a.current>.ja,
  #gNavi>.container>.nav>ul>li>a:hover>.ja {
    color: var(--gnavi-parts-list-ja-font-active-color) !important
  }

  #gNavi>.container>.nav>ul>li>a.current>.en,
  #gNavi>.container>.nav>ul>li>a:hover>.en {
    color: var(--gnavi-parts-list-en-font-active-color) !important
  }

  #gNavi>.container>.nav>ul>li>.submenu {
    display: none;
    width: calc(806/1920*100vw);
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    opacity: 0;
    padding-top: calc(20/1920*100vw);
    position: absolute;
    left: 0;
    margin-left: calc(-341/1920*100vw);
    height: 0;
    top: calc(100% - calc(10/1920*100vw));
    transition: .3s
  }

  #gNavi>.container>.nav>ul>li>.submenu>li {
    background-color: var(--gnavi-parts-list-accordion-bg-color);
    transition: .3s;
    margin: 1px
  }

  #gNavi>.container>.nav>ul>li>.submenu>li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: calc(5/1920*100vw) calc(10/1920*100vw);
    min-width: calc(200/1920*100vw);
    min-height: calc(60/1920*100vw);
    color: var(--gnavi-parts-list-accordion-font-color) !important;
    text-decoration: none
  }

  #gNavi>.container>.nav>ul>li>.submenu>li a .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(28/1920*100vw);
    height: calc(28/1920*100vw);
    margin-right: calc(12/1920*100vw)
  }

  #gNavi>.container>.nav>ul>li>.submenu>li a .icon::before {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: var(--gnavi-parts-list-accordion-ico-color);
    line-height: 1
  }

  #gNavi>.container>.nav>ul>li>.submenu>li a.current .icon::before,
  #gNavi>.container>.nav>ul>li>.submenu>li a:hover .icon::before {
    background-color: var(--gnavi-parts-list-accordion-ico-active-color)
  }

  #gNavi>.container>.nav>ul>li>.submenu>li a>.text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: calc(5/1920*100vw);
    word-wrap: break-word
  }

  #gNavi>.container>.nav>ul>li>.submenu>li.none a {
    padding-left: calc(15/1920*100vw)
  }

  #gNavi>.container>.nav>ul.no-icon>li .submenu>li a .icon,
  #gNavi>.container>.nav>ul>li>.submenu>li.none a::before {
    display: none
  }

  #gNavi>.container>.nav>ul>li>.submenu>li:hover {
    background-color: var(--gnavi-parts-list-accordion-bg-active-color)
  }

  #gNavi>.container>.nav>ul>li>.submenu>li:hover a {
    color: var(--gnavi-parts-list-accordion-font-active-color) !important
  }

  .ds_design03 #gNavi>.container>.nav>ul>li>.submenu>li:first-child {
    border-radius: calc(15/1920*100vw)0 0 0
  }

  .ds_design03 #gNavi>.container>.nav>ul>li>.submenu>li:nth-of-type(4) {
    border-radius: 0 calc(15/1920*100vw)0 0
  }

  .ds_design03 #gNavi>.container>.nav>ul>li>.submenu>li:nth-last-of-type(4) {
    border-radius: 0 0 0 calc(15/1920*100vw)
  }

  .ds_design03 #gNavi>.container>.nav>ul>li>.submenu>li:last-child {
    border-radius: 0 0 calc(15/1920*100vw)0
  }

  #gNavi>.container>.nav>ul>li:hover>ul {
    display: flex;
    opacity: 1;
    height: auto
  }

  #gNavi>.container>.nav>ul.no-icon>li .submenu>li a {
    padding: calc(5/1920*100vw) calc(20/1920*100vw)
  }
}

#gNaviFixed>.container {
  background: var(--fixed-parts-menu-bg-color);
  pointer-events: auto
}

#gNaviFixed>.container>.nav>ul>li {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: calc(70/1920*100vw)
}

#gNaviFixed>.container>.nav>ul>li .submenu {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
  max-height: calc(300/1920*100vw);
  margin-top: calc(27/1920*100vw)
}

#gNaviFixed>.container>.nav>ul>li .submenu>li {
  background-color: var(--gnavi-parts-list-accordion-bg-color);
  transition: .3s;
  margin-bottom: calc(6/1920*100vw);
  width: -moz-fit-content;
  width: fit-content;
  max-width: calc(200/1920*100vw)
}

#gNaviFixed>.container>.nav>ul>li .submenu>li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: calc(5/1920*100vw) calc(10/1920*100vw);
  min-width: calc(200/1920*100vw);
  min-height: calc(60/1920*100vw);
  font-size: 1rem;
  color: var(--gnavi-parts-list-accordion-font-color) !important;
  text-decoration: none
}

#gNaviFixed>.container>.nav>ul>li .submenu>li a .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(30/1920*100vw);
  height: calc(30/1920*100vw);
  margin-right: calc(12/1920*100vw)
}

#gNaviFixed>.container>.nav>ul>li .submenu>li a .icon::before {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: var(--gnavi-parts-list-accordion-ico-color);
  line-height: 1
}

#gNaviFixed>.container>.nav>ul>li .submenu>li a.current .icon::before,
#gNaviFixed>.container>.nav>ul>li .submenu>li a:hover .icon::before {
  background-color: var(--gnavi-parts-list-accordion-ico-active-color)
}

#gNaviFixed>.container>.nav>ul>li .submenu>li a>.text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: calc(5/1920*100vw);
  word-wrap: break-word
}

#gNaviFixed>.container>.nav>ul>li .submenu>li.none a {
  padding-left: calc(15/1920*100vw)
}

#gNaviFixed>.container>.nav>ul>li .submenu>li.none a::before {
  display: none
}

#gNaviFixed>.container>.nav>ul>li .submenu>li:hover {
  background-color: var(--gnavi-parts-list-accordion-bg-active-color)
}

#gNaviFixed>.container>.nav>ul>li .submenu>li:hover a {
  color: var(--gnavi-parts-list-accordion-font-active-color) !important
}

#gNaviFixed>.container>.nav>ul>li .submenu>li:nth-of-type(n+5) {
  margin-left: calc(15/1920*100vw)
}

#gNaviFixed>.container>.nav>ul>li .submenu>li:nth-of-type(4n) {
  margin-bottom: 0
}

.ds_design03 #gNaviFixed>.container>.nav>ul>li .submenu>li:first-child {
  border-radius: calc(15/1920*100vw)0 0 0
}

.ds_design03 #gNaviFixed>.container>.nav>ul>li .submenu>li:nth-of-type(4) {
  border-radius: 0 0 0 calc(15/1920*100vw)
}

.ds_design03 #gNaviFixed>.container>.nav>ul>li .submenu>li:nth-last-of-type(4) {
  border-radius: 0 calc(15/1920*100vw)0 0
}

.ds_design03 #gNaviFixed>.container>.nav>ul>li .submenu>li:last-child {
  border-radius: 0 0 calc(15/1920*100vw)0
}

#gNaviFixed>.container>.nav>ul.no-icon>li>a {
  padding: calc(5/1920*100vw) calc(20/1920*100vw)
}

@media (min-width:751px) {

  #gNaviFixed,
  #gNaviFixed>.overlay {
    position: fixed;
    top: 0;
    pointer-events: none
  }

  #gNaviFixed {
    flex-wrap: wrap;
    z-index: 995;
    right: -100vw;
    height: 100%;
    transition: right .4s
  }

  #gNaviFixed>.overlay {
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
  }

  #gNaviFixed.open {
    right: 0;
    pointer-events: auto
  }

  #gNaviFixed.open>.overlay {
    z-index: 994;
    pointer-events: auto;
    background: var(--fixed-parts-overlay-bg-color);
    opacity: .3
  }

  #gNaviFixed.open>.container {
    background: var(--fixed-parts-menu-bg-color);
    pointer-events: auto
  }

  @supports (-webkit-appearance:none) and (not (-webkit-touch-callout:none)) {
    #gNaviFixed.open>.container>.nav {
      min-width: calc(1000/1920*100vw)
    }
  }

  #gNaviFixed.open>.container>.nav>ul>li {
    opacity: 1;
    transform: translateX(0);
    transition: all .8s ease
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(1) {
    transition-delay: 90ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(2) {
    transition-delay: 180ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(3) {
    transition-delay: 270ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(4) {
    transition-delay: 360ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(5) {
    transition-delay: 450ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(6) {
    transition-delay: 540ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(7) {
    transition-delay: 630ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(8) {
    transition-delay: 720ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(9) {
    transition-delay: 810ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(10) {
    transition-delay: 900ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(11) {
    transition-delay: 990ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(12) {
    transition-delay: 1080ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(13) {
    transition-delay: 1170ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(14) {
    transition-delay: 1260ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(15) {
    transition-delay: 1350ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(16) {
    transition-delay: 1440ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(17) {
    transition-delay: 1530ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(18) {
    transition-delay: 1620ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(19) {
    transition-delay: 1710ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(20) {
    transition-delay: 1800ms
  }

  #gNaviFixed.open>.container>.nav>.btn {
    opacity: 1;
    transform: translateX(0);
    transition: all .8s ease;
    transition-delay: 720ms
  }

  #gNaviFixed>.container {
    height: 100%;
    position: relative;
    z-index: 995;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow-y: auto
  }

  #gNaviFixed>.container>.nav {
    padding: calc(90/1920*100vw)0 calc(90/1920*100vw) calc(130/1920*100vw)
  }

  #gNaviFixed>.container>.nav>ul {
    display: flex;
    flex: 0;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    max-height: calc(450/1920*100vw);
    width: 100%;
    position: relative;
    z-index: 9;
    pointer-events: auto
  }

  #gNaviFixed>.container>.nav>ul>li {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    margin-bottom: calc(35/1920*100vw);
    opacity: 0;
    transform: translateX(-8%)
  }

  #gNaviFixed>.container>.nav>ul>li>a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    text-decoration: none;
    color: var(--font-color-base);
    transition: .3s;
    line-height: 1.5
  }

  #gNaviFixed>.container>.nav>ul>li>a.current {
    pointer-events: none
  }

  #gNaviFixed>.container>.nav>ul>li>a>span {
    transition: .3s
  }

  #gNaviFixed>.container>.nav>ul>li>a>.ja {
    font-weight: 600;
    font-size: 1.125rem;
    letter-spacing: .02em;
    color: var(--fixed-parts-menu-list-ja-font-color)
  }

  #gNaviFixed>.container>.nav>ul>li>a>.en {
    font-family: futura-pt, sans-serif;
    font-weight: 600;
    font-style: normal;
    color: var(--fixed-parts-menu-list-en-font-color);
    font-size: .625rem;
    letter-spacing: .11em
  }

  .ds_design02 #gNaviFixed>.container>.nav>ul>li>a>.en {
    font-family: garamond-premier-pro, serif;
    font-weight: 500;
    font-style: normal
  }

  .ds_design03 #gNaviFixed>.container>.nav>ul>li>a>.en {
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    font-style: normal
  }

  #gNaviFixed>.container>.nav>ul>li>a.current>.ja,
  #gNaviFixed>.container>.nav>ul>li>a:hover>.ja {
    color: var(--fixed-parts-menu-list-ja-font-active-color)
  }

  #gNaviFixed>.container>.nav>ul>li>a.current>.en,
  #gNaviFixed>.container>.nav>ul>li>a:hover>.en {
    color: var(--fixed-parts-menu-list-en-font-active-color)
  }

  #gNaviFixed>.container>.nav>ul>li:nth-of-type(n+6) {
    margin-left: 0
  }

  #gNaviFixed>.container>.nav>.btn {
    opacity: 0;
    transform: translateX(-8%);
    margin-top: calc(30/1920*100vw)
  }

  #gNaviFixed>.container>.nav>.btn>a {
    display: block;
    text-align: center;
    transition: opacity .3s
  }

  #gNaviFixed>.container>.nav>.btn>a:hover {
    opacity: .7
  }
}

@media (max-width:750px) {
  #gNaviFixed {
    width: calc(750/750*100vw);
    position: fixed;
    top: 0;
    z-index: 995;
    right: 0;
    height: 100%;
    pointer-events: none;
    transition: transform .4s;
    transform: translateX(100%)
  }

  #gNaviFixed.open {
    right: 0;
    transform: translateX(0);
    pointer-events: auto
  }

  #gNaviFixed.open>.overlay {
    z-index: 994;
    pointer-events: auto
  }

  #gNaviFixed.open>.container {
    height: 100%;
    overflow-y: auto;
    pointer-events: auto;
    background: var(--sp-fixed-parts-menu-content-bg-color)
  }

  #gNaviFixed.open>.container>.logo {
    padding: calc(20/750*100vw) calc(30/750*100vw);
    min-width: calc(232/750*100vw);
    max-height: calc(120/750*100vw);
    display: flex;
    align-items: center;
    align-self: flex-start;
    margin-right: auto
  }

  #gNaviFixed.open>.container>.logo a {
    display: block;
    max-width: calc(558/750*100vw);
    min-width: calc(500/750*100vw)
  }

  #gNaviFixed.open>.container>.logo picture img {
    width: 100%;
    height: auto
  }

  #gNaviFixed.open>.container>.nav {
    background: var(--sp-fixed-parts-menu-nav-bg-color);
    margin-top: 0;
    padding-bottom: calc(150/750*100vw);
    padding-top: calc(60/750*100vw)
  }

  #gNaviFixed.open>.container>.nav>ul {
    max-height: -moz-fit-content;
    max-height: fit-content;
    display: block
  }

  #gNaviFixed.open>.container>.nav>ul>li {
    opacity: 1;
    transform: translateX(0);
    border-bottom: calc(2/750*100vw) solid var(--sp-fixed-parts-menu-list-boder-color);
    transition: all .8s ease
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-of-type(1) {
    border-top: calc(2/750*100vw) solid var(--sp-fixed-parts-menu-list-boder-color)
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(1) {
    transition-delay: 90ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(2) {
    transition-delay: 180ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(3) {
    transition-delay: 270ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(4) {
    transition-delay: 360ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(5) {
    transition-delay: 450ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(6) {
    transition-delay: 540ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(7) {
    transition-delay: 630ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(8) {
    transition-delay: 720ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(9) {
    transition-delay: 810ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(10) {
    transition-delay: 900ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(11) {
    transition-delay: 990ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(12) {
    transition-delay: 1080ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(13) {
    transition-delay: 1170ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(14) {
    transition-delay: 1260ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(15) {
    transition-delay: 1350ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(16) {
    transition-delay: 1440ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(17) {
    transition-delay: 1530ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(18) {
    transition-delay: 1620ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(19) {
    transition-delay: 1710ms
  }

  #gNaviFixed.open>.container>.nav>ul>li:nth-child(20) {
    transition-delay: 1800ms
  }

  #gNaviFixed.open>.container>.nav>ul>li a .en {
    display: none
  }

  #gNaviFixed.open>.container>.nav>ul>li .submenu {
    flex-direction: row;
    max-height: -moz-fit-content;
    max-height: fit-content;
    margin-top: 0;
    margin-bottom: calc(40/750*100vw);
    justify-content: space-between;
    margin-right: 0
  }

  #gNaviFixed.open>.container>.nav>ul>li .submenu>li {
    margin-bottom: 0;
    margin-left: 0;
    max-width: calc(325/750*100vw);
    background-color: var(--gnavi-parts-list-accordion-bg-active-color)
  }

  .ds_design03 #gNaviFixed.open>.container>.nav>ul>li .submenu>li {
    border-radius: calc(100/750*100vw)
  }

  #gNaviFixed.open>.container>.nav>ul>li .submenu>li a {
    padding: 0 calc(18/750*100vw);
    min-width: calc(325/750*100vw);
    min-height: calc(100/750*100vw);
    max-height: calc(100/750*100vw);
    font-size: .9375rem;
    color: var(--gnavi-parts-list-accordion-font-active-color) !important
  }

  #gNaviFixed.open>.container>.nav>ul>li .submenu>li a .icon {
    width: calc(70/750*100vw);
    height: calc(70/750*100vw);
    margin-right: calc(20/750*100vw);
    line-height: 1
  }

  #gNaviFixed.open>.container>.nav>ul>li .submenu>li a .icon::before {
    background-color: var(--gnavi-parts-list-accordion-ico-active-color)
  }

  #gNaviFixed.open>.container>.nav>ul>li .submenu>li a>.text {
    margin-right: 0
  }

  #gNaviFixed.open>.container>.nav>ul>li .submenu>li.none a {
    padding-left: calc(20/750*100vw)
  }

  #gNaviFixed.open>.container>.nav>ul>li .submenu>li:nth-of-type(n+3) {
    margin-top: calc(20/750*100vw)
  }

  #gNaviFixed.open>.container>.nav>ul>li .submenu>li:nth-of-type(2n) {
    margin-right: 0
  }

  #gNaviFixed.open>.container>.nav>.btn {
    opacity: 1;
    transform: translateX(0);
    transition: all .8s ease;
    transition-delay: 720ms
  }

  #gNaviFixed>.container>.logo {
    padding: calc(21/750*100vw)
  }

  #gNaviFixed>.container>.nav {
    margin: calc(152/750*100vw) auto 0;
    padding: calc(96/750*100vw) calc(40/750*100vw)0
  }

  #gNaviFixed>.container>.nav>ul {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 9;
    pointer-events: auto
  }

  #gNaviFixed>.container>.nav>ul>li {
    width: 100%;
    opacity: 0;
    transform: translateX(-8%)
  }

  #gNaviFixed>.container>.nav>.btn>a,
  #gNaviFixed>.container>.nav>ul>li>a {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    text-decoration: none
  }

  #gNaviFixed>.container>.nav>ul>li>a {
    flex-direction: column;
    padding: calc(31/750*100vw) calc(15/750*100vw) calc(34/750*100vw);
    transition: .3s;
    line-height: 1.5
  }

  #gNaviFixed>.container>.nav>ul>li>a.current {
    pointer-events: none
  }

  #gNaviFixed>.container>.nav>ul>li>a>span {
    transition: .3s
  }

  #gNaviFixed>.container>.nav>ul>li>a>.ja {
    font-weight: 400;
    font-size: 1rem;
    letter-spacing: calc(2.1/750*100vw);
    color: var(--fixed-parts-menu-list-ja-font-color)
  }

  #gNaviFixed>.container>.nav>ul>li>a>.en {
    font-family: futura-pt, sans-serif;
    font-weight: 600;
    font-style: normal;
    color: var(--fixed-parts-menu-list-en-font-color);
    font-size: .5625rem
  }

  .ds_design02 #gNaviFixed>.container>.nav>ul>li>a>.en {
    font-family: garamond-premier-pro, serif;
    font-weight: 500;
    font-style: normal
  }

  .ds_design03 #gNaviFixed>.container>.nav>ul>li>a>.en {
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    font-style: normal
  }

  #gNaviFixed>.container>.nav>.btn {
    opacity: 0;
    transform: translateX(-8%);
    margin-bottom: calc(52/750*100vw)
  }

  #gNaviFixed>.container>.nav>.btn>a {
    margin: 0 auto;
    line-height: 1;
    width: calc(540/750*100vw);
    height: calc(100/750*100vw);
    border-radius: calc(50/750*100vw);
    font-size: 1.125rem;
    color: var(--sp-fixed-parts-menu-btn-tel-font-color);
    background-color: var(--sp-fixed-parts-menu-btn-tel-bg-color)
  }
}

#contact {
  position: relative;
  z-index: 1;
  overflow: hidden
}

#contact>.bg {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(-100/1920*100vw);
  bottom: calc(-100/1920*100vw);
  z-index: -1;
  background: center no-repeat;
  background-image: url(../img/01/pic_contact.png);
  background-size: cover
}

@media (max-width:750px) {
  #contact>.bg {
    background-image: url(../img/01/pic_contact_sp.png)
  }
}

@media (min-width:751px) and (-webkit-min-device-pixel-ratio:2),
(min-width:751px) and (min-resolution:2dppx) {
  #contact>.bg {
    background-image: url(../img/01/pic_contact@2x.png)
  }
}

.ds_design02 #contact>.bg {
  background-image: url(../img/02/pic_contact.png)
}

@media (max-width:750px) {
  .ds_design02 #contact>.bg {
    background-image: url(../img/02/pic_contact_sp.png)
  }
}

@media (min-width:751px) and (-webkit-min-device-pixel-ratio:2),
(min-width:751px) and (min-resolution:2dppx) {
  .ds_design02 #contact>.bg {
    background-image: url(../img/02/pic_contact@2x.png)
  }
}

.ds_design03 #contact>.bg {
  background-image: url(../img/03/pic_contact.png)
}

@media (max-width:750px) {
  .ds_design03 #contact>.bg {
    background-image: url(../img/03/pic_contact_sp.png)
  }
}

@media (min-width:751px) and (-webkit-min-device-pixel-ratio:2),
(min-width:751px) and (min-resolution:2dppx) {
  .ds_design03 #contact>.bg {
    background-image: url(../img/03/pic_contact@2x.png)
  }
}

#contact>.container {
  width: calc(1100/1920*100vw);
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(350/1920*100vw)
}

:root #contact>.container,
_:-ms-input-placeholder {
  height: calc(350/1920*100vw)
}

#contact>.container .cpc-cta-wrapper {
  display: flex
}

#contact>.container a,
#contact>.container a::after {
  display: flex;
  align-items: center;
  justify-content: center
}

#contact>.container a {
  padding: 0 calc(25/1920*100vw);
  min-width: calc(450/1920*100vw);
  height: calc(92/1920*100vw);
  text-decoration: none;
  color: var(--cta-parts-btn-font-color);
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 2rem;
  border: calc(2/1920*100vw) solid var(--cta-parts-btn-border-color);
  border-radius: calc(60/1920*100vw);
  letter-spacing: .045em;
  position: relative;
  transition: border-color .3s, background-color .3s;
  transition-timing-function: cubic-bezier(.2, 1, .3, 1);
  margin: 0 calc(20/1920*100vw)
}

#contact>.container a::after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  color: var(--cta-parts-btn-font-active-color);
  transform: translate3d(0, 25%, 0)
}

#contact>.container a .txt,
#contact>.container a::after {
  transition-timing-function: cubic-bezier(.2, 1, .3, 1);
  transition: transform .3s, opacity .3s
}

#contact>.container a:has(.ico)::after {
  left: calc(20/1920*100vw)
}

#contact>.container a:has(.ico) .ico {
  display: flex;
  width: calc(26/1920*100vw);
  height: calc(30/1920*100vw);
  justify-content: center;
  align-items: center;
  position: relative
}

#contact>.container a:has(.ico) .ico::after,
#contact>.container a:has(.ico) .ico::before {
  content: "";
  display: block;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background: #fff;
  transition-timing-function: cubic-bezier(.2, 1, .3, 1);
  transition: transform .3s, opacity .3s
}

#contact>.container a:has(.ico) .ico::before {
  opacity: 1
}

#contact>.container a:has(.ico) .ico::after {
  opacity: 0;
  transform: translate3d(0, 25%, 0)
}

#contact>.container a:has(.ico) .ico.style-after {
  position: absolute;
  top: 0;
  left: 0
}

#contact>.container a:has(.ico) .ico.style-after::before {
  transform: translate3d(0, 25%, 0);
  opacity: 0;
  transition-timing-function: cubic-bezier(.2, 1, .3, 1);
  transition: transform .3s, opacity .3s
}

#contact>.container a:has(.ico) .txt {
  padding-left: calc(9/1920*100vw)
}

#contact>.container a.ja {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  font-size: 1.3125rem;
  letter-spacing: .075rem
}

@media (max-width:750px) {
  #contact>.container a.ja {
    letter-spacing: .05em
  }
}

#contact>.container a.en {
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal
}

.ds_design02 #contact>.container a.en {
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  font-style: normal
}

.ds_design03 #contact>.container a.en {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal
}

#contact>.container a:hover {
  border-color: var(--cta-parts-btn-boder-active-color);
  background-color: ar(--cta-parts-btn-bg-active-color)
}

#contact>.container a:hover::after {
  transform: translate3d(0, 0, 0);
  opacity: 1
}

#contact>.container a:hover>.txt {
  transform: translate3d(0, -25%, 0);
  opacity: 0
}

#contact>.container a:hover:has(.ico) .ico::before {
  opacity: 0;
  transform: translate3d(0, -25%, 0)
}

#contact>.container a:hover:has(.ico) .ico.style-after::before,
#contact>.container a:hover:has(.ico) .ico::after {
  opacity: 1;
  transform: translate3d(0, 0, 0)
}

@media (max-width:750px) {
  #contact>.bg {
    top: 0;
    bottom: 0
  }

  #contact>.container {
    width: 100%;
    min-height: calc(450/750*100vw);
    flex-direction: column;
    margin: calc(-14/750*100vw)0
  }

  #contact>.container:has(.btnContact02) {
    min-height: calc(550/750*100vw)
  }

  #contact>.container .cpc-cta-wrapper {
    display: block
  }

  #contact>.container .cpc-cta-wrapper>a {
    margin: calc(-14/750*100vw)0
  }

  #contact>.container a {
    width: calc(590/750*100vw);
    height: calc(104/750*100vw);
    padding: 0 calc(40/750*100vw);
    font-size: 1.4375rem;
    border: calc(4/750*100vw) solid var(--cta-parts-btn-border-color);
    border-radius: calc(60/750*100vw);
    letter-spacing: .05em
  }

  #contact>.container a.btnContact {
    margin: calc(14/750*100vw)0
  }

  #contact>.container a.ja {
    font-size: 1rem
  }

  #contact>.container a:has(.ico)::after {
    left: calc(37/750*100vw)
  }

  #contact>.container a:has(.ico) .txt {
    padding-left: calc(24/750*100vw)
  }

  #contact>.container a.btnContact01>.ico,
  #contact>.container a.btnContact02>.ico {
    width: calc(50/750*100vw);
    height: calc(50/750*100vw)
  }
}

#footer>.container {
  width: calc(1100/1920*100vw);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: calc(120/1920*100vw);
  padding-bottom: calc(113/1920*100vw)
}

#footer>.container>.logoFooter {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: calc(25/1920*100vw)
}

#footer>.container>.address,
.MenuBox>.container {
  display: flex;
  justify-content: center;
  text-align: center
}

#footer>.container>.address {
  width: 100%;
  margin-bottom: calc(70/1920*100vw)
}

#footer>.container .infoFooter {
  display: flex;
  width: 100%;
  justify-content: center
}

#footer>.container .infoFooter>.schedule {
  margin-right: calc(110/1920*100vw)
}

#footer>.container .infoFooter>.schedule table {
  width: calc(440/1920*100vw);
  table-layout: fixed;
  margin-bottom: calc(13/1920*100vw)
}

#footer>.container .infoFooter>.schedule table thead tr td,
#footer>.container .infoFooter>.schedule table thead tr th {
  border-bottom: calc(2/1920*100vw) solid var(--footer-parts-table-border-color);
  line-height: 1;
  padding-bottom: calc(12/1920*100vw);
  font-size: .9375rem;
  font-weight: 400;
  color: var(--footer-parts-table-font-color)
}

#footer>.container .infoFooter>.schedule table thead tr th {
  text-align: left;
  width: calc(120/1920*100vw)
}

#footer>.container .infoFooter>.schedule table thead tr td {
  text-align: center
}

#footer>.container .infoFooter>.schedule table tbody tr td,
#footer>.container .infoFooter>.schedule table tbody tr th {
  border-bottom: calc(2/1920*100vw) solid var(--footer-parts-table-border-color);
  line-height: 1;
  padding: calc(12/1920*100vw)0;
  font-size: .9375rem;
  font-weight: 400;
  color: var(--footer-parts-table-font-color)
}

#footer>.container .infoFooter>.schedule table tbody tr th {
  text-align: left
}

#footer>.container .infoFooter>.schedule table tbody tr td {
  text-align: center
}

#footer>.container .infoFooter>.schedule .txt {
  font-size: .875rem;
  line-height: 1;
  margin-top: calc(7/1920*100vw)
}

#footer>.container .infoFooter>.links {
  display: flex;
  flex-wrap: wrap;
  width: -moz-fit-content;
  width: fit-content;
  justify-content: flex-start;
  flex-direction: column;
  max-height: calc(180/1920*100vw);
  margin-top: calc(-7/1920*100vw);
  min-width: calc(300/1920*100vw)
}

#footer>.container .infoFooter>.links>li {
  line-height: 210%;
  flex-basis: content;
  margin-right: calc(25/1920*100vw)
}

#footer>.container .infoFooter>.links>li>.submenu li a,
#footer>.container .infoFooter>.links>li>a {
  text-decoration: none;
  color: var(--footer-parts-link-font-color);
  font-weight: 400;
  font-size: .9375rem;
  letter-spacing: .3px;
  transition: all .3s
}

#footer>.container .infoFooter>.links>li>.submenu li a.current,
#footer>.container .infoFooter>.links>li>.submenu li a:hover,
#footer>.container .infoFooter>.links>li>a.current,
#footer>.container .infoFooter>.links>li>a:hover {
  text-decoration: underline;
  color: var(--footer-parts-link-font-active-color)
}

#footer>.container .infoFooter>.links>li>.submenu li a .en,
#footer>.container .infoFooter>.links>li>a .en {
  display: none
}

#footer>.container .infoFooter>.links>li>.submenu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  max-height: calc(150/1920*100vw);
  flex-basis: content;
  min-width: calc(200/1920*100vw)
}

#footer>.container .infoFooter>.links>li>.submenu li {
  padding-left: calc(15/1920*100vw);
  margin-right: calc(15/1920*100vw);
  line-height: 200%;
  flex-basis: content;
  width: auto;
  position: relative
}

#footer>.container .infoFooter>.links>li>.submenu li::before,
.MenuBox>.container>.content .list>li a .icon::before {
  content: "";
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none
}

#footer>.container .infoFooter>.links>li>.submenu li::before {
  position: absolute;
  left: 0;
  top: calc(50% - calc(2/1920*100vw));
  width: calc(8.5/1920*100vw);
  height: calc(2/1920*100vw);
  background-color: var(--footer-parts-link-icon-color)
}

#footer>.map>.mask {
  height: calc(300/1920*100vw);
  overflow: hidden
}

#footer>.map>.mask iframe {
  display: block;
  width: 100%;
  height: calc(100% + calc(400/1920*100vw));
  margin: calc(-200/1920*100vw)0
}

#footer>.copyright,
.MenuBox>.container>.title>.en {
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal
}

#footer>.copyright {
  text-align: center;
  font-size: .75rem;
  color: var(--copyright-parts-font-color);
  background-color: var(--copyright-parts-bg-color);
  letter-spacing: .1em;
  padding-bottom: calc(39/1920*100vw);
  padding-top: calc(38/1920*100vw)
}

.ds_design02 #footer>.copyright,
.ds_design02 .MenuBox>.container>.title>.en {
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  font-style: normal
}

.ds_design03 #footer>.copyright,
.ds_design03 .MenuBox>.container>.title>.en {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal
}

@media (max-width:750px) {
  #footer {
    margin-bottom: calc(100/750*100vw)
  }

  #footer>.container {
    width: calc(750/750*100vw);
    display: block;
    text-align: center;
    padding-top: calc(100/750*100vw);
    padding-bottom: calc(55/750*100vw)
  }

  #footer>.container>.logoFooter {
    margin-bottom: calc(50/750*100vw)
  }

  #footer>.container>.address {
    width: calc(670/750*100vw);
    margin: 0 auto calc(45/750*100vw)
  }

  #footer>.container>.address p>span {
    display: block
  }

  #footer>.container .infoFooter {
    justify-content: center
  }

  #footer>.container .infoFooter>.schedule {
    width: calc(670/750*100vw);
    margin: 0 auto
  }

  #footer>.container .infoFooter>.schedule table {
    width: 100%;
    margin: 0 auto calc(30/750*100vw)
  }

  #footer>.container .infoFooter>.schedule table thead tr td,
  #footer>.container .infoFooter>.schedule table thead tr th {
    padding-bottom: calc(23/750*100vw);
    font-size: .875rem;
    border-width: calc(4/750*100vw)
  }

  #footer>.container .infoFooter>.schedule table thead tr th {
    width: calc(200/750*100vw)
  }

  #footer>.container .infoFooter>.schedule table tbody tr td,
  #footer>.container .infoFooter>.schedule table tbody tr th {
    padding: calc(23/750*100vw)0;
    font-size: .875rem;
    border-width: calc(4/750*100vw)
  }

  #footer>.container .infoFooter>.schedule .txt {
    text-align: left;
    margin-top: calc(15/750*100vw)
  }

  #footer>.map>.mask {
    height: calc(600/750*100vw)
  }

  #footer>.map>.mask iframe {
    height: calc(100% + calc(600/750*100vw));
    margin: calc(-300/750*100vw)0
  }

  #footer>.copyright {
    letter-spacing: calc(2.5/750*100vw);
    padding-bottom: calc(20/750*100vw);
    padding-top: calc(15/750*100vw)
  }
}

.MenuBox>.container {
  width: calc(1100/1920*100vw);
  position: relative;
  margin: 0 auto calc(120/1920*100vw);
  flex-direction: column;
  align-items: center
}

.MenuBox>.container>.title {
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  z-index: 9;
  margin-bottom: calc(80/1920*100vw);
  margin-top: calc(-20/1920*100vw)
}

.MenuBox>.container>.title>.en {
  font-size: 6.25rem;
  letter-spacing: .55rem;
  color: var(--menu-box-parts-title-en-font-color)
}

.MenuBox>.container>.title>.ja {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  font-size: 1.25rem;
  letter-spacing: .075rem;
  color: var(--menu-box-parts-title-ja-font-color)
}

@media (max-width:750px) {
  .MenuBox>.container>.title>.ja {
    letter-spacing: .05em
  }
}

.MenuBox>.container>.content {
  width: calc(690/1920*100vw)
}

.MenuBox>.container>.content .list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0 !important
}

.MenuBox>.container>.content .list>li {
  margin-right: calc(62/1920*100vw)
}

.MenuBox>.container>.content .list>li a,
.MenuBox>.container>.content .list>li a .icon {
  display: flex;
  justify-content: center;
  width: calc(125/1920*100vw);
  transition: background-color .3s
}

.MenuBox>.container>.content .list>li a {
  min-height: calc(125/1920*100vw);
  align-items: flex-start;
  flex-wrap: wrap;
  text-decoration: none
}

.MenuBox>.container>.content .list>li a .icon {
  align-items: center;
  background-color: var(--menu-box-parts-list-item-bg-color);
  height: calc(125/1920*100vw)
}

.ds_design03 .MenuBox>.container>.content .list>li a .icon {
  border-radius: 50%
}

.MenuBox>.container>.content .list>li a .icon::before {
  position: relative;
  width: 35%;
  height: 35%;
  background-color: var(--menu-box-parts-list-item-ico-color);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain
}

.MenuBox>.container>.content .list>li a.current .icon,
.MenuBox>.container>.content .list>li a:hover .icon {
  background-color: var(--menu-box-parts-list-item-bg-active-color)
}

.MenuBox>.container>.content .list>li a.current .icon::before,
.MenuBox>.container>.content .list>li a:hover .icon::before {
  background-color: var(--menu-box-parts-list-item-ico-active-color)
}

.MenuBox>.container>.content .list>li a .text {
  width: 100%;
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  font-size: 1rem;
  letter-spacing: .075rem;
  text-align: center;
  display: block;
  margin-top: calc(22/1920*100vw);
  line-height: 1;
  color: var(--menu-box-parts-list-item-font-color)
}

@media (max-width:750px) {
  .MenuBox>.container>.content .list>li a .text {
    letter-spacing: .05em
  }
}

.MenuBox.no-icon>.container>.content>.list>li>a .icon,
.MenuBox>.container>.content .list>li a .text .en,
.ui_box01.splide .splide__arrows .splide__arrow--next>svg,
.ui_box01.splide .splide__arrows .splide__arrow--prev>svg {
  display: none
}

.MenuBox>.container>.content .list>li:nth-of-type(4n) {
  margin-right: 0
}

.MenuBox>.container>.content .list>li:nth-of-type(n+5) {
  margin-top: calc(55/1920*100vw)
}

.MenuBox.no-icon>.container>.content {
  width: calc(1100/1920*100vw)
}

.MenuBox.no-icon>.container>.content>.list {
  justify-content: space-between;
  margin: calc(-7/1920*100vw) !important
}

.MenuBox.no-icon>.container>.content>.list>li {
  margin: calc(7/1920*100vw) !important
}

.MenuBox.no-icon>.container>.content>.list>li>a {
  width: calc(345/1920*100vw);
  min-height: calc(70/1920*100vw);
  padding-left: 0;
  background-color: var(--menu-box-parts-list-item-bg-color);
  border-radius: calc(4/1920*100vw);
  align-items: center;
  padding: 0 calc(20/1920*100vw);
  position: relative
}

.MenuBox.no-icon>.container>.content>.list>li>a::after {
  content: "";
  display: block;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  width: calc(8/1920*100vw);
  height: calc(8/1920*100vw);
  border: calc(3/1920*100vw) solid var(--menu-box-parts-text-color-noicon);
  border-left: 0;
  border-bottom: 0;
  top: 50%;
  right: calc(22/1920*100vw);
  transform: translateY(-50%) rotate(45deg);
  transition: border .3s
}

.MenuBox.no-icon>.container>.content>.list>li>a .icon::before {
  -webkit-mask-image: none;
  mask-image: none
}

.MenuBox.no-icon>.container>.content>.list>li>a .text {
  font-size: 1.0625rem;
  text-align: left;
  margin-top: 0;
  transition: color .3s;
  color: var(--menu-box-parts-list-item-font-active-color)
}

.MenuBox.no-icon>.container>.content>.list>li>a.current,
.MenuBox.no-icon>.container>.content>.list>li>a:hover {
  background-color: var(--menu-box-parts-text-color-noicon)
}

.MenuBox.no-icon>.container>.content>.list>li>a.current::after,
.MenuBox.no-icon>.container>.content>.list>li>a:hover::after {
  border: calc(3/1920*100vw) solid var(--menu-box-parts-list-item-bg-color);
  border-left: 0;
  border-bottom: 0
}

.MenuBox.no-icon>.container>.content>.list>li>a.current .text,
.MenuBox.no-icon>.container>.content>.list>li>a:hover .text {
  color: var(--menu-box-parts-list-item-bg-color)
}

@media (max-width:750px) {
  .MenuBox>.container {
    width: calc(750/750*100vw);
    position: relative;
    margin: 0 auto calc(100/750*100vw);
    min-height: auto;
    padding: 0 calc(40/750*100vw);
    flex-wrap: wrap
  }

  .MenuBox>.container>.title {
    width: 100%;
    line-height: 1.5;
    writing-mode: horizontal-tb;
    display: flex;
    flex-direction: column;
    position: relative;
    top: 0;
    right: 0;
    text-align: center;
    margin-bottom: calc(68/750*100vw)
  }

  .MenuBox>.container>.title>.en {
    font-size: 3.125rem;
    letter-spacing: .075rem
  }

  .MenuBox>.container>.title>.ja {
    font-size: 1.125rem;
    letter-spacing: .05rem;
    margin-left: 0;
    margin-top: calc(13/750*100vw)
  }

  .MenuBox>.container>.content {
    width: calc(670/750*100vw);
    margin: 0 auto
  }

  .MenuBox>.container>.content .list li {
    width: calc(50% - calc(10/750*100vw));
    margin-right: calc(20/750*100vw);
    overflow: hidden
  }

  .MenuBox>.container>.content .list li a {
    padding: calc(30/750*100vw) calc(20/750*100vw);
    width: 100%;
    min-height: auto;
    overflow: hidden;
    background-color: var(--menu-box-parts-list-item-bg-color);
    align-items: center;
    justify-content: flex-start
  }

  .ds_design03 .MenuBox>.container>.content .list li a {
    border-radius: calc(100/750*100vw)
  }

  .MenuBox>.container>.content .list li a .icon {
    background-color: var(--menu-box-parts-list-item-bg-color);
    width: calc(70/750*100vw)
  }

  .ds_design03 .MenuBox>.container>.content .list li a .icon {
    border-radius: 0
  }

  .MenuBox>.container>.content .list li a .icon::before {
    width: 80%;
    height: 80%
  }

  .MenuBox>.container>.content .list li a:hover .icon {
    background-color: var(--menu-box-parts-list-item-bg-active-color)
  }

  .MenuBox>.container>.content .list li a .text {
    width: auto;
    margin-left: calc(20/750*100vw);
    margin-top: 0
  }

  .MenuBox>.container>.content .list li:nth-of-type(even) {
    margin-right: 0
  }

  .MenuBox>.container>.content .list li:nth-of-type(n+3) {
    margin-top: calc(20/750*100vw)
  }

  .MenuBox.no-icon>.container>.content {
    width: auto
  }

  .MenuBox.no-icon>.container>.content>.list {
    margin: calc(-10/750*100vw) !important
  }

  .MenuBox.no-icon>.container>.content>.list>li {
    margin: calc(10/750*100vw) !important;
    width: calc(50% - calc(20/750*100vw))
  }

  .MenuBox.no-icon>.container>.content>.list>li>a {
    width: 100%;
    min-height: auto;
    border-radius: calc(8/750*100vw);
    padding: calc(35/750*100vw) calc(20/750*100vw)
  }

  .MenuBox.no-icon>.container>.content>.list>li>a::after {
    width: calc(14/750*100vw);
    height: calc(14/750*100vw);
    border: calc(3/750*100vw) solid var(--menu-box-parts-text-color-noicon);
    border-left: 0;
    border-bottom: 0;
    top: 50%;
    right: calc(22/750*100vw)
  }
}

#fixed,
#fixed a.btnContact {
  display: flex;
  justify-content: center;
  right: 0
}

#fixed {
  position: fixed;
  z-index: 888;
  top: 0;
  bottom: 0;
  flex-direction: column;
  height: 100vh
}

#fixed a {
  transition: opacity .3s;
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em
}

@media (max-width:750px) {
  #fixed a {
    letter-spacing: .05em
  }
}

#fixed a.btnContact {
  opacity: 1;
  align-items: center;
  margin: calc(10/1920*100vw)0;
  width: calc(60/1920*100vw);
  min-height: calc(230/1920*100vw);
  font-size: 1.125rem;
  line-height: 1;
  text-decoration: none;
  writing-mode: vertical-rl;
  text-orientation: upright;
  padding: calc(20/1920*100vw)0;
  position: relative;
  top: auto;
  color: var(--fixed-parts-menu-btn-btnContact01-font-color)
}

.ds_design03 #fixed a.btnContact {
  border-radius: calc(15/1920*100vw)0 0 calc(15/1920*100vw)
}

#fixed a.btnContact>.ico {
  position: relative;
  letter-spacing: .1em;
  width: calc(23/1920*100vw);
  height: calc(23/1920*100vw)
}

#fixed a#scrollUp>.btn::after,
#fixed a.btnContact>.ico:before {
  content: "";
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none
}

#fixed a.btnContact>.ico:before {
  position: absolute;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transform: translateX(-50%);
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  background: var(--fixed-parts-menu-btn-btnContact01-font-color)
}

#fixed a.btnContact>.txt {
  margin-top: calc(6/1920*100vw)
}

#fixed a.btnContact.btnContact01 {
  background: linear-gradient(to bottom, var(--fixed-parts-menu-btn-btnContact01-bg-start-color) 0%, var(--fixed-parts-menu-btn-btnContact01-bg-end-color) 100%)
}

#fixed a.btnContact.btnContact02 {
  background: linear-gradient(to bottom, var(--fixed-parts-menu-btn-btnContact02-bg-start-color) 0%, var(--fixed-parts-menu-btn-btnContact02-bg-end-color) 100%)
}

#fixed a#scrollUp.show:hover>.btn,
#fixed a:hover {
  opacity: .7
}

#fixed a#scrollUp,
#fixed a#scrollUp>.btn {
  display: flex;
  align-items: center;
  justify-content: center
}

#fixed a#scrollUp {
  position: fixed;
  opacity: 0;
  pointer-events: none;
  bottom: calc(50/1920*100vw);
  right: calc(50/1920*100vw)
}

#fixed a#scrollUp>.btn {
  flex: 0 0 auto;
  width: calc(75/1920*100vw);
  height: calc(75/1920*100vw);
  border-radius: 50%;
  background-color: var(--fixed-parts-page-top-bg-color);
  border: 1px solid var(--fixed-parts-page-top-boder-color);
  transition: opacity .3s
}

#fixed a#scrollUp>.btn::after {
  width: calc(20/1920*100vw);
  height: calc(20/1920*100vw);
  border-top: calc(3/1920*100vw) solid var(--fixed-parts-page-top-boder-color);
  border-right: calc(3/1920*100vw) solid var(--fixed-parts-page-top-boder-color);
  transform: rotate(-45deg);
  position: relative;
  top: calc(5/1920*100vw)
}

#fixed a#scrollUp.show {
  opacity: 1;
  pointer-events: auto
}

@media (max-width:750px) {
  #fixed {
    width: 100%;
    height: auto;
    justify-content: center;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    display: flex;
    flex-direction: row
  }

  #fixed:has(.btnContact01) a.btnContact {
    width: calc(376/750*100vw)
  }

  #fixed:has(.btnContact01) a.btnContact .ico:before,
  #fixed:has(.btnContact02) a.btnContact .ico:before {
    width: calc(31/750*100vw);
    height: calc(31/750*100vw);
    left: calc(-15/750*100vw)
  }

  #fixed:has(.btnContact02) a.btnContact {
    width: calc(250/750*100vw);
    font-size: .6875rem
  }

  #fixed .cpc-cta-wrapper {
    display: flex
  }

  #fixed a.btnContact {
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(100/750*100vw);
    min-height: auto;
    font-size: .9375rem;
    line-height: 1;
    text-decoration: none;
    writing-mode: horizontal-tb;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0;
    right: auto;
    background: var(--sp-fixed-parts-menu-btn-tel-bg-color)
  }

  .ds_design03 #fixed a.btnContact {
    border-radius: 0
  }

  #fixed a.btnContact>.ico {
    position: relative;
    width: calc(29/750*100vw);
    height: calc(29/750*100vw)
  }

  #fixed a#scrollUp>.btn::after,
  #fixed a.btnContact>.ico::before {
    content: "";
    display: block;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none
  }

  #fixed a.btnContact>.ico::before {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    top: 50%;
    transform: translateY(-50%);
    left: calc(-37/750*100vw);
    background: var(--sp-fixed-parts-menu-btn-tel-font-color)
  }

  #fixed a.btnContact>.txt {
    letter-spacing: .1em;
    margin-top: 0
  }

  #fixed a.btnContact.tel>.ico::before {
    -webkit-mask-image: url(../img/ico_tel.svg);
    mask-image: url(../img/ico_tel.svg)
  }

  #fixed a#scrollUp {
    position: fixed;
    bottom: calc(130/750*100vw);
    right: calc(30/750*100vw)
  }

  #fixed a#scrollUp>.btn {
    width: calc(100/750*100vw);
    height: calc(100/750*100vw);
    border-width: calc(2/750*100vw)
  }

  #fixed a#scrollUp>.btn::after {
    width: calc(30/750*100vw);
    height: calc(30/750*100vw);
    border-width: calc(4/750*100vw);
    top: calc(40/750*100vw)
  }

  #fixed a#scrollUp:hover {
    opacity: 1
  }
}

.anim_bur {
  opacity: 0;
  transform: translateY(calc(40/1920*100vw));
  transition: opacity .8s cubic-bezier(.3, .1, .3, 1), transform .8s cubic-bezier(.3, .1, .3, 1)
}

.anim_bur.is_show,
.topContents01>.container>.list.anim_bur.is_show>li {
  opacity: 1;
  transform: translateY(0)
}

.MenuBox .list .general .icon::before,
.nav .general .icon::before,
.submenu .general .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_general.svg);
  mask-image: url(../img/icons/01/ico_general.svg)
}

.MenuBox .list .caries .icon::before,
.nav .caries .icon::before,
.submenu .caries .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_caries.svg);
  mask-image: url(../img/icons/01/ico_caries.svg)
}

.MenuBox .list .root .icon::before,
.nav .root .icon::before,
.submenu .root .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_root.svg);
  mask-image: url(../img/icons/01/ico_root.svg)
}

.MenuBox .list .periodontics .icon::before,
.nav .periodontics .icon::before,
.submenu .periodontics .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_periodontics.svg);
  mask-image: url(../img/icons/01/ico_periodontics.svg)
}

.MenuBox .list .doc .icon::before,
.nav .doc .icon::before,
.submenu .doc .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_doc.svg);
  mask-image: url(../img/icons/01/ico_doc.svg)
}

.MenuBox .list .preventive .icon::before,
.nav .preventive .icon::before,
.submenu .preventive .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_preventive.svg);
  mask-image: url(../img/icons/01/ico_preventive.svg)
}

.MenuBox .list .pedodontics .icon::before,
.nav .pedodontics .icon::before,
.submenu .pedodontics .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_pedodontics.svg);
  mask-image: url(../img/icons/01/ico_pedodontics.svg)
}

.MenuBox .list .floor_correction .icon::before,
.nav .floor_correction .icon::before,
.submenu .floor_correction .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_floor_correction.svg);
  mask-image: url(../img/icons/01/ico_floor_correction.svg)
}

.MenuBox .list .maternity .icon::before,
.nav .maternity .icon::before,
.submenu .maternity .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_maternity.svg);
  mask-image: url(../img/icons/01/ico_maternity.svg)
}

.MenuBox .list .orthodontics .icon::before,
.nav .orthodontics .icon::before,
.submenu .orthodontics .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_orthodontics.svg);
  mask-image: url(../img/icons/01/ico_orthodontics.svg)
}

.MenuBox .list .adult .icon::before,
.nav .adult .icon::before,
.submenu .adult .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_adult.svg);
  mask-image: url(../img/icons/01/ico_adult.svg)
}

.MenuBox .list .child .icon::before,
.nav .child .icon::before,
.submenu .child .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_child.svg);
  mask-image: url(../img/icons/01/ico_child.svg)
}

.MenuBox .list .moucepiece .icon::before,
.nav .moucepiece .icon::before,
.submenu .moucepiece .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_moucepiece.svg);
  mask-image: url(../img/icons/01/ico_moucepiece.svg)
}

.MenuBox .list .implant .icon::before,
.nav .implant .icon::before,
.submenu .implant .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_implant.svg);
  mask-image: url(../img/icons/01/ico_implant.svg)
}

.MenuBox .list .oral .icon::before,
.nav .oral .icon::before,
.submenu .oral .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_oral_surgery.png);
  mask-image: url(../img/icons/01/ico_oral_surgery.png)
}

.MenuBox .list .lost .icon::before,
.nav .lost .icon::before,
.submenu .lost .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_lost.svg);
  mask-image: url(../img/icons/01/ico_lost.svg)
}

.MenuBox .list .dentures .icon::before,
.nav .dentures .icon::before,
.submenu .dentures .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_dentures.svg);
  mask-image: url(../img/icons/01/ico_dentures.svg)
}

.MenuBox .list .cosmetic .icon::before,
.nav .cosmetic .icon::before,
.submenu .cosmetic .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_cosmetic.svg);
  mask-image: url(../img/icons/01/ico_cosmetic.svg)
}

.MenuBox .list .inlay_onlay .icon::before,
.nav .inlay_onlay .icon::before,
.submenu .inlay_onlay .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_inlay_onlay.svg);
  mask-image: url(../img/icons/01/ico_inlay_onlay.svg)
}

.MenuBox .list .ceramic .icon::before,
.nav .ceramic .icon::before,
.submenu .ceramic .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_ceramic.svg);
  mask-image: url(../img/icons/01/ico_ceramic.svg)
}

.MenuBox .list .whitening .icon::before,
.nav .whitening .icon::before,
.submenu .whitening .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_whitening.svg);
  mask-image: url(../img/icons/01/ico_whitening.svg)
}

.MenuBox .list .visit .icon::before,
.nav .visit .icon::before,
.submenu .visit .icon::before {
  -webkit-mask-image: url(../img/icons/01/ico_visit.svg);
  mask-image: url(../img/icons/01/ico_visit.svg)
}

.MenuBox .list .icon01 .icon::before,
.nav .icon01 .icon::before,
.submenu .icon01 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_01.png);
  mask-image: url(../img/icons/ico_01.png)
}

.MenuBox .list .icon02 .icon::before,
.nav .icon02 .icon::before,
.submenu .icon02 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_02.png);
  mask-image: url(../img/icons/ico_02.png)
}

.MenuBox .list .icon03 .icon::before,
.nav .icon03 .icon::before,
.submenu .icon03 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_03.png);
  mask-image: url(../img/icons/ico_03.png)
}

.MenuBox .list .icon04 .icon::before,
.nav .icon04 .icon::before,
.submenu .icon04 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_04.png);
  mask-image: url(../img/icons/ico_04.png)
}

.MenuBox .list .icon05 .icon::before,
.nav .icon05 .icon::before,
.submenu .icon05 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_05.png);
  mask-image: url(../img/icons/ico_05.png)
}

.MenuBox .list .icon06 .icon::before,
.nav .icon06 .icon::before,
.submenu .icon06 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_06.png);
  mask-image: url(../img/icons/ico_06.png)
}

.MenuBox .list .icon07 .icon::before,
.nav .icon07 .icon::before,
.submenu .icon07 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_07.png);
  mask-image: url(../img/icons/ico_07.png)
}

.MenuBox .list .icon08 .icon::before,
.nav .icon08 .icon::before,
.submenu .icon08 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_08.png);
  mask-image: url(../img/icons/ico_08.png)
}

.MenuBox .list .icon09 .icon::before,
.nav .icon09 .icon::before,
.submenu .icon09 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_09.png);
  mask-image: url(../img/icons/ico_09.png)
}

.MenuBox .list .icon10 .icon::before,
.nav .icon10 .icon::before,
.submenu .icon10 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_10.png);
  mask-image: url(../img/icons/ico_10.png)
}

.MenuBox .list .icon11 .icon::before,
.nav .icon11 .icon::before,
.submenu .icon11 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_11.png);
  mask-image: url(../img/icons/ico_11.png)
}

.MenuBox .list .icon12 .icon::before,
.nav .icon12 .icon::before,
.submenu .icon12 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_12.png);
  mask-image: url(../img/icons/ico_12.png)
}

.MenuBox .list .icon13 .icon::before,
.nav .icon13 .icon::before,
.submenu .icon13 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_13.png);
  mask-image: url(../img/icons/ico_13.png)
}

.MenuBox .list .icon14 .icon::before,
.nav .icon14 .icon::before,
.submenu .icon14 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_14.png);
  mask-image: url(../img/icons/ico_14.png)
}

.MenuBox .list .icon15 .icon::before,
.nav .icon15 .icon::before,
.submenu .icon15 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_15.png);
  mask-image: url(../img/icons/ico_15.png)
}

.MenuBox .list .icon16 .icon::before,
.nav .icon16 .icon::before,
.submenu .icon16 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_16.png);
  mask-image: url(../img/icons/ico_16.png)
}

.MenuBox .list .icon17 .icon::before,
.nav .icon17 .icon::before,
.submenu .icon17 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_17.png);
  mask-image: url(../img/icons/ico_17.png)
}

.MenuBox .list .icon18 .icon::before,
.nav .icon18 .icon::before,
.submenu .icon18 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_18.png);
  mask-image: url(../img/icons/ico_18.png)
}

.MenuBox .list .icon19 .icon::before,
.nav .icon19 .icon::before,
.submenu .icon19 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_19.png);
  mask-image: url(../img/icons/ico_19.png)
}

.MenuBox .list .icon20 .icon::before,
.nav .icon20 .icon::before,
.submenu .icon20 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_20.png);
  mask-image: url(../img/icons/ico_20.png)
}

.MenuBox .list .icon21 .icon::before,
.nav .icon21 .icon::before,
.submenu .icon21 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_21.png);
  mask-image: url(../img/icons/ico_21.png)
}

.MenuBox .list .icon22 .icon::before,
.nav .icon22 .icon::before,
.submenu .icon22 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_22.png);
  mask-image: url(../img/icons/ico_22.png)
}

.MenuBox .list .icon23 .icon::before,
.nav .icon23 .icon::before,
.submenu .icon23 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_23.png);
  mask-image: url(../img/icons/ico_23.png)
}

.MenuBox .list .icon24 .icon::before,
.nav .icon24 .icon::before,
.submenu .icon24 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_24.png);
  mask-image: url(../img/icons/ico_24.png)
}

.MenuBox .list .icon25 .icon::before,
.nav .icon25 .icon::before,
.submenu .icon25 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_25.png);
  mask-image: url(../img/icons/ico_25.png)
}

.MenuBox .list .icon26 .icon::before,
.nav .icon26 .icon::before,
.submenu .icon26 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_26.png);
  mask-image: url(../img/icons/ico_26.png)
}

.MenuBox .list .icon27 .icon::before,
.nav .icon27 .icon::before,
.submenu .icon27 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_27.png);
  mask-image: url(../img/icons/ico_27.png)
}

.MenuBox .list .icon28 .icon::before,
.nav .icon28 .icon::before,
.submenu .icon28 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_28.png);
  mask-image: url(../img/icons/ico_28.png)
}

.MenuBox .list .icon29 .icon::before,
.nav .icon29 .icon::before,
.submenu .icon29 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_29.png);
  mask-image: url(../img/icons/ico_29.png)
}

.MenuBox .list .icon30 .icon::before,
.nav .icon30 .icon::before,
.submenu .icon30 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_30.png);
  mask-image: url(../img/icons/ico_30.png)
}

.MenuBox .list .icon31 .icon::before,
.nav .icon31 .icon::before,
.submenu .icon31 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_31.png);
  mask-image: url(../img/icons/ico_31.png)
}

.MenuBox .list .icon32 .icon::before,
.nav .icon32 .icon::before,
.submenu .icon32 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_32.png);
  mask-image: url(../img/icons/ico_32.png)
}

.MenuBox .list .icon33 .icon::before,
.nav .icon33 .icon::before,
.submenu .icon33 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_33.png);
  mask-image: url(../img/icons/ico_33.png)
}

.MenuBox .list .icon34 .icon::before,
.nav .icon34 .icon::before,
.submenu .icon34 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_34.png);
  mask-image: url(../img/icons/ico_34.png)
}

.MenuBox .list .icon35 .icon::before,
.nav .icon35 .icon::before,
.submenu .icon35 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_35.png);
  mask-image: url(../img/icons/ico_35.png)
}

.MenuBox .list .icon36 .icon::before,
.nav .icon36 .icon::before,
.submenu .icon36 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_36.png);
  mask-image: url(../img/icons/ico_36.png)
}

.MenuBox .list .icon37 .icon::before,
.nav .icon37 .icon::before,
.submenu .icon37 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_37.png);
  mask-image: url(../img/icons/ico_37.png)
}

.MenuBox .list .icon38 .icon::before,
.nav .icon38 .icon::before,
.submenu .icon38 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_38.png);
  mask-image: url(../img/icons/ico_38.png)
}

.MenuBox .list .icon39 .icon::before,
.nav .icon39 .icon::before,
.submenu .icon39 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_39.png);
  mask-image: url(../img/icons/ico_39.png)
}

.MenuBox .list .icon40 .icon::before,
.nav .icon40 .icon::before,
.submenu .icon40 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_40.png);
  mask-image: url(../img/icons/ico_40.png)
}

.MenuBox .list .icon41 .icon::before,
.nav .icon41 .icon::before,
.submenu .icon41 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_41.png);
  mask-image: url(../img/icons/ico_41.png)
}

.MenuBox .list .icon42 .icon::before,
.nav .icon42 .icon::before,
.submenu .icon42 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_42.png);
  mask-image: url(../img/icons/ico_42.png)
}

.MenuBox .list .icon43 .icon::before,
.nav .icon43 .icon::before,
.submenu .icon43 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_43.png);
  mask-image: url(../img/icons/ico_43.png)
}

.MenuBox .list .icon44 .icon::before,
.nav .icon44 .icon::before,
.submenu .icon44 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_44.png);
  mask-image: url(../img/icons/ico_44.png)
}

.MenuBox .list .icon45 .icon::before,
.nav .icon45 .icon::before,
.submenu .icon45 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_45.png);
  mask-image: url(../img/icons/ico_45.png)
}

.MenuBox .list .icon46 .icon::before,
.nav .icon46 .icon::before,
.submenu .icon46 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_46.png);
  mask-image: url(../img/icons/ico_46.png)
}

.MenuBox .list .icon47 .icon::before,
.nav .icon47 .icon::before,
.submenu .icon47 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_47.png);
  mask-image: url(../img/icons/ico_47.png)
}

.MenuBox .list .icon48 .icon::before,
.nav .icon48 .icon::before,
.submenu .icon48 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_48.png);
  mask-image: url(../img/icons/ico_48.png)
}

.MenuBox .list .icon49 .icon::before,
.nav .icon49 .icon::before,
.submenu .icon49 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_49.png);
  mask-image: url(../img/icons/ico_49.png)
}

.MenuBox .list .icon50 .icon::before,
.nav .icon50 .icon::before,
.submenu .icon50 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_50.png);
  mask-image: url(../img/icons/ico_50.png)
}

.MenuBox .list .icon51 .icon::before,
.nav .icon51 .icon::before,
.submenu .icon51 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_51.png);
  mask-image: url(../img/icons/ico_51.png)
}

.MenuBox .list .icon52 .icon::before,
.nav .icon52 .icon::before,
.submenu .icon52 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_52.png);
  mask-image: url(../img/icons/ico_52.png)
}

.MenuBox .list .icon53 .icon::before,
.nav .icon53 .icon::before,
.submenu .icon53 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_53.png);
  mask-image: url(../img/icons/ico_53.png)
}

.MenuBox .list .icon54 .icon::before,
.nav .icon54 .icon::before,
.submenu .icon54 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_54.png);
  mask-image: url(../img/icons/ico_54.png)
}

.MenuBox .list .icon55 .icon::before,
.nav .icon55 .icon::before,
.submenu .icon55 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_55.png);
  mask-image: url(../img/icons/ico_55.png)
}

.MenuBox .list .icon56 .icon::before,
.nav .icon56 .icon::before,
.submenu .icon56 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_56.png);
  mask-image: url(../img/icons/ico_56.png)
}

.MenuBox .list .icon57 .icon::before,
.nav .icon57 .icon::before,
.submenu .icon57 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_57.png);
  mask-image: url(../img/icons/ico_57.png)
}

.MenuBox .list .icon58 .icon::before,
.nav .icon58 .icon::before,
.submenu .icon58 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_58.png);
  mask-image: url(../img/icons/ico_58.png)
}

.MenuBox .list .icon59 .icon::before,
.nav .icon59 .icon::before,
.submenu .icon59 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_59.png);
  mask-image: url(../img/icons/ico_59.png)
}

.MenuBox .list .icon60 .icon::before,
.nav .icon60 .icon::before,
.submenu .icon60 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_60.png);
  mask-image: url(../img/icons/ico_60.png)
}

.MenuBox .list .icon61 .icon::before,
.nav .icon61 .icon::before,
.submenu .icon61 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_61.png);
  mask-image: url(../img/icons/ico_61.png)
}

.MenuBox .list .icon62 .icon::before,
.nav .icon62 .icon::before,
.submenu .icon62 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_62.png);
  mask-image: url(../img/icons/ico_62.png)
}

.MenuBox .list .icon63 .icon::before,
.nav .icon63 .icon::before,
.submenu .icon63 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_63.png);
  mask-image: url(../img/icons/ico_63.png)
}

.MenuBox .list .icon64 .icon::before,
.nav .icon64 .icon::before,
.submenu .icon64 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_64.png);
  mask-image: url(../img/icons/ico_64.png)
}

.MenuBox .list .icon65 .icon::before,
.nav .icon65 .icon::before,
.submenu .icon65 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_65.png);
  mask-image: url(../img/icons/ico_65.png)
}

.MenuBox .list .icon66 .icon::before,
.nav .icon66 .icon::before,
.submenu .icon66 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_66.png);
  mask-image: url(../img/icons/ico_66.png)
}

.MenuBox .list .icon67 .icon::before,
.nav .icon67 .icon::before,
.submenu .icon67 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_67.png);
  mask-image: url(../img/icons/ico_67.png)
}

.MenuBox .list .icon68 .icon::before,
.nav .icon68 .icon::before,
.submenu .icon68 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_68.png);
  mask-image: url(../img/icons/ico_68.png)
}

.MenuBox .list .icon69 .icon::before,
.nav .icon69 .icon::before,
.submenu .icon69 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_69.png);
  mask-image: url(../img/icons/ico_69.png)
}

.MenuBox .list .icon70 .icon::before,
.nav .icon70 .icon::before,
.submenu .icon70 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_70.png);
  mask-image: url(../img/icons/ico_70.png)
}

.MenuBox .list .icon71 .icon::before,
.nav .icon71 .icon::before,
.submenu .icon71 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_71.png);
  mask-image: url(../img/icons/ico_71.png)
}

.MenuBox .list .icon72 .icon::before,
.nav .icon72 .icon::before,
.submenu .icon72 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_72.png);
  mask-image: url(../img/icons/ico_72.png)
}

.MenuBox .list .icon73 .icon::before,
.nav .icon73 .icon::before,
.submenu .icon73 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_73.png);
  mask-image: url(../img/icons/ico_73.png)
}

.MenuBox .list .icon74 .icon::before,
.nav .icon74 .icon::before,
.submenu .icon74 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_74.png);
  mask-image: url(../img/icons/ico_74.png)
}

.MenuBox .list .icon75 .icon::before,
.nav .icon75 .icon::before,
.submenu .icon75 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_75.png);
  mask-image: url(../img/icons/ico_75.png)
}

.MenuBox .list .icon76 .icon::before,
.nav .icon76 .icon::before,
.submenu .icon76 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_76.png);
  mask-image: url(../img/icons/ico_76.png)
}

.MenuBox .list .icon77 .icon::before,
.nav .icon77 .icon::before,
.submenu .icon77 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_77.png);
  mask-image: url(../img/icons/ico_77.png)
}

.MenuBox .list .icon78 .icon::before,
.nav .icon78 .icon::before,
.submenu .icon78 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_78.png);
  mask-image: url(../img/icons/ico_78.png)
}

.MenuBox .list .icon79 .icon::before,
.nav .icon79 .icon::before,
.submenu .icon79 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_79.png);
  mask-image: url(../img/icons/ico_79.png)
}

.MenuBox .list .icon80 .icon::before,
.nav .icon80 .icon::before,
.submenu .icon80 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_80.png);
  mask-image: url(../img/icons/ico_80.png)
}

.MenuBox .list .icon81 .icon::before,
.nav .icon81 .icon::before,
.submenu .icon81 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_81.png);
  mask-image: url(../img/icons/ico_81.png)
}

.MenuBox .list .icon82 .icon::before,
.nav .icon82 .icon::before,
.submenu .icon82 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_82.png);
  mask-image: url(../img/icons/ico_82.png)
}

.MenuBox .list .icon83 .icon::before,
.nav .icon83 .icon::before,
.submenu .icon83 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_83.png);
  mask-image: url(../img/icons/ico_83.png)
}

.MenuBox .list .icon84 .icon::before,
.nav .icon84 .icon::before,
.submenu .icon84 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_84.png);
  mask-image: url(../img/icons/ico_84.png)
}

.MenuBox .list .icon85 .icon::before,
.nav .icon85 .icon::before,
.submenu .icon85 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_85.png);
  mask-image: url(../img/icons/ico_85.png)
}

.MenuBox .list .icon86 .icon::before,
.nav .icon86 .icon::before,
.submenu .icon86 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_86.png);
  mask-image: url(../img/icons/ico_86.png)
}

.MenuBox .list .icon87 .icon::before,
.nav .icon87 .icon::before,
.submenu .icon87 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_87.png);
  mask-image: url(../img/icons/ico_87.png)
}

.MenuBox .list .icon88 .icon::before,
.nav .icon88 .icon::before,
.submenu .icon88 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_88.png);
  mask-image: url(../img/icons/ico_88.png)
}

.MenuBox .list .icon89 .icon::before,
.nav .icon89 .icon::before,
.submenu .icon89 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_89.png);
  mask-image: url(../img/icons/ico_89.png)
}

.MenuBox .list .icon90 .icon::before,
.nav .icon90 .icon::before,
.submenu .icon90 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_90.png);
  mask-image: url(../img/icons/ico_90.png)
}

.MenuBox .list .icon91 .icon::before,
.nav .icon91 .icon::before,
.submenu .icon91 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_91.png);
  mask-image: url(../img/icons/ico_91.png)
}

.MenuBox .list .icon92 .icon::before,
.nav .icon92 .icon::before,
.submenu .icon92 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_92.png);
  mask-image: url(../img/icons/ico_92.png)
}

.MenuBox .list .icon93 .icon::before,
.nav .icon93 .icon::before,
.submenu .icon93 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_93.png);
  mask-image: url(../img/icons/ico_93.png)
}

.MenuBox .list .icon94 .icon::before,
.nav .icon94 .icon::before,
.submenu .icon94 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_94.png);
  mask-image: url(../img/icons/ico_94.png)
}

.MenuBox .list .icon95 .icon::before,
.nav .icon95 .icon::before,
.submenu .icon95 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_95.png);
  mask-image: url(../img/icons/ico_95.png)
}

.MenuBox .list .icon96 .icon::before,
.nav .icon96 .icon::before,
.submenu .icon96 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_96.png);
  mask-image: url(../img/icons/ico_96.png)
}

.MenuBox .list .icon97 .icon::before,
.nav .icon97 .icon::before,
.submenu .icon97 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_97.png);
  mask-image: url(../img/icons/ico_97.png)
}

.MenuBox .list .icon98 .icon::before,
.nav .icon98 .icon::before,
.submenu .icon98 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_98.png);
  mask-image: url(../img/icons/ico_98.png)
}

.MenuBox .list .icon99 .icon::before,
.nav .icon99 .icon::before,
.submenu .icon99 .icon::before {
  -webkit-mask-image: url(../img/icons/ico_99.png);
  mask-image: url(../img/icons/ico_99.png)
}

.submenu .preventive .icon:before {
  width: 80% !important
}

.submenu .implant .icon:before {
  width: 50% !important
}

.submenu .cosmetic .icon:before {
  width: 80% !important
}

.MenuBox .list .implant .icon:before {
  width: 30% !important
}

@media (max-width:750px) {
  .MenuBox .list .implant .icon:before {
    width: 55% !important
  }
}

.accordion .submenu {
  display: none !important
}

.accordion .accordion_checkbox:checked~.submenu {
  display: flex !important
}

.accordion label {
  display: flex;
  justify-content: center;
  width: 100%
}

.accordion label::after {
  content: "";
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  position: relative;
  width: calc(20/1920*100vw);
  height: calc(20/1920*100vw);
  border-top: calc(2/1920*100vw) solid var(--sp-fixed-parts-menu-list-boder-color);
  border-right: calc(2/1920*100vw) solid var(--sp-fixed-parts-menu-list-boder-color);
  transform: rotate(135deg);
  margin-left: calc(26/1920*100vw);
  top: calc(6/1920*100vw);
  transform: rotate .3s
}

.accordion .accordion_checkbox:checked~* label::after {
  top: calc(16/1920*100vw);
  transform: rotate(-45deg)
}

.ui_btn {
  margin: calc(32/1920*100vw)0 0;
  display: flex;
  justify-content: center
}

.ui_btn.posS {
  justify-content: flex-start !important
}

.ui_btn.posE {
  justify-content: flex-end !important
}

.topContents00>.container .list li,
.ui_btn a {
  display: flex;
  align-items: center;
  justify-content: center
}

.ui_btn a {
  text-decoration: none;
  font-size: .9375rem;
  font-weight: 500;
  flex-direction: row-reverse;
  min-width: calc(200/1920*100vw);
  padding: 0 calc(30/1920*100vw)0 calc(25/1920*100vw);
  height: calc(55/1920*100vw);
  transition: .3s;
  background: linear-gradient(to right, var(--btn-part-base-bg-start-color) 0%, var(--btn-part-base-bg-end-color) 100%);
  position: relative
}

.ds_design03 .ui_btn a {
  border-radius: calc(40/1920*100vw)
}

.ui_btn a>.ico {
  position: absolute;
  display: block;
  width: calc(10/1920*100vw);
  height: calc(10/1920*100vw);
  border-top: calc(2/1920*100vw) solid var(--btn-part-border-color);
  border-right: calc(2/1920*100vw) solid var(--btn-part-border-color);
  transform: rotate(45deg);
  right: calc(24/1920*100vw);
  top: calc(50% - calc(5/1920*100vw))
}

.ui_btn a>.txt {
  color: var(--btn-part-text-font-color);
  position: relative;
  display: block;
  margin: 0 calc(20/1920*100vw)
}

.ui_btn a:hover {
  opacity: .7
}

.ui_btn.wide {
  width: 100%;
  max-width: calc(1100/1920*100vw);
  display: block
}

.ds_design02 .ui_btn a {
  border-radius: calc(40/1920*100vw)
}

@media (max-width:750px) {
  .ui_btn {
    margin: calc(50/750*100vw)0 0
  }

  .ui_btn.posE,
  .ui_btn.posS {
    justify-content: center !important
  }

  .ui_btn a {
    font-size: .9375rem;
    font-weight: 500;
    min-width: calc(336/750*100vw);
    height: calc(91/750*100vw)
  }

  .ds_design02 .ui_btn a,
  .ds_design03 .ui_btn a {
    border-radius: calc(80/750*100vw)
  }

  .ui_btn a>.ico {
    width: calc(24/750*100vw);
    height: calc(24/750*100vw);
    border-width: calc(4/750*100vw);
    top: calc(50% - calc(12/750*100vw));
    right: calc(38/750*100vw)
  }

  .ui_btn a>.txt {
    margin: 0 calc(42/750*100vw)
  }
}

.topContents00>.container {
  position: relative;
  margin: calc(120/1920*100vw) auto;
  width: calc(1100/1920*100vw);
  padding: calc(75/1920*100vw) calc(100/1920*100vw);
  background-color: var(--content00-parts-base-bg-color)
}

.ds_design03 .topContents00>.container {
  border-radius: calc(35/1920*100vw)
}

.topContents00>.container>.title {
  text-align: center;
  margin-bottom: calc(42/1920*100vw)
}

.topContents00>.container>.title>.ja {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  font-size: 1.75rem;
  color: var(--content00-parts-title-ja-font-color)
}

@media (max-width:750px) {
  .topContents00>.container>.title>.ja {
    letter-spacing: .05em
  }
}

.topContents00>.container .list {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: calc(30/1920*100vw)
}

.topContents00>.container .list li {
  background-color: var(--content00-parts-list-bg-color);
  padding: calc(25/1920*100vw) calc(30/1920*100vw);
  margin-right: calc(22/1920*100vw);
  min-height: calc(105/1920*100vw)
}

.ds_design03 .topContents00>.container .list li {
  border-radius: calc(10/1920*100vw)
}

.topContents00>.container .list li:nth-of-type(3n) {
  margin-right: 0
}

.topContents00>.container .list li .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  position: relative;
  margin-right: calc(25/1920*100vw)
}

.topContents00>.container .list li .icon::before {
  display: block;
  content: "";
  width: calc(50/1920*100vw);
  height: calc(50/1920*100vw);
  background-color: var(--content00-parts-list-icon-color)
}

.topContents00>.container .list li .icon.icon01 {
  -webkit-mask-image: url(../img/icons/01/ico_covit19_01.svg);
  mask-image: url(../img/icons/01/ico_covit19_01.svg)
}

.topContents00>.container .list li .icon.icon01::before {
  width: calc(45/1920*100vw);
  height: calc(45/1920*100vw)
}

.topContents00>.container .list li .icon.icon02 {
  -webkit-mask-image: url(../img/icons/01/ico_covit19_02.svg);
  mask-image: url(../img/icons/01/ico_covit19_02.svg)
}

.topContents00>.container .list li .icon.icon02::before {
  width: calc(44/1920*100vw);
  height: calc(47/1920*100vw)
}

.topContents00>.container .list li .icon.icon03 {
  -webkit-mask-image: url(../img/icons/01/ico_covit19_03.svg);
  mask-image: url(../img/icons/01/ico_covit19_03.svg)
}

.topContents00>.container .list li .icon.icon03::before {
  width: calc(33/1920*100vw);
  height: calc(48/1920*100vw)
}

.topContents00>.container .list li .txt {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: .05em
}

@media (max-width:750px) {
  .topContents00>.container .list li .txt {
    letter-spacing: .05em
  }
}

.ds_design03 .topContents00>.container .list li .txt {
  letter-spacing: .02em
}

@media (max-width:750px) {
  .topContents00>.container {
    position: relative;
    margin: 0 auto calc(130/750*100vw);
    width: calc(750/750*100vw);
    padding: calc(75/750*100vw) calc(40/750*100vw)
  }

  .ds_design03 .topContents00>.container {
    border-radius: 0
  }

  .topContents00>.container>.title>.ja {
    font-size: 1.375rem;
    line-height: 1.5;
    margin-left: calc(5/750*100vw);
    margin-top: calc(14/750*100vw)
  }

  .topContents00>.container .list {
    flex-direction: column;
    margin-bottom: calc(60/750*100vw)
  }

  .topContents00>.container .list li {
    justify-content: flex-start;
    padding: calc(30/750*100vw) calc(60/750*100vw);
    width: 100%;
    margin-right: 0;
    min-height: calc(75/750*100vw);
    margin-bottom: calc(20/750*100vw)
  }

  .ds_design03 .topContents00>.container .list li {
    border-radius: calc(20/750*100vw)
  }

  .topContents00>.container .list li:last-child {
    margin-bottom: 0
  }

  .topContents00>.container .list li .icon {
    margin-right: calc(25/750*100vw)
  }

  .topContents00>.container .list li .icon::before {
    zoom: 2
  }
}

.topContents01>.container {
  margin: 0 auto calc(120/1920*100vw);
  width: calc(1360/1920*100vw);
  padding: 0 calc(30/1920*100vw) calc(100/1920*100vw)
}

.topContents01>.container>.title {
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  z-index: 9;
  text-align: center;
  margin-bottom: calc(17/1920*100vw);
  position: relative;
  top: calc(-60/1920*100vw)
}

.topContents01>.container>.title>.en {
  font-size: 6.25rem;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  letter-spacing: .55rem;
  color: var(--content01-parts-title-en-font-color)
}

.ds_design02 .topContents01>.container>.list>li>.txt>.numb,
.ds_design02 .topContents01>.container>.list>li>.txt>.tit>.en,
.ds_design02 .topContents01>.container>.title>.en {
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  font-style: normal
}

.ds_design03 .topContents01>.container>.list>li>.txt>.numb,
.ds_design03 .topContents01>.container>.list>li>.txt>.tit>.en,
.ds_design03 .topContents01>.container>.title>.en {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal
}

.topContents01>.container>.title>.ja {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  font-size: 1.25rem;
  color: var(--content01-parts-title-ja-font-color);
  margin-top: calc(5/1920*100vw)
}

@media (max-width:750px) {
  .topContents01>.container>.title>.ja {
    letter-spacing: .05em
  }
}

.topContents01>.container>.list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.topContents01>.container>.list.anim_bur {
  opacity: 1;
  transform: unset
}

.topContents01>.container>.list.anim_bur>li {
  opacity: 0;
  transform: translateY(calc(40/1920*100vw));
  transition: opacity .8s cubic-bezier(.3, .1, .3, 1), transform .8s cubic-bezier(.3, .1, .3, 1)
}

.topContents01>.container>.list>li {
  width: calc(390/1920*100vw);
  display: flex;
  flex-direction: column;
  margin-right: calc(50/1920*100vw);
  position: relative;
  transition: .8s opacity, .8s transform
}

.topContents01>.container>.list>li picture img {
  width: 100%;
  height: auto
}

.ds_design03 .topContents01>.container>.list>li picture img {
  border-radius: calc(20/1920*100vw)
}

.topContents01>.container>.list>li>.txt {
  position: relative
}

.topContents01>.container>.list>li>.txt>.numb {
  position: absolute;
  left: calc(-22/1920*100vw);
  top: calc(-35/1920*100vw);
  font-family: futura-pt, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  font-size: 4.625rem;
  color: var(--content01-parts-list-number-font-color);
  letter-spacing: calc(3/1920*100vw)
}

.topContents01>.container>.list>li>.txt>.tit {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
  margin-top: calc(-5/1920*100vw);
  margin-bottom: calc(15/1920*100vw)
}

.topContents01>.container>.list>li>.txt>.tit>.en {
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.125rem;
  color: var(--content01-parts-list-title-en-font-color);
  letter-spacing: calc(1.5/1920*100vw);
  position: absolute;
  left: calc(92/1920*100vw);
  top: calc(-12/1920*100vw)
}

.topContents01>.container>.list>li>.txt>.tit>.ja {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  font-size: 1.5rem;
  color: var(--content01-parts-list-title-ja-font-color);
  margin-top: calc(62/1920*100vw)
}

@media (max-width:750px) {
  .topContents01>.container>.list>li>.txt>.tit>.ja {
    letter-spacing: .05em
  }
}

.topContents01>.container>.list>li>.txt>p {
  font-weight: 300 !important;
  color: var(--content01-parts-list-text-ja-font-color);
  font-size: 1rem;
  padding-right: calc(7/1920*100vw)
}

.topContents01>.container>.list>li:nth-child(2) {
  transition-delay: 240ms
}

.topContents01>.container>.list>li:nth-child(3) {
  transition-delay: 360ms
}

.topContents01>.container>.list>li:nth-of-type(3n) {
  margin-right: 0
}

.topContents01>.container>.list>li:nth-of-type(n+4) {
  margin-top: calc(80/1920*100vw)
}

@media (min-width:751px) {
  .topContents01>.container>.list.col02>li {
    width: calc(450/1920*100vw);
    max-width: 44%;
    margin-right: calc(90/1920*100vw)
  }

  .topContents01>.container>.list.col02>li>.tit {
    margin-top: calc(3/1920*100vw);
    margin-bottom: calc(31/1920*100vw)
  }

  .topContents01>.container>.list.col02>li:nth-of-type(3n) {
    margin-right: calc(90/1920*100vw)
  }

  .topContents01>.container>.list.col02>li:nth-of-type(2n) {
    margin-right: 0
  }

  .topContents01>.container>.list.col02>li:nth-of-type(n+3) {
    margin-top: calc(80/1920*100vw)
  }
}

.topContents01>.container>.bg {
  position: absolute;
  width: 100vw;
  height: 100%;
  background: linear-gradient(to right, var(--content01-parts-base-bg-color) 50%, rgba(237, 244, 250, 0) 50%) 100% 0%no-repeat;
  background-size: 200% 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transition: background-position .8s cubic-bezier(.41, .05, .94, .65)
}

.topContents01>.container>.bg.is_show {
  background-position: 0 0
}

.topContents01>.container .main-ja~.bg {
  top: calc(-15/1920*100vw) !important;
  height: calc(100% + calc(15/1920*100vw)) !important
}

.topContents01.main-ja>.container>.title {
  margin-bottom: calc(32/1920*100vw)
}

.topContents01.main-ja>.container>.title>.en {
  order: 2;
  font-size: 1.25rem;
  letter-spacing: .04rem;
  margin-top: calc(12/1920*100vw)
}

.topContents01.main-ja>.container>.title>.ja {
  order: 1;
  font-size: 2.75rem;
  letter-spacing: .075rem;
  margin-top: calc(12/1920*100vw)
}

.topContents01.main-ja>.container>.title.h-title>.en {
  order: 0;
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em
}

@media (max-width:750px) {
  .topContents01.main-ja>.container>.title.h-title>.en {
    letter-spacing: .05em
  }
}

.topContents01.main-ja>.container>.title.h-title>.ja {
  order: 1;
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em
}

@media (max-width:750px) {
  .topContents01.main-ja>.container>.title.h-title>.ja {
    letter-spacing: .05em
  }
}

.topContents01.main-ja>.container>.bg {
  top: calc(-25/1920*100vw) !important;
  height: calc(100% + calc(25/1920*100vw)) !important
}

.topContents01:has(.h-title)>.container>.bg {
  top: calc(15/1920*100vw) !important;
  height: calc(100% - calc(15/1920*100vw)) !important
}

@media (max-width:750px) {
  .topContents01>.container {
    position: relative;
    margin: 0 auto calc(130/750*100vw);
    width: calc(750/750*100vw);
    padding: calc(100/750*100vw) calc(40/750*100vw)
  }

  .topContents01>.container>.title {
    line-height: 1.5;
    writing-mode: horizontal-tb;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: calc(66/750*100vw)
  }

  .topContents01>.container>.title>.en {
    font-size: calc(100/750*100vw);
    letter-spacing: .075rem;
    margin-left: 0
  }

  .topContents01>.container>.title>.ja {
    font-size: 1.125rem;
    margin-left: 0;
    letter-spacing: .075rem;
    margin-top: calc(14/750*100vw)
  }

  .topContents01>.container>.list {
    display: flex;
    flex-direction: column;
    padding: 0 calc(40/750*100vw)
  }

  .topContents01>.container>.list>li {
    width: 100%;
    margin-right: 0
  }

  .ds_design03 .topContents01>.container>.list>li picture img {
    border-radius: calc(35/750*100vw)
  }

  .topContents01>.container>.list>li>.txt {
    position: relative
  }

  .topContents01>.container>.list>li>.txt>.numb {
    left: calc(-43/750*100vw);
    top: calc(-73/750*100vw);
    font-size: calc(140/750*100vw);
    letter-spacing: calc(6/750*100vw)
  }

  .topContents01>.container>.list>li>.txt>.tit {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: calc(32/750*100vw)
  }

  .topContents01>.container>.list>li>.txt>.tit>.en {
    font-size: 1rem;
    position: absolute;
    left: calc(159/750*100vw);
    top: calc(-19/750*100vw);
    letter-spacing: .084rem
  }

  .topContents01>.container>.list>li>.txt>.tit>.ja {
    font-size: 1.1875rem;
    margin-top: calc(85/750*100vw);
    letter-spacing: .075rem
  }

  .topContents01>.container>.list>li>.txt>p {
    padding-right: 0
  }

  .topContents01>.container>.list>li:nth-child(2),
  .topContents01>.container>.list>li:nth-child(3) {
    transition-delay: 0
  }

  .topContents01>.container>.list>li:nth-child(1) {
    margin-top: 0
  }

  .topContents01>.container>.list>li:nth-child(2) {
    margin-top: 0;
    margin-right: 0
  }

  .topContents01>.container>.list>li:nth-child(2)>.txt>.tit>.en {
    left: calc(180/750*100vw)
  }

  .topContents01>.container>.list>li:nth-child(3n) {
    margin: 0
  }

  .topContents01>.container>.list>li:nth-child(3n)>.txt>.tit>.en {
    left: calc(181/750*100vw)
  }

  .topContents01>.container>.list>li:nth-child(3n)>.txt>.tit>.ja {
    margin-top: calc(89/750*100vw)
  }

  .topContents01>.container>.list>li:nth-of-type(n+2) {
    margin-top: calc(80/750*100vw)
  }

  .topContents01>.container>.bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
  }

  .topContents01.main-ja>.container>.title {
    margin-bottom: calc(60/750*100vw)
  }

  .topContents01.main-ja>.container>.title>.en {
    font-size: 1rem;
    margin-top: calc(31/750*100vw)
  }

  .topContents01.main-ja>.container>.title>.ja {
    font-size: 1.8125rem;
    margin-top: 0
  }
}

.topContents03>.container {
  width: calc(1300/1920*100vw);
  position: relative;
  margin: 0 auto calc(120/1920*100vw);
  text-align: center
}

.topContents03>.container>.title {
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  z-index: 9;
  margin-bottom: calc(63/1920*100vw)
}

.topContents03>.container>.title>.en {
  font-size: 6.25rem;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  letter-spacing: .55rem;
  color: var(--content03-parts-title-en-font-color)
}

.ds_design02 .topContents03>.container>.title>.en,
.ds_design02 .topContents05>.container>.main>.news>.tit>.en {
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  font-style: normal
}

.ds_design03 .topContents03>.container>.title>.en,
.ds_design03 .topContents05>.container>.main>.news>.tit>.en {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal
}

.topContents03>.container>.title>.ja {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  font-size: 1.5rem;
  color: var(--content03-parts-title-ja-font-color);
  line-height: 1.5
}

@media (max-width:750px) {
  .topContents03>.container>.title>.ja {
    letter-spacing: .05em
  }
}

.topContents03>.container>.content>.tit {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-bottom: calc(40/1920*100vw)
}

@media (max-width:750px) {
  .topContents03>.container>.content>.tit {
    letter-spacing: .05em
  }
}

.topContents03>.container>.content>p {
  color: var(--content03-parts-text-font-color);
  font-size: 1rem
}

@media (max-width:750px) {
  .topContents03>.container {
    width: calc(750/750*100vw);
    position: relative;
    margin: 0 auto calc(130/750*100vw);
    min-height: auto;
    padding: 0 calc(40/750*100vw)
  }

  .topContents03>.container>.title {
    line-height: 1.5;
    writing-mode: horizontal-tb;
    display: flex;
    flex-direction: column;
    position: relative;
    top: 0;
    right: 0;
    text-align: center;
    margin-bottom: calc(48/750*100vw);
    top: calc(-20/750*100vw)
  }

  .topContents03>.container>.title>.en {
    font-size: calc(100/750*100vw);
    letter-spacing: calc(6.9/750*100vw)
  }

  .topContents03>.container>.title>.ja {
    font-size: calc(40/750*100vw);
    margin-left: 0;
    margin-top: calc(13/750*100vw)
  }

  .topContents03>.container>.content {
    width: 100%;
    margin-left: 0
  }

  .topContents03>.container>.content>.tit {
    font-size: calc(38/750*100vw);
    line-height: 1.5;
    margin-bottom: calc(40/750*100vw);
    text-align: center
  }
}

.topContents05>.container {
  position: relative;
  width: calc(1100/1920*100vw);
  margin: 0 auto calc(120/1920*100vw);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.topContents05>.container>.main {
  width: calc(710/1920*100vw)
}

.topContents05>.container>.main.wideFull {
  width: 100%
}

@media (min-width:751px) {
  .topContents05>.container>.main:nth-of-type(n+2) {
    margin-top: calc(100/1920*100vw)
  }
}

.topContents05>.container>.main>.news {
  display: flex;
  position: relative;
  flex-direction: column;
  margin-top: calc(95/1920*100vw)
}

.topContents05>.container>.main>.news:nth-of-type(1) {
  margin-top: 0
}

.topContents05>.container>.main>.news>.tit {
  position: relative;
  display: flex;
  align-items: center;
  line-height: 1;
  margin-bottom: calc(23/1920*100vw)
}

.topContents05>.container>.main>.news>.tit>.ja {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  font-size: 1.125rem;
  letter-spacing: .075rem;
  color: var(--content05-part-news-title-ja-color);
  padding-left: calc(20/1920*100vw);
  position: relative
}

@media (max-width:750px) {
  .topContents05>.container>.main>.news>.tit>.ja {
    letter-spacing: .05em
  }
}

.topContents05>.container>.main>.news>.tit>.en {
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.6875rem;
  letter-spacing: .1em;
  color: var(--content05-part-news-title-en-color)
}

.topContents05>.container>.main>.news .feed {
  display: flex;
  flex-direction: column;
  max-height: calc(339/1920*100vw)
}

.topContents05>.container>.main>.news .feed ul li {
  display: flex;
  align-items: flex-start;
  padding: calc(22/1920*100vw) calc(10/1920*100vw) calc(22/1920*100vw) calc(24/1920*100vw);
  border-bottom: 1px solid var(--content05-part-news-border-color);
  transition: background-color .4s ease-in-out;
  font-size: .875rem;
  line-height: 1.714;
  font-weight: 300;
  color: var(--content05-part-news-text-color)
}

.topContents05>.container>.main>.news .feed ul li:nth-child(1) {
  border-top: 1px solid var(--content05-part-news-border-color)
}

.topContents05>.container>.main>.news .feed ul li a {
  text-decoration: none;
  color: var(--content05-part-news-text-color)
}

.topContents05>.container>.main>.news .feed ul li a:hover {
  text-decoration: underline
}

.topContents05>.container>.main>.news .feed ul li>span {
  color: var(--content05-part-news-text-color)
}

.topContents05>.container>.main>.news .feed ul li>span:nth-child(1) {
  min-width: calc(115/1920*100vw)
}

.form_contact .btn_wrap>button.confirm,
.form_contact .btn_wrap>input.confirm,
.topContents05>.container>.sub {
  width: calc(300/1920*100vw)
}

.topContents05>.container>.sub.wideFull {
  width: 100%
}

.topContents05>.container>.sub>.tit {
  position: relative;
  display: flex;
  align-items: center;
  line-height: 1;
  margin-bottom: calc(23/1920*100vw)
}

.topContents05>.container>.sub>.tit>.en {
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  letter-spacing: .1em;
  font-size: 1.6875rem;
  color: var(--content05-part-calendar-title-color)
}

.ds_design02 .topContents05>.container>.sub *>.calendar .listTab li a,
.ds_design02 .topContents05>.container>.sub>.tit>.en {
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  font-style: normal
}

.ds_design03 .topContents05>.container>.sub *>.calendar .listTab li a,
.ds_design03 .topContents05>.container>.sub>.tit>.en {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal
}

.topContents05>.container>.sub *>.calendar {
  margin-top: calc(12/1920*100vw);
  border-bottom: calc(2/1920*100vw) solid var(--content05-part-calendar-border-color)
}

.topContents05>.container>.sub *>.calendar .listTab {
  display: flex;
  border-bottom: calc(7/1920*100vw) solid var(--content05-part-calendar-tab-border-color)
}

.topContents05>.container>.sub *>.calendar .listTab li {
  flex: 0 1 50%
}

.topContents05>.container>.sub *>.calendar .listTab li a {
  display: flex;
  height: calc(45/1920*100vw);
  line-height: calc(44/1920*100vw);
  font-size: 1.8125rem;
  font-family: futura-pt, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
  background-color: transparent;
  color: var(--content05-part-calendar-tab-font-color);
  padding-left: calc(5/1920*100vw);
  justify-content: center;
  align-items: center;
  transition: background-color .3s, color .3s
}

.topContents05>.container>.sub *>.calendar .listTab li a>span {
  font-size: .875rem;
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  letter-spacing: .02rem;
  margin-left: calc(3/1920*100vw);
  margin-top: calc(2/1920*100vw)
}

@media (max-width:750px) {
  .topContents05>.container>.sub *>.calendar .listTab li a>span {
    letter-spacing: .05em
  }
}

.topContents05>.container>.sub *>.calendar .listTab li a[aria-selected=true] {
  background-color: var(--content05-part-calendar-tab-bg-active-color);
  color: var(--content05-part-calendar-tab-font-active-color);
  pointer-events: none
}

.topContents05>.container>.sub *>.calendar .calendarIn {
  position: relative;
  margin-top: calc(12/1920*100vw);
  padding: 0 calc(23/1920*100vw) calc(11/1920*100vw)
}

.topContents05>.container>.sub *>.calendar .calendarIn::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: url(url("../img/dotLine_calender.png"));
  background-size: cover;
  background-repeat: no-repeat
}

@media (max-width:750px) {
  .topContents05>.container>.sub *>.calendar .calendarIn::before {
    background-image: url(url("../img/dotLine_calender.p_spng"))
  }
}

@media (min-width:751px) and (-webkit-min-device-pixel-ratio:2),
(min-width:751px) and (min-resolution:2dppx) {
  .topContents05>.container>.sub *>.calendar .calendarIn::before {
    background-image: url(url("../img/dotLine_calender.p@2xng"))
  }
}

.topContents05>.container>.sub *>.calendar .calendarIn .boxContents {
  display: none;
  transition: opacity .3s
}

.topContents05>.container>.sub *>.calendar .calendarIn .boxContents[aria-hidden=false] {
  display: block;
  opacity: 1
}

.topContents05>.container>.sub *>.calendar .calendarIn .boxContents.enter,
.topContents05>.container>.sub *>.calendar .calendarIn .boxContents.leave {
  opacity: 0
}

.topContents05>.container>.sub *>.calendar .calendarIn .boxContents table {
  width: 100%;
  border-collapse: separate
}

.topContents05>.container>.sub *>.calendar .calendarIn .boxContents table td,
.topContents05>.container>.sub *>.calendar .calendarIn .boxContents table th {
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
  width: 14.2857142857%;
  line-height: 1
}

.topContents05>.container>.sub *>.calendar .calendarIn .boxContents table thead th {
  color: var(--content05-part-calendar-text-font-color);
  font-size: .9375rem;
  position: relative;
  font-weight: 300;
  height: calc(34/1920*100vw)
}

.topContents05>.container>.sub *>.calendar .calendarIn .boxContents table thead .holiday {
  color: var(--content05-part-calendar-holiday-text-font-color)
}

.topContents05>.container>.sub *>.calendar .calendarIn .boxContents table tbody td {
  font-size: .8125rem;
  height: calc(38/1920*100vw);
  font-weight: 300;
  position: relative
}

.topContents05>.container>.sub *>.calendar .calendarIn .boxContents table tbody td::before {
  content: "";
  position: absolute;
  top: calc(3/1920*100vw);
  left: calc(3/1920*100vw);
  width: calc(30/1920*100vw);
  height: calc(30/1920*100vw);
  border-radius: 50%;
  z-index: -1
}

.topContents05>.container>.sub *>.calendar .calendarIn .boxContents table tbody .close {
  color: var(--content05-part-calendar-icon-close-font-color)
}

.topContents05>.container>.sub *>.calendar .calendarIn .boxContents table tbody .close::before,
.topContents05>.container>.sub .calendarDescript span.close {
  background-color: var(--content05-part-calendar-icon-close-bg-color)
}

.topContents05>.container>.sub *>.calendar .calendarIn .boxContents table tbody .other {
  color: var(--content05-part-calendar-icon-other-font-color)
}

.topContents05>.container>.sub *>.calendar .calendarIn .boxContents table tbody .other::before {
  background-color: var(--content05-part-calendar-icon-other-bg-color)
}

.topContents05>.container>.sub .calendarDescript {
  margin-top: calc(14/1920*100vw);
  font-size: .875rem;
  line-height: 1.5;
  font-weight: 300;
  position: relative
}

.topContents05>.container>.sub .calendarDescript>* {
  position: relative
}

.topContents05>.container>.sub .calendarDescript>.txt {
  padding-left: calc(18/1920*100vw)
}

.topContents05>.container>.sub .calendarDescript span.close {
  display: inline-block;
  width: calc(13/1920*100vw);
  height: calc(13/1920*100vw);
  border-radius: 50%;
  overflow: hidden;
  margin-right: calc(4/1920*100vw);
  position: absolute;
  left: 0;
  top: calc(3/1920*100vw)
}

.topContents05>.container>.instagram {
  width: calc(710/1920*100vw)
}

.topContents05>.container>.instagram.wideFull {
  width: 100%
}

.topContents05>.container>.instagram>.tit {
  position: relative;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.5rem;
  margin-top: calc(-4/1920*100vw);
  padding-bottom: calc(21/1920*100vw);
  color: var(--content05-part-insta-title-color);
  border-bottom: 1px solid var(--content05-part-insta-border-color);
  margin-bottom: calc(51/1920*100vw)
}

.ds_design02 .topContents05>.container>.instagram>.tit {
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  font-style: normal
}

.ds_design03 .topContents05>.container>.instagram>.tit {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal
}

.topContents05>.container>.instagram>.tit::before {
  content: "";
  position: absolute;
  top: calc(3/1920*100vw);
  left: calc(-6/1920*100vw);
  width: calc(43/1920*100vw);
  height: calc(43/1920*100vw);
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/ico_instagram.png)
}

@media (max-width:750px) {
  .topContents05>.container>.instagram>.tit::before {
    background-image: url(../img/ico_instagram_sp.png)
  }
}

@media (min-width:751px) and (-webkit-min-device-pixel-ratio:2),
(min-width:751px) and (min-resolution:2dppx) {
  .topContents05>.container>.instagram>.tit::before {
    background-image: url(../img/ico_instagram@2x.png)
  }
}

.topContents05>.container>.instagram>.feed>ul {
  display: flex;
  flex-wrap: wrap
}

.topContents05>.container>.instagram>.feed>ul>li {
  margin-left: calc(50/1920*100vw)
}

.topContents05>.container>.instagram>.feed>ul>li>a {
  width: calc(140/1920*100vw);
  height: calc(140/1920*100vw);
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.topContents05>.container>.instagram>.feed>ul>li:nth-child(1),
.topContents05>.container>.instagram>.feed>ul>li:nth-child(5) {
  margin-left: 0
}

.topContents05>.container>.instagram>.feed>ul>li:nth-of-type(n+5) {
  margin-top: calc(53/1920*100vw)
}

.topContents05>.container>div:nth-of-type(n+3) {
  margin-top: calc(100/1920*100vw)
}

@media (max-width:750px) {
  .topContents05>.container {
    position: relative;
    width: calc(750/750*100vw);
    margin: 0 auto calc(130/750*100vw);
    display: flex;
    flex-direction: column;
    padding: 0 calc(40/750*100vw)
  }

  .topContents05>.container>.main {
    width: 100%
  }

  .topContents05>.container>.main:nth-of-type(n+2) {
    margin-top: calc(100/750*100vw)
  }

  .topContents05>.container>.main>.news {
    display: flex;
    position: relative;
    flex-direction: column
  }

  .topContents05>.container>.main>.news:nth-of-type(1) {
    margin-top: 0
  }

  .topContents05>.container>.main>.news>.tit,
  .topContents05>.container>.sub>.tit {
    line-height: 1.5;
    margin-bottom: calc(40/750*100vw)
  }

  .topContents05>.container>.main>.news>.tit>.ja {
    font-size: 1.125rem;
    letter-spacing: .05rem;
    padding-left: calc(30/750*100vw);
    top: calc(3/750*100vw)
  }

  .topContents05>.container>.main>.news>.tit>.en {
    font-size: 1.6875rem
  }

  .topContents05>.container>.main>.news .feed {
    display: flex;
    flex-direction: column;
    min-height: auto;
    overflow: scroll;
    max-height: calc(400/750*100vw)
  }

  .topContents05>.container>.main>.news .feed .os-content-glue {
    height: auto
  }

  .topContents05>.container>.main>.news .feed ul li {
    display: flex;
    flex-direction: column;
    padding: calc(24/750*100vw) calc(40/750*100vw) calc(30/750*100vw);
    transition: background-color .4s ease-in-out;
    border-width: calc(2/750*100vw)
  }

  .topContents05>.container>.main>.news .feed ul li>span {
    font-size: .875rem;
    font-weight: 300
  }

  .topContents05>.container>.main>.news .feed ul li>span:nth-child(1) {
    min-width: calc(115/750*100vw)
  }

  .topContents05>.container>.main>.news .feed ul li>span:nth-child(2) {
    line-height: 1.742
  }

  .topContents05>.container>.sub {
    width: 100%;
    margin-left: 0
  }

  .topContents05>.container>.sub>.tit>.en {
    font-size: 1.6875rem
  }

  .topContents05>.container>.sub *>.calendar {
    margin-top: calc(20/750*100vw);
    padding: 0;
    border-width: calc(2/750*100vw)
  }

  .topContents05>.container>.sub *>.calendar .listTab {
    display: flex;
    border-width: calc(14/750*100vw)
  }

  .topContents05>.container>.sub *>.calendar .listTab li {
    flex: 0 1 50%
  }

  .topContents05>.container>.sub *>.calendar .listTab li a {
    height: calc(89/750*100vw);
    line-height: calc(86/750*100vw);
    font-size: 1.8125rem;
    padding-left: calc(5/750*100vw);
    position: relative
  }

  .topContents05>.container>.sub *>.calendar .listTab li a::before {
    content: "";
    position: absolute;
    bottom: calc(-12/750*100vw);
    left: 0;
    width: 100%;
    height: calc(15/750*100vw)
  }

  .topContents05>.container>.sub *>.calendar .listTab li a>span {
    margin-left: calc(4/750*100vw);
    margin-top: calc(3/750*100vw)
  }

  .topContents05>.container>.sub *>.calendar .calendarIn {
    position: relative;
    margin-top: calc(21/750*100vw);
    padding: calc(7/750*100vw)0 calc(20/750*100vw)
  }

  .topContents05>.container>.sub *>.calendar .calendarIn::before {
    width: 100%;
    height: calc(2/750*100vw)
  }

  .topContents05>.container>.sub *>.calendar .calendarIn .boxContents {
    display: none;
    transition: opacity .3s
  }

  .topContents05>.container>.sub *>.calendar .calendarIn .boxContents[aria-hidden=false] {
    display: block;
    opacity: 1
  }

  .topContents05>.container>.sub *>.calendar .calendarIn .boxContents.enter,
  .topContents05>.container>.sub *>.calendar .calendarIn .boxContents.leave {
    opacity: 0
  }

  .topContents05>.container>.sub *>.calendar .calendarIn .boxContents table thead th {
    height: calc(60/750*100vw)
  }

  .topContents05>.container>.sub *>.calendar .calendarIn .boxContents table tbody td {
    height: calc(77/750*100vw)
  }

  .topContents05>.container>.sub *>.calendar .calendarIn .boxContents table tbody td::before {
    top: calc(9/750*100vw);
    left: calc(19/750*100vw);
    width: calc(60/750*100vw);
    height: calc(60/750*100vw)
  }

  .topContents05>.container>.sub .calendarDescript {
    font-size: .75rem;
    line-height: 1.5;
    margin-top: calc(28/750*100vw);
    padding: 0
  }

  .topContents05>.container>.sub .calendarDescript>.txt {
    padding-left: calc(30/750*100vw)
  }

  .topContents05>.container>.sub .calendarDescript span.close {
    width: calc(24/750*100vw);
    height: calc(24/750*100vw);
    margin-right: calc(22/750*100vw);
    top: calc(5/750*100vw)
  }

  .topContents05>.container>.fb {
    min-height: calc(650/750*100vw);
    display: flex;
    justify-content: center
  }

  .topContents05>.container>.fb>iframe {
    margin: 0 auto;
    transform: scale(2.01, 2.03);
    transform-origin: top center
  }

  .topContents05>.container>.instagram {
    width: 100%
  }

  .topContents05>.container>.instagram>.tit {
    position: relative;
    font-size: 1.5rem;
    margin-top: calc(-4/750*100vw);
    letter-spacing: calc(8/750*100vw);
    padding-bottom: calc(36/750*100vw);
    border-width: calc(2/750*100vw);
    margin-bottom: calc(59/750*100vw);
    text-align: left
  }

  .topContents05>.container>.instagram>.tit::before {
    top: calc(4/750*100vw);
    left: calc(108/750*100vw);
    width: calc(86/750*100vw);
    height: calc(86/750*100vw)
  }

  .topContents05>.container>.instagram>.feed>ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 calc(40/750*100vw);
    justify-content: space-between
  }

  .topContents05>.container>.instagram>.feed>ul>li {
    margin-left: 0
  }

  .topContents05>.container>.instagram>.feed>ul>li:nth-of-type(odd) {
    margin-left: 0
  }

  .topContents05>.container>.instagram>.feed>ul>li:nth-of-type(n+3) {
    margin-top: calc(70/750*100vw)
  }

  .topContents05>.container>.instagram>.feed>ul>li>a {
    width: calc(260/750*100vw);
    height: calc(260/750*100vw)
  }
}

.imageFeed ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -1.5%
}

.imageFeed ul li {
  width: 22%;
  margin: 1.5%
}

.imageFeed ul li .thumbnailWrap {
  height: calc(165/1920*100vw);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center
}

.imageFeed ul li .thumbnailWrap a {
  height: 100%;
  width: 100%;
  transition: all .3s ease
}

.imageFeed ul li .thumbnailWrap a img {
  transition: all .3s ease;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover
}

.imageFeed ul li .thumbnailWrap a:hover img {
  transform: scale(1.1);
  transition: transform .5s ease
}

@media (max-width:750px) {
  .imageFeed ul {
    margin: -3%
  }

  .imageFeed ul li {
    width: 44%;
    margin: 3%
  }

  .imageFeed ul li .thumbnailWrap {
    height: calc(190/750*100vw)
  }
}

@media (min-width:751px) {
  .wideCloumnBox01.wide {
    max-width: 100%
  }
}

@media (max-width:750px) {
  .wideCloumnBox01 {
    max-width: calc(670/750*100vw);
    margin: 0 auto calc(80/750*100vw)
  }

  .wideCloumnBox01 p {
    font-weight: 300;
    font-size: calc(32/750*100vw)
  }

  .wideCloumnBox01 .layout {
    margin-bottom: calc(20/750*100vw)
  }

  .wideCloumnBox01 .layout:last-child {
    margin-bottom: 0
  }

  .wideCloumnBox01 .layout .list {
    flex-direction: column
  }

  .wideCloumnBox01 .layout .list>li.col02 {
    width: 100%
  }

  .wideCloumnBox01 .layout .list>li.col02 .parking img {
    width: 100%;
    height: auto
  }

  .wideCloumnBox01 .layout .list>li:nth-child(n+2) {
    margin-top: calc(40/750*100vw)
  }

  .ds_design03 .wideCloumnBox01 img {
    border-radius: calc(40/750*100vw)
  }
}

@media (min-width:751px) {
  .wide .wideCloumnBox01>.layout>.title {
    width: calc(1100/1920*100vw);
    max-width: calc(1100/1920*100vw);
    margin: 0 auto calc(52/1920*100vw)
  }
}

@media (max-width:750px) {
  .wideCloumnBox01>.layout>.title>.ja {
    letter-spacing: .05em
  }
}

@media (max-width:750px) {
  .wideCloumnBox01>.layout>.title {
    text-align: center;
    margin-bottom: calc(15/750*100vw)
  }

  .wideCloumnBox01>.layout>.title::before {
    left: calc(50% - calc(50/750*100vw));
    width: calc(100/750*100vw);
    height: calc(2/750*100vw);
    top: calc(90/750*100vw) !important
  }

  .wideCloumnBox01>.layout>.title>.en {
    font-size: 1rem;
    letter-spacing: calc(2.2/750*100vw);
    padding-bottom: calc(13/750*100vw);
    margin-top: calc(40/750*100vw)
  }

  .wideCloumnBox01>.layout>.title>.ja {
    font-size: 1.5rem
  }

  .wideCloumnBox01>.layout>.title.h-title::before {
    top: calc(75/750*100vw) !important
  }

  .wideCloumnBox01>.layout>.title.h-title>.en {
    margin-top: 0
  }

  .wideCloumnBox01>.layout>.title.h-title>.ja {
    margin-top: calc(40/750*100vw)
  }
}

.wideCloumnBox01 {
  max-width: calc(1100/1920*100vw);
  margin: 0 auto calc(80/1920*100vw);
  color: var(--ui-box01-txt-font-color)
}

.wideCloumnBox01>:first-child {
  margin-top: 0
}

.wideCloumnBox01 .layout:last-child,
.wideCloumnBox01>:last-child {
  margin-bottom: 0
}

@media (min-width:751px) {
  .wideCloumnBox01.wide {
    max-width: 100%
  }
}

.wideCloumnBox01 .layout {
  margin-bottom: calc(58/1920*100vw);
  overflow: hidden
}

.wideCloumnBox01 .layout .lead {
  margin-bottom: calc(30/1920*100vw)
}

.wideCloumnBox01 .layout .annotation {
  font-size: .9375rem;
  text-indent: -1em;
  padding-left: 1em
}

.wideCloumnBox01 .layout .list {
  display: flex;
  justify-content: space-between
}

.wideCloumnBox01 .layout .list>li.col02 {
  width: 48%
}

.ds_design03 .wideCloumnBox01 img {
  border-radius: calc(20/1920*100vw)
}

@media (max-width:750px) {
  .wideCloumnBox01 {
    max-width: calc(670/750*100vw);
    margin: 0 auto calc(80/750*100vw)
  }

  .wideCloumnBox01 p {
    font-weight: 300;
    font-size: calc(32/750*100vw)
  }

  .wideCloumnBox01 .layout {
    margin-bottom: calc(20/750*100vw)
  }

  .wideCloumnBox01 .layout:last-child {
    margin-bottom: 0
  }

  .wideCloumnBox01 .layout .list {
    flex-direction: column
  }

  .wideCloumnBox01 .layout .list>li.col02 {
    width: 100%
  }

  .wideCloumnBox01 .layout .list>li.col02 .parking img {
    width: 100%;
    height: auto
  }

  .wideCloumnBox01 .layout .list>li:nth-child(n+2) {
    margin-top: calc(40/750*100vw)
  }

  .ds_design03 .wideCloumnBox01 img {
    border-radius: calc(40/750*100vw)
  }
}

.wideCloumnBox01>.layout>.title {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center
}

@media (min-width:751px) {
  .wide .wideCloumnBox01>.layout>.title {
    width: calc(1100/1920*100vw);
    max-width: calc(1100/1920*100vw);
    margin: 0 auto calc(52/1920*100vw)
  }
}

.wideCloumnBox01>.layout>.title::before {
  content: "";
  position: absolute;
  top: calc(68/1920*100vw);
  background-color: #fff;
  width: calc(50/1920*100vw);
  height: 1px
}

.wideCloumnBox01>.layout>.title>.en {
  order: 1;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.125rem;
  color: #fff;
  letter-spacing: calc(1.2/1920*100vw);
  padding-bottom: calc(13/1920*100vw);
  line-height: 1.5;
  margin-top: calc(40/1920*100vw)
}

.ds_design02 .wideCloumnBox01>.layout>.title>.en {
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  font-style: normal
}

.ds_design03 .wideCloumnBox01>.layout>.title>.en {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal
}

.wideCloumnBox01>.layout>.title>.ja {
  order: 0;
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  color: #fff;
  font-size: 1.875rem;
  line-height: 1.5;
  margin-top: 0
}

@media (max-width:750px) {
  .wideCloumnBox01>.layout>.title>.ja {
    letter-spacing: .05em
  }
}

.wideCloumnBox01>.layout>.title.h-title>.en {
  order: 0;
  margin-top: 0
}

.wideCloumnBox01>.layout>.title.h-title>.ja {
  order: 1;
  margin-top: calc(40/1920*100vw)
}

@media (max-width:750px) {
  .wideCloumnBox01>.layout>.title {
    text-align: center;
    margin-bottom: calc(15/750*100vw)
  }

  .wideCloumnBox01>.layout>.title::before {
    left: calc(50% - calc(50/750*100vw));
    top: calc(95/750*100vw);
    width: calc(100/750*100vw);
    height: calc(2/750*100vw)
  }

  .wideCloumnBox01>.layout>.title>.en {
    font-size: 1rem;
    letter-spacing: calc(2.2/750*100vw);
    padding-bottom: calc(13/750*100vw);
    margin-top: calc(40/750*100vw)
  }

  .wideCloumnBox01>.layout>.title>.ja {
    font-size: 1.5rem
  }

  .wideCloumnBox01>.layout>.title.h-title::before {
    top: calc(70/750*100vw)
  }

  .wideCloumnBox01>.layout>.title.h-title>.en {
    margin-top: 0
  }

  .wideCloumnBox01>.layout>.title.h-title>.ja {
    margin-top: calc(40/750*100vw)
  }
}

.wideCloumnBox01>.layout>.title::before {
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--ui-tit04-border-color)
}

.wideCloumnBox01>.layout>.title>.en {
  color: var(--ui-tit04-font-en-color)
}

.wideCloumnBox01>.layout>.title>.ja {
  color: var(--ui-tit04-font-ja-color)
}

.wideCloumnBox01>.layout>.list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.wideCloumnBox01>.layout>.list:last-child {
  margin-bottom: 0
}

.ds_design03 .ui_boxIntro>.content>.txt .decoImg>picture,
.ds_design03 .wideCloumnBox01>.layout>.list img {
  border-radius: calc(22.5/1920*100vw)
}

.wideCloumnBox01>.layout>.list>li {
  width: calc(33.3333333333% - calc(16.6666666667/1920*100vw));
  margin-right: calc(25/1920*100vw);
  background: var(--ui-column01-list-bg-color)
}

.wideCloumnBox01>.layout>.list>li:nth-of-type(3n) {
  margin-right: 0
}

.wideCloumnBox01>.layout>.list>li:first-child {
  margin-left: 0;
  margin-top: 0
}

.ui_boxIntro>:first-child,
.wideCloumnBox01>.layout>.list>li:first-child+.col03,
.wideCloumnBox01>.layout>.list>li:first-child+.col03+.col03 {
  margin-top: 0
}

.wideCloumnBox01>.layout>.list>li>a {
  display: block;
  padding-bottom: 3.5vw;
  color: #000;
  text-decoration: none;
  transition: color .3s
}

.wideCloumnBox01>.layout>.list>li>a>.pic {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-width: calc(350/1920*100vw);
  min-height: calc(270/1920*100vw);
  background: rgba(249, 249, 249, .7);
  overflow: hidden
}

.wideCloumnBox01>.layout>.list>li>a>.pic img {
  min-width: calc(250/1920*100vw);
  width: 100%;
  height: auto;
  transition: transform .9s
}

.wideCloumnBox01>.layout>.list>li>a>.txt {
  position: relative;
  background-color: #fff;
  padding: calc(24/1920*100vw) calc(22/1920*100vw);
  margin: calc(-80/1920*100vw) 3.5vw 0;
  background-color: var(--ui-column01-txt-bg-color);
  transition: background-color .3s
}

.wideCloumnBox01>.layout>.list>li>a>.txt .tit {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  font-size: 1.3125rem;
  text-align: left;
  line-height: 1.43;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding-left: calc(20/1920*100vw);
  color: var(--ui-column01-tit-font-color);
  transition: color .3s
}

@media (max-width:750px) {
  .wideCloumnBox01>.layout>.list>li>a>.txt .tit {
    letter-spacing: .05em
  }
}

.wideCloumnBox01>.layout>.list>li>a>.txt .tit::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(5/1920*100vw);
  min-height: calc(30/1920*100vw);
  height: 100%;
  background-color: var(--ui-column01-tit-icon-color);
  transition: background-color .3s
}

.wideCloumnBox01>.layout>.list>li>a>.txt .tit.line02 {
  height: calc(50/1920*100vw)
}

.wideCloumnBox01>.layout>.list>li>a>.txt .tit+* {
  margin-top: calc(14/1920*100vw)
}

.wideCloumnBox01>.layout>.list>li>a>.txt p {
  font-size: 1rem;
  font-weight: 300;
  color: var(--ui-column01-txt-font-color);
  transition: color .3s
}

.wideCloumnBox01>.layout>.list>li>a:hover,
.wideCloumnBox01>.layout>.list>li>a:hover>.txt p,
.wideCloumnBox01>.layout>.list>li>a:hover>.txt>.tit {
  color: #fff
}

.wideCloumnBox01>.layout>.list>li>a:hover>.pic img {
  transform: scale(1.1)
}

.wideCloumnBox01>.layout>.list>li>a:hover>.txt {
  background-color: var(--accent-color-primary)
}

.wideCloumnBox01>.layout>.list>li>a:hover>.txt>.tit:before {
  background-color: var(--accent-color-second)
}

@media (max-width:750px) {
  .wideCloumnBox01>.layout>.list>li {
    width: 100%;
    margin-right: auto
  }

  .wideCloumnBox01>.layout>.list>li:first-child {
    margin-top: 0
  }

  .wideCloumnBox01>.layout>.list>li:nth-child(n+2) {
    margin-top: calc(83/750*100vw) !important
  }

  .wideCloumnBox01>.layout>.list>li>a {
    padding-bottom: calc(50/750*100vw)
  }

  .wideCloumnBox01>.layout>.list>li>a>.pic {
    min-width: calc(670/750*100vw);
    min-height: calc(517/750*100vw)
  }

  .wideCloumnBox01>.layout>.list>li>a>.pic img {
    width: 100%
  }

  .wideCloumnBox01>.layout>.list>li>a>.txt {
    padding: calc(50/750*100vw) calc(40/750*100vw)
  }

  .wideCloumnBox01>.layout>.list>li>a>.txt .tit {
    padding-left: calc(40/750*100vw);
    line-height: 1.67;
    text-align: left
  }

  .wideCloumnBox01>.layout>.list>li>a>.txt .tit::before {
    width: calc(10/750*100vw);
    min-height: calc(60/750*100vw)
  }
}

.ui_boxIntro {
  --ui-boxintro01-inline-font-color: var(--base-color-second);
  color: var(--ui-boxintro01-txt-font-color);
  width: calc(1100/1920*100vw);
  margin: 0 auto calc(100/1920*100vw);
  position: relative
}

.ui_boxIntro>:last-child {
  margin-bottom: 0
}

.ui_boxIntro>.content {
  display: flex;
  justify-content: space-between;
  min-height: calc(270/1920*100vw)
}

.ui_boxIntro>.content>.txt {
  order: 2;
  position: relative
}

.ui_boxIntro>.content>.txt .decoImg {
  order: 1;
  position: relative;
  float: left;
  margin-right: calc(100/1920*100vw);
  margin-bottom: calc(60/1920*100vw)
}

.ui_boxIntro>.content>.txt .decoImg>picture {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-width: calc(420/1920*100vw);
  max-width: calc(420/1920*100vw);
  min-height: calc(290/1920*100vw);
  max-height: calc(290/1920*100vw);
  overflow: hidden;
  background: rgba(249, 249, 249, .7)
}

.ui_boxIntro.wide>.content>.txt .decoImg img,
.ui_boxIntro>.content>.txt .decoImg>picture img {
  min-width: calc(400/1920*100vw);
  max-width: calc(545/1920*100vw) !important;
  height: auto
}

.ui_boxIntro>.content>.txt>.ui_deco_inline01 {
  position: absolute;
  bottom: 0;
  right: calc(-588/1920*100vw);
  font-size: 16.25rem;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #f0f7ed;
  z-index: -1;
  line-height: 1;
  letter-spacing: calc(16/1920*100vw)
}

.ds_design02 .ui_boxIntro>.content>.txt>.ui_deco_inline01 {
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  font-style: normal
}

.ds_design03 .ui_boxIntro>.content>.txt>.ui_deco_inline01 {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal
}

.ui_boxIntro.wide>.content {
  min-height: calc(270/1920*100vw);
  justify-content: flex-end
}

.ui_boxIntro.wide>.content>.txt .decoImg {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: calc(100% - calc(600/1920*100vw));
  margin-left: calc(-200/1920*100vw);
  min-width: calc(600/1920*100vw);
  max-width: calc(600/1920*100vw);
  min-height: calc(450/1920*100vw);
  max-height: calc(450/1920*100vw)
}

@media (max-width:750px) {
  .ui_boxIntro {
    width: calc(750/750*100vw);
    margin: calc(80/750*100vw) auto;
    position: relative;
    padding: calc(14/750*100vw) calc(40/750*100vw)0;
    display: flex;
    flex-direction: column
  }

  .ui_boxIntro>.content {
    display: flex;
    justify-content: flex-start;
    flex-direction: column
  }

  .ui_boxIntro>.content>.txt {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
    font-weight: 300;
    font-size: calc(32/750*100vw)
  }

  .ui_boxIntro>.content>.txt .decoImg {
    float: none;
    width: auto;
    margin: 0 auto !important;
    margin-bottom: calc(30/750*100vw) !important
  }

  .ui_boxIntro.wide>.content>.txt .decoImg,
  .ui_boxIntro>.content>.txt .decoImg,
  .ui_boxIntro>.content>.txt .decoImg>picture {
    position: relative;
    max-height: calc(550/750*100vw) !important;
    min-height: calc(550/750*100vw) !important
  }

  .ui_boxIntro>.content>.txt .decoImg>picture {
    right: 0;
    top: 0;
    max-width: none;
    max-height: auto !important;
    width: 100% !important;
  }

  .ds_design03 .ui_boxIntro>.content>.txt .decoImg>picture {
    border-radius: calc(45/750*100vw)
  }

  .ui_boxIntro>.content>.txt .decoImg>picture img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
  }

  .ui_boxIntro>.content>.txt>.ui_deco_inline01 {
    display: none
  }

  .ui_boxIntro.wide>.content {
    min-height: none;
    justify-content: center
  }

  .ui_boxIntro.wide>.content>.txt {
    min-width: 100%;
    max-width: 100%;
    min-height: calc(550/750*100vw) !important
  }

  .ui_boxIntro.wide>.content>.txt .decoImg {
    overflow: hidden;
    max-width: 100% !important;
    margin-bottom: calc(30/750*100vw);
    width: 100%;
    height: auto;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto
  }

  .ui_boxIntro.wide>.content>.txt .decoImg img {
    max-width: 100% !important
  }
}

.ui_boxIntro02 {
  max-width: calc(1100/1920*100vw);
  padding-bottom: calc(100/1920*100vw);
  margin: 0 auto calc(120/1920*100vw);
  position: relative;
  color: var(--ui-boxintro02-txt-font-color)
}

.ui_boxIntro02>:first-child {
  margin-top: 0
}

.ui_boxIntro02>:last-child {
  margin-bottom: 0
}

.ui_boxIntro02::before {
  position: absolute;
  content: "";
  left: -50%;
  top: calc(46/1920*100vw);
  bottom: 0;
  background-color: #edf4fa;
  height: auto;
  width: 0;
  z-index: -1;
  overflow: hidden
}

.ui_boxIntro02>.ui_tit03>.wrap>div>.ja,
.ui_boxIntro02>.ui_tit03>.wrap>span>.ja {
  color: var(--ui-tit03-font-ja-color);
  margin-top: calc(15/1920*100vw)
}

.ui_boxIntro02.main-ja {
  padding-bottom: calc(120/1920*100vw)
}

.ui_boxIntro02.main-ja .ui_tit03 {
  top: calc(-10/1920*100vw);
  position: relative
}

.ui_boxIntro02.main-ja .ui_tit03>.wrap>div>.en,
.ui_boxIntro02.main-ja .ui_tit03>.wrap>span>.en {
  order: 2;
  letter-spacing: .04rem;
  font-size: 1.25rem
}

.ui_boxIntro02.main-ja .ui_tit03>.wrap>div>.ja,
.ui_boxIntro02.main-ja .ui_tit03>.wrap>span>.ja {
  order: 1;
  letter-spacing: .075rem;
  margin-top: 0;
  font-size: 2.75rem
}

.ui_boxIntro02.main-ja .ui_tit03.h-title {
  top: calc(-15/1920*100vw)
}

.ui_boxIntro02.main-ja .ui_tit03.h-title>.wrap>div>.en,
.ui_boxIntro02.main-ja .ui_tit03.h-title>.wrap>span>.en {
  order: 0
}

.ui_boxIntro02.main-ja .ui_tit03.h-title>.wrap>div>.ja,
.ui_boxIntro02.main-ja .ui_tit03.h-title>.wrap>span>.ja {
  order: 1
}

.ui_boxIntro02.main-ja::before {
  top: calc(20/1920*100vw)
}

.ui_boxIntro02>.content {
  position: relative;
  padding: 0 calc(200/1920*100vw)
}

.ui_boxIntro02>.content>.pic {
  position: absolute
}

.ui_boxIntro02>.content>.pic.left {
  left: calc(-360/1920*100vw);
  top: calc(-84/1920*100vw)
}

.ui_boxIntro02>.content>.pic.left img {
  width: calc(448 / 1920 * 100vw) !important;
  height: calc(530 / 1920 * 100vw) !important;
}

.ui_boxIntro02>.content>.pic.right {
  right: calc(-360/1920*100vw);
  top: calc(-84/1920*100vw)
}

.ui_boxIntro02>.content>.pic.right img {
  width: calc(448 / 1920 * 100vw) !important;
  height: calc(530 / 1920 * 100vw) !important;
}

.ui_boxIntro02>.content>.txt:after,
.ui_boxIntro02>.content>.txt>p:after {
  content: "";
  display: block;
  clear: both
}

.ui_boxIntro02>.content>.txt>:first-child {
  margin-top: 0
}

.ui_boxIntro02>.content>.txt>:last-child {
  margin-bottom: 0
}

.ui_boxIntro02.normal::before {
  left: 0 !important;
  max-width: 100% !important
}

.ui_boxIntro02.normal>.ui_tit03 {
  margin-bottom: calc(105/1920*100vw)
}

.ui_boxIntro02.normal>.content {
  padding: 0 calc(290/1920*100vw)
}

.ui_boxIntro02.normal>.content>.pic.left {
  left: calc(-45/1920*100vw);
  top: calc(-150/1920*100vw)
}

.ui_boxIntro02.normal>.content>.pic.left img {
  width: calc(250/1920*100vw) !important;
  height: calc(530 / 1920 * 100vw) !important;
}

.ui_boxIntro02.normal>.content>.pic.right {
  right: calc(-55/1920*100vw);
  top: calc(-80/1920*100vw)
}

.ui_boxIntro02.normal>.content>.pic.right img {
  width: calc(330/1920*100vw) !important;
  height: calc(530 / 1920 * 100vw) !important;
}

.ui_boxIntro02.personality {
  padding-bottom: 0
}

.ui_boxIntro02.personality>.content {
  padding: 0
}

.ui_boxIntro02:has(.h-title)::before {
  top: calc(55/1920*100vw)
}

.ui_boxIntro02:has(.h-title)>.content>.pic.left,
.ui_boxIntro02:has(.h-title)>.content>.pic.right {
  top: calc(-47/1920*100vw)
}

.ui_boxIntro02:has(.h-title).normal>.content>.pic.left {
  top: calc(-70/1920*100vw)
}

.ui_boxIntro02:has(.h-title).normal>.content>.pic.right {
  top: calc(-10/1920*100vw)
}

@media (max-width:750px) {
  .ui_boxIntro02 {
    max-width: calc(750/750*100vw);
    margin: 0 auto calc(150/750*100vw);
    position: relative;
    padding: 0 calc(40/750*100vw)
  }

  .ui_boxIntro02::before {
    left: 0;
    top: calc(50/750*100vw)
  }

  .ui_boxIntro02>.ui_tit03 {
    margin-bottom: calc(77/750*100vw)
  }

  .ui_boxIntro02>.ui_tit03>.wrap>div>.en,
  .ui_boxIntro02>.ui_tit03>.wrap>span>.en {
    font-size: 2.0625rem;
    letter-spacing: .1em
  }

  .ui_boxIntro02>.ui_tit03>.wrap>div>.ja,
  .ui_boxIntro02>.ui_tit03>.wrap>span>.ja {
    font-size: 1.0625rem
  }

  .ui_boxIntro02>.ui_tit03.h-title>.wrap>div>.en,
  .ui_boxIntro02>.ui_tit03.h-title>.wrap>span>.en {
    margin-top: calc(16/750*100vw)
  }

  .ui_boxIntro02.main-ja {
    padding-bottom: unset
  }

  .ui_boxIntro02.main-ja .ui_tit03 {
    top: 0;
    margin-bottom: calc(73/750*100vw)
  }

  .ui_boxIntro02.main-ja .ui_tit03>.wrap>div>.en,
  .ui_boxIntro02.main-ja .ui_tit03>.wrap>span>.en {
    font-size: 1rem
  }

  .ui_boxIntro02.main-ja .ui_tit03>.wrap>div>.ja,
  .ui_boxIntro02.main-ja .ui_tit03>.wrap>span>.ja {
    font-size: 1.8125rem
  }

  .ui_boxIntro02.main-ja .ui_tit03.h-title>.wrap>div>.en,
  .ui_boxIntro02.main-ja .ui_tit03.h-title>.wrap>span>.en {
    margin-top: 0
  }

  .ui_boxIntro02.main-ja .ui_tit03.h-title>.wrap>div>.ja,
  .ui_boxIntro02.main-ja .ui_tit03.h-title>.wrap>span>.ja {
    margin-top: calc(16/750*100vw)
  }

  .ui_boxIntro02.main-ja::before {
    top: calc(55/750*100vw)
  }

  .ui_boxIntro02:has(.h-title)::before {
    top: calc(90/750*100vw)
  }

  .ui_boxIntro02>.content {
    padding: 0 0 calc(720/750*100vw) !important
  }

  .ui_boxIntro02>.content>.pic {
    display: flex;
    align-items: flex-end
  }

  .ui_boxIntro02>.content>.pic.left {
    left: calc(-5/750*100vw) !important;
    top: auto;
    bottom: calc(90/750*100vw)
  }

  .ui_boxIntro02>.content>.pic.right {
    right: calc(-7/750*100vw) !important;
    top: auto;
    bottom: calc(105/750*100vw)
  }

  .ui_boxIntro02>.content>.pic.right img,
  .ui_boxIntro02>.content>.pic.left img {
    width: calc(448 / 750 * 100vw) !important;
    height: calc(530 / 750 * 100vw) !important;
  }

  .ui_boxIntro02.normal>.ui_tit03 {
    margin-bottom: calc(77/750*100vw)
  }

  .ui_boxIntro02.normal>.content {
    padding-bottom: calc(400/750*100vw) !important
  }

  .ui_boxIntro02.normal>.content>.pic {
    width: calc(320/750*100vw);
    height: calc(240/750*100vw);
    overflow: hidden
  }

  .ui_boxIntro02.normal>.content>.pic img {
    position: absolute;
    height: auto;
    top: 0
  }

  .ui_boxIntro02.normal>.content>.pic.left {
    left: calc(50/750*100vw);
    bottom: calc(90/750*100vw);
    top: auto !important
  }

  .ui_boxIntro02.normal>.content>.pic.left img {
    width: 135% !important;
    height: auto !important;
    right: 0;
    top: calc(-100/750*100vw)
  }

  .ui_boxIntro02.normal>.content>.pic.right {
    right: calc(50/750*100vw);
    top: auto !important;
    bottom: calc(90/750*100vw)
  }

  .ui_boxIntro02.normal>.content>.pic.right img {
    width: 140% !important;
    height: auto !important;
    left: 0
  }

  .ui_boxIntro02.personality {
    padding-bottom: calc(180/750*100vw)
  }
}

.ui_boxIntro02::before {
  background-color: var(--ui-boxintro02-bg-color)
}

.ui_boxIntro02.anim_bur,
.ui_boxIntro02.anim_bur.is_show {
  transform: unset
}

.ui_boxIntro02.anim_bur::before {
  transition: width .8s cubic-bezier(.41, .05, .94, .65)
}

.ui_boxIntro02.anim_bur.is_show::before {
  width: 200%
}

@media (max-width:750px) {
  .ui_boxIntro02.anim_bur.is_show::before {
    width: 100%
  }
}

.ui_box01 {
  max-width: calc(1100/1920*100vw);
  margin: 0 auto calc(80/1920*100vw);
  color: var(--ui-box01-txt-font-color)
}

.ui_box01:after,
.ui_box01>p:after,
.ui_box02:after,
.ui_box02>p:after,
.ui_column01>.col02:after,
.ui_column01>.col02>p:after,
.ui_column01>.col03:after,
.ui_column01>.col03>p:after,
.ui_column01>.col04:after,
.ui_column01>.col04>p:after {
  content: "";
  display: block;
  clear: both
}

.ui_box01>:first-child {
  margin-top: 0
}

.ui_box01 .layout:last-child,
.ui_box01>:last-child {
  margin-bottom: 0
}

@media (min-width:751px) {
  .ui_box01.wide {
    max-width: 100%
  }
}

.ui_box01 .layout {
  margin-bottom: calc(58/1920*100vw);
  overflow: hidden
}

.ui_box01 .layout .lead {
  margin-bottom: calc(30/1920*100vw)
}

.ui_box01 .layout .annotation {
  font-size: .9375rem;
  text-indent: -1em;
  padding-left: 1em
}

.ui_box01 .layout .list {
  display: flex;
  justify-content: space-between
}

.ui_box01 .layout .list>li.col02 {
  width: 48%
}

.ds_design03 .ui_box01 img {
  border-radius: calc(20/1920*100vw)
}

@media (max-width:750px) {
  .ui_box01 {
    max-width: calc(670/750*100vw);
    margin: 0 auto calc(80/750*100vw)
  }

  .ui_box01 p {
    font-weight: 300;
    font-size: calc(32/750*100vw)
  }

  .ui_box01 .layout {
    margin-bottom: calc(20/750*100vw)
  }

  .ui_box01 .layout:last-child {
    margin-bottom: 0
  }

  .ui_box01 .layout .list {
    flex-direction: column
  }

  .ui_box01 .layout .list>li.col02 {
    width: 100%
  }

  .ui_box01 .layout .list>li.col02 .parking img {
    width: 100%;
    height: auto
  }

  .ui_box01 .layout .list>li:nth-child(n+2) {
    margin-top: calc(40/750*100vw)
  }

  .ds_design03 .ui_box01 img {
    border-radius: calc(40/750*100vw)
  }
}

.ui_box01.splide {
  max-width: calc(1150/1920*100vw);
  padding: 0 calc(25/1920*100vw);
  overflow: hidden
}

.ui_box01.splide .layout {
  overflow: visible !important
}

.ui_box01.splide .splide__track {
  position: relative;
  overflow: visible !important
}

.ui_box01.splide .splide__arrows {
  position: absolute;
  top: calc(50% - calc(23/1920*100vw));
  left: calc(50/1920*100vw);
  transform: translateY(-50%);
  z-index: 1
}

.ui_box01.splide .splide__arrows .splide__arrow--next,
.ui_box01.splide .splide__arrows .splide__arrow--prev {
  width: calc(46/1920*100vw);
  height: calc(46/1920*100vw);
  position: relative
}

.ui_box01.splide .splide__arrows .splide__arrow--next::before,
.ui_box01.splide .splide__arrows .splide__arrow--prev::before {
  content: "";
  display: block;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  width: 100%;
  height: 100%;
  border-radius: calc(4/1920*100vw);
  top: 0;
  left: 0;
  background: var(--ui-list-slider-arrow-bg-color);
  z-index: -1;
  transition: opacity .3s ease-in-out;
  opacity: .9
}

.ui_box01.splide .splide__arrows .splide__arrow--next::after,
.ui_box01.splide .splide__arrows .splide__arrow--prev::after {
  content: "";
  display: block;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  width: calc(8/1920*100vw);
  height: calc(8/1920*100vw);
  border-top: calc(3/1920*100vw) solid var(--ui-list-slider-arrow-color);
  border-right: calc(3/1920*100vw) solid var(--ui-list-slider-arrow-color);
  top: 50%;
  left: calc(50% + calc(2/1920*100vw));
  transform: translate(-50%, -50%) rotate(-135deg)
}

.ui_box01.splide .splide__arrows .splide__arrow--next[disabled],
.ui_box01.splide .splide__arrows .splide__arrow--prev[disabled] {
  pointer-events: none;
  opacity: .5
}

.ui_box01.splide .splide__arrows .splide__arrow--prev {
  left: calc(-73/1920*100vw)
}

.ui_box01.splide .splide__arrows .splide__arrow--next {
  left: calc(981/1920*100vw);
  transform: scaleX(-1)
}

@media (max-width:750px) {
  .ui_box01.splide {
    max-width: calc(750/750*100vw);
    padding: 0 calc(40/750*100vw);
    overflow: visible
  }

  .ui_box01.splide .splide__track {
    margin: 0 calc(80/750*100vw)
  }

  .ui_box01.splide .splide__arrows {
    position: absolute;
    top: calc(50% - calc(5/750*100vw));
    left: calc(50/750*100vw);
    transform: translateY(-50%);
    z-index: 1
  }

  .ui_box01.splide .splide__arrows .splide__arrow--next,
  .ui_box01.splide .splide__arrows .splide__arrow--prev {
    width: calc(92/750*100vw);
    height: calc(92/750*100vw)
  }

  .ui_box01.splide .splide__arrows .splide__arrow--next::before,
  .ui_box01.splide .splide__arrows .splide__arrow--prev::before {
    content: "";
    display: block;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    width: 100%;
    height: 100%;
    border-radius: calc(8/750*100vw)
  }

  .ui_box01.splide .splide__arrows .splide__arrow--next::after,
  .ui_box01.splide .splide__arrows .splide__arrow--prev::after {
    content: "";
    display: block;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    width: calc(18/750*100vw);
    height: calc(18/750*100vw);
    border-top: calc(5/750*100vw) solid var(--ui-list-slider-arrow-color);
    border-right: calc(5/750*100vw) solid var(--ui-list-slider-arrow-color);
    top: 50%;
    left: calc(50% + calc(4/750*100vw));
    transform: translate(-50%, -50%) rotate(-135deg)
  }

  .ui_box01.splide .splide__arrows .splide__arrow--prev {
    left: calc(-155/750*100vw)
  }

  .ui_box01.splide .splide__arrows .splide__arrow--next {
    left: calc(370/750*100vw)
  }
}

.ui_box02 {
  max-width: calc(1100/1920*100vw);
  margin: 0 auto calc(80/1920*100vw);
  color: var(--ui-box01-txt-font-color);
  margin-bottom: calc(120/1920*100vw)
}

.ui_box02>:first-child {
  margin-top: 0
}

.ui_box02 .layout:last-child,
.ui_box02>:last-child {
  margin-bottom: 0
}

@media (min-width:751px) {
  .ui_box02.wide {
    max-width: 100%
  }
}

.ui_box02 .layout {
  margin-bottom: calc(58/1920*100vw);
  overflow: hidden
}

.ui_box02 .layout .lead {
  margin-bottom: calc(30/1920*100vw)
}

.ui_box02 .layout .annotation {
  font-size: .9375rem;
  text-indent: -1em;
  padding-left: 1em
}

.ui_box02 .layout .list {
  display: flex;
  justify-content: space-between
}

.ui_box02 .layout .list>li.col02 {
  width: 48%
}

.ds_design03 .ui_box02 img,
.ds_design03 .ui_list_step01>li .pic picture {
  border-radius: calc(20/1920*100vw)
}

@media (max-width:750px) {
  .ui_box02 {
    max-width: calc(670/750*100vw);
    margin: 0 auto calc(80/750*100vw);
    margin-bottom: calc(100/750*100vw)
  }

  .ui_box02 p {
    font-weight: 300;
    font-size: calc(32/750*100vw)
  }

  .ui_box02 .layout {
    margin-bottom: calc(20/750*100vw)
  }

  .ui_box02 .layout:last-child {
    margin-bottom: 0
  }

  .ui_box02 .layout .list {
    flex-direction: column
  }

  .ui_box02 .layout .list>li.col02 {
    width: 100%
  }

  .ui_box02 .layout .list>li.col02 .parking img {
    width: 100%;
    height: auto
  }

  .ui_box02 .layout .list>li:nth-child(n+2) {
    margin-top: calc(40/750*100vw)
  }

  .ds_design03 .ui_box02 img {
    border-radius: calc(40/750*100vw)
  }
}

.ui_column01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

div+.ui_column01,
div+.ui_column02,
p+.ui_column01,
p+.ui_column02 {
  margin: calc(30/1920*100vw)0
}

.ui_column01:last-child {
  margin-bottom: 0
}

.ds_design03 .ui_boxWrap04>.container>.txt .pic>picture,
.ds_design03 .ui_column01 img,
.ds_design03 .ui_list_step02>li>.txt figure picture {
  border-radius: calc(22.5/1920*100vw)
}

.ui_column01>.col02,
.ui_column01>.col03,
.ui_column01>.col04 {
  flex: 0 1 auto;
  margin-top: calc(65/1920*100vw)
}

.ui_column01>.col02>:first-child,
.ui_column01>.col03>:first-child,
.ui_column01>.col04>:first-child {
  margin-top: 0
}

.ui_column01>.col02>:last-child,
.ui_column01>.col03>:last-child,
.ui_column01>.col04>:last-child {
  margin-bottom: 0
}

.ui_column01>.col02 img,
.ui_column01>.col03 img,
.ui_column01>.col04 img {
  min-width: calc(300/1920*100vw)
}

.ui_column01>.col02 {
  width: calc(50% - calc(30/1920*100vw));
  margin-right: calc(60/1920*100vw)
}

.ui_column01>.col02:nth-of-type(2n) {
  margin-right: 0
}

.ui_column01>.col02:first-child {
  margin-left: 0;
  margin-top: 0
}

.ui_column01>.col02:first-child+.col02 {
  margin-top: 0
}

.ui_column01>.col02>.txt {
  margin: calc(-52/1920*100vw) calc(20/1920*100vw)0
}

.ui_column01>.col03 {
  width: calc(33.3333333333% - calc(16.6666666667/1920*100vw));
  margin-right: calc(25/1920*100vw)
}

.ui_column01>.col03:nth-of-type(3n) {
  margin-right: 0
}

.ui_column01>.col03:first-child {
  margin-left: 0;
  margin-top: 0
}

.ui_column01>.col03:first-child+.col03,
.ui_column01>.col03:first-child+.col03+.col03 {
  margin-top: 0
}

.ui_column01>.col03>.txt {
  margin: calc(-47/1920*100vw) calc(20/1920*100vw)0
}

.ui_column01>.col04 {
  width: calc(25% - calc(18.75/1920*100vw));
  margin-right: calc(25/1920*100vw)
}

.ui_column01>.col04:nth-of-type(4n) {
  margin-right: 0
}

.ui_column01>.col04:first-child {
  margin-left: 0;
  margin-top: 0
}

.ui_column01>.col04:first-child+.col04,
.ui_column01>.col04:first-child+.col04+.col04,
.ui_column01>.col04:first-child+.col04+.col04+.col04 {
  margin-top: 0
}

.ui_column01>.col04 .pic {
  min-width: 100%;
  min-height: auto
}

.ui_column01>.col04 .pic img,
.ui_column02>.col04 .pic img {
  min-width: 100%
}

.ui_column01>.col04>.txt {
  margin: calc(-37/1920*100vw) calc(17/1920*100vw)0;
  padding: calc(24/1920*100vw);
  padding-bottom: 0
}

.ui_column01>.col04>.txt .tit {
  font-size: 1.125rem
}

.ui_column01.type-bg>li {
  background: #fffaea;
  padding-bottom: calc(20/1920*100vw)
}

.ui_column01.type-bg>li>.txt {
  padding-bottom: calc(24/1920*100vw)
}

@media (min-width:751px) {
  .wide .ui_column01>li.col02>.txt {
    margin: calc(-52/1920*100vw) 3.5vw 0
  }

  .wide .ui_column01>li.col03>.txt {
    margin: calc(-80/1920*100vw) 3.5vw 0
  }

  .wide .ui_column01>li.col04>.txt {
    margin: calc(-37/1920*100vw) calc(17/1920*100vw)0
  }

  .wide .ui_column01.type-bg>li {
    padding-bottom: 3.5vw
  }

  .wide .ui_column01.type-bg>li.col04 {
    padding-bottom: calc(17/1920*100vw) !important
  }
}

.ui_column01>li:nth-child(2) {
  transition-delay: 160ms
}

.ui_column01>li:nth-child(3) {
  transition-delay: 240ms
}

.ui_column01>li>.pic {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-width: calc(350/1920*100vw);
  min-height: calc(270/1920*100vw);
  background: rgba(249, 249, 249, .7)
}

.ui_column01>li>.pic img {
  min-width: calc(250/1920*100vw);
  width: 100%;
  height: auto
}

.ui_column01>li>.txt {
  position: relative;
  background-color: #fff;
  padding: calc(24/1920*100vw) calc(22/1920*100vw)0
}

.ui_column01>li>.txt .tit {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  font-size: 1.3125rem;
  text-align: left;
  line-height: 1.43;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding-left: calc(20/1920*100vw)
}

@media (max-width:750px) {
  .ui_column01>li>.txt .tit {
    letter-spacing: .05em
  }
}

.ui_column01>li>.txt .tit::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(5/1920*100vw);
  min-height: calc(30/1920*100vw);
  height: 100%
}

.ui_column01>li>.txt .tit.line02,
.ui_column02>li>.txt .tit.line02 {
  height: calc(50/1920*100vw)
}

.ui_column01>li>.txt .tit+* {
  margin-top: calc(14/1920*100vw)
}

.ui_column01>li>.txt p {
  font-size: 1rem;
  font-weight: 300;
  color: var(--ui-column01-txt-font-color)
}

@media (max-width:750px) {
  .ui_column01 {
    margin: 0 auto calc(46/750*100vw);
    justify-content: space-between
  }

  .ds_design03 .ui_column01 img {
    border-radius: calc(45/750*100vw)
  }

  .ui_column01>.col02,
  .ui_column01>.col03,
  .ui_column01>.col04 {
    width: 100%;
    margin-right: auto
  }

  .ui_column01>.col02:first-child,
  .ui_column01>.col03:first-child,
  .ui_column01>.col04:first-child {
    margin-top: 0
  }

  .ui_column01>.col02:nth-child(n+2),
  .ui_column01>.col03:nth-child(n+2),
  .ui_column01>.col04:nth-child(n+2) {
    margin-top: calc(83/750*100vw) !important
  }

  .ui_column01>.col02>.pic,
  .ui_column01>.col03>.pic,
  .ui_column01>.col04>.pic {
    margin: 0 auto
  }

  .ui_column01>.col02>.txt,
  .ui_column01>.col03>.txt,
  .ui_column01>.col04>.txt {
    margin: calc(-116/750*100vw) calc(40/750*100vw)0;
    padding: calc(50/750*100vw) calc(40/750*100vw)0
  }

  .ui_column01>.col02>.txt .tit,
  .ui_column01>.col03>.txt .tit,
  .ui_column01>.col04>.txt .tit {
    font-size: 1.125rem;
    display: block;
    margin-bottom: calc(38/750*100vw);
    color: #222
  }

  .ui_column01>.col02>.txt .tit.line02,
  .ui_column01>.col03>.txt .tit.line02,
  .ui_column01>.col04>.txt .tit.line02 {
    height: auto
  }

  .ui_column01 li>.pic {
    min-width: calc(670/750*100vw);
    min-height: calc(517/750*100vw)
  }

  .ui_column01 li>.pic img {
    width: 100%
  }

  .ui_column01 li>.txt .tit {
    padding-left: calc(40/750*100vw);
    line-height: 1.67;
    text-align: left
  }

  .ui_column01 li>.txt .tit::before {
    width: calc(10/750*100vw);
    min-height: calc(60/750*100vw)
  }

  .ui_column01.type-bg>li {
    padding-bottom: calc(50/750*100vw)
  }

  .ui_column01.type-bg>li>.txt {
    padding: calc(50/750*100vw) calc(40/750*100vw)
  }
}

.ui_column01.type-bg>li {
  background: var(--ui-column01-list-bg-color)
}

.ui_column01>li>.txt {
  background-color: var(--ui-column01-txt-bg-color)
}

.ui_column01>li>.txt .tit {
  color: var(--ui-column01-tit-font-color)
}

.ui_column01>li>.txt .tit::before {
  background-color: var(--ui-column01-tit-icon-color)
}

.ui_column02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.ui_column02:last-child {
  margin-bottom: 0
}

.ui_column02>.col02,
.ui_column02>.col03,
.ui_column02>.col04 {
  flex: 0 1 auto;
  margin-top: calc(65/1920*100vw)
}

.ui_column02>.col02:after,
.ui_column02>.col02>p:after,
.ui_column02>.col03:after,
.ui_column02>.col03>p:after,
.ui_column02>.col04:after,
.ui_column02>.col04>p:after {
  content: "";
  display: block;
  clear: both
}

.ui_column02>.col02>:first-child,
.ui_column02>.col03>:first-child,
.ui_column02>.col04>:first-child {
  margin-top: 0
}

.ui_column02>.col02>:last-child,
.ui_column02>.col03>:last-child,
.ui_column02>.col04>:last-child {
  margin-bottom: 0
}

.ui_column02>.col02 img,
.ui_column02>.col03 img,
.ui_column02>.col04 img {
  min-width: calc(300/1920*100vw)
}

.ui_column02>.col02 {
  width: calc(50% - calc(30/1920*100vw));
  margin-right: calc(60/1920*100vw)
}

.ui_column02>.col02:nth-of-type(2n) {
  margin-right: 0
}

.ui_column02>.col02:first-child {
  margin-left: 0;
  margin-top: 0
}

.ui_column02>.col02:first-child+.col02 {
  margin-top: 0
}

.ui_column02>.col02>.txt {
  margin: calc(-52/1920*100vw) calc(20/1920*100vw)0
}

.ui_column02>.col03 {
  width: calc(33.3333333333% - calc(16.6666666667/1920*100vw));
  margin-right: calc(25/1920*100vw)
}

.ui_column02>.col03:nth-of-type(3n) {
  margin-right: 0
}

.ui_column02>.col03:first-child {
  margin-left: 0;
  margin-top: 0
}

.ui_column02>.col03:first-child+.col03,
.ui_column02>.col03:first-child+.col03+.col03 {
  margin-top: 0
}

.ui_column02>.col03>.txt {
  margin: calc(-47/1920*100vw) calc(20/1920*100vw)0
}

.ui_column02>.col04 {
  width: calc(25% - calc(30/1920*100vw));
  margin-right: calc(40/1920*100vw)
}

.ui_column02>.col04:nth-of-type(4n) {
  margin-right: 0
}

.ui_column02>.col04:first-child {
  margin-left: 0;
  margin-top: 0
}

.ui_column02>.col04:first-child+.col04,
.ui_column02>.col04:first-child+.col04+.col04,
.ui_column02>.col04:first-child+.col04+.col04+.col04 {
  margin-top: 0
}

.ui_column02>.col04 .pic {
  min-width: 100%;
  min-height: auto
}

.ui_column02>li:nth-child(2) {
  transition-delay: 160ms
}

.ui_column02>li:nth-child(3) {
  transition-delay: 240ms
}

.ui_column02>li>.pic {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-width: calc(350/1920*100vw);
  min-height: calc(270/1920*100vw);
  background: rgba(249, 249, 249, .7)
}

.ui_column02>li>.pic img {
  min-width: calc(250/1920*100vw);
  width: 100%;
  height: auto
}

.ui_column02>li>.txt {
  position: relative;
  background-color: #fff;
  padding: calc(24/1920*100vw)0 0
}

.ui_column02>li>.txt .tit {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  margin-bottom: calc(12/1920*100vw);
  font-size: 1.3125rem;
  text-align: left;
  line-height: 1.43;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding-left: calc(25/1920*100vw)
}

@media (max-width:750px) {
  .ui_column02>li>.txt .tit {
    letter-spacing: .05em
  }
}

.ui_column02>li>.txt .tit::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(8/1920*100vw);
  display: block;
  width: calc(12/1920*100vw);
  min-height: auto;
  height: calc(12/1920*100vw)
}

.ui_column02>li>.txt p {
  font-size: 1rem;
  font-weight: 300;
  color: var(--ui-column01-txt-font-color)
}

@media (max-width:750px) {
  .ui_column02 {
    margin: 0 auto calc(46/750*100vw);
    justify-content: space-between
  }

  .ui_column02>.col02,
  .ui_column02>.col03,
  .ui_column02>.col04 {
    width: 100%;
    margin-right: auto
  }

  .ui_column02>.col02:first-child,
  .ui_column02>.col03:first-child,
  .ui_column02>.col04:first-child {
    margin-top: 0
  }

  .ui_column02>.col02:nth-child(n+2),
  .ui_column02>.col03:nth-child(n+2),
  .ui_column02>.col04:nth-child(n+2) {
    margin-top: calc(83/750*100vw) !important
  }

  .ui_column02>.col02>.pic,
  .ui_column02>.col03>.pic {
    margin: 0 auto
  }

  .ui_column02>.col02>.txt,
  .ui_column02>.col03>.txt {
    margin: calc(-116/750*100vw) calc(40/750*100vw)0;
    padding: calc(50/750*100vw) calc(40/750*100vw)0
  }

  .ui_column02>.col02>.txt .tit,
  .ui_column02>.col03>.txt .tit {
    font-size: 1.125rem;
    display: block;
    margin-bottom: calc(38/750*100vw);
    color: #222
  }

  .ui_column02>.col02>.txt .tit.line02,
  .ui_column02>.col03>.txt .tit.line02 {
    height: auto
  }

  .ui_column02 li>.pic {
    min-width: calc(670/750*100vw);
    min-height: calc(517/750*100vw)
  }

  .ui_column02 li>.pic img {
    width: 100%
  }

  .ui_column02 li>.txt .tit {
    padding-left: calc(52/750*100vw);
    line-height: 1.67;
    text-align: left
  }

  .ui_column02 li>.txt .tit::before {
    width: calc(25/750*100vw);
    min-height: calc(25/750*100vw);
    top: calc(24/750*100vw)
  }
}

.ui_column02>li>.txt {
  background-color: var(--ui-column01-txt-bg-color)
}

.ui_column02>li>.txt .tit {
  color: var(--ui-column01-tit-font-color)
}

.ui_column02>li>.txt .tit::before {
  background-color: var(--ui-column01-tit-icon-color)
}

.ui_column03 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: calc(62/1920*100vw) calc(60/1920*100vw);
  margin: 0
}

.ui_column03>li {
  grid-column: span 6;
  background-color: #fff;
  padding: calc(25/1920*100vw) calc(50/1920*100vw) calc(60/1920*100vw)
}

.ui_column03>li.col03 {
  grid-column: span 4
}

.ui_column03>li.col04 {
  grid-column: span 3
}

.ui_column03>li>.txt>.tit {
  text-align: center;
  border-bottom: 1px solid #000;
  margin-bottom: calc(30/1920*100vw);
  font-family: ds-font-jp;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: calc(10/1920*100vw)
}

@media (max-width:750px) {
  .ui_column03>li>.txt>.tit {
    letter-spacing: .05em
  }
}

.ui_column03.full,
.ui_list_voice01>li>.pic>.ico svg,
.ui_modal02.tabpanellist .tabpanel>.btn>a {
  display: block
}

.ui_column03.full>li>.txt>.tit {
  text-align: left
}

.ui_column03.full>li:nth-child(n+2) {
  margin-top: calc(50/1920*100vw)
}

@media (max-width:750px) {
  .ui_column03 {
    margin: calc(45/750*100vw)0
  }

  .ui_column03>li {
    grid-column: span 12 !important;
    gap: calc(60/750*100vw)0;
    padding: calc(30/750*100vw) calc(40/750*100vw) calc(50/750*100vw)
  }

  .ui_column03>li>.txt>.tit {
    padding-bottom: calc(10/750*100vw);
    border-bottom-width: calc(2/750*100vw);
    margin-bottom: calc(40/750*100vw)
  }
}

.ui_column03>li,
.ui_column03>li>.txt {
  background-color: var(--ui-column01-txt-bg-color)
}

.ui_column03>li>.txt .tit {
  color: var(--ui-column01-tit-font-color);
  border-bottom-color: var(--ui-column01-tit-icon-color)
}

.ui_column03>li>.txt p {
  color: var(--ui-column01-txt-font-color)
}

.ui_tit01 {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-bottom: calc(65/1920*100vw);
  line-height: 1.5
}

.ui_tit01>.en {
  color: #4fab2c;
  font-size: 1.6875rem;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  letter-spacing: calc(2/1920*100vw)
}

.ds_design02 .ui_tit01>.en,
.ds_design02 .ui_tit03>.wrap>div>.en,
.ds_design02 .ui_tit03>.wrap>span>.en {
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  font-style: normal
}

.ds_design03 .ui_tit01>.en,
.ds_design03 .ui_tit03>.wrap>div>.en,
.ds_design03 .ui_tit03>.wrap>span>.en,
.ui_tit01>.ja {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal
}

.ui_tit01>.ja {
  font-family: ds-font-jp;
  font-weight: 500;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  color: #000;
  font-size: 2.25rem
}

@media (max-width:750px) {
  .ui_tit01>.ja {
    letter-spacing: .05em
  }
}

.wide .ui_tit01 {
  text-align: left;
  margin-top: calc(-13/1920*100vw);
  margin-bottom: calc(50/1920*100vw)
}

.wide .ui_tit01>.en {
  margin-top: calc(10/1920*100vw);
  font-size: 1.25rem;
  letter-spacing: .075rem
}

.wide .ui_tit01>.ja {
  font-size: 1.875rem;
  letter-spacing: .075rem
}

.ui_tit01.h-title>.en,
.ui_tit03.h-title>.wrap>div>.en,
.ui_tit03.h-title>.wrap>span>.en {
  order: 0;
  margin-top: 0
}

.ui_tit01.h-title>.ja {
  order: 1;
  margin-top: calc(10/1920*100vw)
}

@media (max-width:750px) {
  .ui_tit01 {
    display: flex;
    flex-direction: column;
    writing-mode: horizontal-tb;
    position: relative;
    right: 0;
    top: 0;
    text-align: center;
    margin-bottom: calc(35/750*100vw)
  }

  .ui_tit01>.en {
    font-size: 1.1875rem;
    letter-spacing: calc(4/750*100vw);
    margin-top: -1px
  }

  .ui_tit01>.ja {
    font-size: 1.5rem;
    line-height: 1.5
  }

  .wide .ui_tit01 {
    text-align: center;
    margin-bottom: calc(25/750*100vw)
  }
}

.ui_tit01>.en {
  color: var(--ui-tit01-font-en-color)
}

.ui_tit01>.ja {
  color: var(--ui-tit01-font-ja-color)
}

.ui_tit02 {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  position: relative;
  font-size: 1.5rem;
  line-height: 1.5;
  padding: calc(13/1920*100vw) calc(30/1920*100vw) calc(13/1920*100vw) calc(59/1920*100vw);
  background: #4fab2c;
  margin-bottom: calc(50/1920*100vw);
  color: #fff;
  overflow: hidden;
  background: var(--ui-tit02-bg-color);
  color: var(--ui-tit02-font-ja-color)
}

@media (max-width:750px) {
  .ui_tit02 {
    letter-spacing: .05em
  }
}

.ds_design03 .ui_tit02 {
  border-radius: calc(30/1920*100vw)
}

:root .ui_tit02 {
  padding: calc(13/1920*100vw) calc(30/1920*100vw) calc(13/1920*100vw) calc(59/1920*100vw)
}

.ui_tit02::before {
  content: "";
  position: absolute;
  width: calc(20/1920*100vw);
  height: calc(3/1920*100vw);
  top: calc(30/1920*100vw);
  left: calc(20/1920*100vw);
  background-color: #fff
}

.ui_tit02.light {
  background: #edf6e9;
  color: #222;
  padding: calc(13/1920*100vw) calc(30/1920*100vw) calc(13/1920*100vw) calc(43/1920*100vw);
  margin-bottom: calc(46/1920*100vw)
}

:root .ui_tit02.light,
_:-ms-input-placeholder {
  padding: calc(16/1920*100vw) calc(30/1920*100vw) calc(11/1920*100vw) calc(43/1920*100vw)
}

.ui_tit02.light::before {
  top: calc(16/1920*100vw);
  bottom: calc(16/1920*100vw);
  width: calc(5/1920*100vw);
  height: auto;
  background-color: #4fab2c
}

.ui_tit02.clear {
  color: #000;
  padding-left: calc(28/1920*100vw);
  padding-top: 0;
  padding-bottom: 0
}

.ui_tit02.clear:before {
  left: 0;
  top: calc(17/1920*100vw);
  width: calc(15/1920*100vw);
  height: calc(4/1920*100vw);
  background-color: #4fab2c
}

.ui_tit02.blue {
  background: #3c93e5
}

.ui_tit02.blue.light {
  background: #edf4fa
}

.ui_tit02.blue.clear:before,
.ui_tit02.blue.light::before {
  background-color: #3c93e5
}

@media (max-width:750px) {
  .ui_tit02 {
    font-size: 1.25rem;
    line-height: 1.473;
    padding: calc(18/750*100vw) calc(30/750*100vw) calc(23/750*100vw) calc(109/750*100vw) !important;
    margin-bottom: calc(46/750*100vw)
  }

  .ds_design03 .ui_tit02 {
    border-radius: calc(60/750*100vw)
  }

  .ui_tit02::before {
    width: calc(40/750*100vw);
    height: calc(5/750*100vw);
    top: calc(46/750*100vw);
    left: calc(40/750*100vw)
  }

  .ui_tit02.light {
    padding: calc(20/750*100vw) calc(30/750*100vw) calc(20/750*100vw) calc(79/750*100vw) !important;
    margin-bottom: calc(50/750*100vw)
  }

  .ui_tit02.light::before {
    top: calc(20/750*100vw);
    bottom: calc(20/750*100vw);
    width: calc(10/750*100vw);
    height: auto
  }

  .ui_tit02.clear {
    padding: 0 0 0 calc(59/750*100vw) !important
  }

  .ui_tit02.clear:before {
    left: 0;
    top: calc(30/750*100vw);
    width: calc(30/750*100vw);
    height: calc(7/750*100vw)
  }
}

.ui_tit02::before {
  background-color: var(--ui-tit02-icon-color)
}

.ui_tit02.light {
  background: var(--ui-tit02-light-bg-color);
  color: var(--ui-tit02-light-font-ja-color)
}

.ui_tit02.light::before {
  background-color: var(--ui-tit02-light-icon-color)
}

.ui_tit02.clear {
  background: 0 0;
  color: var(--ui-tit02-clear-font-ja-color)
}

.ui_tit02.clear:before {
  background-color: var(--ui-tit02-clear-icon-color)
}

.ui_tit03 {
  text-align: center;
  margin-bottom: calc(77/1920*100vw)
}

.ui_tit03>.wrap {
  z-index: 999;
  display: flex;
  justify-content: center
}

.ui_tit03>.wrap>div,
.ui_tit03>.wrap>span {
  display: flex;
  flex-direction: column;
  line-height: 1.5
}

.ui_tit03>.wrap>div>.en,
.ui_tit03>.wrap>span>.en {
  order: 1;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 6.25rem;
  color: #000;
  letter-spacing: .55rem;
  margin-top: calc(20/1920*100vw);
  line-height: 1.5
}

.ui_tit03>.wrap>div>.ja,
.ui_tit03>.wrap>span>.ja {
  order: 0;
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  color: #010101;
  font-size: 1.25rem;
  margin-top: calc(-20/1920*100vw);
  letter-spacing: .075rem;
  line-height: 1.5
}

@media (max-width:750px) {

  .ui_tit03>.wrap>div>.ja,
  .ui_tit03>.wrap>span>.ja {
    letter-spacing: .05em
  }
}

.ui_tit03.h-title>.wrap>div>.ja,
.ui_tit03.h-title>.wrap>span>.ja {
  order: 1;
  margin-top: calc(24/1920*100vw)
}

@media (min-width:751px) and (max-width:1236px) {
  .ui_tit03 {
    left: calc(-20/1920*100vw)
  }
}

@media (max-width:750px) {
  .ui_tit03 {
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center
  }

  .ui_tit03>.wrap {
    z-index: 999;
    display: flex
  }

  .ui_tit03>.wrap>div,
  .ui_tit03>.wrap>span {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
    writing-mode: horizontal-tb;
    text-align: center
  }

  .ui_tit03>.wrap>div>.en,
  .ui_tit03>.wrap>span>.en {
    font-size: 2.0625rem;
    letter-spacing: calc(6/750*100vw);
    margin-top: calc(20/750*100vw)
  }

  .ui_tit03>.wrap>div>.ja,
  .ui_tit03>.wrap>span>.ja {
    font-size: 1.0625rem;
    margin-top: calc(-13/750*100vw);
    margin-left: 0
  }

  .ui_tit03.h-title>.wrap>div>.en,
  .ui_tit03.h-title>.wrap>span>.en {
    margin-top: 0 !important
  }

  .ui_tit03.h-title>.wrap>div>.ja,
  .ui_tit03.h-title>.wrap>span>.ja {
    margin-top: calc(24/750*100vw) !important
  }
}

.ui_tit03>.wrap>span>.en {
  color: var(--ui-tit03-font-en-color)
}

.ui_tit03>.wrap>span>.ja {
  color: var(--ui-tit03-font-ja-color)
}

.ui_tit04 {
  display: flex;
  flex-direction: column;
  position: relative
}

@media (min-width:751px) {
  .wide .ui_tit04 {
    width: calc(1100/1920*100vw);
    max-width: calc(1100/1920*100vw);
    margin: 0 auto calc(52/1920*100vw)
  }
}

.ui_tit04::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(68/1920*100vw);
  background-color: #fff;
  width: calc(50/1920*100vw);
  height: 1px
}

.ui_tit04>.en {
  order: 1;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.125rem;
  color: #fff;
  letter-spacing: calc(1.2/1920*100vw);
  padding-bottom: calc(13/1920*100vw);
  line-height: 1.5;
  margin-top: calc(40/1920*100vw)
}

.ds_design02 .ui_tit04>.en {
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  font-style: normal
}

.ds_design03 .ui_tit04>.en,
.ui_tit04>.ja {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal
}

.ui_tit04>.ja {
  order: 0;
  font-family: ds-font-jp;
  font-weight: 500;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  color: #fff;
  font-size: 1.875rem;
  line-height: 1.5
}

@media (max-width:750px) {
  .ui_tit04>.ja {
    letter-spacing: .05em
  }
}

.ui_tit08.main-ja.h-title>.en {
  order: 0;
  margin-top: 0
}

@media (max-width:750px) {
  .ui_tit04 {
    text-align: center;
    margin-bottom: calc(15/750*100vw)
  }

  .ui_tit04::before {
    left: calc(50% - calc(50/750*100vw));
    top: calc(95/750*100vw);
    width: calc(100/750*100vw);
    height: calc(2/750*100vw)
  }

  .ui_tit04>.en {
    font-size: 1rem;
    letter-spacing: calc(2.2/750*100vw);
    padding-bottom: calc(13/750*100vw);
    margin-top: calc(40/750*100vw)
  }

  .ui_tit04>.ja {
    font-size: 1.5rem
  }

  .ui_tit04.h-title::before {
    top: calc(70/750*100vw)
  }

  .ui_tit04.h-title>.en {
    margin-top: 0
  }

  .ui_tit04.h-title>.ja {
    margin-top: calc(40/750*100vw)
  }
}

.ui_tit04::before {
  background-color: var(--ui-tit04-border-color)
}

.ui_tit04>.en {
  color: var(--ui-tit04-font-en-color)
}

.ui_tit04>.ja {
  margin-top: 0 !important;
  color: var(--ui-tit04-font-ja-color)
}

.ui_tit04.h-title::before {
  top: calc(45/1920*100vw) !important
}

.ui_tit04.h-title>.en {
  order: 0;
  margin-top: 0 !important;
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em
}

@media (max-width:750px) {
  .ui_tit04.h-title>.en {
    letter-spacing: .05em
  }
}

.ui_tit04.h-title>.ja {
  order: 1;
  margin-top: calc(30/1920*100vw) !important;
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em
}

@media (max-width:750px) {
  .ui_tit04.h-title>.ja {
    letter-spacing: .05em
  }

  .ui_tit04::before {
    top: calc(86/750*100vw)
  }

  .ui_tit04.h-title::before {
    top: calc(70/750*100vw)
  }
}

.ui_tit05,
.ui_tit05 .en {
  display: flex;
  justify-content: center;
  position: relative
}

.ui_tit05 {
  flex-direction: column;
  text-align: center;
  margin-bottom: calc(75/1920*100vw)
}

.ui_tit05 .en {
  color: #4fab2c;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 5.625rem;
  letter-spacing: .1em;
  line-height: 1.5
}

.ds_design02 .ui_tit05 .en {
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  font-style: normal
}

.ds_design03 .ui_tit05 .en {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal
}

.ui_tit05 .ja,
.ui_tit05.h-title .en {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em
}

.ui_tit05 .ja {
  font-size: 1.25rem;
  line-height: 1.5;
  margin-top: calc(12/1920*100vw)
}

@media (max-width:750px) {
  .ui_tit05 .ja {
    letter-spacing: .05em
  }
}

@media (max-width:750px) {
  .ui_tit05 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin-bottom: calc(20/750*100vw)
  }

  .ui_tit05 .en {
    font-size: 3.125rem
  }

  .ui_tit05 .en:before {
    bottom: calc(-16/750*100vw);
    width: calc(100/750*100vw);
    height: calc(2/750*100vw)
  }

  .ui_tit05 .ja {
    font-size: 1.125rem;
    margin-top: calc(45/750*100vw)
  }
}

.ui_tit05 .en {
  order: 1;
  color: var(--ui-tit05-font-en-color)
}

.ui_tit05 .en:before {
  background-color: var(--ui-tit05-border-color)
}

.ui_tit05 .ja {
  order: 0;
  color: var(--ui-tit05-font-ja-color)
}

.ui_tit05.h-title .en {
  order: 0
}

@media (max-width:750px) {
  .ui_tit05.h-title .en {
    letter-spacing: .05em
  }
}

.ui_tit05.h-title .ja,
.ui_tit06 {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em
}

.ui_tit05.h-title .ja {
  order: 1
}

@media (max-width:750px) {
  .ui_tit05.h-title .ja {
    letter-spacing: .05em
  }
}

.ui_tit06 {
  position: relative;
  font-size: 1.875rem;
  line-height: 1.5;
  padding: calc(40/1920*100vw)0;
  background: #4fab2c;
  margin-bottom: calc(70/1920*100vw);
  color: #fff;
  text-align: center;
  background: var(--ui-tit06-bg-color);
  color: var(--ui-tit06-font-ja-color)
}

@media (max-width:750px) {
  .ui_tit06 {
    letter-spacing: .05em
  }
}

.ui_tit06::before {
  position: absolute;
  content: "";
  left: calc(-410/1920*100vw);
  top: 0;
  bottom: 0;
  background-color: #4fab2c;
  width: calc(1920/1920*100vw);
  height: auto;
  z-index: -1;
  overflow: hidden
}

.ui_tit06::after {
  content: "";
  display: block;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(20/1920*100vw) calc(25/1920*100vw)0;
  border-color: #50ab2c transparent transparent;
  bottom: calc(-20/1920*100vw);
  left: 50%;
  margin-left: calc(-23/1920*100vw)
}

@media (max-width:750px) {
  .ui_tit06 {
    font-size: 1.25rem;
    line-height: 1.5;
    padding: calc(40/750*100vw)0;
    background: #4fab2c;
    margin-bottom: calc(70/750*100vw);
    text-align: center
  }

  .ui_tit06::before {
    position: absolute;
    content: "";
    left: calc(-410/750*100vw);
    top: 0;
    bottom: 0;
    width: calc(1920/750*100vw);
    height: auto;
    z-index: -1;
    overflow: hidden
  }

  .ui_tit06::after {
    content: "";
    display: block;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(40/750*100vw) calc(50/750*100vw)0;
    bottom: calc(-30/750*100vw);
    left: 50%;
    margin-left: calc(-50/750*100vw)
  }
}

.ui_tit06::before {
  background-color: var(--ui-tit06-bg-color)
}

.ui_tit06::after {
  border-color: var(--ui-tit06-bg-color) transparent transparent transparent
}

.ui_tit07 {
  font-family: ds-font-jp;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  font-size: 1.125rem;
  font-weight: 400;
  padding-bottom: calc(10/1920*100vw);
  margin-bottom: calc(35/1920*100vw);
  line-height: 1.5;
  border-bottom: 1px solid #222;
  border-color: var(--ui-tit07-border-color);
  color: var(--ui-tit07-font-ja-color)
}

@media (max-width:750px) {
  .ui_tit07 {
    letter-spacing: .05em;
    padding-bottom: calc(20/750*100vw);
    margin-bottom: calc(45/750*100vw);
    border-bottom: calc(2/750*100vw) solid #222;
    border-color: var(--ui-tit07-border-color)
  }
}

.ui_tit08 {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  line-height: 1.5;
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 9;
  margin-bottom: calc(58/1920*100vw);
  margin-top: calc(-20/1920*100vw);
  text-align: center
}

@media (max-width:750px) {
  .ui_tit08 {
    letter-spacing: .05em
  }
}

.ui_tit08>.en {
  letter-spacing: .55rem
}

.ui_tit08>.ja {
  letter-spacing: .075rem
}

@media (max-width:750px) {
  .ui_tit08>.ja {
    letter-spacing: .05em
  }
}

.ui_tit08.main-ja {
  margin-bottom: calc(47/1920*100vw)
}

.ui_tit08.main-ja>.en {
  order: 2;
  font-size: 1.25rem;
  letter-spacing: .04rem;
  margin-top: calc(24/1920*100vw)
}

.ui_tit08.main-ja>.ja {
  order: 1;
  font-size: 2.75rem;
  letter-spacing: .075rem
}

.ui_tit08.main-ja.h-title>.ja {
  order: 1;
  margin-top: calc(24/1920*100vw)
}

@media (max-width:750px) {
  .ui_tit08 {
    width: 100%;
    line-height: 1.5;
    writing-mode: horizontal-tb;
    display: flex;
    flex-direction: column;
    position: relative;
    top: 0;
    right: 0;
    text-align: center;
    margin-bottom: calc(68/750*100vw)
  }

  .ui_tit08>.en {
    font-size: 3.125rem;
    letter-spacing: .075rem
  }

  .ui_tit08>.ja {
    font-size: 1.125rem;
    letter-spacing: .05rem;
    margin-left: 0;
    margin-top: calc(13/750*100vw)
  }

  .ui_tit08.main-ja {
    margin-bottom: calc(60/750*100vw)
  }

  .ui_tit08.main-ja>.en {
    font-size: 1rem;
    margin-top: calc(31/750*100vw)
  }

  .ui_tit08.main-ja>.ja {
    font-size: 1.8125rem;
    margin-top: 0
  }

  .ui_tit08.main-ja.h-title>.en {
    order: 0;
    margin-top: 0
  }

  .ui_tit08.main-ja.h-title>.ja {
    order: 1;
    margin-top: calc(31/750*100vw)
  }
}

.ui_tit08>.en {
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 1.5;
  order: 1;
  font-size: 1.5625rem;
  color: var(---ui-tit08-title-en-font-color)
}

.ds_design02 .ui_boxWrap03>.container>.txt>.tit>.en,
.ds_design02 .ui_tit08>.en {
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  font-style: normal
}

.ds_design03 .ui_boxWrap03>.container>.txt>.tit>.en,
.ds_design03 .ui_tit08>.en,
.ui_tit08>.ja {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal
}

.ui_tit08>.ja {
  font-family: ds-font-jp;
  font-weight: 500;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  order: 0;
  font-size: 2.5rem;
  color: var(--ui-tit08-title-ja-font-color)
}

@media (max-width:750px) {
  .ui_tit08>.ja {
    letter-spacing: .05em
  }
}

.ui_tit08.h-title>.en {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  order: 0
}

@media (max-width:750px) {
  .ui_tit08.h-title>.en {
    letter-spacing: .05em
  }
}

.ui_tit08.h-title>.ja {
  order: 1
}

@media (max-width:750px) {
  .ui_tit08 {
    writing-mode: horizontal-tb
  }

  .ui_tit08>.en {
    font-size: 3.125rem
  }

  .ui_tit08>.ja {
    font-size: 1.125rem
  }

  .pic_l,
  .pic_m {
    display: block;
    float: none;
    margin: calc(20/750*100vw)0;
    width: 100%;
    height: auto
  }

  .pic_m {
    margin: 0 auto calc(40/750*100vw)
  }
}

.ui_table01,
.ui_table02,
.ui_table03 {
  width: 100%;
  border-collapse: separate;
  margin: 0 0 calc(50/1920*100vw)
}

.ui_table01:last-child,
.ui_table02:last-child,
.ui_table03:last-child {
  margin-bottom: 0
}

.ui_table01.vertical-line thead tr td,
.ui_table01.vertical-line thead tr th {
  border-right: 1px solid var(--ui-table01-th-border-color02)
}

.ui_table01.vertical-line thead tr td:last-child,
.ui_table01.vertical-line thead tr th:last-child {
  border-width: 0
}

.ui_table01.vertical-line tbody tr td {
  border-right: 1px solid var(--ui-table01-th-border-color)
}

.ui_table01.vertical-line tbody tr td:last-child,
.ui_table01.vertical-line tbody tr:last-child td:last-child {
  border-right: none
}

.ui_table01.vertical-line tbody tr:last-child td {
  border-right: 1px solid var(--ui-table01-th-border-color)
}

.ui_table01 td,
.ui_table01 th {
  font-weight: 400;
  padding: calc(21/1920*100vw) calc(20/1920*100vw) calc(17/1920*100vw) calc(29/1920*100vw);
  vertical-align: middle
}

.ui_table01 caption {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  color: var(--ui-table01-title-font-color);
  font-size: 1.25rem;
  letter-spacing: .075rem;
  background-color: var(--ui-table01-title-bg-color);
  text-align: center;
  padding: calc(10/1920*100vw) calc(25/1920*100vw)
}

@media (max-width:750px) {
  .ui_table01 caption {
    letter-spacing: .05em
  }
}

.ui_table01 thead tr:first-child td,
.ui_table01 thead tr:first-child th {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  letter-spacing: .075rem
}

@media (max-width:750px) {

  .ui_table01 thead tr:first-child td,
  .ui_table01 thead tr:first-child th {
    letter-spacing: .05em
  }
}

.ds_design03 .ui_table01 thead tr:first-child td:first-child,
.ds_design03 .ui_table01 thead tr:first-child th:first-child {
  border-radius: calc(27.5/1920*100vw) calc(27.5/1920*100vw)0 0
}

.ui_table01 thead tr td,
.ui_table01 thead tr th {
  color: var(--ui-table01-title-font-color);
  font-weight: 500;
  font-size: 1.25rem;
  background-color: var(--ui-table01-title-bg-color);
  text-align: center;
  padding: calc(10/1920*100vw) calc(25/1920*100vw)
}

.ui_table01 tbody td.borderN,
.ui_table01 tbody th.borderN,
.ui_table01 thead tr td.borderN,
.ui_table01 thead tr th.borderN {
  border-width: 0 !important
}

.ui_table01 thead tr td.borderR,
.ui_table01 thead tr th.borderR {
  border-right: 1px solid var(--ui-table01-th-border-color02) !important
}

.ui_table01 thead tr td.borderL,
.ui_table01 thead tr th.borderL {
  border-left: 1px solid var(--ui-table01-th-border-color02) !important
}

.ui_table01 thead tr td.borderT,
.ui_table01 thead tr th.borderT {
  border-top: 1px solid var(--ui-table01-th-border-color02) !important
}

.ui_table01 thead tr td.border,
.ui_table01 thead tr th.border {
  border-bottom: 1px solid var(--ui-table01-th-border-color02) !important
}

.ui_table01 tbody th,
.ui_table02 tbody th,
.ui_table03 tbody th {
  background-color: var(--ui-table01-th-bg-color);
  border: 1px solid var(--ui-table01-th-border-color);
  border-width: 1px 0 0;
  color: var(--ui-table01-th-font-color);
  text-align: left;
  font-size: 1rem;
  width: 18.2%;
  font-weight: 300
}

.ui_table01 tbody td,
.ui_table02 tbody td,
.ui_table03 tbody td {
  background-color: var(--ui-table01-td-bg-color);
  border: 1px solid var(--ui-table01-td-border-color);
  border-width: 1px 0 0;
  color: var(--ui-table01-td-font-color);
  font-size: 1rem;
  padding: calc(16/1920*100vw) calc(61/1920*100vw) calc(14/1920*100vw);
  line-height: 1.9375
}

.ui_table01 tbody td.borderR,
.ui_table01 tbody th.borderR {
  border-right: 1px solid var(--ui-table01-th-border-color) !important
}

.ui_table01 tbody td.borderL,
.ui_table01 tbody th.borderL {
  border-left: 1px solid var(--ui-table01-th-border-color) !important
}

.ui_table01 tbody td.borderT,
.ui_table01 tbody th.borderT {
  border-top: 1px solid var(--ui-table01-th-border-color) !important
}

.ui_table01 tbody td.border,
.ui_table01 tbody th.border {
  border-bottom: 1px solid var(--ui-table01-th-border-color) !important
}

.ui_table01 tbody tr:last-child td,
.ui_table01 tbody tr:last-child th {
  border-width: 1px 0
}

@media (max-width:750px) {

  .ui_table01.vertical-line thead tr td,
  .ui_table01.vertical-line thead tr th {
    border-right: none;
    border-bottom: 1px solid var(--ui-table01-th-border-color02)
  }

  .ui_table01.vertical-line thead tr td:last-child,
  .ui_table01.vertical-line thead tr th:last-child {
    border-width: 0
  }

  .ui_table01.vertical-line tbody tr td {
    border-right: none
  }

  .ui_table01.vertical-line tbody tr:last-child td,
  .ui_table01.vertical-line tbody tr:last-child td:last-child {
    border-right: none
  }

  .ui_table01 td,
  .ui_table01 th {
    padding: calc(26/750*100vw) calc(20/750*100vw) calc(24/750*100vw);
    width: 100% !important;
    display: block
  }

  .ui_table01 caption,
  .ui_table01 thead tr td,
  .ui_table01 thead tr th {
    font-size: 1.1875rem;
    padding: calc(19/750*100vw) calc(25/750*100vw) calc(25/750*100vw)
  }

  .ds_design03 .ui_table01 thead tr:first-child td:first-child,
  .ds_design03 .ui_table01 thead tr:first-child th:first-child {
    border-radius: calc(55/750*100vw) calc(55/750*100vw)0 0
  }

  .ui_table01 thead tr:last-child th:last-child {
    border-width: 0 !important
  }

  .ui_table01 thead tr td.borderN,
  .ui_table01 thead tr th.borderN {
    border-width: 0 !important
  }

  .ui_table01 thead tr td.borderR,
  .ui_table01 thead tr th.borderR {
    border-right: calc(2/750*100vw) solid var(--ui-table01-th-border-color02) !important
  }

  .ui_table01 thead tr td.borderL,
  .ui_table01 thead tr th.borderL {
    border-left: calc(2/750*100vw) solid var(--ui-table01-th-border-color02) !important
  }

  .ui_table01 thead tr td.borderT,
  .ui_table01 thead tr th.borderT {
    border-top: calc(2/750*100vw) solid var(--ui-table01-th-border-color02) !important
  }

  .ui_table01 thead tr td.border,
  .ui_table01 thead tr th.border {
    border-bottom: calc(2/750*100vw) solid var(--ui-table01-th-border-color02) !important
  }

  .ui_table01 tbody tr th {
    border: calc(2/750*100vw) solid var(--ui-table01-th-border-color);
    border-width: calc(2/750*100vw)0 0;
    font-size: 1.0625rem;
    width: 20.4%;
    text-align: center;
    letter-spacing: calc(-2/750*100vw)
  }

  .ui_table01 tbody tr td {
    border: calc(2/750*100vw) solid var(--ui-table01-td-border-color);
    border-width: calc(2/750*100vw)0 0;
    font-size: 1rem;
    padding: calc(28/750*100vw) calc(39/750*100vw);
    line-height: 1.75
  }

  .ui_table01 tbody tr td.borderN,
  .ui_table01 tbody tr th.borderN {
    border-width: 0 !important
  }

  .ui_table01 tbody tr td.borderR,
  .ui_table01 tbody tr th.borderR {
    border-right: calc(2/750*100vw) solid var(--ui-table01-th-border-color) !important
  }

  .ui_table01 tbody tr td.borderL,
  .ui_table01 tbody tr th.borderL {
    border-left: calc(2/750*100vw) solid var(--ui-table01-th-border-color) !important
  }

  .ui_table01 tbody tr td.borderT,
  .ui_table01 tbody tr th.borderT {
    border-top: calc(2/750*100vw) solid var(--ui-table01-th-border-color) !important
  }

  .ui_table01 tbody tr td.border,
  .ui_table01 tbody tr th.border {
    border-bottom: calc(2/750*100vw) solid var(--ui-table01-th-border-color) !important
  }

  .ui_table01 tbody tr:last-child th {
    border-width: calc(2/750*100vw)0 0 !important
  }

  .ui_table01 tbody tr:last-child td:last-child {
    border-width: 0 0 calc(2/750*100vw) !important
  }
}

.ui_table02.vertical-line thead tr td,
.ui_table02.vertical-line thead tr th {
  border-right: 1px solid var(--ui-table01-th-border-color02)
}

.ui_table02.vertical-line thead tr td:last-child,
.ui_table02.vertical-line thead tr th:last-child {
  border-width: 0
}

.ui_table02.vertical-line tbody tr td {
  border-right: 1px solid var(--ui-table01-th-border-color)
}

.ui_table02.vertical-line tbody tr td:last-child,
.ui_table02.vertical-line tbody tr:last-child td:last-child {
  border-right: none
}

.ui_table02.vertical-line tbody tr:last-child td {
  border-right: 1px solid var(--ui-table01-th-border-color)
}

.ui_table02 td,
.ui_table02 th {
  font-weight: 400;
  padding: calc(21/1920*100vw) calc(20/1920*100vw) calc(17/1920*100vw) calc(29/1920*100vw);
  vertical-align: middle
}

.ui_table02 caption {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  color: var(--ui-table01-title-font-color);
  font-size: 1.25rem;
  letter-spacing: .075rem;
  background-color: var(--ui-table01-title-bg-color);
  text-align: center;
  padding: calc(10/1920*100vw) calc(25/1920*100vw)
}

@media (max-width:750px) {
  .ui_table02 caption {
    letter-spacing: .05em
  }
}

.ui_table02 thead tr:first-child td,
.ui_table02 thead tr:first-child th {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  letter-spacing: .075rem
}

@media (max-width:750px) {

  .ui_table02 thead tr:first-child td,
  .ui_table02 thead tr:first-child th {
    letter-spacing: .05em
  }
}

.ds_design03 .ui_table02 thead tr:first-child td:first-child,
.ds_design03 .ui_table02 thead tr:first-child th:first-child {
  border-radius: calc(27.5/1920*100vw) calc(27.5/1920*100vw)0 0
}

.ui_table02 thead tr td,
.ui_table02 thead tr th {
  color: var(--ui-table01-title-font-color);
  font-weight: 500;
  font-size: 1.25rem;
  background-color: var(--ui-table01-title-bg-color);
  text-align: center;
  padding: calc(10/1920*100vw) calc(25/1920*100vw)
}

.ui_table02 tbody td.borderN,
.ui_table02 tbody th.borderN,
.ui_table02 thead tr td.borderN,
.ui_table02 thead tr th.borderN {
  border-width: 0 !important
}

.ui_table02 thead tr td.borderR,
.ui_table02 thead tr th.borderR {
  border-right: 1px solid var(--ui-table01-th-border-color02) !important
}

.ui_table02 thead tr td.borderL,
.ui_table02 thead tr th.borderL {
  border-left: 1px solid var(--ui-table01-th-border-color02) !important
}

.ui_table02 thead tr td.borderT,
.ui_table02 thead tr th.borderT {
  border-top: 1px solid var(--ui-table01-th-border-color02) !important
}

.ui_table02 thead tr td.border,
.ui_table02 thead tr th.border {
  border-bottom: 1px solid var(--ui-table01-th-border-color02) !important
}

.ui_table02 thead tr th {
  border: 1px solid var(--ui-table01-th-border-color02);
  border-width: 0 1px 0 0
}

.ui_table02 tbody td.borderR,
.ui_table02 tbody th.borderR {
  border-right: 1px solid var(--ui-table01-th-border-color) !important
}

.ui_table02 tbody td.borderL,
.ui_table02 tbody th.borderL {
  border-left: 1px solid var(--ui-table01-th-border-color) !important
}

.ui_table02 tbody td.borderT,
.ui_table02 tbody th.borderT {
  border-top: 1px solid var(--ui-table01-th-border-color) !important
}

.ui_table02 tbody td.border,
.ui_table02 tbody th.border {
  border-bottom: 1px solid var(--ui-table01-th-border-color) !important
}

.ui_table02 tbody tr:last-child td,
.ui_table02 tbody tr:last-child th {
  border-width: 1px 0
}

@media (max-width:750px) {

  .ui_table02.vertical-line thead tr td,
  .ui_table02.vertical-line thead tr th {
    border-right: calc(2/750*100vw) solid var(--ui-table01-th-border-color02)
  }

  .ui_table02.vertical-line thead tr td:last-child,
  .ui_table02.vertical-line thead tr th:last-child {
    border-width: 0
  }

  .ui_table02.vertical-line tbody tr td {
    border-right: calc(2/750*100vw) solid var(--ui-table01-th-border-color)
  }

  .ui_table02.vertical-line tbody tr td:last-child td,
  .ui_table02.vertical-line tbody tr:last-child td {
    border-right: calc(2/750*100vw) solid var(--ui-table01-th-border-color)
  }

  .ui_table02.vertical-line tbody tr td:last-child td:last-child,
  .ui_table02.vertical-line tbody tr:last-child td:last-child {
    border-right: none
  }

  .ui_table02 td,
  .ui_table02 th {
    padding: calc(26/750*100vw) calc(20/750*100vw) calc(24/750*100vw);
    display: table-cell
  }

  .ui_table02 caption,
  .ui_table02 thead tr td,
  .ui_table02 thead tr th {
    font-size: 1.1875rem;
    padding: calc(19/750*100vw) calc(25/750*100vw) calc(25/750*100vw)
  }

  .ds_design03 .ui_table02 thead tr:first-child td:first-child,
  .ds_design03 .ui_table02 thead tr:first-child th:first-child {
    border-radius: calc(55/750*100vw) calc(55/750*100vw)0 0
  }

  .ui_table02 thead tr td.borderN,
  .ui_table02 thead tr th.borderN {
    border-width: 0 !important
  }

  .ui_table02 thead tr td.borderR,
  .ui_table02 thead tr th.borderR {
    border-right: calc(2/750*100vw) solid var(--ui-table01-th-border-color02) !important
  }

  .ui_table02 thead tr td.borderL,
  .ui_table02 thead tr th.borderL {
    border-left: calc(2/750*100vw) solid var(--ui-table01-th-border-color02) !important
  }

  .ui_table02 thead tr td.borderT,
  .ui_table02 thead tr th.borderT {
    border-top: calc(2/750*100vw) solid var(--ui-table01-th-border-color02) !important
  }

  .ui_table02 thead tr td.border,
  .ui_table02 thead tr th.border {
    border-bottom: calc(2/750*100vw) solid var(--ui-table01-th-border-color02) !important
  }

  .ui_table02 thead tr th {
    border-width: 0 calc(2/750*100vw)0 0
  }

  .ui_table02 tbody tr th {
    border: calc(2/750*100vw) solid var(--ui-table01-th-border-color);
    border-width: calc(2/750*100vw)0 0;
    font-size: 1.0625rem;
    width: 35%;
    text-align: center;
    letter-spacing: calc(-2/750*100vw)
  }

  .ui_table02 tbody tr td {
    border: calc(2/750*100vw) solid var(--ui-table01-td-border-color);
    border-width: calc(2/750*100vw)0 0;
    font-size: 1rem;
    padding: calc(28/750*100vw) calc(39/750*100vw);
    line-height: 1.75
  }

  .ui_table02 tbody tr td.borderN,
  .ui_table02 tbody tr th.borderN {
    border-width: 0 !important
  }

  .ui_table02 tbody tr td.borderR,
  .ui_table02 tbody tr th.borderR {
    border-right: calc(2/750*100vw) solid var(--ui-table01-th-border-color) !important
  }

  .ui_table02 tbody tr td.borderL,
  .ui_table02 tbody tr th.borderL {
    border-left: calc(2/750*100vw) solid var(--ui-table01-th-border-color) !important
  }

  .ui_table02 tbody tr td.borderT,
  .ui_table02 tbody tr th.borderT {
    border-top: calc(2/750*100vw) solid var(--ui-table01-th-border-color) !important
  }

  .ui_table02 tbody tr td.border,
  .ui_table02 tbody tr th.border {
    border-bottom: calc(2/750*100vw) solid var(--ui-table01-th-border-color) !important
  }

  .ui_table02 tbody tr:last-child td,
  .ui_table02 tbody tr:last-child th {
    border-width: calc(2/750*100vw)0
  }
}

.ui_table03.vertical-line thead tr td,
.ui_table03.vertical-line thead tr th {
  border-right: 1px solid var(--ui-table01-th-border-color02)
}

.ui_table03.vertical-line thead tr td:last-child,
.ui_table03.vertical-line thead tr th:last-child {
  border-width: 0
}

.ui_table03.vertical-line tbody tr td {
  border-right: 1px solid var(--ui-table01-th-border-color)
}

.ui_table03.vertical-line tbody tr td:last-child,
.ui_table03.vertical-line tbody tr:last-child td:last-child {
  border-right: none
}

.ui_table03.vertical-line tbody tr:last-child td {
  border-right: 1px solid var(--ui-table01-th-border-color)
}

.ui_table03 td,
.ui_table03 th {
  font-weight: 400;
  padding: calc(21/1920*100vw) calc(20/1920*100vw) calc(17/1920*100vw) calc(29/1920*100vw);
  vertical-align: middle
}

.ui_table03 caption {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  color: var(--ui-table01-title-font-color);
  font-size: 1.25rem;
  letter-spacing: .075rem;
  background-color: var(--ui-table01-title-bg-color);
  text-align: center;
  padding: calc(10/1920*100vw) calc(25/1920*100vw)
}

@media (max-width:750px) {
  .ui_table03 caption {
    letter-spacing: .05em
  }
}

.ui_table03 thead tr:first-child td,
.ui_table03 thead tr:first-child th {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  letter-spacing: .075rem
}

@media (max-width:750px) {

  .ui_table03 thead tr:first-child td,
  .ui_table03 thead tr:first-child th {
    letter-spacing: .05em
  }
}

.ds_design03 .ui_table03 thead tr:first-child td:first-child,
.ds_design03 .ui_table03 thead tr:first-child th:first-child {
  border-radius: calc(27.5/1920*100vw) calc(27.5/1920*100vw)0 0
}

.ui_table03 thead tr td,
.ui_table03 thead tr th {
  color: var(--ui-table01-title-font-color);
  font-weight: 500;
  font-size: 1.25rem;
  background-color: var(--ui-table01-title-bg-color);
  text-align: center;
  padding: calc(10/1920*100vw) calc(25/1920*100vw)
}

.ui_table03 tbody td.borderN,
.ui_table03 tbody th.borderN,
.ui_table03 thead tr td.borderN,
.ui_table03 thead tr th.borderN {
  border-width: 0 !important
}

.ui_table03 thead tr td.borderR,
.ui_table03 thead tr th.borderR {
  border-right: 1px solid var(--ui-table01-th-border-color02) !important
}

.ui_table03 thead tr td.borderL,
.ui_table03 thead tr th.borderL {
  border-left: 1px solid var(--ui-table01-th-border-color02) !important
}

.ui_table03 thead tr td.borderT,
.ui_table03 thead tr th.borderT {
  border-top: 1px solid var(--ui-table01-th-border-color02) !important
}

.ui_table03 thead tr td.border,
.ui_table03 thead tr th.border {
  border-bottom: 1px solid var(--ui-table01-th-border-color02) !important
}

.ui_table03 thead tr th {
  border: 1px solid var(--ui-table01-th-border-color02);
  border-width: 0 1px 0 0
}

.ui_table03 tbody td.borderR,
.ui_table03 tbody th.borderR {
  border-right: 1px solid var(--ui-table01-th-border-color) !important
}

.ui_table03 tbody td.borderL,
.ui_table03 tbody th.borderL {
  border-left: 1px solid var(--ui-table01-th-border-color) !important
}

.ui_table03 tbody td.borderT,
.ui_table03 tbody th.borderT {
  border-top: 1px solid var(--ui-table01-th-border-color) !important
}

.ui_table03 tbody td.border,
.ui_table03 tbody th.border {
  border-bottom: 1px solid var(--ui-table01-th-border-color) !important
}

.ui_table03 tbody tr:last-child td,
.ui_table03 tbody tr:last-child th {
  border-width: 1px 0
}

@media (max-width:750px) {
  .ui_table03 {
    min-width: calc(1000/750*100vw)
  }

  .ui_table03.vertical-line thead tr td,
  .ui_table03.vertical-line thead tr th {
    border-right: calc(2/750*100vw) solid var(--ui-table01-th-border-color02)
  }

  .ui_table03.vertical-line thead tr td:last-child,
  .ui_table03.vertical-line thead tr th:last-child {
    border-width: 0
  }

  .ui_table03.vertical-line tbody tr td:last-child td,
  .ui_table03.vertical-line tbody tr:last-child td {
    border-right: calc(2/750*100vw) solid var(--ui-table01-th-border-color)
  }

  .ui_table03.vertical-line tbody tr td:last-child td:last-child,
  .ui_table03.vertical-line tbody tr:last-child td:last-child {
    border-right: none
  }

  .ui_table03.vertical-line tbody tr td {
    border-right: calc(2/750*100vw) solid var(--ui-table01-th-border-color)
  }

  .ui_table03 td,
  .ui_table03 th {
    padding: calc(26/750*100vw) calc(20/750*100vw) calc(24/750*100vw);
    display: table-cell
  }

  .ui_table03 caption,
  .ui_table03 thead tr td,
  .ui_table03 thead tr th {
    font-size: 1.1875rem;
    padding: calc(19/750*100vw) calc(25/750*100vw) calc(25/750*100vw)
  }

  .ds_design03 .ui_table03 thead tr:first-child td:first-child,
  .ds_design03 .ui_table03 thead tr:first-child th:first-child {
    border-radius: calc(55/750*100vw) calc(55/750*100vw)0 0
  }

  .ui_table03 thead tr td.borderN,
  .ui_table03 thead tr th.borderN {
    border-width: 0 !important
  }

  .ui_table03 thead tr td.borderR,
  .ui_table03 thead tr th.borderR {
    border-right: calc(2/750*100vw) solid var(--ui-table01-th-border-color02) !important
  }

  .ui_table03 thead tr td.borderL,
  .ui_table03 thead tr th.borderL {
    border-left: calc(2/750*100vw) solid var(--ui-table01-th-border-color02) !important
  }

  .ui_table03 thead tr td.borderT,
  .ui_table03 thead tr th.borderT {
    border-top: calc(2/750*100vw) solid var(--ui-table01-th-border-color02) !important
  }

  .ui_table03 thead tr td.border,
  .ui_table03 thead tr th.border {
    border-bottom: calc(2/750*100vw) solid var(--ui-table01-th-border-color02) !important
  }

  .ui_table03 thead tr th {
    border-width: 0 calc(2/750*100vw)0 0
  }

  .ui_table03 tbody tr th {
    border: calc(2/750*100vw) solid var(--ui-table01-th-border-color);
    border-width: calc(2/750*100vw)0 0;
    font-size: 1.0625rem;
    width: 35%;
    text-align: center;
    letter-spacing: calc(-2/750*100vw)
  }

  .ui_table03 tbody tr td {
    border: calc(2/750*100vw) solid var(--ui-table01-td-border-color);
    border-width: calc(2/750*100vw)0 0;
    font-size: 1rem;
    padding: calc(28/750*100vw) calc(39/750*100vw);
    line-height: 1.75
  }

  .ui_table03 tbody tr td.borderN,
  .ui_table03 tbody tr th.borderN {
    border-width: 0 !important
  }

  .ui_table03 tbody tr td.borderR,
  .ui_table03 tbody tr th.borderR {
    border-right: calc(2/750*100vw) solid var(--ui-table01-th-border-color) !important
  }

  .ui_table03 tbody tr td.borderL,
  .ui_table03 tbody tr th.borderL {
    border-left: calc(2/750*100vw) solid var(--ui-table01-th-border-color) !important
  }

  .ui_table03 tbody tr td.borderT,
  .ui_table03 tbody tr th.borderT {
    border-top: calc(2/750*100vw) solid var(--ui-table01-th-border-color) !important
  }

  .ui_table03 tbody tr td.border,
  .ui_table03 tbody tr th.border {
    border-bottom: calc(2/750*100vw) solid var(--ui-table01-th-border-color) !important
  }

  .ui_table03 tbody tr:last-child td,
  .ui_table03 tbody tr:last-child th {
    border-width: calc(2/750*100vw)0
  }
}

.ui_boxWrap01 {
  max-width: calc(1100/1920*100vw);
  padding-bottom: calc(100/1920*100vw);
  margin: 0 auto calc(120/1920*100vw);
  position: relative;
  color: var(--ui-boxwrap01-txt-font-color)
}

.ui_boxWrap01 .boxIn:after,
.ui_boxWrap01 .boxIn>p:after,
.ui_boxWrap01:after,
.ui_boxWrap01>p:after {
  content: "";
  display: block;
  clear: both
}

.ui_boxWrap01 .boxIn>:first-child,
.ui_boxWrap01>:first-child {
  margin-top: 0
}

.ui_boxWrap01 .boxIn>:last-child,
.ui_boxWrap01>:last-child {
  margin-bottom: 0
}

.ui_boxWrap01::before {
  position: absolute;
  content: "";
  left: -50%;
  top: calc(84/1920*100vw);
  bottom: 0;
  background-color: #edf4fa;
  height: auto;
  width: 0;
  z-index: -1;
  overflow: hidden
}

.ui_boxWrap01>.txt {
  margin-bottom: calc(90/1920*100vw)
}

.ui_boxWrap01 .boxIn {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap
}

.ui_boxWrap01 .boxIn>.ui_btn {
  width: 100%
}

.ui_boxWrap01.main-ja .ui_tit03 {
  top: calc(-15/1920*100vw);
  position: relative;
  margin-bottom: calc(58/1920*100vw)
}

.ui_boxWrap01.main-ja .ui_tit03>.wrap>div>.en,
.ui_boxWrap01.main-ja .ui_tit03>.wrap>span>.en {
  font-size: 1.25rem;
  letter-spacing: .04rem
}

.ui_boxWrap01.main-ja .ui_tit03>.wrap>div>.ja,
.ui_boxWrap01.main-ja .ui_tit03>.wrap>span>.ja {
  font-size: 2.75rem;
  letter-spacing: .075rem
}

.ui_boxWrap01.main-ja::before {
  top: calc(35/1920*100vw)
}

.ui_boxWrap01:has(.h-title)::before {
  top: calc(75/1920*100vw)
}

@media (max-width:750px) {
  .ui_boxWrap01 {
    max-width: calc(750/750*100vw);
    margin: 0 auto calc(150/750*100vw);
    position: relative;
    padding: 0 calc(40/750*100vw)
  }

  .ui_boxWrap01 .boxIn,
  .ui_boxWrap01>.txt {
    margin-bottom: calc(60/750*100vw)
  }

  .ui_boxWrap01::before {
    left: 0;
    top: calc(75/750*100vw);
    height: calc(100% - calc(10/750*100vw))
  }

  .ui_boxWrap01 .boxIn {
    display: flex;
    justify-content: flex-end
  }

  .ui_boxWrap01 .boxIn:last-child {
    margin-bottom: 0
  }

  .ui_boxWrap01 .ui-tit03,
  .ui_boxWrap01 .ui-tit03.h-title {
    margin-bottom: calc(77/750*100vw)
  }

  .ui_boxWrap01 .ui-tit03.h-title>.wrap>div>.en,
  .ui_boxWrap01 .ui-tit03.h-title>.wrap>span>.en {
    margin-top: calc(16/750*100vw)
  }

  .ui_boxWrap01 .ui-tit03.h-title>.wrap>div>.ja,
  .ui_boxWrap01 .ui-tit03.h-title>.wrap>span>.ja {
    margin-top: 0
  }

  .ui_boxWrap01.main-ja {
    padding-bottom: unset
  }

  .ui_boxWrap01.main-ja .ui_tit03 {
    top: 0;
    margin-bottom: calc(73/750*100vw)
  }

  .ui_boxWrap01.main-ja .ui_tit03>.wrap>div>.en,
  .ui_boxWrap01.main-ja .ui_tit03>.wrap>span>.en {
    font-size: 1rem;
    margin-top: calc(16/750*100vw)
  }

  .ui_boxWrap01.main-ja .ui_tit03>.wrap>div>.ja,
  .ui_boxWrap01.main-ja .ui_tit03>.wrap>span>.ja {
    font-size: 1.8125rem;
    margin-top: 0
  }

  .ui_boxWrap01.main-ja::before {
    top: calc(45/750*100vw)
  }

  .ui_boxWrap01:has(.h-title)::before {
    top: calc(110/750*100vw)
  }
}

.ui_boxWrap01::before {
  background-color: var(--ui-boxwrap01-bg-color)
}

.ui_boxWrap01.anim_bur,
.ui_boxWrap01.anim_bur.is_show {
  transform: unset
}

.ui_boxWrap01.anim_bur::before {
  transition: width .8s cubic-bezier(.41, .05, .94, .65)
}

.ui_boxWrap01.anim_bur.is_show::before {
  width: 200%
}

@media (max-width:750px) {
  .ui_boxWrap01.anim_bur.is_show::before {
    width: 100%
  }
}

.ui_boxWrap02 {
  max-width: calc(1100/1920*100vw);
  margin: 0 auto calc(120/1920*100vw);
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-top: calc(94/1920*100vw);
  padding-bottom: calc(100/1920*100vw);
  color: var(--ui-boxwrap02-txt-font-color)
}

.ui_boxWrap02:after,
.ui_boxWrap02>.boxIn:after,
.ui_boxWrap02>.boxIn>p:after,
.ui_boxWrap02>p:after {
  content: "";
  display: block;
  clear: both
}

.ui_boxWrap02>:first-child {
  margin-top: 0
}

.ui_boxWrap02>:last-child {
  margin-bottom: 0
}

.ui_boxWrap02::after,
.ui_boxWrap06>.boxIn .list>li>.icon::after,
.ui_boxWrap06>.boxIn .list>li>.icon::before {
  content: none
}

.ui_boxWrap02>.pic {
  position: absolute;
  top: 0;
  left: calc(-100/1920*100vw);
  width: 0;
  height: 100%;
  z-index: -1;
  overflow: hidden
}

.ds_design03 .ui_boxWrap02>.pic {
  border-radius: calc(37.5/1920*100vw)
}

.ui_boxWrap02>.pic img {
  position: absolute;
  min-width: calc(1300/1920*100vw);
  width: calc(1300/1920*100vw);
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block !important;
  -webkit-mask-image: linear-gradient(to bottom, #000, transparent);
  mask-image: linear-gradient(to bottom, #000, transparent);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%
}

.ui_boxWrap02>.boxIn {
  background-color: #fff;
  padding: calc(75/1920*100vw) calc(100/1920*100vw);
  position: relative;
  width: calc(700/1920*100vw);
  margin-top: calc(6/1920*100vw)
}

.ui_boxWrap02>.boxIn>:first-child {
  margin-top: 0
}

.ui_boxWrap02>.boxIn>:last-child {
  margin-bottom: 0
}

.ds_design03 .ui_boxWrap02>.boxIn,
.ds_design03 .ui_boxWrap03>.container>.txt::before {
  border-radius: calc(37.5/1920*100vw)
}

.ui_boxWrap02>.boxIn>p:first-child {
  margin-bottom: calc(15/1920*100vw)
}

@media (min-width:751px) {
  .ui_boxWrap02.reverse {
    flex-direction: row-reverse
  }

  .ui_boxWrap02.reverse>.ui_tit04 {
    text-align: right
  }

  .ui_boxWrap02.reverse>.ui_tit04:before {
    left: auto;
    right: 0
  }

  .ui_boxWrap02.wide {
    min-width: calc(1100/1920*100vw);
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: calc(45/1920*100vw);
    padding-bottom: 0
  }

  .ui_boxWrap02.wide>.pic {
    position: absolute;
    max-width: 100vw;
    top: 0;
    left: 0;
    height: calc(400/1920*100vw);
    overflow: hidden !important
  }

  .ds_design03 .ui_boxWrap02.wide>.pic {
    border-radius: 0
  }

  .ui_boxWrap02.wide>.pic img {
    width: auto;
    min-width: calc(700/1920*100vw);
    max-width: none !important;
    min-height: calc(400/1920*100vw);
    margin: 0 !important;
    height: auto;
    position: absolute;
    left: auto;
    bottom: auto
  }

  .ui_boxWrap02.wide>.boxIn {
    background-color: #fff;
    padding: calc(70/1920*100vw) calc(70/1920*100vw)0;
    position: relative;
    width: calc(1100/1920*100vw);
    margin-top: 0
  }

  .ui_boxWrap02.wide>.boxIn:after,
  .ui_boxWrap02.wide>.boxIn>p:after {
    content: "";
    display: block;
    clear: both
  }

  .ui_boxWrap02.wide>.boxIn>:first-child {
    margin-top: 0
  }

  .ui_boxWrap02.wide>.boxIn>:last-child {
    margin-bottom: 0
  }

  .ds_design03 .ui_boxWrap02.wide>.boxIn {
    border-radius: calc(37.5/1920*100vw)
  }

  .ui_boxWrap02.wide>.boxIn>p:first-child {
    margin-bottom: calc(15/1920*100vw)
  }
}

@media (max-width:750px) {
  .ui_boxWrap02 {
    max-width: calc(750/750*100vw);
    margin: calc(57/750*100vw) auto calc(74/750*100vw);
    padding: calc(43/750*100vw) calc(40/750*100vw) calc(80/750*100vw);
    flex-direction: column
  }

  .ui_boxWrap02>.pic {
    top: 0;
    left: 0;
    width: 0;
    height: 100%
  }

  .ds_design03 .ui_boxWrap02>.pic {
    border-radius: 0
  }

  .ui_boxWrap02>.pic img {
    width: calc(750/750*100vw);
    height: 100%;
    display: block !important;
    -webkit-mask-image: linear-gradient(to bottom, #000, transparent);
    mask-image: linear-gradient(to bottom, #000, transparent);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
  }

  .ui_boxWrap02>.boxIn {
    padding: calc(56/750*100vw) calc(40/750*100vw);
    position: relative;
    width: 100%;
    margin-top: calc(23/750*100vw)
  }

  .ds_design03 .ui_boxWrap02>.boxIn {
    border-radius: calc(75/750*100vw)
  }

  .ui_boxWrap02.wide>.pic {
    width: 100% !important;
    min-width: 750px !important;
  }

  .ui_boxWrap02.wide>.pic img {
    min-width: 100% !important;
    width: 100% !important;
    margin: 0 !important
  }
}

.ui_boxWrap02>.boxIn {
  background-color: var(--ui-boxwrap02-content-bg-color)
}

.ui_boxWrap02.anim_bur .pic {
  transition: width .8s cubic-bezier(.41, .05, .94, .65);
  background-color: var(--ui-boxwrap02-bg-color)
}

.ui_boxWrap02.anim_bur.is_show .pic,
.ui_boxWrap03 {
  width: calc(1300/1920*100vw)
}

@media (min-width:751px) {
  .ui_boxWrap02.anim_bur.is_show.wide .pic {
    width: 100vw
  }
}

@media (max-width:750px) {
  .ui_boxWrap02.anim_bur.is_show .pic {
    width: 100%;
  }

  .ui_boxWrap02.anim_bur.is_show::before {
    width: 100%
  }
}

.ui_boxWrap03 {
  margin: calc(120/1920*100vw) auto;
  position: relative;
  min-height: calc(703/1920*100vw);
  color: var(--ui-boxwrap03-txt-font-color)
}

.ui_boxWrap03>.container {
  display: flex;
  justify-content: space-between
}

.ui_boxWrap03>.container>.txt {
  width: calc(1100/1920*100vw);
  position: relative;
  padding-top: calc(95/1920*100vw);
  margin-left: calc(100/1920*100vw);
  min-height: calc(643/1920*100vw);
  padding-bottom: calc(35/1920*100vw)
}

.ui_boxWrap03>.container>.txt .pic {
  position: relative;
  float: right;
  margin-top: 0;
  margin-left: calc(100/1920*100vw);
  margin-right: calc(-627/1920*100vw);
  margin-bottom: calc(60/1920*100vw);
  width: calc(993/1920*100vw)
}

.ui_boxWrap03>.container>.txt .pic>picture {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: calc(420/1920*100vw);
  background: rgba(249, 249, 249, .7)
}

.ui_boxWrap03>.container>.txt .pic>picture img {
  width: 100%;
  height: auto
}

.ui_boxWrap03>.container>.txt::before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #4fab2c;
  top: 0;
  left: calc(-312/1920*100vw);
  z-index: -1
}

.ui_boxWrap03>.container>.txt>.tit {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: calc(50/1920*100vw)
}

.ui_boxWrap03>.container>.txt>.tit::before {
  content: "";
  position: absolute;
  width: calc(50/1920*100vw);
  height: 1px;
  background-color: #fff;
  left: 0;
  z-index: -1
}

.ui_boxWrap03>.container>.txt>.tit>.en {
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.125rem;
  letter-spacing: calc(1.5/1920*100vw)
}

.ui_boxWrap03>.container>.txt>.tit.h-title>.en,
.ui_boxWrap03>.container>.txt>.tit>.ja {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em
}

.ui_boxWrap03>.container>.txt>.tit>.ja {
  font-size: 1.875rem;
  line-height: 1.6;
  margin-top: calc(40/1920*100vw)
}

@media (max-width:750px) {
  .ui_boxWrap03>.container>.txt>.tit>.ja {
    letter-spacing: .05em
  }
}

.ui_boxWrap03>.container>.txt p {
  font-weight: 300;
  font-size: 1rem
}

@media (min-width:751px) {
  .ui_boxWrap03>.container>.txt>:last-child {
    margin-bottom: calc(60/1920*100vw)
  }

  .ui_boxWrap03.reverse>.container>.txt {
    margin-left: auto;
    margin-right: calc(100/1920*100vw)
  }

  .ui_boxWrap03.reverse>.container>.txt .pic {
    float: left;
    margin-top: 0;
    margin-right: calc(100/1920*100vw);
    margin-left: calc(-627/1920*100vw)
  }

  .ui_boxWrap03.reverse>.container>.txt::before {
    left: calc(-100/1920*100vw)
  }
}

@media (max-width:750px) {
  .ui_boxWrap03 {
    width: calc(750/750*100vw) !important;
    margin: calc(93/750*100vw) auto calc(69/750*100vw);
    min-height: auto;
    padding: 0 calc(40/750*100vw)
  }

  .ui_boxWrap03>.container {
    flex-direction: column
  }

  .ui_boxWrap03>.container>.txt {
    width: 100%;
    position: relative;
    padding-top: 0;
    padding-bottom: calc(65/750*100vw);
    margin-left: 0;
    min-height: auto
  }

  .ui_boxWrap03>.container>.txt .pic {
    width: 100%;
    float: none !important;
    margin: 0 auto calc(36/750*100vw) !important
  }

  .ui_boxWrap03>.container>.txt .pic>picture {
    position: relative;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: calc(450/750*100vw)
  }

  .ui_boxWrap03>.container>.txt .pic>picture img {
    max-width: 100% !important
  }

  .ui_boxWrap03>.container>.txt::before {
    height: calc(100% - calc(300/750*100vw));
    top: calc(300/750*100vw);
    left: calc(-40/750*100vw);
    z-index: -1
  }

  .ds_design03 .ui_boxWrap03>.container>.txt::before {
    border-radius: 0
  }

  .ui_boxWrap03>.container>.txt>.tit {
    margin-bottom: calc(34/750*100vw);
    text-align: center
  }

  .ui_boxWrap03>.container>.txt>.tit::before {
    content: "";
    position: absolute;
    width: calc(100/750*100vw);
    height: calc(2/750*100vw);
    top: calc(72/750*100vw);
    left: calc(50% - calc(50/750*100vw));
    z-index: -1
  }

  .ui_boxWrap03>.container>.txt>.tit>.en {
    font-size: 1rem;
    letter-spacing: .084rem
  }

  .ui_boxWrap03>.container>.txt>.tit>.ja {
    font-size: 1.25rem;
    letter-spacing: .05rem;
    margin-top: calc(74/750*100vw)
  }

  .ui_boxWrap03>.container>.txt p {
    font-weight: 300;
    font-size: 1rem
  }
}

.ui_boxWrap03>.container>.txt::before {
  background-color: var(--ui-boxwrap03-txt-bg-color)
}

.ui_boxWrap03>.container>.txt>.tit::before {
  top: calc(70/1920*100vw);
  background-color: var(--ui-boxwrap03-title-boder-color)
}

.ui_boxWrap03>.container>.txt>.tit>.en {
  order: 1;
  margin-top: calc(40/1920*100vw);
  color: var(--ui-boxwrap03-title-en-color)
}

.ui_boxWrap03>.container>.txt>.tit>.ja {
  order: 0;
  margin-top: 0;
  color: var(--ui-boxwrap03-title-ja-color)
}

.ui_boxWrap03>.container>.txt>.tit.h-title::before {
  top: calc(50/1920*100vw)
}

.ui_boxWrap03>.container>.txt>.tit.h-title>.en {
  order: 0;
  margin-top: 0
}

@media (max-width:750px) {
  .ui_boxWrap03>.container>.txt>.tit.h-title>.en {
    letter-spacing: .05em
  }
}

.ui_boxWrap03>.container>.txt>.tit.h-title>.ja {
  order: 1;
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  margin-top: calc(40/1920*100vw)
}

@media (max-width:750px) {
  .ui_boxWrap03>.container>.txt>.tit.h-title>.ja {
    letter-spacing: .05em
  }
}

.ui_boxWrap03.anim_bur>.container>.txt::before {
  transition: width .8s cubic-bezier(.41, .05, .94, .65)
}

.ui_boxWrap03.anim_bur.is_show>.container>.txt::before {
  width: calc(1510/1920*100vw)
}

@media (min-width:751px) {
  .ui_boxWrap03.anim_bur.is_show.reverse>.container>.txt::before {
    width: calc(1510/1920*100vw)
  }
}

@media (max-width:750px) {
  .ui_boxWrap03.anim_bur.is_show>.container>.txt::before {
    width: 115%
  }

  .ui_boxWrap03.anim_bur.is_show>.container>.txt>.tit::before {
    top: calc(80/750*100vw)
  }

  .ui_boxWrap03.anim_bur.is_show>.container>.txt>.tit>.en {
    margin-top: calc(40/750*100vw)
  }

  .ui_boxWrap03.anim_bur.is_show>.container>.txt>.tit.h-title>.en,
  .ui_boxWrap03.anim_bur.is_show>.container>.txt>.tit>.ja {
    margin-top: 0
  }

  .ui_boxWrap03.anim_bur.is_show>.container>.txt>.tit.h-title::before {
    top: calc(70/750*100vw)
  }

  .ui_boxWrap03.anim_bur.is_show>.container>.txt>.tit.h-title>.ja {
    margin-top: calc(40/750*100vw)
  }
}

.ui_boxWrap04,
.ui_boxWrap04>.container>.txt {
  width: calc(1100/1920*100vw);
  position: relative
}

.ui_boxWrap04 {
  min-height: calc(597/1920*100vw);
  margin: calc(120/1920*100vw) auto;
  color: var(--ui-boxwrap04-txt-font-color)
}

.ui_boxWrap04>.container {
  display: flex;
  justify-content: space-between;
  flex-direction: row
}

.ui_boxWrap04>.container>.txt {
  padding-top: calc(78/1920*100vw);
  padding-bottom: calc(30/1920*100vw)
}

.ui_boxWrap04>.container>.txt::before {
  content: "";
  position: absolute;
  height: 100%;
  background-color: #4fab2c;
  width: 0;
  left: calc(-100/1920*100vw);
  z-index: -1;
  top: 0
}

.ds_design03 .ui_boxWrap04>.container>.txt::before {
  border-radius: calc(37.5/1920*100vw)
}

.ui_boxWrap04>.container>.txt .pic {
  position: relative;
  float: right;
  margin-left: calc(100/1920*100vw);
  margin-top: 0;
  margin-right: calc(-230/1920*100vw);
  margin-bottom: calc(60/1920*100vw)
}

.ui_boxWrap04>.container>.txt .pic>picture {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-width: calc(667/1920*100vw);
  min-height: calc(420/1920*100vw);
  background: rgba(249, 249, 249, .7);
  overflow: hidden
}

.ui_boxWrap04>.container>.txt .pic>picture img {
  width: 100%;
  max-width: calc(668/1920*100vw) !important;
  min-width: calc(400/1920*100vw);
  height: auto
}

.ui_boxWrap04>.container>.txt>.tit {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: calc(33/1920*100vw)
}

.ui_boxWrap04>.container>.txt>.tit::before {
  content: "";
  position: absolute;
  width: calc(50/1920*100vw);
  height: 1px;
  background-color: #fff;
  left: 0;
  z-index: -1;
  top: calc(70/1920*100vw)
}

.ui_boxWrap04>.container>.txt>.tit>.en {
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.125rem;
  letter-spacing: calc(1.5/1920*100vw);
  order: 1;
  color: var(--ui-boxwrap04-title-en-color);
  margin-top: calc(53/1920*100vw)
}

.ds_design02 .ui_boxWrap04>.container>.txt>.tit>.en,
.ds_design02 .ui_list_step01>li>.txt>.tit::before {
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  font-style: normal
}

.ds_design03 .ui_boxWrap04>.container>.txt>.tit>.en,
.ds_design03 .ui_list_step01>li>.txt>.tit::before {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal
}

.ui_boxWrap04>.container>.txt>.tit.h-title>.en,
.ui_boxWrap04>.container>.txt>.tit>.ja {
  order: 0;
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em
}

.ui_boxWrap04>.container>.txt>.tit>.ja {
  font-size: 1.5rem;
  line-height: 1.5;
  color: var(--ui-boxwrap04-title-ja-color);
  margin-top: 0 !important
}

@media (max-width:750px) {
  .ui_boxWrap04>.container>.txt>.tit>.ja {
    letter-spacing: .05em
  }
}

.ui_boxWrap04>.container>.txt>.tit.h-title::before {
  top: calc(50/1920*100vw)
}

.ui_boxWrap04>.container>.txt>.tit.h-title>.en {
  margin-top: 0
}

@media (max-width:750px) {
  .ui_boxWrap04>.container>.txt>.tit.h-title>.en {
    letter-spacing: .05em
  }
}

.ui_boxWrap04>.container>.txt>.tit.h-title>.ja {
  order: 1;
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  margin-top: calc(53/1920*100vw) !important
}

@media (max-width:750px) {
  .ui_boxWrap04>.container>.txt>.tit.h-title>.ja {
    letter-spacing: .05em
  }
}

.ui_boxWrap04>.container>.txt p {
  font-weight: 300;
  font-size: 1rem
}

@media (min-width:751px) {
  .ui_boxWrap04>.container>.txt>:last-child {
    margin-bottom: calc(60/1920*100vw)
  }

  .ui_boxWrap04.reverse>.container {
    flex-direction: row-reverse
  }

  .ui_boxWrap04.reverse>.container>.txt::before {
    left: calc(-100/1920*100vw)
  }

  .ds_design03 .ui_boxWrap04.reverse>.container>.txt::before {
    border-radius: 0
  }

  .ui_boxWrap04.reverse>.container>.txt .pic {
    float: left;
    margin-right: calc(100/1920*100vw);
    margin-left: calc(-230/1920*100vw)
  }
}

@media (max-width:750px) {
  .ui_boxWrap04 {
    width: calc(750/750*100vw) !important;
    margin: calc(134/750*100vw) auto calc(95/750*100vw);
    min-height: auto;
    padding: 0 calc(40/750*100vw)
  }

  .ui_boxWrap04>.container {
    flex-direction: column
  }

  .ui_boxWrap04>.container>.txt {
    width: 100%;
    position: relative;
    padding-top: 0;
    padding-bottom: calc(65/750*100vw);
    margin-left: 0
  }

  .ui_boxWrap04>.container>.txt::before {
    height: calc(100% - calc(300/750*100vw));
    top: calc(300/750*100vw);
    left: calc(-40/750*100vw);
    z-index: -1
  }

  .ds_design03 .ui_boxWrap04>.container>.txt::before {
    border-radius: 0
  }

  .ui_boxWrap04>.container>.txt .pic {
    width: 100%;
    margin: 0 auto calc(28/750*100vw) !important;
    float: none !important
  }

  .ui_boxWrap04>.container>.txt .pic>picture {
    position: relative;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: calc(440/750*100vw)
  }

  .ds_design03 .ui_boxWrap04>.container>.txt .pic>picture {
    border-radius: calc(45/750*100vw)
  }

  .ui_boxWrap04>.container>.txt .pic>picture img {
    max-width: 100% !important
  }

  .ui_boxWrap04>.container>.txt>.tit {
    margin-bottom: calc(34/750*100vw);
    text-align: center
  }

  .ui_boxWrap04>.container>.txt>.tit::before {
    content: "";
    position: absolute;
    width: calc(100/750*100vw);
    height: calc(2/750*100vw);
    top: calc(91/750*100vw) !important;
    left: calc(50% - calc(50/750*100vw));
    z-index: -1
  }

  .ui_boxWrap04>.container>.txt>.tit>.en {
    font-size: 1rem;
    letter-spacing: .084rem;
    margin-top: calc(74/750*100vw) !important
  }

  .ui_boxWrap04>.container>.txt>.tit>.ja {
    font-size: 1.25rem;
    letter-spacing: .05rem;
    margin-top: 0 !important
  }

  .ui_boxWrap04>.container>.txt>.tit.h-title::before {
    top: calc(70/750*100vw) !important
  }

  .ui_boxWrap04>.container>.txt>.tit.h-title>.en {
    margin-top: 0 !important
  }

  .ui_boxWrap04>.container>.txt>.tit.h-title>.ja {
    margin-top: calc(74/750*100vw) !important
  }

  .ui_boxWrap04>.container>.txt p {
    font-weight: 300;
    font-size: 1rem
  }
}

.ui_boxWrap04>.container>.txt::before {
  background-color: var(--ui-boxwrap04-txt-bg-color)
}

.ui_boxWrap04.anim_bur>.container>.txt::before {
  transition: width .8s cubic-bezier(.41, .05, .94, .65)
}

.ui_boxWrap04.anim_bur.is_show>.container>.txt::before {
  width: calc(1300/1920*100vw)
}

@media (max-width:750px) {

  .ui_boxWrap04>.container>.txt>.tit.h-title::before,
  .ui_boxWrap04>.container>.txt>.tit::before {
    top: calc(90/750*100vw)
  }

  .ui_boxWrap04>.container>.txt>.tit>.en {
    margin-top: calc(53/750*100vw)
  }

  .ui_boxWrap04>.container>.txt>.tit.h-title>.en,
  .ui_boxWrap04>.container>.txt>.tit>.ja {
    margin-top: 0
  }

  .ui_boxWrap04>.container>.txt>.tit.h-title>.ja {
    margin-top: calc(53/750*100vw)
  }

  .ui_boxWrap04.anim_bur.is_show>.container>.txt::before {
    width: 115%
  }
}

.ui_boxWrap05 {
  max-width: calc(1100/1920*100vw);
  padding-bottom: calc(100/1920*100vw);
  margin: 0 auto calc(140/1920*100vw);
  position: relative;
  color: var(--ui-boxwrap05-txt-font-color)
}

.ui_boxWrap05 .boxIn:after,
.ui_boxWrap05 .boxIn>p:after,
.ui_boxWrap05:after,
.ui_boxWrap05>p:after {
  content: "";
  display: block;
  clear: both
}

.ui_boxWrap05 .boxIn>:first-child,
.ui_boxWrap05>:first-child {
  margin-top: 0
}

.ui_boxWrap05 .boxIn>:last-child,
.ui_boxWrap05>:last-child {
  margin-bottom: 0
}

.ui_boxWrap05::before {
  position: absolute;
  content: "";
  left: calc(-410/1920*100vw);
  top: calc(40/1920*100vw);
  bottom: 0;
  background-color: #edf6e9;
  height: auto;
  width: 0;
  z-index: -1;
  overflow: hidden
}

.ui_boxWrap05 .boxIn {
  display: flex;
  justify-content: center;
  flex-wrap: wrap
}

.ui_boxWrap05 .boxIn .layout:nth-child(n+2) {
  margin-top: calc(60/1920*100vw)
}

.ui_boxWrap05 .boxIn .lead {
  text-align: left;
  margin-bottom: calc(20/1920*100vw)
}

.ui_boxWrap05 .boxIn .annotation {
  text-indent: -1em;
  padding-left: 1em
}

.ui_boxWrap05 .boxIn .bgBox {
  background-color: #fff;
  padding: calc(50/1920*100vw);
  margin-top: calc(50/1920*100vw);
  display: block;
  width: 100%
}

.ui_boxWrap05.main-ja .ui_tit05>.en {
  order: 2;
  letter-spacing: .04rem
}

.ui_boxWrap05.main-ja .ui_tit05>.ja {
  order: 1;
  letter-spacing: .075rem
}

.ui_boxWrap05.main-ja .ui_tit05.h-title>.en {
  order: 0
}

.ui_boxWrap05.main-ja .ui_tit05.h-title>.ja {
  order: 1
}

.ui_boxWrap05.main-ja::before {
  top: calc(35/1920*100vw)
}

.ui_boxWrap05:has(.h-title)::before {
  top: calc(75/1920*100vw) !important
}

.ui_boxWrap05.no-title {
  padding: calc(70/1920*100vw)0
}

.ui_boxWrap05.no-title::before {
  top: 0 !important
}

@media (max-width:750px) {
  .ui_boxWrap05 {
    max-width: calc(750/750*100vw);
    margin: 0 auto calc(85/750*100vw);
    position: relative;
    padding: 0 calc(40/750*100vw) calc(50/750*100vw)
  }

  .ui_boxWrap05::before {
    left: 0;
    top: calc(44/750*100vw);
    height: calc(100% - calc(10/750*100vw))
  }

  .ui_boxWrap05 .boxIn {
    display: flex;
    justify-content: flex-end;
    padding: 0 calc(40/750*100vw)
  }

  .ui_boxWrap05.main-ja .ui_tit05 {
    margin-bottom: calc(20/750*100vw)
  }

  .ui_boxWrap05.main-ja .ui_tit05>.en {
    font-size: 1rem;
    margin-top: calc(20/750*100vw)
  }

  .ui_boxWrap05.main-ja .ui_tit05>.ja {
    font-size: 1.8125rem;
    line-height: 1.5;
    margin-top: 0
  }

  .ui_boxWrap05.main-ja::before {
    top: calc(45/750*100vw)
  }

  .ui_boxWrap05.no-title {
    padding: calc(70/750*100vw)0 0
  }

  .ui_boxWrap05:has(.h-title)::before {
    height: calc(100% - calc(115/750*100vw)) !important
  }

  .ui_boxWrap05:has(.h-title).main-ja::before {
    top: calc(115/750*100vw) !important
  }
}

.ui_boxWrap05::before {
  background-color: var(--ui-boxwrap05-txt-bg-color)
}

.ui_boxWrap05.anim_bur,
.ui_boxWrap05.anim_bur.is_show {
  transform: unset
}

.ui_boxWrap05.anim_bur::before {
  transition: width .8s cubic-bezier(.41, .05, .94, .65)
}

.ui_boxWrap05.anim_bur.is_show::before {
  width: calc(1920/1920*100vw)
}

@media (max-width:750px) {
  .ui_boxWrap05.anim_bur.is_show::before {
    width: 100%
  }
}

.ui_boxWrap06 {
  max-width: calc(1100/1920*100vw);
  margin: 0 auto calc(120/1920*100vw);
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  color: var(--ui-boxwrap06-txt-font-color)
}

.ui_boxWrap06:after,
.ui_boxWrap06>.boxIn:after,
.ui_boxWrap06>.boxIn>p:after,
.ui_boxWrap06>p:after,
.ui_boxWrap07:after,
.ui_boxWrap07>p:after {
  content: "";
  display: block;
  clear: both
}

.ui_boxWrap06>.boxIn>:first-child,
.ui_boxWrap06>:first-child {
  margin-top: 0
}

.ui_boxWrap06>.boxIn>:last-child,
.ui_boxWrap06>:last-child {
  margin-bottom: 0
}

.ui_boxWrap06>.boxIn {
  background-color: #f3f1f4;
  padding: calc(60/1920*100vw) calc(70/1920*100vw) calc(50/1920*100vw);
  position: relative;
  width: calc(1100/1920*100vw)
}

.ds_design03 .ui_boxWrap06>.boxIn,
.ds_design03 .ui_list_step02>li:after {
  border-radius: calc(37.5/1920*100vw)
}

.ui_boxWrap06>.boxIn>p+.list {
  margin-top: calc(30/1920*100vw)
}

.ui_boxWrap06>.boxIn .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.ui_boxWrap06>.boxIn .list>li {
  flex: 0 0 auto;
  width: 100%;
  line-height: 1.5;
  padding-left: calc(20/1920*100vw);
  position: relative;
  margin-bottom: calc(20/1920*100vw)
}

.ui_boxWrap06>.boxIn .list>li.col02 {
  width: calc(50% - calc(25/1920*100vw))
}

.ui_boxWrap06>.boxIn .list>li.col03 {
  width: calc(33.3333333333% - calc(16.6666666667/1920*100vw))
}

.ui_boxWrap06>.boxIn .list>li>.icon {
  display: block;
  position: absolute;
  left: 0;
  top: calc(16/1920*100vw);
  width: calc(10/1920*100vw);
  height: calc(10/1920*100vw);
  margin-top: calc(-10/1920*100vw);
  background-color: #8d649c
}

.ui_boxWrap06>.boxIn .list>li:last-child {
  margin-bottom: 0
}

@media (max-width:750px) {
  .ui_boxWrap06 {
    max-width: calc(750/750*100vw);
    margin: calc(57/750*100vw) auto calc(74/750*100vw);
    padding: calc(43/750*100vw) calc(40/750*100vw) calc(40/750*100vw);
    flex-direction: column
  }

  .ui_boxWrap06>.boxIn {
    padding: calc(56/750*100vw) calc(40/750*100vw);
    position: relative;
    width: 100%
  }

  .ds_design03 .ui_boxWrap06>.boxIn {
    border-radius: calc(75/750*100vw)
  }

  .ui_boxWrap06>.boxIn>p+.list {
    margin-top: calc(50/750*100vw)
  }

  .ui_boxWrap06>.boxIn .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  .ui_boxWrap06>.boxIn .list>li {
    flex: 0 0 auto;
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    padding-left: calc(50/750*100vw);
    position: relative;
    margin-bottom: calc(20/750*100vw)
  }

  .ui_boxWrap06>.boxIn .list>li.col02,
  .ui_boxWrap06>.boxIn .list>li.col03 {
    width: 100%
  }

  .ui_boxWrap06>.boxIn .list>li>.icon {
    top: calc(16/750*100vw);
    width: calc(15/750*100vw);
    height: calc(15/750*100vw);
    margin-top: calc(5/750*100vw)
  }
}

.ui_boxWrap06>.boxIn {
  background-color: var(--ui-boxwrap06-bg-color);
  color: var(--ui-boxwrap06-txt-font-color)
}

.ui_boxWrap06>.boxIn .list>li {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  font-size: .9375rem;
  color: var(--ui-boxwrap06-txt-font-color)
}

@media (max-width:750px) {
  .ui_boxWrap06>.boxIn .list>li {
    letter-spacing: .05em
  }
}

.ui_boxWrap06>.boxIn .list>li>.icon {
  background-color: var(--ui-boxwrap06-icon-bg-color)
}

@media (max-width:750px) {
  .ui_boxWrap06>.boxIn .list>li {
    font-size: 1rem
  }
}

.ui_boxWrap07 {
  max-width: calc(1100/1920*100vw);
  padding: calc(100/1920*100vw);
  margin: 0 auto calc(120/1920*100vw);
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #f1fbf9;
  color: var(--ui-boxwrap07-txt-font-color);
  background-color: var(--ui-boxwrap07-bg-color)
}

.ui_boxWrap07>:first-child {
  margin-top: 0
}

.ui_boxWrap07>:last-child {
  margin-bottom: 0
}

@media (max-width:750px) {
  .ui_boxWrap07 {
    max-width: calc(750/750*100vw);
    margin: 0 auto calc(100/750*100vw);
    padding: calc(80/750*100vw) calc(80/750*100vw) calc(90/750*100vw)
  }

  .ui_box02 .ui_boxWrap07 {
    min-width: calc(750/750*100vw);
    margin-left: calc(-40/750*100vw)
  }
}

.ui_imageList01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: calc(30/1920*100vw)0;
  clear: both
}

.ui_imageList01>li {
  flex: 0 0 auto;
  width: 31.81819%;
  padding: calc(20/1920*100vw) calc(20/1920*100vw) calc(14/1920*100vw);
  background-color: #e1efe3
}

.ui_imageList01>li:nth-child(n+4) {
  margin-top: calc(40/1920*100vw)
}

.ui_imageList01>li img {
  width: 100%;
  height: auto;
  margin-bottom: calc(10/1920*100vw)
}

.ui_imageList01>li p {
  margin: 0
}

@media (max-width:750px) {
  .ui_imageList01 {
    display: block;
    margin: calc(30/750*100vw)0;
    clear: both
  }

  .ui_imageList01>li {
    width: 100%;
    padding: calc(30/750*100vw)
  }

  .ui_imageList01>li:nth-child(n+2) {
    margin-top: calc(36/750*100vw)
  }

  .ui_imageList01>li img {
    margin-bottom: calc(25/750*100vw)
  }
}

.ui_imageList01>li {
  background-color: var(--ui-imagelist01-item-bg-color)
}

.ui_list_step01 {
  width: 100%;
  list-style-type: none
}

.ui_list_step01>li {
  color: var(--ui-list-step01-txt-font-color);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
  justify-content: space-between;
  padding-bottom: calc(50/1920*100vw);
  margin-bottom: calc(73/1920*100vw);
  border-bottom: 1px solid #4fab2c
}

.ui_list_step01>li>.triangleWrap {
  position: absolute;
  left: calc(50% + calc(22/1920*100vw));
  bottom: calc(-11/1920*100vw);
  transform: rotate(-90deg)
}

.ui_list_step01>li>.triangleWrap::before {
  content: "";
  width: calc(20/1920*100vw);
  height: calc(20/1920*100vw);
  border: 1px solid #4fab2c;
  border-color: transparent transparent #4fab2c #4fab2c;
  background-color: #edf4fa;
  transform: rotate(45deg);
  position: absolute;
  top: calc(-33/1920*100vw);
  left: 1px
}

:root .ui_list_step01>li>.triangleWrap::before,
_:-ms-input-placeholder {
  left: 1px
}

.ui_list_step01>li>.txt {
  position: relative
}

.ui_list_step01>li>.txt>.tit {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
  margin-top: calc(-5/1920*100vw);
  margin-bottom: calc(15/1920*100vw);
  position: relative
}

.ui_list_step01>li>.txt>.tit::before {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  content: "01";
  left: 0;
  top: calc(-27/1920*100vw);
  font-family: futura-pt, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  font-size: 4.625rem;
  color: var(--ui-list-step01-number-font-color);
  letter-spacing: calc(3/1920*100vw);
  position: absolute
}

.ui_list_step01>li>.txt>.tit>.en {
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.125rem;
  letter-spacing: calc(1.5/1920*100vw);
  padding-left: calc(100/1920*100vw)
}

.ds_design02 .ui_list_step01>li>.txt>.tit>.en,
.ui_list_step01>li>.txt>.tit>.ja {
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  font-style: normal
}

.ds_design03 .ui_list_step01>li>.txt>.tit>.en {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal
}

.ui_list_step01>li>.txt>.tit>.ja {
  font-family: ds-font-jp;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  font-size: 1.5rem;
  margin-top: calc(46/1920*100vw)
}

@media (max-width:750px) {
  .ui_list_step01>li>.txt>.tit>.ja {
    letter-spacing: .05em
  }
}

.ui_list_step01>li>.txt .checkBox .layout:nth-child(n+2) {
  margin-top: calc(20/1920*100vw)
}

.ui_list_step01>li>.txt .checkBox .layout .ui_tit02 {
  font-size: 1.3125rem;
  margin-bottom: calc(10/1920*100vw)
}

.ui_list_step01>li>.txt .checkBox .layout .lead {
  margin-bottom: calc(15/1920*100vw)
}

.ui_list_step01>li>.txt .checkBox .layout .ui_table01 {
  margin-bottom: calc(10/1920*100vw)
}

.ui_list_step01>li>.txt .checkBox .layout .ui_table01 thead th {
  padding: calc(5/1920*100vw) calc(25/1920*100vw)
}

.ui_list_step01>li>.txt .checkBox .layout .ui_table01 tbody th {
  padding: calc(10/1920*100vw) calc(20/1920*100vw) calc(10/1920*100vw) calc(29/1920*100vw)
}

.ui_list_step01>li>.txt .checkBox .layout .ui_table01 tbody td {
  padding: calc(10/1920*100vw) calc(61/1920*100vw)
}

.ui_list_step01>li:nth-child(1)>.txt .tit::before {
  content: "01"
}

.ui_list_step01>li:nth-child(2)>.txt .tit::before {
  content: "02"
}

.ui_list_step01>li:nth-child(3)>.txt .tit::before {
  content: "03"
}

.ui_list_step01>li:nth-child(4)>.txt .tit::before {
  content: "04"
}

.ui_list_step01>li:nth-child(5)>.txt .tit::before {
  content: "05"
}

.ui_list_step01>li:nth-child(6)>.txt .tit::before {
  content: "06"
}

.ui_list_step01>li:nth-child(7)>.txt .tit::before {
  content: "07"
}

.ui_list_step01>li:nth-child(8)>.txt .tit::before {
  content: "08"
}

.ui_list_step01>li:nth-child(9)>.txt .tit::before {
  content: "09"
}

.ui_list_step01>li:nth-child(10)>.txt .tit::before {
  content: "10"
}

.ui_list_step01>li:nth-child(11)>.txt .tit::before {
  content: "11"
}

.ui_list_step01>li:nth-child(12)>.txt .tit::before {
  content: "12"
}

.ui_list_step01>li:nth-child(13)>.txt .tit::before {
  content: "13"
}

.ui_list_step01>li:nth-child(14)>.txt .tit::before {
  content: "14"
}

.ui_list_step01>li:nth-child(15)>.txt .tit::before {
  content: "15"
}

.ui_list_step01>li:nth-child(16)>.txt .tit::before {
  content: "16"
}

.ui_list_step01>li:nth-child(17)>.txt .tit::before {
  content: "17"
}

.ui_list_step01>li:nth-child(18)>.txt .tit::before {
  content: "18"
}

.ui_list_step01>li:nth-child(19)>.txt .tit::before {
  content: "19"
}

.ui_list_step01>li:nth-child(20)>.txt .tit::before {
  content: "20"
}

.ui_list_step01>li:nth-child(21)>.txt .tit::before {
  content: "21"
}

.ui_list_step01>li:nth-child(22)>.txt .tit::before {
  content: "22"
}

.ui_list_step01>li:nth-child(23)>.txt .tit::before {
  content: "23"
}

.ui_list_step01>li:nth-child(24)>.txt .tit::before {
  content: "24"
}

.ui_list_step01>li:nth-child(25)>.txt .tit::before {
  content: "25"
}

.ui_list_step01>li:nth-child(26)>.txt .tit::before {
  content: "26"
}

.ui_list_step01>li:nth-child(27)>.txt .tit::before {
  content: "27"
}

.ui_list_step01>li:nth-child(28)>.txt .tit::before {
  content: "28"
}

.ui_list_step01>li:nth-child(29)>.txt .tit::before {
  content: "29"
}

.ui_list_step01>li:nth-child(30)>.txt .tit::before {
  content: "30"
}

.ui_list_step01>li:nth-child(31)>.txt .tit::before {
  content: "31"
}

.ui_list_step01>li:nth-child(32)>.txt .tit::before {
  content: "32"
}

.ui_list_step01>li:nth-child(33)>.txt .tit::before {
  content: "33"
}

.ui_list_step01>li:nth-child(34)>.txt .tit::before {
  content: "34"
}

.ui_list_step01>li:nth-child(35)>.txt .tit::before {
  content: "35"
}

.ui_list_step01>li:nth-child(36)>.txt .tit::before {
  content: "36"
}

.ui_list_step01>li:nth-child(37)>.txt .tit::before {
  content: "37"
}

.ui_list_step01>li:nth-child(38)>.txt .tit::before {
  content: "38"
}

.ui_list_step01>li:nth-child(39)>.txt .tit::before {
  content: "39"
}

.ui_list_step01>li:nth-child(40)>.txt .tit::before {
  content: "40"
}

.ui_list_step01>li:nth-child(41)>.txt .tit::before {
  content: "41"
}

.ui_list_step01>li:nth-child(42)>.txt .tit::before {
  content: "42"
}

.ui_list_step01>li:nth-child(43)>.txt .tit::before {
  content: "43"
}

.ui_list_step01>li:nth-child(44)>.txt .tit::before {
  content: "44"
}

.ui_list_step01>li:nth-child(45)>.txt .tit::before {
  content: "45"
}

.ui_list_step01>li:nth-child(46)>.txt .tit::before {
  content: "46"
}

.ui_list_step01>li:nth-child(47)>.txt .tit::before {
  content: "47"
}

.ui_list_step01>li:nth-child(48)>.txt .tit::before {
  content: "48"
}

.ui_list_step01>li:nth-child(49)>.txt .tit::before {
  content: "49"
}

.ui_list_step01>li:nth-child(50)>.txt .tit::before {
  content: "50"
}

.ui_list_step01>li:nth-child(51)>.txt .tit::before {
  content: "51"
}

.ui_list_step01>li:nth-child(52)>.txt .tit::before {
  content: "52"
}

.ui_list_step01>li:nth-child(53)>.txt .tit::before {
  content: "53"
}

.ui_list_step01>li:nth-child(54)>.txt .tit::before {
  content: "54"
}

.ui_list_step01>li:nth-child(55)>.txt .tit::before {
  content: "55"
}

.ui_list_step01>li:nth-child(56)>.txt .tit::before {
  content: "56"
}

.ui_list_step01>li:nth-child(57)>.txt .tit::before {
  content: "57"
}

.ui_list_step01>li:nth-child(58)>.txt .tit::before {
  content: "58"
}

.ui_list_step01>li:nth-child(59)>.txt .tit::before {
  content: "59"
}

.ui_list_step01>li:nth-child(60)>.txt .tit::before {
  content: "60"
}

.ui_list_step01>li:nth-child(61)>.txt .tit::before {
  content: "61"
}

.ui_list_step01>li:nth-child(62)>.txt .tit::before {
  content: "62"
}

.ui_list_step01>li:nth-child(63)>.txt .tit::before {
  content: "63"
}

.ui_list_step01>li:nth-child(64)>.txt .tit::before {
  content: "64"
}

.ui_list_step01>li:nth-child(65)>.txt .tit::before {
  content: "65"
}

.ui_list_step01>li:nth-child(66)>.txt .tit::before {
  content: "66"
}

.ui_list_step01>li:nth-child(67)>.txt .tit::before {
  content: "67"
}

.ui_list_step01>li:nth-child(68)>.txt .tit::before {
  content: "68"
}

.ui_list_step01>li:nth-child(69)>.txt .tit::before {
  content: "69"
}

.ui_list_step01>li:nth-child(70)>.txt .tit::before {
  content: "70"
}

.ui_list_step01>li:nth-child(71)>.txt .tit::before {
  content: "71"
}

.ui_list_step01>li:nth-child(72)>.txt .tit::before {
  content: "72"
}

.ui_list_step01>li:nth-child(73)>.txt .tit::before {
  content: "73"
}

.ui_list_step01>li:nth-child(74)>.txt .tit::before {
  content: "74"
}

.ui_list_step01>li:nth-child(75)>.txt .tit::before {
  content: "75"
}

.ui_list_step01>li:nth-child(76)>.txt .tit::before {
  content: "76"
}

.ui_list_step01>li:nth-child(77)>.txt .tit::before {
  content: "77"
}

.ui_list_step01>li:nth-child(78)>.txt .tit::before {
  content: "78"
}

.ui_list_step01>li:nth-child(79)>.txt .tit::before {
  content: "79"
}

.ui_list_step01>li:nth-child(80)>.txt .tit::before {
  content: "80"
}

.ui_list_step01>li:nth-child(81)>.txt .tit::before {
  content: "81"
}

.ui_list_step01>li:nth-child(82)>.txt .tit::before {
  content: "82"
}

.ui_list_step01>li:nth-child(83)>.txt .tit::before {
  content: "83"
}

.ui_list_step01>li:nth-child(84)>.txt .tit::before {
  content: "84"
}

.ui_list_step01>li:nth-child(85)>.txt .tit::before {
  content: "85"
}

.ui_list_step01>li:nth-child(86)>.txt .tit::before {
  content: "86"
}

.ui_list_step01>li:nth-child(87)>.txt .tit::before {
  content: "87"
}

.ui_list_step01>li:nth-child(88)>.txt .tit::before {
  content: "88"
}

.ui_list_step01>li:nth-child(89)>.txt .tit::before {
  content: "89"
}

.ui_list_step01>li:nth-child(90)>.txt .tit::before {
  content: "90"
}

.ui_list_step01>li:nth-child(91)>.txt .tit::before {
  content: "91"
}

.ui_list_step01>li:nth-child(92)>.txt .tit::before {
  content: "92"
}

.ui_list_step01>li:nth-child(93)>.txt .tit::before {
  content: "93"
}

.ui_list_step01>li:nth-child(94)>.txt .tit::before {
  content: "94"
}

.ui_list_step01>li:nth-child(95)>.txt .tit::before {
  content: "95"
}

.ui_list_step01>li:nth-child(96)>.txt .tit::before {
  content: "96"
}

.ui_list_step01>li:nth-child(97)>.txt .tit::before {
  content: "97"
}

.ui_list_step01>li:nth-child(98)>.txt .tit::before {
  content: "98"
}

.ui_list_step01>li:nth-child(99)>.txt .tit::before {
  content: "99"
}

.ui_list_step01>li .pic {
  flex: 0 0 auto;
  position: relative;
  float: left;
  margin-top: 0;
  margin-right: calc(50/1920*100vw);
  margin-left: 0;
  margin-bottom: calc(30/1920*100vw)
}

.ui_list_step01>li .pic picture {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-width: calc(400/1920*100vw);
  min-height: calc(300/1920*100vw);
  background: rgba(249, 249, 249, .7);
  overflow: hidden
}

.ui_list_step01>li .pic picture img {
  min-width: calc(200/1920*100vw);
  max-width: calc(400/1920*100vw) !important;
  height: auto
}

.ui_list_step01>li:nth-child(even) {
  flex-direction: row-reverse;
  padding-bottom: calc(82/1920*100vw);
  margin-bottom: calc(68/1920*100vw)
}

.ui_list_step01>li:nth-child(even) .pic {
  float: right;
  margin-right: 0;
  margin-left: calc(50/1920*100vw)
}

.ui_list_step01>li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none
}

.ui_list_step01>li:last-child>.triangleWrap {
  display: none
}

@media (min-width:751px) {
  .ui_list_step01>li>.txt>:last-child {
    margin-bottom: calc(30/1920*100vw)
  }

  .ui_list_step01>li:last-child {
    margin-bottom: calc(-30/1920*100vw)
  }
}

@media (max-width:750px) {
  .ui_list_step01 {
    width: 100%;
    list-style-type: none
  }

  .ui_list_step01>li {
    padding-bottom: calc(62/750*100vw);
    margin-bottom: calc(111/750*100vw);
    border-width: calc(2/750*100vw);
    flex-direction: column
  }

  .ui_list_step01>li>.triangleWrap {
    position: absolute;
    left: calc(50% + calc(22/750*100vw));
    bottom: calc(-11/750*100vw);
    transform: rotate(-90deg)
  }

  .ui_list_step01>li>.triangleWrap::before {
    content: "";
    width: calc(40/750*100vw);
    height: calc(40/750*100vw);
    border-width: calc(2/750*100vw);
    transform: rotate(45deg);
    position: absolute;
    top: calc(-41/750*100vw);
    left: calc(-9/750*100vw)
  }

  @-moz-document url-prefix() {
    .ui_list_step01>li>.triangleWrap::before {
      width: calc(41/1920*100vw);
      height: calc(41/1920*100vw);
      left: calc(-10/1920*100vw)
    }
  }

  .ui_list_step01>li>.txt {
    width: 100%;
    position: relative
  }

  .ui_list_step01>li>.txt>.step {
    right: calc(-34/750*100vw);
    top: calc(-73/750*100vw);
    font-size: calc(140/750*100vw)
  }

  .ui_list_step01>li>.txt>.tit {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
    margin-top: calc(94/750*100vw);
    margin-bottom: calc(31/750*100vw);
    text-align: center
  }

  .ui_list_step01>li>.txt>.tit::before {
    width: 100%;
    text-align: left;
    left: 0;
    top: calc(-165/750*100vw);
    font-size: calc(140/750*100vw)
  }

  .ui_list_step01>li>.txt>.tit>.en {
    font-size: calc(32/750*100vw);
    letter-spacing: calc(2.5/750*100vw);
    position: absolute;
    top: calc(-118/750*100vw);
    left: 0;
    padding-left: calc(200/750*100vw)
  }

  .ui_list_step01>li>.txt>.tit>.ja {
    font-size: calc(40/750*100vw);
    margin-top: 0
  }

  .ui_list_step01>li>.txt>p {
    font-size: calc(32/750*100vw);
    font-weight: 300;
    color: #222
  }

  .ui_list_step01>li>.txt .checkBox .layout:nth-child(n+2) {
    margin-top: calc(20/750*100vw)
  }

  .ui_list_step01>li>.txt .checkBox .layout .ui_tit02 {
    font-size: 1.3125rem;
    margin-bottom: calc(10/750*100vw)
  }

  .ui_list_step01>li>.txt .checkBox .layout .lead {
    margin-bottom: calc(15/750*100vw)
  }

  .ui_list_step01>li>.txt .checkBox .layout .ui_table01 {
    margin-bottom: calc(20/750*100vw)
  }

  .ui_list_step01>li>.txt .checkBox .layout .ui_table01 thead th {
    padding: calc(5/750*100vw) calc(25/750*100vw)
  }

  .ui_list_step01>li>.txt .checkBox .layout .ui_table01 tbody th {
    padding: calc(10/750*100vw) calc(20/750*100vw) calc(10/750*100vw) calc(29/750*100vw)
  }

  .ui_list_step01>li>.txt .checkBox .layout .ui_table01 tbody td {
    padding: calc(10/750*100vw) calc(61/750*100vw);
    text-align: center
  }

  .ui_list_step01>li .pic {
    width: calc(670/750*100vw);
    flex: 0 0 auto;
    margin: 0 !important;
    position: relative;
    float: none !important
  }

  .ui_list_step01>li .pic picture {
    display: block;
    text-align: left
  }

  .ds_design03 .ui_list_step01>li .pic picture {
    border-radius: calc(40/750*100vw)
  }

  .ui_list_step01>li .pic picture img {
    width: 100%;
    max-width: 100% !important;
    height: auto
  }

  .ui_list_step01>li:nth-child(even) {
    flex-direction: row;
    padding-bottom: calc(67/750*100vw);
    margin-bottom: calc(113/750*100vw)
  }

  .ui_list_step01>li:nth-child(even)>.txt>.tit::before {
    right: calc(-11/750*100vw)
  }

  .ui_list_step01>li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
  }

  .ui_list_step01>li:last-child>.txt>.step {
    right: calc(-11/750*100vw)
  }

  .ui_list_step01>li:last-child>.triangleWrap {
    display: none
  }
}

.ui_list_step01>li {
  border-color: var(--ui-list-step01-boder-color)
}

.ui_list_step01>li>.triangleWrap::before {
  border-color: transparent transparent var(--ui-list-step01-boder-color) var(--ui-list-step01-boder-color);
  background-color: var(--ui-list-step01-boder-bg-color)
}

.ui_list_step01>li>.txt>.step {
  color: var(--ui-list-step01-number-font-color)
}

.ui_list_step01>li>.txt>.tit>.en {
  color: var(--ui-list-step01-title-font-en-color)
}

.ui_list_step01>li>.txt>.tit>.ja {
  color: var(--ui-list-step01-title-font-ja-color)
}

.ui_list_step02 {
  width: calc(1100/1920*100vw);
  list-style-type: none
}

.ui_list_step02>li {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
  justify-content: space-between;
  margin-bottom: calc(80/1920*100vw);
  color: var(--ui-list-step02-txt-font-color)
}

.ui_list_step02>li:after,
.ui_list_step02>li>.txt>.tit::before {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  position: absolute
}

.ui_list_step02>li:after {
  content: "";
  width: calc(1300/1920*100vw);
  height: auto;
  background-color: #fff;
  top: 0;
  left: calc(-100/1920*100vw);
  right: 0;
  bottom: 0;
  z-index: -1
}

.ui_list_step02>li>.txt {
  width: 100%;
  padding-top: calc(100/1920*100vw);
  padding-bottom: calc(30/1920*100vw);
  position: relative
}

.ui_list_step02>li>.txt figure {
  flex: 0 0 auto;
  position: relative;
  margin: 0;
  margin-left: calc(-315/1920*100vw);
  margin-right: calc(100/1920*100vw);
  margin-bottom: calc(60/1920*100vw);
  float: left
}

.ui_list_step02>li>.txt figure picture {
  display: block;
  overflow: hidden
}

.ui_list_step02>li>.txt figure picture img {
  max-width: calc(700/1920*100vw) !important;
  height: auto
}

.ui_list_step02>li>.txt>.tit {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
  margin-top: calc(-5/1920*100vw);
  margin-bottom: calc(47/1920*100vw);
  position: relative
}

.ui_list_step02>li>.txt>.tit::before {
  content: "01";
  width: calc(85/1920*100vw);
  height: calc(85/1920*100vw);
  left: calc(-120/1920*100vw);
  top: calc(-27/1920*100vw);
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 2.8125rem;
  letter-spacing: calc(3/1920*100vw);
  line-height: 1;
  color: var(--ui-list-step02-number-font-color);
  background-color: var(--ui-list-step02-number-bg-color);
  display: flex;
  justify-content: center;
  align-items: center
}

.ds_design02 .ui_list_step02>li>.txt>.tit::before,
.ds_design02 .ui_list_step02>li>.txt>.tit>.en {
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  font-style: normal
}

.ds_design03 .ui_list_step02>li>.txt>.tit::before {
  border-radius: 50%
}

.ui_list_step02>li>.txt>.tit>.en {
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.125rem;
  letter-spacing: calc(1.5/1920*100vw);
  position: relative;
  margin-top: calc(6/1920*100vw)
}

.ds_design03 .ui_list_step02>li>.txt>.tit::before,
.ds_design03 .ui_list_step02>li>.txt>.tit>.en {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal
}

.ui_list_step02>li>.txt>.tit>.ja {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  font-size: 1.875rem;
  margin-top: calc(40/1920*100vw)
}

@media (max-width:750px) {
  .ui_list_step02>li>.txt>.tit>.ja {
    letter-spacing: .05em
  }
}

.ui_list_step02>li>.txt .checkBox .layout:nth-child(n+2) {
  margin-top: calc(20/1920*100vw)
}

.ui_list_step02>li>.txt .checkBox .layout .ui_tit02 {
  font-size: 1.3125rem;
  margin-bottom: calc(10/1920*100vw);
  overflow: hidden
}

.ui_list_step02>li>.txt .checkBox .layout .lead {
  margin-bottom: calc(15/1920*100vw)
}

.ui_list_step02>li>.txt .checkBox .layout .ui_table01 {
  margin-bottom: calc(10/1920*100vw)
}

.ui_list_step02>li>.txt .checkBox .layout .ui_table01 thead th {
  padding: calc(5/1920*100vw) calc(25/1920*100vw)
}

.ui_list_step02>li>.txt .checkBox .layout .ui_table01 tbody th {
  padding: calc(10/1920*100vw) calc(20/1920*100vw) calc(10/1920*100vw) calc(29/1920*100vw)
}

.ui_list_step02>li>.txt .checkBox .layout .ui_table01 tbody td {
  padding: calc(10/1920*100vw) calc(61/1920*100vw)
}

.ui_list_step02>li:nth-child(1)>.txt .tit::before {
  content: "01"
}

.ui_list_step02>li:nth-child(2)>.txt .tit::before {
  content: "02"
}

.ui_list_step02>li:nth-child(3)>.txt .tit::before {
  content: "03"
}

.ui_list_step02>li:nth-child(4)>.txt .tit::before {
  content: "04"
}

.ui_list_step02>li:nth-child(5)>.txt .tit::before {
  content: "05"
}

.ui_list_step02>li:nth-child(6)>.txt .tit::before {
  content: "06"
}

.ui_list_step02>li:nth-child(7)>.txt .tit::before {
  content: "07"
}

.ui_list_step02>li:nth-child(8)>.txt .tit::before {
  content: "08"
}

.ui_list_step02>li:nth-child(9)>.txt .tit::before {
  content: "09"
}

.ui_list_step02>li:nth-child(10)>.txt .tit::before {
  content: "10"
}

.ui_list_step02>li:nth-child(11)>.txt .tit::before {
  content: "11"
}

.ui_list_step02>li:nth-child(12)>.txt .tit::before {
  content: "12"
}

.ui_list_step02>li:nth-child(13)>.txt .tit::before {
  content: "13"
}

.ui_list_step02>li:nth-child(14)>.txt .tit::before {
  content: "14"
}

.ui_list_step02>li:nth-child(15)>.txt .tit::before {
  content: "15"
}

.ui_list_step02>li:nth-child(16)>.txt .tit::before {
  content: "16"
}

.ui_list_step02>li:nth-child(17)>.txt .tit::before {
  content: "17"
}

.ui_list_step02>li:nth-child(18)>.txt .tit::before {
  content: "18"
}

.ui_list_step02>li:nth-child(19)>.txt .tit::before {
  content: "19"
}

.ui_list_step02>li:nth-child(20)>.txt .tit::before {
  content: "20"
}

.ui_list_step02>li:nth-child(21)>.txt .tit::before {
  content: "21"
}

.ui_list_step02>li:nth-child(22)>.txt .tit::before {
  content: "22"
}

.ui_list_step02>li:nth-child(23)>.txt .tit::before {
  content: "23"
}

.ui_list_step02>li:nth-child(24)>.txt .tit::before {
  content: "24"
}

.ui_list_step02>li:nth-child(25)>.txt .tit::before {
  content: "25"
}

.ui_list_step02>li:nth-child(26)>.txt .tit::before {
  content: "26"
}

.ui_list_step02>li:nth-child(27)>.txt .tit::before {
  content: "27"
}

.ui_list_step02>li:nth-child(28)>.txt .tit::before {
  content: "28"
}

.ui_list_step02>li:nth-child(29)>.txt .tit::before {
  content: "29"
}

.ui_list_step02>li:nth-child(30)>.txt .tit::before {
  content: "30"
}

.ui_list_step02>li:nth-child(31)>.txt .tit::before {
  content: "31"
}

.ui_list_step02>li:nth-child(32)>.txt .tit::before {
  content: "32"
}

.ui_list_step02>li:nth-child(33)>.txt .tit::before {
  content: "33"
}

.ui_list_step02>li:nth-child(34)>.txt .tit::before {
  content: "34"
}

.ui_list_step02>li:nth-child(35)>.txt .tit::before {
  content: "35"
}

.ui_list_step02>li:nth-child(36)>.txt .tit::before {
  content: "36"
}

.ui_list_step02>li:nth-child(37)>.txt .tit::before {
  content: "37"
}

.ui_list_step02>li:nth-child(38)>.txt .tit::before {
  content: "38"
}

.ui_list_step02>li:nth-child(39)>.txt .tit::before {
  content: "39"
}

.ui_list_step02>li:nth-child(40)>.txt .tit::before {
  content: "40"
}

.ui_list_step02>li:nth-child(41)>.txt .tit::before {
  content: "41"
}

.ui_list_step02>li:nth-child(42)>.txt .tit::before {
  content: "42"
}

.ui_list_step02>li:nth-child(43)>.txt .tit::before {
  content: "43"
}

.ui_list_step02>li:nth-child(44)>.txt .tit::before {
  content: "44"
}

.ui_list_step02>li:nth-child(45)>.txt .tit::before {
  content: "45"
}

.ui_list_step02>li:nth-child(46)>.txt .tit::before {
  content: "46"
}

.ui_list_step02>li:nth-child(47)>.txt .tit::before {
  content: "47"
}

.ui_list_step02>li:nth-child(48)>.txt .tit::before {
  content: "48"
}

.ui_list_step02>li:nth-child(49)>.txt .tit::before {
  content: "49"
}

.ui_list_step02>li:nth-child(50)>.txt .tit::before {
  content: "50"
}

.ui_list_step02>li:nth-child(51)>.txt .tit::before {
  content: "51"
}

.ui_list_step02>li:nth-child(52)>.txt .tit::before {
  content: "52"
}

.ui_list_step02>li:nth-child(53)>.txt .tit::before {
  content: "53"
}

.ui_list_step02>li:nth-child(54)>.txt .tit::before {
  content: "54"
}

.ui_list_step02>li:nth-child(55)>.txt .tit::before {
  content: "55"
}

.ui_list_step02>li:nth-child(56)>.txt .tit::before {
  content: "56"
}

.ui_list_step02>li:nth-child(57)>.txt .tit::before {
  content: "57"
}

.ui_list_step02>li:nth-child(58)>.txt .tit::before {
  content: "58"
}

.ui_list_step02>li:nth-child(59)>.txt .tit::before {
  content: "59"
}

.ui_list_step02>li:nth-child(60)>.txt .tit::before {
  content: "60"
}

.ui_list_step02>li:nth-child(61)>.txt .tit::before {
  content: "61"
}

.ui_list_step02>li:nth-child(62)>.txt .tit::before {
  content: "62"
}

.ui_list_step02>li:nth-child(63)>.txt .tit::before {
  content: "63"
}

.ui_list_step02>li:nth-child(64)>.txt .tit::before {
  content: "64"
}

.ui_list_step02>li:nth-child(65)>.txt .tit::before {
  content: "65"
}

.ui_list_step02>li:nth-child(66)>.txt .tit::before {
  content: "66"
}

.ui_list_step02>li:nth-child(67)>.txt .tit::before {
  content: "67"
}

.ui_list_step02>li:nth-child(68)>.txt .tit::before {
  content: "68"
}

.ui_list_step02>li:nth-child(69)>.txt .tit::before {
  content: "69"
}

.ui_list_step02>li:nth-child(70)>.txt .tit::before {
  content: "70"
}

.ui_list_step02>li:nth-child(71)>.txt .tit::before {
  content: "71"
}

.ui_list_step02>li:nth-child(72)>.txt .tit::before {
  content: "72"
}

.ui_list_step02>li:nth-child(73)>.txt .tit::before {
  content: "73"
}

.ui_list_step02>li:nth-child(74)>.txt .tit::before {
  content: "74"
}

.ui_list_step02>li:nth-child(75)>.txt .tit::before {
  content: "75"
}

.ui_list_step02>li:nth-child(76)>.txt .tit::before {
  content: "76"
}

.ui_list_step02>li:nth-child(77)>.txt .tit::before {
  content: "77"
}

.ui_list_step02>li:nth-child(78)>.txt .tit::before {
  content: "78"
}

.ui_list_step02>li:nth-child(79)>.txt .tit::before {
  content: "79"
}

.ui_list_step02>li:nth-child(80)>.txt .tit::before {
  content: "80"
}

.ui_list_step02>li:nth-child(81)>.txt .tit::before {
  content: "81"
}

.ui_list_step02>li:nth-child(82)>.txt .tit::before {
  content: "82"
}

.ui_list_step02>li:nth-child(83)>.txt .tit::before {
  content: "83"
}

.ui_list_step02>li:nth-child(84)>.txt .tit::before {
  content: "84"
}

.ui_list_step02>li:nth-child(85)>.txt .tit::before {
  content: "85"
}

.ui_list_step02>li:nth-child(86)>.txt .tit::before {
  content: "86"
}

.ui_list_step02>li:nth-child(87)>.txt .tit::before {
  content: "87"
}

.ui_list_step02>li:nth-child(88)>.txt .tit::before {
  content: "88"
}

.ui_list_step02>li:nth-child(89)>.txt .tit::before {
  content: "89"
}

.ui_list_step02>li:nth-child(90)>.txt .tit::before {
  content: "90"
}

.ui_list_step02>li:nth-child(91)>.txt .tit::before {
  content: "91"
}

.ui_list_step02>li:nth-child(92)>.txt .tit::before {
  content: "92"
}

.ui_list_step02>li:nth-child(93)>.txt .tit::before {
  content: "93"
}

.ui_list_step02>li:nth-child(94)>.txt .tit::before {
  content: "94"
}

.ui_list_step02>li:nth-child(95)>.txt .tit::before {
  content: "95"
}

.ui_list_step02>li:nth-child(96)>.txt .tit::before {
  content: "96"
}

.ui_list_step02>li:nth-child(97)>.txt .tit::before {
  content: "97"
}

.ui_list_step02>li:nth-child(98)>.txt .tit::before {
  content: "98"
}

.ui_list_step02>li:nth-child(99)>.txt .tit::before {
  content: "99"
}

.ui_list_step02>li:nth-child(even) {
  flex-direction: row-reverse
}

.ui_list_step02>li:nth-child(even)>.txt {
  padding-left: 0
}

.ui_list_step02>li:nth-child(even)>.txt figure {
  margin-right: calc(-315/1920*100vw);
  margin-left: calc(100/1920*100vw);
  float: right
}

.ui_list_step02>li:nth-child(even)>.txt figure picture {
  display: block
}

.ui_list_step02>li:last-child {
  margin-bottom: 0
}

@media (min-width:751px) {
  .ui_list_step02>li>.txt>:last-child {
    margin-bottom: calc(60/1920*100vw)
  }
}

@media (max-width:750px) {

  .ui_list_step02,
  .ui_list_step02>li:after {
    width: calc(670/750*100vw)
  }

  .ui_list_step02>li {
    display: block;
    padding: 0 calc(40/750*100vw) calc(60/750*100vw)
  }

  .ui_list_step02>li:after {
    height: auto;
    top: calc(180/750*100vw);
    left: calc(-40/750*100vw) !important;
    right: 0;
    bottom: 0;
    z-index: -1
  }

  .ds_design03 .ui_list_step02>li:after {
    border-radius: 0
  }

  .ui_list_step02>li>.txt {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: calc(50/750*100vw);
    position: relative
  }

  .ui_list_step02>li>.txt figure {
    flex: 0 0 auto;
    margin: 0 auto calc(115/750*100vw) !important;
    position: relative;
    float: none !important
  }

  .ui_list_step02>li>.txt figure picture {
    display: block
  }

  .ds_design03 .ui_list_step02>li>.txt figure picture {
    border-radius: calc(45/750*100vw)
  }

  .ui_list_step02>li>.txt figure picture img {
    width: 100%;
    max-width: 100% !important
  }

  .ui_list_step02>li>.txt>.tit {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
    text-align: center;
    margin-top: 0;
    margin-bottom: calc(35/750*100vw)
  }

  .ui_list_step02>li>.txt>.tit::before {
    width: calc(136/750*100vw);
    height: calc(136/750*100vw);
    position: absolute;
    left: 50%;
    top: calc(-187/750*100vw);
    margin-left: calc(-68/750*100vw);
    font-family: futura-pt, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2.25rem;
    letter-spacing: calc(3/750*100vw);
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center
  }

  .ds_design02 .ui_list_step02>li>.txt>.tit::before {
    font-family: garamond-premier-pro, serif;
    font-weight: 500;
    font-style: normal
  }

  .ds_design03 .ui_list_step02>li>.txt>.tit::before {
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    font-style: normal
  }

  .ui_list_step02>li>.txt>.tit>.en {
    font-size: 1rem;
    letter-spacing: .084rem;
    position: relative;
    margin-top: 0
  }

  .ui_list_step02>li>.txt>.tit>.ja {
    font-size: 1.25rem;
    margin-top: calc(40/750*100vw);
    letter-spacing: .05rem
  }

  .ui_list_step02>li,
  .ui_list_step02>li>.txt .checkBox .layout .lead {
    margin-bottom: calc(30/750*100vw)
  }

  .ui_list_step02>li>.txt .checkBox .layout .ui_table01 {
    margin-bottom: calc(10/750*100vw)
  }

  .ui_list_step02>li>.txt .checkBox .layout .ui_table01 thead th {
    padding: calc(5/750*100vw) calc(25/750*100vw)
  }

  .ui_list_step02>li>.txt .checkBox .layout .ui_table01 tbody th {
    padding: calc(10/750*100vw) calc(20/750*100vw) calc(10/750*100vw) calc(29/750*100vw)
  }

  .ui_list_step02>li>.txt .checkBox .layout .ui_table01 tbody td {
    padding: calc(10/750*100vw) calc(61/750*100vw)
  }

  .ui_list_step02>li>.txt>:last-child {
    padding-bottom: unset
  }

  .ui_list_step02>li:nth-child(even) {
    flex-direction: row-reverse
  }

  .ui_list_step02>li:nth-child(even):after {
    left: 0
  }

  .ui_list_step02>li:nth-child(even)>.txt figure {
    margin: 0
  }

  .ui_list_step02>li:last-child {
    margin-bottom: 0
  }
}

.ui_list_step02>li:after {
  background-color: var(--ui-list-step02-bg-color)
}

.ui_list_step02>li>.txt>.step {
  color: var(--ui-list-step02-number-font-color);
  background-color: var(--ui-list-step02-number-bg-color)
}

.ui_list_step02>li>.txt>.tit>.en {
  color: var(--ui-list-step02-title-font-en-color)
}

.ui_list_step02>li>.txt>.tit>.en:after {
  background-color: var(--ui-list-step02-title-border-color)
}

.ui_list_step02>li>.txt>.tit>.ja {
  color: var(--ui-list-step02-title-font-ja-color)
}

.ui_list_step02>li.with_fukidashi>.txt>.fukidashi {
  color: var(--ui-list-step02-number-font-color);
  background-color: var(--ui-list-step02-number-bg-color)
}

.ui_list_step02>li.with_fukidashi>.txt>.fukidashi:before {
  border-bottom-color: var(--ui-list-step02-number-bg-color)
}

.ui_list_step03 {
  width: calc(1100/1920*100vw);
  list-style-type: none
}

.ui_list_step03>li {
  margin-bottom: calc(40/1920*100vw);
  color: var(--ui-list-step03-txt-font-color)
}

.ui_list_step03>li>.main {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
  justify-content: space-between;
  padding-bottom: calc(40/1920*100vw)
}

.ui_list_step03>li>.main:after {
  content: "";
  display: block;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  width: calc(1200/1920*100vw);
  height: auto;
  background-color: #fff;
  top: calc(40/1920*100vw);
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1
}

.ds_design03 .ui_list_step03>li>.main:after {
  border-radius: calc(37.5/1920*100vw)
}

.ui_list_step03>li>.main>figure {
  flex: 0 0 auto;
  margin: 0;
  position: relative;
  margin-left: calc(-215/1920*100vw)
}

.ui_list_step03>li>.main>figure picture {
  display: block;
  overflow: hidden
}

.ds_design03 .ui_list_step03>li>.main>figure picture {
  border-radius: calc(22.5/1920*100vw)
}

.ui_list_step03>li>.main>.txt {
  width: calc(515/1920*100vw);
  padding-top: calc(120/1920*100vw);
  position: relative
}

.ui_list_step03>li>.main>.txt>.step {
  width: calc(85/1920*100vw);
  height: calc(85/1920*100vw);
  position: absolute;
  left: calc(-120/1920*100vw);
  top: calc(89/1920*100vw);
  color: #fff;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 2.8125rem;
  letter-spacing: calc(3/1920*100vw);
  line-height: 1;
  background-color: #4fab2c;
  display: flex;
  justify-content: center;
  align-items: center
}

.ds_design02 .ui_list_step03>li>.main>.txt>.step,
.ds_design02 .ui_list_step03>li>.main>.txt>.tit>.en {
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  font-style: normal
}

.ds_design03 .ui_list_step03>li>.main>.txt>.step {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal;
  border-radius: 50%
}

.ui_list_step03>li>.main>.txt>.tit {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
  margin-top: calc(-5/1920*100vw);
  margin-bottom: calc(15/1920*100vw)
}

.ui_list_step03>li>.main>.txt>.tit>.en {
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.125rem;
  color: #4fab2c;
  letter-spacing: calc(1.5/1920*100vw);
  position: relative
}

.ds_design03 .ui_list_step03>li>.main>.txt>.tit>.en {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal
}

.ui_list_step03>li>.main>.txt>.tit>.ja {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  font-size: 1.5rem;
  margin-top: calc(46/1920*100vw)
}

@media (max-width:750px) {
  .ui_list_step03>li>.main>.txt>.tit>.ja {
    letter-spacing: .05em
  }
}

.ui_list_step03>li>.sub {
  padding: calc(78/1920*100vw)0
}

.ui_list_step03>li>.sub:after,
.ui_list_step03>li>.sub>.layout:after,
.ui_list_step03>li>.sub>.layout>p:after,
.ui_list_step03>li>.sub>p:after {
  content: "";
  display: block;
  clear: both
}

.ui_list_step03>li>.sub>.layout>:first-child,
.ui_list_step03>li>.sub>:first-child {
  margin-top: 0
}

.ui_list_step03>li>.sub>.layout>:last-child,
.ui_list_step03>li>.sub>:last-child {
  margin-bottom: 0
}

.ui_list_step03>li>.sub:last-child {
  padding-bottom: 0
}

.ui_list_step03>li>.sub>.layout {
  margin-bottom: calc(98/1920*100vw)
}

.ui_list_step03>li>.sub>.layout .lead {
  margin-bottom: calc(30/1920*100vw)
}

.ui_list_step03>li:last-child,
.ui_list_step03>li>.sub>.layout:last-child,
.ui_list_step04>li:last-child {
  margin-bottom: 0
}

.ui_list_step03>li:nth-child(even)>.main {
  flex-direction: row-reverse
}

.ui_list_step03>li:nth-child(even)>.main:after {
  left: calc(-100/1920*100vw)
}

.ui_list_step03>li:nth-child(even)>.main>figure {
  margin-left: 0;
  margin-right: calc(-215/1920*100vw)
}

.ui_list_step03>li:nth-child(even)>.main>figure picture {
  display: block
}

@media (max-width:750px) {
  .ui_list_step03 {
    width: calc(670/750*100vw)
  }

  .ui_list_step03>li {
    margin-bottom: calc(70/750*100vw)
  }

  .ui_list_step03>li>.main {
    display: block;
    padding: 0 calc(40/750*100vw) calc(60/750*100vw)
  }

  .ui_list_step03>li>.main:after {
    width: calc(670/750*100vw);
    height: auto;
    top: calc(130/750*100vw);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
  }

  .ds_design03 .ui_list_step03>li>.main:after {
    border-radius: 0
  }

  .ui_list_step03>li>.main>figure {
    flex: 0 0 auto;
    margin: 0;
    position: relative
  }

  .ui_list_step03>li>.main>figure picture {
    display: block
  }

  .ds_design03 .ui_list_step03>li>.main>figure picture {
    border-radius: calc(45/750*100vw)
  }

  .ui_list_step03>li>.main>figure picture img {
    width: 100%;
    height: auto
  }

  .ui_list_step03>li>.main>.txt {
    width: auto;
    padding-top: calc(115/750*100vw);
    position: relative
  }

  .ui_list_step03>li>.main>.txt>.step {
    width: calc(136/750*100vw);
    height: calc(136/750*100vw);
    position: absolute;
    left: 50%;
    top: calc(-70/750*100vw);
    margin-left: calc(-68/750*100vw);
    font-family: futura-pt, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2.25rem;
    letter-spacing: calc(3/750*100vw);
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center
  }

  .ds_design02 .ui_list_step03>li>.main>.txt>.step {
    font-family: garamond-premier-pro, serif;
    font-weight: 500;
    font-style: normal
  }

  .ds_design03 .ui_list_step03>li>.main>.txt>.step {
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    font-style: normal
  }

  .ui_list_step03>li>.main>.txt>.tit {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
    text-align: center;
    margin-top: 0;
    margin-bottom: calc(35/750*100vw)
  }

  .ui_list_step03>li>.main>.txt>.tit>.en {
    font-size: 1rem;
    letter-spacing: .084rem;
    position: relative
  }

  .ui_list_step03>li>.main>.txt>.tit>.en:after {
    content: none
  }

  .ui_list_step03>li>.main>.txt>.tit>.ja {
    font-size: 1.25rem;
    margin-top: calc(40/750*100vw);
    letter-spacing: .05rem
  }

  .ui_list_step03>li:nth-child(even)>.main {
    flex-direction: row-reverse
  }

  .ui_list_step03>li:nth-child(even)>.main:after {
    left: 0
  }

  .ui_list_step03>li:nth-child(even)>.main>figure {
    margin: 0
  }
}

.ui_list_step03>li>.main:after {
  background-color: var(--ui-list-step03-bg-color)
}

.ui_list_step03>li>.main>.txt>.step {
  color: var(--ui-list-step03-number-font-color);
  background-color: var(--ui-list-step03-number-bg-color)
}

.ui_list_step03>li>.main>.txt>.tit>.en {
  color: var(--ui-list-step03-title-font-en-color)
}

.ui_list_step03>li>.main>.txt>.tit>.en:after {
  background-color: var(--ui-list-step03-title-border-color)
}

.ui_list_step03>li>.main>.txt>.tit>.ja {
  color: var(--ui-list-step03-title-font-ja-color)
}

.ui_list_step04 {
  position: relative
}

.ui_list_step04>li {
  display: flex;
  justify-content: center;
  margin-bottom: calc(43/1920*100vw);
  color: var(--ui-list-step04-txt-font-color)
}

.ui_list_step04>li .num {
  display: block;
  flex: 0 0 auto;
  width: 18%;
  text-align: right;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 2.25rem;
  line-height: 1.25;
  letter-spacing: 0;
  padding-top: calc(2/1920*100vw);
  padding-right: calc(30/1920*100vw);
  position: relative;
  top: calc(-9/1920*100vw);
  right: calc(-2/1920*100vw)
}

.ds_design02 .ui_list_case01>li .txt .tit,
.ds_design02 .ui_list_step04>li .num {
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  font-style: normal
}

.ds_design03 .ui_list_case01>li .txt .tit,
.ds_design03 .ui_list_step04>li .num {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal
}

.ui_list_step04>li .num:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: -1px;
  bottom: -1px;
  width: 1px
}

.ui_list_step04>li .num:first-of-type:before {
  top: calc(29/1920*100vw)
}

.ui_list_step04>li .num:last-of-type:before {
  bottom: auto;
  height: calc(100% + calc(43/1920*100vw))
}

.ui_list_step04>li .num:after {
  content: "";
  display: block;
  position: absolute;
  right: calc(-5/1920*100vw);
  top: calc(20/1920*100vw);
  width: calc(10/1920*100vw);
  height: calc(10/1920*100vw);
  border-radius: calc(10/1920*100vw)
}

.ui_list_step04>li .txt {
  flex: 0 0 auto;
  width: 80%;
  line-height: 1.5;
  padding: 0 0 0 calc(30/1920*100vw)
}

.ui_list_step04>li .txt>h4 {
  margin-bottom: calc(10/1920*100vw);
  font-size: 1.25rem;
  font-weight: 400
}

.ui_list_step04>li .txt p {
  line-height: 1.933
}

.ui_list_step04>li:last-child .num:before {
  content: none
}

@media (max-width:750px) {
  .ui_list_step04>li .num {
    width: 17%;
    padding-top: 0;
    padding-right: calc(40/750*100vw);
    font-size: 2rem;
    text-align: right;
    top: calc(-12/750*100vw);
    right: 0
  }

  .ui_list_step04>li .num:before {
    width: calc(2/750*100vw)
  }

  .ui_list_step04>li .num:after {
    right: calc(-9/750*100vw);
    top: calc(30/750*100vw);
    width: calc(20/750*100vw);
    height: calc(20/750*100vw);
    border-radius: calc(20/750*100vw);
    border-width: calc(6/750*100vw)
  }

  .ui_list_step04>li .txt {
    width: 82%;
    padding-left: calc(40/750*100vw);
    padding-right: 0;
    font-size: 1rem;
    margin-bottom: calc(40/750*100vw)
  }

  .ui_list_step04>li .txt:last-child {
    margin-bottom: 0
  }

  .ui_list_step04>li .txt>h4 {
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: calc(20/750*100vw)
  }

  .ui_list_step04>li:last-child .num:before {
    content: none
  }
}

.ui_list_step04>li .num {
  color: var(--ui-list-step04-num-color)
}

.ui_list_step04>li .num:before {
  background-color: var(--ui-list-step04-line-color)
}

.ui_list_step04>li .num:after {
  background-color: var(--ui-list-step04-circle-color)
}

.ui_list_check01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.ui_list_check01>li {
  flex: 0 0 auto;
  width: 100%;
  font-size: 1.0625rem;
  font-weight: 500;
  padding-left: calc(45/1920*100vw);
  position: relative;
  margin-bottom: calc(20/1920*100vw);
  line-height: 1.8;
  color: var(--ui-list-check01-txt-font-color)
}

.ui_list_check01>li.col02 {
  width: calc(50% - calc(25/1920*100vw))
}

.ui_list_check01>li>.icon {
  display: block;
  position: absolute;
  left: 0;
  top: calc(16/1920*100vw);
  width: calc(25/1920*100vw);
  height: calc(25/1920*100vw);
  margin-top: calc(-14/1920*100vw);
  background-color: #000
}

.ui_list_check01>li>.icon::after,
.ui_list_check01>li>.icon::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(12/1920*100vw);
  left: calc(5/1920*100vw);
  height: 0;
  width: calc(13/1920*100vw);
  transform: rotate(53deg);
  border-top: calc(2/1920*100vw) solid #fff
}

.ui_list_check01>li>.icon::after {
  top: calc(10/1920*100vw);
  left: calc(11/1920*100vw);
  width: calc(20/1920*100vw);
  transform: rotate(-53deg)
}

.ui_list_check01>li:last-child {
  margin-bottom: 0
}

.ui_list_check01 .tit {
  display: block;
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  font-size: 1.25rem;
  line-height: 1.5;
  margin-bottom: calc(10/1920*100vw)
}

@media (max-width:750px) {
  .ui_list_check01 .tit {
    letter-spacing: .05em
  }
}

.ui_list_check01.second>li {
  color: var(--ui-list-check01-second-txt-font-color)
}

.ui_list_check01.textadd {
  margin: calc(20/1920*100vw)0
}

.ui_list_check01.num>li {
  width: 20%
}

.ui_list_check01.icon-c>li>.icon {
  top: 50% !important;
  transform: translateY(-50%)
}

@media (max-width:750px) {
  .ui_list_check01>li {
    width: 100%;
    font-size: calc(32/750*100vw);
    font-weight: 500;
    padding-left: calc(63/750*100vw);
    position: relative;
    margin-bottom: calc(32/750*100vw);
    line-height: 1.8
  }

  .ui_list_check01>li.col02 {
    width: 100%
  }

  .ui_list_check01>li>.icon {
    width: calc(25/750*100vw) !important;
    height: calc(25/750*100vw) !important;
    top: calc(10/750*100vw) !important
  }

  .ui_list_check01>li>.icon::after,
  .ui_list_check01>li>.icon::before {
    border-width: calc(3/750*100vw) !important
  }

  .ui_list_check01>li>.icon::before {
    top: calc(12/750*100vw) !important;
    left: calc(5/750*100vw) !important;
    width: calc(13/750*100vw) !important
  }

  .ui_list_check01>li>.icon::after {
    top: calc(10/750*100vw) !important;
    left: calc(11/750*100vw) !important;
    width: calc(20/750*100vw) !important
  }

  .ui_list_check01>li:last-child {
    margin-bottom: 0
  }

  .ui_list_check01.textadd {
    margin: calc(40/750*100vw)0
  }
}

.ui_list_check01>li>.icon {
  background-color: var(--ui-list-check01-icon-bg-color)
}

.ui_list_check01>li>.icon::after,
.ui_list_check01>li>.icon::before {
  border-color: var(--ui-list-check01-icon-border-color)
}

.ui_list_inline01 {
  display: flex;
  flex-wrap: wrap
}

.ui_list_inline01>li {
  flex: 1 1 auto;
  min-width: 50%;
  position: relative;
  padding-left: calc(15/1920*100vw);
  color: var(--ui-list-inline01-txt-font-color)
}

.ui_list_inline01>li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: calc(6/1920*100vw);
  border-style: solid;
  border-width: calc(5/1920*100vw)0 calc(5/1920*100vw) calc(5/1920*100vw);
  border-color: transparent transparent transparent var(--ui-list-inline01-icon-color)
}

@media (max-width:750px) {
  .ui_list_inline01 {
    display: block
  }

  .ui_list_inline01>li {
    min-width: auto;
    padding-left: calc(28/750*100vw)
  }

  .ui_list_inline01>li:before {
    content: "";
    top: calc(13/750*100vw);
    border-width: calc(10/750*100vw)0 calc(10/750*100vw) calc(10/750*100vw)
  }
}

.ui_list_case01 {
  list-style-type: none;
  margin: calc(30/1920*100vw)0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap
}

.ui_list_case01>li {
  width: calc(50% - calc(35/1920*100vw));
  position: relative;
  margin-right: calc(70/1920*100vw)
}

.ui_list_case01>li:nth-of-type(2n) {
  margin-right: 0
}

.ui_list_case01>li img {
  width: 100%;
  height: auto
}

.ui_list_case01>li .txt {
  margin-top: calc(20/1920*100vw);
  color: var(--ui-list-case01-txt-font-color)
}

.ui_list_case01>li .txt .tit {
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 2.8125rem;
  letter-spacing: .075rem;
  margin-bottom: calc(8/1920*100vw);
  text-align: center;
  color: var(--ui-list-case01-title-font-en-color)
}

.ui_list_case01>li .txt p,
.ui_modal02.tabpanellist .tabpanel>.table_wrap .ui_table01 {
  margin: 0
}

.ui_list_case01>li.arrowRight {
  position: relative
}

.ui_list_case01>li.arrowRight:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(28/1920*100vw);
  height: calc(28/1920*100vw);
  right: calc(-42/1920*100vw);
  top: calc(30% - calc(14/1920*100vw));
  border-style: solid;
  border-width: 0 0 calc(4/1920*100vw) calc(4/1920*100vw);
  border-color: transparent transparent var(--ui-list-case01-icon-color) var(--ui-list-case01-icon-color);
  transform-origin: center;
  transform: rotate(-135deg)
}

@media (max-width:750px) {
  .ui_list_case01>li {
    width: 100%;
    margin-right: 0 !important
  }

  .ui_list_case01>li:nth-child(even) {
    margin-top: calc(175/750*100vw)
  }

  .ui_list_case01>li .txt {
    margin-top: calc(56/750*100vw)
  }

  .ui_list_case01>li .txt .tit {
    font-size: 2.25rem;
    margin-bottom: calc(35/750*100vw)
  }

  .ui_list_case01>li .txt p {
    margin: 0
  }

  .ui_list_case01>li.arrowRight:after {
    right: calc(50% - calc(26.5/750*100vw));
    top: auto;
    width: calc(53/750*100vw);
    height: calc(53/750*100vw);
    bottom: calc(-90/750*100vw);
    border-width: 0 0 calc(8/750*100vw) calc(8/750*100vw);
    transform: rotate(-45deg)
  }
}

.ui_list_faq01 {
  margin: calc(30/1920*100vw) auto
}

.ui_list_faq01>li {
  overflow: hidden;
  transition: height .3s
}

.ui_list_faq01>li:nth-child(n+2) {
  margin-top: calc(5/1920*100vw)
}

.ui_list_faq01>li .question {
  font-family: ds-font-jp;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: .06em;
  font-size: 1.5rem;
  text-align: left;
  padding: calc(22/1920*100vw) calc(90/1920*100vw) calc(22/1920*100vw) calc(35/1920*100vw);
  position: relative;
  line-height: 1.5
}

@media (max-width:750px) {
  .ui_list_faq01>li .question {
    letter-spacing: .05em
  }
}

.ui_list_faq01>li .question:hover {
  cursor: pointer
}

.ui_list_faq01>li .question:after {
  content: "";
  transition: rotate .3s;
  position: absolute;
  top: calc(50% - calc(12.75/1920*100vw));
  transform-origin: center;
  right: calc(70/1920*100vw);
  width: calc(51/1920*100vw);
  height: calc(30/1920*100vw);
  clip-path: path("M8.152,0.236 L25.288,20.520 L42.420,0.236 L50.202,0.236 L25.288,29.738 L0.375,0.236 L8.152,0.236 Z");
  zoom: .5
}

.ui_list_faq01>li .answer {
  padding: calc(35/1920*100vw);
  position: relative;
  text-align: left
}

.ui_list_faq01>li .answer .faqIn {
  padding: calc(30/1920*100vw);
  background-color: var(--ui-list-faq01-text-inner-wrap-bg-color)
}

.ui_list_faq01>li .answer .faqIn div {
  padding: calc(30/1920*100vw);
  background-color: var(--ui-list-faq01-text-inner-bg-color)
}

.ui_list_faq01>li.open .question:after {
  transform: rotate(-180deg)
}

@media (max-width:750px) {
  .ui_list_faq01>li:nth-child(n+2) {
    margin-top: calc(10/750*100vw)
  }

  .ui_list_faq01>li .question {
    font-size: 1.125rem;
    padding: calc(30/750*100vw) calc(90/750*100vw) calc(30/750*100vw) calc(45/750*100vw);
    line-height: 1.5
  }

  .ui_list_faq01>li .question:after {
    right: calc(50/750*100vw);
    zoom: .8;
    width: calc(50 / 750 * 100vw) !important;
    height: calc(30 / 750 * 100vw) !important;
  }

  .ui_list_faq01>li .answer {
    padding: calc(45/750*100vw)
  }
}

.ui_list_faq01>li .question {
  background-color: var(--ui-list-faq01-title-bg-color);
  color: var(--ui-list-faq01-title-font-color)
}

.ui_list_faq01>li .question:after {
  background-color: var(--ui-list-faq01-icon-color)
}

.ui_list_faq01>li .answer {
  background-color: var(--ui-list-faq01-text-bg-color);
  color: var(--ui-list-faq01-text-font-color)
}

.ui_list_voice01>li {
  display: flex;
  align-items: center;
  margin-bottom: calc(52/1920*100vw)
}

.ui_list_voice01>li>.pic {
  flex: 0 0 auto;
  width: 27.273%;
  display: flex;
  flex-direction: column;
  align-items: center
}

.ui_list_voice01>li>.pic>.ico {
  flex: 0 0 auto
}

.ui_list_voice01>li>.pic>.name {
  flex: 0 0 auto;
  display: block;
  margin-top: calc(20/1920*100vw);
  font-size: 1.5rem;
  line-height: 1.5
}

.ui_list_voice01>li>.txt {
  flex: 1 1 auto;
  position: relative;
  padding: calc(41/1920*100vw) calc(50/1920*100vw);
  color: var(--ui-list-voice01-txt-font-color)
}

.ui_list_voice01>li>.txt:before {
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  top: 50%;
  margin-top: calc(-12/1920*100vw);
  border: calc(12/1920*100vw) solid transparent;
  border-width: calc(12/1920*100vw) calc(20/1920*100vw) calc(12/1920*100vw)0
}

.ui_list_voice01>li.reverse {
  flex-direction: row-reverse
}

.ui_list_voice01>li.reverse>.txt:before {
  right: auto;
  left: 100%;
  border-left-width: calc(20/1920*100vw);
  border-right-width: 0
}

.ui_list_voice01>li:last-child {
  margin-bottom: 0
}

@media (max-width:750px) {
  .ui_list_voice01>li {
    align-items: flex-start
  }

  .ui_list_voice01>li>.pic {
    width: 26.866%;
    padding-top: calc(30/750*100vw)
  }

  .ui_list_voice01>li>.pic>.name {
    font-size: 1rem
  }

  .ui_list_voice01>li>.txt {
    padding: calc(35/750*100vw)
  }

  .ui_list_voice01>li>.txt:before {
    top: calc(90/750*100vw);
    border-width: calc(18/750*100vw) calc(30/750*100vw) calc(18/750*100vw)0;
    margin-top: calc(-18/750*100vw)
  }
}

.ui_list_voice01>li>.pic>.ico svg path {
  fill: var(--ui-list-voice01-icon-color)
}

.ui_list_voice01>li>.pic>.name {
  color: var(--ui-list-voice01-icon-txt-color)
}

.ui_list_voice01>li>.txt {
  background-color: var(--ui-list-voice01-txt-bg-color)
}

.ui_list_voice01>li>.txt:before {
  border-color: transparent var(--ui-list-voice01-txt-bg-color)
}

.overview {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse
}

.overview .ui_table01 {
  width: calc(700/1920*100vw)
}

.overview .ui_table01 tbody th {
  width: 26.2%
}

.overview .ui_table01 tbody td {
  padding: calc(16/1920*100vw) calc(30/1920*100vw) calc(14/1920*100vw)
}

.overview .pic {
  width: calc(866/1920*100vw);
  margin-left: calc(50/1920*100vw)
}

@media (max-width:750px) {
  .overview {
    flex-direction: column
  }

  .overview .ui_table01,
  .overview .ui_table01 tbody th {
    width: auto
  }

  .overview .ui_table01 tbody td {
    padding: calc(16/750*100vw) calc(30/750*100vw) calc(14/750*100vw)
  }

  .overview .pic {
    width: auto;
    margin-left: 0
  }
}

.ui_modal01.tabpanellist {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1010;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgba(255, 255, 255, .9);
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s
}

.ui_modal01.tabpanellist[aria-hidden=false] {
  pointer-events: auto;
  opacity: 1
}

.ui_modal01.tabpanellist .tabpanel {
  flex: 0 0 auto;
  width: calc(960/1920*100vw);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: auto 0;
  padding: calc(80/1920*100vw)0
}

.ui_modal01.tabpanellist .tabpanel[aria-hidden=true] {
  display: none
}

.ui_modal01.tabpanellist .tabpanel>iframe {
  display: block;
  width: calc(960/1920*100vw);
  height: calc(540/1920*100vw)
}

.ui_modal01.tabpanellist .modalclose {
  display: block;
  position: fixed;
  right: calc(35/1920*100vw);
  top: calc(35/1920*100vw);
  width: calc(65/1920*100vw);
  height: calc(65/1920*100vw);
  background-color: #b28850;
  z-index: 10
}

.ui_modal01.tabpanellist .modalclose:after,
.ui_modal01.tabpanellist .modalclose:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(32/1920*100vw);
  height: calc(4/1920*100vw);
  background-color: #fff;
  margin: calc(-2/1920*100vw) calc(-16/1920*100vw);
  transform: rotate(45deg)
}

.ui_modal01.tabpanellist .modalclose:after {
  transform: rotate(-45deg)
}

@media (max-width:750px) {
  .ui_modal01.tabpanellist .tabpanel {
    width: calc(690/750*100vw);
    display: block;
    padding: calc(180/750*100vw)0
  }

  .ui_modal01.tabpanellist .tabpanel>iframe {
    width: calc(690/750*100vw);
    height: calc(388/750*100vw)
  }

  .ui_modal01.tabpanellist .modalclose {
    right: 0;
    top: 0;
    width: calc(120/750*100vw);
    height: calc(120/750*100vw)
  }

  .ui_modal01.tabpanellist .modalclose:after,
  .ui_modal01.tabpanellist .modalclose:before {
    width: calc(48/750*100vw);
    height: calc(8/750*100vw);
    margin: calc(-4/750*100vw) calc(-24/750*100vw)
  }
}

.ui_modal02.tablist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.ui_modal02.tablist>li {
  flex: 0 0 auto;
  padding: 0
}

.ui_modal02.tablist>li:nth-child(n+3) {
  margin-top: calc(25/1920*100vw)
}

.ui_modal02.tablist>li>a {
  display: flex;
  align-items: center;
  width: calc(530/1920*100vw);
  text-decoration: none;
  color: #12467e;
  background-color: #eff3f9;
  font-size: calc(19/1920*100vw);
  line-height: 1.5;
  font-feature-settings: "palt";
  padding-right: calc(50/1920*100vw);
  position: relative;
  transition: background-color .3s, color .3s
}

.ui_modal02.tablist>li>a>figure {
  flex: 0 0 auto;
  margin-right: calc(30/1920*100vw)
}

.ui_modal02.tablist>li>a>figure img {
  width: calc(180/1920*100vw);
  height: auto
}

.ui_modal02.tablist>li>a>p {
  flex: 1 1 auto
}

.ui_modal02.tablist>li>a:after {
  content: "";
  display: block;
  position: absolute;
  right: calc(20/1920*100vw);
  top: 50%;
  width: calc(10/1920*100vw);
  height: calc(10/1920*100vw);
  border: 1px solid #12467e;
  border-width: calc(2/1920*100vw) calc(2/1920*100vw)0 0;
  transform-origin: right top;
  transform: rotate(45deg);
  transition: border-color .3s
}

.ui_modal02.tablist>li>a:hover,
.ui_modal02.tablist>li>a[aria-selected=true] {
  background-color: #12467e;
  color: #fff
}

.ui_modal02.tablist>li>a:hover:after,
.ui_modal02.tablist>li>a[aria-selected=true]:after {
  border-color: #fff
}

@media (max-width:750px) {
  .ui_modal02.tablist {
    display: block
  }

  .ui_modal02.tablist>li {
    width: 100%
  }

  .ui_modal02.tablist>li:nth-child(n+2) {
    margin-top: calc(30/750*100vw)
  }

  .ui_modal02.tablist>li>a {
    width: auto;
    font-size: calc(30/750*100vw)
  }

  .ui_modal02.tablist>li>a>figure {
    flex: 0 0 auto;
    margin-right: calc(40/750*100vw)
  }

  .ui_modal02.tablist>li>a>figure img {
    width: calc(240/750*100vw)
  }

  .ui_modal02.tablist>li>a:after {
    right: calc(20/750*100vw);
    width: calc(20/750*100vw);
    height: calc(20/750*100vw);
    border-width: calc(4/750*100vw) calc(4/750*100vw)0 0
  }
}

.ui_modal02.tabpanellist {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1010;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgba(255, 255, 255, .9);
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s
}

.ui_modal02.tabpanellist[aria-hidden=false] {
  pointer-events: auto;
  opacity: 1
}

.ui_modal02.tabpanellist .tabpanel {
  flex: 0 0 auto;
  width: calc(1100/1920*100vw);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: auto 0;
  padding: calc(80/1920*100vw)0
}

.ui_modal02.tabpanellist .tabpanel>figure {
  flex: 0 0 auto;
  transition: opacity .3s, transform .3s
}

.ui_modal02.tabpanellist .tabpanel>.table_wrap {
  flex: 1 1 auto;
  margin: calc(50/1920*100vw)0 0 calc(-30/1920*100vw);
  position: relative;
  z-index: 1;
  transition: opacity .3s, transform .3s
}

.ui_modal02.tabpanellist .tabpanel>.btn {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: calc(40/1920*100vw);
  transition: opacity .3s, transform .3s
}

.ui_modal02.tabpanellist .tabpanel>.btn>a:nth-child(n+2) {
  margin-left: calc(30/1920*100vw)
}

.ui_modal02.tabpanellist .tabpanel[aria-hidden=true] {
  display: none
}

.ui_modal02.tabpanellist .tabpanel[aria-hidden=true]>.btn,
.ui_modal02.tabpanellist .tabpanel[aria-hidden=true]>.table_wrap,
.ui_modal02.tabpanellist .tabpanel[aria-hidden=true]>figure {
  opacity: 0
}

.ui_modal02.tabpanellist .tabpanel.enter>figure,
.ui_modal02.tabpanellist .tabpanel.leave>figure {
  opacity: 0;
  transform: translateX(calc(-60/1920*100vw))
}

.ui_modal02.tabpanellist .tabpanel.enter>.table_wrap,
.ui_modal02.tabpanellist .tabpanel.leave>.table_wrap {
  opacity: 0;
  transform: translateX(calc(60/1920*100vw))
}

.ui_modal02.tabpanellist .tabpanel.enter>.btn,
.ui_modal02.tabpanellist .tabpanel.leave>.btn {
  opacity: 0;
  transform: translateY(calc(30/1920*100vw))
}

.ui_modal02.tabpanellist .modalclose,
.ui_modal02.tabpanellist .tabnext,
.ui_modal02.tabpanellist .tabprev {
  position: fixed;
  left: calc(50/1920*100vw);
  width: calc(54/1920*100vw);
  height: calc(54/1920*100vw);
  background-color: #eff3f9;
  border-radius: 50%;
  z-index: 10
}

.ui_modal02.tabpanellist .modalclose {
  display: block;
  top: calc(50/1920*100vw)
}

.ui_modal02.tabpanellist .modalclose:after,
.ui_modal02.tabpanellist .modalclose:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(24/1920*100vw);
  height: calc(4/1920*100vw);
  background-color: #12467e;
  margin: calc(-2/1920*100vw) calc(-12/1920*100vw);
  transform: rotate(45deg)
}

.ui_modal02.tabpanellist .modalclose:after {
  transform: rotate(-45deg)
}

.ui_modal02.tabpanellist .tabnext,
.ui_modal02.tabpanellist .tabprev {
  top: 50%;
  margin-top: calc(-27/1920*100vw)
}

.ui_modal02.tabpanellist .tabnext:before,
.ui_modal02.tabpanellist .tabprev:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(16/1920*100vw);
  height: calc(16/1920*100vw);
  border: 1px solid #003769;
  border-width: calc(4/1920*100vw)0 0 calc(4/1920*100vw);
  transform-origin: calc(6/1920*100vw) calc(6/1920*100vw);
  transform: rotate(-45deg);
  margin: calc(-6/1920*100vw);
  transition: border-color .3s
}

.ui_modal02.tabpanellist .tabnext:before {
  transform: rotate(135deg)
}

.ui_modal02.tabpanellist .tabnext {
  left: auto;
  right: calc(50/1920*100vw)
}

@media (max-width:750px) {
  .ui_modal02.tabpanellist .tabpanel {
    width: auto;
    display: block;
    padding: calc(180/750*100vw) calc(40/750*100vw)
  }

  .ui_modal02.tabpanellist .tabpanel>figure img {
    width: 100%;
    height: auto
  }

  .ui_modal02.tabpanellist .tabpanel>.table_wrap {
    margin: calc(50/750*100vw)0 0;
    width: 100%
  }

  .ui_modal02.tabpanellist .tabpanel>.btn {
    display: block;
    margin-top: calc(50/750*100vw)
  }

  .ui_modal02.tabpanellist .tabpanel>.btn>a {
    display: block
  }

  .ui_modal02.tabpanellist .tabpanel>.btn>a:nth-child(n+2) {
    margin: calc(20/750*100vw)0 0
  }

  .ui_modal02.tabpanellist .modalclose,
  .ui_modal02.tabpanellist .tabnext,
  .ui_modal02.tabpanellist .tabprev {
    left: calc(37/750*100vw);
    top: calc(37/750*100vw);
    width: calc(106/750*100vw);
    height: calc(106/750*100vw)
  }

  .ui_modal02.tabpanellist .modalclose:after,
  .ui_modal02.tabpanellist .modalclose:before {
    width: calc(48/750*100vw);
    height: calc(8/750*100vw);
    margin: calc(-4/750*100vw) calc(-24/750*100vw)
  }

  .ui_modal02.tabpanellist .tabnext,
  .ui_modal02.tabpanellist .tabprev {
    left: calc(180/750*100vw);
    margin: 0
  }

  .ui_modal02.tabpanellist .tabnext {
    right: auto;
    left: calc(323/750*100vw)
  }

  .ui_modal02.tabpanellist .tabnext:before,
  .ui_modal02.tabpanellist .tabprev:before {
    width: calc(32/750*100vw);
    height: calc(32/750*100vw);
    border-width: calc(8/750*100vw)0 0 calc(8/750*100vw);
    transform-origin: calc(12/750*100vw) calc(12/750*100vw);
    margin: calc(-12/750*100vw)
  }

  .ui_modal02.tabpanellist .tabnext:before {
    transform: rotate(135deg)
  }
}

.form_contact .ui_table01 td,
.form_contact .ui_table01 th {
  padding: calc(15/1920*100vw) calc(25/1920*100vw)
}

.form_contact .ui_table01 th {
  width: 34%
}

.form_contact .ui_table01 th .required {
  color: var(--ui-form01-required-font-color);
  font-size: 80%;
  padding: calc(4/1920*100vw) calc(8/1920*100vw);
  margin-left: calc(8/1920*100vw);
  background-color: var(--ui-form01-required-bg-color);
  white-space: nowrap
}

@media (max-width:750px) {

  .form_contact .ui_table01,
  .form_contact .ui_table01 tbody,
  .form_contact .ui_table01 td,
  .form_contact .ui_table01 th,
  .form_contact .ui_table01 tr {
    display: block
  }

  .form_contact .ui_table01 td,
  .form_contact .ui_table01 th {
    padding: calc(16/750*100vw)0 calc(42/750*100vw) !important
  }

  .form_contact .ui_table01 th {
    width: auto
  }

  .form_contact .ui_table01 th .required {
    padding: calc(5/750*100vw) calc(15/750*100vw);
    margin-left: calc(15/750*100vw)
  }
}

.form_contact .btn_wrap {
  margin-top: calc(40/1920*100vw);
  display: flex;
  justify-content: center;
  flex-wrap: wrap
}

.form_contact .btn_wrap>p {
  width: 100%;
  text-align: center;
  margin-bottom: calc(20/1920*100vw)
}

.form_contact .btn_wrap>button,
.form_contact .btn_wrap>input {
  padding: calc(10/1920*100vw)0;
  width: calc(200/1920*100vw);
  font-size: 130%;
  color: var(--ui-form01-button-send-font-color);
  transition: opacity .3s;
  background: var(--ui-form01-button-send-bg-color)
}

.form_contact .btn_wrap>button.back,
.form_contact .btn_wrap>input.back {
  color: var(--ui-form01-button-back-font-color);
  background: var(--ui-form01-button-back-bg-color);
  margin-right: calc(40/1920*100vw)
}

.form_contact .btn_wrap>button.send,
.form_contact .btn_wrap>input.send {
  margin-left: calc(30/1920*100vw)
}

.form_contact .btn_wrap>button:hover,
.form_contact .btn_wrap>input:hover {
  opacity: .7
}

@media (max-width:750px) {
  .form_contact .btn_wrap {
    margin-top: calc(50/750*100vw)
  }

  .form_contact .btn_wrap>button,
  .form_contact .btn_wrap>input {
    padding: calc(15/750*100vw)0;
    width: calc(280/750*100vw);
    font-size: 130%
  }

  .form_contact .btn_wrap>button.confirm,
  .form_contact .btn_wrap>input.confirm {
    width: calc(400/750*100vw)
  }
}

.form_contact button,
.form_contact input,
.form_contact select,
.form_contact textarea {
  margin: 0;
  padding: 0;
  background: 0 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle
}

.form_contact select::-ms-expand {
  display: none
}

.form_contact input:-webkit-autofill,
.form_contact textarea:-webkit-autofill {
  -webkit-transition: background-color 999999s;
  transition: background-color 999999s
}

.form_contact input[type=date],
.form_contact input[type=email],
.form_contact input[type=number],
.form_contact input[type=tel],
.form_contact input[type=text],
.form_contact select {
  width: calc(360/1920*100vw)
}

.form_contact input[type=date],
.form_contact input[type=email],
.form_contact input[type=number],
.form_contact input[type=tel],
.form_contact input[type=text],
.form_contact select,
.form_contact textarea {
  font-size: .9375rem;
  padding: calc(6/1920*100vw) calc(10/1920*100vw);
  border: 1px solid var(--ui-form01-textbox-border-color);
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
  line-height: 1.5;
  background: linear-gradient(to right, var(--ui-form01-textbox-focus-color) 0%, var(--ui-form01-textbox-focus-color) 100%) left top no-repeat var(--ui-form01-textbox-bg-color);
  background-size: 0 100%;
  transition: background-size .3s
}

:root .form_contact input[type=date],
:root .form_contact input[type=email],
:root .form_contact input[type=number],
:root .form_contact input[type=tel],
:root .form_contact input[type=text],
:root .form_contact select,
:root .form_contact textarea,
_:-ms-input-placeholder {
  font-family: Meiryo, "MS PGothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif
}

.form_contact input[type=date]:focus,
.form_contact input[type=email]:focus,
.form_contact input[type=number]:focus,
.form_contact input[type=tel]:focus,
.form_contact input[type=text]:focus,
.form_contact select:focus,
.form_contact textarea:focus {
  background-size: 100% 100%
}

.form_contact input[name*=address],
.form_contact input[name^=email],
.form_contact textarea {
  width: calc(720/1920*100vw)
}

.form_contact input[name^=address-level] {
  width: calc(360/1920*100vw)
}

.form_contact input[name^=old] {
  width: calc(120/1920*100vw)
}

.form_contact textarea {
  max-width: calc(720/1920*100vw);
  min-width: calc(720/1920*100vw);
  min-height: calc(150/1920*100vw)
}

.form_contact .check_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start
}

.form_contact .check_wrap label {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-right: 2em
}

.form_contact .check_wrap input[type=checkbox],
.form_contact .check_wrap input[type=radio] {
  width: calc(24/1920*100vw);
  height: calc(24/1920*100vw);
  margin-right: calc(-24/1920*100vw)
}

.form_contact .check_wrap input[type=checkbox]+span,
.form_contact .check_wrap input[type=radio]+span {
  position: relative;
  padding-left: calc(32/1920*100vw)
}

.form_contact .check_wrap input[type=checkbox]+span:after,
.form_contact .check_wrap input[type=checkbox]+span:before,
.form_contact .check_wrap input[type=radio]+span:after,
.form_contact .check_wrap input[type=radio]+span:before {
  content: "";
  display: block;
  position: absolute;
  left: calc(12/1920*100vw);
  top: 50%
}

.form_contact .check_wrap input[type=checkbox]+span:before,
.form_contact .check_wrap input[type=radio]+span:before {
  width: calc(24/1920*100vw);
  height: calc(24/1920*100vw);
  border: calc(2/1920*100vw) solid var(--ui-form01-checkbox-color);
  transform: translate(-50%, -50%)
}

.form_contact .check_wrap input[type=checkbox]+span:after,
.form_contact .check_wrap input[type=radio]+span:after {
  width: calc(14/1920*100vw);
  height: calc(14/1920*100vw);
  background-color: var(--ui-form01-checkbox-color);
  transform: translate(-50%, -50%) scale(0);
  transition: transform .3s
}

.form_contact .check_wrap input[type=checkbox]:checked+span:after,
.form_contact .check_wrap input[type=radio]:checked+span:after {
  transform: translate(-50%, -50%) scale(1)
}

.form_contact .check_wrap input[type=radio]+span:after,
.form_contact .check_wrap input[type=radio]+span:before {
  border-radius: 50%
}

.form_contact .check_wrap .horizontal-item+.horizontal-item {
  margin-left: 0
}

.form_contact .select_wrap {
  display: inline-block;
  position: relative
}

.form_contact .select_wrap:after {
  content: "";
  display: block;
  position: absolute;
  right: calc(12/1920*100vw);
  top: 50%;
  border-style: solid;
  border-width: calc(11/1920*100vw) calc(7/1920*100vw)0;
  margin-top: calc(-5/1920*100vw);
  border-color: var(--ui-form01-select-color) transparent transparent
}

@media (max-width:750px) {

  .form_contact input[type=date],
  .form_contact input[type=email],
  .form_contact input[type=number],
  .form_contact input[type=tel],
  .form_contact input[type=text],
  .form_contact select,
  .form_contact textarea {
    padding: calc(16/750*100vw) calc(20/750*100vw);
    width: calc(600/750*100vw)
  }

  .form_contact textarea {
    max-width: calc(600/750*100vw);
    min-width: calc(600/750*100vw);
    min-height: calc(320/750*100vw)
  }

  .form_contact input[name^=old] {
    width: calc(200/750*100vw)
  }

  .form_contact .check_wrap {
    display: block;
    margin: calc(15/750*100vw)0 0
  }

  .form_contact .check_wrap label {
    padding: calc(10/750*100vw) calc(30/750*100vw) calc(10/750*100vw)0
  }

  .form_contact .check_wrap input[type=checkbox],
  .form_contact .check_wrap input[type=radio] {
    width: calc(40/750*100vw);
    margin-right: calc(-40/750*100vw)
  }

  .form_contact .check_wrap input[type=checkbox]+span,
  .form_contact .check_wrap input[type=radio]+span {
    padding-left: calc(60/750*100vw)
  }

  .form_contact .check_wrap input[type=checkbox]+span:after,
  .form_contact .check_wrap input[type=checkbox]+span:before,
  .form_contact .check_wrap input[type=radio]+span:after,
  .form_contact .check_wrap input[type=radio]+span:before {
    left: calc(20/750*100vw)
  }

  .form_contact .check_wrap input[type=checkbox]+span:before,
  .form_contact .check_wrap input[type=radio]+span:before {
    width: calc(40/750*100vw);
    height: calc(40/750*100vw);
    border-width: calc(3/750*100vw)
  }

  .form_contact .check_wrap input[type=checkbox]+span:after,
  .form_contact .check_wrap input[type=radio]+span:after {
    width: calc(22/750*100vw);
    height: calc(22/750*100vw)
  }

  .form_contact .select_wrap:after {
    right: calc(21/750*100vw);
    top: 50%;
    border-width: calc(16/750*100vw) calc(10/750*100vw)0;
    margin-top: calc(-8/750*100vw)
  }
}

.form_contact .alertText {
  display: block;
  font-size: 80%;
  padding: calc(7/1920*100vw)0 0;
  color: red
}

.ui_list_slider01 {
  display: flex
}

.ui_list_slider01>li {
  position: relative;
  width: calc(200/1920*100vw);
  flex: 0 0 auto;
  margin-right: calc(25/1920*100vw)
}

.ui_list_slider01>li:last-child {
  margin-right: 0
}

.ui_list_slider01>li:last-child .pic::after {
  display: none
}

.ui_list_slider01>li .level {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: calc(42/1920*100vw);
  min-height: calc(42/1920*100vw);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.40625rem;
  line-height: 1;
  background-color: var(--ui-list-slider-level-bg-color);
  color: var(--ui-list-slider-level-color)
}

.ds_design02 .ui_list_slider01>li .level {
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  font-style: normal
}

.ds_design03 .ui_list_slider01>li .level {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal
}

.ui_list_slider01>li .pic {
  width: 100% !important;
  height: auto !important;
  margin-bottom: calc(32/1920*100vw);
  position: relative
}

.ui_list_slider01>li .pic::after {
  content: "";
  display: block;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  width: calc(17/1920*100vw);
  height: calc(17/1920*100vw);
  border: calc(5/1920*100vw) solid var(--ui-list-slider-level-bg-color);
  border-left: 0;
  border-bottom: 0;
  top: 50%;
  right: calc(-17/1920*100vw);
  transform: translateY(-50%) rotate(45deg)
}

.ui_list_slider01>li .pic img {
  width: 100%;
  height: 100%;
  vertical-align: bottom;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.ui_list_slider01>li .tit {
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: ds-font-jp;
  font-style: normal;
  font-feature-settings: "palt" 1;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5;
  text-align: center;
  margin-bottom: calc(25/1920*100vw);
  letter-spacing: .1em
}

@media (max-width:750px) {
  .ui_list_slider01>li .tit {
    letter-spacing: .05em
  }
}

@media (min-width:751px) {
  .ui_list_slider01>li .tit.line02 {
    min-height: calc(52/1920*100vw)
  }

  .ui_list_slider01>li .tit.line03 {
    min-height: calc(78/1920*100vw)
  }

  .ui_list_slider01>li.col03 {
    width: calc(340/1920*100vw);
    margin-right: calc(40/1920*100vw)
  }

  .ui_list_slider01>li.col03 .pic::after {
    right: calc(-23/1920*100vw)
  }

  .ui_list_slider01>li.col04 {
    width: calc(250/1920*100vw);
    margin-right: calc(32/1920*100vw)
  }

  .ui_list_slider01>li.col04 .pic::after {
    right: calc(-19/1920*100vw)
  }
}

@media (max-width:750px) {
  .ui_list_slider01>li {
    width: calc(500/750*100vw);
    margin-right: calc(70/750*100vw)
  }

  .ui_list_slider01>li.col03,
  .ui_list_slider01>li.col04 {
    width: calc(500/750*100vw) !important;
    margin-right: calc(70/750*100vw) !important
  }

  .ui_list_slider01>li .level {
    min-width: calc(85/750*100vw);
    min-height: calc(85/750*100vw)
  }

  .ui_list_slider01>li .pic {
    margin-bottom: calc(44/750*100vw)
  }

  .ui_list_slider01>li .pic::after {
    width: calc(34/750*100vw);
    height: calc(34/750*100vw);
    border: calc(8/750*100vw) solid var(--ui-list-slider-level-bg-color);
    border-left: 0;
    border-bottom: 0;
    right: calc(-40/750*100vw)
  }

  .ui_list_slider01>li .tit {
    margin-bottom: calc(30/750*100vw)
  }
}