@charset "euc-jp";
/*	common
/*-------------------------------------------*/
.top_company-linkbtn a,
.top_company-linkbtn a:hover,
.top_company-linkbtn a:visited,
.link_top_company a,
.link_top_company a:hover,
.link_top_company a:visited {
  color: #fff;
}


/*	swiper
/*-------------------------------------------*/
.mv {
  background: var(--deep-color);
  text-align: center;
  position: relative;
}
.swiper,
.swiper-button-next,
.swiper-button-prev,
.imgbox-mv {
  height: 200px;
}

.swiper {
  margin: 0 auto;
  width: var(--contents-width);
}

.swiper-button-next,
.swiper-button-prev {
  color: #fff;
  margin: 0;
  top: 0;
  width: 50px;
}
.swiper-button-next {
  right: calc(50% - (var(--contents-width) / 2) + -5rem);
}
.swiper-button-prev {
  left: calc(50% - (var(--contents-width) / 2) + -5rem);
}

.swiper-slide {
  align-items: center;
  background-color: var(--deep-color);
  display: flex;
  width: var(--contents-width);
}

.swiper-slide div:first-of-type {
  width: 55%;
}
.swiper-slide div:last-of-type {
  width: 45%;
}

.imgbox-mv {
  position: relative;
}
.textbox-mv {
  color: #fff;
  padding-left: 2rem;
  text-align: left;
}

.textbox-mv h2 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: .2em;
}
.textbox-mv p {
  font-size: 2rem;
}

.textbox-mv p.mv-linkbtn {
  margin-top: .5em;
}

.mv-linkbtn a {
  background: #fff;
  display: inline-block;
  font-size: 1.6rem;
  padding: .25em 1em;
}

.mv-linkbtn a::before {
  background: var(--main-color);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  content: "";
  display: inline-block;
  height: 0.8em;
  margin: 0.2em 0.2em 0 0;
  width: calc(0.8em / 2);
}


/* 素材・加工 */
.mv-sozai .imgbox-mv,
.mv-kakou .imgbox-mv {
  background: url(../img/home/mv01.png) 50% 50% no-repeat;
  background-size: cover;
}
.mv-sozai .imgbox-mv p,
.mv-kakou .imgbox-mv p {
  color: #fff;
  display: inline-block;
  font-size: 2.4rem;
  left: 50%;
  padding: .5em 1em;
  position: absolute;
  transform: translate( -50%, -50%);
  top: 50%;
  white-space: nowrap;
}
.mv-sozai .imgbox-mv p {
  background: rgb(30 139 95 / 0.5);
}
.mv-kakou .imgbox-mv p {
  background: rgb(40 82 107 / 0.5);
}
.mv-sozai .imgbox-mv p::before,
.mv-kakou .imgbox-mv p::before {
  background: url(../img/home/mv01-icon.png) 50% 50% no-repeat;
  content: "";
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  width: 30px;
}

/* 素材の特性 */
.mv-characteristics .imgbox-mv {
  background: url(../img/home/mv03.png) 50% 50% no-repeat;
  background-size: cover;
}
.mv-characteristics .imgbox-mv p {
  background: #fff;
  display: inline-block;
  font-size: 2.4rem;
  font-weight: bold;
  left: 50%;
  padding: 1em;
  position: absolute;
  transform: translate( -50%, -50%);
  top: 50%;
  white-space: nowrap;
}

/* カタログダウンロード */
.mv-dl .imgbox-mv {
  background: url(../img/home/mv04.png) 50% 50% no-repeat;
  background-size: cover;
}
.mv-dl .imgbox-mv p {
  color: #fff;
  display: inline-block;
  font-size: 3rem;
  font-weight: bold;
  right: 2em;
  position: absolute;
  top: 1.5rem;
}

