/* ページネーション */
/* .page {
    justify-content: center;
    gap: 40px;
    margin-top: 100px;
}

.page-bt a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;

    color: #FAF8EE;
    font-family: Raleway;
    font-size: 24px;
    font-weight: 300;
    text-align: center;

    background-color: #009044;
    border: 1px solid #009044;

    transition: 0.4s ease-in-out;
}

.page-bt a:hover {
    color: #009044;
    background-color: #FAF8EE;
}


.page-bt.active a {
    color: #009044;
    background-color: #FAF8EE;
}

@media screen and (max-width:768px) {
    .page {
        margin-top: 80px;
    }
}

@media screen and (max-width:570px) {
    .page {
        gap: 20px;
    }
} */

/* 前のページ・次のページ */
.page-bt-wrap{
justify-content: space-around;
}
.page-bt-wrap .page-bt.none{
     visibility: hidden;
  pointer-events: none;
}
.page-bt-wrap .page-bt a{
    transition: .4s ease-in-out;
}
.page-bt-wrap .page-bt a:hover{
color: #009044;
}

/* 実績一覧にもどるボタン */
.dtworks-bt-wrap {
    text-align: center;
    margin-top: 100px;
}

.dtworks-bt a {
    font-size: 20px;
    padding: 10px 30px;
    border: 1px solid #313131;
    transition: 0.4s ease-in-out;
}

.dtworks-bt a:hover {
    color: #FAF8EE;
    background-color: #009044;
    border: #009044;
}

@media screen and (max-width:768px) {
    .detailWorks {
        margin-top: 60px;
        padding-bottom: 60px;
    }
}

/* -----------------------------詳細全ページ共通ここまで----------------------------------------- */



/* バナー・グラフィック詳細ページ共通 */
.detailWorks {
    text-align: center;
    margin-top: 80px;
    padding-bottom: 80px;
    border-bottom: 2px solid #D0FAE1;
}

.detailWorks:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}

.detailWorks-title {
    font-size: 36px;
    line-height: normal;
    margin-bottom: 40px;
     word-break: keep-all;
     overflow-wrap: break-word;
}

.detailWorks-img-wrap {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 40px;
}

.detailWorks-textDt {
    max-width: 440px;
    width: 40.74%;
    text-align: left;
}

.detailWorks-textCc {
    max-width: 560px;
    width: 51.85%;
    text-align: left;
}

.detailWorks-textTitle {
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #FEE0D9;
}

.detailWorks-textTitle::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #FEE0D9;
    margin-right: 10px;
}

.detailWorks-li-wrap {
    margin-top: 20px;
}


.detailWorks-li dt {
    position: relative;
    padding-left: 15px;
    font-weight: 500;
}

.detailWorks-li dt::before {
    position: absolute;
    top: 0.75em;
    left: 0;
    content: "";
    display: inline-block;
    width: 10px;
    height: 5px;
    border-radius: 40%;
    background-color: #FEE0D9;
    margin-right: 5px;
    vertical-align: middle;
}

.detailWorks-li dd {
    padding-left: 2em;
}



.detailWorks-textCc p {
    margin-bottom: 10px;
}

.detailWorks-textCc p::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #313131;
    margin-right: 5px;
    vertical-align: middle;
}

