@charset "UTF-8";

/* ----- GOOGLE FONTS ----- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

/* ----- RESET ----- */
*,:before,:after{margin:0;padding:0;border-width:0;border-style:solid;font-style:normal;font-weight:normal;}
html{overflow-y:scroll;line-height:1;text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
h1,h2,h3,h4,h5,h6{font-size:inherit;}
a{color:inherit;text-decoration:none;background-color:transparent;}
ul,ol,li{list-style:none;}
button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;border-radius:0;text-align:inherit;text-transform:inherit;}
button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer;}
button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default;}
select:disabled{opacity:inherit;}
label[for]{cursor:pointer;}
table{border-color:inherit;border-spacing:0;border-collapse:collapse;}
caption,th,td{text-align:left;vertical-align:top;}
details{display:block;}
summary{display:list-item;}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
svg,img,embed,object,iframe{vertical-align:top;}
pre,code,kbd,samp{font-size:inherit;font-family:monospace,monospace;}
hr,legend{display:none;}

/* ----- BASIC ----- */
/*A Style*/  
a{text-decoration:underline;color:#333333;}
a:hover{text-decoration:underline;color:#666666;}
/*font*/
.noto-sans{font-family:"Noto Sans JP",sans-serif;font-style:normal;}
.noto-serif{font-family:"Noto Serif JP",serif;font-style:normal;}
.zen-old{font-family:"Zen Old Mincho",serif;font-style:normal;}
.figtree{font-family:"Figtree",sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:800;}
.bebas-neue{font-family:"Bebas Neue",sans-serif;font-weight:400;font-style:normal;}
.oswald{font-family:"Oswald",sans-serif;font-style:normal;}

.b{font-weight:bold;}
.ul{text-decoration:underline;}
.bg{background:linear-gradient(transparent 70%, #fff799 0%)}

.red{color:#d0102c;}

.pc{display:block;}
.sp{display:none;}

img.pc{display:block;margin:0 auto;padding:0;width:100%;}
img.sp{display:none;}
.mx2000{max-width:2000px;}
.mx1500{max-width:1500px;}
.mx1250{max-width:1250px;}
.mx1000{max-width:1000px;}
.mx768{max-width:768px;}
.mx750{max-width:750px;}
@media only screen and (max-width:750px){
.pc{display:none;}
.sp{display:block;}
img.pc{display:none;}
img.sp{display:block;margin:0 auto;padding:0;width:100%;}
}


/* --------------------------
 html / body
-------------------------- */
html{scroll-padding-top:70px;}
html,body{
position:relative;
width:100%;
margin:0;
padding:0;
font-family:'Noto Sans JP',Sans-Serif;
font-weight:400;
color:#333333;
font-size:16px;
line-height:0;
text-align:left;
letter-spacing:0;
word-break:break-all;
word-wrap:break-word;
background:#ffffff;
}

/* --------------------------
 video-bg
-------------------------- */
.video-bg{
position:fixed;
min-width:100%;
min-height:100%;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
background:url(../video/background.png) no-repeat center;
background-size:cover;
}


/* --------------------------
 topbar
-------------------------- */
#topbar{
position:fixed;
top:0;
left:0;
width:100%;
height:70px;
margin:0;
padding:0;
background:#ffffff;
box-sizing:border-box;
z-index:100;
box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
}
/* topbar-logo ----- */
#topbar-logo{
display:block;
margin:0 auto 0 0;
padding:20px;
}
#topbar-logo a{
display:inline-block;
margin:0 0 0 auto;
padding:0;
}
#topbar-logo a img{
display:inline-block;
width:auto;
height:30px;
}
/* topbar-menu ----- */
#topbar-menu{
position:absolute;
top:20px;
right:20px;
}
/* topbar-menu-icon ----- */
.topbar-menu-icon{
position:relative;
display:block;
margin:0;
padding:0;
width:30px;
height:30px;
cursor:pointer;
transform:translateX(0);
transition:0.5s;
z-index:100;
}
.topbar-menu-icon.active{
transform:translateX(-300px);
}
.topbar-menu-icon span,
.topbar-menu-icon span:before,
.topbar-menu-icon span:after{
content:"";
position:absolute;
display:block;
width:24px;
height:2px;
border-radius:2px;
background:#666666;
}
.topbar-menu-icon span{top:14px;left:3px;}
.topbar-menu-icon span:before{top:7px;left:0;}
.topbar-menu-icon span:after{bottom:7px;left:0;}
.topbar-menu-icon.active span{background:transparent;}
.topbar-menu-icon.active span:before{top:0;transform:rotate(-45deg);}
.topbar-menu-icon.active span:after{bottom:0;transform:rotate(45deg);}
/* side-nav ----- */
#side-nav{
position:fixed;
top:0;
right:0;
margin:0;
padding:0;
width:300px;
height:100%;
background:#ffffff;
z-index:20;
transform:translateX(100%);
transition:all .5s;
box-sizing:border-box;
}
#side-nav.open{
box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
transform:translateX(0);
}
#side-nav ul{
margin:0;
padding:0;
width:100%;
list-style:none;
}
#side-nav li{
margin:0;
padding:0;
width:100%;
height:40px;
border-bottom:1px solid #eeeeee;
}
#side-nav li a{
position:relative;
display:block;
margin:0;
padding:10px 20px;
width:100%;
height:40px;
font-size:14px;
line-height:20px;
font-weight:700;
color:#000000;
background:#ffffff;
text-align:left;
text-decoration:none;
box-sizing:border-box;
}
#side-nav li a.side-nav-btn{
color:#ffffff;
background:#17b79d;
}
#side-nav li a:hover{
color:#ffffff;
text-decoration:none;
background:#000000;
}
#side-nav li a.side-nav-btn:hover{
background:#0e8989;
}
#side-nav li a.side-nav-btn:before{
content:"";
position:absolute;
top:15px;
right:20px;
display:block;
width:20px;
height:5px;
border-bottom:1px solid #ffffff;
border-right:2px solid #ffffff;
transform:skew(45deg);
transition:all .2s;
z-index:10;
}
#side-nav li a.side-nav-btn:hover:before{right:10px;}
/* side-nav-overlay ----- */
.side-nav-overlay{
display:block;
width:0;
height:0;
position:fixed;
top:0;
left:0;
}
.side-nav-overlay.open{
width:100%;
height:100%;
background:rgba(255,255,255,0.75);
cursor:pointer;
}
@media only screen and (max-width:750px){
#topbar{height:40px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);}
/* topbar-logo ----- */
#topbar-logo{padding:10px;}
#topbar-logo a{}
#topbar-logo a img{height:20px;}
/* topbar-menu ----- */
#topbar-menu{top:10px;right:10px;}
/* topbar-menu-icon ----- */
.topbar-menu-icon{width:20px;height:20px;}
.topbar-menu-icon.active{}
.topbar-menu-icon span,
.topbar-menu-icon span:before,
.topbar-menu-icon span:after{width:20px;}
.topbar-menu-icon span{top:9px;left:0;}
.topbar-menu-icon span:before{top:5px;}
.topbar-menu-icon span:after{bottom:5px;}
.topbar-menu-icon.active span{}
.topbar-menu-icon.active span:before{}
.topbar-menu-icon.active span:after{}
/* side-nav ----- */
/* side-nav-overlay ----- */
}

