@charset "utf-8"; /* CSS Document */ html { height:100%; font-size: 62.5%; } body { text-align: center; margin:0; width:100%; background:#FFF; position:relative; -webkit-text-size-adjust: 100%; font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MSPゴシック", "MS PGothic", sans-serif; font-size: 1.6em; } .clearfix:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ .nofloat{ overflow:hidden; zoom:1; } img { border-style:none; } a { text-decoration: none; } a:link { color: #000000; } a:visited { color: #000000; } ruby { ruby-align: distribute-space; ruby-overhang: auto; ruby-position: above; } input[type="submit"] { -webkit-appearance: none; /*border-radius: 0;*/ } /* 各ベンダープレフィックスが取れた標準版!!(http://caniuse.com/#search=placeholder-shown) */ :placeholder-shown { color:#CCC; } /* Google Chrome, Safari, Opera 15+, Android, iOS */ ::-webkit-input-placeholder { color:#CCC; } /* Firefox 18- */ :-moz-placeholder { color:#CCC; opacity: 1; } /* Firefox 19+ */ ::-moz-placeholder { color:#CCC; opacity: 1; } /* IE 10+ */ :-ms-input-placeholder { color:#CCC; } .a_block { display:block; } .img_block { display:block; margin: 0px auto; } .max_img { max-width:100%; height:auto; } .red_span { color:#F09100; } .bold_span { font-weight:bold; } .inbl_span { display:inline-block; text-indent:0; } #wrapper{ width:1000px; margin: 0 auto; } #result { position: fixed; top:0; right:0; z-index:1000; } .pc_only{ display: block; } .pc_768 { display: inline-block; } .pc_768_b { display: block; } .sp_only{ display: none; } .sp_768{ display: none; } .br_sf_480 { display: none; } /*ヘッダー */ #wrapper_index00_big{ position: relative; margin: 0px auto 0; padding: 0; width: 100%; } #wrapper_index01_big{ padding: 7.55% 0 20px; display: flex; flex-flow: row wrap; justify-content:space-between; align-items:start; align-content: center; box-sizing: border-box; width: 91.458%; margin: 0 auto; } #wrapper_index01_big .wrapper_index01{ width: 30%; margin: 0; } #wrapper_index01_big .wrapper_index02{ width: 68.337%; margin: 0 1.6% 0 0; box-sizing: border-box; } #wrapper_index02_big{ background: url(../img/bg02.jpg) no-repeat top center; background-size: cover; padding-top: 3.28%; padding-bottom: 4.01%; margin-bottom: 20px; } #wrapper_index02{ } #wrapper_index03_big{ margin: 0; } #wrapper_index03{ display: flex; flex-wrap: wrap; justify-content: center; } #wrapper_index04_big{ margin: 0; } #wrapper_index04{ } #wrapper_contact_big{ margin: 0; background: #2DCBFF; } #wrapper_contact{ } #wrapper_business_1_big { width:100%; position:relative; z-index:1; padding-bottom: 100px; } #wrapper_business_2_big { width:100%; position:relative; z-index:1; padding-bottom: 100px; } #wrapper_1 { margin: 0 auto; } .bg_color_01{ background: #F0F2F2; } .bg_color_02{ position: relative; background: #EDF2F5; z-index: 1; } .bg_color_03{ background: #EDF2F5; } .bg_color_04{ background: #D7E6EE; } .title{ margin:0 3% 0 auto; width: 97%; } .title.title_bg{ background: url("../img/head_business.jpg") no-repeat top left; background-size: cover; width: 100%; height: 100%; } .title.title_inq{ background: url("../img/head_inquiry.jpg") no-repeat top left; background-size: cover; width: 100%; height: 100%; } .title.title_recruit{ background: url("../img/head_recruit.jpg") no-repeat top left; background-size: cover; width: 100%; height: 100%; } .title.title_bg_drone{ background: url("../img/head_business.jpg") no-repeat top left; background-size: cover; width: 100%; height: 100%; } .title.title_bg_csr{ background: url("../img/head_csr.jpg") no-repeat top left; background-size: cover; width: 100%; height: 100%; } .title.title_bg_company{ background: url("../img/head_company.jpg") no-repeat top left; background-size: cover; width: 100%; height: 100%; } .title_bg_news{ background: url("../img/head_news.jpg") no-repeat top left; background-size: cover; width: 100%; height: 100%; } .title.title_bg_wp{ background: url("../img/title_news01.jpg") no-repeat top left; background-size: cover; width: 100%; height: 100%; } .title_text_box{ margin: 0 0 0; width: 22.2%; color: #FFF; text-align: left; padding:10% 5%; } .title_text_box .title_text{ border-bottom: #FFF solid 1px; font-size: 24px; margin: 0; padding: 0 0 5px; letter-spacing: 0.1em; line-height: 35px; } .title_text_box .title_s{ font-size: 16px; margin: 5px 0 0; padding: 0; letter-spacing: 0.1em; line-height: 23px; } .sub_menu{ display: inline-block; text-align: center; margin: 0 auto; padding:1.5% 0% 1%; width: 700px; max-width: 100%; background:#FFF; list-style: none; box-shadow: 2px 2px 5px rgba(0,0,0,0.4); font-size: 0; letter-spacing: 0; } .sub_menu li{ display: inline-block; font-size: 1.5rem; margin-right: 20px; margin-bottom: 1%; } .sub_menu li:last-of-type{ margin-right: 0; } .sub_menu li a{ display: block; text-decoration: none; text-align: center; color: #000; position: relative; padding: 0 20px; box-sizing: border-box; } .sub_menu li a::after{ content: ""; display: inline-block; background: url(../img/sub_menu_bg_r.png) no-repeat left center; background-size: contain; position: absolute; right: 0; top: 0; width: 8%; height: 100%; } .sub_menu li a::before{ content: ""; display: inline-block; background: url(../img/sub_menu_bg_l.png) no-repeat left center; background-size: contain; position: absolute; left: 0; top: 0; width: 8%; height: 100%; } .sub_menu li a:hover{ color: #7393A6; } .sub_menu li a:hover::after{ content: ""; background: url(../img/sub_menu_c_bg_r.png) no-repeat left center; background-size: contain; } .sub_menu li a:hover::before{ content: ""; background: url(../img/sub_menu_c_bg_l.png) no-repeat left center; background-size: contain; } .sub_menu li.current a{ color: #7393A6; } .sub_menu li.current a::after{ background: url(../img/sub_menu_c_bg_r.png) no-repeat left center; background-size: contain; } .sub_menu li.current a::before{ background: url(../img/sub_menu_c_bg_l.png) no-repeat left center; background-size: contain; } .page_titile{ color:#000; margin: 2.5% auto 0; padding: 4.5% 0 2.5%; text-align: center; font-size: 30px; position: relative; } .page_titile::before{ content: ""; display: block; background: url(../img/line_bg.png) no-repeat top center; background-size: contain; width:3.69%; height: 100%; position: absolute; top: 0; left: 49%; } .page_text_box { margin: 0 auto; max-width: 100%; width: 900px; letter-spacing: 2px; } .page_text_title{ font-size: 27px; font-weight: bold; margin-bottom: 20px; letter-spacing: 2px; } .page_text_01 { font-size:16px; margin-bottom: 40px; letter-spacing: 2px; } .page_text_01_01 { font-size:16px; margin-bottom: 10px; letter-spacing: 2px; } .page_titile_sub{ margin: 0; display: block; font-size: 1.6rem; font-weight: normal; letter-spacing: 0.1em; } .page_titile02{ margin: 2.5% auto 0; padding: 4.5% 0 20px; text-align: center; font-size: 30px; position: relative; } .page_titile03{ margin: 0 auto 0; padding: 0 0 0; text-align: left; font-size: 1.8rem; } .wrapper_2_box01_big{ width: 100%; position: relative; } .wrapper_2_box01_text{ margin: 15% auto 0 16.8%; padding: 3% 3% 5% 3%; width: 40%; box-sizing: border-box; background: #FFF; text-align: left; z-index: 2; } .wrapper_2_box01_text_title{ font-weight: bold; margin: 0 0 2%; padding: 0; font-size: 5rem; } .wrapper_2_box01_text_text{ font-size: 1.8rem; margin: 0; padding: 0; text-align: left; line-height: 1.8; } .wrapper_2_box01_text_title span{ display: inline-block; font-size: 2.4rem; padding-left: 5%; } .wrapper_2_box03_img{ position: relative; top: -360px; left: 430px; z-index: -1; } .wrapper_2_box04_img{ position: relative; top: -630px; left: -330px; z-index: -1; } .wrapper_2_box04_img_box{ } .wrapper_2_box02_text{ margin: 4% 16.8% 0 auto; padding: 3% 3% 5% 3%; width: 40%; box-sizing: border-box; background: #FFF; text-align: left; z-index: 2; } .wrapper_2_box02_text_title{ font-weight: bold; margin: 0 0 2%; padding: 0; font-size: 5rem; } .wrapper_2_box02_text_title span{ font-size: 2.4rem; padding-left: 5%; } .wrapper_2_box02_text_text{ font-size: 1.8rem; margin: 0; padding: 0; text-align: left; line-height: 1.8; } .contents_section{ margin: 0 auto; } .contents_section.voreas{ max-width: 1280px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 10%; } #wrapper_pickup_big{ margin: 0; } #wrapper_pickup{ display: flex; flex-wrap: wrap; justify-content: center; } #wrapper_pickup .wrapper_pickup_inner{ width: 50%; margin: 0; padding-top: 2.92%; padding-bottom: 2.92%; } #wrapper_pickup .wrapper_pickup_inner.recruit{ background: url(../img/bg03.jpg) no-repeat top; } #wrapper_pickup .wrapper_pickup_inner.business{ background: #C5D2DA; } #wrapper_pickup .wrapper_pickup_inner .title-content-sub { color: #000000; font-size: 3.2rem; font-weight: bold; margin: 0 0; padding-top: 0; line-height: 1.0; position: relative; } #wrapper_pickup .wrapper_pickup_inner .title-content-sub::before{ content: ""; background: url(../img/line_bg_h.png) no-repeat left top; background-size: contain; /*display: inline-block;*/ position: absolute; top: 0; left: -50%; width: 50%; height: 100%; } /*voreas*/ .voreas_text_box{ margin: 0 2% 0 0; width: 60.665%; text-align: left; } .voreas_text_box p{ margin: 0; padding: 0; font-size: 1.6rem; line-height: 2.2; letter-spacing: -0.05em; } .contents_section picture{ width: 37.335%; } /*voreasここまで */ /*news */ #wrapper_news_big{ background: #F0F2F2; margin: 0 auto; } .wrapper_news_box{ max-width: calc(100% - 20px); width: 1450px; margin: 0 auto; padding: 0 10px; } /*newsここまで */ /*company_greeting*/ .contents_section.greeting{ max-width: 992px; margin: 0 auto; padding-bottom: 2.5%; } .contents_section.polly{ max-width: 858px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 2.5%; } .president_img{ margin: 0 auto; padding: 0; text-align: center; width: 27.2%; display: block; } .greeting_box{ margin: 2.5% auto 0; padding: 0; } .greeting_box .greeting_t{ margin: 0; padding-bottom: 20px; font-size: 2.5rem; text-align: left; } .greeting_box .greeting_text{ margin: 0; padding-bottom: 2.5%; line-height: 2.0; font-size: 1.6rem; text-align: left; } .president_name{ text-align: right; padding-top: 10px; padding-right: 10px; margin: 0; } .polly_img{ margin: 0; padding: 0; width: 32.7%; } .polly_list{ margin: 0; padding: 3% 0 0; list-style: none; text-align: left; width: 67%; } .polly_text{ margin: 0; padding: 0 0 10px; font-size: 2.5rem; line-height: 2; font-weight: bold; } /*company_greetingここまで */ /*jigyou_drone*/ #wrapper_1.drone{ padding-bottom: 18%; } #wrapper_1_02.drone{ margin-top: -10%; padding-bottom: 5%; } .contents_section.drone{ margin: 0 auto; display: block; } .drone_box{ margin: 0; padding: 0; width: 100%; min-height: 100%; overflow: hidden; } .drone_box.drone01{ padding-top: 5%; } .drone_box .drone_text_box{ width: 50%; margin: 0; padding: 0; background: #FFF; } .drone_box .drone_text_box .drone_t{ color: #000; font-size: 3rem; margin: 0; padding: 0 0 2%; background: #EDF2F5; } .drone_box .drone_img{ width: 50%; margin: 0; padding: 0; } .drone_box.drone01 .drone_text_box{ float: right; } .drone_box.drone02 .drone_text_box{ float: left; } .drone_box.drone01 .drone_img{ float: left; } .drone_box.drone02 .drone_img{ float: right; margin-top: -3%; } .drone_text_box_inner{ box-sizing: border-box; padding: 5% 13%; margin: 0; } .drone_text_box_inner p{ font-size: 16px; margin: 0; padding: 0; text-align: left; line-height: 30px; } .can_do_list{ list-style: none; } .can_do_list li{ margin-bottom: 2%; } .can_do_list li .can_do_list_t{ margin: 0; padding: 0; font-size: 1.5rem; text-align: left; } /*jigyou_droneここまで */ /*inquiry_new*/ .inquiry_big_box { position: relative; background: #EDF2F5; padding: 50px 20px; z-index: 1; } .inquiry_title_text01 { font-size: 18px; font-weight: bold; margin-bottom: 30px; } .inquiry_title_text02 { font-size: 14px; text-align: center; margin-bottom: 80px; } .inquiry_new_box { max-width: 800px; margin: 0 auto 15px; padding: 0 10px 15px; font-size: 0; text-align: left; vertical-align: top; } .inquiry_new_box_left { display: inline-block; width: 190px; margin-right: 10px; font-size: 16px; color: #000; line-height: 30px; text-align: center; vertical-align: top; position: relative; } .inquiry_text01 { max-width: 650px; margin: 0 auto; padding: 0 20px; text-align: left; } .inquiry_box_red { color: #F00; } .inquiry_ul { max-width: 650px; list-style: disc; list-style-position: inside; margin: 0 auto 30px; padding: 0 20px; } .inquiry_ul_li { font-size: 15px; color: #F15846; text-align: left; } .inquiry_box_decide { display: block; width: 200px; margin: 0 auto; padding: 10px 30px; border: none; background-color: transparent; font-size: 18px; font-weight: bold; position: relative; z-index: 2; } .inquiry_box_decide:hover { cursor: pointer; } .bnt_inq { margin-bottom: 30px; } .bnt_inq:last-child { margin-bottom: 0px; } .bnt_box_inq { display: inline-block; position: relative; padding: 10px 10px; } .bnt_box_inq::before { display: inline-block; content: ""; background: url(../img/btn_bg_l.png) no-repeat left; background-size: contain; position: absolute; left: 0; top: 0; width: 49.6%; height: 100%; vertical-align: middle; } .bnt_box_inq::after { display: inline-block; content: ""; background: url(../img/btn_bg_r.png) no-repeat right; background-size: contain; position: absolute; right: 0; top: 0; width: 50.4%; height: 100%; } /*inquiry_newここまで*/ /*inquiry*/ .contents_section.inquiry{ max-width: 830px; margin: 0 auto; width: 43.2%; padding-bottom: 1px; } .inquiry_box{ margin: 0; padding: 4% 0; } .inquiry_t{ margin: 0 0 5%; padding: 0; font-size: 1.8rem; line-height: 1.2; } .inquiry_t.mail{ font-weight: bold; margin: 0 0 0; padding: 0; } .mail_text{ margin: 0; padding: 30px 0 40px; font-size: 1.4rem; } .inquiry_box a{ color: #3450A6; } .inquiry_no{ margin: 0; padding: 0; display: block; font-size: 3.5rem; font-weight: bold; } .inquiry_box_inner { display:block; max-width:800px; margin:0 auto 15px; padding:0 10px 15px; font-size:0; text-align:left; vertical-align:top; position:relative; } .inquiry_box_left { display:inline-block; width:190px; margin-right:10px; font-size:16px; color:#000000; line-height:30px; text-align:center; vertical-align:top; position:relative; } .inquiry_box_left_ico { display:inline-block; background:#F00; font-size:11px; color:#FFF; padding: 2px 5px; line-height:15px; position:absolute; top:5px; right:0; } .inquiry_box_right { display:inline-block; width:calc(100% - 210px); min-height:30px; padding:0 5px; background:none; border:none; font-size:15px; color:#000; line-height:30px; text-align:left; vertical-align:top; background: #FFF; border-radius: 5px; } .inquiry_box_right_b { display:inline-block; width:calc(100% - 210px); min-height:30px; padding:0 5px; background:none; border:none; font-size:16px; color:#000; line-height:30px; text-align:left; vertical-align:top; } .inquiry_box_right_b a { color: #3450A6; border-bottom: solid 1px #3450A6; } .inquiry_box_right_naiyou { width:calc(100% - 222px); height:112px; padding:10px; position:relative; z-index:1; } .inquiry_box_right_naiyou_b01 { width:60px; height:1px; top:0; left:300px; } .inquiry_box_off { max-width:600px; margin:0 auto; font-size:0; text-align:center; position:relative; } .inquiry_box_exp { display:block; margin:0 auto 0px; padding:0 20px 15px; text-align: left; } .inquiry_box_exp .inquiry_box_exp_text{ font-size: 1.6rem; } /*inquiryここまで */ /*csr */ .csr_1_big { max-width: 1280px; width: 60%; text-align: left; margin: 0 auto 300px; } #wrapper_csr_1_big { width:100%; position:relative; z-index:1; padding-bottom: 100px; } #csr_box_01{ max-width: 100%; } .csr_textbox { margin: 0 auto; margin-bottom: 300px; max-width: 100%; width: 900px; letter-spacing: 2px; } .csr_midashitext_box { margin: 0 auto; margin-bottom: 50px; max-width: 100%; width: 900px; letter-spacing: 2px; } .csr_big_01{ max-width: 60%; margin-bottom: 300px; } .csr_big_01:last-child{ margin-bottom: 100px; } .csr_box_01_text_box{ padding: 40px 0; background: #FFF; } .csr_box_01_text{ position: relative; width: 50%; text-align: left; margin-left:auto; padding-right: 200px; } .csr_box_01_text_title{ font-size: 45px; font-weight: bold; margin-bottom: 20px; } .csr_box_01_text_title span{ margin-left: 1rem; font-size: 20px; vertical-align: middle; } .csr_box_01_text01{ margin-bottom: 30px; line-height: 30px; } .csr_box_v_text_title{ font-size: 50px; font-weight: bold; margin-bottom: 30px; } .csr_box_v_text_title span{ margin-left: 1rem; font-size: 25px; vertical-align: middle; } .csr_box_v_text01{ margin-bottom: 40px; line-height: 40px; } .csr_box_01_text02{ margin-bottom: 30px; } .csr_box_01_img{ position: absolute; top:7%; right:-400px; } .csr_big_02{ width: 60%; margin-bottom: 300px; margin-left: auto; } .csr_box_02_text{ position: relative; width: 50%; text-align: left; margin-right:auto; padding-left: 200px; } .csr_box_02_img{ position: absolute; top:3%; left:-400px; } .csr_big_03{ width: 60%; margin-bottom: 250px; margin-right: auto; } .csr_box_03_text{ position: relative; width: 70%; text-align: left; margin-left:auto; padding-right: 90px; } .csr_box_03_img{ position: absolute; top:-30%; right:-80%; z-index: -1; } .csr_big_04{ width: 60%; margin: 0px 0 0 auto; padding-bottom: 250px; } .csr_box_04_text{ position: relative; width: 70%; text-align: left; margin-right:auto; padding-left: 90px; } .csr_box_04_img{ position: absolute; top:-75%; left:-81%; z-index: -1; } .csr_box_02_right{ position: relative; max-width: 600px; width: 100%; background: #FFF; padding: 70px 100px; text-align: left; } .csr_box_02_right_title{ font-size: 45px; font-weight: bold; margin-bottom: 20px; } .csr_box_02_right_text01{ margin-bottom: 20px; } .csr_box_02_right_text02{ margin-bottom: 20px; } .csr_box_02_right_img{ width: 40%; position: absolute; top: 0px; right: 0px; } .csr_box_03_img{ position: absolute; top:-20%; right:-82%; z-index: -1; } /*csrここまで */ /* 表彰履歴 */ .wrapper_award_box01{ text-align: center; position: relative; margin-bottom: 200px; } .wrapper_award_box01:last-child{ margin-bottom: 0; padding-bottom: 200px; } .wrapper_award_box01_title{ font-size: 40px; font-weight: bold; margin-top: 80px; margin-bottom: 80px; } .wrapper_award_box01_imgbox01{ position: relative; margin-top: 30px; margin-bottom: 70px; } .wrapper_award_box01_background{ width: 90%; height: 60%; background: #BCCFDA; position: absolute; top:45%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index: -1; } .wrapper_award_box01_img01{ list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; z-index: 3; margin: 0; padding: 0 10px; } .wrapper_award_box01_img01:nth-child(2n+1) { flex-direction: row; } /* 奇数は左から右へ並べる */ .wrapper_award_box01_img01:nth-child(2n ) { flex-direction: row-reverse; } /* 偶数は右から左へ並べる */ .wrapper_award_box01_img01 li{ margin-bottom: 100px; font-size: 14px; width: calc((100% - 180px) / 2 - 0.3px); } .wrapper_award_box01_img01 li:nth-last-child(-n+2){ margin-bottom: 0; } .wrapper_award_box01_img01 li span{ display: inline-block; text-align: left; } /*表彰履歴ここまで */ /*jigyou_civil */ #business_box_01{ max-width: 100%; } .business_big_01{ width: 60%; margin-bottom: 300px; } .business_box_01_text_box{ padding: 40px 0; background: #FFF; } .business_box_01_text{ position: relative; width: 50%; text-align: left; margin-left:auto; padding-right: 200px; } .business_box_01_text_title{ font-size: 45px; font-weight: bold; margin-bottom: 20px; } .business_box_01_text01{ margin-bottom: 30px; } .business_box_01_text02{ margin-bottom: 30px; } .business_box_01_img{ position: absolute; top:7%; right:-400px; } .business_big_02{ width: 60%; margin-bottom: 300px; margin-left: auto; } .business_big_02_b{ margin-bottom: 350px; } .business_box_02_text{ position: relative; width: 50%; text-align: left; margin-right:auto; padding-left: 200px; } .business_box_02_img{ position: absolute; top:7%; left:-400px; } .business_box_02_right{ position: relative; max-width: 600px; width: 100%; background: #FFF; padding: 70px 100px; text-align: left; } .business_box_02_right_title{ font-size: 45px; font-weight: bold; margin-bottom: 20px; } .business_box_02_right_text01{ margin-bottom: 20px; } .business_box_02_right_text02{ margin-bottom: 20px; } .business_box_02_right_img{ width: 40%; position: absolute; top: 0px; right: 0px; } .contents_section.business{ margin: 0 auto; width: 100%; padding-bottom: 3%; } .business_box{ margin: 0 0 5%; padding: 0; } .business_text_box{ margin: 0; padding: 3% 14% 5% 14%; width: 60%; box-sizing: border-box; background: #FFF; text-align: left; } .business_text_box .business_t{ margin: 0 0 2%; padding: 0; font-size: 3rem; } .business_t span{ font-size: 2.4rem; padding-left: 5%; } .business_text_box p{ font-size: 1.3rem; margin: 0; padding: 0; text-align: left; line-height: 1.8; } .business_text_box ul{ list-style: none; margin: 0; padding: 1.5em 0 ; } .business_text_box ul li{ font-size: 1.3rem; margin: 0; padding: 0; text-align: left; line-height: 1.8; } .business_box.business01 .business_text_box{ float: left; } .business_box.business01 .business_img{ width: 40%; position: relative; } .business_box.business02 .business_text_box{ float: right; } .business_box.business02 { float: left; position: relative; right: -15%; margin-top: 5%; } .business_box.business03 .business_text_box{ float: left; } .business_box.business03 { position: relative; left: -15%; margin-top: 5%; } .business_text_box .bnt_box{ text-align: center; font-size: 16px; } /*jigyou_civilここまで */ /*company_gaiyou*/ #wrapper_1.contents_section.gaiyou{ margin: 0 auto; max-width: 1000px; padding-bottom: 10%; } #wrapper_4.contents_section.gaiyou{ padding-bottom: 10%; } .gaiyou table { margin: 0 auto; width: 100%; } .gaiyou table.tbl-r02{ border-collapse:collapse; text-align: left; line-height: 2.0; font-size: 1.6rem; max-width: 1000px; } .tbl-r02 tr{ border-bottom: solid 1px #ccc; } .tbl-r02 tr:last-of-type{ border-bottom: none; } .tbl-r02 th { color: #000; padding: 10px 20px; width: 20%; font-weight: normal; vertical-align: top; } .tbl-r02 td { padding: 10px; width: 85%; } .tbl-r02 .tbl-r02_text{ margin: 0; padding: 0; } .tbl-r02 .all_look{ margin: 0; padding: 0 2.5% 0 0; text-align: left; line-height:0; font-size: 1.6rem; } .tbl-r02 .all_look a{ /*display: block;*/ display: inline-block; color: #7292A5; } .tbl-r02 .all_look a:after{ content:""; background: url(../img/all_y.png) no-repeat; margin: 0 0 0 5px; width: 24px; height: 24px; display:inline-block; vertical-align: middle; } #wrapper_3.gaiyou { margin:0 auto; max-width: 1090px; display: flex; flex-wrap: wrap; justify-content: center; align-self: start; padding: 5% 0; box-sizing: border-box; } #wrapper_3.gaiyou .gaiyou01{ width: calc((100% - 18.7%)/2); text-align: center; margin-right: 9.35%; margin-left: 0px; } #wrapper_3.gaiyou .gaiyou02{ width: calc((100% - 18.7%)/2); text-align: center; margin-right: 0px; margin-left: 9.35%; } .gaiyou_img{ margin: 0; padding-top: 15%; } .gaiyou_img_box{ margin: 0 auto; padding-top: 5%; } .gaiyou_img_01{ display: block; margin: 0 auto 30px 0; } .gaiyou_img_02{ display: block; margin: 0 0 0 auto; } #wrapper_3.gaiyou .gaiyou02_box{ margin: 5% 0 10%; padding: 0; } .gaiyou table.tbl-r03 { width: 100%; border-collapse:collapse; text-align: left; line-height: 2.0; font-size: 1.5rem; margin-top: 8%; } .gaiyou table.tbl-r04{ width: 100%; border-collapse:collapse; text-align: left; line-height: 2.0; font-size: 1.5rem; } .tbl-r03 th { font-weight: normal; vertical-align: top; line-height: 1.2; padding-bottom: 1em; } .gaiyou table.tbl-r03 td { vertical-align: top; width: 17%; text-align: right; line-height: 1.2; } .gaiyou table.tbl-r04 td{ vertical-align: top; } .access_box{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; max-width: 1138px; } .access_box_inner{ margin: 20px auto 0; width: 43.05%; } .access_box_top { margin: 0 auto; width: 93%; } .access_box_inner h4{ margin: 0; padding: 0; font-size: 1.7rem; } .company_gaiyou_box02_text01 { display:block; margin: 0 0 10px; font-size:1.7rem; color:#00193F; line-height:23px; text-align:center; } .map_gaiyou { font-size: 15px; } .company_gaiyou_box02_map { overflow: hidden; position: relative; max-width: 1060px; height:420px; /* border-radius */ border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; } .company_gaiyou_box02_map iframe { position: absolute; inset: -150px; width: calc(100% + 300px); height: calc(100% + 300px); } .kiki_inner_box{ max-width: 1300px; margin: 0 auto; padding-bottom: 100px; } /*pdcaここまで */ /*csr*/ .wrapper_2_box02_big{ position: relative; } .wrapper_2_box01_csr_img{ margin: 0; width: 31.25%; float: left; position: absolute; top: -35%; left: 51%; z-index: -1; } .wrapper_2_box02_csr_img{ margin: 0; width: 31.25%; float: left; position: absolute; top: 40%; left: 16%; z-index: -1; } .contents_section.pdca{ margin: 0 auto; padding-bottom: 10%; background: url(../img/pdca_bg.jpg) no-repeat left top; background-size: 90% auto; } .pdca_box{ max-width: 1300px; width: 67.7%; margin: 0 auto; background: rgba(255,255,255,0.8); padding: 2.5% 10%; box-sizing: border-box; } .pdca_t{ margin: 0; padding: 0; font-size: 1.8rem; } .pdca01{ margin: 0; padding: 5% 0 10%; } .pdca02{ margin: 0; padding: 0 0 15%; } .pdca_text{ margin: 0; padding: 0 0 1em; font-size: 1.6rem; line-height: 2; text-align: left; } .pdca_text_box{ max-width: 538px; margin: 0 auto; padding: 0; text-align: left; } .pdca_text_s{ font-size: 1.2rem; line-height: 2; } /*csrここまで */ /*recruit*/ .contents_section.recruit{ max-width: 980px; margin: 0 auto; padding-bottom: 2.5%; } .recruit_t{ margin: 0; padding: 0 0 1% 2%; font-size: 2rem; text-align: left; } .recruit table { margin: 0 auto 5%; width: 100%; } .recruit table.tbl-r_recruit01{ border-collapse:collapse; text-align: left; line-height: 2.0; font-size: 1.6rem; max-width: 1000px; } .tbl-r_recruit01 tr{ border-bottom: solid 1px #ccc; } .tbl-r_recruit01 tr:first-of-type{ border-top: solid 1px #ccc; } .tbl-r_recruit01 th { color: #000; padding: 10px 20px; width: 20%; font-weight: normal; vertical-align: top; background: #ECF0F2; text-align: center; } .tbl-r_recruit01 td { padding: 10px 20px; width: 85%; } .tbl-r_recruit01 .tbl-recruit_text{ margin: 0; padding: 0; } .company_recruit_box01 { margin:0 auto 50px; font-size:0; text-align:center; } .company_recruit_box01_img { vertical-align:middle; } .company_recruit_box01_text { display:inline-block; padding:0 10px; font-size:14px; color:#000; line-height:20px; text-align:left; vertical-align:middle; } #wrapper_3.recruit_img{ padding-bottom: 10%; } .recruit_img{ margin: 0; padding: 0; } .company_recruit_box02 { margin:-6% auto 0; padding: 2% 2% 2% 2%; background: #7393A6; border-radius: 5px; width: 51%; position: relative; z-index: 2; max-width: 980px; box-shadow: 2px 2px 2px rgba(0,0,0,0.4); box-sizing: border-box; } .company_recruit_box02_text{ color: #FFF; margin: 0; padding: 0 0 3%; } /*recruitここまで */ /*jisseki*/ #wrapper_1_jisseki.contents_section.jisseki{ margin: 0 auto; padding-bottom: 2%; position: relative; } #wrapper_1_jisseki.contents_section.jisseki::after { background: linear-gradient(90deg, #EDF2F5 0%, #EDF2F5 50%, #C5D2DA 50%, #C5D2DA 100%); content: ""; display: block; height: 400px; width: 100%; opacity: 1; position: absolute; top: -30%; right: 0; z-index: -1; } #wrapper_2_jisseki.contents_section.jisseki{ margin: 0 auto; padding-bottom: 2%; position: relative; } #wrapper_2_jisseki.contents_section.jisseki::after { background: linear-gradient(-90deg, #EDF2F5 0%, #EDF2F5 50%, #C5D2DA 50%, #C5D2DA 100%); content: ""; display: block; height: 400px; width: 100%; opacity: 1; position: absolute; top: -10%; right: 0; z-index: -1; } #wrapper_3_jisseki.contents_section.jisseki{ margin: 0 auto; padding-bottom: 2%; position: relative; } #wrapper_3_jisseki.contents_section.jisseki::after { background: linear-gradient(90deg, #EDF2F5 0%, #EDF2F5 50%, #C5D2DA 50%, #C5D2DA 100%); content: ""; display: block; height: 400px; width: 100%; opacity: 1; position: absolute; top: -12%; right: 0; z-index: -1; } #wrapper_4_jisseki.contents_section.jisseki{ margin: 0 auto; padding-bottom: 2%; position: relative; } #wrapper_4_jisseki.contents_section.jisseki::after { background: linear-gradient(-90deg, #EDF2F5 0%, #EDF2F5 50%, #C5D2DA 50%, #C5D2DA 100%); content: ""; display: block; height: 400px; width: 100%; opacity: 1; position: absolute; top: -35%; right: 0; z-index: -1; } #wrapper_5_jisseki.contents_section.jisseki { margin: 0 auto; padding-bottom: 10%; position: relative; } #wrapper_5_jisseki.contents_section.jisseki::after { background: linear-gradient(90deg, #EDF2F5 0%, #EDF2F5 50%, #C5D2DA 50%, #C5D2DA 100%); content: ""; display: block; height: 400px; width: 100%; opacity: 1; position: absolute; top: -75%; right: 0; z-index: -1; } .jisseki_box{ background: rgba(255,255,255,0.8); margin: 0; padding: 2.5% 0; } .jisseki_inner_box{ max-width: 1300px; margin: 0 auto; } .jisseki_inner{ margin: 0 auto; padding: 0; width: 69.23%; } .jisseki_t{ margin: 0 auto; padding: 5px 0; background: #7393A6; font-size: 1.8rem; color: #FFF; max-width: 900px; text-align: center; } .jisseki table { margin: 0 auto; width: 100%; } .jisseki table.tbl-r01{ border-collapse:collapse; text-align: left; line-height: 2.0; font-size: 1.6rem; max-width: 1000px; } .jisseki table.tbl-r01 tr{ border-bottom: solid 1px #ccc; } .jisseki table.tbl-r01 td:first-of-type{ width: 15%; text-align: center; } .jisseki table.tbl-r01 th { color: #000; padding: 10px 20px; vertical-align: top; text-align: center; } .jisseki table.tbl-r01 td { padding: 10px; vertical-align: top; } .jisseki table.tbl-r01 .tbl-r01_text{ margin: 0; padding: 0; } .jisseki_table{ /*border-collapse: collapse;*/ width: 100%; border-spacing: 0; } .jisseki_table_hnone th{ border-bottom: none !important; } .jisseki_table_dnone{ border-bottom: none !important; } .jisseki_table_td_01{ padding: 10px 20px; font-size: 16px; color: #000; line-height: 23px; vertical-align: top; border-bottom: #ccc solid 1px; text-align: left; } .jisseki_table_td_01_w01{ width: 100px; text-align: center; } .jisseki_table_td_01_w01_none{ display: none; } .jisseki_table_td_01_w02{ width: calc(100% - 140px - 170px - 40px); } .jisseki_table_td_01_w03{ width: 130px; text-align: center; } th.jisseki_table_td_01{ font-weight: bold; text-align: center; } /*jissekiここまで */ /*sdgs_innerここまで */ #wrapper_1.contents_section.sdgs{ margin: 0 auto; padding-bottom: 10%; background: #FFF; } #wrapper_3.contents_section.sdgs{ margin: 0 auto 0; padding-bottom: 5%; position: relative; } .sdgs_inner01{ margin: 0 auto; max-width: 816px; padding: 0 5px; box-sizing: border-box; width: 41.979%; } .sdgs_img01{ margin: 0 auto; text-align:center; padding-bottom: 2.5%; } .sdgs_img01_text{ margin: 0; padding: 0; text-align: left; font-size: 1.6rem; line-height: 28px; } .sdgs_inner02{ margin: 0 auto 0 12.8%; max-width: 986px; padding:0.5% 5% 4%; box-sizing: border-box; background: #FFF; width: 51.3%; position: relative; top:-6vw; z-index: 1; } .sdgs_img02{ margin: 0 auto; text-align:left; padding-bottom: 2.5%; font-size: 4.0rem; letter-spacing: 0.01em; } .sdgs_img02 span{ font-size: 1.8rem; padding-left: 2%; } .sdgs_img02_text{ margin: 0; padding: 0; text-align: left; font-size: 1.6rem; line-height: 28px; } .sdgs_inner03{ margin: 0 12.8% 0 auto; max-width: 986px; padding: 2.5% 5% 2.5%; box-sizing: border-box; background: #FFF; width: 51.3%; position: relative; } .sdgs_inner03 .sdgs_img03{ position: absolute; top: -8vw; left: -40%; margin: 0; width: 46.75%; z-index: 1; } #wrapper_4_big.sdgs{ padding: 5% 0; } #wrapper_4.contents_section.sdgs{ max-width: 1265px; margin: auto; width: 65.8%; } .sdgs_list{ margin: 0 auto; padding: 0; list-style: none; /*display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end;*/ width: 100%; } .sdgs_list li{ width: 48.19%; margin: 0 3.62% 3vw 0; padding: 2%; box-shadow: 10px 10px 2px rgba(0,0,0,0.1); box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; background: #FFF url(../img/sdgs_img_no06.png) no-repeat; background-position: 5% 98%; background-size: 50% auto; float: left; } .sdgs_list li:nth-of-type(even){ margin-right: 0; } .sdgs_list li .no_img_box{ max-width: 200px; margin: 0; padding: 0; width: 33%; } .sdgs_list li .no_img{ margin: 0 0 7%; padding: 0; } .sdgs_list_text{ margin: 0 0 0 4%; padding: 0; width: 63%; text-align: left; font-size: 1.3rem; line-height: 24px; } .sdgs_list li.box01{ margin-top: 0vw; min-height: 35.5vw; } .sdgs_list li.box02{ background-position: 98% 98%; align-items:flex-start; position: relative; margin-top: 20vw; padding-bottom: 8vw; } .sdgs_list li.box02::after{ content: ""; margin: 0; background: url(../img/sdgs_img03.png) no-repeat; background-size: contain; width: 70%; height: 100%; position: absolute; top:-20vw; } .sdgs_list li.box03{ margin-top: -8.5vw; padding-bottom: 1%; min-height: 40vw; } .sdgs_list li.box04{ min-height: 31.5vw; box-sizing: border-box; } .sdgs_list li.box05{ min-height: 30vw; background-position: 98% 98%; } .sdgs_list li.box06{ min-height: 30vw; background-position: 98% 98%; } /*sdgs_innerここまで */ /*sdgs */ .wrapper_sdgs_big { max-width: 800px; margin: 0 auto; padding: 0 20px; z-index: 1; position: relative; } .wrapper_sdgs_text_01 { display: block; text-align: left; font-size: 18px; line-height: 23px; text-align: justify; letter-spacing: 3px; margin-bottom: 50px; } .wrapper_sdgs_title { margin: 30px 0 50px; } .wrapper_sdgs_content01_left { display: inline-block; width: calc((100% - 45px) / 2 - 0.5px); vertical-align: middle; } .wrapper_sdgs_content01_right { display: inline-block; width: calc((100% - 45px) / 2 - 0.5px); vertical-align: middle; margin-left: 40px; } .wrapper_sdgs_content01_right_link { display: block; font-size: 16px; color: #000; line-height: 23px; text-align: left; letter-spacing: 3px; margin-top: 10px; margin-bottom: 50px; } .wrapper_sdgs_content01_right_link a { color: #057dbb; background: #FFF; transition: 1.0s; cursor: pointer; text-decoration: underline; } .wrapper_sdgs_content01_right_link a:hover{ color: white; background: #057dbb; cursor: pointer; text-decoration: underline; } .wrapper_sdgs_content_02_box { margin-bottom: 150px; } .wrapper_sdgs_content_02_box_left { display: inline-block; width: 300px; margin-right: 100px; vertical-align: middle; } .wrapper_sdgs_content_02_box_right { display: inline-block; width: calc(100% - 465px); margin: 0 auto; border-radius: 10px; padding: 10px 30px; background: #E5FFFE; vertical-align: middle; text-align: left; letter-spacing: 1px; } .wrapper_sdgs_content_02_box_right_title_main { display: inline-block; font-size: 24px; font-weight: bold; margin: 0 10px 0 0; } .wrapper_sdgs_content_02_box_right_title_sub { display: inline-block; font-size: 15px; font-weight: bold; } .wrapper_sdgs_content_03_box { max-width:1240px; margin:0 auto; font-size:0; } .wrapper_sdgs_content_03_halfbox01 { display:inline-block; width:calc((100% - 40px) / 2 - 0.5px); margin-right:40px; vertical-align:top; } .wrapper_sdgs_content_03_halfbox01:last-child { margin-right: 0; } .wrapper_sdgs_content_03_halfbox01_box { min-height:230px; margin-bottom:80px; padding:25px; border-radius:25px; font-size:0; /* box-shadow */ box-shadow:3px 3px 8px 2px #dedede; } .wrapper_sdgs_content_03_halfbox01_box_left { display:inline-block; width:200px; margin-right:20px; text-align:center; vertical-align:top; } .wrapper_sdgs_content_03_halfbox01_box_left_img { display:block; margin:0 auto 20px; } .wrapper_sdgs_content_03_halfbox01_box_left_img:last-child { margin:0 auto; } .wrapper_sdgs_content_03_halfbox01_box_right { display:inline-block; width:calc(100% - 220.5px); vertical-align:top; } .wrapper_sdgs_content_03_halfbox01_box_right_span { display:block; font-size:15px; color:#000; line-height:23px; text-align:justify; letter-spacing: 2px; } /*sdgsここまで */ .wrapper_2_header { width:100%; margin:0 auto; padding-top:0; padding-bottom:0px; /*border-bottom:#FF7E14 1px solid;*/ position:relative; /*overflow: hidden;*/ background: #FFF; } .wrapper_2_header.fixed { background:rgba(255,255,255,0.95); } .wrapper_2_header_in { display: flex; flex-flow: row wrap; justify-content:space-between; align-items: center; align-content: center ; width:100%; margin:0 auto; padding:0 0px; font-size:0; } .wrapper_2_header_logo01 { } .wrapper_2_header_logo01_img01 { display:block; } .wrapper_2_header_box01 { text-align:right; /*overflow: hidden;*/ } .wrapper_2_header_ul { display:inline-block; list-style:none; margin:0 0px 0 0; padding:0; text-align:center; vertical-align:bottom; position:relative; } .wrapper_2_header_ul_li { display:inline-block; margin-right:20px; padding-bottom:0; vertical-align:middle; position:relative; } .wrapper_2_header_ul .wrapper_2_header_ul_li:last-child { margin-right:0px; margin-left: 120px; position: relative; } .wrapper_2_header_ul_li_span01 { display:block; font-size:15px; font-weight:bold; /*font-style:italic;*/ color:#000; line-height:20px; letter-spacing: 0.1em; } .wrapper_2_header_ul_li_span01 .br{ display: block; font-size: 11px; } .wrapper_2_header.fixed .wrapper_2_header_ul_li_span01 { color:#000; } .wrapper_2_header_ul_li_o .wrapper_2_header_ul_li_span01 { color:#2DCBFF; } .wrapper_2_header.fixed .wrapper_2_header_ul_li_o .wrapper_2_header_ul_li_span01 { color:#2DCBFF; } .wrapper_2_header_ul_li_border01 { display:block; width:0; height:0px; margin:auto; position:absolute; bottom:0; right:0; left:0; border-bottom: #FFF 1px solid; } .wrapper_2_header_ul_li_o .wrapper_2_header_ul_li_border01 { width:100%; } /*.wrapper_2_header_ul_li_contact { background: url(../img/contact_bg.png) no-repeat top left; background-size: contain; width: 100px; margin: 0; }*/ .wrapper_2_header_ul_li_contact { /* color:#000; background: #2DCBFF; transform: skew(-20deg); -o-transform: skew(-20deg); -moz-transform: skew(-20deg); -webkit-transform: skew(-20deg); margin-right: -20px;*/ } .wrapper_2_header_ul_li_contact .wrapper_2_header_ul_li_span01{ /*transform: skew(20deg); -o-transform: skew(20deg); -moz-transform: skew(20deg); -webkit-transform: skew(20deg); padding:10px 30px;*/ } /*.wrapper_2_header_ul_li_social { display:none; }*/ .wrapper_2_header_ul_li_border02{ display: none; position: absolute; top: 100%; left: 50%; width: 1px; height: 40px; background: #FFF; z-index: 2; } .wrapper_2_header_box02{ display: none; position: fixed; left: 0; top: 65px; width: 100%; background:#2DCBFF; padding: 10px; z-index: 1; } .wrapper_2_header_box02_left{ display: inline-block; width: 20%; font-size:24px; font-weight: bold; color: #FFF; margin-right: 40px; text-align: left; vertical-align: middle; } .wrapper_2_header_box02_left_data01{ border-bottom: 1px solid #FFF; margin: 0; padding: 0 0 5px; letter-spacing: 0.1em; } .wrapper_2_header_box02_left_data02{ font-size: 16px; margin: 5px 0 0; padding: 0; letter-spacing: 0.1em; } .wrapper_2_header_box02_right{ display: inline-block; width: 60%; vertical-align: middle; } .wrapper_2_header_box02_right_data_box{ display: flex; justify-content: flex-end; font-size:15px; font-weight: bold; } .wrapper_2_header_box02_right_data_01{ width: 160px; padding: 20px; font-size: 0; letter-spacing: 0; } .wrapper_2_header_box02_right_data_01_space { width: 300px; padding: 20px; font-size: 0; letter-spacing: 0; } .wrapper_2_header_box02_right_data_01_o{ background: #FFF; } .wrapper_2_header_box02_right_img_box{ display: inline-block; position: relative; margin-right: 5px; vertical-align: middle; } .wrapper_2_header_box02_right_img1{ display: block; position: relative; z-index: 1; } .wrapper_2_header_box02_right_img2{ display: block; position: absolute; z-index: 2; top: 0; left: 0; opacity: 0; } .wrapper_2_header_box02_right_data_01_text{ display: inline-block; width: calc(100% - 39.5px); color: #fff; font-size: 15px; font-weight: bold; text-align: center; vertical-align: middle; } .wrapper_2_header_ul_li_6_div { display:inline-block; width:30px; height:40px; margin:auto; padding:-10px; position:absolute; top:9px; right:0; z-index:2; cursor:pointer; } .wrapper_2_header_ul_li_6_div_line { box-sizing: border-box; width:30px; height:3px; margin:auto; background:#2DCBFF; border-radius: 4px; transition: all .4s; position:absolute; top:0; bottom:0; left:0; right:0; } .wrapper_2_header_ul_li_6_div_line_before { box-sizing: border-box; width:30px; height:3px; margin:auto; background:#2DCBFF; border-radius: 4px; transition: all .4s; position:absolute; top:10px; left:0; right:0; } .wrapper_2_header_ul_li_6_div_line_after { box-sizing: border-box; width:30px; height:3px; margin:auto; background:#2DCBFF; border-radius: 4px; transition: all .4s; position:absolute; bottom:10px; left:0; right:0; } .wrapper_2_header_ul_li_6_div_o { } .wrapper_2_header_ul_li_6_div_o .wrapper_2_header_ul_li_6_div_line_before { background:#CCC; -webkit-transform: translateY(8px) rotate(-45deg); transform: translateY(8px) rotate(-45deg); } .wrapper_2_header_ul_li_6_div_o .wrapper_2_header_ul_li_6_div_line { background:#CCC; opacity: 0; } .wrapper_2_header_ul_li_6_div_o .wrapper_2_header_ul_li_6_div_line_after { background:#CCC; -webkit-transform: translateY(-8px) rotate(45deg); transform: translateY(-8px) rotate(45deg); } .wrapper_2_header_tel { display:inline-block; padding:0 20px 5px 10px; font-size:0; vertical-align:bottom; } .wrapper_2_header_tel_ico { max-height:25px; width:auto; margin-right:10px; vertical-align:middle; } .wrapper_2_header_tel_text { display:inline-block; font-size:20px; font-weight:bold; color:#FFF; line-height:20px; vertical-align:middle; } .wrapper_2_header_social { display:inline-block; list-style:none; margin:0; padding:0 0 5px; text-align:right; vertical-align:bottom; position:relative; } .wrapper_2_header_social_li { display:inline-block; margin-right:15px; vertical-align:middle; position:relative; } .wrapper_2_header_social a:last-child .wrapper_2_header_social_li { margin-right:0px; } .wrapper_2_header_social_li_img { display:block; position:relative; z-index:1; } .wrapper_2_header_social_li_img_o { display:block; position:absolute; top:0; left:0; z-index:2; opacity:0; } .wrapper_2_sub_ul { display:none; list-style:none; min-width:450px; margin:10px auto 0; padding:20px 10px 20px; font-size:0; text-align:center; position:absolute; top:100%; left:0%; -webkit-transform: translateX(-5%); -ms-transform: translateX(-5%); transform: translateX(-5%); z-index:10; background-color: rgba(8,106,182,0.7); text-align:left; width:50%; z-index: 3; } .wrapper_2_sub_ul_li { display:inline-block; margin:0 auto; padding:3px 20px; border-right:#FFF 1px solid; font-size:15px; color:#FFF; line-height:18px; position:relative; } .wrapper_2_sub_ul a:last-child .wrapper_2_sub_ul_li { border-right:none; } .wrapper_2_sub_ul_li_o { } .wrapper_2_sub_ul_li_border { display:block; width:0; height:1px; margin:0 auto; background:#FFF; position:absolute; bottom:0; left:0; right:0; } .wrapper_2_sub_ul_li_o .wrapper_2_sub_ul_li_border { width:100%; } .wrapper_3_big { max-width: 1400px; margin: 0 auto; } .wrapper_3_box01{ text-align: center; position: relative; margin-bottom: 200px; } .wrapper_3_box01:last-child{ margin-bottom: 0; padding-bottom: 200px; } .wrapper_3_box01_title{ font-size: 40px; font-weight: bold; margin-top: 200px; margin-bottom: 50px; } .wrapper_3_box01_imgbox01{ position: relative; } .wrapper_3_box01_background{ width: 90%; height: 80%; background: #BCCFDA; position: absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index: -1; } .wrapper_3_box01_background2{ width: 90%; height: 80%; background: #BCCFDA; position: absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index: -1; } .wrapper_3_box01_img01{ list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; z-index: 3; margin: 0; padding: 0 10px; } .wrapper_3_box01_img01 li{ margin-bottom: 100px; width: calc((100% - 180px) / 2 - 0.3px); } .wrapper_3_box01_img01 li:nth-last-child(-n+2){ margin-bottom: 0; } #wrapper_3 { margin:0 auto; } #wrapper_4_big { position:relative; z-index:1; } #wrapper_4 { margin:0 auto; } #wrapper_5_big { } #wrapper_6_big { position:relative; z-index:1; } #wrapper_6 { width:1280px; margin:0 auto; } #wrapper_7_big { position:relative; z-index:1; } .head { height:20px !important; margin-bottom:8px; } .subhead { width:200px; background-color:rgba(0,0,0,0.7); overflow: visible; position:relative; left:-33px; } .subhead_2 { width:245px; border-collapse:collapse; } .subhead_o { background-color:rgba(0,217,217,0.7); } .content { position: relative !important; } .header { z-index:15; } .fixed { position: fixed !important; top: 0px; -webkit-transform: translate3d(0,0,0); -webkit-overflow-scrolling:touch; z-index:15; } .fixed_index { position:absolute !important; /*top:-20vh;*/ } /*ヘッダーここまで */ #slider1 { position:relative; z-index:2; } .slider1 { list-style:none; width:100%; margin:auto; padding:0; position:relative; z-index:2; } .slider1 li { width:100%; } .slider1 li img { max-width:100%; height:auto; } .slider1_text { display:block; width:auto; font-size: 38px; position:absolute; top:45%; left:6.25%; color:#FFF; font-weight:bold; line-height:100px; text-align:left; z-index:3; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); letter-spacing: 0.025em; text-shadow: 1px 1px 3px #050505; } .slider1_text span{ font-size:6.0rem; border-bottom: #FFF solid 5px; letter-spacing: 0.1em; } #pankuzu_div { margin:0 auto; padding:10px 0 10px 100px; text-align:left; } .pankuzu { display:block; margin:0px auto; text-align:left; } .pankuzu_span_1 { display:inline-block; margin-left:10px; margin-right:10px; font-size:12px; color:#006339; line-height:23px; vertical-align:middle; } .pankuzu_span_2 { display:inline-block; font-size:12px; color:#006339; line-height:23px; vertical-align:middle; } .content_a { height:0px; position:relative; top:-68px; } .feednew{ padding-left:1em; color:#F00; } #loading_big { width: 100%; height: 100%; margin: auto; background: #FFF; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; } #loading { width: 102px; height: 102px; margin: auto; position: absolute; text-align: center; left: 0; right: 0; top: 0; bottom: 0; } .sk-folding-cube { margin: 20px auto; width: 40px; height: 40px; position: relative; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .sk-folding-cube .sk-cube:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #2DCDFF; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .sk-folding-cube .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); } .sk-folding-cube .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); } .sk-folding-cube .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); } .sk-folding-cube .sk-cube2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-folding-cube .sk-cube3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .sk-folding-cube .sk-cube4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } /*The MIT License (MIT) Copyright (c) 2015 Tobias Ahlin Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.*/ .page-top_big { margin:0 auto; text-align:right; position:relative; z-index:5; } .page-top { display:inline-block; width:130px; margin:auto; padding:10px 10px; background:#000; position:fixed; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right:0px; } .page-top_span01 { display:block; margin-bottom:10px; font-size:14px; color:#FFF; line-height:23px; text-align:center; } .page-top_button01 { display:block; margin-bottom:15px; background:#000; border:#FFF 1px solid; font-size:15px; color:#FFF; line-height:48px; text-align:center; } .page-top_span02 { display:block; padding:10px 0; border-top:#FFF 1px solid; font-size:14px; color:#FFF; line-height:20px; text-align:center; } .page-top_ul01 { list-style:none; margin:0; padding:0; font-size:0; } .page-top_ul01_li { display:inline-block; width:50%; padding:5px 0; background:rgba(255,255,255,0); vertical-align:top; position:relative; } .page-top_ul01_li_img { display:block; margin:0 auto; } .page-top_ul01 a:first-child .page-top_ul01_li:after { content:""; width:1px; height:100%; background:#FFF; position:absolute; top:0; right:0; } .page-top_button02 { display:block; background:#000; border:#FFF 1px solid; font-size:11px; color:#FFF; line-height:28px; text-align:center; } .page-up { display:inline-block; margin:auto; position:fixed; bottom:45px; right:0px; } .page-up img { display:block; } #page-top a { padding: 0; display: block; font-size:10px; color:#464C52; } /*コンテンツ */ /*コンテンツここまで */ /*フッター */ /*フッターここまで */ /*index */ .feed_box01{ max-width: calc(100% - 20px); width: 1000px; /*margin: -4.5vw auto 0;*/ margin: 0 auto; padding-top: 10px; padding-bottom: 10px; position: absolute; bottom: 0; left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index: 4; background: #FFF; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; align-content: center; box-sizing: border-box; } .feed_ul01 { list-style:none; width: 55%; /*width:calc(100% - 300px);*/ margin:0 auto; padding:0 0; text-align:left; } .feed_ul01_li { /*width:calc((100% - 8px) / 3 - 80.3px);*/ padding:0px 0px; text-align:left; font-size: 0; vertical-align:top; } .feed01_date { display:inline-block; width: 80px; padding-right: 20px; font-size:16px; line-height: 48px; font-weight: bold; text-align:left; vertical-align:middle; } .feed01_title { display:inline-block; width:calc(100% - 100px); font-size:16px; line-height: 30px; font-weight: bold; color:#000; text-align:left; vertical-align:middle; } .feed_title01 { padding:0px 0; position:relative; } .feed_title01_span { padding: 0 2.98vw; font-size:16px; font-weight: bold; line-height: 48px; color:#000; text-align:center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-right: #D7DBDB solid 1px; } .all_look{ margin: 0; padding: 0 2.5% 0 0; text-align: left; line-height:48px; font-size:14px; } .all_look a{ display: block; } .all_look a:after{ content:""; background: url(../img/all_y.png) no-repeat; margin: 0 0 0 5px; width: 24px; height: 24px; display:inline-block; vertical-align: middle; } .wrapper_index01 .title-block { /*margin: 0 auto 5% 21.8216%; width: 42.314%;*/ margin: 0 auto; width: auto; /*text-align: left;*/ text-align: center; display: block; } .wrapper_index01 .title-content { margin: 0 auto 0; /*text-align: left;*/ max-width: 177px; text-align: left; width: 46%; } .wrapper_index01 .title-content-sub { color: #000000; display:block; font-size: 3.2rem; font-weight: bold; line-height: 1.0; margin: 0 0; } .wrapper_index01 .title-content-sub span{ font-size: 1.8rem; display: block; text-align: center; } .wrapper_index01 .text_box{ width: 95%; margin: 0 0 10% 0; text-align: left; } .wrapper_index01 .text{ margin: 0; padding: 0; line-height: 1.5; font-size: 1.4rem; font-weight: normal; } .wrapper_index01 .content_box{ margin: 0 auto 0 0; padding: 0; width: 90%; } .title-block { display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 2%; } .title-content { margin: 0 .5% 0 0; max-width: 177px; } .title-content-sub { color: #000000; font-size: 32px; font-weight: bold; margin: 0 0; padding-top: 20px; line-height: 1.0; } .wrapper_index02_text{ text-align: center; } #wrapper_index02 .title-content{ width: 100%; } #wrapper_index03 .title-content{ width: 50%; } #wrapper_index04 .title-content{ width: 50%; padding: 5px 0; } .title-content-sub span{ font-size: 1.8rem; display: block; text-align: center; line-height: 2; } .text_box{ width: 95%; margin: 0 auto 5%; text-align: left; } .text_box_big{ margin-bottom: 5%; } #wrapper_index02 .text_box{ width: 82%; margin: 0 auto 5%; text-align: left; } #wrapper_index03 .text_box{ width: 82%; margin: 0 auto 5%; text-align: left; } #wrapper_pickup .text_box{ width: 82%; margin: 0 auto 5%; text-align: left; } .text{ margin: 0; padding: 0; line-height: 2.0; font-size: 1.4rem; font-weight: normal; } .content_box{ margin: 0 auto; padding: 0; width: 90%; } .content_box_f { margin-top: 40px; margin-bottom: 50px; } .content_box2{ margin-top: 5%; } .content_box .text01{ margin: 0 auto 5%; text-align: center; font-size: 1.3rem; } .bnt_box_div .bnt_box_new{ margin: 0 auto; } .bnt_box{ text-align: center; font-size: 15px; margin: 0 auto; padding: 0; max-width: 250px; font-size: 16px; font-weight: bold; text-align: center; /*width:70%;*/ } .bnt_box a{ padding: 6% 0; display: block; position: relative; } .bnt_box a::before{ display: inline-block; content: ""; background: url(../img/btn_bg_l.png) no-repeat left; background-size: contain; position: absolute; left: 0; top: 0; width: 49.6%; height: 100%; vertical-align: middle; } .bnt_box a::after{ display: inline-block; content: ""; background: url(../img/btn_bg_r.png) no-repeat right; background-size: contain; position: absolute; right: 0; top: 0; width: 50.4%; height: 100%; } .bnt_box_new{ padding: 0; max-width: 250px; font-size: 16px; font-weight: bold; text-align: center; /*width:70%;*/ } .bnt_box_new a{ padding: 6% 0; display: block; position: relative; } .bnt_box_new a::before{ display: inline-block; content: ""; background: url(../img/btn_bg_l.png) no-repeat left; background-size: contain; position: absolute; left: 0; top: 0; width: 49.6%; height: 100%; vertical-align: middle; } .bnt_box_new a::after{ display: inline-block; content: ""; background: url(../img/btn_bg_r.png) no-repeat right; background-size: contain; position: absolute; right: 0; top: 0; width: 50.4%; height: 100%; } .bnt_box02{ margin: 0 auto; padding: 0; max-width: 250px; font-size: 16px; font-weight: bold; text-align: center; } .bnt_box02 a{ padding: 6% 0; display: block; position: relative; color: #FFF; } .bnt_box02 a::before{ display: inline-block; content: ""; background: url(../img/btn_bg_02_l.png) no-repeat left; background-size: contain; position: absolute; left: 0; top: 0; width: 49.6%; height: 100%; vertical-align: middle; } .bnt_box02 a::after{ display: inline-block; content: ""; background: url(../img/btn_bg_02_r.png) no-repeat right; background-size: contain; position: absolute; right: 0; top: 0; width: 50.4%; height: 100%; } .inquiry_box_off_btn{ position: relative; max-width: 250px; margin: auto; } .inquiry_box_off_btn button{ border: 0; padding: 6% 0; display: block; background: none; } button.bnt_box::before{ display: inline-block; content: ""; background: url(../img/btn_bg_l.png) no-repeat left; background-size: contain; position: absolute; left: 0; top: 0; width: 49.6%; height: 100%; vertical-align: middle; } button.bnt_box::after{ display: inline-block; content: ""; background: url(../img/btn_bg_r.png) no-repeat right; background-size: contain; position: absolute; right: 0; top: 0; width: 50.4%; height: 100%; } .link_text a{ color: #FF6600; text-decoration: none; margin: 0; font-size: 1.6rem; font-weight: bold; } .business_menu{ list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; padding: 0; border-top: #000 solid 1px; border-right: #000 solid 1px; border-left: #000 solid 1px; } .business_menu li{ width: 50%; margin: 0; padding: 0; box-sizing: border-box; display: inline-block; border-right: #000 solid 1px; border-bottom: #000 solid 1px; font-size: 0; } .business_menu li:nth-child(2n){ border-right: none; } .business_menu li a{ display: block; } .jigyou_img_01{ position: relative; z-index: 1; display: block; } .jigyou_img_02{ max-width: 90%; max-height: 90%; width: auto; height: auto; position: absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index: 3; } a.btn-flat { overflow: hidden; border-radius: 0; position: relative; } a.btn-flat:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: translateX(-100%); transform: translateX(-100%); background:rgba(45,203,255,0.44); z-index: 2; } a.btn-flat:hover:before { -webkit-transform: translateX(0%); transform: translateX(0%); } #wrapper_index03 .wrapper_index03_inner{ width: 50%; margin: 0; padding-top: 2.92%; padding-bottom: 2.92%; } #wrapper_index03 .wrapper_index03_inner.no03{ background: url(../img/bg03.jpg) no-repeat top; margin-bottom: 20px; } #wrapper_index03 .wrapper_index03_inner.no04{ background: #F3F5ED; margin-bottom: 20px; } #wrapper_index04 .title-block { width: 25%; margin: 0 auto; text-align: center; display: initial; } #wrapper_index04 .title-block .news_title{ display: flex; flex-flow: row wrap; justify-content:center; align-items: center; align-content: center; margin-bottom: 20px; } .feed_box02 { display: flex; flex-flow: row wrap; justify-content:space-between; align-items: end; align-content: center; } .feed_title02 { width:25.3%; padding:0px 0; position:relative; } .feed_title02_span { display:block; width:100%; font-size:37px; font-weight:bold; color:#FFF; line-height:40px; text-align:center; position:absolute; top:50%; left:0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .feed_ul02 { list-style:none; /*width:calc(100% - 250px);*/ width: 74.7%; margin:0 auto; font-size:0; text-align:left; padding: 0; } .feed_ul02_li { display:inline-block; width:calc((100% - 8px) / 3 - 80.3px); padding:30px 40px 30px; border-right:#000 1px solid; font-size:0; text-align:left; vertical-align:top; vertical-align: top; } .feed_ul02 a:first-child .feed_ul02_li{ background: #F9F8EE; } .feed_ul02 a:last-child .feed_ul02_li { border-right:none; } .feed_ul02_li .category { margin: 0; padding: 5px; font-size: 12px; color: #FFF; display:inline-block; } .category01{ background: #3550A7; } .category02{ background: #FF290B; } .category03{ background: #009749; } .feed02_date { display:block; margin-top:5px; font-size:15px; color:#000; line-height:20px; text-align:left; } .feed02_title { display:block; font-size:15px; color:#000; line-height:23px; text-align:left; vertical-align:bottom; } /*indexここまで */ /*footer */ .footer_bnr_box{ margin: 0 auto; max-width: 1366px; width: 71.145%; padding: 0; } .footer_bnr_box ul{ list-style: none; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; align-items: center; padding: 10px 0; margin: 0; } .footer_bnr_box ul li{ width: 45.827%; margin: 0; vertical-align: middle; } .footer_bnr_box ul li a{ display: block; font-size: 3rem; background: #6CDBFF; color: #FFF; padding: 1% 0; position: relative; } .footer_bnr_box ul li.tel a::before{ display: inline-block; vertical-align: middle; content: ""; width: 48px; height: 48px; background: url(../img/ico_tel.png) no-repeat 0 50%; background-size: contain; margin: auto; margin-right: 5px; /*display: inline-block; vertical-align: middle; content: url(../img/ico_tel.png); width:50%; height: 100%; margin: auto;*/ } .footer_bnr_box ul li.mail a{ font-size: 1.8rem; vertical-align: middle; padding-top: 3.5%; padding-bottom: 3.5%; } .footer_bnr_box ul li.mail a::before{ display: inline-block; vertical-align: middle; content: ""; width: 54px; height: 35px; background: url(../img/ico_mail.png) no-repeat 0 50%; background-size: contain; margin-right: 5px; } .footer{ margin: 0 auto; width: 91%; display: flex; flex-flow: row wrap; justify-content:flex-start; align-items: stretch; align-content: stretch; padding:45px 0 0; } .footer_left { padding:0 5% 0 0; text-align:left; } .footer_logo { display:block; margin-bottom: 15px; } .footer_left_text{ font-size:14px; } .footer_left_text_link a { color: #057dbb; background: #FFF; transition: 1.0s; cursor: pointer; text-decoration: underline; } .footer_left_text_link a:hover{ color: white; background: #057dbb; cursor: pointer; text-decoration: underline; } .footer_right{ padding:0 0px; text-align:left; } .footer_right_ul01 { list-style:none; display:inline-block; margin-right:70px; padding:0; vertical-align:top; } .footer_right_ul01:last-child { margin-right:0px; } .footer_right_ul01_li { margin-bottom:0; padding-left:20px; padding-bottom:3px; font-size:14px; color:#000; line-height:20px; text-align:left; position:relative; display: flex; flex-wrap: wrap; } .footer_right_ul01_li a{ display: block; width: 100%; } .footer_right_ul01_li:before { content:"-"; font-size:40px; color:#000; line-height:10px; position:absolute; top:0px; left:0; } .footer_right_ul01_li .ul01_span{ display: block; width: 100%; } .footer_right_ul01_li_border_bold { display:block; width:0; height:0px; margin:auto; position:absolute; bottom:0; left:0; border-bottom: #000 2px dashed; } .footer_right_ul01_li_border { display:block; width:0; height:0px; margin:auto; position:absolute; bottom:0; left:0; border-bottom: #000 1px dashed; } .footer_right_ul01_li .footer_right_ul01_li_in{ list-style: none; position:relative; padding-left: 20px; } .footer_right_ul01_li .footer_right_ul01_li_in_li{ list-style: none; position:relative; padding-left: 20px; } .footer_right_ul01_li .footer_right_ul01_li_in_li:before { content:"-"; font-size:17px; color:#000; line-height:20px; position:absolute; top:0px; left:0; } .footer_right_ul02 { list-style:none; display:inline-block; margin-right:70px; padding:0; vertical-align:top; } .footer_copy{ font-size: 12px; margin: 0 auto; text-align: left; clear: both; width: 91%; padding-bottom: 20px; } /*companyここまで */ /*portfolio */ /*portfolioここまで */ /*company_gaiyou */ #wrapper_machine_big { position: relative; background: #EDF2F5; padding: 60px 0 100px; z-index: 1; } .wrapper_machine_title { font-size: 30px; font-weight: bold; margin-bottom: 20px; } .wrapper_machine_maine { max-width: 1300px; margin: 0 auto; padding: 30px 0; background: #fff; } .wrapper_machine_maine_title { max-width: 70%; font-size: 18px; font-weight: bold; color: #fff; background: #7393A6; margin: 0 auto 20px; padding: 5px 0; } .wrapper_machine_maine_table_box { max-width: 70%; margin: 0 auto; } .wrapper_machine_maine_table { width: 100%; text-align: left; margin: 0 auto; border-collapse: collapse; } .wrapper_machine_maine_table_th { width: calc((100% / 4) - 0.2px); padding: 10px 20px; } .wrapper_machine_maine_table_tr { border-bottom: solid 1px #ccc; } .wrapper_machine_maine_table_th_in { width: calc((100% / 4) - 0.2px); padding: 10px 20px; font-weight: normal; } /*company_gaiyouここまで */ /*company_history */ /*company_historyここまで */ /*recruit */ /*recruitここまで */ /*concerned_regional */ /*concerned_regionalここまで */ /*privacy */ .privacy_box{ max-width: calc(100% - 20px); width: 1280px; margin: 0 auto; } .privacy_box .page_text_box{ width: auto; } .page_text_box .page_text01{ text-align: left; } .privacy_box .page_text_01_01{ text-align: left; } .privacy_box ul{ list-style: disc; margin: 0 auto 40px; padding: 0 0 0 30px; } .privacy_box ul li{ text-align: left; } .privacy_box .page_text01,.privacy_box .page_text_01{ text-align: left; margin-bottom: 40px; } .privacy_box .page_text_title{ text-align: left; } /*privacyここまで */ /*sitemap */ /*sitemapここまで */ /*inquiry */ /*inquiryここまで */ /*wp */ .wrapper_title_big { position: relative; } #wrapper_3 { max-width:1200px; width:auto; margin:0 auto; padding:0px 0; text-align:left; } .wrapper_3_title { display:block; margin:0 auto 40px; font-size:40px; font-weight:bold; color:#001A40; line-height:50px; letter-spacing:5px; text-align:center; } .wrapper_title_textbox01 { width:460px; margin:0 auto; padding-bottom:20px; border-bottom:#FFF 1px solid; position:absolute; top:50%; left:0; right:0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:3; } .wrapper_title_textbox_span01 { display:block; margin-bottom:10px; font-size:28px; color:#FFF; line-height:40px; letter-spacing:2px; text-align:center; } .wrapper_title_textbox_span02 { display:block; font-size:20px; color:#FFF; line-height:30px; letter-spacing:2px; text-align:center; } .content_a { height:0px; position:relative; top:-80px; } .wrapper_content_big { width:100%; margin:0 auto; border-bottom:#DDD 1px solid; } .wrapper_content_big_noborder { border-bottom:none; } .wrapper_content { width:1000px; margin: 0 auto; padding:50px 0; } .wrapper_content_div01_b01 { width:100%; height:4px; border-bottom:#EEE 1px solid; position:absolute; top:0; left:0; z-index:1; } .wrapper_content_div01_b02 { width:60%; height:4px; margin:auto; border-bottom:#1A9FE4 1px solid; position:absolute; top:0; left:0; right:0; z-index:2; } .wrapper_content_div01_b03 { text-align:center; position:relative; z-index:3; } .wp_tab_ul01 { list-style:none; margin:0 auto 50px; padding:0; font-size:0; text-align:left; position:relative; z-index:2; } .wp_tab_ul01_li { display:inline-block; width:188px; padding-bottom:5px; background:#2DCBFF; border:#2DCBFF 1px solid; margin-right:20px; font-size:14px; color:#FFF; line-height:33px; letter-spacing:2px; text-align:center; vertical-align:middle; position:relative; cursor:pointer; } .wp_tab_ul01_li_ico { width: 0; height: 0; margin:auto; border-style: solid; border-width: 5px 5px 0 5px; border-color: #ffffff transparent transparent transparent; } .wp_tab_ul01_li:last-child { margin-right:0px; } .wp_tab_ul01_li_box { width:calc(100% - 60px); margin:auto; padding:10px 30px; background:rgba(255,255,255,0.8); border-bottom:#2DCBFF 1px solid; border-left:#2DCBFF 1px solid; border-right:#2DCBFF 1px solid; font-size:0; position:absolute; top:calc(100% + 1px); left:-1px; /* border-radius */ border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; } .wp_tab_ul01_li_box_ico { width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #2F4D93; position:absolute; top:16px; left:13px; } .wp_tab_ul01_li_box_ul { list-style:none; margin:0; padding:0; position:relative; } .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: 30px; 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: -30px; } .wp_tab_ul01_li_box_ul_li_border { width: 0%; height: 1px; background: #3F526E; position: absolute; bottom: 0; left: 0; } .wp_contents { margin-bottom: 30px; padding-top:20px; font-size:16px; color:#000; line-height:23px; text-align:left; } .wp_big { font-size:0; } .wp_left { display:inline-block; width:800px; margin-right:60px; vertical-align:top; } .wp_left_ul { list-style:none; margin:0 auto; padding:0; font-size:0; position:relative; text-align: left; z-index:1; } .wp_left_ul_li { display:inline-block; background: #FFF; width:calc((100% - 90px) / 4 - 2.3px); margin-right:30px; margin-bottom:50px; border:#FFF 1px solid; vertical-align:top; overflow:hidden; } .wp_left_ul a:nth-child(4n) .wp_left_ul_li { margin-right:0; } .wp_left_ul_li_img { display:block; width: 100%; } .wp_left_ul_li_cont { margin:10px 0; padding:0 10px; font-size:0; text-align:left; position: relative; } .wp_left_ul_li_date { display:inline-block; margin-bottom:10px; font-size:14px; font-weight:bold; color:#000; line-height:20px; text-align:left; } .wp_left_ul_li_cate { display:inline-block; margin-left:15px; margin-bottom:10px; padding:1px 10px; background:#2DCBFF; font-size:13px; color:#FFF; line-height:18px; position: absolute; top: -30px; right: 10px; } .wp_left_ul_li_title { display:block; font-size:15px; color:#000; line-height:27px; text-align:left; } .wp_left_ul_li_detail { display:block; font-size:14px; color:#1F1F1F; line-height:23px; text-align:left; vertical-align:top; } .wp_left_socialbox_ul { list-style:none; margin:0 auto; padding:0; text-align:left; } .wp_left_socialbox_ul_li { display:inline-block; margin:0 10px 20px 0; vertical-align:middle; } .wp_left_single { font-size:0; text-align:left; padding-bottom: 100px; } .wp_left_single_date { display:inline-block; margin-bottom:10px; font-size:18px; font-weight:bold; color:#00193F; line-height:27px; text-align:left; } .wp_left_single_cate { display:inline-block; margin-left:15px; margin-bottom:10px; padding:2px 10px; background:#2DCBFF; font-size:18px; color:#FFF; line-height:23px; } .wp_left_single_title { display:block; margin-bottom:10px; font-size:18px; color:#00193F; line-height:27px; text-align:left; } .wp_single_title_ico { margin-right:5px; vertical-align:middle; } .wp_right { display:inline-block; width:240px; vertical-align:top; } .wp_right_titlebox { margin:0 auto; padding-top:13px; background:#FA89B0; text-align:center; position:relative; /* border-radius */ border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; } .wp_right_titlebox_img { vertical-align:bottom; position:relative; z-index:1; } .wp_right_title { display:inline-block; height:25px; margin:auto; font-size:17px; font-weight:bold; color:#FFF; line-height:25px; text-align:center; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; } .wp_right_title_ico { margin-right:5px; vertical-align:middle; } .wp_right_ul { list-style:none; margin:0 auto 30px; padding:0; border-top:#CCC 1px solid; } .wp_right_ul_li { padding:10px 0; background:#FFF; border-bottom:#CCC 1px solid; border-left:#CCC 1px solid; border-right:#CCC 1px solid; font-size:14px; color:#1F1F1F; line-height:30px; text-align:center; } .wp_right_ul_li_title { display:block; font-size:13px; color:#000; line-height:23px; text-align:left; } .wp_right_ul_li a { color:#1F1F1F; } .wp_right_ul_li_date { display:block; font-size:12px; font-weight:bold; color:#7A5538; line-height:20px; text-align:left; } .wp_right_ul_li_cate { display:block; font-size:14px; color:#1F1F1F; line-height:30px; text-align:center; } .new { display:inline-block; margin-left:1em; color:#F00; } .wp_pagenation { } .wp_pagenation_ul { list-style:none; margin:0; padding:0 0 10px; text-align:center; } .wp_pagenation_ul_li { display:inline-block; width:auto; margin:0 2px 10px; padding:0 10px; font-size:16px; font-weight:bold; color:#2DCBFF; line-height:30px; background:#EDF2F5; border:#2DCBFF 1px solid; text-align:center; } .wp_pagenation_ul_li a { color:#2DCBFF; } .wp_pagenation_ul_li_o { color:#FFF; background:#2DCBFF; } .wp_pagenation_ul_li.wp_pagenation_ul_li_o { } .wp_pagenation_ul_li_nb { background:none; border:none; font-size:16px; font-weight:normal; color:#2DCBFF; line-height:30px; } .prev_next { margin:0 0 15px 0; padding:20px 0 5% 0; } .prev_next_ul { list-style:none; margin:0; padding:0; text-align:left; } .prev_next_ul_li { display:inline-block; margin-right:20px; font-size:16px; color:#000; line-height:25px; text-align:left; vertical-align:middle; } .prev_next_ul_li a { color:#000; } .prev_next_ul_li_m { display:inline-block; margin-right:20px; padding:5px 10px; border:2px solid #000; font-size:14px; line-height:20px; text-align:center; vertical-align:middle; } /*wpここまで */ #down { position: relative; } #up { position: relative; } #top { position: relative; } .ninja{ display:block; width:32px; height:32px; background:url(img/ninja.png) no-repeat; } .ninja:hover{ animation: ani-ninja 0.6s steps(9,start) forwards; } @keyframes ani-ninja{ 0%{ background-position:0 0;} 100%{ background-position:-288px 0;} } /* ここまで1024px以上の幅の場合に適応される */

AltStyle によって変換されたページ (->オリジナル) /