@charset "UTF-8";

/* kodawari用 author:kumagai */


/* ------------------------------------------------------------
for smartphone
------------------------------------------------------------ */
.sec01 .container-1 {
    /* モバイルでは幅100%（縦積み） */
    padding: 0px;
    box-sizing: border-box; /* 全要素に適用されると便利 */
border-bottom: solid 1px #958cf8;
    margin-bottom: 2em;
padding-bottom: 2em;
}
* カラム - モバイルでの基本設定 */
.column {
    width: 100%;
    margin-bottom: 15px; /* 縦積み時のカラム間のスペース */
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.column-title {
font-size: 1.5em;
    border-bottom: dashed 1px #958cf8;
    margin-bottom: 1em;
    font-weight: bold;
}

.column-image {
    max-width: 100%; 
    height: auto; 
    display: block; 
    margin-bottom: 15px;
    border-radius: 4px;
}

.kodawari .sec01 .container-1 .column .link {
    text-align: right;	
    font-size: 1em;
}
.kodawari .sec01 .container-1 .column .link a {
    background: url(../../images/common/ico_circle_purple.png) no-repeat left top;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    min-height: 16px;
    height: auto !important;
    height: 16px;
    text-align: left;
    padding-left: 20px;
}
/* ------------------------------------------------------------
for pc
------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {

.container-1 {
        margin: 0 auto; 
        padding: 20px;
        /* 横並びにする */
        display: flex; 
        gap: 20px;
    }


    .column {
        /* 横並びになったら縦スペースを削除 */
        margin-bottom: 0; 
        /* 幅を均等にする */
        flex: 1; 
    }
}