@charset "UTF-8";
/* Scss Document */
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,
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 article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

/* Scss Document */
.br-pc {
  display: none;
}
@media screen and (min-width: 992px) {
  .br-pc {
    display: inline;
  }
}

@media screen and (min-width: 768px) {
  .br-sp {
    display: none;
  }
}

.is-fixed,
.is-fixed body {
  height: 100%;
  overflow: hidden;
}

body {
  background: #fff;
  font-family: "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  padding-top: 100px;
}
@media screen and (min-width: 1120px) {
  body.single-kobe-kiero {
    padding-top: 170px;
  }
}
body.single-slug-method {
  padding-top: 100px;
}

a:hover {
  color: #e83819;
}

img {
  max-width: 100%;
  height: auto;
}

header {
  max-width: 90%;
  margin: 0 auto;
  padding: 20px 5% 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  z-index: 10000;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 1280px) {
  header {
    padding: 40px 5%;
  }
}
header h1 {
  width: 160px;
}
@media screen and (min-width: 480px) {
  header h1 {
    width: 200px;
  }
}
@media screen and (min-width: 1680px) {
  header h1 {
    width: 300px;
  }
}
header #header-banner {
  display: flex;
  justify-content: flex-end;
  margin-right: 10px;
  margin-left: auto;
  width: 100px;
}
@media screen and (min-width: 480px) {
  header #header-banner {
    width: 150px;
  }
}
@media screen and (min-width: 1280px) {
  header #header-banner {
    margin-left: 0;
  }
}
@media screen and (min-width: 1680px) {
  header #header-banner {
    width: 300px;
    margin-right: 0;
  }
}
header #header-banner a {
  transition: opacity 0.3s;
  margin: 0 10px 0 0;
}
@media screen and (min-width: 1120px) {
  header #header-banner a {
    margin: 0 20px 0 0;
  }
}
@media screen and (min-width: 1680px) {
  header #header-banner a {
    margin: 0 30px 0 0;
  }
}
header #header-banner a:hover {
  opacity: 0.7;
}
header #header-banner a img {
  width: 30px;
}
@media screen and (min-width: 480px) {
  header #header-banner a img {
    width: 50px;
  }
}
@media screen and (min-width: 1120px) {
  header #header-banner a img {
    width: 115px;
  }
}
header #header-banner a:last-child {
  margin-right: 10px;
}
@media screen and (min-width: 1680px) {
  header #header-banner a:last-child {
    margin-right: 0;
  }
}

#kiero-slider-box {
  margin-top: -40px;
  opacity: 0;
  transition: 0.3s;
}
@media screen and (min-width: 1280px) {
  #kiero-slider-box {
    margin-top: -150px;
  }
}
#kiero-slider-box.show {
  opacity: 1;
}

.swiper {
  display: none;
}

.swiper.swiper-initialized {
  display: block;
}

#kiero-slider {
  align-items: center;
}
#kiero-slider .swiper-slide {
  text-align: center;
}
#kiero-slider .swiper-slide {
  transform: scale(0.6);
  transition: 0.7s; /* ゆっくり小さくさせる */
}
#kiero-slider .swiper-slide img {
  height: auto;
  width: 50%;
}
#kiero-slider .swiper-slide-active {
  transform: scale(1); /* 中央のスライドは小さくしない */
  z-index: 1; /* 中央のスライドを一番上にする */
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 2vw;
  left: auto;
}
@media screen and (min-width: 768px) {
  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    right: 18vw;
  }
}
@media screen and (min-width: 1680px) {
  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    right: 28vw;
  }
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  right: auto;
  left: 2vw;
}
@media screen and (min-width: 768px) {
  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    left: 18vw;
  }
}
@media screen and (min-width: 1680px) {
  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    left: 28vw;
  }
}

.swiper-button-prev,
.swiper-button-next {
  height: 20px;
  width: 20px;
  transition: opacity 0.3s;
}
@media screen and (min-width: 480px) {
  .swiper-button-prev,
  .swiper-button-next {
    height: 40px;
    width: 40px;
  }
}
@media screen and (min-width: 768px) {
  .swiper-button-prev,
  .swiper-button-next {
    height: 60px;
    width: 60px;
  }
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  opacity: 0.7;
}

/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after,
.swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  height: 20px;
  width: 20px;
}
@media screen and (min-width: 480px) {
  .swiper-button-prev::after,
  .swiper-button-next::after {
    height: 40px;
    width: 40px;
  }
}
@media screen and (min-width: 768px) {
  .swiper-button-prev::after,
  .swiper-button-next::after {
    height: 60px;
    width: 60px;
  }
}

/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
  background-image: url(../img/kiero-slider-character.png);
}

/* 次への矢印カスタマイズ */
.swiper-button-next::after {
  background-image: url(../img/kiero-slider-character.png);
}

/* 画像サイズ調整 */
.swiper-slide img {
  height: auto;
  width: 100%;
}

#wrapper {
  max-width: 90%;
  margin: 0 auto;
  padding: 0 5%;
  width: 1120px;
}

