@charset "UTF-8";
/* Body */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}

body {
	font-family: "YuGothic" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin: 0;
	font-size:14px;
	color: #111;
}

h1{
	font-size:2rem;
	text-align: center;
}



p{

}

a{
	text-decoration: none;
	color: #505050;
}

a:hover{
	background-color: #EAEAEA;
}

.clear{
	content:"";display:block;clear:both
}

.bold{
	font-weight: bold;
}

.red{
	color: #ff0000;
}

.pc-block{
	display: block;
}

.sp-block{
	display: none;
}

/*ボタン設定*/
.button{
  display: inline-block;
	padding:20px 50px 20px 50px;
	text-align: center;
	text-decoration: none;
	outline: none;
	font-weight: bold;
	color: #fff;
  border: 1px solid #fff;
  font-size: 1.2rem;
}

.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button:hover {
	background-color: #999999;
	color: #ffffff;
}

.button a{
	text-decoration: none;
	color: #ffffff;
}

.link-btn a{
	text-decoration: none;
	outline: none;
	background-color:  #6E6E6E;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	margin: 15px auto;
}

.link-btn a:hover{
	background-color:  #999;
}


/* Container */
.main {
	width: 100%;
	margin-left: 0 auto;
	margin-right: 0 auto;
}






/* Header */
header {
	position: fixed;
	width: 100%;
	height: 90px;
	background-color:rgba(255,255,255,0.7);
	z-index: 999;
}

.head_contents	{
	/*width: 960px;*/
	/*margin:0 5%;*/
}

.head_contents h1{
	font-size: 0.8rem;
	color: #ffffff;
	text-align: left;
	padding-left: 5px;
}


.head_contents:after{
	content:"";display:block;clear:both
}

.head_logo {
	float:left;
}

.head_logo img{
	height: 70px;
	margin-top: 10px;
}

.head_logo a {
	text-decoration: none;
}

#head_menu	{float:right;width:auto;height: 90px;display: flex;justify-content: flex-end;align-items:center;}

#head_menu ul	{margin:0;padding:0;list-style:none;}
#head_menu li{position: relative;height: 90px;}
#head_menu li a	{font-size:1rem;display:block;padding:5px 15px;color:#000;text-decoration:none;font-weight: bold;}
#head_menu li:nth-child(odd) a{background: #121FCC;color: #fff;}
#head_menu li:nth-child(even) a{background: #011BAF;color: #fff;}
#head_menu li .ja{display: none;}
#head_menu ul:after	{content:"";display:block;clear:both}
#head_menu li	{float:left;width:auto}
#head_menu .head-contact{height: 90px;overflow: hidden;}
#head_menu .head-contact a{display: flex;background: #001277;font-size:1rem;color:#fff;text-decoration:none;font-weight: bold;height: 90px;align-items: center;}
#head_menu .head-contact a p{padding: 15px 30px;}
#head_menu .head-contact a:hover	{background: #3F4A89;transition: 0.5s;}
#head_menu .head-contact.anshin-login a{background: #B30000;text-align: center;}
#head_menu .head-contact.anshin-login a:hover	{background: #7C0000;transition: 0.5s;}
#head_menu .head-contact.anshin-login .ja{font-size: 0.8rem;}

#head_menu .sub-menu {position: absolute;top:100%;left: 0;z-index: 1;display: none;border-top: none;background: #ccc;}
#head_menu .sub-menu li {display: block;height: 90px;overflow: hidden;}
#head_menu li:hover .sub-menu {display: block;}
#head_menu .sub-menu li a:before {color: #333;}
#head_menu .sub-menu li a {height: auto;background: none;color:#000;}


@media (min-width: 961px) {
  #head_menu	{align-items:flex-start;}
  #head_menu li{overflow: hidden;}
  #head_menu li.sub-wrap:hover{overflow: visible;}
  #head_menu li a	{width: 150px;height: 120px;padding:30px 0 0 0;transition: 0.5s;text-align: center;}
  #head_menu li .en{transition: 0.5s;}
  #head_menu li .ja{display: block;opacity: 0;color:#0C52D6; transition: 0.5s;}
  #head_menu li a:hover	{padding: 5px 0 0 0;transition: 0.5s;background: none;}
  #head_menu li a:hover > .en	{opacity: 0;transition: 0.5s;}
  #head_menu li a:hover > .ja	{opacity: 1;transition: 0.5s;}
  #head_menu .head-contact a{display: block;height: 120px;padding:30px 20px 0 20px;transition: 0.5s;}
  #head_menu .head-contact a p{padding: 0;}
  #head_menu .head-contact a .en{transition: 0.5s;}
  #head_menu .head-contact a .ja{opacity: 0;transition: 0.5s;}
  #head_menu .head-contact a:hover	{padding:5px 20px 0 20px;background: #3F4A89;transition: 0.5s;}
  #head_menu .head-contact a:hover > .en	{opacity: 0;transition: 0.5s;}
  #head_menu .head-contact a:hover > .ja	{opacity: 1;transition: 0.5s;}
}




