@charset "utf-8";
/* CSS Document */
/*共通*/
* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 1;
	-webkit-text-size-adjust: 100%;	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-height: 100%;
	font-family: fot-matisse-pron, sans-serif;
	font-weight: 500;
	font-style: normal;	
	color:#373c38;
/*	overflow-x: hidden;
*/

}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	outline: none;
	transition: background-color 100ms, border-color 100ms, color 100ms, opacity 100ms
}

.cleafix {
	clear: both;
}
ul,li {
	list-style: none;
	margin: 0;
}


/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.Gtxt{
	font-family: source-han-sans-japanese,sans-serif;
	font-weight: 400;
	font-style: normal;
}/*ゴシックTY*/
#topBtn {
		display: none;
		position: fixed;
		bottom: 20px;
		right: 30px;
		z-index: 1000;
		font-size: 18px;
		border: none;
		outline: none;
		background-color: transparent;
		color: white;
		cursor: pointer;
		padding: 0px 0px 0px 0px;
		border-radius: 4px;
		width: 40px;
		height: 40px;
	}
	#topBtn:hover {
		background-color: #555;
	}
	.bodyText {
		width: 40px;
		height: 5000px;
		background-color:white;
	}

/*header menu対応*/
.jumperBtn {
	cursor: pointer;
}
/*****共通/end*****/

/***** header *****/

.name {
	width: 1100px ;
	margin: 5px auto ;
	font-size: 0.9em ;
}
header {
    width: 100%;
    background-color: hsla(0,0%,0%,0.80);
    position: fixed;
    left: 0;
    top: 0;
	z-index: 1000 ;
}
.headIn {
	width: 1100px;
	height: 90px;
	margin: 0 auto ;
	padding : 5px 0 ;
	color: white ;
	display: flex ;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
}
.corporateHead {
	width: 390px;
	margin: 0px 40px 0 0;
}
header h1{
	width: 100%;
	height: 53px;
	margin: 0 0 0 0 ;
}
header h1 img {
	width: 100% ;
	height: auto;
}
.corporateHead .subTlt {
	font-size: 0.8em ;
	text-align: center;
}
.glovalNavi {
	width: calc(1100px - 400px);
	margin: 0 0 0 0 ;
	padding:0;
}
.glovalNavi ul {
	width: 100% ;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.glovalNavi li {
    align-self : flex-end;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.9em ;
	cursor: pointer ;
}
.glovalNavi li a {
	color: white ;
	text-decoration: none ;
}

.glovalNavi li a:hover {
	color : #B6D5E0
}
.glovalNavi li img {
	display: block ;
	margin: 0 auto 10px  ;
}
.sidenav {
	display: none ;
}
/***** header/end *****/

/***** footer *****/
Footer {
	width : 100% ;
	background: #2E3131 ;
	margin: 50px auto 0 auto ;
	padding: 20px 0 ;
}
.footerIn {
	width : 1100px ;
	margin: 0 auto ;
	color: white;
}
.footerNavi {
	width : 800px ;
	margin: 0 auto 50px;
	display: flex ;
	display: -webkit-flex;
	justify-content: space-between;
}
.footerNavi li {
	padding : 0 25px 0 0 ;
	border-right: 1px solid lightgray ;
}
.footerNavi li:last-child {
	text-align: center ;
	border-right: none
}
.footerNavi li a:hover {
	color : #B6D5E0 ;
	border-bottom: 1px solid #B6D5E0 ;
}
.infomation {
	display: flex ;
	display: -webkit-flex;
	justify-content: space-between ;
}
.calender {
	width: 270px ;
	height: 340px ;
	margin: 0 30px 0 0 ;
	background: white ;
	color: black ;
	text-align: center ;
	padding :10px ;
}
.calender iframe {
	width :100% ;
	height: 250px ;
}
.gmap {
	width: 380px ;
	margin: 0 20px 0 0 ;
}
.gmap iframe {
	width :100% ;
	height: 340px ;
}
.corporateFoot {
	width : calc(1100px - 660px) ;
}
.corporateFoot h1 {
	font-size: 2em ;
	margin: 0 0 20px 20px ;
}
.corporateFoot p {
	font-size: 1.1em ;
	line-height : 1.5 ;
	margin : 0 0 25px 20px ;
}
.corporateFoot a{
	color: white;
	text-decoration: none;
}
.corporateFoot a:hover{
	text-decoration: underline;	
}


/***** footer/end *****/

.wrapAll {
	overflow: hidden ;
}
.slider {
	width: 1200px ;
/*	margin:92px auto 60px ;
*/	margin:120px auto 60px ;
}
.slider img {
	width : 100% ;
	height: auto ;
}

.greating {
	width: 800px;
	margin: 0 auto 100px;
}
.greating h1 {
	font-size: 2em ;
	letter-spacing: 0.2em ;
	text-align: center ;
	margin : 0 auto 30px 0 ;
    font-weight: 500;
}
.greating p {
	line-height: 1.8 ;
	text-indent: 1em ;
	letter-spacing: 0.1em ;
}

/***** contents1 *****/
.contents1 {
	width: 100% ;
	background: #E4F1FE ;
}
.itemBox {
	width : 1100px ;
	margin: 0 auto ;
	padding : 30px 0 0 0 ;
	display: flex ;
	display: -webkit-flex;
	flex-wrap: wrap ;
	justify-content: space-between ;
}
.itemBox .item {
	width : 30% ;
	height: 200px ;
	border: 1px solid #CCCCCC ;
	margin: 0 0 30px 0 ;
	background: white ;
	text-align: center ;
	padding : 90px 0 0 0 ;
}
/***** contents1/end *****/

/***** container *****/
.containerAll {
    width: 1100px;
    margin: 80px auto 0;
}
.containerAll h1 {
	width: auto ;
    font-size: 2em ;
    text-align: center ;
    letter-spacing: 0.2em ;
    font-family: vdl-v7mincho, sans-serif;
    font-weight: 600;
    font-style: normal;
	position: relative;
	margin-bottom: 1em;
}
.containerAll h1::before {
	content: '';
	position: absolute;
	bottom: -20px;
	display: inline-block;
	width: 2em;
	height: 5px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #F15D8F;
	border-radius: 2px;
}
.containerAll h2 {
	width: auto ;
    font-size: 1.8em ;
    text-align: center ;
    letter-spacing: 0.2em ;
    font-family: vdl-v7mincho, sans-serif;
    font-weight: 400;
    font-style: normal;
	position: relative;
	margin-bottom: 1em;
}
.containerAll h2::before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 2em;
	height: 5px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #f5e51b;
	border-radius: 2px;
}
.wrap {
    width: 100%;
    margin: 80px auto 0;
}
.wrap h1 {
    font-size: 2em ;
    text-align: center ;
    letter-spacing: 0.2em ;
    font-family: vdl-v7mincho, sans-serif;
    font-weight: 600;
    font-style: normal;
	position: relative;
	margin-bottom: 1em;
}
.wrap h1::before {
	content: '';
	position: absolute;
	bottom: -20px;
	display: inline-block;
	width: 2em;
	height: 5px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #F15D8F;
	border-radius: 2px;
}
/***** container/end *****/

