/*-----------------------------------------------
reset
-----------------------------------------------*/
/* --- reset CSS--- */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ""; }
abbr, acronym { border: 0; }
ul { list-style: none; }
a {  text-decoration: none; }
a:focus {  outline: none; }
a:link {  text-decoration: none;}
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
input,button,textarea,select { font-size: 100%; margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; appearance: none; }
hr { display: block; border: none; padding: 0; margin: 0; }

#maincontArea { background: #fff;}

#heroSlider img { width: 100%; }
#heroSlider { position: relative; }
#heroSlider > div#defSlide { position: relative; z-index: 0; }
#heroSlider > div#defSlide a { display: block; }
#heroSlider > div#auSlide,#heroSlider > div#uqSlide,#heroSlider > div#povoSlide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
#heroSlider .slick-dots { transform: translate(-50%, 0); top: -44px; background: rgba(255,255,255,.5); line-height: 1; padding: 5px 16px; border-radius: 20px; left: 50%; display: inline-block; position: relative; }
#heroSlider .slick-dots li:first-child:last-child { opacity: 0; }


/* スライダー追加ボタンリンク */
#heroSlider .heroSlider .slick-slide> div { position: relative; }
#heroSlider .heroSlider .slick-slide .addLinkSP, #heroSlider .heroSlider .slick-slide .addLinkPC {
  position: absolute;
  display: block;
  z-index: 1;
}

#heroSlider .heroSlider .slick-slide .addLinkPC { display: block!important; }
#heroSlider .heroSlider .slick-slide .addLinkSP { display: none!important; }

@media screen and (max-width:767.98px) {
  #heroSlider .heroSlider .slick-slide .addLinkPC { display: none!important; }
  #heroSlider .heroSlider .slick-slide .addLinkSP { display: block!important;}
}

#heroSlider > div#auSlide .slick-slide .hero_iphone-13pro .addLinkPC {
  width: calc((250 / 2520) * 100%);
  height: calc((78 / 1540) * 100%);
  top: calc((812 / 1540) * 100%);
  left: calc((622 / 2520) * 100%);
}

/* #heroSlider > div#auSlide .slick-slide .hero_iphone-13pro .addLinkPC {
  width: calc((250 / 2520) * 100%);
  height: calc((78 / 1540) * 100%);
  top: calc((808/ 1540) * 100%);
  left: calc((708 / 2520) * 100%);
} */

#heroSlider > div#auSlide .slick-slide .hero_iphone-13pro .addLinkSP {
  width: calc((181 / 750) * 100%);
  height: calc((57 / 750) * 100%);
  top: calc((183 / 750) * 100%);
  left: calc((182 / 750) * 100%);
}

/* #heroSlider > div#auSlide .slick-slide .hero_iphone-13pro .addLinkSP {
  width: calc((181 / 750) * 100%);
  height: calc((57 / 750) * 100%);
  top: calc((183 / 750) * 100%);
  left: calc((182 / 750) * 100%);
} */


/* #heroSlider > div#auSlide .slick-slide .hero_iphone-14pro .addLinkPC {
  width: calc((250 / 2520) * 100%);
  height: calc((78 / 1540) * 100%);
  top: calc((870 / 1540) * 100%);
  left: calc((455 / 2520) * 100%);
}


#heroSlider > div#auSlide .slick-slide .hero_iphone-14pro .addLinkSP {
  width: calc((160 / 750) * 100%);
  height: calc((50 / 750) * 100%);
  top: calc((230 / 750) * 100%);
  left: calc((200 / 750) * 100%);
} */

#heroSlider > div#auSlide .slick-slide .hero_iphone-14-ylw .addLinkPC {
  width: calc((254 / 2520) * 100%);
  height: calc((80 / 1540) * 100%);
  top: calc((798 / 1540) * 100%);
  left: calc((263 / 2520) * 100%);
}

#heroSlider > div#auSlide .slick-slide .hero_iphone-14-ylw .addLinkSP {
  width: calc((157 / 750) * 100%);
  height: calc((48 / 750) * 100%);
  top: calc((223 / 750) * 100%);
  left: calc((204 / 750) * 100%);
}


#heroSlider > div#defSlide .slick-slide .hero_kv .addLinkPC {
  width: calc((250 / 2520) * 100%);
  height: calc((78 / 1540) * 100%);
  top: calc((870 / 1540) * 100%);
  left: calc((455 / 2520) * 100%);
}


#heroSlider > div#defSlide .slick-slide .hero_kv .addLinkSP {
  width: calc((160 / 750) * 100%);
  height: calc((50 / 750) * 100%);
  top: calc((230 / 750) * 100%);
  left: calc((200 / 750) * 100%);
}


#brandBox {background: #f5f5f5; /*border-bottom: 0 solid #f5f5f5;*/ transition: .6s; }
/*#brandBox.au { border-bottom: 5px solid #eb5505; }
#brandBox.uq { border-bottom: 5px solid #E4007F; }
#brandBox.povo { border-bottom: 5px solid #FFFA00; }
*/
#selectBrandListWrap { background: #E7EAEB; border-bottom: 6px solid #f5f5f5; margin-bottom: 70px; position: relative; }
#selectBrandList { display: flex; max-width: 1200px; margin: 0 auto; padding: 0; }
#selectBrandList a { display:block; width: 33.333%; text-align: left; height: 90px; text-indent: -100%; }
#selectBrandListWrap::after { content:''; width: 0; display: block; height: 6px; position: absolute; bottom: -6px; left: 50%; }
.au #selectBrandListWrap::after { background:#eb5505; width: 100%; transition:.6s; left: 0%; }
.uq #selectBrandListWrap::after { background:#E4007F; width: 100%; transition:.6s; left: 0%; }
.povo #selectBrandListWrap::after { background:#FFFA00; width: 100%; transition:.6s; left: 0%; }
#selectBrandList a,#selectBrandList a:active { transition: .3s; transition-property: opacity; }
#selectBrandList a:hover { opacity: .4; }
#selectBrandList a:nth-child(1) { background: url(/content/dam/au-com/renew2022/img/nav-logo-au_on.svg) no-repeat center center; background-size: 75px; }
#selectBrandList a:nth-child(2) { background: url(/content/dam/au-com/renew2022/img/nav-logo-uq_on.svg) no-repeat center center; background-size: 70px; }
#selectBrandList a:nth-child(3) { background: url(/content/dam/au-com/renew2022/img/nav-logo-povo_on.svg) no-repeat center center; background-size: 75px; }
#selectBrandList a.off:nth-child(1) { background: url(/content/dam/au-com/renew2022/img/nav-logo-au.svg) no-repeat center center; background-size: 75px; }
#selectBrandList a.off:nth-child(2) { background: url(/content/dam/au-com/renew2022/img/nav-logo-uq.svg) no-repeat center center; background-size: 70px; }
#selectBrandList a.off:nth-child(3) { background: url(/content/dam/au-com/renew2022/img/nav-logo-povo.svg) no-repeat center center; background-size: 75px; }
#selectBrandList a img { width: 100px; display: block; }

#usefulmenu { padding-bottom: 60px;}
#usefulmenu ul { display: flex; flex-wrap: wrap; max-width: 690px; margin: 0 auto; justify-content: center; padding: 0; }
#usefulmenu li { width: 30.437%; margin: 0 1%; text-align: center; height: 180px; position: relative; }
#usefulmenu li:nth-child(n + 6) { width: 44%; margin: 0 1.4%; height: auto; }
#usefulmenu li.textLnk { width: 100%; }

#usefulmenu li:nth-child(-n + 6) a { display: block; margin: 0 auto; height: 100%; background: #fff; border-radius: 10px; position: relative; color:#333!important; overflow: hidden; font-weight: bold; }
#usefulmenu li a::after { content:''; display: block; position:absolute; top: 50%; left: 50%; width: 20px; height: 20px; border-radius: 50%; background: rgba(0, 0, 0, 0.1); transform: translate(-50%, -50%) scale(0); opacity: 1; transition: 0; }
#usefulmenu li a:hover::after { transform: translate(-50%, -50%) scale(20); opacity: 0; transition: .8s; }
#usefulmenu li a::before { content:''; display: block; width: 50px; background-size: auto 100%; position: absolute; top: 20px; left: 20px; }
#usefulmenu li:nth-child(5) a::before { background: url(/content/dam/au-com/renew2022/img/icon-nav-useful-1.svg) no-repeat center center; height: 40px; }
.povo #usefulmenu li:nth-child(5) a::before { background: url(/content/dam/au-com/renew2022/img/icon-nav-useful-5.svg) no-repeat center center; height: 40px; }
#usefulmenu li:nth-child(4) a::before { background: url(/content/dam/au-com/renew2022/img/icon-nav-useful-3.svg) no-repeat center center; height: 40px; }
#usefulmenu li:nth-child(2) a::before,
#usefulmenu li:nth-child(3) a::before { background: url(/content/dam/au-com/renew2022/img/icon-nav-useful-2.svg) no-repeat center center; height: 38px; }
#usefulmenu li:nth-child(1) a::before { background: url(/content/dam/au-com/renew2022/img/icon-nav-useful-3.svg) no-repeat center center; height: 40px; }
.povo #usefulmenu li:nth-child(1) a::before { background: url(/content/dam/au-com/renew2022/img/icon-nav-useful-2.svg) no-repeat center center; height: 38px; }
#usefulmenu li a p { text-align: right; position: absolute; bottom: 16px; right: 24px; width: calc(100% - 48px); }
.au #usefulmenu li a p { border-bottom: 2px solid #eb5505; padding-bottom: 10px; }
.uq #usefulmenu li a p { border-bottom: 2px solid #E4007F; padding-bottom: 10px; padding-right: 20px;}
.uq #usefulmenu li a {

}
/*.uq #usefulmenu li a.icon-blank p::after { content: "";
  display: block; width: 11px; height: 11px; background: url(/content/dam/au-com/renew2022/img/icon-blank-uq.svg) no-repeat center right; background-size: 100% auto; position: absolute; right: 0; bottom: 13px;
}*/
.povo #usefulmenu li a p { border-bottom: 2px solid #FFFA00; padding-bottom: 10px; padding-right: 20px; }