#section-line,
#section-monitor,
#section-session,
#section-kiero-news {
  margin-top: 50px;
}
#section-line h2,
#section-monitor h2,
#section-session h2,
#section-kiero-news h2 {
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 1.8;
}
@media screen and (min-width: 480px) {
  #section-line h2,
  #section-monitor h2,
  #section-session h2,
  #section-kiero-news h2 {
    font-size: 4.72vw;
  }
}
@media screen and (min-width: 1120px) {
  #section-line h2,
  #section-monitor h2,
  #section-session h2,
  #section-kiero-news h2 {
    font-size: 30px;
  }
}
#section-line #line-container,
#section-line #monitor-container,
#section-monitor #line-container,
#section-monitor #monitor-container,
#section-session #line-container,
#section-session #monitor-container,
#section-kiero-news #line-container,
#section-kiero-news #monitor-container {
  background: #fff;
  padding: 30px 5%;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  #section-line #line-container,
  #section-line #monitor-container,
  #section-monitor #line-container,
  #section-monitor #monitor-container,
  #section-session #line-container,
  #section-session #monitor-container,
  #section-kiero-news #line-container,
  #section-kiero-news #monitor-container {
    border-radius: 30px;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1280px) {
  #section-line #line-container,
  #section-line #monitor-container,
  #section-monitor #line-container,
  #section-monitor #monitor-container,
  #section-session #line-container,
  #section-session #monitor-container,
  #section-kiero-news #line-container,
  #section-kiero-news #monitor-container {
    padding: 60px;
  }
}
@media screen and (min-width: 768px) {
  #section-line #line-container #monitor-left,
  #section-line #line-container #monitor-right,
  #section-line #monitor-container #monitor-left,
  #section-line #monitor-container #monitor-right,
  #section-monitor #line-container #monitor-left,
  #section-monitor #line-container #monitor-right,
  #section-monitor #monitor-container #monitor-left,
  #section-monitor #monitor-container #monitor-right,
  #section-session #line-container #monitor-left,
  #section-session #line-container #monitor-right,
  #section-session #monitor-container #monitor-left,
  #section-session #monitor-container #monitor-right,
  #section-kiero-news #line-container #monitor-left,
  #section-kiero-news #line-container #monitor-right,
  #section-kiero-news #monitor-container #monitor-left,
  #section-kiero-news #monitor-container #monitor-right {
    width: 48%;
  }
}
#section-line #line-container #monitor-left h3,
#section-line #monitor-container #monitor-left h3,
#section-monitor #line-container #monitor-left h3,
#section-monitor #monitor-container #monitor-left h3,
#section-session #line-container #monitor-left h3,
#section-session #monitor-container #monitor-left h3,
#section-kiero-news #line-container #monitor-left h3,
#section-kiero-news #monitor-container #monitor-left h3 {
  background: #d39200;
  padding: 30px;
  font-size: 18px;
  line-height: 1.8;
  color: #fff;
  border-radius: 20px;
  box-sizing: border-box;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 40px;
  position: relative;
}
@media screen and (min-width: 768px) {
  #section-line #line-container #monitor-left h3,
  #section-line #monitor-container #monitor-left h3,
  #section-monitor #line-container #monitor-left h3,
  #section-monitor #monitor-container #monitor-left h3,
  #section-session #line-container #monitor-left h3,
  #section-session #monitor-container #monitor-left h3,
  #section-kiero-news #line-container #monitor-left h3,
  #section-kiero-news #monitor-container #monitor-left h3 {
    font-size: 2.734vw;
    width: auto;
  }
}
@media screen and (min-width: 1280px) {
  #section-line #line-container #monitor-left h3,
  #section-line #monitor-container #monitor-left h3,
  #section-monitor #line-container #monitor-left h3,
  #section-monitor #monitor-container #monitor-left h3,
  #section-session #line-container #monitor-left h3,
  #section-session #monitor-container #monitor-left h3,
  #section-kiero-news #line-container #monitor-left h3,
  #section-kiero-news #monitor-container #monitor-left h3 {
    font-size: 35px;
    white-space: nowrap;
  }
}
#section-line #line-container #monitor-left h3:before,
#section-line #monitor-container #monitor-left h3:before,
#section-monitor #line-container #monitor-left h3:before,
#section-monitor #monitor-container #monitor-left h3:before,
#section-session #line-container #monitor-left h3:before,
#section-session #monitor-container #monitor-left h3:before,
#section-kiero-news #line-container #monitor-left h3:before,
#section-kiero-news #monitor-container #monitor-left h3:before {
  content: "";
  position: absolute;
  top: 100%;
  right: 50px;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 20px solid #d39200;
}
@media screen and (min-width: 768px) {
  #section-line #line-container #monitor-left h3:before,
  #section-line #monitor-container #monitor-left h3:before,
  #section-monitor #line-container #monitor-left h3:before,
  #section-monitor #monitor-container #monitor-left h3:before,
  #section-session #line-container #monitor-left h3:before,
  #section-session #monitor-container #monitor-left h3:before,
  #section-kiero-news #line-container #monitor-left h3:before,
  #section-kiero-news #monitor-container #monitor-left h3:before {
    margin-left: -20px;
    border: 20px solid transparent;
    border-top: 40px solid #d39200;
  }
}
#section-line #line-container #monitor-left p,
#section-line #line-container #monitor-left li,
#section-line #monitor-container #monitor-left p,
#section-line #monitor-container #monitor-left li,
#section-monitor #line-container #monitor-left p,
#section-monitor #line-container #monitor-left li,
#section-monitor #monitor-container #monitor-left p,
#section-monitor #monitor-container #monitor-left li,
#section-session #line-container #monitor-left p,
#section-session #line-container #monitor-left li,
#section-session #monitor-container #monitor-left p,
#section-session #monitor-container #monitor-left li,
#section-kiero-news #line-container #monitor-left p,
#section-kiero-news #line-container #monitor-left li,
#section-kiero-news #monitor-container #monitor-left p,
#section-kiero-news #monitor-container #monitor-left li {
  font-size: 16px;
  line-height: 1.8;
}
#section-line #line-container #monitor-left img,
#section-line #monitor-container #monitor-left img,
#section-monitor #line-container #monitor-left img,
#section-monitor #monitor-container #monitor-left img,
#section-session #line-container #monitor-left img,
#section-session #monitor-container #monitor-left img,
#section-kiero-news #line-container #monitor-left img,
#section-kiero-news #monitor-container #monitor-left img {
  margin-bottom: 20px;
}
#section-line #line-container #monitor-right,
#section-line #monitor-container #monitor-right,
#section-monitor #line-container #monitor-right,
#section-monitor #monitor-container #monitor-right,
#section-session #line-container #monitor-right,
#section-session #monitor-container #monitor-right,
#section-kiero-news #line-container #monitor-right,
#section-kiero-news #monitor-container #monitor-right {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  #section-line #line-container #monitor-right,
  #section-line #monitor-container #monitor-right,
  #section-monitor #line-container #monitor-right,
  #section-monitor #monitor-container #monitor-right,
  #section-session #line-container #monitor-right,
  #section-session #monitor-container #monitor-right,
  #section-kiero-news #line-container #monitor-right,
  #section-kiero-news #monitor-container #monitor-right {
    margin-top: 0;
  }
}
#section-line #line-container #monitor-right h3,
#section-line #monitor-container #monitor-right h3,
#section-monitor #line-container #monitor-right h3,
#section-monitor #monitor-container #monitor-right h3,
#section-session #line-container #monitor-right h3,
#section-session #monitor-container #monitor-right h3,
#section-kiero-news #line-container #monitor-right h3,
#section-kiero-news #monitor-container #monitor-right h3 {
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  #section-line #line-container #monitor-right h3,
  #section-line #monitor-container #monitor-right h3,
  #section-monitor #line-container #monitor-right h3,
  #section-monitor #monitor-container #monitor-right h3,
  #section-session #line-container #monitor-right h3,
  #section-session #monitor-container #monitor-right h3,
  #section-kiero-news #line-container #monitor-right h3,
  #section-kiero-news #monitor-container #monitor-right h3 {
    font-size: 4.464vw;
  }
}
@media screen and (min-width: 1280px) {
  #section-line #line-container #monitor-right h3,
  #section-line #monitor-container #monitor-right h3,
  #section-monitor #line-container #monitor-right h3,
  #section-monitor #monitor-container #monitor-right h3,
  #section-session #line-container #monitor-right h3,
  #section-session #monitor-container #monitor-right h3,
  #section-kiero-news #line-container #monitor-right h3,
  #section-kiero-news #monitor-container #monitor-right h3 {
    font-size: 50px;
  }
}
#section-line #line-container #monitor-right > h4,
#section-line #monitor-container #monitor-right > h4,
#section-monitor #line-container #monitor-right > h4,
#section-monitor #monitor-container #monitor-right > h4,
#section-session #line-container #monitor-right > h4,
#section-session #monitor-container #monitor-right > h4,
#section-kiero-news #line-container #monitor-right > h4,
#section-kiero-news #monitor-container #monitor-right > h4 {
  font-size: 18px;
  color: #fff;
  background: #000;
  border-radius: 100px;
  display: inline-block;
  padding: 5px 10px;
  margin: 10px 0;
}
@media screen and (min-width: 768px) {
  #section-line #line-container #monitor-right > h4,
  #section-line #monitor-container #monitor-right > h4,
  #section-monitor #line-container #monitor-right > h4,
  #section-monitor #monitor-container #monitor-right > h4,
  #section-session #line-container #monitor-right > h4,
  #section-session #monitor-container #monitor-right > h4,
  #section-kiero-news #line-container #monitor-right > h4,
  #section-kiero-news #monitor-container #monitor-right > h4 {
    margin: 20px 0;
    font-size: 23px;
  }
}
#section-line #line-container #monitor-right h5,
#section-line #monitor-container #monitor-right h5,
#section-monitor #line-container #monitor-right h5,
#section-monitor #monitor-container #monitor-right h5,
#section-session #line-container #monitor-right h5,
#section-session #monitor-container #monitor-right h5,
#section-kiero-news #line-container #monitor-right h5,
#section-kiero-news #monitor-container #monitor-right h5 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0 0 10px;
}
@media screen and (min-width: 768px) {
  #section-line #line-container #monitor-right h5,
  #section-line #monitor-container #monitor-right h5,
  #section-monitor #line-container #monitor-right h5,
  #section-monitor #monitor-container #monitor-right h5,
  #section-session #line-container #monitor-right h5,
  #section-session #monitor-container #monitor-right h5,
  #section-kiero-news #line-container #monitor-right h5,
  #section-kiero-news #monitor-container #monitor-right h5 {
    margin: 0 0 20px;
    font-size: 30px;
  }
}
#section-line #line-container #monitor-right p.monitor-address,
#section-line #monitor-container #monitor-right p.monitor-address,
#section-monitor #line-container #monitor-right p.monitor-address,
#section-monitor #monitor-container #monitor-right p.monitor-address,
#section-session #line-container #monitor-right p.monitor-address,
#section-session #monitor-container #monitor-right p.monitor-address,
#section-kiero-news #line-container #monitor-right p.monitor-address,
#section-kiero-news #monitor-container #monitor-right p.monitor-address {
  font-size: 15px;
  line-height: 1.8;
  margin: 10px 0;
}
@media screen and (min-width: 768px) {
  #section-line #line-container #monitor-right p.monitor-address,
  #section-line #monitor-container #monitor-right p.monitor-address,
  #section-monitor #line-container #monitor-right p.monitor-address,
  #section-monitor #monitor-container #monitor-right p.monitor-address,
  #section-session #line-container #monitor-right p.monitor-address,
  #section-session #monitor-container #monitor-right p.monitor-address,
  #section-kiero-news #line-container #monitor-right p.monitor-address,
  #section-kiero-news #monitor-container #monitor-right p.monitor-address {
    font-size: 18px;
  }
}
#section-line #line-container #monitor-right p.monitor-address a,
#section-line #monitor-container #monitor-right p.monitor-address a,
#section-monitor #line-container #monitor-right p.monitor-address a,
#section-monitor #monitor-container #monitor-right p.monitor-address a,
#section-session #line-container #monitor-right p.monitor-address a,
#section-session #monitor-container #monitor-right p.monitor-address a,
#section-kiero-news #line-container #monitor-right p.monitor-address a,
#section-kiero-news #monitor-container #monitor-right p.monitor-address a {
  border: solid 1px #aaa;
  text-decoration: none;
  color: #000;
  margin-left: 10px;
  padding: 0 5px;
}
#section-line #line-container #monitor-right p.p-bg-red,
#section-line #monitor-container #monitor-right p.p-bg-red,
#section-monitor #line-container #monitor-right p.p-bg-red,
#section-monitor #monitor-container #monitor-right p.p-bg-red,
#section-session #line-container #monitor-right p.p-bg-red,
#section-session #monitor-container #monitor-right p.p-bg-red,
#section-kiero-news #line-container #monitor-right p.p-bg-red,
#section-kiero-news #monitor-container #monitor-right p.p-bg-red {
  background: #e83819;
  color: #fff;
  border-radius: 100px;
  font-size: 15px;
  line-height: 1.8;
  text-align: center;
  margin: 20px 0;
}
@media screen and (min-width: 768px) {
  #section-line #line-container #monitor-right p.p-bg-red,
  #section-line #monitor-container #monitor-right p.p-bg-red,
  #section-monitor #line-container #monitor-right p.p-bg-red,
  #section-monitor #monitor-container #monitor-right p.p-bg-red,
  #section-session #line-container #monitor-right p.p-bg-red,
  #section-session #monitor-container #monitor-right p.p-bg-red,
  #section-kiero-news #line-container #monitor-right p.p-bg-red,
  #section-kiero-news #monitor-container #monitor-right p.p-bg-red {
    font-size: 1.719vw;
  }
}
@media screen and (min-width: 1280px) {
  #section-line #line-container #monitor-right p.p-bg-red,
  #section-line #monitor-container #monitor-right p.p-bg-red,
  #section-monitor #line-container #monitor-right p.p-bg-red,
  #section-monitor #monitor-container #monitor-right p.p-bg-red,
  #section-session #line-container #monitor-right p.p-bg-red,
  #section-session #monitor-container #monitor-right p.p-bg-red,
  #section-kiero-news #line-container #monitor-right p.p-bg-red,
  #section-kiero-news #monitor-container #monitor-right p.p-bg-red {
    font-size: 22px;
  }
}
#section-line #line-container #monitor-right #monitor-border-box,
#section-line #monitor-container #monitor-right #monitor-border-box,
#section-monitor #line-container #monitor-right #monitor-border-box,
#section-monitor #monitor-container #monitor-right #monitor-border-box,
#section-session #line-container #monitor-right #monitor-border-box,
#section-session #monitor-container #monitor-right #monitor-border-box,
#section-kiero-news #line-container #monitor-right #monitor-border-box,
#section-kiero-news #monitor-container #monitor-right #monitor-border-box {
  margin-top: 20px;
  border: solid 1px #000;
  padding: 20px;
  box-sizing: border-box;
}
#section-line #line-container #monitor-right #monitor-border-box h4,
#section-line #monitor-container #monitor-right #monitor-border-box h4,
#section-monitor #line-container #monitor-right #monitor-border-box h4,
#section-monitor #monitor-container #monitor-right #monitor-border-box h4,
#section-session #line-container #monitor-right #monitor-border-box h4,
#section-session #monitor-container #monitor-right #monitor-border-box h4,
#section-kiero-news #line-container #monitor-right #monitor-border-box h4,
#section-kiero-news #monitor-container #monitor-right #monitor-border-box h4 {
  font-size: 20px;
  background: #ffe100;
  border-radius: 100px;
  text-align: center;
  line-height: 1.8;
  margin: 5px auto 10px;
}
#section-line #line-container #monitor-right #monitor-border-box p,
#section-line #monitor-container #monitor-right #monitor-border-box p,
#section-monitor #line-container #monitor-right #monitor-border-box p,
#section-monitor #monitor-container #monitor-right #monitor-border-box p,
#section-session #line-container #monitor-right #monitor-border-box p,
#section-session #monitor-container #monitor-right #monitor-border-box p,
#section-kiero-news #line-container #monitor-right #monitor-border-box p,
#section-kiero-news #monitor-container #monitor-right #monitor-border-box p {
  font-size: 14px;
  line-height: 1.8;
  margin: 10px auto;
}
#section-line #line-container #monitor-right #monitor-border-box ul,
#section-line #monitor-container #monitor-right #monitor-border-box ul,
#section-monitor #line-container #monitor-right #monitor-border-box ul,
#section-monitor #monitor-container #monitor-right #monitor-border-box ul,
#section-session #line-container #monitor-right #monitor-border-box ul,
#section-session #monitor-container #monitor-right #monitor-border-box ul,
#section-kiero-news #line-container #monitor-right #monitor-border-box ul,
#section-kiero-news #monitor-container #monitor-right #monitor-border-box ul {
  line-height: 1.8;
}
#section-line #line-container #monitor-right #monitor-border-box ul#ul-monitor-red, #section-line #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
#section-line #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-red,
#section-line #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
#section-monitor #line-container #monitor-right #monitor-border-box ul#ul-monitor-red,
#section-monitor #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
#section-monitor #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-red,
#section-monitor #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
#section-session #line-container #monitor-right #monitor-border-box ul#ul-monitor-red,
#section-session #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
#section-session #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-red,
#section-session #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
#section-kiero-news #line-container #monitor-right #monitor-border-box ul#ul-monitor-red,
#section-kiero-news #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
#section-kiero-news #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-red,
#section-kiero-news #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini {
  font-size: 15px;
  margin-bottom: 10px;
  color: #e83819;
}
@media screen and (min-width: 768px) {
  #section-line #line-container #monitor-right #monitor-border-box ul#ul-monitor-red, #section-line #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
  #section-line #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-red,
  #section-line #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
  #section-monitor #line-container #monitor-right #monitor-border-box ul#ul-monitor-red,
  #section-monitor #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
  #section-monitor #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-red,
  #section-monitor #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
  #section-session #line-container #monitor-right #monitor-border-box ul#ul-monitor-red,
  #section-session #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
  #section-session #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-red,
  #section-session #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
  #section-kiero-news #line-container #monitor-right #monitor-border-box ul#ul-monitor-red,
  #section-kiero-news #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
  #section-kiero-news #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-red,
  #section-kiero-news #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini {
    font-size: 18px;
  }
}
#section-line #line-container #monitor-right #monitor-border-box ul#ul-monitor-red li, #section-line #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini li,
#section-line #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-red li,
#section-line #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini li,
#section-monitor #line-container #monitor-right #monitor-border-box ul#ul-monitor-red li,
#section-monitor #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini li,
#section-monitor #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-red li,
#section-monitor #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini li,
#section-session #line-container #monitor-right #monitor-border-box ul#ul-monitor-red li,
#section-session #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini li,
#section-session #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-red li,
#section-session #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini li,
#section-kiero-news #line-container #monitor-right #monitor-border-box ul#ul-monitor-red li,
#section-kiero-news #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini li,
#section-kiero-news #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-red li,
#section-kiero-news #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini li {
  text-indent: -1.2em;
  padding-left: 1em;
}
#section-line #line-container #monitor-right #monitor-border-box ul#ul-monitor-red li:before, #section-line #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini li:before,
#section-line #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-red li:before,
#section-line #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini li:before,
#section-monitor #line-container #monitor-right #monitor-border-box ul#ul-monitor-red li:before,
#section-monitor #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini li:before,
#section-monitor #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-red li:before,
#section-monitor #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini li:before,
#section-session #line-container #monitor-right #monitor-border-box ul#ul-monitor-red li:before,
#section-session #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini li:before,
#section-session #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-red li:before,
#section-session #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini li:before,
#section-kiero-news #line-container #monitor-right #monitor-border-box ul#ul-monitor-red li:before,
#section-kiero-news #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini li:before,
#section-kiero-news #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-red li:before,
#section-kiero-news #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini li:before {
  content: "●";
  margin-right: 0.2em;
}
#section-line #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
#section-line #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
#section-monitor #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
#section-monitor #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
#section-session #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
#section-session #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
#section-kiero-news #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini,
#section-kiero-news #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini {
  font-size: 13px;
  color: #000;
  margin-bottom: 0;
}
#section-line #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini li:before,
#section-line #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini li:before,
#section-monitor #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini li:before,
#section-monitor #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini li:before,
#section-session #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini li:before,
#section-session #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini li:before,
#section-kiero-news #line-container #monitor-right #monitor-border-box ul#ul-monitor-mini li:before,
#section-kiero-news #monitor-container #monitor-right #monitor-border-box ul#ul-monitor-mini li:before {
  content: "※";
}
#section-line #line-container #monitor-starter-pc,
#section-line #monitor-container #monitor-starter-pc,
#section-monitor #line-container #monitor-starter-pc,
#section-monitor #monitor-container #monitor-starter-pc,
#section-session #line-container #monitor-starter-pc,
#section-session #monitor-container #monitor-starter-pc,
#section-kiero-news #line-container #monitor-starter-pc,
#section-kiero-news #monitor-container #monitor-starter-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  #section-line #line-container #monitor-starter-pc,
  #section-line #monitor-container #monitor-starter-pc,
  #section-monitor #line-container #monitor-starter-pc,
  #section-monitor #monitor-container #monitor-starter-pc,
  #section-session #line-container #monitor-starter-pc,
  #section-session #monitor-container #monitor-starter-pc,
  #section-kiero-news #line-container #monitor-starter-pc,
  #section-kiero-news #monitor-container #monitor-starter-pc {
    display: block;
  }
}
#section-line #line-container #monitor-starter-sp img,
#section-line #monitor-container #monitor-starter-sp img,
#section-monitor #line-container #monitor-starter-sp img,
#section-monitor #monitor-container #monitor-starter-sp img,
#section-session #line-container #monitor-starter-sp img,
#section-session #monitor-container #monitor-starter-sp img,
#section-kiero-news #line-container #monitor-starter-sp img,
#section-kiero-news #monitor-container #monitor-starter-sp img {
  width: 80%;
  display: block;
  margin: 0 auto;
}
#section-line #line-container #monitor-starter-sp li,
#section-line #monitor-container #monitor-starter-sp li,
#section-monitor #line-container #monitor-starter-sp li,
#section-monitor #monitor-container #monitor-starter-sp li,
#section-session #line-container #monitor-starter-sp li,
#section-session #monitor-container #monitor-starter-sp li,
#section-kiero-news #line-container #monitor-starter-sp li,
#section-kiero-news #monitor-container #monitor-starter-sp li {
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  #section-line #line-container #monitor-starter-sp,
  #section-line #monitor-container #monitor-starter-sp,
  #section-monitor #line-container #monitor-starter-sp,
  #section-monitor #monitor-container #monitor-starter-sp,
  #section-session #line-container #monitor-starter-sp,
  #section-session #monitor-container #monitor-starter-sp,
  #section-kiero-news #line-container #monitor-starter-sp,
  #section-kiero-news #monitor-container #monitor-starter-sp {
    display: none;
  }
}
#section-line #line-container #order-box,
#section-line #monitor-container #order-box,
#section-monitor #line-container #order-box,
#section-monitor #monitor-container #order-box,
#section-session #line-container #order-box,
#section-session #monitor-container #order-box,
#section-kiero-news #line-container #order-box,
#section-kiero-news #monitor-container #order-box {
  text-align: center;
  width: 100%;
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  #section-line #line-container #order-box,
  #section-line #monitor-container #order-box,
  #section-monitor #line-container #order-box,
  #section-monitor #monitor-container #order-box,
  #section-session #line-container #order-box,
  #section-session #monitor-container #order-box,
  #section-kiero-news #line-container #order-box,
  #section-kiero-news #monitor-container #order-box {
    margin-top: 80px;
  }
}
#section-line #line-container #order-box h2,
#section-line #monitor-container #order-box h2,
#section-monitor #line-container #order-box h2,
#section-monitor #monitor-container #order-box h2,
#section-session #line-container #order-box h2,
#section-session #monitor-container #order-box h2,
#section-kiero-news #line-container #order-box h2,
#section-kiero-news #monitor-container #order-box h2 {
  font-size: 20px;
  display: inline-block;
  text-align: left;
  line-height: 1.5;
  -webkit-text-decoration: underline solid 2px #e83819;
          text-decoration: underline solid 2px #e83819;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  #section-line #line-container #order-box h2,
  #section-line #monitor-container #order-box h2,
  #section-monitor #line-container #order-box h2,
  #section-monitor #monitor-container #order-box h2,
  #section-session #line-container #order-box h2,
  #section-session #monitor-container #order-box h2,
  #section-kiero-news #line-container #order-box h2,
  #section-kiero-news #monitor-container #order-box h2 {
    font-size: 2.734vw;
  }
}
@media screen and (min-width: 1120px) {
  #section-line #line-container #order-box h2,
  #section-line #monitor-container #order-box h2,
  #section-monitor #line-container #order-box h2,
  #section-monitor #monitor-container #order-box h2,
  #section-session #line-container #order-box h2,
  #section-session #monitor-container #order-box h2,
  #section-kiero-news #line-container #order-box h2,
  #section-kiero-news #monitor-container #order-box h2 {
    font-size: 35px;
  }
}
#section-line #line-container #order-box p#button-order,
#section-line #line-container #order-box p#button-order-2,
#section-line #monitor-container #order-box p#button-order,
#section-line #monitor-container #order-box p#button-order-2,
#section-monitor #line-container #order-box p#button-order,
#section-monitor #line-container #order-box p#button-order-2,
#section-monitor #monitor-container #order-box p#button-order,
#section-monitor #monitor-container #order-box p#button-order-2,
#section-session #line-container #order-box p#button-order,
#section-session #line-container #order-box p#button-order-2,
#section-session #monitor-container #order-box p#button-order,
#section-session #monitor-container #order-box p#button-order-2,
#section-kiero-news #line-container #order-box p#button-order,
#section-kiero-news #line-container #order-box p#button-order-2,
#section-kiero-news #monitor-container #order-box p#button-order,
#section-kiero-news #monitor-container #order-box p#button-order-2 {
  text-align: center;
}
#section-line #line-container #order-box p#button-order a,
#section-line #line-container #order-box p#button-order-2 a,
#section-line #monitor-container #order-box p#button-order a,
#section-line #monitor-container #order-box p#button-order-2 a,
#section-monitor #line-container #order-box p#button-order a,
#section-monitor #line-container #order-box p#button-order-2 a,
#section-monitor #monitor-container #order-box p#button-order a,
#section-monitor #monitor-container #order-box p#button-order-2 a,
#section-session #line-container #order-box p#button-order a,
#section-session #line-container #order-box p#button-order-2 a,
#section-session #monitor-container #order-box p#button-order a,
#section-session #monitor-container #order-box p#button-order-2 a,
#section-kiero-news #line-container #order-box p#button-order a,
#section-kiero-news #line-container #order-box p#button-order-2 a,
#section-kiero-news #monitor-container #order-box p#button-order a,
#section-kiero-news #monitor-container #order-box p#button-order-2 a {
  display: block;
  text-decoration: none;
  background: #b3b3b3;
  color: #fff;
  padding: 30px 40px;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 1.5;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  #section-line #line-container #order-box p#button-order a,
  #section-line #line-container #order-box p#button-order-2 a,
  #section-line #monitor-container #order-box p#button-order a,
  #section-line #monitor-container #order-box p#button-order-2 a,
  #section-monitor #line-container #order-box p#button-order a,
  #section-monitor #line-container #order-box p#button-order-2 a,
  #section-monitor #monitor-container #order-box p#button-order a,
  #section-monitor #monitor-container #order-box p#button-order-2 a,
  #section-session #line-container #order-box p#button-order a,
  #section-session #line-container #order-box p#button-order-2 a,
  #section-session #monitor-container #order-box p#button-order a,
  #section-session #monitor-container #order-box p#button-order-2 a,
  #section-kiero-news #line-container #order-box p#button-order a,
  #section-kiero-news #line-container #order-box p#button-order-2 a,
  #section-kiero-news #monitor-container #order-box p#button-order a,
  #section-kiero-news #monitor-container #order-box p#button-order-2 a {
    border-radius: 30px;
    font-size: 22px;
  }
}
@media screen and (min-width: 1280px) {
  #section-line #line-container #order-box p#button-order a,
  #section-line #line-container #order-box p#button-order-2 a,
  #section-line #monitor-container #order-box p#button-order a,
  #section-line #monitor-container #order-box p#button-order-2 a,
  #section-monitor #line-container #order-box p#button-order a,
  #section-monitor #line-container #order-box p#button-order-2 a,
  #section-monitor #monitor-container #order-box p#button-order a,
  #section-monitor #monitor-container #order-box p#button-order-2 a,
  #section-session #line-container #order-box p#button-order a,
  #section-session #line-container #order-box p#button-order-2 a,
  #section-session #monitor-container #order-box p#button-order a,
  #section-session #monitor-container #order-box p#button-order-2 a,
  #section-kiero-news #line-container #order-box p#button-order a,
  #section-kiero-news #line-container #order-box p#button-order-2 a,
  #section-kiero-news #monitor-container #order-box p#button-order a,
  #section-kiero-news #monitor-container #order-box p#button-order-2 a {
    font-size: 30px;
  }
}
#section-line #line-container #order-box p#button-order a .button-order-span,
#section-line #line-container #order-box p#button-order-2 a .button-order-span,
#section-line #monitor-container #order-box p#button-order a .button-order-span,
#section-line #monitor-container #order-box p#button-order-2 a .button-order-span,
#section-monitor #line-container #order-box p#button-order a .button-order-span,
#section-monitor #line-container #order-box p#button-order-2 a .button-order-span,
#section-monitor #monitor-container #order-box p#button-order a .button-order-span,
#section-monitor #monitor-container #order-box p#button-order-2 a .button-order-span,
#section-session #line-container #order-box p#button-order a .button-order-span,
#section-session #line-container #order-box p#button-order-2 a .button-order-span,
#section-session #monitor-container #order-box p#button-order a .button-order-span,
#section-session #monitor-container #order-box p#button-order-2 a .button-order-span,
#section-kiero-news #line-container #order-box p#button-order a .button-order-span,
#section-kiero-news #line-container #order-box p#button-order-2 a .button-order-span,
#section-kiero-news #monitor-container #order-box p#button-order a .button-order-span,
#section-kiero-news #monitor-container #order-box p#button-order-2 a .button-order-span {
  font-size: 60%;
  display: block;
}
#section-line #line-container #order-box p#button-order-2 a,
#section-line #monitor-container #order-box p#button-order-2 a,
#section-monitor #line-container #order-box p#button-order-2 a,
#section-monitor #monitor-container #order-box p#button-order-2 a,
#section-session #line-container #order-box p#button-order-2 a,
#section-session #monitor-container #order-box p#button-order-2 a,
#section-kiero-news #line-container #order-box p#button-order-2 a,
#section-kiero-news #monitor-container #order-box p#button-order-2 a {
  background: #000;
}
#section-line #line-container #order-box p#button-order-2 a:hover,
#section-line #monitor-container #order-box p#button-order-2 a:hover,
#section-monitor #line-container #order-box p#button-order-2 a:hover,
#section-monitor #monitor-container #order-box p#button-order-2 a:hover,
#section-session #line-container #order-box p#button-order-2 a:hover,
#section-session #monitor-container #order-box p#button-order-2 a:hover,
#section-kiero-news #line-container #order-box p#button-order-2 a:hover,
#section-kiero-news #monitor-container #order-box p#button-order-2 a:hover {
  background: #e83819;
}
#section-line #line-container #order-box .button-hide,
#section-line #monitor-container #order-box .button-hide,
#section-monitor #line-container #order-box .button-hide,
#section-monitor #monitor-container #order-box .button-hide,
#section-session #line-container #order-box .button-hide,
#section-session #monitor-container #order-box .button-hide,
#section-kiero-news #line-container #order-box .button-hide,
#section-kiero-news #monitor-container #order-box .button-hide {
  display: none !important;
}

