@charset "UTF-8";

/*---------------------------------
　style1.css  サイトの基本設定, 共通設定, モジュールの設定, パーツの設定
　style2.css  header.php, footer.php, page-front.php
★style3.css  個別ページ
---------------------------------*/
.dummy{
    height: 2000px;
    background-color: rgb(102, 101, 100);
}


/* ================================================================================
>>トップページの項目設定
================================================================================ */
/*-- 共通設定 --*/

/*-- KV --*/
@media screen and (min-width: 768px){
    .topKV{
        margin-bottom: 20px;
    }
    .topKV img{
        padding: 20px;
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }
}
@media screen and (max-width: 767px){
    .topKV{
        margin-bottom: 20px;
    }
    .topKV img{
        padding: 15px;
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }
}

/*-- moduleNewsList-top --*/


    .moduleNewsList-top__List{
    border-top: solid 1px #aaaaaa;
    }
@media screen and (min-width: 768px){
    .moduleNewsList-top__item{
        display: flex;
        gap:10px 100px;
        padding: 15px 20px;
        border-bottom: solid 1px #aaaaaa;
        text-decoration: none;
    }
}
@media screen and (max-width: 767px){
    .moduleNewsList-top__item{
        display: block;
        gap:10px 100px;
        padding: 15px 20px;
        border-bottom: solid 1px #aaaaaa;
        text-decoration: none;
    }
}
    .moduleNewsList-top__date{
    display: flex;
    align-items: center;
    }
    .moduleNewsList-top__date time{
        font-size: 1.4rem;
    }
    .moduleNewsList-top__title{
        display: flex;
        align-items: center;
    }
    .moduleNewsList-top__title p{
        font-size: 1.8rem;
        font-weight: 700;
    }
    .moduleNewsList-top__more{
        display: flex;
        justify-content: flex-end;
        padding-top: 5px;
        font-weight: 500;
    }
    .moduleNewsList-top__more a{
        text-decoration: none;
    }

/*-- WORK --*/
@media screen and (min-width: 768px){
.moduleWorkList-top__list{
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(300px, 1fr));
    gap:50px 20px;
}
}
@media screen and (max-width: 767px){
.moduleWorkList-top__list{
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(260px, 1fr));
    gap:20px 20px;
}
}
.moduleWorkList-top__more{
    display: flex;
    justify-content: flex-end;
    padding-top: 5px;
    font-weight: 500;
}
.moduleWorkList-top__more a{
    text-decoration: none;
}
/* moduleCardはstyle1へ */

