@charset "UTF-8";

/*3*/
@media screen and (max-width:767px) { /*SP*/
}
@media screen and (min-width:768px) and ( max-width:1400px) { /*TB*/
}
@media screen and (min-width:1401px) , print { /*PC*/
}


/* ------------------------------------------------------------ */
/* PRODUCTS */
/* ------------------------------------------------------------ */
@media screen and (max-width:767px) { /*SP*/
    .HD_modalMenu{
        display: flex!important;
    }
    #PRODUCTS{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* padding: 120px 22px; */
        padding: 28.99vw 5.31vw;
    }
    #PRODUCTS h2{
        font-family: "Lusitana",serif;
        font-weight: 500;
        letter-spacing: 0.1rem;
        /* font-size: 28px; */
        font-size: 6.76vw;
        /* line-height: 40px; */
        line-height: 9.66vw;
        /* margin: 0 0 20px 0; */
        margin: 0 0 4.83vw 0;
    }
    .PRODUCTS_title {
        font-family: "Lusitana",serif; font-weight: 500; letter-spacing: 0.1rem;
        /* font-size: 46px; */
        font-size: 11.11vw;
        /* line-height: 46px; */
        line-height: 11.11vw;
        text-align: center;
    }
    .BRL_wrap{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 70px 0 0 0; */
        margin: 16.91vw 0 0 0;
    }
    .NCG_wrap{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 140px 0 0 0; */
        margin: 33.82vw 0 0 0;
    }
    .RCL_wrap{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 140px 0 0 0; */
        margin: 33.82vw 0 0 0;
    }
    .GTI_wrap{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 140px 0 0 0; */
        margin: 33.82vw 0 0 0;
    }
    /* ------------ */
    .BRL_imgWrap{
        width: 100%;
        display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;
        /* gap: 5px; */
        gap: 1.21vw;
    }
    .BRL_img{
        /* width: 182px; */
        width: 43.96vw;
        object-fit: cover;
    }
    /* ------------ */
    .NCG_imgWrap{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        /* gap: 30px 5px; */
        gap: 7.25vw 1.21vw;
    }
    .NCG_imgBox{
        /* width: 182px; */
        width: 43.96vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: 0.3s;
        text-decoration: none;
    }
    .NCG_imgBox:hover{
        opacity: 0.75;
    }
    .NCG_imgBoxNotLink{
        pointer-events: none;
    }
    .NCG_img{
        width: 100%;
        object-fit: cover;
    }
    .NCG_p{
        font-family: "Lusitana",serif; font-weight: 500; letter-spacing: 0.1rem;
        /* font-size: 12px; */
        font-size: 2.90vw;
        /* margin: 9px 0 0 0; */
        margin: 2.17vw 0 0 0;
    }
    /* ------------ */
    .RCL_img{
        width: 100%;
        object-fit: cover;
    }
    /* ------------ */
    .GTI_imgWrap{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        /* gap: 30px 20px; */
        gap: 7.25vw 4.83vw;
    }
    .GTI_imgBox{
        /* width: calc( ( 100% - 20px ) / 2 ); */
        width: calc( ( 100% - 4.83vw ) / 2 );
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        position: relative;
    }
    .GTI_img{
        width: 100%;
        object-fit: cover;
    }
    .GTI_p{
        /* font-size: 14px; */
        font-size: 3.38vw;
        /* margin: 10px 0 0 0; */
        margin: 2.42vw 0 0 0;
        text-align: left;
    }
    .GTI_p2{
        /* font-size: 12px; */
        font-size: 2.90vw;
        /* margin: 5px 0 0 0; */
        margin: 1.21vw 0 0 0;
        text-align: left;
    }
    .GTI_p3{
        /* font-size: 12px; */
        font-size: 2.90vw;
        /* margin: 15px 0 0 0; */
        margin: 3.62vw 0 0 0;
        text-align: left;
        text-decoration: underline;
        /* text-underline-offset: 3px; */
        text-underline-offset: 0.72vw;
    }


    .GTI_imgBox2{
        width: 100%;
        display: flex;
        flex-direction: column;
        /* gap: 20px; */
        gap: 4.83vw;
        /* margin: 70px 0 0 0; */
        margin: 16.91vw 0 0 0;
    }
    .GTI_imgBox2 .GTI_img{
        width: 100%;
    }
    .GTI_textBox2{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .GTI_textTitle{
        font-family: "Lusitana",serif; font-weight: 500; letter-spacing: 0.1rem;
        /* font-size: 30px; */
        font-size: 7.25vw;
    }
    /* -------- */
    .GTI_img06a,.GTI_img06b,.GTI_img06c{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .GTI_img06dummy{
        /* width: 175px; */
        width: 42.27vw;
        /* height: 175px; */
        height: 42.27vw;
    }
    .GTI_img_06_thumb_a{
        /* width: 24px; */
        width: 5.80vw;
        position: absolute;
        /* bottom: -36px; */
        bottom: -8.70vw;
        /* left: 0px; */
        left: 0.00vw;
        transition: 0.3s;
        cursor: pointer;
    }
    .GTI_img_06_thumb_b{
        /* width: 24px; */
        width: 5.80vw;
        position: absolute;
        /* bottom: -36px; */
        bottom: -8.70vw;
        /* left: 30px; */
        left: 7.25vw;
        transition: 0.3s;
        cursor: pointer;
    }
    .GTI_img_06_thumb_c{
        /* width: 24px; */
        width: 5.80vw;
        position: absolute;
        /* bottom: -36px; */
        bottom: -8.70vw;
        /* left: 60px; */
        left: 14.49vw;
        transition: 0.3s;
        cursor: pointer;
    }
    .GTI_img_06_thumb_a:hover,.GTI_img_06_thumb_b:hover,.GTI_img_06_thumb_c:hover{
        opacity: 0.5;
    }
}
@media screen and (min-width:768px) and ( max-width:1400px) { /*TB*/
    .HD_modalMenu{
        display: flex!important;
    }
    #PRODUCTS{
        width: 100%;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        /* padding: 150px 0; */
        padding: 10.71vw 0;
    }
    #PRODUCTS h2{
        font-family: "Lusitana",serif; font-weight: 500; letter-spacing: 0.1rem;
        /* font-size: 58px; */
        font-size: 4.14vw;
        /* line-height: 80px; */
        line-height: 5.71vw;
        /* margin: 0 0 30px 0; */
        margin: 0 0 2.14vw 0;
    }
    .PRODUCTS_title{
        font-family: "Lusitana",serif; font-weight: 500; letter-spacing: 0.1rem;
        /* font-size: 80px; */
        font-size: 5.71vw;
        /* line-height: 80px; */
        line-height: 5.71vw;
    }
    .BRL_wrap{
        /* width: 1280px; */
        width: 91.43vw;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        /* margin: 70px 0 0 0; */
        margin: 5.00vw 0 0 0;
    }
    .NCG_wrap{
        /* width: 1280px; */
        width: 91.43vw;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        /* margin: 140px 0 0 0; */
        margin: 10.00vw 0 0 0;
    }
    .RCL_wrap{
        /* width: 1280px; */
        width: 91.43vw;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        /* margin: 140px 0 0 0; */
        margin: 10.00vw 0 0 0;
    }
    .GTI_wrap{
        /* width: 1280px; */
        width: 91.43vw;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        /* margin: 140px 0 0 0; */
        margin: 10.00vw 0 0 0;
    }
    /* ------------ */
    .BRL_imgWrap{
        width: 100%;
        display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;
        /* gap: 5px; */
        gap: 0.36vw;
    }
    .BRL_img{
        /* width: 636px; */
        width: 45.43vw;
        object-fit: cover;
    }
    /* ------------ */
    .NCG_imgWrap{
        width: 100%;
        display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;
        /* gap: 50px 5px; */
        gap: 3.57vw 0.36vw;
    }
    .NCG_imgBox{
        /* width: 636px; */
        width: 45.43vw;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        transition: 0.3s;
        text-decoration: none;
    }
    .NCG_imgBox:hover{
        opacity: 0.75;
    }
    .NCG_imgBoxNotLink{
        pointer-events: none;
    }
    .NCG_img{
        width: 100%;
        object-fit: cover;
    }
    .NCG_p{
        font-family: "Lusitana",serif; font-weight: 500; letter-spacing: 0.1rem;
        /* font-size: 20px; */
        font-size: 1.43vw;
        /* margin: 20px 0 0 0; */
        margin: 1.43vw 0 0 0;
    }
    /* ------------ */
    .RCL_img{
        width: 100%;
        object-fit: cover;
    }
    /* ------------ */
    .GTI_imgWrap{
        width: 100%;
        display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;
        /* gap: 50px 30px; */
        gap: 3.57vw 2.14vw;
    }
    .GTI_imgBox{
        /* width: calc( ( 100% - 60px ) / 3 ); */
        width: calc( ( 100% - 4.29vw ) / 3 );
        display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
        position: relative;
    }
    .GTI_img{
        width: 100%;
        object-fit: cover;
    }
    .GTI_p{
        /* font-size: 14px; */
        font-size: 1.00vw;
        /* margin: 20px 0 0 0; */
        margin: 1.43vw 0 0 0;
        text-align: left;
    }
    .GTI_p2{
        /* font-size: 12px; */
        font-size: 0.86vw;
        /* margin: 5px 0 0 0; */
        margin: 0.36vw 0 0 0;
        text-align: left;
    }
    .GTI_p3{
        /* font-size: 12px; */
        font-size: 0.86vw;
        /* margin: 10px 0 0 0; */
        margin: 0.71vw 0 0 0;
        text-align: left;
        text-decoration: underline;
        /* text-underline-offset: 3px; */
        text-underline-offset: 0.21vw;
    }
    .GTI_p3_link_01 {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        overflow: hidden;
    }
    .GTI_p3_link_01::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        /* height: 1px; */
        height: 0.07vw;
        background-color: #9D7E68;
        transform: translateX(0%);
        transition: none;
    }
    .GTI_p3_link_01:hover::after {
        animation: GTI_p3_underlineMove 0.5s ease forwards;
    }
    @keyframes GTI_p3_underlineMove {
        0%   { transform: translateX(0%); }
        49%  { transform: translateX(100%); }
        50%  { transform: translateX(-100%); }
        100% { transform: translateX(0%); }
    }
    .GTI_imgBox2{
        width: 100%;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        /* gap: 30px; */
        gap: 2.14vw;
    }
    .GTI_imgBox2 .GTI_img{
        /* width: 844px; */
        width: 60.29vw;
    }
    .GTI_textBox2{
        /* width: calc( 100% - 844px - 30px ); */
        width: calc( 100% - 60.29vw - 2.14vw );
        display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
    }
    .GTI_textTitle{
        font-family: "Lusitana",serif; font-weight: 500; letter-spacing: 0.1rem;
        /* font-size: 30px; */
        font-size: 2.14vw;
    }
    /* -------- */
    .GTI_img06a,.GTI_img06b,.GTI_img06c{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .GTI_img06dummy{
        /* width: 406px; height: 406px; */
        width: 29.00vw; height: 29.00vw;
    }
    .GTI_img_06_thumb_a{
        /* width: 24px; */
        width: 1.71vw;
        position: absolute;
        /* bottom: 24px; */
        bottom: 1.71vw;
        /* right: 60px; */
        right: 4.29vw;
        transition: 0.3s;
        cursor: pointer;
    }
    .GTI_img_06_thumb_b{
        /* width: 24px; */
        width: 1.71vw;
        position: absolute;
        /* bottom: 24px; */
        bottom: 1.71vw;
        /* right: 30px; */
        right: 2.14vw;
        transition: 0.3s;
        cursor: pointer;
    }
    .GTI_img_06_thumb_c{
        /* width: 24px; */
        width: 1.71vw;
        position: absolute;
        /* bottom: 24px; */
        bottom: 1.71vw;
        /* right: 0px; */
        right: 0.00vw;
        transition: 0.3s;
        cursor: pointer;
    }
    .GTI_img_06_thumb_a:hover,.GTI_img_06_thumb_b:hover,.GTI_img_06_thumb_c:hover{
        opacity: 0.5;
    }
}
@media screen and (min-width:1401px) , print { /*PC*/
    .HD_modalMenu{
        display: flex!important;
    }
    #PRODUCTS{
        width: 100%;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        padding: 150px 0;
    }
    #PRODUCTS h2{
        font-family: "Lusitana",serif; font-weight: 500; letter-spacing: 0.1rem;
        font-size: 58px;
        line-height: 80px;
        margin: 0 0 30px 0;
    }
    .PRODUCTS_title{
        font-family: "Lusitana",serif; font-weight: 500; letter-spacing: 0.1rem;
        font-size: 80px;
        line-height: 80px;
    }
    .BRL_wrap{
        width: 1280px;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        margin: 70px 0 0 0;
    }
    .NCG_wrap{
        width: 1280px;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        margin: 140px 0 0 0;
    }
    .RCL_wrap{
        width: 1280px;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        margin: 140px 0 0 0;
    }
    .GTI_wrap{
        width: 1280px;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        margin: 140px 0 0 0;
    }
    /* ------------ */
    .BRL_imgWrap{
        width: 100%;
        display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;
        gap: 5px;
    }
    .BRL_img{
        width: 636px;
        object-fit: cover;
    }
    /* ------------ */
    .NCG_imgWrap{
        width: 100%;
        display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;
        gap: 50px 5px;
    }
    .NCG_imgBox{
        width: 636px;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        transition: 0.3s;
        text-decoration: none;
    }
    .NCG_imgBox:hover{
        opacity: 0.75;
    }
    .NCG_imgBoxNotLink{
        pointer-events: none;
    }
    .NCG_img{
        width: 100%;
        object-fit: cover;
    }
    .NCG_p{
        font-family: "Lusitana",serif; font-weight: 500; letter-spacing: 0.1rem;
        font-size: 20px;
        margin: 20px 0 0 0;
    }
    /* ------------ */
    .RCL_img{
        width: 100%;
        object-fit: cover;
    }
    /* ------------ */
    .GTI_imgWrap{
        width: 100%;
        display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;
        gap: 50px 30px;
    }
    .GTI_imgBox{
        width: calc( ( 100% - 60px ) / 3 );
        display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
        position: relative;
    }
    .GTI_img{
        width: 100%;
        object-fit: cover;
    }
    .GTI_p{
        font-size: 14px;
        margin: 20px 0 0 0;
        text-align: left;
    }
    .GTI_p2{
        font-size: 12px;
        margin: 5px 0 0 0;
        text-align: left;
    }
    .GTI_p3{
        font-size: 12px;
        margin: 10px 0 0 0;
        text-align: left;
        text-decoration: underline;
        text-underline-offset: 3px;
    }
    .GTI_p3_link_01 {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        overflow: hidden;
    }
    .GTI_p3_link_01::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #9D7E68;
        transform: translateX(0%);
        transition: none;
    }
    .GTI_p3_link_01:hover::after {
        animation: GTI_p3_underlineMove 0.5s ease forwards;
    }
    @keyframes GTI_p3_underlineMove {
        0%   { transform: translateX(0%); }
        49%  { transform: translateX(100%); }
        50%  { transform: translateX(-100%); }
        100% { transform: translateX(0%); }
    }

    .GTI_imgBox2{
        width: 100%;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        gap: 30px;
    }
    .GTI_imgBox2 .GTI_img{
        width: 844px;
    }
    .GTI_textBox2{
        width: calc( 100% - 844px - 30px );
        display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
    }
    .GTI_textTitle{
        font-family: "Lusitana",serif; font-weight: 500; letter-spacing: 0.1rem;
        font-size: 30px;
    }
    /* -------- */
    .GTI_img06a,.GTI_img06b,.GTI_img06c{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .GTI_img06dummy{
        width: 406px; height: 406px;
    }
    .GTI_img_06_thumb_a{
        width: 24px;
        position: absolute;
        bottom: 24px;
        right: 60px;
        transition: 0.3s;
        cursor: pointer;
    }
    .GTI_img_06_thumb_b{
        width: 24px;
        position: absolute;
        bottom: 24px;
        right: 30px;
        transition: 0.3s;
        cursor: pointer;
    }
    .GTI_img_06_thumb_c{
        width: 24px;
        position: absolute;
        bottom: 24px;
        right: 0px;
        transition: 0.3s;
        cursor: pointer;
    }
    .GTI_img_06_thumb_a:hover,.GTI_img_06_thumb_b:hover,.GTI_img_06_thumb_c:hover{
        opacity: 0.5;
    }
}