@charset "utf-8";

ul.boxList>li>dl>dt {
    font-size: 118%;
    line-height: 1.3;
}

ul.boxList.smallBox>li>dl>dt {
    font-size: 110%;

}

ul.boxList.smallBox>li:nth-child(2)>dl>dt,
ul.boxList.smallBox>li:nth-child(3)>dl>dt {
    margin-bottom: 34px;

}

.col8-5m {
    width: 78%;

}

.boxList dt img {
    margin-bottom: 8px;
}

.annotationList {
    clear: both;
    padding-top: 10px;
}

.arrow {
    text-align: center;

}

.num {
    color: #e60012;
    font-size: 120%;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.pb0{
    padding-bottom: 0 !important;
}

.mbM{
    margin-bottom: 30px !important;
}

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

    .mbM{
        margin-bottom: 40px !important;
    }
}

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



    .col8-5m {
        width: 100%;

    }

    .step2Img,
    .arrow {
        width: 40%;
        margin: 0 auto;
    }

    .imgCenter {
        text-align: center;
    }

}

.qaList dt {
    border-top: 1px dotted #cdcdcd;
    font-size: 121.5%;
    color: #222121;
    font-weight: bold;
    padding: 1em 0 0;
    position: relative;
    padding-left: 30px;
}

.qaList dd {
    color: #666666;
    padding: 1em 0;
    overflow: hidden;
    position: relative;
    padding-left: 30px;
}

