/*全体設定*/
html {
	visibility: hidden;
	overflow-x: hidden;
}

html.wf-active {
	visibility: visible;
}

html.active{
	xoverflow-y: hidden;
}

html.active body{
	overflow: hidden;
	height:100px;
}

body {
	font-family: a-otf-ud-shin-go-pr6n, "メイリオ",sans-serif;
	font-weight: 300;
	font-style: normal;
	width: 100%;
}

.wrap {
	overflow: hidden;
}

img {
	max-width: 100%;
	height: auto;
}
.nav_img{
	width: 40%;
	margin-left: auto;
}
a {
	cursor: pointer;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #000;
}

.margin_right5{
	margin-right:5px;
}

.body_padding {
	padding-top: 55px;
}

.container_mini {
	padding-right: 30px;
	padding-left: 30px;
}

.site_top {
	z-index: 999;
	background:rgba(255,255,255,0.95);
	position: fixed;
	width: 100%;
	box-shadow: 2px 0 4px #696969;
	vertical-align: middle;
}

.site_top_logo_txt {
	display: flex;
	justify-content: center;
	align-items: center;
}

.logo {
	width: 30%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.inquiry_top {
	float: right;
	font-size: 15pt;
}

.inquiry_txt {padding-left:8px;padding-right:8px;margin:0 18px;font-size:14pt;font-weight: bold;color: #555;transition:0.4s;}
.inquiry_txt:hover{color:#c30000}
.fas_m {
	margin-right: 5px;
}

.inquiry_tel {
	color: red;
	font-size: 15pt;
	font-weight: bold;
}

.header_img {
	position: relative;
	background-size: cover;
	background-position: center center;
}

.header_txt {
	position: absolute;
	top: 0;
	left: 0;
	font-family: "メイリオ",sans-serif;
	font-size: 20pt;
	font-weight: bold;
	color: #000;
	margin-top: 10px;
	margin-left: 10px;
	line-height: 150%;
}

/*ハンバーガーメニュー*/
.toggle {
	right: 6px;
	top: 6px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 10001;
	display: flex;
	justify-content: center;
	align-items: center;
}

.toggle.active{
	right:35px !important;
}

.toggle img {
	z-index: 10001;
}

.ham_nav {
	float: right;
	position: fixed;
	padding-top: 100px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateY(-100%);
	z-index: 10000;
	background-color: rgba(166,166,166,1);
	transition: all 0.4s;
	overflow-y: scroll;
	text-align: center;
}

.ham_nav li{
	width: 100%;
	padding: 30px;
	list-style-type: none;
}

.ham_nav li a {
	color: #000;
}

.ham_nav.active {
	transform: translateY(0%);
}
.ham_nav::-webkit-scrollbar {
    display:none;
}
.ham_menu.active {
	display: none;
}

.ham_close {
	display: none;
}

.ham_close.active {
	margin-top: 8px;
	display: block;
}

.ham_font {
	color: #fff;
	font-size: 25px;
	line-height: 150%;
	margin-right: 40px;
}


hr.ham_hr {
	border:0.5px dashed #fff;
	margin-right: 40px;
}

.right_arrow {
	max-width: 20px;
	margin-left: 5px;
}

.ham_icon {
	vertical-align: baseline;
	margin-left: 5px;
	margin-right: 3px;}

/*ハンバーガーメニュー*/

.container {
	max-width: 1170px;
}

.title_h1 {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 28pt;
	font-weight: bold;
	vertical-align: middle;
}

.container-fluid {
	padding-right: -15px;
	padding-left: -15px;
}

hr.title_border {
	border: 1px solid #4A50A0;
	margin-top: 10px;
	margin-bottom: 0;
}

.single {
	font-size: 10px;
}

br.inquiry_br {
	display: none;
}

.nav_one:hover {
	opacity: 0.7;
}

.nav_one_h1 {
	display: inline-block;
	font-size: 18pt;
	color: #404040;
}

.nav_one_title_h1 {
	font-size: 28pt;
	color: #404040;
}

.nav_two_title {
	font-size: 28pt;
	color: #404040;
}

.nav_two_title_br {
	display: none;
}

.nav_two_br {
	display: none;
}

.nav_one_title {
	font-weight: bold;
}

.nav_one_detail {
	padding-bottom: 30px;
	text-align: center;
}

.icon_box_one {
	height: 85px;
	width: auto;
	vertical-align: text-bottom;
}

.sm_center {
	font-family: "メイリオ",sans-serif;
	font-weight: bold;
	font-size: 13pt;
}

.pak {
	font-size: 12pt;
	font-weight: normal;
}

.nav_two {
	font-weight: bold;
	padding-top: 35px;
	padding-bottom: 35px;
	border-top: 0.5px solid #c0c0c0;
	border-bottom: 0.5px solid#c0c0c0;
	transition: .3s;
}

.nav_two:hover {
	opacity: 0.7;
}
.nav_two:hover .sm_center{
	color:#13225C;
}

.nav_two_detail {
	padding-bottom: 30px;
}

.nav_three {
	font-weight: bold;
	padding-top: 35px;
	padding-bottom: 35px;
	border-bottom: 0.5px solid #c0c0c0;
	transition: .3s;
}

.nav_three:hover {
	opacity: 0.7;
}
.nav_three:hover .sm_center{
	color:#205C13;
}
.nav_four {
	font-weight: bold;
	padding-top: 35px;
	padding-bottom: 35px;
	border-bottom: 0.5px solid #c0c0c0;
	transition: .3s;
}
.sm_center{
	transition: .3s;
}
.nav_four:hover{
	opacity: 0.7;
}
.nav_four:hover .sm_center{
	color:#983307;
}
.nav_four_detail {
	padding-bottom: 30px;
}

.nav_four_detail p {
	color: #404040;
}

.nav_four_detail h4 {
	margin-top: 30px;
	margin-bottom: 20px;
}

.nav_four_div {
	padding-left: 10px;
	padding-right: 10px;
}

.nav_five {
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 0.5px solid #c0c0c0;
	transition: .3s;
}
.nav_five:hover{
	opacity: 0.7;
}
.nav_five:hover .sm_center{
	color: #630C11;
}

.nav_five_detail {
	background-color: #F4E1FA;
	padding-top: 50px;
	padding-bottom: 50px;
}

.nav_middle {
	display: flex;
	align-items: center;
	color: #404040;
}

.inquiry_es {
	background-color:#B1363C;
	padding-top: 20px;
	border-bottom: 1px solid #fff;
}

/*h1*/
.nav_one_detail h1 {
	text-align: center;
	font-weight: bold;
}

.nav_two_detail h1 {
	text-align: center;
	font-weight: bold;
}

.nav_three_detail h1 {
	text-align: center;
	font-weight: bold;
}

.nav_four_detail h1 {
	text-align: center;
	font-weight: bold;
}

.nav_five_detail h1 {
	text-align: center;
	font-weight: bold;
}

.title_sub {
	margin-top: 50px;
	text-align: center;
}

.nav_three_detail .title_sub {
	margin-bottom: 50px;
}

.title_jus {
	display: inline-block;
	text-align-last: justify;
	color: #404040;
}

.title_box_sub {
	margin-bottom: 20px;
}

.title_box_p {
	display: inline-block;
	font-size: 12pt;
	font-weight: bold;
	line-height: 170%;
	text-align: left;
	color: #404040;
}

.title_box_b {
	text-align: center;
	margin-top:30px;
	margin-bottom: 30px;
}

.nav_three_detail .title_box_b {
	margin-top:0px;
}

.nav_two_work_image {
	margin-top: 20px;
	margin-bottom: 20px;
}

.nav_one_image {
	margin-top: 20px;
}

.nav_one_box {
	color: #e50011;
	padding: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.nav_one_last {
	font-family: "メイリオ",sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: 19pt;
}

.nav_one_last_p {
	font-weight: bold;
	font-size: 19pt;
	color: #e50011;
	margin-bottom: 0;
}

.nav_two_of {
	display: inline-block;
	border-left: solid 12px #c0c0c0;
	border-bottom:solid 2px #c0c0c0;
	margin: 20px 0;
}

.nav_two_of {
	color: #404040;
}

.nav_two_of_span {
	display: inline-block;
	font-family: "メイリオ";
	font-size: 19pt;
	font-weight: bold;
	margin-left: 0.2em;
}

.nav_title {
	display: inline-block;
	font-family: "メイリオ",sans-serif;
	font-size: 19pt;
	font-weight: bold;
	margin-left: 0.3em;
	margin-bottom: 3px;
}

.nav_letter {
	letter-spacing: 0.3em;
}

.nav_three_of {
	display: inline-block;
	border-left: solid  12px #c0c0c0;
	border-bottom:solid 2px #c0c0c0;
	margin-top: 30px;
	margin-bottom: 30px;
}

.nav_three_of span {
	font-size: 19pt;
	font-weight: bold;
	color: #404040;
	margin-left: 0.3em;
}

.nav_two_last {
	text-align: center;
	font-family: "メイリオ",sans-serif;
	font-weight: bold;
	font-size: 15pt;
	color: #e50011;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px;
	border-radius: 9px;
}

.nav_two_name {
	margin-bottom: 15px;
	color: #404040;

}

.nav_two_name img{
	width: 17px;
}

.nav_two_p {
	text-align: center;
}

.nav_two_name p {
	color: #404040;
}

.thumnail img:hover {
	cursor: pointer;
}

.thumnail {
	position: relative;
}

.change {
	margin-bottom: 30px;
}

.change_id {
	margin-bottom: 10px;
}

.ok_match {
	position: absolute;
	font-family: "メイリオ",sans-serif;
	font-weight: bold;
	color: #404040;
	display: inline-block;
	background: #fff;
	top: -17%;
	left: 18%;
}

.ok_small {
	display: block;
}

.work_title {
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 20px;
	color: #404040;
}

.work_title_sub {
	margin-top: 5px;
	font-size: 10pt;
}

.nav_three_title {
	font-weight: bold;
}

.nav_three_span {
	display: inline-block;
}

.up-arrow {
	width: 5%;
	margin-right: 8px;
}

.up-arrow_main {
	width: 4%;
	margin-right: 8px;
}

.small_font {
	font-weight: normal;
	font-size: 15px;
}

.supplement { /*右に移動する*/
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: right;
	font-size: 13px;
}

.nav_four_font {
	font-size: 30px;
	font-weight: bold;
}

.nav_four_sub {
	text-align: center;
	margin-top: 50px;
}

.nav_five_boxs {
	margin-top: 30px;
	padding: 30px;
	background: rgba(255,255,255,0.9);
	text-align: center;
	box-shadow: 2px 2px 4px;
	border-radius: 9px;
}

.nav_five_h6 {
	font-size: 25px;
	text-align: left;
	font-weight: bold;
}

table {
	width: 90%;
	border: solid 1px #404040;
	padding: 3px;
	background-color: #fff;
	text-align: center;
	font-size: 11pt;
	margin-bottom: 30px;
}

table th ,td {
	border: 1px dashed #000;
}

table tr:nth-child(odd) {
	background-color: #f7f7f7;
}

th {
	width: 20%;
	font-family: "メイリオ",sans-serif;
	font-size: 18pt;
	padding: 5px;
	font-weight: bold;
	text-indent: 0.2em;
	text-align: center;
}

.table_left {
	text-align: left;
	padding: 5px;
}

.table_big {
	font-size: 15pt;
	font-weight: bold;
}

br.table_br {
	display: none;
}

.table_margin {
	margin-bottom: 30px;
}

.table_h5 {
	margin-bottom: 20px;
	font-family: "メイリオ",sans-serif;
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
	color: #404040;
}

.ppp {
	padding: 15px;
	background: #fff;
	border: 2px solid #404040;
	border-radius: 9px;
	line-height: 130%;
	font-size: 11pt;
}

.ppp_small {
	font-size: 11pt;
	margin-bottom: 10px;
}

.ppp_border {
	border: 2px solid #404040;
}

.table_sub li{
	list-style-type: disc;
	list-style-position: inside;
	text-indent: -1.5em;
	margin-left: 1.5em;
}

.table_sub li {
	font-size: 12pt;
	line-height: 170%;
	margin-bottom:5px;
	font-weight: bold;
}

.table_sub li:last-child {
	margin-bottom:0px !important;
}

.inquiry_es_box {
	background: rgba(255,255,255,0.9);
	background: #FFF;
	border: solid 3px #fff;
	border-radius: 7px;
	text-align: center;
	margin-bottom: 20px;
	color: red;
	font-weight: bold;
	font-size: 19pt;
}


.inquiry_es_title {
	font-weight: 900;
	color: #fff;
	text-align: center;
	font-size: 19pt;
	margin-bottom: 0;
}

.inquiry_es_ma {
	font-size: 15pt;
	margin-bottom: 20px;
	text-align: center;
	color: #fff;
}

.tel_center {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #fff;
}

.tel_p{
	margin-left: 10px;
	font-size: 15pt;
}

.in_big {
	font-size: 19pt;
	margin-left: 3px;
	margin-right: 3px;
}

.pan {
	margin-top: 35px;
	margin-bottom: 20px;
	color: #c0c0c0;
	font-size: 11pt;
}

.pan a{
	margin-right:15px;
}

.pan_txt {
	margin-bottom: 20px;
	color: #fff;
	font-size: 13px;
	line-height: 200%;
}

.logo_2 {
	margin-top: 25px;
	width: 100%;
}

footer {
	background-color: #1f1f1f;
	font-size: 11pt;
}

.tel_a {
	transition: .3s;
	color: #fff;
}

.tel_a:hover {
	color: #c0c0c0;
}

.copyright {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #303030;
	text-align: center;
	color: #fff;
	font-size: 11pt;
	margin-bottom: 0;
}

.i_center {
	margin-bottom: 30px;
	text-align: center;
}

.i_center i{
	line-height:70%;
}

.ok {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 15pt;
	padding: 10px;
	margin-bottom: 15px;
	color: #404040;
	background: #fff;
	border: solid 3px #e50011;
	border-radius: 9px;
	margin-left: 60px;
	margin-right: 60px;
}

.nav_one_okbox {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13pt;
	padding: 15px;
	margin: 30px 30px 0px 30px;
	color: #404040;
	background-color: #fff;
	border:0.5px solid #e50011;
	border-radius: 9px;
}

.nav_one_img {
	position: absolute;
	width: 60px;
	min-height: 1px;
	left: -10px;
	bottom: 70px;
}

.nav_one_ok {
	font-weight: bold;
}

.nav_one_br {
	display: none;
}

.nav_one_br_02 {
	display: none;
}

.nav_one_big {
	font-weight: bold;
	font-size: 12pt;
	color: #3f87ce;
}

.ok_small {
	font-size: 13pt;
	font-weight: bold;
	display: inline-block;
	text-align: left;
	margin-top: 15px;
}

.ok_small_br {
	display: none;
}

.icon {
	margin-left: 20px;
	width: 60%;
}

.icon_middle {
	display: flex;
	align-items: center;
	justify-content: center;
}

.icon.bigprinter {
	width: 60%;
}

.icon_printer {
	display: inline-block;
	vertical-align: middle;
	width: 8%;
	margin-right: 10px;
}

.nav_three_title {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

.nav_three_title_sub {
	display: inline-block;
	margin-left: 10px;
}

.icon_box {
	display: inline-block;
	width: 7%;
	margin-right: 10px;
}

.icon_arrow {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}

.icon_size {
	width: 7%;
}

.hand_good {
	position: absolute;
	width: 50px;
	min-height: 1px;
	left: -15px;
	top: -30px;
}

.fa-people-carry {
	text-align: right;
}

.fa-dolly {
	text-align: right;
}

.fas_inline {
	display: inline-block;
}

.wrap {
	overflow: hidden;
}

br.inquiry_br {
	display: none;
}

br.tel_br {
	display: none;
}

br.nav_one_br {
	display: none;
}

br.nav_two_br {
	display: none;
}

.mail {
	width: 23px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.mail_arrow {
	width: 15px;
	margin-left: 5px;
	margin-bottom: 5px;
}

.sample {
	height: 500px;
	background-color: #fcfff9;
	margin-bottom: 50px;
}

h4 {
	font-size: 13pt;
	margin-bottom: 30px;
	color: #404040;
	font-weight: bold;
}

.nav_four_p {
	font-size: 12pt;
	margin-left: -5px;
	font-weight: bold;
	line-height: 170%;
}

.nav_four_p li {
	margin-left: -15px;
}

.lot {
	font-family: "メイリオ",sans-serif;
	font-size: 18pt;
	color: #404040;
	font-weight: bold;
	padding: 20px 8px;
	background-color: rgba(255,212,190,0.8);
	border-radius: 9px;
	text-align: center;
}

.Vertical_line {
	position: relative;
}

.Vertical_line:before {
	position: absolute;
	content: "";
	background: #404040;
	width: 1px;
	height: 80%;
	left: 50%;
	margin-top: 30px;
}

.mail_link {
	transition: .3s;
	color: #fff;
}

a.mail_link:hover {
	color:PeachPuff;
}

.nav_three_hr {
	margin-top: 0.05em;
	margin-bottom: 0.05em;
	border: solid 1px #fff;
}

.footer_img {
	width: 1.5%;
	margin-right:2px;
}

.footer_img_fir {
	margin-left: 0;
}

/*ページトップに戻るボタン*/
#pagetop {
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 100;
	width: 65px;
	height: auto;
}

#pagetop a {
	transition: .3s;
	display: block;
	z-index: 9999;
	height: auto;
}

#pagetop a:hover {
	text-decoration: none;
	filter:invert(10%);
}

.thumb_mask{
	position: absolute;
	z-index:-1;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.25);
}

.thumb_mask_click{
	z-index:10 !important;
}

/*モノづくりlab追加要素*/
/* slick */
.slick_file{
	position: relative;
	z-index:1;
}

.main-ph-dots{
	margin-top:10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-ph-dots li{
	margin:0 5px;
	width:12px;
	height:12px;
	border-radius:50%;
	background:#ccc;
	cursor:pointer;
}

.main-ph-dots li.slick-active{
	background:#666;
}

.main-ph-dots li button{
	display: none;
}

.file_ph{
	position: absolute;
	top:-30px;
	right:-120px;
	width:200px;
	z-index:2;
}

.file_ph img{
	border-radius:50%;
	border:1px solid #eee;
	box-shadow:-2px 2px 4px #999;
}

.slider_pc{
	display: block !important;
}

.slider_sp{
	display: none !important;
}

.slider_contents img{
	width:100%
}

.scroll_bottom{
	position: absolute;
	width:100%;
	bottom:5%;
	left:0;
	text-align: center;
	z-index:2;
	display: none;
}

.scroll_bottom a{
	display: inline-block;
	color:#666;
	border:1px solid #999;
	width:60px;
	height:60px;
	border-radius:50%;
	padding-top:18px;
	font-size:18pt;
	background:rgba(255,255,255,0.50);
}

.scroll_bottom a:hover{
	background: #333;
	color:#fff;
	padding-top:23px;
}

a:hover.sunrise{
	text-decoration: underline;
}

.ap_img{
	margin-top:-70px;
}

.hexagon {
	position: absolute;
	top:10px;
	right:15px;
	width: 70px;
	height: 40.41px;
	background: rgba(255,255,255,0.90);
	margin: 20.21px 0;
	border-left: solid 1px #00a0e9;
	border-right: solid 1px #00a0e9;
	transform: rotate(90deg);
}

.hexagon:before,
.hexagon:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 49.50px;
	height: 49.50px;
	-webkit-transform: scaleY(0.5774) rotate(-45deg);
	-ms-transform: scaleY(0.5774) rotate(-45deg);
	transform: scaleY(0.5774) rotate(-45deg);
	background-color: inherit;
	left: 9.2513px;
}

.hexagon:before {
	top: -24.7487px;
	border-top: solid 1.4142px #00a0e9;
	border-right: solid 1.4142px #00a0e9;
}

.hexagon:after {
	bottom: -24.7487px;
	border-bottom: solid 1.4142px #00a0e9;
	border-left: solid 1.4142px #00a0e9;
}

.emark{
	transform: rotate(-90deg);
	position:relative;
	z-index:10;
	font-size:20pt;
	display: flex;
	align-items: center;
}

.emark span{
	display: inline-block;
	font-size:18pt;
	color:#00a0e9;
	margin-right:4px;
}

.package_slider {
	margin-top: 50px;
}
.nav_link::after {
  position: absolute;
  bottom: -8px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background:#fff;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .5s;
}
.nav_link:hover::after{
	transform: scale(1, 1);
	transform-origin: left top;
}