@charset "UTF-8";
/*　====================== 下層ページ共通 ======================　*/
.subpage-mv{
    margin-top: 180px;
}
.subpage-mv .subpage-ttl{
    font-size: 24px;
    font-family: "BIZ UDPGothic", sans-serif;
    position: relative;
    padding-left: 50px;
}
.subpage-mv .subpage-ttl::before{
    position: absolute;
    content: "";
    background: #2A2A2A;
    width: 12px;
    height: 90px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}
.subpage-mv .subpage-ttl::after{
    position: absolute;
    font-family: "Roboto Serif", serif;
    font-weight: 400;
    font-size: 120px;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    letter-spacing: 0.6rem;
    color: #2A2A2A;
    z-index: -1;
}
.about .subpage-mv .subpage-ttl::after{
    content: "ABOUT";
}
.service .subpage-mv .subpage-ttl::after,.service-child .subpage-mv .subpage-ttl::after{
    content: "SERVICE";
}
.price .subpage-mv .subpage-ttl::after{
    content: "PRICE";
}
.case .subpage-mv .subpage-ttl::after{
    content: "CASE";
}
.news .subpage-mv .subpage-ttl::after{
    content: "NEWS";
}
.company .subpage-mv .subpage-ttl::after{
    content: "COMPANY";
}
.contact .subpage-mv .subpage-ttl::after{
    content: "CONTACT";
}
.privacy .subpage-mv .subpage-ttl::after{
    content: "PRIVACY POLICY";
    overflow: hidden;
    white-space: nowrap;
}
.breadcrumbs{
    margin-top: 80px;
}
.breadcrumbs .flex{
    justify-content: flex-start;
    column-gap: 15px;
}
.sec-top-text{
    text-align: center;
    margin-top: 40px;
}
.sec-top-text p{
    font-family: "BIZ UDPMincho", serif;
    font-size: 20px;
}
.subpage-cmn-bg{
    background-image: url(../images/subpage-cmn-bg.webp);
    background-size: contain;
    background-repeat: repeat;
    background-position: top;
}
@media screen and (max-width:768px){
    .subpage-mv{
        margin-top: 130px;
    }
    .subpage-mv .subpage-ttl{
        padding-left: 20px;
        font-size: 20px;
    }
    .subpage-mv .subpage-ttl::before{
        width: 6px;
        height: 45px;
    }
    .subpage-mv .subpage-ttl::after{
        font-size: 64px;
        left: 20px;
        letter-spacing: 0.1rem;
    }
    .breadcrumbs{
        margin-top: 60px;
    }
    .breadcrumbs .flex{
        column-gap: 10px;
        flex-wrap: wrap;
    }
    .breadcrumbs ol li i{
        font-size: 12px;
    }
    .sec-top-text p{
        font-size: 18px;
        text-align: left;
    }
    .subpage-cmn-bg{
        background-image: url(../images/subpage-cmn-bg-sp.webp);
        background-size: contain;
        background-repeat: repeat;
        background-position: top;
    }
}

