/*!
* Common Css file for 'www.aiphone.net'
*/
@charset "utf-8";

/* Style for Header Menu Responsive Start
 ============================================ */
 .common_header_mobile{display:block;}
 .common_header_pc{display:none;}
 @media (min-width: 576px) {
     .common_header_mobile{display:block;}
     .common_header_pc{display:none;}
 }
 @media (min-width: 640px) {
     .common_header_mobile{display:none;}
     .common_header_pc{display:block;}
 }
 @media (min-width: 768px) {
     .common_header_mobile{display:none;}
     .common_header_pc{display:block;}
 }
 @media (min-width: 992px) {
     .common_header_mobile{display:none;}
     .common_header_pc{display:block;}
 }
 @media (min-width: 1200px) {
     .common_header_mobile{display:none;}
     .common_header_pc{display:block;}
 }

 /* Style for Header Menu Responsive End
 ============================================ */

 /* common_header_mobile Start
 ============================================= */

 .common_header_mobile {background-color:#f8f8f8;}
 .common_header_mobile .navbar-light {background-color:#f8f8f8!important;}
 .common_header_mobile .navbar-light .navbar-toggler{padding:0.25rem;font-size:0.9rem;}
 .common_header_mobile .navbar-light button{border:none; background-color:#f8f8f8;}
 .common_header_mobile .navbar-light button[aria-expanded="false"] .navbar-toggler-icon {background-image:url(/https/www.aiphone.net/common/header/images/icon_burger.svg);}
 .common_header_mobile .navbar-light button[aria-expanded="true"] .navbar-toggler-icon {background-image:url(/https/www.aiphone.net/common/header/images/icon_cross.svg);}
 .common_header_mobile .navbar {padding:.5rem 0.8rem;}
 .common_header_mobile .navbar .navbar-collapse{margin:0; background-color:#ffffff;}
 .common_header_mobile .navbar .navbar-brand{margin:0;}

 .common_header_mobile .navbar-collapse{position:absolute; top:70; padding-top:0; width:100%; left:0; z-index:2000;}
 .common_header_mobile .navbar-nav{position:relative;}

 .common_header_mobile ul li{ margin: 0; padding: 0; list-style: none; }
 .common_header_mobile .accordion_menu{box-shadow:0 0.4rem 0.4rem 0rem rgba(100,100,100,0.5); padding-left:0; background-color:#ffffff; }
 .common_header_mobile .accordion_menu li ul {padding-left:0;}
 .common_header_mobile .accordion_menu > li { border: #ccc 0px solid; margin-bottom: -1px; }
 .common_header_mobile .accordion_menu a{ color: #333; display: block; padding: 16px 20px; text-decoration: none; position: relative;}
 .common_header_mobile .accordion_menu a[data-bs-toggle="collapse"]{ display: block; padding: 16px 20px; text-decoration: none; position: relative; }
 .common_header_mobile .accordion_menu a[data-bs-toggle="collapse"]:hover{ background: #dddddd; }
 .common_header_mobile .accordion_menu a[data-bs-toggle="collapse"]::after{ content:""; display: block; width: 8px; height: 8px; border-top: #333 2px solid; border-right: #333 2px solid; position: absolute; right: 25px; top: 0; bottom: 0; margin: auto; }
 .common_header_mobile .accordion_menu a[aria-expanded=false]::after{ -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); transition-duration: 0.16s; }
 .common_header_mobile .accordion_menu a[aria-expanded=true]::after{ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); transition-duration: 0.16s; }
 .common_header_mobile [id^="menu"] li{ padding: 0rem 20px 0rem 2rem; background-color:#eeeeee; }
 .common_header_mobile [id^="menu"] li:first-child{ padding: 1rem 20px 0rem 2rem;}
 .common_header_mobile [id^="menu"] li:last-child{ padding: 0rem 20px 1rem 2rem;}
/* common_header_mobile End
 ============================================= */


 /* common_header_pc Start
============================================= */
.common_header_pc{font-size:0.875rem; background-color:#f8f8f8; color:#333333;}
.common_header_pc a {color:#333333;}
.common_header_pc ul > li > a {width:100%; height:100%; display:inline-block;}
.common_header_pc ul > li > a:hover{text-decoration:none; background-color:#ececec;}
.common_header_pc ul.menu_global > li > a[aria-expanded="true"]{text-decoration:none; background-color:#fff;}
.common_header_pc ul > li > a {-js-display: flex; display: flex; justify-content: center; align-items: center; text-align:center;}
.common_header_pc .logo-h1 {-js-display: flex; display: flex; justify-content: center; align-items: center; text-align:center; width:154px; float:left; height:100%;}
.common_header_pc .logo-h1 h1, .common_header_pc .logo-h1 p{margin:0; padding:0;}
.common_header_pc .logo-h1 p{font-size:1.9rem; line-height:36.48px;}/* 16 * 1.2* 1.9*/
.common_header_pc .logo-h1 h1 img, .common_header_pc .logo-h1 p img{max-height:47px; max-width:128px;}
.common_header_pc .search_globalink {-js-display: flex; display: flex; justify-content: center; align-items: center; font-size:0.8rem; margin-right:10px; float:right; height:100%; letter-spacing:0.02em;}
.common_header_pc .search_globalink a:hover{text-decoration:none; background-color:#ececec;}
.common_header_pc .search_globalink img{ vertical-align:middle; width:1.2em; height:1.2em;}
/* customize bootstrap */
.common_header_pc ul.menu_global{ margin:0;padding:0; height:100%;}
.common_header_pc ul.menu_global > li{float:left; list-style-type:none; padding:0; height:100%;}
.common_header_pc ul.menu_global > li > a { vertical-align:middle;padding:0 0.4em; box-sizing:border-box; border-bottom:solid #f8f8f8 2px; transition:color .16s ease-in-out,background-color .16s ease-in-out,border-color .16s ease-in-out,box-shadow .16s ease-in-out;}
.common_header_pc ul.menu_global > li.currentpage > a, .common_header_pc ul.menu_global > li > a:hover{ border-bottom:solid #bbbbbb 2px;}
/* IE9 hack */
@media all and (min-width:0\0) and (min-resolution: .001dpcm) {
    .common_header_pc ul.menu_global > li > a { padding-top:1.4em; };
}
.common_header_pc ul.menu_global > li > a > span{vertical-align:middle; font-weight:500;}
.common_header_pc ul.menu_global > li > a > img {vertical-align:middle; width:0.5em; height:0.5em;}
/* menu hover */
.common_header_pc ul.menu_global > li .menu_tabarea_level { opacity: 1; z-index: 2000; position: absolute; top: 72px; left: 0; box-sizing: border-box; width: 100%; padding: 0 0 0px 0; background: #ffffff; border-bottom:solid #dddddd 1px; -webkit-transition: all .16s ease; transition: all .16s ease; box-shadow:0px 10px 10px 0px rgba(0,0,0,0.4) ; }
.common_header_pc ul.menu_global > li:hover .menu_tabarea_level{ top: 72px; visibility: visible; opacity: 1; text-align:left; }
.common_header_pc ul.menu_global > li .menu_tabarea_level_contents {max-width:1200px;margin:0 auto; padding-bottom:10px;}
.common_header_pc ul.menu_global > li .menu_tabarea_level_contents .col-3, .common_header_pc ul.menu_global > li .menu_tabarea_level_contents .col-4 {padding-right:0; padding-left:0;}
.common_header_pc ul.menu_global > li .menu_tabarea_level_contents .col-3 a, .common_header_pc ul.menu_global > li .menu_tabarea_level_contents .col-4 a {display:block; width:100%; height:100%; padding:6%;}/*1.8vw 4vw;*/
.common_header_pc ul.menu_global > li .menu_tabarea_level_contents .col-3 a, .common_header_pc ul.menu_global > li .menu_tabarea_level_contents .col-4 a div.imgbox-c{padding:8% 12%;}/* 8% 6% */
.common_header_pc ul.menu_global > li .menu_tabarea_level_contents .col-3 p, .common_header_pc ul.menu_global > li .menu_tabarea_level_contents .col-4 p {margin-bottom:0; margin-top:0.5rem;}
.common_header_pc ul.menu_global > li .menu_tabarea_level_contents .col-3:hover, .common_header_pc ul.menu_global > li .menu_tabarea_level_contents .col-4:hover {background-color:#ececec; transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.common_header_pc ul.menu_global > li .menu_tabarea_level_contents.menuarea-1 {}
.common_header_pc ul.menu_global > li .menu_tabarea_level_contents.menuarea-2 {}
.common_header_pc ul.menu_global > li .menu_tabarea_level_contents.menuarea-3 img {max-height:5rem; margin-bottom:0.4rem;}
.common_header_pc ul.menu_global > li .menu_tabarea_level_contents .txt_menu-link::before{content:'» '; text-indent:0.5em; margin-left:-0.5em;}
.common_header_pc ul.menu_global > li .menu_tabarea_level_contents .row{}
 /* common_header_pc End
============================================= */



 /* For Shutto Translate Service START
============================================= */
@media (max-width: 641px) {
}
:root {
--right-position: calc(50% - 568px);
}
@media (max-width: 1200px) {
:root {
--right-position: 32px;
}
}
.stt-lang-select.tl, .stt-lang-select.bl, .stt-lang-select.tr, .stt-lang-select.bl, .stt-lang-select.cr, .stt-lang-select.cl {
text-align: right;
bottom: 1rem !important;
left: 1rem !important;
top: auto !important;
right: auto !important;
border-radius: 1rem !important;
}
.stt-lang-select {
border-radius: 1rem !important;
padding: .4rem !important;
}
.stt-lang-select {
max-height: none !important;
}

@media (min-width: 640px) {
.stt-lang-select.tl, .stt-lang-select.bl, .stt-lang-select.tr, .stt-lang-select.bl, .stt-lang-select.cr, .stt-lang-select.cl {
text-align: right;
bottom: auto !important;
left: auto !important;
top: 5.4rem !important;
right: var(--right-position) !important;
border-radius: 1rem !important;
}
.stt-lang-select {
border-radius: 1rem !important;
padding: .4rem !important;
}
.stt-lang-select {
max-height: none !important;
}


}
/* For Shutto Translate Service END
============================================= */