body{ background: #fff!important; } header{ width:100%; background:#000; } #gheader{ width:980px; margin:0 auto; overflow:hidden; height:40px; padding:10px; } #gheader .header-logo{ width:200px; hight:auto; float:left; } #gheader .introduction{ margin-top:15px; font-size:12px; float:right; color:#fff; display:block; text-decoration:none; } #gheader .introduction:hover{ text-decoration:underline; } #gheader .introduction:before{ content:" "; display:inline-block; width:18px; height:10px; background:url("/image/arrow-40-64.png")no-repeat; background-size:contain; } .area1{ width:980px; height:auto; margin:0 auto; } .container{ background:#fff; color:#000; #min-height:100%; position:relative; } main{ display: block; width: 980px; margin: 0px auto; padding-bottom: 65px!important; } .text-top{ font-size:28px; font-weight:bold; margin:30px 0 10px 0; line-height:100%; } .color-blue{ color:#00B0F0 } .title-large{ font-size:35px; font-weight:700; padding:0; margin:40px 0 30px 0; } .mail-form-submit{ text-align:left; margin-top:25px 20px -15px 0; } .whats{ line-height:1.5; } .whats:after{ display:block; clear:both; content:""; } .red{ color:#ff0000; } .whats p{ margin:0; } .whats img{ display:block; } .whats .whats_box2:after{ clear:both; display:block; content:""; } .whats .whats_box3{ width:440px; float:left; margin-right:10px; } .whats .whats_box4{ width:400px; float:left; } .whats .whats_text1{ font-size:40px; font-weight:bold; margin:0 0 30px; line-height:1.4; } .whats .whats_text2{ font-size:19px; } .whats .whats_img1{ float:left; margin-right:20px; } .whats .whats_text3{ font-size:18px; font-weight:bold; margin:0 0 5px; } .whats .whats_text4{ font-size:14px; margin-top:10px; #width:100px; } .whats .whats_img2{ width:200px; float:left; margin:30px 10px 30px 0; } /***************チェックボックスの表示変更*****************/ input[type=checkbox]{ display:none; } .checkbox { box-sizing: border-box; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; position: relative; display: inline-block; margin: 0 20px 8px 0; padding: 25px 12px 25px 42px; vertical-align: middle; cursor: pointer; } .checkbox:after { -webkit-transition: border-color 0.2s linear; transition: border-color 0.2s linear; position: absolute; top: 43%; left: 0px; display: block; margin-top: -10px; width: 25px; height: 25px; border: 2px solid #BF981B; content: ''; } .checkbox:before { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 23%; left: 3px; display: block; margin-top: -7px; width: 17px; height: 25px; border-right: 6px solid #BF981B; border-bottom: 6px solid #BF981B; content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; } input[type=checkbox]:checked + .checkbox:before { opacity: 1; } /*********************チェックボックスここまで************************/ .message{ font-size:20px; line-height:150%; } .notice{ color:#888; } .input-form{ text-align:left; line-heihgt:160%; padding-top:40px; } .input-form .input-text{ margin:9px 0 8px 0; font-size:18px; padding:10px 10px; text-align:left; width:330px; font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif; } /* .input-form .submit-button{ margin:0 0 20px 0; color:#fff; font-size:18px; padding:9px 0 5px 0; text-align:center; width:250px; background-color:#f79646; border:0; font-weight:700; font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif; margin-top:25px; } */ .error-message{ color:#f00; font-size:18px; margin-bottom:10px; } .title-midium{ font-size:25px; font-weight:700; } .title-xlarge{ font-size:44px; letter-spacing: 2px; margin:50px 0; } .text-center{ text-align:center; } .explain-image{ width:760px; margin:0 auto; padding-bottom:30px; font-size:14px; line-height:140%; } .explain-image span{ font-size:16px; } .explain-image img{ width:100%; #border:1px solid #000; margin-bottom:5px; margin-top:10px; } .message-input-mail{ font-size:22px; margin-bottom:30px; font-weight:700; } .mail-input-form{ } .input-mail{ width:50%; font-size:17px !important; line-height:40px !important; height:40px !important; padding:0 10px !important; font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif; #margin-top:15px; } .contract{ width:100%; padding:0 0 0 20px; border:1px solid #aaa; margin-top:10px; margin-bottom:10px; height:200px; } .mail-form-submit{ text-align:left; font-size:16px; } .agree{ height:14px; width:14px; margin:30px 0; } .submit-button, .input-form .submit-button{ width:300px; height:60px; background:#1F46AC; border:0; font-weight:700; #line-height:1.5; color:#fff; margin:0 0 20px 0; font-size:22px; cursor: pointer; font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif; } .mail-form-submit .submit-button:hover{ opacity:0.5; } .input-form .submit-button{ margin-top:25px; } .link-about{ color:#00B0F0; font-size:18px; font-weight:700; } div.about{ margin-top:20px; padding:20px; } div.inquiry-box{ font-size:14px; margin:10px 0 20px; line-height:150%; } div.inquiry-box .inquiry-title{ font-size:17px; font-weight:700; margin-bottom:10px; } div.inquiry-box ul{ padding-left:20px; } div.inquiry-box a{ text-decoration:underline; } /********footer*******/ .gfooter-black{ width:100%; background:#595959; height:60px; position:static; } .footer-info{ width:980px; margin:0 auto; position:relative; } .footer-info ul{ padding:0; margin:0; } .footer-info ul li{ list-style-type:none; line-height:1.5; padding:19px 0 19px 20px; margin:0; font-size:14px; display:inline-block; } .footer-info ul li:first-child{ padding-left:0; } .footer-info ul li a{ color:#fff; text-decoration:underline; } .footer-info .copyright{ font-size:14px; position:absolute; top:6px;right:10px; color:#fff; } /******************** 課金フロー ************************/ .payment-flow { margin: 0; padding: 0; } .payment-flow img{ width: 100%; vertical-align: bottom; }