/* --------------------------------------------------------------------------------------------- */

/* site.css */
.inline{
    display: inline;
}

.inner_box .pic{
    width: 240px!important;
}

.news_center {
  justify-content: center;
  align-items: center;
}
.abundant_living .wrapper img.pic01{
    width: 20%!important;
}
.table-scroll{
  overflow: auto;
}

.table-scroll::-webkit-scrollbar{
  height:　5px;
}
.table-scroll::-webkit-scrollbar-track{
 background: #333;
}
.table-scroll::-webkit-scrollbar-thumb {
 background: #999;
}

@media screen\0  {
	.inner .link_items .width9 {
	width:208px!important;
	}
}
@supports (-ms-ime-align: auto) and (not (-webkit-text-stroke: initial)) {
	.inner .link_items .width9 {
	width:208px!important;
	}
}


@media screen\0 {
	.inner .link_items .width10 {
	width:226px!important;
	}
}
@supports (-ms-ime-align: auto) and (not (-webkit-text-stroke: initial)) {
	.inner .link_items .width10 {
	width:226px!important;
	}
}





@media screen and (min-width:1001px) {
/*pc用のcssを記述*/
.buttons .width_new_technology {
	width:175px!important;
	}
}
@media only screen and (min-width:376px) and (max-width:1000px) {
/*tablet用のcssを記述*/
.buttons .width_new_technology {
	width:45%!important;
	}
}
@media screen and (max-width:375px) {
/*スマホ用のcssを記述*/
.buttons .width_new_technology {
	width:47%!important;
	}
}
.buttons .width_new_technology .width_full {
	width:100%!important;
	}


.has_bg_blue .wrapper .white_box_inquiry {
	background-color:#ffffff;
	}

  .has_bg_blue table.horizontal th,
  .has_bg_blue table.multiple th {
    background: #cedfeb;
  }

div.inner h2.h3_style {
	z-index:95;
	}


.news_item a {
    text-overflow: clip;
    white-space: normal;
}

.field_error {
    color: #ff0000;
}


/* h2がsmallの時のラインの色 */
#kv.small.has_border .wrapper:after {
  background-color: #ffffff!important;
}


/* 女子探偵テキストサイズ */
#detective_result .wrapper .box ul li {
	font-size: calc(18 / 16 * 1rem)!important;
}

