@charset "utf-8";
/* =============================== 
common
================================ */


/* =============================== 
header
================================ */
.header_box{
    display: none;                          /* 詳細ページでは非表示：h1対策のため */
}

.menu_decoration {
    width: 10.5rem;
    height: 10.5rem;
    background-image: url(../images/common/piece.svg);
    background-repeat: no-repeat;
    border-radius: 40% 70% 70% 70%;
  
    position: absolute;
    top: 1.4rem;
    right: 26rem;
}

.back_button{
    color: white;
    font-size: 6.4rem;
    font-weight: var(--fontExtraBold);
    line-height: 1;
    display: inline;
}

/* レスポンシブ */
/* tablet */
@media screen and (max-width: 1370px) {
    .menu_decoration {
        right: 10rem;
    }
}

/* sp */
@media screen and (max-width: 922px) {

}

/* sp コンテンツ幅を下回る時 */
@media screen and (max-width: 764px) {
    .menu_decoration {
        width: 13.7vw;
        height: 13.7vw;

        top: 1.8vw;
        right: 14vw;
    }

    .back_button{
        font-size: clamp(2rem ,8.4vw , 6.4rem);
    }
}

/* =============================== 
main
================================ */
/* 共通 */
.unit_box{
    width: 63rem;                       /* pc */
    height: auto;
    font-size: 1.6rem;
}

.contents_image{
    padding: 2rem;
    /* border: 0.1rem solid var(--primary-darkGreen); */
}

.contents_image img{
    margin-bottom: 2rem;
}

.contents_image img:last-child{
    margin-bottom: 0;
}

.topic_h3 {
    font-size: 2.0rem;
    margin-bottom: 1rem;
    color: var(--primary-darkGreen);
}

.indent{
    display: block;
    margin-bottom: 4rem;
}

.line_gap{
    display: block;
    content: "";
    margin-bottom: 0.8rem;
}

.items_box {
    line-height: 2;
    margin-bottom: 4rem;
    list-style:inside;
    text-indent: -1.5em;
    padding-left: 1.5em;
}

.link_decoration{
    color: var(--primary-linkBlue);
    text-decoration: underline;
}

.demo{
    font-size: 1.8rem;
}

/* レスポンシブ */
/* tablet */
@media screen and (max-width: 1370px) {
    .unit_box{
        width: 48.5%;
    }

    .items.logo {
        width: 50%;
    }
}

/* sp */
@media screen and (max-width: 922px) {
    .contents_text {
        margin-bottom: 2rem;
    }

    .contents_box{
        flex-direction: column-reverse;
    }

    .unit_box{
        width: 100%;
    }

    .items.logo {
        width: 18.6rem;
    }
}

/* sp コンテンツ幅を下回る時 */
@media screen and (max-width: 764px) {
    .contents_text {
        margin-bottom: clamp(1rem, 2.6vw , 2rem);
    }
    
    .topic_h3 {
        font-size: clamp(1.4rem, 2.6vw, 2rem);
        margin-bottom: 1rem;
    }
    
    .indent{
        font-size: clamp(1.2rem, 2.1vw, 1.6rem);
        margin-bottom: clamp(2rem, 5.24vw, 4rem);
    }

    .items_box  {
        font-size: clamp(1.2rem, 2.1vw, 1.6rem);
        margin-bottom: clamp(2rem, 5.24vw, 4rem);
    }

    .demo{
        font-size: clamp(1.3rem, 2.35vw, 1.8rem);
    }
}