html {
  font-family: Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Yu Gothic, Meiryo, sans-serif;
  color: #333
}

.u-md {
  display: none
}

.u-ssp-up {
  display: block
}

.u-sp, .u-ssp {
  display: none
}

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

dd, li {
  list-style-type: none
}

blockquote, body, dd, dl, figure, h1, h2, h3, h4, ol, p, ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box
}

div {
  box-sizing: border-box
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed
}

ol, ul {
  list-style: none
}

img {
  display: block;
  width: 100%;
  height: auto
}

article>*+* {
  margin-top: 1em
}

article>*+*, button, input, select, textarea {
  box-sizing: border-box
}

button, input, select, textarea {
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none
}

textarea {
  resize: vertical
}

input[type=checkbox], input[type=radio] {
  display: none
}

button, input[type=button], input[type=submit], label, select {
  cursor: pointer
}

select::-ms-expand {
  display: none
}

button {
  padding: 0
}

html {
  font-size: 16px
}

body {
  font-family: Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Yu Gothic, Meiryo, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.778;
  background: #fff;
  -webkit-font-smoothing: antialiased
}

a[href^="tel:"] {
  pointer-events: none
}

a {
  text-decoration: none;
  color: inherit;
  transition: opacity .3s
}

.font-oswald-bold {
  font-family: Oswald, sans-serif;
  font-weight: 700
}

#splash {
  position: fixed;
  height: 100%;
  z-index: 99999;
  text-align: center
}

#splash, #splash_logo {
  width: 100%;
  color: #fff
}

#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 3px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#splash_logo img.loding-logo__img {
  width: 12%;
  margin: 0 auto;
  max-width: 215px
}

#splash_logo .splash_text {
  overflow: visible;
  width: 100%;
  display: block;
  margin: 20px auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

#splash_logo .splash_text_inner {
  width: 100%;
  display: block
}

#splash_logo img.loding-text__img {
  width: 19%;
  height: auto;
  margin: 0 auto
}

.loader_cover-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  text-align: center
}

.loader_cover {
  width: 100%;
  height: 50%;
  background: #002977;
  transition: all .3s cubic-bezier(.04, .435, .315, .9);
  -ms-transform: scaleY(1);
  transform: scaleY(1)
}

.loader_cover-up {
  -ms-transform-origin: center top;
  transform-origin: center top
}

.loader_cover-down {
  position: absolute;
  bottom: 0;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom
}

.coveranime {
  -ms-transform: scaleY(0);
  transform: scaleY(0)
}

.slide-in {
  overflow: hidden;
  padding: 0 10px
}

.slide-in, .slide-in_inner {
  display: inline-block
}

.leftAnime, .rightAnime {
  opacity: 0
}

.slideAnimeLeftRight {
  animation-name: a;
  animation-delay: .9s;
  animation-duration: .8s;
  animation-fill-mode: forwards;
  opacity: 0
}

@keyframes a {
  0% {
    transform: translateX(-30px);
    opacity: 0
  }
  to {
    transform: translateX(0);
    opacity: 1
  }
}

.slideAnimeRightLeft {
  animation-name: b;
  animation-delay: 1s;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0
}

@keyframes b {
  0% {
    transform: translateX(100%);
    opacity: 0
  }
  to {
    transform: translateX(0);
    opacity: 1
  }
}

.l-header {
  width: 100%;
  height: 80px;
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 10;
  transition: all .4s;
  transition: .4s cubic-bezier(.4, 0, .2, 1);
  box-shadow: 0 4px 4px -4px rgba(51, 51, 51, .6)
}

.l-header.is-headIn {
  -ms-transform: translateY(-100%);
  transform: translateY(-100%)
}

.l-header__inner {
  margin: 0 auto;
  padding: 5px 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center
}

.l-header__logo {
  text-transform: uppercase;
  text-decoration: none;
  color: #333;
  font-size: 2rem;
  font-weight: 700
}

.l-header__logo img {
  width: 100%;
  height: auto;
  opacity: 0
}

.l-header__logo img :hover {
  opacity: .7
}

.l-page-title {
  width: 100%;
  height: 140px;
  background-color: #232429;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  transition: all .4s
}

.l-page-title__text {
  color: #fff;
  opacity: 0
}

.l-page-mv {
  width: 100%;
  height: 293px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all .4s
}

.l-page-mv .c-text__under {
  margin-top: 10px
}

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

.l-page-content {
  width: 100%;
  height: 100%;
  max-width: 1040px;
  min-height: 400px;
  margin: 130px auto 100px
}

.l-inner {
  width: 100%;
  max-width: 1150px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto
}

.l-footer {
  height: 200px;
  background: #000;
  position: relative
}

.l-footer__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(100% - 80px);
  position: absolute;
  bottom: 30px
}

.l-footer__left-col {
  color: #fff;
  padding-left: 15px;
  font-size: 12px
}

.l-footer__left-col a:hover {
  text-decoration: underline
}

.l-footer__right-col {
  color: #fff;
  font-size: 12px
}

.l-footer .l-footer_copy br {
  display: none
}

.l-btn {
  text-align: center;
  padding-top: 0.5rem;
}

.p-top .c-text__en-font {
  font-size: clamp(22px, 1.8181818182vw, 25px);
  display: block
}

.p-top .p-lead.box, .p-top .p-topHistory.box, .p-top .p-topMessage.box, .p-top .p-topMovie.box, .p-top .p-topSpecial.box {
  height: 100vh;
  height: 100dvh
}

.p-top .section {
  overflow: hidden
}

.p-top .p-mainVisual {
  background-color: #eaeaea;
  margin-top: -80px
}

.p-top .p-mainVisual, .p-top .p-mainVisual__logo {
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2
}

.p-top .p-mainVisual__logo {
  width: 50%;
  -ms-flex-align: center;
  padding: 100px 0 0 30px
}

.p-top .p-mainVisual__logo img {
  width: 85%
}

.p-mainVisual__text {
  padding: 0;
  align-items: center;
  font-family: Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Yu Gothic, Meiryo, sans-serif;
  color: #fff;
  position: absolute;
  bottom: 3rem;
  right: 3rem;
  z-index: 2
}

.p-mainVisual__text2 {
  font-size: 50px;
  text-shadow: 2px 2px 10px #000
}

.p-mainVisual__text3 {
  font-size: 23px;
  text-shadow: 2px 2px 10px #000
}

.p-top #mainSlide {
  position: absolute;
  width: 100%;
  height: 100vh;
  overflow: hidden
}

.p-top #slider {
  width: 100%;
  height: 100%!important
}

.p-top .vegas-animation-kenburns {
  animation: c ease-out
}

.p-top .vegas-timer {
  display: none
}

@keyframes c {
  0% {
    transform: scale(1)
  }
  to {
    transform: scale(1.2)
  }
}

.p-top #slides {
  position: relative;
  width: 100%;
  height: 100%
}

.p-top #slides .slide {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%
}

.p-top #slides .slide .title {
  position: absolute;
  top: calc(50% - .5em);
  left: 20px;
  z-index: 2;
  padding-top: 5px;
  font-family: Reem Kufi, sans-serif;
  font-size: 5em;
  color: #fff;
  overflow: hidden
}

.p-top #slides .slide .title .title-text {
  display: block;
  -ms-transform: translateY(1.2em);
  transform: translateY(1.2em);
  transition: transform 1s ease-in-out
}

.p-top #slides .slide .slide-partial {
  position: absolute;
  width: 50%;
  height: 100%;
  overflow: hidden;
  transition: transform 1s ease-in-out
}

.p-top #slides .slide .slide-partial img {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1s ease-in-out
}

.p-top #slides .slide .slide-left {
  top: 0;
  left: 0;
  -ms-transform: translateX(-100%);
  transform: translateX(-100%)
}

.p-top #slides .slide .slide-left img {
  top: 0;
  right: 0;
  object-position: 100% 50%;
  -ms-transform: translateX(50%);
  transform: translateX(50%)
}

.p-top #slides .slide .slide-right {
  top: 0;
  right: 0;
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  transition-delay: .2s
}

.p-top #slides .slide .slide-right img {
  top: 0;
  left: 0;
  object-position: 0 50%;
  transition-delay: .2s;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.p-top #slides .slide.active .title .title-text {
  -ms-transform: translate(0);
  transform: translate(0);
  transition-delay: .3s
}

.p-top #slides .slide.active .slide-partial, .p-top #slides .slide.active .slide-partial img {
  -ms-transform: translateX(0);
  transform: translateX(0)
}

.p-top .p-lead {
  background-image: url(../img/lead-back.jpg);
  background-size: cover;
  height: 100vh;
  height: 100dvh
}

