html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,main { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
main{box-shadow:0 0 0;}
*{box-sizing:border-box;}
a{text-decoration:none;color:#000000;}
li{list-style:none;}
body{background:rgba(249, 244, 233, 1);width:100%;height:auto;font-family:sans-serif;}
.rel{position:relative;}
.ab{position:absolute;}
.max{max-width:1300px;margin:0 auto;}
.bold{font-weight:bold;}

p,summary,a{font-size:16px;letter-spacing:.1rem;font-weight:normal;line-height:1.8rem;}
h1{font-size:27px;letter-spacing:.1rem;font-weight:normal;}
h2{font-size:25px;letter-spacing:.1rem;font-weight:normal;}
h3{font-size:20px;letter-spacing:.1rem;font-weight:normal;}
h4,h5,h6{font-size:15px;letter-spacing:.1rem;font-weight:normal;}

@media screen and (min-width:1400px){
  p,summary,a{font-size:17px;}
}
@media screen and (max-width:1150px){
  p,summary,a{font-size:14px;line-height:1.5rem;}
}
@media screen and (max-width:1050px){
  p,summary,a{font-size:13px;}
  h1{font-size:20px;}
  h2{font-size:19px;}
  h3{font-size:18px;}
  h4,h5,h6{font-size:17px;}
}
@media screen and (max-width:1050px){
  p,summary,a{line-height:1.3rem;}
}
@media screen and (max-width:900px){
  p,summary,a{font-size:15px;line-height:1.4rem;}
  h1{font-size:19px;}
  h2{font-size:18px;}
  h3{font-size:17px;}
  h4,h5,h6{font-size:16px;}
}
@media screen and (max-width:650px){
  p,summary,a{font-size:13px;line-height:1.5rem;}
  h1{font-size:17px;}
  h2{font-size:16px;}
  h3{font-size:15px;}
  h4,h5,h6{font-size:14px;}
}
@media screen and (max-width:500px){
  p,summary,a{font-size:13px;line-height:1.4rem;}
  h1{font-size:16px;}
  h2{font-size:15px;}
  h3{font-size:14px;}
  h4,h5,h6{font-size:13px;}
}
@media screen and (max-width:400px){
  p,summary,a{font-size:13px;}
}
@media screen and (max-width:350px){
  p,summary,a{font-size:12px;}
}
/* aホバー下線 */
.a-hov,.a-hov-b,.a-hov-bb{position:relative;}
.a-hov::after{position:absolute;left:0;content:'';width:100%;height:3px;background:#fff;bottom:-1px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;}
.a-hov-b::after{position:absolute;left:0;content:'';width:80%;height:2px;background:#18C5B7;left:10%;bottom:-1px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;}
.a-hov-bb::after{position:absolute;left:0;content:'';width:100%;height:2px;background:#5A5A5A;bottom:-1px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;}
/* .a-hov-blu::after{position:absolute;left:0;content:'';width:100%;height:2px;background:#18C5B7;bottom:-1px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;} */
.a-hov:hover::after,.a-hov-b:hover::after,.a-hov-bb:hover::after{transform:scale(1, 1);}

/* ログイン画面トップ */
.login-top{width:100%;margin:0 auto;overflow:hidden;text-align:center;}
.login-all{width:100%;}
.login-all img{width:25%;margin:0 auto;}
.login-contents input{display:block;width:40%;height:3rem;margin:0% auto 2%;border:1px solid rgba(181, 181, 181, 1);box-shadow:inset 0 4px 4px rgba(0, 0, 0, 0.1);border-radius:.5vw;padding:0 1rem;}
.login-button{width:100%;margin:0 auto;}
.l-b-login{width:40%;display:block;margin:3% auto 0;padding:1rem 0;border-radius:.5vw;background:rgba(31, 217, 192, 1);color:#fff;}
.l-b-new{margin:1% auto 5%;display:inline-block;color:rgba(119, 117, 117, 1);}
@media screen and (max-width:950px){
  .login-all img{width:30%;}
  .login-contents input{width:50%;height:3.5rem;}
  .l-b-login{width:50%;padding:1rem;}
}
@media screen and (max-width:800px){
  .login-all img{width:35%;}
  .login-contents input{width:60%;}
  .l-b-login{width:60%;}
}
@media screen and (max-width:700px){
  .login-all img{width:45%;}
  .login-contents input{width:70%;}
  .l-b-login{width:70%;}
}
@media screen and (max-width:500px){
  .login-top{height:96vh;}
  .login-all{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
  .login-all img{width:45%;}
  .login-contents input{width:75%;height:2.5rem;}
  .l-b-login{width:75%;padding:.5rem;margin:6% auto 0;}
}


/*-------------------- フッター ----------------------*/
footer{position:fixed;bottom:0;left:0;width:100%;margin:0 auto;overflow:hidden;text-align:center;}

.copy-right{text-align:center;background:rgba(255, 224, 49, 1);color:rgba(110, 110, 110, 1);padding:.3rem 0;position:fixed;bottom:0;left:0;width:100%;}

/* 新規登録 */
.login-new{width:100%;margin:0 auto 5%;overflow:hidden;text-align:center;}
.login-n-all{width:100%;}
.login-n-all img{width:25%;margin:0 auto;}
.login-n-contents p,.login-n-contents input{width:40%;margin:0% auto;}
.login-n-contents p{text-align:left;color:rgba(96, 96, 96, 1);}
.login-n-contents input{display:block;height:3rem;margin-bottom:1%; border:1px solid rgba(181, 181, 181, 1);box-shadow:inset 0 4px 4px rgba(0, 0, 0, 0.1);border-radius:.5vw;padding:0 1rem;}
/* チェックボックス */
.login-n-check input[type=checkbox]{display:none;}
.checkbox{cursor:pointer;display:inline-block;padding:5px 30px;position:relative;width:auto;color:#666;user-select:none;}
.checkbox:before{content:'';position:absolute;top:50%;left:5px;display:block;height:16px;width:16px;margin-top:-8px;border-radius:3px;background:#fff;border:1px solid #aaa;}
.checkbox:after{content:'';position:absolute;top:50%;left:10px;display:block;height:9px;width:5px;margin-top:-7px;border-right:3px solid #2196f3;border-bottom:3px solid #2196f3;opacity:0;transform:rotate(45deg);}
.login-n-check input[type=checkbox]:checked + .checkbox::after{opacity:1;}
.login-n-check a{color:rgb(218, 186, 4);}
/* ログインボタン */
.login-n-button{width:100%;margin:0 auto;}
.l-b-login2{width:40%;display:block;margin:5% auto 0;padding:1rem 0;border-radius:.5vw;background:rgba(31, 217, 192, 1);color:#fff;}
.l-b-under{display:flex;width:40%;justify-content:center;margin:0 auto;}
.l-b-new1,.l-b-new2{margin:2% auto;display:inline-block;color:rgba(119, 117, 117, 1);}
@media screen and (max-width:950px){
  .login-new img{width:30%;}
  .login-n-contents p,.login-n-contents input{width:50%;}
  .login-n-contents input{height:3.5rem;}
  .l-b-login2{width:50%;padding:1rem;}
  .l-b-under{display:flex;width:50%;}
}
@media screen and (max-width:800px){
  .login-n-all img{width:35%;}
  .login-n-contents p,.login-n-contents input{width:60%;}
  .l-b-login2{width:60%;}
  .l-b-under{display:flex;width:60%;}
}
@media screen and (max-width:700px){
  .login-n-all img{width:45%;}
  .login-n-contents p,.login-n-contents input{width:70%;}
  .l-b-login2{width:70%;}
  .l-b-under{display:flex;width:70%;}
}
@media screen and (max-width:500px){
  .login-n-all img{width:45%;}
  .login-n-contents p,.login-n-contents input{width:80%;}
  .login-n-contents input{height:2.5rem;}
  .l-b-login2{width:80%;padding:.5rem;}
  .l-b-under{display:flex;width:85%;}
}