#ds-lt-header-main.scroll-to-fixed-fixed #ds-fixed-nav {display:none;}

.ds-fixed-nav-off #ds-lt-header-main {position:relative;}
.ds-fixed-nav-off #ds-fixed-nav {position:absolute; top:0; right:0;}

.ds-fixed-nav-on #ds-lt-header-main {z-index:110!important;}

#ds-fixed-nav>button {background:#f48641; font-size:2.2em; height:0; width:3em; padding-bottom:3em; border-bottom-left-radius:100%; box-sizing:border-box; text-align:right; border-width:0; color:#fff; line-height:1; cursor:pointer; box-shadow:0 0 10px -5px #000; display:block; transition:all 0.5s, transform 0.3s;}
.ds-fixed-nav-off #ds-fixed-nav>button:hover {transform:translate(5px,0);}
#ds-fixed-nav>button>i {display:block; position:absolute; top:0.5em; right:0.5em;}

.ds-fixed-nav-on #ds-fixed-nav>button {position:fixed; top:0; right:0; opacity:0; width:100vw; height:100vw; z-index:112;}

.ds-fixed-nav-on #ds-fixed-nav-main {width:100vw; height:100vh; opacity:1;}

.ds-fixed-nav-off [data-fix-aos="fade-up"] {transform:translate(0,30px);}
.ds-fixed-nav-off [data-fix-aos="fade-down"] {transform:translate(0,-30px);}
.ds-fixed-nav-off [data-fix-aos="fade-left"] {transform:translate(30px, 0);}
.ds-fixed-nav-off [data-fix-aos="fade-right"] {transform:translate(-30px,0);}
.ds-fixed-nav-off [data-fix-aos] {opacity:0;}
.ds-fixed-nav-on [data-fix-aos] {opacity:1; transform:translate(0,0); transition:transform ease 1s 0s, opacity ease 1s 0s;}

#ds-fixed-nav-main>button {position:absolute; line-height:1; top:2%; right:2%; border:none; background:none; color:#000; font-size:2em; cursor:pointer;}
#ds-fixed-nav-main>button:hover {transform:scale(1.1,1.1);}

#ds-fixed-nav-main {position:fixed; width:0; height:0; top:0; right:0; background:#fff7f0; z-index:112; opacity:0; transition:opacity ease 0.7s 0s; overflow:hidden; display:flex; align-items:stretch;}

#ds-fixed-nav-main>div {height:100%; position:relative;}

#ds-fixed-nav-title {background-color:#406392; display:flex; flex-direction:column; justify-content:space-between; align-items:stretch; color:#fff; font-size:1em; box-sizing:border-box; gap:5%;}
#ds-fixed-nav-title>div {box-sizing:border-box; padding:5% 6em 0 3em; z-index:1;}

/* #ds-fixed-nav-title>div:before {background-position:bottom left; transform:translate(-15%, 0px); transition-delay:0.5s;} */

/* #ds-fixed-nav-title>div:after {position:absolute; right:-5%; background-image:url('../../layout/p02/img/p02_00index_05.png'); background-position:bottom left; width:30%; height:5em; transform:translate(0, -30%); transition-delay:0s;} */

#ds-fixed-nav-title>div a {display:block;}
#ds-fixed-nav-title>div a img {display:block; width:18em; max-width:initial; transition-duration:1s;}
#ds-fixed-nav-title>div a:hover img {transform:scale(1.01,1.01);}
#ds-fixed-nav-title p {display:block; transition-delay:1s!important; transition-duration:3s;}
#ds-fixed-nav-title>div div {margin:0.5em 0 0 0; transition-delay:1.5s!important; transition-duration:3s;}

.ds-fixed-nav-title-img {transition-duration:10s!important; transition-delay:2.5s!important;}
.ds-fixed-nav-title-img-1 img {width:6em; margin:5% 0;}

/* #ds-fixed-nav-title div strong{margin-right:1em; color:inherit} */

#ds-fixed-nav-title:before,
#ds-fixed-nav-title:after {content:""; display:block; background-repeat:no-repeat;background-size:contain; transition-property:opacity, transform; transition-timing-function:ease; transition-duration:10s; opacity:0; z-index:0;}

.ds-fixed-nav-on #ds-fixed-nav-title:before,
.ds-fixed-nav-on #ds-fixed-nav-title:after{opacity:1; transform:translate(0,0);}

/* #ds-fixed-nav-title>div:before {width:25%; height:25%; background-image:url('../../layout/p02/img/p02_00index_05.png'); transform:translate(-30%, 0); transition-delay:1s;} */
#ds-fixed-nav-title:after {width:100%; margin-left:-1em; flex:auto; background-position:bottom left; background-image:url('../../layout/p02/img/p02_00index_01.png'); transform:translate(-30%, 0); transition-delay:1s;}

