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

/*共通CSS*/
/*固定ページのタイトルを非表示*/
h2.sectionTitle{
    display: none!important;
}
main#kobetsu h4 {
     border-bottom: none; 
     margin-bottom: 1.5em;
    }
.wp-singular{
    padding-top: 7rem;
}
/*loading画面*/
/* 非表示 */
.is-hide {
    display: none;
}
/* ローディング画面をフェードアウト */
.fadeout-bg {
    transition-property: opacity;
    transition-delay: .9s;
    transition-duration: .8s;
    opacity: 0;
    pointer-events: none;
}
/* ローダーをフェードアウト */
.fadeout-loader {
    transition-property: opacity;
    transition-delay: .9s;
    transition-duration: .3s;
    opacity: 0;
    pointer-events: none;
}
/* ローディング画面 */
#loader-bg {
    background: rgba(123,195,255,.750);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
#loader {
    height: 120px;
    left: 50%;
    margin-left: -60px;
    margin-top: -60px;
    position: fixed;
    top: 50%;
    width: 120px;
}
#loader p {
    color: #454545;
    font-size: 10px;
    line-height: 1.4em;
    text-align: center;
}
#loader p img {
    display: inline-block;
}
.loader_animate,
.loader_animate:after {
  border-radius: 50%;
}
.loader_animate {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  border-top: 0.5em solid rgba(255, 255, 255, 0.2);
  border-right: 0.5em solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);
  border-left: 0.5em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1s infinite linear;
  animation: load8 1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.slides, .slides_pc, .slides_sp{
	margin: 0;
	padding: 0;
}





/*animation*/
.appearFloat {
	transform-origin:center top;
	transition: .5s;
}
.appearFloat_delay{
	transition-delay: .3s;
}

.appearLeftRight {
	transform-origin:center top;
	transition: .5s;
	transition-delay: .3s;
}

.appearRightLeft {
	transform-origin:center top;
	transition: .5s;
	transition-delay: .3s;
}

/*初動させるのにanimationを使いました*/
.appearFloat_first {
	transform-origin:center top;
	animation-name: appearFloat;
	animation-duration: .5s;
}
@keyframes appearFloat{
	0%{
		transform: translate(0,20px);
		opacity: 0;
	}
	100%{
		transform: translate(0,0);
		opacity: 1;
	}
}
.appearLeftRight_first {
	transform-origin:center top;
	animation-name: appearLeftRight;
	animation-duration: .7s;
}
@keyframes appearLeftRight{
	0%{
		transform: translate(-20px,0);
		opacity: 0;
	}
	30%{
		transform: translate(-20px,0);
		opacity: 0;
	}
	100%{
		transform: translate(0,0);
		opacity: 1;
	}
}

.appearRightLeft_first {
	transform-origin:center top;
	animation-name: appearRightLeft;
	animation-duration: .7s;
}
@keyframes appearRightLeft{
	0%{
		transform: translate(20px,0);
		opacity: 0;
	}
	30%{
		transform: translate(20px,0);
		opacity: 0;
	}
	100%{
		transform: translate(0,0);
		opacity: 1;
	}
}


img{
	width: 100%;
}

section a img{
	transition-duration: .3s;
}
section a img:hover{
/*
	outline: 5px solid #55F;
	outline-offset: -5px;
*/
	opacity: .75;
	transition: .2s
}


body{
	position: relative;
	color: #345;
		
	overflow:visible;
	
		/*webfont*/
	/*font-family: source-han-sans-japanese,sans-serif;
	font-weight: 300;
	font-style: normal;*/

}

.container{
	overflow: hidden;
	margin: 0 auto;
}
section{
	margin: 0 auto;
	padding: 2rem 1rem;
}
/*section.topix_box{
	padding: 3% 0;
}*/
section:not(:first-of-type){
	max-width: 1000px;
	/*border-top: 1px solid #3f3f3f;*/
}
section:first-of-type{
	/*margin: 50px auto;*/
}
section h2{
    font-size: 1.1rem;
	display: flex;
    align-items: baseline;
    overflow-wrap: anywhere;
    column-gap: 1.2rem;
}
section h2::before{
    content: "";
    display: inline-block;
    min-width: .75rem;
    max-width: .75rem;
    width: .75rem;
    height: .75rem;
    min-height: .75rem;
    max-height: .75rem;
    border-radius: 50%;
    transition: box-shadow .2s;
    background-color: #3F3F3F;
}
section h2::after{
}
section h2 > img{
	width: 100%;
}
#topics{
   position: relative;
    max-width: 1150px;
    margin: 0 auto;
}



/*zeusclear*/

.sectionParts{
	display: flex;
	justify-content: center	
}
.sectionParts_item1, .sectionParts_item2, .sectionParts_item3{
	flex-grow: 1;
	flex-shrink: 1;
	width: 100%;
    margin: 0 auto;
    border-left: 1px solid white;
}
section:first-child{
	/*padding: 0 2%;*/	
}
section:first-child h2{
/*
	margin-top: 2%
*/
}
.zeusclear_box{
	/*max-width: 1000px;*/
}
.zeusclear_box img{
}
.topics_description{
	/*max-width: 450px;*/
	/*padding: 0 6% 0 0;*/
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    padding: 1rem;
    background-color: #00000065;
}
.topics_description h3{
font-size: 1.5rem;        
}
.topics_description p{
	font-size: 0.9em;
    margin: 0;
}
/*トピックス*/
.topix_box{
	background-color: #FFF;/*#BAE3F9*/
	
}
.topix_box img{
}
.newsTopix{
	margin: 0 auto;
	max-width: 1000px;
	background-color: #FFF;
	text-align: center;
	width: 100%;
	height: 100%;
	overflow: auto;
}
.newsTopix_iFrame{
	background-color: #FFF;
	text-align: center;
	width: 100%;
	height: 100%;
}
#newsTopix_iFrame{
	border-top: 1px solid #BAE3F9;
	border-bottom: 1px solid #BAE3F9;

	max-width: 1000px;
	margin: 0 auto;

	height: 260px;
	overflow: scroll;
}
.newsTopix table, .newsTopix_iFrame table {
	margin: 0 auto 0;
}
.newsTopix tr, .newsTopix_iFrame tr{
	border-bottom: 1px solid #BAE3F9;
}
.newsTopix tr:last-child, .newsTopix_iFrame tr:last-child{
	border-bottom: 0px solid #999999;
	padding: 30%;
}
.newsTopix td, .newsTopix_iFrame td{
	padding: 15px 15px 15px 20px;
	text-align: left;
}
.newsTopix td:first-child,  .newsTopix_iFrame td:first-child{
	width: 10em;
	padding-top: 10px;
	text-align: center;
}
.newsTopix td:first-child div,  .newsTopix_iFrame td:first-child div{
	margin: 0 auto;
}
.newsTopix td:last-child,  .newsTopix_iFrame td:last-child{
	padding: 15px 15px 15px 5px;
}
.newsTopix td a{
	/*margin-left: -15px;*/
}
.newsTopix_mark_default{
	text-align: center;
	font-size: 0.75em;
	width: 6.5em;
	
	padding: 2px 0 3px;
}
.newsTopix_mark01{
	background-color: #1C396C;
	color: #FFFFFF;
}
.newsTopix_mark02{
	background-color: #2F2F2F;
	color: #FFFFFF;
}
.btn{
	margin: 20px auto 0; 
	text-align: center; 
	background: #F7D400; 
	border-radius: 100vh; 
	max-width: 300px;
	position: relative;
	font-size: 1.0em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    padding: .5rem 1.25rem;
    transition: .2s;
    flex: none;
    text-decoration: none;
    color: #3f3f3f;
}