/***** 会社概要 *****/

.gaiyo{
    width:85% ;
    margin: 50px auto 80px auto ;
}
/*.enkaku{
    width:100% ;
    margin: 50px auto 100px ;
}*/
/*.contents2 .imgBox{
    width: 30% ;    
    background: #D7EBFF ;
}*/
.placeBox{
    width: 100% ;  
    margin: 100px auto 80px ;
    display: flex ;
	display: -webkit-flex;
    flex-direction: column ;
    justify-content: space-between ;
}
.placeBox .placeItem{
	display: flex ;
	display: -webkit-flex;
	flex-wrap :wrap ;
	justify-content: space-between ;
}
.placeBox .placeItemImg{
    width: 50% ;    
    margin : 0 0 0 0 ; 
}
.placeBox .placeItemImg img{
	width: 100% ;
	height: auto ;
}

.placeBox .placeItemAdr{
	width : 45%;
	padding: 1em 0 0 1em;
}
.placeItemAdr h3 {
	font-size: 1.25em ;
	letter-spacing: 0.2em ;
	line-height: 2.5 ;
}
.placeBox .placeItemAdr p{
	line-height: 2 ;
	letter-spacing: 0.01em ;
	padding: 0 0 0 2em ;
}

/*.placeItemMap {
    width: 25% ;
}イラストMAPが必要な場合に使用*/
.placeItemGmap {
    width : 100% ;
	margin: 30px auto 0 ;
}
.placeItemGmap iframe {
    width: 100% ;
    height : 300px ;
}

