@charset "UTF-8";


/*-------------------------------------------

    0. anker--reset
    1. anker--type01
    2. anker--type02
    3. anker--type03

    -------------------------------------------*/


/* anker--reset
----------------------------------------------------------------*/









/* anker--type01
----------------------------------------------------------------*/

.edit-area.type01 {
}
.edit-area.type01 .inner {}
.edit-area.type01 .after-blue {
    position: relative;
    padding: 40px 0 100px;
}
.edit-area.type01 .after-blue:after {
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
}
.edit-area.type01 .after-blue.is-active:after {
    width: calc( 100% - 68px );
}
.edit-area.type01 .p_style01 {
    margin-bottom: 100px;
}
.edit-area.type01 .h_style03 {}

.edit-area.type01 .box {}
.edit-area.type01 .box:first-child {
    margin-bottom: 40px;
}
.edit-area.type01 .box dt {
    font-size: 2rem;
    margin-bottom: 10px;
}
.edit-area.type01 .box dd {
    /* width: 86%; */
    background-color: #FFF;
    padding: 34px 40px;
}
.edit-area.type01 .box dd ul {
    font-size: 1.6rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    line-height: 2;
}
.edit-area.type01 .box dd ul:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.edit-area.type01 .box dd ul li {
    /* float: left; */
    width: 30%;
}
.edit-area.type01 .box dd ul li.sizel {
    width: 70%;
}

/* 1460px~ */
@media screen and (min-width: 1460px) {
    .edit-area.type01 .inner.after-blue.is-active:after {
        width: calc( 100% - 200px );
    }
}

/* hover */
@media screen and (min-width: 1024px) {}

/* ~ipad pro */
@media screen and (max-width: 1024px) {
    .edit-area.type01 {}
    .edit-area.type01 .inner {}
    .edit-area.type01 .inner.after-blue {}
    .edit-area.type01 .inner.after-blue:after {}
    .edit-area.type01 .p_style01 {}
    .edit-area.type01 .h_style03 {}
    .edit-area.type01 .box {}
    .edit-area.type01 .box:first-child {}
    .edit-area.type01 .box dt {}
    .edit-area.type01 .box dd {}
    .edit-area.type01 .box dd ul {}
    .edit-area.type01 .box dd ul:after {}
    .edit-area.type01 .box dd ul li {
    width: 50%;
}
    .edit-area.type01 .box dd ul li.sizel {
    width: 100%;
}
}

/* ~sp */
@media screen and (max-width: 767px) {
    .edit-area.type01 {}
    .edit-area.type01 .inner {}
    .edit-area.type01 .inner.after-blue {
    padding: 20px 0 60px;
}
    .edit-area.type01 .inner.after-blue.is-active:after {}
    .edit-area.type01 .p_style01 {
    margin-bottom: 60px;
}
    .edit-area.type01 .h_style03 {}
    .edit-area.type01 .box {}
    .edit-area.type01 .box:first-child {}
    .edit-area.type01 .box dt {}
    .edit-area.type01 .box dd {
    padding: 7% 5%;
}
    .edit-area.type01 .box dd ul {}
    .edit-area.type01 .box dd ul:after {}
    .edit-area.type01 .box dd ul li {
    width: 100%;
}
    .edit-area.type01 .box dd ul li.sizel {}
}

/* ~sp sizeL */
@media screen and (max-width: 425px) {}




/* anker--type02
----------------------------------------------------------------*/

.edit-area.type02 {
    padding: 100px 0;
}
.edit-area.type02 .inner {}
.edit-area.type02.before-white {}
.edit-area.type02.before-white:before {
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
}
.edit-area.type02.before-white.is-active:before {
    width: calc( 100% - 68px - 90px );
}
.edit-area.type02.after-blue {}
.edit-area.type02.after-blue:after {
    width: 100%;
    height: 100%;
    top: 0;
}
.edit-area.type02 .box:first-child {
    margin-bottom: 80px;
}
.edit-area.type02 .box .h_style03 {}
.edit-area.type02 .box .p_style01 {}
.edit-area.type02 .box .li-style01 {}
.edit-area.type02 .box .li-style01 li {}
.edit-area.type02 .box .li-style02 {}
.edit-area.type02 .box .li-style02 li {}

/* 1460px~ */
@media screen and (min-width: 1460px) {
    .edit-area.type02.before-white.is-active:before {
        /* width: calc( 100% - 200px - 90px ); */
    }
}

/* ~ipad pro */
@media screen and (max-width: 1024px) {
    .edit-area.type02 {}
    .edit-area.type02 .inner {}
    .edit-area.type02.before-white {}
    .edit-area.type02.before-white:before {}
    .edit-area.type02.after-blue {}
    .edit-area.type02.after-blue:after {}
    .edit-area.type02 .box:first-child {}
    .edit-area.type02 .box .h_style03 {}
    .edit-area.type02 .box .p_style01 {}
    .edit-area.type02 .box .li-style01 {}
    .edit-area.type02 .box .li-style01 li {}
    .edit-area.type02 .box .li-style02 {}
    .edit-area.type02 .box .li-style02 li {}
}