/* セミナー・書籍紹介 */
.mv-seminar .imgbox-mv {
  background: url(../img/home/mv05.png) 50% 50% no-repeat;
  background-size: cover;
}
.mv-seminar .imgbox-mv p {
  background: rgb(30 139 95 / 0.5);
  color: #fff;
  display: inline-block;
  font-size: 2.4rem;
  left: 0;
  padding: .5em 1em;
  position: absolute;
  transform: translate( 0, -50%);
  top: 50%;
  white-space: nowrap;
}


/* 予告 */
.mv-yokoku .imgbox-mv {
  background: url(../img/home/mv06.png) 50% 50% no-repeat;
  background-size: cover;
}

.mv-yokoku h2 span {
  display: block;
  font-size: 1.8rem;
  font-weight: normal;
}
.mv-yokoku .imgbox-mv p {
  color: #fff;
  display: block;
  font-size: 2.8rem;
  left: 1em;
  position: absolute;
  top: 4rem;
}
.mv-yokoku .imgbox-mv p span.sp-events {
  background: #ffdf7e;
  color: #222;
  display: inline-block;
  font-size: 1.8rem;
  padding: .25em .5em;
  text-shadow: 0 none;
}

.mv-yokoku .imgbox-mv p span.shadow {
  text-shadow: 3px 3px 2px #333, -3px -3px 2px #333,
  -3px 3px 2px #333, 3px -3px 2px #333;

}

/* ページネーション */
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction {
  margin: 0 45% 0 50px;
  width: 50%;
}

.swiper-pagination-bullet-active {
  background: #fff;
}


/*	バナー
/*-------------------------------------------*/
.bnr-new,
.bnr-semiconductor {
  margin: 3em auto;
  text-align: center;
  width: var(--contents-width);
}

/*
.bnr-new a::before {
  background: url(../img/home/icon-new.png) 0 0 no-repeat;
  content: "";
  display: block;
  height: 49px;
  left: 0;
  position: absolute;
  top: -4px;
  width: 99px;
  z-index: 10;
}*/


.bnr-semiconductor a {
  background: rgba(0,0,0,0.5) url(../img/home/bnr-semiconductor.png) 0 0 no-repeat;
  display: grid;
  gap: 1em 2em;
  grid-template-columns: 1fr 8em;
  grid-template-rows: auto auto;
  padding: 1em 1em 1em 5em;
  position: relative;
  text-align: left;
}

.bnr-semiconductor a:hover {
  text-decoration: none;
  background-blend-mode: darken;
}

