@charset "UTF-8";
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  トップページ
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*MV*/
.movSec { position: relative; width: 100%; height: 590px; overflow: hidden; }
.movSec video { position: absolute; min-width: 100%; min-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.movSec #spMV { display: none; }

/*login*/
.movSec #loginArea { width: 520px; position: absolute; right: 100px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 100; background: rgba(255,255,255,0.95); padding: 25px 50px 40px; }

.movSec #loginArea #loginInner { display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 30px; border-bottom: 1px solid #cccccc; }
.movSec #loginArea #loginInner dl { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.movSec #loginArea #loginInner dt { width: 6em; margin-top: 15px; }
.movSec #loginArea #loginInner dd { width: calc(100% - 6em); margin-top: 15px; border: 1px solid #000; background: #fff; display: flex; align-items: center; }
.movSec #loginArea #loginInner dd input { width: 100%; padding: 5px; }
.movSec #loginArea #loginInner dd input:focus{ outline:0; }
.movSec #loginArea #loginInner dd img { margin: 0 10px; cursor: pointer; }

.movSec #loginArea #loginInner .errorTxt { color: #B80003; background: #FFEAEB; width: 100%; margin: 0; padding: 5px 10px; }

.movSec #loginArea #loginInner > p { margin: 25px 7px 0; display: inline-block; }
.movSec #loginArea #loginInner > p.btnNew a { background: #328584; }
.movSec #loginArea #loginInner > p.btnLogin a { background: #ee9d3b; }
.movSec #loginArea #loginInner > p a { color: #fff; padding: 2px 30px 5px; display: block; border-radius: 6px; }
.movSec #loginArea #loginInner > p a:hover { text-decoration: none; opacity: 0.7; }

.movSec #loginArea > p { margin-top: 0; }
.movSec #loginArea > p:nth-of-type(1) { margin-top: 13px; }
.movSec #loginArea > p a { padding-left: 15px; background: url("/common/images/arrow_black.png") no-repeat left 0.6em; }

.contentsSec { max-width: 1040px; }


@media screen and (max-width:750px){
	
	/*MV*/
	.movSec { position: static; width: 100%; height: auto; overflow: visible; }
	.movSec #loginArea { position: static; }
	.movSec video { display: none; }
	.movSec #spMV { display: block; }
	.movSec #spMV img { width: 100%; }

	/*login*/
	.movSec #loginArea { width: 100%; position: static; top: 0; left: 0; transform: translate(0%, 0%); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0);  padding: 0 30px 30px; margin: 0 auto; }

	
}