/* ▼secCmnHero背景 */
.secCmnHero::before{
    background-image: url(../img/works/imgCmnhero_bg.jpg);
}
@media only screen and (max-width:1215px){
    .secCmnHero::before{
        background-image: url(../img/works/imgCmnhero_bg_sp.jpg);
    }
}
/* secWorks */
.secWorks{
    border-top: 1px solid;
    border-color: var(--newsBorderColor);
    margin-top: 2rem;
}
@media only screen and (max-width:1215px){
    .secWorks{
        margin-top: 0.5rem;
    }
}

/* secWorks_Search */
.secWorks_Search{}


/* secWorks_List */
.secWorks_List{
    margin-top: 7.3rem;
}
.secWorks_List .list{
    display: flex;
    flex-wrap: wrap;
}
.secWorks_List .item{
    width: calc((100% - 9rem) / 3);
    margin-right: 4.5rem;
}
.secWorks_List .item:last-child,
.secWorks_List .item:nth-child(3n){
    margin-right: 0;
}
.secWorks_List .item:nth-child(n + 4){
    margin-top: 6.5rem;
}
.secWorks_List .workslink{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible;
    padding-bottom: 4.4rem;
}
.secWorks_List .secNewIcon{
    top: calc(0% - 1rem);
    right: 1rem;
}
.secWorks_List .linkInner{
    width: 100%;
}
.secWorks_List .imgArea{
    border-radius: 0.4rem;
}
.secWorks_List .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(480 / 480 * 100%);
    border-radius: 0.4rem;
    overflow: hidden;
    z-index: 1;
}
.secWorks_List .txtArea{
    text-align: left;
    width: 100%;
    margin-top: 2.4rem;
}
.secWorks_List .tit{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_34);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc(var(--pcFontSize20) * var(--pcLineHeight20_34) * 2);
}
.secWorks_List .tagbox{
    width: 100%;
    margin-top: 1.6rem;
}
.secWorks_List .taglist{
    display: block;
    overflow: hidden;
    max-height: calc(var(--pcFontSize13) * var(--pcLineHeight13_20) * 2 + (0.5rem * 2) + 0.4rem);
}
.secWorks_List .tags{
    display: inline-block;
    margin: 0.5rem 0.5rem 0 0;
    white-space: nowrap;
    max-width: 100%;
    position: relative;
}
.secWorks_List .tagtxt{
    position: relative;
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_20);
    min-height: calc(var(--pcFontSize13) * var(--pcLineHeight13_20));
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: middle;
}
.secWorks_List .tagtxt::before{
    content: "";
    width: calc(var(--pcFontSize13) * var(--pcLineHeight13_20));
    height: calc(var(--pcFontSize13) * var(--pcLineHeight13_20));
    border-radius: 50%;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 0.5rem;
}
.secWorks_List.lazyloaded .tagtxt::before{
    background: url(../img/common/img_tag_icon.png) no-repeat center center var(--priceColor);
    background-size: 0.8rem auto;
}
.secWorks_List .secMore_style{
    position: absolute;
    width: calc(100% - 15.5rem);
    bottom: 0;
    left: 0;
}
@media only screen and (max-width:1215px){
    .secWorks_List{
        margin-top: 2rem;
    }
    .secWorks_List .list{
        display: block;
    }
    .secWorks_List .item{
        width: 100%;
        margin-right: 0;
    }
    .secWorks_List .item:last-child,
    .secWorks_List .item:nth-child(3n){
        margin-right: 0;
    }
    .secWorks_List .item:nth-child(n + 2),
    .secWorks_List .item:nth-child(n + 4){
        margin-top: 3.4rem;
    }
    .secWorks_List .workslink{
        height:auto;
        padding-bottom: 3.3rem;
    }
    .secWorks_List .txtArea{
        margin-top: 1rem;
    }
    .secWorks_List .tit{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_34);
        max-height: calc(var(--spFontSize15) * var(--spLineHeight15_34) * 2);
    }
    .secWorks_List .tagbox{
        margin-top: 0.4rem;
    }
    .secWorks_List .taglist{
        max-height: calc(var(--spFontSize13) * var(--spLineHeight13_20) * 2 + (0.5rem * 2) + 0.4rem);
    }
    .secWorks_List .tagtxt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
        min-height: calc(var(--spFontSize13) * var(--spLineHeight13_20));
    }
    .secWorks_List .tagtxt::before{
        width: calc(var(--spFontSize13) * var(--spLineHeight13_20));
        height: calc(var(--spFontSize13) * var(--spLineHeight13_20));
    }
    .secWorks_List .secMore_style{
        width:100%;
    }
}
.secWorks:has(.secCmnIndexPager) .secWorks_List{
    border-bottom: 1px solid;
    border-color: var(--newsBorderColor);
    padding-bottom: 7rem;
}
@media only screen and (max-width:1215px){
    .secWorks:has(.secCmnIndexPager) .secWorks_List{
        padding-bottom: 3.4rem;
    }
}