#usefulmenu li:nth-child(2) { display:block; }
#usefulmenu li:nth-child(3) { display:none; }
#usefulmenu li:nth-child(4) { display:none; }
#usefulmenu li:nth-child(6) { display:block; }
#usefulmenu li:nth-child(7) { display:none; }
#usefulmenu li:nth-child(8) { display:block; }
#usefulmenu li:nth-child(9) { display:none; }
#usefulmenu li:nth-child(10) { display:none; }
#usefulmenu li:nth-child(11) { display:none; }
#usefulmenu li:nth-child(12) { display:none; }
.uq #usefulmenu li:nth-child(2) { display:none; }
.uq #usefulmenu li:nth-child(3) { display:block; }
.uq #usefulmenu li:nth-child(4) { display:none; }
.uq #usefulmenu li:nth-child(6) { display:none; }
.uq #usefulmenu li:nth-child(7) { display:block; }
.uq #usefulmenu li:nth-child(8) { display:block; }
.uq #usefulmenu li:nth-child(9) { display:none; }
.uq #usefulmenu li:nth-child(10) { display:block; }
.uq #usefulmenu li:nth-child(11)  { display:block; }
.uq #usefulmenu li:nth-child(12)  { display:none; }
.povo #usefulmenu li:nth-child(2) { display:none; }
.povo #usefulmenu li:nth-child(3) { display:none; }
.povo #usefulmenu li:nth-child(4) { display:block; }
.povo #usefulmenu li:nth-child(6) { display:none; }
.povo #usefulmenu li:nth-child(7) { display:none; }
.povo #usefulmenu li:nth-child(8) { display:none; }
.povo #usefulmenu li:nth-child(9) { display:block; }
.povo #usefulmenu li:nth-child(10) { display:none; }
.povo #usefulmenu li:nth-child(11) { display:none; }
.povo #usefulmenu li:nth-child(12) { display:block; }

#usefulmenu li:nth-child(n + 6) a { width: 100%; background: #E7EAEB; height: 50px; line-height: 50px; border-radius: 25px; margin-top: 30px; color:#333!important; overflow: hidden; font-weight: bold; }
#usefulmenu li.textLnk a { width: auto; background: none; margin-top: 20px; line-height: 1.8; height: auto; display: inline-block; padding-right: 30px; padding-left: 10px; }

.au #usefulmenu li:nth-child(n + 6) a::before { color: #eb5505; }
.uq #usefulmenu li:nth-child(n + 6) a::before { color: #E4007F; }

#usefulmenu li:nth-child(n + 6) a p { display: inline; position: relative; bottom:auto; right: auto; text-align: center; }

.au #usefulmenu li:nth-child(n + 6) a.icon::before { content: ''; width: 13px; height: 13px; background: url(/content/dam/au-com/renew2022/img/icon_arrow_orange.svg) right 0 no-repeat;
background-size: auto 100%; top: 50%; right: 30px; left: auto; transform: translateY(-50%);}
.uq #usefulmenu li:nth-child(n + 6) a.icon-blank::before { content:'';  font-weight: bold; transform: scale(1,1); top: 0; right: 10px; left: auto;width: 11px; height: 100%; background: url(/content/dam/au-com/renew2022/img/icon-blank-uq.svg) no-repeat center right; }

.uq #usefulmenu li.textLnk { width: 44%; }
@media screen and (max-width:767.98px) {
  .uq #usefulmenu li.textLnk { width: 100%; }
}

.povo #usefulmenu li:nth-child(n + 6) a.icon-blank::before { content:'';  font-weight: bold; transform: scale(1,1); top: 0; right: 10px; left: auto;width: 11px; height: 100%; background: url(/content/dam/au-com/renew2022/img/icon-blank-povo.svg) no-repeat center right; }
/*
.uq #usefulmenu li:last-child a.icon-blank::before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background: url(/content/dam/au-com/renew2022/img/icon-blank-uq.svg) no-repeat center right;
  background-size: 100% auto;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) scale(1);
}*/

.uq #usefulmenu li a.icon-blank p::after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background: url(/content/dam/au-com/renew2022/img/icon-blank-uq.svg) no-repeat center right;
  background-size: 100% auto;
  position: absolute;
  right: 0;
  bottom: 13px;
}
.povo #usefulmenu li a.icon-blank p::after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background: url(/content/dam/au-com/renew2022/img/icon-blank-povo.svg) no-repeat center right;
  background-size: 100% auto;
  position: absolute;
  right: 0;
  bottom: 13px;
}


/* .povo #usefulmenu li:nth-child(4) a::before { height: 30px; }

.povo #usefulmenuMoreBtnList { display: none;}*/
/*#usefulmenuMoreBtnList { display: flex; border-top: 1px solid #E0E0E0; padding: 0; align-items: center; }
#usefulmenuMoreBtnList li { width: 33.333%; padding: 50px 0; text-align: center; }
#usefulmenuMoreBtnList li a { display: inline-block; width: auto; margin: 0 auto; text-align: left; color: #333!important; position: relative; padding-right: 10%; font-weight: bold; }
#usefulmenuMoreBtnList li a:hover { opacity: .5;}
#usefulmenuMoreBtnList li a::after { content: '\FF1E'; display: inline-block; position:absolute; top: 50%; right: 0; transform: scale(.6,1) translate(0%, -50%);}
.uq #usefulmenuMoreBtnList li a.icon-blank::after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background: url(/content/dam/au-com/renew2022/img/icon-blank-uq.svg) no-repeat center right;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) scale(1);
}
#usefulmenuMoreBtnList li:nth-child(2) a::before { content:'My au'; }
.au #usefulmenuMoreBtnList li:nth-child(2) a::before { content:'My au'; }
.uq #usefulmenuMoreBtnList li:nth-child(2) a::before { content:'My UQ mobile'; }
#usefulmenuMoreBtnList li:nth-child(3) a::before { content:'au\a0Online\a0Shop'; }
.au #usefulmenuMoreBtnList li:nth-child(3) a::before { content:'au\a0Online\a0Shop'; }
.uq #usefulmenuMoreBtnList li:nth-child(3) a::before { white-space: pre; content:'UQ mobile\a0\a\30AA\30F3\30E9\30A4\30F3\30B7\30E7\30C3\30D7'; }
#usefulmenuMoreBtnList li:nth-child(4) { display: none; }
.uq #usefulmenuMoreBtnList li:nth-child(4) { display: block; }
#usefulmenuMoreBtnList li:nth-child(5) { display: none; }
.uq #usefulmenuMoreBtnList li:nth-child(5) { display: block; }
#brandFeature { display: none; }
.au #brandFeature,.uq #brandFeature,.povo #brandFeature { display: block; }

#usefulmenuMoreContent { display: none; }
*/
.povo .tglBtn { display: none; }
.tglBtn { background: #E7EAEB; text-align: center; height: 40px; display: block; line-height: 40px; color:#333!important; }
.tglBtn::before { content:'\FF1E';  font-weight: bold; transform: rotate(90deg) scale(.6,1); display: inline-block; }
.tglBtn.on::before {  transform: rotate(-90deg) scale(.6,1); }

#importantinformation > div.layout-ctr { width: 100%; padding: 0; }
#importantinformation .notice.parbase > div { margin-top: 0!important; margin-bottom: 0!important; }
#importantinformation .accordionElem.default { border: none; }
#importantinformation .accordionElem.default dd { padding: 50px 20px; max-width: 980px; margin: 0 auto; }
#importantinformation .accordionElem .accordion-label .accordion-header > a { background: #333; color:#fff!important; }
#importantinformation .accordionElem.accordion-opened .accordion-label a:before {
  background-position: -37px -74px; }
#importantinformation .accordionElem .accordion-label a:before { background-position: -62px -74px; }
#importantinformation.notice .accordionElem.narrow-design-accordion.default .accordion-cont { max-width: 980px; margin: 0 auto; }

#attentiontopic { background: #fff; padding: 30px 0; }
#attentiontopic .list-date { max-width: 980px; margin: 0 auto; }
#attentiontopic .list-date dt { float: left; width: 8.3em; font-weight: normal; line-height: 24px; color: #ccc; }
#attentiontopic .list-date dd { padding-left: 9em; margin-bottom: 0.8em; line-height: 24px; }

