@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;500;700&display=swap");

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

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

body {
  line-height: 1
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote::before,
blockquote::after {
  content: '';
  content: none
}

q::before,
q::after {
  content: '';
  content: none
}

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

img {
  vertical-align: middle
}

html {
  font-size: 10px;
  height: 100%
}

body {
  text-size-adjust: 100%;
  font-family: "Noto Sans JP", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 1.6rem;
  line-height: 1.8;
  min-width: 320px;
  color: #000;
  background: #fff
}

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

img,
svg,
iframe,
video,
picture {
  max-width: 100%
}

img {
  letter-spacing: 0;
  font-size: 12px
}

a {
  text-decoration: none;
  word-break: break-all
}

@media screen and (min-width: 601px) {
  a[href^='tel:'] {
    display: inline-block;
    pointer-events: none
  }
}

small {
  font-size: 80%
}

button,
input[type="button"],
input[type="submit"] {
  cursor: pointer;
  font: inherit
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit
}

label {
  cursor: pointer;
  display: inline-block
}

@media screen and (max-width: 767px) {
  .js-acc-wrap {
    position: relative
  }

  .js-acc-item {
    position: relative;
    overflow: hidden
  }

  .js-acc-item::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 13vw;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%)
  }

  .js-acc-item.is-hide {
    height: 30vw
  }

  .js-acc-trigger {
    position: absolute;
    bottom: -8.5vw;
    left: 50%;
    transform: translateX(-50%);
    width: 59vw;
    border: 1px solid #231815;
    border-radius: 30px;
    margin: auto;
    padding: 2vw;
    font-size: calc(28/750*100vw);
    text-align: center
  }

  .js-acc-trigger::after {
    content: "OPEN ＋"
  }

  .js-acc-trigger.is-show {
    background-color: #231815;
    bottom: -13vw
  }

  .js-acc-trigger.is-show+.js-acc-item::before {
    display: none
  }

  .js-acc-trigger.is-show::after {
    content: "CLOSE ー";
    color: #fff
  }
}

.js-modal-target {
  cursor: pointer
}

.js-modal-box {
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s;
  z-index: 99999
}

.js-modal-box.active {
  opacity: 1;
  pointer-events: all
}

.js-modal-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 99999
}

.js-modal-btn {
  position: absolute;
  top: calc(50% - 17.2em);
  left: calc(50% + 24.1em);
  transform: translate(-50%, -50%);
  cursor: pointer
}

@media screen and (max-width: 850px) {
  .js-modal-btn {
    top: calc(50% - 32vw);
    left: calc(50% + 41vw)
  }
}

@media screen and (max-width: 767px) {
  .js-modal-btn {
    top: calc(50% - 36vw);
    left: calc(50% + 38vw)
  }
}

.js-modal-btn__inner {
  position: relative;
  display: block;
  width: 60px;
  height: 60px
}

@media screen and (max-width: 767px) {
  .js-modal-btn__inner {
    width: 10vw;
    height: 10vw
  }
}

.js-modal-btn__inner::before,
.js-modal-btn__inner::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 1px;
  background: #fff;
  margin: 0 auto;
  transition: 0.5s all
}

@media screen and (max-width: 767px) {

  .js-modal-btn__inner::before,
  .js-modal-btn__inner::after {
    width: 10vw
  }
}

