@charset "utf-8";

/* =======================================================================================
	COMMON
======================================================================================= */

	/*--------------------------
	スワイプ 
--------------------------- */
	.js_swipeMe .pic img{
		width: 100%;
		max-width: none;
	}

/* lNavWrap
---------------------------------------------------- */
	.lNavWrap {
		--M-fluidFontSize-max-fontsize: 26;
		--M-fluidFontSize-min-fontsize: 20;
	}
	.lNavWrap li {
		width: 48%;
	}
@media screen and (max-width: 480px) {
	.lNavWrap {
		font-size: 1.3em;
	}
}


/* ancNavWrap
---------------------------------------------------- */
	.ancNavWrap {
		--M-fluidFontSize-max-fontsize: 20;
		--M-fluidFontSize-min-fontsize: 15;
		--M-fluidFontSize-max-viewport: 900;
		--M-fluidFontSize-min-viewport: 480;
	}

@media screen and (min-width: 900.2px) {
	.ancNavWrap li {
		width: 31%;
	}
}
@media screen and (max-width: 900px) {
	.ancNavWrap li {
		width: 33%;
	}
}
@media screen and (max-width: 480px) {
	.ancNavWrap {
		font-size: 1em;
	}
	.ancNavWrap .label {
	  letter-spacing: 0.05em;
	}
}


/* =======================================================================================
	PAGE
======================================================================================= */

/* ===================================================
qualitySection
=================================================== */

	[class*="quality_con_0"]:not(.quality_con_01) {
		 margin-top:var(--site-marpad-L);
	}
	[class*="quality_con_0"] dt {
		padding: .5em;
		line-height: 1.2;
		text-align: center;
		/*background: #d3d3d3;*/
		background: #775D42;
  color: #fff;
	}
	[class*="quality_con_0"] .hTxtStyh6 {
		line-height: 1.6;
		text-align: center!important;
	}
@media screen and (max-width: 900px) {
	[class*="quality_con_0"]:not(.quality_con_01) {
		 margin-top:var(--site-marpad-M);
	}
}


