/* --- common part --- */
/* web-to-slide Ver.2 */
#fancybox-title,.fancybox-title-over{
        display: none!important;
}

#ascensor .slide {
        background: transparent;
        background: linear-gradient(180deg, rgba(255,255,255,1) 94%, rgba(0,160,233,1) 100%);
}

html, body {
        font-smooth: always;
        -webkit-font-smoothing: antialiased;
        overflow: hidden;
}
.small{
        font-size: 11px
}
.header-container-wrapper,
.footer-container-wrapper,
.hs-tools-menu, .no-slide{
        display: none;
}
.only-print, .only-slide{
        display: block!important;
}
.only-print-no-slide{
        display: none;
}
table .only-print{
        display: none;
}
.header-item-name{
        margin-bottom: 0%!important;
}
#subtitle00 ,#title-last{
        text-align: center;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 14%;
        font-size: 4vmin;
}
#subtitle00 p {
        margin:0;
}
#title00, #title-last{
        margin: 0;
        font-weight: bold;
        border-bottom: 2px solid #aaa;
}
#title00 {
        font-size: 11vmin;
        text-align: center;
}
#title00 p,
#title-last p {
        margin:0;
}

#title00 span {
        font-size: 3vmin;
        font-weight: normal;
}
#title-last{
        font-weight: normal;
        font-size: 7.5vmin;
        margin-right: auto;
        margin-left: auto;
        position: absolute;
        top: 35%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
}
.line00{
        height: 2px;
        background: #aaa; /* linear-gradient(to right, #333, #a2a2a2, #333); */
        border: none;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
}
#line-last > p:before{
        content: "www.ablic.com"  ;
}
#line-last > p{
        padding: 0.5% 0%;
}
#line-last{
        background: linear-gradient(to right, #00a0e9, #3bb6ee, #00a0e9);
        text-align: center;
        font-size: 3.6vmin;
        color: #fff;
        margin: -1% 0% 4% 0%;
}
.sss{
        background: url('https://hub.ablic.com/hubfs/sss-big.png');
        background-size: cover;
        width: 377px;
        height: 117px;
        position: absolute;
        bottom: 18%;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
}
#corporate-massage{
        position: absolute;
        text-align: right;
        z-index: 100;
        bottom: 7%;
        right: 3%;
        height: 9%;
        width: 18%;
        font-weight: bold;
        color: #fff;
        font-size: 2.3vmin;
}
#corporate-massage > p:before{
        white-space: pre;
        content: '';
}
.logo00{
        position: absolute;
        width: 25%;
        height: 20%;
        left: 0;
        top: 0;
        background: url('https://hub.ablic.com/hubfs/leaflet/print/print-header-logo1.png');
        background-repeat: no-repeat;
        z-index: 100;
        background-size: contain;
}
.logo{
        position: absolute;
        width: 50%;
        height: 15%;
        right: -30%;
        top: -3%;
        background: url('https://hub.ablic.com/hubfs/leaflet/print/print-header-logo1.png');
        background-repeat: no-repeat;
        z-index: 100;
        background-size: contain;
}
.nombre{
        display: none;
}
/*.line{
        height: 4px;
        background: linear-gradient(to right, #00a0e9, #ffffff);
        border: none;
        width: 70%;
        text-align: left;
        margin-top: -1% ;
        margin-left: 0;
}*//*202405*/
.slide{
        width: 100%;
        position: absolute;
        overflow: hidden!important;
        -webkit-text-size-adjust: 100%;
}
#logo-last, #logo-first{
        background: url(https://hub.ablic.com/hubfs/logo_ablic_jp.png);
        background-size: contain;
        width: 370px;
        height: 48px;
        position: absolute;
        bottom: 7%;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
}
#logo-last:lang(en), #logo-first:lang(en){
        background: url(https://hub.ablic.com/hubfs/logo_ablic_en.png);
	background-size: contain;
}
#logo-first{
        position: absolute;
        bottom: 7%;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
}
/* --- ascensor --- */
@media screen{
        .links-to-floor{
                position: absolute;
                bottom: 0%;
                left: 0;
                z-index: 20;
                width: 100%;
                height: 5%;
                margin: 0;
                padding-left: 2%;
                opacity: 0.7;
        }
        .links-to-floor li{
                display: inline-block;
                width: 2%;
                height: 40px;
                padding: 3px;
                line-height: 40px;
                padding-left: 0;
        }
        .links-to-floor li span{
                display: block;
                background-color: #eee;
                text-align: center;
                color: #444;
                line-height: 33px;
                font-size: 22px;
                cursor: pointer;
        }
        .links-to-floor li span:hover,
        .links-to-floor li.selected span{
                background-color: #444;
                color: #fff;
        }
        a.fancybox img{
                padding-right: 24px;
                background: url('http://www.ablic.com/jp/semicon/wp-content/uploads/2021/10/icon-zoom-in2.png') no-repeat bottom right;
                background-size: 24px;
        }
}

