@charset "UTF-8";
html {
  margin-top: 0 !important;
}

body {
  height: auto !important;
  margin-top: 0 !important;
}

#hiddendiv {
  display: none;
}

main {
  overflow: visible;
}
main p {
  margin-bottom: 1.2rem;
  letter-spacing: 1px;
}
main a {
  letter-spacing: 1px;
}
main h1 {
  font-size: 2.8rem;
}
main h2 {
  font-size: 2.4rem;
}
main h3 {
  font-size: 1.8rem;
}
main h4 {
  font-size: 1.6rem;
}
main h1, main h2, main h3, main h4 {
  font-family: "Zen Old Mincho", serif;
  text-shadow: 0.5px 0 0 currentColor;
  font-weight: 500;
  margin-bottom: 1.2rem;
  letter-spacing: 1.2px;
}
@media screen and (min-width: 1024px) {
  main h1 {
    font-size: 4rem;
  }
  main h2 {
    font-size: 3.2rem;
  }
  main h3 {
    font-size: 2.4rem;
    line-height: 1.8;
  }
  main h4 {
    font-size: 2rem;
    line-height: 1.8;
  }
  main h1, main h2, main h3, main h4 {
    letter-spacing: 3.2px;
    margin-bottom: 2.4rem;
  }
}
main .en-ttl {
  color: #2B3F5E;
  font-size: 1.4rem;
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.5rem;
  letter-spacing: 0.8px;
}
main .en-ttl::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  background-color: #2B3F5E;
  margin-right: 10px;
}
@media screen and (min-width: 1024px) {
  main .en-ttl {
    font-size: 1.6rem;
  }
}
main .en-ttl-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
main .en-ttl-center::before {
  display: none;
}
main .sub-ttl {
  border-left: 1.5px solid #2B3F5E;
  padding-left: 1rem;
}
@media screen and (min-width: 1024px) {
  main .sub-ttl {
    margin-bottom: 1.2rem;
    padding-left: 2.4rem;
  }
}
main .sec-line-ttl {
  text-align: center;
  border-bottom: 1px solid #000;
  padding-bottom: 1.2rem;
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 1024px) {
  main .sec-line-ttl {
    margin-bottom: 4.8rem;
  }
}
main .line-ttl {
  border-bottom: 1px solid #B2B2B2;
  padding-bottom: 1.2rem;
  margin-bottom: 1.2rem;
  position: relative;
}
main .line-ttl::after {
  content: "";
  display: block;
  width: 20%;
  height: 1px;
  background-color: #333333;
  position: absolute;
  bottom: -1px;
}
main .last-txt {
  margin-bottom: 3.2rem;
}
@media screen and (min-width: 1024px) {
  main .last-txt {
    margin-bottom: 6.4rem;
  }
}
main .inset-ttl {
  background: #F4F4F4;
  padding: 1rem;
  margin-bottom: 1.2rem;
}
main .inset-ttl_left {
  display: inline-block;
}
main .box-ttl {
  border: 1px solid #333333;
  padding: 0.8rem 1.2rem;
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 1024px) {
  main .box-ttl {
    padding: 1.2rem 1.2rem;
  }
}
main .sec-ttl {
  margin-bottom: 3.2rem;
}
main .check-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
main .check-ttl::before {
  content: "";
  display: block;
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/high-decorative-paint/check.svg) no-repeat;
  background-size: contain;
  width: 22px;
  height: 20px;
  margin-right: 8px;
}
@media screen and (min-width: 1024px) {
  main .check-ttl {
    margin-bottom: 1rem;
  }
}
main .blue-txt {
  color: #2B3F5E;
}

.max-width-500 {
  max-width: 50rem;
  margin: 0 auto;
}

.max-width-600 {
  max-width: 60rem;
  margin: 0 auto;
}

.max-width-700 {
  max-width: 70rem;
  margin: 0 auto;
}

.max-width-800 {
  max-width: 80rem;
  margin: 0 auto;
}

.ta-center {
  text-align: center;
}

.f-mincho {
  font-family: "Zen Old Mincho", serif;
  text-shadow: 0.5px 0 0 currentColor;
  font-weight: 500;
}

.f-garamond {
  font-family: "Cormorant Garamond", serif;
}

.main-text {
  color: #2B3F5E;
}

.center-midasi {
  text-align: center;
  padding-bottom: 1.5rem;
  font-family: "Zen Old Mincho", serif;
  line-height: 1.8;
  text-shadow: 0.5px 0 0 currentColor;
  font-weight: 500;
}

.center-sub-midasi {
  text-align: center;
  font-size: 1.6rem;
  padding-bottom: 1rem;
  font-family: "Zen Old Mincho", serif;
  text-shadow: 0.5px 0 0 currentColor;
  font-weight: 500;
}

.bg-blue {
  background-color: #2B3F5E;
}

.low-text {
  line-height: 1.6;
}

.scroll-area {
  overflow: hidden;
}
.scroll-area img {
  width: 220%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.roof-text:before {
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/common/roof-pass.png);
}

.link-btn {
  font-family: "Cormorant Garamond", serif;
  text-align: center;
  display: block;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.6rem;
}
.link-btn:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #2B3F5E;
  border-radius: 50rem;
  margin-right: 1rem;
}

