@charset "utf-8";
/* CSS Document */
#kojin .l_container {
 max-width: 1000px;
 margin: 0 auto;
 width: calc(100% - 100px);
}
@media (max-width:820px) {
 #kojin .l_container {
  width: 90%;
 }
}
#kojin h2 {
 color: #0d4394;
 border-bottom: 2px solid #0d4394;
 padding-bottom: 13px;
 margin-bottom: 4em;
}
@media (max-width:820px) {
 #kojin h2 {
  margin-bottom: 2em;
  padding-bottom: 5px;
 }
}
#kojin h3 {
 position: relative;
 color: #0d4394;
 font-size: clamp(20px, 5.56vw, 25px);
 padding-left: 30px;
 margin-bottom: 1.5em;
}
@media (max-width:820px) {
 #kojin h3 {
  padding-left: 20px;
  margin-bottom: .8em;
 }
}
#kojin h3::before {
 content: "";
 position: absolute;
 left: 0;
 top: 10px;
 width: 8px;
 height: 35px;
 background-color: #0d4394;
	border-radius: 3px;
}
@media (max-width:820px) {
 #kojin h3::before {
	 height: 28px;
  top: 8px;
  width: 6px;
 }
}
#kojin a {
    color: #0d4394;
    text-decoration: underline;
}
#kojin img {
    border-radius: 10px;
}
/* =========================
   2段アウトラインボタン
   ========================= */
#kojin .ins-card__actions {
 display: grid;
 gap: 0;
 border: 2px solid #2589d0;
 border-radius: 12px;
 overflow: hidden;
 max-width: 560px; /* 必要なら幅制限 */
 margin: 16px 0;
}
@media (max-width:820px) {
 #kojin .ins-card__actions {
  margin: 10px auto;
 }
}
#kojin .ins-card__actions .btn {
 display: block;
 position: relative;
 text-align: center;
 text-decoration: none;
 color: #2589d0;
 background: #fff;
 font-weight: 700;
 padding: 14px 20px; /* 右に矢印分の余白 */
 line-height: 1.6;
 font-size: clamp(15px, calc(0.485vw + 10.18px), 16px);/*clamp(12px, calc(0.485vw + 10.18px), 16px);*/
 transition: all .1s ease-in;
}
@media (max-width:820px) {
 #kojin .ins-card__actions .btn {
  padding: 15px 20px 15px 5px;
  line-height: 1.3;/*1;*/
 }
}
#kojin .ins-card__actions .btn:nth-child(1) {
 border-bottom: 2px solid #2589d0;
}
#kojin .ins-card__actions .btn:hover {
 color: #fff;
 background-color: #2589d0;
}
#kojin .ins-card__actions .btn:hover .fa-arrow-right {
 color: #fff !important;
}
#kojin .ins-card__actions .btn + .btn {
 border-top: 2px solid #2589d0;
}
#kojin .ins-card__inner {
 display: grid;
 gap: 39px;
 align-items: center;
 grid-template-columns: 1fr 380px;
}
@media (max-width:820px) {
 #kojin .ins-card__inner {
  display: block;
 }
}
  #kojin .ins-card__text p {
    text-align: justify;
  }
#kojin .fa-arrow-right {
 position: absolute;
 transform: translateY(-50%);
 top: 50%;
 font-size: 1em;
 right: 20px;
 color: #2589d0 !important;
 transition: all .1s ease-in;
}
#kojin .ins-card {
 margin-bottom: 6em;
}
@media (max-width:820px) {
 #kojin .ins-card {
  margin-bottom: 4em;
 }
}
#kojin .ins-card:last-child {
 margin-bottom: 0;
}
@media (max-width:820px) {
 #kojin .ins-card__text {
  margin-bottom: 1em;
 }
}
.ins-card__img {
  text-align: center;
}