@charset "utf-8";

/* ↓↓↓ #event ↓↓↓ */
.-wb {
  display: inline-block;
}

.emergency {
  padding: 20px 0 0 0;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.8;
  color: #e4001b;
  text-align: justify;
  text-justify: inter-ideograph;
}

.emergency .-notes {
  display: inline-block;
  padding-left: 1em;
  padding-bottom: 10px;
}

#research .indexlead,
#career .indexlead,
#exhibition .indexlead,
#event .indexlead {
  padding: 35px 0 30px 0;
  font-size: 1.3rem;
  line-height: 2;
  text-align: justify;
  text-justify: inter-ideograph;
}

#career .indexlead .-red {
  color: #c50018;
}

#career .indexlead .-notes {
  display: block;
  margin-top: 10px;
  padding: 10px;
  font-weight: bold;
  border: 2px solid #008803;
  position: relative;
}

@media screen and (max-width: 750px) {
  #career .indexlead .-notes {
    padding: 20px;
  }
}

#career .indexlead .-notes .event-title {
  font-size: 1.4rem;
  color: #ffffff;
  background: #008803;
  position: absolute;
  padding: 0 8px;
  top: 0;
  left: 0;
}

@media screen and (max-width: 750px) {
  #career .indexlead .-notes .event-title {
    width: 100%;
    text-align: center;
    padding: 5px;
  }
}

#career .indexlead .-notes .event-info {
  padding-top: 25px;
}

@media screen and (max-width: 750px) {
  #career .indexlead .-notes .event-info {
    padding-top: 35px;
  }
}

#career .indexlead .-notes .event-info span {
  color: #008803;
  margin-right: 10px;
}

@media screen and (max-width: 750px) {
  #career .indexlead .-notes .event-info span {
    display: block;
  }
}

#event .-red_big {
  color: #c50018;
  font-size: 1.6rem;
  font-weight: bold;
}

#event .-red_big a {
  color: #c50018;
  text-decoration: underline;
}

#event .-red_big a:hover {
  opacity: .6;
}

@media screen and (max-width: 750px) {

  #research .indexlead,
  #career .indexlead,
  #exhibition .indexlead,
  #event .indexlead {
    padding: 20px 0 20px 0;
  }
}

#event .list {
  width: 100%;
  height: 280px;
  margin: 10px auto 0 auto;
}


#event .list a:hover {
  display: block;
  opacity: .7;
}

#event .list a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 2.0rem;
  position: relative;
}

#event .list a.job-station {
  background: url(../img/index_btn01_bg_pc.jpg)no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 480px) {
  #event .list a.job-station {
    background: url(../img/index_btn01_bg_sp.jpg)no-repeat;
    background-position: center center;
    background-size: cover;
  }
}

#event .list a.reserch-seminar {
  background: url(../img/index_btn02_bg_pc.jpg)no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 480px) {
  #event .list a.reserch-seminar {
    background: url(../img/index_btn02_bg_sp.jpg)no-repeat;
    background-position: center center;
    background-size: cover;
  }
}

#event .list a.exhibition {
  background: url(../img/index_btn03_bg.jpg)no-repeat;
  background-position: center center;
  background-size: cover;
}

#event .list a.job-station .imgs,
#event .list a.reserch-seminar .imgs,
#event .list a.exhibition .imgs {
  position: absolute;
  width: 400px;
  left: 28%;
  right: 28%;
  bottom: 5%;
  box-shadow: 1px 2px 17px -6px rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 750px) {

  #event .list a.job-station .imgs,
  #event .list a.reserch-seminar .imgs,
  #event .list a.exhibition .imgs {
    width: 80%;
    left: 10%;
    right: 10%;
  }
}

#event .list-notes {
  padding-top: 20px;
  padding-bottom: 0;
  text-indent: -1em;
  padding-left: 1em;
}

/* ↑↑↑ #event ↑↑↑ */

/* ↓↓↓ #exhibition ↓↓↓ */
#exhibition .box01 {
  padding-top: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #008803;
}

#exhibition .tab-nav {
  margin-top: 10px;
  border-bottom: solid 2px #008803;
  display: flex;
}

@media screen and (max-width: 750px) {
  #exhibition .tab-nav {
    border-bottom: 0;
    flex-direction: column;
  }
}

#exhibition .tab-nav li {
  width: 20%;
  height: 80px;
  background-color: #d9edd9;
  border-right: 2px solid #fff;
  font-size: 1.8rem;
  color: #008803;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
  position: relative;
}

@media screen and (max-width: 750px) {
  #exhibition .tab-nav li {
    width: 100%;
    font-size: 2.0rem;
    margin-bottom: 10px;
  }
}

#exhibition .tab-nav li::after {
  content: '';
  position: absolute;
  bottom: 10px;
  right: 50%;
  transform: translateX(50%);
  width: 12px;
  height: 7px;
  background: url(../img/tab-arrow-green.svg)no-repeat;
}

@media screen and (max-width: 750px) {
  #exhibition .tab-nav li::after {
    bottom: 50%;
    right: 20px;
    transform: translateY(50%);
  }
}

#exhibition .tab-nav li:last-of-type {
  border-right: 0;
}

#exhibition .tab-nav li:hover {
  opacity: .6;
}

#exhibition .tab-nav li:nth-of-type(4),
#exhibition .tab-nav li:nth-of-type(2),
#exhibition .tab-nav li:nth-of-type(1) {
  padding-top: 25px;
}

#exhibition .tab-nav li:nth-of-type(3),
#exhibition .tab-nav li:nth-of-type(5) {
  padding-top: 13px;
}

@media screen and (max-width: 750px) {

  #exhibition .tab-nav li:nth-of-type(1),
  #exhibition .tab-nav li:nth-of-type(2),
  #exhibition .tab-nav li:nth-of-type(3),
  #exhibition .tab-nav li:nth-of-type(4),
  #exhibition .tab-nav li:nth-of-type(5) {
    padding-top: 30px;
  }
}

#exhibition .tab-nav li.active {
  background-color: #008803;
  color: #fff;
}

#exhibition .tab-nav li.active::after {
  content: '';
  position: absolute;
  bottom: 10px;
  right: 50%;
  transform: translateX(50%);
  width: 12px;
  height: 7px;
  background: url(../img/tab-arrow-white.svg)no-repeat;
}

@media screen and (max-width: 750px) {
  #exhibition .tab-nav li.active::after {
    bottom: 50%;
    right: 20px;
    transform: translateY(50%);
  }
}

#exhibition .tab-contents {
  width: 100%;
  margin-top: 12px;
  font-size: 1.3rem;
  border-collapse: collapse;
}

#exhibition .tab-contents .-wb {
  display: inline-block;
}

#exhibition .tab-contents thead th {
  padding: 5px 15px;
  border: none;
  border: 1px solid #d9d9d9;
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
  box-sizing: content-box;
}

@media screen and (max-width: 750px) {
  #exhibition .tab-contents thead th {
    padding: 5% 0;
    font-size: 1.2rem;
    font-weight: bold;
  }
}

#exhibition .tab-contents thead th:nth-of-type(1) {
  min-width: 100px;
  width: 100px;
}

@media screen and (max-width: 750px) {
  #exhibition .tab-contents thead th:nth-of-type(1) {
    min-width: initial;
    width: 90px;
  }
}

#exhibition .tab-contents thead th:nth-of-type(2) {
  width: 50px;
}

#exhibition .tab-contents thead th:nth-of-type(3) {
  width: 50px;
}

#exhibition .tab-contents thead th:nth-of-type(4) {
  width: 95px;
}

#exhibition .tab-contents thead th:nth-of-type(5) {
  width: 235px;
}

#exhibition .tab-contents thead th:nth-of-type(6) {
  width: 115px;
}

#exhibition .tab-contents thead th:nth-of-type(7) {
  min-width: 85px;
}

#exhibition .tab-contents thead th:nth-of-type(8) {
  display: none;
}

@media screen and (max-width: 750px) {

  #exhibition .tab-contents thead th:nth-of-type(2),
  #exhibition .tab-contents thead th:nth-of-type(3),
  #exhibition .tab-contents thead th:nth-of-type(4),
  #exhibition .tab-contents thead th:nth-of-type(5),
  #exhibition .tab-contents thead th:nth-of-type(6),
  #exhibition .tab-contents thead th:nth-of-type(7) {
    display: none;
  }

  #exhibition .tab-contents thead th:nth-of-type(8) {
    display: table-cell;
  }
}

#exhibition .tab-contents tbody td {
  padding: 10px;
  vertical-align: middle;
}

#exhibition .tab-contents tbody tr:nth-child(even) {
  background-color: #e5e5e5;
}

#exhibition .tab-contents tbody tr:nth-child(odd) {
  background-color: #f2f2f2;
}

#exhibition .tab-contents tbody tr.evenColor {
  background-color: #e5e5e5 !important;
}

#exhibition .tab-contents tbody tr.oddColor {
  background-color: #f2f2f2 !important;
}

#exhibition .tab-contents tbody td:nth-of-type(1) {
  font-weight: bold;
  color: #008803;
}

@media screen and (max-width: 750px) {
  #exhibition .tab-contents tbody td:nth-of-type(1) {
    text-align: center;
  }
}

#exhibition .tab-contents tbody td:nth-of-type(6) {
  text-align: center;
}

#exhibition .tab-contents tbody .-oneline {
  display: none;
}

#exhibition .tab-contents tbody td.sp-data {
  display: none;
}

