@charset "UTF-8";

.page_header{
width: 100%;
  height: 0;
  padding-top: calc(300 / 1100 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../img/header_img.jpg") center center / cover no-repeat;
}
.w42per{width:42%;}
.border_left{border-left: solid 5px #229856;padding-left: 5%;}
.border_bottom{border-bottom: solid 2px #000000;padding-bottom: 1%}
.company_info{
width: 100%;
  height: auto;
  background: url("../img/back_image.svg") top right / cover no-repeat;
  background-size: 50%;
}
.company_info dl {
  display: flex;
  flex-wrap: wrap;
	width: 100%;
	margin: 0% auto;
}
.company_info dt {
  width: 10%;
  padding: 10px 2%;
 margin: 0 0 10px 0;
  display: flex;
  align-items: center;
  justify-content: left;
	font-weight: bold;
	border-bottom: dotted 1px #979898;
	font-size: 16px;
}
.company_info dd {
  width: 82%;
  padding: 10px 2%;
  margin: 0 0 10px 0;
	border-bottom: dotted 1px #979898;
	font-size: 16px;
}

.promise_back{background-image: url("../img/promise_back_img.jpg");background-position: top center;background-size: cover;background-repeat: no-repeat;z-index: -100;height: 500px;}
.promise_box{width: 1000px;margin: 0 auto;position: relative;}
.yakusoku_img{position: absolute;top:-80px;right:0;width: 560px;z-index: 1;}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:560px) {

.page_header{
width: 100%;
  height: 0;
  padding-top: calc(155 / 560 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../img/header_img_sp.jpg") center center / cover no-repeat;
}
.w42per{width:99%;}	

.company_info{
width: 100%;
  height: auto;
  background: url("../img/back_image.svg") top right / cover no-repeat;
  background-size: 70%;
}
.company_info dl {
  display: flex;
  flex-wrap: wrap;
	width: 100%;
	margin: 2% auto;
}
.company_info dt {
  width: 96%;
  padding: 10px 2% 5px;
  margin: 0 0 3px 0;
display: flex;
  align-items: center;
  justify-content: left;
	border-bottom: dotted 1px #979898;
}
.company_info dd {
  width: 96%;
  padding: 5px 2% 15px;
  background-color: #ffffff;
  margin: 0 0 5px 0;
	border-bottom: none;
}
}