#indexSec .h2-ptn3.ico-piano:before{background-image:url("../img/index/ico_piano_bk.svg")}#indexSec .h2-ptn3.ico-search:before{background-image:url("../img/index/ico_search_bk.svg")}#indexSec .h2-ptn3.ico-notes:before{background-image:url("../img/index/ico_notes_bk.svg")}#indexSec .h2-ptn3.ico-info:before{background-image:url("../img/index/ico_info_bk.svg")}#indexSec .h2-ptn3 .en{display:block;color:#008c6c;font-size:1.4rem}#indexSec .indexbn{margin-top:-48px}#indexSec .indexbn .bnslider{margin-inline:-8px}#indexSec .indexbn .bnslider-li{margin-inline:8px}#mainvisual{height:460px;background:#e8e9e2;position:relative}#mainvisual:before{content:"";background:url("../img/index/mainvsl_bg_pc.svg") no-repeat center center/contain;display:block;max-width:1360px;width:95.14%;aspect-ratio:1360/415;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#mainvisual .txtbox{width:42.8%;margin:90px 0 0}#mainvisual .phtbox{width:52.5%;margin:32px 0 0}#indexNewarrivals{overflow:hidden}#indexNewarrivals .itemslider{margin-inline:-8px}#indexNewarrivals .itemslider-li{margin-inline:8px}#indexTypes .typeslist-li{width:31.9%}#indexTypes .typeslist-a{height:100%;border:1px solid #008c6c;border-radius:6px;padding:23px 64px 23px 6.66%;gap:0 16px;position:relative}#indexTypes .typeslist-a:after{content:"";background:url("../img/common/ico_circle_gn_bt.svg") no-repeat center center/contain;display:block;width:32px;aspect-ratio:1;position:absolute;top:50%;transform:translateY(-50%);right:24px}#indexTypes .typeslist-a:hover .txtbox{color:#008c6c;transition:all 0.6s}#indexTypes .typeslist-a .phtbox{width:64px}#indexTypes .typeslist-a .txtbox{width:calc(100% - 80px);font-weight:700;line-height:1.6;transition:all 0.6s}#indexOther .otherlist{align-items:stretch}#indexOther .otherlist-box{width:31.9%;min-height:100%;border:1px solid #008c6c;border-radius:6px;padding:31px 2.9%;display:flex;flex-direction:column}#indexOther .otherlist-box dt{font-weight:700;font-size:2.0rem;text-align:center;color:#008c6c}#indexOther .otherlist-box dt:before{content:"";background:no-repeat center center/contain;display:block;width:120px;height:120px;margin:0 auto 8px}#indexOther .otherlist-box dd{margin-top:16px;display:flex;flex-direction:column;flex:1}#indexOther .otherlist-box p{flex-grow:1}#indexOther .otherlist-box .link-btn{margin-top:auto}#indexOther .otherlist-box .link-btn-a{margin-top:24px}#indexOther .otherlist-box.piano dt:before{background-image:url("../img/index/index_other_piano.webp")}#indexOther .otherlist-box.repair dt:before{background-image:url("../img/index/index_other_repair.webp")}#indexOther .otherlist-box.room dt:before{background-image:url("../img/index/index_other_room.webp")}#indexInformation .informationbox{background:#fff;padding:48px;border-radius:6px}@media screen and (min-width: 961px){#indexSec .indexbn .bnslider .slick-dots{display:none !important}#mainvisual .txtbox{padding-left:4.25%}#mainvisual .phtbox{padding-right:2.25%}#indexNewarrivals .itemslider{display:block}}@media screen and (max-width: 960px){#mainvisual{height:380px}#indexOther .otherlist-box{padding:31px 3.33%}#indexOther .otherlist-box .link-btn-a{margin-top:24px;padding-inline:24px 20px}#indexOther .otherlist-box .link-btn-a:after{right:16px}}@media screen and (max-width: 960px) and (min-width: 768px){#indexTypes .typeslist-a{flex-direction:column;justify-content:center;padding:23px 6.6%}#indexTypes .typeslist-a .txtbox{width:100%;text-align:center;margin-top:12px}#indexTypes .typeslist-a:after{margin-top:24px;position:static;transform:none}}@media screen and (max-width: 767px){#indexSec .indexbn{margin-top:-36px}#mainvisual{height:auto}#mainvisual:before{background-image:url("../img/index/mainvsl_bg_sp.svg");max-width:100%;width:100%;aspect-ratio:400/307;top:131px;bottom:auto;left:0;transform:none}#mainvisual .lrbox{padding-bottom:70px}#mainvisual .txtbox,#mainvisual .phtbox{width:100%;margin-top:48px}#mainvisual .phtbox{margin-top:40px}#indexTypes .typeslist{gap:24px 0}#indexTypes .typeslist-li{width:100%}#indexTypes .typeslist-a{height:100%}#indexOther .otherlist{gap:24px 0}#indexOther .otherlist-box{width:100%;padding:31px 6.66%}#indexInformation .informationbox{padding:48px 6.66%}}
