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

/* Style for Footer Menu Responsive Start
============================================ */
.common_footer_mobile{display:block;}
.common_footer_pc{display:none;}

@media (min-width: 576px) {
}
@media (min-width: 640px) {
.common_footer_mobile{display:block;}
.common_footer_pc{display:none;}
}
@media (min-width: 768px) {
.common_footer_mobile{display:none;}
.common_footer_pc{display:block;}
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}
/*  Style for footer Menu Responsive End
============================================ */


/* Style for Page-top Start
============================================ */
.page-top-wrap{ margin-top:3rem;  width:100%; padding:0; height:3rem;}
.page-top-wrap .page-top { max-width:1200px; margin:0 auto; }  /*z-index:2100; position: fixed; bottom: 0.8rem; right: 0.8rem; */
.page-top-wrap .page-top .page-top-inner {position:relative; margin-bottom:10px; max-width:600px; }
.page-top-wrap .page-top .page-top-inner a { background:rgba(51,51,51,0.3); text-decoration: none; color: #fff; padding: 1.4rem; text-align: center; display: block; border-radius: 10px; width:2.8rem; position:relative; margin:0 1rem 0 auto; }/* position:absolute; right:0;*/
.page-top-wrap .page-top .page-top-inner a::after{ content:""; width: 0.6rem; height: 0.6rem; border-top: #fff 3px solid; border-right: #fff 3px solid; position: absolute; right: 1.12rem; top: 0.2rem; bottom: 0; margin: auto; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.page-top-wrap .page-top .page-top-inner a:link, .page-top-wrap .page-top .page-top-inner a:visited { text-decoration: none; background:rgba(51,51,51,0.3); }
.page-top-wrap .page-top .page-top-inner a:hover, .page-top-wrap .page-top .page-top-inner a:active { text-decoration: none; background:rgba(51,51,51,0.7); }

/* Style for Page-top End
============================================ */

.common_footer_mobile {background-color:#eeeeee; padding:1rem 0 0;}
.common_footer_mobile ul li{ margin: 0; padding: 0; list-style: none; }
.common_footer_mobile .accordion_menu2_wrap{margin:1rem -10px 0; padding:0rem 0 1rem; background-color:#dddddd;}
.common_footer_mobile .accordion_menu2 {padding-left:0;}
.common_footer_mobile .accordion_menu2 li ul {padding-left:0;}
.common_footer_mobile .accordion_menu2 > li { border: #ccc 0px solid; margin-bottom: -1px; }
.common_footer_mobile .accordion_menu2 a{ color: #333; }
.common_footer_mobile .accordion_menu2 a[data-bs-toggle="collapse"]{ display: block; padding: 16px 20px; text-decoration: none; position: relative; background-color:#dddddd; }
.common_footer_mobile .accordion_menu2 a[data-bs-toggle="collapse"]:hover{ background: #dddddd; }
.common_footer_mobile .accordion_menu2 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_footer_mobile .accordion_menu2 a[aria-expanded=false]::after{ -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); transition-duration: 0.2s; }
.common_footer_mobile .accordion_menu2 a[aria-expanded=true]::after{ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); transition-duration: 0.2s; }
.common_footer_mobile [id^="collapse"] li{ padding: 1rem 20px 1rem 2rem; background-color:#eeeeee; }
.common_footer_mobile .footer-big-button-wrap {margin:0;}
.common_footer_mobile .footer-big-button-wrap .footer-big-button {padding-top:6px; padding-bottom:6px;}
.common_footer_mobile .footer-big-button-wrap .footer-big-button .btn {width:100%;}
.common_footer_mobile .footer-bottom{background-color:#555555; color:#dddddd; padding:1rem 0; font-size:0.8rem;}
.common_footer_mobile .footer-bottom ul > li {padding:0.4rem;}
.common_footer_mobile .footer-bottom ul > li a{color:#dddddd;}
.common_footer_mobile .footer-bottom .copyright {text-align:center; margin:1rem 0 0.2rem;}
.common_footer_mobile .footer-bottom .copyright small { font-size:0.6rem;}

.common_footer_pc {background-color:#eeeeee; padding:1rem 0 0;}
.common_footer_pc ul li{ margin: 0; padding: 0; list-style: none; }
.common_footer_pc .accordion_menu2_wrap{margin:2rem 0;}
.common_footer_pc .accordion_menu2 {padding-left:0;}
.common_footer_pc .accordion_menu2 > li { border: #ccc 0px solid; margin:20px 30px; display:inline-block; vertical-align:top; }
.common_footer_pc .accordion_menu2 li a{ color: #333;}
.common_footer_pc .accordion_menu2 > li > a{ font-size:1rem; font-weight:600;}
.common_footer_pc .accordion_menu2 li ul {margin-top:0.4rem; padding-left:0;}
.common_footer_pc .accordion_menu2 li ul.collapse {display:block!important;}
.common_footer_pc [id^="bottomenu"] li{ padding: 0.3rem 0; background-color:#eeeeee; font-size:0.8rem; }
.common_footer_pc .footer-big-button-wrap {margin-bottom:1rem;}
.common_footer_pc .footer-big-button-wrap .footer-big-button {padding-top:6px; padding-bottom:6px;}
.common_footer_pc .footer-big-button-wrap .footer-big-button .btn {width:100%; background-color:#ffffff;}
.common_footer_pc .footer-bottom{background-color:#555555; color:#dddddd; padding:1rem;}
.common_footer_pc .footer-bottom ul > li {padding:0.4rem 1.2rem; display:inline-block; }
.common_footer_pc .footer-bottom ul > li a{color:#dddddd; font-size:0.8rem;}
.common_footer_pc .footer-bottom .copyright {text-align:center; margin:1rem 0 0.2rem;}
.common_footer_mobile .footer-bottom .copyright small { font-size:0.6rem;}