@charset "UTF-8";
.siteLogo a{ color: #000; font-weight: bold;}
.pnavs { font-size: 1.2rem;}

.subGnav a[target="_blank"]:after{ content: ""; display: inline-block; width: 12px; height: 12px; background-image: url("../../img/common/exicoW.svg"); background-size:contain; margin-left: 5px;
 background-repeat: no-repeat;
}
a.el_btn:hover, a.el_btn:active{ border: 1px solid #fff;}

a.external:after{ content: ""; display: inline-block; width: 12px; height: 12px; background-image: url("../../img/common/exico.svg"); background-size:contain; margin-left: 15px;
	background-repeat: no-repeat;
}
a.external:hover:after{filter: brightness(0) saturate(100%) invert(93%) sepia(94%) saturate(26%) hue-rotate(286deg) brightness(107%) contrast(109%);}


a.blbtn{ background:#003399; color: #fff; }
a.blbtn:hover{  background:#fff; color: #003399; border: 1px solid #003399;}
a.el_btn.blbtn.external:after{ content: ""; display: inline-block; width: 12px; height: 12px; background-image: url("../../img/common/exicoW.svg"); background-size:contain; margin-left: 15px;
	background-repeat: no-repeat
}

a.blbtn.external:hover:after{filter: brightness(0) saturate(100%) invert(12%) sepia(64%) saturate(4814%) hue-rotate(217deg) brightness(92%) contrast(105%);}
.mainWrapp{ background: url("../../img/top/meinbg.png") left top no-repeat; background-size: cover; padding: 96px 0; position: relative}
.mainWrapp:before{  content: ""; width: 259px; height: 5px; background: url("../../img/top/mainsl.svg") left top no-repeat; left: 40px; top: 60px; display: block; position: absolute;}
.mainWrapp:after{  content: ""; width: 259px; height: 5px; background: url("../../img/top/mainsl.svg") left top no-repeat; right: 40px; bottom: 203px; display: block; position: absolute;}

.externalTxt:after{ content: ""; display: inline-block; width: 12px; height: 12px; background-image: url("../../img/common/exico.svg"); background-size:contain; margin-left: 15px; background-repeat: no-repeat}

.externalTxt.exlW:after{ content: ""; display: inline-block; width: 12px; height: 12px; background-image: url("../../img/common/exicoW.svg"); background-size:contain; margin-left: 15px; background-repeat: no-repeat}

.externalTxt.wicon:after{ content: ""; display: inline-block; width: 12px; height: 12px; background-image: url("../../img/common/exicoW.svg"); background-size:contain; margin-left: 15px; background-repeat: no-repeat}

.main .slick-slide{
    height: auto!important;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.main .slick-list{ width: 610px; margin: 0 auto; position: relative;}
/*.main:before{ content: ""; display: block; width: 18px; height: 18px; background: url("../../img/top/plus.svg") left top no-repeat; position: absolute; right: 27%; top: 6%;}*/
/*.main:after{ content: ""; display: block; width: 18px; height: 18px; background: url("../../img/top/plus.svg") left top no-repeat; position: absolute; left: 27%; bottom: 6%;}*/
/*.main .slick-slide { opacity: 0;  transition: all .4s;}*/
/*.main .slick-slide img{ opacity: 0; transition: all .4s;}
.main .slick-slide.slick-active img{ opacity: 1}*/

.main .slick-slide img{ opacity: 0.4;  transition: all .2s; transition-delay: 0.4s;}
.main .slick-slide.slick-active img{ opacity: 1}

.mainlogoWrapp{ position: absolute; left: 40px; top: 50%;  margin-top: -86px; color: #003399}
.mainlogoWrapp h1{ font-size: 4.0rem; font-weight: bold}
.mainlogoWrapp p{ font-size: 3.6rem; font-weight: lighter; line-height: 1.4}

.playbtn{display: none;}
.paused .playbtn{display: block;}
.paused .stopbtn{display: none;}
.slick-dots{ bottom: 120px; text-align: right; z-index: 80; box-sizing: border-box; padding-right: 80px;}
.meintTxt{ color: #003399; font-size: 3.6rem; position: absolute; right: 40px; bottom: 50px;} 
.slick-dots li button:before{ opacity: 1; background: #979797; border-radius: 50%; }
.slick-dots li.slick-active button:before{ opacity: 1; background: #003399; border-radius: 50%;}
.main .slick_pause{ position: absolute; right: 40px; bottom: 229px; width: 24px; height: 24px; z-index: 110;}

.slick_pause img{ position: relative; top: -12px;}

.topnews{ position: absolute; left: 25px; bottom: 10px; font-size: 1.4rem;}
.topnewsTit{ font-weight: bold; background: #003399; color: #fff; padding: 0px 15px; display: inline-block;  margin-bottom: 10px;} 
.topnews dl{ display: flex;}
.topnews dd{ margin-left: 10px;  overflow: hidden;
  text-overflow: ellipsis; 
  white-space: nowrap; }
.topnews dd a{ color: #003399; text-decoration: underline;}


.about{  background: #003399; background-size: cover;   box-sizing: border-box; padding: 20px;}

.abotin{  background: url("../../img/top/bg_about.png") left top no-repeat; background-size: cover;  box-sizing: border-box; padding: 105px 0 105px;}

.innerW{ max-width: 1240px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
.secTit{ margin-bottom: 20px;}
.secH{ font-size: 5.7rem; color: #003399}
.secondmain .secTit .secH{ font-size: 4.0rem;}
.secTit p,.secTit .maintit{ font-size: 24px;}
.secH:after{ content: ""; display: block; width: 70px; height: 4px; background:#003399; margin-top: 20px; margin-bottom: 20px; }
.about .secH{ color: #003399;}
.sebtits{ margin-bottom: 45px;}
.sebtits dt{ color: #003399; font-size: 3.6rem; margin-bottom: 20px; line-height: 1.6; font-weight: bold;}

.aboutCon{ display: flex; column-gap: 154px;}
.aboutImg{ padding-top: 126px;}

.topicks{ background: #003399; padding: 92px 0 115px; color: #fff; padding-left: 100px; box-sizing: border-box;}
.topicson{ position: relative;}
.topIn{ padding:0 10px; box-sizing: border-box;}
.topIn a{ color: #fff;}
.topicksList {
    width: calc(100% - 340px);
    position: relative;
    margin-left: auto;
}
.topicks .secH{ color: #fff;}
.topicsxt{ position: absolute;}

.slick-prev, .slick-next{ background: url( "../../img/top/btn.svg") left top no-repeat; width: 58px; height: 58px; top: 40%; z-index: 20;}
.slick-prev{ left: -10px;}
.slick-next{transform: scale(-1, 1);}

.tplistTxt{ padding-top: 20px; font-size: 2.0rem; padding-bottom: 10px; border-bottom: 1px solid #fff;}

.goodaTitWrapp{ display: flex;}
@media screen and (max-width:980px) {
.aboutread{ padding-bottom: 50px;}
	.material {
    background: #E0FEE5;
    padding: 50px 0;
}
	
.mainlogoWrapp p {
	font-size: 1.8rem;}
}
/*bussines*/
.bussines{ padding: 105px 0; position: relative; overflow: hidden; width: 100%;}
.bussines:before{ content: ""; width: 923px; height: 671px; background: url("../../img/top/mark.svg") left top no-repeat; position: absolute; right: -50px; top: 0;}
.bussines:after{ content: ""; width: 923px; height: 671px; background: url("../../img/top/mark.svg") left top no-repeat; position: absolute; left: -260px; bottom: 0;}
.bussinesTit{ display: flex; justify-content: space-between;}
.bussinesson{ position: relative; z-index: 10;}
.bussinesTit p{ width: 63.4%; padding-top: 40px;}
.bussinesList{ display: flex; column-gap: 30px;}
.bussinesList li{box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35); border-radius: 10px;}
.bussines0listin{ position: relative;}
.bussineslistinTxt{ position: absolute; bottom: 0; padding: 20px; box-sizing: border-box; width: 100%;}
.bussineslistinTxt dl{ padding-right: 60px; position: relative;}
.bussineslistinTxt dl:after{ content:""; background: url( "../../img/top/arbtn.svg") left top no-repeat; width: 40px; height: 40px; position: absolute; right: 0; bottom: 0;}
.bussineslistinTxt dl{ width: 100%;}
.bussineslistinTxt dt{ font-size: 1.6rem;}
.bussineslistinTxt dd{ font-size: 2.4rem;}
.bussines0listin a{ color: #fff;}
 
.bsnsBtn{ text-align-last: center; margin-top: 74px;}
.centerTit{ text-align: center}
.centerTit .secH:after{ margin: 20px auto;}

.tabs {
  max-width: 100%;
 
}

.tab-list {
  display: flex;
	column-gap: 10px;
}

.tab-item {
  border-radius: 5px 5px 0 0;
  background-color: #fff;
  border: solid 1px #003399;
	width: 33.3%;
	text-align: center;
	 padding: 10px;
	box-sizing: border-box;
 
  cursor: pointer;
}

.tab-content {
  background-color: #EDF3FF;
	border: 10px solid #003399;
}

.tab-panel {
  display: none;
}

.tab-item.active {
  background-color: #003399;
  color: #fff;
  font-weight: bold;
}

.tab-panel.active {
  display: block;
  padding: 20px;
	
}
.tab-panel.active h2 {
  font-size: 20px;
  font-weight: bold;
}

.accordion_inner{ display: none;}
.accordion_inner.on{ display: block;}

.pdkist{ background: #fff;}
.pdListTit{ background: #003399; color: #fff; font-size: 1.8rem; padding: 10px 20px; box-sizing: border-box; position: relative;}
.pdListTit a{ color: #fff; text-decoration: none; position: relative; display: block;}

.pdListTit:before{ content: ""; display: block; width: 20px; height: 12px; background: url("../../img/tbarw.svg") left top no-repeat; position: absolute; right: 40px; top: 50%; margin-top: -6px;}
.pdListTit.exlinjs:before{  transform: rotate(-90deg);}



.pdkistwp{ margin-bottom: 10px; background: #fff;}
.pdList{ padding: 40px; box-sizing: border-box;}

.pdList li{ border-bottom: 1px solid #D9D9D9; padding-bottom: 20px; margin-bottom: 20px; position: relative;}
.pdList li a:after{ content: ""; width: 24px; height: 24px; background: url("../../img/top/pdcarw.svg") left top no-repeat; position: absolute; top: 50%; right: 0; margin-top: -12px;}

.pdList li dl{ display: flex; justify-content: flex-start; align-items: center; column-gap: 27px;}
.pdList li dt{ width: 108px;}
 .pdList{ display: none; }
.on .pdList{ display: block;}

.on .pdListTit:before{ transform: scale(1, -1);}

.pdserch{background: #F9F9F9; padding: 78px 0 110px;}
.tabs{ padding-top: 60px;}


/*news*/
.newsdetail{ margin-bottom: 120px;}
.news{ padding: 75px 0 110px;}
.newsList{ margin-top: 50px;}
.newsdate{ font-weight: 600; border-right: 1px solid #D9D9D9; box-sizing: border-box; width: 140px; min-width: 140px;}
.newsdate dt{ font-size:1.6rem;}
.newsdate dd{ font-size:2.8rem;}

.newsCtg span{ background: #F7F7F7; color: #003399; border-radius: 18px; font-size: 1.4rem; padding: 5px 20px; display: inline-block; text-align: center; display: inline-block; flex-shrink: 0; }
.newsListTit h3{ font-weight: 400;}
.newsList{border-top: 1px solid  #D9D9D9; margin-bottom: 64px;}
.newsList li a{ display: flex; align-items: center; align-content: center; justyify-content:flex-start; padding: 30px 0; border-bottom: 1px solid  #D9D9D9; width: 100%;  position: relative;}
.newsListTit{  display: flex; align-items: center; align-content: center; box-sizing: border-box; padding-left: 36px; justyify-content:flex-start; width: 100%;}
.newsListTit .newsCtg{ width: 156px; display: grid;
  place-items: center;}

.newsListTit h3{display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; padding-left: 36px; box-sizing: border-box; width: calc(100% - 180px);
padding-right: 50px; line-height: 1.5;}
.rinkBtns{  width: 5%; box-sizing: border-box; position: absolute; right: 0; top: 50%; margin-top: -12px; }

.newsList li a dl{ color: #000; text-decoration: none;}
.newsList li a h3{ color: #000; font-weight: normal;}


.toptoreimg{ height: 625px; width: 100%; position: relative; overflow: hidden;}
.toptoreimg img{ object-fit: cover; object-position: center bottom; position: absolute; width:  100%; height: 100%;}

.contact{ background: #003399; color: #fff; padding: 100px 0;}
.topicks .secH:after{ background: #fff;}
.contact .secH:after{ background: #fff;}


.contctCon{ display: flex;}
.contctCon .secTit{ width: 36%;}
.el_btn{ line-height: 56px; color: #003399; border: 1px solid #003399 ;}
.contcts p{ padding-top: 40px; margin-bottom: 45px;}
/*.contcts .el_btn{ color: #fff; border: 1px solid #fff;}
.topicks .el_btn{ color: #fff; border: 1px solid #fff;}*/
.el_btn.btnwt{ color: #003399; border: 1px solid #fff;}
.el_btn:hover, .el_btn:focus{ background: #003399;}
.el_btn.btnwt:hover, .el_btn.btnwt:focus{ background: #fff; color: #003399}

.contctCon .secH{ color: #fff; font-size: 4.0rem;}

@media screen and (max-width:980px) {
	
	.main .slick-list{ width: 100%; padding: 0 20px;}
	.mainWrapp{ padding: 74px 10px 50px;}
	.meintTxt {
    font-size: 2.0rem;
    position: relative;
    right: auto;
    bottom: auto;
		text-align: center;
}
	.mainlogo {
    position: relative;
    left: auto;
    top: auto;
    margin-top: 0;
    width: 178px;
    margin: 0 auto;
		padding-top: 50px;
		margin-bottom: 10px;
}
	
	.mainWrapp:before {
    content: "";
    width: 124px;
    height: 3px;
    background: url(../../img/top/mainsl.svg) left top no-repeat;
    left: 9px;
    top: 35px;
    display: block;
    position: absolute;
    background-size: contain;
}
	
	
	.mainWrapp:after {
    content: "";
    width: 124px;
    height: 3px;
    background: url(../../img/top/mainsl.svg) left top no-repeat;
	　background-size: contain;
    right: 10px;
    bottom: auto;
		top: 375px;
    display: block;
    position: absolute;
}
	
/*	.main:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url(../../img/top/plus.svg) left top no-repeat;
    position: absolute;
    right: 30px;
    top: 30px;
}*/
	
/*	.main:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url(../../img/top/plus.svg) left top no-repeat;
    position: absolute;
    left: 10px;
    bottom: auto;
}*/
	
	.slick-dots {
    bottom: -290px;
    text-align: right;
    z-index: 100;
    box-sizing: border-box;
    padding-right: 40px;
}
	
	.slick-dots {
    bottom: -321px;
    text-align: right;
    z-index: 100;
    box-sizing: border-box;
    padding-right: 40px;
}
	
	.main .slick_pause {
    position: absolute;
    right: 10px;
    bottom: 117px;
    width: 24px;
    height: 24px;
    z-index: 110;
}

    .topnews {
        position: relative;
        left: auto;
        bottom: auto;
        font-size: 1.4rem;
        margin-top: 80px;
    }
	.topnewsTit{ margin-bottom: 10px;}
	
	

	/*aout*/
	
	.aboutCon {
    display: block;
    column-gap: 0;
}
	
	.secH{ font-size: 3.6rem;}
	.secondmain .secTit .secH{ font-size: 3.6rem;}
	.abotin{ padding: 50px 0}
	.el_btn.-wide {
        min-width: auto;
        width: 100%;
    }
	.aboutImg {
    padding-top: 30px;
}
	
	
	.topicks {
    padding: 0;
 
}
	.topicksCon{ padding: 50px 40px;}
	.topicsxt {
    position: relative;
}
	
	.topicksList {
    width: 100%;
    position: relative;
    margin-left: auto;
}
	.topIn{ padding: 0;}
	.topicks .el_btn{ width: 100%;}
	.slick-prev, .slick-next{ width: 24px; height: 24px; background-size: contain; top: 30%;}
	.slick-next{ right: -10px;}
	
	.topicksList{ margin-top: 50px;}
	
	.bussinesList{ display: block; margin-top: 40px;}
	
	
	.bussinesTit{ display: block;}
	.bussinesTit p {
		width: 100%;}
	.bussinesList li{ margin-bottom: 25px;}
	
	.bussines:before,.bussines:after{ display: none;}
	
	
	
	

	.newsList{ margin-bottom: 40px;}
	.newsList li a {
		display: block;}
	.newsdate dd {
    font-size: 2.0rem;
}
	.newsdate dl{ display: flex; 
        align-items: center;}
	.newsdate dt{ margin-right: 20px;}
	.newsListTit {
    display: block;
    padding-left: 0;
}
	.newsList li{ position: relative;}
	.newsListTit .newsCtg {
    width: auto;
    display: block;
    place-items: center;
    position: absolute;
    left: 0;
    top: 61px;
}
	.newsListTit h3 {
    width:100% ;
    padding-top: 50px;
		padding-left: 0;
		line-height: 1.5;
		padding-right:  40px;;
	
}
	
	.toptoreimg{ height: 301px;}
	.contctCon .secTit {
    width: 100%;
		color: #fff;
		font-size: 4.0rem;
}
	.contctCon{ display: block;}
}
/*-------------------------------------------[
商品一覧
---------------------------------------------*/

.group-contents p.banner_rt{ padding-top: 40px; margin-bottom: 40px; padding-right: 30px; max-width: 626px}
.group-contents p.banner_rt a:hover{opacity: 0.7}

.secondmain .secTit{ padding-bottom: 164px;}
.secondmain .secTit p{ font-size: 4.5rem;}
.pnavs { padding-bottom: 60px; text-align: right; position: relative; z-index: 4; padding-top: 30px;}
.pnavs li{ display: inline-block;}
.pnavs li a{ color: #003399; text-decoration: underline;}
.pnavs li a:after{ content:">"; display: inline-block; padding: 0 5px;}
.secondmain { width: 100%; overflow: hidden;}
.secondmain .innerW{ position: relative;}
.secondmain .innerW:before{content: ""; display: block; position: absolute; right: -168px; width: 571px; height: 415px; background: url("../../img/common/slsecondmein.svg") left top no-repeat; background-size: contain; top: 0;}
.secmainreaf{ width: 40%;position: absolute; right: 0; bottom: 150px; z-index: 2;}
.sesrchWrapp{ background: #F1F6FF; padding: 30px 20px;}
.searchIn{ max-width: 723px; margin: 0 auto;}
.mf_finder_searchBox_query_input{ border: 2px solid #003399 !important; height: 70px !important;}
.mf_finder_searchBox_submit{    width: 80px !important; height: 70px; background-color: #003399 !important;}

.secontentTit:before{ content: ""; display: inline-block; width: 28px; height: 28px; background: url("../../img/common/titsr.svg") left top no-repeat; background-size: contain; vertical-align: middle; margin-right: 13px; position: relative; top: -4px}
.secontentTit{ font-size: 2.4rem; color: #003399; font-weight: bold; margin-bottom: 20px;}

.seccontentSec{ margin-bottom: 85px;}
.priductList{ display: flex; flex-wrap: wrap; column-gap: 35px;}
.priductList li{ width: calc( 25% - 27px); margin-bottom: 50px;}
.priductList li p{transition: all 0.5s;}

.priductList p{ margin-bottom: 30px;}
.priductList dt{ text-decoration: underline; margin-bottom: 20px;}
.polyimide_01 .priductList dt{ margin-bottom: 0;}
.priductList dd{ color: #000; line-height: 2;}

@media screen and (min-width:981px) {
	.priductList li a:hover p{ box-sizing: border-box; border: 6px solid #003399;}
}

@media screen and (max-width:980px) {
.group-contents p.banner_rt{  margin-bottom: 40px;}

.secmainreaf{ width: 100%; position: relative;}
	.priductList {}
.priductList li{ width: calc(50% - 27px); margin-bottom: 30px;}
}


/*-------------------------------------------[
商品詳細
---------------------------------------------*/

.vr-mid td{ vertical-align: middle;}
.secondmain.detailprd .secTit p {
    font-size: 3.4rem;
}
.detailTitArea .secTit{ padding-bottom: 0;}

.prodctSlide .slick-prev,.prodctSlide .slick-next{ background: url("../../img/product/btn.svg") left top no-repeat; width: 38px; height: 80px; background-size: contain;}

.prodctSlide .slick-next{ right: 0;}
.prodctSlide .slick-dots{ position: relative; text-align: center; padding-right: 0; bottom: auto}
.dtcontent{ position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: flex-end;}
.dtright{ width: 36%;}
.dtleft{ width: 60%;}
.iconslist{ display: flex; flex-wrap: wrap;  column-gap: 5px; width: 100%;}
.iconslist li{ border: 1px solid #003399; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); border-radius: 4px; padding: 3px; width: 32%; background: #fff; font-size: 1.2rem;  box-sizing: border-box; margin-bottom: 5px; text-align: center;}
.iconslist li.pt3{ border: 1px solid #127448; }
.iconslist li.pt2{ border: 1px solid #E15F04; }

.iconslist li .iconst{ vertical-align: middle; margin-right: 5px;}
.iconslist li .iconst img{ vertical-align: middle;}
.youso h4{ font-size: 1.4rem; font-weight: bold; color: #003399; margin-bottom: 20px;}
.youso { padding-bottom: 40px;}
.dtcontent.dttop{ align-items: flex-start; padding-top: 30px;}
.dtcontent.dttop.sereastop{ display: block;}

.sereastop .dtleft{ width: 100%;}
.sereastop .dtleft img{ width: 100%;}

.dtlinkList{ display: flex; column-gap: 20px; margin-top: 30px;}
.dtlinkList.noflexs{ display: block;}
.dtlinkList{ width: 100%;}
.dtlinkList li{ width: 50%;}
.noflexs.dtlinkList li{ width: 100%; margin-bottom: 20px;}
.dtlinkList .el_btn.-wide{ min-width: inherit; width: 100%;}
@media screen and (min-width:981px) {
.dtlinkList .ltxtrnks .el_btn{ line-height: 1.8;}
}
.el_btn.imgbtn{ padding: 0; width: 100%;}

.imgbtn .bnrTxtx{ width: 100%;}

.js-fixed-area {
  position: relative;
}
.js-fixed-elm {
  position: absolute;
  /*top: 44px;*/
}
.js-fixed-elm.is-fixed {
  position: fixed;
	 top: 124px;
}

.imgblocks{ display: flex; column-gap: 30px;}

/* テストページ設定 */

.contents {
  max-width: 1280px;;
  margin: 0 auto;
  padding: 0 40px;
}
.group {
  display: flex;
  justify-content: space-between;
  gap: 35px;
	margin-top: 50px;
}
.group-aside {
  width: 272px;
  flex-shrink: 0;
}
.group-aside p {
  margin: 0;
}
.group-nav {
  width: 272px;
}
.group-contents {
  flex-grow: 1;
	


}
.group-contents p {
  margin: 0 0 20px;
}
/*.group-contents img {
  width: 100%;
}*/

.pagenavs{ background: #EDF3FF; box-sizing: border-box; padding: 12px; width: 272px;}
.pagenavs li{color: #003399; font-weight: bold; padding:4px 12px; box-sizing: border-box; cursor: pointer; font-size: 1.4rem;}
.histrwp{ margin-bottom: 85px;}
.pdDtimg img{ max-width: 100%; width: auto; margin-top: 30px;}

.h3Type01 {
    margin: 27px 0 17px;
    /* font-size: 2rem; */
    font-weight: 600;
    line-height: 1.6;
}
.h3Type01 {
    font-size: 1.8rem;
}



/* tPattern01 [Separate line + border]
----------------------------------------------- */
.tPattern01,
.tPattern02,
.tPattern03,
.tPattern03_pad3{border-collapse:collapse;}

.tPattern01{
  border:solid #ccc;
  border-width:1px 0 1px 1px;
}
.tPattern01 th,
.tPattern01 td{
  padding:10px;
  border:solid #ccc;
  border-width:0 1px 0 0;
  font-weight:normal;
}
.tPattern01 thead th{
  border:solid #ccc;
  border-width:0 1px 1px 0;
  background:#ececec;
  text-align:center;
}
.tPattern01 tbody th{text-align:left;}
.photblktabl td{ min-width: 243px;}
/*photblktabl tr td:first-child{ width: 180px !important;}

.photclertabale td{ width: 100px;}
.photclertabale td:first-child{ min-width: 180px;}*/
.photclertabale .tPattern03 th:first-child{ min-width: 180px;}
.centertabls td:first-child{ text-align: center}


/* tPattern02 [Caption/ border + th color]

..
----------------------------------------------- */
.tPattern02{
  border:solid #ccc;
  border-width:0 0 0 1px;
  line-height:1.5;
}
.tPattern02 caption{
  margin:0;
  padding:10px 0;
  border:1px solid #ccc;
  background:#eaeaea;
  text-align:center;
}
.tPattern02 th,
.tPattern02 td{
  padding:10px;
  border:solid #ccc;
  border-width:0 1px 1px 0;
  font-weight:normal;
}
.tPattern02 th{
  background:#f6f6f6;
  text-align:left;
  font-weight: bold;
}

/* tPattern02 [ border + th color]
----------------------------------------------- */
.tPattern03{
  border-top:#ccc 1px solid;
  border-left:#ccc 1px solid;
  line-height:1.5;
}
.tPattern03 caption{
  margin:0;
  padding:10px 0;
  border:1px solid #ccc;
  border-bottom: none;
  background:#eaeaea;
  text-align:center;
}
.tPattern03 th,
.tPattern03 td{
  padding:10px;
  border-right:#ccc 1px solid;
  border-bottom:#ccc 1px solid;
  font-weight:normal;
}
.tPattern03 th{
  background:#f6f6f6;
  text-align:center;
}

/* tPattern03_pad3 [ border + th color/padding 3px]
----------------------------------------------- */
.tPattern03_pad3{
  border:solid #ccc;
  border-width:1px 0 0 1px;
  line-height:1.5;
}
.tPattern03_pad3 th,
.tPattern03_pad3 td{
  padding:3px;
  border:solid #ccc;
  border-width:0 1px 1px 0;
  font-weight:normal;
}
.tPattern03_pad3 th{
  background:#f6f6f6;
  text-align:center;
}

/* Table Adjust
----------------------------------------------- */
.thL th{text-align:left !important;}
.tdL td{text-align:left !important;}
.thR th{text-align:right !important;}
.tdR td{text-align:right !important;}
.thBold th{font-weight: bold;}
.cellC th,
.cellC td{text-align:center;}
table{ width: 100%;  min-width: 100%;}
	table{ width: 100%; table-layout: fixed; min-width: 100%;}
.pcHide {
    display: none;
}
@media screen and (min-width:981px) {
	
	table{ width: 100%; table-layout: fixed; min-width: 100%;}

}
table.nowrap th,
table.nowrapHead thead th,
table.nowrapBody tbody th{white-space:nowrap;}
th.bottomLine01,
td.bottomLine01{border-bottom:1px dotted #ccc;}

.local-nav .el_btn{ width: 100%; background: #fff; min-width: inherit; height: 40px; line-height: normal;}
.local-nav .el_btn:hover{ background: #003399}
.pagenavs li.serchbtnsw{ padding:  0; margin-top: 6px;}
.otherLinks{ padding-top: 10px;}
.otherLinks li{ border: 1px solid #003399; margin-bottom: 10px;}
.bunnersin{ display: flex; align-items: center;  width: 100%;}
.bntImgs{ width: 36%;}
.secTit{ position: relative; z-index: 3;}

.contctBtns{ padding-top: 238px; margin-bottom: 95px; padding-right: 70px;}
.contctBtns .el_btn.-wide{ background: #003399; color: #fff; border: 1px solid #fff;}
.iconctn img{ vertical-align: middle; padding-right: 10px;}
.contctBtns ul{ display: flex; column-gap: 10px; justify-content: flex-end;}

.prserch{background: #F6F6F6; padding: 65px 0 100px; }
.plserchList{ display: flex; column-gap: 30px; padding-top: 50px;}
.plserchList li{ width: 33%;}
.plserchList .el_btn.-wide{ min-width: inherit; width: 100%; background:#fff }
.plserchList .el_btn.-wide:hover{ background: #003399}
.bnrTxtx{ padding-left: 10px; box-sizing: border-box; font-size: 1.4rem; font-weight: bold;}
.plmBtn .bnrTxtx{ font-weight: normal; font-size: 1.6rem;width: 50%}
.plmBtn .bntImgs {
    width: 45%;
}
.bnrTxtxS{font-size: 1.2rem; }

.histrwp{ padding-top: 144px; margin-top: -144px;}

.tPattern00 th, .tPattern00 td{ text-align: center; vertical-align: middle;}

.container > .row [class*=col] figure > img + figcaption {
    padding: 10px 0 0;
}

.bPattern02 {
    background: #eee;
}
.mgnB20 {
    margin-bottom: 20px !important;
}
.bPattern02 {
    margin-bottom: 30px;
    padding: 30px;
    background: #eee;
}
.bPattern02 {
    margin-top: 40px;
}
.taR{ text-align: right; padding-top: 20px;}
.lineupsabTxt{ font-weight: bold;}
.bold{ font-weight: bold;}
.group-contents p.mat30{ margin-top: 30px;}

.h2Type01{ font-weight: bold; font-size: 2.0rem;  margin-top: 30px;}
.HistryContent h3{ font-weight: bold; margin-bottom: 20px; font-size: 1.6rem;}
.deciList02{ list-style: none;}
.HistryContent .prodctSlide{ margin-bottom: 50px;}

@media screen and (min-width:981px) {
	.pagenavs li.active{ background: #003399; color: #fff;}

	
	.group-contents{ width: calc(100% - 290px);}
	.row { display: flex;}
	.group-contents .priductList li{width: calc(33% - 21px); margin-bottom: 50px}
	.tPattern00 th, .tPattern00 td{
    padding: 10px 0;
    font-weight: normal;
    vertical-align: top;
}
	.tPattern00 {
    border-width: 1px 0 1px 1px;
    line-height: 1.5;
}
	.mgnB70 {
    margin-bottom: 70px !important;
}
	.verMiddle {
    vertical-align: middle !important;
}
    .row > [class*=col], #main .row > [class*=col]{
        padding-left: 10px;
        padding-right: 10px;
    }
}
	.prodctSlide .slick-slide img{ width: 100% !important; height: auto;}
	.smpVerticalTable{ table-layout: auto}

@media print, screen and (min-width: 960px) {
	.subGnav .menuLv2 { font-size: 1.5rem;}
}

	
	.iconslist li{ position: relative; padding-left: 27px;}
	.iconslist li .iconst {
    vertical-align: middle;
    margin-right: 5px;
    position: absolute;
    left: 6px;
		width: 20px;
}


@media screen and (max-width:980px) {
	.TableWrapp{ width: 100%; overflow-x: scroll;}
/*	    .pcHide {
        display: block;
    }*/
	.dtcontent{ display: block;}
	.dtleft {
    width: 100%;
}
	.dtright {
    width: 100%;
}
	.iconslist li{ width: 49%; }
	.contents{ padding: 0 20px;}
	.group {
    display: block;

}
	.contents{ padding-top: 40px;}
	.plserchList{ display: block;}
	.plserchList li{ width: 100%; margin-bottom: 20px;}
	.group-nav {
    width: 100%;
}
	.js-fixed-elm{ position: relative; top: auto;}
	.pagenavs{ width: 100%;}
	.group-aside{ width: 100%;}
	.contctBtns {
    padding-top: 30px;
    margin-bottom: 40px;
    padding-right: 0;
    padding: 0 20px;
    padding-top: 30px;
}
	.contctBtns li{ margin-bottom: 20px;}
	.contctBtns ul{ display: block;}
	.detailTitArea .slick-dots{ bottom: 0;}
	.prodctSlide .slick-dots{ bottom: 0;}
}
.el_btn{ background: #fff;}
.businessWrapp{ position: relative; padding-top: 200px; margin-bottom: 105px;}

/*.busnesCntent{max-width: 463px; background: #fff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.24); padding: 45px; box-sizing: border-box; position: relative; z-index: 2;}*/

.busnesCntent{max-width: 463px; background: #003399; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.24); padding: 45px; box-sizing: border-box; position: relative; z-index: 2; color: #fff;}

.conNumber{color: #fff; margin-bottom: 20px; font-weight: bold;}
.busnesCntent h2{ font-size: 2.4rem; margin-bottom: 20px;}
.busnesCntent p{ margin-bottom: 30px}
.secImg{ width: 67.5%; height: 540px; position: relative; object-fit: cover; position: absolute; right: 0; top: 0; overflow: hidden; border-radius: 30px 0 0 30px; overflow: hidden;}
.secImg img{ position: absolute; width:  100%; height: 100%; object-fit: cover;}

.rightcon .busnesCntent{ margin-left: auto;}
.rightcon .secImg{ right: auto; left: 0;}
.rightcon .secImg { border-radius: 0 30px 30px 0;}


.bsconlists .busnesCntent{ max-width: inherit; border: none; box-shadow: none;}
.bsconlists{ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.24); width: 50%;}

.busnesList{ display: flex; column-gap: 40px; margin-bottom: 110px}

.mbmain.secondmain .secTit { margin-bottom: -100px; width: 55%;}
.bsconlists{ border-radius: 30px 30px 0 0; overflow: initial; overflow: hidden;  background: #003399;}

.seconstitIMg{  background: #fff;}

@media screen and (max-width:980px) {
	.busnesCntent{ max-width: inherit;}
	.mbmain.secondmain .secTit { margin-bottom: 20px; width: 100%}
	.secImg{ width: 100%;  height: 375px; border-radius: 0 !important;}
	.busnesList{ display: block;}
	.bsconlists{ width: 100%; border: none; margin-bottom: 105px;}
	.busnesCntent{ padding: 40px 20px;  max-width: inherit}
	.seconstitIMg{ width: calc(100% + 40px); margin-left: -20px; object-fit: cover; height: 375px; position: relative;}
	.bsconlists{ }
	.seconstitIMg img{ width: calc(100% + 40px); height: 100%; position: absolute; object-fit: cover; }
	.bsconlists .busnesCntent{box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.24); margin-top: -145px; }
	.businessWrapp .el_btn{ width: 100%;}
	.mbmain.secondmain .secTit{ padding-bottom: 0;}
	.secmainreaf{ bottom: auto; margin-bottom: 70px;}
	.businessListcon .innerW{ width: 100%; padding: 0;}
	.businessListcon .bsconlists{ background: #fff;  padding: 0 20px; box-shadow:none; border-radius: 0;}
	
}


.secondmainimgs{ margin-left: calc(50% - 50vw); position: relative; height: 640px; }
.secondmainimgs img{ object-fit: cover; width: 100%; height: 100%; position: absolute; border-radius: 0 30px 30px 0; overflow: hidden;}
.businesdtmain{ margin-bottom: 95px;}
.detailsContent{ display: flex; justify-content: space-between; margin-bottom: 150px;}
.detailsContent p{ width: 74%;}
@media screen and (max-width:980px) {
	.detailsContent{ display: block;}
	.detailsContent p{width: 100%;}
	.businesdtmain {
    margin-bottom: 60px;
}
	.detailsContent{ margin-bottom: 50px;}
	.secondmainimgs{ height: 370px;}
}


.specialConIn ul{ display: flex; column-gap: 78px}
.specialConIn ul dl{ margin-top: 20px; text-decoration: none; }
.specialConIn ul li{border-bottom: 1px solid #D9D9D9; padding-bottom: 20px;}
.specialConIn ul dt{ font-size: 1.2rem; color: #000; margin-bottom: 30px}
.specialCon{ margin-bottom: 140px;}

@media screen and (max-width:980px) {
.specialConIn ul {
    display: block;
}
	.specialConIn ul li {
    margin-bottom: 40px;
}
}
a.dwsam{ color: #fff;}
.dwsam{/* background: url("../../img/download/sambg.png") left top no-repeat;*/ background: #4B72C1; height: 192px; text-align: center; display: grid; color: #fff; text-decoration: none; font-size: 20px;
  place-items: center; box-sizing: border-box; padding: 20px; width: 100%;}

.specialConIn ul.downloadList li{ border-bottom: none;}
.downloadList li dl{ margin-bottom: 45px;}
.specialConIn ul{ width: 100%;}
.specialConIn ul.downloadList{ column-gap: 38px;}
.specialConIn ul.downloadList li .el_btn.-wide{ min-width: inherit; margin-top: 20px;}
.specialConIn ul.downloadList li { width: 33%;}
.specialConIn ul.downloadList li .el_btn{ width: 80%; margin: 0 auto; display: block;}
.dwgrp{ margin-bottom: 80px;}

@media screen and (max-width:980px) {
	.specialConIn ul.downloadList li{ width: 100%;}
}
.termslist{ margin-bottom: 84px;}
.titde02{ margin-left: 40px;}

.bl_searchFilters {
    display: flex;
    justify-content: flex-start;
	align-items: center;
}

.ly_container.-typeA .el_keyword {
    background: #fff;
}


@media print, screen and (min-width: 768px) {
    .bl_searchFilters .el_selectWrap {
        width: 26.7%;
        margin-left: 3.3%;
    }
}

.bl_searchFilters .el_selectWrap {
    border: none;
}

.el_selectWrap {
    background: #fff;
    border: none;
    position: relative;
    display: inline-block;
    height: 40px;
    border: #b2b2b2 1px solid;
}

@media print, screen and (min-width: 768px) {
    .bl_searchFilters .el_selectWrap {
        width: 26.7%;
        margin-left: 3.3%;
    }
}

.el_selectWrap {
    background: #fff;
    border: none;
    position: relative;
    display: inline-block;
    height: 40px;
    border: #b2b2b2 1px solid;
}
@media print, screen and (min-width: 768px) {
    .bl_searchFilters .btnWrap {
        width: 10%;
        margin-left: 3.3%;
    }
}

.bl_searchFilters .btnWrap .el_btn {
    background: #fff;
    border-color: #004098;
    color: #004098;
    white-space: nowrap;
}

.el_keyword input[type=text] {
    min-width: 50px;
    height: 40px;
    padding: 5px 10px;
    line-height: 40px;
    border: none;
    background: #f4f4f4;
}

.el_keyword button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: #004098;
    transition: all .5s;
}

@media print, screen and (min-width: 768px) {
    .bl_searchFilters .btnWrap .el_btn {
        width: 100%;
        padding: 8px 10px;
        height: 40px;
    }
}
.ly_container .ly_inner.-thin{ padding: 29px; background: #F9F9F9}
@media print, screen and (min-width: 768px) {
    .ly_mainContents .ly_container:nth-child(1) .ly_inner {
        padding: 20px;
    }
}

@media screen and (max-width:980px) {
	.bl_searchFilters{ display: block}
	.bl_search{ display: block;}
	.bl_searchFilters .el_selectWrap{ width: 100%;}
	.titde02 {margin-left: 0; margin-top: 20px}
	.tits{ margin-bottom: 10px;}
}
.serch { margin-bottom: 145px;}
.serch .tabs{ padding-top: 0;}


.material{ background: #E0FEE5; padding: 75px 0;}
.material h2{ font-size: 2.4rem; color: #086A3E; font-weight: bold; margin-bottom: 30px;}

.materialList li{ background: url("../../img/about/materialbg.svg") right top no-repeat ; background-color: #1E6513; border: 4px solid #fff; border-radius: 10px; width: calc(33% - 7px) ; margin-bottom: 30px;}
.mateextWrapp{ box-sizing: border-box; padding: 20px;}
.mateTxt{ background: #fff;  box-sizing: border-box; padding: 30px 15px; box-sizing: border-box; border-radius: 5px;}
.matimgs{ text-align-last: center;}
.nams{ font-size: 2.0rem; padding: 20px 15px 15px 15px; color: #fff;font-weight: bold;}
.materialList{ display: flex; column-gap: 15px; margin-top: 45px; flex-wrap: wrap;}
.process{ background: #FFECE5;}
.process h2{ color: #CA3500;}
.process li{ background: url("../../img/about/materialbg2.svg") right top no-repeat ; background-color: #E05C00; border: 4px solid #fff; border-radius: 10px;}


.aboutImg{ width: 1174px; height: 531px; background: url("../../img/about/aboutimg.svg") left top no-repeat; background-size: cover; position: relative; margin-top: 40px; margin-bottom: 20px; }
.abotimhWrapp{ margin-bottom: 80px;}

.line{ width: 544px; height: 345px; position: absolute; left: 344px; top: 122px; background: url("../../img/about/line.svg") left top no-repeat;}
.aboutImg.pt1-1 .line{ width: 544px; height: 345px; position: absolute; left: 344px; top: 122px; background: url("../../img/about/linep01.svg") left top no-repeat;}
.aboutImg.pt1-2 .line{ width: 544px; height: 345px; position: absolute; left: 344px; top: 122px; background: url("../../img/about/linep02.svg") left top no-repeat;}
.aboutImg.pt1-3 .line{ width: 544px; height: 345px; position: absolute; left: 344px; top: 122px; background: url("../../img/about/linep03.svg") left top no-repeat;}
.aboutImg.pt2-1 .line{ width: 544px; height: 345px; position: absolute; left: 344px; top: 122px; background: url("../../img/about/linep02-1.svg") left top no-repeat;}
.aboutImg.pt2-2 .line{ width: 544px; height: 345px; position: absolute; left: 344px; top: 122px; background: url("../../img/about/linep02-2.svg") left top no-repeat;}
.aboutImg.pt2-3 .line{ width: 544px; height: 345px; position: absolute; left: 344px; top: 122px; background: url("../../img/about/linep02-3.svg") left top no-repeat;}
.aboutImg.pt2-4 .line{ width: 544px; height: 345px; position: absolute; left: 344px; top: 122px; background: url("../../img/about/linep02-4.svg") left top no-repeat;}
.aboutImg.pt2-5 .line{ width: 544px; height: 345px; position: absolute; left: 344px; top: 122px; background: url("../../img/about/linep02-5.svg") left top no-repeat;}
.aboutImg.pt3-1 .line{ width: 544px; height: 345px; position: absolute; left: 344px; top: 122px; background: url("../../img/about/linep03-1.svg") left top no-repeat;}
.aboutImg.pt3-2 .line{ width: 544px; height: 345px; position: absolute; left: 344px; top: 122px; background: url("../../img/about/linep03-2.svg") left top no-repeat;}
.aboutImg.pt3-3 .line{ width: 544px; height: 345px; position: absolute; left: 344px; top: 122px; background: url("../../img/about/linep03-3.svg") left top no-repeat;}
.aboutImg.pt3-4 .line{ width: 544px; height: 345px; position: absolute; left: 344px; top: 122px; background: url("../../img/about/linep03-4.svg") left top no-repeat;}
.aboutImg.pt3-5 .line{ width: 544px; height: 345px; position: absolute; left: 344px; top: 122px; background: url("../../img/about/linep03-5.svg") left top no-repeat;}







.aboutImglist li{ width: 261px; height: 48px; background:#C5F7A8; color: #127448; font-size: 1.6rem; border-radius: 5px; margin-bottom: 12px; line-height: 48px; padding-left: 15px; box-sizing: border-box; font-weight: bold;}
.aboutImglist{ cursor: pointer;}
#p01list{ position: absolute; left: 70px; top: 168px;}
#p02list{ position: absolute; left: 460px; top: 168px;}
#p03list{ position: absolute; right: 25px; top: 96px;}
#p02list.aboutImglist li{ color: #C85504; background: #FFCEAC}
#p03list.aboutImglist li{ color: #003399; background: #B7DCFF; height: 65px; line-height: 65px; margin-bottom: 19px;}
#p01list.aboutImglist li.on{color: #fff;  background: #127448}
#p02list.aboutImglist li.on{ color: #fff; background: #C85504}
#p03list.aboutImglist li.on{ color: #fff; background: #003399; }
@media screen and (max-width:980px) {
	.abotimhWrapp{/* display: none;*/ width: 100%; overflow: scroll; margin-bottom: 0}
	#aboutImg{ display: none;}
	.materialLi{ display: block}
	.materialList li{ width: 100%;}
	.abautimgTxt{ display: none}
	.spaboutimg img{ max-width: 800px; height: auto; margin-top: 20px
}
}


.sitemaplist{ display: flex; column-gap: 36px; margin-bottom: 40px; flex-wrap: wrap;}
.sitemaplist li{ width: calc( 50% - 18px);}
.sitemaplist li a{ display: block; position: relative; font-weight: bold; border-bottom: 1px solid #003399; padding-bottom: 30px; padding-top: 30px}
.sitemaplist li a:after{ content: ""; display: block; position: absolute; right: 0; top: 36px; width: 24px; height: 24px; background: url("../../img/top/pdcarw.svg") left top no-repeat;}
.sitemapprodust p a{ display: block; position: relative; font-weight: bold; border-bottom: 1px solid #003399; padding-bottom: 30px;}

.sitemapprodust p a:after{ content: ""; display: block; position: absolute; right: 0; top: 0; width: 24px; height: 24px; background: url("../../img/top/pdcarw.svg") left top no-repeat;}
.productListSm{ padding-top: 32px; margin-bottom: 58px; display: flex; column-gap: 24px; flex-wrap: wrap}
.productListSm li{ width: calc(33% - 20px);}
.sitemapCon{ margin-bottom: 150px;}
@media screen and (max-width:980px) {
	.productListSm{ display: block}
	.productListSm li{ width:100%;}
	.sitemaplist{ display: block;}
	.sitemaplist li{ width: 100%;}
}
.date {
    text-align: right;
    margin-top: 1.875vw;
}
.meta {
    text-align: right;
}
.post {
    margin-top: 3.125vw;
}

.w100Img{ margin-bottom: 20px;}
.imgList{ display: flex; column-gap: 30px; margin-bottom: 20px;}
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
.photoList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px 0 0;
}

.photoList > li {
    width: 32.5%;
}
.mgnT10 {
    margin-top: 10px !important;
}

.photoList > li:nth-of-type(n+4) {
    margin-top: 10px;
}

.taC{ text-align: center; padding-top: 30px;}
.alignC{ margin-bottom: 30px;}

.topaboutImg{ background: none}

@media screen and (max-width: 980px) {
	
	.topaboutImg{ width: 100%; height: auto;}
}
.downloadList a:hover{ text-decoration: none !important;}

@media screen and (min-width: 981px) {
	.downloadList{ display: flex; flex-wrap: wrap;}
	.specialConIn ul.downloadList li {
    width: calc(33% - 22px);
		margin-bottom: 50px;
}
	.stable{ min-width: inherit; max-width: 60%; width: 60% !important;}
}

.sup{ font-size: 1rem; position: relative; top: -10px;}
.sdownloadCon{ margin-bottom: 40px;}
.downloadList a:hover {
     text-decoration: none; 
}

.dtlinkList.noflex{ display: block;}
.dtlinkList.noflex li{ width: 100%; margin-bottom: 20px}

.prserch{ margin-top: 96px;}


/*.notbdg{ margin-top: 0; padding-top: 200px; margin-top: -200px;}*/

.local-nav .serchbtnsw .el_btn{ text-align: left;}
.sideicon{ padding-right: 18px; vertical-align: middle;}
.sideicon img {
    vertical-align: middle;
    margin-top: -4px;
}

.local-nav .el_btn:hover img{ filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1158%) hue-rotate(112deg) brightness(119%) contrast(100%);}

@media screen and (max-width: 980px) {
	.dtlinkList{ display: block;}
	.dtlinkList li {
    width: 100%;
		
}
	.dtlinkList li:first-child{margin-bottom: 20px;}
	
	.contact {
    padding: 40px 0;
}
	.contctCon .secH{ font-size: 3.6rem;}
	
	.contcts p {
    padding-top: 0;
    margin-bottom: 20px;
}
	.prserch {
    background: #F6F6F6;
    padding: 40px 0 40px;
}
	
	.plserchList {
    display: block;
    padding-top: 10px;
}
}

@media screen and (max-width: 980px) {
.tab-panel.active {
    display: block;
    padding: 20px;
}
	.pdList {
    padding: 20px;
    box-sizing: border-box;
}
}

@media screen and (max-width: 980px) {
.pnavs {
    padding-bottom: 10px;
    text-align: left;
    position: relative;
    z-index: 4;
    padding-top: 10px;
    font-size: 1.2rem;
	}
.sesrchWrapp {
    background: #F1F6FF;
    padding: 30px 20px; 
}
	.secondmain .secTit {
     padding-bottom: 0; 
}
}



/*トップ調整*/
.bussinesList li a{ color: #fff;}

@media screen and (min-width: 981px) {
.pc{ display: block;}
.sp{ display: none;}
.bussinesList {
    display: flex;
    column-gap: 30px;
    margin-top: 50px;
}
	.bussinesTit p{ padding-top: 0;}

}
@media screen and (max-width: 980px) {
		.pc{ display: none;}
.sp{ display: block;}
	
	.meintTxt {
        font-size: 2.4rem;
        position: relative;
        right: auto;
        bottom: auto;
        text-align: center;
        margin-right: -8px;
    }


.about { padding: 6px;}	


.about {
    background: #003399;
    background-size: cover;
    box-sizing: border-box;
    padding: 6px;
}
.about .secH { font-size: 3.0rem;}
	
	.about .secH {
    color: #003399;
}
.secH:after {
    content: "";
    display: block;
    width: 70px;
    height: 2px;
    background: #003399;
    margin-top: 10px;
    margin-bottom: 19px;
}
	
	.sebtits dt{ font-size: 2.4rem;}
	.sebtits {
    margin-bottom: 30px;
}
	
	    .aboutImg {
        padding-top: 10px;
			margin-bottom: 0;
			margin-top: 30px;
    }
	.tplistTxt{ font-size: 1.6rem;}
	
	

.bussines {
    padding: 50px 0;
    position: relative;
    overflow: hidden;
    width: 100%;
}
	.bussinesTit p{ padding-top: 0;}
	


.pdserch {
    background: #F9F9F9;
    padding: 58px 0 110px;
}



.pdserch {
    background: #F9F9F9;
    padding: 58px 0 110px;
}
	
	

.pdserch {
    background: #F9F9F9;
    padding: 58px 0 110px;
}
	.pdList li dt {
    width: 60px;
}
	.tab-panel.active {
        display: block;
        padding: 0;
		padding-top: 10px;
    }
	
	.pdList dd {
        width: calc(100% - 91px);
    }
	.pdList li dl {

    column-gap: 15px;
}
	.tab-content{ border: 2px solid #003399}
	
	.pdList li a:after {
    content: "";
    width: 19px;
    height: 19px;
    margin-top: -12px;
    background-size: contain;
}
	
	.pdList li dl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 15px;
}
	
	.pdListTit:before {
    content: "";
    display: block;
    width: 20px;
    height: 12px;
    background: url(../../img/tbarw.svg) left top no-repeat;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -6px;
}
	.pdList li:last-child{ margin-bottom: 0;}
	
	.pdList li {
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}
	
	.tab-item{ line-height: 1.4}


.tab-list {
    display: flex;
    column-gap: 4px;
}

.tabs {
    padding-top: 20px;
}
    .pdserch {
        background: #F9F9F9;
        padding: 58px 0 50px;
    }

.news{
    padding: 50px 0;
}

.newsListTit .newsCtg {
        width: auto;
        display: block;
        place-items: center;
        position: absolute;
        left: 160px;
        top: 31px;
    }

    .newsListTit h3 {
        width: 100%;
        padding-top: 21px;
        padding-left: 0;
        line-height: 1.5;
        padding-right: 40px;
    }

.rinkBtns {
    width: 5%;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    bottom: 33px;
    /* margin-top: -12px; */
}
	    .newsList {
        margin-bottom: 50px;
    }
	.bussines .bsnsBtn{ margin-top: 50px;}
	.contcts p {
        padding-top: 0;
        margin-bottom: 40px;
    }
	    .contact {
        padding: 50px 0;
    }
	.bsnsBtn {
    margin-top: 50px;
}
	
}
/*分野*/
@media screen and (max-width: 980px) {
	
	.busnesCntent h2 {
    margin-bottom: 20px;
}
	.busnesCntent p {
    margin-bottom: 10px;
}
}


@media screen and (max-width: 980px) {
    .sesrchWrapp {
       
        padding: 0;
    }
	.secontentTit{ font-size: 1.8rem;}
	
	.mf_finder_searchBox_query_input {
    border: 2px solid #003399 !important;
    height: 50px !important;
}
	
	.mf_finder_searchBox_submit {
    width: 60px !important;
    height: 50px;
    background-color: #003399 !important;
}
	.seccontentSec {
    margin-bottom: 50px;
}
	
	.material {
    padding: 50px 0;
}
	.materialList li:last-child{ margin-bottom: 0;}
	.secondmain .secTit p {
    font-size: 2.4rem;
}
}


.newscon .mbmain.secondmain .secTit{ padding-bottom: 0; padding-bottom: 0;}
.newscon .mbmain.secondmain .secTit{ margin-bottom: 0;}

.contentblock{ margin-bottom: 50px;}

.contentblock dt{ font-weight: bold; margin-bottom: 10px; padding-top: 20px;}
.contentblock dd{ margin-bottom: 40px;}
.polyimide_01 .contentblock dd{ margin-bottom: 0;}

.linkKist{ margin-bottom: 40px;}

table{  width: 100% !important;}
table th{ text-align: left}
table td{ text-align: center}
table td:first-child{ text-align: left; }
.tdcenterptntable td:first-child{ text-align: center; }
table td:first-child.tcenter{ text-align: center; }

 table.centertabl td:first-child{ text-align: center; }
.pt10{ padding-top: 10px;}
.mw80{ max-width: 80%;}
.mwtbl80{ max-width: 80% !important; width: 80% !important; min-width: inherit}
.mwtbl80 td{ width: 50%}

table.tlayoutauto{ table-layout: auto!important;}

tbody td{ vertical-align: middle;}
/*lineup表示*/
@media screen and (max-width: 980px) {
	.priductList{ display: block}
	    .priductList li {
        width: 100%;
        margin-bottom: 20px;
    }
	.priductList li p.odcImg{ width: 54px}
	.priductList li a{ display: flex; width: 100%; column-gap: 20px; 
		border-bottom: 1px solid #D9D9D9; 
	padding: 10px 0;}
	.priductList p {
    margin-bottom: 0;
    width: 54px;
}
	
	.priductList li dl{  width: calc(100% - 74px); }
	.priductList li dt{ font-size: 1.6rem; margin-bottom: 5px;}
	.priductList li dd{ font-size: 1.4rem;}
	
}

/*商品詳細表示*/
@media screen and (max-width: 980px) {
.secondmain.detailprd .secTit p {
    font-size: 2.4rem;
}
}


.fixcontacts{ max-width: 407px; position: fixed; right: 110px; bottom: 24px; display: flex; column-gap: 10px; z-index: 100; opacity: 0; transition: all .4s;}
.fixcontacts li{ display: inline-block;}
.fixcontacts.on{ opacity: 1; display: block;}

.fixcontacts .el_btn{ background: #fff; font-size: 1.4rem;}
.fixcontacts .el_btn{ min-width: inherit;}
.fixcontacts .el_btn:hover {
    background: #003399;
}
@media screen and (max-width: 980px){ .fixcontacts{ right: 0; width: 100%; display: none !important;}

.mainlogoWrapp {
    position: relative;
    left: auto;
    top: auto;
    margin-top: -30px;
    color: #003399;
    text-align: center;
    margin-bottom: 20px;
}
}
.fixcontacts{ display: none;}
.fixcontacts .el_btn:hover img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1158%) hue-rotate(112deg) brightness(119%) contrast(100%);
}
	
.mw680{ max-width: 680px;}
.max400{ max-width: 400px;}

.fontB {
    font-weight: bold !important;
}

.mgnB10 {
    margin-bottom: 10px !important;
}

.discList {
    list-style: outside disc;
    padding-left: 1.7em;
}

.mgnB10 {
    margin-bottom: 10px !important;
}

#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {
    color: #68b631;
    border: 1px solid #68b631;
    height: auto;
    white-space: normal;
    word-wrap: break-word;
    padding: .8em 2em;
    font-size: .8em;
    line-height: 1.2;
    cursor: pointer;
    -moz-transition: .1s ease;
    -o-transition: .1s ease;
    -webkit-transition: 1s ease;
    transition: .1s ease;
}

.mgnB15 {
    margin-bottom: 15px !important;
}

.discList {
    margin: 1.25rem 0;
}

.max600{ max-width: 600px; margin: 0 auto;}

.pnsptn.imgblocks{ justify-content: flex-start; column-gap: 0;}
.centerTxt{ text-align: center}

table.sci_02table td:first-child{width: 100px !important;}
@media screen and (max-width: 980px) {
	.polyimide_01imglist{ display: block;} 
	.polyimide_01imglist li:first-child{ margin-bottom: 30px;}
	
	.pnsptn.imgblocks { display: block}
	.imgblocks { display: block}
	.trapp{ width: 100%; overflow-x: scroll;}
	.trapp table{ min-width: 500px;}
	
	.businessWrapp{padding-top: 230px;}
	.youso h4 {
    margin-bottom: 10px;}
	.prodctSlide .slick-prev, .prodctSlide .slick-next{ height: 60px;}
	.bl_searchFilters .el_selectWrap {
        margin-top: 10px;
    }
	.youso {
     padding-bottom: 0; 
}
	
	.HistryContent .priductList li a {align-items: center;}
	.pnavs li{ font-size: 10px;}
	
	.polyimideTop .group{ margin-top: 0;}
	   .polyimideTop .contents {
        padding-top: 0;
    }


}


.iconslist a{ color: #000; display: block}
.iconslist a:hover{ text-decoration: none; opacity:0.6;}
.trinkptan{font-size: 1.6rem; padding-left: 22px;}
@media screen and (min-width: 981px) {
.w170{ width: 170px;}
	.w200{ width: 200px;}
}
.rtxtx{ position: relative; top: -5px;}
.downloadList li .sideicon{ padding-right: 0; padding-left: 20px; filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(342deg) brightness(113%) contrast(101%);}
a.dwsam{transition: all .4s;}

a.dwsam:hover{ color: #4B72C1; background: #fff; border: 1px solid #4B72C1;}
.downloadList li a.dwsam:hover .sideicon{filter: none;}


.priductList a:hover{ text-decoration: none;}