@media screen and (min-width: 768px) {
  #line-top {
    display: flex;
    justify-content: space-between;
  }
}
#line-top #line-top-left {
  width: 75px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  #line-top #line-top-left {
    width: 100px;
    margin-right: 30px;
  }
}
@media screen and (min-width: 1280px) {
  #line-top #line-top-left {
    margin-right: 70px;
    margin-left: 0;
    width: 150px;
    margin-bottom: 0;
  }
}
#line-top #line-top-right {
  max-width: 100%;
}
#line-top #line-top-right h3 {
  font-size: 18px;
  line-height: 1.5;
  -webkit-text-decoration: underline solid 2px #e83819;
          text-decoration: underline solid 2px #e83819;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  #line-top #line-top-right h3 {
    font-size: 2.734vw;
  }
}
@media screen and (min-width: 1120px) {
  #line-top #line-top-right h3 {
    font-size: 30px;
  }
}
#line-top #line-top-right h4 {
  font-size: 14px;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  #line-top #line-top-right h4 {
    font-size: 18px;
  }
}

#line-box {
  width: 100%;
}
#line-box p {
  font-size: 14px;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  #line-box p {
    text-align: center;
    font-size: 22px;
  }
}
#line-box p.qr-line {
  margin: 40px auto;
  width: 170px;
  height: 205px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #line-box p.qr-line {
    width: 340px;
    height: 410px;
    text-align: center;
  }
}