#first_view{position: relative;padding:120px 0 0 0;height: 700px;background-image: url(../img/fv-img.png);background-attachment: fixed;background-position: center center;background-repeat:no-repeat;background-size: cover;}

#first_view .inner{margin: 0 auto;width: 1400px;display: flex;padding-top: 200px;}
#first_view .inner div{width: 50%;padding: 0 2%;}
#first_view .inner .logo img{width: 100%;}
#first_view .inner .text{color: #fff;}
#first_view .inner .text h1{text-align: left;font-size:2rem;}
#first_view .inner .text p{font-size: 1.2rem;font-weight: bold;}

@media (max-width:1400px){
  #first_view .inner{margin: 0 5%;width: 90%;flex-wrap: wrap;padding-top: 100px;}
  #first_view .inner div{width: 100%;padding: 0 2%;}
  #first_view .inner .logo img{width: 600px;}
  #first_view .inner .text{padding: 30px;}
}

@media (max-width:960px){
  #first_view{position: relative;padding:0;width: auto;height: 700px;background-image: url(../img/fv-img.png);background-attachment: fixed;background-position: center 60px;background-repeat:no-repeat;background-size: auto 700px;z-index: 1;
  }
  #first_view .inner{margin: 0 2%;width: 96%;padding-top: 200px;}
  #first_view .inner .logo img{width: 300px;}
  #first_view .inner .text{padding: 30px 15px;}
  #first_view .inner .text h1{font-size:1.4rem;}
  #first_view .inner .text p{font-size: 1rem;font-weight: bold;}
}

.scrolldown{
	width: 150px;
	margin: -100px auto 0 auto;

}

.scrolldown img{
	width: 150px;
}

.top_margin {
	height: 80px;
	width: auto;
}

/*main contents*/
/*共通設定*/
.container{
	width: 960px;
	margin: 0 auto;
}

.contents h2{
	font-size: 2.5rem;
	font-weight: bold;
}

.contents h3{
	font-size: 1.5rem;
	font-weight: bold;
}

.contents h4{
	font-size: 1.2rem;
	font-weight: bold;
}

.contents h5{
	font-size: 1rem;
	font-weight: bold;
}

.contents p{
	padding: 10px 0;
}

.contents_min{
	width: 600px;
	margin: 0 auto;
}

.more_info{
	float: right;
	text-decoration: underline;
	padding: 5px;
}

.signature{
	float: right;
	margin:30px 20px 0 0;
	padding: 5px;
}

.two-colmun{
	font-size: 0;
}

