@charset "UTF-8";
.pageNav {
	background-color: #f7f6f5;
	margin-bottom: 104px;
}
.pageNav_list {
	list-style: none;
	display: flex;
	justify-content: space-between;
	padding: 50px 0 69px;
}
.pageNav_list > li {
	width: 29.4%;
	max-width: 340px;
}
.pageNav_list > li:first-child {}
.pageNav_list > li:last-child {}
.pageNav_list > li:nth-child(2n+1) {}
.pageNav_list > li:nth-child(n+3) {}
.pageNav_list > li > a {
	display: block;
	text-decoration: none;
	color: inherit;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.pageNav_list > li > a::before {
	content: "";
}
.pageNav_list > li > a::after {
	content: "";
}
.pageNav_image {
	position: relative;
	z-index: 1;
	transition-duration: .3s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}
.pageNav_image > img {}
.pageNav_text {
	height: 60px;
	display: flex;
	align-items: center;
	background: #005bac;
	padding: 0 25px;
	color: #fff;
	position: relative;
	z-index: 2;
	font-size: 18px;
	font-weight: 600;
}
.pageNav_text > .icon {
	display: block;
	position: absolute;
	z-index: 1;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 21px;
	font-size: 20px;
}
.paingWrap {
	margin-bottom: 100px;
}
.paingWrap:last-child {
	margin-bottom: 0;
}
.paint {}
.paint-color {
	padding-top: 103px;
	padding-bottom: 100px;
}
.paint_title {}
.paint_cols {
	display: flex;
	justify-content: space-between;
	margin-bottom: 37px;
}
.paint_col {
	width: 47.5%;
}
.paint_col-no1 {
	max-width: 550px;
}
.slide {
	font-size: 0;
	opacity: 0;
	transition-duration: 1s;
	transition-property: opacity;
}
.slide.slick-initialized {
	opacity: 1;
}
.slide_image {
	padding-bottom: 410px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.slide_image > img {
	display: none;
}
.slick-dots {
	text-align: center;
	position: static;
	z-index: 10;
	left: 0;
	bottom: 0;
	width: 100%;
	margin-top: 11px;
}
.slick-dots > li {
	display: inline-block;
	vertical-align: middle;
}
.slick-dots > li > button {
	font-size: 0;
	border: 11px solid rgba(255, 255, 255, 0);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	box-sizing: content-box;
	background-clip: padding-box;
	position: relative;
	z-index: 1;
	transition-duration: .3s;
	transition-property: background-color, -webkit-transform;
	transition-property: background-color, transform;
	transition-property: background-color, transform, -webkit-transform;
	background-color: #b8b8b8;
}
.slick-dots > li.slick-active > button {
	background-color: #005bac;
}
.slide_btn {
	display: block;
	width: 50px;
	height: 100px;
	background: rgba(51, 51, 51, 0.8);
	position: absolute;
	z-index: 10;
	top: 0;
	bottom: 0;
	margin: auto;
	font-size: 20px;
	color: #fff;
	transition-duration: .3s;
	transition-property: background-color, color;
	-webkit-transform: translateY(-18px);
	transform: translateY(-18px);
}
.slide_btn > .icon {
	display: block;
}
.slide_btn-prev {
	left: 0;
}
.slide_btn-next {
	right: 0;
}
.paint_col-no2 {
	width: 48%;
}
.paint_text {}
.paint_sect {}
.paint_headline {
	margin-bottom: 30px;
}
.paint_subhead {
	margin-top: 0px;
	height: 80px;
}
.paint_table {
	margin-top: 25px;
}
.paint_table > thead {}
.paint_table > thead > tr {}
.paint_table > thead > tr:first-child {}
.paint_table > thead > tr:last-child {}
.paint_table > thead > tr > th {
	white-space: nowrap;
}
.paint_table > thead > tr > td {}
.paint_table > tbody {}
.paint_table > tbody > tr {
	font-size: inherit;
}
.paint_table > tbody > tr:first-child {}
.paint_table > tbody > tr:last-child {}
.paint_table > tbody > tr > td {
	text-align: left;
	line-height: 1.7;
	background-color: #fff;
}
.paint_table > tbody > tr > td:last-child {
	text-align: center;
	white-space: nowrap;
}
.paint_table > tbody > tr > th {
	font-weight: 500;
	width: 160px;
	background-color: #fff;
}
.paint_caution {
	margin-top: 11px;
	text-indent: -1em;
	padding-left: 1em;
}
.images {
	margin-top: 51px;
}
.images_cols {
	display: flex;
	justify-content: space-between;
	margin-bottom: 36px;
}
.images_cols:last-child {
	margin-bottom: 0;
}
.images_col {
	width: 48%;
}
.images_col-no1 {}
.images_sect {}
.images_title {}
.images_title > b {
	display: block;
	font-weight: inherit;
}
.images_title > small {
	display: block;
	margin-top: 3px;
	margin-bottom: 3px;
}
.images_image {
	background: #f2f2f2;
}
.images_image > img {
	display: block;
	margin: 0 auto;
}
.images_text {
	margin-top: 22px;
}
.images_col-no2 {}
.works {
	margin-top: 50px;
}
.works_title {
	margin-bottom: 30px;
}
.works_list {
	list-style: none;
	display: flex;
	justify-content: center;
}
.works_list > li {
	width: 22.9%;
	margin-left: 2.8%;
}
.works_list > li:first-child {}
.works_list > li:last-child {}
.works_list > li:nth-child(4n+1) {
	margin-left: 0;
}
.works_list > li:nth-child(n+3) {}
.works_list > li > a {
	display: block;
	text-decoration: none;
	color: inherit;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.works_list > li > a::before {
	content: "";
}
.works_list > li > a::after {
	content: "";
}
.works_imageWrap {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.works_image {
	padding-bottom: 128%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 1;
	transition-duration: .3s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}
.works_text {
	color: #005bac;
	text-align: center;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.2;
	padding-top: 16px;
	position: relative;
	z-index: 2;
}
.works_link {
	max-width: 390px;
	margin: 57px auto 0;
}
.works_link > a {}
.works_link > a::before {
	content: "";
}
.works_link > a::after {
	content: "";
}
.works_link > a > b {}
.colors {
	margin-bottom: 66px;
}
.colors_title {
	margin-bottom: 19px;
}
.colors_text {
	margin-bottom: 25px;
}
.colors_list {
	list-style: none;
	display: flex;
}
.colors_list > li {
	margin-left: 20px;
}
.colors_list > li:first-child {
	margin-left: 0;
}
.colors_list > li:last-child {}
.colors_list > li:nth-child(2n+1) {}
.colors_list > li:nth-child(n+3) {}
.colors_fig {}
.colors_fig > img {
	display: block;
	border-radius: 50%;
	margin: 0 auto;
}
.colors_fig > figcaption {
	text-align: center;
	line-height: 1.2;
	margin-top: 15px;
}
.dl {
	margin-top: 59px;
	margin-bottom: 100px;
}
.dl > a {
	display: block;
	text-decoration: none;
	background: #005bac;
	padding: 40px 60px;
	color: #fff;
}
.dl > a::before {
	content: "";
}
.dl > a::after {
	content: "";
}
.dl_cols {
	display: flex;
}
.dl_col {}
.dl_col-no1 {}
.dl_title {
	display: block;
	line-height: 1;
	position: relative;
	z-index: 1;
	top: -10px;
}
.dl_title > b {
	font-size: 65px;
	margin: 0;
	color: inherit;
	margin-bottom: 10px;
}
.dl_title > small {
	display: block;
	font-size: 16px;
}
.dl_col-no2 {
	width: 134px;
	min-width: 134px;
	margin: 0 55px;
}
.dl_image {}
.dl_image > img {
	display: block;
	max-width: 100%;
	height: auto;
}
.dl_col-no3 {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}
.dl_headline {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.2;
}
.dl_text {
	flex-grow: 1;
	margin-top: 8px;
}
.dl_link {
	height: 70px;
	border-radius: 4px;
	margin-top: 20px;
	font-size: 16px;
}
.dl_link > .icon {
	font-size: 36px;
	margin: 0;
	margin-right: 11px;
}
.dl_link > b {}
.products {}
.products_title {}
.products_table {}
.products_table > thead {}
.products_table > thead > tr {}
.products_table > thead > tr:first-child {}
.products_table > thead > tr:last-child {}
.products_table > thead > tr > th {
	white-space: nowrap;
}
.products_table > thead > tr > td {}
.products_table > tbody {}
.products_table > tbody > tr {}
.products_table > tbody > tr:first-child {}
.products_table > tbody > tr:last-child {}
.products_table > tbody > tr > th {
	white-space: nowrap;
	font-weight: 500;
}
.products_table > tbody > tr > td {}
.products_list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	line-height: 1.9;
}
.products_list > li {
	display: flex;
	align-items: center;
	margin-right: 1em;
}
.products_list > li::before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: #5a7e89;
	border-radius: 50%;
	margin-right: 4px;
	min-width: 12px;
}
.products_list > li:first-child {}
.products_list > li:last-child {
	margin-right: 0;
}
.products_list > li:nth-child(2n+1) {}
.products_list > li:nth-child(n+3) {}
@media screen and (min-width:1000px) {
	.pageNav_list > li > a:hover {}
	a:hover .pageNav_image {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	.slide_btn:hover {
		background: rgba(51, 51, 51, 0.9);
	}
	.works_list > li > a:hover {}
	a:hover .works_image {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	.works_link > a:hover {}
	.dl > a:hover {}
}
@media screen and (max-width: 999px) {
	.pageNav {
		margin-bottom: 80px;
	}
	.pageNav_list {}
	.pageNav_list > li {
		width: 32%;
		margin-left: 2%;
	}
	.pageNav_list > li:first-child {}
	.pageNav_list > li:last-child {}
	.pageNav_list > li:nth-child(2n+1) {}
	.pageNav_list > li:nth-child(n+3) {}
	.pageNav_list > li > a {}
	.pageNav_list > li > a::before {}
	.pageNav_list > li > a::after {}
	.pageNav_image {}
	.pageNav_image > img {}
	.pageNav_text {
		height: 50px;
		font-size: 16px;
	}
	.pageNav_text > .icon {}
	.paingWrap {}
	.paint {}
	.paint-color {}
	.paint_title {}
	.paint_cols {}
	.paint_col {}
	.paint_col-no1 {}
	.slide {}
	.slide.slick-initialized {}
	.slide_image {
		padding-bottom: 33vw;
	}
	.slide_image > img {}
	.slick-dots {}
	.slick-dots > li {}
	.slick-dots > li > button {}
	.slick-dots > li.slick-active > button {}
	.slide_btn {}
	.slide_btn > .icon {}
	.slide_btn-prev {}
	.slide_btn-next {}
	.paint_col-no2 {}
	.paint_text {}
	.paint_sect {}
	.paint_headline {}
	.paint_subhead {
		height: 60px;
	}
	.paint_table {}
	.paint_table > thead {}
	.paint_table > thead > tr {}
	.paint_table > thead > tr:first-child {}
	.paint_table > thead > tr:last-child {}
	.paint_table > thead > tr > th {}
	.paint_table > thead > tr > td {}
	.paint_table > tbody {}
	.paint_table > tbody > tr {}
	.paint_table > tbody > tr:first-child {}
	.paint_table > tbody > tr:last-child {}
	.paint_table > tbody > tr > td {}
	.paint_table > tbody > tr > td:last-child {}
	.paint_table > tbody > tr > th {}
	.paint_caution {}
	.images {}
	.images_cols {}
	.images_cols:last-child {}
	.images_col {}
	.images_col-no1 {}
	.images_sect {}
	.images_title {}
	.images_title > small {}
	.images_image {}
	.images_image > img {}
	.images_text {}
	.images_col-no2 {}
	.works {}
	.works_title {}
	.works_list {}
	.works_list > li {}
	.works_list > li:first-child {}
	.works_list > li:last-child {}
	.works_list > li:nth-child(4n+1) {}
	.works_list > li:nth-child(n+3) {}
	.works_list > li > a {}
	.works_list > li > a::before {}
	.works_list > li > a::after {}
	.works_imageWrap {}
	.works_image {}
	.works_text {}
	.works_link {}
	.works_link > a {}
	.works_link > a::before {}
	.works_link > a::after {}
	.works_link > a > b {}
	.colors {}
	.colors_title {}
	.colors_text {}
	.colors_list {}
	.colors_list > li {
		margin-left: 10px;
	}
	.colors_list > li:first-child {}
	.colors_list > li:last-child {}
	.colors_list > li:nth-child(2n+1) {}
	.colors_list > li:nth-child(n+3) {}
	.colors_fig {}
	.colors_fig > img {}
	.colors_fig > figcaption {
		font-size: 12px;
	}
	.dl {
		margin: 45px 0;
	}
	.dl > a {
		padding: 35px 35px;
	}
	.dl > a::before {}
	.dl > a::after {}
	.dl_cols {}
	.dl_col {}
	.dl_col-no1 {}
	.dl_title {}
	.dl_title > b {
		font-size: 50px;
	}
	.dl_title > small {
		font-size: 14px;
	}
	.dl_col-no2 {
		width: 100px;
		min-width: 100px;
		margin: 0 25px;
	}
	.dl_image {}
	.dl_image > img {}
	.dl_col-no3 {}
	.dl_headline {
		font-size: 20px;
	}
	.dl_text {}
	.dl_link {}
	.dl_link > .icon {}
	.dl_link > b {}
	.products {}
	.products_title {}
	.products_table {}
	.products_table > thead {}
	.products_table > thead > tr {}
	.products_table > thead > tr:first-child {}
	.products_table > thead > tr:last-child {}
	.products_table > thead > tr > th {}
	.products_table > thead > tr > td {}
	.products_table > tbody {}
	.products_table > tbody > tr {}
	.products_table > tbody > tr:first-child {}
	.products_table > tbody > tr:last-child {}
	.products_table > tbody > tr > th {}
	.products_table > tbody > tr > td {}
	.products_list {}
	.products_list > li {}
	.products_list > li::before {}
	.products_list > li:first-child {}
	.products_list > li:last-child {}
	.products_list > li:nth-child(2n+1) {}
	.products_list > li:nth-child(n+3) {}
}
@media screen and (max-width:767px) {
	.pageNav {
		margin-bottom: 45px;
	}
	.pageNav_list {
		display: block;
		padding: 45px 0;
	}
	.pageNav_list > li {
		width: auto;
		margin: 10px auto 0;
		max-width: none;
	}
	.pageNav_list > li:first-child {}
	.pageNav_list > li:last-child {}
	.pageNav_list > li:nth-child(2n+1) {}
	.pageNav_list > li:nth-child(n+3) {}
	.pageNav_list > li > a {
		display: flex;
	}
	.pageNav_list > li > a::before {}
	.pageNav_list > li > a::after {}
	.pageNav_image {
		width: 130px;
		overflow: hidden;
		min-width: 130px;
	}
	.pageNav_image > img {
		width: auto;
		max-width: none;
		height: 130px;
		display: block;
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.pageNav_text {
		height: auto;
		flex-grow: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.pageNav_text > .icon {
		position: static;
		-webkit-transform: none;
		transform: none;
		margin-top: 4px;
	}
	.paingWrap {
		margin-bottom: 45px;
	}
	.paint {}
	.paint-color {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.paint_title {}
	.paint_cols {
		display: block;
		margin-bottom: 25px;
	}
	.paint_col {
		width: auto;
	}
	.paint_col-no1 {}
	.slide {}
	.slide.slick-initialized {}
	.slide_image {
		padding-bottom: 67vw;
	}
	.slide_image > img {}
	.slick-dots {
		margin-top: 5px;
	}
	.slick-dots > li {}
	.slick-dots > li > button {}
	.slick-dots > li.slick-active > button {}
	.slide_btn {
		width: 30px;
		height: 70px;
		font-size: 16px;
	}
	.slide_btn > .icon {}
	.slide_btn-prev {}
	.slide_btn-next {}
	.paint_col-no2 {
		margin-top: 15px;
	}
	.paint_text {}
	.paint_sect {}
	.paint_headline {}
	.paint_subhead {
		height: 50px;
	}
	.paint_table {
		display: block;
	}
	.paint_table > thead {
		display: none;
	}
	.paint_table > thead > tr {}
	.paint_table > thead > tr:first-child {}
	.paint_table > thead > tr:last-child {}
	.paint_table > thead > tr > th {}
	.paint_table > thead > tr > td {}
	.paint_table > tbody {
		display: block;
	}
	.paint_table > tbody > tr {
		display: block;
		line-height: inherit;
		margin-top: 16px;
		padding-top: 20px;
		border-top: 1px dashed #ccc;
	}
	.paint_table > tbody > tr::before {
		content: "";
	}
	.paint_table > tbody > tr > th::before {
		content: "塗料";
		display: flex;
		height: 40px;
		align-items: center;
		padding: 0 15px;
		font-size: 14px;
		border: none;
		box-sizing: border-box;
		margin-bottom: 11px;
		margin-left: -10px;
		margin-right: -10px;
		background-color: #e0ded4;
		border-bottom: 1px solid #d2d2d2;
	}
	.paint_table > tbody > tr > td::before {
		display: flex;
		height: 40px;
		align-items: center;
		padding: 0 10px;
		font-size: 14px;
		border: none;
		box-sizing: border-box;
		margin-bottom: 10px;
		margin-left: -10px;
		margin-right: -10px;
		background-color: #e0ded4;
		border-bottom: 1px solid #d2d2d2;
	}
	.paint_table > tbody > tr > td:nth-child(2)::before {
		content: "特徴	";
	}
	.paint_table > tbody > tr > td:nth-child(3)::before {
		content: "期待耐用年数	";
	}
	.paint_table > tbody > tr:first-child {
		margin-top: 0;
		border-top: none;
		padding: 0;
	}
	.paint_table > tbody > tr:last-child {}
	.paint_table > tbody > tr > td {
		display: block;
		padding: 0 10px 10px;
		line-height: inherit;
		border: 1px solid #d2d2d2;
		border-top: none;
	}
	.paint_table > tbody > tr > td:empty {
		display: none;
	}
	.paint_table > tbody > tr > td:last-child {
		text-align: left;
	}
	.paint_table > tbody > tr > th {
		display: block;
		width: auto;
		font-weight: normal;
		padding: 0 10px 10px;
		border: 1px solid #d2d2d2;
	}
	.paint_caution {}
	.images {}
	.images_cols {
		display: block;
		margin-bottom: 25px;
	}
	.images_cols:last-child {}
	.images_col {
		width: auto;
	}
	.images_col-no1 {
		margin-bottom: 25px;
	}
	.images_sect {}
	.images_title {}
	.images_title > small {}
	.images_image {}
	.images_image > img {}
	.images_text {
		margin-top: 1em;
	}
	.images_col-no2 {}
	.works {
		margin-top: 45px;
	}
	.works_title {
		margin-bottom: 15px;
	}
	.works_list {
		flex-wrap: wrap;
	}
	.works_list > li {
		width: 49%;
		margin-left: 2%;
	}
	.works_list > li:first-child {}
	.works_list > li:last-child {}
	.works_list > li:nth-child(2n+1) {
		margin-left: 0;
	}
	.works_list > li:nth-child(n+3) {
		margin-top: 15px;
	}
	.works_list > li > a {}
	.works_list > li > a::before {}
	.works_list > li > a::after {}
	.works_imageWrap {}
	.works_image {}
	.works_text {
		font-size: 13px;
		padding: 6px;
	}
	.works_link {
		max-width: none;
		margin-top: 25px;
	}
	.works_link > a {}
	.works_link > a::before {}
	.works_link > a::after {}
	.works_link > a > b {}
	.colors {
		margin-bottom: 45px;
	}
	.colors_title {}
	.colors_text {}
	.colors_list {
		flex-wrap: wrap;
	}
	.colors_list > li {
		width: 32%;
		margin-left: 2%;
	}
	.colors_list > li:first-child {}
	.colors_list > li:last-child {}
	.colors_list > li:nth-child(3n+1) {
		margin-left: 0;
	}
	.colors_list > li:nth-child(n+4) {
		margin-top: 20px;
	}
	.colors_fig {}
	.colors_fig > img {}
	.colors_fig > figcaption {
		margin-top: 10px;
		font-size: 11px;
	}
	.dl {
		margin-left: -15px;
		margin-right: -15px;
	}
	.dl > a {
		padding: 25px 15px;
	}
	.dl > a::before {}
	.dl > a::after {}
	.dl_cols {
		display: block;
	}
	.dl_col {}
	.dl_col-no1 {}
	.dl_title {
		top: 0;
	}
	.dl_title > b {
		font-size: 40px;
		margin-bottom: 5px;
	}
	.dl_title > small {
		font-size: 12px;
	}
	.dl_col-no2 {
		margin: 0 auto 10px;
	}
	.dl_image {}
	.dl_image > img {}
	.dl_col-no3 {}
	.dl_headline {
		font-size: 16px;
		text-align: center;
	}
	.dl_text {
		text-align: center;
		font-size: 12px;
		margin-top: 2px;
	}
	.dl_link {
		height: 60px;
		margin-top: 10px;
		font-size: 14px;
	}
	.dl_link > .icon {
		font-size: 24px;
		margin-right: 10px;
	}
	.dl_link > b {}
	.products {}
	.products_title {}
	.products_table {}
	.products_table > thead {}
	.products_table > thead > tr {}
	.products_table > thead > tr:first-child {}
	.products_table > thead > tr:last-child {}
	.products_table > thead > tr > th {
		padding: 5px 10px;
	}
	.products_table > thead > tr > td {}
	.products_table > tbody {}
	.products_table > tbody > tr {}
	.products_table > tbody > tr:first-child {}
	.products_table > tbody > tr:last-child {}
	.products_table > tbody > tr > th {
		padding: 5px;
	}
	.products_table > tbody > tr > td {
		padding: 5px 10px;
	}
	.products_list {}
	.products_list > li {}
	.products_list > li::before {
		width: 8px;
		height: 8px;
		min-width: 8px;
	}
	.products_list > li:first-child {}
	.products_list > li:last-child {}
	.products_list > li:nth-child(2n+1) {}
	.products_list > li:nth-child(n+3) {}
}