@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

/* ------------------------------------------------
K&D / layout css
------------------------------------------------ */

* {margin: 0;padding: 0;}

html {font-size: 62.5%;width: 100%;height:100%;}

body{
font-size: 1.7rem;
font-family: 'Noto Sans JP', sans-serif;
color:#fff;
line-height:1.7;
height: 100%;
position:relative;
}



.clearfix::after {content: "";display: block;clear: both;}

img {vertical-align:top;}
a:hover img{opacity: 0.6;filter: alpha(opacity=60);-moz-opacity:0.6;}

a {color:#fff;}
a:visited {color:#fff;}
a:hover {cursor:pointer;}

.contents { display: flex;justify-content: center;align-items: center;height: 100%;}
.contents .inner {font-size:1.2rem;text-align:center;}


footer {position:absolute;left:0;bottom:0;width:100%;height:80px;background:#000;padding:20px;font-size:1.2rem;}
footer .logo {width:60px;float:left;margin:0 30px 0 0;}


/* TOP
------------------------------------------------------------- */

body > video {
object-fit: cover;
position: absolute;
height: calc(100% - 100px);
width: 100%;
top: 0;
left: 0;
}




/* sidebar [SP MENU]
------------------------------------------------------------- */

#sidebar {display:none;font-size: 1.5rem;padding-top: 80px;width: 70%;height: 100%;position: fixed;color: #5e9e2e;background: #003D6F;text-align: center;}
ul#nav_sp {display:none;}

#nav_sp ul {list-style: none;margin-left: 0;}
#nav_sp > ul > li {position: relative;}

#nav_sp a {color: #fff !important;text-decoration: none !important;display: block;padding: 15px 0;border-bottom:1px solid #666;transition: background-color .3s linear;}
#nav_sp a:hover {text-decoration:none !important;background: #012e52;color:#fff !important;}

/* sub-menu */
#nav_sp .sub-menu-nav {
position: fixed;
background: #033560;
color: #fff;
top: 0;
padding-top: 20px;
left: 260px;
width: 0;
height: 100%;
overflow: hidden;
transition: width .2s ease-out;
}
#nav_sp .sub-menu-nav a,
#nav_sp .sub-menu:hover .sub-menu-nav {width: 230px;}

/* nav-toggle */
#nav-toggle {display: none;position: fixed;top: 18px;right: 15px;height: 32px;cursor:pointer;}
#nav-toggle > div {position: relative;width: 32px;}
#nav-toggle span {width: 100%;height: 3px;left: 0;display: block;background: #333;position: absolute;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;}

#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}

#overlay {display: none;position: fixed;background: rgba(0,0,0,.6);width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;}