/* font-family:'Noto Sans JP',sans-serif; 4 5 7 */
/* font-family:'Zen Kurenaido',sans-serif; 4 */
@charset "UTF-8";
@import url(reset.css);
/*-------------------Comment1-----------------------*/
.line1{width:99%;height:1px;border:none; border-top: 1px dotted #ccc; margin-top:10px;margin-bottom:10px;}
.line2{width:99%;height:1px;border:none; border-top: 3px solid #ee7600; margin-bottom:10px;}
.imgHover:hover{opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }

.alignLeft{text-align:left!important;}
.alignCenter{text-align:center!important;}
.alignRight{text-align:right!important;}

.inlineBlock{display:inline-block!important;}

.setPaddingT50{padding-top:50px!important;}
.setPaddingT20{padding-top:20px!important;}
.setPaddingT10{padding-top:10px!important;}

.setPaddingL20{padding-left:20px!important;}

.setPaddingB50{padding-bottom:50px!important;}
.setPaddingB20{padding-bottom:20px!important;}
.setPaddingB10{padding-bottom:10px!important;}

.setMarginB50{margin-bottom:50px!important;}
.setMarginB20{margin-bottom:20px!important;}
.setMarginB10{margin-bottom:10px!important;}

.setMarginT50{margin-top:50px!important;}
.setMarginT20{margin-top:20px!important;}
.setMarginT10{margin-top:10px!important;}

.annotation1{color:#666;font-size:0.825rem;}
.stress1{font-weight:600;font-size:0.875rem;color:#ad0c0c;}
.stress2{font-weight:600;color:#cc3526;}
.stress3{font-weight:600;color:#1d50a2;font-size:1.125rem;}

.annotation2{font-size:0.875rem;color:#666;}

.pBeforeArrow1{position:relative;}
.pBeforeArrow1::before{content:"";display: inline-block; width:6px; height:6px; border: solid #333;border-width: 0 1px 1px 0;transform:rotate(-45deg);position:absolute;top:11px;left:-11px;}
/*-------------------Comment2-----------------------*/
html{font-size:16px;}
body {
	font-family:'Noto Sans JP',"MS Pゴシック", "MS PGothic", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
	font-weight:400;
	font-size:100%; 
	line-height:1.6;
	letter-spacing:3px;
	overflow-x:hidden;
}

a:link{ text-decoration: none; color:#333;}
a:visited{color:#333; }
a:hover{color:#666; text-decoration: none;}
a:active{color:#666;}

@media screen and (max-width: 767px){
	body{font-weight:normal;}
}
/* ------------------------------------------------------- */
.title1{margin:0 auto 25px;color:#333;letter-spacing:3px;font-family:'Noto Serif JP','游明朝',sans-serif;font-weight:500;font-size:1.45rem;position:relative;}
.title1:after{content:"";width:100%;height:0.75px;background:#cda000;position:absolute;bottom:-10px;left:0px;}
.title1 span{color:#999;font-size:0.3em;text-indent:3px;font-weight:normal;padding-left:10px;}

.title2{text-align:center;font-size:1.5rem;font-family: 'Noto Serif JP','游明朝',sans-serif;font-weight:600;color:#ad0c0c;padding-top:55px;letter-spacing:5px;position:relative;text-transform:uppercase;}
.title2 span{display:block;color:#999;font-size:0.275em;letter-spacing:4px;}
.title2:after{content:"";width:1.25px;height:50px;background:#333;position:absolute;top:-10px;left:50%;left:-webkit-calc(50% - 1px);}

@media screen and (max-width: 1200px){
	.title2{font-size:1.25rem;}
	.title2 span{font-size:0.5em;}
}

.title3{font-size:1.125rem;font-weight:400;color:#cc3526;margin-bottom:30px;text-indent:15px;position:relative;font-family: 'Noto Sans JP',sans-serif;}
.title3::before{content:"";width:4px;height:65%;background:#cc3526;position:absolute;top:18%;left:0;}
.title3::after{content:"";width:100%;height:0.75px;background:#f0f0f0;position:absolute;bottom:-5px;left:0;}
.title3 span{color:#67b5b6;font-weight:400;font-size:0.35em;letter-spacing:2px;padding-left:20px;text-transform:uppercase;}

.title4{font-size:1.125rem;font-weight:400;color:#cc3526;margin-bottom:30px;text-indent:15px;position:relative;font-family: 'Noto Sans JP',sans-serif;}
.title4::before{content:"";width:4px;height:65%;background:#cc3526;position:absolute;top:18%;left:0;}

.title5 span{font-size:1rem;position:relative;}
.title5 span:after{content:"";width:100%;height:30%;background:rgba(6,174,157,0.6);position:absolute;left:0;top:62%;z-index:-1;}	

.title6{font-size:1.125rem;font-weight:500;color:#cc3526;margin-bottom:30px;}


.btn1{display:inline-block;font-size:0.825rem;text-align:center;border:1px solid #999;background:rgba(255,255,255,0.6);padding:10px 50px;position:relative;margin-top:30px;letter-spacing:2px;text-transform:uppercase;-webkit-appearance: none; border-radius:0;}
.btn1::after{content:"";width: 15px; height:5px; position:absolute;top:20px;right:25px;border: solid #333;border-width: 0 1px 1px 0;transform-origin:left bottom;transform: skewX(45deg);}
.btn1:hover::after{right:22px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
@media screen and (max-width: 1200px){
	.title4{margin-bottom:10px;}
}
@media screen and (max-width: 767px){
	.title6{font-size:1.25rem;margin-bottom:40px;}
}
/* --------------------------------------------------------------------------- */
.wrap1{width:100%; margin-bottom:100px;}
.wrap2{width:100%; margin-bottom:100px;}
.wrap3{width:100%; margin-bottom:100px; background:#f6f6f6;}
.wrap4{width:100%; margin-bottom:100px; }
.wrap5{width:100%; margin-bottom:100px; background:#f6f6f6;}
.wrap6{width:100%; margin-bottom:100px; padding:70px 0; background:#f6f6f6;}

.content1{
	width:1400px;
	margin:0 auto;
	position:relative;
	font-size:0.925rem;
	text-align:justify;
}
.content2{
	width:95%;
	margin:0 auto;
	padding:50px 0;
}

.content3{
	width:1000px;
	margin:0 auto;
	font-size:0.925rem;
	text-align:justify;
}

@media only screen and (max-width: 1499px) {
	.content1{width:1400px;}
}
@media only screen and (max-width: 1399px) {
	.content1{width:1200px;}
}
@media only screen and (max-width: 1299px) {
	.content1{width:1100px;}
}
@media only screen and (max-width: 1199px) {
	.content1{width:1000px;}
}
@media only screen and (max-width: 1023px) {
	.content1{width:90%;}
	.content3{width:90%;}
}
@media only screen and (max-width: 767) {	
	.content1{width:95%;}
}
/* ------------------------------Index----------------------------- */
#middle{padding-top:100px;}
#content1{width:1400px;margin:120px auto;}
#article{
	width:100%;	
	text-align:center;
	letter-spacing:3px;
	padding:0 50px;
}
#article h3{color:#ad0c0c;padding-left:0px;font-size:1.5rem;padding-bottom:30px;font-family:'Noto Serif JP','游明朝',sans-serif;font-weight:500;}
#article p{line-height:2.25;font-size:0.925rem;letter-spacing:5px;}

#companyM{width:600px;background:rgba(255,255,255,0.95);padding:50px;position:absolute;bottom:10px;right:10px;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;border:1px solid #fafafa;}
#companyM p{padding-bottom:20px;font-size:0.875rem;}
#companyMBg{float:left;width:60%;height:500px;background:url(../images/img01.jpg) no-repeat;background-size:cover;}

#mapIndex{width:50%;float:left;}
#companyD{width:50%;float:right;padding:70px 50px 40px 80px;font-size:0.875rem;line-height:1.75;}
#companyD img{width:240px;padding-bottom:20px;}

.productImg{float:left;padding:20px;text-align:center;width:33%;}
.productImg img{width:100%;position:relative;}
.productImg img:hover{opacity:0.9;}
.productImg figcaption{padding-top:10px;font-size:0.775rem;}

.wrap3 .content1{font-size:0.825rem;padding:60px 0;}

#partnerUl{text-align:center;}
#partnerUl li{display:inline-block;padding:20px 2%;vertical-align:middle;}
#partnerUl li:nth-of-type(1) a img{width:190px;}
#partnerUl li:nth-of-type(2) a img{width:160px;}
#partnerUl li:nth-of-type(3) a img{width:180px;}
#partnerUl li:nth-of-type(4) a img{width:170px;}
#partnerUl li:nth-of-type(5) a img{width:200px;}

@media screen and (max-width: 899px){
	#companyM{width:500px;padding:40px;bottom:unset;top:30px;}
	#companyMBg{width:70%;height:500px;margin-left:-80px;}
}

@media screen and (max-width: 767px){
	#companyM{width:500px;top:90px;}
	#companyMBg{width:80%;height:500px;margin-left:-60px;}
	.wrap2{min-height:600px;}
	
	.productImg{width:50%;}
	
	#mapIndex{width:100%;float:none;}
	#companyD{width:100%;float:none;padding:50px;text-align:center;}
}

@media screen and (max-width: 569px){
	#companyM{width:400px;top:90px;}
	#companyMBg{width:80%;margin-left:-40px;}
	.wrap2{min-height:600px;}
}

@media screen and (max-width: 499px){
	#companyM{width:380px;top:90px;}
	#companyMBg{width:80%;margin-left:-30px;}
	.wrap2{min-height:630px;}
	
	.productImg{padding:10px;}
}

@media screen and (max-width: 459px){
	#article h3{font-size:1.25rem;}
	#article p{line-height:2;font-size:0.875rem;letter-spacing:3px;}
	
	.wrap2{min-height:660px;}
	.productImg{width:100%;padding:10px 0;}
	
	#companyM{margin-right:-20px;}
}

@media screen and (max-width: 399px){
	#article{padding:0 20px;}
	
	#companyMBg{width:100%;margin-left:-20px;}
	#companyM{width:100%;}
}

@media screen and (max-width: 359px){
	#companyM p:nth-of-type(1){display:none;}
	
	#companyMBg{width:100%;margin-left:-20px;}
	#companyM{width:100%;}
}

/* -------------------------------------------------- */
.pageShow{width:100%;height:35vh;text-align:center;position:relative;margin-bottom:80px;}
.pageShow:after{content:"";width:100%;height:100%;background:rgba(0,0,0,0.2);position:absolute;top:0;left:0;z-index:0;}
.pageShow h2{color:#fff;line-height:1.2;letter-spacing:1.125vw;padding: 0 3vw;font-size:4.25vw;position: relative;top:50%;text-transform:uppercase;z-index:2;}
.pageShow h2 span{font-size:0.5em;display:block;}
#companyPageShow{background:url(../images/slider/03.jpg) no-repeat;background-size:cover;}
#worksPageShow{background:url(../images/slider/05.jpg) no-repeat;background-size:cover;}
#productPageShow{background:url(../images/slider/06.jpg) no-repeat;background-size:cover;}

#productM figure{float:left;padding:20px;text-align:center;width:25%;}
#productM img{width:100%;position:relative;}
#productM img:hover{opacity:0.9;}
#productM figcaption{padding-top:10px;font-size:0.775rem;}

#company1{width:90%;margin:0 auto;}
#company2{width:100%;margin:0 auto; text-align:center;}

#signfigure{width:90px;position:relative;margin-top:30px;position:relative;float:right;}
#signfigure img{width:100%;}
#signfigure:before{content:"社長";font-size:0.65rem;position:absolute;top:-25px;left:0;}

#imgConcept{width:90%;padding-top:30px;}

.conceptItem{width:25%;height:200px;margin:4%;float:left;border:1px solid #666;border-radius:50%;padding:50px 20px 10px;text-align:center;}
.conceptItem h3{position:relative;margin-bottom:20px;color:#ad0c0c;font-size:1.125rem;}
.conceptItem h3:after{content:"";width:100%;height:0.75px;background:#cda000;position:absolute;bottom:-10px;left:0px;}
.conceptItem p{font-size:0.875rem;}

#divisionM{width:90%;margin:0 auto;}
#divisionM p{padding-left:10px;position:relative;}
#divisionM p:before{content:"";width:6px;height:6px;border:solid #333;border-width:0 1px 1px 0;transform-origin:left bottom;transform: translate(-50%,-50%) rotate(-45deg);position:absolute;top:14px;left:0;}

.dM{display:inline-block;margin:0 5px 10px 0;padding:2px 4px;background:#fafafa;border:1px solid #c0c0c0;font-size:0.725rem;letter-spacing:0;text-align:center;min-width:100px;}

#map img{width:600px;}

@media screen and (max-width: 1023px){
	#productM figure{width:33%;}
}
@media screen and (max-width: 899px){
	.conceptItem{width:29%;height:210px;margin:2%;}
}
@media screen and (max-width: 767px){
	#productM figure{width:50%;padding:10px;}
	.conceptItem{width:31%;height:190px;margin:1%;padding:40px 10px 10px;}
	#map img{width:100%;}
}
@media screen and (max-width: 549px){
	.conceptItem{float:none;width:60%;margin:20px auto;padding:50px 20px 20px;}
}

@media screen and (max-width: 459px){
	.pageShow h2{font-size:8vw;line-height:1.6;}
	#productM figure{float:none;width:90%;margin:10px auto;}
	#productM figcaption{font-size:0.85rem;}
	
	#imgConcept{width:90%;}
	
	#company1{width:95%;}
}
@media screen and (orientation:landscape) and (max-width: 849px){/* 横屏设备（根据vh设定高度的要调整）*/
	.pageShow{height:100vh;}
}

/* -------------------------------------------------- */
#tuyomiS{width:50%;float:right;}
#mapImg{width:45%;float:left;}

@media screen and (max-width: 719px){
	#tuyomiS{width:100%;float:none;}
	#mapImg{width:100%;float:none;margin-top:20px;}
}
/* -------------------------------------------------- */
#topicIndex{margin-bottom:80px;}

.topicItemTable{
	width:92%;
	margin:0 auto;
	border-bottom:1px solid #f0f0f0;
}
.topicItemTable:hover{
	background:#fff;
}
.topicItemTable td{
	padding:22px 0;
	vertical-align:top;
	font-size:0.85rem;	
	text-align:justify;
	color:#333;
	letter-spacing:1px;
}
.dateTd{	
	width:8em;
	color:#ccc;
	font-size:0.75rem;
}
/* --------------------------------------------------- */
.topicTitle{
	font-size:1.125rem;
	margin-bottom:10px;
	text-align:center;
	font-weight:500;
}
.topicDate{
	text-align:center;
	font-size:0.75rem;
	color:#999;
	padding-bottom:20px;
}
.topicContent{
	font-size:0.85rem;
}
.topicContent p{
	padding-top:10px;
}
@media (max-width: 719px){
	.topicTitle{
		font-size:1.125rem;
		padding:0 8px;
	}	
	.topicContent{
		padding:0 8px;font-size:0.925rem;
	}
}

/* ------------------------------------------------------ */
#table1{
	width:100%;
	margin:0 auto 60px;	
}
#table1 td{
	font-size:0.85rem;
	border-bottom:0.75px solid #ccc;
	padding:20px 8px;
}
#table1 .titleTd{
	width:170px;
	letter-spacing:2px;
	font-weight:500;
	vertical-align:top;
	text-align:right;
	padding-right:30px;
}

#imgKyoka{width:200px;}

@media (max-width: 599px){
	#table1 td{font-size:0.875rem;}
	#table1 .titleTd{width:110px;padding-right:15px;}
}

/* -----------------------contact------------------------ */
#statusT{width:88%;margin:20px auto;}
#statusT td{text-align:center;}
.row1{font-size:0.75rem;color:#666;}
.row1:nth-child(1){width:30%;}
.row1:nth-child(2){width:40%;}
.row1:nth-child(3){width:30%;}
.row2{font-size:0.875rem;color:#333;padding-bottom:10px;border-bottom:2px #666 solid;position:relative;}
.row2:not(:nth-child(3)):after{content:"";width:9px;height:9px;border: solid #666;border-width: 0 1.3px 1px 0;transform-origin:left bottom;transform:skew(44deg,133deg);position:absolute;top:10px;left:95%;}
.active{color:#ad0c0c;border-bottom:2px #ad0c0c solid;}
.error{color:#ad0c0c;}

@media screen and (max-width: 599px){
	#statusT{width:100%;margin:0 auto 20px;}
}
@media screen and (max-width: 419px){
	.row2{font-size:0.925rem;}
	.row2:not(:nth-child(3)):after{border-width: 0 1px 1px 0;}
}
/* --------------footer------------ */
#footerWrap{width:100%;padding:70px 0 40px;background:url(../images/bgFooter.jpg) no-repeat center center;background-size:cover;position:relative;}
#footerWrap:after{content:"";width:100%;height:100%;background:rgba(0,0,0,0.4);position:absolute;top:0;left;0;z-index:0;}
footer{width:1400px;height:180px;margin:0 auto;position:relative;color:#fff;z-index:1;}

#logoFooter{display:block;width:240px;position:absolute;bottom:60px;right:0;}
#logoFooter img{width:100%;}

#footerC1{position:absolute;bottom:40px;font-size:0.875rem;line-height:1.9;}
#contactP a{color:#fff;}
#contactP a:hover{color:#f0f0f0;}
#mapA{background:#f0f0f0;color:#333;font-size:0.65rem;letter-spacing:0;padding:0 3px 1px;}
#mapA:hover{background:#fff;}

#copyright{width:100%;text-align:center;position:absolute;bottom:10px;font-size:0.675rem;}
#copyright a{color:#fff;}

@media only screen and (max-width: 1499px) {
	footer{width:1300px;}
}
@media only screen and (max-width: 1399px) {
	footer{width:1200px;}
}


@media (max-width: 1240px){
	footer{width:93%;}
}
@media (max-width: 899px){	
	footer{width:96%;}
}
@media (max-width: 767px){	
	footer{height:auto;}
	#logoFooter{width:100%;position:static;text-align:center;}
	#logoFooter img{width:230px;}
	
	#footerC1{width:85%;margin:0 auto;position:static;text-align:center;padding-bottom:15px;}
	
	
	#copyright{position:static;}
}
@media (max-width: 459px){		
	#footerC1{width:90%;letter-spacing:1px;}
	
	#logoFooter img{width:220px;}	
	
	#contactP span{display:block;}
}
/*-------------------------*/
#goToTopBtn{
	position:fixed;
	bottom: 10px;
	right: 25px;
	display: none; 
	cursor: pointer;
}
#goToTopBtn img{
	width:60px;
}
@media (max-width: 459px){		
	#goToTopBtn{bottom: 20px;right:15px;}
	#goToTopBtn img{width:52px;}
}
/*-------------------------*/
.module1{
	margin-top:2px;
	padding: 2px 5px 2px; 
	font-size: 0.725rem;
	font-weight:500;
	color: #ad0c0c; 
	border-radius:1px;
	border:1px solid #ad0c0c;
}
.form-group{
	width:99%;
	margin:0 auto 1em;
}
.form-group label{
	display:block;
	color:#333;
	font-weight:600;
}
.form-group input[type=text], .form-group input[type=email], .form-group select,.form-group textarea{
	width:calc(100% - 12px);
	height:2.25em;
	outline-style:none;
	-webkit-appearance: none;
	border:1px solid #666;
	padding:2px 5px;
	border-radius:0;
}
.form-group select{
	-webkit-appearance: none;
	appearance:none;
	width:99.5%;
	height:2.75em;
	padding:2px 5px;
	background:#fafafa;
	border-radius:0;
}
input[type="checkbox"]{
	width:16px;
	height:16px;
	vertical-align:middle;
	border-radius:0;
}
.form-group textarea{
	height:10em;
	border-radius:0;
}