/* ~sp */
@media screen and (max-width: 767px) {
    .edit-area.type02 {
    padding: 60px 0;
}
    .edit-area.type02 .inner {}
    .edit-area.type02.before-white {}
    .edit-area.type02.before-white.is-active:before {
        width: 85%;
    }
    .edit-area.type02.after-blue {}
    .edit-area.type02.after-blue:after {}
    .edit-area.type02 .box:first-child {
    margin-bottom: 60px;
}
    .edit-area.type02 .box .h_style03 {}
    .edit-area.type02 .box .p_style01 {}
    .edit-area.type02 .box .li-style01 {}
    .edit-area.type02 .box .li-style01 li {}
    .edit-area.type02 .box .li-style02 {}
    .edit-area.type02 .box .li-style02 li {}
}





/* anker--type03
----------------------------------------------------------------*/

.edit-area.type03 {
    padding: 160px 0 260px;
}
.edit-area.type03.before-white {}
.edit-area.type03.before-white:before {
    width: 90%;
    height: 0;
    top: 100px;
    left: 0;
    right: 0;
    margin: auto;
}
.edit-area.type03.before-white.is-active:before {
    height: calc( 100% - 110px - 260px + 80px );
}

.edit-area.type03.after-blue {}
.edit-area.type03.after-blue:after {
    width: calc( 100% - 68px );
    height: 100%;
    top: 0;
    left: 0;
}

.edit-area.type03 .inner {}
.edit-area.type03 .box {
    text-align: center;
}
.edit-area.type03 .box .h_style04 {
    margin-bottom: 20px;
}
.edit-area.type03 .box dl {margin-bottom: 26px;}
.edit-area.type03 .box dl dt {
    font-size: 2.4rem;
    font-weight: 500;
}
.edit-area.type03 .box dl dd {}
.edit-area.type03 .box dl dd span {
    font-size: 1.4rem;
    display: block;
    letter-spacing: .25rem;
    margin-bottom: 12px;
}
.edit-area.type03 .box dl dd a {
    font-size: 5.6rem;
    padding-left: 45px;
    background-image: url(../../common/img/parts/tel-icon.png);
    background-repeat: no-repeat;
    background-position: 0 60%;
    background-size: auto 40px;
    line-height: 1;
}
.edit-area.type03 .p_style02 {
    text-align: left;
    display: inline-block;
}
.edit-area.type03 .btn_style02 {
    width: 80%;
    margin: 0 auto;
}


/* hover */
@media screen and (min-width: 1024px) {}

/* 1460px~ */
@media screen and (min-width: 1460px) {
    .edit-area.type03.after-blue:after {
        width: calc( 100% - 200px );
    }
}

/* ~ipad pro */
@media screen and (max-width: 1024px) {
    .edit-area.type03 {}
    .edit-area.type03.before-white {}
    .edit-area.type03.before-white:before {}
    .edit-area.type03.after-blue {}
    .edit-area.type03.after-blue:after {}
    .edit-area.type03 .inner {}
    .edit-area.type03 .box {}
    .edit-area.type03 .box .h_style04 {}
    .edit-area.type03 .box dl {}
    .edit-area.type03 .box dl dt {}
    .edit-area.type03 .box dl dd {}
    .edit-area.type03 .box dl dd span {}
    .edit-area.type03 .box dl dd a {}
    .edit-area.type03 .p_style02 {
    width: 90%;
}
}

/* ~sp */
@media screen and (max-width: 767px) {
    .edit-area.type03 {
    padding: 100px 0 170px;
}
    .edit-area.type03.before-white {}
    .edit-area.type03.before-white:before {
        width:94%;
    }
    .edit-area.type03.before-white.is-active:before {
    top: 60px;
    height: calc( 100% - 100px - 150px + 70px );
}
    .edit-area.type03.after-blue {}
    .edit-area.type03.after-blue:after {}
    .edit-area.type03 .inner {}
    .edit-area.type03 .box {}
    .edit-area.type03 .box .h_style04 {}
    .edit-area.type03 .box dl {}
    .edit-area.type03 .box dl dt {
    font-size: 2rem;
}
    .edit-area.type03 .box dl dd {}
    .edit-area.type03 .box dl dd span {
    font-size: 1.2rem;
    letter-spacing: .2rem;
}
    .edit-area.type03 .box dl dd a {
    font-size: 3rem;
    background-size: auto 70%;
    padding-left: 22px;
}
    .edit-area.type03 .p_style02 {}

    .edit-area.type03 .btn_style02 {
        width: 90%;
    }
}

/* ~sp sizeL */
@media screen and (max-width: 425px) {}