/* secWorks_Search */
.secWorks_Search{
    margin-top: 4rem;
}
.secWorks_Search .searchTablist{
    width: 100%;
}
.secWorks_Search .tablist{
    display: flex;
}
.secWorks_Search .tabArea{
    width: calc((100% - 4rem) / 2);
    margin-right: 4rem;
    border-radius: 0.4rem;
    overflow: hidden;
    height: 100%;
}
.secWorks_Search .tabArea:nth-child(2n),
.secWorks_Search .tabArea:last-child{
    margin-right: 0;
}
.secWorks_Search .tablink{
    pointer-events: all;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
    height: 8rem;
    background-color: var(--textColor);
    color: #fff;
}
.secWorks_Search .linkInbox{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.secWorks_Search .linkIntxt{
    display: inline-block;
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_28);
    font-weight: bold;
    position: relative;
    padding-left:calc(0.8rem + 1.8rem);
    padding-right: calc(2rem + 1rem);
}
.secWorks_Search .linkIntxt::after{
    content: "";
    position: absolute;
    width: 1.8rem;
    height: 1.8rem;
    left: 0;
    top: calc(50% - 0.9rem);
}
.secWorks_Search.lazyloaded .linkIntxt::after{
    background: url(../img/works/imgSearch_tab_icon.png) no-repeat center center;
    background-size: 1.8rem auto;
}
.secWorks_Search .triggerIcon{
    position: absolute;
    width: 2rem;
    height: 2rem;
    right: 0;
    top: calc(50% - 1rem);
    border-radius: 50%;
    border: 1px solid;
    border-color: #fff;
}
.secWorks_Search .triggerIcon::before,
.secWorks_Search .triggerIcon::after{
    content: "";
    position: absolute;
    width: 1rem;
    height: 0.2rem;
    background-color: #fff;
    left: calc(50% - 0.5rem);
    top: calc(50% - 0.1rem);
    transition: 0.5s;
}
.secWorks_Search .triggerIcon::before{
    transform: rotate(90deg);
}
.secWorks_Search .trigger_box.on .triggerIcon::before{
    transform: rotate(0deg);
}
.secWorks_Search .trigger_Content{
    display: none;
}
@media only screen and (max-width:1215px){
    .secWorks_Search{
        margin-top: 2rem;
    }
    .secWorks_Search .searchTablist{
        width: 100%;
    }
    .secWorks_Search .tablist{
        display:block;
    }
    .secWorks_Search .tabArea{
        width: 100%;
        margin-right: 0;
    }
    .secWorks_Search .tabArea + .tabArea{
        margin-top: 1rem;
    }
    .secWorks_Search .tablink{
        height: 6rem;
    }
    .secWorks_Search .linkIntxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_20);
    }
}
.secWorks_Search .resulttxtbox{
    text-align: left;
    margin-top: 2.6rem;
}
.secWorks_Search .resulttxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    letter-spacing: var(--pcLetterSpacing16_50);
}
.secWorks_Search .resulttxt_num{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_30);
    font-weight: bold;
}
@media only screen and (max-width:1215px){
    .secWorks_Search .resulttxtbox{
        margin-top: 1.8rem;
    }
    .secWorks_Search .resulttxt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
    }
    .secWorks_Search .resulttxt_num{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_20);
    }
}


