@charset "UTF-8";
/*******************************
*　下層ヘッダー
********************************/
.pg_header{
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}
.pg_header_mv_img{
    position: relative;
    z-index: 1;
}
.pg_header_mv_img.img_fit:before{
    padding-top: 190px;
}
.pg_header_title{
    position: absolute;
    z-index: 2;
    top: 65%;
    top: 50%;
    left: auto;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.pg_header_title_txt{
    display: inline-block;
    font-size: 20px;
    font-family: var(--font-ja);
    font-weight: 900;
    line-height: 1;
    letter-spacing:  0;
    color: #000000;
    background: var(--sub-color);
    padding: 5px 8px 7px;
}

@media (min-width:768px){
    .pg_header{
        margin-bottom: 40px;
    }
    .pg_header_mv_img.img_fit:before{
        padding-top: 250px;
    }
    .pg_header_title_txt{
        font-size: 30px;
        padding: 5px 8px 7px;
    }

}
@media (min-width:1024px){
    .pg_header{
        margin-bottom: 70px;
    }
    .pg_header_mv_img.img_fit:before{
        padding-top: 350px;
    }
    .pg_header_title_txt{
        font-size: 32px;
        padding: 5px 10px 7px;
    }

}
@media (min-width:1200px){

    .pg_header{
        margin-bottom: 140px;
        margin-bottom: 74px;
    }
    .pg_header_mv_img.img_fit:before{
        padding-top: 550px;
    }
    .pg_header_title_txt{
        font-size: 50px;
        padding: 7px 12px 13px;
    }

}

/*******************************
*　共通パーツ
********************************/
body{
    background: #ededed;
}

/* テキスト */
.cmn_txt{
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 2.5em;
    text-align: justify;
}
.cmn_txt p{
    letter-spacing: 0.05em;
}

/* ページネーション */
.webgene-pagination {
    width: 100%;
    margin: 50px 0 0;
    line-height: 1.85;
}
.webgene-pagination ul{
    display: flex;
    justify-content: center;
    align-items: center;
}
.webgene-pagination li{
    padding: 4px 13px;
    margin: 0 4px;
    border: 2px solid #393a57;
    background: #ffffff;
    font-weight: 500;
}
.webgene-pagination li.selected{
    border: 0;
    background: #e94709;
    color: #FFF;
}
.webgene-pagination li.next a:after{
    content: "\f101";
    font-family: 'FontAwesome';
    font-weight: 900;
    display: inline-block;
    margin-left: 10px;
}
.webgene-pagination li.prev a:before{
    content: "\f100";
    font-family: 'FontAwesome';
    font-weight: 900;
    display: inline-block;
    margin-right: 10px;
}

/* 見出し */
.tt2{
    text-align: left;
    margin-bottom: 15px;
}
.tt2_en{
    font-size: 35px;
    font-weight: 600;
    font-family: var(--font-en);
    line-height: 1;
    letter-spacing: 0;
    color: var(--main-color);
}
.tt2_ja{
    font-size: 16px;
    font-family: var(--font-ja);
    font-weight: 700;
    letter-spacing: 0.05em;
    margin-top: 8px;
    padding-left: 15px;
    position: relative;
}
.tt2_ja:before{
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    top: 55%;
    left: 0;
    transform: translateY(-50%);

    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--main-color);
}

/**/
.cmn_tt{

}
.cmn_tt_en{
    font-size: 62px;
    font-family: var(--font-en);
    font-weight: 600;
    line-height: 0.75;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
    /*  text-shadow:
        1px 1px 0 #1283c8,
        -1px 1px 0 #1283c8,
        1px -1px 0 #1283c8,
        -1px -1px 0 #1283c8;*/
    text-shadow:
        1px 1px 0 #1283c8,
        -1px 1px 0 #1283c8,
        1px -1px 0 #1283c8,
        -1px -1px 0 #1283c8,
        2px 2px 0 #1283c8,
        -2px 2px 0 #1283c8,
        2px -2px 0 #1283c8,
        -2px -2px 0 #1283c8;
    position: relative;
    z-index: -1;
}

/**/
.cmn_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cmn_box:after{
    content: "";
    display: block;
    background: #FFF;
    position: absolute;
    top: 260px;
    bottom: -480px;
    left: var(--margin-for-device-side-w);
    right: var(--margin-for-device-side-w);
    z-index: -1;
}
.cmn_box1{
    width: 100%;
    margin-top: 20px;
    order: 2;
}
.cmn_box1_img{

}
.cmn_box1_img:before{
    padding-top: 75%;
}
.cmn_box2{
    width: 100%;
    margin-top: 20px;
    order: 1;
}


@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){


}
@media (min-width:768px){
    /* ページネーション */
    .webgene-pagination {
        margin-top: 50px;
    }

    /* 見出し */
    .tt2{
        margin-bottom: 25px;
    }
    .tt2_en {
        font-size: 45px;
    }
    .tt2_ja{
        font-size: 16px;
        margin-top: 10px;
        padding-left: 20px;
    }

    /**/
    .cmn_box:after {
        top: 330px;
        bottom: -195px;
        left: var(--margin-for-device-side-w);
        right: var(--margin-for-device-side-w);
        z-index: -1;
    }

    .cmn_tt_en{
        font-size: 130px;
    }
}
@media (min-width:1024px){

    /* ページネーション */
    .webgene-pagination{
        margin-top: 80px;
    }
    .posts_list .webgene-pagination{
        margin-top: 80px;
    }

    /* 見出し */
    .tt2{
        margin-bottom: 40px;
    }
    .tt2_en{
        font-size: 80px;
        margin-left: -10px;
    }
    .tt2_ja{
        font-size: 20px;
        padding-left: 20px;
        margin-top: 10px;
    }

    /**/
    .cmn_box{
        position: relative;
    }
    .cmn_box:after {
        top: 32px;
        bottom: -46px;
        left: 100px;
        /* left: var(--margin-for-device-side-w); */
        right: var(--margin-for-device-side-w);
        z-index: -1;
    }
    .cmn_box1{
        width: 39.47%;
        margin-top: 0;
        order: 1;
    }
    .cmn_box1_img{

    }
    .cmn_box1_img:before{
        padding-top: 75%;
    }
    .cmn_box2{
        width: 56.31%;
        margin-top: 0;
        order: 2;
    }

    .cmn_tt_en{
        font-size: 180px;
    }
}

@media (min-width:1366px){

    /* 見出し */
    .tt2{
        margin-bottom: 40px;
    }
    .tt2_en{
        font-size: 80px;
        margin-left: -10px;
    }
    .tt2_ja{
        font-size: 24px;
        padding-left: 20px;
        margin-top: 23px;
    }

    /**/
    .cmn_box:after{
        top: 32px;
        bottom: -96px;
        left: 100px;
        /*left: var(--margin-for-device-side-w);*/
        right: var(--margin-for-device-side-w);
        z-index: -1;
    }
}
@media (min-width:1470px){
    .cmn_box:after{
        top: 32px;
        left: 210px;
        bottom: -96px;
        /* left: var(--margin-for-device-side-w); */
        right: var(--margin-for-device-side-w);
    }
    .cmn_box2{
        margin-top: -10px;
    }

    .cmn_tt_en{
        font-size: 250px;
    }
}
@media (min-width:1720px){
    .cmn_tt_en{
        font-size: 300px;
    }
}
/*******************************
*　
********************************/

