:root{--breakpoint-sp:768px;--breakpoint-tablet:960px;--content-width:1280px;--content-width-max:1920px;--content-margin-normal:150;--header-height-pc:70px;--header-height-sp:52px;--recruit-header-height:64px;--recruit-header-height-tablet:40px;--margin-section:80;--margin-element:60;--margin-paragraph:40;--margin-line:20;--color-text-base:#333;--color-text-base-rgb:51,51,51;--color-gray-base:#ccc;--color-primary-base:#136b5f;--color-primary-base-rgb:19,107,95;--color-primary-dark:#255149;--color-primary-darker:#0d493a;--color-primary-medium:#00876c;--color-primary-vivid:#00C1A9;--color-primary-light:#F7F6F1;--color-accent-lime:#F1FFCB;--color-accent-orange:#FFAD55;--color-caution-base:#C6121B;--color-border:#ddd;--gradient-green:linear-gradient(300deg, rgba(0, 193, 169, 1) 20%, rgba(19, 107, 95, 1) 80%);--transition-default:cubic-bezier(.210, .60, .350, 1);--transition-ease:cubic-bezier(0.17, 0.935, 0.305, 1);--transition-easeInSine:cubic-bezier(0.47, 0, 0.745, 0.715);--transition-easeOutSine:cubic-bezier(0.39, 0.575, 0.565, 1);--transition-easeInOutSine:cubic-bezier(0.445, 0.05, 0.55, 0.95);--transition-easeInQuad:cubic-bezier(0.55, 0.085, 0.68, 0.53);--transition-easeOutQuad:cubic-bezier(0.25, 0.46, 0.45, 0.94);--transition-easeInOutQuad:cubic-bezier(0.455, 0.03, 0.515, 0.955);--transition-easeInCubic:cubic-bezier(0.55, 0.055, 0.675, 0.19);--transition-easeOutCubic:cubic-bezier(0.215, 0.61, 0.355, 1);--transition-easeInOutCubic:cubic-bezier(0.645, 0.045, 0.355, 1);--transition-easeInQuart:cubic-bezier(0.895, 0.03, 0.685, 0.22);--transition-easeOutQuart:cubic-bezier(0.165, 0.84, 0.44, 1);--transition-easeInOutQuart:cubic-bezier(0.77, 0, 0.175, 1);--transition-easeInQuint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--transition-easeOutQuint:cubic-bezier(0.23, 1, 0.32, 1);--transition-easeInOutQuint:cubic-bezier(0.86, 0, 0.07, 1);--transition-easeInExpo:cubic-bezier(0.95, 0.05, 0.795, 0.035);--transition-easeOutExpo:cubic-bezier(0.19, 1, 0.22, 1);--transition-easeInOutExpo:cubic-bezier(1, 0, 0, 1);--transition-easeInCirc:cubic-bezier(0.6, 0.04, 0.98, 0.335);--transition-easeOutCirc:cubic-bezier(0.075, 0.82, 0.165, 1);--transition-easeInOutCirc:cubic-bezier(0.785, 0.135, 0.15, 0.86);--transition-easeInBack:cubic-bezier(0.6, -0.28, 0.735, 0.045);--transition-easeOutBack:cubic-bezier(0.175, 0.885, 0.32, 1.275);--transition-easeInOutBack:cubic-bezier(0.68, -0.55, 0.265, 1.55);--zindex-modal:1000;--zinde-swiper-controls:10;--zindex-container:2;--zinde-top-hero:3;--zindex-recruit-header:5}#point .topBtn{max-width:720px;margin:0 auto}#description #description02 .topBtn{max-width:865px}#description .topBtn{margin-top:15px}.topBtn{text-align:right}.topBtn a{width:90px;font-size:12px;background-image:linear-gradient(90deg,#005046 10%,#006563 97%);display:inline-block;color:#fff;padding:0 20px;box-sizing:border-box;border-radius:13px;line-height:28px;text-align:center}.topBtn a span{position:relative;padding-right:10px}.topBtn a span::before{position:absolute;display:block;content:"";width:8px;height:8px;box-sizing:border-box;border-top:solid 1px #fff;border-right:solid 1px #fff;transform:translate(-1px,-50%) rotate(-45deg);right:-10px;top:50%;margin-top:2px}@media only screen and (max-width:767px){#description #description02 .topBtn{margin-bottom:60px}}.youtube{clear:both}.youtube .inner{max-width:653px!important;width:100%;aspect-ratio:16/9;padding:0!important}.youtube .inner iframe{width:100%;aspect-ratio:16/9}.bl_hero{width:100%;aspect-ratio:1600/400;background-image:url(/img/build-a-house/hero_pc.webp);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;display:flex;align-items:center;justify-content:center}.bl_hero *{box-sizing:border-box}.bl_hero .inner{padding:0 20px}.bl_hero .heroHeading{color:#fff;font-size:clamp(36px,3.75vw,48px);font-weight:600;line-height:1.2}@media only screen and (max-width:767px){.bl_hero{aspect-ratio:375/250;background-image:url(/img/build-a-house/hero_sp.webp)}.bl_hero .heroHeading{font-size:8.5333333333vw}}.movieArea{margin:clamp(48px,5vw,64px) auto;display:flex;width:100%;max-width:1280px}.movieArea *{box-sizing:border-box}@media only screen and (max-width:767px){.movieArea{margin:16vw 0;flex-direction:column}}.movieArea .item{flex:1}.movieArea .item.-heading{aspect-ratio:640/358;background-image:url(/img/build-a-house/bnr_01.webp);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;display:flex;align-items:center;justify-content:center}.movieArea .item.-heading h2{color:#fff;font-size:clamp(30px,3.125vw,40px);font-weight:600;line-height:1.4;text-align:center}.movieArea .item.-heading h2 .subHeading{display:inline-block;font-size:clamp(24px,2.5vw,32px);font-weight:300;margin-bottom:clamp(12px,1.25vw,16px)}@media only screen and (max-width:767px){.movieArea .item.-heading h2{font-size:6.4vw}.movieArea .item.-heading h2 .subHeading{font-size:5.3333333333vw;margin-bottom:2.1333333333vw}}.curve{overflow:hidden;max-width:1280px;margin:0 auto}.curve .inner{background:url(/img/build-a-house/bgi_curve_01.jpg) no-repeat;background-size:cover;background-position:50% 38%;background-color:#017565;position:relative;aspect-ratio:1280/200;display:flex;align-items:center;justify-content:center}.curve h2{font-size:clamp(30px,3.125vw,40px);color:#fff;text-align:center;line-height:1.346}@media only screen and (max-width:767px){.curve .inner{background-position:50% 40%;aspect-ratio:375/106}.curve h2{font-size:5.3333333333vw}}.box{padding:0 30px;box-sizing:border-box}#point .box{padding:0;text-align:left;margin-bottom:120px}#point03{margin-bottom:0!important}.box .ttlArea h3{display:flex;align-items:center}.box .ttlArea p{font-size:16px;line-height:1.813;margin-top:30px}.box .ttlArea .gradation{font-size:26px;background-image:linear-gradient(90deg,#006a46,#006563 97%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.box .ttlArea .number{font-size:16px;position:relative;min-width:72px;display:inline-block;text-align:center;margin-right:25px}.box .ttlArea .number::before{position:absolute;display:block;content:"";width:72px;height:4px;background:url(/img/build-a-house/line_number.svg) no-repeat;background-size:cover;bottom:-5px;left:0}@media only screen and (max-width:767px){.box{padding:0}#point .box{padding:0 20px;box-sizing:border-box;margin-bottom:60px}.box .ttlArea h3{flex-wrap:wrap;justify-content:center}.box .ttlArea .number{margin-right:0;margin-bottom:20px}.box .ttlArea p{margin-top:20px;font-size:14px}.box .ttlArea .gradation{font-size:24px;text-align:center;width:100%}}#description{margin-top:70px;position:relative;color:#333;padding:0 40px 130px;text-align:left;overflow:hidden}#description .curve{background-color:#fff;border-radius:2000px 2000px 0 0/400px 400px 0 0;margin:16px -200px 26px;min-height:240px;text-align:center;padding:45px 40px 0;box-sizing:border-box}#description .descriptionInner{max-width:925px;width:100%;margin:auto auto}#description .ttl{color:#00776a;text-align:center}#description .ttl h2{position:relative;margin-top:0}#description .ttl h2::before{content:"";position:absolute;left:0;top:50%;z-index:0;width:100%;height:1px;background:#00776a}#description .ttl h2 span{position:relative;z-index:1;font-size:28px;display:inline-block;background:#fff;padding:0 15px;color:#017565}#description .ttl p{font-size:20px;margin-top:5px;font-family:Oswald,sans-serif}#description .txtBox{font-size:0;padding:35px 30px 0;text-align:left}#description .txtBox .col{display:inline-block;vertical-align:top;width:48%;margin-right:4%}#description .txtBox .col:nth-child(2n){margin-right:0}#description .txtBox .col h3{font-size:19px;color:#00776a}#description .txtBox .col p{font-size:14px;line-height:1.75;margin-top:5px}#description .anchor{margin:80px auto;padding:0 40px;max-width:730px}#description .descriptionDetail{text-align:left}#description #description01 .graph{padding:20px 40px;box-sizing:border-box;margin:50px calc(50% - 50vw);width:100vw;background:url(/img/build-a-house/bgi_graph_01.jpg)}#description #description01 .graph img{max-width:700px;width:100%;display:block;margin:0 auto}#description .chronology{width:100vw;margin:0 calc(50% - 50vw);position:relative;padding:40px 30px 135px;box-sizing:border-box}#description .chronologyInner .ttl::after{position:absolute;display:block;content:"";background-image:linear-gradient(90deg,rgba(0,106,70,.09),rgba(0,157,99,.09));width:100vw;height:250px;border-top-right-radius:25px;border-bottom-right-radius:25px;right:-90px;top:-10px}#description .chronologyInner{max-width:865px;width:100%;margin:0 auto;display:flex;position:relative}#description .chronologyInner .ttl{width:16.18%;text-align:right;padding:60px 35px 0;box-sizing:border-box;position:relative}#description .chronologyInner .ttl h4{font-size:16px;color:#333}#description .chronologyInner .list{width:83.82%;max-width:636px}#description .chronologyInner .list .border{border-bottom:1px solid #017565}#description .chronologyInner .list dl{display:flex;flex-wrap:wrap;width:100%}#description .chronologyInner .list dd,#description .chronologyInner .list dt{box-sizing:border-box}#description .chronologyInner .list dt{display:flex;align-items:center;width:14.41%;line-height:2.5;justify-content:space-between}#description .chronologyInner .list dd{display:flex;align-items:center;width:85.59%;margin-left:0;line-height:2.5;padding-left:30px}#description #description02 .inner{display:flex;margin-top:30px}#description #description02 .txt{width:44%}#description #description02 .txt p{line-height:1.813;letter-spacing:.055em;font-size:16px}#description #description02 .graph{width:56%;box-sizing:border-box;max-width:480px}#wrap #description .btn{margin-top:25px;max-width:296px}#wrap #description .btn a{width:296px;border:1px solid;border-image:linear-gradient(to right,#006745 0,#32a460 100%) 1;line-height:28px;font-size:12px;background:#fff;color:transparent;transition:all .3s cubic-bezier(.21,.6,.35,1);box-sizing:border-box;color:#333}#wrap #description .btn a:hover{color:#fff}#wrap #description .btn a span{position:relative;padding:0 40px;display:inline-block}#wrap #description .btn a span::before{position:absolute;display:block;content:"";width:7px;height:7px;box-sizing:border-box;border-top:solid 1px #333;border-right:solid 1px #333;transform:translate(-1px,-50%) rotate(45deg);right:0;top:50%}#wrap #description .btn a:hover span::before{border-top:solid 1px #fff;border-right:solid 1px #fff}#wrap #description .btn a::before{width:0%;background-color:transparent}#wrap #description .btn.fade a:hover::before{width:100%;background-image:linear-gradient(90deg,#006a46,#006563 97%);background-color:transparent}#description #description01 .graph02 ul{max-width:480px;display:flex;justify-content:center;margin:50px auto 0}#description #description01 .graph02 li{max-width:217px;width:50%}#description #description01 .graph02 li:nth-child(odd){margin-right:50px}@media only screen and (max-width:767px){#description{margin-top:40px;padding:0 20px}#description .descriptionInner{width:100%}#description .ttl h2 span{font-size:24px;padding:0 10px}#description .ttl p{font-size:16px}#description .txtBox{padding:0}#description .txtBox .col{display:block;width:100%;margin:20px 0 0 0}#description .txtBox .col h3{font-size:20px}#description .txtBox .col p{margin-top:10px}#description .anchor{margin:60px auto 40px;padding:0 20px}#description #description01 .graph{margin:20px calc(50% - 50vw);padding:20px}#description .chronologyInner{padding:60px 0;flex-wrap:wrap}#description .chronologyInner .ttl{width:100%;padding:0;text-align:left}#description .chronologyInner .list{width:100%}#description .chronologyInner .ttl::after{right:auto;left:-50%;top:-50px}#description .chronologyInner .list dt{width:25%;align-items:baseline;padding:5px 0}#description .chronologyInner .list dd{width:75%;line-height:1.75;padding:5px 0 5px 15px}#description #description02 .inner{flex-wrap:wrap;margin-top:20px}#description #description02 .txt{width:100%;padding-bottom:0}#description #description02 .graph{width:100%;padding:0;margin-top:40px;text-align:center}#description #description01 .graph02 ul{margin-top:30px}#description #description01 .graph02 li{max-width:130px}#description #description01 .graph02 li:nth-child(odd){margin-right:20px}#description .chronology{padding:40px 20px 0}#description #description02 .txt p{font-size:14px;text-align:center}}.anchor{display:flex;justify-content:space-between}#description .anchor li{width:48%}#point .anchor li{width:33%}.anchor li+li{margin-left:5%}#point .anchor li+li{margin-left:25px}.descriptionInner .anchor li a{padding:15px 0}.anchor li a{max-width:340px;width:100%;background-image:linear-gradient(90deg,#005046 10%,#006563 97%);color:#fff;display:flex;font-size:16px;padding:5px 0;box-sizing:border-box;align-items:center}.anchor li a .number{padding:0 20px;border-right:1px solid #fff}.anchor li a span+span{width:100%;padding:0 20px;position:relative;text-align:left;line-height:1.5}.anchor li a span+span::before{position:absolute;display:block;content:"";width:12px;height:12px;box-sizing:border-box;border-top:solid 1px #fff;border-right:solid 1px #fff;transform:translate(-1px,-50%) rotate(45deg);right:15px;top:50%}@media only screen and (max-width:1000px){.anchor li a{font-size:14px;margin:0 auto}.anchor li a .number{padding:0 15px;border-right:1px solid #fff}.anchor li a span+span{padding:10px 20px 10px 10px}.anchor li a span+span::before{width:8px;height:8px}}@media only screen and (max-width:767px){.anchor{flex-wrap:wrap}.anchor li{max-width:100%!important;width:100%!important}#description .anchor li+li,#point .anchor li+li,.anchor li+li{margin-left:0;margin-top:10px}}#point{max-width:970px;box-sizing:border-box;margin:80px auto;position:relative;color:#333;padding:0 40px;text-align:left;overflow:hidden}#point .pointInner{padding:0 10px}#point .lead{display:flex;align-items:center;margin-bottom:120px}#point .lead .txt{width:52.36%;padding-right:30px;box-sizing:border-box}#point .lead .txt p{font-size:16px;margin:25px 0 0;line-height:1.813}#point .lead .txt h2{font-size:28px;line-height:1.607}#point .lead .txt h2 span{display:inline-block;position:relative}#point .lead .txt h2 span::before{position:absolute;display:block;content:"";width:100%;height:6px;background-image:linear-gradient(90deg,#005046 10%,#006563 97%);left:0;bottom:0}#point .lead .img{width:47.64%}#point h2{font-size:20px;color:#333;text-align:left;margin:70px 0 0;line-height:1.8}#point h2+p{font-size:14px;color:#333;text-align:left;margin-top:5px;margin-bottom:30px;line-height:1.643}#point .img{text-align:center;max-width:700px;margin:50px auto 0}#point03 .img{margin:20px auto 0}@media only screen and (max-width:767px){#point{margin-top:60px;padding:0}#point .pointInner{padding:0}#point h2{font-size:18px;margin:40px 0 0;padding:0}#point .img{text-align:center;margin:20px 0}#point .lead{flex-wrap:wrap;margin-bottom:60px;padding:0 20px;box-sizing:border-box}#point .lead .txt{width:100%;padding-right:0}#point .lead .txt p{font-size:14px;margin:15px 0 0}#point .lead .txt h2{font-size:22px}#point .lead .txt h2 span::before{position:absolute;display:block;content:"";width:100%;height:6px;background-image:linear-gradient(90deg,#005046 10%,#006563 97%);left:0;bottom:0}#point .lead .img{width:100%}}.modal{display:none;position:fixed;z-index:100;width:100%;height:100%;top:0;left:0;text-align:center;box-sizing:border-box;padding:0 20px}.modal .bg{position:fixed;top:0;left:0;z-index:1;background:#000;width:100%;height:100%;opacity:.8}.modal .modalInner{position:relative;z-index:11;top:50%;left:0;max-width:600px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);box-sizing:padding-box;margin:0 auto}.modal .modalBox{position:relative;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;text-align:left}.modal .modalBox .modalClose{position:absolute;right:-50px;top:-13px;display:block;width:50px;height:50px;font-size:0;ppacity:1!important}.modal .modalBox .modalClose::before{display:block;content:"";position:absolute;top:50%;left:50%;width:30px;height:3px;margin-top:-1px;margin-left:-15px;background:#fff;transform:rotate(-45deg)}.modal .modalBox .modalClose::after{display:block;content:"";position:absolute;top:50%;left:50%;width:30px;height:3px;margin-top:-1px;margin-left:-15px;background:#fff;transform:rotate(45deg)}.modal.min{overflow-y:scroll}.modal.min .modalInner{top:0;-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);margin-top:30px;margin-bottom:30px}.modal .modalInner{display:block;max-width:850px;margin:0 auto}.modal .modalInner .movie{position:relative;width:100%;padding-top:56.25%}.modal .modalInner .movie iframe{display:block;position:absolute;top:0;right:0;width:100%;height:100%}@media screen and (max-width:767px){.modal .modalBox .modalClose{right:-5px;top:-30px;width:30px;height:30px}.modal .modalBox .modalClose::before{width:20px;margin-left:-10px}.modal .modalBox .modalClose::after{width:20px;margin-left:-10px}}#wrap .btn{margin-top:40px}#wrap .btn a{position:relative;z-index:1;display:block;font-size:16px;line-height:62px;font-weight:700;text-align:center;color:#fff;width:304px;margin:0 auto;opacity:1;transition:color .3s cubic-bezier(.21,.6,.35,1)}#wrap .btn a::before{content:"";display:block;position:absolute;left:0;top:0;z-index:-2;width:0;height:100%;transition:width .6s cubic-bezier(.21,.6,.35,1);background-color:#157a61}#wrap .btn.fade a::before{width:100%}#wrap .btn a::after{content:"";display:block;position:absolute;left:0;top:0;z-index:-1;width:0;height:100%;transition:width .3s cubic-bezier(.21,.6,.35,1);background-color:#0d493a}#wrap .btn a:hover{color:#fff}#wrap .btn a:hover::after{width:100%}#wrap .btn a span{display:block;opacity:0;transition:opacity .6s cubic-bezier(.21,.6,.35,1);transition-delay:.4s}#wrap .btn.fade a span{opacity:1}@media only screen and (max-width:767px){#wrap #description .btn{margin:20px auto 0}#wrap .btn{margin-top:20px}#wrap btn a{width:280px;font-size:14px;line-height:52px}}#sales{padding:40px}#sales .inner{max-width:1320px;margin:0 auto;text-align:center;padding-top:0}#sales h2{color:#00876c;display:inline-block;position:relative;font-family:Oswald,sans-serif;font-size:62px;font-weight:400}#sales .subTtl span{position:relative;opacity:0}#sales .btn{margin-top:0}@keyframes txt2{0%{opacity:0}99%{opacity:0}100%{opacity:1}}#sales .subTtl.fade span{animation:.4s cubic-bezier(.21,.6,.35,1);animation-name:txt2;opacity:1}@keyframes bg2{0%{width:0}49%{width:100%;left:0;right:auto}50%{width:100%;left:auto;right:0}100%{width:0%;left:auto;right:0}}#sales .subTtl::before{content:"";display:block;position:absolute;left:0;top:0;z-index:1;width:0;height:100%;background-color:#00876c;animation:1s cubic-bezier(.21,.6,.35,1)}#sales .subTtl.fade::before{animation-name:bg2;width:0}#sales h3{font-size:26px;margin-top:30px;color:#333}#sales h3+p{font-weight:700;font-size:15px;line-height:2;margin-top:10px;color:#333}#sales ul{text-align:center;font-size:0}#sales ul li{display:inline-block;vertical-align:top;width:31.819%;margin:20px .75% 0;opacity:0;transform:translateY(40px);transition:transform .8s cubic-bezier(.21,.6,.35,1),opacity .8s cubic-bezier(.21,.6,.35,1)}#sales ul li:nth-child(2){transition-delay:.2s}#sales ul li:nth-child(3){transition-delay:.4s}#sales ul li:nth-child(4){display:none}#sales ul li.fade{opacity:1;transform:translateY(0)}#sales ul li a .thumb{position:relative;overflow:hidden}#sales ul li a .thumb::before{content:"";display:block;width:100%;height:0;padding-top:59.524%}#sales ul li a .thumb img{position:absolute;left:0;top:0;display:block;height:100%;width:100%;object-fit:cover;transition:opacity .2s cubic-bezier(.21,.6,.35,1)}#sales ul li a:hover .thumb img{opacity:.7}#sales ul li a h4{font-size:17px;line-height:1.6;margin-top:20px;text-align:left}#sales .note{width:370px;border:1px solid #ccc;color:#ccc;padding:20px 0;margin:20px auto 0}#sales .note p strong{display:block;font-size:40px;font-weight:400;font-family:Oswald,sans-serif}#sales .note p span{display:block;font-size:14px}@media only screen and (max-width:767px){#sales{padding:0 20px 40px}#sales h2{font-size:40px}#sales h3{font-size:18px;margin-top:30px}#sales h3+p{font-size:14px}#sales ul{margin-right:-15px}#sales ul.cont2{margin-left:-7.5px;margin-right:-7.5px}#sales ul::after{content:"";display:block;clear:both}#sales ul li{float:left;width:50%;margin:30px 0 0}#sales ul.cont2 li{float:none}#sales ul li:nth-child(2n+1){clear:left}#sales ul li:nth-child(2){transition-delay:.15s}#sales ul li:nth-child(3){transition-delay:.3s}#sales ul li:nth-child(4){display:block;transition-delay:.45s}#sales ul li a{display:block;margin-right:15px}#sales ul.cont2 li a{margin-left:7.5px;margin-right:7.5px}#sales ul li a h4{font-size:15px;margin-top:15px}#sales .note{width:280px}#sales .note p strong{font-size:30px}#sales .note p span{font-size:12px}}#purchase_record{background:#fff;color:#333;padding:100px 40px 0;text-align:left}#purchase_record.lastElem{padding-bottom:100px}#purchase_record .inner{max-width:1100px;margin:0 auto;padding:0}#purchase_record .ttl{color:#00776a;text-align:center;margin-bottom:80px}#purchase_record .ttl h2{position:relative;margin-top:0}#purchase_record .ttl h2::before{content:"";position:absolute;left:0;top:50%;z-index:0;width:100%;height:1px;background:#00776a}#purchase_record .ttl h2 span{position:relative;z-index:1;font-size:28px;display:inline-block;background:#fff;padding:0 15px}#purchase_record .ttl p{font-size:20px;margin-top:5px;font-family:Oswald,sans-serif}#purchase_record a p{font-size:16px;margin-top:20px;display:inline-block;position:relative;padding-right:30px}#purchase_record a p::after{position:absolute;display:block;content:"";width:24px;height:24px;background:url(/img/icon_pdf.png) no-repeat;background-size:contain;top:50%;right:0;transform:translateY(-50%)}@media only screen and (max-width:767px){#purchase_record{padding:60px 20px 20px}#purchase_record.lastElem{padding-bottom:60px}#purchase_record .ttl{margin-bottom:40px}#purchase_record .ttl h2 span{font-size:24px;padding:0 10px}#purchase_record a p{font-size:14px;margin-top:10px;padding-right:25px}#purchase_record a p::after{width:18px;height:18px}#purchase_record .ttl p{font-size:16px}}#modalWrap{position:fixed;left:0;top:0;width:100%;height:100%;z-index:10;display:none}#modalWrap .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:rgba(0,135,108,.8)}#modalWrap .modal2{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;padding:60px;display:table}#modalWrap .modal2 .inner{display:table-cell;vertical-align:middle;height:100%}#modalWrap .modal2 .inner .detail{position:relative;z-index:2;color:#fff;height:100%;max-height:840px;max-width:1300px;margin:0 auto;display:none}#modalWrap .modal2 .inner .detail .img{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%}#modalWrap .modal2 .inner .detail .img::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center;transform:scale(1.1);opacity:0;transition:transform .8s cubic-bezier(.21,.6,.35,1),opacity .8s cubic-bezier(.21,.6,.35,1)}#modalWrap .modal2 .inner .detail.active .img::before{opacity:1;transform:scale(1)}#modalWrap .modal2 .inner .detail.build1 .img::before{background-image:url(../img/build_img_02.jpg)}#modalWrap .modal2 .inner .detail.build2 .img::before{background-image:url(../img/build_img_01.jpg)}#modalWrap .modal2 .inner .detail.build3 .img::before{background-image:url(../img/build_img_03.jpg)}#modalWrap .modal2 .inner .detail.build4 .img::before{background-image:url(../img/build_img_04.jpg)}#modalWrap .modal2 .inner .detail .ttl{position:absolute;left:0;top:0;font-family:Oswald,sans-serif;font-size:96px;line-height:1.1;padding:60px}#modalWrap .modal2 .inner .detail .txt{position:absolute;right:0;bottom:0;max-width:600px;padding:60px;opacity:0;transform:translateY(20px);transition:transform .8s cubic-bezier(.21,.6,.35,1),opacity .8s cubic-bezier(.21,.6,.35,1);transition-delay:.8s}#modalWrap .modal2 .inner .detail.active .txt{opacity:1;transform:translateY(0)}#modalWrap .modal2 .inner .detail .txt h2{font-size:36px}#modalWrap .modal2 .inner .detail .txt p{font-size:16px;line-height:2;margin-top:10px;font-weight:700;text-shadow:0 0 6px rgba(0,0,0,.6)}#modalWrap .modal2 .inner .detail .close{position:absolute;top:-60px;right:0;width:60px;height:60px;cursor:pointer}#modalWrap .modal2 .inner .detail .close::after,#modalWrap .modal2 .inner .detail .close::before{content:"";display:block;width:40px;height:2px;background:rgba(255,255,255,.8);position:absolute;top:50%;left:50%}#modalWrap .modal2 .inner .detail .close::before{transform:translate(-50%,-50%) rotate(45deg)}#modalWrap .modal2 .inner .detail .close::after{transform:translate(-50%,-50%) rotate(-45deg)}@media only screen and (max-width:767px){#modalWrap .modal2{padding:5px}#modalWrap .modal2 .inner .detail{max-height:500px}#modalWrap .modal2 .inner .detail .ttl{font-size:40px;padding:30px}#modalWrap .modal2 .inner .detail .txt{padding:20px}#modalWrap .modal2 .inner .detail .txt h2{font-size:20px}#modalWrap .modal2 .inner .detail .txt p{font-size:14px;margin-top:10px}#modalWrap .modal2 .inner .detail .close{top:10px;right:10px;width:40px;height:40px}#modalWrap .modal2 .inner .detail .close::after,#modalWrap .modal2 .inner .detail .close::before{width:30px}}#description .chronology,#description .ttl h2,#description .txtBox .col,#description+.curve,#point .curve,#point h2,#point h2+p,.anchor li,.box,.curve,.movieArea{opacity:0;transform:translateY(40px);-webkit-transition:opacity .8s,transform .8s;-ms-transition:opacity .8s,transform .8s;transition:opacity .8s,transform .8s}#description .chronology.fade,#description .ttl h2.fade,#description .txtBox .col.fade,#description+.curve.fade,#point .curve.fade,#point h2.fade,#point h2.fade+p.fade,.anchor li.fade,.box.fade,.curve.fade,.movieArea.fade{opacity:1;transform:translateY(0)}