@charset "utf-8";

/*------Data-------*/
#data .sct_wide{
background:rgba(242,242,242,1);
}
@media screen and (min-width:768px){
  #data .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),
  .list_data li:nth-of-type(3){
  width:calc(100vw / (1400 / 320));
  }
  .list_data li:nth-of-type(4),
  .list_data li:nth-of-type(5),
  .list_data li:nth-of-type(6),
  .list_data li:nth-of-type(7),
  .list_data li:nth-of-type(11),
  .list_data li:nth-of-type(12),
  .list_data li:nth-of-type(13){
  width:calc(100vw / (1400 / 235));
  }
  .list_data li:nth-of-type(8),
  .list_data li:nth-of-type(9),
  .list_data li:nth-of-type(10){
  width:calc(100vw / (1400 / 490));
  }
}
@media screen and (max-width:767px){
  #data .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(1),
  .list_data li:nth-of-type(2),
  .list_data li:nth-of-type(3),
  .list_data li:nth-of-type(8){
  width:calc(100vw / (1100 / 490));
  }
  .list_data li:nth-of-type(4),
  .list_data li:nth-of-type(5),
  .list_data li:nth-of-type(6),
  .list_data li:nth-of-type(7),
  .list_data li:nth-of-type(11),
  .list_data li:nth-of-type(12),
  .list_data li:nth-of-type(13){
  width:calc(100vw / (1100 / 320));
  }
  .list_data li:nth-of-type(9),
  .list_data li:nth-of-type(10){
  width:calc(100vw / (1100 / 660));
  }
  .list_data li:nth-of-type(1){order:1;}
  .list_data li:nth-of-type(2){order:2;}
  .list_data li:nth-of-type(3){order:6;}
  .list_data li:nth-of-type(4){order:3;}
  .list_data li:nth-of-type(5){order:4;}
  .list_data li:nth-of-type(6){order:5;}
  .list_data li:nth-of-type(7){order:8;margin-right:calc(100vw / (1100 / 680));}
  .list_data li:nth-of-type(8){order:7;}
  .list_data li:nth-of-type(9){order:11;margin-bottom:calc(100vw / (1100 / -680));}
  .list_data li:nth-of-type(10){order:10;margin-top:calc(100vw / (1100 / -680));align-self:end;}
  .list_data li:nth-of-type(11){order:9;}
  .list_data li:nth-of-type(12){order:13;margin-left:calc(100vw / (1100 / 690));}
  .list_data li:nth-of-type(13){order:12;margin-left:calc(100vw / (1100 / 690));}
}



#data .sct_wide+.sct_wide{
background:rgba(255,255,255,1);
}
.h2{
text-align: center;
}
.list_data2::after,
.list_data3::after{
content:'';
display:block;
clear:both;
}
.list_data2 li:nth-of-type(1){background-image: url(../../data/img/data_ill01.png);}
.list_data2 li:nth-of-type(2){background-image: url(../../data/img/data_ill02.png);}
.list_data2 li:nth-of-type(3){background-image: url(../../data/img/data_ill03.png);}
.list_data2 li:nth-of-type(4){background-image: url(../../data/img/data_ill04.png);}
.list_data2 li:nth-of-type(5){background-image: url(../../data/img/data_ill05.png);}
.list_data2 li:nth-of-type(6){background-image: url(../../data/img/data_ill06.png);}
.list_data3 li:nth-of-type(1){background-image: url(../../data/img/data_ill07.png);}
.list_data3 li:nth-of-type(2){background-image: url(../../data/img/data_ill08.png);}
  .list_data2 li,
  .list_data3 li{
  float:left;
  background-color:rgba(242,242,242,1);
  background-repeat:no-repeat;
  letter-spacing:0.05em;
  }
  .list_data2 dt,
  .list_data3 dt{
      font-weight:700;
  color:#009565;
  }
  .list_data2 strong{
  font-weight:700;
  color:#009565;
  }
  .list_data2 dd,
  .list_data3 dd{
  margin-top:0.5em;
  }
  .list_data3 dd dt,
  .list_data3 dd dt{
  margin-top:1em;
  }
  .list_data3 dd dd,
  .list_data3 dd dd{
  margin-top:0;
  }
