@charset "UTF-8"; /* CSS Document */ /* =============================================================== CONTENTS PAGE CSS コンテンツページ固有のスタイルはこのファイルにまとめてください。固有のCSSを指定する場合はHTMLコード「」を指定し、下記サンプルのように記述してください。またコードを見やすくする為にコンテンツ間には区切り線。 CSSには分かりやすいコメントを記述してください。＜サンプル＞ .about #overview .column { width:100%; } ================================================================== */ /*================================================================== #list-contents ================================================================== */ #list-contents .ul-list li span { margin-right: 1em; } #list-contents .ul-list li .category-01, #list-contents .ul-list li .category-02, #list-contents .ul-list li .category-03{ font-size: 80%; } /*求人詳細ページ*/ #recruit-wrap ul.style-b li{ display: flex; } #recruit-wrap ul.style-b li span:first-child{ width: 20%; font-weight: bold; } #recruit-wrap ul.style-b li span:last-child{ width: 75%; } /*求人一覧ページ*/ #recruit-Information ul.grid-2 > li { padding: 20px; } #recruit-Information ul.grid-2 li ul.style-b li{ display: flex; } #recruit-Information ul.grid-2 li ul.style-b li span:first-child{ width: 25%; font-weight: bold; } #recruit-Information ul.grid-2 li ul.style-b li span:last-child{ width: 70%; } /*求人応募フォーム*/ #contact-form-wrap .agree_box { padding: 20px; background-color: #eee; text-align: center; border-radius: 6px } #contact-form-wrap .btn_agree{ margin: 20px 0 0 0; font-size: 120%; } #contact-form-wrap .btn_agree input[type=checkbox] { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); margin-right: 1em } /*================================================================== ニュース・プレスリリース ================================================================== */ #companies_info .com-name, #facilities_info .com-name, #press_release .com-name { margin-top: 4em; font-weight: bold; text-align: right; } /*================================================================== コンテンツ ================================================================== */ .tl_center{ text-align: center; } .common_table th.-w20 { width: 20%; } .common_table th.-w30 { width: 30%; } .common_table th, .common_table td{ padding: 15px; border-right: 2px solid #fff; border-top: 2px solid #fff; } .no_border_t td{ border-top: none !important; } .no_padding td{ padding: 0 15px !important; } .no_padding_t td{ padding: 0 15px 15px !important; } .no_padding_b td{ padding: 15px 15px 0 !important; } #history .common_table th { font-size: 120%; font-weight: bold; color: #0061B3; text-align: left; background-color: #F5F5F5; vertical-align: middle; } #history .common_table td { color: #555; line-height: 1.9; color: #333; } #history .common_table { width: 100%; margin-top: 24px; margin-bottom: 24px; border-collapse: separate; } #story .button a{ color: #1277DC; background: #fff; border: 3px solid #1277DC; width: 100%; padding: 8px 85px; font-size: 130%; } #story .button a:hover{ color: #fff; background: #1277DC; opacity: 1; } #story .button_body td{ padding: 5px 20px 20px; } #story .rekishi th{ font-size: 120%; font-weight: bold; color:#0061B3; background-color: #EEE; vertical-align: middle; } #story .rekishi td { position: relative; background-color: #F5F5F5; color: #555; line-height: 1.5; padding: 8px 15px; } .tab_container { padding-bottom: 15px; background-color: #fff; border:1px solid #0061B3; margin: 0 auto; } .tab_item { width: calc(100%/3); /*100%/4を100%/3に変更*/ padding:10px 0; border-bottom: 3px solid #0061B3 ; background-color: #ececec; text-align: center; color: #0061B3 ; display: block; float: left; text-align: center; /* font-weight: bold; */ transition: all 0.2s ease; } .tab_item:hover { opacity: 0.75; } input[name="tab_item"] { display: none; } .tab_content { display: none; padding: 15px 15px 0; clear: both; overflow: hidden; } #tab1:checked ~ #tab1_content, #tab2:checked ~ #tab2_content, #tab3:checked ~ #tab3_content, #tab4:checked ~ #tab4_content, #tab5:checked ~ #tab5_content, #tab6:checked ~ #tab6_content, #tab7:checked ~ #tab7_content, #tab8:checked ~ #tab8_content, #tab9:checked ~ #tab9_content, #tab10:checked ~ #tab10_content { display: block; } .tab_container input:checked + .tab_item { background-color: #0061B3 ; color: #fff; } #story .tab_content_subttl{ font-weight: bold; font-size: 110%; } #story .tab_content_link{ margin: 15px 0; text-decoration: underline; } #story .tab_content_desc{ font-size: 90%; line-height: 1.5; } #story .tab_content_img img{ width: 100%; } #story_tips .accordion a{ word-break: break-all; } /* .office-lab #localnav.wide-fix, .neo #localnav.wide-fix, .meeting #localnav.wide-fix, .inspection #localnav.wide-fix, .labo #localnav.wide-fix, .kistec #localnav.wide-fix, .startup #localnav.wide-fix, .about #localnav.wide-fix, .businessincubation #localnav.wide-fix, .access #localnav.wide-fix, .shuttlebus #localnav.wide-fix, .faq #localnav.wide-fix, .trouble #localnav.wide-fix, .contact #localnav.wide-fix, .hole-gallery #localnav.wide-fix, .hotel-shoutenkai #localnav.wide-fix, .companes #localnav.wide-fix{ bottom: inherit!important; z-index: 10; }*/ .office-lab .c-btn{ margin-top: 20px; } .meeting_column{ display: flex; justify-content: center; align-items: center; } .meeting_logo{ flex-shrink: 0; } .meeting_txt{ margin-left: 15px; } .meeting_txt a, .kistec_link{ color: #0061B3!important; word-break: break-all; } /* .meeting#contents #gnav .subnav, .labo#contents #gnav .subnav, */ /* .story#contents #gnav .subnav{ */ /* height: auto; } */ .meeting .meeting_list, .inspection .inspection_list{ padding-left: 22px; } .inspection .inspection_link{ color: #0061B3!important; padding-left: 20px; position: relative; } .inspection .inspection_link::before{ position: absolute; content: '→'; color: #0061B3; left: 0; top: 50%; transform: translateY(-50%); } .inspection .inspection_link:hover{ text-decoration: underline; } .neo .c-table{ border: 1px solid #000000; } .neo .c-table tr{ border-bottom: 1px solid #000000; } .neo .c-table tr.row-8 td{ background: #ffff00; } .neo .c-table td{ width: calc(100% / 4); text-align: left; background: #ffffff; } .neo .c-table td.column-1{ background: #EEE; } .neo .c-table td:not(:last-child){ border-right: 1px solid #000000; } .startup .c-table{ border: 1px solid #000000; } .startup .c-table tr:not(:last-child){ border-bottom: 1px solid #000000; } .startup .c-table tr{ display: flex; } .startup .c-table tr.row-8 td{ background: #ffff00; } .startup .c-table td{ text-align: left; background: #ffffff; width: calc(100% - 210px) !important; } .startup .c-table td:first-child{ min-width: 210px; max-width: 210px; } .startup .c-table td.column-1{ background: #EEE; } .startup .c-table td:not(:last-child){ border-right: 1px solid #000000; } .labo .c-table .column-3, .labo .c-table .column-2{ width: 40%; } .labo .c-table .column-1{ width: 20%; } .labo .c-table .column-2{ text-align: left; font-weight: 400; } .labo .labo_title{ font-size: 110%; font-weight: 500; } .kistec .fw-500{ font-weight: 500; } .faq .c-list01__txt{ width: 405px; } /* .hotel-shoutenkai .grid-2 img { width: auto; } */ .hotel-shoutenkai .grid-3_cs{ display: flex; flex-wrap: wrap; margin: 0 -10px; } .hotel-shoutenkai .frame-color-light-blue{ position: relative; width: calc((100% - 60px) / 3); margin: 0 10px 20px; } .hotel-shoutenkai .frame-color-light-blue img{ width: 100%; } .hotel-shoutenkai .style-06 { display: flex; } .hotel-shoutenkai .style-06__in { width: 100%; margin-right: 110px; } .hotel-shoutenkai .style-06__tag { position: absolute; right: 20px; top: 20px; font-size: 110%; width: 100px; background: #1277DC; color: #FFF; font-weight: normal; text-align: center; } .hotel-shoutenkai .location{ padding: 4px; text-align: center; border: thin solid #0061B3; width: 120px!important; } .trouble .grid-3_cs{ display: flex; margin: 0 -10px; } .trouble .grid-3_cs .grid-item{ width: calc(100% / 3); padding: 0 10px; } .businessincubation .grid-2_cs{ display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -10px; } .businessincubation .grid-2_cs .frame-color-light-blue{ width: calc(50% - 20px); margin: 0 10px 20px; } .businessincubation .grid-2_cs .frame-color-light-blue img{ width: 100%; } .inspection .grid-2_cs{ display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -10px; } .inspection .grid-2_cs .frame-color-light-blue{ width: calc(50% - 20px); margin: 0 10px 20px; } .inspection .grid-2_cs .frame-color-light-blue table{ width: 100%; } .inspection .grid-2_cs .frame-color-light-blue img{ width: 100%; } .about .grid-2_cs{ display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -10px; } .about .grid-2_cs .frame-color-light-blue{ width: calc(50% - 20px); margin: 0 10px 20px; } .about .grid-2_cs .frame-color-light-blue img{ width: 100%; } .about .about-bnr-logo{ text-align: center; } .about .about-bnr-logo img{ max-width: 300px; width: 90%; } .office-lab .grid-2_cs{ display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -10px; } .office-lab .grid-2_cs .frame-color-light-blue{ width: calc(50% - 20px); margin: 0 10px 20px; } .office-lab .grid-2_cs .frame-color-light-blue img{ width: 100%; } .slider-cs .slider-for{ max-width: 1000px; margin: 0 auto; } /* [-] レスポンシブ対応 =========================================================================================== */ /* for - 1280 =========================================================================================== */ @media screen and (max-width: 1280px) { } /* for - 939px =========================================================================================== */ @media screen and (max-width: 939px){ .hole-gallery .hole-gallery_slider1 .slick-dotted.slick-slider{ margin-bottom: 80px; } .hole-gallery .hole-gallery_slider1 .slick-dots{ bottom: -65px; } } /* for - 845px =========================================================================================== */ @media screen and (max-width: 845px) { .hotel-shoutenkai .style-06{ margin-bottom: 10px; } .hotel-shoutenkai .style-06__in { margin-right: 75px; } .hotel-shoutenkai .tl_center{ margin-bottom: 0; } .hotel-shoutenkai .hsh-text01{ margin-bottom: 10px; } .hotel-shoutenkai .grid-2 img { width: 100%; } .hotel-shoutenkai .grid-3_cs{ margin: 0 -5px; } .hotel-shoutenkai .frame-color-light-blue{ padding: 10px; width: calc((100% - 30px) / 3); margin: 0 5px 10px; } .hotel-shoutenkai .style-06__tag{ font-size: 100%; width: 60px; top: 10px; } .hotel-shoutenkai .c-btn .c-btn__txt{ font-size: 100%; padding: 10px 20px; width: 100%; } .hotel-shoutenkai .c-btn .c-btn__txt::before{ left: 10px; } } /* for - 768px =========================================================================================== */ @media screen and (max-width: 768px) { .pad_100 img{ width: 100%; } .common_table th, .common_table td{ padding: 8px 10px; } .no_padding td{ padding: 0 10px !important; } .no_padding_t td{ padding: 0 10px 8px !important; } .no_padding_b td{ padding: 8px 10px 0 !important; } #history .common_table th.-w20 { width: 100%; } #history .common_table th, #history .common_table td { display: block; } #story .button a{ padding: 5px 30px; } #story .button_body td{ padding: 10px; } #story .rekishi th.-w20 { width: 13%; } #story .rekishi td { padding: 8px 10px; } #story .common_swipe { overflow-x: auto; } #story .common_swipe::before { content: "※表は左右にスワイプできます。"; display: inline-block; color: rgb(85, 85, 85); padding-bottom: 8px; font-size: 100%; } #story .common_swipe_inner { width: 750px; } .tab_item { width: 100%; padding: 8px 0; } } /* for - 767px =========================================================================================== */ @media screen and (max-width: 767px) { .meeting_column{ flex-direction: column; } .meeting_txt{ margin-left: 0; } .startup .c-table td{ text-align: left; background: #ffffff; width: calc(100% - 80px) !important; } .startup .c-table td:first-child{ min-width: 80px; max-width: 80px; } .faq .c-list01__txt{ max-width: 400px; width: 100%; } /* .hotel-shoutenkai .style-06__tag { width: 70px; } */ } /* for - 579px =========================================================================================== */ @media screen and (max-width: 579px) { /*求人詳細*/ #recruit-wrap ul.style-b li{ display: block; } #recruit-wrap ul.style-b li span:first-child{ width: 100%; font-weight: bold; display: block; } #recruit-wrap ul.style-b li span:last-child{ width: 100%; display: block; } /*求人一覧ページ*/ #recruit-Information ul.grid-2 > li { padding: 20px; } #recruit-Information ul.grid-2 li ul.style-b li{ display: block; } #recruit-Information ul.grid-2 li ul.style-b li span:first-child{ width: 100%; font-weight: bold; display: block; } #recruit-Information ul.grid-2 li ul.style-b li span:last-child{ width: 100%; display: block; } .sp_100 img{ width: 100%; } .hotel-shoutenkai .grid-3_cs{ margin: 0; } .hotel-shoutenkai .frame-color-light-blue{ padding: 10px; width: 100%; margin: 0 0 10px; } .trouble .grid-3_cs{ flex-wrap: wrap; margin: 0; } .trouble .grid-3_cs .grid-item{ width: 100%; margin-bottom: 10px; } .businessincubation .grid-2_cs{ margin: 0; } .businessincubation .grid-2_cs .frame-color-light-blue{ width: 100%; margin: 0 0 20px; } .inspection .grid-2_cs{ margin: 0; } .inspection .grid-2_cs .frame-color-light-blue{ width: 100%; margin: 0 0 20px; } .about .grid-2_cs{ margin: 0; } .about .grid-2_cs .frame-color-light-blue{ width: 100%; margin: 0 0 20px; } .office-lab .grid-2_cs{ margin: 0; } .office-lab .grid-2_cs .frame-color-light-blue{ width: 100%; margin: 0 0 20px; } } /* for - 469px =========================================================================================== */ @media screen and (max-width: 469px) { .hole-gallery .hole-gallery_slider1 .slick-dotted.slick-slider{ margin-bottom: 100px; } .hole-gallery .hole-gallery_slider1 .slick-dots{ bottom: -90px; } } /* for - 439px =========================================================================================== */ @media screen and (max-width: 439px) { .startup .startup_slider1 .slick-dotted.slick-slider{ margin-bottom: 80px; } .startup .startup_slider1 .slick-dots{ bottom: -65px; } } /* for - 399px =========================================================================================== */ @media screen and (max-width: 399px) { }