/* table スクロールバー */
@media screen and (max-width:1000px) {
	.jsTableSwiper {
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	.jsTSwiperBoxInner {
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		z-index: 1;
		width: 100%;
	}
	.jsTSwiperWrapper {
		-webkit-transition-timing-function: ease-out;
		-moz-transition-timing-function: ease-out;
		-ms-transition-timing-function: ease-out;
		-o-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		margin: 0 auto;
		position: relative;
	}
	.jsTSwiperSlide {
		padding-top: 10px;
	}
	.swiper-scrollbar {
		border-radius: 10px;
		-ms-touch-action: none;
		background: rgba(0, 0, 0, 0.1);
		position: absolute;
		top: 0;
		left: 0;
		height: 4px;
		width: 100%;
		z-index: 1;
	}
	.swiper-scrollbar-drag {
		height: 100%;
		width: 100%;
		position: relative;
		background: #023894;
		border-radius: 10px;
	}
	.swiper-scrollbar-cursor-drag {
		cursor: move;
	}
	.table_wrapper {
		overflow: inherit !important;
	}
}
@media screen and (min-width:641px) and (max-width:961px) {
	.table_result.jsTableSwiper {
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	.table_result .jsTSwiperBoxInner {
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		z-index: 1;
		width: 100%;
	}
	.table_result .jsTSwiperWrapper {
		-webkit-transition-timing-function: ease-out;
		-moz-transition-timing-function: ease-out;
		-ms-transition-timing-function: ease-out;
		-o-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		margin: 0 auto;
		position: relative;
	}
	.table_result .jsTSwiperSlide {
		padding-top: 10px;
	}
	.table_result .swiper-scrollbar {
		border-radius: 10px;
		-ms-touch-action: none;
		background: rgba(0, 0, 0, 0.1);
		position: absolute;
		top: 0;
		left: 0;
		height: 4px;
		width: 100%;
		z-index: 1;
	}
	.table_result .swiper-scrollbar-drag {
		height: 100%;
		width: 100%;
		position: relative;
		background: #023894;
		border-radius: 10px;
	}
	.table_result .swiper-scrollbar-cursor-drag {
		cursor: move;
	}
	.table_result .table_wrapper {
		overflow: inherit !important;
	}
}
@media screen and (max-width: 540px) {
	.table_result .table_result.jsTableSwiper {
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	.table_result .jsTSwiperBoxInner {
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		z-index: 1;
		width: 100%;
	}
	.table_result .jsTSwiperWrapper {
		-webkit-transition-timing-function: ease-out;
		-moz-transition-timing-function: ease-out;
		-ms-transition-timing-function: ease-out;
		-o-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		margin: 0 auto;
		position: relative;
	}
	.table_result .jsTSwiperSlide {
		padding-top: 10px;
	}
	.table_result .swiper-scrollbar {
		border-radius: 10px;
		-ms-touch-action: none;
		background: rgba(0, 0, 0, 0.1);
		position: absolute;
		top: 0;
		left: 0;
		height: 4px;
		width: 100%;
		z-index: 1;
	}
	.table_result .swiper-scrollbar-drag {
		height: 100%;
		width: 100%;
		position: relative;
		background: #023894;
		border-radius: 10px;
	}
	.table_result .swiper-scrollbar-cursor-drag {
		cursor: move;
	}
	.table_result .table_wrapper {
		overflow: inherit !important;
	}
}
@media screen and (max-width: 640px) {
.csr-environment-data .horizontal td,
.csr-esg-data .horizontal td{
	padding: 5px;
	font-size: 12px;
}
}

.tab_item.show{
	display: block!important;
	opacity: 1;
}

.tab_item{
	display: block;
	opacity: 0;
}


/* 女子探偵最後の写真の大きさ調整 */
@media screen and (max-width: 640px) {
	#detective_result .summary .wrapper .girl{
		width: 100%!important;
		left: 0!important;
	}
	#detective_result .summary .wrapper .girl img{
		width: 100%!important;
	}
}

/* 事業?製品　活動事例トップKV位置調整 */
@media screen and (max-width: 640px) {
	.kv_position {
		background-position: -150px 0!important;
	}
}

/* トップ　イビデンのつくる豊かな暮らし　アイコン位置調整 */
@media screen and (max-width: 640px) {
	.abundant_living .wrapper img.pic01{
		bottom: 9%;
	}
	.abundant_living .wrapper img.pic02{
		bottom: 16%;
		left: 30%;
	}
	.abundant_living .wrapper img.pic03{
		bottom: 13%;
	}
}

/* ページトップへ */
.siteinfo {
	position: relative;
}
.page_top_wrapper {
	position: fixed;
	bottom: 0px;
	width: 86px;
  right: 0;
	z-index: 10;
	transition: .3s;
}
.page_top_wrapper .wrapper {
	position: relative;
}
#page_top {
	position: absolute;
	right: 20px;
  bottom: 20px;
}
 #page_top img {
	 width: 65px;
	 border: 1px solid #fff;
	 box-sizing: border-box;
}
.page_top_wrapper.stop {
	position: absolute;
	top: 0;
	transition: .3s;
}
.page_top_wrapper.stop #page_top {
  bottom: 53px;
}
@media screen and (max-width: 1000px) {
  .page_top_wrapper.stop #page_top {
    bottom: 90px;
  }
}


@media screen and (max-width: 640px) {
  .page_top_wrapper.stop #page_top {
    bottom: 50px;
  }
	.page_top_wrapper.stop {
		position: fixed;
		top: auto;
		bottom: -46px;
	}

	.page_top_wrapper img {
		width: 40px!important;
	}
}


/* 企業情報カラム */
.unit .cols .col2.company_profile_box {
  width: 360px;
}
@media screen and (max-width: 640px) {
  .unit .cols .col2.company_profile_box {
    width: 100%;
  }
}

/* イビデンのつくる豊かな暮らし */