#section-session {
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  #section-session {
    margin-top: 100px;
  }
}
@media screen and (min-width: 1120px) {
  #section-session {
    margin-top: 150px;
  }
}
#section-session h2 {
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 1.8;
}
@media screen and (min-width: 480px) {
  #section-session h2 {
    font-size: 4.72vw;
  }
}
@media screen and (min-width: 1120px) {
  #section-session h2 {
    font-size: 30px;
  }
}
#section-session #session-container {
  background: #fff;
  padding: 30px 5%;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  #section-session #session-container {
    border-radius: 30px;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1280px) {
  #section-session #session-container {
    padding: 60px;
  }
}
@media screen and (min-width: 768px) {
  #section-session #session-container > div {
    width: 48%;
  }
}
#section-session #session-top-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#section-session #session-top-left p {
  text-align: center;
}
#section-session #session-top-left p img {
  width: 240px;
}
@media screen and (min-width: 768px) {
  #section-session #session-top-left p img {
    width: 410px;
  }
}
#section-session h4 {
  font-size: 18px;
  color: #fff;
  background: #000;
  border-radius: 100px;
  display: inline-block;
  padding: 5px 10px;
  margin: 10px 0;
}
@media screen and (min-width: 768px) {
  #section-session h4 {
    margin: 20px 0;
    font-size: 23px;
  }
}
#section-session h3 {
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  #section-session h3 {
    font-size: 4.464vw;
  }
}
@media screen and (min-width: 1280px) {
  #section-session h3 {
    font-size: 50px;
  }
}
#section-session h5 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0 0 10px;
}
@media screen and (min-width: 768px) {
  #section-session h5 {
    margin: 0 0 20px;
    font-size: 30px;
  }
}
#section-session #session-bottom-left p.session-date,
#section-session #session-bottom-right p.session-date {
  font-size: 19px;
  line-height: 1.2;
  margin: 0 0 10px;
}
@media screen and (min-width: 768px) {
  #section-session #session-bottom-left p.session-date,
  #section-session #session-bottom-right p.session-date {
    margin: 0 0 20px;
    font-size: 28px;
  }
}
#section-session #session-bottom-left p.session-date .blue,
#section-session #session-bottom-right p.session-date .blue {
  color: #008bd5;
}
#section-session #session-bottom-left p.session-date .red,
#section-session #session-bottom-right p.session-date .red {
  color: #e83819;
}
#section-session p.p-bg-red {
  background: #e83819;
  color: #fff;
  border-radius: 100px;
  font-size: 15px;
  line-height: 1.8;
  text-align: center;
  margin: 20px 0;
}
@media screen and (min-width: 768px) {
  #section-session p.p-bg-red {
    font-size: 1.719vw;
  }
}
@media screen and (min-width: 1280px) {
  #section-session p.p-bg-red {
    font-size: 22px;
  }
}
#section-session #session-top-right p {
  font-size: 16px;
  line-height: 1.7;
  margin: 20px auto;
}
@media screen and (min-width: 768px) {
  #section-session #session-top-right p {
    font-size: 20px;
  }
}
#section-session #session-top-right p.blue-round-bg {
  font-size: 16px;
  background: #008bd5;
  color: #fff;
  padding: 25px 3%;
  text-align: center;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  #section-session #session-top-right p.blue-round-bg {
    padding: 25px 30px;
    font-size: 22px;
  }
}
#section-session #session-bottom-right {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  #section-session #session-bottom-right {
    margin-top: 73px;
  }
}
#section-session #session-bottom-left p,
#section-session #session-bottom-right p {
  font-size: 14px;
  line-height: 1.8;
  margin: 20px auto;
}
@media screen and (min-width: 768px) {
  #section-session #session-bottom-left p,
  #section-session #session-bottom-right p {
    font-size: 17px;
  }
}
#section-session .detail-undecided {
  font-size: 50%;
}

