@charset "utf-8";
/**
* STORY
*/
.storyLists{
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 80px);
	margin: 0 auto;
}
.storyList{
	width: calc((100% - 20px) / 2);
	margin-bottom: 40px;
}
.storyList:not(:nth-child(2n + 1)) {
	margin-left: 20px;
}
.storyList--link{
	text-decoration: none;
}

@media screen and (max-width:768px){
	.storyLists{
		width: 100%;
	}
	.storyList{
		width: 100%;
		margin-bottom: 40px;
	}
	.storyList:not(:nth-child(2n + 1)) {
		margin-left: 0;
	}
}
.storyList--thumb{
	display: block;
	width: 100%;
	overflow: hidden;
}
.storyList--thumb img{
	width: 100%;
	opacity: 1;
	transition: all .8s cubic-bezier(0.16, 1, 0.3, 1);
	pointer-events: none;
}
.storyList--link:hover .storyList--thumb img{
	transform: scale(1.15);
	opacity: 0.85;
}
.storyList--title {
color: #5eb8b5;
font-size: 16px;
font-weight: 700;
margin-top: 20px;
}
@media screen and (max-width:768px){
.storyList--title {
font-size: 14px;
font-size: 1.4rem;
padding: 0 40px;
text-align: center;
}
}

/**
* STORY DETAIL
*/
.story__article{
width: calc(100% - 80px);
margin: 0 auto;
}
.story__article--title{
font-size: 20px;
color: #61c1bd;
font-weight: 700;
padding-bottom: 40px;
}
.story__article--content{
font-size: 16px;
line-height: 2;
}
.story__article--images{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.story__article--images img{
width: calc((100% - 20px) / 2);
margin-bottom: 20px;
}
.story__article--images img:not(:nth-child(2n + 1)) {
margin-left: 20px;
}
@media screen and (max-width: 768px){
.story__article{
width: calc(100% - 48px);
}
.story__article--title{
font-size: 1.4rem;
padding-bottom: 24px;
}
.story__article--content{
font-size: 12px;
font-size: 1.2rem;
}
.story__article--images img{
width: calc((100% - 10px) / 2);
margin-bottom: 10px;
}
.story__article--images img:not(:nth-child(2n + 1)) {
margin-left: 10px;
}
}