@charset "UTF-8";
/* CSS Document */


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 900px) {
.pc { display: none !important; }
.sp { display: block !important; }
}



html,body {
  font-family: sans-serif;
   background-color: #ffffff;
    width:100vw;                                            /* 横幅のサイズを指定    */
    height:100vh;                                          /* 縦幅のサイズを指定    */
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}


img{
	max-width: 100%;
	height: auto;
}

header {
width: 100%;
height: 100%;
top: 0;
z-index: 5555;
}



.wrapper{
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
}

.container3 {
	position: absolute;
    left: 20px;
    bottom: 180px;
	z-index: 555;
}


.con1 {
	position: absolute;
    left: 20px;
    top: 10px;
	z-index: 555;
}

.con2 {
	position: absolute;
    left: 20px;
    bottom: 430px;
	z-index: 555;
}

.con3 {
	position: absolute;
    left: 20px;
    bottom: 200px;
	z-index: 555;
}


/*------------------
TopBTN
------------------*/

.top_btn{
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: -moz-radial-gradient(#460000 10%, #281914 80%); 
   background: -webkit-radial-gradient(#460000 10%, #281914 80%); 
   background: radial-gradient(#460000 10%, #281914 80%);
	border-radius: 50%;
}

.top_btn:hover{
	background: #333;
	transform: scale(1.1);
	transition: 0.2s;
}

.top_btn_inner{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
}



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

	
html,body {
 font-family: sans-serif;
 background-color: #ffffff;
 height: 100%;
-webkit-overflow-scrolling: touch;	
}		
	
	.wrapper{
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}	
		
	
	
}