@charset "utf-8";
/*----------------------*/
/*head調整*/
.jb_group {
justify-content: space-between;
}
.jb_group h1{
font-size: 1.2rem;
margin-left: 2rem;
margin-bottom: 0;
}
.jb_group .jb{
display: flex;
}
.head .logo .logo_image{
display: flex;
margin-right: 3vw;
align-items: center;
width: 100%;
min-width: 17rem;
max-width: 17rem;
margin-bottom: 0;
}
@media screen and ( max-width: 768px ){
.jb_group h1 {
font-size: 1rem;
}
.jb_group .jb {
font-size: 1rem;
}
}
@media screen and ( max-width: 559px ){
.head .logo .logo_image{
width: 10rem;
min-width: 10rem;
max-width: 10rem;
}
}
/*----------------------*/
.serch_word_area{
display: none;
}
/*----------------------*/
/*404エラー*/
.not_found{
text-align: center;
}
.not_found h4{
margin-bottom: 2rem;
font-size: 2.4rem;
}
.not_found p{
margin-bottom: 4rem;
}
/*----------------------*/
/*導入事例一覧調整*/
.category_title{
border-top: 0.1rem dotted #ccc;
border-bottom: 0.1rem dotted #ccc;
width: 100%;
text-align: center;
padding: 1.5rem 2rem;
margin-bottom: 4rem;
font-weight: bold;
font-size: 1.8rem;
}
.casestudy_list_data{
display: flex;
flex-wrap: wrap;
justify-content: left;
align-items: flex-start;
}
.casestudy_list_data li{
width: 31%;
margin-left: 1%;
margin-right: 1%;
background: #fff;
margin-bottom: 4rem;
}
.casestudy_list_data li .image{
background: #eee;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
max-width: 38rem;
max-height: 24rem;
width: 100%;
height: 100%;
margin-bottom: 1rem;
border: 0.1rem solid #ddd;
}
.casestudy_list_data li .image img{
width: 37.2rem;
}
.casestudy_list_data li .text{
font-size: 1.6rem;
margin-bottom: 1rem;
}
.casestudy_list_data li .text a{
color: #222;
}
.casestudy_list_data li .name{
font-size: 1.2rem;
color: #23a1e3;
}
@media screen and ( max-width: 559px ){
.casestudy_list_data li {
width: 70%;
margin-left: 15%;
margin-right: 15%;
margin-bottom: 4rem;
}
.casestudy_list_data li .image {
max-height: 15rem;
}
}
/*----------------------*/
/*画像サイズ調整*/
@media screen and ( max-width: 559px ){
.migration_c01_sp,
.migration_c03_sp,
.migration_c04_sp{
width: 80%;
margin-left: 10%;
margin-right: 10%;
}
.industrial_image02_sp{
width: 80%;
margin-left: 10%;
margin-right: 10%;
}
}
/*----------------------*/
/*既存ページ調整*/
.adjustment_box{
max-width: 74rem;
margin-left: auto;
margin-right: auto;
text-align: left;
margin-top: 6rem;
margin-bottom: 9rem;
}
@media screen and ( max-width: 559px ){
.adjustment_box {
margin-left: 2rem;
margin-right: 2rem;
}
.adjustment_box table{
width: 100%;
}
.adjustment_box table td{
width: auto;
word-wrap: break-word;
word-break: break-all;
}
.adjustment_box #text-area-l {
width: 100%;
word-wrap: break-word;
word-break: break-all;
}
.adjustment_box .whats-s-title {
width: 100%;
word-wrap: break-word;
word-break: break-all;
}
.contents_title_wide {
width: 100% !important;
}
#MainContents #contents_main img,
#MainContents #contents_main #text-area,
#MainContents #contents_main .contents_title{
width: 100% !important;
}
#MainContents{
width: 90% !important;
border-right: none !important;
}
#MainContents #contents_main .table01{
width: 100% !important;
margin-left: 0;
}
#MainContents #contents_main .table01 td{
width: auto !important;
}
}
/*----------------------*/
/*ブログタイトル調整*/
@media screen and ( max-width: 559px ){
.h3_title.blog{
height: auto;
}
.h3_title.blog .title h3 {
font-size: 2.2rem;
line-height: 1.5;
margin-right: 0;
}
}
/*----------------------*/
/*動画埋め込み調整*/
.youtube {
width: 100%;
aspect-ratio: 16 / 9;
}
.youtube iframe {
width: 100%;
height: 45rem;
}
@media screen and ( max-width: 559px ){
.youtube iframe {
height: 20rem;
}
}
/*----------------------*/
/*導入事例見出しデザイン*/
.casestudy_text_area h1{
margin-top: 4rem;
line-height: 1.5;
height: auto !important;
padding: 1rem 2rem !important;
color: #fff;
background: #0097e1;
-webkit-box-shadow: 5px 5px 0 #084c93;
box-shadow: 5px 5px 0 #084c93;
margin-bottom: 2rem;
font-size: 3rem;
clear: both;
}
.casestudy_text_area h2{
margin-top: 4rem;
padding: 1rem 2rem !important;
border-top: 3px solid #000;
border-bottom: 3px solid #000;
line-height: 1.5;
height: auto !important;
margin-bottom: 2rem;
font-size: 2.5rem;
clear: both;
}
.casestudy_text_area h3{
margin-top: 4rem;
position: relative;
padding: 1rem 2rem !important;
border-bottom: 6px solid #0097e1;
height: auto !important;
margin-bottom: 2rem;
font-size: 2rem;
clear: both;
}
.casestudy_text_area h3:before {
position: absolute;
bottom: -6px;
left: 0;
width: 20%;
height: 6px;
content: '';
background: #084c93;
}
.casestudy_text_area h4{
margin-top: 4rem;
padding: 1rem 2rem !important;
border-left: 5px solid #0097e1;
background: #f4f4f4;
line-height: 1.5;
height: auto !important;
margin-bottom: 2rem;
font-size: 1.8rem;
clear: both;
}
.casestudy_text_area h4 a{
padding-top: 160px;
margin-top: -160px;
}
.casestudy_text_area h5{
margin-top: 4rem;
padding: 1rem 2rem !important;
border-bottom: 0.1rem solid #ddd;
line-height: 1.5;
height: auto !important;
margin-bottom: 2rem;
font-size: 1.6rem;
clear: both;
}
.casestudy_text_area h6{
margin-top: 4rem;
padding: 1rem 2rem !important;
line-height: 1.5;
height: auto !important;
margin-bottom: 2rem;
font-size: 1.4rem;
clear: both;
}
.casestudy_text_area p{
padding: 0 2rem !important;
line-height: 1.5;
margin-bottom: 2rem;
}
.casestudy_text_area table{
width: 100%;
}
.casestudy_text_area table th{
word-wrap: break-word;
word-break: break-all;
}
.casestudy_text_area table td{
word-wrap: break-word;
word-break: break-all;
}
.casestudy_text_area table.table01{
border-top: 0.1rem solid #ddd;
border-left: 0.1rem solid #ddd;
}
.casestudy_text_area table.table01 th{
border-bottom: 0.1rem solid #ddd;
border-right: 0.1rem solid #ddd;
padding: 1.5rem;
background: #eee;
}
.casestudy_text_area table.table01 td{
border-bottom: 0.1rem solid #ddd;
border-right: 0.1rem solid #ddd;
padding: 1.5rem;
}
.casestudy_text_area img{
height: auto;
}
@media screen and ( max-width: 559px ){
.casestudy_text_area h4 a{
padding-top: 90px;
margin-top: -90px;
}
}
/*----------------------*/
/*ニュース・コラム 見出しデザイン 20230908 */
.article_box_area h1{
margin-top: 4rem;
line-height: 1.5;
height: auto !important;
padding: 1rem 2rem !important;
color: #fff;
background: #0097e1;
-webkit-box-shadow: 5px 5px 0 #084c93;
box-shadow: 5px 5px 0 #084c93;
margin-bottom: 2rem;
font-size: 3rem;
clear: both;
}
.article_box_area h2{
margin-top: 4rem;
padding: 1rem 2rem !important;
border-top: 3px solid #000;
border-bottom: 3px solid #000;
line-height: 1.5;
height: auto !important;
margin-bottom: 2rem;
font-size: 2.5rem;
clear: both;
}
.article_box_area h3{
margin-top: 4rem;
position: relative;
padding: 1rem 2rem !important;
border-bottom: 6px solid #0097e1;
height: auto !important;
margin-bottom: 2rem;
font-size: 2rem;
clear: both;
}
.article_box_area h3:before {
position: absolute;
bottom: -6px;
left: 0;
width: 20%;
height: 6px;
content: '';
background: #084c93;
}
.article_box_area h4{
margin-top: 4rem;
padding: 1rem 2rem !important;
border-left: 5px solid #0097e1;
background: #f4f4f4;
line-height: 1.5;
height: auto !important;
margin-bottom: 2rem;
font-size: 1.8rem;
clear: both;
}
.article_box_area h4 a{
padding-top: 160px;
margin-top: -160px;
}
.article_box_area h5{
margin-top: 4rem;
padding: 1rem 2rem !important;
border-bottom: 0.1rem solid #ddd;
line-height: 1.5;
height: auto !important;
margin-bottom: 2rem;
font-size: 1.6rem;
clear: both;
}
.article_box_area h6{
margin-top: 4rem;
padding: 1rem 2rem !important;
line-height: 1.5;
height: auto !important;
margin-bottom: 2rem;
font-size: 1.4rem;
clear: both;
}
/*----------------------*/
/*採用情報タブ調整*/
.top_news_box.recruit .nav-tabs {
margin-bottom: 8rem;
}
@media screen and ( max-width: 559px ){
.top_news_box.recruit .nav-tabs {
margin-bottom: 4rem;
}
}
/*----------------------*/
/*キーワード検索調整*/
header + .collapse,
header + .collapsing{
top: 13.5rem;
position: fixed;
z-index: 100;
width: 100%;
background: #fff;
}
@media screen and ( max-width: 1024px ){
header + .collapse,
header + .collapsing{
top: 7rem;
}
}
@media screen and ( max-width: 559px ){
header + .collapse,
header + .collapsing{
top: 6.5rem;
}
}
/*----------------------*/
/*アンカーリンク調整*/
#service01,
#service02,
#service03,
#service04{
padding-top: 15.5rem;
margin-top: -15.5rem;
}
@media screen and ( max-width: 559px ){
#service01,
#service02,
#service03,
#service04{
padding-top: 8.5rem;
margin-top: -8.5rem;
}
}
/*----------------------*/
.worklifebalance_table {
width: 100%;
}
.worklifebalance_table th {
min-width: 20%;
}
@media screen and ( max-width: 559px ){
.worklifebalance_table th {
text-align: center;
}
}
/*----------------------*/
.globalnavi li div {
width: auto;
}
.dropdown-menu {
padding: 0;
left: -100% !important;
}
.dropdown-menu.show {
left: -100% !important;
}
.globalnavi li a.dropdown-item {
border-top: 0.1rem solid #0097e1;
}
/*----------------------*/
.top_case_list li {
width: 100%;
}
.top_case_list li .image{
display: flex;
justify-content: center;
align-items: center;
max-width: 38rem;
max-height: 24rem;
width: 100%;
height: 100%;
border: 0.1rem solid #ddd;
overflow: hidden;
}
.top_case_list li .image img{
width: 100%;
height: auto;
}
@media screen and ( max-width: 559px ){
.top_case_list li .image{
max-height: 15rem;
}
}
/*----------------------*/
.year_list{
display: flex;
justify-content: left;
margin-bottom: 4rem;
flex-wrap: wrap;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
}
.year_list li{
margin-left: 1rem;
margin-right: 1rem;
margin-bottom: 2rem;
}
.year_list li a{
display: flex;
align-items:center;
justify-content: center;
border: 0.1rem solid #0096e0;
padding: 0.4rem 1rem;
}
/*----------------------*/
.top_contents_box.greetings .text{
max-width: 65rem;
}
.underlayer_title.chambers .logo{
max-width: 40rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
/*----------------------*/
/*旧サイト調整*/
#MainContents {
float: none !important;
width: 550px;
height: auto;
overflow: hidden;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.cons-title01 {
width: 100% !important;
height: 40px !important;
padding: 13px 0 0 26px !important;
}
#MainContents.heightLine-01{
margin-top: 6rem;
margin-bottom: 9rem;
}
/*----------------------*/
body {
padding-right: 0;
padding-left: 0;
}
.text-center{
text-align: center;
}
.top_column_list {
flex-wrap: wrap;
/*margin-bottom: -4rem;*/
}
.top_column_list li {
max-width: 30%;
margin-left: 1.5%;
margin-right: 1.5%;
margin-bottom: 4rem;
}
.top_column_list li:nth-child(2) {
/*margin-left: 2.5rem;*/
/*margin-right: 2.5rem;*/
}
@media screen and ( max-width: 559px ){
.top_column_list {
width: 28rem;
}
.top_column_list li {
max-width: 100%;
margin-left: 0%;
margin-right: 0%;
}
.top_column_list li:nth-child(2) {
margin-left: 0;
margin-right: 0;
}
.top_column_list li:last-child {
margin-bottom: 0;
}
.sv_list.tag_search li {
margin-left: 0;
margin-right: 0;
padding-left: 1rem;
padding-right: 1rem;
}
}
/*検索結果*/
.h3_title + h2.heading_1,
.h3_title + h2.heading_1 + h2.heading_5{
display: flex;
justify-content: center;
}
.h3_title + h2.heading_1{
font-size: 3rem;
margin-bottom: 1rem;
}
.h3_title + h2.heading_1 + h2.heading_5{
margin-bottom: 3rem;
}
@media screen and ( max-width: 559px ){
.h3_title + h2.heading_1{
font-size: 2.4rem;
}
.h3_title + h2.heading_1 + h2.heading_5{
font-size: 1.4rem;
}
}
/*----------------------*/
.sv_list.tag_search li{
border: none;
width: 100%;
background: none;
border-radius: 0rem;
border-bottom: 0.1rem solid #ccc;
}
.sv_list.tag_search li .text div.name a {
justify-content: left;
font-size: 2.3rem;
color: #0086b1;
}
.sv_list.tag_search li .text p{
font-size: 1.6rem;
margin-bottom: 1rem;
}
.sv_list.tag_search .tag{
display: flex;
flex-wrap: wrap;
}
.sv_list.tag_search .tag .tags{
}
.sv_list.tag_search .tag .tags{
display: flex;
font-size: 1.3rem;
font-weight: normal;
border: 0.1rem solid #ccc;
padding: 0.5rem 1rem;
margin-top: 1rem;
margin-right: 1rem;
}
.sv_list.tag_search .tag .tags:last-child{
margin-right: 0rem;
}
/*----------------------*/
.navbar-form .input-append{
display: flex;
}
/*input#hu_search_text{
border: 0.1rem solid #ced4da;
border-radius: 0.25rem;
width: 100%;
padding-left: 1.5rem;
margin-left: 0;
}*/
input#hu_search_text:focus {
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
input#hu_search_text:focus-visible {
border: 0.2rem solid #eee;
}
/*.navbar-form .input-append button{
min-width: 6rem;
margin-left: 1rem;
}*/
#search_form #header-search{
display: none;
}
/*----------------------*/
/*キーワード検索*/
.container.search{
margin-top: 6rem;
margin-bottom: 9rem;
}
.container.search > .breadcrumb{
padding: 1rem 2rem;
background-color: #fff;
}
.container.search .breadcrumb ul.breadcrumb{
display: none;
}
.container.search .alt-search-results{
}
.container.search .span9{
width: 100%;
margin: 0;
}
.container.search .span3{
display: none;
}
.row.search{
padding-top: 2rem;
display: flex;
width: 100%;
margin: 0;
}
.row.search form{
border-bottom: 0.1rem dotted #ccc;
padding-bottom: 2rem;
margin-bottom: 2rem;
display: none; /*追加検索機能非表示*/
}
.row.search .search_result{
}
.row.search .search_result dt{
border-top: 0.1rem dotted #ccc;
margin-top: 2rem;
padding-top: 2rem;
}
.row.search .search_result dd{
}
.row.search .pagination ul{
display: flex;
justify-content: center;
width: 100%;
margin-top: 2rem;
margin-bottom: 2rem;
}
.row.search .pagination ul li{
border: 0.1rem solid #ddd;
padding: 1rem;
margin-left: 0.5rem;
margin-right: 0.5rem;
width: 4.5rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0.4rem;
}
.row.search .pagination + p{
display: none;
}
.row.search #pagetop{
display: none;
}
.row.search .heading_1{
font-size: 3rem;
text-align: center;
margin-bottom: 1rem;
}
.row.search .heading_5{
text-align: center;
font-size: 1.6rem;
margin-bottom: 3rem;
}
@media screen and ( max-width: 559px ){
.row.search .heading_1 {
font-size: 2.4rem;
}
.row.search .heading_5 {
font-size: 1.4rem;
}
}
}
/*----------------------*/
.casestudy_area{
display: flex;
flex-direction: row-reverse;
}
.casestudy_area .text{
width: 60%;
}
.casestudy_area .image{
width: 35%;
margin-right: 5%;
display: flex;
justify-content: center;
}
.casestudy_area .image img{
min-width: 17rem;
height: auto;
}
.casestudy_area.manager .image img{
max-width: 17rem;
height: fit-content;
}