/* import */
@media screen and (min-width: 769px) {
.bx-wrapper { margin: 0 auto; }

.bx-wrapper .bx-prev { width: 1.2em; height: 1.2em; left: 0; background: url(/content/dam/au-com/pr/cm/3taro/images/btn_l_sld_ind.gif) 50% 50% no-repeat; background-size: 100%; }
.bx-wrapper .bx-prev:hover { background-position: 50% 50%; }

}

@media screen and (max-width: 980px) { .bx-wrapper .bx-prev { left: 2.4em; } }

@media screen and (min-width: 769px) {
.bx-wrapper .bx-next { width: 1.2em; height: 1.2em; right: 0; background: url(/content/dam/au-com/pr/cm/3taro/images/btn_r_sld_ind.gif) 50% 50% no-repeat; background-size: 100%; }
.bx-wrapper .bx-next:hover { background-position: 50% 50%; }
	
/* common chara*/
.pc_char_box { width: 100%; padding: 0 0 88%; position: relative; line-height: 0; }

.btn01_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate; 
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate;
	top: 47%;
	right: 25%;
}

.btn02_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate;
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate;
	top: 74%;
	left: 25%;
}

.btn03_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate; 
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate;
	top: 20%;
	right: 25%;
}

.btn04_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate; 
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate;
	top: 47%;
	left: 25%;
}

.btn05_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate;
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate;
	top: 20%;
	left: 25%;
}
	
.btn06_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate;
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate;
	top: 47%;
	left: -3%;
}
	
.btn07_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate; 
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate;
	top: 74%;
	right: 25%;
}
	
.btn08_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate; 
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate;
top: 47%;
right: -3%;
}
    
.btn09_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate; 
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate;
top: 36%;
left: 40.5%;
}


.btn10_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate; 
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate;
top: 20%;
left: -3%;
}
    
	.btn01_chr_ind,
	.btn02_chr_ind,
	.btn03_chr_ind,
	.btn04_chr_ind,
	.btn05_chr_ind,
	.btn06_chr_ind,
	.btn07_chr_ind,
	.btn08_chr_ind,
	.btn09_chr_ind,
	.btn10_chr_ind { width:19.388%; position: absolute;line-height: 0; margin: 0; }

	.btn01_chr_ind img,
	.btn02_chr_ind img,
	.btn03_chr_ind img,
	.btn04_chr_ind img,
	.btn05_chr_ind img,
	.btn06_chr_ind img,
	.btn07_chr_ind img,
	.btn08_chr_ind img,
	.btn09_chr_ind img,
	.btn10_chr_ind img { width: 100%; }
}

@supports (-ms-ime-align: auto) {
.btn01_chr_ind { right: 29%;}
.btn02_chr_ind { left: 23%; }
.btn03_chr_ind { right: 29%; }
.btn04_chr_ind { left: 23%; }
.btn05_chr_ind { left: 23%; }
.btn06_chr_ind { left: -3%;}
.btn07_chr_ind { right: 29%;}
.btn08_chr_ind { right: 3%;}
.btn09_chr_ind { right: 16%;}
}

@keyframes chr_float{ 
	0% { transform: translate(0, -2%) }
  100% { transform: translate(0, 0) }
}	
@-webkit-keyframes chr_float {
	0% { -webkit-transform: translate(17%, -8%); }
  100% { -webkit-transform: translate(17%, -6%); } 
}

@media screen and (max-width: 980px) { .bx-wrapper .bx-next { right: 2.4em; } }

