@charset "utf-8";

.sp{
display:none;}

/*mv*/
#mv{
background:#f1f8f3;}

#mv h2{
width:100vw;
max-width:960px;
margin:0 auto;
text-align:center;}

#mv h2 img{
display:block;
max-width:100%;
height:auto;}

/*c01*/
#c01_box01{
width:84vw;
max-width:780px;
margin:84px auto 0 auto;
color:#000;
letter-spacing:0;}

#c01_box01 h3{
margin-bottom:40px;
font-size:clamp(20px,2.4vw,26px);
font-weight:600;
line-height:1.6;
text-align:center;}

#c01_box01 p{
font-size:clamp(12px,1.8vw,16px);
font-weight:350;
line-height:2;
text-align:justify;}

/*c02*/
#c02_box01{
width:84vw;
max-width:780px;
margin:64px auto 0 auto;
color:#000;
text-align:left;
letter-spacing:0;}

#c02_box01 h3{
margin-bottom:35px;
font-size:clamp(14px,1.9vw,18px);
font-weight:600;
line-height:1;}

#c02_box01 h4{
margin-bottom:0;
font-size:clamp(12px,1.8vw,16px);
font-weight:500;}

#c02_box01 h5{
margin:20px 0 0 0;
font-size:clamp(12px,1.8vw,16px);
font-weight:600;
line-height:1.6;
text-indent:-1em;
padding-left:1em;
text-align:justify;}

.provided_h4{
margin-top:32px;}

#c02_box01 p{
margin:10px 0 30px 0;
font-size:clamp(12px,1.8vw,16px);
font-weight:350;
line-height:1.8;
text-align:justify;
margin-left:16px;}

#p_in{
text-indent:-1em;
padding-left:1em;}

.provided_p{
margin:10px 0 0 16px;
font-size:clamp(12px,1.8vw,16px);
font-weight:350;
line-height:1.8;
text-align:justify;}

.provided_ul{
margin:10px 0 0 0!important;
font-size:clamp(12px,1.8vw,16px);
font-weight:350;
line-height:1.8;
text-align:justify;
margin-left:16px;
text-indent:-1.2em;
padding-left:1.2em;}

.provided_ul li{
margin-bottom:5px;}

.provided_ul span{
font-size:clamp(8px,1.5vw,12.8px);
display:block;
line-height:1.5;
text-indent:-1.05em;
padding-left:1.05em;}

/*c03*/
#c03_box01{
width:84vw;
max-width:780px;
margin:60px auto 100px auto;
padding:36px 30px;
color:#000;
text-align:left;
letter-spacing:0;
border:1px solid #ccc;
border-radius:8px;}

#c03_box01 h3{
margin:0 0 34px -6px;
font-size:clamp(14px,2vw,18px);
font-weight:600;
line-height:1;
text-align:center;}

#c03_box01 h4{
margin-bottom:-6px;
font-size:clamp(12px,1.8vw,16px);
font-weight:500;}

#c03_box01 p{
margin:10px 0 -5px 15px;
font-size:clamp(12px,1.8vw,16px);
font-weight:350;
line-height:1.8;
text-align:justify;}

@media(min-width:768px) and (max-width:1163.9px){
#suntory_contents{
min-width:960px;}

@media(orientation:landscape){
.iphone #suntory_contents{
min-width:100%;}}

@media(orientation:landscape){
.android #suntory_contents{
min-width:100%;}}

#mv h2{
width:100%;
max-width:100%;
min-width:100%;}

#mv h2 img{
width:100%;
margin:0 auto;}
}

@media(max-width:767.9px){
.pc{
display:none;}

.sp{
display:block;}

/*mv*/
#mv h2{
width:100vw;
margin:0 auto;}

#mv h2 img{
display:block;
max-width:100%;
height:auto;}

/*c01*/
#c01_box01{
width:90vw;
margin:16vw auto 0 auto;
color:#000;
letter-spacing:0;}

#c01_box01 h3{
margin-bottom:10vw;
font-size:5vw;
font-weight:600;
line-height:1.6;
text-align:center;}

#c01_box01 p{
font-size:4.3vw;
font-weight:400;
line-height:1.8;
text-align:justify;}

/*c02*/
#c02_box01{
width:90vw;
margin:13vw auto 0 auto;
color:#000;
text-align:left;
letter-spacing:0;}

#c02_box01 h3{
margin-bottom:6vw;
font-size:4.5vw;
font-weight:600;
line-height:1.6;
letter-spacing:-0.1vw;
text-align:justify;}

#c02_box01 h4{
margin:7vw 0 -1vw 0;
font-size:4.1vw;
font-weight:600;
line-height:1.6;
text-align:justify;
text-indent:-1em;
padding-left:1em;
letter-spacing:-0.08vw;}

.provided_h4{
margin:8vw 0 -2vw 0!important;}

#c02_box01 h5{
margin:7vw 0 2vw 0;
font-size:4.1vw;
font-weight:600;
line-height:1.6;
text-align:justify;
text-indent:-1.2em;
padding-left:1.2em;}

#c02_box01 p{
font-size:3.5vw;
font-weight:400;
line-height:1.6;
text-align:justify;
margin-left:4vw;}

.provided_p{
font-size:4.1vw!important;}

.provided_ul{
margin:0!important;
font-size:4.1vw;
font-weight:400;
line-height:1.6;
text-align:justify;
margin-left:-0.2vw!important;
text-indent:-1.2em;
padding-left:1.2em;
margin-bottom:-2vw!important;}

.provided_ul li{
margin-bottom:3vw;}

.provided_ul span{
font-size:2.8vw;
display:block;
margin-top:1vw;
line-height:1.5;
text-indent:-1.05em;
padding-left:1.05em;}

/*c03*/
#c03_box01{
width:90vw;
margin:15vw auto 20vw auto;
padding:8vw 0;
color:#000;
text-align:left;
letter-spacing:0;
border:0.2vw solid #ccc;
border-radius:2vw;}

#c03_box01 h3{
margin-bottom:6vw;
font-size:5vw;
font-weight:600;
line-height:1.6;
text-align:center;}

#c03_box01 h4{
font-size:4.2vw;
font-weight:600;
padding:0 3vw;
margin-left:3vw;
line-height:1.8;
text-indent:-1em;
padding-left:1em;}

#c03_box01 p{
font-size:4.2vw;
font-weight:400;
line-height:1.6;
text-align:justify;
margin-left:4vw;
padding:0 5vw 0 3vw;}
}