/* --------------------------
 footer
-------------------------- */
footer{
position:relative;
margin:0;
padding:min(40px,4vw) 0;
width:100%;
color:#e0e0e0;
background:#111111;
}
footer a{color:#e0e0e0;text-decoration:none;}
footer a:hover{color:#e0e0e0;text-decoration:underline;}
/* footer-nav ----- */
#footer-nav{
display:block;
width:100%;
margin:0 auto 20px auto;
padding:0 min(40px,4vw);
box-sizing:border-box;
}
#footer-nav ul{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
text-align:left;
list-style-type:none;
box-sizing:border-box;
}
#footer-nav ul li{
display:block;
font-size:12px;
line-height:20px;
margin:0;
padding:0 20px 0 9px;
border-left:1px solid #ed2f06;
}
/* footer-copyright ----- */
.footer-copyright{
display:block;
margin:0;
padding:0 min(40px,4vw);
text-align:right;
font-size:12px;
line-height:20px;
box-sizing:border-box;
}
@media only screen and (max-width:750px){
footer{padding:min(60px,8vw) 0;}
#footer-nav{margin:0 auto;}
#footer-nav ul{display:block;}
#footer-nav ul li{width:100%;margin:0 0 min(30px,4vw) 0;padding:0 0 0 4px;}
.footer-copyright{}
}


