@charset "utf-8";

.ds-title {background:#fdf3e0; word-break:keep-all}

.ds-title>div>div {padding:8% 0;}
.ds-title h1 {font-family:'Jalnan'; font-size:3.5rem; margin:0; line-height:1.3; display:flex; gap:2em; align-items:center;}
.ds-title h1 strong {font-size:2.2em; color:#f4a266; margin:0 0 0.1em 0; display:block;}
.ds-title h1 span {color:#92186f; display:block;}
.ds-title h1 span {color:#92186f; display:block;}

.ds-title h1>div+div {height:7em;}
.ds-title h1>div+div img {height:100%; width:100%; object-fit:contain;}
.ds-title h1>div [data-aos]:nth-child(2) {transition-delay:0.2s;}
.ds-title h1>div [data-aos]:nth-child(3) {transition-delay:0.4s;}
.ds-title h1+div {color:#999; display:flex; align-items:stretch; gap:2em;}
.ds-title h1+div strong {color:#333;}
.ds-title-img {display:block; content:""; flex:auto; background-image:url('../../pages/p01/img/p01_campaign_c-01.png'); background-repeat:no-repeat; background-size: contain; background-position:center left;
	transition-duration:5s!important; min-width:20%;}

.ds-article>div ul{margin:8% 0;}
.ds-article img {display:block; margin:0 auto; max-width:100%; height:auto;}


@media all and (min-width:769px) and (max-width:1024px) { /* TABLET */
	.ds-title h1 {font-size:3rem; gap:1.5em;}
	.ds-title h1 strong {font-size:2.2em;}
	.ds-title h1+div {gap:1.5em}

}

@media all and (max-width:768px) { /* MOBILE */
	.ds-title h1 {font-size:2rem; gap:1em;}
	.ds-title h1 strong {font-size:2.2em;}
	.ds-title h1+div {gap:1em}
}