.p-top .p-lead__inner {
  width: 60%;
  height: 100vh;
  height: 100dvh;
  float: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

.p-top .p-lead__inner-back-img {
  mix-blend-mode: normal;
  height: 100vh;
  height: 100dvh
}

.p-top .p-lead picture {
  height: 100vh;
  height: 100dvh
}

.p-top .p-lead img.p-lead__img01 {
  display: none;
  position: absolute
}

.p-top .p-lead img.p-lead__img02 {
  position: absolute;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  mix-blend-mode: multiply
}

.p-top .p-lead__text-col {
  right: 0;
  left: 0;
  margin: 0 auto;
  padding-left: 10vw;
  max-width: calc(470px + 10vw);
  position: absolute;
  width: 50vw;
  right: 2vw
}

.p-top .p-lead .c-title__lead {
  color: #fff
}

.p-top .p-lead .c-text__top {
  margin-top: 25px
}

.p-top .p-lead .c-text__lead {
  color: #fff
}

.p-top .p-topMessage {
  background-image: url(../img/topMessage-back.jpg);
  background-size: cover;
  height: 100vh;
  height: 100dvh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.p-top .p-topMessage__inner {
  width: 100%;
  height: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 4vw;
  padding-top: 50px
}

.p-top .p-topMessage__inner .c-title {
  margin-top: 15px;
  margin-bottom: 25px
}

.p-top .p-topMessage__inner .c-text__top {
  margin-top: 25px;
  margin-bottom: 25px
}

.p-top .p-topMessage__text-col {
  position: relative;
  width: 40vw;
  max-width: 520px
}

.p-top .p-topMessage__text-col .p-topMessage__name {
  margin-left: 20px;
  font-size: clamp(24px, 1.8909090909vw, 26px)
}

.p-top .p-topMessage__img-col {
  position: relative;
  width: 40vw;
  max-width: 750px
}

.p-top .p-topMessage__img-col img {
  width: 100%;
  height: auto;
  max-width: 750px
}

.p-top .p-topMessage__img-col.topMessage__img-pc {
  display: block
}

.p-top .p-topMessage__img-col.topMessage__img-sp {
  display: none
}

.p-topHistory {
  background: #506a8d;
  background-size: cover;
  height: 100vh;
  height: 100dvh
}

.p-topHistory, .p-topHistory__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.p-topHistory__inner {
  width: 100%;
  height: 100%;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 4vw
}

.p-topHistory__inner .c-title {
  margin-top: 15px;
  margin-bottom: 25px;
  color: #fff
}

.p-topHistory__inner .c-text__top {
  margin-top: 25px;
  margin-bottom: 25px;
  color: #fff
}

.p-topHistory__inner .c-arrow__round {
  color: #fff
}

.p-topHistory__back-01 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  mix-blend-mode: multiply
}

.p-topHistory__text-col {
  position: relative;
  width: 40vw;
  max-width: 520px;
  right: 9vw
}

.p-topMovie {
  background: #efefef;
  background-image: url(../img/topmovie-back01.jpg);
  background-size: cover;
  height: 100vh;
  height: 100dvh
}

.p-topMovie, .p-topMovie__inner {
  display: -ms-flexbox;
  display: flex
}

.p-topMovie__inner {
  width: 100%;
  height: 100%;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -ms-flex-align: center;
  align-items: center;
  gap: 4vw
}

.p-topMovie__inner .c-title {
  margin-top: 15px;
  margin-bottom: 25px;
  color: #333
}

.p-topMovie__inner .c-text__top {
  margin-top: 25px;
  margin-bottom: 25px;
  color: #333
}

.p-topMovie__text-col {
  position: relative;
  width: 40vw;
  max-width: 520px
}

.p-topMovie__img-col {
  position: relative;
  width: 40vw;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.p-topMovie__img-col img {
  width: 100%;
  height: auto
}

.p-topSpecial {
  background-image: url(../img/topSupecial-back.jpg);
  background-size: cover;
}

.p-topSpecial, .p-topSpecial__inner {
  height: 100vh;
  height: 100dvh;
  display: -ms-flexbox;
  display: flex
}

.p-topSpecial__inner {
  width: 100%;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  padding: 5vw 0
}

.p-topSpecial__inner .c-title {
  margin-top: 15px;
  margin-bottom: 25px;
  color: #333
}

.p-topSpecial__inner .c-text__top {
  margin-top: 25px;
  margin-bottom: 25px;
  color: #333
}

.p-topSpecial__linkbox {
  background-color: #fff;
  padding: 20px
}

.p-topSpecial__text-col {
  width: 40vw;
  max-width: 520px;
  -ms-flex-direction: column;
  flex-direction: column
}

.p-topSpecial__img-col, .p-topSpecial__text-col {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.p-topSpecial__img-col {
  width: 32vw;
  max-width: 1540px;
  padding: 0 0 1rem 0;
  text-align: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  gap: 20px
}

.p-topSpecial__img-col img {
  width: 100%;
  height: auto
}

.p-topSpecial__img-col .c-title__top-special {
  margin: 15px 0;
  font-size: clamp(22px, 1.8909090909vw, 26px);
  line-height: 1.4
}

.p-topSpecial__img-col .c-title__top-special span {
  font-size: clamp(16px, 1.3090909091vw, 18px);
  font-weight: 400
}

.two-column ul {
}

.two-column li {
  display: inline-block;
  background-color: rgba(255,255,255,0.9);
  padding: 1rem;
  margin: 0 1rem;
}

.two-column li {
  text-align: center;
}

.p-top .p-topGroup-news, .p-top .p-topGroup-news__inner {
  height: auto!important;
  display: -ms-flexbox;
  display: flex
}

.p-top .p-topGroup-news__inner {
  width: 100%;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 5vw
}

.p-top .p-topGroup-news__inner .c-title {
  margin-top: 15px;
  margin-bottom: 25px;
  color: #333
}

.p-top .p-topGroup-news__inner .c-text__top {
  margin-top: 25px;
  margin-bottom: 25px;
  color: #333
}

.p-top .p-topGroup-news__group-col {
  background-color: #efefef;
  background-image: url(../img/Top-group-img01.jpg);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 50%;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-top .p-topGroup-news__text-col {
  padding-top: 100px;
  padding-left: 10vw
}

.p-top .p-topGroup-news__news-col {
  width: 100%
}

.p-top .p-topGroup-news__news-en-title {
  margin: 100px auto 0;
  text-align: center
}

.p-top .p-topGroup-news .news-archive-list {
  margin-top: 35px
}

.p-top .top-news-list {
  margin-top: 0;
  margin-bottom: 70px;
  min-height: 200px
}

.news .page-mv__news {
  background-image: url(../img/news-mv.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  margin: 0 auto
}

.news-archive-list {
  margin-top: 84px;
  margin-bottom: 70px
}

.news-archive-list li {
  position: relative;
  padding: 10px 0 13px
}

.news-archive-list li .news-archive-item-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  color: #333;
  text-decoration: none
}

.news-archive-list li .news-archive-item-link .news-title:hover {
  color: #808080;
  text-decoration: underline;
  transition: .2s ease-out
}

.news-archive-list li div {
  display: inline-block;
  vertical-align: top;
  letter-spacing: .1em
}

.news-archive-list li .news-title {
  font-size: 18px;
  font-weight: 400;
  width: 80%;
  border-top: 1px dotted #585858;
  padding-left: 18px;
  padding-top: 8px
}

.news-archive-list li .news-date {
  font-size: 18px;
  color: #002977;
  width: 180px;
  padding-top: 8px;
  border-top: 1px solid #002977
}

.news-archive-list li .news-external {
  position: absolute;
  right: 0;
  top: 0
}

.news-archive-list li .news-external img {
  width: 19px;
  height: 19px
}

.news-archive-list li:first-child div {
  padding-bottom: 0
}

.news-archive-list li:last-child .news-date {
  border-bottom: 1px solid #002977;
  padding-bottom: 25px
}

.news-archive-list li:last-child .news-title {
  border-bottom: 1px dotted #585858;
  padding-bottom: 25px
}

.news-archive .news-outband {
  position: relative
}

.news-archive .news-outband:after {
  content: "";
  background-repeat: no-repeat;
  background-size: 14px 11px;
  width: 14px;
  position: absolute;
  height: 11px;
  bottom: .5em;
  margin-left: 5px
}

.news-archive .news-outband-img {
  display: inline-block;
  width: 14px;
  margin-left: 4px
}

.p-news .page-mv__news-detail {
  background-color: #fff;
  color: #333;
  text-align: left;
  padding: 30px 0;
  margin: 0 auto;
  max-width: 1040px
}

.p-news-detail-content__image-l {
  width: 100%;
  height: auto;
  margin: 30px 0
}

.p-news-detail-content__image-m {
  width: 100%;
  max-width: 500px;
  margin: 30px 0
}

.p-news-detail-content__image-s {
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 30px 0
}

.p-news-detail {
  margin-top: 2px
}

.p-news-detail__items {
  width: 1040px;
  max-width: 100%;
  margin: 0 auto 100px
}

.p-news-detail__col-day {
  border-top: 1px solid #ddd;
  padding: 10px;
  text-align: right;
  margin-bottom: 30px
}

.p-news-index-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 80px
}

.p-news-index-link p {
  font-size: 15px
}

.p-news-index-link p:hover {
  text-decoration: underline
}

.p-news-index-link img {
  width: 53px;
  height: auto;
  margin-bottom: 20px;
  transition: all .4s
}

.p-news-index-link img:hover {
  opacity: .7;
  transition: all .4s
}

.founder-br-sp {
  display: none
}

.founder-br-pc {
  display: block
}

.p-1873-1945 .history-nav__item.p-1873-1945-current, .p-1946-1969 .history-nav__item.p-1946-1969-current, .p-1970-1989 .history-nav__item.p-1970-1989-current, .p-1990-2005 .history-nav__item.p-1990-2005-current, .p-2006-2022 .history-nav__item.p-2006-2022-current, .p-founder .history-nav__item.p-founder-current {
  pointer-events: none
}

.p-1873-1945 .history-nav__item.p-1873-1945-current:after, .p-1946-1969 .history-nav__item.p-1946-1969-current:after, .p-1970-1989 .history-nav__item.p-1970-1989-current:after, .p-1990-2005 .history-nav__item.p-1990-2005-current:after, .p-2006-2022 .history-nav__item.p-2006-2022-current:after, .p-founder .history-nav__item.p-founder-current:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .65)
}

.p-1873-1945 .history-nav__item.p-1873-1945-current, .p-1946-1969 .history-nav__item.p-1946-1969-current, .p-1970-1989 .history-nav__item.p-1970-1989-current, .p-1990-2005 .history-nav__item.p-1990-2005-current, .p-2006-2022 .history-nav__item.p-2006-2022-current, .p-founder .p-1873-1945.history-nav__item.p-founder-current {
  pointer-events: none
}

.p-1873-1945 .history-nav__item.p-1873-1945-current:after, .p-1946-1969 .history-nav__item.p-1946-1969-current:after, .p-1970-1989 .history-nav__item.p-1970-1989-current:after, .p-1990-2005 .history-nav__item.p-1990-2005-current:after, .p-2006-2022 .history-nav__item.p-2006-2022-current:after, .p-founder .p-1873-1945.history-nav__item.p-founder-current:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .65)
}

.history-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding-right: 30px;
  padding-left: 30px
}

.p-history .l-page-content {
  margin: 0 auto 100px;
  max-width: 1200px
}

.history-nav {
  background-color: #333
}

.history-nav__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0;
  border: 2px solid #232429
}

.history-nav__item {
  width: 33.3333333333%;
  text-align: center;
  border: 2px solid #232429;
  overflow: hidden;
  position: relative;
  z-index: 2
}

.history-nav__item span {
  opacity: 0
}

.history-nav__item:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -51%);
  transform: translate(-50%, -51%);
  width: 102%;
  height: 103%;
  display: block;
  transition: all 1s ease;
  z-index: -1;
  background-color: #232429
}

.history-nav__item:first-of-type::before {
  background: url(../img/history/foundation-head-menu.jpg) no-repeat 50%/cover;
  background-color: #f2f1dc;
  background-position-x: -20px
}

.history-nav__item:nth-of-type(2):before {
  background: url(../img/history/1873-1945-head-menu.jpg) no-repeat 50%/cover
}

.history-nav__item:nth-of-type(3):before {
  background: url(../img/history/1946-1969-head-menu.jpg) no-repeat 50%/cover
}

.history-nav__item:nth-of-type(4):before {
  background: url(../img/history/1970-1989-head-menu.jpg) no-repeat 50%/cover
}

.history-nav__item:nth-of-type(5):before {
  background: url(../img/history/1990-2005-head-menu.jpg) no-repeat 50%/cover
}

.history-nav__item:nth-of-type(6):before {
  background: url(../img/history/2006-2022-head-menu.jpg) no-repeat 50%/cover
}

.history-nav__item:hover:before {
  -ms-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
  opacity: .7
}

.history-nav__item:hover>.history-nav__link:before {
  background: none;
  border: 1px solid #fff
}

.history-nav__item:hover>.history-nav__link:after {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  right: 28px
}

.history-nav__link {
  position: relative;
  padding: 2px 0;
  transition: none;
  display: block;
  width: 100%;
  height: 100%;
  border-bottom: none
}