.secWorks_Search .result_Tagbox{
    width: 100%;
    background: var(--newsBorderColor_10);
    margin-top: 2.3rem;
    position: relative;
}
.secWorks_Search .taglistInner{
    text-align: left;
    display: flex;
    align-items: center;
    padding: 2rem 2rem;
    min-height: 8rem;
    height: 100%;
}
.secWorks_Search .taglist{
    flex: 1;
    padding-right: 3rem;
}
.secWorks_Search .tags{
    display: inline-block;
    margin: 0.5rem 0.5rem;
    margin-left: 0;
}
.secWorks_Search .tagtxt{
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_20);
}
.secWorks_Search .tagtxt::before{
    content: "";
    width: calc(var(--pcFontSize13) * var(--pcLineHeight13_20));
    height: calc(var(--pcFontSize13) * var(--pcLineHeight13_20));
    background-color: var(--priceColor);
    border-radius: 50%;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 0.5rem;
}
.secWorks_Search.lazyloaded .tagtxt::before{
    background: url(../img/common/img_tag_icon.png) no-repeat center center var(--priceColor);
    background-size: 0.8rem auto;
}
.secWorks_Search .clearbox{display: inline-block;height: 100%;}
.secWorks_Search .clearlink{
    display: inline-block;
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_20);
    color: var(--textColor);
    border-bottom: 1px solid;
    border-color: var(--textColor);
}
.secWorks_Search .clearlink_txt{
    display: inline-block;
    padding-bottom: 0.4rem;
}
@media only screen and (max-width:1215px){
    .secWorks_Search .result_Tagbox{
        margin-top: 1.5rem;
    }
    .secWorks_Search .taglistInner{
        padding: 1rem 1rem 1.4rem;
        min-height: 0;
        height: auto;
        display: block;
    }
    .secWorks_Search .taglist{
        padding-right: 0;
        width: 100%;
    }
    .secWorks_Search .tags{
        display: inline-block;
        margin: 0.5rem 0.5rem 0;
        margin-left: 0;
    }
    .secWorks_Search .tagtxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .secWorks_Search .tagtxt::before{
        width: calc(var(--spFontSize12) * var(--spLineHeight12_20));
        height: calc(var(--spFontSize12) * var(--spLineHeight12_20));
        margin-right: 0.5rem;
    }
    .secWorks_Search .clearbox{
        display: block;
        height: auto;
    }
    .secWorks_Search .clearlink{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_14);
    }
    .secWorks_Search .clearlink_txt{
        padding-bottom: 0.3rem;
    }
    .secWorks_Search .taglist + .clearbox{
        margin-top: 1.1rem;
    }
}

