@charset "UTF-8";
/* CSS Document */

.product { width: 95%; max-width: 800px; margin: 0 auto; padding-bottom: 50px; font-family: 'Noto Sans JP', sans-serif; padding-top: 50px; }
.clearfix { clear: both; }
.clearbox { padding-top: 30px; }
.productname { font-size: 13px; text-align: center; padding-top: 20px; }

.gyou1 { display: inline-block; width: 10em; }





/*  img size  */
.img200 { max-width: 200px; margin: 0 auto; padding-top: 30px; }
.img250 { max-width: 250px; margin: 0 auto; padding-top: 30px; }
.img300 { max-width: 300px; margin: 0 auto; padding-top: 30px; }
.img400 { max-width: 400px; margin: 0 auto; padding-top: 30px; }
.img350 { max-width: 350px; margin: 0 auto; padding-top: 30px; }
.img450 { max-width: 450px; margin: 0 auto; padding-top: 30px; }
.img500 { max-width: 500px; margin: 0 auto; padding-top: 30px; }
.img600 { max-width: 600px; margin: 0 auto; padding-top: 30px; }
.img700 { max-width: 700px; margin: 0 auto; padding-top: 30px; }
.img800 { max-width: 800px; margin: 0 auto; padding-top: 30px; }
.img600 img , .img700 img , .img300 img , .img350 img , .img400 img , .img450 img , .img200 img , .img800 img, .img500 img { width: 100%; }




/*  icon  */
.proicon3 { width: 330px; margin: 0 auto; margin-top: 30px; }
.proicon2 { width: 215px; margin: 0 auto; margin-top: 30px; }
.proicon1 { width: 150px; margin: 0 auto; margin-top: 30px; }
.coloricon { width: 100px; height: 93px; color: #FFF; float: left; border-radius: 100px; font-size: 14px; letter-spacing: 1px;
    display: flex; align-items: center; text-align: center; padding-top: 7px; font-family: 'EB Garamond', serif; }
