@charset "utf-8";

.lowerpage_title_wrap .contents .img_title { width:auto; height:120px; } 
@media screen and (min-width: 768px) {
.lowerpage_title_wrap .contents .img_title { width:35%; height:initial; }
}
@media screen and (min-width:1200px) {
.lowerpage_title_wrap .contents .img_title { width:auto; height:196px; } 
}

.obi { width:100%; font-size:18px; background:#707070; color:#fff; display:block; text-align:center; line-height:48px; margin-top:80px; margin-bottom:10px; }
.jisseki_list { width:100%; display:flex; justify-content: space-between; flex-wrap:wrap; }
.jisseki_list dl { width:100%; display:flex; border-bottom:1px solid #CCCCCC; padding:10px 0; letter-spacing:0.1em; flex-wrap:wrap; }
.jisseki_list dl dt { width:100%; display:flex; align-items:center;}
.jisseki_list dl dd { width:100%; }
.lead_medium { text-align:left; margin-bottom:80px; }
@media screen and (min-width: 768px) {
   .obi { margin-top:120px; margin-bottom:40px; }
   .jisseki_list dl { width:100%; margin:0 1%;  }
   .jisseki_list dl dt { width:auto;  }
   .jisseki_list dl dd { width:auto; }
   .lead_medium { text-align:center;}
}
@media screen and (min-width:1200px) {
   .jisseki_list dl dt { width:22%;  }
   .jisseki_list dl dd { width:78%; }
}

.tokucho_list { width:100%; display:flex; flex-wrap:wrap; justify-content: space-between; position:relative; }
.tokucho_list li { width:100%; }
.tokucho_list li:nth-child(1) { margin-bottom:20px; }
.tokucho_list li h2 { font-size:18px; text-align:center;line-height:56px; margin-bottom:32px; letter-spacing:0.03; font-weight:bold; background:#137CD3; color:#fff; height:56px; position:relative; display:flex; justify-content: center;}
.tokucho_list li h2 em { font-size:24px; margin-left:10px; line-height:56px; letter-spacing:0.1em;}
.tokucho_list li h2 .illust_eigyoman { height:90px; position:absolute; left:15px; bottom:0; }
.tokucho_list li strong { font-size:24px; line-height:1.7em; margin-bottom:24px; letter-spacing:0.05; }
.tokucho_list li .photo_tokucho { width:100%; border-radius:10px; overflow: hidden; box-shadow: 10px 10px 0  #137CD3; }
.tokucho_list li .photo_tokucho img { width:100%; height:100%; object-fit: cover; display:block; }
.contents_wrap.back_gray { padding:100px 0; display:block; margin:100px 0;}
.tokucho_list .tokucho1 { width:100px; position:absolute; bottom:-50px; z-index:1; left:0%;  }
.tokucho_list .tokucho2 { width:125px; position:absolute; bottom:-50px;z-index:1; left:0%;  }
.tokucho_list .tokucho3 { width:100px; position:absolute; bottom:-50px; z-index:1; left:0%;  }
 .jisseki_list div h4 { width:100%; text-align:left; font-size:18px; padding-left:1%; margin-top:30px; display:inline-block;}
 
@media screen and (min-width: 768px) {
   .tokucho_list li { width:45%; }
   .tokucho_list li:nth-child(1) { margin-bottom:0; }
   .tokucho_list li h2 { width:435px;}
   .tokucho_list li h2 .illust_eigyoman { height:96px; left:20px; }
   .tokucho_list li strong { font-size:28px;}
   .tokucho_list li .photo_tokucho { height:320px; }
   .tokucho_list .tokucho1 { width:180px; bottom:-50px; z-index:1; left:46%;  }
   .tokucho_list .tokucho2 { width:245px; bottom:-50px;z-index:1; left:30%;  }
   .tokucho_list .tokucho3 { width:200px; bottom:-50px; z-index:1; left:45%;  }
   .contents_wrap.back_gray .tokucho_list {flex-direction: row-reverse; position:relative; }
   .jisseki_list { display:flex; }
   .jisseki_list div { width:100%; }
   .jisseki_list div h4 { font-size:24px; margin-top:50px; }

}

.jisseki_list dl dt .shubetsu { width:110px; float:right; border:1px solid #ccc; text-align:center; display:inline-block; margin-right:20px; margin-left:10px; font-size:13px; letter-spacing: 0.05em; line-height:1.7em; }
 @media screen and (min-width: 768px) {
   .jisseki_list dl dt .shubetsu { width:120px; font-size:14px; }

 } 
