@charset "UTF-8";

/* Page
====================================================*/

header {
	background-color:#FFFFFF;
}

.sub_page {
	background-image:url(../img/top_gray_bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
}

.product_page {
	background-image:none;
	background-color:#FFFFFF;
}

.sub_page main {
	width:100%;
	max-width:1040px;
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
	padding-bottom:clamp( 40px, calc( 11.69811320754717px + 7.547169811320755vw ), 60px );
}

.breadcrumb {
	display:-webkit-box;
	display:flex;
}

.breadcrumb {
	padding-top:10px;
	display:-webkit-box;
	display:flex;
}

.breadcrumb li {
	font-size:clamp( 7px, calc( 2.754716981132076px + 1.1320754716981132vw ), 10px );
	position:relative;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}

.breadcrumb li a {
	color:#005daa;
}

.breadcrumb li + li {
	padding-left:18px;
}

.breadcrumb li + li::before {
	display:inline-block;
	content:'＞';
	position:absolute;
	top:50%;
	left:5px;
	transform:translateY(-50%);
	font-size:7px;
}

h2.page_ttl {
	padding:clamp( 20px, calc( 5.849056603773585px + 3.7735849056603774vw ), 30px ) 0 clamp( 35px, calc( -0.37735849056603854px + 9.433962264150944vw ), 60px );
	font-size:clamp( 25px, calc( -1.8867924528301891px + 7.169811320754717vw ), 44px );
	text-align:center;
	color:#005daa;
}

h2.page_ttl span {
	padding-bottom:3px;
	border-bottom:#005daa 4px solid;
}

#feas-searchform-0 {
	display:-webkit-box;
	display:flex;
}

.topics_detail {
	line-height:1.6;
}

.topics_detail .news_wrap {
	margin-bottom:10px;
}

.news_body {
	padding:30px clamp( 35px, calc( 13.773584905660378px + 5.660377358490567vw ), 50px ) clamp( 35px, calc( 13.773584905660378px + 5.660377358490567vw ), 50px );
	position:relative;
	background-color:#FFFFFF;
}

.return_btn {
	margin-top:clamp( 50px, calc( 7.547169811320757px + 11.320754716981133vw ), 80px );
	text-align:center;
}

nav.pagination-wrap .page-numbers .return_btn {
	margin-top:0;
}

.return_btn.has_pagination {
	margin-top:25px;
	text-align:center;
}

.return_btn a {
	min-width:140px;
	margin:0 auto;
	padding:8px 20px;
	display:inline-block;
	font-size:12px;
	text-align:center;
	border:#005daa 2px solid;
	background-color:#FFFFFF;
	background-image:url(../img/arrow_category.png);
	background-repeat:no-repeat;
	background-size:5px auto;
	background-position:right 8px center;
	color:#005daa;
}

#search-type-switch label:nth-of-type(1) {
	margin-left:20px;
}

nav.pagination-wrap {
	margin-top:clamp( 40px, calc( 25.849056603773583px + 3.7735849056603774vw ), 50px );
}

nav.pagination-wrap .page-numbers {
	display:-webkit-box;
	display:flex;
	-webkit-box-pack:center;
	justify-content:center;
	gap:0;
}

nav.pagination-wrap .page-numbers li {
	width:auto;
	background-image:none;
	font-size:clamp( 12px, calc( 9.169811320754718px + 0.7547169811320755vw ), 14px ) !important;
	border-bottom:none;
}

.raw-template nav.pagination-wrap .page-numbers li {
	font-size:12px !important;
}

nav.pagination-wrap .page-numbers li span {
	padding:8px 10px;
	display:inline-block;
	border:#005daa 2px solid;
	background-color:#FFFFFF;
	color:#005daa;
}

nav.pagination-wrap .page-numbers li span.current {
	background-color:#005daa;
	color:#FFFFFF;
}

nav.pagination-wrap .page-numbers li:nth-of-type(3) {
	margin:0 10px;
}

nav.pagination-wrap .page-numbers li:nth-of-type(1) a, nav.pagination-wrap .page-numbers li:nth-last-of-type(1) a {
	padding:8px 20px;
	text-align:center;
}

nav.pagination-wrap .page-numbers li:nth-of-type(1) a, nav.pagination-wrap .page-numbers li:nth-last-of-type(1) a {
	padding:8px 15px;
	text-align:center;
}

nav.pagination-wrap .page-numbers li:nth-of-type(1) a, nav.pagination-wrap .page-numbers li:nth-last-of-type(1) a {
	padding:8px 15px;
	text-align:center;
	background-image:url(../img/arrow_category.png);
	background-repeat:no-repeat;
	background-size:6px auto;
	background-position:right 8px center;
}

