body{background-color: #000;}	
	
.mobile-banner {
    display: none
}

/* framework */
#content{ padding-top:67px;}
.dwrapper { width:100%; max-width:62.65625vw; margin:0 auto;padding: 3.64583vw 0;}
@media screen and (max-width: 1023px) {
	#content{ padding-top: 0;}
}
@media screen and (max-width: 1200px) {
	.dwrapper{max-width: 90%;}	
}	

@media screen and (max-width: 992px) {
    .pc-banner { display: none}
    .mobile-banner { display: block}
}

/* font */
.dcontainer  p strong { color:var(--themeColor); font-family:"Manrope-ExtraBold",sans-serif;; font-weight:normal; font-size:1.5625vw}
.dcontainer  p { color:#ffffff; font-family:"Manrope-Regular",sans-serif; font-weight:normal; font-size:1.25vw; margin:.52083vw 0; padding-right:.52083vw}	
@media screen and (max-width: 1200px) {	
	.dcontainer  p strong { font-size:2.73333vw}	
	.dcontainer  p { font-size:1.93333vw; margin:2vw 0}	
}
@media screen and (max-width: 768px) {
	.dcontainer  p strong { font-size:16px; margin-bottom:5px}	
	.dcontainer  p { font-size:14px; margin:10px 0}
}


/* p-banner */
.d-banner { position:relative; width:100%; height:30vw}
.d-banner .bg { width:100%; height:100%; object-fit:cover}
.d-banner .text {position:absolute; display:inline-block; left:50%; top:50%; transform:translate(-50%, -50%)}
.d-banner .text h1 { font-family:"Manrope-ExtraBold"; font-weight:normal; font-size:4.25vw; text-align:center; color:#fff;}
.d-banner .text img { position:absolute; width:37.1875vw; max-width:unset; left:50%; top:50%; transform:translate(-50%, -50%)}

@media screen and (max-width: 992px) {
	.d-banner { height:60vw}
}

.dtitle{ text-align:center; font-size:2.25vw !important;}
@media screen and (max-width: 768px) {
	.dtitle{ font-size:20px !important;}
}


.dfont36{ font-size:36px !important;}
.dfont18{ font-size:18px !important;}


@media screen and (max-width: 768px) {
	.dfont36{ font-size:24px !important;}
    .dfont18{ font-size:14px !important;}
}