@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/business/hed_img.jpg);
}

/*-------------------------------*/
#box01 { margin-bottom: 50px; }
.box01_txt { font-size: 16px; line-height: 2em; font-weight: 400; text-align: center; }
.box02_imgbox { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 50px;  }
.box02_imgbox li { width: 49.7%; }
.box02_imgbox_img { width: 100%; margin: 0 auto; }
.box02_imgbox_img img { width: 100%; height: auto; }
.box02_txt { line-height: 2em; }

/*----------business_imgbox-------------*/
#box02 { margin-bottom: 80px; }
.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: 50px; background: #fff; position: relative; z-index: 10; }
.business_tit { font-size: 18px; font-weight: bold; margin-bottom: 15px; }

.business_imglist{ width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.business_imglist li { width: 48%; }
.business_img_list_img { width: 100%; margin: 0 auto; }
.business_img_list_img img { width: 100%; height: auto; }

.business_imglist_txt { line-height: 2em; }

#box03 { margin-bottom: 80px; }

.businessimg_list_list { width: 100%; margin: 10px 0; }
.businessimg_list_list li:nth-child(n+2) { margin-top: 5px; }
.businessimg_list_list li i { padding-right: 5px; color: #ed5b03; }
.businessimg_list_list li { width: 100%; }
/*---------カタログ販売--------------*/
#box04 { margin-bottom: 80px; }
.catalog_box { width: 100%; margin: 0 auto; }
.catalog_txtbox { text-align: center; }
.catalog_txtbox .sub_titbox .line { margin: 15px auto 30px; }
#box04 .com_btn { margin: 0 auto; margin-top: 30px; }
/*-----------ネット販売-------------------*/
#box05 { margin-bottom: 80px; }
.online_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.online_txtbox { width: 45%; }
.online_imgbox { width: 50%; }
.online_img { width: 100%; margin: 0 auto; }
.online_img img { width: 100%; height: auto; }

/*------------------ショールーム----------------*/
#box06 { margin-bottom: 80px; }
.showroom_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.showroom_imgbox { width: 60%; }
.showroom_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.showroom_list li { width: 48%; }
.showroom_img { width: 100%; margin: 0 auto; }
.showroom_img img { width: 100%; height: auto; }
.showroom_txtbox { width: 35%; }


.com_btn { width: 300px; margin: 30px auto 0px; }
.com_btn a { display: block; padding: 15px; border: 1px solid #eaeaea; text-align: center; position: relative; letter-spacing: 0.09em;  }
.com_btn a::before { position: absolute; right: 50px; content: "\f0da";  font-family: "Font Awesome 5 Free"; width: 20px; height: 20px; border-radius: 20px; background: #ed5b03; color: #fff; font-weight: bold; top: 15px; font-size: 10px; text-align: center; line-height: 20px;  }
.com_btn a:hover::before {right: 40px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.com_btn a:hover { background: #ed5b03; color: #fff; }


}




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




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

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

/*-------------------------------*/
#box01 { margin-bottom: 50px; }
.box01_txt { font-size: 14px; line-height: 2em; font-weight: 400; text-align: center; }
.box02_imgbox { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 50px;  }
.box02_imgbox li { width: 49.7%; }
.box02_imgbox_img { width: 100%; margin: 0 auto; }
.box02_imgbox_img img { width: 100%; height: auto; }
.box02_txt { line-height: 2em; }

/*----------business_imgbox-------------*/
#box02 { margin-bottom: 50px; }
.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: 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: 16px; font-weight: bold; margin-bottom: 15px; }

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

#box03 { margin-bottom: 50px; }
.businessimg_list_list { width: 100%; margin: 10px 0; }
.businessimg_list_list li:nth-child(n+2) { margin-top: 5px; }
.businessimg_list_list li i { padding-right: 5px; color: #ed5b03; }
.businessimg_list_list li { width: 100%; }
/*---------カタログ販売--------------*/
#box04 { margin-bottom: 50px; }
.catalog_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.catalog_listbox { width: 100%; margin: 0 auto 30px}
.catalog_txtbox { width: 100%; }

.catalog_list { width: 60%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.catalog_list li { width: 100%; }
.catalog_list_img { width: 100%; margin: 0 auto 15px; }
.catalog_list_img img { width: 100%; height: auto; }
.catalog_list_txt { font-size: 12px; text-align: center; font-weight: 500; }

/*-----------ネット販売-------------------*/
#box05 { margin-bottom: 50px; }
.online_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.online_txtbox { width: 100%; }
.online_imgbox { width: 100%; margin: 0 auto 30px}
.online_img { width: 100%; margin: 0 auto; }
.online_img img { width: 100%; height: auto; }

/*------------------ショールーム----------------*/
#box06 { margin-bottom: 50px; }
.showroom_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.showroom_imgbox { width: 100%; margin: 0 auto 30px; }
.showroom_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.showroom_list li { width: 48%; }
.showroom_img { width: 100%; margin: 0 auto; }
.showroom_img img { width: 100%; height: auto; }
.showroom_txtbox { width: 100%; }



}