@charset "UTF-8";

@media screen and (max-width: 1160px) {
    .mainvisual .txt_area,
    .mainvisual .img,
    .t_taglist_wrap .ttl_02{
        width: 100%;
    }
    .mainvisual {
        padding: 10px 20px 50px;
    }
    .mainvisual .txt_area{
        order: 2;
        text-align: center;
    }.mainvisual .img{
        order: 1;
    }
    .mainvisual .subttl .br{
        display: none;
    }
    .t_taglist_wrap .swipe_area{
        width: 100%;
    }
    .t_taglist_wrap{
        padding: 40px;
    }
    .t_taglist {
        width: 100%;
        padding: 20px;}
    .t_taglist ul{
        justify-content: center;
    }
    .project_box2 a {
        margin-top: -128px;
    }
    #hanasoko-kun {
        padding: 10.5vw 6.5556% ;
    }
    .project_box3 a.aie {
        align-items: flex-start;
    }
    .project_box3 .project_txt {
        margin-top: -100px;
    }
    .youtube_l {
        background: none;
        width: auto;
    }
    .pagetop .image {
        position: inherit;
        text-align: right;
    }
    #newpost .bg_bl{
        padding: 60px 0%;
    }
    .ig_area_img{
        padding: 5%;
    }
    .t_people {
        padding: 60px 0%;
    }
/*
    .people_list li:nth-of-type(2n) {
        border-right: none;
    }
*/
    #information.inner_l{
        padding: 0
    }
    #information .info_r {
        border-right: none;}
    a.js-modal-video img {
        width: 100%;
    }

    a.js-modal-video {
        width: 100%;
        display: block;
    }
    #archive .page_top,.page .page_top{
        padding: 0 3%;
    }
    .page_main{
        width: 94%;
        padding: 1px 3% 80px;
    }
    .page_top_box{
        margin-bottom: 50px;
    }
    #archive .info_hananowa {
        padding: 70px 40px 30px;
    }
    li.info__box.sns img{
        padding: 0 12%;
    }
    .shiftwrap,.shiftwrap_gn{
        padding-bottom: 0;
    }
    #list h2{
    text-align: center;
    }
}
@media screen and (max-width: 828px) {
    /*コンテンツ下は基本45px*/
    /*コンテンツ横は基本3%*/
    .sp{
        display: block!important;
    }
    .pc{
        display: none;
    }
    body {
        font-size: 1.5rem;
        line-height: calc(1em + 8px);
        letter-spacing: .01em;
    }
    .inner_l{
        padding: 0 10%;
    }
    .ttl_02_l,.f32 {/*32→24*/
        font-size: 24px;
        line-height: 30px;
    }
    .t_taglist ul li a,.f18{/*20→18*/
        font-size: 1.8rem;
    }
    .ttl_02_m{
        font-size: 1.2rem
    }
    .site-description{/*left→center*/
        text-align: center;
        padding: 0 16%;
        line-height: 1.3em;
    }
    header .site-description{
        padding: 0 10%;
    }
    .swipe_area{
        width: 100%;
        overflow-x: scroll;
    }
    .swipe {
        margin: 10px auto;
        text-align: center;
    }
    .swipe p {
        margin: 0;
        padding-left: 5px;
    }
    .swipe span {
        display: block;
        margin: 0 20px 0 auto;
        width: 100px;
        height: 1px;
        background-color: #9a9a9a;
        position: relative;
        transform: scale(0, 1);
        transform-origin: top left;
        animation: arrow01 3s ease-in-out infinite forwards;
    }
    @keyframes arrow01 {
        0% { transform: scale(0, 1); }
        30% { transform: scale(0, 1); }
        40% { transform: scale(1, 1); }
        85% { transform: scale(1, 1); opacity: 1;}
        90% { transform: scale(1, 1); opacity: 0; }
        100% { transform: scale(1, 1); opacity: 0; }
    }
    .swipe span::after {
        content: "";
        display: block;
        width: 2px;
        height: 8px;
        border-right: 1px solid #9a9a9a;
        transform: rotate(-45deg) scale(1, 0);
        transform-origin: right bottom;
        position: absolute;
        bottom: 2px;
        right: 1px;
        animation: arrow02 3s ease-in-out infinite forwards;
    }
    @keyframes arrow02 {
        0% { transform: rotate(-45deg) scale(1, 0); }
        45% { transform: rotate(-45deg) scale(1, 0); }
        55% { transform: rotate(-45deg) scale(1, 1); }
        85% { transform: rotate(-45deg) scale(1, 1); opacity: 1;}
        90% { transform: rotate(-45deg) scale(1, 1); opacity: 0; }
        100% { transform: rotate(-45deg) scale(1, 1); opacity: 0; }
    }
    {/*center→left*/
        text-align: left;
    }
    .pc{display: none;}
    .sp{display: block;}
    .hananowa_ttl .txt,
    #information .col1-2,
    .cta_line .logo,
    .cta_line .txt,
    #video,
    .staff_list .people_card img,
    .g_nav_r.col1-2,
    .staff_list li.col1-2,
    .f_bottom .col1-2,
    .page_main_info .txt_area,
    .page_main_info .img{
        width: 100%;
    }
    .f_top_r {
        max-width: 100%;
        width: 100%;
    }
    .youtube_l,.project_ttl .img{
        display: none;
    }
    .btn_02{
        padding: 20px 10px;
        font-size: 1.5rem;
    }
    .btn_02:after {
        top: 17px;
    }
    .btn_02:before {
        top: 24px;
    }
    #newpost .btn_02,#hanasoko-kun .btn_02,#hanamusubi .btn_02 {
        width: 80%;
    }

    .section_wrap {
        padding: 0;
        margin: 0 auto ;
    }
    .staff_list{
        padding: 0 3%;
    }

    .staff_list .people_card img{
        margin-bottom: 20px;
        width: 80px;
    }
    .staff_list .people_card .txt {
        padding-left: 0;
    }
    .staff_list .people_card .txt h3 {
        text-align: left;
        margin-bottom: 10px;
    }