@media screen and (max-width: 750px) {

  #exhibition .tab-contents tbody td:nth-of-type(2),
  #exhibition .tab-contents tbody td:nth-of-type(3),
  #exhibition .tab-contents tbody td:nth-of-type(4),
  #exhibition .tab-contents tbody td:nth-of-type(5),
  #exhibition .tab-contents tbody td:nth-of-type(6),
  #exhibition .tab-contents tbody td:nth-of-type(7) {
    display: none;
  }

  #exhibition .tab-contents tbody td.sp-data {
    line-height: 1.8;
    display: table-cell;
    text-align: left;
  }

  #exhibition .tab-contents tbody td.sp-data span,
  #exhibition .tab-contents tbody td.sp-data span {
    color: #008803;
    font-weight: bold;
    display: block;
  }
}

#exhibition .tab-contents .-center {
  text-align: center;
}

/* ↑↑↑ #exhibition ↑↑↑ */

/* ↓↓↓ #career ↓↓↓ */
#career .subtitle {
  margin-bottom: 0.7em;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  color: #008803;
}

.contents-box#career {
  padding: 0 0 140px 0;
}

.contents-box .title01_wrapper {
  max-width: 1265px;
  height: 100%;
  margin: 0 -157.5px;
  box-sizing: border-box;
  padding: 0 157.5px;
  height: 300px;
  border-bottom: solid 4px #008803;
  position: relative;
  background-image: url(../img/career_bg_pc.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.contents-box .title01_wrapper .title01_bg {
  height: 100%;
}

.contents-box .title01_wrapper .title01_bg .title01 {
  width: 100%;
  max-width: 607px;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

.contents-box .title01_wrapper .title01_bg .title01 picture {
  width: 100%;
}

@media screen and (max-width: 1024px) and (min-width: 751px) {
  .contents-box .title01_wrapper .title01_bg .title01 {
    margin-left: 56px;
  }
}

@media screen and (max-width: 750px) {
  .contents-box .title01_wrapper {
    height: 75.934vw;
    padding: 0;
    margin: 0 -4.5%;
    background-image: url(../img/career_bg_sp.jpg);
  }

  .contents-box .title01_wrapper .title01_bg .title01 {
    width: auto;
    margin: 0 4%;
    max-width: none;
  }
}



/* 
@media screen and (max-width: 1050px) {
  .contents-box .title01_wrapper .title01_bg .title01 {
    padding-left: 70px;
  }
}

@media screen and (max-width: 750px) {
  .contents-box .title01_wrapper .title01_bg .title01 {
    display: none;
  }
} */
.contents-box .title01_wrapper .title01_bg.-research {
  background: url(../img/research_bg_pc.jpg) center center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 750px) {
  .contents-box .title01_wrapper .title01_bg.-research {
    background: url(../img/research_bg_sp.jpg) center center no-repeat;
    background-size: cover;
  }
}

#career.contents-box h1.pagetitle{
  background: url(../../../../common/img/icn_pagetitle.png) no-repeat left top;
}

#career.contents-box .title-banner{
  padding: 0 0 0 30px;
  box-sizing: border-box;
  font-size: 2rem;
  font-weight: bold;
  color: #000;
  position: relative;
}

#career.contents-box .title-banner::before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 20px;
  border-color: transparent transparent transparent #018802;
}

#career .tab-caption {
  font-size: 1.6rem;
  font-weight: bold;
  color: #008803;
}

@media screen and (max-width: 750px) {
  #career .tab-caption {
    font-size: 1.4rem;
    text-align: center;
  }
}

#career .tab-group,
#career .link-group {
  margin-top: 10px;
  margin-bottom: 80px;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 750px) {
  #career .tab-group,
  #career .link-group {
    margin-bottom: 40px;
    flex-direction: column;
  }
}

#career .tab-group li {
  flex: 1;
  /* width: 50%; */
  /* background-color: #008803; */
  background-color: rgba(0, 136, 3,.7);
  border-right: 2px solid #fff;
  text-align: center;
}

@media screen and (max-width: 750px) {
  #career .tab-group li {
    width: 100%;
    border-right: 0;
    margin-bottom: 1px;
    text-align: left;
  }
}

#career .tab-group li:hover {
  background-color: rgba(0, 136, 3,1);
}

@media screen and (max-width: 750px) {
  #career .tab-group li {
    background-color: rgba(0, 136, 3,.7);
  }
}

#career .tab-group li:last-of-type,
#career .link-group li:last-of-type {
  border-right: 0;
}

#career .tab-group li.-new,
#career .link-group li.-new {
  position: relative;
}

#career .tab-group li.-new::before,
#career .link-group li.-new::before {
  content: 'NEW!';
  position: absolute;
  font-size: 2.5rem;
  font-weight: bold;
  color: #ff0000;
  top: -35px;
  left: 5px;
}

@media screen and (max-width: 750px) {
  #career .tab-group li.-new::before,
  #career .link-group li.-new::before {
    font-size: 1.8rem;
    top: 4px;
    left: 18px;
  }
}

#career .tab-group li a,
#career .link-group li a {
  height: 100px;
  font-size: calc((17 - 14) * ((100vw - 750px) / (1280 - 750)) + 14px);
  font-weight: bold;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

#career .tab-group li a img {
  /* max-width: 100%; */
  max-width: 90%;
  width: auto;
}

@media (min-width:1281px) {
  #career .tab-group li a,
  #career .link-group li a {
    font-size: 1.7rem;
  }
}

@media screen and (max-width: 750px) {
  #career .tab-group li a,
  #career .link-group li a {
    padding-left: 20px;
    font-size: 1.5rem;
    justify-content: flex-start;
  }
}

#career .tab-group li a::after,
#career .link-group li a::after {
  content: '';
  position: absolute;
  bottom: 10px;
  right: 50%;
  transform: translateX(50%);
  width: 12px;
  height: 7px;
  background: url(../img/tab-arrow-white.svg)no-repeat;
}

@media screen and (max-width: 750px) {
  #career .tab-group li a::after,
  #career .link-group li a::after {
    bottom: 50%;
    right: 10px;
    transform: translateY(50%);
    width: 15px;
    height: 10px;
  }
  #career .link-group li.exhibition-btn a::after {
    bottom: 53px;
  }
}

#career .tab-group li a:hover,
#career .link-group li a:hover {
  text-decoration: none;
}

#career .link-group  li{
  width: calc((100% - 14px)/2);
  color: #fff;
  background-color: rgba(112, 175, 34,.8);
  text-align: center;
}

#career .link-group  li.exhibition-btn {
  background: url(../img/career_btn_bg2.png) no-repeat;
  background-size: contain;
  background-position: center;
  background-color: rgb(66, 192, 239, .8);
  border-radius: 14px;
}

#career .link-group  li.event-btn {
  background: url(../img/career_btn_bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  background-color: rgb(0, 107, 4, .8);
  border-radius: 14px;
}
#career .link-group  li+li {
  margin-left: 14px;
}

#career .link-group  li a {
  height: 140px;
}

#career .link-group  li.exhibition-btn a {
  padding-top: 38px;
}

@media screen and (max-width: 750px) {
  #career .link-group  li{
    width: 100%;
    border-right: 0;
    margin-bottom: 1px;
    text-align: left;
  }

  #career .link-group  li+li {
    margin-left: unset;
    margin-top: 20px;
  }
}

#career .link-group li.exhibition-btn:hover {
  background-color: rgb(66, 192, 239, 1);
}

#career .link-group  li.event-btn:hover {
  background-color: rgb(0, 107, 4, 1);
}

#career .caption {
  margin-bottom: 10px;
  font-size: 2.0rem;
  font-weight: bold;
  color: #008803;
}

#career .carrer-main_title {
  height: 110px;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(#70af22, #008803, #005e03);
  padding: 0 15px;
}
@media screen and (max-width: 750px) {
  #career .carrer-main_title {
    font-size: 26px;
    line-height: 1.3;
  }
}

#career .carrer-main_title .deco {
  margin-right: 32px;
}
@media screen and (max-width: 750px) {
  #career .carrer-main_title .deco {
    width: 100px;
    flex-shrink: 0;
    margin-right: 12px;
  }
}

#career .carrer-main_title .-wb {
  display: inline-block;
}

#career .carrer-event_title {
  /* padding-top: 40px; */
  display: flex;
  justify-content: center;
}

#career .carrer-event_title h2 {
  font-size: 3rem;
  color: #008803;
}

#career .box1{
  margin-top: 60px;
}

@media screen and (max-width: 750px) {
  #career .box1{
    margin-top: 30px;
  }
}

#career .carrer-event_title .lead-text {
  font-size: 2rem;
  font-weight: bold;
  color: #008803;
}

#career .movie-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media screen and (max-width: 750px) {
  #career .movie-list {
    flex-direction: column;
  }
}

#career .box1 .movie-list {
  margin-top: 20px;
}

#career .movie-list li {
  width: calc((100% - 25px) / 2);
  position: relative;
  height: 74px;
  margin-right: 25px;
  text-align: center;
  margin-bottom: 24px;
  background-color: #004803;
  opacity: .9;
  box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
}

#career .movie-list li.one {
  width: 100%;
  margin-right: 0;
}

#career .movie-list li .-new {
  position: relative;
}

#career .movie-list li .-new::before {
  content: 'NEW!';
  position: absolute;
  font-size: 2.5rem;
  font-weight: bold;
  color: #ff0000;
  top: 5px;
  left: 10px;
}

@media screen and (max-width: 750px) {
  #career .movie-list li .-new::before {
    font-size: 2rem;
  }
}

#career .movie-list li.-conpany {
  height: 173px;
  background: url(../img/movie_btn_bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  background-color: rgba(0, 113, 188, .6);
}

#career .movie-list li.-strategies::before,
#career .movie-list li.-station::before,
#career .movie-list li.-transportation::before,
#career .movie-list li.-vehicle::before,
#career .movie-list li.-machine::before,
#career .movie-list li.-railroads::before,
#career .movie-list li.-construction::before,
#career .movie-list li.-architecture::before,
#career .movie-list li.-system::before,
#career .movie-list li.-it::before,
#career .movie-list li.-area::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(1, 1, 1, 0.5);
}

