@import url('/denki/assets/css/top/top_pc.css') screen and (min-width: 769px);
@import url('/denki/assets/css/top/top_sp.css') screen and (max-width: 768px);

/*===========================================================
+-----+// sec_con02
===========================================================*/

#sec_con02 .explanation_area p{
    text-align: left;
}

/*===========================================================
+-----+// explanation
===========================================================*/
.explanation_area{
    padding: 20px 0;
    border-top: solid 2px #e8e8e8;
    border-bottom: solid 2px #e8e8e8;
    text-align: left;
}

.explanation_area h3{
    font-weight: bold;
}

.explanation_area a{
    word-break: break-all;
}

.learn_more {
    white-space: nowrap;
    position: relative;
}
.learn_more a{
    padding-right: 25px;
    background: url(/denki/assets/img/common/arrow_o03.svg) right top 10px no-repeat;
    background-size: 10px auto;
}
.learn_more a.clickBtn_on0{
    background: url(/denki/assets/img/common/arrow_o02.svg) right top 10px no-repeat;
    background-size: 10px auto;
}
.learn_more span{
    display: block;
    width: 34px;
    height: 40px;
    position: absolute;
    z-index: 2;
    left: calc(50% - 17px);
    bottom: -22px;
    background: url(/denki/assets/img/common/icon_plus02.svg) center top no-repeat;
    background-size: 34px auto;
}

.explanation_color {
    color: #E30000;
}

.explanation_detail dl:not(:first-child),
.explanation_detail dt:not(:first-child),
.explanation_detail ul:not(:first-child),
.explanation_detail p:not(:first-child) {
    margin-top: 1em;
}