@charset "utf-8"; /* CSS Document */ @media screen and (max-width: 640px) { .title{ margin: 0; width: 100%; } .last td:last-child { border-bottom: solid 1px #ccc; width: 100%; } .tbl-r02 { width: 80%; } .tbl-r02 th { border-bottom: none; display: block; font-weight: bold; width: auto; padding: 10px 20px 0; } .tbl-r02 td { border-bottom: none; display: block; width: auto; padding: 0 20px 10px; } #wrapper_3.gaiyou .gaiyou01{ width: 100%; margin-left: 0; margin-right: 0; } #wrapper_3.gaiyou .gaiyou02{ width: 100%; margin-left: 0; margin-right: 0; } .gaiyou_img{ width: 50%; margin: 0 auto; padding-top: 5%; } .access_box_inner{ width: 100%; margin-bottom: 5%; } .gaiyou table.tbl-r03{ margin-top: 0; } #wrapper_3.gaiyou .gaiyou02_box{ margin-top: 0; } .voreas_text_box{ width: 100%; margin: 0 0 5%; } .contents_section picture{ width: 50%; } .drone_box .drone_text_box{ width: 100%; margin-left:auto; margin-right: auto; padding-bottom: 10%; margin-bottom: 0; } .drone_box.drone02 .drone_text_box{ float: none; } .drone_box.drone01 .drone_img{ margin-top: -10%; } .drone_box.drone02 .drone_img{ margin-top: -10%; } .drone_box .drone_img{ width: 100%; margin-top: 0!important; } .drone_box{ margin: 0 auto; } .drone_text_box_inner p{ font-size: 16px; margin: 10px 0 ; line-height: initial; } .sub_menu{ text-align: left; padding: 5px 10px; max-width: calc(100% - 20px); } .sub_menu li{ width: calc((100% - 20px) / 2 - 0.3px); margin-bottom: 2%; font-size:1rem; } .sub_menu li:nth-child(2n){ margin-right: 0; } .footer_bnr_box ul{ display: block; padding: 20px 0; } .footer_bnr_box ul li{ width: 100%; } .footer_bnr_box ul li.tel{ margin-bottom: 15px; } .pdca_box{ width: 90%; padding: 30px 5%; } .contents_section.pdca{ background-size: 100% auto; } .pdca_text{ line-height: initial; } .tbl-r_recruit01 { width: 80%; } .tbl-r_recruit01 th { display: block; width: auto; padding: 5px 20px; text-align: left; } .tbl-r_recruit01 td { display: block; width: auto; padding: 10px 20px 10px 36px; line-height: 1.5; } .tbl-r_recruit01 tr{ border-bottom: none; } .tbl-r_recruit01 tr:first-of-type{ border-top: none; } .company_recruit_box02{ width: 95%; padding: 5%; } #wrapper_3.recruit_img{ padding: 0 0 15%; } .company_recruit_box02_text{ font-size: 12px; } .page_titile{ font-size: 26px; } .page_titile02{ font-size: 26px; } .page_text_title{ font-size: 1.8rem; } .greeting_box .greeting_t { font-size: 20px; } .contents_section polly { align-items: center; flex-direction: column; } .polly_text{ text-align: center; } /*sdgs*/ .sdgs_img02{ font-size: 2.4rem; } .sdgs_img02 span{ font-size: 1.2rem; display: block; } .sdgs_list{ margin: 0 auto; list-style: none; display: block; width: 100%; } .sdgs_list li.box02{ background-position: 95% 95%; align-items:flex-start; position: relative; margin-top: 40%; padding-bottom: 8vw; } .sdgs_list li.box03{ padding-bottom: 5%; } .sdgs_list li.box05{ background-position: 95% 95%; } .sdgs_list li.box06{ background-position: 95% 95%; } .sdgs_list li .no_img_box{ width: 100%; text-align: left; display: inline-block; max-width: initial; margin-bottom: 2%; } .sdgs_list li .no_img{ display: inline-block; width: 20%; margin: 0 0 0; } .sdgs_list_text{ width: 100%; margin: 0; line-height: 26px; } .sdgs_inner02{ width: 100%; } .sdgs_inner03{ width: 100%; } .sdgs_inner03 .sdgs_img03{ left: 60%; } .wrapper_sdgs_text_01 { font-size: 16px; } .wrapper_sdgs_content01_right_link { text-align: left; } .wrapper_sdgs_content_03_halfbox01_box_left { display: block; margin: 0 auto 20px; width: auto; } .wrapper_sdgs_content_03_halfbox01_box_right { display: block; width: auto; } /*sdgsここまで*/ /*company*/ .wrapper_machine_maine_table_th:last-child { text-align: center; } .wrapper_machine_maine_table_th_in:last-child { text-align: center; } /*companyここまで*/ #wrapper_pickup .wrapper_pickup_inner{ width: 100%; padding-top:5%; padding-bottom: 5%; } .polly_img{ width: 50%; } .polly_list{ width: 100%; } /*inquiry*/ .inquiry_title_text02 { text-align: left; } .inquiry_new_box_left { display: block; width: auto; text-align: left; } .inquiry_box_right { display: block; width: 100%; } .inquiry_box_right_naiyou { padding: 0; } .inquiry_box_right_b { width: 100%; } /*inquiryここまで*/ } @media screen and (max-width: 480px) { /* 480pxまでの幅の場合に適応される */ .pc_only{ display: none; } .sp_only{ display: block; } .br_sf_480 { display: block; } .wrapper_2_header_logo01{ display: block; } .wrapper_2_header_ul { padding-top: 0; } .wrapper_2_header_ul_li { display: block; width: auto; margin: 0 auto 4px; padding: 2px 0 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .wrapper_2_header_ul_li_contact{ background:none; transform: skew(0deg); -o-transform: skew(0deg); -moz-transform: skew(0deg); -webkit-transform: skew(0deg); } .wrapper_2_header_ul_li_contact .wrapper_2_header_ul_li_span01{ transform: skew(0deg); -o-transform: skew(0deg); -moz-transform: skew(0deg); -webkit-transform: skew(0deg); } .wrapper_2_header_in { width:auto; } .wrapper_2_sub_ul { list-style: none; width: auto; margin: 0; padding: 10px 20px; font-size: 0; min-width:initial; } .wrapper_2_header_ul_li_border01{ border-bottom: none; } .wrapper_2_sub_ul_li { display:block; margin:0 auto; padding:3px 20px; border-right:none; font-size:15px; color:#FFF; line-height:18px; position:relative; text-align: center; } .wrapper_3_box01_img01 li{ margin-bottom: 20px; width: 100%; } /*index */ #wrapper_index00_big{ margin-top: 0; } .slider1_text span{ font-size: 2rem; border-bottom:#FFF solid 2px; } .slider1_text{ font-size: 1.4rem; line-height: 2.0; } .feed_title01_span{ font-size:13px; } .feed01_title{ margin-top: 5px; line-height:20px; font-size:13px; } .feed01_date{ margin-top: 5px; line-height:20px; font-size:13px; } .feed_ul01_li{ line-height: 1.2; } /*.all_look{ display: block; text-align: right; width: 100%; margin: 10px 0 0; }*/ .title-content{ width: 46%; } #wrapper_index01_big{ width: 100%; padding-top: 40px; } #wrapper_index01_big .wrapper_index01{ width: 90%; } .wrapper_index01 .text_box{ width: 90%; margin: 0 auto; } .title-content-sub, .wrapper_index01 .title-content-sub{ font-size: 2.0rem; } .title-content-sub span{ font-size: 1.4rem; } .title_text_box .title_text{ font-size: 14px; line-height: 20px; } .title_text_box .title_s{ font-size: 14px; line-height: 20px; } .business_menu li{ width: 100%; border-right: none; } .business_menu li:nth-child(2n){ border-right: none; } .content_box .text01{ font-size: 1.2rem; } .wrapper_index01 .text{ font-size: 1.2rem; } #wrapper_index02_big{ padding-top:5%; padding-bottom: 5%; } #wrapper_index02{ width: 90%; margin: auto; } #wrapper_index02 .text_box{ width: 90%; } #wrapper_index02 .title-content, #wrapper_index03 .title-content, #wrapper_index04 .title-content{ width: 46%; } #wrapper_index03 .wrapper_index03_inner{ width: 100%; padding-top:5%; padding-bottom: 5%; } #wrapper_index04{ padding-top: 8%; padding-bottom: 5%; } .wrapper_3_box01_img01 li:nth-last-child(-n+2){ margin-bottom: 20px; } .footer_left{ padding: 0; } .footer_right_ul01_li{ font-size: 1.2rem; line-height: 30px; } .footer_right_ul01_li:before{ line-height: 20px; } .footer_right_ul01_li_in{ font-size: 1.1rem; } .footer_right_ul01_li .footer_right_ul01_li_in{ padding-left: 0; } .footer_right_ul01_li .footer_right_ul01_li_in_li{ padding-left: 0; } .footer_right_ul01_li .footer_right_ul01_li_in_li:before{ content: none; } .footer_right_ul01{ margin-right: 2.5%; } .feed_ul02{ width: 100%; } /*indexここまで */ /*gaiyou */ /*gaiyouここまで */ /*csr */ .csr_1_big{ margin-bottom: 30px; } .csr_big_01{ width: 100%; } .csr_box_01_text_title{ font-size: 24px; } .csr_box_01_img{ width: 100%; } .csr_big_02{ width: 100%; } .csr_box_02_img{ width: 100%; } .csr_big_03{ width: 100%; } .csr_big_04{ max-width: 100%; width: 100%; padding-bottom: 70px; } .csr_box_04_img{ width: 100%; } /*csrここまで */ /*business */ #wrapper_business_1_big { padding-bottom: 30px; } .business_big_01:last-child{ margin-bottom: 30px; } .business_box_01_img{ width: 100%; } .business_big_02_b { margin-bottom: 30px; } .business_box_02_img{ width: 100%; } /*businessここまで */ /*civil */ .business_box.business01 .business_text_box{ float: none; } .business_box.business02 .business_text_box{ float: none; } .business_box.business03 .business_text_box{ float: none; } .business_text_box{ width: 90%; margin: auto; padding: 5% 10% 5% 10%; } .business_text_box .bnt_box{ margin: auto; } .business_img{ width: 90%; margin: auto; } .business_box.business01 .business_img{ float: none; position: static; margin-top: 0; } .business_box.business02 .business_img{ float: none; position: static; margin-top: 0; } .business_box.business03 .business_img{ float: none; position: static; margin-top: 0; } .business_text_box .business_t{ font-size: 2rem; } /*civilここまで */ /*greeting */ #wrapper_3.polly{ padding: 0 0 5%; } .greeting_t{ font-size: 18px!important; } .polly_text{ font-size: 1.8rem; line-height: 1.2; } /*greetingここまで */ /*aword*/ .wrapper_award_box01 { margin-bottom: 100px; } .wrapper_award_box01_title { margin-top: 40px; margin-bottom: 40px; } .wrapper_award_box01_background { background: none; } .wrapper_award_box01_img01 { justify-content: center; } .wrapper_award_box01_img01 li{ width: auto; margin-bottom: 50px; } .wrapper_award_box01_img01 li:nth-last-child(-n+2) { margin-bottom: 50px; } /*awordここまで*/ /*inquiry */ .inquiry_box_left{ width: auto; text-align: left; font-size: 1.4rem; display: block; } .inquiry_box_inner{ padding: 0 0px 15px; } .inquiry_box_right{ display: block; width: 100%; box-sizing: border-box; } /*inquiryここまで */ /*csr */ .wrapper_2_box01_text_title span{ padding-left: 0; } /*csrここまで */ /*privacy */ /*privacyここまで */ /*jisseki */ #wrapper_1_jisseki.contents_section.jisseki::after { top: -15%; } #wrapper_2_jisseki.contents_section.jisseki::after { top: -3%; } #wrapper_3_jisseki.contents_section.jisseki::after { top: -5%; } #wrapper_4_jisseki.contents_section.jisseki::after { top: -13%; } #wrapper_5_jisseki.contents_section.jisseki::after { top: -55%; } /*jissekiここまで */ /*inquiry */ /*inquiryここまで */ /*company_gaiyou */ .wrapper_machine_maine { padding: 30px 10px; } .wrapper_machine_maine_title { max-width: 100%; } .wrapper_machine_maine_table_box { max-width: 100%; } .wrapper_machine_maine_table_tr { } .wrapper_machine_maine_table_th { font-size: 15px; padding: 10px 2px; } .wrapper_machine_maine_table_th_in { font-size: 12px; padding: 10px 5px; } /*company_gaiyouここまで */ /*wp */ .wp_left_ul_li { display:block; max-width:calc(100% - 2px); width:auto; margin:0 auto 20px; } .wp_left_ul a:nth-child(3n) .wp_left_ul_li { margin:0 auto 20px; } .wp_left_ul a:nth-child(2n) .wp_left_ul_li { margin:0 auto 20px; } .wp_tab_ul01_li_box_ul_li { font-size:13px; color:#3F526E; line-height:23px; letter-spacing:2px; text-align:left; word-wrap:break-word; margin-left: 10px; position: relative; } .wp_tab_ul01_li_box_ul_li:before { content: "-"; font-size:13px; color:#3F526E; line-height:23px; text-align:left; position: absolute; top: 0; left: -10px; } /*wpここまで */ } @media screen and (max-width: 320px) { /* 320pxまでの幅の場合に適応される */ }