/*-------------------------------------------------------
 * common
 * ---------------------------------------------------------*/
.container{
    width: 994px;
    margin: 0 auto;
}
.flex{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.content_title{
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #0572b1;
    margin-bottom: 0px!important;
}
/*-------------------------------------------------------
 * casestudy_hero
 * ---------------------------------------------------------*/
.casestudy_hero{
    background-color: #f1f1f1;
}
.casestudy_hero .container{
    height: 200px;
}
.casestudy_hero .container h1{
    width: 100%;
    box-sizing: border-box;
}
.casestudy_hero .container .title{
    color: #fff;
    font-size: 34px;
    font-weight: bold;
    line-height: 50px;
    margin: 0;
    text-align: center;
    margin-bottom: 0!important;
}
.casestudy_hero .container .title .br{
    display: block;
}
.casestudy_hero .container .btn{
    background: #1990d6;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 14px 33px;
    border-radius: 5px;
    transition: .3s;
}
.casestudy_hero .container .btn:hover{
    transition: .3s;
    opacity: .8;
    text-decoration: none;
}
.casestudy_hero .container .btn-orange { color: white; font-size: 16px; font-weight: 600; }

/*-------------------------------------------------------
 * casestudy-list-bottom
 * ---------------------------------------------------------*/
.casestudy-list-bottom{
    padding: 20px 0 60px;
    background: #f1f1f1;
}
.casestudy-list-bottom .casestudy_search_filter{
    /*width: 27%;*/
    margin-bottom: 20px;
}
.casestudy-list-bottom .casestudy_search_filter .search_filter_headline{
    background: #234766;
    color: #fff;
    font-size: 18px;
    padding: 10px 0 10px 20px;
    font-weight:bold;
    margin: 0!important;
}
.casestudy-list-bottom .casestudy_search_filter .search_filter_headline.acc{
    position: relative;
    cursor: pointer;
    background-color: #234766;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
.casestudy-list-bottom .casestudy_search_filter .search_filter_headline.acc:hover{
    opacity: .8;
}
.casestudy-list-bottom .casestudy_search_filter .search_filter_headline.acc::before,
.casestudy-list-bottom .casestudy_search_filter .search_filter_headline.acc::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 20px;
    border-top: 2px solid #ee6a0d;
    margin-top: -1px;
}
.casestudy-list-bottom .casestudy_search_filter .search_filter_headline.acc::after{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
}
.casestudy-list-bottom .casestudy_search_filter .search_filter_headline.acc.open::after{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.casestudy-list-bottom .casestudy_search_filter .search_filter_headline.acc + .inner_wrap {
    position: relative;
    overflow: hidden;
    /*height: 0;*/
    -webkit-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
}
.casestudy-list-bottom .casestudy_search_filter .inner{
    background: #fff;
    padding: 6px 13px 13px;
}
.casestudy-list-bottom .casestudy_search_filter .inner ul{
    margin-bottom: 22px;
}
.casestudy-list-bottom .casestudy_search_filter .inner ul li{
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    padding-right: 20px;
}
.casestudy-list-bottom .casestudy_search_filter .inner label{
}
.casestudy-list-bottom .casestudy_search_filter .inner label input{
    display: none;
}
.casestudy-list-bottom .casestudy_search_filter .inner label span{
    padding-left: 24px;
    position: relative;
    width: 100%;
    display: inline-block;
}
.casestudy-list-bottom .casestudy_search_filter .inner label span::before{
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 14px;
    height: 14px;
    border: 2px solid #999;
    border-radius: 50%;
}
.casestudy-list-bottom .casestudy_search_filter .inner label input:checked + span::before{
    border: 2px solid #0572b1;
}
.casestudy-list-bottom .casestudy_search_filter .inner label input[type=radio]:checked + span::after{
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 4px;
    width: 10px;
    height: 10px;
    background: #0572b1;
    border-radius: 50%;
}
.casestudy-list-bottom .casestudy_search_filter .inner label input[type=checkbox] + span::before{
    border-radius: 0;
}
.casestudy-list-bottom .casestudy_search_filter .inner label input[type=checkbox]:checked + span::before{
    background-color: #0572b1;
}
.casestudy-list-bottom .casestudy_search_filter .inner label input[type=checkbox]:checked + span::after{
    content: "";
    position: absolute;
    left: 7px;
    top: 6px;
    width: 3px;
    height: 11px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.casestudy-list-bottom .casestudy_search_filter .inner ul .sub_title{
    font-size: 15px;
    padding-left: 15px;
    margin-bottom: -8px;
}
.casestudy-list-bottom .casestudy_search_filter .inner select {
    width: 100%;
    border: 2px #dadada solid;
    border-radius: 5px;
    background: url(https://cdn.bell-face.com/assets/www/imgs/casestudy/arrow.png) no-repeat 92% center;
    background-size: auto;
    color: #192126;
    font-size: 15px;
    padding: 10px 0 10px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.casestudy-list-bottom .casestudy_search_filter .inner .submit{
    text-align: center;
}
.casestudy-list-bottom .casestudy_search_filter .inner .submit input{
    background: #ee6a0d;
    color: #fff;
    width: 100%;
    font-size: 16px;
    padding: 10px 0;
    border-radius: 5px;
    transition: .3s;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.casestudy-list-bottom .casestudy_search_filter .inner .submit:hover{
    opacity: .8;
    transition: .3s;
}
.casestudy-list-bottom .casestudy_search_filter .inner .table {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}
.casestudy-list-bottom .casestudy_search_filter .inner .table > * {
    display: table-cell;
    vertical-align: middle;
}
.casestudy-list-bottom .casestudy_search_filter .inner .sub_title_s {
    font-size: 15px;
    width: 8em;
    font-weight: bold;
    text-align: center;
}
.casestudy-list-bottom .casestudy_search_filter .inner .table_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.casestudy-list-bottom .casestudy_search_filter .inner .table_wrap > * {
    width: 40%;
}

.casestudy-list-bottom .casestudy_articles{
    /*width: 70%;*/
    justify-content: flex-start;
    align-items: normal;
    /*margin-top:20px;*/
}
.casestudy-list-bottom .casestudy_articles .list-block{
    width: 31.5%;
    /*height: 340px;*/
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    margin-right: 2.75%;
    background: #e1eaef;
}
.casestudy-list-bottom .list-block:nth-child(3n){
    margin-right: 0;
}
.casestudy-list-bottom .list-block .casestudy_tag{
    position: absolute;
    top: 0;
    left: 0;
    background: #ff0000;
    color: #fff;
    padding: 3px 5px;
    font-size: 14px;
    font-weight: bold;
    z-index: 2;
}
.casestudy-list-bottom .list-block a:hover{
    text-decoration: none;
}
.casestudy-list-bottom .list-block a .img_parent{
    width: 100%;
    display: flex;
    background: #fff;
}
.casestudy-list-bottom .list-block a .img{
    width: 50%;
    height: 90px;
    overflow: hidden;
    transition: .3s;
    position: relative;
}
.casestudy-list-bottom .list-block a:hover .img{
    opacity: .8;
    transition: .3s;
}
.casestudy-list-bottom .list-block a .img img{
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}
.casestudy-list-bottom .list-block a .text_parent{
    height: 135px;
    padding: 15px;
    background: #fff;
}
.casestudy-list-bottom .list-block a .pickup{
    display: inline-block;
    margin-bottom: 3px;
    padding: 0 10px;
    background-color: #ee6a0d;
    color: #fff;
    font-weight: bold;
}
.casestudy-list-bottom .list-block a .cat{
    font-weight: bold;
    margin-bottom: 3px;
}
.casestudy-list-bottom .list-block a .title,
.casestudy-list-bottom .list-block a .text p{
    color: #192126;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 3px;
}
.casestudy-list-bottom .list-block a .text p{
    font-size: 16px;
    line-height: 25px;
    margin: 0!important;
    color: #0572b1;
}
.casestudy-list-bottom .list_parent{
    background: #e1eaef;
}
.casestudy-list-bottom .list-block a .list{
    padding: 15px;
    margin: 0;
    font-weight: bold;
    color: #192126;
    font-size: 14px;
}
.casestudy-list-bottom .list-block a .list dl,
.casestudy-list-bottom .list-block a .list dl * {
    margin: 0;
    padding: 0;
}
.casestudy-list-bottom .list-block a .list dl {
    display: table;
}
.casestudy-list-bottom .list-block a .list dl > * {
    display: table-cell;
    vertical-align: top;
}
.casestudy-list-bottom .list-block a .list dl dt {
    white-space: nowrap;
color:#7ED321;
}
.casestudy-list-bottom .list-block a .list dl dt::after {

}
.casestudy-list-bottom .list-block a .list li {
    display: inline-block;
}
.casestudy-list-bottom .list-block a .list li:after {
    content: "/";
    margin: 0.3em;
}
.casestudy-list-bottom .list-block a .list li:last-child:after {
    content: none;
}
.casestudy_articles .casestudy_more_btn{
    width: 100%;
}
.casestudy_articles .casestudy_more_btn .more_btn{
    display: block;
    color: #0572b1;
    font-size: 14px;
    padding: 15px 0;
    text-align: center;
    border-radius: 5px;
    background: #fff;
    margin-top: 20px;
    transition: .3s;
    cursor: pointer;
}
.casestudy_articles .casestudy_more_btn a:hover{
    transition: .3s;
    opacity: .8;
    text-decoration: none;
}

/*-------------------------------------------------------
 * casestudy-list-top
 * ---------------------------------------------------------*/
.casestudy-list-top{
    padding: 20px 0;
    background: #f0f7fa;
}
.casestudy-list-top .pickup_title{
    margin-bottom: 20px;
    background: #234766;
    color: #fff;
    font-size: 18px;
    padding: 10px 0 10px 20px;
    font-weight:bold;
}
@media screen and (max-width: 993px){
    /*-------------------------------------------------------
 *     common
 *         ---------------------------------------------------------*/
    .container{
        width: 100%;
    }
    /*-------------------------------------------------------
 *     casestudy_hero
 *         ---------------------------------------------------------*/
    .casestudy_hero .container{
        /*padding: 53px 20px 80px;*/
    }
    /*-------------------------------------------------------
 *     casestudy-list-bottom
 *         ---------------------------------------------------------*/
    .casestudy-list-bottom{
        padding: 20px 20px 60px;
    }
    .casestudy-list-bottom .casestudy_search_filter .inner .table_wrap > * {
        width: 50%;
    }
    .casestudy-list-bottom .casestudy_articles{
        width: 100%;
        flex-wrap: wrap;
    }
    .casestudy-list-bottom .casestudy_articles .list-block{
        width: 49%;
    }
    .casestudy-list-bottom .list-block:nth-child(2n+1){
        margin-right: 2%;
    }
    .casestudy-list-bottom .list-block:nth-child(2n){
        margin-right: 0;
    }
    .casestudy-list-bottom .list-block a .text_parent{
        height: 125px;
    }
    /*-------------------------------------------------------
 *     casestudy-list-top
 *         ---------------------------------------------------------*/
    .casestudy-list-top{
        padding: 20px 20px;
    }
    @media screen and (max-width: 767px){
        /*-------------------------------------------------------
 *         common
 *                 ---------------------------------------------------------*/
        .content_title{
            font-size: 18px;
            margin-bottom: 30px!important;
        }
        /*-------------------------------------------------------
 *         casestudy_hero
 *                 ---------------------------------------------------------*/
        .casestudy_hero .container{
            padding: 53px 0;
        }
        .casestudy_hero .container .cp_name{
            font-size: 18px;
        }
        .casestudy_hero .container .title{
            font-size: 22px;
            line-height: 30px;
            margin-bottom: 0!important;
        }
        .casestudy_hero .container .btn{
            font-size: 16px;
            padding: 10px 25px;
        }
        .casestudy_hero .container .btn-orange { font-size: 12px; }

        /*-------------------------------------------------------
 *         casestudy-list-top
 *                 ---------------------------------------------------------*/
        .casestudy-list-top{
        }
        /*-------------------------------------------------------
 *         casestudy-list-bottom
 *                 ---------------------------------------------------------*/
        .casestudy-list-bottom{
            padding: 20px;
        }
        .casestudy-list-bottom .casestudy_search_filter{
            width: 100%;
            margin-bottom: 30px;
        }
        .casestudy-list-bottom .casestudy_search_filter .search_filter_headline{
            font-size: 16px;
        }
        .casestudy-list-bottom .casestudy_search_filter .inner ul{
            margin-bottom: 15px;
        }
        .casestudy-list-bottom .casestudy_search_filter .inner ul li{
            font-size: 16px;
            padding-left: 0;
            display: inline-block;
        }
        .casestudy-list-bottom .casestudy_search_filter .inner label span{
            padding-left: 28px;
        }
        .casestudy-list-bottom .casestudy_search_filter .inner ul .sub_title{
            padding-left: 6px;
            display: block;
        }
        .casestudy-list-bottom .casestudy_search_filter .inner select{
            margin-top: 5px;
            margin-bottom: 10px;
        }
        .casestudy-list-bottom .casestudy_search_filter .inner .table {
            display: block;
        }
        .casestudy-list-bottom .casestudy_search_filter .inner .table > * {
            display: block;
        }
        .casestudy-list-bottom .casestudy_search_filter .inner .sub_title_s {
            width: auto;
            text-align: left;
        }
        .casestudy-list-bottom .casestudy_search_filter .inner .sub_title_s br {
            display: none;
        }
        .casestudy-list-bottom .casestudy_search_filter .inner .table_wrap {
            display: block;
        }
        .casestudy-list-bottom .casestudy_search_filter .inner .table_wrap > * {
            width: 100%;
            margin-bottom: 5px;
        }
        /*.casestudy-list-bottom .casestudy_articles{
 *             width: 100%;
 *                     }*/
        .casestudy-list-bottom .casestudy_articles .list-block{
            width: 100%;
            height: auto;
            margin-right: 0;
        }
        .casestudy-list-bottom .list-block:nth-child(3n){
            margin-right: 0;
        }
        .casestudy-list-bottom .list-block a .text_parent,
        .casestudy-list-bottom .list-block a .list_parent{
            height: auto;
        }
        .casestudy-list-bottom .list-block a .img{
            height: 85px;
        }
        .casestudy-list-bottom .list-block a .title,
        .casestudy-list-bottom .list-block a .text{
            font-size: 16px;
        }
        .casestudy-list-bottom .list-block a .list{
            justify-content: flex-start;
            padding: 15px;
        }
    }
}
/*--------------------------------------
 * casestudy_detail_hero
 * --------------------------------------*/
.casestudy_detail_hero .container .cp_name{
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 8px!important;
}
.casestudy_detail_hero .container .title{
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    line-height: 50px;
    margin: 0;
    margin-bottom: 44px!important;
}
.casestudy_detail_hero .container .title .br{
    display: block;
}

/*-------------------------------------------------------
 * casestudy-detail
 * ---------------------------------------------------------*/
.casestudy_detail{
    padding: 61px 0 0;
    background: #fff;
}
.casestudy_detail_main{
    width: 680px;
    padding-bottom: 50px;
}
.casestudy_detail_main .content_1{
    background: #f1f1f1;
    padding: 14px 20px;
    margin-bottom: 60px;
}
.casestudy_detail_main .content_1 .top{
    border-bottom: 1px #dbd9d9 solid;
    padding-bottom: 25px;
    margin-bottom: 20px
}
.casestudy_detail_main .content_1 .top .text_parent{
    width: 100%;
}
.casestudy_detail_main .content_1 .top ul{
    justify-content: flex-start;
    float:left;
    width:80%;
    margin-top:5px;
}
.casestudy_detail_main .content_1 .top ul li{
    margin-right: 10px;
    margin-bottom: 17px;
}
.casestudy_detail_main .content_1 .top ul li span{
    background: #fff;
    padding: 7px 13px;
    color: #192126;
    font-size: 16px;
    font-weight: bold;
}
.casestudy_detail_main .content_1 .top .cp_name{
    font-size: 20px;
    font-weight: bold;
    color: #192126;
    clear:both;
}
.casestudy_detail_main .content_1 .top .text{
    color: #192126;
    font-size: 16px;
    line-height: 28px;
}
.casestudy_detail_main .content_1 .top .img{
    width: 18%;
    float:right;
}
.casestudy_detail_main .content_1 .top .img img{
    height: auto;
    width:100%;
}
.casestudy_detail_main .content_1 .bottom .box{
    margin-bottom: 23px;
}
.casestudy_detail_main .content_1 .bottom .box .text_parent{
    width: 67%;
}
.casestudy_detail_main .content_1 .bottom .box .name{
    color: #192126;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px!important;
}
.casestudy_detail_main .content_1 .bottom .box .text{
    color: #192126;
    font-size: 16px;
    margin: 0;
    line-height: 28px;
}
.casestudy_detail_main .content_1 .bottom .box .img.pc{
    width: 31%;
    margin-top: 18px;
    display: block;
}
.casestudy_detail_main .content_1 .bottom .box .img.sp{
    display: none;
}
.casestudy_detail_main .content_1 .bottom .box .img img{
    width: 100%;
}
.casestudy_detail_main .contentAbout{
    margin-bottom: 30px;
}
.casestudy_detail_main .contentAbout h4{
    font-size: 20px;
    font-weight: bold;
    color: #0572b1;
    border-bottom: 2px #0572b1 solid;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.casestudy_detail_main .contentAbout p{
    color: #192126;
    font-size: 16px;
    line-height: 28px;
    margin: 0;
}
.casestudy_detail_main .contentIndex{
    background-color: #F1F1F1;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 30px;
}
.casestudy_detail_main .contentIndex .title{
    color: #333;
    font-size: 20px;
    font-weight: bold;
    border-radius: 3px 3px 0 0;
    padding: 8px 0;
    text-align: center;
    margin: 0 0 10px 0;
    border-bottom: 1px #ccc solid;
    width: 90%;
    margin: auto;
}
.casestudy_detail_main .contentIndex ul{
    padding: 10px 35px 1px;
}
.casestudy_detail_main .contentIndex ul li{
    margin-bottom: 20px;
    color: #0061A3;
    font-size: 16px;
    line-height: 24px;
    list-style-type: none;
    counter-increment: number;
    display: flex;
}
.casestudy_detail_main .contentIndex ul li::before{
    content: counter(number) ".";
    margin-right: 5px;
    color: #333;
}
.casestudy_detail_main .content_2{
    margin-bottom: 39px;
}
.casestudy_detail_main .content_2 .text{
    color: #192126;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 36px;
}
.casestudy_detail_main .content_2 .check_point{
    border: 2px #0572b1 solid;
    border-radius: 3px;
    margin-bottom: 30px;
}
.casestudy_detail_main .content_2 .check_point .title{
    background: #0572b1;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    border-radius: 3px 3px 0 0;
    padding: 8px 0;
    text-align: center;
    margin: 0 0 10px 0;
}
.casestudy_detail_main .content_2 .check_point ul{
    padding: 4px 35px 0;
}
.casestudy_detail_main .content_2 .check_point ul li{
    display: table;
    margin-bottom: 29px;
}
.casestudy_detail_main .content_2 .check_point ul li p{
    color: #192126;
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    display: table-cell;
    padding-left: 10px;
}
.casestudy_detail_main .content_2 .check_point ul li::before{
    content: "";
    display: table-cell;
    background: url(https://cdn.bell-face.com/assets/www/imgs/casestudy/check.png) no-repeat center top;
    background-size: 100%;
    margin-right: 10px;
    width: 27px;
    height: 27px;
}
.casestudy_detail_main .content_2 .check_point ul li p span{
    color: #0572b1;
    background: #e2f1f8;
    padding: 3px;
}
.casestudy_detail_main .content_3 .marker_blue{
background:#e2f1f8
}
.casestudy_detail_main .content_3 .marker_yellow{
background:#FFFF99
}
.casestudy_detail_main .content_3 h2,
.casestudy_detail_main .content_3 h3{
   background-color: #F1F1F1;
   color: #333333;
   font-family:"IBM Plex Sans","Noto Sans JP",sans-serif;
   font-size: 20px;
   font-weight: bold;
   line-height: 30px;
   margin-bottom: 20px !important;
   margin-top: 64px;
   position: relative;
   padding: 20px;
   max-width: 1040px;
   width: 100%;
   box-sizing: border-box;
   text-align: left;
}

.casestudy_detail_main .content_3 h2::before,
.casestudy_detail_main .content_3 h3::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 100%;
    width: 6px;
    background-color: #0061A3;
}
.casestudy_detail_main .content_3 pre::before{
    content: "";
    width: 22px;
    display: inline-block;
    vertical-align: middle;
    height: 1px;
    background: #333;
    border: none;
    box-shadow: none;
    margin-right: 17px;
}
.casestudy_detail_main .content_3 pre{
    font-weight: bold;
    font-size: 18px;
    margin: 0;
    white-space: normal;
    line-height: 28px;
    color:#333;
    font-weight:bold;
padding-left: 2.2em;
    text-indent: -2.2em;
}
.casestudy_detail_main .content_3 p{
    color: #192126;
    font-size: 16px;
    line-height: 28px;
    margin: 0;
}
.casestudy_detail_main .content_3 ul{
    background: #f1f1f1;
    padding: 20px 20px 20px 50px;
}
.casestudy_detail_main .content_3 ul li{
    color: #192126;
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    margin: 0;
    list-style: disc;
}
.casestudy_detail_main .content_3 img{
    max-width: 100%;
}
.casestudy_detail_main .content_3 .bottom_img{
    width: 90%;
    margin: 0 auto;
}
.casestudy_detail_main .content_3 .bottom_img .img{
    width: 49%;
}
.casestudy_detail_main .content_3 .bottom_img .img img{
    width: 100%;
}
.casestudy_detail_main .content_3 .bottom_img .small{
    font-weight: bold;
    font-size: 14px;
    color: #192126;
}
.casestudy_detail_main a{
 color:#0061A3;
}

.casestudy_detail_side{
    width: 280px;
}
.casestudy_detail_side .link{
    margin-bottom: 45px;
}
.casestudy_detail_side .link a{
    transition: .3s;
    display: block;
}
.casestudy_detail_side .link a img{
    width: 100%;
}
.casestudy_detail_side .link a:hover{
    transition: .3s;
    opacity: .8;
}
.casestudy_detail_side .casestudy_more_btn{
    text-align: center;
    margin: 30px 0 40px;
}
.casestudy_detail_side .casestudy_more_btn .more_btn{
    display: block;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    padding: 15px 0;
    text-align: center;
    border-radius: 5px;
    background: #1990d6;
    font-weight: bold;
    transition: .3s;
    cursor: pointer;
    text-decoration: none;
}
.casestudy_detail_side .casestudy_more_btn .more_btn:hover{
    transition: .3s;
    opacity: .8;
    text-decoration: none;
}
.casestudy_detail_side .side_title{
    font-size: 20px;
    font-weight: bold;
    color: #0572b1;
    border-bottom: 2px #0572b1 solid;
    padding-bottom: 13px;
    margin-bottom: 10px!important;
}
.casestudy_detail_side .category_list{
    margin-bottom: 40px;
}
.casestudy_detail_side .category_list li a{
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    color: #192126;
    text-decoration: none;
}
.casestudy_detail_side .category_list li a:hover{
    text-decoration: underline;
}
.casestudy_detail_side .pop_post li{
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px #ccc solid;
}
.casestudy_detail_side .pop_post li a{
    text-decoration: none;
}
.casestudy_detail_side .pop_post li a .img{
    width: 30%;
    height: 65px;
    transition: .3s;
    position: relative;
    overflow: hidden;
    display: block;
}
.casestudy_detail_side .pop_post li a .img img{
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    max-width: none;
    height: 100%;
}
.casestudy_detail_side .pop_post li a:hover .img{
    opacity: .8;
    transition: .3s;
}
.casestudy_detail_side .pop_post li a .text_parent{
    width: 65%;
}
.casestudy_detail_side .pop_post li a .cp_name{
    font-weight: bold;
    color: #192126;
    font-size: 15px;
    margin: 0;
}
.casestudy_detail_side .pop_post li a .text{
    color: #192126;
    font-size: 14px;
    line-height: 21px;
    margin: 0;
}
.content_detail_bottom{
    background: #f1f1f1;
    padding: 40px 0;
}
.content_detail_bottom .title{
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    padding-right: 111px;
    margin-bottom:11px;
}
.content_detail_bottom .casestudy_articles{
    width: 100%;
    margin-bottom: 40px;
    justify-content: flex-start;
    align-items: normal;
}
.content_detail_bottom .casestudy_articles .list-block{
    width: 24%;
    background: #fff;
    position: relative;
    z-index: 1;
    margin-right: 1.33%;
}
.content_detail_bottom .casestudy_articles .list-block:last-child{
    margin-right: 0;
}
.content_detail_bottom .casestudy_articles .list-block .casestudy_tag{
    position: absolute;
    top: 0;
    left: 0;
    background: #ff0000;
    color: #fff;
    padding: 3px 5px;
    font-size: 14px;
    font-weight: bold;
    z-index: 2;
}
.content_detail_bottom .list-block a,
.content_detail_bottom .list-block a:hover{
    text-decoration: none;
}
.content_detail_bottom .list-block a .img{
    width: 100%;
    height: 130px;
    position: relative;
    transition: .3s;
    overflow: hidden;
    display: block;
}
.content_detail_bottom .list-block a:hover .img{
    opacity: .8;
    transition: .3s;
}
.content_detail_bottom .list-block a .img img{
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}
.content_detail_bottom .list-block a .box{
    padding: 15px;
}
.content_detail_bottom .list-block a .text_parent{

}
.content_detail_bottom .list-block a .content_title,
.content_detail_bottom .list-block a .text p{
    color: #192126;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;
}
.content_detail_bottom dt{
     float: left;
font-size:13px
}
.content_detail_bottom dd{
     margin-left:70px;
font-size:13px
}

.content_detail_bottom .list-block a .text p{
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}
.content_detail_bottom .list-block a .case_logo{
    width: 100%;
    height: 75px;
    position: relative;
    overflow: hidden;
    display: block;
}
.content_detail_bottom .list-block a .case_logo img{
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70%;
    height: auto;
}
.content_detail_bottom .list-block a .list{
    justify-content: flex-start;
  margin-top:15px;
}
.content_detail_bottom .list-block a .list li{
    color: #192126;
    font-size: 13px;
margin-top:10px;
}
.content_detail_bottom .list-block a .list li::after{
    content: "/";
    display: inline-block;
    margin: 0 5px;
}
.content_detail_bottom .list-block a .list li:last-child::after{
    content: none;
    display: none;
}
.content_detail_bottom .casestudy_more_btn{
    text-align: center;
    margin: 30px 0;
}
.content_detail_bottom .casestudy_more_btn .more_btn{
    display: block;
    width: 400px;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    padding: 15px 0;
    text-align: center;
    border-radius: 5px;
    background: #1990d6;
    font-weight: bold;
    transition: .3s;
    cursor: pointer;
    text-decoration: none;
}
.content_detail_bottom .casestudy_more_btn .more_btn:hover{
    transition: .3s;
    opacity: .8;
    text-decoration: none;
}
.user_banner{
margin-top:10px;margin-bottom:10px;text-align:center
}
@media screen and (max-width: 993px){
    /*-------------------------------------------------------
 *     common
 *         ---------------------------------------------------------*/
    .container{
        width: 100%;
    }
    /*-------------------------------------------------------
 *     casestudy_hero
 *         ---------------------------------------------------------*/
    .casestudy_detail_hero .container{
        padding-bottom: 50px;
        padding-right: 20px;
        padding-left: 20px;
    }
    /*-------------------------------------------------------
 *     casestudy-detail
 *         ---------------------------------------------------------*/
    .casestudy_detail{
        padding: 20px;
        background: #fff;
    }
    .casestudy_detail_main{
        width: 100%;
        padding-bottom: 30px;
    }
    .casestudy_detail_main .content_1{
        margin-bottom: 30px;
    }
    .casestudy_detail_main .content_2{
        margin-bottom: 30px;
    }
    .casestudy_detail_main .content_2 .text{
        margin-bottom: 30px;
    }
    .casestudy_detail_side{
        width: 50%;
        margin: 0 auto;
    }
    .casestudy_detail_side .link{
        margin-bottom: 30px;
    }
    .casestudy_detail_side .category_list{
        margin-bottom: 30px;
    }
    .content_detail_bottom{
        background: #f1f1f1;
        padding: 40px 20px;
    }
    .content_detail_bottom .casestudy_articles{
        margin-bottom: 0;
    }
    .content_detail_bottom .casestudy_articles .list-block{
        width: 48%;
        margin-bottom: 30px;
        margin-right: 4%;
    }
    .content_detail_bottom .casestudy_articles .list-block:nth-child(2n){
        margin-right: 0;
    }
    .content_detail_bottom .list-block a .img{
        height: 150px;
    }
    .content_detail_bottom .list-block a .text_parent{
        height: 100px;
    }
    .content_detail_bottom .list-block a .case_logo img{
        width: 50%;
    }
    @media screen and (max-width: 767px){
        /*-------------------------------------------------------
 *         common
 *                 ---------------------------------------------------------*/
        ol.breadcrumb-inner.casestudy_bc li,
        ol.breadcrumb-inner.casestudy_bc li a,
        ol.breadcrumb-inner.casestudy_bc li span{
            font-size: 11px;
        }
        /*-------------------------------------------------------
 *         casestudy_detail_hero
 *                 ---------------------------------------------------------*/
        .casestudy_detail_hero .container{
            padding-bottom: 53px;
            padding-right: 20px;
            padding-left: 20px;
        }
        .casestudy_detail_hero .container .cp_name{
            font-size: 18px;
        }
        .casestudy_detail_hero .container .title{
      padding-right:50px;
            font-size: 22px;
            line-height: 30px;
            margin-bottom: 30px!important;
        }
        /*-------------------------------------------------------
 *         casestudy-detail
 *                 ---------------------------------------------------------*/
        .casestudy_detail_main .content_1 .top .text_parent{
            width: 100%;
            margin-bottom: 20px;
        }
        .casestudy_detail_main .content_1 .top ul li{
            margin-right: 5px;
            margin-bottom: 9px;
        }
        .casestudy_detail_main .content_1 .top ul li span{
            background: #fff;
            padding: 5px 8px;
            font-size: 14px;
        }
        .casestudy_detail_main .content_1 .top .cp_name{
            font-size: 18px;
        }
        .casestudy_detail_main .content_1 .top .img{
            width: 100%;
        }
        .casestudy_detail_main .content_1 .top .img img{
            width: 100%;
        }
        .casestudy_detail_main .content_1 .bottom .box .text_parent{
            width: 100%;
        }
        .casestudy_detail_main .content_1 .bottom .box .img,
        .casestudy_detail_main .content_1 .bottom .box .img.sp{
            width: 100%;
            display: block;
        }
        .casestudy_detail_main .content_1 .bottom .box .img.pc{
            display: none;
        }
        .casestudy_detail_main .content_2 .check_point .title{
            font-size: 18px;
        }
        .casestudy_detail_main .content_2 .check_point ul{
            padding: 4px 20px 0;
        }
        .casestudy_detail_main .content_2 .check_point ul li{
            margin-bottom: 15px;
        }
        .casestudy_detail_main .content_2 .check_point ul li p{
            font-size: 15px;
        }
        .casestudy_detail_main .content_3 h2,
        .casestudy_detail_main .content_3 h3{
            font-size: 18px;
        }
        .casestudy_detail_main .content_3 pre::before{
            width: 40px;
            margin-right: 15px;
        }
        .casestudy_detail_main .content_3 p{
            margin-bottom: 0!important;
        }
        .casestudy_detail_main .content_3 img{
            height: auto;
        }
        .casestudy_detail_main .content_3 ul{
            padding: 20px 20px 20px 35px;
        }
        .casestudy_detail_main .content_3 ul li{
            margin-bottom: 10px;
        }
        .casestudy_detail_main .content_3 .bottom_img{
            width: 100%;
        }
        .casestudy_detail_main .content_3 .bottom_img .img{
            width: 100%;
            margin-bottom: 10px;
        }
        .casestudy_detail_side{
            width: 100%;
        }
        .casestudy_detail_side .category_list li a{
            font-size: 16px;
            line-height: 25px;
            margin-bottom: 10px;
            display: block;
        }
        .casestudy_detail_side .pop_post li a .img{
            width: 36%;
            height: 100px;
        }
        .casestudy_detail_side .pop_post li a .text_parent{
            width: 60%;
        }
        .casestudy_detail_side .pop_post li a .cp_name{
            font-size: 16px;
        }
        .casestudy_detail_side .pop_post li a .text{
            font-size: 16px;
        }
        .content_detail_bottom{
            background: #f1f1f1;
            padding: 40px 20px 10px;
        }
        .content_detail_bottom .title{
            font-size: 22px;
            margin-bottom: 30px!important;
        }
        .content_detail_bottom .casestudy_articles{
            width: 100%;
            margin-bottom: 30px;
        }
        .content_detail_bottom .casestudy_articles .list-block{
            width: 100%;
            height: auto;
            margin-right: 0;
        }
        .content_detail_bottom .casestudy_articles .list-block:last-child{
            margin-bottom: 0;
        }
        .content_detail_bottom .list-block a .img{
            height: 170px;
        }
        .content_detail_bottom .list-block a .text_parent{
            height: auto;
        }
        .content_detail_bottom .list-block a .content_title,
        .content_detail_bottom .list-block a .text p{
            font-size: 16px;
        }
        .content_detail_bottom .list-block a .case_logo{
            height: 100px;
        }
        .content_detail_bottom .list-block a .list li{
            margin-right: 10px;
        }
        .content_detail_bottom .casestudy_more_btn .more_btn{
            width: 100%;
        }
    }
}

/*-------------------------------------------------------
 * 追記20190613
 * ---------------------------------------------------------*/
.sp-on { display: none; }
a.btn-L:link,
a.btn-L:hover,
a.btn-L:visited {
  color: #fff!important;
  text-decoration: none!important;
}

.globalNavMenus a:nth-child(4) {
    opacity: 1;
    border-color: #0061a3;
}

.container{
    position: relative;
    max-width: 1040px !important;
    width: 100% !important;
}
/* パンくず */
#main.blog{
    position: relative;
}
.breadcrumb{
    background: transparent !important;
    max-width: 1488px;
    margin-left: auto;
    margin-right: auto;
}

ol.breadcrumb-inner li a,
ol.breadcrumb-inner .link,
ol.breadcrumb-inner .link::before{
    color: #333;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}
/* ヒーロー */
.casestudy_hero .container{
background: url(./assets/images/top/casestudy_hero.jpg) no-repeat center/cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .casestudy_hero .container{
    background: url(./assets/images/top/casestudy_hero@2x.jpg) no-repeat center/cover;
  }
}


.casestudy_hero .container{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: unset!important;
}
@media screen and (max-width: 767px){
    .casestudy_hero .container{
        padding: 52px 0px 50px 0;
    }
}
@media screen and (max-width: 480px){
    .casestudy_hero .container{
        background-image: url(./assets/images/top/casestudy_hero_sp@2x.jpg);
        position: relative;
    }
    .casestudy_hero .container:before{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .4);
    }
    .casestudy_hero .container h1{
        position: relative;
        z-index: 10;
    }
}
.casestudy_hero .container .title{
    color: #333;
    font-size: 32px;
    line-height: 48px;
    text-align: left;
}
@media screen and (max-width: 767px){
  .casestudy_hero .container .title{
    font-size: 20px;
    line-height: 30px;
  }
}
.casestudy_hero .container .copy{
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 8px;
    text-align: left;
}
@media screen and (max-width: 767px){
  .casestudy_hero .container .copy{
    font-size: 14px;
    line-height: 21px;
  }
}

@media screen and (max-width: 480px){
  .casestudy_hero .container{
    height: 25vw;
    padding: unset;
  }
  .casestudy_hero .container h1{
    color: white;
  }
}
.casestudy_dl {
    margin-top: 24px;
    text-align: left;
}
@media screen and (max-width: 767px){
  .casestudy_dl {
    margin-top: 8px;
  }
}
.casestudy_dl a {
    display: inline-block;
    border-radius: 4px;
    background-color: #EA6101;
    box-shadow: 0 2px 24px 0 rgba(255, 255, 255, 0.15);
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: bold;
    line-height: 64px;
    text-decoration: none !important;
    height: 64px;
    width: 256px;
    text-align: center;
}
@media screen and (max-width: 767px){
  .casestudy_dl a {
    font-size: 14px !important;
    line-height: 14px;
    padding: 16px;
    text-align: center;
    width: auto;
    height: auto;
  }
}
.casestudy_dl a:hover {
    opacity: .8;
    transition: .3s;
}
/* コンテンツ */
.casestudy-list-top{
    padding: 16px 0 20px 0;
}

.casestudy-list-top,
.casestudy-list-bottom{
    background-color: #fff;
}

/* Pick Up */
.casestudy-list-top .pickup_title{
    position: relative;
    height: 48px;
    max-width: 1040px;
    width: 100%;
    background-color: #F1F1F1;
    color: #333333;
    font-family:"IBM Plex Sans","Noto Sans JP",sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 48px;
    padding: 0 0 0 20px;
    box-sizing: border-box;
}
.casestudy-list-top .pickup_title::before{
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 100%;
    width: 6px;
    background-color: #0061A3;
}

/* 各ボックス */
.casestudy-list-bottom .casestudy_articles .list-block{
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.16);
    max-width: 333px;
    width: 32%;
    margin-right: 2%;
}
.casestudy-list-bottom .casestudy_articles .list-block:nth-of-type(3n){
    margin-right: 0;
}
@media screen and (max-width: 993px){
    .casestudy-list-bottom .casestudy_articles .list-block {
        max-width: 100%;
        width: 49%;
    }
    .casestudy-list-bottom .casestudy_articles .list-block:nth-of-type(3n){
        margin-right: 0;
    }
    .casestudy-list-bottom .list-block:nth-child(2n+1) {
        margin-right: 2% !important;
    }
    .casestudy-list-bottom .list-block:nth-child(2n) {
        margin-right: 0;
    }
}
@media screen and (max-width: 767px){
    .casestudy-list-bottom .casestudy_articles .list-block {
        max-width: 100%;
        width: 100%;
    }
    .casestudy-list-bottom .casestudy_articles .list-block:nth-of-type(3n){
        margin-right: 0;
    }
    .casestudy-list-bottom .list-block:nth-child(2n+1) {
        margin-right: 0 !important;
    }
    .casestudy-list-bottom .list-block:nth-child(2n) {
        margin-right: 0;
    }
}
.casestudy-list-bottom .list-block a .img_parent{
    display: block;
    position: relative;
}
.casestudy-list-bottom .list-block a .img_parent{
    display: block;
}
.casestudy-list-bottom .list-block a .img_parent .img-main{
    border-radius: 4px 4px 0 0;
    height: 160px;
    width: 100%;
    overflow: hidden;
}
.casestudy-list-bottom .list-block a .img_parent .img-main img{
    width: 100%;
    height: auto;
}
.casestudy-list-bottom .list-block .box .img-logo{
    display: flex;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.16);
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
    margin-bottom: 16px;
    float: right;
}
.casestudy-list-bottom .list-block .box .img-logo img{
    border-radius: 50%;
    height: auto;
    max-width: 90px;
    width: 100%;
}
.casestudy-list-bottom .list-block a .text_parent {
    height: auto;
    padding: 15px 15px 0;
}
.casestudy-list-bottom .list-block a .title{
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    padding-right: 111px;
}
.casestudy-list-bottom .list-block a .text{
    margin-top: 8px;
}
.casestudy-list-bottom .list-block a .text p{
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.casestudy-list-bottom .list_parent{
    background-color: transparent;
}
.casestudy-list-bottom .list-block a .list dl dt{
    color: #666666;
    font-size: 13px;
    font-weight: 500;
    line-height: 26px;
    width: 6em;
}
.casestudy-list-bottom .list-block a .list dl dd{
  color: #333333;
  font-size: 13px;
  font-weight: 500;
  line-height: 26px;
}

/* 検索フィルター */
.casestudy_search_filter{
    background-color: #F1F1F1;
    padding: 16px 40px 32px;
}
@media screen and (max-width: 767px){
    .casestudy_search_filter{
        padding: 16px 16px 24px 16px;
    }
}
.casestudy-list-bottom .casestudy_search_filter{
    height: auto;
    margin-bottom: 32px;
}
.casestudy-list-bottom .casestudy_search_filter .search_filter_headline.acc{
    background-color: transparent;
    border-bottom: 1px solid #ccc;
    color: #333333;
    cursor: default;
    font-family:"IBM Plex Sans","Noto Sans JP",sans-serif;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 16px;
    text-align: center;
}
.casestudy-list-bottom .casestudy_search_filter .search_filter_headline.acc:hover{
    opacity: 1;
}
.casestudy-list-bottom .casestudy_search_filter .search_filter_headline.acc + .inner_wrap{
    height: auto !important;
}
@media screen and (max-width: 767px){
    .casestudy-list-bottom .casestudy_search_filter .search_filter_headline.acc{
        padding: 0 10px 10px;
    }
}
.casestudy-list-bottom .casestudy_search_filter .search_filter_headline.acc::before,
.casestudy-list-bottom .casestudy_search_filter .search_filter_headline.acc::after{
    content: none;
}
.casestudy-list-bottom .casestudy_search_filter .inner{
    background-color: transparent;
    padding: 16px 0 0;
}
.casestudy-list-bottom .casestudy_search_filter .inner .sub_title_s{
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    text-align: left;
    vertical-align: middle;
}
.casestudy-list-bottom .casestudy_search_filter .inner .sub_title_s.text-top{
    vertical-align: top;
}
@media screen and (max-width: 767px){
    .casestudy-list-bottom .casestudy_search_filter .inner .sub_title_s + div,
    .casestudy-list-bottom .casestudy_search_filter .inner ul{
        margin-top: 8px;
    }
}
.casestudy-list-bottom .casestudy_search_filter .inner ul li{
    margin-bottom: 24px;
}
@media screen and (max-width: 767px){
    .casestudy-list-bottom .casestudy_search_filter .inner ul li{
        margin-bottom: 8px;
    }
}
.casestudy-list-bottom .casestudy_search_filter .inner select{
    background-color: #fff;
    border: 1px solid #ccc;
    background-image: none;
    font-size: 14px;
    padding-left: 16px;
}
.casestudy-list-bottom .casestudy_search_filter .inner select::-ms-expand {
    display: none;
}
.casestudy-list-bottom .casestudy_search_filter .inner .sub_title_s + div {
    position: relative;
}
.casestudy-list-bottom .casestudy_search_filter .inner .sub_title_s + div:after {
    content: '';
    position: absolute;
    color: #666;
    padding-bottom: 8px;
    padding-right: 8px;
    border-right: solid;
    border-bottom: solid;
    border-width: 1px;
    transform: rotate(45deg) translate(0,-141%);
    top: 50%;
    right: 32px;
}

.casestudy-list-bottom .casestudy_search_filter .inner .table:first-of-type{
    margin-right: 64px;
}
.casestudy-list-bottom .casestudy_search_filter .inner label span{
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    padding-left: 32px;
}
.casestudy-list-bottom .casestudy_search_filter .inner label span::before{
top: -3px;
    height: 24px;
    width: 24px;
    border: 1px solid #CCCCCC;
    border-radius: 2px !important;
    background-color: #FFFFFF;
}
.casestudy-list-bottom .casestudy_search_filter .inner label input[type=checkbox]:checked + span::after{
    left: 11px;
    top: 0px;
    width: 6px;
    height: 17px;
}
.casestudy-list-bottom .casestudy_search_filter .inner .submit{
    margin-top: 8px;
}
.casestudy-list-bottom .casestudy_search_filter .inner .submit input{
    height: 46px;
    width: 120px;
    border-radius: 4px;
    background-color: #0061A3;
    box-shadow: 0 2px 24px 0 rgba(255,255,255,0.15);
    font-size: 14px;
    font-weight: bold;
}
.action-container{
    background-color: transparent !important;
    border-bottom: 1px solid #EBEBEB;
    padding-bottom: 63px !important;
}
a.action-item-btn{
    line-height: 64px !important;
    height: 64px !important;
    width: 288px !important;
    border-radius: 4px !important;
    background: none !important;
    background-color: #0061A3 !important;
    color: #fff !important;
    box-shadow: 0 2px 24px 0 rgba(255,255,255,0.15) !important;
    font-size: 16px !important;
    font-weight: bold !important;
    padding: 0 !important;
    text-decoration: none !important;
}
a.action-item-btn::before, a.action-item-btn::after{
    content: none !important;
}
a.action-item-btn:hover{
    background-color: #05558a !important;
    border-color: #05558a;
    color: #fff !important;
    opacity: 1;
}

section.panels{
    max-width: 1440px;
    margin: 0 auto;
}

section.panels p{
  margin-bottom: 0px!important;
}

/*++ 求人詳細 +++++++++++++++++++++++*/

.casestudy_detail_hero{
    background: none !important;
}
.casestudy_detail_hero + .casestudy_detail .container{
    flex-wrap: nowrap;
    width: 1040px !important;
}
.casestudy_detail_hero .container{
    padding-bottom: 64px;
}
.img-float{
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.16);
    margin-right: 32px;
    height: 120px;
    width: 120px;

}
.img-float img{
    border-radius: 50%;
    height: auto;
    width: 100px;
}

.casestudy_detail_hero .container .cp_name{
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
}
.casestudy_detail_hero .container .title{
    color: #333333;
    font-size: 32px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 0 !important;
    margin-top: 12px;
}
.casestudy_detail_main .content_1{
    margin-bottom: 48px;
    padding: 24px 24px 8px;
}
.casestudy_detail_main .content_1 .top{
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.casestudy_detail_main .content_1 .top ul{
    margin-top: 0;
    width: 100%;
}
.casestudy_detail_main .content_1 .top ul li span{
    border-radius: 16px;
    color: #333333;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
}
.bottom .box.flex .img img{
    height: auto;
    max-width: 100%;
    width: 100%;
}
.casestudy_detail{
    padding-top: 0;
}

/* 中身 */
.begin .title_h2{
    border-bottom: 4px solid #0061A3;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    line-height: 27px;
    padding-bottom: 12px;
margin-top:40px;
}
.begin .text_parent{
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 22px !important;
}
.begin .text-blue{
    color: #0061A3;
}
.content_2 .check_point {
    background-color: #F1F1F1;
    border: none !important;
    border-radius: 0 !important;
    margin-bottom: 34px !important;
    margin-top: 64px !important;
    padding: 16px 40px 24px;
    max-width: 1040px !important;
    width: 100% !important;
    box-sizing: border-box;
}
.content_2 .check_point_title{
    border-bottom: 1px solid #ccc;
    color: #333333;
    font-family:"IBM Plex Sans","Noto Sans JP",sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 48px;
    margin-bottom: 20px !important;
    padding: 0;
    text-align: center;
    height: 48px;
    max-width: 1040px;
    width: 100%;
    box-sizing: border-box;
}
.content_2 .check_point_list{
    counter-reset: num;
    color: #0061A3;
}
.content_2 .check_point_list li{
    margin-bottom: 14px;
}
.content_2 .check_point_list li p{
    color: #0061A3;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-indent: -1.3em;
    padding-left: 1.3em;
}
.content_2 .check_point_list li p::before{
    content: counter(num) ".";
    counter-increment: num;
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-right: 8px;
}
.content_3{

}
.content_3 .pickup_title{
    background-color: #F1F1F1;
    color: #333333;
    font-family:"IBM Plex Sans","Noto Sans JP",sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px !important;
    margin-top: 64px;
    position: relative;
    padding: 20px;
    max-width: 1040px;
    width: 100%;
    box-sizing: border-box;
}
.content_3 .pickup_title::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 80px;
    width: 6px;
    background-color: #0061A3;
}
.content_3 .interview_title{
    position: relative;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    line-height: 27px;
}

.content_3 .interview_title::before{
    content: '';
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 0;
    height: 1px;
    width: 24px;
    background-color: #333333;
}
.content_3 .interview_title p{
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    line-height: 27px;
    margin-bottom: 20px;
    padding-left: 40px;
}
.content_3 .interview_title + p{
    margin-top: 20px;
}
.content_3 .text-bold{
    font-weight: bold;
}
.content_3 .text-bg{
    background-color: yellow;
}
.content_3 img{
    margin-top: 40px;
}
.content_3 .interview_title.thanks{
    margin-top: 40px;
}
.content_3 .company-list{
    list-style: none;
    background-color: transparent !important;
    margin: 20px 0 60px;
    padding: 0 !important;
}
.content_3 .company-list li{
    list-style: none !important;
    color: #333333 !important;
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 24px !important;
}

.content_detail_bottom,
.pt-46.d-flex.justify-center.px-tab-20.d-sp-block.pt-sp-40.bg-white,
.py-40.alignC.py-tab-20.p-sp-16.bg-light-gray,
.py-40.alignC.py-tab-20.p-sp-16.bg-light-gray + .bg-light-gray,
footer{
    position: relative;
    z-index: 1;
}

footer .sns img {
    width: auto;
    height: 36px;
}

@media screen and (max-width: 480px) {
  footer>section>div:nth-child(3) { display: flex; order: 2; border-bottom: 1px solid #2f365c; }
  footer>section>div:last-child>a img { width: 42.667vw; margin-right: 8.8vw; }
  footer>section>div:last-child .sns { flex: 1; justify-content: space-between; }
  footer>section>div:last-child .sns img {
    width: 7.467vw;
    height: 7.467vw;
    margin-right: 0;
  }
}
.content_detail_bottom .title{
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    padding-right: 111px;
}
.casestudy_detail_side .link a:hover{
    color: #fff !important;
    opacity: 1;
}

/* カード */
.content_detail_bottom .casestudy_articles .list-block{
    position: relative;
    z-index: 1;
    margin-bottom: 0px;
    margin-right: 2.75%;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.16);
    max-width: 327px;
    width: 33%;
}
.content_detail_bottom .list-block a .content_title{
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    padding-right: 111px;
    margin-bottom: 3px;
}
.content_detail_bottom .list-block a .text p{
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}
.content_detail_bottom .list-block a .case_logo{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    width: 80px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.16);
    background: #fff;
    border-radius: 50%;
    float: right;
}
.content_detail_bottom .list-block a .img{
       border-radius: 4px 4px 0 0;
    height: 156px;
    width: 100%;
    overflow: hidden;
}
.content_detail_bottom .list-block a .list li span{
    color: #333333;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
}
.content_detail_bottom .list-block:nth-of-type(3n){
    margin-right: 0;
}
/* 導入事例一覧へ */
.content_detail_bottom .casestudy_more_btn{
    background: none;
    border: none;
    margin: 0px auto 0px;
    width: 100%;
    box-sizing: border-box;
}
.content_detail_bottom .casestudy_more_btn:hover{
    background: none;
    border: none;
}
.content_detail_bottom .casestudy_more_btn .more_btn{
    display: inline;
    height: 46px;
    width: 158px;
    background: none;
    padding: 16px 30px;
    box-sizing: border-box;
    border: 1px solid #0061A3;
    border-radius: 4px;
    box-shadow: 0 2px 24px 0 rgba(255,255,255,0.15);
    color: #0061A3;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}
.recommend, .event_banner{
    display: none;
}
/* サイドバー */
.casestudy_detail.container.flex{
    overflow: hidden;
}
.casestudy_detail_side{
    position: relative;
}
.casestudy_detail_side.fixed{
    position: fixed;
    left: auto;
    top: 104px;
    z-index: 0;
    margin: 0 0 0 760px;
}
.casestudy_detail_side .link{
  border-radius: 4px;
  background-color: #F1F1F1;
  padding: 14px 20px 24px;
  text-align: center;
}
.casestudy_detail_side .link p{
  color: #333333;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.casestudy_detail_side .link .action-item-btn{
    font-size: 14px !important;
    font-weight: bold;
    line-height: 2.1 !important;
    padding: 16px 16px !important;
    width: auto !important;
    box-sizing: border-box;
}
.casestudy_detail_main .contentAbout h4,
.casestudy_detail_side .side_title{
  border-bottom: 4px solid #0061A3;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  line-height: 27px;
  padding-bottom: 12px;
}
@media screen and (max-width: 1024px){
    .casestudy_detail_side.fixed{
        top: 80px;
    }
    .globalNavMenus a:nth-child(4) {
        opacity: 1;
        border-color: transparent;
    }
}
@media screen and (max-width: 993px){
    .casestudy_detail .content_detail_bottom .container{
        width: auto !important;
    }
    .content_detail_bottom .list-block {
        max-width: 100% !important;
        width: 49% !important;
    }
    .content_detail_bottom .list-block:nth-of-type(3n){
        margin-right: 0;
    }
    .content_detail_bottom .list-block:nth-child(2n+1) {
        margin-right: 2% !important;
    }
    .content_detail_bottom .casestudy_articles{
        justify-content: center;
    }
    .content_detail_bottom .casestudy_articles .list-block:nth-child(2n) {
        margin-right: 2%;
    }
    .content_detail_bottom .casestudy_articles .list-block:nth-child(2n){
        margin-right: 0;
    }
    .content_detail_bottom{
        margin: 0 -20px -20px;
    }
    .casestudy_detail_side{
        position: relative;
        width: 280px;
    }
    .casestudy_detail_main{
        width: 680px;
    }
    .casestudy_detail_side.fixed {
        top: 80px;
        margin-left: 720px;
    }
}
@media screen and (max-width: 767px){
    .sp-on { display: inline; }
    .casestudy_detail_hero + .casestudy_detail .container{
        flex-wrap: wrap;
        width: 100% !important;
    }
    .casestudy_detail_side .link{
        display: none;
    }
    .content_detail_bottom .list-block {
        max-width: 100%;
        width: 100% !important;
    }
    .content_detail_bottom .list-block:nth-of-type(3n){
        margin-right: 0;
    }
    .breadcrumb + .casestudy-list-bottom .list-block:nth-child(2n+1),
    .breadcrumb + .casestudy-list-bottom .list-block {
        margin: 16px !important;
    }
    .breadcrumb{
        position: relative;
        top: 0;
    }
    .breadcrumb-inner, ol.breadcrumb-inner.casestudy_bc {
        padding: 16px 16px 0;
    }
    ol.breadcrumb-inner.casestudy_bc li,
    ol.breadcrumb-inner.casestudy_bc li a,
    ol.breadcrumb-inner.casestudy_bc li span{
        color: #666666;
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
    }
    ol.breadcrumb-inner .link::before{
        color: #666666;
    }
    .casestudy_detail_hero .container{
        padding-bottom: 40px;
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }
    .img-float{
        margin-right: 16px;
        height: 72px;
        width: 72px;
    }
    .img-float img {
        border-radius: 50%;
        height: auto;
        width: 70px;
    }
    .content_detail_bottom .list-block:nth-child(2n) {
        margin-right: 0;
    }
    .casestudy_detail_hero .container .cp_name{
      color: #333333;
      font-size: 14px;
      font-weight: bold;
      line-height: 21px;
    }
    .casestudy_detail_hero .container .title{
      color: #333333;
      font-size: 20px;
      font-weight: bold;
      line-height: 25px;
      padding: 0 0 0 88px;
      box-sizing: border-box;
    }
    .casestudy_detail{
        padding: 0 16px 16px;
    }
    .casestudy_detail_main .content_1{
        margin-bottom: 40px;
        padding: 12px 12px 3px;
    }
    .casestudy_detail_main .content_1 .top ul li span{
        font-size: 12px;
    }
    .casestudy_detail_main .content_1 .top .text_parent{
        margin-bottom: 0;
    }
    .casestudy_detail_main .content_1 + .bottom .box .img{
        width: 100%;
    }

    .casestudy_detail_main .contentIndex {
        padding: 16px 16px 8px 16px;
    }
    .casestudy_detail_main .contentIndex .title {
        font-size: 18px;
        padding: 0 0 8px 0;
        width: 100%;
    }
    .casestudy_detail_main .contentIndex ul {
        padding: 8px 0 0 0;
    }
    .casestudy_detail_main .contentIndex ul li {
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 1.5;
    }

    .begin{
        margin-top: 25px;
    }
    .begin .title_h2{
        font-size: 16px;
        margin-bottom: 12px;
    }
    .begin .text{
        color: #333 !important;
    }
    .begin .text_parent .text{
        margin-bottom: 30px !important;
    }
    .casestudy_detail_main .content_2 .check_point{
        margin-top: 40px !important;
        padding: 16px;
    }
    .content_2 .check_point_title{
        font-size: 18px;
        font-weight: bold;
        line-height: 1;
        height: auto;
        padding-bottom: 16px;
    }
    .content_2 .check_point_list li p{
        font-size: 14px;
        font-weight: 500;
        line-height: 21px;
    }
    .content_2 .check_point_list li:last-of-type,
    .content_2 .check_point_list li:last-of-type p{
        margin-bottom: 0 !important;
    }
    .casestudy_detail_main .content_2{
        margin-bottom: 20px;
    }
    .casestudy_detail_main .content_3 h2,
    .casestudy_detail_main .content_3 h3{
        margin-top: 0px;
        padding: 16px;
        line-height: 1.5;
    }
    .casestudy_detail_main .content_3 h2::before,
    .casestudy_detail_main .content_3 h3::before {
        height: 90%;
    }
    .casestudy_detail_main .content_3 pre {
        font-size: 16px;
    }
    .content_3 .pickup_title{
        font-family:"IBM Plex Sans","Noto Sans JP",sans-serif;
        font-size: 18px;
        line-height: 27px;
        margin-top: 40px;
        padding: 12px 15px 16px 18px;
        box-sizing: border-box;
    }
    .content_3 .pickup_title::before{
        height: 70%;
    }
    .content_3 .interview_title p{
        font-size: 16px;
        font-weight: bold !important;
        line-height: 24px;
    }
    .casestudy_detail_main .content_3 p{
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        margin-top: 14px;
        margin-bottom: 30px !important;
    }
    .casestudy_detail_main .content_3 p{
        margin-bottom: 30px !important;
    }
    .casestudy_detail_main .content_3 p:last-of-type{
        margin-bottom: 0 !important;
    }
    .content_3 img{
        margin-top: 0;
        width: 100%;
    }
    .content_3 .interview_title.thanks{
        margin-top: 30px;
    }
    .interview_title.thanks p{
        font-weight: bold;
    }
    .casestudy_detail_main .content_3 ul{
        margin-top: 30px;
    }
    .casestudy_detail_main .content_3 ul li {
        margin-bottom: 0;
    }
    .content_3 .company-list{
        margin-bottom: 40px;
    }
    .addtoany_share_save_container{
        margin-bottom: 40px !important;
    }
    .casestudy_detail_main .action-container_middle .action-item a.action-item-btn{
        max-width: 242px;
        height: 46px !important;
        line-height: 0.8 !important;
        padding: 16px !important;
        box-sizing: border-box;
        font-size: 14px !important;
    }
    .casestudy_detail_side{
        position: relative;
        width: 100%;
    }
    .casestudy_detail_side .link{
        display: none;
    }
    .casestudy_detail_main{
        padding-bottom: 0;
        width: 100%;
    }
    .action-container_middle{
        padding-bottom: 40px !important;
    }
    .casestudy_detail_side.fixed{
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
    }
    .casestudy_detail_side .pop_post li a{
        justify-content: flex-start;
    }
    .casestudy_detail_side .pop_post li a .text_parent{
        width: calc( 100% - 112px );
    }
    .casestudy_detail_side .side_title{
        font-size: 16px !important;
        font-weight: bold !important;
        line-height: 24px !important;
        margin-bottom: 16px !important;
        padding-bottom: 14px !important;
    }
    .casestudy_detail_side .pop_post li{
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-color: #ccc;
    }
    .casestudy_detail_side .pop_post li:last-of-type{
        margin-bottom: 0;
    }
    .casestudy_detail_side .pop_post li a .img{
        height: 64px;
        width: 96px;
        background-color: #D8D8D8;
        margin-right: 16px;
    }
    .casestudy_detail_side .pop_post li a .cp_name{
        color: #666666;
        font-size: 14px;
        font-weight: bold;
        line-height: 21px;
        margin-bottom: 3px;
    }
    .casestudy_detail_side .pop_post li a .text{
        color: #333333;
        font-size: 14px;
        font-weight: bold;
        line-height: 21px;
    }
    .content_detail_bottom .list-block a .content_title{
        margin-bottom: 8px !important;
    }
    .content_detail_bottom .list-block .case_logo{
        height: 80px;
        width: 80px;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,0.16);
        background: #fff;
        border-radius: 50%;
        margin-bottom: 16px;
    }
    .content_detail_bottom .list-block .case_logo img {
        width: 80%;
    }
    .content_detail_bottom .list-block a .img img{
        top: 49%;
    }
    .content_detail_bottom{
        margin: 40px -16px 0;
        padding: 24px 16px 0;
    }
    .content_detail_bottom .title{
        font-size: 18px;
        font-weight: bold;
        line-height: 22px;
        margin-bottom: 24px !important;
    }
    .content_detail_bottom .title span{
        display: inline-block;
    }
    .content_detail_bottom .casestudy_articles .list-block{
        margin: 0 auto 16px !important;
        width: 100%;
    }
    .content_detail_bottom .casestudy_more_btn{
        background: none;
        border: none;
        margin: 8px auto 24px;
        width: 100%;
        box-sizing: border-box;
    }
    .content_detail_bottom .casestudy_more_btn .more_btn{
        display: inline;
        height: 36px;
        width: 116px;
        background: none;
        padding: 12px;
        box-sizing: border-box;
        border: 1px solid #0061A3;
        border-radius: 4px;
        box-shadow: 0 2px 24px 0 rgba(255,255,255,0.15);
        color: #0061A3;
        font-size: 12px;
        font-weight: bold;
        line-height: 18px;
    }
    .content_detail_bottom .casestudy_articles{
        align-items: stretch;
        margin-bottom: 0;
    }
}
.related_title{
    font-size:200%;
   text-align:center;
   color:#333;
  font-weight:bold;
margin-bottom:30px;
}
@media screen and (max-width: 767px){
    .content_detail_bottom .related_title {
        font-size: 18px;
        line-height: 1.25;
        margin-bottom: 20px;
    }
}
/*-------------------------------------------------------
 * check-point
 * ---------------------------------------------------------*/
ul, li{
  list-style: none;
}
.checkpoint-list li{
  position:relative;
  color: #000;
  line-height: 2;
  padding-left: 25px;
  vertical-align:middle;
  box-sizing: border-box;
}

.casestudy_detail_main .content_2 .check_point ul{
padding-left: 0;
}
.casestudy_detail_main .content_2 .check_point .title{
background-color: transparent;
border-bottom: 1px solid #ccc;
color: #333333;
font-size: 20px;
font-weight: bold;
margin-bottom: 40px !important;
padding: 0px 0 16px 0;
}
@media screen and (max-width: 767px){
.casestudy_detail_main .content_2 .check_point .title{
margin-bottom: 10px !important;
}
}
.casestudy_detail_main .content_2 .check_point ul li{
margin-bottom: 18px;
}
.date {
    text-align: left;
    font-size:100%;
}


.casestudy-list-bottom .casestudy_articles .list-block{
    padding-bottom: 40px;
}
.casestudy-list-bottom .list-block a .archive_date{
    position: absolute;
    margin: 0 !important;
    padding: 10px 20px;
    text-align: right;
    border-top: 1px solid #eee;
    right: 0;
    bottom: 0;
    left: 0;
}


.breadcrumb-inner{
    display: flex;
    align-items: center;
}