infomation.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sp {display: block;}
.pc {display: none;}

#new_top {
    margin: 0 0 4% 0;
}

#main_slide {
    margin: 0 0 8.266667% 0;
}
#main_slide .inner {

}
#main_slide .inner h1 {
    text-align: center;
    font-size: 3.733333vw;
    font-weight: 700;
    line-height: 1.786;

    margin: 0 0 6.4% 0;
}
#main_slide .inner .slids {

}

/*new slick*/
#top_slids {

}
#top_slids li {

}
#top_slids li a {
    display: block;
}
#top_slids .image {

}

#top_slids .detail {
    background: #4994b7;
}
#top_slids .detail span {
    display: block;
    color: #ffffff;
    line-height: 1;
    font-size: 2.933333vw;
}
#top_slids .detail .date {
    padding: 2.93333333% 3.73333333%;
}
#top_slids .detail .caption {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 3.73333333% 2.93333333% 3.73333333%;
}

/*new slick dot*/
#top_slids .dot-class {
    text-align: center;
    margin: 2.13333333% 0 0 0;
}
#top_slids .dot-class li {
    display: inline-block;
}




#infomation {
    margin: 0 0 13.7333333% 0;
}
#infomation .inner {
    width: 94.4%;
    margin: 0 auto;
}
#infomation .inner h2 {
    width: 100%;

    margin: 0 0 4.8% 0;
    background: transparent url(../../img/site/top/top_renew/sp_h1_info.png) 0 0 no-repeat;
    background-size: contain;
    padding-top: calc((63/708)*100%);
}
#infomation .inner .content_box {
    width: 94.633%;
    margin: 0 auto;
    text-align: right;
}
#infomation .inner .content_box .list_box {
    text-align: left;
    box-sizing: border-box;
    border-bottom: 1px solid #000000;
    margin: 0 0 4.5% 0;
}
#infomation .inner .content_box .list_box span {
    display: block;
    font-size: 4vw;
    line-height: 1;
    color: #000000;
}
#infomation .inner .content_box .list_box span:nth-child(1){
    padding: 0 0 3.88% 0;
}
#infomation .inner .content_box .list_box span:nth-child(2){
    padding: 0 0 4.33% 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#infomation .inner .content_box .more {

}

/* 20200623 齋藤追加 */
#notice {
    margin: 0 0 13.866667% 0;
}
#notice .inner {
    width: 94.4%;
    margin: 0 auto;
}
/* 20200623 齋藤追加 */

#news {
    margin: 0 0 13.866667% 0;
}
#news .inner {
    width: 94.4%;
    margin: 0 auto;
}
#news .inner h2 {
    position: relative;
    width: 100%;

    margin: 0 0 4.66% 0;
    background: transparent url(../../img/site/top/top_renew/sp_h1_news.png) 0 0 no-repeat;
    background-size: contain;
    padding-top: calc((63/708)*100%);
}
#news .inner .more {
    box-sizing: border-box;
    border: 1px solid #000000;
    border-radius: 40px;

    width: 90%;
    margin: 4.66% auto 0 auto;
    padding: 3.4% 0;

    text-align: center;
    display: block;

    font-size: 4vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.05em;
}
#news .inner .news_box {

}
#news .inner .news_box ul {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    line-height: 0;
}
#news .inner .news_box ul li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}
#news .inner .news_box ul li:nth-child(1){
    margin: 0 1% 4.66% 0;
}
#news .inner .news_box ul li:nth-child(2){
    margin: 0 0 4.66% 0;
}
#news .inner .news_box ul li:nth-child(3){
    margin: 0 1% 0 0;
}
#news .inner .news_box ul li:nth-child(4){
    margin: 0;
}

#news .inner .news_box .image {
    width: 100%;
    line-height: 0;
}

