/*====================================================
////id |  overview
====================================================*/
.overview-head {
  display: flex;
    justify-content: center;
}
.overview-head img {
  max-height: 80px;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {

}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769.1px) {
  .overview-text {
    text-align: center;
  }
}

@media (hover: hover) {}


/*====================================================
////id |  nav
====================================================*/
.nav-item-wrapper {
  display: flex;
    flex-wrap: wrap;
    gap: 18px 24px;
  padding: 28px 5vw;
}
.nav-item {
  display: flex;
    align-items: center;
    gap: .55em;
  font-weight: 600;
}
.nav-item .arrow {
  transform: rotate(90deg);
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
  .nav-item-wrapper {
  }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
  .nav-item-wrapper {
    justify-content: center;
  }

}

@media screen and (min-width:1200px) {
  .nav-item-wrapper {
    gap: 20px 40px;
  }
}
@media (hover: hover) {}


/*====================================================
////id |  detail cmn
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
  .detail-content-inner {
    padding: 64px 0 0;
  }
  .detail-content section:last-child .detail-content-inner {
    padding-bottom: 64px;
  }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
  .detail-content-item {
    margin-top: -36px;
  }
  .detail-content-inner {
    padding: 100px 0 0;
  }
  .detail-content section:last-child .detail-content-inner {
    padding-bottom: 64px;
  }

}

@media (hover: hover) {}


/*====================================================
////id |  detail-content-table
====================================================*/
.detail-content-wrapper {
  display: grid;
    grid-gap: 20px 0;
}
.detail-content-attention {
  font-size: .875em;
  margin-top: 1.3em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {}

@media (hover: hover) {}


/*====================================================
////id |  evaluation
====================================================*/
.evaluation-table td.cell_cnt-1 {
  padding-left: .5em;
  padding-right: .5em;
  text-align: center;
}
.evaluation-table td.cell_cnt-1 .big {
  font-size: 1.714em;
}
.evaluation-table td.cell_cnt-1 small {
  display: inline-block;
  line-height: 1.4;
}
.evaluation-table td.cell_cnt-2 ,
.evaluation-table td.cell_cnt-3 {
  background: #F2F2F2;
  border-color: #fff;
  text-align: center;
}
.evaluation-table td.cell_cnt-2 {
  font-weight: 700;
}
.evaluation-table td.cell_cnt-3 {
  font-weight: 500;
}
.evaluation-table td.cell_cnt-4 strong.big {
  font-size: 1.1428em;
  display: block;
  line-height: 1.4;
  margin-bottom: .5em;
}
.evaluation-table td.cell_cnt-4 ul li + li {
  margin-top: 0;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
  .evaluation-table td.cell_cnt-3 {
    padding-left: 4px;
    padding-right: 4px;
    width: 50px;
      min-width: 50px;
  }

}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
  .evaluation-table td.cell_cnt-1 {
    width: 140px;
      min-width: 140px;
  }
  .evaluation-table td.cell_cnt-2 {
    font-size: 1.14286em;
    width: 80px;
      min-width: 80px;
  }
  .evaluation-table td.cell_cnt-3 {
    width: 100px;
      min-width: 100px;
  }
}

@media (hover: hover) {}


/*====================================================
////id |  result
====================================================*/
.result-img img {
  filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .08));
}
.result-attention-wrapper {
  display: grid;
    grid-gap: 20px;
}
.result-attention {
  background: #FFF7ED;
  border: solid 2px #FB923C;
  border-radius: 20px;
  color: #9A3412;
  line-height: 1.4;
}
.result-attention .title {
  color: #EA580C;
  font-size: 1.13em;
  font-weight: 700;
  margin-bottom: .8em;
  padding-left: 2em;
  position: relative;
}
.result-attention .title::before {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 21"><path fill="%23ea580c" d="M23.87,19.5L12.87.46c-.36-.62-1.37-.62-1.73,0L.13,19.5c-.18.31-.18.69,0,1,.18.31.51.5.87.5h22c.36,0,.69-.19.87-.5.18-.31.18-.69,0-1ZM2.73,19L12,2.97l9.27,16.03H2.73ZM13,15.99v.5c0,.55-.45,1-1,1s-1-.45-1-1v-.5c0-.55.45-1,1-1s1,.45,1,1ZM12,6.98c.55,0,1,.45,1,1v5.01c0,.55-.44,1-1,1h0c-.55,0-1-.45-1-1v-5.01c0-.55.44-1,1-1h0Z" /></svg>') no-repeat center / contain;
  content: '';
  display: block;
  margin: auto;
  position: absolute;
    top: 0;
    left: 0;
  width: 1.35em;
  height: 1.35em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960.0px) {
  .result-img {
    margin: 0 auto 32px;
    width: 100%;
      max-width: 400px;
  }
  .result-text {
    font-size: 1.6rem;
  }
  .result-attention {
    margin-top: 32px;
    padding: 18px;
  }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960.1px) {
  .result-wrapper {
    display: flex;
      gap: 3vw;
  }
  .result-img {
    width: 30.74%;
  }
  .result-content {
    flex: 1;
  }
  .result-attention-wrapper {
    margin-top: 40px;
  }
  .result-attention {
    padding: 24px;
  }
}
@media screen and (min-width:1200px) {
  .result-wrapper {
    gap: 32px;
  }
}

