#wrap{position:relative;z-index:5;background-image:url(/images/44/img-bg.jpg);background-repeat:no-repeat;background-size:cover}
#wrap .content_box_bg{overflow:hidden;position:absolute;width:min(92%,1440px);height:100%;filter:drop-shadow(0 3vh 1.2em rgba(0,0,0,.1));top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
#wrap .content_box_bg:before{position:absolute;width:100%;height:100%;background:hsl(0deg 0% 100% / 90%);top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);content:""}
#wrap .mainArea{position:relative;margin:0 auto;width: min(85%,1280px);z-index:20;padding: 3vw 0 3vw;}

/* section */
section >* { z-index: 3; }
section .title_box { padding-bottom: 3vw; font-style: italic; font-size: 38px; }
section .clip { margin: auto; width: 100%; }
section .clip img { height: 100%; }
section .clip iframe { width: 100%; height: 100%; top: 0; left: 0; }
section .clip video { width: auto; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
#submenuvue ul{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
#submenuvue ul li a{position:relative;z-index:1;color:var(--secondary);display:block;font-weight:500;font-size:1.3rem;line-height:1.75;letter-spacing:0.56px;padding: 12px 20px;background:linear-gradient(180deg,#e6e6e8 0%,#ffffff 7%,#ffffff 10%,#ecedf0 40%,#f4f4f6 70%,#d9dbe1 100%,#dcdddf 100%) 0% 0% no-repeat;border-radius:50px;box-shadow:inset 2px -2px 10px #7f88a03d,inset -2px -2px 10px #dfe2eb42;text-align:center}

/* about_area */
#about_area { padding-bottom: 5vw; z-index: 5; }

@media screen and (max-width: 1460px) {
}
@media screen and (max-width: 1024px) {
    #submenuvue ul{gap: 10px;}
    #submenuvue ul li a{font-size: 1rem;}
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 760px) {
	#submenuvue ul{grid-template-columns: repeat(2,1fr);}
}