@charset "UTF-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
html{font-size:62.5%}
body,html{height:100%}
body{color:#231916;font-family:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-weight:500;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;font-feature-settings:"palt";letter-spacing:0;line-height:1}
body.-noScroll{overflow:hidden}
.serif{font-family:KozMinPro-Bold,"Kozuka Mincho Pro B","Kozuka Mincho Std B","小塚明朝 Pro B","小塚明朝 Std B","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-weight:700;letter-spacing:.1em}
sup{position:relative;top:-.25em;vertical-align:baseline;line-height:0;font-size:80%;margin-right:.3em}
a:link{color:#000;text-decoration:none}
a:visited{color:#000}
a:hover{color:#ccc;text-decoration:none}
button{background-color:transparent;border:none;cursor:pointer;outline:0;width:100%;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit}
.flL{float:left}
.flR{float:right}
.clB{clear:both}
.cf:after,.cf:before{content:"";display:table}
.cf:after{clear:both}
*{box-sizing:border-box}
img{vertical-align:bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;image-rendering:-webkit-optimize-contrast}
img.fit{width:100%;max-width:100%;height:auto}
@media all and (min-width:768px){
._sp{display:none!important}
a img,input[type=image]{opacity:1;transition:opacity .2s}
}
@media all and (max-width:767px){
._pc{display:none!important}
}
@media print{
.noPrint{display:none!important}
}
html{height:100%}
body{position:relative;width:100%;height:100%;pointer-events:auto}
.wrap{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto}
.section{position:absolute;left:0;top:0;width:100%;overflow:hidden}
.section>.secInner{position:relative;width:100%;height:100%}
@media all and (min-width:768px){
.wrap{min-width:960px;max-width:1336px}
.section{height:100vh}
}
@media all and (max-width:767px){
.section{height:100vh}
.section>.secInner{margin:0 auto}
}
@media all and (max-width:767px){
body{font-weight:400}
}
@media all and (min-width:768px){
.g__header{position:fixed;left:0;top:0;z-index:100;width:100%;height:60px;background:#fff}
.g__header>.secInner{position:relative;left:50%;width:100%;height:100%;max-width:1336px;transform:translateX(-50%)}
.h__hhLogo{position:absolute;left:0;top:0;width:117px;margin:24px 0 0 25px}
.h__hhLogo a{transition:all .3s}
.h__hhLogo a:hover{opacity:.7}
.h__conversionBtns{display:flex;justify-content:flex-end;position:absolute;right:0;top:0;height:100%}
.h__conversionBtns>li{position:relative;width:240px;height:100%}
.h__conversionBtns>li a{display:flex;justify-content:center;align-items:center;height:100%;background:#000;font-weight:700;font-size:16px;font-size:1.6rem;color:#fff;transition:all .2s}
.h__conversionBtns>li a:hover{background-color:#333;color:#fff}
.h__onlinereserveBtn{height:100%}
.h__onlinereserveBtn a{background-color:#868686!important;background-size:100%}
.h__onlinereserveBtn:hover a{background-color:#999!important}
.h__onlinereserveBtn__label{display:flex;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;justify-content:center;align-items:center;font-weight:700;font-size:16px;font-size:1.6rem;color:#fff}
.h__conversionBtns a::before{content:'';position:absolute;left:0;top:50%;width:9px;height:9px;margin:calc(-9px*.5 - 1px) 0 0 16px;border-top:#fff solid 1px;border-right:#fff solid 1px;transform:rotate(45deg);transition:all .2s}
.h__conversionBtns a:hover::before{left:5px}
}
@media all and (max-width:767px){
.g__header{position:fixed;left:0;top:0;z-index:100;width:100%;background:#fff}
.g__header>.secInner{position:relative;width:100%;height:0;padding-top:13.33333%}
.h__hhLogo{position:absolute;left:0;top:0;width:24%;margin:5.06667% 0 0 6.66667%}
.h__conversionBtns{position:absolute;right:0;top:0;width:58.66667%;height:100%}
.h__conversionBtns>li{float:left;position:relative;box-sizing:border-box}
.h__conversionBtns>li a{display:flex;justify-content:center;align-items:center;height:100%;background:#000;font-size:11px;font-size:2.93333vw;line-height:1.36364;color:#fff}
.h__catalogBtn{width:50%;height:100%}
.h__onlinereserveBtn{width:50%;height:100%}
.h__onlinereserveBtn a{background-color:#868686!important}
.h__onlinereserveBtn__label{display:flex;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;padding:.3em 0 0 1.8em;justify-content:center;align-items:center;height:100%;font-size:11px;font-size:2.93333vw;line-height:1.18182;color:#fff}
.h__conversionBtns .h__onlinereserveBtn__label::before,.h__conversionBtns a::before{content:'';position:absolute;left:0;width:.5em;height:.5em;margin-left:1em;border-top:#fff solid 1px;border-right:#fff solid 1px;transform:rotate(45deg)}
}
@media all and (min-width:768px){
.g__body{position:relative;width:100%;padding-top:60px}
}
@media all and (max-width:767px){
.g__body{position:relative;width:100%;padding-top:12%}
}
.f__pagetopBtn{transform:translateY(180%);transition:all .5s cubic-bezier(.215,.61,.355,1)}
.f__pagetopBtn.--show{transform:translateY(0)}
@media all and (min-width:768px){
.g__footer{width:100%;background:#fff}
.g__footer>.secInner{position:relative;width:100%;max-width:1336px;padding:11.22754% 0 7.48503%;margin:0 auto}
.g__footer .f__pagetopBtn{position:fixed;right:0;bottom:0;z-index:10;width:5.38922%;max-width:72px;margin:0 2.24551% 2.24551% 0}
.g__footer .f__pagetopBtn a{display:block;background:#000}
.g__footer .f__pagetopBtn a img{transition:all .2s cubic-bezier(.215,.61,.355,1)}
.g__footer .f__pagetopBtn a:hover{background:#222}
.g__footer .f__pagetopBtn a:hover img{transform:translateY(-5px)}
.g__footer .f__hhLogo{width:17.96407%;margin:0 auto}
.g__footer .f__hhLogo a{transition:all .3s}
.g__footer .f__hhLogo a:hover{opacity:.7}
.g__footer .f__copyright{margin-top:2.99401%;font-weight:700;font-size:12px;font-size:.8982vw;letter-spacing:.08em;text-align:center}
}
@media all and (min-width:768px) and (max-width:768px){
.g__footer .f__copyright{font-size:.68982rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.g__footer .f__copyright{font-size:1.2rem}
}
@media all and (max-width:767px){
.g__footer{width:100%;background:#fff}
.g__footer>.secInner{position:relative;padding:20% 0 24%}
.g__footer .f__pagetopBtn{position:fixed;right:0;bottom:0;z-index:10;width:14.66667%;margin:0 2.66667% 2.66667% 0}
.g__footer .f__pagetopBtn a{display:block;background:#222}
.g__footer .f__pagetopBtn.-spStickyNavi{margin-bottom:26.66667%}
.g__footer .f__hhLogo{width:38.66667%;margin:0 auto}
.g__footer .f__copyright{margin-top:6%;font-size:10px;font-size:2.66667vw;font-weight:700;letter-spacing:.08em;line-height:1.5;text-align:center}
#g__spStickyNavi{position:fixed;left:0;bottom:0;z-index:100;width:100%;padding:.53333% 0;background:#fff;transition:all .5s cubic-bezier(.215,.61,.355,1)}
#g__spStickyNavi .btns{display:flex;justify-content:center}
#g__spStickyNavi .btns>li{width:49.2%}
#g__spStickyNavi .btns>li:nth-of-type(2){margin-left:.53333%}
#g__spStickyNavi.-hide{transform:translateY(102%)}
}
.videoContainer{position:relative;width:100%;padding-top:56.25%}
.videoContainer iframe{position:absolute;top:0;right:0;width:100%!important;height:100%!important}
.cmn__modelhouseLocationNavi form{position:absolute;left:0;top:0;width:100%;height:100%}
.cmn__modelhouseLocationNavi form select{width:100%;height:100%;opacity:0;border:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}
@media all and (min-width:768px){
#loading{display:block;position:fixed;left:0;top:0;z-index:10000;width:100%;height:100%;background:#fff}
#loading>.secInner{position:relative;left:50%;width:100%;height:calc(100vh - 84px);max-width:1000px;transform:translateX(-50%)}
#loading .load__anime{display:none}
}
@media all and (max-width:767px){
#loading{display:block;position:fixed;left:0;top:0;z-index:10000;width:100%;height:100%;background:#fff}
#loading>.secInner{position:relative;width:100%;height:calc(100vh - 56px)}
#loading .load__anime{display:none}
}
body.-modal{position:fixed}
@media all and (min-width:768px){
.modal{display:none;position:fixed;left:0;top:0;z-index:10000;width:100%;height:100%;overflow:hidden;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}
.modal .modal__bg{position:fixed;left:0;top:0;width:100%;height:100%}
.modal .modal__contents{position:fixed;left:0;top:0;width:100%;height:100%}
}
@media all and (max-width:767px){
.modal{display:none;position:fixed;left:0;top:0;z-index:10000;width:100%;height:100%;overflow:hidden;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}
.modal .modal__bg{position:fixed;left:0;top:0;width:100%;height:100%}
.modal .modal__contents{position:fixed;left:0;top:0;width:100%;height:100%}
}
#movieModal .logica-player{position:absolute;left:0;top:0;width:100%;height:100%}
.cmn__txtBtn{position:relative}
.cmn__txtBtn a,.cmn__txtBtn button{display:flex;justify-content:center;align-items:center;position:relative;padding:1.2em 0;background:#000;font-weight:700;color:#fff;transition:all .2s}
.cmn__txtBtn a .i,.cmn__txtBtn button .i{position:absolute;left:0;top:50%;transition:all .2s}
.cmn__txtBtn a .i::after,.cmn__txtBtn button .i::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border-top:#fff solid 1px;border-right:#fff solid 1px;transform:rotate(45deg)}
.cmn__txtBtn.__anchor a .i,.cmn__txtBtn.__anchor button .i{margin-left:2.5em!important;transform:rotate(90deg)}
.cmn__txtBtn.__outline a::before,.cmn__txtBtn.__outline button::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:1px #fff solid}
.cmn__txtBtn.__invert a,.cmn__txtBtn.__invert button{background:#fff;color:#000}
.cmn__txtBtn.__invert a .i::after,.cmn__txtBtn.__invert button .i::after{border-top:#000 solid 1px;border-right:#000 solid 1px}
.cmn__txtBtn.__invert a::before,.cmn__txtBtn.__invert button::before{border:1px #000 solid}
@media all and (min-width:768px){
.cmn__txtBtn{width:300px}
.cmn__txtBtn a,.cmn__txtBtn button{font-size:16px;font-size:1.1976vw}
}
@media all and (min-width:768px) and (max-width:768px){
.cmn__txtBtn a,.cmn__txtBtn button{font-size:.91976rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.cmn__txtBtn a,.cmn__txtBtn button{font-size:1.6rem}
}
@media all and (min-width:768px){
.cmn__txtBtn a .i,.cmn__txtBtn button .i{width:.9em;height:.9em;margin:calc(-.9em*.5 - 1px) 0 0 6%;font-size:10px;font-size:.7485vw;transition:all .2s}
}
@media all and (min-width:768px) and (max-width:768px){
.cmn__txtBtn a .i,.cmn__txtBtn button .i{font-size:.57485rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.cmn__txtBtn a .i,.cmn__txtBtn button .i{font-size:1rem}
}
@media all and (min-width:768px){
.cmn__txtBtn a:hover,.cmn__txtBtn button:hover{background-color:#333;color:#fff}
.cmn__txtBtn a:hover .i,.cmn__txtBtn button:hover .i{transform:translateX(5px)}
.cmn__txtBtn a:hover .i.__mini,.cmn__txtBtn button:hover .i.__mini{transform:translateX(2px)}
.cmn__txtBtn.__invert a:hover .i::after,.cmn__txtBtn.__invert button:hover .i::after{border-top:#fff solid 1px;border-right:#fff solid 1px}
.cmn__txtBtn.__anchor a:hover .i{transform:rotate(90deg) translateX(5px)}
}
@media all and (max-width:767px){
.cmn__txtBtn{width:100%}
.cmn__txtBtn a,.cmn__txtBtn button{font-size:13px;font-size:3.46667vw}
.cmn__txtBtn a .i,.cmn__txtBtn button .i{width:1em;height:1em;margin:calc(-1em*.5 - 1px) 0 0 1.2em;font-size:10px;font-size:2.66667vw}
}
.cmn__openCloseBtn{position:relative}
.cmn__openCloseBtn::after,.cmn__openCloseBtn::before{content:'';position:absolute;top:50%;height:1px;background:#000}
.cmn__openCloseBtn::before{left:0}
.cmn__openCloseBtn::after{right:0}
.cmn__openCloseBtnCore{position:relative;margin:0 auto}
@media all and (min-width:768px){
.cmn__openCloseBtn{width:100%;margin:6.82303% auto 0}
.cmn__openCloseBtn::after,.cmn__openCloseBtn::before{width:35.71429%;transition:all .3s cubic-bezier(.215,.61,.355,1)}
.cmn__openCloseBtnCore{transition:all .3s}
.cmn__openCloseBtnCore.__open{width:16.41791%}
.cmn__openCloseBtnCore.__close{width:10.12793%}
.cmn__openCloseBtn:hover::after,.cmn__openCloseBtn:hover::before{width:38.37953%}
.cmn__openCloseBtn:hover .cmn__openCloseBtnCore{opacity:.5}
}
@media all and (max-width:767px){
.cmn__openCloseBtn{width:100%;margin:15.38462% auto 0}
.cmn__openCloseBtn::after,.cmn__openCloseBtn::before{width:21.53846%}
.cmn__openCloseBtnCore.__open{width:35.38462%}
.cmn__openCloseBtnCore.__close{width:21.53846%}
}
.cmn__openCloseBtnCore.__open{display:block}
.cmn__openCloseBtnCore.__close{display:none}
.cmn__openCloseBtn.--open .cmn__openCloseBtnCore.__open{display:none}
.cmn__openCloseBtn.--open .cmn__openCloseBtnCore.__close{display:block}
.cmn__movieThumb{position:relative}
.cmn__movieThumb a{display:block;position:relative;width:100%;overflow:hidden;background:#000}
.cmn__movieThumb a img{position:relative;z-index:0;transition:all 1s}
.cmn__movieThumb a::before{content:'';position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.65);transition:all .6s}
.cmn__movieThumb a .i{position:absolute;left:50%;top:50%;z-index:2;height:0}
.cmn__movieThumb a .i::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:1px #fff solid;border-radius:10em;transition:all .6s}
.cmn__movieThumb a .i::after{content:'';position:absolute;left:50%;top:50%;width:26%;height:0;padding-top:30%;background:url(/hebel/lineup/asgard/img/common/cmn_movie_play-ico_tri.svg) 50% 50% no-repeat;background-size:contain;transform:translate(-30%,-50%)}
@media all and (min-width:768px){
.cmn__movieThumb a .i{width:11.44165%;padding-top:11.44165%;margin:-5.72082% 0 0 -5.72082%}
.cmn__movieThumb a:hover img{transform:scale(1.08)}
.cmn__movieThumb a:hover::before{background:rgba(0,0,0,.3)}
.cmn__movieThumb a:hover .i::before{transform:scale(1.08)}
}
@media all and (max-width:767px){
.cmn__movieThumb a .i{width:15.38462%;padding-top:15.38462%;margin:-7.69231% 0 0 -7.69231%}
}
@media all and (min-width:768px){
.m__cover{position:relative;width:100%}
.m__cover>.secInner{position:relative;left:50%;width:100%;max-width:1336px;transform:translateX(-50%)}
}
@media all and (max-width:767px){
.m__cover{position:relative;width:100%}
.m__cover>.secInner{position:relative}
}
@media all and (min-width:768px){
.covr__kv{display:flex;flex-direction:row-reverse;position:relative}
.covr__kv__titleBlc{display:flex;justify-content:center;align-items:center;position:relative;z-index:1;width:35.92814%}
.covr__kv__titleBlc::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#000 url(/hebel/lineup/asgard/img/cover_p2/covr_title_bg_pc.png) 0 0 no-repeat;background-size:100% 100%}
.covr__kv__title{position:relative;width:62.91667%}
.covr__kv__pic{position:relative;width:64.07186%}
}
@media all and (max-width:767px){
.covr__kv{position:relative}
.covr__kv__titleBlc{position:relative;z-index:1;width:100%;padding:5.6% 0}
.covr__kv__titleBlc::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#000 url(/hebel/lineup/asgard/img/cover_p2/covr_title_bg_sp.png) 0 0 no-repeat;background-size:100% 100%}
.covr__kv__title{position:relative;width:40.26667%;margin-left:53.33333%}
.covr__kv__pic{position:relative;width:100%}
}
.covr__kv__catalog::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#f5f5f5}
@media all and (min-width:768px){
.covr__kv__catalog{display:flex;justify-content:flex-start;align-items:center;position:absolute;right:0;bottom:0;z-index:2;width:39.67066%;padding:2.09581% 0 1.79641%;margin:0 5.98802% -5.61377% 0}
.covr__kv__catalog__fig{position:relative;width:39.24528%;margin-left:2.64151%}
.covr__kv__catalog__txtBlc{position:relative;width:52.83019%}
.covr__kv__catalog__heading{width:74.28571%}
.covr__kv__catalog__inquiryBtn{width:100%;margin-top:4.66667%}
}
@media all and (max-width:767px){
.covr__kv__catalog{display:flex;justify-content:center;align-items:center;-moz-column-gap:2.9em;column-gap:2.9em;position:relative;z-index:2;width:86.66667%;padding:7.2% 0 3.73333%;margin:4% auto 0}
.covr__kv__catalog__fig{position:absolute;left:0;top:0;width:39.84615%;margin:2.92308% 0 0 9.23077%}
.covr__kv__catalog__txtBlc{position:relative;width:84.61538%;margin:0 auto}
.covr__kv__catalog__heading{width:47.63636%;margin-left:auto}
.covr__kv__catalog__inquiryBtn{width:100%;margin-top:2.72727%}
}
.covr__kv__scrollAttention{position:absolute;left:0;bottom:0;width:1px;height:80px;margin-left:90px}
.covr__kv__scrollAttention .t{position:absolute;left:0;bottom:0;margin:0 0 80px 1px;color:#fff;transform-origin:0 50%;transform:rotate(-90deg)}
.covr__kv__scrollAttention .i{position:relative;width:100%;height:100%;overflow:hidden}
.covr__kv__scrollAttention .i::before{content:'';position:absolute;width:100%;height:100%;background:#fff;-webkit-animation:scrollAnimation 3s infinite cubic-bezier(.075,.82,.165,1);animation:scrollAnimation 3s infinite cubic-bezier(.075,.82,.165,1)}
@-webkit-keyframes scrollAnimation{
0%{transform:translateY(-101%)}
49%{transform:translateY(0)}
51%{transform:translateY(0)}
100%{transform:translateY(101%)}
}
@keyframes scrollAnimation{
0%{transform:translateY(-101%)}
49%{transform:translateY(0)}
51%{transform:translateY(0)}
100%{transform:translateY(101%)}
}
@media all and (min-width:768px){
.covr__kv__scrollAttention .t{font-size:12px;font-size:.8982vw}
}
@media all and (min-width:768px) and (max-width:768px){
.covr__kv__scrollAttention .t{font-size:.68982rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.covr__kv__scrollAttention .t{font-size:1.2rem}
}
@media all and (max-width:767px){
.covr__kv__scrollAttention{height:3.5em;margin:0 0 20em 3em}
.covr__kv__scrollAttention .t{margin-bottom:3.8em;font-size:9px;font-size:2.4vw}
}
@media all and (min-width:768px){
.covr__statement{position:relative;width:40.11976%;margin:15.41916% auto 0}
.covr__statement__catch{position:relative;width:93.28358%}
.covr__statement__desc{position:relative;width:100%;margin-top:18.65672%}
}
@media all and (max-width:767px){
.covr__statement{position:relative;width:86.66667%;margin:13.33333% auto 0}
.covr__statement__catch{position:relative;width:76.92308%}
.covr__statement__desc{position:relative;width:100%;margin-top:12.30769%}
}
@media all and (min-width:768px){
.m__intro{position:relative;width:100%}
.m__intro>.secInner{position:relative}
}
@media all and (max-width:767px){
.m__intro{position:relative;width:100%}
.m__intro>.secInner{position:relative}
}
@media all and (min-width:768px){
.intr__movie{position:relative;width:65.41916%;margin:9.73054% auto 0}
}
@media all and (max-width:767px){
.intr__movie{position:relative;width:86.66667%;margin:13.33333% auto 0}
}
.intr__bannerBlc{position:relative}
.intr__bannerBlc::before{content:'';position:absolute;right:0;bottom:0;height:0;background:url(/hebel/lineup/asgard/img/intro/intr_banner_bg_v2_pc.png) 0 0 no-repeat;background-size:100% 100%}
.intr__banner{position:relative}
.intr__banner a{display:block}
@media all and (min-width:768px){
.intr__bannerBlc{width:70.20958%;margin:9.73054% auto 0}
.intr__bannerBlc::before{width:101.70576%;padding-top:28.14499%;margin:0 -21.32196% -7.99574% 0}
.intr__banner{position:relative}
.intr__banner a{background:#fff}
.intr__banner a img{transition:all .5s}
.intr__banner a:hover img{opacity:.7}
}
@media all and (max-width:767px){
.intr__bannerBlc{width:86.66667%;margin:16% auto 0}
.intr__bannerBlc::before{width:90.76923%;padding-top:36.92308%;margin:0 -7.69231% -7.07692% 0;background-image:url(/hebel/lineup/asgard/img/intro/intr_banner_bg_v2_sp.png)}
}
[class*=m__concept--]{position:relative}
[class*=m__concept--]::before{content:'';position:absolute;width:100%;height:100%;background-color:#000;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;transition:all 1s cubic-bezier(.075,.82,.165,1);opacity:0}
[class*=m__concept--].--open::before{opacity:1}
@media all and (min-width:768px){
.m__concept{position:relative;width:100%;margin-top:16.84132%}
[class*=m__concept--]{margin-top:7.48503%}
[class*=m__concept--]::before{background-image:url(/hebel/lineup/asgard/img/concept/conc_bg_pc.jpg)}
[class*=m__concept--]>.secInner{position:relative}
}
@media all and (max-width:767px){
.m__concept{position:relative;width:100%;margin-top:25.33333%}
.m__concept>.secInner{position:relative}
[class*=m__concept--]{margin-top:18.66667%}
[class*=m__concept--]::before{background-image:url(/hebel/lineup/asgard/img/concept/conc_bg_sp.jpg)}
[class*=m__concept--]>.secInner{position:relative}
}
.conc__kv::before{content:'';position:absolute;left:0;top:0;width:100%;height:0;background-color:#000;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%}
.conc__main{position:relative;width:100%;color:#fff}
.conc__main::before{content:'';position:absolute;right:0;top:0;background-color:#000;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%}
@media all and (min-width:768px){
.conc__kv::before,.conc__main::before{background-image:url(/hebel/lineup/asgard/img/concept/conc_bg_pc.jpg)}
}
@media all and (max-width:767px){
.conc__kv::before,.conc__main::before{background-image:url(/hebel/lineup/asgard/img/concept/conc_bg_sp.jpg)}
}
.conc__kv__pic{position:relative}
.conc__kv__pic img{position:relative}
.conc__kv__heading{position:absolute;left:0;top:0}
.conc__kv__heading>span{display:block;position:absolute}
.conc__kv__heading .urban{left:0;top:0;overflow:hidden}
.conc__kv__heading .txt{left:0;top:0;overflow:hidden}
.conc__kv__heading .i{left:0;top:0;overflow:hidden}
.conc__kv__heading .i::after,.conc__kv__heading .i::before{content:'';position:absolute;left:0;top:50%;width:100%;height:1px;background:#fff}
.conc__kv__heading .i::before{transform:rotate(45deg)}
.conc__kv__heading .i::after{transform:rotate(135deg)}
@media all and (min-width:768px){
.conc__kv{position:relative;z-index:10;width:100%}
.conc__kv__heading{width:6.88623%}
.conc__kv__heading .urban{width:100%}
.conc__kv__heading .txt{margin:100% 0 0 109.78261%}
.conc__kv__heading .i{width:108.69565%;height:0;padding-top:108.69565%;margin:-13.04348% 0 0 97.82609%}
.conc__kv__tagline{position:absolute;left:0;top:0}
.conc__lead__desc{margin:2.1em 0 -.4em;font-size:16px;font-size:1.1976vw;line-height:1.8;text-align:justify}
}
@media all and (min-width:768px) and (max-width:768px){
.conc__lead__desc{font-size:.91976rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.conc__lead__desc{font-size:1.6rem}
}
@media all and (min-width:768px){
.conc__lead__note{font-size:12px;font-size:.8982vw;line-height:2.4}
}
@media all and (min-width:768px) and (max-width:768px){
.conc__lead__note{font-size:.68982rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.conc__lead__note{font-size:1.2rem}
}
@media all and (max-width:767px){
.conc__kv{position:relative;z-index:10;width:100%}
.conc__kv__heading{width:11.2%}
.conc__kv__heading .urban{width:100%}
.conc__kv__heading .txt{margin:101.19048% 0 0 111.90476%}
.conc__kv__heading .i{width:107.14286%;height:0;padding-top:107.14286%;margin:-13.09524% 0 0 100%}
.conc__kv__tagline{position:absolute;left:0;top:0}
.conc__lead__desc{margin:6.09231% 0 -1.6%;font-size:13px;font-size:3.46667vw;line-height:1.8;text-align:justify}
.conc__lead__note{font-size:11px;font-size:2.93333vw;line-height:1.30909}
}
.conc__entrance__openMainBtn button .i2{position:absolute;left:0;top:50%;height:1px}
.conc__entrance__openMainBtn button .i2::after,.conc__entrance__openMainBtn button .i2::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#fff}
.conc__entrance__openMainBtn button .i2::after{transform:rotate(90deg)}
@media all and (min-width:768px){
.conc__entrance__openMainBtn{width:100%;margin-top:5.95238%}
.conc__entrance__openMainBtn button .i2{width:1.3125em;margin-left:1.4375em;transition:all .2s}
.conc__entrance__openMainBtn button:hover .i2{transform:rotate(90deg)}
}
@media all and (max-width:767px){
.conc__entrance__openMainBtn{width:84.61538%;margin:6.15385% auto 0}
.conc__entrance__openMainBtn button .i2{width:1.11538em;margin-left:1.46154em}
}
.conc__closeMainBtn button .i3{position:absolute;left:0;top:50%;height:1px}
.conc__closeMainBtn button .i3::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#fff}
@media all and (min-width:768px){
.conc__closeMainBtn{width:31.43713%;margin:7.48503% auto 0}
.conc__closeMainBtn button .i3{width:1.3125em;margin-left:1.4375em;transition:all .2s}
.conc__closeMainBtn button:hover .i3{transform:rotate(180deg)}
}
@media all and (max-width:767px){
.conc__closeMainBtn{width:84.61538%;margin:12.30769% auto 0}
.conc__closeMainBtn button .i3{width:1.11538em;margin-left:1.46154em}
}
.m__concept--design::before{display:none!important}
@media all and (min-width:768px){
.m__concept--design .conc__kv{padding-top:5.98802%}
.m__concept--design .conc__kv::before{padding-top:29.94012%}
.m__concept--design .conc__kv__pic{width:82.78443%}
.m__concept--design .conc__kv__heading{margin:48.27844% 0 0 14.97006%}
.m__concept--design .conc__kv__heading .txt{width:336.95652%}
.m__concept--design .conc__kv__tagline{width:7.48503%;margin:16.54192% 0 0 8.68263%}
.m__concept--design .conc__main{padding-top:13.32335%}
.m__concept--design .conc__main::before{width:94.01198%;height:0;padding-top:86.07784%;margin-top:-5.23952%}
}
@media all and (max-width:767px){
.m__concept--design .conc__kv{padding-top:9.33333%}
.m__concept--design .conc__kv::before{padding-top:40.4%}
.m__concept--design .conc__kv__pic{width:93.33333%}
.m__concept--design .conc__kv__heading{margin:56.66667% 0 0 6.66667%}
.m__concept--design .conc__kv__heading .txt{width:351.19048%}
.m__concept--design .conc__kv__tagline{width:12.26667%;margin:16% 0 0 6.66667%}
.m__concept--design .conc__main{padding-top:33.06667%}
.m__concept--design .conc__main::before{width:100%;height:0;padding-top:172.8%}
}
@media all and (min-width:768px){
.dsgn__feature{position:relative;width:70.20958%;margin:0 auto}
}
@media all and (max-width:767px){
.dsgn__feature{position:relative;width:86.66667%;margin:0 auto}
}
.dsgn1__fig{position:relative;height:0}
.dsgn1__fig .figElms{position:absolute;left:0;top:0;width:100%}
.dsgn1__fig .figElm{position:absolute;left:0;top:0}
@media all and (min-width:768px){
.dsgn1__lead__heading{width:39.65885%}
.dsgn1__fig__caption{position:absolute;left:0;top:0;width:30.49041%;margin-top:36.24733%}
.dsgn1__fig{width:100%;padding-top:51.59915%;margin-top:9.06183%}
.dsgn1__fig .figElm>div{position:absolute;left:0;top:0}
.dsgn1__fig .figElm .desc{position:absolute;left:0;top:0;width:100%;font-size:14px;font-size:1.0479vw;line-height:1.5}
}
@media all and (min-width:768px) and (max-width:768px){
.dsgn1__fig .figElm .desc{font-size:.80479rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.dsgn1__fig .figElm .desc{font-size:1.4rem}
}
@media all and (min-width:768px){
.dsgn1__fig .figElm--01{width:35.18124%;margin-left:0}
.dsgn1__fig .figElm--01 .ttl_j{width:16.9697%;margin-left:0}
.dsgn1__fig .figElm--01 .ttl_e{width:35.45455%;margin:121.21212% 0 0 0}
.dsgn1__fig .figElm--01 .desc{margin:131.81818% 0 0 0}
.dsgn1__fig .figElm--02{width:29.85075%;margin-left:37.73987%}
.dsgn1__fig .figElm--02 .ttl_j{width:19.28571%;margin-left:10.35714%}
.dsgn1__fig .figElm--02 .ttl_e{width:32.5%;margin:142.85714% 0 0 10.35714%}
.dsgn1__fig .figElm--02 .desc{margin:155.35714% 0 0 10.35714%}
.dsgn1__fig .figElm--03{width:29.85075%;margin-left:70.14925%}
.dsgn1__fig .figElm--03 .ttl_j{width:7.14286%;margin-left:11.42857%}
.dsgn1__fig .figElm--03 .ttl_e{width:30.35714%;margin:142.85714% 0 0 11.42857%}
.dsgn1__fig .figElm--03 .desc{margin:155.35714% 0 0 11.42857%}
}
@media all and (max-width:767px){
.dsgn1__lead__heading{width:68.30769%}
.dsgn1__fig__caption{position:absolute;left:0;top:0;width:51.23077%;margin-top:45.38462%}
.dsgn1__fig{width:100%;padding-top:76.92308%;margin-top:12.30769%}
.dsgn1__fig .figElm{padding-top:11.23077%}
.dsgn1__fig .figElm .ttl_j{position:absolute;left:0;top:0}
.dsgn1__fig .figElm .desc{position:relative;width:100%;margin-top:.5em;font-size:9px;font-size:2.4vw;line-height:1.37778}
.dsgn1__fig .figElm--01{width:38.46154%;margin-left:0}
.dsgn1__fig .figElm--01 .ttl_j{width:22.4%;margin-left:27.6%}
.dsgn1__fig .figElm--01 .cube{width:78%}
.dsgn1__fig .figElm--01 .ttl_e{width:46.8%;margin-top:40.8%}
.dsgn1__fig .figElm--01 .desc{margin-top:.8em}
.dsgn1__fig .figElm--02{width:30.76923%;margin-left:38.46154%}
.dsgn1__fig .figElm--02 .ttl_j{width:27%;margin-left:27.5%}
.dsgn1__fig .figElm--02 .cube{width:82.5%}
.dsgn1__fig .figElm--02 .ttl_e{width:45.5%;margin-top:51%}
.dsgn1__fig .figElm--03{width:30.76923%;margin-left:71.07692%}
.dsgn1__fig .figElm--03 .ttl_j{width:10%;margin-left:36.5%}
.dsgn1__fig .figElm--03 .cube{width:82.5%}
.dsgn1__fig .figElm--03 .ttl_e{width:42.5%;margin-top:51%}
}
.dsgn1__fig .ttl_j{overflow:hidden}
.dsgn1__fig .ttl_j img{transition:all .6s cubic-bezier(.075,.82,.165,1);transform:translateY(-101%)}
.dsgn1__fig .cube,.dsgn1__fig .desc,.dsgn1__fig .ttl_e{transition:all 1.2s linear;opacity:0}
.dsgn1__fig .figElm--01 .ttl_j img{transition-delay:0s}
.dsgn1__fig .figElm--01 .cube{transition-delay:.8s}
.dsgn1__fig .figElm--01 .desc,.dsgn1__fig .figElm--01 .ttl_e{transition-delay:.9s}
.dsgn1__fig .figElm--02 .ttl_j img{transition-delay:.1s}
.dsgn1__fig .figElm--02 .cube{transition-delay:1s}
.dsgn1__fig .figElm--02 .desc,.dsgn1__fig .figElm--02 .ttl_e{transition-delay:1.1s}
.dsgn1__fig .figElm--03 .ttl_j img{transition-delay:.2s}
.dsgn1__fig .figElm--03 .cube{transition-delay:1.2s}
.dsgn1__fig .figElm--03 .desc,.dsgn1__fig .figElm--03 .ttl_e{transition-delay:1.3s}
.dsgn1__fig.--show .ttl_j img{transform:translateY(0)}
.dsgn1__fig.--show .cube,.dsgn1__fig.--show .desc,.dsgn1__fig.--show .ttl_e{opacity:1}
@media all and (min-width:768px){
.dsgn__feature--02{margin-top:21.40719%}
.dsgn2__lead{width:40.51173%}
.dsgn2__lead__heading{width:84.73684%}
.dsgn2__lead__desc{margin:8.84211% 0 -1.68421%;color:#000}
.dsgn2__lead__products{margin:5.94737% 0 -1.94737%;color:#000}
.dsgn2__fig{position:absolute;right:0;top:0;width:48.82729%;margin-top:-24.09382%}
}
@media all and (max-width:767px){
.dsgn__feature--02{margin-top:32.30769%}
.dsgn2__lead{width:100%}
.dsgn2__lead__heading{width:44.92308%}
.dsgn2__lead__desc{margin:18.4% 0 -1.6%;color:#000}
.dsgn2__lead__products{margin:2.86154% 0 -.52308%;color:#000}
.dsgn2__fig{position:absolute;right:0;top:0;width:48.92308%;margin-top:-28.30769%}
}
@media all and (min-width:768px){
.dsgn__feature--03{display:flex;justify-content:space-between;align-items:center;margin-top:13.47305%}
.dsgn3__fig{position:relative;width:51.17271%}
.dsgn3__lead{position:relative;width:35.8209%}
.dsgn3__lead__heading{width:94.04762%}
.dsgn3__lead__desc{margin:10% 0 -1.90476%;color:#000}
.dsgn3__lead__products{margin:6.42857% 0 -2.5%;color:#000}
}
@media all and (max-width:767px){
.dsgn__feature--03{padding-top:15.38462%;margin-top:9.23077%}
.dsgn3__fig{position:absolute;left:0;top:0;width:48.92308%}
.dsgn3__lead{position:relative;width:100%}
.dsgn3__lead__heading{width:40.46154%;margin-left:auto}
.dsgn3__lead__desc{margin:21.47692% 0 -1.6%;color:#000}
.dsgn3__lead__products{margin:4.09231% 0 -.52308%;color:#000}
}
.m__concept--space .conc__kv::before,.m__concept--space .conc__main::before{display:none}
@media all and (min-width:768px){
.m__concept--space::before{right:0;top:0;width:94.01198%;height:0;padding-top:112.6497%;margin-top:8.98204%}
.m__concept--space .conc__kv__pic{width:82.78443%;margin-left:auto}
.m__concept--space .conc__kv__heading{margin:38.17365% 0 0 14.97006%}
.m__concept--space .conc__kv__heading .txt{width:176.08696%}
.m__concept--space .conc__kv__tagline{width:7.48503%;margin:38.17365% 0 0 75.22455%}
.m__concept--space .conc__main{padding-top:15.34431%}
}
@media all and (max-width:767px){
.m__concept--space::before{left:0;top:0;width:100%;height:0;padding-top:220%;margin-top:14.13333%}
.m__concept--space .conc__kv__pic{width:78.66667%;margin-left:auto}
.m__concept--space .conc__kv__heading{margin:56.26667% 0 0 6.66667%}
.m__concept--space .conc__kv__heading .txt{width:177.38095%}
.m__concept--space .conc__kv__tagline{width:13.33333%;margin:46.66667% 0 0 80%}
.m__concept--space .conc__main{padding-top:40%}
}
@media all and (min-width:768px){
.spac__feature{position:relative;margin-left:14.97006%}
.spac__feature--01{display:flex;justify-content:space-between;width:85.17964%}
.spac__feature--02{width:70.35928%;margin-top:5.68862%}
.spac1__lead{width:35.41301%}
.spac1__lead__heading{width:100%}
.spac1__fig{position:relative;width:76.27417%;height:0;padding-top:51.40598%;margin-top:3.69069%}
.spac1__fig .base{position:absolute;right:0;bottom:0;width:100%;mix-blend-mode:lighten}
}
@media all and (max-width:767px){
.spac__feature{position:relative;width:86.66667%;margin-left:6.66667%}
.spac__feature--02{margin-top:6.66667%}
.spac1__lead__heading{width:62.46154%}
.spac1__fig{position:relative;width:105.23077%;margin:5.23077% 0 0 auto}
.spac1__fig .base{mix-blend-mode:lighten}
}
@media all and (min-width:768px){
.spac2__scene{position:relative;width:44.68085%}
.spac2__scene--01{width:100%}
.spac2__scene--01 .spac2__scene__catch{width:35.74468%}
.spac2__scene--02{margin-top:9.57447%}
.spac2__scene--02 .spac2__scene__pic2{left:0;top:0;width:100%;margin-left:123.09524%}
.spac2__scene--02 .spac2__scene__catch{width:87.61905%}
.spac2__scene--03{margin:-22.34043% 0 0 auto}
.spac2__scene--03 .spac2__scene__pic2{left:0;bottom:0;width:68.09524%;margin-left:-91.42857%}
.spac2__scene--03 .spac2__scene__catch{width:100%}
.spac2__scene--04{margin-top:14.3617%}
.spac2__scene--04 .spac2__scene__pic2{left:0;top:0;width:79.52381%;margin-left:143.80952%}
.spac2__scene--04 .spac2__scene__catch{width:95.2381%}
.spac2__scene__pic2{position:absolute}
.spac2__scene__txtBlc{margin-top:2.8em}
.spac2__scene__desc{margin:1em 0 -.4em;font-size:16px;font-size:1.1976vw;line-height:1.8;color:#000}
}
@media all and (min-width:768px) and (max-width:768px){
.spac2__scene__desc{font-size:.91976rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.spac2__scene__desc{font-size:1.6rem}
}
@media all and (max-width:767px){
.spac2__scene{position:relative;margin-top:7.38462%}
.spac2__scene--02,.spac2__scene--03,.spac2__scene--04{display:flex;justify-content:space-between;align-items:center;margin-top:12.30769%}
.spac2__scene--02 .spac2__scene__pic,.spac2__scene--03 .spac2__scene__pic,.spac2__scene--04 .spac2__scene__pic{width:55.38462%}
.spac2__scene--02 .spac2__scene__txtBlc,.spac2__scene--03 .spac2__scene__txtBlc,.spac2__scene--04 .spac2__scene__txtBlc{width:36.92308%}
.spac2__scene--01 .spac2__scene__txtBlc{margin-top:4.61538%}
.spac2__scene--01 .spac2__scene__catch{width:55.07692%}
.spac2__scene--01 .spac2__scene__desc{margin-top:1em}
.spac2__scene--02 .spac2__scene__catch{width:82.08333%}
.spac2__scene--03 .spac2__scene__catch{width:99.58333%}
.spac2__scene--04 .spac2__scene__catch{width:97.5%}
.spac2__scene__pic2{display:none}
.spac2__scene__desc{margin:3em 0 -.8em;font-size:13px;font-size:3.46667vw;line-height:1.8;color:#000}
}
@media all and (min-width:768px){
.spac__gallery{width:70.20958%;padding-top:8.23353%;margin:0 auto}
.spac__gallery__picBlc{position:relative;margin-top:9.59488%}
.spac__gallery__picBlc--01{margin-top:0}
.spac__gallery__picBlc--02 .__tate{margin-left:auto}
.spac__gallery__pic.__tate{width:48.18763%}
.spac__gallery__pic.__yoko{position:absolute;width:42.00426%}
.spac__gallery__pic.__lt{left:0;top:0}
.spac__gallery__pic.__lb{left:0;bottom:0}
.spac__gallery__pic.__rt{right:0;top:0}
.spac__gallery__pic.__rb{right:0;bottom:0}
}
@media all and (max-width:767px){
.spac__gallery{width:86.66667%;margin:16% auto 0}
.spac__gallery__pic{margin-top:13.84615%}
.spac__gallery__picBlc .__tate{width:69.53846%;margin-left:auto;margin-right:auto}
.spac__gallery__picBlc .__yoko{width:60.61538%}
.spac__gallery__picBlc--02>div:nth-of-type(2),.spac__gallery__picBlc--04>div:nth-of-type(2){margin-left:auto}
}
@media all and (min-width:768px){
.spac__gallery__openCloseBtnCore.__open{width:19.82942%}
}
@media all and (max-width:767px){
.spac__gallery__openCloseBtnCore.__open{width:43.38462%}
}
.m__concept--performance::before{display:none!important}
@media all and (min-width:768px){
.m__concept--performance .conc__kv{padding-top:11.22754%}
.m__concept--performance .conc__kv::before{width:100%;padding-top:33.53293%}
.m__concept--performance .conc__kv__pic{width:82.63473%}
.m__concept--performance .conc__kv__heading{margin:6.28743% 0 0 14.97006%}
.m__concept--performance .conc__kv__heading .txt{width:183.69565%}
.m__concept--performance .conc__kv__tagline{width:7.48503%;margin:26.1976% 0 0 14.97006%}
.m__concept--performance .conc__main{padding-top:6.73653%}
.m__concept--performance .conc__main::before{width:94.01198%;height:0;padding-top:113.17365%;margin:-13.02395% 5.98802% 0 0;background:#000}
}
@media all and (max-width:767px){
.m__concept--performance .conc__kv{padding-top:29.86667%}
.m__concept--performance .conc__kv::before{padding-top:44.53333%}
.m__concept--performance .conc__kv__pic{width:93.33333%}
.m__concept--performance .conc__kv__heading{margin:11.33333% 0 0 6.66667%}
.m__concept--performance .conc__kv__heading .txt{width:184.52381%}
.m__concept--performance .conc__kv__tagline{width:13.33333%;margin:47.33333% 0 0 6.66667%}
.m__concept--performance .conc__main{padding-top:18.66667%}
.m__concept--performance .conc__main::before{width:100%;height:0;padding-top:395.46667%;background:#000}
}
@media all and (min-width:768px){
.pfmc__feature{position:relative;width:70.35928%;margin-left:14.97006%}
.pfmc1__lead__heading{width:34.68085%}
.pfmc1__lead__desc{white-space:nowrap}
.pfmc1__fig{width:111.70213%;margin:9.57447% 0 0 -21.2766%}
}
@media all and (max-width:767px){
.pfmc__feature{position:relative;width:86.66667%;margin-left:6.66667%}
.pfmc1__lead__heading{width:59.84615%}
.pfmc1__fig{width:115.38462%;margin:13.84615% 0 0 -7.69231%}
}
.pfmc1__fig{position:relative}
.pfmc1__fig .base{position:relative}
.pfmc1__fig .baseTxts{position:absolute;left:0;top:0}
.pfmc1__fig .figElm{position:relative}
.pfmc1__fig .figElm dd{position:relative;margin-top:1.28571em;color:#fff}
.pfmc1__fig .figElm::before{content:'';position:absolute;left:0;top:0;width:2px;height:100%;margin-left:-2em;background:#fff}
.pfmc1__fig .figElm::after{content:'';display:block;position:absolute;left:0;top:0;margin-left:-6.5em;background-position:50% 50%;background-repeat:no-repeat;background-size:contain}
.pfmc1__fig .figElm--01::after{width:calc(28em/10);height:calc(20em/10);background-image:url(/hebel/lineup/asgard/img/concept/performance_p2/pfmc_01_fig_no_01.svg)}
.pfmc1__fig .figElm--02::after{width:calc(31em/10);height:calc(20em/10);background-image:url(/hebel/lineup/asgard/img/concept/performance_p2/pfmc_01_fig_no_02.svg)}
.pfmc1__fig .figElm--03::after{width:calc(30em/10);height:calc(21em/10);background-image:url(/hebel/lineup/asgard/img/concept/performance_p2/pfmc_01_fig_no_03.svg)}
.pfmc1__fig .figElm--04::after{width:calc(32em/10);height:calc(20em/10);background-image:url(/hebel/lineup/asgard/img/concept/performance_p2/pfmc_01_fig_no_04.svg)}
.pfmc1__fig .figElm--05::after{width:calc(31em/10);height:calc(20em/10);background-image:url(/hebel/lineup/asgard/img/concept/performance_p2/pfmc_01_fig_no_05.svg)}
@media all and (min-width:768px){
.pfmc1__fig .base{width:69.90476%;margin:0}
.pfmc1__fig .baseTxts{width:14.28571%;margin:18.09524% 0 0 27.80952%}
.pfmc1__fig .figElms{position:absolute;left:0;top:0;width:26.09524%;margin:18.09524% 0 0 74.28571%}
.pfmc1__fig .figElm:nth-of-type(n+2){margin-top:3em}
.pfmc1__fig .figElm dd{margin-bottom:-.25em;font-size:14px;font-size:1.0479vw;line-height:1.5;white-space:nowrap}
}
@media all and (min-width:768px) and (max-width:768px){
.pfmc1__fig .figElm dd{font-size:.80479rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.pfmc1__fig .figElm dd{font-size:1.4rem}
}
@media all and (min-width:768px){
html.ipad .pfmc1__fig .figElm dd{font-size:13px;font-size:.97305vw;white-space:nowrap}
}
@media all and (min-width:768px) and (max-width:768px){
html.ipad .pfmc1__fig .figElm dd{font-size:.74731rem}
}
@media all and (min-width:768px) and (min-width:1336px){
html.ipad .pfmc1__fig .figElm dd{font-size:1.3rem}
}
@media all and (min-width:768px){
.pfmc1__fig .figElm--01 dt{width:94.52555%}
.pfmc1__fig .figElm--02 dt{width:86.86131%}
.pfmc1__fig .figElm--03 dt{width:98.17518%}
.pfmc1__fig .figElm--04 dt{width:85.76642%}
.pfmc1__fig .figElm--05 dt{width:84.30657%}
}
@media all and (max-width:767px){
.pfmc1__fig .base{width:100%;margin:0}
.pfmc1__fig .baseTxts{width:36.26667%;margin:36.53333% 0 0 32%}
.pfmc1__fig .figElms{position:relative;width:86.66667%;margin:8% auto 0}
.pfmc1__fig .figElm{width:84.61538%;margin-left:auto}
.pfmc1__fig .figElm:nth-of-type(n+2){margin-top:6.15385%}
.pfmc1__fig .figElm dd{margin-bottom:-.20833em;font-size:12px;font-size:3.2vw;line-height:1.38462}
.pfmc1__fig .figElm--01 dt{width:89.81818%}
.pfmc1__fig .figElm--02 dt{width:81.63636%}
.pfmc1__fig .figElm--03 dt{width:92.54545%}
.pfmc1__fig .figElm--04 dt{width:76%}
.pfmc1__fig .figElm--05 dt{width:80%}
.pfmc1__fig .figElm::before{width:1px;margin-left:-1.6em}
.pfmc1__fig .figElm::after{margin-left:-5.8em}
.pfmc1__fig .figElm--01::after{width:calc(54em/20);height:calc(39em/20)}
.pfmc1__fig .figElm--02::after{width:calc(59em/20);height:calc(39em/20)}
.pfmc1__fig .figElm--03::after{width:calc(57em/20);height:calc(39em/20)}
.pfmc1__fig .figElm--04::after{width:calc(61em/20);height:calc(39em/20)}
.pfmc1__fig .figElm--05::after{width:calc(59em/20);height:calc(39em/20)}
}
.pfmc1__detail__txtLink{position:relative}
.pfmc1__detail__txtLink a{display:flex;justify-content:flex-start;align-items:center;position:relative}
.pfmc1__detail__txtLink a::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#000;transition:transform .5s;transform-origin:0 0}
.pfmc1__detail__txtLink a .i{position:relative;margin-right:1em;background:#000}
.pfmc1__detail__txtLink a .i::after,.pfmc1__detail__txtLink a .i::before{content:'';position:absolute;left:calc(38%);top:calc(50% - 1px);width:24%;height:1px;background:#fff;transform-origin:100% 50%}
.pfmc1__detail__txtLink a .i::before{transform:rotate(-45deg)}
.pfmc1__detail__txtLink a .i::after{transform:rotate(45deg)}
.pfmc1__detail__txtLink a .t{font-weight:700;color:#000;transition:transform .3s}
@media all and (min-width:768px){
.pfmc1__detail{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;width:100%;margin-top:10.6383%}
.pfmc1__detail--01{margin-top:14.89362%}
.pfmc1__detail__pic{margin-bottom:4.25532%}
.pfmc1__detail__txtBlc{width:47.87234%}
.pfmc1__detail__txtBlc--04{width:100%}
.pfmc1__detail__subhead{margin-top:3.4em}
.pfmc1__detail__subhead--01{width:75.77778%}
.pfmc1__detail__subhead--02{width:82.44444%}
.pfmc1__detail__subhead--03{width:66.66667%}
.pfmc1__detail__subhead--04{width:38.93617%}
.pfmc1__detail__desc{margin-top:1em;color:#000}
.pfmc1__detail__txtLink{width:36.4em;margin:4em 0 0 auto}
.pfmc1__detail__txtLink a .i{width:2.9em;height:2.9em}
.pfmc1__detail__txtLink a .t{font-size:16px;font-size:1.1976vw}
}
@media all and (min-width:768px) and (max-width:768px){
.pfmc1__detail__txtLink a .t{font-size:.91976rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.pfmc1__detail__txtLink a .t{font-size:1.6rem}
}
@media all and (min-width:768px){
.pfmc1__detail__txtLink a:hover::before{transform:scaleX(0);transform-origin:100% 0}
.pfmc1__detail__txtLink a:hover .t{transform:translateX(5px)}
}
@media all and (max-width:767px){
.pfmc1__detail{position:relative;width:100%;margin-top:18.46154%}
.pfmc1__detail--01{margin-top:20.30769%}
.pfmc1__detail__pic{margin-bottom:6.15385%}
.pfmc1__detail__txtBlc{width:100%}
.pfmc1__detail__subhead{margin-top:6.15385%}
.pfmc1__detail__subhead--01{width:73.53846%}
.pfmc1__detail__subhead--02{width:80%}
.pfmc1__detail__subhead--03{width:64.61538%}
.pfmc1__detail__subhead--04{width:78.76923%}
.pfmc1__detail__desc{margin-top:1.5em;color:#000}
.pfmc1__detail__txtLink{width:27em;margin:3.5em auto 0}
.pfmc1__detail__txtLink a .i{width:2.9em;height:2.9em}
.pfmc1__detail__txtLink a .t{font-size:11px;font-size:2.93333vw}
}
@media all and (min-width:768px){
.pfmc1__detail1__heading{width:64.44444%}
.pfmc1__detail1__fig{width:44.68085%}
.pfmc1__detail1__fig__img{width:100%;margin:0 auto}
}
@media all and (max-width:767px){
.pfmc1__detail1__heading{width:57.53846%}
.pfmc1__detail1__fig{width:100%;margin-top:12%}
.pfmc1__detail1__fig__img{width:100%;margin:0 auto}
}
@media all and (min-width:768px){
.pfmc1__detail2__heading{width:77.11111%}
.pfmc1__detail2__fig{width:44.68085%}
.pfmc1__detail2__fig__img{width:100%}
.pfmc1__detail2__fig__caption{margin-top:1em;font-size:14px;font-size:1.0479vw;line-height:1.77143;color:#000}
}
@media all and (min-width:768px) and (max-width:768px){
.pfmc1__detail2__fig__caption{font-size:.80479rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.pfmc1__detail2__fig__caption{font-size:1.4rem}
}
@media all and (max-width:767px){
.pfmc1__detail2__heading{width:69.69231%}
.pfmc1__detail2__fig{width:100%;margin-top:6.15385%}
.pfmc1__detail2__fig__img{width:70.76923%;margin:0 auto}
.pfmc1__detail2__fig__caption{margin-top:1em;font-size:11px;font-size:2.93333vw;line-height:1.7;color:#000}
}
@media all and (min-width:768px){
.pfmc1__detail3__heading{width:85.33333%}
.pfmc1__detail3__fig{width:44.68085%}
.pfmc1__detail3__fig__img{width:100%}
}
@media all and (max-width:767px){
.pfmc1__detail3__heading{width:78.76923%}
.pfmc1__detail3__fig{width:100%;margin-top:12.30769%}
.pfmc1__detail3__fig__img{width:100%}
}
@media all and (min-width:768px){
.pfmc1__detail4__heading{width:29.14894%}
.pfmc1__detail4__fig{position:relative;width:99.78723%;padding:5.31915% 0;margin-top:4.25532%;background:#f2f2f2}
.pfmc1__detail4__fig::before{content:'';position:absolute;left:0;top:0;width:calc(100% - 18px*2);height:calc(100% - 18px*2);margin:18px 0 0 18px;background:#fff}
.pfmc1__detail4__fig__img{position:relative;width:87.63326%;margin:0 auto}
.pfmc1__detail4__fig__notes{display:flex;justify-content:flex-start;flex-wrap:wrap;position:relative;width:87.42004%;margin:1.5em auto 0;font-size:12px;font-size:.8982vw;line-height:2.16667;color:#000}
}
@media all and (min-width:768px) and (max-width:768px){
.pfmc1__detail4__fig__notes{font-size:.68982rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.pfmc1__detail4__fig__notes{font-size:1.2rem}
}
@media all and (min-width:768px){
.pfmc1__detail4__fig__notes dt{width:2.5em}
.pfmc1__detail4__fig__notes dd{width:calc(100% - 2.5em)}
}
@media all and (max-width:767px){
.pfmc1__detail4__heading{width:55.38462%}
.pfmc1__detail4__fig{position:relative;width:115.38462%;padding:13.84615% 0 12.30769%;margin:15.38462% 0 0 -7.69231%;background:#f2f2f2}
.pfmc1__detail4__fig::before{content:'';position:absolute;left:0;top:0;width:calc(100% - 15px*2);height:calc(100% - 16px*2);margin:16px 0 0 15px;background:#fff}
.pfmc1__detail4__fig__img{position:relative;width:86.66667%;margin:0 auto}
.pfmc1__detail4__fig__notes{display:flex;justify-content:flex-start;flex-wrap:wrap;position:relative;width:86.66667%;margin:2em auto 0;font-size:9px;font-size:2.4vw;line-height:1.6;color:#000}
.pfmc1__detail4__fig__notes dt{width:2.5em}
.pfmc1__detail4__fig__notes dd{width:calc(100% - 2.5em)}
}
.m__concept--philosophy .conc__kv::before,.m__concept--philosophy .conc__main::before{display:none}
@media all and (min-width:768px){
.m__concept--philosophy::before{left:0;top:0;width:94.01198%;height:0;padding-top:72.30539%;margin-top:11.07784%}
.m__concept--philosophy .conc__kv__pic{width:60.10479%;margin-left:auto}
.m__concept--philosophy .conc__kv__heading{margin:26.94611% 0 0 14.97006%}
.m__concept--philosophy .conc__kv__heading .txt{width:182.6087%}
.m__concept--philosophy .conc__kv__tagline{width:7.48503%;margin:19.46108% 0 0 48.65269%}
.m__concept--philosophy .conc__main{padding-top:4.64072%}
}
@media all and (max-width:767px){
.m__concept--philosophy::before{left:0;top:0;width:100%;height:0;padding-top:200%;margin-top:5.33333%}
.m__concept--philosophy .conc__kv__pic{width:78.66667%;margin-left:auto}
.m__concept--philosophy .conc__kv__heading{margin:40% 0 0 6.66667%}
.m__concept--philosophy .conc__kv__heading .txt{width:183.33333%}
.m__concept--philosophy .conc__kv__tagline{width:12.26667%;margin:38.93333% 0 0 81.33333%}
.m__concept--philosophy .conc__main{padding-top:22.66667%}
}
@media all and (min-width:768px){
.phil__feature{position:relative;width:70.20958%;margin-left:14.97006%}
.phil1__lead__heading{width:45.629%}
.phil1__fig{position:relative;width:100%;margin-top:6.92964%}
.phil1__fig__txt{position:absolute;left:0;top:0;width:89.97868%;margin:6.5032% 0 0 4.58422%}
}
@media all and (max-width:767px){
.phil__feature{position:relative;width:86.66667%;margin-left:6.66667%}
.phil1__lead__heading{width:75.69231%}
.phil1__fig{position:relative;width:115.38462%;margin:6.76923% 0 0 -7.69231%}
.phil1__fig__txt{position:absolute;left:0;top:0;width:90.8%;margin:7.46667% 0 0 3.46667%}
}
.conc__kawai::before{content:'';position:absolute;right:0;top:0;background:#f5f5f5}
@media all and (min-width:768px){
.conc__kawai{position:relative;width:70.20958%;padding-top:6.73653%;margin:5.98802% auto 0}
.conc__kawai::before{width:37.31343%;height:0;padding-top:53.83795%;margin-right:-21.32196%}
.conc__kawai__header{position:relative;width:64.39232%}
.conc__kawai__h__tagline{width:99.83444%}
.conc__kawai__h__nameBlc{margin-top:6.62252%}
.conc__kawai__h__title{width:42.71523%}
.conc__kawai__h__name{width:27.48344%;margin-top:3.31126%}
.conc__kawai__h__lead{margin:5.56291% 0 -1.0596%;font-size:16px;font-size:1.1976vw;line-height:1.8;text-align:justify}
}
@media all and (min-width:768px) and (max-width:768px){
.conc__kawai__h__lead{font-size:.91976rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.conc__kawai__h__lead{font-size:1.6rem}
}
@media all and (min-width:768px){
.conc__kawai__portrait{position:absolute;right:0;top:0;width:28.78465%;margin:5.97015% 0 0 0}
.conc__kawai__main{position:relative}
.conc__kawai__main p{position:relative;margin:5.18124% 0 -.6823%;font-size:16px;font-size:1.1976vw;line-height:1.8;text-align:justify}
}
@media all and (min-width:768px) and (max-width:768px){
.conc__kawai__main p{font-size:.91976rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.conc__kawai__main p{font-size:1.6rem}
}
@media all and (min-width:768px){
.conc__kawai__main .pic+p{margin-top:8.69936%}
.conc__kawai__main .pic{position:relative;width:86.56716%;margin:5.86354% auto 0}
.conc__kawai__main .pic img{position:relative}
.conc__kawai__main .pic span{display:block;margin-top:1em;font-size:14px;font-size:1.0479vw;text-align:right}
}
@media all and (min-width:768px) and (max-width:768px){
.conc__kawai__main .pic span{font-size:.80479rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.conc__kawai__main .pic span{font-size:1.4rem}
}
@media all and (min-width:768px){
.conc__kawai__main .pic::before{content:'';position:absolute;left:0;bottom:0;width:43.10345%;height:0;padding-top:42.85714%;margin:0 0 -4.92611% -32.26601%;background:#f5f5f5}
}
@media all and (max-width:767px){
.conc__kawai{position:relative;width:86.66667%;padding-top:10%;margin:10.66667% auto 0}
.conc__kawai::before{width:30.46154%;height:0;padding-top:72%;margin-right:-7.69231%}
.conc__kawai__header{position:relative}
.conc__kawai__h__tagline{width:45.84615%}
.conc__kawai__h__nameBlc{margin-top:9.23077%}
.conc__kawai__h__title{width:45.84615%}
.conc__kawai__h__name{width:31.38462%;margin-top:4.61538%}
.conc__kawai__h__lead{margin:15.32308% 0 -1.6%;font-size:13px;font-size:3.46667vw;line-height:1.8;text-align:justify}
.conc__kawai__portrait{position:absolute;right:0;top:0;width:48.76923%;margin:7.07692% 0 0 0}
.conc__kawai__main{position:relative}
.conc__kawai__main p{position:relative;margin:15.32308% 0 -1.6%;font-size:13px;font-size:3.46667vw;line-height:1.8;text-align:justify}
.conc__kawai__main .pic+p{margin-top:6.86154%}
.conc__kawai__main .pic{position:relative;margin-top:15.38462%}
.conc__kawai__main .pic span{display:block;margin-top:1em;font-size:9px;font-size:2.4vw;text-align:right}
}
@media all and (min-width:768px){
.conc__kawai__openCloseBtnCore.__open{width:16.41791%}
}
@media all and (max-width:767px){
.conc__kawai__openCloseBtnCore.__open{width:35.38462%}
}
.conc__entrance{position:relative}
.conc__entrance::before{content:'';position:absolute;left:0;top:0;height:0;background:url(/hebel/lineup/asgard/img/concept/entrance/conc_concept_bg_pc.png) 0 0 no-repeat;background-size:100% 100%}
@media all and (min-width:768px){
.conc__entrance{display:flex;justify-content:space-between;flex-direction:row-reverse;position:relative}
.conc__entrance::before{width:71.40719%;padding-top:17.96407%}
.conc__entrance__heading{width:5.23952%!important;margin:4.04192% 0 0 6.21257%!important}
.conc__entrance__pic{position:relative;z-index:1;width:56.13772%;margin-top:4.11677%}
.conc__entrance__pic .conc__kv__tagline{width:10.66667%!important;margin:5.86667% 0 0 7.33333%!important}
.conc__entrance__txtBlc{position:relative;width:31.43713%;padding-top:21.70659%;margin-left:6.21257%}
.conc__entrance__txtBlc .conc__lead__desc{margin-top:-.4em}
}
@media all and (max-width:767px){
.conc__entrance{position:relative;padding-top:35.2%}
.conc__entrance::before{width:100%;padding-top:60.93333%;background-image:url(/hebel/lineup/asgard/img/concept/entrance/conc_concept_bg_sp.png)}
.conc__entrance__heading{width:11.2%!important;margin:7.73333% 0 0 6.93333%!important}
.conc__entrance__pic{position:relative;z-index:1;width:86.66667%;margin:0 auto}
.conc__entrance__pic .conc__kv__tagline{width:13.07692%!important;margin:5.53846% 0 0 6.15385%!important}
.conc__entrance__txtBlc{position:relative;width:86.66667%;margin:6.66667% auto 0}
.conc__entrance__txtBlc .conc__lead__desc{margin-top:-.4em;text-align:justify}
}
@media all and (min-width:768px){
.m__concept--space .conc__entrance__pic .conc__kv__tagline{width:10.66667%!important;margin:7.33333% 0 0 83.33333%!important}
.m__concept--performance .conc__entrance__pic .conc__kv__tagline{width:10.66667%!important;margin:23.86667% 0 0 7.06667%!important}
.m__concept--philosophy .conc__entrance__pic .conc__kv__tagline{width:10.66667%!important;margin:28.13333% 0 0 7.06667%!important}
}
@media all and (max-width:767px){
.m__concept--space .conc__entrance__pic .conc__kv__tagline{width:15.38462%!important;margin:5.23077% 0 0 80%!important}
.m__concept--performance .conc__entrance__pic .conc__kv__tagline{width:15.38462%!important;margin:7.38462% 0 0 8.15385%!important}
.m__concept--philosophy .conc__entrance__pic .conc__kv__tagline{width:15.38462%!important;margin:9.07692% 0 0 7.69231%!important}
}
@media all and (min-width:768px){
.m__conversion{position:relative;width:100%;margin-top:10.47904%}
.m__conversion>.secInner{position:relative}
}
@media all and (max-width:767px){
.m__conversion{position:relative;width:100%;margin-top:18.66667%}
.m__conversion>.secInner{position:relative}
}
.conv__catalog{position:relative;background:#f5f5f5}
.conv__catalog::before{content:'';position:absolute;left:0;top:0;width:100%;height:50%;background:#f5f5f5 url(/hebel/lineup/asgard/img/conversion/conv_catalog_bg_pc.png) 0 0 no-repeat;background-size:100% 100%}
.conv__catalog>.secInner{position:relative;margin:0 auto}
.conv__catalog>.secInner::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#fff}
.conv__catalog__heading{position:relative}
.conv__catalog__fig__caption{display:flex;justify-content:center;position:absolute;bottom:0;width:100%}
.conv__catalog__fig__caption span{display:block;font-weight:700;text-align:center}
.conv__catalog__fig__caption span:nth-of-type(2){margin-left:6.66667%}
@media all and (min-width:768px){
.conv__catalog{padding:5.98802% 0}
.conv__catalog>.secInner{width:88.02395%;padding:5.23952% 0}
.conv__catalog__main{display:flex;justify-content:center;align-items:center;-moz-column-gap:4.2em;column-gap:4.2em;position:relative}
.conv__catalog__fig{position:relative;width:38.26531%;padding-bottom:1.4em}
.conv__catalog__fig__caption span{width:37.33333%;font-size:14px;font-size:1.0479vw}
}
@media all and (min-width:768px) and (max-width:768px){
.conv__catalog__fig__caption span{font-size:.80479rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.conv__catalog__fig__caption span{font-size:1.4rem}
}
@media all and (min-width:768px){
.conv__catalog__fig__caption span:nth-of-type(2){margin-left:6.66667%}
.conv__catalog__txtBlc{position:relative;width:41.15646%;padding-top:3em}
.conv__catalog__heading{width:91.94215%}
.conv__catalog__inquiryBtn{width:100%;margin-top:9.91736%}
.conv__catalog__inquiryBtn a{font-size:24px;font-size:1.79641vw}
}
@media all and (min-width:768px) and (max-width:768px){
.conv__catalog__inquiryBtn a{font-size:1.37964rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.conv__catalog__inquiryBtn a{font-size:2.4rem}
}
@media all and (min-width:768px){
.conv__catalog__inquiryBtn a .i{width:1.4em;height:1.4em;margin:calc(-1.4em*.5 - 1px) 0 0 4.8em}
}
@media all and (max-width:767px){
.conv__catalog{padding:10.66667% 0}
.conv__catalog::before{background-image:url(/hebel/lineup/asgard/img/conversion/conv_catalog_bg_sp.png)}
.conv__catalog>.secInner{width:86.66667%;padding:29.33333% 0 9.6%}
.conv__catalog__main{position:relative}
.conv__catalog__fig{position:relative;width:86.46154%;padding-bottom:1em;margin:0 auto}
.conv__catalog__fig__caption span{width:36.6548%;font-size:9px;font-size:2.4vw}
.conv__catalog__fig__caption span:nth-of-type(2){margin-left:7.11744%}
.conv__catalog__txtBlc{position:relative;margin-top:7.69231%}
.conv__catalog__heading{position:absolute;left:0;top:0;width:70.92308%;margin:-80.15385% 0 0 14.46154%}
.conv__catalog__inquiryBtn{width:84.61538%;margin:4.92308% auto 0}
.conv__catalog__inquiryBtn a{font-size:13px;font-size:3.46667vw}
.conv__catalog__inquiryBtn a .i{width:1em;height:1em;margin:calc(-1em*.5 - 1px) 0 0 2.4em}
}
.conv__modelhouse{position:relative}
.conv__modelhouse::before{content:'';position:absolute;right:0;top:0;height:100%;background:#f5f5f5 url(/hebel/lineup/asgard/img/conversion/conv_modelhouse_bg_pc.png) 0 0 no-repeat;background-size:100% 100%}
.conv__modelhouse__map{position:relative;height:0}
.conv__modelhouse__map iframe{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
@media all and (min-width:768px){
.conv__modelhouse{padding:5.98802% 0;margin-top:5.98802%}
.conv__modelhouse::before{width:94.31138%}
.conv__modelhouse__heading{position:relative;width:70.20958%;margin:0 auto}
.conv__modelhouse__main{display:flex;justify-content:flex-start;align-items:center;position:relative;margin-top:2.09581%}
.conv__modelhouse__fig{position:relative;width:46.03293%}
.conv__modelhouse__txtBlc{width:34.28144%;margin-left:4.86527%}
.conv__modelhouse__map{width:100%;padding-top:41.48472%;margin-top:3.49345%}
}
@media all and (max-width:767px){
.conv__modelhouse{padding:10.66667% 0;margin-top:10.66667%}
.conv__modelhouse::before{width:93.33333%;background-image:url(/hebel/lineup/asgard/img/conversion/conv_modelhouse_bg_sp.png)}
.conv__modelhouse__heading{position:relative;width:73.33333%;margin:0 auto}
.conv__modelhouse__main{position:relative;width:73.33333%;margin:4% auto 0}
.conv__modelhouse__fig{position:relative;left:0;top:0;width:118.18182%;margin-left:-18.18182%}
.conv__modelhouse__map{width:100%;padding-top:34.54545%;margin-top:4.36364%}
}
@media all and (min-width:768px){
.conv__modelhouse__komazawa{color:#fff}
.conv__modelhouse__komazawa>dt{margin:-1.39738% 0;font-weight:700;font-size:16px;font-size:1.1976vw;line-height:1.8}
}
@media all and (min-width:768px) and (max-width:768px){
.conv__modelhouse__komazawa>dt{font-size:.91976rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.conv__modelhouse__komazawa>dt{font-size:1.6rem}
}
@media all and (min-width:768px){
.conv__modelhouse__komazawa>dd{margin-top:2.62009%}
.conv__modelhouse__komazawa__address{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%}
.conv__modelhouse__komazawa__address dt{width:24.01747%}
.conv__modelhouse__komazawa__address .desc{width:70.74236%;font-size:14px;font-size:1.0479vw;line-height:1.5}
}
@media all and (min-width:768px) and (max-width:768px){
.conv__modelhouse__komazawa__address .desc{font-size:.80479rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.conv__modelhouse__komazawa__address .desc{font-size:1.4rem}
}
@media all and (min-width:768px){
.conv__modelhouse__komazawa__address .mapBtn{position:absolute;right:0;top:0;width:auto;margin:-.5em .8em 0 0}
.conv__modelhouse__komazawa__address .mapBtn a{padding:.5em 1.2em .5em .5em;background:#868686}
.conv__modelhouse__komazawa__address .mapBtn a .t{font-size:13px;font-size:.97305vw}
}
@media all and (min-width:768px) and (max-width:768px){
.conv__modelhouse__komazawa__address .mapBtn a .t{font-size:.74731rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.conv__modelhouse__komazawa__address .mapBtn a .t{font-size:1.3rem}
}
@media all and (min-width:768px){
.conv__modelhouse__komazawa__address .mapBtn a .i{left:auto;right:0;width:.6em;height:.6em;margin:calc(-.6em*.5) .9em 0 0}
.conv__modelhouse__komazawa__address .mapBtn a:hover{background:#666}
}
@media all and (max-width:767px){
.conv__modelhouse__komazawa{margin-top:9.45455%;color:#fff}
.conv__modelhouse__komazawa>dt{margin:-1.89091% 0;font-weight:700;font-size:13px;font-size:3.46667vw;line-height:1.8}
.conv__modelhouse__komazawa>dd{margin-top:3.27273%}
.conv__modelhouse__komazawa__address{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%}
.conv__modelhouse__komazawa__address dt{width:24.72727%}
.conv__modelhouse__komazawa__address .desc{width:70.90909%;font-size:9px;font-size:2.4vw;line-height:1.6}
.conv__modelhouse__komazawa__address .mapBtn{position:absolute;right:0;bottom:0;width:auto}
.conv__modelhouse__komazawa__address .mapBtn a{padding:.4em 1.2em .4em .5em;background:#868686}
.conv__modelhouse__komazawa__address .mapBtn a .t{font-size:12px;font-size:3.2vw}
.conv__modelhouse__komazawa__address .mapBtn a .i{left:auto;right:0;width:.5em;height:.5em;margin:calc(-.5em*.5) .75em 0 0}
}
@media all and (min-width:768px){
.conv__modelhouse__reserveBtn{width:100%;margin-top:3.71901%}
.conv__modelhouse__reserveBtn a{padding:1em 0;background:#868686;font-size:24px;font-size:1.79641vw}
}
@media all and (min-width:768px) and (max-width:768px){
.conv__modelhouse__reserveBtn a{font-size:1.37964rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.conv__modelhouse__reserveBtn a{font-size:2.4rem}
}
@media all and (min-width:768px){
.conv__modelhouse__reserveBtn a .i{width:1.4em;height:1.4em;margin:calc(-1.4em*.5 - 1px) 0 0 4.8em}
.conv__modelhouse__reserveBtn a .t{text-align:center}
.conv__modelhouse__reserveBtn a .t small{display:block;width:100%;margin-top:.5em;font-size:15px;font-size:1.12275vw;text-align:center}
}
@media all and (min-width:768px) and (max-width:768px){
.conv__modelhouse__reserveBtn a .t small{font-size:.86228rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.conv__modelhouse__reserveBtn a .t small{font-size:1.5rem}
}
@media all and (max-width:767px){
.conv__modelhouse__reserveBtn{width:100%;margin-top:5.45455%}
.conv__modelhouse__reserveBtn a{padding:1.2em 0;background:#868686;font-size:13px;font-size:3.46667vw}
.conv__modelhouse__reserveBtn a .i{width:.9em;height:.9em;margin:-.45em 0 0 2.4em}
.conv__modelhouse__reserveBtn a .t{text-align:center}
.conv__modelhouse__reserveBtn a .t small{display:block;margin-top:.5em;font-size:9px;font-size:2.4vw;text-align:center}
}
.m__special>.secInner{position:relative}
.m__special::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#dcdde0}
@media all and (min-width:768px){
.m__special{position:relative;width:100%;margin-top:11.97605%}
.m__special::before{width:88.02395%;margin-left:5.98802%}
.m__special>.secInner{padding:7.48503% 0 6.73653%}
}
@media all and (max-width:767px){
.m__special{position:relative;width:100%;margin-top:13.33333%}
.m__special::before{width:86.66667%;margin-left:6.66667%}
.m__special>.secInner{padding:9.33333% 0 8%}
}
@media all and (min-width:768px){
.spcl__header{position:relative;width:65.41916%;margin:0 auto}
.spcl__header__heading{width:55.60641%}
}
@media all and (max-width:767px){
.spcl__header{position:relative;width:73.33333%;margin:0 auto}
.spcl__header__heading{width:100%}
}
@media all and (min-width:768px){
.spcl__contents{position:relative;width:65.41916%;margin:5.61377% auto 0}
}
@media all and (max-width:767px){
.spcl__contents{position:relative;width:73.33333%;margin:8% auto 0}
}
@media all and (min-width:768px){
.spcl1__subhead{width:100%}
.spcl1__heading{width:70.25172%;margin-top:5.14874%}
.spcl1__blc{display:flex;justify-content:space-between;flex-direction:row-reverse;width:100%;margin-top:6.86499%}
.spcl1__speakers{width:48.05492%}
.spcl1__lead{width:45.30892%}
}
@media all and (max-width:767px){
.spcl1__subhead{width:100%;margin-top:10.90909%}
.spcl1__heading{width:92.18182%;margin-top:7.27273%}
.spcl1__blc{margin-top:10.90909%}
.spcl1__speakers{width:100%}
.spcl1__lead{width:100%;margin-top:9.09091%}
}
.spcl1__speakers{display:flex;justify-content:space-between}
@media all and (min-width:768px){
.spcl1__speaker{position:relative;width:46.19048%}
.spcl1__speaker--kubokawa .spcl1__speaker__name{width:79.38144%}
.spcl1__speaker--matsumoto .spcl1__speaker__name{width:100%}
.spcl1__speaker__name{margin:9.27835% auto 0}
}
@media all and (max-width:767px){
.spcl1__speaker{position:relative;width:46.18182%}
.spcl1__speaker--kubokawa .spcl1__speaker__name{width:79.52756%}
.spcl1__speaker--matsumoto .spcl1__speaker__name{width:99.6063%}
.spcl1__speaker__name{margin:9.44882% auto 0}
}
@media all and (min-width:768px){
.spcl1__movie{width:100%;margin-top:6.86499%}
}
@media all and (max-width:767px){
.spcl1__movie{width:100%;margin-top:9.09091%}
}
@media all and (min-width:768px){
.spcl1__talks1Wrap{padding-bottom:9.15332%}
.spcl1__talks2Wrap .conc__kawai__openCloseBtn{margin-top:0!important}
.spcl1__talks--01{margin-top:5.72082%}
.spcl1__talks--02{padding-bottom:6.86499%}
.spcl1__talk1{display:flex;justify-content:space-between}
.spcl1__talk1--02{flex-direction:row-reverse;margin-top:5.72082%}
.spcl1__talk2--02{margin-top:4.00458%}
.spcl1__talks__heading{width:100%}
.spcl1__talks__keyphrase{margin-top:4.57666%;margin-bottom:5.72082%}
.spcl1__talks__keyphrase--01{width:54.11899%}
.spcl1__talks__keyphrase--02{width:59.83982%}
.spcl1__talk__txt{margin:-.73227% 0 -.73227%;font-size:16px;font-size:1.1976vw;line-height:1.8;text-align:justify}
}
@media all and (min-width:768px) and (max-width:768px){
.spcl1__talk__txt{font-size:.91976rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.spcl1__talk__txt{font-size:1.6rem}
}
@media all and (min-width:768px){
.spcl1__talk__txt dt{font-weight:700}
.spcl1__talk__txt dd{margin-top:.5em}
.spcl1__talk__txt--01{width:51.83066%}
.spcl1__talk__txt--02{width:100%}
.spcl1__talk1__pic{width:40.04577%}
.spcl1__talk2__pic{width:100%;margin-top:11.44165%}
}
@media all and (max-width:767px){
.spcl1__talks1Wrap{padding-bottom:21.81818%}
.spcl1__talks2Wrap .conc__kawai__openCloseBtn{margin-top:0!important}
.spcl1__talks--01{margin-top:10.90909%}
.spcl1__talks--02{padding-bottom:14.54545%}
.spcl1__talk1--02{margin-top:14.54545%}
.spcl1__talk2--02{margin-top:14.54545%}
.spcl1__talks__heading{width:100%}
.spcl1__talks__keyphrase{margin-top:9.09091%;margin-bottom:9.09091%}
.spcl1__talks__keyphrase--01{width:98.54545%}
.spcl1__talks__keyphrase--02{width:92.72727%}
.spcl1__talk__txt{margin:7.2% 0 -1.89091%;font-size:13px;font-size:3.46667vw;line-height:1.8;text-align:justify}
.spcl1__talk__txt dt{font-weight:700}
.spcl1__talk__txt dd{margin-top:.5em}
.spcl1__talk1__pic{width:77.81818%;margin:9.09091% auto 0}
.spcl1__talk2__pic{width:100%;margin-top:13.72998%}
}
@media all and (min-width:768px){
.spcl1__conversion{display:flex;justify-content:center;align-items:center;padding:3.43249% 0;margin-top:5.14874%;background:#f5f5f5}
.spcl1__conversion__pic{width:40.04577%}
.spcl1__conversion__txtBlc{width:48.05492%;margin-left:4.11899%}
.spcl1__conversion__heading{margin:-2% 0;font-weight:700;font-size:22px;font-size:1.64671vw;line-height:1.76364}
}
@media all and (min-width:768px) and (max-width:768px){
.spcl1__conversion__heading{font-size:1.26467rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.spcl1__conversion__heading{font-size:2.2rem}
}
@media all and (min-width:768px){
.spcl1__conversion__desc{margin:.6em 0 -1.04762%;font-size:20px;font-size:1.49701vw;line-height:1.44}
}
@media all and (min-width:768px) and (max-width:768px){
.spcl1__conversion__desc{font-size:1.1497rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.spcl1__conversion__desc{font-size:2rem}
}
@media all and (min-width:768px){
.spcl1__conversion__inquiryBtn{width:66.66667%;margin:5.47619% auto 0}
}
@media all and (max-width:767px){
.spcl1__conversion{width:100%;padding:8% 0;margin-top:18.18182%;background:#f5f5f5}
.spcl1__conversion__pic{width:83.63636%;margin:0 auto}
.spcl1__conversion__txtBlc{width:83.63636%;margin:5.45455% auto -2.07273%;font-size:12px;font-size:3.2vw;line-height:1.95;text-align:center}
.spcl1__conversion__heading{margin:-2.47826% 0;font-weight:700}
.spcl1__conversion__desc{margin:.8em 0 -2.47826%}
.spcl1__conversion__inquiryBtn{width:100%;margin:6.08696% auto 0}
.spcl1__conversion__inquiryBtn a{padding:1em}
}
@media all and (min-width:768px){
.m__planning{position:relative;width:100%;margin-top:5.98802%}
.m__planning>.secInner{position:relative}
}
@media all and (max-width:767px){
.m__planning{position:relative;width:100%;margin-top:16%}
.m__planning>.secInner{position:relative}
}
@media all and (min-width:768px){
.plan__header{position:relative;width:70.20958%;padding:5.98802% 0;margin:0 auto}
.plan__header__heading{width:15.67164%}
.plan__header__catch{width:55.11727%;margin-top:1.91898%}
.plan__header__desc{margin:6.14072% 0 -.6823%;font-size:16px;font-size:1.1976vw;line-height:1.8}
}
@media all and (min-width:768px) and (max-width:768px){
.plan__header__desc{font-size:.91976rem}
}
@media all and (min-width:768px) and (min-width:1336px){
.plan__header__desc{font-size:1.6rem}
}
@media all and (max-width:767px){
.plan__header{position:relative;width:86.66667%;padding:10.66667% 0;margin:0 auto}
.plan__header__heading{width:33.69231%}
.plan__header__catch{width:100%;margin-top:3.23077%}
.plan__header__desc{margin:10.70769% 0 -1.6%;font-size:13px;font-size:3.46667vw;line-height:1.8}
}
@media all and (min-width:768px){
.plan__pic{position:relative;width:88.02395%;margin:0 auto}
.plan__drawing{position:relative;width:88.02395%;margin:0 auto}
}
@media all and (max-width:767px){
.plan__pic{position:relative;width:100%}
.plan__drawing{position:relative;width:86.66667%;margin:0 auto}
}
.m__end::before{content:'';position:absolute;left:0;top:0;width:100%;height:0;background:url(/hebel/lineup/asgard/img/end/end_bg_pc.png) 0 0 no-repeat;background-size:100% 100%}
@media all and (min-width:768px){
.m__end{position:relative;width:100%;margin-top:10.47904%}
.m__end::before{padding-top:50.1497%}
.m__end>.secInner{position:relative;padding-top:5.23952%}
}
@media all and (max-width:767px){
.m__end{position:relative;width:100%;margin-top:10.66667%}
.m__end::before{padding-top:60.26667%;margin-top:13.33333%}
.m__end>.secInner{position:relative;padding-bottom:13.33333%}
.m__end::before{background-image:url(/hebel/lineup/asgard/img/end/end_bg_sp.png)}
}
@media all and (min-width:768px){
.end__pic{position:relative;width:88.02395%;margin:0 auto}
.end__pic__txt{position:absolute;left:0;bottom:0;width:19.55782%;margin:0 0 8.7585% 11.47959%}
}
@media all and (max-width:767px){
.end__pic{position:relative;width:86.66667%;margin:0 auto}
.end__pic__txt{position:absolute;left:0;top:0;width:49.23077%;margin:53.53846% 0 0 7.69231%}
}
.invisible{visibility:hidden;opacity:0}
.visible{visibility:visible;opacity:1}
._ani_fadeIn{opacity:0;transition:all 1.2s}
._ani_fadeIn.--show{opacity:1}
._ani_fadeUp{opacity:0;transform:translateY(70px);transition:all 1.2s cubic-bezier(.215,.61,.355,1)}
._ani_fadeUp.--show{opacity:1;transform:translateY(0)}
._ani_fadeInSerial>*{opacity:0;transition:all 1.2s}
._ani_fadeInSerial>:nth-child(1){transition-delay:0s}
._ani_fadeInSerial>:nth-child(2){transition-delay:.18s}
._ani_fadeInSerial>:nth-child(3){transition-delay:.36s}
._ani_fadeInSerial>:nth-child(4){transition-delay:.54s}
._ani_fadeInSerial>:nth-child(5){transition-delay:.72s}
._ani_fadeInSerial>:nth-child(6){transition-delay:.9s}
._ani_fadeInSerial>:nth-child(7){transition-delay:1.08s}
._ani_fadeInSerial>:nth-child(8){transition-delay:1.26s}
._ani_fadeInSerial>:nth-child(9){transition-delay:1.44s}
._ani_fadeInSerial>:nth-child(10){transition-delay:1.62s}
._ani_fadeInSerial>:nth-child(11){transition-delay:1.8s}
._ani_fadeInSerial>:nth-child(12){transition-delay:1.98s}
._ani_fadeInSerial>:nth-child(13){transition-delay:2.16s}
._ani_fadeInSerial>:nth-child(14){transition-delay:2.34s}
._ani_fadeInSerial>:nth-child(15){transition-delay:2.52s}
._ani_fadeInSerial>:nth-child(16){transition-delay:2.7s}
._ani_fadeInSerial>:nth-child(17){transition-delay:2.88s}
._ani_fadeInSerial>:nth-child(18){transition-delay:3.06s}
._ani_fadeInSerial>:nth-child(19){transition-delay:3.24s}
._ani_fadeInSerial>:nth-child(20){transition-delay:3.42s}
._ani_fadeInSerial.--show>*{opacity:1}
._ani_fadeUpSerial>*{opacity:0;transform:translateY(70px);transition:all 1.2s cubic-bezier(.215,.61,.355,1)}
._ani_fadeUpSerial>* .pic,._ani_fadeUpSerial>[class=pic]{overflow:hidden}
._ani_fadeUpSerial>* img._zoomOut{transform:scale(1.25) translateY(200px);transition:transform 1.8s cubic-bezier(.215,.61,.355,1)}
._ani_fadeUpSerial.--show>*{opacity:1;transform:translateY(0)}
._ani_fadeUpSerial.--show>:nth-child(1){transition-delay:0s}
._ani_fadeUpSerial.--show>:nth-child(2){transition-delay:.18s}
._ani_fadeUpSerial.--show>:nth-child(3){transition-delay:.36s}
._ani_fadeUpSerial.--show>:nth-child(4){transition-delay:.54s}
._ani_fadeUpSerial.--show>:nth-child(5){transition-delay:.72s}
._ani_fadeUpSerial.--show>:nth-child(6){transition-delay:.9s}
._ani_fadeUpSerial.--show>:nth-child(7){transition-delay:1.08s}
._ani_fadeUpSerial.--show>:nth-child(8){transition-delay:1.26s}
._ani_fadeUpSerial.--show>:nth-child(9){transition-delay:1.44s}
._ani_fadeUpSerial.--show>:nth-child(10){transition-delay:1.62s}
._ani_fadeUpSerial.--show>:nth-child(11){transition-delay:1.8s}
._ani_fadeUpSerial.--show>:nth-child(12){transition-delay:1.98s}
._ani_fadeUpSerial.--show>:nth-child(13){transition-delay:2.16s}
._ani_fadeUpSerial.--show>:nth-child(14){transition-delay:2.34s}
._ani_fadeUpSerial.--show>:nth-child(15){transition-delay:2.52s}
._ani_fadeUpSerial.--show>:nth-child(16){transition-delay:2.7s}
._ani_fadeUpSerial.--show>:nth-child(17){transition-delay:2.88s}
._ani_fadeUpSerial.--show>:nth-child(18){transition-delay:3.06s}
._ani_fadeUpSerial.--show>:nth-child(19){transition-delay:3.24s}
._ani_fadeUpSerial.--show>:nth-child(20){transition-delay:3.42s}
._ani_fadeUpSerial.--show>* img._zoomOut{transform:scale(1)}
[class*="_ani_zoomOutImg"]{overflow:hidden;transition:all 1.5s cubic-bezier(.215,.61,.355,1);transform:translateY(50%);opacity:0}
[class*="_ani_zoomOutImg"] img{transition:all 1.3s cubic-bezier(.215,.61,.355,1);transform:scale(1.5) translateY(100%)}
[class*="_ani_zoomOutImg"].--show{transform:translateY(0);opacity:1}
[class*="_ani_zoomOutImg"].--show img{transform:scale(1) translateY(0)}
@-webkit-keyframes rumble{
0%{transform:rotate(0) translate(0,0)}
12.5%{transform:rotate(0) translate(4px,-4px)}
25%{transform:rotate(0) translate(0,4px)}
37.5%{transform:rotate(0) translate(-4px,0)}
50%{transform:rotate(0) translate(0,0)}
62.5%{transform:rotate(0) translate(4px,0)}
75%{transform:rotate(0) translate(0,4px)}
87.5%{transform:rotate(0) translate(-4px,-4px)}
100%{transform:rotate(0) translate(0,0)}
}
@keyframes rumble{
0%{transform:rotate(0) translate(0,0)}
12.5%{transform:rotate(0) translate(4px,-4px)}
25%{transform:rotate(0) translate(0,4px)}
37.5%{transform:rotate(0) translate(-4px,0)}
50%{transform:rotate(0) translate(0,0)}
62.5%{transform:rotate(0) translate(4px,0)}
75%{transform:rotate(0) translate(0,4px)}
87.5%{transform:rotate(0) translate(-4px,-4px)}
100%{transform:rotate(0) translate(0,0)}
}
@-webkit-keyframes upAndBounce_up{
from{transform:translateY(0)}
to{transform:translateY(100%)}
}
@keyframes upAndBounce_up{
from{transform:translateY(0)}
to{transform:translateY(100%)}
}
@-webkit-keyframes bounce_s{
20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-50%,0)}
70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15%,0)}
90%{transform:translate3d(0,-2.5%,0)}
}
@keyframes bounce_s{
20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-50%,0)}
70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15%,0)}
90%{transform:translate3d(0,-2.5%,0)}
}
@-webkit-keyframes bounce_m{
20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-10%,0)}
70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-3%,0)}
90%{transform:translate3d(0,-.5%,0)}
}
@keyframes bounce_m{
20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-10%,0)}
70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-3%,0)}
90%{transform:translate3d(0,-.5%,0)}
}
@-webkit-keyframes bubble{
20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:scale(1)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:scale(1.2)}
70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:scale(1.06)}
90%{transform:scale(1.004)}
}
@keyframes bubble{
20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:scale(1)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:scale(1.2)}
70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:scale(1.06)}
90%{transform:scale(1.004)}
}
.g__header{transform:translateY(-100%);transition:all .5s cubic-bezier(.075,.82,.165,1) .8s}
.h__conversionBtns>*{transform:translateY(-100%);transition:transform .5s cubic-bezier(.075,.82,.165,1) .8s}
body.--show .g__header{transform:translateY(0)}
body.--show .h__conversionBtns>*{transform:translateY(0)}
body.--show .h__conversionBtns>:nth-child(1){transition-delay:1s}
body.--show .h__conversionBtns>:nth-child(2){transition-delay:1.1s}
body.--show .h__conversionBtns>:nth-child(3){transition-delay:1.2s}
.covr__kv__titleBlc::before{transition:all 1.2s cubic-bezier(.075,.82,.165,1) .4s}
@media all and (min-width:768px){
.covr__kv__titleBlc::before{transform:translateX(-500%) scaleX(3)}
}
@media all and (max-width:767px){
.covr__kv__titleBlc::before{transform:translateX(-201%) scaleX(2)}
}
.covr__kv__title{transition:all 1.5s linear 1.2s;opacity:0}
body.--show .covr__kv__titleBlc::before{transform:translateX(0) scaleX(1)}
body.--show .covr__kv__title{opacity:1}
.covr__kv__pic{transition:all 1.2s linear .8s;opacity:0}
.covr__kv__scrollAttention{transition:all .8s cubic-bezier(.215,.61,.355,1) 1.5s;transform:translateY(100px)}
.covr__kv__scrollAttention .t{overflow:hidden}
.covr__kv__scrollAttention .t span{position:relative;transition:opacity 0s cubic-bezier(.215,.61,.355,1) 2s;opacity:0}
.covr__kv__scrollAttention .t::after{content:'';position:absolute;left:0;top:0;width:0;height:100%;background:#fff;transition:width .5s cubic-bezier(.215,.61,.355,1) 1.5s,transform .6s cubic-bezier(.215,.61,.355,1) 2s;transform-origin:0 0;transform:translateX(0)}
.covr__kv__scrollAttention .i{transition:height .3s cubic-bezier(.215,.61,.355,1) 2s;height:0}
.covr__kv__catalog{overflow:hidden}
.covr__kv__catalog::before{transition:all .6s cubic-bezier(.645,.045,.355,1) 2s;transform:translateY(-101%)}
.covr__kv__catalog__fig,.covr__kv__catalog__txtBlc{transition:all 1.2s linear 2.5s;opacity:0}
body.--show .covr__kv__pic{opacity:1}
body.--show .covr__kv__scrollAttention{transform:translateY(0)}
body.--show .covr__kv__scrollAttention .t span{opacity:1}
body.--show .covr__kv__scrollAttention .t::after{width:100%;transform:translateX(101%)}
body.--show .covr__kv__scrollAttention .i{height:100%}
body.--show .covr__kv__catalog::before{transform:translateY(0)}
body.--show .covr__kv__catalog__fig,body.--show .covr__kv__catalog__txtBlc{opacity:1}
[class*=m__concept--]::before{transform:translateX(101%) scaleX(0);transition:all 1.2s cubic-bezier(.075,.82,.165,1);transform-origin:0 0}
[class*=m__concept--].--show::before{transform:translateX(0) scaleX(1)}
.intr__bannerBlc::before,.m__end::before{transform:translateX(-101%) scaleX(0);transition:all 1.2s cubic-bezier(.075,.82,.165,1) .8s;transform-origin:0 0}
.intr__bannerBlc.--show::before,.m__end.--show::before{transform:translateX(0) scaleX(1)}
._ani_conceptEntrance::before,._ani_conceptKv::before{transform:translateX(101%) scaleX(0);transition:all 1.2s cubic-bezier(.075,.82,.165,1);transform-origin:0 0}
.conc__entrance__pic__img img,.conc__kv__pic img{transition:visibility 0s linear 1.05s;visibility:hidden}
.conc__entrance__pic__img::after,.conc__kv__pic::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#111;transform:translateX(-101%) scaleX(0);transition:transform 1s cubic-bezier(.075,.82,.165,1),opacity 1s linear 1.1s;transform-origin:0 0}
.conc__kv__heading .txt img,.conc__kv__heading .urban img{transition:all .8s cubic-bezier(.215,.61,.355,1) 1.2s}
.conc__kv__heading .urban img{transform:translateX(101%)}
.conc__kv__heading .txt img{transform:translateX(-101%)}
.conc__kv__heading .i::after,.conc__kv__heading .i::before{transition:transform .8s cubic-bezier(.215,.61,.355,1) 1.2s}
.conc__kv__heading .i::before{transform:rotate(45deg) translate(-130%,-130%)}
.conc__kv__heading .i::after{transform:rotate(135deg) translate(-130%,-130%)}
.conc__kv__tagline{transition:opacity 1s linear 1.5s;opacity:0}
.conc__entrance__desc{transition:opacity 1s linear 1.5s;opacity:0}
.conc__entrance__openMainBtn{transition:opacity 1s linear 1.7s;opacity:0}
._ani_conceptEntrance.--show::before,._ani_conceptKv.--show::before{transform:translateX(0) scaleX(1)}
._ani_conceptEntrance.--show .conc__entrance__pic__img img,._ani_conceptEntrance.--show .conc__kv__pic img,._ani_conceptKv.--show .conc__entrance__pic__img img,._ani_conceptKv.--show .conc__kv__pic img{visibility:visible}
._ani_conceptEntrance.--show .conc__entrance__pic__img::after,._ani_conceptEntrance.--show .conc__kv__pic::after,._ani_conceptKv.--show .conc__entrance__pic__img::after,._ani_conceptKv.--show .conc__kv__pic::after{transform:translateX(0) scaleX(1);opacity:0}
._ani_conceptEntrance.--show .conc__kv__heading .txt img,._ani_conceptEntrance.--show .conc__kv__heading .urban img,._ani_conceptKv.--show .conc__kv__heading .txt img,._ani_conceptKv.--show .conc__kv__heading .urban img{transform:translateX(0)}
._ani_conceptEntrance.--show .conc__kv__heading .i::before,._ani_conceptKv.--show .conc__kv__heading .i::before{transform:rotate(45deg) translate(0,0)}
._ani_conceptEntrance.--show .conc__kv__heading .i::after,._ani_conceptKv.--show .conc__kv__heading .i::after{transform:rotate(135deg) translate(0,0)}
._ani_conceptEntrance.--show .conc__entrance__desc,._ani_conceptEntrance.--show .conc__entrance__openMainBtn,._ani_conceptEntrance.--show .conc__kv__tagline,._ani_conceptKv.--show .conc__entrance__desc,._ani_conceptKv.--show .conc__entrance__openMainBtn,._ani_conceptKv.--show .conc__kv__tagline{opacity:1}
._ani_conceptMain::before{transform:scaleX(0);transition:all 1.2s cubic-bezier(.075,.82,.165,1);transform-origin:0 0}
._ani_conceptMain.--show::before{transform:scaleX(1)}
.conc__kawai::before{transform:scaleX(0);transition:all 1.2s cubic-bezier(.075,.82,.165,1);transform-origin:0 0}
.conc__kawai.--show::before{transform:scaleX(1)}
.m__special::before{transform:scaleX(0);transition:all 1.2s cubic-bezier(.075,.82,.165,1);transform-origin:0 0}
.m__special.--show::before{transform:scaleX(1)}
.spcl__contentsFrame>div{transition:all 1s cubic-bezier(.215,.61,.355,1)}
.spcl__contentsFrame>div.bdL,.spcl__contentsFrame>div.bdT{transform-origin:0 0}
.spcl__contentsFrame>div.bdB,.spcl__contentsFrame>div.bdR{transform-origin:100% 100%}
.spcl__contentsFrame>div.bdB,.spcl__contentsFrame>div.bdT{transform:scaleX(0)}
.spcl__contentsFrame>div.bdL,.spcl__contentsFrame>div.bdR{transform:scaleY(0)}
.spcl__contents.--show .spcl__contentsFrame>div.bdB,.spcl__contents.--show .spcl__contentsFrame>div.bdT{transform:scaleY(1)}
.spcl__contents.--show .spcl__contentsFrame>div.bdL,.spcl__contents.--show .spcl__contentsFrame>div.bdR{transform:scaleX(1)}
.conv__catalog::before{transition:all 1.2s cubic-bezier(.075,.82,.165,1);transform:translateX(-101%) scaleX(0);transform-origin:0 0}
.conv__catalog>.secInner::before{transition:all 1.2s cubic-bezier(.075,.82,.165,1) .2s;transform:scaleX(0);transform-origin:0 0}
.conv__catalog__heading{overflow:hidden}
.conv__catalog__heading img{transition:all .8s cubic-bezier(.215,.61,.355,1) 1s;transform:translateY(130%)}
.conv__catalog__heading::after{transition:all .8s cubic-bezier(.645,.045,.355,1) 1s;transform-origin:0 0;transform:scaleX(0)}
.conv__catalog__main{transition:all 1.2s linear 1.8s;opacity:0}
.conv__catalog.--show::before{transform:translateX(0) scaleX(1)}
.conv__catalog.--show>.secInner::before{transform:scaleX(1)}
.conv__catalog.--show .conv__catalog__heading img{transform:translateY(0)}
.conv__catalog.--show .conv__catalog__heading::after{transform:scaleX(1)}
.conv__catalog.--show .conv__catalog__main{opacity:1}
.conv__modelhouse::before{transition:all 1.2s cubic-bezier(.075,.82,.165,1);transform:translateX(101%) scaleX(0);transform-origin:0 0}
.conv__modelhouse__fig{overflow:hidden}
.conv__modelhouse__fig img{transition:visibility 0s linear 1.55s;visibility:hidden}
.conv__modelhouse__fig::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#111;transition:transform 1s cubic-bezier(.075,.82,.165,1) .5s,opacity 1s linear 1.6s;transform:translateX(101%) scaleX(0);transform-origin:0 0}
.conv__modelhouse__heading{transition:all 1.2s linear 1.4s;opacity:0}
.conv__modelhouse__txtBlc{transition:all 1.2s linear 1.6s;opacity:0}
.conv__modelhouse.--show::before{transform:translateX(0) scaleX(1)}
.conv__modelhouse.--show .conv__modelhouse__fig img{visibility:visible}
.conv__modelhouse.--show .conv__modelhouse__fig::after{transform:translateX(0) scaleX(1);opacity:0}
.conv__modelhouse.--show .conv__modelhouse__heading{opacity:1}
.conv__modelhouse.--show .conv__modelhouse__txtBlc{opacity:1}
@media all and (min-width:768px){
html.ie body{font-family:"メイリオ",Meiryo,sans-serif}
html.ipad{font-weight:300}
}
@media all and (max-width:767px){
html.ios{font-weight:300}
html.android{font-weight:300}
}