/*------------------------------------------------------
 Break Point
------------------------------------------------------*/
/*------------------------------------------------------
 Color
------------------------------------------------------*/
/*------------------------------------------------------
 Animation
------------------------------------------------------*/
.pg-kv-img {
  position: relative;
  /*background-image: url(/en/products/img/product_category_kv_sp.jpg");*/ /*iact*/
  background-repeat: no-repeat;
  background-position: center center;
  height: 120px;
  background-size: cover;
}

@media screen and (min-width: 961px) {
  .pg-kv-img {
    min-height: 250px;
    height: auto;
    height: auto;
    /* min-width: 980px; */
    /* overflow: hidden; */
    /*background-image: url(/en/products/img/product_category_kv.jpg");*/ /*iact*/
    background-size: cover;
    /* margin: 0 0 60px; */
  display: flex;align-items: center;}
  .pg-kv-img .site-container {
    /* height: 250px; */
    background: none;
    /* position: static; */
  padding: 0 6.07%;max-width: calc(1200px + 12.14%);}
  .banner-space .site-container{
    padding-top:40px;
    padding-bottom:40px;
    margin-bottom:80px;
  }
}


.pg-kv-img-frame {
  /* width: 53%; */
  /* min-width: 470px; */
  /* height: 250px; */
  position: relative;
  z-index: 10;
  /* padding-left: 6.07%; */
  /* padding-right: 39px; */
  /* padding-top: 35px; */
  /* height: inherit; */
  /* display: flex; */
  /* align-items: center; */
  /* margin-top: 12px; */
/* overflow: visible; */}

@media screen and (min-width: 961px) {
  .pg-kv-prize {
    position: absolute;
    right: 20px;
    bottom: 25px;
    left: auto;
    width: 425px;
  }
}

@media screen and (min-width: 961px) and (min-width: 1440px) {
  .pg-kv-prize {
    right: 130px;
  }
}

@media screen and (min-width: 961px) {
  .pg-kv-prize:after {
    display: block;
    content: '';
    clear: both;
  }
  .pg-kv-prize > * {
    float: right; /*iact*/
  }
  .pg-kv-prize > .prize-text {
    color: #FFFFFF;
    padding-top: 5px;
    /*padding-right: 15px;*/ /*iact*/
    padding-bottom: 5px;
    text-align: right;
    white-space: nowrap;
  }
  .pg-kv-prize > .prize-text > * {
    display: block;
    font-size: 16px;
    font-weight: bold;
  }
  .pg-kv-prize > .prize-text > * > small {
    font-size: 10px;
  }
  .pg-kv-prize > .prize-img {
    width: 120px;
    height: 78px;
    /*background-image: url(/en/products/img/product_category_prize.png);*/ /*iact*/
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 15px; /*iact*/
  }
}

.pg-kv-contents-wrapper {
  /* padding-top: 40px; */
  padding-left: 16px;
  padding-right: 16px;
  /* color: #fff; */
}

@media screen and (min-width: 961px) {
  .pg-kv-contents-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

.pg-title {
  font-size: 40px;
  position: relative;
  /* padding-top: 61px; */
  line-height: 1.3;
  width: 54vw;
  max-width: 745px;
}



.pg-title:before {
  /* content: ""; */
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  /*background-image: url(/en/products/img/product_icon_glass.png);*/ /*iact*/
  /*width: 39px;*/ /*iact*/
  height: 53px;
  top: 0;
  left: 0;
}


@media screen and (max-width: 960px) {
  .pg-title.icon-new_business {
    padding-top: 0;
  }
  .pg-kv-contents-wrapper{
    padding:0;
  }
}
/*iact end*/


@media screen and (min-width: 961px) {
  .section-body {
    padding-top: 0;
  }
}

.pg-btn-box {
  margin-top: 20px;
}

.pg-btn-box .btn .icn-btn {
  display: block;
}

.pg-btn-box > a {
  display: flex;
  align-items: center;
  /* margin-bottom: 10px; */
  min-width: 300px;
  margin-right: 40px;
  width: auto;
  /* white-space: nowrap; */
  }

.pg-btn-box > a:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 960px) {
  .pg-btn-box > a {
    margin-bottom: 5px;
  margin-right: 0;}
}