.history-nav__link:before {
  content: "";
  width: 42px;
  height: 42px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 20px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all .4s
}

.history-nav__link:after {
  content: "";
  width: 15px;
  height: 4px;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  -ms-transform: skew(45deg) translateY(-49%);
  transform: skew(45deg) translateY(-49%);
  position: absolute;
  z-index: 5;
  top: 49%;
  right: 32px;
  transition: all .4s
}

.history-nav__link span {
  font-weight: 700;
  color: #fff;
  position: relative
}

.history-nav__link span:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  transition: all .3s;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: left top;
  transform-origin: left top
}

.history-nav__link .nav-year {
  font-size: 24px;
  display: inline-block
}

.history-nav__link .nav-ttl {
  font-size: clamp(15px, 1.1713030747vw, 16px);
  display: inline-block;
  line-height: 1.3
}

.history-nav__link .nav-ttl__black {
  color: #333;
  line-height: 1.3
}

.history-nav__link .nav-ttl__black br {
  display: none
}

.history-nav__link .front-ttl {
  font-size: 22px;
  color: #333
}

.history-nav__link.front .sp {
  display: none
}

.history-nav.is-sticked {
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  z-index: 9
}

.history-nav.sub {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s, visibility 1s, transform 1s;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -ms-transform: translateY(-300px);
  transform: translateY(-300px);
  z-index: 1
}

.history-nav.sub .history-nav__item {
  width: 16.6666666667%
}

.history-nav.sub .history-nav__item:first-of-type::before {
  background: url(../img/history/foundation-head-menu-sp.jpg) no-repeat 30%/cover
}

.history-nav.sub .history-nav__item:nth-of-type(2):before {
  background: url(../img/history/1873-1945-header-menu-small.jpg) no-repeat 50%/cover
}

.history-nav.sub .history-nav__item:nth-of-type(3):before {
  background: url(../img/history/1946-1969-header-menu-small.jpg) no-repeat 50%/cover
}

.history-nav.sub .history-nav__item:nth-of-type(4):before {
  background: url(../img/history/1970-1989-head-menu-small.jpg) no-repeat 50%/cover
}

.history-nav.sub .history-nav__item:nth-of-type(5):before {
  background: url(../img/history/1990-2005-head-menu.jpg) no-repeat 50%/cover
}

.history-nav.sub .history-nav__item:nth-of-type(6):before {
  background: url(../img/history/2006-2022-head-menu-small.jpg) no-repeat 50%/cover
}

.history-nav.sub .history-nav__link:after, .history-nav.sub .history-nav__link:before {
  content: none
}

.history-nav.sub .history-nav__link.front>span {
  color: #333
}

.history-nav.sub.is-fadein {
  opacity: 1;
  display: block;
  visibility: visible;
  position: fixed;
  top: 80px;
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.history-nav.sub.is-fadein .history-nav__link {
  padding-top: 15px;
  padding-bottom: 15px
}

.p-history-title {
  background: url(../img/history/history-contents-back.jpg) no-repeat 50%/cover;
  padding: 0 5vw;
  aspect-ratio: 3.7/1.3
}

.p-history-title, .p-history-title .history-wrapper, .p-history-title__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.p-history-title__inner {
  gap: 50px
}

.p-history-title__item {
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}

.p-history-title__item.text {
  font-size: clamp(28px, 2.3272727273vw, 32px);
  font-weight: 700
}

.p-history-title__item.year {
  font-size: clamp(46px, 4.2181818182vw, 58px);
  font-family: Oswald, sans-serif;
  font-weight: 500;
  min-width: 198px
}

.p-founder .p-history-title {
  background: url(../img/history/history-contents-back-founder.jpg) no-repeat 25%/cover;
  padding-left: calc(15vw + 150px);
  background-color: #f2f2dc
}

.p-founder .p-history-title__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px
}

.p-founder .p-history-title__heading {
  display: block;
  width: 100%;
  font-size: clamp(19px, 1.9047619048vw, 26px);
  line-height: 1.5;
  margin-bottom: 12px;
  letter-spacing: .2em
}

.p-founder .p-history-title__heading span {
  font-size: clamp(38.5px, 3.7362637363vw, 51px);
  border-bottom: 10px solid #c7c78f;
  letter-spacing: .2em
}

.p-founder .p-history-title__text {
  font-size: clamp(14px, 1.3186813187vw, 18px)
}

.history-sub-ttl-sp {
  display: none
}

.p-history-content {
  overflow: hidden;
  background-color: #eee;
  padding-top: 10px
}

.p-history-content .p-history-list {
  border-left: 2px solid #bcbcbc;
  width: 100%
}

.p-history-content .p-history-list.history-list__pat70 {
  padding-top: 100px
}

.p-history-content .p-history-list .year {
  font-size: clamp(53px, 4.7272727273vw, 65px);
  font-weight: 700;
  position: relative;
  padding: 40px 0 60px 30px
}

.p-history-content .p-history-list .year span {
  font-family: Oswald, sans-serif;
  font-weight: 500;
  padding-right: 20px
}

.p-history-content .p-history-list .year:before {
  content: "●";
  position: absolute;
  left: -12px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 22px;
  color: #333
}

.p-history-content .p-history-list .year.year__top-position {
  padding-top: 0;
  line-height: 0;
  margin-top: 50px;
  padding-bottom: 100px
}

.p-history-content .p-history-list .year.year.year__top-position:before {
  top: 5px
}

.p-history-content .p-history-list__item .year__mat50 {
  margin-top: -50px
}

.p-history-content .p-history-list__item .desc-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 40px;
  width: 100%;
  content-visibility: auto;
  contain-intrinsic-size: 380px
}

.p-history-content .p-history-list__item .desc-wrapper .desc-container.desc-container__mab0, .p-history-content .p-history-list__item .desc-wrapper .desc-container.desc-container__mab0-SpNone {
  margin-bottom: 0
}

.p-history-content .p-history-list__item .desc-wrapper.desc-container__pat90 {
  padding-top: 90px
}

.p-history-content .p-history-list__item .desc-wrapper .desc-container {
  width: calc(50% - 80px);
  margin-bottom: 70px
}

.p-history-content .p-history-list__item .desc-wrapper .desc-container .img {
  background-color: #ccc;
  margin-bottom: 15px;
  overflow: hidden;
  display: block;
  aspect-ratio: 4.73/3
}

.p-history-content .p-history-list__item .desc-wrapper .desc-container .img.aspect-type01 {
  aspect-ratio: 4/3
}

.p-history-content .p-history-list__item .desc-wrapper .desc-container .img.aspect-type02 {
  aspect-ratio: 4.23/3
}

.p-history-content .p-history-list__item .desc-wrapper .desc-container .img.aspect-type03 {
  aspect-ratio: 4.26/3
}

.p-history-content .p-history-list__item .desc-wrapper .desc-container .img.aspect-type04 {
  aspect-ratio: 3.9/3
}

.p-history-content .p-history-list__item .desc-wrapper .desc-container .img img {
  object-fit: contain;
  transition: all 1s ease;
  height: 100%;
  display: block;
  -ms-transform: scale(1.01);
  transform: scale(1.01)
}

.p-history-content .p-history-list__item .desc-wrapper .desc-container .desc-bottom {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto;
  -ms-grid-columns: 94px 1fr;
  grid-template: "a b" "a c"/94px 1fr;
  line-height: 1.4
}

.p-history-content .p-history-list__item .desc-wrapper .desc-container .desc-bottom__year {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  font-size: clamp(27px, 2.9304029304vw, 40px);
  color: #002977;
  grid-area: a;
  line-height: 1.2;
  font-family: Oswald, sans-serif;
  font-weight: 500
}

.p-history-content .p-history-list__item .desc-wrapper .desc-container .desc-bottom__ttl {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  font-size: clamp(20px, 2.1978021978vw, 30px);
  font-weight: 700;
  grid-area: b
}

.p-history-content .p-history-list__item .desc-wrapper .desc-container .desc-bottom__place {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  font-size: 18px;
  grid-area: c;
  position: relative;
  padding-left: 23px;
  margin-top: 5px
}

.p-history-content .p-history-list__item .desc-wrapper .desc-container .desc-bottom__place:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 15px;
  height: 18px;
  background: url(../img/history-place-icon.svg) no-repeat 50%/contain
}

.p-history-topic {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  padding: 0 2vw
}

.p-history-topic.p-history-topic__mat50 {
  margin-top: 50px
}

.p-history-topic__inner {
  background: #333;
  padding: 0 6vw
}

.p-history-topic__items {
  max-width: 1200px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 60px 0;
  gap: 40px
}

.p-history-topic__item.text {
  width: 60%;
  padding: 0 60px 0 0;
  color: #fff
}

.p-history-topic__item.text h3.p-history-topic__title {
  font-size: clamp(27px, 2.3272727273vw, 32px);
  margin-bottom: 20px
}

.p-history-topic__item.text .p-history-topic__detail-txt {
  font-size: clamp(16px, 1.3090909091vw, 18px)
}

.p-history-topic__item.image {
  width: 40%
}

.p-history-topic__item.image img {
  width: 100%;
  height: auto
}

.p-history-topic__item.image .topic-image__mab30 {
  margin-bottom: 30px
}

.founder-content__ttl {
  font-size: clamp(21px, 1.9047619048vw, 26px);
  width: 100%;
  margin-bottom: 30px;
  border-bottom: 2px solid #ddd;
  position: relative;
  text-align: center;
  padding-bottom: 12px
}

.founder-content__ttl:before {
  content: "";
  display: block;
  border-bottom: 3px solid #002977;
  width: 150px;
  position: absolute;
  left: 50%;
  margin-left: -75px;
  bottom: -2px
}

.p-founder .p-history-content {
  padding-top: 0
}

.p-founder .p-history .l-page-content {
  max-width: 100%;
  background-color: #fff;
  padding-bottom: 20px
}

.p-founder .p-history .founder-content {
  margin: 40px auto;
  max-width: 1040px
}

.founder-content__col {
  margin-bottom: 90px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex
}

