/*-----------------------------------------------
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; }

/*body .au-layoutcontainer :not(.footerSiteMap-link) { font-family: "Noto Sans JP"; }*/
/*body .au-layoutcontainer { font-family: "Noto Sans JP"; }*/
body #mainContent { font-family: "Noto Sans JP"; }
body #maincontArea .footerSiteMap { font-family: "Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"Noto Sans JP",sans-serif; }
#maincontArea { background: #fff; }

#heroSlider img { width: 100%; }
#heroSlider { position: relative; }
#heroSlider > div#defSlide { position: relative; z-index: 0; padding-bottom: 60px; }
#hero.min #heroSlider > div#defSlide { padding-bottom: 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 { line-height: 1; padding: 0; 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#defSlide { position: relative; z-index: 0; padding-bottom: 49px; }
#hero.min #heroSlider > div#defSlide { padding-bottom: 0; }
}

#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 .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-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%);
}

#dotHero,#dotHero2,#dotHero3 { height: 61px; }
#brandBox {background: #f7f7f7; background: #fff; transition: .6s; }
#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(../png/nav-logo-au_onfb07.png) no-repeat center center; background-size: 75px; }
#selectBrandList a:nth-child(2) { background: url(../png/nav-logo-uq_onfb07.png) no-repeat center center; background-size: 70px; }
#selectBrandList a:nth-child(3) { background: url(../png/nav-logo-povo_onfb07.png) no-repeat center center; background-size: 75px; }
#selectBrandList a.off:nth-child(1) { background: url(../png/nav-logo-aufb07.png) no-repeat center center; background-size: 75px; }
#selectBrandList a.off:nth-child(2) { background: url(../png/nav-logo-uqfb07.png) no-repeat center center; background-size: 70px; }
#selectBrandList a.off:nth-child(3) { background: url(../png/nav-logo-povofb07.png) 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; border-top: 0.5px solid #D4D4D4; }
#usefulmenu li:nth-child(-n + 9) a {  box-shadow: 0 4px 6px 0px rgba(0,0,0,.17); }
#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(../png/icon-nav-useful-1fb07.png) no-repeat center center; height: 40px;     background-size: auto 100%;}
.povo #usefulmenu li:nth-child(5) a::before { background: url(../png/icon-nav-useful-5fb07.png) no-repeat center center; height: 40px;background-size: auto 100%; }
#usefulmenu li:nth-child(4) a::before { background: url(../png/icon-nav-useful-3fb07.png) no-repeat center center; height: 40px;background-size: auto 100%; }
#usefulmenu li:nth-child(2) a::before,
#usefulmenu li:nth-child(3) a::before { background: url(../png/icon-nav-useful-2fb07.png) no-repeat center center; height: 38px;    background-size: auto 100%; }
#usefulmenu li:nth-child(1) a::before { background: url(../png/icon-nav-useful-3fb07.png) no-repeat center center; height: 40px;background-size: auto 100%; }
.povo #usefulmenu li:nth-child(1) a::before { background: url(../png/icon-nav-useful-2fb07.png) no-repeat center center; height: 38px;background-size: auto 100%; }
#usefulmenu li a p { text-align: right; position: absolute; bottom: 16px; right: 24px; width: calc(100% - 48px); }
.au #usefulmenu li a p { border-bottom: 3px solid #eb5505; padding-bottom: 10px; }
.uq #usefulmenu li a p { border-bottom: 3px solid #E4007F; padding-bottom: 10px; padding-right: 20px;}

.povo #usefulmenu li a p { border-bottom: 3px 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(../png/icon-arrow-bluefb07.png) right 0 no-repeat;
background-size: auto 100%; top: 50%; right: 15px; 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(../png/icon-blank-uqfb07.png) 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(../png/icon-blank-povofb07.png) no-repeat center right; }

.uq #usefulmenu li a.icon-blank p::after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background: url(../png/icon-blank-uqfb07.png) 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(../png/icon-blank-povofb07.png) no-repeat center right;
  background-size: 100% auto;
  position: absolute;
  right: 0;
  bottom: 13px;
}
.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; }

@media(min-width: 768px) {
    #importantinformation .accordionElem.accordion-opened .accordion-label a:before {
        background-position: -37px -74px;
    }
    #importantinformation .accordionElem .accordion-label a:before {
        background-position: -62px -74px;
    }
}

