@charset "utf-8";

#section_catalog img{
    width: 100%;
    height: auto;
}
.c-stack-button {
	margin: 30px 0 ;
}
.c-text--note {
	font-size: 12px;
	margin-top: 10px;
	padding-left: 2em;
  text-indent: -1.5em;
}
.c-text.u-font-bold{
	line-height: 1;
}
@media screen and (min-width : 769px){
    #section_survey .section_survey{margin-top:0}
.l-container__inner.bottom {
    padding: 60px 20px 40px;
}
/* -----------------------------------
    #section_catalog
----------------------------------- */
#section_catalog {
	display: flex;
	flex-wrap: wrap;
	padding: 30px 0 40px;
}
.catalog_item {
	width: 300px;
	height: 382px;
	margin-right: 40px;
}
.catalog_item:nth-child(3n) {
	margin-right: 0;
}

}

.iframeWrap {
	position: relative;
	margin-bottom: 24px;
}

.iframeWrap iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width : 1036px) and (min-width : 769px){
	.catalog_item {
		width: calc(50% - 20px);
		height: auto;
	}
	.c-stack-button {
		max-width: none;
	}
	.catalog_item:nth-child(3n) {
		margin-right: 40px;
	}
	.catalog_item:nth-child(2n) {
		margin-right: 0;
	}
}

@media screen and (max-width : 768px){
	
	#section_survey .section_survey{margin-top:0}
    .c-stack-button{
      margin-top:30px;
      margin: 30px 0 50px;
    }
.l-container__inner {
    padding: 40px 30px 60px;
}
.l-container__inner.bottom {
    padding: 60px 30px 40px;
}
	/* -----------------------------------
		#section_catalog
	----------------------------------- */
#section_catalog {
	padding: 40px 0 30px;
}
	.catalog_item {
		width: 100%;
		height: 100%;
	}
	.c-text--note {
		margin-top: 10px;
		padding-left: 2em;
	text-indent: -1.3em;
	}

	.iframeWrap {
		height: 0;
		padding-bottom: 0;
	}
}