/* ============================
	general css
============================ */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

/*  General
=============================================== */

@font-face {
	font-family: noto-sans-cjk-jp,sans-serif;
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: noto-sans-cjk-jp,sans-serif;
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	font-style: normal;
}


:root {
	--cl-black:#171C26;
	--cl-blue:#0050FF;
	--cl-orange:#FF6450;
}

#con-body { font-family:noto-sans-cjk-jp, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-feature-settings: "palt"; color:var(--cl-black); text-align:center; letter-spacing:0.1em; }

.cover { background:url(/img/cover.gif); display:block; width:100%; height:100%; }

.lazy { display:block; position:relative; }

.txts { font-size:80%; }
.txtb { font-size:120%; }
.t-center { display:block; text-align:center; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#con-body { min-width:auto; }

}


/* br point
-------------------------------- */

.br-pc { display:block; }
.br-smp { display:none; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

.br-pc { display:none; }
.br-smp { display:block; }

}


/* word br
-------------------------------- */

.wbr { display:inline-block; }


/* youtube
-------------------------------- */

.mov_yt { width:100%; margin:0 0 20px 0; }
.mov_yt_inner { position:relative; width:auto; height:0; padding-top:56.25%; }
.mov_yt_inner iframe { position:absolute; left:0; top:0; width:100%; height:100%; }



/* container
=============================================== */

#container { background-image:url(../img2024/header/hd_bg_l.png), url(../img2024/header/hd_bg_r.png); background-position:0 0, right 0 top 0; background-repeat:no-repeat, no-repeat; background-size:30% auto, 30% auto; background-color:#FBF8F4; }
#container a { color:var(--cl-blue); }


/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#container { background-position:0 20px, right 0 top 20px; background-size:30% auto, 30% auto; }

}


/*  hnav
=============================================== */

#hnav-area { position:fixed; top:0; left:0; z-index:1000; width:100%; background-color:#fff; box-shadow:0px 4px 8px rgba(0,0,0,0.1); }
#hnav { width:980px; margin:auto; padding:0 10px 15px 10px; box-sizing:border-box; }
#hnav:after {content:"";clear:both;display:block;}

#hnav-logo { float:left; padding:32px 0 0 0; }
#hnav-logo h2 { width:244px; height:23px; }
#hnav-logo h2 a { display:block; width:100%; height:100%; background:url(../img2024/common/logo.png) center center no-repeat; background-size:cover; text-indent:-9999px; }