/*理念・方針*/
.idea-policy{
	width: 95%;
    margin: 50px auto 100px ;
}
.ideaBox{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.policyBox{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.idea, .policy{
	width: 46%;
	margin: 25px auto 0;
}
.idea{
	padding:1em .5em 2em 1em;
	border: 3px solid #21317C;
	border-radius: 10px;
}
.policy{
	padding:1em .5em 2em 1em;
	border: 3px solid #359D10;
	border-radius: 10px;
}
.ideaTlt, .policyTlt, .guidelinesTlt{
	font-size: 1.5em;
	text-align: center;
	line-height: 2.2;
	font-weight: bold;
}
.ideaSubTlt, .policySubTlt{
	font-size: 1.3em;
	text-align: center;
	line-height: 2;
	letter-spacing: .05em
}

.idea p, .policy p{
	margin: 20px auto 0;
	font-size: .95em;
	line-height: 1.6;
}
.idea ol {
	margin: 0;
}
.idea li{
	margin: 1.6em 0 0 1.75em;
	line-height: 1.6;
	list-style-type:decimal;
}

.guidelines{
	width: 80%;
	margin: 40px auto 20px;
	padding:1.5em 1.5em 1.5em 1.5em;
	border: 3px solid #21317C;
	border-radius: 10px;
}
.guidelines p{
	margin: 20px auto 0;
	font-size: .95em;
	text-align: center;
	line-height: 1.8;
}
.policyH{
	font-size: 1.6em;
	text-align: center;
	margin: 40px auto 10px;
}
.policySubTlt{
	margin-top: 1.5em;
}
.policy .guidelinesTxt{
	line-height: 1.8;
	text-align: center;
}
.BasicPolicy{
	width: 80%;
	margin: 20px auto 20px;
	padding:1.5em 1em 1.5em 1em;
	border: 3px solid #21317C;
	border-radius: 10px;
}
.compliance li{
	margin: .25em 1em 0 2.5em;
	line-height: 1.6;
	font-size: .95em;
	list-style-type:none;
	counter-increment:cnt;
	position:relative;
}
.compliance li::before{
  content: "(" counter(cnt) ")";
  text-align: right;
  position: absolute;
  top: 0;
  left: -30px;	
}
.employee li{
	margin: .25em 1em 0 2.5em;
	padding-left: 0;
	line-height: 1.6;
	font-size: .95em;
	list-style-type:none;	
}
.employee li span{
	margin: 0 .3em 0 -1.5em;
}

/***** 会社概要/end *****/

/***** 特徴 *****/
.feature {
	width: 1100px ;
	margin: 0 auto 80px ;
}
.featureImg {
	width: 100% ;
	margin: 60px auto 50px ;
}
.featureImg Img{
	width: 100% ;
	height: auto ;
}
.featureTxt {
	width: 920px ;
	margin: 0 auto 100px ;
}
.featureTitle  {
	font-size: 1.6em ;
	line-height: 1.8 ;
	letter-spacing: 0.2em ;
	text-align: center ;
	margin : 0 auto 30px 0 ;
	font-weight: bold;
	color: #013243 ;
}
.featureTitle span {
	display: inline-block;
}

.feature p {
	line-height: 1.8 ;
	text-indent: 1em ;
	letter-spacing: 0.1em ;
	text-align: left ;
	padding : 0  ;
}
/***** 特徴.end *****/

/***** 設備案内 *****/
.info {
	width: 100%;
	margin: 80px auto 0;
	text-align: center;
}
.info ul {
	width: 80% ;
	margin: 50px auto 0 ;
	display: flex ;
	display: -webkit-flex;
	justify-content: space-between ;
}
.info ul li {
	width: 350px ;
}
.info ul li img {
	width: 100%;
	height: auto ;
}

/***** 設備案内.end *****/

/***** 加工事例 *****/
.case {
	width: 1100px;
	margin: 80px auto 100px;
}
.caseItem {
	width : 900px ;
	margin: 0 auto ;
}
.caseItem p {
	font-size: 1.25em ;
	line-height: 1.7 ;
	border-left : 7px solid #013243 ;
	padding-left : 0.5em ;
}
.caseItem .casePhotoBox {
	width: 100% ;
	margin: 40px 20px ;
	display: flex ;
	display: -webkit-flex;
	justify-content: space-between ;
	flex-wrap: wrap;
}
.cacePhoto {
	width: 400px ;
	margin-bottom: 1em;
}
.cacePhoto img {
	width: 100% ;
	height: auto ;
}
.cacePhoto figcaption{
	text-align: center;
	margin: 0.25em auto 1.75em;
}

/***** 加工事例.end *****/

/***** 採用情報 *****/
.saiyo {
	width: 85% ;
	margin: 80px auto ;
}
/***** 採用情報.end *****/

/***** QA *****/
.QA {
	max-width: 1100px;
	width: 95%;
	margin: 80px auto 100px;
	padding: 0 ;
	display: flex ;
	display: -webkit-flex;
	flex-wrap: wrap ;
	justify-content: space-between;
}
.QA .QAitem {
	width: 44% ;
	margin: 0 1% 50px ;
	border : 1px solid #bdc3c7;
	padding: 1.5em 1em 1em ;
	display: flex ;
	display: -webkit-flex;
	flex-direction: column ;
}
.QAitemTitle {
	font-size: 1.4em ;
	font-weight: bold ;
	text-align: center ;
	letter-spacing: 0.2em ;
	color: #22313f ;
	padding: 0 0 1.2em 0 ;
}
.QAitemTitle::before {
	content: '－' ;
	padding-right: 0.5em  ;
}
.QAitemTitle::after {
	content: '－' ;
	padding-left: 0.5em  ;
}
.QAitemBox {
	margin: 0 0 1em ;
	padding: 0 1em 0 2.25em;
	border-bottom : 1px dashed #d2d7d3 ;
}
.QAitemBox:last-child {
	border-bottom: 0 ;
}
.QAitem .Question{
	font-weight: bold;
	text-indent: 1em;
	line-height: 1.2 ;
	margin: 0 0 0 0;
	padding: 0 0 0.25em 0.5em ;
}
.QAitem .Question::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2.15em;
	padding-right: 0.65em;
	content: 'Q';
	color: #8F0D09 ;
}
.QAitem .answer {
	text-indent: 1em;
	line-height: 1.2 ;
	padding: 0.5em 0em 0.5em 1.5em;
}
.QAitem .answer::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.65em;
	content: 'A';
	color: #1f3a93;
}
/***** QA.end *****/



