<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media screen and (max-width:959px){
	input[type="button"], input[type="submit"] {
		-webkit-appearance:none;
		border-radius:0;
	}
	html {
		font-size: 14px;
	}
	body {
		padding: 50px 0 0;
	}
	body.is-drawerActive {
		overflow: hidden;
	}
/*===============================================
å…±æœ‰ã‚¯ãƒ©ã‚¹
===============================================*/

	.pc__only {
		display: none;
	}
	.common__pege__title {
		display: flex;
		margin: 5vw 5vw 0;
	}
	.common__page__title__fv {
		width: auto;
		height: 50vw;
		margin: 0 5vw 0 0;
		order: -1;
		flex-grow: 1;
	}
	.common__page__title__heading {
		color: #666;
		font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','æ¸¸æ˜Žæœä½“','ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ ProN','Hiragino Mincho ProN',sans-serif;
		font-size: 24px;
		font-weight: bold;
		line-height: 2.0;
		writing-mode: vertical-rl;
		text-orientation: upright;
		white-space: nowrap;
	}
	.common__heading {
		margin: 0 0 25px;
		color: #666;
		font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','æ¸¸æ˜Žæœä½“','ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ ProN','Hiragino Mincho ProN',sans-serif;
		font-size: 24px;
		font-weight: bold;
		line-height: 2.0;
	}
	.common__section__heading {
		margin: 0 0 25px;
		color: #666;
		font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','æ¸¸æ˜Žæœä½“','ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ ProN','Hiragino Mincho ProN',sans-serif;
		font-size: 20px;
		font-weight: bold;
		line-height: 2.0;
	}
	.common__section__flex__col p {
		line-height: 2.0;
	}
	.common__btn {
		margin: 25px 0 0;
	}
	.common__btn a {
		font-weight: bold;
		position: relative;
	}
	.common__btn a::before {
		content: "";
		display: inline-block;
		background: #1a1a1a;
		width: 10px;
		height: 10px;
		position: absolute;
		right: 0;
		clip-path: polygon(0 0, 2px 0, 100% 100%, 8px 100%);
	}
	.common__btn a::after {
		content: "";
		display: inline-block;
		background: #1a1a1a;
		width: 20px;
		height: 1px;
		margin: 0 0 0 10px;
	}
	.common__table {
		border-bottom: #ddd solid 1px;
	}
	.common__table dt {
		background: #f5f5f5;
		padding: 20px;
		border-top: #ddd solid 1px;
		font-weight: bold;
	}
	.common__table dd {
		padding: 20px;
		border-top: #ddd solid 1px;
	}
	.common__table__map {
		margin: 20px 0 0;
	}
	.common__table dd ul li::before {
		content: "ãƒ»";
	}
	.common__table dd ul li + li {
		margin-top: 10px;
	}
	.common__formtable {
		margin: 25px auto 0;
		border-bottom: #ddd solid 1px;
	}
	.common__formtable dt {
		background: #f5f5f5;
		padding: 20px;
		border-top: #ddd solid 1px;
		font-weight: bold;
	}
.common__formtable dt.must::after {
	background: #000;
	content: "å¿…é&nbsp;ˆ";
	margin: 0 0 0 20px;
	display: inline-block;
	padding: 5px 15px;
	font-size: 0.8rem;
	color: #fff;
	border-radius: 15px;
}		
	.common__formtable dd {
		padding: 20px;
		border-top: #ddd solid 1px;
	}
	.common__formtable dd .radiobtn {
		display: flex;
		flex-wrap: wrap;
	}
	.common__formtable dd .radiobtn li + li {
		margin-left: 20px;
	}
	.common__formtable dd input[type="text"] {
		width: 100%;
		padding: 10px;
		border: #ccc solid 1px;
		font-size: 16px;
	}
	.common__formtable dd select {
		padding: 10px;
		border: #ccc solid 1px;
		font-size: 16px;
	}
	.common__formtable dd textarea {
		width: 100%;
		height: 20rem;
		padding: 10px;
		border: #ccc solid 1px;
		font-size: 16px;
	}
	.common__formtable dd .caution {
		margin: 0 0 10px;
		color: #f00;
		font-weight: bold;
	}
	.btn_submit {
		width: 240px;
		margin: 25px auto 0;
	}
	.btn_submit li + li {
		margin-top: 15px;
	}
	.btn_submit li input[type="submit"] {
		background: #1a1a1a;
		width: 100%;
		cursor: pointer;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		line-height: 60px;
		text-align: center;
	}
	.pankuzu {
		display: none;
	}

/*===============================================
ãƒ˜ãƒƒãƒ€ãƒ¼éƒ¨åˆ†
===============================================*/
	header {
		background: #fff;
		display: flex;
		align-items: center;
		height: 50px;
		padding: 0 5vw;
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 21;
	}
	.header__logo {
		height: 25px;
	}
	.header__logo img {
		width: auto;
		height: 100%;
	}
	.header__menu,
	.header__nav__close {
		width: 40px;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.header__menu a {
		display:block;
		height: 40px;
		text-align: center;
	}
	.header__menu a i {
		line-height: 40px;
	}
	.header__nav__close a {
		display:block;
		height: 40px;
		color: #fff;
		text-align: center;
	}
	.header__nav__close a i {
		line-height: 40px;
	}
	header nav {
		display: none;
		background: rgba(0,0,0,0.8);
		width: 100%;
		height: 100vh;
		padding: 50px 0 0;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
	}
	header nav ul {
		padding: 10vw;
		text-align: center;
	}
	header nav ul li {
		font-size: 24px;
		opacity: 0;
	}
	header nav ul li + li {
		margin-top: 10vw;
	}
	header nav ul li a {
		color: #fff;
		font-weight: bold;
	}
	.header__nav__contact a {
		/*border: #fff solid 1px;*/
	}
	.header__nav__shop a {
	}


/*===============================================
ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦éƒ¨åˆ†
===============================================*/

/*===============================================
ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸éƒ¨åˆ†
===============================================*/
.top__fv {
	background: #ccc;
	height: 100vw;
	margin: 0 10vw 0 0;
	position: relative;
	overflow: hidden;
}
.top__fv::after {
	content: "";
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
}
.top__fv ul li {
	width: 100%;
	height: 100vw;
	position: absolute;
	top: 0;
	left: 0;
}
.top__fv ul li.active {
	z-index: 9;
	animation: zoomoutview 3s ease forwards;
}
.top__fv ul li.last-active {
	z-index: 8;
}
.top__fv__col {
	position: absolute;
	left: 5vw;
	bottom: 15vw;
	z-index: 11;
	color: #fff;
}
.top__fv__copy {
	margin: 0 0 15px;
	font-family: 'Shippori Mincho', serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
}
.top__fv__col h1 {
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','æ¸¸æ˜Žæœä½“','ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ ProN','Hiragino Mincho ProN',sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
}

.top__about {
	padding: 50px 0;
}
.top__about__col {
	padding: 25px 5vw;
}
.top__about__col p {
	line-height: 2.0;
}
.top__about__col p strong {
	display: block;
	margin: 2rem 0;
	font-weight: bold;
	line-height: 2.0;
}
.top__about__image {
	height: 50vw;
}
.top__item {
	background: #fafafa;
	padding: 50px 0 0;
	text-align: center;
	position: relative;
	z-index: 0;
}
.top__item::before {
	content: "";
	background: #fff;
	width: 100%;
	height: 200px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.top__item__inner {
	margin: 0 5vw;
	text-align: left;
}
.top__item__inner p {
	line-height: 2.0;
}
.top__item__slider {
	margin: 25px 0 0;
	overflow: hidden;
}
.loopslider__wrap {
	display: flex;
}
.top__item__slider ul {
	display: flex;
}
.top__item__slider ul li {
	width: 180px;
	padding: 0 10px 0 0;
}
.top__item__slider ul li figure {
	height: 170px;
	overflow: hidden;
}
.top__item__name {
	display: flex;
	align-items: center;
	margin: 15px 0 0;
	font-size: 13px;
}
.top__item__name * {
	font-weight: bold;
}
.top__item__name h3 {
}
.top__item ul li p {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin: 10px 0 0;
	font-size: 10px;
	line-height: 1.5;
}
.top__item__nav {
	margin: 25px 0 0;
}
.top__item nav ul {
	display: none;
}
.top__item__btn a {
	font-weight: bold;
	position: relative;
}
.top__item__btn a::before {
	content: "";
	display: inline-block;
	background: #1a1a1a;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 0;
	clip-path: polygon(0 0, 2px 0, 100% 100%, 8px 100%);
}
.top__item__btn a::after {
	content: "";
	display: inline-block;
	background: #1a1a1a;
	width: 20px;
	height: 1px;
	margin: 0 0 0 10px;
}

.top__machinery {
	padding: 50px 0;
}
.top__machinery__col {
	padding: 25px 5vw;
}
.top__machinery__col p {
	line-height: 2.0;
}
.top__machinery__image {
}
.top__machinery__image ul {
	display: flex;
}
.top__machinery__image ul li {
	width: 50%;
	height: 50vw;
}
.top__machinery__image ul li:nth-of-type(1) {
	margin: 25px 0 0;
}
.top__machinery__image ul li:nth-of-type(2) {
	margin: 0 0 25px;
}
.top__company {
	padding: 0 0 50px;
}
.top__company__col {
	padding: 25px 5vw;
}
.top__company__col p {
	line-height: 2.0;
}
.top__company__image {
}
.top__company__image ul {
	display: flex;
}
.top__company__image ul li {
	width: 50%;
	height: 50vw;
}
.top__company__image ul li:nth-of-type(1) {
	margin: 25px 0 0;
	order: 2;
}
.top__company__image ul li:nth-of-type(2) {
	margin: 0 0 25px;
}

/*===============================================
ä¼šç¤¾æ¡ˆå†…
===============================================*/
	.page__about__company {
		padding: 50px 5vw;
	}
	.page__about__machinery {
		background: #fafafa;
		padding: 50px 5vw;
	}

/*===============================================
å•†å“ç´¹ä»‹
===============================================*/
	.page__item__processing {
		padding: 50px 5vw;
	}
	.page__item__processing li + li {
		margin: 25px 0 0;
		padding: 25px 0 0;
		border-top: #ddd solid 1px;
	}
	.page__item__processing__heading {
		margin: 0 0 15px;
		font-size: 14px;
		font-weight: bold;
	}
	.page__item__processing__sample {
		background: #fafafa;
		margin: 15px 0 0;
		padding: 5vw;
	}
	.page__item__processing__sample dt {
		margin: 0 0 10px;
		font-weight: bold;
	}
	.page__item__processing__sample dd {
		font-size: 12px;
		line-height: 1.5;
	}
	.page__item__list {
		background: #fafafa;
		padding: 50px 5vw;
	}
	.page__item__list ul {
		display: flex;
		flex-wrap: wrap;
	}
	.page__item__list ul li {
		width: 43vw;
	}
	.page__item__list ul li:nth-of-type(n+3) {
		margin-top: 4vw;
	}
	.page__item__list ul li:not(:nth-of-type(2n+1)) {
		margin-left: 4vw;
	}
	.page__item__list ul li figure {
		height: 43vw;
	}
	.page__item__list__name {
		display: flex;
		align-items: center;
		margin: 15px 0 0;
		font-size: 14px;
	}
	.page__item__list__name * {
		font-weight: bold;
	}
	.page__item__list__name h3 {
		/*margin: 0 0 0 5px;
		padding: 0 0 0 5px;
		line-height: 1.2;
		border-left: #333 solid 1px;*/
	}
	.page__item__list ul li p {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		margin: 10px 0 0;
		font-size: 10px;
		line-height: 1.5;
	}

/*===============================================
å•†å“è©³ç´°
===============================================*/
.detail {
	margin: 0 5vw;
	padding: 5vw 0 50px;
}
.detail__col {
}
.detail__col__inner {
	display: flex;
}
.detail__title {
	margin: 0 0 0 5vw;
	padding: 10px 0 0 10px;
	border-left: #ddd solid 1px;
	order: 2;
	text-align: center;
}
.detail__title__heading {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright; /* ã™ã¹ã¦ç¸¦æ–¹å‘ã«è¡¨ç¤º */
	white-space: nowrap;
	margin: 0;
	line-height: 1.0;
}
.detail__description {
	padding: 5vw 0;
	flex-grow: 1;
}
.detail__description p {
	line-height: 2.0;
}
.detail__image {
	margin: 0 0 5vw;
	overflow: hidden;
}
.detail__image ul {
	display: flex;
}
.detail__image__nav ol {
	display: flex;
	justify-content: center;
	margin: 5vw 0 0;
}
.detail__image__nav li + li {
	margin-left: 10px;
}
.detail__image__nav li a {
	display: block;
	background: #ddd;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.detail__image__nav li a.active {
	background: #1a1a1a;
}

#modalLayer {
	display: none;
	background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 31;
}
.modal__frame {
	width: 90vw;
	height: 90vh;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.modal__frame img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.modal__btn {
	position: absolute;
}
.modal__btn a {
	display: block;
	width: 40px;
	height: 40px;
	color: #fff;
	text-align: center;
}
.modal__btn a i {
	line-height: 40px;
}
.modal__prev,
.modal__next {
	display: none !important;
}
.modal__close {
	top: 10px;
	right: 10px;
}


/*===============================================
ãŠå•ã„åˆã‚ã›éƒ¨åˆ†
===============================================*/
	.page__contact__attention {
		margin: 1rem 0 0;
		font-weight: bold;
	}
	.page__contact__form {
		padding: 50px 5vw;
	}
	.page__contact__form__telarea {
		margin: 25px auto 0;
		border-top: #ddd solid 1px;
		border-bottom: #ddd solid 1px;
	}
	.page__contact__form__telarea dt {
		padding: 20px;
		font-weight: bold;
	}
	.page__contact__form__telarea dd {
		padding: 0 20px 20px;
	}
	.page__contact__form__telarea dd span {
		color: #666;
		font-size: 18px;
		font-weight: bold;
	}
	.page__contact__form__telarea dd small {
		display: block;
		margin: 10px 0 0;
		font-size: 12px;
	}

	.page__contact__privacy {
		background: #fafafa;
		padding: 50px 5vw;
	}
	.page__contact__privacy dl {
		margin: 25px auto 0;
		padding: 5vw;
		border: #ccc solid 1px;
	}
	.page__contact__privacy dl dt {
		margin: 0 0 10px;
		font-size: 16px;
		font-weight: bold;
	}
	.page__contact__privacy dl dd + dt {
		margin-top: 5vw;
	}
	.page__contact__privacy dl dd {
		line-height: 2.0;
	}

/*===============================================
ãƒ•ãƒƒã‚¿ãƒ¼éƒ¨åˆ†
===============================================*/
.bottom__contents {
	margin: 0 5vw;
	padding: 25px 0 0;
	text-align: center;
	border-top: #ddd solid 1px;
}
.bottom__contents__heading {
	margin: 0 0 15px;
	color: #666;
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','æ¸¸æ˜Žæœä½“','ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ ProN','Hiragino Mincho ProN',sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.bottom__contents p {
	line-height: 1.5;
}
.bottom__contents__btn {
	margin: 25px auto 0;
}
.bottom__contents__btn + .bottom__contents__btn {
	margin-top: 1rem;
}
.bottom__contents__btn a {
	display: block;
	background: #a3a3a3;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
}
.bottom__contents__shop {
	padding: 0 0 25px;
	border-bottom: #ddd solid 1px;
}
.bottom__contents__contact {
	padding: 25px 0 0;
}

footer {
	margin: 25px 5vw 0;
	padding: 25px 0 5vw;
	padding: 0 0 5vw;
	border-top: #ddd solid 1px;
}
.footer__col {
	padding: 5vw 0 0;
	text-align: center;
}
.footer__col address h2 {
	width: 50%;
	margin: 0 auto 10px;
}
.footer__col address p {
	line-height: 2.0;
}
.footer__sns {
	display: flex;
	justify-content: center;
	margin: 5vw 0 0;
}
.footer__sns li {
	width: 30px;
}
.footer__sns li + li {
	margin-left: 10px;
}
.footer__sns li a {
	display: block;
	height: 30px;
	border: #1a1a1a solid 1px;
	border-radius: 50%;
	text-align: center;
}
.footer__sns li a i {
	line-height: 30px;
}
.footer__col small {
	display: block;
	margin: 5vw 0 0;
	font-size: 10px;
	line-height: 1.5;
}
footer nav {
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 25px;
	border-bottom: #ddd solid 1px;
}
footer nav dl,
footer nav ul {
	width: 50%;
}
footer nav dl:nth-of-type(n+3),
footer nav ul {
	margin-top: 5vw;
}
footer nav dl dt {
	margin: 0 0 10px;
}
footer nav dl dt,
footer nav dl dt a,
footer nav ul li a {
	font-weight: bold;
}
footer nav dl dd + dd {
	margin-top: 10px;
}
footer nav dl dd a {
	padding: 0 0 0 15px;
	position: relative;
	font-size: 12px;
}
footer nav dl dd a::before {
	content: "";
	display: block;
	background: #1a1a1a;
	width: 10px;
	height: 1px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}
.footer__btn {
	width: 30px;
	margin: -15px auto 25px;
}
.footer__btn a {
	display: block;
	background: rgba(255, 255, 255, 1.0);
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 50%;
	border: #1a1a1a solid 1px;
	overflow: hidden;
}
.footer__btn a i {
	line-height: 30px;
}

}

</pre></body></html>