/*!
 * Common Css file for 'www.aiphone.net'
 */

 @charset "utf-8";
 html,
 body {
     font-size: 100%;
     margin: 0;
     padding: 0;
 }
 
 a,
 a:link,
 a:visited {
     color: #333;
 }
 
 a:hover,
 a:active {
     text-decoration: underline;
     color: #000000;
 }
 
 a.btn,
 a.btn:link,
 a.btn:visited {
     color: inherit;
 }
 
 a.btn:hover,
 a.btn:active {
     text-decoration: none;
     color: inherit;
 }
 
 
 a.underline,
 a.underline:link,
 a.underline:visited {
     color: inherit;
     text-decoration:underline;
 }
 
 a.underline:hover,
 a.underline:active {
     text-decoration:underline;
     color: inherit;
 }
 
 
 
 
 
 
 /* section block
 -------------------------------------- */
 
 section.ample {
     margin-bottom: 60px;
     padding: 10px 0;
 }
 
 section.condense {
     margin-bottom: 20px;
     padding: 0;
 }
 
 @media (min-width: 576px) {}
 
 @media (min-width: 640px) {}
 
 @media (min-width: 768px) {
     section.ample {
         margin-bottom: 70px;
         padding: 10px 0;
     }
     section.condense {
         margin-bottom: 30px;
         padding: 0;
     }
 }
 
 @media (min-width: 992px) {}
 
 @media (min-width: 1200px) {}
 
 
 /* content block
 -------------------------------------- */
 
 .content-wrap {
     /*    border:solid green 1px;   */
     margin: 0 0;
     padding: 0;
 }
 
 .content-block,
 .content-block-full,
 .content-block-grid {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 20px;
 }
 
 .content-block-full {
     padding: 0;
 }
 
 .content-block-grid {
     padding: 0 10px;
 }
 
 .content-box {
     /*    border:solid orange 1px;  */
 }
 
 
 /* Card block (General Menu List) (Bootstrap Customize)
 -------------------------------------- */
 
 .menu-list-general .card {
     margin-bottom: 20px;
 }
 
 .menu-list-general .card .card-body .card-title {
     margin-top: 1rem;
     margin-bottom: 1.3rem;
     font-size:1.1rem;
 }
 
 .menu-list-general .card a,
 .menu-list-general .card a:hover {
     color: inherit;
     text-decoration: none;
 }
 
 .menu-list-general .card a:hover h5 {
     text-decoration: underline;
 }
 
 @media (min-width: 576px) {}
 
 @media (min-width: 640px) {
     .menu-list .card-deck .card {
         margin-bottom: 20px;
     }
 }
 
 @media (min-width: 768px) {
     .menu-list .card-deck .card {
         margin-bottom: 70px;
     }
     .menu-list-general .card .card-body .card-title {font-size:1rem;}
 }
 
 @media (min-width: 992px) {}
 
 @media (min-width: 1200px) {}
 
 
 
 /* Video Block (J-Stream Tag)
     <div class="block-j-stream-wrap">
         <div class="block-j-stream">
 -------------------------------------- */
 .block-j-stream{ width: 100%;position: relative;padding-bottom: 56.25%; margin:0;}
 @media (min-width: 576px) {
     .block-j-stream-wrap{ padding-left:3.5rem; padding-right:3.5rem;}
 }
 
 
 /* Top image area (Bootstrap Customize)
 -------------------------------------- */
 
 .top-image-area {
     margin-bottom: 20px;
 }
 
 .top-image-area .card {
     border: 0;
     border-radius: unset;
     height: 20vw;
     max-height: 12rem;
     min-height: 8rem;
     overflow: hidden;
 }
 
 .top-image-area .card .card-img {
     border: 0;
     border-radius: unset;
     margin-top: -3.7%;
     flex-shrink: 0;
     height: auto;
     width: 100%;
 }
 
 .top-image-area .card-img-overlay * {
     background-color: rgba(255, 255, 255, 0.7);
     display: inline-block;
 }
 
 .top-image-area .card-img-overlay h1 {
     font-size: 1.1rem;
     padding: .6rem 2.4rem;
     margin: inherit auto;
     font-weight: 700;
     letter-spacing: -.03em;
     color: #242424;
 }
 
 @media (min-width: 576px) {}
 
 @media (min-width: 640px) {
     .top-image-area .card-img-overlay h1 {
         font-size: 1.9rem;
     }
 }
 
 @media (min-width: 768px) {}
 
 @media (min-width: 992px) {}
 
 @media (min-width: 1200px) {}
 
 @media (max-width: 640px) {
     .top-image-area .card-img-overlay {
         text-align: center;
     }
 }
 
 
 /* Top Text Area
 -------------------------------------- */
 
 .text-box_responsive p {
     margin-top: 0vw;
     margin-bottom: 6vw;
 }
 
 @media (min-width: 768px) {
     .text-box_responsive p {
         margin-top: 3vw;
         margin-bottom: 6vw;
     }
 }
 
 @media (min-width: 960px) {
     .text-box_responsive p {
         margin-top: 4vw;
         margin-bottom: 6vw;
     }
 }
 
 @media (min-width: 1200px) {
     .text-box_responsive p {
         margin-top: 3em;
         margin-bottom: 3em;
     }
 }
 
 
 /* Headline
 -------------------------------*/
 
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin-bottom: .5rem;
     font-weight: 500;
     line-height: 1.2
 }
 
 .h1,
 h1 {
     font-size: 1.5rem;
     margin-bottom: 1rem;
 }
 
 .h2,
 h2 {
     font-size: 1.5rem;
     margin-bottom: 1rem;
 }
 
 .h3,
 h3 {
     font-size: 1.3rem;
     margin-bottom: .8rem;
 }
 
 .h4,
 h4 {
     font-size: 1.2rem;
     margin-bottom: .6rem;
 }
 
 .h5,
 h5 {
     font-size: 1.1rem;
     margin-bottom: .6rem;
 }
 
 .h6,
 h6 {
     font-size: 1.1rem;
     font-weight: 300;
     margin-bottom: .6rem;
 }
 
 @media (min-width: 576px) {}
 
 @media (min-width: 640px) {}
 
 @media (min-width: 768px) {
     .h1,
     h1 {
         font-size: 1.9rem;
         margin-bottom: 1.2rem;
     }
     .h2,
     h2 {
         font-size: 2.1rem;
         margin-bottom: 1.2rem;
         letter-spacing: -0.01em;
     }
     .h3,
     h3 {
         font-size: 1.5rem;
         margin-bottom: .9rem;
     }
     .h4,
     h4 {
         font-size: 1.25rem;
         margin-bottom: .6rem;
     }
     .h5,
     h5 {
         font-size: 1rem;
         margin-bottom: .5rem;
     }
     .h6,
     h6 {
         font-size: 1rem;
         font-weight: 300;
         ;
         margin-bottom: .5rem;
     }
 }
 
 @media (min-width: 992px) {}
 
 @media (min-width: 1200px) {}
 
 .base-h1 a:link,
 .base-h1 a:visited,
 .base-h1 a:hover,
 .base-h1 a:active {
     text-decoration: none;
 }
 
 
 /*  backgrond image
 ----------------------------------------------- */
 
 .bg-image-cover-l {
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center left;
 }
 
 .bg-image-cover-r {
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center right;
 }
 
 .bg-image-cover-c {
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
 }
 
 .bg-image-contain {
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center center;
 }
 
 .bg-image-auto {
     background-size: auto;
     background-repeat: no-repeat;
     background-position: center center;
 }
 
 
 /* image
 -------------------------------------- */
 
 img.w100auto {
     max-width: 100%;
     width/***/
     : auto;
     height: auto;
 }
 
 .imgbox-l {
     text-align: left;
     padding: 10px;
     margin: 0;
 }
 
 .imgbox-l img {
     margin-left: 0;
     margin-right: auto;
 }
 
 .imgbox-r {
     text-align: right;
     padding: 10px;
     margin: 0;
 }
 
 .imgbox-r img {
     margin-right: 0;
     margin-left: auto;
 }
 
 .imgbox-c {
     text-align: center;
     padding: 10px;
     /* 0 */
     margin: 0;
 }
 
 .imgbox-c img {
     margin-left: auto;
     margin-right: auto;
 }
 
 .img-alp:hover img {
     filter: Alpha(opacity=80);
     -moz-opacity: 0.80;
     opacity: 0.80;
 }
 
 .img_alp:active img {
     filter: Alpha(opacity=60);
     -moz-opacity: 0.60;
     opacity: 0.60;
 }
 
 
 /* Table Style
 -------------------------------------- */
 
 table.table-normal {
     border-collapse: collapse;
 }
 
 table.table-normal th,
 table.table-normal td {
     border: solid #aaa 1px;
     padding: 0.5em;
     font-size: 0.9em;
 }
 
 table.table-normal th {
     background-color: #eeeeee;
 }
 
 table.zebra tr:nth-child(odd) {
     background-color: #f6f6f6;
 }
 
 
 /*.table-wrap { overflow-x: auto; width:100%; } */
 
 div.table-wrap {
     overflow-x: auto;
     padding-top: 1.4em;
 }
 
 div.table-wrap>table th,
 .white-nowrap {
     white-space: nowrap;
 }
 
 @media screen and (max-width: 639px) {
     div.table-wrap:before {
         content: "This table might be scrolled to >>";
         position: absolute;
         right: 1em;
         text-align: right;
         margin-top: -1.8em;
         margin-right: 0;
         margin-left: auto;
         width: 100%;
         display: block;
         float: right;
         font-size: 0.8em;
     }
 }
 
 table.minwidth-640,
 table.minwidth-768,
 table.minwidth-992 {
     margin: 0 10px 40px;
 }
 
 
 /*
 @media (min-width: 576px) {
     .table-wrap{min-width: 576px;}
 }
 @media (min-width: 640px) {
     .table-wrap{min-width: 640px;}
 }
 @media (min-width: 768px) {
     .table-wrap{min-width: 768px;}
 }
 @media (min-width: 992px) {
     .table-wrap{min-width: 992px;}
 }
 @media (min-width: 1200px) {
 }
 */
 
 table .nobrake {
     white-space: nowrap;
 }
 
 
 /* List Style
 --------------------------------------- */
 
 ul.nodeco-list {
     padding-left: 0;
 }
 
 ul.nodeco-list li {
     list-style-type: none;
 }
 
 ul.normal-list {}
 
 ul.normal-list li {
     list-style-type: disc;
 }
 
 /* For INFORMATION Start */
 .top-information .content-box > dl dt{padding:1.8rem 0 0 0;}
 .top-information .content-box > dl dt h3{font-size:inherit;font-weight:inherit;margin-bottom:inherit;line-height:inherit;}
 .top-information .content-box > dl dd{padding:0 0 1rem 1rem;line-height:1.3rem; border-bottom:solid #eee 1px; margin:0;}
 .top-information a {color: inherit; text-decoration: none;}
 .top-information a:hover {text-decoration: underline;}
 /* For INFORMATION End */
 
 /* Header Indent
 ========================= */
 .indent-style_1{text-indent:-1em; margin-left:1em;}
 .indent-style_15{text-indent:-1.5em; margin-left:1.5em;}
 .indent-style_2{text-indent:-2em; margin-left:2em;}
 .indent-style_25{text-indent:-2.5em; margin-left:2.5em;}
 
 /* Border
 -------------------------------------- */
 
 .border-gray {
     border: solid #e2e2d2 1px;
 }
 
 .border-t-gray {
     border-top: solid #e2e2d2 1px;
 }
 
 .border-b-gray {
     border-bottom: solid #e2e2d2 1px;
 }
 
 .border-r-gray {
     border-right: solid #e2e2d2 1px;
 }
 
 .border-l-gray {
     border-left: solid #e2e2d2 1px;
 }
 
 
 /* Split Style Class
 -------------------------------------- */
 
 .align_l {
     text-align: left !important;
 }
 
 .align_r {
     text-align: right !important;
 }
 
 .float_l {
     float: left !important;
 }
 
 .float_r {
     float: right !important;
 }
 
 .mt0 {
     margin-top: 0 !important;
 }
 
 .mt10 {
     margin-top: 10px !important;
 }
 
 .mt20 {
     margin-top: 20px !important;
 }
 
 .mt30 {
     margin-top: 30px !important;
 }
 
 .mt40 {
     margin-top: 40px !important;
 }
 
 .mt50 {
     margin-top: 50px !important;
 }
 
 .mt60 {
     margin-top: 60px !important;
 }
 
 .mt70 {
     margin-top: 70px !important;
 }
 
 .mt80 {
     margin-top: 80px !important;
 }
 
 .mt90 {
     margin-top: 90px !important;
 }
 
 .mt100 {
     margin-top: 100px !important;
 }
 
 .mb0 {
     margin-bottom: 0 !important;
 }
 
 .mb10 {
     margin-bottom: 10px !important;
 }
 
 .mb20 {
     margin-bottom: 20px !important;
 }
 
 .mb30 {
     margin-bottom: 30px !important;
 }
 
 .mb40 {
     margin-bottom: 40px !important;
 }
 
 .mb50 {
     margin-bottom: 50px !important;
 }
 
 .mb60 {
     margin-bottom: 60px !important;
 }
 
 .mb70 {
     margin-bottom: 70px !important;
 }
 
 .mb80 {
     margin-bottom: 80px !important;
 }
 
 .mb90 {
     margin-bottom: 90px !important;
 }
 
 .mb100 {
     margin-bottom: 100px !important;
 }
 
 .mt1rem {
     margin-top: 1rem !important;
 }
 
 .mt2rem {
     margin-top: 2rem !important;
 }
 
 .mt3rem {
     margin-top: 3rem !important;
 }
 
 .mt4rem {
     margin-top: 4rem !important;
 }
 
 .mt5rem {
     margin-top: 5rem !important;
 }
 
 .mt6rem {
     margin-top: 6rem !important;
 }
 
 .mt7rem {
     margin-top: 7rem !important;
 }
 
 .mt8rem {
     margin-top: 8rem !important;
 }
 
 .mt9rem {
     margin-top: 9rem !important;
 }
 
 .mt10rem {
     margin-top: 10rem !important;
 }
 
 .mb1rem {
     margin-bottom: 1rem !important;
 }
 
 .mb2rem {
     margin-bottom: 2rem !important;
 }
 
 .mb3rem {
     margin-bottom: 3rem !important;
 }
 
 .mb4rem {
     margin-bottom: 4rem !important;
 }
 
 .mb5rem {
     margin-bottom: 5rem !important;
 }
 
 .mb6rem {
     margin-bottom: 6rem !important;
 }
 
 .mb7rem {
     margin-bottom: 7rem !important;
 }
 
 .mb8rem {
     margin-bottom: 8rem !important;
 }
 
 .mb9rem {
     margin-bottom: 9rem !important;
 }
 
 .mb10rem {
     margin-bottom: 10rem !important;
 }
 
 .mr0 {
     margin-right: 0 !important;
 }
 
 .mr10 {
     margin-right: 10px !important;
 }
 
 .mr20 {
     margin-right: 20px !important;
 }
 
 .mr30 {
     margin-right: 30px !important;
 }
 
 .mr40 {
     margin-right: 40px !important;
 }
 
 .mr50 {
     margin-right: 50px !important;
 }
 
 .mr60 {
     margin-right: 60px !important;
 }
 
 .mr70 {
     margin-right: 70px !important;
 }
 
 .mr80 {
     margin-right: 80px !important;
 }
 
 .mr90 {
     margin-right: 90px !important;
 }
 
 .mr100 {
     margin-right: 100px !important;
 }
 
 .ml0 {
     margin-left: 0 !important;
 }
 
 .ml10 {
     margin-left: 10px !important;
 }
 
 .ml20 {
     margin-left: 20px !important;
 }
 
 .ml30 {
     margin-left: 30px !important;
 }
 
 .ml40 {
     margin-left: 40px !important;
 }
 
 .ml50 {
     margin-left: 50px !important;
 }
 
 .ml60 {
     margin-left: 60px !important;
 }
 
 .ml70 {
     margin-left: 70px !important;
 }
 
 .ml80 {
     margin-left: 80px !important;
 }
 
 .ml90 {
     margin-left: 90px !important;
 }
 
 .ml100 {
     margin-left: 100px !important;
 }
 
 .mr1rem {
     margin-right: 1rem !important;
 }
 
 .mr2rem {
     margin-right: 2rem !important;
 }
 
 .mr3rem {
     margin-right: 3rem !important;
 }
 
 .mr4rem {
     margin-right: 4rem !important;
 }
 
 .mr5rem {
     margin-right: 5rem !important;
 }
 
 .mr6rem {
     margin-right: 6rem !important;
 }
 
 .mr7rem {
     margin-right: 7rem !important;
 }
 
 .mr8rem {
     margin-right: 8rem !important;
 }
 
 .mr9rem {
     margin-right: 9rem !important;
 }
 
 .mr10rem {
     margin-right: 10rem !important;
 }
 
 .ml1rem {
     margin-left: 1rem !important;
 }
 
 .ml2rem {
     margin-left: 2rem !important;
 }
 
 .ml3rem {
     margin-left: 3rem !important;
 }
 
 .ml4rem {
     margin-left: 4rem !important;
 }
 
 .ml5rem {
     margin-left: 5rem !important;
 }
 
 .ml6rem {
     margin-left: 6rem !important;
 }
 
 .ml7rem {
     margin-left: 7rem !important;
 }
 
 .ml8rem {
     margin-left: 8rem !important;
 }
 
 .ml9rem {
     margin-left: 9rem !important;
 }
 
 .ml10rem {
     margin-left: 10rem !important;
 }
 
 .pt0 {
     padding-top: 0 !important;
 }
 
 .pt10 {
     padding-top: 10px !important;
 }
 
 .pt20 {
     padding-top: 20px !important;
 }
 
 .pt30 {
     padding-top: 30px !important;
 }
 
 .pt40 {
     padding-top: 40px !important;
 }
 
 .pt50 {
     padding-top: 50px !important;
 }
 
 .pt60 {
     padding-top: 60px !important;
 }
 
 .pt70 {
     padding-top: 70px !important;
 }
 
 .pt80 {
     padding-top: 80px !important;
 }
 
 .pt90 {
     padding-top: 90px !important;
 }
 
 .pt100 {
     padding-top: 100px !important;
 }
 
 .pb0 {
     padding-bottom: 0 !important;
 }
 
 .pb10 {
     padding-bottom: 10px !important;
 }
 
 .pb20 {
     padding-bottom: 20px !important;
 }
 
 .pb30 {
     padding-bottom: 30px !important;
 }
 
 .pb40 {
     padding-bottom: 40px !important;
 }
 
 .pb50 {
     padding-bottom: 50px !important;
 }
 
 .pb60 {
     padding-bottom: 60px !important;
 }
 
 .pb70 {
     padding-bottom: 70px !important;
 }
 
 .pb80 {
     padding-bottom: 80px !important;
 }
 
 .pb90 {
     padding-bottom: 90px !important;
 }
 
 .pb100 {
     padding-bottom: 100px !important;
 }
 
 .pt1rem {
     padding-top: 1rem !important;
 }
 
 .pt2rem {
     padding-top: 2rem !important;
 }
 
 .pt3rem {
     padding-top: 3rem !important;
 }
 
 .pt4rem {
     padding-top: 4rem !important;
 }
 
 .pt5rem {
     padding-top: 5rem !important;
 }
 
 .pt6rem {
     padding-top: 6rem !important;
 }
 
 .pt7rem {
     padding-top: 7rem !important;
 }
 
 .pt8rem {
     padding-top: 8rem !important;
 }
 
 .pt9rem {
     padding-top: 9rem !important;
 }
 
 .pt10rem {
     padding-top: 10rem !important;
 }
 
 .pb1rem {
     padding-bottom: 1rem !important;
 }
 
 .pb2rem {
     padding-bottom: 2rem !important;
 }
 
 .pb3rem {
     padding-bottom: 3rem !important;
 }
 
 .pb4rem {
     padding-bottom: 4rem !important;
 }
 
 .pb5rem {
     padding-bottom: 5rem !important;
 }
 
 .pb6rem {
     padding-bottom: 6rem !important;
 }
 
 .pb7rem {
     padding-bottom: 7rem !important;
 }
 
 .pb8rem {
     padding-bottom: 8rem !important;
 }
 
 .pb9rem {
     padding-bottom: 9rem !important;
 }
 
 .pb10rem {
     padding-bottom: 10rem !important;
 }
 
 .pr0 {
     padding-right: 0 !important;
 }
 
 .pr10 {
     padding-right: 10px !important;
 }
 
 .pr20 {
     padding-right: 20px !important;
 }
 
 .pr30 {
     padding-right: 30px !important;
 }
 
 .pr40 {
     padding-right: 40px !important;
 }
 
 .pr50 {
     padding-right: 50px !important;
 }
 
 .pr60 {
     padding-right: 60px !important;
 }
 
 .pr70 {
     padding-right: 70px !important;
 }
 
 .pr80 {
     padding-right: 80px !important;
 }
 
 .pr90 {
     padding-right: 90px !important;
 }
 
 .pr100 {
     padding-right: 100px !important;
 }
 
 .pl0 {
     padding-left: 0 !important;
 }
 
 .pl10 {
     padding-left: 10px !important;
 }
 
 .pl20 {
     padding-left: 20px !important;
 }
 
 .pl30 {
     padding-left: 30px !important;
 }
 
 .pl40 {
     padding-left: 40px !important;
 }
 
 .pl50 {
     padding-left: 50px !important;
 }
 
 .pl60 {
     padding-left: 60px !important;
 }
 
 .pl70 {
     padding-left: 70px !important;
 }
 
 .pl80 {
     padding-left: 80px !important;
 }
 
 .pl90 {
     padding-left: 90px !important;
 }
 
 .pl100 {
     padding-left: 100px !important;
 }
 
 .pr1rem {
     padding-right: 1rem !important;
 }
 
 .pr2rem {
     padding-right: 2rem !important;
 }
 
 .pr3rem {
     padding-right: 3rem !important;
 }
 
 .pr4rem {
     padding-right: 4rem !important;
 }
 
 .pr5rem {
     padding-right: 5rem !important;
 }
 
 .pr6rem {
     padding-right: 6rem !important;
 }
 
 .pr7rem {
     padding-right: 7rem !important;
 }
 
 .pr8rem {
     padding-right: 8rem !important;
 }
 
 .pr9rem {
     padding-right: 9rem !important;
 }
 
 .pr10rem {
     padding-right: 10rem !important;
 }
 
 .pl1rem {
     padding-left: 1rem !important;
 }
 
 .pl2rem {
     padding-left: 2rem !important;
 }
 
 .pl3rem {
     padding-left: 3rem !important;
 }
 
 .pl4rem {
     padding-left: 4rem !important;
 }
 
 .pl5rem {
     padding-left: 5rem !important;
 }
 
 .pl6rem {
     padding-left: 6rem !important;
 }
 
 .pl7rem {
     padding-left: 7rem !important;
 }
 
 .pl8rem {
     padding-left: 8rem !important;
 }
 
 .pl9rem {
     padding-left: 9rem !important;
 }
 
 .pl10rem {
     padding-left: 10rem !important;
 }
 
 .ptrbl0 {
     padding: 0 !important;
 }
 
 .ptrbl10 {
     padding: 10px !important;
 }
 
 .ptrbl20 {
     padding: 20px !important;
 }
 
 .ptrbl30 {
     padding: 30px !important;
 }
 
 .ptrbl40 {
     padding: 40px !important;
 }
 
 .ptrbl50 {
     padding: 50px !important;
 }
 
 .ptrbl60 {
     padding: 60px !important;
 }
 
 .ptrbl70 {
     padding: 70px !important;
 }
 
 .ptrbl80 {
     padding: 80px !important;
 }
 
 .ptrbl90 {
     padding: 90px !important;
 }
 
 .ptrbl100 {
     padding: 100px !important;
 }
 
 .ptrbl1rem {
     padding: 1rem !important;
 }
 
 .ptrbl2rem {
     padding: 2rem !important;
 }
 
 .ptrbl3rem {
     padding: 3rem !important;
 }
 
 .ptrbl4rem {
     padding: 4rem !important;
 }
 
 .ptrbl5rem {
     padding: 5rem !important;
 }
 
 .ptrbl6rem {
     padding: 6rem !important;
 }
 
 .ptrbl7rem {
     padding: 7rem !important;
 }
 
 .ptrbl8rem {
     padding: 8rem !important;
 }
 
 .ptrbl9rem {
     padding: 9rem !important;
 }
 
 .ptrbl10rem {
     padding: 10rem !important;
 }
 
 .talign-l {
     text-align: left !important;
 }
 
 .talign-r {
     text-align: right !important;
 }
 
 .talign-c {
     text-align: center !important;
 }
 
 
 /* content block
 -------------------------------------- */
 
 
 /* Style for Product Header Menu Responsive Start
 ============================================ */
 
 
 /* category-head
 -------------------------------*/
 
 .category-head {
     font-size: 0.9rem;
     color: #333333;
     margin-bottom: 0.6rem;
 }
 
 .category-head .content-block-full {}
 
 .category-head .category-title {
     padding: 0.8rem 0 0.4rem 0.4rem;
 }
 
 .category-head .category-title a {
     color: inherit;
 }
 
 .category-head .local-link-list_wrap {
     width: 100%;
     padding: 0;
     margin: 0 auto;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
     max-width: 1200px;
     transition: all .16s;
     -webkit-transition: all .16s;
 }
 
 .category-head .local-link-list_wrap::-webkit-scrollbar {
     display: none;
 }
 
 .category-head .local-link-list {
     display: block;
     width: auto;
 }
 
 .category-head ul {
     padding: 0.4rem 0;
     margin: 0;
     display: table;
     border-top: solid #dddddd 1px;
     border-bottom: 0;
     color: #888888;
 }
 
 .category-head ul li {
     display: inline-block;
     padding: 0 1rem;
     margin: 0;
     display: table-cell;
     white-space: nowrap;
     border-right: solid #dddddd 1px;
     letter-spacing: -.04em;
 }
 
 .category-head ul li a {
     color: inherit;
 }
 
 
 /* category-head End
 -------------------------------*/
 
 
 /* local-menu
 -------------------------------*/
 
 .local-menu {
     margin-bottom: 1rem;
     background-color: #ffffff;
 }
 
 .local-menu .local-link-list {
     background-color: #eaeaea;
     border-top: 0;
     border-bottom: solid #ffffff 1px;
     font-size: 0.8rem;
 }
 
 .local-menu .local-link-list div.col-6 {
     text-align: center;
     border-bottom: solid #ffffff 1px;
     border-right: solid #ffffff 1px;
     line-height: 1.2em;
     box-sizing: border-box;
 }
 
 .local-menu .local-link-list div.col-6:nth-child(odd) {
     border-left: solid #ffffff 1px;
 }
 
 .local-menu .local-link-list div.col-6 a {
     color: inherit;
     width: 100%;
     height: 100%;
     display: block;
     padding: 0.8em 0.4em;
 }
 
 .local-menu .local-link-list div.col-6.currentpage {
     border-bottom: solid #888 1px;
 }
 
 .local-menu .local-link-list div.col-6 a:hover {
     background-color: #ececec;
     text-decoration: none;
 }
 
 .local-menu .base-h1 .content-box {
     padding: .4rem 0 0 .4rem;
     background-color: #ffffff;
     border-bottom: solid #888 1px;
 }
 
 .local-menu .base-h1 h1, .local-menu .base-h1 p {
     font-size: 1.1rem;
     margin-bottom: 0.2rem;
     font-weight:500;
     line-height:1.2;
 }
 
 .local-menu .local-menu-open {
     display: none;
     border-bottom: solid #dddddd 1px;
     border-radius: 0;
     background-color: #eeeeee;
 }
 
 .local-menu.clone-nav .local-menu-open {
     display: block;
     text-align: center;
 }
 
 .local-menu.clone-nav {
     width: 100%;
     max-width: 100%;
     max-width: initial;
     padding: 0;
     margin: 0;
     box-shadow: 0 .2rem .4rem 0 rgba(0, 0, 0, 0.4);
 }
 
 .local-menu.clone-nav .local-menu-open {
     line-height: 0;
     position: relative;
 }
 
 .local-menu.clone-nav .local-menu-open button {
     width: 100%;
     border: 0;
     margin: 0;
     padding: .2rem 0;
 }
 
 .local-menu.clone-nav .local-menu-open button div {
     font-size: 0;
     padding: 0;
 }
 
 .local-menu.clone-nav .local-menu-open button {
     width: 100%;
     border: 0;
     margin: 0;
     padding: .8rem 0;
 }
 
 .local-menu.clone-nav .local-menu-open button[data-bs-toggle="collapse"]>div::before {
     content: "menu";
     position: absolute;
     top: .3rem;
     left: 46%;
     font-size: 1rem;
     font-weight: 100;
 }
 
 .local-menu.clone-nav .local-menu-open button[data-bs-toggle="collapse"]>div::after {
     content: "menu";
     display: block;
     width: 8px;
     height: 8px;
     border-top: #333 1px solid;
     border-right: #333 1px solid;
     position: absolute;
     top: .4rem;
     left: 40%;
 }
 
 .local-menu.clone-nav .local-menu-open button[aria-expanded=false]>div::after {
     -webkit-transform: rotate(135deg);
     -ms-transform: rotate(135deg);
     transform: rotate(135deg);
     transition-duration: 0.16s;
     margin-top: 0.1rem;
     margin-bottom: 0.3rem;
 }
 
 .local-menu.clone-nav .local-menu-open button[aria-expanded=true]>div::after {
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
     transition-duration: 0.16s;
     margin-top: 0.4rem;
 }
 
 .clone-nav {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 3001;
     width: 100%;
     transition: .3s;
     transform: translateY(-120%);
 }
 
 .is-show {
     transform: translateY(0);
 }
 
 /* local-menu End
 -------------------------------*/
 /* Style for Product Header Menu Responsive End
 ============================================ */

 /* For Product Components List 2025.2.18 Start
 ============================================ */
  @media (max-width: 767px) {
    .content-block-grid.components-list div.card div.row.g-0 > div.col-md-4,.content-block-grid.components-list div.card div.row.g-0 > div.col-md-8 {padding-left:10px; padding-right:10px;}
 }
  /* For Product Components List 2025.2.18 End
 ============================================ */



 
 @media (min-width: 576px) {}
 
 @media (min-width: 640px) {
     .category-head {
         font-size: 1rem;
         color: #444444;
         margin-bottom: 1rem;
     }
     .category-head .content-block-full {
         padding: 0 20px;
     }
     .category-head .category-title {
         padding: 1.2rem 0 0.4rem 0.4rem;
         border-bottom: solid #dddddd 1px;
     }
     .category-head .category-title a {
         color: inherit;
     }
     .category-head .local-link-list_wrap {
         width: 100%;
         padding: 0;
         margin: 0 auto;
         overflow: auto;
         -webkit-overflow-scrolling: touch;
         max-width: 1200px;
         transition: all .16s;
         -webkit-transition: all .16s;
     }
     .category-head .local-link-list_wrap::-webkit-scrollbar {
         display: none;
     }
     .category-head .local-link-list {
         display: block;
         width: auto;
     }
     .category-head ul {
         padding: 0.8rem 0 0 0;
         margin: 0;
         display: block;
         border-top: 0;
         border-bottom: 0;
     }
     .category-head ul li {
         display: inline-block;
         padding: 0 1rem .8rem 1rem;
         margin: 0;
         display: inline-block;
         white-space: nowrap;
         border-right: 0;
         letter-spacing: -.04em;
         font-size: 0.9rem;
     }
     .category-head ul li a {
         color: inherit;
     }
 }
 
 @media (min-width: 768px) {
     .local-menu {
         margin-bottom: 1rem;
         background-color: #ffffff;
         padding: 0 20px;
     }
     .local-menu::after {
         content: "";
         display: block;
         clear: both;
     }
     .local-menu .local-link-list {
         background-color: #f8f8f8;
         border-top: 0;
         font-size: 0.9rem;
     }
     .local-menu .local-link-list div.col-6 {
         text-align: center;
         border-bottom: 0;
         border-right: 0;
         line-height: .6em;
         display: inline-block;
         width: auto;
         flex: 0 1 auto;
         flex: initial;
         padding-left: 0;
         padding-right: 0;
     }
     .local-menu .local-link-list div.col-6:nth-child(odd) {
         border-left: 0;
     }
     .local-menu .local-link-list div.col-6.currentpage {
         border-bottom: solid #888 3px;
     }
     .local-menu .local-link-list div.col-6 a {
         color: inherit;
         width: 100%;
         height: 100%;
         display: block;
         padding: 1.2rem 1.2rem;
         transition: color .16s ease-in-out, background-color .16s ease-in-out, border-color .16s ease-in-out, box-shadow .16s ease-in-out;
     }
     .local-menu .base-h1 .content-box {
         padding: .6rem 0 .4rem .4rem;
         background-color: #ffffff;
     }
     .local-menu .base-h1 h1, .local-menu .base-h1 p {
         font-size: 1.4rem;
         margin-bottom: 0;
         font-weight:500;
         line-height:1.2;
     }
     .local-menu.clone-nav {
         width: 100%;
         max-width: initial;
         padding: 0;
         margin: 0;
         box-shadow: 0 .2rem .4rem 0 rgba(0, 0, 0, 0.4);
     }
     .local-menu.clone-nav .base-h1 {
         max-width: 1200px;
         margin: 0 auto;
     }
     .local-menu.clone-nav .base-h1 .content-box {
         padding: .2rem 0 .2rem .4rem;
     }
     .local-menu.clone-nav .base-h1 h1 {
         font-size: 1rem;
         margin: 0;
     }
     .local-menu.clone-nav .local-menu-open {
         display: none;
     }
     .local-menu.clone-nav .local-link-list.collapse {
         display: block;
     }
     .local-menu.clone-nav .local-link-list {
         max-width: 1200px;
         width: 100%;
         margin: 0 auto;
         border-bottom: solid #dddddd 1px;
     }
     .local-menu.clone-nav .local-link-list div.col-6 a {
         color: inherit;
         width: 100%;
         height: 100%;
         display: block;
         padding: .6rem 1.2rem;
     }
     .clone-nav {
         position: fixed;
         top: 0;
         left: 0;
         z-index: 3001;
         width: 100%;
         transition: .3s;
         transform: translateY(-120%);
     }
     .is-show {
         transform: translateY(0);
     }
 }
 
 @media (min-width: 992px) {}
 
 @media (min-width: 1200px) {}
 
 
 /*  Style for Header Menu Responsive End
 ============================================ */
 
 
 /* OPENICONIC (https://useiconic.com/open/)
 ------------------------------------------------- */
 
 .icn-link::before,
 .icn-link_after::after,
 .icn-link-bottom::before,
 .icn-link-bottom_after::after,
 .icn-download::before,
 .icn-download_after::after,
 .icn-doc-file::before,
 .icn-doc-file_after::after,
 .icn-doc-newwindow::before,
 .icn-doc-newwindow::after {
     position: relative;
     top: 1px;
     display: inline-block;
     speak: none;
     font-family: 'Icons';
     font-style: normal;
     font-weight: normal;
     /*
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     */
 }
 
 .icn-link::before,.icn-link_after::after {
     content: '\e02f';
     font-size: .7em;
     margin-right: 0.5em;
 }
 .icn-link_after::after {margin-left: 0.5em;}
 
 .icn-link-bottom::before,.icn-link-bottom_after::after {
     content: '\e02d';
     font-size: .7em;
     margin-right: 0.5em;
 }
 .icn-link-bottom_after::after {margin-left: 0.5em;}
 
 .icn-download::before,.icn-download_after::after {
     content: '\e04e';
     font-size: .7em;
     margin-right: 0.5em;
 }
 .icn-download_after::after {margin-left: 0.5em;}
 
 .icn-doc-file::before,.icn-doc-file_after::after {
     content: '\e067';
     font-size: .7em;
     margin-right: 0.5em;
 }
 .icn-doc-file_after::after {margin-left: 0.5em;}
 
 .icn-doc-newwindow::before,.icn-doc-newwindow_after::after {
     content: '\e064';
     font-size: .7em;
     line-height:1em;
     margin-right: 0.4em;
     margin-left: .2em;
 }
 .icn-doc-newwindow_after::after {margin-left: 0.5em;}
 
 .icn-doc-tel::before,.icn-doc-tel_after::after {
     content: '\260e';
     font-size: .9em;
     margin-right: .1em;
     margin-left: .1em;
 }
 .icn-doc-tel_after::after {margin-left: .1em;}
 
 a:hover .icn-link::before,
 a:hover .icn-link_after::after,
 a:hover .icn-link-bottom::before,
 a:hover .icn-link-bottom_after::after,
 a:hover .icn-download::before,
 a:hover .icn-download_after::after,
 a:hover .icn-doc-file::before,
 a:hover .icn-doc-file_after::after,
 a:hover .icn-doc-newwindow::before,
 a:hover .icn-doc-newwindow_after::after,
 a:hover .icn-doc-tel::before,
 a:hover .icn-doc-tel_after::after  {
     text-decoration: none;
 }
 
 
 /* Q and A Accordion
 ------------------------------------------------- */
 
 .qanda-accordion .accordion .card-header {
     padding-left: 2.4rem;
     position: relative;
     border-bottom: 0;
 }
 
 .qanda-accordion .accordion .card-header .q-icon {
     position: absolute;
     top: 0;
     left: 0.6rem;
     color: #66a0ff;
     font-size: 1.5rem;
     font-weight: bold;
 }
 
 .qanda-accordion .accordion .card-header .q-main {
     font-size: 1rem;
     margin-bottom: 0.4rem;
 }
 
 .qanda-accordion .accordion .card-header .q-note {
     font-size: 0.8rem;
     color: #888;
     margin-bottom: 0.1rem;
 }
 
 .qanda-accordion .accordion .card-header a {
     color: #ff6b6b;
     font-weight: bold;
 }
 
 .qanda-accordion .accordion .card-header a:not(.collapsed)::after {
     content: " -";
 }
 
 .qanda-accordion .accordion .card-header a.collapsed::after {
     content: " +";
 }
 
 .qanda-accordion .accordion .card-body {
     padding-left: 2.4rem;
     position: relative;
 }
 
 .qanda-accordion .accordion .card-body .a-icon {
     position: absolute;
     top: 0;
     left: 0.6rem;
     color: #ff6b6b;
     font-size: 1.5rem;
     font-weight: bold;
 }
 
 .qanda-accordion .accordion .card-header .a-main {
     font-size: 1rem;
     margin-bottom: 0.4rem;
 }
 
 @media (max-width: 640px) {
     .qanda-accordion .accordion .card-header .q-main {
         font-size: 0.9rem;
         line-height: 1.3;
     }
     .qanda-accordion .accordion .card-body {
         font-size: 0.9rem;
         line-height: 1.3;
     }
 }
 
 
 /*
 .anchor-box01 ul{margin:0; padding:0; background-color:#f8f8f8;font-size:0.8rem;}
 */
 
 .anchor-box01 ul {
     margin: 0;
     padding: .8rem 0 .4rem 0;
     font-size: 0.8rem;
     border-bottom: 2px solid rgba(0, 0, 0, .125);
 }
 
 .anchor-box01 li {
     list-style-type: none;
     display: inline;
     margin: 1em;
     vertical-align: middle;
 }
 
 
 /*
 .anchor-box01 li a {color:inherit;padding-bottom:1px; display:inline-block; padding:1.2rem .4rem ;}
 */
 
 .anchor-box01 li a {
     color: inherit;
     padding-bottom: 1px;
     display: inline-block;
     padding: .4rem;
 }
 
 .anchor-box01 li a.active {background-color:#ececec;}
 
 .anchor-box01 li a:link {
     text-decoration: none;
 }
 
 .anchor-box01 li a:visited {
     text-decoration: none;
 }
 
 .anchor-box01 li a:hover {
     text-decoration: underline;
 }
 
 .anchor-box01 li a:active {
     text-decoration: none;
 }
 
 @media (max-width: 640px) {
     /*
     .anchor-box01 li{ list-style-type:none; display:block; margin:0; }
     .anchor-box01 li a {padding:.8rem;}
     */
     .anchor-box01 li {
         list-style-type: none;
         display: block;
         margin: 0;
     }
     .anchor-box01 li a {
         padding: .6rem .8rem;
     }
     .anchor-box01 li:first-child a {
         margin-top: .4rem;
     }
     .anchor-box01 li:last-child a {
         margin-bottom: .4rem;
     }
 }
 
 
 
 
 /* BANNER AREA "Subscribe Newsletter"
 ------------------------------------------------- */
 .area_subscrive_newsletter{background-color:#555;color:#fff;padding:1rem;}
 .area_subscrive_newsletter .content-block{padding:2rem 0;}
 .area_subscrive_newsletter .top-market-textwrap{position:relative;padding-left:2rem;}
 .area_subscrive_newsletter .top-market-textwrap a::before{
     content: '';
       display: inline-block;
       width: 6rem;
       height: 6rem;
       background-image: url(/https/www.aiphone.net/share1/images/img_subscrive_newsletter.png);
       background-size: contain;
       vertical-align: middle;
       background-repeat: no-repeat;
     position:absolute;
     top:-.2rem;
     left:-.8rem;
 
 }
 .area_subscrive_newsletter a.btn{color:#333; }
 @media (min-width: 576px) {
 }
 @media (min-width: 640px) {
     .area_subscrive_newsletter{}
 }
 @media (min-width: 768px) {
     .area_subscrive_newsletter{padding-top:1rem;padding-bottom:1rem;}
     .area_subscrive_newsletter .content-block{
         padding-top:2rem;
         padding-bottom:2rem;
         background-image:url(/https/www.aiphone.net/share1/images/img_subscrive_newsletter.png);
         background-size:auto 100%;
         background-repeat: no-repeat;
         background-position:100% 50%;
     }
 }
 @media (min-width: 992px) {
     .area_subscrive_newsletter .content-block{background-position:88% 50%;}
 }
 @media (min-width: 1200px) {
     .area_subscrive_newsletter .content-block{
 }
 }