@charset "UTF-8";

:root { --color-black: #111; --color-blue-: #225cff; --color-navy: #000048; --color-red: #ff334b; --color-white: #fff; --ff-ls-b: "LINESeedJPStd Bold"; --ff-ls-eb: "LINESeedJPStd ExtraBold"; --ff-ls-m: "LINESeedJPStd Regular"; --ff-ls-t: "LINESeedJPStd Thin"; --hover-duration: .3s; --hover-opacity-ratio: .6; }

/* ---------------------------------------------
*  l-lead
--------------------------------------------- */
.l-lead { font-family: var(--ff-ls-m); font-size: 1.6rem; margin-top: 20px; text-align: left; }
@media screen and (max-width: 1023px) { .l-lead { font-size: 1.5rem; margin-top: 16px; } }
/* ---------------------------------------------
*  c-service
--------------------------------------------- */
.c-service__list { display: flex; flex-wrap: wrap; gap: 70px calc((20px / 1200px) * 100%); list-style: none; margin: 60px 0 0; padding: 0; }
@media screen and (max-width: 1023px) { .c-service__list { flex-direction: column; gap: 44px; margin-top: 34px; } }
.c-service__item { position: relative; width: calc((100% - ((20px / 1200px) * 100%)) / 2); }

@media screen and (max-width: 1023px) { .c-service__item { width: 100%; } }
@media screen and (max-width: 1023px) { .c-service__item:nth-child(odd) { order: 1; }

.c-service__item:nth-child(even) { order: 2; } }

.c-service__link { background: #f2f4f8; border-radius: 10px; display: block; padding: 30px 30px 28px; position: relative; transition: background-color .3s ease-out, transform .3s ease-out; width: 100%; }
@media screen and (max-width: 1023px) { .c-service__link { padding: 16px 20px; } }

.c-service__link:hover { background: var(--color-navy); text-decoration: none; }
.c-service__title { align-items: center; color: var(--color-navy); display: inline-flex; font-family: var(--ff-ls-b); font-size: min(26px, 26 / 1440 * 100vw); position: relative; }
@media screen and (max-width: 1023px) { .c-service__title { font-size: 1.5rem; gap: 8px; } }

.c-service__link:hover .c-service__title { color: var(--color-white); }
.c-service__title:after { align-items: center; background-color: var(--color-navy); border-radius: 50%; color: var(--color-white); content: "\e900"; display: inline-flex; flex-shrink: 0; font-family: "linebiz-icon"; font-size: 16px; height: 52px; justify-content: center; transform: scale(.5); width: 52px; }
@media screen and (max-width: 1023px) { .c-service__title:after { font-size: 14px; height: 32px; width: 32px; } }

.c-service__link:hover .c-service__title:after { background-color: var(--color-white); color: var(--color-navy); }

.c-service__image { bottom: 0; height: 120px; position: absolute; right: 30px; width: auto; }
@media screen and (max-width: 1023px) { .c-service__image { height: 70px; right: 20px; } }

.c-service-list__notes { font-family: var(--ff-ls-m); font-size: 1.4rem; margin-top: 10px; position: absolute; }
@media screen and (max-width: 1023px) { .c-service-list__notes { font-size: 1rem; margin-top: 5px; } }