@charset "utf-8";
/* CSS Document */

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

ポスティング業務ページの指示

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

section#posting_work {
    background: linear-gradient(135deg, white 0%, white 45%, #93ab1b59 95%, #93ab1b59 100%);
}

section#posting_plan {
    background: #f8f8f8;
}

#posting_plan .back {
    width: 100%;
    background: #fff;
    border-radius: 20px;
    padding: 35px;
    box-sizing: border-box;
}

#posting_work .mainbox {
    margin: 50px 0;
}

#posting_work .sabbox {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#posting_work .sabbox a {
    border: 1px solid #93ab1b;
    background: white;
    padding: 10px 2%;
    width: calc((100% - 5%) / 4);
    text-align: center;
    text-decoration: none;
    color: #93ab1b;
}

#posting_work .sabbox a:hover {
    border: 1px solid #93ab1b;
    background: #93ab1b;
    color: white;
}

.postingwork {
    margin: 60px auto 0;
}

.box50{
    height: 50px;
}


@media screen and (max-width:767.98px) {
    #posting_work .sabbox {
        flex-wrap: wrap;
    }
    
    #posting_work .sabbox a {
        width: calc((100% - 10px)/2);
        margin-bottom: 10px;
    }
}




@media screen and (max-width:767.98px) {
#posting_plan .back {
    padding: 10px;
}
}





#Page-posting .title span.point-sub {
    color: #93ab1b;
    font-size: 22px;
    font-family: arial;
    font-weight: 700;
    display: block;
    margin: 0 0 15px 0;
    letter-spacing: 0.1rem;
}

.priceSheet {
    padding-top: 40px;
    padding-bottom: 40px;
}
.price-attention {
    max-width: 960px;
    margin: 40px auto 0;
}

.price-attention p {
    font-size: 90%;
}

.grid-container {
      display: grid;
      grid-template-columns: repeat(2, 1fr); /* 横4マス */
      grid-template-rows: repeat(7, 1fr);    /* 縦3マス */
      width: 100%;
      gap: 3px;
      max-width: 700px;
    height: 300px;
    }

    .grid-item {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
    }

.grid-item:nth-child(1) {
    background-color: rgba(147,171,27,.6);
}
.grid-item:nth-child(2){
    background-color: #e5e5e5;
}
.grid-item:nth-child(3),
.grid-item:nth-child(5),
.grid-item:nth-child(7),
.grid-item:nth-child(9),
.grid-item:nth-child(11),
.grid-item:nth-child(13) {
    background-color: rgba(147,171,27,.3);
}
.grid-item:nth-child(4),
.grid-item:nth-child(6),
.grid-item:nth-child(8),
.grid-item:nth-child(10),
.grid-item:nth-child(12),
.grid-item:nth-child(14) {
    background-color: rgba(229,229,229,.3);
}

/*------------------------------------------------------------------------------------------------------------------*/
.pointBox {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}

.point02 .pointBox {
    flex-direction: column-reverse;
}

.pointBox .inner-img {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 30px auto;
}

.pointBox .inner-text {
    width: 100%;
}

.pointBox .inner-text mark {
    background-color: rgba(147,171,27,.3);
}

@media screen and (min-width: 992px) {
    .pointBox {
        flex-direction: row;
        column-gap: 40px;
    }
    
    .point02 .pointBox {
        flex-direction: row;
        column-gap: 40px;
    }
    .pointBox .inner-img {
        width: 380px;
    }
    
    .pointBox .inner-text {
        width: calc( 100% - 420px);
    }
}
/*------------------------------------------------------------------------------------------------------------------*/

.posting-target {
    
}

.targetBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
}

.targetBox .inner {
    width: 95%;
    margin: 0 auto 30px auto;
}


@media screen and (min-width: 992px) {
    .targetBox {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    
    .targetBox .inner {
        width: 30%;
    }
}





#Page-posting .naishoku-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px auto;
}
#Page-posting .naishoku-title p {
    text-align: center;
}
#Page-posting .naishoku-title p::before {
    content: "";
    display: block;
    width: 4rem;
    height: 2px;
    background: rgb(147,171,27);
    margin: 7px auto 7px;
}