@charset "UTF-8";
/* CSS Document */
/*共通*/
body{
    background: #FCFCFF;
    font-size: 15px;
    text-align: left;
    color: #242424;
    max-width: none;
    width: 100%;
    padding: 0;
    letter-spacing: 0.07em;
    word-break: break-all;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    line-height: 1.8;
    margin: 0;
}

.font_m {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 800;
}

.font_m_b{
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 900;
}

.sp{
    display: none;
}

.pc{
    display: inherit;
}

img{
    width: 100%;
    height: auto;
}

a{
    display: block;
    width: 100%;
    height: 100%;
}

a:hover{
    opacity: 0.5;
}

.asterisk{
    text-indent: -1em;
    margin-left: 1em;
}

.asterisk::before{
    content: '※';
}

.red{
    color: #DB0A17;
}

section{
    overflow: hidden;
}

.inner{
    width: 80%;
    margin: 0 auto;
    padding: 50px 0;
    position: relative;
    z-index: 1;
}

/*動き*/
.fadein_element {
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    transition: opacity 1s, visibility 1s, transform 1s;
}

.fadein_element_is_fadein {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    left: 0;
    right: 0;
}

h3{
    color: #001F76;
    text-align: center;
    font-size: 25px;
    letter-spacing: 0.12em;
    line-height: normal;
    margin-bottom: 30px;
}

h3::after{
    content: '';
    background: url(img/h3.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 5px;
    width: 27px;
    display: block;
    margin: 5px auto auto auto;
}

h3.house::before{
    content: '';
    background: url(img/h3_img.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 42px;
    width: 86px;
    display: block;
    margin: auto auto 10px auto;
}

/********
TOP
********/
/*header*/
header {
    max-width: 1320px;
    width: 98%;
    height: 60px;
    margin:0 auto;
    
    display: flex;
    justify-content: space-between;
    position: fixed;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 9;
}

h1 {
    font-size: 20px;
    color: #001F76;
}

.globalnav{
/*    padding: 0 40px;*/
    height: 100%;
}

.globalnav li a{
    align-content: center;
}

.globalnav_wrap {
/*    color:#fff;*/
    background: #fff;
    display:flex;
    justify-content:space-between;
/*    position: fixed;*/
    max-width: 1074px;
    width: 90%;
    height: 100%;
    align-items: center;
    border-radius: 45px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    padding: 0 40px;
}

.globalnav_wrap i{
    font-size: 21px;
}

.tel i{
    margin-right: 5px;
}

.tel{
    color: #fff;
    background: #EA5100;
    border-radius: 10px;
    list-style: none;
    text-align: center;
    font-size: 21px;
    font-weight: 600;
    line-height: 1;
    max-width: 216px;
    width: 95%;
    margin-left: 10px;
    align-content: center;
    height: 100%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

.tel span{
    display: block;
}

.tel span:last-child{
    font-size: 13px;
    margin-top: 5px;
}

.dropdown_btn {
    position:relative;
    display:inline-block;
    padding:0 10px;
    cursor:pointer;
    height: 100%;
    font-weight: 500;
}

.dropdown_btn:last-child{
    padding-right: 0;
}

.dropdown {
    z-index:1000;
    background:rgba(255,255,255,0.9);
    position:absolute;
    top: 72px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-radius: 5px;
    width:190px;
    padding:5px 10px;
    display:none;
}

.dropdown li {
    display:block;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    padding-top: 10px;
}

.dropdown li:last-child{
    border-bottom: none;
}

.dropdown li a {
/*    color:#464646;*/
/*    font-weight: 400;*/
}

.dropdown li:hover,
.dropdown_btn a:hover{
    opacity: 0.7
}

.nav_button_wrap,
.open {
    display:block;
}

.close {
    display:block;
}

/*kv*/
#kv{
    height: 37.334vw;
    overflow: hidden;
    position: relative;
    text-align: center;
    position: relative;
}

#kv .kv_bg{
    background: url(img/kv.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 100%;
    width: 100%;
}

#kv h2{
    font-size: 30px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 95%;
    text-shadow: 0 3px 6px rgba(0,0,0,0.6)
}

/*news*/
#news .inner{
    width: 66.667%;
    overflow: hidden;
}

#news .font_y{
    font-size: 28px;
    color: #0D1F46;
}

#news .font_y img{
    width: 28px;
    vertical-align: sub;
    margin-right: 10px;
}