/*　====================== ABOUT ======================　*/
.about #sec1{
    padding-top: 60px;
}
.about .about-sec1{
    padding-top: 80px;
}
.about .about-sec1>.flex{
    align-items: flex-start;
}
.about .about-sec1 .about-sec1-img{
    width: 45%;
}
.about .about-sec1 .about-sec1-wrap{
    width: 55%;
    padding: 0 10%;
}
.about #sec1 .about-wrap .ja{
    font-size: 300%;
}
.about #sec1 .about-wrap{
    justify-content: flex-start;
    margin: 0px auto 40px;
}
.about .about-sec1 .sec1-txt1{
    font-size: 150%;
    border-bottom: 1px solid #fff;
    display: inline;
    font-family: "BIZ UDPMincho", serif;
    padding-bottom: 5px;
    line-height: 2;
}
.about .about-sec1 .sec1-txt2,.about .about-sec1 .sec1-txt3{
    line-height: 2;
}
.about .about-sec1 .sec1-txt2{
    margin-top: 40px;
}
.about .about-sec1 .sec1-txt3{
    margin-top: 20px;
}
.about .about-sec2 .about-sec2-ttl{
    text-align: center;
    margin-bottom: 20px;
}
.about .about-sec2 .about-sec2-wrap{
    border: 1px solid #A88734;
    padding: 5%;
}
.about .about-sec2 .about-sec2-inner:first-of-type{
    margin-bottom: 40px;
}
.about .about-sec2 .about-sec2-inner.flex{
    gap: 20px;
    justify-content: center;
    align-items: flex-start;
}
.about .about-sec2 .about-sec2-inner .text-wrap{
    width: fit-content;
}
.about .about-sec2 .about-sec2-inner-ttl{
    margin-bottom: 30px;
    font-size: 24px;
    font-family: "BIZ UDPGothic", sans-serif;
}
.about .about-sec2 .about-sec2-inner-ttl .bg-silver{
    background: linear-gradient(to right,#B7B7B7,#E8E8E8,#B7B7B7);
    color: #101010;
    font-weight: 400;
    padding: 8px;
    font-size: 30px;
    margin-right: 5px;
}
.about .about-sec2 .about-sec2-inner .about-sec2-img{
    width: 40%;
}
.about .about-sec2 .about-sec2-inner .text-wrap ul li{
    margin-bottom: 15px;
    padding-left: 20px;
    letter-spacing: 0.15rem;
    position: relative;
}
.about .about-sec2 .about-sec2-inner .text-wrap ul li:last-of-type{
    margin-bottom: 0;    
}
.about .about-sec2 .about-sec2-inner .text-wrap ul li::before{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.about .about-sec2 .about-sec2-inner .text-wrap ul li .marker{
    background: linear-gradient(transparent 70%, #77683D 70%);
    padding-bottom: 4px;
    font-size: 18px;
}
.about .about-sec2 .about-sec2-arrow {
    width: 60px;
    height: 30px;
    background: linear-gradient(to bottom, #E9CF8D, #A68532);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    margin: 20px auto;
}
.about .about-sec2 .sec2-txt1{
    background: linear-gradient(90deg, #a68532 0%, #e9cf8d 50%, #a68532 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "BIZ UDPMincho", serif;
    font-weight: 800;
    font-size: 30px;
    text-align: center;
}
.about .about-sec3{
    background: url(../images/about/about-bg.webp);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 80px;
}
.about .about-sec3 .about-sec3-inner{
    position: relative;
    margin-bottom: 100px;
}
.about .about-sec3 .about-sec3-inner:last-of-type{
    margin-bottom: 0;
}
.about .about-sec3 .about-sec3-inner .img-wrap{
    width: 60%;
}
.about .about-sec3 .about-sec3-inner:nth-of-type(2n) .img-wrap{
    margin-left: auto;
}
.about .about-sec3 .about-sec3-inner .text-wrap{
    position: absolute;
    background: #101010;
    width: 50%;
    right: 0;
    bottom: -30px;
    padding: 6% 4%;
    z-index: 100;
}
.about .about-sec3 .about-sec3-inner:nth-of-type(2n) .text-wrap{
    left: 0;
}
.about .about-sec3 .about-sec3-inner .text-wrap::before{
    position: absolute;
    content: "01";
    font-family: "Roboto Serif", serif;
    font-weight: 300;
    font-size: 100px;
    top: -25%;
    left: 50%;
    transform: translateX(-50%);
    color: #77683D;
    z-index: 100;
}
.about .about-sec3 .about-sec3-inner:nth-of-type(2) .text-wrap::before{
    content: "02";
}
.about .about-sec3 .about-sec3-inner:nth-of-type(3) .text-wrap::before{
    content: "03";
}
.about .about-sec3 .about-sec3-inner:nth-of-type(4) .text-wrap::before{
    content: "04";
}
.about .about-sec3 .about-sec3-inner .text-wrap .sec3-ttl{
    margin-bottom: 20px;
    font-size: 28px;
}
.about #cta{
    padding-top: 80px;
}

@media screen and (max-width:768px){
    .about #sec1{
        padding-top: 60px;
    }
    .about #sec1 .about-wrap{
        margin: 0 auto 40px;
        justify-content: center;
    }
    .about .about-sec1>.flex{
        flex-direction: column-reverse;
    }
    .about .about-sec1 .about-sec1-wrap{
        width:90%;
        padding: 0;
        margin: 0 auto;
    }
    .about #sec1 .about-wrap .ja{
        font-size: 28px;
    }
    .about .about-sec1 .sec1-txt1{
        font-size: 20px;
    }
    .about .about-sec1 .about-sec1-img{
        width: 100%;
        padding: 0 10%;
        margin-top: 40px;
    }
    .about .about-sec2 .about-sec2-ttl{
        font-size: 20px;
    }
    .about .about-sec2 .about-sec2-inner.flex{
        flex-direction: column;
    }
    .about .about-sec2 .about-sec2-inner:last-of-type.flex{
        flex-direction: column-reverse;
    }
    .about .about-sec2 .about-sec2-inner .about-sec2-img{
        width: 100%;
    }
    .about .about-sec2 .about-sec2-wrap{
        padding: 8%;
    }
    .about .about-sec2 .about-sec2-inner-ttl{
        font-size: 20px;
    }
    .about .about-sec2 .about-sec2-inner-ttl .bg-silver{
        font-size: 24px;
    }
    .about .about-sec2 .about-sec2-inner .text-wrap ul li .marker{
        font-size: 16px;
    }
    .about .about-sec2 .about-sec2-inner-ttl{
        margin-bottom: 20px;
    }
    .about .about-sec2 .about-sec2-arrow{
        width: 40px;
        height: 20px;
        margin: 25px auto 17px;
    }
    .about .about-sec2 .sec2-txt1{
        font-size: 20px;
    }
    .about .about-sec3 .sec-ttl-cmn{
        margin-bottom: 100px;
    }
    .about .about-sec3{
        background: url(../images/about/about-bg-sp.webp);
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
        padding-top: 60px;
    }
    .about .about-sec3 .about-sec3-inner{
        position: static;
        display: flex;
        flex-direction: column;
        margin-bottom: 80px;
    }
    .about .about-sec3 .about-sec3-inner .img-wrap{
        width: 100%;
        height: 230px;
    }
    .about .about-sec3 .about-sec3-inner .img-wrap img{
        height: 100%;
        object-fit: cover;
        object-position: top;
    }
    .about .about-sec3 .about-sec3-inner .text-wrap{
        position: static;
        width: 100%;
        padding: 10% 6% 6%;
    }
    .about .about-sec3 .about-sec3-inner .text-wrap::before{
        top: -27%;
        font-size: 80px;
    }
    .about .about-sec3 .about-sec3-inner .text-wrap .sec3-ttl{
        font-size: 24px;
    }
    .about #cta{
        padding-top: 60px;
    }
}

