.sb_wrap{ overflow:hidden; }
.sb_wrap, .sb_wrap *{ box-sizing:border-box; }
.btnArea{ display:none; }
section > .sub_con{ width:100%; margin:0 auto; }


.sub01_con{ margin-bottom:100px; }
.sub01_con:last-child{ margin-bottom:0; }
.sub01_tt{ padding-left:15px; border-left:5px solid #2c4e9e; font-family:'score'; font-size:35px; font-weight:700; color:#333; line-height:1em; }
.sub01_de{ margin-top:30px; padding:30px; background-color:#f7f7f7; border-radius:8px; box-shadow:inset -3px -3px 4px 0 rgba(0,0,0,0.2), inset 3px 3px 4px 0 rgba(255,255,255,0.4), 5px 5px 10px 0 rgba(0,0,0,0.15); word-break:keep-all; }
.sub01_de > li{ position:relative; z-index:1; padding-left:27px; }
.sub01_de > li:last-child{ margin-bottom:0; }
.sub01_de > li:before{ content:''; position:absolute; z-index:1; top:10px; left:3px; width:12px; height:12px; border:1px solid #2d4e9e; background-color:#2d4e9e; box-shadow:inset 0 0 0 2px #fff; box-sizing:border-box; transform:rotate(45deg); }
.sub01_de > li > h3{ font-size:20px; font-weight:300; color:#555; line-height:1.6em; }
.sub01_de > li > h3 > b{ color:#2d4e9e; }
.sub01_de > li > ul > li{ position:relative; z-index:1; font-size:16px; font-weight:300; color:#555; line-height:1.6em; padding-left:15px; }
.sub01_de > li > ul > li:before{ content:''; position:absolute; z-index:1; top:10px; left:0px; width:6px; height:6px; background-color:#2d4e9e; border-radius:100%; }
.sub01_de > li > ul > li > b{ color:#2d4e9e; }

.sub01_de > h2{ position:relative; z-index:1; font-size:24px; font-weight:400; color:#555; line-height:1.6em; }
.sub01_de > h2 > b{ color:#2d4e9e; }

.sub01_sh_wrap{ margin-top:40px; }
.sub01_sh_wrap > h3{ position:relative; z-index:1; font-size:25px; font-weight:700; color:#555; margin-bottom:20px; padding-right:100px; }
.sub01_sh_wrap > h3 > .sub01_sh_btn{ position:absolute; z-index:1; right:0; bottom:0; display:block; min-width:94px; padding:17px 25px; text-align:center; border:1px solid #aaa; background-color:#fff; border-radius:30px; font-size:15px; font-weight:300; color:#888; cursor:pointer; 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; line-height:0; }
.sub01_sh_wrap > h3 > .sub01_sh_btn.act{ border:1px solid #2d4e9e; background-color:#2d4e9e; color:#fff; }
.sub01_sh_wrap > h3 > .sub01_sh_btn > span{ display:block; transform:translate(0, 1px); }

.sub01_sh_border{ border:1px solid #ddd; }
.sub01_sh{ overflow-x:auto; }
.sub01_sh > table{ border-collapse:collapse; width:100%; min-width:650px; word-break:keep-all; }
.sub01_sh > table > colgroup > col.cl_01{ width:130px; }
.sub01_sh > table > colgroup > col.cl_02{ width:180px; }
.sub01_sh > table > colgroup > col.cl_03{ width:auto; }
.sub01_sh > table > thead > tr > th{ padding:10px 15px; background-color:#2d4e9e; border:1px solid #2d4e9e; border-right:1px solid #fff; font-size:20px; font-weight:500; color:#fff; }
.sub01_sh > table > thead > tr > th:last-child{ border-right:none; }
.sub01_sh > table > tbody > tr > th, .sub01_sh > table > tbody > tr > td{ border:1px solid #ddd; padding:10px 15px; }
.sub01_sh > table > tbody > tr > th:first-child{ border-left:none; }
.sub01_sh > table > tbody > tr > td:last-child{ border-right:none; }
.sub01_sh > table > tbody > tr:last-child > th, .sub01_sh > table > tbody > tr:last-child > td{ border-bottom:none; }
.sub01_sh > table > tbody > tr > th{ font-size:16px; font-weight:500; color:#333; background-color:#f7f7f7; }
.sub01_sh > table > tbody > tr > td{ font-size:16px; font-weight:400; color:#555; background-color:#fff; text-align:center; }

.sub01_sh_de{ margin-top:15px; }
.sub01_sh_de > li{ position:relative; z-index:1; padding-left:20px; font-size:14px; font-weight:300; color:#666; margin-bottom:5px; }
.sub01_sh_de > li:last-child{ margin-bottom:0; }
.sub01_sh_de > li:before{ content:''; position:absolute; z-index:1; top:5px; left:3px; width:10px; height:10px; border:1px solid #2d4e9e; background-color:#2d4e9e; box-shadow:inset 0 0 0 1px #fff; box-sizing:border-box; transform:rotate(45deg); }

.sub01_pt_wrap{ margin:30px -20px 0; 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; }
.sub01_pt{ position:relative; z-index:1; width:25%; padding:0 20px; display:-webkit-box; display:-ms-flexbox; display:flex; }
.sub01_ar{ position:absolute; z-index:1; top:50%; right:0; width:18px; height:60px; transform:translate(50%, -50%); }
.sub01_ar:before{ content:''; position:absolute; z-index:1; top:0; right:0; height:30px; width:6px; transform:skewX(20deg); transform-origin:right bottom; background:#2d4e9e; background:linear-gradient(to bottom, #2d4e9e 0%, #2d8b9e 100%); }
.sub01_ar:after{ content:''; position:absolute; z-index:1; bottom:0; right:0; height:30px; width:6px; transform:skewX(-20deg); transform-origin:right top; background:linear-gradient(to bottom, #2d8b9e 0%, #2d9e84 100%); }
.sub01_box{ width:100%; padding:20px; background-color:#f9f9f9; border-radius:5px; box-shadow:inset -3px -3px 4px 0 rgba(0,0,0,0.2), inset 3px 3px 4px 0 rgba(255,255,255,0.4), 5px 5px 20px 0 rgba(0,0,0,0.15); }
.sub01_ic > i{ display:block; font-size:50px; color:#2d4e9e; margin-bottom:10px; line-height:1em; }
.sub01_txt{ word-break:keep-all; }
.sub01_txt > h3{ font-family:'score'; font-size:20px; font-weight:600; color:#333; margin-bottom:5px; }
.sub01_txt > p{ font-size:15px; font-weight:300; color:#666; }

.sub01_pr{ margin-top:40px; }
.sub01_pr > h3{ position:relative; z-index:1; font-size:25px; font-weight:700; color:#555; margin-bottom:20px; }
.sub01_pr > ul > li{ position:relative; z-index:1; font-size:17px; font-weight:300; color:#555; line-height:1.6em; padding-left:24px; margin-bottom:5px; }
.sub01_pr > ul > li:last-child{ margin-bottom:0; }
.sub01_pr > ul > li:before{ content:''; position:absolute; z-index:1; top:8px; left:3px; width:10px; height:10px; border:1px solid #2d4e9e; background-color:#2d4e9e; box-shadow:inset 0 0 0 1px #fff; box-sizing:border-box; transform:rotate(45deg); }
.sub01_pr > ul > li > b{ color:#2d4e9e; }

@media(max-width:900px){
	.sub01_pt{ width:50%; padding:10px 20px; }
}
@media(max-width:700px){
	.sub01_tt{ font-size:30px; margin-bottom:25px; }
	.sub01_de{ padding:20px; }
	.sub01_de > h2{ font-size:20px; }
	.sub01_de > h3{ font-size:17px; }
	.sub01_de > h3:before{ top:7px; }

	.sub01_sh_wrap > h3{ font-size:20px; }
	.sub01_sh_wrap > h3 > .sub01_sh_btn{ padding:13px 20px; font-size:14px; min-width:81px; }

	.sub01_sh > table > colgroup > col.cl_01{ width:108px; }
	.sub01_sh > table > colgroup > col.cl_02{ width:131px; }
	.sub01_sh > table > thead > tr > th{ padding:13px 15px; font-size:18px; }
	.sub01_sh > table > tbody > tr > th, .sub01_sh > table > tbody > tr > td{ padding:13px 15px; }
	.sub01_sh > table > tbody > tr > th{ font-size:14px; }
	.sub01_sh > table > tbody > tr > td{ font-size:14px; }
}
@media(max-width:500px){
	.sub01_pt{ width:100%; padding:0px 20px 40px; }
	.sub01_ar{ top:100%; left:50%; transform:translate(-50%, -53px) rotate(90deg); }
}




/* ani */
.ani{ opacity:0; transform:translate(0, 100px); transition:1s opacity, 1s transform; }
.ani.act{ opacity:1; transform:translate(0, 0); }
.del_00{ transition-delay:0s; }
.del_01{ transition-delay:0.1s; }
.del_02{ transition-delay:0.2s; }
.del_03{ transition-delay:0.3s; }