#news .news_box{
    margin-top: 30px;
}

#news ul{
    border-bottom: 1px solid #BFC6DD;
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

#news ul li:first-child{
    font-size: 17px;
}

#news ul li:nth-child(2){
    margin: 0 10px;
    background: #001F76;
    color: #fff;
    max-width: 100px;
    width: 100%;
    text-align: center;
    font-size: 13px;
    padding: 5px 0;
    line-height: normal;
}

#news ul li:last-child{
    font-weight: 600;
}

#news p a{
    color: #001F76;
    text-align: right;
    display: inline-block;
    width: auto;
    float: right;
    clear: both;
    font-weight: 600;
}

#news p a img{
    width: 21px;
    vertical-align: middle;
    margin-left: 15px;
    display: inline-block;
}

/*about*/
#about{
    background: #fff;
    position: relative;
}

#about::before{
    content: '';
    background: url(img/about.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    display: inline-block;
/*    width: 696px;*/
    width: 100vw;
    height: 100%;
}

#about ul:first-child{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #001F76;
}

#about ul h4{
    font-size: 28px;
    letter-spacing: 0.12em;
    line-height: normal;
    color: #001F76;
    margin-bottom: 20px;
}

#about ul h4 img{
    width: 100px;
    margin-right: 10px;
}

#about_2{
    margin-top: -40px;
    padding-top: 40px;
}

#about_2 b.title{
    border-bottom: 1px solid #001F76;
    display: block;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 110%;
}

#about_2 li .number{
    background: #001F76;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    line-height: normal;
    margin: 0.3em 0.3em 0.2em 0;
}

/*support*/
#support .support_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 60px;
}

#support .support_box ul{
    width: 31.667%;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    margin: 0 0.8% 60px 0.8%;
    padding: 35px 0 25px 0;
    position: relative;
}

#support .support_box ul:nth-child(n+4){
    margin-bottom: 0;
}

#support .support_box ul li:first-child{
    font-size: 20px;
    color: #001F76;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px dashed #001F76;
    width: 89.475%;
    margin: auto auto 10px auto;
}

#support .support_box ul li:last-child{
    width: 85.53%;
    margin: 0 auto;
}

#support .support_box ul:first-child::before{
    content: '';
    background: url(img/kinrin_01.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 61px;
    height: 47px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: block;
}

#support .support_box ul:nth-child(2)::before{
    content: '';
    background: url(img/kinrin_02.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 61px;
    height: 47px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: block;
}

#support .support_box ul:nth-child(3)::before{
    content: '';
    background: url(img/kinrin_03.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 61px;
    height: 47px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: block;
}

#support .support_box ul:nth-child(4)::before{
    content: '';
    background: url(img/kinrin_04.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 61px;
    height: 47px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: block;
}

#support .support_box ul:last-child::before{
    content: '';
    background: url(img/kinrin_05.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 61px;
    height: 47px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: block;
}

/*coverage*/
#coverage{
    background: #E8E8E8;
}

#coverage ul:first-child{
    border-bottom: 1px dashed #001F76;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

#coverage ul:last-child li:nth-child(2){
    font-weight: 600;
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
}

#afterfollow{
    margin-top: -40px;
    padding-top: 40px;
}


/*works*/
#works p{
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 30px;
}

#works .works_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#works .works_box ul{
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    width: 31.667%;
    padding-bottom: 30px;
}

#works .works_box ul li:nth-child(2){
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #001F76;
    margin: 15px auto 10px auto;
    width: 95%;
}

#works .works_box ul li:last-child{
    width: 85.53%;
    margin: 0 auto;
}

#works a{
    display: inline;
    color: #001F76;
    text-decoration: underline;
}

/*company*/
#company{
    background: #001F76;
    color: #fff;
}

#company h3{
    color: #fff;
    margin-bottom: 40px;
}

#company .inner{
    width: 74.667%;
    margin: 0 auto;
    padding: 50px 0 70px 0;
    position: relative;
    z-index: 1;
}

#company .company_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#company .company_box ul:first-child{
    width: 45.536%;
}

#company .company_box ul:first-child iframe{
    width: 100%;
    height: 100%;
}

#company .company_box ul:last-child{
    width: 50%;
}

#company .company_box ul:last-child li{
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px dashed #fff;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

#company .company_box ul:last-child li span:first-child{
    width: 30%;
}

#company .company_box ul:last-child li span:last-child{
    width: 70%;
}

