@charset "UTF-8";

img{max-width:100%;}

/* header */
#header-lp{background:#e5e5e5;}
#header-lp h1{margin:0; font-weight:bold; font-size:14px; line-height:18px;}
#header-lp h1 img{width:220px; height:auto; float:left; padding:10px 20px 10px 0;}
#header-lp h1 .text{position:relative; top:18px;}
@media screen and (max-width:767px){
	#header-lp h1 .text{top:10px;}
	#header-lp h1 .text span.br:before{content:"\A"; white-space:pre;}
}
@media screen and (max-width:575px){
	#header-lp h1{text-align:center; padding-bottom:5px;}
	#header-lp h1 img{display:block; float:none; margin:0 auto; padding-bottom:5px;}
	#header-lp h1 .text{top:0;}
	#header-lp h1 .text span.br:before{content:"";}
}

.headline-bg{background:#024e83; color:#f3c700; padding:15px 0;}
.headline-bg h2{margin:0; font-weight:bold; font-size:29px;}
@media screen and (max-width:767px){
	.headline-bg h2{font-size:24px;}
}
@media screen and (max-width:575px){
.headline-bg{padding:10px 0;}
	.headline-bg h2{font-size:16px;}
}

/* register form */
.register-form-ent h3{margin:0 0 10px 0; font-size:24px; letter-spacing:1px; line-height:140%; font-weight:bold;}
.register-form-ent h3 span.br:before{content:"\A"; white-space:pre;}
.btn-reg-ent{background:rgb(20,142,0); background: linear-gradient(0deg, rgba(20,142,0,1) 0%, rgba(41,251,0,1) 100%);
border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border:1px solid #1b5908; padding:20px 20px 20px 40px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.6); font-size:19px; font-weight:bold; width:100%; box-shadow: inset 0 3px 2px 0px rgba(255,255,255,0.4);
-webkit-box-shadow: inset 0 3px 2px 0px rgba(255,255,255,0.4); -moz-box-shadow: inset 0 3px 2px 0px rgba(255,255,255,0.4);}
.btn-reg-ent strong{color:yellow; font-size:120%;}
.easy-mark,
.easy-mark:after{position:absolute;}
.easy-mark{border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; padding:15px 4px 5px 4px; width:60px; height:60px;
left:-25px; top:0; bottom:0; margin:auto; z-index:5; font-weight:bold; color:#ff7800; font-size:16px; line-height:100%; background:white;
filter:drop-shadow(2px 2px 6px rgba(0,0,0,0.2));}
.easy-mark:after{content:""; width:0; right:-7px; bottom:0; top:0; margin:auto; z-index:3;
height: 0; border-style: solid; border-width:14px 0 14px 14px; border-color: transparent transparent transparent white;}
.register-form-ent input[type=email]{border-width:2px; padding-right:35px;}
.register-form-ent input[type=email].fin{border-color:#219D20;}
.register-form-ent input[type=email]::-ms-clear{visibility:hidden;}
.register-form-ent .btn-facebook,
.register-form-ent .btn-twitter,
.register-form-ent .btn-google,
.register-form-ent .btn-yahoo{min-width:auto;}

/* 点滅枠線 */
.empty-email{animation:blink-border 1s step-end infinite; -webkit-animation: blink-border 1s step-end infinite; -moz-animation: blink-border 1s step-end infinite normal; -o-animation: blink-border 1s step-end infinite normal; -ms-animation: blink-border 1s step-end infinite normal;}
@keyframes blink-border {
  0% {border-color: auto;}
  51% {border-color: red;}
}
@-webkit-keyframes blink-border {
  0% {border-color: auto;}
  51% {border-color: red;}
}
@-moz-keyframes blink-border {
  0% {border-color: auto;}
  51% {border-color: red;}
}
@-o-keyframes blink-border {
  0% {border-color: auto;}
  51% {border-color: red;}
}
@-ms-keyframes blink-border {
  0% {border-color: auto;}
  51% {border-color: red;}
}

.icon-success{position: absolute; top:0; right:7px; font-size:27px;}
.icon-success::before {content: "\f058"; color: #219D20; font-family: FontAwesome;}

#header-lp .container-fluid,
.headline-bg .container-fluid,
.key-visual .container-fluid{max-width:1140px;}

/* key visual */
.key-visual{background:url(/img/lp-ent/kv-bg.png) no-repeat; background-position:right -160px top -60px; text-align:left; background-color:#eaf8ff; padding:0 0 40px 0;}
.key-visual h2{margin:0; padding:45px 0 0 0;}
.key-visual h2 img{filter:drop-shadow(0 0 4px rgba(255,255,255,1));}
.key-visual .register-form-ent{margin:30px 0 0 0; background:rgba(2,78,131,0.2); padding:30px; width:720px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
-webkit-box-shadow:0 0 10px 0px rgba(255,255,255,0.6); -moz-box-shadow:0 0 10px 0px rgba(255,255,255,0.6));
box-shadow:0 0 10px 0px rgba(255,255,255,0.6); border:1px solid rgba(2,78,131,0.15);}
@media screen and (min-width:1600px){
	.key-visual{background-position:right 0 top -60px;}
}
@media screen and (max-width:1199px){
	.key-visual{background-position:right -300px top -60px;}
}
@media screen and (max-width:991px){
	.key-visual{background-position:right -330px top -100px;}
	.key-visual h2,
	.key-visual .register-form-ent{width:550px;}
	.key-visual h2{padding:30px 0 0 0;}
	.key-visual .register-form-ent{padding:25px; margin:30px 0 0 0;}
	.key-visual .register-form-ent .btn-reg-ent span.br:before{content:"\A"; white-space:pre;}
	.key-visual .register-form-ent h3{letter-spacing:0; font-size:23px; text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
	.key-visual .register-form-ent .easy-mark{left:12px;}
}
@media screen and (max-width:767px){
	.key-visual{background-size:100%; background-position:right -32vw top -6vw;}
	.key-visual h2{width:80%;}
	.key-visual .register-form-ent{width:100%; background:white;}
	.key-visual .register-form-ent .easy-mark{left:auto; right:72vw;}
	.key-visual .register-form-ent h3{text-shadow:none;}
}
@media screen and (max-width: 575px) {
	.key-visual{background-position:right -35vw top -8vw;}
	.key-visual h2{width:88%; padding:20px 0 0 0;}
	.key-visual .register-form-ent{margin:20px 0 0 0; padding:15px;}
	.key-visual .register-form-ent .easy-mark{right:auto; left:-10px;}
	.key-visual .register-form-ent .btn-reg-ent{padding:15px 15px 15px 60px; text-align:left; font-size:18px;}
	.key-visual .register-form-ent h3{font-size:18px;}
	.key-visual .register-form-ent span.br:before,
	.key-visual .register-form-ent .btn-reg-ent span.br:before{content:"";}
}

.headline-lattice{background:url(/img/lp-ent/headline-lattice-bg.gif); padding:50px 20px; position:relative; margin:0 0 60px 0; text-align:center;}
.headline-lattice.first:before{display:none;}
@media screen and (max-width:767px){
	.headline-lattice{padding:40px 20px;}
}
@media screen and (max-width:575px){
	.headline-lattice{padding:30px 20px; margin:0 0 40px 0;}
}

.common-section{padding:0 0 80px 0; line-height:170%;}
.common-section.no-lattice{padding-top:80px;}
.common-section p:last-child{margin-bottom:0;}
.common-section .container,
.common-section .container-fluid{max-width:930px; margin:0 auto;}
@media screen and (max-width: 575px) {
	.common-section{padding:0 0 60px 0;}
	.common-section.no-lattice{padding-top:60px;}
}

.start .hand-in-hand{float:right; margin:0 0 10px 40px;}
.start strong{background:#fff99b;}
@media screen and (max-width:991px){
	.start .hand-in-hand{width:350px;}
}
@media screen and (max-width:767px){
	.start .hand-in-hand{width:300px;}
}
@media screen and (max-width:575px){
	.start .contents p{display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical;}
	.start .contents p .hand-in-hand{float:none; display:block; margin:30px auto 0 auto; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; box-ordinal-group: 2; width:100%;}
	.start .contents p .text{-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; box-ordinal-group: 1; display:block;}
}

.distress{padding-bottom:0;}
.distress .check{font-size:24px; list-style:none; font-weight:bold; max-width:900px; margin:0 auto; padding:0; border-bottom:1px dotted #333; line-height:150%;}
.distress .check li{border-top:1px dotted #333; padding:17px 15px 14px 70px; position:relative;}
.distress .check li:before{content:""; background:url(/img/lp-ent/check.png) no-repeat; width:34px; height:30px; display:block; position:absolute; left:20px;}
.distress .recommend{text-align:center; margin:60px 0 0 0;}
.distress .why{text-align:center; margin:60px 0 0 0; position:relative; z-index:10;}
@media screen and (max-width:575px){
	.distress .check{font-size:20px;}
	.distress .check li{padding:13px 15px 10px 50px;}
	.distress .check li:before{background-size:85%; left:10px;}
	.distress .recommend,
	.distress .why{margin:40px 0 0 0;}
}

.reason{background-color:#ccdaeb; margin-top:-30px;}
.reason .box{background:white; max-width:900px; margin:0 auto 60px auto; padding:0 0 20px 0;}
.reason .box:last-child{margin-bottom:0;}
.reason .box h3{text-align:center; margin:0; padding:0 20px 20px 20px; position:relative; top:-10px;}
.reason .box p{margin:30px 50px;}
.reason .btn-reg-ent{font-size:150%;}
.reason .btn-reg-ent span.br:before{content:"\A"; white-space:pre;}
@media screen and (max-width:767px){
	.reason .box{margin-bottom:40px;}
	.reason .box p{margin:10px 20px 20px 20px;}
}
@media screen and (max-width:575px){
	.reason .box span.br:before{content:"\A\A"; white-space:pre;}
}

.feature p{margin:40px 0;}

.difference{background:#eee; position:relative;}
.difference:before{content:""; border-style:solid; border-width:30px 35px 0 35px; border-color:white transparent transparent transparent; position:absolute; top:0; left:0; right:0; margin:auto; width:0; height:0;}
.difference .headline{margin:0 15px; text-align:center;}
.difference table{max-width:900px; width:100%; margin:30px auto 0 auto; font-size:18px; line-height:160%;}
.difference table th{font-weight:bold; background:#deedff;}
.difference table th,
.difference table td{border:1px solid #aab8c9; padding:20px;}
.difference table td{background:white;}
.difference table tr td:last-child i.fa{color:#ff7200;}
@media screen and (max-width:767px){
	.difference table{font-size:16px;}
}
@media screen and (min-width:576px){
	.difference table tr:first-child th{text-align:center;}
	.difference table tr th:first-child{white-space:nowrap;}
	.difference table tr td:last-child{background:#fffced; padding-left:40px; text-indent:-10px;}
}
@media screen and (max-width:575px){
	.difference h3{text-align:center; font-weight:bold; margin:30px 0 0 0; font-size:20px;}
	.difference table{margin:10px auto 0 auto;}
	.difference table th{width:40%;}
	.difference table th,
	.difference table td{padding:13px; vertical-align:top;}
}

.flow{background:#00a0ea;}
.flow .headline{margin:0 15px; text-align:center;}
.flow .detail{margin:60px 0 0 0; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; width:100%;}
.flow .detail .box{background:white; padding:25px; width:25%; position:relative;}
.flow .detail .box:before{content:""; border-style:solid; border-width:35px 0 35px 25px; border-color:transparent transparent transparent white; position:absolute; top:0; left:0; bottom:0; margin:auto; width:0; height:0;}
.flow .detail .box:after{position:absolute; bottom:-20px; right:0; font-size:130px; line-height:130px; color:rgba(0,0,0,0.08);}
.flow .detail .box.first:after{content:"1";}
.flow .detail .box.second{background:#ffdc73;}
.flow .detail .box.second:after{content:"2";}
.flow .detail .box.third{background:#f3c700;}
.flow .detail .box.third:before{border-left-color:#ffdc73;}
.flow .detail .box.third:after{content:"3";}
.flow .detail .box.forth{background:#f79e00;}
.flow .detail .box.forth:before{border-left-color:#f3c700;}
.flow .detail .box.forth:after{content:"4";}
.flow .detail .box h3{text-align:center; font-size:28px; font-weight:bold; margin:0; position:relative;}
.flow .detail .box h3 .balloon{background:#ed4c33; width:85px; height:85px; line-height:85px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
position:absolute; left:-50px; top:-60px; color:white; font-size:23px;}
.flow .detail .box h3 .balloon:before{content:""; border-style:solid; border-width:0 25px 35px 0; border-color:transparent transparent #ed4c33 transparent;
position:absolute; right:-6px; bottom:9px; width:0; height:0;}
.flow .detail .box p{font-size:17px; font-weight:bold; letter-spacing:-1px; margin:20px 0 0 10px;}
.flow .available{font-size:32px; line-height:120%; font-weight:bold; color:#fff; text-align:center; margin:40px 0 0 0;}
.flow .available strong{color:#f3c700;}
.flow .available-exp{font-weight:bold; text-align:center; margin:10px 0 0 0;}
@media screen and (max-width:767px){
	.flow .detail .box{width:100%;}
	.flow .detail .box:before{border-width:25px 60px; border-color:white transparent transparent transparent; right:0; left:0; bottom:inherit;}
	.flow .detail .box.third:before{border-left-color:transparent; border-top-color:#ffdc73;}
	.flow .detail .box.forth:before{border-left-color:transparent; border-top-color:#f3c700;}
	.flow .detail .box h3{margin:15px 0 0 0;}
	.flow .detail .box.first h3{margin:0;}
	.flow .detail .box h3 .balloon{width:85px; height:85px; line-height:85px; border-radius:50%; left:-180px; right:0; margin:auto;}
	.flow .detail .box p{text-align:center; margin:10px 0 0 0;}
	.flow .detail .box:after{left:10px; right:inherit; top:0; bottom:0; margin:auto; width:0; height:0; line-height:inherit;}
}
@media screen and (max-width:575px){
	.flow .available{font-size:27px;}
}

.launch .ceo-sign p{width:165px; display:block; float:right;}

.faqs{background:#eee;}
.faqs .headline{margin:0 15px 60px 15px; text-align:center;}
.faqs dl{border-bottom:1px dotted #0891e3; padding:30px 50px;}
.faqs dl:first-child{border-top:1px dotted #0891e3;}
.faqs dt,
.faqs dd{position:relative; padding:14px 0 14px 80px;}
.faqs dt{color:#007ac0; font-size:23px;}
.faqs dt:before,
.faqs dd:before{border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:absolute; left:0; top:0; text-align:center;
font-size:28px; line-height:50px; width:50px; height:50px; font-weight:bold;}
.faqs dt:before{content:"Q"; background:#0891e3; color:white;}
.faqs dd{font-size:16px; margin:15px 0 0 0;}
.faqs dd:before{content:"A"; background:white; color:#f79e00; border:2px solid #f79e00;}
@media screen and (max-width:991px){
	.faqs dl{padding:30px 20px;}
	.faqs dt,
	.faqs dd{padding-left:70px;}
}
@media screen and (max-width:575px){
	.faqs dl{padding:15px 0;}
	.faqs dt,
	.faqs dd{padding:9px 0 8px 50px;}
	.faqs dt{font-size:20px;}
	.faqs dd{margin:5px 0 0 0;}
	.faqs dt:before,
	.faqs dd:before{font-size:20px; line-height:40px; width:40px; height:40px;}
}

.present{background: url(../img/lower/register/bg-check.png); border-bottom:1px solid #9cc0d6}
.present .lead-text{text-align:center; margin:0 0 40px 0;}
.present ul{margin: 20px auto 0 auto;width: 98%;padding: 0;list-style: none;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.present ul li{width: 33.3%;text-align: center;}
@media screen and (max-width:575px){
	.present .lead-text{margin:0 0 20px 0;}
	.present ul{margin:0 auto;}
	.present ul li{width:50%;}
}
@media screen and (max-width:380px){
	.present ul li{width:100%;}
}
.register .headline{margin:0 15px 40px 15px; text-align:center;}
.register .register-form-ent{background:#bfebff; padding:40px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.register .register-form-ent span.br:before{content:"";}
.register .register-form-ent .btn-reg-ent{font-size:23px; padding-left:55px;}
.register .register-form-ent .easy-mark{left:-10px;}
.register .icon-success{top:7px;}
@media screen and (max-width:767px){
	.register .register-form-ent{padding:30px;}
}
@media screen and (max-width:575px){
	.register{padding-bottom:15px;}
	.register .register-form-ent{padding:20px 15px;}
	.register .register-form-ent h3{font-size:18px;}
	.register .register-form-ent .btn-reg-ent{font-size:18px; padding:15px 15px 15px 55px;}
}

#footer-lp{background:#024e83; padding:45px 15px; color:#fff;}
#footer-lp p{margin:0;}
#footer-lp a{color:#fff;}
@media screen and (max-width:575px){
	#footer-lp{padding:30px 15px;}
}

.fixed-footer-contents{position:fixed; bottom:0; z-index:100; border-top:4px solid rgba(2,78,131,0.95); background:rgba(244,248,249,0.95); width:100%; padding:10px 0; display:none;}
.fixed-footer-contents .container-fluid{max-width:930px;}
.fixed-footer-contents p{margin:0; font-size:18px; line-height:150%;}
.fixed-footer-contents p strong{font-size:120%;}
.fixed-footer-contents p span.br:before{content:"\A"; white-space:pre;}
.fixed-footer-contents .present-outline i.fa{float:left; font-size:56px; margin-right:15px; color:#0F5789}
.fixed-footer-contents p span.text{overflow:hidden; display:block;}
.fixed-footer-contents a{text-decoration:none;}
.fixed-footer-contents .btn-reg-ent{padding:15px 10px 12px 40px; font-size:18px;}
.fixed-footer-contents .close-contents{width:30px; height:30px; background:rgba(2,78,131,0.95); font-size:22px; text-align: center; display:block; cursor:pointer; position:absolute;
top:-44px; right:15px; color:#fff;}
@media screen and (max-width:991px){
	.fixed-footer-contents p span.br:before{content:"";}
	.fixed-footer-contents p{font-size:16px;}
	.fixed-footer-contents p span.text{padding-right:10px;}
	.fixed-footer-contents .present-outline i.fa{font-size:50px;}
	.fixed-footer-contents .btn-reg-ent{font-size:16px;}
}
@media screen and (max-width:767px){
	.fixed-footer-contents p{font-size:14px;}
	.fixed-footer-contents .present-outline i.fa{font-size:44px;}
}
@media screen and (max-width:575px){
	.fixed-footer-contents .btn-reg-ent{margin-top:10px; padding:10px 10px 9px 55px;}
	.fixed-footer-contents .easy-mark{left:-10px; top:15px;}
	.fixed-footer-contents .present-outline i.fa{font-size:34px; margin-right:10px;}
	.fixed-footer-contents p span.text{padding-right:0;}
}