.line-btn {
  font-size: 1.3rem;
  color: #2B3F5E;
  border: 1px solid #2B3F5E;
  padding: 1.2rem 1rem;
  text-align: center;
  display: block;
  position: relative;
  background: #fff;
}
.line-btn:after {
  content: "";
  display: block;
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/common/main-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.3rem;
  height: 1.3rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.btn-area li {
  margin-bottom: 1.5rem;
}
.btn-area li:last-child {
  margin-bottom: 0;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.center-text {
  text-align: center;
}

.mincho-midasi {
  font-family: "Zen Old Mincho", serif;
  font-size: 2rem;
  text-shadow: 0.5px 0 0 currentColor;
  font-weight: 500;
}

.bg-img-area {
  background: #fff;
  margin-top: 2rem;
}

.hukidashi {
  padding: 10px;
}
.hukidashi::after {
  content: "";
  display: block;
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/common/hukidashi.svg) no-repeat;
  background-size: contain;
  height: 14px;
  margin-top: 5px;
}
.hukidashi h4 {
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .hukidashi:after {
    height: 16px;
  }
}

.product-lineup-ttl {
  background-color: #2B3F5E;
  color: #fff;
  position: relative;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2.4rem 2rem;
}
.product-lineup-ttl::after {
  display: block;
  content: "";
  height: 100%;
  width: 37%;
  position: absolute;
  right: 0;
  top: 0;
}
.product-lineup-ttl .icon {
  width: 23px;
  margin-right: 10px;
}
@media screen and (min-width: 768px) {
  .product-lineup-ttl {
    padding: 3.2rem 4rem;
  }
  .product-lineup-ttl:after {
    width: 55%;
  }
}
@media screen and (min-width: 1024px) {
  .product-lineup-ttl {
    padding: 4.8rem 4rem;
  }
  .product-lineup-ttl::after {
    width: 50%;
  }
}

.product-lineup-ttl_exterior::after {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/common/product-lineup-ttl-img_1.png) no-repeat;
  background-size: cover;
  background-position: left;
}

.product-lineup-ttl_roof::after {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/common/product-lineup-ttl-img_2.png) no-repeat;
  background-size: cover;
  background-position: left;
}

.vertical-rl {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  letter-spacing: 3px;
  vertical-align: middle;
  text-align: center;
}

.table-wrap {
  overflow-x: scroll;
}

table {
  width: 160%;
}
table td, table th {
  padding: 10px;
  vertical-align: middle;
  font-family: "Zen Old Mincho", serif;
}
@media screen and (min-width: 768px) {
  table {
    width: 100%;
  }
}

summary {
  display: block;
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

.page-top .fv {
  position: relative;
  width: 100%;
  margin-top: 60px;
  overflow: hidden;
}
.page-top .fv-video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 1;
  max-width: 1500px;
  margin: 0 auto;
  display: block;
}
.page-top .relative {
  position: relative;
}
.page-top .is-sticky {
  position: sticky;
  top: 0;
  z-index: -1;
}
.page-top .is-sticky .fv-bg-black, .page-top .is-sticky .fv-bg-cat, .page-top .is-sticky .fv-cat-img {
  opacity: 0 !important;
}
@media screen and (min-width: 1024px) {
  .page-top .fv {
    margin-top: 85px;
  }
  .page-top .product-lineup-ttl {
    font-size: 2.8rem;
    overflow: hidden;
  }
  .page-top .product-lineup-ttl:hover {
    cursor: pointer;
  }
  .page-top .product-lineup-ttl:hover::before {
    -webkit-animation: 2.5s 0s shine linear infinite;
            animation: 2.5s 0s shine linear infinite;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.6)), color-stop(75%, rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 75%);
    content: "";
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    -webkit-transform: skewX(-15deg);
            transform: skewX(-15deg);
    width: 100%;
    z-index: 1;
  }
  @-webkit-keyframes shine {
    20% {
      left: 100%;
    }
    100% {
      left: 100%;
    }
  }
  @keyframes shine {
    20% {
      left: 100%;
    }
    100% {
      left: 100%;
    }
  }
}

.top-message-sec {
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .top-message-sec {
    padding-block: 10rem;
  }
  .top-message-sec p {
    margin-bottom: 4rem;
    line-height: 2.4;
    text-align: center;
  }
}

.feature-sec .point-wrap {
  background: #fff;
  padding: 2rem;
  margin-top: 2.4rem;
}
.feature-sec .point-wrap .hukidasi {
  max-width: 18rem;
  margin-bottom: 12px;
}
.feature-sec .sec-ttl {
  font-size: 2rem;
}
.feature-sec .btn {
  margin-top: 3.2rem;
}
@media screen and (min-width: 768px) {
  .feature-sec .point-wrap {
    padding: 4rem;
  }
  .feature-sec .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .feature-sec .row p {
    margin-bottom: 0;
  }
  .feature-sec .row:nth-of-type(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1024px) {
  .feature-sec .sec-ttl {
    font-size: 2.8rem;
  }
  .feature-sec .hukidashi, .feature-sec h3 {
    margin-bottom: 1.2rem;
  }
  .feature-sec .flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .feature-sec .flex-wrap .txt-area {
    width: 58%;
  }
  .feature-sec .flex-wrap .txt-area p {
    margin-bottom: 1.2rem;
  }
  .feature-sec .flex-wrap img {
    width: 39%;
  }
  .feature-sec .point-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 6rem 4.8rem;
    margin-top: 4.8rem;
  }
  .feature-sec .point-wrap .txt-area {
    width: 57%;
  }
  .feature-sec .point-wrap img {
    width: 38%;
    margin-top: 0;
  }
  .feature-sec .point-wrap .hukidasi {
    max-width: 20rem;
    margin-bottom: 24px;
    width: 100%;
  }
  .feature-sec .btn {
    margin-top: 4rem;
    padding-inline: 4rem 6rem;
  }
}

