/*article > .btnArea{ display:none; }*/
article, article *{ box-sizing:border-box; }
.sb_con{ max-width:100%; margin:0 auto; }

#sb01{ padding:60px 40px; background-color:#fff; border-radius:4px; margin-bottom:24px; }
.sb01_tt{ font-family:'pt'; font-size:48px; font-weight:800; color:#1f1f1f; line-height:0.94em; letter-spacing:-0.03em; margin-bottom:60px; }
.sb01_if > li:not(:last-child){ margin-bottom:24px; }
.sb01_if > li > h4{ font-family:'pt'; font-size:16px; font-weight:400; color:#1c1c1c; line-height:1em; margin-bottom:24px; }
.sb01_if > li.wide{ display:flex; align-items:center; }
.sb01_if > li.wide > h4{ margin-bottom:0; white-space:nowrap; }
.sb01_if > li.wide > hr{ max-width:250px; flex:1 auto; margin:0 16px; transform:scaleX(0); transition:1s transform; transform-origin:left; }
.sb01_if > li.wide > hr.ani_act{ transform:scaleX(1); }
.sb01_if > li.wide > h3{ font-family:'pt'; font-size:16px; font-weight:400; color:#1c1c1c; line-height:1em; white-space:nowrap; }
.sb01_bw{ display:flex; flex-flow:row wrap; margin:0 -12px; }
.sb01_bt{ width:16.66666667%; padding:0 12px 24px; display:flex; transform:translate(0, 30px); opacity:0; transition:2s opacity cubic-bezier(0.5, 0, 0, 1) 0s, 2s transform cubic-bezier(0.5, 0, 0, 1) 0s; }
.sb01_bt.act{ transform:translate(0, 0); opacity:1; }
.sb01_bb{ padding:.5rem 0; text-align: center; border: 1px solid #ddd; border-radius: 5px; position: relative; overflow: hidden; transition: all .3s; width: 100%; height: 100%; z-index: 1; font-size: 16px; }
.sb01_bb:before{ content:''; position:absolute; z-index:-1; top:0; left:0; width:100%; height:0; border-radius:0 0 50% 50%; background-color:#1f1f1f; transition:0.7s height; }
.sb01_bb:hover{ color:#fff; }
.sb01_bb:hover:before{ height:200%; }

@media(max-width:991px){
	.sb01_if > li.wide > hr{ max-width:130px; }
	.sb01_bt{ width:50%; }
	.sb01_bb{ font-size:14px; }
}
@media(max-width:800px){
	#sb01{ padding:40px 15px; }	
}



#sb02{ margin-bottom:100px; }
.sb02_bdo{ position:relative; z-index:1; width:100%; padding-top:56.25%; background-color:#333; }
.sb02_bdo > iframe{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; }



.sb03_tt{ font-family:'pt'; font-size:48px; font-weight:800; color:#1f1f1f; line-height:0.94em; letter-spacing:-0.03em; margin-top:100px; margin-bottom:24px; 
	display: none;
}
@media(max-width:800px){
	.sb03_tt{ font-size:36px; margin-bottom:40px; }
}
@media(max-width:500px){
	.sb03_tt{ font-size:24px; }
	#sb02{
		margin-bottom: 50px;
	}
}