.pg-research-development-box .txt-main {
  margin-top: 20px;
line-height: 1.6;}

img {
  width: 100%;
  height: auto;
}

.content-title {
  font-size: 16px;
  /* font-weight: bold; */
}

.content-title-sub {
  font-size: 14px;
  font-weight: bold;
  margin-top: 15px;
}

.pg-products-search-contents-tilte {
  /* padding-top: 140px; */
  /* padding-bottom: 100px; */
  /* margin-bottom: 0 !important; */
}

.pg-products-search-contents-box {
  /* margin-top: 40px; */
  /* overflow: hidden; */
}

.pg-products-search-contents-block {
  overflow: hidden;
  margin-top: 0 !important;
}

.pg-products-search-item {
  margin-top: 0 !important;
}
.pg-products-search-contents-list > li {
  /* border-bottom: 1px solid #d7d7e1; */
}

.pg-heading-2 {
  /* font-size: 25px; */
  /* font-weight: bold; */
  margin-bottom: 40px;
}
.pg-heading-2:before{
  /* content:""; */
  /* display:block; */
  width: 65px;
  border-top: solid 2px #E40046;
  margin-bottom: 55px;
}

.content-button {
  margin-top: 30px;
}

.pg-products-search-body {
  overflow: hidden;
}

@media screen and (max-width: 960px) {
  .pg-products-search-body {
    margin-top: 0;
  }
}

@media screen and (max-width: 960px) {
  .pg-products-search-body + .pg-products-search-body {
    margin-top: 40px;
  }
}


.pg-products-search-contents-list > li {
  /* border-bottom: 1px solid #d7d7e1; */
}

.pg-products-search-contents-list.is-block {
  /* margin-left: 0px; */
  /* margin-right: 0px; */
  /* display: flex; */
  -ms-flex-wrap: wrap;
  /* flex-wrap: wrap; */
  /* gap: 40px 5%; */
/* column-rule: 1px solid #d7d7e1; *//* column-rule: 4px solid red; */}

.pg-products-search-contents-list.is-block > li {
  /* vertical-align: top; */
  /* width: 21.25%; */
  /* border-left: 1px solid #d7d7e1; */
  /* padding-top: 30px; */
  /* padding-bottom: 40px; */
  /* padding-left: 0px; */
  /* padding-right: 0px; */
}
  .pg-contents-wrapper.site-container:before {
    content: "";
    width: 60vw;
    min-width: 700px;
    position: absolute;
    top: 15px;
    left: 1.25%;
    display: block;
    margin-right: -20px;
    border-top: 220px solid #fff;
    border-right: 86px solid transparent; 
    opacity:0.9;
  }
@media screen and (max-width: 960px) {
  .pg-contents-wrapper.site-container.is-pc{
    display:block;
  padding: 0 5%;}
  .pg-contents-wrapper.site-container.is-pc .description-txt,
  .pg-contents-wrapper.site-container.is-pc .pg-btn-box,
  .pg-research-development-box.site-container.is-sp h1{
    display:none;    
  }
  .pg-research-development-box.site-container.is-sp{
    display:block;
  }
  .pg-title {
    font-size: 24px;
    display: flex;
    align-items: center;
    height: 120px;
    width: 50vw;
    }
  .pg-contents-wrapper.site-container:before{
    border-top-width: 110px;
  border-right-width: 38px;min-width: inherit;top: 5px;left: 5px;}
}
@media screen and (min-width: 521px) and (max-width: 960px) {
  .pg-kv-img {
  height:200px;
  }
  .pg-contents-wrapper.site-container:before {
    border-top-width: 174px;
    border-right-width: 59px;
    min-width: 470px;
    top: 13px;
    left: 13px;
  }
  .pg-title{
    height:200px;
    font-size:34px; 
  }
}

