@charset "utf-8";

.c_list_num_02{
  margin-top: 40px;
}
@media screen and (max-width:767px) {
  .c_list_num_02{
    margin-top: 30px;
  }
  .img_wrap_sp{
    width: 86%;
    margin-left: auto;
    margin-right: auto;
  }
}


/* bg_donut_area
-------------------------------------------------- */
.bg_donut_area,
.bg_donut_area_02{
  position: relative;
  overflow: hidden;
}
.bg_donut_area::before{
  content: '';
  display: block;
  position: absolute;
  top: 750px;
  right: -40px;
  background: url(/common_2022/images/bg/img_donut_ill_01.png) no-repeat right top;
  background-size: 100%;
  z-index: -1;
}
.bg_donut_area::after{
  content: '';
  display: block;
  position: absolute;
  top: 2250px;
  right: -40px;
  background: url(/common_2022/images/bg/img_donut_ill_04.png) no-repeat right top;
  background-size: 100%;
  z-index: -1;
}
.bg_donut_area_02::before{
  content: '';
  display: block;
  position: absolute;
  top: 1550px;
  left: -40px;
  background: url(/common_2022/images/bg/img_donut_ill_03.png) no-repeat left top;
  background-size: 100%;
  z-index: -1;
}
@media print, screen and (min-width:768px){
  .bg_donut_area::before,
  .bg_donut_area::after,
  .bg_donut_area_02::before{
    width: 20.8vw;
    max-width: 400px;
    min-width: 300px;
    height: 20.8vw;
    max-height: 400px;
    min-height: 300px;
  }
}
@media screen and (max-width:767px) {
  .bg_donut_area::before{
    top: 13.6%;
    right: -100px;
    width: 200px;
    height: 200px;
  }
  .bg_donut_area::after{
    top: 72%;
    right: -100px;
    width: 200px;
    height: 200px;
  }
  .bg_donut_area_02::before{
    top: 42%;
    left: -130px;
    width: 200px;
    height: 200px;
  }
}
@media (orientation: landscape) and (max-width: 767px){
  .bg_donut_area::before{
    top: 500px;
  }
  .bg_donut_area::after{
    top: 2500px;
  }
  .bg_donut_area_02::before{
    top: 1610px;
  }
}

/* businessinfo_list
-------------------------------------------------- */
.businessinfo_list{
  padding: 20px;
}
.businessinfo_list .businessinfo_block{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  background-color: #fff;
  margin-top: 20px;
  padding: 25px 30px;
  border-radius: 20px;
}
.businessinfo_list .businessinfo_block figure{
  width: 26%;
}
.businessinfo_list .businessinfo_block figure img{
  width: 100%;
}
.businessinfo_list .businessinfo_block .exp_box{
  width: 70%;
}
.businessinfo_list .businessinfo_block .exp_box .hd{
  color: #DCB572;
}
.businessinfo_list .businessinfo_block .exp_box .em{
  font-weight: bold;
  font-size: 24px;
}
.businessinfo_list .businessinfo_block .exp_box .sub{
  line-height: 1.4;
}
.businessinfo_list .businessinfo_block .exp_box .exp{
  margin-top: 0.5em;
}
@media print, screen and (min-width:768px){
  .businessinfo_list > ul{
    display: flex;
    flex-wrap: wrap;
  }
  .businessinfo_list .businessinfo_block{
    align-items: center;
    width: 49%;
    margin-right: 2%;
  }
  .businessinfo_list .businessinfo_block:nth-child(-n+2){
    margin-top: 0;
  }
  .businessinfo_list .businessinfo_block:nth-child(2n){
    margin-right: 0;
  }
}
@media screen and (max-width:767px) {
  .businessinfo_list .businessinfo_block{
    padding: 20px;
    border-radius: 10px;
  }
  .businessinfo_list .businessinfo_block:first-child{
    margin-top: 0;
  }
  .businessinfo_list .businessinfo_block .exp_box .em{
    font-size: 15px;
  }
  .businessinfo_list .businessinfo_block .exp_box .sub{
    font-size: 10px;
  }
}

/* envFood_wrap
-------------------------------------------------- */
.envFood_wrap .envFood_inner{
  position: relative;
  background: url(/businessinfo/company/images/bg_envfood.png) no-repeat center;
  background-size: 100% 100%;
  padding: 10px;
  border-radius: 40px;
  text-align: center;
}
.envFood_wrap .envFood_main{
  background-color: #fff;
}
.envFood_wrap .envFood_inner .c_txt_01{
  margin-top: 1.5em;
}
.envFood_wrap .c_ttl_bold_03{
  margin-top: 0;
}
@media print, screen and (min-width:768px){
  .envFood_wrap{
    margin-top: 40px;
  }
  .envFood_wrap .envFood_main{
    background: url(/businessinfo/company/images/bg_envfood_img.png) no-repeat center bottom 50px #fff;
    background-size: 100% auto;
    padding: 3em 2em 3.3em;
    border-radius: 30px;
  }
}
@media screen and (max-width:767px) {
  .envFood_wrap{
    margin-top: 30px;
  }
  .envFood_wrap .envFood_inner{
    background: url(/businessinfo/company/images/bg_envfood_sp.png) no-repeat center;
    background-size: 100% 100%;
    padding: 10px;
    border-radius: 7vw;
  }
  .envFood_wrap .envFood_main{
    background: url(/businessinfo/company/images/bg_envfood_img_sp.png) no-repeat center bottom 30px #fff;
    background-size: 93.8% auto;
    padding: 2.4em 1.8em 53%;
    border-radius: 6vw;
  }
}