/*　====================== SERVICE ======================　*/
.service #sec3{
    background-image: none;
    padding-bottom: 6vw;
}
.service #sec3 .wrap .inner-img{
    width: 100%;
}
.service #sec3 .wrap .inner-text{
    width: 60%;
}
.service #sec3 .wrap .inner-text{
    bottom: -18%;
}
.service #sec3 .wrap{
    margin-bottom: 12vw;
}
.service #sec3 .wrap:last-of-type{
    margin-bottom: 0;
}
.service #cta{
    padding-top: 80px;
}
@media screen and (max-width:768px){
    .service #sec3{
        padding-bottom: 0;
    }
    .service #sec3 .wrap .inner-text{
        width: 100%;
    }
    .service #sec3 .wrap .inner-text::before{
        top: 35vw;
    }
    .service #cta{
        padding-top: 60px;
    }
}

/*　====================== SERVICE 子ページ（警備・探偵） ======================　*/
.service-child .sec-top-text .sec-top-ttl-service{
    background: linear-gradient(90deg, #a68532 0%, #e9cf8d 20%, #a68532 60%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Roboto Serif", serif;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 5px;
}
.service-child .sec-top-text .sec-top-text-service{
    border: 1px solid #e9cf8d;
    border-image: linear-gradient(to right,#A68532, #E9CF8D, #A68532) 1;
    padding: 20px;
}
.service-child .service-child-sec1{
    padding-top: 80px;
}
.service-child .service-child-sec1 .sec-inner{
    background: url(../images/service/service-s1-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 40px;
}
.service-child .service-child-sec1 .sec-inner .container-wrap{
    align-items: stretch;
}
.service-child .service-child-sec1.security .sec-inner:nth-of-type(2){
    background: url(../images/service/service-s2-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.service-child .service-child-sec1.security .sec-inner:nth-of-type(3){
    background: url(../images/service/service-s3-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.service-child .service-child-sec1.security .sec-inner:nth-of-type(4){
    background: url(../images/service/service-s4-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.service-child .service-child-sec1.security .sec-inner:nth-of-type(5){
    background: url(../images/service/service-s5-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.service-child .service-child-sec1 .sec-inner:last-of-type{
    margin-bottom: 0;
}
.service-child .service-child-sec1 .sec-inner .text-wrap{
    width: 58%;
    padding: 60px 0;
}
.service-child .service-child-sec1 .sec-inner .img-wrap{
    width: 40%;
}
.service-child .service-child-sec1 .sec-inner .img-wrap img{
    height: 100%;
    object-fit: cover;
}
.service-child .service-child-sec1 .sec-inner .text-en{
    font-family: "Roboto Serif", serif;
    margin-bottom: 10px;
}
.service-child .service-child-sec1 .sec-inner .ttl{
    font-size: 30px;
}
.service-child .service-child-sec1 .sec-inner .text1{
    margin-top: 20px;
    line-height: 2;
}
.service-child .service-child-sec1.detective .sec-inner:nth-of-type(1){
    background: url(../images/service/service-d1-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.service-child .service-child-sec1.detective .sec-inner:nth-of-type(2){
    background: url(../images/service/service-d2-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.service-child .service-child-sec1.detective .sec-inner:nth-of-type(3){
    background: url(../images/service/service-d3-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.service-child .service-child-sec1.detective .sec-inner:nth-of-type(4){
    background: url(../images/service/service-d4-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.service-child #cta{
    padding-top: 0;
}

@media screen and (max-width:768px){
    .service-child .service-child-sec1{
        padding-top: 60px;
    }
    .service-child .service-child-sec1 .sec-inner .container-wrap{
        flex-direction: column;
        width: 100%;
    }
    .service-child .service-child-sec1 .sec-inner .text-wrap{
        width: 90%;
        margin: 0 auto;
        padding: 40px 0 20px;
    }
    .service-child .service-child-sec1 .sec-inner .ttl{
        font-size: 24px;
    }
    .service-child .service-child-sec1 .sec-inner .img-wrap{
        width: 100%;
        height: 180px;
    }
    .service-child .service-child-sec1.security .sec-inner:nth-of-type(1){
        background: url(../images/service/service-s1-bg-sp.webp);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .service-child .service-child-sec1.security .sec-inner:nth-of-type(2){
        background: url(../images/service/service-s2-bg-sp.webp);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .service-child .service-child-sec1.security .sec-inner:nth-of-type(3){
        background: url(../images/service/service-s3-bg-sp.webp);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .service-child .service-child-sec1.security .sec-inner:nth-of-type(4){
        background: url(../images/service/service-s4-bg-sp.webp);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .service-child .service-child-sec1.security .sec-inner:nth-of-type(5){
        background: url(../images/service/service-s5-bg-sp.webp);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .service-child .service-child-sec1.detective .sec-inner:nth-of-type(1){
        background: url(../images/service/service-d1-bg-sp.webp);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .service-child .service-child-sec1.detective .sec-inner:nth-of-type(2){
        background: url(../images/service/service-d2-bg-sp.webp);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .service-child .service-child-sec1.detective .sec-inner:nth-of-type(3){
        background: url(../images/service/service-d3-bg-sp.webp);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .service-child .service-child-sec1.detective .sec-inner:nth-of-type(4){
        background: url(../images/service/service-d4-bg-sp.webp);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .service-child .service-child-sec1.detective .sec-inner:nth-of-type(5){
        background: url(../images/service/service-d5-bg-sp.webp);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
}

/*　====================== PRICE ======================　*/
.price .sec-top-text p{
    border-bottom: 1px solid #fff;
    padding-bottom: 40px;
}
.price #sec2{
    background-image: none;
    background: none;
}
.price .price-sec2 .price-table{
    margin-bottom: 60px;
}
.price .price-sec2 .price-table:last-of-type{
    margin-bottom: 0;
}
.price .price-sec2 .price-table table{
    width: 100%;
    margin: 0 auto;
    background: #2A2A2A;
}
.price .price-sec2 .price-table .price-table-ttl{
    background: linear-gradient(to right,#B7B7B7,#E8E8E8,#B7B7B7);
}
.price .price-sec2 .price-table .price-table-ttl th{
    color: #101010;
    padding: 10px;
    font-size: 24px;
    letter-spacing: 0.2rem;
}
.price .price-sec2 .price-table .price-table-item{
    display: flex;
    width: 80%;
    margin: 20px auto 0;
}
.price .price-sec2 .price-table .price-table-item th{
    padding: 0px 10px 20px;
    border-bottom: 1px solid #7E7E7E;
    width: 30%;
    font-weight: 400;
    font-size: 18px;
}
.price .price-sec2 .price-table .price-table-item td{
    padding: 0px 40px 20px;
    border-bottom: 1px solid #ffffff;
    width: 70%;
    font-weight: 400;
    font-size: 18px;
}
.price .price-sec2 .price-table .price-table-item td .fs16{
    font-size: 16px;
}
.price .price-sec2 .price-table .price-table-item td .table-flex{
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 20px;
}
.price .price-sec2 .price-table .price-table-item td .table-flex:last-of-type{
    margin-bottom: 0;
}
.price .price-sec2 .price-table .price-table-item td .table-flex p{
    width: fit-content;
}
.price .price-sec2 .price-table .price-table-item td .table-flex .frame{
    border: 1px solid #fff;
    padding: 10px 15px;
}
.price .price-sec2 .price-table .price-table-item.first th,.price .price-sec2 .price-table .price-table-item.first td{
    padding-top: 20px;
}
.price .price-sec2 .price-table .price-table-item:last-of-type{
    margin-bottom: 20px;
}
.price .price-sec2 .price-table .price-table-item:last-of-type th,.price .price-sec2 .price-table .price-table-item:last-of-type td{
    border-bottom: none;
}
.price .price-text{
    margin-top: 40px;
}
@media screen and (max-width:768px){
    .price .price-sec2 .price-table{
        margin-bottom: 40px;
    }
    .price .price-sec2 .price-table .price-table-ttl th{
        font-size: 20px;
    }
    .price .price-sec2 .price-table .price-table-item{
        width: 95%;
        margin: 0 auto;
    }
    .price .price-sec2 .price-table .price-table-item:last-of-type{
        margin-bottom: 0;
    }
    .price .price-sec2 .price-table .price-table-item th{
        font-size: 16px;
        padding: 20px 0px 20px;
        width: 40%;
    }
    .price .price-sec2 .price-table .price-table-item td{
        font-size: 15px;
        padding: 20px 10px 20px;
        width: 60%;
    }
    .price .price-sec2 .price-table .price-table-item td .table-flex{
        flex-direction: column;
        align-items: flex-start;
    }
}

/*　====================== CASE ======================　*/
.case .sec-top-text p{
    border-bottom: 1px solid #fff;
    padding-bottom: 40px;
}
.case #sec4{
    background: none;
}
.case .case-sec1 .page-link{
    padding-top: 80px;
    text-align: center;
}
.case .case-sec1 .page-link .ttl{
    font-size: 20px;
}
.case .case-sec1 .page-link ul.flex{
    justify-content: center;
}
.case .case-sec1 .page-link ul li{
    padding: 0 40px;
    border-right: 1px solid #fff;
    margin-top: 15px;
    width: 20%;
}
.case .case-sec1 .page-link ul li:last-of-type{
    border-right: none;
}
.case .case-sec1 .page-link ul li a{
    display: block;
    font-size: 20px;
}
.case .case-sec1 .sec-ttl-cmn{
    padding-top: 80px;
}
.case .case-sec1 .wrap1{
    flex-wrap: wrap;
    row-gap: 60px;
}
.case .case-sec1 .wrap1 .inner{
    width: 46%;
    background: #101010;
}
@media screen and (max-width:768px){
    .case .case-sec1 .page-link,.case .case-sec1 .sec-ttl-cmn{
        padding-top: 60px;
    }
    .case .case-sec1 .page-link ul li{
        padding: 0 10px;
        width: 100%;
    }
    .case .case-sec1 .page-link .ttl,.case .case-sec1 .page-link ul li a{
        font-size: 18px;
    }
}

/*　====================== NEWS ======================　*/
.news .subpage-cmn-bg{
    background-size: cover;
}
.news #sec5{
    background: none;
}
.news #sec5 .news-wrap{
    width: 100%;
    margin-top: 40px;
}
.news #sec5 .news-inner{
    padding: 25px 10px;
}
.wp-pagenavi{
    text-align: center;
    margin: 40px auto 20px;
}
.wp-pagenavi a,.wp-pagenavi span{
    margin: 10px !important;
    border: none !important;
}
.news-single .news-sec1 .news-inner .news-ttl{
    width: 100% !important;
    display: block;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current{
    border: none;
}
.news-single .news-sec1 .news-inner .news-ttl p{
    font-size: 28px;
    border-bottom: 1px solid #fff;
    padding: 20px 0;
}
.news-single .news-sec1 .news-inner .news-content{
    margin: 30px 0;
}
.news-single .news-sec1 .news-inner .news-content h2{
    margin-top: 40px;
    font-size: 24px;
    background: #fff;
    color: #101010;
    font-family: "BIZ UDPGothic", sans-serif;
    font-weight: 800;
    padding: 5px 10px;
    letter-spacing: 0.05rem;
}
.news-single .news-sec1 .news-inner .news-content h3{
    font-size: 20px;
    font-family: "BIZ UDPGothic", sans-serif;
    margin-top: 40px;
    color: #D9B762;
}
.news-single .news-sec1 .news-inner .news-content p{
    margin-top: 10px;
    font-size: 16px;
}
.news-single .news-sec1 .news-inner .news-content img{
    margin-top: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width:768px){
    .news #sec5{
        padding-top: 0;
    }
    .news #sec5 .news-wrap{
        margin-top: 60px;
        padding: 20px;
    }
    .news #sec5 .news-inner{
        padding: 20px 10px;
    }
    .news-single #sec5 .news-inner .news-ttl{
        margin-left: 0;
    }
    .news-single .news-sec1 .news-inner .news-ttl p{
        font-size: 20px;
    }
    .news-single .news-sec1 .news-inner .news-content{
        margin: 20px 0;
    }
    .news-single .news-sec1 .news-inner .news-content h2{
        font-size: 20px;
    }
    .news-single .news-sec1 .news-inner .news-content h3{
        font-size: 18px;
    }
    .news-single .news-sec1 .news-inner .news-content p{
        font-size: 15px;
    }
    .news #sec5 .sec-btn{
        padding-bottom: 40px;
    }
}

/*　====================== COMPANY ======================　*/
.company #sec6{
    background: none;
    margin-bottom: 0;
    padding-top: 40px;
}
.company #sec6 .company-sec1-img{
    width: 40%;
    height: 560px;
}
.company #sec6 .company-sec1-img img{
    height: 100%;
    object-fit: cover;
}
.company #sec6 .com-table{
    background: none;
    width: 60%;
    padding: 0;
}
@media screen and (max-width:768px){
    .company #sec6{
        background-image: url(../images/sec-bg3.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin: 60px 0;
        padding: 0;
    }
    .company #sec6 .com-table{
        width: 90%;
        margin: 60px auto;
        background: rgba(16, 16, 16, .7);
        backdrop-filter: blur(4px);
        padding: 20px;
    }
}

/*　====================== CONTACT/THANKS ======================　*/
.contact .contact-sec1{
    margin-top: 80px;
}
.contact .contact-sec1 .wrap1 .inner{
    width: 47%;
    border: 1px solid #fff;
    padding: 40px 10px;
    height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.contact .contact-sec1 .wrap1 .tel-icon{
    max-width: 40px;
    margin: 0 auto;
}
.contact .contact-sec1 .wrap1 .freedial-icon{
    max-width: 40px;
}
.contact .contact-sec1 .wrap1 .tel-wrap{
    gap: 10px;
    width: fit-content;
    margin: 10px auto 0;
}
.contact .contact-sec1 .wrap1 .tel-num{
    font-size: 45px;
    font-family: "Roboto Serif", serif;
    letter-spacing: 0.05em;
    line-height: 1;
}
.contact .contact-sec1 .wrap1 .cta1-text1{
    text-align: center;
    margin-top: 20px;
}
.contact .contact-sec1 .wrap1 .line-icon{
    max-width: 60px;
    margin: 0 auto;
}
.contact .contact-sec1 .wrap1 .sec-btn{
    margin: 15px auto 0;
    font-size: 24px;
}
.contact .contact-sec1 .wrap1 .sec-btn::after{
    background: url(../images/line-arrow.png);
    background-size: 100%;
    top: -2px;
}
.contact .contact-sec1 .wrap1 .sec-btn:hover{
    color: #06C755;
}
.contact .contact-sec2{
    background: url(../images/cta-bg.webp);
    background-size: 35%;
    background-repeat: no-repeat;
    background-position: 0% 20%;
}
.contact .contact-sec2 .contact-sec2-wrap{
    gap: 20px;
    align-items: flex-start;
}
.contact .contact-sec2 .wrap-left{
    width: 38%;
}
.contact .contact-sec2 .wrap-right{
    width: 57%;
}
.contact .contact-sec2 .wrap-left .sec-ttl-cmn{
    text-align: left;
    margin-bottom: 80px;
}
.contact .contact-sec2 .wrap-left .sec-ttl-cmn::before{
    left: 0;
    transform: none;
}
.contact .contact-sec2 .wrap-left p{
    margin-bottom: 20px;
}
.contact .contact-sec2 form input,.contact .contact-sec2 form textarea{
    background: none;
    border: none;
    outline: none;
    width: 100%;
    padding: 10px 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
}
.contact .contact-sec2 form input::placeholder,.contact .contact-sec2 form textarea::placeholder{
    color: #6B6B6B;
}
.contact .contact-sec2 .form-inner{
    margin-bottom: 40px;
}
.contact .contact-sec2 .form-inner .title{
    margin-bottom: 5px;
}
.contact .contact-sec2 .form-inner .title .req{
    padding-left: 5px;
    color: #FF0000;
}
.contact .contact-sec2 .form-inner .content{
    border-bottom: 1px solid #fff;
}
.contact .contact-sec2 .privacy-policy{
    width: fit-content;
    margin: 0 auto 40px;
}
.contact .contact-sec2 .privacy-policy .flex{
    justify-content: center;
    column-gap: 5px;
}
.contact .contact-sec2 .privacy-policy input#personal{
    width: fit-content;
}
.contact .contact-sec2 .privacy-policy .privacy-policy-link{
    color: #D9B762;
    border-bottom: 1px solid #D9B762;
    padding-bottom: 5px;
}
.contact .contact-sec2 .submit{
    background: #A88734;
    max-width: 300px;
    margin: 0 auto;
}
.contact .contact-sec2 .submit input{
    cursor: pointer;
    transition: 0.3s;
    padding: 20px 0;
    letter-spacing: 0.1rem;
}
.contact .contact-sec2 .submit input:hover{
    opacity: 0.8;
}
.thanks .thanks-sec1{
    margin: 80px 0;
}
.thanks .thanks-sec1 p{
    text-align: center;
}
.thanks .thanks-sec1 .text1{
    font-size: 24px;
    margin-bottom: 40px;
}

@media screen and (max-width:768px){
    .contact .contact-sec1 .wrap1{
        flex-direction: column;
        row-gap: 40px;
    }
    .contact .contact-sec1 .wrap1 .inner{
        width: 90%;
        max-width: 450px;
        height: 180px;
    }
    .contact .contact-sec1 .wrap1 .tel-num{
        font-size: 30px;
    }
    .contact .contact-sec1 .wrap1 .freedial-icon{
        max-width: 26px;
    }
    .contact .contact-sec1 .wrap1 .tel-wrap{
        margin: 5px auto 0;
        gap: 7px;
    }
    .contact .contact-sec1 .wrap1 .cta1-text1{
        margin-top: 15px;
        line-height: 1.3;
    }
    .contact .contact-sec1 .wrap1 .sec-btn{
        font-size: 18px;
        margin-top: 7px;
    }
    .contact .contact-sec1 .wrap1 .sec-btn::after{
        top: -4px;
    }
    .contact .contact-sec1 .wrap1 .tel-icon{
        max-width: 35px;
    }
    .contact .contact-sec1 .wrap1 .line-icon{
        max-width: 50px;
    }
    .contact .contact-sec2{
        background: url(../images/cta-bg.webp);
        background-size: 85%;
        background-repeat: no-repeat;
        background-position: 0% 30%;
    }
    .contact .contact-sec2 .contact-sec2-wrap{
        flex-direction: column;
    }
    .contact .contact-sec2 .wrap-left,.contact .contact-sec2 .wrap-right{
        width: 100%;
    }
}

/*　====================== PRIVACY ======================　*/
.privacy .privacy-sec1{
    margin-top: 80px;
}
.privacy .privacy-sec1 .wrap1 .inner{
    margin-bottom: 40px;
    border-bottom: 1px solid #fff;
    padding-bottom: 40px;
}
.privacy .privacy-sec1 .wrap1 .inner:last-of-type{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.privacy .privacy-sec1 .wrap1 .inner .title{
    font-size: 20px;
    margin-bottom: 10px;
}
.privacy .privacy-sec1 .wrap1 .inner .text{
    margin-top: 10px;
}
.privacy .privacy-sec1 .wrap1 .inner .text:first-of-type{
    margin-top: 0;
}
.privacy .privacy-sec1 .wrap1 .inner .inner-list{
    margin-bottom: 10px;
    margin-top: 5px;
}
.privacy .privacy-sec1 .wrap1 .inner ul li{
    margin-left: 20px;
    line-height: 2;
    font-size: 15px;
}
@media screen and (max-width:768px){
    .privacy .privacy-sec1{
        margin-top: 60px;
    }
    .privacy .privacy-sec1 .wrap1 .inner{
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
}