@charset "UTF-8";
.page_header{
	position: relative;
width: 100%;
  height: 0;
	top:120px;
  padding-top: calc(620 / 2123 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../img/page_header_pc.png") center center / cover no-repeat;
	z-index: -1000;
	margin-bottom: 110px;
}
.page_header h2{position: absolute;top:36%;left: 10%;font-size: 2.2em;}
.news_h3{font-size: 1.4em;border-bottom: solid 5px #DDEDF8;}
.syousai_h3{font-size: 1.8em;border-bottom: solid 5px #DDEDF8;margin: 1.6% 0 5%;}
.box-item03{background-color: #EBEEF3;}
.box-item03:hover,.active{background-color: #D4ECEE;}

h3.cach_h3{margin-bottom: 3em;}



main {
 flex: 1;
 margin: 0px 0px 5%;
}
.case_study{
  display: flex; /*横並び*/
 flex-wrap: wrap;
	justify-content:space-between;
	margin: 1% 0;
	
}
.case_study li{width: 48%;margin:1% 0%;background-color:#E7EAEF; }

/* 横並び */

.flex {
  display: flex; /*横並び*/
margin:0;
	padding-bottom: 0%;
}

.flex .right {
  margin: 0 0 0 0px;
  padding: 4% 4%;
	width: 92%;
position: relative;
}
.flex .title {
  margin: 1% 0;
  padding: 0;
  font-weight: bold;
  font-size: 1.2em;
	line-height: 1.2em;
}
.flex .text {
  margin: 0px;
  padding: 0;
}
.flex .right img.more{
	width: 100px;
	position: absolute;
	bottom:10px;
	right:10px;
}
.flex .text .news_cat,li .news_cat{
	border: solid 1px #000000;
	color: #000000;
	background-color: #ffffff;
	padding: 0.2em 0.6em;
	font-size: 0.8em;
	margin: 0%;
	display: inline-block;
}

/* 画像を天地中央表示 */

.flex .image {
 width: 100%;
  overflow: hidden;
  position: relative;
}

.flex .image img {
 display: block;
    height: 200px;
    object-fit: cover;
    width: 100%;
}
.main_img{text-align: center;}
.main_img img{width: 90%;height: auto;margin-bottom: 3%;}
.case_h3{font-size: 1.4em;margin: 0;padding: 0;line-height: 1.2em;}
/* 概要表のCSS */
.case_info{
width: 100%;
  height: auto;
}
.case_info dl {
  display: flex;
  flex-wrap: wrap;
	width: 100%;
	margin: 1% 0 5%;
	padding: 0;
	border-top: solid 1px #979898;
}
.case_info dt {
  width: 20%;
padding: 14px 2%;
 margin: 0 0 0 0;
  display: flex;
  align-items: center;
  justify-content: left;
	border-bottom: solid 1px #979898;
	font-size: 1em;
	background-color: #DBDCDC;
}
.case_info dd {
  width: 70%;
  padding: 14px 3% 14px 3%;
  margin: 0 0 0 0;
	border-bottom: solid 1px #979898;
	font-size: 1em;
	text-align: left;
	line-height: 1.8em;
}
.case_text{margin: 2% 0;}
.bk-img {
    width: 100%;
    height: 350px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	position: relative;
}
.mtb_3per{margin: 3% 0;}
.more_btm img{width: 30%;}
@media screen and (max-width: 1200px) {

}


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

.page_header{
	position: relative;
width: 100%;
  height: 0;
	top:80px;
  padding-top: calc(620 / 2123 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../img/page_header_pc.png") center center / cover no-repeat;
	z-index: -1000;
	margin-bottom: 76px;
}
.page_header h2{position: absolute;top:30%;left: 2%;font-size: 1.5em;}
h3.cach_h3{margin-bottom: 2em;}
.company_h3{font-size: 1.2em;margin-bottom: 1em;}
.syousai_h3{font-size: 1.4em;border-bottom: solid 5px #DDEDF8;margin: 1.6% 0 5%;line-height: 1.4em;}
main {
 flex: 1;
 margin: 2% 0px 5%;
}	
.case_study li{width: 90%;margin:4% auto 2%;background-color:#E7EAEF; }
.more_btm img{width: 60%;}


}