@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;
}
section{
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  padding: 0;
  margin: auto;
}

.column p{
  font-size: 16px;
  line-height: 1.8;
}

.column-outside-right p img{
  width: 100%;
  height: auto;
}

.reverse{
  flex-direction: row-reverse;
}

.column{
  width: 48%;
}
/*右側へ要素を広げる（2カラム）*/
.column-outside-right{
    flex: 1;
    margin-right: calc(50% - 50vw);
    margin-left: 4%;
}
.column_box{background-color: #ffffff;padding: 2% 0% 0%;}
.bk-img {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image:url("../img/no_image.svg");
	float: none;
}
.gyoumu_box{background-color: #000000;color: #ffffff;display: inline-block;padding: 1% 2%;margin: 4% 0% 2%;}
.gyoumu_box_orange{border: solid 1px #000000;background-color: #FFF4D8;padding: 4%;font-size: 20px;margin: 2% 0%;}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@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;
}
	.green_bottom{border-bottom: solid 3px #229856;}
section{
  display: flex;
  justify-content: space-between;
  max-width:100%;
  padding: 0;
  margin: auto;
}

.column p{
  font-size: 16px;
  line-height: 1.8;
}

.reverse{
  flex-direction: row-reverse;
}

.column{
  width: 100%;
}


.box-item03_01{width: 100%;display: inline-block;margin:1% 0 2%;height: auto;background-color: #ffffff;}
.bk-img {
  width: 30%;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image:url("../img/no_image.svg");
	float: left;
}

.column_box{padding: 0% 0% 0% 5%;float: left;width: 65%;}	
}