.lineup-sec {
  background-color: #fff;
}
.lineup-sec .sec-ttl {
  margin-bottom: 3.2rem;
}
.lineup-sec .main-img {
  max-width: 76rem;
  width: 100%;
  margin-block: 2rem;
  display: block;
  margin-inline: auto;
}
.lineup-sec table {
  width: 200%;
}
.lineup-sec table .th-1 {
  background-image: linear-gradient(135deg, rgb(247, 247, 246), rgb(219, 219, 219));
}
.lineup-sec table .th-2 {
  background-image: linear-gradient(135deg, rgb(139, 141, 149), rgb(52, 65, 81) 50%, rgb(29, 46, 65));
  color: #fff;
}
.lineup-sec table .th-3 {
  background-image: linear-gradient(135deg, rgb(252, 251, 249), rgb(228, 218, 205));
}
.lineup-sec table .th-4 {
  background-image: linear-gradient(135deg, rgb(255, 255, 255), rgb(198, 216, 232));
}
.lineup-sec table th, .lineup-sec table td {
  text-shadow: 0.5px 0 0 currentColor;
  font-weight: 500;
  font-family: "Zen Old Mincho", serif;
}
.lineup-sec table th {
  line-height: 1.4;
  width: 20%;
  text-align: center;
  padding-block: 15px;
  position: relative;
}
.lineup-sec table th a {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1.6rem;
  line-height: 1.5;
}
.lineup-sec table td, .lineup-sec table th {
  border: 5px solid #f5f5f5;
}
.lineup-sec table .product-name, .lineup-sec table .product-img, .lineup-sec table .arrow-cell {
  background-color: #fff;
}
.lineup-sec table .link-arrow {
  margin: 12px auto 0;
}
.lineup-sec table .product-name {
  font-size: 1.6rem;
  border-right: none;
  position: relative;
  width: 40%;
  padding-left: 20px;
}
.lineup-sec table .product-img {
  border-left: none;
  width: 15%;
  padding-left: 0;
}
.lineup-sec table .product-img img {
  width: 100%;
  max-width: 8rem;
  margin: 0 auto;
}
.lineup-sec table .arrow-cell {
  border-left: none;
}
.lineup-sec table .cat {
  background-color: #fff;
  text-align: center;
  width: 6%;
  font-size: 1.3rem;
  letter-spacing: 1px;
}
.lineup-sec table .cat span {
  white-space: pre;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  display: inline-block;
}
.lineup-sec .kouisho-table .product-img img {
  max-width: 14rem;
  margin-left: auto;
  margin-right: 0;
}
.lineup-sec .kouisho-table .product-name {
  width: 28%;
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.lineup-sec .kouisho-table .product-name .name {
  margin-bottom: 1rem;
  display: block;
}
.lineup-sec .kouisho-table .product-name:nth-of-type(2) {
  width: 27%;
  border-right: 5px solid #f5f5f5;
}
.lineup-sec .kouisho-table tr:first-child th, .lineup-sec .kouisho-table tr:first-child td {
  border-top: none;
}
.lineup-sec .kouisho-table th {
  width: 19%;
}
.lineup-sec .accordion-plus {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  min-width: 14px;
  height: 1px;
  background-color: #fff;
  position: relative;
}
.lineup-sec .accordion-plus::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.lineup-sec details[open] .accordion-plus::before {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.lineup-sec .accordion-plus-wrap {
  border: 1px solid #fff;
  border-radius: 50rem;
  height: 24px;
  width: 24px;
  margin-right: 1rem;
  padding: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lineup-sec .pc-only {
  display: none;
}
.lineup-sec .products-accordion {
  margin-bottom: 1.2rem;
}
.lineup-sec .products-accordion:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .lineup-sec table {
    width: 120%;
  }
  .lineup-sec table .product-name {
    font-size: 1.8rem;
  }
  .lineup-sec table .th {
    width: 18%;
  }
  .lineup-sec table .cat {
    width: 4%;
    font-size: 1.5rem;
  }
  .lineup-sec table .product-name {
    width: 35%;
  }
  .lineup-sec .kouisho-table .product-name .name {
    line-height: 1.4;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .lineup-sec .sp-only {
    display: none;
  }
  .lineup-sec .pc-only {
    display: block;
  }
  .lineup-sec .sec-ttl {
    margin-bottom: 6.4rem;
  }
  .lineup-sec .main-img {
    margin-block: 4.8rem;
  }
  .lineup-sec .accordion-plus-wrap {
    margin-right: 2.4rem;
    height: 32px;
    width: 32px;
  }
  .lineup-sec table {
    width: 100%;
    max-width: 1000px;
  }
  .lineup-sec table th {
    padding-inline: 2.4rem;
  }
  .lineup-sec table th a {
    font-size: 2rem;
  }
  .lineup-sec table .product-name {
    padding-left: 32px;
    line-height: 1.6;
    font-size: 2rem;
  }
  .lineup-sec table .cat {
    font-size: 1.6rem;
    width: 5%;
  }
  .lineup-sec table .arrow-cell a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .lineup-sec table .link-arrow {
    width: 40px;
    height: 40px;
    margin: 15px auto 0;
  }
  .lineup-sec table .product-img {
    padding-block: 15px;
  }
  .lineup-sec .kouisho-table .product-name {
    padding: 20px 32px;
  }
  .lineup-sec .kouisho-table .product-name:nth-of-type(2) {
    width: 28%;
  }
  .lineup-sec .kouisho-table th a {
    font-size: 1.8rem;
  }
  .lineup-sec .products-accordion {
    margin-bottom: 3.2rem;
  }
  .lineup-sec .products-accordion a:hover .link-arrow {
    background-color: #2B3F5E;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .lineup-sec .products-accordion a:hover .link-arrow::before {
    background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/common/right-arrow.svg) no-repeat;
    background-size: contain;
  }
}
@media screen and (min-width: 1280px) {
  .lineup-sec table {
    margin: 4rem auto;
  }
  .lineup-sec .kouisho-table th {
    width: 15%;
  }
  .lineup-sec .kouisho-table .kouisho {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-left: none;
    border-bottom: none;
  }
  .lineup-sec .kouisho-table .kouisho .name {
    width: 49%;
    margin-bottom: 0;
  }
  .lineup-sec .kouisho-table .kouisho img {
    width: 49%;
    max-width: 180px;
  }
  .lineup-sec .kouisho-table .kouisho th {
    border-bottom: 0;
  }
  .lineup-sec .kouisho-table .product-name:nth-of-type(2) {
    width: 27%;
    border-bottom: 0;
  }
}

.simulation-sec .card {
  background: #fff;
  padding: 2rem;
  height: 100%;
}
.simulation-sec .card .en-ttl {
  margin-bottom: 1rem;
  line-height: 1;
}
.simulation-sec .card .en-ttl span {
  font-size: 2rem;
  margin-left: 0.8rem;
}
.simulation-sec .card h4 {
  margin-bottom: 1.8rem;
}
.simulation-sec .col-xs-12 {
  margin-bottom: 2rem;
}
.simulation-sec .btn {
  margin-inline: auto;
}
@media screen and (min-width: 1024px) {
  .simulation-sec .row {
    margin-top: 4.8rem;
  }
  .simulation-sec .card {
    padding: 4rem;
  }
  .simulation-sec .btn {
    margin-top: 4.8rem;
    padding-inline: 4rem 6rem;
  }
}

.contact-sec {
  background-color: #fff;
}
.contact-sec .inner-inner-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  width: 100%;
  padding: 2rem;
  height: 200px;
}
.contact-sec .inner-content {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/top/fv.jpg) no-repeat;
  background-size: cover;
  height: 200px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  background-position: center;
}
.contact-sec .inner-content h3 {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 2rem;
}
.contact-sec .inner-content:before {
  content: "";
  display: block;
  background-color: #001745;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.contact-sec .inner-content::after {
  content: "Contact";
  display: block;
  color: #fff;
  opacity: 0.2;
  font-family: "Cormorant Garamond", serif;
  font-size: 8rem;
  position: absolute;
  bottom: 0;
  line-height: 1;
  padding-left: 2rem;
}
.contact-sec .inner-content .link-arrow {
  position: relative;
  z-index: 1;
  width: 40px;
  height: 40px;
}
.contact-sec .inner-content .link-arrow::before {
  width: 17px;
  height: 17px;
}
@media screen and (min-width: 768px) {
  .contact-sec .inner-inner-content {
    padding: 4rem;
  }
  .contact-sec .inner-content h3 {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .contact-sec .inner-content {
    height: 250px;
    background-position: 0 -370px;
  }
  .contact-sec .inner-content:hover:before {
    opacity: 1;
    mix-blend-mode: normal;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .contact-sec .inner-content:after {
    bottom: -14px;
    padding-left: 6.4rem;
    font-size: 9rem;
  }
  .contact-sec .inner-content h3 {
    font-size: 2.8rem;
  }
  .contact-sec .inner-content .link-arrow {
    width: 70px;
    height: 70px;
  }
  .contact-sec .inner-content .link-arrow::before {
    width: 19px;
    height: 19px;
  }
  .contact-sec .inner-inner-content {
    height: 250px;
    padding-inline: 6.4rem;
  }
  .contact-sec .inner-inner-content:after {
    opacity: 1;
  }
}
@media screen and (min-width: 1280px) {
  .contact-sec .inner-content:after {
    bottom: -19px;
    font-size: 11rem;
  }
}

.kaso-fv .page-ttl {
  margin-bottom: 2rem;
}
.kaso-fv .page-ttl::after {
  content: "";
  display: block;
  background-color: #2B3F5E;
  width: 25px;
  height: 1px;
  margin-top: 1.5rem;
}
.kaso-fv .fv-txt {
  margin-bottom: 3.2rem;
  font-size: 1.6rem;
}
.kaso-fv .btn-list {
  margin-bottom: 3.2rem;
}
.kaso-fv .btn-list .btn {
  display: block;
  text-align: center;
  padding: 1rem 0.8rem;
  font-size: 1.6rem;
  position: relative;
  width: 100%;
  margin-top: 1rem;
}
.kaso-fv .btn-list .btn .link-arrow {
  width: 27px;
  height: 27px;
  right: 9px;
}
.kaso-fv .btn-list .btn .link-arrow:before {
  rotate: 0deg;
}
.kaso-fv .btn-list .btn .btn-txt {
  position: relative;
}
.kaso-fv .btn-list .btn .btn-txt::before {
  content: "";
  display: block;
  width: 21px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: -30px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.kaso-fv .btn-list .btn_exterior .btn-txt::before {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/common/exterior-wall-icon.svg) no-repeat;
  background-size: contain;
}
.kaso-fv .btn-list .btn_exterior:hover .btn-txt::before {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/common/exterior-wall-icon_blue.svg) no-repeat;
  background-size: contain;
}
.kaso-fv .btn-list .btn_roof .btn-txt::before {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/common/roof-icon.svg) no-repeat;
  background-size: contain;
}
.kaso-fv .btn-list .btn_roof:hover .btn-txt::before {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/common/roof-icon_blue.svg) no-repeat;
  background-size: contain;
}
.kaso-fv .product-img {
  height: 58vw;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  max-width: 50rem;
  margin: 0 auto;
  max-height: 100%;
}
@media screen and (min-width: 768px) {
  .kaso-fv .product-img {
    max-height: 28rem;
  }
}
@media screen and (min-width: 1024px) {
  .kaso-fv {
    height: 515px;
    padding-block: 8rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .kaso-fv .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
  .kaso-fv .page-ttl {
    margin-bottom: 3.2rem;
  }
  .kaso-fv .page-ttl:after {
    margin-top: 2.4rem;
  }
  .kaso-fv .fv-txt {
    font-size: 1.8rem;
    line-height: 2;
  }
  .kaso-fv .btn-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
  }
  .kaso-fv .btn-list li {
    margin-right: 1rem;
  }
  .kaso-fv .btn-list .btn {
    margin-top: 0;
    padding: 8px 45px;
    font-size: 1.4rem;
  }
  .kaso-fv .btn-list .btn .link-arrow {
    right: 6px;
    width: 24px;
    height: 24px;
  }
  .kaso-fv .btn-list .btn .link-arrow:before {
    width: 8px;
    height: 8px;
  }
  .kaso-fv .btn-list .btn .btn-txt:before {
    width: 19px;
    height: 12px;
    left: -27px;
  }
  .kaso-fv .btn-list .btn_feature {
    padding-left: 25px;
  }
  .kaso-fv .product-img {
    max-height: 100%;
    position: absolute;
    right: 0;
    top: 3rem;
  }
}

