a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
 margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
 display:block
}
body{
 line-height:1
}
ol,ul{
 list-style:none
}
blockquote,q{
 quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
 content:'';content:none
}
table{
 border-collapse:collapse;border-spacing:0
}
.clearfix:after{
 content:".";display:block;clear:both;height:0;visibility:hidden
}
.clearfix{
 min-height:1px;height:1px
}
*{
 -webkit-box-sizing:border-box;box-sizing:border-box
}
html{
 background:#fff;font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;font-style:normal;font-weight:500;font-size:10px;-webkit-text-size-adjust:100%;-webkit-box-sizing:border-box;box-sizing:border-box
}
@media screen and (max-width:768px){
 html{
 font-size:5px
}

}
body{
 position:relative;min-width:1200px;color:#2e2e38
}
@media screen and (max-width:768px){
 body{
 width:100vw;min-width:100vw
}

}
a{
 text-decoration:none
}
a:focus{
 outline:none
}
.img_box{
 width:100%;font-size:0
}
.img_box img{
 width:100%
}
img{
 width:100%
}
.wrap{
 max-width:1300px;min-width:1200px;margin:0 auto;padding:0 60px
}
@media screen and (max-width:768px){
 .wrap{
 min-width:auto;margin:0;padding:0
}

}
.wrap_in{
 max-width:1200px;margin:0 auto
}
@media screen and (max-width:768px){
 .wrap_in{
 padding:0 14px
}

}
.pc_oi{
 display:inline!important
}
@media screen and (max-width:768px){
 .pc_oi{
 display:none!important
}

}
.sp_oi{
 display:none!important
}
@media screen and (max-width:768px){
 .sp_oi{
 display:inline!important
}

}
.main_wrap{
 position:relative;width:100%;height:100vh;min-height:640px;font-size:0;overflow:hidden
}
@media screen and (max-width:768px){
 .main_wrap{
 padding:0;height:auto;min-height:100vh
}

}
header{
 position:absolute;z-index:20;width:154px;height:100%;top:0;left:0
}
@media screen and (max-width:768px){
 header{
 width:100%;height:50px
}

}
header .head_wrap{
 width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;background:#fff
}
@media screen and (max-width:768px){
 header .head_wrap{
 display:block
}

}
header .head_top{
 width:100%;padding:33px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap
}
@media screen and (max-width:768px){
 header .head_top{
 position:absolute;width:140px;background:#fff;padding:13px 0 7px
}

}
header .head_top .logo_ey{
 width:86px
}
@media screen and (max-width:768px){
 header .head_top .logo_ey{
 width:43px
}

}
header .head_top .logo_eoy{
 width:103px;margin:30px 0 0
}
@media screen and (max-width:768px){
 header .head_top .logo_eoy{
 width:55px;margin:0 0 0 15px
}

}
header .head_top img{
 width:100%
}
header .head_bot{
 width:100%
}
@media screen and (max-width:768px){
 header .head_bot{
 display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding-right:13px
}

}
header .sns_box-head ul{
 width:40px;margin:0 auto
}
@media screen and (max-width:768px){
 header .sns_box-head ul{
 display:-webkit-box;display:-ms-flexbox;display:flex;width:110px;margin:0
}

}
header .sns_box-head li{
 width:40px;height:40px
}
@media screen and (max-width:768px){
 header .sns_box-head li{
 width:30px;height:30px
}

}
header .sns_box-head li+li{
 margin:10px 0 0
}
@media screen and (max-width:768px){
 header .sns_box-head li+li{
 margin:0 0 0 10px
}

}
header .sns_box-head a{
 display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;-webkit-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)
}
header .sns_box-head a:hover{
 -webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)
}
header .scroll_box{
 width:15px;margin:50px auto 0
}
@media screen and (max-width:768px){
 header .scroll_box{
 display:none
}

}
header .scroll_box .txt{
 display:block;width:15px
}
header .scroll_box .line{
 display:block;width:2px;height:80px;margin:20px auto 0;position:relative
}
header .scroll_box .line:before{
 position:absolute;content:"";width:100%;height:0;top:0;left:0;background:#ffe600;-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:line;animation-name:line;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite
}
@-webkit-keyframes line{
 0%{
 height:0
}
to{
 height:100%
}

}
@keyframes line{
 0%{
 height:0
}
to{
 height:100%
}

}
#main{
 position:absolute;z-index:10;width:100%;height:100%;top:0;left:0
}
@media screen and (max-width:768px){
 #main{
 background:#000
}

}
#main .video_box{
 position:relative;width:100%;height:100%
}
@media screen and (max-width:768px){
 #main .video_box{
 height:100vh
}

}
#main .video_box:before{
 position:absolute;content:"";z-index:20;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.6)
}
#main .video_box video{
 position:absolute;z-index:10
}
@media (aspect-ratio:16/9),(min-aspect-ratio:16/9){
 #main .video_box video{
 width:100%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)
}

}
@media (max-aspect-ratio:16/9){
 #main .video_box video{
 height:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)
}

}
#main .video_box .pc_video{
 display:block
}
@media screen and (max-width:768px){
 #main .video_box .pc_video{
 display:none
}

}
#main .video_box .sp_video{
 display:none
}
@media screen and (max-width:768px){
 #main .video_box .sp_video{
 display:block
}

}
#main .main_box{
 position:absolute;z-index:30;left:200px;bottom:80px
}
@media screen and (max-width:768px){
 #main .main_box{
 width:264px;height:223px;left:0;right:0;bottom:100px;margin:0 auto
}

}
#main .main_box .tit_box{
 width:407px;height:341px
}
@media screen and (max-width:768px){
 #main .main_box .tit_box{
 width:264px;height:222px
}

}
#main .scroll_box{
 display:none
}
@media screen and (max-width:768px){
 #main .scroll_box{
 display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;width:60px;height:50px;position:absolute;z-index:30;left:0;right:0;bottom:0;margin:0 auto
}

}
#main .scroll_box .txt{
 width:100%;display:block;font-family:'Roboto',sans-serif;font-weight:700;font-style:normal;font-size:12px;color:#fff;letter-spacing:0.1em;text-align:center
}
#main .scroll_box .line{
 display:block;width:1px;height:30px;position:relative
}
#main .scroll_box .line:before{
 position:absolute;content:"";width:100%;height:0;top:0;left:0;background:#ffe600;-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:line;animation-name:line;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite
}
@-webkit-keyframes line{
 0%{
 height:0
}
to{
 height:100%
}

}
@keyframes line{
 0%{
 height:0
}
to{
 height:100%
}

}
.link_box-wrap{
 display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between
}
@media screen and (max-width:768px){
 .link_box-wrap{
 display:block
}

}
.link_box>span,.link_box a{
 display:block;position:relative;-webkit-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease
}
.link_box>span:after,.link_box>span:before,.link_box a:after,.link_box a:before{
 position:absolute;z-index:10;content:"";-webkit-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease
}
.link_box>span span,.link_box a span{
 position:relative;z-index:20;-webkit-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease
}
.link_box.type-a{
 width:480px
}
@media screen and (max-width:768px){
 .link_box.type-a{
 width:100%
}

}
.link_box.type-a>span,.link_box.type-a a{
 border:1px solid
}
.link_box.type-a>span:before,.link_box.type-a a:before{
 width:0;height:100%;top:0;left:0
}
.link_box.type-a>span:hover:before,.link_box.type-a a:hover:before{
 width:100%
}
.link_box.type-a>span span,.link_box.type-a a span{
 display:block;font-size:22px;font-weight:bold;letter-spacing:0.1em;line-height:82px;text-align:center
}
@media screen and (max-width:768px){
 .link_box.type-a>span span,.link_box.type-a a span{
 font-size:15px;line-height:46px
}

}
.link_box.type-b{
 width:145px
}
@media screen and (max-width:768px){
 .link_box.type-b{
 width:110px
}

}
.link_box.type-b a{
 overflow:hidden;padding:0 0 20px
}
@media screen and (max-width:768px){
 .link_box.type-b a{
 padding:0 0 10px
}

}
.link_box.type-b a:after,.link_box.type-b a:before{
 width:100%;height:3px;background:#ffe600;bottom:0
}
@media screen and (max-width:768px){
 .link_box.type-b a:after,.link_box.type-b a:before{
 height:2px
}

}
.link_box.type-b a:before{
 left:0;-webkit-transition:all 0.3s ease 0.4s;-o-transition:all 0.3s ease 0.4s;transition:all 0.3s ease 0.4s
}
.link_box.type-b a:after{
 left:-100%
}
.link_box.type-b a:hover:before{
 left:100%;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s
}
.link_box.type-b a:hover:after{
 left:0;-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s
}
.link_box.type-b a span{
 display:block;font-family:'Roboto',sans-serif;font-weight:700;font-style:normal;font-size:22px;letter-spacing:0.1em;text-align:center
}
@media screen and (max-width:768px){
 .link_box.type-b a span{
 font-size:17px;white-space:nowrap
}

}
.link_box.type-b>span{
 overflow:hidden;padding:0 0 20px
}
@media screen and (max-width:768px){
 .link_box.type-b>span{
 padding:0 0 10px
}

}
.link_box.type-b>span:after,.link_box.type-b>span:before{
 width:100%;height:3px;background:#ffe600;bottom:0
}
@media screen and (max-width:768px){
 .link_box.type-b>span:after,.link_box.type-b>span:before{
 height:2px
}

}
.link_box.type-b>span:before{
 left:0;-webkit-transition:all 0.3s ease 0.4s;-o-transition:all 0.3s ease 0.4s;transition:all 0.3s ease 0.4s
}
.link_box.type-b>span:after{
 left:-100%
}
.link_box.type-b>span span{
 display:block;font-family:'Roboto',sans-serif;font-weight:700;font-style:normal;font-size:22px;letter-spacing:0.1em;text-align:center
}
@media screen and (max-width:768px){
 .link_box.type-b>span span{
 font-size:17px;white-space:nowrap
}

}
a:hover .link_box.type-b>span:before{
 left:100%;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s
}
a:hover .link_box.type-b>span:after{
 left:0;-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s
}
#online_event{
 margin:80px 0 100px
}
@media screen and (max-width:768px){
 #online_event{
 margin:0
}

}
#online_event .wrap{
 background:url("../img/onlineevent_bg.jpg") center/cover no-repeat
}
#online_event .online_box{
 padding:90px 0 80px
}
@media screen and (max-width:768px){
 #online_event .online_box{
 padding:40px 0 50px
}

}
#online_event .online_box .maintit_box .tit{
 font-family:'Roboto',sans-serif;font-weight:700;font-style:normal;font-size:60px;color:#fff;line-height:1;text-align:center;padding:0 0 33px;position:relative
}
@media screen and (max-width:768px){
 #online_event .online_box .maintit_box .tit{
 font-size:30px;padding:0 0 17px
}

}
#online_event .online_box .maintit_box .tit:after{
 position:absolute;content:"";width:45px;height:11px;background:#ffe600;bottom:0;left:0;right:0;margin:0 auto
}
@media screen and (max-width:768px){
 #online_event .online_box .maintit_box .tit:after{
 width:23px;height:6px
}

}
#online_event .online_box .tit_box{
 margin:40px 0 0
}
@media screen and (max-width:768px){
 #online_event .online_box .tit_box{
 margin:25px 0 0
}

}
#online_event .online_box .tit_box .tit{
 display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center
}
@media screen and (max-width:768px){
 #online_event .online_box .tit_box .tit{
 -ms-flex-wrap:wrap;flex-wrap:wrap
}

}
#online_event .online_box .tit_box .tit .left{
 display:inline-block;font-family:'Roboto',sans-serif;font-weight:700;font-style:normal;font-size:41px;color:#2e2e38;letter-spacing:normal;line-height:68px;white-space:nowrap;background:#ffe600;height:68px;padding:0 10px;margin-right:40px;position:relative
}
@media screen and (max-width:768px){
 #online_event .online_box .tit_box .tit .left{
 font-size:20px;height:40px;line-height:40px;padding:0 10px 0 5px
}

}
#online_event .online_box .tit_box .tit .left:after{
 position:absolute;content:"";border:34px solid transparent;border-left:20px solid #ffe600;top:0;right:-54px
}
@media screen and (max-width:768px){
 #online_event .online_box .tit_box .tit .left:after{
 border:20px solid transparent;border-left:10px solid #ffe600;right:-30px
}

}
#online_event .online_box .tit_box .tit .left span{
 display:inline-block;font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;font-style:normal;font-weight:bold;font-size:32px;vertical-align:3px;padding-left:5px
}
@media screen and (max-width:768px){
 #online_event .online_box .tit_box .tit .left span{
 font-size:16px;vertical-align:top
}

}
#online_event .online_box .tit_box .tit .right{
 font-size:33px;font-weight:bold;color:#e9a400;line-height:1.2;letter-spacing:0.1em
}
@media screen and (max-width:768px){
 #online_event .online_box .tit_box .tit .right{
 font-size:19px;margin:10px 0 0;line-height:1.42
}

}
#online_event .online_box .clm2_box{
 display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:40px 0 0
}
@media screen and (max-width:768px){
 #online_event .online_box .clm2_box{
 display:block;margin:15px 0 0
}

}
#online_event .online_box .clm2_box .img_box{
 -webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:calc(100% - 730px)
}
@media screen and (max-width:768px){
 #online_event .online_box .clm2_box .img_box{
 width:100%
}

}
#online_event .online_box .clm2_box .img_box .img{
 width:100%;padding-top:56.25%;position:relative
}
#online_event .online_box .clm2_box .img_box .img iframe{
 position:absolute;top:0;left:0;width:100%;height:100%
}
#online_event .online_box .clm2_box .txt_box{
 -webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;width:710px
}
@media screen and (max-width:768px){
 #online_event .online_box .clm2_box .txt_box{
 width:100%;margin:15px 0 0
}

}
#online_event .online_box .clm2_box .txt_box .tit{
 font-size:30px;font-weight:bold;color:#fff;letter-spacing:0.05em;line-height:1.5
}
@media screen and (max-width:768px){
 #online_event .online_box .clm2_box .txt_box .tit{
 font-size:20px
}

}
#online_event .online_box .clm2_box .txt_box .txt{
 font-size:18px;color:#fff;letter-spacing:0.14em;line-height:2;margin:15px 0 0
}
@media screen and (max-width:768px){
 #online_event .online_box .clm2_box .txt_box .txt{
 font-size:13px;font-weight:400;margin:15px 0 0;text-align:justify
}

}
#online_event .online_box .clm2_box .list_box{
 width:95%;margin:20px 0 0
}
@media screen and (max-width:768px){
 #online_event .online_box .clm2_box .list_box{
 width:100%;margin:10px 0 0
}

}
#online_event .online_box .clm2_box .list_box li{
 display:-webkit-box;display:-ms-flexbox;display:flex;padding:12px 0 12px;border-bottom:1px solid #545454
}
@media screen and (max-width:768px){
 #online_event .online_box .clm2_box .list_box li{
 padding:8px 0
}

}
#online_event .online_box .clm2_box .list_box .left{
 font-size:18px;font-weight:bold;color:#fff;letter-spacing:0.1em;line-height:1.2;width:120px
}
@media screen and (max-width:768px){
 #online_event .online_box .clm2_box .list_box .left{
 width:80px;font-size:12px;line-height:1.53
}

}
#online_event .online_box .clm2_box .list_box .right{
 font-size:18px;color:#fff;letter-spacing:0.1em;line-height:1.2
}
@media screen and (max-width:768px){
 #online_event .online_box .clm2_box .list_box .right{
 font-size:12px;font-weight:400;line-height:1.53;width:calc(100% - 80px)
}

}
#online_event .online_box .clm2_box .list_box .ex .left{
 width:220px
}
@media screen and (max-width:768px){
 #online_event .online_box .clm2_box .list_box .ex .left{
 width:150px
}

}
@media screen and (max-width:768px){
 #online_event .online_box .clm2_box .list_box .ex .right{
 width:calc(100% - 150px)
}

}
#online_event .online_box .boder_box{
 margin:50px 0 0;border-right:8px solid #545454;border-bottom:8px solid #545454
}
@media screen and (max-width:768px){
 #online_event .online_box .boder_box{
 margin:30px 0 0;border-right:4px solid #545454;border-bottom:4px solid #545454
}

}
#online_event .online_box .boder_box .top{
 font-size:18px;font-weight:bold;color:#fff;letter-spacing:0.14em;-webkit-transform:translateY(-13px);-ms-transform:translateY(-13px);transform:translateY(-13px);position:relative
}
@media screen and (max-width:768px){
 #online_event .online_box .boder_box .top{
 font-size:13px;-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)
}

}
#online_event .online_box .boder_box .top:after{
 position:absolute;content:"";width:calc(100% - 190px);height:8px;background:#545454;top:6px;right:-8px
}
@media screen and (max-width:768px){
 #online_event .online_box .boder_box .top:after{
 width:calc(100% - 140px);height:4px;top:4px;right:-4px
}

}
#online_event .online_box .boder_box .boder_box-in{
 padding:10px 30px 10px;border-left:8px solid #545454;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between
}
@media screen and (max-width:768px){
 #online_event .online_box .boder_box .boder_box-in{
 display:block;padding:5px 20px 10px;margin:5px 0 0;border-left:4px solid #545454
}

}
#online_event .online_box .boder_box .boder_box-in p{
 width:48%;font-size:16px;color:#fff;letter-spacing:0.14em;line-height:1.2;margin:0 0 20px;padding:0 0 0 20px;position:relative
}
@media screen and (max-width:768px){
 #online_event .online_box .boder_box .boder_box-in p{
 width:100%;font-size:11px;font-weight:400;line-height:1.81;padding-left:14px;margin:0 0 5px
}

}
#online_event .online_box .boder_box .boder_box-in p:before{
 position:absolute;content:"・";left:0
}
#online_event .online_box .link_box-wrap{
 width:990px;margin:40px auto 0
}
@media screen and (max-width:768px){
 #online_event .online_box .link_box-wrap{
 width:100%
}

}
@media screen and (max-width:768px){
 #online_event .online_box .link_box-wrap .link_box{
 margin:15px 0 0
}

}
#online_event .online_box .link_box-wrap .link_box a{
 color:#2e2e38;border-color:#fff;overflow:hidden
}
#online_event .online_box .link_box-wrap .link_box a:before{
 width:100%;background-color:#fff
}
#online_event .online_box .link_box-wrap .link_box a:hover:before{
 left:100%
}
#online_event .online_box .link_box-wrap .link_box a:hover span{
 color:#fff
}
#online_event .online_box .link_box-wrap .link_box a span{
 line-height:84px
}
@media screen and (max-width:768px){
 #online_event .online_box .link_box-wrap .link_box a span{
 line-height:46px
}

}
#online_event .online_box .link_box-wrap .link_box.ex a{
 border-color:#ffe600
}
#online_event .online_box .link_box-wrap .link_box.ex a:before{
 background:#ffe600
}
#about{
 z-index:20;position:relative;padding:310px 0 80px
}
@media screen and (max-width:768px){
 #about{
 padding:150px 0 0
}

}
#about .about_slide-wrap{
 position:absolute;top:0;left:0;font-size:0;width:100%;min-width:1200px;height:350px;overflow:hidden
}
@media screen and (max-width:768px){
 #about .about_slide-wrap{
 min-width:auto;height:175px
}

}
#about .about_slide-wrap:before{
 position:absolute;content:"";z-index:20;width:100%;height:100%;background:rgba(255,255,255,0.8)
}
#about .about_slide-in{
 position:absolute;z-index:10;width:2000px;top:0;left:50%;margin-left:-1000px
}
@media screen and (max-width:768px){
 #about .about_slide-in{
 width:1000px;margin-left:-500px
}

}
#about .wrap{
 position:relative;z-index:30
}
#about .about_box{
 position:relative
}
#about .about_box .img_box-pc{
 position:absolute;z-index:10;width:526px;height:751px;right:0;top:-200px
}
@media screen and (max-width:768px){
 #about .about_box .img_box-pc{
 display:none
}

}
#about .about_box .img_box-pc .img-a{
 position:absolute;z-index:1;width:319px;height:488px;top:100px;left:0
}
#about .about_box .img_box-pc .img-b{
 position:absolute;z-index:2;width:317px;height:519px;top:250px;right:0
}
#about .about_box .img_box-pc .img-c{
 position:absolute;z-index:3;width:171px;height:171px;top:250px;left:100px
}
#about .about_box .img_box-sp{
 display:none;position:absolute;z-index:10;width:526px;height:751px;right:0;top:-200px
}
@media screen and (max-width:768px){
 #about .about_box .img_box-sp{
 display:block;width:168px;height:240px;top:-100px
}

}
#about .about_box .img_box-sp img{
 width:100%
}
#about .about_box .txt_box-wrap{
 position:relative;z-index:20;width:630px
}
@media screen and (max-width:768px){
 #about .about_box .txt_box-wrap{
 width:100%
}

}
#about .about_box .txt_box-wrap .main_tit-box .tit{
 font-family:'Roboto',sans-serif;font-weight:700;font-style:normal;font-size:90px;line-height:1;padding:0 0 0 40px;position:relative
}
@media screen and (max-width:768px){
 #about .about_box .txt_box-wrap .main_tit-box .tit{
 font-size:45px;padding:0 0 0 20px
}

}
#about .about_box .txt_box-wrap .main_tit-box .tit:before{
 position:absolute;content:"";width:10px;height:65px;background:#ffe600;top:0;bottom:0;left:0;margin:auto 0
}
@media screen and (max-width:768px){
 #about .about_box .txt_box-wrap .main_tit-box .tit:before{
 width:5px;height:33px
}

}
#about .about_box .txt_box-wrap .txt_box{
 margin:50px 0 0
}
#about .about_box .txt_box-wrap .txt_box .tit{
 font-family:"ヒラギノ明朝 Pro","HiraMinPro","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;font-style:normal;font-weight:bold;font-size:32px;font-weight:bold;color:#e9a400;letter-spacing:0.02em
}
@media screen and (max-width:768px){
 #about .about_box .txt_box-wrap .txt_box .tit{
 font-size:25px;line-height:1.32
}

}
#about .about_box .txt_box-wrap .txt_box .big{
 font-size:24px;font-weight:bold;letter-spacing:0.1em;line-height:1.83;margin:20px 0 0;text-shadow:#fff 1px 1px 2px,#fff -1px 1px 2px,#fff 1px -1px 2px,#fff -1px -1px 2px
}
@media screen and (max-width:768px){
 #about .about_box .txt_box-wrap .txt_box .big{
 font-size:18px;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"
}

}
#about .about_box .txt_box-wrap .txt_box .txt{
 font-size:18px;line-height:2;letter-spacing:0.08em;text-align:justify;margin:15px 0 0;text-shadow:#fff 1px 1px 2px,#fff -1px 1px 2px,#fff 1px -1px 2px,#fff -1px -1px 2px
}
@media screen and (max-width:768px){
 #about .about_box .txt_box-wrap .txt_box .txt{
 font-size:13px;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"
}

}
#about .about_box .txt_box-wrap .txt_box .txt span{
 text-shadow:none
}
@media screen and (max-width:768px){
 #about .about_box .txt_box-wrap .txt_box .txt span{
 text-shadow:none
}

}
#about .about_box .txt_box-wrap .boder_box{
 margin:55px 0 0;padding:35px 30px 25px;border:8px solid #efefef;position:relative
}
@media screen and (max-width:768px){
 #about .about_box .txt_box-wrap .boder_box{
 margin:30px 0 0;padding:20px 15px 10px;border:4px solid #efefef
}

}
#about .about_box .txt_box-wrap .boder_box .logo{
 position:absolute;width:155px;height:50px;background:#fff;top:-20px;left:-8px
}
@media screen and (max-width:768px){
 #about .about_box .txt_box-wrap .boder_box .logo{
 width:95px;height:30px;top:-10px;left:-4px
}

}
#about .about_box .txt_box-wrap .boder_box .logo a{
 display:block;width:135px
}
@media screen and (max-width:768px){
 #about .about_box .txt_box-wrap .boder_box .logo a{
 width:78px
}

}
#about .about_box .txt_box-wrap .boder_box .txt{
 font-size:18px;line-height:2;letter-spacing:0.08em
}
@media screen and (max-width:768px){
 #about .about_box .txt_box-wrap .boder_box .txt{
 font-size:13px;line-height:1.84
}

}
#news{
 position:relative;z-index:30;margin:30px 0 0
}
@media screen and (max-width:768px){
 #news{
 margin:50px 0 0
}

}
#news .wrap{
 background:#fff
}
#news .news_box{
 display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:70px 0
}
@media screen and (max-width:768px){
 #news .news_box{
 display:block;padding:0 0 40px
}

}
#news .news_box .left{
 width:160px;margin-right:30px
}
#news .news_box .left .main_tit-box .tit{
 font-family:'Roboto',sans-serif;font-weight:700;font-style:normal;font-size:60px;line-height:1;padding:0 0 30px;position:relative
}
@media screen and (max-width:768px){
 #news .news_box .left .main_tit-box .tit{
 font-size:30px;padding:0 0 15px
}

}
#news .news_box .left .main_tit-box .tit:after{
 position:absolute;content:"";width:45px;height:10px;background:#ffe600;bottom:0;left:0
}
@media screen and (max-width:768px){
 #news .news_box .left .main_tit-box .tit:after{
 width:23px;height:5px
}

}
#news .news_box .right{
 width:100%;max-width:945px
}
@media screen and (max-width:768px){
 #news .news_box .right{
 margin:20px 0 0
}

}
#news .news_box .right li{
 padding:30px 0
}
@media screen and (max-width:768px){
 #news .news_box .right li{
 padding:10px 0
}

}
#news .news_box .right li+li{
 border-top:1px solid #efefef
}
#news .news_box .right a{
 display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center
}
@media screen and (max-width:768px){
 #news .news_box .right a{
 -webkit-box-align:start;-ms-flex-align:start;align-items:flex-start
}

}
#news .news_box .right a:hover .img_box img{
 -webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)
}
#news .news_box .right a:hover .txt_box .txt{
 color:#ffe600
}
#news .news_box .right a .img_box{
 width:135px;overflow:hidden
}
@media screen and (max-width:768px){
 #news .news_box .right a .img_box{
 width:70px
}

}
#news .news_box .right a .img_box img{
 -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:0.7s ease;-o-transition:0.7s ease;transition:0.7s ease
}
#news .news_box .right a .txt_box{
 width:calc(100% - 160px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center
}
@media screen and (max-width:768px){
 #news .news_box .right a .txt_box{
 width:calc(100% - 80px)
}

}
#news .news_box .right a .txt_box .txt{
 font-size:22px;font-weight:bold;color:#2e2e38;line-height:1.63;letter-spacing:0.1em;-webkit-transition:0.7s ease;-o-transition:0.7s ease;transition:0.7s ease;max-width:530px
}
@media screen and (max-width:768px){
 #news .news_box .right a .txt_box .txt{
 font-size:13px
}

}
#news .news_box .right a .txt_box .link_box{
 width:146px;margin-left:10px
}
@media screen and (max-width:768px){
 #news .news_box .right a .txt_box .link_box{
 display:none
}

}
#news .news_box .right a .txt_box .link_box span{
 color:#2e2e38
}
#event_report{
 position:relative;z-index:20
}
#event_report .wrap{
 padding:90px 60px 70px;background:url("../img/eventreport_bg.jpg") center/cover no-repeat
}
@media screen and (max-width:768px){
 #event_report .wrap{
 padding:60px 0 50px
}

}
#event_report .event_box{
 display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center
}
@media screen and (max-width:768px){
 #event_report .event_box{
 position:relative;display:block
}

}
#event_report .event_box .img_box{
 width:48.333%;margin-left:-35px
}
@media screen and (max-width:768px){
 #event_report .event_box .img_box{
 width:100%;margin:0;padding:50px 0 0
}

}
#event_report .event_box .img_box img{
 width:100%
}
#event_report .event_box .img_box .img{
 width:100%;padding-top:56.25%;position:relative
}
#event_report .event_box .img_box .img iframe{
 position:absolute;top:0;left:0;width:100%;height:100%
}
#event_report .event_box .txt_box{
 width:600px;margin-left:40px
}
@media screen and (max-width:768px){
 #event_report .event_box .txt_box{
 width:100%;margin:0
}

}
@media screen and (max-width:768px){
 #event_report .event_box .txt_box .main_tit-box{
 position:absolute;top:0;left:0
}

}
#event_report .event_box .txt_box .main_tit-box .tit{
 font-family:'Roboto',sans-serif;font-weight:700;font-style:normal;font-size:60px;color:#fff;line-height:1;padding:0 0 3px 43px;position:relative
}
@media screen and (max-width:768px){
 #event_report .event_box .txt_box .main_tit-box .tit{
 font-size:30px;padding:0 0 2px 22px
}

}
#event_report .event_box .txt_box .main_tit-box .tit:before{
 position:absolute;content:"";width:11px;height:45px;background:#ffe600;top:0;bottom:0;left:0;margin:auto 0
}
@media screen and (max-width:768px){
 #event_report .event_box .txt_box .main_tit-box .tit:before{
 width:5px;height:23px
}

}
#event_report .event_box .txt_box-in{
 margin:50px 0 0
}
@media screen and (max-width:768px){
 #event_report .event_box .txt_box-in{
 margin:25px 0 0
}

}
#event_report .event_box .txt_box-in .tit{
 font-family:"ヒラギノ明朝 Pro","HiraMinPro","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;font-style:normal;font-weight:700;font-size:32px;line-height:1.5;color:#e9a400;letter-spacing:0.1em;white-space:nowrap
}
@media screen and (max-width:768px){
 #event_report .event_box .txt_box-in .tit{
 font-size:16px;white-space:pre-wrap
}

}
#event_report .event_box .txt_box-in .big{
 font-size:24px;font-weight:bold;color:#fff;letter-spacing:0.1em;line-height:1.83;margin:15px 0 0
}
@media screen and (max-width:768px){
 #event_report .event_box .txt_box-in .big{
 font-size:18px;line-height:1.5
}

}
#event_report .event_box .txt_box-in .txt{
 font-size:18px;color:#fff;line-height:2;letter-spacing:0.08em;margin:20px 0 0
}
@media screen and (max-width:768px){
 #event_report .event_box .txt_box-in .txt{
 font-size:13px;font-weight:400;line-height:1.84;margin:10px 0 0
}

}
#event_report .event_box .link_box.type-b{
 width:170px;margin:40px 0 0
}
@media screen and (max-width:768px){
 #event_report .event_box .link_box.type-b{
 width:110px
}

}
#event_report .event_box .link_box.type-b a span{
 color:#fff;text-align:left
}
.skew_bg{
 position:relative;z-index:10;width:100%;min-width:1200px;height:100%
}
@media screen and (max-width:768px){
 .skew_bg{
 min-width:auto;height:auto
}

}
.skew_bg .bg-a{
 position:absolute;width:100%;height:calc(100% + 900px);background:url("../img/interview_bg-a.png") top center/1920px auto no-repeat;top:-800px;left:0
}
@media screen and (max-width:768px){
 .skew_bg .bg-a{
 display:none
}

}
.skew_bg .bg-b{
 position:absolute;width:100%;height:calc(100% + 900px);background:url("../img/interview_bg-b.png") top center/1920px auto no-repeat;top:-800px;left:0
}
@media screen and (max-width:768px){
 .skew_bg .bg-b{
 display:none
}

}
#interview{
 position:relative;z-index:20;padding:100px 0 0
}
@media screen and (max-width:768px){
 #interview{
 padding:0
}

}
@media screen and (max-width:768px){
 #interview .interview_box{
 background:url("../img/interview_bg-sp.jpg") top center/100% auto repeat;position:relative
}
#interview .interview_box:before{
 position:-webkit-sticky;position:sticky;content:"";display:block;z-index:10;top:0;left:0;width:calc(100% - 80px);height:70vh;background:#ffe600
}

}
@media screen and (max-width:768px){
 #interview .interview_box .wrap_in{
 padding:0 0 20px
}

}
#interview .interview_box .top{
 position:relative;z-index:30;display:-webkit-box;display:-ms-flexbox;display:flex
}
@media screen and (max-width:768px){
 #interview .interview_box .top{
 z-index:10;display:block;margin:-70vh 0 0;padding:70px 0 0
}

}
#interview .interview_box .top .main_tit-box{
 width:410px
}
@media screen and (max-width:768px){
 #interview .interview_box .top .main_tit-box{
 width:100%;padding:0 15px;position:relative;z-index:20
}

}
#interview .interview_box .top .main_tit-box .tit .en{
 display:block;font-family:'Roboto',sans-serif;font-weight:700;font-style:normal;font-size:90px;line-height:1.105
}
@media screen and (max-width:768px){
 #interview .interview_box .top .main_tit-box .tit .en{
 font-size:45px
}

}
#interview .interview_box .top .main_tit-box .tit .jp{
 display:block;font-size:24px;font-weight:bold;letter-spacing:0.1em;margin:10px 0 0
}
@media screen and (max-width:768px){
 #interview .interview_box .top .main_tit-box .tit .jp{
 font-size:12px;margin:5px 0 0
}

}
#interview .interview_box .top .txt_box{
 width:560px
}
@media screen and (max-width:768px){
 #interview .interview_box .top .txt_box{
 width:100%;padding:20px 15px 0;background:#ffe600;position:relative
}
#interview .interview_box .top .txt_box:before{
 position:absolute;content:"";z-index:10;width:0;height:0;border-style:solid;border-width:100px 0 0 100vw;border-color:transparent transparent transparent #ffe600;top:-100px;right:0
}
#interview .interview_box .top .txt_box:after{
 position:absolute;content:"";z-index:10;width:100%;height:100px;bottom:-100px;left:0;background:#ffe600
}

}
#interview .interview_box .top .txt_box .txt{
 font-size:18px;line-height:2;letter-spacing:0.1em;text-align:justify
}
@media screen and (max-width:768px){
 #interview .interview_box .top .txt_box .txt{
 font-size:13px
}

}
#interview .interview_box .bot{
 position:relative;z-index:20;margin:-65px 0 0
}
@media screen and (max-width:768px){
 #interview .interview_box .bot{
 margin:30px 0 0;padding:0 0 120px
}

}
#interview .interview_box .bot .interview_slide-wrap{
 min-width:1200px;overflow:hidden
}
@media screen and (max-width:768px){
 #interview .interview_box .bot .interview_slide-wrap{
 min-width:auto
}

}
#interview .interview_box .bot .interview_slide .slick-slide{
 width:1320px
}
@media screen and (max-width:768px){
 #interview .interview_box .bot .interview_slide .slick-slide{
 width:100vw
}

}
#interview .interview_box .bot .interview_slide article{
 padding:0 60px
}
@media screen and (max-width:1320px){
 #interview .interview_box .bot .interview_slide article{
 width:1200px;margin:0 auto
}

}
@media screen and (max-width:768px){
 #interview .interview_box .bot .interview_slide article{
 width:100%;padding:0 15px
}

}
#interview .interview_box .bot .interview_slide a{
 display:block;position:relative
}
#interview .interview_box .bot .interview_slide a:hover .img_box img{
 -webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)
}
#interview .interview_box .bot .interview_slide .img_box{
 position:absolute;z-index:10;width:836px;height:560px;top:0;right:0;overflow:hidden
}
@media screen and (max-width:768px){
 #interview .interview_box .bot .interview_slide .img_box{
 position:static;width:100%;height:auto
}

}
#interview .interview_box .bot .interview_slide .img_box img{
 -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:0.7s ease;-o-transition:0.7s ease;transition:0.7s ease
}
#interview .interview_box .bot .interview_slide .txt_box{
 position:relative;z-index:20;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:end;align-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;height:560px;padding:0 0 40px
}
@media screen and (max-width:768px){
 #interview .interview_box .bot .interview_slide .txt_box{
 display:block;height:auto;margin:15px 0 0;padding:0
}

}
#interview .interview_box .bot .interview_slide .txt_box .num{
 width:100%
}
#interview .interview_box .bot .interview_slide .txt_box .num .sma{
 font-family:'Roboto',sans-serif;font-weight:700;font-style:normal;font-size:45px;color:#2e2e38
}
@media screen and (max-width:768px){
 #interview .interview_box .bot .interview_slide .txt_box .num .sma{
 font-size:23px
}

}
#interview .interview_box .bot .interview_slide .txt_box .num .big{
 font-family:'Roboto',sans-serif;font-weight:700;font-style:normal;font-size:74px;color:#2e2e38
}
@media screen and (max-width:768px){
 #interview .interview_box .bot .interview_slide .txt_box .num .big{
 font-size:37px
}

}
#interview .interview_box .bot .interview_slide .txt_box .tit{
 width:100%;font-size:28px;font-weight:bold;color:#2e2e38;letter-spacing:0.1em;margin:30px 0 0
}
@media screen and (max-width:768px){
 #interview .interview_box .bot .interview_slide .txt_box .tit{
 font-size:17px;margin:10px 0 0
}

}
#interview .interview_box .bot .interview_slide .txt_box .tit span{
 background:#fff;line-height:1.571
}
#interview .interview_box .bot .interview_slide .txt_box .txt{
 width:100%;font-size:18px;color:#fff;letter-spacing:0.1em;margin:20px 0 0
}
@media screen and (max-width:768px){
 #interview .interview_box .bot .interview_slide .txt_box .txt{
 font-size:13px;margin:10px 0 0
}

}
#interview .interview_box .bot .interview_slide .txt_box .txt span{
 display:inline-block;background:#2e2e38;line-height:2;padding:0 5px
}
@media screen and (max-width:768px){
 #interview .interview_box .bot .interview_slide .txt_box .txt span{
 display:inline
}

}
#interview .interview_box .bot .interview_slide .txt_box .link_box.type-b{
 width:170px;margin:30px 0 0 10px
}
@media screen and (max-width:768px){
 #interview .interview_box .bot .interview_slide .txt_box .link_box.type-b{
 width:110px;margin:20px 0 0 5px
}

}
#interview .interview_box .bot .interview_slide .txt_box .link_box.type-b>span:after,#interview .interview_box .bot .interview_slide .txt_box .link_box.type-b>span:before{
 background:#2e2e38
}
#interview .interview_box .bot .interview_slide .txt_box .link_box.type-b>span span{
 color:#2e2e38;text-align:left
}
#interview .interview_box .bot .interview_slide .slick-dots{
 position:absolute;z-index:20;top:0;right:50%;margin-right:-668px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center;width:16px;height:560px
}
@media screen and (max-width:1320px){
 #interview .interview_box .bot .interview_slide .slick-dots{
 margin-right:-580px
}

}
@media screen and (max-width:768px){
 #interview .interview_box .bot .interview_slide .slick-dots{
 width:120px;height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:0;top:65vw;right:15px
}

}
#interview .interview_box .bot .interview_slide .slick-dots li{
 width:16px;height:16px;border-radius:50%;border:2px solid #fff;background:#fff;cursor:pointer;-webkit-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease
}
@media screen and (max-width:768px){
 #interview .interview_box .bot .interview_slide .slick-dots li{
 width:12px;height:12px
}

}
#interview .interview_box .bot .interview_slide .slick-dots li:hover{
 border-color:#ffe600;background:#ffe600
}
#interview .interview_box .bot .interview_slide .slick-dots li+li{
 margin-top:20px
}
@media screen and (max-width:768px){
 #interview .interview_box .bot .interview_slide .slick-dots li+li{
 margin:0 0 0 10px
}

}
#interview .interview_box .bot .interview_slide .slick-dots .slick-active{
 border-color:#ffe600;background:transparent;pointer-events:none
}
@media screen and (max-width:768px){
 #interview .interview_box .bot .interview_slide .slick-dots .slick-active{
 background:#000
}

}
#finalist{
 position:relative;z-index:20;margin:60px 0 0
}
@media screen and (max-width:768px){
 #finalist{
 margin:0 0 -60px;background:#efefef
}

}
@media screen and (max-width:768px){
 #finalist .wrap_in{
 padding:20px 0 20px
}

}
#finalist .finalist_box{
 position:relative
}
@media screen and (max-width:768px){
 #finalist .finalist_box{
 z-index:30
}

}
#finalist .finalist_box .main_tit-box{
 position:absolute;top:30px;left:0
}
@media screen and (max-width:768px){
 #finalist .finalist_box .main_tit-box{
 top:-10px;left:15px
}

}
#finalist .finalist_box .main_tit-box .tit{
 font-family:'Roboto',sans-serif;font-weight:700;font-style:normal;font-size:90px;color:#fff
}
@media screen and (max-width:768px){
 #finalist .finalist_box .main_tit-box .tit{
 font-size:45px
}

}
@media screen and (max-width:768px){
 #finalist .finalist_box .finalist_4clm{
 position:relative;z-index:30;padding:0 15px
}

}
#finalist .finalist_box .finalist_4clm ul{
 display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 0 120px
}
@media screen and (max-width:1320px){
 #finalist .finalist_box .finalist_4clm ul{
 padding-top:20px
}
#finalist .finalist_box .finalist_4clm ul li{
 width:350px;margin:0 0 15px
}
#finalist .finalist_box .finalist_4clm ul li:nth-of-type(3n+1){
 -webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px)
}
#finalist .finalist_box .finalist_4clm ul li:nth-of-type(3n+1) a{
 -webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s
}
#finalist .finalist_box .finalist_4clm ul li:nth-of-type(3n+2){
 -webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)
}
#finalist .finalist_box .finalist_4clm ul li:nth-of-type(3n+2) a{
 -webkit-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s
}
#finalist .finalist_box .finalist_4clm ul li:nth-of-type(3n+3){
 -webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)
}
#finalist .finalist_box .finalist_4clm ul li:nth-of-type(3n+3) a{
 -webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s
}

}
@media screen and (max-width:768px){
 #finalist .finalist_box .finalist_4clm ul{
 padding:0 0 20px
}
#finalist .finalist_box .finalist_4clm ul li{
 width:48%
}
#finalist .finalist_box .finalist_4clm ul li:nth-of-type(odd){
 -webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)
}
#finalist .finalist_box .finalist_4clm ul li:nth-of-type(odd) a{
 -webkit-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s
}
#finalist .finalist_box .finalist_4clm ul li:nth-of-type(2n){
 -webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)
}
#finalist .finalist_box .finalist_4clm ul li:nth-of-type(2n) a{
 -webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s
}

}
#finalist .finalist_box .finalist_4clm ul:after{
 display:block;content:"";-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999;width:290px
}
@media screen and (max-width:1320px){
 #finalist .finalist_box .finalist_4clm ul:after{
 width:350px
}

}
@media screen and (max-width:768px){
 #finalist .finalist_box .finalist_4clm ul:after{
 display:none
}

}
#finalist .finalist_box .finalist_4clm li{
 width:290px;margin:0 0 14px
}
#finalist .finalist_box .finalist_4clm li:nth-of-type(4n+1){
 -webkit-transform:translateY(120px);-ms-transform:translateY(120px);transform:translateY(120px)
}
#finalist .finalist_box .finalist_4clm li:nth-of-type(4n+2){
 -webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px)
}
#finalist .finalist_box .finalist_4clm li:nth-of-type(4n+2) a{
 -webkit-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s
}
#finalist .finalist_box .finalist_4clm li:nth-of-type(4n+3){
 -webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)
}
#finalist .finalist_box .finalist_4clm li:nth-of-type(4n+3) a{
 -webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s
}
#finalist .finalist_box .finalist_4clm li:nth-of-type(4n+4) a{
 -webkit-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s
}
#finalist .finalist_box .finalist_4clm a{
 display:block;position:relative
}
#finalist .finalist_box .finalist_4clm a:hover .img_box img{
 -webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)
}
#finalist .finalist_box .finalist_4clm a:hover .txt_box{
 opacity:0
}
#finalist .finalist_box .finalist_4clm a:hover .read_box{
 opacity:1
}
#finalist .finalist_box .finalist_4clm a .img_box{
 overflow:hidden
}
#finalist .finalist_box .finalist_4clm a .img_box img{
 -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:0.7s ease;-o-transition:0.7s ease;transition:0.7s ease
}
#finalist .finalist_box .finalist_4clm a .txt_box{
 position:absolute;z-index:10;width:100%;height:100%;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-line-pack:end;align-content:flex-end;-webkit-transition:0.7s ease;-o-transition:0.7s ease;transition:0.7s ease
}
#finalist .finalist_box .finalist_4clm a .txt_box .num{
 background:#fff;padding:0px 0 5px;width:60px;text-align:center;position:relative
}
@media screen and (max-width:768px){
 #finalist .finalist_box .finalist_4clm a .txt_box .num{
 width:36px;padding:2px 0 3px
}

}
#finalist .finalist_box .finalist_4clm a .txt_box .num:before{
 position:absolute;content:"";width:0;height:0;border-style:solid;border-width:10px 60px 0 0;border-color:transparent #fff transparent transparent;top:-10px;left:0
}
@media screen and (max-width:768px){
 #finalist .finalist_box .finalist_4clm a .txt_box .num:before{
 border-width:6px 36px 0 0;top:-6px
}

}
#finalist .finalist_box .finalist_4clm a .txt_box .num .sma{
 font-family:'Roboto',sans-serif;font-weight:700;font-style:normal;font-size:19px;color:#2e2e38
}
@media screen and (max-width:768px){
 #finalist .finalist_box .finalist_4clm a .txt_box .num .sma{
 font-size:11px
}

}
#finalist .finalist_box .finalist_4clm a .txt_box .num .big{
 font-family:'Roboto',sans-serif;font-weight:700;font-style:normal;font-size:31px;color:#2e2e38
}
@media screen and (max-width:768px){
 #finalist .finalist_box .finalist_4clm a .txt_box .num .big{
 font-size:18px
}

}
#finalist .finalist_box .finalist_4clm a .txt_box .txt_box-in{
 width:100%;background:rgba(46,46,56,0.7);padding:13px 20px
}
@media screen and (max-width:768px){
 #finalist .finalist_box .finalist_4clm a .txt_box .txt_box-in{
 padding:10px 10px
}

}
#finalist .finalist_box .finalist_4clm a .txt_box .txt_box-in .sta{
 display:block;font-size:18px;color:#fff;letter-spacing:0.1em;padding:0 0 10px
}
@media screen and (max-width:768px){
 #finalist .finalist_box .finalist_4clm a .txt_box .txt_box-in .sta{
 font-size:10px;padding:0 0 5px
}

}
#finalist .finalist_box .finalist_4clm a .txt_box .txt_box-in .name{
 display:block;font-size:22px;color:#fff;letter-spacing:0.1em;padding:10px 0 0;border-top:1px solid #fff
}
@media screen and (max-width:768px){
 #finalist .finalist_box .finalist_4clm a .txt_box .txt_box-in .name{
 font-size:13px;padding:5px 0 0;border-color:rgba(255,255,255,0.7)
}

}
#finalist .finalist_box .finalist_4clm a .read_box{
 position:absolute;z-index:20;width:100%;height:100%;bottom:0;left:0;background:rgba(46,46,56,0.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;border:8px solid rgba(251,213,0,0.7);padding:0 0 36px;opacity:0;-webkit-transition:0.7s ease;-o-transition:0.7s ease;transition:0.7s ease
}
#finalist .finalist_box .finalist_4clm a .read_box p{
 font-family:'Roboto',sans-serif;font-weight:700;font-style:normal;font-size:18px;color:#fff;letter-spacing:0.1em;width:95%;height:30px;border-bottom:2px solid #ffe600
}
#finalist .finalist_box .finalist_4clm a .read_box .dead{
 display:none;border-color:#babcbd
}
#finalist .finalist_box .finalist_4clm .deadarticle .read_box{
 border-color:rgba(255,255,255,0.7)
}
#finalist .finalist_box .finalist_4clm .deadarticle .read_box .alive{
 display:none
}
#finalist .finalist_box .finalist_4clm .deadarticle .read_box .dead{
 display:block
}
#finalist .finalist_box .link_box-wrap{
 width:990px;margin:120px auto 0;position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap
}
@media screen and (max-width:768px){
 #finalist .finalist_box .link_box-wrap{
 width:100%;background:#fff;margin:0;padding:50px 15px 100px
}
#finalist .finalist_box .link_box-wrap:before{
 position:absolute;content:"";width:0;height:0;border-style:solid;border-width:50px 100vw 0 0;border-color:transparent #fff transparent transparent;top:-50px;left:0
}

}
#finalist .finalist_box .link_box-wrap:after{
 position:absolute;z-index:10;content:"";width:477px;height:400px;background:url("../img/finalist_btn-bg.png") center/cover no-repeat;top:-100px;left:0;right:0;margin:0 auto
}
@media screen and (max-width:768px){
 #finalist .finalist_box .link_box-wrap:after{
 top:0;width:238px;height:260px;background-image:url("../img/finalist_btn-bg-sp.png")
}

}
#finalist .finalist_box .link_box-wrap .link_tit-box{
 width:100%;margin:0 0 40px
}
@media screen and (max-width:768px){
 #finalist .finalist_box .link_box-wrap .link_tit-box{
 margin:0 0 20px
}

}
#finalist .finalist_box .link_box-wrap .link_tit-box .tit{
 font-family:'Roboto',sans-serif;font-weight:700;font-style:normal;font-size:60px;line-height:1;text-align:center;padding:0 0 33px;position:relative
}
@media screen and (max-width:768px){
 #finalist .finalist_box .link_box-wrap .link_tit-box .tit{
 font-size:30px;padding:0 0 17px
}

}
#finalist .finalist_box .link_box-wrap .link_tit-box .tit:after{
 position:absolute;content:"";width:45px;height:11px;background:#ffe600;bottom:0;left:0;right:0;margin:0 auto
}
@media screen and (max-width:768px){
 #finalist .finalist_box .link_box-wrap .link_tit-box .tit:after{
 width:23px;height:6px
}

}
#finalist .finalist_box .link_box-wrap .link_box{
 position:relative;z-index:20
}
@media screen and (max-width:768px){
 #finalist .finalist_box .link_box-wrap .link_box{
 margin:15px 0 0
}

}
#finalist .finalist_box .link_box-wrap .link_box a{
 color:#fff;border-color:#2e2e38;background:#2e2e38
}
#finalist .finalist_box .link_box-wrap .link_box a:before{
 background-color:#fff
}
#finalist .finalist_box .link_box-wrap .link_box a:hover span{
 color:#2e2e38
}
#alumni{
 margin:150px 0 0;padding:120px 0 100px;background:url("../img/alumni_bg.jpg") center/cover no-repeat;position:relative;z-index:20
}
@media screen and (max-width:768px){
 #alumni{
 margin:0;padding:60px 0 50px
}

}
#alumni:before{
 position:absolute;content:"";z-index:10;width:410px;height:100%;background:#ffe600;top:0;left:0
}
@media screen and (max-width:768px){
 #alumni:before{
 width:65px;height:270px;left:auto;right:0
}

}
#alumni .wrap{
 position:relative;z-index:20
}
#alumni .alumni_box{
 display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center
}
@media screen and (max-width:768px){
 #alumni .alumni_box{
 display:block;position:relative
}

}
#alumni .alumni_box .img_box{
 width:48.333%;margin-left:-35px
}
@media screen and (max-width:768px){
 #alumni .alumni_box .img_box{
 width:100%;margin:0;padding:60px 0 0
}

}
#alumni .alumni_box .img_box img{
 width:100%
}
#alumni .alumni_box .txt_box{
 width:600px;margin-left:40px
}
@media screen and (max-width:768px){
 #alumni .alumni_box .txt_box{
 width:100%;margin:0
}

}
@media screen and (max-width:768px){
 #alumni .alumni_box .txt_box .main_tit-box{
 position:absolute;top:0;left:0
}

}
#alumni .alumni_box .txt_box .main_tit-box .tit{
 font-family:'Roboto',sans-serif;font-weight:700;font-style:normal;font-size:60px;color:#fff;line-height:1;padding:0 0 3px 43px;position:relative
}
@media screen and (max-width:768px){
 #alumni .alumni_box .txt_box .main_tit-box .tit{
 font-size:30px;padding:0 0 0 22px
}

}
#alumni .alumni_box .txt_box .main_tit-box .tit:before{
 position:absolute;content:"";width:11px;height:45px;background:#ffe600;top:0;bottom:0;left:0;margin:auto 0
}
@media screen and (max-width:768px){
 #alumni .alumni_box .txt_box .main_tit-box .tit:before{
 width:5px;height:23px;top:2px;bottom:auto
}

}
#alumni .alumni_box .txt_box-in{
 margin:50px 0 0
}
@media screen and (max-width:768px){
 #alumni .alumni_box .txt_box-in{
 margin:0
}

}
#alumni .alumni_box .txt_box-in .big{
 font-size:24px;font-weight:bold;color:#fff;letter-spacing:0.1em;line-height:1.83;margin:15px 0 0
}
@media screen and (max-width:768px){
 #alumni .alumni_box .txt_box-in .big{
 font-size:18px;line-height:1.5
}

}
#alumni .alumni_box .txt_box-in .txt{
 font-size:18px;color:#fff;line-height:2;letter-spacing:0.08em;margin:20px 0 0
}
@media screen and (max-width:768px){
 #alumni .alumni_box .txt_box-in .txt{
 font-size:13px;font-weight:400;line-height:1.84;margin:10px 0 0
}

}
#alumni .alumni_box .link_box.type-b{
 width:410px;margin:40px 0 0
}
@media screen and (max-width:768px){
 #alumni .alumni_box .link_box.type-b{
 width:320px
}

}
#alumni .alumni_box .link_box.type-b a span{
 font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;font-style:normal;font-weight:bold;color:#fff;text-align:left
}
footer{
 position:relative;z-index:10;background:#fff
}
footer .foot_slide-wrap{
 position:relative;font-size:0;width:100%;min-width:1200px;height:350px;overflow:hidden
}
@media screen and (max-width:768px){
 footer .foot_slide-wrap{
 min-width:auto;height:175px
}

}
footer .foot_slide-wrap:before{
 position:absolute;content:"";z-index:20;width:100%;height:100%;background:transparent;top:0;left:0
}
footer .foot_slide-in{
 position:absolute;z-index:10;width:2000px;top:0;left:50%;margin-left:-1000px
}
@media screen and (max-width:768px){
 footer .foot_slide-in{
 width:1000px;margin-left:-500px
}

}
footer .foot_wrap{
 padding:40px 0
}
@media screen and (max-width:768px){
 footer .foot_wrap{
 padding:30px 0
}

}
footer .logo{
 width:180px;margin:0 auto
}
@media screen and (max-width:768px){
 footer .logo{
 width:120px
}

}
footer .logo a{
 display:block
}
footer .copy{
 font-size:14px;color:#909090;line-height:1.2;letter-spacing:0.1em;text-align:center;margin:35px 0 0
}
@media screen and (max-width:768px){
 footer .copy{
 font-size:10px;line-height:1.78;padding:0 15px;margin:18px 0 0
}

}
.sns_box{
 margin:35px 0 0
}
@media screen and (max-width:768px){
 .sns_box{
 margin:18px 0 0
}

}
.sns_box ul{
 display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center
}
.sns_box li{
 display:block
}
.sns_box li a{
 display:block;width:40px;height:40px;border-radius:50%;-webkit-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)
}
@media screen and (max-width:768px){
 .sns_box li a{
 width:30px;height:30px
}

}
.sns_box li a:hover{
 -webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)
}
.sns_box li+li{
 margin-left:3rem
}
@media screen and (max-width:768px){
 .sns_box li+li{
 margin-left:10px
}

}
.sns_fb{
 background:url("../img/sns_fb-bk.svg") center/100% auto no-repeat
}
.sns_tw{
 background:#2e2e38 url("../img/sns_tw-wh.svg") center/22px auto no-repeat
}
@media screen and (max-width:768px){
 .sns_tw{
 background-size:16px auto
}

}
.sns_li{
 background:#2e2e38 url("../img/sns_li-wh.svg") center/22px auto no-repeat
}
@media screen and (max-width:768px){
 .sns_li{
 background-size:16px auto
}

}
.fadeanim{
 opacity:0;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease
}
.fade_up{
 -webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)
}
.fadeanim.on{
 opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)
}
.dash{
 letter-spacing:-1px!important
}