main.top .mv{position:relative;height:100vh}main.top .mv .swiper-slide{width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover}main.top .mv .swiper-slide._1{background-image:url(../img/top/mv-1-pc.jpg)}@media screen and (max-width: 768px){main.top .mv .swiper-slide._1{background-image:url(../img/top/mv-1-sp.jpg)}}@media screen and (max-width: 768px) and (orientation: landscape){main.top .mv .swiper-slide._1{background-image:url(../img/top/mv-1-pc.jpg)}}main.top .mv .swiper-slide._2{background-image:url(../img/top/mv-2-pc.jpg)}@media screen and (max-width: 768px){main.top .mv .swiper-slide._2{background-image:url(../img/top/mv-2-sp.jpg)}}@media screen and (max-width: 768px) and (orientation: landscape){main.top .mv .swiper-slide._2{background-image:url(../img/top/mv-2-pc.jpg)}}main.top .mv .swiper-slide._3{background-image:url(../img/top/mv-3-pc.jpg)}@media screen and (max-width: 768px){main.top .mv .swiper-slide._3{background-image:url(../img/top/mv-3-sp.jpg)}}@media screen and (max-width: 768px) and (orientation: landscape){main.top .mv .swiper-slide._3{background-image:url(../img/top/mv-3-pc.jpg)}}main.top .mv .swiper-pagination{position:absolute;bottom:12rem;left:4rem;width:auto}@media screen and (max-width: 1024px) and (orientation: portrait){main.top .mv .swiper-pagination{bottom:4rem;left:0;width:100%}}@media screen and (max-width: 768px){main.top .mv .swiper-pagination{bottom:4rem;left:0;width:100%}}@media screen and (max-width: 768px) and (orientation: landscape){main.top .mv .swiper-pagination{bottom:1.5rem}}main.top .mv .swiper-pagination-bullet{display:block;margin:2rem 0 0;width:1rem;height:1rem;background:white;opacity:1}@media screen and (max-width: 1024px) and (orientation: portrait){main.top .mv .swiper-pagination-bullet{display:inline-block;margin:0 1.5rem;width:.8rem;height:.8rem}}@media screen and (max-width: 768px){main.top .mv .swiper-pagination-bullet{display:inline-block;margin:0 1.5rem;width:.8rem;height:.8rem}}main.top .mv .swiper-pagination-bullet-active{background:#331E0F}main.top .mv .text{position:absolute;z-index:100;top:50%;left:54.8%;transform:translateY(-54%)}@media screen and (max-width: 1024px) and (orientation: portrait){main.top .mv .text{top:68%;left:0;right:0;transform:none;text-align:center}}@media screen and (max-width: 768px){main.top .mv .text{top:68%;left:0;right:0;transform:none;text-align:center}}@media screen and (max-width: 768px) and (orientation: landscape){main.top .mv .text{top:60%}}main.top .mv .text .ja{margin-bottom:3.2vh;font-size:3.18vh;line-height:1.8}@media screen and (max-width: 1024px) and (orientation: portrait){main.top .mv .text .ja{margin-bottom:1.9vh;font-size:2.7vh}}@media screen and (max-width: 768px){main.top .mv .text .ja{margin-bottom:1.9vh;font-size:2.7vh}}@media screen and (max-width: 768px) and (orientation: landscape){main.top .mv .text .ja{font-size:4vh}}main.top .mv .text .ja span{color:#331E0F;font-family:"Sorts Mill Goudy", serif}main.top .mv .text .en{color:#331E0F;font-family:"Sorts Mill Goudy", serif;font-size:3vh;line-height:1.5}@media screen and (max-width: 1024px) and (orientation: portrait){main.top .mv .text .en{font-size:2vh}}@media screen and (max-width: 768px){main.top .mv .text .en{font-size:2vh}}@media screen and (max-width: 768px) and (orientation: landscape){main.top .mv .text .en{font-size:3.8vh}}main.top .mv .scroll{position:absolute;z-index:100;bottom:0;right:0;width:50%}@media screen and (max-width: 1024px) and (orientation: portrait){main.top .mv .scroll{display:none}}@media screen and (max-width: 768px){main.top .mv .scroll{display:none}}main.top .mv .scroll .bg{width:100%;padding-bottom:34.53%}main.top .mv .scroll .bg::before{content:"";position:absolute;top:0;bottom:0;left:-10rem;right:0;background:#F4F2ED;transform-origin:top right;transform:rotate(-19.0497deg)}main.top .mv .scroll .fg{position:absolute;bottom:0;width:100%;padding-bottom:34.53%}main.top .mv .scroll .fg span{color:#331E0F;font-family:"Sorts Mill Goudy", serif;font-style:italic;position:absolute;bottom:1vw;right:10%;padding-bottom:8vw;font-size:2.4rem}@keyframes scroll{0%{background-position:0% 100%}100%{background-position:0% 0%}}main.top .mv .scroll .fg span::after{content:"";position:absolute;top:4rem;bottom:0;left:50%;width:.1rem;background-image:linear-gradient(#331E0F 0%, #331E0F 45%, #F4F2ED 50%, #331E0F 55%, #331E0F 100%);background-size:100% 600%;background-position:0% 0%;animation:scroll 4s infinite}main.top .heading{color:#331E0F;font-family:"Sorts Mill Goudy", serif;position:relative;margin-bottom:3rem;font-size:4rem}@media screen and (max-width: 768px){main.top .heading{font-size:3.3rem;text-align:center}}main.top .heading::before{content:"";position:absolute;top:50%;right:100%;transform:translateX(-2rem);width:10rem;height:.05rem;background:#331E0F}@media screen and (max-width: 768px){main.top .heading::before{right:auto;left:0}}main.top .concept{position:fixed;z-index:-1;top:0;bottom:0;left:0;right:50%;padding:15vh 0 0 16rem;transition:transform .4s linear, opacity .6s .1s;opacity:0}@media screen and (max-width: 768px){main.top .concept{position:static;padding:6rem calc((100% - 33.5rem) / 2) 5rem}}main.top .concept h2{margin-bottom:2rem;font-size:1.8rem;line-height:1.8}@media screen and (max-width: 768px){main.top .concept h2{font-size:1.6rem}}main.top .concept p{margin-bottom:1rem}@media screen and (max-width: 768px){main.top .concept p{margin-bottom:0}}main.top .concept h3{color:#73716D;font-family:"Sorts Mill Goudy", serif;margin:4rem 0 2rem;font-size:2rem}@media screen and (max-width: 768px){main.top .concept h3{font-size:1.6rem}}main.top .concept h3 ~ p{color:#73716D;font-family:"Sorts Mill Goudy", serif;line-height:1.5}@media screen and (max-width: 768px){main.top .concept h3 ~ p{margin-bottom:1rem;font-size:1.2rem}}main.top .service{margin-left:50%;padding:16rem 0 8rem 16rem;background:#F4F2ED}@media screen and (max-width: 768px){main.top .service{margin-left:0;padding:5rem calc((100% - 33.5rem) / 2) 8rem}}main.top .service h2{color:#331E0F;font-family:"Sorts Mill Goudy", serif;font-style:italic;font-size:2.4rem}@media screen and (max-width: 768px){main.top .service h2{font-size:2rem}}main.top .service .products{margin-bottom:8rem;width:48rem}@media screen and (max-width: 768px){main.top .service .products{width:100%}}main.top .service .products h2{margin-bottom:2rem}main.top .service .products .product{margin-bottom:5rem}main.top .service .products .product picture{border-radius:1rem;overflow:hidden;margin-bottom:2.5rem;width:48rem}@media screen and (max-width: 768px){main.top .service .products .product picture{width:100%}}main.top .service .products .product h3{margin-bottom:1rem;font-size:1.4rem}@media screen and (max-width: 768px){main.top .service .products .product h3{font-size:1.3rem}}main.top .service .products .product h4{color:#73716D;font-family:"Sorts Mill Goudy", serif;font-size:1.4rem}@media screen and (max-width: 768px){main.top .service .products .product h4{font-size:1.2rem}}main.top .service .flow{width:48rem}@media screen and (max-width: 768px){main.top .service .flow{width:100%}}main.top .service .flow h2{margin-bottom:4rem}@media screen and (max-width: 768px){main.top .service .flow h2{margin-bottom:2rem}}main.top .service .flow .steps .step{position:relative;margin-bottom:4rem;padding-left:7.5rem}@media screen and (max-width: 768px){main.top .service .flow .steps .step{padding-left:0}}@media screen and (max-width: 768px){main.top .service .flow .steps .step:nth-child(1) .text p:nth-child(1),main.top .service .flow .steps .step:nth-child(2) .text p:nth-child(1){margin-bottom:2.5rem}}main.top .service .flow .steps .step:last-child{margin-bottom:5rem}main.top .service .flow .steps .step .num{position:absolute;top:0;left:0;margin-bottom:4rem;width:5.5rem;font-size:3.4rem;line-height:1}main.top .service .flow .steps .step .num::after{content:"";position:absolute;top:.5rem;bottom:-3rem;right:0;width:.05rem;background:#331E0F;transform-origin:right top;transform:rotate(30deg)}main.top .service .flow .steps .step .text p:nth-child(1){margin-bottom:1rem;font-size:1.4rem}@media screen and (max-width: 768px){main.top .service .flow .steps .step .text p:nth-child(1){padding-left:7.5rem;font-size:1.2rem}}main.top .service .flow .steps .step .text p:nth-child(2){color:#73716D;font-family:"Sorts Mill Goudy", serif;font-size:1.4rem;line-height:1.5}main.top .mid{position:relative;height:40rem;background-image:url(../img/top/mid-pc.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}main.top .mid.ios{background-position:center 6%;background-attachment:scroll}@media screen and (max-width: 768px){main.top .mid{padding-bottom:60%;height:0;background-image:url(../img/top/mid-sp.jpg)}}main.top .message{position:relative;padding:11rem 0 0;background:#F4F2ED}main.top .message .heading{position:static;margin:0 auto 4rem;text-align:center}main.top .message .heading::before{top:-2rem;left:50%;transform:none;width:.05rem;height:10rem}main.top .message .flex{display:flex;justify-content:center}@media screen and (max-width: 768px){main.top .message .flex{display:block;padding:0 2rem}}main.top .message .flex .item{margin:0 5.5rem;width:30rem;text-align:center}@media screen and (max-width: 768px){main.top .message .flex .item{margin:0 0 8rem;width:auto}}@media screen and (max-width: 768px){main.top .message .flex .item:last-child{margin:0}}main.top .message .flex .item picture{border-radius:1rem;overflow:hidden;margin-bottom:2.5rem}@media screen and (max-width: 768px){main.top .message .flex .item picture{margin-bottom:3rem}}main.top .message .flex .item h3{margin-bottom:1.5rem}main.top .message .flex .item h4{color:#73716D;font-family:"Sorts Mill Goudy", serif;margin-bottom:3rem}main.top .news{position:relative;padding:10rem 0 11rem;background:#F4F2ED}@media screen and (max-width: 768px){main.top .news{padding:10rem 0 8rem}}main.top .news .wrapper{padding:6rem 0;border-top:0.05rem solid #331E0F;border-bottom:0.05rem solid #331E0F}@media screen and (max-width: 768px){main.top .news .wrapper{padding:3rem 0}}main.top .news .wrapper .grid{display:grid;grid-template-columns:18.5rem auto}@media screen and (max-width: 768px){main.top .news .wrapper .grid{display:block}}main.top .news .wrapper .grid .heading{margin-bottom:0}@media screen and (max-width: 768px){main.top .news .wrapper .grid .heading{margin-bottom:2rem}}main.top .news .wrapper .grid .heading:before{display:none}main.top .news .wrapper .grid ol li{display:block}main.top .news .wrapper .grid ol li:not(:last-child){margin-bottom:2.5rem}main.top .news .wrapper .grid ol li:nth-child(n+11){display:none;transform:translateX(3rem);opacity:0}@media screen and (max-width: 768px){main.top .news .wrapper .grid ol li:nth-child(n+11){transform:translateX(1rem)}}@keyframes shownewspc{from{transform:translateX(3rem);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes shownewssp{from{transform:translateX(1rem);opacity:0}to{transform:translateX(0);opacity:1}}main.top .news .wrapper .grid ol li:nth-child(n+11).shown{display:list-item;animation:shownewspc .6s forwards}@media screen and (max-width: 768px){main.top .news .wrapper .grid ol li:nth-child(n+11).shown{animation:shownewssp .6s forwards}}main.top .news .wrapper .grid ol li a{display:flex;align-items:center;font-size:1.4rem;width:fit-content}@media screen and (max-width: 768px){main.top .news .wrapper .grid ol li a{display:block}}@media screen and (max-width: 768px){main.top .news .wrapper .grid ol li a[href="#"] span img{display:none}}main.top .news .wrapper .grid ol li a span{display:flex;align-items:center}@media screen and (max-width: 768px){main.top .news .wrapper .grid ol li a span{margin-bottom:1rem}}main.top .news .wrapper .grid ol li a span img{margin-right:2rem}main.top .news .wrapper .grid ol li a span time{margin-right:1rem;white-space:nowrap}@media screen and (max-width: 768px){main.top .news .wrapper .grid ol li a span time{font-size:1.3rem}}@media screen and (max-width: 768px){main.top .news .wrapper .grid ol li a p{font-size:1.2rem}}main.top .news .wrapper .btn{margin-top:2rem;cursor:pointer;transition:all .3s}main.top .news .wrapper .btn:hover{opacity:.6}main.top .company{position:relative;padding:11rem 0 8rem;text-align:center;background:white}@media screen and (max-width: 768px){main.top .company{padding:9rem calc((100% - 33.5rem) / 2) 5rem}}main.top .company .heading{position:static}main.top .company .heading::before{top:-2rem;left:50%;transform:none;width:.05rem;height:10rem}main.top .company h2{color:#331E0F;font-family:"Sorts Mill Goudy", serif;font-style:italic;margin-bottom:2rem;font-size:2.4rem}@media screen and (max-width: 768px){main.top .company h2{font-size:2rem}}main.top .company h3{margin-bottom:1.5rem;font-size:1.8rem}main.top .company h4{color:#73716D;font-family:"Sorts Mill Goudy", serif;margin-bottom:6rem;font-size:1.6rem}main.top .company .ja{margin-bottom:.5rem}@media screen and (max-width: 768px){main.top .company .ja{font-size:1.2rem}}main.top .company .en{color:#73716D;font-family:"Sorts Mill Goudy", serif;margin-bottom:2.5rem;line-height:1.5}@media screen and (max-width: 768px){main.top .company .en{font-size:1.4rem}}main.top .company .grid{display:grid;grid-template-columns:repeat(4, 24rem);column-gap:5.3333rem;margin-top:12rem}@media screen and (max-width: 768px){main.top .company .grid{grid-template-columns:repeat(2, 15rem);gap:3.5rem 3.5rem;margin-top:6rem}}main.top .company .grid .item{text-align:center}main.top .company .grid .item picture{margin-bottom:2rem}main.top .company .grid .item .position{margin-bottom:.4rem;font-size:1.2rem}main.top .company .grid .item .name{margin-bottom:.8rem}main.top .company .grid .item .en{color:#73716D;font-family:"Sorts Mill Goudy", serif}main.top .profile{position:relative;padding:6rem 0;color:white;background:#67C3C5}main.top .profile h2{color:#fff;font-family:"Sorts Mill Goudy", serif;font-style:italic;margin-bottom:2rem;font-size:2.4rem;text-align:center}main.top .profile table{margin:0 auto;border-collapse:collapse}@media screen and (max-width: 768px){main.top .profile table{width:33.5rem}}main.top .profile table tbody tr:nth-child(odd){font-size:1.3rem}@media screen and (max-width: 768px){main.top .profile table tbody tr:nth-child(odd){font-size:1.2rem}}main.top .profile table tbody tr:nth-child(odd) td{padding-bottom:.5rem}main.top .profile table tbody tr:nth-child(even){color:#73716D;font-family:"Sorts Mill Goudy", serif}@media screen and (max-width: 768px){main.top .profile table tbody tr:nth-child(even){font-size:1.2rem}}main.top .profile table tbody tr:nth-child(even) td{padding-bottom:1rem}main.top .profile table tbody tr td:first-child{padding-left:15rem;padding-right:3rem}@media screen and (max-width: 768px){main.top .profile table tbody tr td:first-child{padding-left:0;text-align:right}}main.top #map{height:51rem}



main.top .spot,
main.top .information {
    position: relative;
    padding: 11rem 0 0;
    background: #F4F2ED;
}

main.top .information {
    padding: 11rem 0 11rem;
}    


main.top .information .wrapper {
    padding: 6rem 0;
    border-bottom: 0.05rem solid #331E0F;
}

main.top .spot .wrapper{
    padding: 0 0 6rem;
    border-bottom: 0.05rem solid #331E0F;
}


main.top .preview .wrapper {
    border-top: none!important;
}

main.top .spot .heading,
main.top .information .heading {
    position: static;
    margin: 0 auto 4rem;
    text-align: center;
}

main.top .spot .heading::before {
    top: -2rem;
    left: 50%;
    transform: none;
    width: .05rem;
    height: 10rem;
}

.count_title {
    text-align: center;
    margin: 0 0 10px;
    font-size: 1.8rem;
}

.count_list {
    display: flex;
    width: 370px;
    margin: 0 auto 20px;
    justify-content: space-around;
}

.count_list strong {
    font-size: 2.6rem;
    font-weight: bold;
}

.spots_list{
		display: flex;
		flex-wrap: wrap;
}

.spots_list li {
    width: calc(100% / 5 - 15px);
    margin-bottom: 40px;
    margin-right: 15px;
}

.spots_list li:nth-child(5n) {
	margin-right: 0;
}	

.spots_list li a{
	display: block;
	width: 100%;
}	


.spots_img{
	position: relative;
	display: block;
	height:150px;	
}

.spots_list li img {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    height: auto;
    top: 0;
    bottom: 0;
    max-height: 150px;
}


.spots_nm{
	display: block;
}


.spots_list li p{
	font-size: 1.2rem;
}


main.top .informationList {
    padding-bottom: 0!important;
}

/* Media Queries ================================================== */
@media screen and (max-width: 768px) {

main.top .spot .wrapper,
main.top .information .wrapper,
main.top .news .wrapper {
	width: 96vw;
}

main.top .information {
    padding: 10rem 0 8rem;
}


main.top .information .heading::before{
	display: none;
}

main.top .spot .swiper-slide {
	text-align: center;
	margin-bottom: 40px;
}

main.top .spot .swiper-button-next,
main.top .spot .swiper-button-prev {
 color:#52351C;
 top: 30%;
}


.count_list {
    width: 80vw;
}

}