#news .inner .news_box ul li p,
#menus .inner .menu_btn p
{
    text-align: center;
    color: #ffffff;
    line-height: 1;
    font-size: 2.4vw;
    padding: 1.74% 0;
}
#news .inner .news_box .type1,
#menus .inner .menu_btn .type1
{
    background: #ea5432;
}
#news .inner .news_box .type2,
#menus .inner .menu_btn .type2
{
    background: #1e4c89;
}
#news .inner .news_box .type3,
#menus .inner .menu_btn .type3
{
    background: #2AB0E1;
}
#news .inner .news_box .type4,
#menus .inner .menu_btn .type4
{
    background: #4e7a53;
}

#news .inner .news_box .detail {

}
#news .inner .news_box .detail span {
    display: block;
    color: #000000;
}
#news .inner .news_box .detail span:nth-child(1){
    font-size: 2.4vw;
    line-height: 1;
    margin: 3.5% 0;
}
#news .inner .news_box .detail span:nth-child(2){
    font-size: 2.666667vw;
    line-height: 1.5;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* 20200623齋藤修正 */
#menus {
    margin: 0 0 13.866667% 0;
}
/* 20200623齋藤修正 6.933333% */

#menus .inner {
    width: 94.4%;
    margin: 0 auto;
}
#menus .inner h2 {
    position: relative;
    width: 100%;

    margin: 0 0 4.66% 0;
    background: transparent url(../../img/site/top/top_renew/sp_h1_menu.png) 0 0 no-repeat;
    background-size: cover;
    padding-top: calc((63/708)*100%);
}
#menus .inner h2 span,
#news .inner h2 span
{
    position: absolute;
    bottom: 31.75%;
    left: 17.6554%;
    display: block;

    font-size: 3.466667vw;
    line-height: 1;

}
#menus .inner .menu_btn {
    font-size: 0;
    line-height: 0;
}
#menus .inner .menu_btn li {
    position: relative;

    box-sizing: border-box;
    border: 1px solid #000000;

    display: inline-block;
    vertical-align: top;
    width: 49%;

    padding-top: calc((410/345)*49%);
}

#menus .inner .menu_btn li:nth-child(1) {
    margin: 0 1% 4.66% 0;
}
#menus .inner .menu_btn li:nth-child(2) {
    margin: 0 0 4.66% 0;
}
#menus .inner .menu_btn li:nth-child(3) {
    margin: 0 1% 0 0;
}
#menus .inner .menu_btn li:nth-child(4) {
    margin: 0;
}

#menus .inner .menu_btn .image {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    line-height: 0;
}
#menus .inner .menu_btn .detail {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

#menus .inner .menu_btn .detail .cap {
    position: absolute;
    top: 0;
    left: 4%;
    display: block;
}
#menus .inner .menu_btn .detail .text {
    position: absolute;
    top: 36%;
    left: 4%;
    font-size: 2.666667vw;
    line-height: 1.5;
    letter-spacing: -0.025em;
    overflow: hidden;
/*    width: 61.45%;*/
    width: 94%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#menus .inner .menu_btn li:nth-child(1) .detail {
/*    background: transparent url(../../img/site/top/top_renew/sp_menu_tx1_char.png) 100% 0 no-repeat;*/
    background-size: contain;
    padding-top: calc((121/345)*100%);
}
#menus .inner .menu_btn li:nth-child(2) .detail {
/*    background: transparent url(../../img/site/top/top_renew/sp_menu_tx2_char.png) 100% 0 no-repeat;*/
    background-size: contain;
    padding-top: calc((121/345)*100%);
}
#menus .inner .menu_btn li:nth-child(3) .detail {
/*    background: transparent url(../../img/site/top/top_renew/sp_menu_tx3_char.png) 100% 0 no-repeat;*/
    background-size: contain;
    padding-top: calc((121/345)*100%);
}
#menus .inner .menu_btn li:nth-child(4) .detail {
/*    background: transparent url(../../img/site/top/top_renew/sp_menu_tx4_char.png) 100% 0 no-repeat;*/
    background-size: contain;
    padding-top: calc((121/345)*100%);
}


