@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

input[type=text], input[type=email], input[type=number], input[type=submit], input[type=search],
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

/* サイズ */
/* 変数 */
/* 色 */
/* サイトメインカラー 未設定 */
/* テキストリンクデフォルトカラー */
/* SNS系カラー */
/* 文字 */
@font-face {
  font-family: "dattebayo";
  src: url("assets/font/dattebayo.woff") format("woff");
}
._head2dot {
  font-size: 2rem;
  letter-spacing: 0.22em;
  line-height: 1.2;
  position: relative;
  padding-left: 10px;
}
._head2dot::before, ._head2dot::after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 4px;
  height: 4px;
  background-color: #164332;
  border-radius: 50%;
}
._head2dot::after {
  top: 16px;
  background-color: #ac5c0c;
}

._headdot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 12px;
}
._headdot::before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #164332;
  border-radius: 50%;
}

._addresstxt {
  padding-left: 18px;
  background: url(assets/img/cmn/icon_pin.svg) 0 0 no-repeat;
  background-size: auto 18px;
  min-height: 18px;
}

._red {
  color: #ed4659;
}

._bordertop {
  position: relative;
}
._bordertop::before, ._bordertop::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 8px;
  background-color: #d4dde2;
}
._bordertop::before {
  width: 100%;
  background-color: #d4dde2;
}
._bordertop::after {
  width: 150px;
  background-color: #164332;
}

._bdr5 {
  border-radius: 5px;
}

._bdr10 {
  border-radius: 10px;
}

a.-disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
a.-disabled:hover {
  opacity: 0.5 !important;
}

@media (max-width: 768px) {
  ._spside {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
  }
}

._w1400 {
  width: 100%;
  max-width: 1400px;
  margin: auto;
}

._w1366 {
  width: 100%;
  max-width: 1366px;
  margin: auto;
}

._w1366_sidep {
  width: calc(100% - 40px);
  max-width: 1366px !important;
  margin: auto;
}

._w1160 {
  width: 100%;
  max-width: 1160px;
  margin: auto;
}

._w1160_sidep {
  width: calc(100% - 40px);
  max-width: 1160px !important;
  margin: auto;
}

._w1100 {
  width: 100%;
  max-width: 1100px;
  margin: auto;
}

._w1100_sidep {
  width: calc(100% - 40px);
  max-width: 1100px !important;
  margin: auto;
}

._w1000 {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}

._w1000_sidep {
  width: calc(100% - 40px);
  max-width: 1000px !important;
  margin: auto;
}

._w960 {
  width: 100%;
  max-width: 960px;
  margin: auto;
}

._w960_sidep {
  width: calc(100% - 40px);
  max-width: 960px !important;
  margin: auto;
}

._w760 {
  width: 100%;
  max-width: 760px;
  margin: auto;
}

._w760_sidep {
  width: calc(100% - 40px);
  max-width: 760px !important;
  margin: auto;
}

._w900 {
  width: 100%;
  max-width: 900px;
  margin: auto;
}

._w900_sidep {
  width: calc(100% - 40px);
  max-width: 900px !important;
  margin: auto;
}

._w850 {
  width: 100%;
  max-width: 850px;
  margin: auto;
}

._w850_sidep {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
}

._w800 {
  width: 100%;
  max-width: 800px;
  margin: auto;
}

._w800_sidep {
  width: calc(100% - 40px);
  max-width: 800px !important;
  margin: auto;
}

._w700 {
  width: 100%;
  max-width: 700px;
  margin: auto;
}

._w700_sidep {
  width: calc(100% - 40px);
  max-width: 700px !important;
  margin: auto;
}

._w640 {
  width: 100%;
  max-width: 640px;
  margin: auto;
}

._w640_sidep {
  width: calc(100% - 40px);
  max-width: 640px !important;
  margin: auto;
}

._w450 {
  width: 100%;
  max-width: 450px;
  margin: auto;
}

._dfjs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

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

._sidep {
  padding-left: 25px;
  padding-right: 25px;
}

._tagonimg {
  position: relative;
}
._tagonimg .imgtag-ul {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
}

._imgratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.28%;
}
._imgratio > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

._clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 6.25% 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 6.25%;
}
@media (max-width: 768px) {
  ._clm2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

._bold {
  font-weight: bold !important;
}

._ib {
  display: inline-block;
}

._en {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
}
._en.-efm {
  font-weight: 500;
}

._lh15 {
  line-height: 1.5 !important;
}

._lh175 {
  line-height: 1.75 !important;
}

._lh2 {
  line-height: 1.9 !important;
}

._bgwhite {
  background-color: #fff;
}

._bglgray {
  background-color: #f8f6f1;
}

._pink {
  color: #cf7ba0;
}

._orange {
  color: #eb6100;
}

._skblue {
  color: #ebf3f4;
}

._white {
  color: #fff;
}

._blank::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(assets/svg/icons/icon_blank2.svg) 0 center no-repeat;
  background-size: contain;
  margin-top: 4px;
  margin-left: 4px;
  margin-right: 2px;
}

._blank_blue::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(assets/svg/icons/icon_blank2_blue.svg) 0 center no-repeat;
  background-size: contain;
  margin-top: 4px;
  margin-left: 4px;
  margin-right: 2px;
}

._imgcover > img,
._imgcover svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

._imgcontain > img,
._imgcontain svg {
  display: block;
  max-width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
@media (max-width: 768px) {
  ._imgcontain > img,
  ._imgcontain svg {
    height: auto;
  }
}

._imgfree > img,
._imgfree svg {
  max-width: 100%;
  height: auto;
}

._bd {
  border: 1px solid #ccc;
}

._bd02 {
  border: 1px solid #f4f4f4;
}

._imglink {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
._imglink:hover {
  opacity: 0.7;
}

._txtlink {
  color: #164332;
  text-decoration: underline;
  text-underline-offset: 3px;
}
._txtlink:hover {
  text-decoration: none;
}
._txtlink.-brown {
  color: #ac5c0c;
}

._link {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
._link:hover {
  text-decoration: none;
  opacity: 0.6 !important;
}

._linkscale {
  display: block;
  border-radius: 5px;
  overflow: hidden;
}
._linkscale .imgarea {
  overflow: hidden;
}
._linkscale img {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
._linkscale:hover {
  text-decoration: none;
}
._linkscale:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

._linkudb {
  text-decoration: underline;
}
._linkudb:hover {
  text-decoration: none;
}

._txtC {
  text-align: center;
}

._txtR {
  text-align: right;
}

._txtL {
  text-align: left;
}

@media (max-width: 768px) {
  ._sptxtL {
    text-align: left !important;
  }
}

@media (max-width: 768px) {
  ._sptxtC {
    text-align: center;
  }
}

@media (max-width: 768px) {
  ._pconly {
    display: none !important;
  }
}

._sponly {
  display: none !important;
}
@media (max-width: 768px) {
  ._sponly {
    display: block !important;
  }
}

._ttl {
  font-weight: bold;
  color: #164332;
}

._ttlen {
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  color: #164332;
}

._ls0 {
  letter-spacing: 0 !important;
}

._blue {
  color: #124a97;
}

._mainC {
  color: #164332;
}

._attention {
  color: #f00;
  font-weight: bold;
}

._disabled02 {
  cursor: default;
}
._disabled02:hover {
  opacity: 1 !important;
}

._fz10 {
  font-size: 1rem !important;
}

._fz11 {
  font-size: 1.1rem !important;
}

._fz12 {
  font-size: 1.2rem !important;
}

._fz13 {
  font-size: 1.3rem !important;
}

._fz14 {
  font-size: 1.4rem !important;
}

._fz15 {
  font-size: 1.5rem !important;
}

._fz16 {
  font-size: 1.6rem !important;
}

._fz17 {
  font-size: 1.7rem !important;
}

._fz18 {
  font-size: 1.8rem !important;
}

._fz19 {
  font-size: 1.9rem !important;
}

._fz20 {
  font-size: 2rem !important;
}

._fz21 {
  font-size: 2.1rem !important;
}

._fz22 {
  font-size: 2.2rem !important;
}

._fz23 {
  font-size: 2.3rem !important;
}

._fz24 {
  font-size: 2.4rem !important;
}

._fz25 {
  font-size: 2.5rem !important;
}

._fz26 {
  font-size: 2.6rem !important;
}

._fz27 {
  font-size: 2.7rem !important;
}

._fz28 {
  font-size: 2.8rem !important;
}

._fz29 {
  font-size: 2.9rem !important;
}

._fz30 {
  font-size: 3rem !important;
}

._fz31 {
  font-size: 3.1rem !important;
}

._fz32 {
  font-size: 3.2rem !important;
}

._fz33 {
  font-size: 3.3rem !important;
}

._fz34 {
  font-size: 3.4rem !important;
}

._fz35 {
  font-size: 3.5rem !important;
}

._fz36 {
  font-size: 3.6rem !important;
}

._fz37 {
  font-size: 3.7rem !important;
}

._fz38 {
  font-size: 3.8rem !important;
}

._fz39 {
  font-size: 3.9rem !important;
}

._fz40 {
  font-size: 4rem !important;
}

._ls0 {
  letter-spacing: 0em !important;
}

._ls1 {
  letter-spacing: 0.01em !important;
}

._ls2 {
  letter-spacing: 0.02em !important;
}

._ls3 {
  letter-spacing: 0.03em !important;
}

._ls4 {
  letter-spacing: 0.04em !important;
}

._ls5 {
  letter-spacing: 0.05em !important;
}

._ls6 {
  letter-spacing: 0.06em !important;
}

._ls7 {
  letter-spacing: 0.07em !important;
}

._ls8 {
  letter-spacing: 0.08em !important;
}

._ls9 {
  letter-spacing: 0.09em !important;
}

._ls10 {
  letter-spacing: 0.1em !important;
}

._ls11 {
  letter-spacing: 0.11em !important;
}

._ls12 {
  letter-spacing: 0.12em !important;
}

._ls13 {
  letter-spacing: 0.13em !important;
}

._ls14 {
  letter-spacing: 0.14em !important;
}

._ls15 {
  letter-spacing: 0.15em !important;
}

._ls16 {
  letter-spacing: 0.16em !important;
}

._ls17 {
  letter-spacing: 0.17em !important;
}

._ls18 {
  letter-spacing: 0.18em !important;
}

._ls19 {
  letter-spacing: 0.19em !important;
}

._ls20 {
  letter-spacing: 0.2em !important;
}

._ls21 {
  letter-spacing: 0.21em !important;
}

._ls22 {
  letter-spacing: 0.22em !important;
}

._ls23 {
  letter-spacing: 0.23em !important;
}

._ls24 {
  letter-spacing: 0.24em !important;
}

._ls25 {
  letter-spacing: 0.25em !important;
}

._ls26 {
  letter-spacing: 0.26em !important;
}

._ls27 {
  letter-spacing: 0.27em !important;
}

._ls28 {
  letter-spacing: 0.28em !important;
}

._ls29 {
  letter-spacing: 0.29em !important;
}

._ls30 {
  letter-spacing: 0.3em !important;
}

._ls31 {
  letter-spacing: 0.31em !important;
}

._ls32 {
  letter-spacing: 0.32em !important;
}

._ls33 {
  letter-spacing: 0.33em !important;
}

._ls34 {
  letter-spacing: 0.34em !important;
}

._ls35 {
  letter-spacing: 0.35em !important;
}

._ls36 {
  letter-spacing: 0.36em !important;
}

._ls37 {
  letter-spacing: 0.37em !important;
}

._ls38 {
  letter-spacing: 0.38em !important;
}

._ls39 {
  letter-spacing: 0.39em !important;
}

._ls40 {
  letter-spacing: 0.4em !important;
}

._lh0 {
  line-height: 0 !important;
}

._lh1 {
  line-height: 0.1 !important;
}

._lh2 {
  line-height: 0.2 !important;
}

._lh3 {
  line-height: 0.3 !important;
}

._lh4 {
  line-height: 0.4 !important;
}

._lh5 {
  line-height: 0.5 !important;
}

._lh6 {
  line-height: 0.6 !important;
}

._lh7 {
  line-height: 0.7 !important;
}

._lh8 {
  line-height: 0.8 !important;
}

._lh9 {
  line-height: 0.9 !important;
}

._lh10 {
  line-height: 1 !important;
}

._lh11 {
  line-height: 1.1 !important;
}

._lh12 {
  line-height: 1.2 !important;
}

._lh13 {
  line-height: 1.3 !important;
}

._lh14 {
  line-height: 1.4 !important;
}

._lh15 {
  line-height: 1.5 !important;
}

._lh16 {
  line-height: 1.6 !important;
}

._lh17 {
  line-height: 1.7 !important;
}

._lh18 {
  line-height: 1.8 !important;
}

._lh19 {
  line-height: 1.9 !important;
}

._lh20 {
  line-height: 2 !important;
}

._lh21 {
  line-height: 2.1 !important;
}

._lh22 {
  line-height: 2.2 !important;
}

._lh23 {
  line-height: 2.3 !important;
}

._lh24 {
  line-height: 2.4 !important;
}

._lh25 {
  line-height: 2.5 !important;
}

._lh26 {
  line-height: 2.6 !important;
}

._lh27 {
  line-height: 2.7 !important;
}

._lh28 {
  line-height: 2.8 !important;
}

._lh29 {
  line-height: 2.9 !important;
}

._lh30 {
  line-height: 3 !important;
}

._mb0 {
  margin-bottom: clamp(5px * 0 / 2, 0.75vw * 0, 5px * 0) !important;
}

._mt0 {
  margin-top: clamp(5px * 0 / 2, 0.75vw * 0, 5px * 0) !important;
}

._ml0 {
  margin-left: 0px !important;
}

._mr0 {
  margin-right: 0px !important;
}

._pb0 {
  padding-bottom: clamp(5px * 0 / 2, 0.75vw * 0, 5px * 0) !important;
}

._pt0 {
  padding-top: clamp(5px * 0 / 2, 0.75vw * 0, 5px * 0) !important;
}

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

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

._mbst0 {
  margin-bottom: 0px !important;
}

._mtst0 {
  margin-top: 0px !important;
}

._mlst0 {
  margin-left: 0px !important;
}

._mrst0 {
  margin-right: 0px !important;
}

._pbst0 {
  padding-bottom: 0px !important;
}

._ptst0 {
  padding-top: 0px !important;
}

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

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

@media (min-width: 756px) {
  ._pcmb0 {
    margin-bottom: 0px !important;
  }
  ._pcmt0 {
    margin-top: 0px !important;
  }
  ._pcpb0 {
    padding-bottom: 0px !important;
  }
  ._pcpt0 {
    padding-top: 0px !important;
  }
}
@media (max-width: 768px) {
  ._ml0 {
    margin-left: 0vw !important;
  }
  ._mr0 {
    margin-right: 0vw !important;
  }
  ._pl0 {
    padding-left: 0vw !important;
  }
  ._pr0 {
    padding-right: 0vw !important;
  }
  ._spmb0 {
    margin-bottom: 0px !important;
  }
  ._spmt0 {
    margin-top: 0px !important;
  }
  ._sppb0 {
    padding-bottom: 0px !important;
  }
  ._sppt0 {
    padding-top: 0px !important;
  }
}
._mb5 {
  margin-bottom: clamp(5px * 1 / 2, 0.75vw * 1, 5px * 1) !important;
}

._mt5 {
  margin-top: clamp(5px * 1 / 2, 0.75vw * 1, 5px * 1) !important;
}

._ml5 {
  margin-left: 5px !important;
}

._mr5 {
  margin-right: 5px !important;
}

._pb5 {
  padding-bottom: clamp(5px * 1 / 2, 0.75vw * 1, 5px * 1) !important;
}

._pt5 {
  padding-top: clamp(5px * 1 / 2, 0.75vw * 1, 5px * 1) !important;
}

._pl5 {
  padding-left: 5px !important;
}

._pr5 {
  padding-right: 5px !important;
}

._mbst5 {
  margin-bottom: 5px !important;
}

._mtst5 {
  margin-top: 5px !important;
}

._mlst5 {
  margin-left: 5px !important;
}

._mrst5 {
  margin-right: 5px !important;
}

._pbst5 {
  padding-bottom: 5px !important;
}

._ptst5 {
  padding-top: 5px !important;
}

._plst5 {
  padding-left: 5px !important;
}

._prst5 {
  padding-right: 5px !important;
}

@media (min-width: 756px) {
  ._pcmb5 {
    margin-bottom: 5px !important;
  }
  ._pcmt5 {
    margin-top: 5px !important;
  }
  ._pcpb5 {
    padding-bottom: 5px !important;
  }
  ._pcpt5 {
    padding-top: 5px !important;
  }
}
@media (max-width: 768px) {
  ._ml5 {
    margin-left: 0.75vw !important;
  }
  ._mr5 {
    margin-right: 0.75vw !important;
  }
  ._pl5 {
    padding-left: 0.75vw !important;
  }
  ._pr5 {
    padding-right: 0.75vw !important;
  }
  ._spmb5 {
    margin-bottom: 5px !important;
  }
  ._spmt5 {
    margin-top: 5px !important;
  }
  ._sppb5 {
    padding-bottom: 5px !important;
  }
  ._sppt5 {
    padding-top: 5px !important;
  }
}
._mb10 {
  margin-bottom: clamp(5px * 2 / 2, 0.75vw * 2, 5px * 2) !important;
}

._mt10 {
  margin-top: clamp(5px * 2 / 2, 0.75vw * 2, 5px * 2) !important;
}

._ml10 {
  margin-left: 10px !important;
}

._mr10 {
  margin-right: 10px !important;
}

._pb10 {
  padding-bottom: clamp(5px * 2 / 2, 0.75vw * 2, 5px * 2) !important;
}

._pt10 {
  padding-top: clamp(5px * 2 / 2, 0.75vw * 2, 5px * 2) !important;
}

._pl10 {
  padding-left: 10px !important;
}

._pr10 {
  padding-right: 10px !important;
}

._mbst10 {
  margin-bottom: 10px !important;
}

._mtst10 {
  margin-top: 10px !important;
}

._mlst10 {
  margin-left: 10px !important;
}

._mrst10 {
  margin-right: 10px !important;
}

._pbst10 {
  padding-bottom: 10px !important;
}

._ptst10 {
  padding-top: 10px !important;
}

._plst10 {
  padding-left: 10px !important;
}

._prst10 {
  padding-right: 10px !important;
}

@media (min-width: 756px) {
  ._pcmb10 {
    margin-bottom: 10px !important;
  }
  ._pcmt10 {
    margin-top: 10px !important;
  }
  ._pcpb10 {
    padding-bottom: 10px !important;
  }
  ._pcpt10 {
    padding-top: 10px !important;
  }
}
@media (max-width: 768px) {
  ._ml10 {
    margin-left: 1.5vw !important;
  }
  ._mr10 {
    margin-right: 1.5vw !important;
  }
  ._pl10 {
    padding-left: 1.5vw !important;
  }
  ._pr10 {
    padding-right: 1.5vw !important;
  }
  ._spmb10 {
    margin-bottom: 10px !important;
  }
  ._spmt10 {
    margin-top: 10px !important;
  }
  ._sppb10 {
    padding-bottom: 10px !important;
  }
  ._sppt10 {
    padding-top: 10px !important;
  }
}
._mb15 {
  margin-bottom: clamp(5px * 3 / 2, 0.75vw * 3, 5px * 3) !important;
}

._mt15 {
  margin-top: clamp(5px * 3 / 2, 0.75vw * 3, 5px * 3) !important;
}

._ml15 {
  margin-left: 15px !important;
}

._mr15 {
  margin-right: 15px !important;
}

._pb15 {
  padding-bottom: clamp(5px * 3 / 2, 0.75vw * 3, 5px * 3) !important;
}

._pt15 {
  padding-top: clamp(5px * 3 / 2, 0.75vw * 3, 5px * 3) !important;
}

._pl15 {
  padding-left: 15px !important;
}

._pr15 {
  padding-right: 15px !important;
}

._mbst15 {
  margin-bottom: 15px !important;
}

._mtst15 {
  margin-top: 15px !important;
}

._mlst15 {
  margin-left: 15px !important;
}

._mrst15 {
  margin-right: 15px !important;
}

._pbst15 {
  padding-bottom: 15px !important;
}

._ptst15 {
  padding-top: 15px !important;
}

._plst15 {
  padding-left: 15px !important;
}

._prst15 {
  padding-right: 15px !important;
}

@media (min-width: 756px) {
  ._pcmb15 {
    margin-bottom: 15px !important;
  }
  ._pcmt15 {
    margin-top: 15px !important;
  }
  ._pcpb15 {
    padding-bottom: 15px !important;
  }
  ._pcpt15 {
    padding-top: 15px !important;
  }
}
@media (max-width: 768px) {
  ._ml15 {
    margin-left: 2.25vw !important;
  }
  ._mr15 {
    margin-right: 2.25vw !important;
  }
  ._pl15 {
    padding-left: 2.25vw !important;
  }
  ._pr15 {
    padding-right: 2.25vw !important;
  }
  ._spmb15 {
    margin-bottom: 15px !important;
  }
  ._spmt15 {
    margin-top: 15px !important;
  }
  ._sppb15 {
    padding-bottom: 15px !important;
  }
  ._sppt15 {
    padding-top: 15px !important;
  }
}
._mb20 {
  margin-bottom: clamp(5px * 4 / 2, 0.75vw * 4, 5px * 4) !important;
}

._mt20 {
  margin-top: clamp(5px * 4 / 2, 0.75vw * 4, 5px * 4) !important;
}

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

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

._pb20 {
  padding-bottom: clamp(5px * 4 / 2, 0.75vw * 4, 5px * 4) !important;
}

._pt20 {
  padding-top: clamp(5px * 4 / 2, 0.75vw * 4, 5px * 4) !important;
}

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

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

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

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

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

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

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

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

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

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

@media (min-width: 756px) {
  ._pcmb20 {
    margin-bottom: 20px !important;
  }
  ._pcmt20 {
    margin-top: 20px !important;
  }
  ._pcpb20 {
    padding-bottom: 20px !important;
  }
  ._pcpt20 {
    padding-top: 20px !important;
  }
}
@media (max-width: 768px) {
  ._ml20 {
    margin-left: 3vw !important;
  }
  ._mr20 {
    margin-right: 3vw !important;
  }
  ._pl20 {
    padding-left: 3vw !important;
  }
  ._pr20 {
    padding-right: 3vw !important;
  }
  ._spmb20 {
    margin-bottom: 20px !important;
  }
  ._spmt20 {
    margin-top: 20px !important;
  }
  ._sppb20 {
    padding-bottom: 20px !important;
  }
  ._sppt20 {
    padding-top: 20px !important;
  }
}
._mb25 {
  margin-bottom: clamp(5px * 5 / 2, 0.75vw * 5, 5px * 5) !important;
}

._mt25 {
  margin-top: clamp(5px * 5 / 2, 0.75vw * 5, 5px * 5) !important;
}

._ml25 {
  margin-left: 25px !important;
}

._mr25 {
  margin-right: 25px !important;
}

._pb25 {
  padding-bottom: clamp(5px * 5 / 2, 0.75vw * 5, 5px * 5) !important;
}

._pt25 {
  padding-top: clamp(5px * 5 / 2, 0.75vw * 5, 5px * 5) !important;
}

._pl25 {
  padding-left: 25px !important;
}

._pr25 {
  padding-right: 25px !important;
}

._mbst25 {
  margin-bottom: 25px !important;
}

._mtst25 {
  margin-top: 25px !important;
}

._mlst25 {
  margin-left: 25px !important;
}

._mrst25 {
  margin-right: 25px !important;
}

._pbst25 {
  padding-bottom: 25px !important;
}

._ptst25 {
  padding-top: 25px !important;
}

._plst25 {
  padding-left: 25px !important;
}

._prst25 {
  padding-right: 25px !important;
}

@media (min-width: 756px) {
  ._pcmb25 {
    margin-bottom: 25px !important;
  }
  ._pcmt25 {
    margin-top: 25px !important;
  }
  ._pcpb25 {
    padding-bottom: 25px !important;
  }
  ._pcpt25 {
    padding-top: 25px !important;
  }
}
@media (max-width: 768px) {
  ._ml25 {
    margin-left: 3.75vw !important;
  }
  ._mr25 {
    margin-right: 3.75vw !important;
  }
  ._pl25 {
    padding-left: 3.75vw !important;
  }
  ._pr25 {
    padding-right: 3.75vw !important;
  }
  ._spmb25 {
    margin-bottom: 25px !important;
  }
  ._spmt25 {
    margin-top: 25px !important;
  }
  ._sppb25 {
    padding-bottom: 25px !important;
  }
  ._sppt25 {
    padding-top: 25px !important;
  }
}
._mb30 {
  margin-bottom: clamp(5px * 6 / 2, 0.75vw * 6, 5px * 6) !important;
}

._mt30 {
  margin-top: clamp(5px * 6 / 2, 0.75vw * 6, 5px * 6) !important;
}

._ml30 {
  margin-left: 30px !important;
}

._mr30 {
  margin-right: 30px !important;
}

._pb30 {
  padding-bottom: clamp(5px * 6 / 2, 0.75vw * 6, 5px * 6) !important;
}

._pt30 {
  padding-top: clamp(5px * 6 / 2, 0.75vw * 6, 5px * 6) !important;
}

._pl30 {
  padding-left: 30px !important;
}

._pr30 {
  padding-right: 30px !important;
}

._mbst30 {
  margin-bottom: 30px !important;
}

._mtst30 {
  margin-top: 30px !important;
}

._mlst30 {
  margin-left: 30px !important;
}

._mrst30 {
  margin-right: 30px !important;
}

._pbst30 {
  padding-bottom: 30px !important;
}

._ptst30 {
  padding-top: 30px !important;
}

._plst30 {
  padding-left: 30px !important;
}

._prst30 {
  padding-right: 30px !important;
}

@media (min-width: 756px) {
  ._pcmb30 {
    margin-bottom: 30px !important;
  }
  ._pcmt30 {
    margin-top: 30px !important;
  }
  ._pcpb30 {
    padding-bottom: 30px !important;
  }
  ._pcpt30 {
    padding-top: 30px !important;
  }
}
@media (max-width: 768px) {
  ._ml30 {
    margin-left: 4.5vw !important;
  }
  ._mr30 {
    margin-right: 4.5vw !important;
  }
  ._pl30 {
    padding-left: 4.5vw !important;
  }
  ._pr30 {
    padding-right: 4.5vw !important;
  }
  ._spmb30 {
    margin-bottom: 30px !important;
  }
  ._spmt30 {
    margin-top: 30px !important;
  }
  ._sppb30 {
    padding-bottom: 30px !important;
  }
  ._sppt30 {
    padding-top: 30px !important;
  }
}
._mb35 {
  margin-bottom: clamp(5px * 7 / 2, 0.75vw * 7, 5px * 7) !important;
}

._mt35 {
  margin-top: clamp(5px * 7 / 2, 0.75vw * 7, 5px * 7) !important;
}

._ml35 {
  margin-left: 35px !important;
}

._mr35 {
  margin-right: 35px !important;
}

._pb35 {
  padding-bottom: clamp(5px * 7 / 2, 0.75vw * 7, 5px * 7) !important;
}

._pt35 {
  padding-top: clamp(5px * 7 / 2, 0.75vw * 7, 5px * 7) !important;
}

._pl35 {
  padding-left: 35px !important;
}

._pr35 {
  padding-right: 35px !important;
}

._mbst35 {
  margin-bottom: 35px !important;
}

._mtst35 {
  margin-top: 35px !important;
}

._mlst35 {
  margin-left: 35px !important;
}

._mrst35 {
  margin-right: 35px !important;
}

._pbst35 {
  padding-bottom: 35px !important;
}

._ptst35 {
  padding-top: 35px !important;
}

._plst35 {
  padding-left: 35px !important;
}

._prst35 {
  padding-right: 35px !important;
}

@media (min-width: 756px) {
  ._pcmb35 {
    margin-bottom: 35px !important;
  }
  ._pcmt35 {
    margin-top: 35px !important;
  }
  ._pcpb35 {
    padding-bottom: 35px !important;
  }
  ._pcpt35 {
    padding-top: 35px !important;
  }
}
@media (max-width: 768px) {
  ._ml35 {
    margin-left: 5.25vw !important;
  }
  ._mr35 {
    margin-right: 5.25vw !important;
  }
  ._pl35 {
    padding-left: 5.25vw !important;
  }
  ._pr35 {
    padding-right: 5.25vw !important;
  }
  ._spmb35 {
    margin-bottom: 35px !important;
  }
  ._spmt35 {
    margin-top: 35px !important;
  }
  ._sppb35 {
    padding-bottom: 35px !important;
  }
  ._sppt35 {
    padding-top: 35px !important;
  }
}
._mb40 {
  margin-bottom: clamp(5px * 8 / 2, 0.75vw * 8, 5px * 8) !important;
}

._mt40 {
  margin-top: clamp(5px * 8 / 2, 0.75vw * 8, 5px * 8) !important;
}

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

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

._pb40 {
  padding-bottom: clamp(5px * 8 / 2, 0.75vw * 8, 5px * 8) !important;
}

._pt40 {
  padding-top: clamp(5px * 8 / 2, 0.75vw * 8, 5px * 8) !important;
}

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

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

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

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

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

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

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

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

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

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

@media (min-width: 756px) {
  ._pcmb40 {
    margin-bottom: 40px !important;
  }
  ._pcmt40 {
    margin-top: 40px !important;
  }
  ._pcpb40 {
    padding-bottom: 40px !important;
  }
  ._pcpt40 {
    padding-top: 40px !important;
  }
}
@media (max-width: 768px) {
  ._ml40 {
    margin-left: 6vw !important;
  }
  ._mr40 {
    margin-right: 6vw !important;
  }
  ._pl40 {
    padding-left: 6vw !important;
  }
  ._pr40 {
    padding-right: 6vw !important;
  }
  ._spmb40 {
    margin-bottom: 40px !important;
  }
  ._spmt40 {
    margin-top: 40px !important;
  }
  ._sppb40 {
    padding-bottom: 40px !important;
  }
  ._sppt40 {
    padding-top: 40px !important;
  }
}
._mb45 {
  margin-bottom: clamp(5px * 9 / 2, 0.75vw * 9, 5px * 9) !important;
}

._mt45 {
  margin-top: clamp(5px * 9 / 2, 0.75vw * 9, 5px * 9) !important;
}

._ml45 {
  margin-left: 45px !important;
}

._mr45 {
  margin-right: 45px !important;
}

._pb45 {
  padding-bottom: clamp(5px * 9 / 2, 0.75vw * 9, 5px * 9) !important;
}

._pt45 {
  padding-top: clamp(5px * 9 / 2, 0.75vw * 9, 5px * 9) !important;
}

._pl45 {
  padding-left: 45px !important;
}

._pr45 {
  padding-right: 45px !important;
}

._mbst45 {
  margin-bottom: 45px !important;
}

._mtst45 {
  margin-top: 45px !important;
}

._mlst45 {
  margin-left: 45px !important;
}

._mrst45 {
  margin-right: 45px !important;
}

._pbst45 {
  padding-bottom: 45px !important;
}

._ptst45 {
  padding-top: 45px !important;
}

._plst45 {
  padding-left: 45px !important;
}

._prst45 {
  padding-right: 45px !important;
}

@media (min-width: 756px) {
  ._pcmb45 {
    margin-bottom: 45px !important;
  }
  ._pcmt45 {
    margin-top: 45px !important;
  }
  ._pcpb45 {
    padding-bottom: 45px !important;
  }
  ._pcpt45 {
    padding-top: 45px !important;
  }
}
@media (max-width: 768px) {
  ._ml45 {
    margin-left: 6.75vw !important;
  }
  ._mr45 {
    margin-right: 6.75vw !important;
  }
  ._pl45 {
    padding-left: 6.75vw !important;
  }
  ._pr45 {
    padding-right: 6.75vw !important;
  }
  ._spmb45 {
    margin-bottom: 45px !important;
  }
  ._spmt45 {
    margin-top: 45px !important;
  }
  ._sppb45 {
    padding-bottom: 45px !important;
  }
  ._sppt45 {
    padding-top: 45px !important;
  }
}
._mb50 {
  margin-bottom: clamp(5px * 10 / 2, 0.75vw * 10, 5px * 10) !important;
}

._mt50 {
  margin-top: clamp(5px * 10 / 2, 0.75vw * 10, 5px * 10) !important;
}

._ml50 {
  margin-left: 50px !important;
}

._mr50 {
  margin-right: 50px !important;
}

._pb50 {
  padding-bottom: clamp(5px * 10 / 2, 0.75vw * 10, 5px * 10) !important;
}

._pt50 {
  padding-top: clamp(5px * 10 / 2, 0.75vw * 10, 5px * 10) !important;
}

._pl50 {
  padding-left: 50px !important;
}

._pr50 {
  padding-right: 50px !important;
}

._mbst50 {
  margin-bottom: 50px !important;
}

._mtst50 {
  margin-top: 50px !important;
}

._mlst50 {
  margin-left: 50px !important;
}

._mrst50 {
  margin-right: 50px !important;
}

._pbst50 {
  padding-bottom: 50px !important;
}

._ptst50 {
  padding-top: 50px !important;
}

._plst50 {
  padding-left: 50px !important;
}

._prst50 {
  padding-right: 50px !important;
}

@media (min-width: 756px) {
  ._pcmb50 {
    margin-bottom: 50px !important;
  }
  ._pcmt50 {
    margin-top: 50px !important;
  }
  ._pcpb50 {
    padding-bottom: 50px !important;
  }
  ._pcpt50 {
    padding-top: 50px !important;
  }
}
@media (max-width: 768px) {
  ._ml50 {
    margin-left: 7.5vw !important;
  }
  ._mr50 {
    margin-right: 7.5vw !important;
  }
  ._pl50 {
    padding-left: 7.5vw !important;
  }
  ._pr50 {
    padding-right: 7.5vw !important;
  }
  ._spmb50 {
    margin-bottom: 50px !important;
  }
  ._spmt50 {
    margin-top: 50px !important;
  }
  ._sppb50 {
    padding-bottom: 50px !important;
  }
  ._sppt50 {
    padding-top: 50px !important;
  }
}
._mb55 {
  margin-bottom: clamp(5px * 11 / 2, 0.75vw * 11, 5px * 11) !important;
}

._mt55 {
  margin-top: clamp(5px * 11 / 2, 0.75vw * 11, 5px * 11) !important;
}

._ml55 {
  margin-left: 55px !important;
}

._mr55 {
  margin-right: 55px !important;
}

._pb55 {
  padding-bottom: clamp(5px * 11 / 2, 0.75vw * 11, 5px * 11) !important;
}

._pt55 {
  padding-top: clamp(5px * 11 / 2, 0.75vw * 11, 5px * 11) !important;
}

._pl55 {
  padding-left: 55px !important;
}

._pr55 {
  padding-right: 55px !important;
}

._mbst55 {
  margin-bottom: 55px !important;
}

._mtst55 {
  margin-top: 55px !important;
}

._mlst55 {
  margin-left: 55px !important;
}

._mrst55 {
  margin-right: 55px !important;
}

._pbst55 {
  padding-bottom: 55px !important;
}

._ptst55 {
  padding-top: 55px !important;
}

._plst55 {
  padding-left: 55px !important;
}

._prst55 {
  padding-right: 55px !important;
}

@media (min-width: 756px) {
  ._pcmb55 {
    margin-bottom: 55px !important;
  }
  ._pcmt55 {
    margin-top: 55px !important;
  }
  ._pcpb55 {
    padding-bottom: 55px !important;
  }
  ._pcpt55 {
    padding-top: 55px !important;
  }
}
@media (max-width: 768px) {
  ._ml55 {
    margin-left: 8.25vw !important;
  }
  ._mr55 {
    margin-right: 8.25vw !important;
  }
  ._pl55 {
    padding-left: 8.25vw !important;
  }
  ._pr55 {
    padding-right: 8.25vw !important;
  }
  ._spmb55 {
    margin-bottom: 55px !important;
  }
  ._spmt55 {
    margin-top: 55px !important;
  }
  ._sppb55 {
    padding-bottom: 55px !important;
  }
  ._sppt55 {
    padding-top: 55px !important;
  }
}
._mb60 {
  margin-bottom: clamp(5px * 12 / 2, 0.75vw * 12, 5px * 12) !important;
}

._mt60 {
  margin-top: clamp(5px * 12 / 2, 0.75vw * 12, 5px * 12) !important;
}

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

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

._pb60 {
  padding-bottom: clamp(5px * 12 / 2, 0.75vw * 12, 5px * 12) !important;
}

._pt60 {
  padding-top: clamp(5px * 12 / 2, 0.75vw * 12, 5px * 12) !important;
}

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

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

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

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

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

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

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

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

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

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

@media (min-width: 756px) {
  ._pcmb60 {
    margin-bottom: 60px !important;
  }
  ._pcmt60 {
    margin-top: 60px !important;
  }
  ._pcpb60 {
    padding-bottom: 60px !important;
  }
  ._pcpt60 {
    padding-top: 60px !important;
  }
}
@media (max-width: 768px) {
  ._ml60 {
    margin-left: 9vw !important;
  }
  ._mr60 {
    margin-right: 9vw !important;
  }
  ._pl60 {
    padding-left: 9vw !important;
  }
  ._pr60 {
    padding-right: 9vw !important;
  }
  ._spmb60 {
    margin-bottom: 60px !important;
  }
  ._spmt60 {
    margin-top: 60px !important;
  }
  ._sppb60 {
    padding-bottom: 60px !important;
  }
  ._sppt60 {
    padding-top: 60px !important;
  }
}
._mb65 {
  margin-bottom: clamp(5px * 13 / 2, 0.75vw * 13, 5px * 13) !important;
}

._mt65 {
  margin-top: clamp(5px * 13 / 2, 0.75vw * 13, 5px * 13) !important;
}

._ml65 {
  margin-left: 65px !important;
}

._mr65 {
  margin-right: 65px !important;
}

._pb65 {
  padding-bottom: clamp(5px * 13 / 2, 0.75vw * 13, 5px * 13) !important;
}

._pt65 {
  padding-top: clamp(5px * 13 / 2, 0.75vw * 13, 5px * 13) !important;
}

._pl65 {
  padding-left: 65px !important;
}

._pr65 {
  padding-right: 65px !important;
}

._mbst65 {
  margin-bottom: 65px !important;
}

._mtst65 {
  margin-top: 65px !important;
}

._mlst65 {
  margin-left: 65px !important;
}

._mrst65 {
  margin-right: 65px !important;
}

._pbst65 {
  padding-bottom: 65px !important;
}

._ptst65 {
  padding-top: 65px !important;
}

._plst65 {
  padding-left: 65px !important;
}

._prst65 {
  padding-right: 65px !important;
}

@media (min-width: 756px) {
  ._pcmb65 {
    margin-bottom: 65px !important;
  }
  ._pcmt65 {
    margin-top: 65px !important;
  }
  ._pcpb65 {
    padding-bottom: 65px !important;
  }
  ._pcpt65 {
    padding-top: 65px !important;
  }
}
@media (max-width: 768px) {
  ._ml65 {
    margin-left: 9.75vw !important;
  }
  ._mr65 {
    margin-right: 9.75vw !important;
  }
  ._pl65 {
    padding-left: 9.75vw !important;
  }
  ._pr65 {
    padding-right: 9.75vw !important;
  }
  ._spmb65 {
    margin-bottom: 65px !important;
  }
  ._spmt65 {
    margin-top: 65px !important;
  }
  ._sppb65 {
    padding-bottom: 65px !important;
  }
  ._sppt65 {
    padding-top: 65px !important;
  }
}
._mb70 {
  margin-bottom: clamp(5px * 14 / 2, 0.75vw * 14, 5px * 14) !important;
}

._mt70 {
  margin-top: clamp(5px * 14 / 2, 0.75vw * 14, 5px * 14) !important;
}

._ml70 {
  margin-left: 70px !important;
}

._mr70 {
  margin-right: 70px !important;
}

._pb70 {
  padding-bottom: clamp(5px * 14 / 2, 0.75vw * 14, 5px * 14) !important;
}

._pt70 {
  padding-top: clamp(5px * 14 / 2, 0.75vw * 14, 5px * 14) !important;
}

._pl70 {
  padding-left: 70px !important;
}

._pr70 {
  padding-right: 70px !important;
}

._mbst70 {
  margin-bottom: 70px !important;
}

._mtst70 {
  margin-top: 70px !important;
}

._mlst70 {
  margin-left: 70px !important;
}

._mrst70 {
  margin-right: 70px !important;
}

._pbst70 {
  padding-bottom: 70px !important;
}

._ptst70 {
  padding-top: 70px !important;
}

._plst70 {
  padding-left: 70px !important;
}

._prst70 {
  padding-right: 70px !important;
}

@media (min-width: 756px) {
  ._pcmb70 {
    margin-bottom: 70px !important;
  }
  ._pcmt70 {
    margin-top: 70px !important;
  }
  ._pcpb70 {
    padding-bottom: 70px !important;
  }
  ._pcpt70 {
    padding-top: 70px !important;
  }
}
@media (max-width: 768px) {
  ._ml70 {
    margin-left: 10.5vw !important;
  }
  ._mr70 {
    margin-right: 10.5vw !important;
  }
  ._pl70 {
    padding-left: 10.5vw !important;
  }
  ._pr70 {
    padding-right: 10.5vw !important;
  }
  ._spmb70 {
    margin-bottom: 70px !important;
  }
  ._spmt70 {
    margin-top: 70px !important;
  }
  ._sppb70 {
    padding-bottom: 70px !important;
  }
  ._sppt70 {
    padding-top: 70px !important;
  }
}
._mb75 {
  margin-bottom: clamp(5px * 15 / 2, 0.75vw * 15, 5px * 15) !important;
}

._mt75 {
  margin-top: clamp(5px * 15 / 2, 0.75vw * 15, 5px * 15) !important;
}

._ml75 {
  margin-left: 75px !important;
}

._mr75 {
  margin-right: 75px !important;
}

._pb75 {
  padding-bottom: clamp(5px * 15 / 2, 0.75vw * 15, 5px * 15) !important;
}

._pt75 {
  padding-top: clamp(5px * 15 / 2, 0.75vw * 15, 5px * 15) !important;
}

._pl75 {
  padding-left: 75px !important;
}

._pr75 {
  padding-right: 75px !important;
}

._mbst75 {
  margin-bottom: 75px !important;
}

._mtst75 {
  margin-top: 75px !important;
}

._mlst75 {
  margin-left: 75px !important;
}

._mrst75 {
  margin-right: 75px !important;
}

._pbst75 {
  padding-bottom: 75px !important;
}

._ptst75 {
  padding-top: 75px !important;
}

._plst75 {
  padding-left: 75px !important;
}

._prst75 {
  padding-right: 75px !important;
}

@media (min-width: 756px) {
  ._pcmb75 {
    margin-bottom: 75px !important;
  }
  ._pcmt75 {
    margin-top: 75px !important;
  }
  ._pcpb75 {
    padding-bottom: 75px !important;
  }
  ._pcpt75 {
    padding-top: 75px !important;
  }
}
@media (max-width: 768px) {
  ._ml75 {
    margin-left: 11.25vw !important;
  }
  ._mr75 {
    margin-right: 11.25vw !important;
  }
  ._pl75 {
    padding-left: 11.25vw !important;
  }
  ._pr75 {
    padding-right: 11.25vw !important;
  }
  ._spmb75 {
    margin-bottom: 75px !important;
  }
  ._spmt75 {
    margin-top: 75px !important;
  }
  ._sppb75 {
    padding-bottom: 75px !important;
  }
  ._sppt75 {
    padding-top: 75px !important;
  }
}
._mb80 {
  margin-bottom: clamp(5px * 16 / 2, 0.75vw * 16, 5px * 16) !important;
}

._mt80 {
  margin-top: clamp(5px * 16 / 2, 0.75vw * 16, 5px * 16) !important;
}

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

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

._pb80 {
  padding-bottom: clamp(5px * 16 / 2, 0.75vw * 16, 5px * 16) !important;
}

._pt80 {
  padding-top: clamp(5px * 16 / 2, 0.75vw * 16, 5px * 16) !important;
}

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

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

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

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

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

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

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

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

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

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

@media (min-width: 756px) {
  ._pcmb80 {
    margin-bottom: 80px !important;
  }
  ._pcmt80 {
    margin-top: 80px !important;
  }
  ._pcpb80 {
    padding-bottom: 80px !important;
  }
  ._pcpt80 {
    padding-top: 80px !important;
  }
}
@media (max-width: 768px) {
  ._ml80 {
    margin-left: 12vw !important;
  }
  ._mr80 {
    margin-right: 12vw !important;
  }
  ._pl80 {
    padding-left: 12vw !important;
  }
  ._pr80 {
    padding-right: 12vw !important;
  }
  ._spmb80 {
    margin-bottom: 80px !important;
  }
  ._spmt80 {
    margin-top: 80px !important;
  }
  ._sppb80 {
    padding-bottom: 80px !important;
  }
  ._sppt80 {
    padding-top: 80px !important;
  }
}
._mb85 {
  margin-bottom: clamp(5px * 17 / 2, 0.75vw * 17, 5px * 17) !important;
}

._mt85 {
  margin-top: clamp(5px * 17 / 2, 0.75vw * 17, 5px * 17) !important;
}

._ml85 {
  margin-left: 85px !important;
}

._mr85 {
  margin-right: 85px !important;
}

._pb85 {
  padding-bottom: clamp(5px * 17 / 2, 0.75vw * 17, 5px * 17) !important;
}

._pt85 {
  padding-top: clamp(5px * 17 / 2, 0.75vw * 17, 5px * 17) !important;
}

._pl85 {
  padding-left: 85px !important;
}

._pr85 {
  padding-right: 85px !important;
}

._mbst85 {
  margin-bottom: 85px !important;
}

._mtst85 {
  margin-top: 85px !important;
}

._mlst85 {
  margin-left: 85px !important;
}

._mrst85 {
  margin-right: 85px !important;
}

._pbst85 {
  padding-bottom: 85px !important;
}

._ptst85 {
  padding-top: 85px !important;
}

._plst85 {
  padding-left: 85px !important;
}

._prst85 {
  padding-right: 85px !important;
}

@media (min-width: 756px) {
  ._pcmb85 {
    margin-bottom: 85px !important;
  }
  ._pcmt85 {
    margin-top: 85px !important;
  }
  ._pcpb85 {
    padding-bottom: 85px !important;
  }
  ._pcpt85 {
    padding-top: 85px !important;
  }
}
@media (max-width: 768px) {
  ._ml85 {
    margin-left: 12.75vw !important;
  }
  ._mr85 {
    margin-right: 12.75vw !important;
  }
  ._pl85 {
    padding-left: 12.75vw !important;
  }
  ._pr85 {
    padding-right: 12.75vw !important;
  }
  ._spmb85 {
    margin-bottom: 85px !important;
  }
  ._spmt85 {
    margin-top: 85px !important;
  }
  ._sppb85 {
    padding-bottom: 85px !important;
  }
  ._sppt85 {
    padding-top: 85px !important;
  }
}
._mb90 {
  margin-bottom: clamp(5px * 18 / 2, 0.75vw * 18, 5px * 18) !important;
}

._mt90 {
  margin-top: clamp(5px * 18 / 2, 0.75vw * 18, 5px * 18) !important;
}

._ml90 {
  margin-left: 90px !important;
}

._mr90 {
  margin-right: 90px !important;
}

._pb90 {
  padding-bottom: clamp(5px * 18 / 2, 0.75vw * 18, 5px * 18) !important;
}

._pt90 {
  padding-top: clamp(5px * 18 / 2, 0.75vw * 18, 5px * 18) !important;
}

._pl90 {
  padding-left: 90px !important;
}

._pr90 {
  padding-right: 90px !important;
}

._mbst90 {
  margin-bottom: 90px !important;
}

._mtst90 {
  margin-top: 90px !important;
}

._mlst90 {
  margin-left: 90px !important;
}

._mrst90 {
  margin-right: 90px !important;
}

._pbst90 {
  padding-bottom: 90px !important;
}

._ptst90 {
  padding-top: 90px !important;
}

._plst90 {
  padding-left: 90px !important;
}

._prst90 {
  padding-right: 90px !important;
}

@media (min-width: 756px) {
  ._pcmb90 {
    margin-bottom: 90px !important;
  }
  ._pcmt90 {
    margin-top: 90px !important;
  }
  ._pcpb90 {
    padding-bottom: 90px !important;
  }
  ._pcpt90 {
    padding-top: 90px !important;
  }
}
@media (max-width: 768px) {
  ._ml90 {
    margin-left: 13.5vw !important;
  }
  ._mr90 {
    margin-right: 13.5vw !important;
  }
  ._pl90 {
    padding-left: 13.5vw !important;
  }
  ._pr90 {
    padding-right: 13.5vw !important;
  }
  ._spmb90 {
    margin-bottom: 90px !important;
  }
  ._spmt90 {
    margin-top: 90px !important;
  }
  ._sppb90 {
    padding-bottom: 90px !important;
  }
  ._sppt90 {
    padding-top: 90px !important;
  }
}
._mb95 {
  margin-bottom: clamp(5px * 19 / 2, 0.75vw * 19, 5px * 19) !important;
}

._mt95 {
  margin-top: clamp(5px * 19 / 2, 0.75vw * 19, 5px * 19) !important;
}

._ml95 {
  margin-left: 95px !important;
}

._mr95 {
  margin-right: 95px !important;
}

._pb95 {
  padding-bottom: clamp(5px * 19 / 2, 0.75vw * 19, 5px * 19) !important;
}

._pt95 {
  padding-top: clamp(5px * 19 / 2, 0.75vw * 19, 5px * 19) !important;
}

._pl95 {
  padding-left: 95px !important;
}

._pr95 {
  padding-right: 95px !important;
}

._mbst95 {
  margin-bottom: 95px !important;
}

._mtst95 {
  margin-top: 95px !important;
}

._mlst95 {
  margin-left: 95px !important;
}

._mrst95 {
  margin-right: 95px !important;
}

._pbst95 {
  padding-bottom: 95px !important;
}

._ptst95 {
  padding-top: 95px !important;
}

._plst95 {
  padding-left: 95px !important;
}

._prst95 {
  padding-right: 95px !important;
}

@media (min-width: 756px) {
  ._pcmb95 {
    margin-bottom: 95px !important;
  }
  ._pcmt95 {
    margin-top: 95px !important;
  }
  ._pcpb95 {
    padding-bottom: 95px !important;
  }
  ._pcpt95 {
    padding-top: 95px !important;
  }
}
@media (max-width: 768px) {
  ._ml95 {
    margin-left: 14.25vw !important;
  }
  ._mr95 {
    margin-right: 14.25vw !important;
  }
  ._pl95 {
    padding-left: 14.25vw !important;
  }
  ._pr95 {
    padding-right: 14.25vw !important;
  }
  ._spmb95 {
    margin-bottom: 95px !important;
  }
  ._spmt95 {
    margin-top: 95px !important;
  }
  ._sppb95 {
    padding-bottom: 95px !important;
  }
  ._sppt95 {
    padding-top: 95px !important;
  }
}
._mb100 {
  margin-bottom: clamp(5px * 20 / 2, 0.75vw * 20, 5px * 20) !important;
}

._mt100 {
  margin-top: clamp(5px * 20 / 2, 0.75vw * 20, 5px * 20) !important;
}

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

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

._pb100 {
  padding-bottom: clamp(5px * 20 / 2, 0.75vw * 20, 5px * 20) !important;
}

._pt100 {
  padding-top: clamp(5px * 20 / 2, 0.75vw * 20, 5px * 20) !important;
}

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

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

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

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

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

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

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

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

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

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

@media (min-width: 756px) {
  ._pcmb100 {
    margin-bottom: 100px !important;
  }
  ._pcmt100 {
    margin-top: 100px !important;
  }
  ._pcpb100 {
    padding-bottom: 100px !important;
  }
  ._pcpt100 {
    padding-top: 100px !important;
  }
}
@media (max-width: 768px) {
  ._ml100 {
    margin-left: 15vw !important;
  }
  ._mr100 {
    margin-right: 15vw !important;
  }
  ._pl100 {
    padding-left: 15vw !important;
  }
  ._pr100 {
    padding-right: 15vw !important;
  }
  ._spmb100 {
    margin-bottom: 100px !important;
  }
  ._spmt100 {
    margin-top: 100px !important;
  }
  ._sppb100 {
    padding-bottom: 100px !important;
  }
  ._sppt100 {
    padding-top: 100px !important;
  }
}
._mb105 {
  margin-bottom: clamp(5px * 21 / 2, 0.75vw * 21, 5px * 21) !important;
}

._mt105 {
  margin-top: clamp(5px * 21 / 2, 0.75vw * 21, 5px * 21) !important;
}

._ml105 {
  margin-left: 105px !important;
}

._mr105 {
  margin-right: 105px !important;
}

._pb105 {
  padding-bottom: clamp(5px * 21 / 2, 0.75vw * 21, 5px * 21) !important;
}

._pt105 {
  padding-top: clamp(5px * 21 / 2, 0.75vw * 21, 5px * 21) !important;
}

._pl105 {
  padding-left: 105px !important;
}

._pr105 {
  padding-right: 105px !important;
}

._mbst105 {
  margin-bottom: 105px !important;
}

._mtst105 {
  margin-top: 105px !important;
}

._mlst105 {
  margin-left: 105px !important;
}

._mrst105 {
  margin-right: 105px !important;
}

._pbst105 {
  padding-bottom: 105px !important;
}

._ptst105 {
  padding-top: 105px !important;
}

._plst105 {
  padding-left: 105px !important;
}

._prst105 {
  padding-right: 105px !important;
}

@media (min-width: 756px) {
  ._pcmb105 {
    margin-bottom: 105px !important;
  }
  ._pcmt105 {
    margin-top: 105px !important;
  }
  ._pcpb105 {
    padding-bottom: 105px !important;
  }
  ._pcpt105 {
    padding-top: 105px !important;
  }
}
@media (max-width: 768px) {
  ._ml105 {
    margin-left: 15.75vw !important;
  }
  ._mr105 {
    margin-right: 15.75vw !important;
  }
  ._pl105 {
    padding-left: 15.75vw !important;
  }
  ._pr105 {
    padding-right: 15.75vw !important;
  }
  ._spmb105 {
    margin-bottom: 105px !important;
  }
  ._spmt105 {
    margin-top: 105px !important;
  }
  ._sppb105 {
    padding-bottom: 105px !important;
  }
  ._sppt105 {
    padding-top: 105px !important;
  }
}
._mb110 {
  margin-bottom: clamp(5px * 22 / 2, 0.75vw * 22, 5px * 22) !important;
}

._mt110 {
  margin-top: clamp(5px * 22 / 2, 0.75vw * 22, 5px * 22) !important;
}

._ml110 {
  margin-left: 110px !important;
}

._mr110 {
  margin-right: 110px !important;
}

._pb110 {
  padding-bottom: clamp(5px * 22 / 2, 0.75vw * 22, 5px * 22) !important;
}

._pt110 {
  padding-top: clamp(5px * 22 / 2, 0.75vw * 22, 5px * 22) !important;
}

._pl110 {
  padding-left: 110px !important;
}

._pr110 {
  padding-right: 110px !important;
}

._mbst110 {
  margin-bottom: 110px !important;
}

._mtst110 {
  margin-top: 110px !important;
}

._mlst110 {
  margin-left: 110px !important;
}

._mrst110 {
  margin-right: 110px !important;
}

._pbst110 {
  padding-bottom: 110px !important;
}

._ptst110 {
  padding-top: 110px !important;
}

._plst110 {
  padding-left: 110px !important;
}

._prst110 {
  padding-right: 110px !important;
}

@media (min-width: 756px) {
  ._pcmb110 {
    margin-bottom: 110px !important;
  }
  ._pcmt110 {
    margin-top: 110px !important;
  }
  ._pcpb110 {
    padding-bottom: 110px !important;
  }
  ._pcpt110 {
    padding-top: 110px !important;
  }
}
@media (max-width: 768px) {
  ._ml110 {
    margin-left: 16.5vw !important;
  }
  ._mr110 {
    margin-right: 16.5vw !important;
  }
  ._pl110 {
    padding-left: 16.5vw !important;
  }
  ._pr110 {
    padding-right: 16.5vw !important;
  }
  ._spmb110 {
    margin-bottom: 110px !important;
  }
  ._spmt110 {
    margin-top: 110px !important;
  }
  ._sppb110 {
    padding-bottom: 110px !important;
  }
  ._sppt110 {
    padding-top: 110px !important;
  }
}
._mb115 {
  margin-bottom: clamp(5px * 23 / 2, 0.75vw * 23, 5px * 23) !important;
}

._mt115 {
  margin-top: clamp(5px * 23 / 2, 0.75vw * 23, 5px * 23) !important;
}

._ml115 {
  margin-left: 115px !important;
}

._mr115 {
  margin-right: 115px !important;
}

._pb115 {
  padding-bottom: clamp(5px * 23 / 2, 0.75vw * 23, 5px * 23) !important;
}

._pt115 {
  padding-top: clamp(5px * 23 / 2, 0.75vw * 23, 5px * 23) !important;
}

._pl115 {
  padding-left: 115px !important;
}

._pr115 {
  padding-right: 115px !important;
}

._mbst115 {
  margin-bottom: 115px !important;
}

._mtst115 {
  margin-top: 115px !important;
}

._mlst115 {
  margin-left: 115px !important;
}

._mrst115 {
  margin-right: 115px !important;
}

._pbst115 {
  padding-bottom: 115px !important;
}

._ptst115 {
  padding-top: 115px !important;
}

._plst115 {
  padding-left: 115px !important;
}

._prst115 {
  padding-right: 115px !important;
}

@media (min-width: 756px) {
  ._pcmb115 {
    margin-bottom: 115px !important;
  }
  ._pcmt115 {
    margin-top: 115px !important;
  }
  ._pcpb115 {
    padding-bottom: 115px !important;
  }
  ._pcpt115 {
    padding-top: 115px !important;
  }
}
@media (max-width: 768px) {
  ._ml115 {
    margin-left: 17.25vw !important;
  }
  ._mr115 {
    margin-right: 17.25vw !important;
  }
  ._pl115 {
    padding-left: 17.25vw !important;
  }
  ._pr115 {
    padding-right: 17.25vw !important;
  }
  ._spmb115 {
    margin-bottom: 115px !important;
  }
  ._spmt115 {
    margin-top: 115px !important;
  }
  ._sppb115 {
    padding-bottom: 115px !important;
  }
  ._sppt115 {
    padding-top: 115px !important;
  }
}
._mb120 {
  margin-bottom: clamp(5px * 24 / 2, 0.75vw * 24, 5px * 24) !important;
}

._mt120 {
  margin-top: clamp(5px * 24 / 2, 0.75vw * 24, 5px * 24) !important;
}

._ml120 {
  margin-left: 120px !important;
}

._mr120 {
  margin-right: 120px !important;
}

._pb120 {
  padding-bottom: clamp(5px * 24 / 2, 0.75vw * 24, 5px * 24) !important;
}

._pt120 {
  padding-top: clamp(5px * 24 / 2, 0.75vw * 24, 5px * 24) !important;
}

._pl120 {
  padding-left: 120px !important;
}

._pr120 {
  padding-right: 120px !important;
}

._mbst120 {
  margin-bottom: 120px !important;
}

._mtst120 {
  margin-top: 120px !important;
}

._mlst120 {
  margin-left: 120px !important;
}

._mrst120 {
  margin-right: 120px !important;
}

._pbst120 {
  padding-bottom: 120px !important;
}

._ptst120 {
  padding-top: 120px !important;
}

._plst120 {
  padding-left: 120px !important;
}

._prst120 {
  padding-right: 120px !important;
}

@media (min-width: 756px) {
  ._pcmb120 {
    margin-bottom: 120px !important;
  }
  ._pcmt120 {
    margin-top: 120px !important;
  }
  ._pcpb120 {
    padding-bottom: 120px !important;
  }
  ._pcpt120 {
    padding-top: 120px !important;
  }
}
@media (max-width: 768px) {
  ._ml120 {
    margin-left: 18vw !important;
  }
  ._mr120 {
    margin-right: 18vw !important;
  }
  ._pl120 {
    padding-left: 18vw !important;
  }
  ._pr120 {
    padding-right: 18vw !important;
  }
  ._spmb120 {
    margin-bottom: 120px !important;
  }
  ._spmt120 {
    margin-top: 120px !important;
  }
  ._sppb120 {
    padding-bottom: 120px !important;
  }
  ._sppt120 {
    padding-top: 120px !important;
  }
}
._mb125 {
  margin-bottom: clamp(5px * 25 / 2, 0.75vw * 25, 5px * 25) !important;
}

._mt125 {
  margin-top: clamp(5px * 25 / 2, 0.75vw * 25, 5px * 25) !important;
}

._ml125 {
  margin-left: 125px !important;
}

._mr125 {
  margin-right: 125px !important;
}

._pb125 {
  padding-bottom: clamp(5px * 25 / 2, 0.75vw * 25, 5px * 25) !important;
}

._pt125 {
  padding-top: clamp(5px * 25 / 2, 0.75vw * 25, 5px * 25) !important;
}

._pl125 {
  padding-left: 125px !important;
}

._pr125 {
  padding-right: 125px !important;
}

._mbst125 {
  margin-bottom: 125px !important;
}

._mtst125 {
  margin-top: 125px !important;
}

._mlst125 {
  margin-left: 125px !important;
}

._mrst125 {
  margin-right: 125px !important;
}

._pbst125 {
  padding-bottom: 125px !important;
}

._ptst125 {
  padding-top: 125px !important;
}

._plst125 {
  padding-left: 125px !important;
}

._prst125 {
  padding-right: 125px !important;
}

@media (min-width: 756px) {
  ._pcmb125 {
    margin-bottom: 125px !important;
  }
  ._pcmt125 {
    margin-top: 125px !important;
  }
  ._pcpb125 {
    padding-bottom: 125px !important;
  }
  ._pcpt125 {
    padding-top: 125px !important;
  }
}
@media (max-width: 768px) {
  ._ml125 {
    margin-left: 18.75vw !important;
  }
  ._mr125 {
    margin-right: 18.75vw !important;
  }
  ._pl125 {
    padding-left: 18.75vw !important;
  }
  ._pr125 {
    padding-right: 18.75vw !important;
  }
  ._spmb125 {
    margin-bottom: 125px !important;
  }
  ._spmt125 {
    margin-top: 125px !important;
  }
  ._sppb125 {
    padding-bottom: 125px !important;
  }
  ._sppt125 {
    padding-top: 125px !important;
  }
}
._mb130 {
  margin-bottom: clamp(5px * 26 / 2, 0.75vw * 26, 5px * 26) !important;
}

._mt130 {
  margin-top: clamp(5px * 26 / 2, 0.75vw * 26, 5px * 26) !important;
}

._ml130 {
  margin-left: 130px !important;
}

._mr130 {
  margin-right: 130px !important;
}

._pb130 {
  padding-bottom: clamp(5px * 26 / 2, 0.75vw * 26, 5px * 26) !important;
}

._pt130 {
  padding-top: clamp(5px * 26 / 2, 0.75vw * 26, 5px * 26) !important;
}

._pl130 {
  padding-left: 130px !important;
}

._pr130 {
  padding-right: 130px !important;
}

._mbst130 {
  margin-bottom: 130px !important;
}

._mtst130 {
  margin-top: 130px !important;
}

._mlst130 {
  margin-left: 130px !important;
}

._mrst130 {
  margin-right: 130px !important;
}

._pbst130 {
  padding-bottom: 130px !important;
}

._ptst130 {
  padding-top: 130px !important;
}

._plst130 {
  padding-left: 130px !important;
}

._prst130 {
  padding-right: 130px !important;
}

@media (min-width: 756px) {
  ._pcmb130 {
    margin-bottom: 130px !important;
  }
  ._pcmt130 {
    margin-top: 130px !important;
  }
  ._pcpb130 {
    padding-bottom: 130px !important;
  }
  ._pcpt130 {
    padding-top: 130px !important;
  }
}
@media (max-width: 768px) {
  ._ml130 {
    margin-left: 19.5vw !important;
  }
  ._mr130 {
    margin-right: 19.5vw !important;
  }
  ._pl130 {
    padding-left: 19.5vw !important;
  }
  ._pr130 {
    padding-right: 19.5vw !important;
  }
  ._spmb130 {
    margin-bottom: 130px !important;
  }
  ._spmt130 {
    margin-top: 130px !important;
  }
  ._sppb130 {
    padding-bottom: 130px !important;
  }
  ._sppt130 {
    padding-top: 130px !important;
  }
}
._mb135 {
  margin-bottom: clamp(5px * 27 / 2, 0.75vw * 27, 5px * 27) !important;
}

._mt135 {
  margin-top: clamp(5px * 27 / 2, 0.75vw * 27, 5px * 27) !important;
}

._ml135 {
  margin-left: 135px !important;
}

._mr135 {
  margin-right: 135px !important;
}

._pb135 {
  padding-bottom: clamp(5px * 27 / 2, 0.75vw * 27, 5px * 27) !important;
}

._pt135 {
  padding-top: clamp(5px * 27 / 2, 0.75vw * 27, 5px * 27) !important;
}

._pl135 {
  padding-left: 135px !important;
}

._pr135 {
  padding-right: 135px !important;
}

._mbst135 {
  margin-bottom: 135px !important;
}

._mtst135 {
  margin-top: 135px !important;
}

._mlst135 {
  margin-left: 135px !important;
}

._mrst135 {
  margin-right: 135px !important;
}

._pbst135 {
  padding-bottom: 135px !important;
}

._ptst135 {
  padding-top: 135px !important;
}

._plst135 {
  padding-left: 135px !important;
}

._prst135 {
  padding-right: 135px !important;
}

@media (min-width: 756px) {
  ._pcmb135 {
    margin-bottom: 135px !important;
  }
  ._pcmt135 {
    margin-top: 135px !important;
  }
  ._pcpb135 {
    padding-bottom: 135px !important;
  }
  ._pcpt135 {
    padding-top: 135px !important;
  }
}
@media (max-width: 768px) {
  ._ml135 {
    margin-left: 20.25vw !important;
  }
  ._mr135 {
    margin-right: 20.25vw !important;
  }
  ._pl135 {
    padding-left: 20.25vw !important;
  }
  ._pr135 {
    padding-right: 20.25vw !important;
  }
  ._spmb135 {
    margin-bottom: 135px !important;
  }
  ._spmt135 {
    margin-top: 135px !important;
  }
  ._sppb135 {
    padding-bottom: 135px !important;
  }
  ._sppt135 {
    padding-top: 135px !important;
  }
}
._mb140 {
  margin-bottom: clamp(5px * 28 / 2, 0.75vw * 28, 5px * 28) !important;
}

._mt140 {
  margin-top: clamp(5px * 28 / 2, 0.75vw * 28, 5px * 28) !important;
}

._ml140 {
  margin-left: 140px !important;
}

._mr140 {
  margin-right: 140px !important;
}

._pb140 {
  padding-bottom: clamp(5px * 28 / 2, 0.75vw * 28, 5px * 28) !important;
}

._pt140 {
  padding-top: clamp(5px * 28 / 2, 0.75vw * 28, 5px * 28) !important;
}

._pl140 {
  padding-left: 140px !important;
}

._pr140 {
  padding-right: 140px !important;
}

._mbst140 {
  margin-bottom: 140px !important;
}

._mtst140 {
  margin-top: 140px !important;
}

._mlst140 {
  margin-left: 140px !important;
}

._mrst140 {
  margin-right: 140px !important;
}

._pbst140 {
  padding-bottom: 140px !important;
}

._ptst140 {
  padding-top: 140px !important;
}

._plst140 {
  padding-left: 140px !important;
}

._prst140 {
  padding-right: 140px !important;
}

@media (min-width: 756px) {
  ._pcmb140 {
    margin-bottom: 140px !important;
  }
  ._pcmt140 {
    margin-top: 140px !important;
  }
  ._pcpb140 {
    padding-bottom: 140px !important;
  }
  ._pcpt140 {
    padding-top: 140px !important;
  }
}
@media (max-width: 768px) {
  ._ml140 {
    margin-left: 21vw !important;
  }
  ._mr140 {
    margin-right: 21vw !important;
  }
  ._pl140 {
    padding-left: 21vw !important;
  }
  ._pr140 {
    padding-right: 21vw !important;
  }
  ._spmb140 {
    margin-bottom: 140px !important;
  }
  ._spmt140 {
    margin-top: 140px !important;
  }
  ._sppb140 {
    padding-bottom: 140px !important;
  }
  ._sppt140 {
    padding-top: 140px !important;
  }
}
._mb145 {
  margin-bottom: clamp(5px * 29 / 2, 0.75vw * 29, 5px * 29) !important;
}

._mt145 {
  margin-top: clamp(5px * 29 / 2, 0.75vw * 29, 5px * 29) !important;
}

._ml145 {
  margin-left: 145px !important;
}

._mr145 {
  margin-right: 145px !important;
}

._pb145 {
  padding-bottom: clamp(5px * 29 / 2, 0.75vw * 29, 5px * 29) !important;
}

._pt145 {
  padding-top: clamp(5px * 29 / 2, 0.75vw * 29, 5px * 29) !important;
}

._pl145 {
  padding-left: 145px !important;
}

._pr145 {
  padding-right: 145px !important;
}

._mbst145 {
  margin-bottom: 145px !important;
}

._mtst145 {
  margin-top: 145px !important;
}

._mlst145 {
  margin-left: 145px !important;
}

._mrst145 {
  margin-right: 145px !important;
}

._pbst145 {
  padding-bottom: 145px !important;
}

._ptst145 {
  padding-top: 145px !important;
}

._plst145 {
  padding-left: 145px !important;
}

._prst145 {
  padding-right: 145px !important;
}

@media (min-width: 756px) {
  ._pcmb145 {
    margin-bottom: 145px !important;
  }
  ._pcmt145 {
    margin-top: 145px !important;
  }
  ._pcpb145 {
    padding-bottom: 145px !important;
  }
  ._pcpt145 {
    padding-top: 145px !important;
  }
}
@media (max-width: 768px) {
  ._ml145 {
    margin-left: 21.75vw !important;
  }
  ._mr145 {
    margin-right: 21.75vw !important;
  }
  ._pl145 {
    padding-left: 21.75vw !important;
  }
  ._pr145 {
    padding-right: 21.75vw !important;
  }
  ._spmb145 {
    margin-bottom: 145px !important;
  }
  ._spmt145 {
    margin-top: 145px !important;
  }
  ._sppb145 {
    padding-bottom: 145px !important;
  }
  ._sppt145 {
    padding-top: 145px !important;
  }
}
._mb150 {
  margin-bottom: clamp(5px * 30 / 2, 0.75vw * 30, 5px * 30) !important;
}

._mt150 {
  margin-top: clamp(5px * 30 / 2, 0.75vw * 30, 5px * 30) !important;
}

._ml150 {
  margin-left: 150px !important;
}

._mr150 {
  margin-right: 150px !important;
}

._pb150 {
  padding-bottom: clamp(5px * 30 / 2, 0.75vw * 30, 5px * 30) !important;
}

._pt150 {
  padding-top: clamp(5px * 30 / 2, 0.75vw * 30, 5px * 30) !important;
}

._pl150 {
  padding-left: 150px !important;
}

._pr150 {
  padding-right: 150px !important;
}

._mbst150 {
  margin-bottom: 150px !important;
}

._mtst150 {
  margin-top: 150px !important;
}

._mlst150 {
  margin-left: 150px !important;
}

._mrst150 {
  margin-right: 150px !important;
}

._pbst150 {
  padding-bottom: 150px !important;
}

._ptst150 {
  padding-top: 150px !important;
}

._plst150 {
  padding-left: 150px !important;
}

._prst150 {
  padding-right: 150px !important;
}

@media (min-width: 756px) {
  ._pcmb150 {
    margin-bottom: 150px !important;
  }
  ._pcmt150 {
    margin-top: 150px !important;
  }
  ._pcpb150 {
    padding-bottom: 150px !important;
  }
  ._pcpt150 {
    padding-top: 150px !important;
  }
}
@media (max-width: 768px) {
  ._ml150 {
    margin-left: 22.5vw !important;
  }
  ._mr150 {
    margin-right: 22.5vw !important;
  }
  ._pl150 {
    padding-left: 22.5vw !important;
  }
  ._pr150 {
    padding-right: 22.5vw !important;
  }
  ._spmb150 {
    margin-bottom: 150px !important;
  }
  ._spmt150 {
    margin-top: 150px !important;
  }
  ._sppb150 {
    padding-bottom: 150px !important;
  }
  ._sppt150 {
    padding-top: 150px !important;
  }
}
._mb155 {
  margin-bottom: clamp(5px * 31 / 2, 0.75vw * 31, 5px * 31) !important;
}

._mt155 {
  margin-top: clamp(5px * 31 / 2, 0.75vw * 31, 5px * 31) !important;
}

._ml155 {
  margin-left: 155px !important;
}

._mr155 {
  margin-right: 155px !important;
}

._pb155 {
  padding-bottom: clamp(5px * 31 / 2, 0.75vw * 31, 5px * 31) !important;
}

._pt155 {
  padding-top: clamp(5px * 31 / 2, 0.75vw * 31, 5px * 31) !important;
}

._pl155 {
  padding-left: 155px !important;
}

._pr155 {
  padding-right: 155px !important;
}

._mbst155 {
  margin-bottom: 155px !important;
}

._mtst155 {
  margin-top: 155px !important;
}

._mlst155 {
  margin-left: 155px !important;
}

._mrst155 {
  margin-right: 155px !important;
}

._pbst155 {
  padding-bottom: 155px !important;
}

._ptst155 {
  padding-top: 155px !important;
}

._plst155 {
  padding-left: 155px !important;
}

._prst155 {
  padding-right: 155px !important;
}

@media (min-width: 756px) {
  ._pcmb155 {
    margin-bottom: 155px !important;
  }
  ._pcmt155 {
    margin-top: 155px !important;
  }
  ._pcpb155 {
    padding-bottom: 155px !important;
  }
  ._pcpt155 {
    padding-top: 155px !important;
  }
}
@media (max-width: 768px) {
  ._ml155 {
    margin-left: 23.25vw !important;
  }
  ._mr155 {
    margin-right: 23.25vw !important;
  }
  ._pl155 {
    padding-left: 23.25vw !important;
  }
  ._pr155 {
    padding-right: 23.25vw !important;
  }
  ._spmb155 {
    margin-bottom: 155px !important;
  }
  ._spmt155 {
    margin-top: 155px !important;
  }
  ._sppb155 {
    padding-bottom: 155px !important;
  }
  ._sppt155 {
    padding-top: 155px !important;
  }
}
._mb160 {
  margin-bottom: clamp(5px * 32 / 2, 0.75vw * 32, 5px * 32) !important;
}

._mt160 {
  margin-top: clamp(5px * 32 / 2, 0.75vw * 32, 5px * 32) !important;
}

._ml160 {
  margin-left: 160px !important;
}

._mr160 {
  margin-right: 160px !important;
}

._pb160 {
  padding-bottom: clamp(5px * 32 / 2, 0.75vw * 32, 5px * 32) !important;
}

._pt160 {
  padding-top: clamp(5px * 32 / 2, 0.75vw * 32, 5px * 32) !important;
}

._pl160 {
  padding-left: 160px !important;
}

._pr160 {
  padding-right: 160px !important;
}

._mbst160 {
  margin-bottom: 160px !important;
}

._mtst160 {
  margin-top: 160px !important;
}

._mlst160 {
  margin-left: 160px !important;
}

._mrst160 {
  margin-right: 160px !important;
}

._pbst160 {
  padding-bottom: 160px !important;
}

._ptst160 {
  padding-top: 160px !important;
}

._plst160 {
  padding-left: 160px !important;
}

._prst160 {
  padding-right: 160px !important;
}

@media (min-width: 756px) {
  ._pcmb160 {
    margin-bottom: 160px !important;
  }
  ._pcmt160 {
    margin-top: 160px !important;
  }
  ._pcpb160 {
    padding-bottom: 160px !important;
  }
  ._pcpt160 {
    padding-top: 160px !important;
  }
}
@media (max-width: 768px) {
  ._ml160 {
    margin-left: 24vw !important;
  }
  ._mr160 {
    margin-right: 24vw !important;
  }
  ._pl160 {
    padding-left: 24vw !important;
  }
  ._pr160 {
    padding-right: 24vw !important;
  }
  ._spmb160 {
    margin-bottom: 160px !important;
  }
  ._spmt160 {
    margin-top: 160px !important;
  }
  ._sppb160 {
    padding-bottom: 160px !important;
  }
  ._sppt160 {
    padding-top: 160px !important;
  }
}
._mb165 {
  margin-bottom: clamp(5px * 33 / 2, 0.75vw * 33, 5px * 33) !important;
}

._mt165 {
  margin-top: clamp(5px * 33 / 2, 0.75vw * 33, 5px * 33) !important;
}

._ml165 {
  margin-left: 165px !important;
}

._mr165 {
  margin-right: 165px !important;
}

._pb165 {
  padding-bottom: clamp(5px * 33 / 2, 0.75vw * 33, 5px * 33) !important;
}

._pt165 {
  padding-top: clamp(5px * 33 / 2, 0.75vw * 33, 5px * 33) !important;
}

._pl165 {
  padding-left: 165px !important;
}

._pr165 {
  padding-right: 165px !important;
}

._mbst165 {
  margin-bottom: 165px !important;
}

._mtst165 {
  margin-top: 165px !important;
}

._mlst165 {
  margin-left: 165px !important;
}

._mrst165 {
  margin-right: 165px !important;
}

._pbst165 {
  padding-bottom: 165px !important;
}

._ptst165 {
  padding-top: 165px !important;
}

._plst165 {
  padding-left: 165px !important;
}

._prst165 {
  padding-right: 165px !important;
}

@media (min-width: 756px) {
  ._pcmb165 {
    margin-bottom: 165px !important;
  }
  ._pcmt165 {
    margin-top: 165px !important;
  }
  ._pcpb165 {
    padding-bottom: 165px !important;
  }
  ._pcpt165 {
    padding-top: 165px !important;
  }
}
@media (max-width: 768px) {
  ._ml165 {
    margin-left: 24.75vw !important;
  }
  ._mr165 {
    margin-right: 24.75vw !important;
  }
  ._pl165 {
    padding-left: 24.75vw !important;
  }
  ._pr165 {
    padding-right: 24.75vw !important;
  }
  ._spmb165 {
    margin-bottom: 165px !important;
  }
  ._spmt165 {
    margin-top: 165px !important;
  }
  ._sppb165 {
    padding-bottom: 165px !important;
  }
  ._sppt165 {
    padding-top: 165px !important;
  }
}
._mb170 {
  margin-bottom: clamp(5px * 34 / 2, 0.75vw * 34, 5px * 34) !important;
}

._mt170 {
  margin-top: clamp(5px * 34 / 2, 0.75vw * 34, 5px * 34) !important;
}

._ml170 {
  margin-left: 170px !important;
}

._mr170 {
  margin-right: 170px !important;
}

._pb170 {
  padding-bottom: clamp(5px * 34 / 2, 0.75vw * 34, 5px * 34) !important;
}

._pt170 {
  padding-top: clamp(5px * 34 / 2, 0.75vw * 34, 5px * 34) !important;
}

._pl170 {
  padding-left: 170px !important;
}

._pr170 {
  padding-right: 170px !important;
}

._mbst170 {
  margin-bottom: 170px !important;
}

._mtst170 {
  margin-top: 170px !important;
}

._mlst170 {
  margin-left: 170px !important;
}

._mrst170 {
  margin-right: 170px !important;
}

._pbst170 {
  padding-bottom: 170px !important;
}

._ptst170 {
  padding-top: 170px !important;
}

._plst170 {
  padding-left: 170px !important;
}

._prst170 {
  padding-right: 170px !important;
}

@media (min-width: 756px) {
  ._pcmb170 {
    margin-bottom: 170px !important;
  }
  ._pcmt170 {
    margin-top: 170px !important;
  }
  ._pcpb170 {
    padding-bottom: 170px !important;
  }
  ._pcpt170 {
    padding-top: 170px !important;
  }
}
@media (max-width: 768px) {
  ._ml170 {
    margin-left: 25.5vw !important;
  }
  ._mr170 {
    margin-right: 25.5vw !important;
  }
  ._pl170 {
    padding-left: 25.5vw !important;
  }
  ._pr170 {
    padding-right: 25.5vw !important;
  }
  ._spmb170 {
    margin-bottom: 170px !important;
  }
  ._spmt170 {
    margin-top: 170px !important;
  }
  ._sppb170 {
    padding-bottom: 170px !important;
  }
  ._sppt170 {
    padding-top: 170px !important;
  }
}
._mb175 {
  margin-bottom: clamp(5px * 35 / 2, 0.75vw * 35, 5px * 35) !important;
}

._mt175 {
  margin-top: clamp(5px * 35 / 2, 0.75vw * 35, 5px * 35) !important;
}

._ml175 {
  margin-left: 175px !important;
}

._mr175 {
  margin-right: 175px !important;
}

._pb175 {
  padding-bottom: clamp(5px * 35 / 2, 0.75vw * 35, 5px * 35) !important;
}

._pt175 {
  padding-top: clamp(5px * 35 / 2, 0.75vw * 35, 5px * 35) !important;
}

._pl175 {
  padding-left: 175px !important;
}

._pr175 {
  padding-right: 175px !important;
}

._mbst175 {
  margin-bottom: 175px !important;
}

._mtst175 {
  margin-top: 175px !important;
}

._mlst175 {
  margin-left: 175px !important;
}

._mrst175 {
  margin-right: 175px !important;
}

._pbst175 {
  padding-bottom: 175px !important;
}

._ptst175 {
  padding-top: 175px !important;
}

._plst175 {
  padding-left: 175px !important;
}

._prst175 {
  padding-right: 175px !important;
}

@media (min-width: 756px) {
  ._pcmb175 {
    margin-bottom: 175px !important;
  }
  ._pcmt175 {
    margin-top: 175px !important;
  }
  ._pcpb175 {
    padding-bottom: 175px !important;
  }
  ._pcpt175 {
    padding-top: 175px !important;
  }
}
@media (max-width: 768px) {
  ._ml175 {
    margin-left: 26.25vw !important;
  }
  ._mr175 {
    margin-right: 26.25vw !important;
  }
  ._pl175 {
    padding-left: 26.25vw !important;
  }
  ._pr175 {
    padding-right: 26.25vw !important;
  }
  ._spmb175 {
    margin-bottom: 175px !important;
  }
  ._spmt175 {
    margin-top: 175px !important;
  }
  ._sppb175 {
    padding-bottom: 175px !important;
  }
  ._sppt175 {
    padding-top: 175px !important;
  }
}
._mb180 {
  margin-bottom: clamp(5px * 36 / 2, 0.75vw * 36, 5px * 36) !important;
}

._mt180 {
  margin-top: clamp(5px * 36 / 2, 0.75vw * 36, 5px * 36) !important;
}

._ml180 {
  margin-left: 180px !important;
}

._mr180 {
  margin-right: 180px !important;
}

._pb180 {
  padding-bottom: clamp(5px * 36 / 2, 0.75vw * 36, 5px * 36) !important;
}

._pt180 {
  padding-top: clamp(5px * 36 / 2, 0.75vw * 36, 5px * 36) !important;
}

._pl180 {
  padding-left: 180px !important;
}

._pr180 {
  padding-right: 180px !important;
}

._mbst180 {
  margin-bottom: 180px !important;
}

._mtst180 {
  margin-top: 180px !important;
}

._mlst180 {
  margin-left: 180px !important;
}

._mrst180 {
  margin-right: 180px !important;
}

._pbst180 {
  padding-bottom: 180px !important;
}

._ptst180 {
  padding-top: 180px !important;
}

._plst180 {
  padding-left: 180px !important;
}

._prst180 {
  padding-right: 180px !important;
}

@media (min-width: 756px) {
  ._pcmb180 {
    margin-bottom: 180px !important;
  }
  ._pcmt180 {
    margin-top: 180px !important;
  }
  ._pcpb180 {
    padding-bottom: 180px !important;
  }
  ._pcpt180 {
    padding-top: 180px !important;
  }
}
@media (max-width: 768px) {
  ._ml180 {
    margin-left: 27vw !important;
  }
  ._mr180 {
    margin-right: 27vw !important;
  }
  ._pl180 {
    padding-left: 27vw !important;
  }
  ._pr180 {
    padding-right: 27vw !important;
  }
  ._spmb180 {
    margin-bottom: 180px !important;
  }
  ._spmt180 {
    margin-top: 180px !important;
  }
  ._sppb180 {
    padding-bottom: 180px !important;
  }
  ._sppt180 {
    padding-top: 180px !important;
  }
}
._mb185 {
  margin-bottom: clamp(5px * 37 / 2, 0.75vw * 37, 5px * 37) !important;
}

._mt185 {
  margin-top: clamp(5px * 37 / 2, 0.75vw * 37, 5px * 37) !important;
}

._ml185 {
  margin-left: 185px !important;
}

._mr185 {
  margin-right: 185px !important;
}

._pb185 {
  padding-bottom: clamp(5px * 37 / 2, 0.75vw * 37, 5px * 37) !important;
}

._pt185 {
  padding-top: clamp(5px * 37 / 2, 0.75vw * 37, 5px * 37) !important;
}

._pl185 {
  padding-left: 185px !important;
}

._pr185 {
  padding-right: 185px !important;
}

._mbst185 {
  margin-bottom: 185px !important;
}

._mtst185 {
  margin-top: 185px !important;
}

._mlst185 {
  margin-left: 185px !important;
}

._mrst185 {
  margin-right: 185px !important;
}

._pbst185 {
  padding-bottom: 185px !important;
}

._ptst185 {
  padding-top: 185px !important;
}

._plst185 {
  padding-left: 185px !important;
}

._prst185 {
  padding-right: 185px !important;
}

@media (min-width: 756px) {
  ._pcmb185 {
    margin-bottom: 185px !important;
  }
  ._pcmt185 {
    margin-top: 185px !important;
  }
  ._pcpb185 {
    padding-bottom: 185px !important;
  }
  ._pcpt185 {
    padding-top: 185px !important;
  }
}
@media (max-width: 768px) {
  ._ml185 {
    margin-left: 27.75vw !important;
  }
  ._mr185 {
    margin-right: 27.75vw !important;
  }
  ._pl185 {
    padding-left: 27.75vw !important;
  }
  ._pr185 {
    padding-right: 27.75vw !important;
  }
  ._spmb185 {
    margin-bottom: 185px !important;
  }
  ._spmt185 {
    margin-top: 185px !important;
  }
  ._sppb185 {
    padding-bottom: 185px !important;
  }
  ._sppt185 {
    padding-top: 185px !important;
  }
}
._mb190 {
  margin-bottom: clamp(5px * 38 / 2, 0.75vw * 38, 5px * 38) !important;
}

._mt190 {
  margin-top: clamp(5px * 38 / 2, 0.75vw * 38, 5px * 38) !important;
}

._ml190 {
  margin-left: 190px !important;
}

._mr190 {
  margin-right: 190px !important;
}

._pb190 {
  padding-bottom: clamp(5px * 38 / 2, 0.75vw * 38, 5px * 38) !important;
}

._pt190 {
  padding-top: clamp(5px * 38 / 2, 0.75vw * 38, 5px * 38) !important;
}

._pl190 {
  padding-left: 190px !important;
}

._pr190 {
  padding-right: 190px !important;
}

._mbst190 {
  margin-bottom: 190px !important;
}

._mtst190 {
  margin-top: 190px !important;
}

._mlst190 {
  margin-left: 190px !important;
}

._mrst190 {
  margin-right: 190px !important;
}

._pbst190 {
  padding-bottom: 190px !important;
}

._ptst190 {
  padding-top: 190px !important;
}

._plst190 {
  padding-left: 190px !important;
}

._prst190 {
  padding-right: 190px !important;
}

@media (min-width: 756px) {
  ._pcmb190 {
    margin-bottom: 190px !important;
  }
  ._pcmt190 {
    margin-top: 190px !important;
  }
  ._pcpb190 {
    padding-bottom: 190px !important;
  }
  ._pcpt190 {
    padding-top: 190px !important;
  }
}
@media (max-width: 768px) {
  ._ml190 {
    margin-left: 28.5vw !important;
  }
  ._mr190 {
    margin-right: 28.5vw !important;
  }
  ._pl190 {
    padding-left: 28.5vw !important;
  }
  ._pr190 {
    padding-right: 28.5vw !important;
  }
  ._spmb190 {
    margin-bottom: 190px !important;
  }
  ._spmt190 {
    margin-top: 190px !important;
  }
  ._sppb190 {
    padding-bottom: 190px !important;
  }
  ._sppt190 {
    padding-top: 190px !important;
  }
}
._mb195 {
  margin-bottom: clamp(5px * 39 / 2, 0.75vw * 39, 5px * 39) !important;
}

._mt195 {
  margin-top: clamp(5px * 39 / 2, 0.75vw * 39, 5px * 39) !important;
}

._ml195 {
  margin-left: 195px !important;
}

._mr195 {
  margin-right: 195px !important;
}

._pb195 {
  padding-bottom: clamp(5px * 39 / 2, 0.75vw * 39, 5px * 39) !important;
}

._pt195 {
  padding-top: clamp(5px * 39 / 2, 0.75vw * 39, 5px * 39) !important;
}

._pl195 {
  padding-left: 195px !important;
}

._pr195 {
  padding-right: 195px !important;
}

._mbst195 {
  margin-bottom: 195px !important;
}

._mtst195 {
  margin-top: 195px !important;
}

._mlst195 {
  margin-left: 195px !important;
}

._mrst195 {
  margin-right: 195px !important;
}

._pbst195 {
  padding-bottom: 195px !important;
}

._ptst195 {
  padding-top: 195px !important;
}

._plst195 {
  padding-left: 195px !important;
}

._prst195 {
  padding-right: 195px !important;
}

@media (min-width: 756px) {
  ._pcmb195 {
    margin-bottom: 195px !important;
  }
  ._pcmt195 {
    margin-top: 195px !important;
  }
  ._pcpb195 {
    padding-bottom: 195px !important;
  }
  ._pcpt195 {
    padding-top: 195px !important;
  }
}
@media (max-width: 768px) {
  ._ml195 {
    margin-left: 29.25vw !important;
  }
  ._mr195 {
    margin-right: 29.25vw !important;
  }
  ._pl195 {
    padding-left: 29.25vw !important;
  }
  ._pr195 {
    padding-right: 29.25vw !important;
  }
  ._spmb195 {
    margin-bottom: 195px !important;
  }
  ._spmt195 {
    margin-top: 195px !important;
  }
  ._sppb195 {
    padding-bottom: 195px !important;
  }
  ._sppt195 {
    padding-top: 195px !important;
  }
}
._mb200 {
  margin-bottom: clamp(5px * 40 / 2, 0.75vw * 40, 5px * 40) !important;
}

._mt200 {
  margin-top: clamp(5px * 40 / 2, 0.75vw * 40, 5px * 40) !important;
}

._ml200 {
  margin-left: 200px !important;
}

._mr200 {
  margin-right: 200px !important;
}

._pb200 {
  padding-bottom: clamp(5px * 40 / 2, 0.75vw * 40, 5px * 40) !important;
}

._pt200 {
  padding-top: clamp(5px * 40 / 2, 0.75vw * 40, 5px * 40) !important;
}

._pl200 {
  padding-left: 200px !important;
}

._pr200 {
  padding-right: 200px !important;
}

._mbst200 {
  margin-bottom: 200px !important;
}

._mtst200 {
  margin-top: 200px !important;
}

._mlst200 {
  margin-left: 200px !important;
}

._mrst200 {
  margin-right: 200px !important;
}

._pbst200 {
  padding-bottom: 200px !important;
}

._ptst200 {
  padding-top: 200px !important;
}

._plst200 {
  padding-left: 200px !important;
}

._prst200 {
  padding-right: 200px !important;
}

@media (min-width: 756px) {
  ._pcmb200 {
    margin-bottom: 200px !important;
  }
  ._pcmt200 {
    margin-top: 200px !important;
  }
  ._pcpb200 {
    padding-bottom: 200px !important;
  }
  ._pcpt200 {
    padding-top: 200px !important;
  }
}
@media (max-width: 768px) {
  ._ml200 {
    margin-left: 30vw !important;
  }
  ._mr200 {
    margin-right: 30vw !important;
  }
  ._pl200 {
    padding-left: 30vw !important;
  }
  ._pr200 {
    padding-right: 30vw !important;
  }
  ._spmb200 {
    margin-bottom: 200px !important;
  }
  ._spmt200 {
    margin-top: 200px !important;
  }
  ._sppb200 {
    padding-bottom: 200px !important;
  }
  ._sppt200 {
    padding-top: 200px !important;
  }
}
._box02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
._box02 > .box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
  height: auto;
}

._fadeiu {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: opacity 0.7s ease-out, -webkit-transform 0.7s cubic-bezier(0.1, -0.6, 0.2, 0);
  transition: opacity 0.7s ease-out, -webkit-transform 0.7s cubic-bezier(0.1, -0.6, 0.2, 0);
  transition: transform 0.7s cubic-bezier(0.1, -0.6, 0.2, 0), opacity 0.7s ease-out;
  transition: transform 0.7s cubic-bezier(0.1, -0.6, 0.2, 0), opacity 0.7s ease-out, -webkit-transform 0.7s cubic-bezier(0.1, -0.6, 0.2, 0);
}
._fadeiu.-fdgroup:nth-of-type(1) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
._fadeiu.-fdgroup:nth-of-type(2) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
._fadeiu.-fdgroup:nth-of-type(3) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
._fadeiu.-fdgroup:nth-of-type(4) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
._fadeiu.-fdgroup:nth-of-type(5) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
._fadeiu.-fdgroup:nth-of-type(6) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
._fadeiu.-fdgroup:nth-of-type(7) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
._fadeiu.-fdgroup:nth-of-type(8) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
._fadeiu.-fdgroup:nth-of-type(9) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
._fadeiu.-fdgroup:nth-of-type(10) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
._fadeiu.-fdgroup:nth-of-type(11) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
._fadeiu.-fdgroup:nth-of-type(12) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
._fadeiu.-fdgroup4:nth-of-type(1) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
._fadeiu.-fdgroup4:nth-of-type(2) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
._fadeiu.-fdgroup4:nth-of-type(3) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
._fadeiu.-fdgroup4:nth-of-type(4) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
._fadeiu.-fdgroup4:nth-of-type(5) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
._fadeiu.-fdgroup4:nth-of-type(6) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
._fadeiu.-fdgroup4:nth-of-type(7) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
._fadeiu.-fdgroup4:nth-of-type(8) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
._fadeiu.-fdgroup4:nth-of-type(9) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
._fadeiu.-fdgroup4:nth-of-type(10) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
._fadeiu.-fdgroup4:nth-of-type(11) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
._fadeiu.-fdgroup4:nth-of-type(12) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
._fadeiu.-active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media (max-width: 768px) {
  ._fadeiu {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0s !important;
            transition-delay: 0s !important;
  }
}

._fadeir {
  opacity: 0;
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
  -webkit-transition: opacity 0.8s ease-out, -webkit-transform 0.8s ease-out;
  transition: opacity 0.8s ease-out, -webkit-transform 0.8s ease-out;
  transition: transform 0.8s ease-out, opacity 0.8s ease-out;
  transition: transform 0.8s ease-out, opacity 0.8s ease-out, -webkit-transform 0.8s ease-out;
}
._fadeir.-active {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media (max-width: 768px) {
  ._fadeir {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition-delay: 0s !important;
            transition-delay: 0s !important;
  }
}

._fadeil {
  opacity: 0;
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
  -webkit-transition: opacity 0.8s ease-out, -webkit-transform 0.8s ease-out;
  transition: opacity 0.8s ease-out, -webkit-transform 0.8s ease-out;
  transition: transform 0.8s ease-out, opacity 0.8s ease-out;
  transition: transform 0.8s ease-out, opacity 0.8s ease-out, -webkit-transform 0.8s ease-out;
}
._fadeil.-active {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media (max-width: 768px) {
  ._fadeil {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition-delay: 0s !important;
            transition-delay: 0s !important;
  }
}

._fadeio {
  opacity: 0;
  -webkit-transition: opacity 0.8s ease-out 0.1s;
  transition: opacity 0.8s ease-out 0.1s;
}
._fadeio.-active {
  opacity: 1;
}

._fadeblur {
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: 0.8s ease-out;
  transition: 0.8s ease-out;
}
._fadeblur.-active {
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media (max-width: 768px) {
  ._fadeblur {
    -webkit-filter: unset;
            filter: unset;
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  ._fadeblur.-active {
    opacity: 1;
  }
}

._fadeblurGroup > .txt {
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
}
._fadeblurGroup > .txt:nth-of-type(1) {
  -webkit-transition-delay: 0.11s;
          transition-delay: 0.11s;
}
._fadeblurGroup > .txt:nth-of-type(2) {
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
}
._fadeblurGroup > .txt:nth-of-type(3) {
  -webkit-transition-delay: 0.33s;
          transition-delay: 0.33s;
}
._fadeblurGroup > .txt:nth-of-type(4) {
  -webkit-transition-delay: 0.44s;
          transition-delay: 0.44s;
}
._fadeblurGroup > .txt:nth-of-type(5) {
  -webkit-transition-delay: 0.55s;
          transition-delay: 0.55s;
}
._fadeblurGroup > .txt:nth-of-type(6) {
  -webkit-transition-delay: 0.66s;
          transition-delay: 0.66s;
}
._fadeblurGroup > .txt:nth-of-type(7) {
  -webkit-transition-delay: 0.77s;
          transition-delay: 0.77s;
}
._fadeblurGroup > .txt:nth-of-type(8) {
  -webkit-transition-delay: 0.88s;
          transition-delay: 0.88s;
}
._fadeblurGroup > .txt:nth-of-type(9) {
  -webkit-transition-delay: 0.99s;
          transition-delay: 0.99s;
}
._fadeblurGroup > .txt:nth-of-type(10) {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
._fadeblurGroup > .txt:nth-of-type(11) {
  -webkit-transition-delay: 1.21s;
          transition-delay: 1.21s;
}
._fadeblurGroup > .txt:nth-of-type(12) {
  -webkit-transition-delay: 1.32s;
          transition-delay: 1.32s;
}
._fadeblurGroup.-active > .txt {
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media (max-width: 768px) {
  ._fadeblurGroup > .txt {
    -webkit-filter: unset;
            filter: unset;
    opacity: 0;
    -webkit-transition: 0.8s ease-out;
    transition: 0.8s ease-out;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0.2s !important;
            transition-delay: 0.2s !important;
  }
  ._fadeblurGroup.-active > .txt {
    opacity: 1;
  }
}

html * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 62.5%;
  overflow-y: scroll !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
}
html::-webkit-scrollbar {
  width: 7px;
  background: none;
}
html::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.5);
}
body {
  -webkit-text-size-adjust: 100%;
  min-height: 100%;
  position: relative;
  min-width: 320px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "source-han-serif-japanese", serif;
  font-size: 1.4rem;
  letter-spacing: 0.15em;
  line-height: 1.5;
  color: #000;
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  background-color: #fff;
}
@media (max-width: 768px) {
  body {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
body.-nofouc {
  display: none;
}

a {
  color: #000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

h1, h2, h3, h4, h5 {
  font-weight: normal;
}

.flatpickr-calendar .flatpickr-current-month .numInputWrapper > .numInput.cur-year {
  width: 50px !important;
}

.lg-video-cont {
  max-width: 85% !important;
  max-height: 90% !important;
}

.lg-image {
  max-height: 70% !important;
}

.lg-outer {
  z-index: 9999;
}

.lg-inner {
  background-color: rgba(0, 0, 0, 0.5);
}

.container-block {
  position: relative;
  padding-top: 130px;
  background: url(assets/img/cmn/beige_bg.jpg) center center repeat;
  position: relative;
}
.container-block > .main-header {
  height: 100px;
  width: 100%;
  z-index: 8900;
}
.container-block > .main-header.-init {
  height: 130px !important;
}
.container-block > .main-header.-menuopen {
  height: 130px !important;
}
@media (max-width: 768px) {
  .container-block > .main-header {
    height: 80px !important;
  }
  .container-block > .main-header.-init {
    height: 80px !important;
  }
}
.container-block.-sk {
  padding-top: 0;
}
.container-block.-sk > .main-header.-init {
  background: none;
}
.container-block .page-home {
  position: relative;
  z-index: 20;
}
.container-block .contents-header {
  height: 100px;
}
.container-block .nav-semiorder {
  position: relative;
  z-index: 5;
  width: calc(100% - 40px);
  max-width: 1000px !important;
  margin: auto;
  margin-top: 200px;
}
.container-block .nav-contact {
  height: 610px;
  margin-top: -195px;
}
.container-block > .bread-crumbs {
  margin-top: 10px;
}
.container-block > .main-footer {
  position: relative;
  z-index: 200;
}
.container-block .section-defo {
  width: calc(100% - 40px);
  max-width: 1000px !important;
  margin: auto;
}
.container-block .footer-spmenu {
  display: none;
}
.container-block .modelhouse-linkbtn {
  position: fixed;
  right: 0;
  bottom: 20px;
  z-index: 790;
}
.container-block .home-building {
  height: 100vh;
  position: relative;
  z-index: 800;
}
.container-block > .contact-linkbtn {
  position: fixed;
  right: 10px;
  top: calc(100vh - 140px);
  z-index: 1000;
}
.container-block > .contact-linkbtn.-mh {
  top: auto;
  bottom: 150px;
}
.container-block > .contact-linkbtn.-init {
  right: 30px;
  top: calc(100vh - 135px);
}
.container-block > .contact-linkbtn.-init.-mh {
  top: auto;
  bottom: 155px;
}
.container-block > .scroll-top {
  position: sticky;
  height: 44px;
  height: 0;
  left: calc(100% - 10px);
  bottom: 30px;
  z-index: 999;
}
@media (max-width: 768px) {
  .container-block {
    padding-top: 80px;
  }
  .container-block.-spsk {
    padding-top: 0;
  }
  .container-block.-spsk > .main-header.-init {
    background: none;
  }
  .container-block > .footer-spmenu {
    display: block;
    position: fixed;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 50px;
    z-index: 200;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .container-block > .footer-spmenu.-init {
    bottom: -60px;
  }
  .container-block .section-defo.-spnoside {
    width: 100%;
    max-width: 1000px;
    margin: auto;
  }
  .container-block .modelhouse-linkbtn {
    bottom: 15px;
  }
  .container-block > .main-header.-menuopen {
    height: 80px !important;
  }
  .container-block > .scroll-top {
    bottom: 60px;
    left: calc(100% - 5px);
  }
  .container-block.-menufixed {
    padding-top: 0;
  }
  .container-block.-menufixed > .main-header {
    height: 16vw;
    min-height: 70px;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    visibility: visible;
    opacity: 1;
  }
  .container-block.-menufixed > .main-header .logotxt {
    visibility: hidden;
  }
  .container-block.-menufixed > .global-nav {
    position: static;
    height: 16vw;
  }
  .container-block .nav-contact {
    height: 775px;
    margin-top: -255px;
  }
}

.contents-block {
  padding: clamp(80px, 13.3vw, 100px) 25px;
}
.contents-block.-nopd {
  padding: 0;
}
.contents-block.-bglgray {
  background-color: #f8f6f1;
}
.contents-block > .contentsinner {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}
.contents-block > .contentsinner.-formcontents {
  max-width: 800px;
}
.contents-block.-w1310 > .contentsinner {
  max-width: 1310px;
}
.contents-block.-w1000 > .contentsinner {
  max-width: 1000px;
}
.contents-block.-w1100 > .contentsinner {
  max-width: 1100px;
}
.contents-block.-w900 > .contentsinner {
  max-width: 900px;
}
.contents-block.-w800 > .contentsinner {
  max-width: 800px;
}
.contents-block.-eventform {
  padding-top: clamp(50px, 13.3vw, 100px);
  padding-bottom: 50px;
}
.contents-block.-formcustomer {
  padding-top: 100px;
  padding-top: clamp(50px, 13.3vw, 100px);
  padding-bottom: clamp(25px, 6.7vw, 50px);
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .contents-block.-secflow {
    padding-left: 0;
    padding-right: 0;
  }
}
.contents-block.-modelhouse01 {
  background-color: #e7f3ef;
}
.contents-block.-showroom03 {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(60%, #fff), color-stop(60%, #164332), to(#164332));
  background: linear-gradient(180deg, #fff 0%, #fff 60%, #164332 60%, #164332 100%);
  padding-top: 0;
  padding-bottom: 50px;
}
.contents-block.-news {
  padding: 0 20px;
  margin-bottom: clamp(20px / 1.5, 0.135vw * 20, 20px);
}
.contents-block.-library {
  background: url(assets/img/home/library_bg.jpg) center center no-repeat;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 240px;
}
@media (max-width: 768px) {
  .contents-block.-library {
    padding-bottom: 250px;
  }
}
.contents-block.-showroomvoice {
  padding: 0 20px;
  margin-top: -100px;
  margin-bottom: clamp(120px / 1.5, 0.135vw * 120, 120px);
  background: none;
}
@media (max-width: 768px) {
  .contents-block.-showroomvoice {
    margin-top: -150px;
    margin-bottom: clamp(100px / 1.5, 0.135vw * 100, 100px);
  }
}
.contents-block.-topbnr {
  padding: 0 20px;
  margin-bottom: 140px;
}
.contents-block.-topbnr .topbnr {
  display: block;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 2px;
}
@media (max-width: 768px) {
  .contents-block.-topbnr {
    margin-bottom: 100px;
  }
}
.contents-block.-contactarea {
  padding: 40px 20px 45px;
  background-color: #f8f6f1;
}
.contents-block.-contact {
  padding: 70px 20px;
  margin-bottom: 140px;
}
@media (max-width: 768px) {
  .contents-block.-contact {
    padding-top: 100px;
    padding-bottom: 100px;
    margin-bottom: 100px;
  }
}
.contents-block.-products {
  padding-top: 40px;
  padding-bottom: 40px;
}
.contents-block.-products:nth-of-type(even) {
  background-color: #f4f4f4;
}
.contents-block.-products > .contentsinner {
  max-width: 1000px;
}
.contents-block.-graybg {
  background-color: #f8f6f1;
}
.contents-block.-dgraybg {
  background-color: #eee;
}
.contents-block.-singlebtm {
  padding: 40px 20px;
}
@media (max-width: 768px) {
  .contents-block.-search {
    display: none;
  }
}
.contents-block .news-section {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}
.contents-block .news-archive {
  margin-bottom: clamp(100px / 1.5, 0.135vw * 100, 100px);
}
.contents-block .othersttl {
  text-align: center;
  font-size: clamp(24px, 3vw, 3rem);
  margin-top: clamp(90px / 1.5, 0.135vw * 90, 90px);
  margin-bottom: clamp(40px / 1.5, 0.135vw * 40, 40px);
}
.contents-block > .twoclm-page {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}
.contents-block .wp-pagenavi {
  margin-bottom: clamp(85px / 1.5, 0.135vw * 85, 85px);
}
.contents-block .form-tb {
  width: 100%;
}
.contents-block .single-header {
  margin-bottom: 60px;
}
.contents-block .search-type {
  width: 100%;
  max-width: 560px;
  margin: 0 auto 40px;
}
.contents-block .searchttl {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 15px;
}
.contents-block .searchcontainer {
  display: none;
}
.contents-block .searchcontainer.-active {
  display: block;
}
.contents-block .re-header {
  margin-bottom: 50px;
}
.contents-block .re-imgs {
  margin-bottom: clamp(100px / 1.5, 0.135vw * 100, 100px);
}
@media (max-width: 768px) {
  .contents-block .re-imgs {
    max-width: 0 auto;
  }
}
.contents-block .attention {
  background: #cbcbcb;
  padding: 35px;
  margin-bottom: clamp(50px / 1.5, 0.135vw * 50, 50px);
}
.contents-block .attention .color {
  color: #124a97;
}
.contents-block .favorite-block {
  width: 100%;
  max-width: 800px;
  margin: auto;
}
.contents-block .privacy-sec {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 40px;
}
.contents-block .login-block, .contents-block .members-profile {
  width: 100%;
  max-width: 800px;
  margin: auto;
}
.contents-block .formttl {
  font-size: clamp(2.4rem, 4vw, 3rem);
  line-height: 1.5;
  font-weight: normal;
}
.contents-block .noentry {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "source-han-serif-japanese", serif;
  text-align: center;
}
@media (max-width: 980px) {
  .contents-block.-homesearch {
    display: none;
  }
}
.bread-crumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-weight: normal;
  padding: 0 50px;
}
.bread-crumbs > .brcul {
  height: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border-top: 1px solid #e8e8e8;
  padding-top: 10px;
}
.bread-crumbs .list {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  color: #ccc;
}
.bread-crumbs .list:last-child {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  max-width: none;
  min-width: 0;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.bread-crumbs .list:first-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bread-crumbs .list:first-of-type::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #164332;
  margin-right: 5px;
}
.bread-crumbs .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  white-space: nowrap;
  color: #ccc;
}
.bread-crumbs .link::after {
  content: "";
  display: inline-block;
  left: 10px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 10px;
  margin-right: 10px;
}
.bread-crumbs .link:hover {
  text-decoration: none;
  opacity: 0.6;
}
.bread-crumbs .currentpage {
  height: 100%;
}
@media (max-width: 1260px) {
  .bread-crumbs {
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .bread-crumbs {
    display: none;
  }
}

.article-page .faq-dl {
  width: 100%;
  max-width: 730px;
  margin: auto;
  margin-bottom: clamp(30px / 1.5, 0.135vw * 30, 30px);
}

.block-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  line-height: 1;
}
.block-ttl > .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 38px;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.25em;
  white-space: nowrap;
  position: relative;
  padding: 0 18px;
}
.block-ttl > .ttl::before, .block-ttl > .ttl::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 38px;
  background: url(assets/img/cmn/ttl_l.svg) 0 0 no-repeat;
  background-size: contain !important;
}
.block-ttl > .ttl::after {
  left: unset;
  right: 0;
  top: 0;
  background: url(assets/img/cmn/ttl_r.svg) 0 0 no-repeat;
}
.block-ttl.-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.block-ttl.-w > .ttl {
  color: #fff;
}
.block-ttl.-w > .ttl::before, .block-ttl.-w > .ttl::after {
  -webkit-filter: brightness(20);
          filter: brightness(20);
}
@media (max-width: 768px) {
  .block-ttl.-spleft {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .block-ttl > .ttl {
    height: 29px;
    font-size: 1.3rem;
    padding: 0 10px;
  }
  .block-ttl > .ttl::before, .block-ttl > .ttl::after {
    width: 4px;
    height: 29px;
  }
}

.block-ttl02 {
  font-size: clamp(2.6rem, 4vw, 3.2rem);
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  color: #164332;
  padding-bottom: 45px;
  position: relative;
}
.block-ttl02::after {
  content: "";
  position: absolute;
  left: calc(50% - 20px);
  bottom: 0;
  width: 40px;
  height: 8px;
  background-color: #eb6100;
}
.block-ttl02.-nobd {
  padding-bottom: 0;
}
.block-ttl02.-nobd::after {
  display: none;
}

.card-event > .cardinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card-event > .cardinner.-side {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 40% 3.6% 1fr;
  grid-template-columns: 40% 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 0 3.6%;
  height: 100%;
}
.card-event > .cardinner.-side > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.card-event > .cardinner.-side > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.card-event > .cardinner.-side .imgarea {
  height: 100%;
  margin-bottom: 0;
}
.card-event > .cardinner.-side .txtarea {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.card-event .txtarea {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card-event .txtarea .cardttl {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-size: 2rem;
  font-weight: bold;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 10px;
}
.card-event .txtarea .status {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  width: 60px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  background-color: #fff;
  border: 1px solid #cbcbcb;
  margin-bottom: 10px;
}
.card-event .txtarea .date {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  color: #8c8c8c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  line-height: 1;
}
.card-event .txtarea .date::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  width: 18px;
  height: 19px;
  background: url(assets/img/cmn/svg/icon_calendar.svg) center center no-repeat;
  margin-right: 10px;
}
.card-event .imgarea {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  position: relative;
  margin-bottom: 20px;
}
.card-event .cate {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 24px;
  font-size: 1.4rem;
  background-color: #164332;
  color: #fff;
  padding: 0 10px;
}
@media (max-width: 768px) {
  .card-event > .cardinner.-side {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 42.5% 1fr;
    grid-template-columns: 42.5% 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .card-event > .cardinner.-side > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .card-event > .cardinner.-side > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .card-event > .cardinner.-side .imgarea {
    position: relative;
    height: 0;
    padding-top: 66.7%;
  }
  .card-event > .cardinner.-side .imgarea > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}

.ttl-small {
  font-size: 3.2rem;
  line-height: 1.3;
  text-align: center;
}
.others-ttl {
  font-size: 3.6rem;
  line-height: 1;
  text-align: center;
}
.contact-linkbtn {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.contact-linkbtn > .linkbtn {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0;
  line-height: 1.3;
  text-align: center;
  background-color: #fff;
  border: 1px solid #000;
  -webkit-transition: width 0.3s, height 0.3s;
  transition: width 0.3s, height 0.3s;
}
.contact-linkbtn > .linkbtn::before {
  content: "";
  width: 18px;
  height: 24px;
  background: url(assets/img/cmn/svg/icon_docs.png) 0 0 no-repeat;
  background-size: contain !important;
  margin-bottom: 0;
}
.contact-linkbtn > .linkbtn.-mh::before {
  width: 25px;
  height: 19px;
  background: url(assets/img/cmn/svg/icon_pc.png) 0 0 no-repeat;
}
.contact-linkbtn > .linkbtn.-nbd {
  border: none;
}
.contact-linkbtn > .linkbtn:hover {
  text-decoration: none;
  width: 100px;
  height: 100px;
  font-size: 1.3rem;
  -webkit-transition: width 0.3s, height 0.3s, font-size 0.3s;
  transition: width 0.3s, height 0.3s, font-size 0.3s;
}
.contact-linkbtn > .linkbtn:hover::before {
  margin-bottom: 8px;
}
.contact-linkbtn.-init > .linkbtn {
  width: 100px;
  height: 100px;
  font-size: 1.3rem;
  -webkit-transition: width 0.3s, height 0.3s, font-size 0.3s, opacity 0.3s;
  transition: width 0.3s, height 0.3s, font-size 0.3s, opacity 0.3s;
}
.contact-linkbtn.-init > .linkbtn::before {
  margin-bottom: 8px;
}
.contact-linkbtn.-init > .linkbtn:hover {
  opacity: 0.6;
}
@media (max-width: 768px) {
  .contact-linkbtn {
    display: none !important;
  }
}

.fieldtrip-mark > .mark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 90px;
  height: 24px;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, clean, sans-serif;
  font-size: 1.3rem;
  color: #fff;
  background-color: #ac5c0c;
}
.fieldtrip-mark > .mark.-ng {
  color: #666;
  background-color: #cbcbcb;
}

.reserve-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.reserve-btn > .linkbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  height: 60px;
  max-width: 700px;
  border-radius: 5px;
  font-size: 1.5rem;
  letter-spacing: 0.22em;
  color: #fff;
  background-color: #ac5c0c;
}
.reserve-btn > .linkbtn.-wide {
  max-width: unset;
}
.reserve-btn > .linkbtn.-w850 {
  width: 100%;
  max-width: 850px;
  margin: auto;
}

.staff-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.staff-label .staffimg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 29px;
          flex: 0 0 29px;
  height: 29px;
  border-radius: 50%;
  overflow: hidden;
}
.staff-label .staffname {
  font-size: 1.3rem;
  letter-spacing: 0.28em;
}
.staff-label.-large {
  gap: 10px;
}
.staff-label.-large .staffimg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 59px;
          flex: 0 0 59px;
  height: 59px;
}

.new-mark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.new-mark > .mark {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1rem;
  line-height: 1;
  color: #fff;
  background-color: #ac5c0c;
  border-radius: 50%;
}

.new-mark02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  background-color: #cbb700;
  border-radius: 10px;
}

/*
    right: 10px;
    top: 10px;
    width: 60px;
    height: 60px;
    z-index: 5;
*/
.big-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 10px;
}
.big-list > .list {
  font-size: 1.4rem;
  line-height: 1.5;
  position: relative;
  padding-left: 12px;
}
.big-list > .list::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #164332;
}
.ev-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  border: 1px solid #cbcbcb;
}

.info-list > .list {
  display: inline;
  font-size: 1.4rem;
  margin-right: 20px;
}
.info-list > .list::before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 10px;
  height: 15px;
  background-size: contain !important;
  margin-right: 5px;
}
.info-list > .list.-jobname::before {
  background: url(assets/svg/icons/icon_person.svg) 0 0 no-repeat;
}
.info-list > .list.-place::before {
  background: url(assets/svg/icons/icon_mappin.svg) 0 0 no-repeat;
}
.info-list > .list.-online::before {
  width: 17px;
  height: 14px;
  background: url(assets/svg/icons/icon_monitor.svg) center center no-repeat;
}
.info-list > .list.-intern::before {
  background: url(assets/svg/icons/icon_intern.svg) 0 center no-repeat;
  width: 14px;
  height: 14px;
}
.info-list > .list.-calendar::before {
  background: url(assets/svg/icons/icon_calendar02.svg) 0 center no-repeat;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14px;
          flex: 0 0 14px;
  height: 14px;
}

.round-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.round-btn.-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.round-btn.-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.round-btn > .linkbtn, .round-btn > .submitbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #164332;
  border: 1px solid #164332;
  border-radius: 25px;
  padding: 0 35px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.round-btn > .linkbtn::after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 1px solid #164332;
  border-bottom: 1px solid #164332;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-left: 10px;
}
.round-btn > .linkbtn:hover {
  text-decoration: none;
  background-color: #164332;
  color: #fff;
}
.round-btn > .linkbtn:hover::after {
  border-color: #fff;
}
.round-btn > .submitbtn {
  background: url(assets/svg/icons/icon_arrow_right.svg) right 10px center no-repeat;
  background-size: 7px auto !important;
  cursor: pointer;
}
.round-btn > .submitbtn:hover {
  text-decoration: none;
  color: #fff;
  background: #164332 url(assets/svg/icons/icon_arrow_right_w.svg) right 10px center no-repeat;
}
.round-btn.-white > .linkbtn {
  border: 1px solid #fff;
  color: #fff;
}
.round-btn.-white > .linkbtn::after {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.round-btn.-white > .linkbtn:hover {
  background-color: #fff;
  color: #000;
}
.round-btn.-white > .linkbtn:hover::after {
  border-color: #000;
}
.round-btn.-w250 > .linkbtn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 250px;
          flex: 0 0 250px;
  position: relative;
}
.round-btn.-w250 > .linkbtn::after {
  position: absolute;
  top: calc(50% - 3px);
  right: 15px;
  margin-left: 0;
}
@media (max-width: 768px) {
  .round-btn.-spcenter {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.ttl-underbar {
  font-size: clamp(2.4rem, 4vw, 3rem);
  color: #164332;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.08em;
}
.ttl-underbar > .hdtxt {
  text-align: center;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #164332;
}
.ttl-underbar.-mdl {
  font-size: clamp(2rem, 3.4vw, 2.6rem);
}
.ttl-underbar.-mdl > .hdtxt {
  padding-bottom: 8px;
}
.ttl-underbar.-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ttl-underbar.-line2 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ttl-underbar.-line2 .upper {
  font-size: 66.66%;
}
.ttl-underbar.-line22 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ttl-underbar.-line22 > .sub {
  font-size: 1.4rem;
  letter-spacing: 0.03em;
  margin-top: 12px;
}
@media (max-width: 768px) {
  .ttl-underbar.-spcenter {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.hr-bd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hr-bd > .hr {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: block;
  border: none;
  height: 1px;
  background-color: #000;
}

.ttl-question {
  position: relative;
  font-size: clamp(2rem, 3.2vw, 2.4rem);
  padding-left: clamp(30px, 6vw, 45px);
}
.ttl-question::before {
  content: "Q";
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 133%;
  line-height: 1.2;
  color: #164332;
  border-bottom: 1px solid #164332;
}

.company-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.company-name > .companyimg {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  height: 100px;
  border: 1px solid #ccc;
}
.company-name > .txtarea {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.company-name .companyname {
  font-size: 3rem;
}
.company-name .comapnyhp {
  color: #ebf3f4;
}
@media (max-width: 540px) {
  .company-name {
    gap: 20px;
  }
  .company-name > .companyimg {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75px;
            flex: 0 0 75px;
    height: 75px;
  }
  .company-name .companyname {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}

.link-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.link-btn > .linkbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
  height: 35px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0em;
  font-size: 1.4rem;
  line-height: 1;
  border-bottom: 2px solid #000;
  color: #000;
  padding-bottom: 16px;
}
.link-btn > .linkbtn::after {
  display: block;
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  width: 20px;
  height: 10px;
  background: url(assets/img/cmn/svg/icon_btnarrow.svg) 0 0 no-repeat;
  background-size: contain !important;
  margin-top: 2px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.link-btn > .linkbtn:hover {
  text-decoration: none;
}
.link-btn > .linkbtn:hover::after {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
.link-btn > .linkbtn.-w {
  border-color: #fff;
  color: #fff;
}
.link-btn > .linkbtn.-w::after {
  background: url(assets/img/cmn/svg/icon_btnarrow_w.svg) 0 0 no-repeat;
}
.link-btn.-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.link-btn.-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.link-btn.-nobd > .linkbtn {
  border-bottom: none;
}
.link-btn.-small > .linkbtn {
  font-size: 2rem;
  height: 36px;
  padding-right: 33px;
}
.link-btn.-small > .linkbtn::before {
  top: 5px;
}
.link-btn.-small > .linkbtn::after {
  top: 10px;
}

.link-btnrev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.link-btnrev > .linkbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 180px;
          flex: 0 0 180px;
  height: 36px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.2em;
  font-size: 1.4rem;
  line-height: 1;
  border-bottom: 2px solid #000;
  color: #000;
  padding-bottom: 16px;
}
.link-btnrev > .linkbtn::before {
  display: block;
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  width: 20px;
  height: 9px;
  background: url(assets/img/cmn/svg/icon_btnarrow.svg) 0 0 no-repeat;
  background-size: contain;
  margin-top: 2px;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.link-btnrev > .linkbtn:hover {
  text-decoration: none;
}
.link-btnrev > .linkbtn:hover::before {
  -webkit-transform: scale(-1, 1) translateX(10px);
          transform: scale(-1, 1) translateX(10px);
}
.link-btnrev > .linkbtn.-w {
  border-color: #fff;
  color: #fff;
}
.link-btnrev > .linkbtn.-w::after {
  border-color: #fff;
}
.link-btnrev.-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.link-btnrev.-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.link-btnrev.-nobd > .linkbtn {
  border-bottom: none;
}
.link-btnrev.-small > .linkbtn {
  font-size: 2rem;
  height: 36px;
  padding-right: 33px;
}
.link-btnrev.-small > .linkbtn::before {
  top: 5px;
}
.link-btnrev.-small > .linkbtn::after {
  top: 10px;
}

.link-btn2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.link-btn2 > .linkbtn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 243px;
  height: 38px;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  padding: 0 15px;
  border: 1px solid #000;
  border-radius: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.link-btn2 > .linkbtn:hover {
  color: #fff;
  background-color: #164332;
  text-decoration: none;
}
.link-btn2 > .linkbtn.-green {
  color: #fff;
  background-color: #164332;
  border-color: #164332;
}
.link-btn2 > .linkbtn.-green:hover {
  color: #164332;
  background-color: #fff;
}
.link-btn2 > .linkbtn.-w {
  border-color: #fff;
  color: #fff;
}
.link-btn2 > .linkbtn.-w:hover {
  color: #000;
  background-color: #fff;
}
.link-btn2 > .linkbtn.-sk {
  background: none;
  border-color: #fff;
  color: #fff;
}
.link-btn2 > .linkbtn.-sk:hover {
  color: #164332;
  background-color: #fff;
}
.link-btn2 > .linkbtn.-aftersv {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 164px;
          flex: 0 0 164px;
  width: 164px;
  min-width: unset;
  font-size: 1.1rem;
  letter-spacing: 0;
  color: #fff;
  background-color: #164332;
  border-color: #164332;
  padding: 0;
}
.link-btn2 > .linkbtn.-aftersv:hover {
  color: #164332;
  background-color: #fff;
}
.link-btn2 > .linkbtn.-submitbtn {
  letter-spacing: 0;
  border-color: #ac5c0c;
  color: #fff;
  background-color: #ac5c0c;
}
.link-btn2 > .linkbtn.-submitbtn:hover {
  opacity: 0.7;
  text-decoration: none;
}
.link-btn2 > .linkbtn.-submitbtn::after {
  display: none;
}
.link-btn2 > .linkbtn.-confirmbtn {
  background: #164332 url(assets/img/cmn/svg/icon_btnarrow_w.svg) 0 0 no-repeat;
  background-position: right 15px center !important;
  background-size: 20px 10px !important;
  border-color: #164332;
}
.link-btn2 > .linkbtn.-confirmbtn:hover {
  opacity: 0.7;
  text-decoration: none;
}
.link-btn2 > .linkbtn.-confirmbtn::after {
  display: none;
}
.link-btn2 > .linkbtn.-lineup {
  width: 190px;
  max-width: 100%;
  height: 45px;
  color: #fff;
  border: 1px solid #fff;
  background: url(assets/img/cmn/svg/icon_btnarrow_w.svg) right 15px center no-repeat;
}
.link-btn2 > .linkbtn.-lineup:hover {
  color: #000;
  background: #fff url(assets/img/cmn/svg/icon_btnarrow.svg) right 15px center no-repeat;
}
.link-btn2 > .linkbtn.-full {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  max-width: unset;
}
.link-btn2.-large > .linkbtn {
  width: 400px;
  height: 100px;
  font-size: 2rem;
}
.link-btn2.-short > .linkbtn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 170px;
          flex: 0 0 170px;
  width: 170px;
  min-width: unset;
}
.link-btn2.-rake > .linkbtn {
  width: 420px;
  height: 80px;
  font-size: clamp(1.8rem, 3.2vw, 2.4rem);
}
.link-btn2.-free > .linkbtn {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: unset;
  height: 50px;
  padding: 0 50px 0 20px;
}
.link-btn2.-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.link-btn2.-submitbtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (max-width: 768px) {
  .link-btn2.-spcenter {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .link-btn2 > .linkbtn {
    font-size: 1.2rem;
    min-width: 250px;
    max-width: 100%;
    width: 100%;
    height: 38px;
    border-radius: 19px;
  }
  .link-btn2 > .linkbtn.-aftersv {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    min-width: 225px;
    max-width: 360px;
  }
}

.link-btn3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.link-btn3 > .linkbtn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 187px;
          flex: 0 0 187px;
  max-width: 100%;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.3rem;
  color: #fff;
  border: 1px solid #164332;
  background-color: #164332;
  padding: 5px 15px;
  border-radius: 17px;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.link-btn3 > .linkbtn::before {
  display: block;
  content: "";
  position: absolute;
  right: 17px;
  top: calc(50% - 5px);
  width: 8px;
  height: 8px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.link-btn3 > .linkbtn::after {
  display: block;
  content: "";
  position: absolute;
  right: 17px;
  top: calc(50% - 1px);
  width: 12px;
  height: 1px;
  background-color: #fff;
}
.link-btn3 > .linkbtn:hover {
  text-decoration: none;
  background-color: #fff;
  color: #164332;
}
.link-btn3 > .linkbtn:hover::after {
  background-color: #164332;
}
.link-btn3 > .linkbtn:hover::before {
  border-color: #164332;
}
.link-btn3 > .linkbtn.-pink {
  background-color: #cf7ba0;
  border: 2px solid #cf7ba0;
}
.link-btn3 > .linkbtn.-pink:hover {
  text-decoration: none;
  background-color: #fff;
  color: #cf7ba0;
}
.link-btn3 > .linkbtn.-pink:hover::after {
  background-color: #cf7ba0;
}
.link-btn3 > .linkbtn.-pink:hover::before {
  border-color: #cf7ba0;
}
.link-btn3 > .linkbtn.-blue {
  background-color: #ebf3f4;
  border: 2px solid #ebf3f4;
}
.link-btn3 > .linkbtn.-blue:hover {
  text-decoration: none;
  background-color: #fff;
  color: #ebf3f4;
}
.link-btn3 > .linkbtn.-blue:hover::after {
  background-color: #ebf3f4;
}
.link-btn3 > .linkbtn.-blue:hover::before {
  border-color: #ebf3f4;
}
.link-btn3 > .linkbtn.-submitbtn, .link-btn3 > .linkbtn.-noarrow {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  cursor: pointer;
  background-color: #ebf3f4;
  border-color: #ebf3f4;
  color: #fff;
}
.link-btn3 > .linkbtn.-submitbtn::before, .link-btn3 > .linkbtn.-noarrow::before {
  display: none;
}
.link-btn3 > .linkbtn.-submitbtn::after, .link-btn3 > .linkbtn.-noarrow::after {
  display: none;
}

.back-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.back-btn > .linkbtn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 200px;
  height: 38px;
  font-size: 1.2rem;
  padding: 0 15px;
  border: 1px solid #000;
  border-radius: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.back-btn > .linkbtn:hover {
  color: #fff;
  background-color: #000;
  text-decoration: none;
}
.disable-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.disable-btn > .linkbtn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 300px;
          flex: 0 0 300px;
  max-width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #cbcbcb;
}

.bnr-line {
  padding: 0 20px;
}
.bnr-line > .link {
  display: block;
  width: 100%;
  max-width: 760px;
  margin: auto;
}

.circle-num {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.7rem;
  line-height: 1;
  border-radius: 50%;
  color: #fff;
  border: 1px solid #fff;
}

.wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wp-pagenavi > .page,
.wp-pagenavi > .current {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35px;
          flex: 0 0 35px;
  width: 35px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1.6rem;
  margin: 0 !important;
  background: none;
  border: none !important;
}
.wp-pagenavi > .page:hover,
.wp-pagenavi > .current:hover {
  text-decoration: none;
  color: #164332;
}
.wp-pagenavi > .previouspostslink,
.wp-pagenavi > .nextpostslink {
  display: none;
}
.wp-pagenavi > .pages,
.wp-pagenavi > .nextpostslink,
.wp-pagenavi > .previouspostslink {
  display: none;
}
.wp-pagenavi > .current {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  width: 50px;
  height: 50px;
  background-color: #164332;
  color: #fff;
  border-radius: 50%;
}
.wp-pagenavi > .current:hover {
  color: #fff;
}
.wp-pagenavi > .extend {
  border: none;
  padding: 0;
  margin: 0 10px;
}
@media (max-width: 768px) {
  .wp-pagenavi {
    gap: 5px;
  }
  .wp-pagenavi > .page,
  .wp-pagenavi > .current {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    width: 20px;
    font-size: 1.2rem;
  }
  .wp-pagenavi > .current {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 22px;
            flex: 0 0 22px;
    width: 22px;
    height: 22px;
  }
}

.category-type > .cateul {
  width: 100%;
  max-width: 800px;
  margin: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: 50px;
  grid-template-rows: 50px;
}

.category-type > .cateul > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.category-type > .cateul > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.category-type > .cateul > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.category-type > .cateul.-history {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.category-type .list {
  border-left: 1px solid #ccc;
}
.category-type .list:last-of-type {
  border-right: 1px solid #ccc;
}
.category-type .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.category-type .link.-active, .category-type .link:hover {
  text-decoration: none;
  color: #fff;
  background-color: #666;
}
.category-type.-notice > .cateul {
  width: 100%;
  max-width: 450px;
  margin: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.category-type.-notice .list:nth-of-type(n+5) {
  margin-top: clamp(30px / 1.5, 0.135vw * 30, 30px);
}
.category-type.-movie > .cateul {
  width: 100%;
  max-width: 490px;
  margin: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.category-type.-movie .list:nth-of-type(n+5) {
  margin-top: clamp(30px / 1.5, 0.135vw * 30, 30px);
}
.category-type.-showhome > .cateul {
  width: 100%;
  max-width: 900px;
  margin: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  .category-type > .cateul {
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 50px;
    gap: 10px;
  }
  .category-type .list {
    border: 1px solid #666 !important;
  }
}

.modal-window {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9000;
}
.modal-window.-active {
  display: block;
}
.modal-window .modalcover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.modal-window .modalcover.-active {
  -webkit-animation: modalopen 0.5s linear 0s forwards;
          animation: modalopen 0.5s linear 0s forwards;
}
.modal-window .modalcover.-close {
  -webkit-animation: modalclose 0.5s linear 0s forwards;
          animation: modalclose 0.5s linear 0s forwards;
}
.modal-window .inner {
  position: relative;
  width: 100%;
  max-width: 800px;
  height: 80vh;
  background-color: #fff;
  -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
  padding: 40px;
  margin: auto;
  -webkit-transform: translateY(200px);
          transform: translateY(200px);
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.modal-window .inner.-active {
  -webkit-animation: innerShowUp 0.5s linear 0s forwards;
          animation: innerShowUp 0.5s linear 0s forwards;
}
.modal-window .inner.-close {
  -webkit-animation: innerCloseDown 0.5s linear 0s forwards;
          animation: innerCloseDown 0.5s linear 0s forwards;
}
.modal-window .title {
  font-size: 2.4rem;
  border-bottom: 1px solid #000;
  margin-bottom: 1.5em;
}
.modal-window .closebtn {
  position: absolute;
  display: block;
  right: 20px;
  top: 20px;
  width: 30px;
  height: 30px;
  z-index: 10;
  background-size: contain;
}
.modal-window .iconclose {
  width: 32px;
  height: 32px;
  fill: #666;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
@media (max-width: 768px) {
  .modal-window .inner {
    padding: 40px 20px 20px 20px;
  }
}

@-webkit-keyframes modalopen {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modalopen {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes modalclose {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes modalclose {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes innerShowUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes innerShowUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes innerCloseDown {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
@keyframes innerCloseDown {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
.tag-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "source-han-serif-japanese", serif;
  font-size: 1.3rem;
  border: 1px solid #666;
  border-radius: 15px;
  padding: 0 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.tag-link:hover, .tag-link.-active {
  text-decoration: none;
  background-color: #fd4;
  border-color: #fd4;
}

.block-two {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4% 1fr;
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 4%;
}

.block-two > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.block-two > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media (max-width: 768px) {
  .block-two {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 15px 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-row-gap: 15px;
  }
  .block-two > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .block-two > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}

.normal-ul > .list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 20px 1fr;
  grid-template-columns: 20px 1fr;
  grid-auto-rows: auto;
  line-height: 1.5;
  margin-bottom: 5px;
}
.normal-ul > .list::before {
  content: "・";
}
.normal-ul.-none > .list {
  display: block;
}
.normal-ul.-none > .list::before {
  display: none;
}
.normal-ul.-lb > .list {
  display: block;
  position: relative;
  padding-left: 20px;
  line-height: 1.4;
}
.normal-ul.-lb > .list::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  background-color: #000;
  border-radius: 50%;
}

.category-dd {
  display: none;
}
@media (max-width: 768px) {
  .category-dd {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: auto;
    height: 60px;
    border: 1px solid #cbcbcb;
    padding: 0 20px;
    font-size: 1.7rem;
    background: #fff url(assets/svg/icons/arrow_down.svg) right 20px center no-repeat;
    background-size: 10px auto;
    color: #000;
    text-align: center;
  }
}

.free-layout .flttl {
  position: relative;
  font-size: 2.4rem;
  font-weight: bold;
  color: #164332;
  background-color: #fff;
  line-height: 1.4;
  padding: 8px 10px 8px 20px;
  margin-top: 80px;
}
.free-layout .flttl::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 5px;
  background-color: #ac5c0c;
}
.free-layout .flquestion {
  position: relative;
  font-size: 2.4rem;
  background-color: #fff;
  line-height: 1.4;
  padding: 8px 10px 8px 70px;
  margin-top: 80px;
}
.free-layout .flquestion::before {
  content: "Q";
  position: absolute;
  left: 5px;
  top: 5px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0em;
  font-size: 2.8rem;
  font-weight: normal;
  color: #fff;
  background-color: #ac5c0c;
}
.free-layout .fltxtarea {
  margin-top: clamp(50px / 1.5, 0.135vw * 50, 50px);
}
.free-layout .fltxtarea p {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, clean, sans-serif;
  margin-bottom: 30px;
}
.free-layout .fltxtarea a {
  text-decoration: underline;
}
.free-layout .fltxtarea a:hover {
  text-decoration: none;
}
.free-layout .fltxtarea.-large {
  font-size: 2.1rem;
}
.free-layout .flimgarea {
  width: 100%;
  max-width: 800px;
  margin: auto;
  margin-top: 50px;
}
.free-layout .flmargin {
  display: block;
  height: 0;
}
.free-layout .flimg,
.free-layout .fltxt {
  margin-top: 20px;
}
.free-layout .flimg:first-child,
.free-layout .fltxt:first-child {
  margin-top: 0;
}
.free-layout .flimg p,
.free-layout .fltxt p {
  margin-bottom: 20px;
}
.free-layout .flimg p:last-of-type,
.free-layout .fltxt p:last-of-type {
  margin-bottom: 0;
}
.free-layout .movieblock {
  width: 100%;
  max-width: 640px;
  margin: auto;
  margin-top: 50px;
}
.free-layout .movieblock > .movie {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.9620253165%;
}
.free-layout .movieblock .mviframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.free-layout .imggallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 12px 1fr 12px 1fr 12px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 50px;
}
.free-layout .imggallery .imgblock {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
.free-layout .imggallery .imgblock img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.free-layout .fl2clm {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
  margin-top: 50px;
}
.free-layout .fl3clm {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 35px 1fr 35px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
  margin-top: 50px;
}
.free-layout .fl4clm {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin-top: 50px;
}
.free-layout .fl4clm div:last-child {
  margin-bottom: 0 !important;
}
.free-layout .fllist .list {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 5px;
}
.free-layout .fllist .list::before {
  content: "・";
}
.free-layout .fllist .list:last-of-type {
  margin-bottom: 0;
}
.free-layout.-hd .hdttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  font-size: 2.4rem;
  line-height: 1.4;
  position: relative;
  padding: 0 0 0 20px;
}
.free-layout.-hd .hdttl::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background-color: #000;
}
.free-layout.-hd .hdttlm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 50px;
  color: #fff;
  background-color: #000;
  padding: 5px 20px;
}
.free-layout.-hd .flimgarea {
  width: 100%;
  max-width: 960px;
  margin: auto;
  margin-top: 50px;
}
.free-layout.-hd .fl2clm {
  gap: 20px;
}
@media (max-width: 768px) {
  .free-layout .fl2clm,
  .free-layout .fl3clm {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .free-layout .fl4clm {
    -ms-grid-columns: 1fr 15px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 15px;
  }
  .free-layout .imggallery {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .free-layout .flquestion {
    padding-left: 60px;
  }
}

.free-layout02 {
  position: relative;
}
.free-layout02 .flttl {
  width: 100%;
  max-width: 700px;
  margin: auto;
  font-size: 1.7rem;
  letter-spacing: 0.22em;
  line-height: 1.5;
  margin-top: 50px;
}
.free-layout02 .flttl:first-of-type {
  margin-top: 40px;
}
.free-layout02 .flttl.-underline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.free-layout02 .flttl.-underline .ttltxt {
  padding: 0 0 5px 0;
  border-bottom: 1px solid #000;
}
.free-layout02 .flttl02,
.free-layout02 .flttlm {
  width: 100%;
  max-width: 700px;
  margin: auto;
  position: relative;
  font-size: 1.5rem;
  letter-spacing: 0.22em;
  line-height: 1.5;
  padding: 0 0 0 10px;
  margin-top: 40px;
}
.free-layout02 .flttl02:first-of-type,
.free-layout02 .flttlm:first-of-type {
  margin-top: 40px;
}
.free-layout02 .flttl02::before,
.free-layout02 .flttlm::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #000;
}
.free-layout02 .flttl02.-c2::before,
.free-layout02 .flttlm.-c2::before {
  background-color: #8fb3b8;
}
.free-layout02 .flttl03 {
  width: 100%;
  max-width: 700px;
  margin: auto;
  font-size: 1.4rem;
  letter-spacing: 0.22em;
  line-height: 1.5;
  margin-top: 40px;
  position: relative;
  padding-bottom: 15px;
}
.free-layout02 .flttl03::before, .free-layout02 .flttl03::after {
  content: "";
  position: absolute;
  left: 2px;
  bottom: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #164332;
}
.free-layout02 .flttl03::after {
  left: 11px;
  background-color: #ac5c0c;
}
.free-layout02 .flttl03 > .ttltxt::before {
  content: "";
  position: absolute;
  left: 20px;
  bottom: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #164332;
}
.free-layout02 .fltxtarea {
  width: 100%;
  max-width: 700px;
  margin: auto;
  margin-top: 40px;
}
.free-layout02 .fltxtarea p {
  letter-spacing: 0.08em;
  line-height: 2.2;
  margin-bottom: 30px;
}
.free-layout02 .fltxtarea p:last-of-type {
  margin-bottom: 0;
}
.free-layout02 .fltxtarea a {
  text-decoration: underline;
}
.free-layout02 .fltxtarea a:hover {
  text-decoration: none;
}
.free-layout02 .fltxtarea img {
  max-width: 100%;
  height: auto;
}
.free-layout02 .fltxtarea.-large {
  font-size: 2.1rem;
}
.free-layout02 .flimgarea {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  overflow: hidden;
}
.free-layout02 .flimgarea.-fl {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.free-layout02 .flimgarea.-fr {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.free-layout02 .flmargin {
  display: block;
  height: 0;
}
.free-layout02 .flimg,
.free-layout02 .fltxt {
  margin-top: 15px;
}
.free-layout02 .flimg:first-child,
.free-layout02 .fltxt:first-child {
  margin-top: 0;
}
.free-layout02 .flimg p,
.free-layout02 .fltxt p {
  margin-bottom: 20px;
}
.free-layout02 .flimg p:last-of-type,
.free-layout02 .fltxt p:last-of-type {
  margin-bottom: 0;
}
.free-layout02 .flimg {
  display: block;
  border-radius: 5px;
  overflow: hidden;
}
.free-layout02 .movieblock {
  margin-top: 50px;
}
.free-layout02 .movieblock > .movie {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.9620253165%;
  border-radius: 5px;
  overflow: hidden;
}
.free-layout02 .movieblock .mviframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.free-layout02 .imggallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 12px 1fr 12px 1fr 12px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 50px;
}
.free-layout02 .imggallery .imgblock {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.free-layout02 .imggallery .imgblock img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.free-layout02 .flblntxt {
  padding: 20px;
  background-color: #fff;
  position: relative;
  margin-top: 50px;
}
.free-layout02 .flblntxt.-mark {
  padding: 65px 20px 50px;
}
.free-layout02 .flblntxt.-mark::before {
  content: "";
  position: absolute;
  left: 30px;
  top: -15px;
  width: 68px;
  height: 50px;
  background: url(assets/img/cmn/svg/icon_bln.svg) 0 0 no-repeat;
  background-size: contain;
}
.free-layout02 .fl2clm {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  margin-top: 50px;
}
.free-layout02 .fl2clm.-rev .imgarea {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/2/3;
}
.free-layout02 .fl2clm.-c {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.free-layout02 .fl2clm.-fs {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.free-layout02 .fl2clm.-fe {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.free-layout02 .fl3clm {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 35px 1fr 35px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
  margin-top: 50px;
}
.free-layout02 .fl3clm.-c {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.free-layout02 .fl3clm.-fs {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.free-layout02 .fl3clm.-fe {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.free-layout02 .fldl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 135px 1fr;
  grid-template-columns: 135px 1fr;
  border-top: 1px solid #ccc;
  margin-top: 50px;
}
.free-layout02 .fldl > .dt {
  border-bottom: 1px solid #ccc;
  padding: 25px 10px 25px 20px;
}
.free-layout02 .fldl > .dd {
  border-bottom: 1px solid #ccc;
  padding: 25px 20px 25px 0;
}
.free-layout02 .big-list {
  margin-top: 50px;
}
.free-layout02 .flmap {
  margin-top: 50px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  width: 100%;
}
.free-layout02 .flmap.-notxt {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.free-layout02 .flmap .maparea {
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.free-layout02 .flmap .maparea iframe {
  width: 100%;
  height: 100%;
}
.free-layout02 .flmap .txtarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
.free-layout02 .flmap .txtarea .flttl {
  margin-top: 0;
}
.free-layout02 .fllinkbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 50px;
  padding: 0 20px;
}
.free-layout02 .fllinkbtn > .linkbtn {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 270px;
  max-width: 100%;
  height: 70px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  background-color: #164332;
  border: 1px solid #164332;
  position: relative;
  padding: 5px 30px 5px 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.free-layout02 .fllinkbtn > .linkbtn::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  right: 16px;
  top: calc(50% - 3px);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.free-layout02 .fllinkbtn > .linkbtn:hover {
  text-decoration: none;
  color: #164332;
  background-color: #fff;
}
.free-layout02 .fllinkbtn > .linkbtn:hover::after {
  border-color: #164332;
}
.free-layout02 .imgarea.-ar1_1 {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
.free-layout02 .imgarea.-ar1_1 img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.free-layout02 .imgarea.-ar4_3 {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
}
.free-layout02 .imgarea.-ar4_3 img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.free-layout02 .imgarea.-ar16_9 {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.free-layout02 .imgarea.-ar16_9 img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.free-layout02 .imgarea.-ar3_4 {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 133.33%;
}
.free-layout02 .imgarea.-ar3_4 img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.free-layout02 .imgarea.-ar9_16 {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 177.78%;
}
.free-layout02 .imgarea.-ar9_16 img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.free-layout02 .swipercover {
  padding-bottom: 40px;
  overflow: hidden;
  position: relative;
}
.free-layout02 .swiperarea .txt {
  line-height: 1.4;
  margin-top: 15px;
}
.free-layout02 .swiperarea .swiper-pagination {
  bottom: 0;
}
.free-layout02 .swiperarea .swiper-pagination-bullet-active {
  background-color: #eb6100;
}
@media (max-width: 768px) {
  .free-layout02 .fl2clm,
  .free-layout02 .fl3clm {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .free-layout02 .fl4clm {
    -ms-grid-columns: 1fr 15px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 15px;
  }
  .free-layout02 .imggallery {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .free-layout02 .flquestion {
    padding-left: 60px;
  }
  .free-layout02 .flmap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .free-layout02 .flmap .txtarea {
    gap: 20px;
  }
}
@media (max-width: 640px) {
  .free-layout02 .fldl {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .free-layout02 .fldl > .dt {
    font-weight: bold;
    padding: 15px 0 0;
    border-bottom: none;
  }
  .free-layout02 .fldl > .dd {
    padding: 10px 0 15px;
    border-bottom: 1px solid #ccc;
  }
}

.backto-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.backto-list > .linkbtn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 200px;
  height: 50px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1.4rem;
  line-height: 1;
  color: #164332;
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.backto-list > .linkbtn::before {
  position: absolute;
  content: "";
  left: 15px;
  top: calc(50% - 4px);
  width: 8px;
  height: 8px;
  border-left: 2px solid #164332;
  border-bottom: 2px solid #164332;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.backto-list > .linkbtn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #164332;
}
.backto-list > .linkbtn:hover::before {
  border-color: #fff;
}
.backto-list.-large > .linkbtn {
  width: 400px;
  height: 100px;
  font-size: 2rem;
}
.backto-list.-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  .backto-list.-spcenter {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.archive-cmncard > .cardinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.archive-cmncard .imgarea {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 154/107;
  border-radius: 5px;
}
.archive-cmncard .imgarea.-oph {
  aspect-ratio: 308/163;
}
.archive-cmncard .txtarea {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 20px;
}
.archive-cmncard .oh-infobar {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  min-height: 30px;
}
.archive-cmncard .galleryowner {
  font-size: 1.2rem;
}
.archive-cmncard .galleryterms,
.archive-cmncard .terms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 29px;
  font-size: 1.3rem;
  color: #fff;
  background-color: #164332;
  border-radius: 5px;
  margin-bottom: 10px;
}
.archive-cmncard .bloginfo {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.archive-cmncard .bloginfo .blogtype {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 10px;
  height: 26px;
  border-radius: 13px;
  padding: 0 20px;
  font-size: 1.4rem;
  color: #fff;
  background-color: #164332;
}
.archive-cmncard .bloginfo .update {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.15em;
}
.archive-cmncard .cardttl {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-size: 1.4rem;
  letter-spacing: 0.22em;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 10px;
}
.archive-cmncard .cardttl.-mh {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  font-size: 1.7rem;
  margin-top: 0;
  margin-bottom: 10px;
}
.archive-cmncard .galleryowner {
  margin-bottom: 5px;
}
.archive-cmncard .address {
  font-size: 1.2rem;
  padding-left: 18px;
  background: url(assets/img/cmn/icon_pin.svg) 0 0 no-repeat;
  background-size: auto 18px;
  min-height: 18px;
}
.archive-cmncard.-gallery .cardttl {
  margin-top: 0;
}
.archive-cmncard.-gallery .imgarea {
  aspect-ratio: 307/214;
}

.nav-semiorder {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  padding: 65px 20px 50px;
}
.nav-semiorder .lead {
  text-align: center;
  letter-spacing: 0.22em !important;
  margin-top: 10px;
}
.nav-semiorder .linkarea {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: 150px;
  grid-template-rows: 150px;
  margin-top: 30px;
}
.nav-semiorder .linkarea > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.nav-semiorder .linkarea > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.nav-semiorder .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  gap: 20px;
}
.nav-semiorder .block:first-of-type {
  border-right: 1px solid #000;
}
.nav-semiorder .imgarea {
  height: 50px;
}
@media (max-width: 768px) {
  .nav-semiorder {
    padding: 45px 40px 40px;
  }
  .nav-semiorder .lead {
    text-align: left;
  }
  .nav-semiorder .linkarea {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 110px 20px 110px;
    grid-template-rows: repeat(2, 110px);
    gap: 20px;
  }
  .nav-semiorder .linkarea > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .nav-semiorder .linkarea > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .nav-semiorder .imgarea {
    width: 138px;
  }
  .nav-semiorder .block {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    gap: 10px;
  }
  .nav-semiorder .block:first-of-type {
    border-color: #e5e5e5;
  }
}

.nav-contact {
  background: url(assets/img/cmn/contact_bg.jpg) center center no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
  padding-top: 255px;
}
.nav-contact .lead {
  text-align: center;
  margin-top: 5px;
}
.nav-contact .txt {
  text-align: center;
  line-height: 2.1;
  margin-top: 15px;
}
.nav-contact .contactlink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 35px;
}
.nav-contact .contactlink .linkbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 284px;
          flex: 0 0 284px;
  width: 284px;
  height: 40px;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.nav-contact .contactlink .linkbtn::before {
  content: "";
  width: 16px;
  height: 12px;
  background: url(assets/img/cmn/icon_email02.svg) 0 0 no-repeat;
  background-size: contain !important;
  margin-right: 14px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.nav-contact .contactlink .linkbtn:hover {
  text-decoration: none;
  color: #000;
  background-color: #fff;
}
.nav-contact .contactlink .linkbtn:hover::before {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
@media (max-width: 768px) {
  .nav-contact {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 360px;
  }
  .nav-contact .block-ttl {
    width: 100%;
  }
  .nav-contact .lead {
    text-align: left;
  }
  .nav-contact .txt {
    text-align: left;
  }
  .nav-contact .contactlink {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.modelhouse-linkbtn {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.modelhouse-linkbtn.-hide {
  opacity: 0;
  visibility: hidden;
}
.modelhouse-linkbtn > .linkbtn.-normal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 228px;
  height: 94px;
  color: #fff;
  background-color: #164332;
  border-radius: 5px 0 0 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}
.modelhouse-linkbtn > .linkbtn.-normal::after {
  content: "";
  position: absolute;
  right: 65px;
  top: 52px;
  width: 28px;
  height: 12px;
  background: url(assets/img/cmn/arrow_right.svg) right center no-repeat;
  background-size: auto 100%;
  margin-left: 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-filter: invert(1);
          filter: invert(1);
}
.modelhouse-linkbtn > .linkbtn.-normal:hover {
  text-decoration: none;
  background-color: #94522f;
}
.modelhouse-linkbtn.-mh {
  padding-right: 30px;
}
.modelhouse-linkbtn.-mh > .linkbtn {
  display: block;
  width: 118px;
  height: 151px;
  background: url(assets/img/modelhouse/mh_sidelink.svg) center center no-repeat;
  background-size: contain;
}
.modelhouse-linkbtn.-oh {
  padding-right: 30px;
}
.modelhouse-linkbtn.-oh > .linkbtn {
  display: block;
  width: 118px;
  height: 151px;
  background: url(assets/img/openhouse/oh_sidelink.svg) center center no-repeat;
  background-size: contain;
}
.modelhouse-linkbtn.-renov {
  padding-right: 30px;
}
.modelhouse-linkbtn.-renov > .linkbtn {
  display: block;
  width: 118px;
  height: 151px;
  background: url(assets/img/concept/renovation/estimate.svg) center center no-repeat;
  background-size: contain;
}
@media (max-width: 768px) {
  .modelhouse-linkbtn {
    -webkit-transform: translateY(150px);
            transform: translateY(150px);
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .modelhouse-linkbtn.-active {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
  .modelhouse-linkbtn > .linkbtn.-normal {
    width: 145px;
    height: 67px;
  }
  .modelhouse-linkbtn > .linkbtn.-normal::after {
    right: 24px;
    top: 37px;
  }
  .modelhouse-linkbtn.-mh, .modelhouse-linkbtn.-oh, .modelhouse-linkbtn.-renov {
    padding-right: 15px;
  }
  .modelhouse-linkbtn.-mh > .linkbtn, .modelhouse-linkbtn.-oh > .linkbtn, .modelhouse-linkbtn.-renov > .linkbtn {
    display: block;
    width: 92px;
    height: 120px;
    opacity: 1 !important;
  }
}

.imgtag-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}
.imgtag-ul > .list {
  overflow: hidden;
  border-radius: 5px 5px 0 0;
}
.imgtag-ul > .list:first-of-type {
  border-radius: 0 5px 0 0;
}
.imgtag-ul .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 29px;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: #164332;
  padding: 0 15px;
}

.imgtag-ul02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.imgtag-ul02 > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.2rem;
}
.imgtag-ul02 > .list::before {
  content: "#";
}

.post-btmnav {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 263px 30px 1fr 30px 263px;
  grid-template-columns: 263px 1fr 263px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.post-btmnav .postcard {
  position: relative;
}
.post-btmnav .postcard::after {
  content: "";
  position: absolute;
  right: -21px;
  top: 91px;
  width: 43px;
  height: 12px;
  background: url(assets/img/cmn/arrow_left.svg) 0 0 no-repeat;
  background-size: contain !important;
}
.post-btmnav .postcard.-next::after {
  right: unset;
  left: -21px;
  background: url(assets/img/cmn/arrow_right.svg) 0 0 no-repeat;
}
.post-btmnav .postcard .imgarea {
  height: 183px;
}
.post-btmnav .postcard:hover {
  text-decoration: none;
}
.post-btmnav .backbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.post-btmnav .backbtn .linkbtn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 169px;
          flex: 0 0 169px;
  width: 169px;
  min-width: unset;
}
.post-btmnav .postblock {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: subgrid;
  grid-template-rows: subgrid;
  gap: 15px;
  -ms-grid-row-span: 2;
  grid-row: span 2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .post-btmnav {
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    gap: 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .post-btmnav .postcard .imgarea {
    aspect-ratio: 16/9;
    height: auto;
  }
  .post-btmnav .postcard .ttl {
    margin-top: 10px;
  }
  .post-btmnav .postcard::after {
    display: none;
  }
  .post-btmnav .backbtn {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 2/2/3/3;
    grid-area: 3/1/5/3;
    grid-area: 3/1/4/3;
  }
  .post-btmnav .postblock {
    display: block;
  }
}

.archive-terms {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
.archive-terms > .termsname {
  font-size: 2rem;
}
@media (max-width: 768px) {
  .archive-terms {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .archive-terms > .cate-list {
    display: none;
  }
}

.cmn-widecard {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.cmn-widecard > .cardinner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 286px 1fr;
  grid-template-columns: 286px 1fr;
  -ms-grid-rows: 191px;
  grid-template-rows: 191px;
  background: url(assets/img/cmn/arrow_right_s.svg) right 20px center no-repeat;
  background-size: 12px 13px;
  padding-right: 50px;
}
.cmn-widecard > .cardinner > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.cmn-widecard > .cardinner > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.cmn-widecard .imgarea {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
}
.cmn-widecard .txtarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 50px;
}
.cmn-widecard .owner {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  font-size: 1.2rem;
  margin-bottom: 5px;
}
.cmn-widecard .address {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  font-size: 1.2rem;
  letter-spacing: 0.15em;
  margin-bottom: 5px;
  padding-left: 18px;
  background: url(assets/img/cmn/icon_pin.svg) 0 0 no-repeat;
  background-size: auto 18px;
  min-height: 18px;
}
.cmn-widecard .cardttl {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 2rem;
  letter-spacing: 0.15em;
}
@media (max-width: 768px) {
  .cmn-widecard {
    border: none;
  }
  .cmn-widecard > .cardinner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
    background: none;
    padding-right: 0;
  }
  .cmn-widecard > .cardinner > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .cmn-widecard .imgarea {
    aspect-ratio: 16/9;
    border-radius: 5px;
  }
  .cmn-widecard .txtarea {
    padding: 20px 10px;
  }
  .cmn-widecard .cardttl.-owner {
    font-size: 1.4rem;
  }
}

.cmn-navmenu {
  padding: 0 20px;
}
.cmn-navmenu.-withtitle {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 590px;
  grid-template-columns: 1fr 590px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmn-navmenu.-withtitle > .ul {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
}
.cmn-navmenu > .ul {
  width: 100%;
  max-width: 850px;
  margin: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px;
}
.cmn-navmenu > .ul.-c1 {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.cmn-navmenu > .ul.-c2 {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.cmn-navmenu > .ul.-c4 {
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}
.cmn-navmenu .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 45px;
  font-size: 1.3rem;
  letter-spacing: 0.1em;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 0 20px;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cmn-navmenu .link::after {
  position: absolute;
  content: "";
  right: 20px;
  top: calc(50% - 6px);
  width: 12px;
  height: 13px;
  background: url(assets/img/cmn/arrow_right_s.svg) 0 center no-repeat;
  background-size: contain !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cmn-navmenu .link:hover, .cmn-navmenu .link.-current {
  text-decoration: none;
  color: #fff;
  background-color: #164332;
}
.cmn-navmenu .link:hover::after, .cmn-navmenu .link.-current::after {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.cmn-navmenu .pulldown-menu {
  height: 45px;
}
@media (max-width: 768px) {
  .cmn-navmenu.-withtitle {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .cmn-navmenu.-withtitle > .ul {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    width: 100%;
    margin-top: 30px;
  }
  .cmn-navmenu > .ul.-c2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.single-btmnav {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 170px 1fr;
  grid-template-columns: 1fr 170px 1fr;
  border-top: 1px solid #000;
  padding-top: 100px;
}
.single-btmnav.-lineup {
  border-top: none !important;
  padding-top: 0;
}
.single-btmnav .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.single-btmnav .block a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.single-btmnav .block a:hover {
  text-decoration: none;
  opacity: 0.6;
}
.single-btmnav .block.-prev a::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  width: 40px;
  height: 12px;
  background: url(assets/img/cmn/arrow_left.svg) left center no-repeat;
  background-size: auto 100%;
}
.single-btmnav .block.-next a::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  width: 40px;
  height: 12px;
  background: url(assets/img/cmn/arrow_right.svg) right center no-repeat;
  background-size: auto 100%;
}
@media (max-width: 768px) {
  .single-btmnav {
    -ms-grid-columns: 1fr 170px 1fr;
    grid-template-columns: 1fr 170px 1fr;
  }
  .single-btmnav .block {
    gap: 0;
    font-size: 0;
  }
  .single-btmnav .block.-prev a::before {
    content: "";
    -webkit-box-flex: 0;
        -ms-flex: 0 0 43px;
            flex: 0 0 43px;
    width: 43px;
  }
  .single-btmnav .block.-next a::after {
    content: "";
    -webkit-box-flex: 0;
        -ms-flex: 0 0 43px;
            flex: 0 0 43px;
    width: 43px;
  }
}

.cate-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 20px;
}
.cate-list.-fs {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cate-list.-archive .cat-item-all a {
  text-decoration: none;
  letter-spacing: 0.08em;
  color: #164332;
  border-bottom: 1px solid #164332;
}
.cate-list li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.cate-list li.current-cat a {
  text-decoration: none;
  color: #164332;
  border-bottom: 1px solid #164332;
}
.cate-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.3rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.cate-list a::before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #164332;
  border-radius: 50%;
  margin-right: 8px;
}
.cate-list a:hover, .cate-list a.-current {
  text-decoration: none;
  color: #164332;
  border-bottom: 1px solid #164332;
}

.outllines-dl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 122px 0 1fr;
  grid-template-columns: 122px 1fr;
  gap: 26px 0;
}
.outllines-dl .dt {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  min-height: 32px;
}
.outllines-dl .dd {
  border-bottom: 1px solid #000;
  min-height: 32px;
  padding-left: 30px;
  position: relative;
}
.outllines-dl .caution {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1rem;
}
@media (max-width: 768px) {
  .outllines-dl {
    -ms-grid-columns: 100px 0 1fr;
    grid-template-columns: 100px 1fr;
    gap: 15px 0;
  }
  .outllines-dl .dt {
    padding-bottom: 5px;
  }
  .outllines-dl .dd {
    padding-bottom: 5px;
    padding-left: 20px;
  }
}

.pulldown-menu {
  position: relative;
  z-index: 20;
}
.pulldown-menu.-z4 {
  z-index: 50;
}
.pulldown-menu.-z3 {
  z-index: 40;
}
.pulldown-menu.-z2 {
  z-index: 30;
}
.pulldown-menu .pdchk {
  display: none;
}
.pulldown-menu .pdlabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1.3rem;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 0 20px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}
.pulldown-menu .pdlabel:hover {
  color: #fff;
  background: #164332;
}
.pulldown-menu .pdlabel:hover .tgl::before, .pulldown-menu .pdlabel:hover .tgl::after {
  background-color: #fff;
}
.pulldown-menu .pdlabel .tgl {
  position: absolute;
  top: calc(50% - 6px);
  right: 20px;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.pulldown-menu .pdlabel .tgl::before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.pulldown-menu .pdlabel .tgl::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  width: 100%;
  height: 1px;
  background-color: #000;
  -webkit-transition: opacity 0.3s 0.3s, background-color 0.3s, -webkit-transform 0.3s 0.3s;
  transition: opacity 0.3s 0.3s, background-color 0.3s, -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, background-color 0.3s;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, background-color 0.3s, -webkit-transform 0.3s 0.3s;
}
.pulldown-menu .pdlabel.-selected {
  color: #fff;
  background-color: #164332;
}
.pulldown-menu .pdlabel.-selected .tgl::before, .pulldown-menu .pdlabel.-selected .tgl::after {
  background-color: #fff;
}
.pulldown-menu .pulldown {
  display: none;
}
.pulldown-menu .pulldown.-area .cat-item a {
  letter-spacing: 0;
}
.pulldown-menu .pdchk:checked + .pdlabel {
  border-radius: 5px 5px 0 0;
}
.pulldown-menu .pdchk:checked + .pdlabel .tgl::before {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  -webkit-transition: 0.3s 0.3s;
  transition: 0.3s 0.3s;
}
.pulldown-menu .pdchk:checked + .pdlabel .tgl::after {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.pulldown-menu .pdchk:checked ~ .pulldown {
  display: block;
}
.pulldown-menu .pulldown li {
  background: url(assets/img/cmn/beige_bg.jpg) center center repeat;
}
.pulldown-menu .pulldown li:last-of-type a {
  border-radius: 0 0 5px 5px;
}
.pulldown-menu .pulldown li.current-cat a {
  color: #fff;
  background-color: #164332;
  background-image: none;
}
.pulldown-menu .pulldown li:last-of-type {
  border-radius: 0 0 5px 5px;
  overflow: hidden;
}
.pulldown-menu .pulldown a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 45px;
  font-size: 1.3rem;
  border: 1px solid #000;
  border-top: none;
  padding: 0 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.pulldown-menu .pulldown a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #164332;
  background-image: none;
}

.cmn-sidenav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 100px 0 20px;
}
.cmn-sidenav > .navul {
  width: 100%;
  max-width: 188px;
}
.cmn-sidenav .list {
  border-bottom: 1px solid #000;
  margin-bottom: 14px;
}
.cmn-sidenav .list:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}
.cmn-sidenav .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 1.2rem;
  letter-spacing: 0.03em;
  line-height: 1;
  padding-bottom: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cmn-sidenav .link::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10px;
          flex: 0 0 10px;
  width: 10px;
  height: 10px;
  background: url(assets/img/cmn/arrow_right_sg.svg) 0 0 no-repeat;
  background-size: contain;
  margin-right: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
.cmn-sidenav .link:hover, .cmn-sidenav .link.-current {
  text-decoration: none;
  color: #164332;
}
.cmn-sidenav .link:hover::before, .cmn-sidenav .link.-current::before {
  -webkit-filter: unset;
          filter: unset;
}
@media (max-width: 960px) {
  .cmn-sidenav {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-right: 10px;
  }
}

.sec-cmn02 {
  padding-top: clamp(100px / 1.5, 0.135vw * 100, 100px);
  padding-bottom: clamp(100px / 1.5, 0.135vw * 100, 100px);
  padding-left: 20px;
  padding-right: 20px;
}
.sec-cmn02.-nopd {
  padding-left: 0;
  padding-right: 0;
}
.sec-cmn02.-graybg {
  background-color: #f4f4f4;
}
.sec-cmn02 > .secinner {
  width: 100%;
  max-width: 1160px;
  margin: auto;
  margin-top: 50px;
}
.sec-cmn02 > .secinner.-clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 5.17% 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px 5.17%;
}
.sec-cmn02 > .secinner.-strengths {
  width: 100%;
  max-width: 960px;
  margin: auto;
  margin-top: 50px;
  gap: 50px 6.25%;
}
.sec-cmn02 .luttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1;
  gap: 25px;
}
.sec-cmn02 .luttl .sub {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  color: #164332;
}
.sec-cmn02 > .merit-demerit {
  width: 100%;
  max-width: 1160px;
  margin: auto;
}
.sec-cmn02 .innersec {
  background-color: #fff;
  padding: 65px 20px 70px;
}
.sec-cmn02 .clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 6.25% 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px 6.25%;
}
.sec-cmn02 .clm2.-rev .imgarea, .sec-cmn02 .clm2.-rev .figbluebar {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/2/3;
}
.sec-cmn02 .clm2.-vac {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec-cmn02 .clm3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3.125% 1fr 3.125% 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 40px 3.125%;
}
.sec-cmn02 .clm4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.8125% 1fr 2.8125% 1fr 2.8125% 1fr;
  grid-template-columns: repeat(4, 1fr);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 30px 2.8125%;
}
.sec-cmn02 .mdttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.4rem;
  font-weight: bold;
  gap: 8px;
  padding-bottom: 25px;
  border-bottom: 1px solid #ccc;
}
.sec-cmn02 .mdttl::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border: 4px solid #ed4659;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sec-cmn02 .mdttl.-de {
  position: relative;
}
.sec-cmn02 .mdttl.-de::before {
  content: "";
  height: 25px;
  border-radius: 0;
  border: none;
  background-color: #ed4659;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.sec-cmn02 .mdttl.-de::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 16px;
  width: 14px;
  height: 14px;
  background-color: #fff;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 768px) {
  .sec-cmn02 > .secinner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .sec-cmn02 > .secinner.-clm2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .sec-cmn02 .clm2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .sec-cmn02 .clm2.-rev .imgarea, .sec-cmn02 .clm2.-rev .figbluebar {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/2/2;
  }
  .sec-cmn02 .clm3 {
    gap: 50px;
  }
  .sec-cmn02 .clm4 {
    -ms-grid-columns: 1fr 2.8125% 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 2.8125%;
  }
  .sec-cmn02 .mdttl {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 2rem;
    line-height: 1.4;
  }
  .sec-cmn02 .mdttl::before {
    margin-top: 3px;
  }
  .sec-cmn02 .mdttl.-de::after {
    left: 5px;
    top: 13px;
  }
  .sec-cmn02 .innersec {
    padding: 40px 20px;
  }
  .sec-cmn02 .luttl {
    font-size: 2.4rem;
    gap: 15px;
  }
}

.tech-menu {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1px 1fr 1px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
}
.tech-menu.-child .link {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.tech-menu.-child .link.-current, .tech-menu.-child .link:hover {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  opacity: 1 !important;
}
@media (max-width: 768px) {
  .tech-menu {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.sec-imgabso > .secinner {
  position: relative;
  padding-left: calc(min(480px, 50%) + 30px);
  min-height: 300px;
}
.sec-imgabso .imgarea {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(min(480px, 50%) - 30px);
  height: auto;
}
.sec-imgabso .iattl {
  font-size: clamp(2.1rem, 3.2vw, 2.4rem);
  font-weight: bold;
  color: #164332;
}
.sec-imgabso.-rev > .secinner {
  padding-left: unset;
  padding-right: calc(min(480px, 50%) + 30px);
}
.sec-imgabso.-rev .imgarea {
  left: unset;
  right: 0;
}
@media (max-width: 768px) {
  .sec-imgabso > .secinner {
    padding-left: 0;
    min-height: unset;
  }
  .sec-imgabso .imgarea {
    position: static;
    width: 100%;
    max-width: 450px;
    margin: auto;
    margin-top: 40px;
  }
  .sec-imgabso.-rev > .secinner {
    padding-right: 0;
  }
}

.contact-line {
  background-color: #f4f4f4;
  padding: 70px 20px 0;
}
.contact-line > .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 46.875% 1fr;
  grid-template-columns: 46.875% 1fr;
}
.contact-line .txtarea {
  margin-top: -10px;
}
.contact-line .imgarea {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
  height: 400px;
}
.contact-line .imgarea img {
  margin: auto;
}
.contact-line .clttl {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.5;
}
.contact-line .clttl .sub {
  color: #24ae1e;
}
.contact-line .linebtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 225px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  background-color: #24ae1e;
  border-radius: 25px;
  margin-top: 40px;
}
.contact-line .linebtn::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(assets/svg/icons/icon_line03.svg) 0 0 no-repeat;
  background-color: contain;
  margin-right: 5px;
}
.contact-line .note {
  font-size: 1.4rem;
  color: #aaa;
  margin-top: 25px;
}
@media (max-width: 768px) {
  .contact-line {
    padding-bottom: 40px;
  }
  .contact-line > .inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .contact-line .clttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .contact-line .clttl br {
    display: none;
  }
  .contact-line .linebtn {
    margin: 40px auto 0;
  }
  .contact-line .txtarea {
    margin-top: 40px;
  }
}

.cmn-header {
  position: relative;
  padding-bottom: 38px;
}
.cmn-header > .pagettl::before {
  content: "";
  position: absolute;
  left: 24px;
  bottom: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #164332;
}
.cmn-header .parent {
  font-size: 1.5rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmn-header .parent::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4px;
          flex: 0 0 4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #164332;
  margin-right: 6px;
}
.cmn-header .ttlimg {
  margin-top: 14px;
}
.cmn-header .ttltxt {
  font-size: 3.1rem;
  letter-spacing: 0.26em;
  margin-top: 10px;
}
.cmn-header::before, .cmn-header::after {
  content: "";
  position: absolute;
  left: 2px;
  bottom: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #164332;
}
.cmn-header::after {
  left: 13px;
  background-color: #ac5c0c;
}
@media (max-width: 768px) {
  .cmn-header {
    padding-top: 0px;
  }
  .cmn-header > .pagettl {
    font-size: 3rem;
    line-height: 1.5;
  }
}

.cmn-outline {
  background-color: #f8f6f1;
  padding: 50px 20px 0;
  padding-bottom: clamp(100px / 1.5, 0.135vw * 100, 100px);
}
.cmn-outline.-staff {
  background-color: #ebf3f4;
  position: relative;
  padding-bottom: clamp(70px / 1.5, 0.135vw * 70, 70px);
}
.cmn-outline.-staff::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  left: 0;
  bottom: 0;
  z-index: 100;
  background: #fff url(assets/img/cmn/bgwave_skb.png) 0 0 no-repeat;
  background-size: auto 100%;
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
.cmn-outline .imgarea img {
  border-radius: 10px;
}
.cmn-outline .outlinetxt {
  background-color: #f0eeea;
  padding: 25px 30px;
  border-radius: 10px;
}
.cmn-outline .whitebg {
  background-color: #fff;
  border-radius: 10px;
  padding: 45px 50px;
}
.cmn-outline .imggallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 12px 1fr 12px 1fr 12px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.cmn-outline .imggallery .imgblock {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.cmn-outline .imggallery .imgblock img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .cmn-outline .whitebg {
    padding: 20px;
  }
  .cmn-outline.-staff {
    padding-top: 5px;
  }
}

.link-twoclm {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 6.25% 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  gap: 40px 6.25%;
}
.link-twoclm.-clm1 {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.link-twoclm .imgarea {
  border-radius: 10px;
  overflow: hidden;
  display: block;
  position: relative;
  max-width: 450px;
}
.link-twoclm .linktxt {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.2em;
  font-size: 2rem;
  color: #fff;
  background-color: #164332;
  padding: 0 15px;
  border-radius: 10px 0 10px 0;
  border-left: 5px solid #fff;
  border-top: 5px solid #fff;
}
.link-twoclm .linktxt.-l2 {
  background-color: #8fb3b8;
}
.link-twoclm .linktxt.-nl {
  letter-spacing: 0;
}
.link-twoclm .linktxt.-blue {
  background-color: #8fb3b8;
}
@media (max-width: 768px) {
  .link-twoclm {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px 6.25%;
  }
  .link-twoclm .imgarea {
    border-radius: 10px;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .link-twoclm .linktxt {
    height: 37px;
    border-width: 2.5px;
  }
}

.nav-tabcmn {
  border-bottom: 3px solid #8fb3b8;
}
.nav-tabcmn > .ncul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 200px 10px 200px;
  grid-template-columns: repeat(2, 200px);
  grid-auto-rows: 48px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.nav-tabcmn .list {
  width: 100%;
  height: 100%;
}
.nav-tabcmn .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
  color: #8fb3b8;
  background-color: #ebf3f4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 10px 10px 0 0;
}
.nav-tabcmn .link:hover, .nav-tabcmn .link.-active {
  text-decoration: none;
  color: #fff;
  background-color: #8fb3b8;
}
.nav-tabcmn.-nh {
  border-color: #164332;
}
.nav-tabcmn.-nh > .ncul {
  -ms-grid-columns: (185px)[3];
  grid-template-columns: repeat(3, 185px);
}
.nav-tabcmn.-nh .link {
  font-size: 1.6rem;
  color: #164332;
  background-color: #fff;
  border: 2px solid #164332;
  border-bottom: none;
}
.nav-tabcmn.-nh .link.-en {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.2em;
}
.nav-tabcmn.-nh .link:hover, .nav-tabcmn.-nh .link.-active {
  color: #fff;
  background-color: #164332;
}
@media (max-width: 768px) {
  .nav-tabcmn > .ncul {
    padding: 0 15px;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .nav-tabcmn .list:nth-of-type(2) {
    border-right: none;
  }
  .nav-tabcmn .list:nth-of-type(n + 3) {
    border-bottom: none;
  }
  .nav-tabcmn.-nh > .ncul {
    -ms-grid-columns: auto 5px auto 5px auto;
    grid-template-columns: repeat(3, auto);
    gap: 5px;
    padding: 0 10px;
  }
  .nav-tabcmn.-nh .link {
    padding: 0 8px;
  }
}

.rowtwo-btmnav > .btmul {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-auto-rows: 45px;
  gap: 10px;
}
.rowtwo-btmnav > .btmul.-c4 {
  grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
}
.rowtwo-btmnav > .btmul .link {
  border: 1px solid #000;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-size: 1.3rem;
  letter-spacing: 0.1em;
  padding: 5px 20px;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.rowtwo-btmnav > .btmul .link::before {
  display: block;
  content: "";
  position: absolute;
  right: 17px;
  top: calc(50% - 5px);
  width: 8px;
  height: 8px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.rowtwo-btmnav > .btmul .link::after {
  display: block;
  content: "";
  position: absolute;
  right: 17px;
  top: calc(50% - 1px);
  width: 12px;
  height: 1px;
  background-color: #000;
}
.rowtwo-btmnav > .btmul .link:hover, .rowtwo-btmnav > .btmul .link.-current {
  text-decoration: none;
  color: #fff;
  background-color: #164332;
  border-color: #164332;
}
.rowtwo-btmnav > .btmul .link:hover::before, .rowtwo-btmnav > .btmul .link.-current::before {
  border-color: #fff;
}
.rowtwo-btmnav > .btmul .link:hover::after, .rowtwo-btmnav > .btmul .link.-current::after {
  background-color: #fff;
}
.nav-contentsbtm {
  background-color: #f8f6f1;
  position: relative;
  padding: 60px 0 30px;
}
.nav-contentsbtm::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  left: 0;
  top: 0;
  z-index: 100;
  background: #fff url(assets/img/cmn/bgwave.png) center 0 no-repeat;
  background-size: auto 100%;
}
.nav-contentsbtm > .nvul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: 100px;
  grid-template-rows: 100px;
}
.nav-contentsbtm > .nvul > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.nav-contentsbtm > .nvul > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.nav-contentsbtm > .nvul > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.nav-contentsbtm .list {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #ccc;
}
.nav-contentsbtm .list:last-of-type {
  border-right: none;
}
.nav-contentsbtm .listinner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}
.nav-contentsbtm .listinner:hover {
  text-decoration: none;
}
.nav-contentsbtm .listinner .txtarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.nav-contentsbtm .listinner .txtarea.-l2 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-contentsbtm .listinner .txtarea.-l3 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-contentsbtm .ttl {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.2em;
  font-size: 2.8rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-contentsbtm .ttl.-ft::before {
  content: "";
  width: 32px;
  height: 18px;
  background: url(assets/svg/icons/icon_freedial.svg) 0 bottom no-repeat;
  background-size: contain;
  margin-right: 5px;
}
.nav-contentsbtm .ntxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: clamp(1.2rem, 2.1vw, 1.6rem);
  line-height: 1;
  margin-top: 20px;
}
.nav-contentsbtm .ntxt .udb {
  text-decoration: underline;
  text-underline-offset: 7px;
}
@media (max-width: 768px) {
  .nav-contentsbtm {
    padding: 30px 0 0;
  }
  .nav-contentsbtm::before {
    height: 30px;
  }
  .nav-contentsbtm > .nvul {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
    padding: 0;
  }
  .nav-contentsbtm > .nvul > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .nav-contentsbtm .list {
    border-right: none !important;
    border-bottom: 1px solid #ced0ca;
  }
  .nav-contentsbtm .list:last-of-type {
    border-bottom: none;
  }
  .nav-contentsbtm .listinner {
    width: 100%;
    padding: 45px 0 50px;
    -ms-grid-columns: 65px 1fr;
    grid-template-columns: 65px 1fr;
  }
  .nav-contentsbtm .listinner .txtarea {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .nav-contentsbtm .listinner .txtarea.-l3 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .nav-contentsbtm .txt {
    font-size: 1.4rem;
    padding-top: 10px;
  }
  .nav-contentsbtm .ntxt {
    font-size: 1.4rem;
    margin-top: 10px;
  }
  .nav-contentsbtm .ttl {
    font-size: 2.2rem;
  }
  .nav-contentsbtm .ttl.-ft::before {
    width: 22px;
    height: 12px;
    margin-right: 5px;
  }
}

.newsblog-list > .list {
  height: 95px;
  border-bottom: 1px solid #ccc;
}
.newsblog-list.-bdn > .list:last-of-type {
  border-bottom: none;
}
.newsblog-list .link {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 150px 50px 1fr;
  grid-template-columns: 150px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 50px;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.newsblog-list .link:hover {
  text-decoration: none;
  background-color: #eaeaea;
}
.newsblog-list .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1.5rem;
}
.newsblog-list .linktxt {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  padding-right: 50px;
}
@media (max-width: 768px) {
  .newsblog-list .list {
    height: auto;
  }
  .newsblog-list .link {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    display: block;
    height: auto;
    padding: 20px 10px;
  }
  .newsblog-list .date {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.nav-pagenation {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 45px 50px auto 50px 45px;
  grid-template-columns: 45px auto 45px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}
.nav-pagenation > .prevlink a,
.nav-pagenation > .nextlink a {
  display: block;
  background: url(assets/img/cmn/arrow_left.svg) left center no-repeat;
  background-size: contain !important;
  height: 13px;
  font-size: 0;
}
.nav-pagenation > .nextlink a {
  background: url(assets/img/cmn/arrow_right.svg) right center no-repeat;
}
.nav-pagenation > .wp-pagenavi {
  width: auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .nav-pagenation {
    -ms-grid-columns: 15px 20px auto 20px 15px;
    grid-template-columns: 15px auto 15px;
    gap: 20px;
  }
  .nav-pagenation > .prevlink a,
  .nav-pagenation > .nextlink a {
    background-size: cover !important;
  }
}

.sec-cotactinfo {
  background-color: #f4f4f4;
  padding: 45px 20px;
}
.sec-cotactinfo > .secinner {
  width: 100%;
  max-width: 960px;
  margin: auto;
}
.sec-cotactinfo .scttl {
  font-size: clamp(2.4rem, 4.2vw, 3.2rem) !important;
  letter-spacing: 0;
  line-height: 1.4;
  text-align: center;
}
.sec-cotactinfo .sectxt {
  font-size: 1.4rem;
  text-align: center;
}
.sec-cotactinfo .contacttel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 4rem;
  line-height: 1;
  margin-top: 30px;
}
.sec-cotactinfo .contacttel::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 25px;
  background: url(assets/svg/icons/icon_freedial.svg) 0 bottom no-repeat;
  background-size: contain;
  margin-right: 10px;
}
.sec-cotactinfo .teltxt {
  margin-top: 5px;
}
.sec-cotactinfo .openhour {
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 15px;
}
@media (max-width: 768px) {
  .sec-cotactinfo {
    padding-left: 20px;
    padding-right: 20px;
  }
  .sec-cotactinfo .sectxt {
    text-align: left;
  }
  .sec-cotactinfo .teltxt {
    margin-top: 10px;
  }
  .sec-cotactinfo .contacttel {
    font-size: 2.6rem;
  }
  .sec-cotactinfo .contacttel::before {
    width: 25px;
    height: 20px;
  }
  .sec-cotactinfo .secttl {
    text-align: left;
  }
  .sec-cotactinfo .openhour {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-top: 15px;
  }
}

.sec-cmn > .secttl {
  font-size: 3.2rem;
  text-align: center;
}
.sec-cmn > .secttl.-left {
  -moz-text-align-last: left;
       text-align-last: left;
}
.sec-cmn > .secttl02 {
  font-size: 3.2rem;
  line-height: 1.4;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.sec-cmn > .ggmap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 40%;
}
.sec-cmn > .ggmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .sec-cmn > .ggmap {
    height: 250px;
    padding-top: 0;
  }
}

.cmn-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3.4% 1fr 3.4% 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px 3.4%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.cmn-list.-c2 {
  -ms-grid-columns: 1fr 7.5% 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 45px 7.5%;
}
.cmn-list.-archive {
  gap: 45px 3.4%;
}
@media (max-width: 768px) {
  .cmn-list {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 50px 3.4%;
  }
}

.cmn-list02 .list {
  letter-spacing: 0.22em;
  padding: 11px 20px;
  background-color: #f5f2f0;
  margin-bottom: 10px;
}
.cmn-list02 .list:last-of-type {
  margin-bottom: 0;
}

.sns-links {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 14px;
  grid-template-columns: repeat(1, 14px);
  -ms-grid-rows: 14px;
  grid-template-rows: 14px;
  gap: 10px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.sns-links > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.sns-links > .link {
  display: block;
}
.sns-links > .link::after {
  display: none !important;
}
.sns-links > .link img {
  display: block;
}
.sns-links.-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.sns-links.-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sns-links.-hbmenu {
  -ms-grid-columns: 20px 12px 20px 12px 20px 12px 20px 12px 20px;
  grid-template-columns: repeat(5, 20px);
  -ms-grid-rows: 20px;
  grid-template-rows: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px 12px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.sns-links.-hbmenu > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.sns-links.-hbmenu > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.sns-links.-hbmenu > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.sns-links.-hbmenu > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
.sns-links.-hbmenu > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
}
.sns-links.-sp {
  display: none;
}
@media (max-width: 768px) {
  .sns-links.-pc {
    display: none;
  }
  .sns-links.-sp {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (25px)[3];
    grid-template-columns: repeat(3, 25px);
    -ms-grid-rows: 25px;
    grid-template-rows: 25px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 25px;
  }
  .sns-links.-sp > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .sns-links.-sp > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .sns-links.-sp > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .sns-links.-spcenter {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.mfp-content {
  width: 90vw !important;
  max-width: 950px;
  height: auto;
  max-height: 90vh;
  overflow-y: auto;
  padding: 50px 50px 0;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}
.mfp-content .mfp-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  color: rgba(0, 0, 0, 0);
  opacity: 1;
}
.mfp-content .mfp-close:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  clip-path: polygon(3% 0, 0 3%, 47% 50%, 0 97%, 3% 100%, 50% 53%, 97% 100%, 100% 97%, 53% 50%, 100% 3%, 97% 0, 50% 47%);
}
.mfp-content .mfp-close::after {
  content: "Back" !important;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  width: 100%;
  height: 15px;
  font-size: 1.3rem;
  line-height: 1;
  text-align: center;
  color: #fff;
}
.mfp-content .mfp-close:hover {
  opacity: 0.6 !important;
}
@media (max-width: 768px) {
  .mfp-content .mfp-close {
    width: 32px;
    height: 32px;
    font-size: 3rem;
    margin-top: 5px;
    margin-right: 5px;
  }
  .mfp-content .mfp-close::after {
    display: none;
  }
}
@media (max-width: 768px) {
  .mfp-content {
    padding: 50px 20px 20px;
  }
}
.mfp-content .mfp-figure {
  width: 100%;
  height: 80vh;
}
.mfp-content .mfp-figure figure {
  display: block;
  width: 100%;
  height: 100%;
}
.mfp-content .mfp-figure figure .mfp-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mfp-content .mfp-figure::after {
  content: "";
  display: none;
}

.mfp-wrap {
  overflow: hidden;
}

.mfp-container {
  overflow: hidden;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.85;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade .mfp-content {
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}
.mfp-fade.mfp-ready .mfp-content {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.mfp-fade.mfp-removing .mfp-content {
  opacity: 0;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
}

.mfp-arrow {
  display: none !important;
}

@media (max-width: 768px) {
  .mfp-arrow {
    top: 40%;
  }
}
.swiper-btns .bainner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.swiper-btns .btnswiper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px;
  height: 50px;
  background-color: #164332;
  border-radius: 50%;
  border: 2px solid #164332;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.swiper-btns .btnswiper::after {
  display: block;
  content: "";
  width: 7px;
  height: 7px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.swiper-btns .btnswiper.-prev::after {
  border-right: none;
  border-bottom: none;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
}
.swiper-btns .btnswiper:hover {
  background-color: #fff;
}
.swiper-btns .btnswiper:hover::after {
  border-color: #164332;
}

.news-ul .link {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 160px 40px 1fr;
  grid-template-columns: 160px 1fr;
  -ms-grid-rows: 95px;
  grid-template-rows: 95px;
  gap: 0 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-bottom: 1px solid #e8e8e8;
}

.news-ul .link > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.news-ul .link > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.news-ul .link:hover {
  text-decoration: none;
  background-color: #f8f6f1;
}
.news-ul .linkttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.news-ul .ttltxt {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.news-ul .new-mark02 {
  position: static;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  width: 48px;
  height: 20px;
  margin-right: 30px;
}
.news-ul .date {
  font-weight: normal;
  text-align: center;
  line-height: 1;
  position: relative;
}
.news-ul .date .new-mark {
  position: absolute;
  left: 100%;
  top: 0;
}
@media (max-width: 768px) {
  .news-ul .link {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
    gap: 15px;
    position: relative;
    padding: 20px 10px;
  }
  .news-ul .link > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .news-ul .date {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .news-ul .date .new-mark {
    position: static;
    margin-left: 20px;
  }
}

.showroom-bnr {
  position: relative;
}
.showroom-bnr > .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 95px;
  height: 25px;
  font-size: 1.4rem;
  color: #fff;
  background-color: #164332;
  padding-right: 8px;
  clip-path: polygon(0 0, 100% 0, 84% 100%, 0% 100%);
}
.showroom-bnr .txtarea {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  color: #164332;
  background-color: #fff;
}

.flblog-card {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 15px;
}
.flblog-card > .cardinner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 210px 20px 1fr;
  grid-template-columns: 210px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.flblog-card > .cardinner .imgarea {
  width: 100%;
  height: 0;
  padding-top: 66.7%;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.flblog-card > .cardinner .imgarea img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.flblog-card > .cardinner .txtarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.flblog-card > .cardinner .cardttl {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: bold;
  line-height: 1.4;
}
.flblog-card > .cardinner .excerpt {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #999;
  margin-top: 5px;
}
.flblog-card > .cardinner .url {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 1.2rem;
  font-weight: normal;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .flblog-card > .cardinner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.recom-movie {
  padding: 0 20px;
}
.recom-movie > .ttl {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
.recom-movie > .imgarea {
  width: 100%;
  max-width: 540px;
  margin: auto;
  display: block;
  margin-top: 30px;
  border: 2px solid #164332;
}

.bgimg-header {
  padding: 0 20px;
  position: relative;
}
.bgimg-header > .inner {
  height: 440px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.bgimg-header .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 70px;
  font-size: 4.6rem;
  font-weight: bold;
  line-height: 1.3;
  color: #164332;
  background-color: #fff;
  padding: 5px 20px;
}
.bgimg-header .ttlsub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 34px;
  font-weight: bold;
  line-height: 1.2;
  background-color: #fff;
  padding: 3px 20px 3px 45px;
  position: relative;
  margin-top: 10px;
}
.bgimg-header .ttlsub::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 13px;
  width: 16px;
  height: 8px;
  background-color: #eb6100;
}
.bgimg-header .ttlsub.-column {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  color: #eb6100;
  padding: 3px 20px;
}
.bgimg-header .ttlsub.-column::before {
  display: none;
}
.bgimg-header.-staff > .inner {
  gap: 5px;
}
.bgimg-header.-staff .license {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  color: #fff;
  background-color: #164332;
  padding: 0 10px;
}
.bgimg-header.-staff .ttl {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.bgimg-header.-staff .dept {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 34px;
  background-color: #fff;
  padding: 0 20px;
}
.bgimg-header > .bgimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  max-height: 440px;
}
@media (max-width: 768px) {
  .bgimg-header > .inner {
    height: 300px;
    padding-top: 50px;
  }
  .bgimg-header .ttl {
    min-height: 50px;
    font-size: 2.4rem;
    padding: 10px;
  }
  .bgimg-header .ttlsub {
    min-height: 30px;
    font-size: 1.4rem;
    padding: 3px 10px 3px 40px;
  }
  .bgimg-header .ttlsub::before {
    left: 15px;
    top: 13px;
    width: 16px;
    height: 8px;
  }
  .bgimg-header .ttlsub.-column {
    padding: 3px 10px;
  }
}

.two-clm {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 6.25% 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6.25%;
}
.two-clm .snsblock {
  height: 440px !important;
}
@media (max-width: 768px) {
  .two-clm {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

.three-clm {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.three-clm.-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 768px) {
  .three-clm {
    gap: 40px;
  }
}

.note-feed {
  padding: 0 20px;
}
.note-feed > .inner {
  width: 100%;
  max-width: 620px;
  margin: auto;
  background-color: #fff;
  padding: 20px;
}
.note-feed .notecontent {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 160px;
  grid-template-columns: 1fr 160px;
  gap: 20px;
  margin-top: 15px;
}
.note-feed .imgarea {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 66.7%;
}
.note-feed .imgarea img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.note-feed .notettl {
  font-size: 2rem;
  font-weight: bold;
}
.note-feed .excerpt {
  font-size: 1.4rem;
}
.note-feed .excerpt br {
  display: none;
}
.note-feed .excerpt a {
  display: inline-block;
  margin-top: 15px;
  text-decoration: underline;
}
.note-feed .excerpt a:hover {
  text-decoration: none;
}
.note-feed .date {
  display: block;
  font-size: 1.4rem;
  color: #aaa;
}
.note-feed .noteft {
  display: -ms-grid;
  display: grid;
  place-items: end;
  margin-top: 20px;
}
.note-feed .noteft img {
  width: 75px;
  height: auto;
}
@media (max-width: 768px) {
  .note-feed .notecontent {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.archive-btmnav {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 23% 1fr 23%;
  grid-template-columns: 23% 1fr 23%;
  -ms-grid-rows: 60px;
  grid-template-rows: 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.archive-btmnav > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.archive-btmnav > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.archive-btmnav > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.archive-btmnav .prevlink,
.archive-btmnav .nextlink {
  height: 100%;
}
.archive-btmnav .prevlink > a,
.archive-btmnav .nextlink > a {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f8f6f1;
  color: #164332;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.archive-btmnav .prevlink > a::before,
.archive-btmnav .nextlink > a::before {
  display: block;
  content: "";
  position: absolute;
  left: 6%;
  top: calc(50% - 3px);
  width: 10px;
  height: 10px;
  border-left: 2px solid #164332;
  border-bottom: 2px solid #164332;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.archive-btmnav .prevlink > a:hover,
.archive-btmnav .nextlink > a:hover {
  text-decoration: none;
  opacity: 0.6;
}
.archive-btmnav .nextlink > a::before {
  left: auto;
  right: 6%;
  -webkit-transform: rotateZ(-135deg);
          transform: rotateZ(-135deg);
}
@media (max-width: 768px) {
  .archive-btmnav {
    -ms-grid-columns: 36px 1fr 36px;
    grid-template-columns: 36px 1fr 36px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .archive-btmnav > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .archive-btmnav > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .archive-btmnav > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .archive-btmnav .prevlink,
  .archive-btmnav .nextlink {
    height: 36px;
  }
  .archive-btmnav .prevlink > a,
  .archive-btmnav .nextlink > a {
    border-radius: 50%;
    text-indent: -9999px;
  }
  .archive-btmnav .prevlink > a::before,
  .archive-btmnav .nextlink > a::before {
    position: static;
  }
}

.outline-dl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 74px 0 1fr;
  grid-template-columns: 74px 1fr;
  gap: 20px 0;
}
.outline-dl > .dt,
.outline-dl .dd {
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}
.outline-dl > .dt {
  font-size: 1.2rem;
  border-right: 1px solid #000;
}
.outline-dl > .dd {
  padding-left: 15px;
}
.outline-dl .evseldate {
  color: #000;
  border: 1px solid #ccc;
  padding: 10px 60px 10px 10px;
  background: url(assets/svg/icons/arrow_down.svg) right 10px center no-repeat;
  background-size: 10px auto;
}
.outline-dl.-job {
  -ms-grid-columns: 92px 0 1fr;
  grid-template-columns: 92px 1fr;
  gap: 30px 0;
}
.outline-dl.-job > .dt,
.outline-dl.-job .dd {
  padding-bottom: 13px;
}
.outline-dl.-job > .dd {
  letter-spacing: 0.1em;
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  .outline-dl.-job, .outline-dl.-job02 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .outline-dl.-job > .dt, .outline-dl.-job02 > .dt {
    padding: 10px 0 0;
    border: none;
    font-weight: bold;
    margin-bottom: 0;
  }
  .outline-dl.-job > .dd, .outline-dl.-job02 > .dd {
    padding: 0 0 5px;
    border-bottom: 1px solid #cbcbcb;
  }
}

.point-table .thead {
  color: #fff;
  background-color: #aaa;
}
.point-table .tbody .tr:nth-last-of-type(even) {
  background-color: #f4f4f4;
}
.point-table .th, .point-table .td {
  padding: 5px 10px;
}
.point-table .th.-date, .point-table .td.-date {
  width: 125px;
  text-align: center;
}
.point-table .th.-point, .point-table .td.-point {
  width: 100px;
}
.point-table .th.-update, .point-table .th.-delete, .point-table .td.-update, .point-table .td.-delete {
  width: 75px;
  text-align: center;
  font-size: 1.2rem;
  border-left: 1px solid #ddd;
}
.point-table .th.-item, .point-table .td.-item {
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.point-table .pointnum {
  width: 100px;
  text-align: right;
  border: 1px solid #ccc;
  font-size: 1.4rem;
  background-color: #fff;
}

.sw-builders {
  background-color: #eaf2f3;
  border-radius: 10px;
  padding: 45px 50px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 200px;
  grid-template-columns: 1fr 200px;
  -ms-grid-rows: auto 20px auto;
  grid-template-rows: auto auto;
  gap: 20px 60px;
}

.sw-builders > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.sw-builders > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.sw-builders > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.sw-builders > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.sw-builders > .sbttl {
  font-size: 2rem;
}
.sw-builders > .imgarea {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/3/3;
}
@media (max-width: 768px) {
  .sw-builders {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 30px 20px 40px;
  }
  .sw-builders > .imgarea {
    grid-area: unset;
    width: 100%;
    max-width: 450px;
    margin: auto;
  }
}

.article-cmn {
  padding-top: 100px;
}
.article-cmn .article-header {
  padding-top: clamp(75px / 1.5, 0.135vw * 75, 75px);
  margin-bottom: clamp(95px / 1.5, 0.135vw * 95, 95px);
}
.article-cmn .article-header.-about {
  padding-top: clamp(120px / 1.5, 0.135vw * 120, 120px);
  margin-bottom: clamp(90px / 1.5, 0.135vw * 90, 90px);
}
.article-cmn .block-ttl {
  color: #000;
}
.article-cmn .cmn-header {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
}
.article-cmn .cmn-navmenu {
  margin-top: 45px;
}
.article-cmn .cmnlist {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
  margin-top: 130px;
}
.article-cmn .cmn-widecard {
  margin-top: 40px;
}
.article-cmn .cmn-widecard:first-of-type {
  margin-top: 0;
}
.article-cmn .post-btmnav {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
  padding-top: 75px;
  border-top: 1px solid #000;
}
.article-cmn .archive-terms {
  width: calc(100% - 40px);
  max-width: 1000px !important;
  margin: auto;
  margin-top: 130px;
}
.article-cmn .cmnblock2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 67%;
  grid-template-columns: 1fr 67%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 125px;
  position: relative;
}
.article-cmn .cmn-sidenav {
  position: sticky;
  left: 0;
  top: 100px;
}
.article-cmn .sec-form {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
  margin-top: 150px;
}
.article-cmn .secttl {
  font-size: clamp(2.6rem, 4.3vw, 3.2rem);
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  padding-bottom: 50px;
  position: relative;
}
.article-cmn .secttl::after {
  content: "";
  position: absolute;
  left: calc(50% - 15px);
  bottom: 0;
  width: 30px;
  height: 6px;
  background-color: #164332;
}
.article-cmn .secttl.-l2 {
  line-height: 1.8;
  margin-top: -12px;
  padding-bottom: 45px;
}
.article-cmn .secttl.-left {
  text-align: left;
}
.article-cmn .secttl.-left::after {
  left: 0;
}
.article-cmn .secttlbdb {
  width: 100%;
  max-width: 960px;
  margin: auto;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
  border-bottom: 1px solid #ccc;
  padding-bottom: 25px;
}
.article-cmn .secttlbdb.-hassub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.article-cmn .secttlbdb .sub {
  font-size: 1.6rem;
  font-weight: bold;
  color: #164332;
  margin-bottom: 15px;
}
.article-cmn .ttlbd {
  font-size: 2.4rem;
  line-height: 1;
  border-bottom: 3px solid #000;
  padding-bottom: 20px;
}
.article-cmn .ttlbd.-t2 {
  border-width: 1px;
}
.article-cmn .childttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0em;
  font-weight: bold;
  font-size: clamp(4rem, 6.6vw, 5rem);
  line-height: 1;
  margin: auto;
}
.article-cmn .childttl .sub01 {
  font-size: 1.6rem;
  font-weight: bold;
  color: #164332;
  margin-bottom: 25px;
}
.article-cmn .childttl.-m {
  font-size: 4rem;
}
.article-cmn .pagelead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  margin-top: 35px;
}
.article-cmn .pagelead .pltxt {
  font-size: clamp(2rem, 3.2vw, 2.4rem);
  font-weight: bold;
  text-align: center;
  line-height: 1.7;
  color: #164332;
}
.article-cmn .imgcs {
  position: relative;
  background: url(assets/img/cmn/cs.jpg) center center no-repeat;
  background-size: contain;
  aspect-ratio: 58/25;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 40px;
}
.article-cmn .imgcs .txtimg {
  width: 100%;
  max-width: 400px;
  margin: auto;
  margin: 0 auto;
}
.article-cmn .imgcs .cstxt {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.2em;
  line-height: 1;
  color: #fff;
  margin-top: 20px;
}
.article-cmn > .inner-twoclm {
  width: calc(100% - 40px);
  max-width: 1160px !important;
  margin: auto;
}
.article-cmn > .maincontents {
  width: 100%;
  max-width: 1450px;
  margin: auto;
  padding: 0 25px;
}
.article-cmn .archive-type {
  width: calc(100% - 40px);
  max-width: 960px !important;
  margin: auto;
  margin-bottom: clamp(100px / 1.5, 0.135vw * 100, 100px);
}
.article-cmn .archive-type.-gc4 {
  width: calc(100% - 40px);
  max-width: 800px !important;
  margin: auto;
}
.article-cmn .event-list {
  width: calc(100% - 40px);
  max-width: 1160px !important;
  margin: auto;
}
.article-cmn > .atcinner {
  width: calc(100% - 40px);
  max-width: 960px !important;
  margin: auto;
}
.article-cmn > .atcinner.-w800 {
  width: calc(100% - 40px);
  max-width: 800px !important;
  margin: auto;
}
.article-cmn > .atcinner.-w1160 {
  width: calc(100% - 40px);
  max-width: 1160px !important;
  margin: auto;
}
.article-cmn .clmcover {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 70% 26%;
  grid-template-columns: 70% 26%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 50px;
}
.article-cmn .btnscover {
  position: sticky;
  top: 80px;
}
.article-cmn .category-type {
  margin-top: clamp(150px / 1.5, 0.135vw * 150, 150px);
  margin-bottom: clamp(70px / 1.5, 0.135vw * 70, 70px);
}
.article-cmn .category-type.-history {
  margin-top: 0 !important;
}
.article-cmn .single-header {
  margin-top: clamp(120px / 1.5, 0.135vw * 120, 120px);
  margin-bottom: 35px;
}
.article-cmn .archive-btmnav {
  width: calc(100% - 40px);
  max-width: 1160px !important;
  margin: auto;
  margin-top: 60px;
}
.article-cmn .atcttl {
  font-size: 4rem;
  text-align: center;
  margin-bottom: clamp(100px / 1.5, 0.135vw * 100, 100px);
}
.article-cmn .atcttl.-left {
  text-align: left;
}
.article-cmn .sw-builders {
  width: calc(100% - 40px);
  max-width: 1160px !important;
  margin: auto;
}
.article-cmn .ttlmdl {
  position: relative;
  font-size: 2.4rem;
  background-color: #f8f6f1;
  line-height: 1.4;
  padding: 8px 10px 8px 20px;
  margin-top: 80px;
  margin-top: 50px;
}
.article-cmn .ttlmdl::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 5px;
  background-color: #ac5c0c;
}
.article-cmn .staffmsg > p {
  line-height: 1.8;
  margin-bottom: 32px;
}
.article-cmn .staffmsg > p:last-of-type {
  margin-bottom: 0;
}
.article-cmn .grennlabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 200px;
  height: 40px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 2rem;
  color: #fff;
  background-color: #164332;
  border-radius: 20px;
  margin: auto;
}
.article-cmn .enrtydone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #ccc;
  padding: 15px 10px;
  margin-bottom: 20px;
}
.article-cmn .txt {
  line-height: 2;
}
.article-cmn .txt.-ls0 {
  letter-spacing: 0;
  line-height: 1.88;
}
@media (max-width: 768px) {
  .article-cmn .article-header {
    padding-top: 0;
    margin-top: clamp(60px / 1.5, 0.135vw * 60, 60px);
    margin-bottom: clamp(60px / 1.5, 0.135vw * 60, 60px);
  }
  .article-cmn .article-header.-about {
    padding-top: 0;
    margin-bottom: clamp(65px / 1.5, 0.135vw * 65, 65px);
  }
  .article-cmn .header-eventsingle {
    margin-top: 40px;
  }
  .article-cmn > .cmnblock2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-top: 75px;
  }
  .article-cmn .sec-form {
    margin-top: 75px;
  }
  .article-cmn .category-type {
    margin-top: clamp(100px / 1.5, 0.135vw * 100, 100px);
  }
  .article-cmn .clmcover {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 60px;
  }
  .article-cmn .atcttl {
    font-size: 3.2rem;
  }
  .article-cmn .secttl {
    font-size: clamp(2.2rem, 4.3vw, 3.2rem);
    padding-bottom: 40px;
  }
  .article-cmn .secttl.-l2 {
    text-align: left;
    line-height: 1.4;
    margin-top: 0;
  }
  .article-cmn .secttl br {
    display: none;
  }
}

.inner-twoclm {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 58px 300px;
  grid-template-columns: 1fr 300px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 58px;
  position: relative;
}
.inner-twoclm .mainclminner {
  padding: 0 20px;
}
.inner-twoclm .mainclm {
  overflow: hidden;
}
.inner-twoclm .rightclm {
  position: sticky;
  left: 0;
  top: 80px;
  margin-top: 100px;
}
.inner-twoclm .rightclm .link-btn2 .linkbtn {
  width: 100%;
  height: 70px;
}
.inner-twoclm .rightclm .link-btn2 .linkbtn.-close {
  color: #999;
  background: #c5c5c5;
  cursor: default;
}
.inner-twoclm .bnrimg {
  display: block;
}
.inner-twoclm .bnrimg .img {
  display: block;
}
@media (max-width: 768px) {
  .inner-twoclm {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 60px;
  }
  .inner-twoclm > .rightclm {
    position: static;
    padding: 0 40px;
    margin-top: 0;
  }
  .inner-twoclm .mainclminner {
    padding: 0;
  }
}

.article-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.article-header.-works {
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 50px;
}
.article-header.-lifestyle {
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 50px;
}
.article-header.-lifestyle .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.article-header.-lifestyle .info .kengaku-label {
  margin-left: 20px;
}
.article-header > .block-ttl {
  width: calc(100% - 40px);
  max-width: 1160px !important;
  margin: auto;
}
.article-header > .pagettl {
  font-size: 4rem;
  font-weight: bold;
  color: #164332;
  line-height: 1.4;
}
.article-header > .pagettl.-modelhouse {
  font-size: 4rem;
  letter-spacing: 7px;
}
.article-header > .pagettl.-center {
  text-align: center;
}
.article-header.-left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.article-header.-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .article-header {
    background-size: auto 100%;
  }
  .article-header > .pagettl {
    font-size: 3rem;
  }
  .article-header.-lifestyle {
    padding-bottom: 30px;
  }
}

.slanting-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 35px 1fr 35px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}
.slanting-list > .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.slanting-list > .card:nth-of-type(2) {
  margin-top: 60px;
}
.slanting-list > .card:nth-of-type(3) {
  margin-top: 120px;
}
.slanting-list.-rev > .card:nth-of-type(1) {
  margin-top: 120px;
}
.slanting-list.-rev > .card:nth-of-type(3) {
  margin-top: 0;
}
.slanting-list .imgarea {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  margin-bottom: 20px;
}
.slanting-list .imgarea img {
  width: 100% !important;
  height: auto !important;
}
.slanting-list .cardttl {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 2.2rem;
  margin-bottom: 5px;
}
.slanting-list .cardtxt {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (max-width: 768px) {
  .slanting-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .slanting-list > .card {
    margin-top: 0 !important;
  }
}

.tax-nav > .taxoul {
  width: 100%;
  max-width: 800px;
  margin: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 50px;
}
.tax-nav > .taxoul.-archive .cat-item-all a {
  background-color: #164332;
  color: #fff;
  text-decoration: none;
}
.tax-nav .cat-item, .tax-nav .cat-item-all {
  border-right: 1px solid #cbcbcb;
}
.tax-nav .cat-item:first-of-type, .tax-nav .cat-item-all:first-of-type {
  border-left: 1px solid #cbcbcb;
}
.tax-nav .cat-item a, .tax-nav .cat-item-all a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  font-size: clamp(1.4rem, 2vw, 1.6rem);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.tax-nav .cat-item a:hover, .tax-nav .cat-item-all a:hover {
  background-color: #164332;
  color: #fff;
  text-decoration: none;
}
.tax-nav .cat-item.current-cat a, .tax-nav .cat-item-all.current-cat a {
  background-color: #164332;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 768px) {
  .tax-nav > .taxoul {
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  .tax-nav .cat-item, .tax-nav .cat-item-all {
    border: 1px solid #164332;
  }
  .tax-nav .cat-item:first-of-type, .tax-nav .cat-item-all:first-of-type {
    border-left: 1px solid #164332;
  }
}

.tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.tag-list > .list {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.tag-list .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-size: 1.4rem;
  color: #000;
  background-color: #e5e5e5;
  padding: 0 14px;
}

.free-contents4 {
  letter-spacing: 0.07em;
}
.free-contents4 > .ttl-question {
  margin-top: clamp(50px / 1.5, 0.135vw * 50, 50px);
}
.free-contents4 > .fcttl01 {
  font-size: clamp(2.6rem, 4vw, 3rem);
  margin-top: clamp(50px / 1.5, 0.135vw * 50, 50px);
}
.free-contents4 > .fcttl02 {
  font-size: clamp(2rem, 3.2vw, 2.4rem);
  padding-bottom: 5px;
  border-bottom: 1px solid #C9C9C9;
  margin-top: clamp(50px / 1.5, 0.135vw * 50, 50px);
}
.free-contents4 > .fcttl03 {
  position: relative;
  font-size: clamp(2rem, 3.2vw, 2.4rem);
  padding-left: 65px;
  margin-top: clamp(50px / 1.5, 0.135vw * 50, 50px);
}
.free-contents4 > .fcttl03::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  width: 40px;
  height: 1px;
  background-color: #C9C9C9;
}
.free-contents4 > .fcttl04 {
  font-size: clamp(2rem, 3.2vw, 2.4rem);
  margin-top: clamp(50px / 1.5, 0.135vw * 50, 50px);
}
.free-contents4 > .textblock {
  margin-top: clamp(30px / 1.5, 0.135vw * 30, 30px);
}
.free-contents4 > .textblock p {
  margin-bottom: 30px;
}
.free-contents4 > .wwblock {
  margin-top: clamp(30px / 1.5, 0.135vw * 30, 30px);
}
.free-contents4 > .wwblock p {
  margin-top: clamp(30px / 1.5, 0.135vw * 30, 30px);
}
.free-contents4 > .wwblock p:last-of-type {
  margin-bottom: 0;
}
.free-contents4 > .wwblock strong {
  font-weight: bold;
}
.free-contents4 > .wwblock a {
  text-decoration: underline;
}
.free-contents4 > .wwblock a:hover {
  text-decoration: none;
}
.free-contents4 > .postfig {
  margin-top: clamp(50px / 1.5, 0.135vw * 50, 50px);
}
.free-contents4 > .postfig .figcap {
  margin-top: clamp(20px / 1.5, 0.135vw * 20, 20px);
}

.archive-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc((100% - 120px) / 3) 20px calc((100% - 120px) / 3) 20px calc((100% - 120px) / 3);
  grid-template-columns: repeat(3, calc((100% - 120px) / 3));
  grid-auto-rows: auto;
  gap: 60px 20px;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 900px) {
  .archive-list {
    -ms-grid-columns: (calc((100% - 60px) / 2))[2];
    grid-template-columns: repeat(2, calc((100% - 60px) / 2));
  }
}
@media (max-width: 540px) {
  .archive-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-row-gap: 40px;
  }
}

.archive-type > .atul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.archive-type > .atul > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.archive-type > .atul > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.archive-type > .atul > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.archive-type > .atul > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}

.archive-type > .atul > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.archive-type > .atul.-gc3 {
  width: 100%;
  max-width: 475px;
  margin: auto;
  -ms-grid-columns: 1fr 12px 1fr 12px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.archive-type > .atul.-gc4 {
  width: 100%;
  max-width: 770px;
  margin: auto;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
.archive-type > .atul.-gc6 {
  width: 100%;
  max-width: 960px;
  margin: auto;
  -ms-grid-columns: 1fr 12px 1fr 12px 1fr 12px 1fr 12px 1fr 12px 1fr;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
}
.archive-type > .atul.-gc7 {
  width: 100%;
  max-width: 960px;
  margin: auto;
  -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
}
.archive-type > .atul.-archive li:first-of-type a {
  background-color: #164332;
  color: #fff;
}
.archive-type > .atul li {
  width: 100%;
  height: 100%;
}
.archive-type > .atul li.current-cat a {
  background-color: #164332;
  color: #fff;
}
.archive-type > .atul a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: #164332;
  background-color: #48c395;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 20px;
}
.archive-type > .atul a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #164332;
}
.archive-type.-staff > .atul {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 768px) {
  .archive-type > .atul {
    display: none;
  }
}

.single-header > .ttl {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-size: clamp(3.2rem, 5.3vw, 4rem);
  margin-bottom: 10px;
}
.single-header > .hdinfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.single-header .terms-label {
  width: 60px;
  height: 24px;
}
.single-header > .customersname {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-top: 20px;
}
.single-header > .eventdate {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-top: 20px;
}
.single-header > .eventdate .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single-header .evtime {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.single-header .eventstatus {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.2rem;
  border: 1px solid #dfdfdf;
  margin-left: 20px;
}
@media (max-width: 768px) {
  .single-header > .eventdate .list {
    display: block;
  }
  .single-header .eventstatus {
    width: 50px;
    margin-left: 0;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

.sec-form .inner {
  border: 1px solid #000;
  border-top: none;
  padding: 85px 70px;
}
.sec-form .inner .txt {
  letter-spacing: 0.08em;
}
.sec-form .attention {
  width: 100%;
  max-width: 450px;
  margin: auto;
  font-size: 1.1rem;
  letter-spacing: 0.21em;
  line-height: 1.75;
  color: #ac5c0c;
  margin-top: 40px;
}
.sec-form .errmsg {
  border: 2px solid #f00;
  padding: 20px;
  font-weight: bold;
  margin: 30px auto;
}
.sec-form .formttl {
  position: relative;
}
.sec-form .formttl::before, .sec-form .formttl::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), color-stop(50%, rgb(0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
}
.sec-form .formttl::after {
  left: unset;
  right: 0;
}
.sec-form .formttl .ttltxt {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 50px auto 50px 1fr;
  grid-template-columns: 1fr auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 50px;
  font-size: 2.4rem;
  letter-spacing: 0.3em;
}
.sec-form .formttl .ttltxt::before, .sec-form .formttl .ttltxt::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
}
.sec-form input[type=text],
.sec-form input[type=email],
.sec-form .readonly,
.sec-form select,
.sec-form .textarea {
  background-color: #fff;
}
.sec-form .eventname,
.sec-form .eventdate,
.sec-form .eventtime {
  background-color: #dcdcdc;
  padding: 10px 20px;
}
.sec-form .f2clm {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 45px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 45px;
}
.sec-form .formblock {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 31% 0 69%;
  grid-template-columns: 31% 69%;
  gap: 25px 0;
}
.sec-form .formblock.-fb02 {
  -ms-grid-columns: 190px 1fr;
  grid-template-columns: 190px 1fr;
}
.sec-form .namearea,
.sec-form .inputarea {
  border-bottom: 1px solid #bfbfbf;
}
.sec-form .namearea.-first,
.sec-form .inputarea.-first {
  border-top: none;
}
.sec-form .namearea.-last,
.sec-form .inputarea.-last {
  border-bottom: 1px solid #dfdfdf;
}
.sec-form .namearea.-grid2,
.sec-form .inputarea.-grid2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 15px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
.sec-form .namearea.-mmg,
.sec-form .inputarea.-mmg {
  border: none;
  padding-bottom: 0;
}
.sec-form .namearea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.25em;
  padding-right: 20px;
  border-bottom: 1px solid #000;
}
.sec-form .namearea.-nes::after {
  content: "必 須";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px;
  height: 24px;
  font-size: 1.1rem;
  line-height: 1;
  background-color: #164332;
  color: #fff;
  border-radius: 5px;
}
.sec-form .inputarea.-resumefile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 15px;
  gap: 15px;
}
.sec-form .formblock.-confirm .namearea {
  padding-top: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px;
}
.sec-form .formblock.-confirm .inputarea {
  padding-bottom: 20px;
}
.sec-form input[type=text],
.sec-form input[type=email],
.sec-form input[type=number],
.sec-form .readonly,
.sec-form select {
  width: 100%;
  height: 53px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 3px 0 3px 0;
}
.sec-form input[type=text].-contacttime, .sec-form input[type=text].-job,
.sec-form input[type=email].-contacttime,
.sec-form input[type=email].-job,
.sec-form input[type=number].-contacttime,
.sec-form input[type=number].-job,
.sec-form .readonly.-contacttime,
.sec-form .readonly.-job,
.sec-form select.-contacttime,
.sec-form select.-job {
  width: 198px;
}
.sec-form input[type=text]::-webkit-input-placeholder, .sec-form input[type=email]::-webkit-input-placeholder, .sec-form input[type=number]::-webkit-input-placeholder, .sec-form .readonly::-webkit-input-placeholder, .sec-form select::-webkit-input-placeholder {
  color: #ccc;
}
.sec-form input[type=text]::-moz-placeholder, .sec-form input[type=email]::-moz-placeholder, .sec-form input[type=number]::-moz-placeholder, .sec-form .readonly::-moz-placeholder, .sec-form select::-moz-placeholder {
  color: #ccc;
}
.sec-form input[type=text]:-ms-input-placeholder, .sec-form input[type=email]:-ms-input-placeholder, .sec-form input[type=number]:-ms-input-placeholder, .sec-form .readonly:-ms-input-placeholder, .sec-form select:-ms-input-placeholder {
  color: #ccc;
}
.sec-form input[type=text]::-ms-input-placeholder, .sec-form input[type=email]::-ms-input-placeholder, .sec-form input[type=number]::-ms-input-placeholder, .sec-form .readonly::-ms-input-placeholder, .sec-form select::-ms-input-placeholder {
  color: #ccc;
}
.sec-form input[type=text]::placeholder,
.sec-form input[type=email]::placeholder,
.sec-form input[type=number]::placeholder,
.sec-form .readonly::placeholder,
.sec-form select::placeholder {
  color: #ccc;
}
.sec-form input[type=text].-caution,
.sec-form input[type=email].-caution,
.sec-form input[type=number].-caution,
.sec-form .readonly.-caution,
.sec-form select.-caution {
  border: 2px solid #f00 !important;
}
.sec-form input[type=text].bookingdate,
.sec-form input[type=email].bookingdate,
.sec-form input[type=number].bookingdate,
.sec-form .readonly.bookingdate,
.sec-form select.bookingdate {
  width: 100%;
  background-color: #fff;
  border: 1px solid #e8e8e8;
}
.sec-form .readonly {
  height: auto;
  min-height: 50px;
  padding: 10px 15px;
}
.sec-form textarea {
  display: block;
  background-color: #fff;
  width: 100%;
  padding: 20px;
}
.sec-form select {
  background: #fff url(assets/svg/icons/arrow_down.svg) right 10px center no-repeat;
  background-size: 12px auto;
  color: #000;
}
.sec-form select.bookingtime {
  background-color: #fff;
  border: 1px solid #e8e8e8;
}
.sec-form .resumefile {
  display: none;
}
.sec-form .resumefilelabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 198px;
  height: 26px;
  border: 1px solid #000;
  border-radius: 13px;
  background: none;
  cursor: pointer;
}
.sec-form .uploadfilename {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.sec-form .clearupload {
  color: #ed4659;
}
.sec-form .areainner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 120px 0 1fr;
  grid-template-columns: 120px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 0;
}
.sec-form .eventname {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 60px;
  padding: 20px;
  border: none;
  background-color: #f4f4f4;
}
.sec-form .-docsctrl,
.sec-form .-wrctrl {
  display: none;
}
.sec-form .-docsctrl.namearea.-active,
.sec-form .-wrctrl.namearea.-active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.sec-form .eventdate,
.sec-form .eventtime {
  background-color: #dce1e5;
}
.sec-form .joinlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.sec-form .joinlist > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.sec-form .joinlist .-joinnum {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75px;
          flex: 0 0 75px;
  width: 75px;
}
.sec-form .ggmap {
  width: 100%;
  height: 350px;
}
.sec-form .chkul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 30px;
  gap: 10px 20px;
}
.sec-form .chkul > li {
  margin-right: 20px;
}
.sec-form .chkul.-caution {
  border: 2px solid #f00;
}
.sec-form .chkul.-g3 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px;
}
.sec-form .ppcheckbox {
  width: 100%;
  max-width: 500px;
  margin: auto;
  padding: 20px;
  background-color: #f8f6f1;
  text-align: center;
}
.sec-form .birthdaycover {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 31% 31% 31%;
  grid-template-columns: 31% 31% 31%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sec-form .birthdaycover .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 5px;
}
.sec-form.-inputw input[type=text],
.sec-form.-inputw input[type=email],
.sec-form.-inputw input[type=number],
.sec-form.-inputw select {
  background-color: #fff;
}
.sec-form.-inputw input[type=text]::-webkit-input-placeholder, .sec-form.-inputw input[type=email]::-webkit-input-placeholder, .sec-form.-inputw input[type=number]::-webkit-input-placeholder, .sec-form.-inputw select::-webkit-input-placeholder {
  color: #ccc;
}
.sec-form.-inputw input[type=text]::-moz-placeholder, .sec-form.-inputw input[type=email]::-moz-placeholder, .sec-form.-inputw input[type=number]::-moz-placeholder, .sec-form.-inputw select::-moz-placeholder {
  color: #ccc;
}
.sec-form.-inputw input[type=text]:-ms-input-placeholder, .sec-form.-inputw input[type=email]:-ms-input-placeholder, .sec-form.-inputw input[type=number]:-ms-input-placeholder, .sec-form.-inputw select:-ms-input-placeholder {
  color: #ccc;
}
.sec-form.-inputw input[type=text]::-ms-input-placeholder, .sec-form.-inputw input[type=email]::-ms-input-placeholder, .sec-form.-inputw input[type=number]::-ms-input-placeholder, .sec-form.-inputw select::-ms-input-placeholder {
  color: #ccc;
}
.sec-form.-inputw input[type=text]::placeholder,
.sec-form.-inputw input[type=email]::placeholder,
.sec-form.-inputw input[type=number]::placeholder,
.sec-form.-inputw select::placeholder {
  color: #ccc;
}
.sec-form.-inputw .readonly {
  background-color: #dce1e5 !important;
}
.sec-form.-inputw textarea {
  background-color: #fff;
}
.sec-form.-inputw textarea::-webkit-input-placeholder {
  color: #bbb;
}
.sec-form.-inputw textarea::-moz-placeholder {
  color: #bbb;
}
.sec-form.-inputw textarea:-ms-input-placeholder {
  color: #bbb;
}
.sec-form.-inputw textarea::-ms-input-placeholder {
  color: #bbb;
}
.sec-form.-inputw textarea::placeholder {
  color: #bbb;
}
.sec-form.-inputw .chkul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto auto auto;
  grid-template-columns: auto auto auto auto;
}
.sec-form.-inputw .chkul.-c2 {
  -ms-grid-rows: (1fr)[2];
  grid-template-rows: repeat(2, 1fr);
}
.sec-form.-inputw .chkul.-c2 > li:last-of-type {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: 2/1/3/4;
  border-top: 1px solid #e8e8e8;
  padding-top: 10px;
}
.sec-form.-inputw .chkul.-free {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 20px;
}
.sec-form .buildinput {
  padding: 0 30px 30px;
  background-color: #fff;
}
.sec-form .buildinput input {
  background-color: #f4f4f4 !important;
}
.sec-form.-sf02 input[type=text]::-webkit-input-placeholder, .sec-form.-sf02 input[type=email]::-webkit-input-placeholder, .sec-form.-sf02 input[type=number]::-webkit-input-placeholder, .sec-form.-sf02 textarea::-webkit-input-placeholder, .sec-form.-sf02 select::-webkit-input-placeholder, .sec-form.-sf02 .readonly::-webkit-input-placeholder {
  color: #ccc;
}
.sec-form.-sf02 input[type=text]::-moz-placeholder, .sec-form.-sf02 input[type=email]::-moz-placeholder, .sec-form.-sf02 input[type=number]::-moz-placeholder, .sec-form.-sf02 textarea::-moz-placeholder, .sec-form.-sf02 select::-moz-placeholder, .sec-form.-sf02 .readonly::-moz-placeholder {
  color: #ccc;
}
.sec-form.-sf02 input[type=text]:-ms-input-placeholder, .sec-form.-sf02 input[type=email]:-ms-input-placeholder, .sec-form.-sf02 input[type=number]:-ms-input-placeholder, .sec-form.-sf02 textarea:-ms-input-placeholder, .sec-form.-sf02 select:-ms-input-placeholder, .sec-form.-sf02 .readonly:-ms-input-placeholder {
  color: #ccc;
}
.sec-form.-sf02 input[type=text]::-ms-input-placeholder, .sec-form.-sf02 input[type=email]::-ms-input-placeholder, .sec-form.-sf02 input[type=number]::-ms-input-placeholder, .sec-form.-sf02 textarea::-ms-input-placeholder, .sec-form.-sf02 select::-ms-input-placeholder, .sec-form.-sf02 .readonly::-ms-input-placeholder {
  color: #ccc;
}
.sec-form.-sf02 input[type=text]::placeholder,
.sec-form.-sf02 input[type=email]::placeholder,
.sec-form.-sf02 input[type=number]::placeholder,
.sec-form.-sf02 textarea::placeholder,
.sec-form.-sf02 select::placeholder,
.sec-form.-sf02 .readonly::placeholder {
  color: #ccc;
}
.sec-form.-sf02 .chkul {
  background-color: #f4f4f4;
}
.sec-form.-sf02 .buildinput {
  background-color: #f4f4f4;
}
.sec-form.-sf02 .buildinput input[type=text] {
  background-color: #fff !important;
}
@media (max-width: 768px) {
  .sec-form .inner {
    padding: 40px 20px;
  }
  .sec-form .formblock {
    gap: 5px 0;
  }
  .sec-form .joinlist {
    gap: 20px;
  }
  .sec-form .joinlist > .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
  }
  .sec-form .joinlist .-joinnum {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75px;
            flex: 0 0 75px;
    width: 75px;
  }
  .sec-form.-inputw .chkul.-c2 > li:last-of-type {
    border: none;
    padding: 0;
  }
  .sec-form .formblock {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-top: 30px;
  }
  .sec-form .formblock.-fb02 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .sec-form .namearea {
    padding-top: 20px !important;
    padding-right: 0;
    border-bottom: none !important;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .sec-form .namearea::after {
    margin-left: 20px;
  }
  .sec-form .inputarea {
    padding: 10px 0 20px;
    border-top: none;
  }
  .sec-form .inputarea.-bdbn {
    border-bottom: none;
  }
  .sec-form .namearea.-grid2,
  .sec-form .inputarea.-grid2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .sec-form .areainner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0;
  }
  .sec-form .areainner .blc03,
  .sec-form .areainner .blc05,
  .sec-form .areainner .blc07 {
    margin-top: 15px;
  }
  .sec-form .areainner .itemlabel {
    margin-bottom: 5px;
  }
  .sec-form .chkul,
  .sec-form .chkul2,
  .sec-form .chkul3 {
    display: block !important;
    padding: 0;
    background: none;
    margin-top: 10px;
  }
  .sec-form .chkul.-g3,
  .sec-form .chkul2.-g3,
  .sec-form .chkul3.-g3 {
    padding: 0 0 30px !important;
  }
  .sec-form .chkul > li,
  .sec-form .chkul2 > li,
  .sec-form .chkul3 > li {
    background-color: #fff;
    width: 100%;
    margin-bottom: 5px;
    margin-right: 0;
  }
  .sec-form .chkul input[type=checkbox],
  .sec-form .chkul input[type=radio],
  .sec-form .chkul2 input[type=checkbox],
  .sec-form .chkul2 input[type=radio],
  .sec-form .chkul3 input[type=checkbox],
  .sec-form .chkul3 input[type=radio] {
    display: none;
  }
  .sec-form .chkul input[type=checkbox] + label,
  .sec-form .chkul input[type=radio] + label,
  .sec-form .chkul2 input[type=checkbox] + label,
  .sec-form .chkul2 input[type=radio] + label,
  .sec-form .chkul3 input[type=checkbox] + label,
  .sec-form .chkul3 input[type=radio] + label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    cursor: pointer;
  }
  .sec-form .chkul input[type=checkbox] + label::before,
  .sec-form .chkul input[type=radio] + label::before,
  .sec-form .chkul2 input[type=checkbox] + label::before,
  .sec-form .chkul2 input[type=radio] + label::before,
  .sec-form .chkul3 input[type=checkbox] + label::before,
  .sec-form .chkul3 input[type=radio] + label::before {
    content: "";
    display: inline-block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
    width: 24px;
    height: 24px;
    background: url(assets/svg/icons/icon_check.svg) 0 0 no-repeat;
    background-size: cover;
    margin-right: 10px;
  }
  .sec-form .chkul input[type=checkbox]:checked + label,
  .sec-form .chkul input[type=radio]:checked + label,
  .sec-form .chkul2 input[type=checkbox]:checked + label,
  .sec-form .chkul2 input[type=radio]:checked + label,
  .sec-form .chkul3 input[type=checkbox]:checked + label,
  .sec-form .chkul3 input[type=radio]:checked + label {
    background-color: #164332;
    color: #fff;
  }
  .sec-form .chkul input[type=checkbox]:checked + label::before,
  .sec-form .chkul input[type=radio]:checked + label::before,
  .sec-form .chkul2 input[type=checkbox]:checked + label::before,
  .sec-form .chkul2 input[type=radio]:checked + label::before,
  .sec-form .chkul3 input[type=checkbox]:checked + label::before,
  .sec-form .chkul3 input[type=radio]:checked + label::before {
    background-position: 100% 0;
  }
  .sec-form.-sf02 .chkul,
  .sec-form.-sf02 .chkul2,
  .sec-form.-sf02 .chkul3 {
    background-color: #fff;
  }
  .sec-form.-sf02 .chkul input[type=checkbox] + label,
  .sec-form.-sf02 .chkul input[type=radio] + label,
  .sec-form.-sf02 .chkul2 input[type=checkbox] + label,
  .sec-form.-sf02 .chkul2 input[type=radio] + label,
  .sec-form.-sf02 .chkul3 input[type=checkbox] + label,
  .sec-form.-sf02 .chkul3 input[type=radio] + label {
    border: 1px solid #ccc;
    background-color: #fff;
  }
  .sec-form.-sf02 .chkul input[type=checkbox] + label::before,
  .sec-form.-sf02 .chkul input[type=radio] + label::before,
  .sec-form.-sf02 .chkul2 input[type=checkbox] + label::before,
  .sec-form.-sf02 .chkul2 input[type=radio] + label::before,
  .sec-form.-sf02 .chkul3 input[type=checkbox] + label::before,
  .sec-form.-sf02 .chkul3 input[type=radio] + label::before {
    background: url(assets/svg/icons/icon_check.svg) 0 0 no-repeat;
    background-size: cover;
  }
  .sec-form.-sf02 .chkul input[type=checkbox]:checked + label,
  .sec-form.-sf02 .chkul input[type=radio]:checked + label,
  .sec-form.-sf02 .chkul2 input[type=checkbox]:checked + label,
  .sec-form.-sf02 .chkul2 input[type=radio]:checked + label,
  .sec-form.-sf02 .chkul3 input[type=checkbox]:checked + label,
  .sec-form.-sf02 .chkul3 input[type=radio]:checked + label {
    background-color: #164332;
    color: #fff;
  }
  .sec-form.-sf02 .chkul input[type=checkbox]:checked + label::before,
  .sec-form.-sf02 .chkul input[type=radio]:checked + label::before,
  .sec-form.-sf02 .chkul2 input[type=checkbox]:checked + label::before,
  .sec-form.-sf02 .chkul2 input[type=radio]:checked + label::before,
  .sec-form.-sf02 .chkul3 input[type=checkbox]:checked + label::before,
  .sec-form.-sf02 .chkul3 input[type=radio]:checked + label::before {
    background-position: 100% 0;
  }
  .sec-form.-sf02 .buildinput {
    background-color: #fff;
    padding: 0;
  }
  .sec-form.-sf02 .buildinput input[type=text] {
    background-color: #f4f4f4 !important;
  }
  .sec-form .birthdaycover {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .sec-form .birthdaycover .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 5px;
  }
  .sec-form select.-contacttime {
    width: 100%;
  }
  .sec-form .flatpickr-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left !important;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    color: #000;
    font-size: 1.6rem;
  }
  .sec-form .flatpickr-input::-webkit-input-placeholder {
    color: #ccc !important;
  }
  .sec-form .flatpickr-input::-moz-placeholder {
    color: #ccc !important;
  }
  .sec-form .flatpickr-input:-ms-input-placeholder {
    color: #ccc !important;
  }
  .sec-form .flatpickr-input::-ms-input-placeholder {
    color: #ccc !important;
  }
  .sec-form .flatpickr-input::placeholder {
    color: #ccc !important;
  }
}

.note-ul > .list {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
}
.note-ul > .list::before {
  display: block;
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

.note-ol {
  counter-reset: ct;
}
.note-ol > .list {
  position: relative;
  font-size: 1.4rem;
  padding-left: 30px;
  margin-bottom: 10px;
  counter-increment: ct;
}
.note-ol > .list::before {
  display: block;
  content: "※" counter(ct);
  position: absolute;
  left: 0;
  top: 0;
}

.sec-relatedsec {
  background-color: #e8edf0;
  padding: 0 20px;
  padding-top: clamp(140px / 1.5, 0.135vw * 140, 140px);
  padding-bottom: clamp(150px / 1.5, 0.135vw * 150, 150px);
}
.sec-relatedsec.-bgw {
  background-color: #fff;
}
.sec-relatedsec > .secinner {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}
.sec-relatedsec .hiddenlist {
  display: none;
}

.search-form {
  background-color: #f8f6f1;
  padding: 50px 40px 40px;
}
.search-form .forminner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 28% 0 28% 0 20% 0 20%;
  grid-template-columns: 28% 28% 20% 20%;
  grid-auto-rows: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px 0;
}
.search-form .-conditions {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-area: 1/3/2/5;
}
.search-form .inputcover {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: 2/1/3/3;
}
.search-form .tagarea {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-area: 3/1/4/5;
}
.search-form .chosenkw {
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-area: 4/1/5/5;
}
.search-form .choselink {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  color: #999;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  padding: 5px 10px;
}
.search-form .choselink::before {
  display: block;
  content: "";
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ebf3f4;
}
.search-form .choselink::after {
  display: block;
  content: "";
  position: absolute;
  right: 14px;
  top: calc(50% - 6px);
  width: 12px;
  height: 12px;
  background-color: #fff;
  clip-path: polygon(0 40%, 40% 40%, 40% 0, 60% 0, 60% 40%, 100% 40%, 100% 60%, 60% 60%, 60% 100%, 40% 100%, 40% 60%, 0 60%);
}
.search-form .chosedays {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  color: #999;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  padding: 5px 10px;
}
.search-form .chosedays .label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  margin-right: 10px;
}
.search-form .cdinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.search-form .cdinner .cdinput {
  width: calc(50% - 15px);
  text-align: right;
  padding-right: 5px;
}
.search-form .cdinner .fromto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  text-align: right;
}
.search-form .cdinner .inputdel {
  font-size: 1.4rem;
  font-weight: bold;
  color: #999;
}
.search-form .inputcover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  color: #999;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  padding: 5px 10px;
}
.search-form .label {
  font-size: 1.2rem;
  font-weight: bold;
  color: #ebf3f4;
  margin-right: 30px;
}
.search-form .searchword::-webkit-input-placeholder {
  color: #ccc;
}
.search-form .searchword::-moz-placeholder {
  color: #ccc;
}
.search-form .searchword:-ms-input-placeholder {
  color: #ccc;
}
.search-form .searchword::-ms-input-placeholder {
  color: #ccc;
}
.search-form .searchword::placeholder {
  color: #ccc;
}
.search-form .chkcover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search-form .formchk {
  display: none;
}
.search-form .jobchklable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  cursor: pointer;
}
.search-form .jobchklable::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(assets/svg/icons/icon_chk3.svg) 0 0 no-repeat;
  background-size: auto 100%;
  margin-right: 5px;
}
.search-form .formchk:checked + .jobchklable::before {
  background-position: 100% 0;
}
.search-form .jobformsubmit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  border-radius: 5px;
  color: #fff;
  background: #eb6100 url(assets/svg/icons/icon_search.svg) 35px center no-repeat;
  background-size: 15px;
  cursor: pointer;
}
.search-form .jobformsubmit.-event {
  padding-left: 35px;
}
.search-form .chosenkw {
  border-top: 1px solid #d4dde1;
  padding-top: 25px;
}
.search-form .chosenttl {
  font-size: clamp(2.5rem, 4vw, 3rem);
  margin-bottom: 20px;
}
.search-form .kwul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search-form .kwul .list {
  margin-right: 10px;
  margin-bottom: 10px;
}
.search-form .kwul .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 25px;
  font-size: 1.3rem;
  color: #fff;
  background-color: #666;
  border-radius: 15px;
  padding: 0 15px;
}
.search-form .tagarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search-form .jobformtags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  font-size: 1.3rem;
  color: #fff;
  background-color: #666;
  padding: 0 10px 0 15px;
  border-radius: 15px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.search-form .jobformtags::after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #fff;
  clip-path: polygon(0 40%, 40% 40%, 40% 0, 60% 0, 60% 40%, 100% 40%, 100% 60%, 60% 60%, 60% 100%, 40% 100%, 40% 60%, 0 60%);
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  margin-left: 5px;
}
@media (max-width: 768px) {
  .search-form {
    padding: 50px 20px;
  }
  .search-form .forminner {
    -ms-grid-columns: 48% 0 48%;
    grid-template-columns: repeat(2, 48%);
    gap: 10px 0;
  }
  .search-form .-conditions {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 2/1/3/3;
  }
  .search-form .inputcover {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 3/1/4/3;
  }
  .search-form .chkcover {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 4/1/5/3;
  }
  .search-form .jobformsubmit {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 5/1/6/3;
  }
  .search-form .tagarea {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 6/1/7/3;
  }
  .search-form .chosenkw {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 7/1/8/3;
    margin-top: 0;
  }
  .search-form .label {
    margin-right: 15px;
  }
  .search-form .inputcover {
    overflow: hidden;
  }
  .search-form .inputcover .label {
    white-space: nowrap;
    margin-right: 10px;
  }
  .search-form .chkcover {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .search-form .chkspan:first-of-type {
    margin-right: 20px;
  }
  .search-form .choselink {
    font-size: 1.3rem;
  }
  .search-form .cdinput {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none;
  }
  .search-form .cdinner .cdinput {
    width: calc(50% - 10px);
    padding-right: 5px;
  }
  .search-form .cdinner .fromto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    text-align: right;
    font-size: 1.2rem;
  }
  .search-form .cdinner .inputdel {
    font-size: 1.4rem;
  }
}

.form-modal {
  display: none;
}
.form-modal.-show {
  display: block;
}
.form-modal > .jmttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  font-size: 2rem;
  text-align: center;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}
.form-modal > .area {
  width: calc(100% - 40px);
  max-width: 1000px !important;
  margin: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 130px 1fr;
  grid-template-columns: 130px 1fr;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.form-modal > .area.-oneclm {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.form-modal .jobchklist {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 15px 0;
}
.form-modal .jobchklist.-jobtype {
  -ms-grid-columns: (32%)[3];
  grid-template-columns: repeat(3, 32%);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.form-modal .jobchklist.-particular {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.form-modal .jmchk {
  display: none;
}
.form-modal .jmchk:checked + .jmlabel::before {
  background-position: 100% 0;
}
.form-modal .jmlabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
  cursor: pointer;
}
.form-modal .jmlabel::before {
  display: block;
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  height: 30px;
  background: url(assets/svg/icons/icon_chk2.svg) 0 0 no-repeat;
  background-size: auto 100%;
  margin-right: 10px;
}
.form-modal .areattl {
  font-weight: bold;
}
@media (max-width: 768px) {
  .form-modal > .area {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .form-modal .areattl {
    margin-bottom: 20px;
  }
}
@media (max-width: 540px) {
  .form-modal .jobchklist.-jobtype, .form-modal .jobchklist.-particular {
    -ms-grid-columns: (48%)[2];
    grid-template-columns: repeat(2, 48%);
  }
}

.header-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.header-single > .ttl {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-size: 4rem;
  margin-bottom: 10px;
}
.header-single > .hdinfo {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.header-single .evstatus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  font-size: 2.4rem;
  background-color: #fd4;
  padding: 0 20px;
}

.faq-ul > .list {
  margin-bottom: 20px;
}
.faq-ul .question {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 60px;
  background-color: #f8f6f1;
  font-size: 2rem;
  border-radius: 30px;
  padding: 15px 80px 15px 20px;
}
.faq-ul .question::before {
  content: "Q.";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22px;
          flex: 0 0 22px;
  color: #ebf3f4;
  margin-right: 3px;
}
.faq-ul .arrow {
  position: absolute;
  right: 20px;
  top: calc(50% - 20px);
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #666;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.faq-ul .arrow::before {
  position: absolute;
  left: calc(50% - 1px);
  bottom: 17px;
  display: block;
  content: "";
  width: 2px;
  height: 12px;
  background-color: #fff;
}
.faq-ul .arrow::after {
  position: absolute;
  left: calc(50% - 7px);
  bottom: 12px;
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.faq-ul .arrow.-open {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.faq-ul .arrow.-w {
  background-color: #fff;
}
.faq-ul .arrow.-w::before {
  background-color: #666;
}
.faq-ul .arrow.-w::after {
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
}
.faq-ul .answer {
  display: none;
  padding: 0 50px;
  margin-top: 20px;
  margin-bottom: clamp(70px / 1.5, 0.135vw * 70, 70px);
}
@media (max-width: 768px) {
  .faq-ul .question {
    font-size: 1.8rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 15px 60px 15px 15px;
  }
  .faq-ul .arrow {
    right: 15px;
  }
  .faq-ul .answer {
    padding: 0 25px;
  }
}

.main-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  z-index: 1000;
  padding: 0 50px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: url(assets/img/cmn/beige_bg.jpg) center center repeat;
}
.main-header > .headerinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 40px;
  width: 100%;
  height: 100%;
}
.main-header .logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 218px;
          flex: 0 0 218px;
  height: 25px;
  margin-right: 20px;
}
.main-header .logolink {
  display: block;
  width: 100%;
  height: 100%;
  background: url(assets/img/cmn/logo.svg) 0 center no-repeat;
  background-size: contain;
  text-indent: -9999px;
}
.main-header .header-menu {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  width: auto;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main-header .menubtn-area {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75px;
          flex: 0 0 75px;
  width: 75px;
  height: 40px;
}
.main-header.-init:not(.-menuopen).-sk {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.main-header.-init:not(.-menuopen).-sk .logolink {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
.main-header.-init:not(.-menuopen).-sk .menu-ul .link:hover {
  color: #e9bccd;
}
.main-header.-home.-init, .main-header.-wh.-init {
  background: #fff;
}
.main-header.-menuopen {
  background: none !important;
}
.main-header .sns-links.-mop {
  display: none;
}
.main-header.-menuopen {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (hover: hover) and (pointer: fine) {
  .main-header.-menuopen .menubtn-area:hover {
    border-color: #fff;
  }
}
.main-header.-menuopen .header-function {
  display: none;
}
@media (max-width: 1165px) {
  .main-header {
    padding: 0 20px;
    padding-left: 20px;
  }
  .main-header > .headerinner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
  }
  .main-header .menu-ul {
    display: none;
  }
  .main-header .logo {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    height: 50px;
    margin-right: 0;
  }
  .main-header .logolink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    width: 140px;
  }
  .main-header.-home.-init .logo {
    height: 32px;
  }
  .main-header .headerinner {
    height: 80px;
  }
  .main-header .logo {
    height: 40px;
  }
}
@media (max-width: 768px) {
  .main-header {
    padding: 0 25px;
  }
  .main-header .menubtn-area {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    width: 40px;
    height: 20px;
  }
}

.menubtn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.menubtn-area > .menubtnlabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  height: 100%;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 1.3rem;
  color: #fff;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}
.menubtn-area > .menubtnlabel::after {
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  content: "MENU";
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1.3rem;
  font-weight: 500;
  color: #000;
  line-height: 1;
  text-align: center;
}
.menubtn-area .btntxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75px;
          flex: 0 0 75px;
  height: 24px;
  position: relative;
}
.menubtn-area .btntxt::before, .menubtn-area .btntxt::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 1px;
  content: "";
  display: block;
  background-color: #000;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s;
  transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
}
.menubtn-area .btntxt::after {
  top: 23px;
}
.menubtn-area .btxt::before {
  position: absolute;
  left: 0;
  top: 11px;
  width: 75px;
  height: 1px;
  content: "";
  display: block;
  background-color: #000;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.8s;
  transition: opacity 0.3s, -webkit-transform 0.8s;
  transition: transform 0.8s, opacity 0.3s;
  transition: transform 0.8s, opacity 0.3s, -webkit-transform 0.8s;
}
.menubtn-area .menubtnchk {
  display: none;
}
.menubtn-area .menubtnchk:checked + .menubtnlabel {
  border: none;
}
.menubtn-area .menubtnchk:checked + .menubtnlabel::after {
  content: "BACK";
}
.menubtn-area .menubtnchk:checked + .menubtnlabel .btntxt::before {
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
  background-color: #000;
  top: 8px;
}
.menubtn-area .menubtnchk:checked + .menubtnlabel .btntxt::after {
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
  background-color: #000;
  top: 8px;
}
.menubtn-area .menubtnchk:checked + .menubtnlabel .btntxt .btxt::before {
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  .menubtn-area:hover .btntxt::before, .menubtn-area:hover .btntxt::after {
    background-color: #000;
  }
  .menubtn-area:hover .btxt::before {
    background-color: #000;
  }
}
@media (max-width: 768px) {
  .menubtn-area > .menubtnlabel {
    text-indent: -9999px;
    font-size: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    height: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .menubtn-area > .menubtnlabel::after {
    display: none;
  }
  .menubtn-area .btntxt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    height: 20px;
  }
  .menubtn-area .btntxt::before, .menubtn-area .btntxt::after {
    width: 100%;
  }
  .menubtn-area .btntxt::after {
    top: 100%;
  }
  .menubtn-area .btxt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .menubtn-area .btxt::before {
    top: 10px;
    width: 100%;
  }
}
.menu-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  border: 1px solid #164332;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}
.menu-btn > .lines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 20px;
  height: 20px;
}
.menu-btn .line {
  background-color: #164332;
  height: 1px;
  opacity: 1;
  transition: opacity 0.5s ease, background-color 0.3s ease, -webkit-transform 0.5s ease;
  -webkit-transition: opacity 0.5s ease, background-color 0.3s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, background-color 0.3s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, background-color 0.3s ease, -webkit-transform 0.5s ease;
  width: 100%;
}
.menu-btn:hover {
  background-color: #92c09c;
  color: #fff;
}
.menu-btn:hover .line {
  background-color: #fff;
}
.menu-btn.show {
  background-color: #92c09c;
  border-color: #92c09c;
}
.menu-btn.show > .lines > span {
  background-color: #fff;
}
.menu-btn.show .line-first {
  -webkit-transform: rotate(45deg) translate(0.55em, 0.6em);
          transform: rotate(45deg) translate(0.55em, 0.6em);
}
.menu-btn.show .line-second {
  opacity: 0;
  -webkit-transform: translateX(5em);
          transform: translateX(5em);
}
.menu-btn.show .line-third {
  -webkit-transform: rotate(135deg) translate(-0.55em, 0.55em);
          transform: rotate(135deg) translate(-0.55em, 0.55em);
}

.menu-area {
  position: fixed;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  z-index: 8000;
  background: url(assets/img/cmn/beige_bg.jpg) center center repeat;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  padding-top: 130px;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
.menu-area::-webkit-scrollbar {
  width: 7px;
  background: none;
}
.menu-area::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.5);
}
.menu-area > .menucover {
  width: 100%;
  height: calc(100% - 130px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
}
.menu-area.-open {
  opacity: 1;
}
.menu-area.-enlarge {
  width: 100vw;
  height: 100vh;
}
.menu-area .hamburger-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 990px;
  margin: 60px auto 0;
}
.menu-area .hamburger-menu.-right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
}
@media (max-width: 768px) {
  .menu-area {
    padding-top: 80px;
  }
  .menu-area > .menucover {
    display: block;
    padding: 0 20px;
    height: calc(100vh - 90px);
    overflow-y: auto;
  }
  .menu-area .opend-menu {
    width: 100%;
  }
  .menu-area .hamburger-menu {
    margin-top: 10px;
  }
}

.hamburger-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hamburger-menu > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 30px auto 30px auto 30px auto;
  grid-template-columns: repeat(4, auto);
}
.hamburger-menu .list {
  margin-bottom: 35px;
}
.hamburger-menu .subul {
  padding-top: 15px;
}
.hamburger-menu .sublist {
  margin-bottom: 13px;
}
.hamburger-menu .link {
  font-size: 1.9rem;
  letter-spacing: 0.3em;
  line-height: 1;
  color: #000;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.hamburger-menu .link:hover {
  text-decoration: none;
  opacity: 0.6;
}
.hamburger-menu .link.-sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 0.1em;
}
.hamburger-menu .link.-sub::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4px;
          flex: 0 0 4px;
  width: 4px;
  height: 4px;
  margin-right: 7px;
  border-radius: 50%;
  background-color: #164332;
}
.hamburger-menu .link.-open .tgl::before {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  -webkit-transition: 0.3s 0.3s;
  transition: 0.3s 0.3s;
}
.hamburger-menu .link.-open .tgl::after {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.hamburger-menu .main-footer {
  position: absolute;
  right: 45px;
  bottom: 5px;
  width: 218px;
  height: 104px;
  padding: 0;
  margin: 0;
}
.hamburger-menu .main-footer .footer_out_links {
  position: inherit;
  -webkit-transform: none;
          transform: none;
  width: 218px;
  height: 104px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hamburger-menu .main-footer .footer_out_links .footer_out_links__item {
  width: 104px;
  height: 104px;
}
.hamburger-menu .docslink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  right: 25px;
  bottom: 140px;
  width: 218px;
  height: 84px;
  font-size: 1.1rem;
  letter-spacing: 0.1em;
  line-height: 1;
  border: solid 1px #D9D9D9;
  border-radius: 5px;
  padding: 15px 10px;
}
.hamburger-menu .docslink::before {
  content: "";
  position: absolute;
  left: calc(50% - 48px);
  top: -50px;
  width: 96px;
  height: 84px;
  background: url(assets/img/cmn/docs.png) 0 0 no-repeat;
  background-size: contain !important;
}
.hamburger-menu .btnlink {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 240px 20px 240px;
  grid-template-columns: repeat(2, 240px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin-top: 50px;
}
.hamburger-menu .contactbtn {
  display: -ms-grid;
  display: grid;
  place-items: center;
  width: 100%;
  height: 50px;
  font-size: 1.6rem;
  color: #fff;
  border: 1px solid #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 25px;
}
.hamburger-menu .contactbtn.-en {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.15em;
}
.hamburger-menu .contactbtn:hover {
  text-decoration: none;
  color: #657e81;
  background-color: #fff;
}
.hamburger-menu .hbsubmenu {
  margin-top: 20px;
  margin-left: 20px;
}
.hamburger-menu .tgl {
  display: none;
  position: absolute;
  top: calc(50% - 10px);
  right: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.hamburger-menu .tgl::before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.hamburger-menu .tgl::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  width: 100%;
  height: 2px;
  background-color: #000;
  -webkit-transition: 0.3s 0.3s;
  transition: 0.3s 0.3s;
}
.hamburger-menu .bnrs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 100px;
}
.hamburger-menu .linknote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.2rem;
  color: #ccc;
  text-align: center;
  margin-top: 8px;
}
.hamburger-menu .linknote::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12px;
          flex: 0 0 12px;
  width: 12px;
  height: 10px;
  background: url(assets/svg/icons/icon_blank2_w.svg) 0 0 no-repeat;
  background-size: contain;
  margin-left: 2px;
}
@media (any-hover: none) {
  .hamburger-menu .link:hover {
    opacity: 1 !important;
  }
}
@media (max-width: 768px) {
  .hamburger-menu {
    padding-bottom: 60px;
  }
  .hamburger-menu > .inner {
    max-width: unset;
    display: block;
  }
  .hamburger-menu .list {
    margin-bottom: 0;
  }
  .hamburger-menu .list.-nbd {
    border-bottom: none;
  }
  .hamburger-menu .link {
    display: block;
    width: 100%;
    font-size: 1.7rem;
    padding: 12px 20px 12px 0;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
  }
  .hamburger-menu .link.-nbd {
    border-bottom: none;
  }
  .hamburger-menu .link:hover {
    text-decoration: none;
  }
  .hamburger-menu .link.-sub {
    padding-top: 0;
    padding-bottom: 10px;
    padding-left: 0;
    margin: 0;
    font-size: 1.2rem;
    letter-spacing: 0;
    border-bottom: 1px solid #ddd;
  }
  .hamburger-menu .link br {
    display: none;
  }
  .hamburger-menu .subul {
    display: none;
    opacity: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .hamburger-menu .subul.-active {
    display: -ms-grid !important;
    display: grid !important;
    -ms-grid-columns: 1fr 15px 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-columns: auto 15px auto;
    grid-template-columns: auto auto;
    gap: 17px 15px;
    opacity: 1;
  }
  .hamburger-menu .tgl {
    display: block;
  }
  .hamburger-menu .main-footer {
    width: calc(100% - 40px);
    max-width: 315px !important;
    margin: auto;
    position: relative;
    bottom: unset;
    right: unset;
    width: calc(100% - 40px);
    height: 150px;
    padding: 0;
    margin: -10px auto 0;
  }
  .hamburger-menu .main-footer .footer_out_links {
    position: inherit;
    -webkit-transform: none;
            transform: none;
    width: auto;
    height: 110px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .hamburger-menu .main-footer .footer_out_links .footer_out_links__item {
    width: 150px;
    height: 150px;
  }
  .hamburger-menu .docslink {
    width: calc(100% - 40px);
    max-width: 315px !important;
    margin: auto;
    position: relative;
    bottom: unset;
    right: unset;
    height: 110px;
    font-size: 1.4rem;
    margin-top: 100px;
  }
  .hamburger-menu .docslink::before {
    left: calc(50% - 63px);
    top: -65px;
    width: 126px;
    height: 110px;
  }
  .hamburger-menu .hbsubmenu {
    display: none;
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 10px;
  }
  .hamburger-menu .btnmenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 30px;
    gap: 20px;
  }
  .hamburger-menu .btnmenu .linkbtn {
    width: 270px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px;
  }
  .hamburger-menu .sublist {
    margin-bottom: 0;
  }
  .hamburger-menu .sns-links {
    display: -ms-grid !important;
    display: grid !important;
    -ms-grid-columns: 26px 10px 26px 10px 26px;
    grid-template-columns: repeat(3, 26px);
    gap: 10px !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 25px;
  }
  .hamburger-menu .sns-links .link {
    width: 26px;
    height: 26px;
    padding: 0;
  }
  .hamburger-menu .btnlink {
    padding: 0 10px;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 10px;
    margin-top: 20px;
  }
  .hamburger-menu .contactbtn {
    width: 100%;
    max-width: 270px;
    height: 36px;
    border-radius: 18px;
    font-size: 1.2rem;
    margin: auto;
  }
  .hamburger-menu .bnrs {
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 50px;
    padding: 0 20px;
  }
  .hamburger-menu .tgl {
    top: calc(50% - 6px);
    right: 12px;
    width: 12px;
    height: 12px;
  }
  .hamburger-menu .tgl::before {
    left: calc(50% - 1px);
  }
  .hamburger-menu .contact-linkbtn {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hamburger-menu .contact-linkbtn > .linkbtn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 375px;
            flex: 0 0 375px;
    max-width: 100%;
    height: 60px;
    font-size: 2rem;
  }
  .hamburger-menu .contact-linkbtn > .linkbtn::before {
    display: none;
  }
  .hamburger-menu .contact-linkbtn > .linkbtn br {
    display: none;
  }
}

.inner-menu {
  width: 100%;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.inner-menu.-m02 {
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 30px;
}
.inner-menu.-m02 .list {
  margin: 0 4px;
}
.inner-menu .list {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "source-han-serif-japanese", serif;
  font-size: 1.8rem;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
.inner-menu .link {
  -webkit-transition: -webkit-filter 0.3s;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
  color: #666;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.inner-menu .link:hover {
  text-decoration: none;
  opacity: 0.7;
}

.header-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 20px;
}
.header-menu > .menu-ul {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  width: auto;
  height: 100%;
}
.header-menu .headeremail {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  width: 30px;
  height: 30px;
  background: url(assets/img/cmn/icon_email.svg) 0 0 no-repeat;
  background-size: auto 100%;
  text-indent: -9999px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border-radius: 50%;
}
.header-menu .headeremail:hover {
  background-position: 100% 0;
  background-color: #164332;
}
@media (max-width: 1165px) {
  .header-menu {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .header-menu .menu-ul {
    display: none;
  }
}
@media (max-width: 768px) {
  .header-menu {
    gap: 21px;
  }
  .header-menu .headeremail {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
    width: 24px;
    height: 24px;
  }
}

.menu-ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 15px auto 15px auto 15px auto 15px auto 15px auto;
  grid-template-columns: repeat(6, auto);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.menu-ul > .list {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-ul > .list.-event {
  margin-left: 15px;
}
.menu-ul .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 14px;
  z-index: 10;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.menu-ul .link.-event {
  width: 185px;
  height: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #000;
  border-radius: 15px;
}
.menu-ul .link.-event:hover {
  opacity: 1 !important;
  color: #fff;
  background-color: #000;
}
.menu-ul .link.-current, .menu-ul .link:hover {
  color: #164332;
}
.menu-ul .header-submenu {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 5;
  height: unset;
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.menu-ul .header-submenu.-tech {
  left: unset;
  right: 0;
}
.menu-ul .list:not(.-disabled):hover .header-submenu {
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
  opacity: 1;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.outer-link {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 20px auto 20px auto;
  grid-template-columns: repeat(3, auto);
  -ms-grid-rows: 50px;
  grid-template-rows: 50px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 20px;
}
.outer-link > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.outer-link > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.outer-link > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.outer-link > .list {
  padding-left: 20px;
  border-left: 1px solid #8c8c8c;
  line-height: 16px;
}
.outer-link > .list:first-of-type {
  padding-left: 0;
  border: none;
}
.outer-link .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #8c8c8c;
  font-size: 1.3rem;
  white-space: nowrap;
  padding-right: 11px;
}
.outer-link .link::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 11px;
          flex: 0 0 11px;
  height: 11px;
  background: url(assets/img/cmn/svg/icon_blank.svg) 0 0 no-repeat;
  margin-left: 5px;
}

.header-function {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.header-function > .list {
  height: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
}
.header-function > .list.-mypage .link {
  color: #164332;
  background: none;
  border-left: 1px solid #cbcbcb;
}
.header-function > .list.-mypage .link::before {
  content: "";
  width: 21px;
  height: 21px;
  background: url(assets/img/cmn/svg/icon_person_r.svg) 0 0 no-repeat;
  background-size: contain;
  margin-bottom: 10px;
}
.header-function > .list.-login .link {
  background-color: #164332;
  border-bottom: 1px solid #cbcbcb;
}
.header-function > .list.-login .link::before {
  content: "";
  width: 21px;
  height: 21px;
  background: url(assets/img/cmn/svg/icon_person_w.svg) 0 0 no-repeat;
  background-size: contain;
  margin-bottom: 10px;
}
.header-function .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  line-height: 1;
  color: #fff;
}
@media (max-width: 768px) {
  .header-function > .list {
    height: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75px;
            flex: 0 0 75px;
  }
}

.header-submenu {
  background-color: rgba(101, 126, 129, 0.95);
  -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.2);
  padding: 0 20px 0 50px;
}
.header-submenu > .inner {
  width: 100%;
  max-width: 1160px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 160px;
  padding: 40px 0 30px;
}
.header-submenu .txtarea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 300px;
          flex: 0 0 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.header-submenu .submenuttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 3.2rem;
  line-height: 1;
  color: #fff;
}
.header-submenu .submenuttl > .sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  margin-top: 20px;
}
.header-submenu .sublink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
  width: 100%;
  height: 100%;
  font-size: 1.3rem;
  line-height: 1.5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header-submenu .sublink:hover {
  text-decoration: none;
}
.header-submenu .submenulist {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 660px;
          flex: 0 1 660px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
}
.header-submenu .sublist:first-of-type .sublink {
  border-radius: 10px 0 0 10px;
}
.header-submenu .sublist:last-of-type .sublink {
  border-right: 1px solid #fff;
  border-radius: 0 10px 10px 0;
}
.header-submenu .sublink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 50px;
  font-size: 1.6rem;
  color: #fff;
  border: 1px solid #fff;
  border-right: none;
  position: relative;
}
.header-submenu .sublink::after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  right: 14px;
  width: 20px;
  height: 10px;
  background: url(assets/img/cmn/svg/icon_btnarrow_w.svg) 0 0 no-repeat;
  background-size: contain;
}
.header-submenu .sublink:hover {
  color: #000;
  background-color: #fff;
}
.header-submenu .sublink:hover::after {
  background: url(assets/img/cmn/svg/icon_btnarrow.svg) 0 0 no-repeat;
  background-size: contain;
}

.main-visual {
  position: relative;
  background: #fff;
  padding-top: 45px;
}
.main-visual .mvswiper {
  height: 100%;
  overflow: hidden;
}
.main-visual .swinner {
  position: relative;
  padding-right: 20vw;
  padding-right: 200px;
  height: 100%;
}
.main-visual .imgarea {
  display: block;
  height: 100%;
  overflow: hidden;
}
.main-visual .imgarea img {
  -o-object-position: left center;
     object-position: left center;
}
.main-visual .modelinfo {
  visibility: hidden;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  left: 50px;
  bottom: 50px;
  width: 0;
  height: auto;
  overflow: hidden;
}
.main-visual .modelinfo.-hide {
  opacity: 0;
}
.main-visual .modelinfo.-labelstart {
  -webkit-animation: labelmove 4s ease-out 0.1s forwards;
          animation: labelmove 4s ease-out 0.1s forwards;
}
.main-visual .modelinfo .place {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  height: 35px;
  font-size: 1.3rem;
  background-color: #fff;
  border: 1px solid #000;
  white-space: nowrap;
}
.main-visual .modelinfo .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  height: 36px;
  font-size: 1.7rem;
  background-color: #fff;
  border: 1px solid #000;
  margin-top: -1px;
  white-space: nowrap;
}
.main-visual .mv-swipernav {
  position: absolute;
  right: calc(13vw - 20px);
  top: 350px;
  width: 240px;
  height: 20px;
  z-index: 5;
}
.main-visual .topmvimg {
  -webkit-transform-origin: left center;
          transform-origin: left center;
  scale: 1.2;
}
.main-visual .topmvimg.-animstart {
  -webkit-animation: mvmove 5s ease-in-out 0.5s forwards;
          animation: mvmove 5s ease-in-out 0.5s forwards;
}
.main-visual .topmvimg.-animrev {
  -webkit-transform-origin: right center;
          transform-origin: right center;
  -webkit-animation: mvmove_rev 1s ease-in-out 0s forwards;
          animation: mvmove_rev 1s ease-in-out 0s forwards;
}
.main-visual .swiper-slide-active .modelinfo {
  visibility: visible;
}
@media (max-width: 768px) {
  .main-visual {
    padding-top: 24px;
  }
  .main-visual .mvswiper {
    overflow: visible;
  }
  .main-visual .swinner {
    padding-right: 0;
  }
  .main-visual .modelinfo {
    left: 15px;
    bottom: -17px;
    width: auto;
    padding-right: 20px;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .main-visual .modelinfo .place {
    padding: 0 15px;
    font-size: 1.2rem;
    white-space: wrap;
  }
  .main-visual .modelinfo .name {
    padding: 0 15px;
    font-size: 1.7rem;
    white-space: wrap;
    height: auto;
  }
  .main-visual .modelinfo.-labelstart {
    -webkit-animation: unset;
            animation: unset;
    opacity: 1;
  }
  .main-visual .mv-swipernav {
    left: calc(50% - 120px);
    right: unset;
    top: calc(100% + 90px);
  }
}

@-webkit-keyframes initmove {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}

@keyframes initmove {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}
@-webkit-keyframes mvmove {
  from {
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
  to {
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}
@keyframes mvmove {
  from {
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
  to {
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}
@-webkit-keyframes mvmove_rev {
  from {
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
  to {
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}
@keyframes mvmove_rev {
  from {
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
  to {
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}
@-webkit-keyframes labelmove {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes labelmove {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.mv-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.mv-nav > .linkbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 180px;
  height: 50px;
  font-size: 1.4rem;
  color: #164332;
  border: 2px solid #164332;
  border-radius: 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.mv-nav > .linkbtn._en {
  letter-spacing: 0.2em;
}
.mv-nav > .linkbtn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #164332;
}
@media (max-width: 768px) {
  .mv-nav {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mv-nav > .linkbtn {
    width: 100%;
    max-width: 325px;
    font-size: 1.2rem;
  }
}

.mv-swipernav {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 73px 0px 1fr 0px 73px;
  grid-template-columns: 73px 1fr 73px;
  grid-auto-rows: 20px;
  gap: 0px 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.mv-swipernav.-active {
  opacity: 1;
}
.mv-swipernav .swnavlink {
  display: block;
  height: 100%;
  background: url(assets/img/cmn/arrow_left.svg) 0 center no-repeat;
  background-size: contain !important;
}
.mv-swipernav .swnavlink.-r {
  background: url(assets/img/cmn/arrow_right.svg) 0 center no-repeat;
}
.mv-swipernav .swpager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  height: 100%;
}
.mv-swipernav .swpager .swiper-pagination-bullet {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4px;
          flex: 0 0 4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #cbcbcb;
  opacity: 1 !important;
  margin: 0;
}
.mv-swipernav .swpager .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #164332;
}

.main-footer {
  position: relative;
  padding: 170px 20px 0;
}
.main-footer > .upper {
  width: 100%;
  max-width: 890px;
  margin: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 14px 30px 164px;
  grid-template-columns: 1fr 14px 164px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  padding-bottom: 75px;
  border-bottom: 1px solid #000;
}
.main-footer > .upper .linkadjust .link-btn2 {
  display: none;
}
.main-footer .ftul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px 20px;
}
.main-footer .ftul .list {
  line-height: 1;
  font-size: 1.2rem;
}
.main-footer > .linktop {
  position: absolute;
  left: calc(50% - 40px);
  top: -40px;
  width: 80px;
  height: 80px;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1.1rem;
  border: 5px solid #edebe6;
  color: #fff;
  background-color: #164332;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.main-footer > .linktop::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  width: 18px;
  height: 18px;
  background: url(assets/img/cmn/arrow_right_s.svg) 0 0 no-repeat;
  background-size: contain;
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
  -webkit-filter: invert(1);
          filter: invert(1);
  margin-bottom: 5px;
}
.main-footer > .linktop:hover {
  text-decoration: none;
  background-color: #94522f;
}
.main-footer > .middle {
  width: 100%;
  max-width: 890px;
  margin: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 250px 40px auto;
  grid-template-columns: 250px auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  margin-top: 90px;
}
.main-footer > .middle .ftlogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 18px;
  width: 100%;
  height: 32px;
}
.main-footer > .middle .addressdl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 159px 10px 1fr;
  grid-template-columns: 159px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.main-footer > .middle .addressdl .dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  font-size: 1.2rem;
  border-radius: 12px 0 0 12px;
  border: 1px solid #dbdbdb;
}
.main-footer > .middle .addressdl .dd {
  font-size: 1.2rem;
}
.main-footer > .footerinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  padding: 50px 0 0;
}
.main-footer .logoclm {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 280px;
          flex: 0 0 280px;
}
.main-footer .navclm {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 550px;
          flex: 0 1 550px;
}
.main-footer .footerlogo {
  display: block;
  width: 200px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  height: 17px;
  background: url(assets/img/cmn/logo_w.svg) 0 0 no-repeat;
  background-size: contain;
  text-indent: -9999px;
}
.main-footer .address {
  margin-top: 10px;
  margin-bottom: 15px;
}
.main-footer .address .tel {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.15em;
  font-size: 1.2rem;
}
.main-footer .outerlink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.2rem;
  color: #999;
}
.main-footer .outerlink::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12px;
          flex: 0 0 12px;
  width: 12px;
  height: 10px;
  background: url(assets/svg/icons/icon_blank2.svg) 0 0 no-repeat;
  margin-left: 3px;
}
.main-footer .footer-btm {
  margin-top: 150px;
  text-align: center;
}
.main-footer > .scrolltop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 1px solid #7e7e7e;
  font-size: 0;
}
.main-footer > .scrolltop::before {
  content: "";
  width: 14px;
  height: 1px;
  background-color: #fff;
}
.main-footer > .scrolltop::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
  margin-top: 5px;
}
@media (max-width: 768px) {
  .main-footer {
    position: relative;
    padding: 130px 30px 0;
  }
  .main-footer > .upper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    border-bottom: none;
    padding-bottom: 0;
  }
  .main-footer > .upper .linkadjust {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 25px;
  }
  .main-footer > .upper .linkadjust .link-btn2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .main-footer .ftul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-flex-wrap: unset;
        flex-wrap: unset;
    gap: 20px;
  }
  .main-footer .ftul .list {
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 7px;
  }
  .main-footer .sns-links {
    display: -ms-grid;
    display: grid;
  }
  .main-footer > .middle {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-top: 85px;
  }
  .main-footer > .middle .ftlogo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .main-footer > .middle .addressdl {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .main-footer > .middle .addressdl .dt {
    border-radius: 12px;
  }
  .main-footer > .middle .addressdl .dd {
    margin-bottom: 10px;
    text-align: center;
  }
  .main-footer .footer-btm {
    font-size: 0.8rem;
    margin-top: 50px;
  }
}

.footer-nav > .fninner {
  width: 100%;
  max-width: 480px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 10px auto 10px auto;
  grid-template-columns: repeat(3, auto);
  gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer-nav .ftmenu {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.footer-nav .ftmenu .list {
  line-height: 1;
  margin-bottom: 25px;
}
.footer-nav .ftmenu .list.-adjust {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 33px;
}
.footer-nav .ftmenu .list:last-of-type {
  margin-bottom: 0;
}
.footer-nav .ftmenu .link {
  font-size: 1.4rem;
  color: #fff;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.footer-nav .ftmenu .link:hover {
  text-decoration: none;
  opacity: 0.6;
}
.footer-nav .subul {
  display: none;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 13px;
  padding-bottom: 3px;
}
.footer-nav .subul .sublist {
  margin-bottom: 12px;
}
.footer-nav .subul .sublist:last-of-type {
  margin-bottom: 0;
}
.footer-nav .subul .link {
  font-size: 1.3rem;
  font-weight: normal;
  position: relative;
}
.footer-nav .subul .link::before {
  content: "-";
  margin-right: 5px;
}
.footer-nav .linkbd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 150px;
  height: 32px;
  font-size: 1.2rem;
  color: #fff;
  border: 1px solid #8f8f8f;
  border-radius: 5px;
}
.footer-nav .linkbd._en {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.2em;
}
@media (max-width: 890px) {
  .footer-nav > .fninner {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .footer-nav {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer-nav > .ftmenu {
    display: none;
  }
  .footer-nav > .sns-links {
    -ms-grid-columns: (30px)[3];
    grid-template-columns: repeat(3, 30px);
    -ms-grid-rows: 30px;
    grid-template-rows: 30px;
    margin-left: 0;
    margin-top: 20px;
  }
  .footer-nav > .sns-links > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .footer-nav > .sns-links > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .footer-nav > .sns-links > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}

.footer-access {
  border-top: 1px solid #4b3933;
  border-bottom: 1px solid #4b3933;
}
.footer-access > .ftainner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  padding: 50px 0 40px;
}
.footer-access .ftadl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #4b3933;
  padding: 0 10px;
}
.footer-access .ftadl:last-of-type {
  border-right: none;
}
.footer-access .ftadl > .dt {
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 15px;
}
.footer-access .ftadl > .dd {
  font-size: 1.4rem;
}
@media (max-width: 840px) {
  .footer-access {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .footer-access > .ftainner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 30px;
    padding: 30px 0;
  }
  .footer-access .ftadl {
    border-right: none;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0;
  }
  .footer-access .ftadl > .dt {
    font-size: 1.6rem;
    text-align: left;
    margin-bottom: 5px;
  }
  .footer-access .ftadl > .dd {
    text-align: left;
  }
}

.footer-btm {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 0.9rem;
  line-height: 1;
  padding: 0 20px 13px;
}
@media (max-width: 768px) {
  .footer-btm {
    padding: 0 0 13px;
  }
}

.footer-spmenu > .ftspul {
  display: -ms-grid;
  display: grid;
  place-content: center;
}
.footer-spmenu .list {
  width: 100%;
  height: 100%;
  position: relative;
}
.main-footer {
  display: block;
  position: relative;
}
.main-footer .footer_out_links {
  position: absolute;
  bottom: 16px;
  left: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-footer .footer_out_links .footer_out_links__item {
  width: 100px;
  height: 100px;
  border: solid 1px #D9D9D9;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.main-footer .footer_out_links .footer_out_links__item:first-child {
  margin-right: 5px;
}
.main-footer .footer_out_links .footer_out_links__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-footer .footer_out_links .footer_out_links__item:hover {
  background-color: #fff;
}
@media (max-width: 768px) {
  .main-footer .footer_out_links {
    position: relative;
    bottom: initial;
    left: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 50px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main-footer .footer_out_links .footer_out_links__item {
    width: 100px;
    height: 100px;
    border: solid 1px #D9D9D9;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .main-footer .footer_out_links .footer_out_links__item:first-child {
    margin-right: 5px;
  }
  .main-footer .footer_out_links .footer_out_links__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .main-footer .footer_out_links .footer_out_links__item:hover {
    background-color: #fff;
  }
}

.scroll-top {
  position: relative;
  overflow: visible;
  pointer-events: none;
  overflow: visible;
  position: sticky;
}
.scroll-top .linkbtn {
  position: absolute;
  right: 10px;
  top: -44px;
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #164332;
  -webkit-transition: width 0.1s, -webkit-transform 0.5s;
  transition: width 0.1s, -webkit-transform 0.5s;
  transition: transform 0.5s, width 0.1s;
  transition: transform 0.5s, width 0.1s, -webkit-transform 0.5s;
  text-indent: -9999px;
  pointer-events: auto;
}
.scroll-top .linkbtn:hover {
  opacity: 0.6;
}
.scroll-top .linkbtn.-init {
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
}
.scroll-top .linkbtn.-stop {
  position: absolute;
  top: -44px;
  bottom: auto;
}
.scroll-top .linkbtn::after {
  display: block;
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14px;
          flex: 0 0 14px;
  width: 14px;
  height: 9px;
  background: url(assets/img/cmn/svg/arrow-right_w.svg) 0 0 no-repeat;
  background-size: contain !important;
  -webkit-transform: rotateZ(-90deg) translateY(4px);
          transform: rotateZ(-90deg) translateY(4px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.scroll-top .linkbtn > .txt {
  display: none;
}
@media (max-width: 768px) {
  .scroll-top {
    z-index: 1;
  }
  .scroll-top .linkbtn.-init {
    -webkit-transform: translateY(120px);
            transform: translateY(120px);
  }
}

.page-home .pageupper {
  position: relative;
}
.page-home .halfwhite {
  position: relative;
  overflow: hidden;
}
.page-home .halfwhite::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 264px;
  background: #fff;
}
.page-home .pagecopy {
  position: fixed;
  top: 210px;
  right: calc(13vw + 50px);
  width: 100px;
  height: 240px;
  z-index: 10;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.page-home .pagecopy.-active {
  opacity: 1;
}
.page-home .pagecopy.-stay {
  position: absolute;
  top: unset;
  bottom: 310px;
}
.page-home .main-visual {
  width: 100%;
  height: calc(100svh - 130px);
}
.page-home .sec-homenews {
  width: calc(100% - 40px);
  max-width: 1000px !important;
  margin: auto;
  margin-top: 50px;
}
.page-home .home-concept {
  width: calc(100% - 40px);
  max-width: 664px !important;
  margin: auto;
  margin-top: 200px;
}
.page-home .home-functions {
  width: calc(100% - 40px);
  max-width: 1100px !important;
  margin: auto;
}
.page-home .home-openhouse {
  width: calc(100% - 40px);
  max-width: 1100px !important;
  margin: auto;
  margin-top: 150px;
}
.page-home .home-gallery {
  width: calc(100% - 40px);
  max-width: 1000px !important;
  margin: auto;
  margin-top: 150px;
}
.page-home .home-modelhouse {
  margin-top: 150px;
}
.page-home .home-news02 {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
  margin-top: 150px;
}
.page-home .home-blog {
  width: calc(100% - 40px);
  max-width: 1000px !important;
  margin: auto;
  margin-top: 100px;
}
.page-home .functions-swipernav {
  width: calc(100% - 40px);
  max-width: 1000px !important;
  margin: auto;
  height: 46px;
  margin-top: 130px;
}
@media (max-width: 768px) {
  .page-home .pageupper {
    overflow: hidden;
  }
  .page-home .main-visual {
    height: calc(100vh - 235px);
  }
  .page-home .pagecopy {
    position: absolute;
    top: 0px;
    right: 20px;
    width: 94px;
    height: 213px;
    -webkit-filter: unset;
            filter: unset;
  }
  .page-home .sec-homenews {
    margin-top: 150px;
  }
  .page-home .home-concept {
    margin-top: 100px;
  }
  .page-home .home-functions {
    width: 100%;
    max-width: 1100px;
    margin: auto;
  }
  .page-home .home-openhouse {
    margin-top: 100px;
  }
  .page-home .home-modelhouse {
    margin-top: 100px;
  }
}
@media (max-width: 540px) {
  .page-home .sec-homelibrary {
    width: 100%;
    max-width: 1160px;
    margin: auto;
    height: 516px;
  }
  .page-home > .sec-homeconcept {
    height: auto;
    min-height: unset;
  }
}

.sec-homenews {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 50px 240px;
  grid-template-columns: 1fr 240px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}
.sec-homenews .secttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 2rem;
  letter-spacing: 0.1em;
  border-right: 1px solid #ccc;
}
.sec-homenews .homenewsul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.sec-homenews .list:last-of-type {
  margin-bottom: 0;
}
.sec-homenews .link {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100px 115px 1fr;
  grid-template-columns: 100px 115px 1fr;
  font-size: 1.2rem;
  line-height: 1;
}
.sec-homenews .link:first-of-type {
  margin-top: 0;
}
.sec-homenews .linktxt {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  padding-left: 18px;
}
.sec-homenews .date {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  text-align: center;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
.sec-homenews .link-btn {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media (max-width: 768px) {
  .sec-homenews {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .sec-homenews .link-btn2 {
    display: none;
  }
  .sec-homenews .homenewsul {
    gap: 25px;
  }
  .sec-homenews .list {
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
  }
  .sec-homenews .list:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
  }
  .sec-homenews .link {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    font-size: 1.2rem;
    line-height: 1;
  }
  .sec-homenews .date {
    text-align: left;
    border-right: unset;
    padding-left: 10px;
    margin-left: 10px;
  }
  .sec-homenews .linktxt {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 2/1/3/3;
    max-width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 1.3rem;
    line-height: 1.5;
    padding-left: 0;
    margin-top: 10px;
  }
}

.home-concept > .concepttxt {
  display: block;
  width: 512px;
  height: 189px;
  margin-top: 50px;
}
@media (max-width: 768px) {
  .home-concept > .concepttxt {
    width: 263px;
    height: 323px;
  }
}

.home-functions {
  background: url(assets/img/home/functions_bg.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  padding: 125px 0 0;
}
.home-functions::before, .home-functions::after {
  content: "";
  width: 1px;
  height: 75px;
  background-color: #000;
  position: absolute;
  top: -75px;
  right: 50%;
}
.home-functions::after {
  background-color: #fff;
  top: 0;
}
.home-functions > .block-ttl {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
}
.home-functions > .inner {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 245px;
  grid-template-columns: 1fr 245px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 45px;
}
.home-functions .txtarea {
  color: #fff;
}
.home-functions .lead {
  font-size: 2.7rem;
  letter-spacing: 0.25em;
}
.home-functions > .functions-swiper {
  width: calc(100% - 100px);
  margin: 0 auto 0;
  translate: 0 85px;
}
@media (max-width: 768px) {
  .home-functions > .inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .home-functions > .functions-swiper {
    width: calc(100% - 40px);
  }
}

.functions-swiper {
  overflow: visible;
}
.functions-swiper .swiper-slide {
  width: 314px;
}
.functions-swiper .functionscard {
  display: block;
  width: 314px;
  height: 204px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.functions-swiper .cap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  letter-spacing: 0.3em;
  color: #fff;
  background-color: #164332;
  text-align: center;
}
.functions-swiper .fig {
  height: 100%;
}
.functions-swiper .imgarea {
  height: 100%;
}

.functions-swipernav {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 102px 30px 1fr;
  grid-template-columns: 102px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.functions-swipernav .btns {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 46px 10px 46px;
  grid-template-columns: repeat(2, 46px);
  gap: 10px;
}
.functions-swipernav .fswbtn {
  width: 46px;
  height: 46px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 50%;
  position: relative;
  border: 1px solid #000;
}
.functions-swipernav .fswbtn::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: url(assets/img/cmn/circle_left.svg) center center no-repeat;
  background-size: contain !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.functions-swipernav .fswbtn:hover {
  background-color: #164332;
}
.functions-swipernav .fswbtn:hover::after {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.functions-swipernav .fswbtn.-r::after {
  background: url(assets/img/cmn/circle_right.svg) center center no-repeat;
}
.functions-swipernav .fswnavbar {
  height: 5px;
  background-color: #fff;
  padding-top: 2px;
}
.functions-swipernav .swiper-scrollbar-drag {
  background-color: #164332;
  height: 1px;
}
@media (max-width: 768px) {
  .functions-swipernav {
    -ms-grid-columns: 1fr 102px;
    grid-template-columns: 1fr 102px;
  }
  .functions-swipernav .btns {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 1/2/2/3;
  }
}

.home-cmnsec > .inner {
  width: 100%;
  max-width: 860px;
  margin: auto;
}
.home-cmnsec .leadarea {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 243px;
  grid-template-columns: 1fr 243px;
  gap: 20px;
  margin-top: 40px;
}
.home-cmnsec .lead {
  font-size: 2.7rem;
  letter-spacing: 0.17em;
  word-break: auto-phrase;
}
@media (max-width: 768px) {
  .home-cmnsec .leadarea {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .home-cmnsec .lead {
    font-size: 2rem;
    word-break: auto-phrase;
  }
}

.home-building {
  padding: 50px;
  background-image: url(assets/img/home/building01.jpg);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  background-size: auto 125vh;
  -webkit-animation: parallax01 ease-out forwards;
          animation: parallax01 ease-out forwards;
  animation-timeline: view();
  animation-range: cover 0% cover 100%;
  -webkit-animation-duration: 1ms;
          animation-duration: 1ms;
  height: 100vh;
}
.home-building.-b2 {
  background-image: url(assets/img/home/building02.jpg);
}
.home-building.-b3 {
  background-image: url(assets/img/home/building03.jpg);
}
.home-building.-b4 {
  background-image: url(assets/img/home/building04.jpg);
}
.home-building.-b5 {
  background-image: url(assets/img/home/building05.jpg);
}
.home-building.-b6 {
  background-image: url(assets/img/home/building06.jpg);
}
.home-building > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
}
.home-building .buildingttl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 74px 20px 1fr;
  grid-template-columns: 74px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  font-size: 2.4rem;
  color: #fff;
  margin-top: 50px;
}
.home-building .buildingttl .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 74px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 2.7rem;
  border: 1px solid #fff;
  border-radius: 50%;
}
.home-building .leadarea02 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px auto;
  grid-template-columns: 1fr auto;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  margin-top: 10px;
}
.home-building .leadarea02 .leadtxt {
  font-size: 1.4rem;
  line-height: 2;
}
@media (max-width: 768px) {
  .home-building {
    padding: 30px;
    -webkit-animation: unset;
            animation: unset;
    animation-timeline: unset;
    animation-range: unset;
    -webkit-animation-duration: unset;
            animation-duration: unset;
  }
  .home-building.-b1 {
    background-image: url(assets/img/home/building_sp01.jpg);
  }
  .home-building.-b2 {
    background-image: url(assets/img/home/building_sp02.jpg);
  }
  .home-building.-b3 {
    background-image: url(assets/img/home/building_sp03.jpg);
  }
  .home-building.-b4 {
    background-image: url(assets/img/home/building_sp04.jpg);
  }
  .home-building.-b5 {
    background-image: url(assets/img/home/building_sp05.jpg);
  }
  .home-building.-b6 {
    background-image: url(assets/img/home/building_sp06.jpg);
  }
  .home-building .buildingttl {
    -ms-grid-columns: 55px 15px 1fr;
    grid-template-columns: 55px 1fr;
    gap: 15px;
    font-size: 2rem;
  }
  .home-building .buildingttl .num {
    height: 55px;
    font-size: 1.9rem;
  }
  .home-building .leadarea02 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 50px;
  }
}

@-webkit-keyframes parallax01 {
  from {
    background-position: center -80vh;
  }
  to {
    background-position: center 0;
  }
}

@keyframes parallax01 {
  from {
    background-position: center -80vh;
  }
  to {
    background-position: center 0;
  }
}
.home-news02 .home-newslist {
  margin-top: 45px;
}

.home-newslist {
  display: -ms-grid;
  display: grid;
  gap: 40px;
}
.home-newslist .link {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 110px 20px 90px 20px 1fr;
  grid-template-columns: 110px 90px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding-right: 35px;
  font-size: 1.4rem;
  line-height: 1;
  padding-bottom: 23px;
  border-bottom: 1px solid #000;
  background: url(assets/img/cmn/arrow_right_s.svg) right 10px top no-repeat;
  background-size: 12px auto;
}
.home-newslist .cate {
  border-right: 1px solid #000;
}
.home-newslist .date {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.2em;
  font-size: 1.2rem;
}
.home-newslist .ttltxt {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media (max-width: 768px) {
  .home-newslist .link {
    -ms-grid-columns: auto 20px 1fr;
    grid-template-columns: auto 1fr;
    gap: 20px;
    background: none;
    padding-right: 0;
  }
  .home-newslist .cate {
    padding-right: 20px;
  }
  .home-newslist .ttltxt {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 2/1/3/3;
    max-width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5;
  }
}

.home-openhouse .leadarea .txt {
  display: none;
}
.home-openhouse .cmn-list {
  width: calc(100% - 40px);
  max-width: 1000px !important;
  margin: auto;
}
@media (max-width: 768px) {
  .home-openhouse {
    position: relative;
    padding-bottom: 100px;
  }
  .home-openhouse .leadarea .txt {
    display: block;
    margin-top: 30px;
  }
  .home-openhouse .link-btn2 {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
}

@media (max-width: 768px) {
  .home-gallery {
    position: relative;
    padding-bottom: 100px;
  }
  .home-gallery .leadarea .txt {
    display: block;
    margin-top: 30px;
  }
  .home-gallery .link-btn2 {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
}

.home-realestate {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 365px;
  grid-template-columns: 1fr 365px;
  gap: 20px;
  background-color: #fff;
  padding: 100px;
}
.home-realestate > .txtarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
}
.home-realestate .lead {
  font-size: 2.7rem;
  letter-spacing: 0.18em;
  margin-top: 25px;
}
.home-realestate .link-btn2 {
  margin-top: 25px;
}
@media (max-width: 768px) {
  .home-realestate {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: 0;
  }
  .home-realestate > .imgarea {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: 100%;
    aspect-ratio: 314/213;
  }
  .home-realestate > .imgarea .img {
    -o-object-fit: cover !important;
       object-fit: cover !important;
    width: 100%;
    height: 100%;
  }
  .home-realestate > .txtarea {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 30px 20px 50px;
  }
  .home-realestate .lead {
    font-size: 2.2rem;
    margin-top: 10px;
  }
  .home-realestate .linkbtn {
    width: 100%;
    min-width: unset !important;
    max-width: 255px;
  }
}

.home-banner {
  display: block;
  width: 100%;
  max-width: 683px;
  margin: 200px auto 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.home-banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.home-banner:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .home-banner {
    display: block;
    width: 87%;
    max-width: 325px;
    margin: 88px auto 0;
  }
}
.home-modelhouse {
  background-color: #fff;
  height: 300vh;
  position: relative;
}
.home-modelhouse .mharea {
  position: sticky;
  top: 100px;
  left: 0;
}
.home-modelhouse .mhousecard {
  position: relative;
  height: calc(100svh - 100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.home-modelhouse .imgarea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #fff;
  padding: 25px;
}
.home-modelhouse .imgarea::after {
  content: "";
  position: absolute;
  left: 25px;
  right: 25px;
  bottom: 25px;
  top: 25px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0.56)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.56) 25%, rgba(0, 0, 0, 0) 100%);
}
.home-modelhouse .leadarea {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.home-modelhouse .txtarea {
  color: #fff;
  margin-left: 75px;
  margin-right: 75px;
  margin-bottom: 75px;
}
.home-modelhouse .lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.home-modelhouse .txt_l {
  font-size: 3.5rem;
  word-break: break-all;
}
.home-modelhouse .txt_s {
  font-size: 1.7rem;
  word-break: break-all;
}
.home-modelhouse .address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home-modelhouse .address::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 11px;
          flex: 0 0 11px;
  width: 11px;
  height: 18px;
  background: url(assets/img/cmn/icon_pin.svg) 0 0 no-repeat;
  background-size: contain !important;
  -webkit-filter: brightness(20);
          filter: brightness(20);
  margin-right: 10px;
}
.home-modelhouse .mhswpager {
  position: absolute;
  left: unset;
  right: 70px;
  top: 0;
  z-index: 5;
  width: 23px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}
.home-modelhouse .mhswpager .swiper-pagination-bullet {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6px;
          flex: 0 0 6px;
  width: 6px;
  height: 6px;
  color: #fff;
  background-color: #fff;
  opacity: 1;
  position: relative;
}
.home-modelhouse .mhswpager .swiper-pagination-bullet-active::after {
  content: "";
  position: absolute;
  left: -8px;
  top: -8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .home-modelhouse .imgarea {
    padding: 15px;
  }
  .home-modelhouse .imgarea::after {
    left: 15px;
    right: 15px;
    bottom: 15px;
    top: 15px;
  }
  .home-modelhouse .txtarea {
    margin-left: 35px;
    margin-right: 35px;
    margin-bottom: 35px;
  }
  .home-modelhouse .leadarea {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .home-modelhouse .mhswpager {
    right: 35px;
  }
}

.home-blog > .bloglist {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 40px 3.125%;
}
@media (max-width: 768px) {
  .home-blog {
    position: relative;
  }
  .home-blog .leadarea .txt {
    display: block;
    margin-top: 30px;
  }
  .home-blog .link-btn2 {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
}

.home-blogcard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.home-blogcard > .imgarea {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  border-radius: 10px;
  aspect-ratio: 3/2;
}
.home-blogcard > .txtarea {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.home-blogcard .cardinfo {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 10px;
}
.home-blogcard .cardttl {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 5px;
}
.home-blogcard .terms {
  font-size: 1.4rem;
  color: #657e81;
}
.home-blogcard .terms::before {
  content: "-";
  margin-right: 5px;
}

.sec-homeworks {
  position: relative;
  overflow: hidden;
  padding-top: 100px;
  padding-bottom: 150px;
  background-color: #f8f6f1;
  position: relative;
  z-index: 2;
}
.sec-homeworks::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 200px);
  height: 430px;
  background-color: #fff;
  border-radius: 0 30px 30px 0;
  z-index: -1;
}
.sec-homeworks::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  left: 0;
  bottom: 0;
  z-index: 100;
  background: #fff url(assets/img/cmn/bgwave.png) center 0 no-repeat;
  background-size: auto 100%;
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
.sec-homeworks > .hwhead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sec-homeworks .hdtxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  margin-left: 50px;
}
.sec-homeworks > .secinner {
  overflow: hidden;
  position: relative;
}
.sec-homeworks .worksswiper {
  position: relative;
  padding: 0 20px;
}
.sec-homeworks .swiper-button-prev, .sec-homeworks .swiper-button-next {
  top: 0;
  width: 40px !important;
  height: calc(100% - 71px) !important;
  margin: 0;
  background-color: #000;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.sec-homeworks .swiper-button-prev::after, .sec-homeworks .swiper-button-next::after {
  color: #fff;
  font-size: 2rem;
}
.sec-homeworks .swiper-button-prev:hover, .sec-homeworks .swiper-button-next:hover {
  opacity: 0.8;
}
.sec-homeworks .swiper-button-next {
  right: 0;
  border-radius: 10px 0 0 10px;
}
.sec-homeworks .swiper-button-prev {
  left: 0;
  border-radius: 0 10px 10px 0;
}
.sec-homeworks .swiper-button-disabled {
  display: none;
}
.sec-homeworks .swiper-pagination {
  display: none;
}
.sec-homeworks .swiper-pagination-bullet-active {
  background-color: #eb6100;
}
@media (max-width: 768px) {
  .sec-homeworks::after {
    height: 30px;
  }
  .sec-homeworks::before {
    width: calc(100% - 75px);
    border-radius: 0 15px 15px 0;
  }
  .sec-homeworks .swiper-button-prev, .sec-homeworks .swiper-button-next {
    display: none;
  }
  .sec-homeworks .link-btn {
    margin-top: clamp(30px, 8vw, 60px);
  }
  .sec-homeworks > .hwhead {
    display: block;
  }
  .sec-homeworks .hdtxt {
    display: block;
    height: unset;
    border-left: none;
    margin-left: unset;
    padding-left: unset;
    margin-top: 40px;
  }
  .sec-homeworks .swiper-pagination {
    display: block;
    bottom: auto;
    top: calc(100% + 0px);
    padding-top: 20px;
  }
  .sec-homeworks > .swiper-btns {
    position: static;
    margin-top: 70px;
  }
  .sec-homeworks .bainner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sec-homeworks .btnswiper {
    display: none;
  }
}

.article-message .msgmain {
  width: calc(100% - 40px);
  max-width: 860px !important;
  margin: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 310px 20px 1fr;
  grid-template-columns: 310px 1fr;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 130px;
  margin-bottom: 140px;
  position: relative;
}
.article-message .leftclm {
  position: sticky;
  left: 0;
  top: 100px;
}
.article-message .rightclm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.article-message .rightclm .inner {
  max-width: 440px;
}
.article-message .rightclm .txt {
  letter-spacing: 0.08em;
  line-height: 2.65;
  margin-bottom: 35px;
}
.article-message .rightclm .txt:last-of-type {
  margin-bottom: 0;
}
.article-message .president .cap {
  display: block;
  letter-spacing: 0.25em;
  line-height: 2;
  margin-top: 15px;
}
.article-message .president .name {
  font-size: 2rem;
  letter-spacing: 0.28em;
  line-height: 1;
}
@media (max-width: 768px) {
  .article-message .msgmain {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 60px;
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .article-message .leftclm {
    position: static;
  }
  .article-message .rightclm {
    display: block;
  }
  .article-message .rightclm .inner {
    max-width: unset;
  }
}

.article-company .companyimg {
  margin-top: 130px;
}
.article-company .companyimg img {
  border-radius: 5px;
}
.article-company .mapblock .ggmap {
  width: 100%;
  height: 330px;
  border-radius: 5px;
}
.article-company .mapblock.-clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media (max-width: 768px) {
  .article-company .companyimg {
    margin-top: 65px;
  }
  .article-company .mapblock.-clm2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

.company-outline {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 122px 0 1fr;
  grid-template-columns: 122px 1fr;
  gap: 18px 0;
}
.company-outline .dt,
.company-outline .dd {
  border-bottom: 1px solid #000;
  padding-bottom: 12px;
}
.company-outline .dt {
  letter-spacing: 0.08em;
  border-right: 1px solid #000;
}
.company-outline .dd {
  letter-spacing: 0.08em;
  padding-left: 30px;
}
.company-outline .dd p {
  margin-bottom: 20px;
}
.company-outline .dd p:last-of-type {
  margin-bottom: 0;
}
.company-outline .dd a {
  color: #164332;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.company-outline .dd a:hover {
  text-decoration: none;
}
@media (max-width: 640px) {
  .company-outline {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0;
  }
  .company-outline > .dt {
    font-weight: bold;
    padding: 0;
    border-bottom: none;
    margin-bottom: 10px;
    border-right: none;
  }
  .company-outline > .dt:last-of-type {
    margin-bottom: 10px;
  }
  .company-outline > .dd {
    padding-bottom: 20px;
    padding-left: 0;
    margin-bottom: 20px;
  }
  .company-outline > .dd:last-of-type {
    margin-bottom: 0;
  }
}

.article-about {
  position: relative;
}
.article-about > .aboutttl {
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.article-about > .aboutttl .htxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.4rem;
  color: #164332;
  border: 1px solid #164332;
  border-radius: 22px;
  padding: 0 20px;
}
.article-about .uvmovie {
  aspect-ratio: 16/9;
}
.article-about .uvmovie .uvyt {
  width: 100%;
  height: 100%;
}
.article-about .pricehd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 85px;
  font-size: 2rem;
  font-weight: bold;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.article-about .pricehd .price {
  color: #164332;
}
.article-about.-abouttop::before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  background: url(assets/img/about/top/bg.jpg) center top no-repeat;
  background-size: cover;
}
.article-about .aboutswiper {
  overflow: hidden;
  background: #000;
}
.article-about .aboutswiper .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.article-about .aboutttl {
  font-size: 3.2rem;
  font-weight: bold;
  color: #fff;
}
.article-about .about-header {
  height: 460px;
}
.article-about .sec-reason {
  margin-top: 100px;
}
.article-about .faqttl {
  font-size: 3.2rem;
  font-weight: bold;
  color: #164332;
  margin-bottom: 40px;
}
.article-about .childheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: clamp(50px / 1.5, 0.135vw * 50, 50px);
}
.article-about .childttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(3rem, 5.3vw, 4rem);
  line-height: 1.2;
}
.article-about .childttl .num {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0em;
  font-size: 10rem;
  font-weight: normal;
  color: #ac5c0c;
}
.article-about .hdtxt {
  font-size: 1.4rem;
  line-height: 2;
  margin-top: 20px;
}
.article-about .navttl {
  font-size: clamp(2.6rem, 4vw, 3.2rem);
  text-align: center;
}
.article-about .reason-menu {
  width: 100%;
  max-width: 600px;
  margin: auto;
}
.article-about .about-inner {
  width: calc(100% - 40px);
  max-width: 1286px !important;
  margin: auto;
  margin-top: 40px;
}
.article-about .nav-about {
  margin-top: clamp(100px / 1.5, 0.135vw * 100, 100px);
}
.article-about .w760 {
  width: 100%;
  max-width: 760px;
  margin: auto;
}
.article-about .serviceinner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px 40px;
}
.article-about > .processcover {
  background-color: #f8f6f1;
  padding: 70px 20px;
  counter-reset: cc;
}
.article-about > .helptop {
  position: relative;
  margin-top: -140px;
  z-index: 10;
}
.article-about .andmore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 2.4rem;
  line-height: 1;
  color: #164332;
  text-align: center;
  margin-top: 20px;
}
.article-about .andmore .plus {
  font-size: 3.6rem;
  color: #eb6100;
  margin-right: 10px;
}
.article-about .andmore.-small {
  font-size: 1.6rem;
  margin-top: 0;
}
.article-about .andmore.-small .plus {
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .article-about.-abouttop::before {
    background: url(assets/img/about/top/bg_sp.jpg) center top no-repeat;
    background-size: cover;
  }
  .article-about.-abouttop .amvttl {
    padding-bottom: 30vw;
  }
  .article-about .aboutttl .htxt {
    font-size: 2rem;
  }
  .article-about .about-header {
    height: 70vh;
  }
  .article-about .faqttl {
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
  .article-about .pricehd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 640px) {
  .article-about .serviceinner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .article-about .fig-service.-spmb {
    margin-bottom: 20px;
  }
}

.about-top > .lead {
  font-size: clamp(3.2rem, 5.3vw, 4rem);
  line-height: 1.4;
  text-align: center;
}
.about-top > .leadtxt {
  text-align: center;
  margin-top: 30px;
}
.about-top > .seccover {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 768px) {
  .about-top > .seccover {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .about-top > .leadtxt {
    text-align: left;
  }
}

.about-inner {
  padding: 20px 20px 100px;
}
.about-inner .abttl {
  font-size: clamp(2.6rem, 4vw, 3.2rem);
  line-height: 1.4;
  text-align: center;
}
.about-inner .leadtxt {
  width: 100%;
  max-width: 960px;
  margin: auto;
}
@media (max-width: 768px) {
  .about-inner {
    padding: 45px 0 50px;
  }
  .about-inner .abttl {
    text-align: left;
  }
}

.nav-about > .aboutul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 160px 20px 160px 20px 160px 20px 160px;
  grid-template-columns: repeat(4, 160px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
.nav-about .list:nth-of-type(n+3) .link {
  gap: 12px;
}
.nav-about .list:nth-of-type(n+3) .link::before {
  margin-top: -12px;
}
.nav-about .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  text-align: center;
  width: 160px;
  height: 160px;
  padding: 10px;
  line-height: 1.4;
  border: 1px solid #ccc;
  background-color: #fff;
  position: relative;
}
.nav-about .link.-active, .nav-about .link:hover {
  text-decoration: none;
}
.nav-about .link.-active::after, .nav-about .link:hover::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  width: 30px;
  height: 30px;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  background-color: #164332;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .nav-about > .aboutul {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, 140px);
  }
  .nav-about .link {
    width: 140px;
    height: 140px;
  }
}

.fig-service > .imgarea {
  height: 180px;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.fig-service > .cap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 124px;
  font-size: 2rem;
  line-height: 1;
  background-color: #f2f4ef;
  position: relative;
  border-radius: 0 0 4px 4px;
}
.fig-service .yeartxt {
  font-size: 5rem;
  color: #ac5c0c;
  margin-top: 10px;
}
.fig-service .yeartxt.-y2 {
  font-size: 2.4rem;
  line-height: 1.3;
  text-align: center;
}
.fig-service .ovf {
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 100%;
  font-size: 1.4rem;
  text-align: center;
}
@media (max-width: 640px) {
  .fig-service > .imgarea {
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.flow-container {
  position: relative;
}
.flow-container .flowcover {
  position: relative;
  padding-left: 160px;
  padding-top: 140px;
  padding-bottom: 20px;
  background: url(assets/svg/icons/icon_dot.svg) 60px 0 repeat-y;
  background-size: 3px 8px;
}
.flow-container .flowcover:last-of-type {
  padding-bottom: 0;
}
.flow-container .flowcover.-sectop {
  padding-top: 140px;
}
.flow-container .flowcover.-pb {
  padding-bottom: 90px;
}
.flow-container .flttl {
  position: absolute;
  left: 0;
  top: 0;
  width: 120px;
  height: 120px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.4rem;
  border-radius: 50%;
  color: #fff;
  background-color: #164332;
}
.flow-container .flttl.-red {
  color: #ed4659;
  background-color: #fff;
  border: 1px solid #ed4659;
}
.flow-container .secflow {
  padding: 40px 40px 50px;
  background-color: #fff;
  position: relative;
}
.flow-container .secflow::before {
  content: "";
  position: absolute;
  left: -100px;
  top: 50%;
  width: 100px;
  height: 1px;
  z-index: 5;
  background-color: #164332;
}
.flow-container .secflow::after {
  content: "";
  position: absolute;
  left: -102px;
  top: calc(50% - 4px);
  width: 8px;
  height: 8px;
  z-index: 10;
  background-color: #164332;
  border-radius: 50%;
}
.flow-container .sfttl {
  font-size: 2.4rem;
  font-weight: bold;
  color: #164332;
  margin-bottom: 10px;
}
.flow-container .btnarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.flow-container .link-btn2 > .linkbtn {
  font-weight: normal !important;
}
.flow-container .hasimg {
  position: relative;
  min-height: 200px;
  padding-right: calc(41.67% + 40px);
}
.flow-container .imgright {
  position: absolute;
  right: 0;
  top: 15px;
  width: 41.67%;
  height: auto;
}
.flow-container .adjuster {
  position: absolute;
  left: -102px;
  bottom: 0;
  width: 10px;
  z-index: 3;
  height: 50%;
  background-color: #f4f4f4;
}
@media (max-width: 900px) {
  .flow-container .imgright {
    position: static;
    width: 100%;
    max-width: 450px;
    margin: auto;
    margin: 20px auto;
  }
  .flow-container .hasimg {
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .flow-container .flowcover {
    position: relative;
    padding-left: 0;
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 80px;
    background: url(assets/svg/icons/icon_dot.svg) center 0 repeat-y;
    background-size: 3px 8px;
  }
  .flow-container .flowcover:last-of-type::after {
    display: none;
  }
  .flow-container .flttl {
    position: static;
    width: 100%;
    height: 60px;
    border-radius: 0;
    margin-bottom: 40px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin: 0 auto 40px;
  }
  .flow-container .flttl.-step {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 10px;
  }
  .flow-container .secflow {
    padding: 30px 20px;
  }
  .flow-container .secflow::before {
    display: none;
  }
  .flow-container .secflow::after {
    display: none;
  }
  .flow-container .btnarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .flow-container .sfttl {
    font-size: 2.2rem;
  }
  .flow-container .adjuster {
    display: none;
  }
}

.article-news .archive-terms {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
  margin-top: 40px;
}
.article-news .news-list {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
  margin-top: 45px;
}

.news-sec .nhttl {
  font-size: 2rem;
}
.news-sec .info {
  font-size: 1.2rem;
  margin-top: 25px;
}
.news-sec .info .cate {
  margin-right: 15px;
}
.news-sec .info .date {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
}
.news-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 70px;
}
.news-list .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 200px;
  grid-template-columns: 1fr 200px;
  -ms-grid-rows: 127px;
  grid-template-rows: 127px;
  gap: 0 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px solid #164332;
  border-radius: 0 !important;
}
.news-list .inner > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.news-list .inner > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.news-list .txtarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  padding-bottom: 30px;
}
.news-list .cardttl {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 1.7rem;
  letter-spacing: 0.22em;
}
.news-list .info {
  font-size: 1.2rem;
  line-height: 1;
  margin-top: 15px;
}
.news-list .cate {
  margin-right: 15px;
}
.news-list .date {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
}
.news-list .imgarea {
  border-radius: 0 !important;
}
.news-list .imgarea img {
  border-radius: 0 !important;
  aspect-ratio: 200/127;
}
@media (max-width: 768px) {
  .news-list {
    gap: 45px;
  }
  .news-list .inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
    gap: 20px;
    border-bottom: none;
  }
  .news-list .inner > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .news-list .imgarea {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .news-list .txtarea {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-bottom: 0;
  }
  .news-list .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .news-list .link {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
    gap: 15px;
    position: relative;
    padding: 20px 10px;
  }
  .news-list .link > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .news-list .date {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .news-list .date .new-mark {
    position: static;
    margin-left: 20px;
  }
}

.form-container .flatpickr-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left !important;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  border: none;
  background-color: #f4f4f4;
  color: #000;
  font-size: 1.6rem;
}
.form-container input[type=text], .form-container input[type=email], .form-container input[type=number] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left !important;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  border: none;
  background-color: #f4f4f4;
  color: #000;
  font-size: 1.6rem;
}
.form-container input[type=text]::-webkit-input-placeholder, .form-container input[type=email]::-webkit-input-placeholder, .form-container input[type=number]::-webkit-input-placeholder {
  color: #ccc;
}
.form-container input[type=text]::-moz-placeholder, .form-container input[type=email]::-moz-placeholder, .form-container input[type=number]::-moz-placeholder {
  color: #ccc;
}
.form-container input[type=text]:-ms-input-placeholder, .form-container input[type=email]:-ms-input-placeholder, .form-container input[type=number]:-ms-input-placeholder {
  color: #ccc;
}
.form-container input[type=text]::-ms-input-placeholder, .form-container input[type=email]::-ms-input-placeholder, .form-container input[type=number]::-ms-input-placeholder {
  color: #ccc;
}
.form-container input[type=text]::placeholder, .form-container input[type=email]::placeholder, .form-container input[type=number]::placeholder {
  color: #ccc;
}
.form-container input[type=text].-short, .form-container input[type=email].-short, .form-container input[type=number].-short {
  max-width: 200px;
}
.form-container select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  border: none;
  background: #f4f4f4 url(assets/svg/icons/arrow_down.svg) right 5px center no-repeat;
  background-size: 8px auto;
  font-size: 1.6rem;
  padding: 0 20px;
  color: #000;
}
.form-container select.-joinnum {
  width: 100%;
  max-width: 100px;
}
.form-container select::-webkit-input-placeholder {
  color: #ccc;
}
.form-container select::-moz-placeholder {
  color: #ccc;
}
.form-container select:-ms-input-placeholder {
  color: #ccc;
}
.form-container select::-ms-input-placeholder {
  color: #ccc;
}
.form-container select::placeholder {
  color: #ccc;
}
@media (max-width: 768px) {
  .form-container select {
    width: 100%;
  }
}
.form-container textarea {
  width: 100%;
  padding: 5px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.form-container.-contact input[type=text], .form-container.-contact input[type=email], .form-container.-contact input[type=number] {
  background-color: #fff;
  border: 1px solid #ccc;
}
.form-container.-contact select {
  background-color: #fff;
  border: 1px solid #ccc;
}
.form-container.-contact textarea {
  border: 1px solid #ccc;
}
.form-container .calendar-block {
  margin-bottom: 40px;
}
.form-container .flatpickr-calendar .flatpickr-current-month .numInputWrapper > .numInput.cur-year {
  height: auto;
  padding: 0;
  background: none;
  text-align: left;
  display: inline;
}
.form-container #dynamicPreviewDate {
  display: none;
}
.form-container .nestxt {
  color: #cf7ba0;
}
.form-container .nesmark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px;
  height: 20px;
  content: "必須";
  color: #fff;
  background-color: #cf7ba0;
  font-size: 1.1rem;
  line-height: 1;
}
.form-container .formnote {
  margin-bottom: 60px;
}
.form-container .bookingnote {
  background-color: #f8f6f1;
  padding: 20px;
  margin-bottom: 40px;
}
.form-container .formttl {
  font-size: clamp(3rem, 4.8vw, 3.6rem);
  margin-bottom: 30px;
  font-weight: normal;
  text-align: center;
}
.form-container .formblock {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: min(30vw, 300px) 1fr;
  grid-template-columns: min(30vw, 300px) 1fr;
  grid-auto-rows: auto;
  margin: auto;
}
@media (max-width: 768px) {
  .form-container .formblock {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.form-container .namearea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px 0;
  font-size: 1.6rem;
  border-top: 1px solid #e8e8e8;
}
.form-container .namearea.-first {
  padding-top: 0;
  border-top: 0;
}
.form-container .namearea.-nes {
  position: relative;
}
.form-container .namearea.-nes::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  width: 50px;
  height: 24px;
  content: "必須";
  color: #fff;
  background-color: #cf7ba0;
  font-size: 1.2rem;
  line-height: 1;
}
.form-container .namearea.-address {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding-top: 62px;
}
.form-container .namearea.-address.-nes::after {
  position: absolute;
  top: 69px;
}
.form-container .namearea.-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.form-container .namearea.-hide {
  display: none;
}
@media (max-width: 768px) {
  .form-container .namearea {
    padding: 25px 0 25px;
  }
  .form-container .namearea.-nes::after {
    position: static;
    margin-left: 10px;
    padding: 2px 5px;
  }
  .form-container .namearea.-address {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 25px 0 25px;
  }
  .form-container .namearea.-address.-nes::after {
    position: static;
    margin-left: 10px;
    padding: 2px 5px;
  }
}
.form-container .inputarea {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  grid-column-gap: 10px;
  position: relative;
  font-size: 1.6rem;
  border-top: 1px solid #e8e8e8;
  padding: 50px 50px 50px 30px;
}
.form-container .inputarea.-first {
  padding-top: 0;
  border-top: 0;
}
.form-container .inputarea.-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.form-container .inputarea.-bdtn {
  border-top: none;
}
.form-container .inputarea.-aic {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-container .inputarea.-vertical {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-row-gap: 20px;
}
.form-container .inputarea.-hide {
  display: none;
}
@media (max-width: 768px) {
  .form-container .inputarea {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 0 0 30px;
    border-top: none;
    grid-column-gap: 0;
  }
  .form-container .inputarea._box02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.form-container .considerul {
  background-color: #f8f6f1;
  padding: 10px;
}
.form-container .placeul {
  background-color: #f8f6f1;
  padding: 10px;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 50%));
  gap: 10px 0;
}
.form-container .movingul {
  background-color: #f8f6f1;
  padding: 10px;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 32%));
  gap: 10px 0;
}
.form-container .eventname {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 60px;
  background-color: #ebe8e3;
  padding: 20px;
}
.form-container.-graybg input[type=text], .form-container.-graybg input[type=email], .form-container.-graybg input[type=number], .form-container.-graybg select, .form-container.-graybg textarea {
  background-color: #fff;
}
.form-container .-confirm .namearea {
  padding: 20px;
}
.form-container .-confirm .inputarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding: 20px;
}
.form-container .sameaddress {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-container .areainner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
.form-container .areainner2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 10px 1fr;
  grid-template-columns: auto 1fr;
  grid-auto-rows: auto;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.form-container .areainner {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100px 0px 1fr 0px 100px 0px 1fr;
  grid-template-columns: 100px 1fr 100px 1fr;
  -ms-grid-rows: 1fr 30px 1fr 30px 1fr;
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-container .areainner > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.form-container .areainner > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.form-container .areainner > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.form-container .areainner > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
.form-container .areainner > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.form-container .areainner > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.form-container .areainner > *:nth-child(7) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
.form-container .areainner > *:nth-child(8) {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
}
.form-container .areainner > *:nth-child(9) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.form-container .areainner > *:nth-child(10) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}
.form-container .areainner > *:nth-child(11) {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
}
.form-container .areainner > *:nth-child(12) {
  -ms-grid-row: 5;
  -ms-grid-column: 7;
}
.form-container .areainner .blc01 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
}
.form-container .areainner .blc02 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/2/3;
}
.form-container .areainner .blc03 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: 1/3/2/4;
}
.form-container .areainner .blc04 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-area: 1/4/2/5;
}
.form-container .areainner .blc05 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 2/1/3/2;
}
.form-container .areainner .blc06 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 3;
  grid-area: 2/2/3/5;
}
.form-container .areainner .blc07 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 3/1/4/2;
}
.form-container .areainner .blc08 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 3;
  grid-area: 3/2/4/5;
}
.form-container .areainner .itemlabel {
  display: block;
}
@media (max-width: 900px) {
  .form-container .areainner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100px 0px 1fr;
    grid-template-columns: 100px 1fr;
    -ms-grid-rows: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 20px;
  }
  .form-container .areainner > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .form-container .areainner > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .form-container .areainner > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .form-container .areainner > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .form-container .areainner > *:nth-child(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .form-container .areainner > *:nth-child(6) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .form-container .areainner > *:nth-child(7) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
  .form-container .areainner > *:nth-child(8) {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
  }
  .form-container .areainner .blc01 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/2/2;
  }
  .form-container .areainner .blc02 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 1/2/2/3;
  }
  .form-container .areainner .blc03 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2/1/3/2;
  }
  .form-container .areainner .blc04 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 2/2/3/3;
  }
  .form-container .areainner .blc05 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 3/1/4/2;
  }
  .form-container .areainner .blc06 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 3/2/4/3;
  }
  .form-container .areainner .blc07 {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 4/1/5/2;
  }
  .form-container .areainner .blc08 {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 4/2/5/3;
  }
}
.form-container .chkul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #f8f6f1;
  padding: 20px;
}
.form-container .chkul > li {
  margin-right: 20px;
}
.form-container .chkul2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: 10px;
  background-color: #f8f6f1;
  padding: 40px 20px;
}
.form-container .chkul3, .form-container .chkul4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 45% 10px 55%;
  grid-template-columns: 45% 55%;
  grid-auto-rows: auto;
  gap: 10px;
  background-color: #f8f6f1;
  padding: 40px 20px;
}
.form-container .chkul4 {
  background-color: #e7e6e1;
}
.form-container .choicecover {
  height: 100%;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.form-container .choicecover.-hide {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
}
.form-container .docsul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-columns: 100px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  padding: 30px;
  background-color: #f8f6f1;
}
.form-container .docsul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .form-container .docsul {
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    padding: 10px;
  }
}
.form-container .joinlist {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, 80px);
  grid-auto-columns: auto;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.form-container .joinlist > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-container .formitem {
  margin-bottom: 10px;
}
.form-container .formitem.-withlabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-container .itemlabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.form-container .itemlabel.blc03 {
  text-align: right;
  padding-right: 10px;
}
@media (max-width: 900px) {
  .form-container .itemlabel.blc03 {
    text-align: left;
    padding-right: 0;
  }
}
.form-container .formbtnarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-container .form-btn {
  width: 270px;
  height: 60px;
}
.form-container .form-btn.-back {
  margin-right: 10px;
}
.form-container .booking-cover {
  width: 100%;
}
.form-container .iqcover {
  border: 1px solid #666;
  padding: 0 40px;
  margin-bottom: clamp(60px / 1.5, 0.135vw * 60, 60px);
}
@media (max-width: 768px) {
  .form-container .iqcover {
    padding: 0 15px;
  }
}
.form-container .privacylink {
  text-decoration: none;
  border-bottom: 1px solid #000;
  margin-right: 3px;
}
.form-container .privacylink:hover {
  text-decoration: none;
  border-bottom: none;
}
.form-container .error {
  position: absolute;
  left: 0;
  top: 95%;
  color: #fff;
  background-color: #f00;
  font-size: 1.2rem;
  line-height: 1;
  padding: 5px 10px;
  border-radius: 4px;
}
.form-container .error::before {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  bottom: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 6.9px 4px;
  border-color: transparent transparent #ff0000 transparent;
}
.form-container .ms-choice {
  border: 1px solid #ccc;
  border-radius: 0;
  width: 100% !important;
  height: 36px;
}
.form-container .ms-choice > span {
  height: 36px;
  line-height: 36px;
}
@media (max-width: 768px) {
  .form-container .chkul, .form-container .chkul2, .form-container .chkul3 {
    display: block !important;
  }
  .form-container .chkul > li, .form-container .chkul2 > li, .form-container .chkul3 > li {
    width: 100%;
    margin-bottom: 5px;
    margin-right: 0;
  }
  .form-container .chkul input[type=checkbox], .form-container .chkul input[type=radio], .form-container .chkul2 input[type=checkbox], .form-container .chkul2 input[type=radio], .form-container .chkul3 input[type=checkbox], .form-container .chkul3 input[type=radio] {
    display: none;
  }
  .form-container .chkul input[type=checkbox] + label, .form-container .chkul input[type=radio] + label, .form-container .chkul2 input[type=checkbox] + label, .form-container .chkul2 input[type=radio] + label, .form-container .chkul3 input[type=checkbox] + label, .form-container .chkul3 input[type=radio] + label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    cursor: pointer;
  }
  .form-container .chkul input[type=checkbox] + label::before, .form-container .chkul input[type=radio] + label::before, .form-container .chkul2 input[type=checkbox] + label::before, .form-container .chkul2 input[type=radio] + label::before, .form-container .chkul3 input[type=checkbox] + label::before, .form-container .chkul3 input[type=radio] + label::before {
    content: "";
    display: inline-block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
    width: 24px;
    height: 24px;
    background: url(assets/svg/icons/icon_check.svg) 0 0 no-repeat;
    background-size: cover;
    margin-right: 10px;
  }
  .form-container .chkul input[type=checkbox]:checked + label, .form-container .chkul input[type=radio]:checked + label, .form-container .chkul2 input[type=checkbox]:checked + label, .form-container .chkul2 input[type=radio]:checked + label, .form-container .chkul3 input[type=checkbox]:checked + label, .form-container .chkul3 input[type=radio]:checked + label {
    background-color: #164332;
    color: #fff;
  }
  .form-container .chkul input[type=checkbox]:checked + label::before, .form-container .chkul input[type=radio]:checked + label::before, .form-container .chkul2 input[type=checkbox]:checked + label::before, .form-container .chkul2 input[type=radio]:checked + label::before, .form-container .chkul3 input[type=checkbox]:checked + label::before, .form-container .chkul3 input[type=radio]:checked + label::before {
    background-position: 100% 0;
  }
}

.flatpickr-calendar .flatpickr-month {
  margin-bottom: 10px;
}
.flatpickr-calendar .flatpickr-current-month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flatpickr-calendar .flatpickr-current-month .cur-month {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-size: 1.6rem;
  font-weight: normal;
  color: #000;
}
.flatpickr-calendar .flatpickr-current-month .cur-month:hover {
  background-color: #fff;
}
.flatpickr-calendar .flatpickr-current-month .numInputWrapper {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}
.flatpickr-calendar .flatpickr-current-month .numInputWrapper:hover {
  background-color: #fff;
}
.flatpickr-calendar .flatpickr-current-month .numInputWrapper > .numInput::after {
  content: "年";
}
.flatpickr-calendar .flatpickr-current-month .numInputWrapper > .numInput.cur-year {
  font-size: 1.6rem;
  color: #000;
}
.flatpickr-calendar .flatpickr-current-month .numInputWrapper .arrowUp,
.flatpickr-calendar .flatpickr-current-month .numInputWrapper .arrowDown {
  display: none;
}
.flatpickr-calendar .dayContainer {
  padding: 0 10px 10px;
}
.flatpickr-calendar .flatpickr-weekdaycontainer {
  padding: 0 10px;
}
.flatpickr-calendar .flatpickr-day {
  font-size: 1.2rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 20px)/7;
          flex: 0 0 calc(100% - 20px)/7;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  border-radius: 0;
  background-color: #0072bc;
  border: 1px solid #fff !important;
  color: #fff;
}
.flatpickr-calendar .flatpickr-day:hover, .flatpickr-calendar .flatpickr-day.selected {
  background-color: #c5498e;
  border: 1px solid #fff;
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled {
  color: #ccc;
  background-color: #eee;
  border: 1px solid #fff;
  cursor: default !important;
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover {
  color: #ccc;
  background-color: #eee;
  border: 1px solid #fff;
  text-decoration: none;
}
.flatpickr-calendar .flatpickr-weekdaycontainer > .flatpickr-weekday:first-of-type {
  color: #f00;
}
.flatpickr-calendar .flatpickr-weekdaycontainer > .flatpickr-weekday:last-of-type {
  color: #00f;
}

.booking-cover {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 40% 10px 30px;
  grid-template-columns: 1fr 40% 30px;
  -ms-grid-rows: 60px;
  grid-template-rows: 60px;
  grid-column-gap: 10px;
}

.booking-cover > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.booking-cover > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.booking-cover > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.booking-cover > .bookinglabel {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 125px;
          flex: 0 0 125px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.booking-cover .bookinginputcover {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 30px;
  grid-template-columns: 1fr 30px;
  gap: 10px;
}
.booking-cover .iconcal {
  width: 30px;
  height: 100%;
  background: url(assets/svg/icons/icon_calendar_check.svg) center center no-repeat;
  background-size: contain;
  cursor: pointer;
}
.booking-cover .icondel {
  width: 25px;
  min-height: 100%;
  background: url(assets/svg/icons/icon_close.svg) center center no-repeat;
  background-size: contain;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.booking-cover .icondel:hover {
  opacity: 0.6;
}
.booking-cover .icondel.-dn {
  visibility: hidden;
}
.booking-cover .bookingtime, .booking-cover .storetime {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 175px;
          flex: 0 0 175px;
}
@media (max-width: 768px) {
  .booking-cover {
    -ms-grid-columns: 1fr 10px 30px;
    grid-template-columns: 1fr 30px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  .booking-cover > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .booking-cover > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .booking-cover .bookinginputcover {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 1/1/2/3;
  }
}

.article-event .ttlm {
  position: relative;
  font-size: 2.4rem;
  font-weight: bold;
  color: #164332;
  background-color: #fff;
  line-height: 1.4;
  padding: 8px 10px 8px 20px;
  margin-top: clamp(80px / 1.5, 0.135vw * 80, 80px);
}
.article-event .ttlm::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 6px;
  background-color: #eb6100;
}
.article-event .ggmap {
  width: 100%;
  height: 300px;
}

.event-date {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, clean, sans-serif;
}
.event-date > .datetxt {
  color: #ac5c0c;
}

.event-selectarea {
  background-color: #dce1e5;
  padding: 10px;
  max-height: 355px;
  overflow: auto;
}
.event-selectarea::-webkit-scrollbar {
  width: 4px;
}
.event-selectarea::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #ced0ca;
}
.event-selectarea > .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 10px;
}
.event-selectarea .datecell {
  background-color: #fff;
}
.event-selectarea .datetime {
  line-height: 1;
  padding: 15px;
  position: relative;
}
.event-selectarea .datetime::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 10px;
  height: 8px;
  background-color: #000;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.event-selectarea .datetime.-datetimeactive {
  cursor: pointer;
}
.event-selectarea .datetime.-datetimeactive:hover {
  opacity: 0.7;
}
.event-selectarea .datetime.-active::after {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.event-selectarea .datetime.-past {
  color: #999;
  background-color: #c5c5c5;
}
.event-selectarea .datetime.-past::after {
  display: none;
}
.event-selectarea .datetime.-past .date, .event-selectarea .datetime.-past .wday {
  color: #999 !important;
}
.event-selectarea .date {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 2rem;
  font-weight: bold;
}
.event-selectarea .date.-sat {
  color: #124a97;
}
.event-selectarea .date.-sun {
  color: #eb6100;
}
.event-selectarea .wday {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1.4rem;
  margin-left: 2px;
}
.event-selectarea .wday.-sat {
  color: #124a97;
}
.event-selectarea .wday.-sun {
  color: #eb6100;
}
.event-selectarea .time {
  font-size: 1.2rem;
  margin-left: 10px;
}
.event-selectarea .ul {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, 56px);
  gap: 10px;
  padding: 5px 15px 10px;
}
.event-selectarea .list {
  width: 100%;
  height: 20px;
}
.event-selectarea .link {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, clean, sans-serif;
  font-size: 1.3rem;
  border-radius: 15px;
  background-color: #fff;
  border: 1px solid #ccc;
}
.event-selectarea .link.-full {
  background-color: #ccc;
}
.event-selectarea .link.-active {
  color: #fff;
  border-color: #3B3832;
  background-color: #3B3832;
}
@media (max-width: 768px) {
  .event-selectarea {
    max-height: unset;
  }
}

.event-twoclm {
  padding: 0 20px;
}
.event-twoclm.-event .rightclm {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/3/3;
}
.event-twoclm .mainclminner {
  padding: 0 20px;
  overflow: hidden;
}
.event-twoclm .mainclm {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 58px 300px;
  grid-template-columns: 1fr 300px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 58px;
  position: relative;
}
.event-twoclm .rightclm {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/3/3;
  position: sticky;
  left: 0;
  top: 80px;
  margin-top: 100px;
}
.event-twoclm .rightclm .link-btn2 .linkbtn {
  width: 100%;
  height: 70px;
  border-radius: 35px;
}
.event-twoclm .rightclm .link-btn2 .linkbtn.-close, .event-twoclm .rightclm .link-btn2 .linkbtn.-disabled {
  color: #999;
  background: #c5c5c5;
  cursor: default;
  border-color: #c5c5c5;
}
.event-twoclm .rightclm .link-btn2 .linkbtn:hover::after {
  border-color: #fff;
}
.event-twoclm .dsttl {
  display: none;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, clean, sans-serif;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 10px;
}
.event-twoclm .bnrimg {
  display: block;
}
.event-twoclm .bnrimg .img {
  display: block;
}
@media (max-width: 768px) {
  .event-twoclm .mainclm {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0px;
  }
  .event-twoclm .rightclm {
    grid-area: unset;
    position: static;
    padding: 0;
    margin-top: 40px;
  }
  .event-twoclm .mainclminner {
    padding: 0;
  }
  .event-twoclm .dsttl {
    display: block;
  }
  .event-twoclm .showroom-bnr {
    display: none;
  }
}

.event-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 6.25% 1fr 6.25% 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px 6.25%;
}
.event-list.-home {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.event-list.-archive {
  gap: 50px 3.4%;
}
@media (max-width: 768px) {
  .event-list {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  .event-list {
    gap: 40px 6.25%;
  }
  .event-list.-archive {
    -ms-grid-columns: 1fr 6% 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 6%;
  }
  .event-list.-archive.-others {
    -ms-grid-columns: 300px !important;
    grid-template-columns: 300px !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.archive-eventcard > .cardinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.archive-eventcard .imgarea {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 10px;
  overflow: hidden;
}
.archive-eventcard .txtarea {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 25px;
}
.archive-eventcard .cardttl {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-size: 2rem;
  line-height: 1.4;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 15px;
}
.archive-eventcard .event-cardinfo {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.archive-eventcard .evperiods {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.2;
  color: #999;
  margin-top: 5px;
}
.archive-eventcard .event-date {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 1.4rem;
  margin-top: 5px;
}
@media (max-width: 640px) {
  .archive-eventcard .cardttl {
    font-size: 1.6rem;
    margin-top: 10px;
  }
  .archive-eventcard .txtarea {
    margin-top: 10px;
  }
}

.event-cardinfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}
.event-cardinfo .evperiods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
}
.event-cardinfo .evperiods .wday {
  font-size: 1.4rem;
}
.event-cardinfo .evperiods .wday.-sat {
  color: #164332;
}
.event-cardinfo .evperiods .wday.-sun {
  color: #eb6100;
}
.event-cardinfo .cate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 55px;
  height: 20px;
  font-size: 1.2rem;
  color: #fff;
  background-color: #000;
  border-radius: 5px;
}
.event-cardinfo .cate.-event {
  background-color: #04a3de;
}
.event-cardinfo .cate.-field_trip {
  background-color: #164332;
}
.event-cardinfo .cate.-experience {
  background-color: #92c09c;
}
.event-cardinfo .cate.-seminar {
  background-color: #8fb3b8;
}
.event-cardinfo .cate.-consultation {
  background-color: #cf7ba0;
}
.event-cardinfo .cate.-others {
  background-color: #000;
}
.event-cardinfo .cate.-new_housing {
  background-color: #164332;
}
.event-cardinfo .cate.-reform {
  background-color: #8fb3b8;
}
.event-cardinfo .status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 55px;
  height: 20px;
  font-size: 1.2rem;
  border-radius: 5px;
}
.event-cardinfo .status.-reserve {
  color: #999;
  border: 1px solid #999;
  background-color: #fff;
}
.event-cardinfo .status.-open {
  color: #000;
  border: 1px solid #000;
  background-color: #fff;
}
.event-cardinfo .status.-close {
  color: #000;
  background-color: #e7e7e7;
}
.event-cardinfo .status.-full {
  color: #fff;
  background-color: #999;
}
.event-cardinfo.-large .cate, .event-cardinfo.-large .status {
  width: auto;
  min-width: 74px;
  height: 27px;
  font-size: 1.6rem !important;
  padding: 0 10px;
}
@media (max-width: 640px) {
  .event-cardinfo {
    gap: 10px 5px;
  }
  .event-cardinfo .evperiods {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .event-cardinfo .evperiods {
    font-size: 1.4rem;
  }
  .event-cardinfo .cate {
    min-width: 50px;
    height: 18px;
    font-size: 1rem !important;
  }
  .event-cardinfo .status {
    width: 50px;
    height: 18px;
    font-size: 1rem !important;
  }
}

.nav-calendar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100px 1fr 100px;
  grid-template-columns: 100px 1fr 100px;
  -ms-grid-rows: 50px;
  grid-template-rows: 50px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background-color: #5e5e5e;
  border-radius: 10px;
  color: #fff;
}

.nav-calendar > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.nav-calendar > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.nav-calendar > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.nav-calendar .monthblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.4rem;
}
.nav-calendar .ctrl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-break: keep-all;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  height: 100%;
  font-size: 2rem;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.nav-calendar .ctrl::before {
  content: "";
  width: 14px;
  height: 14px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.nav-calendar .ctrl.nextmark::before {
  display: none;
}
.nav-calendar .ctrl.nextmark::after {
  content: "";
  width: 14px;
  height: 14px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotateZ(-135deg);
          transform: rotateZ(-135deg);
}
.nav-calendar .ctrl:hover {
  text-decoration: none;
  opacity: 0.6;
}
@media (max-width: 768px) {
  .nav-calendar {
    -ms-grid-columns: 70px 1fr 70px;
    grid-template-columns: 70px 1fr 70px;
  }
  .nav-calendar .monthblock {
    font-size: 1.8rem;
  }
  .nav-calendar .ctrl {
    font-size: 1.4rem;
  }
  .nav-calendar .ctrl.nextmark::after {
    width: 8px;
    height: 8px;
  }
  .nav-calendar .ctrl::before {
    width: 10px;
    height: 10px;
  }
}

.event-calendar {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px;
}
.event-calendar th,
.event-calendar td {
  font-weight: normal;
}
.event-calendar .wdth {
  background-color: #fff;
  height: 50px;
  font-size: 2rem;
  vertical-align: middle;
}
.event-calendar .wdth.-sun {
  color: #164332;
}
.event-calendar .wdth.-sat {
  color: #2f8dbf;
}
.event-calendar .tbody td {
  text-align: center;
  vertical-align: middle;
  height: 90px;
  font-size: 1.6rem;
}
.event-calendar .tbody td.today .tdinner {
  background-color: #efe;
}
.event-calendar .tbody .tdinner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #eff0f2;
}
.event-calendar .tbody .datetxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  height: 30px;
  font-size: 2rem;
  color: #fff;
  background-color: #999;
  border-radius: 50%;
  margin-bottom: 3px;
}
.event-calendar .tbody .datetxt.-none {
  background: none;
  color: #ccc;
}
.event-calendar .tbody .seat {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .event-calendar {
    border-spacing: 1px;
  }
  .event-calendar .wdth {
    height: 30px;
    font-size: 1.6rem;
  }
  .event-calendar .tbody td {
    height: 60px;
    font-size: 1.6rem;
  }
  .event-calendar .tbody .datetxt {
    width: 24px;
    height: 24px;
    font-size: 1.6rem;
  }
  .event-calendar .tbody .seat {
    font-size: 1.6rem;
  }
}

.calendar-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.calendar-info > .list {
  margin-right: 40px;
  font-size: 1.4rem;
}

.eventtime-dl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 22.22% 1fr;
  grid-template-columns: 22.22% 1fr;
  grid-auto-rows: 80px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.eventtime-dl > .dt, .eventtime-dl > .dd {
  border-bottom: 1px solid #C9C9C9;
}
.eventtime-dl > .dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.eventtime-dl > .dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 0 15px 0 clamp(40px, 12vw, 100px);
}
.eventtime-dl .status {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.eventtime-dl .round-btn {
  width: 100%;
  max-width: 200px;
  height: 40px;
}
.eventtime-dl .linkbtn {
  font-size: 1.3rem;
  width: 100%;
  padding: 0 18px;
  height: 100%;
}
.event-timetable {
  background-color: #f8f6f1;
  padding: 60px 0;
}
.event-timetable > .inner {
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #e8e8e8;
  padding: 0 15px;
}
.event-timetable > .inner:first-of-type {
  height: 55px;
}
.event-timetable > .inner.-head {
  color: #fff;
  background-color: #5e5e5e;
  border-radius: 10px;
  height: 60px;
}
.event-timetable .block01 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 39%;
          flex: 0 0 39%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.event-timetable .block01 .time {
  min-width: 120px;
  text-align: center;
}
.event-timetable .block01 .status {
  min-width: 70px;
  text-align: center;
}
.event-timetable .block02 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 61%;
          flex: 0 0 61%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.event-timetable .block02 .btnarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 180px;
  height: 40px;
}
.event-timetable .block02 .linkbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  background-color: #164332;
}
.event-timetable .block02 .linkbtn.-active {
  font-size: 1.4rem;
  line-height: 1.2;
  background-color: #eb6100;
}
.event-timetable .block02 .full {
  width: 100%;
  text-align: center;
}
@media (max-width: 768px) {
  .event-timetable {
    padding: 30px 0;
  }
  .event-timetable > .inner {
    padding: 0;
  }
  .event-timetable .block01 {
    padding: 0;
  }
  .event-timetable .block02 {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    padding: 0;
  }
  .event-timetable .block02 .linkbtn {
    font-size: 1.2rem;
    padding: 0 10px;
  }
}
@media (max-width: 385px) {
  .event-timetable > .inner {
    padding: 0;
    display: block;
    height: auto;
  }
  .event-timetable > .inner.-head {
    height: 40px;
  }
  .event-timetable > .inner.-head .block01 {
    padding-top: 0;
  }
  .event-timetable .block01 {
    padding-top: 15px;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .event-timetable .block02 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 15px;
  }
}

.event-outline {
  background-color: #f8f6f1;
  padding: 50px 20px 50px;
}
.event-outline > .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 5.17% 39.65%;
  grid-template-columns: 1fr 39.65%;
  gap: 40px 5.17%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.event-outline .imgarea {
  width: 100%;
  aspect-ratio: 1/1;
}
.event-outline .imgarea img {
  border-radius: 10px;
}
.event-outline .oltxt {
  font-size: 2.4rem;
  line-height: 1.4;
  padding-left: 6.6rem;
  text-indent: -6.6rem;
}
.event-outline .datetimeadd {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 5px;
  padding-left: 0;
  text-indent: 0;
}
.event-outline .outline {
  background-color: #ece8de;
  border-radius: 10px;
  padding: 25px 30px;
  margin-top: 40px;
}
.event-outline .reservationbtn {
  width: 100%;
  max-width: 300px;
  margin: auto;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #ed4659;
  margin: 30px auto 0;
}
@media (max-width: 768px) {
  .event-outline > .inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .event-outline .imgarea {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/2/2;
    height: auto;
  }
  .event-outline .oltxt {
    font-size: 1.6rem;
    padding-left: 4.3rem;
    text-indent: -4.3rem;
  }
  .event-outline .datetimeadd {
    font-size: 1.2rem;
  }
}

.sec-ohterevents {
  position: relative;
  padding-top: clamp(80px / 1.5, 0.135vw * 80, 80px);
}
.sec-ohterevents::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 335px;
  background-color: #f8f6f1;
}
.sec-ohterevents > .ttl-underbar {
  position: relative;
  z-index: 2;
}
.sec-ohterevents > .otherslist {
  position: relative;
  z-index: 2;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 40px 3.33%;
}

.evet-freelayouts .flttl {
  position: relative;
  font-size: 3rem;
  padding-top: 45px;
  margin-top: clamp(95px / 1.5, 0.135vw * 95, 95px);
}
.evet-freelayouts .flttl::before, .evet-freelayouts .flttl::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 8px;
  background-color: #d4dde2;
}
.evet-freelayouts .flttl::before {
  width: 100%;
  background-color: #d4dde2;
}
.evet-freelayouts .flttl::after {
  width: 150px;
  background-color: #164332;
}
.evet-freelayouts .fltxtarea {
  margin-top: clamp(30px / 1.5, 0.135vw * 30, 30px);
}

.header-eventsingle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 100px;
}
.header-eventsingle > .event-cardinfo {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.header-eventsingle > .event-cardinfo > .cate, .header-eventsingle > .event-cardinfo > .status {
  font-size: 1.2rem;
  margin: 0;
}
.header-eventsingle > .pagettl {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-size: 4rem;
  line-height: 1.3;
  margin-top: 15px;
}
@media (max-width: 768px) {
  .header-eventsingle {
    padding-top: 0px;
  }
  .header-eventsingle > .pagettl {
    font-size: 3rem;
    line-height: 1.5;
  }
}

.event-details > .dl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, clean, sans-serif;
  margin-top: 25px;
}
.event-details .dt, .event-details .dd {
  border-bottom: 1px solid #cbcbcb;
  padding: 20px 10px;
}
.event-details .dt:last-of-type, .event-details .dd:last-of-type {
  border-bottom: none;
}
.event-details .dt {
  border-bottom: none;
  font-weight: bold;
  padding-bottom: 0;
}
.event-details .evdateul > .list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 85px 10px 1fr;
  grid-template-columns: 85px 1fr;
  gap: 10px;
  border-bottom: 1px dotted #ccc;
  padding: 10px 0 10px 5px;
}
.event-details .evdateul > .list:first-of-type {
  padding-top: 0;
}
.event-details .evdateul > .list:last-of-type {
  border-bottom: none;
}
@media (max-width: 768px) {
  .event-details > .inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .event-details > .dl {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .event-details .dt, .event-details .dd {
    padding: 15px 0;
  }
  .event-details .dt {
    border-bottom: none;
    font-weight: bold;
    padding-bottom: 0;
  }
  .event-details .evdateul > .list {
    padding: 10px 0;
  }
  .event-details .imgarea {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/2/2;
  }
}

.event-listcard > .evcardinner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 140px 20px 1fr;
  grid-template-columns: 140px 1fr;
  -ms-grid-rows: 90px;
  grid-template-rows: 90px;
  gap: 20px;
  border-bottom: 1px solid #cbcbcb;
  padding: 20px 0;
}

.event-listcard > .evcardinner > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.event-listcard > .evcardinner > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.event-listcard .imgarea {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
}
.event-listcard .txtarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.event-listcard .evttl {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1.5rem;
  line-height: auto;
}
.event-listcard .ttlsub {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 1.4rem;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.event-listcard .evstatus {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.event-listcard .evstatus .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 70px;
  height: 20px;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, clean, sans-serif;
  font-size: 1.3rem;
  border: 1px solid #aaa;
  margin-right: 10px;
}
.event-listcard .evstatus .list.-evtype {
  color: #fff;
}
.event-listcard .evstatus .list.-event {
  background-color: #eb6100;
  border-color: #eb6100;
}
.event-listcard .evstatus .list.-seminar {
  background-color: #cf7ba0;
  border-color: #cf7ba0;
}
.event-listcard .evstatus .list.-fieldtrips {
  background-color: #124a97;
  border-color: #124a97;
}
.event-listcard .evstatus .list.-others {
  background-color: #666;
  border-color: #666;
}
.event-listcard .evperiod {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  line-height: 1;
  color: #aaa;
}
@media (max-width: 768px) {
  .event-listcard > .evcardinner {
    -ms-grid-columns: 100px 15px 1fr;
    grid-template-columns: 100px 1fr;
    -ms-grid-rows: 75px;
    grid-template-rows: 75px;
    gap: 15px;
  }
  .event-listcard > .evcardinner > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .event-listcard > .evcardinner > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .event-listcard .evttl {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .event-listcard .evperiod {
    font-size: 1.2rem;
  }
}

.event-archive > .category-type {
  width: 100%;
  max-width: 800px;
  margin: auto;
  margin-bottom: clamp(60px / 1.5, 0.135vw * 60, 60px);
}
.event-archive .ttlm {
  font-size: clamp(2.4rem, 4vw, 3rem);
  text-align: center;
  margin-bottom: clamp(50px / 1.5, 0.135vw * 50, 50px);
}
.event-archive .event-list2 {
  width: 100%;
  max-width: 930px;
  margin: auto;
  margin-bottom: clamp(70px / 1.5, 0.135vw * 70, 70px);
}
.event-archive .othersttl {
  text-align: center;
  font-weight: normal;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .event-archive .othersttl {
    margin-bottom: 55px;
  }
}

.event-select {
  border: 1px solid #666;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "source-han-serif-japanese", serif;
  padding: 30px 45px;
}
.event-select .innerdl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 190px 1fr;
  grid-template-columns: 190px 1fr;
}
.event-select .innerdl > .dt {
  padding-left: 20px;
  margin-top: 6px;
}
.event-select .eventdate {
  display: block;
  width: 295px;
  height: 40px;
  color: #000;
  background: #fff url(assets/svg/icons/icon_seldown.svg) right 12px center no-repeat;
  background-size: 15px 9px;
  border: 1px solid #000;
  padding-left: 15px;
}
.event-select .note {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, clean, sans-serif;
  font-size: 1.2rem;
  padding-left: 1.2rem;
  text-indent: -1.2rem;
  margin-top: 10px;
}
.event-select .selecttb {
  width: 100%;
  margin-top: 15px;
  border-bottom: 1px dashed #000;
}
.event-select .selecttb .thead .th {
  font-weight: normal;
  text-align: left;
  padding-left: 20px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.event-select .selecttb .thead .th.-th2 {
  padding-left: 0;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.event-select .selecttb .td {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.event-select .selecttb .td.-td1 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
  padding-left: 20px;
}
.event-select .selecttb .td, .event-select .selecttb .th {
  border-top: 1px dashed #000;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.event-select .selecttb .thead .tr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 190px 1fr 1fr;
  grid-template-columns: 190px 1fr 1fr;
  -ms-grid-rows: 60px;
  grid-template-rows: 60px;
}
.event-select .selecttb .thead .tr > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.event-select .selecttb .thead .tr > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.event-select .selecttb .thead .tr > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.event-select .selecttb .tbody .tr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 190px 1fr 1fr;
  grid-template-columns: 190px 1fr 1fr;
  -ms-grid-rows: 60px;
  grid-template-rows: 60px;
}
.event-select .selecttb .tbody .tr > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.event-select .selecttb .tbody .tr > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.event-select .selecttb .tbody .tr > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.event-select .statusnote {
  margin-top: 20px;
  padding-left: 20px;
}
.event-select .linkbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 185px;
  height: 40px;
  color: #fff;
  background-color: #ac5c0c;
}
@media (max-width: 768px) {
  .event-select .innerdl {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .event-select .innerdl > .dt {
    padding-left: 0;
    margin-top: 0;
  }
  .event-select .eventdate {
    width: 100%;
  }
  .event-select .selecttb {
    margin-top: 30px;
    border-bottom: 1px dashed #000;
  }
  .event-select .selecttb .thead .th {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 0;
  }
  .event-select .selecttb .td {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .event-select .selecttb .td.-td1 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
    padding-left: 0;
  }
  .event-select .selecttb .td, .event-select .selecttb .th {
    border: none;
  }
  .event-select .selecttb .thead .tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 190px 1fr;
    grid-template-columns: 190px 1fr;
    border-top: 1px dashed #000;
    border-bottom: 1px dashed #000;
  }
  .event-select .selecttb .thead .tr .-th3 {
    display: none;
  }
  .event-select .selecttb .tbody .tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 190px 0 1fr;
    grid-template-columns: 190px 1fr;
    -ms-grid-rows: 40px 0 80px;
    grid-template-rows: 40px 80px;
    gap: 0 0;
  }
  .event-select .selecttb .tbody .tr > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .event-select .selecttb .tbody .tr > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .event-select .selecttb .tbody .tr > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .event-select .selecttb .tbody .tr > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .event-select .selecttb .linktd {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 2/1/3/3;
    border-bottom: 1px dashed #000;
  }
}

.company-intro {
  background-color: #ebf3f4;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 5.2% 52%;
  grid-template-columns: 1fr 52%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px 5.2%;
  padding: 50px;
  border-radius: 10px;
}
.company-intro .fig {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.company-intro .fig .cap {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem;
  color: #8fb3b8;
  background-color: #ebf3f4;
  border-radius: 10px 0 0 0;
}
@media (max-width: 768px) {
  .company-intro {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: 20px;
  }
}

.company-message {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 50px 300px;
  grid-template-columns: 1fr 300px;
  grid-column-gap: 50px;
}
.company-message .fig {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, clean, sans-serif;
}
.company-message .fig .name {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "source-han-serif-japanese", serif;
  font-size: 2.4rem;
}
.company-message .fig .en {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1.8rem;
  font-weight: normal;
  color: #ac5c0c;
}
.company-message .presidentname {
  font-size: 1.8rem;
  text-align: right;
}
@media (max-width: 768px) {
  .company-message {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 40px auto;
    grid-template-rows: repeat(2, auto);
    grid-column-gap: 0;
    grid-row-gap: 40px;
    justify-items: center;
  }
  .company-message > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .company-message > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .company-message .imgblock {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/2/2;
  }
}

.sec-company > .secinner {
  position: relative;
  padding-right: 360px;
  min-height: 300px;
}
.sec-company .scttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sec-company .scttl > .ttltxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 240px;
  height: 50px;
  font-size: 2.4rem;
  color: #fff;
  background-color: #8fb3b8;
  border-radius: 25px;
  padding: 0 55px;
}
.sec-company .greeting {
  font-size: 1.8rem;
  line-height: 2.78;
}
.sec-company .signature {
  font-size: 1.8rem;
  text-align: center;
}
.sec-company .signature .name {
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .sec-company > .secinner {
    padding-right: 0;
  }
  .sec-company .greeting {
    font-size: 1.6rem;
    line-height: 2;
  }
  .sec-company .scttl > .ttltxt {
    min-width: 200px;
    padding: 0 35px;
    height: 44px;
    font-size: 2.1rem;
    border-radius: 22px;
  }
}

.history-dl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 150px 1fr;
  grid-template-columns: 150px 1fr;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 34px;
  margin-bottom: 33px;
}
.history-dl:last-of-type {
  margin-bottom: 0;
}
.history-dl > .dt, .history-dl > .dd {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, clean, sans-serif;
}
.history-dl > .dt {
  padding-left: 30px;
  padding-right: 20px;
}
.history-dl > .dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.history-dl .dtinner {
  display: -ms-grid;
  display: grid;
  place-content: end;
}
.history-dl .ddinner {
  width: 100%;
  max-width: 660px;
  display: -ms-grid;
  display: grid;
  place-content: start;
}
@media (max-width: 640px) {
  .history-dl {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .history-dl > .dt {
    font-weight: bold;
    padding: 0;
  }
  .history-dl > .dd :last-of-type {
    padding-bottom: 15px;
  }
  .history-dl .dtinner {
    place-content: start;
  }
}

.greetings-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 6.25% 37.5%;
  grid-template-columns: 1fr 37.5%;
  gap: 6.25%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.greetings-content.-rev {
  -ms-grid-columns: 37.5% 1fr;
  grid-template-columns: 37.5% 1fr;
}
.greetings-content.-rev > .imgarea {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
}
@media (max-width: 768px) {
  .greetings-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .greetings-content.-rev {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .greetings-content.-rev > .imgarea {
    grid-area: unset;
  }
}

.president-msg {
  padding: 50px 20px 0;
}
.president-msg > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.president-msg .imgarea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 265px;
          flex: 0 0 265px;
  margin-right: 50px;
}
.president-msg .signature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.president-msg .signature .txt {
  line-height: 1.5;
}
.president-msg .signature .signatureimg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 204px;
          flex: 0 0 204px;
  height: 81px;
}
.president-msg .msg {
  font-size: 1.4rem;
  line-height: 1.75;
  margin-top: 25px;
}
@media (max-width: 768px) {
  .president-msg {
    padding-bottom: 40px;
  }
  .president-msg > .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .president-msg .imgarea {
    width: 70%;
    max-width: 350px;
    margin: auto;
  }
  .president-msg .signature {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 40px;
  }
}

.sec-privacy .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  border-radius: 50%;
  border: 1px solid #000;
}
.sec-privacy > .spttl {
  font-size: 2rem;
  letter-spacing: 0.22em;
  text-align: left;
  margin-bottom: 15px;
}
.sec-privacy .txt01 {
  letter-spacing: 0.08em;
  line-height: 2.2;
}
.sec-privacy > .ppttl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 54px 20px 1fr;
  grid-template-columns: 54px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  font-size: 2rem;
  letter-spacing: 0.15em;
  margin-top: 42px;
  margin-bottom: 4px;
}
.sec-privacy > .ppttl .num {
  width: 54px;
  height: 54px;
  font-size: 1.8rem;
}
.sec-privacy > .ppol {
  margin-top: 0px;
  margin-left: 75px;
}
.sec-privacy > .ppol > .list {
  font-size: 1.4rem;
  margin-bottom: 20px;
}
.sec-privacy > .ppol .noindent {
  padding-left: 0;
  text-indent: 0;
}
.sec-privacy > .ppol .withnum {
  position: relative;
  letter-spacing: 0.075em;
  line-height: 2.2;
  padding-left: 26px;
}
.sec-privacy > .ppol .num02 {
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
  font-size: 1.5rem;
  font-weight: 500;
}
.sec-privacy .pptxt {
  font-size: 1.4rem;
  letter-spacing: 0.075em;
  line-height: 2.2;
  margin-left: 74px;
}
.sec-privacy .pptxt.-aj01 {
  letter-spacing: 0.08em;
}
.sec-privacy .txt {
  font-size: 1.4rem;
}
.sec-privacy .ppol02 {
  margin-top: 20px;
  margin-bottom: 15px;
  margin-left: 25px;
}
.sec-privacy .ppol02 > .list {
  position: relative;
  letter-spacing: 0.075em;
  line-height: 1.75;
  padding-left: 47px;
  min-height: 26px;
  margin-bottom: 7px;
}
.sec-privacy .ppol02 > .list > .num {
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  font-size: 1.1rem;
}
.sec-privacy .note {
  font-size: 1.1rem;
  letter-spacing: 0.075em;
}
.sec-privacy .indent {
  padding-left: 20px;
  text-indent: 0;
  margin-top: 15px;
}
.sec-privacy .ppdl {
  margin-left: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.sec-privacy .ppdl > .dd {
  margin-bottom: 5px;
}
.sec-privacy .ppdl > .dd::before {
  content: "・";
  padding-left: 0.54em;
  text-indent: -0.54em;
}
.sec-privacy .ppcontact {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 218px;
  grid-template-columns: 1fr 218px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 1.4rem;
  border: 1px solid #000;
  padding: 70px 75px;
  margin-left: 75px;
}
.sec-privacy .ppcontact .txtarea {
  line-height: 1.5;
}
.sec-privacy .ppcontact .company {
  font-size: 1.6rem;
  letter-spacing: 0.22em;
  line-height: 2.2;
}
.sec-privacy .ppcontact .link-btn2 .linkbtn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 218px;
          flex: 0 0 218px;
  min-width: unset;
  height: 32px;
}
@media (max-width: 768px) {
  .sec-privacy > .ppol {
    margin-left: 10px;
  }
  .sec-privacy .pptxt {
    margin-left: 10px;
  }
  .sec-privacy .ppol02 {
    margin-left: 25px;
  }
  .sec-privacy .ppol02 > .list {
    padding-left: 35px;
  }
  .sec-privacy .indent {
    padding-left: 20px;
  }
  .sec-privacy .ppdl {
    margin-left: 0;
  }
  .sec-privacy .ppcontact {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 15px;
    margin-left: 0;
  }
}

.article-staff .cmn-list {
  margin-top: 130px;
}
.article-staff .nav-pagenation {
  margin-top: 100px;
}

.staff-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.staff-card .imgarea {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  width: 100%;
  aspect-ratio: 135/124;
  border-radius: 5px;
  position: relative;
}
.staff-card .imgarea img {
  -o-object-position: center top;
     object-position: center top;
}
.staff-card .imgarea .dept {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 31px;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.2rem;
  letter-spacing: 0.2em;
  color: #fff;
  background-color: #164332;
}
.staff-card .txtarea {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 15px;
}
.staff-card .cardttl {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 2rem;
  letter-spacing: 0.22em;
  line-height: 1.2;
  margin-top: 10px;
}
.staff-card .en {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.17em;
  font-size: 1.2rem;
  font-weight: 400;
  margin-top: 5px;
}
.staff-card .position {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  font-size: 1.4rem;
  letter-spacing: 0.22em;
}

.staff-mdw > .inner {
  width: 100%;
  max-width: 850px;
  margin: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 56% 5.6% 1fr;
  grid-template-columns: 56% 1fr;
  gap: 0 5.6%;
}
.staff-mdw .leftclm {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
}
.staff-mdw .txtarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #fff;
}
.staff-mdw .dept {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  min-width: 150px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33px;
          flex: 0 0 33px;
  height: 33px;
  font-size: 1.2rem;
  background-color: #164332;
  padding: 0 15px;
  border-radius: 3px;
}
.staff-mdw .position {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  letter-spacing: 0.3em;
  margin-top: 25px;
}
.staff-mdw .name {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 2rem;
  letter-spacing: 0.2em;
  margin-top: 10px;
}
.staff-mdw .en {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.15em;
  font-size: 1.2rem;
}
.staff-mdw .licenseul {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  margin-top: 17px;
}
.staff-mdw .licenseul .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.25em;
  margin-bottom: 4px;
}
.staff-mdw .licenseul .list::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10px;
          flex: 0 0 10px;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  border-radius: 50%;
  margin-right: 5px;
}
.staff-mdw .msg {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  letter-spacing: 0.02em;
  line-height: 2.2;
  margin-top: 25px;
}
.staff-mdw .msg a {
  color: #fff;
}
.staff-mdw .imgarea {
  height: 387px;
}
.staff-mdw .imgarea img {
  -o-object-position: center top;
     object-position: center top;
  border-radius: 5px;
}
.staff-mdw .single-btmnav {
  -ms-grid-columns: 1fr auto 1fr;
  grid-template-columns: 1fr auto 1fr;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 0;
  margin-top: 50px;
  border-top: none;
}
.staff-mdw .single-btmnav .backlink {
  display: block;
  color: white;
  text-align: center;
}
.staff-mdw .single-btmnav .block {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.staff-mdw .single-btmnav .block.-next {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.staff-mdw .single-btmnav .block a {
  letter-spacing: 0.2em;
  color: white;
}
.staff-mdw .single-btmnav .block a::after, .staff-mdw .single-btmnav .block a::before {
  -webkit-filter: brightness(20);
          filter: brightness(20);
}
@media (max-width: 768px) {
  .staff-mdw > .inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 40px;
    position: relative;
    padding-bottom: 40px;
  }
  .staff-mdw .single-btmnav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

.profile-tb {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 240px 0 1fr;
  grid-template-columns: 240px 1fr;
  gap: 0 0;
}
.profile-tb > .dt,
.profile-tb > .dd {
  padding: 14px 0;
  border-bottom: 1px dashed #ccc;
}
.profile-tb > .dt:last-of-type,
.profile-tb > .dd:last-of-type {
  border-bottom: none;
}
.profile-tb > .dt {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .profile-tb {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .profile-tb > .dt {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0;
    border-bottom: none;
    font-weight: bold;
  }
  .profile-tb > .dd {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.staff-header {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(234, 242, 243)), color-stop(50%, rgb(234, 242, 243)), color-stop(50%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
  background: linear-gradient(0deg, rgb(234, 242, 243) 0%, rgb(234, 242, 243) 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
  position: relative;
}
.staff-header::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 59px);
  width: 100%;
  height: 60px;
  background: url(assets/img/cmn/bgwave_skb.png) 0 0 repeat-x;
  background-size: auto 60px;
}
.staff-header > .inner {
  position: relative;
  height: 500px;
  border-radius: 10px;
  overflow: hidden;
}
.staff-header .shttl {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 240px;
  height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ebf3f4;
  border-radius: 10px 0 10px 0;
  font-size: 2.4rem;
  line-height: 1;
  text-align: left;
}
.staff-header .shttl .hinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.staff-header .shttl .en {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.15em;
  font-size: 1.2rem;
  margin-top: 14px;
}
.staff-header .shttl .position {
  font-size: 1.4rem;
  margin-top: 19px;
}
.staff-header .imgarea {
  height: 100%;
}
@media (max-width: 768px) {
  .staff-header > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
  }
  .staff-header .shttl {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: static;
    width: 100%;
    height: auto;
    margin-top: 25px;
    background-color: #d8e4e6;
    border-radius: 10px;
    padding: 20px 25px;
  }
  .staff-header .shttl .position {
    margin-top: 15px;
  }
  .staff-header .imgarea {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: 100%;
    height: unset;
    aspect-ratio: 16/9;
    border-radius: 10px;
    overflow: hidden;
  }
}

.staff-related {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 6.25% 550px;
  grid-template-columns: 1fr 550px;
  gap: 60px 6.25%;
}
.staff-related .srttl {
  font-size: clamp(2.1rem, 3.2vw, 2.4rem);
  position: relative;
  line-height: 1;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.staff-related .srttl::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 3px;
  background-color: #000;
}
.staff-related .staffblog {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.staff-related .bloglink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 1;
  padding: 20px;
  border-bottom: 1px solid #e8e8e8;
}
.staff-related .bloglink:hover {
  text-decoration: none;
  background-color: #ebf3f4;
}
.staff-related .blogttl {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 2rem;
  margin-bottom: 10px;
}
.staff-related .workspost {
  display: block;
  border-radius: 10px;
  padding: 20px 20px 40px 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.staff-related .workspost img {
  border-radius: 10px;
}
.staff-related .workspost:hover {
  text-decoration: none;
  background-color: #ebf3f4;
}
.staff-related .worksimg {
  width: 100%;
  height: 290px;
  border-radius: 10px;
  overflow: hidden;
}
.staff-related .workttl {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 2rem;
  line-height: 1;
  margin-top: 20px;
}
.staff-related .swiper {
  overflow: hidden;
  padding-bottom: 5px;
  position: relative;
}
.staff-related .swiper .swiper-button-next:after, .staff-related .swiper .swiper-button-prev:after {
  font-size: 2.6rem;
  color: #124a97;
  position: absolute;
  top: calc(50% - 26px) !important;
}
@media (max-width: 940px) {
  .staff-related {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .staff-related .worksimg {
    height: unset;
    aspect-ratio: 16/9;
    max-width: 100%;
  }
  .staff-related .swiper {
    margin: auto;
    width: 90vw;
    max-width: 100%;
  }
}

.staff-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  line-height: 1;
  position: relative;
}
.staff-author .thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.staff-author .name {
  padding-right: 10px;
  border-right: 1px solid #000;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  max-width: 125px;
}
@media (max-width: 768px) {
  .staff-author {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 1.2rem;
  }
  .staff-author .name {
    font-size: 1.4rem;
  }
  .staff-author .cate {
    font-size: 1.2rem;
    padding-left: 0.6em;
    text-indent: -0.6em;
  }
}

.article-blog .blog-nav {
  margin-top: 40px;
}
.article-blog .blognavarea {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
  margin-top: 100px;
  position: relative;
}
.article-blog .blognavarea .blog-oldnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  bottom: calc(100% - 20px);
}
.article-blog .blog-oldnav {
  display: none;
}
.article-blog .cmn-navmenu.-full {
  width: 100%;
}
.article-blog .mainclm {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
  margin-top: 100px;
}
.article-blog .bloglist-head {
  display: none;
}
.article-blog .statictxt {
  width: 100%;
  max-width: 700px;
  margin: auto;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 45px 0;
  margin-top: 70px;
}
.article-blog .blog-author {
  width: 100%;
  max-width: 700px;
  margin: auto;
}
.article-blog .single-btmnav {
  margin-top: 100px;
}
.article-blog .nav-pagenation {
  width: calc(100% - 40px);
  max-width: 1000px !important;
  margin: auto;
  margin-top: 60px;
}
@media (max-width: 768px) {
  .article-blog .blognavarea .cmn-navmenu .ul {
    width: 100% !important;
  }
  .article-blog .blognavarea .blog-oldnav {
    display: none;
  }
  .article-blog .blog-oldnav {
    width: calc(100% - 40px);
    max-width: 800px !important;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .article-blog .single-btmnav {
    border-top: none;
    margin-top: 0;
    padding-top: 87px;
  }
  .article-blog .nav-pagenation {
    margin-bottom: 60px;
  }
  .article-blog .nav-pagenation .wp-pagenavi {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .article-blog .nav-pagenation .page {
    letter-spacing: 0;
  }
}

.blog-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-nav > .oldblog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-nav > .oldblog .navttl {
  font-size: 1.3rem;
  text-align: center;
  line-height: 1;
  padding: 0 20px;
  background-color: #edece9;
  -webkit-transform: translateY(7px);
          transform: translateY(7px);
}
.blog-nav > .oldblog .cate-list {
  padding: 20px 25px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .blog-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .blog-nav > .oldblog {
    margin-top: 30px;
  }
}

.blog-oldnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-oldnav .navttl {
  font-size: 1.3rem;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 0 20px;
  background-color: #edece9;
  -webkit-transform: translateY(7px);
          transform: translateY(7px);
}
.blog-oldnav .listcover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 226px;
  height: 88px;
  padding: 10px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.blog-oldnav .cate-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
@media (max-width: 768px) {
  .blog-oldnav .listcover {
    width: 100%;
    max-width: 335px;
  }
}

.blogcate-ctrl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 12px 20px 1fr 20px 12px;
  grid-template-columns: 12px 1fr 12px;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.blogcate-ctrl .ctrl {
  height: 12px;
  font-size: 0;
  background: url(assets/img/cmn/arrow_left.svg) left center no-repeat;
  background-size: auto 100%;
}
.blogcate-ctrl .ctrl.-rightmove {
  scale: -1 1;
}
.blogcate-ctrl .center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: 24px;
  overflow: hidden;
  position: relative;
}
.blogcate-ctrl .blog-terms {
  position: relative;
  width: auto;
}
@media (max-width: 768px) {
  .blogcate-ctrl {
    display: block;
  }
  .blogcate-ctrl .ctrl {
    display: none;
  }
  .blogcate-ctrl .center {
    height: auto;
  }
}

.blog-terms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  position: relative;
  width: auto;
}
.blog-terms .list {
  display: -ms-grid;
  display: grid;
  place-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  min-width: 77px;
  font-size: 1.2rem;
  white-space: nowrap;
  padding: 0 10px;
  border-radius: 12px;
  border: 1px solid #000;
}
.blog-terms .list.-type {
  color: #fff;
  background-color: #164332;
}
@media (max-width: 768px) {
  .blog-terms {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px 5px;
  }
}

.blog-twoclm {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 300px;
  grid-template-columns: 1fr 300px;
  gap: 60px;
}
.blog-twoclm > .mainclm {
  overflow: hidden;
}
.blog-twoclm .bloglist-head {
  margin-bottom: 20px;
}
.blog-twoclm .oldcontent h2 {
  font-size: 2.6rem;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
}
.blog-twoclm .oldcontent p {
  margin-top: 20px;
  margin-bottom: 20px;
}
.blog-twoclm .blogtopbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 300px;
  height: 60px;
  color: #164332;
  font-weight: bold;
  background-color: #fff;
  position: relative;
}
.blog-twoclm .blogtopbtn::after {
  display: block;
  content: "";
  position: absolute;
  right: 12px;
  top: calc(50% - 7px);
  width: 7px;
  height: 7px;
  border-right: 2px solid #164332;
  border-bottom: 2px solid #164332;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.blog-twoclm .sidettl {
  font-size: 2rem;
  line-height: 1;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 10px;
  margin-top: 40px;
}
.blog-twoclm .sidettl:first-of-type {
  margin-top: 0;
}
.blog-twoclm .sidettl.-tagttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.blog-twoclm .works-taglist.-column {
  max-height: 70px;
}
.blog-twoclm .blogheader {
  margin-bottom: clamp(30px / 1.5, 0.135vw * 30, 30px);
}
.blog-twoclm .blogttl {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "source-han-serif-japanese", serif;
  font-size: clamp(2rem, 4vw, 2.8rem);
  letter-spacing: 3px;
  line-height: 1.4;
  margin-bottom: 10px;
}
.blog-twoclm .blogdate {
  font-size: 1.6rem;
  letter-spacing: 2px;
}
.blog-twoclm .blog-card:last-of-type {
  margin-bottom: 80px;
}
.blog-twoclm .wp-pagenavi {
  margin-top: 80px;
}
.blog-twoclm .blog-menu {
  margin-bottom: 30px;
}
.blog-twoclm .seachbox {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 55px;
  grid-template-columns: 1fr 55px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  gap: 10px;
  margin-bottom: 50px;
}
.blog-twoclm .seachbox > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.blog-twoclm .seachbox > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.blog-twoclm .searchfield {
  display: inline-block;
  border-radius: 0 !important;
  border: 1px solid #cbcbcb;
  font-size: 1.6rem;
  padding: 0 5px;
  min-width: 0;
  height: 100%;
  background-color: #fff;
}
.blog-twoclm .searchfield::-webkit-input-placeholder {
  color: #ccc;
}
.blog-twoclm .searchfield::-moz-placeholder {
  color: #ccc;
}
.blog-twoclm .searchfield:-ms-input-placeholder {
  color: #ccc;
}
.blog-twoclm .searchfield::-ms-input-placeholder {
  color: #ccc;
}
.blog-twoclm .searchfield::placeholder {
  color: #ccc;
}
.blog-twoclm .searchsubmit {
  -webkit-appearance: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  background-color: #fff;
  border: 1px solid #ccc;
  font-size: 1.6rem;
  line-height: 1;
  height: 100%;
  cursor: pointer;
}
.blog-twoclm .hd-blogsingle {
  margin-bottom: 50px;
}
.blog-twoclm .oldtype {
  overflow: hidden;
}
.blog-twoclm .oldtype img, .blog-twoclm .oldtype iframe {
  max-width: 100% !important;
  margin-top: 30px;
}
.blog-twoclm .oldtype p {
  margin-top: 30px;
}
.blog-twoclm .oldtype p img, .blog-twoclm .oldtype p iframe {
  display: block;
  margin: 30px auto;
}
@media (max-width: 1024px) {
  .blog-twoclm {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 80px;
  }
  .blog-twoclm.-archive > .sideclm {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/2/2;
    margin-bottom: 0;
  }
  .blog-twoclm .seachbox {
    -ms-grid-rows: 40px;
    grid-template-rows: 40px;
  }
  .blog-twoclm .category-dd {
    margin-bottom: clamp(60px / 1.5, 0.135vw * 60, 60px);
  }
  .blog-twoclm .works-tagall {
    border: none;
  }
}

.blog-menu {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, clean, sans-serif;
}
.blog-menu .list,
.blog-menu .cat-item {
  position: relative;
  padding-left: 10px;
  margin-top: 5px;
}
.blog-menu .list::before,
.blog-menu .cat-item::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 11px;
  width: 6px;
  height: 7px;
  background-color: #8fb3b8;
  clip-path: polygon(0 0, 0% 100%, 80% 50%);
  margin-right: 10px;
}
.blog-menu a.-current {
  font-weight: bold;
}
.blog-menu .current-cat > a {
  font-weight: bold;
}
.blog-menu.-arhcive .ctrlbtn {
  position: absolute;
  display: block;
  right: 0;
  top: 5px;
  width: 23px;
  height: 23px;
  border: 1px solid #8fb3b8;
  background-color: #8fb3b8;
}
.blog-menu.-arhcive .ctrlbtn::before {
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  top: 5px;
  width: 2px;
  height: 12px;
  background-color: #fff;
}
.blog-menu.-arhcive .ctrlbtn::after {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 10px;
  width: 12px;
  height: 2px;
  background-color: #fff;
}
.blog-menu.-arhcive .ctrlbtn.-active {
  background-color: #fff;
}
.blog-menu.-arhcive .ctrlbtn.-active::before {
  display: none;
}
.blog-menu.-arhcive .ctrlbtn.-active::after {
  background-color: #8fb3b8;
}
.blog-menu .monsthul {
  display: none;
  margin-left: 20px;
  padding-bottom: 15px;
}
.blog-menu .monsthul.-active {
  display: block;
}
.blog-menu .postul {
  display: none;
  margin-left: 20px;
  padding-bottom: 15px;
}
.blog-menu .postul.-active {
  display: block;
}
.blog-menu .postul .list {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media (max-width: 768px) {
  .blog-menu .list, .blog-menu .cat-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .blog-menu .list::before, .blog-menu .cat-item::before {
    top: 17px;
  }
  .blog-menu > .list, .blog-menu > .cat-item {
    border-bottom: 1px solid #f8f6f1;
  }
  .blog-menu a:not(.ctrlbtn) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .blog-menu .monsthul {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .blog-menu.-arhcive .ctrlbtn {
    right: 0;
    top: 5px;
    width: 30px;
    height: 30px;
  }
  .blog-menu.-arhcive .ctrlbtn::before {
    content: "";
    display: block;
    position: absolute;
    left: 14px;
    top: 5px;
    width: 2px;
    height: 20px;
    background-color: #fff;
  }
  .blog-menu.-arhcive .ctrlbtn::after {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 14px;
    width: 20px;
    height: 2px;
    background-color: #fff;
  }
  .blog-menu.-arhcive .ctrlbtn.-active::before {
    display: none;
  }
}

.archive-bloglist {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 50px 0;
}
@media (max-width: 600px) {
  .archive-bloglist {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 75px 0;
  }
}

.blog-card {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 240px 40px 1fr;
  grid-template-columns: 240px 1fr;
  gap: 35px 40px;
  padding: 50px 0;
}
.blog-card .imgarea {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 66.7%;
}
.blog-card .imgarea > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.blog-card .link-btn {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: 2/1/3/3;
}
.blog-card .txtarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.blog-card .bcttl {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 2.4rem;
  line-height: 1.5;
}
.blog-card .cardinfo {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  line-height: 1;
  margin-bottom: 10px;
}
.blog-card .date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 85px;
          flex: 0 0 85px;
  font-size: 1.6rem;
  margin-right: 5px;
}
.blog-card .excerpt {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 1.6;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, clean, sans-serif;
  margin-top: 15px;
}
.blog-card .cate {
  color: #ac5c0c;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0;
  margin-left: 5px;
}
@media (max-width: 640px) {
  .blog-card {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .blog-card:first-of-type {
    border-top: none;
  }
  .blog-card .imgarea {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 70%;
  }
  .blog-card .imgarea > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .blog-card .link-btn {
    grid-area: unset;
  }
}

.blog-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 37px 10px 80px 10px 1fr;
  grid-template-columns: 37px 80px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  min-height: 37px;
}
.blog-info.-noauthor {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
@media (max-width: 768px) {
  .blog-info {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .blog-info .authorimg,
  .blog-info .authorname {
    display: none;
  }
}

.archive-blogcard {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 264px;
  grid-template-columns: 1fr 264px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-bottom: 1px solid #000;
}
.archive-blogcard .imgarea {
  aspect-ratio: 11/7;
  border-radius: 0 !important;
}
.archive-blogcard .txtarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 50px;
  padding-bottom: 20px;
}
.archive-blogcard .cardinfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
  min-height: 40px;
}
.archive-blogcard .cate {
  color: #8fb3b8;
}
.archive-blogcard .cardttl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px auto;
  grid-template-columns: 1fr auto;
  gap: 10px;
}
.archive-blogcard .cardttl .ttltxt {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 1.7rem;
}
.archive-blogcard .cardttl .date {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0em;
  font-size: 1.2rem;
  font-weight: 300;
}
.archive-blogcard .cardttl .hdauthor {
  display: none;
}
.archive-blogcard .excerpt {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 2.2;
  letter-spacing: 0.08em;
  margin-top: 10px;
}
.archive-blogcard .blog-info {
  margin-top: 17px;
}
.archive-blogcard .authorimg {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  overflow: hidden;
}
.archive-blogcard .authorname {
  font-size: 1.2rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .archive-blogcard {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 50px;
    border-bottom: none;
    padding-bottom: 0;
  }
  .archive-blogcard .imgarea {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .archive-blogcard .txtarea {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-right: 0;
  }
  .archive-blogcard .cardttl {
    -ms-grid-columns: 1fr 10px auto;
    grid-template-columns: 1fr auto;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
  }
  .archive-blogcard .cardttl .ttltxt {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 1/1/2/3;
    max-width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .archive-blogcard .cardttl .hdauthor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
  }
  .archive-blogcard .blog-info {
    margin-top: 20px;
  }
}

.bloglist-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.bloglist-head > .blogttlm {
  font-size: 3.2rem;
  line-height: 1.3;
}
.bloglist-head .num {
  font-size: 62.5%;
}
.bloglist-head > .toblogtop {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
  height: 26px;
  font-size: 1.4rem;
  color: #fff;
  border-radius: 13px;
  background-color: #8fb3b8;
}
.hd-blogsingle {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px auto;
  grid-template-columns: 1fr auto;
  gap: 20px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.hd-blogsingle.-noauthor {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.hd-blogsingle .hdttl {
  font-size: 2rem;
}
.hd-blogsingle .bloginfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  margin-top: 30px;
}
.hd-blogsingle .postdate {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  font-weight: 300;
  white-space: nowrap;
}
.hd-blogsingle .blog-terms {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  .hd-blogsingle {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .hd-blogsingle .bloginfo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 5px;
  }
}

.blog-relatedposts > .brttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  font-size: 2.4rem;
  color: #fff;
  background-color: #8fb3b8;
  padding: 0 20px;
  border-radius: 10px;
}
.blog-relatedposts .list {
  border-bottom: 1px solid #e8e8e8;
}
.blog-relatedposts .link {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 80px 20px 1fr;
  grid-template-columns: 80px 1fr;
  -ms-grid-rows: 80px;
  grid-template-rows: 80px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.blog-relatedposts .link > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.blog-relatedposts .link > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.blog-relatedposts .link:hover {
  text-decoration: none;
  background-color: #ebf3f4;
}
.blog-relatedposts .imgarea {
  width: 100%;
  height: 100%;
}
.blog-relatedposts .imgarea img {
  border-radius: 10px;
}
.blog-relatedposts .ttl {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.blog-author {
  border: 1px solid #000;
  border-top: none;
  padding: 50px;
  position: relative;
}
.blog-author > .battl {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 21px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto 1fr;
  grid-template-columns: 1fr auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem;
  letter-spacing: 0.15em;
  line-height: 1;
  translate: 0 -10px;
}
.blog-author > .battl::before, .blog-author > .battl::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #000;
}
.blog-author > .battl .ttltxt {
  position: relative;
  padding: 0 30px;
}
.blog-author > .battl .ttltxt::before, .blog-author > .battl .ttltxt::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% - 5px);
  width: 1px;
  height: 10px;
  background-color: #000;
}
.blog-author > .battl .ttltxt::after {
  left: unset;
  right: 0;
}
.blog-author .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 191px 49px 1fr;
  grid-template-columns: 191px 1fr;
  gap: 25px 49px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.blog-author .imgarea {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/3/2;
}
.blog-author .namearea {
  letter-spacing: 0.05em;
}
.blog-author .name {
  font-size: 2rem;
  letter-spacing: 0.25em;
  margin-top: 5px;
}
@media (max-width: 768px) {
  .blog-author {
    padding: 45px 0 75px;
    border-left: none;
    border-right: none;
  }
  .blog-author > .sdgsttl {
    font-size: 1.7rem;
  }
  .blog-author > .sdgsttl .ttltxt {
    padding: 0 20px;
  }
  .blog-author .inner {
    -ms-grid-columns: 88px 25px 1fr;
    grid-template-columns: 88px 1fr;
    gap: 25px 25px;
  }
  .blog-author .imgarea {
    grid-area: unset;
  }
  .blog-author .msg {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 2/1/3/3;
    margin-top: 0;
  }
}

.contact-tel {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  padding: 60px 20px;
}
.contact-tel > .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.contact-tel .imgarea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  height: 60px;
}
.contact-tel .cpname {
  font-size: 1.7rem;
  letter-spacing: 0.25em;
}
.contact-tel .num {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 2.5rem;
  letter-spacing: 0.18em;
}
@media (max-width: 768px) {
  .contact-tel {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 20px 20px;
  }
  .contact-tel > .link {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .contact-tel .imgarea {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    height: 40px;
  }
  .contact-tel .num {
    font-size: 2rem;
  }
}

.sec-contact .hr1, .sec-contact .hr2 {
  border: none;
  border-bottom: 1px solid #eaeaea;
}
.sec-contact .hr2 {
  width: 100%;
  max-width: 1060px;
  margin: auto;
  margin-top: 12px;
}

.doc-imgs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 90px 20px 60px;
  border: 1px solid #ccc;
  border-radius: 15px;
}
.doc-imgs > .fig {
  position: relative;
}
.doc-imgs > .fig.-fig01 {
  padding: 30px 20px 0 0;
}
.doc-imgs > .fig.-fig01 .cap {
  margin-top: 20px;
}
.doc-imgs > .fig.-fig02 {
  padding: 20px 40px 0 35px;
}
.doc-imgs > .fig.-fig02 .cap {
  margin-top: 40px;
}
.doc-imgs > .fig.-fig02::before, .doc-imgs > .fig.-fig02::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 220px;
  background-color: #ccc;
}
.doc-imgs > .fig.-fig02::after {
  left: unset;
  right: 0;
}
.doc-imgs > .fig.-fig03 {
  padding: 60px 15px 0 35px;
}
.doc-imgs > .fig.-fig03::after {
  display: none;
}
.doc-imgs > .fig.-fig03 .cap {
  margin-top: 50px;
}
.doc-imgs .cap {
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 768px) {
  .doc-imgs {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 50px;
    padding: 40px 20px 20px;
  }
  .doc-imgs > .fig {
    position: relative;
    padding: 0 20px 20px !important;
    border-bottom: 1px dotted #ccc;
  }
  .doc-imgs > .fig::before, .doc-imgs > .fig::after {
    display: none;
  }
  .doc-imgs > .fig .cap {
    margin-top: 20px !important;
  }
  .doc-imgs > .fig.-fig03 {
    padding-bottom: 0 !important;
    border-bottom: none;
  }
}

.sec-pamphlet {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 157px 25px 1fr;
  grid-template-columns: 157px 1fr;
  gap: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec-pamphlet .txtarea {
  letter-spacing: 0.08em;
  line-height: 2.2;
  padding-top: 20px;
}
@media (max-width: 768px) {
  .sec-pamphlet {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .sec-pamphlet .imgarea {
    width: 100%;
    max-width: 160px;
    margin: auto;
  }
}

.article-modelhouse .swiper-custom {
  width: calc(100% - 40px);
  max-width: 1050px !important;
  margin: auto;
  margin-top: 130px;
}
.article-modelhouse .reserve-btn {
  margin-top: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  border-radius: 5px;
  font-size: 1.5rem;
  color: #fff;
  background-color: #ac5c0c;
}
.article-modelhouse .maparea {
  margin-top: 150px;
}
.article-modelhouse .ggmap {
  height: 500px;
}
.article-modelhouse .ggmap .map {
  width: 100%;
  height: 100%;
}
.article-modelhouse .ggmap iframe {
  width: 100%;
  height: 100%;
}
.article-modelhouse .mapttl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 50px auto 50px 1fr;
  grid-template-columns: 1fr auto 1fr;
  -ms-grid-rows: 38px;
  grid-template-rows: 38px;
  gap: 0 50px;
  height: 38px;
}
.article-modelhouse .mapttl > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.article-modelhouse .mapttl > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.article-modelhouse .mapttl > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.article-modelhouse .mapttl .ttltxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(2rem, 3.5vw, 2.4rem);
  letter-spacing: 0.3em;
}
.article-modelhouse .mapttl::before {
  content: "";
  background: url(assets/img/cmn/ttl_bg.svg) right center no-repeat;
  background-size: auto 100%;
}
.article-modelhouse .mapttl::after {
  content: "";
  background: url(assets/img/cmn/ttl_bg.svg) right center no-repeat;
  background-size: auto 100%;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media (max-width: 768px) {
  .article-modelhouse .slideblock {
    margin-top: 50px;
  }
  .article-modelhouse .eventcalendarcover {
    padding: 3px;
  }
  .article-modelhouse .bdrttl {
    width: 100%;
    max-width: 260px;
    margin: auto;
    height: 44px;
    font-size: 2.1rem;
    border-radius: 22px;
  }
  .article-modelhouse .amttl {
    font-size: 2.4rem;
  }
  .article-modelhouse .ggmap {
    height: 40vh;
  }
}

.main-slide {
  position: relative;
  overflow: hidden;
}
.main-slide .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 85/55;
}
.main-slide .imgarea {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  overflow: hidden;
}
.main-slide .imgarea.-imgcover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.main-slide .imgarea.-imgcontain {
  background-color: #fff;
}
.main-slide .imgarea.-imgcontain img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 768px) {
  .main-slide .swiper-custom-next,
  .main-slide .swiper-custom-prev {
    width: 40px;
    height: 40px;
  }
  .main-slide .swiper-custom-next::after,
  .main-slide .swiper-custom-prev::after {
    font-size: clamp(1.2rem, 2vw, 1.5rem);
    color: #666;
  }
  .main-slide .swiper-custom-next {
    right: 2px;
  }
  .main-slide .swiper-custom-prev {
    left: 2px;
  }
}

.thumbs-slide {
  overflow: hidden;
}
.thumbs-slide .swiper-slide {
  width: auto;
  height: clamp(40px, 10.7vw, 70px);
  background-color: #000;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  border-radius: 5px;
  overflow: hidden;
}
.thumbs-slide .swiper-slide:hover {
  opacity: 0.7;
}
.thumbs-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition: opacity 0.7s;
  transition: opacity 0.7s;
  opacity: 0.5;
}
.thumbs-slide .swiper-slide-thumb-active img {
  opacity: 1;
}

.mh-details .lead {
  font-size: 1.7rem;
  letter-spacing: 0.22em;
}
.mh-details .leadtxt {
  letter-spacing: 0.11em;
  line-height: 2.2;
}
.mh-details .outllinesdl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 122px 0 1fr;
  grid-template-columns: 122px 1fr;
  gap: 26px 0;
}
.mh-details .dt {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  min-height: 32px;
}
.mh-details .dd {
  border-bottom: 1px solid #000;
  min-height: 32px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .mh-details .outllinesdl {
    -ms-grid-columns: 100px 0 1fr;
    grid-template-columns: 100px 1fr;
    gap: 15px 0;
  }
  .mh-details .dt {
    padding-bottom: 5px;
  }
  .mh-details .dd {
    padding-bottom: 5px;
    padding-left: 20px;
  }
}

.mv-area {
  position: relative;
  padding: 0 20px;
}
.mv-area > .imgarea {
  position: relative;
  z-index: 2;
}
.mv-area::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(50% - 60px);
  width: 100%;
  height: 60px;
  background: url(assets/img/cmn/bgwave_skb.png) 0 0 repeat-x;
  background-size: auto 60px;
}
.mv-area::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(50% - 60px);
  background-color: #ebf3f4;
}

.heading-sec {
  padding: 90px 20px 150px;
  background-color: #ebf3f4;
  position: relative;
}
.heading-sec::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  left: 0;
  bottom: 0;
  z-index: 100;
  background: #fff url(assets/img/cmn/bgwave_skb.png) center 0 no-repeat;
  background-size: auto 100%;
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}
.heading-sec .hsttl {
  font-size: 3.2rem;
  text-align: center;
}
.heading-sec .txtarea {
  border-radius: 10px;
  background-color: #d8e4e6;
  padding: 45px 50px;
}
@media (max-width: 768px) {
  .heading-sec {
    padding: 40px 20px 70px;
  }
  .heading-sec .hsttl {
    font-size: 2.4rem;
  }
  .heading-sec .txtarea {
    padding: 15px;
  }
}

.mh-feature {
  position: relative;
  margin-top: clamp(100px / 1.5, 0.135vw * 100, 100px);
}
.mh-feature > .tcover {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 43.92%;
  z-index: 2;
  min-width: 500px;
}
.mh-feature > .icover {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mh-feature .imgarea {
  width: 65.88%;
  min-width: 650px;
  aspect-ratio: 9/5;
  min-height: 500px;
}
.mh-feature .imgarea .img {
  border-radius: 0 10px 10px 0;
}
.mh-feature .txtarea {
  min-height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 40px 50px;
  border-radius: 10px;
}
.mh-feature.-rev > .icover {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mh-feature.-rev .tcover {
  right: unset;
  left: 0;
  top: 0;
}
.mh-feature.-rev .imgarea .img {
  border-radius: 10px 0 0 10px;
}
.mh-feature .isttl {
  font-size: 2.4rem;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .mh-feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mh-feature > .tcover {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    position: static;
    height: unset;
    width: 100%;
    min-width: unset;
  }
  .mh-feature > .icover {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .mh-feature .imgarea {
    width: 100%;
    min-width: unset;
    min-height: unset;
  }
  .mh-feature .txtarea {
    min-height: unset;
    background-color: none;
    padding: 0 20px;
    border-radius: 0;
    margin-top: 20px;
  }
}

.article-voice .owner-info {
  width: 100%;
}
.article-voice .voiceothers {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
  gap: 40px 3.96%;
}
.article-voice .voicecard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.article-voice .voicecard .imgarea {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 10px;
}
.article-voice .voicecard .txtarea {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.article-voice .voicecard .cardttl {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.5;
  margin-top: 10px;
}

.voice-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 25px;
}

.voice-card {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 40.5%;
  grid-template-columns: 1fr 40.5%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  border-radius: 10px;
  background-color: #f8f6f1;
}
.voice-card .imgarea {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
  position: relative;
  width: 100%;
  height: 354px;
  border-radius: 10px 0 0 10px;
}
.voice-card .txtarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 30px 10px 0;
}
.voice-card .owner-info {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.voice-card .cardttl {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 2.4rem;
  line-height: 1.4;
  margin-top: 25px;
}
.voice-card .excerpt {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: 15px;
}
.voice-card .link-btn {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .voice-card {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .voice-card .imgarea {
    height: unset;
    aspect-ratio: 16/9;
    border-radius: 10px 10px 0 0;
  }
  .voice-card .txtarea {
    padding: 0 20px 20px;
  }
}

.owner-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: clamp(1.6rem, 3.2vw, 2rem);
  text-wrap: nowrap;
}
.owner-info > .bln {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  height: 40px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.15em;
  font-size: 1.6rem;
  color: #fff;
  background-color: #164332;
  border-radius: 5px;
  position: relative;
  margin-right: 30px;
}
.owner-info > .bln::after {
  content: "";
  position: absolute;
  left: calc(100% - 1px);
  top: calc(50% - 7px);
  width: 12px;
  height: 14px;
  background-color: #164332;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.owner-info.-large {
  font-size: clamp(1.8rem, 5.3vw, 4rem);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 10px;
}
.owner-info.-large > .bln {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
  height: 60px;
  font-size: 2.4rem;
  margin-right: 48px;
}
.owner-info.-large > .bln::after {
  top: calc(50% - 11px);
  width: 18px;
  height: 22px;
}
.owner-info.-middle {
  font-size: 3.2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.owner-info.-middle > .bln {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  height: 40px;
  font-size: 1.6rem;
  margin-right: 22px;
}
.owner-info.-middle > .bln::after {
  top: calc(50% - 7px);
  width: 12px;
  height: 15px;
}
@media (max-width: 768px) {
  .owner-info > .bln {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
    height: 30px;
    font-size: 1.2rem;
    margin-right: 20px;
  }
  .owner-info > .bln::after {
    top: calc(50% - 6px);
    width: 10px;
    height: 12px;
  }
  .owner-info.-large > .bln {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
    height: 30px;
    font-size: 1.2rem;
    margin-right: 20px;
  }
  .owner-info.-large > .bln::after {
    top: calc(50% - 6px);
    width: 10px;
    height: 12px;
  }
  .owner-info.-middle > .bln {
    display: none;
  }
}

.voice-faqtb > .dt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.4;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  padding-bottom: 19px;
  padding-right: 40px;
  margin-top: 20px;
  border-bottom: 1px solid #ccc;
}
.voice-faqtb > .dt .q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  height: 30px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 2rem;
  color: #fff;
  background-color: #164332;
  border-radius: 50%;
  margin-right: 10px;
}
.voice-faqtb > .dt:last-of-type {
  margin-bottom: 0;
}
.voice-faqtb > .dt::before {
  display: block;
  content: "";
  position: absolute;
  right: 26px;
  top: 9px;
  width: 2px;
  height: 14px;
  background-color: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.voice-faqtb > .dt::after {
  display: block;
  content: "";
  position: absolute;
  right: 20px;
  top: 15px;
  width: 14px;
  height: 2px;
  background-color: #000;
  -webkit-transition: 0.3s 0.3s;
  transition: 0.3s 0.3s;
}
.voice-faqtb > .dt:hover {
  opacity: 0.7;
}
.voice-faqtb > .dt.-active::before {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  -webkit-transition: 0.3s 0.3s;
  transition: 0.3s 0.3s;
}
.voice-faqtb > .dt.-active::after {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.voice-faqtb > .dd {
  display: none;
  background-color: #f0eeea;
  padding: 25px 30px;
  font-size: 1.6rem;
}
.voice-faqtb > .dd a {
  text-decoration: underline;
}
.voice-faqtb > .dd a:hover {
  text-decoration: none;
}
.reservation-bg {
  background: url(assets/img/reservation/bg01.jpg) center center no-repeat;
  background-size: cover;
  padding: 20px;
}
.reservation-bg > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 370px;
  color: #fff;
}
.reservation-bg .rbttl {
  font-size: 3.2rem;
  font-size: clamp(2.4rem, 4vw, 3.2rem);
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.reservation-bg .tel {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: clamp(3rem, 5.3vw, 4rem);
}
.reservation-bg .tel .sub {
  font-size: 70%;
}
@media (max-width: 768px) {
  .reservation-bg > .inner {
    height: auto;
  }
}

.article-concept {
  padding-top: 0;
  counter-reset: numCounter;
}
.article-concept .mainclm {
  padding-right: 20px;
}
.article-concept .lead {
  font-size: 1.7rem;
  letter-spacing: 0.32em;
  line-height: 2;
}
.article-concept .leadtxt {
  line-height: 2.35;
  letter-spacing: 0.09em;
  margin-top: 23px;
}
.article-concept > .concept-middle {
  margin-top: 100px;
}
.article-concept > .rowtwo-btmnav {
  margin-top: 100px;
}
.article-concept .peacethreettl {
  padding-left: 24px;
  margin-top: 100px;
}
.article-concept .slidearea,
.article-concept .slidearea02 {
  height: 300vh;
}
.article-concept .peace-three {
  width: 100%;
  max-width: 710px;
}
.article-concept .flow-sec {
  width: 100%;
  max-width: 710px;
  margin-top: 75px;
}
.article-concept .flow-sec:first-of-type {
  margin-top: 100px;
}
.article-concept .dannetsu {
  width: 100%;
  max-width: 710px;
  border-radius: 5px;
  background-color: #fff;
  padding: 30px 10px 35px;
  margin-top: 50px;
  position: relative;
}
.article-concept .dannetsu .img {
  width: 472.5px;
  height: auto;
  margin: auto;
}
.article-concept .dannetsu .cap {
  position: absolute;
  left: clamp(20px, 7vw, 70px);
  top: clamp(20px, 7vw, 70px);
  font-size: 1.7rem;
}
.article-concept .outllines-dl {
  width: 100%;
  max-width: 710px;
}
.article-concept .flow-warranty {
  width: 100%;
  max-width: 710px;
}
.article-concept .zeroblock {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 45px 242px;
  grid-template-columns: 1fr 242px;
  gap: 45px;
  width: 100%;
  max-width: 710px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .article-concept .navul {
    display: none;
  }
  .article-concept .mainclm {
    padding: 0 20px;
  }
  .article-concept .zeroblock {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 45px;
  }
  .article-concept .zeroblock .img {
    margin: auto;
  }
  .article-concept .slidearea,
  .article-concept .slidearea02 {
    height: auto;
  }
}

.concept-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 812px;
  grid-template-columns: 1fr 812px;
  -ms-grid-columns: 1fr 67%;
  grid-template-columns: 1fr 67%;
  padding-top: 50px;
  background: rgb(0, 0, 0);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(12%, rgba(255, 255, 255, 0)), color-stop(12%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0) 12%, rgb(255, 255, 255) 12%, rgb(255, 255, 255) 100%);
}
.concept-header > .conceptttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.concept-header .parent {
  position: absolute;
  right: 15px;
  top: 0;
  width: 14px;
  height: 75px;
}
.concept-header .pagettl {
  margin-top: 20px;
}
.concept-header .imgarea {
  width: 100%;
  height: 100%;
  aspect-ratio: 406/205;
  background-image: url(assets/img/concept/mv01.jpg);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  background-size: auto 150%;
  -webkit-animation: parallax02 ease-out forwards;
          animation: parallax02 ease-out forwards;
  animation-timeline: view();
  animation-range: cover 0% cover 100%;
  -webkit-animation-duration: 1ms;
          animation-duration: 1ms;
}
.concept-header .imgarea.-design {
  background-image: url(assets/img/concept/design/mv01.jpg);
}
.concept-header .imgarea.-suggestion {
  background-image: url(assets/img/concept/suggestion/mv01.jpg);
}
.concept-header .imgarea.-specification {
  background-image: url(assets/img/concept/specification/mv01.jpg);
}
.concept-header .imgarea.-flow {
  background-image: url(assets/img/concept/flow/mv01.jpg);
}
.concept-header .imgarea.-renovation {
  background-image: url(assets/img/concept/renovation/mv01.jpg);
}
@media (max-width: 768px) {
  .concept-header {
    padding-top: 0;
    display: block;
    position: relative;
  }
  .concept-header .conceptttl {
    position: absolute;
    bottom: 121px;
    right: 30px;
    width: 80px;
  }
  .concept-header .conceptttl.-design {
    bottom: 175px;
  }
  .concept-header .conceptttl.-suggestion {
    bottom: 139px;
  }
  .concept-header .conceptttl.-specification {
    bottom: 93px;
  }
  .concept-header .conceptttl.-flow {
    bottom: 173px;
  }
  .concept-header .conceptttl.-renovation {
    width: 120px;
    bottom: 129px;
  }
  .concept-header .conceptttl.-renovation .pagettl {
    width: 80px;
    padding: 12px 2px;
    margin: 0;
  }
  .concept-header .conceptttl.-renovation .pagettl .img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 57px;
            flex: 0 0 57px;
    width: 57px;
    height: auto;
  }
  .concept-header .conceptttl .parent,
  .concept-header .conceptttl .pagettl {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #fff;
  }
  .concept-header .conceptttl .parent {
    right: 0;
    width: 25px;
    padding: 8px 2px;
  }
  .concept-header .conceptttl .parent .img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12px;
            flex: 0 0 12px;
    width: 12px;
    height: auto;
  }
  .concept-header .conceptttl .pagettl {
    left: 0;
    width: 50px;
    padding: 12px 2px;
    margin: 0;
  }
  .concept-header .conceptttl .pagettl .img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 27px;
            flex: 0 0 27px;
    width: 27px;
    height: auto;
  }
  .concept-header .imgarea {
    height: 410px;
    aspect-ratio: unset;
    background-size: cover;
    -webkit-animation: unset;
            animation: unset;
    background-image: url(assets/img/concept/mv01_sp.jpg);
  }
  .concept-header .imgarea.-design {
    background-image: url(assets/img/concept/design/mv01_sp.jpg);
  }
  .concept-header .imgarea.-suggestion {
    background-image: url(assets/img/concept/suggestion/mv01_sp.jpg);
  }
}

@-webkit-keyframes parallax02 {
  from {
    background-position: center -80vh;
  }
  to {
    background-position: center 0;
  }
}

@keyframes parallax02 {
  from {
    background-position: center -80vh;
  }
  to {
    background-position: center 0;
  }
}
.concept-middle {
  background-color: #164332;
  position: relative;
  padding-bottom: 30px;
}
.concept-middle.-p02 {
  display: none;
}
.concept-middle::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 280px;
  background: url(assets/img/cmn/beige_bg.jpg) center center repeat;
}
.concept-middle .cmheader {
  width: calc(100% - 40px);
  max-width: 1000px !important;
  margin: auto;
  position: relative;
  padding-top: 85px;
}
.concept-middle .cmheader .cmttl {
  position: absolute;
  left: 43px;
  top: 0;
  width: 93px;
  height: auto;
}
.concept-middle .cmheader .link-btn3 {
  position: absolute;
  top: 30px;
  right: 0;
  width: 187px;
}
.concept-middle .cmheader .imgarea {
  height: 389px;
}
.concept-middle .cmheader .imgarea img {
  border-radius: 5px;
}
.concept-middle .concetptswiper {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: sticky;
  top: 0;
}
.concept-middle .concetptswiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.concept-middle .concetptswiper .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.concept-middle .concetptswiper .swiper-pagination .swiper-pagination-bullet {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75px;
          flex: 0 0 75px;
  width: 75px;
  height: 1px;
  opacity: 1;
  background-color: #fff;
}
.concept-middle .concetptswiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ac5c0c;
}
.concept-middle .conceptadjuster {
  width: 100%;
  height: calc(100vh - 100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.concept-middle .cwpn {
  position: absolute;
  left: unset;
  right: 25px;
  bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.concept-middle .cwpn .swiper-pagination-bullet {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75px;
          flex: 0 0 75px;
  width: 75px;
  height: 1px;
  opacity: 1;
  background-color: #fff;
}
.concept-middle .cwpn .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ac5c0c;
}
.concept-middle .cmbody {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 261px 40px 1fr;
  grid-template-columns: 261px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  color: #fff;
}
.concept-middle .cmbody .txtl {
  font-size: 2rem;
  letter-spacing: 0.32em;
}
.concept-middle .cmbody .txtl.-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.concept-middle .cmbody .txt {
  letter-spacing: 0.16em;
  line-height: 2.2;
  margin-top: 15px;
  padding-right: 20px;
}
.concept-middle .cmbody .circle-num {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 46px;
          flex: 0 0 46px;
  width: 46px;
  height: 46px;
  margin-left: 15px;
}
.concept-middle .cmbody .link-btn2 {
  margin-top: 50px;
}
.concept-middle .cmbody .imgarea {
  border-radius: 5px;
}
.concept-middle .cmbody .imgarea img {
  border-radius: 5px;
}
@media (max-width: 768px) {
  .concept-middle {
    padding-bottom: 100px;
  }
  .concept-middle .cmheader {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    padding-top: 40px;
    padding-top: 0;
  }
  .concept-middle .cmheader .imgarea {
    display: block;
    height: 300px;
  }
  .concept-middle .cmheader .imgarea::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0.42)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.42) 30%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.55;
  }
  .concept-middle .cmheader .imgarea img {
    border-radius: 0;
  }
  .concept-middle .cmheader .cmttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    left: calc(50% - 20px);
    top: 0;
    width: 40px;
    height: 100%;
    z-index: 10;
  }
  .concept-middle .cmheader .cmttl .picture {
    width: 100%;
    height: auto;
  }
  .concept-middle .link-btn3 {
    display: none;
  }
  .concept-middle .concetptswiper {
    margin-top: 0;
    height: auto;
  }
  .concept-middle .conceptadjuster {
    height: auto;
  }
  .concept-middle .cwpn {
    display: none;
  }
  .concept-middle .cmbody {
    width: calc(100% - 40px);
    max-width: 850px !important;
    margin: auto;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 40px;
    margin-top: 100px;
  }
  .concept-middle .cmbody .imgarea img {
    -o-object-fit: cover !important;
       object-fit: cover !important;
    width: 100%;
    height: 100%;
    aspect-ratio: 63/44;
  }
}

.peace-three {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 242px 45px 1fr;
  grid-template-columns: 242px 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 45px;
  counter-increment: numCounter;
}
.peace-three > .imgarea {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.peace-three > .imgarea::before {
  content: "";
  width: 62px;
  height: 21px;
  background: url(assets/img/concept/specification/3peace.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  top: -48px;
  right: -23px;
  z-index: 2;
}
.peace-three > .imgarea::after {
  content: "0" counter(numCounter);
  position: absolute;
  top: -35px;
  right: -35px;
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1.8rem;
  color: #fff;
  background-color: #ac5c0c;
  border-radius: 50%;
  border: 8px solid #edece9;
}
.peace-three > .imgarea .img {
  display: block;
  border-radius: 5px;
}
.peace-three > .txtarea {
  padding-top: 15px;
}
.peace-three .pttl {
  font-size: 2rem;
}
.peace-three .txt {
  line-height: 2.2;
  margin-top: 25px;
}
@media (max-width: 768px) {
  .peace-three {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .peace-three > .imgarea {
    margin: 0 20px 0 0px;
  }
}

.flow-sec {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 242px 50px 1fr;
  grid-template-columns: 242px 1fr;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 50px;
  counter-increment: numCounter;
}
.flow-sec > .imgarea {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
  position: relative;
  height: 190px;
  background-color: #fff;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flow-sec > .imgarea::after {
  content: "0" counter(numCounter);
  position: absolute;
  top: -35px;
  right: -35px;
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1.8rem;
  color: #fff;
  background-color: #ac5c0c;
  border-radius: 50%;
  border: 8px solid #edece9;
}
.flow-sec > .imgarea .img {
  width: 92px;
  height: auto;
}
.flow-sec > .imgarea .img.-fl1 {
  width: 91px;
}
.flow-sec > .imgarea .img.-fl3 {
  width: 115px;
}
.flow-sec > .imgarea .img.-fl4 {
  width: 97px;
}
.flow-sec > .imgarea .img.-fl5 {
  width: 68px;
}
.flow-sec > .imgarea .img.-fl6 {
  width: 122px;
}
.flow-sec > .imgarea .img.-fl7 {
  width: 105px;
}
.flow-sec > .imgarea .img.-fl8 {
  width: 122px;
}
.flow-sec .fsttl {
  font-size: 2rem;
}
.flow-sec .txt {
  line-height: 2.2;
  margin-top: 15px;
}
@media (max-width: 768px) {
  .flow-sec {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .flow-sec > .imgarea {
    margin: 0 20px 0 0;
  }
}

.flow-warranty {
  padding: 45px 75px 75px;
  border: 1px solid #164332;
  border-radius: 5px;
  position: relative;
}
.flow-warranty .fwttl {
  font-size: 2rem;
  text-align: center;
  translate: 0 -60px;
}
.flow-warranty .ttltxt {
  padding: 0 20px;
  background: url(assets/img/cmn/beige_bg.jpg) center center repeat;
}
.flow-warranty .btn {
  display: block;
  margin-top: 50px;
  border: solid 1px #164332;
  text-align: center;
  border-radius: 100px;
  padding: 9px 0;
  font-size: 12px;
  letter-spacing: 0.09rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.flow-warranty .btn:hover {
  background-color: #164332;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 768px) {
  .flow-warranty {
    padding: 15px 20px 20px;
  }
  .flow-warranty .fwttl {
    translate: 0 -30px;
  }
}

.article-works .cmn-list {
  width: calc(100% - 40px);
  max-width: 1000px !important;
  margin: auto;
  margin-top: 50px;
}
.article-works .worksmv {
  margin-top: 130px;
}
.article-works .worksmv .imgarea {
  width: 100%;
  height: auto;
  position: relative;
}
.article-works .worksmv .cap {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  margin-top: 15px;
  margin-left: 15px;
}
.article-works .works-tag {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
  margin-top: 130px;
}
.article-works .parts-photolist {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
  margin-top: 45px;
}
.article-works .parts-swiper {
  width: calc(100% - 40px);
  max-width: 1050px !important;
  margin: auto;
}
.article-works .worksinfo {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
  margin-top: 120px;
}
.article-works .worksttl {
  font-size: 2rem;
  letter-spacing: 0.22em;
}
.article-works .worksowner {
  font-size: 1.2rem;
  margin-top: 6px;
}
.article-works .works-layout {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
}
.article-works .tagttl {
  font-size: 2rem;
  text-align: center;
  margin-top: 45px;
}
@media (max-width: 768px) {
  .article-works .worksmv {
    margin-top: 50px;
  }
  .article-works .ownerlist {
    margin-top: 50px;
  }
  .article-works .works-tag {
    margin-top: 50px;
  }
}

.works-details {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.works-details > .dl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 174px 0 1fr;
  grid-template-columns: 174px 1fr;
  gap: 20px 0;
}
.works-details > .dl .dt,
.works-details > .dl .dd {
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
}
.works-details > .dl .dt {
  border-right: 1px solid #000;
  letter-spacing: 0;
}
.works-details > .dl .dd {
  padding-left: 20px;
}
.works-details > .dl2 .dt {
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
}
.works-details > .dl2 .dd {
  padding-top: 5px;
}
@media (max-width: 768px) {
  .works-details {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.works-layout {
  position: relative;
}
.works-layout .fltxtarea {
  width: 100%;
  max-width: 700px;
  margin: auto;
  line-height: 2.2;
  margin-top: 50px;
}
.works-layout .fltxtarea p {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, clean, sans-serif;
  margin-bottom: 30px;
}
.works-layout .fltxtarea p:last-of-type {
  margin-bottom: 0;
}
.works-layout .fltxtarea a {
  text-decoration: underline;
}
.works-layout .fltxtarea a:hover {
  text-decoration: none;
}
.works-layout .fltxtarea.-large {
  font-size: 2.1rem;
}
.works-layout .flimgarea {
  margin-top: 75px;
  border-radius: 5px;
  overflow: hidden;
}
.works-layout .flimgarea .cap {
  margin-top: 5px;
}
.works-layout .flimgarea .imgarea.-long {
  display: -ms-grid;
  display: grid;
  place-content: center;
  background-color: #fff;
  border-radius: 5px;
  max-height: 564px;
}
.works-layout .flimgarea .imgarea.-long img {
  width: auto;
  height: 100%;
  max-height: 564px;
}
.works-layout .flmargin {
  display: block;
  height: 0;
}
.works-layout .flimg,
.works-layout .fltxt {
  margin-top: 15px;
}
.works-layout .flimg:first-child,
.works-layout .fltxt:first-child {
  margin-top: 0;
}
.works-layout .flimg p,
.works-layout .fltxt p {
  margin-bottom: 20px;
}
.works-layout .flimg p:last-of-type,
.works-layout .fltxt p:last-of-type {
  margin-bottom: 0;
}
.works-layout .flimg {
  display: block;
  border-radius: 5px;
  overflow: hidden;
}
.works-layout .movieblock {
  margin-top: 50px;
}
.works-layout .movieblock > .movie {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.9620253165%;
  border-radius: 5px;
  overflow: hidden;
}
.works-layout .movieblock .mviframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.works-layout .imggallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 12px 1fr 12px 1fr 12px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 50px;
}
.works-layout .imggallery .imgblock {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.works-layout .imggallery .imgblock img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.works-layout .flblntxt {
  padding: 20px;
  background-color: #fff;
  position: relative;
  margin-top: 50px;
}
.works-layout .flblntxt.-mark {
  padding: 65px 20px 50px;
}
.works-layout .flblntxt.-mark::before {
  content: "";
  position: absolute;
  left: 30px;
  top: -15px;
  width: 68px;
  height: 50px;
  background: url(assets/img/cmn/svg/icon_bln.svg) 0 0 no-repeat;
  background-size: contain;
}
.works-layout .fl2clm {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 60px 30px;
  margin-top: 75px;
}
.works-layout .fl2clm.-rev .imgarea {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/2/3;
}
.works-layout .fl2clm.-c {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.works-layout .fl2clm.-fs {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.works-layout .fl2clm.-fe {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.works-layout .fl2clm .cap {
  margin-top: 5px;
}
.works-layout .fl3clm {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 35px 1fr 35px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
  margin-top: 50px;
}
.works-layout .fl3clm.-c {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.works-layout .fl3clm.-fs {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.works-layout .fl3clm.-fe {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.works-layout .fldl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 135px 1fr;
  grid-template-columns: 135px 1fr;
  border-top: 1px solid #ccc;
  margin-top: 50px;
}
.works-layout .fldl > .dt {
  border-bottom: 1px solid #ccc;
  padding: 25px 10px 25px 20px;
}
.works-layout .fldl > .dd {
  border-bottom: 1px solid #ccc;
  padding: 25px 20px 25px 0;
}
.works-layout .big-list {
  margin-top: 50px;
}
.works-layout .flmap {
  margin-top: 50px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.works-layout .flmap.-notxt {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.works-layout .flmap .maparea {
  border-radius: 5px;
  overflow: hidden;
}
.works-layout .flmap .txtarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
.works-layout .flmap .txtarea .flttl {
  margin-top: 0;
}
.works-layout .fllinkbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 50px;
  padding: 0 20px;
}
.works-layout .fllinkbtn > .linkbtn {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 270px;
  max-width: 100%;
  height: 70px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  background-color: #164332;
  border: 1px solid #164332;
  position: relative;
  padding: 5px 30px 5px 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.works-layout .fllinkbtn > .linkbtn::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  right: 16px;
  top: calc(50% - 3px);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.works-layout .fllinkbtn > .linkbtn:hover {
  text-decoration: none;
  color: #164332;
  background-color: #fff;
}
.works-layout .fllinkbtn > .linkbtn:hover::after {
  border-color: #164332;
}
.works-layout .imgarea.-ar1_1 {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
.works-layout .imgarea.-ar1_1 img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.works-layout .imgarea.-ar4_3 {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
}
.works-layout .imgarea.-ar4_3 img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.works-layout .imgarea.-ar16_9 {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.works-layout .imgarea.-ar16_9 img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.works-layout .imgarea.-ar3_4 {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 133.33%;
}
.works-layout .imgarea.-ar3_4 img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.works-layout .imgarea.-ar9_16 {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 177.78%;
}
.works-layout .imgarea.-ar9_16 img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.works-layout .swipercover {
  padding-bottom: 40px;
  overflow: hidden;
  position: relative;
}
.works-layout .swiperarea .txt {
  line-height: 1.4;
  margin-top: 15px;
}
.works-layout .swiperarea .swiper-pagination {
  bottom: 0;
}
.works-layout .swiperarea .swiper-pagination-bullet-active {
  background-color: #eb6100;
}
@media (max-width: 768px) {
  .works-layout .fl2clm,
  .works-layout .fl3clm {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .works-layout .fl4clm {
    -ms-grid-columns: 1fr 15px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 15px;
  }
  .works-layout .imggallery {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .works-layout .flquestion {
    padding-left: 60px;
  }
  .works-layout .flmap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .works-layout .flmap .txtarea {
    gap: 20px;
  }
}
@media (max-width: 640px) {
  .works-layout .fldl {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .works-layout .fldl > .dt {
    font-weight: bold;
    padding: 15px 0 0;
    border-bottom: none;
  }
  .works-layout .fldl > .dd {
    padding: 10px 0 15px;
    border-bottom: 1px solid #ccc;
  }
}

.nav-works {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 110px 10px 1fr 10px 90px;
  grid-template-columns: 110px 1fr 90px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  grid-column-gap: 10px;
}

.nav-works > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.nav-works > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.nav-works > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.nav-works > .navititle {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, clean, sans-serif;
  font-weight: normal;
  background-color: #164332;
  color: #fff;
}
.nav-works > .works-taglist {
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .nav-works {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .nav-works > .navititle {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    height: 40px;
    margin-bottom: 20px;
  }
  .nav-works.-tag {
    padding-right: 0;
  }
  .nav-works > .works-taglist {
    height: 35px;
  }
  .nav-works > .works-tagall {
    position: static;
    width: auto;
    max-width: 200px;
    height: 40px;
    margin: 20px auto;
  }
}

.works-taglist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
}
.works-taglist > .cat-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  margin-right: 10px;
}
.works-taglist a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 30px;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, clean, sans-serif;
  font-size: 1.4rem;
  color: #000;
  background-color: #f4f4f4;
  border: 1px solid #f4f4f4;
  padding: 0 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.works-taglist a:hover {
  text-decoration: none;
  background-color: #164332;
  color: #fff;
}
.works-taglist.-column {
  gap: 10px;
}
.works-taglist.-column .cat-item {
  margin-right: 0;
}
.works-taglist > .cat-item.current-cat a {
  background-color: #164332;
  border-color: #164332;
  color: #fff;
}
.works-taglist.-modal > .cat-item {
  margin-right: 20px;
  margin-bottom: 20px;
}
.works-taglist.-modal a {
  height: 40px;
}
@media (max-width: 768px) {
  .works-taglist.-modal a {
    height: 30px;
  }
}

.works-tagall > .alllink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, clean, sans-serif;
  font-size: 1.4rem;
}
.works-tagall > .alllink:hover {
  text-decoration: none;
}
.works-tagall .iconplus {
  width: 16px;
  height: 16px;
  margin-right: 3px;
  fill: #000;
}
@media (max-width: 768px) {
  .works-tagall {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 20px;
    border: 1px solid #ccc;
  }
}

.works-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.works-card .imgarea {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 10px;
  overflow: hidden;
}
.works-card .imgarea .terms {
  position: absolute;
  left: 0;
  top: 0;
  width: 103px;
  height: 35px;
  z-index: 5;
  display: -ms-grid;
  display: grid;
  place-items: center;
  color: #fff;
  background-color: #164332;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  border-radius: 10px 0 10px 0;
}
.works-card .imgarea .terms.-reform {
  background-color: #8fb3b8;
}
.works-card .txtarea {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: 15px;
  min-height: 56px;
}
.works-card .locaion {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 1.4rem;
  margin-top: 5px;
}
.works-card .cardttl {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 2rem;
  line-height: 1.4;
}
.works-card .tag-list {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-top: 25px;
}
@media (max-width: 768px) {
  .works-card .txtarea {
    margin-top: 20px;
    min-height: unset;
  }
  .works-card .cardttl {
    line-height: 1.5;
  }
}

.workstag-head {
  position: relative;
  padding-top: 60px;
  padding-bottom: 70px;
  border-top: 1px solid #ccc;
}
.workstag-head > .tagttl {
  font-size: 3.2rem;
  line-height: 1;
  text-align: center;
}
.workstag-head > .tagttl .sub {
  font-size: 75%;
}
.workstag-head .releasebtn {
  position: absolute;
  right: 0;
  top: calc(50% - 12px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 120px;
  height: 24px;
  font-size: 1.2rem;
  color: #fff;
  background-color: #164332;
  border-radius: 12px;
}
@media (max-width: 768px) {
  .workstag-head .releasebtn {
    top: 20px;
  }
}

.works-outlinetb > .dl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 240px 0 1fr;
  grid-template-columns: 240px 1fr;
  gap: 0 0;
}
.works-outlinetb .dt, .works-outlinetb .dd {
  padding: 14px 0;
  border-bottom: 1px dashed #ccc;
}
.works-outlinetb .dt:last-of-type, .works-outlinetb .dd:last-of-type {
  border-bottom: none;
}
.works-outlinetb .dt {
  padding-left: 20px;
  padding-right: 20px;
}
.works-outlinetb .dt .num {
  font-size: 150%;
}
.works-outlinetb.-eco > .dl {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.works-outlinetb.-eco .dd {
  font-size: 1.4rem;
  padding-right: 20px;
}
.works-outlinetb.-eco .dd .num {
  font-size: 142.85%;
  color: #eb6100;
  margin-right: 3px;
}
@media (max-width: 768px) {
  .works-outlinetb > .dl {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 0 1fr;
    grid-template-columns: 50% 1fr;
    gap: 0 0;
  }
  .works-outlinetb .dt {
    padding-left: 10px;
    padding-right: 10px;
  }
  .works-outlinetb .dt.-l2, .works-outlinetb .dd.-l2 {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
  }
  .works-outlinetb .dd.-l2 {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .works-outlinetb.-eco > .dl {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .works-outlinetb.-eco .dt {
    font-size: 1.4rem;
    padding-left: 10px;
    border-bottom: none;
    padding-bottom: 0;
  }
  .works-outlinetb.-eco .dt .num {
    font-size: 125%;
  }
  .works-outlinetb.-eco .dd {
    padding-right: 10px;
    padding-left: 10px;
  }
  .works-outlinetb.-eco .dd .num {
    font-size: 125%;
  }
}

.works-compare {
  padding-bottom: 25px;
}
.works-compare .circlecover {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4.65% 1fr 4.65% 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 4.65%;
}
.works-compare .circlecover .circle {
  width: 100%;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: clamp(1.6rem, 2vw, 2rem);
  line-height: 1.3;
  border-radius: 50%;
  background-color: #e9e9e9;
}
.works-compare .circlecover .circle .sub {
  font-size: clamp(1.2rem, 1.6vw, 1.6rem);
}
.works-compare .circlecover .circle .num {
  font-size: clamp(3rem, 4vw, 4rem);
}
.works-compare .circlecover .circle.-c2 {
  color: #fff;
  position: relative;
  z-index: 2;
}
.works-compare .circlecover .circle.-c2::before {
  content: "";
  position: absolute;
  left: 10%;
  top: 10%;
  width: 80%;
  height: 80%;
  z-index: -1;
  background-color: #8fb3b8;
  border-radius: 50%;
}
.works-compare .circlecover .circle.-c3 {
  color: #fff;
  position: relative;
  z-index: 2;
}
.works-compare .circlecover .circle.-c3::before {
  content: "";
  position: absolute;
  left: 18%;
  top: 18%;
  width: 64%;
  height: 64%;
  z-index: -1;
  background-color: #8fb3b8;
  border-radius: 50%;
}
.works-compare .boxcover {
  position: relative;
  width: 70%;
  margin: auto;
  border-left: 2px solid #e9e9e9;
  border-right: 2px solid #e9e9e9;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.works-compare .box {
  border: 2px solid #e9e9e9;
  border-top: none;
  border-left: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.works-compare .box.-b1 {
  width: 50%;
}
.works-compare .box.-b2 {
  border-right: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.works-compare .box.-b2 .boxdata {
  margin-left: 63%;
}
.works-compare .boxdata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(1.2rem, 1.6vw, 1.6rem);
  line-height: 1;
  padding: 10px 25px 6px 25px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  border-radius: 10px;
  -webkit-transform: translateY(25px);
          transform: translateY(25px);
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
.works-compare .boxdata .num {
  font-size: 200%;
  color: #eb6100;
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}
@media (max-width: 768px) {
  .works-compare .circlecover {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .works-compare .circlecover .circle {
    max-width: 60vw;
    margin: auto;
    position: relative;
    z-index: 2;
  }
  .works-compare .circlecover .spbox {
    position: relative;
  }
  .works-compare .circlecover .spbox::before, .works-compare .circlecover .spbox::after {
    content: "";
    position: absolute;
    left: 5vw;
    top: -35vw;
    width: 40%;
    height: 35vw;
    z-index: 0;
    border-left: 2px solid #e9e9e9;
    border-top: 2px solid #e9e9e9;
  }
  .works-compare .circlecover .spbox::after {
    top: unset;
    bottom: -35vw;
    border-top: none;
    border-bottom: 2px solid #e9e9e9;
  }
  .works-compare .circlecover .spbox.-sb02::before, .works-compare .circlecover .spbox.-sb02::after {
    content: "";
    position: absolute;
    left: unset;
    right: 5vw;
    top: calc(-115vw + 24px);
    height: calc(115vw + 44px);
    border-left: none;
    border-right: 2px solid #e9e9e9;
    border-top: 2px solid #e9e9e9;
  }
  .works-compare .circlecover .spbox.-sb02::after {
    top: unset;
    bottom: -35vw;
    height: 35vw;
    border-top: none;
    border-bottom: 2px solid #e9e9e9;
  }
  .works-compare .circlecover .spbox.-sb02 .boxdata {
    margin-left: auto;
    margin-right: 0;
  }
  .works-compare .circlecover .boxdata {
    width: 45%;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    position: relative;
    z-index: 2;
  }
}

.works-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.works-gallery .ttlarea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
}
.works-gallery .wgttl {
  position: sticky;
  left: 0;
  top: 100px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  color: #164332;
}
.works-gallery .wginner {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
.works-gallery .imgblock2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 40px;
}
.works-gallery .imglongl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 30px 40px;
}
.works-gallery .imglongl .imgl {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/3/2;
}
.works-gallery .imglongr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 30px 40px;
}
.works-gallery .imglongr .imgr {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/3/3;
}
.works-gallery .txtarea + .imgcover {
  margin-top: clamp(40px / 1.5, 0.135vw * 40, 40px);
}
.works-gallery .movieblock + .imgcover,
.works-gallery .movieblock + .txtarea {
  margin-top: clamp(60px / 1.5, 0.135vw * 60, 60px);
}
.works-gallery .imgcover + .movieblock {
  margin-top: clamp(60px / 1.5, 0.135vw * 60, 60px);
}
.works-gallery .movieblock > .movie {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.9620253165%;
}
.works-gallery .movieblock .mviframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .works-gallery {
    display: block;
  }
  .works-gallery .wgttl {
    position: static;
    font-size: 2.4rem;
    margin-bottom: 40px;
  }
  .works-gallery .imgblock2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .works-gallery .imglongl {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .works-gallery .imglongl .imgl {
    grid-area: unset;
  }
  .works-gallery .imglongr {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .works-gallery .imglongr .imgr {
    grid-area: unset;
  }
}

.archive-gallerycard > .cardinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.archive-gallerycard .imgarea {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 308/163;
  border-radius: 5px;
  position: relative;
}
.archive-gallerycard .txtarea {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 15px;
}
.archive-gallerycard .owner {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 1.2rem;
  letter-spacing: 0.15em;
}
.archive-gallerycard .cardttl {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-size: 1.4rem;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 5px;
}
.archive-gallerycard .temrs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 30px;
  z-index: 10;
  font-size: 1.3rem;
  color: #fff;
  background-color: #164332;
  border-radius: 0 5px 0 0;
  padding: 0 20px;
}

.parts-photolist .fig {
  width: calc((100% - 40px) / 3);
  margin-bottom: 20px;
}
.parts-photolist .fig img {
  display: block;
  border-radius: 5px;
}
.parts-photolist .imgarea {
  display: block;
  width: 100%;
  aspect-ratio: 13/9;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .parts-photolist .fig {
    width: 50%;
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 480px) {
  .parts-photolist .fig {
    width: 100%;
  }
}

.parts-swiper {
  position: relative;
}
.parts-swiper .swiper {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
  aspect-ratio: 85/59;
  overflow: hidden;
}
.parts-swiper .swnavlink {
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  width: 120px;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.parts-swiper .swnavlink::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 43%;
          flex: 0 0 43%;
  height: 12px;
  background: url(assets/img/cmn/arrow_left.svg) 0 center no-repeat;
  background-size: cover;
}
.parts-swiper .swnavlink.-r {
  left: unset;
  right: 0;
}
.parts-swiper .swnavlink.-r::after {
  display: none;
}
.parts-swiper .swnavlink.-r::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 43%;
          flex: 0 0 43%;
  height: 12px;
  background: url(assets/img/cmn/arrow_right.svg) right center no-repeat;
  background-size: cover;
}
.parts-swiper .imgarea {
  aspect-ratio: 85/59;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  background-color: #fff;
}
.parts-swiper .imgtag-ul {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  .parts-swiper .swnavlink {
    font-size: 0;
    width: 43px;
  }
  .parts-swiper .swnavlink::after {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .parts-swiper .swnavlink.-r::before {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

.pagination-container > .pagination {
  width: calc(100% - 40px);
  max-width: 1000px !important;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 50px;
}
.pagination-container .page-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35px;
          flex: 0 0 35px;
  width: 35px;
}
.pagination-container .page-item.first, .pagination-container .page-item.last {
  display: none !important;
}
.pagination-container .page-item.navi-active {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  width: 50px;
  height: 50px;
}
.pagination-container .page-item.navi-active .page-link {
  background-color: #164332;
  color: #fff;
  border-radius: 50%;
}
.pagination-container .page-item.navi-active .page-link:hover {
  color: #fff;
}
.pagination-container .page-item.prev {
  width: 45px;
  margin-right: 50px;
}
.pagination-container .page-item.prev .page-link {
  display: block;
  background: url(assets/img/cmn/arrow_left.svg) left center no-repeat;
  background-size: contain !important;
  width: 45px;
  height: 13px;
  font-size: 0;
}
.pagination-container .page-item.next {
  width: 45px;
  margin-left: 50px;
}
.pagination-container .page-item.next .page-link {
  display: block;
  background: url(assets/img/cmn/arrow_right.svg) right center no-repeat;
  background-size: contain !important;
  width: 45px;
  height: 13px;
  font-size: 0;
}
.pagination-container .page-link {
  width: 100%;
  height: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1.6rem;
  margin: 0 !important;
  background: none;
  border: none !important;
}
.pagination-container .page-link:hover {
  text-decoration: none;
  color: #164332;
}
.works-tag {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.works-tag .tagctrl {
  display: block;
  font-size: 1.3rem;
  text-align: center;
  line-height: 1;
  padding: 30px 0;
  position: relative;
}
.works-tag .tagctrl.-active .tgl::before {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  -webkit-transition: 0.3s 0.3s;
  transition: 0.3s 0.3s;
}
.works-tag .tagctrl.-active .tgl::after {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.works-tag .tagmenuarea {
  display: none;
}
.works-tag .tagul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 20px;
  padding-bottom: 25px;
}
.works-tag .taglink::before {
  content: "#";
  margin-right: 2px;
}
.works-tag .tgl {
  display: block;
  position: absolute;
  top: calc(50% - 6px);
  right: 20px;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.works-tag .tgl::before {
  display: block;
  content: "";
  position: absolute;
  left: calc(50% - 1px);
  top: 0;
  width: 2px;
  height: 100%;
  background-color: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.works-tag .tgl::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  width: 100%;
  height: 2px;
  background-color: #000;
  -webkit-transition: 0.3s 0.3s;
  transition: 0.3s 0.3s;
}

.article-fieldreport .blognavarea {
  width: calc(100% - 40px);
  max-width: 850px !important;
  margin: auto;
  margin-top: 100px;
  position: relative;
}
.article-fieldreport .blognavarea .blog-oldnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  bottom: calc(100% - 20px);
}
.article-fieldreport .blog-oldnav {
  display: none;
}
.article-fieldreport > .frtwoclm {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 5.8% 245px;
  grid-template-columns: 1fr 245px;
  gap: 5.8%;
}
.article-fieldreport .fr-sec {
  margin-bottom: 70px;
}
@media (max-width: 768px) {
  .article-fieldreport > .frtwoclm {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 60px;
  }
  .article-fieldreport .blognavarea .cmn-navmenu .ul {
    width: 100% !important;
  }
  .article-fieldreport .blognavarea .blog-oldnav {
    display: none;
  }
  .article-fieldreport .blog-oldnav {
    width: calc(100% - 40px);
    max-width: 800px !important;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;
  }
}

.fr-card {
  position: relative;
}
.fr-card > .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 130px 25px 1fr;
  grid-template-columns: 130px 1fr;
  gap: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 0;
  border-top: 1px solid #000;
  border-radius: 0;
}
.fr-card:last-of-type {
  border-bottom: 1px solid #000;
}
.fr-card .imgarea {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
  height: 82px;
}
.fr-card .cardttl {
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fr-card .ttl {
  margin-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.fr-card .ttl::before, .fr-card .ttl::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3px;
          flex: 0 0 3px;
  width: 3px;
  height: 20px;
  background: url(assets/img/cmn/ttl_ls.svg) 0 0 no-repeat;
  background-size: contain;
}
.fr-card .ttl::after {
  background-image: url(assets/img/cmn/ttl_rs.svg);
}
.fr-card .date {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0em;
  margin-right: 10px;
}
.fr-card .frttl {
  font-size: 1.7rem;
}
.fr-card .new-mark {
  position: absolute;
  left: -15px;
  top: 15px;
}
@media (max-width: 768px) {
  .fr-card > .inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .fr-card .imgarea {
    width: 100%;
    aspect-ratio: 65/41;
    height: unset;
  }
  .fr-card .cardttl {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .fr-card .ttl {
    margin-left: 0;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fr-card .new-mark {
    left: -5px;
    top: 10px;
  }
}

.fr-sidelist > li {
  border-bottom: 1px solid #ccc;
}
.fr-sidelist > li:first-of-type {
  border-top: 1px solid #ccc;
}
.fr-sidelist a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 54px;
  font-size: 1.3rem;
  background: url(assets/img/cmn/arrow_right_s.svg) right 10px center no-repeat;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.fr-sidelist a:hover {
  opacity: 0.6;
  text-decoration: none;
}
.fr-sidelist.-yl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 14px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 14px;
}
.fr-sidelist.-yl > li:nth-of-type(2) {
  border-top: 1px solid #ccc;
}
.fr-sidelist.-yl a {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
}

.fr-sec > .frttl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 130px;
  grid-template-columns: 1fr 130px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
}
.fr-sec > .frttl .ttl {
  font-size: 2rem;
}
.fr-sec > .frttl .date {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1.5rem;
}
.fr-sec > .frttl .tgl {
  position: absolute;
  top: 8px;
  right: 0px;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.fr-sec > .frttl .tgl::before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.fr-sec > .frttl .tgl::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  width: 100%;
  height: 1px;
  background-color: #000;
  -webkit-transition: 0.3s 0.3s;
  transition: 0.3s 0.3s;
}
.fr-sec > .frttl.-open .tgl::before {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  -webkit-transition: 0.3s 0.3s;
  transition: 0.3s 0.3s;
}
.fr-sec > .frttl.-open .tgl::after {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.fr-sec > .frcontent {
  display: none;
  padding-bottom: 50px;
  border-bottom: 1px solid #000;
}
.fr-sec > .frcontent.-open {
  display: block;
}
.fr-sec > .frcontent .txtarea {
  margin-top: 25px;
}
.fr-sec > .frcontent .imgarea {
  margin-top: 30px;
}

.article-openhouse .listcover {
  margin-top: 130px;
}
.article-openhouse .sec-openhouse {
  margin-top: 140px;
}
.article-openhouse .slideblock {
  overflow: hidden;
  padding-bottom: 35px;
}
.article-openhouse .main-slide {
  overflow: visible;
}
.article-openhouse .swiper-pagination {
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
}
.article-openhouse .swiper-pagination-bullet-active {
  background-color: #164332;
}
.article-openhouse .outlinetxt p {
  letter-spacing: 0.07em;
  line-height: 2.2;
  margin-bottom: 35px;
}
.article-openhouse .outlinetxt p:last-of-type {
  margin-bottom: 0;
}
.article-openhouse .ggmap {
  height: 330px;
}
.article-openhouse .ggmap iframe {
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .article-openhouse .sec-openhouse,
  .article-openhouse .listcover {
    margin-top: 50px;
  }
}

.sec-openhouse .sottl {
  font-size: 2rem;
}
.sec-openhouse .oh-infobar {
  min-height: 30px;
}
.sec-openhouse .ohinfo {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 300px 20px 1fr;
  grid-template-columns: 300px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media (max-width: 768px) {
  .sec-openhouse .ohinfo {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.oh-infobar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  border-radius: 5px;
  color: #fff;
  background-color: #164332;
  padding: 2px 10px;
}
.oh-infobar.-reserve {
  background-color: #ac5c0c;
}
.oh-infobar.-anytime {
  background-color: #164332;
}
.oh-infobar.-close {
  background-color: #959595;
}
.oh-infobar .date {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
}
.oh-infobar .status {
  font-size: 1.5rem;
}

.article-realestate .retwoclm {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 9% 1fr;
  grid-template-columns: 50% 1fr;
  gap: 50px 9%;
}
.article-realestate .rehead {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: 1/1/2/3;
  margin-top: 130px;
  border-bottom: 1px solid #000;
  padding-bottom: 45px;
}
.article-realestate .rettl {
  font-size: 2rem;
  letter-spacing: 0.22em;
}
.article-realestate .fc {
  letter-spacing: 0.09em;
  line-height: 1.6;
  margin-top: 30px;
}
.article-realestate .fc p {
  margin-top: 20px;
}
.article-realestate .fc p:first-of-type {
  margin-top: 0;
}
.article-realestate .thumbs-slide .swiper-slide {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
}
.article-realestate .slidenav {
  border-top: 1px solid #000;
  margin-top: 50px;
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 50px;
}
.article-realestate .slidenav .prevbtn,
.article-realestate .slidenav .nextbtn {
  font-size: 1.3rem;
  line-height: 1;
  height: 13px;
  background: url(assets/img/cmn/arrow_left.svg) right center no-repeat;
  background-size: auto 100% !important;
  padding-right: 65px;
}
.article-realestate .slidenav .nextbtn {
  background: url(assets/img/cmn/arrow_right.svg) left center no-repeat;
  padding-right: unset;
  padding-left: 65px;
}
.article-realestate .outlinettl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 26px;
  letter-spacing: 0.2em;
  color: #fff;
  background-color: #164332;
  border-radius: 5px;
}
.article-realestate .outlinettl.second_hand {
  background-color: #1F2150;
}
.article-realestate .outlinettl.-sold {
  background-color: #ac5c0c;
}
.article-realestate .mapblock {
  margin-top: 100px;
}
.article-realestate .ggmap {
  height: 460px;
}
.article-realestate .ggmap .iframe {
  aspect-ratio: 85/46;
}
.article-realestate .ggmap iframe {
  width: 100%;
  height: 100%;
}
.article-realestate .hr-bd {
  margin-top: 95px;
}
.article-realestate .othercontents {
  margin-top: 90px;
}
.article-realestate .realestatemap {
  width: 100%;
  height: 500px;
}
.article-realestate .realestatemap .maparea {
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .article-realestate .retwoclm {
    display: block;
  }
  .article-realestate .slideblock {
    margin-top: 40px;
  }
  .article-realestate .rettl {
    grid-area: unset;
  }
  .article-realestate .rightclm {
    margin-top: 60px;
  }
  .article-realestate .mapblock {
    margin-top: 75px;
  }
  .article-realestate .hr-bd {
    margin-top: 75px;
  }
  .article-realestate .othercontents {
    margin-top: 75px;
  }
}

.realestate-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.realestate-card .dl {
  margin-top: 20px;
}
.realestate-card .dl .dt {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 1.2rem;
  border-bottom: 1px solid #000;
  padding-bottom: 3px;
  margin-bottom: 3px;
}
.realestate-card .dl .dt:nth-of-type(2) {
  margin-top: 10px;
}
.realestate-card .dl .dd {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 9px;
}
.realestate-card .new-mark {
  position: absolute;
  left: -15px;
  top: -15px;
  z-index: 15;
}
.realestate-card .area {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.realestate-card .area::before {
  display: inline-block;
  margin-right: 5px;
  content: "";
  width: 15px;
  height: 15px;
  background: url(assets/svg/icons/icon_pen.svg) 0 0 no-repeat;
  background-size: contain;
}
.realestate-card .terms.second_hand {
  background-color: #1F2150;
}
.realestate-card .terms.-sold {
  background-color: #ac5c0c;
}
.realestate-card .sold {
  font-size: 2.4rem;
  color: #ccc;
  margin-top: 5px;
}

.article-hp {
  padding-top: 0;
}
.article-hp > .hp-visualhead {
  height: 100svh;
}
.article-hp > .cmnblock2 {
  width: calc(100% - 40px);
  max-width: 1000px !important;
  margin: auto;
  -ms-grid-columns: 1fr 71%;
  grid-template-columns: 1fr 71%;
  margin-top: 115px;
}
.article-hp .cmn-sidenav {
  padding-left: 0;
}
.article-hp .sec-hp {
  margin-top: 100px;
}
.article-hp .sec-hp:first-of-type {
  margin-top: 0;
}
.article-hp .cmn-navmenu {
  width: 100%;
  max-width: 850px;
  margin: auto;
  margin-top: 100px;
}
.article-hp .mainclm.-ovh {
  overflow: hidden;
}
.article-hp .datalist-tb {
  width: 100%;
  min-width: 670px;
}
.article-hp .tbcover {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  padding-bottom: 20px;
}
.article-hp .yearlycover {
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  margin-top: 50px;
}
.article-hp .yearlycover .tbcover {
  display: none;
  overflow-y: hidden;
}
.article-hp .yearly-head {
  height: 70px;
}
@media (max-width: 768px) {
  .article-hp > .cmnblock2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .article-hp .cmn-sidenav {
    display: none;
  }
  .article-hp .yearlycover {
    margin-top: 30px;
  }
  .article-hp .yearly-head {
    height: 50px;
  }
}

.hp-visualhead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(assets/img/housing-performance/safety-security/mv.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.hp-visualhead.-energy-saving {
  background-image: url(assets/img/housing-performance/energy-saving/mv.jpg);
}
.hp-visualhead.-healthy-spaces {
  background-image: url(assets/img/housing-performance/healthy-spaces/mv.jpg);
}
.hp-visualhead.-technologies {
  background-image: url(assets/img/housing-performance/technologies/mv.jpg);
}
.hp-visualhead.-data {
  background-image: url(assets/img/housing-performance/data/mv.jpg);
}
.hp-visualhead.-zeh {
  background-image: url(assets/img/housing-performance/zeh/mv.jpg);
}
.hp-visualhead > .pagettl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 19px;
  letter-spacing: 0.23em;
  line-height: 1;
  color: #fff;
}
.hp-visualhead .parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.2em;
}
.hp-visualhead .parent::before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 5px;
}
@media (max-width: 768px) {
  .hp-visualhead {
    background-image: url(assets/img/housing-performance/safety-security/mv_sp.jpg);
    background-attachment: scroll !important;
  }
  .hp-visualhead.-energy-saving {
    background-image: url(assets/img/housing-performance/energy-saving/mv_sp.jpg);
    background-attachment: scroll !important;
  }
  .hp-visualhead.-healthy-spaces {
    background-image: url(assets/img/housing-performance/healthy-spaces/mv_sp.jpg);
    background-attachment: scroll !important;
  }
  .hp-visualhead.-technologies {
    background-image: url(assets/img/housing-performance/technologies/mv_sp.jpg);
    background-attachment: scroll !important;
  }
  .hp-visualhead.-data {
    background-image: url(assets/img/housing-performance/data/mv_sp.jpg);
    background-attachment: scroll !important;
  }
  .hp-visualhead.-zeh {
    background-image: url(assets/img/housing-performance/zeh/mv_sp.jpg);
    background-attachment: scroll !important;
  }
}

.sec-hp.-bdt {
  border-top: 1px solid #000;
}
.sec-hp.-bdt .inner {
  margin-top: 0;
  padding-top: 75px;
}
.sec-hp.sec-hp-togoal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sec-hp.sec-hp-togoal .imgarea {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.sec-hp.sec-hp-togoal .imgarea.-clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 5px 43.8%;
  grid-template-columns: 1fr 43.8%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 5px;
}
.sec-hp.sec-hp-togoal .txtarea {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: 35px;
}
.sec-hp.sec-hp-togoal .txtarea.-clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 254px;
  grid-template-columns: 1fr 254px;
  gap: 30px;
}
.sec-hp.sec-hp-togoal .txtarea .txt {
  letter-spacing: 0.075em;
  line-height: 2.2;
}
.sec-hp .settl {
  font-size: 2rem;
  letter-spacing: 0.15em;
  margin-bottom: 15px;
}
.sec-hp .hpttl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 54px 1fr;
  grid-template-columns: auto 54px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec-hp .hpttl::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #000;
}
.sec-hp .hpttl .ttltxt {
  font-size: 1.2rem;
  letter-spacing: 0.34em;
  padding-right: 10px;
}
.sec-hp .hpttl .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 54px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1.8rem;
  border: 1px solid #000;
  border-radius: 50%;
}
.sec-hp .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 35px 296px;
  grid-template-columns: 1fr 296px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 35px;
  margin-top: 55px;
}
.sec-hp .inner.-vc {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec-hp .lead {
  font-size: 2rem;
  letter-spacing: 0.15em;
  margin-bottom: 15px;
}
.sec-hp .txt {
  word-break: break-all;
  letter-spacing: 0.08em;
  line-height: 2.2;
}
.sec-hp .caption {
  font-size: 1.1rem;
  margin-top: 10px;
}
.sec-hp .movieblock .movie01 {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
}
.sec-hp .-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sec-hp .-flex .txtarea {
  max-width: 431px;
  width: 431px;
  margin-top: 20px;
}
.sec-hp .-flex .imgarea {
  width: 250px;
  max-width: 250px;
  height: auto;
}
.sec-hp .-flex .imgarea img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.07);
}
.sec-hp ._boxshadow {
  -webkit-box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.07);
}
@media (max-width: 768px) {
  .sec-hp .inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 60px;
  }
  .sec-hp .imgarea img {
    height: auto;
  }
  .sec-hp > .txtarea.-clm2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 30px;
    max-width: initial;
    width: auto;
  }
  .sec-hp .-flex {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .sec-hp .-flex .txtarea {
    max-width: initial;
    width: auto;
    margin-top: 20px;
  }
  .sec-hp .-flex .imgarea {
    width: 100%;
    max-width: 431px;
    height: auto;
  }
  .sec-hp .-flex .imgarea img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    -webkit-box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.07);
  }
}

.sec-hp-table-wrapper:nth-of-type(1) {
  margin-top: 30px;
}
.sec-hp-table-wrapper:nth-of-type(2) {
  margin-top: 30px;
  margin-bottom: 75px;
}
.sec-hp-table-wrapper:nth-of-type(3) {
  margin-top: 30px;
  margin-bottom: 75px;
}
.sec-hp-table {
  width: 100%;
  font-size: 10px;
  overflow: hidden;
  position: relative;
  cursor: grab;
  cursor: -webkit-grab;
}
.sec-hp-table.dragging {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}
.sec-hp-table img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.5;
  border-radius: 0;
}
@media (max-width: 768px) {
  .sec-hp-table {
    overflow: hidden;
    width: 90vw;
  }
}

.sec-hp-table_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
  gap: 10px;
}
.sec-hp-table_btn .left, .sec-hp-table_btn .right {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.scroll_bar {
  position: relative;
  width: 100%;
  max-width: 579px;
  height: 5px;
  margin-left: 20px;
  background-color: #fff;
}
.scroll_bar span {
  position: absolute;
  display: block;
  top: 2px;
  left: 0;
  width: 100%;
  max-width: 420px;
  height: 1px;
  background-color: #164332;
}
@media (max-width: 768px) {
  .scroll_bar {
    max-width: 300px;
  }
  .scroll_bar span {
    max-width: 140px;
  }
}

.datalist-tb {
  border-collapse: collapse;
}
.datalist-tb .th,
.datalist-tb .td {
  font-size: 1.1rem;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #000;
}
.datalist-tb > .thead .th {
  color: #fff;
  background-color: #164332;
  height: 30px;
  width: 13%;
  text-spacing-trim: trim-start;
}
.datalist-tb > .thead .th.-h {
  width: 8%;
}
.datalist-tb > .thead .th.-l {
  width: 16%;
}
.datalist-tb > .thead .th.-w7 {
  width: 7%;
}
.datalist-tb > .thead .th.-w8 {
  width: 8%;
}
.datalist-tb > .thead .th.-w11 {
  width: 11%;
}
.datalist-tb > .thead .th.-w12 {
  width: 12%;
}
.datalist-tb > .thead .th.-w13 {
  width: 13%;
}
.datalist-tb > .thead .th.-w14 {
  width: 14%;
}
.datalist-tb > .thead .th.-w15 {
  width: 15%;
}
.datalist-tb > .thead .th.-w16 {
  width: 16%;
}
.datalist-tb > .thead .th.-w10 {
  width: 10%;
}
.datalist-tb > .thead .th.-w20 {
  width: 20%;
}
.datalist-tb > .tbody .tr:nth-last-of-type(even) {
  background-color: #eaeaea;
}
.datalist-tb > .tbody .td {
  height: 60px;
  text-spacing-trim: trim-start;
}
.datalist-tb > .tbody .sub {
  font-size: 0.8rem;
}
@media (max-width: 768px) {
  .datalist-tb > .tbody .td {
    height: 40px;
  }
}

.yearly-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.yearly-head .tgl {
  position: absolute;
  top: calc(50% - 6px);
  right: 20px;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.yearly-head .tgl::before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.yearly-head .tgl::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  width: 100%;
  height: 1px;
  background-color: #000;
  -webkit-transition: opacity 0.3s 0.3s, background-color 0.3s, -webkit-transform 0.3s 0.3s;
  transition: opacity 0.3s 0.3s, background-color 0.3s, -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, background-color 0.3s;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, background-color 0.3s, -webkit-transform 0.3s 0.3s;
}
.yearly-head.-active .tgl::before {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  -webkit-transition: 0.3s 0.3s;
  transition: 0.3s 0.3s;
}
.yearly-head.-active .tgl::after {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.article-sustainability > .cmnblock2 {
  width: calc(100% - 40px);
  max-width: 1000px !important;
  margin: auto;
  -ms-grid-columns: 1fr 71%;
  grid-template-columns: 1fr 71%;
  margin-top: 130px;
}
.article-sustainability .cmn-sidenav {
  padding-left: 0;
}
.article-sustainability .sec-env {
  margin-top: 125px;
}
.article-sustainability .sec-env:first-of-type {
  margin-top: 0;
}
@media (max-width: 768px) {
  .article-sustainability > .cmnblock2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .article-sustainability .cmn-sidenav {
    display: none;
  }
}

.sec-env {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sec-env .imgarea {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.sec-env .imgarea.-clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 5px 43.8%;
  grid-template-columns: 1fr 43.8%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 5px;
}
.sec-env .txtarea {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: 35px;
}
.sec-env .txtarea.-clm2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 254px;
  grid-template-columns: 1fr 254px;
  gap: 30px;
}
.sec-env .txtarea .txt {
  letter-spacing: 0.075em;
  line-height: 2.2;
}
.sec-env .settl {
  font-size: 2rem;
  letter-spacing: 0.15em;
  margin-bottom: 15px;
}
.sec-env .ttl02 {
  font-size: 1.7rem;
  letter-spacing: 0.22em;
  margin-top: 40px;
}
.sec-env .ttl03 {
  font-size: 1.7rem;
  letter-spacing: 0.16em;
  margin-top: 15px;
}
.sec-env .sectxt {
  letter-spacing: 0.08em;
  line-height: 2.2;
  margin-top: 15px;
}
.sec-env .btnarea {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-top: 25px;
}
.sec-env .btnarea.-odn {
  -webkit-box-ordinal-group: unset;
      -ms-flex-order: unset;
          order: unset;
}
.sec-env .btnarea.-btn2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.sec-env .btnarea.-btn3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.sec-env .btnarea .linkbtn {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  max-width: unset;
  min-width: unset;
}
.sec-env .sdgswb {
  display: -ms-grid;
  display: grid;
  place-content: center;
  background-color: #f5f2f0;
  padding: 50px 20px;
}
.sec-env .sdgswb .sdgsimg {
  height: 140px;
}
.sec-env .secinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sec-env .dl-awards {
  margin-top: 45px;
}
.sec-env .-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sec-env .-flex .txtarea {
  max-width: 431px;
  width: 431px;
  margin-top: 20px;
}
.sec-env .-flex .imgarea {
  width: 250px;
  max-width: 250px;
  height: auto;
}
.sec-env .-flex .imgarea img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.07);
}
.sec-env ._boxshadow {
  -webkit-box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.07);
}
@media (max-width: 768px) {
  .sec-env .btnarea.-btn2, .sec-env .btnarea.-btn3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .sec-env > .txtarea.-clm2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .sec-env .sdgswb {
    padding: 30px 20px;
  }
  .sec-env .imgarea img {
    height: auto;
  }
  .sec-env .-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .sec-env .-flex .txtarea {
    max-width: initial;
    width: 100%;
    margin-top: 20px;
  }
  .sec-env .-flex .imgarea {
    width: 100%;
    max-width: 431px;
    height: auto;
  }
  .sec-env .-flex .imgarea img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    -webkit-box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.07);
  }
}

.sec-env-table-wrapper:nth-of-type(1) {
  margin-top: 30px;
  margin-bottom: -100px;
}
.sec-env-table-wrapper:nth-of-type(2) {
  margin-top: 30px;
  margin-bottom: 75px;
}
.sec-env-table {
  width: 100%;
  font-size: 10px;
  overflow: hidden;
  position: relative;
  cursor: grab;
  cursor: -webkit-grab;
}
.sec-env-table.dragging {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}
.sec-env-table img {
  width: auto;
  height: 445px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.5;
  border-radius: 0;
}
.sec-env-table.small {
  max-height: 150px;
}
.sec-env-table.small img {
  height: 150px;
}
@media (max-width: 768px) {
  .sec-env-table {
    width: 95vw;
  }
}

.sec-env-table_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
  gap: 10px;
}
.sec-env-table_btn .left, .sec-env-table_btn .right {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.scroll_bar {
  position: relative;
  width: 100%;
  max-width: 579px;
  height: 5px;
  margin-left: 20px;
  background-color: #fff;
}
.scroll_bar span {
  position: absolute;
  display: block;
  top: 2px;
  left: 0;
  width: 100%;
  max-width: 420px;
  height: 1px;
  background-color: #164332;
}
@media (max-width: 768px) {
  .scroll_bar {
    max-width: 300px;
  }
  .scroll_bar span {
    max-width: 140px;
  }
}

.sdgs-area {
  border: 1px solid #000;
  border-top: none;
  padding: 100px 100px 90px;
  position: relative;
}
.sdgs-area > .sdgsttl {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 21px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto 1fr;
  grid-template-columns: 1fr auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem;
  letter-spacing: 0.22em;
  line-height: 1;
  translate: 0 -10px;
}
.sdgs-area > .sdgsttl::before, .sdgs-area > .sdgsttl::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #000;
}
.sdgs-area > .sdgsttl .ttltxt {
  position: relative;
  padding: 0 30px;
}
.sdgs-area > .sdgsttl .ttltxt::before, .sdgs-area > .sdgsttl .ttltxt::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% - 5px);
  width: 1px;
  height: 10px;
  background-color: #000;
}
.sdgs-area > .sdgsttl .ttltxt::after {
  left: unset;
  right: 0;
}
@media (max-width: 768px) {
  .sdgs-area {
    padding: 40px 20px;
  }
  .sdgs-area > .sdgsttl {
    font-size: 1.7rem;
  }
  .sdgs-area > .sdgsttl .ttltxt {
    padding: 0 20px;
  }
}

.dl-awards > .dt {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 2.5rem;
  font-weight: 400;
  margin-bottom: 20px;
}
.dl-awards > .dd {
  font-size: 1.7rem;
  text-spacing-trim: trim-start;
  border-bottom: 1px solid #959595;
  padding-bottom: 21px;
  margin-bottom: 20px;
}
.dl-awards > .dd:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.sec-hoyie {
  border: 1px solid #000;
  border-top: none;
  padding: 65px 75px;
  position: relative;
}
.sec-hoyie > .shttl {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 21px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto 1fr;
  grid-template-columns: 1fr auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem;
  line-height: 1;
  translate: 0 -10px;
}
.sec-hoyie > .shttl::before, .sec-hoyie > .shttl::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #000;
}
.sec-hoyie > .shttl .ttltxt {
  position: relative;
  padding: 0 30px;
}
.sec-hoyie > .shttl .ttltxt::before, .sec-hoyie > .shttl .ttltxt::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% - 5px);
  width: 1px;
  height: 10px;
  background-color: #000;
}
.sec-hoyie > .shttl .ttltxt::after {
  left: unset;
  right: 0;
}
.sec-hoyie .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 204px;
  grid-template-columns: 1fr 204px;
  gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec-hoyie .inner .rightclm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.sec-hoyie .inner .img {
  mix-blend-mode: darken;
}
.sec-hoyie .inner .linkbtn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: unset;
  min-width: 204px;
}
@media (max-width: 920px) {
  .sec-hoyie {
    padding: 40px 20px;
    border-top: 1px solid #000;
  }
  .sec-hoyie > .shttl {
    position: static;
    width: 100%;
    height: auto;
    display: block;
    font-size: 1.7rem;
    line-height: 1.5;
    translate: 0 0;
    margin-bottom: 40px;
  }
  .sec-hoyie > .shttl::before, .sec-hoyie > .shttl::after {
    display: none;
  }
  .sec-hoyie > .shttl .ttltxt {
    padding: 0;
  }
  .sec-hoyie > .shttl .ttltxt::before, .sec-hoyie > .shttl .ttltxt::after {
    display: none;
  }
}
@media (max-width: 768px) {
  .sec-hoyie .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sec-hoyie .inner .rightclm {
    max-width: 204px;
  }
  .sec-hoyie .inner .linkbtn {
    width: 100%;
    max-width: unset;
    min-width: 204px;
  }
  .sec-hoyie .imgarea img {
    height: auto;
  }
}

.article-lineup.-single .cmn-header {
  padding-bottom: 0;
}
.article-lineup.-single .cmn-header::before, .article-lineup.-single .cmn-header::after {
  display: none;
}
.article-lineup.-single .pagettl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.article-lineup.-single .pagettl::before, .article-lineup.-single .pagettl::after {
  display: none;
}
.article-lineup.-single .pagettl .ttltxt {
  width: 243px;
  height: 70px;
  margin-top: 30px;
}
.article-lineup.-single .pagettl .ttltxt.-hiraya {
  width: auto;
  height: 70px;
}
.article-lineup.-single .pagettl .txtjp {
  font-size: 1.4rem;
  letter-spacing: 0;
  margin-top: 15px;
}
.article-lineup .lead {
  font-size: 1.7rem;
  letter-spacing: 0.22em;
}
.article-lineup .lead .sub {
  font-size: 1rem;
  letter-spacing: 0;
  margin-left: 20px;
}
.article-lineup .leadtxt {
  letter-spacing: 0.08em;
  line-height: 2.2;
}
.article-lineup .awards {
  background-color: #f5f2f0;
  border-radius: 5px;
  padding: 50px;
  margin-top: 75px;
}
.article-lineup .awards .awttl {
  font-size: 1.7rem;
  letter-spacing: 0.22em;
}
.article-lineup .awards .awardsbtn {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 30px;
}
.article-lineup .awards .awardsbtn .linkbtn {
  max-width: unset;
  min-width: unset;
  width: 100%;
  height: 32px;
}
.article-lineup .swiper-custom {
  width: calc(100% - 40px);
  max-width: 1050px !important;
  margin: auto;
  margin-top: 75px;
}
.article-lineup .uvttl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 50px auto 50px 1fr;
  grid-template-columns: 1fr auto 1fr;
  -ms-grid-rows: 38px;
  grid-template-rows: 38px;
  gap: 0 50px;
  height: 38px;
}
.article-lineup .uvttl > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.article-lineup .uvttl > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.article-lineup .uvttl > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.article-lineup .uvttl .ttltxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(2rem, 3.5vw, 2.4rem);
  letter-spacing: 0.25em;
}
.article-lineup .uvttl::before {
  content: "";
  background: url(assets/img/cmn/ttl_bg.svg) right center no-repeat;
  background-size: auto 100%;
}
.article-lineup .uvttl::after {
  content: "";
  background: url(assets/img/cmn/ttl_bg.svg) right center no-repeat;
  background-size: auto 100%;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.article-lineup .usersvoice {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 325px 40px 1fr;
  grid-template-columns: 325px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
.article-lineup .usersvoice .lead {
  font-size: 1.7rem;
}
.article-lineup .usersvoice .txt {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 25px;
}
.article-lineup .usersvoice .link-btn2 {
  margin-top: 70px;
}
.article-lineup .usersvoice .imgarea {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
}
.article-lineup .reserve-btn {
  padding: 0 20px;
}
@media (max-width: 768px) {
  .article-lineup.-single .pagettl .ttltxt {
    width: auto;
    height: 50px;
  }
  .article-lineup.-single .pagettl .ttltxt.-hiraya {
    width: auto;
    height: 50px;
  }
  .article-lineup.-single .pagettl .img {
    width: auto;
    height: 50px;
  }
  .article-lineup .awards {
    padding: 20px;
  }
  .article-lineup .awards .awardsbtn {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .article-lineup .usersvoice {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }
  .article-lineup .usersvoice .imgarea {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/2/2;
  }
  .article-lineup .usersvoice .imgarea img {
    height: auto;
  }
}

.lineup-card {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 400px 1fr;
  grid-template-columns: 400px 1fr;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  border-radius: 0;
}
.lineup-card .imgarea {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
  border-radius: 0;
}
.lineup-card .txtarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  gap: 20px;
}
.lineup-card .name {
  letter-spacing: 0;
}
.lineup-card .img.-hiraya {
  height: 43px;
}
@media (max-width: 768px) {
  .lineup-card {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .lineup-card .txtarea {
    padding: 40px 20px;
  }
}

.article-maintenance .maintenancelist {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  font-size: 1.7rem;
}
.article-maintenance .rowtwo-btmnav {
  margin-top: 100px;
}
.article-maintenance .cmn-navmenu {
  padding: 0 20px;
}
@media (max-width: 768px) {
  .article-maintenance .maintenancelist {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.maintenance-card {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 205px 1fr;
  grid-template-columns: 205px 1fr;
  border-radius: 5px;
  background-color: #f5f2f0;
}
.maintenance-card > .imgarea {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
}
.maintenance-card > .cardttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .maintenance-card {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.sec-ecocl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 192px 40px 1fr;
  grid-template-columns: 192px 1fr;
  gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 50px;
  border-bottom: 1px solid #000;
}
.sec-ecocl:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}
.sec-ecocl > .imgarea {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
}
.sec-ecocl .settl {
  font-size: 1.7rem;
}
.sec-ecocl .txt {
  letter-spacing: 0.08em;
  line-height: 2.2;
  margin-top: 12px;
}
@media (max-width: 768px) {
  .sec-ecocl {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .sec-ecocl > .imgarea {
    margin-left: auto;
    margin-right: auto;
  }
}

.sec-maintenance {
  padding: 45px 0 42px;
  border-bottom: 1px solid #c6c6c6;
}
.sec-maintenance:first-of-type, .sec-maintenance.-bdt {
  border-top: 1px solid #c6c6c6;
}
.sec-maintenance.-s02 {
  padding-top: 0;
}
.sec-maintenance > .sechead {
  border-bottom: 1px solid #c6c6c6;
  padding-bottom: 45px;
}
.sec-maintenance > .inner {
  width: calc(100% - 40px);
  max-width: 750px !important;
  margin: auto;
}
.sec-maintenance .smttl {
  font-size: 1.7rem;
  letter-spacing: 0.15em;
}
.sec-maintenance .txt {
  margin-top: 13px;
  letter-spacing: 0.07em;
  line-height: 2.2;
}

.mainte-dl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 156px 0 1fr;
  grid-template-columns: 156px 1fr;
  grid-auto-rows: 44px;
  gap: 10px 0;
}
.mainte-dl > .dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #164332;
}
.mainte-dl > .dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f2f0;
  padding: 0 20px 0 30px;
}
@media (max-width: 768px) {
  .mainte-dl {
    -ms-grid-columns: 120px 1fr;
    grid-template-columns: 120px 1fr;
  }
  .mainte-dl > .dd {
    padding: 0 15px 0 20px;
  }
}

.swiper-custom {
  position: relative;
  padding: 0 100px;
}
.swiper-custom .swiper-custom-next,
.swiper-custom .swiper-custom-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  position: absolute;
  top: 40%;
  width: 120px;
  height: 14px;
  z-index: 50;
  cursor: pointer;
  font-size: 1.3rem;
  letter-spacing: 0;
  color: #000;
}
.swiper-custom .swiper-custom-next::after,
.swiper-custom .swiper-custom-prev::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  width: 40px;
  height: 12px;
  background: url(assets/img/cmn/arrow_left.svg) left center no-repeat;
  background-size: auto 100%;
}
.swiper-custom .swiper-custom-next::before,
.swiper-custom .swiper-custom-prev::before {
  display: none;
}
.swiper-custom .swiper-custom-next:hover,
.swiper-custom .swiper-custom-prev:hover {
  opacity: 0.6;
}
.swiper-custom .swiper-custom-next.swiper-button-disabled,
.swiper-custom .swiper-custom-prev.swiper-button-disabled {
  opacity: 0.2;
  cursor: default;
}
.swiper-custom .swiper-custom-next {
  right: 0;
}
.swiper-custom .swiper-custom-next::after {
  display: none;
}
.swiper-custom .swiper-custom-next::before {
  display: block;
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  width: 40px;
  height: 12px;
  background: url(assets/img/cmn/arrow_right.svg) right center no-repeat;
  background-size: auto 100%;
}
.swiper-custom .swiper-custom-prev {
  left: 0;
}
@media (max-width: 768px) {
  .swiper-custom {
    padding: 0 20px;
  }
  .swiper-custom .swiper-custom-next,
  .swiper-custom .swiper-custom-prev {
    font-size: 0;
    width: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    gap: 0;
  }
}

.article-guide {
  padding-top: 0;
}
.article-guide > .visualhead {
  height: 100svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(assets/img/guide/mv.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.article-guide > .visualhead > .pagettl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
  line-height: 1;
  color: #fff;
}
.article-guide .lead {
  margin: 150px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 30px;
}
.article-guide .sec-guide {
  height: 100vh;
  position: relative;
  z-index: 800;
}
@media (max-width: 768px) {
  .article-guide .lead {
    margin: 100px auto;
  }
}

.sec-guide {
  background-image: url(assets/img/guide/img01.jpg);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  background-size: auto 125vh;
  -webkit-animation: parallax01 ease-out forwards;
          animation: parallax01 ease-out forwards;
  animation-timeline: view();
  animation-range: cover 0% cover 100%;
  -webkit-animation-duration: 1ms;
          animation-duration: 1ms;
  padding: 145px 50px 50px;
}
.sec-guide.-g02 {
  background-image: url(assets/img/guide/img02.jpg);
}
.sec-guide.-g03 {
  background-image: url(assets/img/guide/img03.jpg);
}
.sec-guide.-g04 {
  background-image: url(assets/img/guide/img04.jpg);
}
.sec-guide.-g05 {
  background-image: url(assets/img/guide/img05.jpg);
}
.sec-guide > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
  color: #fff;
}
.sec-guide .sgttl {
  font-size: 2.1rem;
  letter-spacing: 0.22em;
  border-bottom: 1px solid #fff;
  padding-bottom: 3px;
}
.sec-guide .leadarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  gap: 20px;
}
.sec-guide .txtarea {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 465px;
          flex: 0 1 465px;
  max-width: 100%;
}
.sec-guide .leadtxt {
  font-size: 1.7rem;
  letter-spacing: 0.22em;
  margin-bottom: 20px;
}
.sec-guide .txt {
  letter-spacing: 0.05em;
  line-height: 2.05;
}
.sec-guide .btnarea {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 300px;
          flex: 0 1 300px;
  max-width: 100%;
}
.sec-guide .link-btn2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.sec-guide .link-btn2 .linkbtn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: unset;
  min-width: unset;
  color: #000;
  background-color: #fff;
  border-color: #fff;
}
.sec-guide .link-btn2 .linkbtn:hover {
  color: #fff;
  background-color: #164332;
}
@media (max-width: 768px) {
  .sec-guide {
    padding: 50px 30px;
  }
  .sec-guide > .inner {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .sec-guide .leadarea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 40px;
  }
  .sec-guide .txtarea {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    max-width: unset;
  }
  .sec-guide .btnarea {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
  }
  .sec-guide .link-btn2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sec-guide .link-btn2 .linkbtn {
    max-width: 360px;
  }
}

.sec-recruit {
  border: 1px solid #000;
  border-radius: 5px;
  padding: 0 75px 75px;
}
.sec-recruit > .srttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
}
.sec-recruit > .srttl .ttltxt {
  font-size: 1.8rem;
  letter-spacing: 0.3em;
  text-align: center;
  padding: 0 35px;
  background: url(assets/img/cmn/beige_bg.jpg) center center repeat;
}
.sec-recruit > .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 25px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
  letter-spacing: 0em;
  line-height: 2.2;
  margin-top: 20px;
}
.sec-recruit .logoarea {
  background-color: #fff;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 170px;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .sec-recruit {
    padding: 0 25px 25px;
  }
  .sec-recruit > .srttl {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  .sec-recruit > .srttl .ttltxt {
    font-size: 1.6rem;
    padding: 0 20px;
  }
  .sec-recruit > .inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-top: 0;
  }
  .sec-recruit .logoarea {
    min-height: 125px;
  }
}

.recruit-ttl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto 1fr;
  grid-template-columns: 1fr auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.recruit-ttl::before, .recruit-ttl::after {
  content: "";
  width: auto;
  height: 1px;
  background-color: #000;
}
.recruit-ttl > .ttltxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem;
  letter-spacing: 0.3em;
  text-align: center;
  padding: 0 40px;
  position: relative;
}
.recruit-ttl > .ttltxt::before, .recruit-ttl > .ttltxt::after {
  content: "";
  position: absolute;
  top: calc(100% + 30px);
  left: calc(50% - 5px);
  width: 4px;
  height: 4px;
  background-color: #164332;
  border-radius: 50%;
}
.recruit-ttl > .ttltxt::after {
  left: calc(50% + 5px);
  background-color: #ac5c0c;
}
@media (max-width: 768px) {
  .recruit-ttl > .ttltxt {
    font-size: 1.8rem;
    padding: 0 15px;
  }
}

.job-details {
  padding: 25px 50px;
  border: 1px solid #707070;
  border-radius: 5px;
}
.job-details .details {
  display: none;
}
@media (max-width: 768px) {
  .job-details {
    padding: 25px 20px;
  }
}

.job-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  font-size: 1.8rem;
  letter-spacing: 0.3em;
  cursor: pointer;
}
.job-ttl .tgl {
  position: absolute;
  top: calc(50% - 6px);
  right: 0;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.job-ttl .tgl::before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.job-ttl .tgl::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  width: 100%;
  height: 1px;
  background-color: #000;
  -webkit-transition: opacity 0.3s 0.3s, background-color 0.3s, -webkit-transform 0.3s 0.3s;
  transition: opacity 0.3s 0.3s, background-color 0.3s, -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, background-color 0.3s;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, background-color 0.3s, -webkit-transform 0.3s 0.3s;
}
.job-ttl.-active .tgl::before {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  -webkit-transition: 0.3s 0.3s;
  transition: 0.3s 0.3s;
}
.job-ttl.-active .tgl::after {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}