@charset "UTF-8";

.bg_modelroom{background-image: url("../../modelroom/imgs/background_pattern.jpg");background-size: 100% auto;background-repeat: repeat-y;color: #FFF;}

.model_ttl{padding: 100px 0;text-align: center;}
.model_ttl h2{font-family:"EB Garamond";font-size: 30px;letter-spacing: 0.1em;}
.model_ttl h3{font-size: 20px;letter-spacing: 0.1em;margin: 20px 0 0 0;line-height: 2;}

.model_section_txt{font-family:"EB Garamond";font-size: 40px;letter-spacing: 0.1em;max-width: 1600px;margin: 30px auto;padding:0 30px;width: 100%;}

.model_section01{margin: 0 0 150px}
.model_section01 img{width: 100%}
.model_section01_img01{width: calc(100% - 60px);}
.model_section01inner{display: flex;flex-wrap: wrap;max-width: 1600px;margin: 60px auto;}
.model_section01_img02{width: 75%;margin: -10% 0 0 -5%;}
.model_section01_img03{width: 30%;margin: 0;z-index: 1;}

.model_section02{margin: 0 0 150px}
.model_section02_img01{max-width: 1600px;margin: 0 auto;}

.model_section03{margin: 0 0 150px}
.model_section03 img{width: 100%}
.model_section03_img01{width: 100%;}
.model_section03inner{display: flex;flex-wrap: wrap;max-width: 1600px;margin: 60px auto;}
.model_section03_img02{width: 38%;margin: -13% 0 0 -16%;z-index: 1;}
.model_section03_img03{width: 78%;margin: 0 0 0 0;}

.model_section04{margin: 0 0 150px}
.model_section04_img01{max-width: 1600px;margin: 0 auto;}

.model_section05{margin: 0 0 150px}
.model_section05_img01{max-width: 1020px;margin: 0 auto;}

.model_section_detail01{max-width: 1020px;margin: 60px auto 0;background: #f0f0f0;}
.model_section_detail01 h6{color: #FFF;  background: linear-gradient(90deg,#666458 0%,#666458 55%,#f2f2f2 100%);padding: 10px;font-family:"EB Garamond";font-size: 30px;text-align: center;}
.model_section_detail01_body{color: #333;display: flex;justify-content: space-between;padding: 40px;}
.model_section_detail01_body ul{width: 43%;}
.model_section_detail01_body li{margin-bottom: 10px;font-size: 16px;line-height: 1.8;text-indent: -1em;padding-left: 1em;letter-spacing: 0.1em;}
.model_section_detail01_body li::before{content: "■";}
.model_section_detail01_body dl{display: flex;justify-content: space-between;width: 55%;align-items: flex-start;}
.model_section_detail01_body dt{width: 49.5%;position: relative;}
.model_section_detail01_body dd{width: 49.5%;position: relative;}

.model_section06{margin: 0 auto 150px;max-width: 1200px;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap}
.model_section06_img01{width: 65%;}

.model_section_detail02{background: #f0f0f0;width: 33%;}
.model_section_detail02 h6{color: #FFF;  background: linear-gradient(90deg,#666458 0%,#666458 55%,#f2f2f2 100%);padding: 10px;font-family:"EB Garamond";font-size: 30px;text-align: center;}
.model_section_detail02_body{color: #333;display: flex;justify-content: space-between;padding: 40px;flex-wrap: wrap;}
.model_section_detail02_body ul{width: 100%;}
.model_section_detail02_body li{margin-bottom: 10px;font-size: 16px;line-height: 1.8;text-indent: -1em;padding-left: 1em;letter-spacing: 0.1em;}
.model_section_detail02_body li::before{content: "■";}
.model_section_detail02_body dl{display: flex;justify-content: space-between;width: 100%;align-items: flex-start;flex-wrap: wrap}
.model_section_detail02_body dt{width: 100%;position: relative;margin-bottom: 5px;}
.model_section_detail02_body dd{width: 100%;position: relative;}

.model_section07{margin: 0 auto 0;max-width: 1600px;padding-bottom: 150px;display: flex;justify-content: space-between;}
.model_section07inner01{width: 37%;}
.model_section07inner01 img{width: 100%;}
.model_section07inner02{width: 60%;}
.model_section07_img01{max-width: 600px;margin: 0 auto;}
.model_section07_img02{width: 65%;margin: -20% 0 0 auto;}

.model_section_detail03{max-width: 1020px;margin: 30px auto 0;background: #f0f0f0;}
.model_section_detail03 h6{color: #FFF;  background: linear-gradient(90deg,#666458 0%,#666458 55%,#f2f2f2 100%);padding: 10px;font-family:"EB Garamond";font-size: 30px;text-align: center;}
.model_section_detail03_body{color: #333;display: flex;justify-content: space-between;padding: 40px;}
.model_section_detail03_body ul{width: 68%;}
.model_section_detail03_body li{margin-bottom: 10px;font-size: 16px;line-height: 1.8;text-indent: -1em;padding-left: 1em;letter-spacing: 0.1em;}
.model_section_detail03_body li::before{content: "■";}
.model_section_detail03_body dl{display: flex;justify-content: space-between;width: 30%;align-items: flex-start;flex-wrap: wrap;}
.model_section_detail03_body dt{width: 100%;position: relative;margin-bottom: 5px;}
.model_section_detail03_body dd{width: 100%;position: relative;}

.model_section_detail01 .jp{font-family:YakuHanMP, 'Noto Serif JP', YuMincho, 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif;font-size: 16px;margin-left: 10px;}
.model_section_detail02 .jp{font-family:YakuHanMP, 'Noto Serif JP', YuMincho, 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif;font-size: 16px;margin-left: 10px;}
.model_section_detail03 .jp{font-family:YakuHanMP, 'Noto Serif JP', YuMincho, 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif;font-size: 16px;margin-left: 10px;}


/* Model room motion */
.und_mainv h6 span:nth-child(9){animation-delay: 0.4s;animation-duration: 1.6s;}
.und_mainv h6 span:nth-child(10){animation-delay: 0.45s;animation-duration: 1.55s;}
.und_mainv h6 span:nth-child(11){animation-delay: 0.5s;animation-duration: 1.5s;}

.model_crop_parallax{position: relative;overflow: hidden;isolation: isolate;}
.model_crop_parallax img{position: absolute;top: -20%;left: 0;display: block;width: 100%;height: 140%;max-width: none;object-fit: cover;transform: translate3d(0,var(--model-crop-y,0px),0) scale(1.02);will-change: transform;}
.model_section01_img01,
.model_section02_img01,
.model_section04_img01{aspect-ratio: 2.05 / 1;}
.model_section03_img01{aspect-ratio: 1.85 / 1;}
.model_section05_img01{aspect-ratio: 1.65 / 1;}
.model_section06_img01{aspect-ratio: 0.92 / 1;}

.model_reveal{overflow: hidden;}
.model_reveal > img{display: block;width: 100%;clip-path: inset(0 100% 0 0);transform: scale(1.04);transform-origin: center;transition: clip-path 1.8s cubic-bezier(0.38,0.19,0.12,0.98),transform 1.8s cubic-bezier(0.38,0.19,0.12,0.98);will-change: clip-path,transform;}
.model_reveal.sai-animate > img{clip-path: inset(0 0 0 0);transform: scale(1);}

.model_layer_parallax{transform: translate3d(0,var(--model-layer-y,0px),0);transition: none !important;will-change: transform;}

[data-sai="model-blur"]{opacity: 0;filter: blur(14px);transform: translate3d(0,28px,0);transition: opacity 1.1s cubic-bezier(0.22,1,0.36,1),filter 1.1s cubic-bezier(0.22,1,0.36,1),transform 1.1s cubic-bezier(0.22,1,0.36,1) !important;will-change: opacity,filter,transform;}
[data-sai="model-blur"].sai-animate{opacity: 1;filter: blur(0);transform: translate3d(0,0,0);}

@media screen and (max-width: 1400px) {
    
}

@media screen and (max-width: 768px) {

.bg_modelroom{background-image: url("../../modelroom/imgs/background_pattern.jpg");background-size: 130% auto;background-repeat: repeat-y;color: #FFF;background-position: right;}

.model_ttl{padding: 50px 0;text-align: center;}
.model_ttl h2{font-family:"EB Garamond";font-size: 5vw;letter-spacing: 0.1em;}
.model_ttl h3{font-size: 4vw;letter-spacing: 0.1em;margin: 20px 0 0 0;line-height: 2;}

.model_section_txt{font-family:"EB Garamond";font-size: 7vw;letter-spacing: 0.1em;max-width: 1600px;margin: 15px auto;padding:0 20px;width: 100%;}

.model_section01{margin: 0 0 75px}
.model_section01 img{width: 100%}
.model_section01_img01{width: calc(100% - 5%);}
.model_section01inner{display: flex;flex-wrap: wrap;max-width: 1600px;margin: 15px auto;}
.model_section01_img02{width: 72%;margin: -18% 0 0 -6%;}
.model_section01_img03{width: 30%;margin: 0 0 0 4%;z-index: 1;}

.model_section02{margin: 0 0 75px}
.model_section02_img01{max-width: 1600px;margin: 0 5%;}

.model_section03{margin: 0 0 75px}
.model_section03 img{width: 100%}
.model_section03_img01{width: 100%;}
.model_section03inner{display: flex;flex-wrap: wrap;max-width: 1600px;margin: 15px auto;}
.model_section03_img02{width: 33%;margin: -24% 5% 0 -16%;z-index: 1;}
.model_section03_img03{width: 73%;margin: 0 0 0 5%;}

.model_section04{margin: 0 0 75px}
.model_section04_img01{max-width: 1600px;margin: 0 5%;}

.model_section05{margin: 0 0 75px}
.model_section05_img01{max-width: 1020px;margin: 0 5%;}

.model_section_detail01{max-width: 1020px;margin: 20px 5% 0;background: #f0f0f0;}
.model_section_detail01 h6{color: #FFF;  background: linear-gradient(90deg,#666458 0%,#666458 55%,#f2f2f2 100%);padding: 5px;font-family:"EB Garamond";font-size: 5vw;text-align: center;}
.model_section_detail01_body{color: #333;display: flex;justify-content: space-between;padding: 15px 5%;flex-wrap: wrap;}
.model_section_detail01_body ul{width: 100%;}
.model_section_detail01_body li{margin-bottom: 7px;font-size: 3.5vw;line-height: 1.8;text-indent: -1em;padding-left: 1em;letter-spacing: 0.1em;}
.model_section_detail01_body li::before{content: "■";}
.model_section_detail01_body dl{display: flex;justify-content: space-between;width: 100%;align-items: flex-start;}
.model_section_detail01_body dt{width: 49.5%;position: relative;}
.model_section_detail01_body dd{width: 49.5%;position: relative;}

.model_section06{margin: 0 5% 75px;max-width: 1200px;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap}
.model_section06_img01{width: 100%;}

.model_section_detail02{background: #f0f0f0;width: 100%;margin: 20px 0 0 0;}
.model_section_detail02 h6{color: #FFF;  background: linear-gradient(90deg,#666458 0%,#666458 55%,#f2f2f2 100%);padding: 5px;font-family:"EB Garamond";font-size: 5vw;text-align: center;}
.model_section_detail02_body{color: #333;display: flex;justify-content: space-between;padding: 15px 5%;flex-wrap: wrap;}
.model_section_detail02_body ul{width: 100%;}
.model_section_detail02_body li{margin-bottom: 7px;font-size: 3.5vw;line-height: 1.8;text-indent: -1em;padding-left: 1em;letter-spacing: 0.1em;}
.model_section_detail02_body li::before{content: "■";}
.model_section_detail02_body dl{display: flex;justify-content: space-between;width: 100%;align-items: flex-start;flex-wrap: wrap}
.model_section_detail02_body dt{width: 49.5%;position: relative;margin-bottom: 5px;}
.model_section_detail02_body dd{width: 49.5%;position: relative;}

.model_section07{margin: 0 5% 0;max-width: 1600px;padding-bottom: 75px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.model_section07inner01{width: 100%;margin: 0 0 75px 0;}
.model_section07inner01 img{width: 100%;}
.model_section07inner02{width: 100%;}
.model_section07_img01{max-width: 600px;margin: 0 auto;}
.model_section07_img02{width: 100%;margin: 0;}

.model_section_detail03{max-width: 1020px;margin: 20px auto 0;background: #f0f0f0;}
.model_section_detail03 h6{color: #FFF;  background: linear-gradient(90deg,#666458 0%,#666458 55%,#f2f2f2 100%);padding: 5px;font-family:"EB Garamond";font-size: 5vw;text-align: center;}
.model_section_detail03_body{color: #333;display: flex;justify-content: space-between;padding: 15px 5%;flex-wrap: wrap}
.model_section_detail03_body ul{width: 100%;}
.model_section_detail03_body li{margin-bottom: 7px;font-size: 3.5vw;line-height: 1.8;text-indent: -1em;padding-left: 1em;letter-spacing: 0.1em;}
.model_section_detail03_body li::before{content: "■";}
.model_section_detail03_body dl{display: flex;justify-content: space-between;width: 100%;align-items: flex-start;}
.model_section_detail03_body dt{width: 49.5%;position: relative;}
.model_section_detail03_body dd{width: 49.5%;position: relative;}

.model_section_detail01 .jp{font-family:YakuHanMP, 'Noto Serif JP', YuMincho, 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif;font-size: 3vw;margin-left: 10px;}
.model_section_detail02 .jp{font-family:YakuHanMP, 'Noto Serif JP', YuMincho, 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif;font-size: 3vw;margin-left: 10px;}
.model_section_detail03 .jp{font-family:YakuHanMP, 'Noto Serif JP', YuMincho, 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif;font-size: 3vw;margin-left: 10px;}

.model_crop_parallax img{top: -15%;height: 130%;}
.model_section01_img01,
.model_section02_img01,
.model_section03_img01,
.model_section04_img01,
.model_section05_img01{aspect-ratio: 4 / 3;}
.model_section06_img01{aspect-ratio: 4 / 5;}
.model_reveal > img{transition-duration: 1.35s;}
[data-sai="model-blur"]{filter: blur(9px);transform: translate3d(0,18px,0);transition-duration: 0.9s !important;}

}

@media (prefers-reduced-motion: reduce) {
.model_crop_parallax img,
.model_layer_parallax{transform: none !important;will-change: auto;}
.model_reveal > img,
.model_reveal.sai-animate > img{clip-path: inset(0 0 0 0);transform: none;transition: none;will-change: auto;}
[data-sai="model-blur"],
[data-sai="model-blur"].sai-animate{opacity: 1;filter: none;transform: none;transition: none !important;will-change: auto;}
}