#menus .inner .menu_btn li:nth-child(1) .detail .cap {
    width: 45%;
    background: transparent url(../../img/site/top/top_renew/sp_menu_tx1.png) 0 0 no-repeat;
    background-size: contain;
    padding-top: calc((31/155)*45%);
}
#menus .inner .menu_btn li:nth-child(2) .detail .cap {
    width: 52%;
    background: transparent url(../../img/site/top/top_renew/sp_menu_tx2.png) 0 0 no-repeat;
    background-size: contain;
    padding-top: calc((31/179)*52%);
}
#menus .inner .menu_btn li:nth-child(3) .detail .cap {
    width: 31.6%;
    background: transparent url(../../img/site/top/top_renew/sp_menu_tx3.png) 0 0 no-repeat;
    background-size: contain;
    padding-top: calc((31/109)*31.6%);
}
#menus .inner .menu_btn li:nth-child(4) .detail .cap {
    width: 58.3%;
    background: transparent url(../../img/site/top/top_renew/sp_menu_tx4.png) 0 0 no-repeat;
    background-size: contain;
    padding-top: calc((33/201)*58.3%);
}


#commercial {
    margin: 0 0 13.866667% 0;
}
#commercial .inner {
    width: 94.666667%;
/*    margin: 0 auto;*/
    margin: 0 auto 5% auto;
}
#commercial .inner .cm_box {
    width: 100%;
    font-size: 0;
    line-height: 0;
}
#commercial .inner .cm_box li:nth-child(1){
    margin: 0 0 4.225% 0;
}
#commercial .inner .cm_box li a,
#commercial .inner .cm_box .cm_sub_box li a
{
    display: block;
    width: 100%;
}
#commercial .inner .cm_box li:nth-child(1) a {
    background: transparent url(../../img/site/top/top_renew/sp_cm01.png) 0 0 no-repeat;
    background-size: contain;
    padding-top: calc((275/710)*100%);
}
#commercial .inner .cm_box li:nth-child(2) a {
    background: transparent url(../../img/site/top/top_renew/sp_cm04.png) 0 0 no-repeat;
    background-size: contain;
    padding-top: calc((135/710)*100%);
}

#commercial .inner .cm_box .cm_sub_box {
    width: 100%;
    margin: 0 0 4.225% 0;
    font-size: 0;
    line-height: 0;
}
#commercial .inner .cm_box .cm_sub_box li {
    width: 48.6%;
    margin: 0;
}
#commercial .inner .cm_box .cm_sub_box li:nth-child(1){
    float: left;
}
#commercial .inner .cm_box .cm_sub_box li:nth-child(2){
    float: right;
}
#commercial .inner .cm_box .cm_sub_box li:nth-child(1) a {
    background: transparent url(../../img/site/top/top_renew/sp_cm02.png) 0 0 no-repeat;
    background-size: contain;
    padding-top: calc((135/345)*100%);
}
#commercial .inner .cm_box .cm_sub_box li:nth-child(2) a {
    background: transparent url(../../img/site/top/top_renew/sp_cm03.png) 0 0 no-repeat;
    background-size: contain;
    padding-top: calc((135/345)*100%);
}





#news_list {

}
#list_block {

}
#list_block .inner {
    width: 94.4%;
    margin: 0 auto;
}
#list_block .inner h2 {
    position: relative;
    width: 100%;

    margin: 0 0 2.84% 0;
    background: transparent url(../../img/site/top/top_renew/sp_h1_news.png) 0 0 no-repeat;
    background-size: cover;
    padding-top: calc((63/708)*100%);
}
#list_block .inner .tag {
    position: relative;
    width: 34.375%;
    margin: 0 0 2.84% auto;
    box-sizing: border-box;
    border: 1px solid #000000;
}
#list_block .inner .tag .s_text{
    position: relative;
    display: block;
    font-size: 2.93333333vw;
    line-height: 1;
    padding: 5.4% 0 5.4% 2.5em;
}
#list_block .inner .tag .s_text:before{
    font-family: "Font Awesome 5 Free";
    content: "\f0d8";
    font-weight: 900;
    font-size: 1em;

    position: absolute;
    top: 25%;
    right: 5%;
}