@media(max-width: 767px) {
    #importantinformation .accordionElem.accordion-opened-sp .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; }

#auservice2024 { text-align: center; background: #f7f7f7; border-top: 1px solid #ccc; padding: 70px 80px 55px; }
#auserviceInner2024 { /*max-width: 1200px;*/ margin: 0 auto; }
#auserviceInner2024 h2 { font-size: 32px; font-weight: bold; width: calc(100% - 180px); text-align: left; padding-bottom: 16px; border-bottom: 2px solid #333; position: relative; margin-bottom: 40px; }
#auserviceInner2024 h2 span.org { color: #eb5505; }
#auserviceInner2024 h2 span.label { position: absolute; bottom: -10px; right: -180px; font-size: 14px; line-height: 1.5; }
#auservice2024 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; padding: 0; max-width: 1200px; }
#auservice2024 ul li { width: 24.22%; margin-bottom: 1%; position: relative; transition: 2s; background-color: #fff; background-size: 100%,100%; background-position: center,center; background-repeat: no-repeat,no-repeat; border-radius: 10px; box-shadow: 0 4px 6px 0px rgba(0,0,0,.17); }
#auservice2024 ul 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; }
#auservice2024 ul li a:hover::after { transform: translate(-50%, -50%) scale(20); opacity: 0; transition: .8s; }
#auservice2024 ul li:nth-child(1) a { background: url(../png/icon-service1fb07.png) no-repeat left calc(50% + 10px) top 30px; background-size: 80px;}
#auservice2024 ul li:nth-child(2) a { background: url(../png/icon-service2fb07.png) no-repeat left calc(50% + 10px) top 40px; background-size: 83px;}
#auservice2024 ul li:nth-child(3) a { background: url(../png/icon-service3fb07.png) no-repeat left calc(50% + 10px) top 35px; background-size: 66px;}
#auservice2024 ul li:nth-child(4) a { background: url(../png/icon-service4fb07.png) no-repeat center top 40px; background-size: 70px;}
#auservice2024 ul li:nth-child(5) a { background: url(../png/icon-service5fb07.png) no-repeat center top 40px; background-size: 60px;}
#auservice2024 ul li:nth-child(6) a { background: url(../png/icon-service6fb07.png) no-repeat center top 40px; background-size: 74px;}
#auservice2024 ul li:nth-child(7) a { background: url(../png/icon-service7fb07.png) no-repeat center top 30px; background-size: 46px;}
#auservice2024 ul li:nth-child(8) a { background: url(../png/icon-service8fb07.png) no-repeat center top 30px; background-size: 64px;}
#auservice2024 ul li > a { display: block; padding-top:180px; position: relative; overflow: hidden; transition: .5s;  }
#auservice2024 ul li > a span { position: absolute; display: block; color: #000; bottom: 0; left: 0; width: 100%; text-align: center; height: 96px; padding: 38px 10px 0; font-size:16px; font-weight: bold; }
#auservice2024 ul li > a::before { content: ''; display: block; position: absolute; width: 13px; height: 13px; background: url(../png/icon-arrow-bluefb07.png) right 0 no-repeat; background-size: auto 100%; bottom: calc(50% - 13px); right: 10px; left: auto; transform: translateY(-50%);}

#campaign { background: #f7f7f7; padding: 80px 0 50px;}
#campaign h3 { max-width: 980px; margin-bottom: 30px; font-size: 24px; color:#333; font-weight: bold; left: 80px; position: relative; }
#campaignInner { position: relative; overflow: hidden; min-height: 200px; margin-bottom: 40px; }
#campaignSlider { left: 80px; transform: translate(0,0); /*width: 1980px;*/ }
#campaignSlider .slick-slide { width: 312px; height: auto !important; }
#campaignSlider .slick-slide > div { width: 94%; margin-right: 6%; background: #fff;  box-shadow: 0 4px 6px 0px rgba(0,0,0,.17); height: 100%; border-radius: 10px; }
#campaignSlider .slick-track { display: flex; }
.campaignSliderContent > div { /*width: 94%; margin-right: 6%;*/ position: relative; }
.campaignSliderContent > div a { position: relative; overflow: hidden; border-radius: 10px; 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: 2; }
.campaignSliderContent > div .tag.au { background: #fff url(../png/nav-logo-au_onfb07.png) no-repeat center center; background-size: 70%; }
.campaignSliderContent > div .tag.uq { background: #fff url(../png/nav-logo-uq_onfb07.png) no-repeat center center; background-size: 66%; }
.campaignSliderContent > div .tag.povo { background: #fff url(../png/nav-logo-povo_onfb07.png) no-repeat center center; background-size: 74%; }
.campaignSliderContent > div img { width: 100%; z-index: 1; position: relative;}
.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; z-index: 1; }
.campaignSliderContent > div a p { padding: 16px; font-size: 14px; line-height: 1.75; position: relative; z-index: 2; background: #fff; color:#333!important; }
.campaignSliderContent > div a.icon-blank p::after {
  content: "";
  margin-left: 0.2em;
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url(../png/icon-blank-grayfb07.png) no-repeat center right;
  background-size: 100% auto;
}

#campaignSlider div.ol { position: relative;}
#campaignSlider div.ol::after { content:''; position: absolute; top: 0; bottom: 0; left:0; right:0; border: 2px solid #eb5505; border-radius: 10px; z-index: 1; pointer-events: none;}

#aubland2024 { text-align: center; background: #fff; padding: 70px 80px 55px; }
#aublandInner2024 { /*max-width: 1200px;*/ margin: 0 auto; }
#aublandInner2024 h2 { font-size: 32px; font-weight: bold; width: calc(100% - 140px); text-align: left; padding-bottom: 16px; border-bottom: 2px solid #333; position: relative; margin-bottom: 40px; }
#aublandInner2024 h2 span.label { position: absolute; bottom: -10px; right: -140px; font-size: 14px; line-height: 1.5; }

#bland1Box ul { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; }
#bland1Box ul li { width: 49%; margin-bottom: 1%; position: relative; min-height: 175px; }
#bland1Box ul li:nth-child(1) { width: 100%; }
#bland1Box a { color: #333!important; border-top: 0.5px solid #D4D4D4;}

#bland1Box a::before { content: ''; display: block; width: 100%; height: 100%; background: #fff; opacity: 0; position: absolute; top: 0; left: 0; transition: .5s; }
#bland1Box li:hover a::before { opacity:.3; }
#bland1Box a h3 { line-height: 1.5; font-size: 18px; padding-bottom: 8px; border-bottom: 1px solid #707070; margin-bottom: 8px; font-weight: bold;}
#bland1Box a h3::after { content:''; display: inline-block; width: 24px; height:14px; background: url(../png/icon-arrow-bluefb07.png) right center no-repeat; background-size: auto 100%; }
#bland1Box a h3.outer::after {background: url(../png/icon-blinkfb07.png) right center no-repeat; background-size: auto 100%;}
#bland1Box #bland1_2L a h3 { border-bottom: 1px solid #707070; font-weight: bold;}
#bland1Box a p { line-height: 1.75; font-size: 14px; }
#bland1L { background: url(../png/bg-bland1fb07.png) no-repeat top right; background-size: 50%;  }
#bland1_1L { background: url(../png/bg-bland8fb07.png) no-repeat top right; background-size: 50%;  }
#bland1_1R { background: url(../png/bg-bland3fb07.png) no-repeat top right; background-size: 50%; }
#bland1_2L { background: url(../png/bg-bland4fb07.png) no-repeat top right; background-size: 50%; }
#bland1_2R { background: url(../png/bg-bland5fb07.png) no-repeat top right; background-size: 50%; }
#bland2L { background: url(../png/bg-bland6fb07.png) no-repeat top right; background-size: 50%; }
#bland2R { background: url(../png/bg-bland7fb07.png) no-repeat top right; background-size: 50%;}

#bland1L a { width: 100%; height:100%; display: block; }
#bland1_1L a { width: 100%; height:100%; display: block; }
#bland1_1R a { width: 100%; height:100%; display: block; }
#bland1_2L a { width: 100%; height:100%; display: block; }
#bland1_2R a { width: 100%; height:100%; display: block; }
.blandBox { display: block; border-radius: 10px; box-shadow: 0 4px 6px 0px rgba(0,0,0,.17); height: 100%; }
#bland2L a { width: 100%; height:100%; display: block; }
#bland2R a { width: 100%; height:100%; display: block; }
.blandInfortx {width: 50%; padding: 20px; margin-right: 50%; text-align: left; background: #fff; border-radius: 21px 0 0 21px; }

#informationWrap { /*max-width: 1020px;*/ margin: 0 auto 60px!important; padding: 60px 20px; background: #F7F7F7;}
#informationWrap .accordionElem.default { background: #F7F7F7;}
#informationWrap .cmp-au-com-container__contents { padding-left: 0!important; padding-right: 0!important;}
#informationWrap .link-text:after { display: none!important;}
#informationWrap .button .text-center { text-align: right;}
#informationWrap .button a { border: none; background: #f7f7f7;}

#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; }
#informationWrap .cmp-au-com-accordion { border: none; border-top: 1px solid #333; border-bottom: 1px solid #333; box-shadow: none; margin-top: 0!important; margin-bottom: 0!important; background-color: #F7F7F7}
#informationWrap .accordion:not(:last-child) .cmp-au-com-accordion { border-bottom: none; }
#informationWrap .cmp-au-com-accordion .cmp-accordion__header h2,
#informationWrap .cmp-au-com-accordion .cmp-accordion__header h3,
#informationWrap .cmp-au-com-accordion .cmp-accordion__header h4 { font-weight: bold; }

#footerBannerSlider { margin-bottom: 30px; }
#footerBannerSlider .slick-slide { width: 320px; }
#footerBannerWrap { margin-bottom: 40px;}
.footerBannerContent { padding: 0 8px; }
.footerBannerContent img { width: 100%; margin: 0 auto; }
.footerBannerContent a { position: relative; border-radius: 10px; overflow: hidden; border: 2px solid #efefef;}
.footerBannerContent a::before { content:''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; }
.footerBannerContent a:hover::before { /*border: 2px solid #d1d1d1*/ }

.footerBannerContent a img { transition: 2s; }
.footerBannerContent a:hover img { transform: scale(1.05); }

#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(../png/icon-blank-grayfb07.png) 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(../png/nav-logo-au_onfb07.png) no-repeat center center; background-size: 75px; }
.brandModalLnkLst li:nth-child(2) a { background: #fff url(../png/nav-logo-uq_onfb07.png) no-repeat center center; background-size: 70px; }
.brandModalLnkLst li:nth-child(3) a { background: #fff url(../png/nav-logo-povo_onfb07.png) 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(../png/nav-logo-au_onfb07.png) no-repeat center top 8px; background-size: 75px; }
.brandModalLnkLst2 li:nth-child(2) { background: url(../png/nav-logo-uq_onfb07.png) no-repeat center top; background-size: 70px; }
.brandModalLnkLst2 li:nth-child(3) { background: url(../png/nav-logo-povo_onfb07.png) 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(../png/nav-logo-au_onfb07.png) no-repeat center center; background-size: 75px; }
.brandModalLnkLst3 li:nth-child(2) a { background: #fff url(../png/nav-logo-uq_onfb07.png) no-repeat center center; background-size: 70px; }
.brandModalLnkLst3 li:nth-child(3) > div { border-radius: 8px; border: 1px solid #D1D1D1;background: url(../png/nav-logo-povo_onfb07.png) 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(../png/icon-btn-olsfb07.png) 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; }

#dotHero,#dotHero2,#dotHero3,#dotCamp,#dotCamp3 { text-align: center; position: relative; padding: 10px 0; }
#dotHero ul,#dotHero2 ul,#dotHero3 ul,#dotCamp ul,#dotCamp3 ul { display:inline-block; }
#dotHero,#dotHero2,#dotHero3 { padding: 10px 0; background: #fff; border-top: 1px solid #949494; position: absolute; bottom: 0; left: 0; width: 100%; }


#bland1Box a h3,#bland2Box a h3 { font-size: 18px; padding-bottom: 10px; margin-bottom: 10px; }

@media screen and (min-width:1400px) {
  #bland1L { background-size: auto 100%;  }
  #bland1_1L { background-size: auto 100%; }
  #bland1_1R { background-size: auto 100%; }
  #bland1_2L { background-size: auto 100%; }
  #bland1_2R { background-size: auto 100%; }
  #bland2L { background-size: auto 100%; }
  #bland2R { background-size: auto 100%; }
}

@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(../svg/mark-grid.svg) no-repeat left top; width: 100%; height: 100%; position: absolute; top: 0; left: 40px;  }

  #actionWrap::before,#promotionWrap::before { content: ''; display: block; background: #f7f7f7; 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; }

  #aubland2024 { padding: 70px 40px 55px; }
  #auservice2024 { padding: 70px 40px 55px; }
  
  #campaign h3 { left: 40px; }
  #campaignSlider { left: 40px; }
}

@media screen and (min-width:768px) {
  .campaignSliderContent > div img { transition: 2s; }
}
@media screen and (max-width:767.98px) {
  #dotHero,#dotHero2,#dotHero3 { height: 50px; }
  
#dotHero,#dotHero2,#dotHero3 { padding: 0; background: #fff; position: relative; bottom: auto; top:-6px; left: auto; width: 100%; }
#dotHero button,#dotHero2 button,#dotHero3 button,#dotCamp button,#dotCamp3 button { vertical-align: middle; } 
#heroSlider .slick-dots { padding: 12px 0; vertical-align: middle; }
  #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(../png/nav-logo-au_onfb07.png) no-repeat center center; background-size: 66px; }
  #selectBrandList a:nth-child(2) { background: url(../png/nav-logo-uq_onfb07.png) no-repeat center center; background-size: 63px; }
  #selectBrandList a:nth-child(3) { background: url(../png/nav-logo-povo_onfb07.png) no-repeat center center; background-size: 67px; }
  #selectBrandList a.off:nth-child(1) { background: url(../png/nav-logo-aufb07.png) no-repeat center center; background-size: 66px; }
  #selectBrandList a.off:nth-child(2) { background: url(../png/nav-logo-uqfb07.png) no-repeat center center; background-size: 63px; }
  #selectBrandList a.off:nth-child(3) { background: url(../png/nav-logo-povofb07.png) 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; border-bottom-width: 2px; }

  #usefulmenu { padding: 0 3% 30px; }
  #usefulmenu li { height: 120px; width: 30%; }
  #usefulmenu li:nth-child(n + 6) { width: 70%; 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: 14px; 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(../png/icon-nav-useful-1fb07.png) no-repeat left center; background-size: auto 26px; height: 26px; }
  .povo #usefulmenu li:nth-child(5) a::before { background: url(../png/icon-nav-useful-5fb07.png) no-repeat left center; background-size: auto 26px; height: 26px; }
  #usefulmenu li:nth-child(4) a::before { background: url(../png/icon-nav-useful-3fb07.png) 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(../png/icon-nav-useful-2fb07.png) no-repeat left center; background-size: auto 26px; height: 26px; }
  #usefulmenu li:nth-child(1) a::before { background: url(../png/icon-nav-useful-3fb07.png) no-repeat left center; background-size: auto 26px; height: 26px; }
  .povo #usefulmenu li:nth-child(1) a::before { background: url(../png/icon-nav-useful-2fb07.png) 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: 14px; 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; }

#auservice2024 { text-align: center; border-top: none; padding: 0 0 35px; }

#auservice2024 ul li > a span { font-size:14px; }
#auserviceInner2024 { max-width: 1200px; margin: 0 auto; }
#auserviceInner2024 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; }
#auserviceInner2024 h2 span.org { color: #eb5505; }
#auserviceInner2024 h2 span.label { position: absolute; bottom: -10px; right: -150px; font-size: 12px; }

#auservice2024 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 10px; padding: 0; }
#auservice2024 ul li { width: 49%; margin-bottom: 2%; }
#auservice2024 ul li > a{ height: 43vw; display: block; padding-top: 0; position: relative; }
#auservice2024 ul li > a p { font-size: 16px; }
#auservice2024 ul li > a p span { font-size: 60%; }

#auservice2024 ul li:nth-child(1) a { background: url(../png/icon-service1fb07.png) no-repeat left 58% top 35%; background-size: 34%;}
#auservice2024 ul li:nth-child(2) a { background: url(../png/icon-service2fb07.png) no-repeat left 60% top 42%; background-size: 34%;}
#auservice2024 ul li:nth-child(3) a { background: url(../png/icon-service3fb07.png) no-repeat left 50% top 37%; background-size: 31%;}
#auservice2024 ul li:nth-child(4) a { background: url(../png/icon-service4fb07.png) no-repeat center top 40%; background-size: 26%;}
#auservice2024 ul li:nth-child(5) a { background: url(../png/icon-service5fb07.png) no-repeat center top 38%; background-size: 26%;}
#auservice2024 ul li:nth-child(6) a { background: url(../png/icon-service6fb07.png) no-repeat left 53% top 43%; background-size: 29%;}
#auservice2024 ul li:nth-child(7) a { background: url(../png/icon-service7fb07.png) no-repeat center top 30%; background-size: 18%;}
#auservice2024 ul li:nth-child(8) a { background: url(../png/icon-service8fb07.png) no-repeat center top 30%; background-size: 26%;}

#auservice2024 ul li a span { height: 19vw; padding-top: 14%; }
#auservice2024 ul li:nth-child(1) a span,
#auservice2024 ul li:nth-child(2) a span,
#auservice2024 ul li:nth-child(8) a span { padding-top: 11%;}
#auservice2024 ul li > a:hover { opacity: 1; }
#auservice2024 ul li > a:hover span { text-decoration: none;} 
#auservice2024 ul li a::after { display: none;}

#campaign { background: #f7f7f7; padding: 50px 0 30px;}
#campaign h3 { max-width: 980px; position: relative; margin: 0 auto 20px; transform: translate(0,0); font-size: 20px; padding-left: 10px; color:#333; left: 0; font-weight: bold; }
#campaignInner { position: relative; overflow: hidden; min-height: 72vw; margin-bottom: 0; }
#campaignSlider { position: relative; top: 0; left:10px; width: 130%; transform: translate(0,0); }
#campaignSlider .slick-slide { width: auto; }

.campaignSliderContent > div a p { font-size: 12px; }
.campaignSliderContent > div { position: relative; }
.campaignSliderContent > div a { position: relative; overflow: hidden; border-radius: 8px; }
.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; }

#informationWrap { max-width: 1020px; margin: 0 auto 50px!important; padding: 50px 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; }

.footerBannerContent a img { transition: 0; }
.footerBannerContent a:hover img { transform: scale(1); }
#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(../png/nav-logo-au_onfb07.png) no-repeat center center; background-size: 75px; }
.brandModalLnkLst li:nth-child(2) a { background: #fff url(../png/nav-logo-uq_onfb07.png) no-repeat center center; background-size: 70px; }
.brandModalLnkLst li:nth-child(3) a { background: #fff url(../png/nav-logo-povo_onfb07.png) 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(../png/nav-logo-au_onfb07.png) no-repeat center top 8px; background-size: 75px; }
.brandModalLnkLst2 li:nth-child(2) { background: url(../png/nav-logo-uq_onfb07.png) no-repeat center top; background-size: 70px; }
.brandModalLnkLst2 li:nth-child(3) { background: url(../png/nav-logo-povo_onfb07.png) 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(../png/nav-logo-au_onfb07.png) no-repeat center center; background-size: 75px; }
.brandModalLnkLst3 li:nth-child(2) a { background: #fff url(../png/nav-logo-uq_onfb07.png) no-repeat center center; background-size: 70px; }
.brandModalLnkLst3 li:nth-child(3) > div { border-radius: 4px; border: 1px solid #D1D1D1;background: url(../png/nav-logo-povo_onfb07.png) 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(../png/icon-btn-olsfb07.png) 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; }

.btnGray:hover::before ,
.btnWhite:hover::before { display: none; }

#aubland2024 { text-align: center; background: #fff; padding: 70px 0 55px; }
#aublandInner2024 h2 { font-size: 28px; width: calc(100% - 120px); text-align: left; padding-bottom: 15px; position: relative; margin-bottom: 20px; padding-left: 10px;border-bottom: 1px solid #333; }
#aublandInner2024 h2 span.label { position: absolute; bottom: -10px; right: -112px; font-size: 12px; }

#bland1Box { margin: 0 10px;}
#bland1Box ul { position: relative; padding-top: 0; }
#bland1Box ul li { margin-bottom: 2%; width: 100%!important; min-height: 42.5vw; padding-top: 0; position: relative;}
#bland1Box a { color: #333!important; width: 100%; height:100%; }

#bland1Box li:hover a::before { opacity:0; }
#bland1Box a h3 { line-height: 1.5; font-size: 18px; font-size: 14px; padding-bottom: 8px; border-bottom: 1px solid #707070; margin-bottom: 8px; font-weight: bold;}
#bland1Box a h3::after { content:''; display: inline-block; width: 22px; height:14px; background: url(../png/icon-arrow-bluefb07.png) right center no-repeat; background-size: auto 100%; }
#bland1Box a h3.outer::after {background: url(../png/icon-blinkfb07.png) right center no-repeat; background-size: auto 100%; margin-left: 5px;}
#bland1Box #bland1_2L a h3 { margin-bottom: 8px; font-size: 14px;}
#bland1Box a p { line-height: 1.75; font-size: 14px; font-size: 12px; }
#bland1L a { position: relative; display: block; top: 0; left: 0; background: none; }
#bland1Box ul li#bland1L { min-height: 37vw;} 
#bland1Box ul li#bland1_1R { min-height: 47vw;} 
#bland1L { width: auto; padding-top: 0; position: relative; top: auto; left: auto; background: url(../png/bg-bland1-spfb07.png) no-repeat top right; background-size: 100%;  }
#bland1R { width: auto; height:100%; }
#bland1_1L  { width: auto; padding-top: 0; position: relative; top: auto; left: auto;  background: url(../png/bg-bland8-spfb07.png) no-repeat top left; background-size:100%;  }
#bland1_1R  { width: auto; padding-top: 0; position: relative; top: auto; right: auto; min-height:50vw; background: url(../png/bg-bland3-spfb07.png) no-repeat top right; background-size:100%;  }
#bland1_2L  { width: auto; padding-top: 0; position: relative; margin-top: 0; top: auto; left: auto; background: url(../png/bg-bland4-spfb07.png) no-repeat top right; background-size: 100%;}
#bland1_2R  { width: auto; padding-top: 0; position: relative; margin-top: 0; top: auto; right: auto; background: url(../png/bg-bland5-spfb07.png) no-repeat top left; background-size: 100%; }

#bland1_1L a { position: relative; display: block; top: 0; left: 0; background: none;}
#bland1_1R a { position: relative; display: block; top: 0; left: 0; background: none;}
#bland1_2L a { position: relative; display: block; top: 0; left: 0; background: none; }
#bland1_2R a { position: relative; display: block; top: 0; left: 0;  background: none; }
.blandBox { display: block; border-radius: 10px; background: #fff; box-shadow: 0 4px 6px 0px rgba(0,0,0,.17); height: 100%; }

#bland2L { width: auto; padding-top: 0; position: relative; bottom: auto; left: auto; background: url(../png/bg-bland6-spfb07.png) no-repeat top left; background-size: 100%;  }
#bland2R { width: auto; padding-top: 0; position: relative; bottom: auto; right: auto;  background: url(../png/bg-bland7-spfb07.png) no-repeat top right; background-size: 100%;}

#bland2L a { position: relative; display: block; top: 0; left: 0; background: none; }
#bland2R a { position: relative; display: block; top: 0; left: 0; background: none; }

.blandInfortx {width: 50%; padding: 20px; margin-right: 50%; text-align: left; }
#bland1Box ul li:nth-child(even) .blandInfortx { margin: 0 0 0 50%; }


#footerBannerSlider { margin-bottom: 5px; }
}

@media screen and (max-width:480px) {
  .serviceLnk > div p:first-child { font-size: 14px; margin-bottom: 5px; }
  #auservice2024 ul li > a span { font-size:14px; }
}

@media screen and (max-width:700px) {
  .campaignSliderContent > div a p { padding: 10px; font-size: 12px; }
}

@media screen and (max-width:500px) {
  #bland1Box a h3 { font-size: 14px; }
  #bland1Box a h3::after { width: 15px; height:11px; }
  #bland1Box a p { line-height: 1.75; font-size: 12px; }
}

@media screen and (max-width:390px) { .blandInfortx { padding: 10px;} }

.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: 16px; height: 20px; vertical-align: middle; margin-left: 30px; background: url(../png/btn-pausefb07.png); background-size: 16px; }

#campaign .slick-list { padding-bottom: 10px; }

.slick-dots { line-height: 1; }
.slick-dots>li { margin: 0; padding: 0; width: 40px; height: 40px; background: transparent; position: relative; }
.slick-dots>li+li { margin-left: 0; }
.slick-dots>li.slick-active { /*background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/renew2024/img/bg-circle.gif?scl=1&qlt=90) center center; background-size: 100%;*/ background: transparent; }
/*.slick-dots>li button { display: block; width: 8px; height: 8px; border-radius: 50%; background: #949494; position: relative; }
.slick-dots>li.slick-active button { background: #007B94; }*/

.slick-dots>li button {position: absolute; top: 0; left:0; display: block; width: 100%; height: 100%; background: none;
  z-index: 1; border-radius: 50%; overflow: hidden; }
.slick-dots>li button::after { content:''; display: block; width: 8px; height: 8px; border-radius: 50%; background: #949494; position: absolute; top: calc( 50% - 4px); left: calc(50% - 4px); }
.slick-dots>li.slick-active button::after { background: #007B94; }

.slick-prev { display: inline-block; width:16px; text-indent: -999px; height: 25px; overflow: hidden; position: absolute; left: calc( 50% - 277px); top:18px; }
.slick-prev::after { content: ''; width: 16px; height: 25px; background: url(../png/icon-arrow-grayfb07.png) right 0 no-repeat; background-size: auto 100%; position: absolute; top: 0; left: 0; transform: rotate(180deg); }

.slick-next { display: inline-block; width:16px; text-indent: -999px; height: 25px; overflow: hidden; position: absolute; right: calc( 50% - 277px); top:18px; }
.slick-next::after { content: ''; width: 16px; height: 25px; background: url(../png/icon-arrow-grayfb07.png) right 0 no-repeat; background-size: auto 100%; position: absolute; top: 0; left: 0;}

@media screen and (max-width:767.98px) {
.slick-dots { width: auto; line-height: 1; }
#dotCamp .slick-dots, #dotCamp3 .slick-dots {  }  
button.pauseButton { display: inline-block; width: 26px; height: 26px; vertical-align: middle; margin-left: 15px; background: url(../png/btn-pausefb07.png) center center no-repeat; background-size: 8px; }

.slick-dots>li { margin: 0; padding: 11px 10px; width: 24px; height: 26px; background: transparent; }
.slick-dots>li+li { margin-left: 0; }
.slick-dots>li.slick-active { /*background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/renew2024/img/bg-circle.gif?scl=1&qlt=90) center center; background-size: 100%;*/ background: transparent; }
.slick-dots>li button {position: absolute; top: 0; left:0; display: block; width: 100%; height: 100%; background: none;
  z-index: 1; border-radius: 50%; overflow: hidden; }
.slick-dots>li button::after { content:''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #949494; position: absolute; top: calc( 50% - 2px); left: calc(50% - 2px); }

.slick-prev { position: absolute; left: 20px; top: 12px; display: inline-block; width:26px; text-indent: -999px; height: 26px; overflow: hidden; margin-right: 0;  }
.slick-prev::after { content: ''; width: 8px; height: 12px; background: url(../png/icon-arrow-grayfb07.png) left center 0 no-repeat; background-size: auto 100%; position: absolute; top: calc(50% - 6px); left: 0; transform: rotate(180deg); }

.slick-next { position: absolute; right: 20px; top: 12px; display: inline-block; width:26px; text-indent: -999px; height: 26px; overflow: hidden; margin-left: 0;  }
.slick-next::after { content: ''; width: 8px; height: 12px; background: url(../png/icon-arrow-grayfb07.png) right center no-repeat; background-size: auto 100%; position: absolute; top: calc(50% - 6px); right: 0; left:auto}
}

.dotCircle {
  position:absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(1);
  transition-duration: 0.6s;
  z-index: 0;
}

.slick-active .dotCircle {
  opacity: 1;
  transform: scale(1);
  transition-duration: 0.6s;
}

.dotCircle svg {
  position: absolute;
  top: 0;
  left: 0;
}

.dotCircle circle {
transform-origin: center center;
    fill: transparent;
    stroke: #d8d8d8;
    stroke-width: 1px;
}

.dotCircle circle.move_circle {
  stroke: #4aa5c7;
  stroke-width: 2px;
  box-sizing: border-box;
  transform: rotate(-90deg);
  stroke-dasharray: 0 150;
}

.slick-active .dotCircle circle.move_circle {
    animation: circle 5.3s linear forwards;
}
.slick-active .dotCircle.slickpause circle.move_circle { animation-play-state: paused; }


@media screen and (max-width:767.98px) {
  .dotCircle {
    left: -1px;
  }
  .dotCircle circle.move_circle {
    stroke-width: 3px;
  }
  .dotCircle svg {
    transform: translate(-18%, -18%) scale(.64)
  }
}

@keyframes circle {
  0% { stroke-dasharray: 0 134; }
  99.9%,to { stroke-dasharray: 136 134; }
}