.page-kaso p {
  line-height: 1.6;
}
.page-kaso .row {
  margin-bottom: 3.2rem;
}
.page-kaso .row:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .page-kaso .row {
    margin-bottom: 6.4rem;
  }
}
.page-kaso .product-lineup-ttl {
  margin-bottom: 4rem;
}
@media screen and (min-width: 1024px) {
  .page-kaso .product-lineup-ttl {
    padding-left: calc(50% - 550px);
    margin-bottom: 6.8rem;
  }
  .page-kaso .product-lineup-ttl .icon {
    width: 33px;
    margin-right: 15px;
  }
}
.page-kaso .col-xs-12:last-child .product-card {
  margin-bottom: 0;
}
.page-kaso .product-card {
  background-color: #F8F8F8;
  padding: 3.2rem 2rem;
  margin-bottom: 2.4rem;
}
.page-kaso .product-card .product-img {
  max-width: 120px;
  width: 100%;
  margin: 0 auto 2.4rem;
}
.page-kaso .product-card .cat-list {
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-kaso .product-card .cat-list li {
  font-size: 1rem;
  border: 1px solid #2B3F5E;
  padding: 3px 6px;
  display: inline-block;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-right: 8px;
}
.page-kaso .product-card .cat-list li::before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  margin-right: 2px;
}
.page-kaso .product-card .cat-list .cat_1::before {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/common/product-cat_1.svg) no-repeat;
  background-size: contain;
  width: 9px;
  height: 9px;
}
.page-kaso .product-card .sub-name {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  letter-spacing: 1.4px;
}
.page-kaso .product-card .main-name {
  font-size: 1.8rem;
}
.page-kaso .product-card .name-wrap {
  border-bottom: 1px solid #333;
  margin-bottom: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-kaso .product-card .name-wrap .cat-img {
  width: 45px;
  margin-left: 10px;
}
.page-kaso .product-card .tag-list {
  margin-bottom: 2.4rem;
}
.page-kaso .product-card .tag-list li {
  font-size: 1rem;
  background: #DDDDDD;
  padding: 2px 7px;
  display: inline-block;
  line-height: 1.5;
  margin-right: 5px;
}
.page-kaso .product-card .btn {
  width: 100%;
  margin: 0 auto;
  padding: 1.2rem 1rem;
  max-width: 27rem;
}
@media screen and (min-width: 768px) {
  .page-kaso .product-card {
    margin-bottom: 3.2rem;
  }
  .page-kaso .product-card .product-img {
    height: 220px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media screen and (min-width: 1024px) {
  .page-kaso .product-card .product-img {
    max-width: 135px;
  }
  .page-kaso .product-card .cat-list li {
    font-size: 1.2rem;
  }
  .page-kaso .product-card .sub-name {
    font-size: 1.4rem;
    letter-spacing: 1.4px;
  }
  .page-kaso .product-card .main-name {
    font-size: 2.4rem;
    line-height: 1.2;
    margin-bottom: 1.2rem;
  }
  .page-kaso .product-card .tag-list {
    margin-bottom: 3.2rem;
  }
  .page-kaso .product-card .tag-list li {
    font-size: 1.2rem;
    padding: 3px 8px;
  }
  .page-kaso .product-card .name-wrap {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 1.5rem;
  }
  .page-kaso .product-card .name-wrap .cat-img {
    width: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .page-kaso p {
    line-height: 2;
  }
}
@media screen and (min-width: 768px) {
  .page-kaso .product-card_one {
    padding: 4rem;
  }
  .page-kaso .product-card_one .product-card_one-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-kaso .product-card_one .product-img {
    margin-bottom: 0;
  }
  .page-kaso .product-card_one .btn {
    margin-left: 0;
    max-width: 28rem;
  }
}
@media screen and (min-width: 1024px) {
  .page-kaso .product-card_one {
    padding: 4rem;
    margin-bottom: 6.4rem;
  }
  .page-kaso .product-card_one .product-card_one-inner {
    max-width: 750px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto;
  }
  .page-kaso .product-card_one .product-img {
    height: 270px;
    max-width: 160px;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .page-kaso .product-card_two {
    margin-bottom: 0;
  }
  .page-kaso .product-card_two .txt-area {
    height: 260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media screen and (min-width: 1024px) {
  .page-kaso .product-card_two {
    padding: 2rem 4rem 4rem;
  }
  .page-kaso .product-card_two .txt-area {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.page-kaso .product-card_cat .product-img {
  max-width: 160px;
}
@media screen and (min-width: 1024px) {
  .page-kaso .product-card_cat .product-img {
    max-width: 180px;
  }
}
.page-kaso .inset-area {
  background-color: #fff;
  -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
          box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
  padding: 3.2rem 2rem;
  margin-bottom: 3.2rem;
}
@media screen and (min-width: 1024px) {
  .page-kaso .inset-area {
    padding: 4.8rem 6.4rem;
    margin-bottom: 6.4rem;
  }
  .page-kaso .inset-area .inset-ttl.ta-center {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto 1.2rem;
  }
  .page-kaso .inset-area p.ta-center {
    margin-bottom: 3.2rem;
  }
  .page-kaso .inset-area .inset-ttl {
    line-height: 1.5;
    padding: 1.2rem 2.4rem;
  }
}
.page-kaso .roof-list:nth-of-type(1) {
  margin-bottom: 2rem;
}
.page-kaso .roof-list .txt {
  border-bottom: 1px solid #333;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
}
.page-kaso .roof-list .img {
  margin-bottom: 1.5rem;
}
.page-kaso .roof-list .img:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .page-kaso .roof-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .page-kaso .roof-list:nth-of-type(1) {
    margin-bottom: 1rem;
  }
  .page-kaso .roof-list .txt {
    margin-bottom: 0;
    width: 21%;
  }
  .page-kaso .roof-list .img {
    margin-bottom: 0;
    width: 38%;
  }
}

.stick-bottom {
  position: fixed;
  top: 85px;
}

.page-radical-control-technology .sec_1 {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/radical-control-technology/sec_1_bg.jpg) no-repeat;
  background-size: cover;
}
.page-radical-control-technology .sec_1 .txt-area {
  color: #fff;
  background: rgba(0, 0, 0, 0.52);
  padding: 3.2rem;
}
.page-radical-control-technology .sec_1 .txt-area p {
  margin-bottom: 0;
  font-weight: 300;
  line-height: 2;
}
.page-radical-control-technology .sec_1 .img-area {
  background: #fff;
  padding: 3.2rem 1rem;
}
.page-radical-control-technology .sec_1 .img-area img {
  margin: 0 auto;
}
.page-radical-control-technology .sec_2 .flex-area img {
  max-width: 32rem;
  margin: 0 auto;
}
.page-radical-control-technology .sec_2 .inset-area_2 img {
  max-width: 30rem;
  margin: 0 auto;
}
.page-radical-control-technology .sec_3 {
  background-color: #2B3F5E;
}
.page-radical-control-technology .sec_3 h3 {
  color: #fff;
}
.page-radical-control-technology .sec_3 p {
  color: #fff;
  margin-bottom: 2.4rem;
}
.page-radical-control-technology .sec_3 .video-wrap {
  position: relative;
}
.page-radical-control-technology .sec_3 .play-btn {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: none;
  color: #fff;
  font-size: 32px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 10px solid #fff;
}
.page-radical-control-technology .sec_3 .play-btn:hover {
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: #2B3F5E;
}
.page-radical-control-technology .sec_3 .play-btn.is-hidden {
  display: none;
}
.page-radical-control-technology .sec_4 img {
  max-width: 42rem;
  margin: 0 auto;
}
.page-radical-control-technology .sec_4 .btn {
  max-width: 34rem;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .page-radical-control-technology .kaso-fv {
    padding: 0;
    height: auto;
  }
  .page-radical-control-technology .sec_1 .inner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page-radical-control-technology .sec_1 .txt-area {
    width: 50%;
    padding: 4rem;
  }
  .page-radical-control-technology .sec_1 .img-area {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-radical-control-technology .sec_2 .row {
    margin-bottom: 4rem;
  }
  .page-radical-control-technology .sec_2 .row p {
    margin-bottom: 0;
  }
  .page-radical-control-technology .sec_3 h3 {
    margin-bottom: 0.8rem;
  }
  .page-radical-control-technology .sec_3 p {
    margin-bottom: 2.8rem;
  }
  .page-radical-control-technology .sec_4 h3 {
    margin-bottom: 4rem;
  }
}

.page-inorganic-paint {
  margin-top: 0;
}
.page-inorganic-paint .btn-list .btn {
  background: #001B34;
}
.page-inorganic-paint .btn-list .btn:hover {
  color: #fff;
}
.page-inorganic-paint .btn-list .btn:hover .link-arrow {
  background-color: #001B34;
}
.page-inorganic-paint .btn-list .btn_exterior:hover .btn-txt::before {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/common/exterior-wall-icon.svg) no-repeat;
  background-size: contain;
}
.page-inorganic-paint .btn-list .btn_roof:hover .btn-txt::before {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/common/roof-icon.svg) no-repeat;
  background-size: contain;
}
.page-inorganic-paint .kaso-fv {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/inorganic-paint/fv_bg.jpg) no-repeat;
  background-size: cover;
  color: #fff;
  padding-top: 85px;
}
.page-inorganic-paint .kaso-fv::after {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/inorganic-paint/fv-en-product-name.png) no-repeat;
  background-size: cover;
}
.page-inorganic-paint .kaso-fv .page-ttl:after {
  background-color: #fff;
}
.page-inorganic-paint .kaso-fv .product-img {
  height: 70vw;
}
@media screen and (min-width: 768px) {
  .page-inorganic-paint .kaso-fv .product-img {
    max-height: 38rem;
    height: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .page-inorganic-paint .kaso-fv {
    height: 600px;
  }
  .page-inorganic-paint .kaso-fv .product-img {
    max-height: 100%;
    height: 435px;
    top: 0rem;
  }
}
.page-inorganic-paint .sec_1 .top-row h3 {
  line-height: 1.8;
}
.page-inorganic-paint .sec_1 .top-row img {
  max-width: 22rem;
  margin: 0 auto;
}
.page-inorganic-paint .sec_1 .bg-gray {
  padding: 32px 24px;
}
.page-inorganic-paint .sec_1 .bg-gray p {
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .page-inorganic-paint .sec_1 .top-row h3 {
    margin-bottom: 0;
    line-height: 2;
  }
  .page-inorganic-paint .sec_1 .top-row img {
    max-width: 18rem;
  }
}
@media screen and (min-width: 1024px) {
  .page-inorganic-paint .sec_1 .bg-gray {
    padding: 4.8rem 6.4rem;
  }
  .page-inorganic-paint .sec_1 .bg-gray p {
    margin-bottom: 0;
    line-height: 2.2;
  }
  .page-inorganic-paint .sec_1 .top-row {
    max-width: 100rem;
    margin-inline: auto;
  }
  .page-inorganic-paint .sec_1 .top-row h3 {
    line-height: 2.2;
  }
  .page-inorganic-paint .sec_1 .top-row img {
    max-width: 21rem;
  }
}
.page-inorganic-paint .product-card {
  background-image: linear-gradient(135deg, rgb(139, 141, 149), rgb(52, 65, 81) 50%, rgb(29, 46, 65));
  color: #fff;
}
.page-inorganic-paint .product-card .btn:hover {
  color: #fff;
}
.page-inorganic-paint .product-card .btn:hover .link-arrow {
  background-color: #001B34;
}
.page-inorganic-paint .product-card .cat-list .cat_1:before {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/common/product-cat_1_white.svg) no-repeat;
  background-size: contain;
  background-position: center;
}
.page-inorganic-paint .product-card .cat-list .cat_2:before {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/common/product-cat_2_white.svg) no-repeat;
  background-size: contain;
  background-position: center;
  width: 11px;
  height: 8px;
}
.page-inorganic-paint .product-card .cat-list .cat_3:before {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/common/product-cat_3_white.svg) no-repeat;
  background-size: contain;
  background-position: center;
  width: 11px;
  height: 7px;
}
.page-inorganic-paint .product-card .cat-list li {
  border-color: #fff;
}
.page-inorganic-paint .product-card .name-wrap {
  border-color: #fff;
}
.page-inorganic-paint .product-card .tag-list li {
  background: #0F2243;
}
.page-inorganic-paint .product-card .btn {
  background: #001B34;
  border: 1px solid #001B34;
}
@media screen and (min-width: 1024px) {
  .page-inorganic-paint .product-card {
    height: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .page-inorganic-paint .kaso-fv .product-img {
    top: 80px;
  }
}

.page-high-decorative-paint .kaso-fv {
  background-image: linear-gradient(135deg, rgb(252, 251, 249), rgb(228, 218, 205));
  color: #210F00;
  margin-bottom: 6.4rem !important;
}
.page-high-decorative-paint .kaso-fv::after {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/high-decorative-paint/fv-en-product-name.png) no-repeat;
  background-size: cover;
}
.page-high-decorative-paint .btn {
  background: #210F00;
}
.page-high-decorative-paint .btn:hover {
  color: #fff;
}
.page-high-decorative-paint .btn:hover .link-arrow {
  background-color: #210F00;
}
.page-high-decorative-paint .btn-list .btn_exterior:hover .btn-txt::before {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/common/exterior-wall-icon.svg) no-repeat;
  background-size: contain;
}
.page-high-decorative-paint .check-txt-area {
  background-image: linear-gradient(150deg, rgb(248, 248, 248), rgba(248, 248, 248, 0) 90%);
  padding: 2rem;
}
.page-high-decorative-paint .check-txt-area p {
  margin-bottom: 0;
}
.page-high-decorative-paint .feature-sec .option-area {
  padding: 3.2rem 2rem 2.4rem;
  position: relative;
  margin-top: 4rem;
}
.page-high-decorative-paint .feature-sec .option-area::before {
  content: "";
  display: block;
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/high-decorative-paint/plus.svg) no-repeat;
  background-size: contain;
  width: 35px;
  height: 35px;
  position: absolute;
  left: 50%;
  top: -16px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.page-high-decorative-paint .feature-sec .option-area .check-ttl {
  margin-bottom: 2rem;
}
.page-high-decorative-paint .feature-sec .option-area p {
  margin-bottom: 2px;
}
.page-high-decorative-paint .feature-sec .option-area img {
  max-width: 12rem;
  margin: 1rem auto 0;
}
.page-high-decorative-paint .feature-sec .top-row {
  border-bottom: 0.5px dashed #888888;
  padding-bottom: 3.2rem;
}
.page-high-decorative-paint .product-lineup-ttl {
  background-image: linear-gradient(135deg, rgb(252, 251, 249), rgb(228, 218, 205));
  color: #210F00;
  background-color: transparent;
}
.page-high-decorative-paint .product-lineup-ttl_exterior::after {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/high-decorative-paint/product-lineup-ttl-img_1.png) no-repeat;
  background-size: cover;
  background-position: left;
}
.page-high-decorative-paint .product-card {
  background-image: linear-gradient(135deg, rgb(252, 251, 249), rgb(228, 218, 205));
  color: #210F00;
  margin-bottom: 1.2rem;
}
.page-high-decorative-paint .product-card .tag-list li {
  background-color: #fff;
}
.page-high-decorative-paint .product-card .cat-list .cat_1:before {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/common/product-cat_1_brown.svg) no-repeat;
  background-size: contain;
  background-position: center;
}
.page-high-decorative-paint .img-flex-wrap img:first-child {
  margin-bottom: 1.2rem;
}
.page-high-decorative-paint .bg-gradi {
  background-image: linear-gradient(150deg, rgb(229, 218, 205), rgb(238, 232, 223));
}
.page-high-decorative-paint .uv-clear-img {
  max-width: 18rem;
  margin: 1rem auto 0;
}
.page-high-decorative-paint .btn_1 {
  max-width: 31rem;
  margin: 0 auto 4rem;
}
.page-high-decorative-paint .sec_1 h3 {
  margin-bottom: 2.4rem;
  line-height: 1.8;
}
.page-high-decorative-paint .sec_1 .btn {
  margin-bottom: 0;
  margin-top: 2.4rem;
}
@media screen and (min-width: 768px) {
  .page-high-decorative-paint .feature-sec .option-area .row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 80rem;
    margin: 0 auto;
  }
  .page-high-decorative-paint .feature-sec .option-area .col-sm-9 {
    width: 60%;
  }
  .page-high-decorative-paint .feature-sec .option-area .col-sm-9 h3 {
    margin-bottom: 0;
  }
  .page-high-decorative-paint .product-card_two {
    margin-bottom: 0;
  }
  .page-high-decorative-paint .row .img-flex-wrap {
    height: 100%;
  }
  .page-high-decorative-paint .row .img-flex-wrap img {
    height: 49%;
  }
  .page-high-decorative-paint .inset-area p {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .page-high-decorative-paint .kaso-fv {
    margin-bottom: 10rem !important;
  }
  .page-high-decorative-paint .kaso-fv .product-img {
    top: 110px;
    right: calc(50% - 550px);
    height: 35vw;
  }
  .page-high-decorative-paint .kaso-fv .inner {
    position: static;
  }
  .page-high-decorative-paint .feature-sec .option-area::before {
    width: 45px;
    height: 45px;
    top: -34px;
  }
  .page-high-decorative-paint .product-card_two, .page-high-decorative-paint .painting-row {
    height: 570px;
  }
  .page-high-decorative-paint .product-card_two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-high-decorative-paint .check-txt-area {
    padding: 3.2rem 4rem;
  }
  .page-high-decorative-paint .uv-clear-img {
    max-width: 25rem;
  }
  .page-high-decorative-paint .sec_1 h3 {
    text-align: center;
  }
  .page-high-decorative-paint .sec_1 .btn_1 {
    max-width: 34rem;
  }
  .page-high-decorative-paint .sec_1 .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .page-high-decorative-paint .sec_1 .inner h3 {
    margin: 0;
    text-align: left;
    width: 52%;
  }
  .page-high-decorative-paint .sec_1 .inner img {
    width: 44%;
  }
  .page-high-decorative-paint #siding .row {
    margin-bottom: 2rem;
  }
}

