@charset 'UTF-8';
.clear{
clear:both;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */


.eff-sec
{
    width: 1020px;
    margin: 0 auto;
}

@media print, screen and (max-width: 768px)
{
    .eff-sec
    {
        width: 100%;
    }
}

.eff-sec > h2
{
    font-family: '丸フォーク B', serif;
    font-size: 25px;
    font-weight: 600;

    width: calc(100% - 15px);
    margin-bottom: 50px;
    padding: 16px 0 16px 15px;

    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    background-color: #ffd7c2;
}

@media print, screen and (max-width: 768px)
{
    .eff-sec > h2
    {
        font-size: 5.16vw;

        width: 96.875%;
        margin-bottom: 9.375%;
        padding: 7.03% 0 7.03% 3.125%;
    }
}

.eff-sec .eff-content
{
    width: 900px;
    margin: 0 auto 70px;
}

@media print, screen and (max-width: 768px)
{
    .eff-sec .eff-content
    {
        width: 100%;
    }
}

.eff-sec .eff-content .eff-contentBox
{
    width: 900px;
    margin: 0 auto 50px;
}

@media print, screen and (max-width: 768px)
{
    .eff-sec .eff-content .eff-contentBox
    {
        width: 100%;
        margin: 0 auto 12.5%;
    }
}

.eff-sec .eff-content .eff-contentBox .eff-contentTtlWrp
{
    width: 100%;
    margin: 0 auto 35px;
}

@media print, screen and (max-width: 768px)
{
    .eff-sec .eff-content .eff-contentBox .eff-contentTtlWrp
    {
        margin: 0 auto 6.25%;
    }
}

.eff-sec .eff-content .eff-contentBox .eff-contentTtlWrp > h3
{
    width: 100%;

    text-align: center;
}

.eff-sec .eff-content .eff-contentBox .eff-contentTtlWrp > h3 > .ttl01
{
    width: 52%;
}

@media print, screen and (max-width: 768px)
{
    .eff-sec .eff-content .eff-contentBox .eff-contentTtlWrp > h3 > .ttl01
    {
        width: 89.65438%;
    }
}

.eff-sec .eff-content .eff-contentBox .eff-contentTtlWrp > h3 > .ttl02
{
    width: 52.723%;
}

@media print, screen and (max-width: 768px)
{
    .eff-sec .eff-content .eff-contentBox .eff-contentTtlWrp > h3 > .ttl02
    {
        width: 93.14266%;
    }
}

.eff-sec .eff-content .eff-contentBox .eff-contentTtlWrp > h3 > .ttl03
{
    width: 34.79567%;
}

@media print, screen and (max-width: 768px)
{
    .eff-sec .eff-content .eff-contentBox .eff-contentTtlWrp > h3 > .ttl03
    {
        width: 61.67188%;
    }
}

.eff-sec .eff-content .eff-contentBox .eff-contentTtlWrp > p
{
    font-family: '丸フォーク B', serif;
    font-size: 32px;
    line-height: 1.575;

    margin-bottom: 10px;

    text-align: center;
}

@media print, screen and (max-width: 768px)
{
    .eff-sec .eff-content .eff-contentBox .eff-contentTtlWrp > p
    {
        font-size: 6.25vw;
    }
}

.eff-sec .eff-content .eff-contentBox .eff-content_txt
{
    font-size: 18px;
    line-height: 1.75;

    width: 67.77778%;
    margin: 0 auto 30px;

    text-align: left;
}

@media print, screen and (max-width: 768px)
{
    .eff-sec .eff-content .eff-contentBox .eff-content_txt
    {
        font-size: 3.59vw;
        width: 82.8125%;
        margin: 0 auto 6.25%;
    }
}

/*.eff-sec .eff-content .eff-contentBox .eff-graphBox{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 94.44444%;
    padding: 35px 25px 45px 25px;
    background-color: #ffebe1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}*/
.eff-sec .eff-content .eff-contentBox .eff-graphBox{
    width: 900px;
    padding: 40px 30px 70px 50px;
    background-color: #ffebe1;
    box-sizing: border-box;
}

.eff-graphBox01{
    margin-bottom: 40px;
}
.eff-graphBox01 dt{
    width: 360px;
    float: left;
}
.eff-graphBox02 dt{
    width: 360px;
    padding-top: 20px;
    float: left;
}
.eff-graphBox01 dt img,
.eff-graphBox02 dt img,
.eff-graphBox02 dd img{
    width: 100%;
}
.eff-graphBox01 dd{
    font-size: 17px;
    line-height: 1.75;
    margin-left: 410px;
    padding-top: 165px;
}
.eff-graphBox02 dd{
    margin-left: 390px;
}


@media print, screen and (max-width: 768px){
    /*.eff-sec .eff-content .eff-contentBox .eff-graphBox{
        flex-direction: column;
        width: 100%;
        padding: 2.34375% 0 5.46875%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }*/
    .eff-sec .eff-content .eff-contentBox .eff-graphBox{
        width: 100%;
        padding: 5% 4% 8%;
        /*background-color: #ffebe1;
        box-sizing: border-box;*/
    }
    
    .eff-graphBox01{
        margin-bottom: 6%;
    }
    .eff-graphBox01 dt{
        width: 100%;
        float: none;
    }
    .eff-graphBox02 dt{
        width: 100%;
        padding-top: 0px;
        float: none;
    }
    /*.eff-graphBox01 dt img,
    .eff-graphBox02 dt img,
    .eff-graphBox02 dd img{
        width: 100%;
    }*/
    .eff-graphBox01 dd{
        width: 90%;
        font-size: 3.4vw;
        /*line-height: 1.75;*/
        margin: 0 auto;
        padding-top: 5%;
    }
    .eff-graphBox01 dd br{
        display: none;
    }
    .eff-graphBox02 dd{
        width: 90%;
        margin: 0 auto;
        padding-top: 8%;
        /*margin-left: 390px;*/
    }
}

/*.eff-sec .eff-content .eff-contentBox .eff-graphBox > img{
    width: 276px;
}

@media print, screen and (max-width: 768px){
    .eff-sec .eff-content .eff-contentBox .eff-graphBox > img{
        display: block;
        width: 93.75%;
        margin: 0 auto 1.5625%;
    }
}*/

.eff-sec .eff-content .eff-contentBox .eff-imgBox01
{
    width: 67.77778%;
    margin: 0 auto;
    padding-bottom: 10px;
}

@media print, screen and (max-width: 768px)
{
    .eff-sec .eff-content .eff-contentBox .eff-imgBox01
    {
        width: 82.8125%;
        padding-bottom: 0;
    }
}

.eff-sec .eff-content .eff-contentBox .eff-imgBox01 > .ttl
{
    font-size: 20px;
    font-weight: 600;
    line-height: 1.75;

    margin-bottom: 20px;
}

@media print, screen and (max-width: 768px)
{
    .eff-sec .eff-content .eff-contentBox .eff-imgBox01 > .ttl
    {
        font-size: 3.59375vw;
        line-height: 1.32;

        margin-bottom: 4.71698%;
    }
}

.eff-sec .eff-content .eff-contentBox .eff-imgBox01 > img
{
    width: 100%;
    margin-bottom: 10px;
}

@media print, screen and (max-width: 768px)
{
    .eff-sec .eff-content .eff-contentBox .eff-imgBox01 > img
    {
        margin-bottom: 3.77358%;
    }
}

.eff-sec .eff-content .eff-contentBox .eff-imgBox01 > .cap
{
    font-size: 13px;
    line-height: .97;
}

@media print, screen and (max-width: 768px)
{
    .eff-sec .eff-content .eff-contentBox .eff-imgBox01 > .cap
    {
        font-size: 3.59375vw;
        line-height: 1.75;
    }
}

.eff-sec .eff-content .eff-contentBox .eff-imgBox02
{
    width: 67.77778%;
    margin: 0 auto 40px;
}

@media print, screen and (max-width: 768px)
{
    .eff-sec .eff-content .eff-contentBox .eff-imgBox02
    {
        width: 82.8125%;
        margin: 0 auto 9.375%;
    }
}

@media print, screen and (max-width: 768px)
{
    .eff-sec .eff-content .eff-contentBox .eff-imgBox02 img
    {
        width: 100%;
    }
}

.eff-sec .eff-content .eff-contentBox .eff-pointBox
{
    width: 67.77778%;
    margin: 0 auto;
}

@media print, screen and (max-width: 768px)
{
    .eff-sec .eff-content .eff-contentBox .eff-pointBox
    {
        width: 100%;
    }
}

.eff-sec .eff-content .eff-contentBox .eff-pointBox > img
{
    display: block;

    width: 21.7541%;
    margin: 0 auto 5px;
}

@media print, screen and (max-width: 768px)
{
    .eff-sec .eff-content .eff-contentBox .eff-pointBox > img
    {
        width: 28.80391%;
        margin: 0 auto 3.90625%;
    }
}

.eff-sec .eff-content .eff-contentBox .eff-pointBox > p
{
    font-family: '丸フォーク B', serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.74;

    text-align: center;
}

@media print, screen and (max-width: 768px)
{
    .eff-sec .eff-content .eff-contentBox .eff-pointBox > p
    {
        font-size: 5.15625vw;
        line-height: 1.54;
    }
}

.eff-sec .eff-content .eff-contentBox .eff-pointBox > p > span
{
    display: inline-block;

    padding-right: 5px;
    padding-left: 5px;

    border-bottom: 1px solid #ff9c67;
}

@media print, screen and (max-width: 768px)
{
    .eff-sec .eff-content .eff-contentBox .eff-pointBox > p > span
    {
        padding-right: 1.875vw;
        padding-left: 1.875vw;
    }
}

.secTopPip
{
    width: 100%;
    margin: 80px auto 50px;
}

@media print, screen and (max-width: 768px)
{
    .secTopPip
    {
        width: 100%;
        margin: 7.8125% auto 12.5%;
    }
}

.secTopPip > a
{
    font-family: '丸フォーク B', serif;
    font-size: 20px;
    font-weight: 600;

    display: block;

    width: 250px;
    margin: 0 auto;
    padding: 10px 0;

    text-align: center;
    text-decoration: none;

    border: 1px solid #000;
    border-radius: 5.7px;
}

@media screen and (max-width: 768px)
{
    .secTopPip > a
    {
        font-size: 5.46vw;

        position: relative;

        width: 80.07%;
        padding: 5% 0 5% 13.3%;

        text-align: left;

        border-radius: 10.1px;
    }
}

@media screen and (max-width: 768px)
{
    .secTopPip > a:after
    {
        position: absolute;
        top: 0;
        right: 3.5%;
        bottom: 0;

        width: 2.76vw;
        height: 5.32vw;
        margin: auto 0;

        content: '';

        background-image: url(/elekiban/img/common/icon_arrow_right.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }
}

.secTopPip > a:hover
{
    opacity: .7;
    color: #000;
}