@charset "UTF-8";
/* resposive function
----------------------------------*/
/* common
----------------------------------*/
.sp {
  display: none !important;
}

.sp_ib {
  display: none !important;
}

.sp_min {
  display: none !important;
}

.inner {
  max-width: 1140px;
  padding: 0 20px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .inner {
    max-width: 100%;
    margin: 0;
  }
}

table {
  width: 100%;
  table-layout: fixed;
}

td,
th {
  font-weight: normal;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  .sp_ib {
    display: inline-block !important;
  }
  .inner {
    max-width: 100%;
    min-height: 0;
    padding: 0 5.3333333333vw;
  }
}
@media screen and (max-width: 374px) {
  .sp_min {
    display: block;
  }
}
.upIn,
.load_upIn {
  opacity: 0;
}
.upIn.onAnim,
.load_upIn.onAnim {
  -webkit-animation: upin 0.7s 1 cubic-bezier(0.55, 0.1, 0.56, 1.12) forwards;
          animation: upin 0.7s 1 cubic-bezier(0.55, 0.1, 0.56, 1.12) forwards;
}

.rhIn,
.load_rhIn {
  opacity: 0;
}
.rhIn.onAnim,
.load_rhIn.onAnim {
  -webkit-animation: rhin 0.7s 1 cubic-bezier(0.55, 0.1, 0.56, 1.12) forwards;
          animation: rhin 0.7s 1 cubic-bezier(0.55, 0.1, 0.56, 1.12) forwards;
}

.lhIn,
.load_lhIn {
  opacity: 0;
}
.lhIn.onAnim,
.load_lhIn.onAnim {
  -webkit-animation: lhin 0.7s 1 cubic-bezier(0.55, 0.1, 0.56, 1.12) forwards;
          animation: lhin 0.7s 1 cubic-bezier(0.55, 0.1, 0.56, 1.12) forwards;
}

.smallIn,
.load_smallIn {
  transform: scale(1.05);
  transform-origin: top center;
}
.smallIn.onAnim,
.load_smallIn.onAnim {
  -webkit-animation: smallin 0.7s 1 cubic-bezier(0.55, 0.1, 0.56, 1.12) forwards;
          animation: smallin 0.7s 1 cubic-bezier(0.55, 0.1, 0.56, 1.12) forwards;
}

.popIn,
.load_popIn {
  transform: scale(0);
}
.popIn.onAnim,
.load_popIn.onAnim {
  -webkit-animation: popin 0.4s ease-out forwards;
          animation: popin 0.4s ease-out forwards;
}

.fadeIn,
.load_fadeIn {
  opacity: 0;
}
.fadeIn.onAnim,
.load_fadeIn.onAnim {
  -webkit-animation: fadein 0.4s ease-out forwards;
          animation: fadein 0.4s ease-out forwards;
}

.fastIn,
.load_fastIn {
  transform: scale(1.5);
  opacity: 0;
}
.fastIn.onAnim,
.load_fastIn.onAnim {
  -webkit-animation: fastin 0.2s 1 cubic-bezier(0.77, 0.13, 0.55, 1.34) forwards;
          animation: fastin 0.2s 1 cubic-bezier(0.77, 0.13, 0.55, 1.34) forwards;
}