nav.pagination-wrap .page-numbers li:nth-of-type(1) {
	min-width:clamp( 68px, calc( 62.339622641509436px + 1.509433962264151vw ), 72px );
	margin-right:15px;
}

nav.pagination-wrap .page-numbers li:nth-of-type(1) a {
	padding:8px 10px 8px 30px;
	text-align:center;
	background-image:url(../img/arrow_category2.png);
	background-repeat:no-repeat;
	background-size:6px auto;
	background-position:left 8px center;
}

nav.pagination-wrap .page-numbers li:nth-last-of-type(1) {
	min-width:clamp( 68px, calc( 62.339622641509436px + 1.509433962264151vw ), 72px );
	margin-left:15px;
}

nav.pagination-wrap .page-numbers li:nth-last-of-type(1) a {
	padding:8px 30px 8px 10px;
}

nav.pagination-wrap .page-numbers li a {
	padding:8px 10px;
	display:inline-block;
	border:#005daa 2px solid;
	background-color:#FFFFFF;
	color:#005daa;
}

.pagination-wrap li.empty,
.pagination-wrap li.disabled {
  visibility:hidden;
}


/* --- 一覧ページ --- */

.archive_list_wrap {
	width:100%;
}

.archive_list li {
	border-bottom:#E6E6E6 2px solid;
	background-color:#FFFFFF;
}

.archive_list li + li {
	margin-top:clamp( 7px, calc( -2.9056603773584904px + 2.6415094339622645vw ), 14px );
}

.archive_list .news_ttl {
	margin:10px 0;
	font-size:clamp( 10px, calc( 1.5094339622641524px + 2.2641509433962264vw ), 16px );
	font-weight:bold;
	line-height:1.4;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.archive_list a {
	padding:clamp( 10px, calc( -7.777777777777779px + 2.7777777777777777vw ), 20px );
	display:-webkit-box;
	display:flex;
	background-image:none;
	background-image:url(../img/arrow_list.png);
	background-repeat:no-repeat;
	background-size:clamp( 16px, calc( 7.509433962264152px + 2.2641509433962264vw ), 22px ) auto;
	background-position:right 3px bottom 3px;
}

.archive_list img {
	width:120px;
	height:auto;
	margin-right:clamp( 10px, calc( -7.777777777777779px + 2.7777777777777777vw ), 20px );
	aspect-ratio:100 / 67;
	object-fit:cover;
}

.topics_list_page .archive_list img {
	width:clamp( 165px, calc( 126px + 10.4vw ), 230px );
}

.archive_list li p {
	font-size:clamp( 10px, calc( 7.169811320754717px + 0.7547169811320755vw ), 12px );
	line-height:1.6;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}

aside h3 {
	padding:12px 0;
	font-size:15px;
	text-align:center;
	background-color:#005daa;
	color:#FFFFFF;
}

aside h3:nth-of-type(2) {
	margin-top:20px;
}

aside li + li {
	margin-top:2px;
}

aside li a {
	padding:18px 20px;
	display:block;
	font-size:15px;
	font-weight:bold;
	background-color:#FFFFFF;
	background-image:url(../img/arrow_category.png);
	background-repeat:no-repeat;
	background-size:5px auto;
	background-position:right 15px center;
}

#search-type-switch input[type="radio"] {
	display:inline-block;
	margin-bottom:3px;
}


/* --- 製品カテゴリー --- */

#category {
	padding:20px 0 clamp( 20px, calc( 5.849056603773585px + 3.7735849056603774vw ), 30px );
	border-bottom: #D9D9D9 2px solid;
	background-color:#FFFFFF;
}

.category_item {
	height:auto;
	margin-left:20px;
	padding:0;
	background-image:none;
	border-bottom:none;
}

.category_item:nth-of-type(1) {
	margin-left:0;
}

.top-cat_slider .category_item:nth-of-type(1) {
	padding-left:clamp( 35px, calc( 13.773584905660378px + 5.660377358490567vw ), 50px );
}

.category_item:nth-last-of-type(1) {
	padding-right:clamp( 35px, calc( 13.773584905660378px + 5.660377358490567vw ), 50px );
}

.category_item a {
	padding:0;
	background-image:none;
}

.category_item h3 {
    margin:0;
	padding-bottom:10px;
	font-size:clamp( 12px, calc( 9.169811320754718px + 0.7547169811320755vw ), 14px );
	border-bottom:#005daa 2px solid;
}

.category_item img {
	background-color:#F2F2F2;
}