.btn a{
    display: block;
	text-decoration: none;
	color: #3F3F3F;
	width: 100%;
	height: 100%;
	transition: .1s;
}
.btn::before{
    content: "";
    display: inline-block;
    min-width: .75rem;
    max-width: .75rem;
    width: .75rem;
    height: .75rem;
    min-height: .75rem;
    max-height: .75rem;
    border-radius: 50%;
    transition: box-shadow .2s;
    background-color: #3F3F3F;
}

.btn:hover::before{
        box-shadow: 0 0 0 3px #3f3f3f55;
}
.btn a:hover{
}

/* 会社概要 */
.button_about_company{
    margin: 5% auto 0;
    color: #FFFFFF;
    text-align: center;
    position: relative;
    background-color: #3f3f3f;
    transition: .2s;
    border-radius: 100vw;
    font-size: 1.25em;
    padding: .35em 0 .5em;
    max-width: 320px;
}
.button_about_company a{
    display: block;
    color: white;
    text-decoration-line: none;
}
.button_about_company:hover{
    opacity: .8;
}
.button_about_company > div{
    padding: 5px;
    transition: .2s;
}
.button_about_company:hover > div{
    transform: translateX(2%);
}
.link_arrow{
    display: inline-block;
    font-size: 60%;
    transition: .2s;
    position: relative;
    bottom: 2px;
}
.button_about_company:hover .link_arrow{
    transform: translateX(50%);
}
section .nihonLightingLink{
	text-align: center;
}
section h4{
	display: inline-block;
	text-align: center
}
h4.txt03{
    padding-bottom: .5em;
}
main #sec11 p {
    font-size: .85em;
}
.about_box{
	position: relative;
}
.about_box h2{
}
/*
.about_box h2:hover{
	background-color: rgba(72,203,238,.5);
}
*/
.about_box h2 img:hover{
	opacity: 1.0;
}
.about_box p{
	font-size: 1.2em;
	line-height: 1.5em;
	background-color: #EAF6FD;
	padding: 20px 30px;
	/*max-width: 1000px;*/
	margin: 0 auto;	
}
.about_box .companypic, .equipment_box > div, .sectionParts_item2{
	overflow: hidden;
	/*max-width: 1000px;*/
	margin: 0 auto;
	position: relative;
    border-radius: .5em;
}
.topics_description, .about_box .companypic > div, .equipment_box .text-box{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30rem;
    padding: 1.5rem;
    /*text-align: justify;*/
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    letter-spacing: -0.04em;
}


.about_box .companypic .button_about_company{
}
.about_box .companypic img{
	width: 100%;
}
/* equipment */
section.equipment_box h2{
/*
	background-color: rgba(139,203,238,1.00);
*/
}
/*section.equipment_box h2:hover{
	background-color: rgba(72,203,238,.9);
}*/
section.equipment_box h2 img{
	width: 100%;
	margin: 0 auto;
}section.equipment_box h2 img:hover{
	opacity: 1.0
}
section.equipment_box a{
	text-decoration: none;
	color: #345;
}
@media screen and (max-width: 1120px) {
	/*.about_box .companypic > div{
		font-size: 1.35vw;
	}*/
}
@media screen and (max-width: 768px) {
     .about_box .companypic > div, .equipment_box .text-box, .topics_description{
    width: 100%;
    }
}