/* セクション設定 */
.pg_company{

}
.pg_company .section.sec1{

}
.pg_company .section.sec2{

}


@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

}
@media (min-width:768px){

    .pg_company{

    }
    .pg_company .section.sec1{

    }
    .pg_company .section.sec2{

    }

}
@media (min-width:1024px){
    .pg_company .section.sec2{
        padding-top: 100px;
    }

}
@media (min-width:1200px){


}
@media (min-width:1470px){
    .pg_company .section.sec2{
        padding-top: 160px;
    }

}
@media (min-width:1720px){
    .pg_company .section.sec2{
        padding-top: 160px;
    }

}


/* メイン部分 */


/* 会社概要 */
.company_tbl{
    margin-top: 20px;
}
.company_tbl .table_rows_th,
.company_tbl .table_rows_td{
    color: #000;
    border-color: #888888;
    padding: 10px 10px;

    font-size: 16px;
    font-weight: 500;
    font-weight: 400;
}
.company_tbl .table_rows_th{
    background: #d9dddd;

}
.company_tbl .table_rows_td{
    background: #FFF;
}
.company_tbl .table_rows_th p,
.company_tbl .table_rows_td p{
    letter-spacing: 0.075;
}

/* マップ */
.company_map{

}
* + .company_map{
    margin-top: 50px;
}
.company_map iframe{
    border: 0;
    width: 100%;
    height: 250px;
}

/* ギャラリー */
.company_gallery_items{
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}
* + .company_gallery_items{
    margin-top: 30px;
}
.company_gallery_item{
    width: 50%;
    padding: 0 5px;
}
.company_gallery_item:nth-child(n+3){
    margin-top: 10px;
}
.company_gallery_item_img{

}
.company_gallery_item_img.img_fit:before{
    padding-top: 71.400%;
}

@media (max-width:767px){
    .company_tbl .table_rows_th,
    .company_tbl .table_rows_td {
        display: block;
        width: 100%;
        border: 1px solid #bababa;
        border-bottom: 0;
    }
}
@media (min-width:768px){

    /* 会社概要 */
    .company_tbl{
        margin-top: -10px;
    }
    .company_tbl .table_rows_th,
    .company_tbl .table_rows_td{
        font-size: 17px;
        padding: 17px 30px 18px;
    }
    .company_tbl .table_rows_th{
        width: 200px;
    }
    .company_tbl .table_rows_td{
    }

    /* マップ */
    .company_map{

    }
    * + .company_map{
        margin-top: 50px;
    }
    .company_map iframe{
        height: 400px;
    }


    /* ギャラリー */
    .company_gallery_items{
        margin-left: -10px;
        margin-right: -10px;
    }
    * + .company_gallery_items{
        margin-top: 40px;
    }
    .company_gallery_item{
        width: 33.333%;
        padding: 0 10px;
    }
    .company_gallery_item:nth-child(n+3){
        margin-top: 0;
    }
    .company_gallery_item:nth-child(n+4){
        margin-top: 20px;
    }

}
@media (min-width:1024px){


}
@media (min-width:1200px){

    /* 会社概要 */
    .company_tbl{
        margin-top: -15px;
    }
    .company_tbl .table_rows_th,
    .company_tbl .table_rows_td{
        padding: 19px 15px 19px;
    }
    .company_tbl .table_rows_th{
        width: 284px;
    }
    .company_tbl .table_rows_td{
    }

    /* ギャラリー */
    .company_gallery_items{
        margin-left: -15px;
        margin-right: -15px;
    }
    * + .company_gallery_items{
        margin-top: 60px;
    }
    .company_gallery_item{
        width: 33.333%;
        padding: 0 15px;
    }
    .company_gallery_item:nth-child(n+3){
        margin-top: 0;
    }
    .company_gallery_item:nth-child(n+4){
        margin-top: 30px;
    }

}
@media (min-width:1470px){


}
@media (min-width:1720px){
    /* 会社概要 */
    .company_tbl{
        margin-top: -45px;
    }

}



/* カテゴリNav */
.cmn_cat_nav{

}
.cmn_cat_nav .webgene-blog{
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}
.cmn_cat_nav .webgene-item{
    width: 50%;
    padding: 0 5px;
    margin: 5px 0;
    font-size: 12px;
    line-height: 1.4285;
}
.cmn_cat_nav .webgene-item a{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 50px;
    padding: 2px 10px 3px;
    font-family: var(--font-gothic);
    color: var(--main-color);
    border: 1px solid var(--main-color);
    position: relative;
    z-index: 1;
    transition: 0.2s all;
}

.cmn_cat_nav .webgene-item a:after{
    content: "→";
    font-size: 10px;
    font-family: var(--font-mincho);
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: 0.2s all;
}
.cmn_cat_nav .webgene-item.on a,
.cmn_cat_nav .webgene-item a:hover{
    background: var(--main-color);
    color: #FFF;
}
.cmn_cat_nav .webgene-item a:hover:after{
    margin-right: -2px;
}

.cmn_cat_nav.color2 .webgene-item a{
    background: #b8d200;
    border-color: #b8d200;
    color: #FFF;
}
.cmn_cat_nav.color2 .webgene-item a:hover{
    background: var(--main-color);
    border-color: var(--main-color);
}
.cmn_cat_nav.color2 .webgene-item a:before{
    content: "";
    position: absolute;
    z-index: 1;
    border: 2px solid #FFF;
    inset: 0;
}

@media (max-width:767px){

    .cmn_cat_nav.col1_sp .webgene-item{
        width: 100%;
    }
    .cmn_cat_nav.col2_sp .webgene-item{
        width: 50%;
    }
    .cmn_cat_nav.col3_sp .webgene-item{
        width: 33.333%;
    }
    .cmn_cat_nav.col4_sp .webgene-item{
        width: 25%;
    }

    .cmn_cat_nav.txt_sm_sp .webgene-item{
        font-size: 10px;
    }

}
@media (min-width:768px){

    .cmn_cat_nav{
        margin-left: -15px;
        margin-right: -15px;
    }
    .cmn_cat_nav .webgene-item{
        width: 50%;
        padding: 0 15px;
        margin: 12.5px 0;
        font-size: 14px;
    }
    .cmn_cat_nav .webgene-item a{

    }

    .cmn_cat_nav .webgene-item a:after{
        font-size: 14px;
        right: 10px;
    }
    .cmn_cat_nav .webgene-item a:hover:after{
        margin-right: -5px;
    }
}
@media (min-width:1024px){

}
@media (min-width:1200px){

    .cmn_cat_nav{
        margin-left: -15px;
        margin-right: -15px;
    }
    .cmn_cat_nav .webgene-item{
        padding: 0 15px;
        margin: 12.5px 0;
        font-size: 14px;
    }
    .cmn_cat_nav .webgene-item a{

    }

    .cmn_cat_nav.col2 .webgene-item{
        width: 50%;
    }
    .cmn_cat_nav.col3 .webgene-item{
        width: 33.333%;
    }
    .cmn_cat_nav.col4 .webgene-item{
        width: 25%;
    }
    .cmn_cat_nav.col5 .webgene-item{
        width: 20%;
    }

}