/*    header*/
    .header_l .site-title{
        max-width: 120px;
        width: 30%;
        margin: 0 auto 5px;
    }
    .header_l {
        width: 100%;
        padding-left: 0;
        padding: 0 12%;
        display: block;
    }
    .header_wrap {
        padding: 2% 0 1%;
    }
    .openbtn1{
        top: 4px;
        right: 3%;
    }
    .g_nav_r{
        padding: 30px 3%;
        margin-left: 0;
        }
    .g_nav_r .site-title{
        width: 120px;
    }
    #g-nav.panelactive ul{
        margin-right: 10px;
    }
    #g-nav .g_nav_contents li a {
        border-bottom: 1px solid #b3b3b3;
        padding: 15px 0;}
    .col1-2.g_nav_contents {
        width: 100%;
    }
    #g-nav .g_nav_contents li a{
        position: relative;
    }
    .g_nav_contents .arrow_r{
        position: absolute;
        right: 30px;
    }
    .g_nav_contents ul a:before {
        left: -20px;
        width: 10px;}

/*    mainv*/
    .mainvisual{
        padding: 10px 5px 45px;
    }
    .mainvisual .txt_area{
        padding-top: 5px;
    }
    .mainvisual .subttl .br{
        display: block;
    }
    .mainvisual .subttl .sp{
        display: inline-block;
    }
    .mainvisual p{
font-size: 14px;
        margin-bottom: 10px;
    }
    .mainvisual .subttl{
        margin-bottom: 30px;
        line-height: 2rem;
    }
    .ig_area_img{
        padding: 10px;
    }
/*    #t_taglist*/
    #t_taglist{
        padding: 0 3%;
    }
    .t_taglist_wrap {
        padding: 5% 0 5% 3%;
    }
    .t_taglist_wrap .swipe_area{
        width: 100%;
    }
    .t_taglist{
        padding: 10px 0;
        width: 1000px;
    }
    .t_taglist ul{
        justify-content: flex-start;
        }
    .t_taglist ul li a{
        padding: .8rem 2.4rem;
    }