@media screen and (min-width: 980px) { 
.bx-wrapper .bx-viewport { left: 0; box-shadow: none; border: 0; }

.wrp_chr_ind { width: 100%; position: relative; background-image: url(/content/dam/au-com/pr/cm/3taro/images/bg_chr_ind-2023.png), url(/content/dam/au-com/pr/cm/3taro/images/mntn_chr_ind.png), url(/content/dam/au-com/pr/cm/3taro/images/rpt_chr_ind.png); background-position: 50% top,63% 98%,50% top; background-repeat: no-repeat,no-repeat,repeat-x; background-size: 1200px,1936px,109px; }

.ttl_chr_ind { width: 192px; margin: 0 auto; position: absolute; top: 14.5%; left:0; right:0; }
.ttl_pck_ind { width: 144px; margin: 0 auto; }
.img_pck_ind { width: 240px; float: left; }
.txt_pck_ind { width: 200px; padding-left: 16px; box-sizing: border-box!important; float: left; }
.txt_pck_ind span { display: block; font-size: 14px; color: #333; }
.txt_pck_ind span.sb_pck_ind { min-height: 5em; font-size: 18px; font-weight: bold; color: #ff6600; }
.txt_pck_ind span.cptn_pck_ind { min-height: 7em; }
.ttl_cm_ind { width: 74px; margin: 0 auto; }
ul.ul_cm_ind { width: 100%; padding: 30px 0; box-sizing: border-box!important; display: block; }
.sb_cm_ind { padding: 1em 1em 0; display: block; font-weight: bold; }
.txt_cm_ind { min-height: 10em; padding: 1em; box-sizing: border-box!important; display: block; }
.lnk_cm_ind { width: 100%; margin: 0 auto; }
.btn_top_ind { width: 26.25%; position: absolute; right: 8%; bottom: 1%; }
.inr_cmn { z-index: 4; }

/* cld */
.cld_cmn { position: absolute; margin: auto; z-index: 0; transition: all 2s ease-out; -webkit-transition: all 2s ease-out; }
.cld_cmn.cld01_ind.sp-Hide { width: 390px; height: 172px; z-index: 3; background: url(/content/dam/au-com/pr/cm/3taro/images/cld01_ind.png) 50% 50% no-repeat; background-size: 100%; top: 50px; margin: auto; left: 0; right: 0; }
.cld_cmn.cld02_ind.sp-Hide { opacity: 0; width: 100%; z-index: 3; height: 210px;
    top: 80px; margin: auto; left: 0; right: 0; background: url(/content/dam/au-com/pr/cm/3taro/images/cld02_ind.png) 50% 50% no-repeat; background-size: 1692px; transform-origin: right 50%; -webkit-transform-origin: right 50%; transform: translate(250px, 0); -webkit-transform: translate(250px, 0); }
.cld_cmn.cld02_ind.sp-Hide.start { opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
.cld_cmn.cld03_ind.sp-Hide { opacity: 0; width: 100%; height: 349px; top: -107px; margin: auto; left: 0; right: 0; background: url(/content/dam/au-com/pr/cm/3taro/images/cld03_ind.png) 50% 50% no-repeat; background-size: 2188px; transform: translate(-250px, 0); -webkit-transform: translate(-250px, 0); }
.cld_cmn.cld03_ind.sp-Hide.start { opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
.cld_cmn.cld04_ind.sp-Hide { opacity: 0; width: 100%; height: 331px; top: 0; margin: auto; left: 0; right: 0; background: url(/content/dam/au-com/pr/cm/3taro/images/cld04_ind.png) 50% 50% no-repeat; background-size: 2130px; transform: translate(250px, 0); -webkit-transform: translate(250px, 0); }
.cld_cmn.cld04_ind.sp-Hide.start { opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
.cld_cmn.cld05_ind.sp-Hide { opacity: 0; width: 100%; height: 261px; bottom: 140px; margin: auto; left: 0; right: 0; background: url(/content/dam/au-com/pr/cm/3taro/images/cld05_ind.png) 50% 50% no-repeat; background-size: 2394px; transform: translate(-250px, 0); -webkit-transform: translate(-250px, 0); }
.cld_cmn.cld05_ind.sp-Hide.start { opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); }

.wrp_cm_ind { width: 100%; padding-top: 118px; padding-bottom: 220px; position: relative; background-image: url(/content/dam/au-com/pr/cm/3taro/images/mntn_cm_ind.png), url(/content/dam/au-com/pr/cm/3taro/images/mntn_ind.png); background-position: 30% top,50% 97%; background-repeat: no-repeat,no-repeat; background-size: 1770px,1747px; }

.bx_cm_ind { width: 24%; width: 23.9%; min-height: 21em; margin-bottom: 2%; float: left; display: block; background: #fff; margin-right: calc(4% / 3); }
.bx_cm_ind:nth-child(4) { margin-right: 0; }

.wrp_pck_ind { width: 100%; padding: 45px 0 0; position: relative; z-index: 2; background: url(/content/dam/au-com/pr/cm/3taro/images/mntn_pck_ind.png) 50% top no-repeat; background-size: 1792px; }

.bx_pck_ind { width: 482px; float: left; padding: 10px; margin: 20px auto 0; box-sizing: border-box!important; background: url(/content/dam/au-com/pr/cm/3taro/images/bg_pck_ind.jpg) left top; background-size: 3.5%; }
.bx_pck_ind:nth-of-type(1),
.bx_pck_ind:nth-of-type(3),
.bx_pck_ind:nth-of-type(5) { margin-right: 16px; }
.bx_pck_ind a { width: 100%; height: 100%; padding: 1.75%; box-sizing: border-box!important; display: block; background: #fff; }
.bx_pck_ind a:hover { opacity: 1; }
.bx_pck_ind a * { transition: all .2s ease-in; -webkit-transition: all .2s ease-in; }
.bx_pck_ind a:hover * { opacity: 0.8; }

.bx_cm_ind a * { transition: opacity .2s ease-in; -webkit-transition: opacity .2s ease-in; }
.bx_cm_ind a:hover * { opacity: 0.8; }
.bx_cm_ind a:hover *.txt_cm_ind { opacity: 1; text-decoration: underline; }
.bx_cm_ind a .sb_cm_ind { color: #ff6919; font-size: 15px; /*text-decoration: underline;*/ }
.bx_cm_ind a .txt_cm_ind { color: #333; font-size: 15px; }

#cnt_ind .bx-viewport { overflow: visible !important; width: 980px !important; }
#cnt_ind .bx-caption { background-color: rgba(0, 0, 0, 0.6); text-align: right; }
#cnt_ind .bx-caption span { font-size: 20px; padding: 8px 14px; }
#cnt_ind .wrp_sld_ind { width: 980px; }
#cnt_ind .wrp_sld_ind li { width: 100%; height: 551px; display: block; position: relative; }
#cnt_ind .wrp_sld_ind li a { width: 980px; margin: auto; display: block; width: 100%; height: 551px; position: absolute; z-index: 0; left: 0; right: 0; top: 0; bottom: 0; }

.mv_sld_ind { width: 980px; margin: auto; display: block; width: 100%; height: 551px; background: #000; /*position:absolute; z-index:0; left:0; right:0; top:0; bottom:0; background:#000; */ }

}

@media screen and (max-width: 979px) and (min-width: 769px)  {
.bx-wrapper .bx-viewport { left: 0; box-shadow: none; border: 0; }

.wrp_chr_ind { width: 100%; position: relative; background-image: url(/content/dam/au-com/pr/cm/3taro/images/bg_chr_ind-2023.png), url(/content/dam/au-com/pr/cm/3taro/images/mntn_chr_ind.png), url(/content/dam/au-com/pr/cm/3taro/images/rpt_chr_ind.png); background-position: 50% top,59% 93%,50% top; background-repeat: no-repeat,no-repeat,repeat-x; background-size: 121%,190%,10%; }

.ttl_chr_ind { width: 20%; margin: 0 auto; position: absolute; top: 15%; left:0; right:0; }
.inr_chr_ind { width: 100%; display: block; position: relative; }

.wrp_pck_ind { width: 100%; padding: 45px 0 0; position: relative; z-index: 2; background: url(/content/dam/au-com/pr/cm/3taro/images/mntn_pck_ind.png) 50% top no-repeat; background-size: 1792px; }
.ttl_pck_ind { width: 144px; margin: 0 auto; }
.img_pck_ind { width: 50%; float: left; }

.txt_pck_ind { width: 50%; padding-left: 6%; box-sizing: border-box!important; float: left; }
.txt_pck_ind span { display: block; font-size: 14px; color: #333; }
.txt_pck_ind span.sb_pck_ind { padding-bottom: 1em; min-height: 5em; font-size: 18px; font-weight: bold; color: #ff6600; }
.txt_pck_ind span.cptn_pck_ind { min-height: 9em; }
.ttl_cm_ind { width: 74px; margin: 0 auto; }
ul.ul_cm_ind { width: 100%; padding: 30px 0; box-sizing: border-box!important; display: block; }
.sb_cm_ind { padding: 1em 1em 0; display: block; font-weight: bold; }
.txt_cm_ind { min-height: 9em; padding: 1em; box-sizing: border-box!important; display: block; }
.lnk_cm_ind { width: 100%; margin: 0 auto; }
.btn_top_ind { width: 26.25%; position: absolute; right: 8%; bottom: 1%; }
.inr_cmn { z-index: 4; }

/* cld */
.cld_cmn { position: absolute; margin: auto; z-index: 0; transition: all 2s ease-out; -webkit-transition: all 2s ease-out; }
.cld_cmn.cld01_ind.sp-Hide { width: 40%; height: 0; padding-top: 18%; z-index: 3; background: url(/content/dam/au-com/pr/cm/3taro/images/cld01_ind.png) 50% 50% no-repeat; background-size: 100%; top: 6%; margin: auto; left: 0; right: 0; }
.cld_cmn.cld02_ind.sp-Hide { opacity: 0; width: 100%; z-index: 3; height: 0; padding-top: 26%; top: 7%; margin: auto; left: 0; right: 0; background: url(/content/dam/au-com/pr/cm/3taro/images/cld02_ind.png) 50% 50% no-repeat; background-size: 180%; transform-origin: right 50%; -webkit-transform-origin: right 50%; transform: translate(250px, 0); -webkit-transform: translate(250px, 0); }
.cld_cmn.cld02_ind.sp-Hide.start { opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
.cld_cmn.cld03_ind.sp-Hide { opacity: 0; width: 100%; height: 349px; top: -107px; margin: auto; left: 0; right: 0; background: url(/content/dam/au-com/pr/cm/3taro/images/cld03_ind.png) 50% 50% no-repeat; background-size: 2188px; transform: translate(-250px, 0); -webkit-transform: translate(-250px, 0); }
.cld_cmn.cld03_ind.sp-Hide.start { opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
.cld_cmn.cld04_ind.sp-Hide { opacity: 0; width: 100%; height: 331px; top: 0; margin: auto; left: 0; right: 0; background: url(/content/dam/au-com/pr/cm/3taro/images/cld04_ind.png) 50% 50% no-repeat; background-size: 2130px; transform: translate(250px, 0); -webkit-transform: translate(250px, 0); }
.cld_cmn.cld04_ind.sp-Hide.start { opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
.cld_cmn.cld05_ind.sp-Hide { opacity: 0; width: 100%; height: 261px; bottom: 140px; margin: auto; left: 0; right: 0; background: url(/content/dam/au-com/pr/cm/3taro/images/cld05_ind.png) 50% 50% no-repeat; background-size: 2394px; transform: translate(-250px, 0); -webkit-transform: translate(-250px, 0); }
.cld_cmn.cld05_ind.sp-Hide.start { opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); }

.wrp_cm_ind { width: 100%; padding-top: 118px; padding-bottom: 220px; position: relative; background-image: url(/content/dam/au-com/pr/cm/3taro/images/mntn_cm_ind.png), url(/content/dam/au-com/pr/cm/3taro/images/mntn_ind.png); background-position: 30% top,50% 97%; background-repeat: no-repeat,no-repeat; background-size: 1770px,1747px; }

.bx_cm_ind { width: 24%; width: 23.9%; min-height: 19em; margin-bottom: 2%; float: left; display: block; background: #fff; margin-right: calc(4% / 3); }
.bx_cm_ind:nth-child(4) { margin-right: 0; }

.bx_pck_ind { width: 49%; float: left; padding: 2%; margin: 20px auto 0; box-sizing: border-box!important; background: url(/content/dam/au-com/pr/cm/3taro/images/bg_pck_ind.jpg) left top; background-size: 3.5%; }
.bx_pck_ind:nth-of-type(1),
.bx_pck_ind:nth-of-type(3),
.bx_pck_ind:nth-of-type(5) { margin-right: 2%; }
.bx_pck_ind a { width: 100%; height: 100%; padding: 1.75%; box-sizing: border-box!important; display: block; background: #fff; }
.bx_pck_ind a:hover { opacity: 1; }
.bx_pck_ind a * { transition: all .2s ease-in; -webkit-transition: all .2s ease-in; }
.bx_pck_ind a:hover * { opacity: 0.8; }

.bx_cm_ind a * { transition: opacity .2s ease-in; -webkit-transition: opacity .2s ease-in; }
.bx_cm_ind a:hover * { opacity: 0.8; }
.bx_cm_ind a:hover *.txt_cm_ind { opacity: 1; text-decoration: underline; }
.bx_cm_ind a .sb_cm_ind { color: #ff6919; font-size: 15px;  }
.bx_cm_ind a .txt_cm_ind { color: #333; font-size: 15px; }

#cnt_ind .bx-viewport { overflow: visible !important; width: 100% !important; }
#cnt_ind .bx-caption { background-color: rgba(0, 0, 0, 0.6); text-align: right; }
#cnt_ind .bx-caption span { font-size: 20px; padding: 8px 14px; }
#cnt_ind .wrp_sld_ind { width: 100%; }
#cnt_ind .wrp_sld_ind li { width: 100%; /*height: 551px;*/ display: block; position: relative; }
#cnt_ind .wrp_sld_ind li a { width: 100%; margin: auto; display: block; width: 100%; /*height: 551px; position: absolute; z-index: 0; left: 0; right: 0; top: 0; bottom: 0;*/ }
.mv_sld_ind { width: 100%; margin: auto; display: block; width: 100%; /*height: 551px;*/ background: #000; /*position:absolute; z-index:0; left:0; right:0; top:0; bottom:0; background:#000; */ }

}

.spv{ display: none!important; }
.pcv{ display: block!important; }

@media screen and (max-width: 768px) and (min-width: 0px) {

.spv{ display: block!important; }
.pcv{ display: none!important; }

.bx-wrapper { margin: 0 auto; }
.bx-wrapper .bx-prev { width: 1.2em; height: 1.2em; left: 0; background: url(/content/dam/au-com/pr/cm/3taro/sp/images/btn_l_sld_ind.gif) 50% 50% no-repeat; background-size: 100%; }
.bx-wrapper .bx-prev:hover { background-position: 50% 50%; }
.bx-wrapper .bx-next { width: 1.2em; height: 1.2em; right: 0; background: url(/content/dam/au-com/pr/cm/3taro/sp/images/btn_r_sld_ind.gif) 50% 50% no-repeat; background-size: 100%; }
.bx-wrapper .bx-next:hover { background-position: 50% 50%; }
.bx-wrapper .bx-viewport { left: 0; box-shadow: none; border: 0; }
.wrp_chr_ind { width: 100%; position: relative; background-image: url(/content/dam/au-com/pr/cm/3taro/images/bg_chr_ind-2023-sp.jpg); background-position: center top; background-repeat: no-repeat; background-size: 100%; }
.ttl_chr_ind { width: 30%; margin: 0 auto; position: absolute; top: 7%; left:31%; }
.inr_chr_ind { width: 100%; display: block; position: relative; }
 
/* common chara*/
.pc_char_box { max-width: 980px; width: 100%; margin: 0 auto 0; padding: 0 0 141%; position: relative; z-index: 4; }

.btn01_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate; 
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate; 
	top: 45%; right: 25.4%;	
}

.btn02_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate;
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate;
	top: 67%; left: 25.4%;
}

.btn03_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate; 
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate;
	top: 18%; right: 25.4%;
}

.btn04_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate; 
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate;
	top: 45%; left: 25.4%;
}

.btn05_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate;
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate;
	top: 18%; left: 25.4%;
}
	
.btn06_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate;
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate;
	top: 43%; left: 3%;
}
	
.btn07_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate; 
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate;
	top: 67%; right: 25.4%;
}
	
.btn08_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate; 
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate;
	top: 54%; right: 3%;
}
    
.btn09_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate; 
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate;
	top: 32%; left: 39%;
}
.btn10_chr_ind { 
	animation: chr_float 1.4s linear infinite alternate; 
	-webkit-animation: chr_float 1.4s linear 0.5s infinite alternate;
	top: 23.4%; left: 3%;
}
}

@keyframes chr_float { 
	0% { transform: translate(0, -2%);}
  100% { transform: translate(0, 0%);} 
}
	
@-webkit-keyframes chr_float { 
	0% { -webkit-transform: translate(0, -2%); }
  100% { -webkit-transform: translate(0, 0%); } 
}

@media screen and (max-width: 768px) and (min-width: 0px) {
	.btn01_chr_ind,
	.btn02_chr_ind,
	.btn03_chr_ind,
	.btn04_chr_ind,
	.btn05_chr_ind,
	.btn06_chr_ind,
	.btn07_chr_ind,
	.btn08_chr_ind,
	.btn09_chr_ind,
	.btn10_chr_ind { width:22%; position: absolute; }

	.btn01_chr_ind img,
	.btn02_chr_ind img,
	.btn03_chr_ind img,
	.btn04_chr_ind img,
	.btn05_chr_ind img,
	.btn06_chr_ind img,
	.btn07_chr_ind img,
	.btn08_chr_ind img,
	.btn09_chr_ind img,
	.btn10_chr_ind img { width: 100%; }	
	
.wrp_pck_ind { position: relative; }
.ttl_pck_ind { width: 22.5%; margin: 0 auto; }
.bx_pck_ind { width: 91.87%; padding: 1.56%; margin: 3.125% auto 0; box-sizing: border-box!important; background: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg_pck_ind.jpg) left top; background-size: 3.5%; }
.bx_pck_ind a { width: 100%; height: 100%; padding: 1.75%; box-sizing: border-box!important; display: block; background: #fff; }
.img_pck_ind { width: 43.79%; float: left; }

.txt_pck_ind { width: 56.21%; font-size: 16px; padding: 0.5em 1.2em; box-sizing: border-box!important; float: left; }
.txt_pck_ind span { display: block; font-size: 83%; color: #333; }
.txt_pck_ind span.sb_pck_ind { padding-bottom: 1em; font-size: 85%; text-decoration: underline; font-weight: bold; color: #ff6600; }

.wrp_cm_ind { width: 100%; padding: 15.62% 0 31.25%; position: relative; background-image: url(/content/dam/au-com/pr/cm/3taro/sp/images/bg01_cm_ind.png), url(/content/dam/au-com/pr/cm/3taro/sp/images/bg02_cm_ind.png); background-position: left top,right bottom; background-repeat: no-repeat,no-repeat; background-size: 29.68%,31.25%; }

.ttl_cm_ind { width: 11.56%; margin: 0 auto; }
ul.ul_cm_ind { width: 100%; padding: 5% 4% 3%; box-sizing: border-box!important; display: block; }
.bx_cm_ind { width: 49.3%; margin-bottom: 2%; z-index: 100; float: left; display: block; font-size: 16px; background: #fff; }
.bx_cm_ind:nth-of-type(odd) { margin-right: 1.4%; }
.sb_cm_ind { min-height: 5.3em; padding: 1em 1em 0; display: block; font-weight: bold; }
.txt_cm_ind { min-height: 7em; padding: 1em; box-sizing: border-box!important; display: block; }
.lnk_cm_ind { width: 92%; margin: 0 auto; }
.btn_top_ind { width: 26.25%; position: absolute; right: 8%; bottom: 1%; }
.bx_cm_ind a { width: 100%; height: 100%; display: block; position: relative; z-index: 500; }
.bx_cm_ind a .sb_cm_ind { /*text-decoration: underline;*/ font-size: 85%; color: #ff6919; }
.bx_cm_ind a .txt_cm_ind { color: #333; font-size: 83%; }
.wrp_cmn { width: 100%; padding-left: 4%; padding-right: 4%; box-sizing: border-box!important; position: relative; }
.inr_cmn { z-index: 4; }
.cld_cmn { position: absolute; z-index: -1; transition: all 2s ease-out; -webkit-transition: all 2s ease-out; }
.cld_cmn.cld01_ind.pc-Hide { opacity: 0; width: 66.25%; top: 3.5%; left: 33.75%; transform: translate(20%, 0); -webkit-transform: translate(20%, 0); transform-origin: left top; -webkit-transform-origin: left top; }
.cld_cmn.cld01_ind.pc-Hide.start { opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
.cld_cmn.cld02_ind.pc-Hide { opacity: 0; transform: translate(-27%, -40%); -webkit-transform: translate(-27%, -40%); transform-origin: right 50%; -webkit-transform-origin: right 50%; }
.cld_cmn.cld01_ind.sp-Hide { width: 40%; height: 0; padding-top: 18%; z-index: 3; background: url(/content/dam/au-com/pr/cm/3taro/images/cld01_ind.png) 50% 50% no-repeat; background-size: 100%; top: 6%; margin: auto; left: 0; right: 0; }

.cld_cmn.cld02_ind.sp-Hide { display: block; opacity: 0; width: 100%; z-index: 3; height: 0; padding-top: 26%; top: 5%; margin: auto; left: 0; right: 0; background: url(/content/dam/au-com/pr/cm/3taro/images/cld02_ind.png) 63% 50% no-repeat; background-size: 205%; transform-origin: right 50%; -webkit-transform-origin: right 50%; transform: translate(250px, 0); -webkit-transform: translate(250px, 0); }
.cld_cmn.cld02_ind.sp-Hide.start { opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
	
.cld_cmn.cld02_ind.pc-Hide.start { opacity: 1; transform: translate(0, -40%); -webkit-transform: translate(0, -40%); }
.cld_cmn.cld02_ind.pc-Hide img { transform: scale(1.05); -webkit-transform: scale(1.05); transform-origin: left 50%; -webkit-transform-origin: left 50%; }
.cld_cmn.cld03_ind.pc-Hide { opacity: 0; width: 78.59%; left: 21.41%; top: 0; transform: translate(50%, -18%); -webkit-transform: translate(50%, -18%); transform-origin: left 50%; -webkit-transform-origin: left 50%; }
.cld_cmn.cld03_ind.pc-Hide.start { opacity: 1; transform: translate(0, -18%); -webkit-transform: translate(0, -18%); }
.cld_cmn.cld03_ind.pc-Hide img { transform: scale(1); -webkit-transform: scale(1); transform-origin: left 50%; -webkit-transform-origin: left 50%; }
.cld_cmn.cld04_ind.pc-Hide { opacity: 0; width: 66.1%; left: 0; top: 60%; transform: translate(-27%, 60%); -webkit-transform: translate(-27%, 60%); transform-origin: right 50%; -webkit-transform-origin: right 50%; }
.cld_cmn.cld04_ind.pc-Hide.start { opacity: 1; transform: translate(0, 60%); -webkit-transform: translate(0, 60%); }
.cld_cmn.cld04_ind.pc-Hide img { transform: scale(1); -webkit-transform: scale(1); transform-origin: left 50%; -webkit-transform-origin: left 50%; }

#cnt_ind .bx-viewport { overflow: visible !important; background-color: #000; }
#cnt_ind .bx-caption { background-color: rgba(0, 0, 0, 0.6); text-align: right; font-size: 16px; }
#cnt_ind .bx-caption span { font-size: 3.2vw; padding: 8px 14px; }
#cnt_ind .bx-wrapper .bx-pager { z-index: 50000; padding-top: 1em; }
.btn_chr_nv_cmn a { font-size: 136%; }

@media screen and (min-width: 769px) { .endbort { font-size: 18px!important; color: #FF0004!important; font-weight: bold!important; display: block!important; }
}

@media screen and (max-width: 768px) and (min-width: 0px) {	.endbort { font-size: 104%!important; color: #FF0004!important; font-weight: bold!important; display: block!important; }
}
}