/* print button */
@media (max-width:849px){
        #printout,
        .printbtnbox{
                display: none;
        }
}

@media screen and (min-width:850px){
        #printout,
        .printbtnbox{
                position: fixed!important;
                bottom: 40px!important;
                right: 40px!important;
                min-height: 50px;
                min-width: 50px;
                z-index: 100;
        }
        #printout button,
        .printbtnbox button{
                font-size: 28px;
                padding: 10px;
                cursor: pointer!important;
                border-radius: 10px;
                color: #333;
        }
        #printout button:hover,
                .printbtnbox button:hover{
                color:#00a0e9;
        }
}

/* -------------- TOP PAGE LOADING ------------- */
#loading p{
        position:absolute;
        width:100%;
        height:100vh;
        z-index:555;
        top:35%;
        left:0;
        display:flex;
        justify-content:center;
        align-items:center;
        text-align:center;
        transform:translateY(-50%);
}
#loading{
        font-weight:bold;
        font-size:9vmin;
}

#title00, #subtitle00{
        display: none;
}

.flexible{
        display: contents;
}

/* --- half-img-text --- */
.half {
	display: inline-block;
	vertical-align: middle;
}
.half-img-text,.flexible {
	margin-bottom: 80px;
	display: inline-flex;
	align-items: center;
}
.half-img {
	width: 48%;
	height: auto;
	margin-right: 24px;
	text-align: center;
}
.half-text {
	width: 48%;
}

/* --- full-img-text --- */
.full-img {
	width: 100%;
}
@media screen and (min-width: 850px) {
	.full-img > img {
		max-width: 935px;
		margin: 0 auto;
	}
}
.full-img-text {
	margin-bottom: 35px;
}

/* --- FOR LP <table> --- */
.lp-table > table {
	margin: 5% auto 0% auto;
	border-collapse: collapse !important;
	overflow: auto;
	display: table;
}
.lp-table tbody > tr {
	border-bottom: 0.5px solid #9fa0a0;
}
.lp-table tbody > tr:nth-of-type(1) {
	border-bottom: none;
}
.lp-table tbody > tr > th {
	background-color: #f5f5f5;
}
.lp-table tbody > tr > td {
	padding-top: 3px;
	padding-bottom: 3px;
}
th.induction {
	padding: 0 1rem;
	white-space: nowrap;
}
.tb-item {
	background-color: #ebeff1;
	text-align: right;
	width: auto;
	padding-right: 15px;
	padding-left: 15px;
}
.tb-spec {
	text-align: center;
	background-color: #fff;
}
p.ablic-button .btn,
p.ablic-button a,
p.ablic-button span {
	display: inline-block;
	margin: 0 auto;
	padding: 7px 20px;
	border-radius: 20px;
	outline: none;
	background: linear-gradient(90deg, #00aff4 0, #00aff4 52%, #008ed5);
	color: #fff;
	line-height: 1.625;
	cursor: pointer;
}
.lp-table p.ablic-button {
	margin: 10px 10px;
	text-align: center;
}
p.ablic-button-red a {
	background-image: linear-gradient(90deg, #ef8074 0, #ec7467 52%, #f55341);
	/*padding: 6px 23px;
        display: block; */
}
p.ablic-button a {
	text-decoration: none;
}
p.ablic-button i {
	padding-right: 5px;
}
@media (max-width: 849px) {
	#printout {
		display: none;
	}
}
@media screen and (min-width: 850px) {
	#printout {
		position: fixed !important;
		bottom: 40px !important;
		right: 40px !important;
		min-height: 50px;
		min-width: 50px;
		z-index: 100;
	}
	#printout button {
		font-size: 28px;
		padding: 10px;
		cursor: pointer !important;
		border-radius: 10px;
		color: #333;
	}
	#printout button:hover {
		color: #00a0e9;
	}
}

.h3-lp,
.h2-lp#h2-lp-app,.h2-lp#h2-lp-lineup,.h2-lp#h2-lp-table{
	margin-top: 0;
	font-weight: 400;/*202405*/
	font-size: 2.2rem;/*202405*/
	width: 77%;/*202405*/
	line-height: 2.3rem;/*202405*/
}
.h3-lp{
	position: absolute;/*202405*/
	top: -4%;/*202405*/
}
.h3-lp:not(.h3-lp-apl){
	position: static;
	font-weight: 600;
	background-color: #f1f1f1;
	padding: 5px 10px;
	font-size: 1.3rem;
}
.h2-lp#h2-lp-app,.h2-lp#h2-lp-lineup,.h2-lp#h2-lp-table{
	padding-top: 1%;
	margin-top: 1%;
}

