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



****************************************************************************************************/
@media print, screen and (min-width:737px){
}
@media print, screen and (min-width:769px){
}
@media print, screen and (min-width:1200px){
}
/****************************************************************************************************


****************************************************************************************************/
.caseLayout{
}

.caseLayoutCol.-col1{
    margin-bottom: 20px;
}
@media print, screen and (min-width:737px){
.caseLayoutCol.-col1{
    margin-bottom: 0;
    float: left;
    width: calc( 360 / 700 * 100%);
}
}

.caseLayoutCol.-col2{
}
@media print, screen and (min-width:737px){
.caseLayoutCol.-col2{
    float: right;
    width: calc( 300 / 700 * 100%);
}
}
/****************************************************************************************************


****************************************************************************************************/
.qaList{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
@media print, screen and (min-width:737px){
.qaList{
    margin-bottom: 20px;
    padding-bottom: 20px;
}
}

.qaList__title{
    position: relative;
    color: #DEA40C;
    font-weight: bold;
    padding-left: 25px;
}
@media print, screen and (min-width:737px){
.qaList__title{
    margin-bottom: 15px;
    padding-left: 50px;
}
}

    .qaList__title::before{
        content: '';
        display: block;
        position: absolute;
        top: 4px;
        left: 0;
        width: calc( 40px / 2 );
        height: calc( 37px / 2 );
        background: url(../images/index/qa/icon_q.png) no-repeat;
        background-size: contain;
    }
@media print, screen and (min-width:737px){
    .qaList__title::before{
        top: 0;
        width: 40px;
        height: 37px;
    }
}



.qaList__data{
    position: relative;
    padding-left: 25px;
}
@media print, screen and (min-width:737px){
.qaList__data{
    margin-left: 50px;
    padding-left: 50px;
}
}
    .qaList__data::before{
        content: '';
        display: block;
        position: absolute;
        top: 4px;
        left: 0;
        width: calc( 40px / 2 );
        height: calc( 37px / 2 );
        background: url(../images/index/qa/icon_a.png) no-repeat;
        background-size: contain;
    }
@media print, screen and (min-width:737px){
    .qaList__data::before{
        top: 0;
        width: 40px;
        height: 37px;
    }
}


.qaList__main{
}
/****************************************************************************************************

地域連携活動事例集

****************************************************************************************************/
/*--------------------------------------------------
2カラム
左カラム　ボックス　ヘックス付き
右カラム
--------------------------------------------------*/
.caseLayout{
}
.caseLayout .layoutCol.-col1{
    position: relative;
    float: left;
    width: 100px;
}
@media print, screen and (min-width:737px){
.caseLayout .layoutCol.-col1{
    width: calc( 240 / 980 * 100% );
}
}
    .caseLayout .layoutCol.-col1::before{
        content: '';
        position: absolute;
        bottom: -40px;
        left: -40px;
        width: calc( 192px / 2 );
        height: calc( 154px / 2 );
        background-repeat: no-repeat;
        background-size: contain;
    }
@media print, screen and (min-width:737px){
    .caseLayout .layoutCol.-col1::before{
        left: -80px;
        width: 192px;
        height: 154px;
    }
}
    .caseLayout .layoutCol.-col1::before{ background-image: url(../../../common/images/chiiki/hex1.png); }



.caseLayout .layoutCol.-col2{
    padding-top: 10px;
    margin-left: 120px;
}
@media print, screen and (min-width:737px){
.caseLayout .layoutCol.-col2{
    float: right;
    margin: 0;
    padding-top: 40px;
    width: calc( 700 / 980 * 100% );
}
}



.caseLayout .layoutCol.-col1 img{
    position: relative;
}