@charset 'utf-8';

.mo{display:none;}

.main-inner{max-width:1410px; width:100%; margin:0 auto;}
.headline{width:54.9%; margin:0 auto;}
.headline p{margin-top:40px; font-size:25px; letter-spacing:-0.015em; font-weight:600;}

/* main-visual */
.main-visual{max-width:1900px; width:100%; height:800px; margin:0 auto; overflow:hidden;}
.visual-wrap{position:relative;}
.main-visual video{position:absolute; top:0; left:50%; transform:translateX(-50%);}
.main-visual .vid-mo{display:none;}
.main-visual .visual-wrap{position:relative;}
.main-visual .visual-inner{position:absolute; top:132px; left:50%; padding:0 30px; max-width:1170px; width:100%; color:#fff; transform:translateX(-50%); box-sizing:border-box;}
.main-visual .txt-tit{font-size:28px; font-weight:500; margin-bottom:20px; display:block;}
.main-visual .txt-about{font-weight:600; font-size:40px; line-height:1.1;}
.main-visual .txt-rolling{position:absolute; top:0; right:30px; font-size:28px; line-height:1.21;}
.main-visual .txt-rolling li{padding:56px 0; border-bottom:1px solid #9fa5ad; transition:all .3s;}
.main-visual .txt-rolling li:first-child{padding:0 0 56px}
.main-visual .txt-rolling li:last-child{border-bottom:0;}
.main-visual .txt-rolling li:last-child img{margin-top:14px;}
.main-visual .txt-rolling li:after{content:''; display:block; clear:both;}
.main-visual .txt-rolling li img,
.main-visual .txt-rolling li p{float:left; color:#d9d9d9; cursor:default; letter-spacing:-0.025em; opacity:0.5;}
.main-visual .txt-rolling li img{margin-left:20px;}
.main-visual .txt-rolling li p{margin-left:43px;}
.main-visual .txt-rolling li b{font-weight:600; color:#fff; letter-spacing:0;}
/* .main-visual .txt-rolling li.active p,
.main-visual .txt-rolling li.active img{opacity:1;} */


/* lg-products */
.mo-prod{display:none;}
.lg-products{max-width:1230px; width:100%; margin:105px auto 30px; padding:0 30px; box-sizing:border-box;}
.lg-products li{position:relative; float:left; margin-right:2.56%; margin-bottom:30px; border-radius:20px; overflow:hidden;}
.lg-products li:nth-child(even){margin-right:0;}
.lg-products li:first-child{width:38.46%;}
.lg-products li:nth-child(2){width:58.974%;}
.lg-products li:nth-child(3){width:58.974%;}
.lg-products li:last-child{width:38.46%}
.lg-products li img{width:100%;}
.lg-products li a{display:block}
.lg-products li .img-hover-area{position:absolute; top:0; left:0; opacity:0; transition:opacity .2s;}
.lg-products li p{position:absolute; top:74px; left:40px; font-size:20px; color:#fff; }
.lg-products li:first-child p{color:#000;}
.lg-products li:hover .img-hover-area{opacity:1;}
.lg-products li:hover > img{opacity:0}
.lg-products.has-banner {margin-top:72px;}
.lg-products.has-banner + .lg-products {margin-top:72px;}


.ds-banner {position:relative; max-width:1169px; margin:0 auto; box-sizing:border-box; border-radius:20px; box-shadow:0 0 0 2px #ea1917; background:#f6f3eb; padding:24px 100px 24px; overflow:hidden;}
.ds-banner .ico_new {position:absolute; left:-26px; top:10px; color:#fff; background:#ea1917; font-size:14px; transform:rotate(-45deg); height:24px; width:100px; display:flex; justify-content:center; align-items:center;}
.ds-banner .tit {margin:0; color:#000; font-size:32px; line-height:29px; font-weight:600;}
.ds-banner .info {margin:16px 0 0 0; color:#000; font-size:18px; line-height:17px; font-weight:400;}
.ds-banner .info .only-m {display:none;}
.ds-banner .btns {position:absolute; right:32px; bottom:24px;}
.ds-banner .btns a {display:inline-block; width:176px; height:36px; border-radius:17px; background:#ea1917; border:1px solid #ea1917; text-align:center; line-height:35px; font-size:17px; color:#fff; font-weight:600;}
.ds-banner .btns a:hover {background-color:#fff; color:#000; border-color:#646464;}
@media screen and (max-width:720px) {
	.ds-banner {padding:20px 30px; text-align:center;}
	.ds-banner .tit {font-size:20px;}
	.ds-banner .info {font-size:13px; margin-top:10px;}
	.ds-banner .info .only-m {display:block;}
	.ds-banner .btns {position:static; margin-top:12px; width:100%; text-align:center;}
	/* .ds-banner .btns a {width:calc(50% - 10px); max-width:180px;} */
	.ds-banner .btns a {width:180px; max-width:90%; height:32px; line-height:32px; font-size:14px;}
	.ds-banner .btns a + a {margin-left:10px;}
}



/* mobile */
@media screen and (max-width:1169px) {
	/* .pc{display:none;}
	.mo{display:block;} */
	.main-inner{max-width:1169px;}
	.headline{width:82%;}
	
	.main-visual{height:740px;}
	.main-visual .tit-area{position:absolute; top:-56px; left:5%;}
	.main-visual .tit-area .txt-tit{font-size:26px; }
	.main-visual .tit-area .txt-about{font-size:35px;}
	.main-visual .txt-rolling{position:absolute; top:250px; right:5%; width:330px;}
	.main-visual .txt-rolling li{padding:15px 0; font-size:16px;}
	.main-visual .txt-rolling li:first-child{padding:0 0 15px;}
	.main-visual .txt-rolling li img{margin-top:2%; max-width:58px; width:100%;}
	.main-visual .txt-rolling li p{width:50%; font-size:16px;}
	
	.lg-products{max-width:1169px;}
	.lg-products li:first-child{width:38.46%;}
	.lg-products li:nth-child(2){width:58.974%;}
	.lg-products li:nth-child(3){width:58.974%;}
	.lg-products li:last-child{width:38.46%}
	
	.partner-detail-info{padding:0;}
	.partner-detail-info ~ .snsWrap {margin-bottom:0;}
}

@media screen and (max-width:720px){
	br.pc{display:none;}
	.headline span{font-size:35px;}
	.headline p{font-size:17px; margin-top:20px;}
	.visual-bg .visual-txt{width:84%; font-size:35px; line-height:1.1em;}
	.main-visual .m-txt{font-size:13px;}
	
	.main-visual{position:relative; max-width:720px; height:540px;/* max-height:540px; overflow:hidden; */}
	.main-visual .visual-wrap{height:100%;}
	.main-visual .visual-inner{position:static; transform:translate(0); height:100%;}
	.main-visual .vid-pc{display:none;}
	.main-visual .vid-mo{display:block; height:100%;}
	/* .main-visual video{width:100%;} */
	.main-visual .tit-area{position:absolute; top:30px; left:27px;}
	.main-visual .tit-area .txt-tit{font-size:16px; margin-bottom:8px;}
	.main-visual .tit-area .txt-about{font-size:23px;}
	.main-visual .txt-rolling{position:absolute; top:220px; left:50%; transform:translateX(-50%);}
	.main-visual .txt-rolling li{padding:15px 0; font-size:16px;}
	.main-visual .txt-rolling li:first-child{padding:0 0 15px;}
	.main-visual .txt-rolling li img{max-width:58px; width:100%;}
	.main-visual .txt-rolling li p{width:56.666%; margin-left:7%}
	
	.lg-products .mo-prod{display:block;}
	.lg-products .mo-prod p{font-size:13px; top:24%; left:7.3%;}
	.pc-prod{display:none;}
	.lg-products{margin:50px auto; max-width:720px; width:100%;}
	.lg-products li{margin-bottom:10px;}
	.lg-products li:first-child,
	.lg-products li:nth-child(2),
	.lg-products li:nth-child(3),
	.lg-products li:last-child{width:100%;}
	
	

	/* go-detail-page */
	.go-detail-page{margin-bottom:50px;}
	.go-detail-page .txt{font-size:27px;}
	.detail-page-list{width:100%;}
	.detail-page-list li{position:relative; float:none; width:100%; height:170px; margin-bottom:10px; padding:0 27px; box-sizing:border-box;}
	.detail-page-list li .learn-wrap{position:absolute; top:50%; left:25px; float:left; margin-top:0; padding-top:26px; width:178px; text-align:left; transform:translateY(-50%);}
	.detail-page-list li .btn-more{margin-top:17px; width:160px; height:42px; line-height:42px; font-size:15px; background:#000; color:#fff;}
	.detail-page-list li .detail-logo{padding:20px 0 5px; width:100%;}
	.detail-page-list .cloud .detail-logo{margin-left:-12px}
	.detail-page-list .probeam .detail-logo{margin-left:-30px}
	.detail-page-list .preview-img{position:absolute; top:50%; transform:translateY(-50%); right:10%; padding:0; width:134px;}
	.detail-page-list p{height:auto; margin:0; text-align:left;}
	.preview-pc{display:none;}
	.preview-m{display:block; width:100%;}
	
	.detail-page-list .coming-soon{margin-top:10px;}
	
	.detail-page-list li:first-child{color:#b2b2b2; background:#313131 url(/images/main/medical-display_m.png) no-repeat 93% 50%; background-size:134px auto;}
	.detail-page-list li:nth-child(2){background:#f2f2f4 url(/images/main/cloud-device_m.png) no-repeat 92% 50%; background-size:137px auto;}
	.detail-page-list li:nth-child(3){color:#b2b2b2; background:#313131 url(/images/main/probeam_m.png) no-repeat 100% 100%; background-size:134px auto;}
	.detail-page-list li:last-child{background:#f2f2f4 url(/images/main/monitors_m.png) no-repeat 97% 50%; background-size:154px auto;}
	
	.detail-page-list li:first-child .learn-wrap{background: url(/images/main/medical-logo-m.png) no-repeat 0 0; background-size:70% auto;}
	.detail-page-list li:nth-child(2) .learn-wrap{background: url(/images/main/cloud-logo-m.png) no-repeat 0 0; background-size:60% auto;}
	.detail-page-list li:nth-child(3) .learn-wrap{background: url(/images/main/probeam-logo-m.png) no-repeat 0 0; background-size:46% auto;}
	.detail-page-list li:last-child .learn-wrap{background: url(/images/main/monitors-logo-m.png) no-repeat 0 0; background-size:86% auto;}
	
	.go-detail-page .detail-info dt { font-size: 18px; text-align: left;}
    .go-detail-page .detail-info p {font-size: 13px; text-align: left;}
    .go-detail-page .detail-info dl{padding:34px 20px 34px 20px; text-align:center;}
}

/* 210419 partner banner */
/* .detail-info{margin:0 auto; margin-top:90px; max-width:1170px; width:100%;}
.detail-info dt{margin:0 0 40px 14px; font-size:30px; font-weight:700; color:#000;}
.detail-info dd{padding:35px 50px; height:120px; width:100%; font-size:18px; color:#666; background:#eeeff0; border-radius:18px; box-sizing:border-box; }
.detail-info p{float:left; font-size: 20px; line-height:1.3;}

.detail-info .btn-joinnow{float:right; width:165px; height:50px; padding-right:25px; font-size:16px; background:#000 url(/images/common/ico_learn_arr_wh.png) no-repeat 85% 50%; color:#fff; box-sizing:border-box;}
.detail-info .btn-joinnow:hover{background:#fff url(/images/common/ico_learn_arr.png) no-repeat 85% 50%; color:#000;} */




@media screen and (max-width:500px){
	.detail-page-list .preview-img{right:3.5%;}
}

@media screen and (max-width:330px){
	.detail-page-list .preview-img{right:2%;}
}

/* 210419 partner banner end*/

.lg-solution-banner .sb-box {position: relative;display:flex;gap: 40px;max-width: 1170px;margin: 48px auto;box-shadow: 0 0 0 2px #ea1917;padding: 32px 8px; border-radius: 20px;overflow:hidden;}
.lg-solution-banner .sb-box .ico_new {position:absolute; left:-26px; top:10px; color:#fff; background:#ea1917; font-size:14px; transform:rotate(-45deg); height:24px; width:100px; display:flex; justify-content:center; align-items:center;}
.lg-solution-banner .sb-box .sb-figure {max-width:680px;}
.lg-solution-banner .sb-box .sb-figure.pc-display {display: block;}
.lg-solution-banner .sb-box .sb-figure.mo-display {display: none;}
.lg-solution-banner .sb-box .sb-figure img {max-width: 100%;}
.lg-solution-banner .sb-box .sb-description {display: flex;flex-direction: column; justify-content: center;}
.lg-solution-banner .sb-box .sb-description .tit {font-size: 36px;font-weight: 550;color: #000000;line-height: 1.2;}
.lg-solution-banner .sb-box .sb-description .info {margin-top: 8px;font-size: 24px;color: #333333;font-weight: 400;}
.lg-solution-banner .sb-box .btn-filedown {display: flex; align-items: center; justify-content: center; margin-top:40px; width: 129px;height: 44px;color: #ffffff;
	background: #EA1917; box-sizing: border-box;border: 1px solid #ea1917;}
.lg-solution-banner .sb-box .ico-downfile {display: block;width:16px;height:16px;margin-right: 4px; background: url(/images/main/ico_download.svg) no-repeat 100% 100%;background-size:16px;}

@media screen and (max-width:768px){
.lg-solution-banner {padding-left: 30px;padding-right: 30px;}
.lg-solution-banner .sb-box {flex-direction: column;gap: 24px;max-width: 720px;padding: 0 30px;margin: 40px auto;padding: 24px 20px;}
.lg-solution-banner .sb-box .sb-description .tit {font-size: 28px;}
.lg-solution-banner .sb-box .sb-description .info {font-size: 16px;}
.lg-solution-banner .sb-box .sb-figure.pc-display {display: none;}
.lg-solution-banner .sb-box .sb-figure.mo-display {display: block;}
.lg-solution-banner .sb-box .btn-filedown {width: 116px;height:36px;font-size: 14px;}

.news-and-notice .bx-viewport {border-bottom: 0;}
.news-wrap .bx-controls-direction {display: none;}
}

.ds-banner {box-shadow: 0 0 0 2px #ffffff;background-color: #ffffff;}
.lg-products.has-banner {margin-bottom: 0;margin-top: 60px;}
.lg-products.has-banner + .lg-products {margin-top: 40px;}