﻿.section {
    padding: 50px 0;
}
.section .container{padding:0 5%;}
.under-ttl {
    font-weight: bold;
    color: #04592e;
    font-size: 26px;
    text-transform: uppercase;
    margin: 0 0 10px;
   border: none;
}

.under .section p:not(.under-ttl) {
    font-size: 17px;
}

.under-bg01 {
    background: #f5f5f5;
}

.under .section p:not(.under-ttl):last-child {
    margin: 0;
}
.image-l {
    float: left;
    margin: 0 30px 10px 0;
}
.gt-box03 .image-l {
    float: right;
    margin: 0 0px 10px 30px;
}
.gtb04-list {
    display: flex;
}

.gtb04-item {
    width: calc(25% - 15px);
    margin: 0 30px 0 0;
    text-align: center;
}

    .gtb04-item:nth-child(4) {
        margin-right: 0;
    }

.gtb04-img {
    margin: 0 0 10px;
}

.gtb04-ttl {
    font-size: 18px;
    font-weight: bold;
    color: #04592e;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.gtb04-txt {
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
    font-size:16px !important;
	  -webkit-line-clamp:5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}
@media screen and (max-width: 768px){
    .under-ttl {
        font-size: 18px;
    }
    .under .section p:not(.under-ttl) {
        font-size: 14px;
    }
    .image-l, .image-r, .gt-box03 .image-l {
        float: none;
        text-align: center;
        margin: 0 0 10px;
    }
    .gtb04-list {
        flex-wrap: wrap;
    }
    .gtb04-item {
        width: calc(50% - 15px);
        margin-bottom: 30px;
    }
   .gtb04-item:nth-child(2n) {
       margin-right: 0;
   }

}