.founder-content__col:first-of-type {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.founder-content__img-cap {
  font-size: 12.5px;
  margin-top: 8px
}

.dna-content__img-cap {
  font-size: 12.5px;
  margin-bottom: 4px;
  text-align: right
}

.founder-content__img01_col {
  width: 48%;
  float: right;
  margin-left: 5%;
  padding-top: 8px
}

.founder__txt01 {
  width: 47%
}

.founder-content__img02_col {
  width: 35%;
  float: left;
  margin-right: 5%;
  padding-top: 8px;
  margin-bottom: 30px
}

.founder__txt02 {
  width: 60%;
  margin-bottom: 0
}

.founder-content__img03_col {
  width: 35%;
  float: right;
  margin-left: 5%;
  padding-top: 8px;
  margin-bottom: 30px
}

.founder__txt03 {
  width: 60%
}

.director-content {
  width: 870px;
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 0 auto 90px;
  padding: 35px
}

.director-content-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.director-content-item img {
  width: 196px;
  height: 160px
}

.director-content-item .director-profile {
  width: 567px
}

.director-content-item .director-profile .director-name {
  font-size: 22px;
  margin-bottom: 10px
}

.director-content-item .director-profile .director-name span {
  font-size: 16px
}

.director-content-item .director-profile .director-detail {
  font-size: 14.5px
}

.l-page-content.DNA-page-content {
  width: 100%;
  padding: 0!important;
  background-color: #efefef!important
}

.history-wrapper.DNA-wrapper {
  width: 100%;
  padding: 100px 30px!important
}

.DNA-content__title {
  background: url(../img/history/founder_img05.jpg) no-repeat 50%/cover;
  aspect-ratio: 2/1
}

.DNA-content__title .p-history-title__DNA-heading {
  color: #fff;
  font-size: clamp(40px, 3.663003663vw, 50px);
  text-align: center;
  padding-top: 45px;
  line-height: 1.3
}

.DNA-content__title .p-history-title__DNA-heading span {
  font-size: clamp(28px, 2.5641025641vw, 35px);
  font-weight: 400
}

.DNA-content__lead {
  margin: 50px auto 120px;
  text-align: center
}

.DNA-content__lead-txt {
  font-weight: 700;
  font-size: clamp(19px, 1.6117216117vw, 22px);
  margin-bottom: 25px
}

.DNA-content__lead-note {
  font-size: clamp(15px, 1.3186813187vw, 18px)
}

.DNA-content__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 40px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.DNA-content__item {
  position: relative;
  width: calc(50% - 40px);
  margin-bottom: 30px
}

.DNA-content__item .DNA-number {
  position: absolute;
  left: 0;
  top: 0;
  width: 17%;
  height: auto
}

.DNA-content__item-note {
  text-align: right;
  font-size: clamp(11px, .8791208791vw, 12px);
  width: 80%;
  float: right;
  height: 35px;
  line-height: 1.3
}

.DNA-content__item .DNA-image {
  margin-bottom: 15px;
  width: 94%;
  margin-left: 6%
}

.DNA-content__item-title {
  font-size: clamp(21px, 1.9047619048vw, 26px);
  margin-bottom: 10px;
  border-left: 10px solid #002977;
  padding-left: 20px;
  line-height: 1.5;
  letter-spacing: .05em
}

.DNA-content__item-detail {
  font-size: clamp(16px, 1.3186813187vw, 18px)
}

.p-history-bottom-nav .wrapper {
  max-width: 1200px;
  margin: 0 auto
}

.p-history-bottom-nav h2 {
  font-size: 24px;
  color: #002977;
  text-align: center;
  padding: 70px 0 100px
}

.p-history-bottom-nav__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.p-history-bottom-nav__item {
  width: calc(33.3333333333% - 10px);
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex
}

.p-history-bottom-nav__item a {
  display: block;
  border: 1px solid #c1c1c1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-history-bottom-nav__item:hover .p-history-bottom-nav__image img {
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.p-history-bottom-nav__item:hover .p-history-bottom-nav__desc .icon span:before {
  background: none;
  border: 1px solid #333
}

.p-history-bottom-nav__item:hover .p-history-bottom-nav__desc .icon span:after {
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  right: 8px
}

.p-history-bottom-nav__desc {
  text-align: center;
  padding: 20px
}

.p-history-bottom-nav__desc .ttl {
  color: #002977;
  font-size: clamp(20px, 2.3443223443vw, 32px);
  font-weight: 700
}

.p-history-bottom-nav__desc .text {
  font-size: clamp(15px, 1.3186813187vw, 18px);
  height: 4rem
}

.p-history-bottom-nav__desc .icon {
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: end;
  align-items: flex-end
}

.p-history-bottom-nav__desc .icon span {
  position: relative;
  display: block;
  width: 42px;
  height: 42px
}

.p-history-bottom-nav__desc .icon span:before {
  content: "";
  width: 42px;
  height: 42px;
  background: #333;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  transition: all .4s
}

.p-history-bottom-nav__desc .icon span:after {
  content: "";
  width: 15px;
  height: 4px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  -ms-transform: skew(45deg) translateY(-45%);
  transform: skew(45deg) translateY(-45%);
  position: absolute;
  z-index: 5;
  top: 45%;
  right: 12px;
  transition: all .4s
}

.p-history-bottom-nav__image {
  overflow: hidden
}

.p-history-bottom-nav__image img {
  transition: all 1s ease
}

.p-history-bottom-nav .p-history-bottom-btn {
  padding: 20px 0;
  text-align: center
}

.p-message .l-page-content {
  padding-top: 130px;
  margin-top: 0
}

.p-message__wrapper {
  position: relative
}

.p-message__wrapper:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 700px;
  background: url(../img/message-bg_pc.jpg) no-repeat 50%/cover
}

.p-message__inner {
  position: relative;
  z-index: 3
}

.p-message__img {
  position: absolute;
  width: 30%;
  top: -5%;
  right: 4%
}

.p-message__body {
  width: 60%
}

.p-message__subtitle {
  width: 512px;
  max-width: 100%;
  font-size: clamp(30px, 2.7838827839vw, 38px);
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.25
}

.p-message__name {
  width: 232px;
  max-width: 100%;
  margin-top: 50px
}

.p-message__text {
  font-size: 18px;
  line-height: 2;
  margin-top: 72px
}

.p-message__year {
  text-align: right;
  font-size: 18px;
  margin-top: 60px
}

.p-message__subtext {
  text-align: right;
  font-size: 22px
}

.p-message__subtext span {
  display: inline-block;
  font-size: 18px;
  margin-right: 15px
}

.p-message sup {
  font-size: 11px
}

.p-history .l-page-content {
  margin: 0 auto;
  padding: 58px 0 100px
}

.p-history .c-title {
  text-align: center;
  color: #fff;
  margin-bottom: 32px
}

.p-history .c-text__under {
  text-align: center;
  color: #fff;
  letter-spacing: 0;
  margin-bottom: 80px
}

.p-history__content {
  background: url(../img/history-bg.jpg) repeat-y top/100%
}

.p-history__items {
  width: 950px;
  max-width: 100%;
  margin: 0 auto 100px
}

.p-history__item {
  transition: all .4s;
  background: hsla(0, 0%, 100%, .85)
}

.p-history__item+.p-history__item {
  margin-top: 40px
}

.p-history__item:first-child {
  background: hsla(60, 46%, 91%, .9)
}

.p-history__item:hover {
  filter: opacity(.7);
  transition: all .4s
}

.p-history__item-inner {
  display: -ms-flexbox;
  display: flex
}

.p-history__item-img.img-box-hover {
  width: 31%;
  min-width: 290px
}

.p-history__item-img img {
  height: 100%;
  object-fit: cover
}

.p-history__item-body {
  width: 69%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 180px;
  padding: 20px 60px 20px 50px;
  position: relative
}

.p-history__item-body .c-btn__link {
  position: absolute;
  right: 21px;
  bottom: 36px
}

.p-history__item-body .c-arrow__round:before {
  top: -18px
}

.p-history__item-heading {
  font-size: clamp(33px, 2.7636363636vw, 38px);
  font-weight: 700;
  line-height: 1.4
}

.p-history__item-year {
  font-family: Oswald, sans-serif;
  font-size: clamp(28px, 2.4vw, 33px);
  font-weight: 500;
  color: #002977;
  line-height: 1.4
}

.p-history__item-title {
  font-size: clamp(23px, 1.9636363636vw, 27px);
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 1.7;
  margin-top: 10px
}

.group .page-mv__group {
  background: url(../img/group-mv.jpg) no-repeat 50%/cover
}

.p-group__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -40px;
  margin-bottom: 55px
}

.p-group__item {
  width: calc(50% - 25px);
  margin-bottom: 50px;
  text-align: center;
  min-height: 186px;
  background: #f7f7f7;
  position: relative
}

.p-group__item:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 12px;
  background: url(../img/link-icon.svg) no-repeat 50%/contain;
  top: 14px;
  right: 12px
}

.p-group__item:not(:nth-child(odd)) {
  margin-left: 50px
}

.p-group__item-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: inherit;
  padding: 20px 20px 10px;
  transition: all .3s;
  height: 100%
}

.p-group__item-inner:hover {
  background: #ebebeb
}

.p-group__item-logo {
  max-width: 100%;
  margin-bottom: 8px
}

.p-group__item-type {
  font-size: 14px;
  margin-bottom: 10px
}

.p-group__item-text.c-text__under {
  letter-spacing: 0;
  font-size: clamp(15px, 1.3186813187vw, 18px)
}

.group__br-sp {
  display: none
}

.p-movie .page-mv__movie {
  color: #fff;
  background: url(../img/movie-mv.jpg) no-repeat 50%/cover
}

.p-movie .page-mv__movie .c-text__under {
  font-weight: 700
}

.p-movie__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px;
  margin-top: -40px
}

.p-movie__item {
  width: calc(50% - 40px);
  margin-bottom: 40px
}

.p-movie__item:not(:nth-child(odd)) {
  margin-left: 80px
}

.p-movie__item-img {
  margin-bottom: 20px
}

.p-movie__item-img a, .p-movie__item-img label {
  display: block;
  overflow: hidden
}

.p-movie__item-img img:hover {
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  transition: .3s
}

.p-movie__item-video-wrapper {
  width: 800px;
  max-width: 100%;
  margin: 0 auto
}

.p-movie__item-video {
  width: 100%;
  padding-top: 56.25%;
  position: relative
}

.p-movie__item-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.p-movie__item-text {
  line-height: 2;
  letter-spacing: .1em
}

.modal-video-movie-wrap {
  width: 99.7%!important
}

.content-404 {
  text-align: center;
  margin: 100px 0
}

.fadeUp {
  animation-name: d;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0
}

