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

    .kamori-group-list svg.img-svg path, 
    .kamori-group-list svg.img-svg rect,
    .kamori-group-list svg.img-svg polygon,
    .kamori-type-icon-info svg.img-svg path,
    .kamori-type-icon-info svg.img-svg rect,
    .kamori-type-icon-info svg.img-svg polygon{
        fill: #333;
    }


/* -------------------------------- PC版のスタイルここから ------------------------------------*/

@media print, screen and (min-width: 751px) {
    
 
/*　グループ一覧　*/
    .kamori-group-list{
        padding: 0;
        margin-bottom: 0;
    }
    .kamori-group-list > li{
        padding: 24px;
        width: 100%;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: center;
        -webkit-align-items: center;
        margin-bottom: 0;
        border: 3px solid #F2F2F2;
    }

    
    .kamori-group-list > li+li{
        margin-top: 24px;
    }
    
    
    
    .kamori-group-list > li .logo-box{
        width: 50%;
        position: relative;
        margin: 0;
    }
    
    .kamori-group-list > li .logo-box img{
        position: absolute;
        top:50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    
    .kamori-group-list > li .txt-box{
        width: 48%;
        margin-left: 2%;
    }
    
    .kamori-group-list > li .txt-box h3{
        margin-bottom: 0;
        font-weight: bold;
        font-size: 22px;
        line-height: 26px;
    }
    
    .kamori-group-list > li .txt-box dl{
        margin-bottom: 0;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        -webkit-align-items: flex-start;
    }
    
    .kamori-group-list > li .txt-box h3+dl{
        margin-top: 16px;
    }
    
    .kamori-group-list > li .txt-box dl+dl{
        margin-top: 8px;
    }
    
    .kamori-group-list > li .txt-box dt{
        margin-bottom: 0;
        width: 20%;
        font-weight: bold;
        font-size: 16px;
        line-height: 26px;
    }
    
    .kamori-group-list > li .txt-box dd{
        margin-bottom: 0;
        margin-left: 2%;
        width: 78%;
        font-size: 16px;
        line-height: 26px;
    }
    
    .kamori-group-list > li .txt-box dd a:hover{
        color: #1D315A;
    }
    
    .kamori-group-list > li .txt-box > ul.type-icon-list{
        margin-top: 24px;
        margin-bottom: 0;
        padding: 0;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-inline-start: 0;
    }
    
    .kamori-group-list > li .txt-box > ul.type-icon-list li{
        width: 6%;
        margin: 0;
    }
    
    .kamori-group-list > li .txt-box > ul.type-icon-list li+li{
        margin-left: 5.4%;
    }
    
    .kamori-group-list > li .txt-box > ul.type-icon-list li svg{
        width: 28px;
        height: 28px;
    }
    
    
  
    
/*　アイコン詳細一覧　*/
    .kamori-type-icon-info{
        padding: 0;
        margin-bottom: 24px;
    }
    
    .kamori-type-icon-info ul{
        padding: 0;
        width: 100%;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: center;
        -webkit-align-items: center;
        -webkit-align-items: flex-start;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    
    .kamori-type-icon-info li{
        margin-bottom: 0;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        font-size: 14px;
    }
    
    .kamori-type-icon-info li+li{
        margin-left: 2%;
    }
    
    .kamori-type-icon-info li i{
        width: 25px;
        height:  25px;
        display: inline-block;
        margin-right: 8px;
        position: relative;
    }
   
    
    
}


/* -------------------------------- SP版のスタイルここから ------------------------------------*/

@media screen and (max-width: 750px) {
    
 /*　グループ一覧　*/
    .kamori-group-list{
        padding: 0;
        margin-bottom: 0;
    }
    .kamori-group-list > li{
        padding: 32px 16px 24px 16px;;
        width: 100%;
        margin-bottom: 0;
        border: 2px solid #F2F2F2;
    }
    
    .kamori-group-list > li+li{
        margin-top: 24px;
    }
    
   
    
    .kamori-group-list > li .logo-box{
        width: 100%;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        align-items: center;
        -webkit-align-items: center;
    }
    
    .kamori-group-list > li .logo-box img{
        width: 60%;
    }
    
    .kamori-group-list > li .txt-box{
        width: 100%;
        margin-top: 32px;
    }
    
    .kamori-group-list > li .txt-box h3{
        margin-bottom: 0;
        font-weight: bold;
        font-size: 18px;
        line-height: 26px;
    }
    
    .kamori-group-list > li .txt-box dl{
        margin-bottom: 0;
    }
    
    .kamori-group-list > li .txt-box h3+dl{
        margin-top: 8px;
    }
    
    .kamori-group-list > li .txt-box dl+dl{
        margin-top: 8px;
    }
    
    .kamori-group-list > li .txt-box dt{
        margin-bottom: 0;
        font-weight: bold;
        font-size: 14px;
        line-height: 24px;
    }
    
    .kamori-group-list > li .txt-box dd{
        margin-bottom: 0;
        font-size: 14px;
        line-height: 24px;
    }
    
    .kamori-group-list > li .txt-box dd a:hover{
        color: #1D315A;
    }
    
    .kamori-group-list > li .txt-box > ul.type-icon-list{
        margin-top: 24px;
        margin-bottom: 0;
        padding: 0;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .kamori-group-list > li .txt-box > ul.type-icon-list li{
        width: 8%;
        margin: 0;
    }
    
    .kamori-group-list > li .txt-box > ul.type-icon-list li img{
        width: 100%;
    }
    
    .kamori-group-list > li .txt-box > ul.type-icon-list li+li{
        margin-left: 1.7%;
    }
    
    
/*　アイコン詳細一覧　*/
    .kamori-type-icon-info{
        padding: 0;
        margin-bottom: 16px;
    }
    
    .kamori-type-icon-info ul{
        padding: 0;
        width: 100%;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: center;
        -webkit-align-items: center;
        -webkit-align-items: flex-start;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    
    .kamori-type-icon-info li{
        margin-bottom: 0;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        font-size: 10px;
    }
    
    .kamori-type-icon-info li+li{
        margin-left: 2%;
    }
    
    .kamori-type-icon-info li:nth-child(4n+1){
        margin-left: 0;
    }
    
    .kamori-type-icon-info li i{
        width: 28px;
        height:  28px;
        display: inline-block;
        margin-right: 4px;
        position: relative;
    }
    
    
}