@charset "utf-8";
/* CSS Document */

@import url('normalize.css');
@import url('utility.css');
@import url('news.css');
@import url('font.css');
@import url('index.css');
@import url('../embed/css/json.css');
/*@import url('json.css');*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);



/* h2 調整
----------------------------------------------------------------- */
.SJ-items--title--1,.SJ-items--title--2,.SJ-items--title--3,.SJ-items--title--4{background: #e60012!important; margin-left: -10px!important; margin-right: -10px!important;}
.SJ-items__item p{line-height: 1.2;}
.SJ-items__item .item-spec .btn-clip {display: none;}
.reportlist--1-2 .search-result .right-text .icon-area.media, .reportlist--report-2 .search-result .right-text .icon-area.media {background: url(https://www.pc-koubou.jp/web_images/img/svg/info_icon_nexmag.svg) left center no-repeat!important;}
@media screen and (min-width: 641px) {
.SJ-items--title--1,.SJ-items--title--2,.SJ-items--title--3,.SJ-items--title--4{margin-left: 0px!important; margin-right: 0px!important;}
}
@media screen and (max-width: 768px){
.reportlist--1-2 .search-result, .reportlist--report-2 .search-result {width: 100%!important;}
}



/*フロートバナー
----------------------------------------------------------------- */
    .contact-banner {
        position: fixed;
        top: 236px;
        right: 20px;
        z-index: 1000;
        border-radius: 9px 0 0 9px;
     }
    .contact-banner__close-button-input{
        position: absolute;
        visibility: hidden;
    }
    .contact-banner__close-button-input:checked, .contact-banner__close-button-input:checked ~ .contact-banner__close-button, .contact-banner__close-button-input:checked ~ .contact-banner__contents{
        display: none;
    }
    .contact-banner__close-button {
        background: #000;
        position: absolute;
        width: 25px;
        height: 25px;
        top: -13px;
        right: -15px;
        border-radius: 17px;
        z-index: 1;
        cursor: pointer;
    }
    .contact-banner__close-button:hover {
        opacity: 0.7;
    }
    .contact-banner__close-button::before, .contact-banner__close-button::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 3px; /* 棒の幅（太さ） */
        height: 19px; /* 棒の高さ */
        background: #fff; /* バツ印の色 */
    }
    .contact-banner__close-button::before {
        transform: translate(-50%,-50%) rotate(45deg);
    }
    .contact-banner__close-button::after {
        transform: translate(-50%,-50%) rotate(-45deg);
    }
    .contact-banner__web-member, .contact-banner__business-member{
        width: 180px;
        height: auto;
        filter: drop-shadow(1px 1px 5px rgba(0,0,0,.4));
    }
    .contact-banner__web-member-link, .contact-banner__business-member-link{
        display: inline-block;
        position: relative;
    }
    .contact-banner__web-member-link::before, .contact-banner__business-member-link::before{
        display: none;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #FFF;
        opacity: 0.5;
        border-radius: 9px 0 0 9px;
    }
    .contact-banner__web-member-link:hover::before, .contact-banner__business-member-link:hover::before{
        display: block;
    }
    @media screen and (max-width:767px){
        .contact-banner{
            display: none;
        }
        /*
        .contact-banner{
            top:auto;
            bottom: 70px;
            width: 300px;
            right: calc((100% - 300px) / 2);
        }
        .contact-banner__close-button{
            top: -17px;
            right: -17px;
        }
        .contact-banner__web-member-link::before, .contact-banner__business-member-link::before{
            border-radius: 0;
        }
        .business-top .footer--pagebtn{
            bottom: 15px;
        }
        */
    }