/*service*/
#service {
    width:100%;
    margin-top:min( 5vw,70px);
    margin-right:auto;
    margin-left:auto;
}

/*--------------------serviceレスポンシブ----------------------------------------------*/
@media screen and (max-width:768px){
    #service {
        margin-top:clamp(30px,15vw,50px);
        margin-bottom:0;
        margin-right:auto;
        margin-left:auto;
    }
    .service_p {
        text-align: left;
        width:88%;
        margin:6vw auto;
    }
    .service_h {
        width:88%;
        margin:0 auto;
    }
}

/*----------------------------フルフィルメント事業部----------------------------------*/
.fullfilment_01_parent {
    width:88%;
    max-width:1000px;
    margin-top: min(3vw ,50px);
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.fullfilment_01_child {
    /*width:23.906vw;
    height:33.984vw;*/
    width:306px;
    height:435px;
    position:relative;
    margin-bottom:3rem;
}
.fullfilment_01_child::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom,transparent 25%,#4169e1);
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    left: 0;
}
.back01 {
    background-image: url(../images/full_img01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
}
.back02 {
    background-image: url(../images/full_img02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
}
.back03 {
    background-image: url(../images/full_img03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
}
.fullfilment_01_child_text {
    position: absolute;
    left:0;
    bottom:0;
    padding: 1.5rem;
    color: #fff;
}
.fullfilment_01_child_text h4 {
    font-size:1.7rem;
}
.fullfilment_01_child_text p {
    font-size:1.5rem;
}
.number_01 {
    font-size:5rem;
    font-family: 'Roboto', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
    font-weight: 800;
    color:rgba(0,0,0,.0);
    -webkit-text-stroke: 1px #FFF;
}
.fullfilment_02,.ec_01 {
    width:100%;
    background-image: url(../images/fullfilment_back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding:4rem 1rem;
}
.fullfilment_02 {
    margin-top: min(8vw ,100px);
}
.ec_01 {
    margin-top: min(5vw ,60px);
}
.fullfilment_02_3,.ec_01_3 {
    font-family: 'Noto Sans JP', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
    text-align: center;
    padding:1rem;
    font-size:2.4rem;
}
.fullfilment_02_parent {
    width:88%;
    max-width:1000px;
    margin:1vw auto 2vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.fullfilment_02_child {
    width: 300px;
    height: 300px;
    background-color: #fff;
    padding:2.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.fullfilment_02_child h4 {
    text-align: center;
    font-size:1.8rem;
    font-family: 'Noto Sans JP', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
    letter-spacing: .1em;
    padding-top:45%;
    position: relative;
}
.fullfilment_02_child h4::before {
    content: "";
    display: inline-block;
    background-size: contain;
    position:absolute;
    top:10%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.fullfilment_ico01::before {
    width: 100px;
    height:95px;
    background: url(../images/full_ico01.svg) no-repeat center;
}
.fullfilment_ico02::before {
    width: 100px;
    height: 100px;
    background: url(../images/full_ico02.svg) no-repeat center;
}
.fullfilment_ico03::before {
    width: 110px;
    height: 100px;
    background: url(../images/full_ico03.svg) no-repeat center;
}
.fullfilment_ico04::before {
    width: 100px;
    height: 100px;
    background: url(../images/full_ico04.svg) no-repeat center;
}
.fullfilment_ico05::before {
    width: 120px;
    height: 100px;
    background: url(../images/full_ico05.svg) no-repeat center;
}
.fullfilment_ico06::before {
    width: 100px;
    height: 100px;
    background: url(../images/full_ico06.svg) no-repeat center;
}
.fulfillment_contact {
    width:100%;
    background:linear-gradient(45deg, rgba(71,166,246,1) ,rgba(17,43,198,1) ,#87cefa);
    /*background: -moz-linear-gradient(left,  rgba(71,166,246,1) 0%, rgba(17,43,198,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(71,166,246,1) 0%,rgba(17,43,198,1) 100%);
    background: linear-gradient(to right,  rgba(71,166,246,1) 0%,rgba(17,43,198,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87cefa', endColorstr='#4169e1',GradientType=1 );*/
    background-size: 200% 200%;
    animation: bggradient 10s ease infinite;
    text-align: center;
    padding-top: min(1.5vw ,25px);
    padding-bottom: min(2vw ,30px);
    color: #fff;
}
.arrow_l {
    font-size:8rem;
}
.f_large {
    font-size:2.5rem;
    letter-spacing: .1em;
    font-family: 'Noto Sans JP', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
@keyframes bggradient{
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
}
.fulfillment_tel {
    font-size:4.5rem;
    font-family: 'Roboto', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
    font-weight: 700;
    margin-top:1vw;
}
.fulfillment_tel a {
    color:#fff;
    display: inline-block;
    padding-left: 4rem;
    position: relative;
}
.fulfillment_tel a:hover {
    opacity:.7;
}
.fulfillment_tel a::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f879';
    position:absolute;
    left:0;
    top:1rem;
    bottom:0;
    margin:auto;
    color:#fff;
    font-size:3.2rem;
}
.fullfilment_03 {
    width:78.125vw;
    max-width:1000px;
    margin-top: min(8vw ,90px);
    margin-bottom:min( 9vw,120px);
    margin-right: auto;
    margin-left: auto;
}
.fullfilment_03_parent {
    width:100%;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
}
.fullfilment_03_img {
    width:35.156vw;
    /*height:255px;*/
    max-width:450px;
    max-height:255px;
    overflow:hidden;
}
.fullfilment_03_img img {
    width:100%;
}
.fullfilment_03_text {
    width: calc(78.125vw - 35.156vw);
    max-width:530px;
    padding:1rem 2rem 2rem;
}
.fullfilment_03_text h3 {
    display: flex;
    align-items: center;
    font-family: 'Noto Sans JP', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
    font-size:clamp(1.5rem,2vw,2rem);
}
.number_03 {
    font-size:clamp(2rem,6vw,6rem);
    font-family: 'Roboto', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
    font-weight: 800;
    color:rgba(0,0,0,.0);
    -webkit-text-stroke: 1px #4169e1;
    padding-right:1rem;
}
.fullfilment_03_other {
    width:100%;
    background-color: #fff;
    margin-top: min(2.8vw ,30px);
    padding:3rem;
}
.fullfilment_03_other h3 {
    text-align: center;
    font-size:min(2.5vw,2.8rem);
}
.other_list {
    display: flex;
    justify-content: space-between;
}
.fullfilment_03_other ul {
    width:48%;
    padding:0!important;
}
.fullfilment_03_other ul li {
    list-style-type:none;
    position: relative;
    padding-left:1rem;
}
.fullfilment_03_other ul li::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f0da';
    position:absolute;
    left:0;
    top: 3px;
    bottom:0;
    margin:auto;
    color:#4169e1;
    font-size:1.2rem;
}
.partner {
    margin-top: min(3vw ,60px);
}
.partner-wrap {
    display: flex;
    justify-content:space-between;
}
.partner-box {
    margin-top: min(3vw ,40px);
    text-align: center;
    width:48%;
}

/*--------------------フルフィルレスポンシブ----------------------------------------------*/
@media screen and (max-width:768px){
    .fullfilment_01_parent {
        width:88%;
        margin-top: min(3vw ,50px);
        margin-right: auto;
        margin-left: auto;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .fullfilment_01_child {
        /*width:23.906vw;
        height:33.984vw;*/
        width:45%;
        height:60vw;
        position:relative;
        margin-bottom:2rem;
    }
    .fullfilment_01_child::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to bottom,transparent 25%,#4169e1);
        mix-blend-mode: multiply;
        position: absolute;
        top: 0;
        left: 0;
    }
    .back01 {
        background-image: url(../images/full_img01.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position:center;
    }
    .back02 {
        background-image: url(../images/full_img02.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position:center;
    }
    .back03 {
        background-image: url(../images/full_img03.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position:center;
    }
    .fullfilment_01_child_text {
        position: absolute;
        left:0;
        bottom:0;
        padding: 1.5rem;
        color: #fff;
    }
    .fullfilment_01_child_text h4 {
        font-size:clamp(1.5rem,2vw ,1.8rem);
    }
    .fullfilment_01_child_text p {
        font-size:clamp(1.3rem,2vw ,1.5rem);
    }
    .number_01 {
        font-size:clamp(3rem,5vw ,5rem);
        font-family: 'Roboto', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
        font-weight: 800;
        color:rgba(0,0,0,.0);
        -webkit-text-stroke: 1px #FFF;
    }
    .fullfilment_02,.ec_01 {
        width:100%;
        background-image: url(../images/fullfilment_back.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding:2rem;
    }
    .fullfilment_02 {
        margin-top: min(8vw ,100px);
    }
    .ec_01 {
        margin-top: min(5vw ,60px);
    }
    .fullfilment_02_3,.ec_01_3 {
        font-family: 'Noto Sans JP', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
        text-align: center;
        padding:1rem;
        font-size:clamp(1.5rem,3vw,2.1rem);
    }
    .fullfilment_02_parent {
        width:100%;
        margin:1vw auto 2vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .fullfilment_02_child {
        width: 39.063vw;
        height: 39.063vw;
        min-width: 240px;
        min-height: 240px;
        background-color: #fff;
        padding:2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .fullfilment_02_child h4 {
        text-align: center;
        font-size:clamp(1.5rem,2vw,1.7rem);
        font-family: 'Noto Sans JP', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
        letter-spacing: .1em;
        padding-top:45%;
    }
    .fullfilment_02_child h4::before {
        content: "";
        display: inline-block;
        background-size: contain;
        position:absolute;
        top:10%;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .fullfilment_ico01::before {
        width: 13.021vw;
        height:12.37vw;
        min-width: 80px;
        min-height:75px;
        background: url(../images/full_ico01.svg) no-repeat center;
    }
    .fullfilment_ico02::before {
        width: 13.021vw;
        height: 13.021vw;
        min-width: 80px;
        min-height:80px;
        background: url(../images/full_ico02.svg) no-repeat center;
    }
    .fullfilment_ico03::before {
        width: 14.323vw;
        height: 13.021vw;
        min-width: 90px;
        min-height:80px;
        background: url(../images/full_ico03.svg) no-repeat center;
    }
    .fullfilment_ico04::before {
        width: 13.021vw;
        height: 13.021vw;
        min-width: 80px;
        min-height:80px;
        background: url(../images/full_ico04.svg) no-repeat center;
    }
    .fullfilment_ico05::before {
        width: 15.625vw;
        height: 13.021vw;
        min-width: 100px;
        min-height:80px;
        background: url(../images/full_ico05.svg) no-repeat center;
    }
    .fullfilment_ico06::before {
        width: 15.625vw;
        height: 13.021vw;
        min-width: 100px;
        min-height:80px;
        background: url(../images/full_ico06.svg) no-repeat center;
    }
    .fulfillment_contact {
        width:100%;
        background:linear-gradient(45deg, rgba(71,166,246,1) ,rgba(17,43,198,1) ,#87cefa);
        /*background: -moz-linear-gradient(left,  rgba(71,166,246,1) 0%, rgba(17,43,198,1) 100%);
        background: -webkit-linear-gradient(left,  rgba(71,166,246,1) 0%,rgba(17,43,198,1) 100%);
        background: linear-gradient(to right,  rgba(71,166,246,1) 0%,rgba(17,43,198,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87cefa', endColorstr='#4169e1',GradientType=1 );*/
        background-size: 200% 200%;
        animation: bggradient 10s ease infinite;
        text-align: center;
        padding-top: min(1.5vw ,25px);
        padding-bottom: min(2vw ,30px);
        color: #fff;
    }
    .arrow_l {
        font-size:5rem;
    }
    .f_large {
        font-size:clamp(1.7rem,2vw,2rem);
        letter-spacing: .1em;
        font-family: 'Noto Sans JP', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
    }
    @keyframes bggradient{
        0% {
          background-position: 0% 50%;
        }
        50% {
          background-position: 100% 50%;
        }
        100% {
          background-position: 0% 50%;
        }
    }
    .fulfillment_tel {
        font-size:clamp(3rem,5vw,4.5rem);
        font-family: 'Roboto', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
        font-weight: 700;
        margin-top:1vw;
    }
    .fulfillment_tel a {
        color:#fff;
        display: inline-block;
        padding-left: 7vw;
        position: relative;
    }
    .fulfillment_tel a:hover {
        opacity:.7;
    }
    .fulfillment_tel a::before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: '\f879';
        position:absolute;
        left:0;
        top:1vw;
        bottom:0;
        margin:auto;
        color:#fff;
        font-size:clamp(2.5rem,4vw,3rem);
    }
    
    .fullfilment_03_other {
        width:100%;
        background-color: #fff;
        margin-top: clamp(20px,2.8vw ,30px);
        padding:2rem;
    }
    .fullfilment_03_other h3 {
        text-align: center;
        font-size:clamp(1.5rem,4vw,2.4rem);
    }
    .other_list {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .fullfilment_03_other ul {
        width:100%;
        margin-top:0!important;
        margin-bottom:0!important;
    }
    .fullfilment_03_other ul li {
        list-style-type:none;
        position: relative;
        padding-left:1rem;
    }
    .fullfilment_03_other ul li::before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: '\f0da';
        position:absolute;
        left:0;
        top: 3px;
        bottom:0;
        margin:auto;
        color:#4169e1;
        font-size:1.2rem;
    }
}
@media screen and (max-width:540px){
    .fullfilment_01_parent {
        width:88%;
        margin-top: min(3vw ,50px);
        margin-right: auto;
        margin-left: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
    }
    .fullfilment_01_child {
        /*width:23.906vw;
        height:33.984vw;*/
        width:100%;
        height:96vw;
        position:relative;
        margin-bottom:2rem;
    }
    .fullfilment_01_child::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to bottom,transparent 25%,#4169e1);
        mix-blend-mode: multiply;
        position: absolute;
        top: 0;
        left: 0;
    }
    .back01 {
        background-image: url(../images/full_img01.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position:center;
    }
    .back02 {
        background-image: url(../images/full_img02.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position:center;
    }
    .back03 {
        background-image: url(../images/full_img03.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position:top;
    }
    .fullfilment_01_child_text {
        position: absolute;
        left:0;
        bottom:0;
        padding: 1.5rem;
        color: #fff;
    }
    .fullfilment_01_child_text h4 {
        font-size:clamp(1.5rem,2vw ,1.9rem);
    }
    .fullfilment_01_child_text p {
        font-size:clamp(1.3rem,2vw ,1.6rem);
    }
    .number_01 {
        font-size:clamp(4rem,6vw ,6rem);
        font-family: 'Roboto', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
        font-weight: 800;
        color:rgba(0,0,0,.0);
        -webkit-text-stroke: 1px #FFF;
    }
    .fullfilment_03 {
        width:88%;
        max-width:1000px;
        margin-top: min(8vw ,90px);
        margin-bottom:min( 9vw,120px);
        margin-right: auto;
        margin-left: auto;
    }
    .fullfilment_03_parent {
        width:100%;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom:1.5rem;
    }
    .fullfilment_03_img {
        width:100%;
        height:47.222vw;
        min-width:250px;
        min-height:151px;
        position: relative;
    }
    .fullfilment_03_img img {
        width:100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .fullfilment_03_text {
        width: 100%;
        max-width:530px;
        padding:1rem 2rem 2rem;
    }
    .fullfilment_03_text h3 {
        display: flex;
        align-items: center;
        font-family: 'Noto Sans JP', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
        font-size:clamp(1.7rem,2vw,2rem);
    }
    .number_03 {
        font-size:clamp(3rem,6vw,6rem);
        font-family: 'Roboto', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
        font-weight: 800;
        color:rgba(0,0,0,.0);
        -webkit-text-stroke: 1px #4169e1;
        padding-right:1rem;
    }
    .partner {
        margin-top:40px;
    }
    .partner-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .partner-box {
        margin-top: min(3vw ,40px);
        text-align: center;
        width:100%;
    }
}

/*----------------------------EC事業部（一部フルフィルと共通）----------------------------------*/
.ec_01_parent {
    position: relative;
    width:90%;
    max-width:900px;
    height:500px;
    margin:0 auto;
}
.ec_01_img {
    position:absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.ec_01_text {
    position:absolute;
    width:60%;
    max-width:520px;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background-color:#fff;
    padding-top:clamp(2rem,4vw,4rem);
    padding-bottom:clamp(2rem,4vw,4rem);
    padding-right:clamp(1rem,4vw,2rem);
    padding-left:clamp(1rem,4vw,2rem);
    display: flex;
    justify-content: center;
}
.ec_01_text ul {
    list-style-type: none;
    padding:0;
    margin: 0;
}
.ec_01_text ul li {
    font-size:clamp(1.5rem,2vw,1.8rem);
    font-family: 'Noto Sans JP', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
    font-weight: 400;
    margin-bottom:1.2rem;
    padding-left:2.5rem;
    position: relative;
}
.ec_01_text ul li::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f00c';
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    color:#87cefa;
  }
.ec_02_other {
    width:100%;
    margin-top: clamp(20px,2.8vw ,30px);
    display: flex;
    justify-content: space-between;
}
.ec_02_other_box {
    width:17.188vw;
    height:17.188vw;
    max-width:220px;
    max-height:220px;
    background-color: #fff;
    text-align: center;
}
.ec_02_other_box h4 {
    text-align: center;
    font-size:clamp(1rem,2vw,1.5rem);
    font-family: 'Noto Sans JP', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
    letter-spacing: .05em;
    padding-top:60%;
    position: relative;
}
.ec_02_other_box h4::before {
    content: "";
    display: inline-block;
    background-size: contain;
    position:absolute;
    top:15%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.ec_02_ico01::before {
    width: 7.813vw;
    height:7.422vw;
    max-width: 100px;
    max-height:95px;
    background: url(../images/ec_service05.svg) no-repeat center;
}
.ec_02_ico02::before {
    width: 7.813vw;
    height:7.422vw;
    max-width: 100px;
    max-height:95px;
    background: url(../images/ec_service06.svg) no-repeat center;
}
.ec_02_ico03::before {
    width: 7.813vw;
    height:7.422vw;
    max-width: 100px;
    max-height:95px;
    background: url(../images/ec_service07.svg) no-repeat center;
}
.ec_02_ico04::before {
    width: 6.641vw;
    height:6.641vw;
    max-width: 85px;
    max-height:85px;
    background: url(../images/ec_service08.svg) no-repeat center;
}
.ec_03 {
    width:100%;
    background-color: #fff;
    margin-top: min(9vw ,100px);
    padding-top:clamp(4rem,8vw,8rem);
    padding-bottom:clamp(5rem,10vw,10rem);
    padding-right:0;
    padding-left:0;
}
.ec_03 h3 {
    font-size:clamp(2rem,4vw,2.7rem);
}
.ec_03_parent {
    width:88%;
    max-width:1000px;
    margin: 5rem auto 0;
    display: flex;
    justify-content: space-between;
}
.ec_03_child {
    width:48%;
    max-width:460px;
}
.ec_03_child img {
    width:100%;
    box-shadow: 3px 3px 5px #ccc;
}
.ec_02_child h4 {
    font-size:1.8rem;
}
.ec_03_child_url a {
    margin-top:1rem;
    font-size:1.8rem;
    color: #4169e1;
}
.ec_03_child_url a:hover {
    margin-top:1rem;
    font-size:1.8rem;
    color: #87cefa;
}

/*--------------------ECレスポンシブ----------------------*/
@media screen and (max-width:768px){
    .ec_01_parent {
        position:inherit;
        width:88%;
        height:auto;
        margin:0 auto;
    }
    .ec_01_img {
        position:inherit;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        width:100%;
        margin:0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .ec_01_text {
        position:inherit;
        width:100%;
        max-width:1000px;
        margin:0 auto;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        padding:1.5rem 1rem 1rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .ec_01_text ul {
        list-style-type: none;
        padding-inline-start: 0;
        width:90%;
        margin: 0 auto;
    }
    .ec_01_text ul li {
        font-size:clamp(1.5rem,3vw,1.7rem);
        font-family: 'Noto Sans JP', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
        font-weight: 400;
        margin-bottom:1rem;
        padding-left:2.5rem;
        position: relative;
    }
    .ec_01_text ul li::before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: '\f00c';
        position:absolute;
        left:0;
        top:0;
        bottom:0;
        margin:auto;
        color:#87cefa;
      }
    .ec_02_other {
        width:100%;
        margin-top: min(2.8vw ,30px);
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .ec_02_other_box {
        width:28.646vw;
        height:28.646vw;
        min-width:180px;
        min-height:180px;
        background-color: #fff;
        text-align: center;
        margin-bottom: 1.5rem;
    }
    .ec_02_other_box h4 {
        text-align: center;
        font-size:clamp(1.4rem,2vw,1.6rem);
        font-family: 'Noto Sans JP', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
        letter-spacing: .1em;
        padding-top:60%;
        position: relative;
    }
    .ec_02_other_box h4::before {
        content: "";
        display: inline-block;
        background-size: contain;
        position:absolute;
        top:20%;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .ec_02_ico01::before {
        width: 13.021vw;
        height:12.37vw;
        min-width: 80px;
        min-height:75px;
        max-width: 100px;
        max-height:95px;
        background: url(../images/ec_service05.svg) no-repeat center;
    }
    .ec_02_ico02::before {
        width: 13.021vw;
        height:12.37vw;
        min-width: 80px;
        min-height:75px;
        max-width: 100px;
        max-height:95px;
        background: url(../images/ec_service06.svg) no-repeat center;
    }
    .ec_02_ico03::before {
        width: 13.021vw;
        height:12.37vw;
        min-width: 80px;
        min-height:75px;
        max-width: 100px;
        max-height:95px;
        background: url(../images/ec_service07.svg) no-repeat center;
    }
    .ec_02_ico04::before {
        width: 11.068vw;
        height: 11.068vw;
        min-width: 70px;
        min-height:70px;
        max-width: 85px;
        max-height:85px;
        background: url(../images/ec_service08.svg) no-repeat center;
    }
    .ec_03 {
        width:100%;
        background-color: #fff;
        margin-top: clamp(4rem,4.8vw ,5rem);
        padding-top: clamp(3rem,4vw ,4rem);
        padding-bottom: clamp(3rem,4vw ,4rem);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .ec_03_parent {
        width:88%;
        margin: 0 auto;
        padding-bottom: clamp(2.5rem,2.8vw ,3rem);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .ec_03_child {
        width:100%;
        margin: 0 auto;
        padding-top: clamp(2rem,2.3vw ,2.5rem);
    }
    .ec_03_child img {
        width:100%;
    }
    .ec_02_child h4 {
        font-size:1.7rem;
    }
}

/*----------------------------クラファン事業部（一部フルフィルと共通）----------------------------------*/
.crowd_text {
    width:88%;
    max-width:1000px;
    margin: 3rem auto 0;
    text-align: left;
}
.crowd_chart {
    width:640px;
    margin: 8rem auto 0;
}
.about_crowd {
    width:100%;
    background-color:#fff;
    margin-top:10rem;
    padding:8rem 0;
}
.about_crowd ul {
    width:640px;
    margin:0 auto;
    list-style-type: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.about_crowd ul li {
    width:190px;
}
.about_crowd_text {
    width:1000px;
    margin:3rem auto 0;
    font-size:1.5rem;
}
.price_wrap {
    width:70%;
    max-width:620px;
    min-width:500px;
    margin:5rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.price_child {
    background-color: #fff;
    width:48%;
    max-width:290px;
    padding:3rem 1rem;
    text-align: center;
    border:1px solid #4169e1;
}
.noto {
    font-family: 'Noto Sans JP', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
}
.price_text {
    font-size:clamp(3rem,4vw,4rem);
}
.price_kome {
    font-size:1.4rem
}
/*--------------------クラファンレスポンシブ----------------------*/
@media screen and (max-width:768px){
    .crowd_text {
        width:88%;
        margin: 3rem auto 0;
        text-align: left;
    }
    .crowd_chart {
        width:88%;
        margin: 4rem auto 0;
    }
    .about_crowd {
        width:100%;
        background-color:#fff;
        margin-top:7rem;
        padding:4rem 0;
    }
    .about_crowd ul {
        width:90%;
        margin:0 auto;
        list-style-type: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-wrap: wrap;
        padding: 0!important;
    }
    .about_crowd ul li {
        width:190px;
    }
    .about_crowd_text {
        width:88%;
        margin:3rem auto 0;
        font-size:1.5rem;
    }
}
@media screen and (max-width:660px){
    .price_wrap {
        width:88%;
        min-width:auto;
        max-width:auto;
        margin:3rem auto 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .price_child {
        background-color: #fff;
        width:100%;
        padding:2rem;
        text-align: center;
        border:1px solid #4169e1;
        margin-bottom:2rem;
    }
    .noto {
        font-family: 'Noto Sans JP', YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
        font-weight: 600;
        letter-spacing: .08em;
    }
    .price_text {
        font-size:3rem
    }
    .price_kome {
        font-size:1.3rem
    }
}