@media screen and (max-width:950px) {
    .detailWorks-text {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .detailWorks-textDt,
    .detailWorks-textCc {
        max-width: 600px;
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    .detailWorks-title {
        font-size: 32px;
    }

    .detailWorks-textDt,
    .detailWorks-textCc {
        width: 90%;
    }

    .detailWorks-img-wrap {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

}

@media screen and (max-width:570px) {
    .detailWorks-title {
        font-size: 28px;
    }

    .detailWorks-textDt,
    .detailWorks-textCc {
        width: 95%;
    }

    .detailWorks-textTitle {
        font-size: 20px;
    }
}


/* Webサイト詳細ページ共通 */
.site-title {
    font-size: 36px;
}

.site-title::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #009044;
    margin-right: 10px;
}

.site-link a {
    margin-left: 30px;
    vertical-align: middle;
    color: #E84444;
}

.site-mv {
    margin-top: 30px;
    margin-bottom: 120px;
}

.site-dt-wrap {
    margin-bottom: 120px;
    gap: 40px;
}

.site-dt {
    max-width: 680px;
        width: 54.84%;
}

.site-dt-li1 {
    margin-top: 1em;
}

.site-dt-li2Wrap {
    display: inline-block;
    margin-top: 60px;
    margin-left: 2em;
    padding: 40px 50px;
    background-color: #FEE0D9;
}

.site-dt-li2 {
    display: flex;
    align-items: flex-start;
    word-break: keep-all;
    overflow-wrap: break-word;
}
.site-dt-li2.column {
    flex-direction: column;
}

.site-dt-li2 dt {
    position: relative;
    font-weight: 500;
}

.site-dt-li2 dt::before {
    position: absolute;
    top: 0.75em;
    left: -8px;
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #313131;
    margin-right: 3px;

}

.site-dt-img {
    max-width: 480px;
    width: 48.28%;
}

.site-Cc-wrap {
    gap: 40px;
}

.site-Cc-text {
    max-width: 680px;
        width: 54.84%;
}

.site-Cc-text p {
    margin-bottom: 1.5em;
}

.site-Cc-li1 {
    margin-bottom: 70px;
}

.site-Cc-li2 p::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #313131;
    margin-right: 5px;
    vertical-align: middle;
}

.site-Cc-li2Item {
    margin-bottom: 2.5em;
}

.site-Cc-li2Item h4 {
    display: inline-block;
    font-weight: 500;
    padding: 5px 10px;
    background-color: #FEE0D9;
    margin-bottom: 0.5em;
}

.site-Cc-li2Item p{
    margin-bottom: 1.25em;
}

.site-Cc-img {
    height: 680px;
    overflow: auto;
    border: 1px solid #aaa;
}


.site-overall {
    margin-top: 150px;
    padding-bottom: 80px;

    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-around;
    column-gap: 80px;
    row-gap: 120px;
}

@media screen and (max-width:950px) {
    .site-title-wrap {
            flex-direction: column;
        }

    .site-title {
        font-size: 32px;
    }

    .site-dt-wrap {
        flex-direction: column-reverse;
        align-items: center;
        margin-bottom: 80px;
    }

    .site-dt {
        width: 90%;
    }

    .site-dt-li2Wrap {
        margin-left: auto;
        margin-right: auto;
    }

    .site-dt-img {
        width: auto;
    }

    .site-Cc-wrap {
        justify-content: center;
    }

    .site-Cc-img {
        display: none;
    }

    .site-Cc-text {
        width: 90%;
    }

    .site-overall {
        padding: 0 20px 80px;
    }
}

@media screen and (max-width:768px) {
    .site-title {
        font-size: 28px;
    }
}

@media screen and (max-width:570px) {
    .site-title {
        font-size: 24px;
    }
     .site-title::before{
        width: 20px;
        height: 20px;
     }

    .site-dt-li2Wrap{
        padding: 40px 30px;
    }
    .site-dt-li2 {
        flex-direction: column;
    }
    .site-dt-li2 dd {
        margin-left: 1em;
    }
}

/* -----------------ページ共通ここまで----------------------------------- */


/* ---------------------ページ固有のCSS---------------------------------- */

/* バナー1ページ */
.fitness-img-leftWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
}

/* バナー2ページ */
.hanabi-img-wrap {
    gap: 40px;
}

@media screen and (max-width:1300px) {
    .hanabi-img-wrap {
        flex-direction: column;
        align-items: center;
    }
}

/* グラフィック1ページ */
.graphic1_01_imgWrap img{
    width: 45%;
    max-width: 380px;
}
.graphic1_02_imgWrap img{
    width: 80%;
    max-width: 440px;
}
@media screen and (max-width:599px) {
    .graphic1_01_imgWrap img{
    width: 60%;
}
}

/* サイト5ページ */
.site5 .site-mv,
.site5 .site-overall img {
    border: 1px solid #9f9f9f;
}