@charset "UTF-8";


/* キービジュアル
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.lay100 {
background: url(/common/img/keyv@2x.png) no-repeat center center;
background-size: cover;
min-height: 600px;
display: flex;
align-items: center;
}

.lay100 .boxa {
width: 1200px;
margin: 0 auto;
}
.lay100 .boxa h1 {
font-size: 62px;
color: #fff;
line-height: 1.3;
}
.lay100 .boxa h1 span {
font-size: 24px;
margin-top: 20px;
display: block;
line-height: 1.6;
}
.lay100 .boxa p:last-child {
font-size: 24px;
margin-top: 40px;
}
.lay100.type_b .boxa h1 {
font-size: 42px;
}
.lay100.type_b .boxa h1 span {
font-size: 20px;
}
.lay100.type_b .boxa p:last-child {
font-size: 20px;
}
.lay100 .boxa p:last-child a.btn_link {
padding: 10px 40px;
}

		@media screen and (max-width:733px) {
		.lay100 {
		background: url(/common/img/keyv_smp@2x.png) no-repeat center top;
		background-size: cover;
		display: block;
		min-height: 570px;
		}

		.lay100 .boxa {
		width: auto;
		padding: 50px 10px 0px;
		}
		.lay100 .boxa h1 {
		font-size: 30px;
		color: #fff;
		line-height: 1.3;
		}
		.lay100 .boxa h1 span {
		font-size: 20px;
		margin-top: 20px;
		display: block;
		}
		.lay100 .boxa p:last-child {
		font-size: 20px;
		}

		.lay100.type_b .boxa h1 {
		font-size: 24px;
		}
		.lay100.type_b .boxa h1 span {
		font-size: 16px;
		width: 70%;
		}

		.lay100.type_b .boxa p:last-child {
		font-size: 16px;
		}

		.lay100 .boxa p:last-child a.btn_link {
		padding: 10px 40px;
		}
		/*smp end*/}


/* キービジュアル下リード
ーーーーーーーーーーーーーーーーーーーーーーーー */

.lay101 {
width: 1200px;
margin: 0 auto;
}
.lay101 .seca {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.lay101 .boxa {
width: 690px;
}
.lay101 .boxa > p:first-child {
margin-top: 0px;
}
.lay101 .boxb {
width: 460px;
}

		@media screen and (max-width:733px) {
		.lay101 {
		width: auto;
		margin: 0 10px;
		}
		.lay101 .seca {
		display: block;
		}
		.lay101 .boxa {
		width: auto;
		}
		.lay101 .boxb {
		width: auto;
		}
		/*smp end*/}



/* OEM・設計者の皆さまへ
ーーーーーーーーーーーーーーーーーーーーーーーー */

.lay102 {
width: 1200px;
margin: 0 auto;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.lay102 h2 + p {
font-size: 24px;
}

.lay102 .boxb {
margin-top: 20px;
}
.lay102 .boxb li {
font-size: 24px;
}
.lay102 .boxb p {
font-size: 24px;
}
.lay102.type_b .boxb li {
font-size: 18px;
}
.lay102.type_b .boxb p {
font-size: 18px;
}

		@media screen and (max-width:733px) {
		.lay102 {
		width: auto;
		margin: 0 10px;
		display:block;
		}

		.lay102 h2 + p {
		font-size: 20px;
		}
		.lay102 .boxb li {
		font-size: 20px;
		}
		.lay102 .boxb p {
		font-size: 20px;
		}
		/*smp end*/}



/* 当社の提供価値
ーーーーーーーーーーーーーーーーーーーーーーーー */

.lay103 {
width: 1000px;
margin: 0 auto;
}
		@media screen and (max-width:733px) {
		.lay103 {
		width: auto;
		margin: 0 10px;
		}
		/*smp end*/}



/* お問い合わせ
ーーーーーーーーーーーーーーーーーーーーーーーー */

.lay104 {
width: 800px;
margin: 0 auto;
}

		@media screen and (max-width:733px) {
		.lay104 {
		width: auto;
		margin: 0 10px;
		}
		/*smp end*/}