@charset "utf-8";

/* IMAGE */
#YU12_poster1 { max-width:90rem }
#yu12_img1 { max-width:50rem } 


#yu12_logo1 { max-width:29rem }
#yu12_img1 { max-width:110rem }

#yu12_poster13 , #yu12_poster14 { width:50% }
#yu12_poster13 { float:left }
#yu12_poster14 { float:right } 

.YU12__caption { text-align:center ; margin-bottom:1.2rem }
.YU12__caption > b { 
	display:inline-block ; background-color:#ffc92f ; 
	padding:1rem 4rem ; box-sizing:border-box ; border-radius:4rem ; letter-spacing:-0.5px ; word-break:keep-all ; 
	font-size:1.8rem ; line-height:2.8rem ; color:#000000 ; font-weight:600 ; margin-bottom:0.5rem }

.YU12__bar__caption , .YU12__bar__caption a { 
    display:block ; padding-top:1.4rem ;
    font-size:1.2rem ; line-height:1.8rem ; word-break:keep-all ; letter-spacing:-0.01rem
} 
.YU12__bar__caption a { padding-top:0 }
.YU12__bar__caption a:hover { text-decoration:underline }
.YU12__bar__caption { position:relative ; padding-left:0.8rem }
.YU12__bar__caption::before {
    width:0.2rem ; height:1.6rem ; display:block ; content:"" ;
    background-color:rgba(0,0,0,0.2) ;
    position:absolute ; left:0 ; top:1.6rem
}


.SB__list .SB__item a { font-size:inherit ; line-height:inherit ; color:inherit ; font-weight:inherit }
.SB__list .SB__item a:hover { text-decoration:underline }
.sup { font-size:70% }


.YU12__h4 { 
    font-size:2.2rem ; line-height:2.6rem ; font-weight:800 ; color:#111111 ;
    margin-bottom:1rem ; letter-spacing:-0.15rem ;
}
.YU12__h5 { font-size:2rem ; line-height:2.4rem ; font-weight:600 ; color:#111111 ;
    margin-bottom:1rem ; letter-spacing:-0.15rem ; 
}

.YU12__list { margin-bottom:3rem }
.YU12__list li { 
    position:relative ; padding-left:1rem ;
    font-size:1.6rem ; line-height:2.8rem ; margin-bottom:0.5rem }
.YU12__list.no li { padding-left:0 }    
.YU12__list li:last-child , .YU12__list:last-child { margin-bottom:0 }    
.YU12__list li::before {
    display:block ; content:"" ; width:0.3rem ; height:0.3rem ;
    background-color:rgb(0,0,0,0.3) ;
    position:absolute ; left:0 ; top:1.3rem
}
.YU12__list.no li::before { display:none }

#btn_more11 { margin-bottom:1rem }


.YU12__icon__list > li:nth-child(1) { border-top:solid 1px #d7d7d7 ; text-align:center ; margin-top:1.5rem ; padding-top:1.5rem }
.YU12__icon__list > li { border-bottom:solid 1px #d7d7d7 ; text-align:center ; margin-bottom:1.5rem ; padding-bottom:1.5rem }
.YU12__icon__list b , .YU12__icon__list strong { font-size:1.6rem ; line-height:2.8rem ; text-align:center }
.YU12__icon__list b { display:block ; width:5rem ; margin:auto }
.YU12__icon__list strong { display:inline-block ; font-weight:600 ; background-color:#ffde00 ; padding:0.2rem 2.5rem 0.4rem ; border-radius:3rem ; margin-top:1rem ; margin-bottom:1rem }
.YU12__icon__list .YU12__list li { text-align:left }

.YU12__icon__list2 li { border-bottom:solid 1px #d7d7d7 ; border-top:solid 1px #d7d7d7 ; margin:1.5rem 0 ; padding:1.5rem 0 }
.YU12__icon__list2 li::after { display:block ; content:"▼" ; clear:both ; text-align:center ; color:#ffde00 ; font-size:2rem }
.YU12__icon__list2 li b , .YU12__icon__list2 li strong { display:block ; margin:auto ; text-align:center }
.YU12__icon__list2 li strong { font-size:1.8rem ; line-height:3rem ; font-weight:600 ; margin-top:1rem }

.YU12__icon__list2 li:last-child::after { content:" " }



/* PC **********/
@media screen and (min-width:1100px){
  
    .note__item { font-size:1.6rem ; line-height:2.8rem }
	#btn_more11 { margin-bottom:0 ; margin-right:1rem }
	
	#YU12_table2 td:nth-child(1) { width:28% } 
	#YU12_table2 td:nth-child(2) , 
	#YU12_table2 td:nth-child(3) { width:36% ; word-break:keep-all }
	
	
	#yu12_poster13 , #yu12_poster14 { max-width:45rem }
	
	
	.YU12__icon__list > li::after { display:block ; content:"" ; clear:both }
	.YU12__icon__list > li { display:flex ; align-items:center }
	.YU12__icon__list b { padding:0 0 0 4rem }
	.YU12__icon__list strong { width:18rem ; margin:0 4rem }
	.YU12__icon__list .YU12__list { width:80rem }
	
	.YU12__icon__list2 { width:100% ; margin:auto ; text-align:center }
	.YU12__icon__list2 li { display:inline-block ; position:relative ; width:19rem ; margin:1.5rem 2rem ; padding:1.5rem 2rem }
	.YU12__icon__list2 li::after { position:absolute ; content:"▶" ; right:0 ; top:50% ; transform:translateY(-50%) }
	

} 
 