/*
Theme Name: scantech
Theme URI: https://3d-scantech.jp/
Description: 
Author: APPLETREE
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Template: habakiri
*/
/*--------------------------------------------------------------
01 - Reset
02 - header
03 - footer
03.1 - footer(company info)
04 - Pages
04.1 - Top
04.2 - Contact
04.3 - Company
04.4 - Showroom
04.5 - Download
04.6 - Recruit
04.7 - Applications
05 - layout

----------------------------------------------------------------
01 - Reset
--------------------------------------------------------------*/
@import url(/assets/682e74f7b853eec46280.css);
body {
	font-family: "Noto Sans JP", sans-serif, "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size: clamp(14px, 1vw, 16px);
	font-weight: 400;
	background: #fff;
	color: #000;
}
img { image-rendering: -webkit-optimize-contrast; }
ul, li, ol {
	padding: 0;
	list-style: none;
}

.dp-none { display: none; }
.pc-none { display: none!important; }
.sp-none { display: block!important; }
@media screen and (max-width: 1199px) {
	.pc-none { display: inline-block!important; }
	.tb-none { display: none!important; }
}
@media screen and (max-width: 767px) {
	.pc-none { display: inline-block!important; }
	.sp-none { display: none!important; }
}

.entries .entry-meta { display: none; }
a.disabled{ pointer-events: none; }

