@charset "utf-8";

.cf:before, .cf:after {
    content:"";
    display:table
}
.cf:after { clear:both }

/*==================================================
sp
================================================== */
@media screen and (max-width:767px){
  #suntory_contents .contents_container.partner_contents {
    padding: 7.3333333333333vw 6vw;
    background: #fff;
  }
  #sungoliath_contents .catch {
    line-height: 150%;
  }
  #sungoliath_contents .article_body {
    margin-top: 7.3333333333333vw;
  }
  #sungoliath_contents .article_body h2 {
    font-size: 4.8vw;
    font-weight: bold;
    line-height: 35px;
    color: #222222;
    border-left: 10px #992255 solid;
    padding-left: 4vw;
  }
  #sungoliath_contents .bnr_container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5.12820513vw;
  }
  #sungoliath_contents .bnr_container .bnr_box {
    width: 40.5vw;
    margin: 0 7vw 7vw 0;
  }
  #sungoliath_contents .bnr_container .bnr_box:nth-child(2n) {
    margin-right: 0;
  }
  #sungoliath_contents .bnr_container .bnr_box a {
    display: block;
  }
  #sungoliath_contents .bnr_container .bnr_box a:hover {
    opacity: 0.6;
  }
  #sungoliath_contents .bnr_container .bnr_box img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  #sungoliath_contents .bnr_container.supporter .bnr_box {
    width: 26.2051282vw;
    margin: 0 4.6923077vw 4.6923077vw 0;
  }
  #sungoliath_contents .bnr_container.supporter .bnr_box:nth-child(3n) {
    margin-right: 0;
  }
}
	
/*==================================================
pc
================================================== */
@media print, screen and (min-width:768px){
  #suntory_contents .contents_container.partner_contents {
    padding: 50px;
  }
  #sungoliath_contents .catch {
    line-height: 150%;
  }
  #sungoliath_contents .article_body {
    margin: 40px 0;
  }
  #sungoliath_contents .article_body h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 35px;
    color: #222222;
    border-left: 10px #992255 solid;
    padding-left: 30px;
  }
  #sungoliath_contents .bnr_container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 55px;
  }
  #sungoliath_contents .bnr_container .bnr_box {
    width: 322px;
    margin: 0 47px 47px 0;
  }
  #sungoliath_contents .bnr_container .bnr_box:nth-child(3n) {
    margin-right: 0;
  }
  #sungoliath_contents .bnr_container .bnr_box a {
    display: block;
  }
  #sungoliath_contents .bnr_container .bnr_box a:hover {
    opacity: 0.6;
  }
  #sungoliath_contents .bnr_container .bnr_box img {
    vertical-align: bottom;
  }
  #sungoliath_contents .bnr_container.one .bnr_box {
    width: 100%;
    margin: 0 auto 33px;
    text-align: center;
  }
  #sungoliath_contents .bnr_container.supporter .bnr_box {
    width: 240px;
    margin: 0 33px 33px 0;
  }
  #sungoliath_contents .bnr_container.supporter .bnr_box:nth-child(4n) {
    margin-right: 0;
  }
}