@media screen and (max-width: 720px) {
	section{
		padding: 25px auto;
	}
	section:last-of-type{
		margin-bottom: 7%;
	}
	section h2{
		margin-top: 20px;
		margin-bottom: 20px;
		/*font-size: 1.75em;*/
	}
    #topix{
		flex-direction: column;
        margin: 0;
    }
    
	section.topix_box{
		flex-direction: column;
	}
	section.about_box{
		flex-direction: column;
	}
	.about_box h2, .about_box .companypic, .about_box p, .about_box .nihonLightingLink{
		position: relative;
	}
	.about_box{
		height: auto;
	}
	.about_box h2{
		top: 0;
		box-shadow: 0px 0px 0px;
		max-width: auto;
		border-radius: 0;
	}
	.about_box h2:hover{		
	}
	.about_box .companypic{
	}
	.about_box .companypic img{
	}
	.about_box p{
		width: 100%;
		top: auto;
		right: auto;
		text-align: left;
		padding: 20px;
		margin: 0;
		font-size: 1em;
	}
	.about_box .nihonLightingLink{
		padding: 0;
	}
	section.equipment_box{
		/*padding: 20px;*/
	}
	section.equipment_box div{
	}
	
	section.equipment_box h2{
		
	}
	section.equipment_box img{
/*
		margin-bottom: 30px;
*/
	}
}
@media screen and (max-width: 550px) {
	/*section.about_box .nihonLightingLink{
		margin: 10%;
	}*/
	section .nihonLightingLink img{
		width: 80%;
	}
	.about_box{
		margin-top: 0;
	}
    
	#newsTopix_iFrame td:first-of-type{
			padding: 1% 5% 0;
	}
	#newsTopix_iFrame td:last-of-type{
			padding: 0 5% 3%;
	}
	.newsTopix_iFrame{
		padding: 0 5%;
	}
	.newsTopix_iFrame td{
		display: block;
		width: 100%;
		font-size: 0.9em;
	}
	.newsTopix_iFrame td:first-child{
		margin-top: 10px;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.newsTopix_iFrame td:first-child div{
		margin: 0 0 0 5px;
	}
	.newsTopix_iFrame td:last-child{
		text-align: center;
		padding: 0 0 10px 0;
	}
    .about_box .companypic > div, .equipment_box .text-box, .topics_description{
        position: relative; /* 擬似要素の基準位置 /
        height: 300px; / 必要に応じて高さを設定 /
        overflow: hidden; / ブラーによるはみ出しを隠す場合 */
        /*position: static;*/
        width: 100%;
        font-size: 1em;
	}
.zeusclear_box .topics_description::before, .about_box .companypic > div::before, .equipment_box .text-box::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: bottom center;/* / 下揃えにする場合 /*/
background-repeat: no-repeat;
filter: blur(5px); /*/ ぼかしの度合いを調整 /*/
z-index: -1; /*/ コンテンツより下に配置*/ 
}
.zeusclear_box .topics_description::before {
    background-image: url('./images/top/banner_top_silazane50.webp');
}    
.about_box .companypic > div::before {
    background-image: url('./images/top/company_pic_s_new.webp');
}    
.equipment_box .text-box::before{
    background-image: url('./images/top/equipment_banner.webp');
}    
	/*.about_box .companypic .button_about_company{
		font-size: 17px;
		max-width: 300px;
		margin: 1em auto 0;
		padding: 3px 5px 5px 5px;
	}*/
	
	.sectionParts_item1, .sectionParts_item2{
		width: 100%;
	}
	.zeusclear_box{
		margin: 0 auto 2em;
		/*border-bottom: 1px solid #AAA;*/
		flex: 0 0 auto;
		min-height: 0%;
	}
	.zeusclear_box:last-of-type{
		margin: 0 auto 0px;
	}
	.overView_box_aType{
		flex-direction: column;
	}
}






/*include.css*/
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

/*トップに戻るボタン*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 10px;
}
.pagetop a {
    display: block;
    background-color: #D9DAD9;
    text-align: center;
    color: #595F63;
    font-size: 12px;
    text-decoration: none;
    padding: 4px 10px 7px;
	filter:alpha(opacity=50);
    -moz-opacity: .5;
    opacity: 0.5;
	border-radius: 10%;
	/*box-shadow: 2px 2px 5px #23679e;*/
	
	transition: .2s ease-out;
}
#carcoating_footer #footer .pagetop a {
	color: #595F63;
}
.pagetop a:hover {
    /*background-color: #7E8386;
    color: #D9DAD9;*/
    background-color: #D9DAD9;
    color: #595F63;
    padding: 0px 10px 11px;
}

a{
	text-underline-offset: 2px;
	transition: .3s;
} 
html, body{
	height: auto;
	min-height: 100vh;
	margin: 0;
	padding: 0;
}

body{
	/*webfont*/
	font-family: noto-sans-cjk-jp,sans-serif;
	font-weight: 400;
	font-style: normal;

	/*footer最下部で固定*/
	display: flex;
	flex-direction: column;
}



/*　フッター　*/
#footer{
	width: 100%;
	margin-top: auto;
	margin-bottom: 0;
	background-color: #3f3f3f;
	font-size: 1.1em;
	padding-bottom: 15px;
	color: #FFFFFF;
}
#carcoating_footer #footer{
	background-color: #333333;
}
#carcoating_footer #footer a,#carcoating_footer #footer small{
	color: #CCCCCC;
}
#carcoating_footer #footer a:hover{
	color: #FFFFFF;
}
#carcoating_footer #footer h4{
	color: #CCCCCC;
	border-bottom: 1px dashed #888888;
}
#footer h4{
	border-bottom: 1px dashed #cce6f5;
	font-size: 1.2em
}
#footer ul{
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
}
#footer li{
	font-size: 0.95em;

}
#footer a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 15px;
	
	position: relative;
}
#footer a i{
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin-right: 10px;
	width: 15px;
	height: 15px;
	font-weight: bold;
	border-radius: 50%;
	background-color: #FFFFFF;
	transition: .2s ease;
}
#footer a i::after{
	content: "";
	color: #48a5dd;
	position: absolute;
	width: 40%;
	height: 40%;
	border-top: 2px solid #3f3f3f;
	border-right: 2px solid #3f3f3f;
	top: 30%;
	left: 20%;
	transform: scaleY(.7) rotate(45deg);
}

#carcoating_footer #footer a i::after{
	color: #7b7b81;
	border-top: 2px solid #7b7b81;
	border-right: 2px solid #7b7b81;
}

#footer a:hover{
	color: #cce6f5;
}
#footer a:hover > i{
	margin-left: 5px;
	margin-right: 5px;	
	background-color: #cce6f5;
}
#carcoating_footer #footer a:hover > i{
	background-color: #dbdbdd;
}
.siteMap_box{
	margin: 0 auto;
	padding-top: 15px;
	
	display: flex;
	max-width: 980px
}
	.sitemap_box_wrapper{
		padding: 0 50px;
	}