#list_block .inner .tag .tagselect {
/*    display: none;*/
}
#list_block .inner .tag .tagselect ul {
    box-sizing: border-box;
    border: 1px solid #000000;


    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    background: #ffffff;
}
#list_block .inner .tag .tagselect ul li {
    display: block;
    padding: 0 0.5em;
    width: 98%;
    margin: 0 auto;
}
#list_block .inner .tag .tagselect ul li a {
    box-sizing: border-box;
    border-bottom: 1px solid #000000;

    position: relative;
    display: block;
    text-align: left;
    font-size: 2.93333333vw;
    line-height: 1;
    padding: 5.4% 0 5.4% 2.5em;
}
#list_block .inner .tag .tagselect ul li:nth-last-child(1) a {
    border-bottom: none;
}
#list_block .inner .tag .tagselect ul li.current a {
    padding: 5.4% 0 5.4% 1em;
}
#list_block .inner .tag .tagselect ul li.current a:before{
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    font-weight: 900;

    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    margin: 0 0.5em 0 0;
}
/*popup*/
#popup_bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
}
#popup_bg.open {
    display: block;
}








#list_block {
    width: 100%;
    font-size: 0;
    line-height: 0;
}
#list_block li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}
#list_block li:nth-child(odd){
    margin: 0 1% 4.66% 0;
}
#list_block li:nth-child(even){
    margin: 0 0 4.66% 0;
}
#list_block li:nth-last-child(1) {
    margin: 0;
}
#list_block li:nth-last-child(2) {
    margin: 0 1% 0 0;
}

#list_block .image {
    width: 100%;
}

#list_block p {
    text-align: center;
    color: #ffffff;
    line-height: 1;
    font-size: 2.4vw;
    padding: 1.74% 0;
}

#list_block .type1 {
    background: #ea5432;
}
#list_block .type2 {
    background: #1e4c89;
}
#list_block .type3 {
    background: #2AB0E1;
}
#list_block .type4 {
    background: #4e7a53;
}

#list_block .detail {

}
#list_block .detail .date_tags {
    margin: 1.45% 0;
}
#list_block .detail .date_tags li {
    display: inline-block;
    vertical-align: middle;
}
#list_block .detail .date_tags li:nth-child(1){
    width: 40%;
    margin: 0 2% 0 0;
}
#list_block .detail .date_tags li:nth-child(2){
    width: 58%;
}
#list_block .detail .date_tags li span {
    display: block;
    width: 100%;
    line-height: 1;
}
#list_block .detail .date_tags li:nth-child(1) span {
    font-size: 2.4vw;
}
#list_block .detail .date_tags li:nth-child(2) span {
    box-sizing: border-box;
    border: 1px solid #000000;
    border-radius: 14px;
    font-size: 2.133333vw;
    font-weight: 700;
    text-align: center;

    padding: 3.6% 0;

}
#list_block .detail .text {
    color: #000000;
    text-align: left;

    font-size: 2.666667vw;
    line-height: 1.5;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    padding: 0;
}

#news_list .pager {
    display: table;
    width: 94.4%;
    margin: 5% auto;
    padding: 0;
}





@media screen and (min-width:751px) {
    .sp {display: none;}
    .pc {display: block;}

    #main_slide {
        margin: 0 0 2.8% 0;
    }
    #main_slide .inner {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
    }
    #main_slide .inner .slids {
        overflow: hidden;
    }

    .slick-list{
        overflow: visible;
    }
    .slick-current{
        transform: scale(1.10);
        transition-duration:.5s;
    }
    #top_slids .detail span {
        font-size: 0.933333vw;
    }
    #top_slids .detail .date {
        padding: 1.33333333% 1.6%;
    }
    #top_slids .detail .caption {
        padding: 0 1.6% 1.33333333% 1.6%;
    }


    #infomation {
        margin: 0 0 4% 0;
    }
    #infomation .inner {
        width: 80%;
        max-width: 1200px;
    }
    #infomation .inner h2 {
        width: 100%;

        margin: 0 0 2.333333% 0;
        background: transparent url(../../img/site/top/top_renew/pc_h1_info.png) 0 0 no-repeat;
        background-size: cover;
        padding-top: calc((62/1199)*100%);
    }
    #infomation .inner .content_box {
        width: 98.333333%;
        margin: 0 auto;
    }
    #infomation .inner .content_box .list_box {
        margin: 0 0 2.5% 0;
    }
    #infomation .inner .content_box .list_box span {
        font-size: 1.2vw;
    }
    #infomation .inner .content_box .list_box span:nth-child(1){
        padding: 0 0 1.525% 0;
    }
    #infomation .inner .content_box .list_box span:nth-child(2){
        padding: 0 0 2.8% 0;
        overflow: hidden;
    }