.pu_block {
	margin-top:clamp( 15px, calc( -6.226415094339622px + 5.660377358490567vw ), 30px );
	padding:30px clamp( 35px, calc( 13.773584905660378px + 5.660377358490567vw ), 50px ) clamp( 35px, calc( 13.773584905660378px + 5.660377358490567vw ), 50px );
	position:relative;
	border-bottom: #D9D9D9 2px solid;
	background-color:#FFFFFF;
}

.pu_block .gotolist {
	top:30px;
	right:clamp( 35px, calc( 13.773584905660378px + 5.660377358490567vw ), 50px );
}

.pu_block h3 {
	font-size:24px;
	margin-bottom:clamp( 20px, calc( 5.849056603773585px + 3.7735849056603774vw ), 30px );
	color:#005daa;
}

.pu_block ul {
	display:-webkit-box;
	display:flex;
	flex-wrap:wrap;
	gap:12.5px;
}

.pu_block li {
	width:170px;
	height:50px;
}

.pu_block li a {
	width:100%;
	height:100%;
	padding:0 15px 0 10px;
	box-sizing:border-box;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	font-size:clamp( 11px, calc( 9.584905660377359px + 0.37735849056603776vw ), 12px );
	line-height:1.4;
	background-image:url(../img/arrow_category.png);
	background-repeat:no-repeat;
	background-size:6px auto;
	background-position:right clamp( 6px, calc( 3.169811320754717px + 0.7547169811320755vw ), 8px ) center;
	background-color:#F2F2F2;
}

.pu_list {
	margin-top:clamp( 25px, calc( 3.7735849056603783px + 5.660377358490567vw ), 40px );
}

.pu_list ul {
	display:-webkit-box;
	display:flex;
	flex-wrap:wrap;
	gap:24px;
}

.pu_list ul li {
	width:232px;
    border-bottom:#E6E6E6 2px solid;
	background-color:#FFFFFF;
	background-image:url(../img/arrow_list.png);
	background-repeat:no-repeat;
	background-size:clamp( 16px, calc( 7.509433962264152px + 2.2641509433962264vw ), 22px ) auto;
	background-position:right 3px bottom 3px;
}

.pu_list ul li a {
	display:block;
}

.pu_list ul li img {
	width:100%;
	height:auto;
	object-fit:contain;
	aspect-ratio:100 / 67;
}

.pu_list ul li p {
	padding:clamp( 10px, calc( 2.9245283018867925px + 1.8867924528301887vw ), 15px ) clamp( 10px, calc( 2.9245283018867925px + 1.8867924528301887vw ), 15px ) clamp( 20px, calc( 5.849056603773585px + 3.7735849056603774vw ), 30px );
	font-size:clamp( 12px, calc( 10.584905660377359px + 0.37735849056603776vw ), 13px );
	font-weight:bold;
	line-height:1.4;
}

.pu_list.pu_list_depth2 {
	margin-top:0;
	gap:0;
}

.pu_list.pu_list_depth2 li {
	width:100%;
	background-image:none;
	z-index:1000;
}

.pu_list.pu_list_depth2 li + li {
	border-top:#EDEDED 1px solid;
}

.pu_list.pu_list_depth2 li a {
	display:-webkit-box;
	display:flex;
	background-color:#D9D9D9;
}

.pu_list ul .pu_item_all {
	width:100%;
	background-image:none;
	z-index:1000;
}

.pu_list ul .pu_item_all a {
	display:-webkit-box;
	display:flex;
	background-color:#D9D9D9;
}

.pu_list .depth_open > a {
	background-image:url(../img/cat_open.png);
	background-size:13px auto;
}

.pu_list a.depth_close {
	background-image:url(../img/cat_close.png);
	background-size:13px auto;
}

.pu_item.depth_open > .pu_list_depth1,
.pu_item.depth_open > .pu_child_wrap {
  display: none;
}

.pu_item.depth_open > .pu_list_depth1.is-open,
.pu_item.depth_open > .pu_child_wrap.is-open {
  display: block;
}


/* 製品案内詳細 */

.product_page main {
	padding-left:0;
	padding-right:0;
}

.product_page .breadcrumb  {
	max-width:1040px;
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
}

.product_page main {
	max-width:none;
}

.product_cnt {
	width:100%;
	max-width:900px;
	margin:0 auto;
	padding:clamp( 12px, calc( -27.62264150943396px + 10.566037735849058vw ), 40px ) 20px clamp( 30px, calc( 1.6981132075471699px + 7.547169811320755vw ), 50px );
	box-sizing:border-box;
	position:relative;
}

.product_badge {
	border:#FBDDDD 4px solid;
}

