.sb_wrap{ max-width:100% !important; padding:0; }
.sb_wrap, .sb_wrap *{ box-sizing:border-box; }

#sb01{ position:relative; z-index:1; overflow:hidden; }
.sb01_map{ position:relative; z-index:1; width:100%; padding-top:50%; min-height:calc(100vh - 70px); }
.sb01_map > iframe{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; }

.sb01_if{ position:absolute; z-index:10; top:50%; right:5%; width:25%; min-width:350px; transform:translate(0, -50%); padding:40px 30px; background-color:#f5f5f5; box-shadow:3px 3px 7px 0 rgba(0,0,0,0.3), inset 2px 2px 4px 0 rgba(255,255,255,0.7), inset -2px -2px 4px 0 rgba(0,0,0,0.2); border-radius:15px; }
.sb01_if > h3{ font-family:'score'; font-size:30px; font-weight:700; color:#333; margin-bottom:40px; }
.sb01_if > ul > li{ margin-bottom:15px; display:-webkit-box; display:-ms-flexbox; display:flex; word-break:keep-all; }
.sb01_if > ul > li:last-child{ margin-bottom:0; }
.sb01_if > ul > li > i{ white-space:nowrap; margin-right:7px; font-size:20px; color:#036eb8; }
.sub01_txt_if > h3{ font-size:20px; font-weight:600; color:#333; margin-bottom:5px; line-height:1em; }
.sub01_txt_if > p{ font-size:17px; font-weight:300; color:#666; line-height:1.6em; }

@media(max-width:850px){
	.sb01_map{ padding-top:65%; min-height:400px; }
	.sb01_if{ position:relative; width:100%; top:0; right:0; transform:translate(0, 0); border-radius:0; }
}
@media(max-width:500px){
	.sb01_if{ padding:30px 20px; min-width:0; }
	.sb01_if > h3{ font-size:24px; }
	.sub01_txt_if > h3{ font-size:17px; }
	.sub01_txt_if > p{ font-size:15px; }
}