/*-- ABOUT --*/
@media screen and (min-width: 768px){
    .moduleAbout-common__block{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 3.2rem;
    }
    .moduleAbout-common__aboutImg{
        display: flex;
        align-items: center;
        width: 25%;
        min-width: 350px;
        border-top: solid 1px #bbb6a2;
        border-left: solid 1px #bbb6a2;
    }
    .moduleAbout-common__aboutImg img{
        padding: 20px;
    }
    .moduleAbout-common__description{
        width: 70%;
        min-width: 688px;
        padding-left: 30px;
        margin-top: 16px;
    }
    .moduleAbout-common__descriptionHeading{
        margin-bottom: 2.4rem;
    }
    .moduleAbout-common__descriptionHeadingName{
        font-size: 2.8rem;
        font-weight: 500;
        margin-bottom: 0rem;
    }
    .moduleAbout-common__descriptionHeadingNameRuby{
        font-size: 1.2rem;
        padding-left: 0.2rem;
    }
    .moduleAbout-common__descriptionText p{
        margin-bottom: 0.8rem;
    }
}
@media screen and (max-width: 767px){
    .moduleAbout-common__block{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 3.2rem;
    }
    .moduleAbout-common__aboutImg{
        display: flex;
        align-items: center;
        border-top: solid 1px #bbb6a2;
        border-left: solid 1px #bbb6a2;
    }
    .moduleAbout-common__aboutImg img{
        padding: 20px;
    }
    .moduleAbout-common__description{
        padding-left: 1.6rem;
        margin-top: 0.4rem;
    }
    .moduleAbout-common__descriptionHeading{
        margin-bottom: 0.8rem;
    }
    .moduleAbout-common__descriptionHeadingName{
        font-size: 2.8rem;
        font-weight: 500;
        margin-bottom: 0rem;
    }
    .moduleAbout-common__descriptionHeadingNameRuby{
        font-size: 1.2rem;
        padding-left: 0.2rem;
    }
    .moduleAbout-common__descriptionText p{
        margin-bottom: 0.8rem;
    }
}
/* CONTACT */
@media screen and (min-width: 768px){
    .moduleContact-top__links{
        display: flex;
        justify-content: center;
    }
    .moduleContact-top__block{
        width: 50%;
        padding: 24px 10px 0px 10px;
    }
    .moduleContact-top__block h5{
        padding-left: 1.6rem;
        margin-bottom: 0px;
    }
    .moduleContact-top__blockInner{
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .moduleContact-top__blockInner .moduleMediumbtn{
        margin-top:10px;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .moduleContact-top__blockInner .moduleMediumbtn_inner{
        width: 90%;
        text-align: center;
    }
    .moduleContact-top__border{
        margin-top: 24px;
        border-left: solid 1px #bbb6a2;
    }
}
@media screen and (max-width: 767px){
    .moduleContact-top__links{
        display: block;
        justify-content: center;
    }
    .moduleContact-top__block{
        padding: 24px 10px 0px 10px;
    }
    .moduleContact-top__block h5{
        padding-left: 1.6rem;
        margin-bottom: 0px;
    }
    .moduleContact-top__blockInner{
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .moduleContact-top__blockInner .moduleMediumbtn{
        margin-top:10px;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .moduleContact-top__blockInner .moduleMediumbtn_inner{
        width: 90%;
        text-align: center;
    }
    .moduleContact-top__border{
        margin-top: 24px;
        border-top: solid 1px #bbb6a2;
    }
}
/* ================================================================================
>>static-page(固定ページ)の共通設定
================================================================================ */
.commonMainContents{
    margin-top: 100px;
}

/* ================================================================================
>>page-contactの設定
================================================================================ */
.pageContact-common__container{
    margin-bottom: 50px;
}
.pageContact-common__description{
    margin: -1.2rem 0rem 2.4rem 0.8rem;
}

@media screen and (min-width: 768px){
        .pageContact-common__heading{
        margin-left: 1.6rem;
        margin-bottom: 3.2rem;
    }
    .pageContact-common__heading h4{
        padding-left: 0.4rem;
        margin-bottom: 0px;
        border-left: 3px solid var(--subFontColor1__light);
    }
    .pageContact-common__heading p{
        padding-left: 3.2rem;
    }
}
@media screen and (max-width: 767px){
    .pageContact-common__heading{
        margin-left: 0.8rem;
        margin-bottom: 3.2rem;
    }
    .pageContact-common__heading h4{
        padding-left: 0.4rem;
        margin-bottom: 0px;
        border-left: 3px solid var(--subFontColor1__light);
    }
    .pageContact-common__heading p{
        padding-left: 0.4rem;
    }
}
.pageContact-common__block{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.pageContact-common__formContainer{
    display: block;
     text-align: center;
     width: 100%;
    background-color: #f1eddb;
    border-radius: 10px;
    padding: 20px 20px;
    margin: 0px 3.6rem;
}
.pageContact-common__formContainer p{
    margin: 16px 0px;
}
.pageContact-common__formContainer span{
    font-size: clamp(1.6rem, 3vw, 3.0rem);
    font-weight: 700;
}
@media screen and (min-width: 768px){
    .pageContact-common__block .moduleMediumbtn_inner{
        min-width: 400px;
        text-align: center;
    }
}
@media screen and (max-width: 767px){
    .pageContact-common__block .moduleMediumbtn_inner{
        text-align: center;
    }
}
/* CONTACTFORM7 */

/* ================================================================================
>>page-404の設定
================================================================================ */
.page404-common{
    display: flex;
    justify-content: center;
}
.page404-common__inner{
    margin: 200px 0px;
    text-align: center;
}
.page404-common__inner span{
    font-size: 4.8rem;
    font-weight: 600;
    margin-bottom: 10px;
}
.page404-common__btn{
    display: flex;
    justify-content: center;
    margin-top: 4.8rem;
}

/* ================================================================================
>>page-singleの設定
================================================================================ */
.setWidth-pcSingleNormal{
    padding: 0px 3.5%;
    width: 100%;
}
.setWidth-pcSingleFull{
    width: 100%;
}
.pageSingle-common{
    display: flex;
    justify-content: center;
}
.pageSingle-common__inner{
    width: 100%;
    max-width: 1000px;
    border: solid 1px #bbb6a2;
}
.pageSingle-common__categories{
    display: flex;
    margin-bottom: 4.8rem;
}
.pageSingle-common__categories a{
    display: block;
    padding: 0px 8px;
    margin: 0px 6px;
    line-height: 1.6rem;
    font-size: 1.2rem;
    text-decoration: none;
    margin-top: -1px;
    border-top: solid 3px var(--subFontColor1__dark);
}
.pageSingle-common__categories a:hover{
    border-top: solid 3px var(--subFontColor1__light);
}
.pageSingle-common__thumbnail{
    margin-bottom: 1.6rem;
}
.pageSingle-common__thumbnail img{
    width: 100%;
    height: auto;

}
.pageSingle-common__heading img{
    width: 100%;
    margin: 0px -20px 8px 0px;
}
.pageSingle-common__heading h3{
    margin-bottom: 8px;
}
.pageSingle-common__info{
    line-height: 1.6rem;
}
.pageSingle-common__infoBlock{
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}
.pageSingle-common__infoHeading{
    width: 70px;
}
.pageSingle-common__infoHeading p{
    font-size: 1.4rem;
}
.pageSingle-common__terms{
    display: flex;
        flex-wrap: wrap;
    gap: 0.4rem 0.8rem;
}
.pageSingle-common__infoBlock time{
    font-size: 1.4rem;
}
.pageSingle-common__centerLine{
    margin: 48px 2.5%;
    border-top: solid 1px #bbb6a2;
}
.pageSingle-common__mainContent{
    margin:0px 0px 40px 0px;
}
.pageSingle-common__mainContent p{
    margin-bottom: 8px;
}
.pageSingle-common__mainContent img{
    margin: 0px auto 8px 0px;
    width: 100%;
    height: auto;
}
.pageSingle-common__retuenbtn{
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

/* ================================================================================
>>page-simpleの設定
================================================================================ */
.pageSimple p{
    padding-bottom: 0.8rem;
}
.pageSimple li{
    list-style-type: disc;
    margin-left: 3rem;
    padding-bottom: 0.8rem;
}
.pageSimpleContent{
    padding: 1.6rem 00rem 0rem 0.8rem;
}