@charset "UTF-8";
/* ========================================
   メインイメージ・リード
======================================== */
/* line 7, ../../../scss/jisharon/guide/article_pc.scss */
.kv-wrap {
  margin: 0 0 20px 0;
}
/* line 10, ../../../scss/jisharon/guide/article_pc.scss */
.kv-wrap .kv-inner {
  position: relative;
  width: 1024px;
  height: 280px;
  background: #003990;
  overflow: hidden;
}
/* line 17, ../../../scss/jisharon/guide/article_pc.scss */
.kv-wrap .kv-inner .ttl {
  padding: 20px 0 0 48px;
  color: #FFF;
  font-size: 46px;
  font-weight: bold;
  line-height: 1.2;
}
/* line 24, ../../../scss/jisharon/guide/article_pc.scss */
.kv-wrap .kv-inner .ttl .sub {
  font-size: 28px;
}
/* line 29, ../../../scss/jisharon/guide/article_pc.scss */
.kv-wrap .kv-inner .merit-list {
  display: flex;
  gap: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0 0 48px;
  width: 100%;
  height: 75px;
  background: #FFEA00;
  justify-content: flex-start;
  align-items: center;
}
/* line 42, ../../../scss/jisharon/guide/article_pc.scss */
.kv-wrap .kv-inner .merit-list .list-item {
  display: flex;
  color: #003990;
  font-size: 20px;
  font-weight: bold;
  align-items: center;
}
/* line 49, ../../../scss/jisharon/guide/article_pc.scss */
.kv-wrap .kv-inner .merit-list .list-item .ico {
  display: flex;
  margin: 0 4px 0 0;
  width: 48px;
  height: 48px;
  background: #FFF;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
}
/* line 62, ../../../scss/jisharon/guide/article_pc.scss */
.kv-wrap .kv-inner .bg-img {
  display: block;
  position: absolute;
  top: 0;
  right: -120px;
  width: 679px;
  height: 296px;
  z-index: 1;
}

/* line 76, ../../../scss/jisharon/guide/article_pc.scss */
.kv-wrap--unique {
  position: relative;
  margin-bottom: 0 0 20px 0;
  height: 300px;
  overflow: hidden;
}
/* line 82, ../../../scss/jisharon/guide/article_pc.scss */
.kv-wrap--unique .ttl {
  display: flex;
  gap: 16px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 12px 16px;
  width: 100%;
  background-color: rgba(34, 34, 34, 0.6);
  align-items: center;
}
/* line 93, ../../../scss/jisharon/guide/article_pc.scss */
.kv-wrap--unique .ttl .ico {
  display: flex;
  width: 54px;
  height: 54px;
  background: #FFF;
  border-radius: 27px;
  justify-content: center;
  align-items: center;
}
/* line 102, ../../../scss/jisharon/guide/article_pc.scss */
.kv-wrap--unique .ttl .ico .img {
  width: 34px;
  height: 34px;
}
/* line 108, ../../../scss/jisharon/guide/article_pc.scss */
.kv-wrap--unique .ttl .txt {
  display: flex;
  flex-direction: column;
}

/* line 116, ../../../scss/jisharon/guide/article_pc.scss */
.update {
  display: block;
  margin: 0 0 20px 0;
  font-size: 14px;
  line-height: 1.8;
  text-align: right;
}

/* ========================================
   目次
======================================== */
/* line 132, ../../../scss/jisharon/guide/article_pc.scss */
.agenda-wrap {
  padding: 24px 16px;
  background: #d2e7f5;
}
/* line 136, ../../../scss/jisharon/guide/article_pc.scss */
.agenda-wrap .ttl {
  margin: 0 0 24px 0;
  font-size: 20px;
  color: #00448d;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
/* line 145, ../../../scss/jisharon/guide/article_pc.scss */
.agenda-wrap .agenda-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  counter-reset: listnum;
}
/* line 151, ../../../scss/jisharon/guide/article_pc.scss */
.agenda-wrap .agenda-list .list-item {
  display: flex;
  width: calc(50% - 4px);
  min-height: 56px;
  counter-increment: listnum;
}
/* line 157, ../../../scss/jisharon/guide/article_pc.scss */
.agenda-wrap .agenda-list .list-item .btn {
  display: flex;
  position: relative;
  padding: 0 45px 0 20px;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  color: #00448d;
  font-weight: bold;
  align-items: center;
}
/* line 168, ../../../scss/jisharon/guide/article_pc.scss */
.agenda-wrap .agenda-list .list-item .btn::before {
  display: inline-block;
  margin: 0 6px 0 0;
  content: counter(listnum) ".";
}
/* line 174, ../../../scss/jisharon/guide/article_pc.scss */
.agenda-wrap .agenda-list .list-item .btn::after {
  display: block;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto;
  width: 13px;
  height: 13px;
  border-top: 3px solid #00448d;
  border-right: 3px solid #00448d;
  transform: rotate(135deg);
  content: '';
}
/* line 196, ../../../scss/jisharon/guide/article_pc.scss */
.agenda-wrap .agenda-list .list-item .btn .txt {
  color: #00448d;
  font-size: vw(14);
  font-weight: normal;
}

/* ========================================
   List Setting
======================================== */
/* line 215, ../../../scss/jisharon/guide/article_pc.scss */
.list-decimal {
  list-style-type: decimal;
  margin-left: 1.5rem;
}
/* line 219, ../../../scss/jisharon/guide/article_pc.scss */
.list-decimal li {
  list-style-type: decimal;
}