.js-modal-btn__inner::before {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.js-modal-btn__inner::after {
  transform: translate(-50%, -50%) rotate(45deg)
}

.js-modal-movie {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 823px
}

@media screen and (max-width: 850px) {
  .js-modal-movie {
    width: 95vw;
    height: 51vw
  }
}

@media screen and (max-width: 767px) {
  .js-modal-movie {
    width: 90vw
  }
}

.js-modal-movie iframe {
  width: 823px;
  height: 465px
}

@media screen and (max-width: 850px) {
  .js-modal-movie iframe {
    width: 95%;
    height: 51vw
  }
}

@media screen and (max-width: 767px) {
  .js-modal-movie iframe {
    width: 90vw
  }
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.l-ces {
  background-color: rgba(0, 44, 96, 0.73);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 35px 0 0
}

@media screen and (max-width: 767px) {
  .l-ces {
    padding: calc(92/750*100vw) 0 0
  }
}

.l-ces__inner {
  display: flex;
  align-items: center;
  margin-bottom: 25px
}

@media screen and (max-width: 767px) {
  .l-ces__inner {
    display: block;
    margin-bottom: 5vw
  }
}

.l-ces__logo {
  margin-right: 30px
}

.l-ces__logo img {
  width: 301px;
  height: 105px
}

@media screen and (max-width: 991px) {
  .l-ces__logo {
    margin-right: calc(42/1100*100vw)
  }

  .l-ces__logo img {
    width: calc(301/1100*100vw);
    height: calc(105/1100*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-ces__logo {
    margin-right: 0;
    margin-bottom: 5.5vw
  }

  .l-ces__logo img {
    width: calc(476/750*100vw);
    height: calc(163/750*100vw)
  }
}

.l-ces__dateandtime {
  display: flex;
  align-items: center;
  border: 1px solid #088fd4
}

@media screen and (max-width: 767px) {
  .l-ces__dateandtime {
    display: inline-block;
    margin-right: 0
  }
}

.l-ces__dateandtime dt,
.l-ces__dateandtime .l-ces__state {
  padding: 10px 25px 10px 20px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1;
  color: #fff
}

@media screen and (max-width: 991px) {

  .l-ces__dateandtime dt,
  .l-ces__dateandtime .l-ces__state {
    padding: calc(10/1100*100vw) calc(15/1100*100vw) calc(10/1100*100vw) calc(10/1100*100vw);
    font-size: calc(22/1100*100vw)
  }
}

@media screen and (max-width: 767px) {

  .l-ces__dateandtime dt,
  .l-ces__dateandtime .l-ces__state {
    padding: 2vw 4.5vw;
    font-size: calc(46/750*100vw);
    letter-spacing: .1em;
    white-space: nowrap
  }
}

.l-ces__dateandtime dd {
  padding: 10px 25px;
  border-left: 1px solid #088fd4;
  color: #fff;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.13em
}

@media screen and (max-width: 991px) {
  .l-ces__dateandtime dd {
    padding: calc(10/1100*100vw);
    font-size: calc(20/1100*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-ces__dateandtime dd {
    justify-content: center;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    padding: 2vw 7.5vw;
    font-size: calc(34/750*100vw);
    letter-spacing: -.05em;
    white-space: nowrap
  }
}

.l-ces__dateandtime dd small {
  font-size: 1.4rem
}

@media screen and (max-width: 767px) {
  .l-ces__dateandtime dd small {
    font-size: calc(24/750*100vw)
  }
}

.l-ces__program {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1;
  color: #fff
}

@media screen and (max-width: 767px) {
  .l-ces__program {
    font-size: calc(40/750*100vw)
  }
}

.l-ces__list {
  text-align: left;
  margin-bottom: 20px
}

@media screen and (max-width: 767px) {
  .l-ces__list {
    margin-bottom: 5vw;
    padding: 0 5.5vw
  }
}

.l-ces__list li {
  color: #fff;
  margin-bottom: 5px
}

@media screen and (max-width: 991px) {
  .l-ces__list li {
    margin-bottom: calc(5/1100*100vw);
    font-size: calc(16/1100*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-ces__list li {
    font-size: calc(28/750*100vw);
    margin-bottom: 0;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.75
  }
}

.l-ces__intro {
  width: 100%;
  background-color: #030b1a;
  padding: 20px 0
}

@media screen and (max-width: 767px) {
  .l-ces__intro {
    padding: 5vw 5.5vw
  }
}

.l-ces__intro .intro-txt {
  color: #fff
}

.l-ces__intro .intro-txt span {
  display: block
}

@media screen and (max-width: 767px) {
  .l-ces__intro .intro-txt span {
    line-height: 1.4
  }

  .l-ces__intro .intro-txt span+span {
    margin-top: 4vw
  }
}

.l-ces__intro .intro-txt span.bold {
  font-weight: bold
}

@media screen and (max-width: 991px) {
  .l-ces__intro .intro-txt {
    font-size: calc(16/1100*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-ces__intro .intro-txt {
    font-size: calc(28/750*100vw)
  }
}

.l-ces__btn a {
  top: -3px;
  font-size: 2rem;
  line-height: 1;
  color: #fff;
  padding: 15px 40px;
  font-feature-settings: "palt";
  letter-spacing: -.05em
}

@media screen and (max-width: 991px) {
  .l-ces__btn a {
    font-size: calc(20/1100*100vw);
    padding: calc(15/1100*100vw) calc(40/1100*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-ces__btn a {
    font-size: 4.5vw;
    padding: 4vw 9vw;
    letter-spacing: .01em
  }
}

.l-ces__btn a:hover .c-icon--arrow {
  border-top: 1px solid #000;
  border-right: 1px solid #000
}

.l-ces-udl {
  background-color: rgba(0, 44, 96, 0.73);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px
}

@media screen and (max-width: 767px) {
  .l-ces-udl {
    justify-content: space-between;
    height: auto;
    padding: 2.67vw 3.5vw
  }
}

.l-ces-udl__inner {
  display: flex;
  align-items: center
}

@media screen and (max-width: 767px) {
  .l-ces-udl__inner {
    justify-content: center;
    width: 100%
  }
}

.l-ces-udl__logo {
  margin-right: 30px
}

.l-ces-udl__logo img {
  width: 229px;
  height: 80px
}

@media screen and (max-width: 1100px) {
  .l-ces-udl__logo {
    margin-right: calc(42/1100*100vw)
  }

  .l-ces-udl__logo img {
    width: calc(229/1250*100vw);
    height: calc(80/1250*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-ces-udl__logo {
    margin-right: 3vw;
    margin-bottom: 0
  }

  .l-ces-udl__logo img {
    width: calc(218/750*100vw);
    height: calc(76/750*100vw)
  }
}

.l-ces-udl__dateandtime {
  display: flex;
  align-items: center;
  border: 1px solid #088fd4;
  margin-right: 30px
}

@media screen and (max-width: 767px) {
  .l-ces-udl__dateandtime {
    margin-right: 0
  }
}

.l-ces-udl__dateandtime dt,
.l-ces-udl__dateandtime .l-ces-udl__state {
  padding: 5px 15px 5px 10px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1;
  color: #fff
}

@media screen and (max-width: 1100px) {

  .l-ces-udl__dateandtime dt,
  .l-ces-udl__dateandtime .l-ces-udl__state {
    padding: calc(10/1100*100vw) calc(15/1100*100vw) calc(10/1100*100vw) calc(10/1100*100vw);
    font-size: calc(22/1100*100vw)
  }
}

@media screen and (max-width: 767px) {

  .l-ces-udl__dateandtime dt,
  .l-ces-udl__dateandtime .l-ces-udl__state {
    padding: 1vw 2vw;
    font-size: calc(36/750*100vw);
    letter-spacing: .1em;
    white-space: nowrap
  }
}

.l-ces-udl__dateandtime dd {
  padding: 10px;
  border-left: 1px solid #088fd4;
  color: #fff;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.13em
}

@media screen and (max-width: 1100px) {
  .l-ces-udl__dateandtime dd {
    padding: calc(10/1100*100vw);
    font-size: calc(20/1100*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-ces-udl__dateandtime dd {
    justify-content: center;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    padding: 1.5vw 2vw;
    font-size: calc(28/750*100vw);
    letter-spacing: -.05em;
    white-space: nowrap
  }
}

.l-ces-udl__dateandtime dd small {
  font-size: 1.4rem
}

@media screen and (max-width: 767px) {
  .l-ces-udl__dateandtime dd small {
    font-size: calc(20/750*100vw)
  }
}

.l-ces-udl__btn a {
  top: -3px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  padding: 16px 40px 16px 30px;
  font-feature-settings: "palt";
  letter-spacing: .07em
}

@media screen and (max-width: 1100px) {
  .l-ces-udl__btn a {
    font-size: calc(16/1100*100vw);
    padding: calc(16/1100*100vw) calc(40/1100*100vw) calc(16/1100*100vw) calc(30/1100*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-ces-udl__btn a {
    font-size: 4.5vw;
    padding: 4vw 9vw;
    letter-spacing: .01em
  }
}

.l-ces-udl__btn a:hover .c-icon--arrow {
  border-top: 1px solid #000;
  border-right: 1px solid #000
}

.l-footer__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 55px 11.8%
}

@media screen and (max-width: 768px) {
  .l-footer__inner {
    flex-direction: column;
    justify-content: center;
    padding: 7vw 0
  }
}

.l-footer__logo img {
  width: 125px;
  height: 25px
}

@media screen and (max-width: 768px) {
  .l-footer__logo {
    margin-bottom: 20px
  }
}

@media screen and (max-width: 767px) {
  .l-footer__logo {
    margin-bottom: 4.5vw
  }

  .l-footer__logo img {
    width: calc(182/750*100vw);
    height: calc(36/750*100vw)
  }
}

.l-footer__copyright {
  font-size: 1.3rem;
  color: #fff;
  font-feature-settings: "palt";
  letter-spacing: .065em
}

@media screen and (max-width: 767px) {
  .l-footer__copyright {
    font-size: calc(24/750*100vw);
    text-align: center;
    line-height: 1.5
  }
}

.l-nav {
  display: flex;
  align-items: center
}

@media screen and (max-width: 767px) {
  .l-nav {
    width: auto
  }
}

.l-nav__btn {
  display: none
}

@media screen and (max-width: 767px) {
  .l-nav__btn {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 13px;
    background: #9ea1a8;
    width: 11.8vw;
    height: 11.8vw;
    padding: 0;
    transition: 0.5s all;
    order: 2
  }

  .l-nav__btn span {
    position: relative;
    display: block;
    width: 4.8vw;
    height: 1px;
    background: #fff;
    margin: 12px auto;
    outline: none;
    transition: 0.5s all
  }

  .l-nav__btn span::before,
  .l-nav__btn span::after {
    position: absolute;
    display: block;
    content: "";
    width: 4.8vw;
    height: 1px;
    background: #fff;
    margin: 0 auto;
    transition: 0.5s all
  }

  .l-nav__btn span::before {
    top: -6px
  }

  .l-nav__btn span::after {
    bottom: -6px
  }
}

.l-nav__btn.is-active span {
  background: none
}

.l-nav__btn.is-active span::before,
.l-nav__btn.is-active span::after {
  background: #000
}

.l-nav__btn.is-active span::before {
  transform: rotate(-45deg);
  top: 0
}

.l-nav__btn.is-active span::after {
  transform: rotate(45deg);
  bottom: 0
}

@media screen and (max-width: 767px) {
  .l-nav__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
    padding: 4vw 3vw 4vw 5vw
  }

  .l-nav__head .l-nav__btn {
    background: #f1f1f0
  }
}

@media screen and (max-width: 767px) {
  .l-nav__body {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: #f1f1f0;
    width: 100%;
    height: 100vh
  }
}

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

@media screen and (max-width: 767px) {
  .l-nav__list {
    flex-direction: column;
    justify-content: center
  }
}

.l-nav__item {
  color: #fff
}

.l-nav__item--top,
.l-nav__item--story {
  margin-right: 34px
}

@media screen and (min-width: 601px) {
  .l-nav__item--story {
    position: relative;
    top: 25px;
    margin-top: -25px;
    cursor: pointer;
    transition: .3s
  }

  .l-nav__item--story ul {
    position: absolute;
    display: none;
    top: 38px;
    left: -66px;
    width: 295px;
    background-color: #fff;
    padding: 17px 20px 0 55px;
    box-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px 0
  }

  .l-nav__item--story ul::before {
    position: absolute;
    top: -8px;
    left: 82px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fff
  }

  .l-nav__item--story ul li {
    position: relative;
    margin-bottom: 17px;
    text-align: left;
    transition: opacity .3s
  }

  .l-nav__item--story ul li:hover {
    opacity: .7
  }

  .l-nav__item--story ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -22px;
    margin-top: -3px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #088fd4;
    border-right: 1px solid #088fd4;
    -webkit-transform: rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
  }

  .l-nav__item--story ul li a {
    font-size: 1.6rem;
    color: #088fd4
  }

  .l-nav__item--story ul li dl {
    text-align: left
  }

  .l-nav__item--story ul li dl dt {
    margin-bottom: 5px;
    font-size: 1.4rem;
    color: #088fd4
  }

  .l-nav__item--story ul li dl dd {
    font-size: 1.3rem;
    color: #000
  }

  .l-nav__item--story:hover {
    color: #088fd4
  }

  .l-nav__item--story:hover ul {
    position: absolute;
    display: block;
    width: 295px
  }
}

.l-nav__item--history {
  margin-right: 28px
}

.l-nav__item--ces {
  display: none
}

.l-nav__item--lang {
  position: relative;
  margin-right: 24px
}

.l-nav__item--lang::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 20px;
  background: #fff
}

.l-nav__item--lang span,
.l-nav__item--lang a {
  margin: 0 13px;
  cursor: pointer;
  opacity: 1
}

@media screen and (max-width: 767px) {

  .l-nav__item--lang span,
  .l-nav__item--lang a {
    font-weight: bold;
    color: #231815
  }
}

.l-nav__item--lang .is-lang-active {
  color: #9fa0a0 !important
}

@media screen and (max-width: 767px) {
  .l-nav__item--lang .is-lang-active {
    font-weight: normal !important
  }
}

@media screen and (max-width: 991px) {
  .l-nav__item {
    font-size: calc(16/900*100vw)
  }

  .l-nav__item--top,
  .l-nav__item--story {
    margin-right: calc(34/1100*100vw)
  }

  .l-nav__item--history {
    margin-right: calc(28/1100*100vw)
  }

  .l-nav__item--lang {
    margin-right: calc(24/1100*100vw)
  }

  .l-nav__item--lang::before {
    height: calc(20/1100*100vw)
  }

  .l-nav__item--lang span,
  .l-nav__item--lang a {
    margin: 0 calc(13/1100*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-nav__item {
    display: flex;
    justify-content: center;
    color: #000;
    font-size: 5vw;
    padding: 7vw 0;
    border-top: 1px solid #b3afae
  }

  .l-nav__item--top,
  .l-nav__item--story,
  .l-nav__item--history,
  .l-nav__item--lang {
    margin: 0 11vw
  }

  .l-nav__item--story {
    align-items: center;
    flex-direction: column
  }

  .l-nav__item--story ul {
    display: none;
    margin-top: 8vw
  }

  .l-nav__item--story ul li {
    margin-bottom: 7vw
  }

  .l-nav__item--story ul li:first-child a {
    position: relative
  }

  .l-nav__item--story ul li:first-child a:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 10vw;
    margin-top: -1vw;
    width: 2vw;
    height: 2vw;
    border-top: 1px solid #088fd4;
    border-right: 1px solid #088fd4;
    -webkit-transform: rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
  }

  .l-nav__item--story ul li a {
    display: flex;
    justify-content: center;
    color: #088fd4
  }

  .l-nav__item--story ul li dl {
    text-align: center
  }

  .l-nav__item--story ul li dl dt {
    margin-bottom: 2vw;
    font-size: calc(28/750*100vw);
    color: #088fd4
  }

  .l-nav__item--story ul li dl dd {
    font-size: calc(30/750*100vw);
    color: #000
  }

  .l-nav__item--story ul li:last-child {
    margin-bottom: 2.5vw
  }

  .l-nav__item--history {
    margin-bottom: -1vw;
    border-bottom: 1px solid #b3afae
  }

  .l-nav__item--ces {
    border-top: none;
    padding: 7vw 0 4vw
  }

  .l-nav__item--ces a {
    padding: 2.5vw 6vw;
    color: #fff !important;
    text-align: center;
    letter-spacing: 0 !important
  }

  .l-nav__item--lang {
    border-top: none;
    padding: 7.5vw 0
  }

  .l-nav__item--lang::before {
    display: none
  }

  .l-nav__item--lang span,
  .l-nav__item--lang a {
    margin: 0 2.5vw;
    font-size: calc(32/750*100vw) !important
  }
}

.l-nav__item a,
.l-nav__item p {
  color: #fff;
  letter-spacing: .075em;
  transition: 0.3s
}

@media screen and (max-width: 767px) {

  .l-nav__item a,
  .l-nav__item p {
    font-size: 5vw;
    color: #231815
  }
}

@media screen and (min-width: 601px) {

  .l-nav__item a:hover,
  .l-nav__item p:hover {
    color: #088fd4
  }
}

@media screen and (max-width: 767px) {
  .l-nav__contact {
    order: 1;
    margin-right: 2vw
  }
}

.l-nav__contact a {
  background: #fff;
  border-radius: 11px;
  padding: 7px 23px;
  color: #000;
  transition: 0.3s
}

@media screen and (max-width: 991px) {
  .l-nav__contact a {
    padding: calc(7/1100*100vw) calc(23/1100*100vw);
    font-size: calc(16/900*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-nav__contact a {
    padding: 2vw 6.2vw 2.5vw;
    font-size: 4.4vw
  }
}

@media screen and (min-width: 992px) {
  .l-nav__contact a:hover {
    color: #fff;
    background: #0890d5
  }
}

.clone-nav {
  position: fixed;
  top: -200px;
  left: 0;
  width: 100%;
  transition: all 1s;
  background-color: #000;
  z-index: 99999
}

.clone-nav.l-header__nav {
  padding: 35px 48px
}

@media screen and (max-width: 767px) {
  .clone-nav.l-header__nav {
    padding: 4vw 3vw 4vw 5vw
  }
}

.is-fixed-nav {
  top: 0
}

.is-noScroll {
  height: 100%;
  overflow: hidden
}

.l-page-header {
  position: relative;
  background: url(../images/common/header_bg_pc.jpg) center top/cover no-repeat;
  background-size: cover;
  height: 1150px
}

@media screen and (max-width: 991px) {
  .l-page-header {
    height: calc(1100/991*100vw)
  }
}

@media screen and (max-width: 820px) {
  .l-page-header {
    height: calc(940/820*100vw)
  }
}

@media screen and (max-width: 700px) {
  .l-page-header {
    height: calc(820/700*100vw)
  }
}

@media screen and (max-width: 650px) {
  .l-page-header {
    height: calc(750/650*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-page-header {
    background: url(../images/common/header_bg_sp.jpg) center top/cover no-repeat;
    background-size: 100%;
    height: calc(2305/750*100vw)
  }
}

.l-page-header__inner {
  position: absolute;
  top: 0;
  width: 100%;
  height: 795px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

@media screen and (max-width: 991px) {
  .l-page-header__inner {
    height: calc(795/991*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-page-header__inner {
    height: auto;
    min-height: auto
  }
}

.l-page-header__btm {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%
}

.l-page-header__ttl {
  margin: 80px 0 30px;
  font-size: 5.9rem;
  font-weight: bold;
  color: #fff;
  font-feature-settings: "palt";
  letter-spacing: 0.075em
}

@media screen and (max-width: 991px) {
  .l-page-header__ttl {
    margin: calc(80/1100*100vw) 0 calc(30/1100*100vw);
    font-size: calc(59/1100*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-page-header__ttl {
    margin: 25vw 0 8vw;
    font-size: calc(58/750*100vw);
    line-height: 1.2
  }
}

.l-page-header__lead {
  margin-bottom: 20px;
  font-size: 3.2rem;
  font-weight: 500;
  color: #fff
}

@media screen and (max-width: 991px) {
  .l-page-header__lead {
    margin-bottom: calc(20/1100*100vw);
    font-size: calc(32/1100*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-page-header__lead {
    margin-bottom: 2.5vw;
    font-size: calc(44/750*100vw);
    line-height: 1.4
  }
}

.l-page-header__txt {
  width: 955px;
  margin: 0 auto 50px;
  color: #fff;
  text-align: left;
  line-height: 1.85
}

@media screen and (max-width: 991px) {
  .l-page-header__txt {
    width: calc(955/1100*100vw);
    font-size: calc(16/1100*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-page-header__txt {
    width: auto;
    margin-bottom: 5vw;
    padding: 0 5.5vw;
    font-size: calc(28/750*100vw);
    line-height: 1.75
  }
}

.l-page-header__detailTxt {
  margin-bottom: 30px
}

@media screen and (max-width: 991px) {
  .l-page-header__detailTxt {
    margin-bottom: calc(30/1100*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-page-header__detailTxt {
    margin-bottom: 8vw;
    padding: 0 5.5vw;
    text-align: left
  }
}

.l-page-header__detailTxt p {
  display: inline;
  padding-bottom: 5px;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 2;
  color: #00a3e3
}

@media screen and (max-width: 991px) {
  .l-page-header__detailTxt p {
    padding-bottom: calc(5/1100*100vw);
    font-size: calc(32/1100*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-page-header__detailTxt p {
    font-size: calc(34/750*100vw);
    font-feature-settings: "palt";
    line-height: 2.3
  }
}

.l-page-header__detailBtn {
  margin-bottom: 20px
}

@media screen and (max-width: 991px) {
  .l-page-header__detailBtn {
    margin-bottom: calc(20/1100*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-page-header__detailBtn {
    margin-bottom: 5vw
  }
}

.l-page-header__detailBtn a {
  width: auto;
  padding: 23px 45px;
  font-size: 2.4rem;
  letter-spacing: 0
}

@media screen and (max-width: 991px) {
  .l-page-header__detailBtn a {
    padding: calc(23/1100*100vw) calc(45/1100*100vw);
    font-size: calc(24/1100*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-page-header__detailBtn a {
    font-size: 4vw;
    padding: 3.5vw 6vw
  }
}

.l-page-header__detailNote {
  color: #fff
}

@media screen and (max-width: 991px) {
  .l-page-header__detailNote {
    font-size: calc(16/1100*100vw)
  }
}

@media screen and (max-width: 767px) {
  .l-page-header__detailNote {
    font-size: calc(26/750*100vw)
  }
}

.l-page {
  height: 100%
}

.l-page__header {
  width: 100%
}

.l-page__main {
  width: 100%
}

.l-page__footer {
  width: 100%;
  order: 10
}

.l-udl-header {
  position: relative;
  background: url(../images/common/header_bg_udl_pc.jpg) center top/cover no-repeat;
  background-size: cover
}

@media screen and (max-width: 767px) {
  .l-udl-header {
    background: url(../images/common/header_bg_udl_sp.jpg) center top/cover no-repeat;
    background-size: 100%;
    min-height: calc(640/750*100vw)
  }
}

.l-udl-header__mv {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 375px
}

@media screen and (max-width: 991px) {
  .l-udl-header__mv {
    justify-content: flex-start
  }
}

@media screen and (max-width: 767px) {
  .l-udl-header__mv {
    height: calc(377/750*100vw)
  }
}

.l-udl-header__ttl {
  font-size: 4.8rem;
  font-weight: bold;
  font-feature-settings: "palt";
  letter-spacing: .05em;
  color: #fff
}

@media screen and (min-width: 992px) {
  .l-udl-header__ttl {
    position: relative;
    left: -14%
  }
}

@media screen and (max-width: 991px) {
  .l-udl-header__ttl {
    margin-left: 10%
  }
}

@media screen and (max-width: 767px) {
  .l-udl-header__ttl {
    margin-left: calc(60/750*100vw);
    font-size: calc(59/750*100vw);
    line-height: 1.35;
    text-align: left
  }
}

.c-bg-top {
  background: url(../images/common/foot_bg_pc.jpg) center top/cover no-repeat;
  background-size: cover
}

@media screen and (max-width: 767px) {
  .c-bg-top {
    margin-top: -10vw;
    padding-top: 10vw;
    background: url(../images/common/foot_bg_sp.jpg) center top/cover no-repeat;
    background-size: cover
  }
}

.c-bg-udl {
  background: url(../images/common/foot_bg_udl_pc.jpg) center top/cover no-repeat;
  background-size: cover
}

@media screen and (max-width: 767px) {
  .c-bg-udl {
    background: url(../images/common/foot_bg_sp.jpg) center top/cover no-repeat;
    background-size: cover
  }
}

.c-btn {
  position: relative;
  display: inline-block;
  padding: 10px;
  line-height: 1.2;
  text-decoration: none;
  user-select: none
}

.c-btn--blue {
  display: flex;
  align-items: center;
  background-color: #0890d5;
  border-radius: 13px;
  transition: 0.3s
}

@media screen and (min-width: 601px) {
  .c-btn--blue:hover {
    background-color: #fff;
    color: #000
  }
}

.c-btn--udl {
  top: -3px;
  display: flex;
  align-items: center;
  border: 1px solid #0890d5;
  background-color: #0890d5;
  border-radius: 13px;
  width: 420px;
  margin: auto;
  padding: 16px 40px 16px 30px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  font-feature-settings: "palt";
  letter-spacing: .07em;
  transition: 0.3s;
  cursor: pointer
}

@media screen and (min-width: 601px) {
  .c-btn--udl:hover {
    color: #000;
    border: 1px solid #ddd;
    background-color: #fff
  }

  .c-btn--udl:hover .c-icon {
    border-top: 1px solid #000;
    border-right: 1px solid #000
  }
}

@media screen and (max-width: 767px) {
  .c-btn--udl {
    width: 86%;
    font-size: 4.5vw;
    padding: 4vw 9vw;
    letter-spacing: .01em
  }
}

.c-btn--detail {
  left: 5px;
  display: flex;
  align-items: center;
  border: 1px solid #0890d5;
  border-radius: 13px;
  width: 228px;
  padding: 16px 20px 16px 50px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  color: #0890d5;
  font-feature-settings: "palt";
  letter-spacing: .15em;
  transition: 0.3s
}

.c-btn--detail .c-icon--arrow {
  left: 26px;
  border-top: 1px solid #0890d5;
  border-right: 1px solid #0890d5
}

@media screen and (min-width: 601px) {
  .c-btn--detail:hover {
    background-color: #0890d5;
    color: #fff
  }

  .c-btn--detail:hover .c-icon {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff
  }
}

@media screen and (max-width: 767px) {
  .c-btn--detail {
    left: 0;
    margin: auto;
    width: 69vw;
    padding: 3.7vw 17vw;
    letter-spacing: .1em
  }

  .c-btn--detail .c-icon {
    left: 1vw
  }
}

.pdf-download {
  margin-bottom: 40px
}

@media screen and (max-width: 767px) {
  .pdf-download {
    margin-bottom: 10vw
  }
}

.pdf-download__ttl {
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 30px
}

@media screen and (max-width: 767px) {
  .pdf-download__ttl {
    font-size: calc(34/750*100vw);
    margin-bottom: 6vw
  }
}

.pdf-download__group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px
}

@media screen and (max-width: 767px) {
  .pdf-download__group {
    display: block;
    margin-bottom: 6vw
  }
}

.pdf-download__txt {
  font-size: 1.4rem;
  padding-right: 10px
}

@media screen and (max-width: 767px) {
  .pdf-download__txt {
    margin-bottom: 2vw;
    font-size: calc(26/750*100vw);
    padding-right: 0;
    width: 100%;
    text-align: center;
    line-height: 1.4
  }
}

.c-col {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap
}

.c-col--2 {
  justify-content: space-between
}

@media screen and (max-width: 767px) {
  .c-col--2 {
    flex-direction: column
  }
}

.c-col--2 .item {
  width: 48%
}

@media screen and (max-width: 767px) {
  .c-col--2 .item {
    width: auto
  }
}

.c-col--2 .item-half {
  width: 50%
}

@media screen and (max-width: 767px) {
  .c-col--2 .item-half {
    width: auto
  }
}

.c-col-rev {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center
}

@media screen and (max-width: 767px) {
  .c-col-rev {
    flex-direction: column
  }
}

.c-col-rev:nth-of-type(odd) {
  flex-direction: row-reverse
}

@media screen and (max-width: 767px) {
  .c-col-rev:nth-of-type(odd) {
    flex-direction: column
  }
}

.c-col-rev .item {
  width: 48%
}

@media screen and (max-width: 767px) {
  .c-col-rev .item {
    width: auto
  }
}

.c-contact__inner {
  background-color: rgba(0, 94, 180, 0.75);
  padding: 80px 0 70px
}

@media screen and (max-width: 767px) {
  .c-contact__inner {
    padding: 13vw 0 11vw
  }
}

.c-contact__hdg {
  margin-bottom: 12px;
  text-align: center;
  color: #fff;
  line-height: 1
}

@media screen and (max-width: 767px) {
  .c-contact__hdg {
    margin-bottom: 3vw
  }
}

.c-contact__lead {
  margin-bottom: 35px;
  text-align: center;
  color: #fff
}

@media screen and (max-width: 767px) {
  .c-contact__lead {
    margin-bottom: 3vw
  }

  .c-contact__lead p {
    font-size: calc(28/750*100vw);
    line-height: 1.75
  }
}

.c-contact__address {
  background-color: rgba(0, 35, 127, 0.37);
  width: 777px;
  margin: auto;
  padding: 37px 95px
}

@media screen and (max-width: 777px) {
  .c-contact__address {
    width: 95%
  }
}

@media screen and (max-width: 767px) {
  .c-contact__address {
    width: 80vw;
    padding: 6vw 12vw
  }
}

.c-contact__address li {
  margin-bottom: 25px;
  font-size: 1.8rem;
  color: #fff;
  line-height: 1;
  letter-spacing: .09em
}

@media screen and (max-width: 767px) {
  .c-contact__address li {
    margin-bottom: 4vw;
    font-size: 4vw;
    letter-spacing: 0.06em
  }
}

.c-contact__address li p,
.c-contact__address li a {
  line-height: 1.5
}

.c-contact__address li a {
  display: inline-block;
  font-size: 1.8rem;
  color: #fff
}

@media screen and (max-width: 767px) {
  .c-contact__address li a {
    font-size: 4vw
  }
}

.c-contact__address li a[href^='mailto:'] {
  transition: opacity 0.3s;
  text-decoration: underline
}

.c-contact__address li a[href^='mailto:']:hover {
  opacity: .7;
  text-decoration: none
}

.c-container,
.c-container--s,
.c-container--l {
  width: 1000px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto
}

.c-container--s {
  width: 823px
}

@media screen and (max-width: 850px) {
  .c-container--s {
    width: 95%
  }
}

@media screen and (max-width: 767px) {
  .c-container--s {
    width: auto
  }
}

.c-container--l {
  width: 1250px
}

@media screen and (max-width: 767px) {
  .c-container--l {
    width: auto
  }
}

@media screen and (max-width: 767px) {

  .c-container,
  .c-container--s,
  .c-container--l {
    padding-right: 6vw;
    padding-left: 6vw
  }
}

.c-hdg-a {
  font-size: 4.8rem;
  font-weight: bold;
  font-feature-settings: "palt";
  letter-spacing: .02em
}

@media screen and (max-width: 767px) {
  .c-hdg-a {
    font-size: calc(76/750*100vw)
  }
}

.c-hdg-b {
  font-size: 3.2rem;
  font-weight: 500;
  font-feature-settings: "palt";
  letter-spacing: .05em
}

@media screen and (max-width: 767px) {
  .c-hdg-b {
    font-size: calc(44/750*100vw);
    text-align: center;
    line-height: 1.4
  }
}

.c-hdg-c {
  font-size: 4rem;
  font-weight: bold
}

@media screen and (max-width: 767px) {
  .c-hdg-c {
    font-size: calc(62/750*100vw);
    text-align: center;
    line-height: 1.3
  }
}

.c-hdg-e {
  font-size: 5.6rem;
  font-weight: 100;
  color: #76c7ea;
  font-feature-settings: "palt";
  line-height: 1
}

@media screen and (max-width: 767px) {
  .c-hdg-e {
    font-size: calc(70/750*100vw)
  }
}

.c-hdg-e small {
  position: relative;
  top: -5px;
  font-size: 3rem
}

@media screen and (max-width: 767px) {
  .c-hdg-e small {
    font-size: 5vw;
    top: -1vw
  }
}

.c-icon {
  position: relative;
  display: inline-block;
  background: 50% 50% no-repeat;
  background-size: 100% auto;
  vertical-align: top;
  line-height: 1
}

.c-icon--arrow {
  left: 11px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.c-udlLink {
  display: flex;
  justify-content: space-around;
  margin-bottom: 60px
}

@media screen and (max-width: 767px) {
  .c-udlLink {
    flex-direction: column;
    margin-bottom: 0
  }
}

.c-udlLink__item {
  width: calc(100%/4);
  padding: 5px 0 5px 20px;
  border-right: 1px solid #000
}

.c-udlLink__item:last-child {
  border-right: 0
}

@media screen and (max-width: 991px) {
  .c-udlLink__item {
    padding: 1vw 4.5vw
  }
}

@media screen and (max-width: 767px) {
  .c-udlLink__item {
    width: auto;
    padding: 5vw 0;
    border-right: none;
    border-top: 1px solid #000;
    text-align: center
  }

  .c-udlLink__item:last-child {
    border-bottom: 1px solid #000
  }
}

.c-udlLink__link dt {
  margin-bottom: 5px;
  color: #9fa0a0;
  line-height: 1
}

@media screen and (max-width: 767px) {
  .c-udlLink__link dt {
    margin-bottom: 1vw
  }
}

.c-udlLink__link dd {
  color: #9fa0a0;
  line-height: 1.2;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .c-udlLink__link dd {
    font-size: 16px;
  }
}

.c-udlLink a .c-udlLink__link {
  transition: opacity .3s
}

.c-udlLink a .c-udlLink__link:hover {
  opacity: .7
}

.c-udlLink a .c-udlLink__link dt {
  color: #088fd4
}

.c-udlLink a .c-udlLink__link dd {
  color: #000
}

.c-unit {
  margin-bottom: 110px
}

@media screen and (max-width: 767px) {
  .c-unit {
    margin-bottom: 18vw
  }
}

.c-unit:last-child {
  margin-bottom: 0
}

.c-unit__title {
  margin: 70px 0 80px;
  font-size: 5rem;
  font-weight: 300;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
  .c-unit__title {
    margin: calc(10*100vw/750) 0 calc(80*100vw/750);
    font-size: calc(56/750*100vw);
    line-height: 1.4
  }
}

.c-unit__hdg {
  margin-bottom: 45px;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center
}
.c-unit__hdg-small {
  font-size: 2.8rem;
  word-break: normal;
}

@media screen and (max-width: 767px) {
  .c-unit__hdg {
    margin: 0 -2vw 6vw;
    font-size: calc(44/750*100vw);
    line-height: 1.4
  }
  .c-unit__hdg-small {
    font-size: calc(38/750*100vw);
  }
}

.c-unit__txt {
  margin-bottom: 35px;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .c-unit__txt {
    margin-bottom: 7.5vw
  }
}

strong {
  font-size: 16px;
  font-weight: bold;
}

.c-unit__txt p {
  line-height: 1.85
}

.c-unit__link {
  text-decoration: underline;
}

.c-unit__link:hover {
 opacity: 0.8;
}

@media screen and (max-width: 767px) {
  .c-unit__txt p, strong {
    font-size: calc(28/750*100vw);
    line-height: 1.75
  }
}

.c-unit__fig {
  margin-bottom: 35px
}

@media screen and (max-width: 767px) {
  .c-unit__fig {
    margin-bottom: 7.5vw
  }
}

.c-unit__fig figcaption {
  margin-top: 5px;
  text-align: center
}

@media screen and (max-width: 767px) {
  .c-unit__fig figcaption {
    font-size: calc(28/750*100vw);
    line-height: 1.5;
    margin-top: 0
  }
  .c-unit__fig figcaption.u-pl-20 {
    padding-left: 0;
  }
}

.c-unit__col {
  display: flex;
  flex-direction: row
}

@media screen and (max-width: 767px) {
  .c-unit__col {
    flex-direction: column
  }
}

.c-unit__col .item-l {
  width: 45%
}

@media screen and (max-width: 767px) {
  .c-unit__col .item-l {
    width: auto;
    margin-bottom: 5vw
  }
}

.c-unit__col .item-l img {
  height: 125px
}

@media screen and (max-width: 767px) {
  .c-unit__col .item-l img {
    height: 30vw
  }
}

.c-unit__col .item-r {
  width: 55%
}

@media screen and (max-width: 767px) {
  .c-unit__col .item-r {
    width: auto
  }
}

.c-unit__col .item-r img {
  height: 100px
}

@media screen and (max-width: 767px) {
  .c-unit__col .item-r img {
    height: 25vw
  }
}

.c-unit__col .item-r figcaption {
  font-size: 1.3rem
}

@media screen and (max-width: 767px) {
  .c-unit__col .item-r figcaption {
    font-size: 2.5vw
  }
}

.c-unit__col--center {
  justify-content: center
}

.c-unit__col--center img {
  width: auto;
}

.c-video {
  max-width: 835px;
  margin: 55px auto 0
}

.c-video__inner {
  position: relative;
  width: 100%;
  padding: 0;
  overflow: hidden
}

.c-video__inner:before {
  display: block;
  content: "";
  padding-top: 56.25%
}

.c-video__inner iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}

.c-video__caption {
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center
}

@media screen and (max-width: 767px) {
  .c-video__caption {
    font-size: calc(28/750*100vw);
    margin-top: 0
  }
}

.c-video__caption span {
  font-size: 14px;
  display: block
}

@media screen and (max-width: 767px) {
  .c-video__caption span {
    font-size: calc(24/750*100vw)
  }
}
.p-electro .c-unit__link{
color: #0890d5;

}
.p-electro .l-udl-header__mv {
  background: url(../images/common/electro_mv_pc.jpg) center top/cover no-repeat
}

@media screen and (max-width: 767px) {
  .p-electro .l-udl-header__mv {
    background: url(../images/common/electro_mv_sp.jpg) center top/cover no-repeat
  }
}

.p-electro .c-unit {
  margin-bottom: 110px
}

@media screen and (max-width: 767px) {
  .p-electro .c-unit {
    margin-bottom: 10vw
  }
}



@media screen and (max-width: 767px) {
  .p-electro .c-unit__txt:nth-child(4) p:first-child {
    margin-bottom: 0
  }
}

.p-electro .c-unit__txt p:first-child {
  margin-bottom: 30px
}

@media screen and (max-width: 767px) {
  .p-electro .c-unit__txt p:first-child {
    margin-bottom: 7vw
  }
}

.p-electro__inner {
  padding: 75px 0 130px;
}

@media screen and (max-width: 980px) {
  .p-electro__inner .c-unit__title{
    font-size: 4.3rem;
  }
}

@media screen and (max-width: 767px) {
  .p-electro__inner .c-unit__title{
    font-size: calc(56/750*100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-electro__inner .c-unit__title{
    white-space: normal;
  }
}

@media screen and (max-width: 767px) {
  .p-electro__inner {
    padding: 9.5vw 6vw 15vw
  }
}

.p-electro__video {
  margin-bottom: 35px
}

@media screen and (max-width: 767px) {
  .p-electro__video {
    margin-bottom: 7.5vw
  }
}

.p-electro__btn a {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 24px;
  padding-right: 24px;
  width: auto;
  margin: 0 auto 0;
  text-align: center;
  line-height: 1.4;
  position: static
}

@media screen and (max-width: 767px) {
  .p-electro__btn a {
    justify-content: center;
    margin-bottom: 0;
    width: 75vw;
    padding-left: 7vw;
    padding-right: 7vw;
    padding-top: 3vw;
    padding-bottom: 3vw
  }
}

.p-electro__btn a.line-02 {
  padding-top: 8px;
  padding-bottom: 8px
}

@media screen and (max-width: 767px) {
  .p-electro__btn a.line-02 {
    padding-top: 1.5vw;
    padding-bottom: 1.5vw
  }
}

.p-remote .l-udl-header__mv {
  background: url(../images/common/remote_mv_pc.jpg) center top/cover no-repeat
}

@media screen and (max-width: 767px) {
  .p-remote .l-udl-header__mv {
    background: url(../images/common/remote_mv_sp.jpg) center top/cover no-repeat
  }
}

.p-remote__inner {
  padding: 75px 0
}

@media screen and (max-width: 767px) {
  .p-remote__inner {
    padding: 9.5vw 6vw 15vw
  }
}

.p-remote__btn a {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 24px;
  padding-right: 24px;
  width: auto;
  margin: 0 auto 0;
  text-align: center;
  line-height: 1.4;
  position: static
}

@media screen and (max-width: 767px) {
  .p-remote__btn a {
    justify-content: center;
    margin-bottom: 0;
    width: 75vw;
    padding-left: 7vw;
    padding-right: 7vw;
    padding-top: 3vw;
    padding-bottom: 3vw
  }
}

.p-remote__btn a.line-02 {
  padding-top: 8px;
  padding-bottom: 8px
}

@media screen and (max-width: 767px) {
  .p-remote__btn a.line-02 {
    padding-top: 1.5vw;
    padding-bottom: 1.5vw
  }
}

.p-remote__intro {
  margin-bottom: 130px
}

@media screen and (max-width: 767px) {
  .p-remote__intro {
    margin-bottom: 20vw
  }
}

.p-remote__intro p:first-child {
  margin-bottom: 33px
}

@media screen and (max-width: 767px) {
  .p-remote__intro p {
    font-size: calc(28/750*100vw);
    line-height: 1.75
  }

  .p-remote__intro p:first-child {
    margin-bottom: 7vw
  }
}

.p-remote .c-unit:first-of-type .c-unit__fig {
  text-align: center
}



.p-remote .c-unit:last-of-type {
  margin-bottom: 110px
}

@media screen and (max-width: 767px) {
  .p-remote .c-unit:last-of-type {
    margin-bottom: 10vw
  }
}

.p-remote .c-unit:last-of-type .c-unit__fig {
  text-align: center
}


.p-remote .c-unit:last-of-type .c-unit__fig:nth-of-type(2) {
  margin-bottom: 0
}

.p-remote .pdf-download {
  margin-top: 40px;
  margin-bottom: 0
}

@media screen and (max-width: 767px) {
  .p-remote .pdf-download {
    margin-top: 10vw
  }
}

.p-top .p-top-story {
  padding-top: 120px;
  padding-bottom: 90px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-story {
    padding-top: 19vw;
    padding-bottom: 35vw
  }
}

.p-top .p-top-story__head {
  width: 823px;
  margin: 0 auto
}

@media screen and (max-width: 991px) {
  .p-top .p-top-story__head {
    width: 95%
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-story__head {
    width: auto;
    padding: 0 6vw;
    margin-bottom: 23vw
  }
}

.p-top .p-top-story__hdg {
  margin: 0 -5px 11px;
  line-height: 1.2
}

@media screen and (max-width: 991px) {
  .p-top .p-top-story__hdg {
    margin: 0 0 11px;
    text-align: center
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-story__hdg {
    margin: 0 0 7vw
  }
}

@media screen and (min-width: 860px) {
  .p-top .p-top-story__hdg .u-hidden-gtOri {
    display: none
  }
}

.p-top .p-top-story__headInner {
  display: flex;
  flex-direction: column
}

@media screen and (max-width: 767px) {
  .p-top .p-top-story__headInner {
    flex-direction: column-reverse;
    margin-bottom: 10vw
  }
}

.p-top .p-top-story__txt {
  margin-bottom: 35px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-story__txt {
    margin-bottom: 9vw
  }
}

.p-top .p-top-story__txt p {
  letter-spacing: .01em
}

@media screen and (max-width: 767px) {
  .p-top .p-top-story__txt p {
    font-size: calc(28/750*100vw);
    color: #231815;
    line-height: 1.75
  }
}

.p-top .p-top-story__fig {
  margin-bottom: 68px
}

@media screen and (max-width: 1000px) {
  .p-top .p-top-story__fig img {
    width: 100%
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-story__fig {
    margin-bottom: 7vw
  }
}

.p-top .p-top-story__body {
  max-width: 1250px;
  margin: 0 auto
}

@media screen and (max-width: 1250px) {
  .p-top .p-top-story__body {
    width: 95%
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-story__body {
    position: relative;
    width: auto;
    padding: 0 6vw
  }
}

.p-top .p-top-story__body p {
  margin-bottom: 30px;
  line-height: 1.85
}

@media screen and (max-width: 767px) {
  .p-top .p-top-story__body p {
    color: #231815;
    font-size: calc(28/750*100vw);
    line-height: 1.75;
    margin-bottom: 8vw
  }
}

.p-top .p-top-story__body figure {
  margin-top: -56px
}

@media screen and (max-width: 1250px) {
  .p-top .p-top-story__body figure {
    margin-top: 0
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-story__body figure {
    width: 83vw;
    height: 60vw;
    margin: auto
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-story__body .js-acc-trigger {
    bottom: -19vw
  }

  .p-top .p-top-story__body .js-acc-trigger.is-show {
    bottom: -13vw
  }
}

@media screen and (max-width: 991px) {
  .p-top .p-top-story__body .c-col {
    display: block
  }

  .p-top .p-top-story__body .c-col .item {
    width: auto
  }

  .p-top .p-top-story__body .c-col .item-half {
    width: auto;
    text-align: center
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-story__body .c-col {
    display: block
  }
}

.p-top .p-top-story__hdg-02 {
  width: 48%;
  margin-bottom: 20px
}

@media screen and (max-width: 1130px) {
  .p-top .p-top-story__hdg-02 {
    width: 100%
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-story__hdg-02 {
    color: #231815;
    width: auto;
    margin-bottom: 4vw
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-story__video {
    margin-top: 8vw
  }

  .p-top .p-top-story__video>div {
    min-height: 49.5vw
  }
}

.p-top .p-top-about {
  position: relative;
  background-color: #f1f3f4;
  padding: 170px 0 25px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about {
    padding: 21.5vw 0 21vw
  }
}

.p-top .p-top-about__inner {
  position: relative;
  max-width: 1110px;
  margin: auto
}

@media screen and (max-width: 1110px) {
  .p-top .p-top-about__inner {
    width: 95%
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about__inner {
    width: auto
  }
}

.p-top .p-top-about__inner:after {
  content: "";
  display: block;
  position: absolute;
  top: -3%;
  right: 5%;
  width: 720px;
  height: 99.5%;
  background-color: #fff;
  z-index: 1
}

@media screen and (max-width: 1110px) {
  .p-top .p-top-about__inner:after {
    width: 55%
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about__inner:after {
    display: none
  }
}

.p-top .p-top-about__head {
  position: relative;
  width: 900px;
  margin: 0 auto 90px;
  z-index: 2
}

@media screen and (max-width: 900px) {
  .p-top .p-top-about__head {
    width: 100%
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about__head {
    width: auto;
    margin: 0 auto 50vw
  }
}

.p-top .p-top-about__head .js-acc-item::before {
  background: -webkit-linear-gradient(rgba(241, 243, 244, 0) 0%, rgba(241, 243, 244, 0.9) 50%, rgba(241, 243, 244, 0.9) 50%, #f1f3f4 100%);
  background: linear-gradient(rgba(241, 243, 244, 0) 0%, rgba(241, 243, 244, 0.9) 50%, rgba(241, 243, 244, 0.9) 50%, #f1f3f4 100%)
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about__head .js-acc-trigger {
    bottom: -19vw
  }

  .p-top .p-top-about__head .js-acc-trigger.is-show {
    bottom: -16vw
  }
}

.p-top .p-top-about__hdg {
  margin-bottom: 10px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about__hdg {
    margin-bottom: 4.5vw
  }
}

.p-top .p-top-about__lead {
  padding: 0 35px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about__lead {
    padding: 0 6vw
  }
}

.p-top .p-top-about__lead p {
  margin-bottom: 30px;
  line-height: 1.85
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about__lead p {
    margin-bottom: 7vw;
    font-size: calc(28/750*100vw);
    line-height: 1.75
  }
}

.p-top .p-top-about__body {
  position: relative;
  z-index: 2
}

.p-top .p-top-about__unit {
  position: relative;
  margin-bottom: 90px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about__unit {
    padding: 0 6vw;
    margin-bottom: 30vw
  }

  .p-top .p-top-about__unit:last-child {
    margin-bottom: 0
  }
}

.p-top .p-top-about__num {
  position: absolute;
  top: 4%;
  left: 0;
  font-size: 2.2rem;
  color: #0890d5
}

@media screen and (min-width: 601px) {
  .p-top .p-top-about__num::after {
    content: "";
    display: block;
    position: absolute;
    top: 57px;
    left: 2px;
    width: 37px;
    height: 2px;
    background-color: #9a9da3
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about__num {
    top: -11vw;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    font-size: calc(42/750*100vw);
    line-height: 1
  }
}

.p-top .p-top-about__num img {
  width: 120px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about__num img {
    width: 31vw
  }
}

.p-top .p-top-about__txt {
  width: 51%;
  margin-top: 100px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about__txt {
    width: auto;
    margin-top: 7vw
  }
}

.p-top .p-top-about__txt .c-hdg-b {
  position: relative;
  margin-bottom: 20px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about__txt .c-hdg-b {
    margin-bottom: 4vw
  }
}

.p-top .p-top-about__txt p {
  margin-bottom: 30px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about__txt p {
    margin-bottom: 6vw;
    font-size: calc(28/750*100vw);
    line-height: 1.75
  }
}

@media screen and (max-width: 1110px) {
  .p-top .p-top-about__fig {
    width: 41.274%
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about__fig {
    width: auto
  }
}

@media screen and (max-width: 1100px) {
  .p-top .p-top-about .c-col-rev {
    align-items: flex-start
  }
}

.p-top .p-top-about .c-col-rev:nth-of-type(2) .p-top-about__num {
  top: 1%;
  left: 49%
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about .c-col-rev:nth-of-type(2) .p-top-about__num {
    top: -11vw;
    left: 50%;
    margin: 0
  }
}

.p-top .p-top-about .c-col-rev:nth-of-type(2) .p-top-about__num img {
  width: 125px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about .c-col-rev:nth-of-type(2) .p-top-about__num img {
    width: 32vw;
    height: 5.5vw
  }
}

.p-top .p-top-about .c-col-rev:nth-of-type(2) .p-top-about__txt {
  margin-top: 75px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about .c-col-rev:nth-of-type(2) .p-top-about__txt {
    margin-top: 7vw
  }
}

.p-top .p-top-about .c-col-rev:nth-of-type(3) .p-top-about__num {
  top: 0
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about .c-col-rev:nth-of-type(3) .p-top-about__num {
    top: -11vw;
    margin: 0
  }
}

.p-top .p-top-about .c-col-rev:nth-of-type(3) .p-top-about__num img {
  width: 125px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about .c-col-rev:nth-of-type(3) .p-top-about__num img {
    width: 32vw;
    height: 5.5vw
  }
}

.p-top .p-top-about .c-col-rev:nth-of-type(3) .p-top-about__txt {
  margin-top: 65px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-about .c-col-rev:nth-of-type(3) .p-top-about__txt {
    margin-top: 7vw
  }
}

.p-top .p-top-presentation {
  padding: 120px 0 75px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-presentation {
    padding: 21.5vw 0 45vw
  }
}

.p-top .p-top-presentation__inner {
  position: relative;
  max-width: 1110px;
  margin: auto
}

@media screen and (max-width: 1110px) {
  .p-top .p-top-presentation__inner {
    width: 95%
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-presentation__inner {
    width: auto
  }
}

.p-top .p-top-presentation__inner .js-acc-trigger {
  bottom: -19.5vw
}

.p-top .p-top-presentation__head {
  position: relative;
  width: 825px;
  margin: 0 auto 0;
  z-index: 2
}

@media screen and (max-width: 900px) {
  .p-top .p-top-presentation__head {
    width: 100%
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-presentation__head {
    width: auto;
    margin: 0 auto 0
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-presentation__head .js-acc-trigger {
    bottom: -19vw
  }

  .p-top .p-top-presentation__head .js-acc-trigger.is-show {
    bottom: -23vw
  }
}

.p-top .p-top-presentation__hdg {
  text-align: center;
  margin-bottom: 10px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-presentation__hdg {
    margin-bottom: 4.5vw
  }
}

.p-top .p-top-presentation__lead {
  padding: 0 35px;
  width: 825px;
  margin: 0 auto 0
}

@media screen and (max-width: 900px) {
  .p-top .p-top-presentation__lead {
    width: 100%
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-presentation__lead {
    width: auto;
    margin: 0 auto 0;
    padding: 0 6vw
  }
}

.p-top .p-top-presentation__lead p {
  margin-bottom: 30px;
  line-height: 1.85
}

@media screen and (max-width: 767px) {
  .p-top .p-top-presentation__lead p {
    margin-bottom: 7vw;
    font-size: calc(28/750*100vw);
    line-height: 1.75
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-presentation__body {
    padding: 0 6vw
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-presentation__video>div {
    min-height: 49.5vw
  }
}

.p-top .p-top-history {
  padding: 145px 0 0
}

@media screen and (max-width: 767px) {
  .p-top .p-top-history {
    padding: 13.5vw 0 0
  }
}

.p-top .p-top-history__hdg {
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: -.015em
}

@media screen and (max-width: 767px) {
  .p-top .p-top-history__hdg {
    margin-bottom: 3vw
  }
}

@media screen and (min-width: 1020px) {
  .p-top .p-top-history__hdg .u-hidden-gtOri {
    display: none
  }
}

.p-top .p-top-history__lead {
  text-align: center;
  margin-bottom: 85px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-history__lead {
    margin-bottom: 12vw
  }
}

.p-top .p-top-history__lead p {
  color: #fff
}

@media screen and (max-width: 767px) {
  .p-top .p-top-history__lead p {
    font-size: calc(28/750*100vw);
    line-height: 1.75
  }
}

.p-top .p-top-history__body {
  width: 900px;
  margin: 0 auto 130px
}

@media screen and (max-width: 900px) {
  .p-top .p-top-history__body {
    width: 95%
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-history__body {
    width: auto;
    margin: 0 auto 15vw;
    padding: 0 10vw
  }
}

.p-top .p-top-history__body li {
  margin-bottom: 60px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-history__body li {
    margin-bottom: 14vw
  }
}

.p-top .p-top-history__body li figure {
  width: 28.89%
}

@media screen and (max-width: 767px) {
  .p-top .p-top-history__body li figure {
    width: 100%
  }
}

.p-top .p-top-history__body li figure img {
  border: 1px solid #fff
}

@media screen and (max-width: 767px) {
  .p-top .p-top-history__body li figure img {
    width: 100%
  }
}

.p-top .p-top-history__body li dl {
  width: 66%;
  margin: -5px 0 0
}

@media screen and (max-width: 767px) {
  .p-top .p-top-history__body li dl {
    width: auto;
    margin: 4vw 0 0
  }
}

.p-top .p-top-history__body li dl dt {
  margin-bottom: 20px;
  font-size: 2.4rem;
  color: #76c7ea;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: .075em
}

@media screen and (max-width: 767px) {
  .p-top .p-top-history__body li dl dt {
    font-size: calc(32/750*100vw);
    margin-bottom: 2vw
  }
}

.p-top .p-top-history__body li dl dd {
  color: #fff;
  line-height: 1.8
}

@media screen and (max-width: 767px) {
  .p-top .p-top-history__body li dl dd {
    width: auto;
    font-size: calc(28/750*100vw);
    line-height: 1.75
  }
}

.p-top .p-top-history__body li:first-child {
  margin-bottom: 53px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-history__body li:first-child {
    margin-bottom: 14vw
  }
}

.p-top .p-top-contact {
  margin-top: -80px;
  padding-top: 80px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-contact {
    margin-top: -20vw;
    padding-top: 20vw
  }
}

.p-top .p-top-contact__inner {
  background-color: rgba(0, 94, 180, 0.75);
  padding: 80px 0 70px
}

@media screen and (max-width: 767px) {
  .p-top .p-top-contact__inner {
    padding: 13vw 0 11vw
  }
}

.p-top .p-top-contact__hdg {
  margin-bottom: 12px;
  text-align: center;
  color: #fff;
  line-height: 1
}

@media screen and (max-width: 767px) {
  .p-top .p-top-contact__hdg {
    margin-bottom: 3vw
  }
}

.p-top .p-top-contact__lead {
  margin-bottom: 35px;
  text-align: center;
  color: #fff
}

@media screen and (max-width: 767px) {
  .p-top .p-top-contact__lead {
    margin-bottom: 3vw
  }

  .p-top .p-top-contact__lead p {
    font-size: calc(28/750*100vw);
    line-height: 1.75
  }
}

.p-top .p-top-contact__address {
  background-color: rgba(0, 35, 127, 0.37);
  width: 777px;
  margin: auto;
  padding: 37px 95px
}

@media screen and (max-width: 777px) {
  .p-top .p-top-contact__address {
    width: 95%
  }
}

@media screen and (max-width: 767px) {
  .p-top .p-top-contact__address {
    width: 80vw;
    padding: 6vw 12vw
  }
}

.p-top .p-top-contact__address li {
  margin-bottom: 25px;
  font-size: 1.8rem;
  color: #fff;
  line-height: 1;
  letter-spacing: .09em
}

@media screen and (max-width: 767px) {
  .p-top .p-top-contact__address li {
    margin-bottom: 4vw;
    font-size: 4vw;
    letter-spacing: 0.06em
  }
}

.p-top .p-top-contact__address li p,
.p-top .p-top-contact__address li a {
  line-height: 1.5
}

.p-top .p-top-contact__address li a {
  display: inline-block;
  font-size: 1.8rem;
  color: #fff
}

@media screen and (max-width: 767px) {
  .p-top .p-top-contact__address li a {
    font-size: 4vw
  }
}

.p-top .p-top-contact__address li a[href^='mailto:'] {
  transition: opacity 0.3s;
  text-decoration: underline
}

.p-top .p-top-contact__address li a[href^='mailto:']:hover {
  opacity: .7;
  text-decoration: none
}

.p-top .p-top-footBg {
  background: url(../images/common/foot_bg_pc.jpg) center top/cover no-repeat;
  background-size: cover
}

@media screen and (max-width: 767px) {
  .p-top .p-top-footBg {
    margin-top: -10vw;
    padding-top: 10vw;
    background: url(../images/common/foot_bg_sp.jpg) center top/cover no-repeat;
    background-size: cover
  }
}

.p-wearable .l-udl-header__mv {
  background: url(../images/common/wearable_mv_pc.jpg) center top/cover no-repeat
}

@media screen and (max-width: 767px) {
  .p-wearable .l-udl-header__mv {
    background: url(../images/common/wearable_mv_sp.jpg) center top/cover no-repeat
  }
}

@media screen and (min-width: 992px) {
  .p-wearable .l-udl-header__ttl {
    left: -20%
  }
}

.p-wearable .c-unit__txt p:first-child {
  margin-bottom: 30px
}

@media screen and (max-width: 767px) {
  .p-wearable .c-unit__txt p:first-child {
    margin-bottom: 7vw
  }
}

.p-wearable .c-unit__fig:nth-child(4) {
  margin-bottom: 0
}

.p-wearable__inner {
  padding: 75px 0
}

@media screen and (max-width: 767px) {
  .p-wearable__inner {
    padding: 9.5vw 6vw 15vw
  }
}

.p-wearable__btn a {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 24px;
  padding-right: 24px;
  width: auto;
  margin: 0 auto 0;
  text-align: center;
  line-height: 1.4;
  position: static
}

@media screen and (max-width: 767px) {
  .p-wearable__btn a {
    justify-content: center;
    margin-bottom: 0;
    width: 75vw;
    padding-left: 7vw;
    padding-right: 7vw;
    padding-top: 3vw;
    padding-bottom: 3vw
  }
}

.p-wearable__btn a.line-02 {
  padding-top: 8px;
  padding-bottom: 8px
}

@media screen and (max-width: 767px) {
  .p-wearable__btn a.line-02 {
    padding-top: 1.5vw;
    padding-bottom: 1.5vw
  }
}

@media screen and (max-width: 767px) {
  .u-hidden-ltSP {
    display: none
  }
}

@media screen and (max-width: 991px) {
  .u-hidden-ltTAB {
    display: none
  }
}

@media screen and (min-width: 601px) {
  .u-hidden-gtTAB {
    display: none
  }
}

@media screen and (min-width: 992px) {
  .u-hidden-gtPC {
    display: none
  }
}

.u-pageLink {
  margin-top: -95px;
  padding-top: 95px
}

@media screen and (max-width: 767px) {
  .u-pageLink {
    margin-top: -19vw;
    padding-top: 19vw
  }
}

.u-mt-0 {
  margin-top: 0px
}

.u-ml-0 {
  margin-left: 0px
}

.u-mr-0 {
  margin-right: 0px
}

.u-mb-0 {
  margin-bottom: 0px
}

.u-mt-5 {
  margin-top: 5px
}

.u-ml-5 {
  margin-left: 5px
}

.u-mr-5 {
  margin-right: 5px
}

.u-mb-5 {
  margin-bottom: 5px
}

.u-mt-10 {
  margin-top: 10px
}

.u-ml-10 {
  margin-left: 10px
}

.u-mr-10 {
  margin-right: 10px
}

.u-mb-10 {
  margin-bottom: 10px
}

.u-mt-15 {
  margin-top: 15px
}

.u-ml-15 {
  margin-left: 15px
}

.u-mr-15 {
  margin-right: 15px
}

.u-mb-15 {
  margin-bottom: 15px
}

.u-mt-20 {
  margin-top: 20px
}

.u-ml-20 {
  margin-left: 20px
}

.u-mr-20 {
  margin-right: 20px
}

.u-mb-20 {
  margin-bottom: 20px
}

.u-mt-25 {
  margin-top: 25px
}

.u-ml-25 {
  margin-left: 25px
}

.u-mr-25 {
  margin-right: 25px
}

.u-mb-25 {
  margin-bottom: 25px
}

.u-mt-30 {
  margin-top: 30px
}

.u-ml-30 {
  margin-left: 30px
}

.u-mr-30 {
  margin-right: 30px
}

.u-mb-30 {
  margin-bottom: 30px
}

.u-mt-35 {
  margin-top: 35px
}

.u-ml-35 {
  margin-left: 35px
}

.u-mr-35 {
  margin-right: 35px
}

.u-mb-35 {
  margin-bottom: 35px
}

.u-mt-40 {
  margin-top: 40px
}

.u-ml-40 {
  margin-left: 40px
}

.u-mr-40 {
  margin-right: 40px
}

.u-mb-40 {
  margin-bottom: 40px
}

.u-mt-45 {
  margin-top: 45px
}

.u-ml-45 {
  margin-left: 45px
}

.u-mr-45 {
  margin-right: 45px
}

.u-mb-45 {
  margin-bottom: 45px
}

@media screen and (max-width: 767px) {
  .u-SP-mt-0 {
    margin-top: 0vw
  }

  .u-SP-ml-0 {
    margin-left: 0vw
  }

  .u-SP-mr-0 {
    margin-right: 0vw
  }

  .u-SP-mb-0 {
    margin-bottom: 0vw
  }

  .u-SP-mt-5 {
    margin-top: 5vw
  }

  .u-SP-ml-5 {
    margin-left: 5vw
  }

  .u-SP-mr-5 {
    margin-right: 5vw
  }

  .u-SP-mb-5 {
    margin-bottom: 5vw
  }

  .u-SP-mt-10 {
    margin-top: 10vw
  }

  .u-SP-ml-10 {
    margin-left: 10vw
  }

  .u-SP-mr-10 {
    margin-right: 10vw
  }

  .u-SP-mb-10 {
    margin-bottom: 10vw
  }

  .u-SP-mt-15 {
    margin-top: 15vw
  }

  .u-SP-ml-15 {
    margin-left: 15vw
  }

  .u-SP-mr-15 {
    margin-right: 15vw
  }

  .u-SP-mb-15 {
    margin-bottom: 15vw
  }

  .u-SP-mt-20 {
    margin-top: 20vw
  }

  .u-SP-ml-20 {
    margin-left: 20vw
  }

  .u-SP-mr-20 {
    margin-right: 20vw
  }

  .u-SP-mb-20 {
    margin-bottom: 20vw
  }

  .u-SP-mt-25 {
    margin-top: 25vw
  }

  .u-SP-ml-25 {
    margin-left: 25vw
  }

  .u-SP-mr-25 {
    margin-right: 25vw
  }

  .u-SP-mb-25 {
    margin-bottom: 25vw
  }

  .u-SP-mt-30 {
    margin-top: 30vw
  }

  .u-SP-ml-30 {
    margin-left: 30vw
  }

  .u-SP-mr-30 {
    margin-right: 30vw
  }

  .u-SP-mb-30 {
    margin-bottom: 30vw
  }

  .u-SP-mt-35 {
    margin-top: 35vw
  }

  .u-SP-ml-35 {
    margin-left: 35vw
  }

  .u-SP-mr-35 {
    margin-right: 35vw
  }

  .u-SP-mb-35 {
    margin-bottom: 35vw
  }

  .u-SP-mt-40 {
    margin-top: 40vw
  }

  .u-SP-ml-40 {
    margin-left: 40vw
  }

  .u-SP-mr-40 {
    margin-right: 40vw
  }

  .u-SP-mb-40 {
    margin-bottom: 40vw
  }

  .u-SP-mt-45 {
    margin-top: 45vw
  }

  .u-SP-ml-45 {
    margin-left: 45vw
  }

  .u-SP-mr-45 {
    margin-right: 45vw
  }

  .u-SP-mb-45 {
    margin-bottom: 45vw
  }
}

.u-pt-0 {
  padding-top: 0px
}

.u-pl-0 {
  padding-left: 0px
}

.u-pr-0 {
  padding-right: 0px
}

.u-pb-0 {
  padding-bottom: 0px
}

.u-pt-5 {
  padding-top: 5px
}

.u-pl-5 {
  padding-left: 5px
}

.u-pr-5 {
  padding-right: 5px
}

.u-pb-5 {
  padding-bottom: 5px
}

.u-pt-10 {
  padding-top: 10px
}

.u-pl-10 {
  padding-left: 10px
}

.u-pr-10 {
  padding-right: 10px
}

.u-pb-10 {
  padding-bottom: 10px
}

.u-pt-15 {
  padding-top: 15px
}

.u-pl-15 {
  padding-left: 15px
}

.u-pr-15 {
  padding-right: 15px
}

.u-pb-15 {
  padding-bottom: 15px
}

.u-pt-20 {
  padding-top: 20px
}

.u-pl-20 {
  padding-left: 20px
}

.u-pr-20 {
  padding-right: 20px
}

.u-pb-20 {
  padding-bottom: 20px
}

.u-pt-25 {
  padding-top: 25px
}

.u-pl-25 {
  padding-left: 25px
}

.u-pr-25 {
  padding-right: 25px
}

.u-pb-25 {
  padding-bottom: 25px
}

.u-pt-30 {
  padding-top: 30px
}

.u-pl-30 {
  padding-left: 30px
}

.u-pr-30 {
  padding-right: 30px
}

.u-pb-30 {
  padding-bottom: 30px
}

.u-pt-35 {
  padding-top: 35px
}

.u-pl-35 {
  padding-left: 35px
}

.u-pr-35 {
  padding-right: 35px
}

.u-pb-35 {
  padding-bottom: 35px
}

.u-pt-40 {
  padding-top: 40px
}

.u-pl-40 {
  padding-left: 40px
}

.u-pr-40 {
  padding-right: 40px
}

.u-pb-40 {
  padding-bottom: 40px
}

.u-pt-45 {
  padding-top: 45px
}

.u-pl-45 {
  padding-left: 45px
}

.u-pr-45 {
  padding-right: 45px
}

.u-pb-45 {
  padding-bottom: 45px
}

@media screen and (max-width: 767px) {
  .u-SP-pt-0 {
    padding-top: 0vw
  }

  .u-SP-pl-0 {
    padding-left: 0vw
  }

  .u-SP-pr-0 {
    padding-right: 0vw
  }

  .u-SP-pb-0 {
    padding-bottom: 0vw
  }

  .u-SP-pt-5 {
    padding-top: 5vw
  }

  .u-SP-pl-5 {
    padding-left: 5vw
  }

  .u-SP-pr-5 {
    padding-right: 5vw
  }

  .u-SP-pb-5 {
    padding-bottom: 5vw
  }

  .u-SP-pt-10 {
    padding-top: 10vw
  }

  .u-SP-pl-10 {
    padding-left: 10vw
  }

  .u-SP-pr-10 {
    padding-right: 10vw
  }

  .u-SP-pb-10 {
    padding-bottom: 10vw
  }

  .u-SP-pt-15 {
    padding-top: 15vw
  }

  .u-SP-pl-15 {
    padding-left: 15vw
  }

  .u-SP-pr-15 {
    padding-right: 15vw
  }

  .u-SP-pb-15 {
    padding-bottom: 15vw
  }

  .u-SP-pt-20 {
    padding-top: 20vw
  }

  .u-SP-pl-20 {
    padding-left: 20vw
  }

  .u-SP-pr-20 {
    padding-right: 20vw
  }

  .u-SP-pb-20 {
    padding-bottom: 20vw
  }

  .u-SP-pt-25 {
    padding-top: 25vw
  }

  .u-SP-pl-25 {
    padding-left: 25vw
  }

  .u-SP-pr-25 {
    padding-right: 25vw
  }

  .u-SP-pb-25 {
    padding-bottom: 25vw
  }

  .u-SP-pt-30 {
    padding-top: 30vw
  }

  .u-SP-pl-30 {
    padding-left: 30vw
  }

  .u-SP-pr-30 {
    padding-right: 30vw
  }

  .u-SP-pb-30 {
    padding-bottom: 30vw
  }

  .u-SP-pt-35 {
    padding-top: 35vw
  }

  .u-SP-pl-35 {
    padding-left: 35vw
  }

  .u-SP-pr-35 {
    padding-right: 35vw
  }

  .u-SP-pb-35 {
    padding-bottom: 35vw
  }

  .u-SP-pt-40 {
    padding-top: 40vw
  }

  .u-SP-pl-40 {
    padding-left: 40vw
  }

  .u-SP-pr-40 {
    padding-right: 40vw
  }

  .u-SP-pb-40 {
    padding-bottom: 40vw
  }

  .u-SP-pt-45 {
    padding-top: 45vw
  }

  .u-SP-pl-45 {
    padding-left: 45vw
  }

  .u-SP-pr-45 {
    padding-right: 45vw
  }

  .u-SP-pb-45 {
    padding-bottom: 45vw
  }
}