@charset "UTF-8";
/**/
header.header-wrap *,
footer #footerLinkList1 *,
footer #footerLinkList2 *,
footer #copyright *,
#pageTopBox *,
#optionNavigationAreaWrap * {
  box-sizing: border-box;
}

/*
  Reset
----------------------------------------------------------------------------------------------------*/
header.header-wrap div, header.header-wrap span, header.header-wrap iframe,
header.header-wrap h1, header.header-wrap p, header.header-wrap a, header.header-wrap address, header.header-wrap img, header.header-wrap sub, header.header-wrap sup, header.header-wrap dl, header.header-wrap dt, header.header-wrap dd, header.header-wrap ol, header.header-wrap ul, header.header-wrap li,
header.header-wrap form, header.header-wrap label, header.header-wrap embed,
header.header-wrap menu, header.header-wrap nav,
footer div, footer span, footer iframe,
footer h1, footer p, footer a, footer address, footer img, footer dl, footer dt, footer dd, footer ol, footer ul, footer li,
footer form, footer label, footer embed, footer, header.header-wrap, header.header-wrap fieldset, footer fieldset,
footer menu, footer nav {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.6;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

footer, header.header-wrap, header.header-wrap nav, footer nav {
  display: block;
}

header.header-wrap ol, header.header-wrap ul,
footer ol, footer ul,
#optionNav ol, #optionNav ul {
  list-style: none;
}

header.header-wrap ol,
footer ol,
#optionNav ol {
  margin: 0;
  padding: 0;
}

header.header-wrap ul,
footer ul,
#optionNav ul {
  margin: 0;
  padding: 0;
}

header.header-wrap input,
footer input {
  margin: 0;
  padding: 0;
  border: none;
}

header.header-wrap input:focus,
footer input:focus {
  outline: none;
}

footer input[type=submit],
header.header-wrap input[type=submit] {
  cursor: pointer;
}

/*
  Base Style
----------------------------------------------------------------------------------------------------*/
body header.header-wrap,
body footer,
body #optionNav {
  color: #555566;
  font-size: 14px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  *text-align: center;
}

body header.header-wrap a,
body footer a,
body #optionNav {
  text-decoration: none;
}

header.header-wrap img,
footer img {
  vertical-align: middle;
}

