@charset "utf-8";

.color{ color: #ff582b; font-family: toppan-bunkyu-midashi-go-std, sans-serif; font-weight: 900; font-style: normal; }

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

#fv{ position: relative; padding: 0 0 30px; background: linear-gradient(350deg,rgba(248, 246, 239, 0.73) 0%, rgba(248, 246, 239, 1) 100%); }
#fv h2{ position: absolute; bottom: 13%; left: 50%; transform: translate(-50%,0); width: 95%; }
#fv h2 img{ width: 100%; height: auto; }


/* ------------------------------------------------------------ powers */
.power{ position: relative; margin: 0 0 60px; padding: 0 0 15px 0; background-image: repeating-linear-gradient(320deg, #00b4db, #00b4db 3px, #1dc3e7 3px, #1dc3e7 6px); border-radius: var(--cRadious); }
.power .item{ display: block; margin: 0 auto; width: 80%; height: auto; }
.power .tumble{ display: block; width: 95%; height: auto; margin: 15px auto 10px; }

.list-icn{ display: flex; align-items: center; justify-content: center; position: absolute; top: -30px; left: 50%; transform: translate(-50%,0); height: 90px; width: 90px; background-image: repeating-linear-gradient(320deg, #00b4db, #00b4db 3px, #1dc3e7 3px, #1dc3e7 6px); border-radius: 100px; }
.list-icn img{ width: 44px; height: auto;}

.list-head{ padding: 65px 0 20px; text-align: center; color: #fff; }
.list-head h3{ position: relative; font-size: 20px; font-family: toppan-bunkyu-midashi-go-std, sans-serif; font-weight: 900; font-style: normal; }
.list-head h3 span{ color: #fff996; }
.list-head h3 img{ display: block; margin: 0 auto 15px; width: 58%; height: auto; }

.list-body{ padding: 15px 2%; background: rgba(255,255,255,0.7); }
.list-body .flex{ display: flex; align-items: center; justify-content: center; gap: 5px; }
.list-badge{ transform: rotate(-15deg); padding: 21px 10px; background: url(../images/power/badge.png) center/70px no-repeat; font-size: 10px; color: #fff; line-height: 1.5; }
.list-body h4{ font-size: 18px; font-family: toppan-bunkyu-midashi-go-std, sans-serif; font-weight: 900; font-style: normal; }
.list-body .text{ font-size: 10px; text-align: left; line-height: 1.6; }
.list-body .text strong{ line-height: 1.7; font-size: 13px; }

.power > ul{ padding: 10px; }
.power > ul li{ margin: 0 0 10px; padding: 20px 5px; background: rgba(255,255,255,0.85); border-radius: 10px; }
.power > ul li:last-of-type{ margin: 0; }

.list-ul li{ gap: 10px; display: flex; align-items: center; justify-content: space-between; }
.list-ul .text{ width: calc(100% - 125px); }
.list-ul img{ width: 125px; height: auto; }
.list-ul h5{ padding: 0 0 10px; font-size: 13px; font-family: toppan-bunkyu-midashi-go-std, sans-serif; font-weight: 900; font-style: normal; }
.list-ul h5 strong{ font-size: 13px; line-height: 1.5; }
.list-ul p{ font-size: 13px; line-height: 1.5; }

.list-ul02 h5{ padding: 0 0 5px; font-size: 13px; }
.list-ul02 p{ font-size: 13px; line-height: 1.7; }

.list-ul03{ counter-reset: listnum 0; }
.list-ul03 li{ position: relative; padding: 15px 20px 15px 40px !important; }
.list-ul03 li:before{ counter-increment: listnum; content: counter(listnum); position: absolute; left: 15px; top: 18px; width: 15px; height: 15px; border: 1px solid; border-radius: 100px; padding: 8px; display: flex; align-items: center; justify-content: center; font-size: 13px; }
.list-ul03 .text{ text-align: left; }
.list-ul03 h5{ font-size: 14px; line-height: 1.7; }
.list-ul03 h5.icn{ display: flex; align-items: center; gap: 10px; }
.list-ul03 h5.icn img{ width: 130px; }
.list-ul03 p{ padding: 5px 0 0; font-size: 10px; line-height: 1.7; color: var(--blue); }

.power03 .list-body,
.power04 .list-body{ padding-top: 25px; padding-bottom: 25px; }



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



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




}