@charset "UTF-8";

/* ------------------------------------------------------------
   base.css
------------------------------------------------------------ */
/*
* subhead
* layer__contents
*
*/
/* subhead
------------------------------------------------------------ */

.subhead { background-color: #f5bfab; }
.subhead h1 { max-width: 222px; }

/* layer__contents
------------------------------------------------------------ */
.layer__contents .catch {
    font-size: 3.0rem;
    font-weight: bold;
    text-align: center;
}
.layer__contents img { width: 100%; }
.layer__contents .read__blue { margin-bottom: 60px; }
.layer__contents .archive__representative {
    margin: 4% 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.layer__contents .archive__representative .pho {
    width: 40%;
    max-width: 410px;
    margin: 0 auto;
}
.layer__contents .archive__representative .text { width: 55%; }
.layer__contents .archive__representative p { margin-bottom: 20px; }
.layer__contents .archive {
    display: flex;
    justify-content: space-between;
    margin: 6% 0;
}
.layer__contents .archive.pho_r { flex-direction: row-reverse; }
.layer__contents .archive .pho { width: 57%; }
.layer__contents .archive .text { width: 36%; }
.layer__contents .archive p {
    margin-bottom: 20px;
}
.layer__contents .catch__last {
    font-size: 2.4rem;
    text-align: center;
    font-style: italic;
    color: #134197;
    margin: 6% 0;
}

@media screen and (min-width: 1090px) and (max-width: 1300px) {
    /* ▼PC用================================================================== */
    
    
    /* ▲PC用================================================================== */
}

@media screen and (min-width: 768px) and (max-width: 1089px) {

    /* ▼Tab用================================================================= */
   
    /* layer__contents
	------------------------------------------------------------ */
    
    .layer__contents .archive .pho { width: 40%; }
    .layer__contents .archive .text { width: 55%; }
    .layer__contents .catch__last { font-size: 2.0rem; }
    

    /* ▲Tab用================================================================= */
}

@media screen and (min-width: 0px) and (max-width: 767px) {

    /* ▼SP用================================================================ */
    
    /* subhead
	------------------------------------------------------------ */
    
    .subhead h1 { width: 40%; }
    

    /* layer__contents
	------------------------------------------------------------ */
   
    .layer__contents .catch { font-size: 1.8rem; }
    .layer__contents .catch br { display: none; }
    .layer__contents .read__blue { margin-bottom: 40px; }
    .layer__contents .archive__representative { margin: 10% 0; display: block; }
    .layer__contents .archive__representative .pho { width: 80%; margin: 0 auto 30px; }
    .layer__contents .archive__representative .text { width: auto; }
    .layer__contents .archive { display: block; margin: 10% 0; }
    .layer__contents .archive.pho_r { flex-direction: row-reverse; }
    .layer__contents .archive .pho { width: 80%; margin: 0 auto 30px; }
    .layer__contents .archive .text { width: auto; }
    .layer__contents .catch__last {
        font-size: 1.8rem;
        text-align: left;
        margin: 10% 0;
    }
    .layer__contents .catch__last .spnone { display: none; }

    /* ▲SP用================================================================ */
}

/*# sourceMappingURL=style.css.map */