<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* =====================================
	company
===================================== */
a.icon_pdf {
	padding: 5px 26px 5px 0;
	background: url(../../../shared/img/page/icon_pdf.png) right center no-repeat;
	text-decoration: underline;
}
a.icon_doc{
	padding: 5px 26px 5px 0;
	background: url(../../../shared/img/page/icon_doc.png) right center no-repeat;
	text-decoration: underline;
}
a.icon_xls{
	padding: 5px 26px 5px 0;
	background: url(../../../shared/img/page/icon_xls.gif) right center no-repeat;
	text-decoration: underline;
}
.company .cont {
	margin-bottom: 65px;
}
.company .cont:last-child {
	margin-bottom: 0;
}
.company .cont .ttl02 {
	margin-bottom: 20px;
}
.company .cont .p_cont {
	margin-bottom: 70px;
}
.company .mail {
	border-bottom: #000000 1px solid;
}
.company .linkbox ul li {
	margin-bottom: 5px;
}
.company .linkbox ul li a {
	padding-left: 12px;
	background: url(../../../shared/img/common/arrow_h13.png) left center no-repeat;
}
.company .linkbox ul li a:hover {
	color: #f17e04;
}
.company .pdfbox li {
	margin-bottom: 5px;
}


@media screen and (max-width: 765px) {
a.icon_pdf {
	padding: 5px 26px 5px 0;
	background: url(../../../shared/img/page/icon_pdf.png) right center no-repeat;
	text-decoration: underline;
}
a.icon_doc {
	padding: 5px 26px 5px 0;
	background: url(../../../shared/img/page/icon_doc.png) right center no-repeat;
	text-decoration: underline;
}
a.icon_xls {
	padding: 5px 26px 5px 0;
	background: url(../../../shared/img/page/icon_xls.gif) right center no-repeat;
	text-decoration: underline;
}
.company .cont {
	margin-bottom: 50px;
}
.company .cont .ttl02 {
	margin-bottom: 20px;
}
.company .cont .p_cont {
	margin-bottom: 50px;
}
.company .linkbox ul li a {
	padding-left: 12px;
	background: url(../../../shared/img/common/arrow_h13.png) left center no-repeat;
	background-size: auto 10px;
}
}



* =====================================
	photo
===================================== */
.photo-3clm li {
	width: 31.5%;
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
	line-height: 1.25;
	}
.photo-3clm li:last-child {
	padding-right: 0;
	}
.photo-3clm img {
	width: 100%;
	margin-bottom: 8px;
	}

@media screen and (max-width: 765px) {
.photo-3clm li {
	width: 100%;
	}
}

.photo-2clm li {
	width: 48.5%;
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
	line-height: 1.25;
	}
.photo-2clm li:last-child {
	padding-right: 0;
	}
.photo-2clm img {
	width: 100%;
	margin-bottom: 8px;
	}

@media screen and (max-width: 765px) {
.photo-2clm li {
	width: 100%;
	}
}

.photo-1clm {
	width: 50%;
	margin: 0 auto;
	text-align: center;
	line-height: 1.25;
	}
.photo-1clm img {
	width: 100%;
	margin-bottom: 8px;
	}

@media screen and (max-width: 765px) {
.photo-1clm {
	width: 100%;
	text-align: left;
	}
}


.photo-wtxt {
	width: 35%;
	padding: 0 10px;
	text-align: left;
	float: right;
	line-height: 1.25;
	}
.photo-wtxt img {
	width: 100%;
	margin: 0 0 8px 10px;
	}
.photo-wtxt span {
	padding: 0 0 0 10px;
	}

@media screen and (max-width: 765px) {
.photo-wtxt {
	width: 100%;
	text-align: left;
	margin-bottom:20px;
	}
.photo-wtxt span {
	padding: 0 10px;
	}
}
</pre></body></html>