:root{--color-primary: #20458c}*{margin:0;padding:0}html{height:100%}body{word-wrap:break-word;height:100%;background-color:#fff;color:#111;font-family:"Noto Sans JP","游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Osaka,"ＭＳ ゴシック","MS Gothic",sans-serif;font-weight:400}.font_mincho{font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"Sawarabi Mincho","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",serif}.font_garamond{font-family:"Cormorant Garamond",serif}.font_raleway{font-family:"Raleway",sans-serif}section,article{display:block}img{vertical-align:top}a img{-webkit-transition:.2s linear;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;transition:.2s linear}a:hover img{-ms-filter:"alpha( opacity=70 )";filter:alpha(opacity=70);opacity:.7}li{list-style-type:none}a{-webkit-transition:.2s linear;color:#06c;transition:.2s linear}a:hover{color:#09c;text-decoration:none}table{border-collapse:collapse}table td{border-collapse:collapse}.clfix:after{display:block;visibility:hidden;height:0;clear:both;font-size:0;content:"."}header{z-index:300;position:fixed;width:100%;background-color:#fff}header h1 a img{display:block;position:absolute}header .h_btn a{display:block;position:absolute;border:2px solid #e5e5e5;background-color:var(--color-primary);color:#fff;letter-spacing:1px;text-align:center;text-decoration:none}header .h_btn a:hover{border:5px solid var(--color-primary);background-color:#fff;color:var(--color-primary)}header .h_tel a{display:block;position:absolute;width:auto;color:#036;font-size:20px;font-weight:bold;letter-spacing:1px;text-align:center;text-decoration:none}header .h_tel a strong{font-size:130%}header .h_btn a i,header .h_tel a i{padding-right:1.2rem;padding-left:0px}#g_navi ul li a.ac_menu{overflow:hidden;cursor:pointer}.pankuzu{width:100%;margin-bottom:20px;padding-top:10px;padding-bottom:10px;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#fff;border-bottom-color:#e5e5e5;background-color:#f6f6f6;color:#555;font-size:14px;line-height:30px}.pankuzu ul{width:96%;max-width:1100px;margin-right:auto;margin-left:auto}.pankuzu li{display:inline-block}.pankuzu li a{color:#999;text-decoration:none}.pankuzu li a::after{padding-right:10px;padding-left:10px;content:">"}.pankuzu li a:hover{color:#111}.pankuzu li i{padding-right:5px}.content{width:100%;padding-top:50px;padding-bottom:50px;background-color:#fff}.cont_wrap{width:100%;max-width:1200px;margin-right:auto;margin-left:auto}#top_slide{padding-top:100px;padding-bottom:5px;background-color:#000}#sub_top{-moz-text-shadow:0px 0px 5px rgba(0,0,0,.5);-webkit-text-shadow:0px 0px 5px rgba(0,0,0,.5);-ms-text-shadow:0px 0px 5px rgba(0,0,0,.5);width:100%;height:150px;padding-top:270px;background-color:#eee;background-position:center center;background-repeat:no-repeat;background-size:cover;color:#fff;font-family:"Raleway",sans-serif;font-size:20px;letter-spacing:1em;line-height:30px;text-align:center;text-shadow:0px 0px 5px rgba(0,0,0,.5)}.content h2{margin-bottom:30px;padding-top:15px;padding-right:10px;padding-bottom:15px;padding-left:10px;clear:both;border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:var(--color-primary);color:#036;font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"Sawarabi Mincho","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;font-size:36px;letter-spacing:1px;line-height:30px;text-align:center}.content h2 span{font-family:"游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Osaka,"ＭＳ ゴシック","MS Gothic",sans-serif;font-size:50%;font-weight:normal}.content h3{-webkit-border-radius:10px;-moz-border-radius:10px;position:relative;margin-top:30px;margin-bottom:30px;padding-top:15px;padding-right:10px;padding-bottom:15px;padding-left:44px;clear:both;border-radius:10px;background-color:#f6f6f6;color:#111;font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"Sawarabi Mincho","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;font-size:22px;line-height:30px}.content h3::after{display:block;position:absolute;top:20px;left:20px;width:3px;height:20px;background-color:var(--color-primary);content:""}.content h3 span{padding-left:15px;color:#888;font-family:"游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Osaka,"ＭＳ ゴシック","MS Gothic",sans-serif;font-size:16px}.content h4{margin-top:20px;margin-right:30px;margin-bottom:20px;margin-left:30px;padding:10px;clear:both;color:var(--color-primary);font-size:20px;font-weight:bold;letter-spacing:.1em}.content p{margin-top:20px;margin-right:30px;margin-bottom:30px;margin-left:30px;padding:10px;font-size:16px;line-height:1.8}.content .ul_news li{padding-top:20px;padding-right:10px;padding-bottom:20px;padding-left:10px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#ccc;font-size:16px;line-height:30px}.content .ul_news li span.news_date{padding-right:20px;color:#999}.content .ul_news li span.news_icon{display:inline-block;margin-right:10px;padding-right:10px;padding-left:10px;background-color:#f60;color:#fff;font-size:14px;font-weight:bold}.content .ul_news li span.news_icon.cl_02{background-color:#099}.img_center{display:block;margin-right:auto;margin-left:auto;padding-bottom:20px}.img_left{padding-right:30px;padding-bottom:20px;padding-left:30px;float:left}.img_right{padding-right:30px;padding-bottom:20px;padding-left:30px;float:right}.content .img_left p{margin:0px;font-size:12px}.box_contact{padding-top:70px;padding-right:10px;padding-bottom:50px;padding-left:10px;background-color:#e9eeef;background-image:url(../img/sankaku.png);background-position:center top;background-repeat:no-repeat;text-align:center}.box_contact.only_tel{background-image:none}.box_contact h3{color:#006384}.box_contact p{margin-top:10px;margin-bottom:20px}.box_contact .btn a{-webkit-border-radius:10px;-moz-border-radius:10px;display:block;position:relative;width:90%;max-width:500px;margin-right:auto;margin-left:auto;padding-top:15px;padding-bottom:15px;border:5px solid var(--color-primary);border-radius:10px;background-color:var(--color-primary);color:#fff;font-size:20px;font-weight:bold;line-height:30px;text-align:center;text-decoration:none}.box_contact .btn a i{padding-right:10px;font-size:120%}.box_contact .btn a:hover{border-top-color:var(--color-primary);border-right-color:var(--color-primary);border-bottom-color:var(--color-primary);border-left-color:var(--color-primary);background-color:#fff;color:var(--color-primary)}.box_contact .tel a{color:var(--color-primary);font-size:30px;font-weight:bold;text-decoration:none}.box_contact .tel a strong{font-size:150%}.box_contact .tel a i{padding-right:10px;font-size:120%}.to_top{-webkit-transition:.2s linear;z-index:200;position:fixed;right:10px;bottom:10px;transition:.2s linear}.to_top a{-webkit-border-radius:50px;-moz-border-radius:50px;display:block;width:30px;height:30px;padding:0px;border-radius:50px;background-color:var(--color-primary);color:#fff;font-size:10px;text-align:center;text-decoration:none}footer{display:block;width:100%;clear:both;background-color:var(--color-primary);color:#fff}footer ul.f_bn{display:block;padding-top:20px;padding-bottom:20px;background-color:#006384;text-align:center}footer .f_bn li{display:inline}footer .f_bn li a{-webkit-border-radius:10px;-moz-border-radius:10px;display:inline-block;margin-right:10px;margin-left:10px;padding:10px;border-radius:10px;color:#fff;font-size:14px;font-weight:bold;letter-spacing:1px;text-decoration:none}footer .f_bn li a:hover{background-color:var(--color-primary)}footer .f_bn li a i{padding-right:5px;font-size:200%}footer ul.f_list{display:block;width:33.3%;padding-top:20px;padding-bottom:20px;float:left}footer ul.f_list li a{display:block;padding:2px;color:#fff;text-decoration:none}footer ul.f_list li li a{-webkit-border-radius:5px;-moz-border-radius:5px;position:relative;padding-left:25px;border-radius:5px;font-size:14px}footer ul.f_list li li a:hover{background-color:var(--color-primary)}footer ul.f_list li li a::before{position:absolute;top:5px;left:5px;content:"・"}address{display:block;padding-top:20px;padding-bottom:20px;clear:both;background-color:var(--color-primary);font-size:10px;font-style:normal;letter-spacing:1px;text-align:center}footer .box_pr{display:block;width:100%;padding-top:0px;padding-bottom:0px;clear:both;border-top-width:1px;border-top-style:dotted;border-top-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary);font-size:1px;text-align:center}footer .box_pr ul li a{color:var(--color-primary)}.box_pr ul li{display:inline;padding:0}.box_pr ul li a{color:#fff}.content table.table_01{width:96%;margin-top:20px;margin-right:auto;margin-bottom:30px;margin-left:auto}.content table.table_01 th,.content table.table_01 td{border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#ccc}.content table.table_01 th{width:33%;padding:1rem;font-size:16px;font-weight:normal;letter-spacing:1px;white-space:nowrap}.content table.table_01 td{padding:1.5rem;background-color:#fff;font-size:14px;line-height:30px}.content table.table_02{width:96%;max-width:820px;margin-top:20px;margin-right:auto;margin-bottom:30px;margin-left:auto}.content table.table_02 th,.content table.table_02 td{padding:20px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:dotted;border-right-style:dotted;border-bottom-style:dotted;border-left-style:dotted;border-top-color:#bbb;border-right-color:#bbb;border-bottom-color:#888;border-left-color:#bbb}.content table.table_02 th{background-color:#f6f6f6;color:#006384;font-size:18px;letter-spacing:1px;white-space:nowrap}.content table.table_02 td{background-color:#fff;font-size:16px;line-height:30px}.content table.table_02 .tr_gr th{background-color:#eee}.content table.table_02 .tr_gr td{background-color:#f9f9f9}.content table.table_02 td .price{padding-right:5px;padding-left:5px;color:#006384;font-size:150%;font-weight:bold;white-space:nowrap}.small{color:#666;font-size:80%}.chui{color:#f03600}.table_01 th span{color:#ccc;font-size:12px}.content dl.faq{margin-bottom:30px;padding-top:10px;padding-right:10px;padding-bottom:20px;padding-left:10px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#ccc}.content dl.faq dt{-webkit-border-radius:10px;-moz-border-radius:10px;position:relative;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:50px;border-radius:10px;background-color:#f6f6f6;color:#111;font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"Sawarabi Mincho","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;font-size:22px;line-height:30px}.content dl.faq dt span{-webkit-border-radius:50%;-moz-border-radius:50%;display:block;z-index:10;position:absolute;top:-20px;left:-10px;width:50px;height:40px;padding-top:10px;border-radius:50%;background-color:var(--color-primary);color:#fff;font-size:20px;font-weight:bold;text-align:center}.content dl.faq dt span::before{-webkit-transform:rotate(-40deg);-ms-transform:rotate(-40deg);z-index:0;position:absolute;right:-3px;bottom:-5px;margin-left:-12px;transform:rotate(-40deg);border-top:20px solid var(--color-primary);border-right:12px solid rgba(0,0,0,0);border-left:12px solid rgba(0,0,0,0);content:""}.content dl.faq dd{padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px}.g_map_base{padding-right:20px;padding-bottom:20px;padding-left:20px;background-color:#fff}.g_map{position:relative;height:0;padding-top:30px;padding-bottom:56.25%;overflow:hidden}.g_map iframe,.g_map object,.g_map embed{position:absolute;top:0;left:0;width:100%;height:100%}ul.works_list{-webkit-box-sizing:border-box;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;box-sizing:border-box;display:block;display:-webkit-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-moz-flex;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;max-width:1400px;margin-right:auto;margin-left:auto;padding:30px}ul.works_list li{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:20%;margin-bottom:30px;text-align:center}ul.works_list li .works_icon{z-index:50;position:absolute;top:5px;left:5px;padding-right:10px;padding-left:10px;background-color:#099;color:#fff;font-weight:bold}ul.works_list li a{display:block;padding:20px;background-color:#fff;color:#333;text-decoration:none}ul.works_list li a img{-o-object-fit:cover;width:auto;width:100%;height:150px;object-fit:cover}ul.works_list li a:hover img{-ms-filter:"alpha( opacity=100 )";-webkit-filter:brightness(1.5);-moz-filter:brightness(1.5);-ms-filter:brightness(1.5);filter:alpha(opacity=100);filter:brightness(1.5);opacity:1}ul.works_list li a span{display:block;padding-top:10px;font-size:14px;letter-spacing:1px}ul.works_list li a:hover{background-color:#f6f6f6;color:#000}.sp-thumbnail-container img{-ms-filter:"alpha( opacity=70 )";-webkit-filter:grayscale(100%);-o-object-fit:cover;object-fit:cover;filter:alpha(opacity=70);filter:grayscale(100%);opacity:.7}.sp-thumbnail-container:hover img,.sp-thumbnail-container.sp-selected-thumbnail img{-ms-filter:"alpha( opacity=100 )";-webkit-filter:grayscale(0%);cursor:pointer;filter:alpha(opacity=100);filter:grayscale(0%);opacity:1}#top_slide .top_catch{-moz-text-shadow:0px 0px 5px rgba(0,0,0,.5);-webkit-text-shadow:0px 0px 5px rgba(0,0,0,.5);-ms-text-shadow:0px 0px 5px rgba(0,0,0,.5);position:absolute;top:50%;width:100%;color:#fff;font-size:6vw;font-weight:bold;letter-spacing:.1em;line-height:.6;text-align:center;text-shadow:0px 0px 5px rgba(0,0,0,.5)}#top_slide .top_catch span{font-size:25%}#top_slide .slide_btn a{-webkit-transition:.2s linear;display:block;position:absolute;bottom:20%;left:50%;width:300px;margin-left:-150px;border:2px solid #fff;color:#fff;font-size:18px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;transition:.2s linear}#top_slide .slide_btn a:hover{background-color:#fff;color:#111}.pickup{padding-top:30px;padding-bottom:30px;background-color:#012}.pickup ul{-webkit-box-sizing:border-box;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;box-sizing:border-box;display:block;display:-webkit-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-moz-flex;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;max-width:1400px;margin-right:auto;margin-left:auto}.pickup ul li{position:relative;width:33%;max-height:220px}.pickup ul li a .pu_icon{position:absolute;top:-5px;left:-5px;padding-right:10px;padding-left:10px;background-color:var(--color-primary);color:#fff;font-weight:bold}.pickup ul li a div{-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-box-sizing:border-box;box-sizing:border-box;display:table-cell;position:absolute;top:50%;left:50%;width:100%;height:auto;padding:10px;transform:translate(-50%, -50%);color:#fff;font-size:14px;text-align:center;vertical-align:middle}.pickup ul li a div .pu_title{display:block;margin-bottom:10px;font-size:150%;font-weight:bold}.pickup ul li a img{-webkit-filter:brightness(0.5);-moz-filter:brightness(0.5);-ms-filter:brightness(0.5);-webkit-transition:.3s ease-in-out;-o-object-fit:cover;width:100%;height:100%;object-fit:cover;filter:brightness(0.5);transition:.3s ease-in-out}.pickup ul li a:hover img{-ms-filter:"alpha( opacity=100 )";-webkit-filter:brightness(1.5);-moz-filter:brightness(1.5);-ms-filter:brightness(1.5);filter:alpha(opacity=100);filter:brightness(1.5);opacity:1}.effect{-ms-filter:"alpha( opacity=0 )";-ms-transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-webkit-transition:1s ease-out;transform:translateY(20px);filter:alpha(opacity=0);opacity:0;transition:1s ease-out}.effect.d_02{-webkit-transition-delay:.2s;transition-delay:.2s}.effect.d_04{-webkit-transition-delay:.4s;transition-delay:.4s}.effect.d_06{-webkit-transition-delay:.6s;transition-delay:.6s}.effect.d_08{-webkit-transition-delay:.8s;transition-delay:.8s}.effect.start{-ms-filter:"alpha( opacity=100 )";-ms-transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px);filter:alpha(opacity=100);opacity:1}.content p.check{color:#f33}.content p.p_st{color:#ca28b1;font-size:20px}.content .box_att{margin-top:30px}.content .box_att h2{color:#0f688b;font-size:24px;font-weight:normal}.content .box_att p{margin:0px;color:#0f688b;font-size:14px}.top-read{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;width:80%;margin-right:auto;margin-left:auto}.top-read .read-text{font-size:1.4rem;line-height:2}section.eyecatch{height:550px;padding-top:80px}section.eyecatch picture{display:block;width:100%;height:450px;background-color:red}section.eyecatch picture img{-o-object-fit:cover;width:100%;height:450px;object-fit:cover}@media screen and (max-width: 960px){body{font-size:16px}img{width:auto;max-width:100% !important;height:auto;margin-right:auto;margin-left:auto}.content h4{margin-right:10px;margin-left:10px}ul.works_list li{width:33.3%}#top_slide{padding-top:50px}#sub_top{height:100px;padding-top:120px;font-size:18px;letter-spacing:.5em}.menu_btn{-webkit-border-radius:3px;-moz-border-radius:3px;display:block;z-index:5000;position:fixed;top:5px;right:5px;width:40px;height:30px;padding-top:5px;padding-bottom:5px;border-radius:3px;text-align:center}.menu_btn:hover{cursor:pointer}.menu_btn span{display:block;position:absolute;top:50%;left:50%;width:28px;height:2px;margin-left:-14px;background-color:#555}.menu_btn span{-webkit-transition:all .3s;-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);transition:all .3s}.menu_btn span.top{-ms-transform:translateY(-8px);-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.menu_btn span.bottom{-ms-transform:translateY(8px);-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.menu_btn:hover span.top{-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}.menu_btn:hover span.bottom{-ms-transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}.menu_btn.opened span.middle{-ms-transform:translateX(30px);-webkit-transform:translateX(30px);-moz-transform:translateX(30px);transform:translateX(30px);background:hsla(0,0%,100%,0)}.menu_btn.opened span.top{-ms-transform:rotate(-45deg) translateY(0px);-webkit-transform:rotate(-45deg) translateY(0px);-moz-transform:rotate(-45deg) translateY(0px);transform:rotate(-45deg) translateY(0px)}.menu_btn.opened span.bottom{-ms-transform:rotate(45deg) translateY(0px);-webkit-transform:rotate(45deg) translateY(0px);-moz-transform:rotate(45deg) translateY(0px);transform:rotate(45deg) translateY(0px)}#g_navi{-webkit-box-shadow:rgba(0,0,0,.1) 0px 0px 3px 0px;-moz-box-shadow:rgba(0,0,0,.1) 0px 0px 3px 0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:none;z-index:3000;position:fixed;top:0px;left:0px;width:100%;height:100%;padding-top:50px;overflow:auto;background-color:#fff;box-shadow:rgba(0,0,0,.1) 0px 0px 3px 0px;font-size:14px;letter-spacing:1px}#g_navi ul{display:block;margin:0px;padding:0px;clear:both}#g_navi ul li:first-child{border-top-width:1px;border-top-style:solid;border-top-color:#eee}#g_navi ul li{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#eee}#g_navi ul li a{display:block;padding-top:16px;padding-right:30px;padding-bottom:14px;padding-left:20px;color:#111;line-height:22px;text-decoration:none;vertical-align:middle}#g_navi ul li a:hover{color:#999}body.fixed{overflow:hidden}#g_navi ul li a.ac_menu{position:relative;background-image:none}#g_navi ul li a.ac_menu::after{display:block;position:absolute;top:16px;right:10px;width:20px;height:20px;color:#555;font-size:11px;line-height:20px;text-align:center;content:"▼"}#g_navi ul li a.ac_menu.active{color:#999}#g_navi ul li a.ac_menu.active::after{content:"▲"}#g_navi div.ac_list{display:none}#g_navi ul li ul li{border-bottom:none}#g_navi ul li li:first-child{border-top:none}#g_navi ul li ul li a{border-bottom:none}#g_navi ul li ul li a::before{padding-right:5px;color:#999;content:"・"}#g_navi ul li ul li a:hover{color:#999}.bg_bl{-ms-filter:"alpha( opacity=80 )";display:block;z-index:2000;position:fixed;width:100%;height:100%;background-color:#fff;filter:alpha(opacity=80);opacity:.8}.sm-slider,.sm-slider::after{top:50px !important}header{height:52px}header h1 a img{top:5px;left:5px;height:40px}header .h_btn a{top:5px;right:55px;width:120px;padding-top:1px;font-size:12px;line-height:29px}header .h_tel a{top:10px;right:200px;padding-top:1px;font-size:12px;line-height:29px}header .h_menu{display:none}header #info{display:none}#sub_top.faq{background-image:url(../img/sub_top_faq_sp.jpg)}#sub_top.works{background-image:url(../img/sub_top_works_sp.jpg)}#sub_top.contact{background-image:url(../img/sub_top_contact_sp.jpg)}#sub_top.company{background-image:url(../img/sub_top_company_sp.jpg)}#sub_top.sample{background-image:url(../img/sub_top_sample_sp.jpg)}.no_sp{display:none}}@media screen and (max-width: 640px){#top_slide .top_catch{top:44%;font-size:10vw}#top_slide .slide_btn a{bottom:10%;width:260px;margin-left:-130px;font-size:16px;line-height:32px}.pickup ul li{width:100%;max-height:130px;margin-bottom:1px}.pickup ul li a div{font-size:12px}header h1 a img{top:10px;left:10px;height:30px}header .h_btn a{top:10px;right:10px;width:50px;border-top-style:none !important;border-right-style:none !important;border-bottom-style:none !important;border-left-style:none !important;font-size:18px}header .h_tel a{right:95px;width:50px;font-size:18px}header .h_tel a span,header .h_btn a span{display:none}.content{padding-top:20px;padding-bottom:20px}.content p{margin-top:10px;margin-right:10px;margin-bottom:20px;margin-left:10px}ul.works_list{padding:10px}ul.works_list li{width:50%}ul.works_list li a{padding:10px}.img_left,.img_right{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;margin-right:auto;margin-left:auto;padding-right:10px;padding-bottom:10px;padding-left:10px;float:none}.box_contact p{font-size:14px}ul.f_bn li a span{display:none}footer .f_bn li a i{padding-right:0px}footer .cont_wrap{display:none}}@media screen and (max-width: 480px){.box_contact .btn a{font-size:18px}.box_contact .tel a{font-size:24px}}@media screen and (max-width: 460px){input,textarea{max-width:300px !important}.content table.table_01 th,.content table.table_01 td{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100% !important}.content table.table_01 th{background-color:#f6f6f6}#sub_top{font-size:16px}.content h2{font-size:24px}.top-read{width:90%}.top-read .read-text{display:block;font-size:1rem}section.eyecatch{height:450px;padding-top:52px}section.eyecatch picture{display:block;width:100%;height:100vw;background-color:red}section.eyecatch picture img{-o-object-fit:cover;display:block;width:auto;height:100vw;object-fit:cover}}@media screen and (min-width: 960px){.box_contact .box_in{max-width:1100px;margin-right:auto;margin-left:auto;padding-top:20px;padding-bottom:20px}.box_contact .btn{width:50%;float:left}.box_contact .tel{width:50%;float:right}.box_contact.only_tel .tel{width:100%;float:none}body{font-size:16px}.sm-slider,.sm-slider::after{top:100px !important}header{-webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 3px 0px;-moz-box-shadow:rgba(0,0,0,.2) 0px 0px 3px 0px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;position:fixed;height:140px;height:80px;box-shadow:rgba(0,0,0,.2) 0px 0px 3px 0px;transition:all .3s ease}header h1 a img{top:20px;left:10px;width:auto;max-height:40px}header .h_btn a{top:18px;right:10px;width:160px;padding-top:2px;font-size:14px;font-weight:bold;line-height:38px}header .h_tel a{top:20px;right:190px;padding-top:4px;line-height:38px}header.fixed{height:100px}header.fixed h1 a img{top:5px;height:40px}header.fixed .h_btn a,header.fixed .h_tel a{top:5px}.menu_btn,.btn_close{display:none}#g_navi{display:block !important;display:none !important;z-index:1000;position:absolute;bottom:0px;left:0px !important;width:98%;height:50px;padding-left:2%;font-size:14px;font-weight:bold;letter-spacing:1px}#g_navi ul.navi_base{display:block;width:100%;max-width:1200px;margin-right:auto;margin-left:auto}#g_navi ul li{display:inline}#g_navi li a{display:block;position:relative;width:16%;height:35px;padding-top:15px;float:left;color:#036;line-height:20px;text-align:center;text-decoration:none}#g_navi li a::before{-webkit-transition:.2s linear;display:block;position:absolute;top:2px;left:15%;width:70%;height:2px;background-color:#fff;content:"";transition:.2s linear}#g_navi li a:hover::before{top:0px;background-color:var(--color-primary)}#g_navi li a:hover,#g_navi li a.active,#g_navi ul li:hover>a{color:var(--color-primary)}#g_navi ul li:hover>a.ac_menu,#g_navi li a.ac_menu:hover{position:relative}#g_navi li a.ac_menu::after{-webkit-transition:.2s linear;z-index:300;position:absolute;bottom:-10px;left:50%;margin-left:-15px;border-right:15px solid rgba(0,0,0,0);border-bottom:20px solid #fff;border-left:15px solid rgba(0,0,0,0);content:"";transition:.2s linear}#g_navi ul li:hover>a.ac_menu::after,#g_navi li a.ac_menu:hover::after{border-bottom:20px solid #001533}#g_navi ul li div{-webkit-transition:.3s;visibility:hidden;z-index:2000;position:absolute;top:50px;left:0px;width:100%;height:auto;background-color:#001533;opacity:0;transition:.3s}#g_navi ul li ul{width:96%;max-width:1100px;margin-right:auto;margin-left:auto;padding-left:2%}#g_navi li ul li a{-webkit-border-radius:5px;-moz-border-radius:5px;width:21%;height:auto;margin-top:10px;margin-bottom:10px;margin-left:1%;padding-top:9px;padding-bottom:9px;padding-left:3%;border-radius:5px;color:#fff;line-height:22px;text-align:left}#g_navi li ul li a::after{display:block;position:absolute;top:8px;left:15px;color:#fff;font-size:9px;content:"+"}#g_navi li ul li a:hover::after{color:#036}#g_navi ul li ul li a:hover{-webkit-box-shadow:rgba(0,0,0,.1) 0px 0px 3px 0px;-moz-box-shadow:rgba(0,0,0,.1) 0px 0px 3px 0px;background-color:#fff;box-shadow:rgba(0,0,0,.1) 0px 0px 3px 0px;color:#036}#g_navi li li a::before{display:none}#g_navi ul li:hover div{visibility:visible;opacity:1}#g_navi div.ac_list{display:block !important}header.fixed #g_navi{height:40px}header.fixed #g_navi ul li div{top:40px}header.fixed #g_navi li a{height:30px;padding-top:10px}header.fixed #g_navi li ul li a{height:22px;padding-top:9px}#sub_top.faq{background-image:url(../img/sub_top_faq.jpg)}#sub_top.works{background-image:url(../img/sub_top_works.jpg)}#sub_top.contact{background-image:url(../img/sub_top_contact.jpg)}#sub_top.company{background-image:url(../img/sub_top_company.jpg)}#sub_top.sample{background-image:url(../img/sub_top_sample.jpg)}.no_pc{display:none}}@media screen and (min-width: 1200px){header .h_btn a{right:50%;margin-right:-600px}header .h_tel a{right:50%;margin-right:-400px}header h1 a img{left:50%;margin-left:-600px}}