@media (hover: hover) {}


/*====================================================
////id |  caution
====================================================*/
.caution-list-wrapper {
  font-weight: 500;
}
#caution .caution-list li + li {
  margin-top: 1em;
}
.coution-notice-wrapper {
  display: grid;
    grid-gap: 20px;
}
.coution-notice {
  background: #FEF2F2;
  border: solid 1px #FCA5A5;
  border-radius: 16px;
  color: #991B1B;
}
.coution-notice .title {
  font-size: 1.13em;
  font-weight: 700;
  margin-bottom: .8em;
  padding-left: 2em;
  position: relative;
}
.coution-notice .title::before {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 26 26"><path fill="%23dc2626" d="M13.02,25.81c-.28,0-.55-.05-.81-.15-6.52-2.25-9.71-6.03-9.71-11.52V5.98c0-.62.24-1.21.68-1.65.44-.44,1.03-.68,1.65-.68,1.89,0,4.57-1.19,6.51-2.89.94-.8,2.38-.79,3.3,0,1.98,1.74,4.6,2.89,6.52,2.89.62,0,1.21.24,1.65.68.44.44.68,1.03.68,1.65v8.17c0,5.49-3.18,9.26-9.72,11.54-.25.08-.5.13-.76.13ZM13,2.48s-.09.02-.13.05c-2.4,2.09-5.56,3.45-8.04,3.45v8.17c0,4.44,2.59,7.4,8.16,9.33,5.58-1.93,8.17-4.9,8.17-9.33V5.98c-2.48,0-5.64-1.36-8.05-3.46-.03-.02-.07-.04-.12-.04ZM14.17,12.98v-4.67c0-.64-.52-1.17-1.17-1.17s-1.17.52-1.17,1.17v4.67c0,.64.52,1.17,1.17,1.17s1.17-.52,1.17-1.17ZM14.18,17.65c0-.64-.52-1.17-1.17-1.17h-.01c-.64,0-1.16.52-1.16,1.17s.53,1.17,1.17,1.17,1.17-.52,1.17-1.17Z" /></svg>') no-repeat center / contain;
  content: '';
  display: block;
  margin: auto;
  position: absolute;
    top: .1em;
    left: 0;
  width: 1.35em;
  height: 1.35em;
}
.coution-notice .markList {
  margin-top: 1em;
}
.coution-notice .attention {
  background: #fff;
  border: solid 1px #FCA5A5;
  border-radius: 8px;
  font-size: .93em;
  margin-top: .8em;
  padding: 16px;
}
.coution-notice .attention dt {
  margin-bottom: .3em;
  padding-left: 1.7em;
  position: relative;
}
.coution-notice .attention dt::before {
  background: transparent url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 15 15"><path fill="%23dc2626" d="M7.5,15C3.36,15,0,11.64,0,7.5S3.36,0,7.5,0s7.5,3.36,7.5,7.5-3.36,7.5-7.5,7.5ZM7.5,1.36C4.12,1.36,1.36,4.12,1.36,7.5s2.75,6.14,6.14,6.14,6.14-2.75,6.14-6.14S10.88,1.36,7.5,1.36ZM8.18,10.23v-2.73c0-.38-.31-.68-.68-.68s-.68.31-.68.68v2.73c0,.38.31.68.68.68s.68-.31.68-.68ZM8.19,4.77c0-.38-.31-.68-.68-.68h0c-.38,0-.68.31-.68.68s.31.68.69.68.68-.31.68-.68Z" /></svg>') no-repeat center / contain;
  content: '';
  display: block;
  margin: auto;
  position: absolute;
    top: .2em;
    left: 0;
  width: 1.2em;
  height: 1.2em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
  .coution-notice-wrapper {
    margin-top: 32px;
  }
  .coution-notice {
    padding: 20px;
  }

}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
  .coution-notice-wrapper {
    margin-top: 32px;
  }
  .coution-notice {
    padding: 28px 30px;
  }
  .coution-notice .text {
    font-size: 1.4rem;
  }

}

