@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/

.brandMenu li.brandMenuStory a { background:#e6e6e6; }

/*storyトップ*/
.stContents { display:block; width:100%; padding:0 0 50px 0; }
.stText { display:block; width:90%; max-width:1080px; margin:20px auto 0 auto; font-size:16px; line-height:2; }
.stList { width:90%; max-width:1080px; margin:20px auto 0 auto; display:flex; justify-content:left; flex-wrap:wrap; gap:5%; }
.stList li { display:block; width:47.5%; margin:20px 0 0 0 }
.stList li div { display:block; width:100%; margin:0 0 10px 0; overflow:hidden; }
.stList li div::before { content:''; display:block; padding-top:100%; }
.stList li img { display:block; width:100%; position:absolute; top:0; left:0; }
.stList li span { display:block; width:100%; margin:0; font-size:14px; line-height:1.5; }

@keyframes fadeup {
    0% { padding-top:20px; opacity:0; } 
    100% { padding-top:0; opacity:1; } 
}

/*story詳細*/
.storyTops { width:100vw; display:block; position:relative; overflow:visible; }
.storyLogos { display:block; position:absolute; z-index:1; top:10px; left:2.5%; }
.storyLogo { display:block; }
.storyLogoSp { width:170px; display:block; }
.storyLogoPc { display:none; }
.storyLogoText { width:100%; display:block; color:#fff; font-size:14px; line-height:1.2; letter-spacing:0.1em; }
.storyTop { width:100%; display:block; position:relative; z-index:0; }

.storyContents { width:100%; margin:-10px auto 0 auto; position:relative; }
.storyContent { width:90%; max-width:960px; margin:0 auto; position:relative; }
.storyEng { width:auto; display:inline-block; font-size:36px; line-height:1.7; font-family: mina, serif; }
.storyH1 { width:100%; display:block; margin:10px 0 30px 0; font-weight:400; font-size:24px; line-height:1.7; letter-spacing:0.2em; }
.storyPara { display:none; }
.storyP1 { margin:10px 0 0 0; }
.storyP2 { margin:0; }
.storyContent p { width:100%; display:block; margin:10px 0 0 0; font-size:16px; line-height:1.8; }
.storyContent p br { display:none; }
.storyLast { width:100%; display:block; margin:30px 0 0 0; }

/*storyリンク*/
.storyLink { width:100%; display:block; margin:50px 0 0 0; padding:30px 0; background:#e6e6e7; }
.storyLinkBox { width:90%; overflow:visible; display:flex; justify-content:space-between; align-items:center; margin:0 auto; }
.storyLinkBox a { display:flex; align-items:center; }
.storyLinkBox a:nth-child(1) { flex-direction:row-reverse; text-align:right; }
.storyLinkBox a:nth-child(1)::before, .storyLinkBox a:nth-child(1)::after {display: block; content: ""; background-color: #000; position: absolute; top: 80%; transition: all .35s; }
.storyLinkBox a:nth-child(1)::before {height: 1px; width: 12px; left: -10px;transform: rotate(-45deg);}
.storyLinkBox a:nth-child(1)::after {height: 1px; width: 60px; left:-9px;margin-top: 4px;}
.storyLinkBox a:nth-child(1):hover::before {left: -20px;}
.storyLinkBox a:nth-child(1):hover::after { left: -19px; width: 70px; }
.storyLinkBox a:nth-child(2) { flex-direction:column; }
.storyLinkBox a:nth-child(2) img { width:20px; margin:0 0 10px 0; }
.storyLinkBox a:nth-child(3)::before, .storyLinkBox a:nth-child(3)::after {display: block; content: ""; background-color: #000; position: absolute; top: 80%; transition: all .35s; }
.storyLinkBox a:nth-child(3)::before {height: 1px; width: 12px; right: -10px;transform: rotate(45deg);}
.storyLinkBox a:nth-child(3)::after {height: 1px; width: 60px; right:-9px;margin-top: 4px;}
.storyLinkBox a:nth-child(3):hover::before {right: -20px;}
.storyLinkBox a:nth-child(3):hover::after { right: -19px; width: 70px; }
.storyLinkBox a:nth-child(1) img { width:50px; margin:0 0 0 10px; }
.storyLinkBox a:nth-child(3) img { width:50px; margin:0 10px 0 0; }

.storyLinkEng { width:100%; display:block; color:#c9caca; text-align:center; font-size:36px; line-height:1.7; font-family: mina, serif; }
.storyLinkH2 { width:100%; display:block; text-align:center; margin:-10px 0 0 0; letter-spacing:0.2em; }
.swiper { width:90%; max-width:960px; margin:10px auto; display:flex; justify-content:space-between; }
.swiper-wrapper { width:100%; overflow:visible; }
.swiper-slide { color:#ffffff; width:100%; height:100%; padding:0 2.5%; box-sizing:border-box }
.swiper-slide a { width:100%; display:block; font-size:14px; line-height:1.5; }
.swiper-slide a img { width:100%; display:block; }
.swiper-button-next, .swiper-button-prev { color:#999; }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 0px; left: auto; margin-top:-15px; }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 0px; right: auto; margin-top:-15px; }
.swiper-button-next::after, .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { font-size:24px; }