/*    目次*/
    #information{
        padding: 10px 5% 50px
    }
    #information .info_l,#information .info_r {
        border-right: none;
        border-left: none;
        padding: 0;
    }
    .info__box .txt_l,#information .info_r .txt_area p{
        padding-right: 30px;
    }
    .info__box_hagure a{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-bottom: 1px solid var(--dg);
        padding: 5px 0;
    }
    #information .info_r .img,
    .info__box_hagure a .img,
    #information .info__box.hananowa .img{
        width: 80px;}
    .info__box_hagure a .txt,#information .info_r .txt_area{
    width: calc(100%  - 90px);
        text-align: left;
    }
    #information .info_r .info__box a{
        align-items: center;
        }
    .info__box_hagure a img{
        width: 35px;
        margin-bottom: 5px;
    }
    #information .info__box_ttl{
        position: relative;
        margin: 5px 0;
        font-size: 1.8rem;
    }
    #information .arrow_r {
/*
        margin-bottom: 24px;
        position: absolute;
        right: 30px;
        top: 0;
*/
        display: none;
    }
/*    line*/
    .cta_line{
        width: 100%;
    }
    .cta_line .logo> div,#p-hanasoko-kun .cta_line .logo> div{
        padding: 15px 33% 5px;
    }
    .hanasoko_qr{
        display: none;
    }
    .cta_line .logo{
        border-radius: 10px 10px 0 0 ;
    }
    .cta_line .logo .logo-line {
        width: 100%;
        padding-right: 0;
    }
    .cta_line .logo .accountname{
        padding-bottom: 10px;
    }
    .cta_line .txt{
        padding: 45px 3% 18px 3%;
        font-size: 1.3rem;
    }
    .cta_line .btn_01 {
        font-size: 1.3rem;
    }
    .np_tab li a {
        padding: 10px 5px 8px;
        border-radius: 10px 10px 0 0;
        font-size: 16px;
    font-weight: bold;}
    #newpost .bg_bl {
        padding: 10px 0;
    }
    .np_area {
        padding: 10px 0;
    }
    .np_area .swipe{
        margin: 10px auto 30px;
    }
    .np_area .swipe span{
        margin: 0 auto;
    }
    .np_article.col1-3{
        border-left: none;
        width: 320px;
        padding: 0 20px;
        margin-bottom: 0;
    }
    .np_article:nth-of-type(3n){
        border-right: none;
    }

    .np_ttl {
        width: 100%;
        margin-bottom: 2rem;
    }
    .np_area_wrap {
        margin-bottom: 30px;
        width: 400%;
        flex-flow: nowrap;
    }
    .np_date {
        font-size: 1rem;
    }
    #project .mb100{
    margin-bottom: 30px
    }
    .project_ttl {
        margin-top: 0;
        padding: 0 13%;
    }
    .project_txt .f32{
        font-size: 1.8rem;
    }
    .project_ttl .txt {
        width: 100%;
        margin-left: 0;
        padding: 0;
        text-align: center;
    }
    .project_wrap {
        padding: 0;
        border: none;
        margin-bottom: 50px;
    }
    .project_ttl .txt p{
    font-size: 1.4rem;
        font-weight: normal;
    }
    .project_ttl .txt .ttl{
        font-size: 2.2rem;
        margin-bottom: 5px;
    }
    .project_wrap .image {
        background: none;
        padding: 30px 0px 0;}
    .project_box1 .project_txt {
        padding: 0 0 0 16px;
        order: 1;
    }
    .project_box1 .project_img {
        order: 2;
        width: 125px;
        margin: 0 30px 0 0;
    }
    .project_txt .mb30{
        margin: 10px 0;
        font-size: 1.5rem;
        font-weight: normal;
        }
    .project_txt_no{
        font-size: 1.8rem
    }
    .project_box2 {
        display: block;
        text-align: left;
    }
    .project_box2 a {
        margin-top: 0;
    }
    .project_box2 .project_txt {
        order: 1;
        padding: 0 0 0 16px;
    }
    .project_box2 .project_img {
        order: 2;
        padding-left: 0;
        width: 162px;
        margin: -80px 10px 0 auto;
    }
    .project_box3 {
        margin-left: 0;
        margin-top: 0;
    }
    .project_box3 a.aie {
        align-items: initial;
    }
    .project_box3 .project_txt {
        margin-top: 0;
        padding: 0 0 0 16px;
    }
    .project_box3 .project_img {
        order: 2;
        padding-left: 0;
        width: 110px;
        margin: -24px 5px 0 auto;
    }
    .txt_link{
        text-align: center;
        padding-right: 20px;
    }
    #hanasoko-kun {
        padding: 50px 5%;
    }
    #hanasoko-kun .mb50{
        margin-bottom: 0px;
    }
    .flow_box {
        width: 70%;
        margin: 0 auto;
    }
    .flow_wrap .txt {
        padding: 10px 0;
        width: 100%;
        text-align: center;
    }
    #slides-pager a {
        padding: 8px 12px;
        border-radius: 0;
        font-size: 3vw;
    }
    #slides-pager li {
        margin-right: 5px;
        width: 31.333333%;
        text-align: center;
    }
    #slides-pager {
        margin-bottom: 20px;
        justify-content: center;
    }
    .f16{
        font-size: 1.4rem;
    }
    .flow_wrap .txt .mb30{
        margin-bottom: 10px;
        font-size: 22px;
        line-height: 1.5;
    }
    .flow_wrap .txt .mb60{
        margin-bottom: 20px;
        font-weight: 500;
    }
    .hananowa_ttl {
        padding-right: 3%;
        padding-left: 3%;
    }
    #project{
        padding: 10.5vw 3% 50px;
    }
    #hanamusubi{
        padding: 10.5vw 0 10px;
    }
    #hanamusubi .ttl_02{
        margin-bottom: 30px;
    }
    #hanamusubi .txt .mb30{
        margin-bottom: 10px;
        font-weight: 500;
        font-size: 14px;
    }
    #hanamusubi .hananowa_ttl .txt .mb30{
        font-size: 22px;
        font-weight: bold;
    }
    .hananowa_ttl img {
        width: 60%;
        margin: 0 auto;
    }
    .hananowa_ttl .txt {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .hananowa_ttl.mb50 {
        margin-bottom: 30px;
    }
    .ig_area {
        padding-right: 3%;
        padding-left: 3%;
    }
    .insta-gallery-feed[data-feed_layout="masonry"] .insta-gallery-list .insta-gallery-item, .qligg-mfp-wrap[data-feed_layout="masonry"] .insta-gallery-list .insta-gallery-item, .insta-gallery-feed[data-feed_layout="gallery"] .insta-gallery-list .insta-gallery-item, .qligg-mfp-wrap[data-feed_layout="gallery"] .insta-gallery-list .insta-gallery-item {
        min-width: 30%!important;
    }
    .ig_area_ttl {
        background: #fff;
        padding: 16px 3%;
        border-radius: 0;}
    .ig_area_img{
        padding: 16px 3%;
        border-radius: 0;
    }
    .t_people {
        padding: 30px 3%;
    }
    .people_list{
        align-items: baseline;

    }
    .people_list li {
        border-left: none;
        padding: 0 0 10px 0;
        margin-bottom: 20px;
        align-items: flex-start;
    }
    .people_card .img {
        width: 120px;
        margin: 0 auto 10px;
    }
    .people_card .txt{
        overflow: hidden;
    }
    .people_card .p_txt{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        font-size: 13px;
    }
    .p_name {
        font-size: 1.6rem;
        margin-bottom: 20px;
    }
    .people_card .txt {
        width: 100%;
        text-align: center;
        padding: 0 10px;
    }
    .people_list li:nth-of-type(2n) {
        border-right: none;
    }
    .p_txt {
        font-size: 1.4rem;
        text-align: left;
        font-weight: normal;
    }
    .sns_url a img {
        width: 20px;
    }
    .staff_list.mb70{
        margin-bottom: 30px;
    }
    .staff_list li{
        padding: 8px 0;
    }
    .staff_list .people_card .txt{
        width: calc(100% - 80px);
        padding-left: 20px;
    }
    #staff {
        padding: 10.5vw 0 10px;
    }
    #staff .mb50{
        margin-bottom: 10px;
    }
    .info_hananowa .txt h2 {
        line-height: 1.4;
    }
    .info_hananowa .img {
        width: 160px;
        margin: -30px -10px 0 auto;
    }
    .info_hananowa .txt {
        width: 100%;
    }
    .info_hananowa {
        padding: 70px 3% 10px;
        border-radius: 0;
        width: 90%;
        margin: 0 auto 30px;
    }
    .info_hananowa .txt .txt_r {
        text-align: left;
    }
    .info_hananowa .txt .f32{
        font-size: 2.3rem;
    }
    #linkarea {
        padding: 30px 3% 20px;
    }
    #linkarea .col-set{
        width: 100%
    }
    .f_top_l {
        max-width: 100%;
        width: 100%;
        margin-right: 0;
        text-align: center;
    }
    .ico-sns {
        justify-content: center;
        margin-bottom: 30px;
    }
    footer {
        padding: 50px 3% 10px;}
    footer .site-title {
        margin-right: 0;
        width: 30%;
        margin: 0 auto 10px;
    }
    .pagetop .image{
       text-align: center;
    }
    .f_top_r{
        border-top: 1px solid #a2a2a2;
    }
    .f_top_r li{
        border-bottom: 1px solid #a2a2a2;
    }
    .f_top_r li:nth-of-type(2n){
        border-left: 1px solid #a2a2a2;
    }
    .f_top_r a {
        display: block;
        font-size: 1.5rem;
        padding: 10px 0 10px 30px;
    }
    .f_top_r a:after{
        top: 11px;
        left: 6px;
    }
    .f_top_r a:before{
        top: 18px;
        left: 12px;
    }
    .info_atelier{
        padding: 40px 30px;
    }
    .info_atelier .txt {
        width: 100%;
        padding-right: 0;
    }
    .f_middle .fsm{
        font-size: 24px;
        line-height: 30px;
    }
    .info_atelier .map {
        width: 90%;
        margin: 10px auto 0;
    }
    .txt_pagetop{
        right: 3%;
    }
    .f_sub_menu{
    justify-content: center;
        margin: 0 auto 30px;
    }
    .f_bottom .col1-2 a{
        font-size: 1.2rem;
    }
    .f_bottom small{
        font-size: 1rem;
        text-align: center;
    }
    #p_project .page_main {
        padding: 80px 5% 80px;
    }
    #p_project .project_txt_no {
        font-size: 2rem;
        text-align: center;
        display: block;
    }
    .ttl_03 .main_ttl {
        font-size: 2.4rem;
        text-align: center;}
    #p_project .project_txt .f32{
        margin-bottom: 30px;
    }
    .page_main_info .p_column_list .img {
        width: 100px;
    }
    .p_column_list .txt {
        width: calc(100% - 110px);
}
    .post_wrap{
        padding: 8% 3%;
    }
    .post_body *{
        font-size: 1.5rem;
    }
    .post_body p {
        margin-bottom: 2.5rem;
        line-height: 1.5;
        font-weight: normal;
    }
    #post h1{
        line-height: 1.2;
    }
    .fukidashi .area{
        font-size: 1.5rem;
        line-height: initial;
    }
    .category_list ul li a {
        color: var(--bk);
        padding: 7px 24px;
    }
    .post_archive .category_list ul {
        margin: 0 auto 20px;
    }
    .site_sub .my_term-archive a {
        font-size: 1.5rem;
        padding: 5px 15px;
        display: block;
    }
    .section_wrap, .site_sub{
        padding: 60px 3% 6.5vw;
    }

