html{ /*scroll-behavior: smooth;*/ overflow-x: hidden !important; }
body{
	margin:0px;
	padding:0px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
	overflow-x: hidden !important;
	overflow-y: hidden !important;
	background-color: #000000;
}

h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight:normal; color: #FFFFFF; }
p{ margin:0px; padding:0px; color: #FFFFFF; font-size: 18px; }
a{ text-decoration:none; -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
a:hover, a:focus, a:active{ outline:none; text-decoration:none;}
input:hover, input:focus, input:active{ outline:none;}
ul{ margin:0px; padding:0px;}
ul li{ list-style-type:none;}
img{ border:0px; vertical-align: middle; -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
.pull-left{ float:left;}
.pull-right{ float:right;}
.clearfix{ clear:both; overflow:hidden;}
.wrapper{ margin:0px auto;}
.container{ max-width:1200px; margin: 0px auto; padding: 0; }
.container-w { max-width: 1400px; margin: 0px auto; }
.container-s { max-width: 860px; margin: 0 auto; }
.container-fluid{ padding-right:0; padding-left:0;}
label { margin: 0; }
@-webkit-keyframes animate-block-gorizantal-2{50%{-webkit-transform:translateX(5px);transform:translateX(5px)}
0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes animate-block-gorizantal-2{50%{-webkit-transform:translateX(5px);transform:translateX(5px)}
0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
}

/* Header */
/* header { position: absolute; z-index: 10; width: 100%; } */
header a { font-size: 14px; font-weight: 700; color: #FFFFFF; }
header { width: 100%; box-sizing: border-box; }
header .pcHd { display: flex; justify-content: space-between; align-items: center; width: 100%; padding-top: 35px; padding-right: 150px; }
header .menus { display: flex; align-items: center; }
header .menus .menu-item { padding-left: 50px; }
header .menus .menu-item:nth-child(9) { background-image: linear-gradient(to right, #01A8FF , #004AFA); height: 50px; width: 165px; border-radius: 25px; padding-left: 0px; margin-left: 65px; display: flex; align-items: center; justify-content: center; }
header .menus .menu-item a { position: relative; }
header .menus .menu-item a:hover { color: #FFFFFF; background-color: #004AFA; }
header .menus .menu-item a::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: -5px;	left: 0; background-color: #FFFFFF; transform-origin: bottom right; transition: transform 0.25s ease-out; }
header .menus .menu-item a:hover::after { transform: scaleX(1); transform-origin: bottom left; }
header .menus .menu-item:nth-child(9)::after { content: unset; }
header .menus .menu-item:nth-child(9) a:hover { background-color: unset; }

/* TOP */
/* TOP-Banner */
.top-banner { width: 100%; height: 100vh; background-color: #000000; position: relative; }
.top-banner .banner { position: relative; }
.top-banner .banner>div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; }
.top-banner .banner>div img { width: 100%; }
.top-banner .banner>div:nth-child(1) { z-index: 10; position: unset; width: 100%; transform: unset; top: unset; left: unset; }
.top-banner .banner>div:nth-child(1) img { width: 100%; height: 100vh; object-fit: cover; }
.top-banner .banner>div:nth-child(2) { z-index: 12; transform: unset; width: 100%; height: 100vh; top: 0px; left: 0px; }
.top-banner .banner>div:nth-child(2) img {
	position: absolute;
	top: 0;
	left: 0;
	/* animation: cloudAnim calc(8s * var(--i)) linear infinite; */
	object-fit: contain;
	height: 100vh;
	/* overflow: contain; */
	width: unset;
}
.top-banner .banner>div:nth-child(2) img:nth-child(even) {
	top: calc(10px * var(--i));
	animation: cloudAnim calc(30s * var(--i)) linear infinite;
}
.top-banner .banner>div:nth-child(2) img:nth-child(odd) {
	animation: cloudAnim1 calc(30s * var(--i)) linear infinite;
}

@keyframes cloudAnim {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(100%);
	}
}
@keyframes cloudAnim1 {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-100%);
	}
}

.top-banner .banner>div:nth-child(3) { z-index: 14; transform: translate(-50%, -75%); }
.top-banner .banner>div:nth-child(3) img { height: 100vh; object-fit: cover; width: 100%; }
.top-banner .banner>div:nth-child(4) { z-index: 16; transform: translate(-60%, -60%); }
.top-banner .banner>div:nth-child(4) img { width: 120%; height: 100vh; object-fit: cover; }
.top-banner .banner>div:nth-child(5) { z-index: 18; width: fit-content; top: 184px; left: 20%; transform: unset; }
.top-banner .banner>div:nth-child(5) img { width: fit-content; display: none; }
.top-banner .banner>div:nth-child(6) { z-index: 20; }
.top-banner .banner>div:nth-child(7) { z-index: 11; }

.top-banner .banner h1 { font-size: 100px; font-weight: 900; color: #FFFFFF; }
.top-banner .banner .scroll-pos { top: unset; transform: unset; bottom: 100px; left: 55px; z-index: 22; }
.top-banner .banner .scroll-pos .txt { writing-mode: vertical-rl; text-orientation: mixed; font-size: 14px; color: #FFFFFF; }
.top-banner .banner .scroll-pos .pos { height: 135px; width: 1px; background-color: #007BD0; margin-top: 10px; margin-left: 8px; position: relative; }
.top-banner .banner .scroll-pos .pos .circle-sm { width: 7px; height: 7px; border-radius: 3.5px; background-color: #FFFFFF; margin-left: -3.5px; position: absolute; top: 0px; animation: sm-anim 2s ease 1s infinite; }

@keyframes sm-anim {
	0%   { top: 0px; }
	100% { top: 130px; }
}
  
.top-serise .product-circle { margin-top: -80px; }
.top-serise .product-img { position: relative; z-index: 10; }
.top-serise .product-name { color: #FFFFFF; font-size: 16px; text-align: center; }

.top-hiraki { margin-top: 35px; display: flex; }
.top-hiraki .hiraki-item { position: relative; width: 50%; }
.top-hiraki .hiraki-item>img { width: 100%; height: 100%; }
.top-hiraki .hiraki-item>div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.top-hiraki .hiraki-item>div .title { padding-bottom: 80px; }
.top-hiraki .hiraki-item>div .title p { font-size: 40px; color: #00D0FF; }
.top-hiraki .hiraki-item>div .title span { color: #FFFFFF; }
.top-hiraki .hiraki-item>div .content p { font-size: 24px; color: #FFFFFF; width: 595px; }

.movebg { position: relative; }
.movebg .bg-particle { width: 100%; height: 100%; background-color: #000000; background-image: url("../images/bg-particles.png"); mix-blend-mode: overlay; position: absolute; }
.movebg .mask-pink .circle { width: 700px; height: 700px; border-radius: 50%; background-image: url("../images/bg-mask-pink.svg"); position: absolute; top: 380px; left: -100px; background-size: cover; }
.movebg .mask-blue-md .circle { width: 700px; height: 700px; border-radius: 50%; background-image: url("../images/bg-mask-blue.svg"); position: absolute; top: 280px; right: -100px; background-size: cover; }
.movebg .mask-blue-lg .circle { width: 1000px; height: 1000px; border-radius: 50%; background-image: url("../images/bg-mask-blue.svg"); position: absolute; top: 980px; right: 500px; background-size: cover; }
.movebg .mask-green .circle { width: 700px; height: 700px; border-radius: 50%; background-image: url("../images/bg-mask-green.svg"); position: absolute; top: 1150px; right: -100px; background-size: cover; }
.movebg .mask-blue-sm .circle { width: 700px; height: 700px; border-radius: 50%; background-image: url("../images/bg-mask-blue.svg"); position: absolute; top: 1350px; left: -100px; background-size: cover; }
.movebg .mask-footer-green .circle { width: 700px; height: 700px; border-radius: 50%; background-image: url("../images/bg-mask-green.svg"); position: absolute; bottom: 0px; right: -100px; background-size: cover; }
.movebg .mask-footer-blue-sm .circle { width: 700px; height: 700px; border-radius: 50%; background-image: url("../images/bg-mask-blue.svg"); position: absolute; bottom: -50px; left: -100px; background-size: cover; }

.top-news .news-con { display: flex; padding-top: 60px; }
.top-news .news-con .title { width: 40%; padding-top: 30px; position: relative; }
.top-news .news-con .title h2 { font-size: 40px; font-weight: 700; }
.top-news .news-con .viewmore a { display: flex; align-items: center; margin-top: 65px; width: fit-content; }
.top-news .news-con .viewmore a p { font-family: "Roboto"; font-size: 14px; position: relative; margin-right: 25px; }
.top-news .news-con .viewmore a p::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: -5px;	left: 0; background-color: #FFFFFF; transform-origin: bottom right; transition: transform 0.25s ease-out; }
.top-news .news-con .viewmore a p:hover::after { transform: scaleX(1); transform-origin: bottom left; }
.top-news .news-con .content { width: 60%; }
.top-news .news-con .content .news-item { display: flex; align-items: center; position: relative; padding: 25px 0px; }
.top-news .news-con .content .news-item .icatch img { width: 180px; height: 100px; object-fit: cover; }
.top-news .news-con .content .news-item .date { padding: 0px 20px; }
.top-news .news-con .content .news-item .date p:first-child { font-family: "Roboto"; font-size: 12px; }
.top-news .news-con .content .news-item .date p:last-child { font-family: "Roboto"; font-size: 38px; }
.top-news .news-con .content .news-item .news-title p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /* number of lines to show */ line-clamp: 1; -webkit-box-orient: vertical; }
.top-news .news-con .content .news-item .right { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }

.top-merit { padding-top: 100px; position: relative; }
.top-merit .merit-con .title h2 { font-size: 40px; font-weight: 700; }
.top-merit .merit-con .title span { color: #00D0FF; }
.top-merit .merit-con .content { display: flex; flex-wrap: wrap; margin: 0px -12.5px; padding-top: 60px; }
.top-merit .merit-con .content .merit-item { width: calc(25% - 25px); background-image: linear-gradient(#05C8ED22, #0099FF11); border: 1px solid #007BD0; border-top-left-radius: 5px; border-bottom-right-radius: 5px; margin: 0px 11.5px; padding-bottom: 20px; }
.top-merit .merit-con .content .merit-item .mark { width: 75px; height: 28px; border: 1px solid #007BD0; background: #007BD050; display: flex; justify-content: center; align-items: center; border-top-left-radius: 5px; border-bottom-right-radius: 5px; }
.top-merit .merit-con .content .merit-item .mark p { font-family: "Roboto"; font-weight: 700; font-size: 12px; }
.top-merit .merit-con .content .merit-item .merit-desc { text-align: center; }
.top-merit .merit-con .content .merit-item .merit-desc .merit-ico { padding: 45px 0px; }
.top-merit .merit-con .content .merit-item .merit-desc .subtitle h5 { font-size: 20px; font-weight: 700; }
.top-merit .merit-con .content .merit-item .merit-desc .subtitle p { font-size: 14px; line-height: 30px; padding: 20px; box-sizing: border-box; height: 150px; }
.top-merit .merit-con .content .merit-item .merit-desc a p { color: #00D0FF; font-size: 14px; font-family: "Roboto"; font-weight: 700; border-bottom: 1px solid #007BD0; width: fit-content; margin: 0 auto; position: relative; }
.top-merit .merit-con .content .merit-item .merit-desc a p::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0px;	left: 0; background-color: #FFFFFF; transform-origin: bottom right; transition: transform 0.25s ease-out; }
.top-merit .merit-con .content .merit-item .merit-desc a p:hover::after { transform: scaleX(1); transform-origin: bottom left; }

.owl-carousel .owl-stage-outer {overflow: unset;}
.owl-carousel .owl-nav button.owl-prev { padding-right: 15px !important; }
.owl-carousel .owl-nav { padding-top: 25px!important; }
#counter { position: relative; margin-top: -23px; margin-left: 80px; }
#counter p { font-size: 16px; color: #FFFFFF; font-weight: 700; }
#counter span { font-size: 14px; color: #007BD0; }
.top-works { padding-top: 95px; padding-bottom: 30px; position: relative; }
.top-works .title { padding-bottom: 30px; }
.top-works .title h2 { font-size: 40px; font-weight: 700; }
.top-works .title span { color: #00D0FF; }
.top-works .content .work-item { border: 1px solid #007BD0; }
.top-works .content .work-item .item-desc { padding: 30px 20px; border-top: 1px solid #007BD0; }
.top-works .content .work-item .item-desc .item-title p { font-size: 16px; font-weight: 700; }
.top-works .content .work-item .item-desc .item-content p { font-size: 14px; margin: 25px 0px; }
.top-works .content .work-item .item-desc a p { color: #00D0FF; font-size: 14px; font-family: "Roboto"; border-bottom: 1px solid #007BD0; width: fit-content; position: relative; }
.top-works .content .work-item .item-desc a p::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0px; left: 0; background-color: #FFFFFF; transform-origin: bottom right; transition: transform 0.25s ease-out; }
.top-works .content .work-item .item-desc a p:hover::after { transform: scaleX(1); transform-origin: bottom left; }

.top-products { background-image: url("../images/top-bg-product.png"); background-size: cover; padding: 60px 0px; position: relative; }
.top-products .title { padding-bottom: 50px; }
.top-products .title h2 { font-size: 40px; font-weight: 700; }
.top-products .product-con .content { display: flex; flex-wrap: wrap; margin-bottom: 60px; margin: 0px -20px; }
.top-products .product-con .content .product-item { width: calc(50% - 44px); position: relative; margin: 0px 20px; border: 1px solid #007BD0; }
.top-products .product-con .content .product-item .item-img img { width: 100%; }
.top-products .product-con .content .product-item .item-desc { padding: 25px 20px; background-color: #000000; border-top: 1px solid #007BD0; height: 290px; }
.top-products .product-con .content .product-item .item-desc .item-title p { background-color: #007BD0; font-size: 20px; font-weight: 700; padding: 5px; width: fit-content; }
.top-products .product-con .content .product-item .item-desc .item-title p.pink { background-color: #B963A3; }
.top-products .product-con .content .product-item .item-desc .item-subtitle p { font-size: 16px; font-weight: 700; margin: 20px 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /* number of lines to show */ line-clamp: 1; -webkit-box-orient: vertical; }
.top-products .product-con .content .product-item .item-desc .item-content p { font-size: 14px; margin-bottom: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3; -webkit-box-orient: vertical; }
.top-products .product-con .content .product-item .item-desc a p { color: #00D0FF; font-size: 14px; font-family: "Roboto"; border-bottom: 1px solid #007BD0; width: fit-content; position: relative; }
.top-products .product-con .content .product-item .item-desc a p::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0px; left: 0; background-color: #FFFFFF; transform-origin: bottom right; transition: transform 0.25s ease-out; }
.top-products .product-con .content .product-item .item-desc a p:hover::after { transform: scaleX(1); transform-origin: bottom left; }

/* Accordion styles */
.top-faqs { position: relative; }
.top-faqs .faq-con { display: flex; padding-top: 125px; padding-bottom: 160px; }
.top-faqs .faq-con .title { width: 40%; position: relative; }
.top-faqs .faq-con .title h2 { font-size: 40px; font-weight: 700; }
.top-faqs .faq-con .title span { color: #007BD0; }
.top-faqs .faq-con .viewmore a { display: flex; align-items: center; margin-top: 65px; width: fit-content; }
.top-faqs .faq-con .viewmore a p { font-family: "Roboto"; font-size: 14px; position: relative; margin-right: 25px; }
.top-faqs .faq-con .viewmore a p::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: -5px;	left: 0; background-color: #FFFFFF; transform-origin: bottom right; transition: transform 0.25s ease-out; }
.top-faqs .faq-con .viewmore a p:hover::after { transform: scaleX(1); transform-origin: bottom left; }
.top-faqs .content { width: 60%; }
.top-faqs .content .tabs { overflow: hidden; }
.top-faqs .content .tab { width: 100%; color: white; overflow: hidden; }
.top-faqs .content .tab-label { display: flex; justify-content: space-between; font-size: 18px; font-weight: 700; cursor: pointer; /* Icon */ border-top: 1px solid #007BD0; padding: 30px 0px; }
.top-faqs .content .tab:last-child .tab-label { border-bottom: 1px solid #007BD0; }
.top-faqs .content .tab-label:hover { }
.top-faqs .content .tab-label::after { content: "+"; color: #007BD0; font-size: 20px; font-weight: 400; text-align: center; transition: all 0.35s; }
.top-faqs .content .tab-content { max-height: 0; font-size: 16px; font-weight: 400; color: #FFFFFF; transition: all 0.35s; }
.top-faqs .content .tab-content p { padding: 20px; padding-top: 0; }
.top-faqs .content .tab-close { display: flex; justify-content: flex-end; font-size: 0.75em; background: #2c3e50; cursor: pointer; }
.top-faqs .content .tab-close:hover {}
.top-faqs .content input:checked + .tab-label {}
.top-faqs .content input:checked + .tab-label::after { transform: rotate(45deg); }
.top-faqs .content input:checked ~ .tab-content { max-height: 100vh; }

footer { position: relative; }
footer .recruite-con { background-image: url("../images/footer-bg01.png"); background-size: cover; padding: 0px 120px; display: flex; justify-content: space-between; }
footer .recruite-con .recruite-txt h3 { font-size: 67px; font-weight: 700; padding-top: 80px; }
footer .recruite-con .recruite-txt .viewmore a { display: flex; align-items: center; justify-content: center; padding-top: 20px; }
footer .recruite-con .recruite-txt .viewmore a p { font-size: 14px; position: relative; margin-right: 25px; }
footer .recruite-con .recruite-txt .viewmore a p::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: -5px;	left: 0; background-color: #FFFFFF; transform-origin: bottom right; transition: transform 0.25s ease-out; }
footer .recruite-con .recruite-txt .viewmore a p:hover::after { transform: scaleX(1); transform-origin: bottom left; }
footer .contact-con { display: flex; flex-wrap: wrap; padding-top: 120px; }
footer .contact-con .contact-item { display: flex; width: 50%; height: 350px; justify-content: center; align-items: center; }
footer .contact-con .contact-item:first-child { background-image: url("../images/footer-bg02.png"); background-size: cover; }
footer .contact-con .contact-item:last-child { background-image: url("../images/footer-bg03.png"); background-size: cover; }
footer .contact-con .contact-item .contact-txt p { font-size: 16px; text-align: center; }
footer .contact-con .contact-item .contact-txt p:nth-child(2) { font-family: "Roboto"; font-size: 40px; font-weight: 700; padding: 15px 0px; }
footer .contact-con .contact-item .contact-txt .viewmore a { display: flex; align-items: center; justify-content: center;}
footer .contact-con .contact-item .contact-txt .viewmore a p { font-size: 14px; position: relative; margin-right: 25px; }
footer .contact-con .contact-item .contact-txt .viewmore a p::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: -5px;	left: 0; background-color: #FFFFFF; transform-origin: bottom right; transition: transform 0.25s ease-out; }
footer .contact-con .contact-item .contact-txt .viewmore a p:hover::after { transform: scaleX(1); transform-origin: bottom left; }
footer .sitemap { display: flex; justify-content: space-between; padding: 120px 160px 30px 160px; }
footer .sitemap .caddress p { font-size: 14px; }
footer .sitemap .caddress p:first-child { padding: 40px 0px 15px 0px; }
footer .sitemap  .footer-menus { display: flex; flex-wrap: wrap; }
footer .sitemap  .footer-menus .menu-item { margin-left: 40px; }
footer .sitemap  .footer-menus .menu-item p { font-size: 14px; }
footer .copyright p{ text-align: center; font-size: 14px; padding-bottom: 45px; }

footer .sitemap  .footer-menus .menu-item a { position: relative; }
footer .sitemap  .footer-menus .menu-item a p:hover { color: #FFFFFF; background-color: #004AFA; }
footer .sitemap  .footer-menus .menu-item a::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: -5px;	left: 0; background-color: #FFFFFF; transform-origin: bottom right; transition: transform 0.25s ease-out; }
footer .sitemap  .footer-menus .menu-item a:hover::after { transform: scaleX(1); transform-origin: bottom left; }

/* About Page 会社概要 */
.inner-banner { padding-top: 265px; position: relative; }
.inner-banner .inner-title { padding: 0px 160px 28px 160px; }
.inner-banner .inner-title p:first-child { font-size: 50px; }
.inner-banner .inner-title p:last-child { font-size: 18px; }
.inner-banner .banner-img { width: 100%; }
.inner-banner .banner-img img { width: 100%; height: 420px; object-fit: cover; }
.inner-banner .summary { padding: 80px 160px; text-align: center; }
.inner-banner .summary .summary-title { padding-bottom: 30px; }
.inner-banner .summary .summary-title p { font-size: 40px; }
.inner-banner .summary .summary-title span { color: #00D0FF; font-family: "vdl-logona"; }
.inner-banner .summary .summary-txt p { font-size: 24px; line-height: 48px; letter-spacing: 3px; }
.common-title-in { margin-bottom: 40px; }
.common-title-in p { font-size: 40px; font-weight: 700; }
.about { position: relative; padding-bottom: 120px; }
.about .about-con .about-item { display: flex; padding: 40px 0px; }
.about .about-con .about-item { border-top: 1px solid #007BD0; }
.about .about-con .about-item:last-child { border-bottom: 1px solid #007BD0; }
.about .about-con .about-item .item-field { width: 367px; }
.about .about-con .about-item .item-field p { color: #00D0FF; }
.about .about-con .about-item .item-value { flex: 1; }
.showroom { padding-bottom: 120px; position: relative; }
.showroom .showroom-con .content { display: flex; }
.showroom .showroom-con .content .left { padding-right: 20px; }
.showroom .showroom-con .content .left .img-item:first-child { padding-bottom: 20px; }
.showroom .showroom-con .content .left .img-item img { width: 329px; height: 219px; object-fit: cover; }
.showroom .showroom-con .content .right { flex: 1; }
.showroom .showroom-con .content .right iframe { height: 459px; object-fit: cover; width: 100%; }
.showroom .showroom-con .txt { padding-top: 40px; }
.showroom .showroom-con .txt .sub-title { display: flex; padding-bottom: 20px; }
.showroom .showroom-con .txt .sub-title img { padding-right: 20px; }
.showroom .showroom-con .txt .sub-title p { font-size: 20px; color: #00D0FF; }
.showroom .showroom-con .txt .sub-txt { width: 730px; }
.history { position: relative; padding-bottom: 85px; }
.history .content { padding-left: 45px; border-left: 1px solid #007BD0; position: relative; }
.history .content::before { position: absolute; content: ''; width: 1px; height: 10px; background-color: #000000; top: 0; left: -1px; }
.history .content .history-item { padding-bottom: 55px; }
.history .content .history-item p:first-child { color: #00D0FF; padding-bottom: 20px; position: relative; }
.history .content .history-item p:first-child::before { position: absolute; content: ''; width: 12px; height: 12px; border-radius: 6px; background-color: #00D0FF; top: 10px; left: -51px; }
.history .content .history-item { position: relative; width: 610px; }
.history .content .history-item:last-child::after { position: absolute; content: ''; width: 1px; height: 100%; left: -46px; top: 22px; background-color: #000000; }
.message { position: relative; padding-bottom: 220px; }
.message .content .photo { float: left; }
.message .content .photo img { width: 300px; height: 413px; object-fit: cover; margin-right: 60px; }
.message .content .txt .sub-title { padding-right: 100px; }
.message .content .txt .sub-title p { font-size: 20px; padding-bottom: 40px; }
.message .content .txt .sub-txt { padding-bottom: 80px; }
.message .content .txt .namesign { display: flex; align-items: flex-end; justify-content: flex-end; }
.message .content .txt .namesign p:last-child { font-size: 24px; font-weight: 700; padding-left: 40px; }

/* Product Detail 01 Page 屋外用LEDビジョン */
.product-summary { position: relative; padding: 85px 0px 65px 0px; }
.product-summary .summary-title { }
.product-summary .summary-title p:first-child { font-size: 60px; font-weight: 700; padding-bottom: 65px; }
.product-summary .summary-title p:last-child { font-size: 30px; color: #00D0FF; padding-bottom: 20px; }
.product-summary .txt { padding-bottom: 20px; }
.product-summary .txt p { font-size: 16px; }
.product-summary .usage { display: flex; padding: 20px; border: 1px solid #007BD0; }
.product-summary .usage p { font-size: 16px; }
.product-summary .usage p:first-child { color: #00D0FF; padding-right: 100px; }
.product-summary .summary-title.pink p:last-child { color: #B963A3; }
.product-summary .usage.pink { border: 1px solid #B963A3; }
.product-summary .usage.pink p:first-child { color: #B963A3; }
.model { position: relative; padding-bottom: 120px; }
.model .model-con { padding-bottom: 60px; }
.model .model-con .txt { padding-bottom: 40px; }
.model .model-con .content { display: flex; justify-content: space-between; }
.model .model-con .content .model-item { width: 32%; }
.model .model-con .content .model-item .model-summary { height: 256px; padding: 30px 20px; background-color: #007BD050; border: 1px solid #00D0FF; border-radius: 3px; margin-bottom: 25px; }
.model .model-con .content .model-item .model-summary .num { padding-bottom: 30px; }
.model .model-con .content .model-item .model-summary .num p { color: #00D0FF; }
.model .model-con .content .model-item .model-summary .item-title { padding-bottom: 30px; }
.model .model-con .content .model-item .model-summary .item-title p { font-size: 20px; }
.model .model-con .content .model-item .model-summary .item-txt p { font-size: 16px; }
.model .model-con .content .model-item .model-img img { width: 100%; height: 256px; object-fit: cover; }
.model .model-con .content .model-item .model-summary.pink { background-color: #B963A350; }
.model .model-con .content .model-item .model-summary.pink .num p { color: #B963A3; }
.series1 .common-title-in { background-color: #00D0FF; padding-left: 10px; }
.series1 .common-title-in.pink { background-color: #B963A3; }
.series1 { position: relative; padding-bottom: 60px; }
.series1 .content { display: flex; justify-content: space-between; }
.series1 .content .left { display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.series1 .content .left .txt{ display: flex; justify-content: space-between; }
.series1 .content .right { width: 500px; display: flex; justify-content: space-between; flex-direction: column; }
.series1 .content .right .series-detail { }
.series1 .content .right .series-detail .detail-item { padding-bottom: 50px; }
.series1 .content .right .series-detail .detail-item p{ font-size: 16px; }
.series1 .content .right .series-detail .detail-item p:first-child { padding-bottom: 20px; color: #00D0FF; }
.series1 .content .right .series-detail.pink .detail-item p:first-child { color: #B963A3; }
.series1 .content .right .dist-detail { padding: 20px; background-color: #00D0FF50; }
.series1 .content .right .dist-detail.pink { background-color: #B963A350; }
.series1 .content .right .dist-detail p { line-height: 30px; }
.series1 .content .right .dist-detail p:first-child { color: #00D0FF; }
.series1 .content .right .dist-detail.pink p:first-child { color: #B963A3; }
.product-table { position: relative; padding-top: 60px; padding-bottom: 120px; }
.top-serise { position: relative; }
.product-list { position: relative; padding-bottom: 120px; }
/* Case Page 導入実績*/
.case-btngroup { position: relative; padding: 120px 0px; }
.case-btngroup .btn-con { display: flex; justify-content: space-around; }
.case-btngroup .btn-con .casebtn { width: 260px; height: 60px; display: flex; align-items: center; justify-content: center; border: 1px solid #007BD0; cursor: pointer; }
.case-btngroup .btn-con .casebtn.active { background-color: #007BD0; }
.case-container { position: relative; padding-bottom: 120px; }
.case-container .num { padding-bottom: 30px; }
.case-container .num p { font-size: 32px; font-weight: 700; }
.case-container .case-con { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; }
.case-container .case-con .case-item { width: 32%; border: 1px solid #007BD0; margin-bottom: 30px; }
.case-container .case-con .case-item .icatch { border-bottom: 1px solid #007BD0; }
.case-container .case-con .case-item .icatch img { width: 100%; height: 280px; object-fit: cover; }
.case-container .case-con .case-item .detail { padding: 20px 10px; height: 190px; background-color: #007BD050; }
.case-container .case-con .case-item .detail p { font-size: 16px; }
.case-container .case-con .case-item .detail .company p, .case-container .case-con .case-item .detail .name p { font-weight: 700; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /* number of lines to show */ line-clamp: 1; -webkit-box-orient: vertical; }
.case-container .case-con .case-item .detail .title p { font-weight: 300; margin-bottom: 10px; }
.case-container .case-con .case-item .detail .catecon { display: flex; flex-wrap: wrap; }
.case-container .case-con .case-item .detail .cate-name p { padding: 5px 10px; background-color: #00D0FF; width: fit-content; margin-right: 5px; font-size: 12px; }
.case-container .case-con .case-item .detail .cate-name p.pink { background-color: #B963A3; }
/* Merit Page 当社の強み*/
.merit-container { position: relative; padding: 120px 0px; }
.merit-container .merit-con .merit-item-r { display: flex; flex-direction: row-reverse; align-items: center; margin-bottom: 40px; }
.merit-container .merit-con .merit-item-r.rw { flex-direction: row; }
.merit-container .merit-con .merit-item-r .icatch { width: 550px; height: 550px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.merit-container .merit-con .merit-item-r .detail { width: 60%; margin-right: -100px; border-left: 1px solid #007BD0; padding-left: 20px; position: relative; }
.merit-container .merit-con .merit-item-r.rw .detail { margin-right: 0px; margin-left: -100px; }
.merit-container .merit-con .merit-item-r .detail::after { position: absolute; content: ''; height: 22px; width: 1px; background-color: #00D0FF; top: 0px; left: -1px; }
.merit-container .merit-con .merit-item-r .detail .merit-num { padding-bottom: 20px; }
.merit-container .merit-con .merit-item-r .detail .merit-num p { font-size: 12px; color: #00D0FF; }
.merit-container .merit-con .merit-item-r .detail .merit-title { padding-bottom: 25px; }
.merit-container .merit-con .merit-item-r .detail .merit-title p { font-size: 40px; color: #00D0FF; line-height: 60px; }
/* Contact Page  お問い合わせ*/
.contact-container { position: relative; padding: 120px 0px; }
.contact-container .contact-title { text-align: center; }
.contact-container .contact-title p:first-child { font-size: 40px; font-weight: 700; padding-bottom: 25px; }
.contact-container .contact-title p:last-child { font-size: 16px; padding-bottom: 35px; }
.contact-container .tel-info { width: 100%; padding: 25px 0px; background-color: #007BD050; display: flex; align-items: center; justify-content: center; }
.contact-container .tel-info .tel-ico { padding-top: 10px; padding-right: 20px; }
.contact-container .tel-info .tel-txt p:first-child { font-size: 36px; font-weight: 700; }
.contact-container .tel-info .tel-txt p:last-child { font-size: 14px; font-weight: 300; }
.contact-container .contact-con { padding: 80px 0px; }
.contact-container .contact-con p { font-size: 16px; }
.contact-container .contact-con .contact-item { display: flex; padding-bottom: 40px; }
.contact-container .contact-con .contact-item:last-child { padding-bottom: 0px; }
.contact-container .contact-con .contact-item .c_label { display: flex; width: 200px; justify-content: space-between; padding-right: 30px; }
.contact-container .contact-con .contact-item .c_label p:last-child { height: fit-content; font-size: 12px; background-color: #007BD0; width: fit-content; padding: 2px 5px; }
.contact-container .contact-con .contact-item:nth-child(6) .c_label p:last-child { display: none; }
.contact-container .contact-con .contact-item .c_elem { flex: 1; }
.contact-container .contact-con .contact-item .c_elem .form-check { padding-bottom: 10px; }
.contact-container .contact-con .contact-item:nth-child(2) .c_elem { display: flex; flex-wrap: wrap; }
.contact-container .contact-con .contact-item:nth-child(2) .c_elem .form-check { width: 40%; }
.contact-container .contact-con .contact-item .c_elem.txtln input { width: 100%; border: 1px solid #007BD0; background-color: #000000; padding: 5px 10px; color: #FFFFFF; }
.contact-container .contact-con .contact-item .c_elem textarea { padding: 10px; width: 100%; line-height: 30px; background-color: #000000; border: 1px solid #007BD0; color: #FFFFFF; }
.contact-container .cbtn-submit { display: flex; justify-content: center; }
.contact-container .cbtn-submit button { background-color: #007BD0; padding: 15px 55px; margin: auto; border: unset; outline: unset; }
.contact-container .cbtn-submit a { background-color: #007BD0; padding: 15px 55px; margin: auto; border: unset; outline: unset; }

/* Faqs */
.faqs-container .top-faqs .faq-con { flex-direction: column; }
.faqs-container .top-faqs .faq-con .title { padding-top: 150px; padding-bottom: 100px; width: 100%; text-align: center; }
.faqs-container .top-faqs .faq-con .content { width: 100%; }
/* News */
.news-container { position: relative; }
.news-container .top-news .news-con { flex-direction: column; }
.news-container .top-news .news-con .title { padding-top: 150px; padding-bottom: 100px; width: 100%; text-align: center; }
.news-container .top-news .news-con .content { width: 100%; }
.news-container .top-news .news-con .sub-title h5 { font-size: 24px; font-weight: 700; }
.news-container .top-news .news-con .datetime p { font-size: 14px; padding-bottom: 30px; padding-top: 10px; }
.news-container .top-news .news-con .content { padding-bottom: 50px; }
.news-container .top-news .news-con .icatch img { max-width: 100%; }
.detailed-case .case-container .case-con .case-item { width: unset; border: unset; }
.detailed-case .case-container .case-con .case-item .icatch img { height: unset; }
.detailed-case .case-container .case-con .case-item .icatch { border: unset; }
.detailed-case .case-container .case-con .case-item .detail { background-color: unset; }
.detailed-case .case-container .case-con .case-item .detail .company { padding-top: 50px; }
.detailed-case .case-container .case-con .case-item .detail .title { padding-top: 50px; }

/* Tables */
.tg  {border-collapse:collapse;border-spacing:0; border-color: #007BD0; width: 100%; }
.tg td{border-color:#007BD0;border-style:solid;border-width:1px;font-size:14px; overflow:hidden;padding:10px 5px;word-break:normal;color: #FFFFFF;}
.tg th{border-color:#007BD0;border-style:solid;border-width:1px;font-size:14px; font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;color: #00D0FF;}
.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:middle}
.tg .tg-0lax{text-align:left;vertical-align:middle}
.product-tb-con { display: flex; justify-content: center; padding: 15px 0px; }
.product-tb-con .tg tr th { text-align: center !important; }
.product-tb-con .tg tr td { text-align: center !important; }
.product-tb-con .tg tr td:first-child { color: #00D0FF; }
.product-tb-con tbody .tg tr:first-child td { color: #00D0FF; }


.tg1  {border-collapse:collapse;border-spacing:0;border-color: #B963A3; width: 100%;}
.tg1 td{border-color:#B963A3;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;overflow:hidden;padding:10px 5px;word-break:normal; color: #FFFFFF;}
.tg1 th{border-color:#B963A3;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal; color: #B963A3;}
.tg1 .tg-0pky{border-color:inherit;text-align:left;vertical-align:middle}
.tg1 .tg-0lax{text-align:left;vertical-align:middle}
.product-tb-con { display: flex; justify-content: center; padding: 15px 0px; }
.product-tb-con .tg1 tr th { text-align: center !important; }
.product-tb-con .tg1 tr td { text-align: center !important; }
.product-tb-con .tg1 tr td:first-child { color: #B963A3; }
.product-tb-con tbody .tg1 tr:first-child td { color: #B963A3; }


.inner-banner .summary .summary-title {
	letter-spacing:0.8em;
}