@charset "utf-8";
/* CSS Document */


/*PC*/
@media print, screen and (min-width: 769px) {

#mainImage.lower.main-bg {
background-position: center 0;
background-image: url(../images/reason/hed_img.jpg);
}

/*-------------------------------*/
#box01 { margin-bottom: 50px; }
.box01_txt { font-size: 16px; line-height: 2em; font-weight: 400; text-align: center; }

/*----------box02-------------*/
#box02 { margin-bottom: 80px; }

.box02_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 50px;  }
.box02_list li { width: 18%; padding: 30px; background: rgba(237,91,3,0.1); display: flex; align-items: center; box-sizing: border-box; text-align: center; }
.box02_list_tit { font-size: 14px; text-align: center; font-weight: bold; }
.box02_list_tit span.box02_list_txt { font-size: 12px; display: block; }

.item_box { margin-bottom: 30px; }
.item_box2 { }
.item_tit { font-size: 18px; font-weight: bold; margin-bottom: 15px; }
.item_list { width: 100%; margin: 0 auto; display: flex;flex-wrap: wrap; justify-content: flex-start; }
.item_list li { width: 23.5%; margin-right: 2%; }
.item_list li:nth-child(4n+4) { margin-right: 0px; }
.item_list_img { width: 100%; margin: 0 auto; margin-bottom: 10px; }
.item_list_img img { width: 100%; height: auto; }
.item_list_tit { font-weight: bold; margin-bottom: 10px; }
/*-----------box03---------*/
#box03 { margin-bottom: 80px; }
.box03_imgbox { width: 100%; margin: 0 auto 50px; }
.box03_img { width: 100%; margin: 0 auto; }
.box03_img img { width: 100%; height: auto; }
.box03_txt { padding: 15px; border: 1px solid #eaeaea; margin-top: 30px; }
.box03_txt span { color: #ed5b03;  padding-right: 5px; }
.box03_txt span i { font-size: 12px; padding-right: 5px;   }

/*-----------------------------*/
#box04 { margin-bottom: 80px; }
#box04 .main_subtit { margin-bottom: 30px; }

.box04_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.box04_list li { width: 32%; }
.box04_list_img { width: 100%; margin: 0 auto 30px; }
.box04_list_img img { width: 100%; height: auto; }

.box04_list_tit { font-weight: bold; margin-bottom: 15px; font-size: 18px; }
.box04_list_txt { }
.box04_list_txt span { color:  #ed5b03;  font-weight: bold; display: block; margin-bottom: 10px; margin-top: 10px; }


/*------------------*/
#box05 { margin-bottom: 80px; }
.box05_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.box05_txtbox { width: 50%; padding: 0 50px; box-sizing: border-box; }
.box05_imgbox { width: 50%; position: relative; height: 350px;  }
.box05_img { position: absolute; top: 0; left: 0; }
.box05_img01 { background: url("../images/reason/box05_img01.jpg") center center; background-size: cover; height: 100%; width: 100%; }
.box05_img02 { background: url("../images/reason/box05_img02.jpg") center center; background-size: cover; height: 100%; width: 100%; }

.business_imgbox { width: 100%; margin: 0 auto; position: relative; margin-bottom: 50px;  }
.business_img { width: 100%; margin: 0 auto; }
.business_img img { width: 100%; height: auto; }

.business_txtbox { width: 30%; margin: auto 0 auto auto; margin-right: 50px; margin-top: -100px; padding: 30px; background: #fff; position: relative; z-index: 10; }
.business_tit { font-size: 14px;  }
.business_tit span.jp { font-size: 18px; font-weight: bold; display: block; letter-spacing: 0.09em; }


.c_img_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px; }
.c_img_list li { flex-basis: 32%; max-width: 32%; }
.c_img_list li:nth-child(n+4) { margin-top: 30px; }
.c_img_list_img { width: 100%; margin: 0 auto; }
.c_img_list_img img { width: 100%; height: auto; }



}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 768px) {

#mainImage.lower.main-bg {
background-position: center 0;
background-image: url(../images/reason/hed_img.jpg);
}

/*-------------------------------*/
#box01 { margin-bottom: 50px; }
.box01_txt { font-size: 14px; line-height: 2em; font-weight: 400; text-align: center; }

/*----------box02-------------*/
#box02 { margin-bottom: 50px; }

.box02_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 50px;  }
.box02_list li { width: 48%; padding: 30px; background: rgba(237,91,3,0.1); display: flex; align-items: center; box-sizing: border-box; text-align: center; }
.box02_list li:nth-child(n+3) { margin-top: 15px; }
.box02_list_tit { font-size: 14px; text-align: center; font-weight: bold; }
.box02_list_tit span.box02_list_txt { font-size: 12px; display: block; }

