@charset "UTF-8";


html,body{background-color:#FFF;font-family: "Noto Serif JP", serif;font-size:16px;font-weight:400;color:#000;background-size:auto;background-position:center top;background-repeat:no-repeat;}

.sans{font-family:sans-serif;}
.serif,.min{font-family:serif;}
.font_roboto{font-family:'Roboto', sans-serif;}
.font_oswald{font-family:'Oswald', sans-serif;}
.font_kaisei{	font-family: "Noto Serif JP", serif;font-style: normal;}/* Kaisei Decol */
.reg{font-weight: 400;}
.mid{font-weight: 500;}
.bld{font-weight: 700;}

section{position:relative;box-sizing:border-box;
	&[class*="bg_"]{padding-top:6em;padding-bottom:6em;}
	& > .row{width:100%;margin-left:auto;margin-right:auto;}
}
h1,h2,h3,h4,h5,h6{position:relative;box-sizing:border-box;line-height:1.25;margin:0px 0px 1em;padding:0px;position:relative;box-sizing:border-box;font-weight:500;letter-spacing:0.05em;
	& > span{display:block;}
	& > em{display:block;
		&+small{margin-top:0.5em;}
	}
	& > small{display:block;font-size:0.5em;}
}

h1{font-size:2.25em;}
h2{font-size:2em;text-align:center;
	&[class*="bg_"]{color:#FFF;padding:0.2em 0;font-size:1.75em;}
}
h3{font-size:1.5em;}
h4{font-size:1.25em;}
h5{font-size:1.125em;}


ul{margin:1rem 0px;padding:0px;list-style-type:none;
	& > li{position:relative;
		&+li{margin-top:1em;}
	}
	&.dot > li{padding-left:1em;
		&:before{width:0.2em;height:0.2em;border-radius:50%;background:#000;position:absolute;left:0.25em;top:0.7em;content:'';display:block;}
	}
	&.dot.white > li{
		&:before{background:#FFF;}
	}
	&.inline_list{
		& > li{display:inline-block;margin-right:2em;
			& a:hover{text-decoration:underline;}
			& .arrow{position:relative;padding-right:1.5em;display:inline-block;
				&:after{content:'';display:block;position:absolute;right:0.3em;top:50%;margin-top:-0.3em;width:0.6em;height:0.6em;width:0.6em;height:0.6em;transform:rotate(-45deg);border-right:1px solid #004F99;border-bottom:1px solid #004F99;}
			}
			&+li{margin-top:0;margin-bottom:1em;}
		}
	}
	&.line{
		& > li{padding-left:1.2em;
			&:before{content:'';display:block;width:0.7em;height:1px;background:#000;position:absolute;left:0.1em;top:0.75em;}
		}
	}
	&.caption{
		& > li{position:relative;padding-left:1.125em;font-weight:400;
			&:before{content:'※';display:block;font-size:1em;position:absolute;left:0;top:0;}
		}
	}
	&.cle{
		& > li{margin-top:0;margin-bottom:1em;padding-left:1em;
			&:before{content:'';display:block;width:0.75em;height:0.75em;left:0;top:0.4em;border-radius:50%;background:#E50038;position:absolute;}
			&+li{margin-top:0;}
		}
		&.black > li:before{background:#000;}
	}
	
}


ol{counter-reset: num;margin:1rem 0px;padding:0px;list-style-type:none;
	& > li{position:relative;line-height:1.3;
		&:before{counter-increment: num;}
	}
	&.num{
		& > li{padding-left:1.6em;position:relative;
			&:before{content:counter(num) ".";position:absolute;left:0px;top:0px;}
		}
		&.kakko{
			& > li:before{content:"(" counter(num) ")";}
		}
		
	}
	&.bold{
		& > li{line-height:1.7;
			& > em{font-weight:600;}
			&:before{font-weight:600;}
		}
	}
}



a{color:inherit;text-decoration:none;transition:all 0.2s;
	&.disable{pointer-events:none;}
	& > img{transition:all 0.2s;
		&.img_w100{width:100%;height:auto;display:block;}
	}
	&.def_color{color:#0033FF;}
	&:hover > img{opacity:0.6;}
	&.disable{pointer-events:none;}
	&.underline:hover{text-decoration:none;}
	&.inline{display:inline-block;position:relative;
		&[class*="icon_"]{padding-left:1.6em;
			&:before{width:1.2em;height:1em;position:absolute;left:0;top:0.4em;}
			&.icon_blank:before{background-image:url(../images/parts/icon_blank.svg);}
			&.icon_pdf:before{background-image:url(../images/parts/icon_pdf.svg);}
		}
	}
}

p{line-height:1.5;
	& > em.name{font-size:1.5em;margin-left:0.25em;line-height:1.4;}
	&.lh12{line-height:1.2;}
	&.lh18{line-height:1.8;}
	&.lh2{line-height:2;}
	&.lh25{line-height:2.5;}
	&.lh3{line-height:3;}
}

i{font-style:normal;}
sup{font-size:0.75em;}
strong{font-size:1.25em;font-weight:700;}
em{font-style:normal;font-weight:500;}
i{font-style:normal;display:inline-block;position:relative;}
i:after{content:'';position:absolute;left:0;bottom:1px;display:block;width:100%;height:1px;border-bottom:2px dotted #FFF;}
ruby > rt {font-size:0.6em;text-indent:1em;}
small{position:relative;font-size:0.75em;}
span{}
address{font-size:1em;line-height:1.5;}
button{background-color: transparent;border: none;cursor: pointer;outline: none;padding: 0;appearance: none;}


picture{display:block;max-width:100%;
	& > img{display:block;width:auto;height:auto;max-width:100%;}
	&.imgs{overflow:clip;
		&.center{margin-left:auto;margin-right:auto;}
		& > img{width:100%;height:100%;object-fit:cover;}
	}
	&.w100 > img{}
}

table{width:100%;margin:0px;border-collapse:collapse;border-spacing:0em;}
table th{text-align:left;padding:0.75em 1.5em;font-weight:400;font-size:1em;line-height:1.3;background:#D7EBF5;border:1px solid #646464;}
table td{text-align:left;padding:0.75em 1.5em;font-weight:400;font-size:1em;line-height:1.3;background:#FFF;border:1px solid #646464;}
table thead th{text-align:center;background:#4C83B7;color:#FFF;}
.scroll_table{}
.row > table{display:table;}

header{
	& .sitename{}
}

aside{

}




footer{padding:0;background:#000;color:#FFF;
	& > .gototop{display:block;background:#666;border-radius:50%;width:5em;height:5em;color:#FFF;font-weight:700;position:fixed;bottom:-7em;transition:all 0.2s;right:2em;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:850;
		&:before{content:'';display:block;border-right:2px solid #FFF;border-top:2px solid #FFF;width:0.7em;height:0.7em;transform:rotate(-45deg);margin-bottom:0.2em;}
		&:hover{background-color:#182A87;}
		&.fixed{bottom:2em;}
	}
	& > .row{width:90vw;max-width:960px;}
	& .copyright{background:#222;color:#FFF;display:block;text-align:center;font-size:0.8125em;letter-spacing:0.1em;width:100%;padding:1.25em 0;}
}


.contents{}
.contents > #main{}
.contents > aside{}


.bg_img{z-index:1;overflow:clip;
	& > img{width:100%;height:100%;object-fit:cover;display:block;}
}

.caption{font-size:0.8125em;}
.underline{text-decoration:underline;}
.text_link{text-decoration:underline;color:#FF7878;font-weight:500;
	&:hover{text-decoration:none;}
}

.breadcrumb{position:relative;z-index:5;
	display:block;width:90vw;max-width:1208px;padding:1em 0;margin:0 auto;
	& > ul{display:flex;margin:0 auto;
		& > li{font-size:0.75em;position:relative;margin:0 0;
			& > a{
				&:hover{text-decoration:underline;}
			}
			&+li{margin-left:2em;
				&:before{content:'';display:block;width:0.4em;height:0.4em;border-right:1px solid #000;border-bottom:1px solid #000;transform:rotate(-45deg);position:absolute;left:-1.4em;top:0.6em;}
			}
			&:last-child a{pointer-events:none;}
		}
	}
}

.hide{display:none!important;}

.btn{display:flex;background:#000;border:2px solid #DAB300;border-radius:1em;height:3em;color:#FFF;padding:0 2em;font-size:1.25em;margin-left:auto;margin-right:auto;font-weight:700;align-items:center;position:relative;transition:all 0.3s;line-height:1.25;box-sizing:border-box;text-align:center;justify-content:center;min-width:10em;width:20em;
	&:hover{background:#DAB300;}
	&:after{content:'';display:block;position:absolute;top:50%;}
	
	&.login{border-radius:9999px;width:12em;	font-family: "Noto Serif JP", serif;color:#DAB300;
		&:hover{color:#000;}
	}
	&.center{text-align:center;}
	&.imgs > img{width:auto;height:auto;display:block;margin:0 auto;max-width:100%;}
	&.arrow{
		&:after{position:absolute;right:1em;top:50%;margin-top:-0.3em;width:1.2em;height:1.2em;width:0.6em;height:0.6em;transform:rotate(-45deg);border-right:2px solid #000;border-bottom:2px solid #000;}
		&.white{border-color:#FFF;color:#000;
			&:after{border-right-color:#FFF;border-bottom-color:#FFF;}
		}
		&.red{border-color:#E50038;color:#E50038;
			&:after{border-right-color:#E50038;border-bottom-color:#E50038;}
		}
	}
	
	&.blank{padding-left:3em;
		&:before{content:'';display:block;width:1.25em;height:0.85em;position:absolute;left:1.5em;top:50%;margin-top:-0.4em;background:url(../images/parts/icon_blank_blk.svg) center center no-repeat;background-size:contain;}
		&:hover{border-color:#E50038;color:#E50038;
			&:before{background-image:url(../images/parts/icon_blank_red.svg);}
		}
		&.red{border:2px solid #E50038;background:#FFF;color:#E50038;
			&:before{background-image:url(../images/parts/icon_blank_red.svg);}
		}
		&.ble{border:2px solid #004F99;background:#FFF;color:#004F99;
			&:before{background-image:url(../images/parts/icon_blank_ble.svg);}
		}
	}
	&.sml{height:1.875em;border-radius:0em;display:inline-block;width:auto;border:0;padding:0.5em 1.5em;height:auto;border-radius:0.25em;font-size:0.8125em;font-family:sans-serif;line-height:1;
		&.arrow:after{width:0.4em;height:0.4em;border-width:1px;margin-top:-0.2em;right:0.75em;}
		&.center{margin:0 auto;}
	}
	&.fit{width:fit-content!important;}
	&.mid{height:2.3em;font-size:0.8125em;
		&.arrow:after{width:0.4em;height:0.4em;border-width:1px;margin-top:-0.2em;right:0.75em;}
	}
	
	&.left_m0{margin-left:0;}
	&.right_m0{margin-right:0;}
	
	&[class*="bg_"]{color:#FFF;border-width:0;
		&.arrow:after{border-color:#FFF;}
	}
	&.bg_gry{background-color:#969696;}
	&.bg_pnk{background-color:#ED4C73;}
	&.bg_ble{background-color:#004F99;}
	&.bg_ble2{background-color:#4C83B7;}
	&.ble{color:#004F99;border-color:#004F99;
		&.arrow:after{border-color:#004F99;}
	}
}


*[class*=icon_]:before{display:block;content:'';background-position:center;background-repeat:no-repeat;background-size:contain;}
.icon_inquiry:before{background-image:url(../images/parts/icon_inquiry.svg);}
.icon_inquiry_white:before{background-image:url(../images/parts/icon_inquiry_white.svg);}
.icon_form:before{background-image:url(../images/parts/icon_form.svg);}
.icon_smt:before{background-image:url(../images/parts/icon_smt.svg);}
.icon_book_line:before{background-image:url(../images/parts/icon_book_line.svg);}
.icon_book:before{background-image:url(../images/parts/icon_book.svg);}
.icon_youtube:before{background-image:url(../images/parts/icon_youtube.svg);}
.icon_blank:before{background-image:url(../images/parts/icon_blank_blk.svg);}

.center{
	& > .btn{
		
		&.w10em{max-width:10em!;}
		&.w15em{max-width:15em;}
		&.w20em{max-width:20em;}
		&.w25em{max-width:25em;}
	}
	&.em{
		& label > span{font-weight:600;}
	}
}

.acc{
	& > .acc_head{
		&+.acc_cont{display:none;}
		&.active{
			&+.acc_cont{display:block;}
		}
	}
}




.more{font-size:1.25em;display:block;font-weight:400;position:relative;padding:0.75em 1.5em 0.75em 0;min-width:220px;border-bottom:1px solid #000;box-sizing:border-box;
	&:after{content:'';display:block;position:absolute;top:50%;right:0;margin-top:-0.5em;width:1em;height:1em;background:url(../images/parts/icon_arrow_red.svg) center center no-repeat;background-size:contain;}
	&:before{content:'';display:block;width:100%;width:0%;height:1px;background:#E50038;transition:all 0.5s;position:absolute;left:0;bottom:-1px;}
	&:hover{color:#E50038;
		&:before{width:100%;}
	}
	&.sml{font-size:1em;padding:0.5em 1.25em 0.5em 0;min-width:auto;}
	&.down:after{transform:rotate(90deg);}
}


	
.lead{font-size:1.25em;line-height:1.8;
	& .caption{font-size:0.8125em;}
	&.em{font-weight:700;font-size:1.675em;}
	& > em.num{color:#E50038;font-size:1.5em;
		& > small{font-size:0.75em;font-weight:700;}
	}
	&.mid{font-weight:500;}
	&.bold{font-weight:600;line-height:2.4;}
	&.big{font-size:1.75em;}
	&.big_2{font-size:2.25em;}
}

.tel{font-size:1em;}
.fax{font-size:1em;}

.bg_sky{background-color:#29ABE2;}
.bg_org{background-color:#FBB03B;}
.bg_grn{background-color:#00A99D;}

.bg_white{background-color:#FFF;}
.bg_ylw{background-color:#FFC800;}
.bg_red{background-color:#E50038;}
.bg_ble{background-color:#004F99;}
.bg_ble2{background-color:#4C83B7;}



.dl_tbl{
	& > dl{margin-bottom:0.15em;
		& > dt{background:#aaaaaa;color:#FFF;padding:0.6em 0.6em;}
		& >dd{background:#f4f4f4;padding:0.6em 0.6em;}
	}
	&.sml{
		& > dl{margin-bottom:0.15em;
			& > dt{display:flex;align-items:center;}
			& >dd{
				& .lineup_price{
					& em{}
				}
			}
		}
	}
}

.dl_blk_sm{
	& .consumables_body{display:flex;margin-bottom:1.25em;
		& picture{width:30%;margin-right:0.2em;flex-shrink:0;background:#FFF;
			& img{display:block;width:100%;height:100%;object-fit:contain;margin:0 auto;}
		}
		& dl{flex-grow:1;background:#FFF;
			& > dt{padding:0.4em 0.6em;box-sizing:border-box;}
			& >dd{
				& > p{padding:0.4em 0.6em;box-sizing:border-box;border-top:0.2em solid #F0F0F0;}
				& > p+p{}
			}
		}
	}
}


.abs_center{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}


.link_imgs{overflow:clip;display:block;position:relative;
	& picture{overflow:clip;width:100%;height:auto;
		&:before{z-index:4;width:100%;height:100%;position:absolute;left:0;top:0;display:block;content:'';pointer-events:none;transition:all 0.2s;}
		& img{transition:all 0.3s;z-index:2;object-fit: cover;width: 100%;max-height:320px;}
	}
	&:hover{
		& picture{
			& img{transform:scale(1.1);}
			&:before{opacity:0;}
		}
	}
}






@media screen and (min-width: 751px){


body{font-size:1em;}


p{line-height:1.8;
	&.pc_lh{line-height:3;}
}
.pc_center{text-align:center;}

a.tel{pointer-events:none;}


section{margin-bottom:6em;}
.pc_abs{
	&.left_top{top:0;left:0;}
	&.right_top{top:0;right:0;}
	&.cont_top_right{top:0;right:calc(50vw - 480px);}
}

.dl_tbl{
	& > dl{display:flex;justify-content:space-between;
		& > dt{width:10em;flex-shrink:0;}
		& >dd{flex-grow:1;}
	}
}



}



@media screen and (min-width: 751px) and (max-width: 1020px){
html,body{font-size:1.5vw;}
section{padding-left:4vw;padding-right:4vw;
	&.w100{padding:0;}
}
}



@media screen and (max-width: 750px){

html,body{font-size:3vw;}
body{}

header{height:5em;
	& > .row{padding-left:5vw;padding-right:18vw;
		& > .lead{font-size:1em;}
}
}

main{}

h1{
	& > span{font-size:1.75em;}
}



p{line-height:1.8;
	&.lead{font-size:1.15rem;}
	&.sp_center .btn{margin-left:auto;margin-right:auto;}
	&.lead.em{font-size:1.25rem;}
	&.em .mwform-checkbox-field-text{font-weight:600;}
}

section{margin-bottom:15vw;
	& > .row{width:90vw;margin:0 auto;}
}

aside{
}

footer{padding:10vw 0;
	& > .row{
	
	}
}


br.tb{display:none;}
.sp_center{margin-left:auto;margin-right:auto;text-align:center;}


aside{
	&.gmenu{
		& > .pannel_btn{height:5em;font-size:1em;}
			& > .gmenu_cont{width:100vw;padding:15vw 10vw;box-sizing:border-box;
			
			& > a,& > dl{font-size:1em;}
			& > .btn{width:100%;max-width:none;}
		}
	}
}

.center{
	& > .btn{}
}

.pc_abs{
}


.link_imgs{
}




}