/* line 224, ../../../scss/jisharon/guide/article_pc.scss */
.uni-list-txt {
  font-size: 1.6rem;
  margin-top: 10px;
}
/* line 228, ../../../scss/jisharon/guide/article_pc.scss */
.uni-list-txt::marker {
  color: #003990;
}

/* line 233, ../../../scss/jisharon/guide/article_pc.scss */
.ns-bdr--blue01 {
  border: 1px solid #00448d;
}

/* ========================================
   表
======================================== */
/* line 243, ../../../scss/jisharon/guide/article_pc.scss */
.table-bs {
  width: 100%;
}
/* line 247, ../../../scss/jisharon/guide/article_pc.scss */
.table-bs .col-grp .wd20 {
  width: 20%;
}
/* line 251, ../../../scss/jisharon/guide/article_pc.scss */
.table-bs .col-grp .wd25 {
  width: 25%;
}
/* line 255, ../../../scss/jisharon/guide/article_pc.scss */
.table-bs .col-grp .wd40 {
  width: 40%;
}
/* line 259, ../../../scss/jisharon/guide/article_pc.scss */
.table-bs .col-grp .wd50 {
  width: 50%;
}
/* line 265, ../../../scss/jisharon/guide/article_pc.scss */
.table-bs thead th {
  padding: 16px;
  background: #003990;
  border: 1px solid #CCC;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
/* line 277, ../../../scss/jisharon/guide/article_pc.scss */
.table-bs tbody th {
  padding: 16px;
  background-color: #F8F8F8;
  border: 1px solid #CCC;
  color: #333;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
}
/* line 287, ../../../scss/jisharon/guide/article_pc.scss */
.table-bs tbody td {
  padding: 16px;
  border: 1px solid #DDD;
  font-size: 12px;
  line-height: 1.2;
  vertical-align: middle;
}

/* ========================================
   Link Setting
======================================== */
/* line 311, ../../../scss/jisharon/guide/article_pc.scss */
.link-txt {
  color: #175f91;
  text-decoration: underline;
}

/* ========================================
   口コミ
======================================== */
/* line 323, ../../../scss/jisharon/guide/article_pc.scss */
.review-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
/* line 328, ../../../scss/jisharon/guide/article_pc.scss */
.review-wrap .review-inner {
  padding: 40px 30px;
  background: #FFF;
  border-radius: 0 40px;
}
/* line 333, ../../../scss/jisharon/guide/article_pc.scss */
.review-wrap .review-inner .img-box {
  display: block;
  float: left;
  padding: 0 12px 12px 0;
  width: 100px;
  height: 100px;
}
/* line 340, ../../../scss/jisharon/guide/article_pc.scss */
.review-wrap .review-inner .img-box .img {
  width: 100% !important;
  height: auto !important;
}
/* line 346, ../../../scss/jisharon/guide/article_pc.scss */
.review-wrap .review-inner .ttl {
  margin: 0 0 20px 0;
  color: #003990;
  font-size: 20px;
  font-weight: bold;
}

/* ========================================
   監修者
======================================== */
/* ========================================
   監修者
======================================== */
/* line 364, ../../../scss/jisharon/guide/article_pc.scss */
.prof-wrap {
  padding: 24px 20px;
  background: #FFF;
  border: 1px solid #DDD;
}
/* line 369, ../../../scss/jisharon/guide/article_pc.scss */
.prof-wrap .ns-ttl03 {
  padding: 0 0 0 0;
}
/* line 372, ../../../scss/jisharon/guide/article_pc.scss */
.prof-wrap .ns-ttl03 .ns-ttl03--txt {
  color: #003990;
}
/* line 377, ../../../scss/jisharon/guide/article_pc.scss */
.prof-wrap .prof-inner {
  display: flex;
}
/* line 380, ../../../scss/jisharon/guide/article_pc.scss */
.prof-wrap .prof-inner .img_pc {
  margin: 0 20px 0 0;
}
/* line 384, ../../../scss/jisharon/guide/article_pc.scss */
.prof-wrap .prof-inner .author {
  display: flex;
  margin: 0 0 20px 0;
  padding: 12px;
  background: #edf3fb;
}
/* line 390, ../../../scss/jisharon/guide/article_pc.scss */
.prof-wrap .prof-inner .author .img_sp {
  display: none;
}
/* line 394, ../../../scss/jisharon/guide/article_pc.scss */
.prof-wrap .prof-inner .author .intro {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
/* line 400, ../../../scss/jisharon/guide/article_pc.scss */
.prof-wrap .prof-inner .author .intro .name {
  font-size: 20px;
  font-weight: bold;
}
/* line 405, ../../../scss/jisharon/guide/article_pc.scss */
.prof-wrap .prof-inner .author .intro .ns-btn {
  margin: 0 0 0 0;
  width: 200px;
  min-height: 32px;
  border: none;
  font-size: 14px;
  font-weight: normal;
}
/* line 417, ../../../scss/jisharon/guide/article_pc.scss */
.prof-wrap .prof-inner .career .ttl {
  display: flex;
  margin: 0 0 4px 0;
  font-size: 16px;
  font-weight: bold;
  align-items: center;
}
/* line 424, ../../../scss/jisharon/guide/article_pc.scss */
.prof-wrap .prof-inner .career .ttl::before {
  display: inline-block;
  margin: 0 8px 0 0;
  width: 6px;
  height: 6px;
  background: #003990;
  border-radius: 3px;
  font-weight: bold;
  content: '';
}
/* line 436, ../../../scss/jisharon/guide/article_pc.scss */
.prof-wrap .prof-inner .career .txt {
  margin: 0 0 16px 0;
}