.ul-archive-kiero-news,
#ul-side-posts-kobe-kiero {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .ul-archive-kiero-news,
  #ul-side-posts-kobe-kiero {
    display: block;
  }
}
.ul-archive-kiero-news li,
#ul-side-posts-kobe-kiero li {
  margin-bottom: 30px;
  width: 48%;
}
.ul-archive-kiero-news li:nth-child(odd),
#ul-side-posts-kobe-kiero li:nth-child(odd) {
  margin-right: 4%;
}
@media screen and (min-width: 768px) {
  .ul-archive-kiero-news li,
  #ul-side-posts-kobe-kiero li {
    width: auto;
  }
  .ul-archive-kiero-news li:nth-child(odd),
  #ul-side-posts-kobe-kiero li:nth-child(odd) {
    margin-right: 0;
  }
}
.ul-archive-kiero-news li a,
#ul-side-posts-kobe-kiero li a {
  color: #222;
  text-decoration: none;
  transition: opacity 0.3s;
  display: block;
}
.ul-archive-kiero-news li a:hover,
#ul-side-posts-kobe-kiero li a:hover {
  color: #009900;
}
.ul-archive-kiero-news li a:hover .kiero-thumb:before,
#ul-side-posts-kobe-kiero li a:hover .kiero-thumb:before {
  border: solid 6px #009900;
}
.ul-archive-kiero-news li a .kiero-cat-box,
#ul-side-posts-kobe-kiero li a .kiero-cat-box {
  margin: 15px 0 10px;
  font-size: 10px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .ul-archive-kiero-news li a .kiero-cat-box,
  #ul-side-posts-kobe-kiero li a .kiero-cat-box {
    font-size: 13px;
  }
}
.ul-archive-kiero-news li a .kiero-cat,
#ul-side-posts-kobe-kiero li a .kiero-cat {
  background: #009900;
  color: #fff;
  padding: 5px 20px;
  display: inline-block;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .ul-archive-kiero-news li a .kiero-cat,
  #ul-side-posts-kobe-kiero li a .kiero-cat {
    min-width: 120px;
    padding: 5px;
  }
}
.ul-archive-kiero-news li a .kiero-date,
#ul-side-posts-kobe-kiero li a .kiero-date {
  display: inline;
  margin-left: 7px;
  font-size: clamp(0.625rem, 0.558rem + 0.26vw, 0.75rem);
}
.ul-archive-kiero-news li a .kiero-title,
#ul-side-posts-kobe-kiero li a .kiero-title {
  font-size: clamp(0.813rem, 0.779rem + 0.13vw, 0.875rem);
  line-height: 1.6;
}
.ul-archive-kiero-news li a .kiero-thumb,
#ul-side-posts-kobe-kiero li a .kiero-thumb {
  text-align: center;
  margin-bottom: 10px;
  position: relative;
}
.ul-archive-kiero-news li a .kiero-thumb:before,
#ul-side-posts-kobe-kiero li a .kiero-thumb:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border: solid 0 rgba(0, 0, 0, 0);
  top: 0;
  left: 0;
  z-index: 2;
  box-sizing: border-box;
  transition: 0.15s;
}
.ul-archive-kiero-news li a .kiero-thumb img,
#ul-side-posts-kobe-kiero li a .kiero-thumb img {
  box-sizing: border-box;
  vertical-align: bottom;
  position: relative;
  width: 100%;
}

.ul-archive-kiero-news {
  display: flex;
  flex-wrap: wrap;
}
.ul-archive-kiero-news li {
  margin-bottom: 40px;
  width: 48%;
}
.ul-archive-kiero-news li:not(:nth-child(even)) {
  margin-right: 4%;
}
@media screen and (min-width: 768px) {
  .ul-archive-kiero-news li {
    width: 32%;
  }
  .ul-archive-kiero-news li:not(:nth-child(even)) {
    margin-right: 0;
  }
  .ul-archive-kiero-news li:not(:nth-child(3n)) {
    margin-right: 2%;
  }
}

