@charset "UTF-8";

/* ---------------------------------
 width <= 1280px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1280px) {
	.core-contents__inner:after {
		width: calc( 100% / 3 - 20px );
	}
	.blogList {
		flex: 0 0 calc( 100% / 3 - 20px );
		margin: 0 0 50px;
	}
/* under 1280 */
}

/* ---------------------------------
 width <= 1080px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1080px) {
	.blogList__item {
		aspect-ratio: 1 / 1;
	}
	.blogList__contents {
		aspect-ratio: 1 / 1;
	}
	.blogList__eyecatch {
		aspect-ratio: 1 / 1;
	}
/* under 1080 */
}

/* ---------------------------------
 width <= 1023px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1023px) {
	.core-contents__inner:after {
		width: calc( 100% / 2 - 20px );
	}
	.blogList {
		flex: 0 0 calc( 100% / 2 - 20px );
		margin: 0 0 50px;
	}
	.blogList__item {
		aspect-ratio: 5 / 4;
	}
	.blogList__contents {
		aspect-ratio: 5 / 4;
	}
	.blogList__eyecatch {
		aspect-ratio: 5 / 4;
	}
	#chest main.category-works {
		padding: 30px 10px 50px;
	}
/* under 1023 */
}


/* ---------------------------------
 width <= 768px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:768px) {
	.blogList__item {
		aspect-ratio: 1 / 1;
	}
	.blogList__contents {
		aspect-ratio: 1 / 1;
	}
	.blogList__eyecatch {
		aspect-ratio: 1 / 1;
	}
	/* related posts */
	.relatedPosts {
		padding: 0 10px;
	}
	.relatedPosts__item {
		flex: 0 0 calc( 50% - 30px );
		margin: 0 0 30px;
	}
/* under 768 */
}

/* ---------------------------------
 width <= 639px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:639px) {
	.core-contents__inner:after {
		width: calc( 100% );
	}
	.blogList {
		flex: 0 0 calc( 100% );
		margin: 0 0 30px;
	}
	.blogList__item {
		aspect-ratio: 16 / 9;
	}
	.blogList__contents {
		aspect-ratio: 16 / 9;
	}
	.blogList__eyecatch {
		aspect-ratio: 16 / 9;
	}
	/* related posts */
	.relatedPosts__item {
		flex: 0 0 calc( 50% - 10px );
		margin: 0 0 30px;
	}
/* under 639 */
}

/* ---------------------------------
 width <= 539px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:539px) {
	.blogList__item {
		aspect-ratio: 1 / 1;
	}
	.blogList__contents {
		aspect-ratio: 1 / 1;
	}
	.blogList__eyecatch {
		aspect-ratio: 1 / 1;
	}
	.blogList__title {
		height: 33%;
	}
	.viewDetails.white {
		width: 145px;
		height: 25px;
	}
	.viewDetails.white .viewDetails__button {
		width: 145px;
		height: 25px;
		padding: 0 0 0 20px;
	}
	.viewDetails.white .viewDetails__button span {
		font-size: 13px;
	}
	.gotoContactForm__button {
		width: 100%;
		height: 64px;
	}
	.gotoContactForm__name {
		font-weight: 600;
		font-size: 16px;
	}
	.gotoContactForm__name:before {
		width: 25px;
		height: 17px;
		margin: 0 5px 0 0;
	}
	/* related posts */
	.relatedPosts {
		display: block;
	}
/* under 539 */
}