@media (hover: hover) {}



/*====================================================
////id |  material
====================================================*/
.material-bg {
  background: #F1F5F9;
}
.material_textbook-item {
 background: #fff;
 border-radius: 12px;
 box-shadow: 0 0 12px rgba(0, 0, 0, .04);
 line-height: 1.6;
 padding: 32px;
}

.material_textbook-item+.material_textbook-item {
 margin-top: 40px;
}

.material_textbook-item-img figure {
 box-shadow: 0 0 9px rgba(0, 0, 0, .12);
 margin: auto;
 width: 190px;
}

.material_textbook-item-head {
 color: #013188;
 font-size: 2.4rem;
 line-height: 1.3;
 margin-bottom: 16px;
}

.material_textbook-item-detail dl {
 display: flex;
 gap: .5em;
 font-weight: 500;
}

.material_textbook-item-detail dt {
 color: #64748B;
 font-weight: 700;
}

.material_textbook-item-text {
 color: #374151;
 margin-top: 24px;
}

.material_textbook-item-attention {
 border: solid 1px #CFAD5F;
 border-radius: 8px;
 font-size: 1.4rem;
 margin-top: 20px;
 padding: 14px 16px;
}

.material_textbook-item-attention ul.markList li {
 padding-left: 2.3em;
}

.material_textbook-item-attention ul.markList li::before {
 background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20 20"><path fill="%23cfad5f" d="M10,20C4.49,20,0,15.51,0,10S4.49,0,10,0s10,4.49,10,10-4.49,10-10,10ZM10,1.82C5.49,1.82,1.82,5.49,1.82,10s3.67,8.18,8.18,8.18,8.18-3.67,8.18-8.18S14.51,1.82,10,1.82ZM10.91,10v-3.64c0-.5-.41-.91-.91-.91s-.91.41-.91.91v3.64c0,.5.41.91.91.91s.91-.41.91-.91ZM10.92,13.64c0-.5-.41-.91-.91-.91h0c-.5,0-.9.41-.9.91s.41.91.91.91.91-.41.91-.91Z" /></svg>') no-repeat center / contain;
 content: '';
 display: block;
 margin: auto;
 position: absolute;
 top: .1em;
 left: 0;
 width: 1.4em;
 height: 1.4em;
}

.material_flow-item-wrapper {
 display: flex;
 gap: 24px;
}

.material_flow-item {
 background: #fff;
 border-radius: 12px;
 flex: 1;
 padding: 30px 20px;
}

.material_flow-item-img {
 margin: auto;
 position: relative;
 width: 105px;
}

.material_flow-item-img .coverImg {
 border-radius: 12px;
 padding-top: 100%;
}

.material_flow-item-no {
 background: #013188;
 border-radius: 100%;
 color: #fff;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 1.6rem;
 font-weight: 700;
 margin: auto;
 position: absolute;
 top: -.75em;
 left: -.75em;
 width: 2.5em;
 height: 2.5em;
 z-index: 10;
}

.material_flow-text {
 font-size: 1.8rem;
 margin-top: 24px;
 text-align: center;
}

.material_flow-text .title {
 color: #013188;
 font-weight: 700;
 line-height: 1.4;
}

.material_flow-text > div > .text {
 font-size: 1.4rem;
 margin-top: 10px;
}
.material_flow-text .link {
  display: flex;
  justify-content: center;
 font-size: 1.4rem;
 margin-top: 10px;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
  #material {
    padding-top: 80px;
    margin-top: -16px;
  }
 .material_textbook-item-content {
  margin-top: 30px;
 }

 .material_textbook+.material_flow {
  margin-top: 60px;
 }

 .material_flow-item-wrapper {
  flex-direction: column;
  margin: auto;
  max-width: 500px;
 }
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769.1px) {
  #material {
    padding-top: 80px;
    margin-top: -16px;
  }
 .material_textbook-item {
  display: flex;
  gap: 32px;
 }

 .material_textbook-item-content {
  display: flex;
  align-items: center;
  flex: 1;
 }

 .material_textbook-item-detail {
  display: flex;
  flex-wrap: wrap;
  gap: .3em 24px;
 }

 .material_flow-text {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.2em;
 }

 .material_textbook+.material_flow {
  margin-top: 70px;
 }

}

