@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}

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

.tel_btn {
width: 250px;
margin: 0 auto;
}

.tel_btn a {
display: block;
color: #fff;
text-align: center;
padding: 15px;
font-weight: bold;
background:  #ff0048;
font-size: 18px;
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
}



/*--------hed_img------------*/

#hedImg {
background: url(../images/business/hed_img.jpg) center center no-repeat;
background-size: cover;
}

.reason_list {
width: 100%;
margin: 100px auto 50px;
border-top: #dddddd 1px solid;
border-left: #dddddd 1px solid;
}

.reason_list li { 
width: 33.33%;
float: left;
box-sizing: border-box;
border-right: #dddddd 1px solid;
height: 200px;
display: table;

border-bottom: #dddddd 1px solid;
}

/*.reason_list li:nth-child(2n+1) {
border-right: #dddddd 1px solid;
}*/

.reason_list li a {
display: block;
height: 200px;
line-height: 200px;
font-size: 16px;
color: #000;
padding-right: 50px;
font-weight: 500;
position: relative;
-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;
background: rgba(255,255,255,0.6);
text-align: center;
vertical-align: middle;
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
}


.reason_list li a:hover {
background: rgba(255,255,255,000)!important;
-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;
}

.reason_list li a.current {
background: rgba(255,255,255,000)!important;
color: #fff;
}

.reason_list li:nth-child(1) {
background: url(../images/business/list_img01.jpg) center center no-repeat;
background-size: cover;
}

.reason_list li:nth-child(2) {
background: url(../images/business/list_img02.jpg) center center no-repeat;
background-size: cover;
}

.reason_list li:nth-child(3) {
background: url(../images/business/list_img03.jpg) center center no-repeat;
background-size: cover;
}

.reason_list li:nth-child(4) {
background: url(../images/business/list_img04.jpg) center center no-repeat;
background-size: cover;
}

.reason_list li:nth-child(5) {
background: url(../images/business/list_img05.jpg) center center no-repeat;
background-size: cover;
}

.reason_list li a:hover {
color: #fff;
}

.reason_list li a::after {
position: absolute;
content: "\f054";
display: block;
font-family: "Font Awesome 5 Free";
right: 0;
top: 0;
width: 50px;
height: 100%;
font-size: 20px;
text-align: center;
box-sizing: border-box;
font-weight: bold;
color: #ff0048;
border-left: #dddddd 1px solid;
background: #fff;
-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;
}

