@font-face {
  font-family: "impact";
  src: url("../font/impact.woff")  format('woff');
}

body{margin: 0px auto;padding:0px;width:auto;background:#FFF;max-width: 2000px;}
ul,li{ padding:0px; margin:0px; list-style:none;}


ul{width:100%;margin:0 auto;}
li{ text-align:center;}

.formtext {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
}



.content{
    width: 100%;
    max-width: 75.5%;
    margin-right: auto;
    margin-left: auto;
    position:relative;
    overflow:hidden;
    }
.content2{
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    position:relative;
    overflow:hidden;
    }

.lightbox { display: none; }

	
.cl_box{
    margin: 0 auto 1% auto;}
	
.cl_box a{ color:#FFF;}

.sp{ display:none;}

.scroll{ display:none;}
.mfrom {
    width: 100%;
    /* text-align: center; */
    outline: 0;
    border: #231815 2px solid;
    color: #a6a8a8;
    font-size: 1.4vw;
    margin: 0 auto 5% auto;
    padding: 1.5% 3%;
}

.pc{ display:block;}
.sp{ display:none;}



.p1{
	background: url(../img/001.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
	position:relative;
	height: 100vh;
	margin: 0 0 0 0;
	}
.p1:before{
    content: "";
    display: block;
    padding-top: 100vh; /* 1:1 */
    }

.p1h{    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
	right:0;
    width: 100%;
    height: 100%;
	margin:0 auto;}
	

.p2{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */background: url(../img/002.jpg) no-repeat;background-size: cover;background-position: center top;position:relative;height: 120vh;margin: 0 0 0 0;}
.p2:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 120vh;
    }

.p2h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
.p3{
	background: url(../img/003.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0% 0;
	z-index: 0;
	}
.p3:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 139.55%;
    }

.p3h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p4{
	background: url(../img/004.jpg) no-repeat;
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
	position:relative;
	height: auto;
	margin: 0% 0 0 0;
	z-index: 5;
	}
.p4:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p4h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p5{
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */
	 /* Old browsers */
	
 /* FF3.6-15 */
	
 /* Chrome10-25,Safari5.1-6 */
	
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
 /* IE6-9 */
	
background: #FFF;
	
background-size: cover;
	
background-position: center top;
	
position:relative;
	
height: auto;
	
margin: 0 0 0 0;
	
z-index: 0;
	}
.p5:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p5h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	

.p6{
	background: url(../img/006.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p6:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 60.95%;
    }

.p6h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p7{
	background: #fafafa;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p7:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p7h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p8{
	background: #FFF;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 2;
	}
.p8:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p8h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p9{
	background: url(../img/009.jpg) no-repeat #fafafa;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p9:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p9h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p10{
	background: url(../img/010.jpg) no-repeat #fafafa;
	background-size: 100% auto;
	background-position: right top;
	position:relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p10:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p10h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p11{
	background: url(../img/006.jpg) no-repeat;
	background-size: cover;
	background-position: right top;
	background-attachment: fixed;
	position:relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p11:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p11h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.cl{background: #323232;color:#FFF;padding: 1% 0;}


.p1 img,.p2 img,.p3 img,.p4 img,.p5 img,.p6 img,.p7 img,.p8 img,.p9 img,.p10 img,.p11 img,.p12 img,.p13 img,.p14 img,.p15 img,.p16 img,.p17 img,.p18 img,.p19 img,.p20 img,.p21 img,.p22 img,.p23 img,.t1 img,.w01 img,.t2 img,.t3 img,.t4 img,.t5 img,.t6 img,.t7 img,.t8 img,.p21 img,.p22 img,.p23 img,.p24 img,.p25 img,.review img{ width:100%;}
.addFriend input{ width:100%;}


.form_box1{position: relative;top: 0;width: 58.3%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 1;}
.form_box1 input{
    width: 100%;
    height: 0%;
    text-align: center;
    border-radius: 500px;
    outline: 0;
    border: #aaa 2px solid;
    color: #666;
    font-size: 2.2vw;
    margin: 0 auto 3% auto;
    padding: 3% 5%;
}

.scroll_img{
    position: absolute;
    top: 0;
    right: 34.5%;
    margin: 0 auto;
    width: 4%;
	animation: arrowmove 1s ease-in-out infinite;
}
@keyframes arrowmove{
      0%{top:0%;}
      50%{top:3%;}
     100%{top:0%;}
 }
 
 .head_content{
    position: relative;
    width: 90%;
    max-width: 1200px;
    margin: 30px auto;
}
.container{
    max-width: 1200px;
    padding: 0;
    margin: 0;
    position: relative;
    width: 90%;
}
.container:before{ content: none;}

.e1{position: absolute;top: 2%;width: 50%;max-width: 176px;left: 0;margin: 0 auto;z-index: 1;}
.e2{position: absolute;top: 3%;width: 50%;max-width: 164px;right: 0;margin: 0 auto;z-index: 3;}
.e3{position: absolute;left: 0;right: 0;top: 25.5%;width: 80%;max-width: 653px;margin: 0 auto;z-index: 5;}
.e4{position: absolute;right: 0;left: 0;top: 36.8%;width: 90%;max-width: 958px;margin: 0 auto;z-index: 5;}

.e4_5{position: absolute;right: 0;left: 0;top: 47.0%;width: 15.8%;max-width: 958px;margin: 0 auto;z-index: 5;}

.e5{position: absolute;right: 0;left: 0;top: 63.8%;width: 90%;max-width: 356px;margin: 0 auto;z-index: 5;}
.e6{position: absolute;right: 0;left: 0;top: 67.8%;width: 90%;max-width: 396px;margin: 0 auto;z-index: 5;}
.e7{position: absolute;right: 0;left: 0;top: 81.8%;width: 80%;max-width: 315px;margin: 0 auto;z-index: 5;}
.e8{position: absolute;right: 0;left: 5%;top: -12.2%;width: 90%;max-width: 1305px;margin: 0 auto;z-index: 1;}
.e9{position: relative;right: 0;left: 0;top: 0;width: 90%;max-width: 1060px;margin: 0 auto 2%;z-index: 5;mix-blend-mode: multiply;}
.e10{position: relative;left: 0;right: 0;top: 0;width: 90%;max-width: 1052px;margin: 2% auto 0;z-index: 0;mix-blend-mode: multiply;opacity: 0;}
.e11{position: relative;left: 0;right: 0;top: 0;width: 90%;max-width: 327px;margin: 0 auto;padding: 8vh 0;z-index: 10;}
.red_bg{
    position: relative;
    /* background: #c8003c; */
    /* mix-blend-mode: multiply; */
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    /* z-index: 6; */
}
.red_bg:before{}
.redbg{
    background: #c8003c;
    mix-blend-mode: multiply;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}

.center_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 120vh;
    width: 100%;
}
.center_in{
    width: 100%;
}

.slider1{
    position: relative;
    top: 21%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0% 0 3%;
    right: 0;
    left: 0;
    z-index: 1;
}
.slider1 ul{}
.slider1 li{}
.slider1 li img{
    height: 420px;
    object-fit: cover;
}


.slider2{
    position: relative;
    top: 9%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0% 0 3%;
    right: 0;
    left: 0;
    z-index: 1;
}
.slider2 ul{}
.slider2 li{}

.slider2 li img{
    object-fit: cover;
    width: 100%;
    margin: 0 auto;
    max-height: 1210px;
    height: 100%;
}


.slick-dots li button:before{color:#303030;opacity: 1;}
.slick-prev:before, .slick-next:before{ color:#5a5a5a;}
.slick-dots li.slick-active button:before{color:#d71021;}
.slick-dots{
    bottom: -10%;
}
.slick-dotted.slick-slider{
    margin-bottom: 20%;
}
.slider1{}

.slick-prev{
    left: 2%;
    width: 50px;
    height: 50px;
    z-index: 10;
}
.slick-next{
    right: 2%;
    width: 50px;
    height: 50px;
    z-index: 10;
}
.slick-prev:before, .slick-next:before{
    color: #323232;
    opacity: 0.7;
    font-size: 50px;
}

.e12{position: absolute;right: 0;left: 0;top: 5.2%;width: 26.05%;margin: 0 auto;z-index: 0;}
.e13{position: absolute;right: 0;left: 0;top: 11.2%;width: 3.5%;margin: 0 auto;z-index: 0;}
.e14{position: absolute;left: 27.3%;top: 20.9%;width: 21.5%;margin: 0 auto;z-index: 0;opacity: 0;}
.e15{position: absolute;top: 42.5%;width: 18.05%;right: 24%;margin: 0 auto;z-index: 6;opacity: 0;}
.e16{position: absolute;top: 63.3%;width: 16.7%;left: 27.3%;margin: 0 auto;z-index: 6;opacity: 0;}
.e17{position: absolute;top: 84.5%;width: 23.45%;right: 0;left: 0;margin: 0 auto;z-index: 6;}

.e18{position: absolute;top: 91.0%;width: 39.9%;right: 0;left: 0;margin: 0 auto;z-index: 6;}

.white_box{position: relative;width: 54.65%;margin: 0 auto 5%;padding: 1%;height: 100%;}
.white_box_in{
    position: relative;
    background: #FFF;
}
.white_box_in:before{content: '';/* padding-top: 57%; */display: block;}

.white_box_in2{
    position: relative;
    background: #FFF;
}
.white_box_in2:before{content: '';/* padding-top: 136%; */display: block;}

.e19{position: absolute;top: 2.34%;width: 66.05%;left: 0;right: 0;margin: 0 auto;z-index: 0;mix-blend-mode: multiply;opacity: 0.6;}
.e20{position: relative;top: 57%;width: 25.65%;left: 0;right: 0;margin: 6% auto 6%;z-index: 6;}
.e21{position: absolute;top: 0;width: 39.00%;left: 0;margin: 0 auto;z-index: 0;}
.e22{position: absolute;bottom: 0;width: 39.00%;right: 0;margin: 0 auto;z-index: 0;}
.e23{position: relative;top: 0;width: 38.8%;right: 0;left: 0;margin: 0 auto;padding: 2% 0 2%;z-index: 6;}




.white_bg{position: relative;top: 30.3%;width: 56.10%;right: 0;left: 0;margin: 0 auto 3%;z-index: 1;background: #FFF;padding: 1% 0 0 0;overflow: hidden;border-radius: 20px;}
.white_bg:before{content: ''; padding-top: 20%;}

.green_bg{position: relative;top: 0;width: 28.55%;right: 0;left: 0;margin: 3% auto;z-index: 1;background: #FFF;border: solid 1px #505050;border-radius: 5px;}
.green_bg:before{}

.e24{position: relative;top: 0;width: 42.8%;right: 0;left: 0;margin: 0 auto;padding: 2% 0 2%;z-index: 6;}
.e25{position: relative;top: 0;width: 45.2%;right: 0;left: 0;margin: 0 auto;padding: 2% 0 2%;z-index: 6;}

.e26{position: relative;top: 0;width: 17.8%;right: 0;left: 0;margin: 4% auto 0;z-index: 5;}
.e27{position: relative;top: 0;width: 19.8%;right: 0;left: 0;margin: 1% auto 4%;z-index: 10;}
.e28{position: absolute;top: 10%;width: 41.55%;right: 0;left: 0;margin: 0 auto;z-index: 6;}
.e29{position: absolute;top: 30%;width: 30.95%;right: 0;left: 0;margin: 0 auto;z-index: 6;}

.e30-e35{
    position: relative;
    left: 0;
    top: 42%;
    width: 40.45%;
    margin: 3% auto 3%;
    right: 0%;
    padding: 0;
    z-index: 7;
}
.e30-e35 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e30-e35 li{
    width: 29.7%;
    margin: 0;
    margin-bottom: 5%;
    position: relative;
}


.e30-e35 li img{ width:100%;}


.e36{position: relative;top: 0;width: 35.25%;left: 0%;right: 0;margin: 3% auto 0;z-index: 2;}
.e37{position: relative;top: 35%;width: 32.45%;left: 0%;right: 0;margin: 1% auto 0;z-index: 2;}


.e38-e40{
    position: relative;
    left: 0;
    top: 42%;
    width: 40.45%;
    margin: 3% auto 3%;
    right: 0%;
    padding: 0;
    z-index: 7;
}
.e38-e40 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e38-e40 li{
    width: 29.7%;
    margin: 0;
    margin-bottom: 5%;
    position: relative;
}


.e38-e40 li img{ width:100%;}


.e38{position: absolute;top: 67%;width: 25.4%;left: 33%;margin: 0 auto;z-index: 2;}
.e39{position: absolute;top: 78%;width: 12.6%;right: 33.3%;margin: 0 auto;z-index: 2;}


.e40{position: absolute;top: 72.5%;width: 5.55%;right: 33%;margin: 0 auto;z-index: 1;}
.e41{position: relative;top: 0;width: 37.55%;right: 0;left: 0;margin: 5% auto 0%;z-index: 1;}
.e42{position: relative;top: 0;width: 25.35%;right: 0;left: 0;margin: 2% auto 4%;z-index: 1;}

.e43{position: relative;top: 0;width: 18.85%;right: 0;left: 0;margin: 1.5% auto 0%;z-index: 1;}
.e44-e45{
    position: relative;
    left: 0;
    top: 47%;
    width: 48.0%;
    margin: -1.5% auto 3%;
    right: 0%;
    padding: 0;
    z-index: 7;
}
.e44-e45 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e44-e45 li{
    width: 47.3%;
    margin: 0 0%;
    margin-bottom: 0;
    position: relative;
}

.e44-e45 li img{ width:100%;}

.e46{position: relative;top: 0;width: 36.0%;right: 0;left: 0;margin: 4% auto 0%;z-index: 1;}
.e47{position: relative;top: 0;width: 17.80%;right: 0;left: 0;margin: 3% auto 0%;z-index: 1;}
.e48{position: relative;top: 0;width: 19.80%;right: 0;left: 0;margin: 1.0% auto 5%;z-index: 1;}

.e49{position: relative;top: 0;width: 21.3%;left: 0;right: 0;margin: 5% auto 0;z-index: 1;}
.e50{position: relative;top: 0;width: 27.15%;left: 0;right: 0;margin: 2% auto 0;z-index: 1;}
.e51{position: relative;top: 0;width: 28.55%;left: 0;right: 0;margin: 3% auto 0;z-index: 1;}
.e52{position: relative;top: 0;width: 28.55%;left: 0;right: 0;margin: 1.5% auto 0;z-index: 1;}
.e53{position: relative;top: 0;width: 28.55%;left: 0;right: 0;margin: 1.5% auto 0;z-index: 1;}
.e54{position: relative;top: 0;width: 17.8%;left: 0;right: 0;margin: 4% auto 0;z-index: 1;}
.e55{position: relative;top: 0;width: 19.8%;left: 0;right: 0;margin: 1.0% auto 0;z-index: 1;}


.e56{position: relative;top: 0;width: 32.2%;left: 0;right: 0;margin: 10% auto 9%;z-index: 10;}



.e57{position: relative;top: 0;width: 82.9%;left: 0;right: 0;margin: 0 auto;padding: 0% 0 0 0;z-index: 1;}
.e58{position: relative;top: 0;width: 58.0%;right: 0;left: 0;margin: 10% auto 10% auto;z-index: 3;}

.e59{position: relative;top: 0;width: 79.1%;left: 0;right: 0;margin: 0 auto 8%;padding: 0% 0 0 0;z-index: 1;}
.e60{position: relative;top: 0;width: 71.9%;left: 0;right: 0;margin: 0 auto;padding: 0% 0 0 0;z-index: 1;}
.e61{position: relative;top: 0;width: 58.0%;right: 0;left: 0;margin: 10% auto 10% auto;z-index: 3;}

.e62{position: relative;top: 0;width: 37.15%;left: 25%;margin: 8% 0 0  0;padding: 0% 0 0 0;z-index: 1;}
.e63{position: relative;top: 0;width: 32.35%;left: 25.2%;margin: 3% 0 0 0;padding: 0% 0 0 0;z-index: 1;}
.e64{position: relative;top: 0;width: 31.15%;left: 25%;margin: 4% 0 0 0;padding: 0% 0 0 0;z-index: 1;}
.e65{position: relative;top: 0;width: 31.25%;left: 25.0%;right: 0;margin: 4% 0 7% 0;padding: 0% 0 0 0;z-index: 1;}

.e66{position: relative;top: 57%;width: 25.65%;left: 0;right: 0;margin: 6% auto 6%;z-index: 6;}

.e69{position: relative;top: 0;width: 28.8%;right: 0;left: 0;margin: 0 auto;padding: 2% 0 2%;z-index: 6;}
.e70{position: relative;top: 0;width: 37.9%;right: 0;left: 0;margin: 0 auto;padding: 2% 0 2%;z-index: 6;}
.e71{position: relative;top: 0;width: 37.2%;right: 0;left: 0;margin: 0 auto;padding: 2% 0 2%;z-index: 6;}

.e72{position: absolute;top: 2.34%;width: 66.90%;left: 0;right: 0;margin: 0 auto;z-index: 0;opacity: 0.6;}
.e73{position: absolute;top: 28%;width: 20.65%;left: 0;right: 0;margin: 0 auto;z-index: 6;}

.mv_menu{
    width: 41%;
    margin: 0 auto 3%;
}
.mv_menu ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.mv_menu li{
    width: 49%;
}
.mv_menu a{}

.title_set{
    margin: 2% auto 0;
    position: relative;
}
.title_set:before{content:'';display: block;padding-top: 12%;}


.ml_title{
    background: #c8003c;
    color: #FFF;
    width: 70%;
    margin: 0 auto;
    font-size: 24px;
    text-align: left;
    padding: 1% 2%;
}
.mov_list{
    width: 70%;
    margin: 1% auto;
}
.mov_list ul{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.mov_list li{
    width: 24%;
    margin: 0 0 2% 0;
}
.mov_list li a{}
.mov_list li a:hover{text-decoration: none;}
.mov_list .th{}
.mov_list .th img{}
.mov_list .mov_title_set{
    background-color: rgba(255,255,255,0.8);
}
.mov_list .title{
    text-align: left;
    color: #000;
    padding: 1%;
    font-weight: bold;
    font-size: 20px;
}
.mov_list .detail{text-align: left;color: #000;padding: 1%;}
.al_date{
    background: #c8003c;
    color: #FFF;
}


.floating_btn{position: fixed;bottom: 5%;right: 5%;z-index: 10;width: 10%;}
.floating_btn a{ display:block;}
.floating_btn img{
    width: 100%;
}



.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width: 500px;
  padding: 50px;
  z-index: 2;
  border: solid 1px #FFF;
  background-color: rgba(0,0,0,0.4);
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  display: none;
}
.close-btn i {
  font-size: 20px;
  color: #333;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}
.pop_t{
    color: #FFF;
    font-size: 22px;
    margin: 0 0 40px 0;
}
.pop_mes{
    width: 50%;
    color: #FFF;
}
.pop_send{
    width: 50%;
}
.pop_send input{
    background: #c8003c;
    color: #FFF;
    border: none;
    padding: 15px;
    border-radius: 7px;
    margin: 0;
}
.pop_form{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 20px 0 0px 0;
}
.pop_mes label{
    margin: 0;
    font-weight: normal;
    display: block;
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
}
.pop_mes input[type=checkbox] {
    display: none;
}
.checkbox-a {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 00px 5px 40px;
    position: relative;
    width: auto;
}
.checkbox-a::before {
    background: #fff;
    border: 3px solid #c8003c;
    border-radius: 0;
    content: '';
    display: block;
    height: 24px;
    left: 5px;
    margin-top: -14px;
    position: absolute;
    top: 50%;
    width: 24px;
}
.checkbox-a::after {
    border-right: 6px solid #c8003c;
    border-bottom: 3px solid #c8003c;
    content: '';
    display: block;
    height: 26px;
    left: 17px;
    margin-top: -22px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 13px;
}
.pop_mes input[type=checkbox]:checked + .checkbox-a::before {
    border-color: #c8003c;
}
.pop_mes input[type=checkbox]:checked + .checkbox-a::after {
    opacity: 1;
}
.my-gallery{}
.my-gallery video{
    width: 100%;
    height: auto;
}

.kiyaku_all{ padding: 20px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 400px;
    margin: 0 auto;}

.kiyaku_all a{ color:#FFF;}

.addFriend{
    width: 68%;
    margin: -1% auto 10% auto;
}

.info_send .addFriend { margin: 5% auto 5% auto;     width: 31.2%;}
input{ width:100%;}
.line_btn a{ display:block;}
.line_btn img,.line_btn input
	{
		animation:
			bounce 2s ease infinite normal 0s none running
		;
		-webkit-animation:
			bounce 2s ease infinite normal 0s none running
		;
		-ms-animation:
			bounce 2s ease infinite normal 0s none running
		;
	}
	
.line_btn2 a{ display:block;}
.line_btn2 img,.line_btn input
	{
		animation:
			bounce2 2s ease infinite normal 0s none running
		;
		-webkit-animation:
			bounce2 2s ease infinite normal 0s none running
		;
		-ms-animation:
			bounce2 2s ease infinite normal 0s none running
		;
	}
	
	@keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: scale(1.0);
		}
		40% {
		    transform: scale(1.2);
		}
		60% {
		    transform: scale(1.1);
		}
		
	}

	@keyframes bounce2 {
		0%, 100%, 20%, 50%, 80% {
		    transform:  translateY(0);
		}
		40% {
		    transform:  translateY(-12.0%);
		}
		60% {
		    transform:  translateY(-7.0%);
		}
		
	}

.reflection.go {
  height: 100%;
  width: 8%;
  position: absolute;
  top: -56%;
  left: -3%;
  background-color: #fff;
  opacity     :0;
  transform: rotate(45deg);
  animation: reflection 2s ease-in-out ;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 2s ease-in-out ;
  -moz-transform: rotate(45deg);
  -moz-animation: reflection 2s ease-in-out ;
  -ms-transform: rotate(45deg);
  -ms-animation: reflection 2s ease-in-out ;
  -o-transform: rotate(45deg);
  -o-animation: reflection 2s ease-in-out ;
}


@keyframes reflection {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
  0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
  0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
  0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}

@media screen and ( max-width:1450px )
{
.e8 {
    position: absolute;
    right: 0;
    left: -8%;
    top: -12.2%;
    width: 150%;
    max-width: 1565px;
    margin: 0 auto;
    z-index: 1;
}


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



}


@media screen and ( max-width:768px )
{
	html{ overflow:auto;}
	body{ margin:0px; padding:0px; width:auto; background:none; overflow:hidden;}
.content{
max-width: 100%;
    }
	



.pc{ display:none;}
.sp{ display:block;}

.mfrom {
    width: 100%;
    /* text-align: center; */
    outline: 0;
    border: #231815 2px solid;
    color: #a6a8a8;
    font-size: 3.4vw;
    margin: 0 auto 5% auto;
    padding: 1.5% 3%;
}



.parallax {
  width: 100%;

	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:inherit;
	text-align: center;
}



.kiyaku_all{
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 88%;
    margin: 0 auto;
    }

.kiyaku_all a{ color:#FFF;}




.p1{
	background: url(../img/001.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
	position:relative;
	height: 100vh;
	margin: 0 0 0 0;
	}
.p1:before{
    content: "";
    display: block;
    padding-top: 100vh; /* 1:1 */
    }

.p1h{    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
	right:0;
    width: 100%;
    height: 100%;
	margin:0 auto;}
	

.p2{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */background: url(../img/002.jpg) no-repeat;background-size: cover;background-position: center top;position:relative;height: 120vh;margin: 0 0 0 0;}
.p2:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 120vh;
    }

.p2h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
.p3{
	background: url(../img/003.jpg) no-repeat;
	background-size: 270% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0% 0;
	z-index: 0;
	}
.p3:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 369.55%;
    }

.p3h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p4{
	background: url(../img/004.jpg) no-repeat;
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
	position:relative;
	height: auto;
	margin: 0% 0 0 0;
	z-index: 5;
	}
.p4:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p4h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p5{
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */
	 /* Old browsers */
	
 /* FF3.6-15 */
	
 /* Chrome10-25,Safari5.1-6 */
	
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
 /* IE6-9 */
	
background: #FFF;
	
background-size: cover;
	
background-position: center top;
	
position:relative;
	
height: auto;
	
margin: 0 0 0 0;
	
z-index: 0;
	}
.p5:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p5h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	

.p6{
	background: url(../img/006.jpg) no-repeat;
	background-size: 250% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p6:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 133.95%;
    }

.p6h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p7{
	background: #fafafa;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p7:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p7h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p8{
	background: #FFF;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 2;
	}
.p8:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p8h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p9{
	background: url(../img/009.jpg) no-repeat;
	background-size: 100% auto;

	background-position: center top;
	position:relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p9:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p9h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p10{
	background: url(../img/010.jpg) no-repeat #fafafa;
	background-size: 239% auto;
	background-position: right top;
	position:relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p10:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p10h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
.p11{
	background: url(../img/006.jpg) no-repeat;
	background-size: cover;
	background-position: right top;
	background-attachment: fixed;
	position:relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p11:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p11h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.cl{background: #323232;color:#FFF;padding: 1% 0;}


.p1 img,.p2 img,.p3 img,.p4 img,.p5 img,.p6 img,.p7 img,.p8 img,.p9 img,.p10 img,.p11 img,.p12 img,.p13 img,.p14 img,.p15 img,.p16 img,.p17 img,.p18 img,.p19 img,.p20 img,.p21 img,.p22 img,.p23 img,.t1 img,.w01 img,.t2 img,.t3 img,.t4 img,.t5 img,.t6 img,.t7 img,.t8 img,.p21 img,.p22 img,.p23 img,.p24 img,.p25 img,.review img{ width:100%;}
.addFriend input{ width:100%;}


.form_box1{position: relative;top: 0;width: 58.3%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 1;}
.form_box1 input{
    width: 100%;
    height: 0%;
    text-align: center;
    border-radius: 500px;
    outline: 0;
    border: #aaa 2px solid;
    color: #666;
    font-size: 2.2vw;
    margin: 0 auto 3% auto;
    padding: 3% 5%;
}

.scroll_img{
    position: absolute;
    top: 0;
    right: 34.5%;
    margin: 0 auto;
    width: 4%;
	animation: arrowmove 1s ease-in-out infinite;
}
@keyframes arrowmove{
      0%{top:0%;}
      50%{top:3%;}
     100%{top:0%;}
 }
 
 .head_content{
    position: relative;
    width: 90%;
    max-width: 1200px;
    margin: 30px auto;
}
.container{
    max-width: 1200px;
    padding: 0;
    margin: 0;
    position: relative;
    width: 90%;
}
.container:before{ content: none;}

.e1{position: absolute;top: 2%;width: 50%;max-width: 176px;left: 0;margin: 0 auto;z-index: 1;}
.e2{position: absolute;top: 3%;width: 50%;max-width: 164px;right: 0;margin: 0 auto;z-index: 3;}
.e3{position: absolute;left: 0;right: 0;top: 26.5%;width: 80%;max-width: 653px;margin: 0 auto;z-index: 5;}
.e4{position: absolute;right: 0;left: 0;top: 35.8%;width: 90%;max-width: 958px;margin: 0 auto;z-index: 5;}
.e4_5{position: absolute;right: 0;left: 0;top: 42%;width: 35%;max-width: 958px;margin: 0 auto;z-index: 5;}

.e5{position: absolute;right: 0;left: 0;top: 55.8%;width: 90%;max-width: 356px;margin: 0 auto;z-index: 5;}
.e6{position: absolute;right: 0;left: 0;top: 61.8%;width: 90%;max-width: 396px;margin: 0 auto;z-index: 5;}
.e7{position: absolute;right: 0;left: 0;top: 76.8%;width: 80%;max-width: 315px;margin: 0 auto;z-index: 5;}
.e8{position: absolute;right: 0;left: -43%;top: -8.2%;width: 200%;max-width: 1305px;margin: 0 auto;z-index: 1;}
.e9{position: relative;right: 0;left: 0;top: 0;width: 90%;max-width: 1060px;margin: 0 auto;z-index: 5;mix-blend-mode: multiply;}
.e10{position: relative;left: 0;right: 0;top: 0;width: 90%;max-width: 1052px;margin: 0 auto;z-index: 0;mix-blend-mode: multiply;}
.e11{position: relative;left: 0;right: 0;top: 0;width: 90%;max-width: 327px;margin: 0 auto;padding: 6vh 0;z-index: 10;}
.red_bg{
    position: relative;
    /* background: #c8003c; */
    /* mix-blend-mode: multiply; */
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    /* z-index: 6; */
}
.red_bg:before{}
.redbg{
    background: #c8003c;
    mix-blend-mode: multiply;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}

.center_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 120vh;
    width: 100%;
}
.center_in{
    width: 100%;
}

.slider1{
    position: relative;
    top: 27%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0% 0 3%;
    right: 0;
    left: 0;
    z-index: 1;
}
.slider1 ul{}
.slider1 li{}

.slider2{
    position: absolute;
    top: 18%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0% 0 3%;
    right: 0;
    left: 0;
    z-index: 1;
}
.slider2 ul{}
.slider2 li{}


.slider1 li img{
    height: 420px;
    object-fit: cover;
}

.slider2 li img{
    object-fit: cover;
    width: 100%;
    margin: 0 auto;
    max-height: 1210px;
    height: 100%;
}

.slick-dots li button:before{color:#303030;opacity: 1;}
.slick-prev:before, .slick-next:before{ color:#5a5a5a;}
.slick-dots li.slick-active button:before{color:#d71021;}
.slick-dots{
    bottom: -10%;
}
.slick-dotted.slick-slider{
    margin-bottom: 20%;
}
.slider1{}

.slick-prev{
    left: 2%;
    width: 50px;
    height: 50px;
    z-index: 10;
}
.slick-next{
    right: 2%;
    width: 50px;
    height: 50px;
    z-index: 10;
}
.slick-prev:before, .slick-next:before{
    color: #323232;
    opacity: 0.7;
    font-size: 50px;
}

.e12{position: absolute;right: 0;left: 0;top: 4.2%;width: 90%;margin: 0 auto;z-index: 0;}
.e13{position: absolute;right: 0;left: 0;top: 11.2%;width: 15%;margin: 0 auto;z-index: 0;}
.e14{position: absolute;left: 5%;top: 19.5%;width: 75.5%;margin: 0 auto;z-index: 0;}
.e15{position: absolute;top: 40.5%;width: 68.05%;right: 5%;margin: 0 auto;z-index: 6;}
.e16{position: absolute;top: 62.9%;width: 60.7%;left: 5%;margin: 0 auto;z-index: 6;}
.e17{position: absolute;top: 84.5%;width: 90%;right: 0;left: 0;margin: 0 auto;z-index: 6;}

.e18{position: absolute;top: 92.5%;width: 90%;right: 0;left: 0;margin: 0 auto;z-index: 6;}

.white_box{position: relative;width: 90%;margin: 0 auto 5%;padding: 1%;height: 100%;}
.white_box_in{
    position: relative;
    background: #FFF;
}
.white_box_in:before{content: '';/* padding-top: 100%; */display: block;}

.white_box_in2{
    position: relative;
    background: #FFF;
}
.white_box_in2:before{content: '';padding-top: 200%;display: block;}

.e19{position: absolute;top: 2.34%;width: 100%;left: 0;right: 0;margin: 0 auto;z-index: 0;mix-blend-mode: multiply;opacity: 0.6;}
.e20{position: relative;top: 57%;width: 90%;left: 0;right: 0;margin: 6% auto 6%;z-index: 6;}
.e21{position: absolute;top: 0;width: 39.00%;left: 0;margin: 0 auto;z-index: 0;}
.e22{position: absolute;bottom: 0;width: 39.00%;right: 0;margin: 0 auto;z-index: 0;}
.e23{position: relative;top: 0;width: 90%;right: 0;left: 0;margin: 0 auto;padding: 5% 0 2%;z-index: 6;}




.white_bg{position: relative;top: 30.3%;width: 56.10%;right: 0;left: 0;margin: 0 auto 3%;z-index: 1;background: #FFF;padding: 1% 0 0 0;overflow: hidden;border-radius: 20px;}
.white_bg:before{content: ''; padding-top: 20%;}

.green_bg{position: relative;top: 0;width: 90%;right: 0;left: 0;margin: 10% auto;z-index: 1;background: #FFF;border: solid 1px #3bbf00;border-radius: 5px;}
.green_bg:before{}

.e24{position: relative;top: 0;width: 90%;right: 0;left: 0;margin: 0 auto;padding: 5% 0 2%;z-index: 6;}
.e25{position: relative;top: 0;width: 90%;right: 0;left: 0;margin: 0 auto;padding: 6% 0 2%;z-index: 6;}

.e26{position: relative;top: 0;width: 80%;right: 0;left: 0;margin: 8% auto 0;z-index: 5;}
.e27{position: relative;top: 0;width: 90%;right: 0;left: 0;margin: 2% auto 8%;z-index: 10;}
.e28{position: absolute;top: 10%;width: 90%;right: 0;left: 0;margin: 0 auto;z-index: 6;}
.e29{position: absolute;top: 30%;width: 90%;right: 0;left: 0;margin: 0 auto;z-index: 6;}

.e30-e35{
    position: relative;
    left: 0;
    top: 45%;
    width: 90%;
    margin: 3% auto 3%;
    right: 0%;
    padding: 0;
    z-index: 7;
}
.e30-e35 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e30-e35 li{
    width: 29.7%;
    margin: 0;
    margin-bottom: 5%;
    position: relative;
}


.e30-e35 li img{ width:100%;}


.e36{position: relative;top: 0;width: 90%;left: 0%;right: 0;margin: 3% auto 0;z-index: 2;}
.e37{position: relative;top: 0;width: 80%;left: 0%;right: 0;margin: 2% auto 0;z-index: 2;}


.e38-e40{
    position: relative;
    left: 0;
    top: 0;
    width: 90%;
    margin: 10% auto 5%;
    right: 0%;
    padding: 0;
    z-index: 7;
}
.e38-e40 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 70%;
    align-items: center;
}
.e38-e40 li{
    width: 100%;
    margin: 0;
    margin-bottom: 15%;
    position: relative;
}


.e38-e40 li img{ width:100%;}


.e38{position: absolute;top: 67%;width: 25.4%;left: 33%;margin: 0 auto;z-index: 2;}
.e39{position: absolute;top: 78%;width: 12.6%;right: 33.3%;margin: 0 auto;z-index: 2;}


.e40{position: absolute;top: 72.5%;width: 5.55%;right: 33%;margin: 0 auto;z-index: 1;}
.e41{position: relative;top: 0;width: 90%;right: 0;left: 0;margin: 10% auto 0%;z-index: 1;}
.e42{position: relative;top: 0;width: 90%;right: 0;left: 0;margin: 7% auto 4%;z-index: 1;}

.e43{position: relative;top: 0;width: 80%;right: 0;left: 0;margin: 10.5% auto 0%;z-index: 1;}
.e44-e45{
    position: relative;
    left: 0;
    top: 47%;
    width: 90%;
    margin: 0% auto 3%;
    right: 0%;
    padding: 0;
    z-index: 7;
}
.e44-e45 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e44-e45 li{
    width: 100%;
    margin: -9% 0% 0;
    margin-bottom: 0;
    position: relative;
}

.e44-e45 li img{ width:100%;}

.e46{position: relative;top: 0;width: 90%;right: 0;left: 0;margin: 9% auto 0%;z-index: 1;}
.e47{position: relative;top: 0;width: 80%;right: 0;left: 0;margin: 8% auto 0%;z-index: 1;}
.e48{position: relative;top: 0;width: 90%;right: 0;left: 0;margin: 2% auto 9%;z-index: 1;}

.e49{position: relative;top: 0;width: 70%;left: 0;right: 0;margin: 8% auto 0;z-index: 1;}
.e50{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 5% auto 0;z-index: 1;}
.e51{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 5% auto 0;z-index: 1;}
.e52{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 5% auto 0;z-index: 1;}
.e53{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 5% auto 0;z-index: 1;}
.e54{position: relative;top: 0;width: 80%;left: 0;right: 0;margin: 8% auto 0;z-index: 1;}
.e55{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 2% auto 0;z-index: 1;}


.e56{position: relative;top: 0;width: 40%;left: 0;right: 0;margin: 10% auto 9%;z-index: 10;}



.e57{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 0 auto;padding: 0% 0 0 0;z-index: 1;}
.e58{position: relative;top: 0;width: 90%;right: 0;left: 0;margin: 10% auto 10% auto;z-index: 3;}

.e59{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 0 auto 8%;padding: 0% 0 0 0;z-index: 1;}
.e60{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 0 auto;padding: 0% 0 0 0;z-index: 1;}
.e61{position: relative;top: 0;width: 90%;right: 0;left: 0;margin: 10% auto 10% auto;z-index: 3;}

.e62{position: relative;top: 0;width: 94%;left: 3%;margin: 10% 0 0  0;padding: 0% 0 0 0;z-index: 1;}
.e63{position: relative;top: 0;width: 94%;left: 3%;margin: 8% 0 0 0;padding: 0% 0 0 0;z-index: 1;}
.e64{position: relative;top: 0;width: 94%;left: 3%;margin: 8% 0 0 0;padding: 0% 0 0 0;z-index: 1;}
.e65{position: relative;top: 0;width: 94%;left: 3%;right: 0;margin: 8% 0 10% 0;padding: 0% 0 0 0;z-index: 1;}


.e66{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 8% auto 8%;z-index: 6;}

.e69{position: absolute;top: 0;width: 80%;right: 0;left: 0;margin: 0 auto;padding: 4% 0 2%;z-index: 6;}
.e70{position: relative;top: 0;width: 80%;right: 0;left: 0;margin: 0 auto;padding: 6% 0 2%;z-index: 6;}
.e71{position: relative;top: 0;width: 80%;right: 0;left: 0;margin: 0 auto;padding: 5% 0 2%;z-index: 6;}

.e72{position: absolute;top: 4.34%;width: 160%;left: 0;right: 0;margin: 0 -30%;z-index: 0;opacity: 0.6;}
.e73{position: absolute;top: 28%;width: 60%;left: 0;right: 0;margin: 0 auto;z-index: 6;}

.mv_menu{
    width: 95%;
    margin: 4% auto 7%;
}
.mv_menu ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.mv_menu li{
    width: 49%;
}
.mv_menu a{}


.title_set{
    margin: 2% auto 0;
    position: relative;
}
.title_set:before{content:'';display: block;padding-top: 27%;}


.ml_title{
    background: #c8003c;
    color: #FFF;
    width: 95%;
    margin: 0 auto;
    font-size: 5.4vw;
    text-align: left;
    padding: 1% 2%;
}
.mov_list{
    width: 95%;
    margin: 4% auto;
}
.mov_list ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.mov_list li{
    width: 100%;
    margin: 0 0 2% 0;
}
.mov_list li a{}
.mov_list li a:hover{text-decoration: none;}
.mov_list .th{}
.mov_list .th img{}
.mov_list .mov_title_set{
    background-color: rgba(255,255,255,0.8);
}
.mov_list .title{
    text-align: left;
    color: #000;
    padding: 3%;
    font-weight: bold;
    font-size: 4.2vw;
}
.mov_list .detail{text-align: left;color: #000;padding: 3%;font-size: 3.2vw;}
.al_date{
    background: #c8003c;
    color: #FFF;
}



.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width: 500px;
  padding: 5%;
  z-index: 2;
  border: solid 1px #FFF;
  background-color: rgba(0,0,0,0.4);
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  display: none;
}
.close-btn i {
  font-size: 20px;
  color: #333;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}
.pop_t{
    color: #FFF;
    font-size: 4.2vw;
    margin: 0 0 40px 0;
}
.pop_mes{
    width: 50%;
    color: #FFF;
}
.pop_send{
    width: 50%;
}
.pop_send input{
    background: #c8003c;
    color: #FFF;
    border: none;
    padding: 15px;
    border-radius: 7px;
    margin: 0;
}
.pop_form{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 20px 0 0px 0;
}
.pop_mes label{
    margin: 0;
    font-weight: normal;
    display: block;
    display: flex;
    flex-wrap: wrap;
    font-size: 3.2vw;
}
.pop_mes input[type=checkbox] {
    display: none;
}
.checkbox-a {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 00px 5px 40px;
    position: relative;
    width: auto;
}
.checkbox-a::before {
    background: #fff;
    border: 3px solid #c8003c;
    border-radius: 0;
    content: '';
    display: block;
    height: 24px;
    left: 5px;
    margin-top: -14px;
    position: absolute;
    top: 50%;
    width: 24px;
}
.checkbox-a::after {
    border-right: 6px solid #c8003c;
    border-bottom: 3px solid #c8003c;
    content: '';
    display: block;
    height: 26px;
    left: 17px;
    margin-top: -22px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 13px;
}
.pop_mes input[type=checkbox]:checked + .checkbox-a::before {
    border-color: #c8003c;
}
.pop_mes input[type=checkbox]:checked + .checkbox-a::after {
    opacity: 1;
}


.kiyaku_all{
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 340px;
    margin: 0 auto;
    }

.kiyaku_all a{ color:#FFF;}


.kiyaku_all .kiyaku{
    width: 100%;
    margin: 0 0 2%;
}


.mb30{
    margin-bottom: 10%;
}

.white_bg2{
    position: relative;
    top: 41%;
    width: 90%;
    right: 0;
    left: 0;
    margin: 0 auto 5%;
    z-index: 1;
    background: #FFF;
    padding: 1%;
    overflow: hidden;
}
.scroll_box{
    overflow: scroll;
    border: solid 2px #bb9358;
    text-align: left;
    padding: 0% 3%;
    height: 90px;
}
.scroll_box h2{
    font-size: 24px;
    font-weight: bold;
}
.scroll_box .txt{
    font-size: 3.2vw;
}

.scroll{
display: block;
    position: absolute;
    left: 0%;
    top: 92%;
    width: 60%;
    margin: 0 auto;
    right: 0%;
    z-index: 1;
}


}

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


}

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

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


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


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

}

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

}

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

}
}