.nonicon { width: 100px; height: 100px; float: left; border-radius: 100px; background-color: #FFF;}
.icont { flex: 1; line-height: 13px; }
.icont span { font-size: 10px; }
.icon02 , .icon03 { margin-left: 15px; }
.coloricon:hover { opacity: 0.5; transition: 1.0s; transform: scale(0.8);}
        
.iconMBA .coloricon     { background-color: #363636; } /* カラー指定ないものはこれ */
.iconACCU .coloricon    { background-color: #103380; }
.iconACL .coloricon     { background-color: #396fd1; }
.iconACW .coloricon     { background-color: #729ac1; }
.iconACC .coloricon     { background-color: #2a5c9c; }
.iconAmber .coloricon   { background-color: #E0A7A4; }
.iconAmberH .coloricon  { background-color: #6999BB; }
.iconAmberD .coloricon  { background-color: #f6be51; }
.iconAmberSM .coloricon { background-color: #b6b6db; }
.iconAmberSP .coloricon { background-color: #ceb1d3; }
.iconME     .coloricon  { background-color: #0B318F; }
.iconDSMIX .coloricon   { background-color: #649CD3; }
.iconGMS .coloricon     { background-color: #333333; }
.iconARUM .coloricon    { background-color: #D26A27; }
.icon5X500 .coloricon   { background-color: #D92B35; }
.icon5X300 .coloricon   { background-color: #F4E130; }
.iconDUO .coloricon     { background-color: #0067B2; }
.iconRS5 .coloricon     { background-color: #183889; }
.iconX5 .coloricon      { background-color: #254E7A; }
.iconHY .coloricon      { background-color: #EC652C; }
.iconGOS .coloricon     { background-color: #2ED9C3; }
.iconT710 .coloricon    { background-color: #00609A; }
.iconTiDisk .coloricon  { background-color: #D44746; }
.iconCL .coloricon      { background-color: #00A0E9; }
.iconZr .coloricon      { background-color: #F39800; }
.iconEXO .coloricon     { background-color: #622582; }
.iconEXOC .coloricon    { background-color: #2D285E; }
.iconSNAP .coloricon    { background-color: #383838; }
.iconBiotex .coloricon  { background-color: #00A0E9; }
.iconEZL .coloricon     { background-color: #46237A; }
.iconEZC .coloricon     { background-color: #044067; }
.iconKim .coloricon     { background-color: #101326; }
.iconCalia .coloricon   { background-color: #F1928B; }
.iconT500 .coloricon    { background-color: #969FCF; }
.iconGOS2 .coloricon    { background-color: #99D4DB; }
.iconSD .coloricon      { background-color: #1c96d4; }
.iconAD .coloricon      { background-color: #A2C252; }
.iconIP .coloricon      { background-color: #AA176F; }
.iconBC .coloricon      { background-color: #a1bbb8; }
.iconCSF .coloricon     { background-color: #559B77; }
.iconDE .coloricon      { background-color: #DA8C6B; }
.iconEX .coloricon      { background-color: #92B8E0; }
.iconAOSE .coloricon    { background-color: #E1D68B; }
.iconN2 .coloricon      { background-color: #6F94B9; }
.iconF1 .coloricon      { background-color: #4B73AC; }
.iconEP .coloricon      { background-color: #1B1231; }
.iconAM .coloricon      { background-color: #e1748a; }
.iconAR .coloricon      { background-color: #002a4d; }






/*  ALL Product  */
@media screen and (max-width: 700px) {
	.product_title { font-size: 16px; margin: 0px; padding-bottom: 2px; padding-top: 30px;}
	.p_border { max-width: 800px; width: 100%; height: 3px; background-color: #000000; }
	.p_text { font-size: 13px; width: 96%; margin: 0 auto; margin-top: 10px;}
	
	.p_title { text-align: left; font-size: 16px; }
	.productT { font-size: 12px; margin-left: 10px; }
	.productimg { max-width: 740px; width: 100%; margin: 0 auto; padding-top: 30px; padding-bottom: 30px; }
	.mainimg img { width: 100%; margin-top: 20px;}
	.num { padding: 40px 0; font-size: 12px; }
}
@media screen and (min-width: 700px) {
	.product_title { font-size: 20px; margin: 0px; padding-bottom: 2px; padding-top: 60px;}
	.p_border { max-width: 800px; width: 100%; height: 3px; background-color: #000000;  }
	.p_text { font-size: 14px; margin: 0 auto; margin-top: 10px;}
		
	.p_title{ text-align: center; font-size: 20px; }
	.productT { max-width: 700px; margin: 0 auto; font-size: 14px; text-align: center; }
	.productimg { max-width: 740px; width: 100%; margin: 0 auto; padding-top: 70px; padding-bottom: 70px; }
	.mainimg img { width: 100%; }
	.num { padding: 30px 0; font-size: 12px; text-align: center; }
}


.name a { text-decoration: none; color: #222; font-size: 14px; margin-left: 20px; }
.name a:hover { color: #526AE0;}
.name { text-align: center; margin-top: 40px; }
.mainimg { margin: 0 auto; max-width: 800px; }
.productimg img { width: 32.5%; }

.movie { width: 95%; max-width: 500px; margin: 0 auto; margin-top: 40px; }
.movie2 { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; }
.movie2 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.p_title { max-width: 800px; margin: 0 auto; display: block; padding-top: 20px; color: #BF5F60; 
	border-bottom: 2px solid #BF5F60; padding-bottom: 2px; margin-bottom: 20px;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}






/*  zirconia  */

@media screen and (max-width: 700px) {
    .zr_ass { max-width: 400px; margin: 0 auto;}
	.zr02 img , .zr03 img , .zr_ass img { width: 100%; }
	.zr02 { max-width: 700px; margin: 0 auto; margin-top: 30px; } 
	.zr03 { max-width: 600px; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; }	
}
@media screen and (min-width: 700px) {
    .zr_ass { max-width: 400px; margin: 0 auto;}    
	.zr02 img , .zr03 img , .zr_ass img { width: 100%; }
	.zr02 { max-width: 700px; margin: 0 auto; margin-top: 30px; } 
	.zr03 { max-width: 600px; margin: 0 auto; margin-top: 30px; margin-bottom: 20px;} 
}
.zrmove { max-width: 700px; margin: 0 auto; background-color: #000; border-radius: 15px; box-shadow: 3px 3px 10px;
    clear: both; margin-bottom: 100px; margin-top: 100px; }
.zrmovie { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; }
.zrmovie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 90%; border: none; }
.zrmove_img { max-width: 450px; margin: 0 auto; padding-top: 20px; }
.zrmove_img img { width: 100%; }



/*  Color Liqud  */
@media screen and (max-width: 700px) { .cl05 { max-width: 100px; padding-top: 10px; margin: 0 auto;}}
@media screen and (min-width: 700px) {    .cl05 { width: 150px; margin: 0 auto; padding-top: 30px; }}
.cl05 img {width: 100%;}
.clsp { display: inline-block ; width: 15em;}
.clmove { max-width: 700px; margin: 0 auto; background-color: #000000; border-radius: 15px; 
    box-shadow: 3px 3px 10px; clear: both; margin-top: 50px; }
.clmovie { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; }
.clmovie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 90%; border: none; }
.lm { width: 90%; max-width: 560px; margin: 0 auto; margin-top: 20px; }
.clmove_img { max-width: 450px; margin: 0 auto; padding-top: 20px; }
.clmove_img img { width: 100%; }



/*  exocad  */	
.exocad08 { transition: 1.0s; }
.exocad08:hover { opacity: 0.5; }
.exocad09 span { display: block; text-align: center; font-size: 12px; }
.module img , .module2 img { width: 100%; }
.module { max-width: 700px; margin: 0 auto; margin-bottom: 100px; }
.module img { margin-top: 20px;}
.module2 { width: 90%; margin: 0 auto; margin-bottom: 100px; }
.module2 img { margin-top: 10px; max-width: 500px; }
.exocad_move { max-width: 700px; margin: 0 auto; background-color: #C0ACD2; border-radius: 15px; 
    color: #000000; box-shadow: 3px 3px 10px; clear: both; margin-bottom: 100px; margin-top: 100px; }
.emovie { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; }
.emovie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 90%; border: none; }
.exocad_img { max-width: 450px; margin: 0 auto; padding-top: 20px; }
.exocad_img img { width: 100%; }



/*  ARUM 5X-200  */
.arum_move { max-width: 700px; margin: 0 auto; background-color: #FBAF87; border-radius: 15px; color: #000000;
    box-shadow: 3px 3px 10px; clear: both; margin-bottom: 100px; margin-top: 100px; }
.arummovie { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; }
.arummovie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 90%; border: none; }
.arum_img { max-width: 450px; margin: 0 auto; padding-top: 20px; }
.arum_img img { width: 100%; }



/*  DUO  */
.duo_move { max-width: 700px; margin: 0 auto; background-color: #A4CAEB; border-radius: 15px; color: #000000;
    box-shadow: 3px 3px 10px; clear: both; margin-bottom: 100px; margin-top: 100px; }
.duomovie { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; }
.duomovie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 90%; border: none; }
.duo_img { max-width: 450px; margin: 0 auto; padding-top: 20px; }
.duo_img img { width: 100%; }


/*  カリア  */
.calia_movie { max-width: 700px; margin: 0 auto; background-color: #F1928B; border-radius: 15px; color: #000000;
    box-shadow: 3px 3px 10px; clear: both; margin-bottom: 100px; margin-top: 100px; }
.caliamovie { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; }
.caliamovie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 90%; border: none; }
.calia_img { max-width: 450px; margin: 0 auto; padding-top: 20px; }
.calia_img img { width: 100%; }



/*  Amber Mill  */
.amber01 { max-width: 500px; margin: 0 auto; margin-top: 35px;}
.amber02 { max-width: 700px; margin: 0 auto; margin-top: 35px;}
.amber01 img , .amber02 img { width: 100%; }



/*  LINK  */

@media screen and (max-width: 700px) { .link04 { width: 200px; margin: 0 auto; margin-top: 20px; }}
@media screen and (min-width: 700px) { .link04 { width: 200px; margin: 0 auto; margin-top: 60px; margin-bottom: 20px;} }
.link04 img { width: 100%; }



/*  cmfit  */
@media screen and (max-width: 700px) { .cmfit04 { max-width: 200px; margin: 0 auto; margin-top: 10px; } }
@media screen and (min-width: 700px) { .cmfit04 { max-width: 200px; margin: 0 auto; margin-top: 60px; margin-bottom: 20px;} }
.cmfit9 { max-width: 100px; margin: 0 auto; }
.cmfit9 img { width: 100%; margin-top: 50px; }
.cmfit04 img { width: 100%; }



/*   DR-KIM */
@media screen and (max-width: 700px) {
	.drkim04 { max-width: 200px; margin: 0 auto; margin-top: 20px; }
	.drkim08 { width: 250px; margin: 0 auto; padding-top: 20px; }
}
@media screen and (min-width: 700px) {
	.drkim04 { max-width: 250px; margin: 0 auto; margin-top: 60px; margin-bottom: 20px;}
	.drkim08 { width: 320px; margin: 0 auto; padding-top: 60px; }
}
.drkim04 img , .drkim08 img { width: 100%; }



/*  Biotex  */
.biotex4 img { width: 100%; }
.biotex4 { max-width: 400px; margin: 0 auto; margin-top: 30px; margin-bottom: 20px; }



/*  SNAP  */
.snapimg { max-width: 700px; margin: 0 auto; margin-top: 20px; }
.snapimg img { width: 100%; }











/*  Furnace  ==== 未掲載 ==== */
.furnace05 { max-width: 500px; margin: 0 auto; margin-top: 50px; margin-bottom: 70px; }
.furnace05 img , .furnace04 img{ width: 100%; }


/*  m5 ==== 未掲載 ==== */
@media screen and (max-width: 700px) {
	.m505 { max-width: 400px; margin: 0 auto; margin-top: 20px; }
	.m503 { text-align: center; font-size: 14px; font-weight: bold; color: #2b7395; margin: 20px 0 ; font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }}
@media screen and (min-width: 700px) {
	.m505 { max-width: 400px; margin: 0 auto; margin-top: 70px; }
	.m503 { text-align: center; font-size: 24px; color: #2b7395; margin: 20px 0 ; font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }}
.m5_img { max-width: 450px; margin: 0 auto; padding-top: 20px; }
.m506 { max-width: 700px; margin: 0 auto; margin-top: 40px; }
.m506 img , .m505 img , .m5_img img { width: 100%; }
.m5_move { max-width: 700px; margin: 0 auto; background-color: #FCB96D; border-radius: 15px; color: #000000;
    box-shadow: 3px 3px 10px; clear: both; margin-bottom: 50px; margin-top: 50px; }
.m5movie { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; }
.m5movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 90%; border: none; }

/*  RS5 ==== 未掲載 ====  */
@media screen and (max-width: 700px) {
	.rs001 { max-width: 500px; margin: 0 auto; margin-top: 30px; }
	.rs002 { max-width: 300px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;  }
	.rs003 { max-width: 700px; margin: 0 auto; margin-top: 20px; }
	.rs001 img ,.jig img ,.rs002 img ,.rs003 img { width: 100%; }
	.jig { max-width: 200px; margin-left: 30px;}}
@media screen and (min-width: 700px) {
	.rs001 { max-width: 500px; margin: 0 auto; margin-top: 30px;}
	.rs002 { max-width: 250px; margin: 0 auto; margin-top: 50px; }
	.rs003 { max-width: 700px; margin: 0 auto; margin-top: 50px; margin-bottom: 50px; }
	.rs001 img ,.jig img ,.rs002 img ,.rs003 img { width: 100%; }
	.jig { max-width: 250px; margin-bottom: 20px; margin-top: 20px;}}
.rs5_move { max-width: 700px; margin: 0 auto; background-color: #C9E6F9; border-radius: 15px; 
    color: #000000; box-shadow: 3px 3px 10px; clear: both; }
.rs5movie { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; }
.rs5movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 90%; border: none; }
.rs5_img { max-width: 450px; margin: 0 auto; padding-top: 20px; }
.rs5_img img { width: 95%; }

/*  Identica T500 ==== 未掲載 ====  */
@media screen and (max-width: 700px) {
	.t_2 { max-width: 700px; margin: 0 auto; margin-top: 20px; margin-bottom: 10px; }
	.t_6 { max-width: 700px; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; }
	.t_7 { max-width: 600px; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; }}
@media screen and (min-width: 700px) {
	.t_2 { max-width: 700px; margin: 0 auto; margin-top: 70px; margin-bottom: 50px; }
	.t_6 { max-width: 700px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; }
	.t_7 { max-width: 600px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; }}
.t500 { font-size: 13px; text-align: center; margin-bottom: 30px; }
.t_2 img , .t_4 img , .t_6 img , .t_7 img { width: 100%; }
.t_3 { font-weight: bold; font-size: 20px; color: #65D1FE; text-align: center; margin-bottom: 10px; }
.t_4 { max-width: 600px; margin: 0 auto; margin-bottom: 20px; }

/*  DIGISTELL ==== 未掲載 ====  */
.digi02 { width: 250px; margin: 0 auto; margin-top: 30px; margin-bottom: 10px;}

.digi_move { max-width: 700px; margin: 0 auto; background-color: #B6D5AE; border-radius: 15px; color: #000000;
    box-shadow: 3px 3px 10px; clear: both; margin-bottom: 10px; margin-top: 50px; }
.digimovie { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; }
.digimovie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 90%; border: none; }
.digi_img { max-width: 450px; margin: 0 auto; padding-top: 20px; }
.digi_img img { width: 100%; }









/*  Metabiomed + MegaGenJapan + Kyocera */
.endoimg img , .endoimg2 img , .endoimg3 img , .endoimg4 img { width: 100%; margin-top: 40px; }
.endoimg { max-width: 300px; margin: 0 auto; }
.endoimg2 { max-width: 700px; margin: 0 auto; }
.endoimg3 { max-width: 250px; margin: 0 auto; }
.endoimg4 { max-width: 200px; float: left; }
.endoimg4:hover { opacity: 0.3; transition: 0.5s; }

.metalogo img , .megalogo img , .kyoceralogo img { width: 100%; margin-top: 40px; }
.metalogo { max-width: 200px; margin: 0 auto; }
.megalogo { max-width: 400px; margin: 0 auto; }
.kyoceralogo { max-width: 300px; margin: 0 auto; }
.megalogo:hover , .metalogo:hover , .kyoceralogo:hover { opacity: 0.8; transform: scale(0.8); transition: 0.5s; }