@charset "utf-8";


@media screen and (max-width: 1199px) {

/* サイドバー */

.sidebar-nav-icon {
	font-size:32px;
	width: 45px;
}

/* フッター */
.footer-address{
	font-size: 11px;
}
	
}

@media screen and (max-width: 991px) {

/* ヘッダー */
.header-logo img{
	width: 70px;
	height: auto;
}

#header-tel{
	max-width: 200px;
	padding: 2px 15px 4px 15px;
}

.header-tel-number > .icon-phone{
	font-size: 18px;
}

.header-tel-number > a{
	font-size: 20px;
}

/* パンくず */

.breadcrumb {
	font-size: 13px;
	padding: 2px 15px;
}

/* サイドバー */

.sidebar-nav-icon {
	font-size: 28px;
	width: 40px;
}

.sidebar-nav{
	width:100%;
}

.sidebar-nav > a,
.sidebar-links{
	padding-left: 0;
}

.sidebar-recruit{
	width: 100%;
	font-size: 12px;
}

a.sidebar-links-ecsite,
a.sidebar-links-facebook{
	width: 100%;
	height: auto;
	display: block;
	margin: 3% auto;
	font-size: 12px;
}

/* フッター */
.footer-address{
	padding: 0 0 0 3px;
	margin-left: 0;
}

.footer-address-logo{
	width: 30px;
	height: auto;
}

ul.footer-nav-group{
	padding: 20px 0 0 0;
	font-size: 12px;
}

.footer-contact{
	margin: 5px 10px;
}

.footer-contact-icon {
	font-size: 28px;
	padding: 2px 8px 0 2px;
}


/* コンテンツ */

.content-text > h2{
	font-size: 20px;
	margin: 15px 20px;
}

.content-text-group{
	padding: 0 5%;
}


/*-------- サブページ共通--------- */

.page-title-name{
	font-size: 60px;
	top: 2%;
	left: 8%;
}

/* ---------トップページ ----------*/

/* メインスライダー */

.slider-content-logo{
	width:80px;
}

.slider-content-copy{
	font-size:28px;
}

.slider-content-text{
	font-size:16px;
}

/* 企業イメージ */

.content-image-link > h5{
	font-size: 20px;
}

.content-image-link > h5::first-letter{
	font-size: 30px;
}


/* ニューススライド */

.news-titles{
	margin: 0 0 10px 0;
}

.news-container{
	max-width:530px;
	box-shadow: 0 0 3px #ccc;
	border: solid #fff 3px;
	left: -3px;
}

.bx-wrapper .bx-caption span {
	font-size: 9px;
	padding: 0 0 0 3px;
}



}

@media screen and (max-width: 767px) {

.nobr-xs{
	display: inline-block;
}
	
.content-image-container {
  margin-right: -15px;
  margin-left: -15px;
}

/* ヘッダー */

h1.header-title{
	font-size: 12px;
}

.header-logo img{
	width: 50px;
}

#header-tel{
	max-width: 200px;
	padding: 2px 15px 4px 15px;
	margin: 10px 0 0 0;
}

.header-tel-number > .icon-phone{
	color: #fff;
	font-size: 14px;
}

.header-tel-number{
	color: #fff;
	font-size: 16px;
}

/* パンくず */

.breadcrumb {
	font-size: 13px;
	padding: 2px 15px;
}

/* サイドバー */

.sidebar-nav-icon {
	font-size: 20px;
	width: 24px;
}

.sidebar-nav{
	width:100%;
}

.sidebar-nav a{
	padding: 8px 0 4px 15px;
}

.sidebar-nav-title {
	float: left;
}

.sidebar-nav-subtitle {
	float: left;
	padding: 0 0 0 20px;
}

/* フッター */

.aside-links img{
	width: 100%;
	padding: 2px;
}

.aside-links-ecsite,
.aside-links-facebook{
	float: left;
}

.aside-links a{
	width: 50%;
	margin: 0 0 2px 0;
}

.footer-address{
	border: none;
	margin: 5px auto;
}

ul.footer-nav-group{
	padding: 5px 0 0 0;
	font-size: 13px;
	margin:0;
}

.footer-contact{
	max-width: 140px;
	margin: 5px auto;
}

.footer-contact-icon {
	font-size:22px;
	padding: 0;
}

.footer-contact-decoration{
	padding: 4px 5px 0 5px;
}

.footer-contact-title{
	font-size: 12px;
	padding: 3px 0 0 0;	
}

.footer-copy{
	font-size: 9px;
}


/* コンテンツ */
.content-text > h2{
	font-size: 15px;
	margin: 0 0 10px 0;
	padding: 10px 0 5px 0;
}

/*-------- サブページ共通--------- */

.page-title{
	overflow: hidden;
}

.page-title-image{
	min-width: 720px;
}

.page-title-name{
	font-size: 32px;
	top: 15%;
	left: 2%;
}

.page-title-subname{
	padding: 0 0 0 20px;
	font-size: 12px;
}

/* ---------トップページ ----------*/

/* 企業イメージ */

.content-image-link > h5{
	font-size: 16px;
}

.content-image-link > h6{
	font-size: 12px;
}

.content-image-link-subtitle{
	font-size: 11px;
}

.content-image-link > h5::first-letter{
	font-size: 24px;
}

.content-image-link > h6::first-letter{
	font-size: 16px;
}


/* メインスライダー */

.slider-content-copy{
	width: 76%;
	font-size: 15px;
	top: 18%;
	left: 13%;
}

.slider-content-text{
	font-size:16px;
}

/* ニューススライド */

.news-container-xs{
	width: 100%;	
}

.news-list{
	margin: 0 0 5px 0;
	padding: 0;
}

.news-list > li{
	float: left;
	width: 33.3%;
	list-style: none;
	padding: 0 5px 0 0;
}

.news-list-img{
	float: left;
	width: 33.3%;
	list-style: none;
	padding: 0 5px 0 0;	
}

.news-list img{
	max-width: 100%;
}

.news-title{
	font-size: 16px;
	clear: both;
}

.news-subtitle{
	font-size: 13px;
	padding:0;
	clear: both;
}

.news-titles{
	border-bottom: #ccc 1px solid;
	margin: 0;
	padding: 5px;
}

.news-list2{
	margin: 0 0 10px 0;
	padding: 5px;
	max-height: 200px;
	overflow: auto;
	border-bottom: #ccc 1px solid;
}


/* 詳細ページ */

.slide-pager img{
	width: 31%;
	/* margin: 0 auto; */
	padding-top: 5px;
	padding-bottom: 2px;
}

.slide-pager > a{
	/* padding-left: 3px; */
}

.works-project-detail{
	margin-left: 1%;
}

}

@media print {
	/* 印刷したときに１カラムになるのを防ぐ */
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .visible-xs {
    display: none !important;
  }
  .hidden-xs {
    display: block !important;
  }
  table.hidden-xs {
    display: table;
  }
  tr.hidden-xs {
    display: table-row !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: table-cell !important;
  }
  .hidden-xs.hidden-print {
    display: none !important;
  }
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}