@charset "utf-8";

/*-----------------------------------
リセット
-----------------------------------*/
*{ margin: 0;padding: 0;}
a { text-decoration : none;}
ul, ol { list-style : none;}
img { vertical-align : middle;border-style:none;}

/*-----------------------------------
基本設定
-----------------------------------*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
	
}
body {
    color:#999;
	background-color:#FFF;
	text-align:center;
	font-size:12px;
	/*background-image:url(../images/back.png);*/
	opacity: 0;
	animation: OpenIn 1.5s ease;
	animation-fill-mode: forwards;
}
@keyframes OpenIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
a:hover{ 
	opacity: 0.7;
}

#flg1,#flg2,#flg3,#flg4 {
   padding-top: 130px;
    margin-top:-130px;
}

		
#wint, #summ {
	padding-top: 130px;	
	margin-top: -130px;					
}
		
/*-----------------------------------
Contents
-----------------------------------*/
#wrap {
	text-align:center;
	width:100%;
	max-width: 1200px;
	max-height: auto;		
	margin: 0 auto;
	background-color:#FFF;
}

#wrap img {
	width:100%;
}
@media screen and (min-width: 701px) {
.sp {display: none}
}
@media screen and (max-width: 700px) {
.pc {display: none}
}
				
				
.head_area {
	text-align: right;
	line-height: 1;
	width:100%;
	max-width: 1200px;
	margin: 0 auto;
	
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	z-index: 99;
	
	display: flex;
				}				
.sheet {
	position: relative;
				}	
					
.tokyo_head {
	position: absolute;
	width: 16%;
	top: 25%;
	right: 67.9%;
	cursor: pointer;				
}
.kanagawa_head {
	position: absolute;
	width: 16%;
	top: 25%;
	right: 50.6%;
	cursor: pointer;				
}				
.rec_head {
	position: absolute;
	width: 16%;
	top: 25%;
	right: 33.3%;
	cursor: pointer;				
}
.ent_head {
	position: absolute;
	width: 16%;
	top: 25%;
	right: 16%;
	cursor: pointer;				
}				
				
.page_area {
	position: relative;
				}	
				
							
.page_btn {
	position: absolute;
	width: 34%;
	top: 86.5%;
	right: 52%;
	cursor: pointer;
}					
				
.swipe_area {
	position: relative;
				}	
				
							
.tokyo_foot {
	position: absolute;
	width: 26%;
	top: 80%;
	right: 50.5%;
	cursor: pointer;
}				
.kanagawa_foot {
	position: absolute;
	width: 28%;
	top: 79%;
	right: 21.5%;
	cursor: pointer;
}				
.sale_foot {
	position: absolute;
	width: 30%;
	top: 47.5%;
	right: 35%;
	cursor: pointer;
}				
.rec_foot {
	position: absolute;
	width: 28%;
	top: 58%;
	right: 50.5%;
	cursor: pointer;
}				
.ent_foot {
	position: absolute;
	width: 28%;
	top: 58%;
	right: 21.5%;
	cursor: pointer;
}
.anchor{
    padding-top: 4%;
    margin-top: -4%;
}
				
			
				
@media screen and (max-width: 700px) {
.head_area {
	text-align: right;
	line-height: 1;
	width:100%;
	max-width: 1200px;
	margin: 0 auto;
	
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	z-index: 99;
	
	display: flex;
				}				
.sheet {
	position: relative;
				}	
					
.kanagawa_head {
	position: absolute;
	width: 47.5%;
	top: 25%;
	right: 2%;
	cursor: pointer;				
}
.tokyo_head {
	position: absolute;
	width: 47.5%;
	top: 25%;
	right: 50.5%;
	cursor: pointer;				
}				
.rec_head {
	position: absolute;
	width: 47.5%;
	top: 60%;
	right: 50.5%;
	cursor: pointer;				
}
.ent_head {
	position: absolute;
	width: 47.5%;
	top: 60%;
	right: 2%;
	cursor: pointer;				
}				
				
.page_area {
	position: relative;
				}	
				
							
.page_btn {
	position: absolute;
	width: 50%;
	top: 85.5%;
	right: 50%;
	cursor: pointer;
}					
	
				
.swipe_area {
	position: relative;
				}	
				
							
.tokyo_foot {
	position: absolute;
	width: 64%;
	top: 75%;
	right: 18%;
	cursor: pointer;
}				
.kanagawa_foot {
	position: absolute;
	width: 64%;
	top: 81%;
	right: 18%;
	cursor: pointer;
}				
.sale_foot {
	position: absolute;
	width: 64%;
	top: 41%;
	right: 18%;
	cursor: pointer;
}				
.rec_foot {
	position: absolute;
	width: 64%;
	top: 51%;
	right: 18%;
	cursor: pointer;
}				
.ent_foot {
	position: absolute;
	width: 64%;
	top: 57%;
	right: 18%;
	cursor: pointer;
}
.anchor{
    padding-top: 25%;
    margin-top: -25%;
}					
}

#copyright {
	font-family: 'Montserrat', 'Helvetica Neue', sans-serif;
	text-align:center;
	font-weight: 500;
	letter-spacing: 0.08em;
	width:100%;
	margin: 10px 0 10px 0;
}