.secWorks_Search .trigger_Content{
    background-color: var(--pagerBorderOnColor);
}
.secWorks_Search .trigger_Inner{
    padding: 2rem;
}
.secWorks_Search .checkboxlist{
    display: flex;
    flex-wrap: wrap;
}
.secWorks_Search .checkboxitem{
    display: inline-block;
    margin: 0 0 1rem;
    margin-right: 1rem;
}
.secWorks_Search .checkboxlabel{
    position: relative;
    display: inline-block;
    pointer-events: all;
    cursor: pointer;
}
.secWorks_Search .trigger_checkbox{
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    visibility: hidden;
    left: 0;
    top: 0;
}
.secWorks_Search .checkbox_txt::before{
    content: "";
    position: absolute;
    width: calc(var(--pcFontSize16) * var(--pcLineHeight16_20));
    height: calc(var(--pcFontSize16) * var(--pcLineHeight16_20));
    left: 0;
    top: 0;
    border: 1px solid;
    border-color: var(--textColor);
    background-color: #fff;
    border-radius: 0.4rem;
}
.secWorks_Search .checkbox_txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_20);
    font-weight: bold;
    position: relative;
    padding-left: calc((var(--pcFontSize16) * var(--pcLineHeight16_20)) + 1rem);
    display: inline-block;
}
.secWorks_Search .trigger_checkbox:checked + .checkbox_txt::before{
    border-color: var(--priceColor);
}
.secWorks_Search.lazyloaded .trigger_checkbox:checked + .checkbox_txt::before{
    background: url(../img/works/img_check_icon.png) no-repeat center center #fff;
    background-size: 1.2rem auto;
}
.secWorks_Search .btnBox{
    max-width: 25rem;
    margin: 0 auto;
    margin-top: 1rem;
}
.secWorks_Search .btnSearch{
    display: flex;
    align-items: center;
    width: 100%;
    height: 5rem;
    border: 1px solid;
    border-color: var(--textColor);
    background-color: #fff;
    color: var(--textColor);
    border-radius: 5rem;
}
.secWorks_Search .btntxt{
    display: inline-block;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_20);
    font-weight: bold;
    text-align: center;
    width: 100%;
}
@media only screen and (max-width:1215px){
    .secWorks_Search .checkboxitem{
        margin: 0 0 1rem;
        margin-right: 0.5rem;
    }
    .secWorks_Search .checkbox_txt::before{
        width: calc(var(--spFontSize13) * var(--spLineHeight13_20));
        height: calc(var(--spFontSize13) * var(--spLineHeight13_20));
        top: -0.1rem;
    }
    .secWorks_Search .checkbox_txt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
        padding-left: calc((var(--spFontSize13) * var(--spLineHeight13_20)) + 0.8rem);
    }
    .secWorks_Search.lazyloaded .trigger_checkbox:checked + .checkbox_txt::before{
        background-size: 0.8rem auto;
    }
    .secWorks_Search .btnBox{
        max-width: 25rem;
        width: 100%;
        margin: 0 auto;
        margin-top: 1rem;
    }
    .secWorks_Search .btnSearch{
        height: 4rem;
    }
    .secWorks_Search .btntxt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
    }
}

/*-----------------------------------------------
    Details
-----------------------------------------------*/
/* secWorks_Details */
.secWorks_Details{
    margin-top: 2rem;
}