.archive .np_area_wrap{
    width: 100%;
    flex-flow: wrap;
}
.archive .np_article.col1-3{
    width: 50%;
    margin-bottom: 40px;
}
.category_list ul {
    width: 100%;
    margin: 0 auto 10px;
}
.category_list ul li {
    margin: 0 5px 5px;
}
.category_list ul li a {
    padding: 3px 13px;
}
.site_sub .a_taglist {
    margin-bottom: 20px;
    width: 100%;
    overflow-x: scroll;
}
.site_sub .my_term-archive {
    width: 200%;
    height: 70px;
    margin-left: 0;
    overflow: hidden;
    margin-bottom: 30px;
}
    #archive .np_article:last-child {
        border-right: none;
    }
    .site_sub .swipe span{
        margin: 0 auto 80px;
    }
    .searchfield {
        width: 100%;
    }
    .relation_article.col1-2 {
        margin-right: 0;
        width: 100%;
    }
    .relation_article .txt {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    #g-nav{
        height: 100%;
    }
    .contactbtn{
        padding-bottom: 60px;
    }
    form .s-table th, form .s-table td{
        display: block;
        padding-bottom: 0;
        width: 100%;
    }
    #page .post_wrap_in{
        padding: 70px 3%;
    }
    .ttl_03 .sub_ttl {
        font-size: 1.3rem;
        text-align: center;
        margin-bottom: 60px;
    }
    .page_top_box .img{
        width: 100%;
        margin-bottom: 50px;
    }
    .page_top_box .txt.col1-2{
        width: 100%;
    }
    .page_top_box .txt.col1-2 .mb60{
       margin-bottom: 30px
    }
    #archive .info_hananowa .col-set_no{
        display: block;
    }
    #archive .info_hananowa {
        padding: 50px 3% 30px;
        width: 100%;
    }
    #archive .info_hananowa .benefits{
        writing-mode: horizontal-tb;
        margin-bottom: 10px;
    }
    .recruitment {
        top: -81px;
        z-index: 2;}
    #archive .info_hananowa .midashi{
        display: none;
    }
    #archive .info_hananowa .ttl{
        margin-top: 0;
    }
    #archive .benefits_list:after,
    #archive .benefits_list:before{
        width: 0;
        height: 0;
        border: none;
    }
    #archive .info_hananowa .btn_02{
        background: #94a078;
        color: #fff;
        padding: 20px 50px;
    }
