@charset "utf-8";

/*==================================================
sp
================================================== */
#suntory_contents #static {
  order: 1;
  margin: 8vw 4vw 0;
}
#suntory_contents #static a {
  color: #0066BB;
  text-decoration: none;
}
#suntory_contents #static a:hover {
  text-decoration: underline;
}
#suntory_contents #static h1 {
  margin-bottom: 1em;
  font-size: 5.6vw;
  font-weight: bold;
  line-height: 1;
}
#suntory_contents #static .lead {
  margin-bottom: 12vw;
}
#suntory_contents #static .lead p {
  font-size: 4.26666667vw;
  line-height: 1.7;
}

#suntory_contents #static .boxarea h2 {
  margin-bottom: 1em;
  padding: 3.2vw 4vw;
  font-size: 4.8vw;
  line-height: 1.5;
  font-weight: bold;
  background: #ddf4fa;
}

#suntory_contents #static .boxarea .section {
  margin-bottom: 12vw;
}
#suntory_contents #static .boxarea .section li {
  line-height: 1.7;
  text-indent: -2em;
  margin-left: 2em;
}
#suntory_contents #static .boxarea .section li .number {
  width: 2em;
}
#suntory_contents #static .boxarea .section p {
  line-height: 1.7;
}
#suntory_contents #static #notes dl.datalist {
  width: 100%;
}
#suntory_contents #static #notes dl.datalist + dl {
  margin-top: 8vw;
}
#suntory_contents #static #notes dt {
  margin-bottom: 4vw;
  font-size: 3.46666667vw;
}
#suntory_contents #static #notes dd li,
#suntory_contents #static #notes dd p {
  font-size: 3.46666667vw;
  line-height: 1.7;
}

/*==================================================
pc
================================================== */
@media print, screen and (min-width:768px){
  #suntory_contents #static {
    order:2;
    margin: 0 auto 60px;
    width: 960px;
  }
  #suntory_contents .boxarea {
    border: 1px #999 solid;
    border-radius: 8px;
    padding: 50px 50px 70px;
  }
  #suntory_contents #static h1 {
    margin-bottom: 40px;
    font-size: 32px;
  }
  #suntory_contents #static .lead  {
    margin-bottom: 40px;
  }
  #suntory_contents #static .lead p{
    font-size: 16px;
  }
  #suntory_contents #static .boxarea h2 {
    padding: 10px 20px;
    font-size: 18px;
  }

  #suntory_contents #static .boxarea .section {
    margin-bottom: 60px;
  }
  #suntory_contents #static #notes {
    display:flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  #suntory_contents #static #notes dl.datalist {
    width: 40%;
  }
  #suntory_contents #static #notes dl.datalist + dl {
    margin-top: 0;
    width: 55%;
  }
  #suntory_contents #static #notes dt {
    margin-bottom: 20px;
    font-size: 14px;
  }
  #suntory_contents #static #notes dd li,
  #suntory_contents #static #notes dd p {
    font-size: 14px;
    line-height: 1.7;
  }

}