/* --------------------------
 contact
-------------------------- */
#contact{
position:relative;
width:100%;
margin:0;
padding:min(120px,12vw) 0;
background:#ffffff;
}
.contact-wrapper{
position:relative;
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.contact-box{
position:relativve;
width:100%;
margin:0;
padding:0 4% 0 4%;
box-sizing:border-box;
}
.contact-iframe{
width:100%;
height:600px;
margin:0 auto;
border:none;
overflow:auto;
}





/* --------------------------
 section
-------------------------- */
.section{
position:relative;
width:100%;
margin:0;
padding:min(120px,12vw) 0;
}
.section-wrapper{
position:relative;
display:block;
width:100%;
max-width:1250px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.section-box{
width:100%;
margin:0 auto;
padding:0 4%;
box-sizing:border-box;
}




/* --------------------------
 section-title
-------------------------- */
.section-title{
position:relative;
display:block;
width:100%;
max-width:1250px;
margin:0 auto 60px auto;
}
.section-title h2{
dispay:block;
width:100%;
margin:0 auto 30px auto;
padding:0 4%;
font-size:30px;
line-height:40px;
font-weight:700;
text-align:center;
z-index:10;
box-sizing:border-box;
}
.section-title:after{
content:"";
position:relative;
display:block;
margin:0 auto;
width:0;
height:10px;
background:url(../img/section-title-hr.png) no-repeat center top;
background-size:auto 100%;
animation:section-title-hr 0.5s linear 0s forwards;
}
@keyframes section-title-hr{
0%{width:0;}
100%{width:100px;}
}
@media only screen and (max-width:750px){
.section-title{margin:0 auto 40px auto;}
.section-title h2{margin:0 auto 20px auto;font-size:20px;line-height:30px;}
.section-title:after{height:5px;}
@keyframes section-title-hr{
0%{width:0;}
100%{width:25%;}
}
}




#policy .section:last-of-type{padding:0 0 240px 0;}
#policy .section_wrapper{max-width:1000px;}






/* --------------------------
 HEADER
-------------------------- */
.header{
width:100%;
max-width:1000px;
margin:0 auto;
padding:60px 0;
box-sizing:border-box;
}
.header h1{
display:block;
width:100%;
margin:0;
padding:0 4%;
font-size:30px;
line-height:40px;
font-weight:700;
text-align:left;
color:#000000;
box-sizing:border-box;
}
.header h1 span{display:inline-block;margin:0 0 0 20px;font-family:'Figtree',Sans-Serif;font-size:20px;font-weight:300;color:#cccccc;}
@media only screen and (max-width:750px){
.header{padding:60px 0;}
.header h1{font-size:20px;line-height:30px;}
.header h1 span{display:block;margin:0;font-size:14px;}
}


/* --------------------------
 PRIVACY
-------------------------- */
#privacy{}




h2{
display:block;
margin:0 0 20px 0;
padding:0;
font-weight:700;
font-size:20px;
line-height:30px;
text-align:left;
}

.text{
margin:0 0 60px 0;
padding:0;
font-size:14px;
line-height:30px;
text-align:justify;
}
.text p{margin:0;padding:0;}
.text ul{margin:0;padding:0;list-style:none;}
.text ul li{
position:relative;padding:0;}



.text ol{
margin:0;
padding:0;
list-style:none;
counter-reset:decimal;
}


.text ol li.li_decimal{
position:relative;
margin:0;
padding:0 0 0 20px;
}


.text ol li.li_decimal:before{
content:counter(decimal);
counter-increment:decimal;
position:absolute;
top:8px;
left:0;
color:#ffffff;
background:#111111;
display:inline-block;
font-size:12px;
width:16px;
height:16px;
line-height:16px;
text-align:center;
}



.text ol li ul{
margin:0;
padding:0;
list-style:none;
counter-reset:number;
}


.text ol li ul li{
position:relative;
margin:0;
padding:0 0 0 14px;
}

.text ol li ul li:before{
content:"";
position:absolute;
top:12px;
left:0;
background:#111111;
display:inline-block;
width:8px;
height:8px;
}