#header{height: 150px;position: relative;background: #fff; padding-top: 30px; z-index: 150}
#header > .inner{position: relative;}
.layerClose{position:absolute;top:-999px;right:0px;}
.layerClose:focus,.layerClose:active{top:0px;}

.allmenu_m{position: fixed; right: -999px;top:0; width: 80%; max-width:1024px; z-index: 300; background: #fff; font-size: 1.125em;    overflow-y: auto;
    height: 100%; background: #fff; display: none;}
.allmenu_m .top{background: #ef4322; color: #fff;padding: 1em 1em 2em; position: relative;}
.allmenu_m .top .close{position: absolute;right: 1em;top:1em;    position: absolute;
    right: 1em;
    top: 1em;
    width: 1.4em;
    height: 1.4em;
    overflow: hidden;
    text-indent: -999px;
    background: url('../img/common/btn-close_w.png') center center no-repeat; background-size:100%;}
.allmenu_m .sch{position: relative; padding: 0 2em}
.allmenu_m .sch input{background: none; border:0;color: #fff; width: 100%}
.allmenu_m .sch input::placeholder{color: #ffb6a8}
.allmenu_m .sch button{position: absolute;left: 0;top:0; height: 100%;
    background: url('../img/common/btn-sch_m.png') center center no-repeat; width: 1.4em;
    overflow: hidden;
    text-indent: -999px; background-size:100%}
    
.allmenu_m .etc{margin:.7em 0 0 -2%; text-align: center;}
.allmenu_m .etc > li{float: left; width: 48%; margin-left: 2%;}
.allmenu_m .etc a{display: block; background: #f2694e; border-radius:5px; color: #fff; font-weight: 500; font-size: 1.1em; line-height: 2.7em;}
#lnb_m2{background: #fff; border-radius:10px 10px 0 0; padding: 1em; margin-top: -1em; position: relative;z-index: 1}
#lnb_m2 a{display: block;}
#lnb_m2 > li{border:2px solid #ededed; border-radius:10px; margin-top: 10px;}
#lnb_m2 > li:first-child{margin-top: 0;}
#lnb_m2 > li > a{font-size: 1.1em; color: #000;font-weight: 500; padding: 1.125rem}
#lnb_m2 > li > a > span{display: block;position: relative;}
#lnb_m2 > li > a > span:after{position: absolute; position: absolute;right: 0;top:0; height: 100%; content: ''; width: 1em; background: url('../img/common/menu.gif') center center no-repeat; background-size:100%;}
#lnb_m2 > li > a.on > span:after{background-image: url('../img/common/menu_on.gif')}
#lnb_m2 .depth{background: #f7f7f7; border-radius:0 0 10px 10px;display: none;}
#lnb_m2 .depth li{border-top: 1px solid #ededed; padding: 0 1.125rem}
#lnb_m2 .depth a{display: block; padding: .7rem 0; position: relative; padding-left: .7em; color: #666}
#lnb_m2 .depth a:before{position: absolute;left: 0;top:50%;width: 5px;height: 5px;;content: '';background: #929292; border-radius:50%; margin-top: -2px;}

#logo{width: 254px;height: 29px;margin: 0 auto 30px; white-space: nowrap;overflow: hidden;text-indent: -999px;background: url('/resources/guro/img/common/logo_2024.png') center center no-repeat; background-size: auto 100%}
#logo a{display: block; width: 100%; height: 100%}
#logo img{display: block;;margin: 0 auto; width: 100%}

#header #sns{position: absolute;left: 0;top:0}
#header #sns span{float: left; width: 38px; height: 38px; white-space: nowrap;overflow: hidden;text-indent: -999px; background: url('') center center no-repeat; background-size:100%; margin-right: 5px;}
#header #sns span a{display: block; width: 100%;height: 100%}
#header #sns span.f{background-image: url('../img/common/sns-f.png')}
#header #sns span.b{background-image: url('../img/common/sns-b.png')}
#header #sns span.i{background-image: url('../img/common/sns-i.png')}
#header #sns span.k{background-image: url('../img/common/sns-k.png')}
#header #sns span.y{background-image: url('../img/common/sns-y.png')}
#gnb{position: absolute;right: 0;top:0}
#gnb .btn-sch{float: right; margin-left: 60px; width: 17px; height: 18px; background: url('../img/common/btn-sch.gif') center center no-repeat; background-size:100%; white-space: nowrap; overflow: hidden; text-indent: -999px}
#gnb .btn-sch.open{background-image: url('../img/common/btn-close.png')}
#gnb .etc{float: left; font-size: 14px; color: #333; font-weight: 300;}
#gnb .etc > li{float: left; position: relative; padding-left: 10px; margin-left: 10px;}
#gnb .etc > li:before{position: absolute;left: 0;top:50%;width: 1px; height: 13px; background: #dedede; content: ''; margin-top: -7px;}
#gnb .etc > li:first-child{margin-left: 0;padding-left: 0;}
#gnb .etc > li:first-child:before{background: none}

#top_nav{text-align: center; position: relative; color: #000}
#top_nav .li4 > li{width: 25%}
#top_nav .li5 > li{width: 20%}
#top_nav > ul > li{float: left; width: 16.6666666667%; position: relative;}
#top_nav > ul > li:before{position: absolute;left: 0;top:50%;width: 1px; height: 18px; border-left: 1px dashed #828282; content: ''; margin-top: -9px;}
#top_nav > ul > li:first-child:before{border: 0}
#top_nav > ul > li > a{font-size: 20px;font-weight: 500; line-height: 1.15; padding: 20px 0; height: 61px}
#top_nav a{display: block; transition:ease 0.2s;}
#top_nav .depth{position:absolute; left:0; width:100%; top:50px; padding:40px 0 0; border-left:1px dashed #bebebe; z-index:150; line-height:1.15; text-align:left; letter-spacing:-0.03em; word-break:keep-all; display:none;}
#top_nav .depth:before{position: absolute;left: -1px; width: 1px; height: 30px;background: #fff;content: '';top:0}
#top_nav .depth li{margin-top: 30px; color: #666}
#top_nav .depth li:first-child{margin-top: 0;}
#top_nav .depth li:last-child{margin-bottom:15px;}
#top_nav .depth a{padding: 0 15px 0 30px;}
#top_nav > ul > li:hover > a,#top_nav > ul > li:focus > a,#top_nav .depth a:hover,#top_nav .depth a:focus{color: #ee3623}
#top_nav > ul > li:hover > a:after,
#top_nav > ul > li:focus > a:after{position: absolute;bottom: 5px;content: ''; width: 6px;height: 6px;background: #ee3623; border-radius:50%;left: 50%;margin-left: -3px;}
.depth_bg{background: #fff;position: absolute;left: 0;top:150px; width: 100%;z-index: 149;display: none;}
#lnb,.allmenu{display: none;}

#btn-menu{position: absolute;right: 0;top:50%; width: 21px;height: 17px; background: url('../img/common/btn-menu.gif') center center no-repeat; content: ''; text-indent: -999px; white-space: nowrap; margin-top: -8px;overflow: hidden; z-index: 151}
#btn-menu.open{background-image: url('../img/common/btn-menu_c.gif')}

.bg-green{background: #1fb5c2; color: #fff}
.bg-purple{background: #5031af; color: #fff}
.bg-navy{background: #3d4377; color: #fff}
.bg-orange{background: #ef4023; color: #fff}
.bg-pink{background: #fd367e; color: #fff}
.bg-grey{background: #777; color: #fff}
.bg-black{background: #272727; color: #fff}
.bg-black2{background: #3b3b3b; color: #fff}
.bg-black_r{background: #fff; color: #111; border:1px solid #ddd}
.bg-black_r2{background: #fff; color: #111; border:2px solid #111}

.color-black{color: #111 !important}

#footer{background: #f0f0f0;color:#666; padding: 50px 0 100px}
#footer .top .inner{position: relative;padding-right: 18.750em; height: 50px}
#footer .top .l{}
#footer .top .r{position: absolute;right: 0;top:0;height: 100%}
#footer .top .l > li{display: inline-block;margin-right:1em;}
#footer .top .l > li:last-child{margin-right: 0;}
#footer .top .l a{display: block;line-height: 50px;}
#footer .top .r > li{float: left;height: 100%}
#footer .top .r > li > *{vertical-align: middle;}
#footer .top .r button{color:#fff;width: 78px;height: 100%; font-weight: 700; background: #333}
#footer .top select{height: 100%;background: url('../img/common/select_foot.png') 92% center no-repeat;width:227px;border:none;color:#333; border:1px solid #b6b5b5}
#footer .txt{margin-top: 40px; font-size: 14px; color: #666; position: relative; word-break:keep-all}
#footer .art{margin-bottom: 30px; color: #666}
#footer .art img{    vertical-align: text-bottom;
    margin-right: 1.18em;}
#footer .copy{/* padding-left: 1.6em; */}
#footer .mark-acc{position: absolute;right: 0;top:0}

#sub_visual{position: relative;}
#sub_visual .bg{background: url('') center center no-repeat; background-size:cover;position: relative;color: #fff; padding: 207px 0 130px; word-break:keep-all}
#sub_visual .sub-t{font-size: 60px; line-height: 1.15; font-weight: 700; letter-spacing: -.03em; position: relative;z-index: 1}
#sub_visual .txt{color: #e7ebf4; font-weight: 300;}

#sub_visual .bg.category01{background-image:url('/resources/guro/img/common/sub_1.jpg');}
#sub_visual .bg.category02{background-image:url('/resources/guro/img/common/sub_2.jpg');}
#sub_visual .bg.category03{background-image:url('/resources/guro/img/common/sub_3.jpg');}
#sub_visual .bg.category04{background-image:url('/resources/guro/img/common/sub_4.jpg');}
#sub_visual .bg.category05{background-image:url('/resources/guro/img/common/sub_5.jpg');}
#sub_visual .bg.category06{background-image:url('/resources/guro/img/common/sub_6.jpg');}

#location{position: absolute;left: 0; bottom: 0; width: 100%;}
#location > ul{position: relative;z-index: 149; background: rgb(65,107,206);
background: linear-gradient(90deg, rgba(65,107,206,.9) 0%, rgba(205,61,252,.9) 100%); color:#fff; border-radius:5px 5px 0 0;word-break:keep-all}
#location a{display: block;}
#location> ul > li{float: left;position: relative;line-height: 1.15;min-width: 200px;
    background: url(../img/common/loc.png) left center no-repeat;
    padding: 0 10px;}
#location> ul > .home{background: url('../img/common/home.png') center center no-repeat; padding: 0; margin: 0; width: 80px; min-width:1px; white-space: nowrap;overflow: hidden;text-indent: -999px; margin-right: 0;}
/* #location> ul > .dep2{margin-left: 60px;} */
#location> ul .rel .in > a{padding-right:4em;;position: relative;z-index: 151}
#location> ul .rel .in > a:after{background: #fff url('../img/common/arrow.png') center center no-repeat; position: absolute; right: 0;top:50%;width: 27px; height: 27px;border-radius:50%; content: ''; margin-top: -13px;}
#location> ul > .home > span,#location .rel .in > a{display: table;height: 70px;width: 100%}
#location .rel > .in a >span,#location> ul > .home > span > span{display: table-cell;vertical-align: middle;}

#location> ul > li .rel{position: relative;}
#location .in{position: relative; padding: 0 20px;z-index: 1}
#location .in.on{z-index: 30}
#location> ul > li .depth{position: absolute;left: 0;top:0;padding: 70px 15px 10px;line-height: 1.15;width: 100%;z-index: 150;    background: #201e1e;
    color: #a0a0a0; border-radius:5px; display: none;}
#location> ul > li .depth > li{border-bottom: 1px dotted #3f3e3e;}
#location> ul > li .depth a{padding: 13px 5px 13px; transition:ease 0.2s;}
#location> ul > li .depth > li:hover a{padding-left:15px; color: #fff}
#location> ul > li .depth > li:last-child{border-bottom: 0;}
#location> ul > li .depth .active{color:#0e0e71;font-weight: 500;}
#location> ul > li.on{}
#location.on> ul .rel > a{background-image: url('../img/common/depth_on.gif')}

#top_sch{position: absolute;right: 0;top:150px;width: 100%;z-index: 150;padding: 50px 1rem;background: #fff;color:#333;background: #fff;z-index: 151;font-weight: 300; border-top: 1px solid #ddd; display: none;}
#top_sch .sch{position: relative;max-width:820px;margin: 0 auto;height: 2.692em;color:#333;padding: 0 2.692em 0 0; font-size: 1.625em;}
#top_sch .sch input{width: 100%;height: 100%;border:0;padding: 0 20px;border-bottom: 1px solid #000}
#top_sch .sch button{position: absolute;right: 0;top:50%;height: 2.692em;width: 2.692em;margin-top: -1.347em;;border-radius:50%;background: #3f3f3f url('../img/common/btn-sch_w.png') center center no-repeat; white-space: nowrap;overflow: hidden;text-indent:-999px; letter-spacing: -0.07em;}

.gotop{
	position: fixed;
	bottom: 30px;
	right:30px;
	background: #111;
	color: #fff;
	width:4em; text-align:center;
	height:4em; line-height:4em;
	border-radius:50%;
	font-size: 1em;
	z-index: 3;display: none;font-weight: 500;
}
@media screen and (max-width:1024px){
	.gotop{
		right:2%; bottom: 2%;
		width:3.333em; text-align:center;
		height:3.333em; line-height:3.333em;
	}
}

#allmenu{position: fixed;left: 0;top:150px; width: 100%; height: 100%;z-index: 999; padding-bottom: 150px; display: none;}
#allmenu .in{background: #3f3f3f;
    color: #fff;height: 100%;position: relative;overflow-y: auto; padding: 50px 0;}
#allmenu .in > ul{display: flex; flex-wrap:wrap;}
#allmenu .in > ul > li{margin-bottom: 80px; padding-left: 70px; width: 33.3333333333333%}
#allmenu .in > ul > li > a{font-size: 30px;display: block;margin-bottom: 1em; font-weight: 500;}
#allmenu .depth > li{margin-top: 1em; font-size: 1.25em;}
#allmenu .depth2{font-size: 16px; font-size: 1rem; color: #999;margin-top: .5em;}
#allmenu .depth2 > li{margin-top: .3em;}
#allmenu .depth2 > li:first-child{margin-top: 0;}

.layerClose{position:absolute;top:-999px;right:0px;}
.layerClose:focus,.layerClose:active{top:0px;}

.allmenu_bg{background: rgba(0,0,0,.5);position: fixed;z-index: 9999;width: 100%;height: 100%;left: 0;top:0;overflow-y: auto; padding: 30px; display: none;}
.allmenu_m_bg{background: rgba(0,0,0,.5);position: fixed;z-index: 151;width: 100%;height: 100%;left: 0;top:0;overflow-y: auto; padding: 30px; display: none;}
.modal_w{position:relative;top:50%;max-width:640px;z-index: 10000;width: 97%;margin: auto;max-height: 97%;transform:translateY(-50%)}
.pop-st1{position: relative;padding: 30px 30px 70px;background: #fff;border-radius:15px}
.pop-st1 .pop_cont{margin-bottom: 1.8em;}
.pop-st1 .pop_top{line-height: 1.15;padding-bottom: 1em;margin-bottom: 1em;border-bottom: 1px solid #e2e2e2;text-align: center;display: block;}
.pop-st1 .pop_bot{position: absolute;left: 0;bottom: 0;width: 100%;border-radius: 0 0 15px 15px;overflow: hidden;}
.pop-st1 .pop_bot.item1 > *{width: 100%;float: none;}
.pop-st1 .pop_bot button,.pop-st1 .pop_bot a{float: left;width: 50%;height: 3.889em}
.pop-st1 .pop_bot a{line-height: 3.889em;}



.ssl-mark { position: absolute; top: calc(100% + 20px); right: 0; z-index: 2; }
.ssl-mark a { display: block; width: 64px; aspect-ratio: 92 / 103; }
.ssl-mark a img { width: 100%; height: 100%; }