#company .company_box ul:last-child li a{
    display: inline;
}

#company p{
    text-align: center;
    width: 95%;
    margin: 0 auto;
    font-size: 10px;
    padding-bottom: 15px;
}

/*下層*/
#page_bg{
    background: url(img/blog.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 18vw;
    width: 100%;
    position: relative;
}

#page_bg h5{
    font-size: 30px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 95%;
    text-shadow: 0 3px 6px rgba(0,0,0,0.6);
    margin-top: 30px;
}

#page_box{
    background: #F7F7FF;
    margin: 0 auto;
    padding: 0;
}

#page_box .inner{
    background: #fff;
}

#page_box .inner .inner_box{
    width: 88%;
    margin: 0 auto;
}

.pankuzu{
    margin-bottom: 50px;
}

.pankuzu ul{
    display: flex;
    flex-wrap: wrap;
    font-size: 11px;
}

.pankuzu ul li a{
    color: #001F76;
    text-decoration: underline;
}

.pankuzu ul li a:hover{
    opacity: 0.7;
}

.pankuzu ul li.next{
    margin: 0 5px;
}

.blog_set{
    display: flex;
    justify-content: space-between;
}

.blog_l{
    width: 70%;
}

.blog_r{
    width: 25%;
    text-align: center;
}

.blog_l .blog_l_list{
    border-bottom: 2px solid #002076;
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}

.blog_l .blog_l_list a{
    height: auto;
    width: auto;
    display: inline;
}

.blog_l .blog_l_list:first-child{
    padding-top: 0;
}

.blog_l .blog_l_list ul:first-child li{
    height: 125px;
    width: 187px;
    margin-top: 8px;
    margin-right: 10px;
}