.m-0 { margin: 0!important; }
.mt-0 { margin-top: 0!important; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mr-10 { margin-right: 10px; }
.mr-20 { margin-right: 20px; }
.mb-0 { margin-bottom: 0!important; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.p-0 { padding: 0!important; }

.w-100 { width: 100%; }
.w-90 { width: 90%; }
.w-80 { width: 80%; }
.w-70 { width: 70%; }
.w-60 { width: 60%; }
.w-50 { width: 50%; }
.w-40 { width: 40%; }
.w-30 { width: 30%; }
.w-25 { width: 25%; }
.w-20 { width: 20%; }
.w-10 { width: 10%; }

.t-center { text-align: center; }

.d-block { display: block; }
.grecaptcha-badge { visibility: hidden; }
div.wpcf7 .ajax-loader { display: none !important; }

.has-inline-color {
	padding: 0;
	background: linear-gradient(transparent 80%, #e17607 0) !important;
	font-weight: bold !important;
	color: #000 !important;
}

.wp-block-table {
	margin: 0;
}
.wp-block-table table {
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 14px;
	border: 1px solid #fff;
}
.wp-block-table table th,
.wp-block-table table td {
	padding: 10px 5px;
	border-right: 1px solid #fff;
	color: #fff;
}
.wp-block-table table thead th {
	background-color: #16447c;
	color:#fff;
}
.wp-block-table table tbody tr {
	background-color: #48689d;
	border-bottom: 1px solid #fff !important;
}
.wp-block-table table tbody tr td:first-child {
	color: #fff;
	background-color: #13233d;
}
@media screen and (max-width: 768px) {
.post-8669 .wp-block-table table {
	width: 850px;
}
}

.single-info h2 {
	color: #fff;
	background-color: #16447c;
	box-shadow: 0 3px 4px rgb(0 0 0 / 20%);
	margin: 3em 0 1em;
	padding: 10px 15px;
}

.single-info h3 {
	font-size: clamp(1.1em, 1.4vw, 1.4em);
	line-height: 1.6;
	font-weight: bold;
	margin: 2.5em 0 1em;
	color: #000;
	padding-left: 10px;
	border-left: solid 5px #007fdf;
}
.single-info a {
	color: #007fdf;
}
.single-info ul,
.single-info ol {
	margin-bottom: 1.6em;
	padding-left: 30px;
}
.single-info ul li {
	list-style: disc;
}
.single-info ol li {
	list-style: decimal;
}

.scroll-rest,
.scroll-top,
.scroll-left,
.scroll-right,
.scroll-bottom {
	opacity: 0;
	transition: opacity 1.5s, transform 1.5s;
}
.scroll-top { transform: translate3d(0, -60px, 0); }
.scroll-left { transform: translate3d(-60px, 0, 0); }
.scroll-right { transform: translate3d(60px, 0, 0); }
.scroll-bottom { transform: translate3d(0, 60px, 0); }
.scroll-delay-1 { transition-delay: .1s; }
.scroll-delay-2 { transition-delay: .2s; }
.scroll-delay-3 { transition-delay: .3s; }
.scroll-delay-4 { transition-delay: .4s; }
.scroll-delay-5 { transition-delay: .5s; }
.scroll-delay-6 { transition-delay: .6s; }
.scroll-delay-7 { transition-delay: .7s; }
.scroll-delay-8 { transition-delay: .8s; }
.scroll-delay-9 { transition-delay: .9s; }
.scroll-delay-10 { transition-delay: 1s; }
.scroll-delay-11 { transition-delay: 1.1s; }
.scroll-delay-12 { transition-delay: 1.2s; }
.scroll-delay-13 { transition-delay: 1.3s; }
.scroll-delay-14 { transition-delay: 1.4s; }
.scroll-delay-15 { transition-delay: 1.5s; }
.scroll-delay-16 { transition-delay: 1.6s; }
.scroll-delay-17 { transition-delay: 1.7s; }
.scroll-delay-18 { transition-delay: 1.8s; }
.scroll-delay-19 { transition-delay: 1.9s; }
.scroll-delay-20 { transition-delay: 2s; }
.scroll-delay-25 { transition-delay: 2.5s; }
.scroll-delay-30 { transition-delay: 3s; }
.is-animated {
	opacity: 1!important;
	transform: translate3d(0, 0, 0)!important;
}

/* ----------------------------
02 - header
---------------------------- */
.home header {
	margin: 0;
	color: #000;
	background: #fff;
}
/* .home header nav.globalMenu {
	background: linear-gradient(to bottom, #000, transparent);
} */
header {
	margin-bottom: 47px;
	padding: 3px 0;
	color: #000;
	background: #fff;
}
header h1 {
	display: flex;
	margin: 0;
	padding: 4px 0;
}
header .head-btn {
	text-align: right;
}
header .head-btn a {
	width: 180px;
	display: inline-block;
	padding: 2px 0;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: #0080ff;
}
header .head-btn a:hover {
	background: #00266f;
}
header .he-center {
	display: flex;
	align-items: center;
}
@media only screen and (max-width: 1200px) {
	header .head-btn {
		padding: 15px 0 10px;
		text-align: center;
	}
	header .head-btn a {
		margin-bottom: 5px;
	}
}

/* ハンバーガーメニュー */
header .hamburger {
	display: none;
	position: absolute;
	z-index: 3;
	right: 12px;
	top: 6px;
	width: 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
}
header .hamburger span {
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	left: 6px;
	background: #ccc;
	transition: 0.3s ease-in-out;
}
header .hamburger span:nth-child(1) { top: 10px; }
header .hamburger span:nth-child(2) { top: 20px; }
header .hamburger span:nth-child(3) { top: 30px; }
header .hamburger.active span:nth-child(1) {
	top: 16px;
	left: 6px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
header .hamburger.active span:nth-child(2),
header .hamburger.active span:nth-child(3) {
	top: 16px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* グローバルナビ */
header nav.globalMenu {
	display: block;
	position: absolute;
	z-index: 2;
	top: 56px;
	left: 0;
	color: #fff;
	background: #13233d;
	text-align: center;
	width: 100%;
	transition: opacity .6s ease, visibility .6s ease;
}
header nav.globalMenu .globalMenu-box {
	display: flex;
	width: 1170px;
	margin: 0 auto;
	padding: 0;
}
header nav.globalMenu .globalMenu-box li {
	list-style-type: none;
	padding: 0;
	width: 100%;
	transition: .4s all;
}
header nav.globalMenu .globalMenu-box li:last-child {
	padding-bottom: 0;
}
header nav.globalMenu .globalMenu-box li a {
	position: relative;
	display: block;
	color: #fff;
	padding: 10px 0 9px;
	text-decoration: none;
}
header nav.globalMenu .globalMenu-box li a:hover {
	border-bottom: 1px solid #fff;
}
header nav.globalMenu .globalMenu-box li a:hover::before {
	position: absolute;
	top: 50%;
	content: '';
	margin-top: -4px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
header nav.globalMenu .globalMenu-box .menu-01 a:hover::before { left: 35px; }
header nav.globalMenu .globalMenu-box .menu-02:hover::before { left: 42px; }
header nav.globalMenu .globalMenu-box .menu-03:hover::before { left: 38px; }
header nav.globalMenu .globalMenu-box .menu-04:hover::before { left: 14px; }
header nav.globalMenu .globalMenu-box .menu-05:hover::before { left: 28px; }
header nav.globalMenu .globalMenu-box .menu-06:hover::before { left: 28px; }
header nav.globalMenu .globalMenu-box .menu-07 a:hover::before { left: 14px; }
header nav.globalMenu .globalMenu-box .menu-08 a:hover::before { left: 14px; }
header nav.globalMenu.active { display: block; }
header nav.globalMenu .globalMenu-box .dropdown-btn {
	position:relative;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 11px 0 9px;
	cursor:pointer;
}
header nav.globalMenu .globalMenu-box .dropdown-btn:hover::before {
	position: absolute;
	top: 50%;
	content: '';
	margin-top: -4px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
header nav.globalMenu .globalMenu-box .dropdown-btn .dropdown {
	position:absolute;
	left:0;
	top:43px;
	padding: 0;
	z-index:1000;
	display:none;
	background: rgba(0,0,0,.9);
}
header nav.globalMenu .globalMenu-box .menu-02 .dropdown { width:220px; z-index: 3; }
header nav.globalMenu .globalMenu-box .menu-05 .dropdown { width:220px; z-index: 3; }
header nav.globalMenu .globalMenu-box .menu-03 .dropdown { width:190px; z-index: 2; }
header nav.globalMenu .globalMenu-box .menu-04 .dropdown { width:230px; z-index: 2; }
header nav.globalMenu .globalMenu-box .menu-06 .dropdown { width:170px; z-index: 2; }
header nav.globalMenu .globalMenu-box .dropdown-btn .dropdown li {
	display:inline-block;
}
header nav.globalMenu .globalMenu-box .dropdown-btn .dropdown li a {
	color:#fff;
}
header nav.globalMenu .globalMenu-box .dropdown-btn .dropdown li a:hover {
	border: none;
	background: #12315c;
	color: #fff;
}
header nav.globalMenu .globalMenu-box .dropdown-btn .dropdown li a:hover::before {
	content: none;
}
header nav.globalMenu .globalMenu-box .dropdown-btn .nav-button-wrap,
header nav.globalMenu .globalMenu-box .dropdown-btn .open {
	display:block;
}
header nav.globalMenu .globalMenu-box .dropdown-btn .close {
	display:block;
}
@media only screen and (max-width: 1200px) {
	header {
		margin-bottom: 0;
	}
	header .hamburger {
		display: block;
	}
	header nav.globalMenu {
		display: none;
		top: 0;
		background: rgba(0,0,0,.9)!important;
	}
	header nav.globalMenu .globalMenu-box {
		width: 100%;
		flex-wrap: wrap;
	}
	header nav.globalMenu .globalMenu-box li + li {
		border-top: 1px solid #fff;
	}
	header nav.globalMenu .globalMenu-box li a {
		padding: 1em 0;
	}
	header nav.globalMenu .globalMenu-box li a:hover {
		border-bottom: none;
	}
	header nav.globalMenu .globalMenu-box li a:hover::before {
		content: inherit;
	}
	header nav.globalMenu .globalMenu-box .dropdown-btn {
		padding: 1em 0;
	}
	header nav.globalMenu .globalMenu-box .dropdown-btn::after {
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		transform: rotate(135deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -7px;
	}
	header nav.globalMenu .globalMenu-box .dropdown-btn.arrow::after {
		transform: rotate(-45deg);
		margin-top: -3px;
	}
	header nav.globalMenu .globalMenu-box .dropdown-btn .dropdown {
		width:100%;
		top: 52px;
		background: rgba(0,0,0,1);
	}
	header nav.globalMenu .globalMenu-box .dropdown-btn:hover::before {
		content: inherit;
	}
}

/* ----------------------------
パンくずリスト
---------------------------- */
.bread {
	background: #fff;
}
.bread .breadcrumbs {
	margin: 0;
}

/* ----------------------------
03 - footer
---------------------------- */
.footer {
	background: #fff!important;
	border-top: 30px solid #12315c;
}
.page-template-page-base .footer,
.page-template-page-base2 .footer,
.page-template-page-basewithfooter .footer {
	border-top: none;
}
.footer .footer-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	color: #000;
}
.footer .footer-nav li {
	display: flex;
	flex-direction: column;
	margin-top: 40px;
}
.footer .footer-nav li p {
	margin-bottom: 6px;
	font-size: 18px;
	font-weight: bold;
}
.footer .footer-nav li a {
	width: fit-content;
	color: #000;
	font-size: 14px;
}
.footer .footer-nav li .footer-link {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding-left: 16px;
}
.footer .footer-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 60px 0 20px;
}
.footer .footer-box .footer-info {
	display: flex;
	color: #fff;
}
.footer .footer-box .footer-info img {
	width: 20px;
	margin-left: 20px;
}
.footer .footer-box .footer-info a {
	color: #000;
}
.footer .footer-showroom {
	margin-bottom: 40px;
	text-align: center;
}
.footer .footer-showroom a {
	display: inline-block;
	width: 300px;
	margin-bottom: 10px;
	padding: 12px 0;
	font-size: 16px;
	color: #fff;
	border-radius: 5px;
}
.footer .footer-showroom .btn-red a {
	color: #fff;
	border: #0080ff solid 1px;
	background: #0080ff;
}
.footer .footer-showroom .btn-orange a {
	border: #f87901 solid 1px;
	background: #fd912b;
	background: linear-gradient(to bottom, #fd912b 0%, #f87901 100%);
}
@media only screen and (max-width: 1200px) {
	.footer .footer-nav {
		margin: 0;
	}
	.footer .footer-nav li {
		width: 100%;
	}
	.footer .footer-nav li a {
		padding: 0 6px;
	}
	.footer .footer-nav li .footer-link {
		flex-direction: row;
	}
	.footer .footer-box .footer-info {
		margin-top: 10px;
	}
}

/* ----------------------------
03.1 - footer(company info)
---------------------------- */
.compinfo{
	background: #12315C;
	background: linear-gradient(to bottom, #12315C 0%, #111113 100%);
	padding-bottom:30px;
}
.compinfoitem {
	padding:50px 0 20px;
}
.compsupport{
	background-color:#1B2337;
	padding:30px;
}
.compsupport td{
	vertical-align: middle;
}

/* ----------------------------
04 - Pages
---------------------------- */
.whitebase{
	background-color:white;
	color:black;
}
.tit{
	border-left:5px solid white;
	border-right:5px solid white;
	display: inline-block;
	padding: 0 10px;
}
.tit h1{
	margin:0 5px;
}
.entit h1{
	margin:10px 0 0 0;
}
/* ----------------------------
04.1 - Top
---------------------------- */
#main {
	margin: 0;
}
#main video {
	width: 100%;
	display: block;
	filter: drop-shadow(0px 0px #000);
}
/* Slickスライダー */
.slider{
	display: none;
	padding: 0;
}
.slider.slick-initialized{
	display: block;
	margin: 0;
}
.slider img,
.slider video,
.sliderBox iframe{
	width: 100%;
	height: 48vw;
	object-fit: cover;
	display: block;
}
.slick-slide {
	outline: none;
}

/* メインビジュアル */
.main-visual {
	margin-bottom: 80px;
}
.main-visual .main-slider {
	width: 100%;
	max-width: 2400px;
	margin: 45px auto -2px !important;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.main-visual .main-slider.slick-initialized{
	opacity: 1;
}
.main-visual .main-slider .slick-list {
	overflow: visible;
}
.main-visual .main-slider .slick-slide a {
  outline:none;
}
.main-visual .main-slider img {
	object-fit: cover;
	width: 100%;
	opacity: 1;
}
.main-visual .main-slider .slick-dots {
	bottom: 0;
}
@media screen and (max-width: 767px) {
	.main-visual {
		margin-bottom: 40px;
	}
	.main-visual .main-slider {
		margin: 0 auto -6px !important;
	}
	.main-visual .main-slider .slick-dots {
		bottom: 0;
	}
	.slick-dots li {
		margin: 0;
	}
	.slick-dots li button:before {
		font-size: 0.8rem !important;
	}
}

/* 製品へのリンク */
.scan-product {
	background: url(/assets/e97e6a52c7a0fc3f1a3f.jpg) no-repeat center/cover;
}
.scan-product ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 60px 0;
	padding: 0;
}
.scan-product ul li {
	width: 20%;
	height: 310px;
	padding: 5px;
}
.scan-product ul li a {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	padding: 200px 10px 0;
	font-size: 12px;
	color: #fff;
	line-height: 1.3;
	text-decoration: none;
	border: 1px solid #fff;
	box-shadow: 0 0 12px #000;
}
.scan-product ul li a:hover {
	color: #000;
	box-shadow: 0 0 12px #fff;
}
.scan-product ul li a:hover::after {
	content: ' ';
	position: absolute;
	right: -1px;
	bottom: -1px;
	border-top: 20px solid transparent;
	border-right: 20px solid #12315c;
	border-bottom: 20px solid #12315c;
	border-left: 20px solid transparent;
}
.scan-product ul li:nth-child(1) a { background: url(/assets/db3c5ca59d612917bbc6.png) no-repeat center 0%/82% rgba(0, 0, 0, .6); }
.scan-product ul li:nth-child(2) a { background: url(/assets/7a9a38a202c38d5ba076.png) no-repeat center 0%/82% rgba(0, 0, 0, .6); }
.scan-product ul li:nth-child(3) a { background: url(/assets/d5486a6c44a94a515227.png) no-repeat center 0%/82% rgba(0, 0, 0, .6); }
.scan-product ul li:nth-child(4) a { background: url(/assets/2d52fa57275f400546d2.png) no-repeat center 0%/82% rgba(0, 0, 0, .6); }
/* .scan-product ul li:nth-child(5) a { background: url(/assets/422f41c745d3ca07d1cf.png) no-repeat center 0%/82% rgba(0, 0, 0, .6); }
.scan-product ul li:nth-child(6) a { background: url(/assets/2d52fa57275f400546d2.png) no-repeat center 0%/82% rgba(0, 0, 0, .6); } */
.scan-product ul li:nth-child(1) a:hover { background: url(/assets/ec576c6cce56b6da6f07.png) no-repeat center 0%/82% rgba(255, 255, 255, 1); }
.scan-product ul li:nth-child(2) a:hover { background: url(/assets/b55c6e398f0a5f4697c1.png) no-repeat center 0%/82% rgba(255, 255, 255, 1); }
.scan-product ul li:nth-child(3) a:hover { background: url(/assets/6851bc19c3f873604ec1.png) no-repeat center 0%/82% rgba(255, 255, 255, 1); }
.scan-product ul li:nth-child(4) a:hover { background: url(/assets/4d1c0ba6dd202a2d2f14.png) no-repeat center 0%/82% rgba(255, 255, 255, 1); }
/* .scan-product ul li:nth-child(5) a:hover { background: url(/assets/c83b89c7a17599c161e4.png) no-repeat center 0%/82% rgba(255, 255, 255, 1); }
.scan-product ul li:nth-child(6) a:hover { background: url(/assets/4d1c0ba6dd202a2d2f14.png) no-repeat center 0%/82% rgba(255, 255, 255, 1); } */
@media only screen and (max-width: 1200px) {
	.scan-product ul li:nth-child(1) a { background: url(/assets/3b070a60947d9ddfae15.png) no-repeat center 0%/100%rgba(0, 0, 0, .6); }
	.scan-product ul li:nth-child(2) a { background: url(/assets/9e1192ff3de0317847fd.png) no-repeat center 0%/100%rgba(0, 0, 0, .6); }
	.scan-product ul li:nth-child(3) a { background: url(/assets/9e0680497cdf6cd304be.png) no-repeat center 0%/100%rgba(0, 0, 0, .6); }
	.scan-product ul li:nth-child(4) a { background: url(/assets/8c422f50c10a494b8c49.png) no-repeat center 0%/100%rgba(0, 0, 0, .6); }
	/* .scan-product ul li:nth-child(5) a { background: url(/assets/b980e4364fcc074c4c4e.png) no-repeat center 0%/100%rgba(0, 0, 0, .6); }
	.scan-product ul li:nth-child(6) a { background: url(/assets/8c422f50c10a494b8c49.png) no-repeat center 0%/100%rgba(0, 0, 0, .6); } */
}

/* 製品動画 */
.scan-movie {
	height: 440px;
	padding: 60px 0;
	background: url(/assets/48cfbfe41407a8e02b2e.jpg) center;
}
.scan-movie .movie-ttl {
	margin: 0 0 5px;
}
.scan-movie .tab-movie { position: relative; }
.scan-movie .soft-btn {
	display: inline-block;
	margin-top: 15px;
	padding: 4px 40px;
	color: #fff;
	text-decoration: none;
	background: #808080;
	border: 2px solid #fff;
}
.scan-movie .soft-btn:hover {
	opacity: .6;
}
#sgpb-popup-dialog-main-div {
	color: #000!important;
}

/*タブのスタイル*/
.scan-movie .tab_item {
	position: absolute;
	right: 0;
	width: 130px;
	text-align: center;
	line-height: 2.5;
	background: rgba(0,0,0,.6);
	border: 2px solid #fff;
}
.scan-movie .tab_item:nth-child(2) { top:20px; }
.scan-movie .tab_item:nth-child(4) { top:70px; }
.scan-movie .tab_item:nth-child(6) { top:120px; }
.scan-movie .tab_item:nth-child(8) { top:170px; }
.scan-movie .tab_item:nth-child(10) { top:220px; }
.scan-movie .tab_item:hover { opacity: 0.75; }
.scan-movie .tab_box { position: absolute; }
input[name="tab_item"] { display: none; }
.scan-movie .tab_content {
	display: none;
	padding: 5px;
	background: #000;
}
.scan-movie .tab_content video,
.scan-movie .tab_content iframe {
	width: 480px;
	height: 270px;
	display: block;
}
.scan-movie #tab-1:checked ~ .tab_box #tab-1-content,
.scan-movie #tab-2:checked ~ .tab_box #tab-2-content,
.scan-movie #tab-3:checked ~ .tab_box #tab-3-content,
.scan-movie #tab-4:checked ~ .tab_box #tab-4-content,
.scan-movie #tab-5:checked ~ .tab_box #tab-5-content {
	display: block;
}
.scan-movie .tab-movie input:checked + .tab_item {
	background-color: #12315c;
	color: #fff;
}
.scan-movie .tab-movie input:checked + .tab_item::before {
	content: '';
	position: absolute;
	top: 7px;
	left: -18px;
	border-top: 10px solid transparent;
	border-right: 10px solid #fff;
	border-bottom: 10px solid transparent;
}
@media only screen and (max-width: 1200px) {
	.scan-product ul li {
		height: auto;
		width: 49.8%;
	}
	.scan-product ul li a {
		padding: 190px 8px 8px;
		background-size: 160px!important;
	}
	.scan-movie .movie-ttl {
		font-size: 24px;
	}
	.scan-movie .tab-movie {
		height: 300px;
		margin-top: 30px;
		margin-left: -15px;
		padding: 0px 30px;
	}
	.scan-movie .tab_box {
		top: 64px;
	}
	.scan-movie .tab_content video {
		width: 100%;
	}
	.scan-movie {
		height: 700px;
		padding: 30px 0;
	}
	.scan-movie .tab_item {
		width: 22%;
		top: 0!important;
	}
	.scan-movie .tab_item:nth-child(2) { left: 7%; }
	.scan-movie .tab_item:nth-child(4) { left: 31%; }
	.scan-movie .tab_item:nth-child(6) { left: 55%; }
	.scan-movie .tab_item:nth-child(8) { left: 79%; }
	.scan-movie .tab-movie input:checked + .tab_item::before {
		top: initial;
		left: 50%;
		bottom: -26px;
		margin-left: -6px;
		border-top: 8px solid #fff;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
	}
}

/* 実用例アイコン */
.scan-icon {
	background: url(/assets/276a97a70e95e0f38456.png) no-repeat center/cover;
}
.scan-icon ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 60px 0;
	padding: 0;
}
.scan-icon ul li {
	margin-top: 40px;
	margin-bottom: 40px;
}
.scan-icon ul li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #000;
	font-size: 16px;
	text-decoration: none;
	position: relative;
}
.scan-icon ul li a::after {
	content: ' ';
	position: absolute;
	top: 82px;
	left: 50%;
	width: 48px;
	height: 8px;
	margin-left: -24px;
	background: rgba(255, 255, 255, .3);
	border-radius: 50%;
}
.scan-icon ul li a:hover::after {
	animation: fuwa .5s linear infinite;
}
@keyframes fuwa {
	50% { width: 36px; margin-left: -16px;}
}
.scan-icon ul li a svg {
	max-width: 120px;
	height: 70px;
	max-height: 70px;
	margin-bottom: 30px;
}
.scan-icon ul li a:hover svg {
	animation: fuwafuwa .5s linear infinite;
}
@keyframes fuwafuwa {
	50% { transform: translateY(-12px) }
}
.scan-icon ul li a svg path,
.scan-icon ul li a svg polygon,
.scan-icon ul li a svg circle {
	fill: #fff;
	transition: .2s ;
}
@media only screen and (max-width: 1200px) {
	.scan-icon ul {
		align-items: flex-start;
	}
	.scan-icon ul li {
		margin-top: 30px;
		margin-bottom: 10px;
	}
	.scan-icon ul li a::after {
		top: 65px;
	}
	.scan-icon ul li a svg {
		max-width: 90px;
		height: 55px;
		max-height: 55px;
		margin-bottom: 20px;
	}
}

/* ニュース */
.scan-news {
	padding-top: 40px;
	background: url(/assets/d22f5c2b9b841e2ea658.jpg) no-repeat,#171717;
}
.scan-news .news-box,
.scan-news .press-box {
	padding: 0 30px 40px;
}
.scan-news .news-box .news-ttl ,
.scan-news .press-box .press-ttl {
	margin-bottom: 15px;
	border-bottom: 1px solid #fff;
}
.scan-news .news-box .news-txt,
.scan-news .press-box .press-txt {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}
.scan-news .news-box .news-txt::before,
.scan-news .press-box .press-txt::before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 35px;
	margin-right: 5px;
	vertical-align: middle;
}
.scan-news .news-box .news-txt::before {
	background: url(/assets/edee2f2e60313e814060.svg) no-repeat;
}
.scan-news .press-box .press-txt::before {
	background: url(/assets/3040a016ef77d35231c1.svg) no-repeat;
}
.scan-media .media-box .media-txt::before {
	background: url(/assets/b9a3a5ec692e722269fd.svg) no-repeat;
}
.scan-news .news-box .news-btn,
.scan-news .press-box .press-btn {
	padding-top: 10px;
	text-align: right;
}
.scan-news .news-box .news-btn a,
.scan-news .press-box .press-btn a {
	color: #fff;
}
.scan-news .news-box .news-list li a,
.scan-news .press-box .press-list li a {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	line-height: 1.4;
}
@media only screen and (max-width: 1200px) {
	.scan-news {
		padding-top: 0;
		background: url(/assets/d22f5c2b9b841e2ea658.jpg) no-repeat center / cover, #171717;
	}
	.scan-news .news-box,
	.scan-news .press-box {
		padding: 20px 15px;
	}
	.scan-news .news-box .news-txt,
	.scan-news .press-box .press-txt {
		font-size: 20px;
	}
}

/* 導入事例 */
.scan-article {
	padding: 30px 0 50px;
	background: url(/assets/6bcb1afba0e727e2c975.jpg) no-repeat center/cover;
}
.scan-media {
	padding: 60px 0 40px;
	background: #171717;
}
.page-template-page-base .scan-article {
	padding: 50px 0;
	background: none;
}
.scan-article .article-ttl,
.scan-media .media-ttl {
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #fff;
}
.scan-article .article-ttl::before,
.scan-media .media-ttl::before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 35px;
	margin-right: 5px;
	vertical-align: middle;
}
.scan-article .article-ttl::before {
	background: url(/assets/6d437545413ac5ad0483.svg) no-repeat;
}
.scan-media .media-ttl::before {
	background: url(/assets/b9a3a5ec692e722269fd.svg) no-repeat;
}
.scan-article ul,
.scan-media ul {
	padding: 0;
}
.scan-article ul li a,
.scan-media ul li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 20px;
	padding: 0 10px;
	color: #fff;
	line-height: 1.4;
	outline: none;
}
.scan-article ul li a img,
.scan-media ul li a img {
	width: 250px;
	height: 140px;
	margin-bottom: 10px;
	object-fit: cover;
}
.slider-article .slick-slide,
.slider-media .slick-slide {
	outline: none;
}
@media only screen and (max-width: 1200px) {
	.scan-article .article-ttl,
	.scan-media .article-ttl {
		font-size: 20px;
	}
}
@media screen and (max-width: 768px) {
	.scan-article ul li a img,
	.scan-media ul li a img {
		height: 90px;
	}
}

