@charset "utf-8";
/* CSS Document */
#hojin h2 {
 color: #0d4394;
 border-bottom: 2px solid #0d4394;
 padding-bottom: 13px;
 margin-bottom: 4em;
}
@media (max-width: 820px) {
 #hojin h2 {
  margin-bottom: 2em;
  padding-bottom: 5px;
 }
}
#hojin .l_container {
 max-width: 1000px;
 margin: 0 auto;
 width: calc(100% - 100px);
}
@media (max-width: 820px) {
 #hojin .l_container {
  width: 90%;
 }
}
#hojin .link-list {
 display: flex;
 flex-wrap: wrap;
 gap: 18px;
 justify-content: center;
 margin-bottom: 8em;/*12em;*/
}
@media (max-width:820px) {
 #hojin .link-list {
  margin-bottom: 4em;/*7em;*/
 }
}
#hojin .link-list__item {
 width: 234px;
}
@media (max-width:820px) {
 #hojin .link-list__item {
  width: 47%;
 }
}
#hojin .link-card {
 display: grid;
 grid-template-rows: 84px auto;
 place-items: center;
 padding: 14px 16px;
 border: 2px solid #0d4394;
 border-radius: 10px;
 text-decoration: none;
 color: #0d4394;
 background: #fff;
 transition: all .1s ease-in;
}
@media (max-width:820px) {
 #hojin .link-card {
  grid-template-rows: 74px auto;
  min-height: 130px;
  padding: 10px;
 }
}
#hojin .link-card:hover {
 background: #F2F9FE;/*rgba(26, 111, 179, .06);*/
}
#hojin .link-card__label {
 font-weight: 700;
 text-align: center;
 font-size: clamp(13px, 1.6vw, 16px);/*clamp(11px, 1.6vw, 16px);*/
 position: relative;
	line-height: 1.4;
}
#hojin .link-card__label::after {
 content: '';
 width: 6px;
 height: 6px;
 border-top: solid 2px #0d4394;
 border-right: solid 2px #0d4394;
 position: absolute;
 right: -17px;
 top: 8px;
 transform: rotate(135deg);
}
@media (max-width:820px) {
 #hojin .link-card__label::after {
  width: 5px;
  height: 5px;
  right: -12px;
  top: 5px;
 }
}
#hojin h3 {
 position: relative;
 color: #0d4394;
 font-size: clamp(20px, 5.56vw, 25px);
 padding-left: 30px;
 margin-bottom: 1.5em;
}
@media (max-width:820px) {
 #hojin h3 {
  padding-left: 20px;
  margin-bottom: 1em;
 }
}
#hojin h3::before {
	content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 35px;
    background-color: #0d4394;
    border-radius: 3px;
	
}
@media (max-width:820px) {
 #hojin h3::before {
	 height: 28px;
	 top: 8px;
        width: 6px;
 }
}
#hojin .risk {
 margin-bottom: 7em;
}
@media (max-width:820px) {
 #hojin .risk {
  margin-bottom: 5em;
  padding-top: 86px;
  margin-top: -86px;
 }
}
#hojin .risk:last-child {
 margin-bottom: 0;
}
#hojin .risk-list__item {
 border-top: 2px solid #d5ecfc;
 margin-top: 35px;
 padding-top: 35px;
}
@media (max-width:820px) {
 #hojin .risk-list__item {
  padding-top: 20px;
  margin-top: 20px;
 }
 #hojin .risk-list__item:last-child:nth-child(odd) {
  margin-right: auto;
 }
}
#hojin .risk-list__item:first-child {
 border-top: none;
 margin-top: unset;
 padding-top: unset;
}
#hojin .risk-title__nolink {
 color: #0d4394;
 font-size: 20px;
 font-weight: 500;
 margin-bottom: 10px;
 display: inline-block;
}
#hojin .risk-title {
 color: #0d4394;
 font-size: clamp(18px, 4.5vw, 20px);
 font-weight: 500;
 margin-bottom: 10px;
 display: inline-block;
 position: relative;
 line-height: 1.5;
}
#hojin .risk-title::after {
 content: "";
 display: inline-block;
 inline-size: 1em; /* = 幅 */
 block-size: 1em; /* = 高さ */
 margin-left: .4em;
 background: no-repeat center/contain url("/ts/wp-content/themes/base/img/hojin/hojin_arrow.svg");
 vertical-align: -.1em; /* 行中でのズレ補正 */
}
@media (max-width:820px) {
 #hojin .risk-title::after {
  margin-left: .3em;
 }
}
.risk-link {
 transition: all .1s ease-in;
}
.risk-link:hover {
 opacity: .5;
}
#hojin .risk-desc {
  text-align: justify;
}