.reason_list li a:hover::after {
color: #fff;
background: linear-gradient(135deg, #a40000, #ff0000 18%, #ff0048 98%);
-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;
}

/*-------------index------------*/

.business_illust {
width: 840px;
margin: 0 auto;
}

.business_illust img {
width: 100%;
height: auto;
}


/*----------仕入れ---------------*/

.w48_l {
width: 48%;
float: left;
}

.w48_r {
width: 48%;
float: right;
}

.business_box {
width: 100%;
margin: 0 auto 100px;
}

.business_img {
width: 100%;
margin: 0 auto;
}

.business_img img {
width: 100%;
height: auto;
}

.business_icon_list {
width: 100%;
margin: 0 auto;
}

.business_icon_list li {
margin-bottom: 10px;
}

.business_icon_list li span.icon {
width: 25px;
display: block;
float: left;
margin-right: 10px;
}

.business_icon_list li span.icon img {
width: 100%;
height: auto;
}

/*----------加工--------------*/

.business_check_list {
width: 100%;
margin: 0 auto;
}

.business_check_list li {
margin-bottom: 10px;
}

.business_check_list li ol {
margin-left: 50px;
}

.business_check_list li ol li {
list-style: disc;
margin-bottom: 0px;
}


.business_check_list li span.icon i {
font-size: 20px;
color: #ff0048;
padding-right: 10px;
}

.check_img {
width: 100%;
margin: 0 auto;
}

.check_img img {
width: 100%;
height: auto;
}

.business02_tit {
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
color: #fff;
font-weight: bold;
font-size: 25px;
text-align: center;
}


.business02_bg {
position: relative;
padding: 100px 0px;
height: 100px;
}

.bg01 {
background: url(../images/business/02/bg01.jpg) center center no-repeat;
background-size: cover;
}

.bg02 {
background: url(../images/business/02/bg02.jpg) center center no-repeat;
background-size: cover;
}

.bg_txtbox {
background: #fff;
box-shadow: 20px 20px 60px rgba(0,0,0,0.1);
padding: 40px 50px;
width: 70%;
margin: 0 auto;
margin-top: -100px;
position: relative;
z-index: 10;
}

.bg_txtbox p {

}

.business02_img_list {
width: 100%;
margin: 50px auto 0;
}

.business02_img_list li {
width: 32%;
float: left;
margin-right: 2%;
margin-bottom: 30px;
}

.business02_img_list li:nth-child(3n+3) {
margin-right: 0px;
}

.business02_img_list li p {
font-size: 14px;
}

.business02_img_list li img {
width: 100%;
height: auto;
}

/*-----一番おいしい状態への見極め-------------*/

.reason_box {
width: 100%;
margin: 0 auto 200px;
position: relative;
}

.reason_box::after {
content: "";
position: absolute;
right: 0;
top: 15%;
width: 70%;
height: 60%;
background: linear-gradient(135deg, #a40000, #ff0000 18%, #ff0048 98%);
z-index: -1;
display: block;
}

.reason_box2 {
width: 100%;
margin: 0 auto 250px;
position: relative;
}

.reason_box2::after {
content: "";
position: absolute;
left: 20%;
top: -10%;
width: 40%;
height: 120%;
background: linear-gradient(135deg, #a40000, #ff0000 18%, #ff0048 98%);
z-index: -1;
display: block;
}

.reason_imgL {
width: 60%;
margin: auto auto auto 0;
margin-left: -100px;
}

.reason_imgR {
width: 60%;
margin: auto 0 auto auto;
margin-right: -100px;
}

.reason_imgL img ,.reason_imgR img {
width: 100%;
height: auto;
}

.reason_boxR {
width: 40%;
position: absolute;
right: 20%;
bottom: -10%;
z-index: 10;
}

.reason_boxL {
width: 40%;
position: absolute;
left: 10%;
top: 20%;
z-index: 10;
}


.reason_txtbox {
background: #fff;
box-shadow: 20px 20px 60px rgba(0,0,0,0.1);
padding: 40px 50px;
}

.reason_txtbox_tit {
font-size: 18px;
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
font-weight: bold;
margin-bottom: 15px;
}

.reason_txtbox_txt {

}


/*-----------ご利用の流れ-----------------*/

.business_step_box {
border: 1px solid #e9eef2;
position: relative;
margin-bottom: 50px;
}

.business_step_box::before {
content: '';
display: block;
position: absolute;
width: 7px;
height: 7px;
border-width: 3px;
border-color: #ff0048;
border-left-style: solid;
border-top-style: solid;
left: -2px;
top: -2px;
}

.business_step_box::after {
content: '';
display: block;
position: absolute;
width: 7px;
height: 7px;
border-width: 3px;
border-color: #ff0048;
border-right-style: solid;
border-top-style: solid;
right: -2px;
top: -2px;
}

.business_step_txtbox {
position: relative;
padding: 50px 0px;
}

.business_step_txtbox p {
text-align: center;
}


.business_step_txtbox::before {
content: '';
display: block;
position: absolute;
width: 7px;
height: 7px;
border-width: 3px;
border-color: #ff0048;
border-left-style: solid;
border-bottom-style: solid;
left: -2px;
bottom: -2px;
}

.business_step_txtbox::after {
content: '';
display: block;
position: absolute;
width: 7px;
height: 7px;
border-width: 3px;
border-color: #ff0048;
border-right-style: solid;
border-bottom-style: solid;
right: -2px;
bottom: -2px;
}

.business_step_tit {
font-size: 20px;
font-weight: bold;
color: #a40000;
text-align: center;
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
margin-bottom: 30px;
}

.business_step_tit span {
display: block;
padding-top: 10px;
font-size: 25px;
color: #000;
}

.flow_tel {
width: 80%;
margin: 20px auto 30px;
}

.flow_tel li {
width: 48%;
float: left;
list-style: none;
margin-right: 2%;
}

.flow_tel li:nth-child(2n+2) {
margin-right: 0px;
}

.tel_flow {
text-align: center;
}

.tel_txt_flow i {
color: #ff0048;
font-size: 2em;
}

.tel_txt_flow span {
padding-left: 5px;
font-size: 40px;
font-weight: bold;
color: #000;
}

.tel_txtxt_flow {
font-size:14px;
text-align: center;
font-weight: bold;
}
.btn01 {
max-width: 250px;
margin: 50px auto;
}
.btn01 a {
display: block;
text-align: center;
font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
border: 1px solid #333;
padding: 10px;
position: relative;
}
.btn01 a:before {
content: "";
position: absolute;
background: #333;
left: -40px;
top: 50%;
width: 80px;
height: 1px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.btn01 a:hover:before {
left: -20px
}


/*-----------納品-----------*/

.delivery_img {
width: 600px;
margin: 0 auto 50px;
}

.delivery_img img {
width: 100%;
height: auto;
}

.business_txtbox02 {
background: #fff;
box-shadow: 20px 20px 60px rgba(0,0,0,0.1);
padding: 40px 50px;
}



}




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




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


.tel_btn {
width: 250px;
margin: 30px auto 0px;
}

.tel_btn a {
display: block;
color: #fff;
text-align: center;
padding: 15px;
font-weight: bold;
background:  #ff0048;
font-size: 18px;
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
}




.btn01 {
max-width: 250px;
margin: 50px auto 0;
}
.btn01 a {
display: block;
text-align: center;
font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
border: 1px solid #333;
padding: 10px;
position: relative;
}
.btn01 a:before {
content: "";
position: absolute;
background: #333;
left: -40px;
top: 50%;
width: 80px;
height: 1px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.btn01 a:hover:before {
left: -20px
}

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

#hedImg {
background: url(../images/business/hed_img.jpg) center center no-repeat;
background-size: cover;
}

.reason_list {
width: 100%;
margin: 50px auto;
border-bottom: #dddddd 1px solid;
border-left: #dddddd 1px solid;
}

.reason_list li { 
width: 100%;
float: left;
border-top: #dddddd 1px solid;
box-sizing: border-box;
height: 200px;
display: table;
}

/*.reason_list li:nth-child(2n+1) {
border-right: #dddddd 1px solid;
}*/

.reason_list li a {
display: block;
height: 200px;
line-height: 200px;
font-size: 16px;
font-weight: 500;
position: relative;
padding-right: 50px;
-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;
background: rgba(255,255,255,0.6);
text-align: center;
vertical-align: middle;
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
}


.reason_list li a:hover {
background: rgba(255,255,255,000)!important;
-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;
}

.reason_list li a.current {
background: rgba(255,255,255,000)!important;
color: #fff;
}

.reason_list li:nth-child(1) {
background: url(../images/business/list_img01.jpg) center center no-repeat;
background-size: cover;
}

.reason_list li:nth-child(2) {
background: url(../images/business/list_img02.jpg) center center no-repeat;
background-size: cover;
}

.reason_list li:nth-child(3) {
background: url(../images/business/list_img03.jpg) center center no-repeat;
background-size: cover;
}

.reason_list li:nth-child(4) {
background: url(../images/business/list_img04.jpg) center center no-repeat;
background-size: cover;
}
.reason_list li:nth-child(5) {
background: url(../images/business/list_img05.jpg) center center no-repeat;
background-size: cover;
}


.reason_list li a:hover {
color: #fff;
}

.reason_list li a::after {
position: absolute;
content: "\f054";
display: block;
font-family: "Font Awesome 5 Free";
right: 0;
top: 0;
width: 50px;
height: 100%;
font-size: 20px;
text-align: center;
box-sizing: border-box;
font-weight: bold;
color: #ff0048;
background: #fff;
border-left: #dddddd 1px solid;
-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;
}

.reason_list li a:hover::after {
color: #fff;
background: linear-gradient(135deg, #a40000, #ff0000 18%, #ff0048 98%);
-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;
}

/*-------------index------------*/

.business_illust {
width: 100%;
margin: 0 auto;
}

.business_illust img {
width: 100%;
height: auto;
}


/*----------仕入れ---------------*/

.w48_l {
width: 100%;
margin: 0 auto;
}

.w48_r {
width: 100%;
margin: 0 auto;
}

.business_box {
width: 100%;
margin: 0 auto 100px;
}

.business_img {
width: 100%;
margin: 0 auto 30px;
}

.business_img img {
width: 100%;
height: auto;
}

.business_icon_list {
width: 100%;
margin: 0 auto;
}

.business_icon_list li {
margin-bottom: 10px;
}

.business_icon_list li span.icon {
width: 20px;
display: block;
float: left;
margin-right: 10px;
}

.business_icon_list li span.icon img {
width: 100%;
height: auto;
}


/*----------加工--------------*/

.business_check_list {
width: 100%;
margin: 0 auto;
}

.business_check_list li {
margin-bottom: 10px;
}

.business_check_list li ol {
margin-left: 50px;
}

.business_check_list li ol li {
list-style: disc;
margin-bottom: 0px;
}


.business_check_list li span.icon i {
font-size: 20px;
color: #ff0048;
padding-right: 10px;
}

.check_img {
width: 100%;
margin: 0 auto;
}

.check_img img {
width: 100%;
height: auto;
}

.business02_tit {
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
color: #fff;
font-weight: bold;
font-size: 25px;
text-align: center;
}


.business02_bg {
position: relative;
padding: 50px 0px;
height: 100px;
}

.bg01 {
background: url(../images/business/02/bg01.jpg) center center no-repeat;
background-size: cover;
}

.bg02 {
background: url(../images/business/02/bg02.jpg) center center no-repeat;
background-size: cover;
}

.bg_txtbox {
background: #fff;
box-shadow: 20px 20px 60px rgba(0,0,0,0.1);
padding: 40px 50px;
width: 80%;
margin: 0 auto;
margin-top: -50px;
position: relative;
z-index: 10;
}

.bg_txtbox p {
font-size: 14px;
}

.business02_img_list {
width: 100%;
margin: 50px auto 0;
}

.business02_img_list li {
width: 48%;
float: left;
margin-right: 4%;
margin-bottom: 30px;
}

.business02_img_list li:nth-child(2n+2) {
margin-right: 0px;
}

.business02_img_list li p {
font-size: 14px;
}

.business02_img_list li img {
width: 100%;
height: auto;
}

/*-----一番おいしい状態への見極め-------------*/

.reason_box {
width: 100%;
margin: 0 auto 100px;
position: relative;
}

.reason_box::after {
content: "";
position: absolute;
right: 0;
top: 15%;
width: 70%;
height: 60%;
background: linear-gradient(135deg, #a40000, #ff0000 18%, #ff0048 98%);
z-index: -1;
display: block;
}

.reason_box2 {
width: 100%;
margin: 0 auto 100px;
position: relative;
}

.reason_box2::after {
content: "";
position: absolute;
right: 0;
top: 15%;
width: 70%;
height: 60%;
background: linear-gradient(135deg, #a40000, #ff0000 18%, #ff0048 98%);
z-index: -1;
display: block;
}

.reason_imgL {
width: 100%;
margin: 0 auto;
}

.reason_imgR {
width: 100%;
margin: 0 auto;
}

.reason_imgL img ,.reason_imgR img {
width: 100%;
height: auto;
}

.reason_boxR {
width: 80%;
z-index: 10;
margin-top: -50px;
position: relative;
z-index: 10;
}

.reason_boxL {
width: 80%;
z-index: 10;
margin-top: -50px;
position: relative;
z-index: 10;
}


.reason_txtbox {
background: #fff;
box-shadow: 20px 20px 60px rgba(0,0,0,0.1);
padding: 40px 50px;
}

.reason_txtbox_tit {
font-size: 16px;
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
font-weight: bold;
margin-bottom: 15px;
}

.reason_txtbox_txt {
}

/*-----------納品-----------*/

.delivery_img {
width: 100%;
margin: 0 auto 50px;
}

.delivery_img img {
width: 100%;
height: auto;
}

.business_txtbox02 {
background: #fff;
box-shadow: 20px 20px 60px rgba(0,0,0,0.1);
padding: 40px 50px;
}


/*-----------ご利用の流れ-----------------*/

.business_step_box {
border: 1px solid #e9eef2;
position: relative;
margin-bottom: 50px;
}

.business_step_box::before {
content: '';
display: block;
position: absolute;
width: 7px;
height: 7px;
border-width: 3px;
border-color: #ff0048;
border-left-style: solid;
border-top-style: solid;
left: -2px;
top: -2px;
}

.business_step_box::after {
content: '';
display: block;
position: absolute;
width: 7px;
height: 7px;
border-width: 3px;
border-color: #ff0048;
border-right-style: solid;
border-top-style: solid;
right: -2px;
top: -2px;
}

.business_step_txtbox {
position: relative;
padding: 50px 0px;
}

.business_step_txtbox p {
text-align: center;
}


.business_step_txtbox::before {
content: '';
display: block;
position: absolute;
width: 7px;
height: 7px;
border-width: 3px;
border-color: #ff0048;
border-left-style: solid;
border-bottom-style: solid;
left: -2px;
bottom: -2px;
}

.business_step_txtbox::after {
content: '';
display: block;
position: absolute;
width: 7px;
height: 7px;
border-width: 3px;
border-color: #ff0048;
border-right-style: solid;
border-bottom-style: solid;
right: -2px;
bottom: -2px;
}

.business_step_tit {
font-size: 20px;
font-weight: bold;
color: #a40000;
text-align: center;
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
margin-bottom: 30px;
}

.business_step_tit span {
display: block;
padding-top: 10px;
font-size: 20px;
color: #000;
}

.flow_tel {
width: 80%;
margin: 20px auto 30px;
}

.flow_tel li {
width: 100%;
list-style: none;
margin-right: 2%;
}

.flow_tel li:nth-child(2n+2) {
margin-right: 0px;
}

.tel_flow {
text-align: center;
}

.tel_txt_flow i {
color: #ff0048;
font-size: 2em;
}

.tel_txt_flow span {
padding-left: 5px;
font-size: 30px;
font-weight: bold;
color: #000;
}

.tel_txtxt_flow {
font-size:14px;
text-align: center;
font-weight: bold;
}

}