/* Twitter */
.twitter-qr {
	position: fixed;
	bottom: 280px;
	right: 0;
}
.twitter-qr a {
	width: 120px;
	padding: 15px 10px;
	display: inline-block;
	color: #fff;
	font-size: 12px;
	text-align: center;
	border: 1px solid #171717;
	border-radius: 10px 0px 0px 10px;
	background: #12315c;
}


/* ----------------------------
04.2 - Contact
---------------------------- */
.contact{
	padding:30px 0 50px;
	overflow: hidden;
}
.contact .tit{
	display: block;
	text-align: center;
	margin-bottom:30px;
}
.contact .tit h1{
	color:#214C7E;
	font-weight: bold;
}
.contactbtn {
	overflow: hidden;
	margin:20px 0;
}
.contact .form-ttl {
	text-align: left;
	font-weight: bold;
	font-size: 22px;
	margin: 30px 0 10px;
	color: #214C7E;
}
.contact .form-ttl .mandatory {
	margin-left: 10px;
	padding: 4px 10px;
	font-size: 14px;
	color: #fff;
	background-color: #214C7E;
}
.contact input[type="text"],
.contact input[type="tel"],
.contact input[type="email"],
.contact textarea {
	width:100%;
	background-color:#fff;
	color:black;
	border:1px #ccc solid;
	margin-bottom: 15px;
	padding:8px;
	overflow: hidden;
}
.contact .wpcf7-submit{
	display: block;
	width:80%;
	margin: 30px auto 0;
	padding: 10px 0;
	border-radius:8px;
	border:1px solid #12315c;
	background-color:#12315c;
	color:#fff;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.contact .wpcf7-submit:hover{
	background-color:#fff;
	color:#12315c;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.contact select {
	width:100%;
	background: url(/assets/4c35fe4d39742c911e30.png) no-repeat 97% 50%; 
	background-color:#fff;
	margin-bottom: 15px;
	padding:8px;
	border:1px #ccc solid;
	border-radius: 0;
	-webkit-appearance:none;
	-moz-apperance:none;
	apperance:none;
}
.page-id-227 .wpcf7 form.sent .wpcf7-response-output {
	color: #000;
}
.wpcf7-list-item {
	margin: 0 0 0 1.5em;
}
.wpcf7-list-item-label {
	color: #444;
	font-weight: 500;
}