/*    プロフィール*/
    .post_wrap_in__._hananowa > .col-set_no.underline{
        display: block;
        text-align: center;
    }
    .post_wrap_in__._hananowa .sns_url{
        text-align: center;
    }
    .post_wrap_in__._hananowa .txt{
        width: 100%;
        text-align: center;
    }
    .post_wrap_in__._hananowa .p_profession{
        font-size: 1.6rem;
    }
    .job_catlest{
        justify-content: center;


    }
    .post_wrap_in__._hananowa .post_img{
        margin: 0 auto 10px;
    }
    .hp_arrow_l, .hp_arrow_r{
        text-indent: -9999px;
    }
    .hp_arrow_l:before{
        left: 0;
    }
    .hp_arrow_r:before{
        right: 0;
    }
    #archive .sns_url a img{
        height: 24px;
    }
    .post_wrap_in{
        padding: 70px 30px;
    }
    #primary .flow_wrap.col-set_no{
    display: block;
    }
    .project_mainttl .sub_ttl{
        font-size: 22px;
    }
    .info_salebnr{
        padding: 80px 20px 40px;
    }
    .info_salebnr .txt{
        margin-bottom: 10px;
    }
    .info_salebnr .txt,.info_salebnr .img{
        width: 100%;
    }
    .info_salebnr .txt h2 {
        line-height: 1.2;
    }
    .info_salebnr a{
        display: block;
        font-size: 13px;
        padding: 0 25px 0 0;
        margin: 0 10px;
    }
    .page .page_top_box .img{
        padding: 0;
    }
    .ttl_03 .main_ttl{
        margin-bottom: 12px;
    }
    .page_top_box .txt p{
        padding: 0 7%;
    }
    .about_main_ttl{
        font-size: 29px;
    }
    .page_main_info .info__box_ttl{
        font-size: 2rem;
        margin-bottom: 2rem;
    }
    .page .page_main_info .txt_area:after,.page .page_main_info .txt_area:before{
        width:0;
        height: 0;
        border: none;
    }
    .page_main_info .txt_area{
        padding-right: 0;
        margin: 20px auto 0;
    }
    .page_main_info .img img{
        width: 60%;
    }
    .page_main_info .info__box .txt_r{
        padding-right: 40px;
    }
    .page_main_info .linelogo{
        padding: 20px;
        width: 60%;
        margin: 0 auto;
    }
    .page_main_info .linelogo img.logo-line {
        width: 100%;
        margin-right: 0;
    }
    #p-404 .page_top_box .txt{
        text-align: center;
    }
    #p-404 .inner_m {
        padding: 40px 3%;}
    #p-404  .page_top_box .txt.col1-2 .mb60{
        line-height: 1.3;
        font-size: 20px;
    }
}
@media screen and (max-width: 414px){
    .archive .np_article.col1-3{
    width: 100%;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid var(--dg);
    }
    #linkarea .col-set.linkarea_in {
        width: 80%;
    }
    .linkarea_in li{
        margin-bottom: 30px;
        width: 44%;
        margin: 0 3% 3%;
    }
    .np_tab li a{
        font-size: 1.3rem;
    }
}