@charset "utf-8"; /************************************************************* * * Copyright (c) 2021 ysrock Co., Ltd. * Copyright (c) 2021 Yasuo Sugano * * Version : 1.1.0 * Update : 2021.06.17 * * セコムアイコンの追加 * ************************************************************* * * Version : 1.0.5 * Update : 2020.07.13 * *************************************************************/ body{overflow-y:scroll;margin:0;height:100%;background-color:#4d8ebd;font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"}#box{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:450px;height:520px;text-align:center;background-color:#efefef}#logo{margin-top:50px;width:423px;height:60px}form{margin-top:50px}form>div.wrap{margin-left:auto;margin-right:auto;width:350px}form>div.wrap>input{box-sizing:border-box;width:100%;height:50px;border:1px solid #c9caca;background-color:#f0f0f0;padding:16px 20px;font-size:16px;color:#000;outline:0}form>div.wrap>input:-ms-input-placeholder{padding-top:10px;color:#6d6d6d}form>div.wrap:first-of-type>input{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:0}form>div.wrap:last-of-type>input{border-bottom-left-radius:4px;border-bottom-right-radius:4px}form>div.msg{margin:20px auto 0 auto;width:350px;font-size:14px;line-height:21px;color:red}form>button{box-sizing:border-box;display:inline-block;margin:30px auto 0 auto;width:350px;border:0;border-radius:8px;background-color:#2272ae;padding:16px;font-size:16px;font-weight:700;line-height:1em;color:#fff;cursor:pointer;outline:0}#assist{margin:30px auto 0 auto;width:350px;text-align:left;font-size:12px;line-height:24px;color:#9fa0a0}#save{vertical-align:middle}#terms_of_use{display:block;width:350px;margin:20px auto 0;font-size:12px;text-align:left}#secom{position:absolute;bottom:25px;right:40px}#forget{position:fixed;z-index:101;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.6);cursor:pointer}#forget.visible{display:block}#forget>section{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);box-sizing:border-box;max-width:60%;min-height:270px;background-color:#f3f3f3;padding:20px 40px 40px 40px;cursor:default}#forget>section>form>div.close{position:absolute;top:5px;right:5px;margin:0;width:20px;height:20px;border:0;padding:0;background-color:#2784ab;border-radius:20px;cursor:pointer}#forget>section>form>div.close::after,#forget>section>form>div.close::before{content:"";position:absolute;top:2px;left:8px;width:4px;height:15px;border:0;margin:0;padding:0;background-color:#fff}#forget>section>form>div.close::before{transform:rotate(45deg)}#forget>section>form>div.close::after{transform:rotate(-45deg)}#forget>section>form>h2{margin:0}#forget>section>form>input[type=email]{box-sizing:border-box;width:100%;height:50px;margin:20px 0;border:1px solid #c9caca;background-color:#f0f0f0;padding:16px 20px;font-size:16px;line-height:50px;color:#000;outline:0}#forget>section>form>div.description{font-size:12px}#forget>section>form>button{box-sizing:border-box;display:inline-block;margin:20px auto 0 auto;border:0;border-radius:8px;background-color:#2272ae;padding:16px;font-size:16px;font-weight:700;line-height:1em;color:#fff;cursor:pointer;outline:0}