@charset "utf-8";
@media screen and (min-width:768px) {
  .tooltipArea {
    margin: 0 auto 20px
  }
  .toolTipList {
    display: flex;
    width: 100%;
    margin: 0 auto
  }
  .toolTipList li {
    border: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 33.33333%;
    padding: 10px;
    text-align: center;
    font-weight: 400;
    background:#fff;
    position: relative;
  }
  .toolTipList li:nth-child(1){border-right: none; border-radius: 14px 0 0 14px;}
  .toolTipList li:nth-child(3){border-left: none; border-radius: 0 14px 14px 0;}
  .toolTipList li > figure img{width: 34px;}
  .toolTipList li img.question {
    width: 100%
  }
  .toolTip-section {
    /*position: relative*/
    position: absolute;
        top: 6px;
        right: 10px;
  }
  .toolTip-section .showTooltip {
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    width: 1pc
  }
  .toolTip-section .toolTip-ctr .tooltip {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    bottom: 100%;
    margin-bottom: 5px;
    pointer-events: auto;
    position: absolute;
    width: 300px;
    max-width: 100vw;
    right: -20px !important
  }
  .toolTip-section .toolTip-ctr.open .tooltip {
    z-index: 2;
    opacity: 1;
    visibility: visible
  }
  .toolTip-section .tooltip .tooltip__cont {
    background: rgba(0, 0, 0, .8);
    position: relative;
    padding: 18px;
    color: #fff;
    font-size: 14px;
    text-align: left
  }
  .toolTip-section .toolTip-ctr {
    position: relative
  }
  .toolTip-section .toolTip-ctr:after {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    content: "";
    opacity: 0;
    z-index: 1
  }
  .toolTip-section .toolTip-ctr.open:after {
    display: block;
    opacity: 1;
    pointer-events: auto;
    top: -5px;
    border-top-color: rgba(0, 0, 0, .8)
  }
  .tooltip img {
    vertical-align: middle
  }
  .tooltip__close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background: url(/content/dam/au-com/pr/newplan/img/btn-close-tooltip_dca3a970a81c79ea.webp);
    width: 17px;
    height: 17px;
    background-size: 100% 100%
  }
  .toolTipList li > figure img {
    margin-bottom: 4px
  }
  .toolTipList li > figure figcaption {
    font-size: 12px
  }
  .toolTipList li > .txt {
    /*font-size: 9pt*/
  }
  .toolTip-description .toolTip-descTtl {
    padding-right: 15px;
    font-weight: 700
  }
  .toolTip-description .toolTip-descBody {
    margin-top: 10px
  }

/*内訳*/
.wrapTableBD .toolTip-section .showTooltip {
  width: 1pc;
  height: 1pc;
  line-height: 1.2pc;
}
.wrapTableBD .toolTip-section .question{vertical-align: bottom;}
.wrapTableBD .tooltipArea {display: inline-block; margin: 0;}
.wrapTableBD .toolTip-section{
  position: relative;
  display: inline-block;
  top: auto;
  right: auto;
}
/*.wrapTableBD .ttbd3 .toolTip-section .toolTip-ctr .tooltip{right: calc(-20px + 1em) !important;}*/

}
@media screen and (min-width:0) and (max-width:767.98px) {
  .tooltipArea {
    margin: 0 auto 5%
  }
  .toolTipList {
    display: flex;
    width: 82vw;
    margin: 0 auto
  }
  .toolTipList li {
    border: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 33.33333%;
    padding: 10px;
    text-align: center;
    font-weight: 400;
    flex-direction: column;
    justify-content: start;
    position: relative;
    background: #fff;
  }
  .toolTipList li:nth-child(1){border-right: none; border-radius: 3vw 0 0 3vw;}
  .toolTipList li:nth-child(3){border-left: none; border-radius: 0 3vw 3vw 0;}
  .toolTipList li > figure img{width: 8vw;}
  .toolTipList li img.question {
    width: 100%;
    margin: 1vw auto
  }
  .toolTip-section {
    position: absolute;
    top: 2vw;
    right: 2vw
  }
  .toolTip-section .showTooltip {
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    width: 4vw;
    /* height: 4vw; */
    font-size: 0;
  }
  .toolTip-section .toolTip-ctr .tooltip {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    bottom: 118%;
    margin-bottom: 5px;
    pointer-events: auto;
    position: absolute;
    margin: 0 8vw;
    width: 84vw !important;
    max-width: 100vw;
    right: -20px !important
  }
  .toolTip-section .toolTip-ctr.open .tooltip {
    z-index: 2;
    opacity: 1;
    visibility: visible
  }
  .toolTipList li:nth-child(1) .tooltip {
    right: -65.8vw !important
  }
  .toolTipList li:nth-child(2) .tooltip {
    right: -38.4vw !important
  }
  .toolTipList li:nth-child(3) .tooltip {
    right: -11.1vw !important
  }
  .toolTip-section .tooltip .tooltip__cont {
    background: rgba(0, 0, 0, .8);
    position: relative;
    padding: 3vw;
    color: #fff;
    font-size: 3.2vw;
    text-align: left
  }
  .toolTip-section .toolTip-ctr {
    position: relative
  }
  .toolTip-section .toolTip-ctr:after {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    content: "";
    opacity: 0;
    z-index: 1
  }
  .toolTip-section .toolTip-ctr.open:after {
    display: block;
    opacity: 1;
    pointer-events: auto;
    top: -5.5px;
    border-top-color: rgba(0, 0, 0, .8)
  }
  .tooltip img {
    vertical-align: middle
  }
  .tooltip__close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background: url(/content/dam/au-com/pr/newplan/img/btn-close-tooltip_dca3a970a81c79ea.webp);
    width: 17px;
    height: 17px;
    background-size: 100% 100%
  }
  .toolTipList li > figure {
    margin-bottom: 0
  }
  .toolTipList li > figure img {
    margin-bottom: 4px
  }
  .toolTipList li > figure figcaption {
    font-size: 3vw
  }
  .toolTipList li > .txt {
    font-size: 2.6vw;
    line-height: 1.2;
  }
  .toolTip-description .toolTip-descTtl {
    padding-right: 15px;
    font-weight: 700
  }
  .toolTip-description .toolTip-descBody {
    margin-top: 10px
  }

/*内訳*/
.wrapTableBD .toolTip-section .showTooltip {
    width: 4vw;
    height: 4vw;
    line-height: 4.2vw;
}
.wrapTableBD .toolTip-section .question{vertical-align: bottom;}
.wrapTableBD .tooltipArea {display: inline-block; margin: 0;}
.wrapTableBD .toolTip-section {
  position: relative;
  display: inline-block;
  top: -1.6vw;
  right: auto;
}

.wrapTableBD .toolTip-section .toolTip-ctr .tooltip {
  right: -73.8vw !important;
}
/*.wrapTableBD .ttbd3 .toolTip-section .toolTip-ctr .tooltip{right: calc(-78.8vw + 1em) !important;}*/


}