/* ----------------------------
04.3 - Company
---------------------------- */
/* 説明 */
.company-explanation {
	position: relative;
	background: url(/assets/2dfb29f28d6b8732b329.png) no-repeat 15% center/35%;
}
.company-explanation .explanation-box {
	margin-top: 40px;
	margin-bottom: 50px;
	padding: 10px 15px 5px;
	background: linear-gradient(to right, rgba(0,57,85, 0.8) 0%, #000 100%);
}
.company-explanation .explanation-box .company-logo {
	display: block;
	width: 280px;
	margin-bottom: 10px;
}
.company-explanation .explanation-box .explanation-ttl {
	font-size: 26px;
	font-weight: bold;
}
.company-explanation .company-writer {
	position: absolute;
	bottom: -210px;
	left: 50%;
	width: 240px;
	margin-left: -120px;
}

/* 会社概要 */
.company-container {
	padding: 60px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
}
.company-img {
	margin-right: 40px;
}
.company-logo {
	width: 400px;
	margin-bottom: 20px;
}
.company-txt {
	width: 580px;
	font-size: 15px;
}

.company-overview {
	padding: 60px 0;
	background: #ddd;
}
.company-overview .overview-ttl {
	margin-bottom: 10px;
	margin-left: -15px;
	padding: 0 0 3px 10px;
	border-left: 4px solid #000;
}
.company-overview table tr th {
	width: 140px;
	text-align: center;
}
.company-overview table tr th,
.company-overview table tr td {
	padding: 5px 20px;
	background: #fff;
	border: 1px solid #2E6783;
}
.company-overview table tr td a {
	color: #000;
}

/* アクセス */
.company-access {
	padding: 60px 0;
	background: url(/assets/6dd7765eb7f4a71f9775.jpg) no-repeat top/cover;
}
.company-access .overview-ttl {
	margin-bottom: 10px;
	margin-left: -15px;
	padding: 0 0 3px 10px;
	border-left: 4px solid #fff;
	color: #fff;
}

/* 売上高 */
.company-earnings {
	padding: 60px 0;
	background: url(/assets/9b3606f637249f53f1b1.svg) no-repeat center/cover;
	background-position: calc(50% - -200px);
}
.company-earnings .earnings-ttl {
	margin-left: -15px;
	padding: 0 0 3px 10px;
	border-left: 4px solid #fff;
}
.company-earnings .earnings-box {
	position: relative;
	height: 460px;
	overflow: hidden;
}
.company-earnings .earnings-box .graph {
	height: 35px;
	position: absolute;
	left: 0;
	transform: translateX(-200%);
}
.company-earnings .earnings-box .graph.ani {
	transform: translateX(0);
	transition:3s;
}
.company-earnings .earnings-box .graph span {
	width: 300px;
	position: absolute;
	left: 16px;
	top: 12%;
	font-size: 16px;
	color: #fff;
}
.company-earnings .earnings-box .graph:nth-child(1) {
	top: 0;
	background: #013165;
	width: 5%;
}
.company-earnings .earnings-box .graph:nth-child(2) {
	top: 10%;
	background: #1c5077;
	width: 10%;
}
.company-earnings .earnings-box .graph:nth-child(3) {
	top: 20%;
	background: #12315c;
	width: 20%;
}
.company-earnings .earnings-box .graph:nth-child(4) {
	top: 30%;
	background: #21428c;
	width: 30%;
}
.company-earnings .earnings-box .graph:nth-child(5) {
	top: 40%;
	background: #005a78;
	width: 35%;
}
.company-earnings .earnings-box .graph:nth-child(6) {
	top: 50%;
	background: #214c7e;
	width: 40%;
}
.company-earnings .earnings-box .graph:nth-child(7) {
	top: 60%;
	background: #045990;
	width: 45%;
}
.company-earnings .earnings-box .graph:nth-child(8) {
	top: 70%;
	background: #2e6783;
	width: 70%;
}
.company-earnings .earnings-box .graph:nth-child(9) {
	top: 80%;
	background: #1280a7;
	width: 80%;
}

/* 3Dプリンター販売台数 */
.company-printer {
	padding: 50px 0 60px;
	background: linear-gradient(to bottom, #003b51, #000);
}
.company-printer .earnings-ttl {
	padding: 0 0 3px 10px;
	border-left: 4px solid #fff;
}

/* 事業協力 */
.company-cooperation {
	background: url(/assets/645eafd3e0c769bf758a.jpg) no-repeat center/cover;
	padding: 80px 0;
	color: #fff;
}
.company-cooperation .cooperation-ttl {
	text-align: center;
}
.company-cooperation img {
	display: block;
	width: 140px;
	margin: 40px auto 0;
}

/* 取り扱いブランド */
.company-brand {
	padding: 20px 0;
	background: #12315c url(/assets/1aea870482ac197cb78b.svg) no-repeat 350px;
}
.company-brand .brand-ttl {
	margin: 0;
	font-size: 16px;
	text-align: center;
	color: #fff;
}
.company-brand .brand-box {
	display: flex;
	align-items: center;
}
.company-brand .brand-box a:hover {
	opacity: .6;
}
.company-brand .brand-box img {
	max-height: 60px;
}

/* 経営理念 */
.company-philosophy {
	padding: 40px 0 80px;
	background: linear-gradient(to bottom, #000 60%, #003b51)
}
.company-about {
	padding: 60px 0 100px;
	background: linear-gradient(to top, #000 80%, #003b51)
}
.company-philosophy .philosophy-ttl,
.company-about .philosophy-ttl {
	padding: 2px 88px 7px;
	font-size: 34px;
	background: url(/assets/57f6a0e2925631fb0b77.svg) no-repeat left/80%;
	color: #fff;
}
.company-about .philosophy-ttl {
	margin-bottom: 40px;
}
.company-philosophy .philosophy-ttl2,
.company-about .philosophy-ttl2 {
	padding: 0 12px 10px;
	font-size: 26px;
	border-bottom: 1px solid #fff;
}
.company-about .philosophy-ttl2 {
	margin-top: 60px;
}
.company-philosophy .philosophy-box .philosophy-ttl3,
.company-about .philosophy-box .philosophy-ttl3 {
	color: #4c9fbe;
	font-size: 26px;
}
.philosophy-box {
	color: #fff;
}
@media only screen and (max-width: 1200px) {
	.company-explanation .explanation-box {
		background: url(/assets/2dfb29f28d6b8732b329.png) no-repeat center/100%;
		background-position: center -200px;
	}
	.company-explanation .explanation-box {
		margin-top: 0;
		padding-top: 160px;
	}
	.company-explanation .company-writer {
		width: 120px;
		margin-left: 0;
		top: 20px;
		left: 20px;
	}
	.company-overview {
		padding: 20px 15px 40px;
	}
	.company-access {
		padding: 20px 0 40px;
	}
	.company-access .overview-ttl {
		margin-left: 0;
	}
	.company-earnings {
		padding: 0 15px;
		background-position: calc(50% - -80px);
	}
	.company-cooperation {
		padding: 20px 0 40px;
	}
	.company-cooperation img {
		margin: 20px auto 0;
	}
	.company-brand .brand-box img {
		max-height: 20px;
	}
	.company-philosophy {
		padding: 40px 0;
	}
	.company-philosophy .philosophy-ttl,
	.company-about .philosophy-ttl {
		padding: 6px 0 10px 68px;
		font-size: 26px;
		background: url(/assets/57f6a0e2925631fb0b77.svg) no-repeat left/220%;
	}
	.company-philosophy .philosophy-ttl2,
	.company-about .philosophy-ttl2 {
		font-size: 20px;
	}
	.company-philosophy .philosophy-box .philosophy-ttl3,
	.company-about .philosophy-box .philosophy-ttl3 {
		font-size: 20px;
	}
}
/* ----------------------------
04.4 - Showroom
---------------------------- */
.scan-showroom {
	min-height: 1000px;
	padding-top: 60px;
	text-align: center;
	background: url(/assets/ff38a3cf571557c401d0.jpg) no-repeat center/cover;
}
.scan-showroom img {
	margin-bottom: 100px;
	padding: 0 40px;
}

.osroomwrap01{
	background: url(/assets/3923a21b269b6122518c.png) no-repeat center/95% #051223;
	padding:100px 0;
}
.osroomwrap02{
	background: url(/assets/1e4d5ffb96112725df3d.jpg) no-repeat center/100%;
	padding:80px 0 40px;
}
.osroomwrap02 div{
	background-color:rgba(5,31,61,0.5);
	padding:0 10px;
	font-size:30px;
	line-height:50px;
	font-weight:bold;
}
.osroomwrap03{
	padding:35px 0 30px;
	background-color:#072C60;
}
.osroomwrap03 div{
	font-size:18px;
	line-height:25px;
}
.osroomwrap03 img {
	width: 50%;
	margin-top: 20px;
}
.osroomwrap04{
	background-color:#58595B;
	padding:35px 0 60px;
}
.osroomwrap041{
	overflow:hidden;
	width:80%;
	margin:45px 0 35px;
}
.osroomwrap041 div{
	padding:0 2%;
	width:50%;
	float:left;
}
.osroomwrap041 div:nth-child(1){
	border-right:1px white solid;
}
.osroomwrap05{
	background-color:#58595B;
}
.osroomwrap051{
	border-top:2px black solid;
	padding:70px 0 80px;
	width:90%;
}
.osroomwrap051 div{
	font-weight:bold;
	text-align: left;
	color:#E86D52;
	font-size:20px;
	line-height:30px;
}
.osroomform{
	background-color:#58595B;
	padding-bottom:50px;
}
.osroomform input::placeholder{
	color:black;
}
.osroomform input[type="text"],
.osroomform input[type="email"],
.osroomform input[type="tel"],
.osroomform textarea{
	width:60%;
	background-color:#CCCCCC;
	color:black;
	border:1px white solid;
	border-radius:5px;
	padding:8px;
	overflow: hidden;
}
.osroomform input[name="showday"],
.osroomform input[name="day01"],
.osroomform input[name="day02"],
.osroomform input[name="day03"] {
	width:20%;
	background-color:#ccc;
	border:1px white solid;
	color:#000;
	border-radius:5px;
	padding:8px;
	overflow: hidden;
}
.osroomform input[name="showday"]::placeholder,
.osroomform input[name="day01"]::placeholder,
.osroomform input[name="day02"]::placeholder,
.osroomform input[name="day03"]::placeholder{
	color:#808080;
}
.osroomform .wpcf7-submit{
	display: block;
	margin: 0 auto;
	width:60%;
	border-radius:5px;
	border:1px solid white;
	background-color:black;
	color:white;
	padding:8px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.osroomform .wpcf7-submit:hover{
	background-color:white;
	color:black;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.osroomform select {
	text-align: center;
	width:20%;
	background: url(/assets/857466a1467a9594c659.png) no-repeat 97% 50%; 
	background-color:#ccc;
	color:#000;
	padding:8px;
	border-radius: 5px;
	-webkit-appearance:none;
	-moz-apperance:none;
	apperance:none;
	border: #fff;
}
.osroomwrap06{
	padding-bottom:50px;
	background-color:#58595B;
	width:100%;
}
.osroomwrap06 div{
	width:75%;
	font-size:20px;
	line-height:30px;
	text-align:left;
	font-weight:bold;
	color:#E8C301;
}
@media only screen and (max-width: 1000px) {
	.osroomwrap02{
		padding:15px 0 10px;
	}
	.osroomwrap02 div{
		padding:0 5px;
		font-size:15px;
		line-height:18px;
		font-weight:bold;
	}
	.osroomwrap03{
		padding:20px;
	}
	.osroomwrap03 div{
		font-size:15px;
		line-height:18px;
	}
	.osroomwrap03 img {
		width: 100%;
	}
	.osroomwrap041{
		overflow:hidden;
		width:80%;
		margin:25px 0 0px;
	}
	.osroomwrap041 div{
		padding:0;
		width:100%;
		float:none;
	}
	.osroomwrap041 div:nth-child(1){
		border:none;
	}
	.osroomwrap05{
		width:100%;
	}
	.osroomwrap051 div{
		font-size:14px;
		line-height:20px;
	}
	.osroomform input[type="text"],
	.osroomform input[type="email"],
	.osroomform input[type="tel"],
	.osroomform textarea, .osroomform .wpcf7-submit {
		width:85%;
	}
	.osroomform input[name="showday"], .osroomform select{
		width:50%;
	}
	.osroomwrap06 div{
		width:85%;
		font-size:15px;
		line-height:20px;
	}
}

/* ----------------------------
04.5 - Download
---------------------------- */
.download-container {
	background: #12315c;
}
.download-container .download-box {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.download-container li {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: linear-gradient(to right,  #12315c 0%,#000000 15%,#000000 85%,#12315c 100%);
}
.download-container li .download-txt {
	margin: 10px 0 0;
	padding: 10px 5px 20px;
	text-align: center;
	line-height: 1.4;
	border-top: 1px solid #fff;
}
.download-container li .download-btn {
	align-self: flex-end;
}
.download-container li .download-btn a {
	display: block;
	width: 150px;
	margin: 0 auto 8px;
	padding: 4px 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 15px;
	box-shadow: inset 0 0 10px 0 #fff;
}
.download-container li .download-btn a:hover {
	opacity: .6;
}
.download-container .download-all {
	margin: 10px 0 50px;
	text-align: center;

}
.download-container .download-all a {
	display: block;
	width: 300px;
	margin: 0 auto 8px;
	padding: 8px 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 30px;
	box-shadow: inset 0 0 10px 0 #fff;
	
}
.download-container .download-all a:hover {
	opacity: .6;
}

/* ----------------------------
04.6 - Recruit
---------------------------- */
/* 一覧 */
.recruit-main {
	margin-top: 40px;
	margin-bottom: 60px;
	text-align: center;
}
.recruit-main .main-ttl {
	margin-bottom: 0;
	font-size: 46px;
}
.recruit-main .sub-ttl {
	margin-bottom: 40px;
	font-size: 26px;
}

.recruit-box {
	margin-bottom: 40px;
	background: #12315c;
}
.recruit-box .recruit-txt {
	font-size: 24px;
	font-weight: bold;
	margin: 15px 0 10px;
}
.recruit-box a {
	background: #fff;
	border: 2px solid #fff;
	border-radius: 5px;
	padding: 10px 40px 11px;
	display: inline-block;
	margin: 0 0 25px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
.recruit-box a:hover {
	background: #12315c;
	color: #fff;
}

/* 詳細 */
.recruit01{
	background: url(/assets/24d7eaed8a35e239066e.jpg) no-repeat top;
	padding:90px 0 150px 0;
	overflow: hidden;
}
.recruit02{
	margin-bottom:80px;
}
.recruit03{	
	background: url(/assets/48719dc0d378b6ef4cc8.png) no-repeat bottom left;	
	padding-bottom:45px;
	overflow: hidden;
}
.recruit03 div{
	padding:10px 0;
	border-bottom:1px solid white;
}
.recruit03 div p{
	text-align: left;
	font-size:18px;
	line-height:25px;
	color:white;
}
.recruit03 div .txt{
	padding-left:50px;
	color:#4B7D9E;
}
.recruit05{
	overflow: hidden;
	width:95%;
	margin-top:50px;
	padding-bottom:30px;
	border-bottom:1px solid white;
}
.recruit05 .itm{
	width:24.5%;
	float:left;
}
.recruit05 .txtbox{
	margin-top:30px;
	padding:0 5%;
	width:90%;
	border-right:1px solid white;
}
.recruit05 .tit{
	width:100%;
	border:none;
	text-align: left;
	font-weight:bold;
	font-size:20px;
	line-height:30px;
	margin-bottom:20px;
	padding:0;
}
.recruit05 .txt{
	text-align: left;
	font-size: 15px;
	line-height:20px;
}
.recruit06{
	width:95%;
	margin-top:30px;
}
.recruit06 p{
	font-size:12px;
	text-align:left;
}
.recruit07{
	margin-top:60px;
}
.recruit07 a{
	font-weight:bold;
	font-size:24px;
	line-height:30px;
	padding:8px 60px;
	color:white;
	border:2px solid white;
	border-radius:30px;
	text-decoration: none;
}
.recruit07 a:hover{
	background-color:white;
	color:#1B232C;
	text-decoration: none;
}
.recruit09{
	margin-top:60px;
	width:85%;
}
.recruit09 p{
	font-size:16px;
	line-height:21px;
	text-align: left;
}
.recruitform02{
	width:335px;
}
.recruitform03{
	width:50%;
}
.recruitform03 .txt{
	color:#12315C;
	font-size:20px;
	font-weight:bold;
	line-height:25px;
	margin:0 10px 10px 10px;
	float:left;
}
.recruitform03 input[type="text"], .recruitform03 textarea{
	width:100%;
	background-color:#CCCCCC;
	color:black;
	border:1px black solid;
	padding:8px;
	overflow: hidden;
}
.recruitform03 .wpcf7-submit{
	margin-top:30px;
	width:100%;
	border-radius:20px 0;
	border:1px solid black;
	background-color:white;
	color:black;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.recruitform03 .wpcf7-submit:hover{
	background-color:#2E678A;
	color:white;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
input[name="date-598"]{
	width:120px;
	border:#333333 1px solid;
	border-radius: 20px;
	color:black;
	font-size:16px;
	line-height:20px;
	padding:5px 15px;
}

.interviewdate{
	padding-top:5px;
	font-size:16px;
	line-height:23px;
	color:black;
	float:left;
	margin-right:10px;
}
.interviewbox{
	color:black;
	margin:10px 0 0 15px;
	width:100%;
}
.interviewbox input[type="date"]{	
	width:120px;
	border:#333333 1px solid;
	border-radius: 20px;
	color:black;
	font-size:16px;
	line-height:20px;
	padding:5px 15px;
}
.interviewbox select{	
	width:85px;
	background: url(/assets/4c35fe4d39742c911e30.png) no-repeat 85% 50%; 
	border:#333333 1px solid;
	border-radius: 20px;
	color:black;
	font-size:16px;
	line-height:20px;
	padding:5px 15px;
	-webkit-appearance:none;
	-moz-apperance:none;
	apperance:none;
}
.resume{
	color:black;
	font-size:16px;
	line-height:20px;
}
.recruitform03 input[type="file"]{
	float:left;
	overflow:hidden;
}
@media only screen and (max-width: 1000px) {
	.recruit03 div p{
		font-size:14px;
		line-height:20px;
	}
	.recruit03 div .txt{
		padding-left:20px;
	}
	.recruit05 .itm{
		width:49.5%;
		float:left;
	}
	.recruit05 .txt, .recruit05 .tit{
		text-align: center;
	}
	.recruit05 .txtbox{
		margin-top:30px;
		width:100%;
		border-right:1px solid white;
	}
	.recruit05 .itm:nth-child(2) .txtbox{
		border-right:none;
	}
	.recruitform03{
		width:90%;
	}
	.recruitform03 input[type="file"]{
		width:60%;
	}
}

/* ----------------------------
04.7 - Applications
---------------------------- */
.post-name-aerospace .applications-main {
	background: url(/assets/bdc8f7e230f5a09554b5.png) no-repeat bottom/cover;
}
.post-name-automotive .applications-main {
	background: url(/assets/775dbf6c8b3052e97e8a.png) no-repeat bottom/cover;
}
.post-name-manufacturing .applications-main {
	background: url(/assets/55ecb2838c79eb875c5c.png) no-repeat bottom/cover;
}
.post-name-mold .applications-main {
	background: url(/assets/d051923b72980bf7294d.png) no-repeat bottom/cover;
}
.post-name-energy .applications-main {
	background: url(/assets/c04fecab5c3c7e77cabf.png) no-repeat bottom/cover;
}
.post-name-health-care .applications-main {
	background: url(/assets/26fe1b17f96f12bae5ed.png) no-repeat bottom/cover;
}
.post-name-vr-showcase .applications-main {
	background: url(/assets/e9c9e6550d27a8aab66f.png) no-repeat bottom/cover;
}
.post-name-antique-sculpture .applications-main {
	background: url(/assets/398e8fe8314e417b8cd7.png) no-repeat bottom/cover;
}
.post-name-education-research .applications-main {
	background: url(/assets/8ce62dec766045c7a7c2.png) no-repeat bottom/cover;
}
.post-name-entertainment .applications-main {
	background: url(/assets/bb3b75070162eea19299.png) no-repeat bottom/cover;
}
.applications-main {
	height: 500px;
	margin-bottom: 100px;
}
.applications-main .main-box {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.applications-main .main-box .ttl-box {
	margin-top: 100px;
	padding: 15px 30px 15px 60px;
	text-align: right;
	line-height: 1.4;
	color: #fff;
	background: linear-gradient(to left, #960000, transparent);
}
.applications-main .main-box .ttl-box .main-ttl {
	margin: 0 0 10px;
	font-size: 34px;
}
.applications-main .main-box .ttl-box .main-ttl svg path,
.applications-main .main-box .ttl-box .main-ttl svg polygon,
.applications-main .main-box .ttl-box .main-ttl svg circle {
	fill: #fff;
}
.applications-contents .txt-box {
	margin-bottom: 30px;
}
.applications-contents .txt-yellow {
	color: #8c7300;
}
.applications-contents .txt-blue {
	color: #2e6783;
}
.applications-contents img {
	display: block;
	margin: 20px auto 30px;
}
.page-template-page-base .scan-icon,
.page-template-page-base2 .scan-icon {
	background: none;
}
@media only screen and (max-width: 1200px) {
	.applications-main {
		height: 260px;
		margin-bottom: 20px;
	}
	.applications-main .main-box .ttl-box {
		margin-top: 40px;
	}
	.applications-main .main-box .ttl-box .main-ttl {
		font-size: 26px;
	}
	.applications-main .main-box .ttl-box .main-ttl svg {
		max-width: 60px;
		height: 24px;
	}
}

/* ----------------------------
05 - Layout
---------------------------- */
.m-auto { margin-left: auto; margin-right: auto; }
.wid60{ width:60%; }
.wid70{ width:70%; }
.wid80{ width:80%; }
.mt-10{ margin-top: 10px; }
.mt-20{ margin-top: 20px; }
.mt-30{ margin-top: 30px; }
.mb25{ margin-bottom:25px; }
@media only screen and (max-width: 1000px) {
	.mmb10{
		margin-bottom:10px;
	}
	.mwd80{
		width:80%
	}
	.mwd90{
		width:90%
	}
	.mwd100{
		width:100%
	}
}

.post-type table {
    border: solid 1px;
    width: 100%;
}

.post-type td {
	padding: 10px 20px;
    border: solid 1px;
    background-color: #FFF;
    color: #333;
    text-align: center;
}

.post-type th {
	padding: 10px 20px;
    border: solid 1px;
    background-color: #999;
    color: #333;
    text-align: center;
}

.post-type h3 {
  padding: 1rem 2rem;
  border-left: 4px solid #333;
}

.post-type h2 {
  position: relative;
  padding: 1.5rem;
  background: #333;
	color: #fff;
}

.post-type h2:before,
.post-type h2:after {
  position: absolute;
  content: '';
}

.post-type h2:before {
  top: -40px;
  left: 0%;
  width: 80px;
  height: 80px;
  border: 2px solid #000;
  border-radius: 50%;
  background: #333;
}

.post-type h2:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #333;
}

.post-type h2 i {
  font-size: 30px;
  font-size: 3rem;
  line-height: 60px;
  position: absolute;
  z-index: 1;
  top: -40px;
  left: 0%;
  width: 80px;
  height: 60px;
  text-align: center;
}

.post-type h2 span {
  position: relative;
  z-index: 1;
}

iframe.wp-embedded-content {
	width: 100%;
}

.blog-card {
    width: 100%;
    background: #f5f5f5;
    border: 1px solid #dddddd;
    word-wrap: break-word;
    margin: 1.5em 0 0;
    padding: 0;
}
.blog-card:hover {
    background: #dbe9f4;
}
.blog-card a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.blog-card-thumbnail {
    padding: 10px;
}
.blog-card-thumbnail img {
    width: 100%;
    border: none;
    display: block;
    padding: 0;
}
.blog-card-content {
    width: 78%;
    line-height: 1.5;
}
.blog-card-title {
    font-size: 15px;
    font-weight: bold;
    padding: 10px 10px 10px 0;
}
.blog-card-excerpt {
    color: #333333;
    font-size: 13px;
    padding: 0 10px 10px 0;
}

.photo-description {
	text-align:center;
	font-weight:bold;
}

.jirei-q {
	font-weight: bold;
	color:#C3C399;
	margin: 10px 0;
}

@media only screen and (max-width: 680px) {
	.jirei-box {
		background-color: #FFF;
		color: #333;
		padding: 10px 5px;
		margin-bottom: 40px;
		border: 1px solid #333;
	}
}

@media only screen and (min-width: 681px) {
	.jirei-box {
		background-color: #FFF;
		color: #333;
		padding: 40px 80px;
		margin-bottom: 40px;
		border: 1px solid #333;
	}
}

.jirei-note {
	margin: 5px 0;
	font-size: .8em;
}



/* --------------------
ショールーム
-------------------- */
.room-container {
	height: 1573px;
	padding-top: 80px;
	background: url(/assets/b80091e76f4b3ff0c773.jpg) no-repeat;
}
.room-container.tokyo-room {
	background: url(/assets/90c09c8ea0bb6aa73a76.jpg) no-repeat;
}
.room-container .room-txt {
	width: 1000px;
	margin: 0 auto;
	padding-left: 10px;
	line-height: 1.2;
	border-left: 8px solid #163e75;
}
.room-container .room-txt .ttl {
	margin: 0;
	font-size: 42px;
	font-weight: bold;
	color: #333;
}
.room-container .room-txt .txt {
	margin: 0;
	padding-bottom: 10px;
	font-size: 32px;
	font-weight: bold;
	color: #5f8496;
}
.explanation-container {
	padding: 60px 200px 50px;
	background: url(/assets/5ca4702a7c3b520caae5.jpg);
	text-align: center;
}
.explanation-container .txt {
	display: inline-block;
	padding: 4px 20px;
	font-size: 28px;
	font-weight: bold;
	background: rgba(11, 30, 59, 60%);
}
.open-container {
	padding: 15px 0 10px;
	background: #30729d;
	text-align: center;
}
.access-container {
	padding: 80px 0;
	color: #000;
	background: #fff;
}
.access-container .access-info {
	display: flex;
	justify-content: center;
	align-items: center;
}
.access-container .access-info .ttl {
	margin: 0 20px 10px 0;
	font-size: 50px;
	font-weight: bold;
}
.access-container .access-info .txt {
	margin: 0;
}
.access-container .access-map {
	width: 1000px;
	margin: 40px auto;
}
.access-container .access-address {
	width: 900px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #2f647e;
}
.access-container .access-address .txt {
	font-size: 20px;
	font-weight: bold;
}
.caution-container {
	padding: 15px 0 10px;
	background: #77797d;
	font-size: 24px;
	text-align: center;
}
.attention-container {
	padding: 15px 0 10px;
	font-size: 16px;
	font-weight: bold;
	color: #db6951;
	background: #fff;
}
.attention-container p {
	width: 1000px;
	margin: 10px auto 20px;
}
.form-container {
	text-align: center;
	background: #fff;
}
.form-container .osroomform {
	width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
	background: #fff;
	color: #000;
}
@media screen and (max-width: 768px) {
	.room-container {
		height: 380px;
		padding: 10px 20px 0;
		background: url(/assets/b80091e76f4b3ff0c773.jpg) no-repeat center/cover!important;
	}
	.room-container .room-txt .ttl {
		font-size: 20px;
	}
	.room-container .room-txt .txt {
		padding-bottom: 5px;
		font-size: 20px;
	}
	.explanation-container {
		padding: 20px 0 20px;
	}
	.explanation-container .txt {
		padding: 4px 15px;
		font-size: 16px;
	}
	.open-container {
		padding: 15px 10px 10px;
		text-align: left;
	}
	.access-container {
		padding: 40px 0;
	}
	.access-container .access-info {
		flex-direction: column;
		margin-bottom: 20px;
	}
	.access-container .access-info .ttl {
		margin: 0;
		font-size: 30px;
	}
	.access-container .access-map {
		width: 100%;
	}
	.access-container .access-address {
		width: 100%;
		flex-wrap: wrap;
	}
	.access-container .access-address .txt {
		padding: 0 15px;
		font-size: 16px;
		font-weight: inherit;
	}
	.caution-container {
		padding: 15px 15px 10px;
		font-size: 14px;
	}
	.attention-container {
		font-size: 14px;
		font-weight: inherit;
	}
	.attention-container p {
		width: 100%;
		padding: 0 15px;
	}
	.form-container .osroomform {
		width: 100%;
		padding: 40px 0;
	}
}

/* サンクスページ */
.thanks {
	margin: 150px 0;
	padding: 0 15px;
	text-align: center;
}
.thanks a {
	display: inline-block;
	margin-top: 20px;
	padding: 4px 60px 6px;
	color: #fff;
	background: #0080ff;
	border: 2px solid #fff;
	transition: .4s;
}
.thanks a:hover {
	background: #fff;
	color: #000;
	text-decoration: none;
	border: 2px solid #0080ff;
}



/* 記事ボタン */
.btn-article-orange  {
	margin: 40px 0 80px !important;
	text-align: center;
}
.btn-article-orange a {
	min-width: 60%;
	font-size: 20px;
	font-weight: 700;
	position: relative;
	display: inline-block;
	padding: 16px 20px;
	cursor: pointer;
	transition: all 0.3s;
	text-align: center;
	text-decoration: none !important;
	letter-spacing: 0.1em;
	border-radius: 40px;
	color: #fff !important;
	background: #eb6100;
	border-bottom: 5px solid #b84c00;
}
.btn-article-orange a:hover {
	opacity: 1 !important;
	margin-top: 3px;
	color: #fff;
	border-bottom: 2px solid #b84c00;
}
@media screen and (max-width: 767px) {
	.btn-article-orange {
		margin: 20px 0 40px !important;
	}
	.btn-article-orange a {
		width: 100%;
		padding: 12px 0;
		font-size: 18px;
	}
}

.btn-article-green  {
	margin: 40px 0 80px !important;
	text-align: center;
}
.btn-article-green a {
	min-width: 60%;
	font-size: 20px;
	font-weight: 700;
	position: relative;
	display: inline-block;
	padding: 16px 20px;
	cursor: pointer;
	transition: all 0.3s;
	text-align: center;
	text-decoration: none !important;
	letter-spacing: 0.1em;
	border-radius: 40px;
	color: #fff !important;
	background: #094;
	border-bottom: 5px solid #00662d;
}
.btn-article-green a:hover {
	opacity: 1 !important;
	margin-top: 3px;
	color: #fff;
	border-bottom: 2px solid #00662d;
}
@media screen and (max-width: 767px) {
	.btn-article-green {
		margin: 20px 0 40px !important;
	}
	.btn-article-green a {
		width: 100%;
		padding: 12px 0;
		font-size: 18px;
	}
}

.contact-list li {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	margin-left: 15px;
}
.contact-list li b {
	width: 20%;
	color: #444;
	font-weight: 500;
}
.contact-list li span {
	width: 80%;
}
.contact .contact-list input[type="text"],
.contact .contact-list input[type="tel"],
.contact .contact-list input[type="email"],
.contact .contact-list textarea {
	margin-bottom: 0;
	margin-left: 0;
}
.contact .file {
	margin: 0 10px 10px;
}


/* トップ_コンセプト */
.concept-container {
	height: 520px;
	margin-bottom: 80px;
	background: url(/assets/4ab7b1a62c67b0ff66e9.jpg) no-repeat center / cover;
}
.concept-wrap {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	padding-right: 30px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.concept-wrap .ttl {
	margin: 0 0 10px;
}
.concept-wrap .txt {
	width: 500px;
	color: #fff;
}
@media screen and (max-width: 767px) {
	.concept-container {
		height: 220px;
		margin-bottom: 40px;
		background: url(/assets/9274cf0711fe5d2c31c6.jpg) no-repeat center top / cover;
	}
	.concept-wrap {
		width: 100%;
		height: 100%;
		padding: 0 15px;
		align-items: center;
	}
	.concept-wrap .ttl {
		margin: 0 0 10px;
		font-size: 20px;
	}
	.concept-wrap .txt {
		width: 100%;
		font-size: 14px;
		line-height: 1.4;
	}
}

/* トップ_製品紹介 */
.carousel-container {
	margin-bottom: 80px;
	color: #000;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.tab-wrap {
	width: 1400px;
	margin: 40px auto 0;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	padding: 0 0 20px;
	position: relative;
}
.tab-switch {
	display: none;
}
.tab-switch:checked + .tab-label {
	color: #377eeb;
	background: #fff;
}
.tab-switch:checked + .tab-label::after {
	content: '';
	transform: translateY(-50%);
	border: 26px solid transparent;
	border-left: 15px solid #377eeb;
	position: absolute;
	top: 26px;
	right: -42px;
}
.tab-switch:checked ~ .tab-content {
	transform: translateX(30%);
}
.tab-switch:checked + .tab-label + .tab-content {
	height: auto;
	opacity: 1;
	order: 1;
	pointer-events:auto;
	transform: translateX(0);
}
.tab-label {
	color: #808080;
	cursor: pointer;
	flex: 1;
	font-weight: bold;
	order: -1;
	padding: 12px 0;
	text-align: center;
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s;
	user-select: none;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
	position: absolute;
	background: #f2f2f2;
	width: 200px;
	left: 0;
	z-index: 99999;
	border: 1px solid #ccc;
}
.tab-label:hover {
	color: #fff;
	background: #377eeb;
}
.tab-01 { top: 0; }
.tab-02 { top: 52px; }
.tab-03 { top: 104px; }
.tab-04 { top: 156px; }
.tab-05 { top: 208px; }
.tab-content {
	height:0;
	opacity:0;
	margin-left: 220px;
	padding: 0 20px;
	pointer-events:none;
	transform: translateX(-30%);
	transition: transform .3s 80ms, opacity .3s 80ms;
	width: 100%;
	color: #000;
	display: flex;
	align-items: flex-start;
}
.tab-img {
	width: 520px;
	margin-left: 40px;
	box-shadow: 0 0 6px #888
}
.tab-btn a {
	display: inline-block;
	margin: 6px 2px 0 0;
	padding: 7px 40px 9px;
	color: #fff;
	background: #377eeb;
	border-radius: 30px;
	text-decoration: none;
	border: 1px solid #377eeb;
	transition: 0.3s;
}
.tab-btn a:hover {
	color: #377eeb;
	background: #fff;
}

@media screen and (max-width: 768px) {
	.carousel-container {
		margin-bottom: 40px;
	}
	.carousel-container .ttl {
		font-size: 24px;
	}
	.carousel-container .txt {
		margin: 0 15px;
		font-size: 14px;
	}
	.tab-wrap {
		width: 100%;
		margin: 30px auto 0;
	}
	.tab-switch:checked + .tab-label::after {
		content: '';
		border: 20px solid transparent;
		border-left: 15px solid #377eeb;
		top: 20px;
		right: -36px;
	}
	.tab-label {
		width: 130px;
		padding: 8px 0;
		font-size: 14px;
	}
	.tab-02 { top: 40px; }
	.tab-03 { top: 80px; }
	.tab-04 { top: 120px; }
	.tab-05 { top: 160px; }
	.tab-content {
		margin-left: 0;
		padding: 0 15px;
		flex-direction: column;
		font-size: 14px;
	}
	.tab-product-img {
		width: 60%;
		margin-left: auto;
		display: block;
	}
	.tab-btn {
		margin-bottom: 30px;
		text-align: center;
	}
	.tab-btn a {
		margin: 6px 2px 0 0;
		padding: 5px 22px 6px;
	}
	.tab-img {
		width: 80%;
		margin: 0 auto;
		box-shadow: 0 0 6px #888
	}
}


/* トップ_三次元測定 */
.measurement-container {
	padding: 20px 0 100px;
	background: #fff;
}
.measurement-wrap {
	width: 1400px;
	margin: 0 auto 40px;
	padding: 50px 180px;
	background: url(/assets/de1a1004ab4e354c3944.jpg) no-repeat center;
	text-align: center;
	color: #fff;
}
.measurement-wrap .ttl {
	margin: 0 0 20px;
}
.measurement-wrap .txt {
	margin-bottom: 30px;
}
.measurement-wrap .btn {
	padding: 4px 60px 6px;
	color: #377eeb;
	background: #fff;
	border-radius: 30px;
	font-size: 18px;
	text-decoration: none;
	transition: 0.3s;
}
.measurement-wrap .btn:hover {
	color: #fff;
	background: #377eeb;
}
.measurement-img {
	display: block;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.measurement-container {
		padding: 0 0 60px;
	}
	.measurement-wrap {
		width: 100%;
		margin: 0 auto 30px;
		padding: 25px 15px 30px;
		text-align: left;
	}
	.measurement-wrap .ttl {
		margin: 0 0 15px;
		font-size: 24px;
	}
	.measurement-wrap .txt {
		margin-bottom: 20px;
		font-size: 14px;
	}
	.measurement-wrap .btn {
		display: block;
		padding: 3px 0 4px;
		border-radius: 30px;
		font-size: 16px;
	}
}


/* トップ_ショールーム */
.showroom-container {
	padding: 40px 0 100px;
	background: url(/assets/de206649a99d211cc56b.jpg) no-repeat center,#fff;
}
.showroom-wrap {
	width: 1200px;
	margin: 0 auto;
	color: #000;
	text-align: center;
}
.showroom-img {
	display: block;
	margin: 0 auto 40px;
}
.showroom-wrap .ttl {
	margin: 0 0 20px;
}
.showroom-wrap .txt {
	margin-bottom: 30px;
}
.showroom-wrap .btn {
	padding: 4px 60px 6px;
	color: #fff;
	background: #377eeb;
	border-radius: 30px;
	border: 1px solid #377eeb;
	font-size: 18px;
	text-decoration: none;
	transition: 0.3s;
}
.showroom-wrap .btn:hover {
	color: #377eeb;
	background: #fff;
}
@media screen and (max-width: 768px) {
	.showroom-container {
		padding: 20px 0 100px;
		background: url(/assets/354a05ca6df7595432ed.jpg) no-repeat center bottom / 100%,#fff;
	}
	.showroom-wrap {
		width: 100%;
		padding: 0 15px ;
		text-align: left;
	}
	.showroom-img {
		margin: 0 auto 20px;
	}
	.showroom-wrap .ttl {
		margin: 0 0 15px;
		font-size: 24px;
	}
	.showroom-wrap .txt {
		margin-bottom: 20px;
		font-size: 14px;
	}
	.showroom-wrap .btn {
		display: block;
		padding: 3px 0 4px;
		border-radius: 30px;
		font-size: 16px;
	}
}

/* トップ_よくある質問 */
.faq-container {
	padding: 100px 0;
	background: url(/assets/5eba0c3443751aa0ddbb.jpg) no-repeat;
}
.faq-container .top-ttl {
	margin: 0;
	text-align: center;
	color: #fff;
}
.faq-list {
	width: 1100px;
	margin: 40px auto 0;
}
.accordion_one {
	position: relative;
}
.accordion_one + .accordion_one {
	margin-top: 25px;
}
.accordion_one .ac_header {
	color: #fff;
	background: #45789a;
	position: relative;
	z-index: 1;
	cursor: pointer;
	transition: .2s;
	border-radius: 34px;
}
.accordion_one .ac_header .i_box {
	position: absolute;
	top: 50%;
	right: 2rem;
	width: 20px;
	height: 20px;
	margin-top: -10px;
}
.accordion_one .ac_header .i_box:before,
.accordion_one .ac_header .i_box:after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
}
.accordion_one .ac_header .i_box:before {
	border-top: 2px solid #fff;
	width: 20px;
	height: 0;
	top: 0;
	bottom: 0;
	right: 0;
}
.accordion_one .ac_header .i_box:after {
	border-left: 2px solid #fff;
	width: 0;
	height: 20px;
	top: 0;
	bottom: 0;
	right: 9px;
	transition: .3s;
}
.accordion_one .ac_header.open .i_box:after {
	height: 0;
}
.accordion_one .ac_inner {
	display: none;
	box-sizing: border-box;
	background: #eee;
	color: #000;
	border-radius: 34px;
}
.accordion_one p.p-faq-txt {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 15px 40px 15px 25px;
	font-size: 16px;
}
.accordion_one p.p-faq-txt img {
	width: 30px;
	margin-right: 15px;
}
@media screen and (max-width: 1199px) {
	.faq-list {
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.faq-container {
		padding: 30px 15px;
		background: url(/assets/5eba0c3443751aa0ddbb.jpg) no-repeat center / cover;
	}
	.faq-container .top-ttl {
		font-size: 24px;
	}
	.faq-list {
		width: 100%;
	}
	.accordion_one + .accordion_one {
		margin-top: 15px;
	}
	.accordion_one .ac_header .i_box {
		right: 1rem;
		width: 14px;
		height: 14px;
		margin-top: -7px;
	}
	.accordion_one .ac_header .i_box:before {
		width: 14px;
	}
	.accordion_one .ac_header .i_box:after {
		height: 14px;
		right: 6px;
	}
	.accordion_one p.p-faq-txt {
		padding: 8px 35px 8px 10px;
		font-size: 14px;
		line-height: 1.4;
	}
	.accordion_one p.p-faq-txt img {
		width: 20px;
		min-width: 20px;
		margin-right: 10px;
	}
}

/* ページ下部固定CTA */
#cta-ft{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #000;
	padding: 10px 0;
	text-align: center;
	opacity: 0;
	transition: opacity 0.5s ease;
	z-index: 1;
}
#cta-ft.show { opacity: 1; }
#cta-ft a {
	display: inline-block;
	padding: 14px 50px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#cta-ft .cta-call { margin-right: 40px; }
#cta-ft .cta-cl { background: #e50012; }
#cta-ft .cta-ct { background: #30af38; }
#cta-ft .cta-cl:hover,
#cta-ft .cta-ct:hover {
	opacity: .8;
}
#cta-ft .cta-cl img,
#cta-ft .cta-ct img {
	width: 20px;
	margin-right: 10px;
}
@media screen and (max-width: 1199px) {
	#cta-ft a {
		padding: 10px 20px;
		font-size: 14px;
	}
	#cta-ft .cta-call {
		width: 35vw;
	}
}


/* 製品紹介 */
.introduction-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1700px;
	max-width: 95vw;
	margin: 0 auto 40px;
	padding: 50px 60px;
	background: #f1f1f2;
	border-radius: 20px;
}
.introduction-wrap {
	width: 70%;
}
.introduction-ttl {
	margin: 0;
	font-size: clamp(20px, 2.2vw, 40px);
	color: #0080ff;
	font-weight: normal;
}
.introduction-heading-ttl {
	margin: 15px 0 10px;
	font-size: clamp(26px, 1.6vw, 30px);
}
.introduction-txt {
	margin-bottom: 30px;
	font-size: clamp(14px, 1vw, 18px);
}
.introduction-btn {
	display: inline-block;
	padding: 4px 60px 6px;
	font-size: clamp(14px, 1vw, 18px);
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #0080ff;
	border: 2px solid #0080ff;
	border-radius: 25px;
	transition: all .6s;
}
.introduction-btn:hover {
	color: #0080ff;
	background: none;
	text-decoration: none;
}
.introduction-img {
	width: 23%;
}
@media screen and (max-width: 1199px) {
	.introduction-container {
		padding: 30px 40px;
	}
}
@media screen and (max-width: 767px) {
	.introduction-container {
		flex-direction: column-reverse;
		margin: 0 auto 20px;
		padding: 25px 15px;
		border-radius: 15px;
	}
	.introduction-container.introduction-reverse {
		flex-direction: column;
	}
	.introduction-wrap {
		width: 100%;
		text-align: center;
	}
	.introduction-ttl {
		margin-top: 20px;
	}
	.introduction-heading-ttl {
		margin: 5px 0 10px;
	}
	.introduction-txt {
		margin-bottom: 15px;
		text-align: left;
	}
	.introduction-img {
		width: 50%;
	}
}

/* 製品紹介（2カラム） */
.introduction-col2-container {
	display: flex;
	justify-content: space-between;
	width: 1700px;
	max-width: 95vw;
	margin: 0 auto 40px;
}
.introduction-col2-wrap {
	display: flex;
	align-items: center;
	width: 49%;
	padding: 50px 60px;
	background: #f1f1f2;
	border-radius: 20px;
}
.introduction-col2-box {
	margin-left: 60px;
}
.introduction-col2-ttl {
	margin: 15px 0 10px;
	font-size: clamp(26px, 1.6vw, 30px);
}
.introduction-col2-txt {
	margin-bottom: 30px;
	font-size: clamp(14px, 1vw, 16px);
}
.introduction-col2-btn {
	display: inline-block;
	padding: 4px 60px 6px;
	font-size: clamp(14px, 1vw, 18px);
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #0080ff;
	border: 2px solid #0080ff;
	border-radius: 25px;
	transition: all .6s;
}
.introduction-col2-btn:hover {
	color: #0080ff;
	background: none;
	text-decoration: none;
}
.introduction-col2-img {
	max-width: 20vw;
	width: 220px;
	max-height: 260px;
}
@media screen and (max-width: 1199px) {
	.introduction-col2-container {
		flex-direction: column;
		padding: 0;
	}
	.introduction-col2-wrap {
		width: 100%;
		padding: 30px 40px;
	}
	.introduction-col2-wrap + .introduction-col2-wrap {
		margin-top: 20px;
	}
	.introduction-col2-box {
		margin-left: 40px;
	}
	.introduction-col2-img {
		width: 80px;
	}
}
@media screen and (max-width: 767px) {
	.introduction-col2-container {
		margin: 0 auto 20px;
	}
	.introduction-col2-wrap {
		flex-direction: column;
		padding: 25px 15px;
		border-radius: 15px;
	}
	.introduction-col2-box {
		margin: 0;
		text-align: center;
	}
	.introduction-col2-txt {
		margin-bottom: 15px;
		text-align: left;
	}
	.introduction-col2-img {
		width: 60%;
	}
}

.table-layout-auto table {
	table-layout: auto!important;
}

/* トップ-新製品 */
.new-product-container {
	max-width: 1800px;
	width: 95vw;
	margin: 0 auto 140px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.new-product-wrap {
	width: 49%;
	margin-bottom: 30px;
	position: relative;
}
.new-product-wrap a {
	display: inline-block;
}
.new-product-box {
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	color: #000;
	white-space: nowrap;
}
.new-product-ttl {
	margin: 0 0 5px;
	font-size: clamp(26px, 2.2vw, 40px);
	font-weight: bold;
	line-height: 1.4;
}
.new-product-txt {
	margin: 0 0 15px;
	font-size: clamp(14px, 1.4vw, 20px);
	line-height: 1.4;
}
.new-product-lead {
	font-size: clamp(12px, 1vw, 16px);
	line-height: 1.4;
	color: #333;
}
.new-product-wrap img {
	border-radius: 20px;
}
@media screen and (max-width: 767px) {
	.new-product-wrap {
		width: 100%;
	}
	.new-product-box {
		top: 15px;
	}
}

.footer-black-lead-ttl {
	margin: 8px 0 0 !important;
	font-size: 14px !important;
	font-weight: bold !important;
	color: #000;
}