@media screen and (min-width:768px){
  ul+.h2{
  margin-top:calc(100vw / (1400 / 100));
  }
  .list_data2,
  .list_data3{
  width:calc(100vw / (1400 / 1020));
  margin:calc(100vw / (1400 / -10)) auto;
  }
  .list_data2 li,
  .list_data3 li{
  margin:calc(100vw / (1400 / 10));
  padding:calc(100vw / (1400 / 40)) calc(100vw / (1400 / 20)) calc(100vw / (1400 / 20));
  border-radius:calc(100vw / (1400 / 20));
  }
  .list_data2 li{
  width:calc(100vw / (1400 / 320));
  background-position:center bottom calc(100vw / (1400 / 10));
  background-size:calc(100vw / (1400 / 220));
  }
  .list_data2 li:nth-of-type(1){height:calc(100vw / (1400 / 420));}
  .list_data2 li:nth-of-type(2){height:calc(100vw / (1400 / 420));}
  .list_data2 li:nth-of-type(3){height:calc(100vw / (1400 / 560));float:right;}
  .list_data2 li:nth-of-type(4){height:calc(100vw / (1400 / 580));}
  .list_data2 li:nth-of-type(5){height:calc(100vw / (1400 / 580));}
  .list_data2 li:nth-of-type(6){height:calc(100vw / (1400 / 440));}
  .list_data2 li.blank{
  background-color:rgba(255,255,255,1);
  background-position:left bottom calc(100vw / (1400 / 50));
  background-size:calc(100vw / (1400 / 300));
  }
  .list_data3 li{
  width:calc(100vw / (1400 / 490));
  height:calc(100vw / (1400 / 810));
  background-position:center bottom calc(100vw / (1400 / 20));
  background-size:calc(100vw / (1400 / 250));
  }
  .list_data2 dt,
  .list_data3 dt{
  font-size:calc(100vw / (1400 / 21));
  }
}
@media screen and (max-width:767px){
  ul+.h2{
  margin-top:calc(100vw / (750 / 50));
  }
  .list_data2,
  .list_data3{
  width:calc(100vw / (750 / 700));
  margin:calc(100vw / (750 / -10)) auto;
  font-size:calc(100vw / (750 / 22));
  line-height:1.5;
  letter-spacing:0;
  }
  .list_data2 li,
  .list_data3 li{
  margin:calc(100vw / (750 / 10));
  padding:calc(100vw / (750 / 40)) calc(100vw / (750 / 20)) calc(100vw / (750 / 20));
  border-radius:calc(100vw / (750 / 20));
  }
  .list_data2 li{
  width:calc(100vw / (750 / 330));
  height:auto;
  background-position:center bottom calc(100vw / (750 / 10));
  background-size:calc(100vw / (750 / 220));
  }
  .list_data2 li:nth-of-type(1){padding-bottom:calc(100vw / (750 / 180));}
  .list_data2 li:nth-of-type(2){padding-bottom:calc(100vw / (750 / 180));}
  .list_data2 li:nth-of-type(3){padding-bottom:calc(100vw / (750 / 180));float:right;}
  .list_data2 li:nth-of-type(4){padding-bottom:calc(100vw / (750 / 200));}
  .list_data2 li:nth-of-type(5){padding-bottom:calc(100vw / (750 / 180));float:right;}
  .list_data2 li:nth-of-type(6){padding-bottom:calc(100vw / (750 / 500));}
  .list_data2 li.blank{
  background-color:rgba(255,255,255,1);
  background-position:left bottom calc(100vw / (750 / 50));
  background-size:calc(100vw / (750 / 300));
  }
  .list_data3 li{
  width:calc(100vw / (750 / 680));
  height:auto;
  padding-bottom:calc(100vw / (750 / 250));
  background-position:center bottom calc(100vw / (750 / 20));
  background-size:calc(100vw / (750 / 250));
  }
  .list_data2 dt,
  .list_data3 dt{
  font-size:calc(100vw / (750 / 21));
  }
  .list_data2 dt img,
  .list_data3 dt img{
  display: block;
  width:calc(100vw / (750 / 290));
  margin:0 auto;
  }
}