#living_map .pins#living_pins_home li:nth-child(2) {
  bottom: calc((1000 - (116 + 340)) / 1000 * 100%);
  left: calc(850 / 2100 * 100%);
}
#living_map .pins#living_pins_home li:nth-child(3) {
  bottom: calc((1000 - (116 + 110)) / 1000 * 100%);
  left: calc(1080 / 2100 * 100%);
}
#living_map .pins#living_pins_home li:nth-child(4) {
  bottom: calc((1000 - (116 + 270)) / 1000 * 100%);
  left: calc(1410 / 2100 * 100%);
}
#living_map .pins#living_pins_home li:nth-child(5) {
  bottom: calc((1000 - (116 + 320)) / 1000 * 100%);
  left: calc(1560 / 2100 * 100%);
}

#living_map .pins#living_pins_city li:nth-child(10){
  bottom: calc((1000 - (230 + 649)) / 1000 * 100%);
	left: calc(1160 / 2110 * 100%);
}
#living_map .pins#living_pins_city li:nth-child(11){
  bottom: calc((1000 - (116 + 360)) / 1000 * 100%);
  left: calc(1240 / 2100 * 100%);
}
#living_map .pins#living_pins_city li:nth-child(12){
  bottom: calc((1000 - (116 + 649)) / 1000 * 100%);
  left: calc(1338 / 2100 * 100%);
}
#living_map .pins#living_pins_city li:nth-child(13){
  bottom: calc((1000 - (116 + 398)) / 1000 * 100%);
  left: calc(1478 / 2100 * 100%);
}
#living_map .pins#living_pins_city li:nth-child(14){
  bottom: calc((1000 - (116 + 66)) / 1000 * 100%);
  left: calc(1561 / 2100 * 100%);
}
#living_map .pins#living_pins_city li:nth-child(15){
  bottom: calc((1000 - (116 + 424)) / 1000 * 100%);
  left: calc(1806 / 2100 * 100%);
  width: 50px;
}
@media screen and (max-width: 640px) {
	#living_map .pins#living_pins_city li:nth-child(15){
		width: 35px;
	}
}

#living_map .pins#living_pins_city li:nth-child(16) {
  width: 80px;
}
#living_map .pins#living_pins_city li:nth-child(16) {
    bottom: calc((1000 - (116 + 372)) / 1000 * 100%);
    left: calc(970 / 2100 * 100%);
}

/* 株主トップ */
.ir .whole_unit .col.has_whole_pic.has_slide_bg .img-switch{
  background-image: url(/images/ir/pic_message.jpg);
}
@media screen and (max-width: 640px){
  .ir .whole_unit .col.has_whole_pic.has_slide_bg .img-switch{
    background-image: url(/images/ir/pic_message_sp.jpg);
  }
	.whole_unit .col.has_whole_pic.has_slide_bg .pic_target{
		background-position: center bottom;
	}
	.whole_unit .col.has_whole_pic .inner{
		background-color: rgba(255, 255, 255, 0);
	}
}
@media screen and (max-width: 640px) {
	.ir .whole_unit .col.has_whole_pic.has_slide_bg .pic_target{
    position: relative;
		height: 166px;
    background-repeat: no-repeat;
	}
	.ir .whole_unit .col.has_whole_pic.has_slide_bg .inner{
		padding: 0 15px 30px 15px;
	}
}

/* 高温断熱ウール　CTA */
/*バナー*/
.ma_bnr {
	position: relative;
}
.ma_bnr .text {
	position: absolute;
	bottom: 10%;
	left: 5%;
}
@media screen and (max-width: 1000px) {
  .ma_bnr .text {
  	bottom: 6%;
  	left: 4%;
  }
}

.ma_bnr .text .icon {
	position: static;
}
.ma_bnr .text a {
  display: block;
	background-color: #05314c;
	padding: 20px 60px 20px 20px;
	font-size: 18px;
	color: #fff;
	letter-spacing: .2px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .ma_bnr .text a {
  	font-size: 1.5vw;
    padding: 15px 50px 15px 15px;
  }
}
@media screen and (max-width: 640px) {
  .ma_bnr .text a {
  	font-size: 1.5vw;
    padding: 5px 40px 5px 10px;
  }
}

