@charset "UTF-8";


/************************************************
COMMON
************************************************/
/* clearfix */
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both;}

/* banners */
.banner_list {display: flex;flex-wrap: wrap;}
.banner_item {border-radius: 5px;border: 1px solid #BAC5C8;text-align: center;}
.banner_item a {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;text-decoration: none;color: #333;}
.banner002 {background-color: #5AC2DB;}

/* slick */
.slick-dots {position: absolute;top: -20px;left: 50%;transform: translateX(-50%);}
.slick-dots li {display: inline-block;width: 20px;line-height: 0;text-align: center;}
.slick-dots button {width: 10px;height: 10px;padding: 0;border: none;outline: none;border-radius: 50%;background-color: #94E4F8;color: transparent;font-size: 0;line-height: 0;}
.slick-active button {background-color: #fff;}
.slick-arrow {position: absolute;top: 50%;width: 45px;height: 45px;padding: 0;border: none;outline: none;border-radius: 50%;background-color: #fff;box-shadow: 0 3px 10px rgba(0, 0, 0, .21);color: transparent;font-size: 0;line-height: 0;transform: translateY(-50%);z-index: 9999;}
.slick-arrow::before {content: '';display: block;position: absolute;top: 50%;left: 50%;width: 11px;height: 11px;border-left: 3px solid #5BC2DC;border-bottom: 3px solid #5BC2DC;}

/************************************************
PC
************************************************/
@media screen and (min-width:768px) {

	.sp{display:none;}
	/* ヘッダーの初期スタイル */
	header#sbsHeader {
	position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;color: #fff;z-index: 100;transition: transform 0.3s ease-in-out;}

	/* ヘッダーが隠れる時のスタイル */
	header#sbsHeader.hidden {
	transform: translateY(-100%);}	
	#sbsHeader{position: relative;z-index: 100;background: #fff;}
	#sbsPageTop.visible{z-index: 100;}

	a.btn{height: 80px;overflow: hidden;background: #1096b9;width: 291px;z-index: 15;color: #fff;letter-spacing: 0.01em;font-weight: 700;padding: 27px 0 0;border-radius: 100px;display: block;position: relative;text-align: center;}
	a.btn strong{position: relative;z-index: 100;}
	a.btn:hover{text-decoration: none;}
	a.btn:after{    content: "";display: block;background: rgba(0, 0, 0, 0.1);height: 100%;width: 100%;position: absolute;left: -100%;top: 0px;z-index: 1;transition: .3s;}
	a.btn.pt02:after{background: rgba(255, 255, 0, 0.5);}
	a.btn:hover:after{left: 0px;}
	a.btn img.arrow{height: 14px;width: 14px;position: absolute;right: 26px;top: 32px;transition: .3s;z-index: 5;}
	a.btn:hover img.arrow{right: 16px;}
	p.read{font-size: 16px;letter-spacing: 0.01em;line-height: 34px;font-weight: 700;margin-bottom: 30px;}
	h2.cnt-ttl{font-size: 40px;font-weight: bold;letter-spacing: 0.1em;margin-bottom: 20px;line-height: 1em;font-family:'Noto Sans JP',sans-serif;}
	div.cntrec_003 h2.cnt-ttl img{display: block;height: 14px;width: auto;margin: 0 0 25px 0;}
	div.cntrec_004 h2.cnt-ttl img{display: block;height: 20px;width: auto;margin: 0 0 25px 0;}
	section.section_004 h2.cnt-ttl img{display: block;height: 13px;width: auto;margin: 0 0 25px 0;}
	#sbsFooter{min-width:1305px;}

	div#suntory_contents{min-width:1305px;}
	div#suntory_contents div.mvcopyScrollArea{padding:0;}
	div#suntory_contents div.mvcopyScrollArea h1.sticky-container{position:relative;max-width: 1164px;min-width: 960px;width:100%;margin:0 auto;}
	div#suntory_contents div.mvcopyScrollArea h1.sticky-container div.mv-copy{position: absolute;top: 76vh;left: 0;z-index: 10;}
	div#suntory_contents div.mvcopyScrollArea h1.sticky-container div.mv-copy div.inner{position: relative;height: 148px;}
	div#suntory_contents div.mvcopyScrollArea h1.sticky-container div.mv-copy div.inner img{width:auto;height: 148px; transition: 0.4s ease-out;filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(182deg) brightness(104%) contrast(101%) drop-shadow(7px 7px 5px rgba(0,0,0,0.75));}
	div#suntory_contents div.mvcopyScrollArea h1.sticky-container div.invert div.inner img.img_off{filter: invert(32%) sepia(0%) saturate(0%) hue-rotate(113deg) brightness(100%) contrast(92%) drop-shadow(1px 3px 5px rgba(0, 0, 0, 0));}
	div#suntory_contents div.mvcopyScrollArea h1.sticky-container div.mv-copy span.text-container{}
	div#suntory_contents div.mvcopyScrollArea h1.sticky-container div.mv-copy span.text-container img {width: auto;height: 147.5px;display: block;}

	div#suntory_contents section.mainVisual{   position: relative;margin: 0;background: url(/group/sbs/images/renew/mv_img01.jpg) no-repeat center top;background-size: cover;width: 100%;height: 100vh;z-index: 1;}
	div#suntory_contents section.mainVisual:before{   content: "";position: absolute;width: 100%;height: 100vh;left: 0;top: 0;background: rgba(0, 0, 0, 0.0);}
	div#suntory_contents section.mainVisual div.inner{   width: 1164px;margin: 0 auto 0;position: relative;height: 100vh;}
	div#suntory_contents section.mainVisual div.inner h1.h1{width: 586px;height: 172px;position: absolute;left: 0;bottom: 10vh;}
	div#suntory_contents section.mainVisual div.inner h1.h1 div.copy{width: auto;height: 149px;}
	div#suntory_contents section.mainVisual div.inner h1.h1 div.copy span.text-container{}
	div#suntory_contents section.mainVisual div.inner h1.h1 div.copy span.text-container img{}
	div#suntory_contents section.mainVisual div.inner h1.ttl{display: none;}

	div#suntory_contents section.section_001{position: relative;height:920px;}
	div#suntory_contents section.section_001 div.inner{   display: block;width: 1164px;height: 660px;margin: 0 auto 0;position: relative;}

	div#suntory_contents section.section_001 div.inner h1.h1 {width: 1000px;height: 600px;position: absolute;left: 0;top: -240px;z-index: 3;}
	div#suntory_contents section.section_001 div.inner h1.h1 div.copy{}
	div#suntory_contents section.section_001 div.inner h1.h1 div.copy img{width:auto;height: 148px;}
	div#suntory_contents section.section_001 div.inner h1.h1 div.copy span.text-container{}
	div#suntory_contents section.section_001 div.inner h1.h1 div.copy span.text-container img {width: auto;height: 147.5px;display: block;}


	div#suntory_contents section.section_001 div.inner div.cnt{width: 500px;position: absolute;left: 735px;top: 145px;}
	div#suntory_contents section.section_001 div.inner div.cnt p.read{width: 500px;margin-bottom: 1em;line-height: 2.0;font-size:20px;}
	div#suntory_contents section.section_001 div.inner div.cnt p.read.end{margin-bottom: 3em;}
	div#suntory_contents section.section_001 div.inner div.cnt a.btn{width: 291px;position: absolute;}
	div#suntory_contents section.section_001 img.txc{   position: absolute;left: 0;right: 0;bottom: 0;margin: auto;width: 100%;}

	div#suntory_contents section.section_002{position: relative;overflow: hidden;/*background: radial-gradient(circle at 30% 30%, #63bfd9, transparent 40%),radial-gradient(circle at 70% 70%, #2df2e0, transparent 50%),radial-gradient(circle at 50% 50%, #1e91b2, transparent 60%);background-color: #63bfd9;*/background:url('/group/sbs/images/renew/sec_002_bg01.svg') no-repeat top left;background-size:cover;border-radius: 170px 0 0 170px;padding: 100px 0 50px 0;color: #ffffff;}
	div#suntory_contents section.section_002 div.inner{display: block;width: 1164px;margin: 0 auto 0;position: relative;}
	div#suntory_contents section.section_002 div.inner img.mttl{position: absolute;left: -70px;top: 130px;width: 26px;height: auto;}
	div#suntory_contents section.section_002 div.inner img.sp{display:none;}
	div#suntory_contents section.section_002 div.inner div.cnthead{   margin-bottom: 90px;}
	div#suntory_contents section.section_002 div.inner div.cnthead h2{text-align: center;}
	div#suntory_contents section.section_002 div.inner div.cnthead p.read{}
	div#suntory_contents section.section_002 div.inner div.cnthead a.btn{        background: none;color: #fff;border: 2px solid #fff;position: absolute;right: 0;top: 5px;}
	div#suntory_contents section.section_002 div.inner div.cnthead a.btn:after{background: rgba(0,0,0,0.1);}
	div#suntory_contents section.section_002 img.txc{position: absolute;left: 0;right: 0;bottom: 0;margin: auto;width: 100%;}

	div#suntory_contents section.section_002 div.cntrec_001{}
	div#suntory_contents section.section_002 div.cntrec_001 div.rec001{        width: 100%;position: relative;height: 660px;}
	div#suntory_contents section.section_002 div.cntrec_001 div.rec001 img.eyecatch{ top: 30px;width: 346px;position: absolute;z-index: 5;left: 75px;}
	div#suntory_contents section.section_002 div.cntrec_001 div.rec001 img.eyecatch.sp{display: none;}
	div#suntory_contents section.section_002 div.cntrec_001 div.rec001 div.cnt{        width: 840px;height: 410px;background: #fff;border-radius: 20px;position: absolute;right: 75px;top: 0px;text-align: center;padding: 58px 0 0 122px;color: #1096b9;}
	div#suntory_contents section.section_002 div.cntrec_001 div.rec001 div.cnt h2{font-size: 40px;font-weight: 700;font-family:'Noto Sans JP',sans-serif;margin-bottom: 30px;}
	div#suntory_contents section.section_002 div.cntrec_001 div.rec001 div.cnt p{font-size: 20px;line-height: 1.8em;font-weight: 700;margin-bottom: 40px;}
	div#suntory_contents section.section_002 div.cntrec_001 div.rec001 div.cnt a.btn{height: 60px;width: 350px;padding-top: 18px;background: #1096b9;color: #fff;margin: 0 auto 0;}
	div#suntory_contents section.section_002 div.cntrec_001 div.rec001 div.cnt a.btn img{top: 23px;}
	div#suntory_contents section.section_002 div.cntrec_001 div.rec001 div.cnt a.btn.pt02:after{background: rgba(0,0,0,0.1)}

	div#suntory_contents section.section_002 div.cntrec_001 div.rec002{width: 100%;height: 360px;position: relative;}
	div#suntory_contents section.section_002 div.cntrec_001 div.rec002 h3{        display: block;text-align: center;height: 40px;font-size: 16px;margin-bottom: 30px;border-radius: 100px;padding-top: 20px;letter-spacing: 0.1em;}
	div.carousel-container {position: relative;width: 100%;max-width: 1206px;margin: 0 auto;}
	/* バナーリストのスタイル */
	div.carousel-container ul.scrl {list-style: none;padding: 0;margin: 0;display: flex;}
	/* バナーアイテムのスタイル */
	div.carousel-container ul.scrl li {flex: 0 0 100%; /* スライドが一度に一つ表示される */
	display: flex;justify-content: center;align-items: center;margin: 0 21px;}
	
	/* slick */
	.slick-arrow {width: 65px;height: 65px;transform: translateY(-50%);}
	.slick-prev {left: 50px;}
	.slick-next {right: 50px;}
	.slick-arrow::before {width: 16px;height: 16px;border-left: 4px solid #5BC2DC;border-bottom: 4px solid #5BC2DC;}
	.slick-prev::before {margin: 3px 0 0 -7px;transform: rotate(45deg) translateX(-50%) translateY(-50%);}
	.slick-next::before {margin: -7px 0 0 -10px;transform: rotate(-135deg);}

	div.carousel-container ul.scrl ul.slick-dots li{ margin:0 3px 0 0;}

	div.carousel-container ul.scrl li img {width: 100%;height: auto;}
	/* 矢印ボタンのスタイル */
	button.slick-prev, button.slick-next {position: absolute;background: none;border: none;box-shadow: none;z-index: 10;cursor: pointer;top: 298px;}
	button.slick-prev {left: calc(50% - 120px);transform: rotate(-90deg)}
	button.slick-next {right: calc(50% - 120px);transform: rotate(90deg)}
	button.slick-prev img, button.slick-next img {width: 17px;height:auto;}
	.slick-arrow::before{display: none;}
	button.slick-prev.prev2, button.slick-next.next2 {top: 101px;width:50px;height:50px;}
	button.slick-prev.prev2 img, button.slick-next.next2 img {width: 50px;height:auto;transition: .3s;}
	button.slick-prev.prev2 img:hover, button.slick-next.next2 img:hover {opacity:0.8;}
	button.slick-prev.prev2 {left: calc(50% - 610px);transform: rotate(0deg)}
	button.slick-next.next2 {right: calc(50% - 610px);transform: rotate(180deg)}

	/* ドットナビゲーションのスタイル */
	ul.slick-dots {
	position: absolute;left: calc(50% + 3px);;transform: translateX(-52%);display: flex;justify-content: center;list-style: none;padding: 0;margin: 0;gap: 10px;height: 20px;top: 320px;}
	ul.slick-dots li{flex:0 0 10%!important;}
	ul.slick-dots li button {width: 10px;height: 10px;background-color: rgba(255, 255, 255, 0.3);border: none;border-radius: 50%;cursor: pointer;}
	ul.slick-dots li.slick-active button {background-color: rgba(255, 255, 255, 0.8);}

	div#suntory_contents section.section_002 div.cntrec_002{margin-top:70px;padding-top:100px;border-top: 1px solid #fff;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01{        margin-bottom: 100px;border-bottom: 1px solid #fff;padding: 0 201px 100px;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li{   width: 360px;float: left;margin-right: 42px;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li:last-child{margin-right: 0;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li img{margin-bottom: 18px;border-radius: 10px;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li a.btn{color: #1096b9;background: #fff;width: 100%;height: 60px;padding: 18px 0 0;text-align: center;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li a.btn br{display: none;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li a.btn img{   top: 23px;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li a.btn{color: #1096b9;background: #fff;width: 100%;height: 60px;padding: 18px 0 0;text-align: center;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li.outlink a.btn{}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li.outlink a.btn img{top: 21px;width:18px;height: 18px;border-radius: 0;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li.outlink a.btn:hover img.arrow{right: 26px;}

	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_02{}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_02 li{   width: 360px;float: left;margin:0 41px 100px 0;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_02 li:last-child{margin-right:0px;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_02 li img{   margin-bottom: 18px;border-radius: 10px}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_02 li a.btn{   color: #1096b9;background: #fff;width: 100%;height: 60px;padding: 18px 0 0;text-align: center;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_02 li a.btn br{display: none;}	
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_02 li a.btn img{   top: 23px;}

	div#suntory_contents section.section_003 {width: 100%;overflow: hidden;}
	@keyframes scroll-left {
	0% {transform: translateX(0);}
	100% {transform: translateX(-50%);}
	}
	div#suntory_contents section.section_003 div.cntrec_002{position: relative;margin: 100px 0;padding-top: 25px;}
	div#suntory_contents section.section_003 div.cntrec_002 div.inner{width: 1164px;margin: 0 auto;position: relative;z-index: 5;}
	div#suntory_contents section.section_003 div.cntrec_002 div.inner h2{}
	div#suntory_contents section.section_003 div.cntrec_002 div.inner p.read{}
	div#suntory_contents section.section_003 div.cntrec_002 div.inner a.btn{   position: absolute;right: 0;top: 0px;}	
	div#suntory_contents section.section_003 div.cntrec_002 ul.newsbk-roop{   width: 1000%;overflow: hidden;position: absolute;z-index: 1;top: 0px;display: flex;gap: 50px;animation: scroll-left 30s linear infinite;width: max-content;}
	div#suntory_contents section.section_003 div.cntrec_002 ul.newsbk-roop li{   float: left;margin-right: 20px;flex: 0 0 auto;}
	div#suntory_contents section.section_003 div.cntrec_002 ul.newsbk-roop li img{   height: 133px;}

	div#suntory_contents section.section_003 div.cntrec_003{margin-bottom: 50px;}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner{   width: 1164px;height: 350px;position: relative;margin: 0 auto;background: #0F96B8;color: #fff;border-radius: 10px;padding: 65px 0 0 107px;overflow: hidden;}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner h2{}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner p.read{}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner ul.lnk{   position: absolute;left: 40px;bottom: 40px;}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner ul.lnk li{   float: left;margin-right:25px;}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner ul.lnk li a.btn{   border: 2px solid #fff;height: 60px;padding-top: 16px;}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner ul.lnk li a.btn img.arrow{top:21px;}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner ul.lnk li.outlink a.btn{}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner ul.lnk li.outlink a.btn img{top: 21px;width:18px;height: 18px;border-radius: 0;}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner ul.lnk li.outlink a.btn:hover img.arrow{right: 26px;}

	div#suntory_contents section.section_003 div.cntrec_003 div.inner img.eyecatch{   height: 354px;width: auto;position: absolute;right: -2px;top: -2px;object-fit: cover;}

	div#suntory_contents section.section_003 div.cntrec_004{margin-bottom: 100px;}
	div#suntory_contents section.section_003 div.cntrec_004 div.inner{   width: 1164px;height: 350px;position: relative;margin: 0 auto;background: #2762B7;color: #fff;border-radius: 10px;padding: 65px 0 0 740px;overflow: hidden;}
	div#suntory_contents section.section_003 div.cntrec_004 div.inner h2{margin-bottom:95px;}
	div#suntory_contents section.section_003 div.cntrec_004 div.inner p.read{}
	div#suntory_contents section.section_003 div.cntrec_004 div.inner a.btn{background: #2762B7;border: 2px solid #fff;height: 60px;padding-top: 16px;}
	div#suntory_contents section.section_003 div.cntrec_004 div.inner a.btn img.arrow{top: 21px;}
	div#suntory_contents section.section_003 div.cntrec_004 div.inner img.eyecatch{position: absolute;left: -2px;top: -2px;height: 354px;width: auto;}
	div#suntory_contents section.section_003 div.cntrec_004 div.inner img.eyecatch.sp{display: none;}

	div#suntory_contents section.section_004{}
	div#suntory_contents section.section_004 div.cntrec_001{   margin-bottom: 100px;height: 350px;position: relative;width: 100%;overflow: hidden;background: linear-gradient(145deg, #63bfd9, #2df2e0, #1e91b2);background-size: 150% 150%;animation: gradientAnimation 10s ease infinite;}
	div#suntory_contents section.section_004 div.cntrec_001 div.inner{   width: 1164px;height: 350px;position: relative;margin: 0 auto;color: #fff;border-radius: 20px;padding: 113px 0 0 107px;overflow: hidden;z-index: 5;}
	div#suntory_contents section.section_004 div.cntrec_001 div.inner h2{}
	div#suntory_contents section.section_004 div.cntrec_001 div.inner p.read{   font-size: 16px;letter-spacing: 0.01em;line-height: 34px;font-weight: 700;margin-bottom: 30px;}
	div#suntory_contents section.section_004 div.cntrec_001 div.inner a.btn{   background: #fff;padding-top: 16px;color: #1096b9;position: absolute;height: 60px;right: 0;top: 147px;}
	div#suntory_contents section.section_004 div.cntrec_001 div.inner a.btn img.arrow{top: 21px;}
	div#suntory_contents section.section_004 div.cntrec_001 img.txc{position: absolute;left: 0px;right: 0;bottom: 0px;min-height: 350px;width: 100%;z-index: 1;opacity: 1;mix-blend-mode: multiply;}
	div.section.banner_section{margin: -47px 0 70px;}	
	.banner_list {justify-content: center;}
	.banner_item {width: 24.06%;height: 60px;margin-right: 1.3%;line-height: 1.3334;}
	.banner_item:nth-child(3n+3) {margin-right: 0;}
	.banner_item:nth-child(n+4) {margin-top: 15px;}
	.banner_item a {opacity: 1;transition: opacity .2s;}
	.banner_item a:hover {opacity: .5;}
	.banner001 img {width: 140px;}
	.banner002 img {width: 198px;}
	.banner003 {background: url(/group/sbs/images/banner/banner_003_pc.jpg) right 0 no-repeat;background-size: cover;}
	.banner004 {background: url(/group/sbs/images/banner/banner_004_pc.jpg) right 0 no-repeat;background-size: cover;}
	.banner005 {background: url(/group/sbs/images/banner/banner_005_pc.jpg) right 0 no-repeat;background-size: cover;}
	.banner006 {background: url(/group/sbs/images/banner/banner_006_pc.jpg) center 0 no-repeat;background-size: cover;}
	.banner007 img {width: 88px;}
	ul.banner_list{}
	ul.banner_list li{}
	ul.banner_list li.banner_item:nth-child(n+3){margin-right: auto;}
	ul.banner_list li.banner_item:nth-child(n+4){margin:0; }
	ul.banner_list li:last-child{margin-right: 0;}
	ul.banner_list li a{}
	ul.banner_list li a img{}

}

/************************************************
SP
************************************************/
@media screen and (min-width:0px) and (max-width:767px){

	.pc{display:none;}

	header#sbsHeader {
	position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;color: #fff;z-index: 100;transition: transform 0.3s ease-in-out;}

	header#sbsHeader.hidden {
	transform: translateY(-100%);}	
	#sbsHeader{position: relative;z-index: 100;background: #fff;}

	#sbsPageTop.visible{z-index: 100;}

	a.btn{height: 60px;overflow: hidden;background: #1096b9;width: 291px;z-index: 15;color: #fff;letter-spacing: 0.01em;font-weight: 700;padding: 17px 0 0;border-radius: 100px;display: block;position: relative;text-align: center;}
	a.btn strong{position: relative;z-index: 100;}
	a.btn:hover{text-decoration: none;}
	a.btn:after{    content: "";display: block;background: rgba(0, 0, 0, 0.1);height: 100%;width: 100%;position: absolute;left: -100%;top: 0px;z-index: 1;transition: .3s;}
	a.btn.pt02:after{background: rgba(255, 255, 0, 0.5);}
	a.btn:hover:after{left: 0px;}
	a.btn img.arrow{height: 14px;width: 14px;position: absolute;right: 23px;top: 23px;transition: .3s;z-index: 5;}
	a.btn:hover img.arrow{right: 16px;}
	p.read{font-size: 14px;letter-spacing: 0.01em;line-height: 34px;font-weight: 700;margin-bottom: 20px;}
	h2.cnt-ttl{font-size: 30px;font-weight: bold;letter-spacing: 0.1em;margin-bottom: 20px;line-height: 1em;font-family:'Noto Sans JP',sans-serif;}
	div.cntrec_003 h2.cnt-ttl img{display: block;height: 14px;width: auto;margin: 0 0 15px 0;}
	div.cntrec_004 h2.cnt-ttl img{display: block;height: 20px;width: auto;margin: 0 0 15px 0;}
	section.section_004 h2.cnt-ttl img{display: block;height: 13px;width: auto;margin: 0 0 15px 0;}
	div#suntory_contents{margin-bottom: 80px;width: 100%;overflow: hidden;}
		
	/*h1.h1.sticky-container{display: none;}*/
	div#suntory_contents div.mvcopyScrollArea{padding:0;}
	div#suntory_contents div.mvcopyScrollArea h1.sticky-container{position:relative;width:90%;margin:0 auto;}
	div#suntory_contents div.mvcopyScrollArea h1.sticky-container div.mv-copy{position: absolute;top: 72vh;left: 0;z-index: 10;}
	div#suntory_contents div.mvcopyScrollArea h1.sticky-container div.mv-copy div.inner{position: relative;height: 148px;}
	div#suntory_contents div.mvcopyScrollArea h1.sticky-container div.mv-copy div.inner img{width:auto;height: 148px; transition: 0.4s ease-out;filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(182deg) brightness(104%) contrast(101%) drop-shadow(7px 7px 5px rgba(0,0,0,0.75));}
	div#suntory_contents div.mvcopyScrollArea h1.sticky-container div.invert div.inner img.img_off{filter: invert(32%) sepia(0%) saturate(0%) hue-rotate(113deg) brightness(100%) contrast(92%) drop-shadow(1px 3px 5px rgba(0, 0, 0, 0));}
	div#suntory_contents div.mvcopyScrollArea h1.sticky-container div.mv-copy span.text-container{}
	div#suntory_contents div.mvcopyScrollArea h1.sticky-container div.mv-copy span.text-container img {width: auto;height: 147.5px;display: block;}

	div#suntory_contents section.mainVisual{   position: relative;margin: 0;width: 100%;;z-index: 1;height: auto;}
	div#suntory_contents section.mainVisual div.inner{width: 100%;margin: 0 auto 0;}
	div#suntory_contents section.mainVisual div.inner div.mvimg_sp{margin:0 0 50px;}
	div#suntory_contents section.mainVisual div.inner div.mvcopy_sp{width:70%;margin:0 auto 20px;}
	div#suntory_contents section.mainVisual div.inner div.mvcopy_sp img{filter: invert(32%) sepia(0%) saturate(0%) hue-rotate(113deg) brightness(100%) contrast(92%) drop-shadow(1px 3px 5px rgba(0, 0, 0, 0));}

	div#suntory_contents section.section_001{position: relative;padding:0 0 60px;}
	div#suntory_contents section.section_001 div.inner{display: block;width: 100%;margin: 0 auto 0;position: relative;padding: 20px 5% 0;}

	div#suntory_contents section.section_001 div.inner h1.h1 {        width: 90%;height: 600px;position: absolute;top: -240px;z-index: 5;}
	div#suntory_contents section.section_001 div.inner h1.h1 div.copy{}
	div#suntory_contents section.section_001 div.inner h1.h1 div.copy span.text-container{}
	div#suntory_contents section.section_001 div.inner h1.h1 div.copy span.text-container img {        max-width: 100%;height: auto;display: block;}

	div#suntory_contents section.section_001 div.inner div.cnt{        width: 100%;position: relative;}
	div#suntory_contents section.section_001 div.inner div.cnt p.read{width: 100%;margin-bottom:30px;font-size:15px;}
	div#suntory_contents section.section_001 div.inner div.cnt a.btn{display:block;width: 291px;margin:0 auto;padding:17px 0 0;text-align: center;}
	div#suntory_contents section.section_001 img.txc{        position: absolute;left: 0;right: auto;bottom: 0;margin: auto;width: auto;height: 300px;}

	div#suntory_contents section.section_002{position: relative;/*background: radial-gradient(circle at 30% 30%, #63bfd9, transparent 40%), radial-gradient(circle at 70% 70%, #2df2e0, transparent 50%), radial-gradient(circle at 50% 50%, #1e91b2, transparent 60%);background-color: #63bfd9;*/background:url('/group/sbs/images/renew/sec_002_bg01_sp.svg') no-repeat top left;background-size:cover;border-radius: 35px 0 0 35px;padding: 90px 0 30px;color: #ffffff;margin-bottom: 50px;}
	div#suntory_contents section.section_002 div.inner{display: block;width: 100%;margin: 0 auto 0;padding:0 5%;position: relative;}
	div#suntory_contents section.section_002 div.inner img.mttl{position: absolute;top: -55px;left:5%;width: 330px;height: auto;}
	div#suntory_contents section.section_002 div.inner div.cnthead{   margin-bottom: 40px;}
	div#suntory_contents section.section_002 div.inner div.cnthead h2{text-align: center;}
	div#suntory_contents section.section_002 div.inner div.cnthead p.read{line-height: 1.6em;}
	div#suntory_contents section.section_002 div.inner div.cnthead a.btn{background: none;color: #fff;margin: 0 auto;border: 1px solid #fff;}
	div#suntory_contents section.section_002 div.inner div.cnthead a.btn:after{background: rgba(0,0,0,0.1);}
	div#suntory_contents section.section_002 img.txc{position: absolute;left: 0;right: 0;bottom: 0;margin: auto;width: 100%;}

	div#suntory_contents section.section_002 div.cntrec_001{margin: 0;}
	div#suntory_contents section.section_002 div.cntrec_001 div.rec001{width: 100%;position: relative;height: auto;padding: 0px 0 50px 0px;}
	div#suntory_contents section.section_002 div.cntrec_001 div.rec001 img.eyecatch{        width: 43%;height: auto;z-index: 5;max-height: 230px;margin-bottom: 23px;}
	div#suntory_contents section.section_002 div.cntrec_001 div.rec001 img.eyecatch.pc{display: none;}
	div#suntory_contents section.section_002 div.cntrec_001 div.rec001 div.cnt{        width: 100%;background: #fff;border-radius: 20px;position: relative;top: 0px;text-align: center;padding: 31px 5% 30px 5%;color: #1096b9;margin-left: 0;}
	div#suntory_contents section.section_002 div.cntrec_001 div.rec001 div.cnt h2{font-size: 26px;font-weight: 700;font-family:'Noto Sans JP',sans-serif;margin-bottom: 15px;text-align:center;}
	div#suntory_contents section.section_002 div.cntrec_001 div.rec001 div.cnt p{        font-size: 14px;line-height: 1.8em;font-weight: 700;margin-bottom: 20px;text-align: center;}
	div#suntory_contents section.section_002 div.cntrec_001 div.rec001 div.cnt a.btn{margin:0 auto;}
	div#suntory_contents section.section_002 div.cntrec_001 div.rec001 div.cnt a.btn.pt02:after{background: rgba(0,0,0,0.1)}

	div#suntory_contents section.section_002 div.cntrec_001 div.rec002{width: 100%;position: relative;overflow: hidden;padding: 0 0 20px;}
	div#suntory_contents section.section_002 div.cntrec_001 div.rec002 h3{ display: block;text-align: center;font-size: 16px;margin-bottom: 20px;border-radius: 100px;padding: 15px 0;letter-spacing: 0.1em;}
	div.carousel-container {/*position: relative;*/width: 100%;max-width: 95%;margin: 0 auto;}
	div.carousel-container ul.scrl {list-style: none;padding: 0;margin: 0;display: flex;}
	div.carousel-container ul.scrl li {flex: 0 0 100%;display: flex;justify-content: center;align-items: center;margin: 0 10px;}
	div.carousel-container ul.scrl li img {width: 100%;height: auto;border-radius: 10px}

	/* slick */
	.slick-prev {left: 11px;}
	.slick-next {right: 11px;}
	.slick-prev::before {margin: 2px 0 0 -3px;transform: rotate(45deg) translateX(-50%) translateY(-50%);}.slick-next::before {margin: -5px 0 0 -7px;transform: rotate(-135deg);}
	button.slick-prev, button.slick-next {position: absolute;background: none;border: none;box-shadow: none;z-index: 10;cursor: pointer;top: auto;bottom:0;}
	button.slick-prev {left: calc( 50% - 100px );transform: rotate(-90deg)}
	button.slick-next {right: calc( 50% - 100px );transform: rotate(90deg)}
	button.slick-prev img, button.slick-next img {width: 13px;height:auto;}
	button.slick-prev.prev2, button.slick-next.next2 {top:calc(50% - 60px);width:35px;height:35px;}
	button.slick-prev.prev2 img, button.slick-next.next2 img {width: 35px;height:auto;transition: .3s;}
	button.slick-prev.prev2 img:hover, button.slick-next.next2 img:hover {opacity:0.8;}
	button.slick-prev.prev2 {left:2px;transform: rotate(0deg)}
	button.slick-next.next2 {right:2px;transform: rotate(180deg)}


	.slick-arrow::before{display: none;}
	ul.slick-dots {position: absolute;left: 51%;transform: translateX(-52%);display: flex;justify-content: center;list-style: none;padding: 0;margin: 0;gap: 0px;height: 20px;top: auto;bottom:13px;}
	.slick-slider{position: static!important;}
	ul.slick-dots li{flex:0 0 10%!important;margin: 5px!important;}
	ul.slick-dots li button {width: 10px;height: 10px;background-color: rgba(255, 255, 255, 0.3);border: none;border-radius: 50%;cursor: pointer;}
	ul.slick-dots li.slick-active button {background-color: rgba(255, 255, 255, 0.8);}

/*
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01{margin: 29px 0 49px;padding: 45px 0 25px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li{margin: 0 0 30px 0;position: relative;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li img{margin-bottom: 10px;float: left;width: 80%;border-radius:10px;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li a.btn{color: #1096b9;background: #fff;width: 60%;height: 45px;padding-top: 11px;letter-spacing: 0;font-size: 13px;position: absolute;right: 0; top: auto;bottom: -12px;margin: auto;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li:nth-child(2) a.btn{padding: 7px 0 0;line-height: 1.3;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li a.btn img{        top: 17px;right: 6px;width: 10px;height: auto;}

	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_02{}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_02 li{margin: 0 0 30px 0;position: relative;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_02 li img{margin-bottom: 10px;float: right;width: 80%;border-radius:10px;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_02 li a.btn{color: #1096b9;background: #fff;width: 60%;height: 45px;padding-top: 11px;letter-spacing: 0;font-size: 13px;position: absolute;top: auto;bottom: -12px;margin: auto;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_02 li:nth-child(1) a.btn{padding: 7px 0 0;line-height: 1.3;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_02 li a.btn img{        top: 17px;right: 6px;width: 10px;height: auto;}


*/
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01{margin: 29px 0 49px;padding: 45px 0 25px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li{margin: 0 auto 30px;position: relative;width:100%;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li img{margin-bottom: 20px;width: 100%;border-radius:10px;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li a.btn{margin:0 auto;color: #1096b9;background: #fff;width: 80%;height: 45px;padding-top: 9px;letter-spacing: 0;margin: auto;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li a.btn img{top: 15px;right: 15px;width: 14px;height: auto;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li.outlink a.btn{}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li.outlink a.btn img{top: 13px;width:17px;height: 17px;border-radius: 0;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_01 li.outlink a.btn:hover img.arrow{right: 15px;}

	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_02{}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_02 li{margin: 0 auto 30px;position: relative;width:100%;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_02 li img{margin-bottom: 20px;width: 100%;border-radius:10px;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_02 li a.btn{margin:0 auto;color: #1096b9;background: #fff;width: 80%;height: 45px;padding-top: 9px;letter-spacing: 0;margin: auto;}
	div#suntory_contents section.section_002 div.cntrec_002 ul.lst_02 li a.btn img{top: 15px;right: 15px;width: 14px;height: auto;}


	div#suntory_contents section.section_003 {width: 100%;overflow: hidden;}
	@keyframes scroll-left {
	0% {transform: translateX(0);}
	100% {transform: translateX(-50%);}
	}

	div#suntory_contents section.section_003{}
	div#suntory_contents section.section_003 {width: 100%;overflow: hidden;}
	div#suntory_contents section.section_003 div.cntrec_002{        position: relative;margin-bottom: 80px;padding: 17px 5% 0;}
	div#suntory_contents section.section_003 div.cntrec_002 div.inner{width: 100%;margin: 0 auto;position: relative;z-index: 5;}
	div#suntory_contents section.section_003 div.cntrec_002 div.inner h2{}
	div#suntory_contents section.section_003 div.cntrec_002 div.inner p.read{line-height: 1.6em;font-size: 13px;}
	div#suntory_contents section.section_003 div.cntrec_002 div.inner a.btn{margin:0 auto;}
	/*div#suntory_contents section.section_003 div.cntrec_002 div.inner a.btn{        position: absolute;width: 40%;padding: 18px 0 0 12px;font-size: 14px;right: 0;top: 18px;}*/	
	div#suntory_contents section.section_003 div.cntrec_002 ul.newsbk-roop{   width: 1000%;overflow: hidden;position: absolute;z-index: 1;top: 0px;display: flex;gap: 50px;animation: scroll-left 30s linear infinite;width: max-content;}
	div#suntory_contents section.section_003 div.cntrec_002 ul.newsbk-roop li{   float: left;margin-right: 20px;flex: 0 0 auto;}
	div#suntory_contents section.section_003 div.cntrec_002 ul.newsbk-roop li img{   height: 133px;}

	div#suntory_contents section.section_003 div.cntrec_003{        margin-bottom: 30px;padding: 0 5% 0;}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner{        width: 100%;position: relative;margin: 0 auto;background: #0F96B8;color: #fff;border-radius: 20px;padding: 220px 5% 20px;overflow: hidden;}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner h2{        margin-bottom: 25px;}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner p.read{line-height: 2.0;}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner ul.lnk{ position: relative;}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner ul.lnk li{         float: left;margin-right: 4%;width: 48%;}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner ul.lnk li:last-child{margin-right: 0;}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner ul.lnk li a.btn{border: 2px solid #fff;height: 50px;padding: 10px 10px 0 0;width: 100%;}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner ul.lnk li a.btn img.arrow{        top: 16px;right: 10px;}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner ul.lnk li.outlink a.btn{}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner ul.lnk li.outlink a.btn img{top: 14px;width:17px;height: 17px;border-radius: 0;}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner ul.lnk li.outlink a.btn:hover img.arrow{right: 10px;}
	div#suntory_contents section.section_003 div.cntrec_003 div.inner img.eyecatch{ height: 200px;width: 100%;position: absolute;right: 0;top: 0;object-fit: cover;}


	div#suntory_contents section.section_003 div.cntrec_004{        margin-bottom: 50px;padding: 0 5% 0;}
	div#suntory_contents section.section_003 div.cntrec_004 div.inner{        width: 100%;height: auto;position: relative;margin: 0 auto;background: #2762B7;color: #fff;border-radius: 20px;padding: 260px 5% 23px;overflow: hidden;}
	div#suntory_contents section.section_003 div.cntrec_004 div.inner h2{        margin-bottom: 25px;}
	div#suntory_contents section.section_003 div.cntrec_004 div.inner p.read{        font-size: 14px;letter-spacing: 0.01em;line-height: 2.0;font-weight: 700;margin-bottom: 20px;padding: 6px 0 0 0;}
	div#suntory_contents section.section_003 div.cntrec_004 div.inner a.btn{background: #2762B7;border: 2px solid #fff;height: 60px;padding-top: 16px;margin:0 auto;}
	div#suntory_contents section.section_003 div.cntrec_004 div.inner a.btn img.arrow{top: 21px;}
	div#suntory_contents section.section_003 div.cntrec_004 div.inner img.eyecatch{        position: absolute;left: 0;top: 0;width: 100%;height: 240px;object-fit: cover;}
	div#suntory_contents section.section_003 div.cntrec_004 div.inner img.eyecatch.pc{display: none;}

	div#suntory_contents section.section_004{}
	div#suntory_contents section.section_004 div.cntrec_001{ margin-bottom: 20px;height: 300px;position: relative;width: 100%;overflow: hidden;background: linear-gradient(145deg, #63bfd9, #2df2e0, #1e91b2);background-size: 150% 150%;animation: gradientAnimation 10s ease infinite;}
	div#suntory_contents section.section_004 div.cntrec_001 div.inner{position: relative;margin: 0 auto;color: #fff;border-radius: 20px;padding: 50px 5% 0;overflow: hidden;z-index: 5;}
	div#suntory_contents section.section_004 div.cntrec_001 div.inner h2{        margin-bottom: 10px;}
	div#suntory_contents section.section_004 div.cntrec_001 div.inner p.read{font-size: 16px;letter-spacing: 0.01em;line-height: 34px;font-weight: 700;margin-bottom: 30px;}
	div#suntory_contents section.section_004 div.cntrec_001 div.inner a.btn{background: #fff;padding-top: 16px;color: #1096b9;position: relative;height: 60px;margin:0 auto;}
	div#suntory_contents section.section_004 div.cntrec_001 div.inner a.btn img.arrow{top: 21px;}
	div#suntory_contents section.section_004 div.cntrec_001 img.txc{position: absolute;left: 0px;right: 0;bottom: 0px;min-height: 350px;width: 100%;z-index: 1;opacity: 1;mix-blend-mode: multiply;}
	div.section.banner_section{margin: -47px 0 70px;}
	.banner_list {max-width: 345px;margin: 0 auto;}
	.banner_item {width: 47.83%;height: 47px;margin-right: 4%;font-size: 0.7334em;line-height: 1.4546;}
	.banner_item:nth-child(even) {margin-right: 0;}
	.banner_item:nth-child(n+3) {margin-top: 15px;}
	.banner001 img {width: 107px;}
	.banner002 img {width: 147px;}
	.banner003 {background: url(/group/sbs/images/banner/banner_003_sp.jpg) right 0 no-repeat;background-size: cover;}
	.banner004 {background: url(/group/sbs/images/banner/banner_004_sp.jpg) right 0 no-repeat;background-size: cover;}
	.banner005 {background: url(/group/sbs/images/banner/banner_005_sp.jpg) right 0 no-repeat;background-size: cover;}
	.banner006 {background: url(/group/sbs/images/banner/banner_006_sp.jpg) center 0 no-repeat;background-size: cover;}
	.banner007 img {width: 66px;}

}