/* secWorks_Details_Title */
.secWorks_Details_Title{
    border-top: 1px solid;
    border-color: var(--newsBorderColor);
    padding-top: 7.2rem;
    position: relative;
    padding-bottom: 4.4rem;
}
.secWorks_Details_Title .engtitbox{
    display: inline-block;
    position: relative;
    padding-left: calc(3rem + 1.2rem);
}
.secWorks_Details_Title .engtitbox::after{
    content: "";
    position: absolute;
    width: 3rem;
    height: 1px;
    background-color: var(--textColor);
    left: 0;
    top: calc(50% - 0.2rem);
}
.secWorks_Details_Title .imgtitEng{
    width: 9.6rem;
}
.secWorks_Details_Title .titJpn{
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_40);
    font-weight: bold;
    margin-top: 2.1rem;
    width: 100%;
    letter-spacing: var(--pcLetterSpacing30_75);
}
.secWorks_Details_Title .txtbox{
    margin-top: 1rem;
}
.secWorks_Details_Title .txt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_30);
    letter-spacing: var(--pcLetterSpacing15_50);
}
.secWorks_Details_Title:has(.nametxt) .areatxt{
    padding-right: 1.6rem;
}
.secWorks_Details_Title .tagbox{
    width: 100%;
    margin-top: 2rem;
}
.secWorks_Details_Title .tagInner{
    display: flex;
}
.secWorks_Details_Title .tagtitbox{
    display: inline-block;
    padding-right: 1.3rem;
}
.secWorks_Details_Title .tagtit{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_20);
    letter-spacing: var(--pcLetterSpacing14_50);
}
.secWorks_Details_Title .tagArea{
    flex: 1;
}
.secWorks_Details_Title .taglist{
    width: 100%;
}
.secWorks_Details_Title .tags{
    display: inline-block;
    margin: 0 0.9rem 0.5rem;
    margin-left: 0;
}
.secWorks_Details_Title .tagtxt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_20);
    font-weight: bold;
}
.secWorks_Details_Title .tagtxt::before{
    content: "";
    width: calc(var(--pcFontSize15) * var(--pcLineHeight15_20));
    height: calc(var(--pcFontSize15) * var(--pcLineHeight15_20));
    border-radius: 50%;
    display: inline-block;
    vertical-align: text-bottom;
    background: url(../img/common/img_tag_icon.png) no-repeat center center var(--priceColor);
    background-size: 0.8rem auto;
    margin-right: 0.5rem;
}
@media only screen and (min-width:1216px){
    .secWorks_Details_Title .secNewIcon{
        bottom: calc(0% - 2.2rem);
        left: 0;
    }
}
@media only screen and (max-width:1215px){
    /* secWorks_Details */
    .secWorks_Details{
        margin-top: 0.5rem;
    }
    /* secWorks_Details_Title */
    .secWorks_Details_Title{
        padding-top: 2rem;
        padding-bottom: 2.3rem;
    }
    .secWorks_Details_Title .engtitbox{
        padding-left: calc(3rem + 0.5rem);
    }
    .secWorks_Details_Title .engtitbox::after{
        top: calc(50% - 0px);
    }
    .secWorks_Details_Title .imgtitEng{
        width: 5.8rem;
    }
    .secWorks_Details_Title .titJpn{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_25);
        margin-top: 1.2rem;
    }
    .secWorks_Details_Title .txtbox{
        margin-top: 0.4rem;
    }
    .secWorks_Details_Title .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .secWorks_Details_Title:has(.nametxt) .areatxt{
        padding-right:10px;
    }
    .secWorks_Details_Title .tagbox{
        margin-top: 0.7rem;
    }
    .secWorks_Details_Title .tagInner{
        display:block;
    }
    .secWorks_Details_Title .tagtitbox{
        display: block;
        width: 100%;
    }
    .secWorks_Details_Title .tagtit{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_15);
    }
    .secWorks_Details_Title .tagArea{
        width: 100%;
        margin-top: 0.8rem;
    }
    .secWorks_Details_Title .tags{
        margin-bottom: 0.5rem;
        margin-right: 0.7rem;
    }
    .secWorks_Details_Title .tagtxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .secWorks_Details_Title .tagtxt::before{
        width: calc(var(--spFontSize12) * var(--spLineHeight12_20));
        height: calc(var(--spFontSize12) * var(--spLineHeight12_20));
        margin-right: 0.3rem;
    }
    .secWorks_Details_Title .secNewIcon{
        bottom: calc(0% - 2.2rem);
        right: 0;
    }
}
/* secWorks_Details_MainImg */
.secWorks_Details_MainImg{
    width: calc(100% - 10rem);
    max-width: 160rem;
    margin: 0 auto;
}
.secWorks_Details_MainImg .imgBox{
    width: 100%;
}
@media only screen and (max-width:1215px){
    .secWorks_Details_MainImg{
        width: 100%;
        max-width: 100%;
    }
}


/* secWorks_Details_Content */
.secWorks_Details_Content{
    position: relative;
    margin-top: 11rem;
}
.secWorks_Details_Content_Inner{
    position: relative;
    z-index: 3;
}
.secWorks_Details_Content:has(.secDetails_Gallery > div)::after{
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% - 10rem);
    background-color:var(--bgVoiceColor);
    bottom: 0;
    left: 0;
}
@media only screen and (max-width:1215px){
    .secWorks_Details_Content{
        margin-top: 6.8rem;
    }
    .secWorks_Details_Content:has(.secDetails_Gallery > div)::after{
        height: calc(100% - 1.6rem);
    }
}