.ma_bnr .text .icon:after {
  position: absolute;
  top: 50%;
  margin-top: -4px;
	right: 20px;
  left: inherit;
	transition-property:all;
	transition-duration: 0.3s;
	transition-delay: 0s;
	transition-timing-function: ease;
}
@media screen and (max-width: 640px) {
  .ma_bnr .text .icon:after {
    margin-top: -3px;
    width: 4px;
    height: 6px;
    right: 10px;
  }
}


.ma_bnr .text .icon:hover:after{
	transform:translateX(5px);
}


/*お問い合わせ*/
.contact-bnr .cols {
	border: 1px solid #ccc;
	padding: 3%;
}
.contact-bnr .cols .col.image{
	margin-bottom: 0;
}
@media screen and (min-width: 641px) {
	.contact-bnr .cols .col {
		margin-bottom: 0;
	}

  .contact-bnr .cols {
    align-items: center;
  }

	.contact-bnr .cols .col.image,
  .contact-bnr .cols .col.text {
		width: 48%;
	}
}

/* 目的別ガイド */
/* ボタン */
#nav_global .misc ul li.inquiry.guide a{
	background-color: #3c92cf;
	border: 1px solid #3c92cf;
}
#nav_global .misc ul li.inquiry.guide a:hover{
	background-color: #FFF;
	color: #3c92cf;
}

.inquiry .btn_nav_misc_parent.click{
	background-color: #3c92cf!important;
	border: 1px solid #3c92cf;
	color: #3c92cf!important;
}
.inquiry .click:before{
	content: "";
	width: 20px;
	height: 1.8px;
	margin: auto;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50px;
	background-color: #FFF;
	transform: rotate(45deg);
}
.inquiry .click:after{
	content: "";
	width: 20px;
	height: 1.8px;
	margin: auto;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50px;
	background-color: #FFF;
	transform: rotate(-45deg);
}

/* 本体 */
#nav_global .guid{
	height: 0;
	padding: 0;
	opacity: 0;
	z-index: -500;
	position: relative;
	background-color: #FFF;
	transform:translateY(-100%);
	transition-property:all;
	transition-duration:0.3s;
	transition-delay:0s;
	transition-timing-function:ease;
}
#nav_global .guid.show{
	opacity: 1;
	transform:translateY(0);
	height: auto;
	padding: 50px 0;
}
#nav_global .guid .wrapper{
	display: none;
	position: static;
}
#nav_global .guid.show .wrapper{
	display: block;
}
#nav_global .guid .guid-text{
	color: #023894;
	font-size: 25px;
	letter-spacing: .08px;
	text-align: center;
	margin-bottom: 50px;
}
#nav_global .guid .white-box-wrapper{
	display: flex;
}
#nav_global .guid .white-box-wrapper li:first-child{
	margin-right: 15px;
}
#nav_global .guid .white-box-wrapper li:nth-child(2) , #nav_global .guid .white-box-wrapper li:nth-child(3){
	margin: 0 15px;
}
#nav_global .guid .white-box-wrapper li:nth-child(4){
	margin-left: 15px;
}
#nav_global .guid .white-box-wrapper .white-box{
	text-align: center;
	border: 1px solid #ccc;
	width: 25%;
	padding: 30px 0;
	cursor: pointer;
}
#nav_global .guid .white-box-wrapper .white-box p{
	margin-bottom: 0;
	font-size: 16px;
	letter-spacing: 0.1px;
}
#nav_global .guid .white-box-wrapper .white-box img{
	width: 70px;
	margin: 0 auto;
	margin-bottom: 20px;
}
#nav_global .guid .white-box-wrapper .white-box .hover-box{
	opacity: 0;
	transition: .3s;
	width: 100%;
	position: absolute;
	top: 308px;
	left: 0;
	background-color: #fff;
	text-align: left;
}
#nav_global .guid .white-box-wrapper .white-box .hover-box.show{
	opacity: 1;
	transition: .3s;
	z-index: 10;
	padding: 50px 0;
}
#nav_global .guid .white-box-wrapper .white-box .inner{
	display: none;
	max-width: 1050px;
	margin: 0 auto;
}
#nav_global .guid .white-box-wrapper .white-box .inner h5{
	font-size: 16px;
	letter-spacing: .1px;
}
#nav_global .guid .white-box-wrapper .white-box .inner a{
	font-size: 16px;
	letter-spacing: .08px;
	line-height: 1.7;
	color: #333;
}
#nav_global .guid .white-box-wrapper .white-box .inner li{
	margin: 0;
}
#nav_global .guid .white-box-wrapper .white-box .inner li:not(:last-child){
	border-right: solid 1px #ccc;
	padding-right: 50px;
}
#nav_global .guid .white-box-wrapper .white-box .inner li.no-border:not(:last-child){
	border-right: none;
	padding-right: 50px;
}
#nav_global .guid .white-box-wrapper .white-box .inner li:not(:first-child){
	padding-left: 20px;
}
#nav_global .guid .white-box-wrapper .white-box .hover-box.show .inner{
	display: flex;
}