.siteMap{
	line-height: 1.5em;
	flex: 1 1 auto;
	margin-bottom: 0;
	min-height: 0%;
}
.siteMap h4{
	padding-bottom: .5em;
	margin-top: .5em;
	margin-bottom: 0;
	
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 100;
	font-style: normal;
}
.siteMap:nth-of-type(1){
    padding-right: 1em;
}
.siteMap:nth-of-type(2){
	max-width: 230px;
}
.siteMap:nth-of-type(3){
}
.siteMap:nth-of-type(2) ul{
	border-left: 1px dashed #888888;
	padding-left: 30px;
	line-height: 1.75em;
}
#carcoating_footer .siteMap:nth-of-type(2) ul{
	border-left: 1px dashed #888888;
}
.siteMap ul{
    margin-top: 1em;
}
.siteMap:nth-of-type(2) ul li, .siteMap:nth-of-type(3) ul li{
	white-space: nowrap;
}
.siteMap:nth-of-type(3) ul{
	padding-left: 30px;
	line-height: 1.56em;
}
.siteMap .comNameSVG{
	max-width: 250px;
	/*padding-top: 15px;*/
	margin-right: 15%;
	margin-bottom: 0;
	
  min-height: 0%;
}
.siteMap .comName{
	font-size: 15px;
	font-weight: bold;
}
.siteMap .address{/*footerに書かれた住所*/
	margin-top: .5em;
	font-size: 0.8em;
	line-height: 1.25em;
}
.siteMap .address div:nth-of-type(2){/*footerに書かれた住所*/
	font-size: .94em;
    margin-top: .25em;
}
/*a:hover{
	color: #6787B7;
}*/
#footer .copyright{
	text-align: center;
    margin: 1.5em 1em 1em;
}
@media screen and (max-width: 768px) {
	
	.siteMap{
		width: 45%;
	}
    .siteMap ul li span{
        display: inline-block;
    }
    .siteMap.product-lineup{
        width: 20em;
    }
	.siteMap_box{
		flex-direction: column;
	}
	.sitemap_box_wrapper{
		padding: 0 50px;
	}
	.siteMap{
		width: 100%;
	}
	.siteMap:first-child{
		
		color: #fff;
		padding-bottom: 10px;
	}
    
    .topics_description h3{
        font-size: 1.25rem;
    }
}
@media screen and (max-width: 550px) {
	.sitemap_box_wrapper{
		padding: 0 30px;
	}
	.siteMap .comNameSVG{
		margin-right: 0;
	}
	.siteMap:nth-of-type(3) ul{
		padding-left: 0;
	}
	.siteMap ul{
		font-size: 7px;
	}
	.siteMap ul li{
		margin: 12px;
	}
	small{
		font-size: 0.6em;
	}
}
@media screen and (max-width: 400px) {
	
}


	body{
		margin: 0;
		min-height: 100vh; 
	}
	/*ヘッダーメニュー*/
    #header-wrapper{
          /* ラッパーをスティッキーにする */
          position: fixed;
          top: 1em; /* 画面上部に固定 */
        left: 1em;
      width: calc(100% - 2em);
      z-index: 1000; /* 他のコンテンツより手前に表示 */
      /*overflow: hidden; *//* ヘッダーが隠れる時に切り取られるように */
    }

	#header-container{
  background-color: #FFFFFF;
box-shadow: 0 2px 20px #0000000f;
  color: #3F3F3F;
  /*padding: 10px 20px;*/
  /*text-align: center;*/
  width: 100%;
  box-sizing: border-box;
  /* ヘッダーの表示・非表示をアニメーションさせるための準備 */
  transform: translateY(0);
  transition: transform 0.2s ease-in-out;
    border-radius: .5rem;

		position: relative;
		margin: 0 auto;
		font-size: 1.15em;
            height: 5em;
	}
