@charset "utf-8";

.div_h1 {
  height: 250px;
  background: url(../img/top_sp.jpg);
  background-repeat: no-repeat;
  background-size: cover; /* 画面幅いっぱいで表示し、高さも自動調整 */
  background-position: center; /* 画像の中心を固定 */ }
.ul_lineup {display: flex; justify-content: space-between; flex-wrap: wrap; }
.ul_lineup li { width: 100%; margin-bottom: 15px; }



@media screen and (min-width: 960px) {
.div_h1 {height: 250px;background: url(../img/top.jpg);
      background-repeat: no-repeat;
      background-size: cover; /* 画面幅いっぱいで表示し、高さも自動調整 */
      background-position: center; /* 画像の中心を固定 */
  }
  .ul_lineup li { width: 19%; margin-bottom: 15px; }
  .ul_lineup li strong { font-size: 13px; }
}

.ul_link { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin:20px 0;}
.ul_link li { width:100%; background:#fff; border:1px solid #CCCCCC; margin-bottom:20px;}
.ul_link li a { width:100%; }
.ul_link li a img { width:95%; margin:15px 2.5% 10px 2.5%;  }
.ul_link_title { width:50%; margin:0 auto; display:block; text-align:center; }
.ul_link_title span { width:100%; color:#000; line-height:1.2em; font-weight:500; font-size:18px; }
.ul_link_title small { width:100%; color:#000; font-size:14px; font-weight:500; line-height:1.2em; }
.ul_link_title::after {
  content: "";
  display: inline-block; /* または block */
  width: 17px; /* 画像の幅 */
  height: 17px; /* 画像の高さ */
  background-image: url('../img/icon_arrow.svg'); /* 画像のパス */
  background-size: cover; /* 画像のサイズを調整 */
  margin-right: 5px; /* 画像とテキストの間隔 */
  position:absolute;
  right:20%;
  bottom:20px; 
}
@media screen and (min-width: 960px) {
  .ul_link { margin-top:50px; margin-bottom:150px; }
  .ul_link li { width:49%; }
}

.p_lead { text-align:left; }
@media screen and (min-width: 960px) {
  .p_lead { text-align:center; }
}
@media screen and (min-width: 960px) {
  .div_h1 .img_chara { width:140px; height:195px;  margin-top:-130px; }
}

.st_medium { width:100%; margin:0 auto 30px auto; position:relative; }
@media screen and (min-width: 960px) {
  .st_medium { margin-bottom:50px;}  
  .contents .st_medium:after {
    content: "";
    display: inline-block; /* または block */
    width:140px; /* 画像の幅 */
    height:195px; /* 画像の高さ */
    background-image: url('../img/oneder_green2.png'); /* 画像のパス */
    background-size: cover; /* 画像のサイズを調整 */
    margin-right: 5px; /* 画像とテキストの間隔 */
    position:absolute;
    left:5%; 
    bottom:-50px; 

  }
}

@media screen and (min-width:375px) {
  .st_medium:after {
    bottom:30px; 
  }
}

@media screen and (min-width:414px) {
  .st_medium:after {
    bottom:100px; 
  }
}

@media screen and (min-width: 960px) {
  .st_medium { width:80%; margin:0 auto 50px auto; }
  .st_medium:after {
    width:140px; /* 画像の幅 */
    height:195px; /* 画像の高さ */
    margin-right: 5px; /* 画像とテキストの間隔 */
    left:0%; 
    top:0; 
  
  }
}