@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@font-face {
  font-family: "YuMincho";
  font-weight: normal;
  
}
/*====================================================================
Reset
====================================================================*/
html {
  color: #000;
  background: #fff;
}

html, body, div, figure, section, header, footer, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-family: Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  line-height: 100%;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

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

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

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

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input,
textarea,
select {
  *font-size: 100%;
}

ol, ul {
  list-style: none;
}

a {
  text-decoration: none;
}

input,
button,
textarea,
select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
          appearance: none;
  line-height: 100%;
  box-sizing: border-box;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*-----------------------------------------------
@keyframes
------------------------------------------------*/
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes confetti {
  0% {
    opacity: 0;
    transform: rotateZ(15deg) rotateY(0deg) translate(0, 0);
  }
  25% {
    opacity: 1;
    transform: rotateZ(5deg) rotateY(360deg) translate(-5vw, 20vh);
  }
  50% {
    transform: rotateZ(15deg) rotateY(720deg) translate(5vw, 50vh);
  }
  75% {
    transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw, 70vh);
  }
  86% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotateZ(15deg) rotateY(1440deg) translate(10vw, 80vh);
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@keyframes fadeGrow {
  80% {
    opacity: 1;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
@keyframes growDown {
  to {
    transform: translateX(100%);
  }
}
/*====================================================================
siteHeader
====================================================================*/
.siteHeader {
  width: 100%;
  position: fixed;
  z-index: 6;
  top: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .siteHeader {
    padding: 0 1.684vw 0 4.1vw;
    max-width: 100vw;
  }
}
@media screen and (max-width: 768px) {
  .siteHeader {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .siteHeader__nav {
    position: relative;
    z-index: 15;
    pointer-events: none;
  }
}
.siteHeader__inner {
  padding: 0 23px 0 56px;
  margin: auto;
  max-width: 1366px;
  height: 79px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .siteHeader__inner {
    padding: 0 1.684vw 0 4.1vw;
    height: 5.783vw;
  }
}
@media screen and (max-width: 768px) {
  .siteHeader__inner {
    padding: 0;
    height: 54.5px;
    align-items: flex-start;
  }
}
.siteHeader__logoArea {
  max-width: 170px;
  width: 100%;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .siteHeader__logoArea {
    max-width: 12.445vw;
  }
}
@media screen and (max-width: 768px) {
  .siteHeader__logoArea {
    position: fixed;
    left: 19.5px;
    margin-top: 19.5px;
    max-width: 147.5px;
  }
}
.siteHeader__navList {
  padding: 0 20px;
  margin-bottom: 17px;
  transition: all 0.6s ease-in-out 0s;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .siteHeader__navList {
    padding: 0 1.464vw;
    margin-bottom: 1.245vw;
  }
}
@media screen and (max-width: 768px) {
  .siteHeader__navList {
    margin: 0;
    padding: 111px 0 40px 62px;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;
    flex-direction: column;
    align-items: flex-start;
    overflow: auto;
  }
}
@media screen and (max-width: 768px) {
  .siteHeader__navList.js-isOpen {
    visibility: visible;
    pointer-events: all;
    opacity: 1;
    background: rgba(0, 0, 0, 0.8);
  }
}
.siteHeader__navListItem:not(:first-child) {
  margin-left: 24px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .siteHeader__navListItem:not(:first-child) {
    margin-left: 1.757vw;
  }
}
@media screen and (max-width: 768px) {
  .siteHeader__navListItem:not(:first-child) {
    margin-top: 40px;
    margin-left: 0;
  }
}
.siteHeader__navListItem.u-languageSelect {
  margin-left: 43px;
}
@media screen and (max-width: 768px) {
  .siteHeader__navListItem.u-languageSelect {
    margin-left: 0;
    margin-top: 92.5px;
  }
}
.siteHeader__navListItemAnchor {
  transition: all 0.5s ease-in-out 0s;
}
@media screen and (min-width: 769px) {
  .siteHeader__navListItemAnchor:hover {
    opacity: 0.6;
  }
}
.siteHeader__navListItemAnchorText {
  font: 500 12.93px/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
  white-space: nowrap;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .siteHeader__navListItemAnchorText {
    font-size: 0.947vw;
  }
}
@media screen and (max-width: 768px) {
  .siteHeader__navListItemAnchorText {
    font-size: 17.5px;
  }
}
@media screen and (max-width: 768px) {
  .siteHeader__navListItemAnchorText {
    font-weight: 300;
  }
}
.siteHeader__navListItemSelector {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.siteHeader__navListItemLanText {
  font: 600 13px/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
  transition: all 0.5s ease-in-out 0s;
  white-space: nowrap;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .siteHeader__navListItemLanText {
    font-size: 0.988vw;
  }
}
@media screen and (max-width: 768px) {
  .siteHeader__navListItemLanText {
    font-size: 17.5px;
  }
}
@media screen and (min-width: 769px) {
  .siteHeader__navListItemLanText:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .siteHeader__navListItemLanText {
    font-weight: 300;
  }
}
.siteHeader__navListItemLanSeparator {
  height: 15px;
  width: 1px;
  background: #fff;
  margin: 0 11px;
}
@media screen and (max-width: 768px) {
  .siteHeader__navListItemLanSeparator {
    margin: 0 23px;
  }
}
.siteHeader__navButton {
  position: fixed;
  right: 0;
  width: 64.5px;
  height: 54.5px;
  background: #000;
  pointer-events: all;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  transition: all 0.6s ease-in-out 0s;
}
.siteHeader__navButton.js-isOpen {
  background: none;
}
.siteHeader__navButton.js-isOpen .siteHeader__navButtonBar:nth-child(1) {
  transform: rotate(45deg) translate(5px, 7px);
}
.siteHeader__navButton.js-isOpen .siteHeader__navButtonBar:nth-child(2) {
  opacity: 0;
}
.siteHeader__navButton.js-isOpen .siteHeader__navButtonBar:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -7px);
}
.siteHeader__navButtonBar {
  height: 1px;
  width: 26.5px;
  background: #dcdddd;
  margin: 4px auto;
  pointer-events: none;
  transition: all 0.6s ease-in-out 0s;
}
.siteHeader.u-darkTheme {
  background: #000;
}
.siteHeader.u-darkTheme .siteHeader__inner {
  background: #000;
}
.siteHeader.u-darkTheme .siteHeader__logoArea {
  z-index: 1;
}

/*====================================================================
siteFooter
====================================================================*/
.siteFooter {
  background-color: #231815;
  height: 96px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .siteFooter {
    height: 7.028vw;
  }
}
@media screen and (max-width: 768px) {
  .siteFooter {
    height: 78px;
  }
}
.siteFooter__copyrightText {
  font: 400 0.625rem/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .siteFooter__copyrightText {
    font-size: 0.732vw;
  }
}
@media screen and (max-width: 768px) {
  .siteFooter__copyrightText {
    font-size: 0.5625rem;
  }
}
.siteFooter__toTop {
  position: fixed;
  z-index: 4;
  bottom: 148px;
  right: 98px;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: all 0.6s ease 0s;
  cursor: pointer;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .siteFooter__toTop {
    bottom: 10.835vw;
    right: 7.174vw;
  }
}
@media screen and (max-width: 768px) {
  .siteFooter__toTop {
    right: 23px;
    bottom: 75px;
  }
}
.siteFooter__toTop.is-active {
  visibility: visible;
  pointer-events: all;
  opacity: 1;
}
.siteFooter__toTopIconArea {
  width: 62px;
  transition: all 0.6s ease 0s;
}
@media all and (-ms-high-contrast: none) {
  .siteFooter__toTopIconArea {
    height: 62px;
  }
}
@media screen and (min-width: 769px) {
  .siteFooter__toTopIconArea:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .siteFooter__toTopIconArea {
    width: 4.54vw;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) and (-ms-high-contrast: none) {
  .siteFooter__toTopIconArea {
    height: 4.54vw;
  }
}
@media screen and (max-width: 768px) {
  .siteFooter__toTopIconArea {
    width: 31px;
  }
}
@media all and (-ms-high-contrast: none) {
  .siteFooter__toTopIconThumb {
    height: 100%;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .twitter-timeline {
    display: none;
    pointer-events: none;
  }
}

.twCont {
  display: none;
  pointer-events: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .twCont {
    display: block;
    pointer-events: all;
  }
}
.twCont__inner {
  width: 100%;
  height: 313px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  flex-grow: 1;
}
.twCont__innerTopArea {
  width: 100%;
  height: 44px;
  background-color: #fff;
  padding: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.twCont__innerTopLeft {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
}
.twCont__innerFeedArea {
  margin: 1.3px auto;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
.twCont__innerFeedAnchor {
  font: 400 12px/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
}
.twCont__innerFeedAreaItem {
  padding: 10px;
  background-color: #fff;
}
.twCont__innerFeedAreaItem:not(:first-child) {
  margin-top: 1.5px;
}
.twCont__innerTopAtText {
  font: 400 12px/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #005bac;
}
.twCont__innerTopOfText {
  font: 400 12px/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
}
.twCont__innerTopTweetText {
  font: 400 20px/1 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #000;
}
.twCont__innerFeedImageArea {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.twCont__innerFeedTopArea {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.twCont__innerFeedTextArea {
  padding: 0 5px;
  width: calc(100% - 40px);
}
.twCont__innerFeedByText {
  font: bold 13px/1 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #000;
}
.twCont__innerFeedAtText {
  margin-top: 5px;
  font: 400 12px/1 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
}
.twCont__innerFeedCntArea {
  margin-top: 10px;
}
.twCont__innerFeedParaText {
  font: 400 12px/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
}
.twCont__innerFeedLink {
  margin-top: 5px;
  font: 400 12px/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #005bac;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.twCont__innerFeedCoverArea {
  margin-top: 20px;
  width: 100%;
  height: 150px;
  background-color: red;
  border-radius: 20px;
  display: none;
}
.twCont__innerFeedDateArea {
  margin-top: 10px;
}
.twCont__innerFeedDateText {
  font: 400 12px/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #000;
  text-align: right;
}
.twCont__innerBotArea {
  padding: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  height: 45px;
  background-color: #fff;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.twCont__innerTopEmbedText {
  font: 400 12px/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #005bac;
}

.instaCont {
  width: 100%;
  height: 313px;
  overflow-y: scroll;
}
.instaCont .instagram_gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.instaCont .instagram_gallery a {
  width: calc(100% / 3 - 5px);
  height: auto;
  transition: all 0.5s ease-in-out 0s;
}
@media screen and (min-width: 769px) {
  .instaCont .instagram_gallery a:hover {
    opacity: 0.6;
  }
}
.instaCont .instagram_gallery a:not(:nth-child(3n-5)) {
  margin-left: 7px;
}
.instaCont .instagram_gallery a:nth-child(n+4) {
  margin-top: 5px;
}
.instaCont .instagram_gallery a img {
  width: 100%;
  height: auto;
}

.floatBanner {
  position: fixed;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  right: 0;
  width: 100%;
  transition: 1s ease;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .floatBanner {
    z-index: 5;
    top: 70%;
  }
}
.floatBanner.isActive {
  opacity: 1;
  visibility: visible;
}
.floatBanner.isActive .floatBanner__innerCont {
  pointer-events: all;
}
.floatBanner__inner {
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .floatBanner__inner {
    padding-left: 1.464vw;
    padding-right: 1.464vw;
  }
}
@media screen and (max-width: 768px) {
  .floatBanner__inner {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .floatBanner__inner {
    max-width: 100.073vw;
  }
}
@media screen and (max-width: 768px) {
  .floatBanner__inner {
    max-width: 100%;
  }
}
.floatBanner__innerCont {
  position: relative;
  margin-left: auto;
  max-width: 201px;
  pointer-events: none;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .floatBanner__innerCont {
    max-width: 14.7vw;
  }
}
@media screen and (max-width: 768px) {
  .floatBanner__innerCont {
    max-width: 134px;
  }
}
@media screen and (max-width: 320px) {
  .floatBanner__innerCont {
    max-width: 100px;
  }
}
.floatBanner__anchor {
  display: block;
  transition: all 0.5s ease-in-out 0s;
}
@media screen and (min-width: 769px) {
  .floatBanner__anchor:hover {
    opacity: 0.6;
  }
}
.floatBanner__buttonClose {
  position: absolute;
  top: 15px;
  right: 65px;
  max-width: 14px;
  z-index: 3;
  transition: all 0.6s ease-in-out 0s;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .floatBanner__buttonClose:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .floatBanner__buttonClose {
    top: 1.1vw;
    right: 4.75vw;
    max-width: 1.02vw;
  }
}
@media screen and (max-width: 768px) {
  .floatBanner__buttonClose {
    max-width: 10.5px;
    top: 6px;
    right: 43px;
  }
}
@media screen and (max-width: 320px) {
  .floatBanner__buttonClose {
    max-width: 9px;
    top: 1px;
    right: 33px;
  }
}

.midBanner__inner {
  position: relative;
  z-index: 2;
  margin: 663px auto 0;
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .midBanner__inner {
    padding-left: 1.464vw;
    padding-right: 1.464vw;
  }
}
@media screen and (max-width: 768px) {
  .midBanner__inner {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .midBanner__inner {
    max-width: 100.073vw;
    margin-top: 48.5vw;
  }
}
@media screen and (max-width: 768px) {
  .midBanner__inner {
    margin-top: 208px;
    padding: 0 19.5px;
  }
}
.midBanner__imageArea {
  margin: 0 auto;
  max-width: 743px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .midBanner__imageArea {
    max-width: 54.35vw;
  }
}
.midBanner__imageAreaAnchor {
  display: block;
  transition: all 0.5s ease-in-out 0s;
}
@media screen and (min-width: 769px) {
  .midBanner__imageAreaAnchor:hover {
    opacity: 0.6;
  }
}

.campBanner {
  width: 100%;
  height: auto;
  position: relative;
}
.campBanner__boxLink {
  display: inline-block;
  border: 1px solid #fff;
  max-width: 339px;
  width: 100%;
  padding: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.6s;
}
.campBanner__boxLink:hover {
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .campBanner__boxLink {
    width: 40.365vw;
    padding: 5px;
  }
}
.campBanner__linkText {
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  transition: all 0.6s;
}
.campBanner__linkText:hover {
  opacity: 0.6;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campBanner__linkText {
    font-size: 1.17vw;
  }
}
@media screen and (max-width: 768px) {
  .campBanner__linkText {
    font-size: 3.125vw;
  }
}

.u-modelPFJ {
  max-width: 130px !important;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .u-modelPFJ {
    max-width: 9.51vw !important;
  }
}
@media screen and (max-width: 768px) {
  .u-modelPFJ {
    max-width: 57px !important;
  }
}

.u-modelB011 {
  max-width: 115px !important;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .u-modelB011 {
    max-width: 8.41vw !important;
  }
}
@media screen and (max-width: 768px) {
  .u-modelB011 {
    max-width: 40px !important;
  }
}

.splashArea {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100vh;
  opacity: 0;
  transition: 1s ease;
}
.splashArea.isOn {
  opacity: 1;
}
.splashArea__innerFirst {
  position: absolute;
  z-index: 13;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.splashArea__innerFirstCurtain {
  position: relative;
  width: 100%;
  height: 100vh;
  background: #0066b3;
  overflow: hidden;
}
.splashArea__innerFirstCurtain.wipeLeft {
  animation: wipeLeft 2s ease forwards;
}
.splashArea__innerFirstImageArea {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  width: 100vw;
  height: 100vw;
}
.splashArea__innerFirstLogo {
  position: absolute;
  z-index: 14;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  width: 600px;
  opacity: 0;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .splashArea__innerFirstLogo {
    width: 600px;
  }
}
@media screen and (max-width: 768px) {
  .splashArea__innerFirstLogo {
    width: 200px;
  }
}
.splashArea__innerFirstLogo.fadeIn {
  animation: fadeIn 3s forwards;
}
.splashArea__innerSecond {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.splashArea__innerSecondCurtain {
  width: 100%;
  height: 100vh;
  background: #005bac;
}
.splashArea__innerSecondCurtain.wipeLeft {
  animation: wipeLeft 2s ease forwards;
}

@keyframes wipeLeft {
  to {
    width: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(-50%);
  }
}
/*====================================================================
COMMON LAYOUT
====================================================================*/
body {
  min-width: 100%;
  font-size: 16px;
  font-family: Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
  body {
    min-width: inherit;
  }
}

/*-----------------------------------------------
PC/SP
------------------------------------------------*/
.u-pcDb {
  display: block;
}

.u-pcDib {
  display: inline-block;
}

.u-pcDin {
  display: inline;
}

.u-pcDf {
  display: flex;
}

.u-pcDt {
  display: table;
}

.u-pcDtc {
  display: table-cell;
}

.u-spDb,
.u-spDib,
.u-spDin,
.u-spDf,
.u-spDt,
.u-spDtc {
  display: none;
}

@media screen and (max-width: 768px) {
  .u-pcDb,
.u-pcDib,
.u-pcDin,
.u-pcDf,
.u-pcDt,
.u-pcDtc {
    display: none;
  }

  .u-spDb {
    display: block;
  }

  .u-spDib {
    display: inline-block;
  }

  .u-spDin {
    display: inline;
  }

  .u-spDf {
    display: flex;
  }

  .u-spDt {
    display: table;
  }

  .u-spDtc {
    display: table-cell;
  }
}
.u-cYellow {
  color: #ffff00;
}

.u-cBlue {
  color: #005bac;
}

.u-cRed {
  color: red;
}

.u-mx-2 {
  margin: 0 2px;
}

.u-fw300 {
  font-weight: 300 !important;
}

.u-disableLink {
  pointer-events: none;
}

.point::before {
  content: "・";
  margin-left: -7px;
}

.u-hover {
  transition: opacity 0.3s;
}
.u-hover:hover {
  opacity: 0.6;
}

/*-----------------------------------------------
main
------------------------------------------------*/
.siteContent {
  overflow: hidden;
  position: relative;
  opacity: 0;
  transition: 1s ease;
}
.siteContent.isOn {
  opacity: 1;
}

.breadcrumbs {
  margin-top: 99px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .breadcrumbs {
    margin-top: 7.247vw;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumbs {
    margin-top: 13px;
  }
}
.breadcrumbs__list {
  max-width: 791px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .breadcrumbs__list {
    padding-left: 1.464vw;
    padding-right: 1.464vw;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumbs__list {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .breadcrumbs__list {
    max-width: 57.906vw;
  }
}
.breadcrumbs__listItem {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.breadcrumbs__listItem:not(:first-child):before {
  position: relative;
  top: 3px;
  content: "";
  color: #666;
  margin: 0 17px;
  width: 7px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  background: center/cover no-repeat url("../images/_etc/ico_breadArrow.svg");
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .breadcrumbs__listItem:not(:first-child):before {
    top: 0.22vw;
    margin: 0 1.245vw;
    width: 0.512vw;
    height: 0.952vw;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumbs__listItem:not(:first-child):before {
    top: 1.5px;
    margin: 0 8px;
  }
}
.breadcrumbs__listItem:last-child {
  white-space: nowrap;
}
.breadcrumbs__listItem.u-isActive .breadcrumbs__listItemAnchorText {
  transition: all 0.6s ease 0s;
}
@media screen and (min-width: 769px) {
  .breadcrumbs__listItem.u-isActive .breadcrumbs__listItemAnchorText:hover {
    opacity: 0.6;
  }
}
.breadcrumbs__listItemAnchorText {
  font: 400 14px/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .breadcrumbs__listItemAnchorText {
    font-size: 1.025vw;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumbs__listItemAnchorText {
    font-size: 11px;
  }
}

.u-hiddenText {
  font-size: 0;
  overflow: hidden;
  width: 0;
  height: 0;
}

/*====================================================================
topPageButtonSec
====================================================================*/
.topPageButtonSec {
  padding: 128px 185px 57px 0;
  background: #f3f4f7;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageButtonSec {
    padding: 9.37vw 13.543vw 4.173vw 0;
  }
}
@media screen and (max-width: 768px) {
  .topPageButtonSec {
    align-items: center;
    padding: 38px 19.5px 95.5px;
  }
}
.topPageButtonSec__innerList {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.topPageButtonSec__innerListItem {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  transition: all 0.6s ease 0s;
}
@media screen and (min-width: 769px) {
  .topPageButtonSec__innerListItem:hover {
    opacity: 0.6;
  }
}
.topPageButtonSec__innerListItem:not(:first-child) {
  margin-left: 32px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageButtonSec__innerListItem:not(:first-child) {
    margin-left: 2.343vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageButtonSec__innerListItem:not(:first-child) {
    margin-left: 49px;
  }
}
.topPageButtonSec__innerListItem:nth-child(3) {
  order: 4;
}
.topPageButtonSec__innerListItem:nth-child(4) {
  order: 3;
}
.topPageButtonSec__innerListItemIcon.u-facebook {
  width: 9.5px;
}
@media all and (-ms-high-contrast: none) {
  .topPageButtonSec__innerListItemIcon.u-facebook {
    height: 100%;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageButtonSec__innerListItemIcon.u-facebook {
    width: 0.695vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageButtonSec__innerListItemIcon.u-facebook {
    width: 14.5px;
  }
}
.topPageButtonSec__innerListItemIcon.u-twitter {
  width: 18.5px;
}
@media all and (-ms-high-contrast: none) {
  .topPageButtonSec__innerListItemIcon.u-twitter {
    height: 100%;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageButtonSec__innerListItemIcon.u-twitter {
    width: 1.354vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageButtonSec__innerListItemIcon.u-twitter {
    width: 28.5px;
  }
}
.topPageButtonSec__innerListItemIcon.u-instagram {
  width: 20.6px;
}
@media all and (-ms-high-contrast: none) {
  .topPageButtonSec__innerListItemIcon.u-instagram {
    height: 100%;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageButtonSec__innerListItemIcon.u-instagram {
    width: 1.508vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageButtonSec__innerListItemIcon.u-instagram {
    width: 32px;
  }
}
.topPageButtonSec__innerListItemIcon.u-youtube {
  width: 21px;
}
@media all and (-ms-high-contrast: none) {
  .topPageButtonSec__innerListItemIcon.u-youtube {
    height: 100%;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageButtonSec__innerListItemIcon.u-youtube {
    width: 1.537vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageButtonSec__innerListItemIcon.u-youtube {
    width: 33px;
  }
}
.topPageButtonSec__anchorLink {
  margin-top: 17px;
  transition: all 0.6s ease 0s;
}
@media screen and (min-width: 769px) {
  .topPageButtonSec__anchorLink:hover {
    opacity: 0.6;
  }
}
.topPageButtonSec__anchorLinkText {
  font: 400 1rem/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
  text-decoration: underline;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageButtonSec__anchorLinkText {
    font-size: 1.17vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageButtonSec__anchorLinkText {
    font-size: 0.875rem;
  }
}

/*====================================================================
topPageChildSec
====================================================================*/
.topPageChildSec__outerRow.u-outerRow01 {
  position: relative;
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageChildSec__outerRow.u-outerRow01 {
    padding-left: 1.464vw;
    padding-right: 1.464vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageChildSec__outerRow.u-outerRow01 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageChildSec__outerRow.u-outerRow01 {
    max-width: 100.073vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageChildSec__outerRow.u-outerRow01 {
    z-index: 1;
    margin: auto;
  }
}
.topPageChildSec__outerRow.u-outerRow01 .topPageChildSec__outerFigureArea {
  position: absolute;
  z-index: 2;
  top: -381px;
  left: -130px;
  max-width: 669px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageChildSec__outerRow.u-outerRow01 .topPageChildSec__outerFigureArea {
    top: -26.135vw;
    left: -9.517vw;
    max-width: 48.975vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageChildSec__outerRow.u-outerRow01 .topPageChildSec__outerFigureArea {
    top: -429px;
    left: -54px;
    max-width: 271px;
  }
}
.topPageChildSec__outerRow.u-outerRow01 .topPageChildSec__outerFigureArea:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -56px;
  right: -157px;
  width: 903px;
  height: 857px;
  background: center right/cover no-repeat url("../images/top/topPageIntroSec_thumb_reflect-02.png");
  opacity: 0;
  transition: all 0.6s ease 0s;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageChildSec__outerRow.u-outerRow01 .topPageChildSec__outerFigureArea:before {
    top: -4.1vw;
    right: -11.493vw;
    width: 66.105vw;
    height: 62.738vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageChildSec__outerRow.u-outerRow01 .topPageChildSec__outerFigureArea:before {
    width: 350px;
    height: 361px;
    left: -20px;
    right: auto;
    top: -22.5px;
    background-image: url("../images/top/topPageIntroSec_thumb_reflect-02-sp.png");
  }
}
.topPageChildSec__outerRow.u-outerRow01 .topPageChildSec__outerFigureArea.animated .topPageChildSec__outerFigureThumb {
  animation: fadeIn 3s 1s forwards;
}
.topPageChildSec__outerRow.u-outerRow01 .topPageChildSec__outerFigureArea.animated .topPageChildSec__outerAnimateArea {
  animation: fadeGrow 1.8s forwards;
}
.topPageChildSec__outerRow.u-outerRow01 .topPageChildSec__outerFigureArea.animated:before {
  opacity: 1;
}
.topPageChildSec__outerRow.u-outerRow01 .topPageChildSec__outerFigureThumb {
  position: relative;
  z-index: 2;
  opacity: 0;
}
.topPageChildSec__outerRow.u-outerRow01 .topPageChildSec__outerAnimateArea {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 595.8px;
  width: 0;
  height: 100%;
  background: linear-gradient(to right, rgba(3, 123, 208, 0.2) 0%, rgba(3, 123, 208, 0.8) 56%);
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageChildSec__outerRow.u-outerRow01 .topPageChildSec__outerAnimateArea {
    height: 43.616vw;
  }
}

/*====================================================================
topPageExtSec
====================================================================*/
.topPageExtSec {
  position: relative;
  background: center top/cover no-repeat url("../images/top/topPageIntroSec_bg_monument.jpg");
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 1px);
  -webkit-backface-visibility: hidden;
}
/*
.topPageExtSec {
  position: relative;
  background: center 12.5vw/112.5vw no-repeat url(../images/top/topPageIntroSec_bg_monument02.jpg);
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 1px);
  -webkit-backface-visibility: hidden;
  background-color: #000000;
}
*/
@media screen and (max-width: 768px) {
  .topPageExtSec {
    background-position: center;
    background-image: url("../images/top/topPageIntroSec_bg_monument-sp.jpg");
    overflow: visible;
  }
}
.topPageExtSec:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 45.9%;
  opacity: 0.8;
  background: linear-gradient(to right, #004474 0%, black 56%);
  opacity: 0.95;
  background: linear-gradient(to right, #00233C 0%, black 16%);
}
@media screen and (max-width: 768px) {
  .topPageExtSec:before {
    top: -76px;
    height: 46.5%;
    background: linear-gradient(to right, #00233C 0%, black 26%);
  }
}
.topPageExtSec:after {
  padding-bottom: 33px;
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  opacity: 0.8;
  background: linear-gradient(to right, #004474 0%, black 56%);
  top: 50%;
  height: 49.5%;
  opacity: 0.95;
  background: linear-gradient(to right, #00233C 0%, black 16%);
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageExtSec:after {
    padding-bottom: 2.416vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageExtSec:after {
    top: 45.2%;
    height: 51.7%;
  }
}
.topPageExtSec__outerRow.u-outerRow01 {
  position: relative;
  z-index: 3;
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 585px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageExtSec__outerRow.u-outerRow01 {
    padding-left: 1.464vw;
    padding-right: 1.464vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageExtSec__outerRow.u-outerRow01 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageExtSec__outerRow.u-outerRow01 {
    max-width: 100.073vw;
    min-height: 42.826vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageExtSec__outerRow.u-outerRow01 {
    margin: auto;
    min-height: 142px;
  }
}
.topPageExtSec__outerRow.u-outerRow01 .topPageExtSec__floatOuterFigureArea {
  position: absolute;
  top: 87px;
  right: -285px;
  max-width: 1099px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageExtSec__outerRow.u-outerRow01 .topPageExtSec__floatOuterFigureArea {
    top: 6.369vw;
    right: -20.864vw;
    max-width: 80.454vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageExtSec__outerRow.u-outerRow01 .topPageExtSec__floatOuterFigureArea {
    top: -86px;
    max-width: 293px;
    right: 0;
  }
}
.topPageExtSec__innerRow {
  position: relative;
  z-index: 2;
}
.topPageExtSec__innerRow.u-innerRow01 {
  position: relative;
  z-index: 2;
  margin-left: auto;
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding: 0 20px;
  height: 647px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageExtSec__innerRow.u-innerRow01 {
    padding-left: 1.464vw;
    padding-right: 1.464vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageExtSec__innerRow.u-innerRow01 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageExtSec__innerRow.u-innerRow01 {
    padding: 0 1.464vw;
    height: 47.365vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageExtSec__innerRow.u-innerRow01 {
    height: 368px;
  }
}
.topPageExtSec__innerRow.u-innerRow01 .topPageExtSec__innerFigureArea {
  position: absolute;
  bottom: 0;
  right: -297px;
  max-width: 1131px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageExtSec__innerRow.u-innerRow01 .topPageExtSec__innerFigureArea {
    right: -21.742vw;
    max-width: 82.796vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageExtSec__innerRow.u-innerRow01 .topPageExtSec__innerFigureArea {
    max-width: 312.5px;
    right: 0;
  }
}
.topPageExtSec__innerRow.u-innerRow01 .topPageExtSec__innerFigureArea:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 74px;
  left: -96px;
  width: 894px;
  height: 911px;
  background: center/cover no-repeat url("../images/top/topPageExtSec_thumb_reflect-01.png");
  opacity: 0;
  transition: all 0.6s ease 0s;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageExtSec__innerRow.u-innerRow01 .topPageExtSec__innerFigureArea:before {
    bottom: 5.417vw;
    left: -7.028vw;
    width: 65.447vw;
    height: 66.691vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageExtSec__innerRow.u-innerRow01 .topPageExtSec__innerFigureArea:before {
    bottom: 78px;
    left: -38px;
    width: 334px;
    height: 335px;
    background-image: url("../images/top/topPageExtSec_thumb_reflect-01-sp.png");
  }
}
.topPageExtSec__innerRow.u-innerRow01 .topPageExtSec__innerFigureArea.animated .topPageExtSec__innerFigureThumb {
  animation: fadeIn 3s 1s forwards;
}
.topPageExtSec__innerRow.u-innerRow01 .topPageExtSec__innerFigureArea.animated .topPageExtSec__AnimateArea {
  animation: fadeGrow 1.8s forwards;
}
.topPageExtSec__innerRow.u-innerRow01 .topPageExtSec__innerFigureArea.animated:before {
  opacity: 1;
}
.topPageExtSec__innerRow.u-innerRow01 .topPageExtSec__innerFigureThumb {
  position: relative;
  z-index: 2;
  opacity: 0;
}
.topPageExtSec__innerRow.u-innerRow01 .topPageExtSec__AnimateArea {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: 426px;
  width: 0;
  height: 100%;
  background: linear-gradient(to left, rgba(3, 123, 208, 0.2) 0%, rgba(3, 123, 208, 0.8) 56%);
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageExtSec__innerRow.u-innerRow01 .topPageExtSec__AnimateArea {
    height: 31.186vw;
  }
}
.topPageExtSec__innerRow.u-innerRow01 .topPageExtSec__innerRowTextArea {
  margin-left: auto;
  z-index: 3;
  position: relative;
  max-width: 1051px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageExtSec__innerRow.u-innerRow01 .topPageExtSec__innerRowTextArea {
    max-width: 76.94vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageExtSec__innerRow.u-innerRow01 .topPageExtSec__innerRowTextArea {
    padding: 0 19.5px;
  }
}
.topPageExtSec__innerRow.u-innerRow02 {
  padding-top: 110px;
  height: 1165px;
  position: relative;
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageExtSec__innerRow.u-innerRow02 {
    padding-left: 1.464vw;
    padding-right: 1.464vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageExtSec__innerRow.u-innerRow02 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageExtSec__innerRow.u-innerRow02 {
    padding-top: 8.053vw;
    height: 85.22vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageExtSec__innerRow.u-innerRow02 {
    padding-top: 27px;
    height: 500.5px;
  }
}
.topPageExtSec__innerRow.u-innerRow02 .topPageExtSec__innerFigureArea {
  position: absolute;
  bottom: 333px;
  left: -292px;
  max-width: 1355px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageExtSec__innerRow.u-innerRow02 .topPageExtSec__innerFigureArea {
    bottom: 24.36vw;
    left: -21.376vw;
    max-width: 99.195vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageExtSec__innerRow.u-innerRow02 .topPageExtSec__innerFigureArea {
    left: 0;
    max-width: 317.5px;
    bottom: 138px;
  }
}
.topPageExtSec__innerRow.u-innerRow02 .topPageExtSec__innerFigureArea:before {
  content: "";
  position: absolute;
  z-index: 2;
  opacity: 0;
  bottom: -351px;
  left: -278px;
  width: 1134px;
  height: 1108px;
  background: center/cover no-repeat url("../images/top/topPageExtSec_thumb_reflect-02-long.png");
  transition: all 0.6s ease 0s;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageExtSec__innerRow.u-innerRow02 .topPageExtSec__innerFigureArea:before {
    bottom: -25.68vw;
    left: -18.58vw;
    width: 82.96vw;
    height: 81.05vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageExtSec__innerRow.u-innerRow02 .topPageExtSec__innerFigureArea:before {
    left: -1px;
    bottom: -148px;
    width: 168px;
    height: 486.5px;
    background-image: url("../images/top/topPageExtSec_thumb_reflect-02-sp-long.png");
  }
}
.topPageExtSec__innerRow.u-innerRow02 .topPageExtSec__innerFigureArea.animated .topPageExtSec__innerFigureThumb {
  animation: fadeIn 3s 1s forwards;
}
.topPageExtSec__innerRow.u-innerRow02 .topPageExtSec__innerFigureArea.animated .topPageExtSec__AnimateArea {
  animation: fadeGrow 1.8s forwards;
}
.topPageExtSec__innerRow.u-innerRow02 .topPageExtSec__innerFigureArea.animated:before {
  opacity: 1;
}
.topPageExtSec__innerRow.u-innerRow02 .topPageExtSec__innerFigureThumb {
  position: relative;
  z-index: 2;
  opacity: 0;
}
.topPageExtSec__innerRow.u-innerRow02 .topPageExtSec__AnimateArea {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 424px;
  width: 0;
  height: 100%;
  background: linear-gradient(to left, rgba(0, 68, 116, 0.2) 0%, rgba(0, 0, 0, 0.8) 56%);
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageExtSec__innerRow.u-innerRow02 .topPageExtSec__AnimateArea {
    height: 31.04vw;
  }
}
.topPageExtSec__innerRow.u-innerRow02 .topPageExtSec__innerRowTextArea {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: stretch;
  position: relative;
  z-index: 3;
  margin-left: auto;
  padding-right: 24%;
}
@media screen and (max-width: 768px) {
  .topPageExtSec__innerRow.u-innerRow02 .topPageExtSec__innerRowTextArea {
    padding: 0 39px 0 19.5px;
  }
}
.topPageExtSec__innerRowText {
  font: 100 1rem/2.9 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageExtSec__innerRowText {
    font-size: 1.171vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageExtSec__innerRowText {
    font-size: 0.7188rem;
    font-weight: normal;
  }
}
@media screen and (max-width: 768px) {
  .topPageExtSec__innerRowText {
    line-height: 2.2;
  }
}

/*====================================================================
topPageIntroSec
====================================================================*/
.topPageIntroSec {
  position: relative;
  background: center/cover no-repeat url("../images/top/topPageIntroSec_bg_farm.jpg");
  overflow: hidden;
  background: center top/130vw no-repeat url(../images/top/topPageIntroSec_bg_farm.jpg);
}
@media screen and (max-width: 768px) {
  .topPageIntroSec {
    background-position: center;
    background-image: url("../images/top/topPageIntroSec_bg_farm-sp.jpg");
  }
}
.topPageIntroSec:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 106px);
  opacity: 0.8;
  background: linear-gradient(to right, #004474 0%, black 56%);
  opacity: 0.9;
  background: linear-gradient(to right, #00233C 0%, black 56%);
}
@media screen and (max-width: 768px) {
  .topPageIntroSec:after {
    height: calc(100% - 116px);
    background: linear-gradient(to right, #00233C 0%, black 59%);
  }
}
.topPageIntroSec__inner {
  position: relative;
  z-index: 2;
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageIntroSec__inner {
    padding-left: 1.464vw;
    padding-right: 1.464vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageIntroSec__inner {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageIntroSec__inner {
    max-width: 100.073vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageIntroSec__inner {
    margin: auto;
  }
}
.topPageIntroSec__innerRow {
  position: relative;
}
.topPageIntroSec__innerRow.u-innerRow01 {
  padding-top: 97px;
  height: 660px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageIntroSec__innerRow.u-innerRow01 {
    padding-top: 7.1vw;
    height: 48.316vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageIntroSec__innerRow.u-innerRow01 {
    padding-top: 300px;
    height: auto;
  }
}
.topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__figureArea {
  position: absolute;
  bottom: 0;
  right: -84px;
  max-width: 802px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__figureArea {
    right: -6.149vw;
    max-width: 58.712vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__figureArea {
    top: 21px;
    bottom: auto;
    right: -66px;
    max-width: 352.5px;
  }
}
.topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__figureArea:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -72px;
  right: -200px;
  width: 650px;
  height: 732px;
  background: center/cover no-repeat url("../images/top/topPageIntroSec_thumb_reflect-01.png");
  opacity: 0;
  transition: all 0.6s ease 0s;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__figureArea:before {
    bottom: -5.271vw;
    right: -14.641vw;
    width: 47.584vw;
    height: 53.587vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__figureArea:before {
    width: 248.5px;
    height: 277px;
    top: -9px;
    right: -61px;
    bottom: auto;
    background-image: url("../images/top/topPageIntroSec_thumb_reflect-01-sp.png");
  }
}
.topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__figureArea.animated .topPageIntroSec__figureThumb {
  animation: fadeIn 3s 1s forwards;
}
.topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__figureArea.animated .topPageIntroSec__AnimateArea {
  animation: fadeGrow 1.8s forwards;
}
.topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__figureArea.animated:before {
  opacity: 1;
}
.topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__figureThumb {
  opacity: 0;
}
.topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__AnimateArea {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: 556px;
  width: 0;
  height: 100%;
  background: linear-gradient(to left, rgba(3, 123, 208, 0.8) 0%, rgba(3, 123, 208, 0.2) 56%);
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__AnimateArea {
    height: 40.703vw;
  }
}
.topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__innerRowTextArea {
  position: relative;
  z-index: 2;
  margin-left: 285px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__innerRowTextArea {
    margin-left: 20.864vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__innerRowTextArea {
    margin-left: 0;
    padding: 0 19.5px;
  }
}
.topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__innerRowBigtext {
  margin: 67px 0 18px;
  font: bold 34px/0.8 Helvetica Neue, Helvetica, Arial;
  color: #fff;
  white-space: nowrap;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__innerRowBigtext {
    font-size: 2.49vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__innerRowBigtext {
    font-size: 16px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__innerRowBigtext {
    margin: 4.9vw 0 1.32vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__innerRowBigtext {
    margin: 9px 0;
    letter-spacing: 0.06em;
  }
}
.topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__innerRowImageTxtImage {
  max-width: 486px;
}
.topPageIntroSec__innerRow.u-innerRow02 {
  position: relative;
  z-index: 3;
}
.topPageIntroSec__innerRow.u-innerRow02 .topPageIntroSec__innerRowTextArea {
  margin-top: 18px;
  margin-left: 127px;
  opacity: 1;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageIntroSec__innerRow.u-innerRow02 .topPageIntroSec__innerRowTextArea {
    margin-top: 1.318vw;
    margin-left: 9.297vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageIntroSec__innerRow.u-innerRow02 .topPageIntroSec__innerRowTextArea {
    margin-left: 0;
    padding: 0 19.5px;
  }
}
.topPageIntroSec__innerRow.u-innerRow02 .topPageIntroSec__innerRowTextArea.animated {
  animation: fadeInText 2s forwards;
}
@keyframes fadeInText {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.topPageIntroSec__innerRow.u-innerRow02 .topPageIntroSec__innerRowBigText {
  font: bold 154px/0.8 Helvetica Neue, Helvetica, Arial;
  color: #a6afb5;
  white-space: nowrap;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageIntroSec__innerRow.u-innerRow02 .topPageIntroSec__innerRowBigText {
    font-size: 11.274vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageIntroSec__innerRow.u-innerRow02 .topPageIntroSec__innerRowBigText {
    font-size: 2.7744rem;
  }
}
@media screen and (max-width: 768px) {
  .topPageIntroSec__innerRow.u-innerRow02 .topPageIntroSec__innerRowBigText {
    letter-spacing: 0.06em;
  }
}
.topPageIntroSec__innerRow.u-innerRow03 {
  position: relative;
  height: 536px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageIntroSec__innerRow.u-innerRow03 {
    height: 39.239vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageIntroSec__innerRow.u-innerRow03 {
    height: 443px;
  }
}
.topPageIntroSec__innerRow.u-innerRow03 .topPageIntroSec__innerRowTextArea {
  position: relative;
  z-index: 2;
  padding-top: 185px;
  margin-left: auto;
  max-width: 707px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageIntroSec__innerRow.u-innerRow03 .topPageIntroSec__innerRowTextArea {
    padding-top: 13.543vw;
    max-width: 48.757vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageIntroSec__innerRow.u-innerRow03 .topPageIntroSec__innerRowTextArea {
    padding-left: 163.5px;
    padding-right: 19.5px;
    padding-top: 130px;
  }
}
.topPageIntroSec__innerRowText {
  font: 100 1rem/2.9 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__innerRowText {

}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageIntroSec__innerRowText {
    font-size: 1.171vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageIntroSec__innerRowText,
  .topPageIntroSec__innerRow.u-innerRow01 .topPageIntroSec__innerRowText {
    font-size: 0.7188rem;
    font-weight: normal;
  }
}
@media screen and (max-width: 768px) {
  .topPageIntroSec__innerRowText {
    line-height: 2.2;
  }
}

/*====================================================================
topPageKvSec
====================================================================*/
.topPageKvSec__inner {
  position: relative;
  width: 100%;
  height: 100vh;
  background: center/cover no-repeat #000 url("../images/top/topPageKvSec_bg_outdoor.jpg");
}
@media screen and (max-width: 768px) {
  .topPageKvSec__inner {
    height: auto;
    background-image: url("../images/top/topPageKvSec_bg_outdoor-sp.jpg");
  }
}
.topPageKvSec__videoCont {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .topPageKvSec__videoCont {
    position: relative;
    overflow: visible;
  }
}
.topPageKvSec__videoArea {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .topPageKvSec__videoArea {
    position: relative;
    transform: none;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
}
@media screen and (max-width: 414px) {
  .topPageKvSec__videoArea {
    width: auto !important;
    height: 100vh !important;
  }
}
.topPageKvSec__innerKvTextArea {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  max-width: 753px;
}
@media screen and (max-width: 768px) {
  .topPageKvSec__innerKvTextArea {
    max-width: 47.0625rem;
  }
}
.topPageKvSec__innerKvText {
  font: 700 48px/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageKvSec__innerKvText {
    font-size: 3.514vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageKvSec__innerKvText {
    font-size: 32.7px;
  }
}
.topPageKvSec__innerKvScroll {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageKvSec__innerKvScroll {
    padding-left: 1.464vw;
    padding-right: 1.464vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageKvSec__innerKvScroll {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageKvSec__innerKvScroll {
    max-width: 100.073vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageKvSec__innerKvScroll {
    max-width: 100%;
  }
}
.topPageKvSec__innerKvScrollInner {
  position: absolute;
  right: 15px;
  bottom: 63px;
  width: 209px;
  height: 46px;
  transform: rotate(90deg);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  z-index: 3;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageKvSec__innerKvScrollInner {
    right: 1.1vw;
    height: 3.37vw;
    bottom: 4.61vw;
    width: 15.3vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageKvSec__innerKvScrollInner {
    right: -34px;
    bottom: 27px;
    height: 20px;
    width: 116px;
  }
}
.topPageKvSec__innerKvScrollInnerText {
  font: bold 13.63px/0.8 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageKvSec__innerKvScrollInnerText {
    font-size: 1vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageKvSec__innerKvScrollInnerText {
    font-size: 11.5px;
  }
}
.topPageKvSec__innerKvScrollInnerLine {
  position: relative;
  margin-left: 7px;
  width: 156px;
  height: 2px;
  background: #000;
  overflow: hidden;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageKvSec__innerKvScrollInnerLine {
    margin-left: 0.51vw;
    width: 11.42vw;
    height: 0.15vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageKvSec__innerKvScrollInnerLine {
    width: 71.5px;
    margin: 0 9px;
  }
}
.topPageKvSec__innerKvScrollInnerLine:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 156px;
  transform: translateX(-100%);
  animation: growDown 2s linear infinite;
  height: 2px;
  background: #fff;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageKvSec__innerKvScrollInnerLine:before {
    width: 11.42vw;
    height: 0.15vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageKvSec__innerKvScrollInnerLine:before {
    width: 71.5px;
    animation: growDown 2s linear infinite;
  }
}

/*====================================================================
topPageMoreSec
====================================================================*/
.topPageMoreSec {
  padding: 102px 0 113px;
  background: #f3f4f7;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageMoreSec {
    padding: 7.467vw 0 8.272vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageMoreSec {
    padding: 0;
    background: #000;
  }
}
.topPageMoreSec__headingText {
  font: 700 1.42rem/0.8 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #231815;
  text-align: center;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageMoreSec__headingText {
    font-size: 1.663vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageMoreSec__headingText {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 768px) {
  .topPageMoreSec__headingText {
    color: #fff;
  }
}
.topPageMoreSec__innerList {
  margin: 88px auto 0;
  max-width: 822px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageMoreSec__innerList {
    padding-left: 1.464vw;
    padding-right: 1.464vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageMoreSec__innerList {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageMoreSec__innerList {
    margin-top: 6.442vw;
    max-width: 76.281vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageMoreSec__innerList {
    margin-top: 38px;
    flex-direction: column;
  }
}
.topPageMoreSec__innerListItem {
  position: relative;
  width: calc(100% / 3);
  max-width: 242px;
  height: 110px;
  background: #bababa;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageMoreSec__innerListItem {
    max-width: 17.716vw;
    height: 8.053vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageMoreSec__innerListItem {
    width: 100%;
    max-width: 100%;
    height: 126.5px;
    background: none;
  }
}
.topPageMoreSec__innerListItem:not(:first-child) {
  margin-left: 28px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageMoreSec__innerListItem:not(:first-child) {
    margin-left: 2.05vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageMoreSec__innerListItem:not(:first-child) {
    margin-left: 0;
  }
}
.topPageMoreSec__innerListItem:nth-child(n+4) {
  margin-top: 30px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageMoreSec__innerListItem:nth-child(n+4) {
    margin-top: 2.2vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageMoreSec__innerListItem:nth-child(n+4) {
    margin-top: 0;
  }
}
.topPageMoreSec__innerListItem:hover .topPageMoreSec__innerListItemFigArea {
  transform: scale(1.2);
}
.topPageMoreSec__innerListItemFigArea {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  transition: all 0.6s ease 0s;
}
.topPageMoreSec__innerListItemFigArea.u-background01 {
  background-image: url("../images/top/topPageMoreSec_thumb_link-01.jpg");
}
.topPageMoreSec__innerListItemFigArea.u-background02 {
  background-image: url("../images/top/topPageMoreSec_thumb_link-02.jpg");
}
.topPageMoreSec__innerListItemFigArea.u-background03 {
  background-image: url("../images/top/topPageMoreSec_thumb_link-03.jpg");
}
.topPageMoreSec__innerListItemFigArea.u-background04 {
  background-image: url("../images/top/topPageMoreSec_thumb_link-04.jpg");
}
.topPageMoreSec__innerListItemFigArea.u-background05 {
  background-image: url("../images/top/topPageMoreSec_thumb_link-05.jpg");
}
.topPageMoreSec__innerListItemCapText {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
  font: 400 1rem/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .topPageMoreSec__innerListItemCapText {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageMoreSec__innerListItemCapText {
    font-size: 1.17vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageMoreSec__innerListItemCapText {
    bottom: 18.5px;
  }
}

/*====================================================================
topPageNewSec
====================================================================*/
.topPageNewSec {
  padding: 101px 0 30px;
  background: #f3f4f7;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageNewSec {
    padding: 7.394vw 0 2.196vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageNewSec {
    padding: 44.5px 0 20px;
    background: #f2f3f6;
  }
}
.topPageNewSec__inner {
  max-width: 1042px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageNewSec__inner {
    padding-left: 1.464vw;
    padding-right: 1.464vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageNewSec__inner {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageNewSec__inner {
    max-width: 76.281vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageNewSec__inner {
    flex-direction: column;
  }
}
.topPageNewSec__innerHeadingText {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 217px;
  font: 500 2.0994rem/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
  text-align: center;
  border-right: 1px solid #666;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageNewSec__innerHeadingText {
    font-size: 2.459vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageNewSec__innerHeadingText {
    font-size: 1.4688rem;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageNewSec__innerHeadingText {
    width: 15.886vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageNewSec__innerHeadingText {
    width: 100%;
    border-right: 0;
  }
}
.topPageNewSec__innerList {
  padding-left: 69px;
  width: calc(100% - 217px);
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageNewSec__innerList {
    padding-left: 5.051vw;
    width: calc(100% - 15.886vw);
  }
}
@media screen and (max-width: 768px) {
  .topPageNewSec__innerList {
    margin-top: 14px;
    border-top: 1px solid #666;
    padding-left: 0;
    width: 100%;
  }
}
.topPageNewSec__innerListItem {
  position: relative;
  padding-right: 50px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  transition: all 0.6s ease 0s;
}
@media screen and (min-width: 769px) {
  .topPageNewSec__innerListItem:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageNewSec__innerListItem {
    padding-right: 3.66vw;
  }
}
.topPageNewSec__innerListItem:not(:first-child) {
  margin-top: 25px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageNewSec__innerListItem:not(:first-child) {
    margin-top: 1.83vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageNewSec__innerListItem:not(:first-child) {
    margin-top: 0;
    border-top: 1px solid #666;
  }
}
@media screen and (max-width: 768px) {
  .topPageNewSec__innerListItem:last-child {
    border-bottom: 1px solid #666;
  }
}
@media screen and (max-width: 768px) {
  .topPageNewSec__innerListItem {
    flex-direction: column;
    padding: 13.5px 0;
  }
}
.topPageNewSec__innerListItem:after {
  content: "";
  position: absolute;
  right: 0;
  top: 25%;
  transform: translate(-50%);
  width: 30.3px;
  height: 4.7px;
  background: center/contain no-repeat url("../images/_etc/ico_rightHook.svg");
}
@media all and (-ms-high-contrast: none) {
  .topPageNewSec__innerListItem:after {
    background-size: contain;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageNewSec__innerListItem:after {
    width: 2.218vw;
    height: 0.344vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageNewSec__innerListItem:after {
    right: -10px;
    top: 50%;
    width: 22.5px;
  }
}
@media all and (-ms-high-contrast: none) {
  .topPageNewSec__innerListItem:after {
    width: 25px;
    height: 4.7px;
  }
}
.topPageNewSec__innerListItem.noLink {
  opacity: 1;
}
.topPageNewSec__innerListItem.noLink:after {
  background: none;
}
.topPageNewSec__innerListItemDateText {
  width: 170px;
  font: 600 0.875rem/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #979797;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageNewSec__innerListItemDateText {
    font-size: 1.025vw;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageNewSec__innerListItemDateText {
    width: 12.445vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageNewSec__innerListItemDateText {
    width: 100%;
  }
}
.topPageNewSec__innerListItemContText {
  position: relative;
  top: -2px;
  width: calc(100% - 170px);
  font: 400 1rem/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageNewSec__innerListItemContText {
    font-size: 1.171vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageNewSec__innerListItemContText {
    font-size: 0.6256rem;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageNewSec__innerListItemContText {
    width: calc(100vw - 12.445vw);
    position: relative;
    top: -0.2vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageNewSec__innerListItemContText {
    margin-top: 10px;
    width: calc(100% - 30px);
  }
}

/*====================================================================
topPageSocialSec
====================================================================*/
.topPageSocialSec {
  padding: 102px 0 106px;
  background: #fff;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSocialSec {
    padding: 7.467vw 0 7.76vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageSocialSec {
    padding: 47.5px 0 34.5px;
  }
}
.topPageSocialSec__headingText {
  font: 700 1.42rem/0.8 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #231815;
  text-align: center;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSocialSec__headingText {
    font-size: 1.663vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageSocialSec__headingText {
    font-size: 0.875rem;
  }
}
.topPageSocialSec__innerList {
  margin: 80px auto 0;
  max-width: 1042px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSocialSec__innerList {
    padding-left: 1.464vw;
    padding-right: 1.464vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageSocialSec__innerList {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSocialSec__innerList {
    margin-top: 5.857vw;
    max-width: 76.281vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageSocialSec__innerList {
    flex-direction: column;
    margin-top: 39px;
  }
}
.topPageSocialSec__innerList.u-secondRow {
  margin-top: 60px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSocialSec__innerList.u-secondRow {
    margin-top: 4.39vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageSocialSec__innerList.u-secondRow {
    margin-top: 30.5px;
  }
}
.topPageSocialSec__innerList.u-secondRow .topPageSocialSec__innerListItem:hover .topPageSocialSec__innerListItemTitleBG {
  opacity: 0.5;
  background: #8c8c8c;
}
@media screen and (max-width: 768px) {
  .topPageSocialSec__innerList.u-secondRow .topPageSocialSec__innerListItem .topPageSocialSec__innerListItemTitleBG {
    background: #8c8c8c;
  }
}
.topPageSocialSec__innerListItem {
  width: calc(100% / 3);
  max-width: 320px;
  background: #f3f4f7;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSocialSec__innerListItem {
    max-width: 23.426vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageSocialSec__innerListItem {
    margin: auto;
    width: 100%;
    max-width: 331px;
  }
}
.topPageSocialSec__innerListItem:not(:first-child) {
  margin-left: 21px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSocialSec__innerListItem:not(:first-child) {
    margin-left: 1.537vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageSocialSec__innerListItem:not(:first-child) {
    margin-top: 30.5px;
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .topPageSocialSec__innerListItem:nth-child(1) .topPageSocialSec__innerListItemTitleBG {
    background: #425992;
  }
}
.topPageSocialSec__innerListItem:nth-child(1):hover .topPageSocialSec__innerListItemTitleBG {
  background: #425992;
}
@media screen and (max-width: 768px) {
  .topPageSocialSec__innerListItem:nth-child(2) .topPageSocialSec__innerListItemTitleBG {
    background: #509fea;
  }
}
.topPageSocialSec__innerListItem:nth-child(2):hover .topPageSocialSec__innerListItemTitleBG {
  background: #509fea;
}
@media screen and (max-width: 768px) {
  .topPageSocialSec__innerListItem:nth-child(3) .topPageSocialSec__innerListItemTitleBG {
    background-image: url("../images/top/instagram_bg.jpg");
  }
}
.topPageSocialSec__innerListItem:nth-child(3):hover .topPageSocialSec__innerListItemTitleBG {
  background-image: url("../images/top/instagram_bg.jpg");
}
.topPageSocialSec__innerListItemTitleArea {
  position: relative;
  width: 100%;
  height: 64px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .topPageSocialSec__innerListItemTitleArea {
    height: 64.5px;
  }
}
.topPageSocialSec__innerListItemTitleBG {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  height: 64px;
  width: 100%;
  transition: 0.5s ease;
  opacity: 1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #8c8c8c;
}
@media screen and (max-width: 768px) {
  .topPageSocialSec__innerListItemTitleBG {
    opacity: 1;
  }
}
.topPageSocialSec__innerListItemTitleIcon {
  position: relative;
  z-index: 2;
}
.topPageSocialSec__innerListItemTitleIcon.u-facebook {
  max-width: 16px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSocialSec__innerListItemTitleIcon.u-facebook {
    max-width: 1.171vw;
  }
}
.topPageSocialSec__innerListItemTitleIcon.u-twitter {
  max-width: 36px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSocialSec__innerListItemTitleIcon.u-twitter {
    max-width: 2.635vw;
  }
}
.topPageSocialSec__innerListItemTitleIcon.u-instagram {
  max-width: 32px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSocialSec__innerListItemTitleIcon.u-instagram {
    max-width: 2.343vw;
  }
}
.topPageSocialSec__innerListItemTitleIcon.u-youtube {
  max-width: 35px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSocialSec__innerListItemTitleIcon.u-youtube {
    max-width: 2.56vw;
  }
}
.topPageSocialSec__innerListItemitleText {
  position: relative;
  z-index: 2;
  margin-left: 14px;
  font: 700 1rem/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSocialSec__innerListItemitleText {
    font-size: 1.171vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageSocialSec__innerListItemitleText {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSocialSec__innerListItemitleText {
    margin-left: 1.025vw;
  }
}
.topPageSocialSec__innerListItemCont {
  padding: 8px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSocialSec__innerListItemCont {
    padding: 0.586vw;
  }
}

/*====================================================================
topPageSpecSec
====================================================================*/
.topPageSpecSec {
  padding: 92px 0 132px;
  background: #000;
  position: relative;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSpecSec {
    padding: 6.735vw 0 9.66vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageSpecSec {
    padding-top: 36px;
  }
}
.topPageSpecSec__headingText {
  font: 700 1.42rem/0.8 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSpecSec__headingText {
    font-size: 1.663vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageSpecSec__headingText {
    font-size: 0.875rem;
  }
}
.topPageSpecSec__innerList {
  margin: 106px auto 0;
  max-width: 1042px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSpecSec__innerList {
    padding-left: 1.464vw;
    padding-right: 1.464vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageSpecSec__innerList {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSpecSec__innerList {
    max-width: 76.281vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageSpecSec__innerList {
    margin-top: 43px;
    flex-direction: column;
  }
}
.topPageSpecSec .u-eyecatch {
  position: absolute;
  top: 37%;
  transform: translateX(10%);
  left: 50%;
  color: #fff;
  display: block;
  width: 30%;
  max-width: 450px;
}
@media screen and (max-width: 768px) {
  .topPageSpecSec .u-eyecatch {
    top: 46%;
    right: 0%;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
    max-width: 282.5px;
    display: inline-block;
  }
}
.topPageSpecSec__innerListItem__wrapper {
  width: calc(100% / 3 - 30px);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .topPageSpecSec__innerListItem__wrapper {
    width: 100%;
  }
}
.topPageSpecSec__innerListItem {
  position: relative;
  width: 100%;
  height: 316px;
  background: #bababa;
  color: #666;
  overflow: hidden;
  margin-bottom: 20px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSpecSec__innerListItem {
    height: 22vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageSpecSec__innerListItem {
    background: none;
    width: 100%;
    height: 50vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.topPageSpecSec__innerListItem__wrapper:nth-child(2n) {
  margin: 0 45px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSpecSec__innerListItem__wrapper:nth-child(2n) {
    margin: 0 3vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageSpecSec__innerListItem__wrapper:nth-child(2n) {
    margin-left: auto;
  }
}
.topPageSpecSec__innerListItem__wrapper:nth-child(n+3) {
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSpecSec__innerListItem__wrapper:nth-child(n+3) {
  }
}
@media screen and (max-width: 768px) {
  .topPageSpecSec__innerListItem__wrapper:nth-child(n+3) {
  }
}
@media screen and (max-width: 768px) {
  .topPageSpecSec__innerListItem__wrapper:not(:first-child) {
    margin-top: 46.5px;
  }
}
.topPageSpecSec__innerListItem:hover .topPageSpecSec__innerListItemFigArea {
  transform: scale(1.2);
}
.topPageSpecSec__innerListItemFigArea {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  transition: all 0.6s ease 0s;
}
.topPageSpecSec__innerListItemFigArea.u-background01 {
  background-image: url("../images/top/topPageSpecSec_thumb_link-01.png");
}
.topPageSpecSec__innerListItemFigArea.u-background02 {
  background-image: url("../images/top/topPageSpecSec_thumb_link-02.png");
}
/*====================================================================
.topPageSpecSec__innerListItemFigArea.u-background02 {
  background-image: url("../images/top/topPageSpecSec_thumb_link-02.png");
}
====================================================================*/
.topPageSpecSec__innerListItemFigArea.u-background03 {
  background: #4d4d4d;
}
.topPageSpecSec__innerListItemFigArea.u-background04 {
  background-image: url("../images/top/topPageLinkSec_thumb_link-04.jpg");
}
.topPageSpecSec__innerListItemFigArea.u-background05 {
  background-image: url("../images/top/topPageLinkSec_thumb_link-05.jpg");
}
.topPageSpecSec__innerListItemFigArea.u-background06 {
  background-image: url("../images/top/topPageLinkSec_thumb_link-06.jpg");
}
.topPageSpecSec__innerListItemFigArea.u-background07 {
  background-image: url("../images/top/topPageLinkSec_thumb_link-07.jpg");
}
@media screen and (max-width: 768px) {
  .topPageSpecSec__innerListItemFigArea.u-background05 {
    background-image: url("../images/top/topPageLinkSec_thumb_link-05-sp.jpg");
  }
  .topPageSpecSec__innerListItemFigArea.u-background06 {
    background-image: url("../images/top/topPageLinkSec_thumb_link-06-sp.jpg");
  }
  .topPageSpecSec__innerListItemFigArea.u-background07 {
    background-image: url("../images/top/topPageLinkSec_thumb_link-07-sp.jpg");
  }
}
.topPageSpecSec__innerListItemCapText {
  width: 100%;
  transform: translateY(-50%);
  margin: auto;
  font: 700 1rem/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #8c8c8c;
  text-align: left;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSpecSec__innerListItemCapText {
    font-size: 1.171vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageSpecSec__innerListItemCapText {
    font-size: 0.6875rem;
  }
}
.topPageSpecSec__innerListItemCapText.u-cWh {
  color: #fff;
}
.topPageSpecSec__innerListItemCapText.u-isActive {
  top: auto;
  transform: none;
  bottom: 20px;
  font: 400 1.125rem/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
  text-align: left;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageSpecSec__innerListItemCapText.u-isActive {
    font-size: 1.318vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageSpecSec__innerListItemCapText.u-isActive {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 768px) {
  .topPageSpecSec__innerListItemCapText.u-isActive {
    bottom: 13.5px;
  }
}

/*====================================================================
topPageVidSec
====================================================================*/
.topPageVidSec {
  padding-top: 104px;
  height: 766px;
  background: center/cover no-repeat url("../images/top/topPageVidSec_bg_scenery.jpg");
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageVidSec {
    padding-top: 7.613vw;
    height: 56.076vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageVidSec {
    padding-top: 36px;
    background-image: url("../images/top/topPageVidSec_bg_scenery-sp.jpg");
    height: 310.5px;
  }
}
.topPageVidSec__inner {
  margin: auto;
  max-width: 699px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageVidSec__inner {
    max-width: 51.171vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageVidSec__inner {
    padding: 0 19.5px;
  }
}
.topPageVidSec__innerTitleText {
  font: 700 1.375rem/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageVidSec__innerTitleText {
    font-size: 1.611vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageVidSec__innerTitleText {
    font-size: 0.875rem;
  }
}
.topPageVidSec__innerPlayerCont {
  margin-top: 76px;
  position: relative;
  width: 100%;
  height: 392px;
  background: center/cover no-repeat url("../images/top/topPageVidSec_thumb_placeholder.jpg");
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageVidSec__innerPlayerCont {
    margin-top: 5.564vw;
    height: 28.697vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageVidSec__innerPlayerCont {
    margin: 30px auto 0;
    max-width: 334px;
    height: 187px;
  }
}
.topPageVidSec__innerMoviePlayer {
  width: 100% !important;
  height: auto !important;
}
.topPageVidSec__innerPlayButton {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  max-width: 97.75px;
  visibility: visible;
  pointer-events: all;
  opacity: 1;
  cursor: pointer;
  transition: all 0.5s ease-in-out 0s;
}
@media screen and (min-width: 769px) {
  .topPageVidSec__innerPlayButton:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageVidSec__innerPlayButton {
    max-width: 7.156vw;
  }
}
@media screen and (max-width: 768px) {
  .topPageVidSec__innerPlayButton {
    max-width: 55px;
  }
}
.topPageVidSec__innerPlayButton.is-Active {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
.topPageVidSec__innerVideoTemp {
  margin-top: 88px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .topPageVidSec__innerVideoTemp {
    margin-top: 6.442vw;
  }
}

/*====================================================================
newPageBottomSec
====================================================================*/
.newPageBottomSec {
  height: 171px;
  background: #f3f4f7;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageBottomSec {
    height: 15.076vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageBottomSec {
    height: 69px;
  }
}

/*====================================================================
newPageContSec
====================================================================*/
.newPageContSec {
  margin: 78px 0 113px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageContSec {
    margin: 5.71vw 0 8.272vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageContSec {
    margin: 25px 0 55px;
  }
}
.newPageContSec__inner {
  max-width: 791px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageContSec__inner {
    padding-left: 1.464vw;
    padding-right: 1.464vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageContSec__inner {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageContSec__inner {
    max-width: 57.906vw;
  }
}
.newPageContSec__list {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}
.newPageContSec__listItem {
  position: relative;
  display: block;
  padding: 26px 0;
  transition: all 0.6s ease 0s;
}
@media screen and (min-width: 769px) {
  .newPageContSec__listItem:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageContSec__listItem {
    padding: 1.903vw 0;
  }
}
@media screen and (max-width: 768px) {
  .newPageContSec__listItem {
    padding: 21.5px 0;
  }
}
.newPageContSec__listItem:not(:first-child) {
  border-top: 1px solid #666;
}
.newPageContSec__listItem:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%);
  width: 30.3px;
  height: 4.7px;
  background: center/contain no-repeat url("../images/_etc/ico_rightHook.svg");
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageContSec__listItem:after {
    width: 2.218vw;
    height: 0.344vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageContSec__listItem:after {
    right: 10px;
    width: 22px;
    height: 3px;
  }
}
.newPageContSec__listItem.noLink {
  opacity: 1;
}
.newPageContSec__listItem.noLink:after {
  background: none;
}
.newPageContSec__listItemDateText {
  font: 600 0.875rem/1 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageContSec__listItemDateText {
    font-size: 1.025vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageContSec__listItemDateText {
    font-size: 10.5px;
  }
}
.newPageContSec__listItemContText {
  margin-top: 16px;
  font: 400 1rem/1 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageContSec__listItemContText {
    font-size: 1.171vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageContSec__listItemContText {
    font-size: 12px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageContSec__listItemContText {
    margin-top: 1.171vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageContSec__listItemContText {
    width: calc(100% - 105px);
    margin-top: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}

/*====================================================================
newPageDetailSec
====================================================================*/
.newPageDetailSec {
  margin: 78px 0 113px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec {
    margin: 5.71vw 0 8.272vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageDetailSec {
    margin: 25px 0 55px;
  }
}
.newPageDetailSec__inner {
  max-width: 791px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__inner {
    padding-left: 1.464vw;
    padding-right: 1.464vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageDetailSec__inner {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__inner {
    max-width: 57.906vw;
  }
}
.newPageDetailSec__bodyHeadingText {
  font: 600 1.8125rem/1.8 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__bodyHeadingText {
    font-size: 2.123vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageDetailSec__bodyHeadingText {
    font-size: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .newPageDetailSec__bodyHeadingText {
    line-height: 1.5;
  }
}
.newPageDetailSec__bodyDateText {
  margin-top: 56px;
  font: 600 0.875rem/1.8 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__bodyDateText {
    font-size: 1.025vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageDetailSec__bodyDateText {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__bodyDateText {
    margin-top: 4.1vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageDetailSec__bodyDateText {
    margin-top: 20px;
  }
}
.newPageDetailSec__bodyAPIContent {
  margin-top: 45px;
  font: 400 1rem/1.8 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__bodyAPIContent {
    font-size: 1.171vw;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__bodyAPIContent {
    margin-top: 3.294vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageDetailSec__bodyAPIContent {
    margin-top: 20px;
    line-height: 1.8;
  }
}
.newPageDetailSec__bodyAPIContent .u-mt25 {
  margin-top: 25px;
}
.newPageDetailSec__bodyAPIContent .u-ac {
  text-align: center;
}
.newPageDetailSec__bodyAPIContent .u-w500 {
  font-weight: bold;
}
.newPageDetailSec__bodyAPIContent p {
  font: 400 1rem/1.8 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__bodyAPIContent p {
    font-size: 1.171vw;
  }
}
.newPageDetailSec__bodyAPIContent h3 {
  font: bold 1.25rem/1.8 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__bodyAPIContent h3 {
    font-size: 1.46vw;
  }
}
.newPageDetailSec__bodyAPIContent img {
  margin-top: 37px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__bodyAPIContent img {
    margin-top: 2.709vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageDetailSec__bodyAPIContent img {
    margin-top: 22px;
  }
}
.newPageDetailSec__bodyAPIContent a {
  margin-top: 28px;
  display: inline-block;
  font: 400 1rem/2 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
  text-decoration: underline;
  transition: all 0.6s ease 0s;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__bodyAPIContent a {
    font-size: 1.171vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageDetailSec__bodyAPIContent a {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 769px) {
  .newPageDetailSec__bodyAPIContent a:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__bodyAPIContent a {
    margin-top: 28px;
  }
}
@media screen and (max-width: 768px) {
  .newPageDetailSec__bodyAPIContent a {
    margin-top: 20px;
  }
}
.newPageDetailSec__bodyFigureArea {
  margin-top: 37px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__bodyFigureArea {
    margin-top: 2.709vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageDetailSec__bodyFigureArea {
    margin-top: 22px;
  }
}
.newPageDetailSec__bodyParaText {
  margin-top: 45px;
  font: 400 1rem/2 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__bodyParaText {
    font-size: 1.171vw;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__bodyParaText {
    margin-top: 3.294vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageDetailSec__bodyParaText {
    margin-top: 20px;
    line-height: 1.8;
  }
}
.newPageDetailSec__bodyAnchor {
  margin-top: 28px;
  display: block;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__bodyAnchor {
    margin-top: 28px;
  }
}
@media screen and (max-width: 768px) {
  .newPageDetailSec__bodyAnchor {
    margin-top: 20px;
  }
}
.newPageDetailSec__bodyAnchorText {
  font: 400 1rem/2 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
  text-decoration: underline;
  transition: all 0.6s ease 0s;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__bodyAnchorText {
    font-size: 1.171vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageDetailSec__bodyAnchorText {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 769px) {
  .newPageDetailSec__bodyAnchorText:hover {
    opacity: 0.6;
  }
}
.newPageDetailSec__bodyButtonArea {
  margin: 108px auto 0;
  width: 100%;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__bodyButtonArea {
    margin: 7.906vw auto 0;
  }
}
@media screen and (max-width: 768px) {
  .newPageDetailSec__bodyButtonArea {
    margin-top: 30px;
  }
}
.newPageDetailSec__bodyButton {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 366px;
  height: 64px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font: 600 1rem/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #000;
  border: 0.75px solid #666;
  transition: all 0.6s ease 0s;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__bodyButton {
    font-size: 1.171vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageDetailSec__bodyButton {
    font-size: 0.7188rem;
  }
}
@media screen and (min-width: 769px) {
  .newPageDetailSec__bodyButton:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__bodyButton {
    max-width: 26.794vw;
    height: 4.685vw;
    border-width: 0.055vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageDetailSec__bodyButton {
    max-width: 263px;
    height: 46px;
  }
}
.newPageDetailSec__bodyButton:after {
  content: "";
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
  width: 7.88px;
  height: 12.76px;
  background: center/cover no-repeat url("../images/_etc/ico_buttonArrowRight.svg");
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageDetailSec__bodyButton:after {
    right: 2.562vw;
    width: 0.577vw;
    height: 0.934vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageDetailSec__bodyButton:after {
    right: 16px;
    width: 5.66px;
    height: 9.17px;
  }
}

/*====================================================================
newPageKvSec
====================================================================*/
.newPageKvSec__inner {
  padding: 168px 0 55px;
  background: #000;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageKvSec__inner {
    padding: 12.299vw 0 4.026vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageKvSec__inner {
    padding: 52px 0 10px;
  }
}
.newPageKvSec__innerKvText {
  font: 500 48px/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .newPageKvSec__innerKvText {
    font-size: 3.514vw;
  }
}
@media screen and (max-width: 768px) {
  .newPageKvSec__innerKvText {
    font-size: 18px;
  }
}

/*====================================================================
histPageKvSec
====================================================================*/
.histPageKvSec__inner {
  padding: 168px 0 55px;
}
.histPageKvSec__inner.u-bgHist {
  background: center top/cover no-repeat #000 url("../images/history/histPageKvSec_thumb-01.png");
}
@media screen and (max-width: 768px) {
  .histPageKvSec__inner.u-bgHist {
    background-image: url("../images/history/histPageKvSec_thumb-01-sp.png");
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageKvSec__inner {
    padding: 12.299vw 0 4.026vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageKvSec__inner {
    padding: 120px 0 185px;
  }
}
.histPageKvSec__innerTextArea {
  max-width: 790px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  white-space: nowrap;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageKvSec__innerTextArea {
    padding-left: 1.464vw;
    padding-right: 1.464vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageKvSec__innerTextArea {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.histPageKvSec__innerKvImageText {
  max-width: 608px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageKvSec__innerKvImageText {
    max-width: 44.48vw;
  }
}
.histPageKvSec__innerKvCapText {
  margin-top: 5px;
  white-space: normal;
  font: bold 34px/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageKvSec__innerKvCapText {
    font-size: 2.49vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageKvSec__innerKvCapText {
    font-size: 19px;
  }
}
.histPageKvSec__innerKvParaText {
  margin-top: 210px;
  font: 500 16px/1.9 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageKvSec__innerKvParaText {
    font-size: 1.17vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageKvSec__innerKvParaText {
    font-size: 11.5px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageKvSec__innerKvParaText {
    margin-top: 15.36vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageKvSec__innerKvParaText {
    margin-top: 33px;
  }
}

/*====================================================================
histPageContSec
====================================================================*/
.histPageContSec {
  padding: 78px 0 96px;
  background: #000;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec {
    padding: 5.71vw 0 7.02vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec {
    padding: 0px 0 41px;
  }
}
.histPageContSec__inner {
  max-width: 791px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__inner {
    padding-left: 1.464vw;
    padding-right: 1.464vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__inner {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__inner {
    max-width: 57.906vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__list {
    margin: auto;
    max-width: 414px;
  }
}
.histPageContSec__item:not(:first-child) {
  margin-top: 18px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__item:not(:first-child) {
    margin-top: 1.32vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__item:not(:first-child) {
    margin-top: 8.5px;
  }
}
.histPageContSec__itemHead {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.histPageContSec__itemHeadYear {
  position: relative;
  z-index: 2;
  background: #7b8e9e;
  min-width: 145px;
  width: 145px;
  padding: 26.5px 0 32.5px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemHeadYear {
    min-width: 10.61vw;
    width: 10.61vw;
    padding: 1.94vw 0;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemHeadYear {
    border-width: 4px;
    padding: 16.25px 0;
    width: 61px;
    min-width: 61px;
  }
}
.histPageContSec__itemHeadText {
  font: 100 48px/1.5 "Bebas Neue", cursive;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemHeadText {
    font-size: 3.51vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemHeadText {
    font-size: 26px;
  }
}
.histPageContSec__itemHeadSybText {
  margin: 10px auto 0;
  width: 20px;
  height: 20px;
  display: block;
  background: center/contain no-repeat url("../images/_etc/ico_symS.png");
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemHeadSybText {
    margin: 0.73vw auto 0;
    width: 1.46vw;
    height: 1.46vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemHeadSybText {
    margin: 0 auto;
    width: 15.5px;
    height: 15.5px;
  }
}
.histPageContSec__itemHeadTitle {
  padding: 0 35px 0 139px;
  width: calc(100% - 145px);
  background-color: #000;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.histPageContSec__itemHeadTitle:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: #7b8e9e;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemHeadTitle:before {
    height: 0.44vw;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemHeadTitle {
    padding: 0 2.56vw 0 10.17vw;
    width: calc(100vw - 10.61vw);
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemHeadTitle {
    border-width: 4px;
    padding: 0 17.5px 0 70px;
    width: 100%;
  }
}
@media screen and (max-width: 320px) {
  .histPageContSec__itemHeadTitle {
    padding: 0 17.5px 0 53px;
  }
}
.histPageContSec__itemHeadTextArea {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemHeadTextArea {
    padding-bottom: 5px;
  }
}
.histPageContSec__itemHeadImageArea {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 360px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemHeadImageArea {
    width: 26.34vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemHeadImageArea {
    max-width: 175px;
  }
}
@media screen and (max-width: 320px) {
  .histPageContSec__itemHeadImageArea {
    max-width: 163px;
  }
}
.histPageContSec__itemHeadCapText {
  position: relative;
  width: 100%;
  font: 400 16px/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #e1d69c;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemHeadCapText {
    font-size: 1.17vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemHeadCapText {
    font-size: 11.5px;
  }
}
@media screen and (max-width: 320px) {
  .histPageContSec__itemHeadCapText {
    font-size: 10px;
  }
}
.histPageContSec__itemHeadTitleText {
  position: relative;
  width: 100%;
  font: bold 28px/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemHeadTitleText {
    font-size: 2.05vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemHeadTitleText {
    font-size: 14px;
  }
}
@media screen and (max-width: 320px) {
  .histPageContSec__itemHeadTitleText {
    font-size: 14px;
  }
}
.histPageContSec__itemHeadButtonArea {
  position: relative;
  min-width: 53px;
  width: 53px;
  height: 53px;
  background: #7b8e9e;
  transition: all 0.6s ease-in-out 0s;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .histPageContSec__itemHeadButtonArea:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemHeadButtonArea {
    min-width: 3.88vw;
    width: 3.88vw;
    height: 3.88vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemHeadButtonArea {
    min-width: 31.5px;
    width: 31.5px;
    height: 31.5px;
  }
}
.histPageContSec__itemHeadButtonArea:before {
  transition: 0.5s ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  width: 30px;
  height: 15px;
  background: center/contain no-repeat url("../images/_etc/ico_arrowDown.png");
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemHeadButtonArea:before {
    width: 2.19vw;
    height: 1.1vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemHeadButtonArea:before {
    width: 18px;
    height: 9px;
  }
}
.histPageContSec__itemHeadButtonArea.isOpen:before {
  transform: rotate(180deg) translateY(50%);
}
.histPageContSec__itemCont {
  display: none;
}
.histPageContSec__itemContRow {
  height: 260px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemContRow {
    height: 19.02vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemContRow {
    height: 132.5px;
  }
}
.histPageContSec__itemContRow:not(:last-child) .histPageContSec__itemContHead {
  border-bottom: 2px solid #fff;
}
.histPageContSec__itemContRow:not(:last-child) .histPageContSec__itemContGallery {
  border-bottom: 2px solid #cfd6dc;
}
.histPageContSec__itemContRow.u-closeRow {
  height: 111px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemContRow.u-closeRow {
    height: 8.12vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemContRow.u-closeRow {
    height: 46.5px;
  }
}
.histPageContSec__itemContRow.u-closeRow .histPageContSec__itemContGallery {
  padding: 0 35px 0 139px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemContRow.u-closeRow .histPageContSec__itemContGallery {
    padding: 0 2.56vw 0 10.17vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemContRow.u-closeRow .histPageContSec__itemContGallery {
    padding: 0 17.5px 0 34.5px;
  }
}
.histPageContSec__itemContHead {
  min-width: 145px;
  width: 145px;
  padding: 26.5px 0;
  background: #cfd6dc;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemContHead {
    min-width: 10.61vw;
    width: 10.61vw;
    padding: 1.94vw 0;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemContHead {
    padding: 12.8px 0;
    width: 61px;
    min-width: 61px;
  }
}
.histPageContSec__itemContHeadText {
  font: 100 48px/1.5 "Bebas Neue", cursive;
  color: #000;
  text-align: center;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemContHeadText {
    font-size: 3.51vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemContHeadText {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemContHeadText {
    color: #7b8e9e;
  }
}
.histPageContSec__itemContHeadText.u-isText {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemContHeadText.u-isText {
    font-size: 1.76vw;
  }
}
.histPageContSec__itemContGallery {
  position: relative;
  width: calc(100% - 145px);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  background: #fff;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemContGallery {
    width: calc(100vw - 10.61vw);
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemContGallery {
    width: 100%;
  }
}
.histPageContSec__itemSwiper {
  margin: auto;
  overflow: hidden;
  width: 100%;
  max-width: 446px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemSwiper {
    max-width: 32.63vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemSwiper {
    max-width: 176px;
  }
}
.histPageContSec__itemSwiperWrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.histPageContSec__itemSwiperWrap.singleSlide {
  justify-content: center;
}
.histPageContSec .swiper-button-prev {
  left: 39px !important;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec .swiper-button-prev {
    left: 2.85vw !important;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec .swiper-button-prev {
    left: 6px !important;
  }
}
.histPageContSec .swiper-button-prev:after {
  content: "";
  width: 15px;
  height: 30px;
  background: center/contain no-repeat url("../images/_etc/ico_sliderLeft.png");
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec .swiper-button-prev:after {
    width: 1.1vw;
    height: 2.19vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec .swiper-button-prev:after {
    width: 7px;
    height: 14.5px;
  }
}
.histPageContSec .swiper-button-next {
  right: 39px !important;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec .swiper-button-next {
    right: 2.85vw !important;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec .swiper-button-next {
    right: 6px !important;
  }
}
.histPageContSec .swiper-button-next:after {
  content: "";
  width: 15px;
  height: 30px;
  background: center/contain no-repeat url("../images/_etc/ico_sliderRight.png");
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec .swiper-button-next:after {
    width: 1.1vw;
    height: 2.19vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec .swiper-button-next:after {
    width: 7px;
    height: 14.5px;
  }
}
.histPageContSec__itemSlide {
  width: calc(100% / 2);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.histPageContSec__itemImageArea {
  max-width: 157px;
  height: 100%;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemImageArea {
    max-width: 11.49vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemImageArea {
    max-width: 71px;
  }
}
.histPageContSec__itemTextArea {
  margin-top: 12px;
  width: 100%;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemTextArea {
    margin-top: 0.88vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemTextArea {
    margin-top: 0;
  }
}
.histPageContSec__itemNameText {
  font: 600 15px/1.5 "Source Sans Pro", sans-serif;
  color: #000;
  text-align: center;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemNameText {
    font-size: 1.1vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemNameText {
    font-size: 9px;
  }
}
.histPageContSec__itemModelText {
  margin-top: -2px;
  font: 300 13px/1.5 "Source Sans Pro", sans-serif;
  color: #000;
  text-align: center;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemModelText {
    font-size: 0.95vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemModelText {
    font-size: 9px;
  }
}
.histPageContSec__itemContCloseText {
  font: 300 16px/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #7b8e9e;
  margin-right: 28px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemContCloseText {
    font-size: 1.17vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemContCloseText {
    font-size: 13.5px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemContCloseText {
    margin-right: 2.05vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemContCloseText {
    margin-right: 10.5px;
  }
}
.histPageContSec__itemContCloseButton {
  max-width: 35px;
  transition: all 0.6s ease-in-out 0s;
}
@media screen and (min-width: 769px) {
  .histPageContSec__itemContCloseButton:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageContSec__itemContCloseButton {
    max-width: 2.56vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageContSec__itemContCloseButton {
    max-width: 18px;
  }
}

/*====================================================================
histPageButtonSec
====================================================================*/
.histPageButtonSec {
  background: #000;
}
.histPageButtonSec__inner {
  padding-bottom: 167px;
  max-width: 790px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageButtonSec__inner {
    padding-left: 1.464vw;
    padding-right: 1.464vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageButtonSec__inner {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageButtonSec__inner {
    padding-bottom: 12.22vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageButtonSec__inner {
    padding-bottom: 54px;
  }
}
.histPageButtonSec__innerButtonArea {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .histPageButtonSec__innerButtonArea {
    flex-direction: column;
    align-items: center;
  }
}
.histPageButtonSec__innerButtonAnchor {
  position: relative;
  width: 100%;
  max-width: 291px;
  height: 52px;
  padding: 14px 25px;
  background: #7b8e9e;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  transition: all 0.6s ease-in-out 0s;
}
@media screen and (min-width: 769px) {
  .histPageButtonSec__innerButtonAnchor:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageButtonSec__innerButtonAnchor {
    max-width: 21.29vw;
    height: 3.8vw;
    padding: 1.02vw 1.83vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageButtonSec__innerButtonAnchor {
    max-width: 375px;
    height: 47px;
  }
}
@media all and (-ms-high-contrast: none) {
  .histPageButtonSec__innerButtonAnchor {
    padding: 1.08vw 1.83vw 0.95vw;
  }
}
.histPageButtonSec__innerButtonAnchor:not(:first-child) {
  margin-left: 60px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageButtonSec__innerButtonAnchor:not(:first-child) {
    max-width: 21.29vw;
    margin-left: 4.39vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageButtonSec__innerButtonAnchor:not(:first-child) {
    margin-top: 25px;
    margin-left: 0;
  }
}
.histPageButtonSec__innerButtonAnchorText {
  font: 600 16px/1.5 "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageButtonSec__innerButtonAnchorText {
    font-size: 1.17vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageButtonSec__innerButtonAnchorText {
    font-size: 13px;
  }
}
.histPageButtonSec__innerButtonAnchorArrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 6px;
  height: 12px;
  background: center/contain no-repeat url("../images/_etc/ico_rightArrowGray.png");
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .histPageButtonSec__innerButtonAnchorArrow {
    width: 0.44vw;
    height: 0.88vw;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) and (-ms-high-contrast: none) {
  .histPageButtonSec__innerButtonAnchorArrow {
    width: 0.88vw;
  }
}
@media screen and (max-width: 768px) {
  .histPageButtonSec__innerButtonAnchorArrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 17.5px;
    width: 6.5px;
    height: 14.5px;
  }
}

/*====================================================================
campPageKvSec
====================================================================*/
.campPageKvSec {
  background-image: url("../images/campaign/campPage_kvBg.png");
  position: relative;
  height: auto;
}
.campPageKvSec__visual {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .campPageKvSec__visual {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
  }
}
.campPageKvSec__visual01 {
  max-width: 625px;
  margin-left: 130px;
  min-height: 1px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageKvSec__visual01 {
    width: 45.721vw;
    margin-left: 9.51vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageKvSec__visual01 {
    max-width: 250px;
    margin-left: -25px;
    margin-bottom: 68px;
  }
}
.campPageKvSec__visual02 {
  max-width: 952px;
  min-height: 1px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageKvSec__visual02 {
    width: 69.642vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageKvSec__visual02 {
    max-width: 250px;
    margin-left: 10px;
  }
}
.campPageKvSec__inner {
  position: absolute;
  top: 110px;
  margin: auto;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  max-width: 790px;
  font-size: 26px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageKvSec__inner {
    top: 8.047vw;
    max-width: 57.791vw;
    font-size: 1.902vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageKvSec__inner {
    padding: 0 19.5px;
  }
}
.campPageKvSec__title {
  margin-top: 20px;
  max-width: 524px;
}
@media screen and (max-width: 1680px) {
  .campPageKvSec__title {
    max-width: 430px;
  }
}
@media screen and (max-width: 1516px) {
  .campPageKvSec__title {
    max-width: 400px;
  }
}
@media screen and (max-width: 1450px) {
  .campPageKvSec__title {
    width: 20.8vw;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageKvSec__title {
    margin-top: 10px;
    max-width: 200px;
  }
}
@media screen and (max-width: 768px) {
  .campPageKvSec__title {
    width: 100%;
  }
}
.campPageKvSec__text {
  background-image: url("../images/campaign/campPage_gradient.png");
  background-size: cover;
  background-repeat: no-repeat;
  color: #e3d063;
  font-weight: bold;
  height: 45px;
  padding: 10px 15px;
  font-size: 26px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageKvSec__text {
    height: 3.292vw;
    padding: 0.732vw 1.097vw;
    font-size: 1.902vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageKvSec__text {
    text-align: center;
    background-image: none;
    background-color: #000;
    font-size: 14px;
    width: 100%;
    height: 0;
    line-height: 0;
    padding: 15px;
  }
}
.campPageKvSec__productImg {
  position: absolute;
  max-width: 448px;
  top: -60px;
  right: -75px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageKvSec__productImg {
    max-width: 100%;
    width: 32.772vw;
    top: -4.389vw;
    right: -5.486vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageKvSec__productImg {
    max-width: 150px;
    top: 85px;
    right: 0;
  }
}
.campPageKvSec__productCloseImg {
  margin: auto;
  position: relative;
  max-width: 500px;
  top: -100px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageKvSec__productCloseImg {
    max-width: 36.58vw;
    top: -7.32vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageKvSec__productCloseImg {
    top: -90px;
  }
}

/*====================================================================
campPageSec01
====================================================================*/
.campPageSec01 {
  background-color: #005bac;
  padding: 30px 0 47px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec01 {
    padding: 2.195vw 0 3.438vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec01 {
    padding: 41px 19.5px 15px;
  }
}
.campPageSec01__innerCont {
  max-width: 790px;
  margin: auto;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec01__innerCont {
    max-width: 57.791vw;
  }
}
.campPageSec01__desc {
  font-size: 19px;
  font-weight: bold;
  line-height: 1.6;
  color: #fff;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec01__desc {
    font-size: 1.39vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec01__desc {
    font-size: 15px;
  }
}
.campPageSec01__addText {
  font-size: 24px;
  line-height: 1.25;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec01__addText {
    font-size: 1.76vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec01__addText {
    font-size: 17px;
  }
}
.campPageSec01__box {
  margin-top: 27px;
  border: 3px solid #ffff00;
  text-align: center;
  border-radius: 10px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec01__box {
    margin-top: 1.975vw;
    padding-bottom: 1.097vw;
  }
}
.campPageSec01__boxLink:hover {
  opacity: 0.6;
}
.campPageSec01__boxCont {
  padding: 25px;
}
.campPageSec01__boxTitle {
  background-color: #ffff00;
  padding: 10px;
  font-size: 25px;
  font-weight: bold;
  color: #005bac;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec01__boxTitle {
    padding: 0.732vw;
    font-size: 1.829vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec01__boxTitle {
    font-size: 19.5px;
  }
}
.campPageSec01__boxText {
  font-size: 43px;
  font-weight: bold;
  color: #fff;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec01__boxText {
    margin-top: 1.097vw;
    font-size: 3.146vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec01__boxText {
    font-size: 21px;
  }
}
.campPageSec01__yellowCircle {
  position: relative;
  background-image: url("../images/campaign/campPage_yellowCircle.png");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  top: 5px;
  width: 45px;
  height: 45px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec01__yellowCircle {
    width: 3.658vw;
    height: 3.658vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec01__yellowCircle {
    width: 25px;
    height: 25px;
  }
}
.campPageSec01__yellowCircle::after {
  content: "。";
  position: absolute;
  top: 5px;
  right: -22px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec01__yellowCircle::after {
    right: -1.632vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec01__yellowCircle::after {
    right: -10px;
  }
}
.campPageSec01__note {
  margin-top: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.campPageSec01__note::before {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: top;
  content: "※";
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec01__note::before {
    top: -0.07vw;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec01__note {
    margin-top: 1.097vw;
    font-size: 1.17vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec01__note {
    font-size: 15px;
  }
}
.campPageSec01__outroText {
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  position: relative;
  color: #fff;
  display: table;
  margin: 38px auto 0;
  line-height: 1.4;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec01__outroText {
    font-size: 1.683vw;
    margin: 2.78vw auto 0;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec01__outroText {
    font-size: 16px;
  }
}
.campPageSec01__outroText::before {
  content: "";
  background-image: url("../images/campaign/campPage_borderLeft.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 20px;
  height: 35px;
  position: absolute;
  left: -30px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec01__outroText::before {
    width: 1.463vw;
    height: 2.56vw;
    left: -2.195vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec01__outroText::before {
    background-image: url("../images/campaign/campPage_borderLeft-sp.png");
    width: 25px;
    height: 62px;
    top: 8px;
    left: -25px;
  }
}
.campPageSec01__outroText::after {
  content: "";
  background-image: url("../images/campaign/campPage_borderRight.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 20px;
  height: 35px;
  position: absolute;
  right: -30px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec01__outroText::after {
    width: 1.463vw;
    height: 2.56vw;
    right: -2.195vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec01__outroText::after {
    background-image: url("../images/campaign/campPage_borderRight-sp.png");
    width: 25px;
    height: 62px;
    top: 8px;
    right: -25px;
  }
}

/*====================================================================
campPageSec02
====================================================================*/
.campPageSec02 {
  background-image: linear-gradient(to bottom, #005bac 15%, #000 15%);
  padding-top: 70px;
  padding-bottom: 70px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02 {
    padding-top: 5.121vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02 {
    padding: 35px 19.5px 0;
  }
}
.campPageSec02__innerCont {
  margin: auto;
  max-width: 1035px;
  background-color: #fff;
  color: #4d4d4d;
  padding: 44px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__innerCont {
    max-width: 75.713vw;
    padding: 3.219vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__innerCont {
    padding: 22px;
  }
}
.campPageSec02__header {
  text-align: center;
  font-size: 23px;
  font-weight: bold;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__header {
    font-size: 1.683vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__header {
    font-size: 15px;
  }
}
.campPageSec02__header02 {
  margin: 68px auto 0;
  color: #005bac;
  position: relative;
  display: table;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__header02 {
    margin: 4.974vw auto 0;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__header02 {
    font-size: 15px;
    margin-top: 32px;
  }
}
.campPageSec02__header02::before {
  content: "";
  background-image: url("../images/campaign/campPage_borderLeft_blue.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 20px;
  height: 35px;
  position: absolute;
  left: -20px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__header02::before {
    width: 1.463vw;
    height: 2.56vw;
    left: -1.463vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__header02::before {
    width: 12px;
    height: 23px;
  }
}
.campPageSec02__header02::after {
  content: "";
  background-image: url("../images/campaign/campPage_borderRight_blue.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 20px;
  height: 35px;
  position: absolute;
  right: -20px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__header02::after {
    width: 1.463vw;
    height: 2.56vw;
    right: -1.463vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__header02::after {
    width: 12px;
    height: 23px;
  }
}
.campPageSec02__desc {
  margin-top: 39px;
  font-size: 1rem;
  line-height: 1.7;
  font-weight: bold;
  text-align: justify;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__desc {
    margin-top: 2.853vw;
    font-size: 1.17vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__desc {
    margin-top: 12px;
    font-size: 12px;
  }
}
.campPageSec02__miniBanner {
  max-width: 626px;
  margin: 37px auto 0;
  position: relative;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__miniBanner {
    max-width: 45.794vw;
    margin: 2.707vw auto 0;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__miniBanner {
    margin-top: 12px;
  }
}
.campPageSec02__bannerTxt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 1rem;
  color: #fff;
  line-height: 1.5;
  pointer-events: none;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__bannerTxt {
    font-size: 1.17vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__bannerTxt {
    font-size: 12px;
  }
}
.campPageSec02__productBox {
  border: 4px solid #005bac;
  margin-top: 66px;
  margin-bottom: 46px;
  background-color: #eff0f3;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__productBox {
    margin-top: 4.828vw;
    margin-bottom: 3.365vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__productBox {
    margin-top: 48px;
    margin-bottom: 25px;
  }
}
.campPageSec02__productTitle {
  text-align: center;
  padding: 15px;
  font-size: 23px;
  font-weight: bold;
  background-color: #005bac;
  color: #fff;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__productTitle {
    padding: 1.097vw;
    font-size: 1.683vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__productTitle {
    font-size: 16px;
    padding: 9px;
  }
}
.campPageSec02__productCont {
  padding: 35px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__productCont {
    padding: 2.56vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__productCont {
    padding: 10px;
  }
}
.campPageSec02__text {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__text {
    font-size: 1.609vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__text {
    font-size: 16px;
  }
}
.campPageSec02__specs {
  max-width: 637px;
  margin: 30px auto 0;
  background-color: #fff;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__specs {
    max-width: 46.598vw;
    margin-bottom: 2.195vw auto 0;
  }
}
.campPageSec02__specsTitle {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  background-color: #78a8d3;
  color: #fff;
  padding: 12px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__specsTitle {
    font-size: 1.317vw;
    padding: 0.878vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__specsTitle {
    font-size: 20px;
  }
}
.campPageSec02__productImg {
  max-width: 615px;
  margin: 57px auto 0;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__productImg {
    max-width: 44.989vw;
    margin: 4.17vw auto 0;
  }
}
.campPageSec02__innerBox {
  padding: 50px 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__innerBox {
    padding: 3.658vw 1.463vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__innerBox {
    padding: 15px;
  }
}
.campPageSec02__list {
  display: inline-block;
}
.campPageSec02__item {
  padding-left: 19px;
  position: relative;
  font-weight: bold;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__item {
    padding-left: 1.39vw;
    font-size: 1.17vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__item {
    padding-left: 13px;
    font-size: 10px;
  }
}
.campPageSec02__item .campPageSec02__link {
  text-decoration: none;
}
.campPageSec02__item .campPageSec02__linkText {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .campPageSec02__item .campPageSec02__linkText {
    font-size: 9px;
  }
}
.campPageSec02__item .campPageSec02__linkSmall {
  text-decoration: none;
  padding-top: 5px;
  display: block;
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .campPageSec02__item .campPageSec02__linkSmall {
    font-size: 9px;
  }
}
.campPageSec02__item::before {
  margin-left: -19px;
  content: "";
  background-image: url("../images/campaign/campPage_bpoint.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  left: -2px;
  top: 3px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__item::before {
    margin-left: -1.39vw;
    left: -0.146vw;
    width: 1.097vw;
    height: 1.097vw;
    top: 0.219vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__item::before {
    margin-left: -13px;
    width: 10px;
    height: 10px;
  }
}
.campPageSec02__item:not(:last-child) {
  margin-bottom: 32px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__item:not(:last-child) {
    margin-bottom: 2.341vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__item:not(:last-child) {
    margin-bottom: 27px;
  }
}
.campPageSec02__link {
  transition: opacity 0.3s;
  text-decoration: underline;
  color: #4d4d4d;
  font-size: 15px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__link {
    font-size: 1.097vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__link {
    font-size: 13px;
  }
}
.campPageSec02__link:hover {
  opacity: 0.6;
}
.campPageSec02__blockTitle {
  background-color: #eff0f3;
  position: relative;
  padding: 10px 15px 10px;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__blockTitle {
    font-size: 1.317vw;
    padding: 0.732vw 2.56vw 0.732vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__blockTitle {
    font-size: 16px;
  }
}
.campPageSec02__blockTitle::before {
  content: "";
  background-image: url("../images/campaign/campPage_square.png");
  background-size: contain;
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  top: 1px;
  left: -2px;
}
.campPageSec02__blockCont {
  padding: 10px 10px 25px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__blockCont {
    padding: 0.732vw 0.732vw 1.829vw;
  }
}
.campPageSec02__blockText {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__blockText {
    font-size: 1.17vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__blockText {
    font-size: 14px;
  }
}
.campPageSec02__blockText.u-mt20 {
  margin-top: 10px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__blockText.u-mt20 {
    margin-top: 10px;
  }
}
.campPageSec02__blockLink {
  color: #000;
  font-weight: 300;
  text-decoration: underline;
}
.campPageSec02__blockLink:hover {
  opacity: 0.6;
}
.campPageSec02__boxes {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 30px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__boxes {
    margin-top: 2.19vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__boxes {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-top: 18px;
  }
}
.campPageSec02__box {
  max-width: 280px;
  width: 100%;
  min-height: 1px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__box {
    max-width: 20.483vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__box {
    max-width: 600px;
  }
}
.campPageSec02__box:not(:last-child) {
  margin-right: 40px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__box:not(:last-child) {
    margin-right: 2.926vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__box:not(:last-child) {
    margin-right: 0;
    margin-bottom: 18px;
  }
}
.campPageSec02__button {
  display: block;
  text-align: center;
  padding: 25px;
  margin: 10px auto 0;
  max-width: 453px;
  width: 100%;
  background-color: #f18d1e;
  color: #fff;
  font-weight: bold;
  transition: opacity 0.3s;
}
.campPageSec02__button:hover {
  opacity: 0.6;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageSec02__button {
    padding: 2.56vw;
    margin: 0.73vw auto 0;
    max-width: 33.138vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageSec02__button {
    margin-top: 15px;
    font-size: 18px;
    max-width: 100%;
  }
}

/*====================================================================
campPageDetailSec
====================================================================*/
.campPageDetailSec {
  margin: 78px 0 113px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageDetailSec {
    margin: 5.71vw 0 8.272vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageDetailSec {
    margin: 25px 0 55px;
  }
}
.campPageDetailSec__inner {
  max-width: 791px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageDetailSec__inner {
    padding-left: 1.464vw;
    padding-right: 1.464vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageDetailSec__inner {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageDetailSec__inner {
    max-width: 57.906vw;
  }
}
.campPageDetailSec__bodyHeadingText {
  font: 600 1.8125rem/1 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageDetailSec__bodyHeadingText {
    font-size: 2.123vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageDetailSec__bodyHeadingText {
    font-size: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .campPageDetailSec__bodyHeadingText {
    line-height: 1.5;
  }
}
.campPageDetailSec__bodyDateText {
  margin-top: 56px;
  font: 600 0.875rem/1 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageDetailSec__bodyDateText {
    font-size: 1.025vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageDetailSec__bodyDateText {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageDetailSec__bodyDateText {
    margin-top: 4.1vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageDetailSec__bodyDateText {
    margin-top: 20px;
  }
}
.campPageDetailSec__bodyAPIContent {
  margin-top: 45px;
  font: 400 1rem/2 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageDetailSec__bodyAPIContent {
    font-size: 1.171vw;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageDetailSec__bodyAPIContent {
    margin-top: 3.294vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageDetailSec__bodyAPIContent {
    margin-top: 20px;
    line-height: 1.8;
  }
}
.campPageDetailSec__bodyAPIContent img {
  margin-top: 37px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageDetailSec__bodyAPIContent img {
    margin-top: 2.709vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageDetailSec__bodyAPIContent img {
    margin-top: 22px;
  }
}
.campPageDetailSec__bodyAPIContent a {
  margin-top: 28px;
  display: block;
  font: 400 1rem/2 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
  text-decoration: underline;
  transition: all 0.6s ease 0s;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageDetailSec__bodyAPIContent a {
    font-size: 1.171vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageDetailSec__bodyAPIContent a {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 769px) {
  .campPageDetailSec__bodyAPIContent a:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageDetailSec__bodyAPIContent a {
    margin-top: 28px;
  }
}
@media screen and (max-width: 768px) {
  .campPageDetailSec__bodyAPIContent a {
    margin-top: 20px;
  }
}
.campPageDetailSec__bodyButtonArea {
  margin: 108px auto 0;
  width: 100%;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageDetailSec__bodyButtonArea {
    margin: 7.906vw auto 0;
  }
}
@media screen and (max-width: 768px) {
  .campPageDetailSec__bodyButtonArea {
    margin-top: 30px;
  }
}
.campPageDetailSec__bodyButton {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 366px;
  height: 64px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font: 600 1rem/1.5 Helvetica Neue, Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #000;
  border: 0.75px solid #666;
  transition: all 0.6s ease 0s;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageDetailSec__bodyButton {
    font-size: 1.171vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageDetailSec__bodyButton {
    font-size: 0.7188rem;
  }
}
@media screen and (min-width: 769px) {
  .campPageDetailSec__bodyButton:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageDetailSec__bodyButton {
    max-width: 26.794vw;
    height: 4.685vw;
    border-width: 0.055vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageDetailSec__bodyButton {
    max-width: 263px;
    height: 46px;
  }
}
.campPageDetailSec__bodyButton:after {
  content: "";
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
  width: 7.88px;
  height: 12.76px;
  background: center/cover no-repeat url("../images/_etc/ico_buttonArrowRight.svg");
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageDetailSec__bodyButton:after {
    right: 2.562vw;
    width: 0.577vw;
    height: 0.934vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageDetailSec__bodyButton:after {
    right: 16px;
    width: 5.66px;
    height: 9.17px;
  }
}

/*====================================================================
campPageBottomSec
====================================================================*/
.campPageBottomSec {
  height: 171px;
  background: #f3f4f7;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .campPageBottomSec {
    height: 15.076vw;
  }
}
@media screen and (max-width: 768px) {
  .campPageBottomSec {
    height: 69px;
  }
}