#ds-fixed-nav-list {flex:auto; font-size:1em; padding:1% 3%; box-sizing:border-box;overflow-y:auto; display:flex; justify-content:center; align-items:center;
background:url('../../layout/p02/img/p02_00index_06.png') no-repeat center bottom;
}

#ds-fixed-nav-list>ul {display:flex; justify-content:space-between; align-items:stretch; flex:1 0 100%; word-break:keep-all;}
#ds-fixed-nav-list>ul>li {flex:0 0 23.5%;}
#ds-fixed-nav-list>ul>li:hover>div {transform:translate(0,-10px);}
#ds-fixed-nav-list>ul>li>div>div:nth-of-type(1) {position:relative; height:0; width:100%; padding-bottom:60%;}
#ds-fixed-nav-list>ul>li>div>div:nth-of-type(1)>div {position:absolute; width:100%; height:100%; top:0; left:0; border-radius:40px; border-bottom-left-radius:0; overflow:hidden;}
#ds-fixed-nav-list>ul>li>div>div:nth-of-type(1)>div img {object-fit:cover; width:100%; height:100%; display:block;}
#ds-fixed-nav-list>ul>li>div>div:nth-of-type(2) {line-height:1.7; padding:5% 0 0 0;}
#ds-fixed-nav-list>ul>li>div>div:nth-of-type(2) * {display:block;}
#ds-fixed-nav-list>ul>li>div>div:nth-of-type(2) strong {color:#406392; margin-bottom:0.7em;}
#ds-fixed-nav-list>ul>li>div>div:nth-of-type(2) a {color:inherit;}
#ds-fixed-nav-list>ul>li>div>div:nth-of-type(2) a~a {margin-top:0.2em;}

#ds-fixed-nav-list>ul>li:nth-of-type(1) {transition-delay:.3s}
#ds-fixed-nav-list>ul>li:nth-of-type(2) {transition-delay:.6s}
#ds-fixed-nav-list>ul>li:nth-of-type(3) {transition-delay:.9s}
#ds-fixed-nav-list>ul>li:nth-of-type(4) {transition-delay:1.2s}
#ds-fixed-nav-list>ul>li:nth-of-type(5) {transition-delay:1.5s}
#ds-fixed-nav-list>ul>li:nth-of-type(6) {transition-delay:1.8s}

@media all and (max-width:1024px){
	#ds-fixed-nav-list>ul {flex-wrap:wrap; gap:1em 0;}
	#ds-fixed-nav-list>ul>li {flex:0 0 48%;}
}

@media all and (max-width:768px){ /* Mobile */
	#ds-fixed-nav>button {font-size:2.7em; width:2em; padding-bottom:2em;}
	#ds-fixed-nav>button>i {top:0.2em; right:0.2em;}
	
	/* #ds-fixed-nav-main>button {top:0.5%; right:0.5%!important; font-size:3.2rem;} */
	
	#ds-fixed-nav-main {display:block; overflow-y:auto!important;}
	#ds-fixed-nav-main>div {height:initial!important;}
	
	#ds-fixed-nav-title {flex:1 0 100%; padding:1%; font-size:1.2rem; flex-direction:row; align-items:stretch; justify-content:space-between;}
	#ds-fixed-nav-title>div {position:relative; align-items:stretch;}
	/* #ds-fixed-nav-title>div:after {display:none;} */
	
	
	#ds-fixed-nav-title:before,
	#ds-fixed-nav-title:after {display:block; content:""; background-position:center center; transition-duration:5s; transform:none; flex:0 1 15%; }
	
	#ds-fixed-nav-title:before {background-image:url('../../layout/p02/img/p02_00index_05.png'); background-size:70% auto;}
	#ds-fixed-nav-title:before {transition-delay:0.7s;}
	
	#ds-fixed-nav-title:after {transition-delay:0.5s;}
	
	#ds-fixed-nav-title>div {padding:0; margin:0; max-width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
	#ds-fixed-nav-title>div a {max-width:15em; transform:none; transition-duration:2s;}
	#ds-fixed-nav-title>div a img {max-width:100%;}
	#ds-fixed-nav-title>div p {text-align:center; transform:none; transition-duration:4s; margin-bottom:0;}
	#ds-fixed-nav-title>div p br {display:none;}
	
	#ds-fixed-nav-title div {text-align:center; transform:none!important;}
	#ds-fixed-nav-title div strong{display:block; margin:0;}
	
	#ds-fixed-nav-list {padding:5% 3% 10% 3%;flex:1 0 100%;}
	#ds-fixed-nav-list>ul {flex-wrap:wrap; gap:2em 0;}
	#ds-fixed-nav-list>ul>li {flex:0 0 48%;}
}