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


@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Noto+Sans+JP:wght@300;400;500;700&display=swap');





body{
	background-color: #000;
}

footer{
	font-family: 'Noto Sans JP', sans-serif;
	color: #E6E6E6;
	font-size: 12px;
}


.main{
    width: 100%;
    height: 80vh;
    display: flex;
    justify-content: center;
	background-image: url("../../images/backimg.png");
	background-size: cover;
	background-repeat: no-repeat;
}

.main_page{
    width: 100%;
    display: flex;
    justify-content: center;
	background-image: url("../../images/backimg.png");
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 80px;
}


.logo {
    align-self: center;
}

.footer_box {

}

.footer_L{
	line-height: 1.75em;
}

.footer_logo{
	    padding-bottom: 16px;
    padding-top: 16px;
}

.footer_companyname{
	font-weight: 700;
	padding-bottom: 8px;
}

.footer_R{
	font-family: 'Didact Gothic', sans-serif;
}

.copyright {
    color: #999;
    padding-top: 48px;
    padding-bottom: 48px;
}

/*page end*/
.page{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	color: #E6E6E6;
}

.page_logo {
    text-align: center;
	margin-top: 40px;
	margin-bottom: 16px;
}

.page_desc{
	text-align: center;
	font-size: 12px;
	color: #CCC;
}

.page .pan{
	font-size: 12px;
	color: #CCC;
	padding-top: 32px;
	padding-bottom: 64px;
	
}

.page .pan a{
	text-decoration: underline;
}

.page .pan a:hover{
	color: #666;
	text-decoration: none;
}

.page_content h2{
	text-align: center;
	font-size: 27px;
	padding-bottom: 40px;
}

.page_content h3{
	font-weight: bold;
	line-height: 1.5em;
		padding-bottom: 1em;
}


.page_content p{
	font-size: 16px;
	line-height: 173%;
	padding-bottom: 1em;
	
}

.page_content p.point{
	text-indent: -1em;
padding-left: 1em;
}

.page_content ul{
	font-size: 16px;
	line-height: 1.5em;
	padding-bottom: 1em;
	text-indent: -1em;
padding-left: 1em;
}




.page_box{
	padding-bottom: 24px;
}

.footer_navi {
    font-size: 14px;
    color: #E6E6E6;
    padding-top: 32px;
    padding-bottom: 40px;
}


.footer_navi a {
    padding-left: 8px;
    padding-right: 8px;
}

.footer_navi a:hover{
	color: #999;
	text-decoration: underline;
}

.shop_box{
	font-size: 16px;
    line-height: 173%;
}

	.shop_box_L{
		font-weight: bold;
	}


@media screen and (min-width:681px){
	
		.footer_box {
		padding: 24px 32px;
			text-align: center;
		}
	
	.shop_box{
		display: flex;
	}
	
	.shop_box_L{
		width: 25%;
		padding-bottom: 16px;
	}
	
	.shop_box_R{
		width: 75%;
			padding-bottom: 16px;
	}
	
	
}


@media screen and (max-width:680px){
	
	.page_content h2 {
    font-size: 6vw;
}
	
	.page_content,.page .pan{
    width: 92%;
margin-right: auto;
		margin-left: auto;
}
	
	.page_content h3{
		 font-size: 4vw;
	}
	
	.page_content p{
	    font-size: 4vw;
	
}
	
	.page_content ul{
	 font-size: 4vw;
		text-align: justify;
}
	
	
		.logo img {
		width: 65%;
		}

		.footer_box{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 80px;
		}

		.footer_L{
		text-align: center;
		}

		.footer_R{
		text-align: center;
		padding-top: 32px;
		}

		.logo {
		text-align: center;
		}
	
	footer{
	font-size: 3.2vw;
}

	.shop_box{
	font-size: 4vw;
		padding-bottom: 32px;
}

	
	
	
}