.slide-content ul {
	list-style: none;
}
.slide-content ul li:before {
	display: inline-block;
	vertical-align: middle;
	content: '';
	width: 0.5em;
	height: 0.5em;
	background: #00a0e9;
	background: -webkit-gradient(linear,left top,right bottom,from(#43c0f0),to(#00a0e9));
	border: 0;
	border-radius: 50%;
	margin-right: 0.3em;
	margin-top: -0.2em;
}

/* --- Product Induction --- */
#product-information{
	text-align: center;
}
#product-information > p{
	margin-bottom: 1vmin;
}
#product-information > p:before{
	content: "製品の詳細はこちら";
	color: #333;
	font-size: 2.8vmin;
}
.product-induction-flex{
	display: flex;
	justify-content: center
}
.product-induction{
	white-space: nowrap;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
	box-shadow: 4px 4px #e0e0e0;
	border: solid 1px #e5e5e5;
	padding: 1% 1%;
	border-radius: 8px;
}
.product-induction .induction {
	padding-right: 15px;
} 
.product-induction:hover{
	background-color: #f6e9cf;
	transition: 0.5s;
}
.product-induction>#induction01:before,
.product-induction>#induction02:before{
	content: "f0a9";
	font-family: FontAwesome;
	font-size: 2.6vmin;
	padding-right: 6%;
}
.product-induction>.induction:before{
	content: "f0a9 ";
	font-family: FontAwesome;
	font-size: 2.6vmin;
	padding-right: 6%;
}
.product-induction>.induction{
	padding:0;
	width: 20%;
	text-align: center;
	font-size: 2.8vmin;
}

.h2-lp{
	padding-left: 3%;/*202405*/
}
.h2-lp#h2-lp-apl{
	font-size: 2.4vmin;/*202405*/
	font-weight: 400;/*202405*/
	margin-left: 0;
	margin-top: 1%;
	z-index: 100;
}

.half-img-text, .flexible{
	margin: 0 auto;
	padding: 0 3%;
	/* width: 93%; */
	position: absolute;
	/* top: 50%; */
	/* transform: translateY(-50%) ; */
	/* -webkit- transform: translateY(-50%); */
	height: 80%;
}
.half-img{
	margin-right: 0;
}

.half-img > a > img{
	/*transform: scale(1.3);
	transform-origin: top left;*/
	width: 100% !important;
}

.half-text{
	margin-left: 3%;
	width: 50%;
}

.half-text > h3{
	font-size: 3.2vmin;
}

.half-text, .full-text{
	font-size: 2.9vmin;
	line-height:1.3;
	padding-left: 4%;/*202405*/
}

.full-img-text{
	margin-top: 1%;
	margin-bottom: 0px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

.full-img{
	text-align: center;
	max-height: 100%;
	width: auto;
	top: 50%;
	left: 50%;
}

.full-img img{
	width: 950px;
}
.selection-link{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 7%;
}
.lp-table{
	font-size: 2.3vmin;
}
/* 追加コンテンツへのリンク＿始まり */
p.ex-content-link{
	background-color: #eef4f2;
	border-radius: 8px;
	padding: 2%;
	margin-top: -2vh;
	font-size: 70%;
}
p.ex-content-link a{
	color: #00a0e9;
}
nav.lp-cv{
        font-weight: normal;
        font-size: 3vmin;
        margin-right: auto;
        margin-left: auto;
        position: absolute;
        top: 64%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        text-align: center;
}
nav.lp-cv li {
        list-style: none;
}
nav.lp-cv a{
        text-decoration: none;
        background-color: #f4f2f2;
        padding: 10px 20px;
        margin: 6px 0px;
        border-radius: 10px;
        display: grid;
        width: 260px;
}
nav.lp-cv a img{
        display: block;
        margin: auto;
}


/* 追加コンテンツへのリンク＿終わり */

@media screen{
	#full-00 img{
		max-width: 80%;
	}
	.full-img{
		text-align : center;
		margin-bottom: 0;
		margin-top: 0;
	}
	#half-04 .half-text{
		width: 50%;
	}
}

/* --- print --- */
@media print {
	.half-text p {
		font-size: 2.8vmin;
		line-height: 1.25;
	}
	.half-text p.ex-content-link {
		font-size: 70%;
	}
	#slide03 div.half-img-text p:nth-of-type(3) {
		margin-bottom: 0;
	}
	#slide03 div.half-text p:nth-of-type(4) {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.h2-lp{
		width: 75%;
	}
	.full-img-text{
		margin-top: 25mm;
		top: 0;
		left: 0;
		transform: unset;
	}
	div.main-content{
		position: relative;/*202405*/
	}
	.h2-lp#h2-lp-apl{
        	font-size: 2vmin;/*202405*/
	}
}