@media screen and (min-width: 1175.1px) {}

@media (hover: hover) {}



/*====================================================
////id |  xxx
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {}

@media (hover: hover) {}


/*====================================================
////id |  pjc
====================================================*/
#pjc #nav {
  background: #FFEFF0;
}
#pjc .nav-item .arrow {
  background: #DB373D;
}
#pjc .detail-content-table table th {
  background: #DB373D;
}
#pjc .detail-content-table table th:nth-child(even) {
  background: #B31117;
}
#pjc .detail-content-table .cell_cnt-1 {
  background: #DB373D;
  color: #fff;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {}

@media (hover: hover) {}



/*====================================================
////id |  pjc exam_detail
====================================================*/
#pjc .exam_detail-table td.cell_cnt-1 {
  font-weight: 700;
  padding-left: .5em;
  padding-right: .5em;
  text-align: center;
}
#pjc .exam_detail-table td.cell_cnt-2 {
  background: #F2F2F2;
  border-color: #fff;
  font-weight: 500;
  text-align: center;
}
#pjc .exam_detail-table td.cell_cnt-3:not(td[class*='colspan_']),
#pjc .exam_detail-table td.cell_cnt-4 {
  width: 50%;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 960.0px) {
  #pjc .exam_detail-table td.cell_cnt-2 {
    width: 2.3em;
  }

}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960.1px) {
  #pjc .exam_detail-table td.cell_cnt-1 {
    width: 180px;
    min-width: 180px;
  }
  #pjc .exam_detail-table td.cell_cnt-2 {
    width: 48px;
  }
}
@media (hover: hover) {}



/*====================================================
////id |  pjc
====================================================*/
#pjcbridge #nav {
  background: #EDF3FF;
}
#pjcbridge .nav-item .arrow {
  background: #1D4081;
}
/* #pjcbridge .detail-content-table table th {
  background: #1D4081;
}
#pjcbridge .detail-content-table table th:nth-child(even) {
  background: #3762AF;
} */
#pjcbridge .detail-content-table .cell_cnt-1 {
  background: #013188;
  color: #fff;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {}

@media (hover: hover) {}



/*====================================================
////id |  pjcbridge exam_detail
====================================================*/
#pjcbridge .exam_detail-table td.cell_cnt-1 {
  font-weight: 700;
  padding-left: .5em;
  padding-right: .5em;
  text-align: center;
}
#pjcbridge .exam_detail-table td.cell_cnt-2 {
  background: #F2F2F2;
  border-color: #fff;
  font-weight: 500;
  text-align: center;
}
#pjcbridge .exam_detail-table td.cell_cnt-4 {
  font-weight: 500;
  text-align: center;
}
#pjcbridge .exam_detail-table td.cell_cnt-4 .b_gray {
  font-size: .92857em;
  font-weight: 500;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960.0px) {
  #pjcbridge .exam_detail-table td.cell_cnt-2 {
    width: 2.3em;
  }

}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960.1px) {
  #pjcbridge .exam_detail-table td.cell_cnt-1 {
    width: 120px;
    min-width: 120px;
  }
  #pjcbridge .exam_detail-table td.cell_cnt-2 {
    width: 48px;
  }
  #pjcbridge .exam_detail-table td.cell_cnt-3 {
    width: 255px;
    min-width: 255px;
  }
}
@media (hover: hover) {}


/*====================================================
////id |  pjcbridge evaluation
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
  #pjcbridge .evaluation-table .cell_cnt-1 {
    padding-left: 0;
    padding-right: 0;
    width: 60px;
      min-width: 60px;
  }

}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {}

@media (hover: hover) {}


/*====================================================
////id |  pjcbridge comparison
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
  #pjcbridge .comparison-img {
    border: solid 1px #D9D9D9;
    display: flex;
      justify-content: center;
    padding: 22px;
  }
  #pjcbridge .comparison-img img {
    max-width: 890px;
  }
}

@media (hover: hover) {}