@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.main {
  padding-bottom: 50px;
}
.main__inner {
  max-width: 1060px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .main__inner {
    padding-top: 10px;
  }
}

.paragraph {
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #000;
}

.search-block {
  margin-top: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 40px;
  border-radius: 10px;
  background-color: #ededed;
}
@media screen and (max-width: 768px) {
  .search-block {
    padding: 20px;
    border-radius: 5px;
  }
}
.search-block__hl {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.5;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  border-left: 5px solid #43a420;
}
@media screen and (max-width: 480px) {
  .search-block__hl {
    font-size: 1rem;
  }
}
.search-block__btn {
  width: max-content;
  margin: 30px auto;
    /*&--anchor {
      @include size(120px, 40px);
      display: inline-block;
      text-decoration: none;
      transition: $transition;
      overflow: hidden;
      background-color: #333;
      border-radius: 5px;
      position: relative;
      
      span{
        width: 100%;
        text-align: center;
        @include po_ab_tl(50% , 50%);
        @include translate(-50%, -50%);
        color:$c_white01!important;
        @include rem(14);
        font-weight: 500;
        font-family:$fontDefault;
      }

      &:hover{
        text-decoration: none;
      }
      @media (hover: hover) {
        &:hover{
          @include opacity;
        }
      }
    }*/
}
.search-block__btn--other {
  padding: 0;
  font: inherit;
  cursor: default;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  width: 120px;
  height: 40px;
  display: inline-block;
  text-decoration: none;
  transition: 0.1s linear;
  overflow: hidden;
  background-color: #333;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
}
.search-block__btn--other span {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #FFF !important;
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
}
.search-block__btn--other:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .search-block__btn--other:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}

.form-group__wrap {
  display: flex;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}
.form-group__wrap:first-of-type {
  margin-top: 20px;
}
.form-group__wrap:last-of-type {
  border-bottom: none;
  margin-bottom: 30px;
}
.form-group__wrap__paragraph {
  flex: 0 0 150px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #000;
}
@media screen and (max-width: 480px) {
  .form-group__wrap__paragraph {
    flex: 0 0 35%;
  }
}
.form-group__wrap .input-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.form-group__wrap .input-group__item {
  flex: 0 0 210px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .form-group__wrap .input-group__item {
    flex: 0 0 160px;
  }
}
.form-group__wrap .input-group__item input[type="radio"] {
  margin: 0;
  padding: 0;
  border: 1px solid #bbb;
  border-radius: 50%;
  background-color: #FFF;
  cursor: pointer;
  height: 15px;
  width: 15px;
  position: absolute;
  top: 50%;
  left: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.form-group__wrap .input-group__item input[type="radio"]:checked {
  background: url("../img/common/check.png") no-repeat;
  background-size: 15px;
  border: none;
}
.form-group__wrap .input-group__item label {
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #000;
  padding-left: 20px;
}
.form-group__wrap .input-group select[name="year"] {
  border: 1px solid #bbb;
  width: 100px;
}
.form-group__wrap .input-group select[name="department"] {
  border: 1px solid #bbb;
  width: 240px;
}
@media screen and (max-width: 768px) {
  .form-group__wrap .input-group select[name="department"] {
    width: 100%;
  }
}
.form-group__wrap .keyword__flex {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 900px) {
  .form-group__wrap .keyword__flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
}
.form-group__wrap .keyword__flex input[type="text"] {
  width: 330px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #000;
  border: 1px solid #bbb;
}
@media screen and (max-width: 768px) {
  .form-group__wrap .keyword__flex input[type="text"] {
    width: 100%;
  }
}
.form-group__wrap .keyword__flex span.underline-link {
  height: max-content;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #000;
}

.form-control {
  width: 100%;
  min-height: 40px;
  padding: 10px 15px;
  border: 1px solid #FFF;
  border-radius: 5px;
  background-color: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
  font-size: 0.875rem;
}
@media screen and (max-width: 480px) {
  .form-control {
    min-height: 45px;
    border-radius: 5px;
    padding: 5px;
    font-size: 0.9375rem;
  }
}
.form-control:focus {
  border-color: #e91e63;
  outline: none;
}

#switching1 {
  display: block;
}

#switching2 {
  display: none;
}

.update-block {
  margin-top: 40px;
}
.update-block__hl {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 8px;
  padding-left: 20px;
  border-left: 5px solid #43a420;
  position: relative;
}
@media screen and (max-width: 480px) {
  .update-block__hl {
    font-size: 1rem;
  }
}
.update-block__hl:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ddd;
}
.update-block ul {
  list-style: none;
  padding: 0;
  margin: 30px 0 0;
}
.update-block ul li {
  display: flex;
  gap: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 5px;
}
.update-block ul li .date {
  flex: 0 0 110px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #000;
}
@media screen and (max-width: 480px) {
  .update-block ul li .date {
    flex: 0 0 25%;
  }
}
.update-block ul li .txt {
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #000;
}

.popup {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.6);
  align-items: center;
  overflow-y: scroll;
}
.popup__inner {
  width: 100%;
  max-width: 580px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px 70px;
  background-color: #fff;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .popup__inner {
    width: 90%;
  }
}
@media screen and (max-width: 480px) {
  .popup__inner {
    padding: 40px 25px;
  }
}
.popup__inner h3 {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.5;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #000;
  padding-bottom: 40px;
}
@media screen and (max-width: 480px) {
  .popup__inner h3 {
    font-size: 1rem;
  }
}
.popup__inner p {
  font-size: 0.875rem;
  padding-bottom: 50px;
  text-align: left;
}
.popup__inner .close-btn {
  width: 120px;
  height: 40px;
  display: inline-block;
  text-decoration: none;
  transition: 0.1s linear;
  overflow: hidden;
  background-color: #333;
  border-radius: 5px;
  position: relative;
}
.popup__inner .close-btn span {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #FFF !important;
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
}