hjkhghopjkertteerterterterertertrtoirh

@charset "UTF-8"; /* CSS Document */ html { width: 100%;height: 100%;margin: 0; padding: 0;} body{width:100%;height: 100%;margin: 0; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;-webkit-text-size-adjust: 100%;} body.fixed { position: fixed;height: 100vh;} .gothic{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .clearfix:after{content: "";clear: both;display: block;} :hover{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} /*a:hover{opacity: 0.5; }*/ #application form button,main #cgi div form section input{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} main #cgi div form section input:hover{cursor: pointer;background:#1f1719;} footer{text-align: center;padding: 20px 0;} footer small{font-size: 11px;letter-spacing: 1px;} #page-top{ display:block;width:70px;height:54px;padding-top:16px; font-size:24px;text-align: center;text-decoration: none; color:slategrey;position:fixed;right:20px;bottom:20px;border: 1px solid slategrey;z-index: 9999;} #page-top:hover{background:slategrey;color: white;} @media screen and (min-width:1051px) { header{width:100%;margin: 0 auto 50px auto;padding:50px 0 0 0;} header h1{width: 200px; margin: 0 auto;padding: 0;text-align: center;} header h1 img{width:100%;} /*ログイン*/ #login{margin: 0 auto 50px auto;padding: 0 0;} #login h2{margin: 0 auto 10px auto;padding: 0 0;font-size:28px;letter-spacing:3px;font-weight: normal;text-align: center;color: #1f1719;} #login h2 span{display:block;font-size:36px;} #login h3{margin: 0 auto 50px auto;padding: 0 0;font-size:26px;letter-spacing:1px;font-weight: normal;text-align: center;color: #1f1719;} #login div{width:500px;margin: 0 auto;padding:50px 0;background:black} #login div h4{font-size: 20px;letter-spacing: 1px; margin: 0 auto 30px auto;padding: 0;text-align: center;font-weight: normal;color: white;} #login div p{font-size:16px;letter-spacing: 3px; margin: 0 auto 10px auto;padding: 0;text-align: center;color: white;} #login div input[type="text"]{display: block;width:80%;margin:0 auto;padding:16px 2% 16px 2%;font-size:18px;letter-spacing:1px;border-radius:3px;text-align: center;border:1px solid white;outline: none;} #login div input[type="text"]:focus{ background:black;color: white;} /*個人情報取り扱い*/ #pp{width:750px;margin: 0 auto;padding: 0 0;} #pp h2{margin: 0 auto 0px auto;padding: 0 0 0px 0;font-size:28px;letter-spacing:2px;font-weight: normal;text-align: center;} #pp h3{margin: 0 auto 30px auto;padding: 0 0;font-size:32px;letter-spacing:3px;font-weight: normal;text-align: center;} #pp section{width:100%;margin: 0 auto 50px auto;padding:0 0 50px 0;border: 1px solid black;} #pp section h4{margin: 0 auto 30px auto;padding:30px 0 20px 0;font-size:22px;letter-spacing:3px;font-weight: normal;text-align: center;background:black;color: white;} #pp section #text01{width:88%;margin: 0 auto 30px auto;padding: 0 0;font-size:16px;letter-spacing:2px;line-height: 26px;} #pp section ol{width:75%;margin: 0 auto 10px auto;padding: 0 0;font-size:15px;letter-spacing:1px;line-height: 25px;} #pp section ol li{margin: 0 auto 20px auto;padding: 0 0;} #pp section #text02{width:65%;margin: 0 0 30px auto;padding: 0 0 0 0px;font-size:14px;letter-spacing:1px;} #pp section #application{display: block; width:80%;margin:0 auto 0px auto;padding:20px 0px;font-size:20px;letter-spacing:2px;background:slategrey;color: white;text-align: center;text-decoration: none;} #pp section #application:hover{background:black;color: white;} #pp section #application .fa-angle-right{margin-left:10px;} #pp #back{display: block; width:50%;margin:0 auto 20px auto;padding:0px 0px;font-size:16px;letter-spacing:2px;color:black;text-align: center;text-decoration: none;} #pp #back:hover{color: slategrey} #pp #back .fa-angle-double-left{margin-right: 10px;} /*申請*/ #application{width:640px;margin: 0 auto;padding: 0 0;} #application h2{margin: 0 auto 0px auto;padding: 0 0 0px 0;font-size:28px;letter-spacing:2px;font-weight: normal;text-align: center;} #application h3{margin: 0 auto 30px auto;padding: 0 0;font-size:32px;letter-spacing:3px;font-weight: normal;text-align: center;} #application form{padding:0px 0px;margin: 0 auto 80px auto} #application form section{margin: 0 auto 40px auto} #application form section h4{ margin: 0 auto 20px auto;padding:20px 0 10px 0px;font-size:18px;letter-spacing:3px;font-weight: normal;border-top: 2px solid black;background: #f3f3f3;text-align: center;} #application form section p{width:98%;margin:8px 0 5px auto;padding: 0 0;font-size:16px;letter-spacing:1px;} #application form section input[type="text"], #application form section input[type="email"], #application form section textarea {margin:0 0 0 auto;padding:12px 2% 12px 2%;font-size:16px;letter-spacing:1px;border-radius:3px;background:white;border:1px solid slategrey; outline: none;color:slategrey} #application form section .input01, #application form section textarea{display: block;width:94%;} #application form section .input02{width:15%;} #application form section input[type="text"]:focus, #application form section input[type="email"]:focus, #application form section textarea:focus{background: slategrey;color: white;} #application form section .radio{width:100%;margin:0 0 20px auto;text-align: center} #application form section .radio input[type="radio"] { display: none;} #application form section .radio label{width:45%;margin:0 auto 6px auto;background-color: #fff; border:1px dashed black;color:black;text-align: center;padding:10px 0px;font-size: 16px;letter-spacing:1px; border-radius:3px; display:inline-block;} #application form section .radio input[type="radio"]:checked + label { background-color:black;color: white} #application form section .radio label:hover { cursor: pointer;} #application form > p{width:60%;margin:0 auto 30px auto;padding: 0 0;font-size:14px;letter-spacing:1px;line-height: 24px;} #application form button{display:block;border:0;width:100%;margin:0 auto 0px auto;padding: 24px 0;color: white;font-size:20px;letter-spacing:1px; background:black;} #application form button:hover{cursor: pointer;background:slategrey;} #application .back{display: block; width:50%;margin:0 auto 10px auto;padding:0px 0px;font-size:16px;letter-spacing:2px;color:black;text-align: center;text-decoration: none;} #application .back:hover{color: slategrey} #application .fa-angle-double-left{margin-right: 10px;} /* CGI*/ main #cgi{width:600px;margin: 0 auto;padding: 0 0;} main #cgi h2{margin: 0 auto 0px auto;padding: 0 0 10px 0;font-size:34px;letter-spacing:2px;font-weight: normal;text-align: center;color: #1f1719;} main #cgi h3{margin: 0 auto 50px auto;padding: 0 0;font-size:26px;letter-spacing:3px;font-weight: normal;text-align: center;color: #1f1719;} main #cgi h4{width:100%;margin: 0 auto 40px auto;padding: 16px 0 10px 0;font-size:26px;letter-spacing:3px;font-weight: normal;text-align: center;color: #b77d42;border-top: 1px solid #b77d42;border-bottom: 1px solid #b77d42;} main #cgi div{background: #f9f9f6;padding:40px 50px;} main #cgi div .q{margin: 0 auto 3px auto;padding: 0 0;font-size:16px;letter-spacing:1px;line-height: 28px;color: #b77d42;} main #cgi div .a{margin: 0 auto 20px auto;padding: 0 0 5px 0;font-size:16px;letter-spacing:1px;line-height: 28px;border-bottom: 1px solid #b77d42} main #cgi div .a:last-of-type{/*border-bottom: none*/} main #cgi div form section{margin: 40px auto 0px auto;text-align: center} main #cgi div form section input{display:inline-block;border:0;width:49%;margin:0 auto 0px auto;padding: 24px 0;color: white;font-size:20px;letter-spacing:1px; background:#b77d42;} } @media screen and (max-width:1050px) { header{width:100%;margin: 0 auto 20px auto;padding:20px 0 0 0;} header h1{width: 30%;max-width: 200px; margin: 0 auto;padding: 0;text-align: center;} header h1 img{width:100%;} /*ログイン*/ #login{margin: 0 auto 30px auto;padding: 0 0;} #login h2{margin: 0 auto 0px auto;padding: 0 0;font-size:18px;letter-spacing:1px;font-weight: normal;text-align: center;color: #1f1719;} #login h2 span{display:block;font-size:22px;} #login h3{margin: 0 auto 30px auto;padding: 0 0;font-size:20px;letter-spacing:1px;font-weight: normal;text-align: center;color: #1f1719;} #login div{width:80%;margin: 0 auto;padding:30px 0;background:black} #login div h4{font-size: 16px;letter-spacing: 1px; margin: 0 auto 10px auto;padding: 0;text-align: center;font-weight: normal;color: white;} #login div p{font-size:14px;letter-spacing: 0px; margin: 0 auto 10px auto;padding: 0;text-align: center;color: white;} #login div input[type="text"]{display: block;width:80%;margin:0 auto;padding:16px 2% 16px 2%;font-size:16px;letter-spacing:1px;border-radius:3px;text-align: center;border:1px solid white;outline: none;} #login div input[type="text"]:focus{ background:black;color: white;} /*個人情報取り扱い*/ #pp{width:100%;margin: 0 auto;padding: 0 0;} #pp h2{margin: 0 auto 0px auto;padding: 0 0 0px 0;font-size:16px;letter-spacing:0px;font-weight: normal;text-align: center;} #pp h3{margin: 0 auto 20px auto;padding: 0 0;font-size:20px;letter-spacing:1px;font-weight: normal;text-align: center;} #pp section{width:85%;margin: 0 auto 30px auto;padding:0 0 20px 0;border: 1px solid black;} #pp section h4{margin: 0 auto 30px auto;padding:20px 0 10px 0;font-size:17px;letter-spacing:0px;font-weight: normal;text-align: center;background:black;color: white;} #pp section #text01{width:88%;margin: 0 auto 20px auto;padding: 0 0;font-size:14px;letter-spacing:0px;line-height: 18px;} #pp section ol{width:80%;margin: 0 6% 0px auto;padding: 0 0;font-size:14px;letter-spacing:1px;line-height:18px;} #pp section ol li{margin: 0 auto 20px auto;padding: 0 0;} #pp section #text02{width:80%;margin: 0 0 30px auto;padding: 0 0 0 0px;font-size:13px;letter-spacing:0px;} #pp section #application{display: block; width:80%;margin:0 auto 0px auto;padding:20px 10px;font-size:16px;letter-spacing:0px;background:slategrey;color: white;text-align: center;text-decoration: none;} #pp section #application:hover{background:black;color: white;} #pp section #application .fa-angle-right{margin-left:10px;} #pp #back{display: block; width:100%;margin:0 auto 0px auto;padding:0px 0px;font-size:16px;letter-spacing:2px;color:black;text-align: center;text-decoration: none;} #pp #back:hover{color: slategrey} #pp #back .fa-angle-double-left{margin-right: 10px;} /*申請*/ #application{width:100%;margin: 0 auto;padding: 0 0;} #application h2{margin: 0 auto 0px auto;padding: 0 0 0px 0;font-size:16px;letter-spacing:0px;font-weight: normal;text-align: center;} #application h3{margin: 0 auto 20px auto;padding: 0 0;font-size:20px;letter-spacing:1px;font-weight: normal;text-align: center;} #application form{ padding:0px 0px 50px 0;margin: 0 auto 0px auto;border-bottom: 1px solid black} #application form section{width:80%;margin: 0 auto 30px auto;} #application form section h4{ margin: 0 auto 20px auto;padding:16px 0 8px 0px;font-size:18px;letter-spacing:1px;font-weight: normal;border-top: 2px solid black;background: #f3f3f3;text-align: center;} #application form section p{width:98%;margin:6px 0 4px auto;padding: 0 0;font-size:15px;letter-spacing:0px;} #application form section input[type="text"], #application form section input[type="email"], #application form section textarea {margin:0 0 0 auto;padding:12px 2% 12px 2%;font-size:16px;letter-spacing:1px;border-radius:3px;background:white;border:1px solid slategrey; outline: none;color:slategrey} #application form section .input01, #application form section textarea{display: block;width:94%;} #application form section .input02{width:24%;} #application form section input[type="text"]:focus, #application form section input[type="email"]:focus, #application form section textarea:focus{background: slategrey;color: white;} #application form section .radio{width:100%;margin:0 0 20px auto;text-align: center} #application form section .radio input[type="radio"] { display: none;} #application form section .radio label{width:48%;margin:0 auto 6px auto;background-color: #fff; border:1px dashed black;color:black;text-align: center;padding:10px 0px;font-size: 16px;letter-spacing:0px; border-radius:3px; display:inline-block;} #application form section .radio input[type="radio"]:checked + label { background-color:black;color: white} #application form section .radio label:hover { cursor: pointer;} #application form > p{width:80%;margin:0 auto 30px auto;padding: 0 0;font-size:14px;letter-spacing:1px;line-height: 24px;} #application form button{display:block;border:0;width:80%;margin:0 auto 0px auto;padding: 22px 0;color: white;font-size:17px;letter-spacing:0px; background:black;} #application form button:hover{cursor: pointer;background:slategrey;} #application .back{display: block; width:100%;margin:0 auto 0px auto;padding:20px 0px;font-size:16px;letter-spacing:2px;color:black;text-align: center;text-decoration: none;border-bottom: 1px solid black} #application .back:hover{color: slategrey} #application .fa-angle-double-left{margin-right: 10px;} /* CGI*/ main #cgi{width:80%;margin: 0 auto;padding: 0 0;} main #cgi h2{margin: 0 auto 0px auto;padding: 0 0 10px 0;font-size:24px;letter-spacing:1px;font-weight: normal;text-align: center;color: #1f1719;} main #cgi h3{margin: 0 auto 30px auto;padding: 0 0;font-size:20px;letter-spacing:1px;font-weight: normal;text-align: center;color: #1f1719;} main #cgi h4{width:100%;margin: 0 auto 30px auto;padding: 12px 0 10px 0;font-size:20px;letter-spacing:1px;font-weight: normal;text-align: center;color: #b77d42;border-top: 1px solid #b77d42;border-bottom: 1px solid #b77d42;} main #cgi div{padding:0px 0px;} main #cgi div .q{margin: 0 auto 6px auto;padding: 0 0;font-size:14px;letter-spacing:0px;line-height: 18px;color: #b77d42;} main #cgi div .a{margin: 0 auto 20px auto;padding: 0 0 6px 0;font-size:14px;letter-spacing:0px;line-height: 18px;border-bottom: 1px dashed #b77d42} main #cgi div .a:last-of-type{/*border-bottom: none*/} main #cgi div form section{margin: 40px auto 0px auto;text-align: center} main #cgi div form section input{display:inline-block;border:0;width:49%;margin:0 auto 0px auto;padding: 24px 0;color: white;font-size:20px;letter-spacing:1px; background:#b77d42;} footer{text-align: center;padding: 20px 0 20px 0;} footer small{font-size: 11px;letter-spacing:0px;} }