@keyframes d {
  0% {
    opacity: 0;
    transform: translateY(40px)
  }
  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.delay-time02 {
  animation-delay: .2s
}

.fadeIn-2 {
  animation-name: e;
  animation-duration: .5s;
  animation-fill-mode: forwards;
  opacity: 0
}

@keyframes e {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

.fadeIn-top {
  animation-name: f;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  opacity: 0
}

@keyframes f {
  0% {
    opacity: 0;
    transform: translateY(25px)
  }
  50% {
    opacity: 0;
    transform: translateY(25px)
  }
  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.fadeIn-Sub-Top {
  animation-name: g;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0
}

@keyframes g {
  0% {
    opacity: 0;
    transform: translateY(25px)
  }
  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.fadeInTrigger-Top, .fadeUpTrigger, .fadeUpTrigger2 {
  opacity: 0
}

.c-btn__link {
  line-height: 1.8;
}

.c-arrow__round, .c-btn__link {
  font-size: 18px;
  display: inline-block;
}

.c-arrow__round {
  color: #333;
  text-decoration: none;
  z-index: 3;
  position: relative;
  padding-right: 60px;
  transition: all .4s
}

.c-arrow__round.white-round {
  color: #fff
}

.c-arrow__round:before {
  content: "";
  width: 42px;
  height: 42px;
  background: #333;
  border-radius: 50%;
  position: absolute;
  top: -2px;
  right: 0;
  transition: all .4s
}

.c-arrow__round.white-round:before {
  background: #fff
}

.c-arrow__round:after {
  content: "";
  width: 15px;
  height: 4px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  position: absolute;
  z-index: 5;
  top: 45%;
  right: 14px;
  transition: all .4s
}

.c-arrow__round.white-round:after {
  border-bottom: 1px solid #333;
  border-right: 1px solid #333
}

.c-btn__text {
  position: relative
}

.c-btn__text:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #333;
  transition: all .3s;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: left top;
  transform-origin: left top
}

.c-btn__text.white-text:after {
  background: #fff
}

.box-hover:hover .c-arrow__round:before, .c-btn__link:hover .c-arrow__round:before {
  background: none;
  border: 1px solid #333
}

.box-hover:hover .c-arrow__round.white-round:before, .c-btn__link:hover .c-arrow__round.white-round:before {
  border: 1px solid #fff
}

.box-hover:hover .c-arrow__round:after, .c-btn__link:hover .c-arrow__round:after {
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  right: 10px
}

.box-hover:hover .c-arrow__round.white-round:after, .c-btn__link:hover .c-arrow__round.white-round:after {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff
}

.box-hover:hover .c-btn__text:after, .c-btn__link:hover .c-btn__text:after {
  -ms-transform: scale(1);
  transform: scale(1)
}

.drawer {
  position: fixed;
  z-index: 200;
  top: 6.25rem;
  left: 0;
  color: #000;
  background: #fff;
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  transition: all .6s;
  width: 100%;
  height: 100%;
  padding-top: 3.125rem
}

.drawer__menu {
  text-align: center
}

.drawer__menu-item {
  width: 100%;
  font-size: 1.125rem;
  font-weight: 700
}

.drawer__menu-item a {
  padding: .8em 0;
  display: block
}

.drawer--active {
  -ms-transform: translateX(0);
  transform: translateX(0)
}

.drawer--fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%
}

.fnav__menu-item a {
  display: block;
  padding: .3125rem 0
}

.l-header nav ul {
  opacity: 0
}

nav ul {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 70px
}

nav ul ul {
  display: block
}

nav ul li {
  position: relative
}

nav ul li a {
  display: block;
  text-decoration: none;
  color: #333;
  padding: 25px 0;
  transition: all .3s;
  font-size: 16px;
  font-weight: 700
}

nav ul li a a:hover {
  color: #585858;
  transition: all .3s
}

nav ul li li a {
  padding: 10px 35px
}

nav ul li li.no-child a {
  font-weight: 400!important;
  padding: 10px 0!important;
  font-size: 14px!important
}

nav ul li li.no-child.no-child__first-menu {
  width: 100%
}

nav ul li.has-child .no-child a:before {
  border: none;
  right: 6.5vw
}

nav ul li.has-child .no-child a:hover:before {
  right: 5vw
}

nav li.has-child ul {
  display: none
}

nav li.has-child:active>ul, nav li.has-child:hover>ul, nav li.has-child ul li:hover>ul {
  visibility: visible;
  opacity: 1
}

nav li.has-child ul li {
  width: 49.9%;
  float: left;
  overflow: hidden
}

nav li.has-child ul li:active>ul {
  visibility: visible;
  opacity: 1
}

nav li.has-child ul li a:active, nav li.has-child ul li a:hover {
  background: hsla(0, 0%, 100%, .2)
}

.g-nav-openbtn {
  display: none
}

.nav01c li a {
  position: relative
}

.nav01c li.current a {
  color: #333
}

.nav01c li a:hover {
  color: #585858
}

.nav01c li a:after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 5px;
  background: #333;
  transition: all .3s;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: left top;
  transform-origin: left top
}

.nav01c li li a:after {
  display: none
}

.nav01c li.current a:after, .nav01c li a:hover:after {
  -ms-transform: scale(1);
  transform: scale(1)
}

.nav01c li.g-navi__langage {
  position: relative;
  display: -ms-flexbox;
  display: flex
}

.nav01c li.g-navi__langage:before {
  content: "";
  border: 1px solid #333;
  position: absolute;
  top: 20px;
  width: 130%;
  height: 40px;
  left: -15%
}

.nav01c li.g-navi__langage a {
  font-weight: 400!important
}

.nav01c li.g-navi__langage a:before {
  display: none
}

.nav01c li.g-navi__langage a:hover {
  opacity: .5
}

.nav01c li.g-navi__langage a:hover:after {
  -ms-transform: scale(0);
  transform: scale(0)
}

.nav01c li.g-navi__langage a.lang-ja {
  font-weight: 700!important
}

.nav01c li.g-navi__langage span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 4px
}

.group .nav01c li.g-navi__group a:after, .history .nav01c li.g-navi__history a:after, .message .nav01c li.g-navi__message a:after, .movie .nav01c li.g-navi__movie a:after, .news .nav01c li.g-navi__news a:after, .special .nav01c li.g-navi__special a:after {
  -ms-transform: scale(1);
  transform: scale(1)
}

.img-box-hover {
  width: 100%;
  overflow: hidden
}

.img-box-hover img {
  transition: all .7s
}

.box-hover:hover img, .img-box-hover img:hover {
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  transition: all .7s
}

.main {
  -ms-flex: 1;
  flex: 1;
  overflow-x: hidden
}

.modal-video-inner {
  padding: 0 15px
}

.modal-video-movie-wrap {
  width: 100%;
  height: auto!important;
  aspect-ratio: 16/9;
  margin: 0 auto;
  padding-top: 45%;
  padding-bottom: 0!important;
  position: relative
}

.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.modal-video-close-btn {
  right: 0!important
}

#c-page-top {
  opacity: 0
}

.c-page-top__btn {
  position: fixed;
  right: 10px;
  bottom: 25px;
  z-index: 15;
  width: 48px;
  height: 48px;
  background: #dbdbdb;
  border-radius: 50%;
  border: 1px solid #dbdbdb;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  box-shadow: -2px 2px 2px 1px rgba(0, 0, 0, .06);
  transition: all .4s
}

.c-page-top__btn:before {
  background-color: #333;
  width: 15px;
  height: 1px;
  margin-top: 0
}

.c-page-top__btn:after, .c-page-top__btn:before {
  position: absolute;
  top: 50%;
  right: 15px;
  content: "";
  transition: all .4s
}

.c-page-top__btn:after {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  display: inline-block;
  vertical-align: middle
}

.c-page-top__btn:hover {
  border: 1px solid #efefef
}

.c-page-top__btn:hover:before {
  right: 8px;
  background-color: #585858
}

.c-page-top__btn:hover:after {
  right: 8px
}

.site-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.c-title {
  font-size: clamp(28px, 2.7636363636vw, 38px);
  opacity: 0
}

.c-title, .c-title__page {
  line-height: 1.4;
  letter-spacing: .08em
}

.c-title__page {
  font-family: Oswald, sans-serif;
  font-size: clamp(21px, 1.7454545455vw, 24px);
  margin: 0 auto;
  padding-bottom: 20px;
  position: relative
}

.c-title__page:after {
  position: absolute;
  content: "";
  height: 1px;
  width: 80px;
  background: #f5f5f5;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -2px
}

.c-text__top {
  font-size: clamp(18px, 1.4545454545vw, 20px)
}

.c-text__top, .c-text__under {
  line-height: 1.8;
  letter-spacing: .05em
}

.c-text__under {
  font-size: 18px
}

.c-text__en-font {
  font-family: Oswald, sans-serif;
  font-weight: 700;
  letter-spacing: .1em;
  color: #002977
}

.p-breadcrumb {
  background: #333;
  padding: 10px 0
}

.p-breadcrumb__inner {
  max-width: 1250px
}

.p-breadcrumb__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.p-breadcrumb__item {
  font-size: 12px;
  letter-spacing: .05em;
  color: hsla(0, 0%, 100%, .5)
}

.p-breadcrumb__item+.p-breadcrumb__item {
  margin-left: 5px
}

.p-breadcrumb__item a {
  display: inline-block;
  color: #fff
}

.p-breadcrumb__item a:hover {
  text-decoration: underline
}

#pop-up, .overlay {
  display: none
}

#pop-up:checked+.overlay {
  display: block;
  z-index: 9999;
  background-color: rgba(0, 0, 0, .4392156863);
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0
}

.window {
  max-width: 80%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.close {
  cursor: pointer;
  position: absolute;
  top: -60px;
  right: -60px;
  font-size: 40px;
  color: #fff
}

@media screen and (min-width:768px) {
  html {
    font-size: 1.4545454545vw
  }
}

@media(min-width:1100px) {
  html {
    font-size: 16px
  }
}

@media screen and (min-width:1368px) {
  .p-topHistory__text-col {
    width: 400px;
    right: 21vw
  }
  .history-wrapper {
    padding-right: 0;
    padding-left: 0
  }
}

@media screen and (max-width:1365px) {
  .p-top .p-topGroup-news__group-col {
    background-size: contain
  }
}

@media screen and (max-width:1335px) {
  .history-nav__link .nav-ttl__black br {
    display: block
  }
}

@media screen and (max-width:1200px) {
  nav ul li.has-child:before {
    right: 20px
  }
}

@media screen and (max-width:1150px) {
  #splash_logo img.loding-text__img {
    width: 25%
  }
  .l-header__inner {
    gap: 10px
  }
  .l-page-content {
    padding: 0 5vw
  }
  .p-top .p-lead__text-col {
    right: 1vw
  }
  .p-top .p-topGroup-news__group-col {
    background-position: 100%
  }
  .p-top .p-topGroup-news__text-col {
    padding-left: 5vw;
    padding-top: 90px
  }
  .news-archive-list li .news-title {
    font-size: 15px;
    width: 80%
  }
  .news-archive-list li .news-date {
    font-size: 16px;
    width: 20%
  }
  .p-news .page-mv__news-detail {
    padding: 30px 5vw
  }
  .history-wrapper {
    padding-right: 0;
    padding-left: 0
  }
  .history-nav__item:first-of-type::before {
    background-position-x: -40px
  }
  .history-nav.sub .history-nav__item:first-of-type::before {
    background-position: 25%
  }
  .p-history-content .p-history-list__item .desc-wrapper .desc-container {
    width: calc(50% - 50px)
  }
  .p-history-topic__inner {
    padding: 0 3vw
  }
  .p-history-topic__item.text {
    padding-right: 35px
  }
  .history-wrapper.DNA-wrapper {
    padding: 100px 5vw!important
  }
  .p-history .l-page-content {
    padding: 60px 5vw
  }
}