/* 重要なお知らせ追加 */
.important_area.has_bg_blue {
	padding: 40px 0;
}
@media screen and (max-width: 1000px) {
	.important_area.has_bg_blue {
		padding: 30px 0;
	}
}

.news .important_area.has_bg_blue {
  margin-top: -100px;
  margin-bottom: 100px;
}
@media screen and (max-width: 1000px) {
  .news .important_area.has_bg_blue {
    margin-top: -50px;
    margin-bottom: 50px;
	}
}

.important_area h2.has_color {
	font-size: 16px;
	margin-bottom: 7px;
}

.important_area dl {
	display: flex;
	letter-spacing: 0.08em;
}
@media screen and (max-width: 1000px) {
	.important_area dl {
		display: block;
	}
}

.important_area dl dt {
	margin-right: 20px;
}
@media screen and (max-width: 1000px) {
	.important_area dl dt {
		margin-right: 0;
	}
}

/* TOPページIEアラート */
.legacy_alert_wrapper {
	display: none;
	*display: block;  /* IE7以下*/
	_display: block;  /* IE6のみ */
	display: block\9;  /* IE9以下 */
	padding: 20px 0;
}
@media all and (-ms-high-contrast: none){
	.legacy_alert_wrapper {
		display: none;
	}
}

.legacy_alert_wrapper .legacy_alert {
	width: 1050px;
	border: 1px solid #ccc;
	padding: 20px;
	text-align: center;
	margin: 0 auto;
}

/* ヘッダー修正 */

#nav_global .general .nav_general_parents .nav_general_parent.recruit .nav_global_children ul .nav_global_child:nth-child(n + 3) {
	position: absolute;
	margin-left: 0;
	left: 267px;
}

#nav_global .general .nav_general_parents .nav_general_parent.recruit .nav_global_children ul .nav_global_child:nth-child(3) {
	top: 35px;
}
#nav_global .general .nav_general_parents .nav_general_parent.recruit .nav_global_children ul .nav_global_child:nth-child(4) {
	top: 70px;
}
#nav_global .general .nav_general_parents .nav_general_parent.recruit .nav_global_children ul .nav_global_child:nth-child(5) {
	top: 0;
	left: 535px;
}
#nav_global .general .nav_general_parents .nav_general_parent.recruit .nav_global_children ul .nav_global_child:nth-child(6) {
	top: 35px;
	left: 535px;
}
#nav_global .general .nav_general_parents .nav_general_parent.recruit .nav_global_children ul .nav_global_child:nth-child(7) {
	top: 70px;
	left: 535px;
}

@media screen and (max-width: 1000px) {
	#nav_global .general .nav_general_parents .nav_general_parent.recruit .nav_global_children ul .nav_global_child:nth-child(n + 3) {
		position: static;
	}
}


/* セラミック事業 */
.whole_unit .cols .col .icon_wrapper .banner {
  flex: 2;
  margin-right: 20px;
}

/* ボーダー */

.img-border {
  border: 1px solid #e3e3e3;
}

/* TOPページ h1 */
#kv.home h1 {
  width: 100%;
}

/* Top重要なお知らせ */
.important_inner {
  margin-bottom:40px;
  padding-bottom:40px;
  border-bottom: 1px solid #cccccc;
}
.important_inner:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}