@charset "UTF-8";
.font-en { font-family: 'Josefin Sans', sans-serif; }

.font-maru { font-family: 'Zen Maru Gothic', sans-serif; }

.font-num { font-family: 'Roboto', sans-serif; }

/* ==================================================================================================== メインタイトル
==================================================================================================== */
.mainttl-sec .mainttl-in { font-size: 3.125rem; }
@media screen and (max-width: 750px) { .mainttl-sec .mainttl-in { font-size: 0.875rem; } }
.mainttl-sec .mainttl-in p { font-size: 10rem; font-style: italic; }
@media screen and (max-width: 750px) { .mainttl-sec .mainttl-in p { font-size: 3.125rem; } }

/* ==================================================================================================== コンテンツ
==================================================================================================== */
.data-heading { position: relative; margin-bottom: 80px; font-size: 1.6875rem; font-weight: bold; text-align: center; color: #0d3078; }
@media screen and (max-width: 750px) { .data-heading { font-size: 1.375rem; } }
.data-heading::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 120px; height: 1px; margin-left: -60px; margin-bottom: -30px; background-color: #0d3078; }

.like-sec .like-con { display: flex; }
@media screen and (max-width: 750px) { .like-sec .like-con { display: block; } }
.like-sec .like-top { position: relative; width: 50%; }
@media screen and (max-width: 750px) { .like-sec .like-top { width: 100%; } }
.like-sec .like-top .like-top-ttl { position: absolute; top: 0; left: 0; display: flex; align-items: flex-start; justify-content: center; width: 100%; height: 100%; margin-top: 90px; color: #fff; text-align: center; }
.like-sec .like-top .like-top-ttl dt { font-size: 5.375rem; font-style: italic; font-weight: bold; }
.like-sec .like-top .like-top-ttl dd { font-size: 1.625rem; font-weight: bold; }
.like-sec .like-data { display: flex; align-items: center; justify-content: center; width: 50%; padding: 60px 40px; line-height: 1.6; }
@media screen and (max-width: 750px) { .like-sec .like-data { width: 100%; padding: 80px 4%; } }
.like-sec .like-data.like-data-bg { background-color: #f4f5ff; }
.like-sec .like-data .data-fig { text-align: center; }
.like-sec .like-check { padding: 70px 0 85px; background-color: #c9f6ff; }
@media screen and (max-width: 750px) { .like-sec .like-check { padding: 80px 0; } }
.like-sec .like-check ul { width: 100%; max-width: 1000px; margin: 0 auto; }
.like-sec .like-check ul li { margin-bottom: 10px; padding: 10px; background-color: #fff; border-radius: 1em; }
@media screen and (max-width: 750px) { .like-sec .like-check ul li { padding: 20px; } }
.like-sec .like-check ul li:last-child { margin-bottom: 0; }
.like-sec .like-check ul li dl { display: flex; align-items: center; }
@media screen and (max-width: 750px) { .like-sec .like-check ul li dl { display: block; } }
.like-sec .like-check ul li dl dt { width: 13em; padding: 0 20px; font-size: 1.125rem; font-weight: bold; text-align: center; color: #0d3078; }
@media screen and (max-width: 750px) { .like-sec .like-check ul li dl dt { width: 100%; padding: 20px; } }
.like-sec .like-check ul li dl dd { flex: 1; padding: 10px 30px 10px 20px; border-left: 1px solid #7399af; }
@media screen and (max-width: 750px) { .like-sec .like-check ul li dl dd { padding: 20px; border-top: 1px solid #7399af; border-left: none; } }
.like-sec .like-check ul li dl dd p { font-size: 0.875rem; }
.like-sec .like-check02 { padding: 70px 0 85px; background-color: #c9eaff; }
@media screen and (max-width: 750px) { .like-sec .like-check02 { padding: 80px 0; } }
.like-sec .like-check02 .data-heading { margin-bottom: 0; padding-bottom: 90px; background: url("../img/like/like_bg001.png") no-repeat center top; }
@media screen and (max-width: 960px) { .like-sec .like-check02 .data-heading { background-size: contain; } }
@media screen and (max-width: 750px) { .like-sec .like-check02 .data-heading { background-position: center top 30%; } }
.like-sec .like-check02 .data-heading::before { margin-bottom: 60px; }
.like-sec .like-check02 .like-check-con { display: flex; flex-wrap: wrap; width: 100%; max-width: 1250px; padding: 0 20px; margin: 0 auto; }
@media screen and (max-width: 750px) { .like-sec .like-check02 .like-check-con { display: block; padding: 0 4%; } }
.like-sec .like-check02 ul { width: 23.1404958678%; margin-right: 2.479338843%; }
@media screen and (max-width: 750px) { .like-sec .like-check02 ul { display: flex; flex-wrap: wrap; width: 100%; margin-right: 0; margin-bottom: 0; } }
.like-sec .like-check02 ul:last-child { margin-right: 0; }
.like-sec .like-check02 ul li { position: relative; margin-bottom: 10px; padding: 10px 30px; background-color: #fff; font-size: 0.875rem; border-radius: 1em; font-weight: bold; line-height: 1.4; }
@media screen and (max-width: 750px) { .like-sec .like-check02 ul li { display: flex; align-items: center; justify-content: center; width: 48%; margin-right: 4%; padding: 10px 20px; }
  .like-sec .like-check02 ul li:nth-child(2n) { margin-right: 0; } }
.like-sec .like-check02 ul li:last-child { margin-bottom: 0; }
.like-sec .like-check02 ul li::before { content: ''; position: absolute; bottom: 0; left: 0; width: 19px; height: 11px; margin-left: -6px; margin-bottom: -1px; background: url("../img/like/ico_fukidashi.png") no-repeat left bottom; }

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