.two-colmun li{
	font-size: 1rem;
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

/* TOPコンテンツ */
.bxslider img{
	width: 100%;
}

#investment{background: #3F4A89;color: #fff;padding: 100px 0;}
#investment .container{display: flex;}
#investment .container .text{width: 50%;margin-right:5%;}
#investment .container .image{width: 45%;}
#investment .container .image img{width: 100%;}

#about {position: relative;padding: 100px 20% 100px 0;}
#about .about-img{width: 100%;}
#about .about-img img{width: 100%;}
#about .about-text{position: absolute;bottom: 100px;right: 20%;background: #fff;padding:10px 0 50px 50px;width: 40%;}
#about .about-text h4{margin-bottom: 30px;}
#about .about-text h2{font-size:2.5rem;color: #0052D6;}
#about .about-text h3{color: #0052D6;}

#backup{background: #EBFBFF;margin: 0;padding: 100px 0;}
#backup .container{display: flex;flex-direction:column;align-items: center;}
#backup .contents h3{color: #0C52D6;font-size:1.8rem;}
#backup .contents ul{margin: 30px auto;}
#backup .contents li{color: #707070;font-weight: bold;font-size:1.2rem;position: relative;padding-left: 25px;list-style: none;margin: 5px auto;}
#backup .contents li:before {content: "";position: absolute;top: .2em;left: 0;width: 15px;height: 15px;border: 1px solid #8b6b4e;border-radius: 2px;background: #03D51F;}
#backup .contents li:after {content: "";position: absolute;top: .35em;left: 6px;-webkit-transform: rotate(50deg);-ms-transform: rotate(50deg);transform: rotate(50deg);width: 3px;height: 7px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;}

#howto{position: relative;background-image: url(../img/sec2-bg.png);background-attachment: fixed;background-position: center center;background-repeat:no-repeat;background-size: cover;}
#howto .inner{padding: 100px 5%;}
#howto .inner h2,#howto .inner h3,#howto .inner h4,#howto .inner h5,#howto .inner p{color:#fff;}
#howto .inner h2{font-size:3rem;text-align: center;}
#howto .inner h3{text-align: center;margin-bottom: 50px;}
#howto .inner h5{font-size: 1.5rem;}
#howto .inner .step{display: flex;justify-content:space-between;}
#howto .inner .step .step-box{width: 30%;text-align: center;}
#howto .inner .step .step-box .img{position: relative;}
#howto .inner .step .step-box .img .label{position: absolute;top:10px;right: 10px;background: #B20044;color: #fff;padding: 10px 20px;font-weight: bold;font-size:1.2rem;}
#howto .inner .step .step-box .img .arrow{position: absolute;width: 20%;top:30%;right:-18%;z-index: 3;}
#howto .inner .step .step-box img{width: 100%;}
#howto .inner .sec-check{background: rgba(168,0,52,0.65);display: flex;justify-content: space-between;padding: 15px 30px;margin: 50px auto;}
#howto .inner .sec-check h5{font-size: 1.8rem;}
#howto .inner .sec-check p{font-size: 1.3rem;}

#case{}
#case .inner{padding: 50px 5%;}
#case .inner h2{font-size:3rem;text-align: center;}
#case .inner h3{text-align: center;margin-bottom: 50px;}
#case .inner p{font-size: 1.2rem;text-align: center;}
#case .inner .case-list{display: flex;flex-wrap: wrap;}
#case .inner .case-list .case-box{width: 31%;text-align: center;color: #0C52D6;padding: 15px 1%;}
#case .inner .case-list .case-box img{width: 100%;}

.inner-bg{content: "";height: 300px;background-size: cover;background-image: url(../img/inner-bg.png);background-attachment: fixed;background-position: center center;background-repeat:no-repeat;}

#contact{padding: 50px 0;}
#contact .contents h2,#contact .contents h3{text-align: center;}
#contact .poricy{height: 300px;overflow-y: scroll;margin: 30px auto;border:2px solid #999;padding: 15px;}

.mail_form{
	width: 80%;
	margin: 0 auto;
}

.mail_form p{
	text-align: left;
	padding: 5px 0;
}

.mail_form .input_box{
	width: 100%;
	height: 30px;
	font-size:1.1em;
}

.mail_form .input_text{
	width: 100%;
	height: 150px;
	font-size:1.1em;
}

.form_btn {
	text-align: center;
}

.form_btn button{
	width: 200px;
	height: 50px;
	background-color: #6E6E6E;
	color: #ffffff;
	font-size:1rem;
}

#form-tbl table{
	margin: 30px auto;
}

#form-tbl th{
	padding: 5px 20px;
}

#form-tbl td{
	padding: 5px 30px;
	text-align: left;
	letter-spacing: 0.1em;
}

#contact-page{padding: 150px 0 50px 0;}

#company{background: #EBFBFF;color: #0D0555;padding: 100px 0;}
#company .contents h2,#company .contents h3,#company .contents p{text-align: center;}
#company table{font-size: 1.2rem;display: flex;justify-content: center;}
#company tbody{display: block;}
#company th{width: 30%;padding: 5px 30px;text-align: left;vertical-align: top;}
#company td{width: 70%;}
#company td img{max-width: 80%;}

#map{}


/*footer設定*/
footer {
	background-color: #0D0055;
	padding-top: 50px;
}

.footer_contents{
	margin: 0 auto;
	width: 960px;
	text-align: center;
}

.footer_contents:after{
	content:"";display:block;clear:both;
	padding-bottom: 20px;
}

#footer_menu{
	margin-bottom: 30px;
}

#footer_menu ul	{
	margin:0;padding:0;list-style:none;
	text-align: center;
}

#footer_menu li{
	display: inline;
}

#footer_menu li a	{
	font-size:1.2rem;
	display:inline;padding:10px 20px 8px 20px;color:#fff;text-decoration:none;font-weight: bold;
}

#footer_menu li a:hover	{
	border-bottom: 1px solid #fff;
  background: none;
}