.product_badge p {
	padding:6px 14px;
	font-size:clamp( 9px, calc( 4.754716981132076px + 1.1320754716981132vw ), 12px );
	text-align:center;
	color:#FF4E3F;
}

.product_badge p:nth-of-type(1) {
	padding:4px 10px;
	font-size:clamp( 9px, calc( 0.5094339622641524px + 2.2641509433962264vw ), 15px );
	font-weight:bold;
	background-color:#FF4D3F;
	color:#FFFFFF;
}

.product_ttl {
	margin-bottom:20px;
	padding-left:10px;
	font-size:clamp( 16px, calc( 4.679245283018869px + 3.018867924528302vw ), 24px );
	border-left:#005daa 4px solid;
}

.product_meta {
	margin-bottom:20px;
	font-size:clamp( 8px, calc( 5.169811320754717px + 0.7547169811320755vw ), 10px );
}

.product_meta span:nth-of-type(1) {
	margin-right:10px;
	padding:3px 5px;
	display:inline-block;
	background-color:#999999;
	color:#FFFFFF;
}

.product_meta a {
	font-size:clamp( 10px, calc( 4.339622641509434px + 1.509433962264151vw ), 14px );
	color:#005daa;
}

.product_lead {
	font-size:clamp( 10px, calc( 4.339622641509434px + 1.509433962264151vw ), 14px );
}

.product_slider_frame {
	width:100%;
	max-width:860px;
	aspect-ratio:100/65;
	margin-top:clamp( 20px, calc( 5.849056603773585px + 3.7735849056603774vw ), 30px );
	border:#E6E6E6 1px solid;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
}

.product_slider {
	width:100%;
	height:100%;
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
}

.product_slider .slick-list,
.product_slider .slick-track,
.product_slider .slick-slide {
	height:100% !important;
	position:relative;
	overflow:hidden;
}

.product_slider .slick-slide>img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	object-fit:contain;
	display:block;
}

.product_thumbs {
	margin-top:clamp( 10px, calc( 2.9245283018867925px + 1.8867924528301887vw ), 15px );
}

.product_thumbs .slick-track {
	display: flex !important;
}

.product_thumbs .slick-slide{
	width:18.8% !important;
	padding:0;
	box-sizing:border-box;
	border:#E6E6E6 1px solid;
}

.product_thumbs .slick-list{
	overflow:visible;
}

.product_thumbs .slick-slide + .slick-slide {
	margin-left:1.5%;
}

.product_thumbs img{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	aspect-ratio:1/1;
	object-fit:contain;
	cursor:pointer;
}

.product_tabs_panel {
	width:100%;
	padding:30px clamp( 20px, calc( 5.849056603773585px + 3.7735849056603774vw ), 30px ) clamp( 30px, calc( 15.849056603773585px + 3.7735849056603774vw ), 40px );
	box-sizing:border-box;
	display:none;
	border:#E6E6E6 1px solid;
}

.product_tabs_panel.is-active {
	display:block;
}

.product_tabs_panel .product_info_ttl {
	margin-bottom:clamp( 20px, calc( 12.924528301886792px + 1.8867924528301887vw ), 25px );
	font-size:clamp( 13px, calc( 5.9245283018867925px + 1.8867924528301887vw ), 18px ) !important;
	line-height:1.6;
	color:#005daa;
}

.product_tabs_panel p {
	font-size:clamp( 10px, calc( 4.339622641509434px + 1.509433962264151vw ), 14px ) !important;
	line-height:1.8;
}

.product_tabs_nav {
	display:-webkit-box;
	display:flex;
	border-bottom:#005daa 4px solid;
}

.product_tabs_btn {
	width:clamp( 80px, calc( -19.05660377358491px + 26.41509433962264vw ), 150px );
	padding:15px 0;
	font-size:clamp( 11px, calc( 3.9245283018867925px + 1.8867924528301887vw ), 16px );
	font-weight:bold;
	border:#005daa 1px solid;
	border-bottom:none;
	background-color:#FFFFFF;
	color:#005daa;
	cursor:pointer;
}

.product_tabs_btn.is-active {
	background-color:#005daa;
	color:#FFFFFF;
}

.product_tabs_nav li + li {
	margin-left:clamp( 8px, calc( 2.3396226415094343px + 1.509433962264151vw ), 12px );
}

.product_tabs table {
	width:100%;
}

.product_tabs table th {
	font-size:10px !important;
	font-weight:normal !important;
	text-align:center;
	background-color:#F2F2F2 !important;
	color:#333333 !important;
}

.product_tabs table td {
	font-size:clamp( 10px, calc( 4.339622641509434px + 1.509433962264151vw ), 14px ) !important;
	text-align:center;
}