p.button-more {
  margin: 50px auto;
}
p.button-more a {
  display: block;
  border: solid 1px #000;
  width: 260px;
  padding: 15px 10px;
  box-sizing: border-box;
  margin: 50px auto;
  color: #222;
  text-decoration: none;
  text-align: center;
  position: relative;
  transition: background-color 0.3s;
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  p.button-more a {
    font-size: 16px;
    width: 32%;
  }
}
p.button-more a svg {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
p.button-more a svg .st0 {
  fill: #009900;
}
p.button-more a svg .st1 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 0.6585;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
p.button-more a:hover {
  background-color: #222;
  color: #fff;
}

body.paged #wrapper #top-catch,
body.single-kobe-kiero #wrapper #top-catch {
  padding-bottom: 30px;
}
body.paged #wrapper #top-catch #top-catch-img,
body.single-kobe-kiero #wrapper #top-catch #top-catch-img {
  padding-bottom: 30px;
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  body.paged #wrapper #top-catch #top-catch-img,
  body.single-kobe-kiero #wrapper #top-catch #top-catch-img {
    padding-bottom: 0;
    margin-top: 0;
  }
}
body.paged #wrapper #top-catch #top-catch-img img,
body.single-kobe-kiero #wrapper #top-catch #top-catch-img img {
  width: 260px;
}
@media screen and (min-width: 1120px) {
  body.paged #wrapper #top-catch #top-catch-img img,
  body.single-kobe-kiero #wrapper #top-catch #top-catch-img img {
    margin-top: 20px;
    width: 320px;
  }
}
body.paged #wrapper #top-catch #banner-kobe-city,
body.single-kobe-kiero #wrapper #top-catch #banner-kobe-city {
  right: 0;
  left: auto;
}
body.paged #section-kiero-news,
body.single-kobe-kiero #section-kiero-news {
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  body.paged #section-kiero-news,
  body.single-kobe-kiero #section-kiero-news {
    margin-top: 50px;
  }
}
@media screen and (min-width: 1120px) {
  body.paged #section-kiero-news,
  body.single-kobe-kiero #section-kiero-news {
    margin-top: 50px;
  }
}
body.paged #pagination,
body.single-kobe-kiero #pagination {
  text-align: center;
}
body.paged #pagination a,
body.paged #pagination span,
body.single-kobe-kiero #pagination a,
body.single-kobe-kiero #pagination span {
  display: inline-block;
  padding: 8px 12px 10px;
  color: #222;
  margin: 10px 5px;
  text-decoration: none;
  font-size: 20px;
  line-height: 1;
  border: solid 1px #222;
}
body.paged #pagination span,
body.single-kobe-kiero #pagination span {
  background: #222;
  color: #fff;
}
body.paged #pagination a:hover,
body.single-kobe-kiero #pagination a:hover {
  background: #fff;
}

@media screen and (min-width: 768px) {
  body.single-kobe-kiero #kiero-news-container {
    display: flex;
  }
}
body.single-kobe-kiero #kiero-news-container #kiero-news-main {
  margin-bottom: 100px;
}
@media screen and (min-width: 768px) {
  body.single-kobe-kiero #kiero-news-container #kiero-news-main {
    margin-bottom: 0;
    width: 73.6%;
    padding-right: 20px;
  }
}
@media screen and (min-width: 768px) {
  body.single-kobe-kiero #kiero-news-container #kiero-news-sidebar {
    width: 26.4%;
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) {
  body.single-kobe-kiero #kiero-news-container #kiero-news-sidebar h2 {
    display: none;
  }
}
body.single-kobe-kiero .single-catch img {
  vertical-align: bottom;
  width: 100%;
}
body.single-kobe-kiero #people-profile {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  body.single-kobe-kiero #people-profile {
    flex-direction: row;
  }
  body.single-kobe-kiero #people-profile > div {
    width: 48%;
  }
}
body.single-kobe-kiero #people-photo {
  margin-top: 10px;
}
body.single-kobe-kiero #people-profile-text h2,
body.single-kobe-kiero #people-profile-text h3,
body.single-kobe-kiero #people-profile-text h4,
body.single-kobe-kiero #people-profile-text h5,
body.single-kobe-kiero #people-profile-text h6,
body.single-kobe-kiero #people-profile-text p {
  margin: 10px auto;
}
body.single-kobe-kiero #people-profile-text p {
  font-size: 12px;
}
body.single-kobe-kiero #people-profile-text a {
  color: #222;
}
body.single-kobe-kiero #people-profile-text a:hover {
  color: #009900;
}
body.single-kobe-kiero #people-profile-text h3 {
  font-weight: normal;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  body.single-kobe-kiero #people-profile-text h3 {
    font-size: 25px;
  }
}
body.single-kobe-kiero #people-profile-text h4 {
  font-size: 18px;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  body.single-kobe-kiero #people-profile-text h4 {
    font-size: 22px;
  }
}
body.single-kobe-kiero article:not(:last-child) {
  margin-bottom: 100px;
}
body.single-kobe-kiero article hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #222;
}
body.single-kobe-kiero article h2,
body.single-kobe-kiero article h3,
body.single-kobe-kiero article h4,
body.single-kobe-kiero article h5,
body.single-kobe-kiero article h6 {
  margin: 20px 0;
  line-height: 1.2;
  font-weight: bold;
}
body.single-kobe-kiero article p,
body.single-kobe-kiero article li {
  line-height: 2;
  margin: 10px 0;
  font-size: 14px;
}
body.single-kobe-kiero article h3 {
  font-size: 20px;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  body.single-kobe-kiero article h3 {
    font-size: 25px;
  }
}
@media screen and (min-width: 576px) {
  body.single-kobe-kiero article > h3:first-child {
    margin-top: 10px;
  }
}
body.single-kobe-kiero article h4 {
  font-size: 16px;
}
@media screen and (min-width: 576px) {
  body.single-kobe-kiero article h4 {
    font-size: 22px;
    margin: 20px 0;
    line-height: 1.8;
  }
}
body.single-kobe-kiero article h5,
body.single-kobe-kiero article h6 {
  margin: 10px auto;
}
body.single-kobe-kiero article table {
  width: 100%;
  max-width: 100%;
  margin: 40px auto;
  background: #fff;
}
body.single-kobe-kiero article table th,
body.single-kobe-kiero article table td {
  border: solid 1px #ddd;
  padding: 10px;
  font-size: 14px;
  box-sizing: border-box;
  display: block;
}
@media screen and (min-width: 576px) {
  body.single-kobe-kiero article table th,
  body.single-kobe-kiero article table td {
    display: table-cell;
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  body.single-kobe-kiero article table th,
  body.single-kobe-kiero article table td {
    min-width: 100px;
    font-size: 16px;
  }
}
body.single-kobe-kiero article table th p,
body.single-kobe-kiero article table td p {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  body.single-kobe-kiero article table th p,
  body.single-kobe-kiero article table td p {
    font-size: 16px;
  }
}
body.single-kobe-kiero article table th {
  font-weight: bold;
  vertical-align: middle;
  background-color: #009900;
  color: #fff;
}
body.single-kobe-kiero article table td {
  text-align: left;
}
body.single-kobe-kiero article table thead {
  color: #fff;
}
body.single-kobe-kiero article ul,
body.single-kobe-kiero article ol {
  list-style: disc;
  margin-left: 1em;
  margin: 40px 0 40px 1em;
}
body.single-kobe-kiero article ol {
  list-style: decimal;
}
body.single-kobe-kiero article iframe {
  width: 100%;
}

@media screen and (min-width: 768px) {
  body.kobe-kiero-template-template-kiero-archive #kiero-news-container {
    display: block;
  }
}

.underline-red {
  -webkit-text-decoration: underline solid 2px #e83819;
          text-decoration: underline solid 2px #e83819;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: 40px auto;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*------------------------------- Plugin --------------------------------*/
/* ギャラリー */
.wp-caption {
  max-width: 100%;
  clear: both;
}

.wp-caption-text {
  font-size: 12px;
  text-align: left;
  margin: 5px 0;
}

.gallery {
  margin: 20px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
@media screen and (min-width: 768px) {
  .gallery {
    margin: 40px 0;
  }
}

.gallery-item {
  text-align: center;
  box-sizing: border-box;
  font-size: 14px;
  margin: 5px 1% 15px 0;
}

.gallery-columns-1 .gallery-item {
  width: 100%;
  margin-right: 0;
}

.gallery-columns-2 .gallery-item {
  width: 49%;
}

.gallery-columns-3 .gallery-item {
  width: 32%;
}

.gallery-columns-4 .gallery-item {
  width: 24%;
}

.gallery-columns-5 .gallery-item {
  width: 19%;
}

.gallery-columns-6 .gallery-item {
  width: 15.66%;
}

.gallery-columns-7 .gallery-item {
  width: 13.28%;
}

.gallery-columns-8 .gallery-item {
  width: 11.5%;
}

.gallery-columns-9 .gallery-item {
  width: 10.11%;
}

@media screen and (max-width: 768px) and (min-width: 481px) {
  .gallery-item,
  .gallery-columns-2 .gallery-item,
  .gallery-columns-3 .gallery-item,
  .gallery-columns-4 .gallery-item,
  .gallery-columns-5 .gallery-item,
  .gallery-columns-6 .gallery-item,
  .gallery-columns-7 .gallery-item,
  .gallery-columns-8 .gallery-item,
  .gallery-columns-9 .gallery-item {
    width: 49%;
    max-width: 49%;
  }
}
@media screen and (max-width: 480px) {
  .gallery-item,
  .gallery-columns-2 .gallery-item,
  .gallery-columns-3 .gallery-item,
  .gallery-columns-4 .gallery-item,
  .gallery-columns-5 .gallery-item,
  .gallery-columns-6 .gallery-item,
  .gallery-columns-7 .gallery-item,
  .gallery-columns-8 .gallery-item,
  .gallery-columns-9 .gallery-item {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .x-scroll {
    overflow: auto;
  }
  .x-scroll table {
    width: 100%;
  }
  .x-scroll::-webkit-scrollbar {
    height: 5px;
  }
  .x-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .x-scroll::-webkit-scrollbar-thumb {
    background: #d6d6d6;
  }
  .x-scroll td,
  .x-scroll th {
    white-space: nowrap;
  }
}
#kiero-menu {
  display: none;
}
@media screen and (min-width: 1280px) {
  #kiero-menu {
    align-items: center;
    display: flex;
  }
}
#kiero-menu li a {
  margin: 10px 20px;
  font-weight: bold;
  color: #222;
  text-decoration: none;
}

