.article{ padding:0!important; }
.article, .article *{ font-family:'pt',sans-serif; }
section{ overflow:hidden; }



#sm{ display:flex; border-bottom:1px solid #ccc; margin:0 40px; justify-content:center; }
#sm > li{ min-width:157px; font-family:'gt',sans-serif; font-size:20px; font-weight:500; color:#333; line-height:1em; margin:0 0 -1px; text-align:center; }
#sm > li.act{ color:#f59d05; }
#sm > li > a{ display:block; font-family:inherit; font-size:inherit; font-weight:inherit; color:inherit; border-bottom:2px solid transparent; padding:17px 15px; }
#sm > li.act > a{ border-bottom:2px solid #f59d05; }

@media(max-width:991px){
    #sm{ margin:0 15px; } 
    #sm > li{ min-width:140px; font-size:20px; }
}
@media(max-width:768px){
    #sm > li{ min-width:110px; font-size:16px; }
    #sm > li > a{ padding:12px 10px; }
}



#sb01{ padding:150px 40px; }
.sb01_tt{ width:min(400px, 100%); text-align:center; word-break:keep-all; margin:0 auto 100px; }
.sb01_tt > img{ max-width:100px; margin:0 auto 20px; }
.sb01_tt > h3{ font-size:20px; font-weight:500; color:#333; line-height:1.5em; }

.sb01_bdo{ width:min(1200px, 100%); margin:0 auto 80px; display:block; }

.sb01_pw{ display:flex; flex-flow:row wrap; margin:0 auto 80px; }
.sb01_pt{ width:50%; display:flex; }

.sb01_px{ display:flex; flex-direction:column; justify-content:space-between; word-break:keep-all; }
.sb01_px > h3{ width:min(100%, 500px); transform:translate(-53.5%, 0); margin:70px 0; background-color:#fff; -webkit-mask-image:url(./img/01-03.svg); backdrop-filter:brightness(0.5); mix-blend-mode:difference; }
.sb01_px > h3 > img{ display:block; width:100%; opacity:0; }
.sb01_px > p{ width:min(510px, 100%); padding:0 0 0 40px; font-size:16px; color:#333; line-height:1.5em; }
.sb01_pi{ width:100%; background-color:#333; background-image:url(./img/01-02.jpg); padding-top:60%; background-position:center; background-size:cover; background-repeat:no-repeat; }

.sb01_bn01{ width:min(1200px, 100%); padding-top:max(32.31521739130435%, 250px); background-color:#333; background-image:url(./img/01-04.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; margin:0 auto 30px; }
/* .sb01_bn01 > p{ padding:max(25%, 350px) 30px 30px; font-size:16px; color:#333; line-height:1.5em; text-align:center; word-break:keep-all; } */

/* .sb01_tw{ overflow-x:auto; margin:20px auto 0; }
.sb01_tw > table{ width:max(768px, 100%); border-collapse:collapse; }

.sb01_tw > table th{ padding:15px 15px; border:1px solid #fff; background-color:#f59d05; font-family:'gt',sans-serif; font-size:20px; font-weight:400; color:#fff; white-space:nowrap; }
.sb01_tw > table td{ padding:15px 15px; border:1px solid #ddd; background-color:#fff; font-size:18px; font-weight:400; color:#333; } */

.sb01_tw{ width:min(1200px, 100%); display:flex; flex-flow:row wrap; gap:10px; margin:0 auto; word-break:keep-all; }
.sb01_tp{ display:flex; box-shadow:5px 5px 7px 0 rgba(0,0,0,.07); border-radius:50px; }
.sb01_tp.tp-100{ width:100%; }
.sb01_tp.tp-50{ width:calc(50% - 5px); }
.sb01_tp > h4{ padding:15px 15px; background-color:#f59d05; font-family:'gt',sans-serif; font-size:20px; font-weight:400; color:#fff; white-space:nowrap; min-width:120px; text-align:center; border-radius:25px 0 0 25px; }
.sb01_tp > p{ flex:1 auto; padding:15px 15px; background-color:#fff; font-size:18px; font-weight:400; color:#333; border-radius:0 25px 25px 0; }

@media(max-width:991px){
    #sb01{ padding:100px 15px; }
}
@media(max-width:768px){
    .sb01_tt{ width:min(420px, 100%); margin:0 auto 60px; }
    .sb01_tt > img{ max-width:60px; margin:0 auto 10px; }
    .sb01_tt > h3{ font-size:18px; }
    
    .sb01_pt{ width:100%; }
    .sb01_pt.rt{ padding:0 15px; }
    .sb01_pi{ padding-top:max(50%, 300px); }
    .sb01_px > h3{ transform:translate(0, 0); margin:-10% auto 20px; }
    .sb01_px > p{ width:min(503px, 100%); margin:0 auto; padding:0; font-size:14px; }
    
    .sb01_bn01 > p{ padding:max(25%, 300px) 20px 20px; font-size:14px; }

    .sb01_tp.tp-50{ width:100%; }

    /* .sb01_tw > table th{ padding:12px 10px; font-size:16px; }
    .sb01_tw > table td{ padding:12px 10px; font-size:14px; } */

    .sb01_tp > h4{ font-size:18px; }
    .sb01_tp > p{ font-size:16px; }
}
@media(max-width:500px){
    .sb01_tt > h3{ font-size:16px; }
    .sb01_tp > h4{ font-size:16px; min-width:100px; }
    .sb01_tp > p{ font-size:14px; }
}


#sb02{ padding:150px 40px; background-color:#f4f4f4; }
#sb02 > .sb_con{ width:min(1400px, 100%); margin:0 auto; }

.sb02_tt{ text-align:center; word-break:keep-all; margin:0 auto 80px; }
.sb02_tt > h3{ font-family:'gt',sans-serif; font-size:60px; font-weight:600; color:#f59d05; line-height:1em; margin-bottom:10px; }
.sb02_tt > p{ font-size:16px; font-weight:400; color:#333; line-height:1.5em; }

.sb02_his{ margin:0 -20px 80px; display:-webkit-box; 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; }
.sb02_his:last-child{ margin:0 -20px 0; }
.sb02_his > .sb02_his_pt{ width:50%; padding:0 20px; transition:1s transform, 1s opacity; }
.sb02_his > .sb02_his_pt.pt_rt{ transform:translate(-100px, 0); opacity:0; }
.sb02_his > .sb02_his_pt.pt_lf{ transform:translate(100px, 0); opacity:0; }
.sb02_his.act > .sb02_his_pt{ transform:translate(0, 0); opacity:1; }
.sb02_his.even > .sb02_his_pt.pt_rt{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.sb02_his.uneven > .sb02_his_pt.pt_lf{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

.sb02_txt{ width:100%; }
.sb02_his.even .sb02_txt{ text-align:left; padding-left:30px; }
.sb02_his.uneven .sb02_txt{ text-align:right; padding-right:30px; }

.sb02_txt > h3{ font-family:'gt',sans-serif; font-size:60px; font-weight:700; color:#f59d05; line-height:1em; margin-bottom:15px; }
/* .sb02_txt > .line{ display:inline-block; width:40px; height:1px; background-color:#666; margin:10px 0; } */
.sb02_txt > ul{ padding:0; margin:0; }
.sb02_txt > ul > li{ position:relative; z-index:1; margin-bottom:5px; font-size:16px; font-weight:300; color:#666; word-break:keep-all; }
.sb02_txt > ul > li:last-child{ margin-bottom:0; }
.sb02_txt > ul > li:before{ content:''; position:absolute; z-index:1; top:8.5px; width:8px; height:8px; border-radius:100%; background-color:#f59d05; }

.sb02_his.even .sb02_txt > ul > li{ padding-left:20px; }
.sb02_his.even .sb02_txt > ul > li:before{ left:0; }
.sb02_his.uneven .sb02_txt > ul > li{ padding-right:20px; }
.sb02_his.uneven .sb02_txt > ul > li:before{ right:0; }

.sb02_img{ opacity:0; transition:1s opacity, 1s transform, 1s box-shadow; border-radius:20px; overflow:hidden; }
.sb02_his.even .sb02_img{
	box-shadow:-5px 5px 30px 0 rgba(0,0,0,0.15); 
	transform:perspective(2500px) rotateY(90deg); 
	transform-origin:100% 30%; 
}
.sb02_his.even.act .sb02_img{ 
	box-shadow:-5px 5px 10px 0 rgba(0,0,0,0.4); 
	opacity:1; 
	transform:perspective(2500px) rotateY(0deg); 
}
.sb02_his.uneven .sb02_img{
	box-shadow:5px 5px 30px 0 rgba(0,0,0,0.15);
	transform:perspective(2500px) rotateY(-90deg);
	transform-origin:0% 30%; 
}
.sb02_his.uneven.act .sb02_img{
	box-shadow:5px 5px 10px 0 rgba(0,0,0,0.4);
	opacity:1;
	transform:perspective(2500px) rotateY(-0deg);
}
.sb02_img > img{ display:block; width:100%; height:auto; }

@media(max-width:991px){
    #sb02{ padding:100px 15px; }
}

@media(max-width:768px){
    .sb02_tt > h3{ font-size:45px; }
}
@media(max-width:700px){
	#sb02{ padding:150px 20px; }
	.sb02_tt{ margin:0 auto 100px; }
	.sb02_tt2{ margin:0 auto 100px; }

	.sb02_his > .sb02_his_pt{ width:100%; }

	.sb02_his.even > .sb02_his_pt.pt_lf{ order:-1; margin-bottom:40px; }
	.sb02_his.uneven > .sb02_his_pt.pt_rt{ order:-1; margin-bottom:40px; }
	.sb02_his.even .sb02_txt{ padding-left:0; }
	.sb02_his.uneven .sb02_txt{ padding-right:0; }
}
@media(max-width:500px){
    .sb02_tt{ margin:0 auto 60px; }
    .sb02_tt > h3{ font-size:40px; }
    .sb02_tt > p{ font-size:14px; }
}