/* ---------------------------------------------------------------
quality_con_01
--------------------------------------------------------------- */
	.quality_con_01 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.quality_con_01 > *{
		width: 47.5%;
	}
	.quality_con_01 .pointBox dl:first-child {
		margin-bottom: 3em;
	}
	.quality_con_01 .pointBox dt {
		background: #7f7235;
		color: #fff;
		margin-bottom: 1.5em;
	}
	.quality_con_01 .pointBox dd {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.quality_con_01 .pointBox dd > *{
		width: 47.5%;
	}
@media screen and (max-width: 900px) {
	.quality_con_01 > *{
		width: 100%;
	}
	.quality_con_01 .picBox {
		max-width: 700px;
		margin: 0 auto 3em;
	}
	.quality_con_01 .pointBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.quality_con_01 .pointBox > *{
		width: 48%;
	}
	.quality_con_01 .pointBox dt,
	.quality_con_01 .pointBox dd .txt{
		margin-bottom: .8em;
	}
	.quality_con_01 .pointBox dd > *{
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
	.introPhotoCaption {
		width: 96%;
	}
}
@media screen and (max-width: 480px) {
	.quality_con_01 .pointBox > *{
		width: 100%;
	}
}





/* ---------------------------------------------------------------
quality_con_02
--------------------------------------------------------------- */
	.quality_con_02 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.quality_con_02 > *{
		width: 47.5%;
	}
	.quality_con_02 dt {
		background: #775D42;
		color: #fff;
		margin-bottom: .5em;
	}
	.quality_con_02 dd {
		display: flex;
	}
	.quality_con_02 dd .txt {
		margin-top: 1em;
	}
	.quality_con_02 dd .pic small {
		right: auto;
		left: 0
	}
@media screen and (min-width: 900.02px) {
	.quality_con_02 dd {
		flex-direction:column-reverse;
	}
}
@media screen and (max-width: 900px) {
	.quality_con_02 > *{
		width: 100%;
	}
	.quality_con_02 dl:first-child{
		margin-bottom: 3em;
	}
	.quality_con_02 dd {
		flex-direction:column;
	}
	.quality_con_02 dd .txt{
		margin-bottom: 1em;
	}
	.quality_con_02 dd .pic{
		max-width: 570px;
		width: 100%;
		margin: 0 auto ;
	}
}







/* ---------------------------------------------------------------
quality_con_03
--------------------------------------------------------------- */

	.quality_con_03 .listbox ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top:var(--site-marpad-S);
	}
	.quality_con_03 .listbox ul li {
		width: 32%;
		text-align: center;
		padding: 1em;
		background: #747474;
		color: #fff;
	}
	.quality_con_03 .pabbitbox {
		margin-top:var(--site-marpad-S);
	}
	.quality_con_03 .pabbitbox .pabbit {
		border: 0px solid #747474;
		border-width: 1px 0;
		padding: 2em 0;
	}

	.quality_con_03 .pabbitbox .pabbitMerit {
		margin-top: 2em;
		padding:  2em;
		border: 1px solid #747474;
		background: #fff;
	}

@media screen and (min-width: 900.02px) {
	.quality_con_03 .pabbitbox .pabbit .item{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.quality_con_03 .pabbitbox .pabbit .item span:nth-child(1){
		width: 30%;
	}
	.quality_con_03 .pabbitbox .pabbit .item span:nth-child(2){
		width: 65%;
	}
}
@media screen and (max-width: 900px) {
	.quality_con_03 dt{
		padding: .8em 1em;
	}
	.quality_con_03 .listbox ul {
		display:block;
	}
	.quality_con_03 .listbox ul li {
		width: 100%;
		/*text-align: left;*/
		margin: .8em auto;
	}
	.quality_con_03 .listbox ul li br{
		display: none;
	}
	.quality_con_03 .pabbitbox .pabbit .item {
		width: 94%;
	}
	.quality_con_03 .pabbitbox .pabbit .item > *{
		margin: 0 auto;
		display: block;
		text-align: center;
	}
	.quality_con_03 .pabbitbox .pabbit .item span:nth-child(1){
		width: 40%;
		margin-bottom: 2em;
	}
}
@media screen and (max-width: 600px) {
	.quality_con_03 .pabbitbox .pabbitMerit {
		padding:  1em;
	}

}

/* ---------------------------------------------------------------
quality_con_04
--------------------------------------------------------------- */

	/* introbox ----------*/
	.quality_con_04 .introbox{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	/* systembox ----------*/
	.quality_con_04 .systembox{
		border: 1px solid #c6c6c6;
		padding: 1.5em;
		margin: 3em auto;
	}
	.quality_con_04 .systembox .ttl{
		padding: .5em;
		color: #fff;
		text-align: center;
		margin-bottom: 1em;
	}
	.quality_con_04 .systembox .sys_general .ttl{
		background: #747474;
	}
	.quality_con_04 .systembox .sys_admin .ttl{
		background: #7f7235;
	}
	.quality_con_04 .systembox .sys_general .txt{
		color: #707070;
	}
	.quality_con_04 .systembox .sys_admin .txt{
		color: #000;
	}
	.quality_con_04 .systembox .txt em{
		font-weight: bold;
		font-size: 1.2em;
	}
	.quality_con_04 .systembox .sys_general .txt em{
		color: #000;
	}
	.quality_con_04 .systembox .sys_admin .txt em{
		color: #7f7235;
	}
	.quality_con_04 .systembox .txt{
		display: flex;   
		align-items: center;
		margin-left: 1em;
		margin-bottom: 2em;
	}
	.quality_con_04 .systembox .txt::before {
		content: '';
		display: inline-block;
		width: 3em;    
		height: 4em;  
		background: url("../images/quality/arro_01.png") top center / contain no-repeat;
		margin-right: 1em; 
	}
	.quality_con_04 .systembox .sys_admin .txt::before {
		background-image: url("../images/quality/arro_02.png");
	}
	.quality_con_04 .systembox ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.quality_con_04 .systembox ul li{
		width: 31%;
	}
	.quality_con_04 .systembox ul li .boxTxt{
		border: 1px solid #7f7235;
		padding: .5em;
		display: block;
		text-align: center;
		color: #7f7235;
		line-height: 1.5;
	}
	.quality_con_04 .systembox ul li .sTxt{
		font-size: 1.4rem;
		display: block;
		margin-top: .5em;
		line-height: 1.4;
	}

@media screen and (min-width: 1200.02px)  , screen and (max-width: 700px) {
	.quality_con_04 .systembox ul li .boxTxt br{
		display: none;
	}
}
@media screen and (min-width: 900.02px)  {
	/* introbox ----------*/
	.quality_con_04 .introbox > *{
		width: 48%;
	}
}
@media screen and (max-width: 900px) {
	/* introbox ----------*/
	.quality_con_04 .introbox {
		flex-direction:column-reverse;
	}
	.quality_con_04 .introbox .pic {
		max-width: 570px;
		width: 100%;
		margin: 1em auto 0;
	}
	.quality_con_04 .systembox .txt br{
	 display: none;
	}
}
@media screen and (max-width: 700px) {
	.quality_con_04 .systembox ul li{
		width: 100%;
		margin-bottom: 1.5em;
	}
	.quality_con_04 .systembox .txt {
	  margin-left: 0em;
	}
  .quality_con_04 .systembox .txt::before {
    width: 7em;
  }
}












/* ===================================================
equipmentSection
=================================================== */
	.categoryWrap  {
		margin-bottom:var(--site-marpad-XXXL)  ;
	}
	.categoryWrap h4.ptHeading {
		padding:var(--site-marpad-M) 0 var(--site-marpad-S) ;
	}

	.categoryWrap h4.ptHeading 	.enHeading_S {
		--M-fluidFontSize-max-fontsize: 26;
		--M-fluidFontSize-min-fontsize: 18;
		color: #a08564;
		margin-bottom: 1em;
	}
	.categoryWrap h4.ptHeading 	.enHeading_S  .in{
		position: relative;
		display: inline-block;
		margin-bottom: 1em;
	}
	.categoryWrap h4.ptHeading 	.enHeading_S .in:before {
		content: '';
		position: absolute;
		bottom: -15px;
		display: inline-block;
		width: 60px;
		height: 1px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color:#a08564;
	}
	.categoryWrap h4.ptHeading 	.hTxt {
		text-align: center!important;
	}
	.categoryWrap h5.ptHeading {
		background:#c9c9c9;
		padding: .5em;
		margin-bottom: 2em;
	}
	.categoryWrap h5.ptHeading .hTxt {
		margin-bottom: 0;
		text-align: center;
	}


/* equSectionBody
---------------------------------------*/
	.eqWrap .pic {
		position: relative;
	}
	.eqWrap .ttl {
		padding-top: 1em ;
		line-height: 1.4;
		letter-spacing: 0.05em;
		/*margin-inline: auto;
		max-inline-size: max-content;*/
		--M-fluidFontSize-min-fontsize: 15;
		text-align: center;
	}
	.eqWrap .ttl.kana{
		letter-spacing: -0.01em;
	}
	.eqWrap .txt {
		font-size:0.95em;
		line-height: 1.6;
	}
	.eqWrap.generalColBox {
		--base-generalColBox-margin-column: 30px;
	}


/*col1
---------------------------------------*/
	.equ-etc.col1 .pic{
		border: 1px solid #ccc;
		padding: 60px;
	}


@media screen and (min-width: 600.02px) and (max-width: 900px) {
	.eqWrap.generalColBox {
		--base-generalColBox-margin-column: 40px;
	}

}
@media screen and (max-width: 600px) {
	
	
	
	.eqWrap.generalColBox {
		--base-generalColBox-margin-column: 20px;
	}

}





/* ---------------------------------------------------------------
equContSection
--------------------------------------------------------------- */

/*equ-etc
---------------------------------------*/
	.equContSection .col3_2_1 {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: space-between;
	}
	.equContSection .col3_2_1  .col3_2 {
	  width: 65.833333%;
	}
	.equContSection .col3_2_1 .col3_1{
	  width: 31.666666%;
	}

@media screen and (max-width: 900px) {
	.equContSection .col3_2_1 > *{
		width: 100%!important;
	}
	.equContSection .col3_2_1 .col3_1{
		width: 31.666666%;
		margin-top: var(--site-marpad-XL) !important;
	}
}



/* ---------------------------------------------------------------
secContSection
--------------------------------------------------------------- */
.secContSection h5.ptHeading{
background: #775D42;
}
.secContSection h5.ptHeading .hTxt{
  color: #fff!important;
}


	.secContSection .equ-etc.col1 .pic{
		background: #fff;
		margin: 2em auto 3em;
		padding: 60px ;
	}
	.secContSection ul.equ-etc.col1 .pic{
		margin: 60px auto 0;
		padding: 40px;
	}
	.secContSection ul.equ-etc.col1 .ttl{
		text-align: left!important
	}
	.secContSection .col3_2_1 {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: space-between;
	}
	.secContSection .col3_2_1  .col3_2 {
	  width: 65.833333%;
	}
	.secContSection .col3_2_1 .col3_1{
	  width: 31.666666%;
	}
@media screen and (max-width: 900px) {
	.secContSection .equ-etc.col1 .pic{
		padding: 40px;
	}
	.secContSection .col3_2_1 .col3_2{
		width: 100%;
	}
	.secContSection .col3_2_1 li.col3_1{
		width: 47.5%;
		margin-top:60px!important;
	}
}
@media screen and (max-width: 600px) {
	.secContSection .equ-etc.col1 .pic,
	.secContSection ul.equ-etc.col1 .pic{
		padding: 10px 10px 30px;
	}
}
@media screen and (max-width: 480px) {
	.secContSection .col3_2_1 li.col3_1{
		width: 100%;
	}
}


/* ---------------------------------------------------------------
earthquakeSVSection
--------------------------------------------------------------- */



/* ---------------------------------------------------------------
achievementSection
--------------------------------------------------------------- */






/* ---------------------------------------------------------------
patentSection
--------------------------------------------------------------- */



@media screen and (max-width: 1390px) {}
@media screen and (max-width: 1200px) {}
@media screen and (min-width: 900.02px) and (max-width: 1200px) {}
@media screen and (max-width: 900px) {}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 480px) {}
@media screen and (max-width: 359.08px) {}