#section-about a {
  transition: opacity 0.3s;
}
#section-about a:hover {
  opacity: 0.7;
}
#section-about h2 {
  margin: 40px auto 20px;
  text-align: center;
  font-size: 3.6vw;
  letter-spacing: 0.15em;
  line-height: 1.8;
  font-weight: bold;
}
@media screen and (min-width: 1280px) {
  #section-about h2 {
    margin: 40px auto 60px;
    font-size: 36px;
  }
}
#section-about h2 img {
  margin: 20px 0 0;
  width: 100px;
}
@media screen and (min-width: 768px) {
  #section-about h2 img {
    width: 200px;
  }
}
@media screen and (min-width: 768px) {
  #section-about #kiero-about-top,
  #section-about #kiero-about-bottom {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) {
  #section-about #kiero-about-top > div,
  #section-about #kiero-about-bottom > div {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
#section-about #kiero-about-top > div h3,
#section-about #kiero-about-bottom > div h3 {
  font-size: 16px;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  #section-about #kiero-about-top > div h3,
  #section-about #kiero-about-bottom > div h3 {
    font-size: 24px;
  }
}
#section-about #kiero-about-top > div p,
#section-about #kiero-about-bottom > div p {
  font-size: 14px;
  line-height: 1.8;
  margin: 20px auto;
}
@media screen and (min-width: 768px) {
  #section-about #kiero-about-top > div p,
  #section-about #kiero-about-bottom > div p {
    font-size: 16px;
  }
}
#section-about #kiero-about-top > div .img-p,
#section-about #kiero-about-bottom > div .img-p {
  margin-top: auto;
  text-align: center;
}
#section-about #kiero-about-top {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  #section-about #kiero-about-top {
    margin-bottom: 0;
  }
}
#section-about #kiero-about-top #kirero-about-right {
  justify-content: flex-start;
}
#section-about #kiero-about-bottom-left img {
  width: 60%;
}

#kiero-about-left {
  text-align: center;
}
#kiero-about-left img {
  width: 80%;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  #kiero-about-left img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  #kiero-about-left {
    width: 100%;
    margin-bottom: 0;
  }
}

p.button-more a {
  background: #fff;
}

p.button-more a svg .st0 {
  fill: #ffe100;
}

p.button-more a svg .st1 {
  stroke: #222;
}

#bg-yellow {
  background: #ffeb69;
}
#bg-yellow > img {
  margin-top: -2px;
}

.wave-bottom {
  transform: rotate(180deg);
  margin-bottom: -5px;
}

#footer-top {
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px #fff;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
#footer-top > div {
  width: 47%;
  margin: 0;
}
@media screen and (min-width: 1120px) {
  #footer-top > div {
    width: 48%;
  }
}
#footer-top > div p {
  text-align: justify;
}

#footer-box {
  background: #8c6239;
  color: #fff;
}
#footer-box > img {
  margin-top: -2px;
}
#footer-box a {
  color: #fff;
}
#footer-box #footer {
  max-width: 90%;
  margin: 0 auto;
  padding: 40px 5%;
  width: 1120px;
}
#footer-box #footer p {
  font-size: 14px;
  line-height: 1.8;
  margin: 10px auto;
}
@media screen and (min-width: 768px) {
  #footer-box #footer p {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  #footer-right-inner {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  #footer-right-inner #footer-right-inner-l {
    width: 63%;
  }
}
#footer-right-inner #footer-right-inner-r {
  text-align: center;
}
#footer-right-inner #footer-right-inner-r img {
  width: 80%;
}
@media screen and (min-width: 768px) {
  #footer-right-inner #footer-right-inner-r {
    width: 34%;
    text-align: right;
  }
  #footer-right-inner #footer-right-inner-r img {
    width: 150px;
  }
}

@media screen and (min-width: 768px) {
  #footer-bottom {
    display: flex;
    justify-content: space-between;
  }
}
#footer-bottom #footer-bottom-right {
  text-align: center;
}
#footer-bottom #footer-bottom-right img {
  margin-top: 10px;
  width: 100px;
}
@media screen and (min-width: 768px) {
  #footer-bottom #footer-bottom-right {
    text-align: right;
  }
  #footer-bottom #footer-bottom-right img {
    margin-top: 0;
    width: 180px;
  }
}

#breadcrumb {
  width: 1120px;
  margin: 0 auto;
  max-width: 94%;
  padding: 0 0 20px;
}
@media screen and (min-width: 768px) {
  #breadcrumb {
    display: block;
  }
}
@media screen and (min-width: 1920px) {
  #breadcrumb {
    padding-top: 0;
  }
}
#breadcrumb .breadcrumb-lists {
  display: flex;
  flex-wrap: wrap;
  text-transform: uppercase;
}
#breadcrumb .breadcrumb-lists li {
  margin: 5px 5px;
  font-size: 13px;
}
#breadcrumb .breadcrumb-lists li a {
  color: #222;
  text-decoration: none;
}
#breadcrumb .breadcrumb-lists li a:hover {
  color: #009900;
}
#breadcrumb .breadcrumb-lists li strong {
  font-weight: normal;
}
#breadcrumb .breadcrumb-lists .breadcrumb-home,
#breadcrumb .breadcrumb-lists .breadcrumb-custompost,
#breadcrumb .breadcrumb-lists .breadcrumb-page {
  text-transform: uppercase;
}

body.paged #section-kiero-news,
body.single-kobe-kiero #section-kiero-news {
  margin-top: 0;
}

#pagetop {
  width: 100px;
  height: 100px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 1120px) {
  #pagetop {
    display: block;
  }
}
#pagetop.show {
  visibility: visible;
  opacity: 1;
}
#pagetop.show:hover {
  opacity: 0.7;
}

