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

/*COMMON*/
html, body{font-family: YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , メイリオ , sans-serif;
    line-height: 1.6; background-color:#072a20; color:#ffffff; font-feature-settings: palt; -webkit-font-feature-settings: "palt"; letter-spacing: 0.02rem;}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6{color:#ffffff;}

a:link{cursor:pointer; color:#ffffff; border:none;}
a:hover{transform:scale(1.03); transition-duration:0.5s; color:#ffffff;}
.subtitle{color:#ffffff;}
.column img {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.bc_blue{background-color:#000547;}
.wf-mincyo{ font-family: 'Klee One', cursive; }
.wf-mincyo-b{ font-family: 'Klee One', cursive; font-weight:bold;}
.keyvisual {
background-image: url(../img/keyvisual.png);
background-size: cover;
background-position: center;
}

.content h1 img{max-width:26%;}

.content h2:not(:first-child) {
    width: 80%;
    margin: 0 auto;
    display: block;
    line-height: 1.6;
	font-size: 2rem;
}

.hero .hero-head nav {font-weight:bold;}
a.navbar-item:hover{color:#ffffff;}

.hero-body .container{position: relative;}

.movie{
	width: 100%;
  aspect-ratio: 16 / 9;
}
.movie iframe{
	width: 80%;
	height:80%;
	margin: 0 auto;
    display: block;
}

.cp_bgpattern11 {
	background-image:
	 radial-gradient(#0c4e3b 1px, transparent 1px);
	background-size: 20px 20px;
}

.scroll-animation{opacity:0; transform: translateY(30px); transition: opacity 1s, visibility 1s, transform 1s;}
.active{opacity:1; visibility: visible; transform: translateY(0px);}

/*SECTION共通*/
h4{padding:40px 0;}
h6{margin-top:20px;}
.inner{padding:80px;}


/*collection*/
.is-5by3 img{object-fit: cover;}

#collection h6, #teacher h6{margin-top:1.4rem;}


/*ABOUT*/
#about p, #about_nft p{font-size:1.2rem;}

/*how_to_buy*/
#how_to_buy p{font-size:1.6rem;}


/*rental*/
#rental{background-image: url("../img/rental_bg.png"); background-size: cover; background-position: center; text-align: center;}
#rental h4{line-height: 1.7em;}
#rental .inner{background-color: rgba(7,42,32,0.5);}

/*CTA*/
#sub-footer{background-color:#2081E2; margin-top: 8%;position: fixed;
    bottom: 0; opacity:0; width:100%; transform: translateY(30px); transition: opacity 1s, visibility 1s, transform 1s;}
#sub-footer.active{opacity:1; visibility: visible; transform: translateY(0px);}
#sub-footer .inner{text-align: center; padding:25px 0;}
#sub-footer .btn-type2 {
    display: inline-block;
}

#sub-footer .btn-type2 p {
    margin-bottom: 8px;
    font-size: 24px;
    color:#2081E2;
}
#sub-footer .btn-type2 a {
	font-weight: bold;
    color: #ffffff;
    border: 2px solid #ffffff;
	border-radius:23px;
    padding: 10px 20px;
    display: block;
    width: 160px;
    font-size: 14px;
}
#sub-footer.pos-re{position:relative;}

/*footer*/
.footer{background-color:#072a20; padding: 3rem 1.5rem 10rem;}
.footer a{cursor:pointer; color:#ffffff; border:none;}
.footer p{text-align:left; font-size:0.8rem;}


/*term,privacypolicy*/
#terms .navbar, #privacypolicy .navbar{background-color:#4c4c4c;}


/*mobile*/
@media screen and (max-width: 1023px){
	.hero{overflow: hidden; }
	.navbar-menu{ background-color:#072a20 !important;}
	
.content h1 img{max-width:50%;}
	.content h2 {
    font-size: 1.4em;
    margin-bottom: 0.5714em;
	    line-height: 1.2em;}
	.content h2:not(:first-child) {
    width:100%;
    line-height: 1.6;
		font-size: 1rem;
}
	.content h3 {
    font-size: 1.2em;
		line-height: 1.6;
    margin-bottom: 0.3em;
}
	.content h4 {
    font-size: 1.2em;
}
	.navbar-menu{background-color:#ffffff;}
	.inner{padding:15px;}
	.movie{padding-bottom:30px;}
	.movie iframe{
	width:100%;
	height:100%;
}
	#how_to_buy p {
    font-size: 1.2rem;
}
	#how_to_buy .container .inner .columns .column:nth-child(even) {padding: 0 0.75rem 1.2rem !important;}
	
	/*about*/
	
	#sub-footer .inner{padding:20px 0;}
}