@charset "utf-8";


/* ------------------------------------------------------------ fv */
#fv{ padding: 40px 0 80px; }
#fv h2{ padding: 0 0 20px; font-size: 26px; text-align: center; }
#fv .c-lead{ padding: 0 0 17px; }
#fv .text{ font-size: 10px; color: #888888; line-height: 1.9; }

figcaption{ padding: 5px 0; font-size: 10px; line-height: 1.5; text-align: center; }
figure img{ display: block; width: 95%; height: auto; margin: 0 auto; }
sup{ font-size: 0.5em; }


/* ------------------------------------------------------------ intro */
#intro .contents{ padding: 0 0 60px; }

.c-head{ padding: 15px; background: var(--orange); text-align: center; color: #fff; }
.c-head h3{ padding: 0 0 10px; font-size: 18px; }
.c-head p{ position: relative; }
.c-head p span{ display: inline-block; padding: 2px 5px; background: #ff582b; font-size: 14px; }
.c-head p small{ display: block; position: absolute; right: -2%; bottom: 5px; font-size: 0.4em; line-height: 1.5; }

.c-body{ padding: 15px 0 30px; }
.c-body p{ color: var(--orange); font-size: 10px; line-height: 1.5; text-align: center; }
.c-body img{ padding: 10px 0 0; }

.tab-navs{ gap: 3px; display: flex; align-items: stretch; justify-content: space-between; padding: 0 0 7px; }
.tab-navs p{ width: calc(100% / 4 - 3px); padding: 12px 5px; font-size: 10px; text-align: center; background: #ffebe1; color: #ff9d67; border-radius: 3px; }
.tab-navs p.is-active{ color: #ffebe1; background: #ff9d67; }

.contents02 .c-head{ background: #00b4db; }
.contents02 .c-head p small{ position: initial; padding: 5px 0 0; }
.contents02 .c-body p{ color: #00b4db; }
.contents02 .tab-navs p{ color: #00b4db; background: #ccf0f8; }
.contents02 .tab-navs p.is-active{ color: #ccf0f8; background: #00b4db; }

.contents03 .c-head{ background: #88ca78; }
.contents03 .c-body p{ color: #88ca78; }
.contents03 .tab-navs p{ color: #88ca78; background: #e7f4e4; }
.contents03 .tab-navs p.is-active{ color: #e7f4e4; background: #88ca78; }



/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {



/* ------------------------------------------------------------ fv */




}