.blog_l .blog_l_list ul:first-child li img{
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.blog_l .blog_l_list ul:last-child{
    width: 70%;
}

.blog_l .blog_l_list ul:last-child .font_m{
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    margin-right: 1em;
    font-weight: 400;
    color: #717070;
}

.blog_l .blog_l_list ul:last-child .category{
    background: #002076;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 2px 1em 4px 1em;
    vertical-align: middle;
    letter-spacing: 0.08em;
    line-height: normal;
}

.blog_l .blog_l_list ul:last-child .title{
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px dashed #464646;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.blog_l .blog_l_list ul:last-child .link{
    text-align: right;
    font-size: 13px;
}

.blog_r ul li{
    border-bottom: 1px solid #ccc;
    padding: 0.5em 0;
}

.blog_r ul li:first-child{
    background: #464646;
    padding: 10px 0.5em;
    border-bottom: none;
    color: #fff;
    font-weight: 400;
}

.blog_r ul:first-child{
    margin-bottom: 50px;
}

.blog_r ul a{
    font-size: 14px;
}

h6{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

h6::before{
    content: '';
    background: #002076;
    width: 5px;
    height: 35px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

/*pagenavi*/
.wp-pagenavi{
    text-align: center;
    margin: 20px auto;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 3px 5px;
    margin: 2px;
}

.wp-pagenavi .pages{
    display: none;
}

.wp-pagenavi .current{
    background: #002076;
    color: #fff;
}

.wp-pagenavi a{
    width: auto;
    height: auto;
    display: inline;
}

/*------single------*/
.blog_l .blog_single .font_m{
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    margin-right: 1em;
    font-weight: 400;
}

.blog_l .blog_single .category{
    background: #002076;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 2px 1em 4px 1em;
    vertical-align: middle;
    letter-spacing: 0.08em;
    line-height: normal;
}

.blog_l .blog_single .title{
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px dashed #464646;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.blog_l .blog_single .text{
    border-bottom: 1px solid #5A413A;
    padding-bottom: 50px;
}

.blog_l .blog_single .text img{
    max-width: 400px;
    width: 100%;
    height: auto;
    margin: 1em 0;
}

.blog_l .blog_single .text img.emoji{
    width: 24px;
    height: auto;
    margin: 0;
}

.blog_l .blog_single .text a{
    display: inline;
    text-decoration: underline;
    color: 
}

.b_n{
    text-align: center;
    margin-top: 50px;
}

.b_n a{
    display: inline-block;
    width: auto;
    height: auto;
}

@media screen and (max-width: 1300px){
    h1 {
        font-size: 1.4vw;
    }
    .dropdown_btn{
        padding: 0 1%;
        font-size: 1.153846153846154vw;
    }
    .globalnav_wrap{
        padding: 0 2%;
    }
    .globalnav{
        width: 76%;
        text-align: right;
    }
}

@media screen and (max-width: 1030px){
    /*header*/
    header {
        width: 100%;
        height: auto;
        top: 0;
        display: block;
    }
    .open header{
        height: 100%;
    }
    h1 {
        font-size: 16px;
        max-width: none;
        width: auto;
        display: inline;
        top: 50%;
        left: 0%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        position: absolute;
        margin: 0 0 0 3%;
    }
    .nav_button_wrap {
        display:block;
        position:absolute;
        right: 10px;
        top: 18px;
        z-index:1000;
        cursor: pointer;
        padding: 0px;
        height: 60px;
    }
    
    .globalnav {
        display:none;
    }
    
    .globalnav .close {
        display:none;
    }
    
    .globalnav_wrap.open .globalnav {
        display:block;
        padding:40px 35px 0;
        position: fixed;
        left: 0;
        top: 0;
        background-color: #001F76;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        text-align: left;
    }
    
    .globalnav_wrap.open .globalnav li {
        display:block;
    }
    
    .globalnav_wrap.open .globalnav li:hover {
        background:transparent;
    }
    
    .globalnav li a,
    .dropdown_btn{
        height: auto;
    }
    
    .globalnav_wrap i{
        display: none;
    }
    
    .dropdown {
        display:block;
        position:static;
        background:transparent;
        width: 100%;
        transform: none;
        padding: 0;
    }
    
    .dropdown li{
        text-align: left;
    }
    
    .dropdown li:last-child{
        border-bottom: 1px solid #CCCCCC;
    }

    .dropdown_btn_line{
        border-bottom: 1px solid #CCCCCC;
        padding: 10px 0!important;
    }
    
    .dropdown li a{
        color: #fff;
    }
    
    .dropdown_btn{
        padding: 0;
        font-size: 15px;
    }
    
    .nav_button,
    .nav_button span {
        display: inline-block;
        transition: all 0.3s;
    }
    
    .nav_button {
        z-index: 20;
        width: 25px;
        height: 19px;
        position: fixed;
        right: 10px;
    }
    
    .nav_button span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #001F76;
        border-radius: 4px;
    }
    .nav_button span:nth-of-type(1) {
        top: 0;
    }
    
    .nav_button span:nth-of-type(2) {
        top: 8px;
    }
    
    .nav_button span:nth-of-type(3) {
        bottom: 0;
    }
    .active .nav_button span{
        background-color: #fff;
    }
    .active .nav_button span:nth-of-type(1) {
        transform: translateY(10px) rotate(-45deg);
    }
    
    .active .nav_button span:nth-of-type(2) {
         opacity: 0;
    }
    
    .active .nav_button span:nth-of-type(3) {
        transform: translateY(-6px) rotate(45deg);
    }
    
    .dropdown_btn span,
    .dropdown_btn span::after{
        display: none;
    }
    
    .globalnav_wrap{
        display: block;
        width: 100%;
        height: 60px;
        border-radius: 0;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        color: #fff;
        position: relative;
    }
    
    .tel{
        display: none;
    }

}

@media screen and (max-width: 767px) {
    
    .sp{
        display: inherit;
    }

    .pc{
        display: none;
    }

    /*共通*/
    body{
/*        font-size: 13px;*/
/*        letter-spacing: 0.04em;*/
    }
    
    .inner {
        width: 86.67%;
        padding: 40px 0;
    }
    /*kv*/
    #kv{
        min-height: 500px;
    }
    
    #kv h2{
        font-size: 20px;
    }

    h3{
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    h3.house::before{
        content: '';
        background: url(img/h3_img.png);
        background-size: contain;
        background-repeat: no-repeat;
        height: 35px;
        width: 65px;
        display: block;
        margin: auto auto 5px auto;
    }

    /********
    TOP
    ********/
    /*news*/
    #news .inner{
        width: 86.67%;
    }

    #news .font_m{
        font-size: 22px;
    }
    
    #news .news_box{
        margin-top: 0;
    }

    #news ul{
        flex-wrap: wrap;
    }

    #news ul li:nth-child(2){
        margin: 0 10px;
        max-width: 70px;
        font-size: 12px;
    }

    #news ul li:last-child{
        width: 100%;
        margin-top: 10px;
    }

    #news ul li:last-child a {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow:ellipsis;
    }
    
    #news ul li:first-child{
        font-size: 14px;
    }

    #news p a img{
        margin-left: 10px;
    }
    

    /*about*/
    #about::before{
        content: '';
        background: url(img/sp/about.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        right: 0;
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    #about ul:first-child{
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

    #about ul h4{
        font-size: 23px;
        margin-bottom: 15px;
    }

    #about ul h4 img{
        width: 70px;
        margin-right: 10px;
    }

    #about_2{
        margin-top: -20px;
        padding-top: 20px;
    }

    /*support*/
    #support .support_box{
        display: block;
        margin-top: 40px;
    }

    #support .support_box ul{
        width: 100%;
        padding: 35px 0 20px 0;
        margin: 0 0 40px 0;
    }

    #support .support_box ul:nth-child(4){
        margin-bottom: 40px;
    }

    #support .support_box ul li:first-child{
        font-size: 18px;
        padding-bottom: 2px;
    }

    #support .support_box ul:first-child::before{
        content: '';
        background: url(img/kinrin_01.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 50px;
        height: 40px;
        position: absolute;
        top: -15px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        display: block;
    }

    #support .support_box ul:nth-child(2)::before{
        content: '';
        background: url(img/kinrin_02.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 50px;
        height: 40px;
        position: absolute;
        top: -15px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        display: block;
    }

    #support .support_box ul:nth-child(3)::before{
        content: '';
        background: url(img/kinrin_03.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 50px;
        height: 40px;
        position: absolute;
        top: -15px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        display: block;
    }

    #support .support_box ul:nth-child(4)::before{
        content: '';
        background: url(img/kinrin_04.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 50px;
        height: 40px;
        position: absolute;
        top: -15px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        display: block;
    }

    #support .support_box ul:last-child::before{
        content: '';
        background: url(img/kinrin_05.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 50px;
        height: 40px;
        position: absolute;
        top: -15px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        display: block;
    }
    
    /*coverage*/
    #coverage ul:first-child{
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

    #coverage ul li:nth-child(2){
        font-size: 16px;
        text-align: left;
    }

    #afterfollow{
        margin-top: -20px;
        padding-top: 20px;
    }

    /*works*/
    #works p{
        font-size: 16px;
        margin-bottom: 20px;
        text-align: left;
    }

    #works .works_box{
        display: block;
    }

    #works .works_box ul{
        width: 100%;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    
    #works .works_box ul:last-child{
        margin-bottom: 0;
    }

    #works .works_box ul li:nth-child(2){
        font-size: 16px;
        margin: 10px auto 5px auto;
    }


    /*company*/
    #company h3{
        color: #fff;
        margin-bottom: 30px;
    }

    #company .inner{
        width: 86.67%;
    }

    #company .company_box{
        display: block;
    }

    #company .company_box ul:first-child{
        width: 100%;
        height: 300px;
    }
    
    #company .company_box ul:last-child{
        width: 100%;
        margin-top: 20px;
    }

    #company .company_box ul:last-child li{
        display: block;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    #company .company_box ul:last-child li span:first-child{
        width: 100%;
        display: block;
    }

    #company .company_box ul:last-child li span:last-child{
        width: 100%;
        display: block;
        margin-top: 5px;
    }

    
    /*下層*/
    #page_bg{
        min-height: 200px;
    }

    #page_bg h5{
        font-size: 20px;
    }
    
    #page_box .inner{
        width: 100%;
    }

    #page_box .inner .inner_box{
        width: 86.67%;
    }

    .pankuzu{
        margin-bottom: 40px;
    }

    .blog_set{
        display: block;
    }

    .blog_l{
        width: 100%;
    }

    .blog_r{
        width: 100%;
        text-align: center;
        margin-top: 50px;
    }

    .blog_l .blog_l_list{
        display: block;
    }

    .blog_l .blog_l_list ul:first-child li{
        height: 45vw;
        width: 100%;
        margin-bottom: 10px;
        margin-top: 0;
        margin-right: 0;
    }
    
    .blog_l .blog_l_list ul:last-child{
        width: 100%;
    }
    
    h6{
        font-size: 18px;
    }

    h6::before{
        height: 25px;
    }
    
    /*------single------*/
    
    .b_n{
        text-align: center;
        margin-top: 50px;
    }

    .b_n a{
        display: inline-block;
        width: auto;
        height: auto;
    }

    
}