#footer_menu ul:after	{
	content:"";display:block;clear:both
}

.footer-logo{margin: 30px auto 15px auto;}
.footer-logo img{width: 300px;}

.copyright {
	color: #ffffff;
	text-align: center;
	padding: 10px;
}


/* pagetop button */
#pageTop {
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index: 999;
}

#pageTop img{
	width: 120px;
}

#pageTop i {
  padding-top: 6px
}



#pageTop a {
  display: block;
  background-color: rgba(255,255,255,0.50);
  color: #777;
  border-radius: 10px;
  padding: 10px;
  line-height: 16px;
  text-align: center;
}



#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/*下層ページ*/
#patent{padding-top: 100px;}
#patent .inner{padding: 50px 5%;}
#patent .inner h2{font-size:3rem;text-align: center;}
#patent .inner h3{text-align: center;margin-bottom: 50px;}
#patent .inner p{font-size: 1.2rem;text-align: center;}
#patent .patent-table{width: 100%;font-size: 1.2rem;border-collapse: collapse;}
#patent .patent-table th{border:1px solid #777;background: #eee;padding: 10px;}
#patent .patent-table td{border:1px solid #777;background: #fff;padding: 10px;text-align: center;vertical-align: middle;}
#patent .patent-table img{max-width: 150px;}

/*tablet*/
@media (min-width:421px) and (max-width:960px){
/*共通設定*/
.container{
	width: 80%;
	margin: 0 10%;
	text-align: center;
}
}

@media (max-width: 420px) {
	.container{
	width: 96%;
	margin: 0 2%;
	text-align: center;
	padding: 0;
}
main{overflow-x: hidden;}

}

/* Mobile */
@media (max-width: 960px) {

h1{
	text-align: center;
}

p{
}

.pc-block{
	display: none;
}

.sp-block{
	display: block;
}


/* Container */
.container {
	width: 100%;
	overflow: hidden;
}

.container p{}




/* Header */
header {
	height: 60px;
  background-color:rgba(255,255,255,0.9);
}

.head_contents	{
	width: 100%;
	margin: 0;
}

.head_logo img{
	height: 40px;
	margin-left: 10px;
}

.head_logo a {
	text-decoration: none;
}

.scrolldown{
	width: 150px;
	margin: -100px auto 0 auto;

}

.scrolldown img{
	width: 150px;
}



/*main contents*/
/*共通設定*/

.contents h2{
  font-size:1.5rem;
}

.contents h3{
  font-size:1.2rem;
}

.contents p{

}

.more_info{
	float: right;
	text-decoration: underline;
	padding: 5px;
}

.two-colmun li{
	width: 100%;
}

#investment{background: padding: 30px 0;}
#investment .container{flex-direction: column;width: 94%;margin: 0 3%;}
#investment .container .text{width: 100%;margin-right:0;text-align: left;}
#investment .container .image{width: 100%;}

#about {position: relative;padding: 0;width: 100%;}
#about .about-img{width: 100%;margin: 0;overflow: hidden;}
#about .about-img img{width: 110%;}
#about .about-text{position: static;bottom: 0;right: 0;background: #fff;padding:10px 10px 100px 10px;width: auto;}
#about .about-text h4{margin-bottom: 30px;}
#about .about-text h2{font-size:1.5rem;}
#about .about-text h3{font-size:1.2rem;margin-bottom: 30px;}

#backup{padding: 50px 0;}
#backup .container{display: flex;flex-direction:column;align-items: flex-start;}
#backup .contents h3{font-size:1.3rem;text-align: left;}
#backup .contents ul{margin: 30px auto;}
#backup .contents li{text-align: left;font-size:1rem;}

#howto{position: relative;background-image: url(../img/sec2-bg.png);background-attachment:scroll;background-position: center center;background-repeat:no-repeat;background-size: auto 100%;width: 100%;}
#howto .inner{padding: 50px 0 0 0;}
#howto .inner h2{font-size:1.35rem;margin-top: 30px;}
#howto .inner h3{font-size:1.1rem;}
#howto .inner h5{font-size: 1.5rem;}
#howto .inner .step{display: flex;justify-content:space-between;flex-direction: column;}
#howto .inner .step .step-box{width: 90%;margin: 15px 5% 50px 5%;}
#howto .inner .step .step-box .img{position: relative;}
#howto .inner .step .step-box .img .label{font-size:1rem;}
#howto .inner .step .step-box .img .arrow{position: absolute;width: 20%;top:auto;bottom:-140px;left: 0;right: 0;z-index: 3;width: 50px;transform: rotate(90deg);margin: auto;}
#howto .inner .sec-check{display: flex;justify-content: space-between;flex-direction: column;padding: 15px 30px;margin: 50px auto 0 auto;}
#howto .inner .sec-check h5{font-size: 1.8rem;}
#howto .inner .sec-check p{font-size: 1rem;}

#case{}
#case .inner{padding: 50px 0;}
#case .inner h2{font-size:1.4rem;margin-top: 30px;}
#case .inner h3{font-size:1.1rem;}
#case .inner .case-list{display: flex;justify-content:space-between;flex-direction: column;}
#case .inner .case-list .case-box{width: 90%;margin: 15px 5% 15px 5%;}

.inner-bg{content: "";height: 200px;width: 100%;background-size: auto 100%;background-image: url(../img/inner-bg.png);background-attachment: scroll;;background-position: center center;background-repeat:no-repeat;}

#contact{padding: 50px 0;}
#contact .poricy{height: 300px;overflow-y: scroll;margin: 30px auto;border:2px solid #999;padding: 15px;}

.mail_form{
	width: 80%;
	margin: 0 auto;
}

.mail_form p{
	text-align: left;
	padding: 5px 0;
}

.mail_form .input_box{
	width: 100%;
	height: 30px;
	font-size:1.1em;
}

.mail_form .input_text{
	width: 100%;
	height: 150px;
	font-size:1.1em;
}

.form_btn{
	text-align: center;
}

.mail_form .form_btn button{
	width: 200px;
	height: 50px;
	color: #ffffff;
	font-size:18px;
}

#company{background: #EBFBFF;color: #0D0555;padding: 50px 0;}
#company .contents h2{font-size: 1.6rem;}
#company .contents h3{font-size: 1.2rem;}
#company .contents p img{width: 150px;}
#company table{font-size: 0.8rem;display: block;width: 100%;margin: 30px auto;}
#company tbody{display: block;}
#company th{padding: 5px 0;width: 30%;text-align: left;}
#company td{padding: 5px 0;width: 68%;text-align: left;}

#map{}

/*footer設定*/
footer {
	padding-top: 30px;
}

.footer_contents{
	margin: 0 auto;
	width: 100%;
	text-align: left;
}

.footer_contents:after{
	content:"";display:block;clear:both;
	padding-bottom: 10px;
}

#footer_menu{
	margin: 0 0 30px 0;
}

