.content_info {
   background-color: #fff;
   margin: 0;
   padding: 60px 20px;
}
.content_info_inner {
   max-width: 1200px;
   margin: 0 auto;
}
.content_info_inner h2 {
   border-style: none;
   font-size: 2.29em;
   font-weight: normal;
   color: #00a558;
   letter-spacing: .2em;
   padding: 0;
}
.content_info_inner h2::after {
   display: none;
}
.imgList {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -10px;
}
.imgList a {
   display: block;
   text-decoration: none;
}
.imgList a:link,
.imgList a:visited {
   color: #555;
}
.imgList li {
   margin-top: 30px;
   width: 33.333%;
}
.imgList li > * {
   display: flex;
   height: 100%;
   margin: 0 10px;
   width: calc(100% - 20px);
}
.imgList dl {
   box-sizing: border-box;
   display: flex;
   height: 100%;
   flex-direction: column-reverse;
   width: 100%;
}
.imgList dt {
   flex-grow: 1;
   font-size: 1.36em;
   line-height: 1.6;
   padding: 30px;
}
.imgList dt span {
   display: inline-block;
   overflow: hidden;
   padding-left: 1em;
   position: relative;
   vertical-align: top;
   white-space: nowrap;
   width: 0;
}
.imgList dt span::after {
   content: '\02026';
   left: 0;
   position: absolute;
}
.imgList dd {
   background-color: #fff;
   flex-shrink: 0;
   position: relative;
}
.imgList dd::before {
   content: '';
   display: block;
   padding-top: 56.25%;
}
.imgList dd img {
   bottom: 0;
   left: 0;
   max-height: 100%;
   margin: auto;
   max-width: 100%;
   position: absolute;
   right: 0;
   top: 0;
}
.js_slide_wrapper {
   margin: 0 !important;
}
.js_slide_clip {
   overflow: hidden;
   margin: 0 -10px;
}
.js_slide_clip .imgList {
   margin: 0;
}
.js_prev_button,
.js_next_button {
   display: none;
   outline: none;
}
@media (max-width: 800px) {
   .js_slide_wrapper {
      position: relative;
      padding: 0 24px;
   }
   .js_slide_basis{
      width: 50%;
   }
   .imgList {
      flex-wrap: nowrap;
      margin: 0;
      width: 100%;
   }
   .imgList li {
      flex-shrink: 0;
      width: 100%;
   }
   .js_prev_button,
   .js_next_button {
       position: absolute;
       display: block;
       width: 44px;
       height: 44px;
       top: 0;
       background-color: #fff;
       cursor: pointer;
       bottom: 0;
       margin: auto 0;
   }
   .js_next_button {
       right: -20px;
   }
   .js_prev_button {
       left: -20px;
   }
   .js_prev_button::before,
   .js_prev_button::after,
   .js_next_button::before,
   .js_next_button::after {
       border-color: transparent;
       border-style: solid;
       bottom: 0;
       content: '';
       display: block;
       height: 0;
       margin: auto 0;
       position: absolute;
       top: 0;
       width: 0;
   }
   .js_prev_button::before {
       border-width: 8px 8px 8px 0;
       border-right-color: #00a558;
       left: 16px;
   }
   .js_prev_button::after {
       border-width: 8px 8px 8px 0;
       border-right-color: #fff;
       left: 18px;
   }
   .js_next_button::before {
       border-width: 8px 0 8px 8px;
       border-left-color: #00a558;
       right: 16px;
   }
   .js_next_button::after {
       border-width: 8px 0 8px 8px;
       border-left-color: #fff;
       right: 18px;
   }
}
@media (min-width: 801px) {
   .js_slide_wrapper {
      overflow: hidden;
   }
   .js_slide_clip {
      margin: 0 -15px;
   }
   .imgList {
      margin: 0 -15px;
   }
   .imgList li > * {
      margin: 0 15px;
      width: calc(100% - 30px);
   }
}
@media (max-width: 600px) {
   .js_slide_basis{
      width: 100%;
   }
}