h1, h2, h3, h4, h5, h6 {line-height: 1.14; margin: 0 0 0.66em;}
h1 {font-size: 30px; font-size: 2.3em;}
h2 {font-size: 30px; font-size: 2.3em;}
h3 {font-size: 30px; font-size: 2.3em;}
.hp-info {margin: 0 0 20px;}

footer {padding-top: 0; }

.form-anchor {position: absolute; left: 0; top: -90px;}

.content_wrapper.upper_wrapper {max-width: 1051px;}
.content_wrapper.testabo_wrapper {max-width: 1050px;}

.hp-page h2, .hp-page h3 {color: #406786;}
.hp-page h2 a, .hp-page h3 a {color: #406786; font-weight: normal;}

.form-wrapper {padding: 135px 0 62px;}
.form-container {padding: 22px 25px 44px; background: rgba(255,255,255,0.7); display: inline-block; text-align: center; margin-right: 8%; float: right;}
.form-1 .form-container {max-width: 620px}
.form-container img {width: 340px; margin: 0 0 16px;}
.form-container h2 {font-size: 2.8em; }

.form-wrapper.form-2 {padding: 50px 0 40px; position: relative; z-index: 100;}
.form-wrapper.form-2 .form-container {width: 635px; padding: 15px 30px 25px; float: none; text-align: left;}
.form-wrapper.form-2 .form-container p {font-size: 20px; font-weight: bold; margin: 0 0 10px; color: #1A6600;}
.form-wrapper.form-2 .form-container .input_container {margin: 0;}
.form-wrapper.form-2 .form-container .input_container .box_button {padding-bottom: 0;}
.form-wrapper.form-2 .form-container .input_container .box_button button {font-size: 2em; background: #41C400;}

.form-wrapper.form-1 form div {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 10px;}
.form-wrapper form .el-1 {width: 56%;}
.form-wrapper form .el-2 {width: 22%;}
.form-wrapper form .el-3 {width: 22%; padding-right: 0;}
.form-wrapper form {display: block;}
.form-wrapper form button {padding: 0; width: 100%;}

.blue-bg {background: #33ABFF; color: #fff;}
.light-blue-bg {background: #F1F9FF;}
.green-bg {background: #41C400; color: #fff;}

.blue-bg {margin: 0 0 45px;}
.blue-bg ul {text-align: center;}
.blue-bg ul li {text-align: left; display: inline-block; padding: 0 20px 0 65px; font-size: 22px; background: url(/images/gen/home/tick.png) no-repeat 0 center;}
.blue-bg ul li:first-child {float: left;}
.blue-bg ul li:last-child {float: right; padding-right: 0!important;}
.blue-bg ul li div {height: 100px; width: 100%; display: table;}
.blue-bg ul li div div {height: 100%; display: table-cell; vertical-align: middle;}

.cats-wrapper {margin: 0 0 45px; padding: 30px 0; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
.cats-wrapper ul {}
.cats-wrapper ul li {font-size: 2.2em; width: 33.33%; float: left;}
.cats-wrapper ul li a {font-weight: normal; display: block; white-space: nowrap; line-height: 136px; overflow: hidden;}
.cats-wrapper ul li a img {float: left;}

a.big-button {margin: 0 0 45px; font-size: 2.5em; padding: 0 68px; height: 66px; line-height: 66px;}

.light-blue-bg {padding: 30px 0 80px;}
.hp-explain-block {position: relative;}
.hp-explain-block h2 {margin: 0 0 45px; position: relative; z-index: 1;}
.hp-explain-block ol {padding: 0 280px 0 0; position: relative; z-index: 1;}
.hp-explain-block ol li {float: left; width: 35%; font-size: 18px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 62px; list-style-type: none;}
.hp-explain-block ol li:first-child {width: 30%;}
.hp-explain-block ol li span { color: #33abff;  display: block;  font-size: 22px; font-weight: bold;}
.hp-explain-block ol li em {font-style: normal; width: 48px; height: 48px; position: absolute; left: 0; top: 0; font-size: 40px; line-height: 48px; text-align: center; background: #33abff; color: #fff;}

.explain-video {position: absolute; right: 0; top: 4px; z-index: 100; width: 251px;}
.explain-video img {float: left; width: 251px;}
.explain-video h3 {font-size: 2em;}

.sidebar-play-video {text-align: center; width: 251px;}
.sidebar-play-video img {cursor: pointer;}
.sidebar-play-video .sidebar-video-container {overflow: hidden; display: none;}
.sidebar-play-video iframe {overflow: hidden;}


.green-bg { }
.green-bg h2 {font-size: 44px; margin: 0; color: #fff; height: 100px; line-height: 100px;}

.bottom-list {padding: 60px 0 65px; color: #528C3F; font-size: 18px; position: relative; z-index: 90;}
.bottom-list h2 {color: #41C400; margin: 0 0 60px;}
.bottom-list h3 {color: #41C400; margin: 0; font-size: 25px; /*display: inline-block;*/ margin: 0 0 10px;}
.bottom-list h3 span {display: block; margin: 0 0 5px;}
.bottom-list ul {text-align: center;}
.bottom-list ul li {text-align: center; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 40px; vertical-align: top; width: 33%;}
.bottom-list ul li a {color: #528C3F; text-decoration: none; font-weight: normal;}
.bottom-list ul li a:hover {color: #528C3F; text-decoration: none;}


@media only screen and (min-width: 1920px) {
	.blue-bg ul {width: 1386px;}
	.blue-bg ul li {padding: 0 60px 0 65px;}
}



@media only screen and (max-width: 1650px) {
	.blue-bg ul li {padding: 0 15px 0 65px; font-size: 18px;}
	
	.hp-explain-block ol {padding: 0 260px 0 0;}
	.hp-explain-block ol li {padding: 0 0 0 40px; font-size: 16px;}
	.hp-explain-block ol li em {font-size: 26px; height: 30px;  line-height: 30px;  width: 30px;}
	.hp-explain-block ol li span {font-size: 18px;}
}

@media only screen and (max-width: 1400px) {
	.form-wrapper.form-1 {background-position: 83% top!important;}
	.blue-bg ul li {padding: 0 10px 0 60px; font-size: 16px;}
	
	.bottom-list h3 {font-size: 20px;}
	.bottom-list ul li {padding: 0 10px; font-size: 16px;}
}

@media only screen and (min-width: 2000px) {
	.form-wrapper {padding: 175px 0 100px;}
	.form-wrapper.form-2 {padding: 90px 0 80px;}
}

/* testabo */
.testabo_wrapper {}
.testabo_wrapper .input_container {margin: 0;}
.testabo_wrapper #example {margin: 5px 0 0;}
.testabo_wrapper .button_container {padding-bottom: 10px;}
.testabo_wrapper .button_container button {font-size: 37px; height: 66px; line-height: 67px; float: none; width: 100%}
.testabo_wrapper hgroup h4 {font-size: 18px; margin-bottom: 27px; color: #48C700;}
.testabo_wrapper hgroup h2 {margin-bottom: 38px;}
.testabo_wrapper #card .front {background: #48C700;}
.testabo_wrapper #card .front-error {background: #FFBFBF;}
.testabo_wrapper .request-sidebar .sidebar-inner .front-inner {font-size: 16px; color: #fff; padding: 35px 25px 0;}
.testabo_wrapper .request-sidebar .front-error .front-inner {padding: 107px 10px 0 20px;}
.testabo_wrapper .request-sidebar .front-error-signon .front-inner {padding: 226px 10px 0 20px;}
.testabo_wrapper .request-sidebar .sidebar-inner .front-inner p {font-size: 16px;}
.testabo_wrapper .request-sidebar .sidebar-inner .front-inner h2 {color: #fff; font-size: 36px; margin-bottom: 10px;}
.testabo_wrapper .request-sidebar .sidebar-inner .front-inner img {max-width: 100px;}
.testabo_wrapper .request-sidebar .sidebar-inner .front-inner .tick-list {margin: 40px 0;}
.testabo_wrapper .request-sidebar .sidebar-inner .front-inner .tick-list li {font-size: 16px;  font-style: normal; background: url(/images/gen/gbl/ba_white_tick.png) no-repeat 0 center; background-size: 28px auto;}
.testabo_wrapper .b_two_third {width: 71%;}
.testabo_wrapper .b_one_third {width: 29%;}

.testabo_wrapper .front .status_msg_wrapper {padding: 0; border: none;}
.testabo_wrapper .front .status_msg_wrapper .msg_err {color: #f00; padding: 0; background: none;}
.testabo_wrapper .front .status_msg_wrapper .txtMidColor1 {font-size: 19px; font-weight: normal; text-align: center; padding: 0 0 135px; margin: 0 -10px 35px -20px; background: url("/images/gen/gbl/icon_error_msg_2.png") no-repeat center bottom;}
.testabo_wrapper .front .status_msg_wrapper ul {}
.testabo_wrapper .front .status_msg_wrapper ul li {padding: 0 0 18px; line-height: 20px;}

.testabo_wrapper .panel-headline {padding: 0 25px; text-align: left; background: #6DD233;}
.testabo_wrapper .panel-inner {padding: 25px 25px 10px;}
.testabo_wrapper .panel-inner p {background: #fff; color: #48C700; padding: 15px 10px 15px 20px; font-weight: bold; -webkit-border-radius: 8px; border-radius: 8px; }
.testabo_wrapper .b_two_third .inner_content {padding-left: 35px; padding-right: 35px; padding-bottom: 280px;}
.testabo_wrapper .log-header {position: relative;}
.testabo_wrapper .log-header #go-signon, .testabo_wrapper .log-header #go-login {position: absolute; left: 0; top: -90px;}
.testabo_wrapper .log-header h1 {padding-left: 30px;}
.testabo_wrapper .log-content {padding-left: 20px; padding-right: 20px;}
.testabo_wrapper .do_access a {font-size: 18px;}
.testabo_wrapper #login p {font-size: 20px; color: #B8C2CA; text-align: right; }