body {
  color: #000;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Yu Gothic Medium', 'YuGothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  /* font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; */
  line-height: 1;
  font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

strong {
  font-weight: bold;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-decoration: none;
}

ul,
ol,
li {
  list-style: none;
}

ul,
ol,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

img,
video {
  width: 100%;
  height: auto;
}

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

@media screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
}

.l-header__logo {
  width: 163px;
  padding: 13px 0;
}

.l-header__inner {
  width: 96%;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .l-header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .l-header__logo {
    width: 163px;
    padding: 13px 0;
  }
}

@media screen and (max-width: 768px) {
  .l-header__logo {
    width: 40vw;
    margin: 0 auto;
  }
}


.l-nav {}

.l-nav__item {
  color: #000;
  font-weight: bold;
  margin: 0 0 0 2em;
  position: relative;
}

@media screen and (min-width: 769px) {
  .l-nav {
    display: flex;
  }

  .l-nav__item:after {
    content: "";
    width: 0%;
    height: 2px;
    position: absolute;
    transition: 0.3s;
    background-color: #FFA200;
    bottom: -8px;
    left: 0;
  }

  .l-nav__item:hover:after {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .l-nav {
    display: none;
  }
}

.c-block--black {
  background-color: #2C2A28;
}

.c-block--gray {
  background-color: #F7F6F6;
}

.c-block__inner {
  max-width: 800px;
  width: 96%;
  margin: 0 auto;
}

.c-block__title {
  font-weight: bold;
}

.c-block__title__en {
  color: #FF7300;
}

.c-block__title__ja--white {
  color: #fff;
}

@media screen and (min-width: 769px) {
  .c-block__inner {
    padding: 6% 0;
  }

  .c-block__title {
    margin: 0 0 50px 0;
  }

  .c-block__title__en {
    font-size: 12px;
    margin: 0 0 30px 0;
  }

  .c-block__title__ja {
    font-size: 36px;
  }
}

@media screen and (max-width: 768px) {
  .c-block__inner {
    padding: 14vw 0;
    width: 84%;
  }

  .c-block__title {
    margin: 0 0 8vw 0;
    text-align: center;
  }

  .c-block__title__en {
    font-size: 3.2vw;
    margin: 0 0 5vw 0;
  }

  .c-block__title__ja {
    font-size: 7vw;
  }
}

.l-footer {}

.l-footer__inner {
  margin: 0 auto;
}

.l-footer__copyright {
  font-weight: bold;
  line-height: 1.6;
}

@media screen and (min-width: 769px) {
  .l-footer__inner {
    max-width: 1038px;
    width: 96%;
    padding: 26px 0;
  }

  .l-footer__copyright {
    font-size: 11px;
  }
}

@media screen and (max-width: 768px) {
  .l-footer__inner {
    width: 93.33vw;
    padding: 6.9vw 0;
  }

  .l-footer__copyright {
    font-size: 2.66vw;
  }
}


.p-mv {
  position: relative;
  overflow: hidden;
}

.p-mv:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.p-mv__logo {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  opacity: 0.4;
}

.p-mv__movie {
  line-height: 0;
}

@media screen and (min-width: 769px) {
  .p-mv__logo {
    width: 40vw;
  }
}

@media screen and (max-width: 768px) {
  .p-mv__logo {
    width: 60vw;
  }

  .p-mv__movie {
    width: 250%;
    transform: translateX(-50%);
  }
}


.p-company {
  color: #fff;
}

.p-company__list {}

.p-company__list__item {
  border-bottom: #4B4B4B 1px solid;
}

.p-company__list__item:last-child {
  border: none;
  padding-bottom: 0;
}

.p-company__list__title {
  font-weight: bold;
}

.p-company__list__cont {
  line-height: 1.6;
}

.p-company__list__cont__btn {
  display: block;
  background-color: #FFA100;
  color: #000;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .p-company__list__item {
    padding: 30px 0;
    display: flex;
  }

  .p-company__list__title {
    width: 15em;
    flex-shrink: 0;
  }

  .p-company__list__cont__btn {
    width: 140px;
    margin: 10px 0 0 0;
    border-radius: 30px;
    padding: 6px 30px;
    font-size: 12px;
    transition: 0.3s;
  }

  .p-company__list__cont__btn:hover {
    background-color: #FF7300;
  }

}

@media screen and (max-width: 768px) {
  .p-company__list__item {
    padding: 6vw 0;
  }

  .p-company__list__title {
    margin: 0 0 1vw 0;
  }

  .p-company__list__cont__btn {
    margin: 3vw 0 0 0;
    border-radius: 30px;
    padding: 2vw;
    font-size: 12px;
  }

  .p-company__list__cont__btn:hover {
    background-color: #FF7300;
  }
}


.p-contact {}

.p-contact__list {}

.p-contact__list__item {
  background-color: #ECEEF3;
  font-weight: bold;
  text-align: center;
  color: #000;
}

@media screen and (min-width: 769px) {
  .p-contact__list {
    display: flex;
    justify-content: space-between;
  }

  .p-contact__list__item {
    width: 46%;
    padding: 30px 0;
    border-radius: 40px;
    transition: 0.3s;
  }

  a.p-contact__list__item:hover {
    background-color: #525664;
    color: #fff;
  }
}

@media screen and (max-width: 768px) {
  .p-contact__list {}

  .p-contact__list__item {
    display: block;
    padding: 6vw 0;
    border-radius: 40px;
    margin: 0 0 5vw 0;
  }

  .p-contact__list__item:last-child {
    margin: 0;
  }
}