@charset "utf-8";
/* CSS Document */

/* ---------------------------
 /manufacturing
----------------------------- */

/* mainvisual sttings */

div.main_index, div.main_index:before {background-image: url(../images/main.jpg);}

/* index.html */

nav.anchor_nav ul.col1 {margin-bottom: 1em;}


section div.areaImages {
	width: 100%;
	display: flex;
	justify-content: space-between;}
section div.areaImages .boxText {width: 68%;}
section div.areaImages .boxImages {width: 28%;}
section div.areaImages .boxImages img {width: 100%; margin-top: .8em;}

section ul.listFeature {
	margin-top: 2em;
	margin-bottom: 2em;
	background-color: #fff;
	padding: 1em 2em;
	box-shadow :0px 0px 5px #ccc;}
section ul.listFeature li {color: #00A7E3; font-weight: 500; font-size: 110%; line-height: 1.8;}
section ul.listFeature li:before {
	display:inline-block;
	vertical-align: middle;
	content:'';
	width: .5em;
	height: .5em;
	background: #999;
	border-radius: 15%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -.2em;
	margin-right: 10px;
}
section table.tblProducts {
	border-left: dotted 1px #CCC;}
section table.tblProducts th {
	text-align: center;
	padding: 1em 0;
	background-color: #efefef;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: dotted 1px #CCC;}
section table.tblProducts td {
	text-align: center;
	line-height: 1.6;
	padding: 0.5em 0;
	border-top: dotted 1px #CCC;
	border-right: dotted 1px #CCC;}
section table.tblProducts .item {text-align: left; padding-left: 1em;}
section p.caption_tbl {font-size: 90%; text-align: right; color: #b8193f;}

section div.images.images_02 {width: 80%; margin: 0 auto; margin-top: 2em;}

section table.tblProducts div.imgProducts {margin: .5em 0;}
section table.tblProducts div.imgProducts img {width: 70%;}

section div.inquiry {
	width: calc(1000px - 4em - 16px);
	margin: 0 auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 1.4em 2em 2.4em;
	margin-top: 3em;
	border:double 8px #FFF;
	background-color: #FFFCD3;}
section div.inquiry p.title {font-size: 115%;}
section div.inquiry div.textArea {width: 70%;}
section div.inquiry div.images.imageArea {width: 25%;}
section div.inquiry div.images.imageArea p {font-size: 80%; text-align: right; margin-top: 0;}


section div.inquiry p.btn {margin-top: 2em; letter-spacing: 1px;}
section div.inquiry p.btn a {
	font-size: 100%;
	position: relative;
    overflow: hidden;
	margin: 0 auto;
    color: #FFFFFF;
    border: 1px solid #00A7E3;
    background-color: #00A7E3;
	padding: 0.8em 2.5em 0.8em 1.5em;
    border-radius: 2em;
	box-shadow: 4px 4px #000;
    text-decoration: none;
	transition: all 0.5s;}
section div.inquiry p.btn a::after {
	content: '';
	display: inline-block;
	background-image: url("../../common/images/arrow2_r.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 14px;
	height: 14px;
	position: absolute;
	right: 1em;
	top: 1em;
	transition: all 0.5s;}
section div.inquiry p.btn a:hover {
    transition: all 0.5s;
    background-color: #00A7E3;}
section div.inquiry p.btn a:hover::after {right: 0.8em; transition: all 0.5s;}


ul.listJirei {
	margin: 1.6em 0 1em;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;}
ul.listJirei li {width: 30%; margin-bottom: 1.6em; margin-left: 3%;}
ul.listJirei li img {width: 100%;}

@media only screen and (max-width: 480px) {
	ul.listJirei li {width: 90%; margin: 0 auto; margin-bottom: 2em;}
}


/* FancyBox */

li.jirei_hidden {display: none;}

.fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right : 0;
    height: 95px;
    padding: 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
  }
  
.fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
  }


.fancybox-thumbs__list a {background-position: top;}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
	display: none;
}



@media only screen and (min-width: 480px) and (max-width: 999px) {
	ul.img_construction li {width: 32%;}
	section div.inquiry {width: calc(100% - 4em - 16px);}
}

@media only screen and (max-width: 480px) {
	nav.anchor_nav ul.col1 {margin-bottom: 0;}
	section div.inquiry {width: calc(100% - 4em - 16px); display: block;}
	section div.inquiry div.textArea,
	section div.inquiry div.images.imageArea {width: 100%;}
	section div.inquiry div.images.imageArea {margin-top: 3em;}

}