@charset "utf-8";

.soda-content {}

.soda-content h2:first-child { margin-top: 0; }
.soda-content figure { position: relative; margin: 0 !important; }
.soda-content figure img { width: 100%; height: 100%; object-fit: cover; border: 0 none; }

.soda-title { padding: 24px; background: #3a3f47; font-size: 32px !important; color: #fff !important; }

.soda-list { display: flex; flex-wrap: wrap; gap: 16px; list-style: none; padding: 0 !important; }
.soda-list li { width: calc(50% - 8px); padding: 0 !important; }
.soda-list.col3 li { width: calc(33.33% - 10.66px); }
.soda-list dl { margin-top: 1.0rem; margin-bottom: 0; }
.soda-list dt { font-size: 18px; font-weight: 600; color: #333; }
.soda-list dd { margin-top: 0.5rem; }

.soda-list.road {}
.soda-list.road li { height: 480px; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; }
.soda-list.road li:first-child { background-image: url("/images/2025/road-content-01.png"); }
.soda-list.road li:nth-child(2) { background-image: url("/images/2025/road-content-02.png"); }
.soda-list.road li:nth-child(3) { background-image: url("/images/2025/road-content-03.png"); }
.soda-list.road li:nth-child(4) { background-image: url("/images/2025/road-content-04.png"); }
.soda-list.road a { display: flex; justify-content: center; align-items: center; height: 100%; background: rgba(0, 0, 0, 0); transition: all 0.3s; }
.soda-list.road a:hover { background: rgba(0, 0, 0, 0.3); transform: scale(110%); }
.soda-list.road dl { text-align: center; }
.soda-list.road dt { font-size: 30px; font-weight: 700;; color: #fff; }
.soda-list.road dd { color: #fff; }

.soda-list.farm { margin-top: 20px; }
.soda-list.farm li { padding: 16px !important; background: #f5f5f5; border: 1px solid #ddd; }
.soda-list.farm dl { margin-top: 0; }
.soda-list.farm dt { font-size: 20px !important; }
.soda-list.farm dd { margin-top: 1.0rem; }
.soda-list.farm dd.point { color: #ff7700; font-weight: 600; }

.soda-list.frame { margin-top: 20px; }
.soda-list.frame li { width: calc(25% - 12px); }
.soda-list.frame dt { display: flex; justify-content: center; align-items: center; height: 100px; background: #8dc641; }
.soda-list.frame dd { text-align: center; }