@charset "utf-8";
a { color: #009d95; text-decoration: none }
h2, h3 { font-size: 1.5rem }
.Wrap { width: 1000px; margin: 0 auto }
.Wrap ul li, .Wrap ol li { padding: 0 5% 1% 0 }
.Wrap ul li { font-size: 1.2rem }
.Warp ol, .Wrap ol li { list-style: none }
.Wrap ol li { color: #717071 }
.Wrap ul.float-rt { list-style: none; font-size: 0.8rem }
.notice ul li { color: #009d95 }
.btn { display: inline-block; cursor: pointer }
.btn:hover { opacity: .8 }
.btn_get { background: url("../images/sprites.png") -206px 0px no-repeat; width: 182px; height: 84px }
.btn_get:hover { background: url("../images/sprites.png") -2px 0px no-repeat }
.btn-warning { background-color: #F1A514; padding: .8rem 1.2rem; color: #fff; border-radius: 10px; display: none }
.content { margin-top: -20px; position: relative }
.s2 .content, .s3 .content, .s4 .content, .s5 .content, .s6 .content, .s7 .content { color: #fff }
.s0 .content { display: inline-block; top: 20rem; left: 55% }
.s1 .content { text-align: center; top: 64px }
.s2 .content { top: 166px }
.s3 .content { top: 160px }
.s4 .content { top: 161px }
.s5 .content { top: 158px }
.s6 .content { top: 162px }
.s7 .content { top: 160px }
.s10 .content { text-align: center; top: 294px }
.s0 img { width: 182px; height: 115px; margin: 0 10px }
.s1 h2 { color: #fff }
.s1 ul { text-align: left; margin-left: 12rem; margin-top: 3.3rem; list-style: none }
.s1 ul h2 { color: #000; margin-bottom: 42px }
.s1 li { margin: 0 0 17px 3rem }
.s1 .content div { margin-top: -14.5rem; margin-left: 28rem }
.s1 .content div p { padding: 48px }
.s2 h1 { margin-left: 40px }
.s2 .notice { margin-top: 590px; margin-left: 88px }
.s2 ol { padding: 12px 0 0 0 }
.s3 h1 { margin-left: 40px }
.s3 .notice { margin-top: 598px; margin-left: 88px }
.s3 ul { float: left; width: 50% }
.s3 ol { clear: both; padding: 38px 0 0 5px }
.s3 ul.float-rt { width: 48% }
.s4 h1 { margin-left: 54px }
.s4 .notice { margin-top: 616px; margin-left: 88px }
.s4 ol { padding: 0 }
.s5 h1 { margin-left: 44px }
.s5 .notice { margin-top: 525px; margin-left: 88px }
.s5 ol { padding: 16px 0 0 5px }
.s6 h1 { margin-left: 52px }
.s6 .notice { margin-top: 501px; margin-left: 88px }
.s6 ol { padding: 8px 0 0 5px }
.s7 h1 { margin-left: 52px }
.s7 .notice { margin-top: 550px; margin-left: 88px }
.s7 ul { float: left; width: 42% }
.s7 ul.float-rt { width: 58% }
.s7 ul li { font-size: 1.1rem; margin: 0 0 5px 0 }
.s7 ol { clear: both; padding: 25px 0 0 5px }
.s10 h1 { color: #fff; margin-left: -400px }
.s10 h2, .s10 h3 { color: #009d95; font-size: 2rem }
.s10 h2 { margin-top: 84px }
.s10 h3 { margin-top: 500px }
.btnGroup { margin-top: 474px }
.btn_2 { margin-left: 230px }
.style1 { color: #fff }
.style2 { display: block; height: 44px; left: 70px; position: absolute; }
.s2 .style2 { width: 156px; top: 560px; }
.s3 .style2 { width: 156px; top: 557px; }
.s4 .style2 { width: 383px; top: 589px; }
.s5 .style2 { width: 383px; top: 492px; }
.s6 .style2 { width: 490px; top: 481px; }
.s7 .style2 { width: 488px; top: 520px; }
.s10 .style3 { display: block; width: 90%; height: 350px; top: 80px; left: 70px; position: absolute; }
.s10 .style4 { display: block; width: 316px; height: 204px; top: 816px; left: 140px; position: absolute; }
.s10 .style5 { display: block; width: 316px; height: 204px; top: 816px; left: 540px; position: absolute; }
@media screen and (min-width:1680px) {
	h2, h3 { font-size: 2rem }
	.Wrap ul li, .Wrap ol li { padding: 0 5% 1rem 0 }
	.content { margin-top: -27px; }
	.s0 .content { top: 24rem; left: 60% }
	.s1 .content { top: 72px }
	.s2 .content { top: 202px }
	.s3 .content { top: 198px }
	.s4 .content { top: 198px }
	.s5 .content { top: 198px }
	.s6 .content { top: 200px }
	.s7 .content { top: 198px }
	.s10 .content { top: 360px }
	.s2 h1 { margin-left: -30px }
	.s3 h1 { margin-left: -30px }
	.s4 h1 { margin-left: 20px }
	.s5 h1 { margin-left: -30px }
	.s6 h1 { margin-left: 0px }
	.s7 h1 { margin-left: 10px }
	.s2 .notice { margin-top: 710px; margin-left: 20px }
	.s3 .notice { margin-top: 704px; margin-left: 20px }
	.s4 .notice { margin-top: 740px; margin-left: 20px }
	.s5 .notice { margin-top: 635px; margin-left: 20px }
	.s6 .notice { margin-top: 630px; margin-left: 20px }
	.s7 .notice { margin-top: 665px; margin-left: 20px }
	.s1 ul { margin-left: 10rem; margin-top: 4rem }
	.s1 li { margin: 0 0 27px 3rem }
	.s1 ul h2 { margin-bottom: 46px }
	.s1 .content div { margin-top: -17.5rem; margin-left: 34rem }
	.s1 .content div p { padding: 56px }
	.s7 ul { width: 46% }
	.s7 ul.float-rt { width: 54% }
	.s7 ul li { margin: 0 }
	.s7 ol { padding: 36px 0 0 5px }
	.s10 h3 { margin-top: 600px }
	.btnGroup { margin-top: 560px }
	.btn_2 { margin-left: 300px }
	.style2 { display: block; height: 50px; left: -20px; position: absolute; }
	.s2 .style2 { width: 190px; top: 670px; }
	.s3 .style2 { width: 190px; top: 662px; }
	.s4 .style2 { width: 460px; top: 704px; }
	.s5 .style2 { width: 460px; top: 582px; }
	.s6 .style2 { width: 586px; top: 574px; }
	.s7 .style2 { width: 586px; top: 622px; }
	.s10 .style3 { display: block; width: 100%; height: 350px; top: 80px; left: 0px; position: absolute; }
	.s10 .style4 { display: block; width: 380px; height: 244px; top: 976px; left: 70px; position: absolute; }
	.s10 .style5 { display: block; width: 380px; height: 244px; top: 976px; left: 550px; position: absolute; }
}
@media screen and (max-width:992px) {
	.Wrap { width: 100% }
	.Wrap ul li { font-size: 1rem }
	.Wrap ol li { font-size: 1rem }
	h1 { font-size: 1.6rem }
	h2, h3 { font-size: 1.3rem }
	#close-panel { display: block; width: 30px; height: 30px; position: absolute; top: 8%; right: 3%; background: url("../images/sprites.png") -476px -24px  no-repeat; cursor: pointer }
	#lightbox { display: none; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0px; left: 0px; min-width: 100%; min-height: 80%; z-index: 1000 }
	#lightbox-panel { display: none; position: fixed; top: 0; left: 50%; margin-left: -200px; width: 400px; padding: 10px 15px 10px 15px; z-index: 1001 }
	.btn-warning { display: inline-block; position: relative; left: 72% }
	.s2 .btn-warning, .s3 .btn-warning, .s4 .btn-warning, .s5 .btn-warning, .s6 .btn-warning, .s7 .btn-warning { top: 414px }
	.s0 .content { max-width: 200px; top: 22rem; left: 36rem }
	.s1 .content { text-align: center; top: 84px }
	.s2 .content { top: 104px }
	.s3 .content { top: 172px }
	.s4 .content { top: 175px }
	.s5 .content { top: 178px }
	.s6 .content { top: 172px }
	.s7 .content { top: 175px }
	.s10 .content { top: 162px }
	.s0 img { width: 116px; height: 70px; margin: 0 0 14px 0 }
	.s1 ul { margin-top: 2.3rem; padding-left: 8.5rem }
	.s1 li { margin-left: 30px; margin-bottom: 1rem }
	.s1 ul h2 { margin-bottom: 26px }
	.s1 .content div { margin-top: -11px; margin-left: 78px }
	.s1 .content div p { padding: 24px }
	.s2 h1 { margin-left: 170px }
	.s3 h1 { margin-left: 165px }
	.s4 h1 { margin-left: 163px }
	.s5 h1 { margin-left: 162px }
	.s6 h1 { margin-left: 160px }
	.s7 h1 { margin-left: 160px }
	.s10 h1 { display: none }
	.s10 h2, .s10 h3 { font-size: 1.5rem }
	.s10 h3 { margin-top: 654px }
	.btnGroup { margin-top: 384px }
	.btn_2 { margin-left: 160px }
	.btn_get { background: url("../images/sprites.png") -160px -102px no-repeat; width: 140px; height: 44px }
	.btn_get:hover { background: url("../images/sprites.png") -2px -102px  no-repeat }
	.notice { display: none }
	.notice ul, .notice ol { max-width: 300px }
	.notice ul { margin-top: 148px; padding-left: 60px; width: 100% }
	.notice ol { margin-top: 40px; padding-left: 60px }
	.notice ol li { margin-bottom: 22px }
	.notice ul.float-rt { width: 100%; flex: none; margin: 6px 0 !important }
	.s3 ol { padding: 8px 0 0 66px }
	.s2 .notice, .s3 .notice, .s4 .notice, .s5 .notice, .s6 .notice, .s7 .notice { margin-top: 0px; margin-left: 0px }
}
@media screen and (max-width:768px) {
	.Wrap { width: 100% }
	.Wrap ul li { font-size: 1rem }
	.Wrap ol li { font-size: 1rem }
	h1 { font-size: 1.6rem }
	h2, h3 { font-size: 1.3rem }
	#close-panel { display: block; width: 30px; height: 30px; position: absolute; top: 8%; right: 3%; background: url("../images/sprites.png") -476px -24px  no-repeat; cursor: pointer }
	#lightbox { display: none; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0px; left: 0px; min-width: 100%; min-height: 80%; z-index: 1000 }
	#lightbox-panel { display: none; position: fixed; top: 0; left: 50%; margin-left: -200px; width: 400px; padding: 10px 15px 10px 15px; z-index: 1001 }
	.btn-warning { display: inline-block; position: relative; left: 78% }
	.s2 .btn-warning, .s3 .btn-warning, .s4 .btn-warning, .s5 .btn-warning, .s6 .btn-warning, .s7 .btn-warning { top: 414px }
	.s0 .content { max-width: 200px; top: 22rem; left: 27.5rem }
	.s1 .content { text-align: center; top: 84px }
	.s2 .content { top: 104px }
	.s3 .content { top: 172px }
	.s4 .content { top: 175px }
	.s5 .content { top: 180px }
	.s6 .content { top: 175px }
	.s7 .content { top: 175px }
	.s10 .content { top: 162px }
	.s0 img { width: 116px; height: 70px; margin: 0 0 14px 0 }
	.s1 ul { margin-top: 2.2rem; padding-left: 1.5rem }
	.s1 ul h2 { margin-bottom: 24px }
	.s1 .content div { margin-top: -4px; margin-left: 78px }
	.s1 .content div p { padding: 24px }
	.s2 h1 { margin-left: 62px }
	.s3 h1 { margin-left: 56px }
	.s4 h1 { margin-left: 52px }
	.s5 h1 { margin-left: 54px }
	.s6 h1 { margin-left: 52px }
	.s7 h1 { margin-left: 52px }
	.s10 h1 { display: none }
	.s10 h2, .s10 h3 { font-size: 1.5rem }
	.s10 h3 { margin-top: 654px }
	.btnGroup { margin-top: 384px }
	.btn_2 { margin-left: 160px }
	.btn_get { background: url("../images/sprites.png") -160px -102px no-repeat; width: 140px; height: 44px }
	.btn_get:hover { background: url("../images/sprites.png") -2px -102px  no-repeat }
	.notice { display: none }
	.notice ul, .notice ol { max-width: 300px }
	.notice ul { margin-top: 148px; padding-left: 60px; width: 100% }
	.notice ol { margin-top: 40px; padding-left: 60px }
	.notice ol li { margin-bottom: 22px }
	.notice ul.float-rt { width: 100%; flex: none; margin: 6px 0 !important }
	.s3 ol { padding: 8px 0 0 66px }
	.s2 .notice, .s3 .notice, .s4 .notice, .s5 .notice, .s6 .notice, .s7 .notice { margin-top: 0px; margin-left: 0px }
	.style2 { display: block; height: 30px; position: absolute; }
	.s2 .style2 { width: 109px; top: 95px; left: 50px; }
	.s3 .style2 { width: 109px; top: 95px; left: 38px; }
	.s4 .style2 { width: 264px; top: 95px; left: 38px; }
	.s5 .style2 { width: 264px; top: 95px; left: 38px; }
	.s6 .style2 { width: 336px; top: 95px; left: 38px; }
	.s7 .style2 { width: 336px; top: 95px; left: 38px; }
	.s10 .style3 { display: block; width: 50%; height: 540px; top: 40px; left: 24%; position: absolute; }
	.s10 .style4 { display: block; width: 242px; height: 154px; top: 902px; left: 110px; position: absolute; }
	.s10 .style5 { display: block; width: 242px; height: 154px; top: 902px; left: 420px; position: absolute; }
}
@media screen and (max-width:736px) {
	.content { margin-top: -46px; }
	.s1 .content { top: 94px; }
	.s2 .content { top: 112px; }
	.s3 .content { top: 179px; }
	.s4 .content { top: 179px; }
	.s5 .content { top: 186px; }
	.s6 .content { top: 179px; }
	.s7 .content { top: 180px; }
	.s2 h1 { margin-left: 56px; }
	.s3 h1 { margin-left: 47px; }
	.s4 h1 { margin-left: 38px; }
	.s5 h1 { margin-left: 47px; }
	.s6 h1 { margin-left: 42px; }
	.s7 h1 { margin-left: 40px; }
	.s1 .content div { margin-top: -16px; }
	.s10 h3 { margin-top: 620px; }
	.s2 .btn-warning, .s3 .btn-warning, .s4 .btn-warning, .s5 .btn-warning, .s6 .btn-warning, .s7 .btn-warning { top: 398px; }
	.style2 { display: block; height: 26px; position: absolute; }
	.s2 .style2 { width: 105px; top: 97px; left: 53px; }
	.s3 .style2 { width: 105px; top: 97px; left: 39px; }
	.s4 .style2 { width: 263px; top: 97px; left: 39px; }
	.s5 .style2 { width: 263px; top: 97px; left: 39px; }
	.s6 .style2 { width: 334px; top: 97px; left: 39px; }
	.s7 .style2 { width: 334px; top: 97px; left: 39px; }
	.s10 .style3 { display: block; width: 80%; height: 540px; top: 40px; left: 10%; position: absolute; }
	.s10 .style4 { display: block; width: 232px; height: 148px; top: 858px; left: 104px; position: absolute; }
	.s10 .style5 { display: block; width: 232px; height: 148px; top: 858px; left: 402px; position: absolute; }
}
@media screen and (max-width:667px) {
	.content { margin-top: -110px; }
	.s0 .content { top: 27rem; left: 23.5rem; }
	.s1 .content { top: 118px; }
	.s2 .content { top: 130px; }
	.s3 .content { top: 194px; }
	.s4 .content { top: 193px; }
	.s5 .content { top: 202px; }
	.s6 .content { top: 192px; }
	.s7 .content { top: 194px; }
	.s10 .content { top: 128px; }
	h1 { letter-spacing: -2px; }
	.s2 h1 { margin-left: 46px; }
	.s3 h1 { margin-left: 40px; }
	.s4 h1 { margin-left: 32px; }
	.s5 h1 { margin-left: 40px; }
	.s6 h1 { margin-left: 36px; }
	.s7 h1 { margin-left: 34px; }
	.s1 ul { margin-top: 1.8rem; padding-left: 0; }
	.s1 li { margin-bottom: .7rem; }
	.s1 ul h2 { margin-bottom: 23px; }
	.s1 .content div { margin-top: -16px; }
	.s10 h3 { margin-top: 580px; }
	.s2 .btn-warning, .s3 .btn-warning, .s4 .btn-warning, .s5 .btn-warning, .s6 .btn-warning, .s7 .btn-warning { top: 355px; }
	.btn-warning { left: 77%; }
	.s10 .style4 { display: block; width: 212px; height: 132px; top: 764px; left: 94px; position: absolute; }
	.s10 .style5 { display: block; width: 212px; height: 132px; top: 764px; left: 364px; position: absolute; }
}
@media screen and (max-width:640px) {
	.content { margin-top: -134px; }
	.s0 .content { top: 30rem; left: 22.5rem; }
	.s1 .content { top: 127px; }
	.s2 .content { top: 140px; }
	.s3 .content { top: 202px; }
	.s4 .content { top: 202px; }
	.s5 .content { top: 210px; }
	.s6 .content { top: 200px; }
	.s7 .content { top: 204px; }
	.s10 .content { top: 126px; }
	h1 { letter-spacing: -1px; font-size: 1.3rem; }
	h2, h3 { font-size: 1.2rem; }
	.Wrap ul li, p, .Wrap ol li { font-size: 0.8rem; }
	.s2 h1 { margin-left: 55px; }
	.s3 h1 { margin-left: 50px; }
	.s4 h1 { margin-left: 50px; }
	.s5 h1 { margin-left: 48px; }
	.s6 h1 { margin-left: 50px; }
	.s7 h1 { margin-left: 42px; }
	.s1 ul { margin-top: 1.7rem; margin-left: 11rem; padding-left: 0; }
	.s1 li { margin-bottom: .9rem; }
	.s1 ul h2 { margin-bottom: 24px; }
	.s1 .content div { margin-top: -5px; margin-left: 63px; }
	.s1 .content div p { padding: 20px; }
	.s10 h3 { margin-top: 540px; }
	.s2 .btn-warning, .s3 .btn-warning, .s4 .btn-warning, .s5 .btn-warning, .s6 .btn-warning, .s7 .btn-warning { top: 348px; }
	.btn-warning { left: 77%; }
	.btnGroup { margin-top: 316px; }
	.btn_2 { margin-left: 120px; }
}
@media screen and (max-width:568px) {
	.content { margin-top: -201px; }
	.s0 .content { top: 30rem; left: 19.5rem; }
	.s1 .content { top: 154px; }
	.s2 .content { top: 158px; }
	.s3 .content { top: 218px; }
	.s4 .content { top: 218px; }
	.s5 .content { top: 225px; }
	.s6 .content { top: 218px; }
	.s7 .content { top: 218px; }
	.s10 .content { top: 112px; }
	.Wrap ul li, p { font-size: 0.8rem; }
	.s2 h1 { margin-left: 46px; }
	.s3 h1 { margin-left: 42px; }
	.s4 h1 { margin-left: 41px; }
	.s5 h1 { margin-left: 42px; }
	.s6 h1 { margin-left: 42px; }
	.s7 h1 { margin-left: 42px; }
	.s1 ul { margin-top: 1.7rem; margin-left: 10rem; padding-left: 0; }
	.s1 li { margin-bottom: .7rem; }
	.s1 ul h2 { margin-bottom: 20px; }
	.s1 .content div { margin-top: -8px; margin-left: 55px; }
	.s1 .content div p { padding: 18px; }
	.s10 h3 { margin-top: 480px; }
	.s2 .btn-warning, .s3 .btn-warning, .s4 .btn-warning, .s5 .btn-warning, .s6 .btn-warning, .s7 .btn-warning { top: 306px; }
	.btn-warning { left: 77%; }
	.s10 .style4 { display: block; width: 178px; height: 112px; top: 676px; left: 80px; position: absolute; }
	.s10 .style5 { display: block; width: 178px; height: 112px; top: 676px; left: 312px; position: absolute; }
	.btnGroup { margin-top: 274px; }
	.btn_2 { margin-left: 80px; }
}
@media screen and (max-width:544px) {
	.content { margin-top: -20px; }
	.btn-warning { left: 66% }
	.s2 .btn-warning, .s3 .btn-warning, .s5 .btn-warning, .s7 .btn-warning { top: 505px }
	.s4 .btn-warning, .s6 .btn-warning { top: 482px }
	.s7 .btn-warning { top: 346px }
	#lightbox-panel { left: 46%; margin-left: -160px; width: 320px }
	h1 { font-size: 1.3rem; max-width: 200px; letter-spacing: 0px; }
	h2, h3 { font-size: 1.3rem; }
	.Wrap ul li, p { font-size: 1rem; }
	.s0 .content { top: 388px; left: 260px; max-width: 120px }
	.s1 .content { top: 84px }
	.s2 .content { top: 83px }
	.s3 .content { top: 84px }
	.s4 .content { top: 83px }
	.s5 .content { top: 84px }
	.s6 .content { top: 83px }
	.s7 .content { top: 84px }
	.s10 .content { top: 130px }
	.s1 ul { margin-top: 34px; margin-left: 12%; }
	.s1 li { margin-bottom: 18px }
	.s1 ul h2 { margin-bottom: 30px }
	.s1 .content div { margin-top: -5px; margin-left: 84px }
	.s1 .content div p { padding: 24px }
	.s2 h1 { margin-left: 40px }
	.s3 h1 { margin-left: 39px }
	.s4 h1 { margin-left: 35px; max-width: 180px }
	.s5 h1 { margin-left: 38px }
	.s6 h1 { margin-left: 36px; max-width: 130px }
	.s7 h1 { margin-left: 36px; max-width: 170px }
	.s10 h3 { margin-top: 654px; }
	.btnGroup { width: 100%; margin-top: 360px }
	.s10 .btn { display: block }
	.btn_1, .btn_2 { margin: 0 auto }
	.btn_2 { margin-top: 200px }
	.notice ul { margin-top: 182px; padding-left: 45px }
	.notice ol { margin-top: 40px; padding-left: 42px }
	.notice ol li { margin-bottom: 15px }
	.Wrap .notice li { font-size: .9rem; padding: 0 14% 1% 0 }
	.s3 ol { padding-top: 12px }
	.s4 ol { margin-top: 20px }
	.s5 ol { margin-top: 30px }
	.s6 ol { margin-top: 33px }
	.s7 ol { padding-top: 8px }
	.style2 { display: block; height: 26px; position: absolute; }
	.s2 .style2 { width: 89px; top: 146px; left: 40px; }
	.s3 .style2 { width: 89px; top: 146px; left: 28px; }
	.s4 .style2 { width: 214px; top: 146px; left: 28px; }
	.s5 .style2 { width: 214px; top: 146px; left: 28px; }
	.s6 .style2 { width: 278px; top: 146px; left: 28px; }
	.s7 .style2 { width: 278px; top: 146px; left: 28px; }
	.s10 .style3 { display: block; width: 80%; height: 540px; top: 40px; left: 10%; position: absolute; }
	.s10 .style4 { display: block; width: 242px; height: 154px; top: 888px; left: 85px; position: absolute; }
	.s10 .style5 { display: block; width: 242px; height: 154px; top: 1130px; left: 85px; position: absolute; }
}
@media screen and (max-width:412px) {
	.s2 ol { margin-top: 24px }
	.s3 ol { padding-top: 12px }
	.s3 ol li { margin-bottom: 12px }
	.s4 ol { margin-top: 20px }
	.s5 ol { margin-top: 30px }
	.s6 ol { margin-top: 33px }
	.s7 ol { padding-top: 8px }
}
@media screen and (max-width:375px) {
	h1 { font-size: 1.2rem }
	#lightbox-panel { padding: 0 15px; top: -20px }
	.s0 .content { top: 348px; left: 235px }
	.s1 .content { top: 76px }
	.s2 .content { top: 77px }
	.s3 .content { top: 77px }
	.s4 .content { top: 77px }
	.s5 .content { top: 77px }
	.s6 .content { top: 76px }
	.s7 .content { top: 76px }
	.s10 .content { top: 115px }
	.s1 h2 { font-size: 1.2rem }
	.s1 ul { margin-top: 33px; margin-left: 8% }
	.s1 ul h2 { margin-bottom: 22px }
	.s1 li { margin-top: 3px; margin-bottom: 15px }
	.s1 .content div { margin-top: -4px }
	.s1 .content div p { padding: 20px }
	.s2 h1 { margin-left: 35px }
	.s3 h1 { margin-left: 35px }
	.s4 h1 { margin-left: 31px }
	.s5 h1 { margin-left: 34px }
	.s6 h1 { margin-left: 34px }
	.s7 h1 { margin-left: 33px }
	.btn-warning { left: 67% }
	.s2 .btn-warning { top: 458px }
	.s3 .btn-warning { top: 460px }
	.s4 .btn-warning { top: 438px }
	.s5 .btn-warning { top: 460px }
	.s6 .btn-warning { top: 438px }
	.s7 .btn-warning { top: 314px }
	.s10 h3 { margin-top: 588px }
	.btnGroup { margin-top: 324px }
	.btn_2 { margin-top: 180px }
	.btn-warning { padding: .5rem .6rem }
	.style2 { display: block; height: 26px; position: absolute; }
	.s2 .style2 { width: 89px; top: 135px; left: 40px; }
	.s3 .style2 { width: 89px; top: 135px; left: 28px; }
	.s4 .style2 { width: 214px; top: 135px; left: 28px; }
	.s5 .style2 { width: 214px; top: 135px; left: 28px; }
	.s6 .style2 { width: 278px; top: 135px; left: 28px; }
	.s7 .style2 { width: 278px; top: 135px; left: 28px; }
	.s10 .style3 { display: block; width: 80%; height: 480px; top: 40px; left: 10%; position: absolute; }
	.s10 .style4 { display: block; width: 220px; height: 140px; top: 806px; left: 76px; position: absolute; }
	.s10 .style5 { display: block; width: 220px; height: 140px; top: 1025px; left: 76px; position: absolute; }
}
@media screen and (max-width:360px) {
	.s1 ul { margin-top: 34px }
	.s1 li { margin-left: 22px }
	.s1 ul h2 { margin-bottom: 22px }
	.s1 .content div { margin-top: -4px }
	.s2 h1 { margin-left: 28px }
	.s3 h1 { margin-left: 27px }
	.s4 h1 { margin-left: 23px }
	.s5 h1 { margin-left: 27px }
	.s6 h1 { margin-left: 25px }
	.s7 h1 { margin-left: 26px }
	.s2 .btn-warning { top: 458px }
	.s3 .btn-warning { top: 460px }
	.s4 .btn-warning { top: 438px }
	.s5 .btn-warning { top: 460px }
	.s6 .btn-warning { top: 438px }
	.s7 .btn-warning { top: 314px }
	.btn-warning { left: 68% }
	.notice ol { margin-top: 24px }
	.s5 ol { margin-top: 29px }
	.s6 ol { margin-top: 32px }
}
@media screen and (max-width:320px) {
	.Wrap { width: 320px }
	#lightbox-panel { top: -80px }
	#close-panel { top: 100px; }
	h1 { font-size: 1rem }
	h2, h3 { font-size: 1rem }
	ul li, p { font-size: .8rem }
	.content h1 { max-width: 140px }
	.s0 .content { top: 306px; left: 192px }
	.s1 .content { top: 65px }
	.s1 h2 { font-size: 1.1rem !important }
	.s1 ul { padding-left: 5%; margin-top: 26px }
	.s1 ul h2 { margin-bottom: 19px }
	.s1 li { margin-bottom: 12px; font-size: 0.9rem !important }
	.s1 .content div { margin-top: -10px; margin-left: 64px }
	.s2 .content { top: 66px }
	.s3 .content { top: 66px }
	.s4 .content { top: 66px }
	.s5 .content { top: 66px }
	.s6 .content { top: 66px }
	.s7 .content { top: 66px }
	.s10 .content { top: 100px }
	.s2 h1 { margin-left: 32px }
	.s3 h1 { margin-left: 30px }
	.s4 h1 { margin-left: 27px }
	.s5 h1 { margin-left: 30px }
	.s6 h1 { margin-left: 28px }
	.s7 h1 { margin-left: 29px }
	.s2 .btn-warning { top: 390px }
	.s3 .btn-warning { top: 392px }
	.s4 .btn-warning { top: 372px }
	.s5 .btn-warning { top: 392px }
	.s6 .btn-warning { top: 375px }
	.s7 .btn-warning { top: 270px }
	.s10 h3 { margin-top: 488px }
	.s10 h2, .s10 h3 { font-size: 1.2rem }
	.btnGroup { margin-top: 280px }
	.btn_2 { margin-top: 146px }
	.notice ul { padding-left: 40px }
	.Wrap .notice li { font-size: .8rem; padding: 0 14% 2% 0 }
	.s2 ol { margin-top: 40px }
	.s2 ol li { margin-bottom: 19px }
	.s3 ol { padding-top: 29px }
	.s5 ol { margin-top: 32px }
	.s6 ol { margin-top: 35px }
	.s7 ol { padding-top: 36px }
}
.s0 { background: url("../images/header_2x.png") center center no-repeat; background-size: cover; min-height: 600px }
.s1 { background: url("../images/s1_2x.png") center center no-repeat; background-size: cover; min-height: 698px }
.s2 { background: url("../images/s2_2x.png") center center no-repeat; background-size: cover; min-height: 1043px }
.s3 { background: url("../images/s3_2x.png") center center no-repeat; background-size: cover; min-height: 1009px }
.s4 { background: url("../images/s4_2x.png") center center no-repeat; background-size: cover; min-height: 1027px }
.s5 { background: url("../images/s5_2x.png") center center no-repeat; background-size: cover; min-height: 863px }
.s6 { background: url("../images/s6_2x.png") center 3px no-repeat; background-size: cover; min-height: 910px }
.s7 { background: url("../images/s7_2x.png") center center no-repeat; background-size: cover; min-height: 978px }
.s8 { background: url("../images/s8_2x.png") center center no-repeat; background-size: cover; min-height: 1050px }
.s9 { background: url("../images/s9_2x.png") center center no-repeat; background-size: cover; min-height: 693px }
.s10 { background: url("../images/s10_2x.png") center center no-repeat; background-size: cover; min-height: 1493px }
.s11 { background: url("../images/s11_2x.png") center center no-repeat; background-size: cover; min-height: 248px }
@media screen and (min-width:1680px) {
	.s0 { min-height: 720px }
	.s1 { min-height: 838px }
	.s2 { min-height: 1253px }
	.s3 { min-height: 1212px }
	.s4 { min-height: 1234px }
	.s5 { min-height: 1034px }
	.s6 { min-height: 1092px }
	.s7 { min-height: 1174px }
	.s8 { min-height: 1260px }
	.s9 { min-height: 833px }
	.s10 { min-height: 1796px }
	.s11 { min-height: 298px }
}
@media screen and (max-width:992px) {
	.s0 { background: url("../images/header_md_2x.png") center center no-repeat; background-size: contain; min-height: 696px }
	.s1 { background: url("../images/s1_md_2x.png") center center no-repeat; background-size: contain; min-height: 713px }
	.s2 { background: url("../images/s2_md_2x.png") center center no-repeat; background-size: contain; min-height: 630px }
	.s3 { background: url("../images/s3_md_2x.png") center center no-repeat; background-size: contain; min-height: 696px }
	.s4 { background: url("../images/s4_md_2x.png") center center no-repeat; background-size: contain; min-height: 696px }
	.s5 { background: url("../images/s5_md_2x.png") center center no-repeat; background-size: contain; min-height: 713px }
	.s6 { background: url("../images/s6_md_2x.png") center center no-repeat; background-size: contain; min-height: 694px }
	.s7 { background: url("../images/s7_md_2x.png") center center no-repeat; background-size: contain; min-height: 698px }
	.s8 { background: url("../images/s8_md_2x.png") center center no-repeat; background-size: contain; min-height: 1018px }
	.s9 { background: url("../images/s9_md_2x.png") center center no-repeat; background-size: contain; min-height: 738px }
	.s10 { background: url("../images/s10_md_2x.png") center -1px no-repeat; background-size: contain; min-height: 1375px }
	.s11 { background: url("../images/s11_md_2x.png") center center no-repeat; background-size: contain; min-height: 180px }
	.s2 #lightbox-panel { background: url("../images/s2_notice_2x.png") center center no-repeat; background-size: contain; min-height: 736px }
	.s3 #lightbox-panel { background: url("../images/s3_notice_2x.png") center center no-repeat; background-size: contain; min-height: 736px }
	.s4 #lightbox-panel { background: url("../images/s4_notice_2x.png") center center no-repeat; background-size: contain; min-height: 736px }
	.s5 #lightbox-panel { background: url("../images/s5_notice_2x.png") center center no-repeat; background-size: contain; min-height: 736px }
	.s6 #lightbox-panel { background: url("../images/s6_notice_2x.png") center center no-repeat; background-size: contain; min-height: 736px }
	.s7 #lightbox-panel { background: url("../images/s7_notice_2x.png") center center no-repeat; background-size: contain; min-height: 736px }
}
@media screen and (max-width:544px) {
	.s0 { background: url("../images/header_sm_2x.png") center top no-repeat; background-size: cover; min-height: 736px }
	.s1 { background: url("../images/s1_sm_2x.png") center center no-repeat; background-size: cover; min-height: 736px }
	.s2 { background: url("../images/s2_sm_2x.png") center center no-repeat; background-size: cover; min-height: 736px }
	.s3 { background: url("../images/s3_sm_2x.png") center center no-repeat; background-size: cover; min-height: 736px }
	.s4 { background: url("../images/s4_sm_2x.png") center center no-repeat; background-size: cover; min-height: 736px }
	.s5 { background: url("../images/s5_sm_2x.png") center center no-repeat; background-size: cover; min-height: 736px }
	.s6 { background: url("../images/s6_sm_2x.png") center center no-repeat; background-size: cover; min-height: 736px }
	.s7 { background: url("../images/s7_sm_2x.png") center center no-repeat; background-size: cover; min-height: 736px }
	.s8 { background: url("../images/s8_sm_2x.png") center center no-repeat; background-size: cover; min-height: 736px }
	.s9 { background: url("../images/s9_sm_2x.png") center center no-repeat; background-size: cover; min-height: 736px }
	.s10 { background: url("../images/s10_sm_2x.png") center -1px no-repeat; background-size: cover; min-height: 1515px }
	.s11 { background: url("../images/s11_sm_2x.png") center center no-repeat; background-size: cover; min-height: 164px }
}
@media screen and (max-width:375px) {
	.s0, .s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9 { min-height: 667px }
	.s10 { min-height: 1372px }
	.s11 { min-height: 149px }
	.s7 #lightbox-panel { top: -40px; }
}
@media screen and (max-width:320px) {
	.s0, .s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9 { min-height: 570px }
	.s10 { min-height: 1171px }
	.s11 { min-height: 127px }
	.s7 ul.float-rt li { margin: -4px 0 20px 0; }
	.s7 ol { padding-top: 0 }
	.s7 .notice ol { margin-top: 0; }
	.s7 ol li { margin: 0 0 20px 0; }
}
.mobileNavBtn { display: none }
#header.fixed { position: fixed; top: 0; left: 0; z-index: 999; transition: all 400ms ease-in 100ms }
.sNav { background: #eeeeef; min-height: 50px; max-width: 100%; transition: all 400ms ease-in 100ms }
.sNav.active { position: fixed; z-index: 99; top: 0; left: 0 }
.sNav.fixed, .sNav ul.fixed { background: #eeeeef; width: 100%; position: fixed; z-index: 99; top: 0; left: 0 }
.sNav ul { text-align: center }
.sNav li, .has-menu { display: inline-block; font-size: 1.3rem; padding: 16px 4rem 10px 4rem }
.sNav li a:hover, .has-menu.on { border-bottom: #009d95 3px solid }
@media screen and (max-width:1200px) {
	.mobileNavBtn { display: none; z-index: 999; width: 30px; height: 30px; margin: 8px 3% 0 0; border: 0; color: #1F8D83; text-align: center; cursor: pointer }
	.mobileNavBtn { display: block; float: right }
	.lines { display: inline-block; width: 30px; height: 2px; background: #1F8D83; transition: 0.3s; position: relative; vertical-align: middle }
	.lines:before { top: 10px }
	.lines:after { top: -10px }
	.lines:before, .lines:after { display: inline-block; width: 30px; height: 2px; background: #1F8D83; transition: 0.3s; position: absolute; left: 0; content: ''; transform-origin: 0.28571rem center }
	.mobileNavBtn.active .lines { background: transparent }
	.mobileNavBtn.active .lines:before, .mobileNavBtn.active .lines:after, #close-panel:before, #close-panel:after { outline: 1px solid transparent; overflow: hidden; top: 0; width: 30px; transform-origin: 50% 50% }
	.mobileNavBtn.active .lines:before, #close-panel:before { transform: rotate3d(0, 0, 1, 45deg) translateZ(0) }
	.mobileNavBtn.active .lines:after, #close-panel:after { transform: rotate3d(0, 0, 1, -45deg) translateZ(0) }
	.sNav { display: none; width: 100%; position: absolute; top: 40px }
	.sNav.active { top: 40px }
	.sNav li { display: block; margin: 0; text-align: center; border-bottom: none }
	.sNav li:after { content: ''; display: block; max-width: 287px; margin: 0 auto; border-bottom: #ccc 1px dashed }
	.sNav li a:hover { display: block; max-width: 287px; margin: 0 auto; border-bottom: #009d95 1px dashed }
}
.social-container { position: absolute; top: 50px; right: 3%; display: block; width: 47px }
.social-container ul { display: none; padding: 0; width: 33px; height: 90px; border: 1px #009C97 solid; border-radius: 6px }
.social-container ul.active { display: block; transition: all 4s ease-in 2s }
.social-container a li:hover { opacity: .8; }
.icon-google { }
.icon-line { display: block; background: url("../images/sprites.png") -556px -25px no-repeat; width: 18px; height: 18px; position: relative; top: 44px; left: 8px }
.icon-facebook { display: block; background: url("../images/sprites.png") -518px -25px no-repeat; width: 18px; height: 18px; position: relative; top: 36px; left: 8px }
.icon-social { display: block; background: url("../images/sprites.png") -416px -24px no-repeat; width: 35px; height: 28px; position: absolute; top: 0; left: 0; cursor: pointer }