/* secCmnDetailsPager */
.secWorks_Details .secCmnDetailsPager{
    margin-top: 10rem;
    padding-top: 5rem;
    border-top: 1px solid;
    border-color: var(--newsBorderColor);
}
@media only screen and (max-width:1215px){
    .secWorks_Details .secCmnDetailsPager{
        margin-top: 3.4rem;
        padding-top: 0;
        border: none;
    }
}
.secWorks_Details .secCmnMorebtn{
    background-color: #fff;
}
@media only screen and (max-width:1215px){
    .secWorks_Details .secCmnDetailsPager + .secCmnMorebtn{
        margin-top: 3.5rem;
    }
}

/* secWorks_status */
.secWorks_status{
    margin-top: 7.6rem;
}
.secWorks_status .status_inner{
    width: 100%;
}
.secWorks_status .titbox{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.secWorks_status .imgtitbox{
    display: inline-block;
    position: relative;
    padding-left:calc(3rem + 1rem);
}
.secWorks_status .imgtitbox::before{
    content: "";
    width: 3rem;
    height: 1px;
    background-color: var(--textColor);
    position: absolute;
    left: 0;
    top: calc(50% - 0.5px);
}
.secWorks_status .imgtit{
    width: 5.5rem;
}
.secWorks_status .tit{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_20);
    padding-left:2rem;
    letter-spacing: var(--pcLetterSpacing15_50);
}
.secWorks_status .status_box{
    width: 100%;
    margin-top: 2.7rem;
}
.secWorks_status .list{
    display: flex;
}
.secWorks_status .item{
    width: calc((100% - 4rem) / 2);
    margin-right: 4rem;
}
.secWorks_status .item:last-child{
    margin-right: 0;
}
.secWorks_status .itemIn{
    width: 100%;
    border-top: 1px solid;
    border-color: var(--statusBorderColor);
}
.secWorks_status .itemlist{
    width: 100%;
}
.secWorks_status .itemBox{
    border-bottom: 1px solid;
    border-color: var(--statusBorderColor);
}
.secWorks_status .boxInner{
    display: flex;
}
.secWorks_status .box_titbox{
    width: 10rem;
    padding: 1.5rem 0;
}
.secWorks_status .box_tit{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_30);
}
.secWorks_status .box_txtbox{
    flex: 1;
    padding: 1.5rem 0;
    padding-left: 2rem;
    text-align: right;
}
.secWorks_status .box_txt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_30);
    letter-spacing: var(--pcLetterSpacing15_50);
}
@media only screen and (max-width:1215px){
    .secWorks_status{
        margin-top: 2.2rem;
    }
    .secWorks_status .titbox{
        display: block;
    }
    .secWorks_status .imgtitbox{
        padding-left:calc(3rem + 0.5rem);
    }
    .secWorks_status .imgtit{
        width: 3.4rem;
    }
    .secWorks_status .tit{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_20);
        padding: 0;
        margin-top: 1.2rem;
    }
    .secWorks_status .status_box{
        margin-top: 1.1rem;
    }
    .secWorks_status .list{
        display:block;
        border-top: 1px solid;
        border-color: var(--statusBorderColor);
    }
    .secWorks_status .item{
        margin: 0;
        width: 100%;
    }
    .secWorks_status .itemIn{
        width: 100%;
        border: none;
    }
    .secWorks_status .boxInner{
        display: flex;
    }
    .secWorks_status .box_titbox{
        width: 8rem;
        padding: 2rem 0;
    }
    .secWorks_status .box_tit{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_20);
    }
    .secWorks_status .box_txtbox{
        padding: 2rem 0;
        padding-left: 1rem;
    }
    .secWorks_status .box_txt{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_20);
    }
}