.product_tabs .product_jan_table tbody tr td:nth-of-type(2) {
	text-align:left;
}

.product_tabs .product_order_table tbody tr td:nth-of-type(2) {
	text-align:left;
}

.product_related {
	padding:clamp( 20px, calc( -8.30188679245283px + 7.547169811320755vw ), 40px ) 0;
	background-color:#F2F2F2;
}

.related_products_cnt {
	max-width:1040px;
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
}

.product_related_topics {
	padding:clamp( 20px, calc( -8.30188679245283px + 7.547169811320755vw ), 40px ) 0;
}

.related_topics_cnt {
	max-width:1040px;
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
}

.related_topics_cnt .news_cat {
	margin-bottom:5px;
	display:inline-block;
}

.related_topics_cnt li + li {
	margin-top:clamp( 20px, calc( 12.924528301886792px + 1.8867924528301887vw ), 25px );
}

.related_topics_cnt li a {
	line-height:1.6;
	text-decoration:underline;
}


/* 検索 */

#search_result {
	padding:clamp( 30px, calc( 15.849056603773585px + 3.7735849056603774vw ), 40px ) clamp( 20px, calc( -50.75471698113208px + 18.867924528301888vw ), 70px ) clamp( 40px, calc( 25.849056603773583px + 3.7735849056603774vw ), 50px );
	background-color:#FFFFFF;
}

.search-archive .news_list {
	border-top:#E6E6E6 1px solid;
}


/*サービス*/

.service_page {
	padding:clamp( 25px, calc( 3.7735849056603783px + 5.660377358490567vw ), 40px ) 70px;
	background-color:#FFFFFF;
}

.service_page a {
	text-decoration:underline;
	color:#2118FD;
}

.service_page > p:nth-of-type(1) {
	margin-bottom:clamp( 20px, calc( 5.849056603773585px + 3.7735849056603774vw ), 30px );
	font-size:clamp( 15px, calc( 7.9245283018867925px + 1.8867924528301887vw ), 20px );
	text-align:center;
	font-weight:bold;
	line-height:1.4;
}

.service_page .service_box {
	margin-bottom:40px;
	padding:clamp( 10px, calc( 2.9245283018867925px + 1.8867924528301887vw ), 15px );
	font-size:clamp( 11px, calc( 6.754716981132076px + 1.1320754716981132vw ), 14px );
	text-align:center;
	line-height:1.8;
	border:#E6E6E6 1px solid;
	background-color:#F2F2F2;
}

#main.pipette {
    font-size:clamp( 12px, calc( 9.169811320754718px + 0.7547169811320755vw ), 14px );
	line-height:1.6;
}

#main.pipette h2 {
    position: relative;
    margin: 0 0 20px;
    padding-bottom: 14px;
    border-bottom: 3px solid #e5e5e5;
    font-size: clamp( 20px, calc( 14.339622641509434px + 1.509433962264151vw ), 24px );
    line-height: 1.4;
}

#main.pipette h2:before {
	content: "";
	display: block;
	position: absolute;
	left: 0; bottom: -2px;
	z-index: 1;
	width: 70px;
	height: 2px;
    background: #01479c;
}

#main.pipette h3{
	float: none;
	clear: both;
	position: relative;
	margin: clamp( 30px, calc( -12.452830188679243px + 11.320754716981133vw ), 60px ) 0 clamp( 20px, calc( -8.30188679245283px + 7.547169811320755vw ), 40px );
	padding: 0 0 0 15px;
	font-size: clamp( 16px, calc( 7.509433962264152px + 2.2641509433962264vw ), 22px );
	line-height: 1.4;
	text-align: left;
    border-left: 3px solid #005daa !important;
}
#main.pipette  h3 span{
    color: #aaa;
	font-size: 1.2rem;
}

#main.pipette h3:after{
	content: "";
	display: block;
	position: absolute;
	left: 0; bottom: -10px;
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #ccc;
}

#main.pipette h4{
	float: none;
	clear: both;
	position: relative;
	margin: 70px 0 45px;
	padding: 0 0 0 15px;
	font-size: clamp( 15px, calc( 7.9245283018867925px + 1.8867924528301887vw ), 20px );
	line-height: 1.4;
	text-align: left;
}
#main.pipette h4:after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	border-bottom: 3px double #ccc;
}

#main.pipette .attention{
    display: block;
	background:#fcfcfc;
	border:1px solid #efefef;
	margin:0 auto 30px;
	padding:20px;
}
#main.pipette .attention p{color:#f66; line-height:1.6;}
#main.pipette .attention p a{color:#01479c;}
#main.pipette .attention p a:hover{text-decoration:none;}

