@charset "utf-8";

/* ==========================================================
products_intro
=============================================================*/

@media screen and (min-width: 1025px), print {

	/*補足説明2
    -------------------------------------------------------------*/

	.products.intro p.note2 {
		width: 1024px;
		min-width: 1024px;
		margin: 0 auto;
		padding: 50px 0 50px;
		border-top: solid 1px #ccc;
		line-height: 1.75;
		font-size: 1.6rem;
		color: #666;
		text-align: center;
	}

	/* row
    -------------------------------------------------------------*/

	.products.intro #main .row {
		width: 1200px;
		min-width: 1200px;
		margin: 0 auto 70px;
	}
	.products.intro .row h2 {
		margin: 0 0 45px;
	}
	.products.intro .row > div {
		display: flex;
		justify-content: space-between;
		margin-bottom: 40px;
	}
	.products.intro .row > div.mt-20 {
		margin-bottom: 20px;
	}

	.products.intro .row .img {
		width: 594px;
		min-width: 594px;
		line-height: 1.75;
	}
	.products.intro #main .row .img img {
		position: relative;
		top: 5px;
		display: block;
		margin-bottom: 7px;
		width: 100%;
		min-width: 100%;
	}
	.products.intro .row .txt {
		width: 580px;
		min-width: 580px;
		/*margin-bottom: 40px;*/
		line-height: 1.75;
		font-size: 1.6rem;
		color: #666;
	}
	.products.intro .row .txt strong {
		font-weight: bold;
	}
	.products.intro .row .txt em {
		font-style: italic;
	}
	.products.intro .pdf {
		margin-bottom:40px;
	}

	.products.intro #main .row .col1 .img,
	.products.intro #main .row .col1 .txt {
		width: 100%;
		min-width:100%;
		word-break: break-word;
	}
	.products.intro #main .row .col2 .img,
	.products.intro #main .row .col2 .txt {
		width: 49%;
		min-width:49%;
		word-break: break-word;
	}
	.products.intro #main .row .col3 .img,
	.products.intro #main .row .col3 .txt {
		width: 32%;
		min-width:32%;
		word-break: break-word;
	}

	/* aside.link1
    -------------------------------------------------------------*/

	.products.intro aside.link1 ul {
		justify-content: center;
	}
	.products.intro aside.link1 ul li {
		margin-right: 25px;
	}
	.products.intro aside.link1 ul li:last-child {
		margin-right: 0;
	}

	/* aside.link3
    -------------------------------------------------------------*/

	.products.intro aside.link3 ul {
		justify-content: center;
	}
	.products.intro aside.link3 ul li {
		margin-right: 20px;
	}
	.products.intro aside.link3 ul li:last-child {
		margin-right: 0;
	}

}


@media screen and (max-width:1024.98px){

	/*キャッチコピー
    -------------------------------------------------------------*/

	.products.intro p.leadcopy {
		word-break: break-word;
	}


	/*補足説明2
    -------------------------------------------------------------*/

	.products.intro p.note2 {
		width: 100%;
		min-width: 100%;
		margin: 0 auto;
		padding: 50px 0 50px;
		border-top: solid 1px #ccc;
		line-height: 1.75;
		font-size: 1.6rem;
		color: #666;
		text-align: center;
	}

	/* #s2
    -------------------------------------------------------------*/

	.products.intro .row {
		margin: 0 0 110px;
		padding: 0 30px;
	}
	.products.intro .row h2 {
		margin: 0 auto 48px;
	}
	.products.intro .row > div {
		margin-bottom: 66px;
	}
	.products.intro .row > div.mt-20 {
		margin-bottom: 20px;
	}
	.products.intro .row p {
		margin-bottom: 10px;
		line-height: 1.75;
		font-size: 1.6rem;
		color: #666;
		word-break: break-word;
	}
	.products.intro .pdf {
		margin-bottom:66px;
	}
	.products.intro .row .img + .txt {
		padding-top: 0;
	}
	.products.intro .row .txt + .img {
		padding-top: 8px;
	}
	.products.intro .row .img img {
		margin-bottom: 3px;
	}
}