.page-radical-control-paint .kaso-fv::after {
  background: url(/wp/wp-content/themes/201801_SKkakenWP-2/premium-reform/image/radical-control-paint/fv-en-product-name.png) no-repeat;
  background-size: cover;
}

.page-radical-control-paint .kaso-fv, .page-inorganic-paint .kaso-fv, .page-high-decorative-paint .kaso-fv {
  position: relative;
  margin-bottom: 2rem;
}
.page-radical-control-paint .kaso-fv::after, .page-inorganic-paint .kaso-fv::after, .page-high-decorative-paint .kaso-fv::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  aspect-ratio: 1/0.118;
  bottom: -22px;
}
@media screen and (min-width: 768px) {
  .page-radical-control-paint .kaso-fv::after, .page-inorganic-paint .kaso-fv::after, .page-high-decorative-paint .kaso-fv::after {
    bottom: -35px;
  }
}
@media screen and (min-width: 1024px) {
  .page-radical-control-paint .kaso-fv::after, .page-inorganic-paint .kaso-fv::after, .page-high-decorative-paint .kaso-fv::after {
    bottom: -80px;
    background-size: contain;
  }
}
@media screen and (min-width: 1280px) {
  .page-radical-control-paint .kaso-fv, .page-inorganic-paint .kaso-fv, .page-high-decorative-paint .kaso-fv {
    margin-bottom: 6rem;
  }
  .page-radical-control-paint .kaso-fv::after, .page-inorganic-paint .kaso-fv::after, .page-high-decorative-paint .kaso-fv::after {
    bottom: -6vw;
  }
}

/* 初期状態 */
.js-fadeUp {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease, -webkit-transform 0.8s ease;
}

/* 表示後 */
.js-fadeUp.is-inview {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}