@import url(//use.fontawesome.com/releases/v5.4.1/css/all.css);
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

body{
  background: linear-gradient(#009ed2, #a8c9d4);
  /*height:100vh;*/
}
.page-id-40{
  background: linear-gradient(#99B8E1, #214789);
  height:100vh; 
}

.pc_none{
    display:none;
}
.login_wrap{
    max-width:515px;
    margin:180px auto 100px;
}
.login_inner{
    padding:35px;
    border:1px solid #c9c9c9;
    background:rgba(255,255,255,0.49);
}
.cust_log{
    background-color: #E6F5FC;
}
@media screen and (min-width: 0px) and (max-width:767px) {
    .login_wrap{
        max-width:96%;
        margin:50px auto;
    }
    .login_inner{
        padding:20px;
    }
    .sp_none{
        display:none;
    }
    .pc_none{
    display:block;
}
}

.ttl{
    margin-bottom: 30px;
}
.head{
    position:  relative;    
    font-weight:  normal;   
    margin-bottom: 15px;    
    font-size:  30px;  
    letter-spacing:0.05rem;
    padding-bottom:5px;     
    border-bottom:  1px solid #000;  
    font-family: 'Anton', sans-serif;
}
.head_point {
    font-size: 16px;
    margin-left:  10px;
    font-weight:bold;
    letter-spacing:0.05rem;
    font-family: "游ゴシック", "Yu Gothic", YuGothic,  "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
@media screen and (min-width: 0px) and (max-width:767px) {
    .head_point {
        margin-left:0;
        display:block;
        margin-top: 10px;
    }
}
.add,
.pass{
    margin-bottom: 30px;
}
.add p,
.pass p{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
input{
    background-color: #fff;
    outline: none;
    border:1px solid #ccc;
    padding:10px 5px;
    width:100%;
}
.send{
    text-align: center;
}
input[type="submit"]{
    width:200px;
    color:#fff;
    font-size: 20px;
    margin:0 auto 30px;
    text-align: center;
    background-color: #009ed2;
    border:1px solid #009ed2;
    cursor: pointer;
    transition:.5s all;
    font-weight: bold;
    font-family: "游ゴシック", "Yu Gothic", YuGothic,  "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
@media all and (-ms-high-contrast:none){
    input[type="submit"]{
        padding:10px 0 5px 0;
    }
}
input[type="submit"]:hover{
    color:#009ed2;
    background-color: #fff;
}
.caption p{
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.6;
}
.tac{
    text-align: center;
}

.membership a{
    display: block;
    margin:0 auto;
    width:200px;
    border:1px solid #000;
    font-size: 20px;
    font-weight: bold;
    color:#000;
    background-color: #fff;
    padding:15px 0;
    text-align: center;
    letter-spacing:0.05rem;
    transition:.3s all;
}
@media all and (-ms-high-contrast:none){
    .membership a{
        padding:20px 0 15px 0;
    }
}
.membership a:hover{
    background-color: #999;
    color:#fff;
}

.contact p{
    margin-top: 20px;
    line-height: 1.8;
    text-align: right;
}
.contact span{
    font-size: 18px;
    font-weight: bold;
}
.contact span:before{
    font-family:FontAwesome;
    content:'\f095';
    margin-right:5px;
    font-weight:100;
}
@media screen and (min-width: 0px) and (max-width:767px) {
    .tac{
        text-align:left;
    }
}

/*01*/
.flex p{
    display:flex;
    flex-wrap:nowrap;
    width:100%;
}
.flex p span{
    flex-basis:35%;
    display:flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
@media screen and (min-width: 0px) and (max-width:767px) {
    .flex p{
    display:block;
}
    .flex p span{
        text-align:left;
        margin-bottom: 10px;
        display:block;
    }
}


/*お客様ログイン*/
.customer_login{
    max-width:570px;
}
.cust_cap{
    font-weight: bold;
    text-align: center;
}
.cust_tel{
    display: block;
    margin:auto;
    margin-top: 10px;
    font-weight: bold;
}
.cust_tel:before{
    font-family:FontAwesome;
    content:'\f095';
    margin-right:5px;
    font-weight:100;
}