.content_container{ padding:0; }
.content_container, .content_container *{ box-sizing:border-box; }
.btnArea{ display:none; }
section{ overflow:hidden; }
section > .sb_con{ max-width:1400px; width:100%; margin:0 auto; }
.tt_lg{ max-width:50px; width:100%; margin:0 auto 10px; }



#sb01{ padding:120px 20px 200px; background-color:#f5f5f5; }

.sb01_tt{ max-width:960px; margin:0 auto; font-family:'eg','nm',serif; text-align:center; word-break:keep-all; }
.sb01_tt > h4{ font-size:24px; font-weight:400; color:#333; margin-bottom:15px; }
.sb01_tt > h2{ font-size:50px; font-weight:400; color:#333; }
.sb01_tt > hr{ display:block; width:1px; height:80px; margin:40px auto; background-color:#333; border:none; }
.sb01_tt > p{ font-size:20px; font-weight:400; color:#333; line-height:1.5em; }

.sb01_bn{ position:relative; z-index:1; display:flex; flex-flow:row wrap; /*box-shadow:10px 10px 20px 0 rgba(0,0,0,.1), -10px -10px 20px 0 rgba(255,255,255,0.8); overflow:hidden;*/ border-radius:7px; }
.sb01_bn:not(:last-child){ margin-bottom:200px; }

.sb01_txtwrap{ width:500px; padding:40px 0; display:flex; overflow:hidden; }
.sb01_txt{ display:flex; flex-direction:column; justify-content:center; width:100%; position:relative; z-index:10; padding:50px 30px; word-break:keep-all; box-shadow:inset -2px -2px 10px rgba(0,0,0,0.3), inset 2px 2px 10px rgba(255,255,255,1); border-radius:5px; background-color:#f5f5f5; transition:1s transform; }
.sb01_txt > h4{ font-size:20px; font-weight:400; color:#333; line-height:1em; margin-bottom:10px; }
.sb01_txt > h3{ font-size:45px; font-weight:800; color:#333; line-height:1.1em; margin-bottom:30px; }
.sb01_txt > p{ font-size:18px; font-weight:300; color:#555; line-height:1.5em; }
@supports(backdrop-filter:blur(7px)){
	.sb01_txt{ background-color:rgba(245,245,245,0.8); backdrop-filter:blur(7px); }
}

.sb01_sli{ width:calc(120% - 500px); }
.sb01Sli { height:auto; display:flex; }
.sb01_img{ width:100%; padding-top:max(350px, 53%); background-color:#333; background-position:center; background-size:cover; background-repeat:no-repeat; }

.sb01_img.img1_1{ background-image:url(./img/01-01.jpg); }
.sb01_img.img1_2{ background-image:url(./img/01-02.jpg); }
.sb01_img.img1_3{ background-image:url(./img/01-03.jpg); }

.sb01_img.img2_1{ background-image:url(./img/02-01.jpg); }
.sb01_img.img2_2{ background-image:url(./img/02-02.jpg); }
.sb01_img.img2_3{ background-image:url(./img/02-03.jpg); }

.sb01_img.img3_1{ background-image:url(./img/03-01.jpg); }
.sb01_img.img3_2{ background-image:url(./img/03-02.jpg); }
.sb01_img.img3_3{ background-image:url(./img/03-03.jpg); }

.sb01_img.img4_1{ background-image:url(./img/04-01.jpg); }
.sb01_img.img4_2{ background-image:url(./img/04-02.jpg); }
.sb01_img.img4_3{ background-image:url(./img/04-03.jpg); }

.sb01_img.img5_1{ background-image:url(./img/05-01.jpg); }
.sb01_img.img5_2{ background-image:url(./img/05-02.jpg); }
.sb01_img.img5_3{ background-image:url(./img/05-03.jpg); }

.sb01_img.img6_1{ background-image:url(./img/06-01.jpg); }
.sb01_img.img6_2{ background-image:url(./img/06-02.jpg); }
.sb01_img.img6_3{ background-image:url(./img/06-03.jpg); }

.sb01_img.img7_1{ background-image:url(./img/07-01.jpg); }
.sb01_img.img7_2{ background-image:url(./img/07-02.jpg); }
.sb01_img.img7_3{ background-image:url(./img/07-03.jpg); }

.sb01_bn:nth-child(odd) > .sb01_sli{ right:0; }
.sb01_bn:nth-child(odd) > .sb01_txtwrap{ margin-right:-20%; }
.sb01_bn:nth-child(odd) > .sb01_txtwrap > .sb01_txt{ transform:translate(100%, 0); }
.sb01_bn:nth-child(odd) > .sb01_txtwrap.act > .sb01_txt{ transform:translate(0, 0); }
.sb01_bn:nth-child(odd) > .sb01_sli{ box-shadow:5px 5px 10px 0 rgba(0,0,0,0.3); }

.sb01_bn:nth-child(even) > .sb01_sli{ left:0; }
.sb01_bn:nth-child(even) > .sb01_txtwrap{ order:1; margin-left:-20%; }
.sb01_bn:nth-child(even) > .sb01_txtwrap > .sb01_txt{ transform:translate(-100%, 0); }
.sb01_bn:nth-child(even) > .sb01_txtwrap.act > .sb01_txt{ text-align:right; transform:translate(0, 0); }
.sb01_bn:nth-child(even) > .sb01_sli{ box-shadow:-5px 5px 10px 0 rgba(0,0,0,0.3); }


@media(max-width:950px){
	.sb01_bn:not(:last-child){ margin-bottom:80px; }

	.sb01_txtwrap{ width:100%; order:1; padding:0 20px; margin-top:-20%; }
	.sb01_bn:nth-child(odd) > .sb01_txtwrap > .sb01_txt{ transform:translate(0, -100%); }

	.sb01_bn:nth-child(even) > .sb01_txtwrap{ margin-left:0; }
	.sb01_bn:nth-child(even) > .sb01_txtwrap > .sb01_txt{ transform:translate(0, -100%); }
	.sb01_bn:nth-child(even) > .sb01_txtwrap > .sb01_txt{ text-align:left; }
	.sb01_sli{ width:100%; }

	.sb01_txt > h4{ font-size:18px; }
	.sb01_txt > h3{ font-size:40px; }
	.sb01_txt > p{ font-size:16px; }
}
@media(max-width:600px){
	.sb01_txt{ padding:40px 15px }
	.sb01_txt > h4{ font-size:16px; }
	.sb01_txt > h3{ font-size:30px; }
	.sb01_txt > p{ font-size:14px; }
}





/*sb02*/
#sb02{ padding:200px 20px 200px; background-color:#fff; }
#sb02 > .sc_con{ max-width:1400px; width:100%; margin:0 auto; }
.sb02_tt{ max-width:960px; margin:0 auto 80px; font-family:'eg','nm',serif; text-align:center; word-break:keep-all; }
.sb02_tt > h2{ font-size:50px; font-weight:400; color:#333; }

.sb02_pw{ display:flex; flex-flow:row wrap; margin:0 -15px; }
.sb02_pt{ width:25%; padding:15px; display:flex; }
.sb02_pb{ width:100%; background-color:#f5f5f5; border-radius:10px; box-shadow:4px 4px 4px 0 rgba(0,0,0,.2); transition:0.4s box-shadow; }
.sb02_pb:hover{ box-shadow:10px 10px 15px 0 rgba(0,0,0,.15); }

.sb02_pb > h3{ padding:20px; font-family:'eg','nm',serif; font-size:20px; font-weight:400; color:#333; text-align:center; word-break:keep-all; }

@media(max-width:900px){
	.sb02_pt{ width:50%; }
}
@media(max-width:500px){
	.sb02_pt{ width:100%; padding:0 15px 15px }
}





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

.sb03_txt{ max-width:700px; width:100%; margin:0 auto; font-family:'eg','nm',serif; text-align:center; word-break:keep-all; }
.sb03_txt > h2{ font-size:40px; font-weight:400; color:#fff; margin-bottom:20px; }
.sb03_txt > p{ font-size:20px; font-weight:400; color:#fff; margin-bottom:60px; }
.sb03_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; }
.sb03_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){
	#sb03 > .sc_con{ padding:150px 20px 100px; }
	.sb03_txt > h2{ font-size:30px; }
	.sb03_txt > p{ font-size:16px; margin-bottom:40px; }
}