@media screen and (max-width:768px){#wrapper .pc_block_el,#wrapper .pc_inline_el{display:none}#wrapper .sp_block_el{display:block}#wrapper .sp_inline_el{display:inline-block}#wrapper .base_tl{font-size:25px;font-size:2.5rem}#wrapper .base_tl .en_txt{font-size:20px;font-size:2rem;margin-bottom:10px}#wrapper .base_tl .en_txt:after,#wrapper .base_tl .en_txt:before{width:12px;height:30px;top:-4px}#wrapper .base_tbl{margin-bottom:6vw}#wrapper .base_tbl td,#wrapper .base_tbl th{display:block;width:100%;border-right:none}#wrapper .color-btn{width:100%;font-size:18px;font-size:1.8rem}#wrapper .color-btn.more_btn{padding:20px 0;font-size:18px;font-size:1.8rem}#wrapper .base_tl_l{font-size:20px;font-size:2rem}#wrapper .ghost_btn{padding:20px 0;font-size:18px;font-size:1.8rem}#wrapper .scroll_table{overflow-x:auto}#wrapper .scroll_table table{width:1000px}#wrapper #sub_navigation{padding:8vw 0 3vw}#wrapper #sub_navigation .ghost_btn_box{display:block}#wrapper #sub_navigation .ghost_btn_box .ghost_btn{width:100%;margin-bottom:4vw}#wrapper #sub_navigation .grid_box span{width:25%}#wrapper #sub_navigation .grid_box span:nth-of-type(n+5){display:none}.form #wrapper main .form_step li{width:32%;font-size:16px;font-size:1.6rem}.form #wrapper main .form_step li .num{font-size:18px;font-size:1.8rem;margin-right:2px}.form #wrapper main input#zip,.form #wrapper main input.zip{width:90%}.form #wrapper main input[type=file]{width:100%}.form #wrapper main td span{display:block}.form #wrapper main #tel_area .telBox{padding:30px 2vw}.form #wrapper main #tel_area .telBox .telNumber{font-size:20px;font-size:2rem}.form #wrapper main #tel_area .telBox .telNumber a{color:#fff}header #globalNav li a{padding:6vw 0}header .hamburger{padding:12px;display:flex;align-items:center}.overlay,header .logo_box #tagline{display:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;height:150vh;background:rgba(38,172,193,.7);opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";z-index:1}#headline #pageTitle{height:auto;padding:4vw 0 12vw}#headline #pageTitle h1{font-size:18px;font-size:1.8rem;left:5vw;padding:10px 20px}#headline #pageTitle h1 .en_txt{font-size:20px;font-size:2rem}#headline #pageTitle .bg_image{display:none}#headline .pan{margin-top:12px;padding:0;position:relative;left:0;line-height:1.3}footer #ftNav{display:block;border-top:1px solid hsla(0,0%,100%,.2)}footer #ftNav li{border-bottom:1px solid hsla(0,0%,100%,.2)}footer #ftNav li a{display:block;padding:15px 0}body#home{overflow:hidden}body#home #wrapper{font-size:14px;font-size:1.4rem}body#home #wrapper .base_tl{font-size:20px;font-size:2rem}body#home #wrapper .base_tl .en_txt{font-size:40px;font-size:4rem}body#home #wrapper .base_tl .en_txt:after,body#home #wrapper .base_tl .en_txt:before{height:30px;width:15px}body#home #wrapper .base_tl+.lead{margin-bottom:5%;text-align:left;font-size:14px;font-size:1.4rem}body#home #wrapper .base_tl+.lead br{display:none}body#home #wrapper .contact_layout .web_contact .color-btn{font-size:20px;font-size:2rem}body#home #wrapper .contact_layout .tel_contact .telNumber{font-size:32px;font-size:3.2rem}body#home #wrapper .contact_layout .tel_contact .telNumber a{color:#ffe00c}body#home #wrapper #mv__area{height:63vh;background:#ffe00c}body#home #wrapper #mv__area #mv_slider{width:100%;height:auto;position:absolute;bottom:0;left:0;aspect-ratio:830/519}body#home #wrapper #mv__area .copy_box{height:auto;padding-top:3%}body#home #wrapper #mv__area .copy_box .copy_text p,body#home #wrapper #mv__area .copy_box .tagline_text{margin-bottom:3%;font-size:14px;font-size:1.4rem}body#home #wrapper #mv__area .copy_box .copy_text p span strong{font-size:25px;font-size:2.5rem}body#home #wrapper #item_area{margin-bottom:10%}body#home #wrapper #item_area .color-btn.more_btn{font-size:20px;font-size:2rem;padding:3% 0;width:90%}body#home #wrapper #item_area .ico_osusume{width:80%}body#home #wrapper #item_area .ico_osusume img{width:100%;height:auto}body#home #wrapper #item_area .ico_new{width:50px}body#home #wrapper #item_area .ico_new img{width:100%;height:auto}body#home #wrapper #item_area .item_list li{width:100%;margin-bottom:10%}body#home #wrapper #item_area .item_list li:nth-child(n+4){display:none}body#home #wrapper #item_area .item_list li p{font-size:14px;font-size:1.4rem}body#home #wrapper #item_area .item_list li h3{font-size:16px;font-size:1.6rem}body#home #wrapper #work_area{padding:6% 0}body#home #wrapper #work_area .grid_box span{width:25%}body#home #wrapper #work_area .grid_box span:nth-of-type(n+5){display:none}body#home #wrapper #work_area .ghost_btn_box{display:block}body#home #wrapper #work_area .ghost_btn_box .ghost_btn{padding:3% 0;width:100%;margin-bottom:3%;font-size:20px;font-size:2rem;border:2px solid #fff}body#home #wrapper #work_area #works_slider .slick-next,body#home #wrapper #work_area #works_slider .slick-prev{top:-35%;width:10%;height:auto}body#home #wrapper #advantage_area{margin-bottom:5%}body#home #wrapper #advantage_area .lead{text-align:center}body#home #wrapper #advantage_area .lead .adv_element{font-size:18px;font-size:1.8rem}body#home #wrapper #advantage_area .lead .adv_element span{font-size:14px;font-size:1.4rem}body#home #wrapper #advantage_area .lead .amp{display:inline-block;width:auto;font-size:18px;font-size:1.8rem}body#home #wrapper #advantage_area .advantage_list li{width:100%;margin-bottom:5%}body#home #wrapper #advantage_area .advantage_list li .txt_box{padding:0 6% 6%;height:auto}body#home #wrapper #advantage_area .advantage_list li .txt_box:before{height:calc(100% + 13vw);background-position:top;background-size:cover}body#home #wrapper #advantage_area .advantage_list li .txt_box h3{font-size:22px;font-size:2.2rem}body#home #wrapper #contact_area:before{transform:scale(.7);left:-12%;top:30%}body#home #wrapper #contact_area .bg_box .inner_wrap{flex-direction:column}body#home #wrapper #contact_area .rock_box{height:87vw}body#home #wrapper .contact_layout .web_contact{width:75%;margin-bottom:6%}body#home #wrapper .contact_layout .bg_box .inner_wrap{padding:10% 0 0}body#home #wrapper .contact_layout .line_meter{display:none}body#home #wrapper .contact_layout .color-btn{padding:3% 0}body#home #wrapper .contact_layout .tel_contact{margin-left:0;width:100%;padding:0 3%}body#home #wrapper .contact_layout .tel_contact div{margin-right:5%}body#home #wrapper #mission_area .txt{font-size:16px;font-size:1.6rem;padding:0 3%;text-align:left}body#home #wrapper #mission_area .mission_text{font-size:1.6rem;margin:0 0 4vw;padding:6%;width:100%}body#home #wrapper #mission_area .mission_text:after,body#home #wrapper #mission_area .mission_text:before{width:40px;height:40px;border-width:8px}body#home #wrapper .column_post_item:nth-child(n+4){display:none}}@media screen and (max-width:768px)and (max-width:500px){body#home #contact_area:before{left:-23%}body#home #wrapper .contact_layout .web_contact .color-btn{font-size:16px;font-size:1.6rem}body#home #wrapper #contact_area:before{left:-22%}}@media screen and (max-width:768px)and (max-width:370px){header{padding-left:3%}header .logo_box #tagline{font-size:11px;font-size:1.1rem}#wrapper .color-btn:after{width:18px}body#home #wrapper #contact_area:before{transform:scale(.5);left:-40%;top:18%}body#home #wrapper #mv__area .copy_box .tagline_text{margin-bottom:2%;font-size:14px;font-size:1.4rem}body#home #wrapper #mv__area .copy_box .copy_text p{margin-bottom:2%;font-size:13px;font-size:1.3rem}body#home #wrapper #mv__area .copy_box .copy_text p span strong{font-size:20px;font-size:2rem}body#home #wrapper .contact_layout .web_contact .color-btn{font-size:16px;font-size:1.6rem}body#home #wrapper #advantage_area .advantage_list li .txt_box:before{height:30vh}}@media screen and (max-width:768px){body#companyIndex main .inner_wrap .base_tl{padding-top:0}body#companyIndex main .container{display:block}body#companyIndex main .container #map_box{width:100%;margin-bottom:4vw}body#companyIndex main .container #map_box iframe{height:350px}body#companyIndex main .container .group_link{width:100%}body#companyIndex main .container.title{padding:6vw 3%;height:auto}body#companyIndex main .container.title:before{display:none}body#companyIndex main .container.title h2{font-size:20px;font-size:2rem;width:100%;margin-bottom:6%}body#companyIndex main .container.title .txt{width:100%;font-size:16px;font-size:1.6rem;line-height:1.6}body#companyIndex main .container.title .txt br{display:none}body#companyIndex main .container.title .txt .name span{font-size:16px;font-size:1.6rem}body#flowIndex main{padding-top:6%}body#flowIndex main .flow_list .flow_box{position:relative;padding:20px;padding-top:64px}body#flowIndex main .flow_list .flow_box .title_area{align-items:center;margin-bottom:4vw}body#flowIndex main .flow_list .flow_box .title_area h3{font-size:20px;font-size:2rem}body#flowIndex main .flow_list .flow_box .title_area h3 .img{position:absolute;top:-14px;left:18px;z-index:2;background:#ffe00c}body#flowIndex main .flow_list .flow_box .title_area .en_txt{font-size:40px;font-size:4rem}body#flowIndex main .flow_list .flow_box .txt{padding-left:0;font-size:16px;font-size:1.6rem}body#faqIndex main .faq_box h3.question{position:relative;padding:10px 0;padding-left:16%;font-size:18px;font-size:1.8rem}body#faqIndex main .faq_box h3.question .icon{position:absolute;height:100%;display:flex;justify-content:center;align-items:center;left:0;top:0;bottom:0;margin:auto 0;padding:0}body#faqIndex main .faq_box .answer .inner{padding-right:15px}body#faqIndex main .faq_box .answer .inner .text{font-size:16px;font-size:1.6rem}body#faqIndex main .faq_box .answer .inner .tel_box .number_text{font-size:20px;font-size:2rem}body#faqIndex main .faq_box .answer .inner .tel_box .telNumber a{color:#fff}body.products #sub .localNav{display:block}body.products #sub .localNav li{width:100%;padding:3px 0}body#productsIndividual main #slider_area,body#productsIndividual main #slider_area #product_imgae{display:block}body#productsIndividual main #slider_area #product_imgae .slick-list{width:100%;margin-bottom:2vw}body#productsIndividual main #slider_area #product_imgae .slick-slide{height:62vw}body#productsIndividual main #slider_area #product_imgae .slick-dots{width:100%;display:flex;justify-content:flex-start}body#productsIndividual main #slider_area #product_imgae .slick-dots li{width:23%;margin-right:1%;height:20vw}body#productsIndividual main .look{padding-bottom:6vw}body#productsIndividual main .look h3 .en_txt{font-size:20px;font-size:2rem;margin-bottom:4vw}body#productsIndividual main .look h3 .en_txt:after,body#productsIndividual main .look h3 .en_txt:before{top:-4px}body#productsIndividual main .look .record_list .record_box{display:block;margin-bottom:8vw;width:49%}body#productsIndividual main #material_area .scroll_table:before{content:"右側にスクロールできます。→";display:block;color:#1a59b2}body#productsIndividual main #material_area .base_tbl caption{text-align:left;padding:12px 30px}body#productsIndividual main #material_area .base_tbl td,body#productsIndividual main #material_area .base_tbl th{width:auto;display:table-cell}.item_list li{width:100%}body#recordIndex main .record_list{display:block}body#recordIndex main .record_list .record_box{width:100%;margin-bottom:4vw}body#recordIndex main .record_list .record_box .photo{height:auto;overflow:visible}body#recordIndex main .record_list .record_box .photo img{position:relative;top:auto;left:auto;margin-right:0;transform:translate(0);width:100%;height:auto}body#recordIndex main main .archive form{width:100%}body#recordIndex main .pagenation ul li{width:12vw;margin:0 2vw}body#recordIndividual main #entry_area img{max-width:100%}}