@charset "utf-8";

/*------Business-------*/
#business .sct_wide{
background:rgba(242,242,242,1);
}
.box_btn{
margin-top:calc(100vw / (1400 / 50));
}
.box_btn dt{
margin-bottom:calc(100vw / (1400 / 30));
text-align:center;
line-height:1;
font-weight:700;
color:#009565;
}
.box_title{
width:calc(100vw / (1400 / 1000));
margin:0 auto calc(100vw / (1400 / 50));
}
.h2{
padding-bottom:calc(100vw / (1400 / 20));
}
.read{
margin:calc(100vw / (1400 / -6)) 0;
}
.list_product li+li{
margin-top:calc(100vw / (1400 / 50));
}
.list_product .img{
width:calc(100vw / (1400 / 660));
height:calc(100vw / (1400 / 360));
border-radius:calc(100vw / (1400 / 20));
overflow:hidden;
}
.list_product .txt{
position:relative;
width:calc(100vw / (1400 / 500));
margin:calc(100vw / (1400 / -40)) 0 0 auto;
padding:calc(100vw / (1400 / 20)) calc(100vw / (1400 / 40)) calc(100vw / (1400 / 20));
border-radius:calc(100vw / (1400 / 20));
background:#009565;
color:#fff;
z-index:1;
}
.list_product .txt dt{
font-size:calc(100vw / (1400 / 24));
line-height:1.5;
}
.list_product .txt dd{
margin-top:calc(100vw / (1400 / 5));
font-size:calc(100vw / (1400 / 14));
}
@media screen and (min-width:768px){
  #business .sct_wide{
  padding:calc(100vw / (1400 / 100)) 0;
  }
  .list_data{
  width:calc(100vw / (1400 / 1020));
  margin:calc(100vw / (1400 / -10)) auto;
  }
  .list_data::after{
  content:'';
  display:block;
  clear:both;
  }
  .list_data li{
  margin:calc(100vw / (1400 / 10));
  float:left;
  }
  .list_data li:nth-of-type(1),
  .list_data li:nth-of-type(2){
  width:calc(100vw / (1400 / 490));
  }
  .list_data li:nth-of-type(3),
  .list_data li:nth-of-type(4),
  .list_data li:nth-of-type(5){
  width:calc(100vw / (1400 / 320));
  }
}
@media screen and (max-width:767px){
  #business .sct_wide{
  padding:calc(100vw / (750 / 100)) 0;
  }
  .list_data{
  display:flex;
  flex-wrap:wrap;
  width:calc(100vw / (1100 / 1020));
  margin:calc(100vw / (1100 / -10)) auto;
  }
  .list_data li{
  margin:calc(100vw / (1100 / 10));
  }
  .list_data li:nth-of-type(2){
  width:calc(100vw / (1100 / 660));
  }
  .list_data li:nth-of-type(1),
  .list_data li:nth-of-type(3){
  width:calc(100vw / (1100 / 490));
  }
  .list_data li:nth-of-type(4),
  .list_data li:nth-of-type(5){
  width:calc(100vw / (1100 / 320));
  }
  .list_data li:nth-of-type(1){order:4;}
  .list_data li:nth-of-type(2){order:1;}
  .list_data li:nth-of-type(3){order:5;}
  .list_data li:nth-of-type(4){order:2;}
  .list_data li:nth-of-type(5){order:3;margin-left:calc(100vw / (1100 / 690));margin-top:calc(100vw / (1100 / -330));}
  .box_btn{
  margin-top:calc(100vw / (750 / 50));
  }
  .box_btn dt{
  margin-bottom:calc(100vw / (750 / 30));
  }
  .box_title{
  width:calc(100vw / (750 / 700));
  margin:0 auto calc(100vw / (750 / 50));
  }
  .h2{
  padding-bottom:calc(100vw / (750 / 20));
  }
  .read{
  margin:calc(100vw / (750 / -6)) 0;
  }
  .list_product li+li{
  margin-top:calc(100vw / (750 / 50));
  }
  .list_product .img{
  width:calc(100vw / (750 / 660));
  height:calc(100vw / (750 / 360));
  border-radius:calc(100vw / (750 / 20));
  }
  .list_product .txt{
  position:relative;
  width:calc(100vw / (750 / 560));
  margin:calc(100vw / (750 / -40)) 0 0 auto;
  padding:calc(100vw / (750 / 20)) calc(100vw / (750 / 40)) calc(100vw / (750 / 20));
  border-radius:calc(100vw / (750 / 20));
  }
  .list_product .txt dt{
  font-size:calc(100vw / (750 / 34));
  }
  .list_product .txt dd{
  margin-top:calc(100vw / (750 / 5));
  font-size:calc(100vw / (750 / 20));
  }
}