/* 20200623齋藤追加 6.666667%⇒3% */
    #notice {
        margin: 0 0 4% 0;
    }
    #notice .inner {
        width: 80%;
        max-width: 1200px;
    }
/* 20200623齋藤追加 */


    #news {
        margin: 0 0 4% 0;
    }
    #news .inner {
        width: 80%;
        max-width: 1200px;
    }
    #news .inner h2 {
        position: relative;
        width: 100%;

        margin: 0 0 3.75% 0;
        background: transparent url(../../img/site/top/top_renew/pc_h1_news.png) 0 0 no-repeat;
        background-size: contain;
        padding-top: calc((62/1199)*100%);
    }
    #news .inner .more {
        box-sizing: border-box;
        border: 1px solid #000000;
        border-radius: 30px;

        width: 57.5%;
/*        margin: 0 auto 3.75% auto;*/
        margin: 3.75% auto 0 auto;
        padding: 1.5% 0;

        text-align: center;
        display: block;

        font-size: 1.866667vw;
    }

    #news .inner .news_box ul {
        width: 100%;
        margin: 0 auto;
        font-size: 0;
        line-height: 0;
    }
    #news .inner .news_box ul li {
        width: 24.25%;
    }
    #news .inner .news_box ul li:nth-child(1){
        margin: 0 1% 0 0;
    }
    #news .inner .news_box ul li:nth-child(2){
        margin: 0 1% 0 0;
    }
    #news .inner .news_box ul li:nth-child(3){
        margin: 0 1% 0 0;
    }
    #news .inner .news_box ul li:nth-child(4){
        margin: 0;
    }


    #news .inner .news_box ul li p,
    #menus .inner .menu_btn p
    {
        font-size: 1.1vw;
        padding: 3.5% 0;
    }


    #news .inner .news_box .detail span:nth-child(1){
        font-size: 1.1vw;
        line-height: 1;
        margin: 4% 0;
    }
    #news .inner .news_box .detail span:nth-child(2){
        font-size: 1.1vw;
        line-height: 1.625;
    }


/* 20200623齋藤修正 */
    #menus {
        margin: 0 0 4% 0;
    }
/* 20200623齋藤修正 */

    #menus .inner {
        width: 80%;
        max-width: 1200px;
    }
    #menus .inner h2 {
        width: 100%;

        margin: 0 0 3.833333% 0;
        background: transparent url(../../img/site/top/top_renew/pc_h1_menu.png) 0 0 no-repeat;
        background-size: cover;
        padding-top: calc((62/1199)*100%);
    }
    #menus .inner h2 span,
    #news .inner h2 span
    {
        position: absolute;
        bottom: 35.5%;
        left: 9.333333%;

        font-size: 1.6vw;
    }
    #menus .inner .menu_btn li {
        position: relative;
        width: 24.25%;
        padding-top: calc((325/285)*24.25%);
    }

    #menus .inner .menu_btn li:nth-child(1) {
        margin: 0 1% 0 0;
    }
    #menus .inner .menu_btn li:nth-child(2) {
        margin: 0 1% 0 0;
    }
    #menus .inner .menu_btn li:nth-child(3) {
        margin: 0 1% 0 0;
    }
    #menus .inner .menu_btn li:nth-child(4) {
        margin: 0;
    }

    #menus .inner .menu_btn .detail .cap {
        position: absolute;
        top: 0;
        left: 3.5%;
    }
    #menus .inner .menu_btn .detail .text {
        position: absolute;
        top: 36%;
        left: 3.5%;
        font-size: 1.1vw;
        line-height: 1.5;
        overflow: hidden;
