@charset "utf-8";

#section_catalog img{
    width: 100%;
    height: auto;
}
.c-stack-button {
	margin: 30px 0 ;
}
.c-text--note {
	font-size: 12px;
	font-family: var(--font-light);
	margin-top: 10px;
	padding-left: 2em;
	text-indent: -1.5em;
}
.c-text.u-font-bold{
	/* line-height: 1; */
}

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

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


@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;
	}

	.c-text.u-font-bold{
		height: 3em;
	}
}


@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;
	}
}