.sb_wrap{ overflow:hidden; }
.sub_wrap, .sub_wrap *{ box-sizing:border-box; }

.sub01_tt{ text-align:center; word-break:keep-all; margin-bottom:80px; }
.sub01_tt > h2{ font-family:'score'; font-size:45px; font-weight:800; color:#333; line-height:0.85em; margin-bottom:10px; }
.sub01_tt > p{ font-size:20px; font-weight:300; color:#777; }

#sub01{ padding:0; }
.sub01_tt{ text-align:center; word-break:keep-all; margin-bottom:80px; }
.sub01_tt > h2{ font-family:'score'; font-size:45px; font-weight:800; color:#333; line-height:0.85em; margin-bottom:10px; }
.sub01_tt > p{ font-size:20px; font-weight:300; color:#777; }

.sub01_pt_wrap{ position:relative; z-index:1; margin:0 -40px; 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; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.sub01_pt_wrap:before{ content:''; z-index:1; position:absolute; height:100%; width:0; border-right:1px dashed #ddd; }
.sub01_pt{ width:50%; padding:0 40px; }
.sub01_box{ width:100%; padding:50px 35px; background-color:#f9f9f9; box-shadow:3px 3px 8px 0 rgb(0 0 0 / 20%), -3px -3px 4px 0 rgb(255 255 255 / 100%); overflow:hidden; transition:1s transform, 1s opacity; }
.sub01_pt.pt_lf > .sub01_box{ transform:translate(-100px, 0); opacity:0; }
.sub01_pt.pt_rt > .sub01_box{ transform:translate(100px, 0); opacity:0; }
.sub01_pt.act > .sub01_box{ transform:translate(0, 0); opacity:1; }
.sub01_box > h3{ font-family:'score'; font-size:30px; font-weight:700; color:#333; margin-bottom:20px; word-break:keep-all; }

.sub01_logo{ position:relative; z-index:1; background-color:#fff; background-image:url(./img/01-00.png); border:1px solid #aaa; box-shadow:3px 3px 7px 0 rgba(0,25); background-position:center; background-size:auto; background-repeat:repeat; padding:70px 30px; margin-bottom:20px; display:-webkit-box; 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; }
.sub01_logo:last-child{ margin-bottom:0; }
.sub01_logo > img{ max-width:300px; width:100%; height:auto; display:block; }
.sub01_logo > p{ position:absolute; z-index:1; bottom: 15px; right: 15px; background-color:#ffdb00; box-shadow:4px 4px 6px 0 rgba(0,0,0,0.15); padding:10px; border-radius:4px; font-size:14px; font-weight:300; color:#333; }

.sub01_txt{ word-break:keep-all; }
.sub01_txt > p{ font-size:17px; font-weight:300; color:#333; line-height:1.7em; }


@media(max-width:850px){
	.sub01_pt_wrap{ margin:0; }
	.sub01_pt{ width:100%; padding:0 0 40px; }
	.sub01_pt.pt_lf{ border-bottom:1px dashed #ddd; margin-bottom:40px; }
	.sub01_pt.pt_lf > .sub01_box{ transform:translate(0, 100px); }
	.sub01_pt.pt_rt > .sub01_box{ transform:translate(0, 100px); }
	.sub01_pt.act > .sub01_box{ transform:translate(0, 0); }
	.sub01_pt_wrap:before{ content:none; }
}