/*---JACからのお知らせ---*/
.info_tab{flex-basis: 740px;padding: 0;}
.s_box.info_tab{padding: 0 !important;}
.info_tab .tab{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;transform: rotate(0.03deg);/*M PLUS Rounded 1c対策*/}
html[lang="ja"] .info_tab .tab{font-family: 'M PLUS Rounded 1c', sans-serif;}
.info_tab .tab::after { clear: both; content: " "; display: block;}
.info_tab .tab li{
  text-align: center;display: table;flex-basis: 50%;font-size: 1.15em;background: #58626C;color: #FFFFFF;margin-right: 2px;margin-bottom: 2px;cursor: pointer;
  height: 42px;
  @media screen and (max-width: 990px) {
    height: auto;
  }
}
.info_tab .tab li span{display: table-cell;vertical-align: middle;}
.info_tab .tab li:hover{color: #FF8F00;}
.info_tab .tab li.select{flex-basis: 50%;font-size: 1.6em;background: #FFFFFF;color: #363B43;cursor: default;margin-bottom: 0;font-weight: 500;}
.info_tab .tab li.select span{padding: 4px 0;}
.info_tab .content li.hide{display: none;}
.info_tab .tab li:nth-child(1){border-radius: 5px 0 0 0;-webkit-border-radius: 5px 0 0 0;-moz-border-radius: 5px 0 0 0;}
.info_tab .tab li:nth-child(2){border-radius: 0 5px 0 0;-webkit-border-radius: 0 5px 0 0;-moz-border-radius: 0 5px 0 0;margin-right: 0;}
.info_tab .content{border-radius: 0 0 6px 6px;-webkit-border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;}
.info_tab .content li{padding: 25px 40px 20px;}
.info_tab .content li p.t_right{margin-top: 1em;}
.info_tab .content dl{margin: 5px 0 15px;}
.info_tab .content dl dt{margin-bottom: 0.6em;font-size: 0.85em;position: relative;padding: 0.2em 0;}
.info_tab .content dl dt::before{font-size: 1.05em;position: absolute;width: 6.5em;top: 0;left: 0;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;text-align: center;padding: 0.1em 0;color: #FFFFFF;}
/*.cat_event dt::before{content: "イベント";background: #FF7B00;}
.cat_information dt::before{content: "お知らせ";background: #009EEB;}
.cat_manual dt::before{content: "マニュアル";background: #A77DD9;}
.cat_examinfo dt::before{content: "試験情報";background: #61BB00;}
.cat_release dt::before{content: "ニュース";background: #ff7bdd;}*/
.new dt::after{font-size: 14px;position: absolute;top: 0;left: 7em;padding: 0.1em 0;width: 20px;height: 20px;}
.info_tab .content dl dd{line-height: 1.6;padding: 0 0 0 1em;}
.info_tab .content dl dd a{text-decoration: underline;}

.info_list dl dt {
    padding-left: 0;
}
.info_list dl dt::before {
    content: none !important;
}
.info_list dl dt span.icon_cat,
.info_list dl dt div.icon_cat {
    display: inline-block;
    position: relative;
    top:0;
    font-size: 0.857em;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    text-align: center;
    padding: 4px 0px;
    color: #FFFFFF;
    align-self: flex-start;
    line-height: 1em;
    margin-right: 20px;
    width: 95px;
}
.cat_event span.icon_cat, .cat_event div.icon_cat{background: #FF7B00;}
.cat_information span.icon_cat, .cat_information div.icon_cat{background: #009EEB;}
.cat_manual span.icon_cat, .cat_manual div.icon_cat{background: #A77DD9;}
.cat_examinfo span.icon_cat, .cat_examinfo div.icon_cat{background: #61BB00;}
.cat_release span.icon_cat, .cat_release div.icon_cat{background: #ff7bdd;}
.cat_case span.icon_cat, .cat_case div.icon_cat{background: #363b43;}
.cat_report span.icon_cat, .cat_report div.icon_cat {
  background: #00C696;
}

.spnone{display:block;}
@media screen and (max-width: 990px) {
/*---JACからのお知らせ---*/
.spnone{display:none;}
.info_tab .tab{width: 94%;margin: 0 auto 25px;}
.info_tab .tab li,.info_tab .tab li.select{flex-basis: 100%;border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;position: relative;font-size: 1em;margin-bottom: 0;}
.info_tab .tab li:before {content: "";position: absolute;top: 97%;left: 50%;margin-left: -15px;border: 15px solid transparent;border-top: 15px solid #58626C;}
.info_tab .tab li.select{background: none;}
.info_tab .tab li.select:before {content: "";position: absolute;top: 93%;left: 50%;margin-left: -12px;border: 12px solid transparent;border-top: 12px solid #FFF;z-index: 2;}
.info_tab .tab li.select:after {content: "";position: absolute;top: 97%;left: 50%;margin-left: -15px;border: 15px solid transparent;border-top: 15px solid #58626C;z-index: 1;}
.info_tab .tab li span{border: 3px solid #58626C;}
.info_tab .tab li.select span{background: #FFFFFF;}
.info_tab .tab li span,.info_tab .tab li.select span{padding: 0.8em 1em;}
.info_tab .content{background: #FFFFFF;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}
.info_tab .content li{padding: 25px 5% 25px;}
.info_tab .content li p.t_right{margin-top: 1em;}
}
.top_box_group dt span {display:inline-block;position: relative;top:-16px;}
.top_box_group dt span::before,.top_box_group dt span::after {font-size: 14px;width: 20px;height: 20px;}
.top_box_group dt span.new::before {content: "";position: absolute;top: 0;left: 0.6em;padding: 0.1em 0;background: url(/new_mark.svg) center center/contain no-repeat;}
.top_box_group dt span.pickup::after {content: "";position: absolute;top: 0;left: 0.6em;padding: 0.1em 0;background: url(/star.svg) center center/contain no-repeat;}
.top_box_group dt span.new.pickup::after {left: 2.6em;}

.info_tab .content dl dt {
    padding-left: 0 !important;
}
.info_tab .content dl dt::before {
    content: none;
}
.info_tab li.recr dl dt {
    padding-left: 2.8em !important;
}
.top_box_group dt span.icon_cat {
    display: inline-block;
    position: relative;
    top:0;
    font-size: 1.05em;
    width: 6.5em;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    text-align: center;
    color: #FFFFFF;
    margin-right: 0.5em;
    line-height: 1em;
    padding: 4px 0
}

/*---お問い合わせ（お電話・フォーム・よくあるご質問）---*/
.contact-cont {
  .contact-list {
    /* line-height: 2; */
  }

  .contact-list > div:nth-of-type(n + 2) {
    margin-top: 10px;
  }

  .contact-list a {
    border: 1px solid #0093cb;
    padding: 14px 20px 14px 40px;
    display: block;
    font-size: 16px;
    line-height: 1.6;

    &:nth-of-type(n + 2) {
      margin-top: 10px;
    }
  }

  .contact-list a.arrow_b:before {
    top: 19px;
    left: 13px;
  }

  .contact-list-after {
    font-size: 16px;
    margin-top: 24px;
    margin-bottom: 60px;
    display: block;
  }

  .flexbox {
    display: flex;
    align-items: flex-start;
    gap: 0px 50px;

    @media screen and (max-width: 768px) {
      flex-direction: column;
      align-items: center;
    }
  }

  .flexbox .text {
    flex-basis: 586px;
  }

  .flexbox .images {
    flex-basis: 344px;
  }

  .flexbox .images img {
    width: 100%;
    aspect-ratio: 344 / 250;
  }

  .contact-text p:nth-child(1) {
    margin-bottom: 10px;
  }

  .contact-text p:nth-child(2) {
    width: 420px;
    margin-bottom: 30px;
    text-align: center;

    @media screen and (max-width: 768px) {
      width: 100%;
    }
  }

  .h4_title {
    font-size: clamp(18px, 2.3vw, 23px);
    padding-left: 0;

    &:after {
      content: none;
    }
  }

  .res_gray__wrap {
    @media screen and (max-width: 900px) {
      overflow-x: scroll;
    }
  }

  table.res_gray {
    border-color: #d3dee6;
    margin-bottom: 40px;
    min-width: 800px;

    @media screen and (max-width: 680px) {
      border: 3px solid #d3dee6;
    }
  }

  table.res_gray tr {
    border-bottom: 3px solid #d3dee6;
  }

  table.res_gray th {
    background-color: #f3f8f9;
    color: #363b43;
    border-color: #d3dee6;
    text-align: left;
    vertical-align: top;
    padding: 16px;
    width: 291px;

    @media screen and (max-width: 680px) {
      display: table-cell;
    }
  }

  table.res_gray th p {
    font-size: 18px;
  }

  table.res_gray td {
    border-color: #d3dee6;

    @media screen and (max-width: 680px) {
      display: table-cell;
      border: 1px solid #d3dee6;
    }
  }

  table.res_gray td:nth-of-type(1) {
    width: 76px;
    padding: 12px;
    text-align: center;

    img {
      width: 77px;
    }
  }

  .notes {
    padding-left: 16px;
    margin-left: 10px;
    position: relative;

    &::before {
      content: "※";
      position: absolute;
      left: 0;
      top: 0;
    }
  }

  .txtlarge {
    font-weight: bold;
    font-size: 18px;
  }

  .connection {
    display: block;
    margin-top: 6px;
  }

  a.blue_btn {
    display: block;
    width: 247px;
    margin: 60px auto 0;
  }

  .fits {
    display: block;
    width: 252px;
    margin: 60px auto 0;
  }
}

/*---重要なお知らせ---*/
.important_notice {
    width: 1140px;
    margin: 0px auto 17px;
    padding: 16px 27px 16px 26px;
	background-color: #f3f8f9;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.important_notice li + li {
	margin-top: 16px;
}

.important_notice li a {
	position: relative;
	color: #d21900;
	font-size: 1.15em;
	padding-left: 22px;
	text-decoration: underline;
	display: inline-block;
    @media screen and (max-width: 680px) {
      font-size: 15px;
    }
}

.important_notice li span {
	position: relative;
	color: #d21900;
	font-size: 1.15em;
	padding-left: 22px;
	display: inline-block;
}

.important_notice li a:hover {
	color: #ff8f00;
}

.important_notice li a::before,
.important_notice li span::before {
	position: absolute;
	top: 3px;
	left: 0;
	content: "";
	width: 17px;
	height: 16px;
	background: url(../shared/img/icon/important_notice.svg) center no-repeat;
	background-size: contain;
	display: block;
}

@media screen and (max-width: 1200px) {
    .important_notice {
        width: 86%;
    }
}

@media screen and (max-width: 990px) {
    .important_notice {
        width: 100%;
    	margin: 0px auto 0;
	    padding: 20px 20px 20px 19px;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }
}