/* ヘッダーが隠れるときに適用するクラス */
#header-container.header-hidden {
  transform: translateY(-155%); /* ヘッダー自身の高さ分だけ上へ移動 */
}
.pointer-no-events{
    pointer-events: none;
}
	#header-container > a > img{
		flex: 1 0 auto;
		width: 230px;
		height: 48.24px;
		margin-top: 15px;
		margin-left: 15px;
		align-self: flex-start;
	}
	.nav_item i {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    font-weight: bold;
    border-radius: 50%;
    background-color: #FFFFFF;
    transition: .2s ease;
}
	.nav_item i::after {
    content: "";
    color: #48a5dd;
    position: absolute;
    width: 40%;
    height: 40%;
    border-bottom: 2px solid #3f3f3f;
    border-right: 2px solid #3f3f3f;
    top: 25%;
    left: 25%;
    transform: scaleX(.7) rotate(45deg);
}
	/*　ナビ部分　*/
	#header_container{
    transition: 0.2s;
    z-index: 401;
    position: relative;
    width: auto;
    max-width: 1100px;
    height: 100px;
    overflow: visible;
    padding: 0px;
	}
	nav{
		width: 100%;
		height: auto;
		position: relative;
		font-size: .95em;
		letter-spacing: 1px;
	}
	nav > a > img{
		width: 25%;
	}
	nav .nav_box{
		position: absolute;
		left: 1em;
		z-index: 300;
		margin: 0;
        font-size: .8em;
		display: flex;
		align-items: center;
	}
	#include_nav_02 .nav_box{
		left: auto;
        right: 180px;
        height: 83px;
	}
	#include_nav .nav_item{
		padding: 0 .75em;
		position: relative;/*dropdown_menu liの軸*/
		height: 83px;
		display: flex;
		align-items: center;
		transition: .2s;
	}
	#include_nav .nav_item:hover::after{
    position: absolute;
    content: "";
    bottom: 1.5rem;
    left: 50%;
    transform: translate(-50%);
    width: .3rem;
    height: .3rem;
    border-radius: 100%;
    background-color: #000000;
    transition: background var(--duration-default);
    z-index: 2;
    pointer-events: none;

    }
    
	nav .nav_item:first-child{
		border: 0px;
	}

	/*nav要素内リスト*/
	.nav_item ul{
		list-style: none;
		display: none;
		width: 161px;
	}
	.nav_item li{
		text-align: left;
		font-size: .9em;
		position: relative;
	}
	.nav_item > a{
/*      display: block;
		text-decoration: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;*/
        
        display: block; /* ★ここが解決策！ */
        padding: 0;
        text-align: center;
        text-decoration: none;
        /*font-size: 1.2em;*/
        line-height: 100px; /* 親要素の高さと同じにすることで垂直中央揃え */
        height: 100px; /* 明示的に高さを設定 */
        width: 100%; /* 親要素の幅いっぱいに広げる */
        color: #3F3F3F;
        
	}
	.nav_item img{
		width: 100%;
	}
	.nav_item:nth-child(1) ul{
		width: 230px;
	}
	.nav_item:nth-child(1) li:nth-child(2){
		position: relative;
		height: 105px;
	}
	.nav_item:nth-child(3) ul{
		width: 307px;
	}
	.nav_item:nth-child(4) ul{
		width: 195px;
	}
	.dropdown_menu{
		position: absolute;
		top: 83px;
		left: -1px;
		padding-left: 0;
		width: 100%;
		background-color: #FFFFFFDD;
		/*opacity: .85;*/
	}
	.dropdown_menu li{
		border-left: 2px solid #8098aa;
		border-top: 1px solid #8098aa;
		transition: .2s;
	}
	.dropdown_menu li:first-of-type{
		border-top: 0px;
	}
	.nav_item:nth-child(4) .dropdown_menu{
		left: 0;
	}
	.left0px{
		left: 0;
	}
	.dropdown_menu a{
		display: block;
		padding: 10px;
		height: 100%;
		text-decoration: none;
		color: #3f3f3f;
        font-size: 1.0rem;
		}
	.dropdown_menu li:hover{
		background-color: #ebf1ff;
	}
	.dropdown_menu a:hover{
		text-decoration: none;
		color: #3f3f3f;
	}
	.dropdown_menu .nihonLightingLink{
		position: absolute;
        top: 65px;
        left: 47%;
        transform: translateX(-50%);
        width: 81.5%;
	}
	.active_BG{
		/*background-color: #264c95;*/	
	}


		/*ハンバーガーメニュー*/
		.hamburger_menu{
			display: none;

			/*background-color: #3f3f3f;*/
			cursor: pointer;
			position: absolute;
			top: 50%;
            transform: translateY(-50%);
			/*right: 150px;*/
			z-index: 501;

			width: 40px;
			height: 40px;
			/*border-radius: 5px;

			border: 1px solid #6787B7;*/
		}
		.hamburger_menu_line{
			height: 3px;
			width: 25px;

			background-color: #3F3F3F;

			transition: 0.2s;
		}
		.line_top{
			position: absolute;
			top: 10px;
			left: 0; right: 0; margin: 0 auto;
		}
		.line_middle{
			position: absolute;
			top: 18px;
			left: 0; right: 0; margin: 0 auto;
		}
		.line_bottom{
			position:absolute;
			top: 26px;
			left: 0; right: 0; margin: 0 auto;
		}
		.hamburger_menu.active > .line_top{
			transform: rotate(45deg);
			top: 18px;
		}
		.hamburger_menu.active > .line_middle{
			opacity: 0.0;
			transition: 0.1s;
		}
		.hamburger_menu.active > .line_bottom{
			transform: rotate(-45deg);
			top: 18px;
		}
		.siteMap{
			width: 18em;
		}
		.siteMap_menu{
			background-color: #FFFFFF;
			width: 100%;
			padding: 0 1em 0 2em;
			/*display: none;*//*fadeIn fadeOut で出したり消したりしてる*/
            transform: translate(-100%);
            opacity: 0;
            /*visibility: hidden;*/
            transition: .3s;
		}
			.siteMap_menu_active{/*toggleで追加できるようにしてる*/
            transform: translate(0);
            opacity: 1;
            /*visibility: visible;*/
		}
			.siteMap_sideMenu_wrapper{
				position: relative;
				margin-top: 0;
                padding-top: 3.5rem;
			}
			.siteMap_sideMenu_wrapper::before{
				position: absolute;
				top: 28px;
				left: 0;
				content: '　';
				width: 1px;
				height: 88.5%;
				/*border-left: 1px solid #6787b7;*/
			}
		.siteMap_menu h4{
			font-size: 1.25em;
            font-weight: normal;
			color: #305CA0;
			padding-bottom: 10px;
			margin-bottom: -10px;
			margin-top: 10px;
			margin-left: 10px;
			line-height: 1;
		}
		.siteMap_menu h4:last-child{
			margin-bottom: 10px;
		}
		.siteMap_menu ul{
			list-style: none;
			padding-left: 0;
			padding-bottom: 0;
			color: #FFF;
            margin: 0;
		}
		.siteMap_menu li{
			position: relative;
			font-size: 1.05em;
			margin: 0 0 .5em 0;
			line-height: 1.3em;
			padding: 0;
		}
		/*.siteMap_menu li::before{
			position:absolute;
			top: 50%;
			left: -10px;
			content: "　";
			width: 15px;
			height: 1px;
			border-top: 1px solid #6787b7;
			}*/
		.siteMap_menu li:hover, .toToppage:hover{
            background-color: #F0F0F0;
            transition: .1s;
            }
		.siteMap_menu a{
			color: #3F3F3F;
			text-decoration: none;
			/*position: absolute;*/
			display: block;
            width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}
        .siteMap_menu ul li div{
            padding: .5em 1em .5em .5em;
}
	/*google翻訳ドロップダウンリスト*/
    #google_translate_element1{
        position: absolute;
        right: 30px;
        top: 30px;
    }
/*トップページ*/
.sectionParts_item1 a, .sectionParts_item2 a {
    /*display: block;*/
    position: relative;
    /*padding-bottom: 61.74%;*/ /* 画像の高さの比率 */
    /*width: 100%;*/ /* 親要素の幅に合わせて100%に */
    overflow: hidden; /* はみ出した部分を隠す */
}

.sectionParts_item1 a img, .sectionParts_item2 a img {
    /*position: absolute;
    top: 0;
    left: 0;*/
    width: 100%;
    height: 100%;
    object-fit: cover; /* 画像がアスペクト比を維持しつつ、要素全体を覆うように調整 */
}
/*トップページ*/

/*元900px*/
		@media screen and (max-width: 980px) {
			nav{
				display: none;
			}
			.hamburger_menu{
				display: block;
                left: 10px;
			}
     #google_translate_element1{
        position: absolute;
        right: 30px;
        top: 30px;
    }

		}
		@media screen and (max-width: 768px) {
            
        /*#header-wrapper{
                top: 3em;
            }    
        #google_translate_element1{
            position: absolute;
            right: 0;
            top: -35px;
        }*/
            #google_translate_element1{
            position: absolute;
            right: 5px;
            top: 5px;
            transform: scale(.9);
            transform-origin: top right;
            }
            
/* Google翻訳ウィジェットのコンパクト化 */

/* 親要素のIDを指定して、スタイルが確実に適用されるようにします */
#google_translate_element1 .goog-te-gadget-simple {
  padding: 2px !important; /* 内側の余白を詰める */
  background-color: #fff !important; /* 背景色を白に統一 */
}

/* 「言語を選択」のテキスト部分を非表示にする */
#google_translate_element1 .goog-te-gadget-simple a span:nth-of-type(1) {
  display: none !important;
}

/* テキストと矢印の間の区切り線を非表示にする */
#google_translate_element1 .goog-te-gadget-simple a span:nth-of-type(2) {
  display: none !important;
}

