How it works - オンライン授業と動画で合格をサポート「中学受験のミカタ」

.bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#3D96F9 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #3D96F9 !important; border-color: #3D96F9 !important; } .text-primary, .filters_col .distance span { color: #3D96F9 !important; } .btn-outline-primary { color: #3D96F9 !important; border-color: #3D96F9 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #3D96F9 !important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#111111 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #111111 !important; border-color: #111111 !important; } .text-secondary { color: #111111 !important; } .text-secondary a { color: #111111 !important; } .btn-outline-secondary { color: #111111 !important; border-color: #111111 !important; } .btn-outline-secondary:hover { background:none !important; } /*お問い合わせフォーム*/ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } .cp_cont { width: 90vw; max-width: calc(640px - 10px); margin: 3em auto 10em auto; padding: 16px; background: #ffffff; border: 1px solid #424242; box-shadow: #F2F3EB 0px 0px 0px 10px; } input[type='text'], input[type='tel'], input[type='email'], textarea, select { vertical-align: top; -webkit-appearance: none; appearance: none;-moz-appearance: none; width: 100%; height: 2em; padding-left: 0.4em; border: none; border-radius: 0; background: #ffffff; font-size: 1em; } input[type='text']:focus, input[type='tel']:focus, input[type='email']:focus, textarea:focus, select:focus { outline: none; } textarea { height: 10em; min-height: 2em; resize: none; } input[type='text']::placeholder, input[type='tel']::placeholder, input[type='email']::placeholder, textarea::placeholder, select { text-transform: uppercase; color:#e5e5e5; } input[type='submit'], input[type='button'], button { cursor: pointer; color:#757575; background: #F2F3EB; border:1px solid #424242; padding: 1em 2em; transition: all 0.3s; text-transform: uppercase; } input[type='submit']:hover, input[type='button']:hover, button:hover { color:#ffffff; background: #424242; } .cp_cf7name, .cp_cf7name2, .cp_cf7email, .cp_cf7email2, .cp_cf7telephone, .cp_cf7subject, .cp_cf7textarea { margin: 0 0 2em 0; } .cp_cf7name { float: left; width: 100%; } .cp_cf7name2 { float: right; width: 100%; } .cp_cf7email { float: left; width: 100%; } .cp_cf7email2 {} .cp_cf7telephone { float: right; width: 48%; } .cp_cf7subject { float: left; width: 48%; } .cp_cf7textarea { float: left; width: 100%; } .cp_cf7submit { position: relative; margin: 0 auto; text-align: center; width: 48%; } .cp_cf7submit2 { float: left; text-align: center; width: 48%; } .cp_cf7name::after, .cp_cf7name2::after, .cp_cf7email::after, .cp_cf7email2::after, .cp_cf7telephone::after, .cp_cf7subject::after, .cp_cf7textarea:after { display: block; width: 100%; height: 2px; margin-top: -1px; content: ''; border-width: 0 1px 1px 1px; border-style: solid; border-color: #424242; } .wpcf7 input, .wpcf7 textarea { margin: 4px 10px 12px 0; } .wpcf7 textarea { width: 80%; } .wpcf7 .wpcf7-submit { background: #111; padding: 5px 14px; color: #FFF; text-transform: uppercase; cursor: pointer; transition: .3s; display: block; border: none; box-shadow: none !important; } .wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-submit:focus {background: none #777 !important;color: #fff !important;box-shadow: none !important;}