@charset "UTF-8";
#header {
	background-color: rgba(255,255,255,1);
}
#page_header{background-image: url("../img/header_img_pc.webp");}
#page_header h2{line-height: 1em;}

/* ******* 親要素よりはみ出すバックベース******* */
.bg_gray{position: relative; background-color: #eeeeee; width: 100vw;
margin: 0 calc(50% - 50vw);
  height: auto;z-index: -100;}
.bg_white{position: relative; background-color: #ffffff; width: 100vw;
margin: 0 calc(50% - 50vw);
  height: auto;z-index: -100;}

/* ******* section_02 ******* */
ul.cat_menu{display: flex;margin:2em 0 3em;flex-wrap: wrap;}
ul.cat_menu li a{display: inline-block;color: #2c88b0;padding: 1em 3em;border:solid 1px #2c88b0; margin: 0.6em;}
ul.cat_menu li a.active{background-color: #2c88b0;color:#ffffff;}


.black{color: #000000;}
.boxitem_03_white .bottom{position: absolute; bottom:0.8em;width: 100%;}





/* ******* 詳細ぺーじCSS ******* */
#page_header_sub {height: 200px;color:#274d84;}
#page_header_sub h2{line-height: 1em;color:#274d84;margin-top: 3em}
.works_h2{background-color: #dee3ec;border-left: solid 8px #274d84;color:#274d84;padding: 0.4em 0 0.4em 0.6em;font-size: 2.2em;}
.work_cat{font-size: 1.4em;font-weight: bold; border: solid 1px #000000;display: inline-block;padding: 0.2em 0.6em;margin: 0.8em 0;}
.works_h3_before{background-color: #e1f3fc;border-left: solid 8px #274d84;color:#274d84;padding: 0.2em 0 0.2em 0.6em;font-size: 1.8em;}
.works_h3_after{background-color: #efefef;border-left: solid 8px #595757;color:#595757;padding: 0.2em 0 0.2em 0.6em;font-size: 1.8em;}
/*********************** 工事表　*********************/
.work_info{width: 1000px;margin: 0 auto;padding-bottom: 5em;}
.work_info dl {
  display: flex;
  flex-wrap: wrap;
	width: 100%;
	margin: 5% 0 0%;
	padding: 0;
	border-top: solid 1px #979898;
	border-left: solid 1px #979898;
	border-right: solid 1px #979898;
}
.work_info dt {
	position: relative;
  width: 10.9%;
  padding: 20px 5%;
 margin: 0;
  display: flex;
  align-items: center;
  justify-content: left;
	border-bottom: solid 1px #979898;
	border-right: solid 1px #979898;
	font-size: 1em;
	font-weight: bold;
	background-color: #dee3ec;
	color:#274d84;
}
.work_info dt span{font-size: 0.84em;font-weight: normal;}
.work_info dd {
  width: 71%;
  padding: 20px 5% 20px 3%;
  margin: 0;
	border-bottom: solid 1px #979898;
	font-size: 1em;
	text-align: left;
	line-height: 1.8em;
}
.bk-img-works {
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image:url("../img/no_image.svg");
	margin-bottom: 0.4em;
}
.yajirushi{width: 12%;margin: 0 auto 2em;}
.work_main{width: 80%;margin: 0 auto 5em;}


.swiperThumbnail .swiper-slide-thumb-active {
        border: 3px solid #007aff;
}
.swiperThumbnail img{margin-bottom: 0em;}

.c-pagination {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 5em;
}

.c-pagination__btn {
width: 15%;
}
.c-pagination__btn img{width: 30%;}






/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {

	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image: url("../img/header_img_sp.webp");}

.works_h2{background-color: #dee3ec;border-left: solid 8px #274d84;color:#274d84;padding: 0.4em 0 0.4em 0.6em;font-size: 1.6em;}
.work_cat{font-size: 1.14em;font-weight: bold; border: solid 1px #000000;display: inline-block;padding: 0.2em 0.6em;margin: 0.8em 0;}
.works_h3_before{background-color: #e1f3fc;border-left: solid 8px #274d84;color:#274d84;padding: 0.2em 0 0.2em 0.6em;font-size: 1.2em;}
.works_h3_after{background-color: #efefef;border-left: solid 8px #595757;color:#595757;padding: 0.2em 0 0.2em 0.6em;font-size: 1.2em;}
/* ******* section_02 ******* */
ul.cat_menu li a{font-size: 0.84em; display: inline-block;color: #2c88b0;padding: 1em 1.6em;border:solid 1px #2c88b0; margin: 0.4em;}

  /* 共通ボタン */
  .page{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1.5px solid #224E86;
    color:#224E86;
    text-decoration:none;
    padding:3px 15px;
    border-radius:2px;
    line-height:1;
    min-width:30px;           /* タップしやすさ確保 */
    min-height:30px;
    font-weight:500;
	font-size: 0.9em;
    letter-spacing:.02em;
    background:#f7fafc;
    box-shadow:0 0 0 1px rgba(34,78,134,.08) inset;
  }


/*********************** 工事表　*********************/
.work_info{
width: 100%;
  height: auto;
margin: 0 auto;
}
.work_info dl {
  display: flex;
  flex-wrap: wrap;
	width: 100%;
	margin: 10% auto 0%;
	padding: 0;
}
.work_info dt {
  width: 96%;
  padding: 2% 2% 1%;
  margin: 0 0 0px 0;
display: flex;
  align-items: center;
  justify-content: left;
border-bottom: none;
border-right: none;
}
.work_info dd {
  width: 96%;
  padding: 1% 2% 2%;
  margin: 0 0 0px 0;
border-bottom: solid 1px #979898;
}
}