hjkhghopjkertteerterterterertertrtoirh

@charset "UTF-8"; /* CSS Document */ body {margin: 0;font-family:"メイリオ", Meiryo, Osaka, sans-serif;-webkit-text-size-adjust:100%;} .clearfix:after {content: "";clear: both;display: block;} header{ width:100%;height:auto; margin:0 auto; } main{height:auto; margin:0 auto;display:block; /* IE対策に追加 */} h4:before {content:"\25FC\FE0E";} .text2 a,.text3 li a{ color:#9D0002} input[type="text"],input[type="number"],input[type="tel"],input[type="email"],textarea{ background:#F1F1EA;border:1px solid #BCBCBC;letter-spacing:1px; line-height:26px;font-size:16px; border-radius:5px;} .input1{width:92%;margin:0px 0; } .input2{ width:92%; margin:0px 0 5px 0;} .input3{ width:92%;margin:0px 0;} textarea{width:100%; height:80px;margin:0px auto 0 auto;} ::-webkit-input-placeholder { color:#BCBCBC;font-size:13px;} ::-moz-placeholder { color:#BCBCBC; opacity: 1;font-size:13px;} :-ms-input-placeholder { color:#BCBCBC;font-size:13px;} input[type="text"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="email"]:focus,textarea:focus{outline: 0; background:#FFFFFF;border:1px solid #9D0002;} /* ボタンは非表示にする */ input[type="radio"]{display: none;} /* チェック */ .check:checked + .label,.check:checked + .label2 { background:#9D0002; color:#FFFFFF;border:1px solid #9D0002;} /* マウスオーバー */ .label:hover,.label2:hover { /*color:#00CBD6;border:#00CBD6 dashed 1px;*/} #submit{ cursor:pointer;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} #submit:hover{ border:0;background-color:#9A8889;color:#FFFFFF;} footer{width:100%;height:auto; margin:0 auto; padding:20px 0 20px 0;font-size:10px; letter-spacing:1px; line-height:nomal; text-align:center;border-top:1px solid #414141;} #yokoku{width:100%;height:auto; margin:50px auto 100px auto; padding:0px 0 0px 0;line-height:normal;text-align: center;font-size:14px; letter-spacing:2px;color:#9D0002; font-weight:bold} @media screen and (max-width:480px){ h1{width:40%; max-width:300px;height:auto; margin:0 auto; padding:30px 0 20px 0; } h1 img{width:100%;} main{width:80%;} #h2_pc{ display:none} #h2_sp{width:100%;height:auto; margin:0px auto 20px auto; padding:0px 0 0px 0; font-size:17px; letter-spacing:1px; line-height:22px; text-align:center; font-weight:normal; border-bottom:1px solid #414141} #h3_pc{display:none} #h3_sp{width:100%;height:auto; margin:0 auto; padding:0px 0 0px 0; font-size:15px; letter-spacing:0px; line-height:22px; color:#9D0002; text-align:center;} h4{width:100%;height:auto; margin:0 auto; padding:0px 0 0px 0; font-size:14px; letter-spacing:2px; line-height:24px; color:#9D0002;} /*h4{width:100%;height:auto; margin:0 auto; padding:0px 0 20px 0; font-size:14px; letter-spacing:0px; line-height:20px; font-weight:normal; color:#9D0002; text-align:center;}*/ #text1{width:100%;height:auto; margin:0 auto 20px auto; padding:0px 0 0px 0; font-size:13px; letter-spacing:1px; line-height:20px; } .text2{width:100%;height:auto; margin:0 auto; padding:0px 0 20px 0; font-size:12px; letter-spacing:0px; line-height:20px; } .text3{width:95%;height:auto; margin:0 0 20px auto; padding:0px 0 0px 0; font-size:12px; letter-spacing:0px; line-height:20px; } .text3 li{width:100%;height:auto; margin:0 auto 5px auto; padding:0px 0 0px 0;} #text4_pc{display:none} #text4_sp{width:98%;height:auto; margin:0 auto; text-align:left;} #form{width:100%;height:auto;margin:15px auto 30px auto; border-collapse:collapse;border-top:#BCBCBC 1px solid;} #form tr{border-bottom:#BCBCBC 1px solid;} #form th{ display:inline-block;width:100%; height:auto;padding:15px 0% 5px 0;font-size:14px; letter-spacing:0px;text-align:left;font-weight:normal;/*background:#282828;color:#FFFFFF;*/} #form td{ display:inline-block;width:100%; height:auto;padding:0px 0 15px 0%;font-size:12px; letter-spacing:0px;line-height:20px;text-align:center; color:#000;} .required{margin-left:0px;font-size:13px; letter-spacing:1px;color:#FF0000; font-weight:bold} input[type="text"],input[type="number"],input[type="tel"],input[type="email"],textarea{ font-size:18px;padding:5px 8px;} /* lable */ .label{display:inline-block;cursor:pointer;width:45%;height:auto;margin:5px auto 0 auto;padding:10px 0%;border:1px dashed #BCBCBC;border-radius:5px;line-height:18px;letter-spacing:0px;color:#BCBCBC;text-align:center;font-size:14px;background:#F1F1EA;} .label2{display:inline-block;cursor:pointer;width:27%;height:auto;margin:5px auto 0 auto;padding:10px 1%;border:1px dashed #BCBCBC;border-radius:5px;line-height:18px;letter-spacing:0px;color:#BCBCBC;text-align:center;font-size:14px;background:#F1F1EA;} #pp{width:90%;height:auto; margin:0 auto 30px auto; padding:0px 0 0px 0; font-size:13px; letter-spacing:0px; line-height:20px; } #pp li{width:100%;height:auto; margin:0 0 14px 0; padding:0px 0 0px 0;} #pp li a{ color:#9D0002} #pp_text{width:100%;height:auto; margin:0 auto 40px auto; padding:0px 0 0px 0; font-size:13px; letter-spacing:1px; line-height:22px; text-align:right;} #submit{ display:block; border:0;width:100%;height:auto; margin:0 auto 30px auto; padding:15px 0;font-size:16px; letter-spacing:0px; line-height:nomal;background:#9D0002; color:#FFFFFF; text-align:center; text-decoration:none; } #line{width:40%;height:auto; margin:0 auto 0px auto; padding:0px 0 0px 0;} #line img{width:100%;} #tosen-btn {display: block; cursor:pointer;width:90%;height:auto;margin: 0 auto 30px auto; padding:15px 0;line-height:normal;text-align: center;font-size:12px; letter-spacing:0px;color:#000; border:1px solid #000000;transition: .3s;text-decoration: none;} #ryoken-btn {display: block; cursor:pointer;width:90%;height:auto;margin: 0 auto 30px auto; padding:15px 0;line-height:normal;text-align: center;font-size:12px; letter-spacing:0px;color:#000; border:1px solid #000000;transition: .3s;text-decoration: none;} } @media screen and (min-width:481px) and ( max-width:960px) { h1{width:30%; max-width:200px;height:auto; margin:0 auto; padding:30px 0 20px 0; } h1 img{width:100%;} main{width:90%;} #h2_pc{width:100%;height:auto; margin:30px auto 20px auto; padding:0px 0 0px 0; font-size:20px; letter-spacing:1px; line-height:nomal; text-align:center; font-weight:normal; border-bottom:1px solid #414141} #h2_sp{display:none} #h3_pc{width:100%;height:auto; margin:0 auto; padding:50px 0 10px 0; font-size:16px; letter-spacing:1px; line-height:24px; color:#9D0002; text-align:center;} #h3_sp{display:none} h4{width:100%;height:auto; margin:0 auto; padding:0px 0 0px 0; font-size:15px; letter-spacing:2px; line-height:24px; color:#9D0002;} /*h4{width:100%;height:auto; margin:0 auto; padding:0px 0 20px 0; font-size:14px; letter-spacing:1px; line-height:22px; font-weight:normal; color:#9D0002; text-align:center;}*/ #text1{width:100%;height:auto; margin:0 auto; padding:0px 0 0px 0; font-size:14px; letter-spacing:2px; line-height:24px; text-align:center;} .text2{width:100%;height:auto; margin:0 auto; padding:0px 0 20px 0; font-size:14px; letter-spacing:2px; line-height:24px; } .text3{width:97%;height:auto; margin:0 0 20px auto; padding:0px 0 0px 0; font-size:14px; letter-spacing:2px; line-height:24px; } .text3 li{width:100%;height:auto; margin:0 auto 5px auto; padding:0px 0 0px 0;} #text4_pc{width:92%;height:auto; margin:0 auto;text-indent:-14px; text-align:left; } #text4_sp{display:none} #form{width:100%;height:auto;margin:10px auto 50px auto; border-collapse:collapse;border-top:#BCBCBC 1px solid;} #form tr{border-bottom:#BCBCBC 1px solid;} #form th{width:33%; height:auto;padding:18px 1% 18px 0;font-size:14px; letter-spacing:0px;text-align:right;font-weight:normal;/*background:#282828;color:#FFFFFF;*/} #form td{width:66%; height:auto;padding:18px 0 18px 0%;font-size:13px; letter-spacing:1px;line-height:20px;text-align:left; color:#000;} .required{margin-left:0px;font-size:13px; letter-spacing:1px;color:#FF0000; font-weight:bold} input[type="text"],input[type="number"],input[type="tel"],input[type="email"],textarea{ font-size:18px;padding:8px 8px;} /* lable */ .label{/*display:block;*/ display:inline-block;cursor:pointer;width:25%;height:auto;margin:0px auto;padding:10px 0%;border:1px dashed #BCBCBC;border-radius:5px;line-height:18px;letter-spacing:0px;color:#BCBCBC;text-align:center;font-size:16px;background:#F1F1EA;} .label2{/*display:block;*/ display:inline-block;cursor:pointer;width:14%;height:auto;margin:0px auto 5px auto;padding:10px 1%;border:1px dashed #BCBCBC;border-radius:5px;line-height:18px;letter-spacing:0px;color:#BCBCBC;text-align:center;font-size:16px;background:#F1F1EA;} #pp{width:80%;height:auto; margin:0 auto 30px auto; padding:0px 0 0px 0; font-size:13px; letter-spacing:1px; line-height:22px; } #pp li{width:100%;height:auto; margin:0 auto 14px auto; padding:0px 0 0px 0;} #pp li a{ color:#9D0002} #pp_text{width:75%;height:auto; margin:0 auto 40px auto; padding:0px 0 0px 0; font-size:13px; letter-spacing:1px; line-height:22px; text-align:right;} #submit{ display:block; border:0;width:80%; max-width:300px;height:auto; margin:30px auto 50px auto; padding:15px 0;font-size:18px; letter-spacing:2px; line-height:nomal;background:#9D0002; color:#FFFFFF; text-align:center; text-decoration:none; } #line{width:120px;height:auto; margin:0 auto 0px 10px; padding:0px 0 0px 0;} #line img{width:100%;} #tosen-btn {display: block; cursor:pointer;width:30%;height:auto;margin: 0 auto 30px 0; padding:10px 0;line-height:normal;text-align: center;font-size:14px; letter-spacing:2px; color:#000; border:1px solid #000000;transition: .3s;text-decoration: none;} #tosen-btn:hover {color:#FFFFFF; border:1px solid #9A8889; background:#9A8889;} #ryoken-btn {display: block; cursor:pointer;width:30%;height:auto;margin: 0 auto 30px 0; padding:10px 0;line-height:normal;text-align: center;font-size:14px; letter-spacing:2px; color:#000; border:1px solid #000000;transition: .3s;text-decoration: none;} #ryoken-btn:hover {color:#FFFFFF; border:1px solid #9A8889; background:#9A8889} } @media screen and (min-width:961px) { h1{width:30%; max-width:200px;height:auto; margin:0 auto; padding:30px 0 20px 0; } h1 img{width:100%;} main{width:80%; max-width:800px;} #h2_pc{width:100%;height:auto; margin:30px auto 20px auto; padding:0px 0 5px 0; font-size:20px; letter-spacing:1px; text-align:center; line-height:nomal; font-weight:normal; border-bottom:1px solid #414141} #h2_sp{display:none} #h3_pc{width:100%;height:auto; margin:0 auto; padding:50px 0 10px 0; font-size:16px; letter-spacing:1px; line-height:24px; color:#9D0002; text-align:center;} #h3_sp{display:none} h4{width:100%;height:auto; margin:0 auto; padding:0px 0 0px 0; font-size:15px; letter-spacing:2px; line-height:24px; color:#9D0002;} /*h4{width:100%;height:auto; margin:0 auto; padding:0px 0 20px 0; font-size:15px; letter-spacing:2px; line-height:24px; font-weight:normal; color:#9D0002; text-align:center;}*/ #text1{width:100%;height:auto; margin:0 auto; padding:0px 0 0px 0; font-size:14px; letter-spacing:2px; line-height:24px; text-align:center;} .text2{width:100%;height:auto; margin:0 auto; padding:0px 0 20px 0; font-size:14px; letter-spacing:2px; line-height:24px; } .text3{width:97%;height:auto; margin:0 0 20px auto; padding:0px 0 0px 0; font-size:14px; letter-spacing:2px; line-height:24px; } .text3 li{width:100%;height:auto; margin:0 auto 5px auto; padding:0px 0 0px 0;} #text4_pc{width:92%;height:auto; margin:0 auto;text-indent:-14px; text-align:left; } #text4_sp{display:none} #form{width:100%;height:auto;margin:10px auto 50px auto; border-collapse:collapse;border-top:#BCBCBC 1px solid;} #form tr{border-bottom:#BCBCBC 1px solid;} #form th{width:34%; height:auto;padding:15px 1% 15px 0;font-size:14px; letter-spacing:2px;text-align:right;font-weight:normal;/*background:#282828;color:#FFFFFF;*/} #form td{width:65%; height:auto;padding:15px 0 15px 0%;font-size:13px; letter-spacing:1px;line-height:20px;text-align:left; color:#000; } .required{margin-left:0px;font-size:13px; letter-spacing:1px;color:#FF0000; font-weight:bold} input[type="text"],input[type="number"],input[type="tel"],input[type="email"],textarea{font-size:16px;padding:2px 8px;} /* lable */ .label{/*display:block;*/display:inline-block;cursor:pointer;width:20%;height:auto;margin:0 auto;padding:5px 0%;border:1px dashed #BCBCBC;border-radius:5px;line-height:18px;letter-spacing:0px;color:#BCBCBC;text-align:center;font-size:13px;background:#F1F1EA;} .label2{/*display:block;*/display:inline-block;cursor:pointer;width:16%;height:auto;margin:0 auto;padding:5px 1%;border:1px dashed #BCBCBC;border-radius:5px;line-height:18px;letter-spacing:0px;color:#BCBCBC;text-align:center;font-size:13px;background:#F1F1EA;} #pp{width:75%;height:auto; margin:0 auto 20px auto; padding:0px 0 0px 0; font-size:13px; letter-spacing:1px; line-height:22px; } #pp li{width:100%;height:auto; margin:0 auto 14px auto; padding:0px 0 0px 0;} #pp li a{ color:#9D0002} #pp_text{width:75%;height:auto; margin:0 auto 40px auto; padding:0px 0 0px 0; font-size:13px; letter-spacing:1px; line-height:22px; text-align:right;} #submit{display:block; border:0;width:80%;max-width:300px;height:auto;margin:30px auto 50px auto;padding:15px 0;font-size:18px;letter-spacing:2px;line-height:nomal;background:#9D0002;color:#FFFFFF;text-align:center; text-decoration:none;} #line{width:120px;height:auto; margin:0 auto 0px 10px; padding:0px 0 0px 0;} #line img{width:100%;} #tosen-btn {display: block; cursor:pointer;width:20%;height:auto;margin: 0 auto 30px 0; padding:10px 0;line-height:normal;text-align: center;font-size:14px; letter-spacing:2px; color:#000; border:1px solid #000000;transition: .3s;text-decoration: none;} #tosen-btn:hover {color:#FFFFFF; border:1px solid #9A8889; background:#9A8889} #ryoken-btn {display: block; cursor:pointer;width:20%;height:auto;margin: 0 auto 30px 0; padding:10px 0;line-height:normal;text-align: center;font-size:14px; letter-spacing:2px;color:#000; border:1px solid #000000;transition: .3s;text-decoration: none;} #ryoken-btn:hover {color:#FFFFFF; border:1px solid #9A8889; background:#9A8889;} }