@media screen and (min-width: 961px)  {
  .pg-products-search-contents-list.is-block > li {
    /* border-right: 1px solid #d7d7e1; */
    /* border-left: none; */
    /* width: 21.25%; */
    /* box-sizing:content-box; */
  /* padding: 0 2.5%; */
   /* position:relative; */}
  .pg-products-search-contents-list.is-block > li:after {
   /* width:1px; */
   /* height:100%; */
   /* background:#d7d7e1; */
   /* content:""; */
   /* display:block; */
   /* position:absolute; */
   /* top:0; */
   /* right: -12.5%; */
  }

}
@media screen and (max-width: 960px) {
  .pg-products-search-contents-list.is-block {
    /* gap: 5.2%; */
  }
  .pg-products-search-contents-list.is-block > li {
    /* border-right: 1px solid #d7d7e1; */
    border-left: none;
    width: 31.32%;
    box-sizing:content-box;
  }
  .pg-products-search-contents-list.is-block > li:nth-child(2n) {
    border-right: none;
  }
  .pg-products-search-contents-list.is-block > li:nth-child(1), .pg-products-search-contents-list.is-block > li:nth-child(2){
    /* padding-top: 0; */
  }
  .pg-products-search-contents-list.is-block > li:nth-child(2n+1) {
    /* padding-left: 0; */
    /* padding-right: 2.7%; */
  }
  .pg-products-search-contents-list.is-block > li:nth-child(2n+2) {
    /* padding-left: 20px; */
  }
}

@media screen and (max-width: 520px) {
  .pg-products-search-contents-list.is-block > li {
    border-right: none;
    border-left: none;
    width: 100%;
    box-sizing:content-box;
  }
  .pg-products-search-contents-list.is-block > li:nth-child(2n) {
    border-right: none;
  }
  .pg-products-search-contents-list.is-block > li:nth-child(1), .pg-products-search-contents-list.is-block > li:nth-child(2){
    padding-top: 0;
  }
  .pg-products-search-contents-list.is-block > li:nth-child(2n+1) {
    padding-left: 0;
    padding-right: 0;
  }
  .pg-products-search-contents-list.is-block > li:nth-child(2n+2) {
    padding-left: 0;
  }
}
.pg-products-search-contents-list.is-block .pg-product-search-content > .content-image + .content-text-group {
  margin-top: 20px;
}

.pg-products-search-contents-list.is-list {
  margin-top: -40px;
}

.pg-products-search-contents-list.is-list > li {
  padding-top: 40px;
  padding-bottom: 30px;
}

.pg-products-search-contents-list.is-list .pg-product-search-content:after {
  display: block;
  content: '';
  clear: both;
}

.pg-products-search-contents-list.is-list .pg-product-search-content > .content-image {
  float: left;
  width: 34.2105263%;
  padding-right: 40px;
}

.pg-products-search-contents-list.is-list .pg-product-search-content > .content-text-group {
  float: right;
  width: 65.7894737%;
}