/****お問い合わせ***/
.contactForm {
	width: 900px;
	margin: 50px auto 30px;
}
@media screen and (max-width:1024px) {
/***** header *****/
.name {
	width: 90% ;
	margin: 5px auto ;
	font-size: 0.9em ;
}
.headIn {
	width: 98%;
	height: 90px;
	margin: 0 auto ;
	padding : 2px 0 ;
	color: white ;
	display: flex ;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
}
.glovalNavi {
	width: calc(1100px - 385px);
	margin: 10px 0 0 0 ;
	display: none ;
}
/***** header/end *****/
/***** footer *****/
.footerIn {
	width : 95% ;
	margin: 0 auto ;
	color: white;
}
.footerNavi {
	width : 800px ;
	margin: 0 auto 50px;
	display: flex ;
	display: -webkit-flex;
	justify-content: space-between;
}
.calender {
	width: 290px ;
	height: 300px ;
	margin: 0 20px 0 0 ;
	background: white ;
	color: black ;
	text-align: center ;
	padding :10px 5px ;
}
.calender iframe {
	width :100% ;
	height: 250px ;
}
.gmap {
	width: 300px ;
	height: 320px ;
	margin: 0 5px 0 0 ;
}
.gmap iframe {
	width :100% ;
	height: 300px ;
}
.corporateFoot {
	width : calc(1100px - 660px) ;
}
.corporateFoot h1 {
	font-size: 1.8em ;
	margin: 0 0 20px 20px ;
}
.corporateFoot p {
	font-size: 1em ;
	line-height : 1.5 ;
	margin : 0 0 15px 20px ;
}
/***** footer *****/
.slider {
	width: 100%;
/*	margin: 90px auto 50px;
*/	margin: 120px auto 50px;
}
.itemBox {
	width : 900px ;
	margin: 0 auto ;
	padding : 30px 0 0 0 ;
	display: flex ;
	display: -webkit-flex;
	flex-wrap: wrap ;
	justify-content: space-between ;
}
.itemBox .item {
	width : 30% ;
	height: 200px ;
	border: 1px solid #CCCCCC ;
	margin: 0 0 30px 0 ;
	background: white ;
	text-align: center ;
	padding : 90px 0 0 0 ;
}
	
/***** container *****/
.containerAll {
    width: 95%;
    margin: 60px auto 0;
}
.containerAll h1 {
    font-size: 2em ;
    text-align: center ;
    letter-spacing: 0.2em ;
    font-family: vdl-v7mincho, sans-serif;
    font-weight: 600;
    font-style: normal;
}
.wrap {
    width: 100%;
    margin: 60px auto 0;
}
/***** container/end *****/
/***** 特徴 *****/
.feature {
	width: 100% ;
	margin: 0 auto 80px ;
}
.featureTxt {
	width: 80% ;
	margin: 0 auto 100px ;
}
/***** 加工事例 *****/
.case {
	width: 90%;
	margin: 80px auto 100px;
}
.caseItem {
	width : 100% ;
	margin: 0 auto ;
}
.caseItem .casePhotoBox {
	width: 95% ;
	margin: 40px auto ;
	display: flex ;
	display: -webkit-flex;
	justify-content: space-between ;
}
.cacePhoto {
	width: 46% ;
}
/***** 加工事例.end *****/

/***** QA *****/
.QA {
	max-width: 1100px;
	width: 100%;
	margin: 80px auto 100px;
	padding: 0 ;
	display: flex ;
	display: -webkit-flex;
	flex-wrap: wrap ;
	justify-content: space-between;
}	
.QA .QAitem {
	width: 45% ;
	margin: 0 1% 50px ;
	border : 1px solid #bdc3c7;
	padding: 1.5em 1em 1em ;
	display: flex ;
	display: -webkit-flex;
	flex-direction: column ;
}
/*理念・方針*/
.idea-policy{
	width: 98%;
    margin: 50px auto 100px ;
}	
.ideaSubTlt, .policySubTlt{
	font-size: 1.3em;
	text-align: center;
	line-height: 2;
	letter-spacing: .02em
}
.policy{
	padding:1em 1.1em 2em 1.1em;
	border: 3px solid #359D10;
	border-radius: 10px;
}
}
@media screen and (max-width:834px) {
/***** header *****/
.headIn {
	width: 98%;
	height: max-content;
	margin: 0 auto ;
	padding : 4px 0 5px ;
	color: white ;
	display: flex ;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
}
.glovalNavi li img {
	display: inline-block;
	margin: 0 30px 0 15px ;
}
/***** header/end *****/
/***** footer *****/
Footer {
	width : 100% ;
	background: #2E3131 ;
	margin: 50px auto 0 auto ;
	padding: 20px 0 ;
}
.footerIn {
	width :95% ;
	margin: 0 auto ;
	color: white;
}
.footerNavi {
	width : 95% ;
	margin: 0 auto 50px;
	display: flex ;
	display: -webkit-flex;
	justify-content: space-between;
}
.footerNavi li {
	padding : 0 15px 0 0 ;
	border-right: 1px solid lightgray ;
}

.infomation {
	width :100% ;
	display: flex ;
	display: -webkit-flex;
	justify-content: flex-start ;
/*	flex-direction: column ;*/
	flex-wrap: wrap ;
}
.calender {
	width: 250px ;
	height: 255px ;
	margin: -20px 30px 30px 0 ;
	padding :10px 5px 0px ;
	background: white ;
	order: 2 ;
}
.calender iframe {
	width :100% ;
	height: 250px ;
}
.gmap {
	width: 100% ;
	margin: 0 auto 0px auto;
	order: 1 ;
}
.gmap iframe {
	width :100% ;
	height: 230px ;
}
.corporateFoot {
	width : calc(100% - 280px) ;
	margin: -20px 0 30px 0 ;
	order: 3 ;
}
.corporateFoot h1 {
	font-size: 1.8em ;
	margin: 0 0 10px 0 ;
}
.corporateFoot p {
	font-size: 0.85em ;
	line-height : 1.45 ;
	margin : 0 0 10px 0 ;
}
/***** footer/end *****/
.slider {
	width: 100% ;
/*	margin:97px auto 50px ;
*/	margin:120px auto 50px ;
}
.slider img {
	width: 100% ;
	height: 180px ;
	object-fit: cover ;
}
.greating {
	width: 85% ;
	margin: 0 auto 50px ;
}
.greating h1 {
	font-size: 1.6em ;
	letter-spacing: 0.2em ;
	text-align: center ;
	margin : 0 auto 30px 0 ;
    font-weight: 500;
}
.itemBox {
	width : 90% ;
	margin: 0 auto ;
	padding : 30px 0 0 0 ;
	display: flex ;
	display: -webkit-flex;
	flex-wrap: wrap ;
	justify-content: space-between ;
}
.itemBox .item {
	width : 45% ;
	height: 200px ;
	border: 1px solid #CCCCCC ;
	margin: 0 0 30px 0 ;
	background: white ;
	text-align: center ;
	padding : 90px 0 0 0 ;
}

/***** container *****/
.containerAll {
    width: 90%;
    margin: 60px auto 0;
}
.containerAll h1 {
    font-size: 1.6em ;
    text-align: center ;
    letter-spacing: 0.2em ;
    font-family: vdl-v7mincho, sans-serif;
    font-weight: 600;
    font-style: normal;
}
.containerAll h2 {
	width: auto ;
    font-size: 1.6em ;
    text-align: center ;
    letter-spacing: 0.2em ;
    font-family: vdl-v7mincho, sans-serif;
    font-weight: 400;
    font-style: normal;
	position: relative;
	margin-bottom: 1em;
}
/***** container/end *****/

/***** 会社概要 *****/
.saiyo{
    width:100% ;
    margin: 50px auto 80px ;
}	


/***** 会社概要 *****/
.gaiyo{
    width:100% ;
    margin: 50px auto 0 auto ;
}	
.placeBox{
    width: 100% ;  
    margin: 100px auto 80px ;
    display: flex ;
	display: -webkit-flex;
    flex-direction: column ;
    justify-content: space-between ;
}
.placeBox .placeItem{
	display: flex ;
	display: -webkit-flex;
/*	flex-wrap :nowrap;
*/	justify-content: flex-start;
}
.placeBox .placeItemImg{
    width: 90% ;    
    margin : 0 auto  ;
	order: 1;
}
.placeBox .placeItemImg img{
	width: 100% ;
	height: auto ;
}

.placeBox .placeItemAdr{
	width : auto;
	margin: 1em auto 0 ;
	padding: 0 ;
	order: 2 ;
}
.placeItemAdr h3 {
	font-size: 1.2em ;
	letter-spacing: 0.2em ;
	line-height: 2.5 ;
}
.placeBox .placeItemAdr p{
	line-height: 2 ;
	letter-spacing: 0.01em ;
	padding: 0 0 0 1.5em ;
}
.placeBox .placeItemAdr p span{
	display: inline-block;
}


/*.placeItemMap {
    width: 25% ;
}イラストMAPが必要な場合に使用*/
.placeItemGmap {
    width : 100% ;
	margin: 30px auto 0 ;
}
.placeItemGmap iframe {
    width: 100% ;
    height : 300px ;
}
/*理念・方針*/
.idea-policy{
	width: 100%;
    margin: 50px auto 100px ;
}
.ideaBox{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-direction: column;
}	
.ideaSubTlt, .policySubTlt{
	font-size: 1.3em;
	text-align: center;
	line-height: 1.8;
	letter-spacing: 0.1em;
}	
.idea, .policy{
	width: 97%;
	margin: 25px auto 0;
}
.idea{
	padding:1em 1.15em 1em 1.4em;
	border: 3px solid #21317C;
	border-radius: 10px;
}
.guidelines{
	width: 97%;
	margin: 40px auto 20px;
	padding:1em 1.5em 1em 1.4em;
	border: 3px solid #21317C;
	border-radius: 10px;
}
.idea ol li{
	margin: 1em auto 0 1.5em;
	line-height: 1.6;
	list-style-type:decimal;
}
.policyH{
	font-size: 1.5em;
	text-align: center;
	line-height: 1.3;
	margin: 40px auto 10px ;
}

.policyBox{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-direction: column;
}
.policy{
	padding:1em 1.5em 1em 1.4em;
	border: 3px solid #359D10;
	border-radius: 10px;
}
.idea p, .policy p{
	margin: 20px auto 0;
	font-size: .95em;
	line-height: 1.6;
}
.compliance li{
	margin: .25em .5em 0 2em;
	line-height: 1.6;
	font-size: .95em;
	list-style-type:none;
	counter-increment:cnt;
	position:relative;
}
.employee li{
	margin: .25em 1em 0 1.3em;
	padding-left: 0;
	line-height: 1.6;
	font-size: .95em;
	list-style-type:none;	
}
.employee li span{
	margin: 0 .3em 0 -1.3em;
}
	
.enkaku{
    width:100% ;
    margin: 50px auto 0 auto ;
}
/***** 会社概要/end *****/

/***** 特徴 *****/
.featureImg Img{
	width: 100% ;
	height: 180px ;
	object-fit: cover ;
}

.featureTitle  {
	width: 100% ;
	margin : 0 auto 30px auto ;
	font-size: 1.3em ;
	line-height: 1.8 ;
	letter-spacing: 0.1em ;
	text-align: center ;
	font-weight: bold;
	color: #013243 ;
}

.feature p {
	width: 80% ;
	margin: 0 auto ;
	line-height: 1.8 ;
	text-indent: 1em ;
	letter-spacing: 0.1em ;
	text-align: left ;
	padding : 0  ;
}
/***** 特徴.end *****/
.wrap {
    width: 98%;
    margin: 60px auto 0;
}
.wrap h1 {
    font-size: 1.6em ;
    text-align: center ;
    letter-spacing: 0.2em ;
    font-family: vdl-v7mincho, sans-serif;
    font-weight: 600;
    font-style: normal;
	position: relative;
	margin-bottom: 1em;
}
/***** 設備案内 *****/
.info ul {
	width: 100% ;
	margin: 50px auto 0 ;
	display: flex ;
	display: -webkit-flex;
	justify-content: space-between;
}
.info ul li {
	width: 45% ;
}
/***** 設備案内.end *****/
/***** 加工事例 *****/
.case {
	width: 95%;
	margin: 80px auto 100px;
}
.caseItem {
	width : 100% ;
	margin: 0 auto ;
}
.caseItem p {
	font-size: 1.25em ;
	line-height: 1.7 ;
	border-left : 7px solid #013243 ;
	padding-left : 0.5em ;
}
.caseItem .casePhotoBox {
	width: 96% ;
	margin: 30px auto ;
	display: flex ;
	display: -webkit-flex;
	justify-content: space-between ;
}
.cacePhoto {
	width: 48% ;
}
.cacePhoto figcaption{
	text-align: center;
	margin: 0.25em auto 1.25em;
}

/***** 加工事例.end *****/

/***** QA *****/
.QA {
	max-width: 1100px;
	width: 95%;
	margin: 80px auto 100px;
	padding: 0 ;
	display: flex ;
	display: -webkit-flex;
	flex-wrap: nowrap;
	flex-direction: column ;
}	
.QA .QAitem {
	width: 100% ;
	margin: 0 auto 50px ;
	padding: 1.5em 1em 0em ;border : 1px solid #bdc3c7;
	display: flex ;
	display: -webkit-flex;
	flex-direction: column ;
}

/****お問い合わせ***/
.contactForm {
	width: 90% ;
	margin:  50px auto 80px;
	padding-left : 1.5em ;
}
}