#main.pipette span.attention_txt{color:#f66;}

#main.pipette div.pipette_box,
#main.pipette div.repair_box{
	display:table;
	width:100%;
	margin:0 auto 20px;
	padding:0;
}
#main.pipette div.repair_box{margin:20px auto;}
#main.pipette div.pipette_box div,
#main.pipette div.repair_box div{
	display:table-cell;
	width:auto;
	vertical-align: top;
	margin:0;
	padding:0;
}
#main.pipette div.repair_box div{vertical-align: middle;}
#main.pipette div.repair_box div.left table tr td{text-align:left;}

#main.pipette div.pipette_box div.left,
#main.pipette div.repair_box div.left{
	width:48%;
	padding-right:2%;
}
#main.pipette div.pipette_box div.left img{
	display:block;
	width:100%;
	max-width:768px;
	margin:0 auto;
}

#main.pipette div.pipette_box div.right ul{
	width:100%;
	margin:0 auto;
	padding:0;
}
#main.pipette div.pipette_box div.right ul li{
	list-style:none;
	margin:0 auto 10px;
	padding:0;
}

#main.pipette div.pipette_box div.right ul li a{
	position:relative;
	display:inline-block;
	margin:0 auto 5px;
	padding:8px 36px 8px 12px;
	line-height:1em;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	background:#005daa !important;
	border-radius:6px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#main.pipette div.pipette_box div.right ul li a::before {
    content: "";
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 46%;
    border: 6px solid transparent;
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 6px;
    border-top: 6px solid #fff;
}
#main.pipette div.pipette_box div.right ul li:last-child a::before{
	right:9px;
	margin-top:-4px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left:6px solid #fff;
}

#main.pipette div.pipette_box div.right ul li p{
	margin:0 auto;
	padding:0;
	font-size:12px;
	line-height:1.4em;
}
#main.pipette div.pipette_box div.right ul li a:hover{
	opacity:0.6;
	-ms-filter:"alpha(opacity=60)";
}

#main.pipette div.pipette_point{
	margin:0 auto 40px;
	padding:8px 16px;
	border:1px dotted #ccc;
	background:#f7f7f7;
}
#main.pipette div.pipette_point p{
	color:#E96E70;
	margin:0 auto;
	padding:0;
}
#main.pipette p{margin:0;}
#main.pipette p.indent{
	padding:0 0 0 1em;
	text-indent:-1em;
}

#main.pipette .file_ul{
	width:auto;
	margin:20px auto;
	padding:0;
}
#main.pipette .file_ul li{
	position:relative;
	list-style:none;
	margin:10px auto 0;
	padding:0 0 0 1.5em;
}
#main.pipette .file_ul li::before{
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	content:"・";
}
#main.pipette .file_ul li a{
	display:inline-block;
	padding:0 26px 0 0;
	margin:0;
}

#main.pipette .file_ul li a:hover{text-decoration:none;}
#main.pipette .file_ul li a.excel_icon{background:url("/img/excel_icon.png") right center/16px no-repeat;}
#main.pipette .file_ul li a.pdf_icon{background:url("../img/pdf_icon.png") right center/16px no-repeat;}

#main.pipette div.repair_box div span.bold{
	display:table;
	font-size:clamp( 14px, calc( 11.169811320754718px + 0.7547169811320755vw ), 16px );
	font-weight:600;
	margin:0 0 5px;
	padding:0;
}

#main.pipette div.repair_box div.left table{
	margin:0 auto;
	padding:0;
}
#main.pipette div.repair_box div.left table tr th{width:30%;}
#main.pipette div.repair_box div ul{
	width:auto;
	padding:0;
	margin:0 auto;
}
#main.pipette div.repair_box div.right ul{margin-bottom:10px;}
#main.pipette div.repair_box div ul li{
	position:relative;
	list-style:none;
	margin:0 auto;
	padding:0 0 0 1.2em;
}
#main.pipette div.repair_box div ul li::before{
	position:absolute;
	display:inline-block;
	content:"・";
	top:0;
	left:0;
}
#main.pipette a.links:hover{text-decoration:none;}

#main.pipette a.blank_icon{
	background:url("../img/blank_icon.png") right 6px center/16px no-repeat;
	padding-right:28px;
}
#main.pipette h4{
	color:#01479c;
	position:relative;
	margin:20px 0 10px;
	padding:0 0 0 1em;
}
#main.pipette h4::after{display:none;}

#main.pipette h4::before{
	position:absolute;
	top:0;
	left:0;
	content:"●";
	line-height:1.6;
	font-size:18px;
	display:inline-block;
}