/*########################################
## HEADER ################################
########################################*/
@media screen and (min-width: 960px) {
  header.header-wrap {
    z-index: 102;
    position: relative;
  }
  header.header-wrap #nav_bg {
    display: none;
    background: #000;
    position: fixed;
    top: 86px;
    left: 0;
    height: 100vh;
    width: 100%;
    opacity: 0.8;
    z-index: 0;
  }
  header.header-wrap #nav_bg.ov {
    top: 0;
  }
  header.header-wrap .header {
    background: #fff;
    border-bottom: 1px solid #d7dbde;
    width: 100%;
    font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    position: relative;
    z-index: 4;
  }
  header.header-wrap .headerInner {
    min-width: 940px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    height: 85px;
  }
  header.header-wrap .headerLogo {
    width: 107px;
    padding: 20px 0 20px 27px;
  }
  header.header-wrap .headerLogo img {
    width: 84px;
  }
  header.header-wrap #navWrap {
    width: 100%;
    display: block !important;
    z-index: 4;
  }
  header.header-wrap #navWrap::after {
    content: "";
    clear: both;
    display: block;
    height: 0;
  }
  header.header-wrap .grobalNav {
    width: 930px;
    float: left;
  }
  header.header-wrap .grobalNav > nav > ul {
    display: flex;
    justify-content: flex-start;
    font-size: 15px;
    color: #222;
    padding-left: 30px;
  }
  header.header-wrap .grobalNav > nav > ul > li {
    padding: 0;
  }
  header.header-wrap .grobalNav > nav > ul > li > a {
    display: block;
    padding: 30px 16px;
    color: #222;
    white-space: nowrap;
    position: relative;
  }
  header.header-wrap .grobalNav > nav > ul > li > a span {
    position: relative;
  }
  header.header-wrap .grobalNav > nav > ul > li > a.active span::before {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background: #0e0d6a;
    position: absolute;
    bottom: -5px;
    left: 0;
  }
  header.header-wrap .grobalNav > nav > ul > li > a:hover {
    opacity: 0.5;
  }
  header.header-wrap .grobalNav > nav > ul > li > a.dropdown::after {
    content: " ▼";
    display: inline-block;
    transform: scale(0.6, 0.45);
    color: #909090;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav {
    display: none;
    text-align: center;
    position: absolute;
    top: 86px;
    left: 0;
    width: 100%;
    min-width: 940px;
    background: #fff;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav ul li {
    width: 140px;
    margin-left: -1px;
    margin-top: -1px;
    height: 100px;
    display: table;
    background: #fff;
    border: 1px solid #0e0d6a;
    overflow: hidden;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav ul li:first-child {
    border-radius: 4px 0 0 4px;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav ul li:last-child {
    border-radius: 0 4px 4px 0;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav ul li a {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    text-align: center;
    font-size: 15px;
    color: #0e0d6a !important;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav ul li a.outer {
    background: url(../media/images/extlib/common/img/icon_blank_blu.png) no-repeat right 5px bottom 5px;
    background-size: 12px;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav ul li a:hover {
    background-color: #0e0d6a;
    color: #fff !important;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav ul li a.outer:hover {
    background-color: #0e0d6a;
    background: #0e0d6a url(../media/images/extlib/common/img/icon_blank_w.png) no-repeat right 5px bottom 5px;
    background-size: 12px;
    color: #fff !important;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner {
    margin: 50px auto;
    padding: 0 10px;
    display: inline-block;
    position: relative;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner > p.topLink {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #111 !important;
    margin-bottom: 35px;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner > p.topLink a {
    color: #111 !important;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner > p.topLink a:hover {
    opacity: 0.5;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner > p.topLink a img {
    width: 14px;
  }
  header.header-wrap .grobalNav > nav > ul > #BRAND img {
    width: 10px;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer { /*display: flex; justify-content: space-between;*/ } /*addNav時変更*/
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer > div:first-child { /*margin-right: 40px;*/ } /*addNav時変更*/
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer > div {
    position: relative;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer > div > p { /*position: absolute;*/
    text-align: left;
    font-size: 15px; /*top: -34px;*/
    margin-top: 20px;
    margin-bottom: 10px;
    color: #0e0d6a; /*left: 0;*/
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul {
    flex-wrap: nowrap;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul.kddiConsumer {
    justify-content: flex-start;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul.kddiConsumer li {
    width: 210px;
    height: 60px;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul li a.outer {
    background-repeat: no-repeat;
    background-position: right 5px bottom 5px, center center;
    background-size: 12px, 55%;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul li a.outer.logoAU {
    background-image: url(../media/images/extlib/common/img/icon_blank_blu.png), url(../media/images/extlib/common/img/footer_logo_au.png);
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul li a.outer.logoUQ {
    background-image: url(../media/images/extlib/common/img/icon_blank_blu.png), url(../media/images/extlib/common/img/footer_logo_uq.png);
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul li a.outer.logoPOVO {
    background-image: url(../media/images/extlib/common/img/icon_blank_blu.png), url(../media/images/extlib/common/img/footer_logo_povo.png);
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul li a.outer:hover {
    background-color: #0e0d6a;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul li a.outer.logoAU:hover {
    background-image: url(../media/images/extlib/common/img/icon_blank_w.png), url(../media/images/extlib/common/img/footer_logo_au-on.png);
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul li a.outer.logoUQ:hover {
    background-image: url(../media/images/extlib/common/img/icon_blank_w.png), url(../media/images/extlib/common/img/footer_logo_uq-on.png);
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul li a.outer.logoPOVO:hover {
    background-image: url(../media/images/extlib/common/img/icon_blank_w.png), url(../media/images/extlib/common/img/footer_logo_povo-on.png);
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz {
    display: flex;
    justify-content: center;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:first-child {
    padding-right: 50px;
    border-right: 1px solid #d7dbde;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:first-child ul { /*justify-content: flex-end;*/ }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:first-child ul li:last-child {
    border-radius: 0 4px 4px 0;
  }
  /*header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:first-child ul li:nth-child(7) { margin-left: 30px; border-radius: 4px;}*/
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:last-child {
    padding-left: 50px;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:last-child ul li {
    border-radius: 4px;
  }
  header.header-wrap .headerUtility {
    width: 170px;
    height: 100%;
    float: right;
    position: relative;
    padding-right: 80px;
  }
  header.header-wrap .headerUtility nav {
    display: block;
  }
  header.header-wrap .headerUtility .searchBtn {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 100%;
    background: #0e0d6a url(../media/images/extlib/common/img/icon_search_w.png) center center no-repeat;
    background-size: 28%;
  }
  header.header-wrap .headerUtility .searchBtn.is_open {
    background: #0e0d6a url(../media/images/extlib/common/img/icon_close_w.png) center center no-repeat;
    background-size: 28%;
  }
  header.header-wrap .headerUtility .searchBtn:hover {
    opacity: 0.5;
  }
  header.header-wrap .headerUtility .headerUtility1_1 {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 16px;
  }
  header.header-wrap .headerUtility .headerUtility1_1 li {
    font-size: 11px;
    display: block;
    padding-right: 20px;
    margin-bottom: 15px;
  }
  header.header-wrap .headerUtility .headerUtility1_1 li a {
    color: #222 !important;
  }
  header.header-wrap .headerUtility .headerUtility1_1 li a:hover {
    opacity: 0.5;
  }
  header.header-wrap .linkEnglish a span:first-child {
    color: #999 !important;
  }
  header.header-wrap .linkEnglish a span:nth-child(2) {
    display: inline-block;
    transform: rotate(90deg) scale(0.8, 0.6);
  }
  header.header-wrap .linkGlobal img {
    width: 22px;
  }
  header.header-wrap .headerSearch { /*height: 0; overflow: hidden;*/
    display: none;
    position: absolute;
    top: 86px;
    left: 0;
    width: 100%; /*transition: .5s; transition-delay: .5s; transition-property: height,background;*/
    padding: 70px 0 0;
    background: #fff;
    z-index: 4;
  }
  header.header-wrap .headerSearch > div {
    max-width: 800px;
    border: solid 1px #d7dbde;
    margin: 0 auto 70px;
    position: relative;
  }
  /*.headerSearch.is_open { height: 120px; z-index: 1; transition: .5s; }*/
  header.header-wrap input.searchBox.areaSearch {
    height: 50px;
    width: 100%;
    outline: 0;
    line-height: 50px;
    padding: 0 20px;
  }
  header.header-wrap input::-ms-clear {
    visibility: hidden;
  }
  header.header-wrap .btn_search {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 20px;
  }
  header.header-wrap a.slideCloseBtn {
    background: #1eace5;
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  header.header-wrap a.slideCloseBtn:hover {
    opacity: 0.5;
  }
  header.header-wrap #fixedNav_sp {
    display: none;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1500px) {
  /*.grobalNav > nav > ul > li > a.active::before span { content: ''; display: block; height: 2px; width: 75%; background: #0e0d6a; position: absolute; bottom: 23px; left: 11%;}*/
  header.header-wrap .grobalNav > nav > ul > li .subNav ul li {
    width: 120px;
    height: 80px;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav ul li a {
    font-size: 13px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1599px) {
  header.header-wrap .grobalNav {
    width: 78%;
    float: left;
  }
  header.header-wrap .grobalNav > nav > ul {
    flex-wrap: wrap;
    padding-left: 16px;
    padding-top: 7px;
  }
  header.header-wrap .grobalNav > nav > ul > li > a {
    padding: 5px 14px;
    font-size: 14px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1249px) {
  /*.grobalNav > nav > ul > li > a.active::before span { content: ''; display: block; height: 2px; width: 68%; background: #0e0d6a; position: absolute; bottom: -5px; left: 15%;}*/
  header.header-wrap .grobalNav > nav > ul > li .subNav ul li {
    width: 98px;
    height: 74px;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav ul li a {
    font-size: 13px;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:first-child {
    padding-right: 30px;
  }
  /*header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:first-child ul li:nth-child(7) { margin-left: 20px;}*/
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:last-child {
    padding-left: 30px;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul.kddiConsumer li {
    width: 160px;
    height: 50px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1020px) {
  header.header-wrap .grobalNav > nav > ul > li .subNav ul li {
    width: 90px;
    height: 72px;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav ul li a {
    font-size: 12px;
  }
}
@media screen and (min-width: 0px) and (max-width: 959px) {
  body.is-no-scroll {
    overflow: hidden;
    height: 100%;
  }
  header.header-wrap #nav_bg {
    display: none;
    background: #000;
    position: fixed;
    height: 100vh;
    width: 100%;
    opacity: 0.8;
    z-index: 3;
    top: 13vw;
    left: 0;
  }
  header.header-wrap {
    z-index: 102;
    position: relative;
    height: 13vw;
  }
  header.header-wrap .header {
    background: #fff;
    width: 100%;
    font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    position: fixed;
    z-index: 4;
  }
  header.header-wrap .headerInner {
    position: relative;
  }
  header.header-wrap .headerLogo {
    height: 13vw;
    line-height: 13vw;
    border-bottom: 1px solid #d7dbde;
    text-align: center;
  }
  header.header-wrap .headerLogo img {
    width: 18%;
    margin-bottom: 1%;
  }
  header.header-wrap #navWrap {
    display: none;
    position: fixed;
    top: 13vw;
    background: #fff;
    max-height: calc(100% - 13vw);
    overflow: auto;
    left: 0;
    width: 100%;
    z-index: 4;
  }
  header.header-wrap #navWrap.is_open { /*top: 13vw;*/ }
  header.header-wrap .grobalNav {
    position: relative;
  }
  header.header-wrap .grobalNav > nav > ul {
    padding-bottom: 5%;
    width: 100%;
  }
  header.header-wrap .grobalNav > nav > ul > li {
    border-bottom: 1px solid #ddd;
  }
  header.header-wrap .grobalNav > nav > ul > li a {
    display: block;
    padding: 0 6%;
    height: 15vw;
    line-height: 15vw;
    position: relative;
    font-size: 4vw;
    color: #111 !important;
  }
  header.header-wrap .grobalNav > nav > ul > li a.slideCloseBtn {
    display: none;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav {
    display: none;
    background: #f1f2f6;
    padding: 0 5%;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav ul {
    padding: 0;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav ul li {
    font-size: 3.4vw;
    text-align: left; /*border-bottom: 1px solid #ddd;*/
    padding-left: 5%;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav ul li a {
    display: block;
    height: 12vw;
    line-height: 12vw;
    text-align: left;
    color: #0e0d6a !important;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav ul li a.outer {
    background: #fff url(../media/images/extlib/common/img/icon_blank_blu.png) no-repeat right 3.5% bottom 12%;
    background-size: 3vw;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav ul li a.outer.bgTrans {
    background: transparent url(../media/images/extlib/common/img/icon_blank_blu.png) no-repeat right 25vw top 50%;
    background-size: 3.4vw;
  }
  header.header-wrap .grobalNav > nav > ul > #VISON .subNav ul li a.outer.bgTrans {
    background-position: right 38vw top 50%;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav p.topLink {
    font-weight: bold;
    padding: 0 6%;
    height: 15vw;
    line-height: 15vw;
    position: relative;
    font-size: 4vw;
    color: #0e0d6a !important;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav p.topLink a {
    display: block;
    padding: 0;
    height: 15vw;
    line-height: 15vw;
    position: relative;
    font-size: 4vw;
    color: #0e0d6a !important;
  }
  header.header-wrap .grobalNav > nav > ul > #BRAND img {
    width: 2.4vw;
  }
  header.header-wrap .grobalNav > nav > ul > li a.dropdown {
    position: relative;
    overflow: hidden;
  }
  header.header-wrap .grobalNav > nav > ul > li a.dropdown.is_slc {
    background: #f1f2f6;
    border-bottom: 1px solid #ddd;
  }
  header.header-wrap .grobalNav > nav > ul > li a.dropdown::after {
    content: "＞";
    display: inline-block;
    transform: rotate(90deg) scale(0.6, 1);
    position: absolute;
    top: 0;
    right: 4%;
  }
  header.header-wrap .grobalNav > nav > ul > li a.dropdown.is_slc::after {
    transform: rotate(-90deg) scale(0.6, 1);
  }
  header.header-wrap .grobalNav > nav > ul > li p.topLink a {
    font-weight: bold;
    border-bottom: 1px solid #d7dbde;
  }
  header.header-wrap .grobalNav > nav > ul > li p.topLink a img {
    width: 3vw;
  }
  header.header-wrap #CONSUMER p.topLink a,
  header.header-wrap #BIZ p.topLink a {
    font-weight: bold;
    border: none;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer {
    padding: 0 0 10%;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul {
    display: flex;
    flex-wrap: wrap; /*border-left: 1px solid #0e0d6a;*/
    border-top: 1px solid #0e0d6a;
    overflow: hidden;
    border-radius: 1vw;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul li {
    width: 50%;
    padding: 0;
    height: 12vw;
    border-bottom: 1px solid #0e0d6a;
    border-right: 1px solid #0e0d6a;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul.auConsumer {
    border-left: 1px solid #0e0d6a;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul.auConsumer li:last-child {
    overflow: hidden;
    border-radius: 0 0 1vw 0;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul.auConsumer li:nth-child(9) {
    overflow: hidden;
    border-radius: 0 0 0 1vw;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul.auConsumer li:nth-child(2) {
    overflow: hidden;
    border-radius: 0 1vw 0 0;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul.auConsumer {
    background-color: #fff;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul.auConsumer li a {
    font-size: 3.6vw;
    text-align: center;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul.auConsumer li.ln2 a {
    line-height: 1.4;
    padding-top: 1vw;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer > div > p {
    text-align: left;
    font-size: 3vw;
    color: #909090;
    padding-top: 5%;
    padding-bottom: 2%;
    color: #0e0d6a;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul li a.outer {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right 3.5% bottom 12%, center center;
    background-size: 3vw, 37%;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul li a.outer.logoAU {
    background-image: url(../media/images/extlib/common/img/icon_blank_blu.png), url(../media/images/extlib/common/img/footer_logo_au.png);
    height: 100%;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul li a.outer.logoUQ {
    background-image: url(../media/images/extlib/common/img/icon_blank_blu.png), url(../media/images/extlib/common/img/footer_logo_uq.png);
    height: 100%;
    background-size: 3vw, 30%;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul li a.outer.logoPOVO {
    background-image: url(../media/images/extlib/common/img/icon_blank_blu.png), url(../media/images/extlib/common/img/footer_logo_povo.png);
    height: 100%;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul.kddiConsumer {
    display: block;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul.kddiConsumer li {
    width: 100%;
    border: 1px solid #0e0d6a;
    margin-top: -1px;
    background: #fff;
    padding: 0;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul.kddiConsumer li:first-child {
    border-radius: 1vw 1vw 0 0;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul.kddiConsumer li:last-child {
    border-radius: 0 0 1vw 1vw;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavConsumer ul.kddiConsumer li a {
    text-align: center;
    font-size: 3.6vw;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz ul li {
    padding: 0;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz ul li a {
    text-align: center;
    height: 14vw;
    line-height: 14vw;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:first-child {
    border-bottom: 1px solid #d7dbde;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:first-child ul {
    display: flex; /*justify-content: center;*/
    flex-wrap: wrap;
    margin-bottom: 5%;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:first-child ul li {
    width: 50%;
    margin-top: -1px;
    overflow: hidden;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:first-child ul li:first-child {
    border-radius: 1vw 0 0 0;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:first-child ul li:nth-child(2) {
    border-radius: 0 1vw 0 0;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:first-child ul li:nth-last-child(2):nth-child(odd) {
    border-radius: 0 0 0 1vw;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:first-child ul li:last-child,
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:first-child ul li:nth-last-child(2):nth-child(even) {
    border-radius: 0 0 1vw 0;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:first-child ul li:last-child:nth-child(odd) {
    border-radius: 0 0 1vw 1vw;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:first-child ul li:nth-child(even) {
    border-left: none;
  }
  /*header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:first-child ul li:nth-child(7) { width: calc( 100% - 1px); margin-bottom: 5%; margin-top: 5%; }*/
  /*header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:first-child ul li:nth-child(7) a,*/
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:last-child ul li a {
    height: 12vw;
    line-height: 12vw;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:last-child ul li {
    border-radius: 1vw;
    overflow: hidden;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz > div:last-child {
    padding: 5% 0;
  }
  header.header-wrap .grobalNav > nav > ul > li .subNav .subNavinner .subNavBiz ul li {
    background: #fff;
    border: 1px solid #0e0d6a;
  }
  header.header-wrap .headerUtility {
    position: relative;
  }
  header.header-wrap .headerUtility .searchBtn {
    display: none;
  }
  header.header-wrap .headerUtility .headerUtility1_1 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
  }
  header.header-wrap .headerUtility .headerUtility1_1 li {
    font-size: 3.2vw;
    display: block;
    padding-right: 7%;
    margin-bottom: 5%;
  }
  header.header-wrap .headerUtility .headerUtility1_1 li:last-child {
    padding-right: 0;
  }
  header.header-wrap .headerUtility .headerUtility1_1 li.ipv {
    display: none;
  }
  header.header-wrap .headerUtility .headerUtility1_1 li a {
    color: #222 !important;
  }
  header.header-wrap .linkEnglish a span:first-child {
    color: #999 !important;
  }
  header.header-wrap .linkEnglish a span:nth-child(2) {
    display: inline-block;
    transform: rotate(90deg) scale(0.8, 0.6);
  }
  header.header-wrap .linkGlobal img {
    width: 6vw;
  }
  header.header-wrap .headerSearch { /*height: 0; overflow: hidden;*/ /*display: none; position: fixed; bottom: 16vw; left: 0; width: 100%; */ /*transition: .5s; transition-delay: .5s; transition-property: height;*/
    background: #fff;
    z-index: 4;
    padding: 5% 5%;
    display: block !important;
    border-top: 1px solid #ddd;
  }
  header.header-wrap .headerSearch > div {
    border: solid 1px #d7dbde;
    position: relative;
  }
  header.header-wrap .headerSearch > a {
    display: none;
  }
  header.header-wrap input.searchBox.areaSearch {
    height: 12vw;
    width: 100%;
    outline: 0;
    line-height: 12vw;
    font-size: 3.4vw;
    padding: 0 3%;
    background: none;
  }
  header.header-wrap input::-ms-clear {
    visibility: hidden;
  }
  header.header-wrap .btn_search {
    position: absolute;
    top: 4vw;
    right: 2vw;
    width: 4vw;
  }
  /*.headerSearch.is_open { height: auto; z-index: 1; transition: .5s; background: #0E0E69; }*/
  /* fixedNav */
  header.header-wrap #fixedNav_sp {
    height: 13vw;
    color: #111;
    position: absolute;
    top: 1.5vw;
    right: 1.5vw;
    width: 10vw;
    height: 10vw; /*border-top: 1px solid #d7dbde;*/
    z-index: 4;
  }
  header.header-wrap .headerBtnNav_1_sp {
    width: 70%;
    height: 70%;
    margin-top: 10%;
  }
  header.header-wrap .headerBtnNav_1_sp a {
    width: 100%;
    height: 100%;
    display: block;
    padding-top: 50%;
  }
  header.header-wrap .headerBtnNav_1_sp a span {
    display: block;
    position: relative;
    height: 2px;
    border-radius: 1px;
    background: #111;
    width: 100%;
    transition: 0.5s;
  }
  header.header-wrap .headerBtnNav_1_sp a span::before {
    content: "";
    display: block;
    height: 2px;
    border-radius: 1px;
    background: #111;
    position: absolute;
    top: -3vw;
    left: 0;
    width: 100%;
    transition: 0.5s;
  }
  header.header-wrap .headerBtnNav_1_sp a span::after {
    content: "";
    display: block;
    height: 2px;
    border-radius: 1px;
    background: #111;
    position: absolute;
    bottom: -3vw;
    left: 0;
    width: 100%;
    transition: 0.5s;
  }
  header.header-wrap .headerBtnNav_1_sp a.is_open span {
    display: block;
    position: relative;
    height: 0;
    border-radius: 1px;
    background: #fff;
    width: 100%;
  }
  header.header-wrap .headerBtnNav_1_sp a.is_open span::before {
    content: "";
    display: block;
    height: 2px;
    border-radius: 1px;
    background: #111;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: rotate(45deg);
  }
  header.header-wrap .headerBtnNav_1_sp a.is_open span::after {
    content: "";
    display: block;
    height: 2px;
    border-radius: 1px;
    background: #111;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    transform: rotate(-45deg);
  }
  header.header-wrap .headerBtnSearch_sp {
    height: 100%;
    width: 22%;
  }
  header.header-wrap .headerBtnSearch_sp a {
    display: block;
    height: 100%;
    width: 100%;
    background: #0e0d6a url(../media/images/extlib/common/img/icon_search_w.png) center center no-repeat;
    background-size: 4.4vw;
  }
  header.header-wrap .headerBtnSearch_sp a.is_open {
    display: block;
    height: 100%;
    width: 100%;
    background: #0e0d6a url(../media/images/extlib/common/img/icon_close_w.png) center center no-repeat;
    background-size: 4.4vw;
  }
}
/*################################################
###### optionNavigationArea
################################################*/
#opnav_bg {
  display: none;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  opacity: 0.8;
  z-index: 200;
}

#optionNav {
  display: none;
  font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

@media screen and (min-width: 960px) {
  #opnOpNav,
  .clsOpNav {
    display: none;
  }
  #optionNavigationAreaWrap {
    display: block !important;
  }
  #optionNavigationArea {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    background: #f1f2f6;
    border-bottom: 2px solid #0e0d6a;
    display: block !important;
  }
  #optionNavigationArea ul {
    display: flex;
    justify-content: flex-start;
    white-space: nowrap;
    width: -moz-max-content;
    width: max-content;
    height: 50px;
  }
  #optionNavigationArea ul li {
    padding: 0;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
  }
  #optionNavigationArea ul li:first-child {
    padding: 0;
    background: #dde0e7;
  }
  #optionNavigationArea ul li:first-child a {
    padding: 0 60px;
  }
  #optionNavigationArea ul li a {
    display: block;
    height: 100%;
    padding: 0 20px;
    color: #222;
    text-decoration: none;
  }
  #optionNavigationArea ul li.cur {
    background: #0e0d6a;
  }
  #optionNavigationArea ul li.cur a {
    color: #fff !important;
  }
  #optionNavigationArea ul li.cur a:hover {
    color: #fff !important;
    opacity: 0.5;
  }
  #optionNavigationArea ul li:not(.cur) a:hover {
    background: rgb(255, 255, 255);
    opacity: 0.5;
  }
}
@media screen and (min-width: 0px) and (max-width: 959px) {
  /*
  #opnOpNav { width: 8vw; height: 8vw; border-radius: 4vw; background: #0e0d6a; position: fixed; right: 5vw; top: 3.6vw; z-index: 201; }
  #opnOpNav.mop { display: none; }
  .clsOpNav { width: 8vw; height: 8vw; border-radius: 4vw; background: #fff; position: absolute; right: 5vw; top: 3.6vw; }
  #opnOpNav div,
  .clsOpNav div { position: relative; }
  #opnOpNav div span { display: block; width: 40%;  height: 1px; background: #fff; position: absolute; left: 30%; }
  #opnOpNav div span:first-child { top: 2.3vw; }
  #opnOpNav div span:nth-child(2) { top: 3.8vw; }
  #opnOpNav div span:last-child { top: 5.3vw; }

  .clsOpNav div span { display: block; width: 40%;  height: 2px; background: #0e0d6a; position: absolute; }
  .clsOpNav div span:first-child { transform: rotate(45deg); top: 4vw; left: 2.5vw;}
  .clsOpNav div span:last-child { transform: rotate(-45deg); top: 4vw; left: 2.5vw; }
  */
  #optionNavigationAreaWrap {
    display: block !important;
  }
  #optionNavigationArea {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    background: #f1f2f6;
    border-bottom: 2px solid #0e0d6a;
    display: block !important;
  }
  #optionNavigationArea ul {
    display: flex;
    justify-content: flex-start;
    white-space: nowrap;
    width: -moz-max-content;
    width: max-content;
    height: 13vw;
    padding-right: 50%;
  }
  #optionNavigationArea ul li {
    padding: 0;
    height: 13vw;
    line-height: 13vw;
    white-space: nowrap;
  }
  #optionNavigationArea ul li:first-child {
    padding: 0;
    background: #dde0e7;
    font-size: 3vw;
  }
  #optionNavigationArea ul li:first-child a {
    padding: 0 6vw;
  }
  #optionNavigationArea ul li a {
    display: block;
    height: 100%;
    padding: 0 3vw;
    color: #222;
    font-size: 3vw;
    text-decoration: none !important;
  }
  #optionNavigationArea ul li.cur {
    background: #0e0d6a;
  }
  #optionNavigationArea ul li.cur a {
    color: #fff !important;
    text-decoration: none;
  }
  #optionNavigationArea ul li.cur a:hover {
    color: #fff !important;
    opacity: 0.5;
  }
  #optionNavigationArea ul li:not(.cur) a:hover {
    background: rgb(255, 255, 255);
    opacity: 0.5;
  }
}
#subNavCable, #subNavTel {
  display: none;
}

/*########################################
## FOOTER ################################
########################################*/
@media screen and (min-width: 960px) {
  #pageTopBox a {
    display: block;
    height: 50px;
    line-height: 50px;
    background: #0e0d6a url(../media/images/extlib/common/img/icon_page-top.png) no-repeat center center;
    background-size: auto 12px;
  }
  #pageTopBox a:hover {
    opacity: 0.5;
  }
  footer {
    background: #fff;
    position: relative;
    z-index: 101;
    font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  }
  footer #footerLinkList1 {
    border-top: 1px solid #d7dbde;
    border-bottom: 1px solid #d7dbde;
  }
  footer #footerLinkList1 ul { /*max-width: 1440px;*/
    margin: 0 auto;
    border-left: 1px solid #d7dbde;
    display: flex;
  }
  footer #footerLinkList1 ul li {
    border-right: 1px solid #d7dbde;
    width: 33.333%;
    position: relative;
  }
  footer #footerLinkList1 ul li a {
    height: 68px;
    line-height: 68px;
    font-size: 15px;
    text-align: center;
    display: block;
    color: #222 !important;
    text-decoration: none !important;
  }
  footer #footerLinkList1 ul > li > a img {
    width: 12px;
  }
  footer #footerLinkList1 ul li a:hover {
    background: #f5f5f5;
    position: relative;
  }
  footer #footerLinkList1 ul li a#footerConsumerBtn:hover {
    background: none;
    cursor: default;
  }
  footer #footerLinkList1 ul li a:hover + div#footerConsumerLinkBox {
    display: block;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox {
    display: none;
    position: absolute;
    margin-left: -202px;
    left: 50%;
    bottom: 0;
    width: 405px;
    padding-bottom: 110px;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBoxInner {
    padding: 40px 35px;
    background: #fff;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.05);
    position: relative;
    border-radius: 6px;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBoxInner::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    bottom: -19px;
    left: 50%;
    margin-left: -20px;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBoxInner > p {
    color: #0e0d6a;
    font-size: 12px;
    padding: 20px 0 10px;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #0e0d6a;
    border-bottom: 1px solid #0e0d6a;
    border-left: 1px solid #0e0d6a;
    border-radius: 4px;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li {
    width: 33.333333%;
    position: relative;
    height: 75px;
    border-right: 1px solid #0e0d6a;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li:last-child {
    border-radius: 4px;
    border-right: 1px solid #0e0d6a;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li a {
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    line-height: 1.6;
    font-size: 12px;
    text-align: center;
    color: #0e0d6a !important;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li a:hover {
    background: #0e0d6a;
    color: #fff !important;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox:hover {
    display: block;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li a.logoAU {
    background-image: url(../media/images/extlib/common/img/footer_logo_au.png), url(../media/images/extlib/common/img/icon_blank_blu.png);
    background-size: 50%, 10%;
    background-position: center center, right 5px bottom 5px;
    background-repeat: no-repeat;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li a.logoUQ {
    background-image: url(../media/images/extlib/common/img/footer_logo_uq.png), url(../media/images/extlib/common/img/icon_blank_blu.png);
    background-size: 50%, 10%;
    background-position: center center, right 5px bottom 5px;
    background-repeat: no-repeat;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li a.logoPOVO {
    background-image: url(../media/images/extlib/common/img/footer_logo_povo.png), url(../media/images/extlib/common/img/icon_blank_blu.png);
    background-size: 50%, 10%;
    background-position: center center, right 5px bottom 5px;
    background-repeat: no-repeat;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li a.blankBtn {
    background-image: url(../media/images/extlib/common/img/icon_blank_blu.png);
    background-size: 10%;
    background-position: right 5px bottom 5px;
    background-repeat: no-repeat;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li a.logoAU:hover {
    background-color: #0e0d6a;
    background-image: url(../media/images/extlib/common/img/footer_logo_au-on.png), url(../media/images/extlib/common/img/icon_blank_w.png);
    background-size: 50%, 10%;
    background-position: center center, right 5px bottom 5px;
    background-repeat: no-repeat;
    display: block;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li a.logoUQ:hover {
    background-color: #0e0d6a;
    background-image: url(../media/images/extlib/common/img/footer_logo_uq-on.png), url(../media/images/extlib/common/img/icon_blank_w.png);
    background-size: 50%, 10%;
    background-position: center center, right 5px bottom 5px;
    background-repeat: no-repeat;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li a.logoPOVO:hover {
    background-color: #0e0d6a;
    background-image: url(../media/images/extlib/common/img/footer_logo_povo-on.png), url(../media/images/extlib/common/img/icon_blank_w.png);
    background-size: 50%, 10%;
    background-position: center center, right 5px bottom 5px;
    background-repeat: no-repeat;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li a.blankBtn:hover {
    background-color: #0e0d6a;
    background-image: url(../media/images/extlib/common/img/icon_blank_w.png);
    background-size: 10%;
    background-position: right 5px bottom 5px;
    background-repeat: no-repeat;
  }
  footer #footerLinkList2 {
    padding-bottom: 80px;
  }
  footer #footerLinkList2 ul {
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 40px;
  }
  footer #footerLinkList2 ul li {
    margin-top: 30px;
  }
  footer #footerLinkList2 ul li a {
    display: block;
    padding: 0 25px;
    position: relative;
    color: #929292 !important;
  }
  footer #footerLinkList2 ul li a::before {
    content: "＞";
    position: absolute;
    transform: scale(0.5, 0.8);
    left: 0;
    top: 0;
  }
  footer #footerLinkList2 ul li a:hover {
    text-decoration: underline;
    color: #1d9bff !important;
  }
  footer #copyright {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }
  footer #copyright p.logo {
    width: 64px;
    margin-right: 20px;
  }
  footer #copyright p.logo img {
    width: 100%;
    margin-bottom: 5px;
  }
  footer #copyright p.ipv {
    width: 120px;
    margin-right: 30px;
  }
  footer #copyright p.ipv img {
    width: 100%;
  }
  footer #copyright small {
    font-size: 10px;
  }
}
@media screen and (min-width: 0px) and (max-width: 959px) {
  #pageTopBox a {
    display: block;
    height: 50px;
    line-height: 50px;
    background: #0e0d6a url(../media/images/extlib/common/img/icon_page-top.png) no-repeat center center;
    background-size: auto 12px;
  }
  #pageTopBox a:hover {
    opacity: 0.5;
  }
  footer {
    background: #fff;
    position: relative;
    z-index: 101;
    padding-bottom: 16vw;
    font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    z-index: 2;
  }
  footer #footerLinkList1 {
    border-top: 1px solid #d7dbde;
    border-bottom: 1px solid #d7dbde;
  }
  footer #footerLinkList1 ul {
    margin: 0 auto;
    border-left: 1px solid #d7dbde;
    display: flex;
  }
  footer #footerLinkList1 ul li {
    border-right: 1px solid #d7dbde;
    width: 33.333%;
    position: relative;
  }
  footer #footerLinkList1 ul li a {
    height: 14vw;
    line-height: 14vw;
    font-size: 3.2vw;
    text-align: center;
    display: block;
    color: #111 !important;
    text-decoration: none !important;
  }
  footer #footerLinkList1 ul > li > a img {
    width: 2.8vw;
  }
  footer #footerLinkList1 ul li a:hover {
    background: #f5f5f5;
    position: relative;
  }
  /*#footerLinkList1 ul li a:hover + div#footerConsumerLinkBox { display: block; }*/
  footer #footerLinkList1 ul li div#footerConsumerLinkBox.on {
    display: block;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox {
    display: none;
    position: absolute;
    left: -95%;
    bottom: 20vw !important;
    width: 290%;
    padding-bottom: 0 !important;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBoxInner {
    padding: 5%;
    background: #fff;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.05);
    position: relative;
    border-radius: 2vw;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBoxInner::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBoxInner > p {
    color: #0e0d6a;
    font-size: 12px;
    padding: 20px 0 10px;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #0e0d6a;
    border-bottom: 1px solid #0e0d6a;
    border-left: 1px solid #0e0d6a;
    border-radius: 1vw; /*overflow: hidden;*/
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li {
    width: 33%;
    position: relative;
    height: 18vw;
    display: table;
    border-right: 1px solid #0e0d6a;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li:last-child {
    border-radius: 1vw;
    overflow: hidden;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li a {
    background-size: 50%, 10%;
    background-position: center center, right 5px bottom 5px;
    background-repeat: no-repeat;
    color: #0e0d6a !important;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li a.logoAU {
    background-image: url(../media/images/extlib/common/img/footer_logo_au.png), url(../media/images/extlib/common/img/icon_blank_blu.png);
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li a.logoUQ {
    background-image: url(../media/images/extlib/common/img/footer_logo_uq.png), url(../media/images/extlib/common/img/icon_blank_blu.png);
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li a.logoPOVO {
    background-image: url(../media/images/extlib/common/img/footer_logo_povo.png), url(../media/images/extlib/common/img/icon_blank_blu.png);
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li a.blankBtn {
    background-image: url(../media/images/extlib/common/img/icon_blank_blu.png);
    background-size: 10%;
    background-position: right 5px bottom 5px;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li a {
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    height: 100%;
    line-height: 1.6;
    font-size: 2.8vw;
    text-align: center;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li {
    display: block !important;
    width: 33.3333333333% !important;
  }
  footer #footerLinkList1 ul li div#footerConsumerLinkBox ul li a {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  footer #footerLinkList2 {
    padding-bottom: 3%;
  }
  footer #footerLinkList2 ul {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 5% 4%;
  }
  footer #footerLinkList2 ul li {
    line-height: 3;
    white-space: nowrap;
  }
  footer #footerLinkList2 ul li a {
    display: block;
    text-align: left;
    font-size: 3vw;
    padding: 0 3.8vw 0 3.4vw;
    position: relative;
    color: #929292 !important;
  }
  footer #footerLinkList2 ul li a::before {
    content: "＞";
    position: absolute;
    transform: scale(0.5, 0.8);
    left: 0;
    top: 0;
  }
  footer #copyright {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0 5% 5%;
  }
  footer #copyright p.logo {
    width: 22%;
    margin-right: 12%;
  }
  footer #copyright p.logo img {
    width: 100%;
    margin-bottom: 4%;
  }
  footer #copyright p.ipv {
    width: 30%;
  }
  footer #copyright p.ipv img {
    width: 100%;
  }
  footer #copyright small {
    font-size: 2.4vw;
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 3%;
  }
}
.view-pc {
  display: block;
}

.view-sp {
  display: none;
}

@media screen and (min-width: 0px) and (max-width: 767.98px) {
  .view-sp {
    display: block;
  }
  .view-pc {
    display: none;
  }
}
@media screen and (min-width: 0px) and (max-width: 959px) {
  header.header-wrap .view-sp {
    display: block;
  }
  header.header-wrap .view-pc {
    display: none;
  }
}