#auservice { text-align: center; border-top: 1px solid #ccc; padding: 70px 20px 55px; }
#auserviceInner { /*max-width: 1200px;*/ margin: 0 auto; }
#auserviceInner h2 { font-size: 44px; font-weight: bold; width: calc(100% - 180px); text-align: left; padding-bottom: 30px; border-bottom: 1px solid #333; position: relative; margin-bottom: 40px; }
#auserviceInner h2 span.org { color: #eb5505; }
#auserviceInner h2 span.label { position: absolute; bottom: -10px; right: -180px; font-size: 14px; }
#auservice ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; padding: 0; }
#auservice ul li[data-id="s01"],#auservice ul li[data-id="s06"],#auservice ul li[data-id="s07"],#auservice ul li[data-id="s08"] { width: 49.5%; }
#auservice ul li { width: 24.22%; background: #ddd; margin-bottom: 1%; position: relative; transition: 2s; background-size: 100%,100%; background-position: center,center; background-repeat: no-repeat,no-repeat; }
#auservice ul li[data-id="s01"] { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) ), url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/renew2022/img/img-service-2023_1.jpg?scl=1&qlt=90); }
#auservice ul li[data-id="s02"] { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) ), url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/renew2022/img/img-service-2023_2.jpg?scl=1&qlt=90); }
#auservice ul li[data-id="s03"] { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) ), url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/renew2022/img/img-service-2023_3.jpg?scl=1&qlt=90); }
#auservice ul li[data-id="s04"] { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) ), url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/renew2022/img/img-service-2023_5.jpg?scl=1&qlt=90); }
#auservice ul li[data-id="s05"] { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) ), url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/renew2022/img/img-service-2023_6.jpg?scl=1&qlt=90); }
#auservice ul li[data-id="s06"] { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) ), url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/renew2022/img/img-service-2023_4.jpg?scl=1&qlt=90); }
#auservice ul li[data-id="s07"] { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) ), url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/renew2022/img/img-service-2023_7.jpg);?scl=1&qlt=90 }
#auservice ul li[data-id="s08"] { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) ), url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/renew2022/img/img-service-2023_8.jpg?scl=1&qlt=90); }
#auservice ul li:hover { background-size: 105% ,105%; }
#auservice ul li > a { display: block; padding-top: 100%; position: relative; overflow: hidden; }
#auservice ul li:nth-child(1) > a,#auservice ul li:nth-child(6) > a,#auservice ul li:nth-child(7) > a,#auservice ul li:nth-child(8) > a {  padding-top: 49%; }
#auservice ul li > a p { position: absolute; color: #fff; bottom: 0; left: 20px; width: 100%; text-align: left; height: 54px; line-height: 54px; font-size:17px; }
#auservice ul li > a p span { display: block; font-size: 70%; font-weight: normal; }
.serviceLnk { position: absolute; top: 0%; left: 0%; /*opacity: 0; transition: .6s; transition-property: opacity; background: rgba(0,0,0,.7);*/ color: #fff; height: 100%; overflow: hidden; display: flex; align-items: center; padding: 0; }
.serviceLnk::before { content:''; width: 100%; height: 100%; top: 0; left: -190%; background: rgba(0,0,0,.7); position: absolute;transform: skew(60deg); transition: .5s; }
#auservice ul li::before { content:''; width: 100%; height: 54px; bottom: 0; left: 0; background: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.3));; position: absolute; }
#auservice ul li  .serviceLnk { padding: 5% 10%; width: 100%; }
#auservice ul li:nth-child(1) .serviceLnk,#auservice ul li:nth-child(6) .serviceLnk,#auservice ul li:nth-child(7) .serviceLnk,#auservice ul li:nth-child(8) .serviceLnk { padding: 10%; width: 100%; }
.serviceLnk > div { position: relative;}
.serviceLnk > a,.serviceLnk > div { transition: .6s; transition-delay: 0; transition-property: opacity; opacity: 0; }
.serviceLnk.open > a,.serviceLnk.open > div { opacity: 1; transition-delay: .3s;}
.serviceLnk > a { position: absolute; }
.serviceLnk > a.toBack { top: -60px; left: -100px; background: url(/content/dam/au-com/renew2022/img/icon-auservice-toback.svg) no-repeat; width: 60px; height: 60px; display: block; background-size: 26px; }
.serviceLnk.open > a.toBack { top: 10px; left: 10px; }
.serviceLnk > a.toDetail {top: -60px; right: -100px;}
.serviceLnk > a.toDetail > span { /*bottom: -60px; right: -100px;*/ display: block; width: 60px; height: 30px; border-radius: 15px; border: 1px solid #aaa; line-height: 28px; color: #aaa!important; text-decoration: none; }
.serviceLnk > a.toDetail > span > span { display: inline-block; transform: scale(.6,1);}
.serviceLnk.open > a.toDetail { width: 74%; height: 100%; position: absolute; top: 0; right: 0; }
.serviceLnk.open > a.toDetail > span { bottom: 10px; right: 10px; position: absolute; }
.serviceLnk > div p { text-align: left; }
.serviceLnk > div p:first-child { font-size: 18px; margin-bottom: 16px; }
.serviceLnk > div p:last-child { font-size: 14px; line-height: 1.6; }


#campaign { background: #f5f5f5; padding: 80px 0 50px;}
#campaign h2 { max-width: 980px; margin-bottom: 40px; font-size: 24px; color:#333; font-weight: bold; left: 80px; position: relative; }
#campaignInner { position: relative; overflow: hidden; min-height: 200px; }
#campaignSlider { left: 80px; transform: translate(0,0); /*width: 1980px;*/ }
#campaignSlider .slick-slide { width: 312px; }
.campaignSliderContent > div { width: 94%; margin-right: 6%; position: relative; }
.campaignSliderContent > div a { position: relative; overflow: hidden; border-radius: 8px; z-index:1; }
.campaignSliderContent > div .tag { width:60px; background: #fff; height: 38px; border-radius: 0 0 4px 4px; position: absolute; top: 0; right: 8%; z-index: 1; }
.campaignSliderContent > div .tag.au { background: #fff url(/content/dam/au-com/renew2022/img/nav-logo-au_on.svg) no-repeat center center; background-size: 70%; }
.campaignSliderContent > div .tag.uq { background: #fff url(/content/dam/au-com/renew2022/img/nav-logo-uq_on.svg) no-repeat center center; background-size: 66%; }
.campaignSliderContent > div .tag.povo { background: #fff url(/content/dam/au-com/renew2022/img/nav-logo-povo_on.svg) no-repeat center center; background-size: 74%; }
.campaignSliderContent > div img { width: 100%;}
.campaignSliderContent > div a:hover img { transform: scale(1.05); }
.campaignSliderContent > div a::after { content:''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) ); z-index: 1; }
.campaignSliderContent > div a p { position: absolute; bottom: 0; left: 0; padding: 10px;  font-size: 14px; color:#fff; z-index: 2; }
.campaignSliderContent > div a.icon-blank p::after {
  content: "";
  margin-left: 0.2em;
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url(/content/dam/au-com/renew2022/img/icon-blank-gray.svg) no-repeat center right;
  background-size: 100% auto;
}

#campaignSlider a.ol { border: 2px solid #eb5505; }



#respectyouH2Wrap { padding: 0 20px 40px; background: #fff; margin-bottom: 140px;  }
#respectyouWrap h2 { font-size: 44px; font-weight: bold; width: calc(100% - 90px); text-align: left; padding-bottom: 40px; border-bottom: 1px solid #333; position: relative; padding-top: 100px; background: #fff; }
#respectyouWrap h2 span.org { color: #eb5505; }
#respectyouWrap h2 span.label { position: absolute; bottom: -10px; right: -90px; font-size: 14px; }
#respectyouWrap {
  background-image: linear-gradient(rgba(255,255,255,0) 80%,rgba(255,255,255,1)), url(/content/dam/au-com/renew2022/img/bg-respectyou.jpg);
  background-attachment: local,fixed;
  background-size: 100%, 100%; padding-top: 0; padding-bottom: 60px; margin-bottom: 50px;}
#respectyouWrap h2.respectYou { text-align: center!important; margin-bottom: 40px; 
  width: 100%;
  padding-bottom: 0;
  border-bottom: none;
  position: relative;
  padding-top: 0;
  background: transparent; }
#respectyouWrap p.lead { text-align: center; margin: 0 auto 50px; width: 80%; line-height: 1.8; }
#respectyouArticleBox { display: flex; justify-content: space-between; max-width: 980px; margin: 0 auto 40px; position:relative; z-index: 0; }
/*#respectyouArticleBox > div { width: 49%; position: relative; overflow: hidden; border-radius: 4px; }*/
#respectyouArticleBox > div { width: 66.5%; position: relative; }
#respectyouArticleBox > div:last-child { width: 32.2%; position: relative; }
#respectyouArticleBox > div p { color:#fff; position: absolute; bottom: 10px; left: 10px; z-index: 2; }
#respectyouArticleBox > div a { position: relative; overflow: hidden; border-radius: 4px; }
#respectyouArticleBox > div a img { transition: 2s; }
#respectyouArticleBox > div a:hover img { transform: scale(1.05); }

#respectyouArticleBox > div a.icon-blank p::after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: 0.2em;
  background: url(/content/dam/au-com/renew2022/img/icon-blank-gray.svg) no-repeat center right;
  background-size: 100% auto;
}

#respectyouArticleBox > div img { width: 100%; }
#respectyouArticleBox > div:nth-child(2) > div { display: flex; justify-content: space-between; flex-wrap: wrap; }
/*#respectyouArticleBox > div:nth-child(2) > div > div { width: 48%; position: relative; margin-bottom: 2.4%; }*/
#respectyouArticleBox > div:nth-child(2) > div > div { width: 100%; position: relative; margin-bottom: 2.4%; }
#respectyouArticleBox > div:nth-child(2) > div > div:nth-child(3),
#respectyouArticleBox > div:nth-child(2) > div > div:nth-child(4) { margin-bottom: 0;}
#respectyouArticleBox > div:nth-child(1) a::after,
#respectyouArticleBox > div:nth-child(2) > div > div a::after { content:''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) ); z-index: 1; }

#aboutBrand { display: flex; overflow: hidden; border-bottom:1px solid #d1d1d1;  margin-bottom: 80px; z-index: 0; position: relative; }
#aboutBrand > div:first-child  { width: 52%; position: relative; }
#aboutBrand > div:first-child::before  { content:''; display: block; background: #fff; height: 103%; width: 16%; position: absolute; top: 0; right: -9%; transform: rotate(10deg); z-index: 1; }
#aboutBrand > div:first-child::after { content:''; display: block; background: rgba(255,255,255,.5); height: 103%; width: 16%; position: absolute; top: -4%; right:-9%; transform: rotate(-10deg);}
#aboutBrand > div:first-child img { width: 100%; }
#aboutBrand > div:nth-child(2) { width: 48%; text-align: left; position: relative; display: flex; align-items: center; z-index: 1; }
#aboutBrand > div:nth-child(2) > div { width: 85%; }
#aboutBrand > div:nth-child(2) > div img.logo { width: 100%; margin-bottom: 9%; margin-left: 4%; }
#aboutBrand > div:nth-child(2) > div img.btn { width: 95%; margin-left: 10%; }
#aboutBrand a { transition: 2s; }
#aboutBrand a:hover { opacity: .6; }

#actionWrap { margin-bottom: 50px; padding: 76px 0 60px; position: relative;  }
#actionWrap::before { content: ''; display: block; background: #f3f3f3; width: 100%; height: 100%; position: absolute; top: 0; left: 50px;  }
#actionWrap h2 { font-weight: bold; text-align: center; margin: 0 auto 30px; font-size: 34px; position: relative; line-height: 1; vertical-align: middle; }
#actionWrap h2 span.mainTx { vertical-align: middle; }
#actionWrap h2 span.org { color: #eb5505; }
#actionWrap h2 span.label { white-space: nowrap; display: inline-block; text-align: right; font-size: 22px; font-weight: bold; position: relative; line-height: 1; vertical-align: middle; }
#actionWrap h2 span.label::before { content: ''; display: inline-block; width: 60px; margin-right: 20px; margin-left: 20px; vertical-align: middle; height: 1px; background: #333; }
#actionWrap h2 span.fsM{ font-size: 30px; color: #eb5505; }
#actionWrap h2 span.fsS{ font-size: 20px; }
#actionWrap p.lead { font-size: 16px; position: relative; text-align: center; margin: 0 auto 50px; width: 80%; line-height: 1.8; }
#actionWrap ul { max-width: 880px; width: 80%; margin: 0 auto 30px; display: flex; justify-content: space-between; position: relative; padding: 0; }
#actionWrap ul li { width: 47.728%; border-radius: 10px; font-size: 18px; font-weight: bold; line-height: 2; text-align: left; padding: 3% 5% 9% 5%; background: #fff url(/content/dam/au-com/renew2022/img/icon_action.svg) no-repeat right 20px bottom 20px; }

#announceWrap { margin-top: 50px; margin-bottom: 50px; }
#announceWrap .bnr { text-align: center; }
#announceWrap .bnr img { max-width: 100%; }
#announceWrap .bnr a:hover img { opacity: 0.6; }



/* action Redesign*/
#actionWrapper { width: calc(100% - 40px); position: relative; z-index: 0; background: #F5F5F5; left: 40px; padding-bottom: 60px; margin-bottom: 50px; }
#actionWrapper h2 { text-align: center; margin: 0 auto; font-size: 34px; color:#fff; font-weight: bold; position: relative; line-height: 1; vertical-align: middle; font-feature-settings: "palt"; }
#actionWrapper h2 span.mainTx { vertical-align: middle;}
#actionWrapper h2 span.space { display: none;}
#actionWrapper h2 span.label { white-space: nowrap; display: inline-block; text-align: right; position: relative; line-height: 1; font-size: 17px; font-weight: normal; }
#actionWrapper h2 span.label::before { content: ''; display: inline-block; width: 60px; margin-right: 20px; margin-left: 20px; vertical-align: middle; height: 1px; background: #fff; }
#actionWrapper .actionLead { width: 100%; margin-bottom: 18px; padding-bottom: 20px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #707070; text-align: center; }
#actionWrapper .actionTxt { font-size: 16px; line-height: 2; text-align: center; }
#actionWrapper .actionVisual { width: 100%; position: relative; overflow: hidden; }
#actionWrapper .actionVisual img { width: 100%; }
#actionWrapper .actionVisual::before { content:''; display: block; position: absolute; width: 103%; height: 9vw; transform: rotate(-5deg); border:none; background: #F5F5F5; bottom: -4.8vw; left: -2%; }
#actionWrapper .actionVisual::after { content:''; display: block; position: absolute; width: 103%; height: 9vw; transform: rotate(5deg); border: none; background: rgba(245,245,245,.5); bottom: -4.8vw; right: -2%; }
#actionWrapper .actionWrapInner { width: 100%; margin-top: -20%; position: relative; }
#actionWrapper .actionBox { max-width: 768px; width: 90%; padding: 4%; margin: 5% auto 3% auto; border-radius: 6px; background-color: #fff; }

.topPage_rss_carousel { margin-bottom: 50px; padding: 80px 0 60px; position: relative;}
.topPage_rss_carousel::before { content: ''; display: block; background: #0E0D6A /*url(/content/dam/au-com/renew2022/img/mark-grid.svg) no-repeat left top*/; width: 100%; height: 100%; position: absolute; top: 0; left: 50px; }
.topPage_rss_carousel h2 { text-align: center; margin: 0 auto 30px; font-size: 34px; color:#fff; font-weight: bold; position: relative; line-height: 1; vertical-align: middle; font-feature-settings: "palt"; }
.topPage_rss_carousel h2 span.mainTx { vertical-align: middle;}
.topPage_rss_carousel h2 span.space { display: none;}
.topPage_rss_carousel h2 span.label { white-space: nowrap; display: inline-block; text-align: right; position: relative; line-height: 1; }
.topPage_rss_carousel h2 span.label img { width: 120px; vertical-align: middle; }
.topPage_rss_carousel h2 span.label::before { content: ''; display: inline-block; width: 60px; margin-right: 20px; margin-left: 20px; vertical-align: middle; height: 1px; background: #fff; }

.topPage_rss_carousel p.lead { color:#fff;font-size: 16px; position: relative; text-align: center; margin: 0 auto 50px; width: 80%; line-height: 1.8; }
.topPage_rss_carouselInner { position: relative; overflow: hidden; min-height: 200px; margin-bottom: 0px; }
.topPage_rss_carousel_wrapper { position: relative; left: 80px; /*width: 1980px;*/ }
.topPage_rss_carousel_wrapper .slick-slide { width: 312px; }
.rss_carouselSliderContent > div { width: 94%; height: 100%; margin-right: 6%; position: relative; background: #fff; border-radius: 6px; overflow: hidden; z-index:1;}
.rss_carouselSliderContent > div a { position: relative; text-decoration: none!important; }
.rss_carouselSliderContent > div a > div { overflow: hidden;}
.rss_carouselSliderContent > div p { padding: 16px; color:#333; font-size: 14px; }
.rss_carouselSliderContent > div p .link-window{
  padding-right: 11px;
  margin-left: 0.2em;
  background: url(/content/dam/au-com/renew2022/img/icon-blank-gray.svg) no-repeat center right;
  background-size: 100% auto;
}

.rss_carouselSliderContent > div a span { color:#666; font-size: 12px; }
.rss_carouselSliderContent > div img { width: 100%; transition: 2s; }
.rss_carouselSliderContent > div a:hover img { transform: scale(1.05); }

#promotionWrap { margin-bottom: 50px; padding: 80px 0 60px; position: relative;  }
#promotionWrap::before { content: ''; display: block; background: #f3f3f3; width: 100%; height: 100%; position: absolute; top: 0; left: 50px; }
#promotionWrap ul { max-width: 880px; width: 80%; margin: 0 auto; display: flex; justify-content: space-between; position: relative; padding: 0; }
#promotionWrap ul li { width: 47.728%; text-align: center; padding: 0; text-align: left; }
#promotionWrap ul li a { overflow: hidden; margin-bottom: 0; }
#promotionWrap ul li a:hover div img { transform: scale(1.05);  }
#promotionWrap ul li a div { overflow: hidden; margin-bottom: 30px;}
#promotionWrap ul li a div img { width: 100%; transition: 2s; }
#promotionWrap ul li p { color: #707070; margin-bottom: 17px; }
#promotionWrap ul li p.tit { font-size: 30px; color: #333; font-weight: bold; margin-bottom: 17px; }
#promotionWrap ul li p.tit span { color: #eb5505; }
#promotionWrap ul li span.btnGray { display: inline-block; padding: 0 30px; width: auto; background: transparent; }


#featureWrap { margin-bottom: 0px; padding: 80px 0 60px; position: relative;}
#featureWrap::before { content: ''; display: block; background: #333 url(/content/dam/au-com/renew2022/img/mark-grid.svg) no-repeat left top; width: 100%; height: 100%; position: absolute; top: 0; left: 50px; }
#featureWrap ul { max-width: 880px; width: 80%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; padding: 0; }
#featureWrap ul li { width: 47.728%; text-align: left; padding: 0; }
#featureWrap ul li:nth-child(n+3) { margin-top: 30px; }
#featureWrap ul li a { text-decoration: none!important;}
#featureWrap ul li a div:first-child { overflow: hidden; margin-bottom: 30px; }
#featureWrap ul li a div:first-child img { width: 100%; transition: 2s; }
#featureWrap ul li a:hover div:first-child img { transform: scale(1.05); }
#featureWrap ul li p { color: #fff; margin-bottom: 15px; }
#featureWrap ul li p.tit { font-size: 30px; color: #fff; font-weight: bold; margin-bottom: 15px; min-height: 84px; }
#featureWrap ul li p.tit span { color: #eb5505; }
#featureWrap ul li span.btnWhite { display: inline-block; padding: 0 30px; width: auto; }
#featureWrap ul li div.otherLnk { /*border-top: 1px solid #707070;*/ padding-top: 0; margin-top: -30px; text-align: right;}
#featureWrap ul li div.otherLnk a { color: #fff; font-size: 14px; }
#featureWrap ul li div.otherLnk a:hover {opacity: .6;}
#featureWrap ul li div.otherLnk a span img { margin-bottom: 2px; }

#informationWrap { max-width: 1020px; margin: 0 auto!important; padding: 80px 20px;}
#informationWrap .layout-ctr { padding-left: 0!important; padding-right: 0!important;}
#informationWrap .link-text:after { display: none!important;}
#informationWrap .button .text-center { text-align: right;}
#informationWrap .button .text-center a { border: none;}

#informationWrap .accordionElem.default { border: none; border-top: 1px solid #333; border-bottom: 1px solid #333; box-shadow: none; margin-top: 0!important; margin-bottom: 0!important;}
#informationWrap .accordion.parbase:first-child .accordionElem.default{ border-bottom: none; }
#footerBannerSlider { /*width: 1980px; transform: translate(-50%,0); left: 50%;*/ }
#footerBannerSlider .slick-slide { width: 320px; }
#footerBannerWrap { margin-bottom: 40px;}
.footerBannerContent { padding: 0 8px; }
.footerBannerContent img { width: 100%; margin: 0 auto; }
.footerBannerContent a { position: relative;}
.footerBannerContent a::before { content:''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; }
.footerBannerContent a:hover::before { border: 1px solid #d1d1d1 }


#footerBannerSlider a.ol { border: 2px solid #eb5505; }

.btnGray { border: rgba(51,51,51,.5) 1px solid; border-radius: 18px; color: #494949!important; background: #fff; text-decoration: none!important; display: block; width: 200px; height: 36px; line-height: 34px; text-align: center; position: relative; overflow: hidden; margin: 0 auto;  }
.btnGray span > img { position: absolute; top: 50%; left: 50%; transform: translateY(-50%); margin-left: -4px; display: block; }
.btnGray::before { content:''; display: block; position:absolute; top: 50%; left: 50%; width: 20px; height: 20px; border-radius: 50%; background: rgba(0, 0, 0, 0.3); transform: translate(-50%, -50%) scale(0); opacity: 1; transition: 0; }
.btnGray:hover::before { transform: translate(-50%, -50%) scale(10); opacity: 0; transition: .5s; }

.btnGray.icon-blank::after {
  content:"";
  display: block;
  width: 11px;
  height: 11px;
  background: url(/content/dam/au-com/renew2022/img/icon-blank-gray.svg) no-repeat center right;
  background-size: 100% auto;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.btnWhite { border: rgba(209,209,209,.5) 1px solid; border-radius: 18px; color: #fff!important; text-decoration: none!important; display: block; width: 200px; height: 36px; line-height: 34px; text-align: center; position: relative; overflow: hidden; margin: 0 auto;  }
.btnWhite span > img { position: absolute; top: 50%; left: 50%; transform: translateY(-50%); margin-left: -4px; display: block; }
.btnWhite::before { content:''; display: block; position:absolute; top: 50%; left: 50%; width: 20px; height: 20px; border-radius: 50%; background: rgba(255, 255, 255, 0.3); transform: translate(-50%, -50%) scale(0); opacity: 1; transition: 0; }
.btnWhite:hover::before { transform: translate(-50%, -50%) scale(10); opacity: 0; transition: .5s; }

.cmp-au-com-modal-content { background: #f3f3f3!important; text-align: center!important; border-radius: 8px!important; }
.brandModalLnk p.tit,
.brandModalLnk h2.tit { font-size: 24px;}
.brandModalLnk p { font-size: 14px;}
.brandModalLnkLst { padding: 0; display: flex; max-width: 640px; margin: 50px auto; justify-content: space-between; }
.brandModalLnkLst li { width: 31%; }
.brandModalLnkLst li a { display: block; padding-top: 100%; border-radius: 8px; transition: .6s; }
.brandModalLnkLst li a:hover { opacity: .6; }
.brandModalLnkLst li:nth-child(1) a { background: #fff url(/content/dam/au-com/renew2022/img/nav-logo-au_on.svg) no-repeat center center; background-size: 75px; }
.brandModalLnkLst li:nth-child(2) a { background: #fff url(/content/dam/au-com/renew2022/img/nav-logo-uq_on.svg) no-repeat center center; background-size: 70px; }
.brandModalLnkLst li:nth-child(3) a { background: #fff url(/content/dam/au-com/renew2022/img/nav-logo-povo_on.svg) no-repeat center center; background-size: 75px; }

.brandModalLnkLst2 { padding: 0; display: flex; max-width: 800px; margin: 50px auto; justify-content: space-between; }
.brandModalLnkLst2 li { width: 31%; padding-top: 70px; }
.brandModalLnkLst2 li a { display: block; height: 60px; line-height: 60px; font-size: 14px; border-radius: 8px; transition: .6s; background: #fff; color: #333!important; margin-bottom: 10px; }
.brandModalLnkLst2 li a:hover { opacity: .6; }
.brandModalLnkLst2 li:nth-child(1) { background: url(/content/dam/au-com/renew2022/img/nav-logo-au_on.svg) no-repeat center top 8px; background-size: 75px; }
.brandModalLnkLst2 li:nth-child(2) { background: url(/content/dam/au-com/renew2022/img/nav-logo-uq_on.svg) no-repeat center top; background-size: 70px; }
.brandModalLnkLst2 li:nth-child(3) { background: url(/content/dam/au-com/renew2022/img/nav-logo-povo_on.svg) no-repeat center top 8px; background-size: 75px; }
.brandModalLnkLst2 li:nth-child(3) { display: flex; flex-wrap: wrap; justify-content: space-between; }
.brandModalLnkLst2 li:nth-child(3) a:nth-child(1) { width: 100%; }
.brandModalLnkLst2 li:nth-child(3) a:nth-child(2),.brandModalLnkLst2 li:nth-child(3) a:nth-child(3) { width: 48%; line-height: 1.2; padding-top: 13px;}

.brandModalLnkLst3 { padding: 0; display: flex; max-width: 640px; margin: 50px auto; justify-content: space-between; }
.brandModalLnkLst3 li { width: 31%; }
.brandModalLnkLst3 li a { display: block; padding-top: 100%; border-radius: 8px; transition: .6s; }
.brandModalLnkLst3 li a:hover { opacity: .6; }
.brandModalLnkLst3 li:nth-child(1) a { background: #fff url(/content/dam/au-com/renew2022/img/nav-logo-au_on.svg) no-repeat center center; background-size: 75px; }
.brandModalLnkLst3 li:nth-child(2) a { background: #fff url(/content/dam/au-com/renew2022/img/nav-logo-uq_on.svg) no-repeat center center; background-size: 70px; }
.brandModalLnkLst3 li:nth-child(3) > div { border-radius: 8px; border: 1px solid #D1D1D1;background: url(/content/dam/au-com/renew2022/img/nav-logo-povo_on.svg) no-repeat center top 40px; background-size: 75px; padding: 96px 10px 16px; }
.brandModalLnkLst3 li:nth-child(3) > div p { margin-bottom: 15px; font-size: 10px; }
.brandModalLnkLst3 li:nth-child(3) a.btnModal { background:#E7EAEB url(/content/dam/au-com/renew2022/img/icon-btn-ols.svg) no-repeat left 18px center ; display: block; text-align: left; font-size: 10px; padding: 6px 5px 6px 50px;    line-height: 1.2; border-radius: 20px; }
.brandModalLnkLst3 li:nth-child(3) > div + a { padding: 0; font-size: 10px; margin-top: 10px; }


.cmp-au-com-modalElem .cmp-au-com-modal-dialog .cmp-au-com-modal-content .cmp-au-com-modal-body { background: #f3f3f3;border-radius: 8px; }
.cmp-au-com-modalElem .cmp-au-com-modal-dialog .cmp-au-com-modal-content { border: none; }
.brandModalLnkLst4 { padding: 0; display: flex; flex-wrap: wrap; max-width: 600px; margin: 50px auto 0; justify-content: space-around; }
.brandModalLnkLst4 li { width: 41%; min-width: 260px; margin-bottom: 40px; }
.brandModalLnkLst4 li a { width: 100%; background: #fff; height: 80px; line-height: 80px; border-radius: 0; color: #333!important; overflow: hidden; font-weight: bold; }
.brandModalLnkLst4 li a:hover { opacity: .6; }
/*.brandModalLnkLst4.au li a::after { color: #eb5505; }
.brandModalLnkLst4 li a::after { content: '\FF1E'; font-weight: bold; transform: scale(.6,1); margin-left: 10px; display: inline-block; }
.brandModalLnkLst4.uq li a::after { content: ''; transform: scale(1); width: 11px; height: 11px; background: url(/content/dam/au-com/renew2022/img/icon-blank-uq.svg) no-repeat center right; }
*/
.topPage_rss_carousel .slick-dots,
#campaign .slick-dots { position: relative; margin-bottom: 30px; margin-top: 30px; line-height: 10px; }
.topPage_rss_carousel .slick-dots>li.slick-active { background: #fff!important; }


/* 2022 10 13 */
#tobiraWrap { position: relative; z-index: 0; background: #F5F5F5; left: 40px; padding-bottom: 60px; margin-bottom: 50px; }
#tobiraCarouselBox { position: absolute; width: 100%; }
#tobiraCarousel { position: relative; overflow: hidden; }
#tobiraCarousel::before { content:''; display: block; position: absolute; width: 102%; height: 10vw; transform: rotate(-6deg); border:none; background: #F5F5F5; z-index: 1; bottom: -5vw; left: 0 }
#tobiraCarousel::after { content:''; display: block; position: absolute; width: 102%; height: 10vw; transform: rotate(6deg); border: none; background: rgba(245,245,245,.5); z-index: 1; bottom: -5vw; right: 0; }
#tobiraCarousel img { width: 100%; }

#tobiraRssCarouselBox { position: relative; z-index: 1; padding-top: 11%; }

#tobiraRssCarouselBox h2 { text-align: center; margin: 0 auto 16%; font-size: 34px; color:#fff; font-weight: bold; position: relative; line-height: 1; vertical-align: middle; font-feature-settings: "palt"; }
#tobiraRssCarouselBox h2 span.mainTx { vertical-align: middle;}
#tobiraRssCarouselBox h2 span.space { display: none;}
#tobiraRssCarouselBox h2 span.label { white-space: nowrap; display: inline-block; text-align: right; position: relative; line-height: 1; font-size: 17px; font-weight: normal; }
#tobiraRssCarouselBox h2 span.label::before { content: ''; display: inline-block; width: 60px; margin-right: 20px; margin-left: 20px; vertical-align: middle; height: 1px; background: #fff; }


#tobiraRssCarouselBox .slick-slide { width: 270px; padding: 0 10px; }
.topPage_rss_tobira_carousel_wrapper { padding-left: 35px; }
.rss_tobira_carousel a { display: block; text-align: left; }
/*2022 10 20 */
.rss_tobira_carousel a:hover .imgBxTobira img { transform: scale(1.05);}
.rss_tobira_carousel a .imgBxTobira { height: 250px; overflow: hidden; border-radius: 4px; position: relative; }
.rss_tobira_carousel a .imgBxTobira img { height: 100%; transition: 2s; }
/*2022 10 20 */
.rss_tobira_carousel a p.tobiraCategory { font-size: 18px; padding: 10px 0; border-bottom: 1px solid #666; color:#333!important; }
.rss_tobira_carousel a p.tobiraTxt { font-size: 14px; padding: 10px 0; color:#333!important; }
.rss_tobira_carousel a p.tobiraTxt .link-window{
  padding-right: 11px;
  margin-left: 0.2em;
  background: url(/content/dam/au-com/renew2022/img/icon-blank-gray.svg) no-repeat center right;
  background-size: 100% auto;
}


#tobiraRssCarouselBox a.ol { border: 2px solid #eb5505; }

#dotTobiraRss { padding: 20px 0;}
#dotTobiraRss ul { margin-left: -40px; }

@media screen and (max-width:1400px) {
  #campaign h2 { left: 80px; position: relative; transform: translate(0,0); font-weight: bold; }
  #campaignSlider { left: 80px; transform: translate(0,0); }
  .topPage_rss_carousel::before { content: ''; display: block; background: #0E0D6A; width: 100%; height: 100%; position: absolute; top: 0; left: 40px;  }
  #featureWrap::before { content: ''; display: block; background: #333 url(/content/dam/au-com/renew2022/img/mark-grid.svg) no-repeat left top; width: 100%; height: 100%; position: absolute; top: 0; left: 40px;  }
  .topPage_rss_carousel_wrapper { position: relative; top: 0; left:80px; }

  #actionWrap::before,#promotionWrap::before { content: ''; display: block; background: #f5f5f5; width: 100%; height: 100%; position: absolute; top: 0; left: 40px; }
}

@media screen and (min-width:768px) and (max-width:980px) {
  #actionWrap h2,
  .topPage_rss_carousel h2 { font-size: 28px; }
  #actionWrap h2 span.label { font-size: 17px; font-weight: bold; position: relative; line-height: 1; vertical-align: middle; }
  .topPage_rss_carousel h2 span.label img { width: 90px; vertical-align: middle; }
  #actionWrap h2 span.label::before,
  .topPage_rss_carousel h2 span.label::before { width: 40px; margin-right: 10px; }


  .serviceLnk > a.toBack { background-size: 20px; }
  .serviceLnk > a.toDetail > span { height: 24px; line-height: 22px; }
  .serviceLnk > div p:first-child { font-size: 15px; margin-bottom: 6px; }
  .serviceLnk > div p:last-child { font-size: 12px; line-height: 1.4; }

  /* 2022 10 13 */
#tobiraRssCarouselBox h2 span.mainTx { position: relative; font-size: 26px; }
#tobiraRssCarouselBox h2 span.label { font-size: 14px; font-weight: bold; position: relative; line-height: 1; vertical-align: middle; }
}

@media screen and (min-width:768px) {
  .campaignSliderContent > div img { transition: 2s; }
}
@media screen and (max-width:767.98px) {
  #selectBrandListWrap { background: #E7EAEB; border-bottom: 6px solid #f5f5f5; margin-bottom: 30px; }
  #selectBrandList { display: flex; margin: 0 auto; padding: 0; }
  #selectBrandList a { width: 33.333%; text-align: left; height: 75px; text-indent: -100%; overflow: hidden; }
  .au #selectBrandListWrap { border-bottom: 6px solid #eb5505; }
  .uq #selectBrandListWrap { border-bottom: 6px solid #E4007F; }
  .povo #selectBrandListWrap { border-bottom: 6px solid #FFFA00; }
  #selectBrandList a:hover { opacity: 1; }
  #selectBrandList a:nth-child(1) { background: url(/content/dam/au-com/renew2022/img/nav-logo-au_on.svg) no-repeat center center; background-size: 66px; }
  #selectBrandList a:nth-child(2) { background: url(/content/dam/au-com/renew2022/img/nav-logo-uq_on.svg) no-repeat center center; background-size: 63px; }
  #selectBrandList a:nth-child(3) { background: url(/content/dam/au-com/renew2022/img/nav-logo-povo_on.svg) no-repeat center center; background-size: 67px; }
  #selectBrandList a.off:nth-child(1) { background: url(/content/dam/au-com/renew2022/img/nav-logo-au.svg) no-repeat center center; background-size: 66px; }
  #selectBrandList a.off:nth-child(2) { background: url(/content/dam/au-com/renew2022/img/nav-logo-uq.svg) no-repeat center center; background-size: 63px; }
  #selectBrandList a.off:nth-child(3) { background: url(/content/dam/au-com/renew2022/img/nav-logo-povo.svg) no-repeat center center; background-size: 67px; }
  #selectBrandList a img { width: 100px; display: block; }

.au #usefulmenu li a p,
.uq #usefulmenu li a p,
.povo #usefulmenu li a p { padding-bottom: 8px; }

  #usefulmenu { padding: 0 3% 30px; }
  #usefulmenu li { height: 120px; width: 30%; }
  #usefulmenu li:nth-child(n + 6) { width: 60%; margin: 0 auto; height: auto; }
  #usefulmenu li a { display: block; margin: 0 auto; height: 100%; background: #fff; border-radius: 10px; position: relative; color:#333!important; }
  #usefulmenu li a::before { content:''; display: block; width: 50px; background-size: auto 100%; position: absolute; top: 14px; left: 14px; }
  #usefulmenu li:nth-child(n + 6) a { font-size: 12px; height: 40px; line-height: 40px; border-radius: 20px; margin-top: 20px; color: #333!important; overflow: hidden; font-weight: bold; }
  #usefulmenu li:nth-child(8) a { margin-top: 10px;}
  #usefulmenu li.textLnk a { margin-top: 10px; height: auto; line-height: 1.8;  }
  #usefulmenu li:nth-child(5) a::before { background: url(/content/dam/au-com/renew2022/img/icon-nav-useful-1.svg) no-repeat left center; background-size: auto 26px; height: 26px; }
  .povo #usefulmenu li:nth-child(5) a::before { background: url(/content/dam/au-com/renew2022/img/icon-nav-useful-5.svg) no-repeat left center; background-size: auto 26px; height: 26px; }
  #usefulmenu li:nth-child(4) a::before { background: url(/content/dam/au-com/renew2022/img/icon-nav-useful-3.svg) no-repeat left center; background-size: auto 26px; height: 26px; }
  #usefulmenu li:nth-child(3) a::before,
  #usefulmenu li:nth-child(2) a::before { background: url(/content/dam/au-com/renew2022/img/icon-nav-useful-2.svg) no-repeat left center; background-size: auto 26px; height: 26px; }
  #usefulmenu li:nth-child(1) a::before { background: url(/content/dam/au-com/renew2022/img/icon-nav-useful-3.svg) no-repeat left center; background-size: auto 26px; height: 26px; }
  .povo #usefulmenu li:nth-child(1) a::before { background: url(/content/dam/au-com/renew2022/img/icon-nav-useful-2.svg) no-repeat left center; background-size: auto 26px; height: 26px; }
  #usefulmenu li a p { text-align: right; position: absolute; bottom: 12px; right: 14px; font-size: 12px; width: calc(100% - 28px);  }
  #usefulmenu li:last-child a p { position: relative; bottom:auto; right: auto; text-align: center; }
#usefulmenu li a:hover::after { display: none; }

  .tglBtn { height: 30px; display: block; line-height: 30px; }

  #usefulmenuMoreBtnList { display: block; border-top: 1px solid #E0E0E0; padding: 0; }
  #usefulmenuMoreBtnList li { width: 90%; padding: 0; border-top: 1px solid #E0E0E0; margin: 0 auto; }
  #usefulmenuMoreBtnList li:first-child { border-top: none; }
  #usefulmenuMoreBtnList li a { display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #333!important; font-size: 12px; padding-right: 0; }
  #usefulmenuMoreBtnList li br { display: none;}
  .uq #usefulmenuMoreBtnList li:nth-child(3) a::before { white-space:nowrap;}

  .notice .accordionElem.narrow-design-accordion .accordion-label a { padding-top: 10px; padding-bottom: 10px; font-size: 14px; }

  #importantinformation .accordionElem.default { border: none; }
  #importantinformation .accordionElem.default dd { padding-top: 30px; padding-bottom: 30px; }
  #importantinformation .accordionElem .accordion-label.txtColor-base>a { background: #333; color:#fff!important; }

  #attentiontopic { background: #fff; padding: 15px 0; }
  #attentiontopic .list-date { max-width: 980px; margin: 0; }
  #attentiontopic .list-date dt { float: none; width: auto; font-weight: normal; line-height: 1.4; font-size: 12px; }
  #attentiontopic .list-date dd { padding-left: 0; font-size: 14px; margin-bottom: 0; line-height: 1.6; }

#auservice { text-align: center; border-top: none; padding: 0 0 35px; }
#auserviceInner { max-width: 1200px; margin: 0 auto; }
#auserviceInner h2 { font-size: 28px; width: calc(100% - 160px); text-align: left; padding-left: 10px; padding-top: 35px; padding-bottom: 15px; border-bottom: 1px solid #333; position: relative; margin-bottom: 20px; }
#auserviceInner h2 span.org { color: #eb5505; }
#auserviceInner h2 span.label { position: absolute; bottom: -10px; right: -150px; font-size: 12px; }

#auservice ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 10px; padding: 0; }
#auservice ul li[data-id="s01"],#auservice ul li[data-id="s06"] { width: 100%; }
#auservice ul li { width: 49%; margin-bottom: 2%; }
#auservice ul li[data-id="s07"], #auservice ul li[data-id="s08"] { width: 49%; }
#auservice ul li > a,#auservice ul li[data-id="s07"] > a,#auservice ul li[data-id="s08"] > a { height: 43vw; display: block; padding-top: 0; position: relative; }
#auservice ul li[data-id="s01"] > a,#auservice ul li[data-id="s06"] > a { padding: 0; }
#auservice ul li > a p { font-size: 16px; }
#auservice ul li[data-id="s04"] > a p,
#auservice ul li[data-id="s07"] > a p { font-size: 16px; line-height: 1.3; padding-top: 7px; }
#auservice ul li > a p span { font-size: 60%; }
.serviceLnk { height: 100%; }
#auservice ul li[data-id="s01"] .serviceLnk,#auservice ul li[data-id="s06"] .serviceLnk,#auservice ul li[data-id="s07"] .serviceLnk,#auservice ul li[data-id="s08"] .serviceLnk { padding: 10%; width: 100%; }
.serviceLnk { display: flex; align-items: center; width: 100%; }
.serviceLnk > a.toBack { top: -50px; left: -50px; width: 10%; height: 20%; display: block; background-size: 16px; }
.serviceLnk.open > a.toBack {top: 10px; left: 10px; }
.serviceLnk > a.toDetail > span { position: absolute; bottom: -50px; right: -50px; display: block; width: 40px; height: 18px; border-radius: 10px; border: 1px solid #aaa; line-height: 16px; color: #aaa!important; text-decoration: none; font-size: 12px; }
.serviceLnk.open > a.toDetail > span { bottom: 10px; right: 10px; }
.serviceLnk > div p:first-child { font-size: 16px; margin-bottom: 6px; }
.serviceLnk > div p:last-child { font-size: 12px; line-height: 1.6; }
#auservice ul li[data-id="s01"] { order: 1; }
#auservice ul li[data-id="s02"] { order: 2; }
#auservice ul li[data-id="s03"] { order: 3; }
#auservice ul li[data-id="s04"] { order: 5; }
#auservice ul li[data-id="s05"] { order: 6;}
#auservice ul li[data-id="s06"] { order: 4;}
#auservice ul li[data-id="s07"] { order: 7;}
#auservice ul li[data-id="s08"] { order: 8;}
#auservice ul li[data-id="s07"] { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) ), url(/content/dam/au-com/renew2022/img/img-service-2023_7-sp.jpg); }
#auservice ul li[data-id="s08"] { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) ), url(/content/dam/au-com/renew2022/img/img-service-2023_8-sp.jpg); }

#auservice ul li:hover { background-size: 100% ,100%; }

#auserviceInner.s02 li[data-id="s02"] { width: 72%; }
#auserviceInner.s02 li[data-id="s03"] { margin-right: -23%; }
#auserviceInner.s03 li[data-id="s02"] { margin-left: -23%; }
#auserviceInner.s03 li[data-id="s03"] { width: 72%; }
#auserviceInner.s04 li[data-id="s04"] { width: 72%; }
#auserviceInner.s04 li[data-id="s05"] { margin-right: -23%; }
#auserviceInner.s05 li[data-id="s04"] { margin-left: -23%; }
#auserviceInner.s05 li[data-id="s05"] { width: 72%; }
#auserviceInner.s07 li[data-id="s07"] { width: 72%; }
#auserviceInner.s07 li[data-id="s08"] { margin-right: -23%; }
#auserviceInner.s08 li[data-id="s07"] { margin-left: -23%; }
#auserviceInner.s08 li[data-id="s08"] { width: 72%; }


#campaign { background: #f5f5f5; padding: 50px 0 30px;}
#campaign h2 { max-width: 980px; position: relative; margin: 0 auto 20px; transform: translate(0,0); font-size: 18px; padding-left: 20px; color:#333; left: 0; font-weight: bold; }
#campaignInner { position: relative; overflow: hidden; min-height: 60vw; }
#campaignSlider { position: absolute; top: 0; left:20px; width: 130%; transform: translate(0,0); }
#campaignSlider .slick-slide { width: auto; }
.campaignSliderContent > div { width: 94%; margin-right: 6%; position: relative; }
.campaignSliderContent > div a { position: relative; overflow: hidden; border-radius: 8px; width: 98%;}
.campaignSliderContent > div .tag { width:20%; background: #fff; height: 0; padding-top: 8vw; border-radius: 0 0 4px 4px; position: absolute; top: 0; right: 5%; }
.campaignSliderContent > div img { width: 100%; }
.campaignSliderContent > div a:hover img { transform: scale(1); }

#campaignSlider .slick-slide { width: auto; }

#respectyouH2Wrap { padding: 0 0 40px; background: #fff; margin-bottom: 50px;  }

#respectyouWrap h2 { font-size: 28px; width: calc(100% - 60px); font-weight: normal; text-align: left; padding-left: 10px; padding-top: 50px; padding-bottom: 15px; border-bottom: 1px solid #333; position: relative; font-weight: bold; }
#respectyouWrap h2 span.org { color: #eb5505; }
#respectyouWrap h2 span.label { position: absolute; bottom: -10px; right: -56px; font-size: 12px; }
#respectyouWrap {
  background-image: linear-gradient(rgba(255,255,255,0) 90%,rgba(255,255,255,1)), url(/content/dam/au-com/renew2022/img/bg-respectyou-sp.jpg);
  background-attachment: local,fixed;
  background-size: 100%, 100%; padding-top: 0; margin-bottom: 0; padding-bottom: 100px; }
#respectyouWrap h2.respectYou { margin-bottom: 20px;font-size: 28px; width: 100%; text-align: center; padding-left: 0; padding-top: 0; padding-bottom: 0; border-bottom: none; position: relative; }
#respectyouWrap h2.respectYou img{ width: 70%; margin: 0 auto; }
#respectyouWrap p.lead { font-size: 12px; margin: 0 auto 30px; width: 80%; }

#respectyouArticleBox { display: block; width: 90%; max-width: 980px; margin: 0 auto 20px; z-index: 0; position: relative;}
#respectyouArticleBox > div { width: 100%; position: relative; overflow: hidden; border-radius: 4px; margin-bottom: 5%; }
#respectyouArticleBox > div:last-child { width: 100%; }
#respectyouArticleBox > div p { color:#fff; position: absolute; bottom: 10px; left: 10px; z-index: 2; font-size: 12px; }
#respectyouArticleBox > div a { position: relative; }
#respectyouArticleBox > div a img { transition: .6s; }
#respectyouArticleBox > div a:hover img { transform: scale(1); }
#respectyouArticleBox > div a.icon-blank p::before {
  content: "";


}

#respectyouArticleBox > div img { width: 100%; }
#respectyouArticleBox > div:nth-child(2) > div { display: flex; justify-content: space-between; flex-wrap: wrap; }
#respectyouArticleBox > div:nth-child(2) > div > div { width: 48%; position: relative; margin-bottom: 5%; overflow: hidden; border-radius: 4px; }
#respectyouArticleBox > div:nth-child(2) > div > div:nth-child(3),
#respectyouArticleBox > div:nth-child(2) > div > div:nth-child(4) { margin-bottom: 0;}
#respectyouArticleBox > div:nth-child(1) a::after,
#respectyouArticleBox > div:nth-child(2) > div > div a::after { content:''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) ); z-index: 1; }

#aboutBrand { display: block; overflow: hidden; border-bottom:1px solid #d1d1d1; margin-bottom: 50px; }
#aboutBrand > div:first-child  { width: 100%; position: relative; }
#aboutBrand > div:first-child::before  { content:''; display: block; background: linear-gradient(rgba(255,255,255,1) 50%,rgba(255,255,255,0)); height: 40%; width: 110%; position: absolute; top: auto; bottom: -30%; right: -3%; transform: rotate(-8deg); }
#aboutBrand > div:first-child::after { content:''; display: block; background: rgba(255,255,255,.5); height: 40%; width: 110%; position: absolute; top: auto; bottom: -30%; right:0; transform: rotate(8deg);}
#aboutBrand > div:first-child img { width: 100%; }
#aboutBrand > div:nth-child(2) { width: 100%; text-align: center; position: relative; display: block; align-items: center; padding-bottom: 50px; }
#aboutBrand > div:nth-child(2) > div { width: 84%; margin: 0 auto; padding-top: 10% }
#aboutBrand > div:nth-child(2) > div img.logo { width: 100%; margin-bottom: 9%; margin-left: 0; }
#aboutBrand > div:nth-child(2) > div img.btn { width: 95%; margin-left: 0; }

#actionWrap { margin-bottom: 30px; padding: 50px 0 40px; position: relative; margin-top: -50px; }
#actionWrap::before { content: ''; display: block; background: #f3f3f3; width: 100%; height: 100%; position: absolute; top: 0; left: 5%;  }
#actionWrap h2 { text-align: left; margin: 0 5% 20px 10%; font-size: 24px; width: 85%; font-weight: bold; position: relative; }
#actionWrap h2 span.space { display: inline-block; width: 10px;}
#actionWrap h2 span.fsM{ font-size: 18px; color: #eb5505; }
#actionWrap h2 span.fsS{ font-size: 11px; }
#actionWrap p.lead { font-size: 12px; position: relative; text-align: left; margin: 0 5% 30px 10%; width: 85%; }
#actionWrap ul { max-width: 880px; width: 85%; margin: 0 5% 20px 10%; display: flex; justify-content: space-between; position: relative; padding: 0; }
#actionWrap ul li { width: 47.728%; border-radius: 10px; font-size: 12px; line-height: 2; font-weight: bold; text-align: left; padding: 6% 6% 12% 6%; background: #fff url(/content/dam/au-com/renew2022/img/icon_action.svg) no-repeat right 3vw bottom 3vw; background-size: 6vw; }

#announceWrap { margin-top: 30px; margin-bottom: 30px; }
#announceWrap .bnr { margin: 0 5%; }


/* action Redesign*/
#actionWrapper { width: calc(100% - 5%); left: 5%; padding-bottom: 40px; margin-bottom: 30px; }
#actionWrapper h2 { text-align: left; margin: 0 auto; margin-bottom: 15%; font-size: 24px; color: #fff; font-weight: bold; position: relative; line-height: 1.3; vertical-align: middle; font-feature-settings: "palt"; padding-left: 6%; }
#actionWrapper h2 span.space { display: none;}
#actionWrapper h2 span.label { white-space: nowrap; display: inline-block; text-align: right; position: absolute; bottom: 9px; right: 10%; width: calc(84% - 120px); line-height: 1; font-size: 16px; }
#actionWrapper h2 span.label::before { content: ''; display: inline-block; width: calc(90% - 60px); margin-right: 3vw; margin-left: 3vw; vertical-align: middle; height: 1px; background: #fff; }
#actionWrapper .actionLead { font-size: 15px; line-height: 1.8;}
#actionWrapper .actionTxt { font-size: 12px; }
#actionWrapper .actionWrapInner { margin-top: -60%; }
#actionWrapper .actionVisual::before { content:''; display: block; position: absolute; width: 105%; height: 33vw; transform: rotate(-8deg); border:none; background: #F5F5F5; bottom: -7vw; left: -1.5vw; }
#actionWrapper .actionVisual::after { content:''; display: block; position: absolute; width: 105%; height: 33vw; transform: rotate(8deg); border: none; background: rgba(245,245,245,.5); bottom: -7vw; right: -1.5vw; }
#actionWrapper .actionBox { margin: 0 auto 20px auto; padding: 12% 9%; }




.topPage_rss_carousel { margin-bottom: 30px; padding: 50px 0 40px; position: relative;}
.topPage_rss_carousel::before { content: ''; display: block; background: #0E0D6A; width: 100%; height: 100%; position: absolute; top: 0; left: 5%;  }
.topPage_rss_carousel h2 { text-align: left; width: 85%; margin: 0 5% 20px 10%; font-size: 24px; color:#fff; position: relative; line-height: 1.4; }
.topPage_rss_carousel h2 img { width: 60%; }
.topPage_rss_carousel p.lead { color:#fff;font-size: 12px; position: relative; text-align: left; width: 85%; margin: 0 5% 30px 10%; }
.topPage_rss_carouselInner { position: relative; overflow: hidden; min-height: 52vw; margin-bottom: 0; }
.topPage_rss_carousel_wrapper { position: absolute; top: 0; left: 10%; /*transform: translate(0,0);*/ width: 130%; }
.topPage_rss_carousel_wrapper .slick-slide { width: auto; }
.rss_carouselSliderContent > div { width: 94%; height: 100%; margin-right: 6%; position: relative; background: #fff; border-radius: 6px; overflow: hidden; }
.rss_carouselSliderContent > div a { position: relative; text-decoration: none!important; }
.rss_carouselSliderContent > div a > div { overflow: hidden;}
.rss_carouselSliderContent > div p { padding: 16px; color:#333; font-size: 12px; }
.rss_carouselSliderContent > div a span { color:#666; font-size: 12px; }
.rss_carouselSliderContent > div img { width: 100%; transition: .6s; }
.rss_carouselSliderContent > div a:hover img { transform: scale(1); }

#actionWrap h2 span.mainTx { background: #f3f3f3; line-height: 1.3; z-index: 1; position: relative; }
.topPage_rss_carousel h2 span.mainTx { background: #0E0D6A; line-height: 1.3; z-index: 1; position: relative; }
.topPage_rss_carousel h2 span.space { display: inline-block; width: 10px;}
#actionWrap h2 span.label,
.topPage_rss_carousel h2 span.label { font-size: 16px; font-weight: bold; position: absolute; width: 100%; bottom: 9px; right: 0; line-height: 1; vertical-align: middle; }
#actionWrap h2 span.label::before{ content: ''; display: inline-block; width: 70%; margin-right: 3%; margin-left: 0; vertical-align: middle; height: 1px; background: #333; }
.topPage_rss_carousel h2 span.label::before { content: ''; display: inline-block; width: 70%; margin-right: 3%; margin-left: 0; vertical-align: middle; height: 1px; background: #fff; }

.topPage_rss_carousel h2 span.label img { width: auto; height: 11px; vertical-align: middle; }

#promotionWrap { margin-bottom: 30px; padding: 50px 0 40px; position: relative;  }
#promotionWrap::before { content: ''; display: block; background: #f3f3f3; width: 100%; height: 100%; position: absolute; top: 0; left: 5%; }
#promotionWrap ul { max-width: 880px; width: 85%; margin: 0 5% 0 10%; display: block; justify-content: space-between; position: relative; padding: 0; }
#promotionWrap ul li { width: 100%; text-align: left; padding: 0; margin-bottom: 30px; }
#promotionWrap ul li:last-child { margin-bottom: 0; }
#promotionWrap ul li a { text-decoration: none; overflow: hidden; margin-bottom: 0; }
#promotionWrap ul li a:hover div img { transform: scale(1); }
#promotionWrap ul li a div img { transition: .6s; }
#promotionWrap ul li a div { overflow: hidden; margin-bottom: 20px; }
#promotionWrap ul li p { color: #707070; margin-bottom: 15px;}
#promotionWrap ul li p.tit { font-size: 22px; color: #333; font-weight: bold; margin-bottom: 15px; }
#promotionWrap ul li p.tit span { color: #eb5505; }

#featureWrap { margin-bottom: 50px; padding: 50px 0 40px; position: relative;}
#featureWrap::before { content: ''; display: block; background: #333 url(/content/dam/au-com/renew2022/img/mark-grid.svg) no-repeat left top; width: 100%; height: 100%; position: absolute; top: 0; left: 5%;  }
#featureWrap ul { max-width: 880px; width: 85%; margin: 0 5% 0 10%; display: block; justify-content: space-between; position: relative; padding: 0; }
#featureWrap ul li { width: 100%; text-align: left; padding: 0; margin-bottom: 30px; }
#featureWrap ul li:last-child { margin-bottom: 0; }
#featureWrap ul li a { text-decoration: none!important;}
#featureWrap ul li a div:first-child { overflow: hidden; margin-bottom: 20px; }
#featureWrap ul li a div:first-child img { width: 100%; transition: .6s; }
#featureWrap ul li a:hover div:first-child img { transform: scale(1); }
#featureWrap ul li p { color: #fff; margin-bottom: 10px;}
#featureWrap ul li p.tit { font-size: 22px; color: #fff; font-weight: bold; margin-bottom: 10px; min-height: auto; }
#featureWrap ul li p.tit span { color: #eb5505; }
#featureWrap ul li span.btnWhite { display: inline-block; padding: 0 30px; width: auto; }

#informationWrap { max-width: 1020px; margin: 0 auto 50px!important; padding: 0;}
#informationWrap .link-text:after { display: none!important;}
#informationWrap .button .text-center { text-align: right;}
#informationWrap .button .text-center a { border: none;}
#informationWrap .accordionElem.default { margin-bottom: 0!important;}
#informationWrap .accordion.parbase dd { padding: 0 5% 5%;}

.footerBannerContent { text-align: left;}
.footerBannerContent img { width: 100%; margin: 0 auto; }
#footerBannerSlider { /*width: 140%;*/ }
#footerBannerSlider .slick-slide { width: auto; }
.footerSocial { margin-top: 35px;}

.cmp-au-com-modal-content { border-radius: 4px!important; }
.brandModalLnk p.tit,
.brandModalLnk h2.tit { font-size: 18px; margin-bottom: 6px;}
.brandModalLnk p { font-size: 12px;}
.brandModalLnkLst { padding: 0; display: block; max-width: 640px; margin: 40px auto; justify-content: space-between; }
.brandModalLnkLst li { width: 80%; margin: 0 auto 10px; }
.brandModalLnkLst li a { display: block; padding-top: 80px; border-radius: 4px; transition: .6s; }
.brandModalLnkLst li a:hover { opacity: .6; }
.brandModalLnkLst li:nth-child(1) a { background: #fff url(/content/dam/au-com/renew2022/img/nav-logo-au_on.svg) no-repeat center center; background-size: 75px; }
.brandModalLnkLst li:nth-child(2) a { background: #fff url(/content/dam/au-com/renew2022/img/nav-logo-uq_on.svg) no-repeat center center; background-size: 70px; }
.brandModalLnkLst li:nth-child(3) a { background: #fff url(/content/dam/au-com/renew2022/img/nav-logo-povo_on.svg) no-repeat center center; background-size: 75px; }

.brandModalLnkLst2 { padding: 0; display: block; max-width: 800px; margin: 50px auto; justify-content: space-between; }
.brandModalLnkLst2 li { width: 90%; max-width: 480px; padding-top: 70px; padding-bottom: 30px; margin: 0 auto 30px; border-bottom: 1px solid #D1D1D1; display: flex; justify-content: space-between; }
.brandModalLnkLst2 li:last-child { border-bottom: none; }
.brandModalLnkLst2 li a { display: block; height: 50px; line-height: 50px; font-size: 14px; border-radius: 4px; transition: .6s; background: #fff; color: #333!important; margin-bottom: 10px; width: 48%; }
.brandModalLnkLst2 li a:hover { opacity: .6; }
.brandModalLnkLst2 li:nth-child(1) { background: url(/content/dam/au-com/renew2022/img/nav-logo-au_on.svg) no-repeat center top 8px; background-size: 75px; }
.brandModalLnkLst2 li:nth-child(2) { background: url(/content/dam/au-com/renew2022/img/nav-logo-uq_on.svg) no-repeat center top; background-size: 70px; }
.brandModalLnkLst2 li:nth-child(3) { background: url(/content/dam/au-com/renew2022/img/nav-logo-povo_on.svg) no-repeat center top 8px; background-size: 75px; }
.brandModalLnkLst2 li:nth-child(3) { display: flex; flex-wrap: wrap; justify-content: space-between; }
.brandModalLnkLst2 li:nth-child(3) a:nth-child(1) { width: 100%; }
.brandModalLnkLst2 li:nth-child(3) a:nth-child(2),.brandModalLnkLst2 li:nth-child(3) a:nth-child(3) { width: 48%; line-height: 1.2; padding-top: 9px;}

.brandModalLnkLst3 { padding: 0; display: block; max-width: 640px; margin: 50px auto; justify-content: space-between; }
.brandModalLnkLst3 li { width: 80%; margin: 0 auto 10px; }
.brandModalLnkLst3 li a { display: block; padding-top: 80px; border-radius: 4px; transition: .6s; }
.brandModalLnkLst3 li a:hover { opacity: .6; }
.brandModalLnkLst3 li:nth-child(1) a { background: #fff url(/content/dam/au-com/renew2022/img/nav-logo-au_on.svg) no-repeat center center; background-size: 75px; }
.brandModalLnkLst3 li:nth-child(2) a { background: #fff url(/content/dam/au-com/renew2022/img/nav-logo-uq_on.svg) no-repeat center center; background-size: 70px; }
.brandModalLnkLst3 li:nth-child(3) > div { border-radius: 4px; border: 1px solid #D1D1D1;background: url(/content/dam/au-com/renew2022/img/nav-logo-povo_on.svg) no-repeat center top 20px; background-size: 75px; padding: 56px 10px 16px; }
.brandModalLnkLst3 li:nth-child(3) > div p { margin-bottom: 15px; font-size: 10px; }
.brandModalLnkLst3 li:nth-child(3) a.btnModal { background:#E7EAEB url(/content/dam/au-com/renew2022/img/icon-btn-ols.svg) no-repeat left 24px center ; display: block; width: 200px; text-align: left; font-size: 10px; padding: 6px 5px 6px 60px; line-height: 1.2; border-radius: 20px; margin: 0 auto; }
.brandModalLnkLst3 li:nth-child(3) > div + a { padding: 0; font-size: 10px; margin-top: 10px; text-align: right; }


.brandModalLnkLst4 { padding: 0; display: flex; flex-wrap: wrap; max-width: 640px; margin: 20px auto 10px; justify-content: space-between; }
.brandModalLnkLst4 li { width: 80%; margin: 0 auto 20px; }
.brandModalLnkLst4 li a { width: 100%; background: #fff; height: 60px; line-height: 60px; border-radius: 0; color: #333!important; overflow: hidden; font-weight: bold; font-size: 12px; }
.brandModalLnkLst4 li a:hover { opacity: .6; }
/*.brandModalLnkLst4.au li a::after { color: #eb5505; }
.brandModalLnkLst4 li a::after { content: '\FF1E'; font-weight: bold; transform: scale(.6,1); margin-left: 10px; display: inline-block; }
.brandModalLnkLst4.uq li a::after { content: ''; transform: scale(1); width: 11px; height: 11px; background: url(/content/dam/au-com/renew2022/img/icon-blank-uq.svg) no-repeat center right; }
*/

.topPage_rss_carousel .slick-dots,
#campaign .slick-dots { position: relative; margin-bottom: 20px; margin-top: 20px; line-height: 10px; }
.topPage_rss_carousel .slick-dots>li.slick-active { background: #fff!important; }
.btnGray:hover::before ,
.btnWhite:hover::before { display: none; }


/* 2022 10 13 */
#tobiraWrap { left: 5%; padding-bottom: 40px; margin-bottom: 30px; }
#tobiraCarouselBox { position: absolute; width: 100%; }
#tobiraCarousel { position: relative; overflow: hidden; }
#tobiraCarousel::before { content:''; display: block; position: absolute; width: 102%; height: 21vw; transform: rotate(-8deg); border:none; background: #F5F5F5; z-index: 1; bottom: -5vw; left: -1vw; }
#tobiraCarousel::after { content:''; display: block; position: absolute; width: 102%; height: 21vw; transform: rotate(8deg); border: none; background: rgba(245,245,245,.5); z-index: 1; bottom: -5vw; right: 0; }
#tobiraCarousel img { width: 100%; }

#tobiraRssCarouselBox { position: relative; z-index: 1; padding-top: 9%; }

#tobiraRssCarouselBox h2 { text-align: left; margin: 0 auto; margin-bottom: calc( 54vw - 110px ); font-size: 24px; color:#fff; font-weight: bold; position: relative; line-height: 1.3; vertical-align: middle; font-feature-settings: "palt"; padding-left: 6%; }
#tobiraRssCarouselBox h2 span.mainTx { vertical-align: middle;}
#tobiraRssCarouselBox h2 span.space { display: none;}
#tobiraRssCarouselBox h2 span.label { white-space: nowrap; display: inline-block; text-align: right; position: absolute; bottom: 9px; right: 20%; width: calc( 83% - 180px); line-height: 1; font-size: 16px; }
#tobiraRssCarouselBox h2 span.label::before { content: ''; display: inline-block; width: calc( 100% - 100px); margin-right: 3vw; margin-left: 3vw; vertical-align: middle; height: 1px; background: #fff; }


#tobiraRssCarouselBox .slick-slide { width: 60vw; padding: 0 3vw 0 0; }
.topPage_rss_tobira_carousel_wrapper { padding-left: 5%; }
.rss_tobira_carousel a { display: block; text-align: left; }
.rss_tobira_carousel a .imgBxTobira { height: 57vw; overflow: hidden; border-radius: 4px; position: relative; }
/*2022 10 20 */
.rss_tobira_carousel a .imgBxTobira img { height: 100%; }
.rss_tobira_carousel a:hover .imgBxTobira img { transform: scale(1); }
/*2022 10 20 */
.rss_tobira_carousel a p.tobiraCategory { font-size: 18px; padding: 10px 0; border-bottom: 1px solid #666; color:#333!important; }
.rss_tobira_carousel a p.tobiraTxt { font-size: 14px; padding: 10px 0; color:#333!important; }

#dotTobiraRss { padding: 20px 0;}
#dotTobiraRss ul { margin-left: -40px; }

}



@media screen and (max-width:480px) {

  .serviceLnk > div p:first-child { font-size: 14px; margin-bottom: 5px; }
  /* .serviceLnk > div p:last-child { font-size: 10px; line-height: 1.6; } */
}


.view-pc { display: block!important; }
.view-sp { display: none!important; }


@media screen and (max-width:767.98px) {
    .view-pc { display: none!important; }
    .view-sp { display: block!important; }
}

.heroSlider img { opacity: 0; }
.heroSlider.slick-initialized img { opacity: 1; }
#povoSlide,#auSlide,#uqSlide { opacity: 0; }


.tmpBanner { bottom: -66px!important; transition: .1s; }
.tmpBanner.in { bottom: 0!important; transition: .6s; }

button.pauseButton { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-left: 10px; background: url(/content/dam/au-com/renew2022/img/btn-pause.png); background-size: 100%; border-radius: 50%;}

.slick-dots>li { position: relative;}
.slick-dots>li button { position: absolute; top: 0; left: 0; display: block; width: 10px; height:10px; opacity: 0;  }
 /* .btn-pageTop { bottom: 60px; } */