/* secDetails_Gallery */
.secDetails_Gallery{

}
.secDetails_Gallery .gallery_Top{
    width: 100%;
    position: relative;
    padding-left: calc((100vw - 132rem) / 2);
}
.secDetails_Gallery .imgtitEng{
    width: 27.1rem;
}
@media only screen and (min-width:1216px){
    .secDetails_Gallery .imgtitEng{
        top: 5.2rem;
        left: calc((100vw - 132rem) / 2);
        position: absolute;
    }
}
.secDetails_Gallery .gallery_Top_Inner{
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
}
.secDetails_Gallery .imgArea{
    width: calc(950 / 1920 * 100vw);
    max-width: 95rem;
}
.secDetails_Gallery .imgBox{
    width: 100%;
    height: 100%;
    border-radius: 5rem 0 0 0;
    overflow: hidden;
}
.secDetails_Gallery .txtArea{
    flex: 1;
}
@media only screen and (min-width:1216px){
    .secDetails_Gallery .imgArea + .txtArea{
        padding-right: 7rem;
        padding-top: calc(10rem + 7.3rem);
    }
}
.secDetails_Gallery .top_txtbox{
    width: 100%;
    text-align: left;
}
.secDetails_Gallery .top_txt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_50);
}
@media only screen and (max-width:1215px){
    .secDetails_Gallery{

    }
    .secDetails_Gallery .gallery_Top{
        width: 100%;
        position: relative;
        padding: 0 calc(20 / 375 * 100vw);
    }
    .secDetails_Gallery .imgtitEng{
        width:10.9rem;
    }
    .secDetails_Gallery .gallery_Top_Inner{
        display: block;
        margin-top: 2.1rem;
    }
    .secDetails_Gallery .imgArea{
        width: calc(355 / 375 * 100vw);
        position: relative;
        left: 0;
        max-width: 100vw;
    }
    .secDetails_Gallery .imgBox{
        height: auto;
        border-radius: 2rem 0 0 0;
    }
    .secDetails_Gallery .txtArea{
        width: 100%;
        margin-top: 2.4rem;
    }
    .secDetails_Gallery .top_txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_28);
    }
}