#career .movie-list li.-strategies {
  background: url(../img/movie_btn_bg_2.png) no-repeat;
  background-size: cover;
  background-position: center;
}

#career .movie-list li.-station {
  background: url(../img/movie_btn_bg_3.png) no-repeat;
  background-size: cover;
  background-position: center;
}

#career .movie-list li.-transportation {
  background: url(../img/movie_btn_bg_4.png) no-repeat;
  background-size: cover;
  background-position: center;
}

#career .movie-list li.-vehicle {
  background: url(../img/movie_btn_bg_5.png) no-repeat;
  background-size: cover;
  background-position: center;
}

#career .movie-list li.-machine {
  background: url(../img/movie_btn_bg_6.png) no-repeat;
  background-size: cover;
  background-position: center;
}

#career .movie-list li.-railroads {
  background: url(../img/movie_btn_bg_7.png) no-repeat;
  background-size: cover;
  background-position: center;
}

#career .movie-list li.-construction {
  background: url(../img/movie_btn_bg_8.png) no-repeat;
  background-size: cover;
  background-position: center;
}

#career .movie-list li.-architecture {
  background: url(../img/movie_btn_bg_9.png) no-repeat;
  background-size: cover;
  background-position: center;
}

#career .movie-list li.-system {
  background: url(../img/movie_btn_bg_10.png) no-repeat;
  background-size: cover;
  background-position: center;
}

#career .movie-list li.-it {
  background: url(../img/movie_btn_bg_11.png) no-repeat;
  background-size: cover;
  background-position: center;
}

#career .movie-list li.-dev_estates {
  background: url(../img/movie_btn_bg_13.png) no-repeat;
  background-size: cover;
  background-position: center;
}

#career .movie-list li.-suica {
  background: url(../img/movie_btn_bg_14.png) no-repeat;
  background-size: cover;
  background-position: center;
}

#career .movie-list li.-d_marketing {
  background: url(../img/movie_btn_bg_15.png) no-repeat;
  background-size: cover;
  background-position: center;
}

#career .movie-list li.-area {
  height: 120px;
  background: url(../img/movie_btn_bg_12.png) no-repeat;
  background-size: cover;
  background-position: center;
}

#career .movie-list li::after {
  content: "";
  position: absolute;
  right: 1.5%;
  bottom: 8%;
  width: 14px;
  height: 14px;
  background-image: linear-gradient(-45deg, #ffffff 10px, transparent 0);
}

#career .movie-list li a {
  position: relative;
  height: 100%;
  color: #ffffff;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.35;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 25px;
  z-index: 1;
}

#career .movie-list li.-conpany a {
  font-size: 2rem;
}

@media screen and (max-width: 480px) {
  #career .movie-list li a {
    font-size: 4.5vw;
  }

  #career .movie-list li.-conpany a {
    font-size: 5.6vw;
  }
}

@media screen and (max-width: 750px) {
  #career .movie-list li {
    width: 100%;
    margin-bottom: 14px;
    margin-right: 0;
  }
  #career .movie-list li a {
    padding: 15px;
  }
}

#career .movie-list li:hover {
  opacity: 1;
}

#career .movie-list li:nth-of-type(2n) {
  margin-right: 0;
}

#career .movie-list li h3 {
  display: block;
  padding-top: 27px;
  padding-bottom: 20px;
  margin-bottom: 36px;
  font-size: calc((22 - 16) * ((100vw - 750px) / (1050 - 750)) + 16px);
  font-weight: bold;
  color: #008803;
  text-align: center;
  line-height: 1.0;
  background: url(../img/index_bg01.gif) repeat-x left bottom;
}

@media screen and (min-width: 1050px) {
  #career .movie-list li h3 {
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 750px) {
  #career .movie-list li h3 {
    margin-bottom: 5%;
    font-size: 1.8rem;
    background-size: 6px 4px;
  }
}

#career .event_wrap{
  margin: 126px auto 0;
}

#career .event_wrap:first-of-type {
  margin: 60px auto 0;
}

@media screen and (max-width: 750px) {
  #career .event_wrap{
    margin: 60px auto 0;
  }
}

#career .event_wrap .lead-text{
  margin: 40px auto 0;
}

@media screen and (max-width: 375px) {
  #career .event_wrap .lead-text{
    margin: 20px auto 0;
  }
}

#career .schedule {
  width: 100%;
  background-color: #E8E8E8;
  padding: 60px 35px;
  margin: 20px auto 0;
}

@media screen and (max-width: 750px) {
  #career .schedule {
    padding: 30px 15px;
  }
}

#career .schedule .inner+.inner {
  margin-top: 100px;
}

@media screen and (max-width: 750px) {
  #career .schedule .inner+.inner {
    margin-top: 50px;
  }
}

.reserve-block {
  padding: 0 20px;
  margin: 35px auto 0;
}

@media screen and (max-width: 750px) {
  .reserve-block {
    padding: 0 6.445%;
    margin: 25px auto 0;
  }
}

#career .schedule .inner .seminar-btn2 {
  position: relative;
  width: min(100%,240px);
  height: 40px;
  font-size: 1.4rem;
  font-weight: lighter;
  color: #fff;
  border: #000 1px solid;
  background-color: #000;
  /* border-radius: 4px; */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px 0 15px;
  margin-top: 10px;
}

#career .schedule .inner .seminar-btn2:hover {
  background-color: rgba(0,0,0,.7);
  text-decoration: unset;
}

#career .schedule .inner .seminar-btn2::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #fff;
  transform: translateY(-50%);
  top: 50%;
  right: 7px;
}

#career .schedule .inner .seminar-btn {
  position: relative;
  max-width: 540px;
  display: flex;
  justify-content: center;
  margin: 60px auto 0;
}

@media screen and (max-width: 375px) {
  #career .schedule .inner .seminar-btn{
    margin-top: 40px;
  }
}

#career .schedule .inner .seminar-btn .link-icon {
  position: absolute;
  translate: 0 -50%;
  top: 50%;
  right: 20px;
  width: 14px;
}
@media screen and (max-width: 750px) {
  #career .schedule .inner .seminar-btn .link-icon {
    right: 10px;
    width: 12px;
  }
}

#career .schedule .inner .seminar-btn img {
  width: 100%;
  height: auto;
}

#career .schedule .inner .seminar-btn:hover{
  opacity: .6;
}

#career .schedule .inner .schedule-box{
  display: flex;
  margin-bottom: 25px;
  align-items: center;
}

@media screen and (max-width: 750px) {
  #career .schedule .inner .schedule-box {
    flex-direction: column;
  }
}

#career .schedule .inner .schedule-box:last-child{
  margin-bottom: 0;
}

#career .schedule .inner .schedule-box .day_module {
  background: #008803;
  text-align: center;
  color: #ffffff;
  padding: 5%;
  max-height: 240px;
  width: 35%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

#career .schedule .inner .schedule-box .-middle {
  max-height: 430px;
}

@media screen and (max-width: 750px) {
  #career .schedule .inner .schedule-box .-middle {
    max-height: initial;
  }
}

@media screen and (max-width: 750px) {
  #career .schedule .inner .schedule-box .day_module {
    font-size: min(max(1rem, calc(1rem + ((1vw - 0.2rem) * 0.4651))));
    min-height: 0vw;
  }
}

@media screen and (max-width: 750px) {
  #career .schedule .inner .schedule-box .day_module{
    width: 100%;
    font-size: 1.4rem;
    padding: 3%;
    height: auto;
  }
}

#career .schedule .inner .schedule-box .day_module span{
  display: block;
  font-size: 2rem;
  margin-bottom: 10px;
}

@media screen and (max-width: 750px) {
  #career .schedule .inner .schedule-box .day_module span {
    font-size: 1.8rem;
    margin-bottom: 5px;
  }
}

#career .schedule .inner .schedule-box .schedule_module{
  color: #333333;
  padding: 5%;
  width: 65%;
}

@media screen and (max-width: 750px) {
  #career .schedule .inner .schedule-box .schedule_module{
    width: 100%;
    padding: 0;
  }
}

#career .schedule .inner .schedule-box .schedule_module .title{
  text-align: center;
  font-weight: bold;
  font-size: 2.1rem;
  margin-bottom: 20px;
}

@media screen and (max-width: 750px) {
  #career .schedule .inner .schedule-box .schedule_module .title{
    display: none;
  }
}

#career .schedule .inner .title {
  font-weight: bold;
  font-size: 2.1rem;
  margin-bottom: 20px;
  position: relative;
}

#career .schedule .inner .title .title-text{
  position: absolute;
  top: 0;
  left: 73%;
  transform: translateX(-73%);
  -webkit-transform: translateX(-73%);
  -ms-transform: translateX(-73%);
  white-space: nowrap;
}

@media screen and (max-width: 750px) {
  #career .schedule .inner .title .title-text {
    position: relative;
    display: flex;
    justify-content: center;
  }
}

#career .schedule .inner .schedule-box .schedule_module .inner-box{
  background: #ffffff;
  border: 1px solid #008803;
  padding: 3%;
}

@media screen and (max-width: 750px) {
  #career .schedule .inner .schedule-box .schedule_module .inner-box {
    padding: 3%;
  }
}

#career .schedule .inner .schedule-box .schedule_module .inner-box .notes {
  padding-top: 10px;
  text-align: left;
  padding-left: 1em;
  text-indent: -1em;
}

#career .schedule .inner .schedule-box .schedule_module .inner-box .schedule_line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1em;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 750px) {
  #career .schedule .inner .schedule-box .schedule_module .inner-box .schedule_line{
    flex-direction: column;
    padding: 0 3%;
  }
}

#career .schedule .inner .schedule-box .schedule_module .inner-box .schedule_line>.schedule_time {
  font-size: 1.8rem;
  line-height: 3rem;
}

