:root{
	--color-b1:#1000c2;
	--color-b2:#e85c04;
	--color-b3:#ffbf78;
	--color-b4:#d6d6cb;
}
/*.branding-wrp .container{padding:0px;}*/
.b_bg-color-01{background:var(--color-b1);}
.b_bg-color-02{background:var(--color-b2);}
.b_bg-color-03{background:var(--color-b3);}
.b_bg-color-04{background:var(--color-b4);}

.bc_full{height:100vh;overflow: hidden;}
.bc_half{height:50vh;overflow: hidden;}
 	.branding-parallax.pb-06 {
 		height: 100vh;
 		background-image: url(key-visual-06.webp);
 	}
.branding-wrp{}
.branding-wrp p{font-size:21px;}
.branding-wrp h1{font-size:calc(24px + 3vw);line-height:1;}
.branding-wrp h2{font-size:calc(24px + 3vw);line-height:1;}


.width-450{max-width:450px;text-align:left;display: inline-block;}

.branding-sec-video{position:relative;overflow:hidden;text-align:center;}
.branding-sec-video video{margin:auto;width: 100%;}
.branding-sec-video .img_bottom{margin-bottom:30px;}
.branding-sec-02 .img_bottom{margin-bottom:30px;}

.branding-sec-01{height:unset;overflow:hidden;position:relative;text-align:center;}

.branding-sec-01 .h_logo{position:absolute;bottom:10%;left:0;right:0;margin:auto;width:calc(80px  + 2vw);}
@media (max-width:575px){
.branding-sec-01 .h_logo{position:absolute;bottom:10%;left:0;right:0;margin:auto;width:calc(40px  + 2vw);}
 
}
.branding-sec-01 .h_img{}
.branding-sec-01 video{position: absolute;top: 50%;left: 50%;/* right:0; *//* bottom:0; */margin:auto;min-width:100%;min-height:100%;transform: translate(-50%,-50%);z-index:-1;}

.branding-sec-02{padding: 8vh 0px 8vh 0px;}
.branding-sec-02 h1{color:var(--color-b2);}
.branding-sec-02 video{margin:auto;width: 100%;}

.branding-sec-03{padding: 0px;}
.branding-sec-03 h1{color:var(--color-b2);}
.branding-sec-03 p{line-height: 1.2;}
.branding-sec-03 p span{font-family:'roboto';font-size:16px;}


.branding-sec-04{padding:  0px;}
.branding-sec-04 .illustration-slider{display: flex}
.branding-sec-04 .illustration-slider .item{padding:15px;}
 
.branding-parallax{background-repeat:no-repeat;background-position: center center;background-size:cover;background-attachment:fixed;}

/*.branding-parallax.pb-01{height:100vh;background-image: url("key-visual-01.webp");}*/
/*.branding-parallax.pb-05{height:100vh;background-image: url("key-visual-05.webp");}*/
/* .branding-parallax.pb-06{height:100vh;background-image: url("key-visual-06.webp");} */