#front-page-header{width:100%;margin:0 0 3rem 0;padding:0 0 2rem 0;background-color:#3a1c1c}#front-page-header #slider-wrapper{position:relative;z-index:2}#front-page-header #slider-wrapper #slider-copy{position:absolute;left:0;top:37%;font-size:2.4rem;line-height:1.4;color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,0.6);z-index:4}#front-page-header #slider-wrapper #slider{position:relative;width:86%;margin:0 0 0 auto;box-shadow:4px 4px 8px rgba(0,0,0,0.4);z-index:3}#front-page-header #slider-wrapper #slider .swiper-wrapper img{width:100%}#front-page-header #news{position:relative;display:flex;color:#fff;width:60%;margin:-3rem 0 0 auto;padding:5rem 2rem 2rem 2rem;background-color:#753f34;z-index:1}#front-page-header #news h2{flex:0 1 10%;font-size:1rem;margin:0;padding-right:.5rem;border-right:solid 1px rgba(255,255,255,0.6)}#front-page-header #news h2 span{display:block;width:1rem;line-height:1.2;margin:0 0 0 auto}#front-page-header #news ul{flex:2 1 auto;list-style:none;margin:0;padding:0 2em}#front-page-header #news ul li{display:flex;margin:0}#front-page-header #news ul li span{flex:0 1 6rem}#front-page-header #news ul li a{flex:2 1 auto;color:#fff}#front-page-header #news ul li a:hover{color:#fff;text-decoration:underline}@media (max-width: 600px){#front-page-header{margin:0 0 2rem 0;padding:2rem 0 0 0}#front-page-header #slider-wrapper #slider-copy{font-size:1.6rem;left:1rem}#front-page-header #news{display:block;width:auto;margin:1rem 0;padding:1rem}#front-page-header #news h2{padding-right:0;border-right:none;border-bottom:solid 1px rgba(255,255,255,0.6)}#front-page-header #news h2 span{display:inline;width:auto;line-height:inherit;margin:0}#front-page-header #news ul{padding:0}}.intro{background:linear-gradient(to bottom, transparent 0%, transparent 36%, #ebe7e3 36%, #ebe7e3 100%);margin-bottom:4rem;padding-bottom:3rem}.intro .container{position:relative}.intro .intro-link{position:relative;display:block;width:60%;aspect-ratio:1 / 0.55;overflow:hidden}.intro .intro-link.left{margin-right:auto;-webkit-mask-image:linear-gradient(to left, transparent 0%, black 15%);mask-image:linear-gradient(to left, transparent 0%, black 15%)}.intro .intro-link.right{margin-left:auto;-webkit-mask-image:linear-gradient(to right, transparent 0%, black 15%);mask-image:linear-gradient(to right, transparent 0%, black 15%)}.intro .intro-img{width:100%;filter:sepia(40%) brightness(90%);transition:filter 1s, transform 1s;z-index:1}.intro .intro-img:hover{filter:sepia(0%) brightness(100%);transform:scale(1.1)}.intro .title-box{position:absolute;width:46%;color:#fff;padding:1.5rem 1.5rem 1.5rem 0;box-shadow:2px 2px 6px rgba(0,0,0,0.3);top:20%;z-index:2}.intro .title-box .title-ja{font-size:1rem;padding-left:1.5rem;margin-bottom:.5rem;padding-bottom:.3rem;border-bottom:solid 1px rgba(255,255,255,0.7)}.intro .title-box p{margin-bottom:0}.intro .title-box .copy{padding-left:1.5rem;margin-bottom:1rem}.intro .title-box .title-en{display:inline-block;font-size:2.4rem;line-height:1;opacity:.2;margin-right:1rem}.intro .title-box .more{display:inline-block;line-height:1;color:#fff;transform:translateY(-3px);padding:4px 8px;border:solid 1px rgba(255,255,255,0.7)}.intro .title-box .more:hover{text-decoration:none;background-color:rgba(255,255,255,0.2)}.intro .title-box.jon{background-color:rgba(58,28,28,0.9)}.intro .title-box.sand{background-color:rgba(166,153,134,0.9)}.intro .title-box.left{left:0}.intro .title-box.right{right:0}@media (max-width: 600px){.intro{background:none;margin-bottom:2rem;padding-bottom:0}.intro .intro-link{width:100%}.intro .intro-link.left,.intro .intro-link.right{margin-left:0;margin-right:0;-webkit-mask-image:none;mask-image:none}.intro .intro-img{width:auto;-o-object-fit:cover;object-fit:cover;filter:none;vertical-align:bottom}.intro .title-box{position:static;width:100%}.intro .title-box .title-en{font-size:2rem}}