@media screen and (max-width: 950px) {
  #career .schedule .inner .schedule-box .schedule_module .inner-box .schedule_line>.schedule_time{
    font-size: min(max(0.875rem, calc(0.875rem + ((1vw - 0.46875rem) * 2))), 1.7rem);
    min-height: 0vw;
    text-align: left;
  }
}

@media screen and (max-width: 750px) {
  #career .schedule .inner .schedule-box .schedule_module .inner-box .schedule_line>.schedule_time {
    font-size: 1.8rem;
    margin: 2% 0;
    text-align: left;
  }
}

#career .schedule .inner .schedule-box .schedule_module .inner-box .time::before {
  content: "\025b6";
  position: relative;
}

@media screen and (max-width: 750px) {
  #career .schedule .inner .schedule-box .schedule_module .inner-box .time::before {
    left: -10px;
  }
}

@media screen and (max-width: 750px) {
  #career .schedule .inner .schedule-box .schedule_module .inner-box .time::before {
    content: "\025bc";
    position: relative;
    left: 0;
  }
}

#career .schedule .inner .schedule-box .schedule_module .inner-box .event-box {
  min-width: 260px;
}

@media screen and (max-width: 750px) {

  #career .schedule .inner .schedule-box .schedule_module .inner-box .event-box{
    width: 100%;
  }
}

#career .schedule .inner .schedule-box .schedule_module .inner-box .event-box .event {
  background: #8FAADC;
  color: #ffffff;
  font-size: 1.7rem;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  border-radius: 8px;
  margin: 5px 0;
  line-height: 2.2rem;
}

#career .schedule .inner .schedule-box .schedule_module .inner-box .event-box .event {
  background: #8FAADC;
  color: #ffffff;
  font-size: 1.7rem;
  width: 260px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 18px;
  border-radius: 8px;
  margin: 5px 0;
  line-height: 2.2rem;
}

@media screen and (max-width: 750px) {
  #career .schedule .inner .schedule-box .schedule_module .inner-box .event-box .event {
    width: 100%;
  }
}

#career .schedule .inner .schedule-box .schedule_module .inner-box .event-box .event {
  background: #8FAADC;
  color: #ffffff;
  font-size: 1.7rem;
  width: 260px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 18px;
  border-radius: 8px;
  margin: 5px 0;
  line-height: 2.2rem;
}

#career .schedule .inner .schedule-box .schedule_module .inner-box .event-box .attention{
  font-size: 1.2rem;
  text-align: right;
}

@media screen and (max-width: 750px) {
  #career .schedule .inner .schedule-box .schedule_module .inner-box .event-box .event {
    width: 100%;
  }
}

#career .schedule .inner .schedule-box .schedule_module .inner-box .-woman {
  background: #e6826e !important;
}

#career .schedule .inner .schedule-box .schedule_module .inner-box .-railroads {
  background: #008803 !important;
}

#career .schedule .inner .schedule-box .schedule_module .inner-box .-building {
  background: #7ac843 !important;
}

#career .schedule .inner .schedule-box .schedule_module .inner-box .-systems {
  background: #0096be !important;
}

#career .schedule .inner .schedule-box .schedule_module .inner-box .-construction {
  background: #50c8f0 !important;
}

#career .schedule .inner .schedule-box .schedule_module .inner-box .-vehicle {
  background: #e95142 !important;
}

#career .schedule .inner .schedule-box .schedule_module .inner-box .-machine {
  background: #ff921e !important;
}

#career .schedule .inner .schedule-box .schedule_module .inner-box .-architecture {
  background: #be78aa !important;
}

#career .schedule .inner .schedule-box .schedule_module .inner-box .-project {
  background: #d5accf !important;
}

#career .schedule .inner .schedule-box .schedule_module .inner-box .-station {
  background: #5a86a3 !important;
}

@media screen and (max-width: 950px) {
  #career .schedule .inner .schedule-box .schedule_module .inner-box .event{
    font-size: min(max(0.875rem, calc(0.875rem + ((1vw - 0.46875rem) * 4))), 1.4rem);
    min-height: 0vw;
  }
}

@media screen and (max-width: 750px) {
  #career .schedule .inner .schedule-box .schedule_module .inner-box .event{
    width: 100%;
    font-size: 1.8rem;
    padding: 0 20px;
  }
}

#career .seminar-block{
  width: 100%;
  min-height: 139px;
  color: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  margin-bottom: 27px;
}
#career .seminar-block.-normal {
  justify-content: flex-start;
  padding: 35px 35px 30px;
  margin-bottom: unset;
}
#career .seminar-block.-normal+.-normal {
  margin-top: 2px;
}
@media screen and (max-width: 1050px) {
  #career .seminar-block{
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 750px) {
  #career .seminar-block.-normal {
    padding: 30px 20px 25px;
  }
}

#career .seminar-block .nomal-block+.nomal-block {
  margin-top: 36px;
}
@media screen and (max-width: 750px) {
  #career .seminar-block .nomal-block+.nomal-block {
    margin-top: 28px;
  }
}
#career .seminar-block.-normal .seminar-head {
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #career .seminar-block.-normal .seminar-head {
    font-size: 1.8rem;
  }
}
#career .seminar-block.-normal .seminar-head+.seminar-wrap {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  #career .seminar-block.-normal .seminar-head+.seminar-wrap {
    margin-top: 20px;
  }
}
#career .seminar-block.-normal .seminar-wrap {
  display: flex;
  gap: 20px min(calc(48/1280*100vw),48px);
}
#career .seminar-block.-normal .seminar-wrap.-column {
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  #career .seminar-block.-normal .seminar-wrap {
    flex-direction: column;
  }
}
#career .seminar-block.-normal .seminar-wrap+.seminar-wrap {
  margin-top: 35px;
}
#career .seminar-block.-normal .date_haed {
  align-self: flex-start;
  font-size: 1.6rem;
  background-color: #000;
  color: #fff;
  display: inline-block;
  padding: 4px 6px;
  flex-shrink: 0;
}
#career .seminar-block.-normal .time_group {
  width: 100%;
  display: flex;
  gap: 12px 10px;
  flex-wrap: wrap;
  flex: 1;
  align-self: center;
}
@media screen and (max-width: 768px) {
  #career .seminar-block.-normal .time_group {
    flex-direction: column;
    align-self: unset;
  }
}
#career .seminar-block.-normal .time_group .time {
  width: calc((100% - 10px)/2);
  font-size: clamp(1.6rem,18/1280*100vw,1.8rem);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #career .seminar-block.-normal .time_group .time {
    width: 100%;
    font-size: 1.6rem;
  }
}

#career .seminar-block .normal-head {
  width: fit-content;
  font-size: 1.8rem;
  letter-spacing: 0.055em;
  line-height: 1;
  color: #fff;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 10px 6px;
}
@media screen and (max-width: 750px) {
  #career .seminar-block .normal-head {
    font-size: 1.6rem;
    letter-spacing: 0.025em;
  }
}

#career .seminar-block .nomal-block .txt-group {
  margin-top: 20px;
}
@media screen and (max-width: 750px) {
  #career .seminar-block .nomal-block .txt-group {
    margin-top: 15px;
  }
}

#career .seminar-block .normal-ttl {
  width: fit-content;
  font-size: 2.1rem;
  font-weight: 700;
  letter-spacing: 0.055em;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 750px) {
  #career .seminar-block .normal-ttl {
    font-size: 1.8rem;
    letter-spacing: 0.025em;
  }
}

#career .seminar-block .normal-txt {
  font-size: 1.4rem;
  line-height: 2;
  text-align: justify;
}

#career .seminar-block .nomal-block .normal-txt {
  margin-top: 15px;
}
@media screen and (max-width: 750px) {
  #career .seminar-block .nomal-block .normal-txt {
    margin-top: 10px;
  }
}

#career .seminar-block .normal-head+.date-group {
  margin-top: 8px;
}

#career .seminar-block .date-group {
  margin-top: 12px;
}
@media screen and (max-width: 750px) {
  #career .seminar-block .date-group {
    margin-top: 14px;
  }
}

#career .seminar-block .date-group .date-txt {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.055em;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  #career .seminar-block .date-group .date-txt {
    font-size: 1.6rem;
    letter-spacing: 0.025em;
  }
}

#career .seminar-block .date-group .-red {
  font-size: 1.6rem;
  color: #ff0000;
}

#career .seminar-block .date-group .date-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 40px;
}

#career .seminar-block .date-group .date-flex+.date-flex {
  margin-top: 3px;
}

#career .seminar-block .date-group .arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent #000;
  margin-right: 6px;
}

#career .seminar-block.-new {
  position: relative;
}

#career .seminar-block.-new::before {
  content: 'NEW!';
  position: absolute;
  font-size: 1.8rem;
  font-weight: bold;
  color: #ff0000;
  top: 5px;
  left: 5px;
}

#career .seminar-block .emergency {
  word-break: break-all;
  padding-left: 42px;
  padding-right: 42px;
}

#career .seminar-block .emergency .-wb {
  display: inline-block;
}

@media screen and (max-width: 1050px) {
  #career .seminar-block .emergency {
    max-width: calc(480px + 6.35%*2);
    width: 100%;
    padding-left: 6.35%;
    padding-right: 6.35%;
    margin: 0 auto;
  }
}

#career .seminar-block.-blue{
  background-color: #B7C7E7;
}

#career .seminar-block.-lite-blue{
  background-color: #BFE6F6;
}

#career .seminar-block.-red{
  background-color: #EDAB9E;
}

#career .seminar-block.-orange{
  background-color: #FABE78;
  /* min-height: 253px; */
}

#career .seminar-block.-lite-orange{
  background-color: #FDDFB1;
  /* min-height: 253px; */
}