@media screen and (max-width:1040px) {
  .u-md {
    display: block
  }
  a[href^="tel:"] {
    pointer-events: unset
  }
  #splash_logo img.loding-logo__img {
    width: 15%;
    min-width: 150px
  }
  #splash_logo img.loding-text__img {
    width: 30%
  }
  .l-header__inner {
    padding: 0;
    display: block
  }
  .l-header__logo {
    width: 100%;
    height: 80px;
    padding: 0 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    position: absolute;
    z-index: 2
  }
  .l-page-title {
    height: 100px
  }
  .l-page-mv {
    height: 236px
  }
  .p-top .p-lead {
    background-position: 30%
  }
  .p-top .p-lead__inner {
    width: 67%
  }
  .p-top .p-lead__text-col {
    max-width: calc(380px + 5vw);
    padding: 0 30px;
    width: 55vw;
    right: 0;
    left: 12vw
  }
  .p-top .p-topMessage__text-col .message-br__none {
    display: none
  }
  .p-top .p-topGroup-news__group-col {
    height: 370px;
    background-position: 115%
  }
  .news .page-mv__news {
    background-image: url(../img/news-mv-sp.jpg)
  }
  .news-archive-list {
    margin-top: 65px;
    margin-bottom: 50px
  }
  .news-archive-list li div {
    padding: 0
  }
  .news-archive-list li .news-external {
    top: 36.2px
  }
  .p-news .page-mv__news-detail {
    padding: 50px 5%;
    height: auto
  }
  .history-nav__item:first-of-type::before {
    background: url(../img/history/foundation-head-menu-sp.jpg) no-repeat 50%/cover
  }
  .history-nav__item:nth-of-type(2):before {
    background: url(../img/history/1873-1945-header-menu-small.jpg) no-repeat 50%/cover
  }
  .history-nav__item:nth-of-type(3):before {
    background: url(../img/history/1946-1969-header-menu-small.jpg) no-repeat 50%/cover
  }
  .history-nav__item:nth-of-type(4):before {
    background: url(../img/history/1970-1989-head-menu-small.jpg) no-repeat 50%/cover
  }
  .history-nav__item:nth-of-type(5):before {
    background: url(../img/history/1990-2005-head-menu.jpg) no-repeat 50%/cover
  }
  .history-nav__item:nth-of-type(6):before {
    background: url(../img/history/2006-2022-head-menu-small.jpg) no-repeat 50%/cover
  }
  .history-nav__link {
    padding: 15px 0
  }
  .history-nav__link:after, .history-nav__link:before {
    content: none
  }
  .history-nav__link .nav-year {
    font-size: 17px
  }
  .history-nav__link .nav-ttl {
    display: none
  }
  .history-nav__link .front-ttl {
    font-size: 17px
  }
  .history-nav__link.front .pc {
    display: none
  }
  .history-nav__link.front .sp {
    display: inline-block
  }
  .history-nav.sub .history-nav__item:first-of-type::before {
    background: url(../img/history/foundation-head-menu-small.jpg) no-repeat 50%/cover
  }
  .p-history-title .history-wrapper {
    margin-top: -8px
  }
  .p-founder .p-history-title {
    padding-left: calc(22vw + 150px);
    padding-right: 2vw
  }
  .p-history-content .p-history-list__item .desc-wrapper .desc-container {
    width: calc(50% - 35px)
  }
  .p-history-content .p-history-list__item .desc-wrapper .desc-container .desc-bottom {
    -ms-grid-rows: auto auto;
    -ms-grid-columns: 65px 1fr;
    grid-template: "a b" "a c"/65px 1fr
  }
  .p-history-content .p-history-list__item .desc-wrapper .desc-container .desc-bottom__year {
    font-size: 26px;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1
  }
  .p-history-content .p-history-list__item .desc-wrapper .desc-container .desc-bottom__ttl {
    -ms-grid-row: 1;
    -ms-grid-column: 2
  }
  .p-history-content .p-history-list__item .desc-wrapper .desc-container .desc-bottom__place {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    font-size: 12px;
    margin-top: 8px
  }
  .p-history-topic__items {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 60px 30px
  }
  .p-history-topic__item.text {
    width: 100%;
    padding: 0
  }
  .p-history-topic__item.image {
    width: 100%
  }
  .director-content {
    width: 100%;
    margin-bottom: 50px
  }
  .director-content-item .director-profile {
    width: calc(100% - 240px)
  }
  .DNA-content__items {
    gap: 25px
  }
  .DNA-content__item {
    width: calc(50% - 25px)
  }
  .DNA-content__item-title {
    padding-left: 15px;
    border-left: 8px solid #002977
  }
  .p-history-bottom-nav__desc {
    padding: 5px
  }
  .p-history-bottom-nav__desc .icon span:before {
    -ms-transform: scale(.85);
    transform: scale(.85)
  }
  .p-history-bottom-nav .p-history-bottom-btn {
    padding: 20px 0
  }
  .p-message__img {
    top: 0
  }
  .p-message__subtitle {
    font-size: clamp(22px, 4.1720990874vw, 32px)
  }
  .p-message__name {
    width: 180px
  }
  .p-history__item-body {
    padding: 20px 60px 20px 40px
  }
  .p-history__item-body .c-arrow__round:before {
    top: -16px
  }
  .p-history__item-heading {
    font-size: clamp(25px, 3.0769230769vw, 32px)
  }
  .p-history__item-year {
    font-size: clamp(24px, 2.6923076923vw, 28px)
  }
  .p-history__item-title {
    font-size: clamp(21px, 2.3076923077vw, 24px);
    line-height: 1.4
  }
  .p-group__item {
    width: calc(50% - 15px);
    margin-bottom: 30px
  }
  .p-group__item:not(:nth-child(odd)) {
    margin-left: 30px
  }
  .group__br-pc {
    display: none
  }
  .group__br-sp {
    display: block
  }
  .p-movie .page-mv__movie {
    background: url(../img/movie-mv-sp.jpg) no-repeat 50%/cover
  }
  .p-movie__item {
    width: calc(50% - 20px)
  }
  .p-movie__item:not(:nth-child(odd)) {
    margin-left: 40px
  }
  .c-arrow__round, .c-btn__link {
    font-size: 16px
  }
  .c-arrow__round:before {
    width: 36px;
    height: 36px
  }
  .c-arrow__round:after {
    width: 13px;
    height: 4px
  }
  nav ul li.no-child a:before {
    content: "";
    width: 15px;
    height: 4px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    -ms-transform: skew(45deg);
    transform: skew(45deg);
    position: absolute;
    z-index: 5;
    top: 45%;
    right: 14px;
    transition: all .4s
  }
  nav ul li.no-child a:hover:before {
    right: 9px;
    transition: all .4s
  }
  nav ul li.has-child:before {
    content: "";
    position: absolute;
    top: 20px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
  }
  nav li.has-child ul {
    position: absolute;
    left: 0;
    top: 62px;
    z-index: 4;
    background: hsla(0, 0%, 100%, .2);
    width: 180px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    overflow: hidden
  }
  nav {
    padding: 0
  }
  nav ul {
    display: block
  }
  nav ul li a {
    border-bottom: 1px solid #ccc
  }
  nav ul li.has-child:before {
    right: 20px
  }
  nav ul ul li.has-child:before {
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 20px
  }
  nav ul li.has-child.active:before {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  #g-nav {
    position: fixed;
    z-index: 1;
    top: -120%;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    transition: all .6s;
    z-index: 10
  }
  #g-nav.panelactive {
    top: 0
  }
  #g-nav.panelactive #g-nav-list {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch
  }
  #g-nav ul {
    width: 90%;
    margin: 100px auto 0
  }
  #g-nav ul ul {
    width: 100%;
    margin: 0
  }
  #g-nav ul li.has-child ul {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    visibility: visible;
    opacity: 1;
    display: none;
    transition: none;
    -ms-transform: none;
    transform: none
  }
  #g-nav li {
    list-style: none;
    text-align: center
  }
  #g-nav li a {
    color: #333;
    text-decoration: none;
    padding: 10px;
    display: block;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 700
  }
  #g-nav li a:hover {
    color: #585858
  }
  .g-nav-openbtn {
    display: block;
    position: fixed;
    z-index: 9999;
    top: 15px;
    right: 15px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    z-index: 11
  }
  .g-nav-openbtn .openbtn-area {
    transition: all .4s
  }
  .g-nav-openbtn span {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    background: #333;
    width: 45%
  }
  .g-nav-openbtn span:first-of-type {
    top: 15px
  }
  .g-nav-openbtn span:nth-of-type(2) {
    top: 23px
  }
  .g-nav-openbtn span:nth-of-type(3) {
    top: 31px
  }
  .g-nav-openbtn.active .openbtn-area {
    transform: rotateY(-1turn)
  }
  .g-nav-openbtn.active span:first-of-type {
    top: 18px;
    left: 18px;
    -ms-transform: translateY(6px) rotate(-135deg);
    transform: translateY(6px) rotate(-135deg);
    width: 30%
  }
  .g-nav-openbtn.active span:nth-of-type(2) {
    opacity: 0
  }
  .g-nav-openbtn.active span:nth-of-type(3) {
    top: 30px;
    left: 18px;
    -ms-transform: translateY(-6px) rotate(135deg);
    transform: translateY(-6px) rotate(135deg);
    width: 30%
  }
  .nav01c li.current a:after, .nav01c li a:hover:after {
    -ms-transform: scale(0);
    transform: scale(0)
  }
  .nav01c li.g-navi__langage:before {
    border: none;
    width: 100%
  }
  .nav01c li.g-navi__langage {
    margin-top: 20px;
    -ms-flex-pack: center;
    justify-content: center
  }
  .nav01c li.g-navi__langage a {
    border: none
  }
  .group .nav01c li.g-navi__group a:after, .history .nav01c li.g-navi__history a:after, .message .nav01c li.g-navi__message a:after, .movie .nav01c li.g-navi__movie a:after, .news .nav01c li.g-navi__news a:after, .special .nav01c li.g-navi__special a:after {
    display: none
  }
}

@media screen and (max-width:1040px) and (max-width:767px) {
  .l-header__logo {
    height: 70px
  }
  .g-nav-openbtn {
    top: 10px
  }
}

@media screen and (max-width:1040px) and (max-width:440px) {
  .l-header__logo {
    padding: 0 15px 0 12px
  }
  #g-nav li a {
    letter-spacing: 0
  }
  .g-nav-openbtn {
    right: 2px
  }
}

@media screen and (max-width:900px) {
  .p-history-content .p-history-list__item .desc-wrapper .desc-container {
    width: calc(50% - 22px)
  }
}

@media screen and (max-width:880px) {
  .p-top .p-topGroup-news__group-col {
    background-position: 44vw
  }
}