@media screen and (max-width: 520px) {
  .pg-products-search-contents-list.is-block > li, .pg-products-search-contents-list.is-list > li {
    width: 100%;
  border-bottom: solid 1px #d7d7e1;}
}




.content-title {
  line-height: 1.5; /*iact*/
}

.content-title-sub + p {
  overflow: hidden;
}
  .pg-heading-2 {
  font-size: 28px;
  padding-bottom: 30px;
  margin-top: 100px;
  font-weight:normal;
  min-height: 78px;
  line-height: 1.5;
  position: relative;
  }
.pg-heading-2::before{
  content: "";
  display: block;
  border-top: 2px solid #D7D7E1;
  margin-bottom: 20px;
  margin-top: -2px;
  /* z-index: 1; */
  width: 100%;
}
.pg-heading-2::after{
    position: absolute;
    content: "";
    display: block;
    width: 200px;
    border-top: solid 2px #E40046;
    /* position:relative; */
    /* margin-top: calc(-1.5em - 22px); */
    top: 0;
}

@media screen and (max-width: 960px) {
    .pg-heading-2 {
    font-size:22px;
    position: relative;
    }
  .banner-space {
    margin: 0 0 40px;
  }
  .pg-products-search-body {
    /* padding-left: 0; */
    /* padding-right: 0; */
  }
  .pg-products-search-contents-list.is-block {
    /* margin-left: 16px; */
    /* margin-right: 16px; */
  }
  .pg-products-search-contents-list.is-block > li {
    padding-top: 0;
    padding-bottom: 40px;
    /* border: none; */
    padding-left: 0;
    padding-right: 0;
  }
  .pg-products-search-contents-list.is-block > li:first-child , .pg-products-search-contents-list.is-block > li:nth-child(2n){
    /* padding: 0 0 20px 0; */
  }
  .pg-products-search-contents-list.is-block > li > .pg-product-search-content > .content-image + .content-text-group {
    margin-top: 2px;
  }
}

@media screen and (min-width: 961px) {
  .pg-kv-contents-wrapper {
    /* padding-top: 30px; */
    /* padding-bottom: 50px; */ /*iact*/
  }
  .pg-kv-contents-inner .description-txt {
    line-height: 1.6;
    margin-top: 15px;
    width: 53%;
    font-size: 16px;
    min-width: 500px;
    }
.is-pc .pg-btn-box,
  .pg-research-development-box.site-container.is-sp h1,
  .pg-research-development-box.site-container.is-sp .txt-main{
  display:none;
}
  .pg-research-development-box.site-container.is-sp{
    display:block;
    padding-bottom: 40px;
  }
div[id^="banner-contents-outer-products"] +.site-container{
    padding-bottom: 20px;
  }
#banner-contents-outer-products2+.site-container{
  margin-top:80px;
}
.pg-research-development-box+.banner-space{
  /* margin-top: -40px; */
  margin-bottom:80px;
}
  .pg-research-development-box+.banner-space .site-container{
    padding:40px 0;
  }
  .pg-btn-box {
    display: flex;
  /* position: absolute; *//* top: 100px; */}
  .pg-heading-2 {
    font-size: 28px;
    min-height:98px;
  }
 .pg-heading-2::before{
   margin-bottom:30px;
 }
  .pg-heading-2::after{
   /* margin-top: calc(-1.5em - 32px); */
 }
  .pg-products-search-contents-list.is-block .pg-product-search-content > .content-text-group > .content-title + .content-title-sub, .pg-products-search-contents-list.is-list .pg-product-search-content > .content-text-group > .content-title + .content-title-sub {
    margin-top: 30px;
  }
  

  .pg-products-search-contents-box {
    /* margin-top: 0; */
  }
  .pg-anchor-link-fullborder {
    /* border-bottom: 1px solid #D7D7E1; */
  /* margin-top: 60px; *//* margin-bottom: 30px; */}
  .pg-anchor-link-fullborder > .anchor-link {
    border-top: none;
    border-bottom: none;
  }
  .anchor-link {
    /* padding-top: 60px; */
    /* padding-bottom: 30px; */
    border-top: none;
  }
  .anchor-link .icn-anchor-link {
    font-size: 16px;
    /* font-weight: bold; */
  }

  .pg-semiconductorProcess-box {
    margin-top: 40px;
  }
  .optionalMember-box {
    margin-top: 70px;
    padding: 0;
  }
}

@media screen and (max-width: 960px) {
  .optionalMember-box {
    margin-top: 40px;
  }
  .pg-info-link-box {
    padding-left: 0;
    padding-right: 0;
  }
   .list-content > ul > li:not(.link-icn) > div > a:after {
    position: absolute;
    bottom: calc(17px + .3em);
    right: 15px;
    content: '';
    display: block;
    border-top: solid 1px #1566cc;
    border-right: solid 1px #1566cc;
    width: 13px;
    height: 13px;
    transform: rotate(45deg);
    transition: 0.2s ease-in-out;
  }
}