#career .seminar-block.-yellow{
  background-color: #F5E5BE;
}

#career .seminar-block.-green{
  background-color: #B2DBB3;
}

#career .seminar-block.-white{
  background-color: #fff;
}

#career .seminar-block.-childcare{
  background-color: #ffcaea;
}

#career .seminar-block.-crossing{
  background-color: #dbaeff;
}

#career .seminar-block.-shougai {
  background-color: #f6f9ff;
}

#career .seminar-block .seminar-inner{
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1050px) {
  #career .seminar-block .seminar-inner{
    flex-direction: column;
  }
}

#career .seminar-block .seminar-inner+.seminar-inner{
  margin-top: 35px;
}

@media screen and (max-width: 750px) {
  #career .seminar-block .seminar-inner+.seminar-inner{
    margin-top: 80px;
  }  
}

#career .seminar-block .title-box{
  max-width: 330px;
  width: 100%;
  font-size: 1.8rem;
  font-weight: bold;
  border-right: 1px solid #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding:0 2.274%;
  margin-right: 2.842%;
}

#career #theme .seminar-block .title-box {
  max-width: 400px;
}

@media screen and (max-width: 1050px) {
  #career .seminar-block .title-box,
  #career #theme .seminar-block .title-box{
    max-width: 510px;
    border-right: unset;
    border-bottom: 1px solid #000;
    padding: 0 0 12px;
    margin-right: unset;
    margin: 0 auto 30px;
  }
}

@media screen and (max-width: 750px) {
  #career .seminar-block .title-box{
    max-width: unset;
    width: auto;
    font-size: 1.6rem;
    margin: 0 6.445% 30px;
  }
}

#career .seminar-block .title-box .seminar-title{
  text-align: center;
}

#career .seminar-block .title-box .seminar-title .-wb{
  display: inline-block;
}

#career .seminar-block .title-box a.seminar-title{
  color: inherit;
  text-decoration: unset;
}

#career .seminar-block .seminar-container{
  /* max-width: 450px; */
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 3.51%;
}

@media screen and (max-width: 1050px) {
  #career .seminar-block .seminar-container{
    max-width: calc(510px + 6.35%*2);
    margin: 0 auto;
    padding-right: unset;
    padding: 0 6.35%;
  }
}

#career .seminar-block .seminar-container .seminar-headblock {
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}

#career .seminar-block .seminar-inner .link {
  position: relative;
  max-width: 240px;
  width: 100%;
  height: 40px;
  font-size: 1.4rem;
  font-weight: lighter;
  color: #fff;
  background-color: #008803;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  margin-top: 15px;
}

@media screen and (max-width: 480px) {
  #career .seminar-block .seminar-inner .link {
    margin-top: 8px;
  }
}

#career .seminar-block .seminar-inner .link.black {
  font-size: 1.2rem;
  background-color: #000;
  padding: 0 22px 0 15px;
}

#career .seminar-block .seminar-inner .link.black::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #fff;
  translate: 0 -50%;
  top: 50%;
  right: 10px;
}

#career .seminar-block .seminar-inner .link:hover {
  opacity: .7;
  text-decoration: unset;
}

#career .seminar-block .seminar-inner .link .icon {
  content: '';
  position: absolute;
  display: inline-block;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  top: 50%;
  right: 10px;
}

#career .seminar-block .seminar-inner .link .icon::before {
  content: '';
  position: absolute;
  background: url(../img/icon_outlink.svg) no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
}

#career .seminar-block .seminar-inner .link+.red {
  margin-top: 10px;
}

#career .seminar-block .seminar-inner .red {
  font-size: 1.4rem;
  color: #c50018;
}

#career .seminar-block .seminar-container .seminar-wrap:not(:first-child) {
  margin-top: 40px;
}
 
@media screen and (max-width: 750px) {
  #career .seminar-block .seminar-container .seminar-wrap {
    max-width: 275px;
    width: 100%;
    margin: 0 auto;
  }
}

#career .seminar-block .seminar-container .seminar-item {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 1050px) {
  #career .seminar-block .seminar-container .seminar-item {
    justify-content: space-between;
  }
}

#career .seminar-block .seminar-container .seminar-item:not(:first-child) {
  margin-top: 15px;
}

#career .seminar-block .seminar-container .seminar-item.sp_only {
  display: none;
}


@media screen and (max-width: 750px) {
  #career .seminar-block .seminar-container .seminar-item.sp_only {
    display: block;
    margin-top: 5px;
    margin-bottom: 20px;
  }
  #career .seminar-block .seminar-container .seminar-item.sp_only:last-of-type {
    margin-bottom: 0;
  }
}

#career .seminar-block .seminar-container .seminar-item.l-layout {
  position: relative;
}
#career .seminar-block .seminar-container .seminar-item.l-layout .area-info {
  width: 100%;
  margin-right: unset;
}
#career .seminar-block .seminar-container .seminar-item.l-layout .period-group {
  width: auto;
}
#career .seminar-block .seminar-container .seminar-item.l-layout .period-time {
  flex: 1;
}
#career .seminar-block .seminar-container .seminar-item.l-layout :is(.seminar-headblock,.deadline) {
  font-size: 1.4rem;
}
#career .seminar-block .seminar-container .seminar-item.l-layout .deadline-info {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 750px) {
  #career .seminar-block .seminar-container .seminar-wrap:has(.l-layout) {
    max-width: unset;
  }
  #career .seminar-block .seminar-container .seminar-item.l-layout {
    flex-direction: column;
    max-width: fit-content;
    width: 100%;
    margin: 0 auto;
  }
  #career .seminar-block .seminar-container .seminar-item.l-layout .period-group {
    flex-wrap: wrap;
    padding-left: unset;
  }
  #career .seminar-block .seminar-container .seminar-item.l-layout .period-time {
    flex: unset;
  }
  #career .seminar-block .seminar-container .seminar-item.l-layout .deadline-info {
    position: inherit;
  }
}

#career .seminar-block .seminar-container .area-info {
  margin-right: 50px;
}

/* #career .seminar-block .-noarea .seminar-container .area-info {
  margin-right: 0;
} */

@media screen and (max-width: 750px) {
  #career .seminar-block .seminar-container .area-info {
    margin-right: 0;
  }
}

#career .seminar-block .seminar-container .seminar-area {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 3px;
  width: 100%;
}

#career .seminar-block .seminar-container .seminar-item:not(:first-child) .seminar-area {
  margin-top: 20px;
}

#career .seminar-block .seminar-container .seminar-headblock {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 3px;
}

#career .seminar-block .seminar-container .seminar-headblock .attention {
  font-size: 1.4rem;
  padding-left: 2em;
}

@media screen and (max-width: 750px) {
  #career .seminar-block .seminar-container .seminar-headblock .attention {
    padding-left: 0;
  }
}

#career .seminar-block .seminar-container .period-group {
  display: flex;
  width: 300px;
  padding-left: 20px;
}

#career #theme .seminar-block .seminar-container .period-group {
  width: 255px;
  padding-left: 0;
}

#career .seminar-block .-noarea .seminar-container .period-group {
  width: 290px;
  padding-left: 0;
}

@media screen and (max-width: 750px) {
  #career .seminar-block .seminar-container .period-group {
    width: auto;
    padding-left: 15px;
  }

  #career #theme .seminar-block .seminar-container .period-group,
#career .seminar-block .-noarea .seminar-container .period-group {
    width: auto;
    padding-left: 0;
  }
}

#career .seminar-block .seminar-container .period-date,
#career .seminar-block .seminar-container .period-time {
  font-size: 1.8rem;
  font-weight: bold;
}

#career .seminar-block .seminar-container .period-date {
  position: relative;
  width: 136px;
  padding: 0 20px;
}

#career .seminar-block .seminar-container .period-time .s-txt {
  font-size: 1.4rem;
  line-height: 1.4;
  display: block;
}

#career #theme .seminar-block .seminar-container .period-date {
  width: 120px;
  padding: 0 10px 0 20px;
}

@media screen and (max-width: 750px) {
  #career .seminar-block .seminar-container .period-date,
  #career #theme .seminar-block .seminar-container .period-date {
    width: 120px;
    padding: 0 12px;
  }
}

#career .seminar-block .seminar-container .period-date::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent #000;
  top: 6px;
  left: 0;
}

@media screen and (max-width: 750px) {
  #career .seminar-block .seminar-container .period-date::before {
    border-width: 5px 0 5px 10px;
  }
}

@media screen and (max-width: 750px) {
  #career .seminar-block .seminar-container .deadline-info {
    margin-top: 5px;
  }
  #career .seminar-block .seminar-container .deadline-info .seminar-headblock {
    display: inline-block;
    font-weight: lighter;
    color: #000;
    border-bottom: 1px solid #000;
  }
  #career .seminar-block .seminar-container .seminar-item .sp_only {
    display: inline-block;
  }
}

#career .seminar-block .seminar-container .period-date .-from {
  writing-mode: vertical-rl;
  display: block;
  height: 27px;
  margin: 0 auto;
  padding: 5px 15px 0 0;
}

#career .seminar-block .seminar-container .deadline {
  width: 116px;
  text-align: right;
  font-size: 1.6rem;
  font-weight: bold;
  padding-left: 20px;
}

#career .seminar-block .-noarea .seminar-container .deadline  {
  /* width: 196px; */
  padding-left: 10px;
}

@media screen and (max-width: 750px) {
  #career .seminar-block .seminar-container .deadline,
  #career .seminar-block .-noarea .seminar-container .deadline {
    width: 100%;
    text-align: left;
    padding-left: 0;
  }
}

#career .seminar-block .seminar-container .deadline .line {
  display: inline-block;
  font-weight: lighter;
  color: #000;
  border-bottom: 1px solid #000;
}