.bnr-title {
  color: #fff;
  font-size: 2em;
  font-weight: 700;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  line-height: 1.2;
  text-shadow: 4px 0 2px #333, 0 4px 2px #333,
  -4px 0 2px #333, 0 -4px 2px #333;
}
.bnr-title span {
  background: #ffdf7e;
  color: #000;
  display: inline-block;
  font-size: 2rem;
  margin-bottom: .5em;
  padding: .25em .5em;
  text-shadow: none;
}
.bnr-btn {
  align-items: center;
  display: flex;
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
.bnr-btn span {
  background: #fff;
  display: block;
  padding: 1em;
}

.bnr-btn span::before {
  background: var(--main-color);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  content: "";
  display: inline-block;
  height: 0.8em;
  margin: 0.2em 0.2em 0 0;
  width: calc(0.8em / 2);
}

.bnr-new a:hover .bnr-btn span {
    background: rgba(92, 136, 174, 1);
    color: #fff;
  }
  .bnr-new a:hover .bnr-btn span::before {
    background: #fff;
  }

.bnr-wn {
  background: rgb(255 255 255 / 0.8);
  border-radius: .5em;
  color: #333;
  grid-column: 1 / 3;
  grid-row: 2 / 3;
  padding: .5em 1em;
}


/*	加工技術・素材からセラミックス加工メーカーを検索
/*-------------------------------------------*/
.wrp_top_search2 {
  display: flex;
  gap: 0 2em;
  justify-content: space-between;
  margin: 3em auto;
  width: var(--contents-width);
}

.box-search2 {
  width: calc((100% - 2em) / 2);
}


.wrp_top_search2 h2 {
  background: var(--main-color);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 0.25em 10px;
  position: relative;
}
.wrp_top_search2 h2::after {
  background: var(--main-color);
  bottom: -1em;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  content: "";
  display: inline-block;
  height: 1em;
  left: 50%;
  margin: 0 auto;
  position: absolute;
  transform: translate( -50%, 0);
  width: 3em;
}

.wrp_processing_box {
  margin: 0 0 .5em;
}

.wrp_processing_list {
  background: var(--menu-hover);
  display: flex;
  flex-wrap: wrap;
  gap: 1em 1em;
  justify-content: space-between;
  margin-bottom: 0.5em;
  padding: 2em 1em 1em;
}

.wrp_processing_list li {
  display: flex;
  width: calc((100% - 3em) / 2);
}
.wrp_processing_list li a {
  background: #fff;
  display: flex;
  padding: 0.5em 0.5em;
  width: 100%;
}
.wrp_processing_list li a::before {
  background: var(--main-color);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  content: "";
  display: inline-block;
  height: 0.8em;
  margin: 0.2em 0.2em 0 0;
  width: calc(0.8em / 2);
}
.wrp_processing_box li a:hover {
  background: rgba(92, 136, 174, 1);
  color: #fff;
}
.wrp_processing_list li a:hover::before {
  background: #fff;
}

.new-icon {
	background: #ffdf7e;
	color: #333;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	margin-left: .5rem;
	padding: 0 0.5rem;
}

/*	サブコンテンツ
/*-------------------------------------------*/
.subcontent {
  background: var(--light-gray);
  padding: 4em 0;
}

.subcontent ul {
  margin-left: auto;
  margin-right: auto;
  width: var(--contents-width);
}

.subcontent ul.cha-corp {
  display: block;
  margin-bottom: 3em;
}

.ev-se-dl a,
.cha-corp a,
.cha-corp li {
  background: #fff;
}

.subcontent h2 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: .5em;
}

.subcontent h2::before {
  background: var(--main-color);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  content: "";
  display: inline-block;
  height: 0.8em;
  margin: 0.2em 0.2em 0 0;
  width: calc(0.8em / 2);
}

.cha-corp a,
.cha-corp .no-link {
  display: flex;
  justify-content: space-between;
}

.subc-txt {
  box-sizing: border-box;
  padding: 1em;
}
li:nth-child(odd) .subc-txt {
  width: 40%;
}
li:nth-child(even) .subc-txt {
  width: 55%;
}

.subc-txt p {
  color: #333;
  text-align: justify;
}

.subc-img {
  overflow: hidden;
}

li:nth-child(odd) .subc-img {
  width: 60%;
}
li:nth-child(even) .subc-img {
  width: 45%;
}

.subc-img,
.clip-fkds-left,
.clip-fkds-right {
  display: block;
  height: 120px;
}
.clip-fkds-left {
  clip-path: polygon(5% 25%, 5% 0%, 100% 0%, 100% 100%, 5% 100%, 5% 75%, 0% 50%);
}
.clip-fkds-right {
  clip-path: polygon(0% 0%, 95% 0%, 95% 25%,100% 50%, 95% 75%, 95% 100%, 0% 100%);
}
.ev-se-dl {
  display: flex;
  gap: 2.5em;
}
.ev-se-dl li {
  flex: 1;
  width: calc((100% - 5em) / 3);
}

.ev-se-dl a {
  display: block;
}

.subc-imgbox {
  background: var(--main-color);
  display: block;
  height: 100px;
  overflow: hidden;
}

