@charset "UTF-8";
/* common
---------------------------------------------------- */
html{
}
body {
	scrollbar-gutter: stable; 
	position:relative;
	/*font-family: , sans-serif;*/
	color: #072039;
	font-weight:500;
	width: 100%;
	max-width: 100%;
	overflow-x:hidden;
	box-sizing:border-box;
	
	min-width: 1120px;
	line-height: 1;
}
body *{
	box-sizing:border-box;
}
button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}
.anc {
	display: block;
	height: 0;
	margin: 0;
	padding: 0;
	position: relative;
	top: -100px;
}
img{
	width: auto;
	vertical-align:top;
}


/*loading
---------------------------------------------------- */

/*header
---------------------------------------------------- */
.common-header{
    position: relative;
    z-index: 999;
    height: 48px;
    background: #fff;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	display:none;
}
.common-header img {
    height: 20px;
    height: 17px;
    width: auto
}
.common-header a {
    color: #333;
    font-size: 14px;
}

/* bg
---------------------------------------------------- */
.bg{
	
}
.fix_bg.type1{
	position:fixed;
	z-index:1;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background-image: url(../images/sec0_bg.jpg);
	background-size: cover;
	background-position: center top;
}
.fix_bg.type2{
	/*
	position:fixed;
	z-index:1;
	top:0;
	left:0%;
	width:100vw;
	height:100vh;
	background-image: url(../images/sec0_ef.png);
	background-size: cover;
	background-position: center top;
	filter:hue-rotate(200deg);
	mix-blend-mode:hard-light;
	animation: hueRotate-anime01 5s linear infinite;
	opacity:1;
	transition:1.0s opacity ease;
	*/
}
.fix_bg.type2.active{
	opacity:0;
}


@keyframes hueRotate-anime01 {
  from { filter: hue-rotate(0deg); }
  to { filter: hue-rotate(360deg); }
}

/* sec
---------------------------------------------------- */
.sec{
	position:relative;
	z-index:10;
	text-align:center;
	opacity:1;
	transition:0.5s opacity ease;
}
.sec.active{
	opacity:0;
}

.sec .wrap{
	margin: auto;
	text-align:center;
}
.sec_box{
}
.sec_main{
	margin: 0px 0 50px;
}
.sec_main img{
	width:100%;
	max-width:1450px;
	min-width:1450px;
	margin:0 -700px;
}

.sec_ttl{
}
.image_type1 img{
	width:100%;
}

/* sec0
---------------------------------------------------- */
.sec0{
	margin-bottom: 180px;
}
.sec0 .wrap{
	position:relative;
}
.sec0_main{
	position:relative;
	z-index:10;
	top: 0px;
}
.sec0_main img{
    width: 100%;
    max-width: 100%;
    min-width: 2100px;
    margin: 0 -900px;
}

.sec0_btn{
	position:absolute;
	z-index:15;
	bottom: 20%;
	left:calc(50% - 260px);
}
.sec0_btn a img{
	max-width:520px;
	position:relative;
	transform:scale(1);
	transition:0.3s ease;
}
.sec0_btn a:hover img{
	filter:brightness(1.05);
	transform:scale(0.98);
	transition:0.15s ease;
}



/* sec4
---------------------------------------------------- */
.sec4_couponlist{
	width:1000px;
	position:absolute;
	left:50%;
	margin:0 -500px;
	bottom:145px;
	padding:0px 75px;
	text-align:left;
}
.sec4_couponlist ul{
	overflow-y:scroll;
	max-height: 450px;
	padding:20px 30px;
	border:solid 1.5px #DDD;
}

.sec4_couponlist li,
.sec4_couponlist li a{
	font-size: 20px;
	line-height:1.5;
	color:#DDD;
	text-decoration:underline;
	font-feature-settings:'palt';
}
.sec4_couponlist li a:hover{
	color:#00b2ff;
}
.sec4_couponlist .sec4_list_ttl{
	font-size: 22px;
	line-height: 2.2;
	color:#DDD;
	text-decoration:none;
	font-feature-settings:'palt';
	/* padding: 0 0 5px 0px; */
}




/* sec5
---------------------------------------------------- */
.sec5{
}
.sec5 .sec_ttl img{
	max-width:450px;
	margin-top:30px;
}
.sec5_icon{
	margin-top:50px;
}
.sec5_icon a img{
	position:relative;
	transform:scale(1);
	transition:0.3s ease;
}
.sec5_icon a:hover img{
	filter:brightness(1.05);
	transform:scale(0.98);
	transition:0.15s ease;
}
.sec5_icon img{
	width:100%;
	max-width:400px;
}
.sec5_btn{
	margin-top: 80px;
}
.sec5_btn a img{
	position:relative;
	transform:scale(1);
	transition:0.3s ease;
}
.sec5_btn a:hover img{
	filter:brightness(1.05);
	transform:scale(0.98);
	transition:0.15s ease;
}

/* menu
---------------------------------------------------- */
.menu{
	position:relative;
	z-index:1000;
	text-align:center;
	height:0;
}
#move-menu.active{
	position:absolute;
	top: -250px;
	width:100%;
}
#move-menu{
	position:fixed;
	top: -10px;
	width:100%;
}