#footer_menu li{
	display: block;
}

.footer_contents p{
	text-align: center;
	padding: 0;
	margin: 0;
}

.footer-logo{
	text-align: center;
	margin-bottom: 20px;
}

.copyright {
	font-size: 12px;
}

/*下層ページ*/
#patent{padding-top: 50px;}
#patent .table-wrap{overflow-x: scroll;white-space: nowrap;}
#patent .patent-table{width: 100%;font-size: 1rem;}
#patent .patent-table th{padding: 10px;}
#patent .patent-table td{padding: 10px;}


/* pagetop button */
#pageTop {
  position: fixed;
  bottom: 25px;
  right: 20px;
  z-index: 999;
}

#pageTop img{
  width: 80px;
}

#pageTop i {
  padding-top: 6px
}



#pageTop a {
  display: block;
  background-color: rgba(255,255,255,0.50);
  border-radius: 10px;
}



#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
}

#sp-phone {
    position: absolute;
    right: 70px;
    top: 5px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 100;
	font-size:38px;
}

#sp-phone a{color: #0B0F8D;}
#sp-phone a:hover{background: none;}

/* トグルメニュー */
#nav-toggle {
    display: none;
    position: absolute;
    right: 20px;
    top: 19px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 100;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background:#0B0F8D; /*トグルボタン色設定*/
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

@media (max-width:960px){
 #head_menu {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -535px;
        background: #333;
        width: 100%;
        height: auto;
        text-align: center;
	 	padding-top:30px;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
	 	margin: 0;
	 	padding-top: 80px;
    float: none;
    display: block;
    }

    #head_menu .head-contact a{display: none;}

    #head_menu ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #head_menu ul li {
        float: none;
        position: static;
        height: 50px;
    }
    #header #head_menu ul li a,
    #header.fixed #head_menu ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 0 0;
        height: auto;
        background: none;
    }
    #nav-toggle {
        display: block;
    }


    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #head_menu {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(520px);
        -webkit-transform: translateY(520px);
        transform: translateY(520px);
    }
}