@charset "UTF-8";

/* ==========================================================================
   common
   ======================================================================= */
.u-hd-s__label,
.u-case__ttl {
   color: #02893e;
}


/* ==========================================================================
   pc
   ======================================================================= */
@media all and (min-width: 768px){
.u-case-img-col2 {
}
.u-case-img-col2-list {
   margin-bottom: 30px;
}
.u-case-img-col2-item {
   width: 44.921%;
   line-height: 0;;
   float: left;
   position: relative;
}
.u-case-img-col2-item:first-child {
   margin-right: 10.156%;
}
.u-case-img-col2-item:first-child::after {
   content: '';
   display: block;
   width: 0;
   height: 0;
   border-left: 20px solid #000000;
   border-right: 20px solid transparent;
   border-top: 16px solid transparent;
   border-bottom: 16px solid transparent;
   position: absolute;
   top: 50%;
   margin-top: -10px;
   right: -18%;
}
.u-case-img-col2-item img {
   width: 100%;
   height: auto;
}

/* case 5 */
.u-case-item--5 .u-case-txt-box {
   width: 100%;
}
.u-case-item--5 .u-case__btn {
   margin-left: auto;
   margin-right: auto;
}


}



/* ==========================================================================
   responsive ajustment
   =======================================================================*/
@media all and (min-width: 768px) and (max-width: 1024px){
}




/* ==========================================================================
   sp
   ======================================================================= */
@media all and (max-width: 767px){
.u-case-img-col2 {
}
.u-case-img-col2-list {
   margin-bottom: 15px;
}
.u-case-img-col2-item {
   position: relative;
}
.u-case-img-col2-item:first-child {
   margin-bottom: 40px;
}
.u-case-img-col2-item:first-child::after {
   content: '';
   display: block;
   width: 0;
   height: 0;
   border-left: 12px solid transparent;
   border-right: 12px solid transparent;
   border-top: 16px solid #000000;
   border-bottom: 16px solid transparent;
   position: absolute;
   left: 50%;
   margin-left: -8px;
   bottom: -42px;
}
.u-case-img-col2-item img {
   width: 100%;
   height: auto;
}

}

/* ==========================================================================
   css animation
   ======================================================================= */


/* ==========================================================================
   js animation
   ======================================================================= */