/*******************************
*　記事一覧
********************************/
/* 背景 */
.body_blog,
.body_blogDetail{
    background-image: url(https://sit-9341179.sibloo.com/system_panel/uploads/images/bk1.jpg);
}


/* 一覧（サムネあり） */
.news_list_thumb{

}
* + .news_list_thumb{
    margin-top: 50px;
}
.posts_category_sp + .news_list_thumb{
    margin-top: 0;
}
.news_list_thumb .webgene-blog{
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}
.news_list_thumb .webgene-item{
    width: 50%;
    padding: 0 5px;
}
.news_list_thumb .webgene-item:nth-child(n+3){
    margin-top: 15px;
}
.news_list_thumb .webgene-item{

}
.news_list_thumb .webgene-item .inner{
    display: block;
    position: relative;
    z-index: 1;
    color: #000;
    background: #f7f7f7;
}
.news_list_thumb .webgene-item a:hover{
    color: var(--main-color);
}
.news_list_thumb .webgene-item .box1{

}
.news_list_thumb .webgene-item .box2{
    padding: 10px 10px;
}
.news_list_thumb .webgene-item .img{
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.news_list_thumb .webgene-item .img.img_fit:before{
    padding-top: 75%;
    padding-top: 66.71%;
}
.news_list_thumb .webgene-item .meta{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 5px;
}
.news_list_thumb .webgene-item .meta .category{
    font-size: 12px;
    font-family: var(--font-ja);
    font-weight: 700;
    letter-spacing: 0;
    background: #000;
    border-radius: 50px;
    color: #FFF;
    padding: 1px 12px;
    margin: 5px 0;
    margin-right: 10px;
}
.news_list_thumb .webgene-item .meta .date{
    font-size: 15px;
    font-weight: 700;
    font-family: var(--font-en);
    margin: 5px 0;
    /*margin-right: 10px;*/
}
.news_list_thumb .webgene-item .title{
    font-size: 16px;
    font-family: var(--font-ja);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;

    border-bottom: 1px solid #b3b3b3;
    padding-bottom: 10px;
    margin-bottom: 11px;
}
.news_list_thumb .webgene-item .txt{
    font-size: 12.16px;
    font-family: var(--font-en);
    font-weight: 600;
    letter-spacing: 0;
    text-align: center;
}

.news_list_thumb.col3{

}
.news_list_thumb.col4{

}


@media (max-width:767px){

}
@media (min-width:768px){

    /* 一覧（サムネあり） */
    .news_list_thumb{

    }
    * + .news_list_thumb{
        margin-top: 50px;
    }
    .news_list_thumb .webgene-blog{
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
    .news_list_thumb .webgene-item{
        width: 50%;
        padding: 0 7.5px;
    }
    .news_list_thumb .webgene-item:nth-child(n+3){
        margin-top: 15px;
    }
    .news_list_thumb .webgene-item{

    }
    .news_list_thumb .webgene-item .inner{
    }
    .news_list_thumb .webgene-item .box1{

    }
    .news_list_thumb .webgene-item .box2{
        padding: 10px 10px 15px;
    }
    .news_list_thumb .webgene-item .meta{
        margin-bottom: 0;
    }
    .news_list_thumb .webgene-item .meta .category{
        font-size: 13px;
        /*margin-right: 10px;*/
    }
    .news_list_thumb .webgene-item .meta .date{
        font-size: 15px;
        /*margin-right: 10px;*/
    }
    .news_list_thumb .webgene-item .title{

    }

}
@media (min-width:1024px){

    /* 一覧（サムネあり） */


    /* 3カラム */
    .news_list_thumb.col3 .webgene-item{
        width: 33.333%;
    }
    .news_list_thumb.col3 .webgene-item:nth-child(n+3){
        margin-top: 0;
    }
    .news_list_thumb.col3 .webgene-item:nth-child(n+4){
        margin-top: 60px;
    }

    /* 4カラム */
    .news_list_thumb.col4 .webgene-item{
        width: 25%;
    }
    .news_list_thumb.col4 .webgene-item:nth-child(n+3){
        margin-top: 0;
    }
    .news_list_thumb.col4 .webgene-item:nth-child(n+5){
        margin-top: 15px;
    }

}
@media (min-width:1200px){

    /* 一覧（サムネあり） */
    .news_list_thumb{

    }
    * + .news_list_thumb{
        margin-top: 50px;
    }
    .news_list_thumb .webgene-blog{
        margin-left: -17px;
        margin-right: -17px;
    }
    .news_list_thumb .webgene-item{
        padding: 0 17px;
    }
    .news_list_thumb .webgene-item .box1{

    }
    .news_list_thumb .webgene-item .box2{
        padding: 18px 18px 15px;
    }

    .news_list_thumb .webgene-item .title{
        font-size: 16px;
        line-height: 1.875;
    }



}
@media (min-width:1470px){


}
@media (min-width:1720px){
    .news_list_thumb .webgene-item .box2{
        padding: 18px 22px 11px;
    }

}


/*******************************
*　記事一覧(2カラム)
********************************/
.pg_news{
    padding-top: 0;
}
.posts_layout{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}
.posts_layout_box1{
    width: 100%;
}
.posts_layout_box2{
    width: 100%;
    margin-top: 50px;
}

.select_wrap{
    position: relative;
    z-index: 1;
    margin-left: 5px;
    margin-right: 5px;
}
.select_wrap:after{
    content: "\f078";
    content: "\f107";
    font-family: "FontAwesome";
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.select_wrap select{
    width: 100%;
    padding: 10px 10px;
    /*height: 40px;*/
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;

    background: #FFF;
    border: 2px solid #000;
}
.posts_category_sp{
    margin-bottom: 30px;
}

/* リスト */
.posts_list{

}
.posts_list .webgene-item{
    display: flex;
    align-items: center;
    border-bottom: 1px dotted;
    padding-bottom: 10px;
}
.posts_list .webgene-item + .webgene-item{
    margin-top: 10px;
}
.posts_list .webgene-item .date{
    width: 95px;
    letter-spacing: 0.1em;
}
.posts_list .webgene-item .category{
    width: auto;
    font-size: 0.75em;
}
.posts_list .webgene-item .category span{
    display: block;
    background: #0069ba;
    color: #FFF;
    padding: 3px 5px;
    text-align: center;
}
.posts_list .webgene-item .title{
    width: 100%;
    letter-spacing: 0.075em;
}
.posts_list .webgene-item .title a{

}


/* サイド */
.posts_side_wrap{
    background: #FFF;
    padding-bottom: 20px;
}
.posts_side_wrap + .posts_side_wrap{
    margin-top: 30px;
}
.posts_side_title {
    background: #e94709;
    color: #FFF;
    padding: 12px 10px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    letter-spacing: 0.025em;
    text-align: center;
    margin-bottom: 16px;
}

.posts_cat_item{
    padding-left: 12px;
}
.posts_cat_item + .posts_cat_item{
    margin-top: 0;
}
.posts_cat_item a{
    display: block;
    position: relative;
    padding-left: 25px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    letter-spacing: 0.025em;
    line-height: 1.875;
}
.posts_cat_item a:hover{
    color: var(--main-color);
}
.posts_cat_item a:before{
    content: "■";
    position: absolute;
    left: 0;
}

/* 詳細 */
.posts_detail{
    border: 1px solid #d3d3d3;
    border-top: 5px solid #e94709;
    background: #f7f7f7;
    padding: 15px 10px;
}
.posts_detail .webgene-item{

}
.posts_detail .meta{
    border-bottom: 1px solid #b9b9b9;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.posts_detail .meta .category{
    /*margin-bottom: 2px;*/
}
.posts_detail .meta .category span{
    display: inline-block;
    background: #FFF;
    color: #181818;
    min-width: 100px;
    font-size: 13px;
    font-family: var(--font-ja);
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
    padding: 4px 5px;
    line-height: 1.2;
}
.posts_detail .meta .date{
    font-size: 16px;
    font-family: var(--font-en);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.875;
}
.posts_detail .meta .title{
    font-size: 16px;
    font-family: var(--font-ja);
    font-weight: 500;
    letter-spacing: 0.075em;
    margin-top: 5px;
}
.posts_detail .post_content{
    font-size: 16px;
    font-family: var(--font-ja);
    font-weight: 500;
    line-height: 2.125;
    letter-spacing: 0.075em;
    text-align: justify;
    word-break: break-all;

    border-bottom: 1px solid #b9b9b9;
    padding-bottom: 30px;
}
.post_content img{
    margin-bottom: 20px;
}
.posts_detail .thumb{
    margin-bottom: 10px;
}

.posts_back_list{

}
.posts_back_list a{
    display: block;
    width: 255px;
    max-width: 100%;
    margin: 30px auto 0;
    background: #f3f2f2;
    padding: 4px;
    border-radius: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: center;
}
.posts_back_list a p{
    border: 2px dashed #0069b6;
    border-radius: 10px;
    padding: 10px 6px;
}
.posts_back_list a p:after{
    content: "\f105";
    font-family: "FontAwesome";
    margin-left: 18px;
}

/* PDFリンク */
.post_pdf{
    text-align: left;
}
.post_pdf a{
    display: inline-block;
    margin-top: 30px;
    border-bottom: 1px solid;
    transition: 0.2s all;
}
.post_pdf a[href=""]{
    display: none;
}
.post_pdf a:hover{
    border-bottom: 0;
}
.post_pdf a:before{
    /*
    * f054 > (大)
    * f105 > (小)
    */
    content: "\f105";
    font-family: "FontAwesome";
    margin-right: 5px;
}


/* 動画 */
.post_video{

}
.post_video .responsive_video{
    margin-top: 15px;
}
.post_video .responsive_video:empty{
    display: none;
}

/* コピー用 */
@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){
    .posts_list .webgene-item{
        flex-wrap: wrap;
    }
    .posts_list .webgene-item .title{
        margin-top: 5px;
    }
    .posts_list .webgene-item .category{
        max-width: calc(100% - 95px);
        line-height: 1.2;
    }
}
@media (min-width:768px){

    .pg_news{

    }
    .posts_layout_box1{
        width: 68.98%;
    }
    .posts_layout_box2{
        width: 26.69%;
        margin-top: 0;
    }

    .posts_category_sp{
        display: none;
    }

    /* リスト */
    .posts_list{

    }
    .posts_list .webgene-item{
        padding-bottom: 20px;
    }
    .posts_list .webgene-item + .webgene-item{
        margin-top: 20px;
    }
    .posts_list .webgene-item .date{
        width: 90px;
        font-size: 14px;
        letter-spacing: 0.075em;
    }
    .posts_list .webgene-item .category{
        width: 160px;
    }
    .posts_list .webgene-item .category span{
    }
    .posts_list .webgene-item .title{
        width: calc(100% - 100px - 150px - 15px);
        margin-left: 15px;
    }
    .posts_list .webgene-item .title a{

    }

    .posts_side_wrap + .posts_side_wrap{
        margin-top: 50px;
    }

    /* 詳細 */
    .posts_detail{
        padding: 20px 15px;
    }
    .posts_detail .webgene-item{

    }
    .posts_detail .meta{
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 11px;
        margin-bottom: 15px;
    }
    .posts_detail .meta .category{
        /*width: 100%;*/
    }
    .posts_detail .meta .category span{
        font-size: 13px;
        padding: 5px 5px;
    }
    .posts_detail .meta .date{
        width: 105px;
    }
    .posts_detail .meta .title{
        /*width: calc(100% - 105px);*/
        width: 100%;
        font-size: 18px;
        margin-top: 3px;
    }
    .posts_detail .post_content{
        /*padding: 0 10px;*/
    }
    .posts_detail .thumb{
        margin-bottom: 20px;
    }


}
@media (min-width:1024px){

    /* リスト */
    .posts_list{

    }
    .posts_list .webgene-item{
    }
    .posts_list .webgene-item + .webgene-item{
    }
    .posts_list .webgene-item .date{
        width: 120px;
        font-size: 16px;
    }
    .posts_list .webgene-item .category{
        width: 160px;
    }
    .posts_list .webgene-item .category span{
    }
    .posts_detail .meta .category span{
        min-width: 100px;
        font-size: 12px;
        padding: 2px 5px;
    }
    .posts_list .webgene-item .title{
        width: calc(100% - 120px - 160px - 25px);
        margin-left: 25px;
    }
    .posts_list .webgene-item .title a{

    }

    .posts_cat_item a{
        padding-left: 33px;
    }
    .posts_layout_box1{
        width: 73.98%;
    }
    .posts_layout_box2{
        width: 20.69%;
        margin-top: 0;
    }


    /* 詳細 */
    .posts_detail{
        padding: 30px 25px;
    }
    .posts_detail .meta{
        padding-bottom: 11px;
        margin-bottom: 30px;
    }
    .posts_detail .post_content{
        padding-bottom: 50px;
    }
}
@media (min-width:1200px){

    .pg_news{
        /*padding-top: 100px;*/
    }

    .posts_layout_box1{
        width: 75.98%;
    }
    .posts_layout_box2{
        width: 17.69%;
        margin-top: 0;
    }

    .select_wrap{
        margin-left: 8px;
        margin-right: 8px;
    }

    /* 詳細 */
    .posts_detail{
        padding: 59px 60px 35px;
    }
    .posts_detail .meta{
        padding-bottom: 11px;
        margin-bottom: 50px;
    }
    .posts_detail .post_content{
        padding-bottom: 72px;
    }
}

/*******************************
*　ギャラリー（サムネ横ver）
********************************/
.pg_xxx{

}
.pg_xxx .section.sec1{
    padding-top: 0;
    padding-bottom: 0;
}

/* スライド */
.gallery_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
.gallery_box1{
    width: 100%;
    position: relative;
}
.gallery_box2{
    width: 100%;
    margin-top: 15px;
}

/* メイン */
.gallery_main{

}
.gallery_main .img{
    background: #FFF;
}
.gallery_main .img.img_fit:before{
    padding-top: 67.39%;
}
.gallery_main .img.img_fit img{
    object-fit: contain;
    object-position: center;
}
/* サムネ */
.gallery_thumb{

}
.gallery_thumb .img{
    width: 100%;
    background: #EEE;
    overflow: hidden;
}
.gallery_thumb .img.img_fit:before{
    padding-top: 67.85%;
}
.gallery_thumb .img.img_fit img{

}
.gallery_slide_prev .fa{
    display: none;
}
.gallery_slide_prev,
.gallery_slide_next{
    width: 20px;
    aspect-ratio:1 / 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.gallery_slide_prev{
    background-image: url(/system_panel/uploads/images/left.png);
    left: -30px;
}
.gallery_slide_next{
    background-image: url(/system_panel/uploads/images/right.png);
    right: -30px;
}
.gallery_slide_prev:hover,
.gallery_slide_next:hover{
    cursor: pointer;
    transition: all 0.4s ease;
}
.gallery_slide_next .fa{
    display: none;
}

/* 詳細 */
.gallery_detail{

}
.gallery_detail .meta{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 20px;
    margin-bottom: 15px;
    padding-bottom: 10px;

}
.gallery_detail .meta .title{
    font-size: 18px;
    line-height: 1.5;
}
.gallery_detail .meta .price{
    font-size: 18px;
    line-height: 1.5;
    margin-left: auto;
}
.gallery_detail .post_content{
    font-size: 16px;
    line-height: 2;
    text-align: justify;
    word-break: break-all;
}
.gallery_detail .read_more{
    margin-top: 50px;
}

.works_detail .post_content{
    border: 2px solid #000000;
    background: #FFF;
    color: #181818;
    padding: 30px 16px;
    margin-top: 30px;
}
.works_detail .post_content .title{
    font-size: 18px;
    font-family: var(--font-ja);
    font-weight: 500;
    letter-spacing: 00;
    border-bottom: 1px solid #0d0d0d;
    padding-bottom: 16px;
}
.works_detail .post_content .post_txt{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.875;
    letter-spacing: 0;
    padding-top: 18px;
}
.works_detail .post_content .post_txt h1,
.works_detail .post_content .post_txt h2,
.works_detail .post_content .post_txt h2,
.works_detail .post_content .post_txt h3,
.works_detail .post_content .post_txt h4,
.works_detail .post_content .post_txt h5,
.works_detail .post_content .post_txt h6{
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px;
}
.works_detail .post_content .post_txt h2{
    font-size: 1.5em;
    color: var(--main-color);
    background: #FFF;
    border-left: 5px solid var(--main-color);
    padding: 10px 12px 12px;
}
.works_detail .post_content .post_txt h3{
    font-size: 1.3em;
    color: #FFF;
    background: var(--main-color);
    /*border-left: 5px solid var(--main-color);*/
    padding: 3px 12px 4px;

}
.works_detail .post_content .post_txt h4{

}

.works_detail .post_content .post_txt p{

}
.works_detail .post_content .post_txt p+p{
    margin-top: 10px;
}

.pg_works .read_more a:after{

}
/* コピー用 */
@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){
    .body_worksDetail .pg_works .section.sec1{
        padding-top: 60px;
    }
    .gallery_wrap{
        width: 82.88%;
        margin:0 auto;
    }
}
@media (min-width:768px){
    .pg_xxx{

    }
    .pg_xxx .section.sec1{
        padding-top: 0;
        padding-bottom: 0;
    }
    .pg_xxx .section.sec2{
        padding-top: 0;
        padding-bottom: 0;
    }
    .pg_xxx .section.sec3{
        padding-top: 0;
        padding-bottom: 0;
    }

    /* 詳細 */
    .gallery_wrap{
        width: 82.88%;
        margin:0 auto;
    }
    .gallery_box1{
        width: 100%;
    }
    .gallery_box2{
        width: 100%;
        margin-top: 10px;

        position: relative;
        z-index: 1;
        top: 0;
        bottom: 0;
        right: 0;
        overflow: hidden;
    }

    /* サムネ */
    .gallery_thumb{
        width: 100%;
        height: 100%;
    }
    .gallery_thumb .swiper-slide {
        overflow: hidden;
    }
    .gallery_thumb .img{
        height: 100%;
    }
    .gallery_thumb .img.img_fit:before{

    }

    /* 詳細 */
    .gallery_detail{
        width: 65.76%;
        margin-top: 30px;
    }
    .gallery_detail .meta{
        margin-top: 10px;
        margin-bottom: 15px;
        padding-bottom: 10px;
    }
    .gallery_detail .meta .title{
        font-size: 18px;
    }
    .gallery_detail .meta .price{
        font-size: 18px;
    }
    .gallery_detail .post_content{
        font-size: 16px;
        line-height: 2;
    }
    .gallery_detail .read_more{
        margin-top: 50px;
    }

    .gallery_slide_prev{
        left: -54px;
    }
    .gallery_slide_next{
        right: -54px;
    }
    .works_detail{
        padding-top: 6px;
    }
    .works_detail .post_content{
        margin-top: 60px;
    }
    .works_detail .post_content .title{
        font-size: 22px;
    }
    .post_content .post_txt{
        font-size: 16px;
    }
    .gallery_slide_prev,
    .gallery_slide_next{
        width: 35px;
    }

    /*ボタン*/
    .works_detail .read_more{
        margin-top: 35px;
    }
}
@media (min-width:1024px){
    /* 詳細 */
    .gallery_detail{
        width: 65.76%;
        margin-top: 30px;
    }
    .gallery_detail .meta{
        margin-top: 10px;
        margin-bottom: 15px;
        padding-bottom: 10px;
    }
    .gallery_detail .meta .title{
        font-size: 23px;
    }
    .gallery_detail .meta .price{
        font-size: 20px;
    }
    .gallery_detail .post_content{
        font-size: 16px;
        line-height: 2;
    }
    .gallery_detail .read_more{
        margin-top: 50px;
    }

    .works_detail .post_content{
        padding: 30px 62px;
        margin-top: 100px;
    }
    .works_detail .post_content .title{
        font-size: 30px;
    }
    .post_content .post_txt{

    }

    /*ボタン*/
    .works_detail .read_more{
        margin-top: 55px;
    }
}
@media (min-width:1200px){
    .works_detail .post_content{
        padding: 46px 60px 60px;
    }
    .works_detail .post_content .title {
        padding-bottom: 40px;
    }
    .works_detail .post_content .post_txt {
        padding-top: 16px;
    }
    .gallery_slide_prev,
    .gallery_slide_next{
        width: 30px;
    }
    .gallery_slide_next{
        right: -60px;
    }
    .gallery_slide_prev{
        left: -60px;
    }
}

/*******************************
*　お問い合わせ
********************************/
.pg_contact .section.sec1 {
    position: relative;
}
.contact_info_wrap{
    background: #EEE;
    color: #FFF;
    padding: 30px 25px 20px;
    margin-bottom: 45px;
}
.contact_info_tt{
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-align: center;
    margin-bottom: 15px;
    color: #111;
}
.contact_info_box{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background: #FFF;
    color: #181818;
    padding: 25px 10px 25px 30px;
}
.contact_info_tel{
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact_info_tel_icon{
    background: #b1c274;
    color: #FFF;
    border-radius: 5px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    padding: 6px 16px;
    margin-right: 20px;
}
.contact_info_tel_link{
    font-size: 44px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1;
}
.contact_info_txt{
    font-weight: 700;
    margin-left: 0;
    letter-spacing: 0.16em;
}

@media (max-width:1023px){

    .contact_info_box{
        flex-wrap: wrap;
    }
    .contact_info_tel{
        width: 100%;
    }
    .contact_info_tt {
        font-size: 18px;
    }
    .contact_info_tel_link{
        font-size: 30px;
    }
}
@media (max-width:767px){

    .contact_info_wrap{
        margin-bottom: 50px;
        padding: 15px 10px;
    }
    .contact_info_box{
        padding: 20px 10px;
    }
    .contact_info_tt {
        font-size: 16px;
    }
    .contact_info_tel_icon{
        font-size: 14px;
        margin-right:5px;
    }
    .contact_info_tel_link{
        font-size: 24px;
    }
    .contact_info_txt{
        margin-left:0;
        margin-top: 5px;
        font-size: 10px;
    }

    .contact_info_box{
        flex-wrap: wrap;
    }
    .contact_info_tel{
        width: 100%;
    }
}


.contact_tt {
    font-size: 26px;
    text-align: center;
    margin-bottom: 25px;
    letter-spacing: 0.16em;
}
.contact_tt.privacy{
    font-family: "Noto Sans JP";
    font-weight: 500;
    font-size: 21px;
    letter-spacing: 0.2em;
}

/* フォーム */
.pg_contact .formTbl{
    border: 1px solid #bfbfbf;
    background: #ffffff;
}
.pg_contact .form.formWrap {
    letter-spacing: 0.1em;
    position: relative;
    z-index: 1;
}
.pg_contact .formRow + .formRow{
    border-top: 1px solid #bfbfbf;
}
.pg_contact .formTh {
    padding: 15px 15px 15px 20px;
    background: #ebebeb;
    letter-spacing: 0.08em;
    font-weight: 500;
}
.pg_contact .formTh label{
    margin: 0;
}
.d-inline-block.requiredText {
    font-size: 13px;
    padding: 2px 12px;
    margin-top: 3px;
    float: right;
    font-weight: 500;
    letter-spacing: 0.075em;
    background: #b80000;
    color: #ffffff;
}
.d-inline-block.requiredText.nini{
    background: #fff;
    border: 1px solid #b80000;
    color: #b80000;
}
.pg_contact .formTd {
    font-size: 15px;
    padding: 10px 19px;
}
.pg_contact .formTd.a-center{
    display: flex;
    align-items: center;
}
.pg_contact .formTd input[type="text"],
.pg_contact .formTd input[type="tel"],
.pg_contact .formTd input[type="email"]{
    max-width: 461px;
    height: 39px;
    width: 100%;
    font-size: 15px;
    padding: 5px 10px;
    border: 1px solid #d6d8d8;
    border-radius: 0;
    font-weight: 500;
    letter-spacing: 0.16em;
}
.pg_contact .formTd select{
    border-radius: 0;
}
.pg_contact .formTd input[name="zip1"]{
    max-width: 120px;
}
.pg_contact .formTd input[name="zip2"]{
    max-width: 150px;
}
.pg_contact .formTd select[name="pref"]{
    max-width: 225px;
    width: 100%;
    font-size: 16px;
    padding: 7px 10px;
    border: 1px solid #d6d8d8;
}
.pg_contact .formTd input[name="city"]{
    max-width: 425px;
}
.pg_contact .formTd .addArea + .addArea{
    margin-top: 8px;
}
.pg_contact .formTd .addArea .labelText02{
    width: 75px;
}
.pg_contact .formTd textarea{
    width: 100%;
    height: 280px;
    font-size: 15px;
    padding: 5px 10px;
    border: 1px solid #d6d8d8;
    border-radius: 0;
    font-weight: 500;
    letter-spacing: 0.16em;
}
.pg_contact .formWrap .text-center{
    padding-top: 56px;
}
.pg_contact input[name="privacy"]{
    margin-right: 7px;
}
.pg_contact .privacyLabel{
    font-size: 17px;
    display: inline;
    font-family: var(--font-ja);
    font-weight: 500;
    letter-spacing: 0.08em;
}
.pg_contact .privacyLabel a{
    color: #0e44a7;
}
.pg_contact .formBtn.formSend {
    display: block;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    display: block;
    width:332px;
    height: auto;
    overflow: hidden;
    color: #fff !important;
    border: 0;
    background: linear-gradient(90deg, #1f4f7a, #8a6f7f, #1f4f7a);
    background-size: 200% 100%;
    background-position: 0% 0;
    transition: background-position 0.5s ease;
    border-bottom: none;
    padding: 9px 0;
    margin: 5px 5px 0;
    margin-left: auto;
    margin-right: auto;
    transition: 0.2s all;
}
.pg_contact .formBtn.formSend:after{
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    width: 18px;
    height: 220%;
    background: #fff;
    clip-path: polygon(99% 0, 0 0, 98% 50%);
    z-index: 1;
}
.text-center_inner{
    width:332px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.pg_contact .text-center_inner:before{
    content: "";
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 17px;
    height: 105%;
    background: #fff;
    clip-path: polygon(0 100%, 0 0, 100% 100%);
    z-index: 2;
}

.pg_contact .formBtn.formSend::before {
    content: "";
    position: absolute;
    top: -34%;
    left: 23px;
    width: 2px;
    height: 190%;
    background: #fff;
    opacity: 0.7;
    transform: skewX(23deg);
    box-shadow: 16px 0 0 rgba(255,255,255,1);
    z-index: 1;
}

.pg_contact .formBtn.formSend:hover{
    background-position: 100% 0 !important;
    border: 0;
}
.pg_contact label {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 500;
    letter-spacing: 0.08em;
}
.radioArea{
    padding: 0;
}
.radioArea .d-inline-block .label{
    margin-left: 7px;
    letter-spacing: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.08em;
}
.radioArea .d-inline-block{
    margin-right: 12px;
}
.radioArea .d-inline-block:last-child{
    margin-right: 0;
}
label.label.zipcode_i {
    padding: 5px;
    background: #cccccc;
    margin: 0;
    display: inline-block;
    border: 1px solid #d6d8d8;
    border-right: 0;
    vertical-align: top;
    line-height: 1.8em;
}
.pg_contact .section.sec1 {
    padding: 0 0 0;
}

@media only screen and (min-width: 1024px){
    .pg_contact .formTh {
        -ms-flex: 0 0 28%;
        -webkit-box-flex: 0;
        -webkit-flex: 28%;
        flex: 0 0 28%;
        max-width: 28%;
    }
    .pg_contact .formTd {
        -ms-flex: 0 0 72%;
        -webkit-box-flex: 0;
        -webkit-flex: 72;
        flex: 0 0 72%;
        max-width: 72%;
    }

    .thanks_text{
        text-align: center;
    }
}


/* プライバシー */
.pg_contact .section.sec2{
    padding: 139px 0 20px;
    padding: 29px 0 0;
}
.pg_contact .section.sec2 .contact_tt{
    margin-bottom: 45px;
    padding-left: 10px;
}
.privacy_item {
    margin-top: 27px;
}
.privacy_ttl {
    font-size: 18px;
    font-family: var(--font-ja);
    font-weight: 500;
    padding: 8px 15px;
    margin-bottom: 12px;
    border-left: 6px solid var(--main-color);
    letter-spacing: 0.04em;
}
.privacy_txt{
    font-family: var(--font-ja);
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.875;
    text-align: justify;
}
.privacy_txt a:hover{
    color: var(--main-color);
}
.privacy_txt p{
    letter-spacing: 0.04em;
}
.privacy_txt_type1{
    text-indent: -1.5em;
    padding-left: 1.5em;
}
.privacy_txt_type1_b{
    text-indent: -1em;
    padding-left: 1em;
}
.privacy_txt_type1_c{
    text-indent: -3em;
    padding-left: 3em;
}
.privacy_txt_type2{

}
.privacy_txt_type2 p{
    text-indent: -1em;
    padding-left: 1em;
}

.privacy_txt ol li{
    padding-left: 1.6em;
    text-indent: -1.6em;
}
.privacy_txt ul li{
    padding-left: 1em;
    text-indent: -1em;
}

.contact_tt.privacy {
    margin-bottom: 46px;
}
.contact_tt.privacy br{
    display: none;
}
.pg_contact .d-inline{
    display: inline-block!important;
}
.pg_contact .d-inline-block {
    vertical-align: middle;
}

.privacy_box {
    padding: 28px 50px 30px 28px;
    height: 397px;
    overflow: auto;
    background: #fff;
    border: 1px solid #bfbfbf;
    margin-top: 0;
    color: #000000;
    margin-top: 56px;
}
@media only screen and (max-width: 1023px){
    .radioArea {
        padding: 0 5px;
    }
    .radioArea .d-inline-block .label {
        margin-left: 11px;
    }


    .privacy_ttl{
        font-size: 18px;
    }

}

@media only screen and (max-width: 767px){
    .contact_info {
        padding: 18px 15px 10px;
    }
    .contact_info_txt_1 br{
        display: block;
    }
    .contact_info_txt_2 {
        padding: 0 6px 0 10px;
        margin-right: 10px;
    }
    .contact_tt {
        margin-bottom: 25px;
        font-size:18px;
    }
    .pg_contact .formTh {
        padding: 5px 10px;
    }
    .pg_contact .formTd {
        font-size: 13px;
        padding: 10px;
    }
    .pg_contact .formTd input[name="zip1"] {
        width: 80px;
    }
    .pg_contact .formTd input[name="zip2"] {
        width: 100px;
    }
    .pg_contact .formTd select[name="pref"] {
        width: 155px;
    }
    .pg_contact .formTd input[type="text"]::placeholder,
    .pg_contact .formTd input[type="tel"]::placeholder,
    .pg_contact .formTd input[type="email"]::placeholder{
        font-size: 14px;
        letter-spacing: 0.01em;
    }
    .pg_contact .formWrap .text-center {
        padding-top: 25px;
    }
    .pg_contact .privacyLabel {
        font-size: 15px;
    }

    .privacyformError{
        margin-top:-40px !important;
    }

    .contact_tt.privacy br{
        display: block;
    }
    .contact_tt.privacy {
        font-size: 19px;
        margin-bottom: 0;
    }
    .privacy_item {
        margin-top: 26px;
    }
    .contact_info_txt_1 {
        margin-bottom: 10px;
        padding-left: 0;
    }
    .pg_contact .d-inline {
        display: block!important;
    }
    .pg_contact .formTd .addArea .labelText02 {
        display: block;
    }
    label.label.zipcode_i {
        padding: 6.5px 4px;
    }
    a.contact_info_txt_3 {
        width: 200px;
        margin: 10px 0;
    }

    .radioArea .d-inline-block {
        margin-right: 10px;
    }
    .pg_contact .section.sec2 .contact_tt {
        margin-bottom: 20px;
    }


    .pg_contact .section.sec1 {
        padding: 0 0 10px;
    }
    .contact_info_bg {
        padding: 18px 10px;
    }

    .pg_contact .section.sec2{
        padding: 65px 0 30px;
        padding: 10px 0 30px;
    }

    .privacy_ttl {
        font-size: 18px;
        padding-left: 10px;
    }

    .privacy_box {
        margin-top: 30px;
    }
}

@media (min-width: 1024px) {
    /* タイトル */
    .tt2_en5:before,
    .tt2_en5:after {
        width: 360px;
    }
}
@media (min-width: 1200px) {
    /* タイトル */
    .tt2_en5:before,
    .tt2_en5:after {
        width: 360px;
    }
    .pg_contact .formBtn.formSend{
        min-width: 0;
    }
}
@media (min-width: 1470px) {
    /* タイトル */
    .tt2_en5:before,
    .tt2_en5:after {
        width: 360px;
    }
    .pg_contact .section.sec1{
        margin-top: 0;
    }

}
@media (min-width: 1720px) {
    /* タイトル */
    .tt2_en5:before,
    .tt2_en5:after {
        width: 360px;
    }

    .cmn_bk6 {
        top: -350px;
        width: 100%;
        padding-bottom: 1271px;
    }

    .pg_contact .section.sec1{
        margin-top: 0;
    }

}

/*******************************
*　LINEバナー
********************************/
.contact_bnr{

}
.contact_bnr_img{
    margin-top: 20px;
}
.contact_bnr_img img {
    transition: 0.2s all;
}
a:hover .contact_bnr_img img {
    transform: scale(1.02);
}

@media (max-width:767px){

}
@media (min-width:768px){
    .contact_bnr_img{
        margin-top: 30px;
    }
}
@media (min-width:1024px){
    .contact_bnr_img{
        margin-top: 40px;
    }
}
@media (min-width:1200px){


}
@media (min-width:1470px){
    .contact_bnr_img {
        margin-top: 50px;
    }
}
@media (min-width:1720px){
    .contact_bnr_img{
        margin-top: 78px;
    }

}

/*******************************
*　お問い合わせ送信完了
********************************/
.pg_thanks .link_3{
    margin-top: 50px;
}
.thanks_text{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 767px){
    .thanks_text{
        /*display: block;*/
        letter-spacing: -0.08em;
        margin-top: 30px;
    }

    .privacy_box{
        padding: 30px 10px;
    }
}


/*******************************
*　施工実績
********************************/
.pg_works{

}
.pg_works .section.sec1{
    padding-bottom: 0;
}
.pg_works .section.sec2{
    padding-top: 0;
}
@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

}
@media (min-width:768px){
    .pg_works{

    }
    .pg_works .section.sec1{

    }
    .pg_works .section.sec2{
        padding-top: 50px;
    }
}
@media (min-width:1024px){
    .pg_works{

    }
    .pg_works .section.sec1{

    }
    .pg_works .section.sec2{
        padding-top: 80px;
    }

}
@media (min-width:1200px){


}
@media (min-width:1470px){
    .pg_works{

    }
    .pg_works .section.sec1{

    }
    .pg_works .section.sec2{
        padding-top: 103px;
    }
}
@media (min-width:1720px){
    .pg_works{

    }
    .pg_works .section.sec1{

    }
    .pg_works .section.sec2{
        padding-top: 103px;
    }

}

/*カテゴリ*/
.works_cate_list{
    margin-top: 45px;
}
.works_cate_list .webgene-blog {
    display: flex;
    flex-wrap: wrap;

}
.works_cate_list .webgene-blog .webgene-item{

}
.works_cate_list .webgene-blog .webgene-item a{
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.05em;
    display: block;
    overflow: hidden;
    color: #fff;
    background: #000000;
    position: relative;
    padding: 12px 10px;
}
.works_cate_list .webgene-blog .webgene-item a.on{
    background: var(--sub-color);
    color: #000;
}
.works_cate_list .webgene-blog .webgene-item a:after{
    content: "";
    display: block;
    width: 22px;
    aspect-ratio: 1;
    background-image: url(/system_panel/uploads/images/arrr1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.works_cate_list .webgene-blog .webgene-item a:hover {
    background: var(--sub-color);
    color: #000;
}

.pg_works .news_list_thumb .webgene-item .box1{
    position: relative;
}
.pg_works .news_list_thumb .webgene-item .inner{
    border: 2px solid #000;
}
.pg_works .news_list_thumb .webgene-item .img{
    border-bottom: 2px solid #000;
}
.pg_works  .news_list_thumb .webgene-item .meta .date{
    font-size: 16px;
    font-family: var(--font-en);
    font-weight: 700;
    letter-spacing: 0;
    color: #000000;
}
.pg_works  .news_list_thumb .webgene-item .meta .category{
    font-size: 13px;
    font-family: var(--font-ja);
    font-weight: 700;
    letter-spacing: 0.05em;
    background: var(--sub-color);
    border: 1px solid #000;
    color: #000000;
    border-radius: 0;
    padding: 1px 12px;
    margin: 5px 0;
}
.pg_works .news_list_thumb .webgene-item .title{
    font-size: 16px;
    font-family: var(--font-ja);
    font-weight: 700;
    letter-spacing: 0.05em;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.pg_works .webgene-pagination li.selected {
    border: 0;
    background: var(--main-color);
    border: 2px solid #000;
    color: #FFF;
}
.pg_works .webgene-pagination li{
    background: #FFF;
}

.pg_works .posts_side_title{
    background: var(--main-color);
}

@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width: 767px) {
    .works_cate_list {
        display: none;
    }

    .pg_works  .news_list_thumb .webgene-item .meta .date{
        margin-right: 30px;
    }
}
@media (min-width:768px){
    .works_cate_list .webgene-blog {
        margin-inline: -5px;
    }
    .works_cate_list .webgene-blog .webgene-item{
        width: 50%;
        padding-inline: 5px;
    }
    .works_cate_list .webgene-blog .webgene-item:nth-child(n+3){
        margin-top: 15px;
    }
    .works_cate_list .webgene-blog .webgene-item a{
        font-size: 15px;
    }
    .pg_works  .news_list_thumb .webgene-item .meta .category{
        margin-left: 13px;
    }
    .pg_works .news_list_thumb .webgene-item .box1 .category span{
        min-width: 230px;
        padding: 6px 10px;
        font-size: 16px;

        min-width: 110px;
        padding: 6px 10px;
        font-size: 13px;
    }

    .pg_works .news_list_thumb .webgene-item .title{
        font-size: 20px;
    }
}
@media (min-width:1024px){
    .works_cate_list{
        margin-top: 75px;
    }
    .works_cate_list .webgene-blog {
        margin-left: -17px;
        margin-right: -17px;
    }
    .works_cate_list .webgene-blog .webgene-item{
        width: 33.333%;
        padding-inline: 17px;
    }
    .works_cate_list .webgene-blog .webgene-item a {
        font-size: 15px;
        padding: 12px 10px;
    }
    .works_cate_list .webgene-blog .webgene-item:nth-child(n+2){
        margin-top: 0;
    }
    .works_cate_list .webgene-blog .webgene-item:nth-child(n+4){
        margin-top: 15px;
    }
    .pg_works .news_list_thumb .webgene-item .img.img_fit:before{
        padding-top: 72.31%;
    }
    .pg_works .news_list_thumb.col3 .webgene-item:nth-child(n+4) {
        margin-top: 40px;
    }
    .pg_works .news_list_thumb .webgene-item .box2 {
        padding: 18px 22px 15px;
    }
    .pg_works .webgene-pagination {
        margin-top: 60px;
    }
}
@media (min-width:1200px){

}
@media (min-width:1470px){
    .works_cate_list .webgene-blog {
        margin-inline: -17px;
    }
    .works_cate_list .webgene-blog .webgene-item{
        width: 33.333%;
        padding-inline: 17px;
    }

    /*.works_cate_list .webgene-blog .webgene-item:nth-child(n+3),
     .works_cate_list .webgene-blog .webgene-item:nth-child(n+5){
       margin-top: 0;
     }*/
    .works_cate_list .webgene-blog .webgene-item:nth-child(n+4){
        margin-top: 15px;
    }
}
@media (min-width:1720px){
    .works_cate_list .webgene-blog .webgene-item a {
        font-size: 18px;
        padding: 16px 20px;
    }

    .works_cate_list .webgene-blog .webgene-item a:after{
        top: 50%;
        right: 27px;
    }
    .pg_works .news_list_thumb .webgene-item .box1 .category span{
        min-width: 230px;
        padding: 6px 10px;
        font-size: 16px;
    }

}

/*******************************
*　
********************************/
.pg_xxx{

}
.pg_xxx .section.sec1{

}
.pg_xxx .section.sec2{

}
.pg_xxx .section.sec3{

}
.pg_xxx .section.sec4{

}
.pg_xxx .section.sec5{

}


@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

}
@media (min-width:768px){
    .pg_xxx{

    }
    .pg_xxx .section.sec1{

    }
    .pg_xxx .section.sec2{

    }
    .pg_xxx .section.sec3{

    }
    .pg_xxx .section.sec4{

    }
    .pg_xxx .section.sec5{

    }


}
@media (min-width:1024px){


}
@media (min-width:1200px){


}