@charset "UTF-8";
/*-----------------font---------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@600;700&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@700&display=swap");
/*-----------------reset---------------------*/
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: inherit;
  vertical-align: baseline;
}

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;
}

a,
img {
  color: #000;
  border-width: 0px;
  border-style: none;
  background: transparent;
}

a:link {
  color: #000;
  text-decoration: none;
}

a:visited {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: none;
}

body {
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden;
}

img {
  width: 100%;
}

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

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

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

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

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

.content_w1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.content_w1300 {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}

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

.content_w1500 {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}

.content_w1600 {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.ib {
  display: inline-block;
}

.notes {
  width: 90%;
  margin: 0 auto;
  max-width: 1000px;
  padding: 50px 0;
}

.note {
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.2em;
  text-align: left;
}

.co_fff {
  color: #fff;
}

.co_000 {
  color: #000;
}

.h1Tag {
  display: none;
}

@media screen and (min-width: 769px) {
  ._sp {
    display: none;
  }
  ._pc {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .notes {
    width: 90%;
    padding: 6.66666665vw 0;
  }
  ._sp {
    display: block;
  }
  ._pc {
    display: none;
  }
}
@font-face {
  font-family: "en";
  src: url(../fonts/ENGR.ttf);
}
@font-face {
  font-family: "ad";
  src: url(../fonts/Audrey-Normal.otf) format("opentype");
}
@font-face {
  font-family: "din";
  src: url(../fonts/DINAlternateBold.ttf);
}
@font-face {
  font-family: "gara";
  src: url(../fonts/gara.otf) format("opentype");
}
@font-face {}
body {
  font-family: "a-otf-ryumin-pr6n", serif;
}

.gara {
  font-weight: 400;
  font-style: normal;
}

.garai {
  font-weight: 500;
  font-style: italic;
}

.gara_1 {
  font-family: "gara";
  src: url(../fonts/gara.otf) format("opentype");
}

.shippori-700 {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 700;
  font-style: normal;
}

.scrollin_anime_01 {
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.scrollin_anime_01.scrollin {
  opacity: 1;
}
.scrollin_anime_01.scrollin .anm:before, .scrollin_anime_01.scrollin .anm:after {
  width: 0;
}
.scrollin_anime_01 .anm {
  position: relative;
}
.scrollin_anime_01 .anm:before, .scrollin_anime_01 .anm:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.scrollin_anime_01 .anm:after {
  background: #dbdcdd;
}
.scrollin_anime_01 .anm:before {
  background: #fff;
}
.scrollin_anime_01 .anm_01:after {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
.scrollin_anime_01 .anm_01:before {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.scrollin_anime_01 .anm_02:after {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.scrollin_anime_01 .anm_02:before {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.scrollin_anime_01 .anm_03:after {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.scrollin_anime_01 .anm_03:before {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.scrollin_anime_01 .anm_04:after {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.scrollin_anime_01 .anm_04:before {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.scrollin_anime_01 .anm_05:after {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.scrollin_anime_01 .anm_05:before {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
.scrollin_anime_01 .anm_06:after {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.scrollin_anime_01 .anm_06:before {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}

.scrollin_anime_02 {
  opacity: 0;
  -webkit-transition: 2s;
  transition: 2s;
}
.scrollin_anime_02.scrollin {
  opacity: 1;
}
.scrollin_anime_02.scrollin .anm_box .anm {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.scrollin_anime_02 .anm_box {
  overflow: hidden;
}
.scrollin_anime_02 .anm_box .anm {
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: 2s;
  transition: 2s;
}
.scrollin_anime_02 .anm_box .anm_01 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.scrollin_anime_03.scrollin .anm {
  opacity: 1;
}
.scrollin_anime_03 .anm {
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.scrollin_anime_03 .anm_01 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.scrollin_anime_03 .anm_02 {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.scrollin_anime_03 .anm_03 {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.scrollin_anime_03 .anm_04 {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}

/*-------anime0-------*/
.anime0 {
  opacity: 0;
  -webkit-filter: blur(100px);
          filter: blur(100px);
  -webkit-transition: all 2s;
  transition: all 2s;
}

.anime0.scrollin {
  opacity: 1;
  -webkit-filter: blur(0px);
          filter: blur(0px);
}

.anime1 {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
}

.anime1.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.anime2 {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.anime2.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.anime3 {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.anime3.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.anime4 {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.anime4.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.anime5 {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.anime5.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.anime6 {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.anime6.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.anime7 {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

.anime7.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.anime8 {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}

.anime8.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.anime9 {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 2.4s;
          transition-delay: 2.4s;
}

.anime9.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.anime10 {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 2.7s;
          transition-delay: 2.7s;
}

.anime10.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.anime11 {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 3s;
          transition-delay: 3s;
}

.anime11.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.anime12 {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 3.3s;
          transition-delay: 3.3s;
}

.anime12.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.anime13 {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 3.6s;
          transition-delay: 3.6s;
}

.anime13.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.anime14 {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 3.9s;
          transition-delay: 3.9s;
}

.anime14.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.anime15 {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 4.9s;
          transition-delay: 4.9s;
}

.anime15.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.anime16 {
  opacity: 0;
  -webkit-filter: blur(100px);
          filter: blur(100px);
  -webkit-transition: all 2s;
  transition: all 2s;
}

.anime16.scrollin {
  opacity: 1;
  -webkit-filter: blur(0px);
          filter: blur(0px);
}

.anime17 {
  opacity: 0;
  -webkit-filter: blur(100px);
          filter: blur(100px);
  -webkit-transition: all 5s;
  transition: all 5s;
}

.anime17.scrollin {
  opacity: 1;
  -webkit-filter: blur(0px);
          filter: blur(0px);
}

/*-------anime1_0-------*/
.anime1_1 {
  opacity: 0;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
}

.anime1_1.scrollin {
  opacity: 1;
}

.anime1_2 {
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.anime1_2.scrollin {
  opacity: 1;
}

.anime1_3 {
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.anime1_3.scrollin {
  opacity: 1;
}

.anime1_4 {
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.anime1_4.scrollin {
  opacity: 1;
}

.anime1_5 {
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.anime1_5.scrollin {
  opacity: 1;
}

.anime1_6 {
  opacity: 0;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.anime1_6.scrollin {
  opacity: 1;
}

.anime1_7 {
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.anime1_7.scrollin {
  opacity: 1;
}

.anime1_8 {
  opacity: 0;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}

.anime1_8.scrollin {
  opacity: 1;
}

.anime1_9 {
  opacity: 0;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 2.4s;
          transition-delay: 2.4s;
}

.anime1_9.scrollin {
  opacity: 1;
}

.anime1_10 {
  opacity: 0;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 2.7s;
          transition-delay: 2.7s;
}

.anime1_10.scrollin {
  opacity: 1;
}

.anime1_11 {
  opacity: 0;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 3s;
          transition-delay: 3s;
}

.anime1_11.scrollin {
  opacity: 1;
}

.anime1_12 {
  opacity: 0;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 3.3s;
          transition-delay: 3.3s;
}

.anime1_12.scrollin {
  opacity: 1;
}

.anime1_13 {
  opacity: 0;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 3.6s;
          transition-delay: 3.6s;
}

.anime1_13.scrollin {
  opacity: 1;
}

.anime1_14 {
  opacity: 0;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 3.9s;
          transition-delay: 3.9s;
}

.anime1_14.scrollin {
  opacity: 1;
}

.anime1_15 {
  opacity: 0;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 4.2s;
          transition-delay: 4.2s;
}

.anime1_15.scrollin {
  opacity: 1;
}

.anime1_16 {
  opacity: 0;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 4.5s;
          transition-delay: 4.5s;
}

.anime1_16.scrollin {
  opacity: 1;
}

.anime1_17 {
  opacity: 0;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 4.8s;
          transition-delay: 4.8s;
}

.anime1_17.scrollin {
  opacity: 1;
}

.anime1_18 {
  opacity: 0;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 5.1s;
          transition-delay: 5.1s;
}

.anime1_18.scrollin {
  opacity: 1;
}

/*-------anime2_0-------*/
.anime2_1 {
  opacity: 0;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
}

.anime2_1.scrollin {
  opacity: 1;
}

.anime2_2 {
  opacity: 0;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.anime2_2.scrollin {
  opacity: 1;
}

.anime2_3 {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.anime2_3.scrollin {
  opacity: 1;
}

.anime2_4 {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.anime2_4.scrollin {
  opacity: 1;
}

.anime2_5 {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.anime2_5.scrollin {
  opacity: 1;
}

.anime2_6 {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

.anime2_6.scrollin {
  opacity: 1;
}

.anime2_7 {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.anime2_7.scrollin {
  opacity: 1;
}

.anime2_8 {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}

.anime2_8.scrollin {
  opacity: 1;
}

.anime2_9 {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.anime2_9.scrollin {
  opacity: 1;
}

.anime2_10 {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s;
}

.anime2_10.scrollin {
  opacity: 1;
}

.anime2_11 {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.anime2_11.scrollin {
  opacity: 1;
}

.anime2_12 {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.55s;
          transition-delay: 0.55s;
}

.anime2_12.scrollin {
  opacity: 1;
}

.anime2_13 {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.anime2_13.scrollin {
  opacity: 1;
}

.anime2_14 {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.65s;
          transition-delay: 0.65s;
}

.anime2_14.scrollin {
  opacity: 1;
}

.anime2_15 {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.anime2_15.scrollin {
  opacity: 1;
}

.anime2_16 {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s;
}

.anime2_16.scrollin {
  opacity: 1;
}

.anime2_17 {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.anime2_17.scrollin {
  opacity: 1;
}

.anime2_18 {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.85s;
          transition-delay: 0.85s;
}

.anime2_18.scrollin {
  opacity: 1;
}

/*-------anime3_0-------*/
@-webkit-keyframes opacity-anime3_0 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes opacity-anime3_0 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.anime3_1 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.anime3_2 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.anime3_3 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.anime3_4 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.anime3_5 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.anime3_6 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.anime3_7 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.anime3_8 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.anime3_9 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.anime3_10 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.anime3_11 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}

.anime3_12 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

.anime3_13 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}

.anime3_14 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

.anime3_15 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.anime3_16 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

.anime3_17 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}

.anime3_18 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

.anime3_19 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}

.anime3_20 {
  opacity: 0;
  -webkit-animation: opacity-anime3_0 2.2s ease forwards;
          animation: opacity-anime3_0 2.2s ease forwards;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

/*-------anime00-------*/
@-webkit-keyframes blur-anime {
  0% {
    opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
  }
  50% {
    opacity: 0.5;
    -ms-opacity: 0.5;
    -moz-opacity: 0.5;
  }
  100% {
    opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
  }
}
@keyframes blur-anime {
  0% {
    opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
  }
  50% {
    opacity: 0.5;
    -ms-opacity: 0.5;
    -moz-opacity: 0.5;
  }
  100% {
    opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
  }
}
.anime01 {
  opacity: 0;
  -webkit-animation: blur-anime 5s ease forwards;
          animation: blur-anime 5s ease forwards;
  -ms-animation: blur-anime 5s ease forwards;
  -moz-animation: blur-anime 5s ease forwards;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
}

.anime02 {
  opacity: 0;
  -webkit-animation: blur-anime 5s ease forwards;
          animation: blur-anime 5s ease forwards;
  -ms-animation: blur-anime 5s ease forwards;
  -moz-animation: blur-anime 5s ease forwards;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
}

.anime03 {
  opacity: 0;
  -webkit-animation: blur-anime 5s ease forwards;
          animation: blur-anime 5s ease forwards;
  -ms-animation: blur-anime 5s ease forwards;
  -moz-animation: blur-anime 5s ease forwards;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
}

.anime04 {
  opacity: 0;
  -webkit-animation: blur-anime 5s ease forwards;
          animation: blur-anime 5s ease forwards;
  -ms-animation: blur-anime 5s ease forwards;
  -moz-animation: blur-anime 5s ease forwards;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
}

.anime05 {
  opacity: 0;
  -webkit-animation: blur-anime 5s ease forwards;
          animation: blur-anime 5s ease forwards;
  -ms-animation: blur-anime 5s ease forwards;
  -moz-animation: blur-anime 5s ease forwards;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
}

.anime06 {
  opacity: 0;
  -webkit-animation: blur-anime 5s ease forwards;
          animation: blur-anime 5s ease forwards;
  -ms-animation: blur-anime 5s ease forwards;
  -moz-animation: blur-anime 5s ease forwards;
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
  -ms-animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
}

.anime07 {
  opacity: 0;
  -webkit-animation: blur-anime 5s ease forwards;
          animation: blur-anime 5s ease forwards;
  -ms-animation: blur-anime 5s ease forwards;
  -moz-animation: blur-anime 5s ease forwards;
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
  -ms-animation-delay: 2.1s;
  -moz-animation-delay: 2.1s;
}

.anime08 {
  opacity: 0;
  -webkit-animation: blur-anime 5s ease forwards;
          animation: blur-anime 5s ease forwards;
  -ms-animation: blur-anime 5s ease forwards;
  -moz-animation: blur-anime 5s ease forwards;
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
  -ms-animation-delay: 2.4s;
  -moz-animation-delay: 2.4s;
}

.anime09 {
  opacity: 0;
  -webkit-animation: blur-anime 5s ease forwards;
          animation: blur-anime 5s ease forwards;
  -ms-animation: blur-anime 5s ease forwards;
  -moz-animation: blur-anime 5s ease forwards;
  -webkit-animation-delay: 2.7s;
          animation-delay: 2.7s;
  -ms-animation-delay: 2.7s;
  -moz-animation-delay: 2.7s;
}

.anime00 {
  opacity: 0;
  -webkit-animation: blur-anime 5s ease forwards;
          animation: blur-anime 5s ease forwards;
  -ms-animation: blur-anime 5s ease forwards;
  -moz-animation: blur-anime 5s ease forwards;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -ms-animation-delay: 3s;
  -moz-animation-delay: 3s;
}

/*-------anime-0-------*/
@-webkit-keyframes opacity-anime {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity-anime {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.anime-1 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
}

.anime-2 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
}

.anime-3 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
}

.anime-4 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
}

.anime-5 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
}

.anime-6 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
}

.anime-7 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
  -moz-animation-delay: 2.1s;
}

.anime-8 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
  -moz-animation-delay: 2.4s;
}

.anime-9 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 2.7s;
          animation-delay: 2.7s;
  -moz-animation-delay: 2.7s;
}

.anime-10 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -moz-animation-delay: 3s;
}

.anime-11 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 3.3s;
          animation-delay: 3.3s;
  -moz-animation-delay: 3.3s;
}

.anime-12 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 3.6s;
          animation-delay: 3.6s;
  -moz-animation-delay: 3.6s;
}

.anime-13 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 3.9s;
          animation-delay: 3.9s;
  -moz-animation-delay: 3.9s;
}

.anime-14 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 4.2s;
          animation-delay: 4.2s;
  -moz-animation-delay: 4.2s;
}

.anime-15 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -moz-animation-delay: 5s;
}

.anime-16 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -moz-animation-delay: 5.3s;
}

.anime-17 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -moz-animation-delay: 5.6s;
}

.anime-18 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -moz-animation-delay: 5.9s;
}

.anime-19 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -moz-animation-delay: 6.2s;
}

.anime-20 {
  opacity: 0;
  -webkit-animation: opacity-anime 5s ease forwards;
          animation: opacity-anime 5s ease forwards;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -moz-animation-delay: 6.5s;
}

header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 90;
  background-color: #fff;
}
header .top_header {
  margin: 0 auto;
  width: 100%;
  padding: 20px 0 0 0;
  position: relative;
  display: block;
  z-index: 91;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 1180px) {
  header .top_header {
    padding: 30px 0 0 0;
  }
}
header .top_header .logo {
  width: 220px;
  margin-left: 20px;
}
@media screen and (max-width: 1180px) {
  header .top_header .logo {
    width: 170px;
  }
}
@media screen and (max-width: 768px) {
  header .top_header .logo {
    width: 38%;
    margin-top: 0px;
  }
}
header .top_header .logo a {
  display: block;
}
header .top_header .logo a img {
  width: 100%;
}
header .top_header .logo a img.colw {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .top_header .link_box {
  right: 80px;
  right: 20px;
  top: 20px;
  top: 10px;
  position: absolute;
  width: 70%;
  max-width: 700px;
  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-transition: 0.3s;
  transition: 0.3s;
}
header .top_header .link_box img {
  display: none;
}
header .top_header .link_box .link_txt {
  margin: 0 20px 0 0;
}
header .top_header .link_box .link_txt p {
  font-size: 12px;
  text-align: center;
}
header .top_header .link_box .cv_link {
  width: 24%;
  padding: 0;
  height: 34px;
  margin-left: 6px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .top_header .link_box .cv_link p {
  color: #000;
  font-size: 14px;
}
header .top_header .link_box .cv_link p img {
  display: inline-block;
  height: 20px;
  margin-right: 6px;
  width: auto;
  vertical-align: middle;
}
header .top_header .link_box .cv_link a {
  position: relative;
  display: block;
  padding: 12px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
}
header .top_header .link_box .cv_link:before {
  display: none;
}
header .top_header .link_box .cv_link:hover {
  opacity: 0.7;
}
header .top_header .link_box .cv_link.outline {
  width: auto;
  margin-right: 20px;
  background-color: transparent;
}
header .top_header .link_box .cv_link.outline a p {
  font-size: clamp(0.625rem, -0.201rem + 1.72vw, 0.938rem);
}
header .top_header .link_box .cv_link.map {
  width: auto;
  margin-right: 20px;
  background-color: transparent;
}
@media screen and (max-width: 768px) {
  header .top_header .link_box .cv_link.map {
    margin-right: 0;
  }
}
header .top_header .link_box .cv_link.map a p {
  font-size: clamp(0.625rem, -0.201rem + 1.72vw, 0.938rem);
}
header .top_header .link_box .cv_link.lmt {
  width: 21%;
}
header .top_header .link_box .cv_link.req {
  width: 21%;
  background-color: #AA2B2B;
}
header .top_header .link_box .cv_link.req:before {
  display: none;
}
header .top_header .link_box .cv_link.req a p {
  color: #fff;
}
header .top_header .link_box .cv_link.dis {
  pointer-events: none;
  opacity: 0.4;
}
header .top_header .link_box .cv_link.dis a::after {
  display: none;
}
header .top_header .link_box .cv_link.rsv {
  background-color: #B0852B;
  width: 21%;
}
header .top_header .link_box .cv_link.rsv:before {
  display: none;
}
header .top_header .link_box .cv_link.rsv a p {
  color: #fff;
}
header .top_header nav {
  margin: 0 auto;
  bottom: 0px;
  position: absolute;
  width: 80%;
  width: 74%;
  width: calc(100% - 230px);
  right: 0px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 1180px) {
  header .top_header nav {
    width: calc(100% - 190px);
  }
}
header .top_header nav ul {
  width: 99%;
  margin-left: auto;
  margin-right: auto;
  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;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
}
header .top_header nav ul li {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
header .top_header nav ul li::after {
  width: 80%;
  opacity: 0;
  height: 1px;
  content: "";
  background-color: #BD1F25;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .top_header nav ul li:hover::after, header .top_header nav ul li.active::after {
  opacity: 1;
}
header .top_header nav ul li.dis, header .top_header nav ul li.grey {
  opacity: 0.3;
  pointer-events: none;
}
header .top_header nav ul li.req, header .top_header nav ul li.outline, header .top_header nav ul li.lmt, header .top_header nav ul li.map {
  display: none;
}
header .top_header nav ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  z-index: 2;
  padding: 4px 10px;
}
header .top_header nav ul li.new a::before {
  width: 33px;
  height: 11px;
  display: block;
  font-size: 10px;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 10px;
  padding-top: 1px;
  padding-bottom: 2px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background-color: #B80202;
  position: absolute;
  right: 0px;
  top: -7px;
  z-index: 3;
  content: "NEW";
}
header .top_header nav ul li p {
  font-size: clamp(0.875rem, 0.719rem + 0.32vw, 1.125rem);
  font-size: clamp(0.688rem, 0.125rem + 0.9vw, 1.125rem);
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .top_header nav ul li p .ja {
  font-size: 12px;
  opacity: 0;
  position: absolute;
  width: 100%;
  white-space: nowrap;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1em;
}
header .top_header nav ul li p .ja.sc9 {
  -webkit-transform: scaleX(0.86) translateY(-50%);
          transform: scaleX(0.86) translateY(-50%);
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}
header .top_header nav ul li:hover p .en {
  opacity: 0;
}
header .top_header nav ul li:hover p .ja {
  opacity: 1;
}
header .top_header nav ul li .new {
  font-size: 2.133333328vw;
  font-size: clamp(0px, 2.133333328vw, 10px);
  background: #8c2424;
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  padding: 2px 5px;
}
@media screen and (max-width: 768px) {
  header .top_header {
    padding: 10px 0 5px 0 !important;
  }
}
header .bottom_header {
  padding: 0 0 10px;
  position: relative;
  z-index: 2;
}
header .bottom_header nav {
  width: 95%;
  margin: 0 auto;
}
header .bottom_header nav ul {
  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;
}
header .bottom_header nav ul li {
  width: 11.1111111111%;
  border-left: 1px solid #8a8a8a;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}
header .bottom_header nav ul li:hover, header .bottom_header nav ul li.active {
  background: #a5894f;
}
header .bottom_header nav ul li:last-child {
  border-right: 1px solid #8a8a8a;
}
header .bottom_header nav ul li.dis, header .bottom_header nav ul li.grey {
  opacity: 0.3;
  pointer-events: none;
}
header .bottom_header nav ul li p {
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 10px 0px;
}
header .bottom_header nav ul li p .en {
  display: none;
}
@media screen and (max-width: 1000px) {
  header .bottom_header nav ul li p {
    padding: 10px 15px;
  }
}
header .bottom_header nav ul li .new {
  font-size: 2.133333328vw;
  font-size: clamp(0px, 2.133333328vw, 10px);
  background: #8c2424;
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  padding: 2px 5px;
}
header .bottom_header nav ul li.new a::before {
  width: 33px;
  height: 12px;
  display: block;
  font-size: 10px;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 10px;
  padding-top: 1px;
  padding-bottom: 2px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background-color: #B80202;
  position: absolute;
  right: 0px;
  top: -4px;
  z-index: 3;
  content: "NEW";
}

.h-small header,
.podfix header {
  backdrop-filter: blur(3px);
  background-color: rgba(255, 255, 255, 0.8);
}
.h-small .top_header,
.podfix .top_header {
  padding: 10px 0 0 0;
}
.h-small .top_header .logo,
.podfix .top_header .logo {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}
@media screen and (max-width: 768px) {
  .h-small .top_header,
  .podfix .top_header {
    padding: 10px 0 5px 0;
  }
}
.h-small header .link_box,
.podfix header .link_box {
  top: 4px;
}
.menuopen.podfix header {
  backdrop-filter: blur(0);
  background-color: transparent;
}

@media screen and (max-width: 768px) {
  header .top_header {
    padding: 10px 0 0 0;
    z-index: 3;
    position: relative;
  }
  header .top_header .logo {
    width: 44%;
    max-width: 240px;
  }
  header .top_header nav {
    display: none;
  }
  header .top_header .link_box {
    display: none;
  }
  header .bottom_header {
    width: 100%;
    height: 100vh;
    background: #000;
    position: fixed;
    left: -100%;
    top: 0;
    -webkit-transition: 1s;
    transition: 1s;
    display: none;
  }
  header .bottom_header.active {
    left: 0;
  }
  header .bottom_header nav {
    width: 100%;
    height: 70%;
    margin: 0 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;
  }
  header .bottom_header nav ul {
    width: 80%;
    margin: 0 auto;
    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;
  }
  header .bottom_header nav ul li {
    width: 100%;
    border: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding: 5px;
    margin: 5px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
  }
  header .bottom_header nav ul li:hover {
    background: none;
    border-bottom: 1px solid #fff;
  }
  header .bottom_header nav ul li:last-child {
    border: none;
  }
  header .bottom_header nav ul li p {
    color: #fff;
    font-size: 2.66666666vw;
    font-size: clamp(0px, 2.66666666vw, 12px);
    text-align: left;
    padding: 0;
    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;
  }
  header .bottom_header nav ul li p .en {
    width: 50%;
    font-size: 5.066666654vw;
    font-size: clamp(0px, 5.066666654vw, 16px);
  }
  header .bottom_header nav ul li .new {
    font-size: 2.133333328vw;
    font-size: clamp(0px, 2.133333328vw, 10px);
    background: #8c2424;
    position: absolute;
    top: -10px;
    left: 0%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    padding: 2px 5px;
  }
  /*@media screen end*/
}
@media screen and (max-width: 768px) {
  /*@media screen end*/
}
.spmenutit {
  cursor: pointer;
  width: 44px;
  height: 28px;
  display: block;
  position: fixed;
  right: 30px;
  top: 30px;
  font-size: 12px;
  -webkit-transition: 1s;
  transition: 1s;
  z-index: 9010;
  display: none;
}
@media screen and (max-width: 768px) {
  .spmenutit {
    display: block;
    right: 20px;
    top: 20px;
  }
}
.spmenutit > div {
  display: block;
  width: 44px;
  height: 28px;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
}
.spmenutit > div span {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #606060;
  left: 0px;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}
.spmenutit > div p {
  line-height: 12px;
  font-size: 10px;
  text-align: center;
}
.spmenutit > div span:nth-of-type(1) {
  top: 0px;
}
.spmenutit > div span:nth-of-type(2) {
  top: 9px;
}
.spmenutit > div span:nth-of-type(3) {
  top: 18px;
}
.spmenutit > div span:nth-of-type(4) {
  top: 27px;
}

@media screen and (max-width: 768px) {
  /*@media screen end*/
}
@media screen and (max-width: 768px) {
  /*@media screen end*/
}
#quality .top_header nav ul li.quality::after,
#service .top_header nav ul li.serviceevent::after,
#gallery .top_header nav ul li.gallery::after,
#commonspace .top_header nav ul li.commonspace::after,
#townlocation .top_header nav ul li.townlocation::after,
#index .top_header nav ul li.top::after,
#value .top_header nav ul li.value::after,
#concept .top_header nav ul li.concept::after,
#plan .top_header nav ul li.roomplan::after,
#position .top_header nav ul li.position::after,
#residence .top_header nav ul li.residence::after,
#location .top_header nav ul li.location::after,
#location .top_header nav ul li.location::after,
#design .top_header nav ul li.design::after,
#access .top_header nav ul li.access::after,
#plan .top_header nav ul li.plan::after,
#map .top_header nav ul li.map::after,
#outline .top_header nav ul li.outline::after,
#brand .top_header nav ul li.brand::after,
#nearlife .top_header nav ul li.nearlife::after,
#lifestyle .top_header nav ul li.lifestyle::after {
  opacity: 1;
}

.contentmenu {
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 9003;
  opacity: 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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  visibility: hidden;
  pointer-events: none;
  z-index: 95;
}
@media screen and (max-width: 768px) {
  .contentmenu {
    display: block;
  }
  .contentmenu .ftmenu2 .rev,
  .contentmenu .ftmenu2 .req {
    display: none;
  }
  .contentmenu .ftmenu2 .lmt p .en {
    display: none;
  }
  .contentmenu .ftmenu2 .lmt p .ja {
    display: block;
    font-size: 3.5vw;
    line-height: 1.2em;
    margin-top: 5px;
  }
}
.contentmenu .content {
  width: 100%;
  position: relative;
  z-index: 7;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-left: 12vw;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .contentmenu .content {
    padding-top: 80px;
    margin: 0 auto;
    width: 70vw;
  }
}
.contentmenu .content nav {
  width: 80%;
  position: relative;
  max-width: 600px;
}
@media screen and (max-width: 768px) {
  .contentmenu .content nav {
    padding: 0 3vw;
    padding: 0;
    width: 70%;
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 12vw;
  }
}
.contentmenu .content nav ul {
  width: 100%;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.contentmenu .content nav li {
  width: 100%;
  position: relative;
  padding: 10px 0;
  margin-bottom: 10px;
}
.contentmenu .content nav li::after {
  width: 60%;
  opacity: 0;
  height: 1px;
  content: "";
  background-color: #BD1F25;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .contentmenu .content nav li {
    width: 49%;
  }
}
.contentmenu .content nav li.tit {
  width: 100%;
  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;
  border-top: none;
  font-family: "garamond-premier-pro-display", serif;
  font-weight: 500;
}
.contentmenu .content nav li.tit p {
  text-align: center;
  font-size: 20px;
  color: #000;
}
.contentmenu .content nav li.dis, .contentmenu .content nav li.grey {
  pointer-events: none;
}
.contentmenu .content nav li.dis a, .contentmenu .content nav li.grey a {
  opacity: 0.3;
}
.contentmenu .content nav li.new a::before {
  width: 33px;
  height: 11px;
  display: block;
  font-size: 10px;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 10px;
  padding-top: 1px;
  padding-bottom: 2px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background-color: #B80202;
  position: absolute;
  right: 0px;
  top: -7px;
  z-index: 3;
  content: "NEW";
}
.contentmenu .content nav li a {
  width: 100%;
  height: 44px;
  color: #fff;
  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;
}
.contentmenu .content nav li a p {
  color: #000;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  font-family: "garamond-premier-pro-display", serif;
  font-size: 4vw;
  letter-spacing: 0.18em;
}
@media screen and (max-width: 768px) {
  .contentmenu .content nav li a p {
    font-size: 3.5vw !important;
  }
  .contentmenu .content nav li a p.new {
    font-size: 2.5vw !important;
  }
}
.contentmenu .content nav li a .ja {
  display: block;
  font-size: 11px;
  margin-left: 10px;
  margin-top: 4px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .contentmenu .content nav li a .ja {
    margin-left: 0;
  }
}
.contentmenu .content nav li a .new {
  width: 33px;
  height: 12px;
  display: block;
  font-size: 10px;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #FEE1A0;
  background-color: #b42024;
  position: absolute;
  left: 0px;
  top: 2px;
  z-index: 3;
}
@media screen and (max-width: 584px) {
  .contentmenu .content nav li.top {
    border-bottom: none !important;
  }
}
.contentmenu .content nav li.lmt a {
  background: linear-gradient(106deg, rgb(0, 0, 0) 0%, rgb(77, 77, 77) 94.16%, rgb(77, 77, 77) 100%);
}
.contentmenu .content nav li.req {
  border-top: none;
  padding: 0;
}
.contentmenu .content nav li.req a {
  background: linear-gradient(106deg, rgb(119, 101, 44) 0%, rgb(206, 186, 157) 94.16%, rgb(212, 191, 164) 100%);
}
.contentmenu .content nav li.req a p {
  color: #004147;
}
.contentmenu .content nav li.rev {
  border-top: none;
  padding: 0;
  margin-bottom: 6px;
}
.contentmenu .content nav li.rev a {
  background: linear-gradient(106deg, #014046 0%, #538182 94.16%, #538182 100%);
}
.contentmenu .content nav li.rev a p {
  color: #fff;
}
.contentmenu .nbg {
  position: fixed;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 3;
  overflow: hidden;
  opacity: 0;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.46, 0.1, 0.29, 1);
  transition-timing-function: cubic-bezier(0.46, 0.1, 0.29, 1);
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  background: #fff;
  background-size: cover;
  background-position: center center;
  background-image: url("../img/common/bg_01.png");
}

#concept .contentmenu nav ul li.concept::after,
#access .contentmenu nav ul li.access::after,
#location .contentmenu nav ul li.location::after,
#townlocation .contentmenu nav ul li.townlocation::after,
#design .contentmenu nav ul li.design::after,
#landplan .contentmenu nav ul li.landplan::after,
#plan .contentmenu nav ul li.plan::after,
#quality .contentmenu nav ul li.quality::after,
#modelroom .contentmenu nav ul li.modelroom::after,
#brand .contentmenu nav ul li.brand::after,
#index .contentmenu nav ul li.top::after,
#commonspace .contentmenu nav ul li.commonspace::after,
#nearlife .contentmenu nav ul li.nearlife::after,
#gallery .contentmenu nav ul li.gallery::after,
#service .contentmenu nav ul li.serviceevent::after,
#lifestyle .contentmenu nav ul li.lifestyle::after {
  opacity: 1;
}

.contentmenu0 {
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 777;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.menuopen {
  overflow: hidden;
}
.menuopen header {
  z-index: 9010;
}
.menuopen header .link_box {
  display: none;
}
.menuopen .contentmenu0 {
  opacity: 1;
  pointer-events: auto;
}
.menuopen .contentmenu {
  visibility: visible;
  pointer-events: auto;
  overflow: auto;
}
.menuopen .contentmenu .nbg {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.menuopen .contentmenu .content {
  -webkit-transition: 0.6s 0.6s;
  transition: 0.6s 0.6s;
  opacity: 1;
}

.menuopen .spmenutit {
  display: block;
}

.menuopen .spmenutit > div {
  right: 5.5vw;
}

.menuopen .spmenutit span:nth-of-type(1) {
  -webkit-transform: rotate(45deg) translate3d(-3px, 0, 0);
          transform: rotate(45deg) translate3d(-3px, 0, 0);
  top: -6px;
  left: 8px;
}

.menuopen .spmenutit span:nth-of-type(2) {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
}

.menuopen .spmenutit span:nth-of-type(3) {
  -webkit-transform: rotate(-45deg) translate3d(-3px, 0, 0);
          transform: rotate(-45deg) translate3d(-3px, 0, 0);
  left: 8px;
  top: 20px;
}

@media screen and (max-width: 768px) {
  .contentmenu {
    display: block;
  }
  .contentmenu .content {
    padding-top: 40px;
    margin: 0 0 0 auto;
    width: 50%;
    width: 100%;
  }
  .contentmenu .content nav {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .contentmenu .content nav li {
    padding: 6px 0;
  }
  .contentmenu .nbg {
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 3;
    overflow: hidden;
    opacity: 0;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.46, 0.1, 0.29, 1);
    transition-timing-function: cubic-bezier(0.46, 0.1, 0.29, 1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  /*@media screen end*/
}
footer {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 3;
}
footer .holy {
  position: relative;
  padding: 14px;
  text-align: center;
  color: #852137;
  font-size: 15px;
  line-height: 1.4em;
  border: 1px solid #852137;
  margin-top: -30px;
  margin-bottom: 40px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
footer .holy b {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: normal;
  margin-bottom: 10px;
}
@media screen and (max-width: 584px) {
  footer .holy {
    margin-top: 0;
    font-size: 3.5vw;
    text-align: center;
  }
}
footer .top_footer {
  width: 100%;
  background-color: #796D68;
}
footer .top_footer nav {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 6px;
}
footer .top_footer nav ul {
  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-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
footer .top_footer nav ul li {
  position: relative;
}
footer .top_footer nav ul li::before {
  width: 1px;
  height: 70%;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
footer .top_footer nav ul li.nlin::before {
  display: none;
}
footer .top_footer nav ul li.map, footer .top_footer nav ul li.outline {
  display: none;
}
footer .top_footer nav ul li.tit {
  pointer-events: none;
  width: 100%;
}
footer .top_footer nav ul li.tit p {
  font-weight: 600;
  font-family: "Chakra Petch", sans-serif;
  font-style: normal;
  color: #fff;
}
footer .top_footer nav ul li.dis a {
  opacity: 0.3;
  pointer-events: none;
}
footer .top_footer nav ul li .en {
  font-weight: 600;
  font-family: "Chakra Petch", sans-serif;
  font-style: normal;
  display: none;
}
footer .top_footer nav ul li .ja {
  color: #fff;
  display: block;
  font-family: "ryumin";
  src: url(../fonts/ryumin.otf) format("opentype");
}
footer .top_footer nav ul li .ja img {
  display: none;
}
footer .top_footer nav ul li p {
  font-weight: 600;
  font-family: "Chakra Petch", sans-serif;
  font-style: normal;
  color: #D4BFA4;
  font-size: 14px;
  text-align: center;
  padding: 12px 15px;
}
footer .top_footer nav ul li .new {
  display: none;
}
footer .top_footer nav ul li.new a::before {
  width: 33px;
  height: 12px;
  display: block;
  font-size: 10px;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 10px;
  padding-top: 1px;
  padding-bottom: 2px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background-color: #B80202;
  position: absolute;
  right: 2px;
  top: -4px;
  z-index: 3;
  content: "NEW";
}
@media screen and (max-width: 768px) {
  footer .top_footer nav ul li.new a::before {
    top: 2px;
  }
}
footer .bottom_footer {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
  box-sizing: border-box;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  footer .bottom_footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
footer .bottom_footer-brand {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
}
footer .bottom_footer-btn {
  width: 36%;
  width: 40%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
footer .bottom_footer .link_box .cv_link.req,
footer .bottom_footer .link_box .cv_link.rev,
footer .bottom_footer .link_box .cv_link.lmt {
  width: 32%;
}
footer .bottom_footer .link_box .cv_link.req a::after,
footer .bottom_footer .link_box .cv_link.rev a::after,
footer .bottom_footer .link_box .cv_link.lmt a::after {
  display: none !important;
}
footer .bottom_footer .link_box .cv_links {
  width: 100% !important;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
footer .bottom_footer .link_box .cv_links .cv_link {
  width: 32% !important;
  margin-left: 1%;
}
footer .bottom_footer .link_box .cv_links .cv_link.map {
  width: auto !important;
}
@media screen and (max-width: 768px) {
  footer .bottom_footer .link_box .cv_links .cv_link.map {
    width: 48% !important;
  }
}
footer .bottom_footer .ftbannM {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
footer .bottom_footer .ftbannM li {
  margin-bottom: 20px;
}
footer .bottom_footer .ftbannM li.goodd {
  width: 49%;
  margin-right: 1%;
}
footer .bottom_footer .ftbannM li.sns {
  width: 49%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
footer .bottom_footer .ftbannM li.sns a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 8%;
  height: 52%;
  background: #fff;
  position: absolute;
  top: 6%;
  opacity: 0;
}
footer .bottom_footer .ftbannM li.sns a.line {
  left: 41.5%;
}
footer .bottom_footer .ftbannM li.sns a.insta1 {
  left: 51%;
}
footer .bottom_footer .ftbannM li.sns a.insta2 {
  left: 61%;
}
footer .bottom_footer .ftbannM li.sns a.twi {
  left: 70.5%;
}
footer .bottom_footer .ftbannM li.sns a.fbc {
  left: 80.5%;
}
footer .bottom_footer .ftbannM li.sns a.ytb {
  left: 90.5%;
}
footer .bottom_footer .ftbannM li.sns a:hover {
  opacity: 0.4;
}
footer .bottom_footer .ftbannM li.app {
  width: 40%;
  margin-right: 1%;
}
footer .bottom_footer .ftbannM li.voice {
  width: 46%;
}
footer .bottom_footer .ftbannM li img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}
footer .bottom_footer .ftbannM li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
footer .bottom_footer .yokoku {
  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;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 30px;
  margin-top: 40px;
}
footer .bottom_footer .yokoku dt {
  width: 140px;
  border: 1px solid #000;
  text-align: center;
  padding: 6px 0;
  font-size: 14px;
  margin-bottom: 10px;
}
footer .bottom_footer .yokoku dd {
  width: 100%;
  font-size: 12px;
  line-height: 1.6em;
}
footer .bottom_footer .link_box {
  width: auto;
  position: relative;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
footer .bottom_footer .link_box .cv_link {
  width: 34%;
}
footer .bottom_footer .link_box .cv_links {
  width: auto;
  margin-left: 20px;
}
footer .bottom_footer .link_box .cv_links .cv_link {
  width: 100%;
}
footer .bottom_footer .link_box .cv_links .cv_link a p {
  line-height: 1.4em;
}
footer .bottom_footer .link_box img {
  display: none;
}
footer .bottom_footer .link_box .link_txt p {
  color: #fff;
  font-size: 12px;
  text-align: center;
}
footer .bottom_footer .link_box .cv_link {
  padding: 0;
  height: 44px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
footer .bottom_footer .link_box .cv_link a {
  position: relative;
  display: block;
  padding: 12px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
}
footer .bottom_footer .link_box .cv_link a p {
  color: #95743F;
}
footer .bottom_footer .link_box .cv_link a p img {
  display: inline-block;
  height: 20px;
  margin-right: 6px;
  width: auto;
  vertical-align: middle;
}
footer .bottom_footer .link_box .cv_link:before {
  display: none;
}
footer .bottom_footer .link_box .cv_link:hover {
  opacity: 0.7;
}
footer .bottom_footer .link_box .cv_link.outline {
  height: auto;
  background-color: transparent;
}
footer .bottom_footer .link_box .cv_link.outline a {
  padding: 6px 0;
}
footer .bottom_footer .link_box .cv_link.outline a p {
  color: #fff;
}
footer .bottom_footer .link_box .cv_link.map {
  height: auto;
  background-color: transparent;
}
footer .bottom_footer .link_box .cv_link.map a {
  padding: 6px 0;
}
footer .bottom_footer .link_box .cv_link.map a p {
  color: #fff;
}
footer .bottom_footer .link_box .cv_link.lmt {
  width: 32%;
  margin-left: 1%;
}
footer .bottom_footer .link_box .cv_link.lmt.sw5 {
  width: 38%;
}
@media screen and (max-width: 768px) {
  footer .bottom_footer .link_box .cv_link.lmt.sw5 {
    width: 49%;
  }
}
footer .bottom_footer .link_box .cv_link.lmt.sw5::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 16px;
  z-index: 1;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: #fff solid 2px;
  border-right: #fff solid 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
footer .bottom_footer .link_box .cv_link.lmt a {
  background-color: #3e5a25 !important;
}
footer .bottom_footer .link_box .cv_link.lmt a p {
  color: #fff;
}
footer .bottom_footer .link_box .cv_link.req {
  width: 32%;
}
footer .bottom_footer .link_box .cv_link.req.sw5 {
  width: 38%;
}
@media screen and (max-width: 768px) {
  footer .bottom_footer .link_box .cv_link.req.sw5 {
    width: 49%;
    margin-left: -1%;
  }
}
footer .bottom_footer .link_box .cv_link.req.sw5::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 16px;
  z-index: 1;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: #fff solid 2px;
  border-right: #fff solid 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
footer .bottom_footer .link_box .cv_link.req:before {
  display: none;
}
footer .bottom_footer .link_box .cv_link.req a {
  background-color: #635751;
}
footer .bottom_footer .link_box .cv_link.req a p {
  color: #fff;
}
footer .bottom_footer .link_box .cv_link.dis {
  pointer-events: none;
  opacity: 0.4;
}
footer .bottom_footer .link_box .cv_link.dis a::after {
  display: none;
}
footer .bottom_footer .link_box .cv_link.rev {
  margin-left: 1%;
  width: 32%;
}
footer .bottom_footer .link_box .cv_link.rev:before {
  display: none;
}
footer .bottom_footer .link_box .cv_link.rev.sw5 {
  width: 40%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  footer .bottom_footer .link_box .cv_link.rev.sw5 {
    margin-right: 0;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}
footer .bottom_footer .link_box .cv_link.rev.sw5::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 16px;
  z-index: 1;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: #fff solid 2px;
  border-right: #fff solid 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
footer .bottom_footer .link_box .cv_link.rev a {
  background-color: #5C1834;
}
footer .bottom_footer .link_box .cv_link.rev a p {
  color: #fff;
}
footer .bottom_footer .link_box .cv_link p {
  font-size: 14px;
}
footer .bottom_footer .brandlogo {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transform: translateX(-14px);
          transform: translateX(-14px);
}
footer .bottom_footer .brandlogo li {
  display: inline-block;
  margin: 0 20px;
  margin: 0 10px;
}
footer .bottom_footer .brandlogo li a {
  display: block;
  width: auto;
  height: 100%;
  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;
}
@media screen and (max-width: 768px) {
  footer .bottom_footer .brandlogo li 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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
footer .bottom_footer .brandlogo li img {
  height: 70px;
  height: 60px;
  width: auto;
}
@media screen and (max-width: 1110px) {
  footer .bottom_footer .brandlogo li img {
    height: 50px;
  }
}
@media screen and (max-width: 1000px) {
  footer .bottom_footer .brandlogo li img {
    height: 46px;
  }
}
@media screen and (max-width: 940px) {
  footer .bottom_footer .brandlogo li img {
    height: 40px;
  }
}
footer .bottom_footer .brandlogo li p {
  font-size: 12px;
  width: 90px;
  text-align: center;
  display: inline-block;
  margin: 0 10px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  position: relative;
  line-height: 1.1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
}
@media screen and (max-width: 1000px) {
  footer .bottom_footer .brandlogo li p {
    width: 80px;
    font-size: 11px;
  }
}
footer .bottom_footer .brandlogo li p span {
  position: relative;
  display: block;
  margin-top: 6px;
}
footer .bottom_footer .brandlogo li p i {
  font-size: 18px;
  font-weight: normal;
  line-height: 1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  position: absolute;
  left: 0;
  bottom: 4px;
}
footer .bottom_footer .brandlogo li p i.s2 {
  left: auto;
  right: 0;
}
footer .bottom_footer .brandlogo li:first-child p {
  width: 60px;
}
footer .bottom_footer .tel {
  width: auto;
  padding: 60px 0;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: inline-block;
  position: relative;
}
footer .bottom_footer .tel img {
  height: 40px;
  width: auto;
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: middle;
}
footer .bottom_footer .tel a {
  font-size: 60px;
}
footer .bottom_footer .tel p {
  font-size: 15px;
  line-height: 1.4em;
  text-align: left;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0px;
}
footer .bottom_footer .brand {
  width: 40%;
  display: inline-block;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
footer .bottom_footer .brand div {
  margin: 0 0 0 auto;
}
footer .bottom_footer .brand div a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
footer .bottom_footer .brand div img {
  display: block;
  vertical-align: bottom;
  max-width: 360px;
}
@media screen and (max-width: 768px) {
  footer .bottom_footer .brand div img {
    max-width: 100%;
  }
}
footer .bottom_footer .brand div p {
  font-size: 12px;
  text-align: left;
}
footer .copy {
  width: 100%;
  display: block;
}
footer .copy p {
  font-size: 12px;
  padding: 10px 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  footer {
    padding-bottom: 6vw;
  }
  footer .top_footer nav {
    width: 100%;
    padding: 0;
  }
  footer .top_footer nav ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  footer .top_footer nav ul li {
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 1px solid #D4BFA4;
  }
  footer .top_footer nav ul li.dis {
    pointer-events: none !important;
    opacity: 0.3;
  }
  footer .top_footer nav ul li::before {
    display: none;
  }
  footer .top_footer nav ul li:nth-child(2), footer .top_footer nav ul li:nth-child(4), footer .top_footer nav ul li:nth-child(6), footer .top_footer nav ul li:nth-child(8), footer .top_footer nav ul li:nth-child(10) {
    border-right: 1px solid #D4BFA4;
  }
  footer .top_footer nav ul li p {
    font-size: 3.5vw;
  }
  footer .top_footer nav ul li:first-child, footer .top_footer nav ul li:nth-child(even) {
    border-left: none;
  }
  footer .top_footer nav ul li:last-child {
    border-right: none;
  }
  footer .top_footer nav ul li.btm {
    border-bottom: none;
  }
  footer .bottom_footer {
    overflow: hidden;
  }
  footer .bottom_footer .brandlogo {
    display: block;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  footer .bottom_footer .brandlogo li {
    width: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 3vw;
    margin: 0 auto 3vw auto;
  }
  footer .bottom_footer .brandlogo li:nth-child(2), footer .bottom_footer .brandlogo li:nth-child(1) {
    margin-bottom: 6vw;
  }
  footer .bottom_footer .brandlogo li:nth-child(1) p {
    width: 100%;
  }
  footer .bottom_footer .brandlogo li a {
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  footer .bottom_footer .brandlogo li img {
    height: 56px;
    display: block;
  }
  footer .bottom_footer .brandlogo li p {
    font-size: 3vw;
    margin-top: 6vw;
    width: 100%;
    margin-bottom: 2vw;
    text-align: center;
  }
  footer .bottom_footer .brandlogo li p br {
    display: none;
  }
  footer .bottom_footer .brandlogo li p span {
    margin-top: 0;
    display: inline-block;
  }
  footer .bottom_footer .brandlogo li p i {
    font-size: 3vw;
    bottom: auto;
    left: auto;
    position: relative;
    display: inline-block;
  }
  footer .bottom_footer .bottom_footer-btn {
    width: 100%;
  }
  footer .bottom_footer .yokoku {
    width: 88vw;
    margin-top: 14vw;
    margin-bottom: 14vw;
  }
  footer .bottom_footer .yokoku dt {
    font-size: 3vw;
    width: 100%;
    padding: 4px 0;
    margin-bottom: 3vw;
    margin-left: auto;
    margin-right: auto;
  }
  footer .bottom_footer .yokoku dd {
    font-size: 3vw;
    width: 100%;
    line-height: 1.4em;
  }
  footer .bottom_footer .tel {
    width: 100%;
    padding: 0;
    text-align: center;
    margin: 12vw 0 6vw 0;
  }
  footer .bottom_footer .tel a {
    font-size: 12vw;
  }
  footer .bottom_footer .tel a img {
    height: 26px;
  }
  footer .bottom_footer .tel p {
    font-size: 3.4vw;
    margin-bottom: 0px;
    margin-bottom: 10px;
    text-align: center;
  }
  footer .bottom_footer .link_box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6vw;
  }
  footer .bottom_footer .link_box .cv_link {
    width: 100%;
    margin-bottom: 3vw;
  }
  footer .bottom_footer .link_box .cv_link.req {
    margin-right: 0;
  }
  footer .bottom_footer .link_box .cv_links {
    width: 100%;
    margin-left: 0;
    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;
  }
  footer .bottom_footer .link_box .cv_links .cv_link {
    width: 48% !important;
  }
  footer .bottom_footer .link_box .cv_links .cv_link a p {
    color: #fff;
  }
  footer .bottom_footer p {
    font-size: 3.4vw;
  }
  footer .bottom_footer .brand {
    margin-bottom: 12vw;
    width: 100%;
  }
  footer .bottom_footer .brand .brand1 {
    width: auto;
    margin: 0 auto;
    display: block;
  }
  footer .bottom_footer .brand .brand1 a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
  }
  footer .bottom_footer .brand .brand1 a img {
    height: 60px;
  }
  footer .copy {
    margin-bottom: 60px;
  }
  /*@media screen end*/
}
footernav {
  position: fixed;
  left: 0;
  bottom: -100px;
  z-index: 8900;
  width: 100%;
  height: 50px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
footernav > div,
footernav a {
  position: relative;
  z-index: 5;
  margin: 0;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: 400;
  font-size: 10px;
  cursor: pointer;
  width: 25%;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
footernav > div.sw5,
footernav a.sw5 {
  width: 25%;
}
footernav > div.sw6,
footernav a.sw6 {
  width: 16.6666666667% !important;
}
footernav > div img,
footernav a img {
  display: block;
  margin: 0;
  max-width: 20px;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3px;
  margin-top: 5px;
}
footernav > div span,
footernav a span {
  color: #fff;
  width: 100%;
  display: block;
  font-size: 3vw;
  text-align: center;
  white-space: nowrap;
  line-height: 1em;
}
footernav > div:last-child,
footernav a:last-child {
  border-right: none;
}
footernav > div span,
footernav a span {
  color: #000;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
footernav > div.outline,
footernav a.outline {
  border-right: 1px solid #000;
  border-top: 1px solid #000;
}
footernav > div.lmt,
footernav a.lmt {
  background-color: #3e5a25;
}
footernav > div.map,
footernav a.map {
  border-right: 1px solid #000;
  border-top: 1px solid #000;
}
footernav > div.req,
footernav a.req {
  border-right: none;
  background-color: #AA2B2B;
}
footernav > div.req span,
footernav a.req span {
  color: #fff;
}
footernav > div.rsv,
footernav a.rsv {
  background-color: #B0852B;
}
footernav > div.rsv span,
footernav a.rsv span {
  color: #fff;
}
footernav > div.spmenuf,
footernav a.spmenuf {
  background: linear-gradient(66deg, rgb(212, 191, 164) 0%, rgb(196, 172, 133) 100%);
}
footernav > div.spmenuf span,
footernav a.spmenuf span {
  color: #303109;
}
footernav > div.spmenuf span.p1,
footernav a.spmenuf span.p1 {
  margin-bottom: 2px;
}
footernav > div.spmenuf > div,
footernav a.spmenuf > div {
  display: block;
  width: 34px;
  height: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  margin-top: 6px;
}
footernav > div.spmenuf > div span,
footernav a.spmenuf > div span {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #303109;
  left: 0px;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}
footernav > div.spmenuf > div p,
footernav a.spmenuf > div p {
  color: #303109;
  line-height: 12px;
  font-size: 10px;
  text-align: center;
}
footernav > div.spmenuf > div span:nth-of-type(1),
footernav a.spmenuf > div span:nth-of-type(1) {
  top: 0px;
}
footernav > div.spmenuf > div span:nth-of-type(2),
footernav a.spmenuf > div span:nth-of-type(2) {
  top: 10px;
}
footernav > div.spmenuf > div span:nth-of-type(3),
footernav a.spmenuf > div span:nth-of-type(3) {
  top: 20px;
}
footernav > div.request,
footernav a.request {
  background-color: #903733;
}
footernav > div.request span,
footernav a.request span {
  color: #fff;
}
footernav > div.reserve,
footernav a.reserve {
  background-color: #BFD9E0;
}
footernav > div.tel,
footernav a.tel {
  position: relative;
  border-right: 1px solid #796d68;
}
.podfix footernav {
  bottom: 0;
}

.menuopen .spmenuf > div span:nth-of-type(1) {
  top: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.menuopen .spmenuf > div span:nth-of-type(2) {
  display: none;
}
.menuopen .spmenuf > div span:nth-of-type(3) {
  top: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
  /*@media screen end*/
}
@media screen and (max-width: 768px) {
  /*@media screen end*/
}
@media screen and (max-width: 768px) {
  /*@media screen end*/
}
@media screen and (max-width: 768px) {
  /*@media screen end*/
}
#index {
  /* モーダルの基本スタイル */
}
#index .modal {
  display: none;
  /* 初期状態では非表示 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
}
#index .modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  max-width: 750px;
}
#index .modal-content .youtube {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
#index .modal-content .youtube iframe {
  width: 100%;
  height: 100%;
}
#index #closeModal {
  cursor: pointer;
  float: right;
  width: clamp(30px, 3vw, 40px);
  margin-bottom: 10px;
}
#index .mainimg {
  position: relative;
  margin-top: 100px;
  overflow: hidden;
}
#index .mainimg .bnr {
  position: absolute;
  right: 10px;
  top: 10px;
  margin-top: 0;
  max-width: 700px;
  width: 80%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#index .mainimg .bnr.is-hidden {
  opacity: 0;
  pointer-events: none;
}
#index .mainimg .bnr .close_bnr {
  position: absolute;
  width: 8%;
  max-width: 30px;
  aspect-ratio: 1/1;
  right: 7px;
  top: 7px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #index .mainimg .bnr .close_bnr {
    right: 5px;
    top: 5px;
  }
}
#index .mainimg .note {
  position: absolute;
  right: 0px;
  bottom: 0px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  padding: 4px;
  background-color: rgba(0, 0, 0, 0.6);
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #index .mainimg {
    margin-top: 81px;
  }
}
#index .mainimg .secinner {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 10;
}
#index .mainimg-bg {
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transition: 2s;
  transition: 2s;
  display: block;
  vertical-align: bottom;
  width: 100%;
}
#index .mainimg .secopani {
  position: absolute;
  background-color: #000;
  z-index: 3;
  width: 68%;
  height: 70%;
  left: 50%;
  top: 40%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  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;
  box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.3);
  opacity: 1;
  pointer-events: none;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  pointer-events: auto;
}
@media screen and (max-width: 584px) {
  #index .mainimg .secopani {
    width: 94%;
    height: 65%;
  }
}
#index .mainimg .secopani.ani1 {
  -webkit-transition: 1s;
  transition: 1s;
  pointer-events: auto;
  opacity: 1;
  -webkit-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
}
#index .mainimg .secopani.as7 {
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
}
#index .mainimg .secopani .skip {
  position: absolute;
  right: 0px;
  top: 0;
  width: 100px;
  text-align: center;
  height: 38px;
  line-height: 1em;
  background-color: rgba(247, 236, 226, 0.9);
  border: 1px solid #fff;
  cursor: pointer;
  font-size: 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;
  z-index: 9999;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 584px) {
  #index .mainimg .secopani .skip {
    font-size: 3vw;
    width: 80px;
    height: 30px;
  }
}
#index .mainimg .secopani .skip:hover {
  opacity: 0.7;
}
#index .mainimg .secopani .bgmbtn {
  position: absolute;
  left: 124px;
  bottom: 20px;
  z-index: 12;
  background-color: rgba(247, 236, 226, 0.9);
  border: 1px solid #fff;
  width: 38px;
  height: 38px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
#index .mainimg .secopani .bgmbtn p {
  margin-top: -18px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 2px;
  display: none;
}
@media screen and (max-width: 584px) {
  #index .mainimg .secopani .bgmbtn {
    left: 110px;
    bottom: 5px;
  }
}
#index .mainimg .secopani .bgmbtn:hover {
  opacity: 0.7;
}
#index .mainimg .secopani .secin {
  width: 100%;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#index .mainimg .secopani .secin video {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #index .mainimg .secopani .secin video {
    width: 100%;
  }
}
#index .mainimg .badge {
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  max-width: 220px;
}
#index.h-small .mainimg {
  margin-top: 119px;
}
#index .bann2312 {
  position: relative;
  width: 100%;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #index .bann2312 {
    margin-top: 6vw;
  }
}
#index .bann2312:hover {
  opacity: 0.7;
}
#index .bann2312 a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#index .bann2312 a img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}
#index .flbox_bnr {
  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;
  margin-inline: auto;
  max-width: 860px;
  width: 100%;
  margin-top: 5%;
  margin-bottom: 10%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#index .flbox_bnr .bnr {
  width: 48%;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (any-hover: hover) {
  #index .flbox_bnr .bnr:hover {
    opacity: 0.7;
  }
}
#index .bnr {
  max-width: 650px;
  width: 100%;
  margin-inline: auto;
  margin-top: 40px;
}
#index .movie_wrap {
  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;
}
#index .movie_wrap .movie {
  width: 48%;
  aspect-ratio: 560/315;
  margin-inline: auto;
  margin-bottom: 10%;
}
@media screen and (max-width: 768px) {
  #index .movie_wrap .movie {
    margin-bottom: 10vw;
    max-width: 860px;
    width: 100%;
  }
}
#index .movie_wrap .movie iframe {
  width: 100%;
  height: 100%;
}
#index .koudou {
  position: relative;
}
#index .koudou section .secinner {
  padding-top: 20px;
}
#index .koudou section .red {
  width: 70%;
  margin: 0 auto;
  background-color: #BF1920;
  line-height: 1em;
}
#index .koudou section .red i {
  color: #fff;
  padding-top: 5px;
  font-size: clamp(10px, 7vw, 35px);
}
#index .koudou section .red i .small {
  font-size: clamp(10px, 4vw, 26px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
#index .koudou section p {
  line-height: 1.2em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0px;
  text-align: center;
}
#index .koudou section p span small {
  width: auto;
  padding: 0 4px;
  text-align: center;
  font-size: 12px;
  font-size: clamp(0.875rem, 0.759rem + 0.24vw, 1rem);
  line-height: 14px;
  line-height: clamp(1rem, 0.884rem + 0.24vw, 1.125rem);
  display: inline-block;
}
#index .koudou section .p1 {
  font-size: 34px;
  font-size: clamp(1.875rem, 1.181rem + 1.44vw, 2.625rem);
  margin-bottom: 10px;
}
#index .koudou section .p1.mg40 {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #index .koudou section .p1.mg40 {
    margin-bottom: 3vw;
  }
}
#index .koudou section .p1 b {
  font-weight: normal;
  font-size: 30px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  #index .koudou section .p1 b {
    font-size: 7.6vw;
  }
}
#index .koudou section .p1.sty2 {
  color: #AA2B2B;
  margin-top: 40px;
  font-size: 60px;
  font-size: clamp(2.25rem, 0.139rem + 4.4vw, 3.438rem);
}
#index .koudou section .p1.sty2.mbm4 {
  margin-top: -10px;
}
#index .koudou section .p1.sty2.sml i {
  font-size: clamp(10px, 6.5vw, 28px);
}
#index .koudou section .p1.sty2.sml span {
  margin-top: -20px;
}
#index .koudou section .p1.sty2.big {
  margin-top: 20px;
}
#index .koudou section .p1.sty2.big span {
  font-size: clamp(10px, 7vw, 80px);
  line-height: 1.5em;
}
@media screen and (max-width: 768px) {
  #index .koudou section .p1.sty2.big span {
    font-size: clamp(10px, 15vw, 80px);
  }
}
#index .koudou section .p1.sty2 small {
  display: inline-block;
  font-size: 24px;
  line-height: 1em;
  margin-right: 10px;
}
#index .koudou section .p1.sty2 b {
  font-size: clamp(1.625rem, 0.736rem + 1.85vw, 2.125rem);
}
@media screen and (max-width: 768px) {
  #index .koudou section .p1.sty2 {
    font-size: 10vw;
    font-size: 8vw;
  }
  #index .koudou section .p1.sty2 b {
    font-size: 6vw;
  }
  #index .koudou section .p1.sty2 small {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 8.6vw;
  }
}
@media screen and (max-width: 768px) {
  #index .koudou section .p1.sty3 {
    font-size: 7vw;
  }
}
#index .koudou section .p2 {
  font-size: 60px;
  font-size: clamp(3.125rem, 1.968rem + 2.41vw, 4.375rem);
}
#index .koudou section .p2.sty2 {
  margin-top: 6vw;
}
#index .contentssec {
  position: relative;
}
#index .contentssec .contentssec-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
#index .contentssec .contentssec-bg ul {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#index .contentssec .contentssec-bg ul li {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}
#index .contentssec .contentssec-bg ul li.s1-1 {
  background-image: url("../img/top/cs1_01.png");
}
#index .contentssec .contentssec-bg ul li.s1-2 {
  background-image: url("../img/top/cs1_02.png");
}
#index .contentssec .contentssec-bg ul li.s1-3 {
  background-image: url("../img/top/cs1_03.png");
}
#index .contentssec .contentssec-bg ul li.s1-4 {
  background-image: url("../img/top/cs1_04.png");
}
#index .contentssec .contentssec-bg ul li.s2-2 {
  background-image: url("../img/top/cs2_02.png");
}
#index .contentssec .contentssec-bg ul li.s2-3 {
  background-image: url("../img/top/cs2_03.png");
}
#index .contentssec .contentssec-bg ul li.s2-4 {
  background-image: url("../img/top/cs2_04.png");
}
#index .contentssec .contentssec-bg ul li.s3-2 {
  background-image: url("../img/top/cs3_02.png");
}
#index .contentssec .contentssec-bg ul li.s3-3 {
  background-image: url("../img/top/cs3_03.png");
}
#index .contentssec .contentssec-bg ul li.s3-4 {
  background-image: url("../img/top/cs3_04.png");
}
#index .contentssec .contentssec-bg ul li.s4-2 {
  background-image: url("../img/top/cs4_02.png");
}
#index .contentssec .contentssec-bg ul li.s4-3 {
  background-image: url("../img/top/cs4_03.png");
}
#index .contentssec .contentssec-bg ul li.s4-4 {
  background-image: url("../img/top/cs4_04.png");
}
#index .contentssec .contentssec-bg ul li.s5-2 {
  background-image: url("../img/top/cs5_02.png");
}
#index .contentssec .contentssec-bg ul li.s5-3 {
  background-image: url("../img/top/cs5_03.png");
}
#index .contentssec .contentssec-bg ul li.s5-4 {
  background-image: url("../img/top/cs5_04.png");
}
#index .contentssec .contentssec-bg ul li.s6-2 {
  background-image: url("../img/top/cs6_02.png");
}
#index .contentssec .contentssec-bg ul li.s6-3 {
  background-image: url("../img/top/cs6_03.png");
}
#index .contentssec .contentssec-bg ul li.s6-4 {
  background-image: url("../img/top/cs6_04.png");
}
#index .contentssec .contentssec-bg ul li.s7-2 {
  background-image: url("../img/top/cs7_02.png");
}
#index .contentssec .contentssec-bg ul li.s7-3 {
  background-image: url("../img/top/cs7_03.png");
}
#index .contentssec .contentssec-bg ul li.s7-4 {
  background-image: url("../img/top/cs7_04.png");
}
#index .contentssec .secinner {
  position: relative;
  z-index: 3;
  max-width: 1300px;
}
#index .contentssec .secinner .contentssec-lead {
  position: relative;
  z-index: 3;
}
#index .contentssec .secinner .contentssec-lead p {
  line-height: 1.2em;
  font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
  letter-spacing: 0px;
  text-shadow: 2px 2px 10px #fff, -2px 2px 10px #fff, 2px -2px 10px #fff, -2px -2px 10px #fff;
}
#index .contentssec .secinner .contentssec-lead p span small {
  width: auto;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  font-size: 20px;
  line-height: 24px;
  display: inline-block;
  padding: 0 4px;
}
#index .contentssec .secinner .contentssec-lead .ttl {
  font-size: 40px;
  text-align: left;
  line-height: 1em;
  margin-bottom: 40px;
  letter-spacing: 0.08em;
  white-space: nowrap;
  letter-spacing: 0;
  margin-bottom: 70px;
  font-weight: 400;
  font-family: "en", sans-serif;
  font-style: normal;
}
#index .contentssec .secinner .contentssec-lead .ttl.cr2 {
  margin-bottom: 10px;
}
#index .contentssec .secinner .contentssec-lead .p1 {
  font-size: 40px;
  font-size: 50px;
  margin-bottom: 20px;
  margin-bottom: 15px;
}
#index .contentssec .secinner .contentssec-lead .moreb {
  position: relative;
  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;
  width: 200px;
  margin-top: 40px;
}
#index .contentssec .secinner .contentssec-lead .moreb a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
}
#index .contentssec .secinner .contentssec-lead .moreb p {
  display: inline-block;
  padding-right: 40px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#index .contentssec .secinner .contentssec-lead .moreb .ico {
  z-index: 2;
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#index .contentssec .secinner .contentssec-lead .moreb .ico::before {
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: #BD1F25;
  z-index: 1;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  content: "";
  -webkit-transform: scale(0.9) translateX(-50%) translateY(-50%);
          transform: scale(0.9) translateX(-50%) translateY(-50%);
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#index .contentssec .secinner .contentssec-lead .moreb .ico::after {
  border: 1px solid #ccc;
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: #fff;
  z-index: 2;
  right: 0;
  top: 0;
  border-radius: 50%;
  content: "";
}
#index .contentssec .secinner .contentssec-lead .moreb .ico span {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#index .contentssec .secinner .contentssec-lead .moreb .ico span::before {
  width: 150%;
  height: 10px;
  content: "";
  background-color: #fff;
  position: absolute;
  left: -100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 3;
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}
#index .contentssec .secinner .contentssec-lead .moreb .ico span::after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 150%;
  height: 1px;
  content: "";
  background-color: #cccccc;
  position: absolute;
  left: -100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 4;
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}
#index .contentssec .secinner .contentssec-lead .moreb:hover p {
  color: #BD1F25;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
#index .contentssec .secinner .contentssec-lead .moreb:hover .ico::before {
  -webkit-transform: scale(0.3) translateX(-50%) translateY(-50%);
          transform: scale(0.3) translateX(-50%) translateY(-50%);
}
#index .contentssec .secinner .contentssec-lead .moreb:hover .ico::after {
  opacity: 0;
}
#index .contentssec .secinner .contentssec-lead .moreb:hover .ico span::before {
  opacity: 0;
  -webkit-transform: scaleX(0.3) translateY(-50%);
          transform: scaleX(0.3) translateY(-50%);
}
#index .contentssec .secinner .contentssec-lead .moreb:hover .ico span::after {
  background-color: #BD1F25;
  -webkit-transform: scaleX(0.5) translateY(-50%);
          transform: scaleX(0.5) translateY(-50%);
}
#index .contentssec .secinner .contentssec-lead .moreb.cmgs {
  pointer-events: none;
  opacity: 0.5;
}
#index .contentssec .secinner .contentssec-fig {
  position: absolute;
  width: 58%;
}
#index .contentssec .secinner .contentssec-fig .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  opacity: 0;
}
#index .contentssec .secinner .contentssec-fig .csf1_01 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: visible;
}
#index .contentssec .secinner .contentssec-fig2 {
  display: none;
  position: relative;
  -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;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
#index .contentssec .secinner .contentssec-fig2 li {
  width: 100%;
  margin-bottom: 2vw;
}
#index .contentssec .secinner .contentssec-fig2 li.cr2 {
  width: 48%;
}
#index .contentssec .secinner .contentssec-fig2 li figure {
  height: 100%;
}
#index .contentssec .secinner .contentssec-fig2 li figure .fgcov {
  height: 100%;
}
#index .contentssec .secinner .contentssec-fig2 li figure .fgcov img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#index .contentssec .secinner .note.cnote {
  margin-bottom: 3vw;
  margin-top: 0;
}
#index .contentssec.sec1 {
  padding-bottom: 14vw;
}
#index .contentssec.sec1 .ttl {
  margin-top: 100px;
}
#index .contentssec.sec1 .contentssec-fig {
  right: 0;
  top: 320px;
  z-index: 2;
}
#index .contentssec.sec3 {
  padding-bottom: 14vw;
  padding-bottom: 12vw;
}
#index .contentssec.sec3 .contentssec-fig {
  right: 0;
  top: 320px;
  top: 260px;
  z-index: 2;
}
#index .contentssec.sec3 .contentssec-fig .csf3_01 {
  position: absolute;
  right: 0;
  top: 0;
  width: 61%;
  height: 100%;
}
#index .contentssec.sec3 .contentssec-fig .csf3_01 img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#index .contentssec.sec3 .contentssec-fig .csf3_02 {
  position: absolute;
  left: 0;
  top: 0;
  width: 37.5%;
  height: 44%;
}
#index .contentssec.sec3 .contentssec-fig .csf3_02 img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#index .contentssec.sec3 .contentssec-fig .csf3_03 {
  position: absolute;
  left: 0;
  bottom: 12px;
  width: 37.5%;
  height: 48%;
}
#index .contentssec.sec3 .contentssec-fig .csf3_03 img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#index .contentssec.sec5 {
  padding-bottom: 10vw;
  padding-bottom: 14vw;
}
#index .contentssec.sec5 .contentssec-fig {
  right: 0;
  top: 320px;
  top: 260px;
  z-index: 2;
}
#index .contentssec.sec5 .contentssec-fig .note {
  -webkit-transform: translateY(-200%) !important;
          transform: translateY(-200%) !important;
}
@media screen and (max-width: 768px) {
  #index .contentssec.sec5 .contentssec-fig .note {
    -webkit-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
}
#index .contentssec.sec5 .contentssec-fig .csf3_01 {
  position: absolute;
  right: 0;
  top: 0;
  width: 54%;
  height: 100%;
}
#index .contentssec.sec5 .contentssec-fig .csf3_01 img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#index .contentssec.sec5 .contentssec-fig .csf3_02 {
  position: absolute;
  left: 0;
  top: 0;
  width: 45%;
  height: 49%;
}
#index .contentssec.sec5 .contentssec-fig .csf3_02 img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#index .contentssec.sec5 .contentssec-fig .csf3_03 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 45%;
  height: 49%;
}
#index .contentssec.sec5 .contentssec-fig .csf3_03 img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#index .contentssec.sec5 .contentssec-figx {
  right: 0;
  top: 0px;
  top: 140px;
  z-index: 2;
}
#index .contentssec.sec5 .contentssec-figx .csf5_01 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 140px;
  overflow: visible;
}
#index .contentssec.sec7 .contentssec-lead {
  margin-top: 100px;
}
#index .contentssec.sec7 .contentssec-fig {
  right: 0;
  top: 160px;
  z-index: 2;
}
#index .contentssec.sec7 .contentssec-fig .csf7_01 {
  position: absolute;
  right: 0;
  top: 0;
  width: 49.5%;
  height: 50%;
}
#index .contentssec.sec7 .contentssec-fig .csf7_01 img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#index .contentssec.sec7 .contentssec-fig .csf7_02 {
  position: absolute;
  left: 0;
  top: 54.5%;
  width: 49.5%;
  height: 44%;
}
#index .contentssec.sec7 .contentssec-fig .csf7_02 img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#index .contentssec.sec7 .contentssec-fig .csf7_03 {
  position: absolute;
  right: 0;
  top: 45%;
  width: 49.5%;
  height: 52.5%;
}
#index .contentssec.sec7 .contentssec-fig .csf7_03 img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#index .contentssec.sec2 {
  padding-bottom: 14vw;
  padding-bottom: 10vw;
}
#index .contentssec.sec2 .contentssec-fig {
  left: 0;
  top: 0px;
  z-index: 2;
}
#index .contentssec.sec2 .contentssec-fig .csf2_01 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 140px;
  overflow: visible;
}
#index .contentssec.sec2 .contentssec-lead {
  width: 44%;
  width: 50%;
  margin-right: 0;
  display: block;
  margin-left: auto;
}
#index .contentssec.sec2 .contentssec-lead .moreb {
  margin-right: 0;
  margin-left: auto;
}
#index .contentssec.sec4 {
  padding-bottom: 14vw;
}
#index .contentssec.sec4 .contentssec-fig {
  left: 0;
  top: 400px;
  top: 240px;
  z-index: 2;
}
#index .contentssec.sec4 .contentssec-fig .note {
  padding-left: 47%;
  -webkit-transform: translateY(-110px);
          transform: translateY(-110px);
}
#index .contentssec.sec4 .contentssec-fig .csf4_01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 56%;
  height: 100%;
}
#index .contentssec.sec4 .contentssec-fig .csf4_01 img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#index .contentssec.sec4 .contentssec-fig .csf4_02 {
  position: absolute;
  right: 0;
  top: 0;
  width: 42.5%;
  height: 49%;
}
#index .contentssec.sec4 .contentssec-fig .csf4_02 img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#index .contentssec.sec4 .contentssec-fig .csf4_03 {
  position: absolute;
  right: 0;
  bottom: 12px;
  width: 42.5%;
  height: 48%;
}
#index .contentssec.sec4 .contentssec-fig .csf4_03 img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#index .contentssec.sec4 .contentssec-lead {
  width: 60%;
  width: 64%;
  width: 770px;
  margin-right: 0;
  display: block;
  margin-left: auto;
}
#index .contentssec.sec4 .contentssec-lead .p1 {
  width: 60%;
  margin-left: auto;
  margin-right: 10%;
}
#index .contentssec.sec4 .contentssec-lead .moreb {
  margin-right: 0;
  margin-left: auto;
}
#index .contentssec.sec6 {
  padding-bottom: 14vw;
  padding-bottom: 10vw;
}
#index .contentssec.sec6 .contentssec-fig {
  left: 0;
  top: 200px;
  z-index: 2;
}
#index .contentssec.sec6 .contentssec-fig .csf6_01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 60.5%;
  height: 100%;
}
#index .contentssec.sec6 .contentssec-fig .csf6_01 img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#index .contentssec.sec6 .contentssec-fig .csf6_02 {
  position: absolute;
  right: 0;
  top: 0;
  width: 39%;
  height: 48%;
}
#index .contentssec.sec6 .contentssec-fig .csf6_02 img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#index .contentssec.sec6 .contentssec-fig .csf6_03 {
  position: absolute;
  right: 0;
  bottom: 12px;
  width: 39%;
  height: 48%;
}
#index .contentssec.sec6 .contentssec-fig .csf6_03 img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#index .contentssec.sec6 .contentssec-lead {
  width: 38%;
  width: 44%;
  margin-right: 0;
  margin-top: 60px;
  display: block;
  margin-left: auto;
}
#index .contentssec.sec6 .contentssec-lead .ttl {
  text-align: right;
  padding-right: 40px;
}
#index .contentssec.sec6 .contentssec-lead .moreb {
  margin-right: 0;
  margin-left: auto;
}
#index .merit {
  background-color: #99222B;
  margin-bottom: 40px;
}
#index .merit .secinner {
  padding: 2vw 3vw;
}
#index .merit .secinner .mrt_text {
  text-align: center;
  color: #fff;
  font-size: clamp(10px, 9vw, 64px);
  line-height: 1.5em;
  margin-top: 2%;
}
@media screen and (max-width: 768px) {
  #index .merit .secinner .mrt_text {
    margin-top: 3%;
  }
}
#index .merit .secinner .merit-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%;
}
@media screen and (max-width: 768px) {
  #index .merit .secinner .merit-a {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#index .merit .secinner .merit-a li {
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
  position: relative;
  width: 50%;
  max-width: 470px;
}
@media screen and (max-width: 768px) {
  #index .merit .secinner .merit-a li {
    width: 100%;
    margin-right: 0px;
    padding-right: 0px;
  }
}
#index .merit .secinner .merit-a li:first-child .merit-prc .mrtbox_1 {
  padding-top: 0;
}
#index .merit .secinner .merit-a li:first-child .merit-prc .mrtbox_1 .p1 {
  padding-bottom: 43%;
}
@media screen and (max-width: 768px) {
  #index .merit .secinner .merit-a li:first-child .merit-prc .mrtbox_1 .p1 {
    padding-bottom: 20%;
  }
}
#index .merit .secinner .merit-a li:first-child .merit-prc .mrtbox_2 {
  padding-bottom: 5%;
}
@media screen and (max-width: 768px) {
  #index .merit .secinner .merit-a li:first-child .merit-prc .mrtbox_2 {
    padding-bottom: 4%;
  }
}
#index .merit .secinner .merit-a li:first-child .merit-prc .mrtbox_2 .p3 {
  padding: 0;
}
#index .merit .secinner .merit-a li::before {
  width: 1px;
  height: 60%;
  content: "";
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  #index .merit .secinner .merit-a li::before {
    display: none;
  }
}
#index .merit .secinner .merit-a li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}
#index .merit .secinner .merit-a li:last-child::before {
  display: none;
}
#index .merit .secinner .merit-a li .merit-prc {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#index .merit .secinner .merit-a li .merit-prc .mrtbox_1 {
  display: inline-block;
}
#index .merit .secinner .merit-a li .merit-prc .mrtbox_1 span {
  color: #fff;
}
#index .merit .secinner .merit-a li .merit-prc .mrtbox_1 p {
  font-size: 30px;
  font-size: 26px;
  line-height: 1em;
  text-align: center;
  color: #fff;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
#index .merit .secinner .merit-a li .merit-prc .mrtbox_1 .p1 i {
  display: block;
  font-style: normal;
  font-size: 12px;
  font-size: 10px;
  text-align: left;
  line-height: 1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  padding-top: 0%;
}
#index .merit .secinner .merit-a li .merit-prc .mrtbox_1 .p2 {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  font-size: 36px;
  font-size: 26px;
  padding-top: 29%;
}
@media screen and (max-width: 768px) {
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_1 .p2 {
    padding-top: 5%;
  }
}
@media screen and (max-width: 1080px) {
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_1 {
    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;
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_1 .p1 {
    display: inline-block;
    width: auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_1 .p2 {
    display: inline-block;
    width: auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_1 {
    display: block;
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_1 .p1 {
    display: block;
    width: auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_1 .p2 {
    display: block;
    width: auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-right: 0;
  }
}
#index .merit .secinner .merit-a li .merit-prc .mrtbox_2 {
  padding: 0 2%;
}
#index .merit .secinner .merit-a li .merit-prc .mrtbox_2 .p3 {
  color: #fff;
  padding-top: 1em;
  font-size: clamp(10px, 5vw, 32px);
  position: relative;
}
#index .merit .secinner .merit-a li .merit-prc .mrtbox_2 .p3 span {
  font-size: clamp(10px, 5vw, 30px);
}
#index .merit .secinner .merit-a li .merit-prc .mrtbox_2 .p3 .mrt {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  font-size: clamp(10px, 5vw, 16px);
  line-height: 1em;
  top: 18%;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.56%, rgb(251, 201, 38)), color-stop(25.28%, rgb(255, 251, 204)), color-stop(30.45%, rgb(248, 240, 187)), color-stop(40.72%, rgb(231, 210, 142)), color-stop(55%, rgb(204, 162, 70)), color-stop(59.55%, rgb(195, 146, 46)), color-stop(87.08%, rgb(238, 214, 136)), to(rgb(255, 251, 204)));
  background: linear-gradient(90deg, rgb(251, 201, 38) 0.56%, rgb(255, 251, 204) 25.28%, rgb(248, 240, 187) 30.45%, rgb(231, 210, 142) 40.72%, rgb(204, 162, 70) 55%, rgb(195, 146, 46) 59.55%, rgb(238, 214, 136) 87.08%, rgb(255, 251, 204) 100%);
  padding-block: 5px;
  color: #99222B;
}
@media screen and (max-width: 768px) {
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_2 .p3 .mrt {
    top: 15%;
    font-size: clamp(10px, 3vw, 16px);
  }
}
#index .merit .secinner .merit-a li .merit-prc .mrtbox_2 .p3 .mrt::before {
  content: "";
  position: absolute;
  width: 97%;
  height: 88%;
  background-color: #fff;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
#index .merit .secinner .merit-a li .merit-prc .mrtbox_2 .p3 .mrt.mrt_w {
  font-size: clamp(10px, 5vw, 16px);
  line-height: 1em;
  top: unset;
  bottom: -25%;
  color: #ffffff;
  background: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_2 .p3 .mrt.mrt_w {
    font-size: clamp(10px, 3vw, 16px);
    bottom: -31%;
  }
}
#index .merit .secinner .merit-a li .merit-prc .mrtbox_2 .p3 .mrt.mrt_w::before {
  content: "";
  position: absolute;
  width: 97%;
  height: 88%;
  border: 1px solid #fff;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: unset;
}
@media screen and (max-width: 1080px) {
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_2.p3 {
    padding-top: 10px;
    font-size: clamp(10px, 3vw, 26px);
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_2.p3 span {
    font-size: clamp(10px, 3.2vw, 30px);
  }
}
#index .merit .secinner .merit-a li .merit-prc .mrtbox_3 {
  display: inline-block;
}
#index .merit .secinner .merit-a li .merit-prc .mrtbox_3 span {
  display: inline-block;
  overflow: visible;
}
#index .merit .secinner .merit-a li .merit-prc .mrtbox_3 span.s1 {
  font-size: clamp(10px, 6vw, 70px);
  background: -webkit-gradient(linear, left top, right top, color-stop(0.56%, rgb(251, 201, 38)), color-stop(25.28%, rgb(255, 251, 204)), color-stop(30.45%, rgb(248, 240, 187)), color-stop(40.72%, rgb(231, 210, 142)), color-stop(55%, rgb(204, 162, 70)), color-stop(59.55%, rgb(195, 146, 46)), color-stop(87.08%, rgb(238, 214, 136)), to(rgb(255, 251, 204)));
  background: linear-gradient(90deg, rgb(251, 201, 38) 0.56%, rgb(255, 251, 204) 25.28%, rgb(248, 240, 187) 30.45%, rgb(231, 210, 142) 40.72%, rgb(204, 162, 70) 55%, rgb(195, 146, 46) 59.55%, rgb(238, 214, 136) 87.08%, rgb(255, 251, 204) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  margin: 0 10px;
  letter-spacing: 0.08em;
  line-height: 1.2em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
@media screen and (max-width: 1080px) {
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_3 span.s1 {
    font-size: clamp(10px, 10vw, 70px);
  }
}
#index .merit .secinner .merit-a li .merit-prc .mrtbox_3 span.s2 {
  color: #fff;
  font-size: clamp(10px, 3vw, 25px);
  position: relative;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
#index .merit .secinner .merit-a li .merit-prc .mrtbox_3 span.s2 i {
  font-style: normal;
  font-size: 10px;
  position: absolute;
  white-space: nowrap;
  right: 0;
  bottom: -12px;
}
@media screen and (max-width: 768px) {
  #index .merit .secinner .merit-a li .merit-prc {
    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;
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_1 {
    display: inline-block;
    padding-top: 3px;
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_1 span {
    color: #fff;
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_1 p {
    font-size: 30px;
    font-size: 26px;
    line-height: 1.4em;
    text-align: center;
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_1 .p1 i {
    display: block;
    font-style: normal;
    font-size: 12px;
    font-size: 10px;
    text-align: left;
    line-height: 1em;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 0;
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_1 .p2 {
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 0;
    font-size: 36px;
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) and (max-width: 1080px) {
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_1 {
    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;
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_1 .p1 {
    display: inline-block;
    width: auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_1 .p2 {
    display: inline-block;
    width: auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-right: 10px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_1 {
    display: block;
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_1 .p1 {
    display: block;
    width: auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_1 .p2 {
    display: block;
    width: auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_2 {
    padding: 0px 2% 0 1%;
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_2 .p3 {
    padding-top: 1.2em;
    font-size: clamp(10px, 6vw, 32px);
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_2 .p3 span {
    font-size: clamp(10px, 6vw, 30px);
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_3 {
    display: inline-block;
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_3 span {
    display: inline-block;
    overflow: visible;
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_3 span.s1 {
    font-size: clamp(10px, 13vw, 70px);
    margin: 0 10px;
    margin-left: 0;
    letter-spacing: 0.08em;
    line-height: 1.2em;
    letter-spacing: 0;
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_3 span.s2 {
    font-size: clamp(10px, 5.5vw, 25px);
  }
  #index .merit .secinner .merit-a li .merit-prc .mrtbox_3 span.s2 i {
    font-size: 10px;
    right: 0;
    bottom: -12px;
  }
}
#index .secopani2 {
  position: fixed;
  background-color: #fff;
  z-index: 99999;
  width: 100%;
  height: 100%;
  left: 0;
  top: 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;
  opacity: 0;
  left: -102vw;
  left: 0;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  pointer-events: auto;
}
#index .secopani2.ani1 {
  -webkit-transition: 1s;
  transition: 1s;
  pointer-events: auto;
  opacity: 1;
  left: 0;
  -webkit-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
}
#index .secopani2.as7 {
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
}
#index .secopani2 .skip {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 100px;
  text-align: center;
  height: 38px;
  line-height: 1em;
  background-color: rgba(247, 236, 226, 0.9);
  border: 1px solid #fff;
  cursor: pointer;
  font-size: 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;
  z-index: 9999;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 584px) {
  #index .secopani2 .skip {
    font-size: 3.5vw;
    left: 5px;
    bottom: 5px;
  }
}
#index .secopani2 .skip:hover {
  opacity: 0.7;
}
#index .secopani2 .bgmbtn {
  position: absolute;
  left: 124px;
  bottom: 20px;
  z-index: 12;
  background-color: rgba(247, 236, 226, 0.9);
  border: 1px solid #fff;
  width: 38px;
  height: 38px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
#index .secopani2 .bgmbtn p {
  margin-top: -18px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 2px;
  display: none;
}
@media screen and (max-width: 584px) {
  #index .secopani2 .bgmbtn {
    left: 110px;
    bottom: 5px;
  }
}
#index .secopani2 .bgmbtn:hover {
  opacity: 0.7;
}
#index .secopani2 .secin {
  width: 100%;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#index .secopani2 .secin video {
  width: 86%;
}
@media screen and (max-width: 768px) {
  #index .secopani2 .secin video {
    width: 100%;
  }
}
#index main {
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
  #index {
    /*@media screen end*/
  }
  #index .flbox_bnr {
    margin-top: 0px;
    margin-bottom: 10vw;
  }
  #index .flbox_bnr .bnr {
    width: 100%;
    margin-top: 6vw;
  }
  #index .merit {
    margin-bottom: 6vw;
  }
  #index .merit .secinner {
    padding: 6vw;
  }
  #index .merit .secinner .merit-a li {
    display: block;
    width: 100%;
    margin: 0;
  }
  #index .merit .secinner .merit-a li:nth-child(2), #index .merit .secinner .merit-a li:first-child {
    margin-bottom: 3vw;
  }
  #index .merit .secinner .merit-a li .merit-prc dt p {
    font-size: 6vw;
  }
  #index .merit .secinner .merit-a li .merit-prc dt .p1 i {
    font-size: 2.5vw;
  }
  #index .merit .secinner .merit-a li .merit-prc dt .p2 {
    font-size: 8vw;
  }
  #index .merit .secinner .merit-a li .merit-prc dd span.s1 {
    font-size: 14vw;
    letter-spacing: 0.04em;
    line-height: 1.2em;
  }
  #index .merit .secinner .merit-a li .merit-prc dd span.s2 {
    font-size: 6vw;
  }
  #index .koudou {
    margin-bottom: 16vw;
  }
  #index .koudou section .secinner {
    padding-top: 3vw;
  }
  #index .koudou section .red {
    width: 90%;
  }
  #index .koudou section .red i {
    color: #fff;
    padding-top: 5px;
    font-size: clamp(10px, 7vw, 35px);
  }
  #index .koudou section p {
    line-height: 1.4em;
  }
  #index .koudou section p span small {
    font-size: 2.5vw;
    line-height: 1.3em;
    -webkit-transform: scale(0.86) translateY(4px);
            transform: scale(0.86) translateY(4px);
    padding: 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 330px) {
  #index .koudou section p span small {
    line-height: 1.7em;
    -webkit-transform: scale(0.8) translateY(6px);
            transform: scale(0.8) translateY(6px);
  }
}
@media screen and (max-width: 768px) {
  #index .koudou section .p1 {
    font-size: 4.5vw;
  }
  #index .koudou section .p2 {
    font-size: 7vw;
    margin-bottom: 3vw;
  }
  #index .contentssec .contentssec-bg {
    height: 50%;
    width: 100%;
    top: -20vw;
  }
  #index .contentssec .contentssec-bg.rvs {
    left: auto;
    right: 0;
  }
  #index .contentssec .contentssec-bg ul li.s1-1 {
    background-image: url("../img/top/cs1_01_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s1-2 {
    background-image: url("../img/top/cs1_02_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s1-3 {
    background-image: url("../img/top/cs1_03_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s1-4 {
    background-image: url("../img/top/cs1_04_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s2-2 {
    background-image: url("../img/top/cs2_02_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s2-3 {
    background-image: url("../img/top/cs2_03_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s2-4 {
    background-image: url("../img/top/cs2_04_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s3-2 {
    background-image: url("../img/top/cs3_02_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s3-3 {
    background-image: url("../img/top/cs3_03_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s3-4 {
    background-image: url("../img/top/cs3_04_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s4-2 {
    background-image: url("../img/top/cs4_02_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s4-3 {
    background-image: url("../img/top/cs4_03_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s4-4 {
    background-image: url("../img/top/cs4_04_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s5-2 {
    background-image: url("../img/top/cs5_02_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s5-3 {
    background-image: url("../img/top/cs5_03_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s5-4 {
    background-image: url("../img/top/cs5_04_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s6-2 {
    background-image: url("../img/top/cs6_02_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s6-3 {
    background-image: url("../img/top/cs6_03_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s6-4 {
    background-image: url("../img/top/cs6_04_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s7-2 {
    background-image: url("../img/top/cs7_02_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s7-3 {
    background-image: url("../img/top/cs7_03_sp.png");
  }
  #index .contentssec .contentssec-bg ul li.s7-4 {
    background-image: url("../img/top/cs7_04_sp.png");
  }
  #index .contentssec .secinner .pcpy8 span {
    padding: 0;
  }
  #index .contentssec .secinner .pcpy7 span {
    padding: 0;
  }
  #index .contentssec .secinner .contentssec-lead {
    position: relative;
    z-index: 3;
  }
  #index .contentssec .secinner .contentssec-lead p span small {
    font-size: 2.5vw;
    line-height: 1.3em;
    -webkit-transform: scale(0.86) translateY(4px);
            transform: scale(0.86) translateY(4px);
    padding: 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 330px) {
  #index .contentssec .secinner .contentssec-lead p span small {
    line-height: 1.7em;
    -webkit-transform: scale(0.8) translateY(6px);
            transform: scale(0.8) translateY(6px);
  }
}
@media screen and (max-width: 768px) {
  #index .contentssec .secinner .contentssec-lead .ttl {
    font-size: 12vw;
    font-size: 7vw;
    font-size: 6vw;
    text-align: left;
    margin-bottom: 3vw;
    letter-spacing: 0.04em;
  }
  #index .contentssec .secinner .contentssec-lead .p1 {
    font-size: 6vw;
    margin-bottom: 10px;
  }
  #index .contentssec .secinner .contentssec-lead .moreb {
    width: 100%;
    margin-top: 3vw;
    max-width: 100%;
  }
  #index .contentssec .secinner .contentssec-lead .moreb p {
    padding-right: 12vw;
  }
  #index .contentssec .secinner .contentssec-fig {
    display: none;
  }
  #index .contentssec .secinner .contentssec-fig2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #index .contentssec.sec1 .secinner {
    padding-top: 1px;
  }
  #index .contentssec.sec2 .contentssec-lead {
    width: 100%;
  }
  #index .contentssec.sec2 .contentssec-lead .ttl {
    text-align: right;
  }
  #index .contentssec.sec2 .contentssec-lead .moreb {
    margin-right: 0;
    margin-left: auto;
  }
  #index .contentssec.sec3 {
    padding-bottom: 14vw;
  }
  #index .contentssec.sec3 .contentssec-lead {
    width: 100%;
  }
  #index .contentssec.sec3 .contentssec-lead .moreb {
    margin-right: 0;
    margin-left: auto;
  }
  #index .contentssec.sec4 .contentssec-lead {
    width: 100%;
  }
  #index .contentssec.sec4 .contentssec-lead .ttl {
    text-align: right;
  }
  #index .contentssec.sec4 .contentssec-lead .p1 {
    width: 100%;
  }
  #index .contentssec.sec4 .contentssec-lead .moreb {
    margin-right: 0;
    margin-left: auto;
  }
  #index .contentssec.sec6 .contentssec-lead {
    width: 100%;
    margin-top: -6vw;
  }
  #index .contentssec.sec6 .contentssec-lead .ttl {
    text-align: right;
    padding-right: 0;
  }
  #index .contentssec.sec6 .contentssec-lead .p1 {
    width: 100%;
  }
  #index .contentssec.sec6 .contentssec-lead .moreb {
    margin-right: 0;
    margin-left: auto;
  }
  #index .contentssec.sec7 .contentssec-lead {
    margin-top: -6vw;
  }
}
#index.cmnShow .flbann {
  right: 0px;
  opacity: 1;
}
#index .flbann_box {
  position: fixed;
  z-index: 219;
  right: 30px;
  bottom: 30px;
  width: 30%;
  max-width: 300px;
  -webkit-transition: 1s;
  transition: 1s;
}
#index .flbann_box.hide {
  right: -100px;
  pointer-events: none;
  opacity: 0;
}
#index .flbann {
  opacity: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 1s;
  transition: 1s;
  position: relative;
}
#index .flbann img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}
#index .flbann .close {
  position: absolute;
  width: 30px;
  height: 30px;
  z-index: 10;
  right: 0;
  top: -35px;
  z-index: 250;
  cursor: pointer;
}
#index .flbann.hide {
  right: -200px;
  pointer-events: none;
  opacity: 0;
}
#index .flbann2 {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  #index {
    /*@media screen end*/
  }
  #index .flbann_box {
    right: 50%;
    bottom: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 95%;
    margin: 0 auto;
    max-width: unset;
    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;
  }
  #index .flbann_box.hide {
    right: -100px;
    pointer-events: none;
    opacity: 0;
  }
  #index .flbann {
    opacity: 0;
    width: 48%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: 1s;
    transition: 1s;
    position: relative;
    left: 0;
  }
  #index .flbann .close {
    right: unset;
  }
  #index .flbann.hide {
    left: 0px;
    pointer-events: none;
    opacity: 0;
  }
  #index .flbann2 {
    margin-top: 0px;
  }
  #index .flbann2.hide {
    right: 0px;
    left: unset;
  }
}
@media screen and (max-width: 768px) {
  #index {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #index {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #index {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  /*@media screen end*/
}
#concept .pagetitle-tit {
  left: 14%;
}
#concept .sec1 h3,
#concept .sec2 h3,
#concept .sec3 h3 {
  color: #006d94;
  font-size: 36px;
  margin-bottom: 40px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#concept .sec1 h3 .row span,
#concept .sec2 h3 .row span,
#concept .sec3 h3 .row span {
  padding: 4px 0px !important;
}
#concept .sec1 p,
#concept .sec2 p,
#concept .sec3 p {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.08em;
  line-height: 2.4em;
}
#concept .sec1 .p1,
#concept .sec2 .p1,
#concept .sec3 .p1 {
  font-size: 28px;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  #concept .sec1 .p1,
  #concept .sec2 .p1,
  #concept .sec3 .p1 {
    font-size: 6vw;
  }
}
#concept .sec1 .ttl,
#concept .sec2 .ttl,
#concept .sec3 .ttl {
  line-height: 1.8em;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #concept .sec1 .ttl,
  #concept .sec2 .ttl,
  #concept .sec3 .ttl {
    line-height: 1.5em;
    margin-bottom: 3vw;
    letter-spacing: 0.02em;
  }
  #concept .sec1 .ttl span,
  #concept .sec2 .ttl span,
  #concept .sec3 .ttl span {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  #concept .sec1 .pt3,
  #concept .sec2 .pt3,
  #concept .sec3 .pt3 {
    font-size: 3vw;
  }
}
#concept .contentssec-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
#concept .contentssec-bg ul {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#concept .contentssec-bg ul li {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}
#concept .contentssec-bg ul li.s1-1 {
  background-image: url("../img/concept/img_01.png");
}
@media screen and (max-width: 768px) {
  #concept .contentssec-bg ul li.s1-1 {
    background-image: url("../img/concept/img_01_sp.png");
  }
}
#concept .contentssec-bg ul li.s1-2 {
  z-index: 6;
  background-image: url("../img/concept/img_02.png");
}
@media screen and (max-width: 768px) {
  #concept .contentssec-bg ul li.s1-2 {
    background-image: url("../img/concept/img_02_sp.png");
  }
}
#concept .contentssec-bg ul li.s1-3 {
  z-index: 5;
  background-image: url("../img/concept/img_03.svg");
}
#concept .contentssec-bg ul li.s1-4 {
  z-index: 2;
  background-color: #b51d23;
  width: 90%;
  height: 60%;
  top: 200px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  opacity: 0;
}
#concept .contentssec-bg ul li.s1-4.ani1 {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  #concept .contentssec-bg ul li.s1-4 {
    top: 70px;
    height: 64%;
  }
}
#concept .sec1 {
  position: relative;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  #concept .sec1 {
    margin-top: 0px;
  }
}
#concept .sec1 .contentssec-bg .s1-3 {
  width: 33%;
  left: 40px;
  top: 100px;
}
@media screen and (max-width: 768px) {
  #concept .sec1 .contentssec-bg .s1-3 {
    left: 20px;
    top: 40px;
  }
}
#concept .sec1 .contentssec-bg .s1-2 {
  top: 160px;
}
@media screen and (max-width: 768px) {
  #concept .sec1 .contentssec-bg .s1-2 {
    top: 0px;
  }
}
#concept .sec1 .fgcov:after {
  -webkit-transition: 2s;
  transition: 2s;
}
#concept .sec1 .secinner {
  padding-top: 300px;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  #concept .sec1 .secinner {
    padding-top: 100px;
  }
}
#concept .sec1 .secinner p {
  color: #fff;
  text-align: center;
}
#concept .sec1 .secinner .ifig_05 {
  margin-top: 60px;
  background-color: #fff;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
#concept .sec1 .secinner .ifig_05 .cv {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
}
#concept .sec1 .secinner .ifig_05 .note {
  text-shadow: 0 0 5px #000;
}
#concept .sec2 p {
  text-align: center;
}
#concept .sec2 .sec2-a {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 700px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: block;
  margin-top: 40px;
}
#concept .sec2 .sec2-a .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  opacity: 0;
}
#concept .sec2 .sec2-a::before {
  background-color: #EFEE89;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
  z-index: 1;
}
#concept .sec2 .sec2-a ul {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#concept .sec2 .sec2-a ul li {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: 100% 100%;
  background-position: center center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
}
#concept .sec2 .sec2-a ul li.s1 {
  background-image: url("../img/concept/img_06.png");
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  z-index: 2;
}
#concept .sec2 .sec2-a ul li.s2 {
  -webkit-transform: scale(1.6);
          transform: scale(1.6);
  background-image: url("../img/concept/img_07_02.svg");
  z-index: 3;
}
#concept .sec2 .sec2-a ul li.s3 {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 4;
  background-image: url("../img/concept/img_07_04.svg");
}
#concept .sec2 .sec2-a ul li.s4 {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 5;
  background-image: url("../img/concept/img_07_05.svg");
}
#concept .sec2 .sec2-a ul li.s5 {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 5;
  background-image: url("../img/concept/img_07_06.svg");
}
#concept .sec2 .sec2-a ul li.s6 {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 5;
  background-image: url("../img/concept/img_07_07.svg");
}
#concept .sec2 .sec2-a ul li.s7 {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 5;
  background-image: url("../img/concept/img_07_08.svg");
}
#concept .sec2 .sec2-a ul li.s8 {
  z-index: 5;
  background-image: url("../img/concept/img_07_03.svg");
}
#concept .sec2 .sec2-a.ani1::before {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1);
}
#concept .sec2 .sec2-a.ani1 ul li.s1 {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 1s 0.3s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: 1s 0.3s cubic-bezier(0.52, 0.08, 0.18, 1);
}
#concept .sec2 .sec2-a.ani1 ul li.s2 {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 4s 0.6s;
  transition: 4s 0.6s;
}
#concept .sec2 .sec2-a.ani1 ul li.s3 {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 2s 1.6s;
  transition: 2s 1.6s;
}
#concept .sec2 .sec2-a.ani1 ul li.s4 {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 2s 1.8s;
  transition: 2s 1.8s;
}
#concept .sec2 .sec2-a.ani1 ul li.s5 {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 2s 2s;
  transition: 2s 2s;
}
#concept .sec2 .sec2-a.ani1 ul li.s6 {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 2s 2.2s;
  transition: 2s 2.2s;
}
#concept .sec2 .sec2-a.ani1 ul li.s7 {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 2s 2.4s;
  transition: 2s 2.4s;
}
#concept .sec2 .sec2-a.ani1 ul li.s8 {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 2s 2.8s;
  transition: 2s 2.8s;
}
#concept .sec3 {
  position: relative;
}
#concept .sec3 section {
  position: absolute;
  width: 100%;
  max-width: 1200px;
  left: 50%;
  top: 50%;
  z-index: 5;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
#concept .sec3 section p {
  color: #fff;
  text-align: center;
}
#concept .sec3 section p.ttl {
  font-size: 40px;
  line-height: 1.4em;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #concept .sec3 section p.ttl {
    font-size: 7vw;
    margin-top: 3vw;
  }
}
#concept .sec3 section .pcpy8 span {
  padding: 0;
  letter-spacing: 0;
}
#concept .sec3 .sec3-b {
  position: relative;
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}
#concept .sec3 .sec3-b .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
}
#concept .sec3 .sec3-b .cv2,
#concept .sec3 .sec3-b .cv1 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  #concept .sec3 .sec3-b {
    width: 80%;
  }
}
#concept .sec3 > .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  opacity: 0;
}
#concept .sec3 .cbg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#concept .sec3 .cbg::after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  background-color: #231815;
  opacity: 0;
  content: "";
}
#concept .sec3 .cbg li {
  position: absolute;
  overflow: hidden;
}
#concept .sec3 .cbg li::before {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center center;
  content: "";
}
#concept .sec3 .cbg li.s1 {
  width: 50%;
  height: 60%;
  left: 0;
  top: 0;
}
#concept .sec3 .cbg li.s1::before {
  background-image: url("../img/concept/img_09_01.jpg");
}
@media screen and (max-width: 768px) {
  #concept .sec3 .cbg li.s1::before {
    background-image: url("../img/concept/img_09_01_sp.jpg");
  }
}
@media screen and (max-width: 768px) {
  #concept .sec3 .cbg li.s1 {
    width: 100%;
    height: 26%;
  }
}
#concept .sec3 .cbg li.s2 {
  width: 50%;
  height: 60%;
  right: 0;
  top: 0;
}
#concept .sec3 .cbg li.s2::before {
  background-image: url("../img/concept/img_09_02.jpg");
}
@media screen and (max-width: 768px) {
  #concept .sec3 .cbg li.s2::before {
    background-image: url("../img/concept/img_09_02_sp.jpg");
  }
}
@media screen and (max-width: 768px) {
  #concept .sec3 .cbg li.s2 {
    width: 100%;
    height: 26%;
    top: 26%;
  }
}
#concept .sec3 .cbg li.s3 {
  width: 33.333%;
  height: 40%;
  left: 0;
  bottom: 0;
}
#concept .sec3 .cbg li.s3::before {
  background-image: url("../img/concept/img_09_03.jpg");
}
@media screen and (max-width: 768px) {
  #concept .sec3 .cbg li.s3::before {
    background-image: url("../img/concept/img_09_03_sp.jpg");
  }
}
@media screen and (max-width: 768px) {
  #concept .sec3 .cbg li.s3 {
    width: 50%;
    height: 22%;
    top: 52%;
  }
}
#concept .sec3 .cbg li.s4 {
  width: 33.333%;
  height: 40%;
  left: 33.333%;
  bottom: 0;
}
#concept .sec3 .cbg li.s4::before {
  background-image: url("../img/concept/img_09_04.jpg");
}
@media screen and (max-width: 768px) {
  #concept .sec3 .cbg li.s4::before {
    background-image: url("../img/concept/img_09_04_sp.jpg");
  }
}
@media screen and (max-width: 768px) {
  #concept .sec3 .cbg li.s4 {
    width: 50%;
    height: 22%;
    bottom: 26%;
    left: 50%;
  }
}
#concept .sec3 .cbg li.s5 {
  width: 33.333%;
  height: 40%;
  right: 0;
  bottom: 0;
}
#concept .sec3 .cbg li.s5::before {
  background-image: url("../img/concept/img_09_05.jpg");
}
@media screen and (max-width: 768px) {
  #concept .sec3 .cbg li.s5::before {
    background-image: url("../img/concept/img_09_05_sp.jpg");
  }
}
@media screen and (max-width: 768px) {
  #concept .sec3 .cbg li.s5 {
    width: 100%;
    height: 26%;
  }
}
#concept .sec3 .cbg.ani1::after {
  opacity: 0.5;
  -webkit-transition: 0.6s 1s;
  transition: 0.6s 1s;
}
#concept .sec3 .cbg.ani1 li::before {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 1s;
  transition: 1s;
}
@media screen and (max-width: 768px) {
  #concept {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #concept {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #concept {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #concept {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #concept {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #concept {
    /*@media screen end*/
  }
}

#access .sec1 h3,
#access .sec2 h3,
#access .sec3 h3 {
  color: #006d94;
  font-size: 36px;
  margin-bottom: 40px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#access .sec1 h3 .row span,
#access .sec2 h3 .row span,
#access .sec3 h3 .row span {
  padding: 4px 0px !important;
}
#access .sec1 .p1,
#access .sec2 .p1,
#access .sec3 .p1 {
  font-size: 28px;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  #access .sec1 .p1,
  #access .sec2 .p1,
  #access .sec3 .p1 {
    font-size: 6vw;
  }
}
#access .sec1 p,
#access .sec2 p,
#access .sec3 p {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  #access .sec1 .pt3,
  #access .sec2 .pt3,
  #access .sec3 .pt3 {
    font-size: 3vw;
  }
}
#access .sec1 {
  position: relative;
  margin-top: 60px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #access .sec1 {
    margin-top: 0;
    background-size: cover;
    background-position: center center;
    background-image: url("../img/access/img_08_sp.jpg");
  }
}
#access .sec1 .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #access .sec1 .bg {
    display: none;
  }
}
#access .sec1 .cv1 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  opacity: 0;
}
#access .sec1 .cv2 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  opacity: 0;
}
#access .sec1 .note {
  z-index: 6;
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: #fff;
}
#access .sec1::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
  background-color: #231815;
  opacity: 0.6;
  mix-blend-mode: multiply;
  background-blend-mode: multiply;
  content: "";
  opacity: 0;
}
#access .sec1 section {
  position: absolute;
  left: 50%;
  width: 100%;
  top: 50%;
  z-index: 5;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
#access .sec1 section p {
  color: #fff;
  text-align: center;
}
#access .sec1 section p.ttl {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #access .sec1 section {
    position: relative;
    left: auto;
    top: auto;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
}
#access .sec1.ani1::before {
  opacity: 0.6;
  -webkit-transition: 2s 1s;
  transition: 2s 1s;
}
#access .sec1.ani1 .cv1 {
  transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  opacity: 1;
  -webkit-transition: 1s 1s;
  transition: 1s 1s;
}
#access .sec1.ani1 .cv2 {
  transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  opacity: 1;
  -webkit-transition: 1s 1s;
  transition: 1s 1s;
}
#access section .secinner {
  max-width: 1100px;
}
#access .stifo2a {
  width: 100%;
  position: relative;
  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;
  padding: 28px 0 40px 0;
  margin: 80px 0 0 0;
  border-left: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
  #access .stifo2a {
    border-left: none;
    margin: 40px 0 0 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 40px 0 40px 0;
  }
}
#access .stifo2b {
  width: 100%;
  position: relative;
  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;
  padding: 40px 0px 40px 40px;
  border-left: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
  #access .stifo2b {
    padding: 0;
    border-left: none;
  }
}
#access .sec2 .secinner {
  padding-bottom: 60px;
}
#access .sec2-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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#access .sec2-a.fxt {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#access .sec2-a .ifig_02 {
  margin: 0 auto 10px auto;
}
#access .sec2-a.stop6, #access .sec2-a.stop {
  margin-top: 60px;
}
#access .sec2-a dt {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #access .sec2-a dt {
    width: 100%;
    margin-bottom: 3vw;
  }
}
#access .sec2-a dd {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #access .sec2-a dd {
    width: 100%;
  }
}
#access .sec2-a .imgbox {
  width: 80%;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  #access .sec2-a .imgbox {
    width: 100%;
    overflow-x: scroll;
    padding-bottom: 20px;
    margin-bottom: 0;
  }
  #access .sec2-a .imgbox img {
    width: 180%;
  }
}
#access .sec2-a .swipe {
  width: 65%;
  margin-top: 40px;
  padding-bottom: 0;
}
#access .sec2-a .swipe img {
  width: 100%;
}
#access .sec2-a .access_bus::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}
#access .sec2-a .simplebar-track {
  background: #BEDAEC; /* バーの背景色を設定できます*/
  border-radius: 10px;
}
#access .sec2-a .simplebar-scrollbar .simplebar-visible::before {
  opacity: 1;
}
#access .sec2-a .simplebar-track .simplebar-scrollbar::before {
  background: #0085BD;
  opacity: 1;
}
#access .sec2-c {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#access .sec2-c li {
  width: 33.333%;
}
#access .sec2-c li img {
  display: block;
}
@media screen and (max-width: 768px) {
  #access .sec2-c li {
    width: 100%;
  }
}
#access .stifo1 {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #access .stifo1 {
    margin-bottom: 3vw;
  }
}
#access .stifo1.stop6 {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  #access .stifo1.stop6 {
    margin-top: 6vw;
  }
}
#access .stifo1.stop {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  #access .stifo1.stop {
    margin-top: 3vw;
  }
}
#access .stifo1 p {
  line-height: 1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  color: #006d94;
}
#access .stifo1 .p0 {
  font-size: 18px;
  line-height: 1em;
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  #access .stifo1 .p0 {
    font-size: 5vw;
  }
}
#access .stifo1 .p0 span {
  font-size: 14px;
  color: #000;
}
@media screen and (max-width: 768px) {
  #access .stifo1 .p0 span {
    font-size: 3.5vw;
  }
}
#access .stifo1 .p0 i {
  font-size: 14px;
}
#access .stifo1 .p0.sty2 {
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  #access .stifo1 .p0.sty2 {
    font-size: 4.5vw;
  }
}
#access .stifo1 .p1 {
  font-size: 40px;
  line-height: 1em;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #access .stifo1 .p1 {
    font-size: 8.5vw;
    display: inline-block;
    white-space: nowrap;
  }
}
@media screen and (max-width: 330px) {
  #access .stifo1 .p1 {
    font-size: 8vw;
  }
}
#access .stifo1 .p1.sty3 {
  font-size: 34px;
}
@media screen and (max-width: 768px) {
  #access .stifo1 .p1.sty3 {
    font-size: 7vw;
  }
}
#access .stifo1 .p1 span rt {
  font-size: 10px;
  color: #000 !important;
}
@media screen and (max-width: 768px) {
  #access .stifo1 .p1 span rt {
    font-size: 2.5vw !important;
  }
}
#access .stifo1 .p1 span > .note {
  position: absolute;
  right: 0;
  bottom: -12px;
  font-size: 10px;
  white-space: nowrap;
}
#access .stifo1 .p1 span.s1 {
  font-size: 26px;
}
@media screen and (max-width: 768px) {
  #access .stifo1 .p1 span.s1 {
    font-size: 6vw;
  }
}
#access .stifo1 .p1 span.s2 {
  font-size: 44px;
  font-size: 50px;
}
@media screen and (max-width: 768px) {
  #access .stifo1 .p1 span.s2 {
    font-size: 8.5vw;
  }
}
#access .stifo1 .p1 span.s3 {
  font-size: 14px;
  font-size: 11px;
  position: relative;
  color: #000;
}
#access .stifo1 .p1 span.s3.sp100 {
  display: block;
  width: 100%;
  text-align: right;
  line-height: 1em;
}
@media screen and (max-width: 768px) {
  #access .stifo1 .p1 span.s3 {
    font-size: 3vw;
  }
}
#access .stifo1 .p2 {
  font-size: 34px;
}
@media screen and (max-width: 768px) {
  #access .stifo1 .p2 {
    font-size: 7vw;
  }
}
#access .stifo1 .p2 span > .note {
  position: absolute;
  right: 0;
  bottom: -12px;
  font-size: 10px;
  white-space: nowrap;
}
#access .stifo1 .p2 span.s1 {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  #access .stifo1 .p2 span.s1 {
    font-size: 5.5vw;
  }
}
#access .stifo1 .p2 span.s2 {
  font-size: 40px;
}
@media screen and (max-width: 768px) {
  #access .stifo1 .p2 span.s2 {
    font-size: 8.5vw;
  }
}
#access .stifo1 .p2 span.s3 {
  position: relative;
  font-size: 11px;
}
@media screen and (max-width: 768px) {
  #access .stifo1 .p2 span.s3.sp100 {
    display: block;
    width: 100%;
    text-align: right;
  }
}
#access .stifo2 {
  margin-bottom: 10px;
}
#access .stifo2.sc12 {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  margin-left: 20%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #access .stifo2.sc12 {
    margin-left: 9%;
  }
}
#access .stifo2.sc12_top {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #access .stifo2.sc12_top .p1 .s1 {
    font-size: 5vw;
  }
}
#access .stifo2.mb30 {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #access .stifo2.mb30 {
    margin-bottom: 3vw;
  }
}
#access .stifo2.mt40 {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  #access .stifo2.mt40 {
    margin-bottom: 3vw;
  }
}
#access .stifo2 p {
  line-height: 1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
#access .stifo2 .p0 {
  font-size: 18px;
  line-height: 1em;
  margin-bottom: -10px;
}
@media screen and (max-width: 768px) {
  #access .stifo2 .p0 {
    font-size: 4.5vw;
    margin-bottom: 0;
  }
}
#access .stifo2 .p0 span {
  font-size: 16px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  #access .stifo2 .p0 span {
    font-size: 3.5vw;
  }
}
#access .stifo2 .p0 i {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  #access .stifo2 .p0 i {
    font-size: 3.5vw;
  }
}
#access .stifo2 .p1 {
  font-size: 40px;
  line-height: 1em;
}
@media screen and (max-width: 768px) {
  #access .stifo2 .p1 {
    font-size: 8.5vw;
  }
}
#access .stifo2 .p1 span > .note {
  position: absolute;
  right: 0;
  bottom: -12px;
  font-size: 10px;
  white-space: nowrap;
}
#access .stifo2 .p1 span.s1 {
  font-size: 24px;
  font-size: 27px;
}
@media screen and (max-width: 768px) {
  #access .stifo2 .p1 span.s1 {
    font-size: 5.5vw;
  }
}
#access .stifo2 .p1 span.s1.sty2 {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  #access .stifo2 .p1 span.s1.sty2 {
    font-size: 4vw;
  }
}
#access .stifo2 .p1 span.s2 {
  font-size: 42px;
}
@media screen and (max-width: 768px) {
  #access .stifo2 .p1 span.s2 {
    font-size: 8.5vw;
  }
}
#access .stifo2 .p1 span.s3 {
  font-size: 13px;
  font-size: 11px;
  position: relative;
}
#access .stifo2 .p1 span.s3.sp100 {
  display: block;
  width: 100%;
  text-align: right;
  line-height: 1em;
}
#access .stifo2 .p1 span.s5 {
  font-size: 16px;
  width: 20px;
  text-align: center;
  position: relative;
  display: inline-block;
  line-height: 1em;
}
@media screen and (max-width: 768px) {
  #access .stifo2 .p1 span.s5 {
    font-size: 4vw;
  }
}
#access .stifo2 .p2 {
  font-size: 34px;
}
@media screen and (max-width: 768px) {
  #access .stifo2 .p2 {
    font-size: 8vw;
  }
}
#access .stifo2 .p2 span > .note {
  position: absolute;
  right: 0;
  bottom: -12px;
  font-size: 10px;
  white-space: nowrap;
}
#access .stifo2 .p2 span.s1 {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  #access .stifo2 .p2 span.s1 {
    font-size: 4vw;
  }
}
#access .stifo2 .p2 span.s2 {
  font-size: 40px;
}
@media screen and (max-width: 768px) {
  #access .stifo2 .p2 span.s2 {
    font-size: 8.5vw;
  }
}
#access .stifo2 .p2 span.s3 {
  position: relative;
  font-size: 11px;
}
#access .sec3 .sec3-a {
  position: relative;
  width: 100%;
  height: 300px;
}
#access .sec3 .sec3-a .ifig_06 {
  width: 60%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0;
}
#access .sec3 .sec3-a .ifig_07 {
  width: 60%;
  height: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #access .sec3 .sec3-a {
    height: 200px;
  }
}
#access .ifig_car_01 {
  display: block;
  width: 80%;
}
@media screen and (max-width: 768px) {
  #access .ifig_car_01 {
    margin-left: auto;
    margin-right: auto;
  }
}
#access .ifig_car_02 {
  height: 14px;
  width: auto !important;
}
#access .ifig_car_03 {
  height: 14px;
  width: auto !important;
}
@media screen and (max-width: 768px) {
  #access {
    /*@media screen end*/
  }
  #access .ifig_01 .scroll-hint-icon-wrap {
    left: 210px;
  }
  #access .ifig_01 img {
    height: 400px;
    width: auto;
    max-width: initial;
  }
}
@media screen and (max-width: 768px) {
  #access {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #access {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #access {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #access {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #access {
    /*@media screen end*/
  }
}

#location .pagetitle .note {
  line-height: 1em;
}
#location .pagetitle .note.nt1 {
  right: 74%;
}
#location .pagetitle .note.nt2 {
  right: 27%;
}
@media screen and (max-width: 768px) {
  #location .pagetitle section > dl {
    bottom: 6vw;
  }
}
#location .sec1 h3,
#location .sec2 h3,
#location .sec3 h3 {
  color: #006d94;
  font-size: 36px;
  margin-bottom: 40px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#location .sec1 h3 .row span,
#location .sec2 h3 .row span,
#location .sec3 h3 .row span {
  padding: 4px 0px !important;
}
@media screen and (max-width: 768px) {
  #location .sec1 h3,
  #location .sec2 h3,
  #location .sec3 h3 {
    font-size: 7vw;
    margin-bottom: 3vw;
    padding-bottom: 3vw;
  }
}
#location .sec1 h3::before,
#location .sec2 h3::before,
#location .sec3 h3::before {
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  background-color: #006d94;
  content: "";
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: 2s;
  transition: 2s;
}
#location .sec1 h3.ani1::before,
#location .sec2 h3.ani1::before,
#location .sec3 h3.ani1::before {
  transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
}
#location .sec1 p,
#location .sec2 p,
#location .sec3 p {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.08em;
  line-height: 2.4em;
}
#location .sec1 .p1,
#location .sec2 .p1,
#location .sec3 .p1 {
  font-size: 28px;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  #location .sec1 .p1,
  #location .sec2 .p1,
  #location .sec3 .p1 {
    font-size: 6vw;
  }
}
#location .sec1 .ttl,
#location .sec2 .ttl,
#location .sec3 .ttl {
  line-height: 1.8em;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #location .sec1 .ttl,
  #location .sec2 .ttl,
  #location .sec3 .ttl {
    line-height: 1.5em;
    margin-bottom: 3vw;
  }
}
@media screen and (max-width: 768px) {
  #location .sec1 .pt3,
  #location .sec2 .pt3,
  #location .sec3 .pt3 {
    font-size: 3vw;
  }
}
#location .contentssec-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
#location .contentssec-bg ul {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#location .contentssec-bg ul li {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}
#location .contentssec-bg ul li.s1-1 {
  width: 60%;
  background-image: url("../img/location/ill_01.png");
}
#location .contentssec-bg ul li.s1-2 {
  z-index: 6;
  width: 30%;
  left: auto;
  right: 0;
  background-image: url("../img/location/ill_02.png");
}
#location .sec1 {
  position: relative;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  #location .sec1 {
    margin-top: 0px;
  }
}
#location .sec1 .contentssec-bg .s1-2 {
  top: 60px;
}
@media screen and (max-width: 768px) {
  #location .sec1 .contentssec-bg .s1-2 {
    top: 0px;
  }
}
#location .sec1 .fgcov:after {
  -webkit-transition: 2s;
  transition: 2s;
}
#location .sec1 .secinner {
  padding-top: 100px;
}
@media screen and (max-width: 768px) {
  #location .sec1 .secinner {
    padding-top: 100px;
  }
}
#location .sec1 .secinner p {
  text-align: center;
}
#location .sec1 .ifig_01 {
  margin-top: 60px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #location .sec1 .ifig_01 {
    margin-top: 6vw;
  }
}
#location h3 {
  position: relative;
}
@media screen and (max-width: 768px) {
  #location h3 {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  #location figure .note {
    line-height: 1.2em;
  }
}
#location .sec2 .hbg {
  position: relative;
  width: 100%;
  z-index: 1;
}
#location .sec2 .hbg img {
  width: 100%;
  max-width: 240px;
  max-width: 240px;
  position: absolute;
  left: 0;
  top: -100px;
  display: block;
  vertical-align: bottom;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #location .sec2 .hbg img {
    max-width: 140px;
  }
}
#location .sec2 .hbg.ifig_04 img {
  left: auto;
  right: 0;
}
@media screen and (max-width: 768px) {
  #location .sec2 .hbg.ifig_05 img {
    max-width: 130px;
    top: -30px;
  }
}
#location .sec2 .hbg.ifig_06 img {
  max-width: 340px;
  left: auto;
  right: 0;
}
@media screen and (max-width: 768px) {
  #location .sec2 .hbg.ifig_06 img {
    max-width: 240px;
    top: -30px;
  }
}
#location .sec2 .p1 {
  margin-bottom: 30px;
  margin-bottom: 20px;
  margin-left: -10px;
}
@media screen and (max-width: 768px) {
  #location .sec2 .p1 {
    margin-bottom: 3vw;
    margin-left: 0px;
  }
}
#location .sec2 .sec2-a {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#location .sec2 .sec2-a dt {
  width: 48%;
  width: 47%;
}
#location .sec2 .sec2-a dt.sty2 {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #location .sec2 .sec2-a dt {
    width: 100%;
    margin-bottom: 3vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #location .sec2 .sec2-a dt p.txt {
    line-height: 1.8em;
  }
}
#location .sec2 .sec2-a dd {
  width: 48%;
  width: 46%;
  width: 47%;
}
@media screen and (max-width: 768px) {
  #location .sec2 .sec2-a dd {
    width: 100%;
  }
}
#location .sec2 .sec2-a.rvs dt {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#location .sec2 .sec2-a.rvs dd {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (max-width: 768px) {
  #location .sec2 .sec2-a.med {
    margin-top: 3vw;
  }
}
#location .sec2 .sec2-b {
  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;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  #location .sec2 .sec2-b {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 3vw;
  }
}
#location .sec2 .sec2-b li {
  width: 32%;
}
@media screen and (max-width: 768px) {
  #location .sec2 .sec2-b li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 3vw;
  }
  #location .sec2 .sec2-b li:nth-child(2n) {
    margin-right: 0;
  }
}
#location .sec2 .sec2-c {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  #location .sec2 .sec2-c {
    margin-top: 3vw;
  }
}
#location .sec2 .sec2-c li {
  width: 46%;
  width: 47%;
}
@media screen and (max-width: 768px) {
  #location .sec2 .sec2-c li {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  #location .sec2 .ifig_12 {
    margin-bottom: 6vw;
  }
}
#location .sec3 .sec3-tab {
  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;
  width: 100%;
  border-top: 1px solid #006D94;
  border-right: 1px solid #006D94;
  border-left: 1px solid #006D94;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #location .sec3 .sec3-tab {
    border-right: none;
  }
}
#location .sec3 .sec3-tab li {
  cursor: pointer;
  height: 50px;
  width: 16.6666666667%;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #006D94;
  border-right: 1px solid #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#location .sec3 .sec3-tab li:last-child {
  border-right: none;
}
@media screen and (max-width: 768px) {
  #location .sec3 .sec3-tab li {
    width: 33.3333333333%;
    border-bottom: 1px solid #FFFFFF;
    height: 40px;
  }
  #location .sec3 .sec3-tab li:nth-child(3) {
    border-right: none;
  }
}
#location .sec3 .sec3-tab li p {
  line-height: 1em;
  text-align: center;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #location .sec3 .sec3-tab li p {
    font-size: 3vw;
  }
}
#location .sec3 .sec3-tab li:hover, #location .sec3 .sec3-tab li.act {
  background-color: #fff;
}
#location .sec3 .sec3-tab li:hover p, #location .sec3 .sec3-tab li.act p {
  color: #006D94;
}
#location .sec3 .sec3-tab.s1 li.s1, #location .sec3 .sec3-tab.s2 li.s2, #location .sec3 .sec3-tab.s3 li.s3, #location .sec3 .sec3-tab.s4 li.s4, #location .sec3 .sec3-tab.s5 li.s5, #location .sec3 .sec3-tab.s6 li.s6 {
  background-color: #fff;
}
#location .sec3 .sec3-tab.s1 li.s1 p, #location .sec3 .sec3-tab.s2 li.s2 p, #location .sec3 .sec3-tab.s3 li.s3 p, #location .sec3 .sec3-tab.s4 li.s4 p, #location .sec3 .sec3-tab.s5 li.s5 p, #location .sec3 .sec3-tab.s6 li.s6 p {
  color: #006D94;
}
#location .sec3 .sec3-map {
  border: 1px solid #006D94;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 600px;
}
@media screen and (max-width: 768px) {
  #location .sec3 .sec3-map {
    height: 400px;
  }
}
#location .sec3 .sec3-map iframe {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  #location {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #location {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #location {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #location {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #location {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #location {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #value {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #value {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #value {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #value {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #value {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #value {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #residence {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #residence {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #residence {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #residence {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #residence {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #residence {
    /*@media screen end*/
  }
}

#design .sec1 h3,
#design .sec2 h3,
#design .sec3 h3 {
  color: #355497;
  font-size: 36px;
  margin-bottom: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#design .sec1 h3 .row span,
#design .sec2 h3 .row span,
#design .sec3 h3 .row span {
  padding: 4px 0px !important;
}
@media screen and (max-width: 768px) {
  #design .sec1 h3,
  #design .sec2 h3,
  #design .sec3 h3 {
    font-size: 7vw;
    margin-bottom: 3vw;
    padding-bottom: 3vw;
  }
}
#design .ttl {
  line-height: 1.8em;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #design .ttl {
    margin-bottom: 3vw;
  }
}
#design .p3 {
  text-align: center;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  line-height: 2.4em;
}
#design .sec1 .p1 {
  color: #355497;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: 24px;
  line-height: 1.6em;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  #design .sec1 .p1 {
    margin-top: 6vw;
    font-size: 6vw;
    line-height: 1.5em;
  }
}
#design .sec1 .secinner {
  max-width: 900px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #design .sec1 .secinner {
    margin-top: 6vw;
  }
}
#design .sec1 .ifig_01 {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  #design .sec1 .ifig_01 {
    margin-top: 6vw;
    width: 90vw;
    margin-left: -6vw;
    margin: 60px auto 0;
  }
}
#design .sec1 .ifig_02 {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  #design .sec1 .ifig_02 {
    margin-top: 3vw;
    width: 90vw;
    margin-left: -6vw;
    margin: 30px auto 0;
  }
}
#design .sec1 .sec1-a {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#design .sec1 .sec1-a > li {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #design .sec1 .sec1-a > li {
    width: 100%;
  }
}
#design .sec1 .sec1-a > li .p1 {
  height: 70px;
  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;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #design .sec1 .sec1-a > li .p1 {
    height: auto;
    margin-bottom: 3vw;
  }
}
#design .sec1 .sec1-a > li .txt {
  height: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #design .sec1 .sec1-a > li .txt {
    height: auto;
  }
}
#design .sec1 .sec1-a > li .ifig_03 {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  #design .sec1 .sec1-a > li .ifig_03 {
    width: 100%;
    margin-top: 3vw;
  }
}
#design .sec1 .sec1-a > li .sec1-a1 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  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;
}
@media screen and (max-width: 768px) {
  #design .sec1 .sec1-a > li .sec1-a1 {
    width: 100%;
    margin-top: 3vw;
  }
}
#design .sec1 .sec1-a > li .sec1-a1 li {
  width: 31%;
  margin-bottom: 10px;
}
#design .sec1 .sec1-a > li .sec1-a1 li .note {
  text-align: left;
}
#design .tab-2 {
  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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  border-top: 1px solid #355497;
  border-bottom: 1px solid #355497;
  border-left: 1px solid #355497;
  margin-bottom: 60px;
}
#design .tab-2 li {
  width: 33.3333333333%;
  height: 60px;
  background-color: #355497;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#design .tab-2 li:nth-child(1), #design .tab-2 li:nth-child(2) {
  border-right: 1px solid #FFFFFF;
}
#design .tab-2 li:nth-child(3) {
  border-right: 1px solid #355497;
}
#design .tab-2 li a {
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#design .tab-2 li a p {
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #design .tab-2 li a p {
    font-size: 4vw;
    line-height: 1.2em;
  }
}
#design .tab-2 li.act, #design .tab-2 li:hover {
  background-color: #fff;
}
#design .tab-2 li.act::before, #design .tab-2 li:hover::before {
  opacity: 1;
}
#design .tab-2 li.act a p, #design .tab-2 li:hover a p {
  color: #355497;
}
#design .sec2 .secinner {
  padding-top: 0;
}
#design .sec2 .secinner .ttl {
  text-align: left;
  margin-bottom: 10px;
}
#design .sec2 .secinner .p1 {
  font-size: 24px;
  color: #355497;
}
#design .sec2 .secinner .p1.sty2 {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .p1 {
    font-size: 5.8vw;
    line-height: 1.6em;
  }
}
#design .sec2 .secinner .ifig_10 {
  margin-left: auto;
  margin-right: auto;
}
#design .sec2 .secinner .ifig_10 .cv {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
}
#design .sec2 .secinner .ifig_10 .note {
  right: 160px;
  bottom: 20px;
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .ifig_10 {
    width: 100vw;
    margin-left: -6vw;
  }
}
#design .sec2 .secinner .p1 span.sty2 {
  line-height: 1em;
  display: block;
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .p1 span.sty2 {
    margin-bottom: 2vw;
  }
}
#design .sec2 .secinner .p1 span.sty2 i {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 1em;
}
#design .sec2 .secinner .p1 span.sty3 {
  line-height: 1em;
  display: inline-block;
  vertical-align: middle;
}
#design .sec2 .secinner .p1 span.sty3 i {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 1em;
}
#design .sec2 .secinner .sec2-d {
  background-color: #CCCFE5;
  padding: 40px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .sec2-d {
    padding: 6vw;
    margin-top: 6vw;
  }
}
#design .sec2 .secinner .sec2-d .p1 {
  margin-top: 0;
  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;
}
#design .sec2 .secinner .sec2-d .p1 span {
  margin-right: 10px;
}
#design .sec2 .secinner .sec2-d .sec2-d1 {
  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;
  margin-top: 20px;
}
#design .sec2 .secinner .sec2-d .sec2-d1 .p1 {
  font-size: 20px;
  line-height: 1.6em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .sec2-d .sec2-d1 .p1 {
    font-size: 4.5vw;
  }
}
#design .sec2 .secinner .sec2-d .sec2-d1 dt {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .sec2-d .sec2-d1 dt {
    width: 100%;
  }
}
#design .sec2 .secinner .sec2-d .sec2-d1 dd {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .sec2-d .sec2-d1 dd {
    width: 100%;
  }
}
#design .sec2 .secinner .sec2-a {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#design .sec2 .secinner .sec2-a > li {
  width: 23%;
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .sec2-a > li {
    width: 100%;
    margin-bottom: 6vw;
  }
}
#design .sec2 .secinner .sec2-a > li > ul {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#design .sec2 .secinner .sec2-a > li > ul li:nth-child(1) {
  width: 59.5%;
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .sec2-a > li > ul li:nth-child(1) {
    width: 100%;
  }
}
#design .sec2 .secinner .sec2-a > li > ul li:nth-child(2) {
  width: 38%;
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .sec2-a > li > ul li:nth-child(2) {
    width: 100%;
  }
}
#design .sec2 .secinner .sec2-a > li.s1 {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .sec2-a > li.s1 {
    width: 100%;
    margin-bottom: 3vw;
  }
}
#design .sec2 .secinner .sec2-a > li .txt {
  line-height: 1.8em;
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .sec2-a > li .txt {
    line-height: 1.6em;
  }
}
#design .sec2 .secinner .sec2-a > li .note {
  margin-top: 10px;
}
#design .sec2 .secinner .sec2-a > li figure {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .sec2-a > li figure {
    margin-bottom: 10px;
    height: 140px;
  }
}
#design .sec2 .secinner .sec2-a > li .p1 {
  color: #355497;
  font-size: 18px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  padding-left: 30px;
  position: relative;
  line-height: 1.4em;
  margin-bottom: 10px;
}
#design .sec2 .secinner .sec2-a > li .p1.sty2 {
  padding-left: 0px;
  margin-top: 0px;
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .sec2-a > li .p1 {
    padding-left: 24px;
    font-size: 4.5vw;
    margin-top: 4vw;
  }
}
#design .sec2 .secinner .sec2-a > li .p1 span {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0;
  top: 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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #fff;
  background-color: #355497;
  line-height: 1em;
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .sec2-a > li .p1 span {
    width: 20px;
    height: 20px;
  }
}
#design .sec2 .secinner .sec2-b {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#design .sec2 .secinner .sec2-b dt {
  width: 70%;
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .sec2-b dt {
    width: 100%;
    margin-bottom: 6vw;
  }
}
#design .sec2 .secinner .sec2-b dd {
  width: 30%;
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .sec2-b dd {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .ifig_29 img,
  #design .sec2 .secinner .ifig_28 img,
  #design .sec2 .secinner .ifig_25 img,
  #design .sec2 .secinner .ifig_18 img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
#design .sec2 .secinner .ifig_30 {
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .ifig_30 {
    width: 100vw;
    margin-left: -6vw;
  }
}
#design .sec2 .secinner .ifig_30 figure .note {
  right: auto;
  left: 5px;
}
#design .sec2 .secinner .ifig_30 .p1 {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 3;
  line-height: 1.5em;
  color: #fff;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .ifig_30 .p1 {
    font-size: 5vw;
    left: 10px;
    top: 4px;
    line-height: 1.4em;
  }
}
#design .sec2 .secinner .ifig_20 {
  margin-bottom: 40px;
  position: relative;
}
#design .sec2 .secinner .ifig_20 figure .note {
  right: auto;
  left: 5px;
}
#design .sec2 .secinner .ifig_20 .p1 {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 3;
  line-height: 1.5em;
  color: #595757;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .ifig_20 {
    width: 100vw;
    margin-bottom: 3vw;
    margin-left: -6vw;
  }
  #design .sec2 .secinner .ifig_20 figure {
    overflow-x: auto;
  }
  #design .sec2 .secinner .ifig_20 img {
    width: auto !important;
    height: 260px;
  }
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .ifig_27 {
    width: 100vw;
    margin-left: -6vw;
    height: auto !important;
  }
}
#design .sec2 .secinner .ifig_ico_01 {
  width: 100;
  max-width: 80px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6vw;
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .ifig_24,
  #design .sec2 .secinner .ifig_26 {
    height: auto !important;
    width: 140%;
    margin-left: -20%;
  }
  #design .sec2 .secinner .ifig_24 .note,
  #design .sec2 .secinner .ifig_26 .note {
    right: 20%;
  }
}
@media screen and (max-width: 768px) {
  #design .sec2 .secinner .ifig_25,
  #design .sec2 .secinner .ifig_23,
  #design .sec2 .secinner .ifig_36,
  #design .sec2 .secinner .ifig_35,
  #design .sec2 .secinner .ifig_34,
  #design .sec2 .secinner .ifig_19 {
    height: auto !important;
  }
}
@media screen and (max-width: 768px) {
  #design {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #design {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #design {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #design {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #design {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #design {
    /*@media screen end*/
  }
}

#plan .modal {
  display: none;
  /* 初期は非表示 */
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100vw;
  height: 100vh;
  z-index: 99;
}
#plan .modal .modal_contents {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
  max-width: 800px;
}
#plan .modal .modal_contents .close {
  position: absolute;
  width: 8%;
  max-width: 40px;
  right: 0;
  bottom: 103%;
  cursor: pointer;
}
#plan .modal_img .img {
  display: none;
}
#plan .modal_img .img.active {
  display: block;
}
#plan .sec1 h3,
#plan .sec2 h3,
#plan .sec3 h3 {
  color: #006d94;
  font-size: 30px;
  margin-bottom: 40px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#plan .sec1 h3 .row span,
#plan .sec2 h3 .row span,
#plan .sec3 h3 .row span {
  padding: 4px 0px !important;
}
#plan .sec1 .p1,
#plan .sec2 .p1,
#plan .sec3 .p1 {
  font-size: 28px;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  #plan .sec1 .p1,
  #plan .sec2 .p1,
  #plan .sec3 .p1 {
    font-size: 6vw;
  }
}
#plan .sec1 p,
#plan .sec2 p,
#plan .sec3 p {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  #plan .sec1 .pt3,
  #plan .sec2 .pt3,
  #plan .sec3 .pt3 {
    font-size: 3vw;
  }
}
#plan .ftab {
  position: relative;
  max-width: 640px;
  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;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}
#plan .ftab li {
  cursor: pointer;
  width: 48%;
  height: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3px;
  background-color: #fff;
  border: 1px solid #3B7198;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#plan .ftab li > div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #3B7198;
  background-color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#plan .ftab li > div p {
  line-height: 1em;
  text-align: center;
  font-size: 15px;
  color: #3B7198;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #plan .ftab li > div p {
    font-size: 3.5vw;
  }
}
#plan .ftab li.act, #plan .ftab li:hover {
  background-color: #3B7198;
}
#plan .ftab li.act > div, #plan .ftab li:hover > div {
  border: 1px solid #fff;
  background-color: #3B7198;
}
#plan .ftab li.act > div p, #plan .ftab li:hover > div p {
  color: #fff;
}
#plan .plan_tab {
  position: relative;
  max-width: 640px;
  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;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
#plan .plan_tab li {
  cursor: pointer;
  width: 48%;
  height: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3px;
  background-color: #fff;
  border: 1px solid #AB2B2B;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#plan .plan_tab li > div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #AB2B2B;
  background-color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#plan .plan_tab li > div p {
  line-height: 1em;
  text-align: center;
  font-size: 15px;
  color: #AB2B2B;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #plan .plan_tab li > div p {
    font-size: 3.5vw;
  }
}
#plan .plan_tab li.act, #plan .plan_tab li:hover {
  background-color: #AB2B2B;
}
#plan .plan_tab li.act > div, #plan .plan_tab li:hover > div {
  border: 1px solid #fff;
  background-color: #AB2B2B;
}
#plan .plan_tab li.act > div p, #plan .plan_tab li:hover > div p {
  color: #fff;
}
#plan .plan_tab li:last-child {
  border: 1px solid #AF852B;
}
#plan .plan_tab li:last-child > div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #AF852B;
  background-color: #fff;
}
#plan .plan_tab li:last-child > div p {
  color: #AF852B;
  text-transform: uppercase;
}
#plan .plan_tab li:last-child.act, #plan .plan_tab li:last-child:hover {
  background-color: #AF852B;
}
#plan .plan_tab li:last-child.act > div, #plan .plan_tab li:last-child:hover > div {
  border: 1px solid #fff;
  background-color: #AF852B;
}
#plan .plan_tab li:last-child.act > div p, #plan .plan_tab li:last-child:hover > div p {
  color: #fff;
}
#plan .sec1 {
  position: relative;
  overflow: hidden;
}
#plan .sec1 .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  z-index: 1;
}
#plan .sec1 .note {
  z-index: 6;
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: #fff;
}
#plan .sec1 h3 {
  background-color: #006d94;
  color: #fff;
  text-align: center;
  font-weight: 400;
  font-family: "gara", serif;
  font-style: normal;
  line-height: 1em;
  padding: 10px 0 0 0;
}
#plan .sec1 h3.bg2 {
  background-color: #007971;
}
@media screen and (max-width: 768px) {
  #plan .sec1 h3 {
    font-size: 5vw;
    padding: 14px 0 7px 0;
    margin-bottom: 6vw;
  }
}
#plan .plan-btn1 {
  width: 100%;
  height: 60px;
  border: 1px solid #000;
  max-width: 300px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}
#plan .plan-btn1 a {
  display: block;
  width: 100%;
  height: 100%;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#plan .plan-btn1 a p {
  text-align: center;
  line-height: 1em;
}
@media screen and (max-width: 768px) {
  #plan .plan-btn1 {
    height: 50px;
    max-width: 240px;
  }
}
#plan .pnote {
  max-width: 860px;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  #plan .pnote {
    font-size: 2.5vw;
  }
}
#plan .pnote .ico {
  display: inline-block;
  width: 40px;
  height: 16px;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 4px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  #plan .pnote .ico {
    width: 30px;
    height: 12px;
  }
}
#plan .pnote .ico.i1 {
  background-image: url("../img/plan/ico_01.svg");
}
#plan .pnote .ico.i2 {
  background-image: url("../img/plan/ico_02.svg");
}
#plan .pnote .ico.i3 {
  background-image: url("../img/plan/ico_03.svg");
}
#plan .pnote .ico.i4 {
  background-image: url("../img/plan/ico_04.svg");
}
#plan .pnote .ico.i5 {
  background-image: url("../img/plan/ico_05.svg");
}
#plan .ppnl {
  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;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  width: 96%;
}
@media screen and (max-width: 1070px) {
  #plan .ppnl {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #plan .ppnl {
    width: 90%;
  }
}
#plan .ppnl li {
  max-width: 330px;
  width: 30%;
  margin-bottom: 30px;
  border: 2px solid #af852b;
  position: relative;
}
#plan .ppnl li.null {
  opacity: 0;
}
@media screen and (max-width: 768px) {
  #plan .ppnl li.null {
    display: none;
  }
}
@media screen and (max-width: 1070px) {
  #plan .ppnl li {
    width: 32%;
  }
}
@media screen and (max-width: 768px) {
  #plan .ppnl li {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 6vw;
  }
}
#plan .ppnl li .new {
  position: absolute;
  z-index: 5;
  background-color: #C11820;
  color: #fff;
  font-size: 13px;
  padding: 10px 24px;
  top: 0;
  right: 0;
}
#plan .ppnl li .negotiation {
  position: absolute;
  z-index: 5;
  background-color: #203b6d;
  color: #fff;
  font-size: 13px;
  padding: 10px 24px;
  top: 0;
  right: 0;
}
#plan .ppnl li .modelroom {
  position: absolute;
  z-index: 5;
  background-color: #66482c;
  color: #fff;
  width: 30%;
  font-size: clamp(10px, 3vw, 13px);
  top: 2%;
  left: 2%;
  text-align: center;
  aspect-ratio: 1.3/1;
  z-index: 1;
  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;
}
#plan .ppnl li .modelroom::before {
  content: "";
  position: absolute;
  width: 92%;
  height: 91%;
  background: #DDBF8A;
  background: -webkit-gradient(linear, left top, right top, from(rgb(221, 191, 138)), to(rgb(175, 133, 43)));
  background: linear-gradient(90deg, rgb(221, 191, 138) 0%, rgb(175, 133, 43) 100%);
  z-index: -1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#plan .ppnl li .modelroom::after {
  content: "";
  position: absolute;
  width: 89.5%;
  height: 88%;
  background: #66482c;
  z-index: -1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#plan .ppnl li.sold {
  pointer-events: none;
}
#plan .ppnl li.sold .sold {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 7;
  background-color: rgba(35, 31, 32, 0.8);
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#plan .ppnl li.sold .sold > div {
  background-color: #BD2126;
  position: absolute;
  width: 80%;
  height: 80px;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#plan .ppnl li.sold .sold > div::before {
  position: absolute;
  width: calc(100% - 9px);
  height: calc(100% - 9px);
  left: 4px;
  top: 4px;
  z-index: 3;
  border: 1px solid #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: "";
}
#plan .ppnl li.sold .sold > div p {
  color: #fff;
  text-align: center;
  font-size: 30px;
}
#plan .ppnl li.cmg {
  pointer-events: none;
}
#plan .ppnl li.cmg .cmg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 7;
  background-color: rgba(0, 37, 33, 0.8);
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #fff;
  text-align: center;
  font-size: 30px;
}
#plan .ppnl li.bg2 {
  border: 2px solid #007971;
}
#plan .ppnl li.bg2 .ispc1 .p1 {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(175, 196, 192)), color-stop(7.07%, rgb(157, 186, 182)), color-stop(20.47%, rgb(130, 171, 166)), color-stop(35.09%, rgb(109, 159, 153)), color-stop(51.34%, rgb(94, 150, 145)), color-stop(70.51%, rgb(86, 146, 140)), color-stop(99.93%, rgb(83, 144, 138)));
  background: linear-gradient(180deg, rgb(175, 196, 192) 0%, rgb(157, 186, 182) 7.07%, rgb(130, 171, 166) 20.47%, rgb(109, 159, 153) 35.09%, rgb(94, 150, 145) 51.34%, rgb(86, 146, 140) 70.51%, rgb(83, 144, 138) 99.93%);
}
#plan .ppnl li.bg2 .more {
  background-color: #007971;
}
#plan .ppnl li.bg2 .p2 {
  color: #007971;
}
#plan .ppnl li .last {
  position: absolute;
  top: -2px;
  left: 5%;
  z-index: 2;
  width: 8.5vh;
  max-width: 300px;
}
@media screen and (max-width: 930px) {
  #plan .ppnl li .last {
    width: 6vh;
  }
}
@media screen and (max-width: 768px) {
  #plan .ppnl li .last {
    width: 8vh;
  }
}
#plan .spec3 {
  text-align: right;
  font-size: 12px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #plan .spec3 {
    font-size: 3vw;
  }
}
#plan .prcinfo-note {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: 1.6;
  margin-top: 10px;
}
#plan .prcinfo {
  background-color: #fbf3ed;
  position: relative;
  margin-top: 40px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
#plan .prcinfo h4 {
  background-color: #c0970b;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  line-height: 1;
  margin: 0;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  #plan .prcinfo h4 {
    padding: 3vw;
  }
}
#plan .prcinfo h4 img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}
#plan .prcinfo .prcinfo-inner {
  padding: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 768px) {
  #plan .prcinfo .prcinfo-inner {
    padding: 6vw 3vw;
  }
}
#plan .prcinfo .prcinfo-inner .prcinfo1 {
  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;
}
#plan .prcinfo .prcinfo-inner .prcinfo1 dt {
  width: 48%;
}
#plan .prcinfo .prcinfo-inner .prcinfo1 dt img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #plan .prcinfo .prcinfo-inner .prcinfo1 dt {
    width: 100%;
    margin-bottom: 6vw;
  }
}
#plan .prcinfo .prcinfo-inner .prcinfo1 dd {
  width: 48%;
}
#plan .prcinfo .prcinfo-inner .prcinfo1 dd img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #plan .prcinfo .prcinfo-inner .prcinfo1 dd {
    width: 100%;
  }
}
#plan .ispc1 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding: 0px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#plan .ispc1 .p1 {
  color: #fff;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0px;
  font-size: 24px;
  padding: 14px 0;
  background: #DDBF8A;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(221, 191, 138)), to(rgb(175, 133, 43)));
  background: linear-gradient(180deg, rgb(221, 191, 138) 0%, rgb(175, 133, 43) 100%);
  font-weight: 400;
  font-family: "din", sans-serif;
  font-style: normal;
  line-height: 1em;
  padding: 10px;
}
#plan .ispc1 .p1 span {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0px;
  font-size: 70px;
  line-height: 1em;
}
@media screen and (max-width: 768px) {
  #plan .ispc1 .p1 span {
    font-size: 16vw;
  }
}
#plan .ispc1 a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 7;
}
#plan .ispc1:hover {
  opacity: 0.7;
}
#plan .ispc1 .spec2 {
  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;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#plan .ispc1 .spec2 .s1 {
  line-height: 1em;
  color: #B9967C;
  font-size: 13px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-font-feature-settings: "plat";
          font-feature-settings: "plat";
  letter-spacing: 0;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #plan .ispc1 .spec2 .s1 {
    font-size: 3vw;
  }
}
#plan .ispc1 .spec2 .s1.s0 {
  opacity: 0;
}
#plan .ispc1 .spec2 .s2 {
  line-height: 1em;
  font-size: 12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  -webkit-font-feature-settings: "plat";
          font-feature-settings: "plat";
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  #plan .ispc1 .spec2 .s2 {
    font-size: 3vw;
  }
}
#plan .ispc1 .spec2 .s3 {
  font-size: 40px;
  display: inline-block;
  -webkit-font-feature-settings: "plat";
          font-feature-settings: "plat";
  letter-spacing: 0;
  font-weight: 400;
  font-family: "gara", serif;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  #plan .ispc1 .spec2 .s3 {
    font-size: 8.5vw;
    line-height: 1em;
  }
}
#plan .ispc1 .spec2 .s4 {
  line-height: 1em;
  font-size: 28px;
  display: inline-block;
  -webkit-font-feature-settings: "plat";
          font-feature-settings: "plat";
  letter-spacing: 0;
  font-weight: 400;
  font-family: "gara", serif;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  #plan .ispc1 .spec2 .s4 {
    font-size: 5vw;
  }
}
#plan .ispc1 .spec2 .s5 {
  line-height: 1em;
  font-size: 12px;
  display: inline-block;
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}
@media screen and (max-width: 768px) {
  #plan .ispc1 .spec2 .s5 {
    font-size: 3.5vw;
  }
}
#plan .ispc1 .price_box {
  width: 90%;
  margin-inline: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px #231f20 solid;
  border-bottom: 1px #231f20 solid;
  margin-top: 1vw;
  padding-bottom: 0.2vw;
}
#plan .ispc1 .price {
  text-align: left;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  display: block;
}
#plan .ispc1 .price .small {
  font-size: clamp(10px, 3vw, 12px);
  display: block;
  margin-bottom: -13%;
}
#plan .ispc1 .price .text {
  font-size: clamp(10px, 3vw, 18px);
  letter-spacing: 0.05em;
  white-space: nowrap;
  margin-top: 10px;
}
#plan .ispc1 .price .text .red {
  font-size: clamp(10px, 10vw, 55px);
  color: #bd2126;
  font-family: "gara", serif;
  letter-spacing: 0em;
  margin-right: 5%;
}
@media screen and (max-width: 768px) {
  #plan .ispc1 .price_box {
    padding-bottom: 1vw;
  }
  #plan .ispc1 .price .text .red {
    font-size: clamp(10px, 13vw, 55px);
  }
}
#plan .ispc1 .more {
  width: 90%;
  margin: 20px auto;
  background-color: #af852b;
  color: #fff;
}
#plan .ispc1 .more p {
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 6px;
}
#plan .ispc1 .more p img {
  height: 7px;
  width: auto;
  display: inline-block;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  #plan .ispc1 .more {
    margin: 10px auto;
  }
  #plan .ispc1 .more p {
    padding: 2px;
  }
}
#plan .ispc1 .p2 {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0px;
  line-height: 1em;
  padding: 20px 0;
  font-size: 40px;
  color: #af852b;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
  font-family: "gara", serif;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  #plan .ispc1 .p2 {
    font-size: 8.5vw;
  }
}
#plan .ispc1 .p2 span.s1 {
  font-size: 40px;
}
#plan .ispc1 .p2 span.s1 .col_blue {
  color: #17B4CE;
}
#plan .ispc1 .p2 span.s1 .col_gold {
  color: #AF852B;
}
#plan .ispc1 .p2 span.s1.s0 {
  opacity: 0;
}
@media screen and (max-width: 584px) {
  #plan .ispc1 .p2 span.s1 {
    font-size: 8.5vw;
  }
}
#plan .ispc1 .p2 span.s2 {
  position: relative;
}
#plan .ispc1 .p2 span.s2 i {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  font-style: normal;
  font-size: 10px;
  position: absolute;
  width: 100%;
  top: -1.5em;
  z-index: 2;
  text-align: center;
  left: 50%;
  line-height: 1em;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#plan .ispc1 .p2.sty7 {
  height: 117px;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #plan .ispc1 .p2.sty7 {
    height: auto;
  }
}
#plan .ispc1 .p2.sty8 {
  height: 114px;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#plan .ispc1 .p2.sty8 .gold {
  font-size: clamp(10px, 3vw, 14px);
  width: 70%;
  border: 1px solid #AF852B;
  line-height: 1em;
  padding: 5px 0 3px;
  color: #AF852B;
}
@media screen and (max-width: 1070px) {
  #plan .ispc1 .p2.sty8 {
    height: 110px;
  }
}
@media screen and (max-width: 960px) {
  #plan .ispc1 .p2.sty8 {
    height: 108px;
  }
}
@media screen and (max-width: 768px) {
  #plan .ispc1 .p2.sty8 {
    height: auto;
  }
}
#plan .ispc1 .p2.sty2 {
  font-size: 24px;
  width: 90%;
  display: block;
  margin-bottom: 10px;
  padding-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
#plan .ispc1 .p2.sty2.btm {
  padding: 0;
}
#plan .ispc1 .p2.sty2 b {
  font-size: 20px;
  width: 80px;
  display: inline-block;
  text-align: center;
  padding-right: 10px;
  vertical-align: middle;
}
#plan .ispc1 .p2.sty2 span.s1 {
  font-size: 24px;
}
@media screen and (max-width: 1070px) {
  #plan .ispc1 .p2.sty2 {
    font-size: 23px;
  }
  #plan .ispc1 .p2.sty2 b {
    font-size: 17px;
  }
  #plan .ispc1 .p2.sty2 span.s1 {
    font-size: 23px;
  }
}
@media screen and (max-width: 960px) {
  #plan .ispc1 .p2.sty2 {
    font-size: 22px;
  }
  #plan .ispc1 .p2.sty2 b {
    font-size: 15px;
    width: 60px;
  }
  #plan .ispc1 .p2.sty2 span.s1 {
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  #plan .ispc1 .p2.sty2 {
    width: 95%;
    font-size: 23px;
  }
  #plan .ispc1 .p2.sty2 b {
    width: 80px;
    font-size: 17px;
  }
  #plan .ispc1 .p2.sty2 span.s1 {
    font-size: 23px;
  }
}
#plan .ispc1 .p3 {
  font-size: 14px;
  line-height: 1em;
  padding-top: 10px;
}
#plan .ispc1 .p4 {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0px;
  font-size: 30px;
}
#plan .ispc1 .p4 span {
  font-size: 18px;
}
#plan .plan-info {
  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;
}
#plan .plan-info dt {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #plan .plan-info dt {
    width: 100%;
  }
}
#plan .plan-info dd {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #plan .plan-info dd {
    width: 100%;
  }
}
#plan .plan-info .plan-spec {
  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;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#plan .plan-info .plan-spec .modelroom {
  background-color: #66482c;
  color: #fff;
  width: 90%;
  margin: 5% auto 0;
  font-size: clamp(10px, 3vw, 13px);
  text-align: center;
  z-index: 1;
  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;
  position: relative;
  padding-block: 10px;
}
#plan .plan-info .plan-spec .modelroom::before {
  content: "";
  position: absolute;
  width: 96%;
  height: 90%;
  background: #DDBF8A;
  background: -webkit-gradient(linear, left top, right top, from(rgb(221, 191, 138)), to(rgb(175, 133, 43)));
  background: linear-gradient(90deg, rgb(221, 191, 138) 0%, rgb(175, 133, 43) 100%);
  z-index: -1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#plan .plan-info .plan-spec .modelroom::after {
  content: "";
  position: absolute;
  width: 95%;
  height: 86%;
  background: #66482c;
  z-index: -1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-spec .modelroom {
    width: 100%;
    padding-block: 5px;
    font-size: clamp(10px, 5vw, 16px);
  }
  #plan .plan-info .plan-spec .modelroom::before {
    width: 98%;
  }
  #plan .plan-info .plan-spec .modelroom::after {
    width: 97%;
  }
}
#plan .plan-info .plan-spec.bg2 li:nth-child(1) .p1 {
  color: #007971;
}
#plan .plan-info .plan-spec.bg2 li:nth-child(1) .p2 {
  color: #007971;
  border-top: 1px solid #007971;
  border-bottom: 1px solid #007971;
}
#plan .plan-info .plan-spec li {
  position: relative;
}
#plan .plan-info .plan-spec li:nth-child(1) {
  width: 40%;
  width: 46%;
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-spec li:nth-child(1) {
    width: 38%;
  }
}
#plan .plan-info .plan-spec li:nth-child(1) .p1 {
  color: #af852b;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0px;
  font-size: 24px;
  padding: 0 0 10px 0;
  text-align: center;
  font-weight: 400;
  font-family: "din", sans-serif;
  font-style: normal;
  line-height: 1em;
}
#plan .plan-info .plan-spec li:nth-child(1) .p1 span {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0px;
  font-size: 60px;
  line-height: 1em;
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-spec li:nth-child(1) .p1 span {
    font-size: 12vw;
  }
}
#plan .plan-info .plan-spec li:nth-child(1) .p2 {
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0px;
  line-height: 1em;
  font-size: 20px;
  color: #af852b;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  font-weight: 400;
  font-family: "gara", serif;
  font-style: normal;
  border-top: 1px solid #af852b;
  border-bottom: 1px solid #af852b;
  padding-top: 10px;
  padding-bottom: 6px;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#plan .plan-info .plan-spec li:nth-child(1) .p2.hide {
  display: none;
}
#plan .plan-info .plan-spec li:nth-child(1) .p2 b {
  width: 64px;
  font-size: 15px;
  padding-right: 10px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-spec li:nth-child(1) .p2 b {
    width: 100%;
    font-size: 3.5vw;
    text-align: left;
    display: block;
  }
}
#plan .plan-info .plan-spec li:nth-child(1) .p2 span.s1 {
  font-size: 26px;
  margin-right: 10px;
}
#plan .plan-info .plan-spec li:nth-child(1) .p2 span.s2 {
  position: relative;
  text-align: left;
}
#plan .plan-info .plan-spec li:nth-child(1) .p2 span.s2 i {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  font-style: normal;
  font-size: 10px;
  position: absolute;
  width: 100%;
  top: -1.5em;
  z-index: 2;
  text-align: center;
  left: 50%;
  line-height: 1em;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#plan .plan-info .plan-spec li:nth-child(1) .p2 span.s2.sty2 {
  padding-left: 110px;
  font-size: 16px;
  display: block;
  margin-top: -6px;
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-spec li:nth-child(1) .p2 span.s2.sty2 {
    padding-left: 0;
    font-size: 3.5vw;
    text-align: center;
  }
}
#plan .plan-info .plan-spec li:nth-child(1) .p2.sty2 {
  width: 98%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  border-bottom: none;
  padding-bottom: 0;
}
#plan .plan-info .plan-spec li:nth-child(1) .p2.sty2 span.s1 {
  font-size: 23px;
  margin-right: 0px;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-spec li:nth-child(1) .p2.sty2 span.s1 {
    font-size: 4vw;
  }
}
#plan .plan-info .plan-spec li:nth-child(1) .p2.sty3 {
  width: 98%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: none;
  margin: 0;
  padding: 0;
  display: block;
}
#plan .plan-info .plan-spec li:nth-child(1) .p2.sty3 span.s1 {
  font-size: 23px;
  margin-right: 0px;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-spec li:nth-child(1) .p2.sty3 span.s1 {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-spec li:nth-child(1) .p2 {
    font-size: 4vw;
  }
  #plan .plan-info .plan-spec li:nth-child(1) .p2 span.s1 {
    font-size: 5vw;
  }
}
#plan .plan-info .plan-spec li:nth-child(2) {
  width: 58%;
  width: 52%;
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-spec li:nth-child(2) {
    width: 62%;
  }
}
#plan .plan-info .plan-spec li:nth-child(2) .spec2b {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-spec li:nth-child(2) .spec2b {
    margin-top: 0px;
    width: 100%;
  }
}
#plan .plan-info .plan-spec li:nth-child(2) .spec2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#plan .plan-info .plan-spec li:nth-child(2) .s2 {
  line-height: 1em;
  font-size: 12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  -webkit-font-feature-settings: "plat";
          font-feature-settings: "plat";
  letter-spacing: 0;
  display: block;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-spec li:nth-child(2) .s2 {
    font-size: 2.5vw;
  }
}
#plan .plan-info .plan-spec li:nth-child(2) .s3 {
  font-size: 40px;
  display: inline-block;
  -webkit-font-feature-settings: "plat";
          font-feature-settings: "plat";
  letter-spacing: 0;
  font-weight: 400;
  font-family: "gara", serif;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-spec li:nth-child(2) .s3 {
    font-size: 8.5vw;
    line-height: 1em;
  }
}
#plan .plan-info .plan-spec li:nth-child(2) .s4 {
  line-height: 1em;
  font-size: 28px;
  display: inline-block;
  -webkit-font-feature-settings: "plat";
          font-feature-settings: "plat";
  letter-spacing: 0;
  font-weight: 400;
  font-family: "gara", serif;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-spec li:nth-child(2) .s4 {
    font-size: 5vw;
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
}
#plan .plan-info .plan-spec li:nth-child(2) .s5 {
  line-height: 1em;
  font-size: 14px;
  display: inline-block;
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-spec li:nth-child(2) .s5 {
    font-size: 3vw;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 0;
  }
}
#plan .plan-info .plan-spec li:nth-child(2) .s7 {
  line-height: 1em;
  font-size: 11px;
  display: block;
  text-align: right;
  margin-top: 6px;
  width: 70%;
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-spec li:nth-child(2) .s7 {
    font-size: 2.5vw;
    width: 100%;
    text-align: left;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 4px;
  }
}
#plan .plan-info .plan-spec li:nth-child(2) .s6 {
  line-height: 1em;
  font-size: 13px;
  display: inline-block;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  margin-top: 6px;
}
#plan .plan-info .plan-spec li:nth-child(2) .s6 i {
  font-style: normal;
  display: inline-block;
  width: 100px;
  white-space: nowrap;
  letter-spacing: 0.08em;
  margin-right: 50px;
}
#plan .plan-info .plan-spec li:nth-child(2) .s6 i.sc9 {
  letter-spacing: 0;
  -webkit-transform: scaleX(0.78);
          transform: scaleX(0.78);
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-spec li:nth-child(2) .s6 i.sc9 {
    -webkit-transform: scaleX(0.7);
            transform: scaleX(0.7);
  }
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-spec li:nth-child(2) .s6 i {
    width: 94px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0px;
  }
}
@media screen and (max-width: 330px) {
  #plan .plan-info .plan-spec li:nth-child(2) .s6 i {
    width: 74px;
  }
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-spec li:nth-child(2) .s6 {
    font-size: 3vw;
    white-space: nowrap;
    width: 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;
  }
}
#plan .plan-info .plan-point {
  position: relative;
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-point {
    margin-top: 3vw;
  }
}
#plan .plan-info .plan-point li {
  width: 100%;
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.6em;
  margin-bottom: 10px;
  font-size: 16px;
}
#plan .plan-info .plan-point li::before {
  width: 14px;
  height: 14px;
  content: "■";
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  #plan .plan-info .plan-point li {
    font-size: 3vw;
    line-height: 1.4em;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 0;
  }
  #plan .plan-info .plan-point li br {
    display: none;
  }
}
#plan .price_box {
  width: 90%;
  max-width: 500px;
  margin-inline: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px #231f20 solid;
  border-bottom: 1px #231f20 solid;
  margin-top: 4vw;
  /* padding-bottom: 0.2vw; */
  padding-block: 1.5% 1%;
}
@media screen and (max-width: 768px) {
  #plan .price_box {
    padding-block: 1.5% 2%;
  }
}
#plan .price {
  text-align: left;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  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;
}
#plan .price .small {
  font-size: clamp(10px, 3vw, 12px);
  display: block;
  margin-bottom: -13%;
  margin-right: 5%;
  width: 100%;
  white-space: nowrap;
}
#plan .price .text {
  font-size: clamp(10px, 3vw, 18px);
  letter-spacing: 0.05em;
  white-space: nowrap;
  margin-top: 10px;
}
#plan .price .text .red {
  font-size: clamp(10px, 10vw, 60px);
  color: #bd2126;
  font-family: "gara", serif;
  letter-spacing: 0em;
  margin-right: 5%;
}
@media screen and (max-width: 768px) {
  #plan .price {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }
  #plan .price .small {
    margin-bottom: 0;
  }
  #plan .price .text {
    width: 100%;
    font-size: clamp(10px, 10vw, 28px);
  }
  #plan .price .text .red {
    font-size: clamp(10px, 14vw, 60px);
  }
}
#plan .plan-fig {
  position: relative;
  width: 100%;
  max-width: 640px;
  margin: 40px auto;
  visibility: visible;
  display: block;
  -webkit-animation: show 1s linear 0s;
          animation: show 1s linear 0s;
}
#plan .plan-fig .img_btn {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#plan .plan-fig .link_list {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#plan .plan-fig .link_list .link {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 10%;
  aspect-ratio: 1/1;
  cursor: pointer;
}
#plan .plan-fig .link_list .link.img01 {
  top: 13%;
  left: 68%;
}
#plan .plan-fig .link_list .link.img02 {
  top: 19%;
  left: 34.5%;
}
#plan .plan-fig .link_list .link.img03 {
  top: 56.5%;
  left: 57%;
}
#plan .plan-fig .link_list .link.img04 {
  top: 38.5%;
  left: 46.5%;
}
#plan .plan-fig .link_list .link.img05 {
  top: 64%;
  left: 31.5%;
}
#plan .plan-fig .link_list .link.img06 {
  top: 35%;
  left: 67.5%;
}
@-webkit-keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#plan .plan-fig.hide {
  display: none;
  -webkit-transition: 1s;
  transition: 1s;
}
#plan .plan-fig .cv {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  -webkit-transition: 1s;
  transition: 1s;
}
#plan .plan-fig .cv.hide {
  opacity: 0;
}
#plan .plan-fig .bg {
  -webkit-transition: 1s;
  transition: 1s;
}
#plan .plan-fig .bg.hide {
  opacity: 0;
}
@media screen and (max-width: 768px) {
  #plan .plan-fig {
    margin: 3vw auto;
  }
}
@media screen and (max-width: 768px) {
  #plan {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #plan {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #plan {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #plan {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #plan {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #plan {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #type {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #type {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #type {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #type {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #type {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #type {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #brand {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #brand {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #brand {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #brand {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #brand {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #modelroom {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #modelroom {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #modelroom {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #modelroom {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #modelroom {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #modelroom {
    /*@media screen end*/
  }
}

#map .holy {
  position: relative;
  padding: 14px;
  text-align: center;
  color: #852137;
  font-size: 15px;
  line-height: 1.4em;
  border: 1px solid #852137;
  margin-top: 40px;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
#map .holy b {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: normal;
  margin-bottom: 10px;
}
@media screen and (max-width: 584px) {
  #map .holy {
    margin-top: 6vw;
    font-size: 3.5vw;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  #map .holy b {
    white-space: nowrap;
  }
}
#map .btnset {
  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;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
#map .btnset li {
  width: 48%;
  margin-bottom: 5%;
}
@media screen and (max-width: 768px) {
  #map .btnset li {
    width: 100%;
    max-width: unset;
  }
  #map .btnset li:last-child {
    margin-bottom: 0;
  }
}
#map .ifig_01 {
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #0083B7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #map .ifig_01 {
    margin: 0 auto 6vw auto;
    margin-bottom: 0;
  }
}
#map .map-02 {
  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;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border: 2px solid #0083B7;
}
@media screen and (max-width: 768px) {
  #map .map-02 {
    border-top: 2px none;
  }
}
#map .map-02 dt {
  width: 100%;
  border-right: 2px solid #0083B7;
}
@media screen and (max-width: 768px) {
  #map .map-02 dt {
    width: 100%;
    border-right: 2px none;
  }
}
#map .map-02 dd {
  width: 100%;
  padding-block: 5%;
  background-color: #0083B7;
  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;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#map .map-02 dd figure {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #map .map-02 dd figure {
    margin-bottom: 6vw;
    width: 100%;
  }
}
#map .map-02 dd .btnset {
  width: 80%;
}
@media screen and (max-width: 768px) {
  #map .map-02 dd .btnset {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #map .map-02 dd {
    width: 100%;
    padding: 6vw;
  }
}
#map .map-btn1 {
  width: 100%;
  height: 60px;
  background-color: #bf1920;
  max-width: 260px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#map .map-btn1 a {
  display: block;
  width: 100%;
  height: 100%;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#map .map-btn1 a p {
  text-align: center;
  line-height: 1em;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #map .map-btn1 {
    height: 50px;
    max-width: unset;
  }
}
#map .sec1 h3 {
  padding: 12px;
  background-color: #0083B7;
  text-align: center;
  font-size: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #map .sec1 h3 {
    font-size: 4vw;
  }
}
#map .sec1 .secinner {
  padding-bottom: 0;
  max-width: 1100px;
}
#map .pinfo {
  background-color: #DCDBD7;
  text-align: center;
  padding: 4px;
  font-size: 3.5vw;
  line-height: 1em;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6vw;
}
#map .pinfo img {
  display: inline-block;
  width: 16px;
  vertical-align: bottom;
}
#map .parking_area {
  margin-top: 5%;
  padding-block: 5%;
  background-color: #f6e9de;
}
@media screen and (max-width: 768px) {
  #map .parking_area {
    margin-top: 15%;
    padding-block: 10%;
    /*@media screen end*/
  }
}
#map .parking_area .secinner {
  background-color: #fff;
  width: 90%;
  max-width: unset;
}
@media screen and (max-width: 768px) {
  #map .parking_area .secinner {
    padding: 20vw 0;
    /*@media screen end*/
  }
}
#map .parking_area .secinner .parking_inner {
  width: 90%;
  margin-inline: auto;
  max-width: 1100px;
}
#map .parking_area .secinner .parking_inner .parking_box .park_ttl {
  text-align: center;
  margin-inline: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 2vw;
}
@media screen and (max-width: 768px) {
  #map .parking_area .secinner .parking_inner .parking_box {
    /*@media screen end*/
  }
  #map .parking_area .secinner .parking_inner .parking_box .park_ttl {
    margin-bottom: 4vw;
  }
}
#map .parking_area .secinner .parking_inner .parking_box .flbox {
  padding-top: 2vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 90%;
  margin-inline: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #map .parking_area .secinner .parking_inner .parking_box .flbox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    padding-top: 5vw;
    /*@media screen end*/
  }
}
#map .parking_area .secinner .parking_inner .parking_box .flbox .imgbox {
  width: 46%;
}
#map .parking_area .secinner .parking_inner .parking_box .flbox .imgbox p {
  margin-top: 1vw;
  letter-spacing: 0.05em;
  font-size: clamp(10px, 1.7vw, 17px);
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  #map .parking_area .secinner .parking_inner .parking_box .flbox {
    /*@media screen end*/
  }
  #map .parking_area .secinner .parking_inner .parking_box .flbox .imgbox {
    width: 100%;
  }
  #map .parking_area .secinner .parking_inner .parking_box .flbox .imgbox p {
    font-size: clamp(10px, 3.6vw, 17px);
  }
  #map .parking_area .secinner .parking_inner .parking_box .flbox .imgbox2 {
    margin-top: 15%;
  }
}
#map .parking_area .secinner .parking_inner .box1 .park_ttl {
  width: 55%;
  max-width: 200px;
}
#map .parking_area .secinner .parking_inner .box1 .flbox {
  padding-top: 7%;
}
@media screen and (max-width: 768px) {
  #map .parking_area .secinner .parking_inner .box1 .flbox {
    padding-top: 14%;
  }
}
#map .parking_area .secinner .parking_inner .box1 .flbox .map_area {
  width: 75%;
  margin: 0% auto 7%;
}
@media screen and (max-width: 768px) {
  #map .parking_area .secinner .parking_inner .box1 .flbox .map_area {
    width: 100%;
    margin: 0% auto 15%;
    /*@media screen end*/
  }
}
#map .parking_area .secinner .parking_inner .box1 .flbox .map_area .imgbox {
  width: 100%;
}
#map .parking_area .secinner .parking_inner .box1 .flbox .imgbox p .tel {
  display: inline-block;
  width: 45%;
  min-width: 150px;
}
#map .parking_area .secinner .parking_inner .box1 .flbox .imgbox2 .flbox {
  width: 100%;
  border: unset;
  padding-top: 1vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  #map .parking_area .secinner .parking_inner .box1 .flbox .imgbox2 .flbox {
    padding-top: 3vw;
  }
}
#map .parking_area .secinner .parking_inner .box1 .flbox .imgbox2 .flbox .imgbox {
  width: 28%;
}
#map .parking_area .secinner .parking_inner .box1 .flbox .imgbox2 .flbox .textbox {
  width: 67%;
}
#map .parking_area .secinner .parking_inner .box1 .flbox .imgbox2 .flbox .textbox p {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  #map .parking_area .secinner .parking_inner .box1 .flbox .imgbox2 .flbox .textbox p {
    font-size: clamp(10px, 3.3vw, 17px);
    /*@media screen end*/
  }
}
#map .parking_area .secinner .parking_inner .box2 {
  margin-block: 5%;
}
@media screen and (max-width: 768px) {
  #map .parking_area .secinner .parking_inner .box2 {
    margin-block: 20% 15%;
    /*@media screen end*/
  }
}
#map .parking_area .secinner .parking_inner .box2 .park_ttl {
  width: 78%;
  max-width: 300px;
}
#map .parking_area .secinner .parking_inner .bg_o {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  background-color: #d37b40;
  padding-block: 10px 5px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #map .parking_area .secinner .parking_inner .bg_o {
    padding-block: 10px 10px;
    /*@media screen end*/
  }
}
#map .parking_area .secinner .parking_inner .bg_o p {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.05em;
  font-size: clamp(10px, 10vw, 21px);
  color: #fff;
}
@media screen and (max-width: 768px) {
  #map .parking_area .secinner .parking_inner .bg_o p {
    font-size: clamp(10px, 4vw, 21px);
    /*@media screen end*/
  }
}
#map .parking_area .secinner .parking_inner .bg_o p .big {
  font-size: clamp(10px, 10vw, 30px);
}
@media screen and (max-width: 768px) {
  #map .parking_area .secinner .parking_inner .bg_o p .big {
    font-size: clamp(10px, 6vw, 30px);
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #map {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #map {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #map {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #map {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #map {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #map {
    /*@media screen end*/
  }
}

#outline .btnset {
  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;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
#outline .btnset li {
  width: 48%;
}
#outline .ifig_01 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin: 60px auto;
}
@media screen and (max-width: 768px) {
  #outline .ifig_01 {
    margin: 6vw auto;
  }
}
#outline .map-btn1 {
  width: 100%;
  height: 60px;
  background-color: #bf1920;
  max-width: 260px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#outline .map-btn1 a {
  display: block;
  width: 100%;
  height: 100%;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#outline .map-btn1 a p {
  text-align: center;
  line-height: 1em;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #outline .map-btn1 {
    height: 50px;
    max-width: 240px;
  }
}
#outline .sec1 h3 {
  text-align: center;
  font-size: 24px;
}
#outline h3 {
  margin: 0px auto 40px auto;
}
#outline .ynote {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: 40px;
  font-size: 12px;
  line-height: 1.4em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
#outline .yokoku {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: 40px;
}
#outline .yokoku dt {
  width: 80px;
  height: 50px;
  border: 1px solid #333;
  font-size: 13px;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 584px) {
  #outline .yokoku dt {
    font-size: 3vw;
    height: auto;
    width: 30%;
    padding: 6px;
  }
}
#outline .yokoku dd {
  width: calc(100% - 90px);
  font-size: 13px;
}
@media screen and (max-width: 584px) {
  #outline .yokoku dd {
    font-size: 3vw;
    width: 100%;
    margin-top: 10px;
  }
}
#outline table {
  width: 100%;
  border-collapse: collapse;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-collapse: separate;
  border-spacing: 5px;
  margin-bottom: 40px;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#outline table tr th {
  width: 30%;
  width: 32%;
  width: 38%;
  text-align: center;
  border: none;
  border-top: 1px solid #B2ABA3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 13px;
  padding: 7px 15px;
  text-align: center;
  line-height: 1.6em;
  padding-top: 15px;
  color: #000;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  white-space: nowrap;
}
@media screen and (max-width: 584px) {
  #outline table tr th {
    padding: 7px 0px;
    font-size: 3vw;
  }
}
#outline table tr td {
  width: 69%;
  width: 64%;
  border: none;
  border-top: 1px solid #B2ABA3;
  font-size: 13px;
  line-height: 1.6em;
  padding: 7px 15px;
  padding-top: 15px;
  color: #000;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
@media screen and (max-width: 584px) {
  #outline table tr td {
    padding: 7px 0px;
    font-size: 3vw;
  }
}
#outline table tr td h6 {
  margin: 0;
  -webkit-font-feature-settings: "pwid";
          font-feature-settings: "pwid";
  letter-spacing: 0px;
  font-size: 16px;
  margin-bottom: 6px;
}
@media screen and (max-width: 584px) {
  #outline table tr td h6 {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  #outline {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #outline {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #outline {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #outline {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #outline {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #outline {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #limited {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #limited {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #limited {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #limited {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #limited {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #limited {
    /*@media screen end*/
  }
}

#commonspace .pcpy7 .row span:nth-child(1) {
  -webkit-transition-delay: 0.06s;
          transition-delay: 0.06s;
}
#commonspace .pcpy7 .row span:nth-child(2) {
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
}
#commonspace .pcpy7 .row span:nth-child(3) {
  -webkit-transition-delay: 0.18s;
          transition-delay: 0.18s;
}
#commonspace .pcpy7 .row span:nth-child(4) {
  -webkit-transition-delay: 0.24s;
          transition-delay: 0.24s;
}
#commonspace .pcpy7 .row span:nth-child(5) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
#commonspace .pcpy7 .row span:nth-child(6) {
  -webkit-transition-delay: 0.36s;
          transition-delay: 0.36s;
}
#commonspace .pcpy7 .row span:nth-child(7) {
  -webkit-transition-delay: 0.42s;
          transition-delay: 0.42s;
}
#commonspace .pcpy7 .row span:nth-child(8) {
  -webkit-transition-delay: 0.48s;
          transition-delay: 0.48s;
}
#commonspace .pcpy7 .row span:nth-child(9) {
  -webkit-transition-delay: 0.54s;
          transition-delay: 0.54s;
}
#commonspace .pcpy7 .row span:nth-child(10) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
#commonspace .pcpy7 .row span:nth-child(11) {
  -webkit-transition-delay: 0.66s;
          transition-delay: 0.66s;
}
#commonspace .pcpy7 .row span:nth-child(12) {
  -webkit-transition-delay: 0.72s;
          transition-delay: 0.72s;
}
#commonspace .pcpy7 .row span:nth-child(13) {
  -webkit-transition-delay: 0.78s;
          transition-delay: 0.78s;
}
#commonspace .pcpy7 .row span:nth-child(14) {
  -webkit-transition-delay: 0.84s;
          transition-delay: 0.84s;
}
#commonspace .pcpy7 .row span:nth-child(15) {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
#commonspace .pcpy7 .row span:nth-child(16) {
  -webkit-transition-delay: 0.96s;
          transition-delay: 0.96s;
}
#commonspace .pcpy7 .row span:nth-child(17) {
  -webkit-transition-delay: 1.02s;
          transition-delay: 1.02s;
}
#commonspace .pcpy7 .row span:nth-child(18) {
  -webkit-transition-delay: 1.08s;
          transition-delay: 1.08s;
}
#commonspace .pcpy7 .row span:nth-child(19) {
  -webkit-transition-delay: 1.14s;
          transition-delay: 1.14s;
}
#commonspace .pcpy7 .row span:nth-child(20) {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
#commonspace .sec1 h3,
#commonspace .sec2 h3,
#commonspace .sec3 h3 {
  color: #355497;
  font-size: 36px;
  margin-bottom: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#commonspace .sec1 h3 .row span,
#commonspace .sec2 h3 .row span,
#commonspace .sec3 h3 .row span {
  padding: 4px 0px !important;
}
#commonspace .sec1 .p1,
#commonspace .sec2 .p1,
#commonspace .sec3 .p1 {
  font-size: 28px;
  line-height: 1.6em;
}
#commonspace .sec1 .p1.sty2,
#commonspace .sec2 .p1.sty2,
#commonspace .sec3 .p1.sty2 {
  font-size: 24px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .p1.sty2,
  #commonspace .sec2 .p1.sty2,
  #commonspace .sec3 .p1.sty2 {
    font-size: 5vw;
  }
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .p1,
  #commonspace .sec2 .p1,
  #commonspace .sec3 .p1 {
    font-size: 6vw;
  }
  #commonspace .sec1 .p1.sty2,
  #commonspace .sec2 .p1.sty2,
  #commonspace .sec3 .p1.sty2 {
    font-size: 5.4vw;
  }
}
#commonspace .sec1 p,
#commonspace .sec2 p,
#commonspace .sec3 p {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .pt3,
  #commonspace .sec2 .pt3,
  #commonspace .sec3 .pt3 {
    font-size: 3vw;
  }
}
#commonspace .sec1 .p3,
#commonspace .sec2 .p3,
#commonspace .sec3 .p3 {
  text-align: center;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  line-height: 2.4em;
}
#commonspace .sec1 .note,
#commonspace .sec2 .note,
#commonspace .sec3 .note {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
#commonspace .sec1 .note.rrt,
#commonspace .sec2 .note.rrt,
#commonspace .sec3 .note.rrt {
  line-height: 2em;
}
#commonspace .sec1 {
  position: relative;
}
#commonspace .sec1 .ttl {
  line-height: 1.8em;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .ttl {
    margin-bottom: 6vw;
  }
}
#commonspace .sec1 .p1 {
  color: #355497;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: 26px;
  line-height: 1.6em;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .p1 {
    margin-bottom: 3vw;
    font-size: 6vw;
    line-height: 1.5em;
  }
}
#commonspace .sec1 .p3 {
  text-align: center;
}
#commonspace .sec1 .sec1-b {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .sec1-b {
    margin-top: 3vw;
    margin-bottom: 12vw;
  }
}
#commonspace .sec1 .sec1-b dt {
  width: 24%;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .sec1-b dt {
    width: 49%;
    margin-bottom: 6vw;
  }
}
#commonspace .sec1 .sec1-b dt figure .note {
  color: #231815;
  position: relative;
  text-align: right;
  right: auto;
  bottom: auto;
}
#commonspace .sec1 .sec1-b dd {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .sec1-b dd {
    width: 100%;
  }
}
#commonspace .sec1 .sec1-a {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#commonspace .sec1 .sec1-a.sty2 {
  margin-bottom: 80px;
}
#commonspace .sec1 .sec1-a dt {
  width: 62%;
  padding-top: 0.6em;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .sec1-a dt {
    width: 100%;
    padding-top: 0;
    margin-bottom: 6vw;
  }
}
#commonspace .sec1 .sec1-a dd {
  width: 34%;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .sec1-a dd {
    width: 100%;
  }
}
#commonspace .sec1 .sec1-c {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 80px;
}
#commonspace .sec1 .sec1-c dt {
  width: 34%;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .sec1-c dt {
    width: 100%;
    margin-bottom: 6vw;
  }
}
#commonspace .sec1 .sec1-c dd {
  width: 62%;
  padding-top: 0.6em;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .sec1-c dd {
    width: 100%;
    padding-top: 0;
  }
}
#commonspace .sec1 .sec1-d {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 80px;
}
#commonspace .sec1 .sec1-d > dt {
  width: 42%;
}
#commonspace .sec1 .sec1-d > dt figure .note {
  color: #231815;
  position: relative;
  text-align: right;
  right: auto;
  bottom: auto;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .sec1-d > dt {
    width: 100%;
    margin-bottom: 6vw;
  }
}
#commonspace .sec1 .sec1-d > dd {
  width: 54%;
  background-color: #E6E8F3;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .sec1-d > dd {
    width: 100%;
    padding: 6vw;
  }
}
#commonspace .sec1 .sec1-d > dd > dl {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#commonspace .sec1 .sec1-d > dd > dl .txt {
  line-height: 1.6em;
}
#commonspace .sec1 .sec1-d > dd > dl dt {
  width: 60%;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .sec1-d > dd > dl dt {
    width: 100%;
    margin-bottom: 6vw;
  }
}
#commonspace .sec1 .sec1-d > dd > dl dd {
  width: 38%;
}
#commonspace .sec1 .sec1-d > dd > dl dd .note {
  color: #231815;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .sec1-d > dd > dl dd {
    width: 100%;
  }
}
#commonspace .sec1 .sec1-d > dd .p1 {
  font-size: 20px;
}
#commonspace .sec1 .sec1-e {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 80px;
}
#commonspace .sec1 .sec1-e > dt {
  width: 48%;
  padding-top: 0.6em;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .sec1-e > dt {
    width: 100%;
    padding-top: 0;
  }
}
#commonspace .sec1 .sec1-e > dd {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .sec1-e > dd {
    width: 100%;
  }
}
#commonspace .sec1 p.txt.txt1 {
  position: relative;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 p.txt.txt1 {
    margin-top: 3vw;
  }
}
#commonspace .sec1 p.txt.txt1 span {
  display: inline-block;
  background-color: #fff;
  position: relative;
  z-index: 5;
}
#commonspace .sec1 p.txt.txt1::before {
  width: 70%;
  height: 1px;
  content: "";
  background-color: #231815;
  position: absolute;
  right: 0%;
  top: 50%;
}
#commonspace .sec1 .ifig_17 .note {
  position: relative;
  right: auto;
  bottom: auto;
  text-align: right;
  color: #231815;
}
#commonspace .sec1 .ifig_16 {
  margin-top: 30px;
}
#commonspace .sec1 .ifig_16 .note {
  position: relative;
  right: auto;
  bottom: auto;
  text-align: left;
  color: #231815;
  margin-top: 6px;
}
#commonspace .sec1 .ifig_01 {
  margin-top: 60px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
  position: relative;
}
#commonspace .sec1 .ifig_01 .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
}
#commonspace .sec1 .ifig_01 .note {
  color: #231815;
  position: relative;
  right: auto;
  bottom: auto;
  text-align: right;
}
#commonspace .sec1 .ifig_01 .cv {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .ifig_01 {
    margin-top: 6vw;
    width: 100vw;
    margin-left: -6vw;
  }
}
#commonspace .sec1 .ifig_01 .hita {
  width: 30%;
  height: 8%;
  position: absolute;
  left: 10%;
  top: 40%;
  z-index: 7;
}
#commonspace .sec1 .ifig_01 .hita a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#commonspace .sec1 .ifig_01 .hita.hit1 {
  left: 15%;
  top: 64%;
}
#commonspace .sec1 .ifig_01 .hita.hit2 {
  left: 60%;
  top: 12%;
}
#commonspace .sec1 .ifig_01 .hita.hit3 {
  left: 6%;
  top: 37%;
}
#commonspace .sec1 .ifig_01 .hita.hit4 {
  left: 66%;
  top: 32%;
}
#commonspace .sec1 .ifig_01 .hita.hit5 {
  left: 46%;
  top: 66%;
}
#commonspace .sec1 .ifig_01 .hita.hit6 {
  left: 36%;
  top: 34%;
  width: 20%;
}
#commonspace .sec1 .ancb {
  position: relative;
}
#commonspace .sec1 .ancb a {
  position: absolute;
  left: 0;
  top: -100px;
}
#commonspace .sec1 .note.note_16 {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  margin-top: 10px;
  font-size: 12px;
  position: relative;
  right: auto;
  bottom: auto;
  display: block;
  text-align: left;
  color: #231815;
}
#commonspace .sec1 .ifig_18 {
  position: relative;
}
#commonspace .sec1 .ifig_18 .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  opacity: 0;
}
#commonspace .sec1 .ifig_18 .ifig_05 {
  position: absolute;
  width: 67.5%;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 2;
}
#commonspace .sec1 .ifig_18 .ifig_05 .note {
  bottom: 5px;
}
#commonspace .sec1 .ifig_18 .ifig_06 {
  position: absolute;
  width: 30.6%;
  top: 0;
  right: 0;
  height: 48%;
  z-index: 2;
}
#commonspace .sec1 .ifig_18 .ifig_07 {
  position: absolute;
  width: 30.6%;
  bottom: 0;
  right: 0;
  height: 48%;
  z-index: 2;
}
#commonspace .sec1 .ifig_18 .note {
  color: #231815;
  bottom: -2em;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .ifig_18 {
    width: 100vw;
    margin-left: -6vw;
    margin-bottom: 6vw;
  }
}
#commonspace .sec1 .ifig_19 {
  position: relative;
}
#commonspace .sec1 .ifig_19 .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  opacity: 0;
}
#commonspace .sec1 .ifig_19 .ifig_08 {
  position: absolute;
  width: 67.5%;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 2;
}
#commonspace .sec1 .ifig_19 .ifig_09 {
  position: absolute;
  width: 30.6%;
  top: 0;
  right: 0;
  height: 48%;
  z-index: 2;
}
#commonspace .sec1 .ifig_19 .ifig_10 {
  position: absolute;
  width: 30.6%;
  bottom: 0;
  right: 0;
  height: 48%;
  z-index: 2;
}
#commonspace .sec1 .ifig_19 .note {
  color: #231815;
  bottom: -2em;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .ifig_19 {
    width: 100vw;
    margin-left: -6vw;
    margin-bottom: 6vw;
  }
}
#commonspace .sec1 .ifig_20 {
  position: relative;
}
#commonspace .sec1 .ifig_20 .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  opacity: 0;
}
#commonspace .sec1 .ifig_20 .ifig_11 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
#commonspace .sec1 .ifig_20 .ifig_11 .note {
  bottom: 3px;
  color: #fff;
}
#commonspace .sec1 .ifig_20 .ifig_12 {
  position: absolute;
  width: 49%;
  bottom: 0;
  left: 0;
  z-index: 2;
}
#commonspace .sec1 .ifig_20 .ifig_13 {
  position: absolute;
  width: 49%;
  bottom: 0;
  right: 0;
  z-index: 2;
}
#commonspace .sec1 .ifig_20 .note {
  color: #231815;
  bottom: -2em;
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .ifig_20 {
    width: 100vw;
    margin-left: -6vw;
    margin-bottom: 6vw;
  }
}
@media screen and (max-width: 768px) {
  #commonspace .sec1 .ifig_17,
  #commonspace .sec1 .ifig_14,
  #commonspace .sec1 .ifig_02 {
    width: 100vw;
    margin-left: -6vw;
  }
  #commonspace .sec1 .ifig_16 img {
    height: 160px;
    width: auto !important;
  }
  #commonspace .sec1 .ifig_15 {
    overflow: hidden;
    height: 120px;
  }
}
#commonspace .sec1 .note {
  z-index: 6;
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: #fff;
}
#commonspace section .secinner {
  max-width: 1100px;
}
#commonspace .sec2 .secinner {
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  #commonspace {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #commonspace {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #commonspace {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #commonspace {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #commonspace {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #commonspace {
    /*@media screen end*/
  }
}

#marche .list1 {
  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;
  box-sizing: border-box;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  text-align: center;
  line-height: 1.6em;
  color: #000;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0;
  margin-bottom: 6px;
  border: 1px solid #B2ABA3;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
}
#marche .list1 dt {
  padding: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc((100% - 150px) / 3);
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #marche .list1 dt {
    width: calc(100% - 110px);
    padding: 0;
    font-size: 3.5vw;
    line-height: 1.6em;
  }
  #marche .list1 dt:nth-child(1) {
    padding-top: 6px;
  }
  #marche .list1 dt:nth-child(3) {
    padding-bottom: 6px;
  }
}
#marche .list1 dd {
  padding: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 140px;
}
@media screen and (max-width: 768px) {
  #marche .list1 dd {
    width: 100px;
    position: absolute;
    right: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
#marche .list1 dd a {
  background-color: #F7ECE2;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#marche .list1 dd a p {
  line-height: 1em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #marche .list1 dd a p {
    font-size: 2.8vw;
  }
}
#marche .list1 dd a:hover {
  opacity: 0.7;
}
#marche .list1.bg2 {
  border: none;
}
#marche .list1.bg2 dt {
  background-color: #F7ECE2;
}
#marche .list1.bg2 dd {
  background-color: #F7ECE2;
}
#marche .btnset {
  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;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
#marche .btnset li {
  width: 48%;
}
#marche .ifig_01 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin: 60px auto;
}
@media screen and (max-width: 768px) {
  #marche .ifig_01 {
    margin: 6vw auto;
  }
}
#marche .map-btn1 {
  width: 100%;
  height: 60px;
  background-color: #bf1920;
  max-width: 260px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#marche .map-btn1 a {
  display: block;
  width: 100%;
  height: 100%;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#marche .map-btn1 a p {
  text-align: center;
  line-height: 1em;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #marche .map-btn1 {
    height: 50px;
    max-width: 240px;
  }
}
#marche .sec1 h3 {
  text-align: center;
  font-size: 24px;
}
#marche h3 {
  margin: 0px auto 40px auto;
}
@media screen and (max-width: 768px) {
  #marche h3 {
    line-height: 1.8em;
  }
}
#marche h3 i {
  margin-right: -1em;
}
#marche .ynote {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: 40px;
  font-size: 12px;
  line-height: 1.4em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
#marche .yokoku {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: 40px;
}
#marche .yokoku dt {
  width: 80px;
  height: 50px;
  border: 1px solid #333;
  font-size: 13px;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 584px) {
  #marche .yokoku dt {
    font-size: 3vw;
    height: auto;
    width: 30%;
    padding: 6px;
  }
}
#marche .yokoku dd {
  width: calc(100% - 90px);
  font-size: 13px;
}
@media screen and (max-width: 584px) {
  #marche .yokoku dd {
    font-size: 3vw;
    width: 100%;
    margin-top: 10px;
  }
}
#marche table {
  width: 100%;
  border-collapse: collapse;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-collapse: separate;
  border-spacing: 5px;
  margin-bottom: 40px;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#marche table tr th {
  width: 30%;
  text-align: center;
  border: none;
  border-top: 1px solid #B2ABA3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 13px;
  padding: 7px 15px;
  text-align: center;
  line-height: 1.6em;
  padding-top: 15px;
  color: #000;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
@media screen and (max-width: 584px) {
  #marche table tr th {
    padding: 7px 0px;
    font-size: 3vw;
  }
}
#marche table tr td {
  width: 69%;
  border: none;
  border-top: 1px solid #B2ABA3;
  font-size: 13px;
  line-height: 1.6em;
  padding: 7px 15px;
  padding-top: 15px;
  color: #000;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
@media screen and (max-width: 584px) {
  #marche table tr td {
    padding: 7px 0px;
    font-size: 3vw;
  }
}
#marche table tr td h6 {
  margin: 0;
  -webkit-font-feature-settings: "pwid";
          font-feature-settings: "pwid";
  letter-spacing: 0px;
  font-size: 16px;
  margin-bottom: 6px;
}
@media screen and (max-width: 584px) {
  #marche table tr td h6 {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  #marche {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #marche {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #marche {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #marche {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #marche {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #marche {
    /*@media screen end*/
  }
}

#gallery .sec1 h3 {
  color: #355497;
  font-size: 36px;
  margin-bottom: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#gallery .sec1 h3 .row span {
  padding: 4px 0px !important;
}
@media screen and (max-width: 768px) {
  #gallery .sec1 h3 {
    font-size: 7vw;
    margin-bottom: 3vw;
    padding-bottom: 3vw;
  }
}
#gallery .ttl {
  line-height: 1.8em;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #gallery .ttl {
    margin-bottom: 3vw;
  }
}
#gallery .p3 {
  text-align: center;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  line-height: 2.4em;
}
#gallery .sec1 {
  padding: 100px 0;
}
@media screen and (max-width: 768px) {
  #gallery .sec1 {
    padding-top: 6vw;
  }
}
#gallery .sec1 .p1 {
  color: #355497;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: 24px;
  line-height: 1.6em;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  #gallery .sec1 .p1 {
    margin-top: 6vw;
    font-size: 6vw;
    line-height: 1.5em;
  }
}
#gallery .sec1 section {
  max-width: 100%;
}
#gallery .sec1 section.bg1 {
  background-color: #000;
}
#gallery .sec1 section .secinner {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
#gallery .sec1 section .secinner .slide-arrow {
  width: 36px;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  z-index: 777;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #gallery .sec1 section .secinner .slide-arrow {
    width: 20px;
  }
}
#gallery .sec1 section .secinner .slide-arrow.prev-arrow {
  left: 10px;
}
@media screen and (max-width: 768px) {
  #gallery .sec1 section .secinner .slide-arrow.prev-arrow {
    left: 6px;
  }
}
#gallery .sec1 section .secinner .slide-arrow.next-arrow {
  right: 10px;
}
@media screen and (max-width: 768px) {
  #gallery .sec1 section .secinner .slide-arrow.next-arrow {
    right: 6px;
  }
}
#gallery .sec1 section .secinner .slider .slick-slide {
  overflow: hidden;
  -webkit-transform: translateY(5%);
  transform: translateY(5%);
  -webkit-transition: 1s;
  transition: 1s;
  margin-right: 20px;
  border-top-right-radius: 20%;
  border-bottom-left-radius: 20%;
  -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
          box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}
@media screen and (max-width: 584px) {
  #gallery .sec1 section .secinner .slider .slick-slide {
    margin-right: 3vw;
  }
}
#gallery .sec1 section .secinner .slider .slick-slide span {
  width: 24px;
  height: 24px;
  position: absolute;
  z-index: 5;
  left: 20px;
  top: 20px;
  background-color: #fff;
  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;
  font-size: 14px;
  line-height: 1em;
}
#gallery .sec1 section .secinner .slider .slick-slide img {
  height: 18vw;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  vertical-align: bottom;
  width: auto;
  display: block;
  vertical-align: bottom;
  width: 100%;
}
@media screen and (max-width: 584px) {
  #gallery .sec1 section .secinner .slider .slick-slide img {
    height: 30vw;
  }
}
#gallery .sec1 section .secinner .slide1 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 584px) {
  #gallery .sec1 section .secinner .slide1 {
    margin-top: 0px;
  }
}
#gallery .sec1 section .secinner .slide1 .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
}
#gallery .sec1 section .secinner .slide1 ul {
  /*position: absolute;*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*left: 0;*/
  /*top: 0;*/
  position: relative;
}
#gallery .sec1 section .secinner .slide1 .slide-item {
  /*position: absolute;*/
  position: relative;
  height: auto;
  width: 100%;
  /*left: 0;*/
  /*top: 0;*/
  /*opacity: 0;*/
  /*-webkit-transition: 1s;*/
  /*-moz-transition: 1s;*/
  /*-o-transition: 1s;*/
  /*transition: 1s;*/
}
#gallery .sec1 section .secinner .slide1 .slide-item p {
  position: absolute;
  left: 0;
  bottom: 80px;
  font-size: 34px;
  line-height: 1em;
  width: 100%;
  color: #ffffff;
  text-shadow: 0 0 2px rgba(50, 50, 50, 0.9);
  text-align: left;
  padding-left: 40px;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5), 0px 0px 2px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.5), 0px 0px 4px rgba(0, 0, 0, 0.5), 0px 0px 5px rgba(0, 0, 0, 0.5), 0px 0px 6px rgba(0, 0, 0, 0.5), 0px 0px 12px rgba(0, 0, 0, 0.5);
  font-weight: 500;
  font-family: "Cormorant Garamond", serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#gallery .sec1 section .secinner .slide1 .slide-item p.sty4 {
  text-align: center;
  width: 30%;
}
#gallery .sec1 section .secinner .slide1 .slide-item p.sty2 {
  left: auto;
  right: 40px;
  text-align: right;
}
#gallery .sec1 section .secinner .slide1 .slide-item p.pht2 {
  width: 30%;
  left: auto;
  right: 40px;
  text-align: center;
}
#gallery .sec1 section .secinner .slide1 .slide-item p.pht3 {
  font-size: 20px;
  text-align: left;
  bottom: 0;
  left: 0;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1em;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
#gallery .sec1 section .secinner .slide1 .slide-item p.pht3.sty2 {
  padding-left: calc(50% + 20px);
  z-index: 5;
  background-color: rgba(0, 0, 0, 0);
}
@media screen and (max-width: 768px) {
  #gallery .sec1 section .secinner .slide1 .slide-item p.pht3 {
    font-size: 4vw;
    padding: 10px;
  }
}
#gallery .sec1 section .secinner .slide1 .slide-item p.colb {
  color: #000000;
  text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.1);
}
#gallery .sec1 section .secinner .slide1 .slide-item img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}
#gallery .sec1 section .secinner .slide1 .slide-item.act {
  opacity: 1;
}
#gallery .sec1 section .secinner .psld0 {
  margin-bottom: 15px;
  margin-bottom: 0px;
  /* position: fixed; */
  margin-top: 20px;
  z-index: 27;
  position: relative;
  width: 100%;
  padding: 6px;
}
@media screen and (max-width: 584px) {
  #gallery .sec1 section .secinner .psld0 {
    margin-top: 3vw;
  }
}
#gallery .sec1 section .secinner #slide2 {
  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;
  width: 100%;
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 584px) {
  #gallery .sec1 section .secinner #slide2 {
    width: 84vw;
  }
}
#gallery .sec1 section .secinner #slide2 .slide-item {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 11.75%;
  cursor: pointer;
}
#gallery .sec1 section .secinner #slide2 .slide-item:nth-child(n+9) {
  margin-top: 0.8571428571%;
}
@media screen and (max-width: 584px) {
  #gallery .sec1 section .secinner #slide2 .slide-item {
    float: none;
  }
}
#gallery .sec1 section .secinner #slide2 .slide-item img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}
#gallery .sec1 section .secinner #slide2 .slide-item:last-child {
  margin-right: 0;
}
#gallery .sec1 section .secinner #slide2 .slide-item::after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  background-color: rgba(18, 0, 0, 0.6);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#gallery .sec1 section .secinner #slide2 .slide-item p {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 16px;
  text-align: center;
  width: 100%;
  z-index: 3;
  color: #ffffff;
  text-shadow: 1px 1px 1px rgb(0, 0, 0), -1px -1px 1px rgb(0, 0, 0), 1px -1px 1px rgb(0, 0, 0), -1px 1px 1px rgb(0, 0, 0), 0px 0px 3px rgb(0, 0, 0);
  -moz-text-shadow: 1px 1px 1px rgb(0, 0, 0), -1px -1px 1px rgb(0, 0, 0), 1px -1px 1px rgb(0, 0, 0), -1px 1px 1px rgb(0, 0, 0), 0px 0px 3px rgb(0, 0, 0);
  -webkit-text-shadow: 1px 1px 1px rgb(0, 0, 0), -1px -1px 1px rgb(0, 0, 0), 1px -1px 1px rgb(0, 0, 0), -1px 1px 1px rgb(0, 0, 0), 0px 0px 3px rgb(0, 0, 0);
}
#gallery .sec1 section .secinner #slide2 .slide-item:hover::after {
  opacity: 0;
}
@media screen and (max-width: 584px) {
  #gallery .sec1 section .secinner #slide2 .slide-item {
    float: none;
    width: 32%;
    margin-bottom: 6px;
  }
}
#gallery .sec1 section .secinner #slide2.s16 .s16::after, #gallery .sec1 section .secinner #slide2.s15 .s15::after, #gallery .sec1 section .secinner #slide2.s14 .s14::after, #gallery .sec1 section .secinner #slide2.s13 .s13::after, #gallery .sec1 section .secinner #slide2.s12 .s12::after, #gallery .sec1 section .secinner #slide2.s11 .s11::after, #gallery .sec1 section .secinner #slide2.s10 .s10::after, #gallery .sec1 section .secinner #slide2.s9 .s9::after, #gallery .sec1 section .secinner #slide2.s8 .s8::after, #gallery .sec1 section .secinner #slide2.s7 .s7::after, #gallery .sec1 section .secinner #slide2.s0 .s0::after, #gallery .sec1 section .secinner #slide2.s1 .s1::after, #gallery .sec1 section .secinner #slide2.s2 .s2::after, #gallery .sec1 section .secinner #slide2.s3 .s3::after, #gallery .sec1 section .secinner #slide2.s4 .s4::after, #gallery .sec1 section .secinner #slide2.s5 .s5::after, #gallery .sec1 section .secinner #slide2.s6 .s6::after {
  opacity: 0;
}
@media screen and (max-width: 768px) {
  #gallery {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #gallery {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #gallery {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #gallery {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #gallery {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #gallery {
    /*@media screen end*/
  }
}

#townlocation .sec1,
#townlocation .sec2,
#townlocation .sec3,
#townlocation .sec4,
#townlocation .sec5 {
  min-width: 1100px;
}
@media screen and (max-width: 768px) {
  #townlocation .sec1,
  #townlocation .sec2,
  #townlocation .sec3,
  #townlocation .sec4,
  #townlocation .sec5 {
    min-width: 100px;
  }
}
#townlocation .ttl {
  line-height: 1.8em;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #townlocation .ttl {
    margin-bottom: 3vw;
  }
}
#townlocation .p3 {
  text-align: center;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  line-height: 2.4em;
}
#townlocation .sec1 .note_sec1d {
  text-align: right;
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .note_sec1d {
    margin-top: 10px;
    position: relative;
    right: auto;
    bottom: auto;
  }
}
#townlocation .sec1 .sec1dsp {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 3vw;
}
#townlocation .sec1 .sec1dsp img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}
#townlocation .sec1 .inote_34 {
  position: absolute;
  left: 0;
  top: 50px;
  z-index: 2;
  background-color: #46392E;
  color: #fff;
  display: inline-block;
  padding: 8px 6px;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .inote_34 {
    position: relative;
    top: auto;
    left: auto;
    font-size: 3vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#townlocation .sec1 .sec1d0 {
  position: relative;
  margin-bottom: 40px;
}
#townlocation .sec1 .sec1d0 .i_34 {
  position: relative;
  width: auto;
}
#townlocation .sec1 .sec1d0 .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
}
#townlocation .sec1 .sec1d0 .cv {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0.5;
}
#townlocation .sec1 .sec1d0 .pnoi {
  position: absolute;
  z-index: 15;
  width: 100%;
  max-width: 400px;
  left: 50%;
  top: 50%;
  pointer-events: none;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
#townlocation .sec1 .sec1d0 .pnoi .cls {
  cursor: pointer;
  position: absolute;
  width: 30px;
  height: 30px;
  right: 8px;
  top: 8px;
  z-index: 5;
  background-color: #46392E;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  opacity: 0;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
#townlocation .sec1 .sec1d0 .pnoi .cls::before,
#townlocation .sec1 .sec1d0 .pnoi .cls::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 20px;
  background: #fff;
}
#townlocation .sec1 .sec1d0 .pnoi .cls::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
#townlocation .sec1 .sec1d0 .pnoi .cls::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .sec1d0 .pnoi {
    width: 90%;
  }
}
#townlocation .sec1 .sec1d0 .pnoi .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  opacity: 0;
}
#townlocation .sec1 .sec1d0 .pnoi ul {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#townlocation .sec1 .sec1d0 .pnoi ul li {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  background-size: 100%;
  background-position: center center;
  background-image: url("../img/townlocation/img_32.png");
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
}
#townlocation .sec1 .sec1d0 .pnoi ul li:nth-child(2) {
  background-image: url("../img/townlocation/img_33.png");
}
#townlocation .sec1 .sec1d0 .pnoi ul li:nth-child(3) {
  background-image: url("../img/townlocation/img_34.png");
}
#townlocation .sec1 .sec1d0 .pnoi ul li:nth-child(4) {
  background-image: url("../img/townlocation/img_35.png");
}
#townlocation .sec1 .sec1d0 .pnoi ul li:nth-child(5) {
  background-image: url("../img/townlocation/img_36.png");
}
#townlocation .sec1 .sec1d0 .pnoi ul li:nth-child(6) {
  background-image: url("../img/townlocation/img_37.png");
}
#townlocation .sec1 .sec1d0 .pno {
  width: 40px;
  height: 40px;
  position: absolute;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .sec1d0 .pno {
    width: 30px;
    height: 30px;
  }
}
#townlocation .sec1 .sec1d0 .pno::after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background-size: 100%;
  background-position: center center;
  background-image: url("../img/townlocation/img_34_n1.png");
  content: "";
}
#townlocation .sec1 .sec1d0 .pno::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.97);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.97);
  border-radius: 100%;
  opacity: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-animation: scbtani 2s infinite;
  animation: scbtani 2s infinite;
  border: 1px solid #B4B4B4;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.8);
}
#townlocation .sec1 .sec1d0 .pno.n1 {
  left: 66.3%;
  top: 47%;
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .sec1d0 .pno.n1 {
    left: 450px;
    top: 166px;
  }
}
#townlocation .sec1 .sec1d0 .pno.n2 {
  left: 65%;
  top: 28.5%;
}
#townlocation .sec1 .sec1d0 .pno.n2::after {
  background-image: url("../img/townlocation/img_34_n2.png");
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .sec1d0 .pno.n2 {
    left: 440px;
    top: 70px;
  }
}
#townlocation .sec1 .sec1d0 .pno.n3 {
  left: 23.7%;
  top: 32.8%;
}
#townlocation .sec1 .sec1d0 .pno.n3::after {
  background-image: url("../img/townlocation/img_34_n3.png");
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .sec1d0 .pno.n3 {
    left: 140px;
    top: 95px;
  }
}
#townlocation .sec1 .sec1d0 .pno.n3.n32 {
  left: 23.7%;
  top: 32.8%;
}
#townlocation .sec1 .sec1d0 .pno.n3.n32::after {
  background-image: url("../img/townlocation/img_34_n3.png");
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .sec1d0 .pno.n3.n32 {
    left: 140px;
    top: 95px;
  }
}
#townlocation .sec1 .sec1d0 .pno.n4 {
  left: 45.5%;
  top: 32.5%;
}
#townlocation .sec1 .sec1d0 .pno.n4::after {
  background-image: url("../img/townlocation/img_34_n4.png");
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .sec1d0 .pno.n4 {
    left: 296px;
    top: 90px;
  }
}
#townlocation .sec1 .sec1d0 .pno.n5 {
  left: 27.7%;
  top: 32.8%;
}
#townlocation .sec1 .sec1d0 .pno.n5::after {
  background-image: url("../img/townlocation/img_34_n5.png");
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .sec1d0 .pno.n5 {
    left: 175px;
    top: 95px;
  }
}
#townlocation .sec1 .sec1d0 .pno.n6 {
  left: 25.6%;
  top: 24.9%;
}
#townlocation .sec1 .sec1d0 .pno.n6::after {
  background-image: url("../img/townlocation/img_34_n6.png");
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .sec1d0 .pno.n6 {
    left: 156px;
    top: 54px;
  }
}
#townlocation .sec1 .sec1d0.a6 .pnoi, #townlocation .sec1 .sec1d0.a5 .pnoi, #townlocation .sec1 .sec1d0.a4 .pnoi, #townlocation .sec1 .sec1d0.a3 .pnoi, #townlocation .sec1 .sec1d0.a2 .pnoi, #townlocation .sec1 .sec1d0.a1 .pnoi {
  pointer-events: auto;
}
#townlocation .sec1 .sec1d0.a6 .pnoi .cls, #townlocation .sec1 .sec1d0.a5 .pnoi .cls, #townlocation .sec1 .sec1d0.a4 .pnoi .cls, #townlocation .sec1 .sec1d0.a3 .pnoi .cls, #townlocation .sec1 .sec1d0.a2 .pnoi .cls, #townlocation .sec1 .sec1d0.a1 .pnoi .cls {
  -webkit-transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1);
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
}
#townlocation .sec1 .sec1d0.a6 .pnoi li:nth-child(6), #townlocation .sec1 .sec1d0.a5 .pnoi li:nth-child(5), #townlocation .sec1 .sec1d0.a4 .pnoi li:nth-child(4), #townlocation .sec1 .sec1d0.a3 .pnoi li:nth-child(3), #townlocation .sec1 .sec1d0.a2 .pnoi li:nth-child(2), #townlocation .sec1 .sec1d0.a1 .pnoi li:nth-child(1) {
  opacity: 1;
  -webkit-transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1);
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
#townlocation .sec1 .sec1d0.a6 .sec1d > .bg, #townlocation .sec1 .sec1d0.a5 .sec1d > .bg, #townlocation .sec1 .sec1d0.a4 .sec1d > .bg, #townlocation .sec1 .sec1d0.a3 .sec1d > .bg, #townlocation .sec1 .sec1d0.a2 .sec1d > .bg, #townlocation .sec1 .sec1d0.a1 .sec1d > .bg {
  opacity: 0.5;
}
#townlocation .sec1 .sec1d0.a6 .pno, #townlocation .sec1 .sec1d0.a5 .pno, #townlocation .sec1 .sec1d0.a4 .pno, #townlocation .sec1 .sec1d0.a3 .pno, #townlocation .sec1 .sec1d0.a2 .pno, #townlocation .sec1 .sec1d0.a1 .pno {
  pointer-events: none;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .sec1d0 .sec1d {
    overflow: auto;
  }
  #townlocation .sec1 .sec1d0 .sec1d .bg0 {
    width: auto !important;
    height: 420px;
  }
}
@-webkit-keyframes scbtani {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    width: 160%;
    height: 160%;
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scbtani {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    width: 160%;
    height: 160%;
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#townlocation .sec1 .sec1c {
  position: relative;
  width: 100%;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
  margin: 80px auto;
  margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .sec1c {
    margin: 8vw auto;
  }
}
#townlocation .sec1 .sec1c .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
}
#townlocation .sec1 .sec1c .cv {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
}
#townlocation .sec1 .sec1c .thim {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
#townlocation .sec1 .sec1c .thim2 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
#townlocation .sec1 .sec1c .thim3 {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
#townlocation .sec1 .sec1c .thim4 {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
#townlocation .sec1 .secinner {
  padding-bottom: 0;
}
#townlocation .sec1 .p1 {
  color: #355497;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: 24px;
  line-height: 1.6em;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .p1 {
    margin-top: 6vw;
    font-size: 6vw;
    line-height: 1.5em;
  }
}
#townlocation .sec1 .i_01 {
  width: 30%;
  max-width: 180px;
  overflow: visible;
  position: absolute;
  right: 0;
  top: 120px;
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .i_01 {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    right: auto;
    top: auto;
    margin-top: 20px;
    width: 40%;
    max-width: 240px;
  }
}
#townlocation .sec1 .i_01 .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
}
#townlocation .sec1 .i_01 .cv {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#townlocation .sec1 .i_03 {
  margin-top: 60px;
}
#townlocation .sec1 .sec1e {
  margin-top: 0px;
  background-color: #E3E8F5;
  padding: 40px;
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .sec1e {
    padding: 6vw;
  }
}
#townlocation .sec1 .sec1e ul {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#townlocation .sec1 .sec1e ul li {
  width: 30%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 20px;
}
#townlocation .sec1 .sec1e ul li img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .sec1e ul li {
    width: 100%;
  }
  #townlocation .sec1 .sec1e ul li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .sec1e {
    padding: 6vw;
    margin-top: 6vw;
  }
}
#townlocation .sec1 .sec1a {
  margin-top: 60px;
  background-color: #E3E8F5;
  padding: 40px;
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .sec1a {
    padding: 6vw;
    margin-top: 6vw;
  }
}
#townlocation .sec1 .sec1b {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
#townlocation .sec1 .sec1b li {
  width: 23%;
  position: relative;
  padding-bottom: 210px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .sec1b li {
    width: 100%;
    padding-bottom: 6vw;
  }
}
#townlocation .sec1 .sec1b li h4 {
  margin-bottom: 10px;
  color: #7A6A56;
  padding-left: 26px;
  position: relative;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
#townlocation .sec1 .sec1b li h4 span {
  position: absolute;
  left: 0;
  top: -3px;
  background-color: #7A6A56;
  width: 22px;
  height: 22px;
  color: #fff;
  border: 1px solid #FFFFFF;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1em;
}
#townlocation .sec1 .sec1b li .p3 {
  line-height: 1.4em;
  text-align: left !important;
  margin-bottom: 10px;
  font-size: 13px;
}
#townlocation .sec1 .sec1b li figure {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  #townlocation .sec1 .sec1b li figure {
    position: relative;
    left: auto;
    bottom: auto;
  }
}
#townlocation h3 {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
}
#townlocation h3 img {
  display: block;
  vertical-align: bottom;
  width: auto;
  height: 28px;
}
@media screen and (max-width: 768px) {
  #townlocation h3 img {
    height: auto;
    width: 100%;
  }
}
#townlocation ._sp11 {
  display: none;
}
@media screen and (max-width: 1100px) {
  #townlocation ._sp11 {
    display: block;
  }
}
#townlocation .ttlb1 {
  position: relative;
}
#townlocation .ttlb1.sty2 {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  #townlocation .ttlb1.sty2 {
    margin-bottom: 6vw;
  }
}
#townlocation .ttlb1 .slogo2 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 38%;
  max-width: 400px;
}
@media screen and (max-width: 768px) {
  #townlocation .ttlb1 .slogo2 {
    position: relative;
    right: auto;
    left: 0;
    bottom: auto;
    margin-top: 20px;
    width: 90%;
    max-width: 340px;
    margin-left: 0;
    margin-right: auto;
  }
}
#townlocation .ttlb1 .ttl {
  text-align: left;
  margin-bottom: 10px;
}
#townlocation .ttlb1 .p3 {
  width: 62%;
  text-align: left;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  #townlocation .ttlb1 .p3 {
    width: 100%;
  }
}
#townlocation .ttlb1 .p3.sty2 {
  width: 100%;
}
#townlocation .h3t {
  position: relative;
}
#townlocation .h3t span {
  position: relative;
  background-color: #fff;
  z-index: 3;
}
#townlocation .h3t::before {
  width: 100%;
  height: 1px;
  content: "";
  background-color: #ccc;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#townlocation .slist {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #townlocation .slist.spmt0 {
    margin-top: 0 !important;
  }
}
#townlocation .slist.sty2 {
  margin-top: 60px;
}
#townlocation .slist.sty3 {
  margin-top: 30px;
}
#townlocation .slist li {
  width: 32%;
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #townlocation .slist li {
    width: 100%;
  }
}
#townlocation .slist li.cr2 {
  width: 49%;
}
@media screen and (max-width: 768px) {
  #townlocation .slist li.cr2 {
    margin-bottom: 0;
  }
  #townlocation .slist li.cr2.sty2 {
    padding-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  #townlocation .slist li.sp100 {
    width: 100%;
  }
}
#townlocation .slist li.cr3 {
  width: 26%;
}
@media screen and (max-width: 768px) {
  #townlocation .slist li.cr3 {
    width: 100% !important;
  }
}
#townlocation .slist li.cr7 {
  width: 70%;
}
@media screen and (max-width: 768px) {
  #townlocation .slist li.cr7 {
    width: 100%;
  }
  #townlocation .slist li.cr7 figure {
    width: 100vw;
    margin-left: calc(-1 * (100vw - 100%) / 2);
  }
}
#townlocation .slist li.logo figure {
  width: 15%;
  min-width: 140px;
}
#townlocation .slist li.logo2 figure {
  width: 13%;
  min-width: 130px;
}
#townlocation .slist li.cr1 {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #townlocation .slist li.cr1 {
    margin-top: 10px;
  }
}
#townlocation .slist li.cr1_sp {
  margin: 0;
  font-size: clamp(14px, 3vw, 16px);
  color: #33A6D1;
  margin-bottom: 0px;
}
#townlocation .slist li.cr4 {
  width: 24%;
}
@media screen and (max-width: 768px) {
  #townlocation .slist li.cr4 {
    width: 49%;
    margin-bottom: 0;
  }
  #townlocation .slist li.cr4.sty2 {
    padding-top: 30px;
  }
  #townlocation .slist li.cr4.pt_40 {
    padding-top: 40px;
  }
}
#townlocation .slist li.cr5 {
  width: 45%;
}
#townlocation .slist li.cr5 .box .p2 .small {
  font-size: 14px;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 768px) {
  #townlocation .slist li.cr5 {
    width: 100%;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #townlocation .slist li.cr5 .slogo_cover figure img {
    width: 100%;
  }
}
#townlocation .slist li.cr5 .text {
  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;
  width: 86%;
  margin-inline: auto;
  margin-top: 10px;
}
#townlocation .slist li.cr5 .text p {
  text-transform: uppercase;
}
#townlocation .slist li.cr5 .text .p1 {
  background-color: #33A6D1;
  color: #fff;
  padding: 0px 11px;
  border-radius: 4px;
  font-size: clamp(15px, 3vw, 16px);
}
#townlocation .slist li.cr5 .text .p2 {
  color: #33A6D1;
  font-size: clamp(15px, 3vw, 16px);
  text-align: center;
  width: 100%;
}
#townlocation .slist li.cr5 .box .p1,
#townlocation .slist li.cr5 .box .p2 {
  width: 86%;
  margin: 0 auto;
}
#townlocation .slist li.cr5 .box .p1 {
  font-size: clamp(12px, 3vw, 14px);
  color: #33A6D1;
  margin-bottom: 10px;
}
#townlocation .slist li.cr5 .box .p2 {
  margin-top: 10px;
  font-size: clamp(13px, 3vw, 14px);
  letter-spacing: 0.05em;
  line-height: 1.5em;
}
#townlocation .slist li.cr5_2 .box {
  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;
}
@media screen and (max-width: 768px) {
  #townlocation .slist li.cr5_2 .box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#townlocation .slist li.cr5_2 .box .slogo_cover {
  width: 35%;
}
@media screen and (max-width: 768px) {
  #townlocation .slist li.cr5_2 .box .slogo_cover {
    width: 100%;
  }
}
#townlocation .slist li.cr5_2 .box .p2 {
  width: 55%;
  color: #35A7D2;
  text-align: center;
  font-size: clamp(15px, 5vw, 20px);
}
@media screen and (max-width: 768px) {
  #townlocation .slist li.cr5_2 .box .p2 {
    width: 100%;
  }
}
#townlocation .slist li.cr5_2 .box .p2 .span1 {
  font-size: clamp(15px, 5vw, 16px);
  background-color: #35A7D2;
  color: #fff;
  padding: 1px 15px 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  margin-top: 4%;
  display: inline-block;
}
#townlocation .slist li.cr5_2 .box .p2 .span2 {
  font-size: clamp(15px, 5vw, 17px);
}
#townlocation .slist li.cr5_2 .box:first-child {
  margin-bottom: 6%;
}
@media screen and (max-width: 768px) {
  #townlocation .slist li.cr5_2 .box:first-child {
    margin-bottom: 15%;
  }
}
#townlocation .slist li .slogo_cover {
  position: relative;
}
#townlocation .slist li .slogo_cover .new {
  position: absolute;
  z-index: 1;
  left: 5%;
  top: -5%;
}
@media screen and (max-width: 768px) {
  #townlocation .slist li .slogo_cover .new {
    left: 0%;
  }
}
#townlocation .slist li .slogo_cover .new p {
  color: #fff;
  text-transform: uppercase;
  font-size: clamp(12px, 3vw, 14px);
}
#townlocation .slist li .slogo_cover .new::before {
  content: "";
  position: absolute;
  width: 150%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background-color: #33A6D1;
  top: 48%;
  left: 48%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}
#townlocation .slist li .slogo_cover2 .new {
  position: absolute;
  z-index: 1;
  left: -3%;
  top: -3%;
}
#townlocation .slist li .slogo {
  position: relative;
}
#townlocation .slist li .slogo.w100 {
  width: 150%;
}
#townlocation .slist li .slogo.w100 .p1 {
  font-size: clamp(12px, 3vw, 14px);
  color: #33A6D1;
  margin-bottom: 10px;
}
#townlocation .slist li .slogo.w100 img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#townlocation .slist li .slogo img {
  width: 86%;
  margin-left: auto;
  margin-right: auto;
}
#townlocation .slist li h4 {
  text-align: left;
  color: #006D94;
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 1.6em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  #townlocation .slist li h4 {
    font-size: 4.5vw;
  }
}
#townlocation .slist li h4.col2 {
  color: #33A6D1;
}
#townlocation .slist li h4.col3 {
  color: #74A355;
}
#townlocation .slist li h4.col4 {
  color: #E9AC15;
}
#townlocation .slist li h4.col5 {
  color: #00957B;
}
#townlocation .slist li h4 span {
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
  line-height: 1em;
}
@media screen and (max-width: 768px) {
  #townlocation .slist li h4 span {
    font-size: 3.5vw;
  }
}
#townlocation .slist li .ico {
  width: 90px;
  height: 90px;
  position: absolute;
  z-index: 7;
  left: -10px;
  top: -10px;
}
@media screen and (max-width: 768px) {
  #townlocation .slist li .ico {
    width: 70px;
    height: auto;
  }
  #townlocation .slist li .ico.sty2 {
    width: 50px;
    height: auto;
  }
}
#townlocation .slist li .ttl {
  margin-bottom: 0px;
  text-align: left;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  #townlocation .slist li .ttl.spmt6 {
    margin-top: 6vw;
  }
}
#townlocation .slist li .ttl.sty2 {
  height: 100px;
  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;
  color: #00967B;
  font-size: 20px;
  line-height: 1.8em;
}
@media screen and (max-width: 768px) {
  #townlocation .slist li .ttl.sty2 {
    font-size: 4.5vw;
    height: auto;
    margin-bottom: 3vw;
  }
}
#townlocation .slist li .ttl.sty3 {
  color: #00967B;
  font-size: 20px;
  line-height: 1.8em;
}
@media screen and (max-width: 768px) {
  #townlocation .slist li .ttl.sty3 {
    font-size: 4.5vw;
  }
}
#townlocation .slist li .ttl sup span {
  font-size: 12px !important;
}
#townlocation .slist li p.p3 {
  text-align: left;
  font-size: 14px;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  #townlocation .slist li p.p3 {
    font-size: 3.5vw;
  }
}
#townlocation .slist li p.p3.sty2 {
  font-size: clamp(10px, 3.199999992vw, 16px);
  line-height: 2.2em;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #townlocation .slist li p.p3.sty2 {
    font-size: 3.5vw;
    margin-bottom: 6vw;
  }
}
#townlocation .open_area {
  width: 100%;
  position: relative;
}
#townlocation .open_area .inner {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  max-width: 700px;
}
#townlocation .open_area .inner .p1 {
  font-size: clamp(20px, 10vw, 33px);
  color: #33A6D1;
}
#townlocation .open_area .inner .p1 span {
  font-size: clamp(40px, 10vw, 55px);
}
#townlocation .open_area .inner .flbox {
  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;
  width: 100%;
  margin: 0 auto;
}
#townlocation .open_area .inner .flbox .box {
  width: 48%;
  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;
}
#townlocation .open_area .inner .flbox .box .imgbox {
  width: 50%;
  margin: 0 auto;
  position: relative;
}
#townlocation .open_area .inner .flbox .box .imgbox .new {
  position: absolute;
  z-index: 1;
}
#townlocation .open_area .inner .flbox .box .imgbox .new p {
  color: #fff;
}
#townlocation .open_area .inner .flbox .box .imgbox .new::before {
  content: "";
  position: absolute;
  width: 150%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background-color: #33A6D1;
  top: 55%;
  left: 48%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}
#townlocation .open_area .inner .flbox .box .p1 {
  font-size: clamp(13px, 10vw, 22px);
}
#townlocation .note_sti {
  text-align: right;
  color: #000;
  margin-bottom: 60px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  #townlocation .note_sti {
    margin-bottom: 6vw;
  }
}
#townlocation .stab {
  position: relative;
  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;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
#townlocation .stab li {
  width: 24%;
  height: 60px;
  border: 1px solid #FFFFFF;
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
          box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #townlocation .stab li {
    width: 49%;
    height: 50px;
    margin-bottom: 6px;
  }
  #townlocation .stab li:nth-child(3), #townlocation .stab li:last-child {
    margin-bottom: 0;
  }
}
#townlocation .stab li:hover {
  opacity: 0.7;
}
#townlocation .stab li.s1 {
  background: -webkit-gradient(linear, left top, right top, color-stop(0.11%, rgb(0, 178, 173)), color-stop(99.65%, rgb(118, 200, 219)));
  background: linear-gradient(90deg, rgb(0, 178, 173) 0.11%, rgb(118, 200, 219) 99.65%);
}
#townlocation .stab li.s2 {
  background: -webkit-gradient(linear, left top, right top, from(rgb(52, 166, 209)), color-stop(99.91%, rgb(94, 194, 228)));
  background: linear-gradient(90deg, rgb(52, 166, 209) 0%, rgb(94, 194, 228) 99.91%);
}
#townlocation .stab li.s3 {
  background: -webkit-gradient(linear, left top, right top, from(rgb(233, 183, 0)), color-stop(99.67%, rgb(240, 205, 0)));
  background: linear-gradient(90deg, rgb(233, 183, 0) 0%, rgb(240, 205, 0) 99.67%);
}
#townlocation .stab li.s4 {
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 151, 125)), color-stop(99.67%, rgb(63, 180, 148)));
  background: linear-gradient(90deg, rgb(0, 151, 125) 0%, rgb(63, 180, 148) 99.67%);
}
#townlocation .stab li.s5 {
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 151, 125)), color-stop(99.67%, rgb(63, 180, 148)));
  background: linear-gradient(90deg, rgb(0, 151, 125) 0%, rgb(63, 180, 148) 99.67%);
}
#townlocation .stab li a {
  display: block;
  width: 100%;
  height: 100%;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#townlocation .stab li a p {
  text-align: center;
  line-height: 1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  color: #fff;
}
#townlocation .sec2 .secinner {
  padding-bottom: 0;
}
#townlocation .sec2 .sec2a {
  position: relative;
  margin-top: 60px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
#townlocation .sec2 .sec2a > .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  opacity: 0;
}
#townlocation .sec2 .sec2a .cv1 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 7;
  width: auto;
  height: 64px;
}
@media screen and (max-width: 768px) {
  #townlocation .sec2 .sec2a .cv1 {
    height: 40px;
  }
}
#townlocation .sec2 .sec2a .cbg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#townlocation .sec2 .sec2a .cbg li {
  position: absolute;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#townlocation .sec2 .sec2a .cbg li::before {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center center;
  content: "";
}
#townlocation .sec2 .sec2a .cbg li.s1 {
  width: 33%;
  height: 51%;
  border-right: 3px solid #FFFFFF;
  left: 0;
  top: 0;
}
#townlocation .sec2 .sec2a .cbg li.s1::before {
  background-image: url("../img/townlocation/img_08_01.jpg");
}
@media screen and (max-width: 768px) {
  #townlocation .sec2 .sec2a .cbg li.s1 {
    width: 50%;
    height: 34%;
    border-right: 3px solid #FFFFFF;
    top: 33%;
  }
}
#townlocation .sec2 .sec2a .cbg li.s2 {
  border-right: 3px solid #FFFFFF;
  width: 33%;
  height: 51%;
  left: 33%;
  top: 0;
}
#townlocation .sec2 .sec2a .cbg li.s2::before {
  background-image: url("../img/townlocation/img_08_02.jpg");
}
@media screen and (max-width: 768px) {
  #townlocation .sec2 .sec2a .cbg li.s2 {
    width: 50%;
    height: 34%;
    top: 33%;
    left: 50%;
    border-right: none;
  }
}
#townlocation .sec2 .sec2a .cbg li.s3 {
  width: 66%;
  height: 49%;
  left: 0;
  bottom: 0;
  border-top: 3px solid #FFFFFF;
  border-right: 3px solid #FFFFFF;
}
#townlocation .sec2 .sec2a .cbg li.s3::before {
  background-image: url("../img/townlocation/img_08_03.jpg");
}
@media screen and (max-width: 768px) {
  #townlocation .sec2 .sec2a .cbg li.s3 {
    width: 100%;
    left: 0;
    top: auto;
    bottom: 0;
    height: 33%;
  }
}
#townlocation .sec2 .sec2a .cbg li.s4 {
  width: 34%;
  height: 100%;
  right: 0;
  top: 0;
}
#townlocation .sec2 .sec2a .cbg li.s4::before {
  background-image: url("../img/townlocation/img_08_04.jpg");
}
@media screen and (max-width: 768px) {
  #townlocation .sec2 .sec2a .cbg li.s4::before {
    background-image: url("../img/townlocation/img_08_04_sp.jpg");
  }
}
@media screen and (max-width: 768px) {
  #townlocation .sec2 .sec2a .cbg li.s4 {
    width: 100%;
    left: 0;
    top: 0;
    border-bottom: 3px solid #FFFFFF;
    height: 33%;
  }
}
#townlocation .sec2 .sec2a .cbg.ani1::after {
  opacity: 0.5;
  -webkit-transition: 0.6s 1s;
  transition: 0.6s 1s;
}
#townlocation .sec2 .sec2a .cbg.ani1 li::before {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 1s;
  transition: 1s;
}
#townlocation .sec3 .secinner {
  padding-bottom: 0;
}
#townlocation .sec3 .sec3a {
  position: relative;
  margin-top: 60px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
#townlocation .sec3 .sec3a > .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  opacity: 0;
}
#townlocation .sec3 .sec3a .cv1 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 7;
  width: auto;
  height: 130px;
}
@media screen and (max-width: 768px) {
  #townlocation .sec3 .sec3a .cv1 {
    height: 77px;
  }
}
#townlocation .sec3 .sec3a .cbg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#townlocation .sec3 .sec3a .cbg li {
  position: absolute;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#townlocation .sec3 .sec3a .cbg li::before {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center center;
  content: "";
}
#townlocation .sec3 .sec3a .cbg li.s1 {
  width: 34%;
  height: 50%;
  border-right: 3px solid #FFFFFF;
  left: 0;
  top: 0;
  z-index: 3;
}
#townlocation .sec3 .sec3a .cbg li.s1::before {
  background-image: url("../img/townlocation/img_09_01.jpg");
}
@media screen and (max-width: 768px) {
  #townlocation .sec3 .sec3a .cbg li.s1 {
    width: 50%;
    height: 33%;
  }
}
#townlocation .sec3 .sec3a .cbg li.s2 {
  z-index: 3;
  border-right: 3px solid #FFFFFF;
  width: 34%;
  height: 50%;
  border-right: 3px solid #FFFFFF;
  border-top: 3px solid #FFFFFF;
  left: 0;
  bottom: 0;
}
#townlocation .sec3 .sec3a .cbg li.s2::before {
  background-image: url("../img/townlocation/img_09_02.jpg");
}
@media screen and (max-width: 768px) {
  #townlocation .sec3 .sec3a .cbg li.s2 {
    width: 50%;
    height: 33%;
    left: 50%;
    bottom: auto;
    top: 0;
    border-right: none;
    border-top: none;
  }
}
#townlocation .sec3 .sec3a .cbg li.s3 {
  width: 67%;
  height: 49%;
  right: 0;
  top: 0;
  height: 100%;
}
#townlocation .sec3 .sec3a .cbg li.s3::before {
  background-image: url("../img/townlocation/img_09_03.jpg");
}
@media screen and (max-width: 768px) {
  #townlocation .sec3 .sec3a .cbg li.s3 {
    width: 100%;
    height: 67%;
    top: 33%;
    border-top: 3px solid #FFFFFF;
  }
}
#townlocation .sec3 .sec3a .cbg.ani1::after {
  opacity: 0.5;
  -webkit-transition: 0.6s 1s;
  transition: 0.6s 1s;
}
#townlocation .sec3 .sec3a .cbg.ani1 li::before {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 1s;
  transition: 1s;
}
#townlocation .sec4 .secinner {
  padding-bottom: 0;
}
#townlocation .sec4 .sec4a {
  position: relative;
  margin-top: 60px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
#townlocation .sec4 .sec4a > .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  opacity: 0.5;
}
#townlocation .sec4 .sec4a .cv1 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 7;
  width: auto;
  height: 130px;
}
@media screen and (max-width: 768px) {
  #townlocation .sec4 .sec4a .cv1 {
    height: 77px;
  }
}
#townlocation .sec4 .sec4a .cbg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#townlocation .sec4 .sec4a .cbg li {
  position: absolute;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#townlocation .sec4 .sec4a .cbg li::before {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center center;
  content: "";
}
#townlocation .sec4 .sec4a .cbg li.s1 {
  width: 33%;
  height: 100%;
  border-right: 3px solid #FFFFFF;
  left: 0;
  top: 0;
  z-index: 3;
}
#townlocation .sec4 .sec4a .cbg li.s1::before {
  background-image: url("../img/townlocation/img_10_01.jpg");
}
@media screen and (max-width: 768px) {
  #townlocation .sec4 .sec4a .cbg li.s1::before {
    background-image: url("../img/townlocation/img_10_01_sp.jpg");
  }
}
@media screen and (max-width: 768px) {
  #townlocation .sec4 .sec4a .cbg li.s1 {
    width: 100%;
    height: 33%;
    border-right: none;
    border-bottom: 3px solid #FFFFFF;
  }
}
#townlocation .sec4 .sec4a .cbg li.s2 {
  z-index: 3;
  border-right: 3px solid #FFFFFF;
  width: 34%;
  height: 50%;
  border-right: 3px solid #FFFFFF;
  left: 33%;
  top: 0;
}
#townlocation .sec4 .sec4a .cbg li.s2::before {
  background-image: url("../img/townlocation/img_10_02.jpg");
}
@media screen and (max-width: 768px) {
  #townlocation .sec4 .sec4a .cbg li.s2 {
    width: 50%;
    height: 33%;
    left: 0;
    top: 33%;
  }
}
#townlocation .sec4 .sec4a .cbg li.s3 {
  width: 34%;
  height: 50%;
  right: 0;
  top: 0;
}
#townlocation .sec4 .sec4a .cbg li.s3::before {
  background-image: url("../img/townlocation/img_10_03.jpg");
}
@media screen and (max-width: 768px) {
  #townlocation .sec4 .sec4a .cbg li.s3 {
    width: 50%;
    height: 33%;
    top: 33%;
  }
}
#townlocation .sec4 .sec4a .cbg li.s4 {
  width: 67%;
  height: 50%;
  right: 0;
  bottom: 0;
  border-top: 3px solid #FFFFFF;
}
#townlocation .sec4 .sec4a .cbg li.s4::before {
  background-image: url("../img/townlocation/img_10_04.jpg");
}
@media screen and (max-width: 768px) {
  #townlocation .sec4 .sec4a .cbg li.s4 {
    width: 100%;
    height: 34%;
  }
}
#townlocation .sec4 .sec4a .cbg.ani1::after {
  opacity: 0.5;
  -webkit-transition: 0.6s 1s;
  transition: 0.6s 1s;
}
#townlocation .sec4 .sec4a .cbg.ani1 li::before {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 1s;
  transition: 1s;
}
#townlocation .sec5 .sec5b {
  border: 2px solid #00967B;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px;
}
@media screen and (max-width: 768px) {
  #townlocation .sec5 .sec5b {
    margin-top: 6vw;
    padding: 6vw;
  }
}
#townlocation .sec5 .sec5b dl {
  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;
}
#townlocation .sec5 .sec5b dl .ttl {
  color: #00967B;
  font-size: 20px;
  line-height: 1.8em;
  text-align: left;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #townlocation .sec5 .sec5b dl .ttl {
    font-size: 4.5vw;
  }
}
#townlocation .sec5 .sec5b dl .ttl strong {
  font-size: 34px;
}
@media screen and (max-width: 768px) {
  #townlocation .sec5 .sec5b dl .ttl strong {
    font-size: 6vw;
  }
}
#townlocation .sec5 .sec5b dl .p3 {
  text-align: left;
}
#townlocation .sec5 .sec5b dl dt {
  width: 32%;
}
#townlocation .sec5 .sec5b dl dt .note {
  color: #fff;
}
@media screen and (max-width: 768px) {
  #townlocation .sec5 .sec5b dl dt {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
#townlocation .sec5 .sec5b dl dd {
  width: 64%;
}
@media screen and (max-width: 768px) {
  #townlocation .sec5 .sec5b dl dd {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 6vw;
  }
}
#townlocation .sec5 .sec5b dl dd .p3 {
  text-align: left;
  font-size: 14px;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  #townlocation .sec5 .sec5b dl dd .p3 {
    font-size: 3.5vw;
  }
}
#townlocation .sec5 section .secinner > .ttl {
  text-align: left;
  margin-bottom: 0px;
}
#townlocation .sec5 section .secinner > .p3 {
  text-align: left;
}
#townlocation .sec5 .i_25 {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  #townlocation .sec5 .i_25 {
    width: 80% !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
#townlocation .sec5 .sec5a {
  position: relative;
  margin-top: 60px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
#townlocation .sec5 .sec5a > .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  opacity: 0.5;
}
#townlocation .sec5 .sec5a .cv1 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 7;
  width: auto;
  height: 64px;
}
@media screen and (max-width: 768px) {
  #townlocation .sec5 .sec5a .cv1 {
    height: 40px;
  }
}
#townlocation .sec5 .sec5a .cbg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#townlocation .sec5 .sec5a .cbg li {
  position: absolute;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#townlocation .sec5 .sec5a .cbg li::before {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center center;
  content: "";
}
#townlocation .sec5 .sec5a .cbg li.s1 {
  width: 67%;
  height: 100%;
  border-right: 3px solid #FFFFFF;
  left: 0;
  top: 0;
  z-index: 3;
}
#townlocation .sec5 .sec5a .cbg li.s1::before {
  background-image: url("../img/townlocation/img_11_01.jpg");
}
@media screen and (max-width: 768px) {
  #townlocation .sec5 .sec5a .cbg li.s1 {
    width: 100%;
    height: 67%;
    top: 33%;
    left: 0;
    border-right: none;
    border-top: 3px solid #FFFFFF;
  }
}
#townlocation .sec5 .sec5a .cbg li.s2 {
  z-index: 3;
  border-right: 3px solid #FFFFFF;
  width: 33%;
  height: 50%;
  left: 67%;
  top: 0;
}
#townlocation .sec5 .sec5a .cbg li.s2::before {
  background-image: url("../img/townlocation/img_11_02.jpg");
}
@media screen and (max-width: 768px) {
  #townlocation .sec5 .sec5a .cbg li.s2 {
    width: 50%;
    height: 33%;
    top: 0;
    left: 50%;
    border-right: none;
  }
}
#townlocation .sec5 .sec5a .cbg li.s3 {
  width: 33%;
  height: 50%;
  border-top: 3px solid #FFFFFF;
  left: 67%;
  top: 50%;
}
#townlocation .sec5 .sec5a .cbg li.s3::before {
  background-image: url("../img/townlocation/img_11_03.jpg");
}
@media screen and (max-width: 768px) {
  #townlocation .sec5 .sec5a .cbg li.s3 {
    width: 50%;
    height: 33%;
    top: 0;
    left: 0;
    border-top: none;
    border-right: 3px solid #FFFFFF;
  }
}
#townlocation .sec5 .sec5a .cbg.ani1::after {
  opacity: 0.5;
  -webkit-transition: 0.6s 1s;
  transition: 0.6s 1s;
}
#townlocation .sec5 .sec5a .cbg.ani1 li::before {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 1s;
  transition: 1s;
}
@media screen and (max-width: 768px) {
  #townlocation {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #townlocation {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #townlocation {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #townlocation {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #townlocation {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #townlocation {
    /*@media screen end*/
  }
}

#quality .sec1 h3 {
  color: #355497;
  font-size: 36px;
  margin-bottom: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#quality .sec1 h3 .row span {
  padding: 4px 0px !important;
}
@media screen and (max-width: 768px) {
  #quality .sec1 h3 {
    font-size: 7vw;
    margin-bottom: 3vw;
    padding-bottom: 3vw;
  }
}
#quality .sec1 section .secinner {
  padding-bottom: 0;
  max-width: 1300px;
}
#quality .sec1 .i_01 {
  margin-top: 20px;
}
#quality .sec1 .secinner,
#quality .sec3 .secinner,
#quality .sec2 .secinner {
  padding-bottom: 0;
  max-width: 1300px;
}
#quality .h3t {
  position: relative;
  line-height: 2em;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #quality .h3t.spmt6 {
    margin-top: 6vw;
  }
}
#quality .h3t span {
  position: relative;
  background-color: #fff;
  z-index: 3;
  padding-right: 10px;
}
#quality .h3t span.null {
  opacity: 0;
}
#quality .h3t::before {
  width: 100%;
  height: 1px;
  content: "";
  background-color: #ccc;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#quality .ttl {
  line-height: 1.8em;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #quality .ttl {
    margin-bottom: 3vw;
  }
}
#quality .p3 {
  text-align: center;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  line-height: 2.4em;
}
#quality .stab {
  position: relative;
  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;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  #quality .stab {
    margin-bottom: 6vw;
  }
}
#quality .stab li {
  width: 31%;
  height: 60px;
  border: 1px solid #FFFFFF;
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
          box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: -webkit-gradient(linear, left top, right top, from(rgb(42, 79, 147)), color-stop(99.54%, rgb(80, 119, 186)));
  background: linear-gradient(90deg, rgb(42, 79, 147) 0%, rgb(80, 119, 186) 99.54%);
}
@media screen and (max-width: 768px) {
  #quality .stab li {
    width: 33%;
    height: 50px;
    margin-bottom: 6px;
  }
}
#quality .stab li:hover {
  opacity: 0.7;
}
#quality .stab li a {
  display: block;
  width: 100%;
  height: 100%;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#quality .stab li a p {
  text-align: center;
  line-height: 1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #quality .stab li a p {
    font-size: 4vw;
  }
}
#quality .i_13 {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
#quality .i_18 {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
#quality .i_16 {
  width: 30%;
  float: right;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  #quality .i_16 {
    display: block;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-top: 3vw;
  }
}
#quality .i_29 {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
#quality .i_31 {
  padding: 23px 0;
}
#quality .i_32 {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
#quality .i_25 .note {
  right: 42px;
  bottom: 22px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #quality .i_12,
  #quality .i_13 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}
#quality .slistd {
  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;
  background-color: #E3E8F5;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 40px 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #quality .slistd {
    padding: 6vw;
  }
}
#quality .slistd dt {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #quality .slistd dt {
    width: 100%;
    margin-bottom: 6vw;
  }
}
#quality .slistd dt p {
  text-align: left !important;
}
#quality .slistd dd {
  width: 48%;
}
#quality .slistd dd .note {
  color: #fff;
}
@media screen and (max-width: 768px) {
  #quality .slistd dd {
    width: 100%;
  }
}
#quality .slist {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#quality .slist .slista {
  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;
}
#quality .slist .slista dt {
  width: 64%;
}
@media screen and (max-width: 768px) {
  #quality .slist .slista dt.sp100 {
    width: 100% !important;
  }
}
#quality .slist .slista dd {
  width: 30%;
}
@media screen and (max-width: 768px) {
  #quality .slist .slista dd.sp100 {
    width: 100% !important;
  }
}
#quality .slist .slistb {
  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;
}
#quality .slist .slistb dt {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #quality .slist .slistb dt.sp100 {
    width: 100% !important;
  }
}
#quality .slist .slistb dd {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #quality .slist .slistb dd.sp100 {
    width: 100% !important;
  }
}
#quality .slist .slistc {
  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;
  margin-top: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#quality .slist .slistc p {
  text-align: center;
  color: #fff;
  line-height: 1.5em;
}
@media screen and (max-width: 768px) {
  #quality .slist .slistc p {
    font-size: 3.5vw;
  }
  #quality .slist .slistc p.note {
    font-size: 2.5vw;
  }
}
#quality .slist .slistc dt {
  width: 100%;
  background-color: #355497;
  padding: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #quality .slist .slistc dt {
    margin-bottom: 3vw;
  }
}
#quality .slist .slistc dd {
  width: 100%;
  background-color: #355497;
  padding: 10px;
}
#quality .slist.st {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 768px) {
  #quality .slist.spmt0 {
    margin-top: 0 !important;
  }
}
#quality .slist.sty2 {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  #quality .slist.sty2 {
    margin-top: 6vw;
  }
}
#quality .slist.sty3 {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  #quality .slist.sty3 {
    margin-top: 3vw;
  }
}
#quality .slist li {
  width: 32%;
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #quality .slist li {
    width: 100%;
    margin-bottom: 6vw;
  }
  #quality .slist li.spmtb0 {
    margin-bottom: 0 !important;
  }
  #quality .slist li.spmt6 {
    margin-top: 6vw;
  }
}
#quality .slist li.bd {
  border: 1px solid #355497;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  #quality .slist li.bd {
    padding: 6vw;
  }
}
#quality .slist li.mb0 {
  margin-bottom: 0;
}
#quality .slist li.mb2 {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #quality .slist li.mb2 {
    margin-bottom: 3vw;
  }
}
#quality .slist li.cr2 {
  width: 49%;
}
#quality .slist li.cr2.w4 {
  width: 44%;
}
#quality .slist li.cr2.w5 {
  width: 46%;
}
#quality .slist li.cr2.w6 {
  width: 52%;
}
@media screen and (max-width: 768px) {
  #quality .slist li.cr2 {
    margin-bottom: 0;
  }
  #quality .slist li.cr2.sty2 {
    padding-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  #quality .slist li.sp100 {
    width: 100% !important;
  }
}
#quality .slist li.cr3 {
  width: 26%;
}
@media screen and (max-width: 768px) {
  #quality .slist li.cr3 {
    width: 100% !important;
  }
}
#quality .slist li.cr7 {
  width: 70%;
}
@media screen and (max-width: 768px) {
  #quality .slist li.cr7 {
    width: 100%;
  }
  #quality .slist li.cr7 figure {
    width: 100vw;
    margin-left: calc(-1 * (100vw - 100%) / 2);
  }
}
#quality .slist li.cr1 {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #quality .slist li.cr1 {
    margin-top: 10px;
  }
}
#quality .slist li.cr4 {
  width: 24%;
}
#quality .slist li.cr4.sty2 {
  width: 22%;
}
@media screen and (max-width: 768px) {
  #quality .slist li.cr4 {
    width: 49%;
    margin-bottom: 0;
  }
  #quality .slist li.cr4.sty2 {
    padding-top: 30px;
  }
}
#quality .slist li.cr4a {
  width: 26%;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #quality .slist li.cr4a {
    width: 100%;
  }
}
#quality .slist li.cr4b {
  width: 14%;
  margin-bottom: 0;
}
#quality .slist li.cr4b figure {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #quality .slist li.cr4b {
    width: 100%;
  }
}
#quality .slist li.cr4c {
  width: 20%;
  margin-bottom: 0;
}
#quality .slist li.cr4c figure {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  #quality .slist li.cr4c {
    width: 100%;
  }
}
#quality .slist li.cr4d {
  width: 28%;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #quality .slist li.cr4d {
    width: 100%;
  }
}
#quality .slist li .slogo img {
  width: 86%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #quality .slist li .slogo img {
    width: 64%;
  }
}
#quality .slist li h4 {
  color: #355497;
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 1.6em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  text-align: center;
}
#quality .slist li h4 small {
  display: block;
  font-size: 12px;
}
#quality .slist li h4 i {
  font-style: normal;
  background-color: #355497;
  display: inline-block;
  width: 22px;
  height: 22px;
  color: #fff;
  text-align: center;
  line-height: 22px;
  font-size: 16px;
  margin-right: 6px;
}
#quality .slist li h4.tl {
  text-align: left;
}
#quality .slist li h4.mt2 {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  #quality .slist li h4 {
    font-size: 4.5vw;
    text-align: left !important;
  }
  #quality .slist li h4.spmtb0 {
    margin: 0 !important;
  }
}
#quality .slist li h4 span {
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
  line-height: 1em;
}
@media screen and (max-width: 768px) {
  #quality .slist li h4 span {
    font-size: 3.5vw;
  }
}
#quality .slist li .ico {
  width: 90px;
  height: 90px;
  position: absolute;
  z-index: 7;
  left: -10px;
  top: -10px;
}
@media screen and (max-width: 768px) {
  #quality .slist li .ico {
    width: 50px;
    height: 50px;
  }
}
#quality .slist li figure {
  margin-top: 20px;
  margin-bottom: 10px;
}
#quality .slist li .ttl {
  margin-bottom: 0px;
  text-align: left;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  #quality .slist li .ttl.spmt6 {
    margin-top: 6vw;
  }
}
#quality .slist li .ttl.sty2 {
  height: 100px;
  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;
  color: #00967B;
  font-size: 20px;
  line-height: 1.8em;
}
@media screen and (max-width: 768px) {
  #quality .slist li .ttl.sty2 {
    font-size: 4.5vw;
    height: auto;
    margin-bottom: 3vw;
  }
}
#quality .slist li .ttl.sty3 {
  color: #00967B;
  font-size: 20px;
  line-height: 1.8em;
}
@media screen and (max-width: 768px) {
  #quality .slist li .ttl.sty3 {
    font-size: 4.5vw;
  }
}
#quality .slist li .ttl sup span {
  font-size: 12px !important;
}
#quality .slist li p.p3 {
  text-align: left;
  font-size: 14px;
  line-height: 1.6em;
  min-height: 96px;
}
#quality .slist li p.p3.mb0 {
  margin-bottom: 10px;
  height: auto;
  min-height: auto;
}
#quality .slist li p.p3.mb00 {
  margin-bottom: 0px;
  height: auto;
  min-height: auto;
}
@media screen and (max-width: 768px) {
  #quality .slist li p.p3 {
    font-size: 3.5vw;
    min-height: auto;
  }
}
#quality .slist li p.p3.sty2 {
  font-size: clamp(10px, 3.199999992vw, 16px);
  line-height: 2.2em;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #quality .slist li p.p3.sty2 {
    font-size: 3.5vw;
    margin-bottom: 6vw;
  }
}
@media screen and (max-width: 768px) {
  #quality {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #quality {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #quality {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #quality {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #quality {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #quality {
    /*@media screen end*/
  }
}

#service .sec1 h3 {
  color: #355497;
  font-size: 36px;
  margin-bottom: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#service .sec1 h3 .row span {
  padding: 4px 0px !important;
}
@media screen and (max-width: 768px) {
  #service .sec1 h3 {
    font-size: 7vw;
    margin-bottom: 3vw;
    padding-bottom: 3vw;
  }
}
#service .sec1 section .secinner {
  padding-bottom: 0;
  max-width: 1300px;
}
#service .sec1 .i_01 {
  margin-top: 20px;
}
#service .sec1 .secinner,
#service .sec3 .secinner,
#service .sec2 .secinner {
  padding-bottom: 0;
  max-width: 1300px;
}
#service .h3t {
  position: relative;
  line-height: 2em;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #service .h3t.spmt6 {
    margin-top: 6vw;
  }
}
#service .h3t span {
  position: relative;
  background-color: #fff;
  z-index: 3;
  padding-right: 10px;
}
#service .h3t span.null {
  opacity: 0;
}
#service .h3t::before {
  width: 100%;
  height: 1px;
  content: "";
  background-color: #ccc;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#service .ttl {
  line-height: 1.8em;
  margin-bottom: 40px;
}
#service .ttl.tl {
  text-align: left !important;
}
#service .ttl.sty3 {
  color: #355497;
  margin-bottom: 10px;
}
#service .ttl.sty2 {
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  color: #355497;
  font-size: 34px;
  margin-bottom: 10px;
  line-height: 1em;
}
@media screen and (max-width: 768px) {
  #service .ttl.sty2 {
    font-size: 7vw;
  }
}
@media screen and (max-width: 768px) {
  #service .ttl {
    margin-bottom: 3vw;
  }
  #service .ttl.spmt8 {
    margin-top: 8vw !important;
  }
}
#service .p2.sty6 {
  min-height: 0 !important;
  margin-top: 20px;
  color: #355497;
  font-size: 20px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  line-height: 1.4em;
}
#service .p3 {
  text-align: center;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  line-height: 2.4em;
}
#service .p3.tl {
  text-align: left !important;
}
#service .p3.sty6 {
  min-height: 0 !important;
  margin-bottom: 20px;
  line-height: 1em;
}
#service .p3.sty5 {
  min-height: 0 !important;
  margin-bottom: 20px;
}
#service .p3.sty3 {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #service .p3.sty3 {
    margin-bottom: 3vw;
  }
}
#service .stab {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  #service .stab {
    margin-bottom: 6vw;
  }
}
#service .stab li {
  width: 31%;
  margin: 2%;
  height: 60px;
  border: 1px solid #FFFFFF;
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
          box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: -webkit-gradient(linear, left top, right top, from(rgb(42, 79, 147)), color-stop(99.54%, rgb(80, 119, 186)));
  background: linear-gradient(90deg, rgb(42, 79, 147) 0%, rgb(80, 119, 186) 99.54%);
}
@media screen and (max-width: 768px) {
  #service .stab li {
    width: 33%;
    height: 50px;
    margin-bottom: 6px;
  }
}
#service .stab li:hover {
  opacity: 0.7;
}
#service .stab li a {
  display: block;
  width: 100%;
  height: 100%;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#service .stab li a p {
  text-align: center;
  line-height: 1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #service .stab li a p {
    font-size: 4vw;
  }
}
#service .slist2 {
  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;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#service .slist2 > li {
  width: 49%;
  background-color: #EAF4FA;
  padding: 30px 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #service .slist2 > li {
    width: 100%;
    padding: 6vw;
  }
}
#service .slist2 > li .p2 {
  font-size: 22px;
  font-size: clamp(1.125rem, 0.75rem + 0.55vw, 1.5rem);
  line-height: 1.4em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  color: #35A7D2;
  padding-left: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.4em;
  position: relative;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #service .slist2 > li .p2 {
    font-size: 4.5vw;
    font-size: 4vw;
  }
}
#service .slist2 > li .p2::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "●";
}
#service .slist5 {
  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;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#service .slist5 > li {
  width: 48%;
  background-color: #E6E8F3;
  padding: 30px 30px;
  margin-bottom: 20px;
}
#service .slist5 > li.sty2 {
  background-color: #fff;
  padding: 0;
}
#service .slist5 > li .slist h4 {
  color: #000 !important;
}
#service .slist5 > li .slist h4.col2 {
  color: #355497 !important;
}
#service .slist5 > li .slist .p3 {
  min-height: 0 !important;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  #service .slist5 > li {
    width: 100%;
    padding: 6vw;
  }
}
#service .slist5 > li .p1 {
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  line-height: 1.5em;
  margin-bottom: 20px;
  font-size: 22px;
  color: #355497;
}
#service .slist5 > li .p1.mb0 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  #service .slist5 > li .p1 {
    font-size: 4.5vw;
  }
}
#service .slist5 > li h4 {
  text-align: center;
  margin: 20px auto;
}
@media screen and (max-width: 768px) {
  #service .slist5 > li h4 {
    margin: 10px auto;
  }
}
#service .slist5 > li p.p3 {
  text-align: left;
  font-size: 14px;
  line-height: 1.6em;
}
#service .slist5 > li p.p3.mb0 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  #service .slist5 > li p.p3 {
    font-size: 3.5vw;
    min-height: auto;
  }
}
#service .slist5 > li .p2 {
  font-size: 22px;
  line-height: 1.4em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  color: #35A7D2;
  padding-left: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.4em;
  position: relative;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #service .slist5 > li .p2 {
    font-size: 4.5vw;
  }
}
#service .slist5 > li .p2::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "●";
}
#service dl.h4t {
  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;
  margin-bottom: 10px;
}
#service dl.h4t dt {
  display: inline-block;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  #service dl.h4t dt {
    margin-right: 10px;
  }
}
#service dl.h4t dt img {
  width: auto;
  height: 60px;
}
@media screen and (max-width: 768px) {
  #service dl.h4t dt img {
    height: 40px;
    height: 34px;
    height: 30px;
  }
}
#service dl.h4t dd {
  display: inline-block;
}
#service dl.h4t dd .p1 {
  font-size: 22px;
  line-height: 1.4em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  #service dl.h4t dd .p1 {
    font-size: 4.5vw;
    font-size: 4vw;
  }
}
#service .note.w {
  color: #fff !important;
}
#service .slist4 {
  position: relative;
  background-color: #355497;
  color: #fff;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  #service .slist4 {
    padding: 6vw;
  }
}
#service .slist4 .p3 {
  min-height: 0 !important;
  margin-bottom: 10px;
}
#service .slist4 .sliste {
  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;
  margin-bottom: 20px;
}
#service .slist4 .sliste dt {
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  #service .slist4 .sliste dt {
    font-size: 4.5vw;
  }
}
#service .slist4 .sliste dd {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  text-align: right;
}
@media screen and (max-width: 768px) {
  #service .slist4 .sliste dd {
    font-size: 4vw;
  }
}
#service .slist3 {
  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;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #service .slist3 {
    margin-bottom: 8vw;
  }
}
#service .slist3 > li {
  width: 100%;
  background-color: #EBF0E3;
  padding: 30px 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #service .slist3 > li {
    width: 100%;
    padding: 6vw;
  }
}
#service .slist3 > li .p2 {
  font-size: 22px;
  font-size: clamp(1.125rem, 0.75rem + 0.55vw, 1.5rem);
  line-height: 1.4em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  color: #74A455;
  padding-left: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.4em;
  position: relative;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #service .slist3 > li .p2 {
    font-size: 4.5vw;
  }
}
#service .slist3 > li .p2::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "●";
}
#service .supT {
  display: inline-block;
  font-size: 10px;
  line-height: 1em;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
#service ._sp12 {
  display: none;
}
@media screen and (max-width: 1200px) {
  #service ._sp12 {
    display: block;
  }
}
#service .slistd {
  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;
  background-color: #E3E8F5;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 40px 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #service .slistd {
    padding: 6vw;
  }
}
#service .slistd dt {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #service .slistd dt {
    width: 100%;
    margin-bottom: 6vw;
  }
}
#service .slistd dt p {
  text-align: left !important;
}
#service .slistd dd {
  width: 48%;
}
#service .slistd dd .note {
  color: #fff;
}
@media screen and (max-width: 768px) {
  #service .slistd dd {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #service .i_08 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6vw !important;
  }
}
@media screen and (max-width: 768px) {
  #service .i_52 {
    margin-bottom: 60px !important;
  }
}
@media screen and (max-width: 768px) {
  #service .i_13 {
    padding-top: 6vw !important;
  }
}
#service .i_10 .note {
  padding-right: 40%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #service .i_03 {
    padding-top: 6vw !important;
    padding-bottom: 6vw !important;
  }
}
@media screen and (max-width: 768px) {
  #service .i_04 {
    padding-top: 6vw !important;
  }
}
@media screen and (max-width: 768px) {
  #service .i_02,
  #service .i_01 {
    padding-top: 6vw !important;
  }
}
@media screen and (max-width: 768px) {
  #service .i_06 {
    height: 160px;
    padding-top: 6vw !important;
  }
}
#service .note_32 {
  text-align: right;
  margin-top: 10px;
}
#service .note_04 {
  text-align: right;
  margin-bottom: 80px;
  margin-top: 10px;
}
#service .bhr {
  position: relative;
  padding: 0;
  margin-bottom: 40px;
}
#service .bhr::before {
  width: 100%;
  height: 1px;
  content: "";
  background-color: #ccc;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#service .slistico {
  background-color: #74A455;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  padding: 10px 20px;
  position: absolute;
  line-height: 1em;
  right: 30px;
  top: 30px;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  #service .slistico {
    padding: 10px;
    right: 14px;
    top: 14px;
    font-size: 3.5vw;
  }
}
#service .slist {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#service .slist .slista {
  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;
}
#service .slist .slista dt {
  width: 64%;
}
@media screen and (max-width: 768px) {
  #service .slist .slista dt.sp100 {
    width: 100% !important;
  }
}
#service .slist .slista dd {
  width: 30%;
}
@media screen and (max-width: 768px) {
  #service .slist .slista dd.sp100 {
    width: 100% !important;
  }
}
#service .slist .slistb {
  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;
}
#service .slist .slistb dt {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #service .slist .slistb dt.sp100 {
    width: 100% !important;
  }
}
#service .slist .slistb dd {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #service .slist .slistb dd.sp100 {
    width: 100% !important;
  }
}
#service .slist .slistc {
  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;
  margin-top: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#service .slist .slistc p {
  text-align: center;
  color: #fff;
  line-height: 1.5em;
}
@media screen and (max-width: 768px) {
  #service .slist .slistc p {
    font-size: 3.5vw;
  }
  #service .slist .slistc p.note {
    font-size: 2.5vw;
  }
}
#service .slist .slistc dt {
  width: 100%;
  background-color: #355497;
  padding: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #service .slist .slistc dt {
    margin-bottom: 3vw;
  }
}
#service .slist .slistc dd {
  width: 100%;
  background-color: #355497;
  padding: 10px;
}
#service .slist.st {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 768px) {
  #service .slist.spmt0 {
    margin-top: 0 !important;
  }
}
#service .slist.sty2 {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  #service .slist.sty2 {
    margin-top: 6vw;
  }
}
#service .slist.sty3 {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  #service .slist.sty3 {
    margin-top: 3vw;
  }
}
#service .slist li {
  width: 32%;
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #service .slist li {
    width: 100%;
    margin-bottom: 6vw;
  }
  #service .slist li.spmtb0 {
    margin-bottom: 0 !important;
  }
  #service .slist li.spmt6 {
    margin-top: 6vw;
  }
}
#service .slist li.bd {
  border: 1px solid #355497;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  #service .slist li.bd {
    padding: 6vw;
  }
}
#service .slist li.mb0 {
  margin-bottom: 0;
}
#service .slist li.mb2 {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #service .slist li.mb2 {
    margin-bottom: 3vw;
  }
}
#service .slist li.cr2 {
  width: 49%;
}
#service .slist li.cr2.w4 {
  width: 44%;
}
#service .slist li.cr2.w48 {
  width: 48%;
}
#service .slist li.cr2.w5 {
  width: 46%;
}
@media screen and (max-width: 768px) {
  #service .slist li.cr2.w5 {
    width: 48%;
  }
}
#service .slist li.cr2.w36 {
  width: 36%;
}
#service .slist li.cr2.w56 {
  width: 56%;
}
#service .slist li.cr2.w6 {
  width: 52%;
}
@media screen and (max-width: 768px) {
  #service .slist li.cr2 {
    margin-bottom: 0;
  }
  #service .slist li.cr2.sty2 {
    padding-top: 30px;
  }
}
#service .slist li.sty4 {
  background-color: #E6E8F3;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  #service .slist li.sty4 {
    padding: 6vw;
  }
}
#service .slist li.sty4 h4 {
  margin: 0 !important;
  margin-bottom: 10px !important;
}
@media screen and (max-width: 768px) {
  #service .slist li.sp100 {
    width: 100% !important;
  }
}
#service .slist li.cr3 {
  width: 26%;
}
@media screen and (max-width: 768px) {
  #service .slist li.cr3 {
    width: 100% !important;
  }
}
#service .slist li.cr32 {
  width: 29%;
}
@media screen and (max-width: 768px) {
  #service .slist li.cr32 {
    width: 100% !important;
  }
}
#service .slist li.cr7 {
  width: 70%;
}
@media screen and (max-width: 768px) {
  #service .slist li.cr7 {
    width: 100%;
  }
  #service .slist li.cr7 figure {
    width: 100vw;
    margin-left: calc(-1 * (100vw - 100%) / 2);
  }
}
#service .slist li.cr1 {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #service .slist li.cr1 {
    margin-top: 10px;
  }
}
#service .slist li.cr4 {
  width: 24%;
}
#service .slist li.cr4.sty2 {
  width: 22%;
}
@media screen and (max-width: 768px) {
  #service .slist li.cr4.sty2 {
    width: 48% !important;
  }
}
@media screen and (max-width: 768px) {
  #service .slist li.cr4 {
    width: 49%;
    margin-bottom: 0;
  }
  #service .slist li.cr4.sty2 {
    padding-top: 30px;
  }
  #service .slist li.cr4.sty2.spmt0 {
    padding-top: 0px !important;
  }
}
#service .slist li.cr4a {
  width: 26%;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #service .slist li.cr4a {
    width: 100%;
  }
}
#service .slist li.cr4b {
  width: 14%;
  margin-bottom: 0;
}
#service .slist li.cr4b figure {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #service .slist li.cr4b {
    width: 100%;
  }
}
#service .slist li.cr4c {
  width: 20%;
  margin-bottom: 0;
}
#service .slist li.cr4c figure {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  #service .slist li.cr4c {
    width: 100%;
  }
}
#service .slist li.cr4d {
  width: 28%;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #service .slist li.cr4d {
    width: 100%;
  }
}
#service .slist li .slogo img {
  width: 86%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #service .slist li .slogo img {
    width: 64%;
  }
}
#service .slist li h4 {
  color: #355497;
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 1.6em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  text-align: center;
}
#service .slist li h4 small {
  display: block;
  font-size: 12px;
}
#service .slist li h4 i {
  font-style: normal;
  background-color: #355497;
  display: inline-block;
  width: 22px;
  height: 22px;
  color: #fff;
  text-align: center;
  line-height: 22px;
  font-size: 16px;
  margin-right: 6px;
}
#service .slist li h4.tl {
  text-align: left;
}
#service .slist li h4.mt2 {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  #service .slist li h4 {
    font-size: 4.5vw;
    text-align: left !important;
  }
  #service .slist li h4.spmtb0 {
    margin: 0 !important;
  }
}
#service .slist li h4 span {
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
  line-height: 1em;
}
@media screen and (max-width: 768px) {
  #service .slist li h4 span {
    font-size: 3.5vw;
  }
}
#service .slist li .ico {
  width: 90px;
  height: 90px;
  position: absolute;
  z-index: 7;
  left: -10px;
  top: -10px;
}
@media screen and (max-width: 768px) {
  #service .slist li .ico {
    width: 50px;
    height: 50px;
  }
}
#service .slist li figure {
  margin-top: 20px;
  margin-bottom: 10px;
}
#service .slist li figure.mtb0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
@media screen and (max-width: 768px) {
  #service .slist li figure.mtb0.i_08 {
    margin-top: 6vw !important;
  }
}
#service .slist li figure.mtb0.i_52 {
  margin-bottom: 6vw !important;
}
#service .slist li figure.mt0 {
  margin-top: 0px !important;
}
#service .slist li .ttl {
  margin-bottom: 0px;
  text-align: left;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  #service .slist li .ttl.spmt6 {
    margin-top: 6vw;
  }
}
#service .slist li .ttl.sty2 {
  height: 100px;
  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;
  color: #00967B;
  font-size: 20px;
  line-height: 1.8em;
}
@media screen and (max-width: 768px) {
  #service .slist li .ttl.sty2 {
    font-size: 4.5vw;
    height: auto;
    margin-bottom: 3vw;
  }
}
#service .slist li .ttl.sty3 {
  color: #00967B;
  font-size: 20px;
  line-height: 1.8em;
}
@media screen and (max-width: 768px) {
  #service .slist li .ttl.sty3 {
    font-size: 4.5vw;
  }
}
#service .slist li .ttl sup span {
  font-size: 12px !important;
}
#service .slist li p.p3 {
  text-align: left;
  font-size: 14px;
  line-height: 1.6em;
  min-height: 96px;
}
#service .slist li p.p3.sty4 {
  line-height: 1.8em;
  margin-top: 20px;
  margin-bottom: 10px;
}
#service .slist li p.p3.mb0 {
  margin-bottom: 10px;
  height: auto;
  min-height: auto;
}
#service .slist li p.p3.mb00 {
  margin-bottom: 0px;
  height: auto;
  min-height: auto;
}
@media screen and (max-width: 768px) {
  #service .slist li p.p3 {
    font-size: 3.5vw;
    min-height: auto;
  }
}
#service .slist li p.p3.sty2 {
  font-size: clamp(10px, 3.199999992vw, 16px);
  line-height: 2.2em;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #service .slist li p.p3.sty2 {
    font-size: 3.5vw;
    margin-bottom: 6vw;
  }
}
#service .slist li .p1 {
  color: #355497;
  font-size: 26px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  line-height: 1.6em;
  font-weight: bold;
}
#service .slist li .p4.tlin {
  position: relative;
}
#service .slist li .p4.tlin::before {
  width: 100%;
  height: 1px;
  content: "";
  background-color: #ccc;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
#service .slist li .p4.tlin span {
  position: relative;
  z-index: 2;
  background-color: #fff;
  display: inline-block;
  padding: 0 10px;
  padding-left: 0;
}
#service .slist li .note.sty4 {
  margin-top: 10px;
}
#service .slist li .note.tl {
  text-align: left !important;
  right: auto !important;
  left: 5px !important;
}
@media screen and (max-width: 768px) {
  #service {
    /*@media screen end*/
  }
  #service .spt45 {
    font-size: 4.5vw !important;
  }
  #service .spmt0 {
    margin-top: 0 !important;
  }
  #service .spmb0 {
    margin-bottom: 0 !important;
  }
  #service .sptc {
    text-align: center !important;
  }
  #service .slist li h4 {
    text-align: center !important;
  }
  #service .spv100 p {
    position: relative;
    z-index: 3;
  }
  #service .spv100 figure {
    position: relative;
    z-index: 3;
  }
  #service .spv100 h4 {
    position: relative;
    z-index: 3;
  }
  #service .spv100::before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    content: "";
    background-color: #E6E8F3;
    width: 100vw !important;
    left: calc(-1 * (100vw - 100%) / 2);
  }
}
@media screen and (max-width: 768px) {
  #service {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #service {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #service {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #service {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #service {
    /*@media screen end*/
  }
}

#nearlife .pagetitle {
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
}
#nearlife .pagetitle:before {
  display: none;
}
#nearlife .pagetitle .bg {
  position: relative;
  -webkit-transform: scale(1.1) translateY(-50px);
          transform: scale(1.1) translateY(-50px);
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  z-index: 7;
}
#nearlife .pagetitle > ul {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
}
#nearlife .pagetitle > ul li {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
  background-size: cover;
  background-position: center center;
  -webkit-transform: scale(1.1) translateY(50px);
          transform: scale(1.1) translateY(50px);
  opacity: 0;
}
#nearlife .pagetitle > ul li:nth-child(1) {
  background-image: url("../img/nearlife/main_01_02.png");
  -webkit-transform: scale(1.1) translateY(-50px) translateX(50px);
          transform: scale(1.1) translateY(-50px) translateX(50px);
}
@media screen and (max-width: 768px) {
  #nearlife .pagetitle > ul li:nth-child(1) {
    -webkit-transform: scale(1.1) translateY(50px);
            transform: scale(1.1) translateY(50px);
    background-image: url("../img/nearlife/main_01_02_sp.png");
  }
}
#nearlife .pagetitle > ul li:nth-child(2) {
  background-image: url("../img/nearlife/main_01_03.png");
  -webkit-transform: scale(1.1) translateY(50px);
          transform: scale(1.1) translateY(50px);
}
@media screen and (max-width: 768px) {
  #nearlife .pagetitle > ul li:nth-child(2) {
    -webkit-transform: scale(1.1) translateY(50px);
            transform: scale(1.1) translateY(50px);
    background-image: url("../img/nearlife/main_01_03_sp.png");
  }
}
#nearlife .pagetitle > ul li:nth-child(3) {
  -webkit-transform: scale(1.1) translateY(-50px) translateX(-50px);
          transform: scale(1.1) translateY(-50px) translateX(-50px);
  background-image: url("../img/nearlife/main_01_04.png");
}
@media screen and (max-width: 768px) {
  #nearlife .pagetitle > ul li:nth-child(3) {
    -webkit-transform: scale(1.1) translateY(50px);
            transform: scale(1.1) translateY(50px);
    background-image: url("../img/nearlife/main_01_04_sp.png");
  }
}
#nearlife .pagetitle > ul li:nth-child(4) {
  -webkit-transform: scale(1.1) translateY(50px) translateX(50px);
          transform: scale(1.1) translateY(50px) translateX(50px);
  background-image: url("../img/nearlife/main_01_05.png");
}
@media screen and (max-width: 768px) {
  #nearlife .pagetitle > ul li:nth-child(4) {
    background-image: none;
    display: none;
  }
}
#nearlife .pagetitle > ul li:nth-child(5) {
  -webkit-transform: scale(1.1) translateY(50px) translateX(-50px);
          transform: scale(1.1) translateY(50px) translateX(-50px);
  background-image: url("../img/nearlife/main_01_06.png");
}
@media screen and (max-width: 768px) {
  #nearlife .pagetitle > ul li:nth-child(5) {
    background-image: none;
    display: none;
  }
}
#nearlife.cmnShow .pagetitle .bg {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: 2s;
  transition: 2s;
}
#nearlife.cmnShow .pagetitle .bg img {
  opacity: 1;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
#nearlife.cmnShow .pagetitle > ul li {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  opacity: 1;
  -webkit-transition: 2s;
  transition: 2s;
}
#nearlife.cmnShow .pagetitle > ul li:nth-child(1) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
#nearlife.cmnShow .pagetitle > ul li:nth-child(2) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
#nearlife.cmnShow .pagetitle > ul li:nth-child(3) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
#nearlife.cmnShow .pagetitle > ul li:nth-child(4) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
#nearlife.cmnShow .pagetitle > ul li:nth-child(5) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
#nearlife .sec1 h3,
#nearlife .sec2 h3,
#nearlife .sec3 h3 {
  color: #006d94;
  font-size: 30px;
  margin-bottom: 40px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#nearlife .sec1 h3 .row span,
#nearlife .sec2 h3 .row span,
#nearlife .sec3 h3 .row span {
  padding: 4px 0px !important;
}
#nearlife .sec1 .p1,
#nearlife .sec2 .p1,
#nearlife .sec3 .p1 {
  font-size: 28px;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .p1,
  #nearlife .sec2 .p1,
  #nearlife .sec3 .p1 {
    font-size: 5vw;
  }
}
#nearlife .sec1 p,
#nearlife .sec2 p,
#nearlife .sec3 p {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .pt3,
  #nearlife .sec2 .pt3,
  #nearlife .sec3 .pt3 {
    font-size: 3vw;
  }
}
#nearlife .sec1 .secinner,
#nearlife .sec2 .secinner,
#nearlife .sec3 .secinner {
  max-width: 1000px;
}
#nearlife .sec1 {
  position: relative;
  overflow: hidden;
}
#nearlife .sec1 .ttl {
  color: #00789a;
  font-size: 40px;
}
#nearlife .sec1 .ttl.sty2 {
  color: #000 !important;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .ttl {
    font-size: 7vw;
    text-align: center;
    margin-top: 3vw;
  }
  #nearlife .sec1 .ttl.sty2 {
    font-size: 6vw;
  }
}
#nearlife .sec1 .p1,
#nearlife .sec1 .p3 {
  text-align: center;
}
#nearlife .sec1 .i_arr_01 {
  width: 60px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin: 60px auto;
}
#nearlife .sec1 .sec1a {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 100px;
}
#nearlife .sec1 .sec1a li {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1a li {
    width: 100%;
  }
  #nearlife .sec1 .sec1a li:nth-child(1) {
    margin-bottom: 6vw;
  }
}
#nearlife .sec1 .sec1a li .p3 {
  margin: 10px auto;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1a li .p3 {
    font-size: 4.2vw;
  }
}
#nearlife .sec1 .sec1a li figure {
  margin-bottom: 20px;
}
#nearlife .sec1 .sec1a li h4 {
  background-color: #00789a;
  color: #fff;
  text-align: center;
  font-size: 18px;
  padding: 8px;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1a li h4 {
    font-size: 5vw;
  }
}
@-webkit-keyframes flt1 {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
@keyframes flt1 {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
@-webkit-keyframes flt2 {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@keyframes flt2 {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
#nearlife .sec1 .sec1f {
  position: relative;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1f {
    width: 100vw;
    margin-left: calc(-1 * (100vw - 100%) / 2);
  }
}
#nearlife .sec1 .sec1f .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
}
#nearlife .sec1 .sec1f .note {
  position: absolute;
  display: inline-block;
  right: 80px;
  bottom: 60px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1f .note {
    right: 20px;
    bottom: 160px;
    text-align: right;
  }
}
#nearlife .sec1 .sec1f ul {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#nearlife .sec1 .sec1f ul li {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center center;
}
#nearlife .sec1 .sec1f ul li > div {
  background-color: #ff0;
  opacity: 0.5;
  position: absolute;
  width: 30%;
  height: 24%;
  z-index: 24;
}
#nearlife .sec1 .sec1f ul li > div a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 24;
}
#nearlife .sec1 .sec1f ul li:nth-child(1) {
  background-image: url("../img/nearlife/s7_02.png");
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1f ul li:nth-child(1) {
    background-image: url("../img/nearlife/s7_02_sp.png");
  }
}
#nearlife .sec1 .sec1f ul li:nth-child(2) {
  animation: flt1 3s ease-in-out infinite alternate-reverse;
  z-index: 21;
  background-image: url("../img/nearlife/s7_03.png");
}
#nearlife .sec1 .sec1f ul li:nth-child(2) > div {
  top: 26%;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1f ul li:nth-child(2) {
    background-image: url("../img/nearlife/s7_03_sp.png");
  }
}
#nearlife .sec1 .sec1f ul li:nth-child(2)::after {
  -webkit-animation: 3s blink infinite cubic-bezier(0.09, 0.41, 0.43, 0.91);
          animation: 3s blink infinite cubic-bezier(0.09, 0.41, 0.43, 0.91);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  background-size: cover;
  background-position: center center;
  content: "";
  background-image: url("../img/nearlife/s7_03_c.png");
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1f ul li:nth-child(2)::after {
    background-image: url("../img/nearlife/s7_03_c_sp.png");
  }
}
#nearlife .sec1 .sec1f ul li:nth-child(3) {
  animation: flt1 2.6s ease-in-out infinite alternate-reverse;
  background-image: url("../img/nearlife/s7_04.png");
  z-index: 21;
}
#nearlife .sec1 .sec1f ul li:nth-child(3) > div {
  top: 74%;
  left: 32%;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1f ul li:nth-child(3) {
    background-image: url("../img/nearlife/s7_04_sp.png");
  }
}
#nearlife .sec1 .sec1f ul li:nth-child(3)::after {
  -webkit-animation: 3s blink infinite cubic-bezier(0.09, 0.41, 0.43, 0.91);
          animation: 3s blink infinite cubic-bezier(0.09, 0.41, 0.43, 0.91);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  background-size: cover;
  background-position: center center;
  content: "";
  background-image: url("../img/nearlife/s7_04_c.png");
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1f ul li:nth-child(3)::after {
    background-image: url("../img/nearlife/s7_04_c_sp.png");
  }
}
#nearlife .sec1 .sec1f ul li:nth-child(4) {
  background-image: url("../img/nearlife/s7_05.png");
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1f ul li:nth-child(4) {
    background-image: url("../img/nearlife/s7_05_sp.png");
  }
}
#nearlife .sec1 .sec1f ul li:nth-child(5) {
  background-image: url("../img/nearlife/s7_06.png");
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1f ul li:nth-child(5) {
    background-image: url("../img/nearlife/s7_06_sp.png");
  }
}
#nearlife .sec1 .sec1f ul li:nth-child(6) {
  z-index: 21;
  animation: flt2 3s ease-in-out infinite alternate-reverse;
  background-image: url("../img/nearlife/s7_07.png");
}
#nearlife .sec1 .sec1f ul li:nth-child(6) > div {
  top: 20%;
  left: 60%;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1f ul li:nth-child(6) {
    background-image: url("../img/nearlife/s7_07_sp.png");
  }
}
#nearlife .sec1 .sec1f ul li:nth-child(6)::after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  background-size: cover;
  background-position: center center;
  content: "";
  background-image: url("../img/nearlife/s7_07_c.png");
  -webkit-animation: 3s blink infinite cubic-bezier(0.09, 0.41, 0.43, 0.91);
          animation: 3s blink infinite cubic-bezier(0.09, 0.41, 0.43, 0.91);
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1f ul li:nth-child(6)::after {
    background-image: url("../img/nearlife/s7_07_c_sp.png");
  }
}
#nearlife .sec1 .sec1g {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 30;
}
#nearlife .sec1 .sec1g .s1 {
  opacity: 0.5;
  position: absolute;
  width: 30%;
  height: 24%;
  z-index: 24;
  top: 28%;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1g .s1 {
    width: 42%;
    height: 20%;
    top: 12%;
  }
}
#nearlife .sec1 .sec1g .s1 a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 24;
}
#nearlife .sec1 .sec1g .s2 {
  opacity: 0.5;
  position: absolute;
  width: 30%;
  height: 24%;
  z-index: 24;
  top: 74%;
  left: 32%;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1g .s2 {
    width: 46%;
    height: 22%;
    left: 48%;
    top: 28%;
  }
}
#nearlife .sec1 .sec1g .s2 a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 24;
}
#nearlife .sec1 .sec1g .s3 {
  opacity: 0.5;
  position: absolute;
  width: 30%;
  height: 24%;
  z-index: 24;
  top: 20%;
  left: 60%;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1g .s3 {
    width: 50%;
    height: 22%;
    left: 4%;
    top: 60%;
  }
}
#nearlife .sec1 .sec1g .s3 a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 24;
}
@-webkit-keyframes blink {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes blink {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0.6;
  }
}
#nearlife .sec1 .sec1b {
  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: 30px;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1b {
    margin-top: 0px;
  }
}
#nearlife .sec1 .sec1b li:nth-child(2) {
  width: calc(100% - 220px);
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1b li:nth-child(2) {
    width: calc(100% - 180px);
  }
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1b li:nth-child(2) p.p1 {
    position: absolute;
    width: 100%;
    font-size: 5vw;
    top: -16vw;
    width: 100vw;
    margin-left: calc(-1 * (100vw - 100%) / 2);
    z-index: 2;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 0;
    white-space: nowrap;
    left: 0;
    text-align: center;
  }
}
#nearlife .sec1 .sec1b li:nth-child(2) p.ttl {
  font-size: 60px;
  margin-bottom: 0;
  line-height: 1;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1b li:nth-child(2) p.ttl {
    font-size: 10vw;
    font-size: 9vw;
    text-align: center;
    line-height: 1.2;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 0;
  }
  #nearlife .sec1 .sec1b li:nth-child(2) p.ttl .brs {
    margin-right: -0.3em;
  }
}
#nearlife .sec1 .sec1b li:nth-child(1) {
  width: 110px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: 2s;
  transition: 2s;
  -webkit-transform: translateX(50px) scale(1.1);
          transform: translateX(50px) scale(1.1);
}
#nearlife .sec1 .sec1b li:nth-child(1).ani1 {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1b li:nth-child(1) {
    width: 90px;
  }
}
#nearlife .sec1 .sec1b li:nth-child(3) {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  width: 110px;
  -webkit-transform: translateX(-50px) scale(1.1);
          transform: translateX(-50px) scale(1.1);
  -webkit-transition: 2s;
  transition: 2s;
}
#nearlife .sec1 .sec1b li:nth-child(3).ani1 {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1b li:nth-child(3) {
    width: 90px;
  }
}
#nearlife .sec1 .sec1c {
  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;
  position: relative;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1c {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#nearlife .sec1 .sec1c li {
  position: relative;
}
#nearlife .sec1 .sec1c li:nth-child(1) {
  width: 40%;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1c li:nth-child(1) {
    width: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
#nearlife .sec1 .sec1c li:nth-child(3) {
  width: 40%;
  z-index: 4;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1c li:nth-child(3) {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
#nearlife .sec1 .sec1c li:nth-child(2) {
  width: 20%;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1c li:nth-child(2) {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 6vw;
  }
  #nearlife .sec1 .sec1c li:nth-child(2) figure {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}
#nearlife .sec1 .sec1d {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#nearlife .sec1 .sec1d li {
  width: 32%;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1d li {
    width: 100%;
    margin-bottom: 6vw;
  }
}
#nearlife .sec1 .sec1d li .p2 {
  text-align: center;
  font-size: 18px;
  line-height: 1.4;
  height: 80px;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#nearlife .sec1 .sec1d li figure {
  position: relative;
  overflow: visible;
  margin-bottom: 80px;
}
#nearlife .sec1 .sec1d li figure .note {
  right: auto;
  left: 5px;
  color: #fff;
  font-size: 10px;
}
#nearlife .sec1 .sec1d li figure .cv {
  width: 54%;
  position: absolute;
  right: 10px;
  bottom: -60px;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1d li figure .cv {
    width: 46%;
  }
}
#nearlife .sec1 .sec1e {
  text-align: center;
  border: 1px solid #00789a;
  margin-top: 80px;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1e {
    margin-top: 8vw;
  }
}
#nearlife .sec1 .sec1e p {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1e p {
    line-height: 1.6;
  }
}
@media screen and (max-width: 768px) {
  #nearlife .sec1 .sec1e {
    padding: 10px;
  }
}
#nearlife .sec1 .sec1da {
  width: 100%;
  padding: 10px;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 80px;
  margin-top: 20px;
  line-height: 1.4;
  position: relative;
  color: #00789a;
  text-align: center;
}
#nearlife .sec1 .sec1da::before {
  content: "";
  width: 12px;
  height: 100%;
  border: 1px solid #00789a;
  border-right: 1px solid #FFFFFF;
  position: absolute;
  left: 0;
  top: 0;
}
#nearlife .sec1 .sec1da::after {
  content: "";
  width: 12px;
  height: 100%;
  border: 1px solid #00789a;
  border-left: 1px solid #FFFFFF;
  position: absolute;
  right: 0;
  top: 0;
}
#nearlife .sec1 .sec1da p {
  text-align: center;
}
#nearlife .i_img_04_02 {
  -webkit-transition: 2s;
  transition: 2s;
  -webkit-transform: scale(1.1) translateX(-10px);
          transform: scale(1.1) translateX(-10px);
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  margin-bottom: 20px;
  opacity: 0;
}
#nearlife .i_img_04_02.ani1 {
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
#nearlife .i_img_04_01 {
  margin-bottom: 20px;
  -webkit-transition: 2s;
  transition: 2s;
  -webkit-transform: scale(1.1) translateX(10px);
          transform: scale(1.1) translateX(10px);
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  opacity: 0;
}
#nearlife .i_img_04_01.ani1 {
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
#nearlife .i_img_04_03 {
  opacity: 0;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: 1s;
  transition: 1s;
}
#nearlife .i_img_04_03.ani1 {
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
@media screen and (max-width: 768px) {
  #nearlife {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #nearlife {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #nearlife {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #nearlife {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #nearlife {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #nearlife {
    /*@media screen end*/
  }
}

#mizuho {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
#mizuho .pagetitle {
  background-color: #00789B;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
  width: 100%;
  aspect-ratio: 3/1;
}
#mizuho .pagetitle section {
  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;
}
#mizuho .pagetitle::before {
  display: none;
}
#mizuho .pagetitle .title_area {
  text-align: center;
}
#mizuho .pagetitle .title_area .logo {
  width: 11%;
  margin: 0 auto;
}
#mizuho .pagetitle .title_area p {
  font-weight: 400;
}
#mizuho .pagetitle .title_area dl dt {
  display: inline-block;
  font-weight: 400;
}
#mizuho .pagetitle .title_area dl dt span {
  padding: 0;
}
#mizuho .pagetitle .title_area .p1 {
  font-size: clamp(10px, 5vw, 48px);
  letter-spacing: 0.15em;
}
#mizuho .pagetitle .title_area .p1 .big {
  font-size: clamp(10px, 5vw, 60px);
}
#mizuho .pagetitle .title_area .p2 {
  font-size: clamp(10px, 5vw, 20px);
}
#mizuho .pagetitle .title_area .p3 {
  font-family: "ad";
  src: url(../fonts/Audrey-Normal.otf) format("opentype");
}
#mizuho .holy {
  position: relative;
  padding: 14px;
  text-align: center;
  color: #852137;
  font-size: 15px;
  line-height: 1.4em;
  border: 1px solid #852137;
  margin-top: 40px;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
}
#mizuho .holy b {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: normal;
  margin-bottom: 10px;
}
@media screen and (max-width: 584px) {
  #mizuho .holy {
    margin-top: 6vw;
    font-size: 3.5vw;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  #mizuho .holy b {
    white-space: nowrap;
  }
}
#mizuho .weight-400 {
  font-weight: 400;
}
#mizuho .btnset {
  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;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
#mizuho .btnset li {
  width: 48%;
}
#mizuho .ifig_01 {
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #0083B7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #mizuho .ifig_01 {
    margin: 0 auto 6vw auto;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  #mizuho {
    /*@media screen end*/
  }
  #mizuho .pagetitle {
    aspect-ratio: 1.2/1;
  }
  #mizuho .pagetitle .title_area {
    text-align: center;
  }
  #mizuho .pagetitle .title_area .logo {
    width: 23%;
  }
  #mizuho .pagetitle .title_area .p1 {
    font-size: clamp(10px, 10vw, 48px);
    margin-right: -15%;
    margin-block: 5%;
  }
  #mizuho .pagetitle .title_area .p1 .big {
    font-size: clamp(10px, 12vw, 60px);
  }
  #mizuho .pagetitle .title_area .p2 {
    font-size: clamp(10px, 5vw, 20px);
  }
}
#mizuho .contentssec {
  background: transparent url("../img/mizuho/bg.jpg") left top/cover no-repeat;
}
#mizuho .contentssec .uppercase {
  text-transform: uppercase;
}
#mizuho .contentssec .flbox {
  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;
}
#mizuho .contentssec section {
  padding-top: 7%;
}
#mizuho .contentssec .sec_common p {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#mizuho .contentssec .sec_common .pick_up {
  color: #fff;
  background-color: #00789B;
  display: inline-block;
  padding-left: 2.5em;
  margin-block: 5% 3%;
}
#mizuho .contentssec .sec_common .pick_up p {
  font-size: clamp(10px, 3vw, 23px);
  position: relative;
  letter-spacing: 0.1em;
}
#mizuho .contentssec .sec_common .pick_up p::after {
  content: "";
  position: absolute;
  border: 23px solid transparent;
  border-color: #00789B;
  border-right-color: transparent;
  top: 0px;
  right: -41%;
  height: 0;
}
#mizuho .contentssec .sec_common .sec_inner {
  max-width: 1100px;
  width: 90%;
  margin: 0 auto;
}
#mizuho .contentssec .sec_common .sec_inner .col_title {
  width: 100%;
  color: #fff;
  padding-block: 6px 2px;
  padding-left: 2em;
  margin-bottom: 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}
#mizuho .contentssec .sec_common .sec_inner .col_title::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 110%;
}
#mizuho .contentssec .sec_common .sec_inner .col_title p {
  font-weight: 400;
  line-height: 1.2em;
}
#mizuho .contentssec .sec_common .sec_inner .col_title .p1 {
  font-size: clamp(10px, 3vw, 20px);
  margin-right: 1em;
}
#mizuho .contentssec .sec_common .sec_inner .col_title .big {
  font-size: clamp(10px, 3vw, 25px);
  letter-spacing: 0.15em;
  display: unset;
}
#mizuho .contentssec .sec_common .sec_inner .text1 {
  font-size: clamp(10px, 2.3vw, 20px);
  margin-bottom: 2%;
  font-weight: 500;
  letter-spacing: 0.12em;
}
#mizuho .contentssec .sec_common .sec_inner .text1 .small {
  font-size: clamp(10px, 2vw, 18px);
  display: contents;
}
#mizuho .contentssec .sec_common .sec_inner .text2 {
  font-size: clamp(10px, 1.8vw, 16px);
}
#mizuho .contentssec .sec_common .sec_inner .text2 .small {
  font-size: clamp(10px, 2vw, 12px);
}
#mizuho .contentssec .sec_common .sec_inner .text3 {
  font-size: clamp(10px, 1.5vw, 18px);
  margin-top: 5px;
}
#mizuho .contentssec .sec_common .sec_inner .text3 .big {
  font-size: clamp(10px, 3vw, 40px);
  display: inline-block;
  margin-inline: 4px;
}
#mizuho .contentssec .sec_common .sec_inner .text3 .small {
  font-size: 11px;
  letter-spacing: 0.05em;
}
#mizuho .contentssec .sec_common .sec_inner .note {
  font-size: 10px;
}
#mizuho .contentssec .bg_wht {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.7);
          box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.7);
  position: relative;
}
#mizuho .contentssec .bg_wht .column_text {
  position: absolute;
  top: -15px;
  left: 2%;
  width: 30%;
  max-width: 120px;
  text-align: center;
}
#mizuho .contentssec .bg_wht .column_text::before {
  content: "";
  position: absolute;
  width: 13%;
  left: 99%;
  top: 0px;
  height: 30%;
  aspect-ratio: 1;
  clip-path: polygon(0 100%, 0 0, 100% 100%);
  background: #044251;
}
#mizuho .contentssec .bg_wht .column_text p {
  background-color: #00789B;
  color: #fff;
  position: relative;
  font-family: "ad";
  src: url(../fonts/Audrey-Normal.otf) format("opentype");
  font-size: clamp(10px, 3vw, 18px);
  padding-block: 20px 10px;
  line-height: 1em;
}
#mizuho .contentssec .bg_wht .column_text p::before, #mizuho .contentssec .bg_wht .column_text p::after {
  content: "";
  position: absolute;
  background-color: #00789B;
  width: 50%;
  top: 99%;
}
#mizuho .contentssec .bg_wht .column_text p::before {
  aspect-ratio: 1;
  clip-path: polygon(0 0, 100% 0, 0 30%);
  left: 0;
}
#mizuho .contentssec .bg_wht .column_text p::after {
  aspect-ratio: 1;
  clip-path: polygon(0 0, 100% 0, 100% 30%);
  right: 0;
}
@media screen and (max-width: 768px) {
  #mizuho .contentssec {
    /*@media screen end*/
  }
  #mizuho .contentssec section {
    padding-top: 20%;
  }
  #mizuho .contentssec .sec_common .pick_up {
    padding-inline: 7% 2%;
    margin-block: 12% 9%;
  }
  #mizuho .contentssec .sec_common .pick_up p {
    font-size: clamp(10px, 4.5vw, 20px);
    position: relative;
  }
  #mizuho .contentssec .sec_common .pick_up p::after {
    content: "";
    position: absolute;
    border: clamp(10px, 4.6vw, 20px) solid #00789B;
    top: 0px;
    left: 108%;
    right: unset;
    height: 0;
    border-color: #00789B;
    border-right-color: transparent;
  }
  #mizuho .contentssec .sec_common .sec_inner .col_title {
    padding-left: 1%;
    margin-bottom: 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #mizuho .contentssec .sec_common .sec_inner .col_title::before {
    top: 45%;
  }
  #mizuho .contentssec .sec_common .sec_inner .col_title .p1 {
    font-size: clamp(10px, 4vw, 20px);
    margin-right: 0.5em;
    line-height: 1.5em;
  }
  #mizuho .contentssec .sec_common .sec_inner .col_title .p1 .big {
    font-size: clamp(10px, 4.8vw, 25px);
  }
  #mizuho .contentssec .sec_common .sec_inner .col_title .p2 {
    width: 70%;
    line-height: 1.5em;
  }
  #mizuho .contentssec .sec_common .sec_inner .col_title .big {
    font-size: clamp(10px, 5vw, 25px);
    letter-spacing: 0.15em;
  }
  #mizuho .contentssec .sec_common .sec_inner .text1 {
    font-size: clamp(10px, 5vw, 20px);
    margin-bottom: 10%;
  }
  #mizuho .contentssec .sec_common .sec_inner .text1 .small {
    display: block;
    line-height: 1em;
    font-size: clamp(10px, 3vw, 18px);
  }
  #mizuho .contentssec .sec_common .sec_inner .text2 {
    font-size: clamp(10px, 3.8vw, 16px);
  }
  #mizuho .contentssec .sec_common .sec_inner .text3 {
    font-size: clamp(10px, 4.5vw, 18px);
    margin-top: 5px;
  }
  #mizuho .contentssec .sec_common .sec_inner .text3 .big {
    font-size: clamp(10px, 9vw, 40px);
    margin-inline: 4px;
  }
  #mizuho .contentssec .sec_common .sec_inner .text3 .small {
    font-size: 11px;
    letter-spacing: 0.05em;
  }
  #mizuho .contentssec .bg_wht .column_text {
    top: -12px;
  }
  #mizuho .contentssec .bg_wht .column_text::before {
    content: "";
    position: absolute;
    width: 13%;
    left: 99%;
    top: 0px;
    height: 30%;
    aspect-ratio: 1;
    clip-path: polygon(0 100%, 0 0, 100% 100%);
    background: #044251;
  }
  #mizuho .contentssec .bg_wht .column_text p {
    font-size: clamp(10px, 4.4vw, 18px);
    padding-block: 14px 7px;
    line-height: 1em;
  }
  #mizuho .contentssec .bg_wht .column_text p::before, #mizuho .contentssec .bg_wht .column_text p::after {
    width: 50%;
    top: 99%;
  }
  #mizuho .contentssec .bg_wht .column_text p::before {
    aspect-ratio: 1;
    clip-path: polygon(0 0, 100% 0, 0 30%);
    left: 0;
  }
  #mizuho .contentssec .bg_wht .column_text p::after {
    aspect-ratio: 1;
    clip-path: polygon(0 0, 100% 0, 100% 30%);
    right: 0;
  }
}
#mizuho .sec1 .bg_wht {
  max-width: 1300px;
  width: 95%;
  margin: 0 auto;
  padding: 5% 0;
}
#mizuho .sec1 .bg_wht .inner_con {
  max-width: 1100px;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
#mizuho .sec1 .bg_wht .inner_con .p1 {
  color: #00789B;
  text-align: center;
  font-size: clamp(10px, 3.5vw, 35px);
}
#mizuho .sec1 .bg_wht .inner_con .p1 .gara_1 {
  font-size: clamp(10px, 6vw, 65px);
  font-style: italic;
  display: inline-block;
  margin-inline: 1px 10px;
  display: inline;
  margin-block: 7px;
}
#mizuho .sec1 .bg_wht .inner_con .flbox {
  margin-top: 5%;
}
#mizuho .sec1 .bg_wht .inner_con .flbox .box {
  width: 28.3333333333%;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#mizuho .sec1 .bg_wht .inner_con .flbox .box .img1 {
  width: 35%;
  margin: 0 auto;
  min-width: 75px;
}
#mizuho .sec1 .bg_wht .inner_con .flbox .box .text {
  width: 100%;
  margin-block: 8%;
  border-top: 1px solid #6FB110;
  border-bottom: 1px solid #6FB110;
  aspect-ratio: 4/1;
  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;
}
#mizuho .sec1 .bg_wht .inner_con .flbox .box .text p {
  font-size: clamp(10px, 1.5vw, 16px);
  letter-spacing: 0.1em;
}
#mizuho .sec1 .bg_wht .inner_con .flbox .box .img2 {
  width: 100%;
}
#mizuho .sec1 .bg_wht .inner_con .flbox .box:nth-child(2) {
  position: relative;
}
#mizuho .sec1 .bg_wht .inner_con .flbox .box:nth-child(2)::before, #mizuho .sec1 .bg_wht .inner_con .flbox .box:nth-child(2)::after {
  content: "";
  position: absolute;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #00789B), color-stop(50%, transparent));
  background-image: linear-gradient(to top, #00789B 50%, transparent 50%);
  background-size: 10px 9px;
  background-repeat: repeat-y;
  width: 1px;
  height: 41%;
  bottom: 0;
}
#mizuho .sec1 .bg_wht .inner_con .flbox .box:nth-child(2)::before {
  left: -13.5%;
}
#mizuho .sec1 .bg_wht .inner_con .flbox .box:nth-child(2)::after {
  right: -13.5%;
}
#mizuho .sec1 .bg_wht .inner_con .flbox .box:nth-child(2) .text {
  border-top: 1px solid #F66B0B;
  border-bottom: 1px solid #F66B0B;
}
#mizuho .sec1 .bg_wht .inner_con .flbox .box:nth-child(2) .img2 {
  width: 100%;
  position: relative;
}
#mizuho .sec1 .bg_wht .inner_con .flbox .box:nth-child(3) .text {
  border-top: 1px solid #1DB5BC;
  border-bottom: 1px solid #1DB5BC;
}
#mizuho .sec1 .bg_wht .inner_con .flbox .note {
  width: 100%;
  text-align: right;
  font-size: 10px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  #mizuho {
    /*@media screen end*/
  }
  #mizuho .sec1 {
    padding-top: 15%;
  }
  #mizuho .sec1 .bg_wht {
    padding-block: 10%;
  }
  #mizuho .sec1 .bg_wht .inner_con .p1 {
    font-size: clamp(10px, 5vw, 35px);
    letter-spacing: 0.15em;
  }
  #mizuho .sec1 .bg_wht .inner_con .p1 .gara_1 {
    font-size: clamp(10px, 11vw, 65px);
  }
  #mizuho .sec1 .bg_wht .inner_con .flbox {
    margin-top: 8%;
  }
  #mizuho .sec1 .bg_wht .inner_con .flbox .box {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #mizuho .sec1 .bg_wht .inner_con .flbox .box .img1 {
    width: 30%;
    margin: unset;
  }
  #mizuho .sec1 .bg_wht .inner_con .flbox .box .text {
    width: 65%;
    aspect-ratio: 2.5/1;
  }
  #mizuho .sec1 .bg_wht .inner_con .flbox .box .text p {
    font-size: clamp(10px, 3.7vw, 23px);
  }
  #mizuho .sec1 .bg_wht .inner_con .flbox .box .img2 {
    margin-top: 4%;
  }
  #mizuho .sec1 .bg_wht .inner_con .flbox .box:nth-child(2) {
    margin-block: 12%;
  }
  #mizuho .sec1 .bg_wht .inner_con .flbox .box:nth-child(2)::before, #mizuho .sec1 .bg_wht .inner_con .flbox .box:nth-child(2)::after {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #00789B), color-stop(50%, transparent));
    background-image: linear-gradient(to right, #00789B 50%, transparent 50%);
    background-repeat: repeat-x;
    width: 100%;
    height: 1px;
    left: 50%;
    top: unset;
    bottom: unset;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #mizuho .sec1 .bg_wht .inner_con .flbox .box:nth-child(2)::before {
    top: -3%;
  }
  #mizuho .sec1 .bg_wht .inner_con .flbox .box:nth-child(2)::after {
    bottom: -10%;
  }
  #mizuho .sec1 .bg_wht .inner_con .flbox .box:nth-child(2) .img2 {
    width: 100%;
    position: relative;
  }
  #mizuho .sec1 .bg_wht .inner_con .flbox .box:nth-child(3) .text {
    border-top: 1px solid #1DB5BC;
    border-bottom: 1px solid #1DB5BC;
  }
  #mizuho .sec1 .bg_wht .inner_con .flbox .note {
    width: 100%;
    text-align: right;
    font-size: 10px;
    margin-top: 20px;
  }
}
#mizuho .sec2 .col_title::before {
  background-color: #6FB110;
}
#mizuho .sec2 .text3 .big {
  color: #6FB110;
}
#mizuho .sec2 .flbox {
  margin-top: 3%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#mizuho .sec2 .flbox .img_box {
  width: 52%;
}
#mizuho .sec2 .flbox .text_box {
  width: 40%;
  text-align: center;
}
#mizuho .sec2 .flbox .text_box .p1 {
  font-size: clamp(10px, 2vw, 18px);
}
#mizuho .sec2 .flbox .text_box .flbox {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-block: 7%;
}
#mizuho .sec2 .flbox .text_box .flbox ul li {
  text-align: left;
  position: relative;
  font-size: clamp(10px, 1.6vw, 16px);
}
#mizuho .sec2 .flbox .text_box .flbox ul li:not(:first-child) {
  margin-top: 1em;
}
#mizuho .sec2 .flbox .text_box .flbox ul li::before {
  content: "⚫︎";
  position: absolute;
  color: #6FB110;
  font-size: clamp(10px, 3vw, 15px);
  right: 100%;
}
#mizuho .sec2 .flbox .text_box .flbox ul:nth-child(2) {
  margin-left: 13%;
}
#mizuho .sec2 .pickup_02 .flbox .img_box {
  width: 48%;
  position: relative;
}
#mizuho .sec2 .pickup_02 .flbox .img_box .imgnote {
  position: absolute;
  font-size: 10px;
  top: 100%;
  right: 0;
}
@media screen and (max-width: 768px) {
  #mizuho {
    /*@media screen end*/
  }
  #mizuho .sec2 .flbox {
    margin-top: 3%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #mizuho .sec2 .flbox .img_box {
    width: 100%;
  }
  #mizuho .sec2 .flbox .text_box {
    width: 100%;
    margin-top: 5%;
  }
  #mizuho .sec2 .flbox .text_box .p1 {
    font-size: clamp(10px, 4.3vw, 18px);
  }
  #mizuho .sec2 .flbox .text_box .flbox {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-block: 7%;
  }
  #mizuho .sec2 .flbox .text_box .flbox ul li {
    font-size: clamp(10px, 4vw, 16px);
  }
  #mizuho .sec2 .flbox .text_box .flbox ul li:not(:first-child) {
    margin-top: 1.2em;
  }
  #mizuho .sec2 .flbox .text_box .flbox ul li::before {
    font-size: clamp(10px, 4vw, 16px);
  }
  #mizuho .sec2 .flbox .text_box .flbox ul:nth-child(2) {
    margin-left: 13%;
  }
  #mizuho .sec2 .pickup_02 .flbox {
    margin-top: 5%;
  }
  #mizuho .sec2 .pickup_02 .flbox .img_box {
    width: 49%;
  }
}
#mizuho .sec3 .sec_inner .col_title .p2 {
  margin-top: -3px;
}
#mizuho .sec3 .sec_inner .col_title::before {
  background-color: #F66B0B;
}
#mizuho .sec3 .text3 .big {
  color: #F66B0B;
}
#mizuho .sec3 .flbox {
  margin-top: 3%;
}
#mizuho .sec3 .flbox .w30 {
  width: calc(33.3333333333% - 15px);
}
#mizuho .sec3 .flbox .w30 .text3 {
  font-size: clamp(10px, 1vw, 16px);
}
#mizuho .sec3 .flbox .w30 .text3 .big {
  font-size: clamp(10px, 2vw, 33px);
}
#mizuho .sec3 .flbox .w50 {
  width: 49%;
  margin-top: 5%;
}
#mizuho .sec3 .column {
  margin-top: 8%;
}
#mizuho .sec3 .column .bg_wht {
  padding-block: 7% 4%;
}
#mizuho .sec3 .column .bg_wht .flbox {
  width: 90%;
  margin: 0 auto;
}
#mizuho .sec3 .column .bg_wht .flbox .text_box {
  width: 40%;
}
#mizuho .sec3 .column .bg_wht .flbox .text_box p {
  letter-spacing: 0.05em;
}
#mizuho .sec3 .column .bg_wht .flbox .text_box .text1 {
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  font-size: clamp(10px, 1.8vw, 20px);
}
#mizuho .sec3 .column .bg_wht .flbox .text_box .text2 {
  padding-top: 10px;
  font-size: clamp(10px, 1.4vw, 16px);
}
#mizuho .sec3 .column .bg_wht .flbox .img_box {
  width: 53%;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
#mizuho .sec3 .column .bg_wht .flbox .img_box .logo {
  width: 45%;
}
#mizuho .sec3 .column .bg_wht .flbox .img_box .img {
  width: 47%;
  position: relative;
}
#mizuho .sec3 .column .bg_wht .flbox .img_box .img .imgnote {
  position: absolute;
  font-size: 10px;
  top: 100%;
  right: 0;
}
@media screen and (max-width: 768px) {
  #mizuho {
    /*@media screen end*/
  }
  #mizuho .sec3 .sec_inner .col_title {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  #mizuho .sec3 .sec_inner .sec3_title .big {
    font-size: clamp(10px, 4.3vw, 25px) !important;
  }
  #mizuho .sec3 .flbox .w30 {
    width: 49%;
  }
  #mizuho .sec3 .flbox .w30 .text3 {
    font-size: clamp(10px, 5vw, 16px);
  }
  #mizuho .sec3 .flbox .w30 .text3 .big {
    font-size: clamp(10px, 7vw, 33px);
  }
  #mizuho .sec3 .flbox .w30:nth-child(3) {
    margin-top: 3%;
  }
  #mizuho .sec3 .flbox .w50 {
    width: 100%;
    margin-top: 10%;
  }
  #mizuho .sec3 .flbox .w50_2 {
    margin-top: 5%;
  }
  #mizuho .sec3 .column {
    margin-top: 17%;
  }
  #mizuho .sec3 .column .bg_wht {
    padding-block: 15%;
  }
  #mizuho .sec3 .column .bg_wht .flbox {
    width: 90%;
    margin: 0 auto;
  }
  #mizuho .sec3 .column .bg_wht .flbox .text_box {
    width: 100%;
  }
  #mizuho .sec3 .column .bg_wht .flbox .text_box p {
    letter-spacing: 0.05em;
  }
  #mizuho .sec3 .column .bg_wht .flbox .text_box .text1 {
    font-size: clamp(10px, 4vw, 20px);
    margin: unset;
  }
  #mizuho .sec3 .column .bg_wht .flbox .text_box .text2 {
    padding-top: 10px;
    font-size: clamp(10px, 3.3vw, 16px);
  }
  #mizuho .sec3 .column .bg_wht .flbox .img_box {
    width: 100%;
    margin-top: 5%;
  }
}
#mizuho .sec4 {
  padding-bottom: 7%;
}
#mizuho .sec4 .sec_inner .col_title {
  background-color: #1DB5BC;
}
#mizuho .sec4 .text3 .big {
  color: #F66B0B;
}
#mizuho .sec4 .flbox {
  margin-top: 3%;
  width: 90%;
  max-width: 600px;
  margin: 0 auto;
  margin-top: -1.8vw;
}
#mizuho .sec4 .flbox .img_box {
  width: 42%;
}
#mizuho .sec4 .flbox .img_box .note {
  font-size: 10px;
  text-align: center;
  margin-top: 10px;
}
#mizuho .sec4 .flbox .text_box {
  margin-top: 9%;
  width: 100%;
  text-align: center;
  padding-block: 1%;
  border-top: 1px solid #00789B;
  border-bottom: 1px solid #00789B;
}
#mizuho .sec4 .flbox .text_box p {
  font-size: clamp(10px, 3vw, 23px);
  color: #00789B;
  letter-spacing: 0.2em;
}
#mizuho .sec4 .graph {
  width: 90%;
  margin-inline: auto;
  margin-block: 3% 8%;
}
#mizuho .sec4 .graph p {
  font-size: clamp(10px, 3vw, 16px);
  position: relative;
}
#mizuho .sec4 .graph p::before {
  content: "■";
  position: absolute;
  right: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: clamp(10px, 3vw, 16px);
  color: #00789B;
}
#mizuho .sec4 .column {
  margin-top: 8%;
}
#mizuho .sec4 .column .bg_wht {
  padding-block: 7% 4%;
}
#mizuho .sec4 .column .bg_wht .column_inner {
  width: 90%;
  margin: 0 auto;
  max-width: 700px;
}
#mizuho .sec4 .column .bg_wht .column_inner p {
  text-align: center;
}
#mizuho .sec4 .column .bg_wht .column_inner .text1 {
  color: #00789B;
  font-size: clamp(10px, 3vw, 25px);
}
#mizuho .sec4 .column .bg_wht .column_inner .text2 {
  padding-top: 2%;
  border-top: 1px solid #00789B;
}
#mizuho .sec4 .column .bg_wht .column_inner .note {
  margin-block: 5%;
}
#mizuho .sec4 .column .bg_wht .column_inner .imgbox .text3 {
  color: #00789B;
  text-align: left;
  margin-bottom: 10px;
}
#mizuho .sec4 .col_topic {
  margin-top: 8%;
}
#mizuho .sec4 .col_topic .bg_wht {
  padding-block: 0% 4%;
  background-color: #E1F0F4;
}
#mizuho .sec4 .col_topic .bg_wht .topic_text {
  text-align: center;
  width: 100%;
  background-color: #00789B;
  color: #fff;
  padding-block: 1.5%;
}
#mizuho .sec4 .col_topic .bg_wht .topic_text p {
  display: inline-block;
  padding-inline: 2%;
  font-size: clamp(10px, 3vw, 27px);
  position: relative;
  letter-spacing: 0.1em;
}
#mizuho .sec4 .col_topic .bg_wht .topic_text p::before, #mizuho .sec4 .col_topic .bg_wht .topic_text p::after {
  content: "";
  position: absolute;
  height: 50%;
  width: 1px;
  background-color: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#mizuho .sec4 .col_topic .bg_wht .topic_text p::before {
  left: 100%;
}
#mizuho .sec4 .col_topic .bg_wht .topic_text p::after {
  right: 100%;
}
#mizuho .sec4 .col_topic .bg_wht .topic_inner {
  margin-top: 5%;
  max-width: 750px;
  margin-inline: auto;
  text-align: center;
}
#mizuho .sec4 .col_topic .bg_wht .topic_inner p {
  text-align: center;
}
#mizuho .sec4 .col_topic .bg_wht .topic_inner .text1 {
  font-size: clamp(10px, 3vw, 25px);
  color: #000;
  margin-block: unset;
  margin-inline: auto;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 2%;
  border-bottom: 1px solid #000000;
  text-align: center;
}
#mizuho .sec4 .col_topic .bg_wht .topic_inner .text2 {
  padding-top: 2%;
}
#mizuho .sec4 .col_topic .bg_wht .topic_inner .note {
  margin-block: 5%;
}
#mizuho .sec4 .col_topic .bg_wht .topic_inner .flbox {
  margin-top: 5%;
}
#mizuho .sec4 .col_topic .bg_wht .topic_inner .flbox .logo {
  width: 45%;
}
#mizuho .sec4 .col_topic .bg_wht .topic_inner .flbox .img {
  position: relative;
  width: 45%;
}
#mizuho .sec4 .col_topic .bg_wht .topic_inner .flbox .img .note {
  position: absolute;
  top: 100%;
  right: 0;
}
#mizuho .sec4 .col_topic .bg_wht .logo_box {
  margin-top: 5%;
  max-width: unset;
  width: 98%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#mizuho .sec4 .col_topic .bg_wht .logo_box .logo {
  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;
  width: 33.3333333333%;
}
#mizuho .sec4 .col_topic .bg_wht .logo_box .logo p {
  font-size: clamp(10px, 1vw, 13px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
}
#mizuho .sec4 .col_topic .bg_wht .logo_box .logo .imgbox {
  width: 70%;
}
#mizuho .sec4 .col_topic .bg_wht .logo_box .logo1 {
  width: 36%;
}
#mizuho .sec4 .col_topic .bg_wht .logo_box .logo1 .imgbox {
  width: 80%;
}
#mizuho .sec4 .col_topic .bg_wht .logo_box .logo2 {
  width: 33.3333333333%;
}
#mizuho .sec4 .col_topic .bg_wht .logo_box .logo2 .imgbox {
  width: 62%;
}
#mizuho .sec4 .col_topic .bg_wht .logo_box .logo3 {
  width: 30%;
}
#mizuho .sec4 .col_topic .bg_wht .logo_box .logo3 .imgbox {
  width: 36%;
}
@media screen and (max-width: 895px) {
  #mizuho {
    /*@media screen end*/
  }
  #mizuho .sec4 .col_topic .bg_wht .logo_box .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #mizuho .sec4 .col_topic .bg_wht .logo_box .logo1 {
    width: 42%;
  }
  #mizuho .sec4 .col_topic .bg_wht .logo_box .logo2 {
    width: 45%;
  }
  #mizuho .sec4 .col_topic .bg_wht .logo_box .logo3 {
    width: 45%;
    margin-top: 3%;
  }
}
@media screen and (max-width: 768px) {
  #mizuho {
    /*@media screen end*/
  }
  #mizuho .sec4 {
    padding-bottom: 25%;
  }
  #mizuho .sec4 .col_title {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  #mizuho .sec4 .flbox {
    margin-top: 3%;
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
    margin-top: -1.8vw;
  }
  #mizuho .sec4 .flbox .img_box {
    width: 46%;
  }
  #mizuho .sec4 .flbox .text_box p {
    font-size: clamp(10px, 5vw, 23px);
  }
  #mizuho .sec4 .graph {
    width: 95%;
    margin-inline: auto;
    margin-block: 10% 25%;
  }
  #mizuho .sec4 .graph p::before {
    top: 23%;
  }
  #mizuho .sec4 .column {
    margin-top: 4%;
  }
  #mizuho .sec4 .column .bg_wht {
    padding-block: 16% 15%;
  }
  #mizuho .sec4 .column .bg_wht .column_inner {
    width: 90%;
    margin: 0 auto;
    max-width: 700px;
  }
  #mizuho .sec4 .column .bg_wht .column_inner .text1 {
    font-size: clamp(10px, 4.5vw, 25px);
  }
  #mizuho .sec4 .column .bg_wht .column_inner .text2 {
    padding-top: 6%;
  }
  #mizuho .sec4 .column .bg_wht .column_inner .note {
    margin-block: 5% 10%;
  }
  #mizuho .sec4 .column .bg_wht .column_inner .imgbox .text3 {
    font-size: clamp(10px, 3.6vw, 18px);
  }
  #mizuho .sec4 .col_topic {
    margin-top: 15%;
  }
  #mizuho .sec4 .col_topic .bg_wht {
    padding-block: 0% 20%;
  }
  #mizuho .sec4 .col_topic .bg_wht .topic_text {
    padding-block: 2.5% 1%;
  }
  #mizuho .sec4 .col_topic .bg_wht .topic_text p {
    padding-inline: 6%;
    font-size: clamp(10px, 4.5vw, 27px);
  }
  #mizuho .sec4 .col_topic .bg_wht .topic_inner {
    margin-top: 10%;
  }
  #mizuho .sec4 .col_topic .bg_wht .topic_inner .text1 {
    font-size: clamp(10px, 4vw, 25px);
    padding-inline: 1em;
    display: inline-block;
    padding-bottom: 2%;
  }
  #mizuho .sec4 .col_topic .bg_wht .topic_inner .text2 {
    padding-top: 2%;
  }
  #mizuho .sec4 .col_topic .bg_wht .topic_inner .flbox {
    margin-top: 8%;
  }
  #mizuho .sec4 .col_topic .bg_wht .topic_inner .flbox .logo {
    width: 46%;
  }
  #mizuho .sec4 .col_topic .bg_wht .topic_inner .flbox .img {
    width: 48%;
  }
  #mizuho .sec4 .col_topic .bg_wht .logo_box {
    margin-top: 12%;
  }
  #mizuho .sec4 .col_topic .bg_wht .logo_box .logo {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #mizuho .sec4 .col_topic .bg_wht .logo_box .logo p {
    font-size: clamp(10px, 4vw, 14px);
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  #mizuho .sec4 .col_topic .bg_wht .logo_box .logo .imgbox {
    width: 70%;
  }
  #mizuho .sec4 .col_topic .bg_wht .logo_box .logo1 {
    width: 100%;
  }
  #mizuho .sec4 .col_topic .bg_wht .logo_box .logo1 .imgbox {
    width: 75%;
  }
  #mizuho .sec4 .col_topic .bg_wht .logo_box .logo2 {
    width: 100%;
    margin-block: 5%;
  }
  #mizuho .sec4 .col_topic .bg_wht .logo_box .logo2 .imgbox {
    width: 45%;
  }
  #mizuho .sec4 .col_topic .bg_wht .logo_box .logo3 {
    width: 100%;
  }
  #mizuho .sec4 .col_topic .bg_wht .logo_box .logo3 .imgbox {
    width: 32%;
  }
}
@media screen and (max-width: 768px) {
  #mizuho {
    /*@media screen end*/
  }
}

#iine_lp {
  scroll-behavior: smooth;
  /* モーダルの基本スタイル */
}
#iine_lp .modal {
  display: none;
  /* 初期状態では非表示 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
}
#iine_lp .modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  max-width: 700px;
}
#iine_lp .modal-content .movie {
  width: 100%;
  aspect-ratio: 16/9;
}
#iine_lp .modal-content .movie iframe {
  width: 100%;
  height: 100%;
}
#iine_lp #closeModal {
  cursor: pointer;
  float: right;
  width: clamp(30px, 3vw, 40px);
}
#iine_lp .secopani2 {
  position: fixed;
  background-color: #fff;
  z-index: 99999;
  width: 100%;
  height: 100%;
  left: 0;
  top: 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;
  opacity: 0;
  left: -102vw;
  left: 0;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  pointer-events: auto;
}
#iine_lp .secopani2.ani1 {
  -webkit-transition: 1s;
  transition: 1s;
  pointer-events: auto;
  opacity: 1;
  left: 0;
  -webkit-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
}
#iine_lp .secopani2.as7 {
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
}
#iine_lp .secopani2 .skip {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 100px;
  text-align: center;
  height: 38px;
  line-height: 1em;
  background-color: rgba(247, 236, 226, 0.9);
  border: 1px solid #fff;
  cursor: pointer;
  font-size: 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;
  z-index: 9999;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 584px) {
  #iine_lp .secopani2 .skip {
    font-size: 3.5vw;
    left: 5px;
    bottom: 5px;
  }
}
#iine_lp .secopani2 .skip:hover {
  opacity: 0.7;
}
#iine_lp .secopani2 .bgmbtn {
  position: absolute;
  left: 124px;
  bottom: 20px;
  z-index: 12;
  background-color: rgba(247, 236, 226, 0.9);
  border: 1px solid #fff;
  width: 38px;
  height: 38px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
#iine_lp .secopani2 .bgmbtn p {
  margin-top: -18px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 2px;
  display: none;
}
@media screen and (max-width: 584px) {
  #iine_lp .secopani2 .bgmbtn {
    left: 110px;
    bottom: 5px;
  }
}
#iine_lp .secopani2 .bgmbtn:hover {
  opacity: 0.7;
}
#iine_lp .secopani2 .secin {
  width: 100%;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#iine_lp .secopani2 .secin video {
  width: 86%;
}
@media screen and (max-width: 768px) {
  #iine_lp .secopani2 .secin video {
    width: 100%;
  }
}
#iine_lp main {
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}
#iine_lp main .text {
  font-size: clamp(10px, 3vw, 16px);
}
@media screen and (max-width: 768px) {
  #iine_lp main {
    /*@media screen end*/
  }
  #iine_lp main .text {
    font-size: clamp(10px, 3.5vw, 16px);
  }
}
#iine_lp main .mainimg {
  position: relative;
}
#iine_lp main .mainimg .mv_ttl {
  position: absolute;
  width: 90%;
  max-width: 700px;
  margin-inline: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  #iine_lp main .mainimg {
    /*@media screen end*/
  }
  #iine_lp main .mainimg .mv_ttl {
    top: 46%;
  }
}
#iine_lp main .mainimg .note {
  position: absolute;
  right: 0px;
  bottom: 0px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  padding: 4px;
  background-color: rgba(0, 0, 0, 0.6);
  line-height: 1;
  color: #fff;
}
#iine_lp main .mainimg .secinner {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 10;
}
#iine_lp main .mainimg-bg {
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transition: 2s;
  transition: 2s;
  display: block;
  vertical-align: bottom;
  width: 100%;
}
#iine_lp main .mainimg .deco_flbox {
  bottom: -38%;
}
#iine_lp main .mainimg .deco_flbox .deco_img_1 {
  width: 27%;
  margin-left: -6%;
}
#iine_lp main .mainimg .deco_flbox .deco_img_2 {
  width: 23%;
}
@media screen and (max-width: 768px) {
  #iine_lp main .mainimg {
    /*@media screen end*/
  }
  #iine_lp main .mainimg .deco_flbox {
    bottom: -37%;
  }
  #iine_lp main .mainimg .deco_flbox .deco_img_1 {
    width: 52%;
    margin-left: -14%;
    margin-top: 12%;
  }
  #iine_lp main .mainimg .deco_flbox .deco_img_2 {
    width: 45%;
  }
}
#iine_lp main .bnr {
  max-width: 650px;
  width: 100%;
  margin-inline: auto;
  margin-top: 40px;
  cursor: pointer;
}
#iine_lp main .flbox {
  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;
}
#iine_lp main .com-content {
  width: 90%;
  margin-inline: auto;
}
#iine_lp main .com-content.w1000 {
  max-width: 1000px;
}
#iine_lp main .com-content.w1100 {
  max-width: 1100px;
}
#iine_lp main .com-content.w1200 {
  max-width: 1200px;
}
#iine_lp main .deco {
  position: relative;
}
#iine_lp main .deco .deco_flbox {
  width: 100vw;
  position: absolute;
  left: 0;
  z-index: 1;
}
#iine_lp main .lp_contents {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#iine_lp main .lp_contents .con_ttl_wrap {
  margin: 0 calc(50% - 50cqi);
  aspect-ratio: 4.1/1;
  margin-bottom: 5%;
  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;
}
#iine_lp main .lp_contents .con_ttl_wrap .con_ttl_text {
  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;
}
#iine_lp main .lp_contents .con_ttl_wrap .con_ttl_text .iine_img {
  width: 24%;
  min-width: 150px;
}
#iine_lp main .lp_contents .con_ttl_wrap .con_ttl_text .text {
  margin-top: 3%;
  color: #fff;
  font-size: clamp(10px, 3vw, 30px);
  margin-left: 5%;
}
@media screen and (max-width: 768px) {
  #iine_lp main .lp_contents {
    /*@media screen end*/
  }
  #iine_lp main .lp_contents .con_ttl_wrap {
    aspect-ratio: 1.15/1;
    margin-bottom: 10%;
  }
  #iine_lp main .lp_contents .con_ttl_wrap .con_ttl_text {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #iine_lp main .lp_contents .con_ttl_wrap .con_ttl_text .iine_img {
    width: 24%;
    min-width: 120px;
  }
  #iine_lp main .lp_contents .con_ttl_wrap .con_ttl_text .text {
    margin-top: 3%;
    font-size: clamp(10px, 6vw, 30px);
    margin-left: 0%;
    width: 100%;
  }
}
#iine_lp main .lp_contents .textbox .lead {
  color: #99222B;
  font-size: clamp(10px, 3vw, 24px);
  margin-bottom: max(1vw, 10px);
}
#iine_lp main .lp_contents .textbox .lead_2 {
  font-size: clamp(10px, 3vw, 22px);
  margin-bottom: max(1vw, 10px);
}
#iine_lp main .lp_contents .textbox .text {
  font-size: clamp(10px, 3vw, 16px);
}
@media screen and (max-width: 768px) {
  #iine_lp main .lp_contents {
    /*@media screen end*/
  }
  #iine_lp main .lp_contents .textbox .lead {
    font-size: clamp(10px, 4.4vw, 24px);
  }
  #iine_lp main .lp_contents .textbox .lead_2 {
    font-size: clamp(10px, 4.3vw, 22px);
  }
  #iine_lp main .lp_contents .textbox .text {
    font-size: clamp(10px, 3.5vw, 16px);
  }
}
#iine_lp main .price {
  margin-top: 5%;
  max-width: 950px;
}
@media screen and (max-width: 768px) {
  #iine_lp main {
    /*@media screen end*/
  }
  #iine_lp main .price {
    margin-top: 30%;
  }
}
#iine_lp main .menu {
  margin-block: 5%;
}
#iine_lp main .menu .menu_wrap .flbox .menu_con {
  width: calc(25% - 10px);
}
#iine_lp main .menu .menu_wrap .flbox .menu_con a {
  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;
  width: 100%;
  height: 100%;
  clip-path: polygon(5% 0%, 95% 0%, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0% 95%, 0% 5%);
  aspect-ratio: 2/1;
  overflow: hidden;
  position: relative;
}
#iine_lp main .menu .menu_wrap .flbox .menu_con a .menu_text {
  width: 80%;
  margin-inline: auto;
  z-index: 1;
}
#iine_lp main .menu .menu_wrap .flbox .menu_con a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
#iine_lp main .menu .menu_wrap .flbox .menu_con.menu_con_1 a::before {
  background: transparent url("../img/iine_lp/manu_img_1.png") left top/cover no-repeat;
}
#iine_lp main .menu .menu_wrap .flbox .menu_con.menu_con_2 a::before {
  background: transparent url("../img/iine_lp/manu_img_2.png") left top/cover no-repeat;
}
#iine_lp main .menu .menu_wrap .flbox .menu_con.menu_con_3 a::before {
  background: transparent url("../img/iine_lp/manu_img_3.png") left top/cover no-repeat;
}
#iine_lp main .menu .menu_wrap .flbox .menu_con.menu_con_4 a::before {
  background: transparent url("../img/iine_lp/manu_img_4.png") left top/cover no-repeat;
}
@media (any-hover: hover) {
  #iine_lp main .menu .menu_wrap .flbox .menu_con:hover a::before {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}
@media screen and (max-width: 768px) {
  #iine_lp main {
    /*@media screen end*/
  }
  #iine_lp main .menu {
    margin-block: 10%;
  }
  #iine_lp main .menu .menu_wrap {
    width: 100%;
  }
  #iine_lp main .menu .menu_wrap .flbox .menu_con {
    width: 100%;
    margin-bottom: 5%;
  }
  #iine_lp main .menu .menu_wrap .flbox .menu_con a {
    aspect-ratio: 4/1;
    clip-path: polygon(3% 0%, 97% 0%, 100% 3%, 100% 97%, 97% 100%, 3% 100%, 0% 97%, 0% 3%);
  }
  #iine_lp main .menu .menu_wrap .flbox .menu_con a .menu_text {
    width: 54%;
  }
  #iine_lp main .menu .menu_wrap .flbox .menu_con.menu_con_1 a::before {
    background: transparent url("../img/iine_lp/manu_img_1_sp.png") left center/cover no-repeat;
  }
  #iine_lp main .menu .menu_wrap .flbox .menu_con.menu_con_2 a::before {
    background: transparent url("../img/iine_lp/manu_img_2_sp.png") left center/cover no-repeat;
  }
  #iine_lp main .menu .menu_wrap .flbox .menu_con.menu_con_3 a::before {
    background: transparent url("../img/iine_lp/manu_img_3_sp.png") left center/cover no-repeat;
  }
  #iine_lp main .menu .menu_wrap .flbox .menu_con.menu_con_4 {
    margin-bottom: 0;
  }
  #iine_lp main .menu .menu_wrap .flbox .menu_con.menu_con_4 a::before {
    background: transparent url("../img/iine_lp/manu_img_4_sp.png") left center/cover no-repeat;
  }
}
#iine_lp main .btn_wrap {
  position: relative;
  z-index: 5;
}
#iine_lp main .btn_wrap .cbtnset {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#iine_lp main .btn_wrap .cbtnset li .cbtn {
  border-radius: 5px;
  position: relative;
}
#iine_lp main .btn_wrap .cbtnset li .cbtn span {
  display: inline-block;
  position: absolute;
  width: 6%;
  background-color: #fff;
  aspect-ratio: 1/1;
  border-radius: 100px;
  right: 5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ffffff;
}
#iine_lp main .btn_wrap .cbtnset li .cbtn span::before {
  content: "";
  position: absolute;
  width: 40%;
  left: 56%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  aspect-ratio: 0.8660254038;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
#iine_lp main .btn_wrap .cbtnset li .cbtn.req span::before {
  background-color: #AA2B2B;
}
#iine_lp main .btn_wrap .cbtnset li .cbtn.rsv span::before {
  background-color: #B0852B;
}
#iine_lp main .btn_wrap .cbtnset li .cbtn.site {
  margin-top: 10%;
}
#iine_lp main .btn_wrap .cbtnset li .cbtn.site span::before {
  background-color: #000;
}
#iine_lp main .btn_wrap .cbtnset li:nth-last-child(2) {
  margin-left: 4%;
}
@media (any-hover: hover) {
  #iine_lp main .btn_wrap .cbtnset li:hover .cbtn.req span {
    border: 1px solid #AA2B2B;
  }
  #iine_lp main .btn_wrap .cbtnset li:hover .cbtn.rsv span {
    border: 1px solid #B0852B;
  }
  #iine_lp main .btn_wrap .cbtnset li:hover .cbtn.site span {
    border: 1px solid #000000;
  }
}
@media screen and (max-width: 768px) {
  #iine_lp main {
    /*@media screen end*/
  }
  #iine_lp main .btn_wrap .cbtnset li .cbtn.site {
    margin-top: 5vw;
  }
  #iine_lp main .btn_wrap .cbtnset li:first-child {
    margin-bottom: 5vw;
  }
  #iine_lp main .btn_wrap .cbtnset li:nth-last-child(2) {
    margin-left: 0%;
  }
}
#iine_lp main .concept {
  margin-top: 5%;
  z-index: 1;
  position: relative;
}
#iine_lp main .concept .concept_wrap {
  position: relative;
}
#iine_lp main .concept .concept_wrap .deco_flbox {
  position: absolute;
  left: 0;
  width: 100vw;
  top: -12%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
#iine_lp main .concept .concept_wrap .deco_flbox .deco_img_1 {
  width: 22%;
  margin-top: 25%;
}
#iine_lp main .concept .concept_wrap .deco_flbox .deco_img_2 {
  width: 16%;
  margin-bottom: 19%;
}
#iine_lp main .concept .concept_wrap .concept_con .concept_img {
  width: 100%;
  max-width: 700px;
  margin-inline: auto;
}
#iine_lp main .concept .concept_wrap .concept_con p {
  text-align: center;
  font-weight: 700;
  line-height: 2.5em;
  margin-top: 5%;
}
@media screen and (max-width: 768px) {
  #iine_lp main {
    /*@media screen end*/
  }
  #iine_lp main .concept {
    margin-block: 20% 28%;
  }
  #iine_lp main .concept .concept_wrap .deco_flbox {
    top: 0%;
    height: 100%;
  }
  #iine_lp main .concept .concept_wrap .deco_flbox .deco_img {
    position: absolute;
  }
  #iine_lp main .concept .concept_wrap .deco_flbox .deco_img_1 {
    width: 44%;
    left: 0;
    margin: 0;
    bottom: -36%;
  }
  #iine_lp main .concept .concept_wrap .deco_flbox .deco_img_2 {
    width: 35%;
    right: 0;
    top: -24%;
  }
  #iine_lp main .concept .concept_wrap .concept_con .concept_img {
    width: 100%;
    max-width: 700px;
    margin-inline: auto;
  }
  #iine_lp main .concept .concept_wrap .concept_con p {
    text-align: center;
    font-weight: 700;
    line-height: 2.5em;
    margin-top: -3%;
  }
}
#iine_lp main .iinetown {
  position: relative;
  z-index: 0;
  margin-top: 5%;
}
#iine_lp main .iinetown .con_ttl_wrap {
  background: transparent url("../img/iine_lp/con_bg_img_1.jpg") left bottom/cover no-repeat;
}
#iine_lp main .iinetown .textbox {
  text-align: center;
}
#iine_lp main .iinetown .iinetown_img {
  margin-top: 5%;
}
#iine_lp main .iinetown .flbox_1 {
  margin-top: 5%;
}
#iine_lp main .iinetown .flbox_1 .textbox {
  text-align: left;
  width: 50%;
}
#iine_lp main .iinetown .flbox_1 .textbox .text {
  font-size: clamp(10px, 3vw, 14px);
}
#iine_lp main .iinetown .flbox_1 .box_r {
  width: 45%;
}
#iine_lp main .iinetown .flbox_1 .box_r .imgbox {
  width: calc(50% - 10px);
}
#iine_lp main .iinetown .flbox_1 .box_r .imgbox:nth-child(n+3) {
  margin-top: 5%;
}
#iine_lp main .iinetown .flbox_1 .box_r .imgbox p {
  font-size: clamp(10px, 3vw, 12px);
}
#iine_lp main .iinetown .bnr {
  margin-block: 5% 8%;
  width: 100%;
  max-width: 650px;
}
@media screen and (max-width: 768px) {
  #iine_lp main {
    /*@media screen end*/
  }
  #iine_lp main .iinetown {
    margin-top: 5%;
  }
  #iine_lp main .iinetown .con_ttl_wrap {
    background: transparent url("../img/iine_lp/con_bg_img_1_sp.jpg") left bottom/cover no-repeat;
  }
  #iine_lp main .iinetown .textbox {
    text-align: center;
  }
  #iine_lp main .iinetown .iinetown_img {
    margin: 10% calc(50% - 50cqi) 5%;
  }
  #iine_lp main .iinetown .flbox_1 {
    margin-top: 5%;
  }
  #iine_lp main .iinetown .flbox_1 .textbox {
    text-align: left;
    width: 100%;
  }
  #iine_lp main .iinetown .flbox_1 .textbox .text {
    font-size: clamp(10px, 4vw, 14px);
  }
  #iine_lp main .iinetown .flbox_1 .box_r {
    width: 100%;
    margin-top: 5%;
  }
  #iine_lp main .iinetown .flbox_1 .box_r .imgbox {
    width: calc(50% - 5px);
  }
  #iine_lp main .iinetown .flbox_1 .box_r .imgbox:nth-child(n+3) {
    margin-top: 7%;
  }
  #iine_lp main .iinetown .bnr {
    margin-block: 5% 8%;
    width: 100%;
    max-width: 650px;
  }
}
#iine_lp main .service {
  position: relative;
  margin-block: -5% 5%;
}
#iine_lp main .service .deco_flbox {
  position: relative;
  z-index: 4;
  width: 100vw;
}
#iine_lp main .service .deco_flbox .deco_img {
  width: 20%;
  margin-left: auto;
}
#iine_lp main .service .service_wrap {
  margin-top: -15%;
}
#iine_lp main .service .service_wrap .con_ttl_wrap {
  background: transparent url("../img/iine_lp/con_bg_img_2.jpg") left top/cover no-repeat;
}
#iine_lp main .service .service_wrap .textbox {
  text-align: center;
}
#iine_lp main .service .service_wrap .flbox {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#iine_lp main .service .service_wrap .flbox .textbox {
  text-align: left;
}
#iine_lp main .service .service_wrap .flbox .textbox .lead {
  font-size: clamp(10px, 3vw, 22px);
}
#iine_lp main .service .service_wrap .flbox .textbox .text {
  font-size: clamp(10px, 3vw, 14px);
}
#iine_lp main .service .service_wrap .flbox_1 {
  margin-top: 5%;
}
#iine_lp main .service .service_wrap .flbox_1 .box_r {
  width: 65%;
}
#iine_lp main .service .service_wrap .flbox_1 .textbox {
  text-align: left;
  width: 32%;
}
#iine_lp main .service .service_wrap .flbox_1 .textbox .text {
  font-size: clamp(10px, 3vw, 14px);
}
#iine_lp main .service .service_wrap .flbox_2 {
  margin-top: 5%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#iine_lp main .service .service_wrap .flbox_2 .box_r {
  width: 64%;
}
#iine_lp main .service .service_wrap .flbox_2 .textbox {
  text-align: left;
  width: 36%;
}
#iine_lp main .service .service_wrap .flbox_2 .textbox .textimg {
  width: 90%;
  margin-right: auto;
  margin-top: 3%;
}
#iine_lp main .service .service_wrap .flbox_3 {
  margin-top: 7%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#iine_lp main .service .service_wrap .flbox_3 .imgbox {
  width: 47%;
}
@media screen and (max-width: 768px) {
  #iine_lp main {
    /*@media screen end*/
  }
  #iine_lp main .service {
    position: relative;
    margin-block: -4% 10%;
  }
  #iine_lp main .service .deco_flbox {
    position: relative;
    z-index: 4;
    width: 100vw;
  }
  #iine_lp main .service .deco_flbox .deco_img {
    width: 38%;
    margin-left: auto;
  }
  #iine_lp main .service .service_wrap {
    margin-top: -39%;
  }
  #iine_lp main .service .service_wrap .con_ttl_wrap {
    background: transparent url("../img/iine_lp/con_bg_img_2_sp.jpg") left top/cover no-repeat;
  }
  #iine_lp main .service .service_wrap .textbox {
    text-align: center;
  }
  #iine_lp main .service .service_wrap .flbox {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  #iine_lp main .service .service_wrap .flbox .textbox {
    text-align: left;
    margin-top: 5%;
  }
  #iine_lp main .service .service_wrap .flbox .textbox .lead {
    font-size: clamp(10px, 4.4vw, 24px);
  }
  #iine_lp main .service .service_wrap .flbox .textbox .text {
    font-size: clamp(10px, 4vw, 14px);
  }
  #iine_lp main .service .service_wrap .flbox_1 {
    margin: 10% calc(50% - 50cqi) 0;
  }
  #iine_lp main .service .service_wrap .flbox_1 .box_r {
    width: 100%;
    width: 100%;
  }
  #iine_lp main .service .service_wrap .flbox_1 .textbox {
    text-align: left;
    width: 90%;
    margin-inline: auto;
  }
  #iine_lp main .service .service_wrap .flbox_2 {
    margin: 10% calc(50% - 50cqi) 0;
  }
  #iine_lp main .service .service_wrap .flbox_2 .box_r {
    width: 100%;
  }
  #iine_lp main .service .service_wrap .flbox_2 .textbox {
    text-align: left;
    width: 90%;
    margin-inline: auto;
  }
  #iine_lp main .service .service_wrap .flbox_2 .textbox .textimg {
    width: 100%;
    margin-top: 10%;
  }
  #iine_lp main .service .service_wrap .flbox_3 {
    margin-top: 10%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #iine_lp main .service .service_wrap .flbox_3 .imgbox {
    width: 100%;
  }
  #iine_lp main .service .service_wrap .flbox_3 .imgbox:last-child {
    margin-top: 10%;
  }
}
#iine_lp main .carLife {
  position: relative;
  margin-block: -19% 5%;
}
#iine_lp main .carLife .deco_flbox {
  position: relative;
  z-index: 4;
  width: 100vw;
}
#iine_lp main .carLife .deco_flbox .deco_img {
  width: 20%;
  margin-right: auto;
}
#iine_lp main .carLife .carLife_wrap {
  margin-top: -7%;
}
#iine_lp main .carLife .carLife_wrap .con_ttl_wrap {
  background: transparent url("../img/iine_lp/con_bg_img_3.jpg") left top/cover no-repeat;
}
#iine_lp main .carLife .carLife_wrap .textbox {
  text-align: center;
}
#iine_lp main .carLife .carLife_wrap .imgbox {
  margin-top: 5%;
}
@media screen and (max-width: 768px) {
  #iine_lp main {
    /*@media screen end*/
  }
  #iine_lp main .carLife {
    margin-block: -20% 10%;
  }
  #iine_lp main .carLife .deco_flbox .deco_img {
    width: 45%;
    margin-right: auto;
  }
  #iine_lp main .carLife .carLife_wrap {
    margin-top: -21%;
  }
  #iine_lp main .carLife .carLife_wrap .con_ttl_wrap {
    background: transparent url("../img/iine_lp/con_bg_img_3_sp.jpg") left top/cover no-repeat;
  }
  #iine_lp main .carLife .carLife_wrap .textbox {
    text-align: center;
  }
  #iine_lp main .carLife .carLife_wrap .imgbox {
    margin-top: 10%;
  }
}
#iine_lp main .roomPlan {
  position: relative;
  margin-block: -10% 5%;
}
#iine_lp main .roomPlan .deco_flbox {
  position: relative;
  z-index: 4;
  width: 100vw;
}
#iine_lp main .roomPlan .deco_flbox .deco_img {
  width: 20%;
  margin-left: auto;
}
#iine_lp main .roomPlan .roomPlan_wrap {
  margin-top: -13%;
}
#iine_lp main .roomPlan .roomPlan_wrap .con_ttl_wrap {
  background: transparent url("../img/iine_lp/con_bg_img_4.jpg") left top/cover no-repeat;
}
#iine_lp main .roomPlan .roomPlan_wrap .textbox {
  text-align: center;
}
#iine_lp main .roomPlan .roomPlan_wrap .imgbox {
  margin-block: 5% 3%;
}
#iine_lp main .roomPlan .roomPlan_wrap .flbox {
  margin-top: 5%;
}
#iine_lp main .roomPlan .roomPlan_wrap .flbox .plan_info {
  width: 47%;
}
#iine_lp main .roomPlan .roomPlan_wrap .flbox .plan_info .info_img {
  margin-bottom: 5%;
}
#iine_lp main .roomPlan .roomPlan_wrap .flbox .plan_info .info_img:nth-child(2) {
  width: 90%;
  margin-inline: auto;
}
#iine_lp main .roomPlan .roomPlan_wrap .flbox .plan_img {
  width: 49%;
}
@media screen and (max-width: 768px) {
  #iine_lp main {
    /*@media screen end*/
  }
  #iine_lp main .roomPlan {
    margin-block: -5% 10%;
  }
  #iine_lp main .roomPlan .deco_flbox .deco_img {
    width: 53%;
  }
  #iine_lp main .roomPlan .roomPlan_wrap {
    margin-top: -24%;
  }
  #iine_lp main .roomPlan .roomPlan_wrap .con_ttl_wrap {
    background: transparent url("../img/iine_lp/con_bg_img_4_sp.jpg") left top/cover no-repeat;
  }
  #iine_lp main .roomPlan .roomPlan_wrap .imgbox {
    margin-block: 10% 6%;
  }
  #iine_lp main .roomPlan .roomPlan_wrap .flbox {
    margin-top: 15%;
  }
  #iine_lp main .roomPlan .roomPlan_wrap .flbox .plan_info {
    width: 100%;
  }
  #iine_lp main .roomPlan .roomPlan_wrap .flbox .plan_info .info_img {
    margin-bottom: 5%;
  }
  #iine_lp main .roomPlan .roomPlan_wrap .flbox .plan_info .info_img:nth-child(2) {
    width: 90%;
    margin-inline: auto;
  }
  #iine_lp main .roomPlan .roomPlan_wrap .flbox .plan_img {
    width: 100%;
    margin-top: 5%;
  }
}
@media screen and (max-width: 768px) {
  #iine_lp {
    /*@media screen end*/
  }
  #iine_lp .flbox_bnr {
    margin-top: 0px;
    margin-bottom: 10vw;
  }
  #iine_lp .flbox_bnr .bnr {
    width: 100%;
    margin-top: 6vw;
  }
  #iine_lp .merit {
    margin-bottom: 6vw;
  }
  #iine_lp .merit .secinner {
    padding: 6vw;
  }
  #iine_lp .merit .secinner .merit-a li {
    display: block;
    width: 100%;
    margin: 0;
  }
  #iine_lp .merit .secinner .merit-a li:nth-child(2), #iine_lp .merit .secinner .merit-a li:first-child {
    margin-bottom: 3vw;
  }
  #iine_lp .merit .secinner .merit-a li .merit-prc dt p {
    font-size: 6vw;
  }
  #iine_lp .merit .secinner .merit-a li .merit-prc dt .p1 i {
    font-size: 2.5vw;
  }
  #iine_lp .merit .secinner .merit-a li .merit-prc dt .p2 {
    font-size: 8vw;
  }
  #iine_lp .merit .secinner .merit-a li .merit-prc dd span.s1 {
    font-size: 14vw;
    letter-spacing: 0.04em;
    line-height: 1.2em;
  }
  #iine_lp .merit .secinner .merit-a li .merit-prc dd span.s2 {
    font-size: 6vw;
  }
  #iine_lp .koudou {
    margin-bottom: 16vw;
  }
  #iine_lp .koudou section .secinner {
    padding-top: 3vw;
  }
  #iine_lp .koudou section .red {
    width: 90%;
  }
  #iine_lp .koudou section .red i {
    color: #fff;
    padding-top: 5px;
    font-size: clamp(10px, 7vw, 35px);
  }
  #iine_lp .koudou section p {
    line-height: 1.4em;
  }
  #iine_lp .koudou section p span small {
    font-size: 2.5vw;
    line-height: 1.3em;
    -webkit-transform: scale(0.86) translateY(4px);
            transform: scale(0.86) translateY(4px);
    padding: 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 330px) {
  #iine_lp .koudou section p span small {
    line-height: 1.7em;
    -webkit-transform: scale(0.8) translateY(6px);
            transform: scale(0.8) translateY(6px);
  }
}
@media screen and (max-width: 768px) {
  #iine_lp .koudou section .p1 {
    font-size: 4.5vw;
  }
  #iine_lp .koudou section .p2 {
    font-size: 7vw;
    margin-bottom: 3vw;
  }
}
#iine_lp.cmnShow .flbann {
  right: 0px;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  #iine_lp {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #iine_lp {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #iine_lp {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  /*@media screen end*/
}
#lifestyle .note {
  font-size: 10px;
}
#lifestyle .bold {
  font-weight: 600;
  font-size: clamp(16px, 5vw, 20px);
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
#lifestyle .pagetitle {
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
}
#lifestyle .pagetitle:before {
  display: none;
}
#lifestyle .pagetitle .bg {
  position: relative;
  -webkit-transform: scale(1.1) translateY(-50px);
          transform: scale(1.1) translateY(-50px);
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  z-index: 7;
}
#lifestyle .pagetitle > ul {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
}
#lifestyle .pagetitle > ul li {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
  background-size: cover;
  background-position: center center;
  -webkit-transform: scale(1.1) translateY(50px);
          transform: scale(1.1) translateY(50px);
  opacity: 0;
}
#lifestyle .pagetitle > ul li:nth-child(1) {
  background-image: url("../img/nearlife/main_01_02.png");
  -webkit-transform: scale(1.1) translateY(-50px) translateX(50px);
          transform: scale(1.1) translateY(-50px) translateX(50px);
}
@media screen and (max-width: 768px) {
  #lifestyle .pagetitle > ul li:nth-child(1) {
    -webkit-transform: scale(1.1) translateY(50px);
            transform: scale(1.1) translateY(50px);
    background-image: url("../img/nearlife/main_01_02_sp.png");
  }
}
#lifestyle .pagetitle > ul li:nth-child(2) {
  background-image: url("../img/nearlife/main_01_03.png");
  -webkit-transform: scale(1.1) translateY(50px);
          transform: scale(1.1) translateY(50px);
}
@media screen and (max-width: 768px) {
  #lifestyle .pagetitle > ul li:nth-child(2) {
    -webkit-transform: scale(1.1) translateY(50px);
            transform: scale(1.1) translateY(50px);
    background-image: url("../img/nearlife/main_01_03_sp.png");
  }
}
#lifestyle .pagetitle > ul li:nth-child(3) {
  -webkit-transform: scale(1.1) translateY(-50px) translateX(-50px);
          transform: scale(1.1) translateY(-50px) translateX(-50px);
  background-image: url("../img/nearlife/main_01_04.png");
}
@media screen and (max-width: 768px) {
  #lifestyle .pagetitle > ul li:nth-child(3) {
    -webkit-transform: scale(1.1) translateY(50px);
            transform: scale(1.1) translateY(50px);
    background-image: url("../img/nearlife/main_01_04_sp.png");
  }
}
#lifestyle .pagetitle > ul li:nth-child(4) {
  -webkit-transform: scale(1.1) translateY(50px) translateX(50px);
          transform: scale(1.1) translateY(50px) translateX(50px);
  background-image: url("../img/nearlife/main_01_05.png");
}
@media screen and (max-width: 768px) {
  #lifestyle .pagetitle > ul li:nth-child(4) {
    background-image: none;
    display: none;
  }
}
#lifestyle .pagetitle > ul li:nth-child(5) {
  -webkit-transform: scale(1.1) translateY(50px) translateX(-50px);
          transform: scale(1.1) translateY(50px) translateX(-50px);
  background-image: url("../img/nearlife/main_01_06.png");
}
@media screen and (max-width: 768px) {
  #lifestyle .pagetitle > ul li:nth-child(5) {
    background-image: none;
    display: none;
  }
}
#lifestyle.cmnShow .pagetitle .bg {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: 2s;
  transition: 2s;
}
#lifestyle.cmnShow .pagetitle .bg img {
  opacity: 1;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
#lifestyle.cmnShow .pagetitle > ul li {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  opacity: 1;
  -webkit-transition: 2s;
  transition: 2s;
}
#lifestyle.cmnShow .pagetitle > ul li:nth-child(1) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
#lifestyle.cmnShow .pagetitle > ul li:nth-child(2) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
#lifestyle.cmnShow .pagetitle > ul li:nth-child(3) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
#lifestyle.cmnShow .pagetitle > ul li:nth-child(4) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
#lifestyle.cmnShow .pagetitle > ul li:nth-child(5) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
#lifestyle section .img .note {
  position: absolute;
  bottom: 3px;
  right: 3px;
  font-size: 10px;
  text-align: right;
}
#lifestyle section .note_l {
  text-align: left !important;
}
#lifestyle .sec1 .secinner {
  padding-block: 80px 40px;
}
#lifestyle .sec1 .secinner .tab_area {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#lifestyle .sec1 .secinner .tab_area li {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #000;
  width: 70%;
  max-width: 300px;
  text-align: center;
  padding-block: 10px;
  position: relative;
  cursor: pointer;
}
#lifestyle .sec1 .secinner .tab_area li .img {
  position: absolute;
  bottom: 43%;
  left: -12%;
  width: 85%;
}
#lifestyle .sec1 .secinner .tab_area li:last-child {
  margin-left: 5%;
}
#lifestyle .sec1 .secinner .tab_area li:last-child .img {
  left: 38%;
  bottom: 70%;
  width: 77%;
}
#lifestyle .sec1 .secinner .tab_area li.active {
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  #lifestyle {
    /*@media screen end*/
  }
  #lifestyle .sec1 .tab_area_02 {
    margin-bottom: 40px;
  }
  #lifestyle .sec1 .secinner {
    padding-block: 80px 40px;
  }
  #lifestyle .sec1 .secinner .tab_area li {
    max-width: 400px;
  }
  #lifestyle .sec1 .secinner .tab_area li:last-child {
    margin-left: 0%;
    margin-top: 13%;
  }
}
#lifestyle .page {
  display: none;
}
#lifestyle .page.active {
  display: block;
}
#lifestyle .page .secinner {
  padding-block: 0 80px;
  text-align: center;
}
#lifestyle .page .secinner .lead {
  font-size: clamp(18px, 5vw, 20px);
  display: inline-block;
  margin-bottom: 40px;
}
#lifestyle .page .secinner .lead_img {
  position: relative;
}
#lifestyle .page .secinner .lead_img::before {
  content: "";
  position: absolute;
  background-position: center center;
  background-size: cover;
  z-index: -1;
}
#lifestyle .page .secinner .on::before {
  background-image: url("../img/lifestyle/on.svg");
  width: clamp(57%, 5vw, 68%);
  right: 88%;
  aspect-ratio: 3/1.6;
  bottom: -14%;
}
#lifestyle .page .secinner .off::before {
  background-image: url("../img/lifestyle/off.svg");
  width: 68%;
  right: 88%;
  aspect-ratio: 2/1.6;
  bottom: -86%;
}
#lifestyle .page .secinner .group {
  margin-bottom: 80px;
}
#lifestyle .page .secinner .group .time {
  font-size: clamp(16px, 5vw, 22px);
  font-weight: 700;
  position: relative;
  display: inline-block;
}
#lifestyle .page .secinner .group .time::before {
  content: "";
  position: absolute;
  width: 80%;
  height: 3px;
  background-color: #7F7D35;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 100%;
}
#lifestyle .page .secinner .group .line {
  height: 50px;
  width: 100%;
  position: relative;
  margin-block: 3%;
}
#lifestyle .page .secinner .group .line::before {
  content: "";
  position: absolute;
  background: transparent url("../img/lifestyle/dot.jpg") left top/cover no-repeat;
  width: 3px;
  height: 100%;
  aspect-ratio: 1/4;
  bottom: 0;
  background-repeat: repeat-y;
}
#lifestyle .page .secinner .group .line_top {
  height: 50px;
  width: 100%;
  position: relative;
  margin-block: 1%;
}
#lifestyle .page .secinner .group .line_top::before {
  content: "";
  position: absolute;
  background: transparent url("../img/lifestyle/dot.jpg") left top/cover no-repeat;
  width: 3px;
  height: 100%;
  aspect-ratio: 1/4;
  bottom: 0;
  background-repeat: repeat-y;
}
#lifestyle .page .secinner .group .flbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#lifestyle .page .secinner .group .flbox .box {
  width: 48%;
}
#lifestyle .page .secinner .group .flbox .box p {
  text-align: left;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#lifestyle .page .secinner .group .flbox .box .p1 {
  font-weight: 600;
  font-size: clamp(16px, 2vw, 20px);
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
#lifestyle .page .secinner .group .flbox .box .p2 {
  font-size: clamp(12px, 1vw, 13px);
  margin-top: 3%;
}
#lifestyle .page .secinner .group .flbox .box .imgbox {
  position: relative;
}
#lifestyle .page .secinner .group .flbox .box .imgbox .text_box {
  position: absolute;
  width: 100%;
}
#lifestyle .page .secinner .group .flbox .box .imgbox .text_box .text {
  line-height: 1em;
}
#lifestyle .page .secinner .group .flbox .box .imgbox .text_box .text p {
  color: #fff;
  font-size: clamp(12px, 1.5vw, 19px);
  display: inline-block;
  background-color: #7F7D35;
  padding-inline: 3%;
  letter-spacing: 0.1em;
}
#lifestyle .page .secinner .group .flbox .box .imgbox .text_box .text_2 {
  margin-top: 1.3vw;
}
#lifestyle .page .secinner .group .link_box {
  margin-top: 5%;
  width: 70%;
  max-width: 350px;
  margin-inline: auto;
}
#lifestyle .page .secinner .group .link_box .img {
  width: 70%;
  margin-inline: auto;
}
#lifestyle .page .secinner .group .link_box .btn {
  margin-top: 5%;
}
#lifestyle .page .secinner .group .link_box .btn a {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #000;
  display: inline-block;
  width: 100%;
  padding-block: 5px;
}
#lifestyle .page .secinner .group .link_box .btn a p {
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  #lifestyle {
    /*@media screen end*/
  }
  #lifestyle .page {
    padding: 0;
  }
  #lifestyle .page .secinner {
    padding-block: 0;
  }
  #lifestyle .page .secinner .lead {
    font-size: clamp(18px, 4.6vw, 20px);
    margin-bottom: 40px;
  }
  #lifestyle .page .secinner .lead_img::before {
    bottom: 59%;
  }
  #lifestyle .page .secinner .on::before {
    width: 43%;
    right: unset;
    left: 0;
  }
  #lifestyle .page .secinner .off::before {
    background-image: url("../img/lifestyle/off.svg");
    width: 66%;
    right: 46%;
    aspect-ratio: 2/1.6;
    bottom: 44%;
  }
  #lifestyle .page .secinner .group {
    margin-bottom: 80px;
  }
  #lifestyle .page .secinner .group .time {
    font-size: clamp(26px, 5vw, 30px);
    font-weight: 700;
    position: relative;
    display: inline-block;
    margin-bottom: 3%;
    letter-spacing: 0.15em;
  }
  #lifestyle .page .secinner .group .time::before {
    content: "";
    position: absolute;
    width: 80%;
    height: 3px;
    background-color: #7F7D35;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 100%;
  }
  #lifestyle .page .secinner .group .line {
    height: 50px;
    width: 100%;
    position: relative;
  }
  #lifestyle .page .secinner .group .flbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #lifestyle .page .secinner .group .flbox .box {
    width: 100%;
    margin: 0 auto;
  }
  #lifestyle .page .secinner .group .flbox .box p {
    text-align: center;
  }
  #lifestyle .page .secinner .group .flbox .box .p1 {
    font-size: clamp(16px, 2vw, 20px);
    margin-top: 5%;
  }
  #lifestyle .page .secinner .group .flbox .box .p2 {
    font-size: clamp(12px, 4vw, 14px);
    margin-top: 7%;
  }
  #lifestyle .page .secinner .group .flbox .box .imgbox {
    position: relative;
  }
  #lifestyle .page .secinner .group .flbox .box .imgbox .text_box {
    position: absolute;
    width: 100%;
  }
  #lifestyle .page .secinner .group .flbox .box .imgbox .text_box .text p {
    font-size: clamp(12px, 4vw, 19px);
  }
  #lifestyle .page .secinner .group .flbox .box .imgbox .text_box .text_2 {
    margin-top: 2vw;
  }
  #lifestyle .page .secinner .group .link_box {
    margin-top: 13%;
    width: 75%;
  }
  #lifestyle .page .secinner .group .link_box .img {
    width: 80%;
    margin-inline: auto;
  }
  #lifestyle .page .secinner .group .link_box .btn {
    margin-top: 7%;
  }
  #lifestyle .page .secinner .group .link_box .btn a p {
    letter-spacing: 0.1em;
    font-size: clamp(11px, 3vw, 16px);
  }
}
#lifestyle .senior .secinner .group_1 .flbox {
  position: relative;
}
#lifestyle .senior .secinner .group_1 .flbox .note {
  position: absolute;
  bottom: -3%;
  right: 0%;
  text-align: right;
}
#lifestyle .senior .secinner .group_1 .flbox .l {
  width: 45%;
  margin: 0 auto;
}
#lifestyle .senior .secinner .group_1 .flbox .l .imgbox {
  margin-top: 18%;
}
#lifestyle .senior .secinner .group_1 .flbox .l .imgbox .text_box {
  bottom: 93%;
  right: 0;
  margin-right: 5%;
}
#lifestyle .senior .secinner .group_1 .flbox .l .imgbox .text_box .text_1 {
  text-align: left;
  margin-left: 8%;
}
#lifestyle .senior .secinner .group_1 .flbox .l .imgbox .text_box .text_2 {
  margin-left: 0%;
  text-align: right;
}
#lifestyle .senior .secinner .group_1 .flbox .r {
  width: 50%;
}
#lifestyle .senior .secinner .group_1 .flbox .r .imgbox1 .text_box {
  bottom: unset;
  top: 0;
  left: 0;
  margin-left: 15%;
}
#lifestyle .senior .secinner .group_1 .flbox .r .imgbox1 .text_box .text_1 {
  margin-left: 0%;
  text-align: left;
}
#lifestyle .senior .secinner .group_1 .flbox .r .imgbox1 .text_box .text_2 {
  text-align: right;
  margin-right: 22%;
}
#lifestyle .senior .secinner .group_1 .flbox .r .imgbox1 .img {
  width: 85%;
  margin-left: auto;
}
#lifestyle .senior .secinner .group_1 .flbox .r .imgbox1 .img img {
  display: inline-block;
  margin-top: 14%;
}
#lifestyle .senior .secinner .group_1 .flbox .r .imgbox2 {
  margin-top: -5%;
}
#lifestyle .senior .secinner .group_1 .flbox .r .imgbox2 .text_box {
  bottom: unset;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
#lifestyle .senior .secinner .group_1 .flbox .r .imgbox2 .text_box .text {
  text-align: right;
}
#lifestyle .senior .secinner .group_1 .flbox .r .imgbox2 .img {
  width: 76%;
  margin-right: auto;
}
#lifestyle .senior .secinner .group_1 .flbox .r .imgbox3 {
  margin-top: 5%;
}
#lifestyle .senior .secinner .group_1 .flbox .r .imgbox3 .text_box {
  bottom: unset;
  top: 55%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
#lifestyle .senior .secinner .group_1 .flbox .r .imgbox3 .text_box .text {
  text-align: left;
}
#lifestyle .senior .secinner .group_1 .flbox .r .imgbox3 .text_box .text_1 {
  margin-left: 22%;
}
#lifestyle .senior .secinner .group_1 .flbox .r .imgbox3 .img {
  width: 43%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  #lifestyle .senior .secinner {
    /*@media screen end*/
  }
  #lifestyle .senior .secinner .group_1 .flbox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
  }
  #lifestyle .senior .secinner .group_1 .flbox .note {
    bottom: -3%;
    right: 0%;
  }
  #lifestyle .senior .secinner .group_1 .flbox .l {
    width: 100%;
    margin: 0 auto;
  }
  #lifestyle .senior .secinner .group_1 .flbox .l .imgbox {
    margin-top: 30%;
  }
  #lifestyle .senior .secinner .group_1 .flbox .l .imgbox .img {
    width: 90%;
  }
  #lifestyle .senior .secinner .group_1 .flbox .l .imgbox .text_box {
    bottom: 93%;
    right: 0;
    margin-right: 0%;
  }
  #lifestyle .senior .secinner .group_1 .flbox .l .imgbox .text_box .text_1 {
    text-align: left;
    margin-left: 8%;
  }
  #lifestyle .senior .secinner .group_1 .flbox .r {
    width: 100%;
    margin-top: 10%;
  }
  #lifestyle .senior .secinner .group_1 .flbox .r .imgbox1 .text_box {
    margin-left: 0%;
  }
  #lifestyle .senior .secinner .group_1 .flbox .r .imgbox1 .text_box .text_1 {
    margin-left: 0%;
    text-align: left;
  }
  #lifestyle .senior .secinner .group_1 .flbox .r .imgbox1 .text_box .text_2 {
    text-align: right;
    margin-right: 0%;
  }
  #lifestyle .senior .secinner .group_1 .flbox .r .imgbox1 .img {
    width: 90%;
    margin-left: auto;
  }
  #lifestyle .senior .secinner .group_1 .flbox .r .imgbox1 .img img {
    display: inline-block;
    margin-top: 18%;
  }
  #lifestyle .senior .secinner .group_1 .flbox .r .imgbox2 {
    margin-top: -12%;
  }
  #lifestyle .senior .secinner .group_1 .flbox .r .imgbox2 .img {
    width: 74%;
    margin-right: auto;
  }
  #lifestyle .senior .secinner .group_1 .flbox .r .imgbox3 {
    margin-top: -3%;
  }
  #lifestyle .senior .secinner .group_1 .flbox .r .imgbox3 .text_box {
    top: 83%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #lifestyle .senior .secinner .group_1 .flbox .r .imgbox3 .text_box .text {
    text-align: left;
  }
  #lifestyle .senior .secinner .group_1 .flbox .r .imgbox3 .text_box .text_1 {
    margin-left: 0%;
  }
  #lifestyle .senior .secinner .group_1 .flbox .r .imgbox3 .img {
    width: 50%;
  }
}
#lifestyle .senior .secinner .group_2 .flbox .img .note {
  position: absolute;
  bottom: 2.5%;
  right: 1%;
  text-align: right;
}
#lifestyle .senior .secinner .group_2 .flbox .r {
  width: 46.5%;
}
#lifestyle .senior .secinner .group_2 .flbox .r .imgbox {
  margin-top: 13%;
}
#lifestyle .senior .secinner .group_2 .flbox .r .imgbox .text_box {
  bottom: 77%;
  right: 0;
  margin-right: -5%;
}
#lifestyle .senior .secinner .group_2 .flbox .r .imgbox .text_box .text_1 {
  margin-left: -15%;
}
#lifestyle .senior .secinner .group_2 .flbox .r .imgbox .text_box .text_2 {
  margin-left: 25%;
}
#lifestyle .senior .secinner .group_2 .flbox .l {
  width: 49.5%;
}
#lifestyle .senior .secinner .group_2 .flbox .l .imgbox1 .text_box {
  bottom: unset;
  top: 0;
  left: 35%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#lifestyle .senior .secinner .group_2 .flbox .l .imgbox1 .text_box .text_1 {
  margin-left: 0%;
}
#lifestyle .senior .secinner .group_2 .flbox .l .imgbox1 .text_box .text_2 {
  margin-right: -50%;
}
#lifestyle .senior .secinner .group_2 .flbox .l .imgbox1 .img {
  width: 100%;
  margin-left: auto;
}
#lifestyle .senior .secinner .group_2 .flbox .l .imgbox1 .img img {
  display: inline-block;
  margin-top: 14%;
}
#lifestyle .senior .secinner .group_2 .flbox .l .imgbox2 {
  margin-top: 5%;
}
#lifestyle .senior .secinner .group_2 .flbox .l .imgbox2 .text_box {
  bottom: unset;
  top: 5%;
}
#lifestyle .senior .secinner .group_2 .flbox .l .imgbox2 .text_box .text {
  text-align: left;
}
#lifestyle .senior .secinner .group_2 .flbox .l .imgbox2 .text_box .text_2 {
  margin-left: 15%;
}
#lifestyle .senior .secinner .group_2 .flbox .l .imgbox2 .img {
  width: 56%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  #lifestyle .senior .secinner {
    /*@media screen end*/
  }
  #lifestyle .senior .secinner .group_2 .flbox .note {
    position: absolute;
    bottom: -2%;
    right: 0%;
    text-align: right;
  }
  #lifestyle .senior .secinner .group_2 .flbox .r {
    width: 100%;
  }
  #lifestyle .senior .secinner .group_2 .flbox .r .imgbox {
    margin-top: 15%;
  }
  #lifestyle .senior .secinner .group_2 .flbox .r .imgbox .text_box {
    bottom: 77%;
    right: 0;
    margin-right: 0%;
  }
  #lifestyle .senior .secinner .group_2 .flbox .r .imgbox .text_box .text_1 {
    margin-left: -19%;
  }
  #lifestyle .senior .secinner .group_2 .flbox .r .imgbox .text_box .text_2 {
    margin-left: 0%;
    text-align: right;
  }
  #lifestyle .senior .secinner .group_2 .flbox .r .imgbox .img {
    width: 90%;
    margin-left: auto;
  }
  #lifestyle .senior .secinner .group_2 .flbox .r ._sp {
    margin-top: 4%;
  }
  #lifestyle .senior .secinner .group_2 .flbox .r ._sp .text_box {
    bottom: unset;
    top: 6%;
    left: 0;
  }
  #lifestyle .senior .secinner .group_2 .flbox .r ._sp .text_box .text_1 {
    margin-left: 9%;
    text-align: left;
  }
  #lifestyle .senior .secinner .group_2 .flbox .r ._sp .text_box .text_2 {
    text-align: right;
  }
  #lifestyle .senior .secinner .group_2 .flbox .r ._sp .img {
    width: 95%;
    margin-left: unset;
  }
  #lifestyle .senior .secinner .group_2 .flbox .r ._sp .img .note {
    right: 7%;
  }
  #lifestyle .senior .secinner .group_2 .flbox .r ._sp .img img {
    display: inline-block;
    margin-top: 14%;
  }
  #lifestyle .senior .secinner .group_2 .flbox .l {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #lifestyle .senior .secinner .group_2 .flbox .l .imgbox2 {
    margin-top: 10%;
  }
  #lifestyle .senior .secinner .group_2 .flbox .l .imgbox2 .text_box {
    bottom: unset;
    top: 5%;
  }
  #lifestyle .senior .secinner .group_2 .flbox .l .imgbox2 .text_box .text {
    text-align: left;
  }
  #lifestyle .senior .secinner .group_2 .flbox .l .imgbox2 .text_box .text_2 {
    margin-left: 15%;
  }
  #lifestyle .senior .secinner .group_2 .flbox .l .imgbox2 .img {
    width: 56%;
  }
  #lifestyle .senior .secinner .group_2 .link_box {
    margin-top: 10%;
  }
}
#lifestyle .senior .secinner .group_3 .flbox {
  position: relative;
}
#lifestyle .senior .secinner .group_3 .flbox .note {
  position: absolute;
  bottom: -2%;
  right: unset;
  left: 0%;
  text-align: right;
}
#lifestyle .senior .secinner .group_3 .flbox .l {
  width: 47.5%;
}
#lifestyle .senior .secinner .group_3 .flbox .l .imgbox {
  margin-top: 18%;
}
#lifestyle .senior .secinner .group_3 .flbox .l .imgbox .text_box {
  bottom: 96%;
  left: 5%;
}
#lifestyle .senior .secinner .group_3 .flbox .l .imgbox .text_box .text {
  text-align: left;
}
#lifestyle .senior .secinner .group_3 .flbox .l .imgbox .text_box .text_2 {
  margin-left: 15%;
}
#lifestyle .senior .secinner .group_3 .flbox .r {
  width: 45%;
}
#lifestyle .senior .secinner .group_3 .flbox .r .imgbox1 .text_box {
  bottom: unset;
  top: 0%;
  left: 5%;
}
#lifestyle .senior .secinner .group_3 .flbox .r .imgbox1 .text_box .text {
  text-align: left;
}
#lifestyle .senior .secinner .group_3 .flbox .r .imgbox1 .text_box .text_2 {
  margin-left: 26%;
}
#lifestyle .senior .secinner .group_3 .flbox .r .imgbox1 .img {
  width: 100%;
}
#lifestyle .senior .secinner .group_3 .flbox .r .imgbox1 .img img {
  display: inline-block;
  margin-top: 14%;
}
#lifestyle .senior .secinner .group_3 .flbox .r .imgbox2 {
  margin-top: 10%;
}
#lifestyle .senior .secinner .group_3 .flbox .r .imgbox2 .text_box {
  bottom: unset;
  left: 9%;
  bottom: -29%;
}
#lifestyle .senior .secinner .group_3 .flbox .r .imgbox2 .text_box .text {
  text-align: left;
}
#lifestyle .senior .secinner .group_3 .flbox .r .imgbox2 .text_box .text_2 {
  margin-left: 25%;
}
#lifestyle .senior .secinner .group_3 .flbox .r .imgbox2 .img {
  width: 100%;
  margin-right: auto;
}
#lifestyle .senior .secinner .group_3 .link_box {
  margin-top: 8%;
}
@media screen and (max-width: 768px) {
  #lifestyle .senior .secinner {
    /*@media screen end*/
  }
  #lifestyle .senior .secinner .group_3 .flbox .note {
    position: absolute;
    bottom: -5%;
    right: 0%;
    text-align: right;
  }
  #lifestyle .senior .secinner .group_3 .flbox .l {
    width: 100%;
  }
  #lifestyle .senior .secinner .group_3 .flbox .l .imgbox {
    margin-top: 25%;
  }
  #lifestyle .senior .secinner .group_3 .flbox .l .imgbox .text_box {
    bottom: 96%;
    left: 5%;
  }
  #lifestyle .senior .secinner .group_3 .flbox .l .imgbox .text_box .text {
    text-align: left;
  }
  #lifestyle .senior .secinner .group_3 .flbox .l .imgbox .text_box .text_2 {
    margin-left: 15%;
  }
  #lifestyle .senior .secinner .group_3 .flbox .l .imgbox .img {
    width: 92%;
    margin-right: auto;
  }
  #lifestyle .senior .secinner .group_3 .flbox .l ._sp {
    margin-top: 10%;
  }
  #lifestyle .senior .secinner .group_3 .flbox .l ._sp .text_box {
    bottom: unset;
    top: -1%;
    left: 15%;
  }
  #lifestyle .senior .secinner .group_3 .flbox .l ._sp .text_box .text {
    text-align: left;
  }
  #lifestyle .senior .secinner .group_3 .flbox .l ._sp .text_box .text_2 {
    margin-left: 26%;
  }
  #lifestyle .senior .secinner .group_3 .flbox .l ._sp .img {
    width: 92%;
    margin-left: auto;
    margin-right: unset;
  }
  #lifestyle .senior .secinner .group_3 .flbox .l ._sp .img img {
    display: inline-block;
    margin-top: 14%;
  }
  #lifestyle .senior .secinner .group_3 .flbox .r {
    width: 100%;
  }
  #lifestyle .senior .secinner .group_3 .flbox .r .imgbox2 {
    margin-top: 10%;
  }
  #lifestyle .senior .secinner .group_3 .flbox .r .imgbox2 .text_box {
    bottom: unset;
    left: 0%;
    bottom: -29%;
  }
  #lifestyle .senior .secinner .group_3 .flbox .r .imgbox2 .text_box .text {
    text-align: left;
  }
  #lifestyle .senior .secinner .group_3 .flbox .r .imgbox2 .text_box .text_2 {
    margin-left: 0;
    text-align: right;
  }
  #lifestyle .senior .secinner .group_3 .flbox .r .imgbox2 .img {
    width: 90%;
    margin-right: unset;
    margin-left: auto;
  }
  #lifestyle .senior .secinner .group_3 .link_box {
    margin-top: 25%;
  }
}
#lifestyle .senior .secinner .group_4 .flbox {
  position: relative;
}
#lifestyle .senior .secinner .group_4 .flbox .note {
  position: absolute;
  bottom: -2%;
  right: 0%;
  text-align: right;
}
#lifestyle .senior .secinner .group_4 .flbox .r {
  width: 50%;
}
#lifestyle .senior .secinner .group_4 .flbox .r .imgbox {
  margin-top: 9%;
}
#lifestyle .senior .secinner .group_4 .flbox .r .imgbox .img {
  width: 77%;
  margin-left: auto;
  margin-right: 5%;
}
#lifestyle .senior .secinner .group_4 .flbox .r .imgbox .text_box {
  bottom: 77%;
  left: 7%;
}
#lifestyle .senior .secinner .group_4 .flbox .r .imgbox .text_box .text {
  text-align: left;
}
#lifestyle .senior .secinner .group_4 .flbox .r .imgbox .text_box .text_1 {
  margin-right: -5%;
}
#lifestyle .senior .secinner .group_4 .flbox .r .imgbox .text_box .text_2 {
  margin-left: 35%;
}
#lifestyle .senior .secinner .group_4 .flbox .l {
  width: 46%;
}
#lifestyle .senior .secinner .group_4 .flbox .l .imgbox1 .text_box {
  bottom: unset;
  top: 0;
  left: 14%;
}
#lifestyle .senior .secinner .group_4 .flbox .l .imgbox1 .text_box .text {
  text-align: left;
}
#lifestyle .senior .secinner .group_4 .flbox .l .imgbox1 .text_box .text_1 {
  margin-left: -7%;
}
#lifestyle .senior .secinner .group_4 .flbox .l .imgbox1 .img {
  width: 100%;
  margin-left: auto;
}
#lifestyle .senior .secinner .group_4 .flbox .l .imgbox1 .img img {
  display: inline-block;
  margin-top: 14%;
}
#lifestyle .senior .secinner .group_4 .flbox .l .imgbox2 {
  margin-top: 5%;
  margin-right: -13%;
}
#lifestyle .senior .secinner .group_4 .flbox .l .imgbox2 .text_box {
  bottom: unset;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 7%;
}
#lifestyle .senior .secinner .group_4 .flbox .l .imgbox2 .text_box .text {
  text-align: left;
}
#lifestyle .senior .secinner .group_4 .flbox .l .imgbox2 .text_box .text_2 {
  margin-left: 17%;
}
#lifestyle .senior .secinner .group_4 .flbox .l .imgbox2 .img {
  width: 60%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  #lifestyle .senior .secinner {
    /*@media screen end*/
  }
  #lifestyle .senior .secinner .group_4 .flbox .r {
    width: 100%;
  }
  #lifestyle .senior .secinner .group_4 .flbox .r .imgbox {
    margin-top: 14%;
  }
  #lifestyle .senior .secinner .group_4 .flbox .r .imgbox .img {
    width: 80%;
    margin-right: 0%;
  }
  #lifestyle .senior .secinner .group_4 .flbox .r .imgbox .text_box {
    bottom: 77%;
    left: 0%;
  }
  #lifestyle .senior .secinner .group_4 .flbox .r .imgbox .text_box .text {
    text-align: left;
  }
  #lifestyle .senior .secinner .group_4 .flbox .r .imgbox .text_box .text_1 {
    margin-right: 0%;
    text-align: left;
  }
  #lifestyle .senior .secinner .group_4 .flbox .r .imgbox .text_box .text_2 {
    margin-left: 48%;
  }
  #lifestyle .senior .secinner .group_4 .flbox .r ._sp {
    margin-top: 25%;
    margin-right: 0%;
  }
  #lifestyle .senior .secinner .group_4 .flbox .r ._sp .text_box {
    bottom: unset;
    top: -22%;
    -webkit-transform: unset;
            transform: unset;
    left: 0%;
  }
  #lifestyle .senior .secinner .group_4 .flbox .r ._sp .text_box .text {
    text-align: left;
  }
  #lifestyle .senior .secinner .group_4 .flbox .r ._sp .text_box .text_1 {
    margin-left: -1%;
  }
  #lifestyle .senior .secinner .group_4 .flbox .r ._sp .text_box .text_2 {
    margin-left: 0%;
    text-align: right;
  }
  #lifestyle .senior .secinner .group_4 .flbox .r ._sp .img {
    width: 95%;
    margin-left: unset;
    margin-right: auto;
  }
  #lifestyle .senior .secinner .group_4 .flbox .l {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #lifestyle .senior .secinner .group_4 .flbox .l .imgbox2 {
    margin-top: 10%;
    margin-right: 0%;
  }
  #lifestyle .senior .secinner .group_4 .flbox .l .imgbox2 .text_box {
    left: 0%;
  }
  #lifestyle .senior .secinner .group_4 .flbox .l .imgbox2 .text_box .text {
    text-align: left;
  }
  #lifestyle .senior .secinner .group_4 .flbox .l .imgbox2 .text_box .text_2 {
    margin-left: 17%;
  }
  #lifestyle .senior .secinner .group_4 .flbox .l .imgbox2 .img {
    width: 60%;
    margin-left: auto;
  }
}
#lifestyle .single .secinner .lead {
  margin-block: 8%;
}
#lifestyle .single .secinner .flbox_p {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
  width: 100%;
  margin-block: 8% 0%;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}
#lifestyle .single .secinner .flbox_p p {
  color: #7F7D35;
}
#lifestyle .single .secinner .flbox_p .textbox_1 {
  width: 13%;
  background-color: #7F7D35;
  aspect-ratio: 1/1;
  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;
}
#lifestyle .single .secinner .flbox_p .textbox_1 p {
  color: #fff;
  font-size: clamp(14px, 3vw, 16px);
}
#lifestyle .single .secinner .flbox_p .textbox_2 {
  font-size: clamp(12px, 3vw, 14px);
}
@media screen and (max-width: 768px) {
  #lifestyle .single .secinner {
    /*@media screen end*/
  }
  #lifestyle .single .secinner .lead {
    margin-block: 20% 15%;
  }
  #lifestyle .single .secinner .flbox_p {
    margin-top: 8%;
  }
  #lifestyle .single .secinner .flbox_p .textbox_1 {
    width: 20%;
    aspect-ratio: 1/2;
  }
  #lifestyle .single .secinner .flbox_p .textbox_1 p {
    font-size: clamp(14px, 3vw, 16px);
  }
  #lifestyle .single .secinner .flbox_p .textbox_2 p {
    text-align: left !important;
    font-size: clamp(13px, 3vw, 14px);
  }
}
#lifestyle .single .secinner .group_1 .flbox {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#lifestyle .single .secinner .group_1 .flbox .l {
  width: 51%;
}
#lifestyle .single .secinner .group_1 .flbox .l .flbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#lifestyle .single .secinner .group_1 .flbox .l .flbox .flbox_p .textbox_2 {
  width: 82%;
}
#lifestyle .single .secinner .group_1 .flbox .l .flbox .flbox_p .textbox_2 p {
  position: relative;
}
#lifestyle .single .secinner .group_1 .flbox .l .flbox .flbox_p .textbox_2 p::before {
  content: "○";
  position: absolute;
  right: 100%;
  top: 0;
}
#lifestyle .single .secinner .group_1 .flbox .l .flbox .flbox_2 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 105%;
  margin-left: -5%;
  margin-top: 4%;
}
#lifestyle .single .secinner .group_1 .flbox .l .flbox .flbox_2 .img {
  width: 42%;
}
#lifestyle .single .secinner .group_1 .flbox .l .flbox .flbox_2 .img p {
  font-size: 12px;
}
#lifestyle .single .secinner .group_1 .flbox .l .flbox .flbox_2 .img:last-child {
  margin-left: 5%;
}
#lifestyle .single .secinner .group_1 .flbox .r {
  width: 45%;
  margin-bottom: 1em;
}
#lifestyle .single .secinner .group_1 .flbox .r .imgbox .text_box {
  bottom: unset;
  top: -20%;
  left: 30%;
}
#lifestyle .single .secinner .group_1 .flbox .r .imgbox .text_box .text {
  text-align: left;
}
#lifestyle .single .secinner .group_1 .flbox .r .imgbox .text_box .text_1 {
  margin-left: 0%;
  text-align: left;
}
#lifestyle .single .secinner .group_1 .flbox .r .imgbox .text_box .text_2 {
  margin-left: 25%;
}
#lifestyle .single .secinner .group_1 .flbox .r .imgbox2 {
  margin-top: -5%;
}
#lifestyle .single .secinner .group_1 .flbox .r .imgbox2 .text_box {
  bottom: unset;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
#lifestyle .single .secinner .group_1 .flbox .r .imgbox2 .text_box .text {
  text-align: right;
}
#lifestyle .single .secinner .group_1 .flbox .r .imgbox2 .img {
  width: 76%;
  margin-right: auto;
}
#lifestyle .single .secinner .group_1 .flbox .r .imgbox3 {
  margin-top: 5%;
}
#lifestyle .single .secinner .group_1 .flbox .r .imgbox3 .text_box {
  bottom: unset;
  top: 55%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
#lifestyle .single .secinner .group_1 .flbox .r .imgbox3 .text_box .text {
  text-align: left;
}
#lifestyle .single .secinner .group_1 .flbox .r .imgbox3 .text_box .text_1 {
  margin-left: 22%;
}
#lifestyle .single .secinner .group_1 .flbox .r .imgbox3 .img {
  width: 43%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  #lifestyle .single .secinner {
    /*@media screen end*/
  }
  #lifestyle .single .secinner .group_1 .flbox {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  #lifestyle .single .secinner .group_1 .flbox .l {
    width: 100%;
  }
  #lifestyle .single .secinner .group_1 .flbox .l .flbox .flbox_p .textbox_2 {
    width: 74%;
  }
  #lifestyle .single .secinner .group_1 .flbox .l .flbox .flbox_p .textbox_2 p {
    position: relative;
    text-align: left;
  }
  #lifestyle .single .secinner .group_1 .flbox .l .flbox .flbox_2 {
    width: 100%;
    margin-left: 0%;
    margin-top: 4%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #lifestyle .single .secinner .group_1 .flbox .l .flbox .flbox_2 .img {
    width: 48%;
  }
  #lifestyle .single .secinner .group_1 .flbox .l .flbox .flbox_2 .img p {
    font-size: 11px;
    text-align: left;
  }
  #lifestyle .single .secinner .group_1 .flbox .l .flbox .flbox_2 .img:last-child {
    margin-left: 0%;
  }
  #lifestyle .single .secinner .group_1 .flbox .r {
    width: 100%;
    margin-bottom: 0em;
    margin-top: 13%;
  }
  #lifestyle .single .secinner .group_1 .flbox .r .imgbox .img {
    width: 90%;
    margin-left: auto;
  }
  #lifestyle .single .secinner .group_1 .flbox .r .imgbox .text_box {
    top: -7%;
  }
}
#lifestyle .single .secinner .group_2 .flbox {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#lifestyle .single .secinner .group_2 .flbox .l {
  width: 50%;
}
#lifestyle .single .secinner .group_2 .flbox .l .flbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#lifestyle .single .secinner .group_2 .flbox .l .flbox .flbox_p .textbox_2 {
  width: 84%;
}
#lifestyle .single .secinner .group_2 .flbox .r {
  width: 45%;
  margin-bottom: 0em;
  margin-top: 2%;
}
#lifestyle .single .secinner .group_2 .flbox .r .imgbox .img .note {
  position: absolute;
  bottom: 3px;
  right: unset;
  left: 3px;
  text-align: right;
}
#lifestyle .single .secinner .group_2 .flbox .r .imgbox .text_box {
  top: unset;
  bottom: 8%;
  left: 30%;
}
#lifestyle .single .secinner .group_2 .flbox .r .imgbox .text_box .text_1 {
  margin-left: 18%;
  text-align: left;
}
#lifestyle .single .secinner .group_2 .flbox .r .imgbox .text_box .text_2 {
  margin-left: 0%;
  text-align: right;
}
#lifestyle .single .secinner .group_2 .flbox .r .imgbox2 {
  margin-top: -5%;
}
#lifestyle .single .secinner .group_2 .flbox .r .imgbox2 .text_box {
  bottom: unset;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
#lifestyle .single .secinner .group_2 .flbox .r .imgbox2 .text_box .text {
  text-align: right;
}
#lifestyle .single .secinner .group_2 .flbox .r .imgbox2 .img {
  width: 76%;
  margin-right: auto;
}
#lifestyle .single .secinner .group_2 .flbox .r .imgbox3 {
  margin-top: 5%;
}
#lifestyle .single .secinner .group_2 .flbox .r .imgbox3 .text_box {
  bottom: unset;
  top: 55%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
#lifestyle .single .secinner .group_2 .flbox .r .imgbox3 .text_box .text {
  text-align: left;
}
#lifestyle .single .secinner .group_2 .flbox .r .imgbox3 .text_box .text_1 {
  margin-left: 22%;
}
#lifestyle .single .secinner .group_2 .flbox .r .imgbox3 .img {
  width: 43%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  #lifestyle .single .secinner {
    /*@media screen end*/
  }
  #lifestyle .single .secinner .group_2 .flbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #lifestyle .single .secinner .group_2 .flbox .l {
    width: 100%;
  }
  #lifestyle .single .secinner .group_2 .flbox .l .flbox .flbox_p .textbox_1 {
    aspect-ratio: 1/1.5;
  }
  #lifestyle .single .secinner .group_2 .flbox .l .flbox .flbox_p .textbox_2 {
    width: 76%;
  }
  #lifestyle .single .secinner .group_2 .flbox .r {
    width: 100%;
    margin-bottom: 1em;
  }
  #lifestyle .single .secinner .group_2 .flbox .r .imgbox .img {
    width: 90%;
    margin-right: auto;
  }
  #lifestyle .single .secinner .group_2 .flbox .r .imgbox .text_box {
    bottom: unset;
    bottom: 6%;
    left: 0%;
    right: 0;
  }
  #lifestyle .single .secinner .group_2 .flbox .r .imgbox .text_box .text {
    text-align: left;
  }
  #lifestyle .single .secinner .group_2 .flbox .r .imgbox .text_box .text_1 {
    text-align: left;
  }
  #lifestyle .single .secinner .group_2 .flbox .r .imgbox .text_box .text_2 {
    text-align: right;
  }
}
#lifestyle .single .secinner .group_3 .flbox {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#lifestyle .single .secinner .group_3 .flbox .l {
  width: 51%;
}
#lifestyle .single .secinner .group_3 .flbox .l .flbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#lifestyle .single .secinner .group_3 .flbox .l .flbox .flbox_p .textbox_2 {
  width: 82%;
}
#lifestyle .single .secinner .group_3 .flbox .l .flbox .flbox_p .textbox_2 p {
  position: relative;
}
#lifestyle .single .secinner .group_3 .flbox .l .flbox .flbox_2 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 105%;
  margin-left: -5%;
}
#lifestyle .single .secinner .group_3 .flbox .l .flbox .flbox_2 .img {
  width: 42%;
}
#lifestyle .single .secinner .group_3 .flbox .l .flbox .flbox_2 .img p {
  font-size: 12px;
}
#lifestyle .single .secinner .group_3 .flbox .l .flbox .flbox_2 .img:last-child {
  margin-left: 5%;
}
#lifestyle .single .secinner .group_3 .flbox .r {
  width: 45%;
  margin-bottom: 1em;
}
#lifestyle .single .secinner .group_3 .flbox .r .imgbox .text_box {
  bottom: 14%;
  top: unset;
  left: -31%;
}
#lifestyle .single .secinner .group_3 .flbox .r .imgbox .text_box .text {
  text-align: left;
}
#lifestyle .single .secinner .group_3 .flbox .r .imgbox .text_box .text_1 {
  margin-left: 0%;
  text-align: left;
}
#lifestyle .single .secinner .group_3 .flbox .r .imgbox .text_box .text_2 {
  margin-left: 25%;
}
#lifestyle .single .secinner .group_3 .flbox .r .imgbox2 {
  margin-top: -5%;
}
#lifestyle .single .secinner .group_3 .flbox .r .imgbox2 .text_box {
  bottom: unset;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
#lifestyle .single .secinner .group_3 .flbox .r .imgbox2 .text_box .text {
  text-align: right;
}
#lifestyle .single .secinner .group_3 .flbox .r .imgbox2 .img {
  width: 76%;
  margin-right: auto;
}
#lifestyle .single .secinner .group_3 .flbox .r .imgbox3 {
  margin-top: 5%;
}
#lifestyle .single .secinner .group_3 .flbox .r .imgbox3 .text_box {
  bottom: unset;
  top: 55%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
#lifestyle .single .secinner .group_3 .flbox .r .imgbox3 .text_box .text {
  text-align: left;
}
#lifestyle .single .secinner .group_3 .flbox .r .imgbox3 .text_box .text_1 {
  margin-left: 22%;
}
#lifestyle .single .secinner .group_3 .flbox .r .imgbox3 .img {
  width: 43%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  #lifestyle .single .secinner {
    /*@media screen end*/
  }
  #lifestyle .single .secinner .group_3 .flbox {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  #lifestyle .single .secinner .group_3 .flbox .l {
    width: 100%;
  }
  #lifestyle .single .secinner .group_3 .flbox .l .flbox .flbox_p .textbox_1 {
    aspect-ratio: 1/1.5;
  }
  #lifestyle .single .secinner .group_3 .flbox .l .flbox .flbox_p .textbox_2 {
    width: 75%;
  }
  #lifestyle .single .secinner .group_3 .flbox .l .flbox .flbox_p .textbox_2 p {
    position: relative;
    text-align: left;
  }
  #lifestyle .single .secinner .group_3 .flbox .r {
    width: 100%;
    margin-bottom: 0em;
    margin-top: 10%;
  }
  #lifestyle .single .secinner .group_3 .flbox .r .imgbox .img {
    width: 90%;
    margin-left: auto;
  }
  #lifestyle .single .secinner .group_3 .flbox .r .imgbox .text_box {
    top: 61%;
    left: 0;
  }
}
#lifestyle .single .secinner .group_4 .flbox .r {
  width: 50%;
}
#lifestyle .single .secinner .group_4 .flbox .r .imgbox {
  margin-top: 9%;
}
#lifestyle .single .secinner .group_4 .flbox .r .imgbox .img {
  width: 77%;
  margin-left: auto;
  margin-right: 5%;
}
#lifestyle .single .secinner .group_4 .flbox .r .imgbox .text_box {
  bottom: 77%;
  left: 7%;
}
#lifestyle .single .secinner .group_4 .flbox .r .imgbox .text_box .text {
  text-align: left;
}
#lifestyle .single .secinner .group_4 .flbox .r .imgbox .text_box .text_1 {
  margin-right: -5%;
}
#lifestyle .single .secinner .group_4 .flbox .r .imgbox .text_box .text_2 {
  margin-left: 35%;
}
#lifestyle .single .secinner .group_4 .flbox .l {
  width: 46%;
}
#lifestyle .single .secinner .group_4 .flbox .l .imgbox1 .text_box {
  bottom: unset;
  top: 0;
  left: 14%;
}
#lifestyle .single .secinner .group_4 .flbox .l .imgbox1 .text_box .text {
  text-align: left;
}
#lifestyle .single .secinner .group_4 .flbox .l .imgbox1 .text_box .text_1 {
  margin-left: -7%;
}
#lifestyle .single .secinner .group_4 .flbox .l .imgbox1 .img {
  width: 100%;
  margin-left: auto;
}
#lifestyle .single .secinner .group_4 .flbox .l .imgbox1 .img img {
  display: inline-block;
  margin-top: 14%;
}
#lifestyle .single .secinner .group_4 .flbox .l .imgbox2 {
  margin-top: 5%;
  margin-right: -13%;
}
#lifestyle .single .secinner .group_4 .flbox .l .imgbox2 .text_box {
  bottom: unset;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 7%;
}
#lifestyle .single .secinner .group_4 .flbox .l .imgbox2 .text_box .text {
  text-align: left;
}
#lifestyle .single .secinner .group_4 .flbox .l .imgbox2 .text_box .text_2 {
  margin-left: 17%;
}
#lifestyle .single .secinner .group_4 .flbox .l .imgbox2 .img {
  width: 60%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  #lifestyle .single .secinner {
    /*@media screen end*/
  }
  #lifestyle .single .secinner .group_4 .flbox .r {
    width: 100%;
  }
  #lifestyle .single .secinner .group_4 .flbox .r .imgbox {
    margin-top: 14%;
  }
  #lifestyle .single .secinner .group_4 .flbox .r .imgbox .img {
    width: 80%;
    margin-right: 0%;
  }
  #lifestyle .single .secinner .group_4 .flbox .r .imgbox .text_box {
    bottom: 77%;
    left: 0%;
  }
  #lifestyle .single .secinner .group_4 .flbox .r .imgbox .text_box .text {
    text-align: left;
  }
  #lifestyle .single .secinner .group_4 .flbox .r .imgbox .text_box .text_1 {
    margin-right: 0%;
    text-align: left;
  }
  #lifestyle .single .secinner .group_4 .flbox .r .imgbox .text_box .text_2 {
    margin-left: 48%;
  }
  #lifestyle .single .secinner .group_4 .flbox .r ._sp {
    margin-top: 25%;
    margin-right: 0%;
  }
  #lifestyle .single .secinner .group_4 .flbox .r ._sp .text_box {
    bottom: unset;
    top: -22%;
    -webkit-transform: unset;
            transform: unset;
    left: 0%;
  }
  #lifestyle .single .secinner .group_4 .flbox .r ._sp .text_box .text {
    text-align: left;
  }
  #lifestyle .single .secinner .group_4 .flbox .r ._sp .text_box .text_1 {
    margin-left: -1%;
  }
  #lifestyle .single .secinner .group_4 .flbox .r ._sp .text_box .text_2 {
    margin-left: 0%;
    text-align: right;
  }
  #lifestyle .single .secinner .group_4 .flbox .r ._sp .img {
    width: 95%;
    margin-left: unset;
    margin-right: auto;
  }
  #lifestyle .single .secinner .group_4 .flbox .l {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #lifestyle .single .secinner .group_4 .flbox .l .imgbox2 {
    margin-top: 10%;
    margin-right: 0%;
  }
  #lifestyle .single .secinner .group_4 .flbox .l .imgbox2 .text_box {
    left: 0%;
  }
  #lifestyle .single .secinner .group_4 .flbox .l .imgbox2 .text_box .text {
    text-align: left;
  }
  #lifestyle .single .secinner .group_4 .flbox .l .imgbox2 .text_box .text_2 {
    margin-left: 17%;
  }
  #lifestyle .single .secinner .group_4 .flbox .l .imgbox2 .img {
    width: 60%;
    margin-left: auto;
  }
}
#lifestyle .single .secinner .group_1_1 .flbox {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#lifestyle .single .secinner .group_1_1 .flbox .l {
  width: 52%;
}
#lifestyle .single .secinner .group_1_1 .flbox .l .flbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#lifestyle .single .secinner .group_1_1 .flbox .l .flbox .flbox_p .textbox_2 {
  width: 82%;
}
#lifestyle .single .secinner .group_1_1 .flbox .l .flbox .flbox_p .textbox_2 p {
  position: relative;
}
#lifestyle .single .secinner .group_1_1 .flbox .l .flbox .flbox_2 {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  margin-left: 0%;
  margin-top: 4%;
}
#lifestyle .single .secinner .group_1_1 .flbox .l .flbox .flbox_2 .img {
  width: 42%;
}
#lifestyle .single .secinner .group_1_1 .flbox .l .flbox .flbox_2 .img p {
  font-size: 12px;
}
#lifestyle .single .secinner .group_1_1 .flbox .l .flbox .flbox_2 .img:last-child {
  margin-left: 5%;
}
#lifestyle .single .secinner .group_1_1 .flbox .r {
  width: 45%;
  margin-bottom: 1em;
}
#lifestyle .single .secinner .group_1_1 .flbox .r .imgbox .text_box {
  bottom: unset;
  top: -20%;
  left: 30%;
}
#lifestyle .single .secinner .group_1_1 .flbox .r .imgbox .text_box .text {
  text-align: left;
}
#lifestyle .single .secinner .group_1_1 .flbox .r .imgbox .text_box .text_1 {
  margin-left: 0%;
  text-align: left;
}
#lifestyle .single .secinner .group_1_1 .flbox .r .imgbox .text_box .text_2 {
  margin-left: 25%;
}
#lifestyle .single .secinner .group_1_1 .flbox .r .imgbox2 {
  margin-top: -5%;
}
#lifestyle .single .secinner .group_1_1 .flbox .r .imgbox2 .text_box {
  bottom: unset;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
#lifestyle .single .secinner .group_1_1 .flbox .r .imgbox2 .text_box .text {
  text-align: right;
}
#lifestyle .single .secinner .group_1_1 .flbox .r .imgbox2 .img {
  width: 76%;
  margin-right: auto;
}
#lifestyle .single .secinner .group_1_1 .flbox .r .imgbox3 {
  margin-top: 5%;
}
#lifestyle .single .secinner .group_1_1 .flbox .r .imgbox3 .text_box {
  bottom: unset;
  top: 55%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
#lifestyle .single .secinner .group_1_1 .flbox .r .imgbox3 .text_box .text {
  text-align: left;
}
#lifestyle .single .secinner .group_1_1 .flbox .r .imgbox3 .text_box .text_1 {
  margin-left: 22%;
}
#lifestyle .single .secinner .group_1_1 .flbox .r .imgbox3 .img {
  width: 43%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  #lifestyle .single .secinner {
    /*@media screen end*/
  }
  #lifestyle .single .secinner .group_1_1 .flbox {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  #lifestyle .single .secinner .group_1_1 .flbox .l {
    width: 100%;
  }
  #lifestyle .single .secinner .group_1_1 .flbox .l .flbox .flbox_p .textbox_1 {
    aspect-ratio: 1/1.5;
  }
  #lifestyle .single .secinner .group_1_1 .flbox .l .flbox .flbox_p .textbox_2 {
    width: 77%;
  }
  #lifestyle .single .secinner .group_1_1 .flbox .l .flbox .flbox_p .textbox_2 p {
    position: relative;
    text-align: left;
  }
  #lifestyle .single .secinner .group_1_1 .flbox .l .flbox .flbox_2 {
    width: 100%;
    margin-left: 0%;
    -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: 8%;
  }
  #lifestyle .single .secinner .group_1_1 .flbox .l .flbox .flbox_2 .img {
    width: 48%;
  }
  #lifestyle .single .secinner .group_1_1 .flbox .l .flbox .flbox_2 .img p {
    font-size: 10px;
    text-align: left;
  }
  #lifestyle .single .secinner .group_1_1 .flbox .l .flbox .flbox_2 .img:last-child {
    margin-left: 0%;
  }
  #lifestyle .single .secinner .group_1_1 .flbox .r {
    width: 100%;
    margin-bottom: 0em;
    margin-top: 20%;
  }
  #lifestyle .single .secinner .group_1_1 .flbox .r .imgbox .img {
    width: 90%;
    margin-left: auto;
  }
  #lifestyle .single .secinner .group_1_1 .flbox .r .imgbox .text_box {
    top: -15%;
    right: 0;
    left: unset;
  }
  #lifestyle .single .secinner .group_1_1 .flbox .r .imgbox .text_box .text_1 {
    text-align: left;
    margin-left: 22%;
  }
  #lifestyle .single .secinner .group_1_1 .flbox .r .imgbox .text_box .text_2 {
    text-align: right;
  }
}
#lifestyle .single .secinner .group_2_1 .flbox {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
}
#lifestyle .single .secinner .group_2_1 .flbox .note {
  position: absolute;
  bottom: -3%;
  right: 6%;
  text-align: right;
}
#lifestyle .single .secinner .group_2_1 .flbox .l {
  width: 51%;
}
#lifestyle .single .secinner .group_2_1 .flbox .l .flbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#lifestyle .single .secinner .group_2_1 .flbox .l .flbox .flbox_p .textbox_2 {
  width: 83%;
}
#lifestyle .single .secinner .group_2_1 .flbox .l .flbox .flbox_p .textbox_2 p {
  position: relative;
}
#lifestyle .single .secinner .group_2_1 .flbox .l .flbox .flbox_2 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  margin-left: 0%;
  margin-top: 5%;
}
#lifestyle .single .secinner .group_2_1 .flbox .l .flbox .flbox_2 .img {
  width: 42%;
}
#lifestyle .single .secinner .group_2_1 .flbox .l .flbox .flbox_2 .img p {
  font-size: 12px;
}
#lifestyle .single .secinner .group_2_1 .flbox .l .flbox .flbox_2 .img:first-child {
  margin-left: 5%;
}
#lifestyle .single .secinner .group_2_1 .flbox .r {
  width: 45%;
  margin-bottom: 1em;
}
#lifestyle .single .secinner .group_2_1 .flbox .r .imgbox .text_box {
  bottom: unset;
  top: -16%;
  left: 9%;
}
#lifestyle .single .secinner .group_2_1 .flbox .r .imgbox .text_box .text {
  text-align: left;
}
#lifestyle .single .secinner .group_2_1 .flbox .r .imgbox .text_box .text_1 {
  margin-left: 0%;
  text-align: left;
}
#lifestyle .single .secinner .group_2_1 .flbox .r .imgbox .text_box .text_2 {
  margin-left: 25%;
}
#lifestyle .single .secinner .group_2_1 .flbox .r .imgbox2 {
  margin-top: -5%;
}
#lifestyle .single .secinner .group_2_1 .flbox .r .imgbox2 .text_box {
  bottom: unset;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
#lifestyle .single .secinner .group_2_1 .flbox .r .imgbox2 .text_box .text {
  text-align: right;
}
#lifestyle .single .secinner .group_2_1 .flbox .r .imgbox2 .img {
  width: 76%;
  margin-right: auto;
}
#lifestyle .single .secinner .group_2_1 .flbox .r .imgbox3 {
  margin-top: 5%;
}
#lifestyle .single .secinner .group_2_1 .flbox .r .imgbox3 .text_box {
  bottom: unset;
  top: 55%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
#lifestyle .single .secinner .group_2_1 .flbox .r .imgbox3 .text_box .text {
  text-align: left;
}
#lifestyle .single .secinner .group_2_1 .flbox .r .imgbox3 .text_box .text_1 {
  margin-left: 22%;
}
#lifestyle .single .secinner .group_2_1 .flbox .r .imgbox3 .img {
  width: 43%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  #lifestyle .single .secinner {
    /*@media screen end*/
  }
  #lifestyle .single .secinner .group_2_1 .flbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #lifestyle .single .secinner .group_2_1 .flbox .note {
    bottom: 0%;
    right: -1%;
  }
  #lifestyle .single .secinner .group_2_1 .flbox .l {
    width: 100%;
  }
  #lifestyle .single .secinner .group_2_1 .flbox .l .flbox .flbox_p .textbox_1 {
    aspect-ratio: 1/1.8;
  }
  #lifestyle .single .secinner .group_2_1 .flbox .l .flbox .flbox_p .textbox_2 {
    width: 76%;
  }
  #lifestyle .single .secinner .group_2_1 .flbox .l .flbox .flbox_p .flbox_2 {
    width: 100%;
    margin-left: 0%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #lifestyle .single .secinner .group_2_1 .flbox .l .flbox .flbox_p .flbox_2 .img {
    width: 48%;
  }
  #lifestyle .single .secinner .group_2_1 .flbox .l .flbox .flbox_p .flbox_2 .img p {
    font-size: 10px;
    text-align: left;
  }
  #lifestyle .single .secinner .group_2_1 .flbox .l .flbox .flbox_p .flbox_2 .img:first-child {
    margin-left: 0%;
  }
  #lifestyle .single .secinner .group_2_1 .flbox .r {
    width: 100%;
    margin-bottom: 1em;
    margin-top: 20%;
  }
  #lifestyle .single .secinner .group_2_1 .flbox .r .imgbox .img {
    width: 90%;
    margin-left: auto;
    margin-right: unset;
  }
  #lifestyle .single .secinner .group_2_1 .flbox .r .imgbox .text_box {
    bottom: unset;
    bottom: 6%;
    left: 0%;
    right: 0;
  }
  #lifestyle .single .secinner .group_2_1 .flbox .r .imgbox .text_box .text {
    text-align: left;
  }
  #lifestyle .single .secinner .group_2_1 .flbox .r .imgbox .text_box .text_1 {
    text-align: left;
    margin-left: 4%;
  }
  #lifestyle .single .secinner .group_2_1 .flbox .r .imgbox .text_box .text_2 {
    text-align: right;
    margin-left: 0;
    margin-right: 5%;
  }
}
#lifestyle .single .secinner .group_3_1 .flbox {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
}
#lifestyle .single .secinner .group_3_1 .flbox .note {
  position: absolute;
  bottom: -3%;
  right: 0%;
  text-align: right;
}
#lifestyle .single .secinner .group_3_1 .flbox .l {
  width: 50%;
}
#lifestyle .single .secinner .group_3_1 .flbox .l .flbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#lifestyle .single .secinner .group_3_1 .flbox .l .flbox .flbox_p .textbox_2 {
  width: 82%;
}
#lifestyle .single .secinner .group_3_1 .flbox .l .flbox .flbox_2 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  margin-top: 4%;
}
#lifestyle .single .secinner .group_3_1 .flbox .l .flbox .flbox_2 .img {
  width: 42%;
}
#lifestyle .single .secinner .group_3_1 .flbox .l .flbox .flbox_2 .img p {
  font-size: 12px;
}
#lifestyle .single .secinner .group_3_1 .flbox .l .flbox .flbox_2 .img:last-child {
  margin-left: 5%;
}
#lifestyle .single .secinner .group_3_1 .flbox .r {
  width: 46%;
}
#lifestyle .single .secinner .group_3_1 .flbox .r .imgbox .text_box {
  bottom: unset;
  top: -17%;
  left: 3%;
}
#lifestyle .single .secinner .group_3_1 .flbox .r .imgbox .text_box .text {
  text-align: left;
}
#lifestyle .single .secinner .group_3_1 .flbox .r .imgbox .text_box .text_1 {
  margin-left: 0%;
  text-align: left;
}
#lifestyle .single .secinner .group_3_1 .flbox .r .imgbox .text_box .text_2 {
  margin-left: 25%;
}
@media screen and (max-width: 768px) {
  #lifestyle .single .secinner {
    /*@media screen end*/
  }
  #lifestyle .single .secinner .group_3_1 .flbox {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  #lifestyle .single .secinner .group_3_1 .flbox .note {
    bottom: -2%;
    right: -2%;
  }
  #lifestyle .single .secinner .group_3_1 .flbox .l {
    width: 100%;
  }
  #lifestyle .single .secinner .group_3_1 .flbox .l .flbox .flbox_p .textbox_1 {
    aspect-ratio: 1/1.5;
  }
  #lifestyle .single .secinner .group_3_1 .flbox .l .flbox .flbox_p .textbox_2 {
    width: 77%;
  }
  #lifestyle .single .secinner .group_3_1 .flbox .l .flbox .flbox_p .textbox_2 p {
    position: relative;
    text-align: left;
  }
  #lifestyle .single .secinner .group_3_1 .flbox .l .flbox .flbox_2 {
    width: 100%;
    margin-left: 0%;
    -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: 4%;
  }
  #lifestyle .single .secinner .group_3_1 .flbox .l .flbox .flbox_2 .img {
    width: 48%;
  }
  #lifestyle .single .secinner .group_3_1 .flbox .l .flbox .flbox_2 .img p {
    font-size: 10px;
    text-align: left;
  }
  #lifestyle .single .secinner .group_3_1 .flbox .l .flbox .flbox_2 .img:last-child {
    margin-left: 0%;
  }
  #lifestyle .single .secinner .group_3_1 .flbox .r {
    width: 100%;
    margin-bottom: 0em;
    margin-top: 20%;
  }
  #lifestyle .single .secinner .group_3_1 .flbox .r .imgbox .img {
    width: 90%;
    margin-right: auto;
  }
  #lifestyle .single .secinner .group_3_1 .flbox .r .imgbox .text_box {
    top: -14%;
    right: 0;
    left: unset;
  }
  #lifestyle .single .secinner .group_3_1 .flbox .r .imgbox .text_box .text_1 {
    text-align: left;
    margin-left: 22%;
  }
  #lifestyle .single .secinner .group_3_1 .flbox .r .imgbox .text_box .text_2 {
    text-align: right;
  }
}
@media screen and (max-width: 768px) {
  #lifestyle {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #lifestyle {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #lifestyle {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #lifestyle {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #lifestyle {
    /*@media screen end*/
  }
}
@media screen and (max-width: 768px) {
  #lifestyle {
    /*@media screen end*/
  }
}

html {
  background: #fff;
}

body {
  background: #fff;
  opacity: 0;
}
body.cmnShow {
  opacity: 1;
  -webkit-transition: 2s;
  transition: 2s;
}
body.cmnShow .main_wrap .cmn_main.imgbox {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
body.cmnShow .main_wrap .cmn_main .text_area div:before {
  width: 100%;
}
body.cmnShow .main_wrap .cmn_main .text_area p {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
body.menuopen {
  overflow: hidden;
}
body.cmnNon {
  opacity: 0;
}
.top_header nav ul {
  max-width: 100% !important;
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}
.top_header nav ul a p .ja,
.top_header nav ul a p .en {
  white-space: nowrap !important;
}
@media screen and (max-width: 1200px) {
  .top_header nav {
    bottom: -10px;
  }
}
@media screen and (max-width: 1400px) {
  .top_header nav {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}

@media screen and (max-width: 768px) {
  /*@media screen end*/
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

section {
  position: relative;
  z-index: 3;
}
section .secinner {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 40px;
  z-index: 2;
}
section .secinner.btm {
  padding-top: 0;
}
section .secinner.btm2 {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  section .secinner {
    padding: 12vw 6vw;
  }
}
section figure {
  position: relative;
  overflow: hidden;
}
section figure img {
  display: block;
}
section figure img._sp {
  display: none;
}
@media screen and (max-width: 768px) {
  section figure img._sp {
    display: block;
  }
}

.main_wrap {
  margin: 0 auto 100px;
}
.main_wrap.cmn {
  padding: 50px 0 50px;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
.main_wrap .cmn_main {
  width: 100%;
  padding: 100px 0 0;
  position: relative;
}
.main_wrap .cmn_main.imgbox {
  height: 30vw;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  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;
  opacity: 0;
  -webkit-transition: 2s;
  transition: 2s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.main_wrap .cmn_main .note {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px;
}
.main_wrap .cmn_main .text_area {
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
}
.main_wrap .cmn_main .text_area div {
  overflow: hidden;
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 10px;
}
.main_wrap .cmn_main .text_area div:last-child:before {
  display: none;
}
.main_wrap .cmn_main .text_area div:before {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  position: absolute;
  left: 50%;
  bottom: 0;
  background: #a18b60;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.main_wrap .cmn_main .text_area p {
  text-align: center;
  position: relative;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.main_wrap .cmn_main .text_area .ttl {
  -webkit-transform: translate(0, 60px);
          transform: translate(0, 60px);
}
.main_wrap .cmn_main .text_area .txt {
  -webkit-transform: translate(0, -60px);
          transform: translate(0, -60px);
}

.cbtnset {
  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;
  width: 100%;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}
.cbtnset li {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .cbtnset li {
    width: 100%;
  }
  .cbtnset li:first-child {
    margin-bottom: 3vw;
  }
}

.cbtn {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 540px;
  height: 64px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
          box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
@media screen and (max-width: 768px) {
  .cbtn {
    height: 60px;
  }
}
.cbtn.req {
  background-color: #AA2B2B;
  -webkit-transition: 0.3s ease !important;
  transition: 0.3s ease !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: #AA2B2B 1px solid;
}
@media (any-hover: hover) {
  .cbtn.req:hover {
    background-color: #ffffff;
  }
  .cbtn.req:hover p {
    color: #AA2B2B;
  }
}
.cbtn.rsv {
  background-color: #B0852B;
  -webkit-transition: 0.3s ease !important;
  transition: 0.3s ease !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: #B0852B 1px solid;
}
@media (any-hover: hover) {
  .cbtn.rsv:hover {
    background-color: #ffffff;
  }
  .cbtn.rsv:hover p {
    color: #B0852B;
  }
}
.cbtn.site {
  background-color: #000000;
  -webkit-transition: 0.3s ease !important;
  transition: 0.3s ease !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: #000000 1px solid;
}
@media (any-hover: hover) {
  .cbtn.site:hover {
    background-color: #ffffff;
  }
  .cbtn.site:hover p {
    color: #000000;
  }
}
.cbtn a {
  display: block;
  width: 100%;
  height: 100%;
  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;
}
.cbtn a p {
  text-align: center;
  color: #fff;
  font-size: 20px;
}
.cbtn a p span {
  line-height: 1em;
  font-size: 12px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.cbtn:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .sectionin {
    width: 100%;
    padding: 12vw 6vw;
  }
  .main_wrap {
    margin: 0 auto 13.3333333vw;
  }
  .main_wrap.cmn {
    padding: 19.99999995vw 0 6.66666665vw;
  }
  .main_wrap .cmn_main {
    width: 100%;
    margin: 0 auto 13.3333333vw;
  }
  .main_wrap .cmn_main.imgbox {
    height: 60vw;
  }
  .main_wrap .cmn_main .text_area div {
    margin: 0 0 5px;
    padding: 0 0 5px;
  }
  .main_wrap .cmn_main .text_area .ttl {
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }
  .main_wrap .cmn_main .text_area .txt {
    -webkit-transform: translate(0, -30px);
            transform: translate(0, -30px);
  }
  /*@media screen end*/
}
main {
  overflow: hidden;
}
main p {
  line-height: 2em;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  main p {
    letter-spacing: 0;
  }
}
main .attl {
  margin-bottom: 40px;
}
main .attl img {
  height: 16px;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
main .sup {
  position: relative;
}
main .sup sup {
  position: absolute;
  left: -6px;
  top: -14px;
  font-size: 10px;
  white-space: nowrap;
}
main .ttl {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 26px;
  text-align: center;
}
main .lead {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 2em;
  font-size: 24px;
  font-size: clamp(10px, 5.599999986vw, 26px);
}
main .lead img {
  width: auto;
  height: 14px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  main .lead img {
    height: 12px;
  }
}
main .text {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 16px;
  line-height: 2em;
  font-size: clamp(10px, 3.199999992vw, 16px);
}
main .p3 {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 16px;
  line-height: 2em;
  font-size: clamp(10px, 3.199999992vw, 16px);
}
@media screen and (max-width: 768px) {
  main .p3 {
    font-size: 3.5vw;
  }
}
main .txt {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 14px;
  font-size: clamp(10px, 2.66666666vw, 14px);
}
main .note {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  z-index: 11;
  letter-spacing: 0;
  font-size: 12px;
  line-height: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
main .note.shdw {
  text-shadow: 1px 1px 1px rgb(0, 0, 0), -1px -1px 1px rgb(0, 0, 0), 1px -1px 1px rgb(0, 0, 0), -1px 1px 1px rgb(0, 0, 0), 0px 0px 3px rgb(0, 0, 0);
}
main .note.right {
  text-align: right;
  padding-right: 5px;
}
main .note.abs {
  bottom: 5px;
  position: absolute;
  right: 5px;
}
main .note.abs.left {
  right: auto;
  left: 5px;
}
main .note.ns {
  text-shadow: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
}
main .note.b {
  color: #000;
}
main .note.w {
  color: #fff;
}
main .note.sty2 {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  main .note {
    font-size: 2.5vw;
    line-height: 1.2em;
  }
  main .note.sty2 {
    font-size: 4vw;
  }
}
main .cnote {
  margin-top: 10px;
}
main .cnote.center {
  text-align: center;
}
main .cnote.right {
  text-align: right;
}
main .spppfig .note {
  bottom: 5px;
  position: absolute;
  right: 5px;
}
main .spppfig .note.left {
  right: auto;
  left: 5px;
}
main .shr {
  position: relative;
}
main .shr::before {
  position: absolute;
  width: 0vw;
  height: 100vh;
  margin-right: calc(-1 * (100vw - 100%) / 2);
  right: 0;
  top: -40px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(33, 44, 84)), to(rgb(15, 19, 50)));
  background: linear-gradient(90deg, rgb(33, 44, 84) 0%, rgb(15, 19, 50) 100%);
  content: "";
  z-index: -1;
  -webkit-transform: skewY(-11deg);
          transform: skewY(-11deg);
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}
main .shr.h50::before {
  height: 60vh;
}
main .shr.ani1::before {
  width: 100vw;
}
main .shr2 {
  position: relative;
}
main .shr2::before {
  position: absolute;
  width: 0vw;
  height: 100vh;
  margin-left: calc(-1 * (100vw - 100%) / 2);
  left: 0;
  top: -40px;
  background: -webkit-gradient(linear, right top, left top, from(rgb(33, 44, 84)), to(rgb(15, 19, 50)));
  background: linear-gradient(-90deg, rgb(33, 44, 84) 0%, rgb(15, 19, 50) 100%);
  content: "";
  z-index: -1;
  -webkit-transform: skewY(11deg);
          transform: skewY(11deg);
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
main .shr2.h50::before {
  height: 60vh;
}
main .shr2.ani1::before {
  width: 100vw;
}
main figure {
  position: relative;
  overflow: hidden;
}
main figure .note {
  bottom: 5px;
  position: absolute;
  right: 5px;
}
main figure .note.left {
  right: auto;
  left: 5px;
}
main figure .note.rrt {
  position: relative;
  bottom: auto;
  right: auto;
  text-align: right;
  margin-top: 4px;
  padding-right: 4px;
}
main figure .note.rrt.left {
  text-align: left;
}
main figure .tmin {
  width: 60px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
main figure .ttit {
  padding: 20px 10px 14px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: auto;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  display: block;
}
main figure .ttit img {
  width: auto;
  height: 20px;
}
main figure .tmin {
  padding: 14px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 80px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  background-color: rgba(0, 62, 106, 0.8);
  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;
}
main figure .tmin img {
  width: 80%;
  height: auto;
}
main figure .tico {
  cursor: pointer;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 40px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 4;
}
main figure .tico:hover {
  opacity: 0.7;
}
main figure .tico img {
  position: relative;
  display: block;
  vertical-align: bottom;
  width: 100%;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
main figure .tico::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  z-index: 1;
  background-size: 100% 100%;
  background-position: center center;
  background-image: url("../img/common/ico_mm.svg");
}
main figure .tinfo {
  position: absolute;
  left: 2px;
  bottom: 2px;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 3;
  width: calc(100% - 4px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  padding-right: 60px;
  font-size: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  min-height: 92px;
  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-flex-wrap: wrap;
}
main figure.tact .tinfo {
  opacity: 1;
}
main figure.tact .tico img {
  opacity: 0;
}

@media print {
  .copy,
  .brandlogo,
  .pinfo,
  .cbtn,
  .btnset,
  .pagetitle,
  .contact_wrap,
  header {
    display: none !important;
  }
  .ifig_01 {
    margin: 0 !important;
  }
  h3 {
    margin-bottom: 20px !important;
  }
  .notes,
  .secinner {
    padding: 20px !important;
  }
}
@-webkit-keyframes scroll-hint-appear {
  0% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
    opacity: 0;
  }
}
@keyframes scroll-hint-appear {
  0% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
    opacity: 0;
  }
}
.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: calc(30% - 25px);
  left: calc(50% - 60px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 20px 5px 10px 5px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
  z-index: 777;
  display: none;
}
@media screen and (max-width: 768px) {
  .scroll-hint-icon-wrap {
    display: block;
  }
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  line-height: 1em;
  /*margin-top: 5px;*/
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 0.8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  -webkit-transition-delay: 2.4s;
          transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  -webkit-animation: scroll-hint-appear 1.6s linear;
          animation: scroll-hint-appear 1.6s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
          box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #231815;
  line-height: 1em;
}

@media screen and (max-width: 768px) {
  main .attl img {
    height: 12px;
  }
  main .ttl {
    font-size: 6.933333316vw;
    letter-spacing: 1px;
    font-size: 5.8vw;
    line-height: 1.6em;
  }
  main .lead {
    line-height: 1.8em;
    font-size: 5.599999986vw;
    letter-spacing: 1px;
    font-size: clamp(10px, 5.599999986vw, 20px);
  }
  main .text {
    letter-spacing: 1px;
    font-size: 3.5vw;
    line-height: 1.7em;
  }
  main .txt {
    letter-spacing: 1px;
    font-size: 3.5vw;
    text-align: left;
  }
  main .txt br {
    display: none;
  }
  main figure .tmin {
    width: 70px;
  }
  main .spppfig {
    overflow: auto;
  }
  main .spppfig .note {
    right: auto;
    left: 5px;
  }
  /*@media screen end*/
}
.cv_link {
  padding: 10px 0;
  position: relative;
  background: #fff;
}
.cv_link.grey {
  pointer-events: none;
  background: #000;
}
.cv_link.grey:before {
  opacity: 0.3;
}
.cv_link.grey img {
  opacity: 0.3;
}
.cv_link.grey p {
  opacity: 0.3;
}
.cv_link:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.cv_link a {
  width: 100%;
  height: 100%;
}
.cv_link p {
  color: #fff;
  font-size: clamp(0px, 4.266666656vw, 16px);
  text-align: center;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media screen and (max-width: 768px) {
  /*@media screen end*/
}
.notice_box {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0;
  background: #fff;
}
.notice_box .inner {
  width: 90%;
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
  padding: 0 0 30px;
}
.notice_box .inner:before {
  content: "";
  display: none;
  width: 100%;
  height: 2px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  position: absolute;
  left: 0;
  bottom: 0;
}
.notice_box .inner .lead {
  color: #000;
  font-size: 18px;
  text-align: center;
  position: relative;
  margin-bottom: 20px;
}
.notice_box .inner .lead span {
  background: #fff;
  position: relative;
  z-index: 2;
  padding: 0 20px;
}
.notice_box .inner .p1 {
  color: #807439;
  font-size: 40px;
  text-align: center;
  margin: 10px 0;
}
.notice_box .inner .cv_link {
  max-width: 400px;
  margin: 20px auto;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin-top: 30px;
}
.notice_box .inner .cv_link a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0;
  display: block;
  width: 100%;
  height: 100%;
  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;
}

@media screen and (max-width: 768px) {
  .notice_box {
    padding: 10px 0;
  }
  .notice_box .inner {
    width: 95%;
    padding: 0 0 10px;
  }
  .notice_box .inner .lead {
    font-size: 4.266666656vw;
    font-size: clamp(0px, 4.266666656vw, 18px);
    letter-spacing: 0em;
  }
  .notice_box .inner .lead span {
    padding: 0 5px;
  }
  .notice_box .inner .p1 {
    color: #807439;
    font-size: 8.266666646vw;
    font-size: clamp(0px, 8.266666646vw, 40px);
    margin: 5px 0;
  }
  /*@media screen end*/
}
.contact_wrap {
  background-color: #F7ECE2;
  position: relative;
}
.contact_wrap h3 {
  font-weight: 400;
  font-family: "en", sans-serif;
  font-style: normal;
  text-align: center;
  color: #B26024;
  font-size: 24px;
  letter-spacing: 4px;
}
.contact_wrap .secinner {
  padding: 100px 40px 80px 40px !important;
}
.contact_wrap .contentbtn {
  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;
  max-width: 1000px;
  margin: 40px auto 0 auto;
}
.contact_wrap .contentbtn li {
  width: 24%;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  margin-right: 1.3%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.contact_wrap .contentbtn li:nth-child(4n) {
  margin-right: 0;
}
.contact_wrap .contentbtn li img {
  display: block;
  vertical-align: bottom;
  width: 100%;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.contact_wrap .contentbtn li.cmgs {
  pointer-events: none;
  background-color: #fff;
}
.contact_wrap .contentbtn li.cmgs::before {
  opacity: 0.5;
}
.contact_wrap .contentbtn li.cmgs img {
  opacity: 0.5;
}
.contact_wrap .contentbtn li.cmgs p {
  opacity: 0.3;
}
.contact_wrap .contentbtn li.cmgs::after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 7;
  content: "coming soon";
  text-align: center;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1em;
  color: #fff;
  font-size: 18px;
}
.contact_wrap .contentbtn li a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
}
.contact_wrap .contentbtn li::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.contact_wrap .contentbtn li p {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  color: #fff;
  text-align: center;
  width: 100%;
  line-height: 1.2em;
  font-size: 12px;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.contact_wrap .contentbtn li p span {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  font-weight: 400;
  font-family: "en", sans-serif;
  font-style: normal;
}
.contact_wrap .contentbtn li:hover::before {
  opacity: 0;
}
.contact_wrap .contentbtn li:hover img {
  transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transition: 2s;
  transition: 2s;
}

.fgcov {
  position: relative;
  overflow: hidden;
}
.fgcov::after {
  content: "";
  display: block;
  width: 100%;
  height: 140%;
  background-color: #F7ECE2;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 1.2s;
  transition: 1.2s;
  -webkit-transform: skewY(10deg) translateY(-20%);
          transform: skewY(10deg) translateY(-20%);
  z-index: 3;
}
.fgcov.ani1::after {
  -webkit-transform: skewY(10deg) translateY(-115%);
          transform: skewY(10deg) translateY(-115%);
}
.fgcov.ani1.rvs::after {
  -webkit-transform: skewY(10deg) translateY(115%);
          transform: skewY(10deg) translateY(115%);
}

.pcpy8 span {
  overflow: hidden;
  display: inline-block;
}
.pcpy8 span.sp1 {
  margin-right: 0.5em;
}
.pcpy8 span i {
  font-style: normal;
  display: inline-block;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: translateY(110%) rotate(5deg) scale(1.1);
          transform: translateY(110%) rotate(5deg) scale(1.1);
  -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
  transition: -webkit-transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
  transition: transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
  transition: transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
}
.pcpy8 span.s1 i {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.pcpy8 span.s2 i {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.pcpy8 span.s3 i {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.pcpy8 span.s4 i {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.pcpy8 span.s5 i {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.pcpy8 span.s6 i {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
@media screen and (max-width: 768px) {
  .pcpy8 span {
    padding: 0 0;
  }
}
.pcpy8.ani1 span i {
  -webkit-transform: translate(0);
          transform: translate(0);
}
@media screen and (max-width: 768px) {
  .pcpy8.p1, .pcpy8.p2, .pcpy8.ttl {
    white-space: nowrap;
  }
}

.pcpy7 {
  overflow: hidden;
}
.pcpy7 .row {
  display: inline-block;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: translate3d(0.5em, 0, 0) rotate(10deg) rotateY(120deg) rotateX(-30deg) scale(1.1);
          transform: translate3d(0.5em, 0, 0) rotate(10deg) rotateY(120deg) rotateX(-30deg) scale(1.1);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  -webkit-transition: opacity 0.75s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
  transition: opacity 0.75s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
  transition: transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), opacity 0.75s cubic-bezier(0.32, 0.94, 0.6, 1);
  transition: transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), opacity 0.75s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
}
.pcpy7 .row span {
  letter-spacing: 0;
  padding: 4px 8px;
  line-height: 1;
  display: inline-block;
  will-change: auto;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: translate3d(0.5em, 0, 0) rotate(10deg) rotateY(120deg) rotateX(-30deg) scale(1.1);
          transform: translate3d(0.5em, 0, 0) rotate(10deg) rotateY(120deg) rotateX(-30deg) scale(1.1);
  -webkit-transition: opacity 0.75s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
  transition: opacity 0.75s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
  transition: transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), opacity 0.75s cubic-bezier(0.32, 0.94, 0.6, 1);
  transition: transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), opacity 0.75s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
  opacity: 0;
}
.pcpy7 .row span:nth-child(1) {
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
}
.pcpy7 .row span:nth-child(2) {
  -webkit-transition-delay: 0.24s;
          transition-delay: 0.24s;
}
.pcpy7 .row span:nth-child(3) {
  -webkit-transition-delay: 0.36s;
          transition-delay: 0.36s;
}
.pcpy7 .row span:nth-child(4) {
  -webkit-transition-delay: 0.48s;
          transition-delay: 0.48s;
}
.pcpy7 .row span:nth-child(5) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.pcpy7 .row span:nth-child(6) {
  -webkit-transition-delay: 0.72s;
          transition-delay: 0.72s;
}
.pcpy7 .row span:nth-child(7) {
  -webkit-transition-delay: 0.84s;
          transition-delay: 0.84s;
}
.pcpy7 .row span:nth-child(8) {
  -webkit-transition-delay: 0.96s;
          transition-delay: 0.96s;
}
.pcpy7 .row span:nth-child(9) {
  -webkit-transition-delay: 1.08s;
          transition-delay: 1.08s;
}
.pcpy7 .row span:nth-child(10) {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
.pcpy7 .row span:nth-child(11) {
  -webkit-transition-delay: 1.32s;
          transition-delay: 1.32s;
}
.pcpy7 .row span:nth-child(12) {
  -webkit-transition-delay: 1.44s;
          transition-delay: 1.44s;
}
.pcpy7 .row span:nth-child(13) {
  -webkit-transition-delay: 1.56s;
          transition-delay: 1.56s;
}
.pcpy7 .row span:nth-child(14) {
  -webkit-transition-delay: 1.68s;
          transition-delay: 1.68s;
}
.pcpy7 .row span:nth-child(15) {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}
.pcpy7 .row span:nth-child(16) {
  -webkit-transition-delay: 1.92s;
          transition-delay: 1.92s;
}
.pcpy7 .row span:nth-child(17) {
  -webkit-transition-delay: 2.04s;
          transition-delay: 2.04s;
}
.pcpy7 .row span:nth-child(18) {
  -webkit-transition-delay: 2.16s;
          transition-delay: 2.16s;
}
.pcpy7 .row span:nth-child(19) {
  -webkit-transition-delay: 2.28s;
          transition-delay: 2.28s;
}
.pcpy7 .row span:nth-child(20) {
  -webkit-transition-delay: 2.4s;
          transition-delay: 2.4s;
}
.pcpy7.ani1 .row {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  opacity: 1;
}
.pcpy7.ani1 .row span {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  opacity: 1;
}
.pcpy7 ul {
  position: relative;
}
.pcpy7 ul li {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.pcpy7 ul li span.bg {
  position: relative;
  opacity: 0;
}
.pcpy7 ul li span.mve {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.pcpy7 ul li.br {
  display: block;
  width: 100%;
}
.pcpy7 ul li.br::before {
  content: "";
  display: table;
}
.pcpy7 ul li.br::after {
  content: "";
  display: table;
  clear: both;
}

.scbart {
  -webkit-transition: 1s;
  transition: 1s;
  position: absolute;
  z-index: 10;
  font-size: 14px;
  background-color: #998865;
  bottom: 80px;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 5;
  content: "";
  font-weight: 400;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.scbar {
  position: absolute;
  z-index: 7000;
  width: 1px;
  left: 50%;
  bottom: 0;
  overflow: hidden;
  height: 70px;
  z-index: 10;
  -webkit-transition: 1s;
  transition: 1s;
}

.scbar::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 70%;
  content: "";
  display: block;
  width: 1px;
  background-color: #998865;
  -webkit-animation: scroll 2s ease 0s infinite normal;
          animation: scroll 2s ease 0s infinite normal;
}

@-webkit-keyframes scroll {
  0% {
    top: -50%;
  }
  100% {
    top: 150%;
  }
}

@keyframes scroll {
  0% {
    top: -50%;
  }
  100% {
    top: 150%;
  }
}
.notes {
  width: 95%;
  max-width: 1100px;
}
.notes .cbtnset {
  margin-bottom: 60px;
}
.notes p {
  line-height: 1.2em;
}

._sp {
  display: none !important;
}

.cmnShow .pagetitle span i {
  -webkit-transform: translate(0);
          transform: translate(0);
}

.pagetitle {
  position: relative;
  margin-top: 100px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .pagetitle {
    margin-top: 65px;
  }
}
.pagetitle .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
}
.pagetitle::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background-color: #002f4c;
  opacity: 0.5;
  mix-blend-mode: multiply;
  background-blend-mode: multiply;
  content: "";
}
.pagetitle section {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  max-width: 1400px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 5;
}
.pagetitle section span {
  overflow: hidden;
  display: inline-block;
  padding: 0 10px;
  line-height: 2em;
}
@media screen and (max-width: 768px) {
  .pagetitle section span {
    line-height: 1.1em;
    line-height: 1.3em;
  }
}
.pagetitle section span.sp1 {
  margin-right: 0.5em;
}
.pagetitle section span i {
  font-style: normal;
  display: inline-block;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: translateY(110%) rotate(5deg) scale(1.1);
          transform: translateY(110%) rotate(5deg) scale(1.1);
  -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
  transition: -webkit-transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
  transition: transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
  transition: transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
}
.pagetitle section span.s1 i {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.pagetitle section span.s2 i {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.pagetitle section span.s3 i {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.pagetitle section span.s4 i {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.pagetitle section span.s5 i {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.pagetitle section span.s6 i {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.pagetitle section > dl {
  position: absolute;
  left: 5%;
  bottom: 6%;
  z-index: 3;
  color: #fff;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  font-size: 40px;
  line-height: 1em;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .pagetitle section > dl {
    font-size: 7vw;
    width: 100%;
    left: 0 !important;
    text-align: lefts;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.pagetitle section > dl dt {
  display: inline-block;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .pagetitle section > dl dt {
    width: 100%;
  }
}
.pagetitle section > dl dd {
  display: inline-block;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .pagetitle section > dl dd {
    width: 100%;
  }
}
.pagetitle section .secinner {
  padding-bottom: 0;
}
.pagetitle .note {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 5;
  color: #fff;
}

.ancb {
  position: relative;
}
.ancb a {
  position: absolute;
  left: 0;
  top: -130px;
}
@media screen and (max-width: 768px) {
  .ancb a {
    top: -64px;
  }
}

@media screen and (max-width: 768px) {
  .notes {
    width: 100%;
    padding: 6vw;
  }
  ._sp {
    display: block !important;
  }
  ._pc {
    display: none !important;
  }
  .contact_wrap h3 {
    font-size: 5vw;
  }
  .contact_wrap .secinner {
    padding: 6vw 6vw 4vw 6vw !important;
  }
  .contact_wrap .contentbtn {
    margin: 6vw auto 0 auto;
  }
  .contact_wrap .contentbtn li {
    width: 48%;
    margin-bottom: 3vw;
    position: relative;
    overflow: hidden;
    margin-right: 2%;
    margin-bottom: 6px;
  }
  .contact_wrap .contentbtn li:nth-child(2n) {
    margin-right: 0;
  }
  .contact_wrap .contentbtn li p {
    font-size: 3vw;
  }
  .contact_wrap .contentbtn li p span {
    font-size: 3.7vw;
  }
}
.thims {
  -webkit-transition: 2s;
  transition: 2s;
  opacity: 0;
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}

.thimi,
.thimi2,
.thimi4,
.thimi3 {
  opacity: 0;
  -webkit-transform: scale(1.1) translate(0, 100px) skew(0deg, -5deg);
          transform: scale(1.1) translate(0, 100px) skew(0deg, -5deg);
}

.thims.ani1 {
  opacity: 1;
  -webkit-transition: 3s;
  transition: 3s;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.thims.ani1.ani1fin {
  -webkit-transition: 1s;
  transition: 1s;
}

.thimi.ani1 {
  opacity: 1;
  -webkit-transition: 1s 0.25s;
  transition: 1s 0.25s;
  -webkit-transform: scale(1) translate(0, 0) skew(0deg, 0deg);
          transform: scale(1) translate(0, 0) skew(0deg, 0deg);
}

.thimi2.ani1 {
  opacity: 1;
  -webkit-transition: all 0.8s 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0.8s 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: scale(1) translate(0, 0) skew(0deg, 0deg);
          transform: scale(1) translate(0, 0) skew(0deg, 0deg);
}

.thimi3.ani1 {
  opacity: 1;
  -webkit-transition: all 0.8s 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0.8s 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: scale(1) translate(0, 0) skew(0deg, 0deg);
          transform: scale(1) translate(0, 0) skew(0deg, 0deg);
}

.thimi4.ani1 {
  opacity: 1;
  -webkit-transition: all 0.8s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0.8s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: scale(1) translate(0, 0) skew(0deg, 0deg);
          transform: scale(1) translate(0, 0) skew(0deg, 0deg);
}

.thim.ani1.ani1fin,
.thim2.ani1.ani1fin,
.thim4.ani1.ani1fin,
.thim3.ani1.ani1fin {
  opacity: 1;
  -webkit-transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.thiml2,
.thiml {
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: translateX(15%);
          transform: translateX(15%);
}

.thimr2,
.thimr {
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: translateX(-15%);
          transform: translateX(-15%);
}

.thiml.ani1,
.thimr.ani1 {
  opacity: 1;
  -webkit-transition: 3s;
  transition: 3s;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.thiml2.ani1,
.thimr2.ani1 {
  opacity: 1;
  -webkit-transition: all 2s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 2s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.thim,
.thim2,
.thim4,
.thim3 {
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: translateY(18%);
          transform: translateY(18%);
}

.thim.thimu,
.thim2.thimu,
.thim4.thimu,
.thim3.thimu {
  opacity: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: translateY(-8%);
          transform: translateY(-8%);
}

.thim.ani1 {
  opacity: 1;
  -webkit-transition: 2 0.25s;
  transition: 2 0.25s;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

.thim2.ani1 {
  opacity: 1;
  -webkit-transition: 2s 0.2s;
  transition: 2s 0.2s;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

.thim3.ani1 {
  opacity: 1;
  -webkit-transition: 2s 0.4s;
  transition: 2s 0.4s;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

.thim4.ani1 {
  opacity: 1;
  -webkit-transition: 2s 0.6s;
  transition: 2s 0.6s;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.thim.ani1.ani1fin,
.thim2.ani1.ani1fin,
.thim4.ani1.ani1fin,
.thim3.ani1.ani1fin,
.thiml.ani1.ani1fin,
.thimr.ani1.ani1fin,
.thiml2.ani1.ani1fin,
.thimr2.ani1.ani1fin {
  opacity: 1;
  -webkit-transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.ftbannM {
  position: relative;
  width: 90%;
  max-width: 800px;
  margin-top: -30px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: 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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ftbannM a {
  display: block;
  width: 100%;
  max-width: 340px;
  height: 100%;
  position: relative;
  margin: 2%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ftbannM a img {
  display: block;
  vertical-align: bottom;
  width: 100%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
          box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.ftbannM a:hover {
  opacity: 0.7;
}

.ftbann {
  position: relative;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
  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 screen and (max-width: 584px) {
  .ftbann {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.ftbann a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0.5%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 24%;
}
.ftbann a:nth-child(1) {
  width: 26.2%;
}
.ftbann a:nth-child(2) {
  width: 19%;
}
@media screen and (max-width: 584px) {
  .ftbann a {
    width: 90%;
    margin-bottom: 3vw;
  }
  .ftbann a:nth-child(1), .ftbann a:nth-child(2) {
    width: 90%;
  }
}
.ftbann a img {
  display: block;
  vertical-align: bottom;
  width: 100%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
          box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.ftbann a:hover {
  opacity: 0.7;
}