@charset "UTF-8";
/* top
----------------------------------------------- */
.top_hero_txt{text-align:center;display:block;color: #444;width: 90%;margin: 0 auto 0;}
.top_hero_txt b{font-size: 6vw;font-weight: 600;font-family:游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", serif;display:block;margin: 0 auto 5vw;line-height: 1.4;}
.top_hero_txt .txt_box{text-align:left;width:100%;font-size:3.8vw;}

.top_intor{padding: 10% 0;margin: 0 auto 10%;}
.top_intor_wra{width:100%;position:relative;}
.top_intor_con{width:90%;box-shadow:0 0 6px 1px #adadad;margin:0 auto 15vw;}
.top_intor_box{background: rgba(255, 255, 255, 0.8);padding: 0 0 8.5vw;}
.top_intor_txts{margin:0 0;padding: 4vw 4.5vw 0;}
.des{text-align:justify;text-justify:inter-ideograph;}
.top_intor_txts .des{margin-bottom:10vw;color: #000;line-height: 1.8;font-size: 3.8vw;}

.top_product {width: 90%;margin: 0 auto 0;padding: 0 0 10vw;}
.product_box{width: 100%;margin-bottom: 20vw;}
.product_box li{margin-bottom: 10%;}
.product_box li:last-child{margin-bottom: 0;}
.product_box li img{margin-bottom: 6%;}
.product_box a{width: 100%;}
.product_box b{ display: block;font-size: 4vw;margin-bottom: 4%;line-height: 1.25;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;text-align: center;}
.product_box p{font-size: 3.8vw;letter-spacing: 0.06em;}

.rental{margin: 10% auto 0;width: 100%;}
.rental img{margin: auto;width: 100%;}

.medical{margin: 10% auto 10%;width: 100%;}
.medical img{margin: auto;width: 100%;}

.top_voice{background: url("../images/voice_bg.jpg");background-size: cover;padding: 10% 0;}
.top_voice ul.voice_box{width: 90%;margin: auto;}
.top_voice ul.voice_box li{background: rgba(255, 255, 255, 0.8);box-shadow: none;padding: 6%;margin: 0 auto 6%;}
.top_voice ul.voice_box li img{margin: 0 auto 6%;}
.top_voice ul.voice_box dl{width: 100%;}
.top_voice ul.voice_box dt{ text-align: center;margin-bottom: 6%; color: #aa873d; font-size: 4.5vw; display: block; font-weight: 600; font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", serif;line-height: 1.6;}
.top_voice ul.voice_box dt span{display: block; color: #333;font-size: 80%;margin-top: 4%;font-family: none; line-height: 1.6;}
.top_voice ul.voice_box dd{color: #000;font-size: 3.8vw;}
.top_voice .more01.short{width: 80%;}
.top_voice .voice_more{margin: 4vw auto 0;display: block;text-align: right;position: relative;padding-right: 10vw;}
.top_voice .voice_more:after{content: "";display: inline-block;width: 7vw;height: 3vw;background: url(../images/more01_arrow.svg) center center / 100% no-repeat;position: absolute;top: 32%;right: -4%;-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}


.top_media{padding: 10% 0;background: #fff;}
.top_media .top_media_box{width: 90%;margin: auto;}
.top_media .top_media_box p{color: #333;font-size: 3.8vw;text-align: center;}
.top_media .top_media_box .more01{margin: auto;}
.top_media .top_media_box ul{width: 100%;margin: 10% auto 6%;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.top_media .top_media_box li{width: 48%;margin-bottom: 4vw;}
.top_media .top_media_box li:last-of-type{width: 100%;}
.top_media .top_media_box li img{width: 100%;}


.top_qa_box{width: 90%;margin: auto;overflow: hidden;height: 185px;position: relative;}
.top_qa_box a{display: block;}
.top_qa_box img{position: absolute;top: 0;left: 50%;width: 100%;transform: translate(-50%,  -10%);-webkit-transform: translate(-50%,  -15%);}
.top_qa_box p{position: absolute;z-index: 1;text-align: center;margin: auto;width: 100%;top: 50%;left: 0;right: 0;transform: translate(0, -50%);color: #fff;}
.top_qa_box .en{ display: block; font-size: 3.8vw; font-family: trajan-pro-3; margin-bottom: 0.1em;}
.top_qa_box .jp{ display: block; line-height: 1.3; font-family: yu-mincho-pr6, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;font-weight: 500; font-size: 5.5vw; }

.top_follow{padding: 10% 0;    background: #000 url(../images/top_machine_bg.jpg) center top / cover no-repeat;}
.top_follow .machine_box_inn{background: rgba(255, 255, 255, 0.9);padding: 6%;width: 90%;margin: auto;}
.top_follow .machine_top{text-align: center;margin: 0 auto 6%;}
.top_follow .machine_box_text .midashi01,.top_follow .machine_box_text p,.top_follow .machine_top{color: #333;}
.top_follow .more01{margin: 4% auto 0;}

.top_news{padding:14vw 0;background:#000 url(../images/top_news_bg.jpg) center top / cover no-repeat;}
.top_news_posts,.top_clumn_posts{padding:4% 4% 8%;background:#fff;width:90%;margin:0 auto 8vw;}
.top_news_posts ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:3vw;}
.top_news_posts li{width:-webkit-calc((100% - 3vw) / 2);width:calc((100% - 3vw) / 2);}
.top_news_posts img{margin:0 0 3vw;}

.top_clumn_posts ul{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:100%;}
.top_clumn_posts li{width:48%;margin-bottom:4%;}
.top_clumn_posts img{display:block;width:100%;}

.top_news_box,.top_clumn_box{margin-bottom:16%;}

.top_news_txts{}
.top_news_hd{margin-bottom:2vw;}
.top_news_time{color:#aa873d;font-size:3.6vw;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝",serif;letter-spacing:0.06rem;width:100%;display:block;line-height:1;margin:0 0 1vw;}
.top_news_cat{font-size:2.8vw;color:#fff;line-height:1;padding:1vw 1.5vw;border:1px solid #555;color:#555;}
.top_news_title{color:#555;line-height:1.4;margin:2% auto;border-top:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;text-overflow:ellipsis;overflow:hidden;}

.top_product_bnr{margin: 0 0 14vw;}
.top-product-items{width: 100%;min-width: 100%;margin:0 0 10%;}
.top_product_slides .bnr-img{width: 100%; min-width: 100%; }
.top_product_slides .pc{display: none;}

@media screen and (min-width: 736px) {
/* top
----------------------------------------------- */
.top_hero_txt{margin-bottom: 85px;width: 900px;}
.top_hero_txt b{font-size: 40px;margin: 0 auto 40px;}
.top_hero_txt .txt_box{font-size:20px;}

.top_intor{padding: 80px 0 80px;margin: 0 auto 20px;}
.top_intor_wra{max-width:2000px;position:relative;top:50%;left:50%;-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0);}
.top_intor_con{width: 960px;position:relative;margin: 0 auto 100px;padding:45px 32px;box-shadow: none;}
.top_intor_box{ padding: 40px 60px;width: 660px;margin: 50px -50px 0 auto;}
.top_intor_img{position:absolute;top:-40px; right:0;left: -500px;z-index: -1;}
.top_intor_txts{width: 100%;padding:0;margin: 0 auto;}
.top_intor_txts .des{font-size:16px;line-height:1.8;margin-bottom: 35px;}
.top_intor_con .more01{letter-spacing:1px;display: block;font-size:18px;padding: 16px 70px 14px 27px;width: 330px;margin: 0 auto;}


.top_product {width: 890px;padding: 0 0 100px;}
.product_box{width: 100%;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;margin-bottom: 80px;}
.product_box li{margin-bottom: 40px;width: 48%;}
.product_box li img{margin-bottom: 16px;}
.product_box a{width: 100%;}
.product_box b{font-size: 20px;margin-bottom: 14px;display: block;text-align: center;}
.product_box p{font-size: 16px;}
	
.flex-beauty{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;}

.rental{margin:80px auto 0;width: 100%;}
.rental img{margin: auto;width: 100%;}

.medical{margin:80px auto 80px;width: 100%;}
.medical img{margin: auto;width: 100%;}

.top_voice{background: url("../images/voice_bg.jpg");background-size: cover;padding: 60px 0 80px; }
.top_voice ul.voice_box{width: 960px;margin: auto;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.top_voice ul.voice_box li{width: 30%;padding: 20px;}
.top_voice ul.voice_box dl{ height: 400px;}
.top_voice ul.voice_box dt{font-size: 18px;margin-bottom: 20px;}
.top_voice ul.voice_box dd{font-size: 16px;}
.top_voice .more01.short{margin: auto;width: 350px;display: block;}
.top_voice .voice_more{margin: 10px auto 0;font-size: 14px;padding-right: 34px;}
.top_voice .voice_more:after{width: 30px;height: 16px;right: -20px;top: 10%;}


.top_media{padding: 80px 0  80px;}
.top_media .top_media_box{width: 960px;margin: auto;}
.top_media .top_media_box p{font-size: 20px;text-align: center;}
.top_media .top_media_box .more01{margin: auto;width: 350px;display: block;}
.top_media .top_media_box ul{width: 900px;margin: 40px auto 40px;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.top_media .top_media_box li{width: 210px;margin-bottom: 0;}
.top_media .top_media_box li:last-of-type{margin-right: 0;width: 420px;}
.top_media .top_media_box li img{width: 100%;}

.top_qa_box{width: 100%;margin: 0;overflow: hidden;height: 230px;}
.top_qa_box img{position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%,  -50%);-webkit-transform: translate(-50%,  -50%);}
.top_qa_box .en{font-size:16px ;}
.top_qa_box .jp{font-size: 36px;}

.top_follow{padding: 80px 0  80px;    background: #000 url(../images/top_machine_bg_pc.jpg) center top / cover no-repeat;}
.top_follow .top_machine_box{width: 1000px;margin: auto;}
.top_follow .machine_top{font-size: 20px;text-align: center;margin: 0 auto 10%;}
.top_follow .machine_top{text-align: center;margin: 0 auto 30px;}
.top_follow .machine_box_inn{padding: 30px;width: 90%;margin: auto;}
.top_follow .more01{margin: 20px auto 0;display: block;width: 400px;}

.top_news{background:url(../images/top_news_bg_pc.jpg) center top / cover no-repeat;padding:100px 0 120px;}
.top_news_inn{width:960px;margin:auto;}
.top_news_box{width:100%;}
.top_news_posts,.top_clumn_posts{width:100%;margin:0 auto 44px;padding:30px 25px;}
.top_news_posts ul{gap:20px;}
.top_news_posts li{width:-webkit-calc((100% - 60px / 4));width:calc((100% - 60px) / 4);}
.top_news_posts img{margin:0 0 12px;}

.top_clumn_posts ul{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:100%;}
.top_clumn_posts li{width:24%;margin-bottom:0;}
.top_clumn_posts img{display:block;width:100%;}

.top_news_post{padding:0;}
.top_news_txts{}
.top_news_hd{margin-bottom:9px;}
.top_news_time{margin:0 0 5px;font-size:16px;}
.top_news_cat{font-size:12px;padding:5px 10px;}
.top_news_title{margin:0;}
.top_news .more01{margin: 30px auto 10px;display: block;width: 350px;}

.top_news_box,.top_clumn_box{margin-bottom:100px;}

.top_product_bnr{width: 890px;min-width: 890px;margin: 0 0 80px;}
.top_product_slides .bnr-img{width: 100%; min-width: 100%; }
.top_product_slides .sp{display: none;}
.top_product_slides .pc{display: block;}
}