@charset "utf-8";

.sp{
display:none;}

/*mv*/
#mv{
padding-top:60px;}

#mv h2{
margin-bottom:40px;
font-size:clamp(22px,2.5vw,28px);
font-weight:600;
line-height:1.6;
text-align:center;}

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

#mv h3 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 p{
font-size:clamp(12px,1.8vw,16px);
font-weight:350;
line-height:2;
text-align:justify;}

/*cta*/
.cta{
width:790px;
margin:0 auto;
display:flex;
gap:100px;
margin-top:80px;}

.cta_l{
transition:transform 0.3s ease;
width:340px;
margin-left:10px;}

.cta_l:hover{
transform:translateY(3.5px);}

.cta_r{
transition:transform 0.3s ease;
width:340px;}

.cta_r:hover{
transform:translateY(3.5px);}

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

#c02_box01 h3{
margin-bottom:18px;
font-size:clamp(14px,2vw,18px);
font-weight:600;}

#c02_box01 ul{
margin-bottom:30px!important;}

#c02_box01 li{
margin:0 0 2px 18px;
font-size:clamp(12px,1.8vw,16px);
font-weight:350;
line-height:1.8;
text-align:justify;}

.c02_box01_li{
font-size:clamp(10px,1.6vw,14px)!important;}

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

#c03_box01 h3{
font-size:clamp(14px,2vw,18px);
font-weight:600;}

#c03_box01 h3 span{
font-size:clamp(10px,1.6vw,14px);
font-weight:400;}

#c03_box01_in01_cont h3{
font-size:clamp(14px,2vw,18px);
font-weight:500;
margin:19px 0 -28px 20px;}

.c03_box01_in h4{
font-size:clamp(12px,1.8vw,16px);
font-weight:500;
margin:50px 0 0 20px!important;
display:flex;
align-items:center;}
  
.c03_box01_in h4::after{
content:"";
flex-grow:1;
height:1px;
background:#000;
margin-left:10px;}

.c03_box01_in_box{
display:flex;
width:780px;
margin:0 0 0 16px;
gap:20px;
flex-wrap:wrap;}

.c03_box01_in01{
width:160px;
padding-top:20px;}

.c03_box01_in01 img{
width:140px;}

.c03_box01_in02{
width:540px;}

.c03_box01_in02 h5{
margin:30px 0 15px 0!important; 
font-size:clamp(12px,1.8vw,16px);
font-weight:600;
line-height:1.5;}

#c03_box01_in_h5{
padding-top:10px!important;}

.c03_box01_in02 h6{
margin-bottom:17px!important;
font-size:clamp(12px,1.8vw,16px);
font-weight:350;
line-height:1.6;}

.c03_box01_in p{
margin:14px 0 2px 0;
font-size:clamp(11px,1.7vw,15px);
font-weight:350;
line-height:1.8;
text-align:justify;}

#c03_box01_in02_cont{
border-top:1px solid #000;
margin-top:50px;}

#c03_box01_in02_cont h3{
font-size:clamp(14px,2vw,18px);
font-weight:500;
margin:50px 0 -28px 20px;}

#c03_box01_in02_cont h4{
font-size:clamp(12px,1.8vw,16px);
font-weight:500;
margin:50px 0 0 20px!important;
display:flex;
align-items:center;}

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

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

#c04_box01 h3{
margin-bottom:0;
font-size:clamp(14px,2vw,18px);
font-weight:600;}

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

#c04_box01 ul{
margin:0 0 -5px 0!important;}

#c04_box01 li{
margin:0 0 2px 0;
font-size:clamp(12px,1.8vw,16px);
font-weight:350;
line-height:1.8;
text-align:justify;
margin-left:16px;
padding-left:1em;
text-indent:-1em;}

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

#c05_box01 h3{
margin-bottom:0;
font-size:clamp(14px,2vw,18px);
font-weight:600;}

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

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

#c06_box01 h3{
margin-bottom:16px;
font-size:clamp(14px,2vw,18px);
font-weight:600;}

#c06_box01 ul{
margin-bottom:40px!important;}

#c06_box01 li{
margin:0 0 2px 0;
font-size:clamp(12px,1.8vw,16px);
font-weight:350;
line-height:1.8;
text-align:justify;
margin-left:16px;
padding-left:1em;
text-indent:-1em;}

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

#c07_box01 h3{
margin-bottom:16px;
font-size:clamp(14px,2vw,18px);
font-weight:600;}

#c07_box01 ul{
margin-bottom:30px!important;}

#c07_box01 li{
margin:0 0 2px 0;
font-size:clamp(12px,1.8vw,16px);
font-weight:350;
line-height:1.8;
text-align:justify;
margin-left:16px;
padding-left:1em;
text-indent:-1em;}

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

#c08_box01 h3{
margin-bottom:16px;
font-size:clamp(14px,2vw,18px);
font-weight:600;}

#c08_box01 ul{
margin-bottom:30px!important;}

#c08_box01 li{
margin:0 0 2px 0;
font-size:clamp(12px,1.8vw,16px);
font-weight:350;
line-height:1.8;
text-align:justify;
margin-left:16px;
padding-left:1em;
text-indent:-1em;}

