.x-grid.x-m-pc.page-content{margin:0;}.logoArea{display:flex;align-items:center;justify-content:center;width:260px;height:100vh;padding:10px;background:#fff;}@media screen and (max-width:768px){.logoArea{height:60px;}}.logoArea .logo{width:200px;font-size:20px;font-weight:bold;color:#fff;}@media screen and (max-width:768px){.logoArea .logo{position:static;transform:none;font-size:20px;}}.contentsArea{position:relative;width:calc(100% - 260px);background:#f9f9f9;}.contentsArea-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;padding:10px;}@media screen and (max-width:768px){.contentsArea-inner{width:calc(100% - 20px);padding-bottom:20px;}}@media screen and (min-width:769px) and (max-width:1087px){.contentsArea-inner{padding:10px;}}.header{display:none;}main{padding:0;}.login .x-grid-item.x-m-12{position:relative;}.login-inner{display:flex;width:100%;}@media screen and (max-width:768px){.login-inner{display:block;width:100%;}}@media screen and (min-width:769px) and (max-width:1087px){.login-inner{height:100vh;}}.login-area{position:relative;width:calc(100% - 260px);background:#f9f9f9;}.login-area .login-area-inner{display:flex;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:100%;padding:10px;}@media screen and (max-width:768px){.login-area .login-area-inner{width:calc(100% - 20px);padding-bottom:20px;}}@media screen and (min-width:769px) and (max-width:1087px){.login-area .login-area-inner{padding:10px;}}.login-area .x-subtitle{font-weight:normal;}.login-area .x-label{font-weight:normal;}.login-area .x-button{width:100%;}.login-area .x-primaryButton{width:100%;}.login-area .copyright{position:absolute;bottom:0;width:100%;padding:15px 10px;}.login-area .copyright p{text-align:center;}.e-mail-login-wrapper{max-width:500px;margin:0 auto;}.e-mail-login-wrapper .x-field-body{margin-top:10px;margin-left:0;}.login-wrapper{margin:20px 0;text-align:center;}.login-wrapper .x-primaryButton{max-width:240px;}.x-grid.x-m-pc.page-content{margin:0;}.x-grid-item{padding:0;}.login-box{width:100%;max-width:500px;border:none;box-shadow:0 4px 8px #ccc;border-radius:8px;}.login-box+.login-box{margin-left:40px;}.login-box .x-icon-text .x-icon{font-weight:normal;color:#4db9d6;}.login-box .login-buttons{width:100%;max-width:270px;margin:30px auto 0;}.login-box .login-buttons .sns-button{display:flex;align-items:center;justify-content:space-between;width:100%;height:50px;margin-right:0;padding:0;border:none;border-radius:0;background:#fff;color:#fff;}.login-box .login-buttons .sns-button+.sns-button{margin-top:20px;}.login-box .login-buttons .button-text{display:flex;width:calc(100% - 50px);padding:0 13px;}.login-box .login-buttons .sns-button.Google{justify-content:space-between;background:#5086ec;border:solid 1px #5086ec;}.login-box .login-buttons .sns-button.Google .Google-icon-wrapper{display:flex;align-items:center;justify-content:center;width:50px;height:48px;background:#fff;}.login-box .login-buttons .sns-button.Google .button-text{display:flex;width:calc(100% - 50px);}.login-box .login-buttons .sns-button.Facebook{background:#1877f2;}.login-box .login-buttons .sns-button.Facebook .Facebook-icon-wrapper{display:flex;align-items:center;justify-content:center;width:50px;height:50px;}.login-box .login-buttons .sns-button.Apple{background:#050708;}.login-box .login-buttons .sns-button.Apple .Apple-icon-wrapper{display:flex;align-items:center;justify-content:center;width:50px;height:50px;}.login-box .login-buttons .sns-button.Twitter{background:#1d9bf0;}.login-box .login-buttons .sns-button.Twitter .Twitter-icon-wrapper{display:flex;align-items:center;justify-content:center;width:50px;height:50px;}.login-box .login-buttons .sns-button.Microsoft{border:solid 1px #8c8c8c;color:#5e5e5e;font-family:"Segoe UI" "Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;}.login-box .login-buttons .sns-button.Microsoft .Microsoft-icon-wrapper{display:flex;align-items:center;justify-content:center;width:50px;height:50px;}.login-box .sns-image{display:block;width:25px;}.rememberMe{margin:20px;text-align:center;}.rememberMe .x-checkbox>input[type=checkbox]~label::before{border:1px solid #e0e0e0;border-radius:20px;background-color:#fff;}.rememberMe .x-checkbox>input[type=checkbox]~label::after{border-color:#e0e0e0;}.rememberMe .x-checkbox>input[type=checkbox]:checked~label::before{border:1px solid #4db9d6;background:#4db9d6;}.rememberMe .x-checkbox>input[type=checkbox]:checked~label::after{border-color:#fff;}.textLink{margin-top:20px;text-align:center;}.textLink .x-link{transition:all .3s ease;}.textLink .x-link:hover{text-decoration:none;opacity:.5;}.textLink .x-icon+span{color:#101010;}.loginSelect-inner{display:flex;width:100%;}.loginSelect .contentsArea-inner{padding:50px 10px;}.loginSelect .contentsArea-inner .x-box-shadow{max-width:470px;}.loginSelect .contentsArea-inner .x-field-body{margin-top:10px;margin-left:0;}.loginSelect .contentsArea-inner .x-subtitle .x-icon{font-weight:normal;color:#4db9d6;}.loginSelect .contentsArea-text:not(:last-child){margin-bottom:.25rem;}.loginSelect .contentsArea-button{justify-content:center;flex-direction:column;margin-top:40px;}.loginSelect .contentsArea .x-primaryButton{width:200px;margin-right:0;}.loginSelect .contentsArea .x-button{width:200px;}.loginSelect .contentsArea .LoginDestinationList{height:100%;max-height:calc(57vh - 100px);overflow-y:auto;}.loginSelect .contentsArea .LoginDestinationList li{display:flex;align-items:center;padding:10px 0;}.loginSelect .contentsArea .LoginDestinationList li img{margin-right:15px;border-radius:500px;}.loginSelect .contentsArea .LoginDestinationList li.BusinessOwner{margin-bottom:10px;padding:20px 0;border-bottom:solid 1px #e0e0e0;}.loginSelect .contentsArea .LoginDestinationList li .x-radio>input[type=radio]~label{display:flex;align-items:center;margin:0;padding:0;padding-left:35px;word-break:break-all;}.loginSelect .contentsArea .LoginDestinationList li .x-radio>input[type=radio]~label::before,.loginSelect .contentsArea .LoginDestinationList li .x-radio>input[type=radio]~label::after{top:50%;transform:translateY(-50%);}