@charset "UTF-8";
html { font-size: 62.5%;/*scroll-behavior: smooth;*/}
body {color: #323232;font-family:"Hiragino Kaku Gothic ProN", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size:1.6rem;font-weight:normal;-webkit-text-size-adjust: 100%;width:100%;margin:0 auto;position: relative;/*word-break: break-all;*/overflow-wrap: break-word;}

a{text-decoration:none;color:#323232;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover{opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}

button{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
button:hover{text-decoration:none;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;}

img{max-width:100%;/*vertical-align:middle;*/}
.pcnone{display:none!important;}
.spnone{display:block!important;}

img[src$=".svg"] {width: 100%;max-width:100%;height:auto;}

.con_in{max-width:1280px;width:100%;margin:0 auto;padding:0 40px;}
.con_in2{max-width:1080px;width:100%;margin:0 auto;padding:0 40px;}

#nav-toggle {display: none;}
#gloval-nav {display: none;}

.pt_arw{width:60px;position:fixed;right:30px;bottom:30px;z-index:3;}


footer{background:#000;color:#fff;padding:80px 40px 40px 40px;width:100%;}
footer .f_in{max-width:1200px;width:100%;margin:0 auto;}
footer .f_logo{max-width:265px;margin:0 auto;padding:40px 0 10px 0;}
footer small{display:block;text-align:center;font-size:1.4rem;}
footer .f_link{display:flex;margin:0 0 0 -30px;}
footer .f_link a{color:#fff;}
footer .f_link .f_link_ti{border-bottom:1px solid #fff;padding:0 0 5px 0;margin:0 0 10px 0;font-weight:bold;line-height:1.3;}
footer .f_link .f_link_ti.sns_ico {display:flex;}
footer .f_link .f_link_ti.sns_ico a{max-width:30px;display:block;margin:0 20px 0 0;}
footer .f_link ul li{font-size:1.4rem;padding:10px 0 0 0;}

footer .f_link_in1{padding:0 0 0 30px;width:16.5%;}
footer .f_link_in2{padding:0 0 0 30px;width:34%;}
footer .f_link_in2 .f_link_in2_in{display:flex;flex-wrap: wrap;padding:0 0 5px 0;}
footer .f_link_in2 .f_link_in2_in ul{width:50%;padding:0 10px 0 0;}
footer .f_link_in2 .f_link_in2_in ul li{display:flex;}

header {position:relative;/*position:sticky;top:0;*/z-index:9;background-color: rgba(255,255,255,1);height:75px;}
header .h_in{max-width:1280px;width:100%;margin:0 auto;padding:15px 40px 10px 40px;display:flex;}
header .h_in h1{max-width:185px;width:100%;padding:5px 0 0 0;}
header .h_in .gnav {display:table;margin:0 0 0 auto;}
header .h_in .gnav > ul{display:flex;}
header .h_in .gnav > ul > li.menu-item{font-size:1.5rem;display:flex;padding:15px 0 32px 0;}
header .h_in .gnav > ul > li.menu-item::before{content: "";border-left:1px solid #3c3c3c;height:20px;}
header .h_in .gnav > ul > li.menu-item:first-child::before{border-left:none;}
header .h_in .gnav > ul > li.menu-item > a{color:#3c3c3c;padding:0 20px 5px 20px;display:block;text-align:center;line-height:1.2;}
header .h_in .gnav > ul > li.menu-item > a:hover{opacity:1;}
header .h_in .gnav > ul > li.menu-item > a:hover::after{content: "";border-bottom:3px solid #005d3b;display:block;width:100%;margin:0 auto;padding:0 0 5px 0;}
header .h_in .gnav > ul > li.menu-item:last-child > span{padding:0 0 5px 20px;}
header .h_in .gnav > ul > li.menu-item > span{color:#3c3c3c;padding:0 20px;display:block;text-align:center;line-height:1.2;cursor: pointer;}
header .h_in .gnav > ul > li.menu-item > span:hover::after{content: "";border-bottom:3px solid #005d3b;display:block;width:100%;margin:0 auto;padding:0 0 5px 0;}
header .h_in .gnav > ul > li.menu-item.sel > span::after{content: "";border-bottom:3px solid #005d3b;display:block;width:100%;margin:0 auto;padding:0 0 5px 0;}
header .h_in .gnav > ul > li.menu-item.sel > a::after{content: "";border-bottom:3px solid #005d3b;display:block;width:100%;margin:0 auto;padding:0 0 5px 0;}
header .h_in .gnav > ul > li.menu-item.fb_ico a{width:55px;padding:0 0 0 25px;display:block;margin-top:-7px;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
header .h_in .gnav > ul > li.menu-item.fb_ico a:hover{opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
header .h_in .gnav > ul > li.menu-item.fb_ico a:hover::after{border-bottom:none;display:block;width:auto;margin:0;padding:0;}
header .h_in .gnav > ul > li.menu-item.insta_ico a{width:55px;padding:0 0 0 25px;display:block;margin-top:-7px;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
header .h_in .gnav > ul > li.menu-item.insta_ico a:hover{opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
header .h_in .gnav > ul > li.menu-item.insta_ico a:hover::after{border-bottom:none;display:block;width:auto;margin:0;padding:0;}
header .h_in .gnav > ul > li.menu-item.insta_ico::before{content: "";border-left:none;}

.myriad-pro{font-family: "myriad-pro", sans-serif;}

.menu-item:hover .drop-menu-list {opacity: 1;transition: opacity .3s, visibility .3s;visibility: visible;}
.menu-item .drop-menu-list .drop-menu-item a:hover{opacity: 1;color:#aaa;transition: all 0.2s;}
.drop-menu-list {left: 0;opacity: 0;position: absolute;top: 100%;transition: opacity .3s, visibility .3s;visibility: hidden;z-index: 3;padding:0;font-weight:500;width: 100%;}
.menu-item:hover .drop-menu-list::after{display:block;content: "";background-color:rgba(0,0,0,0.4);height:100%;height:100vh;}
.drop-menu-list .drop-menu-list_in{background:#f0f0f0;padding:50px;width:100%;}
.drop-menu-list .drop-menu-list_in .dp_in_in{font-size:1.6rem;display:flex;max-width:1200px;margin:0 auto;}
.drop-menu-list .drop-menu-list_in .dp_in_in .dp_ti{font-size:4.2rem;margin:3px 0 0 0;padding:0 60px 0 0;font-family: "myriad-pro", sans-serif;white-space: nowrap;}
.drop-menu-list .drop-menu-list_in .dp_in_in .dp_ti span{background:url(../img/common/arw1.svg) right center no-repeat;background-size:16px;padding:0 40px 0 0;display:block;}
.drop-menu-list .drop-menu-list_in .dp_in_in .dp_ti a:hover{opacity: 1;transition: all 0.2s;}
.drop-menu-list .drop-menu-list_in .dp_in_in li{padding:5px 0;}
.drop-menu-list .drop-menu-list_in .dp_in_in li:last-child{border-bottom:none;}
.drop-menu-list .drop-menu-list_in .dp_in_in .dp_ul{display:flex;flex-wrap: wrap;}
.drop-menu-list .drop-menu-list_in .dp_in_in .dp_ul li{padding:0 0 25px 25px;width:20%;}
.drop-menu-list .drop-menu-list_in .dp_in_in .dp_ul li p{text-align:center;font-size:1.1rem;padding:5px 0 0 0;}
.drop-menu-list .drop-menu-list_in .dp_in_in .dp_ul2 li{padding:15px 0 10px 0;font-size:1.8rem;}
.drop-menu-list .drop-menu-list_in .dp_in_in .dp_ul2 li a{background:url(../img/common/arw2.svg) right center no-repeat;background-size:34px;display:block;padding:0 70px 0 0;}
.drop-menu-list .drop-menu-list_in .dp_in_in span{display:block;padding:10px 15px 5px 15px;line-height:1.4;}
.drop-menu-list.dnone {height:0!important;opacity:0;}
.drop-menu-list.dnone::after{height:0!important;opacity:0;transition: opacity .3s, visibility .3s;visibility: hidden;}

.gnav_sp{display:none;}
.kv {position:relative;}
.kv.mcintosh_kv a:hover{opacity:1;}
.kv .swiper-slide{position:relative;}
.kv .kv_txt {position:absolute;left:0;top:50%;transform: translate(0, -50%);z-index:2;width:100%;display:flex;justify-content: center;color:#fff;padding:0 20px;}
.kv .kv_txt.black {color:#231815;}
.kv .kv_txt_in {max-width:1200px;width:100%;margin:0 auto;}
.kv .kv_txt a{color:#fff;}
.kv .kv_txt.black a{color:#231815;}
.kv .kv_img img{width:100%;}
.kv .kv_txt .mcintosh_logo{width:310px;}
.kv .kv_txt .magico_logo{width:144px;}
.kv .kv_txt .hegel_logo{width:225px;}
.kv .kv_txt .revivalaudio_logo{width:225px;}

.kv .kv_txt h3{padding:30px 30px 2px 0;border-bottom:1px solid #fff;font-size:4.3rem;font-family: "myriad-pro", sans-serif;line-height:1.2;font-weight:normal;margin:0 0 15px 0;display:table;}
.kv .kv_txt.black h3{border-bottom:1px solid #231815;}
.kv .kv_txt p{font-size:2.0rem;line-height:1.2;}
.kv .kv_txt .viewmore{border:1px solid #fff;padding:2px 50px 2px 8px;font-size:1.4rem;background:url(../img/common/arw2_white.svg) right 5px center no-repeat;background-size:38px;margin:20px 0 0 0;display:table;}
.kv .kv_txt.black .viewmore{border:1px solid #231815;background:url(../img/common/arw2_black.svg) right 5px center no-repeat;background-size:38px;}

.bg_h1{position:relative;z-index:2;}
#top_whatsnew{margin-top:-3.6%;position:relative;z-index:2;}
.whatsnew_in{background:#f0f0f0;margin-top:-1px;padding:0 0 150px 0;}
.whatsnew_in .link{display:table;margin:0 0 0 auto;}
.whatsnew_in .link a{background:#787878 url(../img/common/arw2_white.svg) right 10px center no-repeat;background-size:45px;color:#fff;padding:4px 65px 2px 10px;display:block;border-radius:10px;font-size:1.4rem;}

.tistyle1{font-size:6.0rem;font-family: "myriad-pro", sans-serif;line-height:1.2;font-weight:normal;border-bottom:6px solid #fff;display:table;/*padding:0 0 5px 0;*/margin:0 0 50px 0;}
.tistyle1-2{font-size:4.5rem;font-family: "myriad-pro", sans-serif;line-height:1.2;font-weight:normal;border-bottom:6px solid #fff;display:table;/*padding:0 0 5px 0;*/margin:0 0 50px 0;}

.whatsnew_box {display:flex;flex-wrap: wrap;margin:0 0 0 -35px;}
.whatsnew_box li{width:25%;padding:0 0 35px 35px;}
.whatsnew_box li a{background:#fff;padding:50px 20px 20px 20px;border-radius:20px;display:block;position:relative;opacity:1;}
.whatsnew_box li .img {overflow:hidden;width:100%;}
.whatsnew_box li .img img{transform: scale(1);transition: transform 500ms ease!important;display:block;}
.whatsnew_box li .img img:hover{transform: scale(1.2);}

.whatsnew_box li .new{color:#da0000;display:block;font-weight:bold;position:absolute;top:20px;left:20px;}
.whatsnew_box li .data{color:#23aaaa;display:block;line-height:1.1;padding:40px 0 15px 0;}
.whatsnew_box li .cate{color:#fff;font-weight:bold;background:#003695;font-size:1.2rem;padding:2px 5px;margin:0 0 0 10px;display:inline-block;vertical-align:top;}

#top_brands{position:relative;z-index:2;margin-top:-3.6%;}
.brands_in{background:#dcdcdc;margin-top:-1px;padding:0 0 50px 0;}

.brands_box {display:flex;flex-wrap: wrap;margin:0 0 0 -60px;}
.brands_box li{width:50%;padding:0 0 40px 60px;}
.brands_box li a{background:#fff url(../img/common/arw2.svg) right 35px bottom 30px no-repeat;background-size:43px;padding:30px 0 30px 30px;border-radius:20px;display:block;}
.brands_box li a:hover{opacity:1;}
.brands_box li a .brands_box_in{display:flex;align-items: center;}
.brands_box .brands_box_l{width:52%;padding:0 25px 0 0;}
.brands_box .brands_box_l .brands1_logo{max-width:155px;width:100%;margin:0 auto;padding:35px 0 40px 0;}
.brands_box .brands_box_l .brands2_logo{max-width:86px;width:100%;margin:0 auto;}
.brands_box .brands_box_l .brands3_logo{max-width:200px;width:100%;margin:0 auto;padding:10px 0 5px 0;}
.brands_box .brands_box_l .brands4_logo{max-width:153px;width:100%;margin:0 auto;}
.brands_box .brands_box_l .brands5_logo{max-width:82px;width:100%;margin:0 auto;padding:0 0 15px 0;}
.brands_box .brands_box_l .brands6_logo{max-width:106px;width:100%;margin:0 auto;}
.brands_box .brands_box_l .brands7_logo{max-width:155px;width:100%;margin:0 auto;padding:30px 0 30px 0;}
.brands_box .brands_box_l .brands8_logo{max-width:140px;width:100%;margin:0 auto;padding:0 0 10px 0;}
.brands_box .brands_box_l .brands9_logo{max-width:154px;width:100%;margin:0 auto;padding:10px 0 20px 0;}
.brands_box .brands_box_l .brands10_logo{max-width:160px;width:100%;margin:0 auto;padding:10px 0 10px 0;}
.brands_box .brands_box_l .brands11_logo{max-width:145px;width:100%;margin:0 auto;padding:0 0 10px 0;}
.brands_box .brands_box_l .brands12_logo{max-width:124px;width:100%;margin:0 auto;padding:0 0 15px 0;}

.brands_box .brands_box_l h3{text-align:center;font-weight:bold;padding:10px 0 5px 0;}
.brands_box .brands_box_l p{line-height:1.5;}
.brands_box .brands_box_r{width:48%;overflow:hidden;}
.brands_box .brands_box_r img{transform: scale(1);transition: transform 500ms ease!important;display:block;}
.brands_box li a:hover .brands_box_r img{transform: scale(1.2);}


.brands_end_box{border-top:2px solid #fff;padding:20px 0 0 0;margin:60px 0 0 0;}
.brands_end_box h3{font-size:2.4rem;font-weight:normal;padding:0 0 50px 0;}
.brands_end_box ul{display:flex;flex-wrap: wrap;margin:0 0 0 -22px;}
.brands_end_box ul li{width:16.6%;padding:0 0 22px 22px;}

#top_about{padding:100px 0;}
#top_about h2{padding:0 0 45px 0;background:#fff url(../img/common/ti_ico1.svg) center bottom no-repeat;background-size:105px;text-align:center;font-size:3.8rem;font-weight:normal;margin:0 0 40px 0;line-height:1.6;}
#top_about p{text-align:center;font-size:1.7rem;line-height:2.2;}

#top_service{position:relative;}
#top_service img{width:100%;}
.top_service_in{position:absolute;z-index:2;top:8%;left:0;width:100%;}
.top_service_in h2{color:#fff;display:table;}

.top_service_box  {position: relative;}
.top_service_box a::before {background-color: rgba(0, 0, 0, 0.6);content: "";position: absolute;top: 0;bottom: 0;left:-740px;width:100%;height:100%;}
.top_service_box a{color:#fff;display: table;padding:50px 50px 50px 0;}
.top_service_box .ti{color:#fff;font-size:2.2rem;font-weight:bold;padding:0 0 10px 0;position: relative;z-index:2;}
.top_service_box .txt{font-size:1.7rem;background: url(../img/common/arw2_white.svg) right center no-repeat;background-size:60px;padding:0 70px 0 0;position: relative;z-index:2;}

#top_history{position:relative;z-index:2;margin-top:-3.6%;}
#top_history img{width:100%;}
.top_history_in{position:absolute;z-index:2;top:8%;left:0;width:100%;overflow:hidden;}
.top_history_in h2{display:table;}

.top_history_box  {position: relative;margin:0 0 0 auto;display:table;}
.top_history_box > a::after {background-color: rgba(0, 0, 0, 0.6);content: "";position: absolute;top: 0;bottom: 0;right:-200%;left:auto;width:300%;height:100%;}
.top_history_box > a{color:#fff;display: table;padding:50px 50px 50px 50px;}
.top_history_box .ti{color:#fff;font-size:2.2rem;font-weight:bold;padding:0 0 10px 0;position: relative;z-index:2;}
.top_history_box .txt{font-size:1.7rem;background: url(../img/common/arw2_white.svg) right center no-repeat;background-size:60px;padding:0 70px 0 0;position: relative;z-index:2;}

.top_history_box .electori60_box{display:flex;align-items: center;padding:25px 0 0 0;}
.top_history_box .electori60_box .electori60{position: relative;z-index:2;max-width:200px;}
.top_history_box .electori60_box p{padding:0 0 0 20px;color:#fff;position: relative;z-index:2;font-size:1.8rem;}

#mcintosh h2{max-width:450px;margin:0 auto 40px auto;padding:0 0 60px 0;background:#fff url(../img/common/ti_ico1.svg) center bottom no-repeat;background-size:105px;text-align:center;line-height:1.6;}
#mcintosh .mcintosh_in{padding:90px 0;}
#mcintosh .txt1{text-align:center;line-height:2;font-size:1.7rem;}

#mcintosh .products_in{background: url(../img/mcintosh/img1.png) center center no-repeat;background-size:cover;display:block;height:550px;}
#mcintosh .products_in_in{background-color: rgba(0, 0, 0, 0.6);content: "";max-width:370px;height:550px;display:flex;align-items: center;color:#fff;justify-content: center;}
#mcintosh .products_in_in h3{font-family: "myriad-pro", sans-serif;font-size:5.0rem;font-weight:normal;text-align:center;line-height:1;}
#mcintosh .products_in_in p{font-size:1.7rem;text-align:center;background:url(../img/common/arw2_white.svg) center bottom no-repeat;padding:10px 0 40px 0;background-size:43px;}

#mcintosh .about_in{background: url(../img/mcintosh/img2.png) center center no-repeat;background-size:cover;display:block;height:550px;margin:70px 0 0 0;}
#mcintosh .about_in_in{background-color: rgba(0, 0, 0, 0.6);content: "";max-width:370px;height:550px;display:flex;align-items: center;color:#fff;justify-content: center;/*z-index:99999;position:relative;*/}
#mcintosh .about_in_in h3{font-family: "myriad-pro", sans-serif;font-size:5.0rem;font-weight:normal;text-align:center;line-height:1;}
#mcintosh .about_in_in p{font-size:1.7rem;text-align:center;background:url(../img/common/arw2_white.svg) center bottom no-repeat;padding:10px 0 40px 0;background-size:43px;}

#mcintosh .history_in{background: url(../img/mcintosh/img3.png) center center no-repeat;background-size:cover;display:block;height:550px;margin:70px 0 0 0;}
#mcintosh .history_in_in{background-color: rgba(0, 0, 0, 0.6);content: "";max-width:370px;height:550px;display:flex;align-items: center;color:#fff;justify-content: center;}
#mcintosh .history_in_in h3{font-family: "myriad-pro", sans-serif;font-size:5.0rem;font-weight:normal;text-align:center;line-height:1;}
#mcintosh .history_in_in p{font-size:1.7rem;text-align:center;background:url(../img/common/arw2_white.svg) center bottom no-repeat;padding:10px 0 40px 0;background-size:43px;}

#mcintosh .bg1_mcintosh ul{display:flex;flex-wrap: wrap;position:relative;padding:150px 0 0 0;margin:0 0 0 -40px;}
#mcintosh .bg1_mcintosh ul li{width:25%;padding:0 0 0 40px;}
#mcintosh .bg1_mcintosh ul li a{text-align:center;background-color: rgba(0, 0, 0, 0.6);display:block;color:#fff;padding:80px 20px 50px 20px;border-bottom:12px solid #a0a0a0;}
#mcintosh .bg1_mcintosh ul li a h3{font-family: "myriad-pro", sans-serif;font-size:4.0rem;font-weight:normal;line-height:1;}
#mcintosh .bg1_mcintosh ul li a p{font-size:1.7rem;background:url(../img/common/arw2_white.svg) center bottom no-repeat;padding:10px 0 40px 0;background-size:43px;}
#mcintosh .bg2_mcintosh {padding:150px 0 0 0;position:relative;}

.f_mcintosh{position:absolute;bottom:0;left:0;background-color: rgba(200, 200, 200, 0.6);width:100%;padding:45px 20px;}
.f_mcintosh_in{max-width:750px;margin:0 auto;display:flex;align-items: center;width:100%;}
.f_mcintosh_in h3{max-width:190px;}
.f_mcintosh_in ul{display:flex;margin:0 0 0 60px;}
.f_mcintosh_in ul li{padding:0 0 0 20px;margin:10px 0 10px 20px;border-left:1px solid #3c3c3c;line-height:1;font-size:1.5rem;}
.f_mcintosh_in ul li:first-child{padding:0;margin:10px 0 10px 0;border-left:none;}

.f_mcintosh2{background-color: rgba(200, 200, 200, 0.6);width:100%;padding:45px 20px;}
.f_mcintosh2_in{max-width:750px;margin:0 auto;display:flex;align-items: center;width:100%;}
.f_mcintosh2_in h3{max-width:190px;}
.f_mcintosh2_in ul{display:flex;margin:0 0 0 60px;}
.f_mcintosh2_in ul li{padding:0 0 0 20px;margin:10px 0 10px 20px;border-left:1px solid #3c3c3c;line-height:1;font-size:1.5rem;}
.f_mcintosh2_in ul li:first-child{padding:0;margin:10px 0 10px 0;border-left:none;}

#mcintosh .mov video{width:100%;display:block;}

#about .about-mc_in{background: url(../img/mcintosh/img2.png) center center no-repeat;background-size:cover;display:block;height:550px;}
#about .about-mc_in_in{background-color: rgba(0, 0, 0, 0.6);content: "";max-width:370px;height:550px;display:flex;align-items: center;color:#fff;justify-content: center;position:relative;}
#about .about-mc_in_in h3{font-family: "myriad-pro", sans-serif;font-size:5.0rem;font-weight:normal;text-align:center;line-height:1;}
#about .about-mc_in_in p{font-size:1.7rem;text-align:center;padding:10px 0 0 0;}

#about h2{font-size:3.8rem;font-weight:normal;margin:0 auto 40px auto;padding:0 0 45px 0;background:#fff url(../img/common/ti_ico1.svg) center bottom no-repeat;background-size:105px;text-align:center;line-height:1.6;}
#about .about_in{padding:90px 0;}
#about .mov {width: 100%;aspect-ratio: 16 / 9;}
#about .mov iframe {width: 100%;height: 100%;}

#about .txt1{padding:0 0 70px 0;font-size:1.7rem;}

#about .facility{background: #fff;background: linear-gradient(180deg,rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 1) 30%, rgba(240, 240, 240, 0) 100%);padding:80px 0 100px 0;}
#about .facility_in{max-width:1280px;width:100%;margin:0 auto;padding:0 40px;}
#about .facility_in_in{display:flex;flex-direction: row-reverse;padding:0 0 40px 0;}
#about .facility_in_in picture{max-width:372px;flex:none;}
#about .facility_in_in p{padding:0 35px 0 0;}
#about .facility h3{font-size:7.2rem;font-family: "myriad-pro", sans-serif;font-weight:normal;color:#a0a0a0;line-height:1;display: flex;align-items: center;margin:0 0 35px 0;}
#about .facility h3 span{background: url(../img/common/ti_ico2.svg) right center no-repeat;background-size:15px;padding:0 50px 0 0;}
#about .facility h3::after {content: "";height: 1px;flex-grow: 1;background-color: #c8c8c8;}

#about .craftsmanship{background: #fff;background: linear-gradient(180deg,rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 1) 30%, rgba(240, 240, 240, 0) 100%);padding:80px 0 100px 0;}
#about .craftsmanship_in{max-width:1280px;width:100%;margin:0 auto;padding:0 40px;}
#about .craftsmanship_in_in{display:flex;padding:0 0 40px 0;}
#about .craftsmanship_in_in picture{max-width:372px;flex:none;}
#about .craftsmanship_in_in p{padding:0 0 0 40px;}
#about .craftsmanship h3{font-size:7.2rem;font-family: "myriad-pro", sans-serif;font-weight:normal;color:#a0a0a0;line-height:1;display: flex;align-items: center;margin:0 0 35px 0;}
#about .craftsmanship h3 span{background: url(../img/common/ti_ico2.svg) left center no-repeat;background-size:15px;padding:0 0 0 50px;}
#about .craftsmanship h3::before {content: "";height: 1px;flex-grow: 1;background-color: #c8c8c8;}

#about .sound{background: #fff;background: linear-gradient(180deg,rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 1) 30%, rgba(240, 240, 240, 0) 100%);padding:80px 0 100px 0;}
#about .sound_in{max-width:1280px;width:100%;margin:0 auto;padding:0 40px;}
#about .sound_in_in{display:flex;flex-direction: row-reverse;padding:0 0 40px 0;}
#about .sound_in_in picture{max-width:372px;flex:none;}
#about .sound_in_in p{padding:0 40px 0 0;}
#about .sound h3{font-size:7.2rem;font-family: "myriad-pro", sans-serif;font-weight:normal;color:#a0a0a0;line-height:1;display: flex;align-items: center;margin:0 0 35px 0;}
#about .sound h3 span{background: url(../img/common/ti_ico2.svg) right center no-repeat;background-size:15px;padding:0 50px 0 0;}
#about .sound h3::after {content: "";height: 1px;flex-grow: 1;background-color: #c8c8c8;}

#mcintosh-history .mcintosh-history_in{padding:90px 0 200px 0;}
#mcintosh-history .mcintosh-history_in h2{font-size:3.8rem;font-weight:normal;margin:0 auto 40px auto;padding:0 0 45px 0;background:#fff url(../img/common/ti_ico1.svg) center bottom no-repeat;background-size:105px;text-align:center;line-height:1.6;}


#mcintosh-history .mcintosh-history-mc_in{background: url(../img/mcintosh/img3.png) center center no-repeat;background-size:cover;display:block;height:550px;}
#mcintosh-history .mcintosh-history-mc_in p{font-size:1.7rem;text-align:center;padding:10px 0 0 0;}

#mcintosh-history .mcintosh-history_in .txt1{font-size:1.7rem;padding:0 0 90px 0;}
#mcintosh-history .mcintosh-history_in .mcintosh-history_txt1{font-size:1.7rem;padding:0 40px 0 0;}

#mcintosh-history .mcintosh-history_in_in{background-color: rgba(0, 0, 0, 0.6);content: "";max-width:370px;height:550px;display:flex;align-items: center;color:#fff;justify-content: center;position:relative;}
#mcintosh-history .mcintosh-history_in_in h3{font-family: "myriad-pro", sans-serif;font-size:5.0rem;font-weight:normal;text-align:center;line-height:1;}


#dealers .dealers_in{padding:90px 0 90px 0;}
#dealers .dealers_in h2{font-size:3.8rem;font-weight:normal;margin:0 auto 40px auto;padding:0 0 45px 0;background:#fff url(../img/common/ti_ico1.svg) center bottom no-repeat;background-size:105px;text-align:center;line-height:1.6;}

#dealers .dealers-mc_in{background: url(../img/mcintosh/dealers/dealers_kv.png) center center no-repeat;background-size:cover;display:block;height:550px;}
#dealers .dealers-mc_in p{font-size:1.7rem;text-align:center;padding:10px 0 0 0;}

#dealers .dealers_in .txt1{font-size:1.7rem;text-align:center;padding:0 0 90px 0;}
#dealers .dealers_in_in{background-color: rgba(0, 0, 0, 0.6);content: "";max-width:370px;height:550px;display:flex;align-items: center;color:#fff;justify-content: center;position:relative;}
#dealers .dealers_in_in h3{font-family: "myriad-pro", sans-serif;font-size:5.0rem;font-weight:normal;text-align:center;line-height:1;}

#dealers .dealers_ti{background:url(../img/common/bg_h3.png) center top no-repeat;background-size:auto 80px;font-size:3.2rem;color:#787878;}
#dealers .dealers_ti span{display:block;max-width:1080px;width:100%;margin:0 auto;letter-spacing: 0.3em;padding:15px 40px 40px 40px;font-weight:bold;}
#dealers .dealers_ti span:hover{cursor: pointer;}
#dealers .dealers_box{max-width:1040px;padding:0 20px 50px 20px;width:100%;margin:0 auto;position:relative;}
#dealers .dealers_box_in{font-size:1.7rem;display:flex;margin:0 0 0 -5%;flex-wrap: wrap;}
#dealers .dealers_box_in_in{width:45%;margin:40px 0 0 5%;border-bottom:1px solid #c8c8c8;}
#dealers .dealers_box_bdr{padding:0 0 30px 0;}
#dealers .dealers_box_in_in h4 a{font-size:2.4rem;color:#0078ff;text-decoration:underline;font-weight:normal;}
#dealers .dealers_box_in_in h4 span{font-size:2.4rem;color:#0078ff;font-weight:normal;}
#dealers .dealers_place{display:flex;padding:20px 0 15px 0;}
#dealers .dealers_place .tel{background:url(../img/common/tel_ico.svg) left center no-repeat;background-size:20px;padding:0 0 0 25px;margin:0 0 0 40px;}
#dealers .dealers_status {background:#787878;padding:3px;border-radius:50px;display:table;margin:0 0 15px 0;}
#dealers .dealers_status span{background:url(../img/common/mcintosh_ico.svg) left center no-repeat;background-size:25px;display:block;font-size:1.4rem;padding:0 25px 0 45px;font-weight:bold;color:#fff;}

#dealers .toggle {display: none;}
#dealers .Label {display: block;}
#dealers .Label span::before{content:"";width: 40px;height: 25px;background:url(../img/common/arw3.svg) center bottom no-repeat;background-size:40px;position: absolute;bottom:0;right: 40px;transform: rotate(-180deg) !important;display:block;}
#dealers .Label span,
#dealers .content {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);transition: all 0.3s;}
#dealers .content {height: 0;margin-bottom:10px;padding:0 20px;overflow: hidden;}
#dealers .toggle:checked + .Label + .content {height: auto;padding:5px 20px 100px 20px ;transition: all .3s;}
#dealers .toggle:checked + .Label span::before {transform: rotate(0deg) !important;}

.ti_bar{background:#a0a0a0;color:#fff;padding:9px 0 12px 0;}
.ti_bar h2{max-width:1240px;width:100%;margin:0 auto;padding:0 20px 0 20px;font-size:3.4rem;letter-spacing: 0.3em;font-weight:normal;text-align:right;}

.whatsnew_con{margin-top: -3.6%;position: relative;z-index: 2;}

.whatsnew_tibox{display:flex;align-items: end;justify-content: space-between;}
.whatsnew_tibox ul{display:flex;margin: 0 0 40px 0;}
.whatsnew_tibox ul li{padding:0 0 0 10px;}
.whatsnew_tibox ul li a{padding:3px 15px;border:1px solid #23aaaa;color:#23aaaa;font-size:1.8rem;font-weight:bold;}

.whatsnew_tibox .databox{display:flex;margin: 0 0 40px 0;align-items: center;}
.whatsnew_tibox .databox .data{font-size:2.4rem;color:#23aaaa;}
.whatsnew_tibox .databox .cate span{color:#fff;font-weight:bold;background:#003695;font-size:1.8rem;line-height:1.2;padding:4px 10px;margin:0 0 0 15px;display:inline-block;vertical-align:top;}

.whatsnew_dtl_in h4{font-size:3.8rem;display:table;margin:0 auto;padding:40px 0;}
.whatsnew_dtl_in h5{font-size:2.4rem;padding:40px 0 30px 0;line-height:1.6;}

.bg_white{background:#fff;}
.whatsnew_con .bg_white .tistyle1{border-bottom:6px solid #dcdcdc;}
.whatsnew_con .bg_white .tistyle1-2{border-bottom:6px solid #dcdcdc;}

.whatsnew_dtl_in {max-width:1040px;margin:0 auto;padding:0 20px;}
.whatsnew_dtl_in img{box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.2);}
.whatsnew_dtl_in .txt1{font-size:1.7rem;}
.whatsnew_dtl_in .txt2{font-size:1.7rem;}
.whatsnew_dtl_in .txt2 a{color:#23aaaa;}
.whatsnew_dtl_in .linkbrd{border-top:1px solid #c8c8c8;padding:35px 0 0 0;margin:30px 0 0 0;}

.whatsnew_dtl_in .whatsnew_dtl_imgbox{display:flex;justify-content: space-between;margin:40px 0 0 -50px;}
.whatsnew_dtl_in .whatsnew_dtl_imgbox div{padding:0 0 0 50px;max-width:50%;width:100%;}

#products .products-mc_in{background: url(../img/mcintosh/img1.png) center center no-repeat;background-size:cover;display:block;height:550px;}
#products .products-mc_in_in{background-color: rgba(0, 0, 0, 0.6);content: "";max-width:370px;height:550px;display:flex;align-items: center;color:#fff;justify-content: center;position:relative;}
#products .products-mc_in_in h3{font-family: "myriad-pro", sans-serif;font-size:5.0rem;font-weight:normal;text-align:center;line-height:1;}
#products .products-mc_in_in p{font-size:1.7rem;text-align:center;padding:10px 0 0 0;}
#products .products_in{padding:90px 0;}
#products .products_nav {max-width:1120px;margin:0 auto;padding:0 40px;}
#products .products_nav ul{display:flex;flex-wrap: wrap;margin:0 0 0 -15px;}
#products .products_nav ul li{width:20%;padding:0 0 15px 15px;}
#products .products_nav ul li button{width:100%;display:block;border:1px solid #a0a0a0;text-align:center;font-size:1.25rem;padding:3px;cursor: pointer;color:#323232;}
#products .products_nav ul li button.is-active{background:#787878;color:#fff;}

#products .products_list{display:flex;flex-wrap: wrap;padding:60px 0 0 0;}
#products .products_list .products_list_in{width:25%;padding:0 25px 40px 25px;margin:0 0 50px 0;border-bottom:1px solid #c8c8c8;background:url(../img/common/arw2.svg) center bottom 30px no-repeat;background-size:39px;}
#products .products_list .products_list_in a{display:block;padding:0 0 30px 0;}
#products .products_list .products_list_in.is-hide {display: none;}
#products .products_list .products_list_in .cate{text-align:center;padding:15px 0 0 0;}
#products .products_list .products_list_in .name{text-align:center;font-weight:bold;font-size:2.2rem;}
#products .products_list .products_list_in .txt{text-align:center;}

#products .products_function{background:#f0f0f0;padding:40px 0 40px 0;}
#products .products_function_in{max-width:1300px;margin:0 auto;padding:0 50px 0 50px;position:relative;}
#products .products_function_in .swiper-wrapper{/*justify-content: center;*/}
#products .products_carousel {/*overflow:hidden;*/}
#products .products_carousel a{background:#fff;max-width:140px;max-height:140px;width:100%;height:140px;display:flex;align-items: center;}
#products .products_function .swiper-button-disabled{display:none;}
#products .kv_products_dtl{border-bottom:1px solid #787878;}
#products .kv_products_dtl picture{width:100%;display:block;}
#products .kv_products_dtl img{width:100%;}

#products .products_dtl_box{display:flex;align-items: center;padding:50px 0 30px 0;}
#products .products_dtl_box_l{max-width:720px;width:100%;flex-shrink: 0;}
#products .products_dtl_box_r{width:100%;padding:0 0 0 50px;}

#products .products_dtl_box_ti{border-left:8px solid #a0a0a0;padding:0 0 0 15px;}
#products .products_dtl_box_ti h2{font-weight:normal;font-size:1.8rem;}
#products .products_dtl_box_ti h3{font-size:4.0rem;line-height:1.3;}
#products .products_dtl_box_ti p{font-size:1.7rem;}
#products .products_dtl_box_txt{font-size:1.7rem;padding:20px 0 0 0;}

#products .products_function_in2 {max-width:1280px;width:100%;padding:0 40px 0 40px;margin:0 auto;}
#products .products_function_in2 ul{display:flex;flex-wrap: wrap;margin:0 0 0 -10px;/*justify-content: center;*/}
#products .products_function_in2 li{width:12.5%;padding:15px 0 0 10px;}

#products .products_explanation{padding:40px 0 100px 0;}
#products .products_explanation_in{padding:60px 40px 0 40px;max-width:1040px;margin:0 auto;}
#products .products_explanation_in h4 {font-size:2.4rem;line-height:1.4;padding:0 0 20px 0;}
#products .products_explanation_in h4 span{color:#a0a0a0;}
#products .products_explanation_in img{display:table;margin:0 auto;}

#products .products_specifications{background:#f0f0f0;}
#products .products_specifications_in{padding:35px 20px 25px 20px;max-width:1240px;margin:0 auto;}

#products .toggle {display: none;}
#products .Label {display: block;position:relative;display:table;margin:0 auto;padding:0 0 0 80px;font-size:4.2rem;line-height:1;cursor: pointer;}
#products .Label span{border-bottom:6px solid #fff;padding:0 0 10px 0;}
#products .Label span::before{content:"";width: 40px;height: 25px;background:url(../img/common/arw3.svg) center bottom no-repeat;background-size:40px;position: absolute;top:15px; left: 20px;transform: rotate(-180deg) !important;display:block;}
#products .Label span,
#products .content {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);transition: all 0.3s;}
#products .content {height: 0;margin-bottom:10px;padding:0 20px;overflow: hidden;}
#products .toggle:checked + .Label + .content {height: auto;padding:5px 20px 100px 20px ;transition: all .3s;}
#products .toggle:checked + .Label span::before {top:10px;transform: rotate(0deg) !important;}

#products .products_specifications_in_box {display:flex;width:100%;padding:70px 0 0 0;}
#products .products_specifications_in_box dl{display:flex;width:100%;border-top:1px solid #c8c8c8;}
#products .products_specifications_in_box dl:last-child{border-bottom:1px solid #c8c8c8;}
#products .products_specifications_in_box dt{max-width:180px;width:100%;padding:15px 15px 15px 0;display:flex;align-items: center;}
#products .products_specifications_in_box dd{border-left:1px solid #c8c8c8;width:100%;padding:15px 0 15px 15px;display:flex;align-items: center;}
#products .products_specifications_in_box_l {width:50%;padding:0 10px 0 0;}
#products .products_specifications_in_box_r {width:50%;padding:0 0 0 10px;}

#products .products_download{background:#f0f0f0;border-top:5px solid #fff;border-bottom:5px solid #fff;}
#products .products_download_in{padding:35px 20px 25px 20px;max-width:1240px;margin:0 auto;}

#products .products_download_in_box{display:flex;padding:70px 0 0 0;justify-content: center;}
#products .products_download_in_box div{padding:0 20px;max-width:480px;width:100%;}
#products .products_download_in_box div a{border-radius:10px;padding:30px 20px;display:block;background: #fff url(../img/common/pdf_ico.svg) right 20px center no-repeat;background-size:44px;}

#products .mov video{width:100%;display:block;}

#history {/*word-break: normal;overflow-wrap: break-word;*/}
#history .history_con{margin-top: -3.6%;position: relative;z-index: 2;}
#history .history_in{background:#fff;margin-top:-1px;padding:0 0 150px 0;}
#history .history_con .tistyle1{border-bottom:6px solid #dcdcdc;}
#history .history_con .tistyle1-2{border-bottom:6px solid #dcdcdc;}
#history .history_con h4 {font-size: 3.8rem;font-weight: normal;margin: 0 auto 40px auto;padding: 0 0 45px 0;background: #fff url(../img/common/ti_ico1.svg) center bottom no-repeat;background-size: 105px;text-align: center;line-height:1.6;}
#history .history_con .electori60{max-width:240px;margin:0 auto 50px auto;}
#history .history_con .lead{display:table;margin:0 auto;font-size:1.7rem;}
#history .history_in_in{background: #DCDCDC;background: linear-gradient(180deg, rgba(220, 220, 220, 1) 0%, rgba(255, 255, 255, 1) 100%);background-size:100% 400px;background-repeat: no-repeat;}
#history .history_body_out{background:url(../img/history/history_bg1.png) right 25% no-repeat, url(../img/history/history_bg2.png) left 78% no-repeat;}

#history .history_body{max-width:1280px;margin:0 auto;padding:90px 40px 150px 40px;}
#history .history_body_in{display:flex;}
#history .history_body_in .history_body_in_l{font-size:6.5rem;line-height:1.1;white-space: nowrap;color:#23aaaa;padding:0 40px 0 0;margin-top:-44px;width:245px;flex-shrink: 0;}
#history .history_body_in .history_body_in_l span.sp1{font-size:2.6rem;}
#history .history_body_in .history_body_in_l span.sp2{font-size:2.2rem;display:block;}
#history .history_body_in .history_body_in_r{border-left:1px solid #23aaaa;padding:0 0 100px 40px;position:relative;}
#history .history_body_in.pd-sml .history_body_in_r{padding:0 0 60px 40px;}
#history .history_body_in .history_body_in_r.no-brd{border-left:none;}
#history .history_body_in .history_body_in_r h5{line-height:1.3;font-size:2.4rem;margin-top:-5px;}
#history .history_body_in .history_body_in_r p{padding:20px 0 0 0;font-size:1.7rem;}
#history .history_body_in .history_dot{position:absolute;left:-10px;top:-10px;width:20px;}
#history .history_body_in .history_dot2{position:absolute;left:-40px;bottom:-40px;width:80px;}
#history .history_tbc{padding:25px 0 0 100px;color:#23aaaa;font-size:4.1rem;}

#mcintosh-history {/*word-break: normal;overflow-wrap: break-word;*/}
#mcintosh-history .mcintosh-history_nav{background:#a0a0a0;padding:20px 20px 60px 20px;}
#mcintosh-history .mcintosh-history_nav ul{display:flex;flex-wrap: wrap;max-width:1060px;margin:0 auto;}
#mcintosh-history .mcintosh-history_nav ul li{width:12.5%;padding:0 30px;}
#mcintosh-history .years{width:440px;position:absolute;top:0;left:60px;}

#mcintosh-history .mcintosh-history_1950{background: #DCDCDC ;background: linear-gradient(180deg, rgba(220, 220, 220, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);background-size:100% 400px;background-repeat: no-repeat;}
#mcintosh-history .mcintosh-history_1950_in{background: url(../img/mcintosh/history/no_1950s_bg.png) right bottom no-repeat;}
#mcintosh-history .mcintosh-history_1950_in_in{position:relative;max-width:1280px;padding:80px 40px 0 40px;margin:0 auto;}

#mcintosh-history .mcintosh-history_1960{background: #DCDCDC ;background: linear-gradient(180deg, rgba(220, 220, 220, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);background-size:100% 400px;background-repeat: no-repeat;}
#mcintosh-history .mcintosh-history_1960_in{background: url(../img/mcintosh/history/no_1960s_bg.png) left bottom no-repeat;}
#mcintosh-history .mcintosh-history_1960_in_in{position:relative;max-width:1280px;padding:0 40px 0 40px;margin:0 auto;}

#mcintosh-history .mcintosh-history_1970{background: #DCDCDC ;background: linear-gradient(180deg, rgba(220, 220, 220, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);background-size:100% 400px;background-repeat: no-repeat;}
#mcintosh-history .mcintosh-history_1970_in{background: url(../img/mcintosh/history/no_1970s_bg.png) right bottom no-repeat;}
#mcintosh-history .mcintosh-history_1970_in_in{position:relative;max-width:1280px;padding:0 40px 0 40px;margin:0 auto;}

#mcintosh-history .mcintosh-history_1980{background: #DCDCDC ;background: linear-gradient(180deg, rgba(220, 220, 220, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);background-size:100% 400px;background-repeat: no-repeat;}
#mcintosh-history .mcintosh-history_1980_in{background: url(../img/mcintosh/history/no_1980s_bg.png) right bottom no-repeat;}
#mcintosh-history .mcintosh-history_1980_in_in{position:relative;max-width:1280px;padding:0 40px 0 40px;margin:0 auto;}

#mcintosh-history .mcintosh-history_1990{background: #DCDCDC ;background: linear-gradient(180deg, rgba(220, 220, 220, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);background-size:100% 400px;background-repeat: no-repeat;}
#mcintosh-history .mcintosh-history_1990_in{background: url(../img/mcintosh/history/no_1990s_bg.png) left bottom no-repeat;}
#mcintosh-history .mcintosh-history_1990_in_in{position:relative;max-width:1280px;padding:0 40px 0 40px;margin:0 auto;}

#mcintosh-history .mcintosh-history_2000{background: #DCDCDC ;background: linear-gradient(180deg, rgba(220, 220, 220, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);background-size:100% 400px;background-repeat: no-repeat;}
#mcintosh-history .mcintosh-history_2000_in{background: url(../img/mcintosh/history/no_2000s_bg.png) left bottom no-repeat;}
#mcintosh-history .mcintosh-history_2000_in_in{position:relative;max-width:1280px;padding:0 40px 0 40px;margin:0 auto;}

#mcintosh-history .mcintosh-history_2010{background: #DCDCDC ;background: linear-gradient(180deg, rgba(220, 220, 220, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);background-size:100% 400px;background-repeat: no-repeat;}
#mcintosh-history .mcintosh-history_2010_in{background: url(../img/mcintosh/history/no_2010s_bg.png) right bottom no-repeat;}
#mcintosh-history .mcintosh-history_2010_in_in{position:relative;max-width:1280px;padding:0 40px 0 40px;margin:0 auto;}

#mcintosh-history .mcintosh-history_2020{background: #DCDCDC ;background: linear-gradient(180deg, rgba(220, 220, 220, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);background-size:100% 400px;background-repeat: no-repeat;}
#mcintosh-history .mcintosh-history_2020_in{background: url(../img/mcintosh/history/no_2020s_bg.png) left bottom no-repeat;}
#mcintosh-history .mcintosh-history_2020_in_in{position:relative;max-width:1280px;padding:0 40px 0 40px;margin:0 auto;}

#mcintosh-history .mcintosh-history_box{border-left:1px solid #38b0ff;padding:70px 0 100px 40px;position:relative}
#mcintosh-history .mcintosh-history_box_in{display:flex;border-bottom:1px solid #c8c8c8;padding:0 0 50px 0;}
#mcintosh-history .mcintosh-history_box_in .txt1{width:100%;padding:0 40px 0 0;font-size:1.7rem;}
#mcintosh-history .mcintosh-history_box_in .img1{width:415px;flex-shrink: 0;display:block;}

#mcintosh-history .mcintosh-history_box2{border-left:1px solid #38b0ff;padding:0 0 40px 40px;position:relative}
#mcintosh-history .mcintosh-history_box2_in{display:flex;}
#mcintosh-history .mcintosh-history_box2_in .mcintosh-history_box2_year{font-size:4.4rem;color:#38b0ff;line-height:0.5;padding:0 0 30px 0;}
#mcintosh-history .mcintosh-history_box2_in .mcintosh-history_box2_txt {width:100%;padding:0 40px 0 0;}
#mcintosh-history .mcintosh-history_box2_in .mcintosh-history_box2_txt dl{display:flex;font-size:1.7rem;padding:0 0 20px 0;}
#mcintosh-history .mcintosh-history_box2_in .mcintosh-history_box2_txt dt{color:#a0a0a0;padding:0 10px 0 0;}

#mcintosh-history .mcintosh-history_box2_in .mcintosh-history_box2_img{max-width:415px;width:100%;flex-shrink: 1;display:block;}

#mcintosh-history .mcintosh-history_dot0{position:absolute;left:-18px;top:-18px;width:36px;}
#mcintosh-history .mcintosh-history_dot00{position:absolute;left:-18px;top:60px;width:36px;}
#mcintosh-history .mcintosh-history_dot1{position:absolute;left:-10px;top:-10px;width:20px;}
#mcintosh-history .mcintosh-history_dot2{position:absolute;left:-40px;bottom:-40px;width:80px;}
#mcintosh-history .mcintosh-history_tbc{font-size:4.4rem;color:#38b0ff;line-height:0;padding:70px 0 0 0;}



.parallax_box.kv_mcintosh{min-height: 800px;overflow: hidden;width: 100%;position: relative;}
.parallax_box.kv_mcintosh .parallax_content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-clip-path: inset(0);clip-path: inset(0);}
.parallax_box.kv_mcintosh .parallax_content::before {content: "";position: fixed;top: 0;left: 0;width: 100%;min-height: 800px;background-image: url(../img/mcintosh/kv.png);background-repeat: no-repeat;background-position: center center;background-size: cover;background-color: #fff;}

.parallax_box.bg1_mcintosh{min-height: 590px;overflow: hidden;width: 100%;position: relative;}
.parallax_box.bg1_mcintosh .parallax_content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-clip-path: inset(0);clip-path: inset(0);}
.parallax_box.bg1_mcintosh .parallax_content::before {content: "";position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-image: url(../img/mcintosh/bg1.png);background-repeat: no-repeat;background-position: right center;background-size: 1600px;}

.parallax_box.bg2_mcintosh{min-height: 440px;overflow: hidden;width: 100%;position: relative;}
.parallax_box.bg2_mcintosh .parallax_content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-clip-path: inset(0);clip-path: inset(0);}
.parallax_box.bg2_mcintosh .parallax_content::before {content: "";position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-image: url(../img/mcintosh/bg2.png);background-repeat: no-repeat;background-position: left center;background-size: 1600px;}

.parallax_box.kv_about{min-height: 550px;overflow: hidden;width: 100%;position: relative;}
.parallax_box.kv_about .parallax_content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-clip-path: inset(0);clip-path: inset(0);}
.parallax_box.kv_about .parallax_content::before {content: "";position: fixed;top: 0;left: 0;width: 100%;min-height: 640px;background-image: url(../img/mcintosh/img2.png);background-repeat: no-repeat;background-position: center center;background-size: cover;}

.parallax_box.kv_dealers{min-height: 550px;overflow: hidden;width: 100%;position: relative;}
.parallax_box.kv_dealers .parallax_content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-clip-path: inset(0);clip-path: inset(0);}
.parallax_box.kv_dealers .parallax_content::before {content: "";position: fixed;top: 0;left: 0;width: 100%;min-height: 640px;background-image: url(../img/mcintosh/dealers/dealers_kv.png);background-repeat: no-repeat;background-position: center center;background-size: cover;}

.parallax_box.kv_products{min-height: 550px;overflow: hidden;width: 100%;position: relative;}
.parallax_box.kv_products .parallax_content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-clip-path: inset(0);clip-path: inset(0);}
.parallax_box.kv_products .parallax_content::before {content: "";position: fixed;top: 0;left: 0;width: 100%;min-height: 640px;background-image: url(../img/mcintosh/products/products_kv.png);background-repeat: no-repeat;background-position: center center;background-size: cover;}

/*
.parallax_box.kv_products_c12000{min-height: 550px;overflow: hidden;width: 100%;position: relative;border-bottom:12px solid #787878;}
.parallax_box.kv_products_c12000 .parallax_content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-clip-path: inset(0);clip-path: inset(0);}
.parallax_box.kv_products_c12000 .parallax_content::before {content: "";position: fixed;top: 0;left: 0;width: 100%;min-height: 640px;background-image: url(../img/mcintosh/products/preamp/c12000/c12000_kv.png);background-repeat: no-repeat;background-position: center center;background-size: cover;}
*/




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

	.top_service_box a::before {display:none;}
	.top_service_box a{padding:30px;background-color: rgba(0, 0, 0, 0.6);margin-left:-40px;}
	.top_history_box > a::after {display:none;}
	.top_history_box > a{padding:30px;background-color: rgba(0, 0, 0, 0.6);margin-right:-40px;}

	.kv .kv_img {min-height:580px;}
	.kv .kv_img img{width:auto!important;max-width:999999px;position:absolute;height:100%;}
	#products .products_dtl_box_l{flex-shrink: 1;}

}


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

	.top_service_in{position:static;}
	.top_service_in h2{position:absolute;top:5%;}
	.top_service_box{position:absolute;bottom:10%;left:0;}
	.top_service_box a{margin-left:0;}

	#top_history{margin-top:-7%;position:relative;}
	.top_history_in{position:static;}
	.top_history_in h2{position:absolute;top:5%;}
	.top_history_box{position:absolute;bottom:5%;right:0;}
	.top_history_box > a{margin-right:0;}

	header {height: 72px;}
	header .h_in h1 {max-width: 170px;}
	header .h_in .gnav > ul > li.menu-item{font-size:1.2rem;}
	header .h_in .gnav > ul > li.menu-item::before{height:16px;}
	header .h_in .gnav > ul > li.menu-item > a{padding:0 15px 5px 15px;}
	header .h_in .gnav > ul > li.menu-item:last-child > span{padding:0 0 5px 15px;}
	header .h_in .gnav > ul > li.menu-item > span{padding:0 15px;}
	header .h_in .gnav > ul > li.menu-item.fb_ico a{width:45px;padding:0 0 0 20px;display:block;margin-top:-5px;}
	header .h_in .gnav > ul > li.menu-item.insta_ico a{width:45px;padding:0 0 0 20px;display:block;margin-top:-5px;}

	#products .products_nav ul{margin:0 0 0 -10px;}
	#products .products_nav ul li{padding:0 0 15px 10px;}
	#products .products_nav ul li button{font-size:1.0rem;padding:3px 1px;}
}




@media only screen and (max-width:850px){
	header .h_in .gnav > ul > li{font-size:1.2rem;}
	header .h_in .gnav > ul > li > a{padding:5px 15px;}
}


@media only screen and (max-width:768px){
	html { font-size: 52.5%; }

	.pcnone{display:block!important;}
	.spnone{display:none!important;}

	header {height: 62px;}
	header .h_in {padding: 13px 20px 15px 20px;}
	header .gnav .menu-item{display:none;}
	header .h_in .gnav {display:none;}
	header .h_in h1 {max-width: 145px;}

	.gnav_sp{display:block;padding:20px 20px 0 20px;}
	.gnav_sp ul{display:flex;flex-wrap: wrap;margin:0 0 0 -15px;}
	.gnav_sp ul li{width:50%;padding:15px 0 0 15px;}

	#gloval-nav {background:#fff;color: #3c3c3c;position: fixed;top: 0;left: 0;/*top: 69;right: 0;bottom: 0;*/z-index: 990;display: block;visibility: hidden;flex-direction: column;justify-content: center;align-items: center;opacity: 0;transition: opacity .4s ease, visibility .4s ease;/*margin-top:11px;*/width:100%;overflow-y:auto;height: 100%;/*padding:0 0 71px 0;*/font-weight:bold;}
	#gloval-nav .gloval-nav_in{width:100%;margin:0 auto;}
	#gloval-nav .gloval-nav_in nav{background:#f0f0f0;margin-top:62px;}
	#gloval-nav .gloval-nav_in  h1 {max-width: 145px;position:absolute;top:13px;left:20px;}
	#nav-toggle {display:block;position: fixed;top: 15px;right: 5px;width:42px;height: 38px;cursor: pointer;}
	#nav-toggle > div {position: relative;width: 30px;}
	#nav-toggle > div span {width: 100%;height: 2.5px;left: 0;display: block;background: #3c3c3c;position: absolute;transition: transform .4s ease-in-out, top .5s ease;}
	#nav-toggle::after {content: 'MENU';position: absolute;bottom: -2px;font-size: 1.05rem;color: #3c3c3c;font-weight:bold;}
	.open #nav-toggle::after {content: 'CLOSE';bottom:-2px;}
	#nav-toggle > div span:nth-child(1) {top: 0;}
	#nav-toggle > div span:nth-child(2) {top: 9px;}
	#nav-toggle > div span:nth-child(3) {top: 18px;}
	.open #nav-toggle span {background: #3c3c3c;}
	.open #nav-toggle span:nth-child(1) {top: 9px;transform: rotate(45deg);}
	.open #nav-toggle span:nth-child(2) {top: 9px;width: 0;left: 50%;}
	.open #nav-toggle span:nth-child(3) {top: 9px;transform: rotate(-45deg);}

	#nav-toggle {z-index: 1000;}
	#container {z-index: 900;}

	#gloval-nav ul {list-style: none;padding:0 20px;}
	#gloval-nav small{color:#606060;display:block;text-align:center;padding:30px 0 10px 0;}
	#gloval-nav .hum_link_privacy{display:table;margin:0 auto;padding:40px 0 0 0;border-bottom:1px solid #606060;}

	#gloval-nav ul li{opacity: 0;transition:  transform .4s ease, opacity .2s ease;border-bottom:1px solid #c8c8c8;}
	#gloval-nav .nav_acd_in{background:none;}
	#gloval-nav .nav_acd_in ul{padding:0 0 0 20px;}
	#gloval-nav .nav_acd_in ul li:first-child a{border:none;}
	#gloval-nav li a {display: block;color: #3c3c3c;text-decoration: none;padding: 15px 0  ;transition: color .4s ease;}
	.open {overflow: hidden;}
	.open #gloval-nav {visibility: visible;opacity: 1;}
	.open #gloval-nav li {opacity: 1;transform: translateX(0);transition:  transform 1s ease, opacity .9s ease;}

	#gloval-nav .nav_acd{display: none;}
	#gloval-nav .nav_acd ul{display: flex;flex-wrap: wrap;margin:0 0 0 -20px;padding:0;}
	#gloval-nav .nav_acd li {border:none; padding:0;width:50%;padding:0 0 15px 20px;}
	#gloval-nav .nav_acd li p{text-align:center;padding:10px 0 0 0;font-size:1.4rem;}
	#gloval-nav .nav_acd li a{display:block;/*border-top:1px solid #918985; padding:15px 0 15px 0;*/padding:0;}
	#gloval-nav .nav_acd li.bbor a{border-bottom:1px solid #918985;}
	#gloval-nav .nav_acd2{display: none;padding:0 0 0 10px;}
	#gloval-nav .nav_acd2 li {border:none; padding:0;}
	#gloval-nav .nav_acd2 li a{display:block;/*border-top:1px solid #918985; padding:15px 0 15px 0;*/padding:0 0 15px 0;font-weight:normal;}
	#gloval-nav .nav_acd2 li.bbor a{border-bottom:1px solid #918985;}

	#gloval-nav .nav_acd_in li:first-child a{border:none;padding:5px 0 15px 0;}
	#gloval-nav .nav_acd_in li:last-child a{border-bottom:1px solid #918985;}
	#gloval-nav .nav_acd_in li.bbnone a{border-bottom:none;}

	#gloval-nav .nav_acd li span{display:block; padding:20px 0 15px 0;}
	#gloval-nav .nav_acd2 li span{display:block; padding:20px 0 15px 0;}
	#gloval-nav .nav-open{background:none!important;position: relative;display:block;}
	#gloval-nav .nav-open > span{display:flex;justify-content: space-between;align-items: center; padding: 15px 10px 15px 0;cursor: pointer;}
	#gloval-nav .nav-open > span.active::after{content: "";background:url(../img/common/nav_arw_on.svg) right center no-repeat ;width:13px;height:13px;background-size:13px;}
	#gloval-nav .nav-open > span::after{content: "";background:url(../img/common/nav_arw_off.svg) right center no-repeat ;width:13px;height:13px;background-size:13px;}

	#gloval-nav .snsbox_sp{display:flex;padding:20px 20px 20px 20px;}
	#gloval-nav .snsbox_sp li{width:37px;padding:0 15px 0 0;border:none;}
	#gloval-nav .snsbox_sp li a{padding:0;}

	.pt_arw{width:50px;right:20px;bottom:20px;}

	footer{padding:40px 20px 40px 20px;}
	footer .f_logo{max-width:200px;}
	footer .f_link{display:block;margin:0;}
	footer .f_link .f_link_ti{padding:0 0 15px 0;margin:0 0 15px 0;}
	footer .f_link .f_link_ti.brdno{border-bottom:none;padding:0;margin:0;}
	footer .f_link .f_link_in2_in{border-bottom:1px solid #fff;padding:0 0 15px 0;margin:0 0 15px 0;}
	footer .f_link_in1{padding:0;width:100%;}
	footer .f_link_in1 ul{border-bottom:1px solid #fff;padding:0 0 15px 0;margin:0 0 15px 0;display:flex;}
	footer .f_link_in2{padding:0;width:100%;}
	footer .f_link_in2 .f_link_in2_in ul {width: auto;padding: 0 10px 0 0;display:flex;flex-wrap: wrap;}

	.con_in{padding:0 20px;}
	.con_in2{padding:0 20px;}

	.kv .kv_img {min-height:0;}
	.kv .kv_img img{width:100%!important;height:auto;position:static;}

	.kv .kv_txt {left:0;top:auto;bottom:15%;transform: translate(0, 0);}
	.kv .kv_txt h3 {padding: 20px 30px 2px 0;}
	.kv .kv_txt .mcintosh_logo{width:176px;}
	.kv .kv_txt .magico_logo{width:64px;}
	.kv .kv_txt .hegel_logo{width:138px;}
	.kv .kv_txt .revivalaudio_logo{width:114px;}

	.kv .kv_txt.white_sp {color:#fff;}
	.kv .kv_txt.white_sp a{color:#fff;}

	.kv .kv_txt.white_sp h3{border-bottom:1px solid #fff;}
	.kv .kv_txt.white_sp .viewmore{border:1px solid #fff;background:url(../img/common/arw2_white.svg) right 5px center no-repeat;background-size:38px;}


	#top_whatsnew{margin-top:-8.5%;}
	.whatsnew_in{padding:0 0 65px 0;}
	.whatsnew_in .link{margin:0 auto;}
	.whatsnew_in .link a{background-size:30px;padding:4px 50px 2px 10px;}

	.tistyle1{border-bottom:5px solid #fff;margin:0 0 40px 0;}
	.tistyle1-2{border-bottom:5px solid #fff;margin:0 0 40px 0;}
	.whatsnew_con .bg_white .tistyle1{border-bottom:5px solid #dcdcdc;}
	.whatsnew_con .bg_white .tistyle1-2{border-bottom:5px solid #dcdcdc;}
	#history .history_con .tistyle1{border-bottom:5px solid #dcdcdc;}
	#history .history_con .tistyle1-2{border-bottom:5px solid #dcdcdc;}

	.whatsnew_box {display:block;margin:0;}
	.whatsnew_box li{width:100%;padding:0 0 20px 0;}
	.whatsnew_box li a{padding:20px 20px 20px 20px;display:flex;}
	.whatsnew_box li a .img{width:40%;height:auto!important;}
	.whatsnew_box li a .txt{height:auto!important;}
	.whatsnew_box li a .txtbox{width:60%;padding:0 0 0 15px;}

	.whatsnew_box li .new_sp{color:#da0000;display:block;font-weight:bold;}
	.whatsnew_box li .data{padding:5px 0 15px 0;}

	#top_brands{margin-top:-8.5%;}

	.brands_box {display:block;margin:0;}
	.brands_box li{width:100%;padding:0 0 20px 0;}
	.brands_box li a{background:#fff url(../img/common/arw2.svg) right 15px bottom 10px no-repeat;background-size:30px;padding:20px 0 35px 20px;border-radius:20px;height:auto!important;}
	.brands_box li a .brands_box_in{display:flex;align-items: start;}


	.brands_box .brands_box_l{padding:0 15px 0 0;}
	.brands_box .brands_box_in.atacama .brands_box_l{width:67%;}
	.brands_box .brands_box_l h3 {line-height:1.3;}
	.brands_box .brands_box_l p {line-height: 1.8;}
	.brands_box .brands_box_l .brands1_logo{max-width:108px;padding:15px 0 10px 0;}
	.brands_box .brands_box_l .brands2_logo{max-width:60px;}
	.brands_box .brands_box_l .brands3_logo{max-width:140px;padding:15px 0 10px 0;}
	.brands_box .brands_box_l .brands4_logo{max-width:107px;padding:10px 0 10px 0;}
	.brands_box .brands_box_l .brands5_logo{max-width:57px;padding:5px 0 5px 0;}
	.brands_box .brands_box_l .brands6_logo{max-width:74px;}
	.brands_box .brands_box_l .brands7_logo{max-width:108px;padding:25px 0 20px 0;}
	.brands_box .brands_box_l .brands8_logo{max-width:98px;padding:0 0 5px 0;}
	.brands_box .brands_box_l .brands9_logo{max-width:108px;padding:20px 0 20px 0;}
	.brands_box .brands_box_l .brands10_logo{max-width:112px;padding:15px 0 20px 0;}
	.brands_box .brands_box_l .brands11_logo{max-width:101px;padding:0 0 5px 0;}
	.brands_box .brands_box_l .brands12_logo{max-width:86px;padding:10px 0 15px 0;}

	.brands_end_box{padding:25px 0 0 0;margin:10px 0 0 0;}
	.brands_end_box h3{padding:0 0 15px 0;}
	.brands_end_box ul{margin:0 0 0 -15px;}
	.brands_end_box ul li{width:33.3%;padding:0 0 15px 15px;}

	#top_about{padding:50px 0;}
	#top_about h2{background-size:73px;}

	.top_service_in{position:static;}
	.top_service_in h2{position:absolute;top:5%;}
	.top_service_box{position:absolute;bottom:10%;left:0;display:table;width:90%;}
	.top_service_box a{margin-left:0;padding:20px;width:100%;}
	.top_service_box .txt{background-size:42px;padding:0 50px 0 0;}

	.top_service_box .ti{background: url(../img/common/arw2_white.svg) right bottom 18px no-repeat;background-size:42px;padding:0 50px 10px 0;position: relative;z-index:2;}
	.top_service_box .txt{background: none;padding:0;}

	#top_history{margin-top:-7%;position:relative;}
	.top_history_in{position:static;}
	.top_history_in h2{position:absolute;top:5%;}
	.top_history_box{position:absolute;bottom:5%;right:0;margin:0 0 0 auto;display:table;width:90%;}
	.top_history_box > a{margin-right:0;padding:20px;width:100%;}
	.top_history_box .txt{background-size:42px;padding:0 50px 0 0;}
	.top_history_box .electori60{padding:0 0 0 15px;max-width:140px;}

	.top_history_box .electori60_box{padding:10px 0 0 0;}
	.top_history_box .electori60_box p{padding:0;}

	.top_history_box_in{display:flex;}

	#mcintosh h2{max-width:50%;margin:0 auto 35px auto;padding:0 0 50px 0;background-size:73px;}
	#mcintosh .mcintosh_in{padding:60px 0;}


	#mcintosh .products_in{background: url(../img/mcintosh/img1_sp.png) center center no-repeat;background-size:cover;height:300px;}
	#mcintosh .products_in_in{max-width:40%;height:300px;}
	#mcintosh .products_in_in p{background-size:30px;}

	#mcintosh .about_in{background: url(../img/mcintosh/img2_sp.png) center center no-repeat;background-size:cover;height:300px;margin:40px 0 0 0;}
	#mcintosh .about_in_in{max-width:40%;height:300px;}
	#mcintosh .about_in_in p{background-size:30px;}

	#mcintosh .history_in{background: url(../img/mcintosh/img3_sp.png) center center no-repeat;background-size:cover;height:300px;margin:40px 0 0 0;}
	#mcintosh .history_in_in{max-width:40%;height:300px;}
	#mcintosh .history_in_in p{background-size:30px;}

	#mcintosh .bg1_mcintosh ul{padding:50px 0 30px 0;margin:0 0 0 -20px;}
	#mcintosh .bg1_mcintosh ul li{width:50%;padding:0 0 20px 20px;}
	#mcintosh .bg1_mcintosh ul li a{padding:35px 15px 25px 15px;border-bottom:8px solid #a0a0a0;}
	#mcintosh .bg1_mcintosh ul li a p{background-size:30px;}
	#mcintosh .bg1_mcintosh ul li a p {padding: 10px 0 30px 0;}
	#mcintosh .bg2_mcintosh {padding:0;}
	#mcintosh .bg1_mcintosh ul li a h3 {font-size: 3.5rem;}

	.f_mcintosh{padding:30px 20px;position: relative;}
	.f_mcintosh_in h3{max-width:133px;}
	.f_mcintosh_in ul{display:block;margin:0 0 0 30px;}
	.f_mcintosh_in ul li{padding:5px 0 0 0;margin:10px 0 10px 0;border-left:none;}
	.f_mcintosh_in ul li:first-child{padding:5px 0 0 0;margin:10px 0 10px 0;}

	.f_mcintosh2{padding:30px 20px;}
	.f_mcintosh2_in h3{max-width:133px;}
	.f_mcintosh2_in ul{display:block;margin:0 0 0 30px;}
	.f_mcintosh2_in ul li{padding:5px 0 0 0;margin:10px 0 10px 0;border-left:none;}
	.f_mcintosh2_in ul li:first-child{padding:5px 0 0 0;margin:10px 0 10px 0;}

	#about .about-mc_in{height:250px;}
	#about .about-mc_in_in{max-width:40%;height:250px;}
	#about h2{margin:0 auto 35px auto;padding:0 0 40px 0;background-size:73px;line-height:1.4;}
	#about .about_in{padding:60px 0;}
	#about .txt1{padding:0 0 60px 0;}

	#about .facility{padding:60px 0 60px 0;}
	#about .facility_in{padding:0;}
	#about .facility_in_in{display:block;padding:0 20px 40px 20px;}
	#about .facility_in_in p{padding:20px 0 0 0;}
	#about .facility h3{padding:0 20px;}
	#about .facility h3 span{background-size:10px;padding:0 30px 0 0;}

	#about .craftsmanship{padding:60px 0 60px 0;}
	#about .craftsmanship_in{padding:0;}
	#about .craftsmanship_in_in{display:block;padding:0 20px 40px 20px;}
	#about .craftsmanship_in_in p{padding:20px 0 0 0;}
	#about .craftsmanship h3{padding:0 20px;}
	#about .craftsmanship h3 span{background-size:10px;padding:0 0 0 30px;}

	#about .sound{padding:60px 0 60px 0;}
	#about .sound_in{padding:0;}
	#about .sound_in_in{display:block;padding:0 20px 40px 20px;}
	#about .sound_in_in p{padding:20px 0 0 0;}
	#about .sound h3{padding:0 20px;}
	#about .sound h3 span{background-size:10px;padding:0 30px 0 0;}

	#mcintosh-history .mcintosh-history_in{padding:60px 0 60px 0;}
	#mcintosh-history .mcintosh-history_in h2{background-size:73px;margin:0 auto 35px auto;padding:0 0 40px 0;}

	#mcintosh-history .mcintosh-history-mc_in{background: url(../img/mcintosh/img3_sp.png) center center no-repeat;background-size:cover;height:250px;}

	#mcintosh-history .mcintosh-history_in .txt1{padding:0 0 60px 0;}
	#mcintosh-history .mcintosh-history_in .mcintosh-history_txt1{padding:0 0 60px 0;}

	#mcintosh-history .mcintosh-history_in_in{max-width:40%;height:250px;}


	#dealers .dealers-mc_in{background: url(../img/mcintosh/dealers/dealers_kv_sp.png) center center no-repeat;background-size:cover;height:250px;}
	#dealers .dealers_in{padding:60px 0 60px 0;}
	#dealers .dealers_in h2{background-size:73px;margin:0 auto 35px auto;padding:0 0 40px 0;}
	#dealers .dealers_in .txt1{padding:0 0 60px 0;}
	#dealers .dealers_in_in{max-width:40%;height:250px;}

	#dealers .dealers_ti{background:url(../img/common/bg_h3_sp.png) center top no-repeat;background-size:100%;}
	#dealers .dealers_ti span{padding:15px 20px 20px 20px;}

	#dealers .dealers_box{padding:0 20px 40px 20px;}
	#dealers .dealers_box_in{display:block;margin:0;}
	#dealers .dealers_box_in_in{width:100%;padding:30px 0 0 0;margin:0;}

	#dealers .Label span::before{width: 28px;height: 20px;background-size:28px;bottom:15px;right:20px;}
	#dealers .content {height: 0;margin-bottom:10px;padding:0 20px;}
	#dealers .toggle:checked + .Label + .content {padding:5px 20px 60px 20px ;}

	.ti_bar{padding:4px 0 12px 0;}
	.ti_bar h2{padding:0 10px 0 10px;}

	.whatsnew_con{margin-top: -9%;}

	.whatsnew_dtl_in h4{padding:0 0 30px 0;}
	.whatsnew_dtl_in h5{padding:30px 0 30px 0;}

	.whatsnew_dtl_in {padding:0;}
	.whatsnew_dtl_in .txt2{padding:0;margin:0;}

	.whatsnew_dtl_in .whatsnew_dtl_imgbox{display:block;margin:20px 0 0 0;}
	.whatsnew_dtl_in .whatsnew_dtl_imgbox div{padding:20px 0 0 0;max-width:100%;}

	#products .products-mc_in{height:250px;}
	#products .products-mc_in_in{max-width:40%;height:250px;}

	#products .products_in{padding:60px 0;}

	#products .products_nav {padding:0 20px;}
	#products .products_nav ul{margin:0 0 0 -5px;}
	#products .products_nav ul li{width:33.3%;padding:0 0 10px 5px;}

	#products .products_nav ul li button{font-size:1.25rem;}


	#products .products_list{padding:50px 0 0 0;}
	#products .products_list .products_list_in{width:50%;padding:0 15px 40px 15px;background-size:27px;}
	#products .products_list .products_list_in a{display:block;}

	#products .products_function_in{padding:0 20px 0 20px;}
	#products .products_carousel a{height:80px;}

	#products .kv_products_dtl{border-bottom:1px solid #787878;}

	#products .products_dtl_box{display:block;padding:50px 0 50px 0;}
	#products .products_dtl_box_r{padding:20px 0 0 0;}

	#products .products_dtl_box_ti{border-left:6px solid #a0a0a0;}

	#products .products_function_in2 {padding:0 20px;}
	#products .products_function_in2 li{width:25%;}

	#products .products_explanation{padding:0 0 50px 0;}
	#products .products_explanation_in{padding:50px 20px 0 20px;}

	#products .products_specifications_in{padding:50px 0;}

	#products .Label {margin:0 auto;padding:0 0 0 45px;}
	#products .Label span{border-bottom:6px solid #fff;}
	#products .Label span::before{width: 28px;height: 20px;background-size:28px;top:15px; left: 0;}

	#products .toggle:checked + .Label + .content {padding:5px 20px 0 20px ;}

	#products .products_specifications_in_box {display:block;width:100%;padding:50px 0 0 0;}

	#products .products_specifications_in_box dt{max-width:110px;width:100%;padding:10px 10px 10px 0;}
	#products .products_specifications_in_box dd{width:100%;padding:10px 0 10px 10px;}
	#products .products_specifications_in_box_l {width:100%;padding:0;}
	#products .products_specifications_in_box_r {width:100%;padding:0;}

	#products .products_download_in{padding:50px 0;}

	#products .products_download_in_box{display:block;padding:30px 0 0 0;}
	#products .products_download_in_box div{padding:20px 0 0 0;}
	#products .products_download_in_box div a{background-size:30px;}

	#history .history_con{margin-top: -9%;}
	#history .history_in{padding:0 0 80px 0;}

	#history .history_con h4 {background-size:73px;margin:0 auto 35px auto;padding:0 0 40px 0;}
	#history .history_con .electori60{max-width:150px;margin:0 auto 30px auto;}
	#history .history_in_in{background-size:100% 320px;}
	#history .history_body_out{background:url(../img/history/history_bg1_sp.png) right 40.5% no-repeat, url(../img/history/history_bg2_sp.png) left 75% no-repeat;background-size:100%;}

	#history .history_body{padding:90px 20px 60px 20px;}
	#history .history_body_in{background-origin: border-box;display:block;border-left:1px solid #23aaaa;position:relative;padding:0 0 60px 25px;}
	#history .history_body_in.pd-sml{padding:0 0 40px 25px;}

	#history .history_body_in .history_body_in_l{padding:0 0 30px 0;margin-top:0;width:100%;font-size:3.5rem;line-height:0.5;}
	#history .history_body_in .history_body_in_r{border-left:none;padding:0;position:static;}
	#history .history_body_in.pd-sml .history_body_in_r{padding:0;}
	#history .history_body_in .history_dot{left:-6px;top:-10px;width:12px;}
	#history .history_body_in .history_dot2{left:-24px;bottom:-24px;width:48px;}
	#history .history_tbc{padding:0;position:absolute;bottom:-30px;left:30px;}

	#history .history_body_in .history_body_in_l span.sp2{display:inline;}


	#mcintosh-history .mcintosh-history_nav{padding:20px 20px 0 20px;}
	#mcintosh-history .mcintosh-history_nav ul li{width:25%;padding:0 15px 20px 15px;text-align:center;}
	#mcintosh-history .mcintosh-history_nav ul li img{max-width:60px;}
	#mcintosh-history .years{width:80%;max-width:400px;position:absolute;top:0;right:20px;left:auto;}

	#mcintosh-history .mcintosh-history_1950{background-size:100% 250px;}
	#mcintosh-history .mcintosh-history_1950_in{background: url(../img/mcintosh/history/no_1950s_bg_sp.png) right bottom no-repeat;background-size:100%;}
	#mcintosh-history .mcintosh-history_1950_in_in{padding:80px 20px 0 20px;}

	#mcintosh-history .mcintosh-history_1960{background-size:100% 250px;}
	#mcintosh-history .mcintosh-history_1960_in{background: url(../img/mcintosh/history/no_1960s_bg_sp.png) left bottom no-repeat;background-size:100%;}
	#mcintosh-history .mcintosh-history_1960_in_in{padding:0 20px 0 20px;}

	#mcintosh-history .mcintosh-history_1970{background-size:100% 250px;}
	#mcintosh-history .mcintosh-history_1970_in{background: url(../img/mcintosh/history/no_1970s_bg_sp.png) right bottom no-repeat;background-size:100%;}
	#mcintosh-history .mcintosh-history_1970_in_in{padding:0 20px 0 20px;}

	#mcintosh-history .mcintosh-history_1980{background-size:100% 250px;}
	#mcintosh-history .mcintosh-history_1980_in{background: url(../img/mcintosh/history/no_1980s_bg_sp.png) right bottom no-repeat;background-size:100%;}
	#mcintosh-history .mcintosh-history_1980_in_in{padding:0 20px 0 20px;}

	#mcintosh-history .mcintosh-history_1990{background-size:100% 250px;}
	#mcintosh-history .mcintosh-history_1990_in{background: url(../img/mcintosh/history/no_1990s_bg_sp.png) left bottom no-repeat;background-size:100%;}
	#mcintosh-history .mcintosh-history_1990_in_in{padding:0 20px 0 20px;}

	#mcintosh-history .mcintosh-history_2000{background-size:100% 250px;}
	#mcintosh-history .mcintosh-history_2000_in{background: url(../img/mcintosh/history/no_2000s_bg_sp.png) left bottom no-repeat;background-size:100%;}
	#mcintosh-history .mcintosh-history_2000_in_in{padding:0 20px 0 20px;}

	#mcintosh-history .mcintosh-history_2010{background-size:100% 250px;}
	#mcintosh-history .mcintosh-history_2010_in{background: url(../img/mcintosh/history/no_2010s_bg_sp.png) right bottom no-repeat;background-size:100%;}
	#mcintosh-history .mcintosh-history_2010_in_in{padding:0 20px 0 20px;}

	#mcintosh-history .mcintosh-history_2020{background-size:100% 250px;}
	#mcintosh-history .mcintosh-history_2020_in{background: url(../img/mcintosh/history/no_2020s_bg_sp.png) left bottom no-repeat;background-size:100%;}
	#mcintosh-history .mcintosh-history_2020_in_in{padding:0 20px 0 20px;}

	#mcintosh-history .mcintosh-history_in {padding: 60px 0 80px 0;}
	#mcintosh-history .mcintosh-history_box{padding:20px 0 70px 30px;}
	#mcintosh-history .mcintosh-history_box_in{display:block;padding:0 0 50px 0;}
	#mcintosh-history .mcintosh-history_box_in .txt1{padding:0 0 30px 0;}
	#mcintosh-history .mcintosh-history_in .mcintosh-history_txt1{padding:0 0 30px 0;}
	#mcintosh-history .mcintosh-history_box_in .img1{width:auto;text-align:center;max-width:285px;margin:0 auto;}

	#mcintosh-history .mcintosh-history_box2{padding:0 0 40px 30px;}
	#mcintosh-history .mcintosh-history_box2_in{display:block;}
	#mcintosh-history .mcintosh-history_box2_in .mcintosh-history_box2_txt {padding:0;}
	#mcintosh-history .mcintosh-history_box2_in .mcintosh-history_box2_txt dt{padding:0 8px 0 0;}

	#mcintosh-history .mcintosh-history_box2_in .mcintosh-history_box2_img{width:auto;text-align:center;padding:0 0 30px 0;max-width:225px;margin:0 auto;}

	#mcintosh-history .mcintosh-history_dot0{left:-12px;top:-18px;width:22px;}
	#mcintosh-history .mcintosh-history_dot00{left:-12px;top:60px;width:22px;}
	#mcintosh-history .mcintosh-history_dot1{left:-6px;top:-10px;width:12px;}
	#mcintosh-history .mcintosh-history_dot2{left:-24px;bottom:-24px;width:48px;}
	#mcintosh-history .mcintosh-history_tbc{padding:200px 0 0 0;}



	.parallax_box.kv_mcintosh{min-height: 400px;}
	.parallax_box.kv_mcintosh .parallax_content::before {min-height: 540px;}

	.parallax_box.bg1_mcintosh{min-height: 0;}
	.parallax_box.bg1_mcintosh .parallax_content {position: static;}
	.parallax_box.bg1_mcintosh .parallax_content::before {background-size: 600px;}

	.parallax_box.bg2_mcintosh{min-height: 0;}
	.parallax_box.bg2_mcintosh .parallax_content {position: static;padding:60px 0 0 0!important;}
	.parallax_box.bg2_mcintosh .parallax_content::before {background-size: 600px;}

	.parallax_box.kv_about{min-height: 250px;}
	.parallax_box.kv_about .parallax_content::before {min-height: 390px;}

	.parallax_box.kv_dealers{min-height: 250px;}
	.parallax_box.kv_dealers .parallax_content::before {min-height: 390px;}

	.parallax_box.kv_products{min-height: 250px;}
	.parallax_box.kv_products .parallax_content::before {min-height: 390px;}


}





/*　SmartPhone　*/
@media only screen and (max-width:480px){
	body { font-size: 3.5vw; }
	header .h_in .gnav > ul > li{font-size:3.5vw;}

	footer small{font-size:3.3vw;}
	footer .f_link ul li{font-size:3.3vw;}

	.kv .kv_txt h3{font-size:6.5vw;}
	.kv .kv_txt p{font-size:4vw;}
	.kv .kv_txt .viewmore{font-size:3.3vw;}

	.whatsnew_in .link a{font-size:3.3vw;}

	.tistyle1{font-size:8vw;}
	.tistyle1-2{font-size:7vw;}

	.whatsnew_box li .cate{font-size:2.5vw;}

	.brands_end_box h3{font-size:4.5vw;}

	#top_about h2 {font-size: 5.5vw;}
	#top_about p{font-size:3.8vw;}

	.top_service_box .ti{font-size:4.5vw;}
	.top_service_box .txt{font-size:3.5vw;}

	.top_history_box .ti{font-size:4.5vw;}
	.top_history_box .txt{font-size:3.5vw;}
	.top_history_box .electori60_box p{font-size:3.5vw;}


	#mcintosh .txt1{font-size:3.5vw;}

	#mcintosh .products_in{height:200px;}
	#mcintosh .products_in_in{height:200px;}

	#mcintosh .about_in{height:200px;margin:40px 0 0 0;}
	#mcintosh .about_in_in{height:200px;}

	#mcintosh .history_in{height:200px;margin:40px 0 0 0;}
	#mcintosh .history_in_in{height:200px;}


	#mcintosh .products_in_in h3 {font-size: 6vw;}
	#mcintosh .products_in_in p{font-size:3vw;}

	#mcintosh .about_in_in h3{font-size:6vw;}
	#mcintosh .about_in_in p{font-size:3vw;}

	#mcintosh .history_in_in p{font-size:3vw;}

	#mcintosh .bg1_mcintosh ul li a h3{font-size:6vw;}
	#mcintosh .bg1_mcintosh ul li a p{font-size:3vw;}

	.f_mcintosh_in ul li{font-size:3.4vw;}
	.f_mcintosh2_in ul li{font-size:3.4vw;}

	#mcintosh .history_in_in h3 {font-size: 6vw;}

	#about .about-mc_in_in h3{font-size:6vw;}
	#about .about-mc_in_in p{font-size:3vw;}
	#about h2{font-size:6vw;}

	#about .txt1{font-size:3.5vw;}
	#about .facility h3{font-size:10vw;}
	#about .craftsmanship h3{font-size:10vw;}
	#about .sound h3{font-size:10vw;}

	#dealers .dealers_in h2{font-size:6vw;}
	#dealers .dealers_in .txt1{font-size:3.5vw;}
	#dealers .dealers-mc_in h3{font-size:6vw;}
	#dealers .dealers-mc_in p{font-size:3vw;}

	#dealers .dealers_ti{font-size:5.5vw;}

	#dealers .dealers_box_in{font-size:3.5vw;}
	#dealers .dealers_box_in_in h4 a{font-size:4.5vw;}
	#dealers .dealers_box_in_in h4 span{font-size:4.5vw;}

	#dealers .dealers_status span{font-size:3.3vw;}

	.ti_bar h2{font-size:4.5vw;}

	.whatsnew_tibox ul li a{font-size:3.8vw;}
	.whatsnew_tibox .databox .data{font-size:3.5vw;}
	.whatsnew_tibox .databox .cate span{font-size:3.3vw;}

	.whatsnew_dtl_in h4{font-size:5.5vw;}
	.whatsnew_dtl_in h5{font-size:4.5vw;}
	.whatsnew_dtl_in .txt1{font-size:3.5vw;}
	.whatsnew_dtl_in .txt2{font-size:3.5vw;}

	#products .products-mc_in_in h3{font-size:7vw;}
	#products .products-mc_in_in p{font-size:3vw;}
	#products .products_nav ul li button{font-size:2vw;}
	#products .products_list .products_list_in .name{font-size:4.2vw;}
	#products .products_dtl_box_ti h2{font-size:3.8vw;}
	#products .products_dtl_box_ti h3{font-size:6vw;}
	#products .products_dtl_box_ti p{font-size:3.5vw;}
	#products .products_dtl_box_txt{font-size:3.5vw;}
	#products .products_explanation_in h4 {font-size:4.5vw;}
	#products .Label {font-size:6.5vw;}

	#history .history_con h4 {font-size: 5.5vw;}
	#history .history_con .lead{font-size:3.5vw;}

	#history .history_body_in .history_body_in_l{font-size:9vw;}
	#history .history_body_in .history_body_in_l span.sp1{font-size:4.5vw;}
	#history .history_body_in .history_body_in_l span.sp2{font-size:4.2vw;}
	#history .history_body_in .history_body_in_r h5{font-size:4.5vw;}
	#history .history_body_in .history_body_in_r p{font-size:3.5vw;}
	#history .history_tbc{font-size:7vw;bottom:-25px;}


	#mcintosh-history .mcintosh-history_in h2{font-size:5.5vw;}


	#mcintosh-history .mcintosh-history-mc_in p{font-size:3vw;}

	#mcintosh-history .mcintosh-history_in .txt1{font-size:3.5vw;}
	#mcintosh-history .mcintosh-history_in .mcintosh-history_txt1{font-size:3.3vw;}
	#mcintosh-history .mcintosh-history_in_in h3{font-size:7vw;}
	#mcintosh-history .mcintosh-history_tbc{font-size:7vw;}

}