#c08_box01 li a:hover{
opacity:0.7;}

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

#c09_box01 h3{
margin-bottom:16px;
font-size:clamp(14px,2vw,18px);
font-weight:600;}

#c09_box01 ul{
margin-bottom:30px!important;}

#c09_box01 li{
margin:0 0 2px 0;
font-size:clamp(12px,1.8vw,16px);
font-weight:350;
line-height:1.8;
text-align:justify;
margin-left:16px;
padding-left:1em;
text-indent:-1em;}

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

#c10_box01 h3{
margin-bottom:0;
font-size:clamp(14px,2vw,18px);
font-weight:600;}

#c10_inline{
background:#f3f3f3;
border-radius:8px;
margin:24px 0 0 20px;
padding:20px 4px 20px 4px;}

#c10_inline_in{
position:relative;
overflow:auto;
overflow-y:scroll;
overflow-x:hidden;
width:100%;
height:200px;
padding:0 34px 0 10px;}

#c10_box01 h4{
margin:14px 0 0 8px;
font-size:clamp(11.3px,1.73vw,15.3px);
font-weight:600;
line-height:1.8;
text-align:justify;}

#c10_box01 p{
margin:0 0 2px 16px;
font-size:clamp(11.3px,1.73vw,15.3px);
font-weight:350;
line-height:1.8;
text-align:justify;}

#c10_box01 ul{
margin:0!important;}

#c10_box01 li{
margin:0 0 2px 0;
font-size:clamp(11.3px,1.73vw,15.3px);
font-weight:350;
line-height:1.8;
text-align:justify;
margin-left:16px;
padding-left:1em;
text-indent:-1em;}

#c10_box01 a:hover{
opacity:0.7;}

/*c11*/
#c11_box01{
width:84vw;
max-width:560px;
margin:90px auto 0 auto;
color:#000;
text-align:center;
letter-spacing:0;
border:1px solid #ccc;
border-radius:8px;}

#c11_box01 h3{
margin:0;
padding:8px 0 10px 0;
font-size:clamp(14px,2vw,18px);
font-weight:600;
color:#fff;
background:#b4b4b4;
border-radius:8px 8px 0 0;}

#c11_box01 p{
margin:18px 0 22px 16px;
font-size:clamp(12px,1.8vw,16px);
font-weight:350;
line-height:1.8;}

#c11_box01 p span{
font-size:clamp(11px,1.7vw,15px);}

#c11_box01 p a:hover{
opacity:0.7;}

/*pagetop*/
#pagetop_box{
width:80vw;
max-width:1164px;
margin:60px auto 40px auto;}

#pagetop{
transition:0.3s;
margin:0 20px 20px auto;
width:50px!important;}

#pagetop:hover{
opacity:0.6;}

@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{
padding-top:12vw;}

#mv h2{
margin-bottom:8vw;
font-size:5.1vw;
font-weight:600;
line-height:1.6;
text-align:center;}

#mv h3{
width:100vw;
margin:0 auto;}

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

/*c01*/
#c01{display:none;}

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

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

/*cta*/
.cta{
width:70vw;
margin:0 auto;
display:block;
gap:0;
margin-top:14vw;}

.cta_l{
transition:transform 0s ease;
width:100%;
margin-bottom:6vw;
margin-left:0;}

.cta_l:hover{
transform:translateY(0);}

.cta_r{
transition:transform 0s ease;
width:100%;}

.cta_r:hover{
transform:translateY(0);}

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

#c02_box01 h3{
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;}

#c02_box01 ul{
margin:3vw 0 0 0;} 

#c02_box01 li{
font-size:3.5vw;
font-weight:400;
line-height:1.6;
text-align:left;
margin-left:4vw;
padding-left:5em;
text-indent:-5em;}

.c02_box01_li{
font-size:2.7vw!important;
margin-left:22vw!important;}

/*c03*/
#c03_box01{
width:90vw;
margin:14vw auto 0 auto;
color:#000;
text-align:left;
letter-spacing:0;}

#c03_box01 h3{
margin:7vw 0 3.5vw 0;
font-size:4.1vw;
font-weight:600;
line-height:1.6;
text-align:justify;
letter-spacing:-0.08vw;}

#c03_box01 h3 span{
font-size:2.7vw!important;
font-weight:400;}

#c03_box01_in01_cont h3{
margin:-0.8vw 0 3vw 0!important;
font-size:3.8vw;
font-weight:600;
line-height:1.5;
text-align:justify;
text-indent:0;
padding-left:0;}

.c03_box01_in{
margin-bottom:10vw;}

.c03_box01_in h4{
font-size:3.5vw;
font-weight:500;
line-height:1.6;
text-align:left;
margin:0 0 3vw 0!important;}
  
.c03_box01_in h4::after{
content:"";
flex-grow:1;
height:0.2vw;
background:#000;
margin-left:1vw;}

.c03_box01_in_box{
display:inline-block;
width:80vw;
margin:0 0 0 5vw;
gap:0;}

.c03_box01_in01{
width:80vw;
padding-top:0;
text-align:center;}