#career .seminar-block .seminar-container .area-info .sitelink {
  width: 100%;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0.055em;
  line-height: 1.2;
  color: #000;
  text-align: center;
  background-color: #FFFF00;
  border: 1px solid #000;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  gap: 6px 27px;
  padding: 10px 15px;
  transition: opacity ease .3s;
}
@media screen and (max-width: 750px) {
  #career .seminar-block .seminar-container .area-info .sitelink {
    font-size: 1.8rem;
    flex-direction: column;
  }
}

#career .seminar-block .seminar-container .area-info .sitelink .red {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1;
  color: #FF0000;
  animation: txtBlinking 1s ease infinite;
}
@keyframes txtBlinking {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#career .seminar-block .seminar-container .area-info .sitelink:hover {
  opacity: .7;
  text-decoration: unset;
}

#career .accordion-lead {
  margin: 20px auto 0;
}

#career .accordion-lead .-green {
  color: #007F3B;
}

#career .accordion {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 20px auto 0;
}

#career .accordion .accordion-tag-list {
  background-color: #fff;
  padding: 32px 36px 20px;
}

#career .accordion .accordion-tag-list .group {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
@media screen and (max-width: 950px) {
  #career .accordion .accordion-tag-list .group {
    flex-wrap: wrap;
  }
}

#career .accordion .accordion-tag-list .group+.group {
  margin-top: 15px;
}

#career .accordion :is(.tag.-green,.cat_tag.-green) {
  --acc-cat-bg: #8DBF4E;
}
#career .accordion :is(.tag.-blue,.cat_tag.-blue) {
  --acc-cat-bg: #4982D0;
}
#career .accordion :is(.tag.-l_blue,.cat_tag.-l_blue) {
  --acc-cat-bg: #64CFFF;
}
#career .accordion :is(.tag.-brown,.cat_tag.-brown) {
  --acc-cat-bg: #C69365;
}
#career .accordion :is(.tag.-ocher,.cat_tag.-ocher) {
  --acc-cat-bg: #DE9300;
}
#career .accordion :is(.tag.-purple,.cat_tag.-purple) {
  --acc-cat-bg: #D5ACCF;
}
#career .accordion :is(.tag.-orange,.cat_tag.-orange) {
  --acc-cat-bg: #FCB021;
}

#career .accordion .accordion-tag-list .group .tag {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
}
#career .accordion .accordion-tag-list .group .tag.-half {
  flex: 2;
}
@media screen and (max-width: 950px) {
  #career .accordion .accordion-tag-list .group .tag {
    width: calc((100% - 10px)/2);
    flex: unset;
  }
  #career .accordion .accordion-tag-list .group .tag.-half {
    width: 100%;
    flex: unset;
  }
}
@media screen and (max-width: 750px) {
  #career .accordion .accordion-tag-list .group .tag {
    width: 100%;
  }
}

#career .accordion .accordion-tag-list .group .tag .wb {
  display: inline-block;
}

#career .accordion .accordion-tag-list .group .tag .tag_head {
  width: 70px;
  height: 34px;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.055em;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--acc-cat-bg);
}

#career .accordion .accordion-tag-list .group .tag .tag_txt {
  flex: 1;
  font-size: 1.4rem;
}

#career .accordion .accordion-tag-list .group .tag .note {
  width: 100%;
  font-size: 1rem;
  color: var(--acc-cat-bg);
}

#career .accordion .accordion-item {
  background-color: #fff;
  cursor: pointer;
}

#career .accordion .head_group {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 34px 16px;
}
@media screen and (max-width: 750px) {
  #career .accordion .head_group {
    flex-wrap: wrap;
    gap: 6px;
    padding: 16px 20px 12px;
  }
}

#career .accordion.-two_col {
  --acco-column-num: 2;
}
#career .accordion.-three_col {
  --acco-column-num: 3;
}
#career .accordion .head_group .cat {
  --acco-tag-width: 70px;
  --acco-column-gap: 9px;
  width: calc(var(--acco-tag-width)*var(--acco-column-num) + var(--acco-column-gap)*calc(var(--acco-column-num) - 1));
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 4px var(--acco-column-gap);
  margin-right: 15px;
}
@media screen and (max-width: 750px) {
  #career .accordion .head_group .cat {
    width: 100%;
    margin-right: unset;
  }
}

#career .accordion .head_group .cat_tag {
  min-width: var(--acco-tag-width);
  height: 34px;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.055em;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--acc-cat-bg);
  padding: 10px;
}

#career .accordion .head_group .cat_tag.cat_general {
  --acc-cat-bg: #E88E7D;
}
#career .accordion .head_group .cat_tag.cat_area {
  --acc-cat-bg: #179FC4;
}
#career .accordion .head_group .cat_tag.cat_job {
  --acc-cat-bg: #E0871E;
}

#career .accordion .head_group .accordion_head {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  line-height: 1.4;
  text-align: start;
  flex: 1;
}
@media screen and (max-width: 750px) {
  #career .accordion .head_group .accordion_head {
    text-align: justify;
  }
}


#career .accordion .head_group .toggle {
  position: relative;
  width: 30px;
  height: auto;
  aspect-ratio: 1/1;
  background-color: #007F3B;
  border-radius: 50%;
  margin-left: 10px;
}

#career .accordion .head_group .toggle::before,
#career .accordion .head_group .toggle::after {
  content: '';
  position: absolute;
  width: 14px;
  height: 1px;
  background-color: #fff;
  top: 14px;
  left: 8px;
  transition: rotate ease .3s;
}
#career .accordion .head_group .toggle::after {
  rotate: 270deg;
  transform-origin: center;
}
#career .accordion .accordion-item.active .toggle::after {
  rotate: 0deg;
}

#career .accordion .accordion_contents {
  display: none;
  padding: 18px 41px 42px;
}
@media screen and (max-width: 750px) {
  #career .accordion .accordion_contents {
    padding: 10px 20px 32px;
  }
}

#career .accordion .accordion_contents .contents_txt {
  font-size: 1.4rem;
  text-align: justify;
  line-height: 2;
}
@media screen and (max-width: 750px) {
  #career .accordion .accordion_contents .contents_txt {
    line-height: 1.8;
  }
}

#career .accordion .accordion_contents .accordion-seminar {
  display: grid;
  grid-template-columns: auto auto;
  gap: 28px;
  place-content: center;
  margin: 30px auto 0;
}
@media screen and (max-width: 750px) {
  #career .accordion .accordion_contents .accordion-seminar {
    gap: 20px;
    margin: 28px auto 0;
  }
}

#career .accordion .accordion_contents .accordion-seminar-inner {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  gap: 2px 14px;
}
@media screen and (max-width: 750px) {
  #career .accordion .accordion_contents .accordion-seminar-inner {
    max-width: fit-content;
    grid-template-columns: auto;
    place-items: center;
    margin: 0 auto;
  }
}

/* #career .accordion .accordion_contents .accordion-seminar-inner .title-box {
  max-width: 300px;
} */
@media screen and (max-width: 750px) {
  #career .accordion .accordion_contents .accordion-seminar-inner .title-box {
    width: auto;
    text-align: center;
  }
}

#career .accordion .accordion_contents .accordion-seminar-inner .seminar-title {
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  #career .accordion .accordion_contents .accordion-seminar-inner .seminar-title {
    font-size: 1.6rem;
  }
}

#career .accordion .accordion_contents .accordion-seminar-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#career .accordion .accordion_contents .accordion-seminar-container .seminar-item {
  display: flex;
  gap: 0 20px;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #career .accordion .accordion_contents .accordion-seminar-container .seminar-item {
    max-width: 275px;
    flex-wrap: wrap;
  }
}
#career .accordion .accordion_contents .accordion-seminar-container .area-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#career .accordion .accordion_contents .accordion-seminar-container .period-group {
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  flex-shrink: 0;
  display: flex;
  gap: 0px 10px;
  padding-left: 20px;
}
@media screen and (max-width: 750px) {
  #career .accordion .accordion_contents .accordion-seminar-container .period-group {
    font-size: 1.6rem;
    flex-shrink: unset;
    flex-wrap: wrap;
  }
}

#career .accordion .accordion_contents .accordion-seminar-container .period-group::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent #007F3B;
  top: 6px;
  left: 0;
}

#career .accordion .accordion_contents .accordion-seminar-container .seminar-headblock {
  font-size: 1.4rem;
}

#career .accordion .accordion_contents .accordion_schedule {
  max-width: 735px;
  display: flex;
  justify-content: space-between;
  gap: 28px 20px;
  margin: 0 auto;
}
#career .accordion .accordion_contents .accordion_schedule:has(.accordion_schedule_wrap) {
  align-items: flex-start;
  gap: 28px 48px;
  margin-top: 20px;
}
@media screen and (max-width: 750px) {
  #career .accordion .accordion_contents .accordion_schedule {
    max-width: 470px;
    flex-direction: column;
    justify-content: unset;
  }
}

#career .accordion .accordion_contents .accordion_schedule .accordion_schedule_wrap {
  max-width: min-content;
  display: flex;
  flex-wrap: wrap;
}

#career .accordion .accordion_contents .accordion_schedule .date_group {
  max-width: 520px;
  width: 100%;
}

#career .accordion .accordion_contents .accordion_schedule .accordion_schedule_wrap .date_group {
  display: flex;
  gap: 4px;
}

#career .accordion .accordion_contents .accordion_schedule .date {
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  #career .accordion .accordion_contents .accordion_schedule .date {
    font-size: 1.6rem;
  }
}

#career .accordion .accordion_contents .accordion_schedule .time_group {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
  gap: 10px 15px;
  margin-top: 10px;
}
@media screen and (max-width: 750px) {
  #career .accordion .accordion_contents .accordion_schedule .time_group {
    grid-template-columns: repeat(auto-fit,minmax(135px,1fr));
    gap: 8px 10px;
    margin-top: 8px;
  }
}

