bnmbertsurhetertertertertertertertpdf'tdfg

hjkhghopjkertteerterterterertertrtoirh bnmbertsurhetertertertertertertertpdf'tdfg

@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; }*/

main #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:#b77d42;position:fixed;right:20px;bottom:20px;background:white;border: 1px solid #b77d42;z-index: 9999;}

@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%;}
    
    main{margin: 0 auto 50px auto;padding: 0 0;}
    
    /*個人情報取り扱い*/
    main #pp{width:700px;margin: 0 auto;padding: 0 0;}
    main #pp 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 #pp h3{margin: 0 auto 50px auto;padding: 0 0;font-size:26px;letter-spacing:3px;font-weight: normal;text-align: center;color: #1f1719;}
    main #pp h4{width:80%;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 #pp h5{margin: 0 auto 30px auto;padding: 0 0;font-size:22px;letter-spacing:3px;font-weight: normal;text-align: center;}
    main #pp #text01{margin: 0 auto 50px auto;padding: 0 0;font-size:16px;letter-spacing:2px;}
    main #pp ol{width:80%;margin: 0 auto 30px auto;padding: 0 0;font-size:16px;letter-spacing:2px;color:#6f5631;}
    main #pp ol li{margin: 0 auto 20px auto;padding: 0 0;}
    main #pp #text02{width:68%;margin: 0 0 50px auto;padding: 0 0 0 0px;font-size:16px;letter-spacing:2px;}
    main #pp #application{display: block; width:80%;margin:0 auto 30px auto;padding:24px 0px;font-size:20px;letter-spacing:2px;color: white;background: #b77d42;text-align: center;text-decoration: none;}
    main #pp #application:hover{background:#1f1719;}
    main #pp #back{display: block; width:50%;margin:0 auto;padding:18px 0px;font-size:16px;letter-spacing:2px;color: white;background:#534737;text-align: center;text-decoration: none;}
    main #pp #back:hover{background:#1f1719;}
    
    /*申請*/
    main #application{width:700px;margin: 0 auto;padding: 0 0;}
    main #application 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 #application h3{margin: 0 auto 50px auto;padding: 0 0;font-size:26px;letter-spacing:3px;font-weight: normal;text-align: center;color: #1f1719;}
    main #application h4{width:80%;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 #application form{background: #f9f9f6;padding:40px 50px;margin: 0 auto 30px auto}
    main #application form section{margin: 0 auto 40px auto}
    main #application form section h5{position: relative;width: 100%; margin: 0 auto 20px auto;padding:0px 0 5px 0;color: #b77d42;font-size:18px;letter-spacing:3px;font-weight: normal;border-bottom: 1px solid #b77d42}
    main #application form section h5:after{position: absolute;bottom:-1px;right: 0; content: '';display:inline-block;width:80%;height:1px;margin:0 0; background:#eee2d6}
    main #application form section p{width:98%;margin:8px 0 5px auto;padding: 0 0;font-size:16px;letter-spacing:1px;}
    main #application form section .radio{width:100%;margin:0 0 20px auto;text-align: center}
    main #application form section .radio input[type="radio"] {	display: none;}
    main #application form section .radio label {width:40%;margin: 0 auto 6px auto;background-color: #fff; border:1px dashed #b77d42;color:#b77d42;text-align: center;padding:10px 0px;font-size: 16px;letter-spacing:1px;	border-radius:3px;	display:inline-block;}
    main #application form section .radio label #font01{padding:270px 0px 0px 0;background:url("../img/fb_sloop_script_one.png") no-repeat;background-position: 50% 10px; background-size: auto 250px;}
    main #application form section .radio label #font02{padding:270px 0px 0px 0;background:url("../img/cleartone_sg_regular.png") no-repeat;background-position: 50% 10px; background-size: auto 250px;}
    main #application form section .radio label #font03{padding:270px 0px 0px 0;background:url("../img/bodoni-book.png") no-repeat;background-position: 50% 10px; background-size: auto 250px;}
    main #application form section .radio label #font04{padding:270px 0px 0px 0;background:url("../img/bodoni-book_italic.png") no-repeat;background-position: 50% 10px; background-size: auto 250px;}
    main #application form section .radio input[type="radio"]:checked + label {	background-color: #b77d42;color: white}
    main #application form section .radio label:hover {	cursor: pointer;}
    main #application form p{width:80%;margin:0 auto 30px auto;padding: 0 0;font-size:14px;letter-spacing:1px;line-height: 24px;}
    input[type="text"],
    input[type="email"],
    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 #eee2d6; outline: none;color: #b77d42}
    .input01,textarea{display: block;width:94%;}
    .input02{width:15%;}
    input[type="text"]:focus,input[type="email"]:focus,textarea:focus{border:1px solid #b77d42;}
    main #application form button{display:block;border:0;width:90%;margin:0 auto 0px auto;padding: 24px 0;color: white;font-size:20px;letter-spacing:1px; background:#b77d42;}
    main #application form button:hover{cursor: pointer;background:#1f1719;}
    main #application .back{display: block; width:50%;margin:0 auto 10px auto;padding:18px 0px;font-size:16px;letter-spacing:2px;color: white;background:#534737;text-align: center;text-decoration: none;}
    main #application .back:hover{background:#1f1719;}
    
    /* 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%;}
    
    main{margin: 0 auto 10px auto;padding: 0 0;}
    
    /*個人情報取り扱い*/
    main #pp{width:80%;margin: 0 auto;padding: 0 0;}
    main #pp 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 #pp h3{margin: 0 auto 30px auto;padding: 0 0;font-size:20px;letter-spacing:1px;font-weight: normal;text-align: center;color: #1f1719;}
    main #pp 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 #pp h5{margin: 0 auto 20px auto;padding: 0 0;font-size:18px;letter-spacing:1px;font-weight: normal;text-align: center;}
    main #pp #text01{margin: 0 auto 30px auto;padding: 0 0;font-size:14px;letter-spacing:0px;line-height: 24px}
    main #pp ol{width:85%;margin: 0 auto 30px auto;padding: 0 0;font-size:15px;letter-spacing:1px;color:#6f5631;}
    main #pp ol li{margin: 0 auto 20px auto;padding: 0 0;}
    main #pp #text02{width:95%;margin: 0 auto 30px auto;padding: 0 0 0 0px;font-size:13px;letter-spacing:0px;line-height: 22px}
    main #pp #application{display: block; width:100%;margin:0 auto 10px auto;padding:24px 0px;font-size:16px;letter-spacing:0px;color: white;background: #b77d42;text-align: center;text-decoration: none;}
    main #pp #application:hover{background:#1f1719;}
    main #pp #back{display: block; width:80%;margin:0 auto;padding:18px 0px;font-size:15px;letter-spacing:0px;color: white;background:#534737;text-align: center;text-decoration: none;}
    main #pp #back:hover{background:#1f1719;}
    
    /*申請*/
    main #application{width:80%;margin: 0 auto;padding: 0 0;}
    main #application 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 #application h3{margin: 0 auto 30px auto;padding: 0 0;font-size:20px;letter-spacing:1px;font-weight: normal;text-align: center;color: #1f1719;}
    main #application 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 #application form{padding:0px 0px;margin: 0 auto 30px auto}
    main #application form section{margin: 0 auto 30px auto}
    main #application form section h5{margin: 0 auto 18px auto;padding:10px 0 10px 10px;color: #b77d42;font-size:18px;font-weight: normal;letter-spacing:1px;border-left: 3px solid #b77d42;background: #f9f9f6;}
    main #application form section p{width:98%;margin:12px 0 5px auto;padding: 0 0;font-size:15px;letter-spacing:0px;}
    input[type="text"],
    input[type="email"],
    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 #b77d42;outline: none;color: #b77d42}
    .input01,textarea{display: block;width:94%;}
    .input02{width:25%;}
    input[type="text"]:focus,input[type="email"]:focus,textarea:focus{border:1px solid #b77d42;background: #f9f9f6;}
    main #application form section .radio{width:100%;margin:0 0 20px auto;text-align: center}
    main #application form section .radio input[type="radio"] {	display: none;}
    main #application form section .radio label {width:48%;margin: 0 auto 5px auto;background-color: #fff; border:1px dashed #b77d42;color:#b77d42;text-align: center;padding:16px 0px;font-size: 15px;letter-spacing:0px;line-height:20px;	border-radius:3px;	display:inline-block;}
    main #application form section .radio label #font01{padding:210px 0px 0px 0;background:url("../img/fb_sloop_script_one.png") no-repeat;background-position: 50% 5px; background-size: auto 190px;}
    main #application form section .radio label #font02{padding:210px 0px 0px 0;background:url("../img/cleartone_sg_regular.png") no-repeat;background-position: 50% 5px; background-size: auto 190px;}
    main #application form section .radio label #font03{padding:210px 0px 0px 0;background:url("../img/bodoni-book.png") no-repeat;background-position: 50% 5px; background-size: auto 190px;}
    main #application form section .radio label #font04{padding:210px 0px 0px 0;background:url("../img/bodoni-book_italic.png") no-repeat;background-position: 50% 5px; background-size: auto 190px;}
    main #application form section .radio input[type="radio"]:checked + label {	background-color: #b77d42;color: white}
    main #application form section .radio label:hover {	cursor: pointer;}
    main #application form p{margin:0 auto 30px auto;padding: 0 0;font-size:14px;letter-spacing:0px;line-height: 24px;}
    main #application form button{display:block;border:0;width:100%;margin:0 auto 0px auto;padding: 24px 0;color: white;font-size:18px;letter-spacing:1px; background:#b77d42;}
    main #application form button:hover{cursor: pointer;background:#1f1719;}
    main #application .back{display: block; width:94%;margin:0 auto 10px auto;padding:18px 0px;font-size:14px;letter-spacing:0px;color: white;background:#534737;text-align: center;text-decoration: none;}
    main #application .back:hover{background:#1f1719;}
    
    /* 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;}
    
}