/* Googleのアイコンと矢印の間隔を調整 */
#google_translate_element1 .goog-te-gadget-icon {
  background-position: -65px 0px !important; /* アイコンの位置を固定 */
  margin-right: -10px !important; /* 右側の余白を調整 */
}

/* リンク部分のスタイル調整 */
#google_translate_element1 .goog-te-gadget-simple a {
  font-size: 11px; /* 矢印の大きさを微調整 */
}
            
}
		@media screen and (max-width: 550px) {
        .siteMap{
			width: 13em;
		}
		}

/*google翻訳デザイン修正*/
        /*.VIpgJd-ZVi9od-l4eHX-hSRGPd img{
            width: auto;
            height: auto;
        }*/
        /*#google_translate_element{
            position: absolute;
            top: 0;
            right: 0;
            text-align: right;
            z-index: 999;
        }*/
        .skiptranslate{
            height: 0;
        }
        body{
            top: 0!important;
        }
        .VIpgJd-ZVi9od-xl07Ob-lTBxed img{
            width: 0;
        }
        #include_nav .nav_box #nav_05{
            position: relative;
            bottom: 13px;
        }
        #include_nav .nav_box #nav_05 .goog-te-gadget-icon{
            width: auto;
        }
/*google翻訳デザイン修正*/

/*include.css　end*/


/*sanitize start*/

/* Document
 * ========================================================================== */

/**
 * Add border box sizing in all browsers (opinionated).
 */

