@charset "utf-8";

/* スマホ（〜767px） */
@media (max-width: 767px) {
  /* スマホ専用スタイル */
  /* STORAGE BATTERYは文字数が多いため、energy.cssの指定より少し詰める */
  .page_title_text .page_title_en { font-size:min(40px, 8.5vw); letter-spacing:0.05em; }
}

/* タブレット（768px〜1024px） */
@media (min-width: 768px) and (max-width: 1024px) {
  /* タブレット専用スタイル */
    .page_title_text .page_title_en { font-size:min(64px, 8.5vw); letter-spacing:0.05em; }
}

/* PC（1025px〜） */
@media (min-width: 1025px) {
  /* PC専用スタイル */
}

.problems_img { width: 140px; margin:30px auto 0 auto; }
.problems_img img { width:100%; }
@media (min-width: 1080px) {
    .problems_img { width: 217px; margin:0; }
}

.solar_merit_wrap { margin:240px 0 0 0; background:#8DD3F6; display:flow-root; }
.solar_merit_wrap .contents.nopadding { position:relative; z-index:1; margin-top:-160px;/* contentsを上の余白にはみ出させる */ }
@media (min-width: 768px) {
    .solar_merit_wrap { margin:320px 0 0 0; }
    .solar_merit_wrap .contents.nopadding { margin-top:-240px;/* contentsを上の余白にはみ出させる */ }
}

.solar_img { width:100%; }

.support_list li { background:#EDF5FD; }

.recommend_wrap { display:flex; justify-content:space-between; margin:0 5%; }
.recommend_img { width:45%; object-fit: cover; }
.recommend_points { /*width:50%;*/ margin:10px 0 0 0; padding:0; }
@media (min-width:768px) {
    .recommend_lists { flex-direction:row; flex-wrap:wrap; gap:20px; }
    /* .recommend_list { width:47.5%; } */
    .recommend_img { width:40%; }
    .recommend_logo { width: 85%; margin-bottom: 10px; }
    .recommend_points { /*width:55%;*/ }
}
@media (min-width: 1025px) {
    .recommend_list { width: calc((100% - 60px) / 4); }
}