section{ overflow:hidden; }
section, section *{ box-sizing:border-box; }
section > .sc_con{ width:100%; margin:0 auto; }
.btnArea{ display:none; }

/*sc01*/
#sc01{ padding:0 20px 100px; }
#sc01 > .sc_con{ max-width:1296px; width:100%;  }
.sc01_tt{ position:relative; z-index:1; font-size:50px; font-weight:700; text-align:center; position:relative; margin-bottom:2.5rem; padding-bottom:1.5rem; }
.sc01_tt:after{ content:''; width:80px; height:2px; background-color:#000; position:absolute; bottom:0; left:50%; transform:translateX(-50%); }

.sc01_pw{ margin:0 -12px; display:flex; flex-flow:row wrap; justify-content:center; }
.sc01_pt{ max-width:440px; width:33.33333333%; padding:0 12px 30px; opacity:0; transform:translate(0, 100px); transition:opacity 1s, transform 1s; }
.sc01_pt.act{ opacity:1; transform:translate(0, 0); }
.sc01_img{ overflow:hidden; }
.sc01_img > img{ display:block; width:100%; height:auto; }
.sc01_txt{ padding-top:1.5rem; word-break:keep-all; }
.sc01_txt > h3{ font-size:1.2rem; font-weight:700; color:#000; margin-bottom:1rem; }
.sc01_txt > p{ color:#1a1b37; font-size:14px; margin:0; }

@media(max-width:1199px){
	#sc01{ padding:100px 20px; }
}
@media(max-width:950px){
	.sc01_pt{ width:50%; }
}
@media(max-width:630px){
	.sc01_pt{ width:100%; }
}



/*sc02*/
#sc02{ position:relative; z-index:1; padding:0 20px 150px; overflow:visible; }
.sc02_bc{ position:fixed; z-index:-1; top:50%; height:0; transform:translate(137%, 0); font-size:7.23958333333vw; font-weight:900; color:#efefef; text-align:center; white-space:nowrap; }
.sc02_bc.bot{ position:sticky; z-index:1; }
#sc02 > .sc_con{ position:relative; z-index:2; max-width:1296px; }

.sc02_pw{ display:flex; flex-flow:row wrap; }

.sc02_pt.lf{ width:300px; padding-right:40px; }
.sc02_pb{ position:sticky; width:100%; top:0; padding:100px 0 160px; }
.sc02_pb{ position:sticky; width:100%; top:0; padding:100px 0 160px; }
.sc02_tt{ position:relative; z-index:1; font-size:50px; font-weight:700; padding-bottom:1.5rem; margin-bottom:2.5rem; }
.sc02_tt:after{ content:''; width:80px; height:2px; background-color:#000; position:absolute; bottom:0; left:0; }

.sc02_copy{ position:relative; z-index:1; padding:0; margin:0; }
.sc02_copy > li{ position:absolute; top:0; left:0; transform:translate(30%, 0); opacity:0; transition:1s transform, 1s opacity; }
.sc02_copy > li.act{ transform:translate(0, 0); opacity:1; }
.sc02_copy > li > h3{ font-size:30px; font-weight:900; color:#333; }
.sc02_copy > li > p{ font-size:50px; font-weight:300; color:#666; line-height:1.2em; margin-bottom:0; }

.sc02_pt.rt{ width:calc(100% - 300px); padding-top:100px; }
.sc02_sc{ word-break:keep-all; margin:0; padding:0; }
.sc02_sc > li{ padding:50px 0; display:flex; flex-flow:row wrap; border-bottom:1px solid #dfdfdf; }
.sc02_sc > li:first-child{ border-top:1px solid #dfdfdf; }
.sc02_sc > li > h4{ width:150px; font-size:30px; font-weight:900; line-height:1em; }
.sc02_sc > li > ul{ width:calc(100% - 150px);  }
.sc02_sc > li > ul > li{ display:flex; font-size:16px; font-weight:300; line-height:1.3em; }
.sc02_sc > li > ul > li:not(:last-child){ margin-bottom:15px; }
.sc02_sc > li > ul > li > strong{ padding-right:20px; font-weight:700; }

@media(max-width:991px){
	#sc02{ padding:0 0 150px; }

	.sc02_pt.lf{ width:100%; padding:0 20px 30px; position:sticky; top:0; background-color:#fff; border-bottom:1px solid #dfdfdf; overflow:hidden; }
	.sc02_pb{ padding:80px 0 35px; }
	.sc02_tt{ font-size:35px; padding-bottom:0.7rem; margin-bottom:1rem; }
	.sc02_copy > li{ display:flex; }
	.sc02_copy > li > h3{ font-size:30px; margin-right:15px; }
	.sc02_copy > li > p{ font-size:30px; }
	.sc02_copy > li > p > br{ display:none; }

	.sc02_pt.rt{ width:100%; padding:0 20px; }
	.sc02_sc > li > h4{ width:120px; }
	.sc02_sc > li > ul{ width:calc(100% - 120px);  }
}
@media(max-width:600px){
	.sc02_sc > li > h4{ width:100%; margin-bottom:30px; }
	.sc02_sc > li > ul{ width:100%; padding:0; }
}
@media(max-width:500px){
	.sc02_copy > li > h3{ font-size:24px; }
	.sc02_copy > li > p{ font-size:24px; }
	.sc02_pb{ padding:80px 0 25px; }
}


/*sc03*/
#sc03{ position:relative; z-index:1; padding:200px 20px; background-position:center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; }
.sc03_txt{ max-width:610px; width:100%; margin:0 auto; text-align:center; word-break:keep-all; }
.sc03_txt > h3{ font-size:24px; font-weight:400; color:#fff; margin-bottom:40px; }
.sc03_txt > p{ font-size:15px; font-weight:300; color:#fff; }

.sc03_btn{ margin-top:40px; }
.sc03_btn > a{ display:inline-block; min-width:210px; background-color:#012c6a; border-radius:4px; margin-bottom:4px; padding:13px 35px; font-size:15px; font-weight:300; color:#fff; text-align:center; }
.sc03_btn > a:hover{ background-color:#1a1b37; }

@media(max-width:1199px){
	#sc03{ padding:150px 20px; }
}
@media(max-width:600px){
	.sc03_txt > h3{ font-size:20px; }
	.sc03_txt > p{ font-size:14px; }
}