.kobe-kiero-template #bg-yellow {
  position: relative;
  z-index: 0;
  padding: 0 0 10px 0;
}
.kobe-kiero-template #wrapper {
  padding: 40px 5%;
}
.kobe-kiero-template section p {
  font-size: 14px;
  line-height: 1.8;
  margin: 10px auto;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template section p {
    font-size: 16px;
  }
}
.kobe-kiero-template #method-menu {
  display: flex;
  justify-content: center;
  font-weight: bold;
  margin: 0 auto 30px;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #method-menu {
    margin: 20px auto;
  }
}
.kobe-kiero-template #method-menu li a {
  padding: 10px 7px;
  color: #222;
  text-decoration: none;
  font-size: 10px;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #method-menu li a {
    padding: 20px;
    font-size: 16px;
  }
}
.kobe-kiero-template #section-method h2 {
  margin: 20px auto;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.8;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #section-method h2 {
    margin: 40px auto 60px;
    font-size: clamp(1rem, 0.545rem + 1.82vw, 2rem);
  }
}
@media screen and (min-width: 1280px) {
  .kobe-kiero-template #section-method h2 {
    margin: 40px auto 60px;
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #section-method #method-about,
  .kobe-kiero-template #section-method #method-method-inner,
  .kobe-kiero-template #section-method #method-discomposition {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
    align-items: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #section-method #method-about > div,
  .kobe-kiero-template #section-method #method-method-inner > div,
  .kobe-kiero-template #section-method #method-discomposition > div {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.kobe-kiero-template #section-method #method-about > div h3,
.kobe-kiero-template #section-method #method-method-inner > div h3,
.kobe-kiero-template #section-method #method-discomposition > div h3 {
  font-size: 16px;
  line-height: 1.6;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #section-method #method-about > div h3,
  .kobe-kiero-template #section-method #method-method-inner > div h3,
  .kobe-kiero-template #section-method #method-discomposition > div h3 {
    font-size: 24px;
  }
}
.kobe-kiero-template #section-method #method-about > div p,
.kobe-kiero-template #section-method #method-method-inner > div p,
.kobe-kiero-template #section-method #method-discomposition > div p {
  font-size: 14px;
  line-height: 1.8;
  margin: 10px 0;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #section-method #method-about > div p,
  .kobe-kiero-template #section-method #method-method-inner > div p,
  .kobe-kiero-template #section-method #method-discomposition > div p {
    margin: 20px 0;
    font-size: 16px;
  }
}
.kobe-kiero-template #section-method #method-about > div .img-p,
.kobe-kiero-template #section-method #method-method-inner > div .img-p,
.kobe-kiero-template #section-method #method-discomposition > div .img-p {
  margin-top: auto;
  text-align: center;
}
.kobe-kiero-template #section-method #method-about #method-about-left,
.kobe-kiero-template #section-method #method-method-inner #method-about-left,
.kobe-kiero-template #section-method #method-discomposition #method-about-left {
  display: flex;
  justify-content: space-between;
}
.kobe-kiero-template #section-method #method-about #method-about-left p,
.kobe-kiero-template #section-method #method-method-inner #method-about-left p,
.kobe-kiero-template #section-method #method-discomposition #method-about-left p {
  width: 48%;
}
.kobe-kiero-template #section-method #method-about #method-about-left p:first-child img,
.kobe-kiero-template #section-method #method-method-inner #method-about-left p:first-child img,
.kobe-kiero-template #section-method #method-discomposition #method-about-left p:first-child img {
  margin-right: 20px;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #section-method #method-about #method-about-left,
  .kobe-kiero-template #section-method #method-method-inner #method-about-left,
  .kobe-kiero-template #section-method #method-discomposition #method-about-left {
    flex-direction: column;
  }
  .kobe-kiero-template #section-method #method-about #method-about-left p,
  .kobe-kiero-template #section-method #method-method-inner #method-about-left p,
  .kobe-kiero-template #section-method #method-discomposition #method-about-left p {
    width: auto;
  }
  .kobe-kiero-template #section-method #method-about #method-about-left p:first-child img,
  .kobe-kiero-template #section-method #method-method-inner #method-about-left p:first-child img,
  .kobe-kiero-template #section-method #method-discomposition #method-about-left p:first-child img {
    margin-right: 0;
  }
}
.kobe-kiero-template #section-method #method-about #method-about-left p,
.kobe-kiero-template #section-method #method-method-inner #method-about-left p,
.kobe-kiero-template #section-method #method-discomposition #method-about-left p {
  margin: 0;
}
.kobe-kiero-template #section-method #method-about #method-about-left p:first-child,
.kobe-kiero-template #section-method #method-method-inner #method-about-left p:first-child,
.kobe-kiero-template #section-method #method-discomposition #method-about-left p:first-child {
  margin-bottom: 20px;
}
.kobe-kiero-template #section-method #method-about #method-about-right p:last-child,
.kobe-kiero-template #section-method #method-method-inner #method-about-right p:last-child,
.kobe-kiero-template #section-method #method-discomposition #method-about-right p:last-child {
  text-align: center;
}
.kobe-kiero-template #section-method #method-about #method-about-right p:last-child img,
.kobe-kiero-template #section-method #method-method-inner #method-about-right p:last-child img,
.kobe-kiero-template #section-method #method-discomposition #method-about-right p:last-child img {
  width: 75%;
}
.kobe-kiero-template #section-method #method-about #method-method-inner-right p,
.kobe-kiero-template #section-method #method-method-inner #method-method-inner-right p,
.kobe-kiero-template #section-method #method-discomposition #method-method-inner-right p {
  text-align: center;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #section-method #method-about #method-method-inner-right p,
  .kobe-kiero-template #section-method #method-method-inner #method-method-inner-right p,
  .kobe-kiero-template #section-method #method-discomposition #method-method-inner-right p {
    text-align: right;
  }
}
.kobe-kiero-template #section-method #method-about #method-method-inner-right p img,
.kobe-kiero-template #section-method #method-method-inner #method-method-inner-right p img,
.kobe-kiero-template #section-method #method-discomposition #method-method-inner-right p img {
  width: 75%;
  margin: 20px auto;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #section-method #method-about #method-method-inner-right p img,
  .kobe-kiero-template #section-method #method-method-inner #method-method-inner-right p img,
  .kobe-kiero-template #section-method #method-discomposition #method-method-inner-right p img {
    margin: 0;
    width: 90%;
  }
}
.kobe-kiero-template #section-method #method-discomposition > div {
  width: 45%;
  justify-content: space-between;
}
.kobe-kiero-template #section-method #method-discomposition > div p {
  margin: 10px 0;
}
.kobe-kiero-template #section-method #method-discomposition > div p span {
  font-size: 130%;
  color: #ff0000;
}
.kobe-kiero-template #section-method #method-discomposition ul li {
  margin: 10px 0;
  list-style: none;
  padding: 0;
}
.kobe-kiero-template #section-method #method-discomposition ul li:before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #222;
  border-radius: 50%;
  margin-right: 5px;
}
.kobe-kiero-template #section-method #method-discomposition img {
  display: block;
  width: 80%;
  margin: 0 auto;
}
.kobe-kiero-template #method-important h3,
.kobe-kiero-template #method-howtomake h3,
.kobe-kiero-template #method-howtouse h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #method-important h3,
  .kobe-kiero-template #method-howtomake h3,
  .kobe-kiero-template #method-howtouse h3 {
    font-size: 24px;
  }
}
.kobe-kiero-template #methid-important-title {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #methid-important-title {
    text-align: left;
    margin-bottom: 0;
  }
}
.kobe-kiero-template #method-important-inner,
.kobe-kiero-template #method-howtomake-inner,
.kobe-kiero-template #method-howtouse-inner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #method-important-inner,
  .kobe-kiero-template #method-howtomake-inner,
  .kobe-kiero-template #method-howtouse-inner {
    margin-top: 30px;
    margin-bottom: 60px;
  }
}
.kobe-kiero-template #method-important-inner img,
.kobe-kiero-template #method-important-inner picture,
.kobe-kiero-template #method-howtomake-inner img,
.kobe-kiero-template #method-howtomake-inner picture,
.kobe-kiero-template #method-howtouse-inner img,
.kobe-kiero-template #method-howtouse-inner picture {
  width: 100%;
}
.kobe-kiero-template #method-important-inner img:not(:last-child),
.kobe-kiero-template #method-important-inner picture:not(:last-child),
.kobe-kiero-template #method-howtomake-inner img:not(:last-child),
.kobe-kiero-template #method-howtomake-inner picture:not(:last-child),
.kobe-kiero-template #method-howtouse-inner img:not(:last-child),
.kobe-kiero-template #method-howtouse-inner picture:not(:last-child) {
  margin-right: 25px;
}
.kobe-kiero-template #method-important-inner {
  display: block;
}
.kobe-kiero-template #method-important-inner img,
.kobe-kiero-template #method-important-inner picture {
  width: 100%;
  margin-bottom: 10px;
}
.kobe-kiero-template #method-important-inner img:not(:last-child),
.kobe-kiero-template #method-important-inner picture:not(:last-child) {
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #method-important-inner {
    display: flex;
  }
  .kobe-kiero-template #method-important-inner img,
  .kobe-kiero-template #method-important-inner picture {
    width: 100%;
    margin-bottom: 0;
  }
  .kobe-kiero-template #method-important-inner img:not(:last-child),
  .kobe-kiero-template #method-important-inner picture:not(:last-child) {
    margin-right: 25px;
  }
}
.kobe-kiero-template #method-howtomake-inner {
  display: block;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #method-howtomake-inner {
    display: flex;
  }
}
.kobe-kiero-template #method-howtomake ol,
.kobe-kiero-template #method-important ol,
.kobe-kiero-template #method-howtouse ol {
  margin: 0;
  padding: 0;
}
.kobe-kiero-template #method-howtomake ol li,
.kobe-kiero-template #method-important ol li,
.kobe-kiero-template #method-howtouse ol li {
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
  margin: 10px 0;
  font-size: 14px;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #method-howtomake ol li,
  .kobe-kiero-template #method-important ol li,
  .kobe-kiero-template #method-howtouse ol li {
    font-size: 16px;
  }
}
.kobe-kiero-template #method-howtomake ol li span,
.kobe-kiero-template #method-important ol li span,
.kobe-kiero-template #method-howtouse ol li span {
  font-size: 120%;
  color: #ff0000;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #method-howtomake ol li span,
  .kobe-kiero-template #method-important ol li span,
  .kobe-kiero-template #method-howtouse ol li span {
    font-size: 130%;
  }
}
.kobe-kiero-template #method-howtomake-right {
  text-align: center;
}
.kobe-kiero-template #method-howtomake-right img {
  width: 75%;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #method-howtomake-right img {
    width: 90%;
  }
}
.kobe-kiero-template #method-howtouse-ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.kobe-kiero-template #method-howtouse-ul li {
  width: 48%;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #method-howtouse-ul li {
    width: 24%;
  }
}
.kobe-kiero-template #method-howtouse-ul li span {
  font-size: 120%;
  font-weight: bold;
  line-height: 1.4;
  display: block;
  margin-bottom: -10px;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #method-howtouse-ul li span {
    margin-bottom: 5px;
    display: inline;
  }
}
.kobe-kiero-template #section-method #method-discomposition > div {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .kobe-kiero-template #section-method #method-discomposition > div {
    width: 48%;
  }
}

.hr-border {
  margin: 20px auto;
  border: none;
  border-bottom: dotted 2px #222;
}
@media screen and (min-width: 768px) {
  .hr-border {
    margin: 50px auto;
  }
}

#btn {
  width: 30px;
  height: 25px;
  z-index: 100001;
  transition: 0.4s;
  display: block;
  position: relative;
  margin: 2px 0 0 0;
}
@media screen and (min-width: 1280px) {
  #btn {
    margin-left: 0;
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #btn {
    width: 30px;
    height: 30px;
  }
}
@media screen and (min-width: 768px) {
  #btn:hover {
    opacity: 0.3;
  }
}
#btn:before, #btn:after,
#btn span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  transition: 0.3s ease-in-out;
}
#btn span {
  height: 4px;
  top: calc(50% - 2px);
  background-color: #222;
}
#btn:before {
  content: "";
  top: calc(25% - 7px);
  border-top: 4px solid #222;
}
#btn:after {
  content: "";
  bottom: calc(25% - 7px);
  border-bottom: 4px solid #222;
}
.header-on #btn span {
  display: none;
}
.header-on #btn:before {
  top: calc(50% - 2px);
  transform: rotate(315deg);
}
.header-on #btn:after {
  bottom: calc(50% - 2px);
  transform: rotate(-315deg);
}

.overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.5s;
}
.overlay.open {
  width: 100%;
  height: 100%;
  opacity: 1;
}

#menu-box-sp-box {
  width: 250px;
  height: 100%;
  padding-top: 100px;
  background-color: #ffeb69;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  transform: translate(250px);
  transition: all 0.5s;
}
#menu-box-sp-box.open {
  transform: translate(0);
}
#menu-box-sp-box #main-menu-sp li {
  text-align: center;
  text-transform: uppercase;
}
#menu-box-sp-box #main-menu-sp li a {
  color: #222;
  padding: 10px 0;
  display: block;
  text-decoration: none;
}
#menu-box-sp-box #main-menu-sp li a:hover {
  background: #fff;
  color: #009900;
}