@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:#000;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:.075em;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:780px){
._sp{display:none!important}
a img,input[type=image]{opacity:1;transition:opacity .2s}
}
@media all and (max-width:779px){
._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:780px){
.wrap{min-width:960px;max-width:1440px}
.section{height:100vh}
}
@media all and (max-width:779px){
.section{height:100vh}
.section>.secInner{margin:0 auto}
}
@media all and (min-width:780px){
._sp{display:none}
}
@media all and (max-width:779px){
._pc{display:none}
}
.--modal{display:fixed;overflow:hidden}
@media all and (min-width:780px){
.g__header{position:fixed;left:0;top:0;z-index:100;width:100%;height:70px;background:#fff}
.g__header>.secInner{position:relative;left:50%;width:100%;height:100%;max-width:1440px;transform:translateX(-50%)}
.h__hhLogo{position:absolute;left:0;top:0;width:128px;margin:32px 0 0 20px}
.h__hhLogo a{transition:all .3s}
.h__hhLogo a:hover{opacity:.7}
.h__conversionBtns{position:absolute;right:0;top:0;height:100%}
.h__conversionBtns>li{float:left;position:relative;height:100%}
.h__conversionBtns>li a{display:flex;justify-content:center;align-items:center;height:100%;background:#f5f5f5;font-weight:700;font-size:16px;font-size:1.6rem;letter-spacing:0;color:#807970;transition:all .2s}
.h__conversionBtns>li a:hover{background-color:#000;color:#fff}
.h__conversionBtns>li a:hover::before{border-top:#fff solid 2px;border-right:#fff solid 2px}
.h__catalogBtn{width:240px}
.h__onlinereserveBtn{width:240px;height:100%}
.h__onlinereserveBtn form{background-color:#807970;background-size:100%;transition:all .2s}
.h__onlinereserveBtn:hover form{background-color:#000}
.h__onlinereserveBtn:hover .h__onlinereserveBtn_label{color:#fff}
.h__onlinereserveBtn:hover .h__onlinereserveBtn_label::before{border-top:#fff solid 2px;border-right:#fff solid 2px}
.h__onlinereserveBtn_label{display:flex;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;justify-content:center;align-items:center;height:100%;font-weight:700;font-size:16px;font-size:1.6rem;letter-spacing:0;color:#fff;pointer-events:none;transition:all .2s}
.h__conversionBtns .h__onlinereserveBtn_label::before,.h__conversionBtns a::before{content:'';position:relative;width:.35em;height:.35em;margin:-2px .6em 0 0;border-top:#fff solid 2px;border-right:#fff solid 2px;transform:rotate(45deg);transition:all .2s}
.h__conversionBtns a::before{border-top:#807970 solid 2px;border-right:#807970 solid 2px}
.h__conversionBtns .h__onlinereserveBtn_label::before{transform:rotate(135deg)}
}
@media all and (max-width:779px){
body{font-weight:400}
.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:12.82051%}
.h__hhLogo{position:absolute;left:0;top:0;width:29.23077%;margin:4.61538% 0 0 3.58974%}
.h__conversionBtns{display:none}
}
@media all and (min-width:780px){
.g__body{position:relative;width:100%;padding-top:70px;color:#000}
.g__footer{width:100%;background:#fff}
.g__footer>.secInner{position:relative;width:100%;max-width:1440px;padding:5.55556% 0 5.55556%;margin:0 auto}
.g__footer .f__pagetopBtn{position:fixed;right:0;bottom:0;z-index:10;width:5%;max-width:72px;overflow:hidden;border-radius:50em;margin:0 2.08333% 2.08333% 0}
.g__footer .f__pagetopBtn a{display:block;background:#f4f6f8}
.g__footer .f__pagetopBtn a img{transition:all .3s cubic-bezier(.215,.61,.355,1)}
.g__footer .f__pagetopBtn a:hover img{transform:translateY(-5px)}
.g__footer .f__hhLogo{width:16.66667%;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.77778%;font-weight:700;font-size:12px;font-size:1.2rem;letter-spacing:.08em;text-align:center}
}
@media all and (max-width:779px){
.g__body{position:relative;width:100%;padding-top:12.82051%;color:#000}
.g__footer{width:100%;background:#fff}
.g__footer>.secInner{position:relative;padding:10.25641% 0 10.25641%}
.g__footer .f__pagetopBtn{position:fixed;right:0;bottom:0;z-index:10;width:15.38462%;overflow:hidden;border-radius:50em;margin:0 3.84615% 3.84615% 0}
.g__footer .f__pagetopBtn a{display:block;background:#f4f6f8}
.g__footer .f__pagetopBtn.--spStickyNavi{margin-bottom:25.64103%}
.g__footer .f__hhLogo{width:30.76923%;margin:0 auto}
.g__footer .f__copyright{margin-top:8.97436%;font-size:10px;font-size:2.5641vw;font-weight:700;letter-spacing:.08em;line-height:1.5;text-align:center}
}
.f__pagetopBtn{transform:translateY(180%);transition:all .5s cubic-bezier(.215,.61,.355,1)}
.f__pagetopBtn.--show{transform:translateY(0)}
.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:780px){
#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:779px){
#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}
}
@media all and (min-width:780px){
.cmn__secSubhead{margin-bottom:3.57143%}
.cmn__secDesc{margin:3.66071% 0 -.80357%;font-size:18px;font-size:1.25vw;line-height:2}
}
@media all and (min-width:780px) and (max-width:780px){
.cmn__secDesc{font-size:.975rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.cmn__secDesc{font-size:1.8rem}
}
@media all and (max-width:779px){
.cmn__secSubhead{margin-bottom:9.14286%}
.cmn__secDesc{margin:9.71429% 0 -2.28571%;font-size:14px;font-size:3.58974vw;line-height:2.14286}
}
[class*="__cover__openCloseBtn"] button{display:flex;justify-content:center;align-items:center;padding:1.5em 0;background:#807970}
[class*="__cover__openCloseBtn"] button span{font-weight:700;color:#fff;transition:all .2s}
[class*="__cover__openCloseBtn"] button span.__close{position:absolute;opacity:0}
[class*="__cover__openCloseBtn"] button .i{position:relative;width:1.2em;height:1.2em;margin-left:.5em;transition:all .3s cubic-bezier(.215,.61,.355,1)}
[class*="__cover__openCloseBtn"] button .i::after,[class*="__cover__openCloseBtn"] button .i::before{content:'';position:absolute;left:calc(50% - 1px);top:-1px;width:2px;height:100%;background:#fff;transition:all .3s cubic-bezier(.215,.61,.355,1)}
[class*="__cover__openCloseBtn"] button .i::after{transform:rotate(90deg)}
[class*="__cover__openCloseBtn"]{overflow:hidden;transition:all .3s}
[class*="__cover__openCloseBtn"] button{transition:all .3s}
@media all and (min-width:780px){
[class*="__cover__openCloseBtn"] button span{font-size:22px;font-size:1.52778vw}
}
@media all and (min-width:780px) and (max-width:780px){
[class*="__cover__openCloseBtn"] button span{font-size:1.19167rem}
}
@media all and (min-width:780px) and (min-width:1440px){
[class*="__cover__openCloseBtn"] button span{font-size:2.2rem}
}
@media all and (min-width:780px){
[class*="__cover__openCloseBtn"]:hover button{opacity:.7}
[class*="__cover__openCloseBtn"]:hover .i::after,[class*="__cover__openCloseBtn"]:hover .i::before{transform:rotate(90deg)}
[class*="__cover__openCloseBtn"]:hover .i::after{transform:rotate(180deg)}
}
@media all and (max-width:779px){
[class*="__cover__openCloseBtn"] button span{font-size:16px;font-size:4.10256vw}
}
.m__about .abou__feature.--open .abou__feature__cover__openCloseBtn .__open,.m__plans .plan__type.--open .plan__type__cover__openCloseBtn .__open{opacity:0}
.m__about .abou__feature.--open .abou__feature__cover__openCloseBtn .__close,.m__plans .plan__type.--open .plan__type__cover__openCloseBtn .__close{opacity:1}
.m__about .abou__feature.--open .abou__feature__cover__openCloseBtn .i,.m__plans .plan__type.--open .plan__type__cover__openCloseBtn .i{transform:rotate(45deg)}
[class*="__detail__endBlc"]{display:flex;justify-content:center;position:relative;width:100%;text-align:center}
[class*="__detail__endBlc"]::before{content:'';position:absolute;left:0;top:calc(50% - 1px);width:100%;height:1px;background:#898989}
[class*="__detail__closeBtn"]{display:inline-block;position:relative;background:#fff}
[class*="__detail__closeBtn"] button{display:flex;justify-content:center;align-items:center;position:relative;padding:.5em 1em}
[class*="__detail__closeBtn"] button span{font-weight:700;color:#666}
[class*="__detail__closeBtn"] button .i{position:relative;width:1.2em;height:1.2em;margin-left:.5em;transition:all .3s cubic-bezier(.215,.61,.355,1)}
[class*="__detail__closeBtn"] button .i::after,[class*="__detail__closeBtn"] button .i::before{content:'';position:absolute;left:50%;top:0;width:1px;height:100%;background:#898989;transition:all .3s cubic-bezier(.215,.61,.355,1)}
[class*="__detail__closeBtn"] button .i::before{transform:rotate(-45deg)}
[class*="__detail__closeBtn"] button .i::after{transform:rotate(45deg)}
@media all and (min-width:780px){
[class*="__detail__closeBtn"] button{transition:all .3s}
[class*="__detail__closeBtn"] button span{font-size:18px;font-size:1.25vw}
}
@media all and (min-width:780px) and (max-width:780px){
[class*="__detail__closeBtn"] button span{font-size:.975rem}
}
@media all and (min-width:780px) and (min-width:1440px){
[class*="__detail__closeBtn"] button span{font-size:1.8rem}
}
@media all and (min-width:780px){
[class*="__detail__closeBtn"] button .i{transition:all .3s}
[class*="__detail__closeBtn"] button:hover{opacity:.7}
[class*="__detail__closeBtn"] button:hover .i{transform:rotate(90deg)}
}
@media all and (max-width:779px){
[class*="__detail__closeBtn"] button span{font-size:16px;font-size:4.10256vw}
}
@media all and (max-width:779px){
#g__spTopFloatingNavi{position:fixed;left:0;top:0;z-index:101;width:100%;height:100%;overflow:auto;pointer-events:none}
.g__spTopFloatingNavi__openCloseBtn{position:fixed;right:0;top:0;z-index:102;width:12.82051%;pointer-events:auto}
.g__spTopFloatingNavi__openCloseBtn button{display:block;position:relative;width:100%;height:0;padding-top:100%;background:#807970}
.g__spTopFloatingNavi__openCloseBtn button .i{position:absolute;left:50%;top:50%;width:36%;height:2px;margin:-1px 0 0 -18%;transition:all .3s}
.g__spTopFloatingNavi__openCloseBtn button .i span,.g__spTopFloatingNavi__openCloseBtn button .i::after,.g__spTopFloatingNavi__openCloseBtn button .i::before{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;transition:all .3s}
.g__spTopFloatingNavi__openCloseBtn button .i::after,.g__spTopFloatingNavi__openCloseBtn button .i::before{content:''}
.g__spTopFloatingNavi__openCloseBtn button .i::before{margin-top:-6px}
.g__spTopFloatingNavi__openCloseBtn button .i::after{margin-top:6px}
.spTopFloatingNavi__contents{position:absolute;left:0;top:0;width:100%;background:#fff;opacity:0;transition:all .3s}
#g__spTopFloatingNavi.--open{pointer-events:all}
#g__spTopFloatingNavi.--open .spTopFloatingNavi__contents{opacity:1}
#g__spTopFloatingNavi.--open .g__spTopFloatingNavi__openCloseBtn button .i{transform:rotate(180deg)}
#g__spTopFloatingNavi.--open .g__spTopFloatingNavi__openCloseBtn button .i span{opacity:0}
#g__spTopFloatingNavi.--open .g__spTopFloatingNavi__openCloseBtn button .i::before{margin-top:0;transform:rotate(-45deg)}
#g__spTopFloatingNavi.--open .g__spTopFloatingNavi__openCloseBtn button .i::after{margin-top:0;transform:rotate(45deg)}
.spTopFloatingNavi__main{position:relative;margin-top:19.23077%;background:#fff}
.spTopFloatingNavi__main__btnList>li a{display:block;width:100%;padding:6.41026% 10.25641%}
.spTopFloatingNavi__main__btnList>li:nth-of-type(1) .t{width:57.03333%}
.spTopFloatingNavi__main__btnList>li:nth-of-type(2) .t{width:59.98333%}
.spTopFloatingNavi__main__btnList>li:nth-of-type(3) .t{width:55.72222%}
.spTopFloatingNavi__main__btnList>li:nth-of-type(4) .t{width:91.45%}
.spTopFloatingNavi__others{position:relative;padding:10.25641% 0;margin-top:11.53846%;background:#b3b3b3}
.spTopFloatingNavi__others__bnrList{width:89.74359%;margin:0 auto}
.spTopFloatingNavi__others__bnrList>li:nth-of-type(n+2){margin-top:5.71429%}
}
@media all and (max-width:779px){
#g__spBottomFloatingNavi{position:fixed;left:0;bottom:0;z-index:100;width:100%;transition:all .5s cubic-bezier(.215,.61,.355,1)}
#g__spBottomFloatingNavi.--hide{transform:translateY(102%)}
.spBottomFloatingNavi__catalogBtn a{display:flex;justify-content:center;align-items:center;width:100%;padding:7.17949% 0;background:#666}
.spBottomFloatingNavi__catalogBtn a span{font-weight:700;font-size:20px;font-size:5.12821vw;color:#fff}
.spBottomFloatingNavi__catalogBtn a .i{position:relative;width:.8em;height:.8em;margin:-2px 1em 0 .5em;transition:all .3s cubic-bezier(.215,.61,.355,1)}
.spBottomFloatingNavi__catalogBtn a .i::after,.spBottomFloatingNavi__catalogBtn a .i::before{content:'';position:absolute;left:0;top:50%;width:100%;height:2px;background:#fff;transition:all .3s cubic-bezier(.215,.61,.355,1)}
.spBottomFloatingNavi__catalogBtn a .i::before{transform:rotate(-45deg);transform-origin:100% 50%}
.spBottomFloatingNavi__catalogBtn a .i::after{transform:rotate(45deg);transform-origin:100% 50%}
}
@media all and (min-width:780px){
.m__cover{position:relative;width:100%}
.m__cover>.secInner{position:relative;left:50%;width:100%;max-width:1440px;transform:translateX(-50%)}
}
@media all and (max-width:779px){
.m__cover{position:relative;width:100%}
.m__cover>.secInner{position:relative;margin:0 auto}
}
@media all and (min-width:780px){
.covr__kv{position:relative}
.covr__kv__heading{position:absolute;left:0;top:0;width:38.75%;margin:59.72222% 0 0 5.55556%}
.covr__kv__heading>div{position:relative}
.covr__kv__heading__t1{width:84.58781%}
.covr__kv__heading__t2{width:100%;margin-top:3.76344%}
.covr__kv__pic{position:relative}
.covr__kv__mydessinLogo{position:absolute;left:0;top:0;width:11.11111%;margin:2.77778% 0 0 2.77778%}
}
@media all and (max-width:779px){
.covr__kv{position:relative}
.covr__kv__heading{position:absolute;left:0;top:0;z-index:1;width:70.76923%;margin:118.97436% 0 0 5.12821%}
.covr__kv__heading>div{position:relative}
.covr__kv__heading__t1{width:84.78261%}
.covr__kv__heading__t2{width:100%;margin-top:4.71014%}
.covr__kv__pic{position:relative;width:100%}
.covr__kv__mydessinLogo{position:absolute;left:0;top:0;width:24.35897%;margin:5.64103% 0 0 5.64103%}
}
@media all and (min-width:780px){
.covr__kv__presentBnr{position:relative;width:40.27778%;margin:-2.77778% 0 0 auto}
.covr__kv__presentBnr::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#fff}
.covr__kv__presentBnr a{position:relative;transition:all .2s}
.covr__kv__presentBnr a:hover{opacity:.7}
}
@media all and (max-width:779px){
.covr__kv__presentBnr{position:relative;width:89.74359%;margin:37.4359% auto 0}
}
@media all and (min-width:780px){
.covr__statement{display:flex;align-items:center;position:relative;margin-top:6.94444%}
.covr__statement__txtBlc{position:relative;width:38.88889%;margin-left:5.55556%}
.covr__statement__desc{font-size:18px;font-size:1.25vw;line-height:2}
}
@media all and (min-width:780px) and (max-width:780px){
.covr__statement__desc{font-size:.975rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.covr__statement__desc{font-size:1.8rem}
}
@media all and (min-width:780px){
.covr__statement__desc p:nth-of-type(n+2){margin-top:5.71429%}
.covr__statement__pic{position:relative;width:55.55556%}
}
@media all and (max-width:779px){
.covr__statement{margin-top:17.94872%}
.covr__statement__txtBlc{position:relative;width:89.74359%;margin:0 auto -1.92308%}
.covr__statement__desc{font-size:15px;font-size:3.84615vw;line-height:2;white-space:nowrap}
.covr__statement__desc p:nth-of-type(n+2){margin-top:5.71429%}
.covr__statement__pic{position:relative;width:100%;margin-top:15.38462%}
}
@media all and (min-width:780px){
.covr__points{position:relative;width:100%;padding:1.73611% 0;margin-top:2.08333%;background:#f5f2eb}
.covr__points__pointList{display:flex;justify-content:space-between;position:relative;width:77.77778%;margin:0 auto}
.covr__points__point{position:relative;width:22.32143%;overflow:hidden;border-radius:50em}
.covr__points__point::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#fff}
.covr__points__point img{position:relative}
}
@media all and (max-width:779px){
.covr__points{position:relative;width:100%;padding:6.41026% 0;margin-top:7.69231%;background:#f5f2eb}
.covr__points__pointList{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:2em;position:relative;width:87.17949%;margin:0 auto}
.covr__points__point{position:relative;width:47.05882%;overflow:hidden;border-radius:50em}
.covr__points__point::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#fff}
.covr__points__point img{position:relative}
}
.covr__anchorNavi::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#807970}
@media all and (min-width:780px){
.covr__anchorNavi{position:relative;margin-top:6.94444%}
.covr__anchorNavi__btnList{display:flex;position:relative}
.covr__anchorNavi__btn{position:relative;width:33.33333%}
.covr__anchorNavi__btn:nth-of-type(n+2)::before{content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:80%;background:#fff;transform:translateY(-50%)}
.covr__anchorNavi__btn a{display:block;position:relative;width:100%;padding-top:20.83333%}
.covr__anchorNavi__btn a::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:100%;background:rgba(255,255,255,.3);transition:transform .2s cubic-bezier(.215,.61,.355,1),opacity .2s;transform-origin:bottom;transform:scaleY(0);opacity:.2}
.covr__anchorNavi__btn a img{position:relative}
.covr__anchorNavi__btn a:hover::before{transform-origin:top;transform:scaleY(1);opacity:.4}
.covr__anchorNavi__btn .t{position:absolute;left:50%;top:0;margin-top:6.66667%;transform:translateX(-50%)}
.covr__anchorNavi__btn:nth-of-type(1) .t{width:37.91667%}
.covr__anchorNavi__btn:nth-of-type(2) .t{width:35.41667%}
.covr__anchorNavi__btn:nth-of-type(3) .t{width:58.125%}
.covr__anchorNavi__btn .i{position:absolute;left:50%;bottom:0;width:.8em;height:.8em;margin-bottom:6.25%;transition:all .2s}
.covr__anchorNavi__btn .i::before{content:'';position:absolute;width:100%;height:100%;border-top:#fff solid 2px;border-right:#fff solid 2px;transform:rotate(135deg)}
}
@media all and (max-width:779px){
.covr__anchorNavi{position:relative;margin-top:20.51282%;background:#807970}
.covr__anchorNavi__btnList{display:flex;position:relative}
.covr__anchorNavi__btn{position:relative}
.covr__anchorNavi__btn:nth-of-type(1){width:35.89744%}
.covr__anchorNavi__btn:nth-of-type(1) .t{width:67.14286%}
.covr__anchorNavi__btn:nth-of-type(2){width:28.20513%}
.covr__anchorNavi__btn:nth-of-type(2) .t{width:62.72727%}
.covr__anchorNavi__btn:nth-of-type(3){width:35.89744%}
.covr__anchorNavi__btn:nth-of-type(3) .t{width:80%}
.covr__anchorNavi__btn:nth-of-type(n+2)::after{content:'';display:block;position:absolute;left:0;top:50%;z-index:1;width:1px;height:calc(100% - 3em);background:#fff;transform:translateY(-50%)}
.covr__anchorNavi__btn a{display:block;position:relative;width:100%;padding:3.3em 0 3.8em}
.covr__anchorNavi__btn .t{position:relative;margin:0 auto}
.covr__anchorNavi__btn .i{position:absolute;left:50%;bottom:0;width:.6em;height:.6em;margin:0 0 2.2em -.3em}
.covr__anchorNavi__btn .i::before{content:'';position:absolute;width:100%;height:100%;border-top:#fff solid 2px;border-right:#fff solid 2px;transform:rotate(135deg)}
}
@media all and (min-width:780px){
.m__conversion{position:relative;width:100%;background:#adaca8}
.m__conversion>.secInner{padding:5.55556% 0}
.conv__items{display:flex;justify-content:space-between;flex-wrap:wrap;width:88.88889%;margin:0 auto}
.conv__items>div:nth-of-type(1){width:100%;margin-bottom:1.5625%}
.conv__items>div:nth-of-type(n+2){width:49.21875%}
.conv__items>div.conv__simulation{width:100%}
.conv__items>div .banner a{transition:all .3s}
.conv__items>div .banner a:hover{opacity:.8}
}
@media all and (max-width:779px){
.m__conversion{position:relative;width:100%;background:#adaca8}
.m__conversion>.secInner{padding:10.25641% 0}
.conv__items{width:89.74359%;margin:0 auto}
.conv__items>div:nth-of-type(n+2){margin-top:5.71429%}
.conv__items>div .banner a{transition:all .3s}
}
@media all and (min-width:780px){
.m__about+.m__conversion,.m__plans+.m__conversion{margin-top:13.88889%}
}
@media all and (max-width:779px){
.m__about+.m__conversion{margin-top:46.15385%}
.m__plans+.m__conversion{margin-top:35.89744%}
}
@media all and (min-width:780px){
.conv__item{position:relative;background:#fff}
.conv__item .fig{position:relative}
.conv__item .txts{position:absolute;left:0;top:0;width:100%;height:100%}
.conv__item .btn{position:absolute;left:0;bottom:0;width:53.96825%;margin:0 0 3.80952% 23.01587%}
.conv__item .btn a{display:block;position:relative;transition:all .3s}
.conv__item .btn a:hover{opacity:.8}
}
@media all and (max-width:779px){
.conv__item{position:relative}
.conv__item .fig{position:relative}
.conv__item .txts{position:absolute;left:0;top:0;width:100%;height:100%}
.conv__item .btn{position:absolute;left:0;bottom:0;width:65.71429%;margin:0 0 5.14286% 17.14286%}
.conv__item .btn a{display:block;position:relative}
}
@media all and (min-width:780px){
.conv__modelhouse .btn{position:absolute;left:0;bottom:0;width:53.96825%;height:0;padding-top:9.52381%}
.conv__modelhouse .btn form{background:url(/hebel/lp/mydessin/img/conversion/conv_modelhouse_btn_v2_pc.svg) 50% 50% no-repeat;background-size:100%;transition:all .2s}
.conv__modelhouse .btn:hover form{opacity:.8}
}
@media all and (max-width:779px){
.conv__modelhouse .btn{position:absolute;left:0;bottom:0;width:65.71429%;height:0;padding-top:11.42857%}
.conv__modelhouse .btn form{background:url(/hebel/lp/mydessin/img/conversion/conv_modelhouse_btn_v2_sp.svg) 0 0 no-repeat;background-size:100%}
}
@media all and (min-width:780px){
.m__about{position:relative;width:100%;margin-top:3.47222%}
.m__about>.secInner{position:relative;padding-top:3.47222%}
}
@media all and (max-width:779px){
.m__about{position:relative;width:100%;margin-top:10.25641%}
.m__about>.secInner{position:relative;padding-top:10.25641%}
}
@media all and (min-width:780px){
.abou__header{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;width:100%;margin-top:6.94444%}
.abou__header__txtBlc{width:34.02778%;margin-right:5.55556%}
.abou__header__heading{width:59.79592%;margin:0 auto}
.abou__header__desc{width:100%;margin-top:13.06122%;font-size:16px;font-size:1.11111vw;line-height:2;text-align:justify}
}
@media all and (min-width:780px) and (max-width:780px){
.abou__header__desc{font-size:.86667rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.abou__header__desc{font-size:1.6rem}
}
@media all and (min-width:780px){
.abou__header__fig{position:relative;width:60.34722%}
}
@media all and (max-width:779px){
.abou__header{width:89.74359%;margin:25.64103% auto 0}
.abou__header__heading{width:100.85714%}
.abou__header__desc{text-align:justify}
.abou__header__fig{position:relative;width:111.42857%;margin:11.42857% 0 0 -5.71429%}
}
@media all and (min-width:780px){
.abou__feature{position:relative;width:100%;margin:13.88889% auto 0}
.abou__feature:nth-of-type(1){margin-top:0}
.abou__feature__cover{position:relative;width:100%}
.abou__feature__detail{position:relative;width:77.77778%;margin:8.33333% auto 0}
}
@media all and (max-width:779px){
.abou__feature{position:relative;width:89.74359%;margin:35.89744% auto 0}
.abou__feature:nth-of-type(1){margin-top:0}
.abou__feature__cover{position:relative;width:100%}
.abou__feature__detail{position:relative;width:100%;margin-top:23.42857%}
}
@media all and (min-width:780px){
.abou__feature__cover{display:flex;justify-content:space-between;align-items:center;position:relative}
.abou__feature__cover__txtBlc{width:30.55556%;margin-left:5.55556%}
.abou__feature__cover__heading{margin-top:7.72727%}
.abou__feature__cover__desc{margin:12.72727% 0 -2.27273%;font-size:16px;font-size:1.11111vw;line-height:2.25;white-space:nowrap}
}
@media all and (min-width:780px) and (max-width:780px){
.abou__feature__cover__desc{font-size:.86667rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.abou__feature__cover__desc{font-size:1.6rem}
}
@media all and (min-width:780px){
.abou__feature__cover__picBlc{position:relative;width:60.41667%}
.abou__feature__cover__picSlider{position:relative;width:100%}
.abou__feature__cover__picSliderSlide{position:relative;width:100%;height:0;padding-top:90.8046%}
.abou__feature__cover__picL{position:absolute;top:0;width:94.25287%}
.abou__feature__cover__picS{position:absolute;bottom:0;width:27.58621%}
.abou__feature--01 .abou__feature__cover,.abou__feature--03 .abou__feature__cover{flex-direction:row-reverse}
.abou__feature--01 .abou__feature__cover__picL,.abou__feature--03 .abou__feature__cover__picL{right:0}
.abou__feature--01 .abou__feature__cover__picS,.abou__feature--03 .abou__feature__cover__picS{left:0}
.abou__feature--02 .abou__feature__cover,.abou__feature--04 .abou__feature__cover{flex-direction:row}
.abou__feature--02 .abou__feature__cover__txtBlc,.abou__feature--04 .abou__feature__cover__txtBlc{margin:0 4.16667% 0 auto}
.abou__feature--02 .abou__feature__cover__picL,.abou__feature--04 .abou__feature__cover__picL{left:0}
.abou__feature--02 .abou__feature__cover__picS,.abou__feature--04 .abou__feature__cover__picS{right:0}
}
@media all and (max-width:779px){
.abou__feature__cover{position:relative}
.abou__feature__cover__txtBlc{width:100%;margin-top:13.14286%}
.abou__feature__cover__heading{margin-top:6.28571%}
.abou__feature__cover__desc{margin:9.14286% 0 -2.28571%;font-size:14px;font-size:3.58974vw;line-height:2.14286;text-align:justify}
.abou__feature__cover__picBlc{position:relative;width:105.71429%}
.abou__feature__cover__picSlider{position:relative;width:100%}
.abou__feature__cover__picSliderSlide{position:relative;width:100%;height:0;padding-top:97.14286%}
.abou__feature__cover__picL{position:absolute;top:0;width:86.48649%}
.abou__feature__cover__picS{position:absolute;bottom:0;width:37.83784%}
.abou__feature--01 .abou__feature__cover__picL,.abou__feature--03 .abou__feature__cover__picL{right:0}
.abou__feature--01 .abou__feature__cover__picS,.abou__feature--03 .abou__feature__cover__picS{left:0}
.abou__feature--02 .abou__feature__cover__picBlc,.abou__feature--04 .abou__feature__cover__picBlc{margin-left:-5.71429%}
.abou__feature--02 .abou__feature__cover__picL,.abou__feature--04 .abou__feature__cover__picL{left:0}
.abou__feature--02 .abou__feature__cover__picS,.abou__feature--04 .abou__feature__cover__picS{right:0}
}
@media all and (min-width:780px){
.abou__feature__cover__openCloseBtn{width:75%;margin-top:13.63636%}
}
@media all and (max-width:779px){
.abou__feature__cover__openCloseBtn{width:100%;margin-top:11.42857%}
}
.abou__feature__detail__headerBlc{position:relative}
@media all and (min-width:780px){
.abou__feature__detail__desc{margin:4.46429% 0 3.57143%;font-size:16px;font-size:1.11111vw;line-height:2.25}
}
@media all and (min-width:780px) and (max-width:780px){
.abou__feature__detail__desc{font-size:.86667rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.abou__feature__detail__desc{font-size:1.6rem}
}
@media all and (max-width:779px){
.abou__feature__detail__desc{margin:9.14286% 0 7.71429%;font-size:14px;font-size:3.58974vw;line-height:2.14286}
}
@media all and (min-width:780px){
.abou__feature__detail__endBlc{margin-top:7.14286%}
}
@media all and (max-width:779px){
.abou__feature__detail__endBlc{margin-top:14.28571%}
}
@media all and (min-width:780px){
.abou__feature__detail__prodList{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.abou__feature__detail__prodList>li{position:relative;width:31.25%}
.abou__feature__detail__prodList>li:nth-of-type(n+4){margin-top:5.71429%}
.abou__feature__detail__prod__txts{margin-top:8%}
.abou__feature__detail__prod__txts dt{padding-left:1.2em;line-height:1.4;border-left:4px #666 solid;font-weight:700;font-size:12px;font-size:.83333vw}
}
@media all and (min-width:780px) and (max-width:780px){
.abou__feature__detail__prod__txts dt{font-size:.65rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.abou__feature__detail__prod__txts dt{font-size:1.2rem}
}
@media all and (min-width:780px){
.abou__feature__detail__prod__txts dd:nth-of-type(1){margin:6.57143% 0 -2%;font-size:22px;font-size:1.52778vw;line-height:1.63636}
}
@media all and (min-width:780px) and (max-width:780px){
.abou__feature__detail__prod__txts dd:nth-of-type(1){font-size:1.19167rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.abou__feature__detail__prod__txts dd:nth-of-type(1){font-size:2.2rem}
}
@media all and (min-width:780px){
.abou__feature__detail__prod__txts dd:nth-of-type(2){margin:6% 0 -2%;font-size:14px;font-size:.97222vw;line-height:2;text-align:justify}
}
@media all and (min-width:780px) and (max-width:780px){
.abou__feature__detail__prod__txts dd:nth-of-type(2){font-size:.75833rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.abou__feature__detail__prod__txts dd:nth-of-type(2){font-size:1.4rem}
}
@media all and (max-width:779px){
.abou__feature__detail__prodList{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.abou__feature__detail__prodList>li{position:relative;width:46.85714%}
.abou__feature__detail__prodList>li:nth-of-type(n+3){margin-top:19.42857%}
.abou__feature__detail__prod__txts{margin-top:15.2439%}
.abou__feature__detail__prod__txts dt{padding-left:.8em;border-left:2px #666 solid;font-weight:700;font-size:10px;font-size:2.5641vw;line-height:1.4}
.abou__feature__detail__prod__txts dd:nth-of-type(1){margin:12.80488% 0 -3.04878%;font-size:18px;font-size:4.61538vw;line-height:1.55556}
.abou__feature__detail__prod__txts dd:nth-of-type(2){margin:10.97561% 0 -3.65854%;font-size:14px;font-size:3.58974vw;line-height:1.85714;text-align:justify}
}
@media all and (min-width:780px){
.abou__feature--01 .abou__feature__cover__subhead{width:32.72727%}
.abou__feature--01 .abou__feature__cover__heading{width:88.40909%}
}
@media all and (max-width:779px){
.abou__feature--01 .abou__feature__cover__subhead{width:28.28571%}
.abou__feature--01 .abou__feature__cover__heading{width:94.85714%}
}
@media all and (min-width:780px){
.abou__feature--01 .abou__feature__detail__heading{width:67.58929%}
.abou__feature1__detail__gallery{display:flex;justify-content:space-between;flex-wrap:wrap}
.abou__feature1__detail__gallery>div{position:relative}
.abou__feature1__detail__gallery>div:nth-of-type(1){width:67.85714%}
.abou__feature1__detail__gallery>div:nth-of-type(2){width:31.25%}
.abou__feature1__detail__gallery>div:nth-of-type(3){width:49.55357%}
.abou__feature1__detail__gallery>div:nth-of-type(4){width:49.55357%}
.abou__feature1__detail__gallery>div:nth-of-type(5){width:33.03571%}
.abou__feature1__detail__gallery>div:nth-of-type(6){width:66.07143%}
.abou__feature1__detail__gallery>div:nth-of-type(n+3){margin-top:.89286%}
}
@media all and (max-width:779px){
.abou__feature--01 .abou__feature__detail__heading{width:66.28571%}
.abou__feature1__detail__gallery{display:flex;justify-content:space-between;flex-wrap:wrap}
.abou__feature1__detail__gallery>div{position:relative}
.abou__feature1__detail__gallery>div:nth-of-type(1){width:69.42857%}
.abou__feature1__detail__gallery>div:nth-of-type(2){width:29.14286%}
.abou__feature1__detail__gallery>div:nth-of-type(3){width:49.42857%}
.abou__feature1__detail__gallery>div:nth-of-type(4){width:49.14286%}
.abou__feature1__detail__gallery>div:nth-of-type(5){width:29.14286%}
.abou__feature1__detail__gallery>div:nth-of-type(6){width:69.42857%}
.abou__feature1__detail__gallery>div:nth-of-type(n+3){margin-top:1.42857%}
}
@media all and (min-width:780px){
.abou__feature--02 .abou__feature__cover__subhead{width:37.04545%}
.abou__feature--02 .abou__feature__cover__heading{width:67.5%}
}
@media all and (max-width:779px){
.abou__feature--02 .abou__feature__cover__subhead{width:32.28571%}
.abou__feature--02 .abou__feature__cover__heading{width:95.14286%}
}
@media all and (min-width:780px){
.abou__feature--02 .abou__feature__detail__heading{width:58.57143%}
}
@media all and (max-width:779px){
.abou__feature--02 .abou__feature__detail__heading{width:58.28571%}
}
@media all and (min-width:780px){
.abou__feature--03 .abou__feature__cover__subhead{width:43.40909%}
.abou__feature--03 .abou__feature__cover__heading{width:77.5%}
}
@media all and (max-width:779px){
.abou__feature--03 .abou__feature__cover__subhead{width:37.71429%}
.abou__feature--03 .abou__feature__cover__heading{width:54.57143%}
}
@media all and (min-width:780px){
.abou__feature--03 .abou__feature__detail__heading{width:65.44643%}
}
@media all and (max-width:779px){
.abou__feature--03 .abou__feature__detail__heading{width:66.28571%}
}
.abou__feature3__detail2{position:relative}
.abou__feature3__detail2::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#f3eee7}
.abou__feature3__detail2 .abou__feature__detail__prodList>li::after{background:linear-gradient(0deg,#f3eee7 0,#f3eee7 50%,rgba(243,238,231,0) 100%)!important}
@media all and (min-width:780px){
.abou__feature3__detail2{padding:8.92857% 0 10.71429%;margin-top:8.92857%}
.abou__feature3__detail2::before{width:128.57143%;margin-left:-14.28571%}
.abou__feature3__detail2 .abou__feature__detail__heading{width:51.33929%}
.abou__feature3__detail2 .abou__feature__detail__prodList>li{width:23.21429%;margin-top:0}
.abou__feature__detail__prod__txts2{margin-top:6.15385%}
.abou__feature__detail__prod__txts2 dt{margin:-3.46154% 0 -3.46154%;font-size:18px;font-size:1.25vw;line-height:2}
}
@media all and (min-width:780px) and (max-width:780px){
.abou__feature__detail__prod__txts2 dt{font-size:.975rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.abou__feature__detail__prod__txts2 dt{font-size:1.8rem}
}
@media all and (min-width:780px){
.abou__feature__detail__prod__txts2 dd{margin:4.80769% 0 -2.11538%;font-size:13px;font-size:.90278vw;line-height:1.84615;text-align:justify}
}
@media all and (min-width:780px) and (max-width:780px){
.abou__feature__detail__prod__txts2 dd{font-size:.70417rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.abou__feature__detail__prod__txts2 dd{font-size:1.3rem}
}
@media all and (max-width:779px){
.abou__feature3__detail2{padding:17.14286% 0 20.57143%;margin-top:20.57143%}
.abou__feature3__detail2::before{width:111.42857%;margin-left:-5.71429%}
.abou__feature3__detail2 .abou__feature__detail__heading{width:88.28571%}
.abou__feature__detail__prod__txts2{margin-top:15.2439%}
.abou__feature__detail__prod__txts2 dt{margin:-3.04878% 0 -3.04878%;font-size:18px;font-size:4.61538vw;line-height:1.55556}
.abou__feature__detail__prod__txts2 dd{margin:9.7561% 0 -3.65854%;font-size:14px;font-size:3.58974vw;line-height:1.85714;text-align:justify}
}
@media all and (min-width:780px){
.abou__feature--04 .abou__feature__cover__subhead{width:47.95455%}
.abou__feature--04 .abou__feature__cover__heading{width:78.40909%}
}
@media all and (max-width:779px){
.abou__feature--04 .abou__feature__cover__subhead{width:41.71429%}
.abou__feature--04 .abou__feature__cover__heading{width:93.42857%}
}
@media all and (min-width:780px){
.abou__feature--04 .abou__feature__detail__heading{width:56.78571%}
.abou__feature4__detail__gallery{position:relative;width:126.78571%;height:0;padding-top:59.28571%;margin-left:-13.39286%}
.abou__feature4__detail__gallery>div{position:absolute;left:0}
.abou__feature4__detail__gallery>div:nth-of-type(1),.abou__feature4__detail__gallery>div:nth-of-type(2),.abou__feature4__detail__gallery>div:nth-of-type(3),.abou__feature4__detail__gallery>div:nth-of-type(4){top:0}
.abou__feature4__detail__gallery>div:nth-of-type(5),.abou__feature4__detail__gallery>div:nth-of-type(6),.abou__feature4__detail__gallery>div:nth-of-type(7),.abou__feature4__detail__gallery>div:nth-of-type(8){bottom:0}
.abou__feature4__detail__gallery>div:nth-of-type(1),.abou__feature4__detail__gallery>div:nth-of-type(5){width:22.8169%;margin-left:0}
.abou__feature4__detail__gallery>div:nth-of-type(2),.abou__feature4__detail__gallery>div:nth-of-type(6){width:23.38028%;margin-left:23.52113%}
.abou__feature4__detail__gallery>div:nth-of-type(3),.abou__feature4__detail__gallery>div:nth-of-type(7){width:29.71831%;margin-left:47.60563%}
.abou__feature4__detail__gallery>div:nth-of-type(4),.abou__feature4__detail__gallery>div:nth-of-type(8){width:21.97183%;margin-left:78.02817%}
}
@media all and (max-width:779px){
.abou__feature--04 .abou__feature__detail__heading{width:98%}
.abou__feature4__detail__gallery{position:relative;width:100%;height:0;padding-top:190.28571%}
.abou__feature4__detail__gallery>div{position:absolute;top:0}
.abou__feature4__detail__gallery>div:nth-of-type(2n+1){left:0}
.abou__feature4__detail__gallery>div:nth-of-type(2n){right:0}
.abou__feature4__detail__gallery>div:nth-of-type(1){width:48.57143%;margin-top:0}
.abou__feature4__detail__gallery>div:nth-of-type(2){width:50%;margin-top:0}
.abou__feature4__detail__gallery>div:nth-of-type(3){width:48.57143%;margin-top:31.14286%}
.abou__feature4__detail__gallery>div:nth-of-type(4){width:50%;margin-top:50.57143%}
.abou__feature4__detail__gallery>div:nth-of-type(5){width:56.57143%;margin-top:101.14286%}
.abou__feature4__detail__gallery>div:nth-of-type(6){width:42%;margin-top:101.14286%}
.abou__feature4__detail__gallery>div:nth-of-type(7){width:56.57143%;margin-top:146.57143%}
.abou__feature4__detail__gallery>div:nth-of-type(8){width:42%;margin-top:131.42857%}
}
@media all and (min-width:780px){
.m__plans{position:relative;width:100%;margin-top:6.94444%}
.m__plans>.secInner{position:relative;padding-top:6.94444%}
}
@media all and (max-width:779px){
.m__plans{position:relative;width:100%;margin-top:23.07692%}
.m__plans>.secInner{position:relative;padding-top:12.82051%}
}
@media all and (min-width:780px){
.plan__headerBlc{width:88.88889%;margin:0 auto}
.plan__subhead{width:16.32813%}
.plan__heading{width:65.625%}
}
@media all and (max-width:779px){
.plan__headerBlc{width:89.74359%;margin:0 auto}
.plan__subhead{width:35.71429%}
.plan__heading{width:74.85714%}
}
@media all and (min-width:780px){
.plan__type{position:relative;width:100%;margin:11.11111% auto 0}
.plan__type:nth-of-type(1){margin-top:5.55556%}
.plan__type__cover{width:88.88889%;margin:0 auto}
.plan__type__detail{width:88.88889%;margin:8.33333% auto 0}
}
@media all and (max-width:779px){
.plan__type{position:relative;width:89.74359%;margin:25.64103% auto 0}
.plan__type:nth-of-type(1){margin-top:15.38462%}
.plan__type__cover{width:100%}
.plan__type__detail{width:100%;margin-top:14.28571%}
}
.plan__type__cover__subhead{display:flex;justify-content:flex-start;font-weight:700;letter-spacing:.04em}
.plan__type__cover__subhead dt{padding-right:.8em;color:grey}
.plan__type__cover__subhead dd{padding-left:.8em;border-left:solid 1px grey;color:#857358}
@media all and (min-width:780px){
.plan__type__cover{display:flex;justify-content:space-between;align-items:center;position:relative}
.plan__type__cover__txtBlc{width:39.0625%}
.plan__type__cover__subhead{font-size:24px;font-size:1.66667vw}
}
@media all and (min-width:780px) and (max-width:780px){
.plan__type__cover__subhead{font-size:1.3rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.plan__type__cover__subhead{font-size:2.4rem}
}
@media all and (min-width:780px){
.plan__type__cover__heading{margin-top:9.6%}
.plan__type__cover__desc{margin:8.2% 0 -1.8%;font-size:18px;font-size:1.25vw;line-height:2;white-space:nowrap}
}
@media all and (min-width:780px) and (max-width:780px){
.plan__type__cover__desc{font-size:.975rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.plan__type__cover__desc{font-size:1.8rem}
}
@media all and (min-width:780px){
.plan__type__cover__pic{position:relative;width:56.25%}
}
@media all and (max-width:779px){
.plan__type__cover{position:relative;padding-bottom:28.57143%}
.plan__type__cover__txtBlc{width:100%}
.plan__type__cover__subhead{font-size:18px;font-size:4.61538vw}
.plan__type__cover__heading{margin-top:9.14286%}
.plan__type__cover__desc{margin:5.71429% 0 -2.28571%;font-size:14px;font-size:3.58974vw;line-height:2.14286;text-align:justify}
.plan__type__cover__pic{position:relative;width:100%;margin-top:9.14286%}
}
@media all and (min-width:780px){
.plan__type__cover__openCloseBtn{width:60%;margin-top:8%}
}
@media all and (max-width:779px){
.plan__type__cover__openCloseBtn{position:absolute;left:0;bottom:0;width:100%}
}
.plan__type__detail__points__heading{font-weight:700;line-height:1.625;color:#857358}
.plan__type__detail__points__txts{display:flex;flex-wrap:wrap;-moz-column-gap:1em;column-gap:1em;margin-top:1.5em;letter-spacing:0}
.plan__type__detail__points__txts dt{width:2.2em;background:#857358;line-height:2;color:#fff;text-align:center}
.plan__type__detail__points__txts dd:nth-of-type(1){font-weight:700;line-height:1.625}
.plan__type__detail__points__txts dd:nth-of-type(2){width:100%;margin-top:.8em;line-height:1.85714;text-align:justify}
@media all and (min-width:780px){
.plan__type__detail__blc{display:flex;position:relative}
.plan__type__detail__blc--02{margin-top:6.25%}
.plan__type__detail__points{width:31.25%}
.plan__type__detail__points__heading{font-size:28px;font-size:1.94444vw}
}
@media all and (min-width:780px) and (max-width:780px){
.plan__type__detail__points__heading{font-size:1.51667rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.plan__type__detail__points__heading{font-size:2.8rem}
}
@media all and (min-width:780px){
.plan__type__detail__points__txts dt{font-size:14.4px;font-size:1vw}
}
@media all and (min-width:780px) and (max-width:780px){
.plan__type__detail__points__txts dt{font-size:.78rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.plan__type__detail__points__txts dt{font-size:1.44rem}
}
@media all and (min-width:780px){
.plan__type__detail__points__txts dd:nth-of-type(1){font-size:18px;font-size:1.25vw}
}
@media all and (min-width:780px) and (max-width:780px){
.plan__type__detail__points__txts dd:nth-of-type(1){font-size:.975rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.plan__type__detail__points__txts dd:nth-of-type(1){font-size:1.8rem}
}
@media all and (min-width:780px){
.plan__type__detail__points__txts dd:nth-of-type(2){font-size:16px;font-size:1.11111vw}
}
@media all and (min-width:780px) and (max-width:780px){
.plan__type__detail__points__txts dd:nth-of-type(2){font-size:.86667rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.plan__type__detail__points__txts dd:nth-of-type(2){font-size:1.6rem}
}
@media all and (max-width:779px){
.plan__type__detail__blc{position:relative;width:111.42857%;margin-left:-5.71429%}
.plan__type__detail__blc--02{display:flex;flex-wrap:wrap;margin-top:11.42857%}
.plan__type__detail__points{width:89.74359%;margin:5.71429% auto 0}
.plan__type__detail__points__heading{font-size:16px;font-size:4.10256vw}
.plan__type__detail__points__txts dt{font-size:12.8px;font-size:3.28205vw}
.plan__type__detail__points__txts dd:nth-of-type(1){font-size:16px;font-size:4.10256vw}
.plan__type__detail__points__txts dd:nth-of-type(2){font-size:14px;font-size:3.58974vw}
}
@media all and (min-width:780px){
.plan__type--01 .plan__type__detail__drawing--roof,.plan__type--02 .plan__type__detail__drawing--roof{order:3}
.plan__type--01 .plan__type__detail__points--02,.plan__type--02 .plan__type__detail__points--02{order:2}
.plan__type--03 .plan__type__detail__blc--02,.plan__type--04 .plan__type__detail__blc--02{flex-wrap:wrap}
.plan__type--03 .plan__type__detail__points--02,.plan__type--04 .plan__type__detail__points--02{display:flex;-moz-column-gap:5em;column-gap:5em}
.plan__type--03 .plan__type__detail__points--02 .plan__type__detail__points__txts,.plan__type--04 .plan__type__detail__points--02 .plan__type__detail__points__txts{margin-top:0}
.plan__type--01 .plan__type__detail__drawing--1st{width:59.21875%;margin-left:-1.5625%}
.plan__type--01 .plan__type__detail__points--01{margin:17.96875% 0 0 5.9375%}
.plan__type--01 .plan__type__detail__drawing--2nd{width:35.39063%;margin-left:2.34375%}
.plan__type--01 .plan__type__detail__drawing--roof{width:30.07813%;margin-left:4.6875%}
.plan__type--01 .plan__type__detail__points--02{width:24.21875%;margin:7.42188% 0 0 2.34375%}
.plan__type--02 .plan__type__detail__drawing--1st{width:57.34375%;margin-left:1.5625%}
.plan__type--02 .plan__type__detail__points--01{margin:8.59375% 0 0 6.79687%}
.plan__type--02 .plan__type__detail__drawing--2nd{width:32.1875%;margin-left:4.29688%}
.plan__type--02 .plan__type__detail__drawing--roof{width:27.89063%;margin-left:6.64063%}
.plan__type--02 .plan__type__detail__points--02{width:24.21875%;margin:8.59375% 0 0 2.34375%}
.plan__type--03 .plan__type__detail__drawing--1st{width:45.15625%;margin-left:5.46875%}
.plan__type--03 .plan__type__detail__points--01{margin:15.625% 0 0 8.125%}
.plan__type--03 .plan__type__detail__drawing--2nd{width:36.71875%;margin-left:4.29688%}
.plan__type--03 .plan__type__detail__drawing--roof{width:33.04688%;margin-left:15.3125%}
.plan__type--03 .plan__type__detail__points--02{width:75.625%;margin:3.90625% 0 0 7.8125%}
.plan__type--03 .plan__type__detail__points--02 .plan__type__detail__points__txts:nth-of-type(1){width:36.15702%}
.plan__type--03 .plan__type__detail__points--02 .plan__type__detail__points__txts:nth-of-type(2){width:58.67769%}
.plan__type--04 .plan__type__detail__drawing--1st{width:58.4375%;margin-left:0}
.plan__type--04 .plan__type__detail__points--01{margin:11.71875% 0 0 6.01563%}
.plan__type--04 .plan__type__detail__drawing--2nd{width:32.57813%;margin-left:13.28125%}
.plan__type--04 .plan__type__detail__drawing--roof{width:30.46875%;margin-left:17.96875%}
.plan__type--04 .plan__type__detail__points--02{width:75.625%;margin:3.90625% 0 0 17.1875%}
.plan__type--04 .plan__type__detail__points--02 .plan__type__detail__points__txts{width:48.2438%}
}
@media all and (max-width:779px){
.plan__type--01 .plan__type__detail__drawing--1st{width:91.53846%;margin-left:3.33333%}
.plan__type--01 .plan__type__detail__drawing--2nd{width:49.48718%;margin-left:5.12821%}
.plan__type--01 .plan__type__detail__drawing--roof{width:34.61538%;margin-left:5.64103%}
.plan__type--02 .plan__type__detail__drawing--1st{width:90.25641%;margin-left:4.61538%}
.plan__type--02 .plan__type__detail__drawing--2nd{width:45.64103%;margin-left:5.12821%}
.plan__type--02 .plan__type__detail__drawing--roof{width:34.87179%;margin-left:9.23077%}
.plan__type--03 .plan__type__detail__drawing--1st{width:95.89744%;margin-left:2.5641%}
.plan__type--03 .plan__type__detail__drawing--2nd{width:53.33333%;margin-left:4.87179%}
.plan__type--03 .plan__type__detail__drawing--roof{width:34.35897%;margin-left:2.82051%}
.plan__type--04 .plan__type__detail__drawing--1st{width:92.05128%;margin-left:5.12821%}
.plan__type--04 .plan__type__detail__drawing--2nd{width:51.53846%;margin-left:5.12821%}
.plan__type--04 .plan__type__detail__drawing--roof{width:32.82051%;margin-left:5.64103%}
}
@media all and (min-width:780px){
.plan__type__detail__endBlc{margin-top:4.6875%}
}
@media all and (max-width:779px){
.plan__type__detail__endBlc{margin-top:8.57143%}
}
@media all and (min-width:780px){
.plan__type--01 .plan__type__cover__heading{width:80.4%}
.plan__type--02 .plan__type__cover__heading{width:80.6%}
.plan__type--03 .plan__type__cover__heading{width:85.4%}
.plan__type--04 .plan__type__cover__heading{width:87.6%}
}
@media all and (max-width:779px){
.plan__type--01 .plan__type__cover__heading{width:95.42857%}
.plan__type--02 .plan__type__cover__heading{width:85.14286%}
.plan__type--03 .plan__type__cover__heading{width:90.28571%}
.plan__type--04 .plan__type__cover__heading{width:92.57143%}
}
@media all and (min-width:780px){
.m__voices{position:relative;width:100%;margin-top:6.94444%}
.m__voices>.secInner{position:relative;padding-top:6.94444%}
}
@media all and (max-width:779px){
.m__voices{position:relative;width:100%;margin-top:12.82051%}
.m__voices>.secInner{position:relative;padding-top:12.82051%}
}
@media all and (min-width:780px){
.voic__heading{position:relative;width:56.04167%;margin:0 auto}
}
@media all and (max-width:779px){
.voic__heading{position:relative;width:76.92308%;margin:0 auto}
}
.voic__comments__heading__img::after{background:linear-gradient(0deg,#f3eee7 0,#f3eee7 50%,rgba(243,238,231,0) 100%)!important}
@media all and (min-width:780px){
.voic__comments{position:relative;width:77.77778%;padding:4.44444% 0 8.75%;margin:5.55556% auto 0;background:#f3eee7}
.voic__comments__heading{position:relative;width:75.71429%;margin:0 auto}
.voic__comments__heading__img{position:relative;width:99.76471%}
.voic__comments__heading__note{position:absolute;left:0;top:0;width:50.4717%;margin:30.18868% auto 0}
.voic__comments__heading__note small{display:block;font-size:12px;font-size:.83333vw;text-align:center}
}
@media all and (min-width:780px) and (max-width:780px){
.voic__comments__heading__note small{font-size:.65rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.voic__comments__heading__note small{font-size:1.2rem}
}
@media all and (max-width:779px){
.voic__comments{position:relative;width:100%;padding:12.82051% 0 15.38462%;margin:12.82051% auto 0;background:#f3eee7}
.voic__comments__heading{position:relative;width:100%}
.voic__comments__heading__img{position:relative;width:61.53846%;margin:0 auto}
.voic__comments__heading__note{position:absolute;left:0;top:0;width:100%;margin:24.61538% auto 0}
.voic__comments__heading__note small{display:block;font-size:10px;font-size:2.5641vw;text-align:center}
}
@media all and (min-width:780px){
.voic__comments__commentList{position:relative;width:83.92857%;margin:5.71429% auto 0}
.voic__comments__commentList__slider{overflow:hidden;background:#fff}
.voic__comments__comment{display:flex;justify-content:space-between;align-items:flex-start;position:relative;width:100%;padding:9.57447% 0 9.57447%}
.voic__comments__comment__heading{margin-left:8.51064%}
.voic__comments__comment--01 .voic__comments__comment__heading{width:30.31915%}
.voic__comments__comment--02 .voic__comments__comment__heading{width:33.61702%}
.voic__comments__comment--03 .voic__comments__comment__heading{width:33.40426%}
.voic__comments__comment__txt{width:41.48936%;margin:-.85106% 8.51064% 0 0;font-size:14px;font-size:.97222vw;line-height:2.14286;text-align:justify}
}
@media all and (min-width:780px) and (max-width:780px){
.voic__comments__comment__txt{font-size:.75833rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.voic__comments__comment__txt{font-size:1.4rem}
}
@media all and (min-width:780px){
.voic__comments__comment__profile{display:flex;justify-content:flex-start;align-items:flex-end;position:absolute;left:0;top:0;width:100%;margin:28.7234% 0 0 7.76596%}
.voic__comments__comment__profile__avatar{width:8.7234%}
.voic__comments__comment__profile__desc{margin:0 0 -.53191% 2.87234%;font-size:14px;font-size:.97222vw;line-height:1.71429}
}
@media all and (min-width:780px) and (max-width:780px){
.voic__comments__comment__profile__desc{font-size:.75833rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.voic__comments__comment__profile__desc{font-size:1.4rem}
}
@media all and (max-width:779px){
.voic__comments__commentList{position:relative;width:89.74359%;margin:12.82051% auto 0}
.voic__comments__commentList__slider{overflow:hidden;background:#fff}
.voic__comments__comment{position:relative;width:100%;min-height:72em;padding:14.28571% 8.57143% 11.42857%}
.voic__comments__comment--01 .voic__comments__comment__heading{width:86.2069%}
.voic__comments__comment--02 .voic__comments__comment__heading{width:94.82759%}
.voic__comments__comment--03 .voic__comments__comment__heading{width:94.13793%}
.voic__comments__comment__txt{margin-top:11.72414%;font-size:14px;font-size:3.58974vw;line-height:1.85714;text-align:justify}
.voic__comments__comment__profile{display:flex;justify-content:space-between;align-items:flex-end;position:absolute;left:0;bottom:0;width:82.85714%;margin:0 0 11.42857% 8.57143%}
.voic__comments__comment__profile__avatar{width:28.27586%}
.voic__comments__comment__profile__desc{margin-bottom:-1.72414%;font-size:14px;font-size:3.58974vw;line-height:1.71429;text-align:right}
}
@media all and (min-width:780px){
.voic__comments__commentList__sliderLinearNavi{position:absolute;left:0;top:50%;z-index:1;width:110.6383%;margin:-4.25532% 0 0 -5.31915%}
.voic__comments__commentList__sliderLinearNavi>div{position:absolute;width:7.69231%;height:0;padding-top:7.69231%}
.voic__comments__commentList__sliderLinearNavi>div::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#807970;border-radius:50em;transition:all .2s}
.voic__comments__commentList__sliderLinearNavi>div:hover::before{background:#888;transform:scale(1.08)}
.voic__comments__commentList__sliderLinearNavi>div button{position:absolute;left:0;top:0;transition:all .2s}
.voic__comments__commentList__sliderLinearNavi>div button img{position:absolute;left:0;top:0;width:100%}
.voic__comments__commentList__sliderLinearNavi>div.voic__comments__commentList__sliderLinearNavi__prevBtn{left:0}
.voic__comments__commentList__sliderLinearNavi>div.voic__comments__commentList__sliderLinearNavi__prevBtn button img{transform:scaleX(-1)}
.voic__comments__commentList__sliderLinearNavi>div.voic__comments__commentList__sliderLinearNavi__prevBtn button:hover{margin-left:-4px}
.voic__comments__commentList__sliderLinearNavi>div.voic__comments__commentList__sliderLinearNavi__nextBtn{right:0}
.voic__comments__commentList__sliderLinearNavi>div.voic__comments__commentList__sliderLinearNavi__nextBtn button:hover{margin-left:4px}
}
@media all and (max-width:779px){
.voic__comments__commentList__sliderLinearNavi{display:flex;justify-content:space-between;position:relative;width:100%;margin:8.57143% auto 0;pointer-events:none}
.voic__comments__commentList__sliderLinearNavi>div{display:block;position:relative;width:17.14286%;pointer-events:all}
.voic__comments__commentList__sliderLinearNavi>div button{display:block;background:#807970;border-radius:50em}
.voic__comments__commentList__sliderLinearNavi>div.voic__comments__commentList__sliderLinearNavi__prevBtn{z-index:1}
.voic__comments__commentList__sliderLinearNavi>div.voic__comments__commentList__sliderLinearNavi__prevBtn button img{transform:scaleX(-1)}
.voic__comments__commentList__sliderLinearNavi>div.voic__comments__commentList__sliderLinearNavi__nextBtn{z-index:1}
}
.voic__comments__commentList__sliderPagenation{display:block;position:absolute;bottom:0!important;text-align:center}
.voic__comments__commentList__sliderPagenation .swiper-pagination-bullet{background:#fff!important;opacity:1}
.voic__comments__commentList__sliderPagenation .swiper-pagination-bullet-active{background:#baa98f!important}
@media all and (min-width:780px){
.voic__comments__commentList__sliderPagenation{margin-bottom:-6.38298%}
.voic__comments__commentList__sliderPagenation .swiper-pagination-bullet{width:18px!important;height:18px!important;margin:0 6px!important}
}
@media all and (max-width:779px){
.voic__comments__commentList__sliderPagenation{margin-bottom:6.57143%}
.voic__comments__commentList__sliderPagenation .swiper-pagination-bullet{width:14px;height:14px;margin:0 8px!important}
}
@media all and (min-width:780px){
.voic__oricon{position:relative;width:77.77778%;padding:4.44444% 0 4.72222%;margin:5.55556% auto 0}
.voic__oricon__heading{width:64.375%;margin:0 auto}
.voic__oricon__fig{position:relative;width:83.30357%;margin:4.46429% auto 0}
.voic__oricon__fig__img{width:100%}
.voic__oricon__fig__note{margin-top:3.78947%}
.voic__oricon__fig__note small{font-size:16px;font-size:1.11111vw}
}
@media all and (min-width:780px) and (max-width:780px){
.voic__oricon__fig__note small{font-size:.86667rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.voic__oricon__fig__note small{font-size:1.6rem}
}
@media all and (max-width:779px){
.voic__oricon{position:relative;width:89.74359%;margin:15.38462% auto 0}
.voic__oricon__heading{width:82.28571%;margin:0 auto}
.voic__oricon__fig{position:relative;width:100%;margin:6.28571% auto 0}
.voic__oricon__fig__img{width:100%}
.voic__oricon__fig__note{width:91.42857%;margin:3.71429% auto 0}
.voic__oricon__fig__note small{font-size:10px;font-size:2.5641vw;line-height:1.6;text-align:justify}
}
@media all and (min-width:780px){
.voic__interview{position:relative;width:65.97222%;margin:10.41667% auto 0}
.voic__interview__heading{width:59.89474%;margin:0 auto}
.voic__interview__desc{margin-top:7.89474%}
.voic__interview__desc dt{font-weight:700;font-size:20px;font-size:1.38889vw}
}
@media all and (min-width:780px) and (max-width:780px){
.voic__interview__desc dt{font-size:1.08333rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.voic__interview__desc dt{font-size:2rem}
}
@media all and (min-width:780px){
.voic__interview__desc dd{margin-top:1.05263%;font-size:14px;font-size:.97222vw;line-height:2.14286;text-align:justify}
}
@media all and (min-width:780px) and (max-width:780px){
.voic__interview__desc dd{font-size:.75833rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.voic__interview__desc dd{font-size:1.4rem}
}
@media all and (max-width:779px){
.voic__interview{position:relative;width:84.61538%;margin:25.64103% auto 0}
.voic__interview__heading{width:75.75758%;margin:0 auto}
.voic__interview__desc{margin:12.72727% 0 -.90909%}
.voic__interview__desc dt{font-weight:700;font-size:20px;font-size:5.12821vw;line-height:1.3}
.voic__interview__desc dd{margin-top:3.63636%;font-size:14px;font-size:3.58974vw;line-height:1.85714;text-align:justify}
}
@media all and (min-width:780px){
.voic__interview__gallery{position:relative;width:100%;margin:6.73684% auto 0}
.voic__interview__gallery__slider{overflow:hidden;background:#fff}
.voic__interview__gallery__slider .swiper-slide a{display:block;position:relative;background:#000}
.voic__interview__gallery__slider .swiper-slide a img{position:relative;transition:.25s}
.voic__interview__gallery__slider .swiper-slide a:hover img{opacity:.7}
}
@media all and (max-width:779px){
.voic__interview__gallery{position:relative;width:100%;margin:15.15152% auto 0}
.voic__interview__gallery__slider{overflow:hidden;background:#fff}
}
@media all and (min-width:780px){
.voic__interview__gallery__sliderLinearNavi{position:absolute;left:0;top:0;z-index:1;width:112.21053%;margin:31.57895% 0 0 -6.10526%;pointer-events:none}
.voic__interview__gallery__sliderLinearNavi>div{position:absolute;width:2.62664%;pointer-events:auto}
.voic__interview__gallery__sliderLinearNavi>div button{display:block;transition:all .2s}
.voic__interview__gallery__sliderLinearNavi>div.voic__interview__gallery__sliderLinearNavi__prevBtn{left:0}
.voic__interview__gallery__sliderLinearNavi>div.voic__interview__gallery__sliderLinearNavi__prevBtn button img{transform:scaleX(-1)}
.voic__interview__gallery__sliderLinearNavi>div.voic__interview__gallery__sliderLinearNavi__prevBtn button:hover{margin-left:-5px}
.voic__interview__gallery__sliderLinearNavi>div.voic__interview__gallery__sliderLinearNavi__nextBtn{right:0}
.voic__interview__gallery__sliderLinearNavi>div.voic__interview__gallery__sliderLinearNavi__nextBtn button:hover{margin-left:5px}
}
@media all and (max-width:779px){
.voic__interview__gallery__sliderLinearNavi{position:absolute;left:0;top:0;z-index:1;width:113.93939%;margin:28.78788% 0 0 -6.9697%;pointer-events:none}
.voic__interview__gallery__sliderLinearNavi>div{position:absolute;width:3.98936%;pointer-events:all}
.voic__interview__gallery__sliderLinearNavi>div button{display:block}
.voic__interview__gallery__sliderLinearNavi>div.voic__interview__gallery__sliderLinearNavi__prevBtn{left:0}
.voic__interview__gallery__sliderLinearNavi>div.voic__interview__gallery__sliderLinearNavi__prevBtn button img{transform:scaleX(-1)}
.voic__interview__gallery__sliderLinearNavi>div.voic__interview__gallery__sliderLinearNavi__nextBtn{right:0}
}
.voic__interview__gallery__thumb{position:relative}
.voic__interview__gallery__thumb.--current button::after{content:'';position:absolute;left:-2px;top:-2px;width:calc(100% + 4px);height:calc(100% + 4px);box-sizing:border-box;border:4px solid #d9bf98}
@media all and (min-width:780px){
.voic__interview__gallery__thumbList{display:flex;justify-content:space-between;position:relative;width:100%;margin-top:2.31579%}
.voic__interview__gallery__thumb{width:10.31579%}
.voic__interview__gallery__thumb button{position:relative;background:#000}
.voic__interview__gallery__thumb button img{position:relative;transition:.25s}
.voic__interview__gallery__thumb button:hover img{opacity:.7}
}
@media all and (max-width:779px){
.voic__interview__gallery__thumbList{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:.6em;position:relative;width:100%;margin-top:6.06061%}
.voic__interview__gallery__thumb{width:23.0303%}
}
@media all and (min-width:780px){
.m__support{position:relative;width:100%;margin-top:9.72222%;background:#f3eee7}
.m__support>.secInner{position:relative;padding:9.72222% 0}
}
@media all and (max-width:779px){
.m__support{position:relative;width:100%;margin-top:25.64103%;background:#f3eee7}
.m__support>.secInner{position:relative;padding:25.64103% 0}
}
@media all and (min-width:780px){
.supp__headerBlc{width:77.77778%;margin:0 auto}
.supp__subhead{width:31.33929%}
.supp__heading{width:90.71429%;margin-top:3.39286%}
.supp__desc{margin-top:3.03571%;font-size:16px;font-size:1.11111vw;line-height:2;text-align:justify}
}
@media all and (min-width:780px) and (max-width:780px){
.supp__desc{font-size:.86667rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.supp__desc{font-size:1.6rem}
}
@media all and (max-width:779px){
.supp__headerBlc{width:89.74359%;margin:0 auto}
.supp__subhead{width:58.28571%}
.supp__heading{width:98.28571%;margin-top:9.14286%}
.supp__desc{margin-top:9.71429%;font-size:14px;font-size:3.58974vw;line-height:2.14286;text-align:justify}
}
@media all and (min-width:780px){
.supp__mainBlc{position:relative;width:88.88889%;padding:6.94444% 0;margin:3.47222% auto 0;background:#fff}
.supp__maintainance{width:87.5%;margin:0 auto}
.supp__sumustock{width:87.5%;margin:7.8125% auto 0}
}
@media all and (max-width:779px){
.supp__mainBlc{position:relative;width:89.74359%;padding:12.82051% 0 15.38462%;margin:12.82051% auto 0;background:#fff}
.supp__maintainance{width:100%;margin:0 auto}
.supp__sumustock{width:88.57143%;margin:18.85714% auto 0}
}
@media all and (min-width:780px){
.supp__maintainance__heading{width:52.32143%}
.supp__maintainance__figBlc{display:flex;justify-content:space-between;align-items:flex-start;position:relative;margin-top:4.64286%}
.supp__maintainance__fig1{width:59.10714%}
.supp__maintainance__fig1__note{margin-top:2.56798%}
.supp__maintainance__fig1__note small{font-size:12px;font-size:.83333vw;line-height:1.5;text-align:justify}
}
@media all and (min-width:780px) and (max-width:780px){
.supp__maintainance__fig1__note small{font-size:.65rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.supp__maintainance__fig1__note small{font-size:1.2rem}
}
@media all and (min-width:780px){
.supp__maintainance__fig2{width:40.71429%}
.supp__maintainance__fig2__caption{width:91.66667%;margin:-2.19298% 0 0 auto;font-size:28px;font-size:1.94444vw;line-height:1.71429}
}
@media all and (min-width:780px) and (max-width:780px){
.supp__maintainance__fig2__caption{font-size:1.51667rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.supp__maintainance__fig2__caption{font-size:2.8rem}
}
@media all and (max-width:779px){
.supp__maintainance__heading{width:72.57143%;margin-left:5.71429%}
.supp__maintainance__figBlc{position:relative;margin-top:9.14286%}
.supp__maintainance__fig1{width:89.14286%;margin-left:5.42857%}
.supp__maintainance__fig1__note{margin-top:2%}
.supp__maintainance__fig1__note small{font-size:10px;font-size:2.5641vw;line-height:1.6;text-align:justify}
.supp__maintainance__fig2{display:flex;justify-content:space-between;align-items:center;width:91.42857%;margin:8% 0 0 5.71429%}
.supp__maintainance__fig2__caption{width:46.875%;font-size:16px;font-size:4.10256vw;line-height:1.875}
.supp__maintainance__fig2__img{width:49.375%}
}
@media all and (min-width:780px){
.supp__sumustock__heading{position:relative;width:76.60714%}
.supp__sumustock__txtBlc{margin-top:3.39286%}
.supp__sumustock__subhead{margin:-.71429% 0 -.71429%;font-weight:700;font-size:20px;font-size:1.38889vw;line-height:1.8}
}
@media all and (min-width:780px) and (max-width:780px){
.supp__sumustock__subhead{font-size:1.08333rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.supp__sumustock__subhead{font-size:2rem}
}
@media all and (min-width:780px){
.supp__sumustock__desc{margin:1.60714% 0 -.53571%;font-size:16px;font-size:1.11111vw;line-height:1.75}
}
@media all and (min-width:780px) and (max-width:780px){
.supp__sumustock__desc{font-size:.86667rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.supp__sumustock__desc{font-size:1.6rem}
}
@media all and (min-width:780px){
.supp__sumustock__fig{position:relative;width:100%;margin-top:1.78571%}
.supp__sumustock__fig__note{margin:1.875% 0 -.26786%}
.supp__sumustock__fig__note small{font-size:12px;font-size:.83333vw;line-height:1.5;text-align:justify}
}
@media all and (min-width:780px) and (max-width:780px){
.supp__sumustock__fig__note small{font-size:.65rem}
}
@media all and (min-width:780px) and (min-width:1440px){
.supp__sumustock__fig__note small{font-size:1.2rem}
}
@media all and (max-width:779px){
.supp__sumustock__heading{position:relative;width:92.90323%}
.supp__sumustock__txtBlc{margin-top:9.67742%}
.supp__sumustock__subhead{margin:-2.25806% 0 -2.25806%;font-weight:700;font-size:14px;font-size:3.58974vw;line-height:2}
.supp__sumustock__desc{margin:5.16129% 0 -2.58065%;font-size:14px;font-size:3.58974vw;line-height:2.14286;text-align:justify}
.supp__sumustock__fig{position:relative;width:100%;margin-top:12.90323%}
.supp__sumustock__fig__note{margin:5.16129% 0 -1.29032%}
.supp__sumustock__fig__note small{font-size:10px;font-size:2.5641vw;line-height:1.8;text-align:justify}
}
.invisible{visibility:hidden;opacity:0}
.visible{visibility:visible;opacity:1}
._ani_fadeIn{opacity:0;transition:all 1s}
._ani_fadeIn.--show{opacity:1}
._ani_fadeUp{opacity:0;transform:translateY(80px);transition:all .6s cubic-bezier(.215,.61,.355,1)}
._ani_fadeUp.--show{opacity:1;transform:translateY(0)}
._ani_serialFadeIn>*{opacity:0;transition:all 1s}
._ani_serialFadeIn>:nth-child(1){transition-delay:0s}
._ani_serialFadeIn>:nth-child(2){transition-delay:.12s}
._ani_serialFadeIn>:nth-child(3){transition-delay:.24s}
._ani_serialFadeIn>:nth-child(4){transition-delay:.36s}
._ani_serialFadeIn>:nth-child(5){transition-delay:.48s}
._ani_serialFadeIn>:nth-child(6){transition-delay:.6s}
._ani_serialFadeIn>:nth-child(7){transition-delay:.72s}
._ani_serialFadeIn>:nth-child(8){transition-delay:.84s}
._ani_serialFadeIn>:nth-child(9){transition-delay:.96s}
._ani_serialFadeIn>:nth-child(10){transition-delay:1.08s}
._ani_serialFadeIn>:nth-child(11){transition-delay:1.2s}
._ani_serialFadeIn>:nth-child(12){transition-delay:1.32s}
._ani_serialFadeIn>:nth-child(13){transition-delay:1.44s}
._ani_serialFadeIn>:nth-child(14){transition-delay:1.56s}
._ani_serialFadeIn>:nth-child(15){transition-delay:1.68s}
._ani_serialFadeIn>:nth-child(16){transition-delay:1.8s}
._ani_serialFadeIn>:nth-child(17){transition-delay:1.92s}
._ani_serialFadeIn>:nth-child(18){transition-delay:2.04s}
._ani_serialFadeIn>:nth-child(19){transition-delay:2.16s}
._ani_serialFadeIn>:nth-child(20){transition-delay:2.28s}
._ani_serialFadeIn.--show>*{opacity:1}
._ani_serialFadeUp>*{opacity:0;transform:translateY(80px);transition:all .6s cubic-bezier(.215,.61,.355,1)}
._ani_serialFadeUp>* .pic,._ani_serialFadeUp>[class=pic]{overflow:hidden}
._ani_serialFadeUp>* img._zoomOut{transform:scale(1.25) translateY(200px);transition:transform 1.8s cubic-bezier(.215,.61,.355,1)}
._ani_serialFadeUp.--show>*{opacity:1;transform:translateY(0)}
._ani_serialFadeUp.--show>:nth-child(1){transition-delay:0s}
._ani_serialFadeUp.--show>:nth-child(2){transition-delay:.12s}
._ani_serialFadeUp.--show>:nth-child(3){transition-delay:.24s}
._ani_serialFadeUp.--show>:nth-child(4){transition-delay:.36s}
._ani_serialFadeUp.--show>:nth-child(5){transition-delay:.48s}
._ani_serialFadeUp.--show>:nth-child(6){transition-delay:.6s}
._ani_serialFadeUp.--show>:nth-child(7){transition-delay:.72s}
._ani_serialFadeUp.--show>:nth-child(8){transition-delay:.84s}
._ani_serialFadeUp.--show>:nth-child(9){transition-delay:.96s}
._ani_serialFadeUp.--show>:nth-child(10){transition-delay:1.08s}
._ani_serialFadeUp.--show>:nth-child(11){transition-delay:1.2s}
._ani_serialFadeUp.--show>:nth-child(12){transition-delay:1.32s}
._ani_serialFadeUp.--show>:nth-child(13){transition-delay:1.44s}
._ani_serialFadeUp.--show>:nth-child(14){transition-delay:1.56s}
._ani_serialFadeUp.--show>:nth-child(15){transition-delay:1.68s}
._ani_serialFadeUp.--show>:nth-child(16){transition-delay:1.8s}
._ani_serialFadeUp.--show>:nth-child(17){transition-delay:1.92s}
._ani_serialFadeUp.--show>:nth-child(18){transition-delay:2.04s}
._ani_serialFadeUp.--show>:nth-child(19){transition-delay:2.16s}
._ani_serialFadeUp.--show>:nth-child(20){transition-delay:2.28s}
._ani_serialFadeUp.--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)}
._ani_gradientWipeImg{overflow:hidden}
._ani_gradientWipeImg::after{content:'';position:absolute;left:-2px;top:0;width:calc(100% + 4px);height:200%;background:linear-gradient(0deg,#fff 0,#fff 50%,rgba(255,255,255,0) 100%);transform:translateY(-50%);transition:all 2s cubic-bezier(.215,.61,.355,1) .2s}
._ani_gradientWipeImg>*{position:relative}
._ani_gradientWipeImg.--show::after{transform:translateY(50%)}
._ani_serialGradientWipeImg>*{overflow:hidden}
._ani_serialGradientWipeImg>::after{content:'';position:absolute;left:-2px;top:0;width:calc(100% + 4px);height:200%;background:linear-gradient(0deg,#fff 0,#fff 50%,rgba(255,255,255,0) 100%);transform:translateY(-50%);transition:all 2s cubic-bezier(.215,.61,.355,1) .2s}
._ani_serialGradientWipeImg>* img{position:relative}
._ani_serialGradientWipeImg>:nth-child(1){transition-delay:.2s}
._ani_serialGradientWipeImg>:nth-child(2){transition-delay:.32s}
._ani_serialGradientWipeImg>:nth-child(3){transition-delay:.44s}
._ani_serialGradientWipeImg>:nth-child(4){transition-delay:.56s}
._ani_serialGradientWipeImg>:nth-child(5){transition-delay:.68s}
._ani_serialGradientWipeImg>:nth-child(6){transition-delay:.8s}
._ani_serialGradientWipeImg>:nth-child(7){transition-delay:.92s}
._ani_serialGradientWipeImg>:nth-child(8){transition-delay:1.04s}
._ani_serialGradientWipeImg>:nth-child(9){transition-delay:1.16s}
._ani_serialGradientWipeImg>:nth-child(10){transition-delay:1.28s}
._ani_serialGradientWipeImg>:nth-child(11){transition-delay:1.4s}
._ani_serialGradientWipeImg>:nth-child(12){transition-delay:1.52s}
._ani_serialGradientWipeImg>:nth-child(13){transition-delay:1.64s}
._ani_serialGradientWipeImg>:nth-child(14){transition-delay:1.76s}
._ani_serialGradientWipeImg>:nth-child(15){transition-delay:1.88s}
._ani_serialGradientWipeImg>:nth-child(16){transition-delay:2s}
._ani_serialGradientWipeImg>:nth-child(17){transition-delay:2.12s}
._ani_serialGradientWipeImg>:nth-child(18){transition-delay:2.24s}
._ani_serialGradientWipeImg>:nth-child(19){transition-delay:2.36s}
._ani_serialGradientWipeImg>:nth-child(20){transition-delay:2.48s}
._ani_serialGradientWipeImg.--show>:nth-child(1)::after{transform:translateY(50%)}
._ani_serialGradientWipeImg.--show>:nth-child(2)::after{transform:translateY(50%)}
._ani_serialGradientWipeImg.--show>:nth-child(3)::after{transform:translateY(50%)}
._ani_serialGradientWipeImg.--show>:nth-child(4)::after{transform:translateY(50%)}
._ani_serialGradientWipeImg.--show>:nth-child(5)::after{transform:translateY(50%)}
._ani_serialGradientWipeImg.--show>:nth-child(6)::after{transform:translateY(50%)}
._ani_serialGradientWipeImg.--show>:nth-child(7)::after{transform:translateY(50%)}
._ani_serialGradientWipeImg.--show>:nth-child(8)::after{transform:translateY(50%)}
._ani_serialGradientWipeImg.--show>:nth-child(9)::after{transform:translateY(50%)}
._ani_serialGradientWipeImg.--show>:nth-child(10)::after{transform:translateY(50%)}
._ani_serialGradientWipeImg.--show>:nth-child(11)::after{transform:translateY(50%)}
._ani_serialGradientWipeImg.--show>:nth-child(12)::after{transform:translateY(50%)}
._ani_serialGradientWipeImg.--show>:nth-child(13)::after{transform:translateY(50%)}
._ani_serialGradientWipeImg.--show>:nth-child(14)::after{transform:translateY(50%)}
._ani_serialGradientWipeImg.--show>:nth-child(15)::after{transform:translateY(50%)}
._ani_serialGradientWipeImg.--show>:nth-child(16)::after{transform:translateY(50%)}
._ani_serialGradientWipeImg.--show>:nth-child(17)::after{transform:translateY(50%)}
._ani_serialGradientWipeImg.--show>:nth-child(18)::after{transform:translateY(50%)}
._ani_serialGradientWipeImg.--show>:nth-child(19)::after{transform:translateY(50%)}
._ani_serialGradientWipeImg.--show>:nth-child(20)::after{transform:translateY(50%)}
@-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:all .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__heading>div:nth-of-type(1)::after{transition-delay:.6s}
.covr__kv__heading>div:nth-of-type(2)::after{transition-delay:.72s}
.covr__kv__pic::after{transition-delay:.84s}
.covr__kv__mydessinLogo{transition:all .3s;transition-delay:.96s;opacity:0}
.covr__kv__presentBnr::after{transition-delay:1.68s}
body.--show .covr__kv__heading>div::after{transform:translateY(50%)}
body.--show .covr__kv__pic::after{transform:translateY(50%)}
body.--show .covr__kv__mydessinLogo{opacity:1}
body.--show .covr__kv__presentBnr::after{transform:translateY(50%)}
.covr__anchorNavi::before{transition:all .6s cubic-bezier(.645,.045,.355,1);transform:scaleY(0);transform-origin:50% 0}
.covr__anchorNavi__btn .t{transition:all .5s cubic-bezier(.215,.61,.355,1);top:15px;opacity:0}
.covr__anchorNavi__btn .i{transition:all .4s cubic-bezier(.215,.61,.355,1);bottom:10px;opacity:0;transition-delay:1s}
.covr__anchorNavi__btn:nth-of-type(1) .t{transition-delay:.6s}
.covr__anchorNavi__btn:nth-of-type(2) .t{transition-delay:.7s}
.covr__anchorNavi__btn:nth-of-type(3) .t{transition-delay:.8s}
.covr__anchorNavi__btn:nth-of-type(4) .t{transition-delay:.9s}
.covr__anchorNavi.--show::before{transform:scaleY(1)}
.covr__anchorNavi.--show .covr__anchorNavi__btn .i,.covr__anchorNavi.--show .covr__anchorNavi__btn .t{opacity:1!important}
.covr__anchorNavi.--show .covr__anchorNavi__btn .t{top:0}
.covr__anchorNavi.--show .covr__anchorNavi__btn .i{bottom:0}
.abou__feature::before{opacity:0;transition:all .5s}
.abou__feature.--show::before{opacity:1}
@media all and (min-width:780px){
html.ie body{font-family:"メイリオ",Meiryo,sans-serif}
html.ipad{font-weight:300}
}
@media all and (max-width:779px){
html.ios{font-weight:300}
html.android{font-weight:300}
}