.move-menu_wrap{
	text-align:center;
}
.move-menu_list{
	width: 100%;
	height:110px;
	font-size:0;
	margin:auto;
	background-image:
		url(../images/menu_bg_side2.png),
		url(../images/menu_bg_side1.png);
	background-position:
		left,
		right;
	background-size: 
		auto 100%,
		auto 100%;
	background-repeat: no-repeat;
	background-color:#000
}
.move-menu_list li{
	display:inline-block;
	padding:17px 5px;
	width:auto;
}
.move-menu_list li a{
	
}
.move-menu_list li a img{
	height: 75px;
	/* margin:0 -15px; */
}
.move-menu_list li a img{
	position:relative;
	transition:0.3s ease;
}
.move-menu_list li a:hover img{
	filter:brightness(1.1);
	transition:0.15s ease;
}



/* footer
---------------------------------------------------- */

.common-footer {
    position: relative;
    z-index: 999;
    background: #fff;
    padding: 20px;
    display: flex;
    justify-content: center;
    margin-top: 150px;
}
.common-footer a {
    color: #333
}

.common-footer p {
    margin: 0;
    color: #757575;
    font-size: 12px
}


/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1120px) {
	.fix_bg.type1{
		position:fixed;
		z-index:1;
		top:0;
		left:0;
		width:1120px;
		height:100vh;
	}
}

/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 800px) {



	/* common
	---------------------------------------------------- */
	html{
	}
	body {
		min-width: 0px;
	}
	body *{
		box-sizing:border-box;
	}
	button{
	}
	.anc {
		top: 0;
	}
	img{
	}
	
	
	/*loading
	---------------------------------------------------- */
	
	/*header
	---------------------------------------------------- */
	.common-header{
	}
	.common-header img {
	}
	.common-header a {
	}
	
	/* bg
	---------------------------------------------------- */
	.bg{
	}
	.fix_bg.type1{
		position:fixed;
		z-index:1;
		top:-5%;
		left:0;
		width:100vw;
		height:110vh;
		background-image: url(../images/sec0_bg_sp.jpg);
		background-size: cover;
		background-position: center top;
	}
	.fix_bg.type2{
	}
	.fix_bg.type2.active{
		opacity:1;
	}

	
	/* sec
	---------------------------------------------------- */
	.sec{
		margin-bottom: 0vw;
	}
	.sec .wrap{
		margin: auto;
	}
	.sec_box{
	}
	.sec_main{
		margin: 0 0 8vw;
	}
	.sec_main img{
		width:100%;
		max-width:100%;
		min-width:0;
		margin:0 -700px;
	}

	
	/* sec0
	---------------------------------------------------- */
	.sec0{
		margin-bottom: 8vw;
	}
	.sec0 .wrap{
		position:relative;
		margin-left:0;
		margin-right:0;
	}
	.sec0_main{
		position:relative;
		z-index:10;
	}
	.sec0_main img{
		width:100%;
		max-width:100%;
		min-width:0;
		
	}
	.sec0_btn{
		width: 100%;
		position:absolute;
		z-index:15;
		bottom: 2%;
		left:0;
		padding:0 6vw 0;
	}
	.sec0_btn a img{
		width:100%;
	}
	.sec0_btn a:hover img{
		filter:brightness(1);
		transform:scale(1);
	}


	/* sec4
	---------------------------------------------------- */
	.sec4_couponlist{
		width:100%;
		position:absolute;
		left:0;
		margin:0;
		bottom: 20.5vw;
		padding:0px 10vw;
		text-align:left;
	}
	.sec4_couponlist ul{
		overflow-y:scroll;
		max-height: 65.5vw;
		padding:4vw 4vw;
		border:solid 1.5px #DDD;
	}
	.sec4_couponlist li,
	.sec4_couponlist li a{
		font-size:3.4vw;
		line-height:1.2;
		color:#DDD;
		text-decoration:underline;
		font-feature-settings:'palt';
	}
	.sec4_couponlist li{
		margin-bottom:2vw;
	}
	.sec4_couponlist li a:hover{
		color:#00b2ff;
	}
	.sec4_couponlist .sec4_list_ttl{
		font-size:4vw;
		line-height:1.6;
		color:#DDD;
		text-decoration:none;
		font-feature-settings:'palt';
		/* padding: 0 0 5px 0px; */
	}





	
	/* sec5
	---------------------------------------------------- */
	.sec5{
	padding-top: 2vw;
	margin-bottom: 12vw;
	}
	.sec5 .sec_ttl{
		margin: 0 0 4vw;
	}
	.sec5 .sec_ttl img{
		height:25vw;
		max-height:150px;
	}
	.sec5_icon{
		margin-top: 6vw;
	}
	.sec5_icon a img{
	}
	.sec5_icon a:hover img{
		filter:brightness(1);
		transform:scale(1);
	}
	.sec5_icon img{
		width:65%;
	}
	.sec5_btn{
		margin-top: 8vw;
		padding:4vw;
	}
	.sec5_btn a img{
		width:100%;
	}
	.sec5_btn a:hover img{
		filter:brightness(1);
		transform:scale(1);
	}

	/* menu
	---------------------------------------------------- */
	.menu{
		display:none;
	}
	#move-menu.active{
	}
	#move-menu{
	}
	.move-menu_wrap{
	}
	.move-menu_list{
	}
	.move-menu_list li{
	}
	.move-menu_list li a{
	}
	.move-menu_list li a img{
	}
	.move-menu_list li a img{
	}
	.move-menu_list li a:hover img{
	}
	
	/* footer
	---------------------------------------------------- */
	
	.common-footer {
	    position: relative;
	    z-index: 999;
	    background: #fff;
	    padding: 20px;
	    display: flex;
	    justify-content: center;
	    margin-top: 5vw;
	}
	.common-footer a {
	    color: #333
	}
	
	.common-footer p {
	    margin: 0;
	    color: #757575;
	    font-size: 12px
	}





	
}