﻿.btn{position:relative;display:flex;justify-content:center;align-items:center;color:#0068b7;border:1px solid #0068b7;background:#fff;line-height:1.2;padding:10px 29.87px 10px 10px;position:relative;justify-content:center;padding:10px 15px}.btn:after{position:absolute;top:50%;right:10px;content:"";border-right:1px solid #0068b7;border-top:1px solid #0068b7;transform:rotate(45deg) translateY(-50%);height:7px;width:7px}@media(any-hover: hover){.btn:after{transition:border-top-color .5s ease-out,border-right-color .5s ease-out}}@media(any-hover: hover){.btn{transition:color .5s ease-out,border-top-color .5s ease-out,border-right-color .5s ease-out,border-bottom-color .5s ease-out,border-left-color .5s ease-out,background-color .5s ease-out}.btn:hover{background:#0068b7;color:#fff;border-color:#fff}.btn:hover:after{border-color:#fff}}.btn::after{position:absolute;display:inline-block;top:50%;right:8px;transform:translateY(-50%) rotate(45deg)}.link-btn{position:relative;display:flex;justify-content:center;align-items:center;color:#333;border:1px solid #aaa;background:#fff;line-height:1.2;padding:10px 29.87px 10px 10px}.link-btn:after{position:absolute;top:50%;right:10px;content:"";border-right:1px solid #333;border-top:1px solid #333;transform:rotate(45deg) translateY(-50%);height:7px;width:7px}@media(any-hover: hover){.link-btn:after{transition:border-top-color .5s ease-out,border-right-color .5s ease-out}}@media(any-hover: hover){.link-btn{transition:color .5s ease-out,border-top-color .5s ease-out,border-right-color .5s ease-out,border-bottom-color .5s ease-out,border-left-color .5s ease-out,background-color .5s ease-out}.link-btn:hover{background:#0068b7;color:#fff;border-color:#fff}.link-btn:hover:after{border-color:#fff}}.related-link{background-color:#f5f5f5}.related-link__list{display:grid;grid-gap:10px}.related-link__list+.related-link__list{margin-top:60px}@media screen and (max-width:599px){.related-link__list{grid-template-columns:repeat(1, 1fr)}}@media screen and (min-width:600px)and (max-width:1024px){.related-link__list{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1025px){.related-link__list{grid-template-columns:repeat(4, 1fr)}}.related-link__title{flex-basis:100%;font-weight:600}@media screen and (max-width:599px){.related-link__title{font-size:2rem;grid-column:1/2}}@media screen and (min-width:600px)and (max-width:1024px){.related-link__title{font-size:2rem;grid-column:1/3}}@media screen and (min-width: 1025px){.related-link__title{font-size:3rem;grid-column:1/5}}.related-link__item{display:flex}.related-link__link-btn{width:100%}@media screen and (min-width:600px){.related-link__link-btn{min-height:75px}}.link__text{color:#0068b7}.link__text:hover{text-decoration:underline}.link__text--r-arrow{display:flex;align-items:center;color:#0068b7}.link__text--r-arrow:hover{text-decoration:underline}.link__text--r-arrow::after{content:"";display:inline-block;width:8px;height:8px;margin-left:4px;border-right:1px solid #0068b7;border-bottom:1px solid #0068b7;transform:rotate(-45deg)}.page-title{flex-direction:column;align-items:center}.page-title__sub{display:block;color:#0068b7;font-size:2.5rem;font-weight:700}.chapter__title--alpha{font-size:3rem;text-align:center}.chapter__link{width:50%;margin:60px auto 30px}@media screen and (max-width:599px){.chapter__link{width:100%;margin:30px auto 30px}}.chapter__mb0{margin-bottom:0}.lineup__wrap{margin-bottom:60px}.lineup__wrap--title{position:relative;margin:0 0 40px;padding:1rem 0;border-bottom:2px solid #d2d2d0;font-size:2.2rem;font-weight:200;letter-spacing:.25rem;background:none}.lineup__wrap--title::after{content:"";position:absolute;left:0;bottom:-2px;width:4.5rem;border-bottom:2px solid #0068b7}.lineup__linktop{margin:auto}.lineup__linktop>.btn{padding:15px}@media screen and (min-width: 1025px){.lineup__linktop{width:60%}}.lineup__col04item{display:grid;grid-gap:30px;grid-template-columns:repeat(4, 1fr);margin-bottom:30px}@media screen and (min-width:600px)and (max-width:1024px){.lineup__col04item{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width:599px){.lineup__col04item{grid-template-columns:1fr}}.lineup__col04list{display:flex;flex-wrap:wrap}.lineup__col04list--link{display:flex;flex-direction:column;width:100%;outline:2px solid rgba(0,0,0,0)}.lineup__col04list--link-active{pointer-events:none;border-color:#888;outline-color:#888;background:#888}.lineup__col04list--link-active>.lineup__col04list--text{background:#888}@media(any-hover: hover){.lineup__col04list--link{transition:all .5s ease}.lineup__col04list--link:hover{border-color:#0068b7;outline-color:#0068b7;background:#0068b7}.lineup__col04list--link:hover .lineup__col04list--img{transform:scale(1.1, 1.1)}.lineup__col04list--link:hover .lineup__col04list--text{color:#fff}.lineup__col04list--link:hover .lineup__col04list--text::after{border-color:#fff}}.lineup__col04list--frame{width:100%;flex-shrink:0}@media(any-hover: hover){.lineup__col04list--frame{overflow:hidden}}.lineup__col04list--img{aspect-ratio:16/9;display:block;object-fit:cover;width:100%;height:100%}@media(any-hover: hover){.lineup__col04list--img{transition:all .5s ease}}.lineup__col04list--text{position:relative;width:100%;padding:10px 27px 10px 10px;display:flex;align-items:center;font-weight:700}.lineup__col04list--text::after{position:absolute;top:50%;right:10px;content:"";height:7px;width:7px;border-right-width:1px;border-right-style:solid;border-top-width:1px;border-top-style:solid;border-color:#333;transform:translateY(-50%) rotate(45deg)}@media(any-hover: hover){.lineup__col04list--text::after{transition:all .5s ease}}@media(any-hover: hover){.lineup__col04list--text{transition:all .5s ease}}.pagenation li.right{position:relative;padding:17px;border-color:#ccc}.picture01{aspect-ratio:1200/400;display:block;width:100%}.picture02{display:block;aspect-ratio:272/395;width:100%}.picture03{display:block;aspect-ratio:570/278;width:100%;max-width:570px;margin:16px auto 0}.picture04{display:block;width:100%;aspect-ratio:295/179;max-width:295px;height:fit-content}.picture04-01{display:block;width:100%;aspect-ratio:295/185;max-width:295px;height:fit-content}.picture04-02{display:block;width:100%;aspect-ratio:295/165;max-width:295px;height:fit-content}.grid01{display:grid;grid-template-columns:repeat(3, 1fr);gap:80px;padding:20px 0}.grid01 figcaption{padding-top:8px}.grid01 li.list01{position:relative}.grid01 li.list01::after{content:"";display:block;width:0;height:0;border:solid 10px rgba(0,0,0,0);border-left:solid 10px #ddd;position:absolute;top:50%;right:-60px;z-index:1}.grid02{display:grid;grid-template-columns:repeat(2, 1fr);padding-top:32px;gap:40px;padding-bottom:16px}.grid02 figcaption{padding:16px 0;font-size:14px}.grid02-1 h3{margin-top:0}.grid03{display:grid;grid-template-columns:repeat(2, 1fr);gap:40px;padding:32px 0}.grid03 li{display:flex;background:#fbfbfb}.grid03 li.list02{display:block;width:100%;padding:28px 24px}.grid03 li.list02 h3{margin-top:0;font-size:16px;line-height:2}.figure01{display:flex;justify-content:flex-end}.page-title__main{text-align:center}.text-red{color:#b2202d}.text-red-box{border:solid #b2202d 1px;padding:8px;color:#b2202d;font-weight:bold;text-align:center;margin-bottom:16px}.text01{padding:8px 0;line-height:2;text-align:center}.text02{padding:8px 0;line-height:2}.text03{line-height:2;height:96px;margin-bottom:16px}.text04{line-height:2;padding-bottom:60px;padding-top:16px}.text05{font-size:3rem;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;margin-left:8px}.text06{font-weight:bold;padding-bottom:16px}.text07{line-height:2}h2.chapter__title--alpha{color:#1a1a1a;font-size:3.5rem;font-weight:900;text-align:start}h3{font-weight:bold;color:#333;padding-bottom:16px;text-align:start;font-size:2rem;border-bottom:solid #ccc 1px;margin-top:40px;display:flex;align-items:center}h3 span.num{background-color:#962e31;color:#fff;border-radius:100%;display:inline-block;text-align:center;line-height:.5;padding:1em;margin-right:1em;top:-0.2em;left:0;font-size:25.6px;font-size:1.6rem}h4{font-weight:bold;padding-bottom:16px}h2.h2-2{padding-top:0;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;letter-spacing:1rem;margin-top:10px}.h2-span{display:block;padding-bottom:8px;font-weight:bold;font-size:2rem}.contents__chapter--catalog h2.chapter__title--alpha{font-size:3rem;text-align:center}.chapter.contents__chapter02{margin-top:0;padding-top:40px}.contents__chapter02{margin-bottom:20px}.contents__chapter03 .btn{max-width:480px;margin:0 auto;padding:20px}.contents__chapter03 h3{text-align:left;color:#333;font-size:16px;padding-top:0}.contents__chapter03 h2{font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-size:64px;font-size:4rem;font-style:normal;font-weight:400;line-height:1.4;margin-bottom:50px;text-align:left}.contents__chapter04{background:#f1eee0;position:relative}.contents__chapter.contents__chapter05{padding:40px 0}.topics-wrap{max-width:1200px;width:100%;margin:0 auto;position:absolute;top:0;right:50%;transform:translateX(50%)}.topics{background:#453714;color:#fff;padding:16px;position:absolute}.youtube-wrap lite-youtube{margin:0 auto;max-width:1200px;width:100%}.btn{padding:16px}.link-btn02 .btn{border-color:#9a1e1e;color:#9a1e1e}.link-btn02 .btn::after{border-color:#9a1e1e}.link-btn02 .btn:hover{background:#9a1e1e;color:#fff}.customer{padding:80px 10px;background-color:#0068b7;display:flex;justify-content:center}.customer__list{width:100%;max-width:1200px;display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.customer__item{width:calc(50% - 15px);display:flex}@media screen and (max-width:599px){.customer__item{flex-basis:100%}.customer__item+.customer__item{margin-top:30px}}.customer__link{width:100%;display:flex;flex-direction:column;align-items:center}@media screen and (min-width:600px){.customer__link:hover .customer__image{transform:scale(1.1)}.customer__link:hover .customer__text-area{color:#fff;background-color:#0068b7}.customer__link:hover .customer__guide{text-decoration:underline}}.customer__image-area{width:100%;overflow:hidden}.customer__image{width:100%;height:201px;object-fit:cover;display:block;transition:all .5s ease}.customer__text-area{display:flex;width:100%;align-items:center;transition:all .5s ease;color:#0068b7;background-color:#fff;border-right:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #fff;font-weight:600}.customer__text-area:after{content:">";transform:scaleX(0.5);padding-right:5px}.customer__text{flex-grow:1;padding:10px;display:flex;justify-content:center}.customer__guide{color:#fff;padding-top:10px}.contents__chapter{padding:80px 2rem}.jumper{z-index:1000}.btn.btn-lineup{max-width:480px;margin:0 auto;padding:20px}.div01{width:100%;padding:28px 24px}.div01 h3{margin-top:0;font-size:16px;line-height:2}.div03{padding-top:80px}.localnav{background:#f1f1f1;width:100%;display:flex;width:100%;align-items:center;justify-content:center}.localnav li{width:15%;text-align:center;background:url(/buildingmaterials/earthquakeresistance/img/common/border_middle_navigation.avif) no-repeat right top;height:106px;position:relative;box-sizing:border-box}.localnav li:first-child{background:inherit}.localnav li a{top:50%;right:50%;position:absolute;transform:translate(50%, -50%);display:block;width:100%;height:106px;line-height:106px;font-size:18px;background:#fff;font-weight:bold;color:#962e31}.localnav li .span01{position:absolute;top:50%;right:50%;transform:translate(50%, -50%)}.localnav a.link01{width:100%;background:#0071ba;position:relative}.nav-img{transform:translate(50%, -50%);position:absolute;top:50%;right:50%;aspect-ratio:inherit;width:auto;background:#962e31}.localnav a:hover{border-bottom:#962e31 solid}.localnav a.now{border-bottom:#962e31 solid}.localnav a.link01:hover{opacity:.6;filter:brightness(110%)}.localnav .li01 a span{font-size:16px;display:block;line-height:1.25;margin:0 auto;position:absolute;right:50%;width:100%;margin-top:42px;margin-right:-50%;height:100%}.localnav li:first-child{background:#962e31}@media screen and (max-width: 1200px){.localnav{padding-right:2rem;padding-left:2rem}.localnav a.link01{overflow:hidden}.localnav li a{height:80px;line-height:80px}.localnav li{width:25%;height:80px}.top-image .top-text{padding-right:40px;padding-top:40px}.top-image{background-size:cover;height:485px}.top-image span{font-size:100px;padding-bottom:16px}.localnav .li01 a span{margin-top:28px}.grid03{gap:20px}}@media screen and (max-width: 1163px){.div01{padding:7px 10px}.picture04{max-width:225px}.picture04-01{max-width:225px}.picture04-02{max-width:225px}}@media screen and (max-width: 980px){.div01{padding:7px 10px}.picture04{max-width:225px}.picture04-01{max-width:225px}.picture04-02{max-width:225px}}@media screen and (max-width: 1000px){.localnav li a{font-size:16px}.table-wrap{padding:32px}.top-image{height:400px}.top-image span{font-size:80px}.h2-span{text-align:center}}@media screen and (max-width: 980px){.div01 h3{font-size:14px;line-height:1.5;padding-bottom:8px}.div01 a.btn{font-size:14px;padding:8px}.picture04{max-width:200px}.picture04-01{max-width:200px}.picture04-02{max-width:200px}ul.grid03 li.list02{padding:10px}ul.grid03 li.list02 h3{font-size:14px;line-height:1.5;padding-bottom:8px}ul.grid03 li.list02 a.btn{font-size:14px;padding:8px}}@media screen and (max-width: 900px){.top-image{position:inherit;height:580px;background-size:contain}.top-image .top-text{position:inherit;padding:0;height:280px;padding-bottom:350px;background:#f8f8f8}.top-image span{font-size:60px;padding-top:20px}.grid01{gap:40px}.grid01 li.list01::after{right:-40px;top:40%}}@media screen and (max-width: 810px){.grid03{display:block}.grid03 li{margin-bottom:16px;width:100%}.picture04{max-width:inherit;width:50%}.picture04-01{max-width:inherit;width:50%}.picture04-02{max-width:inherit;width:50%}.div01{width:50%}}@media screen and (max-width: 800px){.localnav li:first-child{width:100%;background:#962e31;height:80px;overflow:hidden}.localnav{flex-wrap:wrap}.relation__col04item{grid-template-columns:repeat(2, 1fr)}.text04{padding-bottom:24px}.figure01{justify-content:center}.grid02{grid-template-columns:1fr;gap:0}.picture03{margin:0 auto}.text03{height:auto}.grid01>div{margin-bottom:60px}.grid01>div:last-child{margin-bottom:0}.grid01>div:first-child{margin-bottom:0}.grid02-1>div{margin-bottom:32px}}@media screen and (max-width: 700px){.localnav li{width:50%}}@media screen and (max-width: 600px){.localnav li a{height:50px;line-height:50px}.localnav li{height:50px}.grid01 li.list01::after{right:-26px}.grid01{gap:20px;padding-bottom:0}.flex01{display:block}.text01{margin-bottom:16px}.chapter__outer{width:100%}.contents__chapter02{padding:80px 0}.contents__chapter{width:calc(100% - 20px);padding:80px 1rem}.localnav .li01 a span{margin-top:14px}.text04{padding-bottom:16px}.figure01{padding-top:16px}.grid03{padding-top:40px}.grid02>div{margin-bottom:24px}.text01{text-align:left}.link-btn02{margin-top:32px}}@media screen and (max-width: 500px){.grid01{display:block}.grid01 li.list01::after{position:inherit;margin:0 auto;top:0;left:0;transform:rotate(90deg)}.text01{margin-bottom:0}}.customer{padding:80px 10px;background-color:#0068b7;display:flex;justify-content:center}.customer__list{width:100%;max-width:1200px;display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.customer__item{width:calc(50% - 15px);display:flex}@media screen and (max-width:599px){.customer__item{flex-basis:100%}.customer__item+.customer__item{margin-top:30px}}.customer__link{width:100%;display:flex;flex-direction:column;align-items:center}@media screen and (min-width:600px){.customer__link:hover .customer__image{transform:scale(1.1)}.customer__link:hover .customer__text-area{color:#fff;background-color:#0068b7}.customer__link:hover .customer__guide{text-decoration:underline}}.customer__image-area{width:100%;overflow:hidden}.customer__image{width:100%;height:201px;object-fit:cover;display:block;transition:all .5s ease}.customer__text-area{display:flex;width:100%;align-items:center;transition:all .5s ease;color:#0068b7;background-color:#fff;border-right:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #fff;font-weight:600}.customer__text-area:after{content:">";transform:scaleX(0.5);padding-right:5px}.customer__text{flex-grow:1;padding:10px;display:flex;justify-content:center}.customer__guide{color:#fff;padding-top:10px}