.ev-se-dl h2,
.ev-se-dl p {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.ev-se-dl h2 {
  margin-top: 1em;
}

.ev-se-dl p {
  color: #333;
  display: block;
  min-height: calc(1em * 1.4 * 2.5);
  margin-top: .5em;
  text-align: justify;
}

/*	ニュース関連
/*-------------------------------------------*/
.box-wn {
  margin: 4em auto;
  width: var(--contents-width);
}
.top-news-heading {
  color: var(--main-color);
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 1em;
}

.top_topics {
  display: block;
  gap: 2.5em;
}
.top_topics > li {
  border: 1px solid var(--main-color);
  display: flex;
}
.top_topics > li:not(:first-child) {
  margin-top: 1em;
}

.top_topics a {
  font-weight: 700;
}
.top_topics a:hover {
  border-color: var(--link-hover-color);
  color: var(--link-hover-color);
}
.news_cat_thumb {
  width: 100px;
}
.news_cat_thumb a {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.news_cat_thumb img {
  display: block;
  height: 110%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 120px;
}



.news_body {
  margin: .5em 1em;
  padding-right: 1em;
  text-align: justify;
  width: calc(100% - (100px + 2em));
}
.news_date {
  font-size: small;
}

.news_body p {
  padding-left: 1.5em;
  position: relative;
}

.news_body p::before {
  background: var(--main-color);
  content: "";
  display: block;
  height: 1em;
  left: 0;
  position: absolute;
  top: 0;
  width: 1em;
}

.news_body p::after {
  background: #fff;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  content: "";
  display: inline-block;
  height: 0.6em;
  left: .5rem;
  position: absolute;
  top: .45em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: calc(0.8em / 2);
}
.top_topics a:hover .news_body::before {
  background: var(--link-hover-color);
}
.news-detailslist {
	list-style-type: disc;
	margin: .25em 0 0 1.5em;
}
.link-txt_more {
  margin: .5em 0 3em;
  text-align: right;
}
.link-txt_more a {
  display: inline-block;
}
.link-txt_more a::before {
  background: var(--main-color);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  content: "";
  display: inline-block;
  height: 0.8em;
  margin: 0.2em 0.2em 0 0;
  width: calc(0.8em / 2);
}



/*	企業ピックアップ
/*-------------------------------------------*/
.box_top_company {
  background: #ceeade;
  padding: 4em 0;
}

.box-top_comp-inn {
  margin: 0 auto;
  width: var(--contents-width);
}

.top-topics-heading {
  color: #1e8b5f;
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 1em;
}

.list_top_company {
  display: flex;
  flex-wrap: wrap;
  gap: 2em 2em;
  justify-content: space-between;
  margin-bottom: 1.5em;
}
.list_top_company > li {
  background: #fff;
  border: 1px solid #1e8b5f;
  box-sizing: border-box;
  display: grid;
  gap: 1em 1em;
  grid-template-columns: 88px 1fr;
  grid-template-rows: auto auto auto;
  padding: 1em;
  width: calc(50% - 1em);
}
.top_company-img {
  grid-column: 1/2;
  grid-row: 1/3;
  width: 88px;
}

.top_company-info {
  display: block;
  grid-column: 2/3;
  grid-row: 1/2;
}
.top_company-info a {
  font-size: 16px;
  font-weight: bold;
}
.top_company-info span {
  color: #666;
  display: block;
}

.top_company-linkbtn {
  display: flex;
  gap: 1em 2em;
  grid-column: 2/3;
  grid-row: 2/3;
  margin: 0 0 0 auto;
}

.top_company-txt {
  grid-column: 1/3;
  grid-row: 3/4;
  text-align: justify;

}


.top_company-linkbtn a {
  background: var(--deep-color) url(../img/common/icon-arrow.png) 0.5em 50% no-repeat;
  border-radius: 0.25em;
  display: inline-block;
  padding: 0.5em 1.5em 0.5em 2em;
}

.top_company-linkbtn .btn_inquiry a {
  background-image: url(../img/common/icon-mail.png);
  padding: 0.5em 1.5em 0.5em 3em;
}
.top_company-linkbtn a:hover,
.link_top_company a:hover {
  background-color: var(--main-color);
}

.link_top_company {
  font-size: 14px;
  margin-left: 2em;
  text-align: center;
}

.link_top_company a {
  background: var(--deep-color) url(../img/common/icon-arrow.png) 0.5em 50% no-repeat;
  border-radius: 0.25em;
  display: inline-block;
  margin: 0 auto;
  padding: 0.5em 1.5em 0.5em 3em;
}

.list_corp-materials {
	display: block;
	margin-top: .8em;
}
.list_corp-materials::before {
	content: "対応素材";
	display: inline-block;
	font-weight: bold;
}
.list_corp-materials li {
	display: inline-block;
}
.list_corp-materials li a {
	background: var(--deep-color);
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	padding: .1em .5em;
}

.list_corp-materials li a:hover {
	background: var(--main-color);
}

/*	swiper
/*-------------------------------------------*/
.box-ohter {
  background: #f6f6f6;
  padding: 4em 0;
}

.wrp_top_banner {
  margin: 0 auto 4em;
  text-align: center;
}
.box-pr {
  display: flex;
  gap: 0 2em;
  justify-content: space-between;
  margin: 0 auto;
  width: var(--contents-width);
}

.mm-box {
  width: 20%;
}

.wrp_top_news {
  width: calc((80% - 4em) / 2);
}

.news-heading {
  border-left: 5px solid var(--main-color);
  color: var(--main-color);
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: .5em;
  padding-left: .5em;
}

.wrp_top_news iframe {
  box-sizing: border-box;
  border: 1px solid #ddd;
  margin: 0 0 8px 0;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}


.wrp_top_title {
  display: flex;
  justify-content: space-between;
}
.wrp_top_title p {
  align-items: center;
  display: flex;
  height: 90px;
  overflow: hidden;
}


/* メルマガ */
.mm-box {
  display: block;
  margin-bottom: 40px;
}
.mm-publish {
  margin-bottom: 10px;
}
.mm-publish a {
  background: var(--deep-color) url(../img/common/icon-mm.png) 10px 50% no-repeat;
  display: block;
  font-weight: bold;
  padding: 10px 10px 10px 50px;
}
.mm-publish a:hover {
  background-color: var(--main-color);
}
.mm-publish a,
.mm-publish a:hover,
.mm-publish a:visited,
.mmbtn a,
.mmbtn a:hover,
.mmbtn a:visited {
  color: #fff;
}

.mm-subscription {
  background: #fff;
  padding: 0 0 1em;
  text-align: center;
}
.mm-subscription strong {
  color: var(--main-color);
  display: block;
  font-weight: bold;
  text-align: left;
  margin: 10px 10px 0;
  padding: 0.3em 0;
}
.mm-subscription p {
  display: block;
  margin: 10px;
  text-align: justify;
}
.mm-sub-btn li:last-child {
  margin-top: 1em;
}

.mmbtn a {
  background-color: var(--main-color);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  border-radius: 0.8em;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  height: 1.6em;
  line-height: 1.6em;
  min-width: 8em;
  padding: 0.25em 1em 0.25em 3em;
}

.mm-bn a {
  background-image: url(../img/common/icon-mail.png);
}
.mm-register a {
  background-image: url(../img/common/icon-arrow.png);
}

.mmbtn a:hover {
  background-color: var(--deep-color);
}







.box-topics {
  margin: 2em 0;
}

.top-description {
  background: #f6f6f6;
  margin: 2em 0;
  padding: 1em;
}

.top-description p {
  color: #444;
}






/* SE */


.link_all {
  margin-bottom: 24px;
}
.link_all a::before {
  background: var(--main-color);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  content: "";
  display: inline-block;
  height: 0.8em;
  margin: 0.2em 0.2em 0 0;
  width: calc(0.8em / 2);
}


/*-------------------------------------------*/
/*	News topics
/*-------------------------------------------*/