@media screen and (min-width: 961px) {
  .pg-bd-top {
    border-top: 2px solid #D7D7E1;
  }
  .side-contents-list-container {
    /* margin-top: 30px; */
    /* padding: 0; */
  }
  .side-contents-list-container > h2 {
    /* margin-top: 10px; */
    /* margin-bottom: 20px; */
  }
  .side-contents {
    width: 22.74%;
    float: left;
    /* padding-right: 3%; */
  }
  .side-contents + .col-3-4{
    float:right;
  }
  .side-contents .side-content-text-box {
    margin-top: 15px;
  }
  .side-contents .side-content-text-box > p {
    margin-top: 15px;
  }

  .list-content > ul {
    letter-spacing: -0.5em;
    margin-top: 10px;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  display: flex;gap: 0 2.5%;}
  .list-content > ul > li {
    width: calc(33.33% - 20px);
    /* display: inline-block; */
    letter-spacing: normal;
    position: relative;
    vertical-align: top;
  }
  .list-content > ul > li > div {
    /* padding: 12px 0; */
    /* width: 90%; */
    border-bottom: 1px solid #D7D7E1;
    /*padding-right: 40px;*/ /*iact*/
    height: 100%;
  }
  /*iact start*/
  .list-content > ul > li.link-icn > div {
    /* padding-right: 40px; */
  }
  /*iact end*/
  .list-content > ul > li > div > a {
    display: block;
    padding: 12px 0;
    font-weight: 600;
    color: #1566cc;
    position:
    relative;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 0 1px;
    transition: background-size 0.6s;
  }
  
  .list-content > ul > li > div > a:hover {
    color:#0046a0;
  }
  .list-content > ul > li > div > a:after {
    position: absolute;
    bottom: calc(12px + 0.6em);
    right: 15px;
    content: '';
    display: block;
    /* border-top: solid 1px #0046a0; */
    /* border-right: solid 1px #0046a0; */
    width: 14px;
    height: 14px;
    /* transform: rotate(45deg); */
    opacity:0;
    transition: 0.2s ease-in-out;
    background: url(/en/assets/images/icon_link_arrow_blue.svg) 0 0 no-repeat;
    background-size: cover;
  }
  .list-content > ul > li > div > a:hover:after {
    opacity:1;
    right: 0;
  }
  .list-content > ul > .link-icn > div > a:after {
    content: "";
    display: inline-block;
    background-image: url(/en/assets/images/icon_blank_blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    /* position: absolute; */
    bottom: calc(12px + 0.6em);
    right: 0;
    margin-left: 1em;
    opacity:1;
    transform: rotate(0deg);
    border:
    none;
  }
  .list-content > .pg-info-four-list {
    margin-top: 40px;
    margin-bottom: 30px;
  }
  .list-content > .pg-info-four-list > li {
    width: 23.125%;
  }
  @keyframes anim2 {
  0% {transform: scale(0, 1);}
  50% {transform: scale(0, 1);}
  100% {transform: scale(1, 1);}
}
}

@media screen and (max-width: 960px) {
  .side-contents-list-container {
    /* padding: 0 16px; */
  }
  .side-contents-list-container .side-contents{
    display:flex;
  }
  .side-contents-list-container .side-contents > .content-image {
     width: 34.32%; 
    /* float: left; */
    padding-right: 3%;
  }
  .side-contents-list-container .side-contents > .side-content-text-box {
    /* float: left; */
    /* width: 60%; */
  }
  .side-contents-list-container .list-content .pg-info-list, .side-contents-list-container .list-content .pg-info-four-list {
    margin-top: 21px;
    border-top: 2px solid #D7D7E1;
  }
  .side-contents-list-container .list-content .pg-info-list > li, .side-contents-list-container .list-content .pg-info-four-list > li {
    padding: 12px 0;
    font-weight: 600;
    border-bottom: 1px solid #d7d7e1;
    position: relative;
  }
  .side-contents-list-container .list-content .pg-info-list > li > div > a, .side-contents-list-container .list-content .pg-info-four-list > li > div > a {
    /* color: #1566cc; */
  }
  .side-contents-list-container .list-content .pg-info-list > .link-icn > div > a:after, .side-contents-list-container .list-content .pg-info-four-list > .link-icn > div > a:after {
    content: "";
    display: inline-block;
    background-image: url(/en/assets/images/icon_blank_blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 17px;
    right: 10px;
  }
}

@media screen and (min-width: 961px) {
  .pg-site-wrapper-mw {
    min-width: 980px;
    background-color: #FFFFFF;
  }
}