main{ position:relative; overflow:hidden; z-index:100; }
main, main *{ box-sizing:border-box; }
main > section{ overflow:hidden; }



/* sc01 */
#sc01{ position:relative; z-index:1; }
#sc01Sli{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; }
.sc01Sli{ height:auto; display:-webkit-box-; display:-ms-flexbox; display:flex; background-color:#242424; background-position:center; background-size:cover; background-repeat:no-repeat; }

.sc01_fr{ position:relative; z-index:2; padding:120px 20px 60px; min-height:max(50.46875vw, 700px); background-color:rgba(0,0,0,.15); display:-webkit-flex; display:-ms-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; }
.sc01_fr{ background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.25) 40%, rgba(0,0,0,.6) 90%); }
.sc01_txt{ max-width:250px; width:35%; text-align:center; word-break:keep-all; text-shadow:2px 2px 2px rgba(0,0,0,.4); }
.sc01_txt > h1{ font-family:'eg','nm',serif; font-size:60px; font-weight:400; color:#fff; line-height:1em; margin-bottom:24px; }
.sc01_txt > h3{ font-family:'eg','nm',serif; font-size:20px; font-weight:400; color:#fff; line-height:1.5em; margin-bottom:15px; }
.sc01_txt > .arr{ position:relative; z-index:1; width:40px; height:40px; border:1px solid rgba(255,255,255,0.7); border-radius:100%; margin:0 auto; }
.sc01_txt > .arr:after{ content:''; position:absolute; z-index:1; top:50%; left:50%; width:14px; height:14px; margin:-9px 0 0 -7px; border-right:1px solid rgba(255,255,255,0.7); border-bottom:1px solid rgba(255,255,255,0.7); transform:rotate(37deg) skewX(-16deg); box-sizing:border-box; }
.sc01_txt > img{ width:100%; height:auto; display:block; margin-bottom:30px; filter:drop-shadow(1px 1px 2px #666); }


@keyframes fadeIn{
	0%{ opacity:0; transform:translate(0, 40px); }
	100%{ opacity:1; transform:translate(0, 0); }
}
@-webkit-keyframes fadeIn{
	0%{ opacity:0; transform:translate(0, 40px); }
	100%{ opacity:1; transform:translate(0, 0); }
}
@-moz-keyframes fadeIn{
	0%{ opacity:0; transform:translate(0, 40px); }
	100%{ opacity:1; transform:translate(0, 0); }
}
@-o-keyframes fadeIn{
	0%{ opacity:0; transform:translate(0, 40px); }
	100%{ opacity:1; transform:translate(0, 0); }
}

@media(max-width:700px){
	.sc01_fr{ min-height:100svh; }
}
@media(max-width:600px){
	.sc01_fr{ position:relative; z-index:2; padding:120px 20px 40px; }
	
	.sc01_txt > img{ margin-bottom:15px; }
	.sc01_txt > h3{ font-size:15px; margin-bottom:15px; }
	.sc01_txt > h2{ font-size:40px; margin-bottom:30px; }

	.sc01_txt > .arr{ width:30px; height:30px; }
	.sc01_txt > .arr:after{ width:10px; height:10px; margin:-7px 0 0 -5px; }
}

.sc02_pw{ display:flex; flex-flow:row wrap; }
.sc02_pt{ width:50%; display:flex; }

.sc02_img{ width:100%; padding-top:100.9375%; background-position:center; background-size:cover; background-repeat:no-repeat; background-color:#333; background-image:url(../img/main/02-01.jpg); }

.sc02_pt.rt{ align-items:center; justify-content:center; padding:100px 40px; }
.sc02_txt{ max-width:720px; margin:0 auto; font-family:'eg','nm',serif; text-align:center; word-break:keep-all; }
.sc02_txt > h4{ font-size:24px; font-weight:400; color:#333; margin-bottom:15px; }
.sc02_txt > h2{ font-size:50px; font-weight:400; color:#333; }
.sc02_txt > hr{ display:block; width:1px; height:50px; margin:20px auto; background-color:#333; border:none; }
.sc02_txt > p{ font-size:20px; font-weight:400; color:#333; line-height:1.5em; }
.sc02_txt > a{ display:inline-block; margin:40px 0 0; font-family:'eg','nm',serif; font-size:16px; color:#666; width:180px; height:45px; padding:26px 40px; text-align:center; line-height:0; box-shadow:4px 4px 15px 0px rgba(0,0,0,0.2), -4px -4px 15px 0px rgba(255,255,255,.45); border-radius:60px; transition:0.4s background-color, 0.4s color; }
.sc02_txt > a:hover{ background-color:#ca3b3f; color:#fff; }

@media(max-width:991px){
	.sc02_pt{ width:100%; }
	.sc02_pt.rt{ padding:100px 20px; }
}




/* sc03 */
#sc03{ padding:60px 60px; background-color:#fff; }
#sc03 > .sc_con{ max-width:1800px; width:100%; }

.sc03_acc_wrap{ width:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; overflow:hidden; }
.sc03_acc{ position:relative; flex-grow:1; flex-basis:20%; padding:120px 15px; overflow:hidden; transition:0.5s flex-basis, 0.5s background-position linear; min-height:max(41.66666667vw, 600px); display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-position:0% 50%; background-size:cover; background-repeat:no-repeat; overflow:hidden; box-shadow:0 0 20px 0 rgba(0,0,0,.65); }
.sc03_acc:hover{ flex-basis:40%; background-position:100% 50%; transition:0.5s flex-basis, 10s background-position linear; }
.sc03_acc:before{ content:''; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; background-color:rgba(0,0,0,.5); }
.sc03_acc.acc_01{ background-color:#333; background-image:url(../img/main/03-01.jpg); }
.sc03_acc.acc_02{ background-color:#555; background-image:url(../img/main/03-02.jpg); }
.sc03_acc.acc_03{ background-color:#777; background-image:url(../img/main/03-03.jpg); }
.sc03_acc.acc_04{ background-color:#999; background-image:url(../img/main/03-04.jpg); }

.sc03_txt{ position:relative; z-index:5; max-width:390px; width:100%; font-family:'eg','nm',serif; text-align:center; word-break:keep-all; }
.sc03_txt > h4{ font-size:20px; font-weight:400; color:#fff; line-height:1em; margin-bottom:10px; }
.sc03_txt > h3{ font-size:30px; font-weight:400; color:#fff; line-height:1em; }
.sc03_txt > .sc03_txt_bt{ overflow:hidden; max-height:0; margin-top:30px; transition:0.5s all; }
.sc03_acc:hover > .sc03_txt > .sc03_txt_bt{ max-height:130px; }
.sc03_txt > .sc03_txt_bt > p{ display:-webkit-box; font-size:18px; font-weight:400; color:#fff; line-height:1.3em; height:2.6em; margin-bottom:30px; overflow:hidden; -webkit-line-clamp:2; text-overflow:ellipsis; -webkit-box-orient:vertical; }
.sc03_txt > .sc03_txt_bt > a{ display:inline-block; font-size:16px; color:#fff; width:180px; height:50px; padding:25px; text-align:center; line-height:0; border:1px solid #fff; border-radius:60px; box-shadow:3px 3px 5px 0 rgba(0,0,0,.4), inset 3px 3px 5px 0 rgba(0,0,0,.4); transition:0.4s all; }
.sc03_txt > .sc03_txt_bt > a:hover{ background-color:#fff; border:1px solid #fff; color:#333; box-shadow:3px 3px 5px 0 rgba(0,0,0,.4); }

@media(max-width:1200px){
	#sc03{ padding:60px 20px; }
}
@media(max-width:1080px){
	.sc03_acc_wrap{ -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
	.sc03_acc{ width:50%; flex-basis:50%; padding:80px 20px; min-height:max(41.66666667vw, 420px); }
	.sc03_acc:hover{ flex-basis:50%; }
	.sc03_txt > .sc03_txt_bt{ margin-top:30px; }
	.sc03_txt > .sc03_txt_bt > p{ margin-bottom:30px; }
	.sc03_txt > .sc03_txt_bt > a{ width:150px; height:40px; padding:20px; }
}
@media(max-width:700px){
	.sc03_acc{ width:100%; flex-basis:100%; }
	.sc03_acc:hover{ flex-basis:100%; }
}



/* sc04  */
#sc04{ padding:120px 20px; position:relative; z-index:1; background-color:#f9f9f9; overflow:hidden; }
#sc04 > .sc_con{ max-width:1500px; width:100%; margin:0 auto; }

.sc04_pt_wrap{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }

.sc04_pt.pt_lf{ width:33.33333333%; padding-right:50px; display:-webkit-flex; display:-ms-flexbox; display:flex; }
#sc04Sli1{ width:100%; }
.sc04Sli1{ height:auto; background-color:#f9f9f9; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.sc04_txt{ font-family:'eg','nm',serif; word-break:keep-all; padding:20px 0; }
.sc04_txt > h4{ font-size:20px; font-weight:400; color:#333; line-height:1em; margin-bottom:10px; }
.sc04_txt > h3{ font-size:32px; font-weight:400; color:#333; line-height:1em; margin-bottom:20px; }
.sc04_txt > p{ font-size:18px; font-weight:400; color:#333; line-height:1.7em; margin-bottom:40px; }
.sc04_txt > a{ display:inline-block; font-family:'nm',serif; font-size:16px; color:#666; width:180px; height:50px; padding:25px; text-align:center; line-height:0; box-shadow:6px 6px 10px 0px rgba(0,0,0,0.2), -6px -6px 10px 0px rgba(255,255,255,.9); border-radius:60px; transition:0.4s all; }
.sc04_txt > a:hover{ background-color:#333; color:#fff }

.sc04_pt.pt_rt{ width:66.66666667%; }
#sc04Sli2{ margin:0 -83% 0 0; padding:20px 0; }
.sc04Sli2 > .sc04_img{ width:100%; padding-top:max(55.5555555556%, 200px); background-color:#333; border-radius:10px; overflow:hidden; background-position:center; background-size:cover; background-repeat:no-repeat; box-shadow:3px 3px 10px 0 rgba(0,0,0,0.5); }
.sc04Sli2 > .sc04_img.img_01{ background-image:url(../img/main/04-01.jpg); }
.sc04Sli2 > .sc04_img.img_02{ background-image:url(../img/main/04-02.jpg); }
.sc04Sli2 > .sc04_img.img_03{ background-image:url(../img/main/04-03.jpg); }
.sc04Sli2 > .sc04_img.img_04{ background-image:url(../img/main/04-04.jpg); }
.sc04_nav{ position:absolute; z-index:80; top:50%; left:15px; font-size:50px; line-height:50px; color:#ccc; cursor:pointer; }
#sc04_pr{ margin-top:-45px; }
#sc04_nx{ margin-top:5px; }

@media(max-width:850px){
	.sc04_pt.pt_lf{ width:100%; padding-right:0; }
	.sc04_pt.pt_rt{ width:100%; order:-1; margin-bottom:40px; }
	.sc04_nav{ font-size:35px; line-height:35px; }
	#sc04_pr{ margin-top:-30px; }
}
@media(max-width:600px){
	#sc04Sli2{ margin:0; }
	.sc04_txt > h3{ font-size:35px; margin-bottom:20px; }
}



/*sc05*/
#sc05{ position:relative; z-index:1; overflow:hidden; background-color:#333; background-image:url(../img/main/05-00.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; }
#sc05:before{ content:''; position:absolute; z-index:1; top:-1px; bottom:0; left:0; right:0; }
#sc05:before{
	background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(249,249,249,1) 2%,rgba(120,120,120,.4) 40%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.2) 100%);
	background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(249,249,249,1) 2%,rgba(120,120,120,.4) 40%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.2) 100%);
	background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(249,249,249,1) 2%,rgba(120,120,120,.4) 40%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.2) 100%);
}
#sc05 > .sc_con{ position:relative; z-index:2; padding:250px 20px 120px; }

.sc05_txt{ max-width:800px; width:100%; margin:0 auto; font-family:'eg','nm',serif; text-align:center; word-break:keep-all; }
.sc05_txt > h2{ font-size:40px; font-weight:400; color:#fff; margin-bottom:20px; }
.sc05_txt > p{ font-size:20px; font-weight:400; color:#fff; margin-bottom:60px; }
.sc05_txt > a{ display:inline-block; margin:0 5px 10px; font-size:16px; color:#fff; width:180px; height:50px; padding:25px; text-align:center; line-height:0; border:1px solid #fff; border-radius:60px; box-shadow:3px 3px 5px 0 rgba(0,0,0,.4), inset 3px 3px 5px 0 rgba(0,0,0,.4); transition:0.4s all; }
.sc05_txt > a:hover{ background-color:#fff; border:1px solid #fff; color:#333; box-shadow:3px 3px 5px 0 rgba(0,0,0,.4); }

@media(max-width:600px){
	#sc05 > .sc_con{ padding:150px 20px 100px; }
	.sc05_txt > h2{ font-size:30px; }
	.sc05_txt > p{ font-size:16px; margin-bottom:40px; }
}