#career .accordion .accordion_contents .accordion_schedule .accordion_schedule_wrap .time_group {
  margin-top: unset;
}

#career .accordion .accordion_contents .accordion_schedule .time_group .time {
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  #career .accordion .accordion_contents .accordion_schedule .time_group .time {
    font-size: 1.6rem;
  }
}

#career .accordion .accordion_contents .accordion_schedule .accordion_schedule_wrap .place {
  width: max-content;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  margin-top: 4px;
}

#career .accordion .accordion_contents .accordion_schedule .info_group {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 750px) {
  #career .accordion .accordion_contents .accordion_schedule .info_group {
    gap: 10px;
  }
}

#career .accordion .accordion_contents .accordion_schedule .info_group .info {
  font-size: 1.2rem;
  text-decoration: underline;
}

#career .event-note{
  text-align: center;
  padding-left: 1em;
  text-indent: -1em;
  margin-top: 20px;
}

@media screen and (max-width: 750px) {
  #career .event-note{
    text-align: unset;
  }
}

#career .footnote {
  padding-top: 50px;
  line-height: 1.7;
  font-size: 1.6rem;
}

@media screen and (max-width: 750px) {
  #career .footnote {
    font-size: 1.4rem;
    padding-top: 25px;
  }
}

.application-flow {
  margin: 60px auto 0;
}

@media screen and (max-width: 750px) {
  .application-flow {
    margin: 40px auto 0;
  }
}

#career .seminar-htxt,
#career .footnote span:not(.indent) {
  color: #008803;
  font-weight: bold;
  display: block;
  font-size: 2rem;
  padding-bottom: 10px;
}

#career .footnote p {
  padding-left: 1em;
  text-indent: -1em;
}
#career .footnote p .indent {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
}

/* 
#career .understanding {
  padding-bottom: 100px;
}

@media screen and (max-width: 750px) {
  #career .understanding {
    padding-bottom: 50px;
  }
}

#career .table01,
#career .table02,
#career .table03,
#career .table04,
#career .table05 {
  width: 100%;
  font-size: 1.3rem;
  line-height: 1.5;
  border-collapse: collapse;
  border: 1px solid #808080;
}

#career .table01,
#career .table04,
#career .table05 {
  margin-bottom: 30px;
}

#career .table01 th,
#career .table02 th,
#career .table03 th,
#career .table04 th,
#career .table05 th {
  padding: 20px 0;
  background: #999;
  color: #ffffff;
  border: solid 1px #808080;
  vertical-align: middle;
}

#career .table01 td,
#career .table02 td,
#career .table03 td,
#career .table04 td,
#career .table05 td {
  padding: 14px 5px 9px 5px;
  border: solid 1px #808080;
  text-align: center;
  font-weight: bold;
  background: #f2f2f2;
  vertical-align: middle;
}

#career .table01 td .red,
#career .table02 td .red,
#career .table03 td .red,
#career .table04 td .red,
#career .table05 td .red {
  color: #ff0000;
}

#career .table01 td .line,
#career .table02 td .line,
#career .table03 td .line,
#career .table04 td .line,
#career .table05 td .line {
  text-decoration: line-through #ff0000;
}

#career .table04 .left,
#career .table01 .left {
  text-align: left;
}

#career .table04 .left a,
#career .table01 .left a,
#career .table05 .left a {
  color: #333;
  text-decoration: underline;
}

#career .table04 .left a:hover,
#career .table01 .left a:hover,
#career .table05 .left a:hover {
  opacity: .6;
}

#career .table01 td:first-of-type #career .table02 td:nth-of-type(3) {
  font-size: 1.4rem;
  color: #008803;
}

@media screen and (max-width: 750px) {

  #career .table01,
  #career .table02,
  #career .table03,
  #career .table04,
  #career .table05 {
    border: 0;
  }

  #career .table01 thead,
  #career .table02 thead,
  #career .table03 thead,
  #career .table04 thead,
  #career .table05 thead {
    display: none;
  }

  #career .table01 tbody tr,
  #career .table02 tbody tr,
  #career .table03 tbody tr,
  #career .table04 tbody tr,
  #career .table05 tbody tr {
    margin-top: 15px;
    border-bottom: solid 1px #808080;
    display: flex;
    flex-direction: column;
  }

  #career .table01 tbody tr:first-of-type,
  #career .table02 tbody tr:first-of-type,
  #career .table03 tbody tr:first-of-type,
  #career .table04 tbody tr:first-of-type,
  #career .table05 tbody tr:first-of-type {
    margin-top: 0;
  }

  #career .table01 tbody td,
  #career .table02 tbody td,
  #career .table03 tbody td,
  #career .table04 tbody td {
    border-bottom: 0;
    position: relative;
    text-align: left;
    padding-left: 27%;
  }

  #career .table05 tbody td {
    border-bottom: 0;
    position: relative;
    text-align: left;
    padding-left: 43%;
  }

  #career .table01 tbody td::before,
  #career .table02 tbody td::before,
  #career .table03 tbody td::before,
  #career .table04 tbody td::before {
    position: absolute;
    content: attr(aria-label);
    top: 0%;
    left: 0%;
    width: 25%;
    height: 100%;
    background-color: #999999;
    color: #ffffff;
    font-size: 1.3rem;
    white-space: pre;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  #career .table05 tbody td::before {
    position: absolute;
    content: attr(aria-label);
    top: 0%;
    left: 0%;
    width: 40%;
    height: 100%;
    background-color: #999999;
    color: #ffffff;
    font-size: 1.3rem;
    white-space: pre;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}

#career .table01 th:nth-of-type(1) {
  width: 7%;
}

#career .table01 th:nth-of-type(2) {
  width: 9%;
}

#career .table01 th:nth-of-type(3) {
  width: 5%;
}

#career .table01 th:nth-of-type(4) {
  width: 20%;
}

#career .table01 th:nth-of-type(5) {
  width: 10%;
}

#career .table01 th:nth-of-type(6) {
  width: 4%;
}

#career .table01 th:nth-of-type(7) {
  width: 8%;
}

#career .table02 th:nth-of-type(1) {
  width: 14%;
}

#career .table02 th:nth-of-type(2) {
  width: 20%;
}

#career .table02 th:nth-of-type(3) {
  width: 16%;
}

#career .table02 th:nth-of-type(4) {
  width: 10%;
}

#career .table02 th:nth-of-type(5) {
  width: 8%;
}

#career .table02 th:nth-of-type(6) {
  width: 6%;
}

#career .table02 th:nth-of-type(7) {
  width: 10%;
}

#career .table02 th:nth-of-type(8) {
  width: 6%;
}

@media all and (-ms-high-contrast: none) {}

#career .table03 th:nth-of-type(1) {
  width: 10%;
}

#career .table03 th:nth-of-type(2) {
  width: 15%;
}

#career .table03 th:nth-of-type(3) {
  width: 11%;
}

#career .table03 th:nth-of-type(4) {
  width: 11%;
}

#career .table03 th:nth-of-type(5) {
  width: 11%;
}

#career .table03 th:nth-of-type(6) {
  width: 5%;
}

#career .table03 th:nth-of-type(7) {
  width: 5%;
}

#career .table03 th:nth-of-type(8) {
  width: 10%;
}

@media all and (-ms-high-contrast: none) {}

@media screen and (max-width: 750px) {
  #career .table04 td:nth-of-type(3) {
    height: 75px;
    display: flex;
    align-items: center;
  }
}

#career .table04 th:nth-of-type(1) {
  width: 10%;
}

#career .table04 th:nth-of-type(2) {
  width: 13%;
}

#career .table04 th:nth-of-type(3) {
  width: 31%;
}

#career .table04 th:nth-of-type(4) {
  width: 14%;
}

#career .table04 th:nth-of-type(5) {
  width: 14%;
}

#career .table04 th:nth-of-type(6) {
  width: 6%;
}

#career .table04 th:nth-of-type(7) {
  width: 12%;
}

#career .table05 th:nth-of-type(1) {
  width: 3%;
}

#career .table05 th:nth-of-type(2) {
  width: 4%;
}

#career .table05 th:nth-of-type(3) {
  width: 10%;
}

#career .table05 th:nth-of-type(4) {
  width: 3%;
}

#career .table05 th:nth-of-type(5) {
  width: 3%;
}

#career .table05 th:nth-of-type(6) {
  width: 4%;
} */

#career .method-group {
  margin-top: 80px;
}

@media screen and (max-width: 750px) {
  #career .method-group {
    margin-top: 40px;
  }
}

#research .method-group h3,
#career .method-group h3 {
  margin-bottom: 18px;
  font-size: 2.0rem;
  font-weight: bold;
  color: #008803;
}

@media screen and (max-width: 750px) {

  #research .method-group h3,
  #career .method-group h3 {
    margin-bottom: 20px;
    padding-bottom: 15px;
    text-align: center;
    background: url(../img/method-group_line.png) repeat-x left bottom;
    background-size: 6px 4px !important;
  }
}

#career .method-group .subscription-btn {
  width: 56.843%;
  margin: 80px auto 0 auto;
  display: block;
}

@media screen and (max-width: 750px) {
  #career .method-group .subscription-btn {
    width: 100%;
    margin: 20px auto 0 auto;
  }
}

#career .method-group .subscription-btn a {
  display: block;
  width: 100%;
  height: 100%;
}

#career .method-group .subscription-btn a:not(.-gray):hover {
  opacity: .6;
}

#career .method-group .cap1 {
  margin-top: 20px;
  font-size: 1.4rem;
  line-height: 1.8;
  text-align: center;
}

#research .cap2,
#career .method-group .cap2 {
  margin-top: 76px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #c50018;
  text-align: center;
}

