/* ==========================================================================
	SCSS Extend & Mixin
========================================================================== */
section h2 {
  position: relative;
  z-index: 0;
  padding-top: 15px;
  text-align: center; }

.page_3 .role_1, .page_3 .role_2 {
  z-index: 0;
  left: 50%; }

.page_4 .content, .page_6 .content {
  margin: auto;
  width: 970px; }

.page_6,
.page_6:before {
  background-position: top center;
  background-size: initial; }

.page_6 .button, .page_6 .app, .page_6 footer .links {
  display: flex;
  justify-content: center; }


.btn2 {
	height: 74px;
    width: 325px;
    padding-top: 15px; 
	padding-left: 20px; 
}

.btn a {
	position: relative;
	display: inline-block;
	width: 25%;
	height: 70px;
}







/* ==========================================================================
	wrap & common
========================================================================== */
a, a img {
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

.wrap {
  position: relative;
  min-width: 1150px;
  color: #333; }

section {
  position: relative;
  height: 3000px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover; }

.fancybox-slide--video .fancybox-content {
  width: 1000px !important;
  height: 562px !important;
  max-width: 80%;
  max-height: 80%; }

.fancybox-bg {
  background: #38b676 !important; }

.btn_top {
  position: fixed;
  left: 10px;
  bottom: 10px;
  z-index: 10; }
  .btn_top img {
    width: 100px; }

/* ==========================================================================
	page_1
========================================================================== */
.confetti-Box {
  position: relative;
  overflow: hidden; }

.confetti {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.page_1 {
  background-color: #ffffff;
  background-image: url("../images/laip-bg_1.jpg"); }
  .page_1 h1 {
    position: absolute;
    top: -10px;
    left: 30%;
    margin-left: -575px; }
  .page_1 h2 {
    padding-top: 480px;
    text-align: center; }
.page_1 h3 {
    position: absolute;
    top: 80px;
    left: 30%;
    margin-left: -575px; }
.page_1 h3 a{
	width: 394;
    height: 247px; }


/* ==========================================================================
	page_2
========================================================================== */
.page_2 {
  background-color: #ffffff;
  background-image: url("../images/laip-bg_2.jpg"); }
  .page_2 h1 {
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -575px; }
  .page_2 h2 {
    padding-top: 0px;
    text-align: center; }


/* ==========================================================================
	page_3
========================================================================== */
.page_3 {
  height: auto;
  background-color: #ffffff;
  background-image: url("../images/laip-bg_3_2.jpg");
  background-position: bottom center; }
  .page_3 .events {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 120px;
    margin: auto;
    width: 1100px; }
    .page_3 .events a, .page_2 .events .event_coming {
      margin-bottom: 10px; }
    .page_3 .events a:nth-child(4),
    .page_3 .events img:nth-last-of-type(5) {
      margin-left: 75px; }
    .page_3 .events a:nth-child(5),
    .page_3 .events img:nth-last-of-type(4) {
      margin-right: 75px; }
    .page_3 .events a:hover {
      -webkit-transform: scale(1.06, 1.06);
      -ms-transform: scale(1.06, 1.06);
      transform: scale(1.06, 1.06);
      -webkit-filter: brightness(1.08);
      -ms-filter: brightness(1.08);
      filter: brightness(1.08); }
    .page_3 .events img {
      width: 350px; }
/* ==========================================================================
	page_4
========================================================================== */
/* 
.page_4 {
  height: auto;
  background-color: #ffffff;
  background-image: url("../images/laip-bg_4.jpg");
  background-position: bottom center; }
  .page_4 .events {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 120px;
    margin: auto;
    width: 1100px; }
    .page_4 .events a, .page_2 .events .event_coming {
      margin-bottom: 10px; }
    .page_4 .events a:nth-child(4),
    .page_4 .events img:nth-last-of-type(5) {
      margin-left: 75px; }
    .page_4 .events a:nth-child(5),
    .page_4 .events img:nth-last-of-type(4) {
      margin-right: 75px; }
    .page_4 .events a:hover {
      -webkit-transform: scale(1.06, 1.06);
      -ms-transform: scale(1.06, 1.06);
      transform: scale(1.06, 1.06);
      -webkit-filter: brightness(1.08);
      -ms-filter: brightness(1.08);
      filter: brightness(1.08); }
    .page_4 .events img {
      width: 350px; }
*/
/* ==========================================================================
	page_5
========================================================================== */
.page_5 {
  height: auto;
  background-color: #ffffff;
  background-image: url("../images/laip-bg_5.jpg");
  background-position: bottom center; }
  .page_5 .events {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 120px;
    margin: auto;
    width: 1100px; }
    .page_5 .events a, .page_2 .events .event_coming {
      margin-bottom: 10px; }
    .page_5 .events a:nth-child(4),
    .page_5 .events img:nth-last-of-type(5) {
      margin-left: 75px; }
    .page_5 .events a:nth-child(5),
    .page_5 .events img:nth-last-of-type(4) {
      margin-right: 75px; }
    .page_5 .events a:hover {
      -webkit-transform: scale(1.06, 1.06);
      -ms-transform: scale(1.06, 1.06);
      transform: scale(1.06, 1.06);
      -webkit-filter: brightness(1.08);
      -ms-filter: brightness(1.08);
      filter: brightness(1.08); }
    .page_5 .events img {
      width: 350px; }
/* ==========================================================================
	page_6
========================================================================== */
.page_6 {
  margin-top: -40px;
  height: auto;
  background-image: url("../images/laip-bg_4-1.jpg");
  background-repeat: repeat;
  background-position: 0 20px;
  }
  .page_6 h2 {
    margin-top: 30px; }
  .page_6:before {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    width: 100%;
    height: 40px;
    background-image: url("../images/laip-bg_4-2.png");
    background-repeat: repeat-x; }

  .page_6 .content {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    font-family: "Noto Serif JP";
    font-weight: 500; }
    .page_6 .content h3 {
      display: inline-block;
      padding: 0 13px;
      margin-bottom: 5px;
      font-size: 16px;
      color: #fff45c;
      background-color: #39776a; }
    .page_6 .content ol {
      padding-left: 20px;
      margin: 0; }
      .page_6 .content ol li {
        list-style-position: outside;
        list-style-type: decimal; }
        .page_6 .content ol li a {
          color: #c70025; }
          .page_6 .content ol li a:hover {
            text-decoration: underline; }
    .page_6 .content p:nth-last-of-type(1) {
      margin-bottom: 25px; }
  .page_6 .button {
    margin: 60px 0 30px;
    text-align: center; }
    .page_6 .button a:first-child {
      margin-right: 20px; }
    .page_6 .button a:hover img {
      -webkit-filter: brightness(1.06);
      -ms-filter: brightness(1.06);
      filter: brightness(1.06); }
    .page_6 .button a img {
      width: 320px; }
  .page_6 .app a {
    margin-right: 10px; }
    .page_6 .app a:last-child {
      margin-right: 0; }
    .page_6 .app a img {
      height: 60px; }
  .page_6 footer {
    padding: 70px 0 30px;
    font-size: 13px;
    text-align: center;
    font-weight: bold; }
    .page_6 footer .logo_xlegend {
      margin: 0 auto 18px;
      height: 36px; }
    .page_6 footer .links {
      flex-wrap: wrap; }
      .page_6 footer .links a {
        padding: 0 15px;
        margin-bottom: 10px;
        color: #333333;
        line-height: 13px;
        border-right: 1px #333333 solid; }
        .page_6 footer .links a:hover {
          color: #118767;
          text-decoration: underline; }
        .page_6 footer .links a:last-child {
          border-right-width: 0; }


/* ==========================================================================
	RWD
========================================================================== */
@media screen and (max-width: 1366px) {
  section {
    height: 688px; }
    section h2 img {
      height: 200px; }
	
	
	.menu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
}
.menu:before {
	content: '';
	display: block;
	width: 100%;
	height: 55px;
	background: #020137;
	opacity: 0.9;
}
.menu ul {
	position: absolute;
	top: 0;
	left: 50px;
	right: 0;
	margin: auto;
	width: 100%;
	max-width: 900px;
}
.menu a {
	position: relative;
	display: inline-block;
	margin-right: -4px;
	width: 25%;
	height: 70px;
}
.menu a:before {
	position: absolute;
	top: 51px;
	bottom: 0;
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background: #fff;
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.menu a:hover:before {
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.menu a span {
	position: absolute;
	top: -12px;
	bottom: 0;
	display: block;
	margin: auto;
	width: 100%;
	height: 16px;
	font-size: 13px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	border-width: 0 1px 0 0;
	border-color: #fff;
	border-style: solid;
}
.menu a:first-child span {
	border-width: 0 1px 0 1px;
}

  .btn_top img {
    width: 90px; }

	
  .page_1 h1 {
    margin-left: -350px; }
    .page_1 h1 img {
      width: 320px; }
  .page_1 h2 {
    padding-top: 375px; }
    .page_1 h2 img {
      width: 620px;
      height: auto; }
	
	 .page_2 h1 {
    margin-left: -430px; }
   
  .page_2 h2 {
    padding-top: 1000px; }
    .page_2 h2 img {
		  
      width: 520px;
      height: auto; }

  .page_3 {	
  background-image: url("../images/laip-bg_4.jpg");
  background-position: bottom center; 
    background-size: 1366px auto; }
    .page_3 .events img {
      width: 320px; }
	 /* .page_4 {
		
    background-size: 1366px auto; }
    .page_4 .events img {
      width: 320px; } */
	.page_5 {
	background-image: url("../images/laip-bg_5_m.jpg");
    background-size: 1366px auto; }
    .page_5 .events img {
      width: 320px; }
  
  .page_6 .content {
    width: 830px; }
  
  .page_6 .button a img {
    width: 300px; } 
  
}
@media screen and (max-width: 900px) {
  section {
    height: 600px;
    min-height: 133.34vw; }

  section h2 {
    padding: 4vw 0; }
    section h2 img {
      height: 24vw; }

  .fancybox-slide--video .fancybox-content {
    width: 100vw !important;
    height: 56.25vw !important;
    max-width: 100vw; }

  .btn_top img {
    width: 12vw;
    min-width: 60px; }

  .wrap {
    min-width: 100vw; }

  .page_1 {
    background-image:url(../images/laip-bg_1_m.jpg);		
	background-size:100% auto;  }
    .page_1 h1 {
      top: 30px;
      margin-left: -37vw; }
      .page_1 h1 img {
        width: 50vw;
        max-width: 394px; }
    .page_1 h2 {
      padding-top: 120vw; }
      .page_1 h2 img {
        width: 90vw; }
	.page_1 h3 {
      top: 65px;
      margin-left: -39vw; }
      .page_1 h3 img {
        width: 50vw;
        max-width: 394px; }
	
	.page_2 {
	background-image: url("../images/laip-bg_2_m.jpg");
    background-position: 0 0;
    background-size: 100% auto; }
   
    .page_2 h2 {
      padding-top: 10vw; }
      .page_2 h2 img {
        width: 90vw; }

  .page_3 {
    background-size: 123%; }
    .page_3 .events {
      width: 86vw; }
      .page_3 .events img {
        width: 100%; }
      .page_3 .events a, .page_3 .events .event_coming {
        margin-bottom: 1.5vw;
        width: 100%;
         }
      .page_3 .events a:nth-child(4),
      .page_3 .events img:nth-last-of-type(5) {
        margin-left: 0; }
      .page_3 .events a:nth-child(5),
      .page_3 .events img:nth-last-of-type(4) {
        margin-right: 0; }

  /* .page_4 {
    background-size: 123%; }
    .page_4 .events {
      width: 86vw; }
      .page_4 .events img {
        width: 100%; }
      .page_4 .events a, .page_4 .events .event_coming {
        margin-bottom: 1.5vw;
        width: 100%;
         }
      .page_4 .events a:nth-child(4),
      .page_4 .events img:nth-last-of-type(5) {
        margin-left: 0; }
      .page_4 .events a:nth-child(5),
      .page_4 .events img:nth-last-of-type(4) {
        margin-right: 0; }
	.page_4 h2 {
      padding-top: -200vw; }       */  
	
	.page_5 {
    background-size: 123%; }
    .page_5 .events {
      width: 86vw; }
      .page_5 .events img {
        width: 100%; }
      .page_5 .events a, .page_5 .events .event_coming {
        margin-bottom: 1.5vw;
        width: 100%;
         }
      .page_5 .events a:nth-child(4),
      .page_5 .events img:nth-last-of-type(5) {
        margin-left: 0; }
      .page_5 .events a:nth-child(5),
      .page_5 .events img:nth-last-of-type(4) {
        margin-right: 0; }


	
  .page_6 .content {
    width: 80vw; }

  .page_6 .content {
    font-size: 15px; }
    .page_6 .content h3 {
      font-size: 15px; }
  .page_6 .button {
    margin: 8vw 0 4vw; }
    .page_6 .button a:first-child {
      margin-right: 2.5vw; }
    .page_6 .button a img {
      width: 38vw; }
  .page_6 .app a {
    margin-right: 1.7vw; }
    .page_6 .app a img {
      height: 7.5vw; }
  .page_6 footer {
    padding: 8vw 15px 12vw;
    font-weight: normal; }
    .page_6 footer .links {
      font-weight: bold; } 
}


@media screen and (max-width: 1024px) {
  
.menu:before {
	content: '';
	display: block;
	width: 100%;
	height: 80px;
	background: #020137;
	opacity: 0.9;
}
.menu ul {
	position: absolute;
	top: 0;
	left: 250px;
	right: -500px;
	margin: 0 ;
	width: 100%;
	max-width: 900px;
}
.menu a {
	position: relative;
	display: inline-block;
	margin-right: -4px;
	width: 25%;
	height: 70px;
}
.menu a:before {
	position: absolute;
	top: 70px;
	bottom: 0;
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background: #fff;
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.menu a:hover:before {
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.menu a span {
	position: absolute;
	top: -12px;
	bottom: 0;
	display: block;
	margin: auto;
	width: 100%;
	height: 0px;
	font-size: 20px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	border-width: 0 1px 0 0;
	border-color: #fff;
	border-style: solid;
}
.menu a:first-child span {
	border-width: 0 1px 0 1px;
}
.page_5 .events {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 120px;
    margin: auto;
    width: 1100px; }
    .page_5 .events a, .page_2 .events .event_coming {
      margin-bottom: 10px; }
    .page_5 .events a:nth-child(4),
    .page_5 .events img:nth-last-of-type(5) {
      margin-left: 75px; }
    .page_5 .events a:nth-child(5),
    .page_5 .events img:nth-last-of-type(4) {
      margin-right: 75px; }
    .page_5 .events a:hover {
      -webkit-transform: scale(1.06, 1.06);
      -ms-transform: scale(1.06, 1.06);
      transform: scale(1.06, 1.06);
      -webkit-filter: brightness(1.08);
      -ms-filter: brightness(1.08);
      filter: brightness(1.08); }
    .page_5 .events img {
      width: 350px; }
	
	.page_1 h1 {
    position: absolute;
    top: 50px;
    left: 48%;
    margin-left: -575px; }
	
	 .page_2 h2 {
    padding-top: 0px;
    text-align: center; }
	
	.page_1 h3 {
    position: absolute;
    top: 110px;
    left:44%;
    margin-left: -575px; }
  
}

@media screen and (max-width: 768px) {
  section {
    height: 1280px;
    min-height: 133.34vw; }

  section h2 {
    padding: 4vw 0; }
    section h2 img {
      height: 24vw; }
	
	.menu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
}
.menu:before {
	content: '';
	display: block;
	width: 100%;
	height: 55px;
	background: #020137;
	opacity: 0.9;
}
.menu ul {
	position: absolute;
	top: 0;
	left: 98px;
	right: -500px;
	margin: 0 ;
	width: 100%;
	max-width: 900px;
}
.menu a {
	position: relative;
	display: inline-block;
	margin-right: -4px;
	width: 25%;
	height: 70px;
}
.menu a:before {
	position: absolute;
	top: 51px;
	bottom: 0;
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background: #fff;
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.menu a:hover:before {
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.menu a span {
	position: absolute;
	top: -12px;
	bottom: 0;
	display: block;
	margin: auto;
	width: 100%;
	height: 16px;
	font-size: 15px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	border-width: 0 1px 0 0;
	border-color: #fff;
	border-style: solid;
}
.menu a:first-child span {
	border-width: 0 1px 0 1px;
}

	.page_1 h2 {
      padding-top: 105vw; }
      .page_1 h2 img {
        width: 90vw; }
	
	.page_1 h3 {
      top: 90px;
      margin-left: -50vw; }
      .page_1 h3 img {
        width: 50vw;
        max-width: 394px; }
	
	.page_3 {
    background-size: 123%; }
    .page_3 .events {
      width: 86vw; }
      .page_3 .events img {
        width: 100%; }
      .page_3 .events a, .page_3 .events .event_coming {
        margin-bottom: 1.5vw;
        width: 50%;
         }
      .page_3 .events a:nth-child(4),
      .page_3 .events img:nth-last-of-type(5) {
        margin-left: 0; }
      .page_3 .events a:nth-child(5),
      .page_3 .events img:nth-last-of-type(4) {
        margin-right: 0; }

  /* .page_4 {
    background-size: 123%; }
    .page_4 .events {
      width: 86vw; }
      .page_4 .events img {
        width: 100%; }
      .page_4 .events a, .page_4 .events .event_coming {
        margin-bottom: 1.5vw;
        width: 50%;
         }
      .page_4 .events a:nth-child(4),
      .page_4 .events img:nth-last-of-type(5) {
        margin-left: 0; }
      .page_4 .events a:nth-child(5),
      .page_4 .events img:nth-last-of-type(4) {
        margin-right: 0; }
	.page_4 h2 {
      padding-top: -200vw; }      
	   */
	.page_5 {
    background-size: 123%; }
    .page_5 .events {
      width: 86vw; }
      .page_5 .events img {
        width: 100%; }
      .page_5 .events a, .page_5 .events .event_coming {
        margin-bottom: 1.5vw;
        width: 50%;
        }
      .page_5 .events a:nth-child(4),
      .page_5 .events img:nth-last-of-type(5) {
        margin-left: 0; }
      .page_5 .events a:nth-child(5),
      .page_5 .events img:nth-last-of-type(4) {
        margin-right: 0; }
.page_1 h1 {
    position: absolute;
    top: 5px;
    left: 70%;
    margin-left: -575px; }
	
	
}

@media screen and (max-width: 728px) {
	
  .page_5 footer .links a:nth-last-of-type(2) {
    border-right-width: 0; } }
@media screen and (max-width: 600px) {
  .page_5 .content {
    font-size: 14px;
    line-height: 24px; }
    .page_5 .content h3 {
      font-size: 14px; }
  .page_5 footer .links a {
    margin-bottom: 16px; } }
@media screen and (max-width: 480px) {
  section h2 img {
    height: 30vw; }

  .page_2 .events {
    padding-bottom: 12vw; }
    .page_2 .events a, .page_2 .events .event_coming {
      width: 100%;
      height: 100%; }

	
	.page_3 .events {
    padding-bottom: 12vw; }
    .page_3 .events a, .page_2 .events .event_coming {
      width: 100%;
      height: 100%; }

  /* .page_4 .events {
    padding-bottom: 12vw; }
    .page_4 .events a, .page_2 .events .event_coming {
      width: 100%;
      height: 100%; }
*/
  .page_5 .content {
    width: 88vw; }

  .page_5:before {
    top: -4vw;
    height: 8vw;
    background-size: auto 100%; }
  .page_5 .button a img {
    width: 41vw; }
  .page_5 .app a img {
    height: 9vw; }
  .page_5 footer {
    padding: 8vw 15px 15vw; }
    .page_5 footer .logo_xlegend {
      height: 7.5vw; }
    .page_5 footer .links a {
      padding: 0 4vw; }
      .page_5 footer .links a:nth-last-of-type(3) {
        border-right-width: 0; }
}



@media screen and (max-width: 411px) {
  section {
    height: 720px;
    min-height: 133.34vw; }

  section h2 {
    padding: 4vw 0; }
    section h2 img {
      height: 24vw; }
	
	
	.menu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
}
.menu:before {
	content: '';
	display: block;
	width: 100%;
	height: 55px;
	background: #020137;
	opacity: 0.9;
}
.menu ul {
	position: absolute;
	top: 0;
	left: 50px;
	right: -500px;
	margin: 0 ;
	width: 100%;
	max-width: 900px;
}
.menu a {
	position: relative;
	display: inline-block;
	margin-right: -4px;
	width: 25%;
	height: 70px;
}
.menu a:before {
	position: absolute;
	top: 51px;
	bottom: 0;
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background: #fff;
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.menu a:hover:before {
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.menu a span {
	position: absolute;
	top: -12px;
	bottom: 0;
	display: block;
	margin: auto;
	width: 100%;
	height: 16px;
	font-size: 15px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	border-width: 0 1px 0 0;
	border-color: #fff;
	border-style: solid;
}
.menu a:first-child span {
	border-width: 0 1px 0 1px;
}

	.page_1 h2 {
      padding-top: 115vw; }
      .page_1 h2 img {
        width: 90vw; }
	.page_1 h3 {
      top: 68px;
      margin-left: -53vw; }
      .page_1 h3 img {
        width: 50vw;
        max-width: 394px; }
	
  .page_5 {
    background-size: 123%; }
    .page_5 .events {
      width: 86vw; }
      .page_5 .events img {
        width: 100%; }
      .page_5 .events a, .page_5 .events .event_coming {
        margin-bottom: 1.5vw;
        width: 100%;
        }
      .page_5 .events a:nth-child(4),
      .page_5 .events img:nth-last-of-type(5) {
        margin-left: 0; }
      .page_5 .events a:nth-child(5),
      .page_5 .events img:nth-last-of-type(4) {
        margin-right: 0; }

}

@media screen and (max-width: 540px) {
  section {
    height: 900px;
    min-height: 133.34vw; }

  section h2 {
    padding: 4vw 0; }
    section h2 img {
      height: 24vw; }
	
	
	
	
	.menu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
}
.menu:before {
	content: '';
	display: block;
	width: 100%;
	height: 55px;
	background: #020137;
	opacity: 0.9;
}
.menu ul {
	position: absolute;
	top: 0;
	left: 65px;
	right: -500px;
	margin: 0 ;
	width: 100%;
	max-width: 900px;
}
.menu a {
	position: relative;
	display: inline-block;
	margin-right: -4px;
	width: 25%;
	height: 70px;
}
.menu a:before {
	position: absolute;
	top: 51px;
	bottom: 0;
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background: #fff;
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.menu a:hover:before {
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.menu a span {
	position: absolute;
	top: -12px;
	bottom: 0;
	display: block;
	margin: auto;
	width: 100%;
	height: 16px;
	font-size: 15px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	border-width: 0 1px 0 0;
	border-color: #fff;
	border-style: solid;
}
.menu a:first-child span {
	border-width: 0 1px 0 1px;
}
	
	
.page_1 h1 {
      top: 20px;
      margin-left: -78vw; }
      .page_1 h1 img {
        width: 50vw;
        max-width: 394px; }	
	
.page_1 h2 {
      padding-top: 115vw; }	
	
	.page_1 h3 {
      top: 80px;
      margin-left: -53vw; }
      .page_1 h3 img {
        width: 50vw;
        max-width: 394px; }	
	
.page_5 {
    background-size: 123%; }
    .page_5 .events {
      width: 86vw; }
      .page_5 .events img {
        width: 100%; }
      .page_5 .events a, .page_5 .events .event_coming {
        margin-bottom: 1.5vw;
        width: 100%;
        }
      .page_5 .events a:nth-child(4),
      .page_5 .events img:nth-last-of-type(5) {
        margin-left: 0; }
      .page_5 .events a:nth-child(5),
      .page_5 .events img:nth-last-of-type(4) {
        margin-right: 0; }
	
}

@media screen and (max-width: 414px) {
  section {
    height: 680px;
    min-height: 133.34vw; }

  section h2 {
    padding: 4vw 0; }
    section h2 img {
      height: 24vw; }
	
	.page_1 h2 {
      padding-top: 105vw; }
      .page_1 h2 img {
        width: 90vw; }
	
	.menu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
}
.menu:before {
	content: '';
	display: block;
	width: 100%;
	height: 55px;
	background: #020137;
	opacity: 0.9;
}
.menu ul {
	position: absolute;
	top: 0;
	left: 52px;
	right: -500px;
	margin: 0 ;
	width: 100%;
	max-width: 900px;
}
.menu a {
	position: relative;
	display: inline-block;
	margin-right: -4px;
	width: 25%;
	height: 70px;
}
.menu a:before {
	position: absolute;
	top: 51px;
	bottom: 0;
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background: #fff;
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.menu a:hover:before {
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.menu a span {
	position: absolute;
	top: -12px;
	bottom: 0;
	display: block;
	margin: auto;
	width: 100%;
	height: 16px;
	font-size: 15px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	border-width: 0 1px 0 0;
	border-color: #fff;
	border-style: solid;
}
.menu a:first-child span {
	border-width: 0 1px 0 1px;
}


	
	.page_1 h2 {
      padding-top: 115vw; }
      .page_1 h2 img {
        width: 90vw; }
	.page_1 h3 {
      top: 68px;
      margin-left: -53vw; }
      .page_1 h3 img {
        width: 50vw;
        max-width: 394px; }
	
	
 .page_5 {
    background-size: 123%; }
    .page_5 .events {
      width: 86vw; }
      .page_5 .events img {
        width: 100%; }
      .page_5 .events a, .page_5 .events .event_coming {
        margin-bottom: 1.5vw;
        width: 100%;
        }
      .page_5 .events a:nth-child(4),
      .page_5 .events img:nth-last-of-type(5) {
        margin-left: 0; }
      .page_5 .events a:nth-child(5),
      .page_5 .events img:nth-last-of-type(4) {
        margin-right: 0; }
 }

@media screen and (max-width: 375px) {
  section {
    height: 610px;
    min-height: 133.34vw; }

  section h2 {
    padding: 4vw 0; }
    section h2 img {
      height: 24vw; }
	
	.page_1 h1 {
      top: 26px;
      margin-left: -78vw; }
      .page_1 h1 img {
        width: 50vw;
        max-width: 394px; }
	
	.page_1 h2 {
      padding-top: 105vw; }
      .page_1 h2 img {
        width: 90vw; }
	.page_5 {
    background-size: 123%; }
    .page_5 .events {
      width: 86vw; }
      .page_5 .events img {
        width: 100%; }
      .page_5 .events a, .page_5 .events .event_coming {
        margin-bottom: 1.5vw;
        width: 100%;
        }
      .page_5 .events a:nth-child(4),
      .page_5 .events img:nth-last-of-type(5) {
        margin-left: 0; }
      .page_5 .events a:nth-child(5),
      .page_5 .events img:nth-last-of-type(4) {
        margin-right: 0; }

}


@media screen and (max-width: 360px) {
	
	section {
    height: 600px;
    min-height: 133.34vw; }

  section h2 {
    padding: 4vw 0; }
    section h2 img {
      height: 24vw; }
	
	.menu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
}
.menu:before {
	content: '';
	display: block;
	width: 100%;
	height: 55px;
	background: #020137;
	opacity: 0.9;
}
.menu ul {
	position: absolute;
	top: 0;
	left: 45px;
	right: -500px;
	margin: 0 ;
	width: 100%;
	max-width: 900px;
}
.menu a {
	position: relative;
	display: inline-block;
	margin-right: -4px;
	width: 25%;
	height: 70px;
}
.menu a:before {
	position: absolute;
	top: 51px;
	bottom: 0;
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background: #fff;
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.menu a:hover:before {
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.menu a span {
	position: absolute;
	top: -12px;
	bottom: 0;
	display: block;
	margin: auto;
	width: 100%;
	height: 16px;
	font-size: 15px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	border-width: 0 1px 0 0;
	border-color: #fff;
	border-style: solid;
}
.menu a:first-child span {
	border-width: 0 1px 0 1px;
}

	.page_1 h1 {
      top: 27px;
      margin-left: -78vw; }
      .page_1 h1 img {
        width: 50vw;
        max-width: 394px; }

	
	.page_1 h2 {
      padding-top: 115vw; }
      .page_1 h2 img {
        width: 90vw; }
	
	.page_1 h3 {
      top: 68px;
      margin-left: -51vw; }
      .page_1 h3 img {
        width: 50vw;
        max-width: 394px; }
	
  .page_5 {
    background-size: 123%; }
    .page_5 .events {
      width: 86vw; }
      .page_5 .events img {
        width: 100%; }
      .page_5 .events a, .page_5 .events .event_coming {
        margin-bottom: 1.5vw;
        width: 100%;
        }
      .page_5 .events a:nth-child(4),
      .page_5 .events img:nth-last-of-type(5) {
        margin-left: 0; }
      .page_5 .events a:nth-child(5),
      .page_5 .events img:nth-last-of-type(4) {
        margin-right: 0; }
 }


@media screen and (max-width: 320px) {
  section {
    height: 530px;
    min-height: 133.34vw; }

  section h2 {
    padding: 4vw 0; }
    section h2 img {
      height: 24vw; }


	.page_5 {
    background-size: 123%; }
    .page_5 .events {
      width: 86vw; }
      .page_5 .events img {
        width: 100%; }
      .page_5 .events a, .page_5 .events .event_coming {
        margin-bottom: 1.5vw;
        width: 100%;
        }
      .page_5 .events a:nth-child(4),
      .page_5 .events img:nth-last-of-type(5) {
        margin-left: 0; }
      .page_5 .events a:nth-child(5),
      .page_5 .events img:nth-last-of-type(4) {
        margin-right: 0; }}