.secDetails_Gallery .gallery_pattern{
    padding-top: calc(10rem + 8rem);
}
.secDetails_Gallery .gallery_Top:has(.gallery_Top_Inner) + .gallery_pattern{
    padding-top: 0;
    margin-top: 10rem;
}
.secDetails_Gallery .patternlist{
    width: 100%;
}
.secDetails_Gallery .pattern_item{
    width: 100%;
}
.secDetails_Gallery .pattern_item + .pattern_item{
    margin-top: 8.2rem;
}
.secDetails_Gallery .pattern_imgArea{
    width: 100%;
    position: relative;
}
.secDetails_Gallery .pattern_txtbox{
    margin-top: 4.4rem;
}
.secDetails_Gallery .box_txtArea{
    width: 100%;
    text-align: left;
}
.secDetails_Gallery .boxtit{
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_40);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing30_50);
}
.secDetails_Gallery .boxtxt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_50);
}
.secDetails_Gallery .boxtit + .boxtxt{
    margin-top: 1.6rem;
}
/* ▼二枚用 */
.secDetails_Gallery .type_02 .pattern_imgArea{
    display: flex;
    height: 74.2rem;
}
.secDetails_Gallery .type_02 .patternimg_01{
    width: calc(880 / 1320 * 100%);
}
.secDetails_Gallery .type_02 .patternimg_02{
    width: calc((440 / 1320 * 100%) - 1px);
    margin-left: 1px;
}
.secDetails_Gallery .type_02 .In_img{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/* ▼3枚用 */
.secDetails_Gallery .type_03 .pattern_imgArea{
    display: flex;
    height: 74.2rem;
}
.secDetails_Gallery .type_03 .patternimg_left{
    width: calc(880 / 1320 * 100%);
    height: 100%;
}
.secDetails_Gallery .type_03 .patternimg_Right{
    flex: 1;
    width: calc((440 / 1320 * 100%) - 1px);
    margin-left: 1px;
    height: 100%;
}
.secDetails_Gallery .type_03 .rightInlist{
    width: 100%;
    height: 100%;
}
.secDetails_Gallery .type_03 .rightItem{
    width: 100%;
    height: calc((100% - 1px) / 2);
}
.secDetails_Gallery .type_03 .rightItem + .rightItem{
    margin-top: 1px;
}
.secDetails_Gallery .type_03 .In_img{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/* ▼5枚用 */
.secDetails_Gallery .type_05:has(.txtImglist) .boxInner{
    display: flex;
    flex-direction: row-reverse;
}
.secDetails_Gallery .type_05 .txtImglist{
    width: 49rem;
}
@media only screen and (min-width:1216px){
    .secDetails_Gallery .type_05 .txtImglist{
        padding-top: 0.5rem;
    }
    .secDetails_Gallery .type_05 .txtImglist + .box_txtArea{
        flex: 1;
        width: calc(100% - 49rem);
        padding-right: 7rem;
    }
}
.secDetails_Gallery .type_05 .imglist{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.secDetails_Gallery .type_05 .imgItem{
    width: calc((100% - 1rem) / 2);
    margin-right: 1rem;
}
@media only screen and (min-width:1216px){
    .secDetails_Gallery .type_05 .imgItem:last-child,
    .secDetails_Gallery .type_05 .imgItem:nth-child(2n){
        margin-right: 0;
    }
    .secDetails_Gallery .type_05 .imgItem:nth-child(n + 3){
        margin-top: 1rem;
    }
}
.secDetails_Gallery .type_05 .itemImg{
    width: 100%;
}
.secDetails_Gallery .type_05 .In_img{
    width: 100%;
    height: 0;
    padding-top: calc(160 / 240 * 100%);
    overflow: hidden;
    z-index: 1;
}
@media only screen and (max-width:1215px){
    .secDetails_Gallery .gallery_pattern{
        padding-top: 2rem;
    }
    .secDetails_Gallery .gallery_Top:has(.gallery_Top_Inner) + .gallery_pattern{
        padding-top: 0;
        margin-top: 3.2rem;
    }
    .secDetails_Gallery .pattern_item + .pattern_item{
        margin-top: 3.2rem;
    }
    .secDetails_Gallery .pattern_txtbox{
        margin-top: 1.6rem;
    }
    .secDetails_Gallery .pattern_txtbox:has(.txtImglist){
        margin-top: 0.5rem;
    }
    .secDetails_Gallery .boxtit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_30);
    }
    .secDetails_Gallery .boxtxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_28);
    }
    .secDetails_Gallery .boxtit + .boxtxt{
        margin-top: 0.6rem;
    }
    /* ▼二枚用 */
    .secDetails_Gallery .type_02 .pattern_imgArea{
        height: calc(189 / 375 * 100vw);
    }
    /* ▼3枚用 */
    .secDetails_Gallery .type_03 .pattern_imgArea{
        height: calc(189 / 375 * 100vw);
    }
    /* ▼5枚用 */
    .secDetails_Gallery .type_05:has(.txtImglist) .boxInner{
        display: block;
    }
    .secDetails_Gallery .type_05 .txtImglist{
        width:100%;
        padding-top:0;
    }
    .secDetails_Gallery .type_05 .txtImglist + .box_txtArea{
        width: 100%;
        margin-top: 1.4rem;
    }
    .secDetails_Gallery .type_05 .imgItem{
        width: calc((100% - 1rem) / 4);
        margin-right: calc(1rem / 3);
    }
    .secDetails_Gallery .type_05 .imgItem:last-child{
        margin-right: 0;
    }
}