@charset "utf-8";p{font-size:15px}.in100per{padding:0 5px}.in600{padding:0 16px}.in960{padding:0 16px}.in1200{padding:0 16px}.col20{width:48%;margin-left:4%}.col20:nth-child(3n+1),.col20:nth-child(5n+1){margin-left:4%}.col20:nth-child(2n+1){margin-left:0}.col25{width:48%}.col33{width:98%;margin-bottom:10px}.col50{width:98%;margin-bottom:10px}.col20:nth-child(3n+1){margin-left:4%}.col20:nth-child(2n+1){margin-left:0}ul{padding-inline-start:20px}.br-pc,.br-tb{display:none}.br-sm{display:block}table tr th,table tr td{display:block;width:calc(99% - 2em)}table tr th{margin-bottom:-1px;background-color:rgba(0,0,0,.1)}table tr td{padding-bottom:16px;margin-bottom:-1px}#page th,#page td{width:100%;box-sizing:border-box;height:auto!important;padding:8px 10px}#page tbody th{width:100%;border:1px solid #ccc}.head_bg{height:212px}.main_column>article{margin-top:0}section{padding:16px 0}section h2{font-size:25px;line-height:30px}body>article section .in1200 h2,body.news-page>.in1200>.flex-around h1,body.news-page>.in1200>.flex-around h2{font-size:32px}.bread{display:none}#template{display:none}#header{background-color:rgba(55,106,179,.9);position:fixed;left:0;top:0;z-index:100;width:100%;box-shadow:0px 0px 10px rgba(0,0,0,.5);box-sizing:border-box;padding:4px}#header>.in1200{margin-top:8px}#header .contact{display:none;width:100%;margin-bottom:12px;padding-top:4px;text-align:center}#header .contact .tel a{pointer-events:inherit}#header .logo{float:none;width:240px;display:block;margin-bottom:7px}#header .link.social{float:left}#header .logo:hover{opacity:.8}#header .logo .img img{display:block!important;margin:auto}#header .logo .img span{display:none!important}#header .logo .footer{display:none}#g-navi{margin:0;display:none}#top #g-navi{padding-top:0}#header #g-navi{margin-bottom:2px}#header #g-navi ul{margin:0 auto;padding:0;list-style-type:none;width:80%;min-width:200px;flex-wrap:wrap}#header #g-navi ul li{flex-basis:100%;flex-grow:1;padding:0;line-height:1em;margin:6px;overflow:hidden;border:none}#g-navi ul li:last-child{display:block}#header #g-navi ul li a{display:block;padding:4px;font-size:19px;height:100%;text-align:center;font-weight:700;margin:1px auto}#header #g-navi ul li a img{width:auto;height:19px;margin-bottom:4px}#g-navi ul li:before{content:none}#header>.in1200{position:relative}#header .link{display:none}#header div #s-menu{display:block;position:fixed;z-index:200;top:0;right:0;font-size:26px;line-height:1.8em;padding:13px 16px;position:absolute;top:-8px;font-size:24px!important}.bg_wrap{background:linear-gradient(rgba(0,0,0,.6) 20%,rgba(0,0,0,.2),transparent,transparent,transparent)}.logo_main{top:auto;bottom:12vh;right:22vw}.logo_main img{max-width:50vw}#lead{background:rgba(255,255,255,.7);padding:10px 0}.news-page #lead{width:calc(100% + 40px);margin-left:-20px}#top #lead{margin-bottom:0}#lead h2{font-size:20px}#lead h2 span{display:block}#top .description p:last-child{font-size:15px!important;padding:0 20px!important}body>article section .in1200,body.news-page>.in1200>.flex-around{padding:24px 14px 20px}#top #news ul{display:block}#top #news ul li a{padding:12px 0}#top #news ul li a .content{margin:0;padding:0}#top #news ul li a .img{width:60px;padding-top:30px;padding-bottom:30px;float:left}#top #news ul li a h3{margin-bottom:.5em;font-size:16px}#top #news ul li a .category{margin:0;padding:0}#top #news ul li a .date{margin:0;padding:0}#top #news ul li a p{margin-bottom:0;display:none}#top #news ul li a .more{display:none}#top #news .news_list .col33{width:98%}#top #g-navi{margin-top:0}#item-single .main-img{float:none;margin-right:auto;margin-left:auto}#item-single .item-comment{float:none;width:100%}#item-single .item-comment h1{text-align:center;line-height:1.2em}#item-single .item-page{float:none;width:100%;padding:1em}#item-single dl{float:none;width:100%}#page #lead h1 img{height:28px;margin-bottom:8px}#page #lead .title{font-size:16px}#page #works ul .col25{width:96%;margin-bottom:10%}#page #news ul li.col25{width:100%;float:none}#page #news ul li a .img{float:left;width:38%;padding-top:28%}#page #news ul li a .content{float:right;width:60%;padding-top:8px;padding-right:8px;padding-bottom:8px}#page #news ul li a h3{font-size:14px}#page #news ul li a p{display:none}#page #news ul li a{padding:0}#page #news ul li a .category{left:40%}.side_bar{flex-wrap:wrap}#category-nav{width:100%}#main{height:80vh!important}.services_thumb .img img{width:100%}#casestudy .flex-around .content h3{font-size:12px}#casestudy .flex-around .content div p{font-size:12px}#casestudy .news_list .col33{margin-left:0}#parts .flex-around{margin:0}a.yahuoku{padding:20px 42px;display:block}a.rakuten{padding:20px 42px;display:block}#map iframe{height:400px}.main_column>article>section{padding-top:16px}#page.page-services #parts ul li{width:100%}.news-page ul.flex-around{padding-left:0}article#category .flex-around .img{width:100%}article#category .flex-around .content{width:100%;padding:10px}article#category .flex-around{margin-bottom:0}.contact_text{text-align:left}.page-construction table th,.page-construction table td{display:table-cell;width:auto!important;padding:4px 5px!important;font-size:12px;line-height:1.3}.page-construction table th:first-child{min-width:76px}.page-construction table th:nth-child(2){min-width:44px}#g-navi{position:unset}#footer:before{content:none}#footer{margin:20px 0}#footer ul{margin-top:28px}#footer li{padding:0 .5em}#footer .in1200{padding:0 10px}#footer .flex-around{border-radius:0}#footer .flex-around .footerleft{text-align:center;width:100%}#footer .flex-around .footerright{display:none}#footer .ft_adress{text-align:center;width:100%}#footer .copyright{text-align:center;width:100%}#gotop{position:fixed;top:inherit;bottom:16px;right:16px;left:inherit;width:52px;opacity:.7}#gotop .inner a{height:50px;width:50px}@media (max-width:484px){.news_list .col25{width:100%;margin:0 0 1.5em}.news_list .col25:last-child{margin:0}.news_list h3{min-height:auto}.col16{width:48%;margin-left:0}.col16:nth-child(2n){margin-left:4%}body>article section .in1200 h2,body.news-page>.in1200>.flex-around h1,body.news-page>.in1200>.flex-around h2,body>article section>.in100per h2{font-size:30px;padding-bottom:4px}}