div.slide-title{
	min-height: 8%;/*202405*/
}
.lp-table p.ablic-button a{
        background: unset;/*202405*/
        background-color:#19a7e1;/*202405*/
        border-radius: 5px;/*202405*/
        border: solid 2px #19a7e1;/*202405*/
}
.lp-table p.ablic-button-red a{
	background: unset;/*202405*/
	background-color: #d14636;/*202405*/
	border: solid 2px #d14636;/*202405*/
}
.lp-table p.ablic-button a:hover{
        background-color:#fff;/*202405*/
        color: #19a7e1;/*202405*/
        text-decoration: none;/*202405*/
}
.lp-table p.ablic-button-red a:hover{
	background-color:#fff;/*202405*/
        color: #d14636;/*202405*/
        text-decoration: none;/*202405*/
}
.lp-table p.ablic-button a{
	border-radius: 5px;/*202405*/
}
.lp-cv ul {
	padding-left: 0px;
}

/* --- Print CSS ---*/
@page {
	size: A4 landscape;
	margin: 0mm;
	scale : 1.0;
}
@media print {
	html{
		overflow: scroll;
		height: 99%;
	}
	body{
		/*  width: 297mm; *//* for Chrome */
		-webkit-print-color-adjust: exact;
		color-adjust: exact;
		/*    line-height: 1.5em; */
		/*  overflow: scroll; */
		counter-reset: sheet; /* カウンタの初期化 */
		padding: 0;
		/* zoom: 1.15; */
  	}
	#how-to p,#printout{
		display: none;
  	}
	#how-to > p::before{
		display: none;
	}
	#navigationMap{
		display: none;
	}
	#ascensor{
		position: static!important;
		width: auto!important;
		height: auto!important;
	}
 	#ascensor .slide {
		position: relative!important;
		width: 297mm!important;
		height: 200mm!important;
		page-break-after: always;
		box-sizing: border-box;
		top: unset!important;
		left: unset!important;
		overflow: visible!important;
		transform: none!important;
		background: transparent;
	}
	#ascensor .slide::after {
		position: absolute;
		bottom: 0;
		width: 100%;
		text-align: center;
		counter-increment: sheet;
		content: counter(sheet);
	}
	#ascensor .slide .content-inner {
		padding-top: 5mm;
	}
	.only-slide a {
		text-decoration: none;
	color: initial;
	}
  	h3.underline,.content-inner h4 {
		line-height: 1em;
	}
	.triangle {
		position: fixed;
		right: 0;		
		width: 0;
		height: 0;
		bottom: 1px;
		border-style: solid;
		border-width: 0 0 400px 400px;
		border-color: transparent transparent #00a0e9 transparent;
		z-index: -1;
	}
	.footer {
		display: block;
		height: 6%;
		width: 100%;
		background: linear-gradient(180deg, rgba(255,255,255,0) 94%, rgba(0,160,233,1) 100%);
		margin-top: 30px;
		position: fixed;
		bottom: 0;
		left: 0;
		text-align: center;
		z-index: 1000;
	}
	#subtitle00 {
		text-align: center;
		width: 100%;
		margin: 0 auto 0;
		position: absolute;
		top: 27%;
		transform: none;
		line-height: 1.2;
	}
	#title00, #title-last {
		border-bottom: 2px solid #333;
		position: absolute;
		width: 100%;
		top: 40%;
	}
	.corpinfo {
		position: static;
	}
	.logo00{
	/*display: none;*/
	}
	.logo{
		position: absolute;
		width: 23%;
		height: 20%;
		/*float: right ;*/
		right: -5mm;
		/*top: -5.5mm;*/
		background: transparent url(https://hub.ablic.com/hubfs/leaflet/print/print-header-logo1.png) no-repeat;
		z-index: -2;
		background-size: contain;
}
	dl.straight dt {
		margin-bottom:1cm;
	}
	dl.straight dd {
		margin-bottom:1cm;
		margin-left:1cm;
	}
	a.fancybox img {
		padding-right: 0!important;
		background: none!important;
	}
	.only-sp{
		display: flex;
	}
	.only-pc {
		display: none;
  	}
  	#ascensor .slide:last-child {
		page-break-after: avoid;
		break-after: avoid;
	}
	.h2-lp#h2-lp-app, .h2-lp#h2-lp-lineup, .h2-lp#h2-lp-table{	
  		margin-top: 1%;
	}
}