@charset "UTF-8";
/* CSS Document */
/*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-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
  font-feature-settings: "palt";
  word-break: break-word;
  outline: none;
}

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

body {
  line-height: 1;
  color: #333;
  font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM,
    "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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 {
  text-decoration: none;
  color: #333;
  cursor: pointer;
  outline: none;
}

img,
video {
  vertical-align: bottom;
  max-width: 100%;
}

input,
textarea {
  box-sizing: border-box;
}

input {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
}

textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
}

button,
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
}

.ContentsTop {
  /* Slider */
}
.ContentsTop .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ContentsTop .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.ContentsTop .slick-list:focus {
  outline: none;
}
.ContentsTop .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.ContentsTop .slick-slider .slick-track,
.ContentsTop .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.ContentsTop .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.ContentsTop .slick-track:before,
.ContentsTop .slick-track:after {
  display: table;
  content: "";
}
.ContentsTop .slick-track:after {
  clear: both;
}
.ContentsTop .slick-loading .slick-track {
  visibility: hidden;
}
.ContentsTop .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.ContentsTop [dir="rtl"] .slick-slide {
  float: right;
}
.ContentsTop .slick-slide img {
  display: block;
}
.ContentsTop .slick-slide.slick-loading img {
  display: none;
}
.ContentsTop .slick-slide.dragging img {
  pointer-events: none;
}
.ContentsTop .slick-initialized .slick-slide {
  display: block;
}
.ContentsTop .slick-loading .slick-slide {
  visibility: hidden;
}
.ContentsTop .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.ContentsTop .slick-arrow.slick-hidden {
  display: none;
}

@media (max-width: 768px) {
  .ContentsTop .slick-slide {
    opacity: 0.7;
    transform: scale(0.95);
    transition: 0.5s;
  }
  .ContentsTop .slick-slide.slick-center {
    opacity: 1;
    transform: scale(1);
  }
}

.ContentsTop {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */
}
.ContentsTop .slick-loading .slick-list {
  background: #fff url("../img/slick/ajax-loader.gif") center center no-repeat;
}

@font-face {
  .ContentsTop {
    font-family: "slick";
    font-weight: normal;
    font-style: normal;
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),
      url("./fonts/slick.woff") format("woff"),
      url("./fonts/slick.ttf") format("truetype"),
      url("./fonts/slick.svg#slick") format("svg");
  }
}
.ContentsTop .slick-prev,
.ContentsTop .slick-next {
  font-size: 0;
  line-height: 0;
  bottom: -46px;
  display: block;
  width: 25px;
  height: auto;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.ContentsTop .slick-prev:hover,
.ContentsTop .slick-prev:focus,
.ContentsTop .slick-next:hover,
.ContentsTop .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.ContentsTop .slick-prev:hover:before,
.ContentsTop .slick-prev:focus:before,
.ContentsTop .slick-next:hover:before,
.ContentsTop .slick-next:focus:before {
  opacity: 1;
}
.ContentsTop .slick-prev.slick-disabled:before,
.ContentsTop .slick-next.slick-disabled:before {
  opacity: 0.25;
}
.ContentsTop .slick-prev:before,
.ContentsTop .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ContentsTop .slick-prev {
  right: 55px;
}
.ContentsTop [dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}
.ContentsTop .slick-prev:before {
  content: "←";
}
.ContentsTop [dir="rtl"] .slick-prev:before {
  content: "→";
}
.ContentsTop .slick-next {
  right: 10px;
}
.ContentsTop [dir="rtl"] .slick-next {
  right: auto;
  left: -25px;
}
.ContentsTop .slick-next:before {
  content: "→";
}
.ContentsTop [dir="rtl"] .slick-next:before {
  content: "←";
}
.ContentsTop .slick-dots {
  display: flex;
  align-items: center;
  max-width: 100%;
  list-style: none;
  text-align: center;
  flex-shrink: 0;
  box-sizing: border-box;
}
.ContentsTop .slick-dots li {
  width: 100%;
  height: 2px;
  position: relative;
  background-color: #d9dde1;
  margin: 0;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
}
.ContentsTop .slick-dots li.slick-active {
  background-color: #0d3246;
}
.ContentsTop .slick-dots li.slick-active button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  display: none;
}
.ContentsTop .slick-dots li.slick-active button::before {
  content: "";
  display: block;
}
.ContentsTop .slick-dots li button:hover,
.ContentsTop .slick-dots li button:focus {
  outline: none;
}
.ContentsTop .slick-dots li button:hover:before,
.ContentsTop .slick-dots li button:focus:before {
  opacity: 1;
}
.ContentsTop .slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "●";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ContentsTop .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

.Event {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */
}
.Event .slick-loading .slick-list {
  background: #fff url("../img/slick/ajax-loader.gif") center center no-repeat;
}

@font-face {
  .Event {
    font-family: "slick";
    font-weight: normal;
    font-style: normal;
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),
      url("./fonts/slick.woff") format("woff"),
      url("./fonts/slick.ttf") format("truetype"),
      url("./fonts/slick.svg#slick") format("svg");
  }
}
.Event .slick-prev,
.Event .slick-next {
  font-size: 0;
  line-height: 0;
  bottom: -46px;
  display: block;
  width: 25px;
  height: auto;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.Event .slick-prev:hover,
.Event .slick-prev:focus,
.Event .slick-next:hover,
.Event .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.Event .slick-prev:hover:before,
.Event .slick-prev:focus:before,
.Event .slick-next:hover:before,
.Event .slick-next:focus:before {
  opacity: 1;
}
.Event .slick-prev.slick-disabled:before,
.Event .slick-next.slick-disabled:before {
  opacity: 0.25;
}
.Event .slick-prev:before,
.Event .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Event .slick-prev {
  right: 55px;
}
.Event [dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}
.Event .slick-prev:before {
  content: "←";
}
.Event [dir="rtl"] .slick-prev:before {
  content: "→";
}
.Event .slick-next {
  right: 10px;
}
.Event [dir="rtl"] .slick-next {
  right: auto;
  left: -25px;
}
.Event .slick-next:before {
  content: "→";
}
.Event [dir="rtl"] .slick-next:before {
  content: "←";
}
.Event .slick-dots {
  display: flex;
  align-items: center;
  max-width: 100%;
  padding-left: 20px;
  list-style: none;
  text-align: center;
  flex-shrink: 0;
  box-sizing: border-box;
}
.Event .slick-dots li {
  width: 25%;
  max-width: 150px;
  height: 2px;
  position: relative;
  background-color: #d9dde1;
  margin: 0;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
  overflow: hidden;
}
.Event .slick-dots li.slick-active {
  background-color: #0d3246;
}
.Event .slick-dots li.slick-active button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  display: none;
}
.Event .slick-dots li.slick-active button::before {
  content: "";
  display: block;
}
.Event .slick-dots li button:hover,
.Event .slick-dots li button:focus {
  outline: none;
}
.Event .slick-dots li button:hover:before,
.Event .slick-dots li button:focus:before {
  opacity: 1;
}
.Event .slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "●";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Event .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

.Event {
  /* Slider */
}
.Event .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.Event .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.Event .slick-list:focus {
  outline: none;
}
.Event .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.Event .slick-slider .slick-track,
.Event .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.Event .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.Event .slick-track:before,
.Event .slick-track:after {
  display: table;
  content: "";
}
.Event .slick-track:after {
  clear: both;
}
.Event .slick-loading .slick-track {
  visibility: hidden;
}
.Event .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.Event [dir="rtl"] .slick-slide {
  float: right;
}
.Event .slick-slide img {
  display: block;
}
.Event .slick-slide.slick-loading img {
  display: none;
}
.Event .slick-slide.dragging img {
  pointer-events: none;
}
.Event .slick-initialized .slick-slide {
  display: block;
}
.Event .slick-loading .slick-slide {
  visibility: hidden;
}
.Event .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.Event .slick-arrow.slick-hidden {
  display: none;
}

@media (max-width: 768px) {
  .Event .slick-slide {
    opacity: 0.7;
    transform: scale(0.95);
    transition: 0.5s;
  }
  .Event .slick-slide.slick-center {
    opacity: 1;
    transform: scale(1);
  }
}

.ViewMovie {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */
}
.ViewMovie .slick-loading .slick-list {
  background: #fff url("../img/slick/ajax-loader.gif") center center no-repeat;
}

@font-face {
  .ViewMovie {
    font-family: "slick";
    font-weight: normal;
    font-style: normal;
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),
      url("./fonts/slick.woff") format("woff"),
      url("./fonts/slick.ttf") format("truetype"),
      url("./fonts/slick.svg#slick") format("svg");
  }
}
.ViewMovie .slick-prev,
.ViewMovie .slick-next {
  font-size: 0;
  line-height: 0;
  bottom: -46px;
  display: block;
  width: 25px;
  height: auto;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.ViewMovie .slick-prev:hover,
.ViewMovie .slick-prev:focus,
.ViewMovie .slick-next:hover,
.ViewMovie .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.ViewMovie .slick-prev:hover:before,
.ViewMovie .slick-prev:focus:before,
.ViewMovie .slick-next:hover:before,
.ViewMovie .slick-next:focus:before {
  opacity: 1;
}
.ViewMovie .slick-prev.slick-disabled:before,
.ViewMovie .slick-next.slick-disabled:before {
  opacity: 0.25;
}
.ViewMovie .slick-prev:before,
.ViewMovie .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ViewMovie .slick-prev {
  right: 55px;
}
.ViewMovie [dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}
.ViewMovie .slick-prev:before {
  content: "←";
}
.ViewMovie [dir="rtl"] .slick-prev:before {
  content: "→";
}
.ViewMovie .slick-next {
  right: 10px;
}
.ViewMovie [dir="rtl"] .slick-next {
  right: auto;
  left: -25px;
}
.ViewMovie .slick-next:before {
  content: "→";
}
.ViewMovie [dir="rtl"] .slick-next:before {
  content: "←";
}
.ViewMovie .slick-dots {
  display: flex;
  align-items: center;
  max-width: 100%;
  list-style: none;
  text-align: center;
  flex-shrink: 0;
  box-sizing: border-box;
}
.ViewMovie .slick-dots li {
  width: 100%;
  height: 2px;
  position: relative;
  background-color: #d9dde1;
  margin: 0;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
}
.ViewMovie .slick-dots li.slick-active {
  background-color: #0d3246;
}
.ViewMovie .slick-dots li.slick-active button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  display: none;
}
.ViewMovie .slick-dots li.slick-active button::before {
  content: "";
  display: block;
}
.ViewMovie .slick-dots li button:hover,
.ViewMovie .slick-dots li button:focus {
  outline: none;
}
.ViewMovie .slick-dots li button:hover:before,
.ViewMovie .slick-dots li button:focus:before {
  opacity: 1;
}
.ViewMovie .slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "●";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ViewMovie .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

.ViewMovie {
  /* Slider */
}
.ViewMovie .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ViewMovie .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.ViewMovie .slick-list:focus {
  outline: none;
}
.ViewMovie .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.ViewMovie .slick-slider .slick-track,
.ViewMovie .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.ViewMovie .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.ViewMovie .slick-track:before,
.ViewMovie .slick-track:after {
  display: table;
  content: "";
}
.ViewMovie .slick-track:after {
  clear: both;
}
.ViewMovie .slick-loading .slick-track {
  visibility: hidden;
}
.ViewMovie .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.ViewMovie [dir="rtl"] .slick-slide {
  float: right;
}
.ViewMovie .slick-slide img {
  display: block;
}
.ViewMovie .slick-slide.slick-loading img {
  display: none;
}
.ViewMovie .slick-slide.dragging img {
  pointer-events: none;
}
.ViewMovie .slick-initialized .slick-slide {
  display: block;
}
.ViewMovie .slick-loading .slick-slide {
  visibility: hidden;
}
.ViewMovie .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.ViewMovie .slick-arrow.slick-hidden {
  display: none;
}

@media (max-width: 768px) {
  .ViewMovie .slick-slide {
    opacity: 0.7;
    transform: scale(0.95);
    transition: 0.5s;
  }
  .ViewMovie .slick-slide.slick-center {
    opacity: 1;
    transform: scale(1);
  }
}

.Movie {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */
}
.Movie .slick-loading .slick-list {
  background: #fff url("../img/slick/ajax-loader.gif") center center no-repeat;
}

@font-face {
  .Movie {
    font-family: "slick";
    font-weight: normal;
    font-style: normal;
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),
      url("./fonts/slick.woff") format("woff"),
      url("./fonts/slick.ttf") format("truetype"),
      url("./fonts/slick.svg#slick") format("svg");
  }
}
.Movie .slick-prev,
.Movie .slick-next {
  font-size: 0;
  line-height: 0;
  bottom: -46px;
  display: block;
  width: 25px;
  height: auto;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.Movie .slick-prev:hover,
.Movie .slick-prev:focus,
.Movie .slick-next:hover,
.Movie .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.Movie .slick-prev:hover:before,
.Movie .slick-prev:focus:before,
.Movie .slick-next:hover:before,
.Movie .slick-next:focus:before {
  opacity: 1;
}
.Movie .slick-prev.slick-disabled:before,
.Movie .slick-next.slick-disabled:before {
  opacity: 0.25;
}
.Movie .slick-prev:before,
.Movie .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Movie .slick-prev {
  right: 55px;
}
.Movie [dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}
.Movie .slick-prev:before {
  content: "←";
}
.Movie [dir="rtl"] .slick-prev:before {
  content: "→";
}
.Movie .slick-next {
  right: 10px;
}
.Movie [dir="rtl"] .slick-next {
  right: auto;
  left: -25px;
}
.Movie .slick-next:before {
  content: "→";
}
.Movie [dir="rtl"] .slick-next:before {
  content: "←";
}
.Movie .slick-dots {
  display: flex;
  align-items: center;
  max-width: 100%;
  padding-left: 15px;
  list-style: none;
  text-align: center;
  flex-shrink: 0;
  box-sizing: border-box;
}
.Movie .slick-dots li {
  width: 100%;
  height: 2px;
  position: relative;
  background-color: #d9dde1;
  margin: 0;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
}
.Movie .slick-dots li.slick-active {
  background-color: #0d3246;
}
.Movie .slick-dots li.slick-active button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  display: none;
}
.Movie .slick-dots li.slick-active button::before {
  content: "";
  display: block;
}
.Movie .slick-dots li button:hover,
.Movie .slick-dots li button:focus {
  outline: none;
}
.Movie .slick-dots li button:hover:before,
.Movie .slick-dots li button:focus:before {
  opacity: 1;
}
.Movie .slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "●";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Movie .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

.Movie {
  /* Slider */
}
.Movie .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.Movie .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.Movie .slick-list:focus {
  outline: none;
}
.Movie .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.Movie .slick-slider .slick-track,
.Movie .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.Movie .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.Movie .slick-track:before,
.Movie .slick-track:after {
  display: table;
  content: "";
}
.Movie .slick-track:after {
  clear: both;
}
.Movie .slick-loading .slick-track {
  visibility: hidden;
}
.Movie .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.Movie [dir="rtl"] .slick-slide {
  float: right;
}
.Movie .slick-slide img {
  display: block;
}
.Movie .slick-slide.slick-loading img {
  display: none;
}
.Movie .slick-slide.dragging img {
  pointer-events: none;
}
.Movie .slick-initialized .slick-slide {
  display: block;
}
.Movie .slick-loading .slick-slide {
  visibility: hidden;
}
.Movie .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.Movie .slick-arrow.slick-hidden {
  display: none;
}

@media (max-width: 768px) {
  .Movie .slick-slide {
    opacity: 0.7;
    transform: scale(0.95);
    transition: 0.5s;
  }
  .Movie .slick-slide.slick-center {
    opacity: 1;
    transform: scale(1);
  }
}

.PickUp {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */
}
.PickUp .slick-loading .slick-list {
  background: #fff url("../img/slick/ajax-loader.gif") center center no-repeat;
}

@font-face {
  .PickUp {
    font-family: "slick";
    font-weight: normal;
    font-style: normal;
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),
      url("./fonts/slick.woff") format("woff"),
      url("./fonts/slick.ttf") format("truetype"),
      url("./fonts/slick.svg#slick") format("svg");
  }
}
.PickUp .slick-prev,
.PickUp .slick-next {
  font-size: 0;
  line-height: 0;
  bottom: -46px;
  display: block;
  width: 25px;
  height: auto;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.PickUp .slick-prev:hover,
.PickUp .slick-prev:focus,
.PickUp .slick-next:hover,
.PickUp .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.PickUp .slick-prev:hover:before,
.PickUp .slick-prev:focus:before,
.PickUp .slick-next:hover:before,
.PickUp .slick-next:focus:before {
  opacity: 1;
}
.PickUp .slick-prev.slick-disabled:before,
.PickUp .slick-next.slick-disabled:before {
  opacity: 0.25;
}
.PickUp .slick-prev:before,
.PickUp .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.PickUp .slick-prev {
  right: 55px;
}
.PickUp [dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}
.PickUp .slick-prev:before {
  content: "←";
}
.PickUp [dir="rtl"] .slick-prev:before {
  content: "→";
}
.PickUp .slick-next {
  right: 10px;
}
.PickUp [dir="rtl"] .slick-next {
  right: auto;
  left: -25px;
}
.PickUp .slick-next:before {
  content: "→";
}
.PickUp [dir="rtl"] .slick-next:before {
  content: "←";
}
.PickUp .slick-dots {
  display: flex;
  align-items: center;
  max-width: 100%;
  padding-left: 20px;
  list-style: none;
  text-align: center;
  flex-shrink: 0;
  box-sizing: border-box;
}
.PickUp .slick-dots li {
  width: 12.5%;
  max-width: 135px;
  height: 2px;
  position: relative;
  background-color: #d9dde1;
  margin: 0;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
  overflow: hidden;
}
.PickUp .slick-dots li.slick-active {
  background-color: #0d3246;
}
.PickUp .slick-dots li.slick-active button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  display: none;
}
.PickUp .slick-dots li.slick-active button::before {
  content: "";
  display: block;
}
.PickUp .slick-dots li button:hover,
.PickUp .slick-dots li button:focus {
  outline: none;
}
.PickUp .slick-dots li button:hover:before,
.PickUp .slick-dots li button:focus:before {
  opacity: 1;
}
.PickUp .slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "●";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.PickUp .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

@media (max-width: 768px) {
  .PickUp .slick-dots li {
    width: 12.5%;
    max-width: 94px;
  }
}

.PickUp {
  /* Slider */
}
.PickUp .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.PickUp .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.PickUp .slick-list:focus {
  outline: none;
}
.PickUp .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.PickUp .slick-slider .slick-track,
.PickUp .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.PickUp .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.PickUp .slick-track:before,
.PickUp .slick-track:after {
  display: table;
  content: "";
}
.PickUp .slick-track:after {
  clear: both;
}
.PickUp .slick-loading .slick-track {
  visibility: hidden;
}
.PickUp .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.PickUp [dir="rtl"] .slick-slide {
  float: right;
}
.PickUp .slick-slide img {
  display: block;
}
.PickUp .slick-slide.slick-loading img {
  display: none;
}
.PickUp .slick-slide.dragging img {
  pointer-events: none;
}
.PickUp .slick-initialized .slick-slide {
  display: block;
}
.PickUp .slick-loading .slick-slide {
  visibility: hidden;
}
.PickUp .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.PickUp .slick-arrow.slick-hidden {
  display: none;
}

@media (max-width: 768px) {
  .PickUp .slick-slide {
    opacity: 0.7;
    transform: scale(0.95);
    transition: 0.5s;
  }
  .PickUp .slick-slide.slick-center {
    opacity: 1;
    transform: scale(1);
  }
}

.ProductEyecatch {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */
}
.ProductEyecatch .slick-loading .slick-list {
  background: #fff url("../img/slick/ajax-loader.gif") center center no-repeat;
}
.ProductEyecatch .slick-list,
.ProductEyecatch .slick-track {
  height: 100%;
}

@font-face {
  .ProductEyecatch {
    font-family: "slick";
    font-weight: normal;
    font-style: normal;
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),
      url("./fonts/slick.woff") format("woff"),
      url("./fonts/slick.ttf") format("truetype"),
      url("./fonts/slick.svg#slick") format("svg");
  }
}
.ProductEyecatch .slick-prev,
.ProductEyecatch .slick-next {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(50% - 45px);
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.ProductEyecatch .slick-prev {
  left: -32px;
}
.ProductEyecatch .slick-prev::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  border-top: solid 1px #464646;
  border-right: solid 1px #464646;
  transform: rotate(-135deg);
}
.ProductEyecatch .slick-next {
  right: -32px;
}
.ProductEyecatch .slick-next::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  border-top: solid 1px #464646;
  border-right: solid 1px #464646;
  transform: rotate(45deg);
}
.ProductEyecatch .slick-dots {
  margin-top: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.ProductEyecatch .slick-dots li {
  position: relative;
  display: inline-block;
  width: 17px;
  height: 17px;
  margin: 0 6.5px;
  padding: 0;
  cursor: pointer;
}
.ProductEyecatch .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 17px;
  height: 17px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  position: relative;
}
.ProductEyecatch .slick-dots li button:hover,
.ProductEyecatch .slick-dots li button:focus {
  outline: none;
}
.ProductEyecatch .slick-dots li button:hover:before,
.ProductEyecatch .slick-dots li button:focus:before {
  opacity: 1;
}
.ProductEyecatch .slick-dots li button:before {
  width: 8.5px;
  height: 8.5px;
  content: " ";
  display: block;
  background-color: #c6c6c6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotate(45deg) translate(-50%, -50%);
  transition: all 0.2s;
}
.ProductEyecatch .slick-dots li.slick-active button:before {
  background-color: #0d3246;
}
.ProductEyecatch .slick-dots li button::after {
  width: 12px;
  height: 12px;
  content: " ";
  display: block;
  background-color: rgba(13, 50, 70, 0.3);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotate(-45deg) translate(33%, -53%) scale(0);
  transition: all 0.4s;
}
.ProductEyecatch .slick-dots li button:hover::after,
.ProductEyecatch .slick-dots li.slick-active button::after {
  transform: rotate(-45deg) translate(33%, -53%) scale(1);
}

.ProductEyecatch {
  /* Slider */
}
.ProductEyecatch .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -webkit-user-select--moz-user-select: none;
  -webkit-user-select--moz-user-select--ms-user-select: none;
  -webkit-user-select--moz-user-select--ms-user-select-user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  -ms-touch-action-touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ProductEyecatch .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.ProductEyecatch .slick-list:focus {
  outline: none;
}
.ProductEyecatch .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.ProductEyecatch .slick-slider .slick-track,
.ProductEyecatch .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform--moz-transform: translate3d(0, 0, 0);
  -webkit-transform--moz-transform--ms-transform: translate3d(0, 0, 0);
  -webkit-transform--moz-transform--ms-transform--o-transform: translate3d(
    0,
    0,
    0
  );
  -webkit-transform--moz-transform--ms-transform--o-transform-transform: translate3d(
    0,
    0,
    0
  );
}
.ProductEyecatch .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.ProductEyecatch .slick-track:before,
.ProductEyecatch .slick-track:after {
  display: table;
  content: "";
}
.ProductEyecatch .slick-track:after {
  clear: both;
}
.ProductEyecatch .slick-loading .slick-track {
  visibility: hidden;
}
.ProductEyecatch .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.ProductEyecatch [dir="rtl"] .slick-slide {
  float: right;
}
.ProductEyecatch .slick-slide img {
  display: block;
}
.ProductEyecatch .slick-slide.slick-loading img {
  display: none;
}
.ProductEyecatch .slick-slide.dragging img {
  pointer-events: none;
}
.ProductEyecatch .slick-initialized .slick-slide {
  display: block;
}
.ProductEyecatch .slick-loading .slick-slide {
  visibility: hidden;
}
.ProductEyecatch .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.ProductEyecatch .slick-arrow.slick-hidden {
  display: none;
}

.Product,
.Product__category,
.ProductTop {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */
}
.Product .slick-loading .slick-list,
.Product__category .slick-loading .slick-list,
.ProductTop .slick-loading .slick-list {
  background: #fff url("../img/slick/ajax-loader.gif") center center no-repeat;
}

@font-face {
  .Product,
  .Product__category,
  .ProductTop {
    font-family: "slick";
    font-weight: normal;
    font-style: normal;
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),
      url("./fonts/slick.woff") format("woff"),
      url("./fonts/slick.ttf") format("truetype"),
      url("./fonts/slick.svg#slick") format("svg");
  }
}
.Product .slick-prev,
.Product .slick-next,
.Product__category .slick-prev,
.Product__category .slick-next,
.ProductTop .slick-prev,
.ProductTop .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.Product .slick-prev:hover,
.Product .slick-prev:focus,
.Product .slick-next:hover,
.Product .slick-next:focus,
.Product__category .slick-prev:hover,
.Product__category .slick-prev:focus,
.Product__category .slick-next:hover,
.Product__category .slick-next:focus,
.ProductTop .slick-prev:hover,
.ProductTop .slick-prev:focus,
.ProductTop .slick-next:hover,
.ProductTop .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.Product .slick-prev:hover:before,
.Product .slick-prev:focus:before,
.Product .slick-next:hover:before,
.Product .slick-next:focus:before,
.Product__category .slick-prev:hover:before,
.Product__category .slick-prev:focus:before,
.Product__category .slick-next:hover:before,
.Product__category .slick-next:focus:before,
.ProductTop .slick-prev:hover:before,
.ProductTop .slick-prev:focus:before,
.ProductTop .slick-next:hover:before,
.ProductTop .slick-next:focus:before {
  opacity: 1;
}
.Product .slick-prev.slick-disabled:before,
.Product .slick-next.slick-disabled:before,
.Product__category .slick-prev.slick-disabled:before,
.Product__category .slick-next.slick-disabled:before,
.ProductTop .slick-prev.slick-disabled:before,
.ProductTop .slick-next.slick-disabled:before {
  opacity: 0.25;
}
.Product .slick-prev:before,
.Product .slick-next:before,
.Product__category .slick-prev:before,
.Product__category .slick-next:before,
.ProductTop .slick-prev:before,
.ProductTop .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Product .slick-prev,
.Product__category .slick-prev,
.ProductTop .slick-prev {
  left: -25px;
}
.Product [dir="rtl"] .slick-prev,
.Product__category [dir="rtl"] .slick-prev,
.ProductTop [dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}
.Product .slick-prev:before,
.Product__category .slick-prev:before,
.ProductTop .slick-prev:before {
  content: "←";
}
.Product [dir="rtl"] .slick-prev:before,
.Product__category [dir="rtl"] .slick-prev:before,
.ProductTop [dir="rtl"] .slick-prev:before {
  content: "→";
}
.Product .slick-next,
.Product__category .slick-next,
.ProductTop .slick-next {
  right: -25px;
}
.Product [dir="rtl"] .slick-next,
.Product__category [dir="rtl"] .slick-next,
.ProductTop [dir="rtl"] .slick-next {
  right: auto;
  left: -25px;
}
.Product .slick-next:before,
.Product__category .slick-next:before,
.ProductTop .slick-next:before {
  content: "→";
}
.Product [dir="rtl"] .slick-next:before,
.Product__category [dir="rtl"] .slick-next:before,
.ProductTop [dir="rtl"] .slick-next:before {
  content: "←";
}
.Product .slick-dots,
.Product__category .slick-dots,
.ProductTop .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.Product .slick-dots li,
.Product__category .slick-dots li,
.ProductTop .slick-dots li {
  position: relative;
  display: inline-block;
  width: 17px;
  height: 17px;
  margin: 0 6.5px;
  padding: 0;
  cursor: pointer;
}
.Product .slick-dots li button,
.Product__category .slick-dots li button,
.ProductTop .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 17px;
  height: 17px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  position: relative;
}
.Product .slick-dots li button:hover,
.Product .slick-dots li button:focus,
.Product__category .slick-dots li button:hover,
.Product__category .slick-dots li button:focus,
.ProductTop .slick-dots li button:hover,
.ProductTop .slick-dots li button:focus {
  outline: none;
}
.Product .slick-dots li button:hover:before,
.Product .slick-dots li button:focus:before,
.Product__category .slick-dots li button:hover:before,
.Product__category .slick-dots li button:focus:before,
.ProductTop .slick-dots li button:hover:before,
.ProductTop .slick-dots li button:focus:before {
  opacity: 1;
}
.Product .slick-dots li button:before,
.Product__category .slick-dots li button:before,
.ProductTop .slick-dots li button:before {
  width: 8.5px;
  height: 8.5px;
  content: " ";
  display: block;
  background-color: #c6c6c6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotate(45deg) translate(-50%, -50%);
  transition: all 0.2s;
}
.Product .slick-dots li.slick-active button:before,
.Product__category .slick-dots li.slick-active button:before,
.ProductTop .slick-dots li.slick-active button:before {
  background-color: #0d3246;
}
.Product .slick-dots li button::after,
.Product__category .slick-dots li button::after,
.ProductTop .slick-dots li button::after {
  width: 12px;
  height: 12px;
  content: " ";
  display: block;
  background-color: rgba(13, 50, 70, 0.3);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotate(-45deg) translate(33%, -53%) scale(0);
  transition: all 0.4s;
}
.Product .slick-dots li button:hover::after,
.Product .slick-dots li.slick-active button::after,
.Product__category .slick-dots li button:hover::after,
.Product__category .slick-dots li.slick-active button::after,
.ProductTop .slick-dots li button:hover::after,
.ProductTop .slick-dots li.slick-active button::after {
  transform: rotate(-45deg) translate(33%, -53%) scale(1);
}

.Product,
.Product__category,
.ProductTop {
  /* Slider */
}
.Product .slick-slider,
.Product__category .slick-slider,
.ProductTop .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -webkit-user-select--moz-user-select: none;
  -webkit-user-select--moz-user-select--ms-user-select: none;
  -webkit-user-select--moz-user-select--ms-user-select-user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  -ms-touch-action-touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.Product .slick-list,
.Product__category .slick-list,
.ProductTop .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.Product .slick-list:focus,
.Product__category .slick-list:focus,
.ProductTop .slick-list:focus {
  outline: none;
}
.Product .slick-list.dragging,
.Product__category .slick-list.dragging,
.ProductTop .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.Product .slick-slider .slick-track,
.Product .slick-slider .slick-list,
.Product__category .slick-slider .slick-track,
.Product__category .slick-slider .slick-list,
.ProductTop .slick-slider .slick-track,
.ProductTop .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform--moz-transform: translate3d(0, 0, 0);
  -webkit-transform--moz-transform--ms-transform: translate3d(0, 0, 0);
  -webkit-transform--moz-transform--ms-transform--o-transform: translate3d(
    0,
    0,
    0
  );
  -webkit-transform--moz-transform--ms-transform--o-transform-transform: translate3d(
    0,
    0,
    0
  );
}
.Product .slick-track,
.Product__category .slick-track,
.ProductTop .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.Product .slick-track:before,
.Product .slick-track:after,
.Product__category .slick-track:before,
.Product__category .slick-track:after,
.ProductTop .slick-track:before,
.ProductTop .slick-track:after {
  display: table;
  content: "";
}
.Product .slick-track:after,
.Product__category .slick-track:after,
.ProductTop .slick-track:after {
  clear: both;
}
.Product .slick-loading .slick-track,
.Product__category .slick-loading .slick-track,
.ProductTop .slick-loading .slick-track {
  visibility: hidden;
}
.Product .slick-slide,
.Product__category .slick-slide,
.ProductTop .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.Product [dir="rtl"] .slick-slide,
.Product__category [dir="rtl"] .slick-slide,
.ProductTop [dir="rtl"] .slick-slide {
  float: right;
}
.Product .slick-slide img,
.Product__category .slick-slide img,
.ProductTop .slick-slide img {
  display: block;
  margin: 0 auto;
}
.Product .slick-slide.slick-loading img,
.Product__category .slick-slide.slick-loading img,
.ProductTop .slick-slide.slick-loading img {
  display: none;
}
.Product .slick-slide.dragging img,
.Product__category .slick-slide.dragging img,
.ProductTop .slick-slide.dragging img {
  pointer-events: none;
}
.Product .slick-initialized .slick-slide,
.Product__category .slick-initialized .slick-slide,
.ProductTop .slick-initialized .slick-slide {
  display: block;
}
.Product .slick-loading .slick-slide,
.Product__category .slick-loading .slick-slide,
.ProductTop .slick-loading .slick-slide {
  visibility: hidden;
}
.Product .slick-vertical .slick-slide,
.Product__category .slick-vertical .slick-slide,
.ProductTop .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.Product .slick-arrow.slick-hidden,
.Product__category .slick-arrow.slick-hidden,
.ProductTop .slick-arrow.slick-hidden {
  display: none;
}

.RelatedProducts {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */
}
.RelatedProducts .slick-loading .slick-list {
  background: #fff url("../img/slick/ajax-loader.gif") center center no-repeat;
}

@font-face {
  .RelatedProducts {
    font-family: "slick";
    font-weight: normal;
    font-style: normal;
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),
      url("./fonts/slick.woff") format("woff"),
      url("./fonts/slick.ttf") format("truetype"),
      url("./fonts/slick.svg#slick") format("svg");
  }
}
.RelatedProducts .slick-prev,
.RelatedProducts .slick-next {
  font-size: 0;
  line-height: 0;
  bottom: -46px;
  display: block;
  width: 25px;
  height: auto;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.RelatedProducts .slick-prev:hover,
.RelatedProducts .slick-prev:focus,
.RelatedProducts .slick-next:hover,
.RelatedProducts .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.RelatedProducts .slick-prev:hover:before,
.RelatedProducts .slick-prev:focus:before,
.RelatedProducts .slick-next:hover:before,
.RelatedProducts .slick-next:focus:before {
  opacity: 1;
}
.RelatedProducts .slick-prev.slick-disabled:before,
.RelatedProducts .slick-next.slick-disabled:before {
  opacity: 0.25;
}
.RelatedProducts .slick-prev:before,
.RelatedProducts .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.RelatedProducts .slick-prev {
  right: 55px;
}
.RelatedProducts [dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}
.RelatedProducts .slick-prev:before {
  content: "←";
}
.RelatedProducts [dir="rtl"] .slick-prev:before {
  content: "→";
}
.RelatedProducts .slick-next {
  right: 10px;
}
.RelatedProducts [dir="rtl"] .slick-next {
  right: auto;
  left: -25px;
}
.RelatedProducts .slick-next:before {
  content: "→";
}
.RelatedProducts [dir="rtl"] .slick-next:before {
  content: "←";
}
.RelatedProducts .slick-dots {
  display: flex;
  align-items: center;
  max-width: 100%;
  padding-left: 15px;
  list-style: none;
  text-align: center;
  flex-shrink: 0;
  box-sizing: border-box;
}
.RelatedProducts .slick-dots li {
  width: 100%;
  height: 2px;
  position: relative;
  background-color: #d9dde1;
  margin: 0;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
}
.RelatedProducts .slick-dots li.slick-active {
  background-color: #0d3246;
}
.RelatedProducts .slick-dots li.slick-active button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  display: none;
}
.RelatedProducts .slick-dots li.slick-active button::before {
  content: "";
  display: block;
}
.RelatedProducts .slick-dots li button:hover,
.RelatedProducts .slick-dots li button:focus {
  outline: none;
}
.RelatedProducts .slick-dots li button:hover:before,
.RelatedProducts .slick-dots li button:focus:before {
  opacity: 1;
}
.RelatedProducts .slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "●";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.RelatedProducts .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

.RelatedProducts {
  /* Slider */
}
.RelatedProducts .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.RelatedProducts .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.RelatedProducts .slick-list:focus {
  outline: none;
}
.RelatedProducts .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.RelatedProducts .slick-slider .slick-track,
.RelatedProducts .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.RelatedProducts .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.RelatedProducts .slick-track:before,
.RelatedProducts .slick-track:after {
  display: table;
  content: "";
}
.RelatedProducts .slick-track:after {
  clear: both;
}
.RelatedProducts .slick-loading .slick-track {
  visibility: hidden;
}
.RelatedProducts .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.RelatedProducts [dir="rtl"] .slick-slide {
  float: right;
}
.RelatedProducts .slick-slide img {
  display: block;
}
.RelatedProducts .slick-slide.slick-loading img {
  display: none;
}
.RelatedProducts .slick-slide.dragging img {
  pointer-events: none;
}
.RelatedProducts .slick-initialized .slick-slide {
  display: block;
}
.RelatedProducts .slick-loading .slick-slide {
  visibility: hidden;
}
.RelatedProducts .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.RelatedProducts .slick-arrow.slick-hidden {
  display: none;
}

@media (max-width: 768px) {
  .Movie .slick-slide {
    opacity: 0.7;
    transform: scale(0.95);
    transition: 0.5s;
  }
  .Movie .slick-slide.slick-center {
    opacity: 1;
    transform: scale(1);
  }
}

.CompanyDetailHeading .CompanyDetailHeading__head {
  font-size: 30px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .CompanyDetailHeading .CompanyDetailHeading__head {
    font-size: 20px;
  }
}

.CompanyDetail__wrapper {
  position: relative;
  overflow: hidden;
}
.CompanyDetail__wrapper .CompanyDetail__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: 1;
  overflow: hidden;
}
.CompanyDetail__wrapper .CompanyDetail__bgImage .CompanyDetail__bgImage__img {
  position: absolute;
  right: -30%;
}
.CompanyDetail__wrapper .CompanyDetail__contents {
  display: flex;
  padding: 70px 15px 100px;
  margin: 0 auto;
  max-width: 1240px;
}
.CompanyDetail__wrapper .CompanyDetail__contents .CompanyDetail__main {
  margin-right: 40px;
  width: calc(75% - 40px);
  max-width: calc(100% - 250px - 40px);
  z-index: 2;
}
.CompanyDetail__wrapper .CompanyDetail__contents .CompanyDetail__sidebar {
  width: 25%;
  min-width: 250px;
  z-index: 2;
}

@media screen and (max-width: 949px) {
  .CompanyDetail__wrapper .CompanyDetail__contents {
    display: block;
    padding: 30px 15px 50px;
  }
  .CompanyDetail__wrapper .CompanyDetail__contents .CompanyDetail__main {
    margin-right: 0;
    width: 100%;
    max-width: none;
  }
  .CompanyDetail__wrapper .CompanyDetail__contents .CompanyDetail__sidebar {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .CompanyDetail__wrapper .CompanyDetail__bgImage {
    display: none;
  }
}

.MainLinks {
  position: relative;
}
.MainLinks .MainLinks__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: 1;
  overflow: hidden;
}
.MainLinks .MainLinks__bgImage img {
  position: absolute;
  right: -30%;
}
.MainLinks .MainLinks__contents {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 20px 15px 140px;
  max-width: 1240px;
  margin: 0 auto;
  overflow: hidden;
}
.MainLinks .MainLinks__contents .MainLinks__section {
  position: relative;
  margin-top: 50px;
  z-index: 2;
}
.MainLinks .MainLinks__contents .MainLinks__section .MainLinks__sectionTitle {
  display: flex;
  align-items: baseline;
}
.MainLinks
  .MainLinks__contents
  .MainLinks__section
  .MainLinks__sectionTitle
  .MainLinks__sectionTitle__ja {
  margin-right: 30px;
  font-size: 28px;
  font-weight: bold;
}
.MainLinks
  .MainLinks__contents
  .MainLinks__section
  .MainLinks__sectionTitle
  .MainLinks__sectionTitle__en {
  font-size: 16px;
  color: #0d3246;
  font-weight: 500;
}
@media (max-width: 1100px) {
  .MainLinks
    .MainLinks__contents
    .MainLinks__section
    .MainLinks__sectionTitle
    .MainLinks__sectionTitle__ja {
    margin-right: 28px;
    font-size: 24px;
  }
  .MainLinks
    .MainLinks__contents
    .MainLinks__section
    .MainLinks__sectionTitle
    .MainLinks__sectionTitle__en {
    font-size: 14px;
  }
}
.MainLinks
  .MainLinks__contents
  .MainLinks__section
  .MainLinks__sectionTitleBar {
  margin-top: 25px;
  height: 0;
  width: 50px;
  border-bottom: 2px solid #0d3246;
}
.MainLinks .MainLinks__contents .MainLinks__section .MainLinks__sectionItems {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.MainLinks
  .MainLinks__contents
  .MainLinks__section
  .MainLinks__sectionItems
  .MainLinks__sectionItem {
  width: calc(33.33% - 15px);
  margin-top: 40px;
}
.MainLinks
  .MainLinks__contents
  .MainLinks__section
  .MainLinks__sectionItems
  .MainLinks__sectionItem
  .MainLinks__sectionItemThumbnail {
  overflow: hidden;
  position: relative;
  --notchSize: 8px;
  clip-path: polygon(
    0% var(--notchSize),
    var(--notchSize) 0%,
    100% 0%,
    100% var(--notchSize),
    100% calc(100% - var(--notchSize)),
    100% 100%,
    var(--notchSize) 100%,
    0% 100%
  );
}
.MainLinks
  .MainLinks__contents
  .MainLinks__section
  .MainLinks__sectionItems
  .MainLinks__sectionItem
  .MainLinks__sectionItemThumbnail::after {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
}
.MainLinks
  .MainLinks__contents
  .MainLinks__section
  .MainLinks__sectionItems
  .MainLinks__sectionItem
  .MainLinks__sectionItemThumbnail
  img {
  transition: 0.3s;
}
.MainLinks
  .MainLinks__contents
  .MainLinks__section
  .MainLinks__sectionItems
  .MainLinks__sectionItem
  .MainLinks__sectionItemTitle {
  margin-top: 12px;
  font-size: 14px;
  display: flex;
  align-items: center;
  font-weight: bold;
  transition: 0.3s;
}
.MainLinks
  .MainLinks__contents
  .MainLinks__section
  .MainLinks__sectionItems
  .MainLinks__sectionItem
  .MainLinks__sectionItemTitle::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-top: solid 2px #0d3246;
  border-right: solid 2px #0d3246;
  transform: rotate(45deg);
  position: relative;
  top: 1px;
  left: 6px;
  transition: 0.3s;
}
.MainLinks
  .MainLinks__contents
  .MainLinks__section
  .MainLinks__sectionItems
  .MainLinks__sectionItem:hover
  .MainLinks__sectionItemTitle {
  color: #144f6e;
}
.MainLinks
  .MainLinks__contents
  .MainLinks__section
  .MainLinks__sectionItems
  .MainLinks__sectionItem:hover
  .MainLinks__sectionItemTitle::after {
  left: 8px;
}
.MainLinks
  .MainLinks__contents
  .MainLinks__section
  .MainLinks__sectionItems
  .MainLinks__sectionItem:hover
  .MainLinks__sectionItemThumbnail::after {
  background-color: rgba(0, 0, 0, 0.1);
}
.MainLinks
  .MainLinks__contents
  .MainLinks__section
  .MainLinks__sectionItems
  .MainLinks__sectionItem:hover
  .MainLinks__sectionItemThumbnail
  img {
  transform: scale(1.05);
}
.MainLinks .MainLinks__contents .MainLinks__section.halfSection {
  width: calc(66.66% + 10px);
  margin-left: -15px;
}
.MainLinks
  .MainLinks__contents
  .MainLinks__section.halfSection
  .Common__pageTitle {
  margin-left: 15px;
}
.MainLinks
  .MainLinks__contents
  .MainLinks__section.halfSection
  .MainLinks__sectionItem {
  width: 47.58%;
  margin-left: 15px;
}
.MainLinks .MainLinks__contents .MainLinks__section.quarterSection {
  width: calc(33.33% - 15px);
  margin-right: 20px;
}
.MainLinks
  .MainLinks__contents
  .MainLinks__section.quarterSection
  .MainLinks__sectionItem {
  width: 100%;
}

@media (max-width: 768px) {
  .MainLinks .MainLinks__bgImage {
    display: none;
  }
  .MainLinks .MainLinks__contents {
    padding: 0 20px 50px;
  }
  .MainLinks .MainLinks__contents .MainLinks__section {
    position: relative;
    margin-top: 50px;
    z-index: 2;
  }
  .MainLinks .MainLinks__contents .MainLinks__section .MainLinks__sectionTitle {
    display: flex;
    align-items: baseline;
  }
  .MainLinks
    .MainLinks__contents
    .MainLinks__section
    .MainLinks__sectionTitle
    .MainLinks__sectionTitle__ja {
    margin-right: 18px;
    font-size: 16px;
  }
  .MainLinks
    .MainLinks__contents
    .MainLinks__section
    .MainLinks__sectionTitle
    .MainLinks__sectionTitle__en {
    font-size: 11px;
  }
  .MainLinks
    .MainLinks__contents
    .MainLinks__section
    .MainLinks__sectionTitleBar {
    margin-top: 12px;
    height: 0;
    width: 32px;
    border-bottom: 2px solid #0d3246;
  }
  .MainLinks .MainLinks__contents .MainLinks__section .MainLinks__sectionItems {
    margin-top: 0;
    flex-wrap: wrap;
  }
  .MainLinks
    .MainLinks__contents
    .MainLinks__section
    .MainLinks__sectionItems
    .MainLinks__sectionItem {
    width: calc(50% - 10px);
    margin-top: 20px;
  }
  .MainLinks
    .MainLinks__contents
    .MainLinks__section
    .MainLinks__sectionItems
    .MainLinks__sectionItem
    .MainLinks__sectionItemTitle {
    margin-top: 12px;
  }
  .MainLinks
    .MainLinks__contents
    .MainLinks__section
    .MainLinks__sectionItems
    .MainLinks__sectionItem
    .MainLinks__sectionItemTitle
    a {
    font-size: 13px;
    display: flex;
    align-items: center;
  }
  .MainLinks
    .MainLinks__contents
    .MainLinks__section
    .MainLinks__sectionItems
    .MainLinks__sectionItem
    .MainLinks__sectionItemTitle
    a::after {
    width: 5px;
    height: 5px;
  }
  .MainLinks .MainLinks__contents .MainLinks__section.halfSection {
    width: 100%;
    padding-right: 0;
    margin-left: 0;
  }
  .MainLinks
    .MainLinks__contents
    .MainLinks__section.halfSection
    .Common__pageTitle {
    margin-left: 0;
  }
  .MainLinks
    .MainLinks__contents
    .MainLinks__section.halfSection
    .MainLinks__sectionItem {
    width: calc(50% - 10px);
    margin-left: 0;
  }
  .MainLinks .MainLinks__contents .MainLinks__section.quarterSection {
    width: 100%;
    padding-right: 0;
    margin-right: 0;
  }
  .MainLinks
    .MainLinks__contents
    .MainLinks__section.quarterSection
    .MainLinks__sectionItem {
    width: 47%;
  }
}

@media (max-width: 450px) {
  .MainLinks .MainLinks__contents {
    padding: 0 20px 60px;
  }
  .MainLinks .MainLinks__contents .MainLinks__section {
    position: relative;
    margin-top: 40px;
    z-index: 2;
  }
  .MainLinks .MainLinks__contents .MainLinks__section .MainLinks__sectionTitle {
    display: flex;
    align-items: baseline;
  }
  .MainLinks
    .MainLinks__contents
    .MainLinks__section
    .MainLinks__sectionTitle
    .MainLinks__sectionTitle__ja {
    margin-right: 18px;
    font-size: 16px;
  }
  .MainLinks
    .MainLinks__contents
    .MainLinks__section
    .MainLinks__sectionTitle
    .MainLinks__sectionTitle__en {
    font-size: 11px;
  }
  .MainLinks
    .MainLinks__contents
    .MainLinks__section
    .MainLinks__sectionTitleBar {
    margin-top: 12px;
    height: 0;
    width: 32px;
    border-bottom: 2px solid #0d3246;
  }
  .MainLinks .MainLinks__contents .MainLinks__section .MainLinks__sectionItems {
    margin-top: 0;
    flex-wrap: wrap;
  }
  .MainLinks
    .MainLinks__contents
    .MainLinks__section
    .MainLinks__sectionItems
    .MainLinks__sectionItem {
    width: calc(50% - 10px);
    margin-top: 18px;
  }
  .MainLinks
    .MainLinks__contents
    .MainLinks__section
    .MainLinks__sectionItems
    .MainLinks__sectionItem
    .MainLinks__sectionItemTitle {
    margin-top: 10px;
    font-size: 13px;
  }
  .MainLinks
    .MainLinks__contents
    .MainLinks__section
    .MainLinks__sectionItems
    .MainLinks__sectionItem
    .MainLinks__sectionItemTitle
    a {
    font-size: 12px;
    display: flex;
    align-items: center;
  }
  .MainLinks
    .MainLinks__contents
    .MainLinks__section
    .MainLinks__sectionItems
    .MainLinks__sectionItem
    .MainLinks__sectionItemTitle
    a::after {
    width: 5px;
    height: 5px;
  }
}

.ContactComplete {
  color: #333;
  position: relative;
}
.ContactComplete .ContactComplete__container {
  max-width: 1240px;
  padding: 70px 20px 100px;
  margin: 0 auto;
}
.ContactComplete .ContactComplete__formInner {
  border: 1px solid #0d3246;
  box-shadow: 0 0 4px #d9dce0;
  margin-bottom: 40px;
}
.ContactComplete .ContactComplete__formHeader {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  background: #0d3246;
  position: relative;
  padding: 20px 30px;
}
.ContactComplete .ContactComplete__formBody {
  background-color: #fff;
  background-image: url("../img/contact-complete/ContactComplete__bgImage.png");
  background-position: 90%;
  background-repeat: no-repeat;
  background-size: 20%;
  padding: 38px 30px 60px;
}
.ContactComplete .ContactComplete__formTitle {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-left: 15px;
  margin-bottom: 28px;
}
.ContactComplete .ContactComplete__formTitle:before {
  position: absolute;
  content: "";
  background: #0d3246;
  width: 5px;
  height: 19px;
  top: 0;
  left: 0;
}
.ContactComplete .ContactComplete__formBox {
  margin-bottom: 40px;
}
.ContactComplete .ContactComplete__formItem {
  display: flex;
}
.ContactComplete .ContactComplete__formItemTextarea {
  line-height: calc(28 / 16);
}
.ContactComplete .ContactComplete__formDescription {
  background: rgba(230, 230, 230, 0.3);
  border: 1px solid #e6e6e6;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 30px;
  width: 22.5%;
  min-width: 256px;
  margin: 0 -1px -1px 0;
}
.ContactComplete .ContactComplete__formDescriptionTextarea {
  display: block;
  padding-top: 20px;
}
.ContactComplete .ContactComplete__formContent {
  border: 1px solid #e6e6e6;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  width: 77.5%;
  padding: 20px 30px;
  margin: 0 -1px -1px 0;
}
.ContactComplete .ContactComplete__formCompleteText {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: calc(25 / 14);
  margin-bottom: 60px;
}
.ContactComplete .ContactComplete__formCompleteTel {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.ContactComplete .ContactComplete__formCompleteTelNumber {
  color: #0d3246;
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
}
.ContactComplete .ContactComplete__formCompleteTelTime {
  color: #333;
  font-size: 16px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .ContactComplete .ContactComplete__container {
    padding: 40px 0 50px;
  }
  .ContactComplete .ContactComplete__formInner {
    border: none;
  }
  .ContactComplete .ContactComplete__formHeader {
    font-size: 16px;
    padding-left: 15px;
  }
  .ContactComplete .ContactComplete__formBody {
    padding-left: 15px;
    padding-right: 15px;
  }
  .ContactComplete .ContactComplete__formItem {
    display: block;
  }
  .ContactComplete .ContactComplete__formDescription {
    width: 100%;
    padding: 15px;
    font-size: 14px;
  }
  .ContactComplete .ContactComplete__formContent {
    width: 100%;
    padding: 15px;
    font-size: 14px;
  }
  .ContactComplete .ContactComplete__formCompleteText {
    font-size: 13px;
  }
  .ContactComplete .ContactComplete__formCompleteTel {
    font-size: 13px;
  }
  .ContactComplete .ContactComplete__formCompleteTelTime {
    font-size: 13px;
  }
}

@media (max-width: 450px) {
  .ContactComplete .ContactComplete__formBody {
    background-image: none;
  }
}

.ContactConfirm {
  color: #333;
  position: relative;
}
.ContactConfirm .ContactConfirm__container {
  max-width: 1240px;
  padding: 70px 20px 100px;
  margin: 0 auto;
}
.ContactConfirm .ContactConfirm__formInner {
  border: 1px solid #0d3246;
  box-shadow: 0 0 4px #d9dce0;
  margin-bottom: 40px;
}
.ContactConfirm .ContactConfirm__formHeader {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  background: #0d3246;
  position: relative;
  padding: 20px 30px;
}
.ContactConfirm .ContactConfirm__formBody {
  background: #fff;
  padding: 38px 30px 60px;
}
.ContactConfirm .ContactConfirm__formTitle {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-left: 15px;
  margin-bottom: 28px;
}
.ContactConfirm .ContactConfirm__formTitle:before {
  position: absolute;
  content: "";
  background: #0d3246;
  width: 5px;
  height: 19px;
  top: 0;
  left: 0;
}
.ContactConfirm .ContactConfirm__formBox {
  margin-bottom: 40px;
}
.ContactConfirm .ContactConfirm__formItem {
  display: flex;
}
.ContactConfirm .ContactConfirm__formItemTextarea {
  line-height: calc(28 / 16);
}
.ContactConfirm .ContactConfirm__formDescription {
  background: rgba(230, 230, 230, 0.3);
  border: 1px solid #e6e6e6;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 30px;
  width: 22.5%;
  min-width: 256px;
  margin: 0 -1px -1px 0;
}
.ContactConfirm .ContactConfirm__formDescriptionTextarea {
  display: block;
  padding-top: 20px;
}
.ContactConfirm .ContactConfirm__formContent {
  border: 1px solid #e6e6e6;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  width: 77.5%;
  padding: 20px 30px;
  margin: 0 -1px -1px 0;
}
.ContactConfirm .ContactConfirm__submitButtonWrap {
  margin-bottom: 40px;
}
.ContactConfirm
  .ContactConfirm__submitButtonWrap
  .Common__button--center
  input[type="submit"] {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.ContactConfirm .ContactConfirm__modifyLinkWrap {
  text-align: center;
}
.ContactConfirm .ContactConfirm__modifyLink {
  position: relative;
  color: #0d3246;
  font-size: 14px;
  font-weight: bold;
  transition: 0.3s;
}
.ContactConfirm .ContactConfirm__modifyLink:hover {
  opacity: 0.8;
}
.ContactConfirm .ContactConfirm__modifyLink input[type="button"] {
  color: #0d3246;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.ContactConfirm .ContactConfirm__modifyLink:before {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 98px;
  height: 1px;
  background: #0d3246;
}

@media (max-width: 768px) {
  .ContactConfirm .ContactConfirm__container {
    padding: 40px 0 50px;
  }
  .ContactConfirm .ContactConfirm__formInner {
    border: none;
    margin-bottom: 0;
  }
  .ContactConfirm .ContactConfirm__formHeader {
    font-size: 16px;
    padding-left: 15px;
  }
  .ContactConfirm .ContactConfirm__formBody {
    padding-left: 15px;
    padding-right: 15px;
  }
  .ContactConfirm .ContactConfirm__formItem {
    display: block;
    height: auto;
  }
  .ContactConfirm .ContactConfirm__formDescription {
    width: 100%;
    padding: 15px;
    font-size: 14px;
  }
  .ContactConfirm .ContactConfirm__formContent {
    width: 100%;
    padding: 15px;
    font-size: 14px;
    line-height: 1.5;
  }
  .ContactConfirm .ContactConfirm__submitButtonWrap {
    margin-bottom: 30px;
  }
}

.ContactForm {
  color: #333;
  position: relative;
}
.ContactForm .ContactForm__container {
  max-width: 1240px;
  padding: 70px 20px 100px;
  margin: 0 auto;
}
.ContactForm .ContactForm__errorMsgContainer {
  max-width: 1240px;
  margin: 0 auto 20px;
  padding: 20px 30px;
  border: solid 1px #cc0202;
  display: none;
}
.ContactForm .ContactForm__errorMsgContainer .ContactForm__errorMsg {
  color: #cc0202;
  line-height: 1.6;
  font-size: 16px;
}
.ContactForm .ContactForm__formInner {
  border: 1px solid #0d3246;
  box-shadow: 0 0 4px #d9dce0;
  margin-bottom: 40px;
}
.ContactForm .ContactForm__formHeader {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  background: #0d3246;
  position: relative;
  padding: 20px 30px;
}
.ContactForm .ContactForm__formBody {
  background: #fff;
  padding: 40px 30px;
}
.ContactForm .ContactForm__formBody .wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 10px;
  font-weight: normal;
  padding-left: 5px;
  margin-top: 5px;
}
.ContactForm .wpcf7 form.invalid .wpcf7-response-output {
  color: #dc3232;
  border: 1px solid #dc3232;
  padding: 10px;
  margin: 0 0 20px 0;
}
.ContactForm .ContactForm__contentSelectTitle {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-left: 15px;
  margin-bottom: 28px;
}
.ContactForm .ContactForm__contentSelectTitle:before {
  position: absolute;
  content: "";
  background: #0d3246;
  width: 5px;
  height: 19px;
  top: 0;
  left: 0;
}
.ContactForm .ContactForm__contentSelect--pc {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-bottom: 25px;
}
.ContactForm .ContactForm__contentSelect--sp {
  display: none;
}
.ContactForm .ContactForm__contentSelectBox {
  cursor: pointer;
  border: 1px solid #e6e6e6;
  width: calc(33.3333% - 20px);
  color: #0d3246;
  font-size: 13px;
  font-weight: bold;
  padding: 23px 20px 23px 30px;
  margin-left: 20px;
  margin-bottom: 17px;
  text-align: center;
  position: relative;
  min-height: 60px;
}
.ContactForm .ContactForm__contentSelectBox:hover {
  border: 1px solid #0d3246;
}
.ContactForm .ContactForm__contentSelectBox input[type="radio"] + span {
  pointer-events: none;
}
.ContactForm .ContactForm__contentSelectBox input[type="radio"] + span:before {
  top: initial;
  left: initial;
  margin-left: -8px;
}
.ContactForm .ContactForm__contentSelectBox input[type="radio"] + span:after {
  display: block;
  left: initial;
  top: 6px;
  margin-left: -5px;
}
.ContactForm .ContactForm__contentSelectBox.-active {
  color: #fff;
  background: #0d3246;
}
.ContactForm .ContactForm__contentSelectPulldownWrapper {
  position: relative;
  display: inline;
}
.ContactForm .ContactForm__contentSelectPulldownWrapper:before {
  position: absolute;
  content: url(../img/contact-form/ContactForm__contentSelectPulldown-arrow.svg);
  width: 8px;
  top: 5px;
  right: 17px;
  z-index: 1;
}
.ContactForm .ContactForm__contentSelectPulldownWrapper:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 36px;
  background: #e6e6e6;
  top: -4px;
  right: 40px;
}
.ContactForm .ContactForm__contentSelectPulldown {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  color: rgba(0, 3, 51, 0.5);
  font-size: 13px;
  font-weight: bold;
  width: 100%;
  max-width: 380px;
  padding: 15px 20px;
  margin-bottom: 30px;
}
.ContactForm .ContactForm__formTitle {
  color: #0d3246;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}
.ContactForm .ContactForm__formBox {
  margin-bottom: 40px;
  min-height: 600px;
}
.ContactForm .ContactForm__formItem {
  display: flex;
  min-height: 58px;
}
.ContactForm .ContactForm__formItemTextarea {
  height: auto;
}
.ContactForm .ContactForm__formDescription {
  background: rgba(230, 230, 230, 0.3);
  border: 1px solid #e6e6e6;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  padding: 0 30px;
  width: 22.5%;
  min-width: 245px;
  display: flex;
  align-items: center;
  margin: 0 -1px -1px 0;
}
.ContactForm .ContactForm__formDescriptionTextarea {
  display: block;
  padding-top: 20px;
}
.ContactForm .ContactForm__formRequired {
  display: inline-block;
  vertical-align: center;
  background: #cc0202;
  border-radius: 1px;
  color: #fff;
  font-size: 10px;
  transform: scale(0.8);
  font-weight: 500;
  padding: 3px 5px;
  margin-left: 6px;
}
.ContactForm .ContactForm__formContent {
  border: 1px solid #e6e6e6;
}
.ContactForm .ContactForm__formContent {
  width: 77.5%;
  padding: 15px 25px 15px 30px;
  margin: 0 -1px -1px 0;
  display: flex;
  flex-wrap: wrap;
}
.ContactForm .ContactForm__formContent input[type="text"],
.ContactForm .ContactForm__formContent input[type="tel"],
.ContactForm .ContactForm__formContent input[type="email"],
.ContactForm .ContactForm__formContent textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  height: 30px;
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
}
.ContactForm .ContactForm__formContent textarea {
  height: 120px;
}
.ContactForm .ContactForm__formContent label {
  cursor: pointer;
  display: block;
}
.ContactForm .ContactForm__formContent label span {
  vertical-align: middle;
  color: #333;
  font-size: 13px;
  font-weight: bold;
  padding-left: 25px;
}
.ContactForm .ContactForm__formContent label:not(:last-of-type) {
  padding-right: 25px;
}
.ContactForm .ContactForm__formContent span:not(:last-of-type) {
  padding-right: 25px;
}
.ContactForm .ContactForm__formContent .ContactForm__txt-s {
  width: 15%;
  max-width: 100px;
}
.ContactForm .ContactForm__formContent .ContactForm__txt-m {
  width: 50%;
  max-width: 400px;
}
.ContactForm .ContactForm__formContent .ContactForm__txt-l {
  width: 100%;
}
.ContactForm .ContactForm__formContent .wpcf7-form-control-wrap {
  width: 100%;
  padding-left: 0;
}
.ContactForm .ContactForm__formContent .wpcf7-list-item {
  margin: 0;
}
.ContactForm .ContactForm__formContent .item-postcode1,
.ContactForm .ContactForm__formContent .item-postcode2 {
  width: 100px;
}
.ContactForm .ContactForm__formContent .item-postcode1 input,
.ContactForm .ContactForm__formContent .item-postcode2 input {
  width: 100%;
}
.ContactForm .ContactForm__formBorder {
  display: inline-block;
  border-top: 1px solid rgba(28, 28, 28, 0.4);
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin: 14px 9px 0;
  vertical-align: middle;
  width: 15px;
}
.ContactForm input[type="radio"] {
  display: none;
}
.ContactForm input[type="radio"] + span {
  position: relative;
}
.ContactForm input[type="radio"] + span:before {
  background: #fff;
  border: 2px solid #e6e6e6;
  border-radius: 50%;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 0px;
}
.ContactForm input[type="radio"]:checked + span:before {
  border: 3.5px solid #e6e6e6;
  width: 7px;
  height: 7px;
}
.ContactForm input[type="radio"] + span:after {
  background: #0d3246;
  border: none;
  border-radius: 50%;
  content: "";
  left: 3px;
  height: 8px;
  width: 8px;
  position: absolute;
  top: 3px;
  transition: all 0.3s ease 0s;
  opacity: 0;
}
.ContactForm input[type="radio"]:checked + span:after {
  opacity: 1;
}
.ContactForm .ContactForm__formContent input[type="radio"] + span:before {
  top: 3px;
}
.ContactForm .ContactForm__formContent input[type="radio"] + span:after {
  top: 6px;
}
.ContactForm .ContactForm__privacyInner {
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  padding: 30px;
  margin-bottom: 40px;
}
.ContactForm .ContactForm__privacyTitle {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 25px;
}
.ContactForm .ContactForm__privacyMessage {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: calc(25 / 14);
}
.ContactForm .ContactForm__privacyMessage:not(:last-of-type) {
  margin-bottom: 10px;
}
.ContactForm .ContactForm__privacyAgreeWrap {
  text-align: center;
  margin-bottom: 30px;
}
.ContactForm .ContactForm__privacyAgree {
  cursor: pointer;
}
.ContactForm .ContactForm__privacyAgree input[type="checkbox"] {
  display: none;
}
.ContactForm .ContactForm__privacyAgree span {
  color: #333;
  font-size: 13px;
  font-weight: bold;
  padding-left: 20px;
  position: relative;
}
.ContactForm .ContactForm__privacyAgree > span {
  margin-left: -80px;
}
.ContactForm .ContactForm__privacyAgree input[type="checkbox"] + span:before {
  position: absolute;
  left: 0;
  top: 50%;
  background: #fff;
  border: 2px solid #e6e6e6;
  border-radius: 1px;
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  transform: translateY(-50%);
}
.ContactForm .ContactForm__privacyAgree input[type="checkbox"] + span:after {
  border-bottom: 3px solid #0d3246;
  border-left: 3px solid #0d3246;
  content: "";
  display: block;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  width: 1em;
  height: 0.6em;
  margin-top: -0.4em;
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease 0s;
}
.ContactForm
  .ContactForm__privacyAgree
  input[type="checkbox"]:checked
  + span:after {
  opacity: 1;
}
.ContactForm .ContactForm__smallsize {
  display: none;
}
.ContactForm #form-content-robot {
  display: none;
  font-size: 14px;
}
.ContactForm #form-content-robot p {
  font-weight: bold;
  margin-bottom: 16px;
}
.ContactForm #form-content-robot a {
  color: #0d3246;
  display: block;
}
.ContactForm #form-content-robot a:hover {
  text-decoration: underline;
}
.ContactForm #form-item-type label {
  margin-bottom: 8px;
}
.ContactForm #form-item-education,
.ContactForm #form-item-jobtype {
  display: none;
}
.ContactForm .wpcf7c-btn-confirm {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}
.ContactForm .wpcf7-submit {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}
.ContactForm
  .ContactForm__submitButtonWrap
  .Common__button--center
  input[type="submit"] {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.ContactForm .ContactConfirm__modifyLinkWrap {
  text-align: center;
  margin-top: 40px;
}
.ContactForm .ContactConfirm__modifyLink {
  position: relative;
  color: #0d3246;
  font-size: 14px;
  font-weight: bold;
  transition: 0.3s;
}
.ContactForm .ContactConfirm__modifyLink:hover {
  opacity: 0.8;
}
.ContactForm .ContactConfirm__modifyLink:before {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 98px;
  height: 1px;
  background: #0d3246;
}

@media (max-width: 1200px) {
  .ContactForm .ContactForm__contentSelectBox span {
    line-height: 1.5;
  }
  .ContactForm .ContactForm__contentSelectBox span:before {
    left: -20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  .ContactForm .ContactForm__contentSelectBox span:after {
    left: -20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media (max-width: 768px) {
  .ContactForm .ContactForm__privacyInner {
    padding: 25px 15px;
    margin-bottom: 30px;
  }
  .ContactForm .ContactForm__container {
    padding: 40px 0 10px;
  }
  .ContactForm .ContactForm__errorMsgContainer {
    margin: 15px 20px;
    padding: 16px;
  }
  .ContactForm .ContactForm__errorMsgContainer .ContactForm__errorMsg {
    font-size: 14px;
  }
  .ContactForm .ContactForm__formInner {
    border: none;
  }
  .ContactForm .ContactForm__formHeader {
    font-size: 16px;
    padding-left: 15px;
  }
  .ContactForm .ContactForm__formBody {
    padding-left: 15px;
    padding-right: 15px;
  }
  .ContactForm .ContactForm__contentSelect--pc {
    display: none;
  }
  .ContactForm .ContactForm__contentSelect--sp {
    display: block;
  }
  .ContactForm .ContactForm__formItem {
    display: block;
    height: auto;
  }
  .ContactForm .ContactForm__formDescription {
    width: 100%;
    padding: 15px;
    font-size: 14px;
  }
  .ContactForm .ContactForm__formContent {
    width: 100%;
    padding: 15px;
  }
  .ContactForm .ContactForm__formContent input:not(:last-of-type) {
    margin-bottom: 10px;
  }
  .ContactForm .ContactForm__formContent label {
    line-height: 1.5;
  }
  .ContactForm .ContactForm__formContent label span {
    padding-left: 20px;
  }
  .ContactForm .ContactForm__formContent label:not(:last-of-type) {
    padding-right: 10px;
  }
  .ContactForm .ContactForm__formContent .ContactForm__txt-s {
    width: 50%;
  }
  .ContactForm .ContactForm__formContent .ContactForm__txt-m,
  .ContactForm .ContactForm__formContent .ContactForm__txt-l {
    width: 100%;
  }
}

@media (max-width: 450px) {
  .ContactForm .ContactForm__smallsize {
    display: block;
  }
  .ContactForm .ContactForm__smallsize + label {
    padding-left: 0 !important;
  }
}

.ContactContent {
  color: #333;
  position: relative;
}
.ContactContent .ContactContent__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: -1;
  overflow: hidden;
}
.ContactContent .ContactContent__bgImage img {
  position: absolute;
  top: 12%;
  right: -30%;
}
.ContactContent .ContactContent__container {
  max-width: 1240px;
  padding: 70px 20px 100px;
  margin: 0 auto;
}
.ContactContent .ContactContent__faqContainer {
  padding-bottom: 70px;
}
.ContactContent .ContactContent__faqTitleHeader {
  color: #0d3246;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}
.ContactContent .ContactContent__faqTitle {
  font-size: 28px;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 25px;
  position: relative;
}
.ContactContent .ContactContent__faqTitle:before {
  content: url("../img/contact/ContactContent__faqIcon-title.svg");
  position: absolute;
  right: -50px;
  width: 35px;
  height: 32px;
}
.ContactContent .ContactContent__faqTitle:after {
  width: 50px;
  height: 2px;
  content: "";
  display: block;
  background-color: #0d3246;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1100px) {
  .ContactContent .ContactContent__faqTitle {
    font-size: 24px;
  }
  .ContactContent .ContactContent__faqTitle:before {
    width: 30px;
    height: 28px;
  }
}
.ContactContent .ContactContent__faqItems {
  margin-top: 30px;
}
.ContactContent .ContactContent__faqItemContainer {
  background: #fff;
  border: 1px solid #d8dce0;
  border-radius: 2px;
  color: #0d3246;
  cursor: pointer;
}
.ContactContent .ContactContent__faqItemContainer:not(:last-child) {
  margin-bottom: 20px;
}
.ContactContent .ContactContent__faqItemContainer:hover {
  border: 1px solid #0d3246;
  transition: border 0.1s;
}
.ContactContent .ContactContent__faqItemContainer.-open {
  border: 1px solid #0d3246;
}
.ContactContent .ContactContent__faqItemHeader {
  align-items: baseline;
  display: flex;
  padding: 15px 20px 15px 58px;
  position: relative;
}
.ContactContent .ContactContent__faqItemHeader:before {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  background-image: url(../img/contact/ContactContent__faqIcon-plus.svg);
  background-size: 100%;
  width: 18px;
  height: 18px;
}
.ContactContent .ContactContent__faqItemHeader.-open {
  background: rgba(13, 50, 70, 0.02);
  border-bottom: 1px solid #d8dce0;
}
.ContactContent .ContactContent__faqItemHeader.-open:before {
  position: absolute;
  left: 20px;
  content: "";
  background-image: url(../img/contact/ContactContent__faqIcon-minus.svg);
  background-size: 100%;
  width: 18px;
  height: 18px;
}
.ContactContent .ContactContent__faqItemCategory {
  border: 1px solid #0d3246;
  border-radius: 2px;
  font-size: 10px;
  font-weight: bold;
  padding: 3px 10px;
  min-width: 71px;
  text-align: center;
}
.ContactContent .ContactContent__faqItemDescription {
  font-size: 14px;
  font-weight: bold;
  padding-left: 15px;
  line-height: 1.5;
}
.ContactContent .ContactContent__faqItemBody {
  color: #333;
  display: none;
  font-size: 14px;
  font-weight: 500;
  padding: 20px 30px 24px;
}
.ContactContent .ContactContent__faqItemBody > p {
  margin-bottom: 20px;
  line-height: 1.75;
}
.ContactContent .ContactContent__faqItemBody > p:last-child {
  margin-bottom: 0;
}
.ContactContent .ContactContent__faqItemBody > p a {
  color: #0d3246;
}
.ContactContent .ContactContent__faqItemBody > p a:hover {
  text-decoration: underline;
}
.ContactContent .ContactContent__faqItemImage--01 {
  max-width: 350px;
}
.ContactContent .ContactContent__contactTitle {
  font-size: 28px;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 40px;
}
.ContactContent .ContactContent__contactTitle:before {
  content: url("../img/contact/ContactContent__contactIcon-title.svg");
  position: absolute;
  right: -50px;
  width: 35px;
  height: 32px;
}
.ContactContent .ContactContent__contactTitle:after {
  width: 50px;
  height: 2px;
  content: "";
  display: block;
  background-color: #0d3246;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1100px) {
  .ContactContent .ContactContent__contactTitle {
    font-size: 24px;
  }
  .ContactContent .ContactContent__contactTitle:before {
    width: 30px;
    height: 28px;
  }
}
.ContactContent .ContactContent__contactAbout {
  margin-top: 40px;
  border: 1px solid #0d3246;
}
.ContactContent .ContactContent__contactAboutHeader {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  background: #0d3246;
  position: relative;
  padding: 20px 60px;
}
.ContactContent .ContactContent__contactAboutHeader:before {
  position: absolute;
  content: url(../img/contact/ContactContent__contactIcon-info.svg);
  width: 16px;
  height: 16px;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
}
.ContactContent .ContactContent__contactAboutBody {
  background: #fff;
  padding: 25px 30px;
}
.ContactContent .ContactContent__contactAboutBody p {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: calc(25 / 14);
  margin-bottom: 10px;
}
.ContactContent .ContactContent__contactAboutBody p:last-of-type {
  margin-bottom: 0;
}
.ContactContent .ContactContent__contactWarn {
  color: #cc0202 !important;
}
.ContactContent .ContactContent__contactBorder {
  border-top: 1px solid #d8dce0;
  margin: 10px 0;
}
.ContactContent .ContactContent__contactDescriptionBox {
  background: #eff1f3;
  padding: 15px 20px 20px;
  margin: 30px 0 40px;
}
.ContactContent .ContactContent__contactDescriptionTitle {
  font-weight: bold !important;
  margin-bottom: 15px !important;
}
.ContactContent .ContactContent__contactConversion {
  border-top: 1px solid #dedce0;
  padding-top: 30px;
  display: flex;
}
.ContactContent .ContactContent__contactConversionSide {
  padding: 30px 35px;
}
.ContactContent .ContactContent__contactConversionSide:first-child {
  border-right: 1px solid #dedce0;
}
.ContactContent .ContactContent__contactConversionTop {
  text-align: center;
}
.ContactContent .ContactContent__contactConversionTop img {
  width: 32px;
  height: auto;
  margin-bottom: 25px;
}
.ContactContent .ContactContent__contactConversionTitle {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.ContactContent .ContactContent__contactConversionMsg {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  margin-bottom: 20px !important;
}
.ContactContent .ContactContent__contactConversionBottom {
  border-top: 1px solid #dedce0;
}
.ContactContent .ContactContent__contactConversionBottomInnerLeft {
  padding-top: 40px;
}
.ContactContent .ContactContent__contactConversionTelTitle {
  font-size: 16px !important;
  font-weight: bold !important;
  position: relative;
  padding-top: 15px;
  padding-left: 15px;
  margin-bottom: 0 !important;
}
.ContactContent .ContactContent__contactConversionTelTitle:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 19px;
  background: #0d3246;
  left: 0;
  top: 30px;
  transform: translateY(-50%);
}
.ContactContent .ContactContent__contactConversionTel {
  font-size: 16px !important;
  margin-bottom: 0 !important;
}
.ContactContent .ContactContent__contactConversionTelNumber {
  color: #0d3246;
  font-size: 24px;
  font-weight: bold;
  margin-left: 10px;
}
.ContactContent .ContactContent__contactConversionTelTime {
  font-size: 16px !important;
}

@media (max-width: 768px) {
  .ContactContent .ContactContent__contactAbout {
    margin-top: 20px;
  }
  .ContactContent .ContactContent__contactAboutBody {
    padding: 25px 15px;
  }
  .ContactContent .ContactContent__bgImage {
    display: none;
  }
  .ContactContent .ContactContent__container {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .ContactContent .ContactContent__faqContainer {
    padding-bottom: 40px;
  }
  .ContactContent .ContactContent__faqTitleHeader {
    font-size: 13px;
  }
  .ContactContent .ContactContent__faqTitle {
    font-size: 16px;
    padding-bottom: 15px;
  }
  .ContactContent .ContactContent__faqTitle:before {
    width: 16px;
    height: 16px;
    right: -24px;
  }
  .ContactContent .ContactContent__faqTitle:after {
    width: 30px;
  }
  .ContactContent .ContactContent__faqItems {
    margin-top: 20px;
  }
  .ContactContent .ContactContent__faqItemDescription {
    font-size: 13px;
  }
  .ContactContent .ContactContent__faqItemBody {
    font-size: 13px;
    padding: 20px 15px;
  }
  .ContactContent .ContactContent__contactTitle {
    font-size: 16px;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
  .ContactContent .ContactContent__contactTitle:before {
    width: 16px;
    height: 16px;
    right: -24px;
  }
  .ContactContent .ContactContent__contactTitle:after {
    width: 30px;
  }
  .ContactContent .ContactContent__contactAboutHeader {
    font-size: 16px;
  }
  .ContactContent .ContactContent__contactAboutBody p {
    font-size: 13px;
  }
  .ContactContent .ContactContent__contactConversion {
    display: block;
    padding-top: 0;
  }
  .ContactContent .ContactContent__contactConversionSide {
    border-top: 1px solid #dedce0;
    padding-left: 0;
    padding-right: 0;
  }
  .ContactContent .ContactContent__contactConversionSide:first-child {
    border-right: none;
  }
  .ContactContent .ContactContent__contactConversionTel {
    font-size: 13px !important;
  }
  .ContactContent .ContactContent__contactConversionTelNumber {
    font-size: 20px;
  }
  .ContactContent .ContactContent__contactConversionTelTime {
    font-size: 13px !important;
  }
  .ContactContent .ContactContent__contactConversionBottomInnerLeft {
    padding-top: 10px;
  }
  .ContactContent .ContactContent__contactConversionBottom {
    border: 0;
  }
}

@media (max-width: 450px) {
  .ContactContent .ContactContent__faqItemHeader {
    padding-left: 15px;
  }
  .ContactContent .ContactContent__faqItemHeader:before {
    display: none;
  }
  .ContactContent .ContactContent__faqItemHeader.-open:before {
    display: none;
  }
  .ContactContent .ContactContent__faqItemDescription {
    padding-left: 8px;
  }
  .ContactContent .ContactContent__contactAboutBody {
    padding: 15px;
  }
  .ContactContent .ContactContent__contactAboutHeader {
    padding-left: 45px;
  }
  .ContactContent .ContactContent__contactAboutHeader:before {
    left: 15px;
  }
}

.ArticleFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 10px;
  border: solid #d9dce0;
  border-width: 1px 0;
}
.ArticleFooter .ArticleFooter__nav {
  display: flex;
  font-size: 14px;
  font-weight: bold;
}
.ArticleFooter .ArticleFooter__nav .ArticleFooter__pagePrev {
  display: flex;
  align-items: center;
  margin-right: 50px;
  position: relative;
  transition: 0.3s;
}
.ArticleFooter .ArticleFooter__nav .ArticleFooter__pagePrev img {
  width: 16px;
  height: 10px;
  margin-right: 9px;
  position: relative;
  top: 1px;
}
.ArticleFooter .ArticleFooter__nav .ArticleFooter__pagePrev:hover {
  color: #0d3246;
}
.ArticleFooter .ArticleFooter__nav .ArticleFooter__pageNext {
  display: flex;
  align-items: center;
  position: relative;
  transition: 0.3s;
}
.ArticleFooter .ArticleFooter__nav .ArticleFooter__pageNext img {
  width: 16px;
  height: 10px;
  margin-left: 9px;
  position: relative;
  top: 1px;
}
.ArticleFooter .ArticleFooter__nav .ArticleFooter__pageNext:hover {
  color: #0d3246;
}

@media (max-width: 450px) {
  .ArticleFooter {
    display: block;
    padding: 15px 0;
    border-top: none;
  }
  .ArticleFooter .ArticleFooter__share {
    display: flex;
    justify-content: center;
  }
  .ArticleFooter .ArticleFooter__share .Common__shareMsg {
    display: none;
  }
  .ArticleFooter .ArticleFooter__share .Common__shareBar {
    display: none;
  }
  .ArticleFooter .ArticleFooter__nav {
    display: flex;
    justify-content: space-around;
    margin-top: 25px;
    border-top: 1px solid #d9dce0;
    padding-top: 15px;
  }
  .ArticleFooter .ArticleFooter__nav .ArticleFooter__pageNext {
    margin-right: 0;
  }
}

.ArticleHeading .ArticleHeading__image {
  width: 100%;
}

.ArticleHeading .ArticleHeading__subInfo {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.ArticleHeading .ArticleHeading__subInfo .ArticleHeading__category {
  font-size: 12px;
  font-weight: bold;
  color: white;
  padding: 8px 12px;
  background-color: #0d3246;
}
.ArticleHeading .ArticleHeading__subInfo .ArticleHeading__date {
  font-size: 12px;
  font-weight: 500;
}

.ArticleHeading .ArticleHeading__head {
  margin-top: 12px;
  margin-bottom: 20px;
  padding-bottom: 18px;
  font-size: 30px;
  font-weight: bold;
  border-bottom: solid 1px #d9dce0;
}

.ArticleHeading .ArticleHeading__share {
  display: flex;
  justify-content: flex-end;
  margin: 15px 0;
}

.ArticleHeading .wp-post-image {
  height: auto;
}

@media (max-width: 768px) {
  .ArticleHeading .ArticleHeading__subInfo .ArticleHeading__category {
    font-size: 11px;
    color: white;
    padding: 6px 10px;
  }
  .ArticleHeading .ArticleHeading__head {
    margin-top: 10px;
    font-size: 20px;
    padding-bottom: 15px;
  }
}

.ContentsDetail__wrapper {
  position: relative;
}
.ContentsDetail__wrapper .ContentsDetail__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: 1;
  overflow: hidden;
}
.ContentsDetail__wrapper
  .ContentsDetail__bgImage
  .ContentsDetail__bgImage__img {
  position: absolute;
  right: -30%;
}
.ContentsDetail__wrapper .ContentsDetail__contents {
  display: flex;
  padding: 70px 15px 100px;
  margin: 0 auto;
  max-width: 1240px;
}
.ContentsDetail__wrapper .ContentsDetail__contents .ContentsDetail__main {
  margin-right: 40px;
  width: calc(100% - 340px);
  z-index: 2;
}
.ContentsDetail__wrapper .ContentsDetail__contents .ContentsDetail__sidebar {
  width: 25%;
  min-width: 300px;
  z-index: 2;
}
.ContentsDetail__wrapper
  .ContentsDetail__contents
  .ContentsDetail__sidebar
  .Common__sidebar--C {
  position: sticky;
  top: 70px;
  margin-top: 40px;
}

@media screen and (max-width: 949px) {
  .ContentsDetail__wrapper .ContentsDetail__contents {
    display: block;
    padding: 40px 15px 50px;
  }
  .ContentsDetail__wrapper .ContentsDetail__contents .ContentsDetail__main {
    margin-right: 0;
    width: 100%;
    max-width: none;
  }
  .ContentsDetail__wrapper .ContentsDetail__contents .ContentsDetail__sidebar {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .ContentsDetail__wrapper {
    overflow: hidden;
  }
  .ContentsDetail__wrapper .ContentsDetail__bgImage {
    display: none;
  }
}

.RelatedArticles {
  margin-top: 60px;
}
.RelatedArticles .RelatedArticles__title {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
}
.RelatedArticles .RelatedArticles__title::before {
  content: "";
  margin-right: 8px;
  height: 18px;
  width: 4px;
  background-color: #0d3246;
}
.RelatedArticles .RelatedArticles__list {
  align-items: center;
  padding-top: 12px;
}
.RelatedArticles .RelatedArticles__list .RelatedArticles__item {
  margin-top: 24px;
}
.RelatedArticles
  .RelatedArticles__list
  .RelatedArticles__item
  .RelatedArticles__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.RelatedArticles
  .RelatedArticles__list
  .RelatedArticles__item
  .RelatedArticles__link
  .RelatedArticles__thumbnail {
  position: relative;
  overflow: hidden;
  width: 30%;
  margin-right: 24px;
}
.RelatedArticles
  .RelatedArticles__list
  .RelatedArticles__item
  .RelatedArticles__link
  .RelatedArticles__thumbnail
  .RelatedArticles__thumbnailImg {
  transition-duration: 0.3s;
}
.RelatedArticles
  .RelatedArticles__list
  .RelatedArticles__item
  .RelatedArticles__link
  .RelatedArticles__thumbnail::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: 0.3s;
}
.RelatedArticles
  .RelatedArticles__list
  .RelatedArticles__item
  .RelatedArticles__link
  .RelatedArticles__description {
  width: calc(70% - 24px);
}
.RelatedArticles
  .RelatedArticles__list
  .RelatedArticles__item
  .RelatedArticles__link
  .RelatedArticles__description
  .RelatedArticles__descriptionHead {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.RelatedArticles
  .RelatedArticles__list
  .RelatedArticles__item
  .RelatedArticles__link
  .RelatedArticles__description
  .RelatedArticles__descriptionText {
  margin-bottom: 20px;
  font-size: 13px;
  font-weight: bold;
  color: #555556;
  line-height: 1.5;
}
.RelatedArticles
  .RelatedArticles__list
  .RelatedArticles__item
  .RelatedArticles__link
  .RelatedArticles__description
  .RelatedArticles__descriptionFooter {
  display: flex;
  justify-content: flex-end;
}
.RelatedArticles
  .RelatedArticles__list
  .RelatedArticles__item
  .RelatedArticles__link
  .RelatedArticles__description
  .RelatedArticles__footerCategory {
  color: #0d3246;
  font-size: 12px;
  font-weight: bold;
  padding-right: 10px;
  margin-right: 10px;
}
.RelatedArticles
  .RelatedArticles__list
  .RelatedArticles__item
  .RelatedArticles__link
  .RelatedArticles__description
  .RelatedArticles__footerDate {
  color: #555556;
  font-size: 12px;
  font-weight: bold;
}
.RelatedArticles
  .RelatedArticles__list
  .RelatedArticles__item
  .RelatedArticles__link:hover
  .RelatedArticles__thumbnail
  .RelatedArticles__thumbnailImg {
  transform: scale(1.04);
  transition-duration: 0.3;
}
.RelatedArticles
  .RelatedArticles__list
  .RelatedArticles__item
  .RelatedArticles__link:hover
  .RelatedArticles__thumbnail::before {
  background-color: rgba(0, 0, 0, 0.1);
  transition-duration: 0.3s;
}
.RelatedArticles .RelatedArticles__allArticles {
  margin-top: 48px;
  text-align: center;
}
.RelatedArticles
  .RelatedArticles__allArticles
  .RelatedArticles__allArticlesLink {
  padding: 16px 80px;
  color: white;
  font-size: 13px;
  font-weight: bold;
  background-color: #0d3246;
}

@media (max-width: 1100px) {
  .RelatedArticles
    .RelatedArticles__list
    .RelatedArticles__item
    .RelatedArticles__link
    .RelatedArticles__thumbnail {
    width: 40%;
  }
  .RelatedArticles
    .RelatedArticles__list
    .RelatedArticles__item
    .RelatedArticles__link
    .RelatedArticles__description {
    width: calc(60% - 18px);
  }
  .RelatedArticles
    .RelatedArticles__list
    .RelatedArticles__item
    .RelatedArticles__link
    .RelatedArticles__description
    .RelatedArticles__descriptionHead {
    font-size: 13px;
    line-height: 1.2;
  }
  .RelatedArticles
    .RelatedArticles__list
    .RelatedArticles__item
    .RelatedArticles__link
    .RelatedArticles__description
    .RelatedArticles__descriptionText {
    font-size: 12px;
    line-height: 1.2;
    margin-top: 12px;
  }
}

@media (max-width: 768px) {
  .RelatedArticles {
    margin-top: 40px;
  }
  .RelatedArticles .RelatedArticles__title {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
  }
  .RelatedArticles .RelatedArticles__title::before {
    content: "";
    height: 14px;
    width: 3px;
  }
  .RelatedArticles .RelatedArticles__list {
    align-items: center;
    padding-top: 0;
  }
  .RelatedArticles .RelatedArticles__list .RelatedArticles__item {
    margin-top: 18px;
  }
  .RelatedArticles
    .RelatedArticles__list
    .RelatedArticles__item
    .RelatedArticles__link
    .RelatedArticles__thumbnail {
    width: 45%;
    margin-right: 18px;
  }
  .RelatedArticles
    .RelatedArticles__list
    .RelatedArticles__item
    .RelatedArticles__link
    .RelatedArticles__description {
    width: calc(55% - 18px);
  }
  .RelatedArticles .RelatedArticles__allArticles {
    margin-top: 48px;
    text-align: center;
  }
  .RelatedArticles
    .RelatedArticles__allArticles
    .RelatedArticles__allArticlesLink {
    padding: 10px 60px;
    font-size: 12px;
  }
}

@media (max-width: 450px) {
  .RelatedArticles .RelatedArticles__list .RelatedArticles__item {
    margin-top: 18px;
  }
  .RelatedArticles
    .RelatedArticles__list
    .RelatedArticles__item
    .RelatedArticles__link {
    display: block;
  }
  .RelatedArticles
    .RelatedArticles__list
    .RelatedArticles__item
    .RelatedArticles__link
    .RelatedArticles__thumbnail {
    width: 100%;
  }
  .RelatedArticles
    .RelatedArticles__list
    .RelatedArticles__item
    .RelatedArticles__link
    .RelatedArticles__description {
    width: 100%;
  }
  .RelatedArticles
    .RelatedArticles__list
    .RelatedArticles__item
    .RelatedArticles__link
    .RelatedArticles__description
    .RelatedArticles__descriptionHead {
    margin-top: 6px;
  }
  .RelatedArticles
    .RelatedArticles__list
    .RelatedArticles__item
    .RelatedArticles__link
    .RelatedArticles__description
    .RelatedArticles__descriptionText {
    margin-top: 12px;
  }
}

.ArticleMainList {
  position: relative;
  padding: 70px 20px 100px;
  max-width: 1240px;
  margin: 0 auto;
  visibility: visible;
  opacity: 1;
  transition: all 0.15s ease;
}
.ArticleMainList.-isHidden {
  visibility: hidden;
  opacity: 0;
}
.ArticleMainList .ArticleMainList__list {
  display: flex;
  flex-wrap: wrap;
}
.ArticleMainList
  .ArticleMainList__list
  .ArticleMainList__item:nth-child(3n + 3) {
  margin-right: 0;
}
.ArticleMainList .ArticleMainList__list .ArticleMainList__item {
  width: calc(33.333% - 20px);
  margin-right: 30px;
  margin-top: 40px;
}
.ArticleMainList
  .ArticleMainList__list
  .ArticleMainList__item
  .ArticleMainList__link
  .ArticleMainList__thumbnail {
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 8px rgba(13, 50, 70, 0.3);
}
.ArticleMainList
  .ArticleMainList__list
  .ArticleMainList__item
  .ArticleMainList__link
  .ArticleMainList__thumbnail
  .ArticleMainList__thumbnailImg {
  transition-duration: 0.3s;
}
.ArticleMainList
  .ArticleMainList__list
  .ArticleMainList__item
  .ArticleMainList__link
  .ArticleMainList__thumbnail::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: 0.3s;
}
.ArticleMainList
  .ArticleMainList__list
  .ArticleMainList__item
  .ArticleMainList__link
  .ArticleMainList__title {
  padding: 14px 0 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  color: #555556;
  margin-bottom: 8px;
  letter-spacing: 0.02em;
  transition: 0.3s;
}
.ArticleMainList
  .ArticleMainList__list
  .ArticleMainList__item
  .ArticleMainList__link
  .ArticleMainList__subInfo {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
}
.ArticleMainList
  .ArticleMainList__list
  .ArticleMainList__item
  .ArticleMainList__link
  .ArticleMainList__subInfo
  .ArticleMainList__category {
  color: #144f6e;
}
.ArticleMainList
  .ArticleMainList__list
  .ArticleMainList__item
  .ArticleMainList__link
  .ArticleMainList__subInfo
  .ArticleMainList__categoryLine {
  width: 0.5px;
  height: 10px;
  margin: 0 8px;
  background-color: #555556;
  line-height: 0;
}
.ArticleMainList
  .ArticleMainList__list
  .ArticleMainList__item
  .ArticleMainList__link
  .ArticleMainList__subInfo
  .ArticleMainList__date {
  color: #555556;
}
.ArticleMainList
  .ArticleMainList__list
  .ArticleMainList__item
  .ArticleMainList__link:hover
  .ArticleMainList__thumbnail
  .ArticleMainList__thumbnailImg {
  transform: scale(1.04);
  transition-duration: 0.3s;
}
.ArticleMainList
  .ArticleMainList__list
  .ArticleMainList__item
  .ArticleMainList__link:hover
  .ArticleMainList__thumbnail::before {
  background-color: rgba(0, 0, 0, 0.1);
  transition-duration: 0.3s;
}
.ArticleMainList
  .ArticleMainList__list
  .ArticleMainList__item
  .ArticleMainList__link:hover
  .ArticleMainList__title {
  color: #333;
}

@media (max-width: 1200px) {
  .ArticleMainList .ArticleMainList__list .ArticleMainList__item {
    width: calc(33.333% - 10px);
    margin-right: 15px;
  }
}

@media (max-width: 768px) {
  .ArticleMainList {
    padding: 40px 20px 50px;
  }
  .ArticleMainList
    .ArticleMainList__list
    .ArticleMainList__item:nth-child(3n + 3) {
    margin-right: 20px;
  }
  .ArticleMainList
    .ArticleMainList__list
    .ArticleMainList__item:nth-child(2n + 2) {
    margin-right: 0;
  }
  .ArticleMainList .ArticleMainList__list .ArticleMainList__item {
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-top: 30px;
  }
  .ArticleMainList
    .ArticleMainList__list
    .ArticleMainList__item
    .ArticleMainList__link
    .ArticleMainList__title {
    padding: 10px 0 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5;
  }
  .ArticleMainList
    .ArticleMainList__list
    .ArticleMainList__item
    .ArticleMainList__link
    .ArticleMainList__subInfo {
    margin-top: 10px;
    font-size: 11px;
  }
}

@media (max-width: 450px) {
  .ArticleMainList
    .ArticleMainList__list
    .ArticleMainList__item:nth-child(3n + 3),
  .ArticleMainList
    .ArticleMainList__list
    .ArticleMainList__item:nth-child(2n + 2) {
    margin-right: 0;
  }
  .ArticleMainList .ArticleMainList__list .ArticleMainList__item {
    width: 100%;
    margin-top: 30px;
    margin-right: 0;
  }
}

.ContentsTop {
  position: relative;
}
.ContentsTop .ContentsTop__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: -1;
  overflow: hidden;
}
.ContentsTop .ContentsTop__bgImage img {
  position: absolute;
  right: -30%;
}
.ContentsTop .ContentsTop__container {
  max-width: 1240px;
  padding: 70px 20px;
  margin: 0 auto;
}
.ContentsTop .ContentsTop__section {
  margin-bottom: 30px;
}
.ContentsTop .ContentsTop__pageTitleSection {
  display: flex;
  justify-content: space-between;
}
.ContentsTop .ContentsTop__viewAll {
  margin-top: 15px;
}
.ContentsTop .ContentsTop__viewAllLink {
  color: #333;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  transition: 0.3s;
}
.ContentsTop .ContentsTop__viewAllLink::before {
  position: absolute;
  border-top: solid 2px #0d3246;
  border-right: solid 2px #0d3246;
  content: "";
  height: 8px;
  right: 10px;
  top: 7px;
  left: -20px;
  transform: rotate(45deg);
  width: 8px;
  transition: 0.3s;
}
.ContentsTop .ContentsTop__viewAllLink:hover {
  color: #0d3246;
}
.ContentsTop .ContentsTop__viewAllLink:hover::before {
  left: -17px;
}
.ContentsTop .Common__pageTitle {
  margin-bottom: 40px;
}
.ContentsTop .ContentsTop__sliderInner {
  display: flex;
  flex-wrap: wrap;
}
.ContentsTop .TopicsSlide__container {
  width: calc(33.33% - 20px);
  margin-right: 30px;
  margin-bottom: 40px;
}
.ContentsTop .TopicsSlide__container:nth-child(3n + 3) {
  margin-right: 0;
}
.ContentsTop .TopicsSlide__container:hover .TopicsSlide__image img {
  transform: scale(1.05);
  transition-duration: 0.5s;
}
.ContentsTop .TopicsSlide__container:hover .TopicsSlide__image:before {
  background-color: rgba(0, 0, 0, 0.1);
}
.ContentsTop .TopicsSlide__container:hover .TopicsSlide__explanation {
  color: #333;
}
.ContentsTop .TopicsSlide__image {
  box-shadow: rgba(13, 50, 70, 0.2) 0px 0px 5px;
  overflow: hidden;
  position: relative;
}
.ContentsTop .TopicsSlide__image img {
  display: block;
  transition-duration: 0.3s;
}
.ContentsTop .TopicsSlide__image:before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: 0.3s;
}
.ContentsTop .TopicsSlide__explanation {
  color: #555556;
  font-size: 14px;
  font-weight: bold;
  line-height: calc(21 / 14);
  padding: 20px 0 0;
}
.ContentsTop .TopicsSlide__categoryContainer {
  display: flex;
  padding-top: 10px;
}
.ContentsTop .TopicsSlide__category {
  color: #144f6e;
  font-size: 12px;
  font-weight: bold;
  padding-right: 10px;
  margin-right: 10px;
}
.ContentsTop .TopicsSlide__categoryDate {
  color: #555556;
  font-size: 12px;
  font-weight: bold;
}
.ContentsTop .ContentsTopMovie__slider {
  margin: 0 -15px 31.5px;
}
.ContentsTop .ContentsTopMovie__slideContainer {
  max-width: 380px;
  margin: 0 15px 0;
  display: block;
}
.ContentsTop .ContentsTopMovie__slideImage {
  margin-bottom: 15px;
  box-shadow: 0 0 8px rgba(13, 50, 70, 0.3);
}
.ContentsTop .ContentsTopMovie__slideImageInner {
  overflow: hidden;
  position: relative;
}
.ContentsTop .ContentsTopMovie__slideImageInner img {
  max-width: 100%;
  transition: 0.3s;
}
.ContentsTop .ContentsTopMovie__slideImageInner::before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: 0.3s;
}
.ContentsTop .ContentsTopMovie__slideImageInner::after {
  width: 48px;
  height: 48px;
  content: "";
  display: block;
  background: url(../img/contents-top/slideImagePlayback.svg) no-repeat center
    center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
}
.ContentsTop .ContentsTopMovie__slideText {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.75;
  color: #555556;
}
.ContentsTop .ContentsTopMovie__categoryContainer {
  display: flex;
  padding-top: 10px;
}
.ContentsTop .ContentsTopMovie__category {
  color: #144f6e;
  font-size: 12px;
  font-weight: bold;
  padding-right: 10px;
  margin-right: 10px;
}
.ContentsTop .ContentsTopMovie__categoryDate {
  color: #555556;
  font-size: 12px;
  font-weight: bold;
}
.ContentsTop
  .ContentsTopMovie__slideContainer:hover
  .ContentsTopMovie__slideImageInner
  img {
  transform: scale(1.05);
}
.ContentsTop
  .ContentsTopMovie__slideContainer:hover
  .ContentsTopMovie__slideImageInner::before {
  background-color: rgba(0, 0, 0, 0.1);
}
.ContentsTop
  .ContentsTopMovie__slideContainer:hover
  .ContentsTopMovie__slideImageInner::after {
  transform: scale(0.9) translate(-55%, -55%);
}
.ContentsTop
  .ContentsTopMovie__slideContainer:hover
  .ContentsTopMovie__slideText {
  color: #333;
}
.ContentsTop .ContentsTopMovie__slideCategory {
  display: none;
}
.ContentsTop .ContentsTopMovie__slideDotsContainer {
  max-width: 1230px;
  margin: 0 auto 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ContentsTop .ContentsTopMovie__slideDots {
  width: 100%;
  margin-right: 30px;
  max-width: 1078px;
}
.ContentsTop .ContentsTopMovie__slideArrow {
  width: 85px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.ContentsTop .ContentsTopMovie__slideArrow img {
  max-width: 25px;
}
.ContentsTop .ContentsTopMovie__slideArrow img:first-child {
  margin-right: 20px;
}
.ContentsTop .Common__button--center {
  display: none;
}

@media (max-width: 1200px) {
  .ContentsTop .TopicsSlide__container {
    width: calc(33.333% - 10px);
    margin-right: 15px;
  }
}

@media (max-width: 768px) {
  .ContentsTop .ContentsTop__container {
    padding: 40px 20px 50px;
  }
  .ContentsTop .ContentsTop__viewAllLink {
    font-size: 14px;
  }
  .ContentsTop .ContentsTop__viewAllLink::before {
    top: 5px;
  }
  .ContentsTop .TopicsSlide__explanation {
    font-size: 13px;
    letter-spacing: 0.02em;
    padding-top: 10px;
  }
  .ContentsTop .TopicsSlide__container {
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 30px;
  }
  .ContentsTop .TopicsSlide__container:nth-child(3n + 3) {
    margin-right: 20px;
  }
  .ContentsTop .TopicsSlide__container:nth-child(2n + 2) {
    margin-right: 0;
  }
  .ContentsTop .Common__pageTitle {
    margin-bottom: 30px;
  }
  .ContentsTop .TopicsSlide__explanation {
    padding-left: 0;
    padding-right: 0;
  }
  .ContentsTop .TopicsSlide__categoryContainer {
    padding-left: 0;
  }
  .ContentsTop .ContentsTopMovie__container {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .ContentsTop .ContentsTopMovie__slider {
    margin-bottom: 25px;
  }
  .ContentsTop .ContentsTopMovie__slideText {
    font-size: 13px;
    line-height: 1.5;
  }
  .ContentsTop .ContentsTopMovie__slideContainer {
    max-width: 648px;
    margin: 0 10px 0;
  }
  .ContentsTop .ContentsTopMovie__slideImage {
    margin-bottom: 10px;
  }
  .ContentsTop .ContentsTopMovie__slideDotsContainer {
    margin-bottom: 30px;
  }
  .ContentsTop .slick-dots {
    padding-left: 0;
  }
  .ContentsTop .ContentsTopMovie__slideArrow {
    margin-right: 0;
    padding-right: 0;
    width: 70px;
  }
}

@media (max-width: 450px) {
  .ContentsTop .ContentsTop__section {
    margin-bottom: 50px;
  }
  .ContentsTop .TopicsSlide__container {
    width: 100%;
    margin-right: 0;
  }
  .ContentsTop .TopicsSlide__container:nth-child(3n + 3) {
    margin-right: 0;
  }
  .ContentsTop .TopicsSlide__container:nth-child(2n + 2) {
    margin-right: 0;
  }
  .ContentsTop .ContentsTop__viewAll {
    display: none;
  }
  .ContentsTop .Common__button--center {
    display: flex;
  }
}

.Dealer {
  position: relative;
  padding: 70px 0 30px;
}
.Dealer .Dealer__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: -1;
  overflow: hidden;
}
.Dealer .Dealer__bgImage img {
  position: absolute;
  right: -30%;
}
.Dealer .Dealer__container {
  max-width: 1240px;
  padding: 0 15px;
  margin: 0 auto;
}
.Dealer .Common__pageTitle--icon {
  display: inline-block;
  margin-bottom: 40px;
}
.Dealer .Common__pageTitle--icon:before {
  content: url(../img/dealer/Dealer__icon--search.svg);
  position: absolute;
  right: -40px;
  top: 4px;
  width: 26px;
}
.Dealer .Dealer__subTitle {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-left: 15px;
  margin-bottom: 28px;
}
.Dealer .Dealer__subTitle:before {
  position: absolute;
  content: "";
  background: #0d3246;
  width: 5px;
  height: 19px;
  top: 0;
  left: 0;
}
.Dealer .Dealer__narrowGoodsList {
  display: flex;
  margin-bottom: 40px;
}
.Dealer .Dealer__narrowGoods,
.Dealer .Dealer__narrowShopImage {
  max-width: 190px;
  margin-right: 10px;
  text-align: center;
  cursor: pointer;
}
.Dealer .Dealer__narrowGoods .imageContainer,
.Dealer .Dealer__narrowShopImage .imageContainer {
  position: relative;
}
.Dealer .Dealer__narrowGoods .imageContainer img,
.Dealer .Dealer__narrowShopImage .imageContainer img {
  position: relative;
}
.Dealer .Dealer__narrowGoods .imageContainer::after,
.Dealer .Dealer__narrowShopImage .imageContainer::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: solid #144f6e;
  border-width: 0;
  transition: all 0.2s ease;
}
.Dealer .Dealer__narrowGoods p,
.Dealer .Dealer__narrowShopImage p {
  color: #333;
  font-size: 12px;
  font-weight: bold;
  padding-top: 12px;
}
.Dealer .Dealer__narrowGoods input[type="checkbox"],
.Dealer .Dealer__narrowShopImage input[type="checkbox"] {
  display: none;
}
.Dealer .Dealer__narrowGoods.-active .imageContainer::after,
.Dealer .Dealer__narrowGoods:hover .imageContainer::after,
.Dealer .Dealer__narrowShopImage.-active .imageContainer::after,
.Dealer .Dealer__narrowShopImage:hover .imageContainer::after {
  border-width: 4px;
}
.Dealer .Dealer__narrowGoods.-active p,
.Dealer .Dealer__narrowGoods:hover p,
.Dealer .Dealer__narrowShopImage.-active p,
.Dealer .Dealer__narrowShopImage:hover p {
  color: #144f6e;
}
.Dealer .Dealer__narrowShop {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.Dealer .Dealer__narrowShopInfo {
  width: calc(100% - 240px);
  margin-left: 30px;
}
.Dealer .Dealer__narrowShopTitle {
  color: #333;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  padding-left: 18px;
  padding-bottom: 10px;
}
.Dealer .Dealer__narrowShopTitle:before {
  position: absolute;
  content: url(../img/dealer/Dealer__icon--info.svg);
  width: 13px;
  left: 0;
  top: 1px;
}
.Dealer .Dealer__narrowShopText {
  color: #333;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  padding-top: 10px;
}
.Dealer .Dealer__narrowAreaPC {
  display: flex;
}
.Dealer .Dealer__narrowAreaSP {
  display: none;
}
.Dealer .Dealer__narrowAreaWrap {
  position: relative;
  min-width: 300px;
  margin-right: 30px;
}
.Dealer .Dealer__narrowPrefWrap {
  display: none;
  min-width: 300px;
}
.Dealer .Dealer__narrowAreaSubTitle {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
}
.Dealer .Dealer__pulldownWrapper {
  position: relative;
  display: inline;
}
.Dealer .Dealer__pulldownWrapper:before {
  content: "";
  position: absolute;
  right: 15px;
  display: block;
  width: 8px;
  height: 8px;
  top: 8px;
  border-top: solid 2px #0d3246;
  border-left: solid 2px #0d3246;
  transform: rotate(-135deg);
  pointer-events: none;
  z-index: 1;
}
.Dealer .Dealer__pulldownWrapper:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 38px;
  background: #e6e6e6;
  top: -2px;
  right: 40px;
}
.Dealer .Dealer__pulldown {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  color: rgba(0, 3, 51, 0.5);
  font-size: 13px;
  font-weight: bold;
  width: 100%;
  max-width: 380px;
  padding: 15px 20px;
  margin-bottom: 30px;
}
.Dealer .Dealer__narrowAreaList {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2px;
  margin-bottom: 90px;
  padding-bottom: 30px;
}
.Dealer .Dealer__narrowArea.-current {
  color: #0d3246;
  border: 1px solid #0d3246;
}
.Dealer .Dealer__narrowArea {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  padding: 14px 0;
  border: 1px solid #d8dce0;
  border-radius: 4px;
  width: 132.4px;
  text-align: center;
  margin-right: 2px;
  margin-bottom: 2px;
  cursor: pointer;
}
.Dealer .Dealer__narrowArea:hover {
  color: #0d3246;
  border: 1px solid #0d3246;
}
.Dealer .Dealer__narrowPrefList {
  display: inline-block;
  color: #fff;
  background: #0d3246;
  padding: 20px 50px;
  margin-bottom: 30px;
  position: absolute;
  top: 40px;
  height: 85.5px;
  box-shadow: 0 0 7px rgba(13, 50, 70, 0.4);
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.Dealer .Dealer__narrowPrefList.active {
  visibility: visible;
  opacity: 1;
}
.Dealer .Dealer__narrowPrefListArrow {
  position: absolute;
  content: "";
  right: 0;
  top: -7px;
  left: 0;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-color: transparent transparent #0d3246 transparent;
  border-width: 0 4px 7px 4px;
}
.Dealer .Dealer__narrowPrefSelect {
  position: relative;
  margin-bottom: 15px;
  font-weight: bold;
}
.Dealer .Dealer__narrowPrefSelect:before {
  position: absolute;
  content: url("../img/dealer/Dealer__icon--arrow.svg");
  width: 13px;
  top: 0;
  left: -20px;
}
.Dealer .Dealer__narrowPref {
  display: none;
  white-space: nowrap;
}
.Dealer .Dealer__narrowPref.active {
  display: flex;
}
.Dealer .Dealer__narrowPref li:not(:last-child) {
  margin-right: 20px;
}
.Dealer .Dealer__narrowPref .Dealer__narrowPrefLink {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  position: relative;
}
.Dealer .Dealer__narrowPref .Dealer__narrowPrefLink::after {
  width: 36px;
  content: "";
  display: block;
  position: absolute;
  border-bottom: 1px solid #fff;
  transition: 0.3s;
  bottom: -2px;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
}
.Dealer .Dealer__narrowPref .Dealer__narrowPrefLink:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.Dealer .Dealer__narrowPref .Dealer__narrowPrefLink.-current::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.Dealer .Dealer__status {
  margin-top: 15px;
}
.Dealer .Dealer__statusItem {
  display: inline-block;
  color: #0d3246;
  font-size: 11px;
  border-radius: 20px;
  padding: 6px 12px;
  border: 1px solid #0d3246;
  margin-right: 8px;
  cursor: pointer;
  margin-bottom: 8px;
}
.Dealer .Dealer__statusItem:last-child {
  margin-right: 0;
}
.Dealer .Dealer__statusItem::after {
  content: "×";
  padding-left: 4px;
}
.Dealer .Dealer__resetoriginal {
  display: none;
}
.Dealer .Dealer__resetdavid {
  display: none;
}
.Dealer .Dealer__resetink {
  display: none;
}
.Dealer .Dealer__resetrei {
  display: none;
}
.Dealer .Dealer__resetmakie {
  display: none;
}
.Dealer .Dealer__resetSFS {
  display: none;
}
.Dealer .Dealer__resetPrefecture {
  display: none;
}
.Dealer .Dealer__shopTitle {
  color: #0d3246;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #d8dce0;
  position: relative;
  padding-left: 37px;
  padding-bottom: 20px;
}
.Dealer .Dealer__shopTitle:before {
  position: absolute;
  content: url("../img/dealer/Dealer__icon--home.svg");
  left: 0;
  top: 2px;
  width: 20.25px;
}
.Dealer .Dealer__prefStatus {
  font-size: 14px;
  color: #0d3246;
  margin-top: 4px;
  margin-bottom: 30px;
  display: none;
}
.Dealer .Dealer__resetPref {
  font-size: 14px;
  color: #0d3246;
}
.Dealer .Dealer__resetPref:hover {
  text-decoration: underline;
}
.Dealer .Dealer__shopSubTitle {
  color: #0d3246;
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
}
.Dealer .Dealer__shopLists {
  margin-bottom: 50px;
}
.Dealer .Dealer__shopList {
  display: flex;
  justify-content: space-between;
  padding: 30px 0 20px;
  border-bottom: 1px solid #d8dce0;
}
.Dealer .Dealer__shopList:last-child {
  border-bottom: none;
}
.Dealer .Dealer__shopList.is-hide {
  display: none;
}
.Dealer .Dealer__shopDetail {
  margin-right: 20px;
}
.Dealer .Dealer__shopNameContainer {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.Dealer .Dealer__shopName {
  color: #333;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}
.Dealer .Dealer__sfsInfo {
  display: inline-block;
  color: #0d3246;
  font-size: 10px;
  font-weight: 500;
  padding: 5px 10px;
  border: 1px solid #0d3246;
  border-radius: 2px;
  margin-left: 30px;
  word-break: keep-all;
}
.Dealer .Dealer__shopInfoContainer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.Dealer .Dealer__shopLocate {
  color: #555556;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  margin-right: 20px;
  width: 100%;
}
.Dealer .Dealer__shopLocate:before {
  position: absolute;
  content: url("../img/dealer/Dealer__icon--locate.svg");
  width: 13px;
  left: 0;
  top: -1px;
}
.Dealer .Dealer__shopLocateLink {
  display: inline-block;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  background: #0d3246;
  border-radius: 2px;
  padding: 5px 25px 5px 10px;
  position: relative;
  margin-right: 30px;
  transition: 0.3s;
  margin-bottom: 10px;
}
.Dealer .Dealer__shopLocateLink:hover {
  box-shadow: 0 0 8px rgba(13, 50, 70, 0.3);
}
.Dealer .Dealer__shopLocateLink:before {
  position: absolute;
  content: url("../img/dealer/Dealer__icon--externalLink.svg");
  width: 8px;
  right: 10px;
}
.Dealer .Dealer__shopTel {
  color: #555556;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  margin-right: 30px;
}
.Dealer .Dealer__shopTel:before {
  position: absolute;
  content: url("../img/dealer/Dealer__icon--tel.svg");
  width: 15px;
  left: 3px;
}
.Dealer .Dealer__shopMail {
  font-size: 14px;
  font-weight: bold;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}
.Dealer .Dealer__shopMail a {
  color: #555556;
}
.Dealer .Dealer__shopMail:before {
  position: absolute;
  content: url("../img/dealer/Dealer__icon--email.svg");
  width: 15px;
  left: 3px;
}
.Dealer .Dealer__shopCategoryList {
  display: flex;
  flex-wrap: wrap;
  margin-left: -3px;
  margin-bottom: -3px;
  width: 33.42%;
  min-width: 320px;
}
.Dealer .Dealer__shopCategory {
  color: #0d3246;
  font-size: 10px;
  font-weight: 500;
  width: 161.5px;
  border: 1px solid #0d3246;
  border-radius: 2px;
  text-align: center;
  margin-left: 4px;
  margin-bottom: 4px;
  width: calc(50% - 4px);
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 950px) {
  .Dealer .Dealer__narrowShopText {
    font-size: 12px;
  }
  .Dealer .Dealer__narrowShopInfo {
    margin-left: 20px;
  }
  .Dealer .Dealer__sfsInfo {
    margin-left: 10px;
  }
  .Dealer .Dealer__shopName {
    font-size: 15px;
  }
  .Dealer .Dealer__shopLocateLink {
    margin-right: 20px;
  }
  .Dealer .Dealer__shopLocate {
    font-size: 13px;
    margin-right: 10px;
  }
  .Dealer .Dealer__shopTel {
    font-size: 13px;
  }
  .Dealer .Dealer__shopMail {
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  .Dealer {
    padding-top: 40px;
  }
  .Dealer .Dealer__bgImage {
    display: none;
  }
  .Dealer .Dealer__narrowShop {
    display: block;
  }
  .Dealer .Dealer__narrowShopImage {
    margin-left: 0;
  }
  .Dealer .Dealer__narrowShopInfo {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  .Dealer .Dealer__narrowGoodsList {
    flex-wrap: wrap;
  }
  .Dealer .Dealer__narrowGoods {
    max-width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .Dealer .Dealer__narrowGoods:nth-child(even) {
    margin-right: 0;
  }
  .Dealer .Dealer__narrowAreaPC {
    display: block;
  }
  .Dealer .Dealer__narrowAreaSP {
    display: block;
  }
  .Dealer .Dealer__shopList {
    display: block;
  }
  .Dealer .Dealer__shopDetail {
    margin-bottom: 20px;
  }
  .Dealer .Dealer__shopCategoryList {
    width: 50%;
  }
  .Dealer .Dealer__shopCategory {
    height: 25px;
  }
  .Dealer .Dealer__narrowShopImageInner {
    max-width: calc(50% - 10px);
  }
  .Dealer .Dealer__narrowGoodsList {
    margin-bottom: 20px;
  }
  .Dealer .Common__pageTitle--icon {
    margin-bottom: 30px;
  }
  .Dealer .Common__pageTitle--icon:before {
    top: 3px;
    width: 18px;
    right: -30px;
  }
  .Dealer .Dealer__shopTitle {
    font-size: 18px;
    padding-left: 32px;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
  .Dealer .Dealer__shopTitle::before {
    width: 17.25px;
  }
  .Dealer .Dealer__shopSubTitle {
    font-size: 16px;
  }
  .Dealer .Dealer__shopDetail {
    margin-right: 0;
  }
  .Dealer .Dealer__shopLocate {
    display: inline-block;
  }
}

@media (max-width: 450px) {
  .Dealer .Dealer__shopNameContainer {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .Dealer .Dealer__shopName {
    margin-bottom: 10px;
  }
  .Dealer .Dealer__sfsInfo {
    margin-left: 0;
    margin-bottom: 8px;
  }
  .Dealer .Dealer__shopInfoContainer {
    display: block;
  }
  .Dealer .Dealer__shopCategoryList {
    width: 100%;
  }
  .Dealer .Dealer__shopLocate {
    font-size: 11px;
    margin-bottom: 8px;
    padding-left: 15px;
  }
  .Dealer .Dealer__shopLocate::before {
    width: 10px;
  }
  .Dealer .Dealer__shopLocateLink {
    font-size: 11px;
    margin-bottom: 8px;
  }
  .Dealer .Dealer__shopTel {
    font-size: 11px;
    margin-left: 0;
    padding-left: 25px;
  }
  .Dealer .Dealer__shopTel::before {
    width: 14px;
  }
  .Dealer .Dealer__shopMail {
    font-size: 11px;
    margin-left: 0;
    padding-left: 25px;
  }
  .Dealer .Dealer__shopMail::before {
    width: 14px;
  }
  .Dealer .Dealer__narrowGoods {
    margin-right: 10px;
    max-width: calc(50% - 5px);
  }
  .Dealer .Dealer__narrowShopImageInner {
    max-width: calc(50% - 5px);
  }
  .Dealer .Dealer__narrowShopInfo {
    margin-top: 10px;
  }
  .Dealer .Dealer__shopName {
    font-size: 14px;
    width: 100%;
    order: 1;
  }
  .Dealer .Dealer__shopCategoryList {
    min-width: auto;
  }
  .Dealer .Dealer__shopLists {
    padding-bottom: 30px;
  }
}

.EventDetail {
  color: #333;
  position: relative;
}
.EventDetail .EventDetail__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: -1;
  overflow: hidden;
}
.EventDetail .EventDetail__bgImage img {
  position: absolute;
  top: 12%;
  right: -30%;
}
.EventDetail .EventDetail__container {
  max-width: 900px;
  padding: 70px 20px 100px;
  margin: 0 auto;
}
.EventDetail .EventDetail__eventTitleSection {
  text-align: center;
}
.EventDetail .EventDetail__eventCategory {
  display: inline-block;
  color: #66327c;
  font-size: 13px;
  font-weight: bold;
  border: 1px solid #66327c;
  border-radius: 12px;
  padding: 5px 25px;
  margin-bottom: 20px;
}
.EventDetail .EventDetail__eventTitle {
  position: relative;
  color: #333;
  font-size: 24px;
  font-weight: bold;
  line-height: calc(42 / 24);
  margin-bottom: 70px;
}
.EventDetail .EventDetail__eventTitle::before {
  position: absolute;
  background: #0d3246;
  content: "";
  width: 50px;
  height: 2px;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
}
.EventDetail .EventDetail__eventDescription {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: calc(25 / 14);
  margin-bottom: 75px;
}
.EventDetail .EventDetail__eventDescription p:not(:last-of-type) {
  margin-bottom: 10px;
}
.EventDetail .EventDetail__eventDate {
  margin-bottom: 25px;
}
.EventDetail .EventDetail__eventDateDescription,
.EventDetail .EventDetail__eventPlaceDescription {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: calc(25 / 14);
  padding-left: 10px;
}
.EventDetail .EventDetail__eventDateDescription iframe,
.EventDetail .EventDetail__eventPlaceDescription iframe {
  padding-top: 20px;
}
.EventDetail .EventDetail__googleMap {
  padding-top: 75%;
  position: relative;
  width: 100%;
}
.EventDetail .EventDetail__googleMap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.EventDetail .EventDetail__sns {
  color: #555556;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding-top: 30px;
}
.EventDetail .EventDetail__snsButtonWrap {
  display: flex;
  justify-content: center;
  padding-top: 15px;
}
.EventDetail .EventDetail__snsButtonWrap li:last-child {
  margin-left: 8px;
}
.EventDetail .EventDetail__snsButtonWrap a {
  position: relative;
  display: inline-block;
}
.EventDetail .EventDetail__snsButtonWrap a::after {
  width: 32px;
  height: 32px;
  content: "";
  background-color: rgba(13, 50, 70, 0.07);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.2s;
}
.EventDetail .EventDetail__snsButtonWrap a:hover::after {
  transform: translate(-50%, -50%) scale(1);
}
.EventDetail .EventDetail__snsButton {
  width: 24px;
  height: 24px;
}
.EventDetail .EventDetail__buttonWrap {
  padding-top: 50px;
}

@media (max-width: 768px) {
  .EventDetail .EventDetail__bgImage {
    display: none;
  }
  .EventDetail .EventDetail__container {
    padding: 40px 20px 50px;
  }
  .EventDetail .EventDetail__eventTitle {
    font-size: 20px;
  }
  .EventDetail .EventDetail__eventDescription {
    font-size: 13px;
    margin-bottom: 20px;
  }
  .EventDetail .EventDetail__eventDateDescription,
  .EventDetail .EventDetail__eventPlaceDescription {
    font-size: 13px;
  }
  .EventDetail .EventDetail__sns {
    padding-top: 0;
  }
  .EventDetail .EventDetail__buttonWrap {
    padding-top: 30px;
  }
}

.EventReportDetail {
  color: #333;
  position: relative;
}
.EventReportDetail .EventReportDetail__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: -1;
  overflow: hidden;
}
.EventReportDetail .EventReportDetail__bgImage img {
  position: absolute;
  top: 12%;
  right: -30%;
}
.EventReportDetail .EventReportDetail__container {
  max-width: 890px;
  padding: 55px 20px 140px;
  margin: 0 auto;
}
.EventReportDetail .EventReportDetail__textInner {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: calc(25 / 14);
  margin-bottom: 55px;
}
.EventReportDetail .EventReportDetail__textInner p,
.EventReportDetail .EventReportDetail__textInner img {
  margin-bottom: 25px;
}
.EventReportDetail .EventReportDetail__textFooter {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #d8dce0;
  border-bottom: 1px solid #d8dce0;
  padding: 15px 10px;
  margin-bottom: 61px;
}
.EventReportDetail .EventReportDetail__textFooterLeft {
  display: flex;
  align-items: center;
}
.EventReportDetail .EventReportDetail__textFooterShare {
  color: #555556;
  font-size: 12px;
  font-weight: bold;
  border-right: 1px solid #555556;
  padding-right: 22px;
  margin-right: 20px;
}
.EventReportDetail .EvnetReportDetail__textFooterSns {
  display: flex;
  justify-content: center;
}
.EventReportDetail .EvnetReportDetail__textFooterSns li:last-child {
  margin-left: 8px;
}
.EventReportDetail .EvnetReportDetail__textFooterSns a {
  position: relative;
  display: inline-block;
}
.EventReportDetail .EvnetReportDetail__textFooterSns a::after {
  width: 32px;
  height: 32px;
  content: "";
  background-color: rgba(13, 50, 70, 0.07);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.2s;
}
.EventReportDetail .EvnetReportDetail__textFooterSns a:hover::after {
  transform: translate(-50%, -50%) scale(1);
}
.EventReportDetail .EventReportDetail__snsButton {
  width: 24px;
  height: 24px;
}
.EventReportDetail .EventReportDetail__nav {
  display: flex;
  font-size: 14px;
  font-weight: bold;
}
.EventReportDetail .EventReportDetail__nav .EventReportDetail__pagePrev {
  display: flex;
  align-items: center;
  margin-right: 50px;
  position: relative;
}
.EventReportDetail .EventReportDetail__nav .EventReportDetail__pagePrev img {
  width: 16px;
  height: 10px;
  margin-right: 9px;
  position: relative;
  top: 1px;
}
.EventReportDetail .EventReportDetail__nav .EventReportDetail__pagePrev:hover {
  color: #0d3246;
}
.EventReportDetail .EventReportDetail__nav .EventReportDetail__pageNext {
  display: flex;
  align-items: center;
  position: relative;
}
.EventReportDetail .EventReportDetail__nav .EventReportDetail__pageNext img {
  width: 16px;
  height: 10px;
  margin-left: 9px;
  position: relative;
  top: 1px;
}
.EventReportDetail .EventReportDetail__nav .EventReportDetail__pageNext:hover {
  color: #0d3246;
}
.EventReportDetail .EventReportDetail__otherListTitle {
  position: relative;
  color: #333;
  font-size: 20px;
  font-weight: bold;
  margin-left: 15px;
  margin-bottom: 24px;
}
.EventReportDetail .EventReportDetail__otherListTitle::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 18px;
  background: #0d3246;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
}
.EventReportDetail .EventReportDetail__otherListContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.EventReportDetail
  .EventReportDetail__otherListContainer:hover
  .EventReportDetail__otherListImage::after {
  background-color: rgba(0, 0, 0, 0.1);
}
.EventReportDetail
  .EventReportDetail__otherListContainer:hover
  .EventReportDetail__otherListImage
  img {
  transform: scale(1.05);
}
.EventReportDetail .EventReportDetail__otherListImage {
  width: 30%;
  overflow: hidden;
  position: relative;
}
.EventReportDetail .EventReportDetail__otherListImage img {
  transition: transform 0.3s;
}
.EventReportDetail .EventReportDetail__otherListImage::after {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
}
.EventReportDetail .EventReportDetail__otherListText {
  width: calc(70% - 24px);
}
.EventReportDetail .EventReportDetail__otherListTextTitle {
  color: #555556;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  transition: color 0.3s;
}
.EventReportDetail .EventReportDetail__otherListDescription {
  color: #555556;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 20px;
  transition: color 0.3s;
}
.EventReportDetail .EventReportDetail__otherListFooter {
  display: flex;
  justify-content: flex-end;
}
.EventReportDetail .EventReportDetail__footerCategory {
  color: #0d3246;
  font-size: 12px;
  font-weight: bold;
  border-right: 1px solid #555556;
  padding-right: 10px;
  margin-right: 10px;
}
.EventReportDetail .EventReportDetail__footerDate {
  color: #555556;
  font-size: 12px;
  font-weight: bold;
}
.EventReportDetail .EventReportDetail__otherListButtonWrap {
  padding-top: 30px;
}

@media (max-width: 1100px) {
  .EventReportDetail .EventReportDetail__otherListImage {
    width: 40%;
  }
  .EventReportDetail .EventReportDetail__otherListText {
    width: calc(60% - 18px);
  }
  .EventReportDetail .EventReportDetail__otherListTextTitle {
    font-size: 13px;
    line-height: 1.2;
  }
  .EventReportDetail .EventReportDetail__otherListDescription {
    font-size: 12px;
    line-height: 1.2;
  }
}

@media (max-width: 768px) {
  .EventReportDetail .EventReportDetail__bgImage {
    display: none;
  }
  .EventReportDetail .EventReportDetail__textInner {
    font-size: 13px;
  }
  .EventReportDetail .EventReportDetail__otherListTitle {
    font-size: 16px;
    margin-left: 15px;
    margin-bottom: 18px;
  }
  .EventReportDetail .EventReportDetail__otherListTitle::before {
    height: 14px;
    width: 3px;
  }
  .EventReportDetail .EventReportDetail__otherListImage {
    width: 45%;
  }
  .EventReportDetail .EventReportDetail__otherListImage img {
    width: 100%;
  }
  .EventReportDetail .EventReportDetail__otherListText {
    width: calc(55% - 18px);
  }
  .EventReportDetail .EventReportDetail__otherListContainer {
    margin-bottom: 18px;
  }
}

@media (max-width: 450px) {
  .EventReportDetail .EventReportDetail__otherListContainer {
    display: block;
  }
  .EventReportDetail .EventReportDetail__otherListImage {
    width: 100%;
    margin-bottom: 6px;
  }
  .EventReportDetail .EventReportDetail__otherListText {
    width: 100%;
    padding: 0;
  }
  .EventReportDetail .EventReportDetail__textFooterShare {
    padding-right: 10px;
    margin-right: 10px;
  }
  .EventReportDetail .EventReportDetail__textPrev {
    margin-right: 10px;
  }
  .EventReportDetail .EventReportDetail__textFooter {
    display: block;
    padding: 15px 0;
    border-top: none;
  }
  .EventReportDetail
    .EventReportDetail__textFooter
    .EventReportDetail__textFooterLeft {
    display: flex;
    justify-content: center;
  }
  .EventReportDetail
    .EventReportDetail__textFooter
    .EventReportDetail__textFooterLeft
    .EventReportDetail__textFooterShare {
    display: none;
  }
  .EventReportDetail
    .EventReportDetail__textFooter
    .EventReportDetail__textFooterLeft
    .Common__shareBar {
    display: none;
  }
  .EventReportDetail .EventReportDetail__textFooter .EventReportDetail__nav {
    display: flex;
    justify-content: space-around;
    margin-top: 25px;
    border-top: 1px solid #d9dce0;
    padding-top: 15px;
  }
}

.EventReportDetailPageHeader {
  height: 500px;
  width: 100%;
  position: relative;
  background-color: #1a2226;
  position: relative;
}
.EventReportDetailPageHeader .EventReportDetailPageHeader__bg {
  width: 100%;
  height: 100%;
  background: url("../img/event-report-detail/EventReportDetail__pageHeader.png")
    no-repeat center center/cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
}
.EventReportDetailPageHeader .EventReportDetailPageHeader__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
}
.EventReportDetailPageHeader .EventReportDetailPageHeader__innerText {
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  line-height: calc(42 / 32);
  margin-bottom: 30px;
}
.EventReportDetailPageHeader .EventReportDetailPageHeader__innerCategory {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 25px;
  border: 1px solid #fff;
  border-radius: 12px;
}

@media (max-width: 768px) {
  .EventReportDetailPageHeader {
    height: 300px;
  }
  .EventReportDetailPageHeader .EventReportDetailPageHeader__innerText {
    font-size: 20px;
  }
}

@media (max-width: 450px) {
  .EventReportDetailPageHeader {
    height: 250px;
  }
}

.EventInfo {
  position: relative;
  padding: 70px 0 10px;
}
.EventInfo .Common__button--center {
  display: none;
}
.EventInfo .Event__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: -1;
  overflow: hidden;
}
.EventInfo .Event__bgImage img {
  position: absolute;
  right: -30%;
}
.EventInfo .Event__container {
  max-width: 1240px;
  padding: 0 15px;
  margin: 0 auto;
}
.EventInfo .Common__pageTitle {
  margin-bottom: 40px;
}
.EventInfo .Event__calender {
  margin-bottom: 60px;
}
.EventInfo .Event__calenderHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 40px;
}
.EventInfo .Event__calenderCurrentMonth {
  color: #0d3246;
  font-size: 28px;
  font-weight: bold;
}
.EventInfo .Event__calenderPrev,
.EventInfo .Event__calenderNext {
  color: #333;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  transition: 0.3s;
}
.EventInfo .Event__calenderPrev {
  margin-left: 15px;
}
.EventInfo .Event__calenderPrev::before {
  position: absolute;
  border-top: solid 2px #0d3246;
  border-right: solid 2px #0d3246;
  content: "";
  height: 6px;
  right: 10px;
  top: 3px;
  left: -13px;
  transform: rotate(-135deg);
  width: 6px;
  transition: 0.3s;
}
.EventInfo .Event__calenderPrev:hover {
  color: #0d3246;
}
.EventInfo .Event__calenderPrev:hover::before {
  left: -15px;
}
.EventInfo .Event__calenderNext {
  margin-right: 15px;
}
.EventInfo .Event__calenderNext::before {
  position: absolute;
  border-top: solid 2px #0d3246;
  border-right: solid 2px #0d3246;
  content: "";
  height: 6px;
  right: 10px;
  top: 3px;
  right: -13px;
  transform: rotate(45deg);
  width: 6px;
  transition: 0.3s;
}
.EventInfo .Event__calenderNext:hover {
  color: #0d3246;
}
.EventInfo .Event__calenderNext:hover::before {
  right: -15px;
}
.EventInfo .Event__calenderLists--none {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 300px;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.EventInfo .Event__calenderList {
  position: relative;
  border-bottom: 1px solid #d1d1d1;
}
.EventInfo .Event__calenderList a {
  display: block;
  padding: 20px;
}
.EventInfo .Event__calenderList:first-child {
  border-top: 1px solid #d1d1d1;
}
.EventInfo .Event__calenderList:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  background: rgba(13, 50, 70, 0.02);
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
}
.EventInfo .Event__calenderList:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.EventInfo .Event__categoryContainer {
  display: flex;
  align-items: flex-end;
  margin-bottom: 15px;
}
.EventInfo .Event__eventDate {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  margin-right: 40px;
}
.EventInfo .Event__eventCategory {
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  width: 130px;
  padding: 5px 0;
  display: block;
  text-align: center;
  border-radius: 1px;
}
.EventInfo .--all {
  background-color: #0d3246;
}
.EventInfo .--ink {
  background-color: #1b803e;
}
.EventInfo .--maintenance {
  background-color: #66327c;
}
.EventInfo .--clinic {
  background-color: #9a2525;
}
.EventInfo .--etc {
  background-color: #555556;
}
.EventInfo .Event__explanation {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}
.EventInfo .Event__attributeContainer {
  display: flex;
  flex-wrap: wrap;
}
.EventInfo .Event__placeContainer,
.EventInfo .Event__timeContainer,
.EventInfo .Event__staffContainer {
  display: flex;
  align-items: baseline;
  margin-right: 30px;
}
.EventInfo .Event__placeTitle,
.EventInfo .Event__timeTitle,
.EventInfo .Event__staffTitle {
  color: #0d3246;
  font-size: 10px;
  font-weight: 500;
  border: 1px solid #0d3246;
  padding: 5px;
  margin-right: 10px;
  word-break: keep-all;
}
.EventInfo .Event__placeDescription,
.EventInfo .Event__timeDescription,
.EventInfo .Event__staffDescription {
  color: #333;
  font-size: 12px;
  font-weight: 500;
}
.EventInfo .Event__pageTitleSection {
  display: flex;
  justify-content: space-between;
}
.EventInfo .Event__viewAll {
  margin-top: 15px;
}
.EventInfo .Event__viewAllLink {
  color: #333;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  transition: 0.3s;
}
.EventInfo .Event__viewAllLink::before {
  position: absolute;
  border-top: solid 2px #0d3246;
  border-right: solid 2px #0d3246;
  content: "";
  height: 8px;
  right: 10px;
  top: 7px;
  left: -20px;
  transform: rotate(45deg);
  width: 8px;
  transition: 0.3s;
}
.EventInfo .Event__viewAllLink:hover {
  color: #0d3246;
}
.EventInfo .Event__viewAllLink:hover::before {
  left: -18px;
}
.EventInfo .Event__viewPastLink {
  color: #333;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  transition: 0.3s;
}
.EventInfo .Event__viewPastLink::before {
  position: absolute;
  border-top: solid 2px #0d3246;
  border-right: solid 2px #0d3246;
  content: "";
  height: 8px;
  top: 7px;
  left: -20px;
  transform: rotate(45deg);
  width: 8px;
  transition: 0.3s;
}
.EventInfo .Event__viewPastLink:hover {
  color: #0d3246;
}
.EventInfo .Event__viewPastLink:hover::before {
  left: -18px;
}
.EventInfo .EventReport__slider {
  padding-bottom: 20px;
}
.EventInfo .EventReport__sliderInner {
  display: flex;
  flex-wrap: wrap;
}
.EventInfo .EventReport__container {
  width: calc(25% - 15px);
  margin-right: 20px;
  margin-bottom: 40px;
}
.EventInfo .EventReport__container:nth-child(4) {
  margin-right: 0;
}
.EventInfo .EventReport__container:hover .EventReport__image img {
  transform: scale(1.05);
  transition-duration: 0.5s;
}
.EventInfo .EventReport__container:hover .EventReport__image:before {
  background-color: rgba(0, 0, 0, 0.1);
}
.EventInfo .EventReport__container:hover .EventReport__explanation {
  color: #333;
}
.EventInfo .EventReport__image {
  box-shadow: rgba(13, 50, 70, 0.2) 0px 0px 5px;
  overflow: hidden;
  position: relative;
}
.EventInfo .EventReport__image img {
  display: block;
  transition-duration: 0.3s;
}
.EventInfo .EventReport__image:before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: 0.3s;
}
.EventInfo .EventReport__explanation {
  color: #555556;
  font-size: 14px;
  font-weight: bold;
  line-height: calc(21 / 14);
  padding: 10px 0 0;
}
.EventInfo .EventReport__categoryContainer {
  display: flex;
  padding-top: 10px;
}
.EventInfo .EventReport__category {
  color: #144f6e;
  font-size: 12px;
  font-weight: bold;
  border-right: 1px solid #555556;
  padding-right: 10px;
  margin-right: 10px;
}
.EventInfo .EventReport__categoryDate {
  color: #555556;
  font-size: 12px;
  font-weight: bold;
}
.EventInfo .MainEvent__bannerContainer {
  display: flex;
  margin-left: -30px;
  padding-bottom: 50px;
}
.EventInfo .MainEvent__banner {
  width: calc(33.33% - 30px);
  margin-left: 30px;
}
.EventInfo .MainEvent__logoContainer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f3f5;
  margin-bottom: 20px;
}
.EventInfo .MainEvent__logo {
  width: 226px;
}
.EventInfo .MainEvent__explanationContainer {
  padding-bottom: 50px;
}
.EventInfo .MainEvent__explanationContainer img {
  max-width: 312px;
}
.EventInfo .MainEvent__explanationTitle {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.EventInfo .MainEvent__explanationContents {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: calc(25 / 14);
  padding-bottom: 25px;
}
.EventInfo .MainEvent__explanationSubContents01 {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding-bottom: 40px;
}
.EventInfo .MainEvent__explanationSubContents02 {
  display: flex;
  justify-content: space-between;
}
.EventInfo .MainEvent__explanationSubImage {
  max-width: 300px;
}
.EventInfo .MainEvent__explanationSubMessage {
  padding-top: 20px;
  width: calc(100% - 340px);
}
.EventInfo .MainEvent__explanationSubTitle {
  position: relative;
  color: #0d3246;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #d8dce0;
  padding-bottom: 14px;
  margin-bottom: 6px;
}
.EventInfo .MainEvent__explanationSubTitle:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 1px;
  background: #0d3246;
  bottom: -1px;
}
.EventInfo .MainEvent__explanationSubText {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: calc(25 / 14);
  margin-bottom: 10px;
}
.EventInfo .MainEvent__warningContainer {
  border: 1px solid #0d3246;
  border-radius: 2px;
  margin-bottom: 70px;
}
.EventInfo .MainEvent__warningHeader {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background: #0d3246;
  padding: 20px 30px;
}
.EventInfo .MainEvent__warningBody {
  background: #fff;
  padding: 30px;
}
.EventInfo .MainEvent__warningBody p {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: calc(25 / 14);
}
.EventInfo .MainEvent__warningBody img {
  width: 10px;
  vertical-align: middle;
  margin-left: 8px;
}
.EventInfo .MainEvent__textBorder {
  border: none;
  border-bottom: 1px solid #d8dce0;
  margin: 30px 0;
}

@media (max-width: 950px) {
  .EventInfo .EventReport__categoryDate {
    font-size: 10px;
  }
  .EventInfo .EventReport__category {
    font-size: 10px;
  }
}

@media (max-width: 768px) {
  .EventInfo {
    padding-top: 40px;
    padding-bottom: 0;
  }
  .EventInfo .Event__calenderCurrentMonth {
    font-size: 18px;
  }
  .EventInfo .MainEvent__warningContainer {
    margin-top: 20px;
  }
  .EventInfo .Event__calenderList a {
    padding: 15px 0 15px 15px;
  }
  .EventInfo .Event__explanation {
    line-height: 1.5;
  }
  .EventInfo .Event__placeContainer {
    margin-bottom: 10px;
  }
  .EventInfo .EventReport__container {
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .EventInfo .EventReport__container:nth-child(even) {
    margin-right: 0;
  }
  .EventInfo .MainEvent__explanationSubContents01,
  .EventInfo .MainEvent__explanationSubContents02 {
    display: block;
  }
  .EventInfo .MainEvent__explanationContainer .MainEvent__explanationImage {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
  }
  .EventInfo .MainEvent__explanationContainer .MainEvent__explanationImage img {
    width: calc(50% - 10px);
    height: auto;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .EventInfo .MainEvent__explanationSubImage {
    max-width: 100%;
  }
  .EventInfo .MainEvent__explanationSubMessage {
    width: 100%;
  }
  .EventInfo .Common__pageTitle {
    margin-bottom: 30px;
  }
  .EventInfo .EventReport__explanation {
    font-size: 13px;
  }
  .EventInfo .EventReport__category,
  .EventInfo .EventReport__categoryDate {
    font-size: 12px;
  }
}

@media (max-width: 450px) {
  .EventInfo .MainEvent__explanationContainer {
    padding-bottom: 0;
  }
  .EventInfo .Common__button--center {
    display: flex;
    margin-top: 10px;
  }
  .EventInfo .Event__viewAllLink {
    display: none;
  }
  .EventInfo .Event__calenderHeader {
    margin-bottom: 20px;
  }
  .EventInfo .Event__calenderList a {
    padding: 15px 0;
  }
  .EventInfo .Event__attributeContainer {
    display: block;
  }
  .EventInfo .Event__placeContainer {
    margin-bottom: 8px;
  }
  .EventInfo .Event__timeContainer {
    margin-bottom: 8px;
  }
  .EventInfo .MainEvent__bannerContainer {
    display: block;
    margin-left: 0;
  }
  .EventInfo .MainEvent__banner {
    width: 100%;
    margin-left: 0;
    padding-bottom: 10px;
  }
  .EventInfo .MainEvent__logoContainer {
    padding-right: 0;
  }
  .EventInfo .MainEvent__logo {
    width: 50%;
  }
  .EventInfo .Common__pageTitle {
    margin-bottom: 20px;
  }
  .EventInfo .MainEvent__explanationContainer img {
    max-width: 100%;
  }
  .EventInfo .EventReport__slider {
    margin-bottom: 50px;
  }
  .EventInfo .EventReport__container {
    width: 100%;
    margin-right: 0;
  }
  .EventInfo .Event__viewPastLink {
    font-size: 12px;
  }
  .EventInfo .Event__viewPastLink::before {
    width: 6px;
    height: 6px;
    top: 5px;
  }
  .EventInfo .Event__eventDate {
    font-size: 14px;
    margin-right: 20px;
  }
  .EventInfo .MainEvent__explanationTitle {
    line-height: 1.5;
  }
  .EventInfo .MainEvent__warningHeader {
    font-size: 16px;
    padding: 15px;
  }
  .EventInfo .MainEvent__warningContainer {
    margin-bottom: 50px;
  }
  .EventInfo .MainEvent__warningBody {
    padding: 15px;
  }
  .EventInfo .Event__calenderPrev,
  .EventInfo .Event__calenderNext {
    font-size: 14px;
  }
  .EventInfo .Event__calenderPrev::before,
  .EventInfo .Event__calenderNext::before {
    top: 4px;
  }
  .EventInfo .MainEvent__explanationSubTitle {
    line-height: 1.5;
  }
  .EventInfo .Event__calender {
    margin-bottom: 50px;
  }
  .EventInfo .EventReport__slide {
    padding-bottom: 0;
  }
}

.FaqContent {
  color: #333;
  position: relative;
}
.FaqContent .FaqContent__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: -1;
  overflow: hidden;
}
.FaqContent .FaqContent__bgImage img {
  position: absolute;
  top: 12%;
  right: -30%;
}
.FaqContent .FaqContent__container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 113px 20px 140px;
}
.FaqContent .FaqContent__titleQuestion {
  color: #333;
  font-size: 30px;
  font-weight: bold;
  position: relative;
  margin-left: 43px;
}
.FaqContent .FaqContent__titleQuestion:before {
  content: "Q.";
  color: #0d3246;
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  top: 0px;
  left: -42px;
}
@media (max-width: 1100px) {
  .FaqContent .FaqContent__titleQuestion {
    font-size: 24px;
  }
  .FaqContent .FaqContent__titleQuestion:before {
    font-size: 24px;
  }
}
.FaqContent .FaqContent__contentsContainer {
  display: flex;
  justify-content: space-between;
}
.FaqContent .FaqContent__mainContents {
  padding-top: 40px;
  width: calc(75% - 40px);
  margin-right: 40px;
}
.FaqContent .FaqContent__relatedQuestionTitle {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 20px;
}
.FaqContent .FaqContent__relatedQuestionListItem a {
  color: #0d3246;
  font-size: 14px;
  font-weight: 500;
}
.FaqContent .FaqContent__relatedQuestionListItem a:hover {
  text-decoration: underline;
}
.FaqContent .FaqContent__relatedQuestionListItem {
  margin-bottom: 14px;
}
.FaqContent .FaqContent__buttonToFaqTop {
  padding-top: 40px;
}
.FaqContent .FaqContent__sideContentsInner {
  margin-top: 46px;
  width: 300px;
  min-width: 250px;
  background: #fff;
  border: 1px solid #d9dce0;
  box-shadow: 0 0 4px #d9dce0;
  padding: 34px 30px 30px;
  position: relative;
}
.FaqContent .FaqContent__sideContentsInner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  width: 38px;
  height: 5px;
  background-color: #0d3246;
}
.FaqContent .FaqContent__searchCategoryTitle {
  display: inline-block;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}
.FaqContent .FaqContent__searchCategoryTitle:before {
  content: url(../img/faq-list/MainList__side-searchCategory.svg);
  width: 14px;
  height: 14px;
  position: absolute;
  right: -20px;
  top: 2px;
}
.FaqContent .FaqContent__searchCategoryList {
  padding-top: 10px;
}
.FaqContent .FaqContent__searchCategoryListItem {
  color: #333;
  font-size: 13px;
  font-weight: bold;
  padding: 15px 12px 15px 15px;
  border-bottom: 1px solid #d8dce0;
  position: relative;
  overflow: hidden;
}
.FaqContent .FaqContent__searchCategoryListItem:before {
  content: "";
  position: absolute;
  left: -7px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 5.196px solid transparent;
  border-left: 6px solid #0d3246;
  border-bottom: 5.196px solid transparent;
  transition: 0.3s;
}
.FaqContent .FaqContent__searchCategoryListItem:hover:before {
  left: 5px;
}
.FaqContent .FaqContent__searchCategoryListItem:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(13, 50, 70, 0.02);
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
}
.FaqContent .FaqContent__searchCategoryListItem:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.FaqContent .FaqContent__sideContentsExchange {
  margin: 60px auto 0;
  text-align: center;
  max-width: 300px;
}
.FaqContent .FaqContent__sideContentsExchange img {
  transition: all 0.3s ease 0s;
  width: 100%;
  height: auto;
}
.FaqContent
  .FaqContent__sideContentsExchange:hover
  .FaqContent__sideContentsExchangeImage::after {
  background-color: rgba(0, 0, 0, 0.1);
}
.FaqContent
  .FaqContent__sideContentsExchange:hover
  .FaqContent__sideContentsExchangeContainer {
  transform: scale(1.05);
}
.FaqContent
  .FaqContent__sideContentsExchange:hover
  .FaqContent__sideContentsExchangeText {
  color: #333333;
}
.FaqContent
  .FaqContent__sideContentsExchange
  .FaqContent__sideContentsExchangeImage {
  box-shadow: 0 0 8px rgba(13, 50, 70, 0.1);
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.FaqContent
  .FaqContent__sideContentsExchange
  .FaqContent__sideContentsExchangeImage::after {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
}
.FaqContent
  .FaqContent__sideContentsExchange
  .FaqContent__sideContentsExchangeText {
  font-size: 12px;
  line-height: 1.4;
  font-weight: bold;
  color: #555556;
}

@media screen and (max-width: 949px) {
  .FaqContent .FaqContent__contentsContainer {
    display: block;
  }
  .FaqContent .FaqContent__mainContents {
    padding-top: 20px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .FaqContent .FaqContent__container {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .FaqContent .FaqContent__titleQuestion {
    font-size: 16px;
    padding-bottom: 0px;
    margin-left: 20px;
  }
  .FaqContent .FaqContent__titleQuestion:before {
    font-size: 16px;
    left: -20px;
  }
  .FaqContent .FaqContent__answer {
    padding-top: 20px;
  }
  .FaqContent .FaqContent__answer h3 {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .FaqContent .FaqContent__answer p {
    font-size: 12px;
  }
  .FaqContent .FaqContent__titleAnswer {
    font-size: 16px;
    margin-left: 20px;
    margin-bottom: 15px;
  }
  .FaqContent .FaqContent__titleAnswer:before {
    font-size: 16px;
    left: -20px;
  }
  .FaqContent .FaqContent__AnswerContent {
    margin-bottom: 15px;
  }
  .FaqContent .FaqContent__AnswerContentTitle {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .FaqContent .FaqContent__AnswerContentTitle:before {
    height: 14px;
  }
  .FaqContent .FaqContent__AnswerContentDescription {
    font-size: 13px;
  }
  .FaqContent .FaqContent__AnswerContentDescription p {
    margin-bottom: 10px;
  }
  .FaqContent .FaqContent__relatedQusestion {
    padding-top: 20px;
  }
  .FaqContent .FaqContent__relatedQuestionTitle {
    font-size: 16px;
  }
  .FaqContent .FaqContent__relatedQuestionListItem {
    font-size: 13px;
  }
  .FaqContent .FaqContent__buttonToFaqTop {
    padding-top: 30px;
  }
  .FaqContent .FaqContent__sideContentsInner {
    width: 100%;
  }
  .FaqContent .FaqContent__searchCategoryTitle {
    font-size: 13px;
  }
  .FaqContent .FaqContent__searchCategoryTitle:before {
    width: 13px;
    height: 13px;
  }
  .FaqContent .FaqContent__searchCategoryListItem {
    font-size: 12px;
  }
  .FaqContent .FaqContent__sideContentsExchange {
    margin: 30px auto 0;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .FaqContent .FaqContent__bgImage {
    display: none;
  }
}

.MainList {
  color: #333;
  position: relative;
}
.MainList .MainList__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: -1;
  overflow: hidden;
}
.MainList .MainList__bgImage img {
  position: absolute;
  top: 12%;
  right: -30%;
}
.MainList .MainList__container {
  max-width: 1240px;
  padding: 70px 20px 100px;
  margin: 0 auto;
}
.MainList .MainList__title {
  display: inline-block;
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 25px;
  position: relative;
}
.MainList .MainList__title:before {
  content: url("../img/faq-list/MainList__icon-title.svg");
  position: absolute;
  right: -50px;
  width: 37px;
  height: 34px;
}
.MainList .MainList__title:after {
  width: 50px;
  height: 2px;
  content: "";
  display: block;
  background-color: #0d3246;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1100px) {
  .MainList .MainList__title {
    font-size: 24px;
  }
  .MainList .MainList__title:before {
    width: 30px;
    height: 28px;
  }
}
.MainList .MainList__contentsContainer {
  display: flex;
  justify-content: space-between;
}
.MainList .MainList__mainContents {
  padding-top: 40px;
  width: calc(75% - 40px);
  margin-right: 40px;
}
.MainList .MainList__lists > a {
  display: block;
}
.MainList .MainList__lists > a:not(:first-child) {
  border-top: 1px solid #d8dce0;
}
.MainList .MainList__listItem {
  padding: 25px 24px 14px 50px;
  position: relative;
}
.MainList .MainList__listItem:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  background: rgba(13, 50, 70, 0.02);
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
}
.MainList .MainList__listItem:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.MainList .MainList__listQuestion {
  color: #0d3246;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 20px;
  position: relative;
}
.MainList .MainList__listQuestion:before {
  content: "Q.";
  color: #0d3246;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: -5px;
  left: -42px;
}
.MainList .MainList__listAnswer {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: calc(23 / 14);
  position: relative;
}
.MainList .MainList__listAnswer:before {
  content: "A.";
  color: #9b2525;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: -11px;
  left: -41px;
}
.MainList .MainList__pagination {
  padding-top: 60px;
  display: flex;
  justify-content: center;
}
.MainList .MainList__paginationItem {
  color: #333;
  font-size: 12px;
  font-weight: 500;
  width: 65px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d9dde1;
  text-align: center;
}
.MainList .MainList__paginationItem.current {
  padding-bottom: 19px;
  border-bottom: 2px solid #0d3246;
}
.MainList .MainList__paginationItemNext {
  border-top: solid 1px #0d3246;
  border-right: solid 1px #0d3246;
  content: "";
  height: 9px;
  margin-left: 25px;
  right: 10px;
  top: 8px;
  transform: rotate(45deg);
  width: 9px;
}
.MainList .MainList__buttonToFaqTop {
  padding-top: 50px;
}
.MainList .MainList__sideContentsInner {
  margin-top: 46px;
  width: 300px;
  min-width: 250px;
  background: #fff;
  border: 1px solid #d9dce0;
  box-shadow: 0 0 4px #d9dce0;
  padding: 34px 30px 30px;
  position: relative;
}
.MainList .MainList__sideContentsInner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  width: 38px;
  height: 5px;
  background-color: #0d3246;
}
.MainList .MainList__searchCategoryTitle {
  display: inline-block;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}
.MainList .MainList__searchCategoryTitle:before {
  content: url(../img/faq-list/MainList__side-searchCategory.svg);
  width: 14px;
  height: 14px;
  position: absolute;
  right: -20px;
  top: 2px;
}
.MainList .MainList__searchCategoryList {
  padding-top: 10px;
}
.MainList .MainList__searchCategoryListItem {
  color: #333;
  font-size: 13px;
  font-weight: bold;
  padding: 15px 12px 15px 15px;
  border-bottom: 1px solid #d8dce0;
  position: relative;
  overflow: hidden;
}
.MainList .MainList__searchCategoryListItem:before {
  content: "";
  position: absolute;
  left: -7px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 5.196px solid transparent;
  border-left: 6px solid #0d3246;
  border-bottom: 5.196px solid transparent;
  transition: 0.3s;
}
.MainList .MainList__searchCategoryListItem:hover:before {
  left: 5px;
}
.MainList .MainList__searchCategoryListItem:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(13, 50, 70, 0.02);
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
}
.MainList .MainList__searchCategoryListItem:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.MainList .MainList__sideContentsExchange {
  margin: 60px auto 0;
  text-align: center;
  max-width: 300px;
}
.MainList .MainList__sideContentsExchange img {
  transition: all 0.3s ease 0s;
  width: 100%;
  height: auto;
}
.MainList
  .MainList__sideContentsExchange:hover
  .MainList__sideContentsExchangeImage::after {
  background-color: rgba(0, 0, 0, 0.1);
}
.MainList
  .MainList__sideContentsExchange:hover
  .MainList__sideContentsExchangeContainer {
  transform: scale(1.05);
}
.MainList
  .MainList__sideContentsExchange:hover
  .MainList__sideContentsExchangeText {
  color: #333333;
}
.MainList .MainList__sideContentsExchange .MainList__sideContentsExchangeImage {
  box-shadow: 0 0 8px rgba(13, 50, 70, 0.1);
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.MainList
  .MainList__sideContentsExchange
  .MainList__sideContentsExchangeImage::after {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
}
.MainList .MainList__sideContentsExchange .MainList__sideContentsExchangeText {
  font-size: 12px;
  line-height: 1.4;
  font-weight: bold;
  color: #555556;
}

@media screen and (max-width: 949px) {
  .MainList .MainList__contentsContainer {
    display: block;
  }
  .MainList .MainList__mainContents {
    padding-top: 20px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .MainList .MainList__bgImage {
    display: none;
  }
  .MainList .MainList__container {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .MainList .MainList__title {
    font-size: 16px;
    padding-bottom: 15px;
  }
  .MainList .MainList__title:before {
    width: 16px;
    height: 16px;
    right: -24px;
  }
  .MainList .MainList__title:after {
    width: 30px;
  }
  .MainList .MainList__listItem {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
  }
  .MainList .MainList__listQuestion {
    font-size: 13px;
    padding-bottom: 10px;
  }
  .MainList .MainList__listQuestion:before {
    font-size: 13px;
    top: 0;
    left: -20px;
  }
  .MainList .MainList__listAnswer {
    font-size: 13px;
  }
  .MainList .MainList__listAnswer:before {
    font-size: 13px;
    top: 0;
    left: -20px;
  }
  .MainList .MainList__pagination {
    padding-top: 20px;
  }
  .MainList .MainList__buttonToFaqTop {
    padding-top: 30px;
  }
  .MainList .MainList__sideContentsInner {
    width: 100%;
  }
  .MainList .MainList__searchCategoryTitle {
    font-size: 13px;
  }
  .MainList .MainList__searchCategoryTitle:before {
    width: 13px;
    height: 13px;
  }
  .MainList .MainList__searchCategoryListItem {
    font-size: 12px;
  }
  .MainList .MainList__sideContentsExchange {
    margin: 30px auto 0;
    text-align: center;
  }
}

.Category {
  color: #333;
  position: relative;
}
.Category .Category__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: -1;
  overflow: hidden;
}
.Category .Category__bgImage img {
  position: absolute;
  top: 12%;
  right: -30%;
}
.Category .Category__container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 70px 20px 0;
}
.Category .Category__title {
  display: inline-block;
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 25px;
  position: relative;
}
.Category .Category__title:before {
  content: url("../img/faq/category/icon-category.svg");
  position: absolute;
  right: -50px;
  width: 33px;
  height: 36px;
}
.Category .Category__title:after {
  width: 50px;
  height: 2px;
  content: "";
  display: block;
  background-color: #0d3246;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1100px) {
  .Category .Category__title {
    font-size: 24px;
  }
  .Category .Category__title:before {
    width: 30px;
    height: 28px;
  }
}
.Category .Category__items {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2.4%;
}
.Category .Category__itemContainer {
  max-width: 380px;
  width: 30.93%;
  padding-top: 40px;
  margin-left: 2.4%;
}
.Category .Category__itemTitle {
  display: block;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #144f6e;
  padding-bottom: 13px;
  position: relative;
  transition: 0.3s;
}
.Category .Category__itemTitle::after {
  border-top: solid 2px #0d3246;
  border-right: solid 2px #0d3246;
  content: "";
  height: 6px;
  margin-left: 6px;
  position: absolute;
  right: 10px;
  top: 6px;
  transform: rotate(45deg);
  width: 6px;
  transition: 0.3s;
}
.Category .Category__itemTitle:hover {
  color: #144f6e;
}
.Category .Category__itemTitle:hover::after {
  right: 8px;
}
.Category .Category__itemList {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
}
.Category .Category__itemList a {
  display: block;
  padding: 8px 25px 8px 5px;
  position: relative;
  transition: 0.3s;
}
.Category .Category__itemList a:hover {
  color: #0d3246;
}
.Category .Category__itemList::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(13, 50, 70, 0.02);
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
}
.Category .Category__itemList::after {
  border-top: solid 2px #0d3246;
  border-right: solid 2px #0d3246;
  content: "";
  height: 6px;
  margin-left: 6px;
  width: 6px;
  position: absolute;
  right: 10px;
  top: 50%;
  opacity: 0;
  transform: translateY(-50%) rotate(45deg);
  transition: all 0.3s;
}
.Category .Category__itemList:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.Category .Category__itemList:hover::after {
  transition-delay: 0.3s;
  opacity: 1;
}
.Category .Category__itemMore {
  text-align: right;
  padding-top: 16px;
  padding-right: 15px;
}
.Category .Category__itemMoreText {
  color: #0d3246;
  font-size: 14px;
  font-weight: bold;
}
.Category .Category__itemMoreText:hover {
  text-decoration: underline;
}
.Category .Category__exchanges {
  padding-top: 52px;
  margin-left: -20px;
  display: flex;
}
.Category .Category__exchanges a {
  display: block;
  width: calc(25% - 20px);
  height: auto;
  text-align: center;
  margin-left: 20px;
}
.Category .Category__exchanges a:hover .Category__exchangesImage::after {
  background-color: rgba(0, 0, 0, 0.1);
}
.Category .Category__exchanges a:hover .Category__exchangeContainer {
  transform: scale(1.05);
}
.Category .Category__exchanges a:hover .Category__exchangesText {
  color: #333333;
}
.Category .Category__exchanges a .Category__exchangesImage {
  box-shadow: 0 0 8px rgba(13, 50, 70, 0.1);
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.Category .Category__exchanges a .Category__exchangesImage::after {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
}
.Category .Category__exchanges a .Category__exchangesText {
  font-size: 12px;
  line-height: 1.4;
  font-weight: bold;
  color: #555556;
}
.Category .Category__exchangeContainer {
  width: 100%;
  height: auto;
  transition: 0.3s;
}
.Category .Category__exchangeText {
  color: #333;
  opacity: 0.3;
  line-height: calc(24 / 14);
}

@media (max-width: 768px) {
  .Category .Category__bgImage {
    display: none;
  }
  .Category .Category__container {
    padding-top: 40px;
  }
  .Category .Category__title {
    font-size: 16px;
    padding-bottom: 15px;
  }
  .Category .Category__title:before {
    width: 16px;
    height: 16px;
    right: -24px;
  }
  .Category .Category__title:after {
    width: 30px;
  }
  .Category .Category__items {
    margin-left: -3%;
  }
  .Category .Category__itemContainer {
    padding-top: 20px;
    margin-left: 3%;
    width: 47%;
  }
  .Category .Category__itemTitle {
    font-size: 14px;
  }
  .Category .Category__itemList {
    font-size: 13px;
  }
  .Category .Category__itemMoreText {
    font-size: 13px;
  }
  .Category .Category__exchanges {
    padding-top: 30px;
    flex-wrap: wrap;
  }
  .Category .Category__exchanges a {
    width: calc(50% - 20px);
  }
  .Category .Category__exchanges a:nth-child(-n + 2) {
    margin-bottom: 20px;
  }
  .Category .Category__exchangeContainer {
    width: 100%;
  }
}

@media (max-width: 450px) {
  .Category .Category__items {
    margin-left: 0;
  }
  .Category .Category__itemContainer {
    margin-left: 0;
    width: 100%;
  }
  .Category .Category__exchanges {
    padding-top: 30px;
  }
  .Category .Category__exchanges a {
    width: 100%;
    margin-bottom: 20px;
  }
  .Category .Category__exchanges a:nth-child(4) {
    margin-bottom: 0;
  }
  .Category .Category__exchangeContainer {
    width: 100%;
  }
}

.FaqMany {
  color: #333;
}
.FaqMany .FaqMany__container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 70px 20px 0;
}
.FaqMany .FaqMany__title {
  font-size: 28px;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 25px;
  position: relative;
}
.FaqMany .FaqMany__title:before {
  content: url("../img/faq/faq-many/icon-faq-many.svg");
  position: absolute;
  right: -50px;
  width: 35px;
  height: 32px;
}
.FaqMany .FaqMany__title:after {
  width: 50px;
  height: 2px;
  content: "";
  display: block;
  background-color: #0d3246;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1100px) {
  .FaqMany .FaqMany__title {
    font-size: 24px;
  }
  .FaqMany .FaqMany__title:before {
    width: 30px;
    height: 28px;
  }
}
.FaqMany .FaqMany__items {
  margin-top: 30px;
}
.FaqMany .FaqMany__itemContainer {
  border: 1px solid #d8dce0;
  border-radius: 2px;
  color: #0d3246;
  cursor: pointer;
}
.FaqMany .FaqMany__itemContainer:not(:last-child) {
  margin-bottom: 20px;
}
.FaqMany .FaqMany__itemContainer:hover {
  border: 1px solid #0d3246;
  transition: border 0.1s;
}
.FaqMany .FaqMany__itemContainer.-open {
  border: 1px solid #0d3246;
}
.FaqMany .FaqMany__itemHeader {
  align-items: baseline;
  display: flex;
  padding: 15px 20px 15px 58px;
  position: relative;
}
.FaqMany .FaqMany__itemHeader:before {
  position: absolute;
  left: 20px;
  content: "";
  background-image: url(../img/faq/faq-many/plus.svg);
  background-size: 100%;
  width: 18px;
  height: 18px;
}
.FaqMany .FaqMany__itemHeader.-open {
  background: rgba(13, 50, 70, 0.02);
  border-bottom: 1px solid #d8dce0;
}
.FaqMany .FaqMany__itemHeader.-open:before {
  position: absolute;
  left: 20px;
  content: "";
  background-image: url(../img/faq/faq-many/minus.svg);
  background-size: 100%;
  width: 18px;
  height: 18px;
}
.FaqMany .FaqMany__itemCategory {
  border: 1px solid #0d3246;
  border-radius: 2px;
  font-size: 10px;
  font-weight: bold;
  padding: 3px 10px;
}
.FaqMany .FaqMany__itemDescription {
  font-size: 14px;
  font-weight: bold;
  padding-left: 15px;
}
.FaqMany .FaqMany__itemBody {
  color: #333;
  display: none;
  font-size: 14px;
  font-weight: 500;
  padding: 20px 30px 24px;
}
.FaqMany .FaqMany__itemBody > p {
  margin-bottom: 20px;
  line-height: 1.75;
}
.FaqMany .FaqMany__itemBody > p:last-child {
  margin-bottom: 0;
}
.FaqMany .FaqMany__itemBody > p a {
  color: #185d83;
}
.FaqMany .FaqMany__itemBody > p a:hover {
  text-decoration: underline;
}
.FaqMany .FaqMany__itemImage--01 {
  max-width: 350px;
}

@media (max-width: 768px) {
  .FaqMany .FaqMany__container {
    padding-top: 40px;
  }
  .FaqMany .FaqMany__title {
    font-size: 16px;
    padding-bottom: 15px;
  }
  .FaqMany .FaqMany__title:before {
    width: 16px;
    height: 16px;
    right: -24px;
  }
  .FaqMany .FaqMany__title:after {
    width: 30px;
  }
  .FaqMany .FaqMany__items {
    margin-top: 20px;
  }
  .FaqMany .FaqMany__itemDescription {
    font-size: 13px;
  }
  .FaqMany .FaqMany__itemBody {
    font-size: 13px;
    padding: 20px 15px;
  }
}

@media (max-width: 450px) {
  .FaqMany .FaqMany__itemHeader {
    padding: 15px;
  }
  .FaqMany .FaqMany__itemHeader:before {
    left: 8px;
    display: none;
  }
  .FaqMany .FaqMany__itemHeader.-open:before {
    left: 8px;
  }
  .FaqMany .FaqMany__itemDescription {
    padding-left: 8px;
    line-height: 1.5;
    width: calc(100% - 80px);
  }
}

.ViewMovie {
  color: #333;
}
.ViewMovie .ViewMovie__container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 70px 20px 60px;
}
.ViewMovie .ViewMovie__title {
  display: inline-block;
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 25px;
  position: relative;
}
.ViewMovie .ViewMovie__title:before {
  content: url("../img/faq/movie/icon-view-movie.svg");
  position: absolute;
  right: -50px;
  width: 37px;
  height: 34px;
}
.ViewMovie .ViewMovie__title:after {
  width: 50px;
  height: 2px;
  content: "";
  display: block;
  background-color: #0d3246;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1100px) {
  .ViewMovie .ViewMovie__title {
    font-size: 24px;
  }
  .ViewMovie .ViewMovie__title:before {
    width: 30px;
    height: 28px;
  }
}
.ViewMovie .ViewMovie__slider {
  padding-top: 40px;
  margin: 0 -15px 31.5px;
}
.ViewMovie .ViewMovie__slideContainer {
  max-width: 380px;
  margin: 0 15px 0;
  display: block;
}
.ViewMovie .ViewMovie__slideImage {
  margin-bottom: 15px;
  box-shadow: 0 0 8px rgba(13, 50, 70, 0.3);
}
.ViewMovie .ViewMovie__slideImageInner {
  overflow: hidden;
  position: relative;
}
.ViewMovie .ViewMovie__slideImageInner img {
  max-width: 100%;
  transition: 0.3s;
}
.ViewMovie .ViewMovie__slideImageInner::before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: 0.3s;
}
.ViewMovie .ViewMovie__slideImageInner::after {
  width: 48px;
  height: 48px;
  content: "";
  display: block;
  background: url(../img/faq/movie/slideImagePlayback.svg) no-repeat center
    center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
}
.ViewMovie .ViewMovie__slideText {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  color: #555556;
  margin-bottom: 8px;
}
.ViewMovie .ViewMovie__categoryContainer {
  display: flex;
  align-items: center;
}
.ViewMovie .ViewMovie__category {
  font-size: 11px;
  color: #144f6e;
  font-weight: bold;
  line-height: 0;
}
.ViewMovie .ViewMovie__categoryDate {
  font-size: 12px;
  color: #555556;
  font-weight: bold;
}
.ViewMovie .ViewMovie__categoryLine {
  width: 0.5px;
  height: 8px;
  margin: 0 8px;
  background-color: #555556;
  line-height: 0;
}
.ViewMovie .ViewMovie__slideContainer:hover .ViewMovie__slideImageInner img {
  transform: scale(1.05);
}
.ViewMovie
  .ViewMovie__slideContainer:hover
  .ViewMovie__slideImageInner::before {
  background-color: rgba(0, 0, 0, 0.1);
}
.ViewMovie .ViewMovie__slideContainer:hover .ViewMovie__slideImageInner::after {
  transform: scale(0.9) translate(-55%, -55%);
}
.ViewMovie .ViewMovie__slideContainer:hover .ViewMovie__slideText {
  color: #333;
}
.ViewMovie .ViewMovie__slideCategory {
  display: none;
}
.ViewMovie .ViewMovie__slideDotsContainer {
  max-width: 1230px;
  margin: 0 auto 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ViewMovie .ViewMovie__slideDots {
  width: 100%;
  margin-right: 30px;
  max-width: 1078px;
}
.ViewMovie .ViewMovie__slideArrow {
  width: 85px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.ViewMovie .ViewMovie__slideArrow img {
  max-width: 25px;
}
.ViewMovie .ViewMovie__slideArrow img:first-child {
  margin-right: 20px;
}

@media (max-width: 950px) {
  .Movie .Movie__slideText {
    font-size: 13px;
    line-height: 1.6;
  }
}

@media (max-width: 768px) {
  .ViewMovie .ViewMovie__container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .ViewMovie .ViewMovie__title {
    font-size: 16px;
    padding-bottom: 15px;
  }
  .ViewMovie .ViewMovie__title:before {
    width: 16px;
    height: 16px;
    right: -24px;
  }
  .ViewMovie .ViewMovie__title:after {
    width: 30px;
  }
  .ViewMovie .ViewMovie__slider {
    padding-top: 20px;
    margin-bottom: 25px;
  }
  .ViewMovie .ViewMovie__slideContainer {
    max-width: 648px;
    margin: 0 10px 0;
  }
  .ViewMovie .ViewMovie__slideImage {
    margin-bottom: 10px;
  }
  .ViewMovie .slick-dots {
    padding-left: 0;
  }
  .ViewMovie .ViewMovie__slideDotsContainer {
    margin-bottom: 30px;
  }
  .ViewMovie .ViewMovie__slideArrow {
    margin-right: 0;
    padding-right: 0;
    width: 70px;
  }
}

.Footer {
  padding: 25px 20px 40px;
  background-color: #0d3246;
}

.Footer__container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.Footer__listsContainer {
  max-width: 860px;
  width: 100%;
  margin-top: 20px;
  margin-right: 20px;
  display: flex;
  justify-content: space-between;
}

.Footer__listsInner {
  max-width: 580px;
  flex-shrink: 0;
}

.Footer__lists li a,
.Footer__copyRightPc small,
.Footer__sns p,
.Footer__copyRightSp small {
  color: #fff;
  line-height: 1.75;
  letter-spacing: 0;
}

.Footer__lists {
  margin-left: -15px;
  margin-bottom: 11px;
  display: flex;
  justify-content: space-between;
}
.Footer__lists li {
  position: relative;
}
.Footer__lists li:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.Footer__lists li::before {
  width: 1px;
  height: 12px;
  content: "";
  display: block;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.Footer__lists li:first-child::before {
  display: none;
}
.Footer__lists li::after {
  width: calc(100% - 30px);
  content: "";
  display: block;
  position: absolute;
  border-bottom: 1px solid #fff;
  bottom: -5px;
  left: 15px;
  transition: 0.3s;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
}
.Footer__lists li a {
  padding: 0 15px;
  font-size: 13px;
  font-weight: bold;
}

.Footer__copyRightPc small {
  font-size: 12px;
  font-weight: 500;
}

.Footer__logo {
  max-width: 225px;
  margin-right: 20px;
  order: -1;
}
.Footer__logo > img {
  width: 225px;
}

.Footer__sns {
  flex-shrink: 0;
}
.Footer__sns p {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.Footer__sns .Footer__snsIcon {
  margin-right: 10px;
  position: relative;
  display: inline-block;
}
.Footer__sns .Footer__snsIcon img {
  max-width: 24px;
}
.Footer__sns .Footer__snsIcon:last-child {
  margin-right: 0;
}
.Footer__sns .Footer__snsIcon::after {
  width: 32px;
  height: 32px;
  content: "";
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.2s;
}
.Footer__sns .Footer__snsIcon:hover::after {
  transform: translate(-50%, -50%) scale(1);
}

.Footer__copyRightSp {
  display: none;
}

.ToTop {
  width: 24px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.ToTop.-active {
  opacity: 0.5;
}
.ToTop:hover {
  opacity: 1;
}

@media screen and (max-width: 949px) {
  .Footer {
    padding: 25px 20px 25px;
  }
  .Footer__listsContainer {
    margin-top: 0;
    flex-wrap: wrap;
  }
  .Footer__logo {
    max-width: 180px;
    margin-bottom: 20px;
  }
  .Footer__logo > img {
    width: 180px;
  }
  .Footer__lists {
    justify-content: flex-start;
  }
  .Footer__listsInner {
    width: 100%;
  }
  .Footer__sns p {
    line-height: 1;
    margin-bottom: 15px;
  }
}

/*-- @media(max-width:768px) --*/
@media (max-width: 768px) {
  .Footer {
    padding: 0 0 20px;
  }
  .Footer__container {
    display: block;
  }
  .Footer__listsContainer {
    margin-bottom: 15.5px;
    display: block;
  }
  .Footer__listsInner {
    max-width: none;
    margin-bottom: 40px;
  }
  .Footer__lists {
    flex-wrap: wrap;
    margin-left: 0;
  }
  .Footer__lists li {
    width: 50%;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .Footer__lists li:nth-child(3) {
    width: 100%;
  }
  .Footer__lists li::before {
    display: none;
  }
  .Footer__lists li::after {
    display: none;
  }
  .Footer__lists li:nth-child(even) {
    border-right: 0;
  }
  .Footer__lists li a {
    padding: 24px 10px 23px;
    font-size: 14px;
    text-align: center;
    display: block;
  }
  .Footer__copyRightPc {
    display: none;
  }
  .Footer__logo {
    max-width: 180px;
    margin: 0 auto;
    text-align: center;
  }
  .Footer__logo img {
    max-width: 180px;
    text-align: center;
    margin: 0 auto 20px;
    display: block;
  }
  .Footer__sns {
    margin-bottom: 20px;
    text-align: center;
  }
  .Footer__sns p {
    font-size: 12px;
    margin-bottom: 12px;
  }
  .Footer__copyRightSp {
    text-align: center;
    display: block;
  }
  .Footer__copyRightSp small {
    font-size: 10px;
  }
}

@media (max-width: 450px) {
  .Footer__lists li a {
    font-size: 12px;
  }
}

@media (max-width: 380px) {
  .Footer__lists li a {
    font-size: 10px;
  }
}

/*-- SPメニュー表示時スクロールをさせない --*/
.no-scroll {
  overflow: hidden;
}

/*-- Header設定 --*/
/*-- PC設定 --*/
.Header__containerPc {
  margin: 0 auto;
  position: relative;
  /*-- インフォメーション設定 --*/
  /*-- PC MainMenu設定 --*/
  /*-- Global navigation 設定 --*/
}
.Header__containerPc .Header__bgMask {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 100%;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 3;
  background-color: black;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.Header__containerPc .Header__bgMask.active {
  visibility: visible;
  opacity: 0.5;
}
.Header__containerPc .Header__inner {
  max-width: 1240px;
  padding: 20px 20px 30px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.Header__containerPc .Header__logo {
  max-width: 207px;
}
.Header__containerPc .Header__logo img {
  width: 100%;
}
.Header__containerPc .Header__informationList {
  display: flex;
}
.Header__containerPc .Header__informationList li {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.75;
  display: flex;
  align-items: center;
  position: relative;
}
.Header__containerPc .Header__informationList li img {
  margin-left: 7px;
  height: 10px;
}
.Header__containerPc .Header__informationList li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 0 20px;
  transition: color 0.3s;
  word-break: keep-all;
}
.Header__containerPc .Header__informationList li a:hover {
  color: #144f6e;
}
.Header__containerPc .Header__informationList li::before {
  height: 12px;
  content: "";
  display: block;
  border-right: 1px solid #d9dde1;
  position: absolute;
  left: 0;
}
.Header__containerPc .Header__informationList li::after {
  width: calc(100% - 40px);
  position: absolute;
  bottom: -4px;
  left: 20px;
  content: "";
  height: 2px;
  background: #0d3246;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.3s;
}
.Header__containerPc .Header__informationList li:first-child a {
  padding-left: 15px;
}
.Header__containerPc .Header__informationList li:first-child::after {
  width: calc(100% - 20px);
  left: 0;
}
.Header__containerPc .Header__informationList li:first-child::before {
  width: 10px;
  height: 10px;
  content: "";
  display: block;
  background-size: contain;
  border-right: 0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-5px);
}
.Header__containerPc .Header__informationList li:last-child a {
  padding-right: 0;
  border-right: 0;
}
.Header__containerPc .Header__informationList li:last-child::after {
  width: calc(100% - 20px);
  right: 0;
}
.Header__containerPc .Header__informationList li:last-child:hover::after {
  left: 20px;
}
.Header__containerPc .Header__mainMenu {
  border-bottom: 1px solid #d9dde1;
  z-index: 100;
}
.Header__containerPc .Header__mainMenuLogoLink {
  display: none;
  width: 140px;
  height: auto;
}
.Header__containerPc .Header__mainMenuLogoLink .Header__mainMenuLogoImage {
  width: 100%;
  height: 100%;
}
.Header__containerPc .Header__menuList {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.Header__containerPc .Header__menuTitle {
  width: 20%;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}
.Header__containerPc .Header__menuTitle > a {
  padding-bottom: 7px;
  width: 100%;
  height: 27px;
  line-height: 1.7;
  box-sizing: border-box;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all 0.3s ease;
}
.Header__containerPc .Header__menuTitle > a:hover {
  color: #144f6e;
}
.Header__containerPc .Header__menuTitle > a::before {
  width: 1px;
  height: 27px;
  content: "";
  display: block;
  background-color: #d9dde1;
  position: absolute;
  left: 0;
}
.Header__containerPc .Header__menuTitle:first-child > a::after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #0d3246;
  border-left: 5px solid transparent;
  position: absolute;
  bottom: -8px;
  right: calc(50% - 6px);
  opacity: 0;
  transition: all 0.4s 0.4s;
}
.Header__containerPc .Header__menuTitle > a:hover::after {
  opacity: 1;
  bottom: -2px;
}
.Header__containerPc .Header__menuTitle:last-child > a:hover::after {
  top: 0;
  right: 0;
  border: 0;
}
.Header__containerPc .HeaderMainMenu__blueBar {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #0d3246;
  z-index: 7;
  transition: height 0s ease 0.4s;
}
.Header__containerPc .HeaderMainMenu__blueBar.active {
  height: 3px;
  transition: height 0.2s;
}
.Header__containerPc .HeaderMainMenu__Container.initHeightCheck {
  z-index: 0;
  height: auto;
}
.Header__containerPc .HeaderMainMenu__Container {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0 20px;
  width: 100%;
  height: 0;
  overflow: hidden;
  border-top: solid #0d3246;
  border-top-width: 0px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 100;
  transition: all 0.3s ease;
  background: linear-gradient(
    90deg,
    #0d3246 0%,
    #0d3246 20%,
    #fff 20%,
    #fff 100%
  );
  /*-- Category product --*/
  /*-- Category about --*/
  /*-- Category special Contents --*/
  /*-- Category FAQ Contents --*/
}
.Header__containerPc .HeaderMainMenu__Container .TabContentPanel {
  margin: 0 auto;
  display: flex;
  width: 100%;
  height: 0;
  max-width: 1200px;
  transition: all 0.3s ease;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__descriptionContainer {
  position: relative;
  width: 20%;
  min-width: 220px;
  color: #fff;
  background-color: #0d3246;
  box-sizing: border-box;
  padding: 47px 30px 50px 0;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__descriptionContainer
  .fadeMask {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #0d3246;
  z-index: 5;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__descriptionContainer
  .HeaderCategoryMenu__descriptionInner {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease 0.2s;
  /*-- Category heading --*/
  /*-- Category sub heading --*/
  /*-- Category description --*/
  /*-- Category ToTop --*/
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__descriptionContainer
  .HeaderCategoryMenu__descriptionInner
  .HeaderCategoryMenu__descriptionTitle {
  margin-bottom: 15px;
  padding-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.04em;
  position: relative;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__descriptionContainer
  .HeaderCategoryMenu__descriptionInner
  .HeaderCategoryMenu__descriptionTitle::after {
  width: 30px;
  height: 3px;
  content: "";
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__descriptionContainer
  .HeaderCategoryMenu__descriptionInner
  .HeaderCategoryMenu__descriptionSubTitle {
  margin-bottom: 50px;
  font-size: 14px;
  font-weight: bold;
  line-height: 2;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__descriptionContainer
  .HeaderCategoryMenu__descriptionInner
  .HeaderCategoryMenu__description {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.04em;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__descriptionContainer
  .HeaderCategoryMenu__descriptionInner
  .HeaderCategoryMenu__descriptionToTop {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 50px;
  width: calc(100% - 30px);
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.75;
  z-index: 2;
  transition: color 0.3s ease 0s;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__descriptionContainer
  .HeaderCategoryMenu__descriptionInner
  .HeaderCategoryMenu__descriptionToTop:hover {
  color: #0d3246;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__descriptionContainer
  .HeaderCategoryMenu__descriptionInner
  .HeaderCategoryMenu__descriptionToTop:hover::before {
  background-color: #0d3246;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__descriptionContainer
  .HeaderCategoryMenu__descriptionInner
  .HeaderCategoryMenu__descriptionToTop:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__descriptionContainer
  .HeaderCategoryMenu__descriptionInner
  .HeaderCategoryMenu__descriptionToTop::before {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  content: "";
  display: block;
  background-color: #fff;
  -webkit-mask-image: url("../img/header/HeaderCategoryMenu__descriptionToTopArrow.svg");
  mask-image: url(http://kenjimorita.jp/canvas/logo.svg);
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  transition: all 0.3s ease 0.2s;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__descriptionContainer
  .HeaderCategoryMenu__descriptionInner
  .HeaderCategoryMenu__descriptionToTop:after {
  content: "";
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s ease-in-out;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__Container {
  position: relative;
  width: 80%;
  background-color: #fff;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__Container
  .fadeMask {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: white;
  z-index: 5;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner {
  visibility: hidden;
  opacity: 0;
  padding: 19px 0 50px;
  display: flex;
  box-sizing: border-box;
  transition: opacity 0.2s ease 0.2s;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__titleList {
  width: 100%;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__titleList
  .HeaderCategoryMenu__title {
  margin: 28px 0 0 40px;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__titleList
  .HeaderCategoryMenu__title
  h3 {
  padding-bottom: 7px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__titleList
  .HeaderCategoryMenu__title
  h3::before {
  width: 100%;
  height: 2px;
  content: "";
  background-color: #d9dde1;
  position: absolute;
  bottom: 0;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__titleList
  .HeaderCategoryMenu__title
  h3::after {
  width: 30px;
  height: 2px;
  content: "";
  background-color: #0d3246;
  position: absolute;
  left: 0;
  bottom: 0;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList
  .HeaderCategoryMenu__item {
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s;
  -webkit-font-smoothing: antialiased;
  position: relative;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList
  .HeaderCategoryMenu__item::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(13, 50, 70, 0.02);
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList
  .HeaderCategoryMenu__item:hover
  .HeaderCategoryMenu__link {
  color: #0d3246;
  position: relative;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList
  .HeaderCategoryMenu__item:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList
  .HeaderCategoryMenu__item:hover::after {
  transition-delay: 0.3s;
  opacity: 1;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList
  .HeaderCategoryMenu__item
  .HeaderCategoryMenu__link {
  min-height: 30px;
  padding: 5px 0 5px 10px;
  line-height: 1.5;
  display: block;
  box-sizing: border-box;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList
  .HeaderCategoryMenu__item
  .HeaderCategoryMenu__link::after {
  display: none;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList
  .HeaderCategoryMenu__item::after {
  width: 7.5px;
  height: 12px;
  content: "";
  display: block;
  background: url(../img/header/HeaderCategoryMenu__itemArrow.png) no-repeat
    center;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 50%;
  opacity: 0;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.Header__containerPc .HeaderMainMenu__Container .TabContentPanel.active {
  height: auto;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel.active
  .HeaderCategoryMenu__descriptionContainer
  .HeaderCategoryMenu__descriptionInner {
  visibility: visible;
  opacity: 1;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .TabContentPanel.active
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner {
  visibility: visible;
  opacity: 1;
}
.Header__containerPc .HeaderMainMenu__Container .HeaderMainMenu__product.show {
  display: flex;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__about
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner {
  display: block;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__about
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__titleList {
  display: flex;
  flex-wrap: wrap;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__about
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__titleList
  .HeaderCategoryMenu__title {
  width: 100%;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__about
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList {
  display: flex;
  flex-wrap: wrap;
  margin-left: -21px;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__about
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList
  .HeaderCategoryMenu__item {
  width: calc(33% - 20px);
  margin-left: 20px;
  border-top: 1px solid #e5e5e5;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__about
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList
  .HeaderCategoryMenu__item
  .HeaderCategoryMenu__link {
  padding: 16px 0 16px 10px;
  line-height: 1.7;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__about
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList
  .HeaderCategoryMenu__item:nth-child(-n + 3) {
  border-top: 0;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__about
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__titleList.-about-sailor
  .HeaderCategoryMenu__item {
  border-top: 0;
  border-bottom: 1px solid #e5e5e5;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__about
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__titleList.-about-sailor
  .HeaderCategoryMenu__item:nth-child(3n):nth-last-child(-n + 4)
  ~ .HeaderCategoryMenu__item {
  border-bottom: 0;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__specialContents
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner {
  display: block;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__specialContents
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__titleList {
  display: flex;
  flex-wrap: wrap;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__specialContents
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__titleList
  .HeaderCategoryMenu__title {
  width: 100%;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__specialContents
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList {
  display: flex;
  flex-wrap: wrap;
  margin-left: -21px;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__specialContents
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList
  .HeaderCategoryMenu__item {
  width: calc(33% - 20px);
  margin-left: 20px;
  border-top: 1px solid #e5e5e5;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__specialContents
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList
  .HeaderCategoryMenu__item
  .HeaderCategoryMenu__link {
  padding: 16px 0 16px 10px;
  line-height: 1.7;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__specialContents
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList
  .HeaderCategoryMenu__item:nth-child(-n + 3) {
  border-top: 0;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__specialContents
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__titleList.-topics
  .HeaderCategoryMenu__item:nth-child(3) {
  border-bottom: 1px solid #e5e5e5;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__faq
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList {
  margin-left: -20px;
  display: flex;
  flex-wrap: wrap;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__faq
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList
  .HeaderCategoryMenu__item {
  width: calc(33% - 20px);
  margin-left: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__faq
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList
  .HeaderCategoryMenu__item
  .HeaderCategoryMenu__link {
  padding: 16px 0 16px 10px;
  line-height: 1.7;
}
.Header__containerPc
  .HeaderMainMenu__Container
  .HeaderMainMenu__faq
  .HeaderCategoryMenu__Container
  .HeaderCategoryMenu__Inner
  .HeaderCategoryMenu__itemList
  .HeaderCategoryMenu__item:nth-child(3n):nth-last-child(-n + 4)
  ~ .HeaderCategoryMenu__item {
  border-bottom: 0;
}
.Header__containerPc .Header__mainMenu.-isFixed {
  display: none;
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  background: white;
}
.Header__containerPc .Header__mainMenu.-isFixed .Header__mainMenuInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
}
.Header__containerPc
  .Header__mainMenu.-isFixed
  .Header__mainMenuInner
  .Header__mainMenuLogoLink {
  display: flex;
  align-items: center;
  float: left;
}
.Header__containerPc
  .Header__mainMenu.-isFixed
  .Header__mainMenuInner
  .Header__menuList {
  position: relative;
  background-color: white;
  padding: 0 0 0 20px;
  height: 50px;
  margin: 0;
  justify-content: flex-end;
}
.Header__containerPc
  .Header__mainMenu.-isFixed
  .Header__mainMenuInner
  .Header__menuList
  .Header__menuTitle {
  width: initial;
  margin-right: 50px;
  height: 100%;
}
.Header__containerPc
  .Header__mainMenu.-isFixed
  .Header__mainMenuInner
  .Header__menuList
  .Header__menuTitle
  > a {
  height: 100%;
  padding: 0;
  font-size: 12px;
}
.Header__containerPc
  .Header__mainMenu.-isFixed
  .Header__mainMenuInner
  .Header__menuList
  .Header__menuTitle
  > a::before {
  display: none;
}
.Header__containerPc
  .Header__mainMenu.-isFixed
  .Header__mainMenuInner
  .Header__menuList
  .Header__menuTitle:last-child {
  margin-right: 0;
}
.Header__containerPc
  .Header__mainMenu.-isFixed
  .Header__mainMenuInner
  .Header__menuList
  .Header__menuTitle:last-child
  > a::after {
  display: none;
}
.Header__containerPc
  .Header__mainMenu.-isFixed
  .Header__mainMenuInner
  .HeaderMainMenu__Container {
  position: fixed;
  top: 50px;
}

.Header__containerSp {
  display: none;
}

@media (max-width: 1200px) {
  .Header__containerPc .Header__mainMenuLogoLink {
    width: 160px;
    padding-left: 20px;
  }
  .Header__containerPc
    .Header__mainMenu.-isFixed
    .Header__mainMenuInner
    .Header__menuList
    .Header__menuTitle {
    margin-right: 40px;
  }
  .Header__containerPc
    .Header__mainMenu.-isFixed
    .Header__mainMenuInner
    .Header__menuList
    .Header__menuTitle:last-child {
    margin-right: 40px;
  }
}

/*-- @media(max-width 1100px) --*/
@media (max-width: 1100px) {
  .Header__containerPc {
    /*-- Main Menu Title --*/
  }
  .Header__containerPc .Header__menuTitle {
    font-size: 11px;
  }
}

@media (max-width: 1200px) {
  .Header__containerPc {
    /*-- Global navigation 設定 --*/
  }
  .Header__containerPc .HeaderMainMenu__Container {
    padding: 0 30px;
    /*-- Category product --*/
    /*-- Category about --*/
    /*-- Category special Contents --*/
    /*-- Category FAQ Contents --*/
  }
  .Header__containerPc
    .HeaderMainMenu__Container
    .TabContentPanel
    .HeaderCategoryMenu__descriptionContainer
    .HeaderCategoryMenu__descriptionInner
    .HeaderCategoryMenu__descriptionSubTitle {
    margin-bottom: 32px;
  }
  .Header__containerPc
    .HeaderMainMenu__Container
    .TabContentPanel
    .HeaderCategoryMenu__Container {
    width: 100%;
  }
  .Header__containerPc
    .HeaderMainMenu__Container
    .TabContentPanel
    .HeaderCategoryMenu__Container
    .HeaderCategoryMenu__Inner
    .HeaderCategoryMenu__titleList
    .HeaderCategoryMenu__title {
    margin: 28px 0 0 20px;
  }
  .Header__containerPc
    .HeaderMainMenu__Container
    .TabContentPanel
    .HeaderCategoryMenu__Container
    .HeaderCategoryMenu__Inner
    .HeaderCategoryMenu__titleList
    .HeaderCategoryMenu__title
    > h3 {
    font-size: 13px;
  }
  .Header__containerPc
    .HeaderMainMenu__Container
    .TabContentPanel
    .HeaderCategoryMenu__Container
    .HeaderCategoryMenu__Inner
    .HeaderCategoryMenu__itemList
    .HeaderCategoryMenu__item {
    font-size: 12px;
  }
  .Header__containerPc
    .HeaderMainMenu__Container
    .HeaderMainMenu__product
    .HeaderCategoryMenu__Container
    .HeaderCategoryMenu__Inner
    .HeaderCategoryMenu__titleList {
    width: 25%;
  }
  .Header__containerPc
    .HeaderMainMenu__Container
    .HeaderMainMenu__about
    .HeaderCategoryMenu__Container
    .HeaderCategoryMenu__Inner
    .HeaderCategoryMenu__titleList
    .HeaderCategoryMenu__item
    .HeaderCategoryMenu__link {
    padding: 12px 0 12px 10px;
  }
  .Header__containerPc
    .HeaderMainMenu__Container
    .HeaderMainMenu__specialContents
    .HeaderCategoryMenu__Container
    .HeaderCategoryMenu__Inner
    .HeaderCategoryMenu__itemList
    .HeaderCategoryMenu__item
    .HeaderCategoryMenu__link {
    padding: 12px 0 12px 10px;
  }
  .Header__containerPc
    .HeaderMainMenu__Container
    .HeaderMainMenu__faq
    .HeaderCategoryMenu__Container
    .HeaderCategoryMenu__Inner
    .HeaderCategoryMenu__itemList
    .HeaderCategoryMenu__item
    .HeaderCategoryMenu__link {
    padding: 12px 0 12px 10px;
  }
}

/*-- @media(max-width:650px) --*/
@media (max-width: 768px) {
  /*-- PC Menu 設定 --*/
  .Header {
    padding-top: 60px;
  }
  .Header__containerPc {
    display: none;
  }
  /*-- SP設定 --*/
  .Header__containerSp {
    display: block;
    position: fixed;
    top: 0;
    background-color: white;
    z-index: 100;
    /*-- MainMenu --*/
    /*-- Main Menu List設定 --*/
    /*--Main Menu Footer設定 --*/
    /*-- CategoryMenu --*/
    /*-- 商品情報&企業情報設定 --*/
    /*-- 特集&FAQ設定 --*/
  }
  .Header__containerSp .Header__inner {
    width: 100vw;
    height: 60px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 1px solid #d8dce0;
  }
  .Header__containerSp .Header__humContainer {
    width: 33px;
    height: 40px;
    margin-top: 12px;
    background-size: contain;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    cursor: pointer;
    position: relative;
    z-index: 2;
  }
  .Header__containerSp .Header__humContainer .Header__hamburgerMenuTitle {
    height: 100%;
  }
  .Header__containerSp
    .Header__humContainer
    .Header__hamburgerMenuTitle
    .Header__hamburgerMenuIcon
    span {
    display: block;
    margin: 0 auto;
    height: 2px;
    background-color: #0d3246;
    border-radius: 2px;
  }
  .Header__containerSp
    .Header__humContainer
    .Header__hamburgerMenuTitle
    .Header__hamburgerMenuIcon
    span:first-child {
    margin-top: 2px;
    width: 16px;
  }
  .Header__containerSp
    .Header__humContainer
    .Header__hamburgerMenuTitle
    .Header__hamburgerMenuIcon
    span:nth-child(2) {
    width: 20px;
    margin-top: 4px;
    opacity: 1;
  }
  .Header__containerSp
    .Header__humContainer
    .Header__hamburgerMenuTitle
    .Header__hamburgerMenuIcon
    span:last-child {
    margin-top: 4px;
    width: 16px;
  }
  .Header__containerSp
    .Header__humContainer.-active
    .Header__hamburgerMenuTitle {
    display: none;
  }
  .Header__containerSp
    .Header__humContainer.-active
    .Header__hamburgerMenuClose {
    display: block;
  }
  .Header__containerSp .Header__hamburgerMenuClose {
    display: none;
  }
  .Header__containerSp .Header__logo {
    width: 140px;
    margin-left: -4px;
  }
  .Header__containerSp .Header__logo img {
    width: 100%;
  }
  .Header__containerSp .Header__search {
    width: 20px;
  }
  .Header__containerSp .Header__search img {
    width: 100%;
    display: none;
  }
  .Header__containerSp .Header__mainMenuBg {
    width: 100vw;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    background-color: #363636;
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }
  .Header__containerSp .Header__mainMenuBg.-active {
    opacity: 0.5;
    visibility: visible;
  }
  .Header__containerSp .Header__mainMenu {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    max-width: 400px;
    padding: 0 0 10px;
    background-color: #0d3246;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    overflow: hidden;
    z-index: 3;
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
      visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .Header__containerSp .Header__mainMenu .HeaderMainMenu__logo {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }
  .Header__containerSp .Header__mainMenu.-active {
    transform: translateX(0);
  }
  .Header__containerSp .Header__mainMenu.-active .HeaderMainMenu__logo,
  .Header__containerSp .Header__mainMenu.-active .Header__menuList,
  .Header__containerSp .Header__mainMenu.-active .HeaderMainMenu__footer {
    transform: translateX(0);
    opacity: 1;
  }
  .Header__containerSp .Header__mainMenu .Header__mainMenuClose {
    width: 33px;
    height: 40px;
    margin-top: 14px;
    margin-left: 20px;
    background: url(../img/header/Header__humBg.png) no-repeat center;
    background-size: contain;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    cursor: pointer;
    position: relative;
    z-index: 4;
  }
  .Header__containerSp .Header__mainMenu .Header__mainMenuClose span {
    display: block;
    margin: 0 auto;
    height: 2px;
    background-color: #0d3246;
    border-radius: 2px;
  }
  .Header__containerSp
    .Header__mainMenu
    .Header__mainMenuClose
    span:first-child {
    transform: rotate(-45deg) translate(-7px, 6px);
    margin-top: 2px;
    width: 16px;
  }
  .Header__containerSp
    .Header__mainMenu
    .Header__mainMenuClose
    span:nth-child(2) {
    opacity: 0;
    width: 20px;
    margin-top: 4px;
  }
  .Header__containerSp
    .Header__mainMenu
    .Header__mainMenuClose
    span:last-child {
    transform: rotate(45deg) translate(-2px, -2px);
    margin-top: 4px;
    width: 16px;
  }
  .Header__containerSp .Header__mainMenu .Header__mainMenuClose img {
    width: 20px;
    height: 4px;
    position: relative;
    top: -2px;
  }
  .Header__containerSp .HeaderMainMenu__logo {
    height: 60px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 0.6s cubic-bezier(0.47, 0.11, 0.32, 0.99) 0.1s,
      opacity 0.6s ease 0.3s;
  }
  .Header__containerSp .HeaderMainMenu__logo img {
    width: 140px;
  }
  .Header__containerSp .HeaderMainMenuSP {
    width: 100%;
    height: calc(100vh - 70px);
    height: calc(var(--vh, 1vh) * 100 - 70px);
    position: relative;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .Header__containerSp .Header__menuContainer::-webkit-scrollbar {
    display: none;
  }
  .Header__containerSp .Header__menuContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    overflow-y: scroll;
    transition: transform 0.3s ease;
  }
  .Header__containerSp .Header__menuContainer.-hide {
    transform: translateX(-100%);
  }
  .Header__containerSp .Header__menuList {
    margin-top: 6vh;
    width: 100%;
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 0.6s cubic-bezier(0.47, 0.11, 0.32, 0.99) 0.1s,
      opacity 0.6s ease 0.3s;
  }
  .Header__containerSp .Header__menuTitle {
    padding: 17.5px 20px;
    margin: 0 15px;
    height: 50px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    position: relative;
    cursor: pointer;
  }
  .Header__containerSp .Header__menuTitle::after {
    width: 10px;
    height: 10px;
    content: "";
    display: block;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: rotate(45deg) translateY(-50%);
  }
  .Header__containerSp .Header__menuTitle a {
    color: #fff;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    line-height: 50px;
    padding-left: 20px;
  }
  .Header__containerSp .HeaderMainMenu__footer {
    width: 100%;
    margin-top: 6vh;
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 0.6s cubic-bezier(0.47, 0.11, 0.32, 0.99) 0.1s,
      opacity 0.6s ease 0.3s;
  }
  .Header__containerSp .HeaderMainMenu__footerLanguage {
    padding: 0 0 10px 20px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
  }
  .Header__containerSp .HeaderMainMenu__footerLanguage img {
    width: 12px;
    margin: 0 5px 2px 0;
  }
  .Header__containerSp .HeaderMainMenu__footerInner {
    padding-right: 15px;
  }
  .Header__containerSp .HeaderMainMenu__footerInformation {
    margin-bottom: 15px;
  }
  .Header__containerSp .HeaderMainMenu__footerInformation > li {
    text-align: right;
  }
  .Header__containerSp .HeaderMainMenu__footerInformation > li a {
    height: 25px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 25px;
    letter-spacing: 0;
  }
  .Header__containerSp .HeaderMainMenu__footerInformation > li a img {
    width: 15px;
    margin: 0 0 8px 8px;
  }
  .Header__containerSp .HeaderMainMenu__footerSns > p {
    margin-bottom: 10px;
    padding-right: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: right;
  }
  .Header__containerSp .HeaderMainMenu__footerSnsIcon {
    text-align: right;
    margin-bottom: 13px;
  }
  .Header__containerSp .HeaderMainMenu__footerSnsIcon img {
    width: 24px;
    margin-left: 7px;
  }
  .Header__containerSp .HeaderMainMenu__footerCopyright {
    text-align: right;
  }
  .Header__containerSp .HeaderMainMenu__footerCopyright > small {
    color: #fff;
    font-size: 10px;
  }
  .Header__containerSp .HeaderCategoryMenu__Container {
    position: relative;
    z-index: 100;
  }
  .Header__containerSp .HeaderMainMenu__product,
  .Header__containerSp .HeaderMainMenu__about,
  .Header__containerSp .HeaderMainMenu__specialContents,
  .Header__containerSp .HeaderMainMenu__faq {
    width: 100%;
    max-width: 400px;
    padding: 25px 0 40px;
    background-color: #0d3246;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(100%);
    transition: transform 0.3s ease 0s;
  }
  .Header__containerSp .HeaderMainMenu__product.-active,
  .Header__containerSp .HeaderMainMenu__about.-active,
  .Header__containerSp .HeaderMainMenu__specialContents.-active,
  .Header__containerSp .HeaderMainMenu__faq.-active {
    transform: translateX(0);
  }
  .Header__containerSp .HeaderMainMenu__product::webkit-scrollbar,
  .Header__containerSp .HeaderMainMenu__about::webkit-scrollbar,
  .Header__containerSp .HeaderMainMenu__specialContents::webkit-scrollbar,
  .Header__containerSp .HeaderMainMenu__faq::webkit-scrollbar {
    display: none;
  }
  .Header__containerSp .HeaderMainMenu__product .HeaderCategoryMenu__header,
  .Header__containerSp .HeaderMainMenu__product .HeaderCategoryMenu__titleList,
  .Header__containerSp
    .HeaderMainMenu__product
    .HeaderCategoryMenu__toCategoryTop,
  .Header__containerSp .HeaderMainMenu__about .HeaderCategoryMenu__header,
  .Header__containerSp .HeaderMainMenu__about .HeaderCategoryMenu__titleList,
  .Header__containerSp
    .HeaderMainMenu__about
    .HeaderCategoryMenu__toCategoryTop,
  .Header__containerSp
    .HeaderMainMenu__specialContents
    .HeaderCategoryMenu__header,
  .Header__containerSp
    .HeaderMainMenu__specialContents
    .HeaderCategoryMenu__titleList,
  .Header__containerSp
    .HeaderMainMenu__specialContents
    .HeaderCategoryMenu__toCategoryTop,
  .Header__containerSp .HeaderMainMenu__faq .HeaderCategoryMenu__header,
  .Header__containerSp .HeaderMainMenu__faq .HeaderCategoryMenu__titleList,
  .Header__containerSp .HeaderMainMenu__faq .HeaderCategoryMenu__toCategoryTop {
    transform: translateX(0);
    opacity: 1;
  }
  .Header__containerSp .HeaderCategoryMenu__header {
    width: 100%;
    margin-bottom: 35px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    opacity: 0;
    transform: translateX(-100%);
    transition: all 0.4s ease 0.2s;
  }
  .Header__containerSp .HeaderCategoryMenu__headerTitle {
    padding-bottom: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 2px solid #fff;
  }
  .Header__containerSp .HeaderCategoryMenu__returnInner {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    cursor: pointer;
  }
  .Header__containerSp .HeaderCategoryMenu__returnIcon {
    width: 35px;
    margin-right: 10px;
  }
  .Header__containerSp .HeaderCategoryMenu__returnHeading {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
  }
  .Header__containerSp .HeaderCategoryMenu__titleList {
    margin-bottom: 40px;
    transform: translateX(-100%);
    opacity: 0;
    transition: all 0.4s ease 0.2s;
  }
  .Header__containerSp .HeaderCategoryMenu__title {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
  }
  .Header__containerSp .HeaderCategoryMenu__title a {
    color: #fff;
    /* line-height: 50px; */
    display: block;
  }
  .Header__containerSp .HeaderCategoryMenu__title h3 {
    padding: 17.5px 20px;
    margin: 0 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    position: relative;
    cursor: pointer;
  }
  .Header__containerSp .HeaderCategoryMenu__title h3::after {
    width: 10px;
    height: 10px;
    content: "";
    display: block;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    top: 19px;
    right: 20px;
    transform: rotate(45deg);
    transition: transform 0.3s ease 0s;
  }
  .Header__containerSp .HeaderCategoryMenu__title h3.-active::after {
    transform: rotate(135deg);
  }
  .Header__containerSp .HeaderCategoryMenu__itemList {
    background-color: rgba(255, 255, 255, 0.1);
    margin: 0 15px;
  }
  .Header__containerSp .HeaderCategoryMenu__item a {
    position: relative;
    padding: 15px 20px;
    color: #fff;
    font-size: 13px;
    line-height: 1.5;
  }
  .Header__containerSp .HeaderCategoryMenu__toCategoryTop {
    max-width: 200px;
    max-height: 30px;
    margin: 0 auto;
    color: #0d3246;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    background-color: #fff;
    text-align: center;
    border-radius: 15px;
    display: block;
    position: relative;
    opacity: 0;
    transform: translateX(-100%);
    transition: all 0.4s ease 0.2s;
  }
  .Header__containerSp .HeaderCategoryMenu__toCategoryTop::before {
    width: 4px;
    height: 4px;
    content: "";
    display: block;
    border-top: 1px solid #0d3246;
    border-right: 1px solid #0d3246;
    -webkit-transform: rotate(45deg) translateY(-70%);
    transform: rotate(45deg) translateY(-70%);
    position: absolute;
    top: 50%;
    right: 24px;
    z-index: 2;
  }
  .Header__containerSp .HeaderCategoryMenu__toCategoryTop::after {
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    content: "";
    display: block;
    border: 1px solid #0d3246;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
  }
  .Header__containerSp .HeaderCategoryMenu__itemList {
    border-bottom: 1px solid rgba(215, 215, 215, 0.5);
  }
  .Header__containerSp .HeaderMainMenu__product .HeaderCategoryMenu__itemList,
  .Header__containerSp .HeaderMainMenu__about .HeaderCategoryMenu__itemList {
    display: none;
    flex-wrap: wrap;
  }
  .Header__containerSp
    .HeaderMainMenu__product
    .HeaderCategoryMenu__itemList::after,
  .Header__containerSp
    .HeaderMainMenu__about
    .HeaderCategoryMenu__itemList::after {
    content: "";
    display: block;
    clear: both;
  }
  .Header__containerSp .HeaderMainMenu__product .HeaderCategoryMenu__item,
  .Header__containerSp .HeaderMainMenu__about .HeaderCategoryMenu__item {
    width: 50%;
    border-right: 1px solid rgba(215, 215, 215, 0.5);
    border-bottom: 1px solid rgba(215, 215, 215, 0.5);
    position: relative;
    float: left;
  }
  .Header__containerSp
    .HeaderMainMenu__product
    .HeaderCategoryMenu__item::after,
  .Header__containerSp .HeaderMainMenu__about .HeaderCategoryMenu__item::after {
    width: 6px;
    height: 6px;
    content: "";
    display: block;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg) translateY(-70%);
    transform: rotate(45deg) translateY(-70%);
    position: absolute;
    top: 50%;
    right: 15px;
  }
  .Header__containerSp
    .HeaderMainMenu__product
    .HeaderCategoryMenu__item:nth-child(odd):nth-last-child(2),
  .Header__containerSp
    .HeaderMainMenu__product
    .HeaderCategoryMenu__item:last-child,
  .Header__containerSp
    .HeaderMainMenu__about
    .HeaderCategoryMenu__item:nth-child(odd):nth-last-child(2),
  .Header__containerSp
    .HeaderMainMenu__about
    .HeaderCategoryMenu__item:last-child {
    border-bottom: 0;
  }
  .Header__containerSp
    .HeaderMainMenu__product
    .HeaderCategoryMenu__item:nth-child(even),
  .Header__containerSp
    .HeaderMainMenu__about
    .HeaderCategoryMenu__item:nth-child(even) {
    border-right: 0;
  }
  .Header__containerSp
    .HeaderMainMenu__specialContents
    .HeaderCategoryMenu__itemList,
  .Header__containerSp .HeaderMainMenu__faq .HeaderCategoryMenu__itemList {
    display: none;
  }
  .Header__containerSp
    .HeaderMainMenu__specialContents
    .HeaderCategoryMenu__item,
  .Header__containerSp .HeaderMainMenu__faq .HeaderCategoryMenu__item {
    border-bottom: 1px solid rgba(215, 215, 215, 0.5);
    position: relative;
  }
  .Header__containerSp
    .HeaderMainMenu__specialContents
    .HeaderCategoryMenu__item::after,
  .Header__containerSp .HeaderMainMenu__faq .HeaderCategoryMenu__item::after {
    width: 6px;
    height: 6px;
    content: "";
    display: block;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg) translateY(-70%);
    transform: rotate(45deg) translateY(-70%);
    position: absolute;
    top: 50%;
    right: 20px;
  }
  .Header__containerSp
    .HeaderMainMenu__specialContents
    .HeaderCategoryMenu__item:nth-child(2n + 1):last-child,
  .Header__containerSp
    .HeaderMainMenu__specialContents
    .HeaderCategoryMenu__item:last-child,
  .Header__containerSp
    .HeaderMainMenu__faq
    .HeaderCategoryMenu__item:nth-child(2n + 1):last-child,
  .Header__containerSp
    .HeaderMainMenu__faq
    .HeaderCategoryMenu__item:last-child {
    border-bottom: 0;
  }
}

.DealersList {
  max-width: 1920px;
  margin: 0 auto;
  padding: 90px 20px;
  position: relative;
  pointer-events: none;
  overflow: hidden;
}
.DealersList::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
  transition: 0.3s ease-in-out;
}
.DealersList::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/index/dealers-list/DealersList__bg.png) no-repeat;
  background-position: center center;
  background-size: cover;
  transition: 0.3s ease-in-out;
}
.DealersList:hover::before {
  background: rgba(0, 0, 0, 0.5);
}
.DealersList:hover::after {
  transform: scale(1.05);
}
.DealersList .DealersList__heading {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 2;
  padding-bottom: 20px;
  margin-bottom: 30px;
  letter-spacing: 0.03em;
}
.DealersList .DealersList__heading::after {
  width: 30px;
  height: 2px;
  content: "";
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.DealersList .DealersList__subHeading {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 2.5px;
  margin-bottom: 10px;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 2;
}
.DealersList .DealersList__search {
  width: 250px;
  height: 50px;
  margin: 0 auto;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
  position: relative;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  z-index: 2;
  pointer-events: auto;
  transition: 0.3s ease-in-out;
}
.DealersList .DealersList__search::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.3s ease-in-out;
}
.DealersList .DealersList__search::after {
  width: 20px;
  height: 20px;
  content: "";
  display: block;
  background-color: #fff;
  -webkit-mask-image: url("../img/index/dealers-list/DealersList__searchIcon.svg");
  mask-image: url("../img/index/dealers-list/DealersList__searchIcon.svg");
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  transition: all 0.3;
}

/* animation */
/*-- @media max-width:768px --*/
@media (max-width: 768px) {
  .DealersList {
    padding: 60px 20px;
  }
  .DealersList .DealersList__heading {
    font-size: 20px;
  }
  .DealersList .DealersList__search {
    width: 200px;
    height: 45px;
  }
}

/*-- Event設定 --*/
@keyframes eventAction {
  0% {
    width: 0;
  }
  100% {
    width: 30px;
  }
}

.Event {
  padding: 70px 0;
}
.Event .Common__topPageTitle {
  width: 100px;
}

@keyframes show {
  0% {
    opacity: 0;
    display: none;
    transform: translate(-30px, 0);
  }
  1% {
    display: block !important;
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

/*-- Event Header設定 --*/
/*-- Event__listの各ボタン色 --*/
.Event--all {
  transition: 0.3s;
}
.Event--all span {
  background-color: #0d3246;
}
.Event--all:hover {
  color: #0d3246;
}

.Event--ink {
  transition: 0.3s;
}
.Event--ink span {
  background-color: #1b803e;
}
.Event--ink:hover {
  color: #1b803e;
}

.Event--maintenance {
  transition: 0.3s;
}
.Event--maintenance span {
  background-color: #66327c;
}
.Event--maintenance:hover {
  color: #66327c;
}

.Event--clinic {
  transition: 0.3s;
}
.Event--clinic span {
  background-color: #9a2525;
}
.Event--clinic:hover {
  color: #9a2525;
}

.Event--etc {
  transition: 0.3s;
}
.Event--etc span {
  background-color: #555556;
}
.Event--etc:hover {
  color: #555556;
}

.EventSlide__image::before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: 0.3s;
}

.EventSlide__Container:hover .EventSlide__imageContainer .EventSlide__image {
  transform: scale(1.05);
}
.EventSlide__Container:hover
  .EventSlide__imageContainer
  .EventSlide__image::before {
  background-color: rgba(0, 0, 0, 0.1);
}

.EventSlide__Container:hover .EventSlide__explanation {
  color: #333;
}

.Event__containerPc {
  max-width: 1400px;
  margin: 0 auto;
}
.Event__containerPc .Event__subHeading,
.Event__containerPc .Event__title,
.Event__containerPc .Event__lists li,
.Event__containerPc .Event__categoryList span,
.Event__containerPc .EventSlide__category {
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: 0;
}
.Event__containerPc .Event__container {
  margin-bottom: 60px;
}
.Event__containerPc .Event__newTitleContainer {
  max-width: 1200px;
  margin: 0 auto 30px;
  padding-top: 50px;
}
.Event__containerPc .Event__newTitleInner {
  display: inline-block;
}
.Event__containerPc .Event__newTitleText {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.Event__containerPc .Event__newTitleText::before {
  content: "";
  width: 550px;
  height: 150px;
  background: #0d3246;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
  z-index: -1;
}
.Event__containerPc .Event__newTitleText.-report::before {
  width: 650px;
}
.Event__containerPc .Event__title {
  color: #fff;
  font-size: 24px;
}
.Event__containerPc .Event__titleLine {
  width: 0.5px;
  height: 20px;
  background-color: #fff;
  margin: 0 30px;
}
.Event__containerPc .Event__subTitle {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}
.Event__containerPc .Event__listsContainer {
  max-width: 1200px;
  margin: 0 auto 40px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(13, 50, 70, 0.2);
  border-radius: 2px;
}
.Event__containerPc .Event__listsInner {
  padding: 40px 60px;
  min-height: 364px;
}
.Event__containerPc .Event__lists {
  margin-bottom: 20px;
  display: flex;
  border-bottom: 2px solid #d0d0d0;
}
.Event__containerPc .Event__lists li {
  width: 100%;
  margin-bottom: -2px;
  padding-bottom: 8px;
  font-size: 13px;
  border-bottom: 2px solid #d0d0d0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.Event__containerPc .Event__lists li.Event--all.-current {
  border-bottom: 2px solid #0d3246;
}
.Event__containerPc .Event__lists li.Event--ink.-current {
  border-bottom: 2px solid #1b803e;
}
.Event__containerPc .Event__lists li.Event--maintenance.-current {
  border-bottom: 2px solid #66327c;
}
.Event__containerPc .Event__lists li.Event--clinic.-current {
  border-bottom: 2px solid #9a2525;
}
.Event__containerPc .Event__lists li.Event--etc.-current {
  border-bottom: 2px solid #555556;
}
.Event__containerPc .Event__lists li span {
  width: 8px;
  height: 8px;
  margin-right: 10px;
  display: block;
  border-radius: 50%;
}
.Event__containerPc .Event__categoryList li {
  transition: all 0.5s ease;
  position: relative;
  left: 0;
}
.Event__containerPc .Event__categoryList li.-active {
  animation: show;
  animation-duration: 0.7s;
}
.Event__containerPc .Event__categoryList li a {
  padding: 10px 45px;
  position: relative;
  display: flex;
  align-items: center;
  color: #333;
  transition: 0.3s;
}
.Event__containerPc .Event__categoryList li a::before {
  width: 30px;
  height: 1px;
  content: "";
  display: block;
  background-color: #0d3246;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.Event__containerPc .Event__categoryList li a:hover {
  color: #0d3246;
}
.Event__containerPc .Event__categoryList li a:hover::before {
  animation: eventAction;
  animation-duration: 0.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0.1s;
}
.Event__containerPc .Event__categoryList li time {
  width: 72px;
  margin-right: 30px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.75;
  display: block;
  flex-shrink: 0;
}
.Event__containerPc .Event__categoryList li span {
  margin-right: 30px;
  width: 130px;
  padding: 4.75px 0;
  color: #fff;
  font-size: 10px;
  display: block;
  text-align: center;
  border-radius: 1px;
}
.Event__containerPc .Event__categoryList li:nth-child(n + 6) {
  display: none;
}
.Event__containerPc .Event__categoryList .Event__categoryText {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.Event__containerPc .Event__categoryList--none {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 284px;
}
.Event__containerPc .Event__reportTitleContainer {
  width: 100%;
  max-width: 660px;
  padding: 50px 55px 65px 100px;
  background-color: #0d3246;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Event__containerPc .Event__slider {
  max-width: 1220px;
  margin: 0 auto 40px;
}
.Event__containerPc .Event__sliderInner {
  display: flex;
}
.Event__containerPc .EventSlide__Container {
  max-width: 285px;
  margin: 0 10px;
}
.Event__containerPc .EventSlide__imageContainer {
  margin-bottom: 13px;
  overflow: hidden;
  box-shadow: 2px 2px 10px rgba(13, 50, 70, 0.2);
}
.Event__containerPc .EventSlide__image {
  position: relative;
  transition: all 0.3s;
}
.Event__containerPc .EventSlide__explanation {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  color: #555556;
}
.Event__containerPc .EventSlide__categoryContainer {
  display: flex;
  align-items: center;
}
.Event__containerPc .EventSlide__category {
  color: #144f6e;
  font-size: 12px;
}
.Event__containerPc .EventSlide__categoryLine {
  width: 0.5px;
  height: 8px;
  margin: 0 8px;
  background-color: #555556;
}
.Event__containerPc .EventSlide__categoryDate {
  color: #555556;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: 0;
}

.Event__containerSp {
  display: none;
}

.Event__reportContainer {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 10px 0;
  margin-bottom: 20px;
}

.Event__reportItem {
  width: calc(50% - 5px);
  margin-bottom: 20px;
}
.Event__reportItem:nth-child(odd) {
  margin-right: 10px;
}

.Event__reportCategoryContainer {
  display: flex;
  align-items: center;
}

.Event__reportCategory {
  font-size: 11px;
  color: #144f6e;
  font-weight: bold;
  line-height: 0;
}

.Event__reportCategoryLine {
  width: 0.5px;
  height: 8px;
  margin: 0 8px;
  background-color: #555556;
  line-height: 0;
}

.Event__reportCategoryDate {
  font-size: 12px;
  color: #555556;
  font-weight: bold;
}

.Event__reportExplanation {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.6;
  color: #333;
  margin-bottom: 8px;
  letter-spacing: 0.02em;
  transition: 0.3s;
}

.Event__reportImage {
  margin-bottom: 10px;
}

@media (max-width: 1200px) {
  .Event__containerPc .Event__slider {
    margin: 0 10px 40px;
  }
  .Event__containerPc .Event__listsContainer {
    margin: 0 40px 30px;
  }
  .Event__containerPc .Event__newTitleContainer {
    padding-left: 60px;
  }
  .Event__containerPc .Event__listsInner {
    padding: 30px 20px;
  }
  .Event__containerPc .Event__newTitleText::before {
    width: 480px;
    height: 130px;
  }
  .Event__containerPc .Event__newTitleText.-report::before {
    width: 580px;
  }
}

@media (max-width: 950px) {
  .Event__containerPc .Event__listsContainer {
    margin: 0 30px 30px;
  }
  .Event__containerPc .Event__newTitleContainer {
    padding-left: 50px;
  }
  .Event__containerPc .EventSlide__category {
    font-size: 10px;
  }
  .Event__containerPc .EventSlide__categoryLine {
    margin: 0 10px;
  }
  .Event__containerPc .EventSlide__categoryDate {
    font-size: 10px;
  }
  .Event__containerPc .Event__title {
    font-size: 22px;
  }
  .Event__containerPc .Event__categoryList .Event__categoryText {
    font-size: 12px;
  }
  .Event__containerPc .Event__categoryList li time {
    margin-right: 15px;
  }
  .Event__containerPc .Event__categoryList li span {
    margin-right: 15px;
  }
  .Event__containerPc .Event__categoryList li a {
    padding-right: 0;
    padding-left: 0;
  }
  .Event__containerPc .Event__categoryList li a::before {
    display: none;
  }
}

@media (max-width: 768px) {
  .Event {
    padding: 50px 0;
  }
  .Event .Common__topPageTitle {
    width: 100px;
  }
  .Event__containerPc {
    display: none;
  }
  .Event__containerSp {
    display: block;
  }
  .Event__containerSp .Event__container {
    display: flex;
  }
  .Event__containerSp .Event__titleContainer {
    width: 50%;
    padding: 20px 0;
    background-color: rgba(13, 50, 70, 0.8);
    text-align: center;
    cursor: pointer;
  }
  .Event__containerSp .Event__titleContainer:first-child {
    margin-right: 1px;
  }
  .Event__containerSp .Event__titleContainer.-current {
    background-color: #0d3246;
  }
  .Event__containerSp .Event__title {
    font-size: 16px;
  }
  .Event__containerSp .Event__title,
  .Event__containerSp .Event__subTitle,
  .Event__containerSp .Event__lists li,
  .Event__containerSp .Event__category,
  .Event__containerSp .EventSlide__category {
    font-weight: bold;
    line-height: 1.75;
    letter-spacing: 0;
  }
  .Event__containerSp .Event__categoryList li time,
  .Event__containerSp .Event__categoryList li .Event__categoryText,
  .Event__containerSp .EventSlide__categoryDate {
    line-height: 1.75;
    list-style: 0;
  }
  .Event__containerSp .Event__categoryList--none {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 300px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 30px;
  }
  .Event__containerSp .Event__title {
    color: #fff;
    font-size: 13px;
    position: relative;
  }
  .Event__containerSp .Event__subTitle {
    color: #fff;
    font-size: 10px;
  }
  .Event__containerSp .Event__contentInner {
    display: none;
  }
  .Event__containerSp .Event__contentInner.show {
    display: block;
  }
  .Event__containerSp .Event__lists {
    display: flex;
    flex-wrap: wrap;
  }
  .Event__containerSp .Event__lists li {
    width: 50%;
    padding: 15px 10px;
    border: 1px solid #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .Event__containerSp .Event__lists li:first-child {
    width: 100%;
    border: 0;
    border-bottom: 2px solid #f2f2f2;
    justify-content: center;
  }
  .Event__containerSp .Event__lists li:nth-child(odd) {
    border-right: 1px solid transparent;
  }
  .Event__containerSp .Event__lists li:nth-child(even) {
    border-left: 1px solid transparent;
  }
  .Event__containerSp .Event__lists li.Event--all.-current {
    border-bottom: 2px solid #0d3246;
  }
  .Event__containerSp .Event__lists li.Event--ink.-current {
    border-bottom: 2px solid #1b803e;
  }
  .Event__containerSp .Event__lists li.Event--maintenance.-current {
    border-bottom: 2px solid #66327c;
  }
  .Event__containerSp .Event__lists li.Event--clinic.-current {
    border-bottom: 2px solid #9a2525;
  }
  .Event__containerSp .Event__lists li.Event--etc.-current {
    border-bottom: 2px solid #555556;
  }
  .Event__containerSp .Event__lists li span {
    width: 8px;
    height: 8px;
    margin-right: 10px;
    display: inline-block;
    border-radius: 50%;
  }
  .Event__containerSp .Event__categoryList {
    margin-bottom: 30px;
  }
  .Event__containerSp .Event__categoryList li .Event__categoryText {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
  }
  .Event__containerSp .Event__categoryList li a {
    padding: 20px 30px;
    position: relative;
    border: 1px solid #f2f2f2;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    display: block;
  }
  .Event__containerSp .Event__categoryList li a::after {
    width: 15px;
    height: 0.5px;
    content: "";
    display: block;
    background-color: rgba(0, 20, 132, 0.5);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .Event__containerSp .Event__categoryList li a time {
    margin-right: 10px;
    font-size: 13px;
    font-weight: bold;
  }
  .Event__containerSp .Event__categoryList li a span {
    width: 100px;
    padding: 4.75px 0;
    color: #fff;
    font-size: 10px;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
  }
  .Event__containerSp .Event__categoryList li:nth-child(n + 6) {
    display: none;
  }
  .Event__containerSp
    .Event__categoryList
    li:nth-child(n + 6)
    .Event__category {
    padding: 1.5px 10px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    display: inline-block;
    border-radius: 2px;
  }
  .Event__containerSp
    .Event__categoryList
    li:nth-child(n + 6)
    .Event__category {
    margin-right: 10px;
    width: 100%;
    max-width: 100px;
  }
  .Event__containerSp .Event__slider {
    margin: 30px 0 20px;
  }
  .Event__containerSp .EventSlide__Container {
    max-width: 648px;
    margin: 0 10px;
  }
  .Event__containerSp .EventSlide__imageContainer {
    overflow: hidden;
  }
  .Event__containerSp .EventSlide__image {
    margin-bottom: 6px;
    border: 1px solid #ededed;
    transition: all 0.3s;
    position: relative;
  }
  .Event__containerSp .EventSlide__image img {
    width: 100%;
    max-width: 100%;
  }
  .Event__containerSp .EventSlide__explanation {
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: bold;
  }
  .Event__containerSp .EventSlide__categoryContainer {
    display: flex;
    align-items: center;
  }
  .Event__containerSp .EventSlide__category {
    font-size: 12px;
  }
  .Event__containerSp .EventSlide__categoryLine {
    width: 0.5px;
    height: 8px;
    margin: 0 10px;
    background-color: #555556;
  }
  .Event__containerSp .EventSlide__categoryDate {
    font-size: 12px;
    font-weight: 700;
  }
  .Event__containerSp .Event__sliderDotsContainer {
    margin-bottom: 30px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .Event__containerSp .Event__sliderDotsContainer .Event__sliderDots {
    width: 100%;
    max-width: calc(100% - 100px);
    margin-right: 30px;
  }
  .Event__containerSp .Event__sliderDotsContainer .Event__sliderArrow {
    width: 70px;
    display: flex;
    justify-content: space-between;
  }
  .Event__containerSp
    .Event__sliderDotsContainer
    .Event__sliderArrow
    img:first-child {
    margin-right: 20px;
  }
  .Event__containerSp .Event__allEventButton {
    height: 40px;
    box-shadow: none;
  }
  .Event__containerSp .Event__allEventButton p {
    line-height: 40px;
  }
}

@media (max-width: 450px) {
  .Event .Common__topPageTitle {
    width: 80px;
  }
  .Event .Event__lists li {
    font-size: 13px;
  }
}

.FirstView {
  height: calc(100vh - 117px);
}
.FirstView .FirstView__inner {
  height: calc(100% - 3px);
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.FirstView .FirstView__inner .FirstView__HeadingSP {
  display: none;
}
.FirstView .FirstView__inner .FirstView__slideContainer {
  height: 100%;
  width: 58%;
  position: relative;
}
.FirstView .FirstView__inner .FirstView__slideContainer .FirstView__slider {
  height: 100%;
  width: 100%;
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  #FirstViewSlideImage_0
  .FirstViewSlide__image {
  background: url("../img/index/first-view/FirstViewSlider__image01.png") center
    center/cover;
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  #FirstViewSlideImage_1
  .FirstViewSlide__image {
  background: url("../img/index/first-view/FirstViewSlider__image02_pc.png")
    right center/cover;
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  #FirstViewSlideImage_2
  .FirstViewSlide__image {
  background: url("../img/index/first-view/FirstViewSlider__image03.png") center
    center/cover;
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  #FirstViewSlideImage_3
  .FirstViewSlide__image {
  background: url("../img/index/first-view/FirstViewSlider__image04_pc.png")
    right center/cover;
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  #FirstViewSlideImage_4
  .FirstViewSlide__image {
  background: url("../img/index/first-view/FirstViewSlider__image05.png") center
    center/cover;
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlide__imageContainer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 1.5s cubic-bezier(0.7, 0.01, 0.27, 1);
  overflow: hidden;
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlide__imageContainer
  .FirstViewSlide__image {
  width: 100%;
  height: 100%;
  transition: transform 1.5s cubic-bezier(0.7, 0.01, 0.27, 1);
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlide__imageContainer.-isActive {
  z-index: 3;
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlide__imageContainer.-isActive
  .FirstViewSlide__image {
  transform: scale(1, 1);
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlide__imageContainer.-slideLeft {
  left: -100%;
  z-index: 4;
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlide__imageContainer.-slideLeft
  .FirstViewSlide__image {
  transform: scale(1.2, 1.2);
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlide__imageContainer.-isNext {
  visibility: hidden;
  left: 0;
  z-index: 2;
  transition: transform 0s;
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlide__imageContainer.-isNext
  .FirstViewSlide__image {
  transform: scale(1.2, 1.2);
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlide__imageContainer.-isWaiting {
  z-index: -1;
  transition: transform 0s;
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlide__imageContainer.-isWaiting
  .FirstViewSlide__image {
  transform: scale(1.2, 1.2);
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlider__pageContainer {
  width: 50px;
  height: 40px;
  background-color: #0d3246;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 30px;
  left: 0;
  transform: translateX(-100%);
  z-index: 6;
}
.FirstView .FirstView__inner .FirstView__slideContainer .FirstViewSlider__page {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlider__page
  .FirstViewSlider__pageNumber {
  position: absolute;
  white-space: nowrap;
  color: white;
  font-size: 18px;
  font-weight: bold;
  display: block;
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlider__page
  .FirstViewSlider__pageNumber.-hidden {
  display: none;
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlider__sliderDots {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlider__sliderDots
  span {
  width: 10px;
  height: 10px;
  margin-bottom: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  display: block;
  transform: rotate(45deg);
  position: relative;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlider__sliderDots
  span:hover {
  background-color: rgba(13, 50, 70, 0.9);
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlider__sliderDots
  span::before {
  width: 14px;
  height: 14px;
  content: "";
  display: block;
  background-color: rgba(13, 50, 70, 0.3);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.3s ease-in-out;
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlider__sliderDots
  span:hover::before {
  transform: translate(-50%, -50%) scale(1);
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlider__sliderDots
  span.-active {
  background-color: rgba(13, 50, 70, 0.9);
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlider__sliderDots
  span.-active::before {
  transform: translate(-50%, -50%) scale(1);
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlider__scrollDownContainer {
  width: 25px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  right: 20px;
  bottom: 40px;
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlider__scrollDownImage {
  width: 3px;
  max-height: 90.91px;
  position: relative;
  overflow: hidden;
}
.FirstView
  .FirstView__inner
  .FirstView__slideContainer
  .FirstViewSlider__scrollDownTitle {
  width: 22px;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  writing-mode: vertical-rl;
}
.FirstView .FirstView__inner .FirstViewText__bg {
  width: 42%;
  background-image: url(../img/index/first-view/FirstViewText__bg.png);
  position: relative;
  padding-top: 5vw;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 5;
}
.FirstView .FirstView__inner .FirstViewText__bg .FirstViewText__Container {
  display: block;
  transition: visibility 0.8s ease-in-out, opacity 0.8s ease-in-out;
  margin-left: auto;
  text-align: center;
  position: relative;
  width: 100%;
  height: calc(160px + 14vw);
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__Container
  .FirstViewText__slidePagerSP {
  display: none;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__Container
  .FirstViewText__WholeContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 1s ease 0s;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__Container
  .FirstViewText__WholeContainer.-isActive {
  visibility: visible;
  opacity: 1;
  transition: all 1s ease 0.7s;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__Container
  .FirstViewText__HeadingContainerPC {
  margin-top: 1vw;
  margin-bottom: 2vw;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__Container
  .FirstViewText__HeadingBar {
  width: 30px;
  height: 3px;
  background-color: #0d3246;
  margin: 0 auto 1.8vw;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__Container
  .FirstViewText__Heading {
  width: 54%;
  height: auto;
  margin: 0 auto;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__Container
  .FirstViewText__Heading.-shikiori {
  width: 64%;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__Container
  .FirstViewText__Heading
  .FirstViewText__HeadingImg {
  width: 100%;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__Container
  .FirstViewText__Heading.-sp {
  display: none;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__Container
  .FirstViewText__slidePagerSP {
  display: none;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__Container
  .FirstViewText__descriptionContainer {
  margin-bottom: 2.8vw;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__Container
  .FirstViewText__description {
  width: 72%;
  margin: 0 auto;
  font-weight: 600;
  line-height: 2;
  text-align: center;
  font-family: "Noto Serif JP";
  font-weight: 500;
  font-size: 1vw;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__Container
  .FirstViewText__description
  span {
  background: -o-linear-gradient(rgba(0, 0, 0, 0) 61%, #dfd91f 0, #dfd91f 0);
  background: linear-gradient(rgba(0, 0, 0, 0) 61%, #dfd91f 0, #dfd91f 0);
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__Container
  .FirstViewText__ToDetails {
  max-width: 34.4%;
  margin: 0 auto 6vw;
  height: 3vw;
  border: 1px solid #333;
  font-family: "Noto Serif JP";
  font-weight: 500;
  display: block;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  background: transparent;
  font-size: 1vw;
  position: relative;
  transition: 0.3s;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__Container
  .FirstViewText__ToDetails
  p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__Container
  .FirstViewText__ToDetails
  span {
  width: 0;
  height: 100%;
  background-color: #333;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__Container
  .FirstViewText__ToDetails:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.FirstView .FirstView__inner .FirstViewText__bg .FirstViewText__slidePagerPC {
  width: 130px;
  margin: 4vw auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__slidePagerPC
  .FirstViewText__slidePrevArrow,
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__slidePagerPC
  .FirstViewText__slideNextArrow {
  position: relative;
  transition: all 0.2s;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 5;
  position: relative;
  top: 1px;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__slidePagerPC
  .FirstViewText__slidePrevArrow::before,
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__slidePagerPC
  .FirstViewText__slidePrevArrow::after {
  position: absolute;
  content: "";
  width: 7px;
  height: 12px;
  transition: transform 0.3s cubic-bezier(0.6, 0.01, 0.49, 1),
    opacity 0.3s linear;
  background: url("../img/index/first-view/FirstViewText__slidePrevArrow--left.svg")
    center/contain no-repeat;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__slidePagerPC
  .FirstViewText__slidePrevArrow::before {
  transform: translateX(0px);
  opacity: 1;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__slidePagerPC
  .FirstViewText__slidePrevArrow:hover::before {
  transform: translateX(20px);
  opacity: 0;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__slidePagerPC
  .FirstViewText__slidePrevArrow::after {
  transform: translateX(-20px);
  opacity: 0;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__slidePagerPC
  .FirstViewText__slidePrevArrow:hover::after {
  transform: translateX(0px);
  opacity: 1;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__slidePagerPC
  .FirstViewText__slideNextArrow::before,
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__slidePagerPC
  .FirstViewText__slideNextArrow::after {
  position: absolute;
  content: "";
  width: 7px;
  height: 12px;
  transition: transform 0.3s cubic-bezier(0.6, 0.01, 0.49, 1),
    opacity 0.3s linear;
  background: url("../img/index/first-view/FirstViewText__slidePrevArrow--right.svg")
    center/contain no-repeat;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__slidePagerPC
  .FirstViewText__slideNextArrow::before {
  transform: translateX(0px);
  opacity: 1;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__slidePagerPC
  .FirstViewText__slideNextArrow:hover::before {
  transform: translateX(20px);
  opacity: 0;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__slidePagerPC
  .FirstViewText__slideNextArrow::after {
  transform: translateX(-20px);
  opacity: 0;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__slidePagerPC
  .FirstViewText__slideNextArrow:hover::after {
  transform: translateX(0px);
  opacity: 1;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__slidePagerPC
  .FirstViewText__slidePage {
  width: 60px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  font-size: 12px;
  font-weight: bold;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__slidePagerPC
  .FirstViewText__slidePage
  .slidePage__now,
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__slidePagerPC
  .FirstViewText__slidePage
  .slidePage__bar,
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__slidePagerPC
  .FirstViewText__slidePage
  .slidePage__sum {
  display: inline-block;
  width: 10px;
  text-align: center;
}
.FirstView
  .FirstView__inner
  .FirstViewText__bg
  .FirstViewText__slidePagerPC
  .FirstViewText__slidePage
  .slidePage__bar {
  font-size: 11px;
  font-weight: 300;
}
.FirstView .FirstView__inner .FirstViewSlide__timeGauge {
  width: 100%;
  height: 3px;
  background-color: #d9dde1;
  position: relative;
  bottom: 0;
  z-index: 6;
}
.FirstView .FirstView__inner .FirstViewSlide__Gauge {
  width: 0%;
  height: 3px;
  background-color: #0d3246;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: width 0s;
}
.FirstView .FirstView__inner .FirstViewSlide__Gauge.-isActive {
  width: 100%;
}
.FirstView .FirstViewNews__container {
  width: 110%;
  height: 70px;
  background-color: #0d3246;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(50%);
}
.FirstView .FirstViewNews__container .FirstViewNews__item {
  position: relative;
}
.FirstView .FirstViewNews__container .FirstViewNews__item::after {
  width: 12px;
  height: 12px;
  content: "";
  display: block;
  background: url(../img/index/first-view/FirstViewNews__itemArrow.svg)
    no-repeat center center/contain;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}
.FirstView .FirstViewNews__container .FirstViewNews__item a {
  width: 89%;
  height: 70px;
  margin-left: auto;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 0 20px;
  box-sizing: border-box;
}
.FirstView
  .FirstViewNews__container
  .FirstViewNews__item
  a
  .FirstViewNews__itemCategory {
  width: 75px;
  height: 20px;
  font-size: 12px;
  font-weight: bold;
  border-right: 1px solid #fff;
  display: flex;
  align-items: center;
}
.FirstView .FirstViewNews__container .FirstViewNews__item a time {
  font-size: 12px;
  padding-left: 40px;
  padding-right: 20px;
  font-weight: bold;
  display: inline-block;
  box-sizing: border-box;
}
.FirstView .FirstViewNews__container .FirstViewNews__item a p {
  font-size: 13px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 70%;
  position: relative;
}
.FirstView
  .FirstViewNews__container
  .FirstViewNews__item
  a
  p:last-child::after {
  width: 12px;
  height: 12px;
  content: "";
  display: none;
  background: url(../img/index/first-view/FirstViewNews__itemArrow.svg)
    no-repeat center center/contain;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-100%);
}

/*-- アニメーション設定 --*/
@keyframes scrollDown {
  0% {
    transform: translateY(-200%);
  }
  100% {
    transform: translateY(100%);
  }
}

@media (max-width: 1200px) {
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__HeadingContainerPC {
    margin-bottom: 3vw;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__HeadingBar {
    margin-bottom: 3vw;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__Heading {
    width: 64%;
    height: auto;
    margin: 0 auto;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__Heading
    .FirstViewText__HeadingImg {
    width: 100%;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__descriptionContainer {
    margin-bottom: 2.6vw;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__description {
    font-size: 1.2vw;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__ToDetails {
    max-width: 38%;
    margin: 0 auto 6vw;
    height: 4vw;
    font-size: 1.2vw;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__ToDetails
    p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s;
    z-index: 2;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__ToDetails
    span {
    width: 0;
    height: 100%;
    background-color: #333;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s;
  }
  .FirstView .FirstView__inner .FirstViewSlide__timeGauge {
    width: 100%;
    height: 3px;
    background-color: #d9dde1;
    position: relative;
    bottom: 0;
  }
  .FirstView .FirstView__inner .FirstViewSlide__Gauge {
    width: 0%;
    height: 3px;
    background-color: #0d3246;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: width 0s;
  }
  .FirstView .FirstView__inner .FirstViewSlide__Gauge.-isActive {
    width: 100%;
  }
  .FirstView .FirstViewNews__container {
    width: 110%;
    height: 70px;
    background-color: #0d3246;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(50%);
  }
  .FirstView .FirstViewNews__container .FirstViewNews__item {
    position: relative;
  }
  .FirstView .FirstViewNews__container .FirstViewNews__item::after {
    width: 12px;
    height: 12px;
    content: "";
    display: block;
    background: url(../img/index/first-view/FirstViewNews__itemArrow.svg)
      no-repeat center center/contain;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
  }
  .FirstView .FirstViewNews__container .FirstViewNews__item a {
    width: 89%;
    height: 70px;
    margin-left: auto;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .FirstView
    .FirstViewNews__container
    .FirstViewNews__item
    a
    .FirstViewNews__itemCategory {
    width: 75px;
    height: 20px;
    font-size: 12px;
    font-weight: bold;
    border-right: 1px solid #fff;
    display: flex;
    align-items: center;
  }
  .FirstView .FirstViewNews__container .FirstViewNews__item a time {
    font-size: 12px;
    padding-left: 40px;
    padding-right: 20px;
    font-weight: bold;
    display: inline-block;
    box-sizing: border-box;
  }
  .FirstView .FirstViewNews__container .FirstViewNews__item a p {
    font-size: 13px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 70%;
    position: relative;
  }
  .FirstView
    .FirstViewNews__container
    .FirstViewNews__item
    a
    p:last-child::after {
    width: 12px;
    height: 12px;
    content: "";
    display: none;
    background: url(../img/index/first-view/FirstViewNews__itemArrow.svg)
      no-repeat center center/contain;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-100%);
  }
}

@media screen and (max-width: 1100px) {
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__Heading {
    font-size: 25px;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__description {
    font-size: 12px;
  }
  .FirstView .FirstViewNews__container .FirstViewNews__item a {
    width: 100%;
  }
}

@media screen and (max-width: 950px) {
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__Heading {
    font-size: 23px;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__description {
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .FirstView {
    height: calc(var(--vh, 1vh) * 100 - 60px);
    min-height: 750px;
  }
  .FirstView .FirstView__inner {
    display: block;
  }
  .FirstView .FirstView__inner .FirstView__HeadingSP.-isActive {
    visibility: visible;
    opacity: 1;
    transition: all 1s ease 0.7s;
  }
  .FirstView .FirstView__inner .FirstView__HeadingSP {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 5;
    top: 8vh;
    left: 6%;
    width: 70%;
    transition: all 1s ease 0s;
  }
  .FirstView .FirstView__inner #FirstViewHeadingSp_1 {
    width: 80%;
  }
  .FirstView .FirstView__inner .FirstViewSlide__timeGauge {
    position: absolute;
    bottom: auto;
    top: 0;
  }
  .FirstView .FirstView__inner .FirstView__slideContainer {
    height: 60%;
    width: 100%;
  }
  .FirstView .FirstView__inner .FirstView__slideContainer .FirstView__slider {
    height: 100%;
  }
  .FirstView
    .FirstView__inner
    .FirstView__slideContainer
    #FirstViewSlideImage_0
    .FirstViewSlide__image {
    background: url("../img/index/first-view/FirstViewSlider__image01.png")
      center center/cover;
  }
  .FirstView
    .FirstView__inner
    .FirstView__slideContainer
    #FirstViewSlideImage_1
    .FirstViewSlide__image {
    background: url("../img/index/first-view/FirstViewSlider__image02_sp.png")
      right center/cover;
  }
  .FirstView
    .FirstView__inner
    .FirstView__slideContainer
    #FirstViewSlideImage_2
    .FirstViewSlide__image {
    background: url("../img/index/first-view/FirstViewSlider__image03.png")
      center center/cover;
  }
  .FirstView
    .FirstView__inner
    .FirstView__slideContainer
    #FirstViewSlideImage_3
    .FirstViewSlide__image {
    background: url("../img/index/first-view/FirstViewSlider__image04_sp.png")
      right center/cover;
  }
  .FirstView
    .FirstView__inner
    .FirstView__slideContainer
    #FirstViewSlideImage_4
    .FirstViewSlide__image {
    background: url("../img/index/first-view/FirstViewSlider__image05.png")
      center center/cover;
  }
  .FirstView
    .FirstView__inner
    .FirstView__slideContainer
    .FirstViewSlide__image {
    height: 100%;
    padding-top: 82%;
    min-height: inherit;
    max-height: none;
  }
  .FirstView
    .FirstView__inner
    .FirstView__slideContainer
    .FirstViewSlide__image.-active
    .FirstViewSlide__Gauge {
    height: 3px;
  }
  .FirstView
    .FirstView__inner
    .FirstView__slideContainer
    .FirstViewSlider__pageContainer {
    top: 5vw;
    left: 100%;
    width: 10vw;
    height: 8vw;
  }
  .FirstView
    .FirstView__inner
    .FirstView__slideContainer
    .FirstViewSlider__page {
    width: 3.16vw;
  }
  .FirstView
    .FirstView__inner
    .FirstView__slideContainer
    .FirstViewSlider__page
    .FirstViewSlider__pageNumber {
    font-size: 3.6vw;
  }
  .FirstView
    .FirstView__inner
    .FirstView__slideContainer
    .FirstViewSlider__sliderDots {
    top: auto;
    right: auto;
    bottom: 7px;
    left: 50%;
    transform: translateX(-58%);
  }
  .FirstView
    .FirstView__inner
    .FirstView__slideContainer
    .FirstViewSlider__sliderDots
    span {
    width: 2.1vw;
    height: 2.1vw;
    display: inline-block;
    margin-left: 3.25vw;
  }
  .FirstView
    .FirstView__inner
    .FirstView__slideContainer
    .FirstViewSlider__sliderDots
    span::before {
    width: 3vw;
    height: 3vw;
  }
  .FirstView
    .FirstView__inner
    .FirstView__slideContainer
    .FirstViewSlider__scrollDownContainer {
    display: none;
  }
  .FirstView .FirstView__inner .FirstViewText__bg {
    height: 40%;
    width: 100%;
    display: block;
    padding-top: 0;
  }
  .FirstView .FirstView__inner .FirstViewText__bg .FirstViewText__Container {
    height: 100%;
    margin: 0 auto;
    padding: 0 5vw;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP {
    width: 100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slidePrevArrow,
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slideNextArrow {
    position: relative;
    transition: all 0.2s;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
    position: relative;
    top: 1px;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slidePrevArrow::before,
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slidePrevArrow::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 11px;
    transition: transform 0.3s cubic-bezier(0.6, 0.01, 0.49, 1),
      opacity 0.3s linear;
    background: url("../img/index/first-view/FirstViewText__slidePrevArrow--left.svg")
      center/contain no-repeat;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slidePrevArrow::before {
    transform: translateX(0px);
    opacity: 1;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slidePrevArrow:hover::before {
    transform: translateX(20px);
    opacity: 0;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slidePrevArrow::after {
    transform: translateX(-20px);
    opacity: 0;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slidePrevArrow:hover::after {
    transform: translateX(0px);
    opacity: 1;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slideNextArrow::before,
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slideNextArrow::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 11px;
    top: 11.5px;
    transition: transform 0.3s cubic-bezier(0.6, 0.01, 0.49, 1),
      opacity 0.3s linear;
    background: url("../img/index/first-view/FirstViewText__slidePrevArrow--right.svg")
      center/contain no-repeat;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slideNextArrow::before {
    transform: translateX(0px);
    opacity: 1;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slideNextArrow:hover::before {
    transform: translateX(20px);
    opacity: 0;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slideNextArrow::after {
    transform: translateX(-20px);
    opacity: 0;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slideNextArrow:hover::after {
    transform: translateX(0px);
    opacity: 1;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slidePage {
    width: 60px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    font-size: 12px;
    font-weight: bold;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slidePage
    .slidePage__now,
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slidePage
    .slidePage__bar,
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slidePage
    .slidePage__sum {
    display: inline-block;
    width: 10px;
    text-align: center;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slidePage
    .slidePage__bar {
    font-size: 11px;
    font-weight: 300;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__HeadingBar {
    display: none;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__WholeContainer
    .FirstViewText__HeadingContainerPC {
    margin-bottom: 0;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .smallsize {
    width: 60%;
    margin: 0 auto;
    font-size: 15px;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__HeadingContainerPC
    .FirstViewText__Heading {
    display: none;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__HeadingContainerPC
    .FirstViewText__Heading.-sp {
    display: block;
    position: absolute;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__descriptionContainer {
    margin: 6.5vh auto 5.5vh;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__description {
    margin: 0 6%;
    width: calc(100% - 40px);
    font-size: 16px;
    width: auto;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__description.-SPLeft {
    text-align: center;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__ToDetails {
    position: absolute;
    bottom: 6vh;
    right: 0;
    left: 0;
    margin-bottom: 0;
    max-width: none;
    width: 50vw;
    height: 8vw;
    font-size: 16px;
  }
  .FirstView .FirstView__inner .FirstViewText__bg .FirstViewText__slidePagerPC {
    display: none;
  }
  .FirstView .FirstViewNews__container {
    width: 100%;
    height: 50px;
    position: static;
    transform: translateY(0);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .FirstView .FirstViewNews__container .FirstViewNews__item::after {
    display: none;
  }
  .FirstView .FirstViewNews__container .FirstViewNews__item a {
    height: auto;
  }
  .FirstView .FirstViewNews__container .FirstViewNews__item a p {
    width: 100%;
  }
  .FirstView .FirstViewNews__container .FirstViewNews__item a p time {
    padding-left: 0;
    padding-right: 0;
    margin-right: 10px;
    font-size: 12px;
  }
  .FirstView
    .FirstViewNews__container
    .FirstViewNews__item
    a
    p:last-child::after {
    display: none;
  }
  .FirstView
    .FirstViewNews__container
    .FirstViewNews__item
    a
    .FirstViewNews__itemCategory {
    height: auto;
    display: none;
    margin-bottom: 2.5vw;
    padding-right: 0;
    padding-bottom: 2.5vw;
    font-size: 3vw;
    font-weight: 700;
    text-align: center;
    border: 0;
    position: relative;
  }
  .FirstView
    .FirstViewNews__container
    .FirstViewNews__item
    a
    .FirstViewNews__itemCategory::after {
    width: 5vw;
    height: 0.25vw;
    content: "";
    display: block;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width: 650px) {
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__slidePagerSP
    .FirstViewText__slidePage {
    width: 80px;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__description {
    font-size: 16px;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__ToDetails {
    font-size: 16px;
    height: 48px;
    width: 300px;
  }
}

@media (max-width: 450px) {
  .FirstView {
    min-height: 550px;
  }
  .FirstView .FirstViewText__Container {
    position: static;
  }
  .FirstView
    .FirstView__inner
    .FirstView__slideContainer
    .FirstViewSlider__pageContainer {
    width: 40px;
    height: 32px;
  }
  .FirstView
    .FirstView__inner
    .FirstView__slideContainer
    .FirstViewSlider__pageContainer
    .FirstViewSlider__page {
    width: 15px;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__description {
    font-size: 2vh;
    font-size: calc(var(--vh, 1vh) * 2);
    margin: 0 6.2% 4vh;
    margin-bottom: calc(var(--vh, 1vh) * 4);
    width: calc(100% - 40px);
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .smallsize {
    width: auto;
    max-width: 360px;
  }
  .FirstView
    .FirstView__inner
    .FirstViewText__bg
    .FirstViewText__Container
    .FirstViewText__ToDetails {
    bottom: 4vh;
    bottom: calc(var(--vh, 1vh) * 6);
    font-size: 2vh;
    font-size: calc(var(--vh, 1vh) * 2);
    height: 6vh;
    width: 200px;
  }
}

/*-- INFORMATION設定 --*/
.Information {
  padding: 70px 20px;
}
.Information .Common__topPageTitle {
  width: 220px;
}

/*-- フォント共通設定 --*/
.Information__SubHeader,
.InformationCategory__title,
.InformationCategory__allLists > p,
.InformationCategory__lists span {
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: 0;
}

.InformationCategory__inner {
  display: flex;
  align-items: center;
  position: relative;
  padding-bottom: 15px;
}

.InformationCategory__titleIcon {
  width: 24px;
  margin-right: 8px;
  display: none;
}

.InformationCategory__allLists {
  width: 170px;
  height: 36px;
  background-color: #0d3246;
  box-shadow: 0 0 5px rgba(13, 50, 70, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  cursor: pointer;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}
.InformationCategory__allLists::after {
  width: 12px;
  height: 12px;
  content: "";
  display: block;
  background: url(../img/index/information/Information__allListsButtonArrow.svg)
    no-repeat center center;
  opacity: 1;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  z-index: 2;
}
.InformationCategory__allLists span.bg {
  background: #134966;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
}
.InformationCategory__allLists:hover span.bg {
  transform-origin: left top;
  transform: scale(1, 1);
}

/*-- PC --*/
.Information__containerPc {
  max-width: 1000px;
  margin: 0 auto;
}
.Information__containerPc .InformationCategory__titleContainer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 25px;
}
.Information__containerPc .InformationCategory__title {
  font-size: 24px;
  position: relative;
}
.Information__containerPc .InformationCategory__lists {
  margin-bottom: 40px;
}
.Information__containerPc .InformationCategory__inner::after {
  width: 50px;
  height: 2px;
  content: "";
  display: block;
  background-color: #144f6e;
  position: absolute;
  bottom: 0;
  left: 0;
}
.Information__containerPc .InformationCategory__lists {
  box-shadow: 0 0 5px rgba(13, 50, 70, 0.1);
}
.Information__containerPc .InformationCategory__lists li:first-child {
  border-top: 1px solid #bfbfbf;
}
.Information__containerPc .InformationCategory__lists li {
  border: 1px solid #bfbfbf;
  border-top: 1px solid transparent;
  position: relative;
}
.Information__containerPc .InformationCategory__lists li::after {
  width: 16px;
  height: 16px;
  content: "";
  display: block;
  background: url(../img/index/information/InformationCategory__listArrow.svg)
    no-repeat center center;
  opacity: 1;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  z-index: 2;
}
.Information__containerPc .InformationCategory__lists li a {
  padding: 15.5px 50px 17.5px 30px;
  display: block;
  position: relative;
  background: #fff;
}
.Information__containerPc .InformationCategory__lists li a time {
  color: #555556;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0;
}
.Information__containerPc .InformationCategory__lists li a span {
  color: #144f6e;
  font-size: 12px;
}
.Information__containerPc .InformationCategory__lists li a P {
  margin-top: 4px;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0;
  letter-spacing: 0.02em;
}

.Information__containerSp {
  display: none;
}

@media (max-width: 768px) {
  .Information {
    padding: 50px 0;
    background-image: none;
  }
  .Information .Information__SubHeader {
    margin-bottom: 30px;
  }
  .Information__containerPc {
    display: none;
  }
  .Information__containerSp {
    display: block;
  }
  .Information__containerSp .InformationCategory__titleContainer {
    display: flex;
  }
  .Information__containerSp .InformationCategory__titleInner {
    width: 50%;
    background-color: rgba(13, 50, 70, 0.8);
  }
  .Information__containerSp .InformationCategory__titleInner.-current {
    background-color: #0d3246;
  }
  .Information__containerSp .InformationCategory__titleInner:first-child {
    margin-right: 1px;
  }
  .Information__containerSp .InformationCategory__title {
    height: 100%;
    padding: 20px 0;
    color: #fff;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
  }
  .Information__containerSp .Information__categoryInnner {
    display: none;
  }
  .Information__containerSp .Information__categoryInnner.show {
    display: block;
  }
  .Information__containerSp .InformationCategory__lists {
    margin-bottom: 30px;
  }
  .Information__containerSp .InformationCategory__lists li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
  }
  .Information__containerSp .InformationCategory__lists li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
  .Information__containerSp .InformationCategory__lists li::after {
    width: 16px;
    height: 16px;
    content: "";
    display: block;
    background: url(../img/index/information/InformationCategory__listArrow.svg)
      no-repeat center center;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }
  .Information__containerSp .InformationCategory__lists li a {
    min-height: 90px;
    padding: 20px 50px 20px 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
  }
  .Information__containerSp .InformationCategory__lists li a time {
    color: #555556;
    font-size: 12px;
    font-weight: bold;
    line-height: 0;
  }
  .Information__containerSp .InformationCategory__lists li a span {
    color: #144f6e;
    font-size: 12px;
    line-height: 0;
  }
  .Information__containerSp .InformationCategory__lists li a P {
    margin-top: 10px;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .Information__containerSp .InformationCategory__allLists {
    width: 250px;
    height: 50px;
    margin: 0 auto;
  }
}

.Information__containerPc .InformationCategory__lists li a::before {
  content: "";
  background: rgba(13, 50, 70, 0.02);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
}

.Information__containerPc .InformationCategory__lists li a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}

.Information__containerPc .InformationCategory__lists li a:hover {
  box-sizing: border-box;
  z-index: 1;
}
.Information__containerPc .InformationCategory__lists li a:hover p {
  color: #144f6e;
}
.Information__containerPc .InformationCategory__lists li a:hover time {
  color: #144f6e;
}

.InformationCategory__listsInner {
  display: flex;
  align-items: center;
}

.InformationCategory__categoryLine {
  width: 0.5px;
  height: 8px;
  margin: 0 8px;
  background-color: #555556;
  line-height: 0;
}

@media (max-width: 450px) {
  .Information .Common__topPageTitle {
    width: 182px;
  }
}

.Movie {
  padding: 70px 20px;
  background-color: rgba(13, 50, 70, 0.02);
}
.Movie .Common__topPageTitle {
  width: 100px;
}
.Movie .Movie__container {
  max-width: 1230px;
  margin: 0 auto;
}
.Movie .Movie__heading {
  width: 100px;
  margin: 0 auto 12px;
  padding-bottom: 15px;
  position: relative;
}
.Movie .Movie__heading img {
  max-width: 100%;
}
.Movie .Movie__heading::after {
  width: 30px;
  height: 2px;
  content: "";
  display: block;
  background-color: #0d3246;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.Movie .Movie__subHeading {
  margin-bottom: 40px;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
}
.Movie .Movie__slider {
  margin-bottom: 30px;
}
.Movie .Movie__slideContainer {
  max-width: 380px;
  margin: 0 15px 0;
  display: block;
}
.Movie .Movie__slideImage {
  margin-bottom: 15px;
  box-shadow: 0 0 8px rgba(13, 50, 70, 0.3);
}
.Movie .Movie__slideImageInner {
  overflow: hidden;
  position: relative;
}
.Movie .Movie__slideImageInner img {
  max-width: 100%;
  transition: 0.3s;
}
.Movie .Movie__slideImageInner::before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: 0.3s;
}
.Movie .Movie__slideImageInner::after {
  width: 48px;
  height: 48px;
  content: "";
  display: block;
  background: url(../img/index/movie/Movie__slideImagePlayback.svg) no-repeat
    center center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
}
.Movie .Movie__slideText {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  color: #555556;
  margin-bottom: 8px;
}
.Movie .Movie__slideContainer:hover .Movie__slideImageInner img {
  transform: scale(1.05);
}
.Movie .Movie__slideContainer:hover .Movie__slideImageInner::before {
  background-color: rgba(0, 0, 0, 0.1);
}
.Movie .Movie__slideContainer:hover .Movie__slideImageInner::after {
  transform: scale(0.9) translate(-55%, -55%);
}
.Movie .Movie__slideContainer:hover .Movie__slideText {
  color: #333;
}
.Movie .Movie__slideCategory {
  display: none;
}
.Movie .Movie__slideDotsContainer {
  max-width: 1230px;
  margin: 0 auto 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Movie .Movie__slideDots {
  width: 100%;
  margin-right: 30px;
  max-width: 1078px;
}
.Movie .Movie__slideArrow {
  width: 85px;
  height: 15px;
  padding-right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.Movie .Movie__slideArrow img {
  max-width: 25px;
}
.Movie .Movie__slideArrow img:first-child {
  margin-right: 20px;
}

@media (max-width: 950px) {
  .Movie .Movie__slideText {
    font-size: 13px;
    line-height: 1.6;
  }
}

@media (max-width: 768px) {
  .Movie {
    padding: 50px 0;
  }
  .Movie .Movie__subHeading {
    margin-bottom: 30px;
  }
  .Movie .Movie__slider {
    margin-bottom: 25px;
  }
  .Movie .Movie__slideContainer {
    max-width: 648px;
    margin: 0 10px 0;
  }
  .Movie .Movie__slideImage {
    margin-bottom: 5.5px;
  }
  .Movie .Movie__slideDotsContainer {
    margin-bottom: 30px;
    padding: 0 20px;
  }
  .Movie .Movie__slideArrow {
    margin-right: 0;
    padding-right: 0;
    width: 70px;
  }
  .Movie .slick-dots {
    padding-left: 0;
  }
}

@media (max-width: 450px) {
  .Movie .Common__topPageTitle {
    width: 80px;
  }
}

.Movie__categoryContainer {
  display: flex;
  align-items: center;
}

.Movie__category {
  font-size: 11px;
  color: #144f6e;
  font-weight: bold;
  line-height: 0;
}

.Movie__categoryDate {
  font-size: 12px;
  color: #555556;
  font-weight: bold;
}

.Movie__categoryLine {
  width: 0.5px;
  height: 8px;
  margin: 0 8px;
  background-color: #555556;
  line-height: 0;
}

.NewsTicker {
  padding: 40px 20px;
  background-color: rgba(13, 50, 70, 0.02);
}
.NewsTicker .NewsTicker__inner {
  display: flex;
  height: 45px;
  max-width: 1200px;
  margin: 0 auto;
  box-shadow: 0 0 5px rgba(13, 50, 70, 0.05);
  border-radius: 20px;
}
.NewsTicker .NewsTicker__inner .NewsTicker__head {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  background-color: #0d3246;
  border-radius: 20px 0 0 20px;
}
.NewsTicker .NewsTicker__inner .NewsTicker__head .NewsTicker__headTitle {
  color: white;
  font-size: 12px;
  font-weight: bold;
}
.NewsTicker .NewsTicker__inner .NewsTicker__ticker {
  display: flex;
  margin: 0 auto;
  width: calc(100% - 120px);
  height: 100%;
  text-align: left;
  border: #d9dde1 1px solid;
  border-radius: 0 20px 20px 0;
  position: relative;
  overflow: hidden;
  border-left: none;
}
.NewsTicker .NewsTicker__inner .NewsTicker__ticker .NewsTicker__list {
  width: 100%;
  height: 100%;
  background-color: white;
  position: relative;
}
.NewsTicker
  .NewsTicker__inner
  .NewsTicker__ticker
  .NewsTicker__list
  .NewsTicker__item {
  width: 100%;
  height: 100%;
  display: none;
}
.NewsTicker
  .NewsTicker__inner
  .NewsTicker__ticker
  .NewsTicker__list
  .NewsTicker__item
  .NewsTicker__link {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8);
  transition: 0.3s;
}
.NewsTicker
  .NewsTicker__inner
  .NewsTicker__ticker
  .NewsTicker__list
  .NewsTicker__item
  .NewsTicker__link:hover {
  opacity: 0.8;
}
.NewsTicker
  .NewsTicker__inner
  .NewsTicker__ticker
  .NewsTicker__list
  .NewsTicker__item
  .NewsTicker__link
  .NewsTicker__date {
  margin: 0 28px;
  white-space: nowrap;
  font-weight: 500;
}
.NewsTicker
  .NewsTicker__inner
  .NewsTicker__ticker
  .NewsTicker__list
  .NewsTicker__item
  .NewsTicker__link
  .NewsTicker__linkText {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 20px);
}
.NewsTicker .NewsTicker__inner .NewsTicker__linkList {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  background-color: white;
  border: #d9dde1 1px solid;
  border-radius: 0 20px 20px 0;
  transition: 0.3s;
}
.NewsTicker .NewsTicker__inner .NewsTicker__linkList:hover {
  opacity: 0.8;
}
.NewsTicker .NewsTicker__inner .NewsTicker__linkList a {
  color: #144f6e;
  font-size: 12px;
  position: relative;
  top: -1px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .NewsTicker {
    padding: 0 0 20px 0;
  }
  .NewsTicker .NewsTicker__inner {
    height: 60px;
  }
  .NewsTicker .NewsTicker__inner .NewsTicker__head {
    width: 80px;
    border-radius: 0;
  }
  .NewsTicker .NewsTicker__inner .NewsTicker__ticker {
    width: calc(100% - 80px);
    border-radius: 0;
    border: none;
  }
  .NewsTicker
    .NewsTicker__inner
    .NewsTicker__ticker
    .NewsTicker__list
    .NewsTicker__item
    .NewsTicker__link {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin: 0 12px;
    font-size: 12px;
  }
  .NewsTicker
    .NewsTicker__inner
    .NewsTicker__ticker
    .NewsTicker__list
    .NewsTicker__item
    .NewsTicker__link
    .NewsTicker__date {
    margin: 0 0 5px 0;
    font-size: 10px;
    font-weight: 500;
  }
  .NewsTicker
    .NewsTicker__inner
    .NewsTicker__ticker
    .NewsTicker__list
    .NewsTicker__item
    .NewsTicker__link
    .NewsTicker__linkText {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    width: 100%;
    line-height: 1.4;
    font-weight: bold;
  }
  .NewsTicker .NewsTicker__inner .NewsTicker__linkList {
    display: none;
    width: 100px;
    border-radius: 0;
    border: none;
  }
  .NewsTicker .NewsTicker__inner .NewsTicker__linkList a {
    font-size: 12px;
  }
}

.PickUp {
  padding: 24px 0 70px;
  background-color: rgba(13, 50, 70, 0.02);
}
.PickUp .Common__topPageTitle {
  width: 125px;
}

.PickUp__Container {
  max-width: 1240px;
  margin: 0 auto;
}

.PickUp__recommendContainer {
  padding: 0 20px;
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
}

.PickUp__recommend:first-child {
  margin-right: 20px;
}

.PickUp__recommendImage {
  max-width: 590px;
  margin-bottom: 20px;
  box-shadow: rgba(13, 50, 70, 0.2) 0px 0px 8px;
  overflow: hidden;
  position: relative;
}
.PickUp__recommendImage img {
  display: block;
  transition-duration: 0.3s;
}

.PickUp__categoryContainer {
  display: flex;
  align-items: center;
}

.PickUp__category {
  font-size: 11px;
  color: #144f6e;
  font-weight: bold;
  line-height: 0;
}

.PickUp__categoryDate {
  font-size: 12px;
  color: #555556;
  font-weight: bold;
}

.PickUp__categoryLine {
  width: 0.5px;
  height: 8px;
  margin: 0 8px;
  background-color: #555556;
  line-height: 0;
}

.PickUp__recommend {
  position: relative;
}

.PickUp__recommend:hover .PickUp__recommendImage img {
  transform: scale(1.04);
  transition-duration: 0.3s;
}

.PickUp__recommendImage::before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: 0.3s;
}

.PickUp__recommend:hover .PickUp__recommendImage::before {
  background-color: rgba(0, 0, 0, 0.1);
}

.PickUp__recommendHeading {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 0;
  text-align: center;
}

.PickUp__recommendDescription {
  color: #555556;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: center;
}

.PickUp__slider {
  width: 100%;
  margin-bottom: 30px;
  padding: 0 10px;
  position: relative;
}

.PickUp__sliderView {
  display: flex;
  justify-content: space-between;
}

.PickUp__slideContainer {
  margin: 0 10px;
  max-width: 285px;
}

.PickUp__slideContainer:last-child {
  margin-right: 0;
}

.PickUpSlider__image {
  max-width: 285px;
  margin-bottom: 15px;
  box-shadow: rgba(13, 50, 70, 0.2) 0px 0px 5px;
  overflow: hidden;
  position: relative;
}

.PickUpSlider__heading {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.6;
  color: #555556;
  margin-bottom: 8px;
  letter-spacing: 0.02em;
  transition: 0.3s;
}

.PickUpSlider__image::before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: 0.3s;
}

.PickUp__slideContainer:hover .PickUpSlider__heading {
  color: #333;
}

.PickUp__slideContainer:hover .PickUpSlider__image::before {
  background-color: rgba(0, 0, 0, 0.1);
}

.PickUpSlider__dotsContainer {
  margin-bottom: 40px;
  padding-right: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.PickUpSlider__dots {
  margin-right: 30px;
  flex-basis: 1078px;
}
.PickUpSlider__dots span {
  width: 20%;
  height: 2px;
  background-color: #d9dde1;
  display: inline-block;
  cursor: pointer;
}
.PickUpSlider__dots span.-active {
  background-color: #0d3246;
}

.PickUpSlider__dotsArrows {
  flex-basis: 70px;
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
}
.PickUpSlider__dotsArrows img {
  width: 25px;
  margin-right: 20px;
  display: block;
  cursor: pointer;
}
.PickUpSlider__dotsArrows img:last-child {
  margin-right: 0;
}

/*--  --*/
@keyframes arrowbefore {
  100% {
    right: 7px;
    opacity: 0;
  }
}

@keyframes arrowafter {
  99% {
    right: 10px;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@media (max-width: 950px) {
  .PickUpSlider__heading {
    font-size: 13px;
  }
  .PickUp__category {
    font-size: 10px;
  }
  .PickUp__categoryDate {
    font-size: 10px;
  }
  .PickUp__categoryLine {
    margin: 0 5px;
  }
}

/*-- @media 768px --*/
@media (max-width: 768px) {
  .PickUp {
    padding: 50px 0;
  }
  .PickUp__recommendContainer {
    margin-bottom: 40px;
    display: block;
  }
  .PickUp__recommend {
    display: block;
  }
  .PickUp__recommendImage {
    max-width: none;
  }
  .PickUp__recommendHeading {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.5;
    text-align: left;
  }
  .PickUp__recommendDescription {
    font-size: 12px;
    text-align: left;
  }
  .PickUp__recommend:first-child {
    margin: 0 0 30px 0;
  }
  .PickUp__slider {
    padding: 0;
    left: 0;
  }
  .PickUp__sliderView {
    margin: 0 auto;
  }
  .PickUp__slideContainer {
    max-width: 285px;
    margin-right: 20px;
  }
  margin-right: 0;
  .PickUpSlider__image {
    width: 285px;
    box-shadow: none;
  }
  .PickUpSlider__heading {
    font-size: 13px;
  }
  .PickUp__category {
    font-size: 11px;
  }
  .PickUp__categoryDate {
    font-size: 12px;
  }
  .PickUp__categoryLine {
    margin: 0 8px;
  }
  .PickUp__slideContainer {
    margin: 0 10px;
    max-width: 648px;
  }
  .PickUpSlider__image {
    max-width: 648px;
  }
  .PickUp__allArticle {
    height: 40px;
  }
  .PickUp__allArticle p {
    line-height: 40px;
  }
}

@media (max-width: 450px) {
  .PickUp .Common__topPageTitle {
    width: 90px;
  }
}

.Product {
  padding: 70px 0 0;
}
.Product .Common__topPageTitle {
  width: 175px;
}

.Product__slide {
  max-width: 1920px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.Product__slideContainer {
  width: 33.33%;
}

.Product__image img {
  max-width: 100%;
}

.Product__explanationContainer {
  max-width: 380px;
  width: 80%;
  margin: -65px auto 0;
  position: relative;
}

.Product__explanationInner {
  margin-bottom: 10px;
  padding: 30px 15px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(13, 50, 70, 0.1);
}

.Product__explanationTitle {
  margin-bottom: 20px;
  padding-bottom: 15px;
  font-size: 20px;
}

.Product__explanation {
  margin-bottom: 30px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.8;
  color: #333;
}

.Product__explanationButton {
  max-width: 150px;
  width: 100%;
  height: 30px;
  margin: 0 auto;
  display: block;
  text-align: center;
  line-height: 26px;
  color: #0d3246;
  font-weight: bold;
  font-size: 12px;
  border: 1px solid #0d3246;
  border-radius: 15px;
  position: relative;
  transition: 0.3s;
  overflow: hidden;
  z-index: 2;
}
.Product__explanationButton::before {
  content: "";
  background: #0d3246;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s ease-in-out;
  border-radius: 15px;
}
.Product__explanationButton::after {
  width: 6px;
  height: 9px;
  content: "";
  background-image: url("../img/index/product/Product__explanationButtonArrow.svg");
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.Product__explanationButton:hover {
  color: #fff;
}
.Product__explanationButton:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.Product__explanationButton:hover::after {
  background-image: url("../img/index/product/Product__explanationButtonArrow--white.svg");
}

.Product__category {
  padding: 0 20px 70px;
}

.Product__categoryContainer {
  max-width: 1200px;
  margin: 0 auto;
}

.ProductCategory__heading {
  margin-bottom: 40px;
  padding-bottom: 20px;
  font-size: 24px;
}

.ProductCategory__slider {
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  background-color: #0d3246;
}

.ProductCategory__slideContainer {
  width: 33.33%;
  height: 220px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9dde1;
  border-right: 0;
  transform: translate(0, 0);
  transition: 0.3s;
}
.ProductCategory__slideContainer:hover {
  transform: translate(-10px, -10px);
  border: 1px solid #d9dde1;
  box-shadow: 0 0 10px rgba(13, 50, 70, 0.1);
}
.ProductCategory__slideContainer:hover .ProductCategory__slideList {
  opacity: 1;
}
.ProductCategory__slideContainer:nth-child(-n + 3) {
  border-bottom: 0;
}
.ProductCategory__slideContainer:nth-child(3n) {
  border-right: 1px solid #d9dde1;
}

.ProductCategory__slideInner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 30px 0;
}

.ProductCategory__slideTitle {
  padding-bottom: 12px;
  font-size: 16px;
}

.ProductCategory__slideImage {
  max-width: 217px;
  width: 85%;
  margin: 0 auto;
}

.ProductCategory__slideImage img {
  max-height: 70px;
}

.ProductCategory__slideList {
  color: #0d3246;
  opacity: 0;
  transition: opacity 0.3s;
  margin: 0 auto;
  padding-right: 18px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
  position: relative;
}
.ProductCategory__slideList::after {
  width: 7.5px;
  height: 10px;
  content: "";
  display: block;
  background: url(../img/index/product/ProductCategory__slideListArrow.svg)
    no-repeat center center;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-45%);
}

.Product__explanationTitle,
.ProductCategory__heading,
.ProductCategory__slideTitle {
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  position: relative;
}

.Product__heading::after,
.Product__explanationTitle::after,
.ProductCategory__heading::after,
.ProductCategory__slideTitle::after {
  width: 30px;
  height: 2px;
  content: "";
  display: block;
  background-color: #0d3246;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.Product__catalogContainer {
  text-align: center;
  padding: 70px 0 10px;
}
.Product__catalogContainer img {
  width: 800px;
  box-shadow: 0 0 5px rgba(13, 50, 70, 0.3);
  transition: 0.3s;
}
.Product__catalogContainer img:hover {
  opacity: 0.8;
}

@media (max-width: 1400px) {
  .Product__explanationTitle {
    font-size: 1.43vw;
  }
  .Product__explanation {
    font-size: 0.85vw;
  }
}

@media (max-width: 1100px) {
  .Product__explanationContainer {
    margin-top: -35px;
    width: 90%;
  }
}

@media (max-width: 950px) {
  .Product__explanationContainer {
    margin-top: -25px;
  }
  .Product__explanationInner {
    min-height: 240px;
  }
}

@media (max-width: 768px) {
  .Product {
    padding: 50px 0 0;
  }
  .Product__explanationContainer {
    max-width: 500px;
  }
  .Product__slideContainer {
    max-width: 648px;
  }
  .Product__explanationTitle {
    font-size: 18px;
  }
  .Product__explanation {
    font-size: 15px;
    line-height: 1.5;
  }
  .ProductCategory__slideTitle {
    font-size: 14px;
  }
  .Product__category {
    padding: 0 0 50px;
    background-color: #fff;
  }
  .ProductCategory__heading {
    margin-bottom: 30px;
    font-size: 18px;
  }
  .ProductCategory__slider {
    margin-bottom: 20px;
  }
  .ProductCategory__slideContainer {
    width: 50%;
    padding: 15px 12% 18px;
  }
  .slick-slide:nth-child(2n + 1) .ProductCategory__slideContainer {
    /* border-left: 0; */
    border-right: 0;
    border-bottom: 1px solid #d9dde1;
  }
  .slick-slide:nth-child(2n + 1)
    div:first-child
    .ProductCategory__slideContainer {
    border-bottom: 0;
  }
  .slick-slide:nth-child(2n) .ProductCategory__slideContainer {
    border-right: 0;
    border-bottom: 1px solid #d9dde1;
  }
  .slick-slide:nth-child(2n) div:first-child .ProductCategory__slideContainer {
    border-bottom: 0;
  }
  .ProductCategory__slideContainer:hover {
    transform: translate(0, 0);
  }
  .ProductCategory__slideInner {
    padding: 20px 0;
  }
  .Product__slideDots,
  .Product__categoryDots {
    margin-bottom: 30px;
  }
  .ProductCategory__slideList {
    opacity: 1;
    cursor: pointer;
  }
  .Product__catalogContainer {
    padding: 50px 20px 10px;
  }
}

@media (max-width: 650px) {
  .ProductCategory__slideContainer {
    padding: 15px 0;
  }
  .ProductCategory__slideList {
    font-size: 11px;
  }
  .Product__explanation {
    font-size: 14px;
    line-height: 1.5;
  }
  .Product__explanationInner {
    min-height: auto;
    box-shadow: none;
  }
  .Product__explanationContainer {
    width: 100%;
    margin-top: 0;
  }
}

@media (max-width: 450px) {
  .Product .Common__topPageTitle {
    width: 115px;
  }
  .Product__explanationTitle {
    font-size: 16px;
  }
  .Product__explanation {
    font-size: 12px;
    line-height: 1.75;
  }
  .Product__explanationInner {
    padding: 20px;
  }
}

@media (max-width: 350px) {
  .Product__explanationTitle {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .Product__explanation {
    font-size: 10px;
    margin-bottom: 20px;
  }
}

.IrAnchorMenu {
  padding-top: 20px;
}
.IrAnchorMenu .IrAnchorMenu__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1240px;
}
.IrAnchorMenu .IrAnchorMenu__list .IrAnchorMenu__item {
  margin-top: 20px;
  margin-right: 40px;
  font-weight: bold;
}
.IrAnchorMenu .IrAnchorMenu__list .IrAnchorMenu__item .IrAnchorMenu__link {
  display: flex;
  align-items: center;
  font-size: 14px;
  word-break: keep-all;
  white-space: nowrap;
}
.IrAnchorMenu
  .IrAnchorMenu__list
  .IrAnchorMenu__item
  .IrAnchorMenu__link:hover {
  color: #0d3246;
}
.IrAnchorMenu
  .IrAnchorMenu__list
  .IrAnchorMenu__item.anchor
  .IrAnchorMenu__link::after {
  content: "";
  display: block;
  margin-left: 6px;
  width: 8px;
  height: 8px;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  transform: rotate(45deg) translateY(-35%);
  position: relative;
  top: 2px;
}
.IrAnchorMenu
  .IrAnchorMenu__list
  .IrAnchorMenu__item.external
  .IrAnchorMenu__link::after {
  content: "";
  margin-left: 6px;
  background: url("../img/ir-info/IrInfo__iconLink.png") no-repeat
    center/contain;
  width: 14px;
  height: 14px;
}
.IrAnchorMenu
  .IrAnchorMenu__list
  .IrAnchorMenu__item.pdf
  .IrAnchorMenu__link::after {
  content: "";
  margin-left: 6px;
  background: url("../img/ir-info/IrInfo__iconPdf.png") no-repeat center/contain;
  width: 14px;
  height: 14px;
}

@media (max-width: 1200px) {
  .IrAnchorMenu .IrAnchorMenu__list .IrAnchorMenu__item {
    margin-right: 30px;
  }
}

@media (max-width: 1100px) {
  .IrAnchorMenu .IrAnchorMenu__list .IrAnchorMenu__item {
    margin-right: 25px;
  }
  .IrAnchorMenu .IrAnchorMenu__list .IrAnchorMenu__item .IrAnchorMenu__link {
    font-size: 13px;
  }
}

@media (max-width: 950px) {
  .IrAnchorMenu .IrAnchorMenu__list .IrAnchorMenu__item {
    margin-right: 30px;
  }
  .IrAnchorMenu .IrAnchorMenu__list .IrAnchorMenu__item .IrAnchorMenu__link {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .IrAnchorMenu {
    padding: 10px 0 20px;
  }
  .IrAnchorMenu .IrAnchorMenu__list .IrAnchorMenu__item {
    margin-top: 10px;
    margin-right: 20px;
  }
  .IrAnchorMenu .IrAnchorMenu__list .IrAnchorMenu__item .IrAnchorMenu__link {
    font-size: 12px;
  }
  .IrAnchorMenu
    .IrAnchorMenu__list
    .IrAnchorMenu__item.anchor
    .IrAnchorMenu__link::after {
    content: "";
    display: block;
    margin-left: 6px;
    width: 6px;
    height: 6px;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    transform: rotate(45deg) translateY(-35%);
  }
  .IrAnchorMenu
    .IrAnchorMenu__list
    .IrAnchorMenu__item.external
    .IrAnchorMenu__link::after {
    content: "";
    margin-left: 6px;
    background: url("../img/ir-info/IrInfo__iconLink.png") no-repeat
      center/contain;
    width: 12px;
    height: 12px;
  }
  .IrAnchorMenu
    .IrAnchorMenu__list
    .IrAnchorMenu__item.pdf
    .IrAnchorMenu__link::after {
    content: "";
    margin-left: 6px;
    background: url("../img/ir-info/IrInfo__iconPdf.png") no-repeat
      center/contain;
    width: 12px;
    height: 12px;
  }
}

@media (max-width: 450px) {
  .IrAnchorMenu {
    padding: 10px 0 20px;
  }
  .IrAnchorMenu .IrAnchorMenu__list .IrAnchorMenu__item:nth-child(-n + 5) {
    display: none;
  }
}

.IrInfoHeading .IrInfoHeading__head {
  font-size: 30px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .IrInfoHeading .IrInfoHeading__head {
    font-size: 20px;
  }
}

.IrInfoList {
  padding-top: 40px;
}
.IrInfoList .IrInfoList__listContainer {
  padding: 0 0 48px;
}
.IrInfoList .IrInfoList__listContainer .IrInfoList__archiveYear {
  padding: 32px 0 4px;
  font-size: 22px;
  font-weight: bold;
}
.IrInfoList .IrInfoList__listContainer .IrInfoList__linkList {
  font-size: 16px;
  font-weight: bold;
}
.IrInfoList
  .IrInfoList__listContainer
  .IrInfoList__linkList
  .IrInfoList__linkItem {
  padding: 20px 0;
  border-bottom: solid 1px #d9dce0;
}
.IrInfoList
  .IrInfoList__listContainer
  .IrInfoList__linkList
  .IrInfoList__linkItem
  a:hover {
  color: #0d3246;
}
.IrInfoList
  .IrInfoList__listContainer
  .IrInfoList__linkList
  .IrInfoList__linkItem
  .IrInfoList__link {
  display: flex;
  align-items: center;
}
.IrInfoList
  .IrInfoList__listContainer
  .IrInfoList__linkList
  .IrInfoList__linkItem
  .IrInfoList__link::before {
  content: "";
  margin: 0 12px 0 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0d3246;
}
.IrInfoList
  .IrInfoList__listContainer
  .IrInfoList__linkList
  .IrInfoList__linkItem
  .IrInfoList__link::after {
  content: "";
  position: relative;
  top: 1px;
  margin-left: 6px;
  background: url("../img/ir-info/IrInfo__iconPdf.png") no-repeat center/contain;
  width: 14px;
  height: 14px;
}
.IrInfoList
  .IrInfoList__listContainer
  .IrInfoList__linkList
  .IrInfoList__linkItem:last-child {
  border-bottom: none;
}
.IrInfoList .IrInfoList__listContainer .IrInfoList-financialHistory {
  font-weight: bold;
}
.IrInfoList
  .IrInfoList__listContainer
  .IrInfoList-financialHistory
  .IrInfoList-financialHistoryLink {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #0d3246;
}
.IrInfoList
  .IrInfoList__listContainer
  .IrInfoList-financialHistory
  .IrInfoList-financialHistoryLink:hover {
  text-decoration: underline;
}
.IrInfoList
  .IrInfoList__listContainer
  .IrInfoList-financialHistory
  .IrInfoList-financialHistoryLink::before {
  content: "";
  position: relative;
  top: 2px;
  right: 8px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #0d3246;
  border-right: solid 2px #0d3246;
  transform: rotate(45deg) translateY(-35%);
}

@media (max-width: 768px) {
  .IrInfoList {
    padding-top: 16px;
  }
  .IrInfoList .IrInfoList__listContainer {
    padding: 0 0 20px;
  }
  .IrInfoList .IrInfoList__listContainer .IrInfoList__archiveYear {
    padding: 20px 0 0;
    font-size: 18px;
    font-weight: bold;
  }
  .IrInfoList .IrInfoList__listContainer .IrInfoList__linkList {
    font-size: 13px;
  }
  .IrInfoList
    .IrInfoList__listContainer
    .IrInfoList__linkList
    .IrInfoList__linkItem {
    padding: 16px 0;
    border-bottom: solid 1px #d9dce0;
  }
  .IrInfoList
    .IrInfoList__listContainer
    .IrInfoList__linkList
    .IrInfoList__linkItem
    .IrInfoList__link {
    display: flex;
    align-items: center;
  }
  .IrInfoList
    .IrInfoList__listContainer
    .IrInfoList__linkList
    .IrInfoList__linkItem
    .IrInfoList__link::before {
    margin: 0 8px 0 10px;
  }
  .IrInfoList
    .IrInfoList__listContainer
    .IrInfoList__linkList
    .IrInfoList__linkItem
    .IrInfoList__link::after {
    width: 12px;
    height: 12px;
  }
  .IrInfoList
    .IrInfoList__listContainer
    .IrInfoList__linkList
    .IrInfoList__linkItem:last-child {
    border-bottom: none;
  }
  .IrInfoList .IrInfoList__listContainer .IrInfoList-financialHistory {
    font-weight: bold;
  }
  .IrInfoList
    .IrInfoList__listContainer
    .IrInfoList-financialHistory
    .IrInfoList-financialHistoryLink {
    font-size: 13px;
    margin-bottom: 16px;
  }
  .IrInfoList
    .IrInfoList__listContainer
    .IrInfoList-financialHistory
    .IrInfoList-financialHistoryLink::before {
    width: 6px;
    height: 6px;
  }
}

.IrInfoList__wrapper {
  position: relative;
  overflow: hidden;
}
.IrInfoList__wrapper .IrInfoList__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: 1;
  overflow: hidden;
}
.IrInfoList__wrapper .IrInfoList__bgImage .IrInfoList__bgImage__img {
  position: absolute;
  right: -30%;
}
.IrInfoList__wrapper .IrInfoList__contents {
  display: flex;
  padding: 70px 15px 100px;
  margin: 0 auto;
  max-width: 1240px;
}
.IrInfoList__wrapper .IrInfoList__contents .IrInfoList__main {
  margin-right: 40px;
  width: calc(75% - 40px);
  max-width: calc(100% - 250px - 40px);
  z-index: 2;
}
.IrInfoList__wrapper .IrInfoList__contents .IrInfoList__sidebar {
  width: 25%;
  min-width: 250px;
  z-index: 2;
}

@media screen and (max-width: 949px) {
  .IrInfoList__wrapper .IrInfoList__contents {
    display: block;
    padding: 30px 15px 50px;
  }
  .IrInfoList__wrapper .IrInfoList__contents .IrInfoList__main {
    margin-right: 0;
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 768px) {
  .IrInfoList__wrapper .IrInfoList__bgImage {
    display: none;
  }
  .IrInfoList__wrapper .IrInfoList__bgImage .IrInfoList__sidebar {
    width: 100%;
  }
}

.MovieDetail__container {
  position: relative;
}
.MovieDetail__container .MovieDetail__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: -1;
  overflow: hidden;
}
.MovieDetail__container .MovieDetail__bgImage img {
  position: absolute;
  top: 12%;
  right: -30%;
}

.MovieDetail {
  max-width: 890px;
  margin: 0 auto;
  padding: 70px 20px 100px;
  position: relative;
  /*-- MOVIE設定 --*/
  /*-- YouTube埋め込み時の仮置スタイル
   参考サイト(https://yuri-lifestyle.com/youtube_api/)
   現在、テスト記載のため参考サイトのクラス名のままです。 --*/
  /*-- SHARE設定 --*/
}
.MovieDetail .MovieDetail__titleContainer {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.MovieDetail .MovieDetail__title {
  font-size: 12px;
  font-weight: bold;
}
.MovieDetail .MovieDetail__date {
  font-size: 12px;
  font-weight: 500;
}
.MovieDetail .MovieDetail__title {
  color: white;
  padding: 8px 12px;
  background-color: #0d3246;
}
.MovieDetail .MovieDetail__heading {
  margin-bottom: 25px;
  font-size: 30px;
  font-weight: bold;
}
.MovieDetail .MovieDetail__movie {
  margin-bottom: 15px;
  padding-top: 56.25%;
  border: 1px solid #5e5e5e;
  box-shadow: 2px 2px 3px rgba(13, 50, 70, 0.1);
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.MovieDetail .MovieDetail__movie iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.MovieDetail .MovieDetail__shareContainer {
  margin-bottom: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.MovieDetail .MovieDetail__shareTitle {
  color: #555556;
  font-size: 12px;
  font-weight: bold;
}
.MovieDetail .MovieDetail__shareBorder {
  width: 0.5px;
  height: 8px;
  margin: 0 20px 0 22px;
  background-color: #555556;
}
.MovieDetail .MovieDetail__shareIcon {
  display: flex;
}
.MovieDetail .MovieDetail__shareIcon a {
  width: 24px;
  margin-right: 8px;
  display: block;
  position: relative;
}
.MovieDetail .MovieDetail__shareIcon a:last-child {
  margin-right: 0;
}
.MovieDetail .MovieDetail__shareIcon a::after {
  width: 35px;
  height: 35px;
  content: "";
  background-color: rgba(13, 50, 70, 0.3);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.2s;
}
.MovieDetail .MovieDetail__shareIcon a:hover::after {
  transform: translate(-50%, -50%) scale(1);
}
.MovieDetail .MovieDetail__shareIcon img {
  max-width: 100%;
}

@media (max-width: 768px) {
  .MovieDetail {
    padding: 40px 20px 50px;
  }
  .MovieDetail .MovieDetail__titleContainer {
    margin-bottom: 5px;
  }
  .MovieDetail .MovieDetail__heading {
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 1.5;
  }
  .MovieDetail .MovieDetail__shareContainer {
    margin-bottom: 20px;
  }
}

.ArticleMainListWrap {
  position: relative;
}
.ArticleMainListWrap .ArticleMainList__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: -1;
  overflow: hidden;
}
.ArticleMainListWrap .ArticleMainList__bgImage img {
  position: absolute;
  top: 12%;
  right: -30%;
}
.ArticleMainListWrap
  .ArticleMainList.-movie
  .ArticleMainList__link:hover
  .ArticleMainList__thumbnail::after {
  transform: scale(0.9) translate(-55%, -55%);
}
.ArticleMainListWrap .ArticleMainList.-movie .ArticleMainList__thumbnail {
  box-shadow: 0 0 8px rgba(13, 50, 70, 0.3);
}
.ArticleMainListWrap
  .ArticleMainList.-movie
  .ArticleMainList__thumbnail::after {
  width: 48px;
  height: 48px;
  content: "";
  display: block;
  background: url(../img/common/PlayButton.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
}

@media (max-width: 768px) {
  .ArticleMainListWrap .ArticleMainList__bgImage {
    display: none;
  }
}

.NewsContent {
  color: #333;
  position: relative;
}
.NewsContent .NewsContent__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: -1;
  overflow: hidden;
}
.NewsContent .NewsContent__bgImage img {
  position: absolute;
  top: 12%;
  right: -30%;
}
.NewsContent .NewsContent__container {
  max-width: 1240px;
  padding: 30px 20px 100px;
  margin: 0 auto;
}
.NewsContent .NewsContent__contentsContainer {
  display: flex;
  justify-content: space-between;
}
.NewsContent .NewsContent__mainContents {
  padding-top: 40px;
  width: calc(75% - 40px);
  margin-right: 40px;
}
.NewsContent .NewsContent__titleHeader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.NewsContent .NewsContent__category {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: #0d3246;
  padding: 7px 10px;
}
.NewsContent .NewsContent__date {
  color: #333;
  font-size: 12px;
  font-weight: 500;
}
.NewsContent .NewsContent__title {
  color: #333;
  font-size: 30px;
  font-weight: bold;
  line-height: calc(44 / 32);
  border-bottom: 1px solid #d8dce0;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.NewsContent .NewsContent__description {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: calc(25 / 14);
}
.NewsContent .NewsContent__description p {
  margin-bottom: 20px;
}
.NewsContent .NewsContent__descriptionBox {
  background: #fff;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  line-height: calc(25 / 14);
  padding: 20px 40px;
  margin-bottom: 30px;
}
.NewsContent .NewsContent__descriptionBox li {
  list-style-type: disc;
}
.NewsContent .NewsContent__descriptionBox li:not(:last-child) {
  margin-bottom: 10px;
}
.NewsContent .NewsContent__sideContentsInner {
  margin-top: 85px;
  width: 300px;
  min-width: 250px;
  background: #fff;
  border: 1px solid #d9dce0;
  box-shadow: 0 0 4px #d9dce0;
  padding: 15px 30px 30px;
  position: relative;
}
.NewsContent .NewsContent__sideContentsInner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  width: 38px;
  height: 5px;
  background-color: #0d3246;
}
.NewsContent .NewsContent__searchCategoryTitle {
  display: inline-block;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-top: 20px;
}
.NewsContent .NewsContent__searchCategoryList {
  padding-top: 10px;
}
.NewsContent .NewsContent__searchCategoryListItem {
  color: #333;
  font-size: 13px;
  font-weight: bold;
  border-bottom: 1px solid #d8dce0;
  position: relative;
  overflow: hidden;
}
.NewsContent .NewsContent__searchCategoryListItem a {
  display: block;
  padding: 15px 12px 15px 15px;
}
.NewsContent .NewsContent__searchCategoryListItem::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 4px solid transparent;
  border-left: 5px solid #0d3246;
  border-bottom: 4px solid transparent;
  transition: 0.3s;
}
.NewsContent .NewsContent__searchCategoryListItem:hover:before {
  left: 5px;
}
.NewsContent .NewsContent__searchCategoryListItem:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(13, 50, 70, 0.02);
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
  pointer-events: none;
}
.NewsContent .NewsContent__searchCategoryListItem:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
}

@media screen and (max-width: 949px) {
  .NewsContent .NewsContent__contentsContainer {
    display: block;
  }
  .NewsContent .NewsContent__mainContents {
    padding-top: 0px;
    width: 100%;
  }
  .NewsContent .NewsContent__sideContentsInner {
    width: 100%;
    margin-top: 50px;
  }
  .NewsContent .NewsContent__sideContentsExchange {
    padding-top: 30px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .NewsContent .NewsContent__bgImage {
    display: none;
  }
  .NewsContent .NewsContent__container {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .NewsContent .NewsContent__description {
    padding: 0;
  }
  .NewsContent .NewsContent__title {
    font-size: 20px;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
  .NewsContent .NewsList__title:before {
    width: 16px;
    height: 16px;
    right: -24px;
  }
  .NewsContent .NewsContent__title:after {
    width: 30px;
  }
  .NewsContent .NewsContent__searchCategoryTitle {
    font-size: 13px;
  }
  .NewsContent .NewsContent__searchCategoryTitle:before {
    width: 13px;
    height: 13px;
  }
  .NewsContent .NewsContent__searchCategoryListItem {
    font-size: 12px;
  }
}

@media (max-width: 450px) {
  .NewsContent .NewsContent__description {
    padding: 0;
  }
}

.NewsList {
  color: #333;
  position: relative;
}
.NewsList .NewsList__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: -1;
  overflow: hidden;
}
.NewsList .NewsList__bgImage img {
  position: absolute;
  top: 12%;
  right: -30%;
}
.NewsList .NewsList__container {
  max-width: 1240px;
  padding: 43px 20px 140px;
  margin: 0 auto;
}
.NewsList .NewsList__contentsContainer {
  display: flex;
  justify-content: space-between;
}
.NewsList .NewsList__mainContents {
  padding-top: 40px;
  width: calc(75% - 40px);
  margin-right: 40px;
}
.NewsList .NewsList__tabList {
  display: flex;
}
.NewsList .NewsList__tabListItem {
  border-bottom: 1px solid #d8dce0;
  width: 50%;
  text-align: center;
  padding-bottom: 15px;
  cursor: pointer;
}
.NewsList .NewsList__tabListItem.is-active {
  border-bottom: 3px solid #0d3246;
}
.NewsList .NewsList__tabListItemInner {
  border-left: 1px solid #d8dce0;
  height: 27px;
  color: #333;
  font-size: 20px;
  font-weight: bold;
}
.NewsList .NewsList__tabListItem:last-child .NewsList__tabListItemInner {
  border-right: 1px solid #d8dce0;
}
.NewsList .NewsList__tabTargetItem {
  display: none !important;
  left: 0px;
  top: 0px;
  width: 100%;
  transition: all 1.25s ease;
  overflow: hidden;
}
.NewsList .NewsList__tabTargetItem.is-active {
  display: block !important;
}
.NewsList .NewsList__tabTargetItem {
  opacity: 0;
}
.NewsList .NewsList__tabTargetItem.is-active {
  opacity: 1;
}
.NewsList .NewsList__tabTargetItem.is-prepare-left {
  display: block !important;
  transition: all 0.01s ease;
  opacity: 0;
  transform: translate(-30px, 0);
}
.NewsList .NewsList__tabTargetItem.is-prepare-right {
  display: block !important;
  transition: all 0.01s ease;
  opacity: 0;
  transform: translate(30px, 0);
}
.NewsList .NewsList__tabTargetItem.is-prepare-left.is-active,
.NewsList .NewsList__tabTargetItem.is-prepare-right.is-active {
  transition: all 0.5s ease;
  opacity: 1;
  transform: translate(0, 0);
}
.NewsList .NewsList__tabTargetItem.is-fadeout-left {
  display: block !important;
  transition: all 0.5s ease;
  opacity: 0;
  transform: translate(-30px, 0);
}
.NewsList .NewsList__tabTargetItem.is-fadeout-right {
  display: block !important;
  transition: all 0.5s ease;
  opacity: 0;
  transform: translate(30px, 0);
}
.NewsList .NewsList__tabTagetTitle {
  color: #0d3246;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  padding-top: 40px;
  padding-left: 40px;
  padding-bottom: 10px;
}
.NewsList .NewsList__tabTagetTitle:before {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 10px;
  top: 41px;
}
.NewsList .NewsList__tabTagetTitle.info:before {
  content: url(../img/news/NewsList__icon-info.svg);
}
.NewsList .NewsList__tabTagetTitle.warn:before {
  content: url(../img/news/NewsList__icon-warn.svg);
}
.NewsList .NewsList__listItemTitle {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  padding-top: 15px;
  line-height: 1.5;
  transition: 0.3s;
}
.NewsList .NewsList__listItemDate {
  color: #555556;
  font-size: 12px;
  font-weight: 500;
  transition: 0.3s;
}
.NewsList .NewsList__listItem {
  border-bottom: 1px solid #d8dce0;
  padding: 15px 24px 15px 10px;
  position: relative;
}
.NewsList .NewsList__listItem a {
  display: block;
  transition: 0.3s;
}
.NewsList .NewsList__listItem a:hover .NewsList__listItemTitle {
  color: #0d3246;
}
.NewsList .NewsList__listItem a:hover .NewsList__listItemDate {
  color: #0d3246;
}
.NewsList .NewsList__listItem:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  background: rgba(13, 50, 70, 0.02);
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
}
.NewsList .NewsList__listItem:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.NewsList .NewsList__listItem:after {
  position: absolute;
  content: url(../img/news/NewsList__icon-arrow.svg);
  width: 14px;
  height: 14px;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
}
.NewsList .NewsList__listItemCategory {
  color: #0d3246;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  padding-left: 17px;
}
.NewsList .NewsList__listItemCategory:before {
  position: absolute;
  content: "";
  background: #555556;
  width: 1px;
  height: 8px;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.NewsList .NewsList__sideContentsInner {
  margin-top: 85px;
  width: 300px;
  min-width: 250px;
  background: #fff;
  border: 1px solid #d9dce0;
  box-shadow: 0 0 4px #d9dce0;
  padding: 15px 30px 30px;
  position: relative;
}
.NewsList .NewsList__sideContentsInner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  width: 38px;
  height: 5px;
  background-color: #0d3246;
}
.NewsList .NewsList__searchCategoryTitle {
  display: inline-block;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-top: 20px;
}
.NewsList .NewsList__searchCategoryList {
  padding-top: 10px;
}
.NewsList .NewsList__searchCategoryListItem {
  color: #333;
  font-size: 13px;
  font-weight: bold;
  border-bottom: 1px solid #d8dce0;
  position: relative;
  overflow: hidden;
}
.NewsList .NewsList__searchCategoryListItem a {
  display: block;
  padding: 15px 12px 15px 15px;
}
.NewsList .NewsList__searchCategoryListItem::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 4px solid transparent;
  border-left: 5px solid #0d3246;
  border-bottom: 4px solid transparent;
  transition: 0.3s;
}
.NewsList .NewsList__searchCategoryListItem:hover:before {
  left: 5px;
}
.NewsList .NewsList__searchCategoryListItem:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(13, 50, 70, 0.02);
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
  pointer-events: none;
}
.NewsList .NewsList__searchCategoryListItem:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.NewsList .NewsList__sideContentsExchange {
  padding-top: 60px;
}
.NewsList .NewsList__sideContentsExchange img {
  width: 300px;
}

@media screen and (max-width: 949px) {
  .NewsList .NewsList__mainContents {
    width: 100%;
  }
  .NewsList .NewsList__contentsContainer {
    display: block;
  }
  .NewsList .NewsList__sideContents {
    padding: 0 20px;
  }
  .NewsList .NewsList__sideContentsInner {
    width: 100%;
    margin-top: 50px;
  }
  .NewsList .NewsList__searchCategoryTitle:before {
    width: 13px;
    height: 13px;
  }
  .NewsList .NewsList__sideContentsExchange {
    padding-top: 30px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .NewsList .NewsList__bgImage {
    display: none;
  }
  .NewsList .NewsList__container {
    padding: 50px 0 50px;
  }
  .NewsList .NewsList__title {
    font-size: 16px;
    padding-bottom: 15px;
  }
  .NewsList .NewsList__title:before {
    width: 16px;
    height: 16px;
    right: -24px;
  }
  .NewsList .NewsList__title:after {
    width: 30px;
  }
  .NewsList .NewsList__mainContents {
    padding-top: 0;
    width: 100%;
  }
  .NewsList .NewsList__tabListItem {
    padding-bottom: 5px;
  }
  .NewsList .NewsList__tabListItemInner {
    font-size: 15px;
    border-left: none;
    border-right: none;
  }
  .NewsList .NewsList__tabListItem:last-child .NewsList__tabListItemInner {
    border-left: 1px solid #d8dce0;
    border-right: none;
  }
  .NewsList .NewsList__tabTagetTitle {
    font-size: 15px;
    padding-left: 30px;
  }
  .NewsList .NewsList__tabTagetTitle:before {
    width: 15px;
    height: 15px;
  }
  .NewsList .NewsList__listItem {
    padding-left: 20px;
  }
  .NewsList .NewsList__listItemTitle {
    font-size: 13px;
  }
  .NewsList .NewsList__pagination {
    padding-top: 40px;
  }
  .NewsList .NewsList__buttonToFaqTop {
    padding-top: 30px;
  }
  .NewsList .NewsList__searchCategoryTitle {
    font-size: 13px;
  }
  .NewsList .NewsList__searchCategoryListItem {
    font-size: 12px;
  }
}

.NotFound {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  min-height: calc(100vh - 254px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.NotFound__heading {
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 20px;
}

.NotFound__subHeading {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .NotFound {
    padding: 0 20px;
    min-height: calc(100vh - 405px);
  }
  .NotFound__heading {
    font-size: 36px;
  }
}

.Page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 70px 20px 100px;
}
.Page .Page__title {
  margin-bottom: 40px;
  padding-bottom: 18px;
  font-size: 30px;
  border-bottom: solid 1px #d9dce0;
  font-weight: bold;
}
.Page p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
  margin-bottom: 20px;
}
.Page a {
  color: #0d3246;
  font-size: 14px;
}
.Page a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .Page {
    padding: 40px 20px 50px;
  }
  .Page .Page__title {
    font-size: 20px;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
  .Page p {
    font-size: 13px;
  }
  .Page a {
    font-size: 13px;
  }
}

.ProductDetail__shareButtons {
  border: solid #d9dce0;
  border-width: 1px 0;
}
.ProductDetail__shareButtons .Common__shareButtons {
  max-width: 1240px;
  justify-content: flex-end;
  margin: 0 auto;
  padding: 8px 20px;
}

.ProductEyecatch {
  display: flex;
  justify-content: space-between;
  max-width: 1240px;
  padding: 0 20px 40px;
  margin: 0 auto;
}
.ProductEyecatch .ProductEyecatch__descriptionContainer {
  position: relative;
  margin-right: 60px;
  width: calc(36% - 60px);
}
.ProductEyecatch
  .ProductEyecatch__descriptionContainer
  .ProductEyecatch__description {
  position: absolute;
  bottom: 0;
  margin-bottom: 30px;
}
.ProductEyecatch
  .ProductEyecatch__descriptionContainer
  .ProductEyecatch__preTitle {
  font-size: 12px;
  font-weight: bold;
}
.ProductEyecatch
  .ProductEyecatch__descriptionContainer
  .ProductEyecatch__productName {
  margin-top: 10px;
  display: flex;
  align-items: baseline;
}
.ProductEyecatch
  .ProductEyecatch__descriptionContainer
  .ProductEyecatch__productName
  .ProductEyecatch__productNameMain {
  margin-right: 8px;
  font-size: 24px;
  font-weight: bold;
}
.ProductEyecatch
  .ProductEyecatch__descriptionContainer
  .ProductEyecatch__price {
  margin-top: 12px;
  font-weight: 500;
}
.ProductEyecatch
  .ProductEyecatch__descriptionContainer
  .ProductEyecatch__price
  .ProductEyecatch__priceNoTax {
  font-size: 11px;
  margin-left: 5px;
  font-weight: 500;
}
.ProductEyecatch
  .ProductEyecatch__descriptionContainer
  .ProductEyecatch__barBlue {
  margin: 20px 0 18px;
  width: 50px;
  height: 3px;
  background-color: #0d3246;
}
.ProductEyecatch
  .ProductEyecatch__descriptionContainer
  .ProductEyecatch__descriptionText {
  line-height: 1.5;
  font-size: 14px;
  font-weight: 500;
}
.ProductEyecatch
  .ProductEyecatch__descriptionContainer
  .ProductEyecatch__barGray {
  margin: 18px 0 0;
  width: 100%;
  height: 1px;
  background-color: #d9dce0;
}
.ProductEyecatch
  .ProductEyecatch__descriptionContainer
  .ProductEyecatch__chooseColors {
  margin-top: 12px;
}
.ProductEyecatch
  .ProductEyecatch__descriptionContainer
  .ProductEyecatch__chooseColors
  .ProductEyecatch__chooseColorsHead {
  font-size: 12px;
  font-weight: bold;
}
.ProductEyecatch
  .ProductEyecatch__descriptionContainer
  .ProductEyecatch__colorSelection {
  display: flex;
  margin-top: 12px;
}
.ProductEyecatch
  .ProductEyecatch__descriptionContainer
  .ProductEyecatch__colorSelection
  .ProductEyecatch__color {
  display: none;
}
.ProductEyecatch
  .ProductEyecatch__descriptionContainer
  .ProductEyecatch__colorSelection
  .ProductEyecatch__colorLabel {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border-radius: 50%;
  border: 1px solid #d9dce0;
  cursor: pointer;
}
.ProductEyecatch
  .ProductEyecatch__descriptionContainer
  .ProductEyecatch__colorSelection
  .ProductEyecatch__colorLabel[for="color-blue"] {
  background-color: #001983;
}
.ProductEyecatch
  .ProductEyecatch__descriptionContainer
  .ProductEyecatch__colorSelection
  .ProductEyecatch__colorLabel[for="color-lightBlue"] {
  background-color: #1d5083;
}
.ProductEyecatch
  .ProductEyecatch__descriptionContainer
  .ProductEyecatch__colorSelection
  .ProductEyecatch__colorLabel[for="color-red"] {
  background-color: #7c160d;
}
.ProductEyecatch
  .ProductEyecatch__descriptionContainer
  .ProductEyecatch__colorSelection
  .ProductEyecatch__colorLabel[for="color-green"] {
  background-color: #618225;
}
.ProductEyecatch
  .ProductEyecatch__descriptionContainer
  .ProductEyecatch__colorSelection
  .ProductEyecatch__color:checked
  + .ProductEyecatch__colorLabel::before {
  content: "";
  position: absolute;
  top: -3px;
  right: 0;
  bottom: 0;
  left: -3px;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: solid 1px #d9dce0;
}
.ProductEyecatch .ProductEyecatch__productNameColor {
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
}
.ProductEyecatch .ProductEyecatch__sliderContainer {
  position: relative;
}
.ProductEyecatch .ProductEyecatch__sliderContainer .ProductEyecatch__slider {
  width: 28vw;
  height: 28vw;
}
.ProductEyecatch
  .ProductEyecatch__sliderContainer
  .ProductEyecatch__slider
  .ProductEyecatch__sliderItem {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.ProductEyecatch
  .ProductEyecatch__sliderContainer
  .ProductEyecatch__slider
  .ProductEyecatch__sliderItem
  .ProductEyecatch__sliderItemImg {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.ProductEyecatch .ProductEyecatch__sliderContainer .ProductEyecatch__slideDots {
  margin-top: 28px;
}
.ProductEyecatch
  .ProductEyecatch__sliderContainer
  .ProductEyecatch__slideDots
  .slick-dots
  li:first-child:last-child {
  display: none;
}
.ProductEyecatch .ProductEyecatch__linksContainer {
  position: relative;
  margin-left: 60px;
  width: calc(35% - 60px);
}
.ProductEyecatch .ProductEyecatch__linksContainer .ProductEyecatch__links {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 32px;
}
.ProductEyecatch
  .ProductEyecatch__linksContainer
  .ProductEyecatch__links
  .ProductEyecatch__searchStore {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: bold;
  margin-top: 8px;
}
.ProductEyecatch
  .ProductEyecatch__linksContainer
  .ProductEyecatch__links
  .ProductEyecatch__searchStore:hover {
  color: #0d3246;
}
.ProductEyecatch
  .ProductEyecatch__linksContainer
  .ProductEyecatch__links
  .ProductEyecatch__searchStore::before {
  content: "";
  display: block;
  background: url("../img/product-detail/product-eyecatch/ProductEyecatch__iconStore.svg")
    center/contain no-repeat;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.ProductEyecatch
  .ProductEyecatch__linksContainer
  .ProductEyecatch__links
  .ProductEyecatch__purchaseOnline {
  display: flex;
  align-items: center;
  margin-top: 8px;
  font-size: 13px;
  font-weight: bold;
}
.ProductEyecatch
  .ProductEyecatch__linksContainer
  .ProductEyecatch__links
  .ProductEyecatch__purchaseOnline:hover {
  color: #0d3246;
}
.ProductEyecatch
  .ProductEyecatch__linksContainer
  .ProductEyecatch__links
  .ProductEyecatch__purchaseOnline::before {
  content: "";
  display: block;
  background: url("../img/product-detail/product-eyecatch/ProductEyecatch__iconOnline.svg")
    center/contain no-repeat;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

@media (max-width: 1100px) {
  .ProductEyecatch
    .ProductEyecatch__descriptionContainer
    .ProductEyecatch__productName {
    margin-top: 8px;
    font-size: 22px;
    font-weight: bold;
  }
  .ProductEyecatch
    .ProductEyecatch__descriptionContainer
    .ProductEyecatch__price {
    margin-top: 12px;
  }
  .ProductEyecatch
    .ProductEyecatch__descriptionContainer
    .ProductEyecatch__barBlue {
    margin: 16px 0 14px;
  }
  .ProductEyecatch
    .ProductEyecatch__descriptionContainer
    .ProductEyecatch__descriptionText {
    font-size: 13px;
  }
  .ProductEyecatch
    .ProductEyecatch__descriptionContainer
    .ProductEyecatch__barGray {
    margin: 16px 0 0;
  }
  .ProductEyecatch
    .ProductEyecatch__linksContainer
    .ProductEyecatch__links
    .ProductEyecatch__searchStore {
    font-size: 12px;
  }
  .ProductEyecatch
    .ProductEyecatch__linksContainer
    .ProductEyecatch__links
    .ProductEyecatch__searchStore::before {
    width: 16px;
    height: 16px;
  }
  .ProductEyecatch
    .ProductEyecatch__linksContainer
    .ProductEyecatch__links
    .ProductEyecatch__purchaseOnline {
    font-size: 12px;
  }
  .ProductEyecatch
    .ProductEyecatch__linksContainer
    .ProductEyecatch__links
    .ProductEyecatch__purchaseOnline::before {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 950px) {
  .ProductEyecatch {
    margin-top: 32px;
  }
  .ProductEyecatch
    .ProductEyecatch__descriptionContainer
    .ProductEyecatch__description {
    margin-bottom: 8px;
  }
  .ProductEyecatch
    .ProductEyecatch__descriptionContainer
    .ProductEyecatch__description
    .ProductEyecatch__productName {
    margin-top: 8px;
    font-size: 22px;
    font-weight: bold;
  }
  .ProductEyecatch
    .ProductEyecatch__descriptionContainer
    .ProductEyecatch__description
    .ProductEyecatch__price {
    font-size: 14px;
  }
  .ProductEyecatch
    .ProductEyecatch__descriptionContainer
    .ProductEyecatch__description
    .ProductEyecatch__barBlue {
    margin: 14px 0 12px;
  }
  .ProductEyecatch
    .ProductEyecatch__descriptionContainer
    .ProductEyecatch__description
    .ProductEyecatch__barGray {
    margin: 14px 0 0;
  }
  .ProductEyecatch
    .ProductEyecatch__descriptionContainer
    .ProductEyecatch__description
    .ProductEyecatch__descriptionText {
    font-size: 12px;
  }
  .ProductEyecatch .ProductEyecatch__linksContainer .ProductEyecatch__links {
    margin-bottom: 8px;
  }
  .ProductEyecatch
    .ProductEyecatch__linksContainer
    .ProductEyecatch__links
    .ProductEyecatch__searchStore {
    font-size: 12px;
  }
  .ProductEyecatch
    .ProductEyecatch__linksContainer
    .ProductEyecatch__links
    .ProductEyecatch__searchStore::before {
    width: 16px;
    height: 16px;
  }
  .ProductEyecatch
    .ProductEyecatch__linksContainer
    .ProductEyecatch__links
    .ProductEyecatch__purchaseOnline {
    font-size: 12px;
  }
  .ProductEyecatch
    .ProductEyecatch__linksContainer
    .ProductEyecatch__links
    .ProductEyecatch__purchaseOnline::before {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 768px) {
  .ProductEyecatch {
    flex-direction: column;
    padding: 8px 20px 24px;
  }
  .ProductEyecatch .ProductEyecatch__descriptionContainer {
    margin-top: 72px;
    margin-right: 0;
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .ProductEyecatch
    .ProductEyecatch__descriptionContainer
    .ProductEyecatch__description {
    position: relative;
  }
  .ProductEyecatch
    .ProductEyecatch__descriptionContainer
    .ProductEyecatch__productName
    .ProductEyecatch__productNameMain {
    font-size: 20px;
  }
  .ProductEyecatch .ProductEyecatch__sliderContainer {
    position: relative;
    max-width: 500px;
    max-height: 500px;
    width: 70vw;
    height: 70vw;
    margin: 0 auto;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .ProductEyecatch .ProductEyecatch__sliderContainer .ProductEyecatch__slider {
    width: 100%;
    height: 100%;
  }
  .ProductEyecatch .ProductEyecatch__linksContainer {
    position: relative;
    margin-left: 0;
    margin-top: 24px;
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
  .ProductEyecatch .ProductEyecatch__linksContainer .ProductEyecatch__links {
    position: relative;
  }
  .ProductEyecatch
    .ProductEyecatch__linksContainer
    .ProductEyecatch__links
    .ProductEyecatch__searchStore {
    font-size: 12px;
    margin-top: 6px;
  }
  .ProductEyecatch
    .ProductEyecatch__linksContainer
    .ProductEyecatch__links
    .ProductEyecatch__searchStore::before {
    width: 16px;
    height: 16px;
  }
  .ProductEyecatch
    .ProductEyecatch__linksContainer
    .ProductEyecatch__links
    .ProductEyecatch__purchaseOnline {
    margin-top: 6px;
    font-size: 12px;
  }
  .ProductEyecatch
    .ProductEyecatch__linksContainer
    .ProductEyecatch__links
    .ProductEyecatch__purchaseOnline::before {
    width: 16px;
    height: 16px;
  }
}

.ProductInfoTab {
  max-width: 1240px;
  padding: 80px 20px 0;
  margin: 0 auto;
  color: #333;
  position: relative;
}
.ProductInfoTab .ProductInfoTab__title {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
.ProductInfoTab .ProductInfoTab__title::after {
  content: "";
  display: block;
  border-bottom: solid 2px #0d3246;
  width: 40px;
  margin: 20px auto 0;
}
.ProductInfoTab .ProductInfoTab__videoTag {
  max-width: 960px;
  margin: 40px auto 0;
}
.ProductInfoTab .ProductInfoTab__videoTag .ProductInfoTab__videoTagContainer {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.ProductInfoTab
  .ProductInfoTab__videoTag
  .ProductInfoTab__videoTagContainer
  iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.ProductInfoTab .ProductInfoTab__contents {
  margin-top: 40px;
}
.ProductInfoTab .ProductInfoTab__contentsContainer {
  display: flex;
  justify-content: space-between;
}
.ProductInfoTab .ProductInfoTab__mainContents {
  width: 100%;
  margin: 0 auto;
  max-width: 960px;
}
.ProductInfoTab .ProductInfoTab__tab {
  margin-bottom: 30px;
}
.ProductInfoTab .ProductInfoTab__tabList {
  display: flex;
}
.ProductInfoTab .ProductInfoTab__tabListItem {
  border-bottom: 1px solid #d8dce0;
  width: 50%;
  text-align: center;
  cursor: pointer;
}
.ProductInfoTab .ProductInfoTab__tabListItem.is-active {
  border-bottom: 2px solid #0d3246;
}
.ProductInfoTab .ProductInfoTab__tabListItem.full-width {
  width: 100%;
}
.ProductInfoTab .ProductInfoTab__tabListItemInner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding-bottom: 15px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.ProductInfoTab .ProductInfoTab__tabListItemInner.mainInfo::before {
  content: "";
  display: block;
  background: url("../img/product-detail/product-info-tab/ProductInfoTab__iconInfo.svg")
    center/contain no-repeat;
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.ProductInfoTab .ProductInfoTab__tabListItemInner.basicSpec::before {
  content: "";
  display: block;
  background: url("../img/product-detail/product-info-tab/ProductInfoTab__iconSpec.svg")
    center/contain no-repeat;
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.ProductInfoTab .ProductInfoTab__tabTargetItem {
  display: none !important;
  left: 0px;
  top: 0px;
  width: 100%;
  transition: all 1.25s ease;
  overflow: hidden;
}
.ProductInfoTab .ProductInfoTab__tabTargetItem.is-active {
  display: block !important;
}
.ProductInfoTab .ProductInfoTab__tabTargetItem {
  opacity: 0;
}
.ProductInfoTab .ProductInfoTab__tabTargetItem.is-active {
  opacity: 1;
}
.ProductInfoTab .ProductInfoTab__tabTargetItem.is-prepare-left {
  display: block !important;
  transition: all 0.01s ease;
  opacity: 0;
  transform: translate(-30px, 0);
}
.ProductInfoTab .ProductInfoTab__tabTargetItem.is-prepare-right {
  display: block !important;
  transition: all 0.01s ease;
  opacity: 0;
  transform: translate(30px, 0);
}
.ProductInfoTab .ProductInfoTab__tabTargetItem.is-prepare-left.is-active,
.ProductInfoTab .ProductInfoTab__tabTargetItem.is-prepare-right.is-active {
  transition: all 0.5s ease;
  opacity: 1;
  transform: translate(0, 0);
}
.ProductInfoTab .ProductInfoTab__tabTargetItem.is-fadeout-left {
  display: block !important;
  transition: all 0.5s ease;
  opacity: 0;
  transform: translate(-30px, 0);
}
.ProductInfoTab .ProductInfoTab__tabTargetItem.is-fadeout-right {
  display: block !important;
  transition: all 0.5s ease;
  opacity: 0;
  transform: translate(30px, 0);
}
.ProductInfoTab .ProductInfoTab__tabTagetTitle {
  color: #0d3246;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  padding-top: 40px;
  padding-left: 40px;
  padding-bottom: 10px;
}
.ProductInfoTab .ProductInfoTab__tabTagetTitle:before {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 10px;
  top: 41px;
}
.ProductInfoTab .ProductInfoTab__table {
  font-size: 13px;
  line-height: 130%;
}
.ProductInfoTab .ProductInfoTab__table .ProductInfoTab__itemBlock {
  display: flex;
  border-top: solid 1px #d9dce0;
  border-right: solid 1px #d9dce0;
  border-left: solid 1px #d9dce0;
}
.ProductInfoTab
  .ProductInfoTab__table
  .ProductInfoTab__itemBlock
  .ProductInfoTab__itemHead {
  display: flex;
  align-items: center;
  padding: 16px 0 16px 42px;
  width: 30%;
  font-weight: bold;
  background-color: #eff1f3;
  border-right: solid 1px #d9dce0;
}
.ProductInfoTab
  .ProductInfoTab__table
  .ProductInfoTab__itemBlock
  .ProductInfoTab__itemBody {
  padding: 16px 0 16px 42px;
  width: 70%;
}
.ProductInfoTab .ProductInfoTab__table .ProductInfoTab__itemBlock:last-child {
  border-bottom: solid 1px #d9dce0;
}
.ProductInfoTab .ProductInfoTab__sideContentsInner {
  margin-top: 85px;
  width: 300px;
  min-width: 250px;
  background: #fff;
  border: 1px solid #d9dce0;
  box-shadow: 0 0 4px #d9dce0;
  padding: 15px 30px 30px;
  position: relative;
}
.ProductInfoTab .ProductInfoTab__sideContentsInner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  width: 38px;
  height: 5px;
  background-color: #0d3246;
}
.ProductInfoTab .ProductInfoTab__searchCategoryTitle {
  display: inline-block;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-top: 20px;
}
.ProductInfoTab .ProductInfoTab__searchCategoryList {
  padding-top: 10px;
}
.ProductInfoTab .ProductInfoTab__searchCategoryListItem {
  color: #333;
  font-size: 13px;
  font-weight: bold;
  padding: 15px 12px 15px 15px;
  border-bottom: 1px solid #d8dce0;
  position: relative;
  overflow: hidden;
}
.ProductInfoTab .ProductInfoTab__searchCategoryListItem::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 4px solid transparent;
  border-left: 5px solid #0d3246;
  border-bottom: 4px solid transparent;
  transition: 0.3s;
}
.ProductInfoTab .ProductInfoTab__searchCategoryListItem:hover:before {
  left: 5px;
}
.ProductInfoTab .ProductInfoTab__searchCategoryListItem:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(13, 50, 70, 0.02);
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
}
.ProductInfoTab .ProductInfoTab__searchCategoryListItem:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.ProductInfoTab .ProductInfoTab__sideContentsExchange {
  padding-top: 60px;
}
.ProductInfoTab .ProductInfoTab__sideContentsExchange img {
  width: 300px;
}
.ProductInfoTab .Common__inputArticle {
  margin-bottom: 0;
}
.ProductInfoTab .ProductInfoTab__description {
  padding-top: 10px;
}
.ProductInfoTab .ProductInfoTab__description p {
  margin-bottom: 10px;
  font-size: 14px;
}
.ProductInfoTab .ProductInfoTab__greenIcons {
  margin-top: 18px;
  height: 70px;
  display: flex;
  align-items: center;
}
.ProductInfoTab .ProductInfoTab__greenIcons .ProductInfoTab__greenIcon {
  width: 70px;
  margin-right: 18px;
}
.ProductInfoTab
  .ProductInfoTab__greenIcons
  .ProductInfoTab__greenIcon:last-child {
  margin-right: 0;
}
.ProductInfoTab .ProductInfoTab__linkPanels {
  display: flex;
  padding-top: 40px;
  width: 100%;
  margin: 0 auto;
  max-width: 960px;
}
.ProductInfoTab
  .ProductInfoTab__linkPanels
  .ProductInfoTab__linkPanel:not(:last-child) {
  margin-right: 15px;
}
.ProductInfoTab .ProductInfoTab__linkPanels .ProductInfoTab__linkPanel {
  width: calc(33% - 6px);
}
.ProductInfoTab
  .ProductInfoTab__linkPanels
  .ProductInfoTab__linkPanel
  .ProductInfoTab__linkThumbnail {
  position: relative;
  overflow: hidden;
}
.ProductInfoTab
  .ProductInfoTab__linkPanels
  .ProductInfoTab__linkPanel
  .ProductInfoTab__linkThumbnail
  .ProductInfoTab__linkThumbnailImage {
  transition: 0.3s;
}
.ProductInfoTab
  .ProductInfoTab__linkPanels
  .ProductInfoTab__linkPanel
  .ProductInfoTab__linkThumbnail::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  transition: 0.3s;
}
.ProductInfoTab
  .ProductInfoTab__linkPanels
  .ProductInfoTab__linkPanel
  .ProductInfoTab__linkTitle {
  margin-top: 14px;
  font-size: 13px;
  text-align: center;
  font-weight: bold;
}
.ProductInfoTab
  .ProductInfoTab__linkPanels
  .ProductInfoTab__linkPanel:hover
  .ProductInfoTab__linkThumbnail
  .ProductInfoTab__linkThumbnailImage {
  transform: scale(1.04);
  transition-duration: 0.3;
}
.ProductInfoTab
  .ProductInfoTab__linkPanels
  .ProductInfoTab__linkPanel:hover
  .ProductInfoTab__linkThumbnail::before {
  background-color: rgba(0, 0, 0, 0.1);
  transition-duration: 0.3s;
}
.ProductInfoTab
  .ProductInfoTab__linkPanels
  .ProductInfoTab__linkPanel:hover
  .ProductInfoTab__linkTitle {
  color: #0d3246;
}

@media (max-width: 768px) {
  .ProductInfoTab {
    padding: 48px 20px 0;
  }
  .ProductInfoTab .ProductInfoTab__bgImage {
    display: none;
  }
  .ProductInfoTab .ProductInfoTab__videoTag {
    margin-top: 24px;
  }
  .ProductInfoTab .ProductInfoTab__contents {
    margin-top: 24px;
  }
  .ProductInfoTab .ProductInfoTab__title {
    font-size: 18px;
  }
  .ProductInfoTab .ProductInfoTab__title:after {
    margin-top: 16px;
    width: 30px;
  }
  .ProductInfoTab .ProductInfoTab__mainContents {
    padding-top: 0;
  }
  .ProductInfoTab .ProductInfoTab__tabListItem {
    padding-bottom: 5px;
  }
  .ProductInfoTab .ProductInfoTab__tabListItemInner {
    font-size: 14px;
    border-left: none;
    border-right: none;
  }
  .ProductInfoTab .ProductInfoTab__tabListItemInner.mainInfo::before {
    width: 16px;
    height: 16px;
  }
  .ProductInfoTab .ProductInfoTab__tabListItemInner.basicSpec::before {
    width: 16px;
    height: 16px;
  }
  .ProductInfoTab .ProductInfoTab__linkPanels {
    padding-top: 30px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .ProductInfoTab
    .ProductInfoTab__linkPanels
    .ProductInfoTab__linkPanel:not(:last-child) {
    margin-right: 0;
  }
  .ProductInfoTab
    .ProductInfoTab__linkPanels
    .ProductInfoTab__linkPanel:not(:nth-child(2n + 2)) {
    margin-right: 12px;
  }
  .ProductInfoTab .ProductInfoTab__linkPanels .ProductInfoTab__linkPanel {
    margin-top: 18px;
    width: calc(50% - 6px);
  }
  .ProductInfoTab
    .ProductInfoTab__linkPanels
    .ProductInfoTab__linkPanel
    .ProductInfoTab__linkTitle {
    margin-top: 8px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
  }
  .ProductInfoTab
    .ProductInfoTab__table
    .ProductInfoTab__itemBlock
    .ProductInfoTab__itemHead {
    padding: 15px;
  }
  .ProductInfoTab
    .ProductInfoTab__table
    .ProductInfoTab__itemBlock
    .ProductInfoTab__itemBody {
    padding: 15px;
  }
  .ProductInfoTab .ProductInfoTab__greenIcons {
    height: 50px;
    max-width: 100%;
    flex-wrap: wrap;
  }
  .ProductInfoTab .ProductInfoTab__greenIcons .ProductInfoTab__greenIcon {
    width: 50px;
  }
}

@media (max-width: 450px) {
  .ProductInfoTab
    .ProductInfoTab__table
    .ProductInfoTab__itemBlock
    .ProductInfoTab__itemHead {
    font-size: 11px;
  }
}

.RelatedProducts {
  margin: 0 auto;
  max-width: 1240px;
  padding: 70px 20px 100px;
}
.RelatedProducts
  .Common__productItem
  .Common__productLink.-isOnceHovered::before {
  display: none;
}
.RelatedProducts .Common__productItem:hover .Common__productItemName {
  color: #0d3246;
}
.RelatedProducts .RelatedProducts__slider {
  margin-bottom: 30px;
}
.RelatedProducts .RelatedProducts__title {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
.RelatedProducts .RelatedProducts__title::after {
  content: "";
  display: block;
  border-bottom: solid 2px #0d3246;
  width: 40px;
  margin: 20px auto 0;
}
.RelatedProducts .Common__productList {
  flex-wrap: nowrap;
  overflow: scroll;
}
.RelatedProducts .RelatedProducts__slideDotsContainer {
  max-width: 1230px;
  margin: 0 auto 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.RelatedProducts .RelatedProducts__slideDots {
  width: 100%;
  margin-right: 30px;
  max-width: 1078px;
}
.RelatedProducts
  .RelatedProducts__slideDots
  .slick-dots
  li:first-child:last-child {
  display: none;
}
.RelatedProducts .RelatedProducts__slideArrow {
  width: 85px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.RelatedProducts .RelatedProducts__slideArrow img {
  max-width: 25px;
}
.RelatedProducts .RelatedProducts__slideArrow img:first-child {
  margin-right: 20px;
}
.RelatedProducts .slick-dots {
  padding-left: 0;
}

@media (max-width: 768px) {
  .RelatedProducts {
    padding: 48px 20px 48px;
  }
  .RelatedProducts .Movie__slideDotsContainer {
    margin-bottom: 30px;
    padding: 0 20px;
  }
  .RelatedProducts .RelatedProducts__title {
    font-size: 18px;
  }
  .RelatedProducts .RelatedProducts__title::after {
    margin: 16px auto 0;
  }
  .RelatedProducts .Movie__slideArrow {
    margin-right: 0;
    padding-right: 0;
    width: 70px;
  }
  .RelatedProducts
    .Common__productItem
    .Common__productLink
    .Common__productItemName {
    padding: 5px;
  }
}

.SeriesOriginal {
  max-width: 1920px;
  margin: 70px auto 0;
  padding: 90px 20px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.SeriesOriginal::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #1b2226;
  z-index: 2;
  transition: 0.3s ease-in-out;
}
.SeriesOriginal::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 2;
  background: url(../img/product-detail/series-original/SeriesOriginal__bg.png)
    no-repeat;
  background-position: center center;
  background-size: cover;
  transition: 0.3s ease-in-out;
  opacity: 0.4;
}
.SeriesOriginal:hover::after {
  transform: scale(1.03);
}
.SeriesOriginal .SeriesOriginal__heading {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 3;
  padding-bottom: 20px;
  margin-bottom: 30px;
  letter-spacing: 0.03em;
}
.SeriesOriginal .SeriesOriginal__heading::after {
  width: 30px;
  height: 2px;
  content: "";
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.SeriesOriginal .SeriesOriginal__text {
  position: relative;
  z-index: 3;
  color: white;
  margin: 0 auto;
  text-align: center;
  max-width: 600px;
  font-size: 14px;
  line-height: 1.5;
}
.SeriesOriginal .SeriesOriginal__subHeading {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 2.5px;
  margin-bottom: 10px;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 3;
}
.SeriesOriginal .SeriesOriginal__search {
  width: 250px;
  height: 50px;
  margin: 0 auto;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
  position: relative;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  z-index: 2;
  pointer-events: auto;
  transition: 0.3s ease-in-out;
}
.SeriesOriginal .SeriesOriginal__search::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.3s ease-in-out;
}
.SeriesOriginal .SeriesOriginal__search:hover::before {
  background-color: rgba(255, 255, 255, 0.1);
  transform: translate(-50%, -50%) scale(1);
}
.SeriesOriginal .SeriesOriginal__search::after {
  width: 20px;
  height: 20px;
  content: "";
  display: block;
  background-color: #fff;
  -webkit-mask-image: url("../img/index/dealers-list/SeriesOriginal__searchIcon.svg");
  mask-image: url("../img/index/dealers-list/SeriesOriginal__searchIcon.svg");
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  transition: all 0.3;
}

/* animation */
@media (max-width: 950px) {
  .SeriesOriginal {
    padding: 60px 20px;
  }
}

/*-- @media max-width:768px --*/
@media (max-width: 768px) {
  .SeriesOriginal {
    padding: 60px 20px;
  }
  .SeriesOriginal .SeriesOriginal__heading {
    font-size: 20px;
  }
  .SeriesOriginal .SeriesOriginal__search {
    width: 200px;
    height: 45px;
  }
}

.ProductItems {
  max-width: 1240px;
  margin: 0 auto;
  padding: 70px 20px 100px;
}
.ProductItems .ProductItems__heading {
  display: flex;
  justify-content: space-between;
}
.ProductItems .ProductItems__heading .ProductItems__title {
  display: flex;
  align-items: baseline;
  font-weight: bold;
}
.ProductItems
  .ProductItems__heading
  .ProductItems__title
  .ProductItems__titleJa {
  font-size: 28px;
  margin-right: 32px;
}
.ProductItems
  .ProductItems__heading
  .ProductItems__title
  .ProductItems__titleEn {
  font-size: 16px;
  color: #0d3246;
}
.ProductItems .ProductItems__sortContainer {
  position: relative;
  display: flex;
  align-items: center;
}
.ProductItems .ProductItems__sortContainer::after {
  content: "";
  position: absolute;
  right: 3px;
  display: block;
  width: 8px;
  height: 8px;
  top: 6px;
  border-top: solid 1px #0d3246;
  border-left: solid 1px #0d3246;
  transform: rotate(-135deg);
  pointer-events: none;
}
.ProductItems .ProductItems__sortContainer .ProductItems__sort {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding-right: 22px;
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
  font-weight: bold;
  font-size: 13px;
  direction: rtl;
}
.ProductItems .ProductItems__PCCategoryTabsWrapper {
  position: relative;
}
.ProductItems .ProductItems__PCCategoryTabsWrapper::after {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 2px;
  width: 20%;
  background: linear-gradient(
    to right,
    transparent 0%,
    rgba(255, 255, 255, 0.8) 100%
  );
  pointer-events: none;
}
.ProductItems
  .ProductItems__PCCategoryTabsWrapper
  .ProductItems__PCCategoryTabs::-webkit-scrollbar {
  display: none;
}
.ProductItems
  .ProductItems__PCCategoryTabsWrapper
  .ProductItems__PCCategoryTabs {
  display: flex;
  margin-top: 30px;
  overflow: scroll;
  position: relative;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  flex-wrap: wrap;
}
.ProductItems
  .ProductItems__PCCategoryTabsWrapper
  .ProductItems__PCCategoryTabs::before {
  content: "";
  position: absolute;
  bottom: 0;
  display: none;
  width: 100%;
  height: 2px;
  background-color: #d9dce0;
}
.ProductItems
  .ProductItems__PCCategoryTabsWrapper
  .ProductItems__PCCategoryTabs
  .ProductItems__tab {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 38px;
  cursor: pointer;
  transition: 0.3s;
  white-space: nowrap;
  border-bottom: solid 2px #d9dce0;
  margin-top: 10px;
}
.ProductItems
  .ProductItems__PCCategoryTabsWrapper
  .ProductItems__PCCategoryTabs
  .ProductItems__tab:hover {
  color: #0d3246;
}
.ProductItems
  .ProductItems__PCCategoryTabsWrapper
  .ProductItems__PCCategoryTabs
  .ProductItems__tab.-current {
  border-bottom: solid 2px #0d3246;
  color: #0d3246;
}
.ProductItems .ProductItems_SPCategorySelect {
  display: none;
}
.ProductItems .ProductItems__List {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.ProductItems .Common__button--center {
  margin-top: 50px;
}

@media (max-width: 950px) {
  .ProductItems
    .ProductItems__PCCategoryTabsWrapper
    .ProductItems__PCCategoryTabs
    .ProductItems__tab {
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .ProductItems__PCCategoryTabsWrapper {
    display: none;
  }
  .ProductItems {
    max-width: 1240px;
    margin: 0 auto;
    padding: 40px 20px 50px;
  }
  .ProductItems
    .ProductItems__heading
    .ProductItems__title
    .ProductItems__titleJa {
    font-size: 20px;
    margin-right: 16px;
  }
  .ProductItems
    .ProductItems__heading
    .ProductItems__title
    .ProductItems__titleEn {
    font-size: 13px;
  }
  .ProductItems .ProductItems__sortContainer::after {
    top: 2px;
  }
  .ProductItems .ProductItems__PCCategoryTabsWrapper {
    display: none;
  }
  .ProductItems .ProductItems_SPCategorySelect {
    position: relative;
    display: block;
    margin-top: 28px;
  }
  .ProductItems .ProductItems_SPCategorySelect .ProductItems_SPCategoryTitle {
    font-size: 13px;
    font-weight: bold;
  }
  .ProductItems
    .ProductItems_SPCategorySelect
    .ProductItems_SPCategoriesContainer {
    position: relative;
    width: 100%;
    height: 36px;
    margin-top: 14px;
    border: solid 1px #d9dce0;
    border-radius: 2px;
  }
  .ProductItems
    .ProductItems_SPCategorySelect
    .ProductItems_SPCategoriesContainer::after {
    content: "";
    position: absolute;
    right: 12px;
    display: block;
    width: 8px;
    height: 8px;
    top: 10px;
    border-top: solid 2px #0d3246;
    border-left: solid 2px #0d3246;
    transform: rotate(-135deg);
    pointer-events: none;
  }
  .ProductItems
    .ProductItems_SPCategorySelect
    .ProductItems_SPCategoriesContainer
    .ProductItems__SPCategories {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    padding-left: 12px;
  }
  .ProductItems
    .ProductItems_SPCategorySelect
    .ProductItems_SPCategoriesContainer
    .ProductItems__selectBar {
    position: absolute;
    top: 2px;
    right: 36px;
    height: 30px;
    width: 1px;
    background-color: #d9dce0;
  }
  .Common__button--center {
    margin-top: 40px;
  }
}

.ProductPanel__wrapper {
  position: relative;
}

.ProductTop {
  color: #333;
  position: relative;
}
.ProductTop .ProductTop__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: -1;
  overflow: hidden;
}
.ProductTop .ProductTop__bgImage img {
  position: absolute;
  top: 12%;
  right: -30%;
}
.ProductTop .ProductTop__container {
  max-width: 1240px;
  padding: 80px 20px 140px;
  margin: 0 auto;
}
.ProductTop .ProductTop__categoryContainer {
  max-width: 1200px;
  margin: 0 auto;
}
.ProductTop .ProductTop__categoryTitleWrap {
  padding-bottom: 40px;
}
.ProductTop .ProductTop__slider {
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  background-color: #0d3246;
}
.ProductTop .ProductTop__slideContainer {
  width: 33.33%;
  height: 220px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9dde1;
  border-right: 0;
  transform: translate(0, 0);
  transition: 0.3s;
}
.ProductTop .ProductTop__slideContainer:hover {
  transform: translate(-10px, -10px);
  border: 1px solid #d9dde1;
  box-shadow: 0 0 10px rgba(13, 50, 70, 0.1);
}
.ProductTop .ProductTop__slideContainer:hover .ProductTop__slideList {
  opacity: 1;
}
.ProductTop .ProductTop__slideContainer:nth-child(-n + 3) {
  border-bottom: 0;
}
.ProductTop .ProductTop__slideContainer:nth-child(3n) {
  border-right: 1px solid #d9dde1;
}
.ProductTop .ProductTop__slideInner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 30px 0;
}
.ProductTop .ProductTop__slideTitle {
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  position: relative;
}
.ProductTop .ProductTop__slideTitle::after {
  width: 30px;
  height: 2px;
  content: "";
  display: block;
  background-color: #0d3246;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.ProductTop .ProductTop__slideImage {
  max-width: 217px;
  width: 85%;
  margin: 0 auto;
}
.ProductTop .ProductTop__slideImage img {
  max-height: 70px;
}
.ProductTop .ProductTop__slideList {
  color: #0d3246;
  opacity: 0;
  transition: opacity 0.3s;
  margin: 0 auto;
  padding-right: 18px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
  position: relative;
}
.ProductTop .ProductTop__slideList::after {
  width: 7.5px;
  height: 10px;
  content: "";
  display: block;
  background: url(../img/product-top/ProductTop__slideListArrow.svg) no-repeat
    center center;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-45%);
}
.ProductTop .ProductTop__seriesContainer {
  padding-top: 30px;
}
.ProductTop .ProductTop__sectionItems {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
}
.ProductTop .ProductTop__sectionItems .ProductTop__sectionItem {
  width: calc(25% - 15px);
  margin-bottom: 30px;
  margin-left: 15px;
}
.ProductTop
  .ProductTop__sectionItems
  .ProductTop__sectionItem
  .ProductTop__sectionItemThumbnail {
  overflow: hidden;
  position: relative;
  --notchSize: 8px;
  clip-path: polygon(
    0% var(--notchSize),
    var(--notchSize) 0%,
    100% 0%,
    100% var(--notchSize),
    100% calc(100% - var(--notchSize)),
    100% 100%,
    var(--notchSize) 100%,
    0% 100%
  );
}
.ProductTop
  .ProductTop__sectionItems
  .ProductTop__sectionItem
  .ProductTop__sectionItemThumbnail::after {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
}
.ProductTop
  .ProductTop__sectionItems
  .ProductTop__sectionItem
  .ProductTop__sectionItemThumbnail
  img {
  transition: 0.3s;
}
.ProductTop
  .ProductTop__sectionItems
  .ProductTop__sectionItem
  .ProductTop__sectionItemTitle {
  margin-top: 12px;
  font-size: 14px;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.ProductTop
  .ProductTop__sectionItems
  .ProductTop__sectionItem
  .ProductTop__sectionItemTitle::after {
  content: "";
  display: block;
  margin-left: 6px;
  width: 6px;
  height: 6px;
  border-top: solid 2px #0d3246;
  border-right: solid 2px #0d3246;
  transform: rotate(45deg);
  position: relative;
  top: 1px;
  transition: 0.3s;
  left: 0;
}
.ProductTop
  .ProductTop__sectionItems
  .ProductTop__sectionItem:hover
  .ProductTop__sectionItemThumbnail::after {
  background-color: rgba(0, 0, 0, 0.1);
}
.ProductTop
  .ProductTop__sectionItems
  .ProductTop__sectionItem:hover
  .ProductTop__sectionItemThumbnail
  img {
  transform: scale(1.05);
}
.ProductTop
  .ProductTop__sectionItems
  .ProductTop__sectionItem:hover
  .ProductTop__sectionItemTitle {
  color: #0d3246;
}
.ProductTop
  .ProductTop__sectionItems
  .ProductTop__sectionItem:hover
  .ProductTop__sectionItemTitle::after {
  left: 2px;
}
.ProductTop .ProductTop__catalogContainer {
  text-align: center;
  padding: 70px 0 0;
}
.ProductTop .ProductTop__catalogContainer img {
  width: 800px;
  box-shadow: 0 0 5px rgba(13, 50, 70, 0.3);
  transition: 0.3s;
}
.ProductTop .ProductTop__catalogContainer img:hover {
  opacity: 0.8;
}

@media (max-width: 768px) {
  .ProductTop .ProductTop__bgImage {
    display: none;
  }
  .ProductTop .ProductTop__container {
    padding: 50px 20px;
  }
  .ProductTop .ProductTop__categoryTitleWrap {
    padding-bottom: 20px;
  }
  .ProductTop .ProductTop__slider {
    width: 100vw;
    margin: 0 calc(50% - 50vw) 20px;
  }
  .ProductTop .ProductTop__slideContainer {
    width: 50%;
    padding: 15px 12% 18px;
  }
  .ProductTop .slick-slide:nth-child(2n + 1) .ProductTop__slideContainer {
    /* border-left: 0; */
    border-right: 0;
    border-bottom: 1px solid #d9dde1;
  }
  .ProductTop
    .slick-slide:nth-child(2n + 1)
    div:first-child
    .ProductTop__slideContainer {
    border-bottom: 0;
  }
  .ProductTop .slick-slide:nth-child(2n) .ProductTop__slideContainer {
    border-right: 0;
    border-bottom: 1px solid #d9dde1;
  }
  .ProductTop
    .slick-slide:nth-child(2n)
    div:first-child
    .ProductTop__slideContainer {
    border-bottom: 0;
  }
  .ProductTop .ProductTop__slideContainer:hover {
    transform: translate(0, 0);
  }
  .ProductTop .ProductTop__slideInner {
    padding: 20px 0;
  }
  .ProductTop .Product__slideDots,
  .ProductTop .Product__categoryDots {
    margin-bottom: 30px;
  }
  .ProductTop .ProductTop__slideList {
    opacity: 1;
    cursor: pointer;
  }
  .ProductTop .ProductTop__sectionItems {
    margin-top: 0;
    flex-wrap: wrap;
    margin-left: -10px;
  }
  .ProductTop .ProductTop__sectionItems .ProductTop__sectionItem {
    width: calc(50% - 10px);
    margin-top: 20px;
    margin-bottom: 0;
    margin-left: 10px;
  }
  .ProductTop
    .ProductTop__sectionItems
    .ProductTop__sectionItem
    .ProductTop__sectionItemTitle {
    margin-top: 12px;
  }
  .ProductTop
    .ProductTop__sectionItems
    .ProductTop__sectionItem
    .ProductTop__sectionItemTitle
    a {
    font-size: 13px;
    display: flex;
    align-items: center;
  }
  .ProductTop
    .ProductTop__sectionItems
    .ProductTop__sectionItem
    .ProductTop__sectionItemTitle
    a::after {
    width: 5px;
    height: 5px;
  }
  .ProductTop .ProductTop__catalogContainer {
    padding: 50px 0;
  }
}

@media (max-width: 650px) {
  .ProductTop .ProductTop__slideContainer {
    padding: 15px 0;
  }
  .ProductTop .ProductTop__slideList {
    font-size: 11px;
  }
}

@media (max-width: 450px) {
  .ProductTop .ProductTop__sectionItems {
    margin-top: 0;
    flex-wrap: wrap;
    margin-left: -10px;
  }
  .ProductTop .ProductTop__sectionItems .ProductTop__sectionItem {
    width: calc(50% - 10px);
    margin-top: 18px;
    margin-left: 10px;
  }
  .ProductTop
    .ProductTop__sectionItems
    .ProductTop__sectionItem
    .ProductTop__sectionItemTitle {
    margin-top: 10px;
    font-size: 13px;
  }
  .ProductTop
    .ProductTop__sectionItems
    .ProductTop__sectionItem
    .ProductTop__sectionItemTitle
    a {
    font-size: 12px;
    display: flex;
    align-items: center;
  }
  .ProductTop
    .ProductTop__sectionItems
    .ProductTop__sectionItem
    .ProductTop__sectionItemTitle
    a::after {
    width: 5px;
    height: 5px;
  }
}

.RecruitHeading .RecruitHeading__head {
  font-size: 30px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .RecruitHeading .RecruitHeading__head {
    font-size: 20px;
  }
}

.Recruit__wrapper {
  position: relative;
}
.Recruit__wrapper .Recruit__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: 1;
  overflow: hidden;
}
.Recruit__wrapper .Recruit__bgImage .Recruit__bgImage__img {
  position: absolute;
  right: -30%;
}
.Recruit__wrapper .Recruit__contents {
  display: flex;
  padding: 70px 15px 100px;
  margin: 0 auto;
  max-width: 1240px;
}
.Recruit__wrapper .Recruit__contents .Recruit__main {
  margin-right: 40px;
  width: calc(75% - 40px);
  max-width: calc(100% - 250px - 40px);
  z-index: 2;
}
.Recruit__wrapper .Recruit__contents .Recruit__sidebar {
  width: 25%;
  min-width: 250px;
  z-index: 2;
}

@media screen and (max-width: 949px) {
  .Recruit__wrapper .Recruit__contents {
    display: block;
    padding: 30px 15px 50px;
  }
  .Recruit__wrapper .Recruit__contents .Recruit__main {
    margin-right: 0;
    width: 100%;
    max-width: none;
  }
  .Recruit__wrapper .Recruit__contents .Recruit__sidebar {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .Recruit__wrapper .Recruit__bgImage {
    display: none;
  }
}

.RobotDepartment .RobotDepartment__content {
  margin-top: 30px;
}
.RobotDepartment .RobotDepartment__content .RobotDepartment__recruitLink {
  font-size: 16px;
  font-weight: bold;
  color: #0d3246;
}
.RobotDepartment .RobotDepartment__content .RobotDepartment__recruitLink:hover {
  text-decoration: underline;
}
.RobotDepartment
  .RobotDepartment__content
  .RobotDepartment__recruitLink
  .RobotDepartment__iconLink {
  margin-left: 8px;
  width: 18px;
  height: auto;
}

@media (max-width: 950px) {
  .RobotDepartment .RobotDepartment__content {
    margin-top: 20px;
    padding-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .RobotDepartment .RobotDepartment__content {
    margin: 20px 0 40px;
    padding-bottom: 0;
  }
  .RobotDepartment .RobotDepartment__content .RobotDepartment__recruitLink {
    font-size: 13px;
  }
  .RobotDepartment
    .RobotDepartment__content
    .RobotDepartment__recruitLink
    .RobotDepartment__iconLink {
    width: 14px;
  }
}

.StationaryDepartment {
  margin: 40px 0;
}
.StationaryDepartment .StationaryDepartment__recruitInfo {
  display: flex;
  padding: 20px;
  border-bottom: solid 1px #eff1f3;
  position: relative;
  transition: 0.3s;
}
.StationaryDepartment .StationaryDepartment__recruitInfo::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(13, 50, 70, 0.02);
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
}
.StationaryDepartment .StationaryDepartment__recruitInfo:hover {
  color: #0d3246;
}
.StationaryDepartment .StationaryDepartment__recruitInfo:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.StationaryDepartment
  .StationaryDepartment__recruitInfo
  .StationaryDepartment__date {
  font-size: 11px;
  margin-right: calc(16px + 3%);
  margin-right: 30px;
  line-height: 150%;
  font-weight: bold;
  color: #555556;
  white-space: nowrap;
}
.StationaryDepartment
  .StationaryDepartment__recruitInfo
  .StationaryDepartment__body
  .StationaryDepartment__recruitTitle {
  font-size: 16px;
  font-weight: bold;
}
.StationaryDepartment
  .StationaryDepartment__recruitInfo
  .StationaryDepartment__body
  .StationaryDepartment__recruitSubtitle {
  margin-top: 10px;
  font-size: 13px;
  color: #464646;
}

@media (max-width: 768px) {
  .StationaryDepartment {
    margin: 20px 0 40px;
  }
  .StationaryDepartment .StationaryDepartment__recruitInfo {
    padding: 12px;
  }
  .StationaryDepartment
    .StationaryDepartment__recruitInfo
    .StationaryDepartment__date {
    font-size: 11px;
    margin-right: 20px;
  }
  .StationaryDepartment
    .StationaryDepartment__recruitInfo
    .StationaryDepartment__body
    .StationaryDepartment__recruitTitle {
    font-size: 13px;
  }
  .StationaryDepartment
    .StationaryDepartment__recruitInfo
    .StationaryDepartment__body
    .StationaryDepartment__recruitSubtitle {
    font-size: 11px;
  }
}

.Common__box5965,
.Common__box5631 {
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  height: auto;
  padding-top: 59.65%;
  transition: all 0.3s ease;
}
.Common__box5965:hover,
.Common__box5631:hover {
  background-size: 105% 105%;
}

.Common__box5965 {
  padding-top: 59.65%;
}

.Common__box5631 {
  padding-top: 56.31%;
}

/* パンくず設定 */
.Common__breadcrumbs .Common__breadcrumbsContent {
  margin: 0 auto;
  padding: 14px 20px;
  max-width: 1240px;
  overflow: hidden;
}
.Common__breadcrumbs .Common__breadcrumbsContent .Common__breadcrumbsList {
  display: flex;
}
.Common__breadcrumbs
  .Common__breadcrumbsContent
  .Common__breadcrumbsList
  .Common__breadcrumbsItem {
  display: flex;
  align-items: center;
  margin-right: 10px;
  font-size: 12px;
  white-space: nowrap;
  font-weight: 500;
}
.Common__breadcrumbs
  .Common__breadcrumbsContent
  .Common__breadcrumbsList
  .Common__breadcrumbsItem
  a:hover {
  text-decoration: underline;
}
.Common__breadcrumbs
  .Common__breadcrumbsContent
  .Common__breadcrumbsList
  .Common__breadcrumbsItem:not(:last-child)::after {
  content: "";
  display: block;
  margin-left: 10px;
  width: 6px;
  height: 6px;
  border-top: solid 1px black;
  border-right: solid 1px black;
  transform: rotate(45deg);
}

@media (max-width: 768px) {
  .Common__breadcrumbs .Common__breadcrumbsContent {
    padding: 10px 20px;
  }
  .Common__breadcrumbs
    .Common__breadcrumbsContent
    .Common__breadcrumbsList
    .Common__breadcrumbsItem {
    font-weight: 600;
    font-size: 10px;
  }
  .Common__breadcrumbs
    .Common__breadcrumbsContent
    .Common__breadcrumbsList
    .Common__breadcrumbsItem:not(:last-child)::after {
    width: 4px;
    height: 4px;
  }
}

/*共通ボタン*/
.Common__button--center {
  width: 250px;
  height: 50px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  font-weight: bold;
  background-color: #0d3246;
  font-size: 13px;
  position: relative;
  z-index: 2;
  box-shadow: 0 0 5px rgba(13, 50, 70, 0.3);
  transition: 0.3s ease-in-out;
}
.Common__button--center::before {
  width: 12px;
  height: 12px;
  content: "";
  background: url(../img/index/movie/Movie__allMovieButtonArrow.svg);
  opacity: 1;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  z-index: 2;
}
.Common__button--center::after {
  content: "";
  background: #144f6e;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s ease-in-out;
}
.Common__button--center:hover {
  box-shadow: 0 0 5px rgba(13, 50, 70, 0.3);
}
.Common__button--center:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.Common__button--center.-small {
  width: 170px;
  height: 36px;
  margin: 0;
}

.Common__categoryMenu {
  position: relative;
  background-color: #0d3246;
}
@media (max-width: 1200px) {
  .Common__categoryMenu::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 20%;
    background: linear-gradient(
      to right,
      transparent 0%,
      rgba(13, 50, 70, 0.8) 100%
    );
    pointer-events: none;
  }
}
.Common__categoryMenu .Common__categoryMenu__inner {
  margin: 0 auto;
  padding: 12px 0 12px 20px;
  max-width: 1240px;
}
.Common__categoryMenu .Common__categoryMenu__inner .Common__categoryMenu__note {
  color: white;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 12px;
}
.Common__categoryMenu
  .Common__categoryMenu__inner
  .Common__categoryMenu__list::-webkit-scrollbar {
  display: none;
}
.Common__categoryMenu .Common__categoryMenu__inner .Common__categoryMenu__list {
  display: flex;
  align-items: center;
  margin: 0 auto;
  max-width: 1240px;
  flex-wrap: nowrap;
  overflow-x: scroll;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}
.Common__categoryMenu
  .Common__categoryMenu__inner
  .Common__categoryMenu__list::-webkit-scrollbar {
  display: none;
}
.Common__categoryMenu
  .Common__categoryMenu__inner
  .Common__categoryMenu__list
  .Common__categoryMenu__item {
  margin-right: 8px;
  font-weight: bold;
  cursor: pointer;
}
.Common__categoryMenu
  .Common__categoryMenu__inner
  .Common__categoryMenu__list
  .Common__categoryMenu__item:last-child {
  padding-right: 50px;
}
.Common__categoryMenu
  .Common__categoryMenu__inner
  .Common__categoryMenu__list
  .Common__categoryMenu__item
  .Common__categoryMenu__link {
  display: flex;
  align-items: center;
  padding: 6px 30px;
  color: white;
  font-size: 12px;
  word-break: keep-all;
  white-space: nowrap;
}
.Common__categoryMenu
  .Common__categoryMenu__inner
  .Common__categoryMenu__list
  .Common__categoryMenu__item.-current
  .Common__categoryMenu__link {
  color: #0d3246;
  border-radius: 14px;
  background-color: white;
}

@media (max-width: 768px) {
  .Common__categoryMenu .Common__categoryMenu__inner {
    position: relative;
    padding: 14px 20px;
  }
  .Common__categoryMenu
    .Common__categoryMenu__inner
    .Common__categoryMenu__note {
    font-size: 12px;
  }
  .Common__categoryMenu
    .Common__categoryMenu__inner
    .Common__categoryMenu__list {
    margin: 0 auto;
  }
  .Common__categoryMenu
    .Common__categoryMenu__inner
    .Common__categoryMenu__list
    .Common__categoryMenu__item {
    margin-right: 2px;
  }
  .Common__categoryMenu
    .Common__categoryMenu__inner
    .Common__categoryMenu__list
    .Common__categoryMenu__item
    .Common__categoryMenu__link {
    padding: 8px 12px;
    font-size: 11px;
  }
}

.Common__colorMark {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #d9dce0;
}

/* コンテンツメイン設定 */
.Common__wrapper {
  position: relative;
}

.Common__bgImage {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45vw;
  max-width: 850px;
  height: auto;
  z-index: 1;
  overflow: hidden;
}
.Common__bgImage img {
  position: absolute;
  right: -30%;
}

.Common__contentMain {
  max-width: 1240px;
  margin: 0 auto;
  padding: 70px 20px 140px;
}
.Common__contentMain > dl {
  display: flex;
  border-top: solid 1px #d9dce0;
  border-right: solid 1px #d9dce0;
  border-left: solid 1px #d9dce0;
}
.Common__contentMain > dt {
  display: flex;
  align-items: center;
  padding: 16px 0 16px 42px;
  width: 30%;
  font-weight: bold;
  background-color: rgba(230, 230, 230, 0.3);
  border-right: solid 1px #d9dce0;
}
.Common__contentMain > dd {
  padding: 16px 0 16px 42px;
  width: 70%;
}
.Common__contentMain > ul {
  padding: 30px 0 50px;
  font-size: 14px;
  font-weight: bold;
}
.Common__contentMain > ul li {
  display: flex;
  align-items: center;
}
.Common__contentMain > ul li::before {
  content: "";
  margin: 0 12px 0 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0d3246;
}
.Common__contentMain > p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  margin-bottom: 30px;
}
.Common__contentMain > p:last-child {
  margin-bottom: 0;
}
.Common__contentMain > img {
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .Common__bgImage {
    display: none;
  }
  .Common__contentMain {
    padding: 30px 20px 60px;
  }
  .Common__contentMain > h1 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .Common__contentMain > h3 {
    font-size: 13px;
    padding-bottom: 8px;
  }
  .Common__contentMain > p {
    font-size: 12px;
    margin-bottom: 20px;
  }
}

.Common__grayBar {
  width: 100%;
  height: 1px;
  background-color: #d9dce0;
  margin-bottom: 30px;
}

.Common_headingBar {
  position: relative;
  width: 100%;
  height: 2px;
  background-color: #d9dce0;
}

.Common_headingBar::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 2px;
  background-color: #0d3246;
}

.Common__inputArticle {
  margin-bottom: 48px;
}
.Common__inputArticle h2 {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 15px 30px;
  margin: 52px 0 28px;
  background-color: #0d3246;
  font-size: 18px;
  font-weight: bold;
  color: white;
}
.Common__inputArticle h2.First {
  margin-top: 28px;
}
.Common__inputArticle h2::before {
  content: "";
  display: block;
  width: 3px;
  height: 16px;
  background-color: white;
  margin: 2px 10px 0 0;
}
.Common__inputArticle h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  border-bottom: 2px solid #d9dce0;
  position: relative;
  margin: 32px 0 16px;
  padding-bottom: 12px;
}
.Common__inputArticle h3.First {
  margin-top: 16px;
}
.Common__inputArticle h3:not(:first-child) {
  margin-top: 32px;
}
.Common__inputArticle h3::before {
  width: 50px;
  height: 2px;
  content: "";
  display: block;
  background-color: #0d3246;
  position: absolute;
  left: 0;
  bottom: -2px;
}
.Common__inputArticle h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 12px 0;
}
.Common__inputArticle p,
.Common__inputArticle a,
.Common__inputArticle li {
  margin-bottom: 12px;
  line-height: 1.75;
}
.Common__inputArticle p {
  margin-bottom: 20px;
}
.Common__inputArticle p,
.Common__inputArticle a {
  font-size: 14px;
}
.Common__inputArticle a {
  color: #0d3246;
}
.Common__inputArticle a:hover {
  text-decoration: underline;
}
.Common__inputArticle .contents-box {
  border: 1px solid #d8dce0;
  border-radius: 2px;
}
.Common__inputArticle li {
  font-size: 14px;
  margin: 6px 0 12px;
}
.Common__inputArticle table {
  font-size: 13px;
  line-height: 130%;
  width: 100%;
}
.Common__inputArticle table tr {
  display: flex;
  border-top: solid 1px #d9dce0;
  border-right: solid 1px #d9dce0;
  border-left: solid 1px #d9dce0;
}
.Common__inputArticle table tr th {
  display: flex;
  align-items: center;
  padding: 15px;
  width: 25%;
  font-weight: bold;
  background-color: #eff1f3;
  border-right: solid 1px #d9dce0;
  text-align: left;
}
.Common__inputArticle table tr td {
  padding: 15px;
  width: 75%;
}
.Common__inputArticle table tr:last-child {
  border-bottom: solid 1px #d9dce0;
}
.Common__inputArticle iframe {
  margin: 30px 0;
}
.Common__inputArticle strong {
  font-weight: bold;
}
.Common__inputArticle .border-box {
  padding: 2% 4%;
  border: 1px solid #d9dce0;
}
.Common__inputArticle .FlexBox-col2 {
  display: flex;
  width: 100%;
}
.Common__inputArticle .FlexBox-col2 .FlexItem {
  width: calc(50% - 9px);
  margin-right: 18px;
}
.Common__inputArticle .FlexBox-col2 .FlexItem:nth-child(2n) {
  margin-right: 0;
}
.Common__inputArticle .FlexBox-colMedium {
  display: flex;
  width: 100%;
}
.Common__inputArticle .FlexBox-colMedium .FlexItem {
  width: 36%;
  margin-right: 18px;
}
@media (max-width: 768px) {
  .Common__inputArticle .FlexBox-colMedium .FlexItem {
    width: calc(50% - 9px);
    margin-right: 18px;
  }
  .Common__inputArticle .FlexBox-colMedium .FlexItem:nth-child(2n) {
    margin-right: 0;
  }
}
.Common__inputArticle .FlexBox-col3 {
  display: flex;
  width: 100%;
}
.Common__inputArticle .FlexBox-col3 .FlexItem {
  width: calc(33.4% - 12px);
  margin-right: 18px;
}
.Common__inputArticle .FlexBox-col3 .FlexItem:nth-child(3n) {
  margin-right: 0;
}
.Common__inputArticle li.blueDot {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.Common__inputArticle li.blueDot::before {
  content: "";
  flex-shrink: 0;
  margin: 0 12px 0 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0d3246;
}
.Common__inputArticle .GoogleMap {
  padding-top: 75%;
  position: relative;
  width: 100%;
}
.Common__inputArticle .GoogleMap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.Common__inputArticle h3.border-left {
  border-bottom: none;
  margin-left: 10px;
  padding-left: 5px;
  padding-bottom: 0;
}
.Common__inputArticle h3.border-left::before {
  content: "";
  position: absolute;
  border-left: 3px solid #0d3246;
  width: 0;
  height: 18px;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
}
.Common__inputArticle h2.TitleAnswer {
  font-size: 30px;
  font-weight: bold;
  position: relative;
  margin-top: 0;
  margin-bottom: 30px;
  margin-left: 40px;
  padding: 0;
  color: black;
  background-color: transparent;
}
.Common__inputArticle h2.TitleAnswer::before {
  content: "A.";
  color: #9b2525;
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  left: -39px;
  width: inherit;
  height: inherit;
  margin: 0;
  background: none;
}
.Common__inputArticle .strong {
  font-weight: bold;
}
.Common__inputArticle .margin-10 {
  display: block;
  width: 100%;
  margin-top: 9px;
  border-bottom: solid 1px transparent;
}
.Common__inputArticle .margin-20 {
  display: block;
  width: 100%;
  margin-top: 19px;
  border-bottom: solid 1px transparent;
}
.Common__inputArticle .margin-30 {
  display: block;
  width: 100%;
  margin-top: 29px;
  border-bottom: solid 1px transparent;
}
.Common__inputArticle .margin-40 {
  display: block;
  width: 100%;
  margin-top: 39px;
  border-bottom: solid 1px transparent;
}
.Common__inputArticle .margin-50 {
  display: block;
  width: 100%;
  margin-top: 49px;
  border-bottom: solid 1px transparent;
}
.Common__inputArticle .Common__youtubeContainer {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  margin: -30px auto 30px;
}
.Common__inputArticle .Common__youtubeContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.Common__inputArticle .has-background p {
  padding: 20px;
}
.Common__inputArticle .wp-block-embed__wrapper {
  text-align: center;
}

@media (max-width: 768px) {
  .Common__inputArticle {
    margin-bottom: 36px;
  }
  .Common__inputArticle h2 {
    padding: 10px;
    font-size: 14px;
    margin: 18px 0;
  }
  .Common__inputArticle h3 {
    font-size: 14px;
    padding-bottom: 6px;
    margin-top: 30px;
  }
  .Common__inputArticle h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 8px 0;
  }
  .Common__inputArticle li.Common__blueDotHead::before {
    content: "";
    flex-shrink: 0;
    margin: 0 12px 0 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #0d3246;
  }
  .Common__inputArticle p,
  .Common__inputArticle a,
  .Common__inputArticle li {
    font-size: 13px;
  }
  .Common__inputArticle table {
    font-size: 12px;
  }
  .Common__inputArticle table tr {
    display: flex;
    border-top: solid 1px #d9dce0;
    border-right: solid 1px #d9dce0;
    border-left: solid 1px #d9dce0;
  }
  .Common__inputArticle table tr th {
    padding: 11px;
  }
  .Common__inputArticle table tr td {
    font-size: 11px;
  }
  .Common__inputArticle h2.TitleAnswer {
    font-size: 16px;
    margin-left: 20px;
    margin-bottom: 15px;
  }
  .Common__inputArticle h2.TitleAnswer::before {
    font-size: 16px;
    left: -20px;
  }
  .Common__inputArticle .wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
  }
  .Common__inputArticle .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
}

@media (max-width: 450px) {
  table tr th {
    padding: 10px;
  }
  table tr td {
    font-size: 10px;
  }
}

.wp-block-image img {
  height: auto;
}

/* ページヘッダー設定 */
.Common__pageHeader {
  position: relative;
  background-color: #0d3246;
  border-bottom: 1px solid #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}
.Common__pageHeader::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
  width: 200px;
  height: 0;
  border-bottom: 110px solid #144f6e;
  border-left: 98px solid transparent;
}
.Common__pageHeader .Common__pageHeaderContents {
  display: flex;
  align-items: baseline;
  padding: 40px 20px;
  margin: 0 auto;
  max-width: 1240px;
  color: white;
}
.Common__pageHeader .Common__pageHeaderContents .Common__pageHeaderTitle--ja {
  font-size: 30px;
  margin-right: 20px;
  font-weight: bold;
}
.Common__pageHeader .Common__pageHeaderContents .Common__pageHeaderTitle--en {
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .Common__pageHeader {
    position: relative;
    background-color: #0d3246;
    height: 65px;
  }
  .Common__pageHeader::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 60px;
    height: 0;
    border-bottom: 63px solid #144f6e;
    border-left: 63px solid transparent;
  }
  .Common__pageHeader .Common__pageHeaderContents {
    display: flex;
    align-items: center;
    padding: 18px 20px;
    height: 100%;
    line-height: 100%;
  }
  .Common__pageHeader .Common__pageHeaderContents .Common__pageHeaderTitle--ja {
    font-size: 16px;
    margin-right: 12px;
  }
  .Common__pageHeader .Common__pageHeaderContents .Common__pageHeaderTitle--en {
    font-size: 11px;
    position: relative;
    top: 3px;
  }
}

/* ページサブヘッダー設定 */
.Common__pageSubHeader {
  background-color: #0d3246;
}
.Common__pageSubHeader .Common__pageSubHeaderList {
  display: flex;
  margin: 0 auto;
  padding: 17px 20px;
  max-width: 1240px;
}
.Common__pageSubHeader .Common__pageSubHeaderList li {
  margin-right: 56px;
  font-weight: bold;
}
.Common__pageSubHeader .Common__pageSubHeaderList li a {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  word-break: keep-all;
  white-space: nowrap;
  transition: 0.3s;
}
.Common__pageSubHeader .Common__pageSubHeaderList li a::after {
  content: "";
  display: block;
  margin-left: 6px;
  width: 8px;
  height: 8px;
  border-right: solid 1px white;
  border-bottom: solid 1px white;
  transform: rotate(45deg) translateY(-35%);
  position: relative;
  top: 1px;
}
.Common__pageSubHeader .Common__pageSubHeaderList li a:hover {
  opacity: 0.9;
}
.Common__pageSubHeader .Common__pageSubHeaderItem {
  position: relative;
  z-index: 2;
}

@media (max-width: 768px) {
  .Common__pageSubHeader {
    position: relative;
    background-color: #0d3246;
  }
  .Common__pageSubHeader .Common__pageSubHeaderList {
    padding: 8px 20px;
    overflow: scroll;
  }
}
@media (max-width: 768px) and (max-width: 450px) {
  .Common__pageSubHeader .Common__pageSubHeaderList::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 10%;
    background: linear-gradient(
      to right,
      transparent 0%,
      rgba(0, 0, 0, 0.2) 100%
    );
    pointer-events: none;
  }
}

@media (max-width: 768px) {
  .Common__pageSubHeader .Common__pageSubHeaderList li {
    margin-right: 20px;
    height: 24px;
  }
  .Common__pageSubHeader .Common__pageSubHeaderList li a {
    height: 100%;
    line-height: 100%;
    font-size: 11px;
  }
  .Common__pageSubHeader .Common__pageSubHeaderList li a::after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
    position: relative;
    top: 1px;
  }
}

/* ページ見出し設定 */
.Common__pageTitle {
  display: flex;
  align-items: baseline;
  padding-bottom: 25px;
  position: relative;
  padding-top: 100px;
  margin-top: -100px;
  z-index: -1;
}
.Common__pageTitle::before {
  width: 50px;
  height: 2px;
  content: "";
  display: block;
  background-color: #0d3246;
  position: absolute;
  left: 0;
  bottom: 0;
}
.Common__pageTitle .Common__pageTitle--ja {
  margin-right: 30px;
  font-size: 28px;
  font-weight: bold;
}
.Common__pageTitle .Common__pageTitle--en {
  font-size: 16px;
  color: #144f6e;
  font-weight: 500;
}

@media (max-width: 1100px) {
  .Common__pageTitle .Common__pageTitle--ja {
    margin-right: 25px;
    font-size: 24px;
  }
  .Common__pageTitle .Common__pageTitle--en {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .Common__pageTitle {
    display: flex;
    align-items: baseline;
    padding-bottom: 15px;
  }
  .Common__pageTitle::before {
    width: 32px;
  }
  .Common__pageTitle .Common__pageTitle--ja {
    margin-right: 18px;
    font-size: 20px;
  }
  .Common__pageTitle .Common__pageTitle--en {
    font-size: 11px;
  }
}

.Common__pageTitle--icon {
  font-size: 28px;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding-bottom: 25px;
  position: relative;
  padding-top: 100px;
  margin-top: -100px;
  z-index: -1;
}
.Common__pageTitle--icon::after {
  width: 50px;
  height: 2px;
  content: "";
  display: block;
  background-color: #144f6e;
  position: absolute;
  bottom: 0;
  left: 0;
}
.Common__pageTitle--icon img {
  width: auto;
  height: 28px;
  margin-left: 15px;
}

@media (max-width: 1100px) {
  .Common__pageTitle--icon {
    font-size: 24px;
  }
  .Common__pageTitle--icon img {
    height: 24px;
  }
}

@media (max-width: 768px) {
  .Common__pageTitle--icon {
    font-size: 20px;
    padding-bottom: 15px;
  }
  .Common__pageTitle--icon::after {
    width: 32px;
  }
  .Common__pageTitle--icon img {
    height: 20px;
  }
}

.Common__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto 0;
}
.Common__pagination .Common__paginationPrev {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 45px 24px 0 0;
}
.Common__pagination .Common__paginationPrev::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 1px #0d3246;
  border-left: solid 1px #0d3246;
  transform: rotate(-45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 30%;
}
.Common__pagination .Common__paginationPages {
  display: flex;
  justify-content: space-around;
  position: relative;
}
.Common__pagination .Common__paginationPages .Common__paginationPage {
  padding: 16.5px 18px;
  text-align: center;
  font-size: 12px;
  display: block;
  position: relative;
  transition: color 0.3s;
}
.Common__pagination .Common__paginationPages .Common__paginationPage::after {
  width: 100%;
  height: 2px;
  content: "";
  background-color: #d9dce0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.Common__pagination .Common__paginationPages .Common__paginationPage:hover {
  color: #0d3246;
}
.Common__pagination
  .Common__paginationPages
  .Common__paginationPage.-current::after {
  background-color: #0d3246;
}
.Common__pagination .Common__paginationNext {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 45px 0 0 24px;
}
.Common__pagination .Common__paginationNext::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 1px #0d3246;
  border-right: solid 1px #0d3246;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 30%;
}

@media (max-width: 768px) {
  .Common__pagenation {
    width: 40%;
    margin-top: 30px;
  }
}

@media (max-width: 450px) {
  .Common__pagenation {
    width: 60%;
  }
}

.Common__productItem {
  position: relative;
  width: 240px;
  margin-top: 48px;
}
.Common__productItem.new::before {
  content: "NEW";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  font-weight: bold;
  color: white;
  padding: 6px 14px;
  background-color: #0d3246;
  z-index: 1;
}
.Common__productItem.overseas-only::before {
  content: "Overseas only";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  font-weight: bold;
  color: white;
  padding: 6px 14px;
  background-color: #0d3246;
  z-index: 1;
}
.Common__productItem .Common__productLink.-isOnceHovered::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: "";
  background-color: rgba(13, 50, 70, 0.02);
  animation: hover-out 0.4s forwards alternate;
  animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.Common__productItem .Common__productLink.-isOnceHovered:hover::before {
  animation: hover-in 0.4s forwards alternate;
}

@keyframes hover-in {
  0% {
    transform-origin: left top;
    transform: scale(0, 1);
  }
  100% {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}

@keyframes hover-out {
  0% {
    transform-origin: right top;
    transform: scale(1, 1);
  }
  100% {
    transform-origin: right top;
    transform: scale(0, 1);
  }
}
.Common__productItem .Common__productLink .Common__productList__imageContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 16px auto 0;
  height: 200px;
  position: relative;
}
.Common__productItem
  .Common__productLink
  .Common__productList__imageContainer
  .Common__productListImage {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.Common__productItem .Common__productLink .Common__productItemName {
  margin-top: 10px;
  padding: 0 20px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.6;
}
.Common__productItem .Common__productLink .Common__productItemPrice {
  margin-top: 12px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  color: #555556;
}
.Common__productItem .Common__productLink .Common__productItemColors {
  display: flex;
  justify-content: center;
  margin: 12px auto 0;
  width: 60%;
  min-width: 140px;
}
.Common__productItem
  .Common__productLink
  .Common__productItemColors
  .Common__colorMark,
.Common__productItem
  .Common__productLink
  .Common__productItemColors
  .Common__productItemPlus {
  margin: 0 4px;
}

@media screen and (max-width: 1240px) {
  .ProductItems .ProductItems__List {
    justify-content: flex-start;
  }
  .ProductItems .ProductItems__List .Common__productItem {
    margin-right: calc((100% - 960px) / 3);
  }
  .ProductItems .ProductItems__List .Common__productItem:nth-child(4n + 4) {
    margin-right: 0;
  }
}

@media screen and (max-width: 999px) {
  .ProductItems .ProductItems__List {
    justify-content: flex-start;
  }
  .ProductItems .ProductItems__List .Common__productItem {
    margin-right: calc((100% - 720px) / 2);
  }
  .ProductItems .ProductItems__List .Common__productItem:nth-child(4n + 4) {
    margin-right: calc((100% - 720px) / 2);
  }
  .ProductItems .ProductItems__List .Common__productItem:nth-child(3n + 3) {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .Common__productItem {
    margin-top: 36px;
    position: relative;
    width: 50%;
    margin-right: 0 !important;
  }
  .Common__productItem .Common__productList__imageContainer {
    width: 100%;
    height: calc(50vw - 20px);
  }
}

@media (max-width: 450px) {
  .ProductItems .ProductItems__List {
    margin-bottom: 0;
  }
  .ProductItems
    .ProductItems__List
    .Common__productItem
    .Common__productLink
    .Common__productList__imageContainer {
    height: 150px;
  }
  .ProductItems
    .ProductItems__List
    .Common__productItem
    .Common__productLink
    .Common__productItemName {
    padding: 0 5px;
  }
}

.Common__sectionHead {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 15px 30px;
  background-color: #0d3246;
}
.Common__sectionHead .Common__sectionHead__bar {
  width: 3px;
  height: 16px;
  background-color: white;
  margin: 2px 10px 0 0;
}
.Common__sectionHead .Common__sectionHead__heading {
  font-size: 18px;
  font-weight: bold;
  color: white;
}
.Common__sectionHead .Common__sectionHead__marker {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
  width: 120px;
  height: 0;
  border-bottom: solid calc(18px + 15px * 2) #144f6e;
  border-left: 40px solid transparent;
}

@media (max-width: 768px) {
  .Common__sectionHead {
    padding: 10px 12px;
  }
  .Common__sectionHead .Common__sectionHead__heading {
    font-size: 14px;
  }
  .Common__sectionHead .Common__sectionHead__marker {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 80px;
    height: 0;
    border-bottom: solid calc(14px + 12px * 2) #144f6e;
    border-left: 30px solid transparent;
  }
}

.Common__shareButtons {
  display: flex;
  align-items: center;
}
.Common__shareButtons .Common__shareMsg {
  font-size: 12px;
  font-weight: bold;
  color: #555556;
}
.Common__shareButtons .Common__shareBar {
  height: 12px;
  width: 1px;
  background-color: #555556;
  margin: 0 20px;
}
.Common__shareButtons .Common__shareIcons {
  display: flex;
}
.Common__shareButtons .Common__shareIcons a {
  position: relative;
  display: inline-block;
}
.Common__shareButtons .Common__shareIcons a::after {
  width: 32px;
  height: 32px;
  content: "";
  background-color: rgba(13, 50, 70, 0.07);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.2s;
}
.Common__shareButtons .Common__shareIcons a:hover::after {
  transform: translate(-50%, -50%) scale(1);
}
.Common__shareButtons .Common__shareIcons .Common__shareTwitter {
  margin-left: 8px;
}
.Common__shareButtons .Common__shareIcons .Common__shareTwitter,
.Common__shareButtons .Common__shareIcons .Common__shareFacebook {
  display: block;
  width: 24px;
  height: 24px;
}
.Common__shareButtons
  .Common__shareIcons
  .Common__shareTwitter
  .Common__shareTwitterIcon,
.Common__shareButtons
  .Common__shareIcons
  .Common__shareTwitter
  .Common__shareFacebookIcon,
.Common__shareButtons
  .Common__shareIcons
  .Common__shareFacebook
  .Common__shareTwitterIcon,
.Common__shareButtons
  .Common__shareIcons
  .Common__shareFacebook
  .Common__shareFacebookIcon {
  width: 100%;
}

/* サイドバー タイプA */
.Common__sidebar--A {
  position: relative;
  margin-top: 20px;
  border: solid 1px #d9dce0;
  padding: 36px 28px;
  box-shadow: 0 0 4px #d9dce0;
  background-color: white;
}
.Common__sidebar--A::before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  width: 38px;
  height: 5px;
  background-color: #0d3246;
}
.Common__sidebar--A .Common__sidebarHeading {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 28px;
}
.Common__sidebar--A .Common__sidebarSubHeading {
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 2px solid #d9dce0;
  position: relative;
}
.Common__sidebar--A .Common__sidebarSubHeading::before {
  width: 30px;
  height: 2px;
  content: "";
  background-color: #0d3246;
  position: absolute;
  left: 0;
  bottom: -2px;
}
.Common__sidebar--A .Common__sidebarMenuContent {
  margin-bottom: 28px;
}
.Common__sidebar--A .Common__sidebarMenuContent:last-child {
  margin-bottom: 0;
}
.Common__sidebar--A .Common__sidebarItems .Common__sidebarItem {
  display: flex;
  align-items: center;
  margin-top: 15px;
  font-size: 13px;
  font-weight: bold;
  position: relative;
  overflow: hidden;
}
.Common__sidebar--A .Common__sidebarItems .Common__sidebarItem::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 4px solid transparent;
  border-left: 5px solid #0d3246;
  border-bottom: 4px solid transparent;
  transition: 0.3s;
}
.Common__sidebar--A
  .Common__sidebarItems
  .Common__sidebarItem
  .Common__sidebarLink {
  padding-left: 15px;
  text-decoration: none;
  color: #333;
  cursor: pointer;
  outline: none;
  display: block;
}
.Common__sidebar--A .Common__sidebarItems .Common__sidebarItem:hover::before {
  left: 3px;
}
.Common__sidebar--A
  .Common__sidebarItems
  .Common__sidebarItem:hover
  .Common__sidebarLink {
  color: #0d3246;
}
.Common__sidebar--A .Common__sidebarItems .Common__sidebarItem.-current {
  color: #0d3246;
}
.Common__sidebar--A
  .Common__sidebarItems
  .Common__sidebarItem.-current::before {
  left: 3px;
}

@media screen and (max-width: 949px) {
  .Common__sidebar--A {
    width: 100%;
  }
  .IrInfoList__wrapper .IrInfoList__contents .IrInfoList__sidebar {
    width: 100%;
  }
}

/* サイドバー タイプB */
.Common__sidebar--B {
  margin-top: 46px;
  width: 300px;
  min-width: 250px;
  background: #fff;
  border: 1px solid #d9dce0;
  box-shadow: 0 0 4px #d9dce0;
  padding: 34px 30px 30px;
  position: relative;
}
.Common__sidebar--B::before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  width: 38px;
  height: 5px;
  background-color: #0d3246;
}
.Common__sidebar--B .Common__sidebarHeading {
  margin-bottom: 10px;
  display: inline-block;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}
.Common__sidebar--B .Common__sidebarHeading::before {
  content: url(../img/faq-list/MainList__side-searchCategory.svg);
  width: 14px;
  height: 14px;
  position: absolute;
  right: -20px;
  top: 2px;
}
.Common__sidebar--B .Common__sidebarHeading.-noSearchIcon::before {
  content: "";
  display: none;
}
.Common__sidebar--B .Common__sidebarItems li {
  position: relative;
  overflow: hidden;
}
.Common__sidebar--B .Common__sidebarItems li::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 4px solid transparent;
  border-left: 5px solid #0d3246;
  border-bottom: 4px solid transparent;
  transition: 0.3s;
}
.Common__sidebar--B .Common__sidebarItems li::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(13, 50, 70, 0.02);
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
  pointer-events: none;
}
.Common__sidebar--B .Common__sidebarItems li a {
  color: #333;
  font-size: 13px;
  font-weight: bold;
  padding: 15px 12px 15px 15px;
  border-bottom: 1px solid #d8dce0;
  display: block;
}
.Common__sidebar--B .Common__sidebarItems li:hover::before {
  left: 3px;
}
.Common__sidebar--B .Common__sidebarItems li:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

@media screen and (max-width: 949px) {
  .Common__sidebar--B {
    width: 100%;
  }
}

/* サイドバー タイプC */
.Common__sidebar--C {
  position: relative;
  border: solid 1px #d9dce0;
  padding: 32px 28px;
  width: 300px;
  background-color: white;
}
.Common__sidebar--C .Common__sidebarHeading {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 28px;
  white-space: nowrap;
}
.Common__sidebar--C .Common__sidebarHeading::after {
  position: relative;
  top: 2px;
  content: "";
  margin-left: 18px;
  width: 100%;
  height: 0;
  border-bottom: solid 1px #d9dce0;
}
.Common__sidebar--C .Common__sidebarSubHeading {
  font-size: 13px;
  font-weight: bold;
  position: relative;
}
.Common__sidebar--C .Common__sidebarMenuContent {
  margin-bottom: 32px;
}
.Common__sidebar--C .Common__sidebarMenuContent:last-child {
  margin-bottom: 0;
}
.Common__sidebar--C .Common__sidebarItems .Common__sidebarItem {
  display: flex;
  align-items: center;
  margin-top: 15px;
  font-size: 13px;
  font-weight: bold;
  position: relative;
  overflow: hidden;
}
.Common__sidebar--C
  .Common__sidebarItems
  .Common__sidebarItem
  .Common__sidebarLink {
  padding-left: 15px;
  text-decoration: none;
  color: #333;
  cursor: pointer;
  outline: none;
  display: block;
}
.Common__sidebar--C .Common__sidebarItems .Common__sidebarItem:hover::before {
  left: 3px;
}
.Common__sidebar--C
  .Common__sidebarItems
  .Common__sidebarItem:hover
  .Common__sidebarLink {
  color: #0d3246;
}
.Common__sidebar--C .Common__sidebarItems .Common__sidebarItem.-current {
  color: #0d3246;
}
.Common__sidebar--C
  .Common__sidebarItems
  .Common__sidebarItem.-current::before {
  left: 3px;
}

@media screen and (max-width: 949px) {
  .Common__sidebar--C {
    width: 100%;
  }
}

/*トップページ見出し*/
.Common__topPageTitle {
  margin: 0 auto 40px;
  padding-bottom: 15px;
  position: relative;
}
.Common__topPageTitle::after {
  width: 30px;
  height: 2px;
  content: "";
  display: block;
  background-color: #144f6e;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.Common__topPageSubHeading {
  margin-bottom: 40px;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-align: center;
}
@media (max-width: 768px) {
  .Common__topPageSubHeading {
    margin-bottom: 30px;
  }
  .Common__topPageTitle {
    margin-bottom: 30px;
  }
}
@media (max-width: 450px) {
  .Common__topPageSubHeading {
    font-size: 12px;
  }
}

/*ビデオ挿入用スタイル調整_210513*/
.ProductInfoTab .ProductInfoTab__videoTag .ProductInfoTab__videoTagContainer{
	margin-bottom: 30px;
}