@charset "UTF-8";
/* ------------------------------ ページタイトル
------------------------------ */
@media screen and (max-width: 750px) { .pagettl-sec .pagettl-txt span { font-size: 2.4rem; } }

/* ------------------------------ コンテンツ
------------------------------ */
.situation-box { margin-bottom: 80px; }
.situation-box .situation-heading { display: flex; align-items: center; justify-content: flex-start; font-size: 4.6rem; font-weight: 700; }
@media screen and (max-width: 750px) { .situation-box .situation-heading { font-size: 3.6rem; } }
.situation-box .situation-heading span { display: flex; align-items: center; justify-content: center; width: 57px; height: 57px; margin-right: 10px; font-size: 4.0rem; background: linear-gradient(to right, #96e6ff, #b1efd2); color: #0066cc; text-align: center; line-height: 1; }
@media screen and (max-width: 750px) { .situation-box .situation-heading span { width: 30px; height: 30px; font-size: 2.0rem; } }
.situation-box .situation-heading h2 { flex: 1; }
.situation-box .situation-subheading { width: 10em; margin-bottom: 50px; padding: 5px; background: linear-gradient(to right, #96e6ff, #b1efd2); font-size: 3.2rem; font-weight: 700; color: #0066cc; text-align: center; }
@media screen and (max-width: 750px) { .situation-box .situation-subheading { width: 7em; font-size: 2.8rem; } }
.situation-box .situation-txtheading { margin-bottom: 35px; font-size: 2.6rem; font-weight: 700; color: #0066cc; }
.situation-box .situation-box-item { margin-bottom: 80px; font-size: 2.0rem; }
.situation-box .situation-box-item:last-child { margin-bottom: 0; }
.situation-box .situation-box-item span { color: #f64d80; font-weight: 700; }
.situation-box .situation-box-item ul li { padding-left: 1em; text-indent: -1em; }
.situation-box .situation-box-item._item01 .situation-box-main dl { margin-bottom: 50px; }
.situation-box .situation-box-item._item01 .situation-box-main dl:last-child { margin-bottom: 0; }
.situation-box .situation-box-item._item01 .situation-box-main dl dt { font-weight: 700; }
.situation-box .situation-box-item._item02 .situation-box-flex { margin-bottom: 60px; }
.situation-box .situation-box-item .situation-box-flex { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .situation-box .situation-box-item .situation-box-flex { display: block; } }
.situation-box .situation-box-item .situation-box-flex .situation-box-main { flex: 1; }
.situation-box .situation-box-item .situation-box-flex .situation-box-fig { width: 44.4444444444%; margin-left: 5.0925925926%; }
@media screen and (max-width: 750px) { .situation-box .situation-box-item .situation-box-flex .situation-box-fig { width: 100%; margin-left: 0; margin-top: 40px; } }
.situation-box .situation-box-item .situation-box-flex .situation-box-fig ul { display: flex; justify-content: space-between; }
.situation-box .situation-box-item .situation-box-flex .situation-box-fig ul li { width: 53.488372093%; margin-right: 6.976744186%; }
.situation-box .situation-box-item .situation-box-flex .situation-box-fig ul li:last-child { margin-right: 0; }
.situation-box .situation-box-item .situation-box-flex .situation-box-fig ul li figcaption { font-size: 1.6rem; }
.situation-box .situation-box-item .situation-box-flex .situation-box-fig p { margin-top: 10px; font-size: 2.0rem; text-align: center; }

._box01 .situation-heading { margin-bottom: 55px; }
@media screen and (max-width: 750px) { ._box01 .situation-heading { margin-bottom: 30px; } }

._box02 .situation-heading { margin-bottom: 30px; }

._box03 .situation-heading { margin-bottom: 70px; }
@media screen and (max-width: 750px) { ._box03 .situation-heading { margin-bottom: 30px; } }

._box04 .situation-heading { margin-bottom: 60px; }
@media screen and (max-width: 750px) { ._box04 .situation-heading { margin-bottom: 30px; } }

._es .situation-subheading, ._pt .situation-subheading, ._en .situation-subheading { width: auto !important; padding: 0; background: none; text-align: left; }
@media screen and (max-width: 750px) { ._es .situation-subheading, ._pt .situation-subheading, ._en .situation-subheading { font-size: 2.8rem; } }
._es .situation-subheading span, ._pt .situation-subheading span, ._en .situation-subheading span { padding: 5px 1em; background: linear-gradient(to right, #96e6ff, #b1efd2); color: #0066cc; }

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