@charset "UTF-8";

/*GRIDレイアウト */

/*PC用デザイン：開始*/
@media (min-width: 768px) {
    .wrapper_grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(200px, 1fr));
        grid-gap: 16px;
        flex-wrap: wrap;
    }
   .grid_container{
        display: grid;
        grid-template-columns: repeat(2, minmax(200px, 1fr));
        grid-gap: 16px;
        flex-wrap: wrap;
    }
    .grid_box_lt{
        display: flex;
        flex-direction: column;
	padding: 0 1.5em 5em;
    }
   .grid_box_rt{
        display: flex;
        flex-direction: column;
	padding: 1.5em;
	text-align: right;
    }
/*h4新設クラス */
   .m-mh-h4b {
        font-size: 2.4rem;
         line-height: 1.31818;
         letter-spacing: 0.1em;
        font-weight: 600;
        color: #07367f;
        margin: 0 0 1.5em;
        }
        .m-mh-h4g {
        font-size: 2.2rem;
        line-height: 1.31818;
        letter-spacing: 0.1em;
        font-weight: 600;
         color: #07367f;
        }

/*認定資格用クラス */
   .certificate_grid{
       grid-template-columns: 70% auto !important;
       }
}
/*PC用デザイン：ここまで*/


/*スマートフォン用デザイン：開始*/
@media (max-width: 767px) {
    .wrapper_grid {
        display: grid;
        grid-template-columns: repeat(1, minmax(200px, 1fr));
        grid-gap: 16px;
        flex-wrap: wrap;
    }
	.grid_container{
        display: grid;
        grid-template-columns: repeat(1, minmax(200px, 1fr));
        grid-gap: 16px;
        flex-wrap: wrap;
    }
    .grid_box_lt, grid_box_rt{
        display: flex;
        flex-direction: column;
	padding: 1.5em;
	}
   .m-mh-h4b {
        font-size: 4.5vw;
         line-height: 1.31818;
         letter-spacing: 0.1em;
        font-weight: 600;
        color: #07367f;
        margin: 0 0 1.5em;
        }
    .m-mh-h4g {
        font-size: 4.5vw;
        line-height: 1.31818;
        letter-spacing: 0.1em;
        font-weight: 600;
        color: #07367f;
	}
/*認定資格：画像用クラス */
    .img60{
        width:60%;
        }
}
/*スマートフォン用デザイン：ここまで*/

.card {
    display: flex;
    flex-direction: row;
    width: 100%;
	height: initial;
}
.card-ttl img{
	vertical-align: middle;
}

.card__content {
    display: flex;
    flex-direction: column;
	padding: 1.0em;
	border: #046C71 1px solid;
	border-radius: 10px;
	width: 100%;
	background-color: #fff;
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
	margin: 0 5px 5px;
}

.card_icon{
width: 80px;
max-height: 100%;
margin: 5px;
}

.card__link {
    margin-top: auto;
}

dl.dl_content dt{
  font-size: 1.4rem;
  line-height: 0.68571;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-family: "Roboto Condensed";
  font-weight: 700;
  color: #07367f;
  text-transform: uppercase;
  margin: 1.0em auto 0.5em ;
}

.p-solution-customize-ttl {
  font-size: 2.6rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-weight: 500;
  color: #07367f;
}

/*認定資格：ここから*/
.certificate_lt{
padding: 0 1.5em !important;
}

.certificate_rt{
  display:flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.word-nbk {
  word-break: break-word !important;
}

/*認定資格：ここまで*/