/*        width: 63.16%;*/
        width: 92%;
        text-align: left;
    }

    #menus .inner .menu_btn li:nth-child(1) .detail {
/*        background: transparent url(../../img/site/top/top_renew/pc_menu_tx1_char.png) 100% 0 no-repeat;*/
        background-size: contain;
        padding-top: calc((95/285)*100%);
    }
    #menus .inner .menu_btn li:nth-child(2) .detail {
/*        background: transparent url(../../img/site/top/top_renew/pc_menu_tx2_char.png) 100% 0 no-repeat;*/
        background-size: contain;
        padding-top: calc((95/285)*100%);
    }
    #menus .inner .menu_btn li:nth-child(3) .detail {
/*        background: transparent url(../../img/site/top/top_renew/pc_menu_tx3_char.png) 100% 0 no-repeat;*/
        background-size: contain;
        padding-top: calc((95/285)*100%);
    }
    #menus .inner .menu_btn li:nth-child(4) .detail {
/*        background: transparent url(../../img/site/top/top_renew/pc_menu_tx4_char.png) 100% 0 no-repeat;*/
        background-size: contain;
        padding-top: calc((95/285)*100%);
    }


    #menus .inner .menu_btn li:nth-child(1) .detail .cap {
        width: 39.65%;
        background: transparent url(../../img/site/top/top_renew/pc_menu_tx1.png) 0 0 no-repeat;
        background-size: contain;
        padding-top: calc((22/113)*39.65%);
    }
    #menus .inner .menu_btn li:nth-child(2) .detail .cap {
        width: 46%;
        background: transparent url(../../img/site/top/top_renew/pc_menu_tx2.png) 0 0 no-repeat;
        background-size: contain;
        padding-top: calc((22/131)*46%);
    }
    #menus .inner .menu_btn li:nth-child(3) .detail .cap {
        width: 28.1%;
        background: transparent url(../../img/site/top/top_renew/pc_menu_tx3.png) 0 0 no-repeat;
        background-size: contain;
        padding-top: calc((22/80)*28.1%);
    }
    #menus .inner .menu_btn li:nth-child(4) .detail .cap {
        width: 51%;
        background: transparent url(../../img/site/top/top_renew/pc_menu_tx4.png) 0 0 no-repeat;
        background-size: contain;
        padding-top: calc((24/145)*51%);
    }


    #commercial {
        margin: 0 0 4% 0;
    }
    #commercial .inner {
        width: 80%;
        max-width: 1200px;
    }

    #commercial .inner .cm_box {

    }
    #commercial .inner .cm_box li {
        width: 48.5%;
    }
    #commercial .inner .cm_box li:nth-child(1){
        float: left;
        margin: 0;
    }
    #commercial .inner .cm_box li:nth-child(2){
        float: right;
    }


    #commercial .inner .cm_box li:nth-child(1) a {
        background: transparent url(../../img/site/top/top_renew/pc_cm01.png) 0 0 no-repeat;
        background-size: contain;
        padding-top: calc((231/577)*100%);
    }
    #commercial .inner .cm_box li:nth-child(2) a {
        background: transparent url(../../img/site/top/top_renew/pc_cm04.png) 0 0 no-repeat;
        background-size: contain;
        padding-top: calc((109/577)*100%);
    }

    #commercial .inner .cm_box .cm_sub_box {
        width: 100%;
        margin: 0 0 2.43% 0;
    }
    #commercial .inner .cm_box .cm_sub_box li {
        width: 48.5%;
        margin: 0;
    }
    #commercial .inner .cm_box .cm_sub_box li:nth-child(1){
        float: left;
    }
    #commercial .inner .cm_box .cm_sub_box li:nth-child(2){
        float: right;
    }
    #commercial .inner .cm_box .cm_sub_box li:nth-child(1) a {
        background: transparent url(../../img/site/top/top_renew/pc_cm02.png) 0 0 no-repeat;
        background-size: contain;
        padding-top: calc((109/280)*100%);
    }
    #commercial .inner .cm_box .cm_sub_box li:nth-child(2) a {
        background: transparent url(../../img/site/top/top_renew/pc_cm03.png) 0 0 no-repeat;
        background-size: contain;
        padding-top: calc((109/279)*100%);
    }


    #list_block .inner {
        width: 80%;
        max-width: 1200px;
    }
    #list_block .inner h2 {
        width: 100%;
        margin: 0 0 3.833333% 0;
        background: transparent url(../../img/site/top/top_renew/pc_h1_news.png) 0 0 no-repeat;
        background-size: contain;
        padding-top: calc((62/1199)*100%);
    }
    #list_block .inner .tag {
        position: relative;
        width: 17.2%;
        margin: 0 0 3.833333% auto;
    }
    #list_block .inner .tag .s_text {
        cursor: pointer;
        font-size: 1.2vw;
        line-height: 1;
