.main-wrapper{
	margin: 0 auto;
}
.main-wrapper .page-wrapper{
	width:100%;
	margin-left: 0px;
}
 body {
    color: #000;
    overflow-x: hidden;
    height: 100%;
    background-color: #B0BEC5;
    background-repeat: no-repeat
}

.card0 {
    box-shadow: 0px 4px 8px 0px #757575;
    border-radius: 0px;
	background-color:#000;
}
.card {
	background-color: #000;
	color: #fff;
	-webkit-box-shadow: 0 0 12px 4px rgb(26 35 126);
	box-shadow: 0 0 12px 4px rgb(26 35 126);
	-moz-box-shadow: 0 0 12px 4px rgb(26 35 126);
    -ms-box-shadow: 0 0 12px 4px rgb(26 35 126);
}

.card2 {
	margin: 10px 10px 40px 10px;
}


.image {
    width: 100%;
	justify-self: flex-start;
	align-self: flex-start;
	 height: auto;
}

.error{
	color:red;
}

.facebook {
    background-color: #3b5998;
    color: #fff;
    font-size: 18px;
    padding-top: 5px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    cursor: pointer
}

.twitter {
    background-color: #1DA1F2;
    color: #fff;
    font-size: 18px;
    padding-top: 5px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    cursor: pointer
}

.linkedin {
    background-color: #2867B2;
    color: #fff;
    font-size: 18px;
    padding-top: 5px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    cursor: pointer
}

.line {
    height: 1px;
    width: 45%;
    background-color: #E0E0E0;
    margin-top: 10px
}

.or {
    width: 10%;
    font-weight: bold
}

.text-sm {
    font-size: 14px !important
}

::placeholder {
    color: #BDBDBD;
    opacity: 1;
    font-weight: 300
}

:-ms-input-placeholder {
    color: #BDBDBD;
    font-weight: 300
}

::-ms-input-placeholder {
    color: #BDBDBD;
    font-weight: 300
}

input,
textarea {
    padding: 10px 12px 10px 12px;
    border: 1px solid lightgrey;
    border-radius: 2px;
    margin-bottom: 5px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 14px;
    letter-spacing: 1px
}

input:focus,
textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #304FFE;
    outline-width: 0
}

button:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline-width: 0
}

a {
    color: inherit;
    cursor: pointer
}

.btn-blue {
    background-color: #1A237E;
    width: 150px;
    color: #fff;
    border-radius: 2px
}

.btn-blue:hover {
    background-color: orange;
    cursor: pointer
}

.bg-blue {
    color: #fff;
    background-color: #1A237E
}

@media screen and (max-width: 991px) {
    .border-line {
        border-right: none
    }

    .card2 {
        margin: 0px 15px
    }
}

.ir {
    display: block;
    overflow: hidden !important;
    position: absolute !important;
    top: -1000em;
    left: 0;
    z-index: -1;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    background: none !important;
}
.mb_lgn_sns{height:55px;margin-bottom:30px;}
.mb_lgn_sns dl{height:50px;}
.mb_lgn_sns dd{float:left;width:33%;}
.mb_lgn_sns dd.fcb{position:relative;}
.mb_lgn_sns dd.fcb:before{content:'';display:block;position:absolute;top:0;left:0;width:1px;height:55px;background:#E9E9ED}
.mb_lgn_sns dd.fcb:after{content:'';display:block;position:absolute;top:0;right:0;width:1px;height:55px;background:#E9E9ED}
.mb_lgn_sns dd a{display:block;height:19px;padding-top:36px;font-size:14px;line-height:19px;color:#767676;text-align:center;background:url("../assets/images/ico_join_sns.png?1") 50% -9px no-repeat;}
.mb_lgn_sns dd.fcb a{background-position:50% -64px}
.mb_lgn_sns dd.kao a{background-position:50% -119px}
.w100{
	width:100% !important;
}