#main.pipette .proofreading_box{
	width:100%;
	margin:0 auto;
	padding:0;
}
#main.pipette table{margin:10px auto;}
#main.pipette table tr th{
	color:#fff;
	line-height:1.4em;
	text-align:center;
	background:#005daa !important;
}
#main.pipette  table tr td{text-align:center;}

#main.pipette  table tr td.maru{
	font-size:20px;
	line-height:0.8em;
}
#main.pipette table tr td:first-child{
	text-align:left;
	background:#f7f7f7;
}

#main.pipette  dl.info{
	width:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
#main.pipette  dl.info dd{
	float:left;
	width:44%;
	padding:2%;
	margin:0 4% 0 0;
	background:#f7f7f7;
}
#main.pipette  dl.info dd:last-child{margin-right:0;}

#main.pipette ul.conditions,
#main.pipette dl.info dd ul{ 
	width:100%;
	margin:0 auto 20px;
	padding:0;
}
#main.pipette dl.info dd ul{margin:0 auto;}

#main.pipette ul.conditions li,
#main.pipette dl.info dd ul li{
	position:relative;
	list-style:none;
	margin:0 auto;
	padding:0 0 0 1.2em;
}
#main.pipette ul.conditions li::before,
#main.pipette dl.info dd ul li::before{
	position:absolute;
	left:0;
	top:0;
	content:"・";
	display:inline-block;
}
#main.pipette dl.info dd > span{
	display:table;
	font-weight:600;
}
#repair,#proofreading,#inspection{
    margin-top: -60px;
    padding-top:60px;
}

.service_page table{
	margin: 60px 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #cecece;
	width: 100%;
	background: #fff;
}
.service_page tr.sample{
    background: #eff7ff;
}
.service_page tr.sample button.btn.cart{
    font-size: 12px;
    text-indent:-4em;
    padding: 3px 0 7px 45px;
}
.service_page th,
.service_page td{
	padding: 15px 20px;
	border: 1px solid #cecece;
	font-weight: 500;
	font-size: inherit;
	line-height: 1.4;
	text-align: left;
	vertical-align: top;
}
.service_page th{
	width: 20%;
	background: #f2f2f2;
}

.service_page .mb_20{margin-bottom:20px !important;}
.service_page .mb_30{margin-bottom:30px !important;}
.service_page .mb_60{margin-bottom:60px !important;}
.service_page br.sp_br{display:none;}


/*テクニカルインフォメーション*/

.tech_info {
	padding:clamp( 25px, calc( 3.7735849056603783px + 5.660377358490567vw ), 40px ) 70px;
	line-height:1.6;
	background-color:#FFFFFF;
}

.tech_info h3 {
	float: none;
	clear: both;
	position: relative;
	margin: clamp( 30px, calc( -12.452830188679243px + 11.320754716981133vw ), 60px ) 0 clamp( 20px, calc( -8.30188679245283px + 7.547169811320755vw ), 40px );
	padding: 0 0 0 15px;
	font-size: clamp( 16px, calc( 7.509433962264152px + 2.2641509433962264vw ), 22px );
	line-height: 1.4;
	text-align: left;
    border-left: 3px solid #005daa !important;
}

.tech_info  span{
    color: #aaa;
	font-size: 1.2rem;
}

.tech_info h3:after {
	content: "";
	display: block;
	position: absolute;
	left: 0; bottom: -10px;
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #ccc;
}

.tech_info a {
	text-decoration:underline;
}

.tech_info p + div {
	margin:5px 0 20px;
}


/* --- 404 --- */

.not-found {
	font-size:clamp( 11px, calc( 8px + 0.8vw ), 16px );
	text-align:center;
}

.not-found h2 {
	font-size:clamp( 60px, calc( 43.2px + 4.4799999999999995vw ), 88px );
	line-height:1.2;
}

.not-found h2 span {
	display:block;
	font-size:clamp( 21px, calc( 15px + 1.6vw ), 31px );
	border-bottom:none;
}

.not-found h3 {
	margin-bottom:clamp( 25px, calc( 22px + 0.8vw ), 30px );
	font-size:clamp( 14px, calc( 9.2px + 1.28vw ), 22px );
}

.not-found p {
	line-height:2;
}

.not-found .gototop a {
	margin-top:clamp( 50px, calc( 41px + 2.4vw ), 65px );
	display:inline-block;
	font-size:clamp( 13px, calc( 10px + 0.8vw ), 18px );
	text-decoration:underline;
}