/*        padding: 7.8% 0 7.8% 1.5em;*/
        padding: 7.8% 0 7.8% 1em;
/*        text-align: center;*/
    }
    #list_block .inner .tag .tagselect ul li a {
        font-size: 1.2vw;
        padding: 7.8% 0 7.8% 2.5em;
        letter-spacing: -0.125em;
    }
    #list_block .inner .tag .tagselect ul li.current a {
        padding: 7.8% 0 7.8% 1em;
    }

    #list_block li {
        width: 24.25%;
    }
    #list_block li:nth-child(odd),
    #list_block li:nth-child(even)
    {
        margin: 0 1% 4.66% 0;
    }
    #list_block li:nth-child(4n) {
        margin: 0 0 4.66% 0;
    }
    #list_block li:nth-last-child(4),
    #list_block li:nth-last-child(3),
    #list_block li:nth-last-child(2),
    {
        margin: 0 1% 0 0;
    }
    #list_block li:nth-last-child(1) {
        margin: 0;
    }

    #list_block p {
        font-size: 1.1vw;
        padding: 3.5% 0;
    }
    #list_block .detail .date_tags li:nth-child(1) span {
        font-size: 1.1vw;
    }
    #list_block .detail .date_tags li:nth-child(2) span {
        font-size: 0.9vw;
        padding: 3% 0;
    }
    #list_block .detail .text {
        font-size: 1.1vw;
        line-height: 1.5;
    }

    .list_center {
        text-align: center;
    }

    #news_list .pager {
        width: 80%;
        max-width: 1200px;
        margin: 0 auto 4.66% auto;
        padding: 0;
    }
    .pager > span.pager_prev, .pager > span.pager_next {
        width: 12.5%;
        max-width: 150px;
    }
    #main_slide .inner h1 {
        font-size: 1.6vw;
        line-height: 1.5;
        margin: 0 0 2.4% 0;
    }

}

@media screen and (min-width:1200px) {
    #news .inner .more {
        font-size: 28px;
    }
    #infomation .inner .content_box .list_box span,
    #list_block .inner .tag .s_text,
    #list_block .inner .tag .tagselect ul li a
    {
        font-size: 18px;
    }
    #news .inner .news_box ul li p,
    #menus .inner .menu_btn p,
    #news .inner .news_box .detail span:nth-child(1),
    #news .inner .news_box .detail span:nth-child(2),
    #menus .inner .menu_btn .detail .text,
    #list_block p,
    #list_block .detail .date_tags li:nth-child(1) span,
    #list_block .detail .text
    {
        font-size: 16px;
    }
    #list_block .detail .date_tags li:nth-child(2) span{
        font-size: 14px;
    }
}

@media screen and (min-width:1500px) {
    #menus .inner h2 span,
    #news .inner h2 span
    {
        font-size: 24px;
    }
    #top_slids .detail span {
        font-size: 14px;
    }
}