@charset "UTF-8";


/* feat1-section, feat2-section */
@media all {

	/* sp */
	@media only screen and (max-width: 767px) {
		.feat1-section {padding-top: 40rem;}
		.feat2-section {
			padding-top: 80rem;
			padding-bottom: 80rem;
		}
		.feat1-img,
		.feat2-img {
			margin: 40rem auto 0;
			width: 320rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.feat1-section,
		.feat2-section {
			padding-top: 120rem;
		}
		.feat2-section {padding-bottom: 150rem;}

		.inner-section-text {
			max-width: 540rem;
		}
		.inner-section-content {font-feature-settings: "palt";}
		.feat1-img,
		.feat2-img {
			flex-shrink: 0;
			width: 45%;
			max-width: 390rem;
		}

		.column-btn .button {margin-left: auto;}

		/* pc */
		@media (min-width: 1025px) {
			.feat1-img img {width: 530rem;}
			.feat2-img img {
				width: 540rem;
				margin-left: -140rem;
			}
		}
	}
}

/* gda-section */
@media all {
	.comment-box-ttl {
		margin-bottom: .5em;
		font-weight: 600;
		color: var(--txt);
		text-align: center;
	}
	.comment-box-ttl small {font-size: 72.22%;}
	.gda-link {
		margin-top: 1em;
		text-align: right;
	}

	/* sp */
	@media only screen and (max-width: 767px) {
		.gda-section {margin-top: 80rem;}
		.comment-box {margin-top: 40rem;}

		.gda-content {width: 225rem;}
		.gda-img-1,
		.gda-img-2 {
			position: absolute;
			width: auto;
			height: 300rem;
		}
		.gda-img-1 {
			top: 60rem;
			right: 40rem;
		}
		.gda-img-2 {
			mix-blend-mode: darken;
			top: 300rem;
			right: 0;

		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.gda-section {margin-top: 100rem;}
		.gda-inner-section-text {max-width: 545rem;}
		.comment-box {margin-top: 60rem;}
		.comment-box-ttl {font-size: 18rem;}

		.gda-img {
			position: relative;
			width: 354rem;
		}
		.gda-img-1 {width: 199rem;}
		.gda-img-2 {
			position: absolute;
			bottom: 0;
			right: 0;
			width: 105rem;
		}

		/* tab */
		@media (max-width: 1024px) {
			.gda-section .pc-text-left {align-items: stretch;}
			.gda-img {width: 344rem;}
			.gda-inner-section-text {
				width: calc(100% - 374rem);
			}
		}
	}
}







/* template-section */
@media all {
	/* sp */
	@media only screen and (max-width: 767px) {}

	/* pc & tab */
	@media print,
	(min-width: 768px) {}
}