.item_box { margin-bottom: 30px; }
.item_box2 { }
.item_tit { font-size: 18px; font-weight: bold; margin-bottom: 15px; }
.item_list { width: 100%; margin: 0 auto; display: flex;flex-wrap: wrap; justify-content: flex-start; }
.item_list li { width: 48%; margin-right: 2%; }
.item_list li:nth-child(n+3) { margin-top: 15px; }
.item_list li:nth-child(2n+2) { margin-right: 0px; }
.item_list_img { width: 100%; margin: 0 auto; margin-bottom: 10px; }
.item_list_img img { width: 100%; height: auto; }
.item_list_tit { font-weight: bold; margin-bottom: 10px; }



/*-----------box03---------*/
#box03 { margin-bottom: 50px; }
.box03_imgbox { width: 100%; margin: 0 auto 30px; }
.box03_img { width: 100%; margin: 0 auto; }
.box03_img img { width: 100%; height: auto; }
.box03_txt { padding: 15px; border: 1px solid #eaeaea; margin-top: 30px; }
.box03_txt span { color: #ed5b03;  padding-right: 5px; }
.box03_txt span i { font-size: 12px; padding-right: 5px;   }

/*-----------------------------*/
#box04 { margin-bottom: 50px; }
#box04 .main_subtit { margin-bottom: 30px; }

.box04_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.box04_list li { width: 100%; }
.box04_list li:nth-child(n+2) { margin-top: 30px; }
.box04_list_img { width: 100%; margin: 0 auto 15px; }
.box04_list_img img { width: 100%; height: auto; }

.box04_list_tit { font-weight: bold; margin-bottom: 15px; font-size: 18px; }
.box04_list_txt { }
.box04_list_txt span { color:  #ed5b03;  font-weight: bold; display: block; margin-bottom: 10px; margin-top: 10px; }


/*------------------*/
#box05 { margin-bottom: 50px; }
.box05_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 30px;  }
.box05_txtbox { width: 100%;  }
.box05_imgbox { width: 100%; position: relative; height: 250px; margin-bottom: 30px; }
.box05_img { position: absolute; top: 0; left: 0; }
.box05_img01 { background: url("../images/reason/box05_img01.jpg") center center; background-size: cover; height: 100%; width: 100%; }
.box05_img02 { background: url("../images/reason/box05_img02.jpg") center center; background-size: cover; height: 100%; width: 100%; }

.business_imgbox { width: 100%; margin: 0 auto; position: relative; margin-bottom: 30px;  }
.business_img { width: 100%; margin: 0 auto; }
.business_img img { width: 100%; height: auto; }

.business_txtbox { width: 80%; margin: auto 0 auto auto; margin-right: 15px; margin-top: -50px; padding: 15px; background: #fff; position: relative; z-index: 10; }
.business_tit { font-size: 12px;  }
.business_tit span.jp { font-size: 16px; font-weight: bold; display: block; letter-spacing: 0.09em; }


.c_img_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; }
.c_img_list li { flex-basis: 48%; max-width: 48%; }
.c_img_list li:nth-child(n+3) { margin-top: 30px; }
.c_img_list_img { width: 100%; margin: 0 auto; }
.c_img_list_img img { width: 100%; height: auto; }


}