.qaList dt:before {
    content: "";
    background: url(https://kepco.jp/~/media/3E27A124D5304A0A8C879D88DA981648.ashx) center no-repeat;
    background-size: 100%;
    display: block;
    width: 19px;
    height: 25px;
    position: absolute;
    left: 0;
}

.qaList dd:before {
    content: "";
    background: url(https://kepco.jp/~/media/F7ED61FCBD5140D2A15C5C619DC7EF44.ashx) center no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 19px;
    height: 25px;
    margin-right: 0.4em;
    position: absolute;
    left: 0;
}


.internetStepItems {
    margin-bottom: 25px;
}

.list-indent {
    font-size: 81.25%;
}

.list-indent li {
    position: relative;
    padding-left: 1.0em;
    margin-bottom: 2px;
    line-height: 1.6;
}

.list-indent li span.indent {
    position: absolute;
    text-align: left;
    display: inline-block;
    top: 0;
    left: 0;
}

.list-indent li:last-child {
    margin-bottom: 0 !important;
}

.internetNumItems {}

.internetNumItems .internetNumItem {
    margin-bottom: 10px;
    display: table;
    width: 100%;
}

.internetNumItemNum {
    display: table-cell;
    vertical-align: top;
    width: 20px;
    font-size: 93.75%;
    font-weight: bold;
    line-height: 1.5;
}

.internetNumItemCon {
    display: table-cell;
    vertical-align: top;

}

.internetNumItemCon p {
    font-size: 93.75%;
    line-height: 1.5;
    margin-bottom: 5px;
}

.internetNumItemCon p.mb0 {
    margin-bottom: 0;
}

.colRed {
    color: #e60012;
}

.fBold {
    font-weight: bold;
}

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

    .internetStepItems {
        margin-bottom: 25px;
        width: 100%;
        display: table;
    }

    .internetStepItems div {
        display: table-cell;
        vertical-align: top;
    }

    .list-indent {
        font-size: 85.71%;
    }

    .list-indent li {
        position: relative;
        padding-left: 1.0em;
        margin-bottom: 2px;
        line-height: 1.6;
    }

    .list-indent li span.indent {
        position: absolute;
        text-align: left;
        display: inline-block;
        top: 0;
        left: 0;
    }

    .list-indent li:last-child {
        margin-bottom: 0 !important;
    }

    .internetNumItems {}

    .internetNumItems .internetNumItem {
        margin-bottom: 10px;
        display: table;
        width: 100%;
    }

    .internetNumItemNum {
        display: table-cell;
        vertical-align: top;
        width: 20px;
        font-size: 100%;
        font-weight: bold;
        line-height: 1.5;
    }

    .internetNumItemCon {
        display: table-cell;
        vertical-align: top;

    }

    .internetNumItemCon p {
        font-size: 100%;
        line-height: 1.5;
        margin-bottom: 5px;
    }

    .internetNumItemCon p.mb0 {
        margin-bottom: 0;
    }

    .colRed {
        color: #e60012;
    }

    .fBold {
        font-weight: bold;
    }

}


.qaList dt {
    border-top: 1px dotted #cdcdcd;
    font-size: 121.5%;
    color: #222121;
    font-weight: bold;
    padding: 1em 0 0;
    position: relative;
    padding-left: 30px;
}

.qaList dd {
    color: #666666;
    padding: 1em 0;
    overflow: hidden;
    position: relative;
    padding-left: 30px;
}

.qaList dt:before {
    content: "";
    background: url(https://kepco.jp/~/media/3E27A124D5304A0A8C879D88DA981648.ashx) center no-repeat;
    background-size: 100%;
    display: block;
    width: 19px;
    height: 25px;
    position: absolute;
    left: 0;
}

.qaList dd:before {
    content: "";
    background: url(https://kepco.jp/~/media/F7ED61FCBD5140D2A15C5C619DC7EF44.ashx) center no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 19px;
    height: 25px;
    margin-right: 0.4em;
    position: absolute;
    left: 0;
}





.qaItems {
    border-bottom: 1px dotted #cdcdcd;
}

.qaItems dl {
    border-top: 1px dotted #cdcdcd;
}

.qaItems dl dt a {
    color: #222121;
    font-weight: bold;
    position: relative;
    padding-left: 30px;
    font-size: 121.5%;
    padding: 1em 30px 1em 30px;
    position: relative;
    display: block;
    text-decoration: none;
}

.qaItems dl dt a:after {
    content: "";
    background: url(https://kepco.jp/~/media/3E27A124D5304A0A8C879D88DA981648.ashx) center no-repeat;
    background-size: 100%;
    display: block;
    width: 19px;
    height: 25px;
    position: absolute;
    top: 1.2em;
    left: 0;
}

.qaItems dl dt a:after,
.qaItems dl dt a i {
    position: absolute;
    display: block;
    content: '';
    z-index: 2;
}

.qaItems dl dt a i {
    background: url(/~/media/Images/KepcpJp/Customer/images/service/move/icon_toggle.png) 0 0 no-repeat;
    background-size: 14px 28px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    right: 5px;
    top: 50%;
}

.qaItems dl dt a.active i {
    background: url(/~/media/Images/KepcpJp/Customer/images/service/move/icon_toggle.png) 0 -14px no-repeat;
    background-size: 14px 28px;
}

.qaItems dl dd {
    display: none;
}

.qaItems dl dd.active {
    display: block;
}

.qaCon {
    color: #666666;
    padding: 0 0 1.5em;
    overflow: hidden;
    position: relative;
    padding-left: 30px;
}

.qaCon p {
    /*  font-size: 15px;
  font-size: 1.5rem;*/
    line-height: 1.6;
}

.qaCon:after {
    content: "";
    background: url(https://kepco.jp/~/media/F7ED61FCBD5140D2A15C5C619DC7EF44.ashx) center no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 19px;
    height: 25px;
    margin-right: 0.4em;
    position: absolute;
    top: 0.45em;
    left: 0;
}

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

    .qaItems dl dt a:after {
        top: 1em;
    }

    .qaCon:after {
        top: 0.3em;
    }

}

.keyvisualBoxTit{
    color:#ffffff;
    font-weight:bold;
    position:absolute;
    top:50%;
    text-shadow:0 0 16px rgba(0, 0, 0, 0.35);
    font-size:142.9%;
    margin-top:-12px;
    left:5%;
}

.titLineSide{
    font-size:133.4%;
    font-weight:bold;
    margin-bottom:25px;
    color:#222121;
    padding-top: 2px;
    padding-left:0.5em;
    position:relative;
    line-height:1.3em;
    border-bottom:none;
}

.titLineSide:before{
    content:"";
    background-color:#eb6100;
    width:4px;
    display:inline-block;
    margin-bottom:-0.2em;
    margin-right:0.5em;
    position:absolute;
    left:0;
    top:0;
    bottom:0.1em;
}

.accordionTitle .titBold{
    padding: 10px 40px 10px 0;
}

.titBold{
    color: #666;
    font-size:135.8%;
    font-size:120%;
    font-weight:bold;
    margin-top:25px;
    margin-bottom:10px;
    padding-left: 0;
    line-height: 1.3;
}

.titBold.gBox{
    padding: 14px 10px;
}

.titBold:before{
    display: none;
}

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

    .keyvisualBoxTit{
        font-size:250%;
        left:65px;
        margin-top:-23px;
    }

    .titLineSide{
        font-size:157.2%;
        margin-bottom:25px;
        padding-left:0.5em;
    }

    .titLineSide .subTitle{
        display:block;
        font-size:66.7%;
    }

    .titLineSide:before{
        content:"";
        background-color:#eb6100;
        width:4px;
        display:inline-block;
        margin-bottom:-0.2em;
        margin-right:0.5em;
        position:absolute;
        left:0;
        top:0;
        bottom:0.1em;
    }

    .accordionTitle .titBold{
        padding: 10px 40px 10px 5px;
    }

    .titBold{
        font-size:135.8%;
        margin-top:25px;
        margin-bottom:10px;
        padding-left: 10px;
    }

    .titBold.gBox{
        padding: 14px 15px 14px 15px;
    }

}