@charset "UTF-8";
/*------------------------------------------------------------Content*/
/*-----------access*/
.fig_box {
	display: flex;
    flex-direction: column;
    gap: var(--ctr-inpd);
    & > div {
        & h3 {
            img {
                width: 160px;
                height: auto;
            }
        }
        & .ti_en {
            margin-top: 1.25em;
            font-family: var(--font-serif);
            font-weight: 700;
            font-size: var(--font-ll);
        }
    }
    & figure {
    	text-align: center;
        & img {
            width: 100%;
            height: auto;
        }
    }
}
@media print, screen and (min-width:768px) {
.fig_box {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
    & > div {
        display: flex;
        align-items: center;
        width: 48%;
        padding: var(--ctr-inpd) 0;
        & > div {
            width: 100%;
            & h3 {
                img {
                    width: auto;
                    height: auto;
                }
            }
        }
    }
    & figure {
        width: 48%;
        & img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}
.fig_box.re {
    flex-direction: row-reverse;
}
}


.fig_box .tx_box {
    margin-top: var(--ctr-inpd);
}