@media screen and (max-width:767px) {
  .u-pc {
    display: none
  }
  .u-sp {
    display: block
  }
  body {
    font-size: 16px
  }
  a:hover {
    opacity: 1
  }
  #splash_logo .splash_text_inner {
    width: 80%
  }
  #splash_logo img.loding-text__img {
    min-width: 320px;
    width: 60%
  }
  .l-header {
    height: 70px
  }
  .l-page-content {
    padding: 0 5vw;
    margin: 50px 0 100px
  }
  .l-inner {
    padding-right: 20px;
    padding-left: 20px
  }
  .l-footer {
    height: 170px
  }
  .l-footer__inner {
    -ms-flex-direction: column;
    flex-direction: column
  }
  .l-footer__left-col {
    margin-bottom: 20px;
    padding-left: 30px
  }
  .l-footer__left-col, .l-footer__left-col a {
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
  }
  .l-footer__left-col a {
    display: block
  }
  .l-footer__left-col span {
    display: none
  }
  .l-footer__right-col {
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding-left: 30px
  }
  .l-btn {
  text-align: center;
  padding-top: 0.5rem;
  }
  .p-top .p-lead.box, .p-top .p-topHistory.box, .p-top .p-topSpecial.box {
    height: 800px!important
  }
  .p-top .p-topMessage.box, .p-top .p-topMovie.box {
    height: auto!important
  }
  .p-top .p-mainVisual {
    height: 100vh
  }
  .p-top .p-mainVisual__logo {
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    padding: 0 0 0 30px;
    margin: -55px 0 0 0
  }
  .p-top .p-mainVisual__logo img {
    width: 80%;
    top: 145px;
    left: 15px;
    position: absolute
  }
  .p-mainVisual__text {
    width: 100%;
    padding: 0;
    position: absolute;
    left: 2rem;
    bottom: 4rem;
    font-family: Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Yu Gothic, Meiryo, sans-serif;
    color: #fff;
    z-index: 2
  }
  .p-mainVisual__text2 {
    font-size: 33px;
    text-shadow: 2px 2px 10px #000
  }
  .p-mainVisual__text3 {
    font-size: 23px;
    text-shadow: 2px 2px 10px #000
  }
  .p-top #mainSlide {
    width: 100%;
    height: 100vh
  }
  .p-top .p-lead {
    min-height: 550px;
    background-size: auto 65%;
    background-repeat: no-repeat;
    background-position: 15% top
  }
  .p-top .p-lead__inner {
    width: 100%;
    height: 800px
  }
  .p-top .p-lead__inner-back-img {
    mix-blend-mode: normal
  }
  .p-top .p-lead img.p-lead__img01 {
    display: block;
    width: 100%;
    height: 10vh;
    height: 10dvh;
    bottom: 45.8vh;
    bottom: 45.8dvh
  }
  .p-top .p-lead img.p-lead__img02 {
    width: 100%;
    height: 46vh;
    height: 46dvh;
    bottom: 0;
    mix-blend-mode: normal
  }
  .p-top .p-lead__text-col {
    width: 100%;
    max-width: 650px;
    height: 47vh;
    height: 47dvh;
    display: -ms-flexbox;
    display: flex;
    bottom: 5px;
    padding: 0 30px;
    -ms-flex-align: center;
    align-items: center;
    left: 0
  }
  .p-top .p-lead .c-text__top {
    margin-top: 15px
  }
  .p-top .p-topMessage {
    background-image: url(../img/topMessage-back-sp.jpg)
  }
  .p-top .p-topMessage__inner {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 60px 30px 65px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    max-width: 420px;
    margin: -15px auto
  }
  .p-top .p-topMessage__inner .c-title {
    margin-top: 10px;
    margin-bottom: 15px
  }
  .p-top .p-topMessage__text-col {
    width: auto;
    padding-top: 40px
  }
  .p-top .p-topMessage__text-col .p-topMessage__name {
    font-size: clamp(22px, 5.4545454545vw, 24px)
  }
  .p-top .p-topMessage__img-col {
    width: auto;
    margin-top: 20px
  }
  .p-top .p-topMessage__img-col img {
    max-width: 450px
  }
  .p-top .p-topMessage__img-col.topMessage__img-pc {
    display: none
  }
  .p-top .p-topMessage__img-col.topMessage__img-sp {
    display: block
  }
  .p-topHistory__inner {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .p-topHistory__inner .c-text__en-font {
    color: #fff
  }
  .p-topHistory__back-01 {
    height: 800px
  }
  .p-topHistory__text-col {
    width: 100%;
    right: 0;
    padding: 0 30px
  }
  .p-topMovie {
    background-image: url(../img/topmovie-back01-sp.jpg)
  }
  .p-topMovie__inner {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .p-topMovie__text-col {
    width: auto;
    right: 0;
    padding: 70px 30px 15px
  }
  .p-topMovie__img-col {
    width: auto;
    right: 0;
    padding: 0 30px 70px
  }
  .p-topMovie__img-col img {
    max-width: 450px
  }
  .p-topSpecial {
    background-position: center;
    min-height: 880px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .p-topSpecial__text-col {
    width: 100%;
    right: 0;
    padding: 0 30px
  }
  .p-topSpecial__img-col {
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 370px;
    right: 0;
    padding: 0 2rem;
  }
  .p-topSpecial, .p-topSpecial__inner {
    height: 100vh;
    height: 100dvh;
    display: -ms-flexbox;
    display: flex;
  }
  .two-column ul {
    width: 100%;
  }
  .two-column li {
    width: 100%;
    display: flex;
    background-color: rgba(255,255,255,0.9);
    padding: 2rem 0;
    margin: 0 0 1rem 0;
  }
  .two-column li {
    text-align: center;
  }
  .p-top .p-topGroup-news__group-col {
    height: 90vw;
    min-height: 580px;
    background-image: url(../img/Top-group-img01-sp.jpg);
    background-position: bottom;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .p-top .p-topGroup-news__text-col {
    padding: 65px 30px 0
  }
  .p-top .p-topGroup-news__news-en-title {
    margin: 60px auto -20px
  }
  .news-archive-list li {
    padding: 10px 0 18px
  }
  .news-archive-list li .news-archive-item-link {
    display: block
  }
  .news-archive-list li .news-title {
    font-size: 16px;
    width: 100%;
    padding-left: 0;
    padding-top: 5px
  }
  .news-archive-list li .news-date {
    border-top: 1px solid #002977;
    display: block;
    font-size: 16px;
    margin-bottom: 12px;
    width: 100%;
    padding-top: 10px
  }
  .news-archive-list li:last-child .news-date {
    border-bottom: none;
    padding-bottom: 0
  }
  .p-news .page-mv__news-detail {
    padding: 30px;
    height: auto
  }
  .p-news-detail {
    margin-top: 0
  }
  .founder-br-sp {
    display: block
  }
  .founder-br-pc {
    display: none
  }
  .history-nav__item:first-of-type::before {
    background: url(../img/history/foundation-head-menu-sp.jpg) no-repeat 50%/cover
  }
  .history-nav__link {
    padding: 8px 0
  }
  .history-nav__link .front-ttl, .history-nav__link .nav-year {
    font-size: 12px
  }
  .history-nav.is-sticked, .history-nav.sub.is-fadein {
    top: 70px
  }
  .p-history-title {
    background: url(../img/history/history-contents-back-sp.jpg) no-repeat 50%/cover;
    aspect-ratio: 3.7/2.9
  }
  .p-history-title .history-wrapper, .p-history-title__inner {
    -ms-flex-direction: column;
    flex-direction: column
  }
  .p-history-title__inner {
    gap: 5px
  }
  .p-history-title__item {
    padding: 0;
    margin-left: 0
  }
  .p-history-title__item.text {
    font-size: clamp(24px, 1.8909090909vw, 26px)
  }
  .p-history-title__item.year {
    font-size: clamp(26px, 3.9113428944vw, 30px);
    display: block;
    margin-right: 0;
    margin-bottom: 10px
  }
  .p-founder .p-history-title {
    background-size: 150%;
    background-position: 25% bottom;
    padding-left: calc(25vw + 80px);
    aspect-ratio: auto
  }
  .p-founder .p-history-title__inner {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    padding-top: 25px;
    padding-bottom: 15px;
    text-align: center
  }
  .p-founder .p-history-title__heading {
    font-size: clamp(13px, 2.0860495437vw, 16px);
    margin-bottom: 20px
  }
  .p-founder .p-history-title__heading span {
    font-size: clamp(25px, 4.1720990874vw, 32px);
    border-bottom: 7px solid #c7c78f
  }
  .p-founder .p-history-title__text {
    font-size: clamp(13px, 2.3468057366vw, 18px)
  }
  .history-sub-ttl-sp {
    display: block
  }
  .p-history-content .p-history-list.history-list__pat70 {
    padding-top: 50px
  }
  .p-history-content .p-history-list .year {
    font-size: clamp(27px, 5.8670143416vw, 45px);
    padding: 30px 0 30px 20px
  }
  .p-history-content .p-history-list .year:before {
    font-size: 10px;
    left: -6px
  }
  .p-history-content .p-history-list .year.year__top-position {
    margin-top: 0;
    padding-bottom: 50px
  }
  .p-history-content .p-history-list__item .desc-wrapper .desc-container.desc-container__mab0-SpNone {
    margin-bottom: 50px
  }
  .p-history-content .p-history-list__item .desc-wrapper {
    padding-left: 20px
  }
  .p-history-content .p-history-list__item .desc-wrapper.desc-container__pat90 {
    padding-top: 50px
  }
  .p-history-content .p-history-list__item .desc-wrapper .desc-container {
    width: 100%;
    margin-bottom: 50px
  }
  .p-history-content .p-history-list__item .desc-wrapper .desc-container .desc-bottom {
    -ms-grid-rows: auto auto;
    -ms-grid-columns: 60px 1fr;
    grid-template: "a b" "a c"/60px 1fr;
    line-height: 1.2
  }
  .p-history-content .p-history-list__item .desc-wrapper .desc-container .desc-bottom__year {
    font-size: clamp(22px, 3.1290743155vw, 24px)
  }
  .p-history-content .p-history-list__item .desc-wrapper .desc-container .desc-bottom__ttl {
    font-size: 20px
  }
  .p-history-content .p-history-list__item .desc-wrapper .desc-container .desc-bottom__year {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1
  }
  .p-history-content .p-history-list__item .desc-wrapper .desc-container .desc-bottom__ttl {
    -ms-grid-row: 1;
    -ms-grid-column: 2
  }
  .p-history-content .p-history-list__item .desc-wrapper .desc-container .desc-bottom__place {
    -ms-grid-row: 2;
    -ms-grid-column: 2
  }
  .p-history-topic.p-history-topic__mat50 {
    margin-top: 40px
  }
  .p-history-topic__items {
    padding: 30px 18px;
    gap: 25px
  }
  .p-history-topic__item.text h3.p-history-topic__title {
    font-size: 20px
  }
  .p-history-topic__item.text .p-history-topic__detail-txt {
    font-size: clamp(13px, 2.3468057366vw, 14px)
  }
  .p-history-topic__item.image .topic-image__mab30 {
    margin-bottom: 20px
  }
  .founder-content__ttl {
    font-size: clamp(17px, 2.3468057366vw, 18px)
  }
  .p-founder .p-history .founder-content {
    padding-top: 0
  }
  .founder-content__col {
    margin-bottom: 50px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .founder-content__img01_col {
    width: 100%;
    margin-left: 0;
    margin-bottom: 15px
  }
  .founder__txt01 {
    width: 100%
  }
  .founder-content__img02_col {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px
  }
  .founder__txt02 {
    width: 100%
  }
  .founder-content__img03_col {
    width: 100%;
    margin-left: 0;
    margin-bottom: 15px
  }
  .founder__txt03 {
    width: 100%
  }
  .director-content-item {
    -ms-flex-direction: column;
    flex-direction: column
  }
  .director-content-item img {
    width: 50%;
    height: auto;
    margin: 0 auto 20px
  }
  .director-content-item .director-profile {
    width: 100%
  }
  .director-content-item .director-profile .director-name {
    font-size: 18px
  }
  .director-content-item .director-profile .director-name span {
    font-size: 14px
  }
  .history-wrapper.DNA-wrapper {
    padding: 50px 30px!important
  }
  .DNA-content__title {
    background: url(../img/history/founder_img05-sp.jpg) no-repeat 50%/cover;
    aspect-ratio: 1.8/1
  }
  .DNA-content__title .p-history-title__DNA-heading {
    font-size: clamp(20px, 3.259452412vw, 25px);
    padding-top: 20px
  }
  .DNA-content__title .p-history-title__DNA-heading span {
    font-size: clamp(15px, 2.6075619296vw, 20px)
  }
  .DNA-content__lead {
    margin: 30px auto 60px
  }
  .DNA-content__lead-txt {
    font-size: clamp(18px, 2.6075619296vw, 20px)
  }
  .DNA-content__lead-note {
    font-size: clamp(14.5px, 2.0860495437vw, 16px)
  }
  .DNA-content__item {
    width: 100%
  }
  .DNA-content__item .DNA-number {
    width: 20%
  }
  .DNA-content__item-title {
    font-size: clamp(18px, 2.7379400261vw, 21px)
  }
  .DNA-content__item-detail {
    font-size: clamp(15px, 1.9556714472vw, 15px)
  }
  .p-history-bottom-nav h2 {
    padding: 0 0 50px
  }
  .p-history-bottom-nav__item {
    width: 100%
  }
  .p-history-bottom-nav__desc .text {
    height: auto
  }
  .p-history-bottom-nav__desc .icon span:before {
    -ms-transform: scale(1);
    transform: scale(1)
  }
  .p-history-bottom-nav .p-history-bottom-btn {
    padding: 10px 0
  }
  .p-message .l-page-content {
    padding-top: 50px
  }
  .p-message__wrapper:before {
    height: 540px;
    background: url(../img/message-bg_sp.jpg) no-repeat 50%/cover
  }
  .p-message__img {
    width: 90px;
    max-width: 50%;
    right: 8%
  }
  .p-message__body {
    width: 100%
  }
  .p-message__subtitle {
    width: 75%;
    font-size: clamp(17px, 4.7727272727vw, 21px);
    line-height: 1.65
  }
  .p-message__name {
    width: 116px;
    margin-top: 20px
  }
  .p-message__text {
    font-size: 16px;
    line-height: 1.875;
    margin-top: 185px
  }
  .p-message__year {
    font-size: 16px;
    margin-top: 35px
  }
  .p-message__subtext {
    font-size: 20px
  }
  .p-message__subtext span {
    display: block;
    margin-right: 0;
    font-size: 16px
  }
  .p-history .l-page-content {
    padding: 60px 30px
  }
  .p-history .c-title {
    margin-bottom: 25px
  }
  .p-history .c-text__under {
    margin-bottom: 40px
  }
  .p-history .box-hover:hover .c-arrow__round:after, .p-history .c-btn__link:hover .c-arrow__round:after {
    right: 5px
  }
  .p-history__items {
    width: 100%;
    max-width: 500px;
    margin-bottom: 50px
  }
  .p-history__item+.p-history__item {
    margin-top: 20px
  }
  .p-history__item-img.img-box-hover {
    width: 41%;
    min-width: unset
  }
  .p-history__item-body {
    width: 59%;
    min-height: 80px;
    padding: 5px 30px 5px 10px
  }
  .p-history__item-body .c-btn__link {
    right: 5px;
    bottom: 10px
  }
  .p-history__item-body .c-arrow__round:before {
    width: 23px;
    height: 23px;
    top: -10px
  }
  .p-history__item-body .c-arrow__round:after {
    width: 10px;
    right: 8px;
    margin-top: -1px
  }
  .p-history__item-heading {
    font-size: clamp(16px, 2.2164276402vw, 17px)
  }
  .p-history__item-year {
    font-size: clamp(15.5px, 2.0860495437vw, 16px)
  }
  .p-history__item-title {
    font-size: clamp(12.5px, 1.6949152542vw, 13px);
    line-height: 1.4;
    margin-top: 5px
  }
  .p-group__items {
    display: block;
    margin-top: 0;
    margin-bottom: 100px
  }
  .p-group__item {
    width: 100%;
    min-height: 172px;
    max-width: 500px;
    margin: 0 auto 30px
  }
  .p-group__item:not(:nth-child(odd)) {
    margin-left: auto
  }
  .p-group__item:first-child .p-group__item-logo {
    width: 306px
  }
  .p-group__item:nth-child(2) .p-group__item-logo {
    width: 141px
  }
  .p-group__item:nth-child(3) .p-group__item-logo {
    width: 164px
  }
  .p-group__item:nth-child(4) .p-group__item-logo {
    width: 192px
  }
  .p-group__item:nth-child(5) .p-group__item-logo {
    width: 176px
  }
  .p-group__item:nth-child(6) .p-group__item-logo {
    width: 199px
  }
  .p-group__item:nth-child(7) .p-group__item-logo {
    width: 170px
  }
  .p-group__item:last-child .p-group__item-logo {
    width: 220px
  }
  .p-group__item-inner {
    padding: 10px 15px
  }
  .p-group__item-type {
    font-size: 12px
  }
  .p-group__item-text.c-text__under {
    font-size: clamp(14px, 1.9556714472vw, 15px);
    line-height: 1.7
  }
  .p-movie__items {
    display: block;
    margin-top: 0;
    margin-bottom: 100px
  }
  .p-movie__item {
    width: 315px;
    max-width: 100%;
    margin: 0 auto 30px
  }
  .p-movie__item:not(:nth-child(odd)) {
    margin-left: auto
  }
  .p-movie__item-img {
    margin-bottom: 10px
  }
  .p-movie__item-text {
    line-height: 1.8
  }
  .nav01c li a:after {
    display: none
  }
  .c-title {
    font-size: clamp(23px, 4.1297935103vw, 28px)
  }
  .c-title__page {
    letter-spacing: .1em
  }
  .c-title__page:after {
    bottom: 0
  }
  .c-title__page {
    font-size: clamp(18px, 2.9498525074vw, 20px)
  }
  .c-text__top {
    font-size: clamp(16px, 2.6548672566vw, 18px)
  }
  .c-text__under {
    font-size: 16px
  }
  .window {
    max-width: 90%
  }
  .close {
    top: -50px;
    right: -10px;
    font-size: 30px
  }
}

@media screen and (max-width:440px) {
  .u-ssp-up {
    display: none
  }
  .u-ssp {
    display: block
  }
  body {
    font-size: 15px;
    line-height: 1.8
  }
  #splash_logo img.loding-logo__img {
    min-width: 120px
  }
  #splash_logo img.loding-text__img {
    min-width: 250px;
    width: 80%
  }
  .loader_cover {
    height: 50.1%
  }
  .l-header__logo img {
    width: 88%;
    margin-top: 3px
  }
  .l-page-content {
    padding: 0 30px
  }
  .l-footer .l-footer_copy br {
    display: block
  }
  .p-top .p-lead.box {
    height: 800px!important
  }
  .p-top .p-topHistory.box {
    height: 700px!important
  }
  .p-top .p-lead {
    background-size: auto 70%;
    background-image: url(../img/lead-back-sp.jpg)
  }
  .p-top .p-lead img.p-lead__img01 {
    bottom: 47.8vh;
    bottom: 47.8dvh
  }
  .p-top .p-lead img.p-lead__img02 {
    height: 47.9vh;
    height: 47.9dvh
  }
  .p-topHistory__back-01 {
    height: 700px
  }
  .p-topMovie__text-col {
    padding-top: 50px
  }
  .p-topMovie__img-col {
    padding-bottom: 50px
  }
  .p-top .p-topGroup-news__group-col {
    height: 500px;
    min-height: unset
  }
  .p-top .p-topGroup-news__text-col {
    padding: 45px 30px 0
  }
  .p-top .top-news-list .news-archive-list li .news-date, .p-top .top-news-list .news-archive-list li .news-title {
    font-size: 14px
  }
  .news .l-page-content {
    min-height: 200px
  }
  .news-archive-list li .news-date, .news-archive-list li .news-title {
    font-size: 14px
  }
  .p-news-index-link p {
    font-size: 13.5px
  }
  .history-nav__link {
    padding: 2px 0
  }
  .p-founder .p-history-title {
    aspect-ratio: auto;
    background: url(../img/history/history-contents-back-founder-sp.jpg) no-repeat 50%/cover;
    padding-right: 5vw;
    padding-left: 5vw;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 480px;
    background-position: bottom;
    background-size: 250px;
    background-color: #f2f2dc
  }
  .p-founder .p-history-title__inner {
    padding-top: 30px
  }
  .dna-content__img-cap, .founder-content__img-cap {
    font-size: 11.5px
  }
  .director-content-item img {
    width: 100%
  }
  .DNA-content__title .p-history-title__DNA-heading {
    padding-top: 10px
  }
  .p-history-bottom-nav__desc {
    padding: 10px 20px 15px
  }
  .p-message__img {
    width: 106px;
    top: -2%;
    right: -5%
  }
  .p-message__subtitle {
    width: 65%
  }
  .p-history__item-body {
    padding: 5px 20px 5px 10px
  }
  .group .page-mv__group {
    background: url(../img/group-mv-sp.jpg) no-repeat 50%/cover
  }
  .p-group__item:first-child .p-group__item-logo {
    width: 396px
  }
  nav ul li.has-child .no-child a:before {
    right: 10px
  }
  nav ul li.has-child .no-child a:hover:before {
    right: 6px
  }
  .c-text__top {
    font-size: clamp(13.5px, 3.6363636364vw, 16px);
    line-height: 1.7
  }
}

@media(max-width:375px) {
  html {
    font-size: 4.2666666667vw
  }
}

@media(max-width:375px) and (max-height:640px) {
  .p-top .p-lead img.p-lead__img01 {
    bottom: 60vh;
    bottom: 60dvh
  }
  .p-top .p-lead img.p-lead__img02 {
    height: 60.2vh;
    height: 60.2dvh
  }
  .p-top .p-lead__text-col {
    height: 58.5vh;
    height: 58.5dvh
  }
}

@media(prefers-reduced-motion:reduce) {
  * {
    animation-duration: .01ms!important;
    animation-iteration-count: 1!important;
    transition-duration: .01ms!important;
    scroll-behavior: auto!important
  }
}
/*# sourceMappingURL=map/style.css.map */