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

.sb01{ padding:60px 0; background-color:#fff; border-radius:4px; border-bottom: 1px solid #ddd;}
.sb01.last{margin-bottom: 60px;}
.sb01_tt{ 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-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 > h4 > span{display: inline-block; width: 22px; text-align: center; margin-right: 2px;}
.sb01_if > li > h4 > span{display: inline-block; width: 22px; text-align: center; margin-right: 2px;}
.sb01_if > li.wide > span{padding: 0 10px;}
.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-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: 14px; }
.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%; }

.sb-tit > h3{font-size: 20px; margin-bottom: 2rem;}
.sb-tit > h3 > span{display: inline-block; margin-right: 5px;}
.sb-tit > ul > li{font-size: 16px; padding-left: 12px; position: relative; margin-bottom: 1rem;}
.sb-tit > ul > li::after{content: ""; width: 3px; height: 3px; background-color: #1c1c1c; border-radius: 50%; position: absolute; top: 11px; left: 0;}
.sb-tit > ul > li:last-child{margin-bottom: 0;}
.sb-img{display: flex; margin-top: 2rem;}
.sb-img > img{width: 100%;}

.sb-tit.etc{padding-top: 1rem;}
.sb-tit > h5{font-size: 16px; margin-bottom: 24px;}
.sb-tit > h5 > span{display: inline-block; margin-right: 5px;}
.sb-tit.etc > ul > li{margin-bottom: 10px;}
.sb-tit.etc > ul > li:last-child{margin-bottom: 0;}

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

	.sb-tit > h3{font-size: 16px; margin-bottom: 1.5rem; word-break: keep-all;}
	.sb-tit > h5{margin-bottom: 1rem; word-break: keep-all;}
	.sb-tit > ul > li{font-size: 14px; margin-bottom: 10px; word-break: keep-all;}
}
@media(max-width:800px){
	.sb01{ padding:40px 0; }	
}



#sb02{ margin-bottom:24px; }
.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-size:48px; font-weight:800; color:#1f1f1f; line-height:0.94em; letter-spacing:-0.03em; margin-top:100px; margin-bottom:24px; }
@media(max-width:800px){
	.sb03_tt{ font-size:36px; margin-bottom:40px; }
}
@media(max-width:500px){
	.sb03_tt{ font-size:24px; }
}


@media(min-width:992px){
	.d-lg-block{display: block;}
	.d-lg-none{display: none;}
}

@media(max-width:991px){
	.d-block{display: block;}
	.d-none{display: none;}
}