@charset "UTF-8";
/* CSS Document */

/* 選ばれる理由 */
@media screen and (min-width: 861px) {
.vertical-gradient-text { writing-mode: vertical-rl; text-orientation: upright; font-size: 56px; font-weight: 700; letter-spacing: 0.4em; background: linear-gradient(to right, #f49eb7, #9bccef); -webkit-background-clip: text; background-clip: text; color: transparent; line-height: 150%; }

#reason_wrap { margin-top: 80px; }
#reason_wrap .hl_number { margin: 0 auto; max-width: 1200px; width: calc(100% - 10%); }
#reason_wrap .img_box img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }
#reason_wrap h3 { margin: 0 0 16px 0; font-size: 36px; line-height: 155.556%; }
#reason_wrap ul { display: flex; flex-direction: column; gap: 40px; }
#reason_wrap li:first-child { display: none; }
#reason_wrap li p { line-height: 200%; }
#reason_wrap li p span { color: #E94F86; font-weight: 700; }

#reason_wrap .sec_01 { padding: 60px 0 120px 0; }
#reason_wrap .sec_01 > .img_box { margin: 40px auto 0 auto; max-width: 1200px; width: calc(100% - 10%); height: 600px; }
#reason_wrap .sec_01 > .fl_box { display: flex; gap: 60px; margin: 60px auto 0 auto; width: 680px; }
#reason_wrap .sec_01 .left_box { flex: 0 0 84px; }
#reason_wrap .sec_01 .right_box { flex: 1; }

#reason_wrap .sec_02 { padding: 60px 0 120px 0; background: #F7F6FC; }
#reason_wrap .sec_02 > .fl_box { display: grid; grid-template-columns: minmax(0, 600px) minmax(0, 520px); gap: 80px; margin: 60px auto 0 auto; max-width: 1200px; width: calc(100% - 10%); }
#reason_wrap .sec_02 .left_box { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 60px; }
#reason_wrap .sec_02 .vertical-gradient-text { margin: 0; width: 84px; }
#reason_wrap .sec_02 .right_box { min-width: 0; }
#reason_wrap .sec_02 .img_box { width: 100%; height: 742px; }

#reason_wrap .sec_03 { padding: 60px 0 120px 0; }
#reason_wrap .sec_03 > .img_box { margin: 40px auto 0 auto; max-width: 1200px; width: calc(100% - 10%); height: 600px; }
#reason_wrap .sec_03 > .fl_box { display: flex; gap: 60px; margin: 60px auto 0 auto; width: 680px; }
#reason_wrap .sec_03 .left_box { flex: 0 0 84px; }
#reason_wrap .sec_03 .right_box { flex: 1; }
}

@media screen and (max-width: 860px) {
#reason_wrap { margin-top: 60px; }
#reason_wrap .hl_number { margin-left: auto; margin-right: auto; width: 90%; }
#reason_wrap .img_box { margin-top: 25px; height: 250px; width: 100%; }
#reason_wrap .img_box img { display: block; width: 100%; height: 100%; object-fit: cover; }
#reason_wrap .fl_box { margin-left: auto; margin-right: auto; width: 90%; }
#reason_wrap li { margin: 25px 0 0 0; padding: 0 0 25px 0; border-bottom: solid 1px #E5E7EB; }
#reason_wrap li:first-child { color: #E94F86; font-weight: 700; }
#reason_wrap h3 { margin: 0 0 15px 0; font-size: 18px; line-height: 155.556%; }
#reason_wrap p span { color: #E94F86; font-weight: 700; }

#reason_wrap .sec_01 { padding-bottom: 60px; }
#reason_wrap .sec_01 .left_box { display: none; }

#reason_wrap .sec_02 { padding: 40px 0 60px 0; background: #F7F6FC; }
#reason_wrap .sec_02 .fl_box { display: flex; flex-direction: column-reverse; width: 100%; }
#reason_wrap .sec_02 .left_box { margin-left: auto; margin-right: auto; width: 90%; }
#reason_wrap .sec_02 .vertical-gradient-text { display: none; }

#reason_wrap .sec_03 { padding: 40px 0 60px 0; }
#reason_wrap .sec_03 .left_box { display: none; }
}