@charset "UTF-8";
.txt_c{text-align:center}
.lr1em{margin-left:1em}
#main .heroimg{height:670px;background:url(/society/space/qzss/aqloc/images/heroimg.jpg) no-repeat center center;background-size:cover}
#main .heroimg .container{position:relative}
#main .heroimg .container .txt{width:42.86%;position:absolute;top:179px;left:44px}
#main .heroimg a{display:block;width:100%;height:100%;-o-transition:.25s ease-out;transition:.25s ease-out;-webkit-transition:.25s ease-out}
#main .heroimg a:hover{background:rgba(255,255,255,.2)}
#main .heading{position:relative;overflow:hidden;text-align:center;letter-spacing:-.03em;font-size:2em;font-weight:700;line-height:1.29em;padding-top:65px}
#main .heading .inner{position:relative;display:inline-block;padding:0 .8em;color:#0c314f}
#main .heading .inner:after,#main .heading .inner:before{position:absolute;top:50%;width:400%;height:2px;content:'';background-color:#0c314f}
#main .heading .inner:before{left:100%}
#main .heading .inner:after{right:100%}
#main .products .heading{padding-top:65px}
#main .products .product_01{width:50%;margin:46px auto 70px}
#main .products .product_01 img{width:100%}
#main .products .product_01 .product_01_name{margin-top:-30px;text-align:center;font-weight:700;font-size:1.71em}
#main .products .product_02{width:35%;position:relative}
#main .products .product_02 img{width:100%;padding-left:13%}
#main .spec{background-color:#e6eaed;padding-bottom:71px}
#main .spec .heading{padding-top:75px;margin-bottom:40px}
#main .spec table{width:954px;background-color:#fff;border:solid 1px #e6eaed;border-collapse:collapse;font-size:1.14em;line-height:1.44em}
#main .spec table td,#main .spec table th{border:solid 1px #e6eaed;padding:12px 16px}
#main .spec table sup{position:static;font-size:smaller;line-height:inherit;vertical-align:super}
#main .spec table .th_side{background-color:#0c314f}
#main .spec table .th_side th{text-align:center;color:#fff}
#main .spec table .th_length{background-color:#c9cfd4;font-weight:400;text-align:center;width:200px;-webkit-box-sizing:border-box;box-sizing:border-box}
#main .spec table .th_length sup{position:static;font-size:smaller;line-height:inherit;vertical-align:super}
#main .spec table .output_list li span{display:inline-block;width:5em}
#main .spec table .space_cell{position:relative}
#main .spec table .space_cell:before{content:"";border-top:1px solid #b3b3b3;display:block;width:14px;position:absolute;top:50%;left:calc(50% - 7px)}
#main .spec table .product_name{font-weight:700}
#main .spec .scroll_info{padding-top:10px;text-align:center;font-size:.93em}
#main .spec .note_list{padding-top:15px;line-height:1.57em}
#main .spec .note_list+.note_list{padding-top:8px}
#main .spec .kome_mark li{list-style-position:outside;counter-increment:cnt;display:-webkit-box;display:-ms-flexbox;display:flex}
#main .spec .kome_mark li::before{display:marker;content:"※" counter(cnt) "：";-ms-flex-negative:0;flex-shrink:0}
#main .spec .square_mark li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
#main .spec .square_mark li::before{display:block;margin-top:4px;margin-right:2px;content:"";background-color:#333;width:12px;height:12px;-ms-flex-negative:0;flex-shrink:0}
#main .backBtn_area .btn_bg{border:solid 1px #b9b9b9;border-radius:25px;display:block;width:500px;margin:64px auto 50px;padding-top:10px;padding-bottom:10px;position:relative;-webkit-transition:.25s ease-out;-o-transition:.25s ease-out;transition:.25s ease-out}
#main .backBtn_area .btn_bg .btn{text-align:center}
#main .backBtn_area .btn_bg .btn::after{content:"";display:inline-block;width:8px;height:14px;background-image:url(/society/space/qzss/aqloc/images/arr_blue.png);background-repeat:no-repeat;background-size:contain;position:absolute;right:25px;top:calc(50% - 6px)}
#main .backBtn_area .btn_bg:hover{background-color:#0b1b60;text-decoration:none;color:#fff}
#main .backBtn_area .btn_bg:hover .btn::after{background-image:url(/society/space/qzss/aqloc/images/arr_white.png)}
#main .contact{background-color:#c9cfd4;text-align:center;padding:67px 0 80px}
#main .contact .title{font-size:2em;padding-bottom:23px;font-weight:700}
#main .contact .address{background-color:#dfe2e5;font-size:1.43em;line-height:1.6em;padding:24px;font-weight:700}
@media (max-width:966px){.scroll{overflow-x:scroll;-webkit-overflow-scrolling:touch}
.scroll::-webkit-scrollbar{height:13px}
.scroll::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:7px}
.scroll::-webkit-scrollbar-track-piece{background:#fafafa}
}
@media only screen and (max-width:767px){#main .sp_wide.container{padding:0}
#main .heading{font-size:1.57em}
#main .heading .inner:after,#main .heading .inner:before{display:none}
#main .products .heading{padding-top:36px}
#main .products .product_01{width:85%;margin:20px auto 40px}
#main .products .product_01 img{padding-left:20px}
#main .products .product_01 .product_01_name{font-size:1.14em}
#main .products .product_02{width:60%;margin:0 auto;padding-top:19px}
#main .products .product_02 img{padding-left:20px}
#main .spec{padding-bottom:48px}
#main .spec .heading{padding-top:45px;margin-bottom:0}
#main .spec table{margin-top:5px}
#main .spec table .th_side th{text-align:left}
#main .spec table .th_length{text-align:left;vertical-align:top}
#main .spec table .txt_c{text-align:left}
#main .spec .note_list{font-size:.93em;line-height:1.31em}
#main .spec .note_list li+li{margin-top:8px}
#main .spec .square_mark li::before{margin-top:2px;width:10px;height:10px}
#main .backBtn_area .btn_bg{width:250px;padding:8px 10px;margin:30px auto;border-radius:29px;line-height:1.57em}
#main .backBtn_area .btn_bg .btn::after{right:16px}
#main .backBtn_area .btn_bg:hover{background-color:#fff;color:#333}
#main .backBtn_area .btn_bg:hover .btn::after{background-image:url(/society/space/qzss/aqloc/images/arr_blue.png)}
#main .contact{padding:37px 0 45px}
#main .contact .title{font-size:1.57em;padding-bottom:20px}
#main .contact .address{font-size:1.14em;line-height:1.38em;padding:22px}
}
@media (max-width:767px){#main .heroimg{background:0 0;height:auto}
#main .heroimg .container{display:none}
#main .heroimg img{width:100%}
#main .products .products_head{padding:40px 20px 35px}
#main .products .products_head .head{font-size:2.14em}
}