/* CSS Document */
/*==================================================

top-contents
=================================================*/

.swiper-container, .swiper-slide {
	height: 65vh;
}
.info #about {
	max-width: 900px;
}
.info #about dt {
	width: 27%;
	padding: 12% 4%;
}
.info #about dd p {
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	letter-spacing: .1em;
	line-height: 200%;
}



/* WP調整用 追記 ----------------------------------------------*/
.swiper-slide a > img {
    transition: all .5s ease-out .5s;
    opacity: 0;
}
.top-image.load .swiper-slide a > img {
    opacity: 1;
}

.info #about dd p {
    font-size: clamp(14px, 1.4vw, 14px);
}

/* SNSフィード 追記 ----------------------------------------------*/
#sns .article {
    justify-content: space-between;
}
#sns .col {
    width: 49%;
}
#sb_instagram .sb_instagram_header a, .sb_instagram_header a {
    display: block;
    width: 100%;
    margin: 0;
}
#sb_instagram .sbi_photo {
    width: 100%;
    margin: 0;
}
#sb_instagram .sbi_follow_btn a {
    width: 100%;
}

@media only screen and (min-width:1px) and (max-width: 768px) {
	.info #about dt {
		width: 45%;
		position: relative;
		text-align: center;
		background-color: #fff;
		clip-path: circle(50% at 50% 50%);
		padding: 20% 4%;
	}
}
@media only screen and (min-width:1px) and (max-width: 568px) {}
@media only screen and (min-width:1px) and (max-width: 480px) {}