*,
::before,
::after {
  box-sizing: border-box;
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */

::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */

html {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent /* 4 */;
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
	
	font-size: 0.9em;/*編集してます問題があれば削除してください*/
}

/* Sections
 * ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */

/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge 18- and IE.
 */

hr {
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * Add the correct display in IE.
 */

main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;

}

/* Embedded content
 * ========================================================================== */

/*
 * Change the alignment on media elements in all browsers (opinionated).
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */

iframe {
  border-style: none;
}

/**
 * Remove the border on images within links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

svg:not([fill]) {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */

/**
 * Collapse border spacing in all browsers (opinionated).
 */

table {
  border-collapse: collapse;
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin on controls in Safari.
 */

button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */

button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */

fieldset {
  border: 1px solid #a0a0a0; /* 1 */
  padding: 0.35em 0.75em 0.625em; /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */

input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */

legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */

select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */

textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
  resize: vertical; /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */

:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct display in Edge 18- and IE.
 */

details {
  display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */

dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* User interaction
 * ========================================================================== */

/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 */

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation; /* 1 */
  touch-action: manipulation; /* 2 */
}

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/* Accessibility
 * ========================================================================== */

/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */

[aria-busy="true"] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */

[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */

[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */

[aria-hidden="false"][hidden] {
  display: initial;
}

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
/*sanitize end*/


/*slick.css start*/

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*slick.css end*/


/*slick.theme start*/
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/*slick-theme end*/


/*top以外でよく使うcss start*/

/* CSS Document */
/*topページ・base以外のデザイン*/
/*2種類あり*/
/*Aパターン　画像・文字入りタイル状*/
/*panel_*/

/*Bパターン　文字のみリスト*/
/*char_*/


nav > a > img{/*日本コーティングTOPへのリンク画像　zeusclearバナーのために退避中　次第調整*/
	position: absolute;
	bottom: -50px;
	right: 0;
	width: 30%;
}
body{
	color: #3F3F3F;
}

main{
	background:linear-gradient(rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.0));
	max-width: 1500px;
	margin: 0 auto;
}
main#kobetsu{
}
.breadCrumb{
	margin: 20px 20px;
}
.catch{
	position: relative;
}
.catchTitle{
	font-size: 3em;
	position: absolute;
	left: 40px;
	top: 40px;
	padding: 0 20px 7px;
	font-weight:normal;
	color: #66BCE2;
	background-color:rgba(255,255,255,.750);
}

main .char_minititle{
	margin: 0 20px 20px;
}
/*Aパターン*/
.panel_miniTitle{
	
}
.panel_miniTitle h2{
	
}

/*Bパターン*/
.char_minititle{
	/*border-bottom: 2px solid #516475;*/
	border-left: 0 solid #516475;
	padding-left: 10px;
	margin-bottom: 10px;
}
.char_minititle h2{
	margin-top: 50px;
	margin-bottom: 0px;
}
.char_minititle h3{
	margin-top: 0;
	padding-bottom: 5px;
}
.char_minititle p{
	margin-top: -5px;
}
.item_box{
	display: flex;
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #999;
}
.item_box:last-of-type{
	border-bottom: none;
	padding-bottom: 5%;
}
.char_nameItem{
	text-align: right;
	flex: 3 3 35%;
}
.char_contentsItem{
	padding-left: 0.25em;
	text-align: left;
	flex: 7 7 65%;
}
.char_contentsItem a{
	color: #1D1F5C;
}
.char_contentsItem_list{
	padding: 0.75em 1em;
}
.char_contentsItem_list:nth-child(odd){
	background-color: #EEE;
}
.char_contentsItem_list:nth-child(even){
	background-color: #FFF;
}
.map_box{
	display: -webkit- flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;/*折り返し　これでwidthが効いた*/
	
	width: 100%;
}
.map_item{
	flex: 1 1 45%;
	/*padding-top:1em;*/
	padding-left: 1em;
}
.map_item:first-child{
/*
	border-right: 1px solid #555555;
*/
/*
	border-bottom: 1px solid #555555;
*/
}
/*
.map_item:nth-child(2){
	border-bottom: 1px solid #555555;
}
*/
/*
.map_item:last-child{
	border-left: 1px solid #555555;	
}
*/

main ol{
	padding-right: 5%;;
	padding-left: 2em;
}

/*プライバシー用*/
body > div.container_ > div#container > main#kobetsu > ol#privacy{
	list-style-type: none;
}

main > ol > li{
	padding-bottom: 1em;
}
main > ol ol {
	list-style-type: none;
}
/*お問い合わせ用*/
.toiawaseKakunin{
	margin-left: 20px;
}

.ask_box{
	margin-top: 20px;
	/*border-top: 1px solid #000;*/
	display: flex;
/*
	border-bottom: 1px solid #000;
*/
}
.ask{
	margin: 5px auto 5px;
	padding: 0 20px 0;
	flex: 0 0 30%;
	flex-wrap: wrap;
	text-align: center;

/*
	border-left: 3px solid #000;
*/
}
.ask h4:first-child{
	background-color: #D8EAF6;
	/*padding-left: 7px;*/
	font-weight: normal;
}
.ask h2{
	margin-top: -10px;
}
.ask h4:last-child{
	margin-top: -20px;
	font-weight: normal;
}
.ask a{
	color: #777;
    font-size: 1.2em;
}

.imageAside_box_flex{
	background-color: #000;
	color: #FFF;
	padding: 5%;
	box-shadow: 10px 10px 10px -5px #DDD ;
	border-radius: 5px;
	
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.imageAside_box{
	width: 50%;
	/*display: flex;*/
	flex: 1 1 auto;
	/*margin-bottom: 5%;*/
	padding: 2%;
	
}
.imageAside_box:last-child{
	margin-bottom: 0;
}
.imageAside_image{
}
.imageAside_aside{
	margin-left: 2%;
}
.imageAside_aside h4{
	font-size: 1.3em;
	border-left: 5px solid #FFF;
	padding-left: 5px;
	margin-top: 0;
}
.image_only_flex{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.image_only{
	margin-bottom: 4%;
	margin-right:2%;
}
.image_only:last-child{
	margin-right: 0;
}
.image_only h4{
	text-align: center;
	margin-top: 0;
}
.image_only h4 div{
		font-size: 1.3em;
		background-color:  #EEE;
	}


.led_image_box{

}
.led_image{
	width: auto;
	margin-bottom: 5px;
}
.led_image img{
	width: 100%;
}
	.imageAside_image{
		flex:  1 1 50%;
	}
	.imageAside_image{
		width: 100%;
	}
	.imageAside_image img{
		width: 100%;
	}
	.imageAside_aside{
		flex:  1 1 50%;
	}
#kobetsu ol li h4{
	background-color: #DDD;
	padding-left: 0.5em
}

@media screen and (max-width: 1000px) {
/* 1000px以下用の記述 */
	.ask_box{
	}
	.ask{
		flex: 0 0 30%;
		word-break: break-all;
	}
	.char_minititle{
		margin-left: 12px;
	}

}

@media screen and (max-width: 912px) {
/* 767px以下用（タブレット／スマートフォン用）の記述 　抗菌抗ウイルスバナーが消えたら767に戻す*/
/*	nav img{
		display: none;
	}*/
	.map_item{
	flex: 1 1 auto;
	}
    .map_item:not(:first-of-type){
        padding-top: 1em;
    }
	.map_item:first-child{
		border-right: 0px;
		border-bottom: 0px;
	}
	.map_item:nth-child(2){
		border-bottom: 0px;
	}
	.map_item:last-child{
		border-left: 0px;
	}
	.char_nameItem{
	flex: 1 1 30%;
	}
	.char_contentsItem{
		flex: 4 4 70%;
	}
	.ask{
		flex: 1 1 50%;
	}

}
@media screen and (max-width: 767px) {
	.catchTitle{
	font-size: 2em;
	left: 20px;
	top: 0px;
	padding: 0 10px 3px;
}

	
	.map_box{
		flex-direction: column;
	}
	.map_item{
		border-top: 0px solid #000;
	}
	.map_item:first-child{
		border-top: 0px solid #000;
	}
	
	.char_contentsItem{
		flex-direction: column;
	}
	.char_contentsItem div{
		flex: 1 1 auto;
	}
	
	.ask_box{
		flex-direction: column;
		align-items: flex-start;
	}
	.ask{
		width: 100%;
		border-left: 0px;
		border-bottom: 1px dotted #000;
		margin: 0;
		flex: 1 1 auto;
	}
	.ask:last-child{
		border-bottom: 0px solid #000;
	}
}
@media screen and (max-width: 550px) {
	.catchTitle{
		font-size: 1.5em;
		left: 20px;
		top: 0px;
		padding: 0 10px 3px;
	}

	.imageAside_box{
	/*display: flex;*/
		width: 100%;
	flex: 1 1 auto;
	}
	.imageAside_box{
		flex-direction: column;
	}
	.imageAside_image{
		flex: 1 1 auto;
	}
	.imageAside_aside{
		flex: 1 1 auto; 
	}
	.imageAside_image{
		text-align: center;
		background: rgba(0,0,0,1.00);
	}
	.imageAside_aside h4{
		margin-top: 20px;
	}

}

/*top以外でよく使うcss end*/

/*設備紹介で使用するCSS start*/
/* CSS Document */
main h4{
	border-bottom: 1px solid #777;
	margin-bottom: 4px;
}
main h4:first-letter{
	/*color: #5F7484;*/
}
main p{
	font-size: 1.0em;
}
main img{
		width: 100%;
}
.plant_box{
	display: flex;
	width: 100%;
	padding: 4%;
	margin-bottom: 5%;
	
	background: #DDD;
	
	justify-content: start;
}
.plant_1_main{
	flex: 1 1 50%;
}
.plant_1_sub{
	width: 100%;
	flex: 1 1 50%;
	display: flex;/*フレックスの中にフレックス*/
	flex-wrap: wrap;/*改行させる*/
	justify-content: space-between;
}
.plant_1_main p{
	padding: 2%;

}
.plant_1_subItem_L{
	flex: 1 1 100%;
	padding: 2%;
}
.plant_1_subItem_S{
	flex: 0 0 32%;
	-ms-flex: 0 3 28%;
	padding: 2%;
	margin-bottom: 2%;
}
.plant_box > div{
	margin-right: 1.25%;
}
.plant_box > div:nth-child(3n){
	margin-right: 0;
}
.plant_box:last-child{
	flex-wrap: wrap;
}
.plant_2_item{
	flex: 0 0 32.5%;
	-ms-flex: 0 0 28.5%;
	margin-bottom: 1.5%;
	padding: 2%;
}
.plant_2_item:last-child{
	display: none;
}
.plant_2_item div:last-child{
	margin-left: 5%;
}
.plant_2_item_1_part{
	flex: 0 0 66.6%;
	-ms-flex: 0 0 62.3%;
	margin-bottom: 0;
	
	display: flex
}

.plant_2_item_1_part div:first-child{
	flex: 0 0 45%;
}
.plant_2_item_1_part div:last-child{
	margin-left: 5%;
}

.plant_2_item p{
	
}
.plant_box_decoration{
	border-radius: 5px;
/*	box-shadow: 5px 5px 10px #AAA inset;*/
	background-color: rgba(255,255,255,0.75);
}
.machinelist{
	padding-top: 0;
	padding: 75px;
}
@media screen and (max-width: 900px) {
.machinelist{
	padding: 30px;
}
}

@media screen and (max-width: 550px) {
	.plant_box{
		flex-direction: column;
	}
	.plant_box > div{
		max-width: 100%;
	}
	.plant_1_sub{
		flex-direction: column;
	}
	.plant_1_main{
		margin-bottom: 8px;
		flex: 0 0 auto;
		margin-right: 1.5%;
	}
	.plant_1_sub{
		flex: 3 1 auto;
	}
	.plant_2_item{
		flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		
		display: flex;
	}
	.plant_2_item div{
		flex: 0 0 45%;
	}
	/*.plant_2_item div:last-child{
		margin-top: -5%;
	}*/
	.plant_2_item:first-child{
		/*padding-bottom: 12%;*/
	}
	.plant_1_subItem_L{
		flex: 1 1 auto;
	}
	.plant_1_subItem_S{
		flex: 0 3 auto;
		-ms-flex: 0 3 auto;
	}
	.plant_2_item:last-child{
		flex: 1 1 auto;
	}
	.plant_2_item:last-child div{
		flex: 0 0 45%;
	}
	.plant_box > div:nth-child(3n){
	margin-right: 1.25%;
	}

}
@media screen and (max-width: 414px) {
	.plant_2_item{
		flex-direction: column;
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: auto;
		/*min-height: 0%;*/
	}
/*
		.plant_2_item:nth-child(4){
			height: 150%;
	}
*/
		.plant_2_item_toBug{
			padding-bottom: 15%;
	}
	.plant_2_item div{
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: auto;

		min-height: 0%;
	}
	.plant_2_item:last-child div{
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: auto;

	}
	.plant_2_item:last-child div:last-child{
		/*margin-top: 35%;*/
	}
	.plant_2_item_1_part div:first-child{
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: auto;
	}
}

/*設備紹介で使用するCSS end*/

/*トピックス表示 start*/
#content.site-content{
    padding: 1em;
}
 .topics-list{
    width: 90%;
    max-width: 600px;
    padding: 0;
    margin: 0 auto;
}
.topic-item{
    display: flex;
    align-items: center;
    padding: 1em 0 1em 0;
    border-bottom: 1px solid #BAE3F9;
}
.topic-item:last-of-type{
    border-bottom: none;
}
.topic-item > div{
    flex-grow: 1;
}
.topic-item > div:first-of-type{
    flex-basis: 20%;
    margin-bottom: 8px;
}
.topic-item > div:last-of-type{
    flex-basis: 80%;
    margin-bottom: 5px;
}
.topic-date{
    display: block;
}
.topic-title{

}
/* カテゴリーごとのラベル色設定 */

/* 例：スラッグが「news」の場合 */
.topic-label.news {
    background-color: #00408B; /* お知らせの色 (青系) */
}

/* 例：スラッグが「product-information」の場合 */
.topic-label.product-information {
    background-color: #2F2F2F;
}

/* 例：スラッグが「media」の場合 */
.topic-label.media {
    background-color: #007B49; /* メディアの色 (緑系) */
}

/* ラベルの基本スタイル（共通部分） */
.topic-label {
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    padding: 3px 12px 5px;
    /*margin-right: 24px;*/
    border-radius: 4px;
    white-space: nowrap;
    text-decoration-line: none;
}
/*トピックス表示 end*/
/*トピックス投稿内容 start*/
.entry-header{
    background-color: transparent;
    margin-bottom: 1.0em;
}
/*トピックス投稿内容 end*/
/*トピックス一覧 start*/
.pagination { /* paginate_links()が出力するul要素のクラス */
    text-align: center;
    margin-top: 30px;
}

.pagination ul {
    list-style: none;
    padding: 0;
    display: inline-block; /* ページネーション全体を中央寄せにするため */
}

.pagination li {
    display: inline-block;
    margin: 0 5px;
}

.pagination a,
.pagination span.current {
    display: block;
    padding: 8px 12px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #333;
    border-radius: 4px;
}

.pagination a:hover {
    background-color: #eee;
}

.pagination span.current {
    background-color: rgba(0, 56, 136, 1); /* 現在のページの背景色 */
    color: #fff;
    border-color: rgba(0, 56, 136, 1);
}
@media(max-width:768px){
    .topic-item > div:first-of-type{
    flex-basis: 20%;
}
.topic-item > div:last-of-type{
    flex-basis: 80%;
}
}
@media(max-width:550px){
    .topic-item > div:first-of-type{
    flex-basis: 30%;
}
.topic-item > div:last-of-type{
    flex-basis: 70%;
}
}
/*トピックス一覧 end*/

/*投稿全般 start*/
.entry-header{
    margin-top: 45px;
}
.entry-footer{
    margin-bottom: 50px;
}
.entry-title, .entry-meta{
    max-width: 640px;
    margin: 0 auto;
}
.entry-title{
    font-size: 1.5em;
}
.entry-meta{
    margin-top: 1em;
}
.entry-content{
    max-width: 640px;
    padding: 0;
    margin: 0 auto;
}
/*投稿全般 end*/

/*トップ「SDGs」*/
#sdgs{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 3em 1em;
    margin: 4em auto;
}
#sdgs > div{
    margin: 3em 0;
}
#sdgs .txt01, #sdgs .txt02{
    text-align: center;
    font-size: 1.25em;
}
#sdgs .txt01 > span:first-of-type{
    font-size: 1.8em;
    margin-bottom: 2em;
    font-weight: bold;
}
#sdgs .pictgram{
    width: 75%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
#sdgs .pictgram .pictgram-item{
    flex-basis: 23.5%;
}
#sdgs .logo img{
    width: 100%;
}
@media screen and (max-width: 768px){
    #sdgs .txt01, #sdgs .txt02{
        font-size: 1.0em;
    }
}
@media screen and (max-width: 550px){
    #sdgs .txt01, #sdgs .txt02{
        font-size: .85em;
    }
    #sdgs .pictgram{
        flex-wrap: wrap;
        gap: 1em;
    }
    #sdgs .pictgram .pictgram-item{
        flex-basis: calc(50% - .5em);
    }
}
/*トップ「SDGs」END*/