/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
原則として、許可なしの再配布は禁止させていただきます。
また、無料でお使いになる場合は、【ＰＲ枠】のリンクは全て削除禁止です。
（※加工後の削除も禁止させていただいておりますのでご了承ください。）
PR枠の削除（有料プラン）に関するお問い合わせや、その他ご不明な点は、
http://www.s-hoshino.com/info.html、または、
https://www.megapx.com/contact.htmlのフォームよりお問い合わせください。
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
@charset "utf-8";@import url(all.css);body{-webkit-print-color-adjust: exact;}*{padding:0;margin:0}html{height:100vh}body{color:#111;background-color:#fff;font-family:游ゴシック,Yu Gothic,YuGothic,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,Osaka,ＭＳ\ ゴシック,MS Gothic,sans-serif;word-wrap:break-word;height:100%}.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}article,section{display:block}img{vertical-align:top}a img{border:0 0;-webkit-transition:.2s linear;-moz-transition:.2s linear;transition:.2s linear}a:hover img{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)"}strong{font-weight:400}li{list-style-type:none}a{color:#06c;-webkit-transition:.2s linear;-moz-transition:.2s linear;transition:.2s linear}a:hover{color:#09c;text-decoration:none}table,table td{border-collapse:collapse}.clfix:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}header{width:100%;background-color:#fff;position:fixed;z-index:5}header .h_btn a,header h1 a img{display:block;position:absolute}header .h_btn a{text-align:center;text-decoration:none;color:#333;letter-spacing:1px;border:1px solid #999}header .h_btn a:hover{color:#fff;background-color:#333;border:1px solid #fff}header .h_tel a{display:block;text-align:center;position:absolute;text-decoration:none;color:#333;letter-spacing:1px}header .h_btn a i,header .h_tel a i{padding-left:5px;padding-right:5px}#g_navi ul li a.ac_menu{cursor:pointer;overflow:hidden}.pankuzu{background-color:#f6f6f6;margin-bottom:20px;font-size:14px;line-height:30px;color:#555;width:100%;padding-top:10px;padding-bottom:10px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e5e5e5;border-top-width:1px;border-top-style:solid;border-top-color:#fff}.pankuzu ul{width:96%;max-width:825pt;margin-right:auto;margin-left:auto}.pankuzu li{display:inline-block}.pankuzu li a{text-decoration:none;color:#999}.pankuzu li a:after{content:">";padding-left:10px;padding-right:10px}.pankuzu li a:hover{color:#111}.pankuzu li i{padding-right:5px}.content{width:100%;background-color:#fff;padding-top:50px;padding-bottom:50px}.cont_wrap{max-width:75pc;width:100%;margin-right:auto;margin-left:auto}#sub_top{background-color:#eee;background-repeat:no-repeat;background-position:center center;height:90pt;line-height:30px;padding-top:300px;width:100%;background-size:cover;text-align:center;font-family:Raleway,sans-serif;color:#fff;font-size:20px;letter-spacing:.5em;-moz-text-shadow:0 0 5px rgba(0,0,0,.5);-webkit-text-shadow:0 0 5px rgba(0,0,0,.5);-ms-text-shadow:0 0 5px rgba(0,0,0,.5);text-shadow:0 0 5px rgba(0,0,0,.5)}#index_top{height:100%;width:100%;position:relative;overflow:hidden}#index_top ul.sm-slider{position:relative}#index_top #top_catch{position:absolute;top:40%;z-index:1;text-align:center;width:100%;color:#fff}#index_top #top_catch h2{font-size:50px;letter-spacing:2px;font-family:ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,游明朝,YuMincho,Sawarabi Mincho,HG明朝E,ＭＳ\ Ｐ明朝,MS PMincho,serif;font-weight:400}#index_top #top_catch p{font-size:14px}.content h2{font-size:28px;line-height:30px;margin-bottom:20px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ddd;font-weight:400;letter-spacing:1px;color:#111;text-align:center;font-family:ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,游明朝,YuMincho,Sawarabi Mincho,HG明朝E,ＭＳ\ Ｐ明朝,MS PMincho,serif;padding:15px 10px;clear:both}.content h2 span{font-family:游ゴシック,Yu Gothic,YuGothic,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,Osaka,ＭＳ\ ゴシック,MS Gothic,sans-serif;font-size:14px;color:#999}.content h3{font-size:22px;line-height:30px;margin-bottom:30px;background-color:#f6f6f6;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;position:relative;margin-top:30px;padding:15px 10px 15px 44px;font-weight:400;color:#111;font-family:ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,游明朝,YuMincho,Sawarabi Mincho,HG明朝E,ＭＳ\ Ｐ明朝,MS PMincho,serif;clear:both}.content h3:after{display:block;width:3px;height:20px;position:absolute;top:20px;left:20px;background-color:#ccc;content:''}.content h3 span{font-size:1pc;color:#888;font-family:游ゴシック,Yu Gothic,YuGothic,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,Osaka,ＭＳ\ ゴシック,MS Gothic,sans-serif;padding-left:15px}.content h4{font-size:20px;color:#555;letter-spacing:.1em;padding:10px;font-weight:700;clear:both;margin:20px 30px}.content p{font-size:1pc;line-height:1.8;padding:10px;margin:20px 30px 30px}.content .ul_news li,.content h4{border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#ccc}.content .ul_news li{line-height:30px;font-size:1pc;padding:20px 10px}.content .ul_news li span{color:#999;padding-right:20px}.content .btn_001 a{font-size:20px;color:#fff;text-align:center;border:5px solid #f6f6f6;text-decoration:none;display:block;width:88%;background-color:#333;margin:20px auto 30px;line-height:30px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;padding-top:15px;padding-bottom:15px;position:relative;max-width:500px;clear:both}.content .btn_001 a i{padding-right:10px}.content .btn_001 a:hover{color:#333;text-align:center;background-color:#fff;width:90%;border:#333}.img_center{display:block;margin-left:auto;margin-right:auto;padding-bottom:20px}.img_left{float:left}.img_left,.img_right{padding-right:30px;padding-left:30px;padding-bottom:20px}.img_right{float:right}.content .img_left p{font-size:9pt;margin:0}.to_top{position:fixed;right:10px;z-index:4;-webkit-transition:.2s linear;-moz-transition:.2s linear;transition:.2s linear}.to_top a{text-decoration:none;color:#fff;text-align:center;display:block;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";font-size:10px;background-color:#000;padding:20px;height:30px;width:30px;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:transparent;-tap-highlight-color:transparent;outline:0}.to_top a:hover{opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)";background:#48d1cc}footer{background-color:rgba(0,0,0,.7);color:#eee;clear:both;width:100%;display:block;padding-top:15px;padding-bottom:15px;margin-bottom:-8em;bottom:-100em;position:absolute}address{font-size:10px;font-style:normal;padding:5px 10px}footer ul.f_bn{display:block;float:left}footer .f_bn li{display:inline}footer .f_bn li a{display:inline-block;font-size:14px;letter-spacing:1px;padding:10px;text-decoration:none;color:#fff;border:1px solid #fff;opacity:.5;filter:alpha(opacity=50);-ms-filter:"alpha(opacity=50)";margin-left:10px;font-weight:700}footer .f_bn li a:hover{opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)"}footer .f_bn li a i{padding-right:5px}footer .box_pr{clear:both;width:100%;display:block;padding-top:10px;padding-bottom:10px;text-align:center;font-size:10px;color:#ccc}.box_pr ul li{display:inline;padding:5px}.box_pr ul li a{color:#ccc}.fab.fa-twitter{color:#48d1cc}.fab.fa-instagram{color:#ba55d3}.content table.table_01{width:96%;margin:20px auto 30px}.content table.table_01 td,.content table.table_01 th{border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#ccc;padding:20px}.content table.table_01 th{font-size:1pc;white-space:nowrap;font-weight:400;letter-spacing:1px;width:33%}.content table.table_01 td{font-size:14px;line-height:30px;background-color:#fff}.content table.table_01 td.td_price{font-size:1pc;text-align:center;white-space:nowrap;color:#008c69;font-weight:700}.content table.table_02{width:96%;margin:20px auto 30px;max-width:600px}.content table.table_02 td,.content table.table_02 th{border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#ccc;padding:20px}.content table.table_02 th{font-size:18px;white-space:nowrap;font-weight:400;letter-spacing:1px;width:33%;background-color:#f6f6f6}.content table.table_02 td{font-size:1pc;line-height:30px;background-color:#fff}.content table.table_02 td .price{font-size:20px;text-align:center;white-space:nowrap;color:#000;font-weight:700;padding-right:5px;padding-left:5px}#mailform table.m_form{width:90%;margin-right:auto;margin-left:auto}#mailform table.m_form th{text-align:right;border-right-width:4px;border-bottom-width:1px;border-right-style:solid;border-bottom-style:dotted;border-right-color:#ccc;border-bottom-color:#ccc;font-size:14px;font-weight:400;padding:15px 10px 10px}#cont_base #mailform table.m_form th p{font-size:10px;line-height:14px;color:#999;margin:0;padding:0}#cont_base #mailform table.m_form th span{color:red;padding-left:5px;padding-right:5px}#mailform table.m_form td{padding:10px;background-color:#fff;border-bottom-style:dotted;border-bottom-color:#ccc;border-bottom-width:1px;font-size:14px}form input.form_btn{background-color:#333;color:#fff;padding:7px 20px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border:3px solid #eee;-webkit-transition:.2s linear;-moz-transition:.2s linear;transition:.2s linear}form input.form_btn:hover{background-color:#fff;color:#333;border:#333;cursor:pointer}.small{font-size:smaller;color:#666}.chui{color:#f03600}#cont_base .content .navi_sitemap li{padding-left:20px}.table_01 caption{font-size:14px;line-height:30px;background-color:#e5e5e5;color:#111;letter-spacing:1px;padding-top:5px;padding-bottom:5px;border:1px solid #fff;box-shadow:rgba(0,0,0,.3) 0 0 2px 0;-webkit-box-shadow:rgba(0,0,0,.3) 0 0 2px 0;-moz-box-shadow:rgba(0,0,0,.3) 0 0 2px 0}.table_01 th span{font-size:9pt;color:#ccc}.content dl.faq{margin-bottom:30px;padding:10px 10px 20px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#ccc}.content dl.faq dt{font-size:22px;line-height:30px;position:relative;font-family:ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,游明朝,YuMincho,Sawarabi Mincho,HG明朝E,ＭＳ\ Ｐ明朝,MS PMincho,serif;padding:10px 20px 10px 50px;background-color:#f6f6f6;color:#111;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}.content dl.faq dt span{font-size:20px;font-weight:700;color:#fff;background-color:#333;text-align:center;display:block;width:50px;padding-top:10px;height:40px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;position:absolute;top:-20px;left:-10px;z-index:1}.content dl.faq dt span:before{content:"";position:absolute;bottom:-5px;right:-3px;margin-left:-9pt;border-right:9pt solid transparent;border-top:20px solid #333;border-left:9pt solid transparent;z-index:0;transform:rotate(-40deg)}.content dl.faq dd{padding:10px 20px}.g_map_base{background-color:#fff;padding-right:20px;padding-bottom:20px;padding-left:20px}.g_map{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.g_map embed,.g_map iframe,.g_map object{position:absolute;top:0;left:0;width:100%;height:100%}.pick_up{height:30%;max-height:500px;min-height:250px;width:100%;position:absolute;bottom:0;background-color:rgba(0,0,0,.7)}.pick_up .sc_btm a{line-height:50px;color:#333;background-color:var(--main-bg);height:75pt;width:75pt;display:block;margin-right:auto;margin-left:auto;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;font-size:9pt;text-decoration:none;letter-spacing:2px;background-image:url(../img/sc_btm.png);background-position:center center;background-repeat:no-repeat;position:absolute;bottom:-50px;left:50%;margin-left:-50px;z-index:2;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:transparent;-tap-highlight-color:transparent}.pick_up .sc_btm a:hover{color:#000;height:110px;width:110px;border-radius:55px;-webkit-border-radius:55px;-moz-border-radius:55px;margin-top:-10px;margin-left:-55px;background:#98fb98}.pick_up ul{display:block;margin-left:auto;margin-right:auto;width:100%;max-width:1400px;padding:30px;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}.pick_up ul,.pick_up ul li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pick_up ul li{width:30%;position:relative}.pick_up ul li a{display:block;box-shadow:rgba(0,0,0,.2) 0 0 5px 0;-webkit-box-shadow:rgba(0,0,0,.2) 0 0 5px 0;-moz-box-shadow:rgba(0,0,0,.2) 0 0 5px 0;overflow:hidden}.pick_up ul li a img{width:auto;max-width:100%;-webkit-transition:1 ease-out;-moz-transition:1 ease-out;transition:1 ease-out;opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)"}.pick_up ul li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)"}.pick_up ul li a:hover{box-shadow:rgba(0,0,0,.5) 0 0 7px 0;-webkit-box-shadow:rgba(0,0,0,.5) 0 0 7px 0;-moz-box-shadow:rgba(0,0,0,.5) 0 0 7px 0}a .btn_check{color:#fff;font-size:14px;line-height:40px;text-decoration:none;text-align:center;display:block;width:50%;margin-top:-15px;margin-left:-25%;border:2px solid #fff;position:absolute;left:50%;top:50%;font-weight:700;-webkit-transition:.2s linear;-moz-transition:.2s linear;transition:.2s linear}a:hover .btn_check,a:hover .btn_onlineshop,span.btn_onlineshop:hover{color:#000;background-color:#fff}a .btn_check i,a .btn_onlineshop i{padding-right:10px;padding-left:5px;-webkit-transition:.2s linear;-moz-transition:.2s linear;transition:.2s linear}a .hover .btn_onlineshop,a:hover .btn_check i{padding-right:5px;padding-left:10px}.balloon{top:-60px;margin-left:-50px;display:inline-block;width:75pt;height:75pt;line-height:75pt;vertical-align:middle;text-align:center;color:#fff;font-size:18px;font-weight:700;border-radius:50%;box-sizing:border-box;z-index:3;background-color:#fba200}.balloon,.balloon:before{position:absolute;left:50%}.balloon:before{content:"";bottom:-15px;margin-left:-9pt;border-right:9pt solid transparent;border-top:20px solid #fba200;border-left:9pt solid transparent;z-index:0}ul.works_list{display:block;margin-left:auto;margin-right:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:1400px;padding:30px;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}ul.works_list li{width:21%;position:relative;text-align:center;margin-bottom:30px}ul.works_list li a{display:block;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px;border:1px dotted #ccc;background-color:#fff;text-decoration:none;color:#333}ul.works_list li a img{width:auto;max-width:100%;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.9;filter:alpha(opacity=90);-ms-filter:"alpha(opacity=90)"}ul.works_list li a:hover img{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)"}ul.works_list li a span{display:block;padding-top:10px;font-size:9pt;letter-spacing:1px}ul.works_list li a:hover{box-shadow:rgba(0,0,0,.3) 0 0 10px 0;-webkit-box-shadow:rgba(0,0,0,.3) 0 0 10px 0;-moz-box-shadow:rgba(0,0,0,.3) 0 0 10px 0;border:1px solid #000;color:#000}.btn_onlineshop{color:#ddd;font-size:calc(100%+4*(50vmin - 600px)/600);line-height:26px;text-decoration:none;text-align:center;display:block;width:50%;margin-top:-15px;margin-left:-25%;position:absolute;left:50%;top:50%;font-weight:700;-webkit-transition:.2s linear;-moz-transition:.2s linear;transition:.2s linear;z-index:6}@media print, screen and (min-width:960px){body{font-size:1pc}.sm-slider,.sm-slider:after{top:75pt!important}header{height:140px;box-shadow:rgba(0,0,0,.2) 0 0 3px 0;-webkit-box-shadow:rgba(0,0,0,.2) 0 0 3px 0;-moz-box-shadow:rgba(0,0,0,.2) 0 0 3px 0;position:fixed;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}header h1 a img{top:20px;left:10px}header .h_btn a{width:10pc;right:10px;font-weight:700}header .h_btn a,header .h_tel a{top:20px;line-height:38px;padding-top:2px;font-size:14px}header .h_tel a{width:180px;right:180px}header .h_tel a strong{font-size:18px}header.fixed{height:75pt}header.fixed h1 a img{height:40px;top:5px}header.fixed .h_btn a,header.fixed .h_tel a{top:5px}.btn_close,.menu_btn{display:none}#g_navi{width:98%;padding-left:2%;display:block;height:50px;position:absolute;z-index:7;left:0!important;bottom:0;font-size:14px;letter-spacing:1px;font-weight:700}#g_navi ul.navi_base{width:100%;max-width:75pc;margin-left:auto;margin-right:auto;display:block}#g_navi ul li{display:inline}#g_navi li a{width:16%;padding-top:15px;height:35px;display:block;color:#111;text-decoration:none;text-align:center;line-height:20px;position:relative;float:left}#g_navi li a:before{display:block;height:2px;position:absolute;top:2px;width:70%;left:15%;background-color:#fff;content:'';-webkit-transition:.2s linear;-moz-transition:.2s linear;transition:.2s linear}#g_navi li a:hover:before{background-color:#333;top:0}#g_navi li a.active,#g_navi li a:hover,#g_navi ul li:hover>a{color:#999}#g_navi li a.ac_menu:hover,#g_navi ul li:hover>a.ac_menu{position:relative}#g_navi li a.ac_menu:after{content:"";position:absolute;bottom:-10px;left:50%;margin-left:-15px;border-right:15px solid transparent;border-bottom:20px solid #fff;border-left:15px solid transparent;z-index:5;-webkit-transition:.2s linear;-moz-transition:.2s linear;transition:.2s linear}#g_navi li a.ac_menu:hover:after,#g_navi ul li:hover>a.ac_menu:after{border-bottom:20px solid #111}#g_navi ul li div{position:absolute;z-index:8;top:50px;left:0;opacity:0;visibility:hidden;transition:.3s;width:100%;height:auto;background-color:#111}#g_navi ul li ul{width:96%;padding-left:2%;max-width:825pt;margin-left:auto;margin-right:auto}#g_navi li ul li a{width:21%;padding-left:3%;padding-top:9px;padding-bottom:9px;line-height:22px;height:22px;color:#fff;text-align:left;margin-top:10px;margin-bottom:10px;margin-left:1%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}#g_navi li ul li a:after{content:"+";color:#fff;position:absolute;display:block;left:15px;top:8px;font-size:9px}#g_navi li ul li a:hover:after{color:#333}#g_navi ul li ul li a:hover{color:#000;background-color:#fff;box-shadow:rgba(0,0,0,.1) 0 0 3px 0;-webkit-box-shadow:rgba(0,0,0,.1) 0 0 3px 0;-moz-box-shadow:rgba(0,0,0,.1) 0 0 3px 0}#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{padding-top:10px;height:30px}header.fixed #g_navi li ul li a{padding-top:9px;height:22px}#index_top{min-height:850px}#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)}address{letter-spacing:1px;text-align:right;display:block;float:right;padding-top:30px;padding-right:10px}.no_pc{display:none}}@media print, screen and (min-width:1200px){header .h_btn a{right:50%;margin-right:-600px}header .h_tel a{right:50%;margin-right:-25pc}header h1 a img{left:50%;margin-left:-600px}}@media print, screen and (max-width:960px){body{font-size:1pc}body.fixed{overflow:hidden}img{max-width:100%!important;height:auto;width:auto;margin-left:auto;margin-right:auto}.pick_up ul li a:hover img{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)"}.content h4{margin-right:10px;margin-left:10px}ul.works_list li{width:31%}.menu_btn{display:block;height:30px;width:40px;text-align:center;padding-top:5px;padding-bottom:5px;position:fixed;z-index:10;top:5px;right:5px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.menu_btn,.menu_btn:hover{cursor:pointer}.menu_btn span{width:28px;height:2px;display:block;position:absolute;left:50%;top:50%;margin-left:-14px;background-color:#555;transition:all .3s;transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0)}.menu_btn span.top{transform:translateY(-8px);-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px)}.menu_btn span.bottom{transform:translateY(8px);-webkit-transform:translateY(8px);-moz-transform:translateY(8px)}.menu_btn:hover span.top{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px)}.menu_btn:hover span.bottom{transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px)}.menu_btn.opened span.middle{background:hsla(0,0%,100%,0);transform:translateX(30px);-webkit-transform:translateX(30px);-moz-transform:translateX(30px)}.menu_btn.opened span.top{transform:rotate(-45deg) translateY(0);-webkit-transform:rotate(-45deg) translateY(0);-moz-transform:rotate(-45deg) translateY(0);background:violet}.menu_btn.opened span.bottom{transform:rotate(45deg) translateY(0);-webkit-transform:rotate(45deg) translateY(0);-moz-transform:rotate(45deg) translateY(0);background:violet}#g_navi{position:fixed;width:80%;height:100%;top:0;left:100%;padding-top:50px;overflow:auto;z-index:9;background-color:#fff;box-shadow:rgba(0,0,0,.1) 0 0 3px 0;-webkit-box-shadow:rgba(0,0,0,.1) 0 0 3px 0;-moz-box-shadow:rgba(0,0,0,.1) 0 0 3px 0;font-size:14px;letter-spacing:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#g_navi ul{display:block;margin:0;padding:0;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{color:#111;text-decoration:none;display:block;padding:1pc 30px 14px 20px;line-height:22px;-vertical-align:middle}#g_navi ul li a:hover{color:#999}#g_navi ul li a.ac_menu{position:relative;background-image:none}#g_navi ul li a.ac_menu:after{font-size:11px;display:block;height:20px;width:20px;content:"▼";text-align:center;line-height:20px;position:absolute;top:1pc;right:10px;color:#555}#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:0}#g_navi ul li li:first-child{border-top:0}#g_navi ul li ul li a{border-bottom:0}#g_navi ul li ul li a:before{content:"・";padding-right:5px;color:#999}#g_navi ul li ul li a:hover{color:#999}.bg_bl{background-color:#fff;height:100%;width:100%;opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";display:block;position:fixed;z-index: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{right:50px}header .h_btn a,header .h_tel a{width:90pt;top:10px;line-height:29px;padding-top:1px;font-size:9pt}header .h_tel a{right:180px}header #info,header .h_menu{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)}address{text-align:center;padding-top:10px;display:block;clear:both}footer ul.f_bn{float:none}footer .f_bn li a{font-size:11px;padding:8px}.no_sp{display:none}}@media screen and (max-width:640px){header h1 a img{top:5px;height:30px}header .h_btn a{border-top-style:none;border-bottom-style:none}header .h_btn a,header .h_tel a{width:50px;font-size:18px;z-index:11}header .h_tel a{right:75pt}header .h_btn a span,header .h_tel a span{display:none}#mailform table.m_form td,#mailform table.m_form th{width:100%!important;display:block;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#mailform table.m_form th{border-right-style:none;padding-bottom:5px}#index_top #top_catch h2{font-size:40px}#index_top #top_catch p{font-size:9pt}#sub_top{height:150px;line-height:150px;padding-top:50px;background-position:center 50px}.content{padding-top:20px;padding-bottom:20px}.content p{margin:10px 10px 20px}ul.works_list li{width:47%}.img_left,.img_right{float:none;display:block;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px;padding-bottom:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pick_up ul{padding:15px}.pick_up ul li{width:31%}.balloon{top:-35px;margin-left:-25px;width:50px;height:50px;line-height:50px;font-size:14px}a .btn_check{width:80%;margin-left:-40%}footer{position:absolute;bottom:-200em}}@media print, screen and (max-width:460px){input,textarea{max-width:300px!important}.content table.table_01 td,.content table.table_01 th{width:100%!important;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.content table.table_01 th{background-color:#f6f6f6}#index_top #top_catch h2{font-size:30px}#sub_top{font-size:1pc}.content h2{font-size:24px}.content h2 span,a .btn_check{font-size:9pt}a .btn_check{line-height:30px}a .btn_check i{padding-right:5px;padding-left:2px}a:hover .btn_check i{padding-right:2px;padding-left:5px}ul.works_list li{width:98%}.btn_onlineshop{line-height:18px}}.effect{opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);transform:translateY(20px);-webkit-transition:1 ease-out;-moz-transition:1 ease-out;transition:1 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{opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}.content p.check{color:#f33}.content p.p_st{font-size:20px;color:#ca28b1}.cp_slide_item img{opacity:.5}.cp_cssslider{width:300px;height:40px;overflow:hidden;margin:2em auto;margin-bottom:.05em;border:3px solid #ddd;box-shadow:0 0 5px 0 rgba(0,0,0,.5)}.cp_slide_item{width:300px;height:40px;float:left;position:relative}.cp_slidewrapper{width:500%;position:relative;left:0;animation:a 25s infinite ease;-webkit-animation:a 25s infinite ease;-moz-animation:a 25s infinite ease}@-webkit-keyframes a{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-300px);transform:translateX(-300px)}40%{-webkit-transform:translateX(-600px);transform:translateX(-600px)}60%{-webkit-transform:translateX(-900px);transform:translateX(-900px)}80%{-webkit-transform:translateX(-1200px);transform:translateX(-1200px)}}@keyframes a{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-300px);transform:translateX(-300px)}40%{-webkit-transform:translateX(-600px);transform:translateX(-600px)}60%{-webkit-transform:translateX(-900px);transform:translateX(-900px)}80%{-webkit-transform:translateX(-1200px);transform:translateX(-1200px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.pick_up a:hover img{-webkit-transform:scale(1.125);-moz-transform:scale(1.125);-o-transform:scale(1.125);-ms-transform:scale(1.125);transform:scale(1.125);width:auto;max-width:100%;-webkit-transition:1 ease-out;-moz-transition:1 ease-out;transition:1 ease-out;opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)"}@media print, screen and (min-width:461px) and (max-width:767px){.cp_cssslider{height:40px}.cp_slide_item{width:25pc;height:65px;float:left;position:relative}}@media print, screen and (min-width:768px) and (max-width:1024px){.cp_cssslider{height:65px;width:25pc}.btn_onlineshop{width:40%;margin-top:-15px;margin-left:-20%}.cp_slide_item{width:25pc;height:65px}@-webkit-keyframes a{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-400px);transform:translateX(-400px)}40%{-webkit-transform:translateX(-800px);transform:translateX(-800px)}60%{-webkit-transform:translateX(-1200px);transform:translateX(-1200px)}80%{-webkit-transform:translateX(-1600px);transform:translateX(-1600px)}}@keyframes a{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-400px);transform:translateX(-400px)}40%{-webkit-transform:translateX(-800px);transform:translateX(-800px)}60%{-webkit-transform:translateX(-1200px);transform:translateX(-1200px)}80%{-webkit-transform:translateX(-1600px);transform:translateX(-1600px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}}@media print, screen and (min-width:1025px){.btn_onlineshop{width:30%;margin-top:-15px;margin-left:-15%}.pick_up{height:40%;min-height:375px}.cp_cssslider{width:99%;max-width:730px;overflow:hidden;margin:2em auto}.cp_slide_item{width:99%;max-width:730px;height:99%;max-height:185px}.cp_slidewrapper{width:500%;position:relative;left:0;animation:a 25s infinite ease;-webkit-animation:a 25s infinite ease;-moz-animation:a 25s infinite ease}@-webkit-keyframes a{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-730px);transform:translateX(-730px)}40%{-webkit-transform:translateX(-1460px);transform:translateX(-1460px)}60%{-webkit-transform:translateX(-2190px);transform:translateX(-2190px)}80%{-webkit-transform:translateX(-2920px);transform:translateX(-2920px)}}@keyframes a{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-730px);transform:translateX(-730px)}40%{-webkit-transform:translateX(-1460px);transform:translateX(-1460px)}60%{-webkit-transform:translateX(-2190px);transform:translateX(-2190px)}80%{-webkit-transform:translateX(-2920px);transform:translateX(-2920px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}}@media print, screen and(max-width:768px){.ec-footerRole{bottom: -170em;}}.u-fadein{opacity:0;-webkit-transition:1s;-moz-transition:1s;transition:1s}.u-fadein._bottom{-webkit-transform:translate(0,50px);-moz-transform:translate(0,50px);transform:translate(0,50px)}.u-fadein._left{-webkit-transform:translate(-50px,0);-moz-transform:translate(-50px,0);transform:translate(-50px,0)}.u-fadein._right{-webkit-transform:translate(50px,0);-moz-transform:translate(50px,0);transform:translate(50px,0)}.u-fadein._top{-webkit-transform:translate(0,-50px);-moz-transform:translate(0,-50px);transform:translate(0,-50px)}.u-fadein.is-show{opacity:1!important;-webkit-transform:translate(0,0)!important;-moz-transform:translate(0,0)!important;transform:translate(0,0)!important}