@media screen and (max-width: 750px) {
  #career .method-group .cap2 {
    margin-top: 30px;
  }

  #research .cap2 {
    margin-top: 40px;
  }
}

#career .method-group .cap3title {
  display: block;
  margin-top: 90px;
  font-size: 2.0rem;
  font-weight: bold;
}

@media screen and (max-width: 750px) {
  #career .method-group .cap3title {
    margin-top: 30px;
    padding-bottom: 15px;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.5;
    color: #008803;
    text-align: center;
    background: url(../img/method-group_line.png) repeat-x left bottom;
    background-size: 6px 4px !important;
  }
}

#career .method-group .cap3 {
  padding-top: 20px;
}

#career .method-group .cap3 li {
  display: block;
  padding-left: 1.0em;
  text-indent: -1.0em;
  font-size: 1.4rem;
  line-height: 2;
}

#career .method-group .cap3 li .fte {
  display: flex;
}

@media screen and (max-width: 750px) {
  #career .method-group .cap3 li .fte {
    flex-wrap: wrap;
  }
}

#career .method-group .cap3 li .fte span {
  text-indent: 0em;
  display: block;
}

/* #career .method-group .cap3 li .fte span:nth-of-type(1) {
  width: 145px;
} */

@media screen and (max-width: 750px) {
  #career .method-group .cap3 li .fte span:nth-of-type(1) {
    width: 100%;
    font-weight: bold;
  }
}

#career .table-notes {
  padding-top: 20px;
  padding-bottom: 0;
  text-indent: -1em;
  padding-left: 1em;
}

#career .table-notes a {
  text-decoration: underline;
}

#career .notes-group,
#career .area,
#career .symposium {
  width: 100vw;
  padding-top: 90px;
  padding-bottom: 100px;
  margin: 0 calc(50% - 50vw);
  background: #e0e0e0;
}

#research .notes-group {
  width: 100vw;
  padding-top: 90px;
  margin: 0 calc(50% - 50vw);
  background: #fff;
}

#career .notes-group {
  padding-top: 0;
}

@media screen and (max-width: 750px) {

  #research .notes-group,
  #career .notes-group,
  #career .area,
  #career .symposium {
    padding-top: 40px;
  }
}

#research .notes-group .wrap,
#career .notes-group .wrap,
#career .experience .wrap,
#career .area .wrap,
#career .symposium .wrap {
  max-width: 970px;
  margin: 0 auto;
  padding: 0 10px;
}


#career .area,
#career .experience {
  padding-top: 90px;
  padding-bottom: 100px;
}

#career .-second_block {
  padding-top: 70px !important;
}

@media screen and (max-width: 750px) {
  #career .area #career .experience {
    padding-top: 40px;
  }
}

#research .notes-group .wrap .caution,
#career .notes-group .wrap .caution {
  padding: 18px 20px 23px;
  border: solid 2px #008803;
  text-align: center;
  background: #ffffff;
}

#research .notes-group .wrap .caution h5,
#career .notes-group .wrap .caution h5 {
  font-size: 1.6rem;
  font-weight: bold;
  color: #008803;
}

#research .notes-group .wrap .caution em,
#career .notes-group .wrap .caution em {
  display: block;
  padding-top: 15px;
  font-size: 1.6rem;
  font-weight: bold;
  font-style: normal;
}

#research .notes-group .wrap .caution p,
#career .notes-group .wrap .caution p {
  padding-top: 5px;
  font-size: 1.4rem;
}

@media screen and (max-width: 750px) {

  #career .notes-group {
    padding-top: 0;
  }
}

/* ↑↑↑ #career ↑↑↑ */

/* ↓↓↓ #career ↓↓↓ */
.contents-box#research {
  padding: 0 0 140px 0;
}

#research .box01,
#research .box02,
#research .box03 {
  width: 100vw;
  padding: 80px 0;
  margin: 0 calc(50% - 50vw);
}

@media screen and (max-width: 750px) {

  #research .box01,
  #research .box02,
  #research .box03 {
    padding: 40px 0;
  }

}

#research .box01,
#research .box03 {
  background: #e0e0e0;
}

#research .box02 {
  background: #fff;
}

#research .box01 .wrap,
#research .box02 .wrap,
#research .box03 .wrap {
  max-width: 970px;
  margin: 0 auto;
  padding: 0 10px;
}

#research .box01 .wrap h3,
#research .box02 .wrap h3,
#research .box03 .wrap h3 {
  font-size: 2.0rem;
  font-weight: bold;
}

#research .box01 .wrap p,
#research .box02 .wrap p {
  padding-top: 6px;
  padding-bottom: 90px;
  font-size: 1.4rem;
  line-height: 2.0;
}

@media screen and (max-width: 750px) {

  #research .box01 .wrap p,
  #research .box02 .wrap p {
    padding-bottom: 30px;
  }
}

#research .box01 .wrap .pagetitle span,
#research .box02 .wrap .pagetitle span {
  color: #008803;
}

#research .box01 .wrap .caption,
#research .box02 .wrap .caption {
  padding-top: 30px;
  padding-bottom: 10px;
  font-size: 2.0rem;
  font-weight: bold;
  color: #008803;
}

#research .box01 .wrap .table01,
#research .box02 .wrap .table01 {
  width: 100%;
  font-size: 1.3rem;
  line-height: 1.5;
  border-collapse: collapse;
}

@media screen and (max-width: 750px) {

  #research .box01 .wrap .table01,
  #research .box02 .wrap .table01 {
    margin-top: 20px;
  }
}

#research .box01 .wrap .table01 th,
#research .box02 .wrap .table01 th {
  padding: 13px 0;
  letter-spacing: 1px;
  line-height: 1.3;
  background: #999;
  color: #ffffff;
  border: solid 1px #808080;
  vertical-align: middle;
}

#research .box01 .wrap .table01 th:nth-of-type(1),
#research .box02 .wrap .table01 th:nth-of-type(1) {
  width: 2%;
}

#research .box01 .wrap .table01 th:nth-of-type(2),
#research .box02 .wrap .table01 th:nth-of-type(2) {
  width: 24%;
}

#research .box01 .wrap .table01 th:nth-of-type(3),
#research .box02 .wrap .table01 th:nth-of-type(3) {
  width: 24%;
}

#research .box01 .wrap .table01 th:nth-of-type(4),
#research .box02 .wrap .table01 th:nth-of-type(4) {
  width: 10%;
}

#research .box01 .wrap .table01 th:nth-of-type(5),
#research .box02 .wrap .table01 th:nth-of-type(5) {
  width: 15%;
}

#research .box01 .wrap .table01 th:nth-of-type(6),
#research .box02 .wrap .table01 th:nth-of-type(6) {
  width: 14%;
}

#research .box01 .wrap .table01 th:nth-of-type(7),
#research .box02 .wrap .table01 th:nth-of-type(7) {
  width: 11%;
}

#research .box01 .wrap .table01 td,
#research .box02 .wrap .table01 td {
  padding: 14px 8px 9px 8px;
  border: none;
  text-align: center;
  font-weight: bold;
  background: #f2f2f2;
  border: solid 1px #808080;
  vertical-align: middle;
}

@media screen and (max-width: 750px) {

  #research .box01 .wrap .table01 thead,
  #research .box02 .wrap .table01 thead {
    display: none;
  }

  #research .box01 .wrap .table01 tr,
  #research .box02 .wrap .table01 tr {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    border-bottom: solid 1px #808080;
  }

  #research .box01 .wrap .table01 tr:first-of-type,
  #research .box02 .wrap .table01 tr:first-of-type {
    margin-top: 0;
  }

  #research .box01 .wrap .table01 td,
  #research .box02 .wrap .table01 td {
    border-bottom: 0;
    position: relative;
    text-align: left;
    padding-left: 37%;
  }

  #research .box01 .wrap .table01 td::before,
  #research .box02 .wrap .table01 td::before {
    position: absolute;
    content: attr(aria-label);
    top: 0%;
    left: 0%;
    width: 35%;
    height: 100%;
    background-color: #999999;
    color: #ffffff;
    font-size: 1.3rem;
    text-align: center;
    white-space: pre;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media screen and (max-width: 480px) {

  #research .box01 .wrap .table01 td,
  #research .box02 .wrap .table01 td {
    padding-left: 45%;
  }

  #research .box01 .wrap .table01 td::before,
  #research .box02 .wrap .table01 td::before {
    width: 43%;
  }
}

#research .exhibitor-list {
  border: solid 1px #808080;
  box-sizing: border-box;
}

#research .exhibitor-list h4 {
  box-sizing: border-box;
  padding: 20px 0;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 1px;
  background: #999;
  color: #fff;
}

#research .exhibitor-list ul {
  padding: 3.692% 4.22%;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
}

#research .exhibitor-list ul li {
  margin-right: 20px;
  line-height: 2.5;
}

#research .exhibitor-list ul li a {
  padding-right: 18px;
  background: url(../img/common_icon01.png) right center no-repeat;
  color: #333;
  text-decoration: underline;
}

#research .box01 .wrap .timetable_notes {
  margin: 10px 0 0 0;
  padding-bottom: 0;
  text-indent: -1em;
  padding-left: 1em;
}

#research .box03 .method-group {
  margin-bottom: 40px;
}

#research .box03 .btn_group {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 750px) {
  #research .box03 .btn_group {
    flex-direction: column;
  }
}

#research .box03 .btn_group li {
  width: 47.158%;
}

@media screen and (max-width: 750px) {
  #research .box03 .btn_group li {
    width: 100%;
  }
}

#research .box03 .btn_group li:nth-of-type(1) {
  margin-right: 25px;
}

@media screen and (max-width: 750px) {
  #research .box03 .btn_group li:nth-of-type(1) {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

/* ↑↑↑ #exhibition ↑↑↑ */