@-webkit-keyframes upin {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100%, to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes upin {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100%, to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes rhin {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100%, to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes rhin {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100%, to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes lhin {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100%, to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes lhin {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100%, to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes smallin {
  0% {
    transform: scale(1.05);
  }
  100%, to {
    transform: scale(1);
  }
}
@keyframes smallin {
  0% {
    transform: scale(1.05);
  }
  100%, to {
    transform: scale(1);
  }
}
@-webkit-keyframes popin {
  0% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.07);
  }
  100%, to {
    transform: scale(1);
  }
}
@keyframes popin {
  0% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.07);
  }
  100%, to {
    transform: scale(1);
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100%, to {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100%, to {
    opacity: 1;
  }
}
@-webkit-keyframes fastin {
  0% {
    transform: scale(1.5);
    opacity: 0;
  }
  100%, to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fastin {
  0% {
    transform: scale(1.5);
    opacity: 0;
  }
  100%, to {
    transform: scale(1);
    opacity: 1;
  }
}
.D01 {
  -webkit-animation-delay: 0.1s !important;
          animation-delay: 0.1s !important;
  transition-delay: 0.1s !important;
}
@media screen and (max-width: 767px) {
  .D01.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D02 {
  -webkit-animation-delay: 0.2s !important;
          animation-delay: 0.2s !important;
  transition-delay: 0.2s !important;
}
@media screen and (max-width: 767px) {
  .D02.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D03 {
  -webkit-animation-delay: 0.3s !important;
          animation-delay: 0.3s !important;
  transition-delay: 0.3s !important;
}
@media screen and (max-width: 767px) {
  .D03.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D04 {
  -webkit-animation-delay: 0.4s !important;
          animation-delay: 0.4s !important;
  transition-delay: 0.4s !important;
}
@media screen and (max-width: 767px) {
  .D04.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D05 {
  -webkit-animation-delay: 0.5s !important;
          animation-delay: 0.5s !important;
  transition-delay: 0.5s !important;
}
@media screen and (max-width: 767px) {
  .D05.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D06 {
  -webkit-animation-delay: 0.6s !important;
          animation-delay: 0.6s !important;
  transition-delay: 0.6s !important;
}
@media screen and (max-width: 767px) {
  .D06.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D07 {
  -webkit-animation-delay: 0.7s !important;
          animation-delay: 0.7s !important;
  transition-delay: 0.7s !important;
}
@media screen and (max-width: 767px) {
  .D07.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D08 {
  -webkit-animation-delay: 0.8s !important;
          animation-delay: 0.8s !important;
  transition-delay: 0.8s !important;
}
@media screen and (max-width: 767px) {
  .D08.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D09 {
  -webkit-animation-delay: 0.9s !important;
          animation-delay: 0.9s !important;
  transition-delay: 0.9s !important;
}
@media screen and (max-width: 767px) {
  .D09.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D10 {
  -webkit-animation-delay: 1s !important;
          animation-delay: 1s !important;
  transition-delay: 1s !important;
}
@media screen and (max-width: 767px) {
  .D10.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D11 {
  -webkit-animation-delay: 1.1s !important;
          animation-delay: 1.1s !important;
  transition-delay: 1.1s !important;
}
@media screen and (max-width: 767px) {
  .D11.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D12 {
  -webkit-animation-delay: 1.2s !important;
          animation-delay: 1.2s !important;
  transition-delay: 1.2s !important;
}
@media screen and (max-width: 767px) {
  .D12.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D13 {
  -webkit-animation-delay: 1.3s !important;
          animation-delay: 1.3s !important;
  transition-delay: 1.3s !important;
}
@media screen and (max-width: 767px) {
  .D13.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D14 {
  -webkit-animation-delay: 1.4s !important;
          animation-delay: 1.4s !important;
  transition-delay: 1.4s !important;
}
@media screen and (max-width: 767px) {
  .D14.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D15 {
  -webkit-animation-delay: 1.5s !important;
          animation-delay: 1.5s !important;
  transition-delay: 1.5s !important;
}
@media screen and (max-width: 767px) {
  .D15.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D16 {
  -webkit-animation-delay: 1.6s !important;
          animation-delay: 1.6s !important;
  transition-delay: 1.6s !important;
}
@media screen and (max-width: 767px) {
  .D16.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D17 {
  -webkit-animation-delay: 1.7s !important;
          animation-delay: 1.7s !important;
  transition-delay: 1.7s !important;
}
@media screen and (max-width: 767px) {
  .D17.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D18 {
  -webkit-animation-delay: 1.8s !important;
          animation-delay: 1.8s !important;
  transition-delay: 1.8s !important;
}
@media screen and (max-width: 767px) {
  .D18.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D19 {
  -webkit-animation-delay: 1.9s !important;
          animation-delay: 1.9s !important;
  transition-delay: 1.9s !important;
}
@media screen and (max-width: 767px) {
  .D19.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D20 {
  -webkit-animation-delay: 2s !important;
          animation-delay: 2s !important;
  transition-delay: 2s !important;
}
@media screen and (max-width: 767px) {
  .D20.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D21 {
  -webkit-animation-delay: 2.1s !important;
          animation-delay: 2.1s !important;
  transition-delay: 2.1s !important;
}
@media screen and (max-width: 767px) {
  .D21.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D22 {
  -webkit-animation-delay: 2.2s !important;
          animation-delay: 2.2s !important;
  transition-delay: 2.2s !important;
}
@media screen and (max-width: 767px) {
  .D22.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D23 {
  -webkit-animation-delay: 2.3s !important;
          animation-delay: 2.3s !important;
  transition-delay: 2.3s !important;
}
@media screen and (max-width: 767px) {
  .D23.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D24 {
  -webkit-animation-delay: 2.4s !important;
          animation-delay: 2.4s !important;
  transition-delay: 2.4s !important;
}
@media screen and (max-width: 767px) {
  .D24.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D25 {
  -webkit-animation-delay: 2.5s !important;
          animation-delay: 2.5s !important;
  transition-delay: 2.5s !important;
}
@media screen and (max-width: 767px) {
  .D25.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D26 {
  -webkit-animation-delay: 2.6s !important;
          animation-delay: 2.6s !important;
  transition-delay: 2.6s !important;
}
@media screen and (max-width: 767px) {
  .D26.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D27 {
  -webkit-animation-delay: 2.7s !important;
          animation-delay: 2.7s !important;
  transition-delay: 2.7s !important;
}
@media screen and (max-width: 767px) {
  .D27.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D28 {
  -webkit-animation-delay: 2.8s !important;
          animation-delay: 2.8s !important;
  transition-delay: 2.8s !important;
}
@media screen and (max-width: 767px) {
  .D28.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D29 {
  -webkit-animation-delay: 2.9s !important;
          animation-delay: 2.9s !important;
  transition-delay: 2.9s !important;
}
@media screen and (max-width: 767px) {
  .D29.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.D30 {
  -webkit-animation-delay: 3s !important;
          animation-delay: 3s !important;
  transition-delay: 3s !important;
}
@media screen and (max-width: 767px) {
  .D30.nD {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}

.onAnim.trs_0s {
  -webkit-animation-duration: 0s !important;
          animation-duration: 0s !important;
  transition: 0s !important;
}

/* ---------------------------
	Common
--------------------------- */
body {
  background: #82c039;
  padding-bottom: min(18.2481751825vw, 200px);
}

#contFixWrap {
  opacity: 0;
  overflow: hidden;
}

main {
  color: #fff;
  letter-spacing: 0.1em;
  font-weight: 700;
}

h2.hl {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #051C75;
  font-size: min(3.5583941606vw, 39px);
  height: min(7.6642335766vw, 84px);
  position: relative;
}
h2.hl::after {
  content: "";
  width: 0;
  height: 0;
  border: min(2.5547445255vw, 28px) solid transparent;
  border-top-color: #051C75;
  transform: scaleX(0.6);
  position: absolute;
  bottom: max(-4.7445255474vw, -52px);
  left: calc(50% - min(2.5547445255vw, 28px));
  z-index: 10;
}

.figScroll > div {
  display: flex;
  overflow: hidden;
}
.figScroll > div ul {
  display: flex;
  flex: 0 0 auto;
  width: max-content;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-animation: loop-list 110s linear infinite;
          animation: loop-list 110s linear infinite;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.figScroll.is-loop-ready > div ul {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.figScroll > div ul li {
  height: min(45.6204379562vw, 500px);
  display: block;
  flex: 0 0 auto;
}
.figScroll > div ul li picture {
  height: 100%;
}
.figScroll > div ul li img {
  width: auto;
  height: 100%;
}
.figScroll > div ul.num8 {
  -webkit-animation: loop-list 45s linear infinite;
          animation: loop-list 45s linear infinite;
}
.figScroll > div.rev ul {
  -webkit-animation: loop-list-rev 110s linear infinite;
          animation: loop-list-rev 110s linear infinite;
}
.figScroll > div.rev ul.num8 {
  -webkit-animation: loop-list-rev 45s linear infinite;
          animation: loop-list-rev 45s linear infinite;
}

@media screen and (max-width: 767px) {
  body {
    padding-bottom: 22.6666666667vw;
  }
  h2.hl {
    font-size: 5.0666666667vw;
    height: 11.2vw;
  }
  h2.hl::after {
    border-width: 4.2666666667vw;
    bottom: -7.4666666667vw;
    left: calc(50% - 4.2666666667vw);
  }
  .figScroll > div ul {
    -webkit-animation: loop-list 90s linear infinite;
            animation: loop-list 90s linear infinite;
  }
  .figScroll > div ul li {
    height: 53.3333333333vw;
  }
  .figScroll > div ul.num8 {
    -webkit-animation: loop-list 45s linear infinite;
            animation: loop-list 45s linear infinite;
  }
  .figScroll > div.rev ul {
    -webkit-animation: loop-list-rev 90s linear infinite;
            animation: loop-list-rev 90s linear infinite;
  }
  .figScroll > div.rev ul.num8 {
    -webkit-animation: loop-list-rev 45s linear infinite;
            animation: loop-list-rev 45s linear infinite;
  }
}
@-webkit-keyframes loop-list {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-33.333333%);
  }
}
@keyframes loop-list {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-33.333333%);
  }
}
@-webkit-keyframes loop-list-rev {
  from {
    transform: translateX(-33.333333%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes loop-list-rev {
  from {
    transform: translateX(-33.333333%);
  }
  to {
    transform: translateX(0);
  }
}
/* ---------------------------
	KV
--------------------------- */
div.kv {
  width: 100%;
}
div.kv picture {
  display: block;
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
}
div.kv.wide picture {
  max-width: 100%;
}
div.kv .catch {
  font-size: min(2.9744525547vw, 32.6px);
  text-align: center;
  line-height: 2.2;
  padding: min(10.0364963504vw, 110px) 0 min(9.1240875912vw, 100px);
}
div.kv .notice {
  font-size: min(1.8248175182vw, 20px);
  text-align: center;
  padding: min(4.1058394161vw, 45px) 0 min(5.0182481752vw, 55px);
  line-height: 2.5;
}
div.kv .notice a {
  color: #fff;
  transition: 0.3s color;
}
div.kv .notice a:hover {
  color: #051C75;
}

@media screen and (max-width: 767px) {
  div.kv .catch {
    font-size: 3.5666666667vw;
    padding: 10.6666666667vw 3vw;
    line-height: 1.8;
  }
  div.kv .notice {
    font-size: 3.4666666667vw;
    padding: 8vw 0 10.6666666667vw;
    line-height: 1.8;
  }
}
/* ---------------------------
	eventSec
--------------------------- */
section.eventSec {
  background: url(../img/pattern.svg) center 0 no-repeat;
  background-size: cover;
}
section.eventSec div.inner {
  padding: min(10.9489051095vw, 120px) 0 min(7.7554744526vw, 85px);
}
section.eventSec h3 {
  width: min(67.7919708029vw, 743px);
  margin: 0 auto;
  position: relative;
}
section.eventSec h3::after {
  content: "";
  width: min(4.5620437956vw, 50px);
  height: min(3.8321167883vw, 42px);
  background: url(../img/hl_dec.svg) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  top: max(-4.5620437956vw, -50px);
  right: max(-3.8321167883vw, -42px);
  z-index: 10;
}
section.eventSec h3 + p {
  width: min(66.8795620438vw, 733px);
  margin: min(3.6496350365vw, 40px) auto 0;
}
section.eventSec .note {
  font-size: min(3.0109489051vw, 33px);
  text-align: center;
  line-height: 2;
  margin-top: min(4.1240875912vw, 50px);
}
section.eventSec .note span {
  display: inline-block;
  font-size: 60%;
}
section.eventSec.foodfes h3 {
  width: min(87.8401360544vw, 1033px);
}

section.eventSec ul.taisho {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  width: 100%;
}
section.eventSec ul.taisho li {
  font-size: min(2.2vw, 20px);
  display: flex;
  list-style: none;
  padding:10px;
  width: calc(25% - 22px);
  text-align: left;
  /* border:1px solid #fff; */
  margin:0 1px;
  background: #fff;
  color: #051C75;
}
section.eventSec span.center {
  font-size: 100%;
  text-align: center;
  display: block;
  margin-top: 20px;
}



@media screen and (max-width: 767px) {
  section.eventSec {
    background: url(../img/pattern_sp.svg) center 0 no-repeat;
    background-size: cover;
  }
  section.eventSec div.inner {
    padding: 16vw 0 14.6666666667vw;
  }
  section.eventSec h3 {
    width: 60vw;
    margin: 0 auto;
    position: relative;
  }
  section.eventSec h3::after {
    width: 6.6666666667vw;
    height: 5.8666666667vw;
    top: -4.8vw;
    right: 5.3333333333vw;
  }
  section.eventSec h3 + p {
    width: 88vw;
    margin: 6vw auto 0;
  }
  section.eventSec .note {
    font-size: 4.4vw;
    margin-top: 5.6666666667vw;
    padding:3vw;
  }
  section.eventSec.foodfes h3 {
    width: 60vw;
  }
  section.eventSec.foodfes h3::after {
    right: -5.3333333333vw;
  }
}

/* ---------------------------
	otherSec
--------------------------- */
section.otherSec {
  background: url(../img/pattern.svg) center 0 no-repeat;
  background-size: cover;
}
section.otherSec div.inner {
  padding: min(8.9489051095vw, 80px) 0 min(7.7554744526vw, 85px);
}
section.otherSec .note {
  font-size: min(3.0109489051vw, 33px);
  text-align: center;
  line-height: 2;
  margin-top: min(4.1240875912vw, 50px);
}
section.otherSec .note span {
  display: inline-block;
  font-size: 60%;
}

section.otherSec ul.taisho {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  width: 100%;
}
section.otherSec ul.taisho li {
  font-size: min(2.2vw, 20px);
  display: flex;
  list-style: none;
  padding:20px;
  width: calc(25% - 42px);
  text-align: left;
  /* border:1px solid #fff; */
  margin:0 1px;
  background: #fff;
  color: #051C75;
}
section.otherSec span.center {
  font-size: 100%;
  text-align: center;
  display: block;
  margin-top: 20px;
}



@media screen and (max-width: 767px) {
  section.otherSec {
    background: url(../img/pattern_sp.svg) center 0 no-repeat;
    background-size: cover;
  }
  section.otherSec div.inner {
    padding: 6vw 0 14.6666666667vw;
  }
  section.otherSec .note {
    font-size: 4.4vw;
    margin-top: 5.6666666667vw;
    padding:3vw;
  }
  section.otherSec ul.taisho {
    width: 97vw;
    margin:auto;
  }
  section.otherSec ul.taisho li {
    font-size: min(3.35vw, 24px);
    display: flex;
    list-style: none;
    padding:15px;
    width: calc(50% - 32px);
    margin:1px;
  }
}
/* ---------------------------
	entryMethodSec
--------------------------- */
section.entryMethodSec {
  padding: min(7.7554744526vw, 85px) 0 min(8.2116788321vw, 90px);
}
section.entryMethodSec div.entryFlow {
  margin-top: min(7.7554744526vw, 85px);
}
section.entryMethodSec div.entryFlow li {
  display: flex;
  background: #fff;
  font-size: min(2.4635036496vw, 27px);
  position: relative;
}
section.entryMethodSec div.entryFlow li ~ li {
  margin-top: min(9.5802919708vw, 105px);
}
section.entryMethodSec div.entryFlow li ~ li::before {
  content: "";
  width: 0;
  height: 0;
  border: min(3.9233576642vw, 43px) solid transparent;
  border-top-color: #fff;
  position: absolute;
  top: max(-6.3868613139vw, -70px);
  left: calc(50% - min(1.9616788321vw, 21.5px));
  transform: scaleX(0.67);
}
section.entryMethodSec div.entryFlow li:first-child .periodList {
  background: #D90012;
}
section.entryMethodSec div.entryFlow li:last-child > div {
  padding: min(4.5620437956vw, 50px) min(4.1058394161vw, 45px);
}
section.entryMethodSec div.entryFlow li > p {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #051C75;
  width: min(18.2481751825vw, 200px);
  flex-shrink: 0;
}
section.entryMethodSec div.entryFlow li > p img {
  width: min(9.1240875912vw, 100px);
}
section.entryMethodSec div.entryFlow li > div {
  color: #051C75;
  padding: min(3.6496350365vw, 40px) min(4.1058394161vw, 45px);
  width: 100%;
}
section.entryMethodSec div.entryFlow li h3 {
  font-size: min(4.0145985401vw, 44px);
  font-weight: 700;
  line-height: 1;
}
section.entryMethodSec div.entryFlow li div.periodList {
  width: 100%;
  padding: min(1.8248175182vw, 20px) min(3.6496350365vw, 40px);
  box-sizing: border-box;
  background: #051C75;
  color: #fff;
  font-size: min(3.1934306569vw, 35px);
  font-family: "小塚ゴシック", "Noto Sans JP";
  margin: min(1.8248175182vw, 20px) 0 0;
  line-height: 1.4;
}
section.entryMethodSec div.entryFlow li div.periodList dl ~ dl {
  margin-top: 0.5em;
}
section.entryMethodSec div.entryFlow li div.periodList dd {
  padding-left: 1em;
}
section.entryMethodSec div.entryFlow li div.periodList span {
  display: inline-block;
}
section.entryMethodSec div.entryFlow li div.noteBox {
  text-indent: -1em;
  margin-left: 1em;
  margin-top: min(1.8248175182vw, 20px);
}
section.entryMethodSec div.entryFlow li div.noteBox p {
  line-height: 1.5;
}
section.entryMethodSec div.outlineBox {
  margin-top: min(8.6678832117vw, 95px);
  background: #fff;
  color: #051C75;
  padding: min(7.299270073vw, 80px) min(5.9306569343vw, 65px) min(10.4927007299vw, 115px);
}
section.entryMethodSec div.outlineBox h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #051C75;
  color: #fff;
  width: min(59.0328467153vw, 647px);
  height: min(10.0364963504vw, 110px);
  margin: 0 auto;
  border-radius: 100px;
  font-size: min(4.0145985401vw, 44px);
  font-weight: 700;
}
section.entryMethodSec div.outlineBox dl {
  margin-top: 0;
  display: grid;
  grid-template-columns: min(16.4233576642vw, 180px) calc(100% - min(16.4233576642vw, 180px));
  font-size: min(1.8248175182vw, 20px);
}
section.entryMethodSec div.outlineBox dd {
  margin-top: min(4.5620437956vw, 50px);
}
section.entryMethodSec div.outlineBox dd > p ~ p {
  margin-top: 1em;
}
section.entryMethodSec div.outlineBox dd li {
  display: flex;
}
section.entryMethodSec div.outlineBox dd li::before {
  display: inline-block;
  content: "・";
  width: 1em;
  flex-shrink: 0;
}
section.entryMethodSec div.outlineBox dt {
  margin-top: min(4.5620437956vw, 50px);
}
section.entryMethodSec div.outlineBox div.noticeList p {
  display: flex;
}
section.entryMethodSec div.outlineBox div.noticeList p::before {
  display: inline-block;
  content: "※";
  width: 1em;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  section.entryMethodSec {
    padding: 8.8vw 0 0;
  }
  section.entryMethodSec div.entryFlow {
    margin-top: 11.3333333333vw;
  }
  section.entryMethodSec div.entryFlow li {
    font-size: 2.6666666667vw;
    position: relative;
  }
  section.entryMethodSec div.entryFlow li ~ li {
    margin-top: 11.2vw;
  }
  section.entryMethodSec div.entryFlow li ~ li::before {
    border-width: 3.7333333333vw;
    top: -8vw;
    left: calc(50% - 1.8666666667vw);
  }
  section.entryMethodSec div.entryFlow li:first-child .period {
    background: #D90012;
  }
  section.entryMethodSec div.entryFlow li:last-child > div {
    padding: 4vw 4.2666666667vw;
  }
  section.entryMethodSec div.entryFlow li > p {
    width: 17.3333333333vw;
  }
  section.entryMethodSec div.entryFlow li > p img {
    width: 8.8vw;
  }
  section.entryMethodSec div.entryFlow li > div {
    padding: 3.7333333333vw 2.6666666667vw 3.7333333333vw 3.7333333333vw;
  }
  section.entryMethodSec div.entryFlow li h3 {
    font-size: 4.5333333333vw;
  }
  section.entryMethodSec div.entryFlow li .period {
    width: 48vw;
    padding: 2.6666666667vw 4vw;
    font-size: 3.4666666667vw;
    margin: 2.6666666667vw 0 0;
  }
  section.entryMethodSec div.entryFlow li div.noteBox {
    text-indent: -1em;
    margin-left: 1em;
    margin-top: min(1.8248175182vw, 20px);
  }
  section.entryMethodSec div.entryFlow li div.noteBox p {
    line-height: 1.5;
  }
  section.entryMethodSec div.outlineBox {
    margin: min(8.6678832117vw, 95px) auto;
    border-radius: 0 0;
    padding: 3vw 5.3333333333vw 1.3333333333vw;
    width: calc(100% - (5.3333333333vw * 2)) ;
  }
  section.entryMethodSec div.outlineBox h3 {
    width: 86.6666666667vw;
    height: 14.6666666667vw;
    font-size: 5.8666666667vw;
  }
  section.entryMethodSec div.outlineBox dl {
    margin-top: 2.6666666667vw;
    display: grid;
    grid-template-columns: 20vw calc(100% - 20vw);
    font-size: 3.4666666667vw;
  }
  section.entryMethodSec div.outlineBox dd {
    margin-top: 0;
    padding: 6.6666666667vw 0;
    border-bottom: 1px solid #808080;
  }
  section.entryMethodSec div.outlineBox dd:last-of-type {
    border-bottom: none;
  }
  section.entryMethodSec div.outlineBox dt {
    margin-top: 0;
    padding: 6.6666666667vw 0;
    border-bottom: 1px solid #808080;
  }
  section.entryMethodSec div.outlineBox dt:last-of-type {
    border-bottom: none;
  }
}
/* ---------------------------
	newsSec
--------------------------- */
section.newsSec {
  padding: 0 0 min(7.299270073vw, 80px);
}
section.newsSec ul.snsList {
  margin-top: min(11.8613138686vw, 130px);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.newsSec ul.snsList li {
  width: min(10.9489051095vw, 120px);
}
section.newsSec ul.snsList a {
  transition: 0.3s opacity;
}
section.newsSec ul.snsList a:hover {
  opacity: 0.7;
}
section.newsSec figure {
  width: min(25.7299270073vw, 282px);
  margin: min(5.4744525547vw, 60px) auto 0;
}

section.newsSec p {
  font-size:130%;
  display: block;
  text-align: center;
  margin-top:30px;
}

@media screen and (max-width: 767px) {
  section.newsSec {
    padding: 0 0 9.3333333333vw;
  }
  section.newsSec ul.snsList {
    width: 80vw;
    margin: 9.3333333333vw auto 0;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6.6666666667vw 4vw;
  }
  section.newsSec ul.snsList li {
    width: 16vw;
  }
  section.newsSec figure {
    width: 24.9333333333vw;
    margin: 6.6666666667vw auto 0;
  }
}
/*--------------------------------------------*/
/* movie
----------------------------------------------*/
.movieSec {
  padding-bottom: min(8.2116788321vw, 90px);
  text-align: center;
}
.movieSec h2.hl + p {
  font-size: min(2.2810218978vw, 25px);
  text-align: center;
  margin-top: min(6.3868613139vw, 70px);
}
.movieSec div.movieBox {
  padding: min(4.1058394161vw, 45px) min(2.2810218978vw, 25px) min(1.3686131387vw, 15px);
}
.movieSec div.movieBox h3 {
  font-size: min(3.5583941606vw, 39px);
  font-weight: 700;
  text-align: center;
  color: #fff;
}
.movieSec div.movieBox .YT {
  width: 100%;
  max-width: min(82.1167883212vw, 900px);
  margin: min(1.8248175182vw, 20px) auto 0;
}
.movieSec div.movieBox .YT iframe {
  width: 100%;
  aspect-ratio: 16/8.8;
  border-radius: min(1.3686131387vw, 15px);
  overflow: hidden;
}

.movieSec a {
  font-size: 120%;
  text-decoration: none;
  padding: 20px 25px;
  background-color: #fff;
  border-radius: 20px;
  color: #002865;
  display: inline-block;
  margin:30px auto;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .movieSec {
    padding-bottom: 10.6666666667vw;
  }
  .movieSec h2.hl + p {
    font-size: 3.4666666667vw;
    text-align: center;
    margin-top: 8vw;
  }
  .movieSec div.movieBox {
    padding: 8vw 6.6666666667vw 1.3333333333vw;
  }
  .movieSec div.movieBox h3 {
    font-size: 5.3333333333vw;
  }
  .movieSec div.movieBox .YT {
    margin: 2.6666666667vw auto 0;
  }
  .movieSec div.movieBox .YT iframe {
    border-radius: 2.4vw;
  }
  .movieSec a {
    font-size: 100%;
    text-decoration: none;
    padding: 15px 15px;
    background-color: #fff;
    border-radius: 20px;
    color: #002865;
    display: block;
    width: calc(97% - 30px);
    margin:30px auto;
    text-align: center;
  }
}
/*--------------------------------------------*/
/* sponsor
----------------------------------------------*/
section.sponsorSec {
  background: #f3f4f4;
  padding: min(11.8613138686vw, 130px) 0 min(10.0364963504vw, 110px);
  color: #000;
  font-weight: 400;
}
section.sponsorSec h2 {
  text-align: center;
  font-size: min(3.5583941606vw, 39px);
  font-weight: 700;
}
section.sponsorSec h2 + p {
  text-align: center;
  font-size: min(1.8248175182vw, 20px);
}
section.sponsorSec div.noticeBox {
  margin-top: min(4.5620437956vw, 50px);
  text-align: center;
}
section.sponsorSec div.noticeBox h3 {
  font-size: min(2.1897810219vw, 24px);
}
section.sponsorSec div.noticeBox h3 + p {
  font-size: min(1.7335766423vw, 19px);
}
section.sponsorSec div.sponcorList {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
section.sponsorSec div.sponcorList ul {
  margin-top: min(6.3868613139vw, 70px);
  max-width: min(76.7888307155vw, 880px);
}
section.sponsorSec div.sponcorList li {
  display: inline-block;
}
section.sponsorSec div.sponcorList li::after {
  content: " / ";
}

@media screen and (max-width: 767px) {
  section.sponsorSec {
    padding: 9.3333333333vw 0;
  }
  section.sponsorSec h2 {
    font-size: 5.6vw;
  }
  section.sponsorSec h2 + p {
    font-size: 3.2vw;
  }
  section.sponsorSec div.noticeBox {
    margin-top: 8vw;
  }
  section.sponsorSec div.noticeBox h3 {
    font-size: 4vw;
  }
  section.sponsorSec div.noticeBox h3 + p {
    font-size: 3.2vw;
  }
  section.sponsorSec div.sponcorList ul {
    width: 100%;
    padding: 0 6.6666666667vw;
    box-sizing: border-box;
  }
}
/*--------------------------------------------*/
/* social
----------------------------------------------*/
.sns {
  text-align: center;
}

.sb-link {
  width: 50px !important;
  height: 50px !important;
}

.social {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-size: min(2.0072992701vw, 22px);
  color: #fff;
  margin: 30px auto 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.social a {
  color: #fff !important;
  display: inline-block;
  transition: 0.3s opacity;
}
.social a:hover {
  opacity: 0.6;
}
.social .btnwrap {
  margin: 10px 0;
}
.social .btnwrap.icons {
  display: flex;
  align-items: center;
  gap: 15px;
}
.social .btnwrap.icons a {
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  transition: 0.3s opacity;
  background-image: url(../img/footer_sns.png);
  background-repeat: no-repeat;
  background-size: 120px;
}
.social .btnwrap.icons a:hover {
  opacity: 0.6;
}
.social .twitter {
  padding: 0;
  min-height: 36px;
  margin: 0 20px 0 0;
  display: flex;
  align-items: center;
}
.social .twitter .snsicon {
  width: 40px;
  height: 40px;
  background: url(../img/footer_sns.png) no-repeat 0px 0px;
  background-size: 120px auto;
}
.social .twitter a {
  padding: 5px 10px;
}
.social .insta a {
  background-position: -40px 0px;
}
.social .fb a {
  background-position: -80px 0px;
}
.social .yt a {
  background-position: 0px -40px;
}
.social .line a {
  background-position: -40px -40px;
}
.social .engate a {
  background-position: -80px -40px;
}
.social .tiktok a {
  background-position: 0px -80px;
}

@media screen and (max-width: 767px) {
  .social {
    font-size: 5.3333333333vw;
    margin: 8vw auto;
    flex-direction: column;
  }
  .social .twitter {
    flex-direction: column;
    min-height: 8vw;
    margin: 0 0 2.6666666667vw 0;
  }
  .social .twitter a {
    padding: 3px 5px 0 5px;
    margin: 0 0 10px 0;
  }
  .social .twitter .snsicon {
    margin: 0 auto;
  }
}
/*--------------------------------------------*/
/* FOOTER
----------------------------------------------*/
footer {
  margin: min(3.6496350365vw, 40px) 0 0 0;
  padding: min(0.9124087591vw, 10px) 0 0 0;
  box-sizing: border-box;
  background: linear-gradient(180deg, #1c4b57 0%, #002865 100%);
  font-size: min(2.0072992701vw, 22px);
}
footer .nav {
  margin: 0;
  background: #D8D8D8;
}
footer .nav ul {
  background: #D8D8D8;
  display: flex;
  width: min(94.8905109489vw, 1040px);
  margin: 0 auto;
  border-left: 1px solid #ccc;
}
footer .nav ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14.2857142857%;
  border-right: 1px solid #ccc;
}
footer .nav ul li a {
  font-size: min(1.2773722628vw, 14px);
  font-weight: 400;
  line-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 58px;
  transition: 0.3s opacity;
}
footer .nav ul li a:hover {
  opacity: 0.6;
}
footer h3 {
  font-size: min(3.1934306569vw, 35px);
}
footer .partners {
  padding: 80px 0;
  background: #4d4d4d;
  color: #fff;
}
footer .partners h3 {
  font-family: "Barlow Condensed", sans-serif;
  line-height: 100%;
  margin: 0 0 20px 0;
  text-align: center;
}
footer .partners h3 span {
  font-size: min(1.1861313869vw, 13px);
  display: block;
}
footer .partners ul {
  margin: 40px auto 10px;
  width: 95%;
  max-width: 1400px;
  display: flex;
  justify-content: center;
}
footer .partners ul li {
  margin: 0 1px;
}
footer .partners ul li a {
  display: block;
  transition: 0.3s opacity;
}
footer .partners ul li a:hover {
  opacity: 0.6;
}
footer .partners .all_wrap {
  display: flex;
  width: 640px;
  margin: 0px auto 20px;
}
footer .partners .all {
  border: 1px solid #fff;
  margin: 20px 5px;
  padding: 5px 8px;
  color: #fff;
  text-decoration: none !important;
  text-align: center;
  width: calc(50% - 16px - 4px);
  font-size: min(1.3686131387vw, 15px);
  font-weight: 400;
  transition: 0.3s opacity;
}
footer .partners .all:first-child {
  margin: 20px 5px;
}
footer .partners .all:hover {
  opacity: 0.6;
}
footer .supporter {
  padding: 50px 0 30px;
  background: #fff;
  color: #929292;
}
footer .supporter h3 {
  font-size: min(2.7372262774vw, 30px);
  font-family: "Barlow Condensed", sans-serif;
  line-height: 100%;
  margin: 0 0 20px 0;
  color: #929292;
  text-shadow: none;
  text-align: center;
}
footer .supporter h3 span {
  font-size: min(1.026459854vw, 11.25px);
  display: block;
}
footer .supporter ul {
  width: 100%;
  margin: 0 auto 20px;
  display: flex;
  justify-content: center;
  text-align: center;
  gap: min(3.6496350365vw, 40px);
}
footer .supporter ul li {
  display: flex;
  flex-direction: column;
  background: none;
  overflow: hidden;
  text-align: center;
  margin: 0 1px;
  width: min(16.2408759124vw, 178px);
}
footer .supporter ul li .bnr {
  width: 90px;
  margin: 0 auto;
  text-align: center;
}
footer .supporter ul li .bnr a {
  transition: 0.3s opacity;
}
footer .supporter ul li .bnr a:hover {
  opacity: 0.6;
}
footer .supporter ul li .txt {
  margin: 5px 0 0;
  color: #000;
  font-size: min(0.9124087591vw, 10px);
  line-height: 120%;
  text-align: center;
}
footer .supporter ul li .txt a {
  text-decoration: none;
}
footer .branding {
  padding: 0px 0 40px;
  background: #fff;
  color: #929292;
}
footer .branding h3 {
  font-size: min(2.7372262774vw, 30px);
  font-family: "Barlow Condensed", sans-serif;
  line-height: 100%;
  margin: 0 0 20px 0;
  color: #929292;
  text-shadow: none;
  text-align: center;
}
footer .branding h3 span {
  font-size: min(1.026459854vw, 11.25px);
  display: block;
}
footer .branding ul {
  width: 400px;
  margin: 0 auto;
  display: flex;
  text-align: center;
}
footer .branding ul li {
  width: 50%;
  background: none;
  padding: 10px;
  overflow: hidden;
  text-align: center;
  margin: 0 10px;
}
footer .branding ul li.bnr {
  width: 150px;
  margin: 0 auto;
  text-align: center;
}
footer .branding ul li.bnr a {
  display: block;
  transition: 0.3s opacity;
}
footer .branding ul li.bnr a:hover {
  opacity: 0.6;
}
footer .nav_b {
  background: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0 0 40px 0;
}
footer .nav_b ul {
  width: min(94.8905109489vw, 1040px);
  display: flex;
  margin: 0 auto;
}
footer .nav_b ul li {
  display: flex;
  padding: 10px 12px;
  width: 25%;
  box-sizing: border-box;
  text-align: center;
}
footer .nav_b ul li:last-child {
  border-right: none;
}
footer .nav_b ul li a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #d3d3d3;
  font-size: min(1.2773722628vw, 14px);
  transition: 0.3s opacity;
}
footer .nav_b ul li a:hover {
  opacity: 0.6;
}
footer .copyright {
  padding: 20px;
  text-align: center;
  font-family: "Barlow Condensed", sans-serif;
  font-size: min(1.0948905109vw, 12px);
  color: #fff;
}

@media screen and (max-width: 1040px) {
  footer {
    margin-top: 0;
  }
  footer .partners ul {
    flex-wrap: wrap;
    width: 85%;
  }
  footer .partners ul li {
    margin: 2px;
    width: calc(20% - 4px);
  }
  footer .supporter ul {
    flex-wrap: wrap;
  }
  footer .supporter ul li {
    width: 35%;
  }
}
@media screen and (max-width: 767px) {
  footer {
    overflow: hidden;
  }
  footer .nav {
    margin: 0;
  }
  footer .nav ul {
    background: #D8D8D8;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  footer .nav ul li {
    width: calc(33.333% - 1px);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  footer .nav ul li a {
    height: 14.1333333333vw;
    font-size: 3.2vw;
  }
  footer .partners {
    padding: 50px 0 40px;
    color: #fff;
  }
  footer .partners h3 {
    font-size: 6.1333333333vw;
    line-height: 100%;
    margin: 0 0 10px 0;
  }
  footer .partners h3 span {
    font-size: 3.2vw;
    font-weight: normal;
  }
  footer .partners ul {
    margin: auto;
    width: 96%;
    display: flex;
    flex-wrap: wrap;
  }
  footer .partners ul li {
    margin: 0 4px 4px 0;
    width: calc(50% - 2px);
    background: #fff;
    vertical-align: middle;
    text-align: center;
  }
  footer .partners ul li:nth-child(2n) {
    width: calc(50% - 2px);
    margin: 0 0 4px 0;
  }
  footer .partners ul li:nth-child(6) {
    background: #000;
  }
  footer .partners ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  footer .partners .all_wrap {
    display: block;
    width: 70%;
    margin: 0px auto;
  }
  footer .partners .all {
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.4);
    margin: 2.1333333333vw auto;
    padding: 2.6666666667vw;
    color: #fff;
    text-decoration: none !important;
    text-align: center;
    width: calc(100% - 22px);
    font-size: 3.2vw;
  }
  footer .partners .all:first-child {
    margin: 5.3333333333vw auto 2.1333333333vw;
  }
  footer .supporter {
    padding: 8vw 0;
  }
  footer .supporter h3 {
    font-size: 6.1333333333vw;
    margin: 0 0 2.6666666667vw 0;
  }
  footer .supporter h3 span {
    font-size: 2.9333333333vw;
  }
  footer .supporter ul {
    width: 100%;
    margin: 0 auto 10px;
    display: block;
    text-align: center;
  }
  footer .supporter ul li {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 2.6666666667vw;
    width: 90%;
    background: none;
    padding: 2.1333333333vw;
    text-align: left;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
  }
  footer .supporter ul li .bnr {
    width: 24vw;
    flex-shrink: 0;
    margin: 0;
    text-align: left;
  }
  footer .supporter ul li .txt {
    margin: 0;
    font-size: 2.6666666667vw;
    line-height: 120%;
    text-align: left;
    padding: 0 0 0 10px;
    width: calc(100% - 26.6666666667vw);
  }
  footer .branding {
    padding: 0px 0 8vw;
  }
  footer .branding h3 {
    font-size: 6.1333333333vw;
    margin: 0 0 5.3333333333vw 0;
  }
  footer .branding h3 span {
    font-size: 2.9333333333vw;
  }
  footer .branding ul {
    width: 80%;
    margin: 0 auto;
    display: flex;
    text-align: center;
  }
  footer .branding ul li {
    display: flex;
    background: none;
    padding: 0;
    overflow: hidden;
    text-align: center;
    margin: 0 10px;
  }
  footer .branding ul li.bnr {
    width: 50%;
    margin: 0 auto;
    text-align: center;
  }
  footer .branding ul li.bnr a img {
    width: 80%;
  }
  footer .nav_b {
    margin: 0 0 5.3333333333vw 0;
  }
  footer .nav_b ul {
    width: 100%;
    border-left: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  footer .nav_b ul li {
    display: flex;
    box-sizing: border-box;
    width: calc(50% - 1px);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
  }
  footer .nav_b ul li:nth-child(2n) {
    border-right: 0;
  }
  footer .nav_b ul li a {
    width: 100%;
    padding: 2.1333333333vw 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #d3d3d3;
    text-decoration: none;
    text-align: center;
    font-size: 3.2vw;
  }
  footer .copyright {
    padding: 2.6666666667vw;
    font-size: 3.2vw;
  }
  footer #searchform {
    width: calc(100% - 5.3333333333vw);
    margin: 3.2vw auto;
    display: flex;
  }
  footer #searchform #s {
    padding: 4vw;
    border: none;
    font-size: 3.7333333333vw;
    width: calc(100% - 8vw - 16vw) !important;
    border-radius: 0;
  }
  footer #searchform button.submit_button {
    padding: 2.6666666667vw 1.3333333333vw;
    font-size: 3.7333333333vw;
    background-color: #6fba2c;
    color: #fff;
    font-weight: bol700d;
    border: none;
    width: 16vw;
    text-align: center;
  }
}
p.bottomBnr {
  position: fixed;
  bottom: 40px;
  left: 0;
  right:0;
  z-index: 100;
  width: 750px;
  background: #fff;
  margin: auto; 
  border-radius: 40px;
}
p.bottomBnr a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #051C75;
  padding:10px 50px;
  width: calc(100% - 100px);
  border-radius: 40px;
  /* height: min(18.2481751825vw, 200px); */
  transition: 0.3s opacity;
}
p.bottomBnr a img {
  width: min(77.8284671533vw, 853px);
  width: 100%;
}
p.bottomBnr a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  p.bottomBnr {
    position: fixed;
    bottom: 20px;
    left: 0;
    right:0;
    width: 90%;
    border-radius: 20px;
  }
  p.bottomBnr a {
    border-radius: 20px;
    padding:10px 20px;
    width: calc(100% - 40px);
  }
  p.bottomBnr a img {
  }
}
/*# sourceMappingURL=layout.css.map */


p.info {
  font-size: 85%;
}
p.info span {
  display: block;
  margin:0.8rem 0 0 0;
  font-size: 80%;
  line-height: 1.45;
}


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

p.info {
  font-size: 78%;
}
p.info span {
  display: block;
  margin:0.5rem 0 0 0;
  font-size: 72.125%;
  line-height: 1.4;
}

}