@media screen and (max-width:480px) {
/***** header *****/
.corporateHead {
	width: 280px;
	margin: 0px 0 0 0 ;
}
header h1{
	width: 100%;
	height: 43px;	margin: 0 0 0 0 ;
}
header h1 img {
	width: 100% ;
	height: auto ;
}
.corporateHead .subTlt {
	font-size: 0.7em ;
	text-align: center;
}
/***** header/end *****/
/***** footer *****/
Footer {
	width : 100% ;
	background: #2E3131 ;
	margin: 50px auto 0 auto ;
	padding: 20px 0 ;
}
.footerIn {
	width :95% ;
	margin: 0 auto ;
	color: white;
}
.footerNavi {
	width : 95% ;
	margin: 0 auto 50px;
	justify-content: space-between;
	display: none ;
}
.footerNavi li {
	padding : 0 15px 0 0 ;
	border-right: 1px solid lightgray ;
}

.infomation {
	width :100% ;
	display: flex ;
	display: -webkit-flex;
	justify-content: flex-start ;
	flex-direction: column ;
	flex-wrap: nowrap;
}
.calender {
	width: 260px ;
	height: 250px ;
	margin: -30px auto 25px auto;
	background: white ;
	order: 2 ;
}
.calender iframe {
	width :100% ;
	height: 255px ;
}
.gmap {
	width: 100% ;
	margin: 0 auto 0px auto;
	order: 1 ;
}
.gmap iframe {
	width :100% ;
	height: 230px ;
}
.corporateFoot {
	width : 90% ;
	margin: 0 auto 20px ;
	order: 3 ;
}
.corporateFoot a {
	color: white ;
}
.corporateFoot h1 {
	font-size: 1.8em ;
	margin: 0 0 25px 0 ;
	text-align: center ;
}
.corporateFoot p {
	font-size: 1em ;
	line-height : 1.35 ;
	margin : 0 0 10px 0 ;
}
/***** footer/end *****/
.slider {
	width: 100% ;
/*	margin:66px auto 50px ;
*/	margin:100px auto 50px ;
}
.slider img {
	width: 100% ;
	height: 120px ;
	object-fit: cover ;
}
.itemBox {
	width : 90% ;
	margin: 0 auto ;
	padding : 30px 0 0 0 ;
	display: flex ;
	display: -webkit-flex;
	flex-wrap: wrap ;
	justify-content: space-between ;
}
.itemBox .item {
	width : 45% ;
	height: 200px ;
	border: 1px solid #CCCCCC ;
	margin: 0 0 30px 0 ;
	background: white ;
	text-align: center ;
	padding : 90px 0 0 0 ;
}

	
/***** container *****/
.containerAll {
    width: 96%;
    margin: 60px auto 0;
}

	
/***** container/end *****/	
	
	
/***** 会社概要 *****/
.gaiyo{
    width:98% ;
    margin: 50px auto 0 auto ;
}	
.placeBox{
    width: 100% ;  
    margin: 80px auto 80px ;
    display: flex ;
	display: -webkit-flex;
    flex-direction: column;
    justify-content: flex-start;
}
.placeBox .placeItem{
	display: flex ;
	display: -webkit-flex;
	flex-wrap :nowrap;
	justify-content: flex-start;
	flex-direction: column ;
}
.placeBox .placeItemImg{
    width: 100% ;    
    margin : 0 0 0 0 ;
	order: 1 ;
}
.placeBox .placeItemImg img{
	width: 100% ;
	height: auto ;
}

.placeBox .placeItemAdr{
	width : auto;
	padding: 1em auto ;
	order: 2 ;
}
.placeItemAdr h3 {
	font-size: 1.2em ;
	letter-spacing: 0.2em ;
	line-height: 2.5 ;
}
.placeBox .placeItemAdr p{
	line-height: 2 ;
	letter-spacing: 0.01em ;
	padding: 0 0 0 1.5em ;
}
.placeBox .placeItemAdr p span{
	display: block ;
}


/*.placeItemMap {
    width: 25% ;
}イラストMAPが必要な場合に使用*/
.placeItemGmap {
    width : 100% ;
	margin: 30px auto 0 ;
}
.placeItemGmap iframe {
    width: 100% ;
    height : 300px ;
}
/*理念・方針*/
.idea-policy{
	width: 100%;
    margin: 20px auto 80px ;
}
.ideaBox{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	display: -webkit-flex;
	justify-content: center;
	flex-direction: column;
}	
.ideaTlt, .policyTlt, .guidelinesTlt{
	font-size: 1.4em;
	text-align: center;
	line-height: 2.2;
	font-weight: bold;
}
.ideaSubTlt, .policySubTlt{
	font-size: 1.1em;
	text-align: center;
	line-height: 1.8;
	letter-spacing: 0;
	margin: 0 -.5em;
}
.idea, .policy{
	width: 95%;
	margin: 25px auto 0;
}
.idea p, .policy p{
	margin: 20px auto 0;
	font-size: .95em;
	line-height: 1.6;
}
.idea{
	padding:1em 1.2em 1em .9em;
	border: 3px solid #21317C;
	border-radius: 10px;
}
.idea ol li{
	margin: 1em auto 0 1.2em;
	line-height: 1.5;
	list-style-type:decimal;
}
.guidelines{
	width: 95%;
	margin: 25px auto 20px;
	padding:.75em 1.25em 1em 1em;
	border: 3px solid #21317C;
	border-radius: 10px;
}
.guidelines p{
	margin: 20px auto 0;
	font-size: .95em;
	text-align: left;
	line-height: 1.6;
}
.policy .guidelinesTxt{
	line-height: 1.6;
	text-align: center;
}
.employee li{
	margin: .25em 1em 0 1.3em;
	padding-left: 0;
	line-height: 1.6;
	font-size: .95em;
	list-style-type:none;	
}
.policyH{
	font-size: 1.4em;
	text-align: center;
	line-height: 1.3;
	margin: 40px auto 10px ;
}
.policyH span{
	display: block;
	margin-left:3em;
	}	
.enkaku{
    width:100% ;
    margin: 50px auto 0 auto ;
}
/***** 会社概要/end *****/
/***** 特徴 *****/
.featureImg {
	width: 100% ;
	margin: 60px auto 30px ;
}
.featureImg Img{
	width: 100% ;
	height: 120px ;
	object-fit: cover ;
}
.featureTxt {
	width: 98% ;
	margin: 0 auto 50px ;
}
.featureTitle  {
	width: 92% ;
	margin : 0 auto 30px auto ;
	font-size: 1.2em ;
	line-height: 1.5 ;
	letter-spacing: 0em ;
	text-align: center;
	font-weight: bold;
	color: #013243 ;
}

.feature p {
	width: 85% ;
	margin: 0 auto ;
	line-height: 1.8 ;
	text-indent: 1em ;
	letter-spacing: 0.1em ;
	text-align: left ;
	padding : 0  ;
}
/***** 特徴.end *****/

/***** 設備案内 *****/
.info {
	width: 97%;
	margin: 80px auto 0;
	text-align: center;
}
.info ul {
	width: 95% ;
	margin: 50px auto 0 ;
	display: flex ;
	display: -webkit-flex;
	justify-content: center;
	flex-direction: column ;
}
.info ul li {
	width: 100% ;
	margin: 0 auto 20px;
	text-align:center;
}
.info ul li:last-child {
	margin: 0 auto 0px;
}
/***** 設備案内.end *****/
	
/***** 加工事例 *****/
.case {
	width: 92%;
	margin: 60px auto 80px;
}
.caseItem {
	width : 100% ;
	margin: 0 auto ;
}
.caseItem p {
	font-size: 1.2em ;
	line-height: 1.6 ;
	border-left : 6px solid #013243 ;
	padding-left : 0.5em ;
}
.caseItem .casePhotoBox {
	width: 92% ;
	margin: 30px auto 20px ;
	display: flex ;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	flex-direction: column ;
}
.cacePhoto {
	width: 100% ;
	margin: 0 0 1.5em 0 ;
}
.cacePhoto figcaption{
	text-align: center;
	margin: 0.25em auto 0.5em;
}
	
/***** QA *****/
.QA {
	max-width: 1100px;
	width: 97%;
	margin: 80px auto 100px;
	padding: 0 ;
	display: flex ;
	display: -webkit-flex;
	flex-wrap: nowrap;
	flex-direction: column ;
}	
.QA .QAitem {
	width: 100% ;
	margin: 0 auto 50px ;
	padding: 1.5em 0.7em 0;
	border : 1px solid #bdc3c7;
	display: flex ;
	display: -webkit-flex;
	flex-direction: column ;
}
.QAitemBox {
	margin: 0 0 1em ;
	padding: 0 0.25em 0 1.75em;
	border-bottom : 1px dashed #d2d7d3 ;
}
.QAitem .Question{
	font-weight: bold;
	text-indent: 1em;
	line-height: 1.2 ;
	margin: 0 0 0 0;
	padding: 0 0 0.25em 0.5em ;
}
.QAitem .answer {
	text-indent: 1em;
	line-height: 1.2 ;
	padding: 0.5em 0em 0.5em 1.2em;
}

/****お問い合わせ***/

.contactForm {
	width: 98% ;
	margin:  50px auto 50px;
	padding-left: 1em ;
}
.contactForm iFrame {
	height: 1220px;
}
}