<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#wrapper section {
 position: relative;
 width: 100%;
}
#wrapper section.about_area .about_tech {
 padding: 70px 0 120px;
 background: #f2f2f2;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech {
  padding: 35px 0 60px;
 }
}
#wrapper section.about_area .about_tech &gt;.inner {
 width: 100%;
 max-width: 1080px;
 margin: 0 auto;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech &gt;.inner {
  padding: 0 5%;
 }
}
#wrapper section.about_area .about_tech &gt;.inner .tech_lead h2 {
 line-height: 1.5;
 margin-bottom: 30px;
 font-weight: bold;
 font-size: 32px;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech &gt;.inner .tech_lead h2 {
  margin-bottom: 15px;
  font-size: 22px;
 }
}
#wrapper section.about_area .about_tech &gt;.inner .tech_lead p.txt {
 line-height: 2;
 font-size: 16px;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech &gt;.inner .tech_lead p.txt {
  font-size: 14px;
 }
}
#wrapper section.about_area .about_tech &gt;.inner .tech_lead p.txt span {
 font-size: 12px;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech &gt;.inner .tech_lead p.txt span {
  font-size: 10px;
 }
}
#wrapper section.about_area .about_tech &gt;.inner .tech_lead p.more {
 margin-top: 1em;
 text-align: right;
}
#wrapper section.about_area .about_tech &gt;.inner .tech_lead p.more a img {
 width: 270px;
}
#wrapper section.about_area .about_tech &gt;.inner .jis1,#wrapper section.about_area .about_tech &gt;.inner .correction,#wrapper section.about_area .about_tech &gt;.inner .impact {
 width: 100%;
 max-width: 760px;
 margin: 0 auto 100px;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech &gt;.inner .jis1,#wrapper section.about_area .about_tech &gt;.inner .correction,#wrapper section.about_area .about_tech &gt;.inner .impact {
  margin-bottom: 50px;
 }
}
#wrapper section.about_area .about_tech &gt;.inner .jis1 .col2,#wrapper section.about_area .about_tech &gt;.inner .correction .col2,#wrapper section.about_area .about_tech &gt;.inner .impact .col2 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 margin-top: 40px;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech &gt;.inner .jis1 .col2,#wrapper section.about_area .about_tech &gt;.inner .correction .col2,#wrapper section.about_area .about_tech &gt;.inner .impact .col2 {
  display: block;
  margin-top: 20px;
 }
}
#wrapper section.about_area .about_tech &gt;.inner .jis1 .col2 .txt_area,#wrapper section.about_area .about_tech &gt;.inner .correction .col2 .txt_area,#wrapper section.about_area .about_tech &gt;.inner .impact .col2 .txt_area {
 width: 50%;
 padding-right: 30px;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech &gt;.inner .jis1 .col2 .txt_area,#wrapper section.about_area .about_tech &gt;.inner .correction .col2 .txt_area,#wrapper section.about_area .about_tech &gt;.inner .impact .col2 .txt_area {
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
 }
}
#wrapper section.about_area .about_tech &gt;.inner .jis1 .col2 .img,#wrapper section.about_area .about_tech &gt;.inner .correction .col2 .img,#wrapper section.about_area .about_tech &gt;.inner .impact .col2 .img {
 width: 50%;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech &gt;.inner .jis1 .col2 .img,#wrapper section.about_area .about_tech &gt;.inner .correction .col2 .img,#wrapper section.about_area .about_tech &gt;.inner .impact .col2 .img {
  width: 100%;
 }
}
#wrapper section.about_area .about_tech &gt;.inner .jis1 .col2 .img img,#wrapper section.about_area .about_tech &gt;.inner .correction .col2 .img img,#wrapper section.about_area .about_tech &gt;.inner .impact .col2 .img img {
 width: 100%;
}
#wrapper section.about_area .about_tech &gt;.inner .correction {
 margin-bottom: 160px;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech &gt;.inner .correction {
  margin-bottom: 80px;
 }
}
#wrapper section.about_area .about_tech &gt;.inner .correction .col2 {
 margin-top: 70px;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech &gt;.inner .correction .col2 {
  margin-top: 35px;
 }
}
#wrapper section.about_area .about_tech &gt;.inner .impact {
 width: 100%;
 max-width: 760px;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech &gt;.inner .impact {
  display: block;
  margin-bottom: 55px;
 }
}
#wrapper section.about_area .about_tech &gt;.inner .area {
 margin: 40px 0 180px;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech &gt;.inner .area {
  margin: 20px auto 80px;
 }
}
#wrapper section.about_area .about_tech &gt;.inner .area ul {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 gap: 10px;
 margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech &gt;.inner .area ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 4%;
 }
}
#wrapper section.about_area .about_tech &gt;.inner .area ul li {
 text-align: center;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech &gt;.inner .area ul li {
  width: 48%;
 }
}
#wrapper section.about_area .about_tech &gt;.inner .area ul li p.txt {
 font-size: 20px;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech &gt;.inner .area ul li p.txt {
  font-size: 18px;
 }
}
#wrapper section.about_area .about_tech &gt;.inner .area p.note {
 line-height: 2;
 font-size: 12px;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech &gt;.inner .area p.note {
  font-size: 10px;
 }
}
#wrapper section.about_area .about_tech &gt;.inner h3 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: relative;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 margin-bottom: 20px;
 font-weight: bold;
 font-size: 24px;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech &gt;.inner h3 {
  margin-bottom: 10px;
  font-size: 18px;
 }
}
#wrapper section.about_area .about_tech &gt;.inner h3:before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: -20px;
 width: 2px;
 height: 100%;
 background: #7dc8fa;
}
#wrapper section.about_area .about_tech &gt;.inner h3 span {
 margin-bottom: 10px;
 color: #7dc8fa;
 font-size: 18px;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech &gt;.inner h3 span {
  font-size: 16px;
 }
}
#wrapper section.about_area .about_tech &gt;.inner h4 {
 margin-bottom: 10px;
 font-weight: bold;
 font-size: 18px;
}
#wrapper section.about_area .about_tech &gt;.inner p.txt {
 line-height: 2;
 font-size: 16px;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .about_tech &gt;.inner p.txt {
  font-size: 14px;
 }
}
#wrapper section.about_area .search {
 width: 100%;
}
#wrapper section.about_area .search a {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 max-width: 1080px;
 height: 120px;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 margin: 0 auto;
 background: #7dc8fa;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .search a {
  height: 70px;
 }
}
@media (hover) {
 #wrapper section.about_area .search a:hover {
  opacity: 0.7;
 }
}
#wrapper section.about_area .search span {
 position: relative;
 color: #ffffff;
 font-size: 24px;
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .search span {
  font-size: 16px;
 }
}
#wrapper section.about_area .search span img {
 position: absolute;
 top: 50%;
 right: -60px;
 -webkit-transform: translate(0, -50%);
         transform: translate(0, -50%);
}
@media screen and (max-width: 960px) {
 #wrapper section.about_area .search span img {
  right: -35px;
  width: 30px;
 }
}
#wrapper section.note {
 padding-bottom: 20px;
 background: #f2f2f2;
 text-align: center;
}
#wrapper section.note p {
 font-size: 12px;
}
@media screen and (max-width: 960px) {
 #wrapper section.note p {
  font-size: 10px;
 }
}
/*# sourceMappingURL=../../core-technology/perfex/css/layout.css.map */
</pre></body></html>