@charset "utf-8";

/* 大阪建築福祉共済会・有限会社オーケーケーサービス（PC）：style_kyousai-okk_pc.css
 * **************************************************
 * Elements
 * **************************************************
 */

/* Elements
------------------------------------------------------------------ */
#subPage .main .kyousai-okk-intro dt {
        font-size: 1.5em;
        font-weight: bold;
        color: #0ba96c;
    }
	#subPage .main .kyousai-okk-intro dd {
        font-size: 1.4em;
    }
#subPage .main .kyousai-okk h4 {
    color: #0ba96c !important;
}
.wagamachi::after {
    content: "";
    background-image: url("../images/h3-bg.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    display: inline-block;
    vertical-align: bottom;
    width: 100px;
    height: 100px;
}
.img-flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    gap: 30px;
    margin-bottom: 30px;
}
.img-flex img {
    max-width: 100%;
    height: 170px;
    object-fit: cover;
}
.insurance-area {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-left: 60px;
    margin-bottom: 30px;
}
.insurance-area h3 {
    color: #99d8f8!important;
    font-weight: bold;
}
.insurance-area img {
    width: fit-content;
}
.insurance-area p {
    font-size: 1.4em;
    line-height: 1.7;
}
.insurance-area a {
    display: block;
    width: 351px;
    height: 90px;
}
.insurance-area a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.h-210 {
    height: 210px!important;
}

.text-img-flex {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: flex-start;
}
.text-img-flex img {
    max-width: 100%;
    height: 130px;
}
.text-fl {
    display: flex;
    flex-direction: column;
}
.text-fl p{
    font-size: 1.4em;
    line-height: 1.7;
}