#branch {height:100vh; overflow:hidden;font-size:22px; line-height:1.5;}
#branch #header {/*position:relative;*/ border-bottom:0; background:transparent; border-top:3px solid #f9485e; }




#branch_container {height:calc(100vh - 0px); }


#branch_container > div {height:100%; display: flex; flex-direction: row;  justify-content: center;align-items: center;}
#branch_container > div > div {width:50%;}
#branch_container h2 {font-size:40px; margin-bottom:30px; word-break:keep-all;}
#branch_container h2 span {color:#f9485e;}

#branch_container .txt p {word-break:keep-all; margin-bottom:50px; font-weight:500;}
#branch_container .txt p span {position:relative;}
#branch_container .txt p span:before {display: inline-block;  position: absolute; content: ""; background: rgba(255,127,0,0.5); width:100%; height: 45%; z-index: -1; bottom:0; }
#branch_container .txt p strong {color:rgba(255,127,0,1)}
#branch_container .txt p a {display:inline-block; padding:10px;  background:#ffcd32; color:#fff; font-size:22px; font-weight:500;padding:15px 30px; border-radius:50px; width:45%; text-align:center; box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.05);}
#branch_container .txt p a + a {margin-left:10px;}
#branch_container .txt p a.btn02 {background:#4da69d;}
#branch_container .img {position:relative; padding-top:100px;}
#branch_container .img p {position:absolute; top:0; right:130px; animation: motion 1s linear 0s infinite alternate; margin-top: 0;}
        
@keyframes motion {
	0% {margin-top: 0px;}
	100% {margin-top: 30px;}
}

@media screen and (max-width:1200px) {
	#branch_container .img {padding-top:40px;}
	#branch_container .img p {top:-70px;}
}

@media screen and (max-width:960px) {
	#branch_container h2 {font-size:36px;}
	#branch_container .txt p {font-size:20px;}
	#branch_container .img p {right:120px;}
	#branch_container .img p img {width:90%; max-width:110px;}
}

@media screen and (max-width:740px) {
	#branch_container .img p {right:27%;}
}


@media screen and (max-width:640px) {
	#branch {height:auto; overflow:auto;}
	#branch_container {height:100%;}
	#branch_container > div {flex-wrap:wrap-reverse; margin-top:100px;}
	#branch_container > div > div {width:100%;}
	#branch_container .img p {top:-20px;}
	#branch_container .txt {margin-top:40px;}
}


@media screen and (max-width:420px) {
	#branch_container h2 {font-size:28px;}
	#branch_container .txt p {font-size:18px;}
	#branch_container .txt p br {}
	#branch_container .txt p a {font-size:18px;}

	#branch_container .img p {right:30%;}
	#branch_container .img p img {max-width:90px;}
}


@media screen and (max-width:380px) {
	#branch_container h2 {font-size:26px; margin-bottom:20px;}
	#branch_container .txt p a {width:98%;}
	#branch_container .txt p a + a {margin-left:inherit; margin-top:15px;}
	#branch_container .img p img {max-width:70px;}
}