#hnav-box-r { float:right; display:flex; }
#hnav-link { display:flex; padding:37px 10px 0 0; }
#hnav-link li { margin:0 0.5em; font-size:95%; }
#hnav-link li a { color:#171C26; text-decoration:none; /* hover */ transition:opacity 0.2s ease-out; }
@media (hover: hover) { #hnav-link li a:hover { opacity:0.5; text-decoration:none; } }

#hnav-btnlink-area { padding:10px 0 0 0; }
#hnav-btnlink-notice { margin-bottom:8px; font-size:60%; line-height:130%; }
#hnav-btnlink { display:flex; justify-content:center; }
#hnav-btnlink li { margin:0 0.3em; }
#hnav-btnlink li a { display:block; width:100%; height:100%; box-sizing:border-box; border-radius:0.5em; font-size:90%; font-weight:500; color:#fff; text-decoration:none; box-shadow:0px 2px 3px rgba(0,0,0,0.4); /* hover */ transition:opacity 0.2s ease-out; }
@media (hover: hover) { #hnav-btnlink li a:hover { opacity:0.5; text-decoration:none; } }
#hnav-btn-dl a { background-color:var(--cl-black); padding:0.8em 1.0em; }
#hnav-btn-inqr a { background-color:var(--cl-blue); padding:0.8em 2.0em; }

#nav-toggle { display:none; }

#hnav-smp { display:none; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#hnav { width:auto; padding:20px 16px; }

#hnav-logo { float:left; padding:0; }
#hnav-logo h2 { width:183px; height:17px; }

#hnav-box-r { display:none; }

#nav-toggle { display:block; position:fixed; right:16px; top:20px; width:26px; height:26px; cursor: pointer; z-index:1004; -webkit-tap-highlight-color:rgba(0,0,0,0); }
#nav-toggle div { position:relative; }
#nav-toggle span { display:block; position:absolute; height:3px; background:var(--cl-blue); left:0; zoom:1; -webkit-transition:.35s ease-in-out; transition:.35s ease-in-out; }
#nav-toggle span:nth-child(1) { top:0; width:26px; }
#nav-toggle span:nth-child(2) { top:7px; width:26px; }
#nav-toggle span:nth-child(3) { top:14px; width:26px; }
#hnav-area.open #nav-toggle span:nth-child(1) { top:9px; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); zoom: 1; }
#hnav-area.open #nav-toggle span:nth-child(2) { width:0; left:50%; }
#hnav-area.open #nav-toggle span:nth-child(3) { top:9px; width:26px; -webkit-transform: rotate(135deg); transform:rotate(135deg); zoom: 1; }

#hnav-smp { display:flex; justify-content:center; align-items:center; position:fixed; z-index:1002; /**/top:-100vh; left:0; width:100%; height:100vh;  box-sizing:border-box; overflow-y:scroll; overflow-x:hidden; background-color:#fff; }

#hnav-area.open #hnav-smp,
#hnav-area.close #hnav-smp { animation-duration:0.5s; animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1); animation-fill-mode:forwards; }
#hnav-area.open #hnav-smp { animation-name:slideIn; }
#hnav-area.close #hnav-smp { animation-name:slideOut; }
#hnav-area.open #hnav-smp::before { display:block; }

@keyframes slideIn {
0% { top:-100vh; }
100% { top:0px; }
}
@keyframes slideOut {
0% { top:0px; }
100% { top:-100vh; }
}

#hnav-smp-link { margin-bottom:40px; }
#hnav-smp-link li { margin:1.5em 0; font-size:140%; }
#hnav-smp-link li a { color:#171C26; text-decoration:none; /* hover */ transition:opacity 0.2s ease-out; }
@media (hover: hover) { #hnav-smp-link li a:hover { opacity:0.5; text-decoration:none; } }

#hnav-smp-btnlink-notice { margin-bottom:12px; font-size:60%; line-height:130%; }
#hnav-smp-btnlink { display:flex; }
#hnav-smp-btnlink li { margin:0 0.4em; }
#hnav-smp-btnlink li a { display:block; width:100%; height:100%; padding:1.0em 1.5em; box-sizing:border-box; border-radius:0.5em; font-size:100%; font-weight:500; color:#fff; text-decoration:none; box-shadow:0px 2px 3px rgba(0,0,0,0.4); }
#hnav-smp-btn-dl a { background-color:var(--cl-black); }
#hnav-smp-btn-inqr a { background-color:var(--cl-blue); }

}



/*  footer
=============================================== */


/* inquiry-f
-------------------------------- */

#inquiry-f { padding:40px; background:url(../img2024/inquiry/inquiry_f_bg.jpg) center center no-repeat; background-size:cover; }
#inquiry-f .ttl { margin-bottom:0.7em; font-size:170%; }
#inqrf-txt { margin-bottom:1.5em; line-height:160%; }

#inqrf-btnlink { display:flex; justify-content:center; }
#inqrf-btnlink li { margin:0 0.25em; }
#inqrf-btnlink li a { display:block; width:100%; height:100%; box-sizing:border-box; border-radius:0.5em; font-size:120%; font-weight:500; color:#fff; text-decoration:none; box-shadow:0px 2px 4px rgba(0,0,0,0.4); /* hover */ transition:opacity 0.2s ease-out; }
@media (hover: hover) { #inqrf-btnlink li a:hover { opacity:0.5; text-decoration:none; } }
#inqrf-btn-dl a { background-color:var(--cl-black); padding:1.0em 2.0em; }
#inqrf-btn-inqr a { background-color:var(--cl-blue); padding:1.0em 3.0em; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#inquiry-f { padding:40px 20px; }
#inquiry-f .ttl { font-size:120%; }
#inqrf-txt { font-size:80%; }
#inqrf-btnlink li a { font-size:100%; }
#inqrf-btn-dl a,
#inqrf-btn-inqr a { padding:1.0em 1.5em; }

}



/* f-link
-------------------------------- */

#f-link-area { background-color:var(--cl-black); color:#fff; }
#f-link { width:980px; padding:40px; box-sizing:border-box; margin:auto; text-align:left; }
#f-link .ttl { margin-bottom:1.0em; font-size:140%; }
#f-link:after {content:"";clear:both;display:block;}
#f-link ul li { float:left; width:10.0em; padding:0 1.0em 1.0em 0; }
#f-link ul li:nth-child(odd) { width:21.0em; clear:both; }
#f-link ul li:nth-child(even) { width:21.0em; }
#f-link ul li a { color:#fff; /* hover */ transition:opacity 0.2s ease-out; }
@media (hover: hover) { #f-link ul li a:hover { opacity:0.5; text-decoration:none; } }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#f-link { width:auto; padding:20px; }
#f-link .ttl { font-size:120%; }
#f-link ul { font-size:90%; }
#f-link ul li { float:none; }

}


/* f-copy
-------------------------------- */

#f-copy { padding:1.0em; background-color:#fff; font-size:90%; line-height:140%; color:#979797; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#f-copy { padding:0.7em; font-size:75%; }

}


/*eof*/