@charset "UTF-8";
/* CSS Document */
.p-targetLeadMv__btn {
    display: grid;
    grid-template-columns: 220px 220px;
    gap: 16px;
}
.p-targetLeadMv__btnLink--download,
.p-targetLeadMv__btnLink--contact {
  display: flex;
  align-items: center;        /* 上下中央揃え */
  justify-content: center;    /* 水平方向中央 */
  white-space: normal;        /* 自然に折り返し */
  padding: 10px 10px;
}
.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* PC：3カラム */
  gap: 16px;
  padding: 20px 0 0;
}

.grid-item {
     background-color: #b2b2b2;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
	position: relative;
    font-weight: bold;
}

    .container {
      max-width: 1200px;    
	  margin: 30px auto 60px;
      display: flex;
      justify-content: space-between;
      gap: 20px;
      flex-wrap: wrap;
    }
    .card {
      background-color: #ffffff;
      text-align: center;
      padding: 30px 20px;
      flex: 1;
      min-width: 300px;
      position: relative;
    }
    .arrow {
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 25px solid #004680;
      position: absolute;
      top: -9px;
      left: calc(50% - 20px);
    }
    .arrow_gray {
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 25px solid #b2b2b2;
      position: absolute;
      bottom: -20px;
      left: calc(50% - 20px);
    }
    .card img {
      max-width: 100%;
      height: auto;
      margin-bottom: 20px;
    }
    .text {
      font-size: 16px;
      line-height: 1.8;
      color: #333;
    }
	.h2_progress {
		font-size: 2.5rem;
		text-align: center;
		font-weight: bold;
		color: #ffffff;    
		margin: 30px auto 20px;
		background: #f78600;
		border-radius: 50px;
		line-height: 1.2;
	}
.h2_progress p {
		padding: 10px 0;
}
    .p-targetSection07__picImg {
        padding: 0 0 60px;
    }
.cta_btn {
	display: flex;
	align-items: center;
	width: 500px;
	margin: auto;
}
.cta_btn div {
	width: 200px;
	
}
.btn_3 {
	width: 350px;
	margin: 0 auto 50px;
}
.btn_3 a{
	position: relative;
    display: block;
    height: 100%;
    padding: 10px 0;
    border-radius: 3px;
    border: 1px solid #f78600;
    background: #fff;
    color: #f78600;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6;
    -webkit-transition: border-color .5s, background-color .5s, color .5s;
    transition: border-color .5s, background-color .5s, color .5s;
    will-change: border-color, background-color, color;
    border-color: #f78600;
    background: #f78600;
    color: #fff;
    white-space: nowrap;
}
.btn_3 a:hover {
    border: 1px solid #f78600;
    background: #fff;
    color: #f78600;
}
.btn_4{
	display: inherit;
	width: 350px;
	margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
	  .p-targetLeadMv__btnItem {
		width: 100%;
	}
	
.grid-container {
    display: inherit;
    padding: 20px 0 0;
}
	.grid-item {
		margin: 20px auto;
	}
	.grid-item .arrow_gray, .card .arrow {
		border-left: none;
		border-right: none;
		border-top: none;
	}
	.grid-item:last-of-type .arrow_gray{
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 25px solid #b2b2b2;
	}
	.card:first-of-type .arrow{
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 25px solid #004680;
	}
	.h2_progress {
		font-size: 2.0rem;
		line-height: 1.2;
		white-space: normal;
	}
	.p-targetLeadMv__btn {
		display: inherit;
	}
	.p-targetLeadMv__btn li + li {
		margin: 20px auto 0; 
	}
	.btn_2, .btn_3 {
		width: 90%;
	}
	.card {
		min-width: 80%;
	}
	.btn_4 {
    display: inherit;
    width: 100%;
    margin: 30px auto 0;
}
}