/* Only SP */
@media only screen and (max-width: 639px) {

.product_badge {
	width:fit-content;
	margin-bottom:20px;
	display:-webkit-box;
	display:flex;
}

.product_badge a {
	display:-webkit-box;
	display:flex;
}

.product_tabs_nav li:nth-of-type(1) {
	margin-left:15px;
}

.sub_page main#news, .sub_page main#topics, .sub_page main#primary {
	padding-left:0;
	padding-right:0;
}

.sub_page main#news .breadcrumb, .sub_page main#topics .breadcrumb, .sub_page main#primary .breadcrumb {
	padding-left:20px;
}

/* --- 一覧ページ --- */

aside {
	margin-top:40px;
}

.pu_list ul {
	gap:15px 4%;
}

.pu_list ul li {
	width:48%;
}


.pu_block li {
    width:49%;
}

.pu_block ul {
    gap:12.5px 2%;
}

.pu_block h3 {
	max-width:63%;
	line-height:1.2;
}

.search-archive #search {
	height:auto !important;
}

.search-archive .main_search {
	padding:10px 0;
    flex-wrap: wrap;
}

.search-archive #search-type-switch {
	width:100%;
	margin-top:10px;
	text-align:center;
}

#search-type-switch label:nth-of-type(1) {
    margin-left:0;
}


/*サービス*/

.service_page {
	padding:clamp( 25px, calc( 3.7735849056603783px + 5.660377358490567vw ), 40px ) 20px;
	background-color:#FFFFFF;
}

#main.pipette h2 {
	margin-bottom: 15px;
}
#main.pipette h4{padding:0 0 0 1.2em;}
#main.pipette table tr th{padding:10px 4px;}	
#main.pipette table tr td.maru{font-size:18px;}
#main.pipette div.pipette_box,
#main.pipette div.repair_box{
	display:block;
	margin:0 auto;
}
#main.pipette div.pipette_box div,
#main.pipette div.repair_box div{
	display:block;
	width:100%;
	margin:0 auto 20px;
}
#main.pipette div.pipette_box div.left,
#main.pipette div.repair_box div.left{
	width:100%;
	padding:0;
}
	
#main.pipette div.pipette_point{
	margin:0 auto 30px;
	padding:8px 12px;
}

#main.pipette .file_ul{
	width:100%;
	margin:10px auto 30px;
}

#main.pipette div.repair_box div span.bold{
	margin:20px 0 5px;
	}

#main.pipette .proofreading_box dl.info{margin-bottom:30px;}	
#main.pipette dl.info dd{
	float:none;
	width:92%;
	padding:2% 4%;
	margin:0 auto 10px;
}
#main.pipette  dl.info dd:last-child{margin-bottom:0;}

#main.pipette ul.conditions,
#main.pipette dl.info dd ul{ 
	width:100%;
	margin:0 auto 20px;
	padding:0;
}
#main.pipette dl.info dd ul{margin:0 auto;}
#main .attention{margin:0 auto 20px;}
.service br.sp_br{display:block;}

.service_page table{
	margin: 20px 0;
}
.service_page th,
.service_page td{
	padding: 10px 12px;
	line-height: 1.4;
}
.service_page th{
	width: auto;
}


/* テクニカルインフォメーション */
.tech_info {
	padding:clamp( 25px, calc( 3.7735849056603783px + 5.660377358490567vw ), 40px ) 20px;
}

}


/* Only PC */
@media only screen and (min-width: 640px) {

.product_badge {
	border:#FBDDDD 4px solid;
	position:absolute;
	right:20px;
	top:clamp( 12px, calc( -27.62264150943396px + 10.566037735849058vw ), 40px );
}

.product_tabs {
	max-width:900px;
	margin:0 auto;
	padding:0 20px;
}


/* --- 一覧ページ --- */

.list_page_wrap {
	display:-webkit-box;
	display:flex;
}

aside {
	margin-left:clamp( 20px, calc( 5.849056603773585px + 3.7735849056603774vw ), 30px );
}

aside h3 {
	width:100%;
	padding:10px 0;
	font-size:14px;
}

aside h3:nth-of-type(2) {
	margin-top:15px;
}

aside ul {
	width:clamp( 180px, calc( 37.77777777777777px + 22.22222222222222vw ), 260px ) !important;
}

aside li a {
	padding:12px 20px;
	font-size:14px;
	background-position:right 12px center;
}


/* テクニカルインフォメーション */
.tech_info a:hover {
	text-decoration:none;
}

}


/* For adjust */

@media screen and (min-width: 640px) and (max-width: 849px) {

.main_search #feas-searchform-1 span {
	display:none;
}

}


@media screen and (max-width: 1040px) {
.header_serach {
	display:none !important;
}

}