*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:f_roboto;src:url(../font/Roboto-Light.woff) format('woff');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:f_roboto;src:url(../font/Roboto-Regular.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:f_roboto;src:url(../font/Roboto-Medium.woff) format('woff');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:f_philosopher;src:url(../font/Philosopher-Bold.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}body,html{width:100%;height:100%}body{font-family:f_roboto,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Yu Gothic',YuGothic,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN',Arial,'メイリオ',Meiryo,sans-serif;font-size:14px;font-weight:300}body.is_show{height:100vh;overflow:hidden}a{text-decoration:none}li{list-style:none}img{width:100%;height:auto;display:block}.l_footer{width:100%}.l_footer.is_bottom{position:fixed;bottom:0}.footer{width:100%;padding:0 0 38px}.footer .footer_txt{text-align:center;font-size:10px;font-weight:400}.l_header{width:100%;height:82px;background-color:#fff;box-shadow:0 9px 30px rgba(164,185,205,.2)}.header{width:100%;max-width:900px;height:100%;margin:auto;display:flex;align-items:center;justify-content:flex-start}.header .header_logo{width:185px;height:auto}.header .header_nav{margin:0 20px 0 auto;display:flex;align-items:center;justify-content:center}.header .header_nav>li{margin:0 15px 0 0;padding:0 15px 0 0;position:relative}.header .header_nav>li>a{color:#333;transition:opacity .3s}.header .header_nav>li>a:hover{opacity:.6}.header .header_nav>li>span{font-weight:700;color:#77a6d5}.header .header_nav>li:last-child{margin:0;padding:0}.header .header_nav>li:not(:last-child)::after{width:1px;height:15px;position:absolute;top:50%;right:0;content:'';background-color:#333;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.header .header_logout>a{padding:10px 20px;font-size:12px;letter-spacing:.05em;font-weight:700;color:#77a6d5;background-color:#fff;border:1px solid #77a6d5;border-radius:100vh;transition:color .3s,background-color .3s}.header .header_logout>a:hover{color:#fff;background-color:#77a6d5}.container{width:100%}.container_bg{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-100;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(../img/common/bg.jpg);pointer-events:none}.l_contents{width:100%}.contents{width:100%}.l_defultbtn{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;background-color:#fff;border:1px solid #77a6d5;border-radius:100vh;cursor:pointer;transition:color .3s,background-color .3s}.l_defultbtn:hover{background-color:#77a6d5}.l_defultbtn:hover .defultbtn{color:#fff}.defultbtn{font-size:20px;font-weight:300;color:#77a6d5;letter-spacing:.1em}.login .login_head{width:90vw;max-width:515px;height:auto;margin:auto;padding:120px 0 0}.login .login_body .login_body_form{width:380px;margin:65px auto 0;padding:40px 30px;background-color:#fff;border-radius:10px;box-shadow:0 4px 34px rgba(108,128,133,.3)}.login .login_body .login_body_form .login_body_form_ttl{text-align:center;font-family:f_philosopher;font-size:55px;font-weight:700;color:#77a6d5;letter-spacing:.02em}.login .login_body .login_body_form .login_body_form_id,.login .login_body .login_body_form .login_body_form_pw{margin:20px 0 0;letter-spacing:.1em}.login .login_body .login_body_form .login_body_form_id>input,.login .login_body .login_body_form .login_body_form_pw>input{width:100%;margin:5px 0 0;padding:18px 22px;font-size:14px;border:2px solid #c7daed;border-radius:3px}.login .login_body .login_body_btn{width:340px;height:60px;margin:30px auto}