.c03_box01_in01 img{
width:36vw!important;
margin-bottom:-1vw!important;}

.c03_box01_in02{
width:80vw;}

.c03_box01_in02 h5{
font-size:3.5vw;
font-weight:500;
line-height:1.5;
text-align:left;}

#c03_box01_in_h5{
padding-top:0!important;}

.c03_box01_in02 h6{
font-size:3.5vw;
font-weight:400;
line-height:1.5;
text-align:left;}

.c03_box01_in p{
font-size:3.3vw;
font-weight:400;
line-height:1.6;
text-align:justify;}

#c03_box01_in02_cont{
border-top:0.2vw solid #000;
margin-top:6vw;
padding-top:6vw;}

#c03_box01_in02_cont h3{
margin:4vw 0 3vw 0!important;
font-size:3.8vw;
font-weight:600;
line-height:1.5;
text-align:justify;
text-indent:0;
padding-left:0;}

#c03_box01_in02_cont h4{
font-size:3.5vw;
font-weight:500;
line-height:1.6;
text-align:left;
margin:0 0 3vw 0!important;}

#c03_box01_in02_cont p{
font-size:3.3vw;
font-weight:400;
line-height:1.6;
margin-left:0;
text-align:justify;}

/*c04*/
#c04_box01{
width:90vw;
margin:14vw auto 0 auto;
color:#000;
text-align:left;
letter-spacing:0;}

#c04_box01 h3{
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;}

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

#c04_box01 li{
font-size:3.5vw;
font-weight:400;
line-height:1.6;
text-align:justify;
margin-left:4vw;
padding-left:1em;
text-indent:-1em;}

/*c05*/
#c05_box01{
width:90vw;
margin:14vw auto 0 auto;
color:#000;
text-align:left;
letter-spacing:0;}

#c05_box01 h3{
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;}

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

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

#c06_box01 h3{
margin:7vw 0 2.6vw 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;}

#c06_box01 li{
font-size:3.5vw;
font-weight:400;
line-height:1.6;
text-align:justify;
margin-left:4vw;
padding-left:1em;
text-indent:-1em;}

#c06_box01 li span{
display:block;
font-size:3.3vw;
font-weight:400;
margin-left:1.5vw;}

.c06_box01_li{
margin-top:-5vw;}

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

#c07_box01 h3{
margin:7vw 0 2.6vw 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;}

#c07_box01 li{
font-size:3.5vw;
font-weight:400;
line-height:1.6;
text-align:justify;
margin-left:4vw;
padding-left:1em;
text-indent:-1em;}

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

#c08_box01 h3{
margin:7vw 0 2.6vw 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;}

#c08_box01 li{
font-size:3.5vw;
font-weight:400;
line-height:1.6;
text-align:justify;
margin-left:4vw;
padding-left:1em;
text-indent:-1em;}

#c08_box01 li a:hover{
opacity:1;}

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

#c09_box01 h3{
margin:7vw 0 2.6vw 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;}

#c09_box01 li{
font-size:3.5vw;
font-weight:400;
line-height:1.6;
text-align:justify;
margin-left:4vw;
padding-left:1em;
text-indent:-1em;}

/*c10*/
#c10_box01{
width:90vw;
margin:14vw auto 0 auto;
color:#000;
text-align:left;
letter-spacing:0;}

#c10_box01 h3{
margin:7vw 0 0 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;}

#c10_inline{
background:#f3f3f3;
border-radius:2vw;
margin:4vw 0 0 4vw;
padding:4vw 1vw 4vw 0;}

#c10_inline_in{
position:relative;
overflow:auto;
overflow-y:scroll;
overflow-x:hidden;
width:100%;
height:35vw;
padding:0 5vw 0 0;}

#c10_box01 h4{
font-size:3.3vw;
font-weight:600;
line-height:1.6;
text-align:justify;
margin-left:1vw;}

#c10_box01 p{
font-size:3.3vw;
font-weight:400;
line-height:1.6;
text-align:justify;}

#c10_box01 li{
font-size:3.3vw;
font-weight:400;
line-height:1.6;
text-align:justify;
margin-left:4vw;
padding-left:1em;
text-indent:-1em;}

#c10_box01 a:hover{
opacity:1;}

/*c11*/
#c11_box01{
width:90vw;
margin:15vw auto 14vw auto;
padding-bottom:1vw;
color:#000;
text-align:center;
letter-spacing:0;
border:1px solid #ccc;
border-radius:2vw;}

#c11_box01 h3{
margin:0;
padding:2vw 0 2.8vw 0;
font-size:4.1vw;
font-weight:600;
color:#fff;
background:#b4b4b4;
border-radius:2vw 2vw 0 0;}

#c11_box01 p{
font-size:3.5vw;
font-weight:400;
line-height:1.6;
margin-left:4.5vw;}

#c11_box01 p span{
font-size:3.3vw;}

/*pagetop*/
#pagetop_box{
width:90vw;
max-width:90vw;
margin:0 auto 5vw auto;}

#pagetop{
transition:0s;
margin:0 0 20px auto;
width:10vw!important;}

#pagetop:hover{
opacity:1;}
}