@charset "UTF-8";

#newgraduate {
  background: #fff;
  color: #0f203e;
}

/* #newgraduate.about #header ul.menu-list li.menu-about a.about {
  color: #d1ab50;
}

#newgraduate.about #header ul.menu-list li.menu-about a.about:after {
  content: "";
  width: 100%;
  height: 5px;
  display: block;
  position: relative;
  bottom: -20px;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: #d1ab50;
}

#newgraduate.staff #header ul.menu-list li.menu-staff a {
  color: #d1ab50;
}

#newgraduate.staff #header ul.menu-list li.menu-staff a:after {
  content: "";
  width: 100%;
  height: 5px;
  display: block;
  position: relative;
  bottom: -20px;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: #d1ab50;
} */

#newgraduate .sp {
  display: none;
}

/* #newgraduate #header {
  background: #0f203e;
  height: 70px;
  display: block;
  position: fixed;
  top: 0;
  border: none;
}

#newgraduate #header .inner {
  margin: 0 auto;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 964px;
  max-width: 1400px;
  width: 100%;
  height: 70px;
  position: relative;
}

#newgraduate #header .logo {
  margin: 0 0 0 40px;
  padding: 20px 0 0 0;
  float: left;
  top: 0;
  left: 0;
  width: auto;
}

#newgraduate #header .logo a {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#newgraduate #header .logo a:hover {
  opacity: 0.7;
}

#newgraduate #header .logo a img {
  height: 30px;
  width: auto;
}

#newgraduate #header .logo a span {
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  position: relative;
  margin-left: 10px;
  top: -7px;
}

#newgraduate #header ul.menu-list {
  float: right;
  top: 0;
  position: static;
  padding: 0;
}

#newgraduate #header ul.menu-list.--top li {
  margin-right: 15px !important;
  font-size: 1.6rem !important;
}

#newgraduate #header ul.menu-list.--top li a {
  padding: 29px 0 !important;
}

#newgraduate #header ul.menu-list li {
  list-style: none;
  margin: 0 20px 0 0;
  padding: 0 0px;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  display: inline-block;
  width: auto;
  vertical-align: top;
}

#newgraduate #header ul.menu-list li:nth-last-child(2).menu-year {
  padding-top: 10px;
  margin-right: 7px;
  margin-left: 17px;
}

#newgraduate #header ul.menu-list li:nth-last-child(2).menu-year br {
  display: none;
}

#newgraduate #header ul.menu-list li:nth-last-child(2).menu-year a {
  padding: 16px 0 0 0;
  font-size: 1.5rem;
  background: #fff;
  color: #1c7aac;
  border: 1px #1c7aac solid;
  height: 50px;
}

#newgraduate #header ul.menu-list li:nth-last-child(2).menu-year a:hover {
  background: #1c7aac;
  color: #fff;
  opacity: 1;
}

#newgraduate #header ul.menu-list li:nth-last-child(1).menu-year {
  padding-top: 10px;
  margin-right: 17px;
}

#newgraduate #header ul.menu-list li:nth-last-child(1).menu-year br {
  display: none;
}

#newgraduate #header ul.menu-list li:nth-last-child(1).menu-year a {
  padding: 16px 0 0 0;
  font-size: 1.5rem;
  background: #fff;
  color: #c85819;
  border: 1px #c85819 solid;
  height: 50px;
}

#newgraduate #header ul.menu-list li:nth-last-child(1).menu-year a:hover {
  background: #c85819;
  color: #fff;
  opacity: 1;
}

#newgraduate #header ul.menu-list li.coming_soon {
  border-right: 1px solid #0f203e;
}

#newgraduate #header ul.menu-list li.coming_soon a {
  position: relative;
  pointer-events: none;
}

#newgraduate #header ul.menu-list li.coming_soon a:before {
  content: 'COMING SOON';
  width: 100%;
  height: 100%;
  line-height: 70px;
  color: #0f203e;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  z-index: +1;
  display: block;
}

#newgraduate #header ul.menu-list li.close {
  border-right: 1px solid #0f203e;
}

#newgraduate #header ul.menu-list li.close a {
  position: relative;
  pointer-events: none;
}

#newgraduate #header ul.menu-list li.close a:before {
  content: '';
  width: 100%;
  height: 100%;
  line-height: 70px;
  color: #0f203e;
  background: rgba(15, 32, 62, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: +1;
  display: block;
}

#newgraduate #header ul.menu-list li:nth-last-child(2) {
  margin-right: -3px;
  letter-spacing: 0;
  margin-left: 17px;
}

#newgraduate #header ul.menu-list li:nth-last-child(2):before {
  display: none;
}

#newgraduate #header ul.menu-list li:nth-last-child(2) span {
  padding: 0;
  color: #fff;
}

#newgraduate #header ul.menu-list li:nth-last-child(2) span:after {
  display: none;
}

#newgraduate #header ul.menu-list li:nth-last-child(2) a {
  font-size: 1.8rem;
  width: 180px;
  height: 70px;
  background: #1c7aac;
  text-align: center;
  padding: 17px 0 0 0 !important;
  color: #fff;
}

#newgraduate #header ul.menu-list li:nth-last-child(2) a:after {
  display: none;
}

#newgraduate #header ul.menu-list li:nth-last-child(2) a:hover {
  color: #fff;
  opacity: 0.7;
}

#newgraduate #header ul.menu-list li:nth-last-child(2) a span {
  font-size: 1.2rem;
  display: block;
  padding-bottom: 5px;
}

#newgraduate #header ul.menu-list li:nth-last-child(1) {
  margin-right: 0;
  letter-spacing: 0;
}

#newgraduate #header ul.menu-list li:nth-last-child(1):before {
  display: none;
}

#newgraduate #header ul.menu-list li:nth-last-child(1) span {
  padding: 0;
  color: #fff;
}

#newgraduate #header ul.menu-list li:nth-last-child(1) span:after {
  display: none;
}

#newgraduate #header ul.menu-list li:nth-last-child(1) a {
  font-size: 1.8rem;
  width: 180px;
  height: 70px;
  background: #c85819;
  text-align: center;
  padding: 17px 0 0 0 !important;
  color: #fff;
}

#newgraduate #header ul.menu-list li:nth-last-child(1) a:after {
  display: none;
}

#newgraduate #header ul.menu-list li:nth-last-child(1) a:hover {
  color: #fff;
  opacity: 0.7;
}

#newgraduate #header ul.menu-list li:nth-last-child(1) a span {
  font-size: 1.2rem;
  display: block;
  padding-bottom: 5px;
}


#newgraduate #header ul.menu-list li.menu-staff a,#newgraduate #header ul.menu-list li.menu-movie a {
  height: auto;
  padding: 29px 0!important;
}
#newgraduate #header ul.menu-list li.menu-staff a:hover,#newgraduate #header ul.menu-list li.menu-movie a:hover {
  color: #d1ab50;
  opacity: 1;
}
#newgraduate #header ul.menu-list li.menu-staff a:after,#newgraduate #header ul.menu-list li.menu-movie a:after {
  display: inline-block;
}



#newgraduate #header ul.menu-list li a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  display: block;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding: 27px 0;
}

#newgraduate #header ul.menu-list li a:after {
  content: "";
  width: 100%;
  height: 5px;
  background: none;
  display: block;
  position: relative;
  bottom: -20px;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#newgraduate #header ul.menu-list li a:hover {
  color: #d1ab50;
}

#newgraduate #header ul.menu-list li a.active {
  color: #d1ab50;
}

#newgraduate #header ul.menu-list li a.active::after {
  background: #d1ab50;
}

#newgraduate #header ul.menu-list li .menu-box {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

#newgraduate #header ul.menu-list li ul.category-list {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  z-index: +1;
  border: 1px #d1d6dd solid;
  background: white;
  padding: 30px 10px 10px 30px;
  display: none;
}

#newgraduate #header ul.menu-list li ul.category-list .read {
  color: #0f203e !important;
  width: 20%;
  float: left;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 3.2rem;
}

#newgraduate #header ul.menu-list li ul.category-list .read img {
  height: 32px;
  width: auto;
}

#newgraduate #header ul.menu-list li ul.category-list .read:hover:after {
  display: none;
}

#newgraduate #header ul.menu-list li ul.category-list .read span {
  color: #0f203e !important;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: normal;
  margin: 0;
  padding: 10px 0 0 0;
}

#newgraduate #header ul.menu-list li ul.category-list .read span:hover:after {
  display: none;
}

#newgraduate #header ul.menu-list li ul.category-list li {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0 10px;
  width: 100%;
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#newgraduate #header ul.menu-list li ul.category-list li:before {
  display: none;
}

#newgraduate #header ul.menu-list li ul.category-list li span {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
}

#newgraduate #header ul.menu-list li ul.category-list li ul.child {
  margin: 0;
  padding: 0;
  width: 73%;
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#newgraduate #header ul.menu-list li ul.category-list li ul.child li {
  height: 56px;
  display: table;
  width: calc(100% / 3 - 13px);
  margin: 0 13px 10px 0;
  padding: 0 25px 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px #d1d6dd solid;
  background: url(../../../../assets/images/icon_arrow_accent1.png) calc(100% - 10px) 50% no-repeat;
  background-size: 6px 12px;
  float: left;
}

#newgraduate #header ul.menu-list li ul.category-list li ul.child li:nth-child(3n - 1) {
  clear: both;
}

#newgraduate #header ul.menu-list li ul.category-list li ul.child li a {
  display: table-cell;
  vertical-align: middle;
  background: none;
  color: #0f203e !important;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  line-height: 1.2;
  font-weight: bold;
  padding: 0;
}

#newgraduate #header ul.menu-list li ul.category-list li ul.child li a:hover {
  color: #9b1d3d !important;
}

#newgraduate #header ul.menu-list li ul.category-list li ul.child li a:after {
  display: none;
}

#newgraduate #header .menu-entry {
  display: none;
} */

#newgraduate main {
  /* padding-top: 70px; */
}

#newgraduate #section-kv .inner,
#newgraduate #section-information .inner,
#newgraduate #section-message .inner,
#newgraduate #section-recruit .inner,
#newgraduate #section-event .inner,
#newgraduate #section-staffinterview .inner,
#newgraduate #section-movie-top .inner,
#newgraduate #section-workstyle .inner,
#newgraduate #section-flow .inner,
#newgraduate #section-faq .inner,
#newgraduate #section-voice .inner {
  width: 100%;
  max-width: 1200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0 30px;
}

#newgraduate #section-process {
  padding-top: 100px;
}

#newgraduate #section-process span.note {
  margin-bottom: 20px;
  display: block;
}

#newgraduate #section-process h3.--link {
  padding-top: 140px;
  margin-top: -140px;
}

#newgraduate #section-kv {
  margin: 0 auto;
  max-width: 100%;
  display: block;
  width: 100%;
  position: relative;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#0f1f3f),
    color-stop(99.9%, #0f1f3f),
    color-stop(99.9%, #eeeff2)
  );
  background: linear-gradient(
    to bottom,
    #0f1f3f 0%,
    #0f1f3f 99.9%,
    #eeeff2 99.9% #eeeff2 100%
  );
}

#newgraduate #section-kv p.image img {
  vertical-align: bottom;
}

#newgraduate #section-kv .box {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

#newgraduate #section-kv .inner {
  display: table;
  text-align: left;
  width: 100%;
  height: 100%;
}

#newgraduate #section-kv .inner .copy {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

#newgraduate #section-kv .inner .copy h1 {
  font-size: 5rem;
  line-height: 1.7;
  font-weight: bold;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

#newgraduate #section-kv .wrapper {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
  /* &:before{ content:"";position: absolute;width:100%;height:100%;top:0;left:0;display: block;background: url(../../../../assets/images/top/kv-dot.png) repeat; / * background: rgba(0,0,0,.3); * / } */
}

#newgraduate #section-kv .wrapper.full {
  max-width: none;
  aspect-ratio: 1405/620;
  width: 100% !important;
  height: auto !important;
  overflow: hidden;
}

#newgraduate #section-kv .wrapper.full .position {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 100%;
}

#newgraduate #section-kv .wrapper video {
  width: 100%;
  height: auto;
}

#newgraduate #section-kv .wrapper .pc {
  display: block !important;
}

#newgraduate #section-kv .wrapper .sp {
  display: none !important;
}

#newgraduate #section-information {
  z-index: +1;
  width: 100%;
  padding: 0 30px;
  margin-bottom: 0px;
}

#newgraduate #section-information .selectNews {
  display: none;
}

#newgraduate #section-information .selectNews.is_active {
  display: block;
}

#newgraduate #section-information .selectNews h2 {
  font-size: 4.2rem;
  font-weight: bold;
  margin-bottom: 30px;
}

#newgraduate #section-information .button {
  position: absolute;
  right: 0;
  border-bottom: #c85819 2px solid;
  font-size: 1.8rem;
  color: #333333;
  width: 220px;
}

#newgraduate #section-information .button:before {
  position: absolute;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  top: 50%;
  right: 25px;
  margin-top: -3px;
  border-bottom: 1px solid #c85819;
  border-right: 1px solid #c85819;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}

#newgraduate #section-information .button select {
  outline: none;
  text-indent: 0.01px;
  text-overflow: "";
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 40px;
  padding: 8px 12px 8px 30px;
  border: none;
  color: #333333;
  width: 100%;
  cursor: pointer;
}

#newgraduate #section-information.newgraduate_top_news .button {
  display: none;
}

#newgraduate #section-information.newgraduate_top_news .selectNews {
  display: none;
}

#newgraduate #section-information.year {
  top: 80px;
}

#newgraduate #section-information.list {
  position: relative;
  top: auto;
  padding-top: 60px;
  padding-bottom: 100px;
}

#newgraduate #section-information.list .inner {
  padding-bottom: 0;
  max-width: 1060px !important;
}

#newgraduate #section-information.list dl {
  border-bottom: 1px dotted #cccccc;
}

#newgraduate #section-information.list dl.detail {
  display: block !important;
}

#newgraduate #section-information.list dl.top {
  display: none;
}

#newgraduate #section-information.list dl dt {
  border-top: 1px dotted #cccccc;
  padding-top: 20px !important;
}

#newgraduate #section-information.list dl dd {
  border-top: 1px dotted #cccccc;
  padding-top: 20px !important;
  padding-bottom: 10px !important;
}

#newgraduate #section-information.list ._btn {
  margin-top: 60px;
}

#newgraduate #section-information.list ._btn a.btn {
  height: auto;
  line-height: 1.4;
  padding: 20px;
  width: 460px;
}

#newgraduate #section-information.movie {
  position: relative;
  top: -120px;
  margin-bottom: -20px;
}

#newgraduate #section-information .inner {
  background: white;
  padding: 20px 30px 40px 30px;
  position: relative;
  max-width: 1200px !important;
}

#newgraduate #section-information .inner dl {
  /*border-bottom: 1px dotted #cccccc;*/
  font-size: 1.6rem;
  line-height: 1.3;
  color: #10203c;
}

#newgraduate #section-information .inner dl.detail {
  display: none;
}

#newgraduate #section-information .inner dl dt {
  width: 16em;
  /*border-top: 1px dotted #cccccc;*/
  margin: 0;
  padding: 0px 5px 0px 0;
  /*padding: 0px 5px 0px 5px;*/
  float: left;
  clear: left;
  position: relative;
}

#newgraduate #section-information .inner dl dd {
  margin: 12px 0 12px 0;
  padding: 0px 5px 0px 16em;
  /* padding: 0px 5px 0px 15px; border-top: 1px dotted #cccccc;*/
  position: relative;
  color: #000;
}

#newgraduate #section-information .inner dl span.label {
  font-size: 1.2rem;
  display: inline-block;
  color: #10203c;
  margin-right: 15px;
  width: 8.5em;
  position: relative;
  border: 1px solid #ccc;
  text-align: center;
  font-weight: bold;
  padding: 3px 10px;
}

#newgraduate #section-information .inner dl a {
  color: #000;
  /* color: #0f203e; text-decoration: none;*/
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: block;
}

#newgraduate #section-information .inner dl a:hover {
  opacity: 0.7;
}

#newgraduate #section-information .inner h2 img {
  height: 20px;
  width: auto;
}

#newgraduate #section-information .inner .list {
  text-align: right;
  position: absolute;
  display: block;
  top: 20px;
  right: 20px;
}

#newgraduate #section-information .inner .list a {
  color: #10203c;
  font-size: 1.4rem;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-weight: normal;
}

#newgraduate #section-information .inner .list a:hover {
  opacity: 0.8;
}

#newgraduate #section-information .inner .list a:before {
  content: ">";
  display: inline-block;
  margin-right: 5px;
  font-size: 1.2rem;
  position: relative;
  top: -2px;
}

#newgraduate #section-message {
  margin: 0 auto;
  padding: 0px 0 100px 0;

  max-width: 100%;
  display: block;
  width: 100%;
  position: relative;
  background: #eeeff2;
}

#newgraduate #section-message.year {
  padding: 280px 0 60px 0;
}

#newgraduate #section-message .box {
  display: block;
  width: 460px;
  padding-top: 5px;
}

#newgraduate #section-message .inner.wrap {
  max-width: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 48px;
}

#newgraduate #section-message h2 {
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: bold;
  color: #0f203e;
  margin-bottom: 20px;
}

#newgraduate #section-message p {
  color: #0f203e;
  font-size: 1.4rem;
  line-height: 2.3;
  font-weight: bold;
  margin-bottom: 20px;
}

#newgraduate #section-message p:nth-last-child(1) {
  margin-bottom: 0;
}

#newgraduate #section-message .box-image {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 400px;
  margin-right: 100px;
  padding-top: 20px;
}

#newgraduate #section-message .pankuzu {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
}

#newgraduate #section-message .pankuzu p {
  display: block;
  max-width: 1240px;
  margin: 0 auto;
  padding: 20px 20px;
  width: 100%;
  font-size: 1.2rem;
}

#newgraduate #section-message .pankuzu p a {
  color: #0f203e;
  background: url(../../../../assets/images/icon_arrow_primary1.png) 100% 50%
    no-repeat;
  background-size: auto 12px;
  padding-right: 20px;
  margin-right: 15px;
  text-decoration: none;
  position: relative;
  display: inline-block;
}

#newgraduate #section-message .pankuzu p a:before {
  content: "";
  width: calc(100% - 20px);
  height: 1px;
  background: #d1d6dd;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#newgraduate #section-message .pankuzu p span {
  color: #0f203e;
}

#newgraduate #section-message ul.btn-year {
  text-align: center;
  padding: 40px 0;
  max-width: 1000px;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}

#newgraduate #section-message ul.btn-year li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  display: inline-block;
  width: auto;
  vertical-align: top;
}

#newgraduate #section-message ul.btn-year li:nth-child(1).btn-year {
  margin-right: 20px;
  margin-bottom: 20px;
}

#newgraduate #section-message ul.btn-year li:nth-child(1).btn-year a {
  color: #1c7aac;
  border: 1px #1c7aac solid;
  background: url(../../../../assets/images/careers/newgraduate/icon_arrow_b.png)
    calc(100% - 18px) 50% no-repeat;
  /* color: #c85819;
  border: 1px #c85819 solid;
  background: url(../../../../assets/images/careers/newgraduate/icon_arrow_o.png) calc(100% - 18px) 50% no-repeat; */
  background-size: auto 18px;
}

#newgraduate #section-message ul.btn-year li:nth-child(1).btn-year a:hover {
  background: url(../../../../assets/images/icon_arrow_secondary6.png)
    calc(100% - 18px) 50% #1c7aac no-repeat;
  /* background: url(../../../../assets/images/icon_arrow_secondary6.png) calc(100% - 18px) 50% #c85819 no-repeat; */
  background-size: auto 18px;
  color: #fff;
  opacity: 1;
}

#newgraduate #section-message ul.btn-year li:nth-child(2).btn-year {
  margin-bottom: 20px;
}

#newgraduate #section-message ul.btn-year li:nth-child(2).btn-year a {
  color: #1c7aac;
  border: 1px #1c7aac solid;
  background: url(../../../../assets/images/careers/newgraduate/icon_arrow_b.png)
    calc(100% - 18px) 50% no-repeat;
  /* color: #c85819;
  border: 1px #c85819 solid;
  background: url(../../../../assets/images/careers/newgraduate/icon_arrow_o.png) calc(100% - 18px) 50% no-repeat; */
  background-size: auto 18px;
}

#newgraduate #section-message ul.btn-year li:nth-child(2).btn-year a:hover {
  background: url(../../../../assets/images/icon_arrow_secondary6.png)
    calc(100% - 18px) 50% #1c7aac no-repeat;
  /* background: url(../../../../assets/images/icon_arrow_secondary6.png) calc(100% - 18px) 50% #c85819 no-repeat; */
  background-size: auto 18px;
  color: #fff;
  opacity: 1;
}

#newgraduate #section-message ul.btn-year li:nth-child(3).btn-year {
  margin-right: 20px;
}

#newgraduate #section-message ul.btn-year li:nth-child(3).btn-year a {
  color: #c85819;
  border: 1px #c85819 solid;
  background: url(../../../../assets/images/careers/newgraduate/icon_arrow_o.png)
    calc(100% - 18px) 50% no-repeat;
  /* color: #1c7aac;
  border: 1px #1c7aac solid;
  background: url(../../../../assets/images/careers/newgraduate/icon_arrow_b.png) calc(100% - 18px) 50% no-repeat; */
  background-size: auto 18px;
}

#newgraduate #section-message ul.btn-year li:nth-child(3).btn-year a:hover {
  background: url(../../../../assets/images/icon_arrow_secondary6.png)
    calc(100% - 18px) 50% #c85819 no-repeat;
  /* background: url(../../../../assets/images/icon_arrow_secondary6.png) calc(100% - 18px) 50% #1c7aac no-repeat; */
  background-size: auto 18px;
  color: #fff;
  opacity: 1;
}

#newgraduate #section-message ul.btn-year li:nth-child(4).btn-year a {
  color: #c85819;
  border: 1px #c85819 solid;
  background: url(../../../../assets/images/careers/newgraduate/icon_arrow_o.png)
    calc(100% - 18px) 50% no-repeat;
  background-size: auto 18px;
}

#newgraduate #section-message ul.btn-year li:nth-child(4).btn-year a:hover {
  background: url(../../../../assets/images/icon_arrow_secondary6.png)
    calc(100% - 18px) 50% #c85819 no-repeat;
  background-size: auto 18px;
  color: #fff;
  opacity: 1;
}

#newgraduate #section-message ul.btn-year li a.comingsoon {
  position: relative;
  pointer-events: none;
}

#newgraduate #section-message ul.btn-year li a.comingsoon::after {
  content: "coming soon";
  position: absolute;
  background: rgba(212, 207, 207, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 23px;
}

#newgraduate #section-message ul.btn-year li a {
  font-size: 1.8rem;
  width: 384px;
  line-height: 1.3;
  text-align: center;
  padding: 20px 0;
  color: #fff;
  text-decoration: none;
  display: block;
  font-weight: bold;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#newgraduate #section-message ul.btn-year li a:hover {
  opacity: 0.7;
}

#newgraduate #section-message ul.btn-year li a span {
  font-size: 1.8rem;
  display: block;
  padding-bottom: 5px;
}

#newgraduate #section-flow-link {
  background-color: white;
  position: relative;
  top: -50px;
  margin-bottom: -50px;
}

#newgraduate #section-flow-link ul.btn-link {
  text-align: center;
  padding: 40px 0;
}

#newgraduate #section-flow-link ul.btn-link li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  display: inline-block;
  width: auto;
  vertical-align: top;
}

#newgraduate #section-flow-link ul.btn-link li:nth-child(1).btn-year {
  margin-right: 20px;
}

#newgraduate #section-flow-link ul.btn-link li:nth-child(1).btn-year a {
  color: #0f203e;
  border: 1px #0f203e solid;
  background: url(../../../../assets/images/icon_arrow_primary1_bottom.png)
    calc(100% - 18px) 50% no-repeat;
  background-size: auto 8px;
}

#newgraduate #section-flow-link ul.btn-link li:nth-child(1).btn-year a:hover {
  background: url(../../../../assets/images/icon_arrow_primary1_bottom.png)
    calc(100% - 18px) 50% rgba(15, 32, 62, 0.15) no-repeat;
  background-size: auto 8px;
  opacity: 1;
}

#newgraduate #section-flow-link ul.btn-link li:nth-child(2).btn-year a {
  color: #0f203e;
  border: 1px #0f203e solid;
  background: url(../../../../assets/images/icon_arrow_primary1_bottom.png)
    calc(100% - 18px) 50% no-repeat;
  background-size: auto 8px;
}

#newgraduate #section-flow-link ul.btn-link li:nth-child(2).btn-year a:hover {
  background: url(../../../../assets/images/icon_arrow_primary1_bottom.png)
    calc(100% - 18px) 50% rgba(15, 32, 62, 0.15) no-repeat;
  background-size: auto 8px;
  opacity: 1;
}

#newgraduate #section-flow-link ul.btn-link li a {
  font-size: 1.8rem;
  width: 420px;
  text-align: center;
  padding: 20px 0;
  color: #fff;
  text-decoration: none;
  display: block;
  font-weight: bold;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#newgraduate #section-flow-link ul.btn-link li a:hover {
  opacity: 0.7;
}

#newgraduate #section-flow-link ul.btn-link li a span {
  font-size: 1.8rem;
  display: block;
  padding-bottom: 5px;
}

#newgraduate #section-recruit,
#newgraduate #section-voice {
  margin: 0 auto;
  padding: 0;
  /*padding:90px 0 90px 0;*/

  max-width: 100%;
  display: block;
  background: #fff;
  text-align: center;
}

#newgraduate #section-recruit.--pd,
#newgraduate #section-voice.--pd {
  padding-bottom: 90px !important;
}

#newgraduate #section-recruit h2,
#newgraduate #section-voice h2 {
  font-family: "Hind", sans-serif;
  font-weight: 700;
  font-size: 5.4rem;
  display: inline-block;
  position: relative;
  padding-bottom: 13px;
  margin-bottom: 40px;
  padding-top: 140px;
  margin-top: -140px;
}

#newgraduate #section-recruit h2:before,
#newgraduate #section-voice h2:before {
  content: "";
  background: #1c7aac;
  height: 7px;
  width: 100%;
  position: absolute;
  /*width:calc(100% - 20px); bottom:0 left:10px;;*/
  bottom: 3px;
}

#newgraduate #section-recruit h2 img,
#newgraduate #section-voice h2 img {
  height: 45px;
  width: auto;
}

#newgraduate #section-recruit h3,
#newgraduate #section-voice h3 {
  font-size: 2.1rem;
  margin-bottom: 50px;
  color: #1c7aac;
  font-weight: bold;
}

#newgraduate #section-recruit h3.--link,
#newgraduate #section-voice h3.--link {
  padding-top: 140px;
  margin-top: -140px;
}

#newgraduate #section-recruit .step,
#newgraduate #section-voice .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  position: relative;
  width: 100%;
  padding: 0 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
}

#newgraduate #section-recruit .step:before,
#newgraduate #section-voice .step:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #10203c;
  display: block;
  position: absolute;
  left: 0;
  top: 60px;
}

#newgraduate #section-recruit .step li,
#newgraduate #section-voice .step li {
  list-style: none;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  width: calc(100% / 4);
  position: relative;
}

#newgraduate #section-recruit .step li:after,
#newgraduate #section-voice .step li:after {
  content: "";
  width: 20px;
  height: 20px;
  background: #10203c;
  border-radius: 15px;
  display: block;
  position: absolute;
  left: calc(50% - 10px);
  top: 50px;
}

#newgraduate #section-recruit .step li:before,
#newgraduate #section-voice .step li:before {
  width: 100%;
  display: block;
  padding-bottom: 80px;
  font-size: 2.2rem;
}

#newgraduate #section-recruit .step li:nth-child(1):before,
#newgraduate #section-voice .step li:nth-child(1):before {
  content: "3月";
}

#newgraduate #section-recruit .step li:nth-child(2):before,
#newgraduate #section-voice .step li:nth-child(2):before {
  content: "4月";
}

#newgraduate #section-recruit .step li:nth-child(3):before,
#newgraduate #section-voice .step li:nth-child(3):before {
  content: "5月・6月";
}

#newgraduate #section-recruit .step li:nth-child(4):before,
#newgraduate #section-voice .step li:nth-child(4):before {
  content: "7月";
}

#newgraduate #section-recruit .box.--voice,
#newgraduate #section-voice .box.--voice {
  padding: 60px 50px 10px 50px;
}

#newgraduate #section-recruit .voice,
#newgraduate #section-voice .voice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
}

#newgraduate #section-recruit .voice li,
#newgraduate #section-voice .voice li {
  list-style: none;
  font-size: 1.6rem;
  line-height: 2;
  color: #0f203e;
  text-align: left;
  font-weight: normal;
  width: calc(100% / 2 - 25px);
  position: relative;
  background: url(../../../../assets/images/careers/newgraduate/icon_user.png) 0
    10px no-repeat;
  background-size: 80px auto;
  padding-left: 110px;
  margin-bottom: 50px;
}

#newgraduate #section-recruit .voice li:nth-child(2n - 1),
#newgraduate #section-voice .voice li:nth-child(2n - 1) {
  margin-right: 25px;
}

#newgraduate #section-recruit .voice li:nth-child(2n),
#newgraduate #section-voice .voice li:nth-child(2n) {
  margin-left: 25px;
}

#newgraduate #section-recruit .voice li span,
#newgraduate #section-voice .voice li span {
  border: #b2bac7 1px solid;
  display: block;
  border-radius: 10px;
  height: 100%;
  padding: 25px;
  position: relative;
}

#newgraduate #section-recruit .voice li span::before,
#newgraduate #section-voice .voice li span::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -20px;
  top: 25px;
  border-right: 20px solid #b2bac7;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

#newgraduate #section-recruit .voice li span::after,
#newgraduate #section-voice .voice li span::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -19px;
  top: 25px;
  border-right: 20px solid #fff;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

#newgraduate #section-voice {
  padding-top: 0 !important;
}

#newgraduate #section-voice h3 {
  padding-top: 140px;
  margin-top: -50px;
}

#newgraduate #section-voice .--voice + .note {
  padding-bottom: 90px;
}

#newgraduate #section-questionnaire {
  padding-top: 100px;
  margin-bottom: -90px;
  z-index: +1;
  position: relative;
}

#newgraduate #section-questionnaire .box {
  margin-bottom: 0 !important;
}

#newgraduate #section-questionnaire ul {
  margin: 0 !important;
  padding: 0 !important;
}

#newgraduate #section-questionnaire ul li {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

#newgraduate #section-questionnaire ul li img {
  vertical-align: bottom;
}

#newgraduate #section-event {
  margin: 0 auto;
  padding: 90px 0 90px 0;

  max-width: 100%;
  display: block;
  width: 100%;
  position: relative;
  background: #d1d6dd;
  /* background: url(../../../../assets/images/careers/newgraduate/bg_event.png) 0 0 #c0c7ca no-repeat; background-size:cover; */
  text-align: center;
}

#newgraduate #section-event.detail {
  background: white;
}

#newgraduate #section-event.detail ul li:nth-child(n + 5) {
  display: block;
}

#newgraduate #section-event.detail ul li a {
  border: 1px #ccc solid;
}

#newgraduate #section-event h2 {
  font-family: "Hind", sans-serif;
  font-weight: 700;
  font-size: 5.4rem;
  display: inline-block;
  position: relative;
  padding-bottom: 13px;
  margin-bottom: 40px;
  padding-top: 140px;
  margin-top: -140px;
}

#newgraduate #section-event h2:before {
  content: "";
  background: #1c7aac;
  height: 7px;
  width: 100%;
  position: absolute;
  /*width:calc(100% - 20px); bottom:0 left:10px;;*/
  bottom: 3px;
}

#newgraduate #section-event .read {
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: bold;
  margin-bottom: 15px;
  color: #000;
}

#newgraduate #section-event .note {
  font-size: 1.2rem;
  line-height: 1.8;
  font-weight: bold;
  margin-bottom: 50px;
}

#newgraduate #section-event h2 img {
  height: 45px;
  width: auto;
}

#newgraduate #section-event .box-attention {
  background: #fff;
  text-align: center;
  padding: 20px;
  font-size: 1.6rem;
  color: #0f203e;
  font-weight: bold;
  margin-bottom: 50px;
}

#newgraduate #section-event ul {
  width: 100%;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

#newgraduate #section-event ul li {
  width: calc(50% - 10px);
  margin: 0 20px 20px 0;
  display: block;
  position: relative;
  float: left;
}

#newgraduate #section-event ul li:nth-child(n + 5) {
  display: none;
}

#newgraduate #section-event ul li:nth-child(2n) {
  margin-right: 0;
}

#newgraduate #section-event ul li a {
  text-decoration: none;
  color: #0f203e;
  text-align: left;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  height: 100%;
  display: block;
  background: #fff;
  padding: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  opacity: 0;
  overflow: hidden;
}

#newgraduate #section-event ul li a:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.4);
}

#newgraduate #section-event ul li a.anime_in {
  -webkit-animation: bg2 1.2s cubic-bezier(0.42, 0, 0.58, 1) forwards;
  animation: bg2 1.2s cubic-bezier(0.42, 0, 0.58, 1) forwards;
}

#newgraduate #section-event ul li a.anime_in:after {
  background: #0f203e;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: left center;
  transform-origin: left center;
  z-index: +1;
  -webkit-animation: bg 1.2s cubic-bezier(0.42, 0, 0.58, 1) forwards;
  animation: bg 1.2s cubic-bezier(0.42, 0, 0.58, 1) forwards;
}

#newgraduate #section-event ul li a.icon-blank:before {
  content: "";
  background: url(../../../../assets/images/icon_link.png) no-repeat;
  background-size: 15px 15px;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
}

#newgraduate #section-event ul li .image {
  height: 120px;
  width: 35%;
  display: block;
  float: left;
}

#newgraduate #section-event ul li .box {
  float: right;
  width: 60%;
}

#newgraduate #section-event ul li .box .label {
  padding: 3px 7px;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  margin-bottom: 5px;
  background: #c85819;
}

#newgraduate #section-event ul li .box .label.info {
  background: #1c7aac !important;
}

#newgraduate #section-event ul li .box .label.media {
  background: #d1ab50 !important;
}

#newgraduate #section-event ul li .box .title {
  font-size: 1.7rem;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  line-height: 1.6;
}

#newgraduate #section-event ul li .box .date {
  font-size: 1.4rem;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

#newgraduate #section-event ul li .box .read {
  font-size: 1.4rem;
  line-height: 2;
  font-weight: normal;
}

@-webkit-keyframes bg {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(0) translateX(-5%);
    transform: scaleX(0) translateX(-5%);
  }

  50% {
    opacity: 1;
    -webkit-transform: scaleX(1) translateX(0);
    transform: scaleX(1) translateX(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scaleX(1) translateX(120%);
    transform: scaleX(1) translateX(120%);
  }
}

@keyframes bg {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(0) translateX(-5%);
    transform: scaleX(0) translateX(-5%);
  }

  50% {
    opacity: 1;
    -webkit-transform: scaleX(1) translateX(0);
    transform: scaleX(1) translateX(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scaleX(1) translateX(120%);
    transform: scaleX(1) translateX(120%);
  }
}

@-webkit-keyframes bg2 {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes bg2 {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

#newgraduate #section-workstyle {
  margin: 0 auto;
  padding: 90px 0 90px 0;

  max-width: 100%;
  display: block;
  width: 100%;
  position: relative;
  background: #e9e9e9;
  text-align: center;
}

#newgraduate #section-workstyle h2 {
  font-size: 3.2rem;
  display: inline-block;
  position: relative;
  padding-bottom: 13px;
  margin-bottom: 58px;
  padding-top: 140px;
  margin-top: -140px;
}

#newgraduate #section-workstyle h2:before {
  content: "";
  background: #1c7aac;
  height: 7px;
  width: calc(100% + 40px);
  position: absolute;
  bottom: -20px;
  left: -20px;
}

#newgraduate #section-workstyle.business .inner {
  max-width: 1070px;
}

#newgraduate #section-workstyle.business h2 {
  font-size: 2.4rem;
  color: #10203c;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",
    "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans",
    "Prompt", "Montserrat", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
    "メイリオ", Meiryo, sans-serif;
}

#newgraduate #section-workstyle.business h2:before {
  display: none;
}

#newgraduate #section-workstyle .read {
  font-size: 1.8rem;
  line-height: 2.2;
  font-weight: bold;
  margin-bottom: 60px;
}

#newgraduate #section-workstyle .filter_btn {
  width: 100%;
  margin: 35px 0;
}

#newgraduate #section-workstyle .filter_btn li {
  list-style: none;
  display: inline-block;
  margin: 0 15px 15px 15px;
  width: 160px;
}

#newgraduate #section-workstyle .filter_btn li a {
  font-size: 1.4rem;
  font-weight: bold;
  color: #10203c;
  line-height: 44px;
  height: 44px;
  background: #fff;
  border-radius: 22px;
  display: block;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#newgraduate #section-workstyle .filter_btn li a.active {
  background: #1c7aac;
  color: #fff;
}

#newgraduate #section-workstyle .filter_btn li a:hover {
  opacity: 0.8;
}

#newgraduate #section-workstyle .filter_list {
  width: 100%;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: left;
}

#newgraduate #section-workstyle .filter_list li {
  float: left;
  display: block;
  margin-bottom: 30px;
  background: #fff;
  width: calc(100% / 3 - 30px);
  margin-left: 15px;
  position: relative;
  padding-bottom: 54px;
  margin-right: 15px;
  /*list-style:none;*/
  /*&.active:nth-child(n),*/
}

/* #newgraduate #section-workstyle .filter_list li:nth-child(1),
#newgraduate #section-workstyle .filter_list li:nth-child(2) {
  width: calc(50% - 30px);
  margin-left: 15px;
  margin-right: 15px;
} */

#newgraduate #section-workstyle .filter_list li .title {
  font-size: 2.2rem;
  font-weight: bold;
  display: block;
  margin-bottom: 24px;
  padding: 0 30px;
  color: #10203c;
}

#newgraduate #section-workstyle .filter_list li .image {
  margin-bottom: 24px;
  display: block;
}

#newgraduate #section-workstyle .filter_list li .text {
  font-size: 1.6rem;
  line-height: 1.8;
  padding: 0 30px;
  font-weight: normal;
  display: block;
  color: #000;
  /*color:#10203c;*/
}

#newgraduate #section-workstyle .filter_list li .link {
  font-size: 1.6rem;
  text-align: right;
  position: absolute;
  right: 30px;
  bottom: 27px;
  color: #1c7aac;
  cursor: pointer;
  text-decoration: underline;
  font-weight: bold;
}

#newgraduate #section-workstyle .filter_list li .link a {
  color: #1c7aac;
}

#newgraduate #section-workstyle .filter_list li .title + .text {
  margin-top: 10px;
}

#newgraduate #section-workstyle .filter_list li ul {
  width: calc(100% - 20px);
  display: block;
  margin: 0;
  padding: 0;
}

#newgraduate #section-workstyle .filter_list li ul li {
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100% !important;
  margin: 0 0 5px 20px !important;
  padding: 0 !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  position: relative;
}

#newgraduate #section-workstyle .filter_list li ul li:before {
  content: "・";
  position: absolute;
  left: -20px;
  top: 0;
  display: inline-block;
}

#newgraduate #section-workstyle.business .filter_list li {
  width: calc(100% / 3 - 30px);
  margin-left: 15px;
  margin-right: 15px;
}

#newgraduate #section-workstyle .btn {
  list-style: none;
  display: inline-block;
  margin: 40px auto 0 auto;
  width: 480px;
}

#newgraduate #section-workstyle .btn a {
  font-size: 2rem;
  font-weight: bold;
  background: #1c7aac;
  color: #fff;
  line-height: 68px;
  height: 68px;
  border-radius: 34px;
  display: block;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#newgraduate #section-workstyle .btn a:hover {
  opacity: 0.8;
}

#newgraduate #section-movie-top {
  padding: 0px 0 60px 0 !important;
}

#newgraduate #section-staffinterview,
#newgraduate #section-movie-top {
  margin: 0 auto;
  padding: 90px 0 90px 0;

  max-width: 100%;
  display: block;
  width: 100%;
  position: relative;
  background: #f0f1f4;
  text-align: center;
}

#newgraduate #section-staffinterview .inner,
#newgraduate #section-movie-top .inner {
  max-width: 1000px;
}

#newgraduate #section-staffinterview h2,
#newgraduate #section-movie-top h2 {
  font-family: "Hind", sans-serif;
  font-weight: 700;
  font-size: 5rem;
  display: inline-block;
  position: relative;
  padding-bottom: 13px;
  margin-bottom: 30px;
  /*margin-bottom:60px;*/
  padding-top: 140px;
  margin-top: -140px;
}

#newgraduate #section-staffinterview h2:before,
#newgraduate #section-movie-top h2:before {
  content: "";
  background: #1c7aac;
  height: 7px;
  width: 100%;
  position: absolute;
  /*width:calc(100% - 20px); bottom:0 left:10px;;*/
  bottom: 3px;
}

#newgraduate #section-staffinterview h2 img,
#newgraduate #section-movie-top h2 img {
  height: 45px;
  width: auto;
}

#newgraduate #section-staffinterview h3,
#newgraduate #section-movie-top h3 {
  font-family: "Hind", sans-serif;
  font-weight: 700;
  font-size: 3.2rem;
  display: block;
  margin: 30px 0 15px 0;
}

#newgraduate #section-staffinterview p,
#newgraduate #section-movie-top p {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-bottom: 20px;
  font-weight: bold;
}

#newgraduate #section-staffinterview h4,
#newgraduate #section-movie-top h4 {
  font-weight: bold;
  font-size: 2.8rem;
  display: block;
  margin: 20px 0 20px 0;
}

#newgraduate #section-staffinterview h4 span,
#newgraduate #section-movie-top h4 span {
  font-size: 3.2rem;
  display: inline-block;
  color: #1c7aac;
  font-family: "Hind", sans-serif;
}

#newgraduate #section-staffinterview .tabs,
#newgraduate #section-movie-top .tabs {
  width: 100%;
  position: relative;
  padding-top: 57.25%;
  border-top: 1px #d1d6dd solid;
}

#newgraduate #section-staffinterview .tabs input[name="tab_item"],
#newgraduate #section-movie-top .tabs input[name="tab_item"] {
  display: none;
}

#newgraduate #section-staffinterview .tabs .menu,
#newgraduate #section-movie-top .tabs .menu {
  padding: 50px 90px 70px 90px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#newgraduate #section-staffinterview .tabs .tab_item,
#newgraduate #section-movie-top .tabs .tab_item {
  width: 32%;
  float: left;
  margin: 0 2% 0 0;
  border: 1px #d1d6dd solid;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: block;
  position: relative;
}

#newgraduate #section-staffinterview .tabs .tab_item:nth-child(3n),
#newgraduate #section-movie-top .tabs .tab_item:nth-child(3n) {
  margin-right: 0;
}

#newgraduate #section-staffinterview .tabs .tab_item:hover,
#newgraduate #section-movie-top .tabs .tab_item:hover {
  -webkit-box-shadow: 0px 0 14px 0 rgba(79, 91, 109, 0.2),
    10px -5px 14px 0 rgba(79, 91, 109, 0.2);
  box-shadow: 0px 0 14px 0 rgba(79, 91, 109, 0.2),
    10px -5px 14px 0 rgba(79, 91, 109, 0.2);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

#newgraduate #section-staffinterview .tabs .tab_item .image,
#newgraduate #section-movie-top .tabs .tab_item .image {
  display: block;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
  background-size: cover !important;
  background-position: 50% 50% !important;
}

#newgraduate #section-staffinterview .tabs .tab_item .title,
#newgraduate #section-movie-top .tabs .tab_item .title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.4;
  color: #0f203e;
  display: block;
  height: auto;
  /*background: #fff;*/
  padding: 18px 20px 20px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}

#newgraduate #section-staffinterview .tabs .tab_content,
#newgraduate #section-movie-top .tabs .tab_content {
  display: block;
  /*display: none;*/
  opacity: 0;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  clear: both;
  /*overflow: hidden;*/
  position: absolute;
  top: 0;
}

#newgraduate
  #section-staffinterview
  .tabs
  .tab_content
  .tab_content_description,
#newgraduate #section-movie-top .tabs .tab_content .tab_content_description {
  position: relative;
  border: 1px #d1d6dd solid;
  z-index: +1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#newgraduate
  #section-staffinterview
  .tabs
  .tab_content
  .tab_content_description:hover,
#newgraduate
  #section-movie-top
  .tabs
  .tab_content
  .tab_content_description:hover {
  -webkit-box-shadow: 0px 0 14px 0 rgba(79, 91, 109, 0.2),
    10px -5px 14px 0 rgba(79, 91, 109, 0.2);
  box-shadow: 0px 0 14px 0 rgba(79, 91, 109, 0.2),
    10px -5px 14px 0 rgba(79, 91, 109, 0.2);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

#newgraduate
  #section-staffinterview
  .tabs
  .tab_content
  .tab_content_description
  img,
#newgraduate
  #section-movie-top
  .tabs
  .tab_content
  .tab_content_description
  img {
  vertical-align: bottom;
}

#newgraduate #section-staffinterview .tabs #talk01:checked ~ #talk01_content,
#newgraduate #section-staffinterview .tabs #talk02:checked ~ #talk02_content,
#newgraduate #section-staffinterview .tabs #talk03:checked ~ #talk03_content,
#newgraduate #section-movie-top .tabs #talk01:checked ~ #talk01_content,
#newgraduate #section-movie-top .tabs #talk02:checked ~ #talk02_content,
#newgraduate #section-movie-top .tabs #talk03:checked ~ #talk03_content {
  /*display: block;*/
  opacity: 1;
}

#newgraduate #section-staffinterview .tabs #talk01:checked ~ .menu #talk01_menu,
#newgraduate #section-staffinterview .tabs #talk02:checked ~ .menu #talk02_menu,
#newgraduate #section-staffinterview .tabs #talk03:checked ~ .menu #talk03_menu,
#newgraduate #section-movie-top .tabs #talk01:checked ~ .menu #talk01_menu,
#newgraduate #section-movie-top .tabs #talk02:checked ~ .menu #talk02_menu,
#newgraduate #section-movie-top .tabs #talk03:checked ~ .menu #talk03_menu {
  background: #0f203e;
}

#newgraduate
  #section-staffinterview
  .tabs
  #talk01:checked
  ~ .menu
  #talk01_menu
  .title,
#newgraduate
  #section-staffinterview
  .tabs
  #talk02:checked
  ~ .menu
  #talk02_menu
  .title,
#newgraduate
  #section-staffinterview
  .tabs
  #talk03:checked
  ~ .menu
  #talk03_menu
  .title,
#newgraduate
  #section-movie-top
  .tabs
  #talk01:checked
  ~ .menu
  #talk01_menu
  .title,
#newgraduate
  #section-movie-top
  .tabs
  #talk02:checked
  ~ .menu
  #talk02_menu
  .title,
#newgraduate
  #section-movie-top
  .tabs
  #talk03:checked
  ~ .menu
  #talk03_menu
  .title {
  color: #fff;
}

#newgraduate #section-staffinterview ul.staff-list,
#newgraduate #section-movie-top ul.staff-list {
  padding-top: 20px;
}

#newgraduate #section-staffinterview ul.staff-list li,
#newgraduate #section-movie-top ul.staff-list li {
  margin: 0 2% 25px 0;
  padding: 0;
  float: left;
  width: 32%;
  display: block;
  background: #fff;
  border: 1px #d1d6dd solid;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#newgraduate #section-staffinterview ul.staff-list li:hover,
#newgraduate #section-movie-top ul.staff-list li:hover {
  -webkit-box-shadow: 0px 0 14px 0 rgba(79, 91, 109, 0.2),
    10px -5px 14px 0 rgba(79, 91, 109, 0.2);
  box-shadow: 0px 0 14px 0 rgba(79, 91, 109, 0.2),
    10px -5px 14px 0 rgba(79, 91, 109, 0.2);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

#newgraduate #section-staffinterview ul.staff-list li:nth-child(3n),
#newgraduate #section-movie-top ul.staff-list li:nth-child(3n) {
  margin-right: 0;
}

#newgraduate #section-staffinterview ul.staff-list li:nth-last-child(1),
#newgraduate #section-movie-top ul.staff-list li:nth-last-child(1) {
  margin: 20px 0 0 0;
  width: 100%;
}

#newgraduate #section-staffinterview ul.staff-list li.groupinterview_bnr {
  margin: 20px 0;
  width: 100%;
}

#newgraduate #section-staffinterview ul.staff-list li a,
#newgraduate #section-movie-top ul.staff-list li a {
  text-decoration: none;
}

#newgraduate #section-staffinterview ul.staff-list li .image,
#newgraduate #section-movie-top ul.staff-list li .image {
  height: 220px;
  display: block;
}
#newgraduate #section-movie-top ul.staff-list li .gtm-top-movie_01 .image {
  height: auto;
  width: 100%;
  aspect-ratio: 16/9;
}
#newgraduate #section-movie-top ul.staff-list li .gtm-top-movie_02 .image {
  height: auto;
  width: 100%;
  aspect-ratio: 16/9;
}
#newgraduate #section-movie-top ul.staff-list li .gtm-top-movie_03 .image {
  height: auto;
  width: 100%;
  aspect-ratio: 16/9;
}

#newgraduate #section-staffinterview ul.staff-list li img,
#newgraduate #section-movie-top ul.staff-list li img {
  vertical-align: bottom;
}

#newgraduate #section-staffinterview ul.staff-list li .box,
#newgraduate #section-movie-top ul.staff-list li .box {
  padding: 20px 10px 0 10px;
  min-height: 78px;
  /*min-height:160px;*/
  display: block;
  text-align: left;
}

#newgraduate #section-staffinterview ul.staff-list li .box .title,
#newgraduate #section-movie-top ul.staff-list li .box .title {
  font-size: 1.4rem;
  height: 5.5em;
  /*height:6em;*/
  font-weight: bold;
}

#newgraduate #section-staffinterview ul.staff-list li .box .name,
#newgraduate #section-movie-top ul.staff-list li .box .name {
  font-size: 1.8rem;
  font-weight: bold;
  color: #0f203e;
}

#newgraduate #section-staffinterview ul.staff-list li .box .name span,
#newgraduate #section-movie-top ul.staff-list li .box .name span {
  font-size: 1.2rem;
  line-height: 1.4;
  display: block;
  margin-top: 5px;
  min-height: 2em;
}

#newgraduate #section-staffinterview ul.staff-list.discussion,
#newgraduate #section-movie-top ul.staff-list.discussion {
  padding: 15px 0 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#newgraduate #section-staffinterview ul.staff-list.discussion li,
#newgraduate #section-movie-top ul.staff-list.discussion li {
  width: 32%;
  /*&:nth-last-child(1){margin:25px 0 25px calc(50% - 190px); width:380px; background:none; box-shadow: none; border:none; &:hover{box-shadow: none; transform: scale(1);} ._btn span{background: none; &:hover{background:rgba(15, 32, 62, 0.15);} } }*/
}

#newgraduate #section-staffinterview ul.staff-list.discussion li .box,
#newgraduate #section-movie-top ul.staff-list.discussion li .box {
  display: table;
  padding: 25px 20px;
  width: 100%;
  min-height: auto;
}

#newgraduate #section-staffinterview ul.staff-list.discussion li .name,
#newgraduate #section-movie-top ul.staff-list.discussion li .name {
  display: table-cell;
  vertical-align: middle;
}

#newgraduate #section-staffinterview ul.staff-list.discussion li .name.vol,
#newgraduate #section-movie-top ul.staff-list.discussion li .name.vol {
  position: relative;
  padding-left: 2.5em;
  font-size: 1.8rem;
  line-height: 1.2;
  /*word-break: break-all;*/
}

#newgraduate #section-staffinterview ul.staff-list.discussion li .name.vol span,
#newgraduate #section-movie-top ul.staff-list.discussion li .name.vol span {
  position: absolute;
  top: 0px;
  left: 0;
  font-size: 1.4rem;
  color: #1c7aac;
  margin: 0;
}

#newgraduate #section-staffinterview ul.staff-list.discussion li .image,
#newgraduate #section-movie-top ul.staff-list.discussion li .image {
  /*height:0; padding-top: 56.25%;*/
  display: block;
}

#newgraduate
  #section-staffinterview
  ul.staff-list.discussion
  li:nth-last-child(1),
#newgraduate #section-movie-top ul.staff-list.discussion li:nth-last-child(1) {
  margin: 0 2% 25px 0;
}

#newgraduate #section-staffinterview ul.staff-list.discussion li:nth-child(3n),
#newgraduate #section-movie-top ul.staff-list.discussion li:nth-child(3n) {
  margin-right: 0;
}

#newgraduate #section-staffinterview ul.staff-list + p.note,
#newgraduate #section-movie-top ul.staff-list + p.note {
  font-size: 1.2rem;
  margin-bottom: 40px;
}

#newgraduate #section-voice {
  padding-bottom: 1px !important;
}

#newgraduate #section-flow,
#newgraduate #section-recruit,
#newgraduate #section-voice {
  margin: 0 auto;
  padding: 90px 0 90px 0;

  max-width: 100%;
  display: block;
  width: 100%;
  position: relative;
  background: #d1d6dd;
  text-align: center;
}

#newgraduate #section-flow #section-intership,
#newgraduate #section-recruit #section-intership,
#newgraduate #section-voice #section-intership {
  padding-top: 45px;
}

#newgraduate #section-flow.intership,
#newgraduate #section-recruit.intership,
#newgraduate #section-voice.intership {
  background: #f0f1f4;
}

#newgraduate #section-flow.intership ul.read,
#newgraduate #section-recruit.intership ul.read,
#newgraduate #section-voice.intership ul.read {
  width: 480px;
  margin: 0 auto 50px auto;
  text-align: left;
}

#newgraduate #section-flow.intership ul.read li,
#newgraduate #section-recruit.intership ul.read li,
#newgraduate #section-voice.intership ul.read li {
  list-style: disc;
  color: #0f203e;
}

#newgraduate #section-flow.intership p.read,
#newgraduate #section-recruit.intership p.read,
#newgraduate #section-voice.intership p.read {
  color: #0f203e;
  text-align: left;
}

#newgraduate #section-flow.intership p.read.--ctr,
#newgraduate #section-recruit.intership p.read.--ctr,
#newgraduate #section-voice.intership p.read.--ctr {
  text-align: center;
}

#newgraduate #section-flow.intership p.read + .box,
#newgraduate #section-recruit.intership p.read + .box,
#newgraduate #section-voice.intership p.read + .box {
  margin-bottom: 50px;
  text-align: left;
  padding: 40px 30px;
}

#newgraduate #section-flow.intership p.read + .box h4,
#newgraduate #section-recruit.intership p.read + .box h4,
#newgraduate #section-voice.intership p.read + .box h4 {
  font-size: 2rem;
}

#newgraduate #section-flow.intership p.read + .box p,
#newgraduate #section-recruit.intership p.read + .box p,
#newgraduate #section-voice.intership p.read + .box p {
  margin-bottom: 20px;
  font-size: 1.5rem;
  line-height: 1.6;
}

#newgraduate #section-flow.intership p.read + .box p + h4,
#newgraduate #section-recruit.intership p.read + .box p + h4,
#newgraduate #section-voice.intership p.read + .box p + h4 {
  padding-top: 40px;
}

#newgraduate #section-flow.intership p.read + .box ul,
#newgraduate #section-recruit.intership p.read + .box ul,
#newgraduate #section-voice.intership p.read + .box ul {
  padding-left: 20px;
}

#newgraduate #section-flow.intership p.read + .box ul li,
#newgraduate #section-recruit.intership p.read + .box ul li,
#newgraduate #section-voice.intership p.read + .box ul li {
  font-size: 1.5rem;
  margin-bottom: 10px;
  line-height: 1.4;
}

#newgraduate #section-flow.intership h4,
#newgraduate #section-recruit.intership h4,
#newgraduate #section-voice.intership h4 {
  font-size: 2.6rem;
  margin-bottom: 20px;
  color: #0f203e;
}

#newgraduate #section-flow.intership .note,
#newgraduate #section-recruit.intership .note,
#newgraduate #section-voice.intership .note {
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: left;
  color: #333;
}

#newgraduate #section-flow.intership #days,
#newgraduate #section-recruit.intership #days,
#newgraduate #section-voice.intership #days {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 40px;
}

#newgraduate #section-flow.intership #days .box,
#newgraduate #section-recruit.intership #days .box,
#newgraduate #section-voice.intership #days .box {
  padding: 40px 30px 20px 30px;
  margin: 0 30px 0 0;
  width: calc(50% - 15px);
  text-align: left;
}

#newgraduate #section-flow.intership #days .box + .box,
#newgraduate #section-recruit.intership #days .box + .box,
#newgraduate #section-voice.intership #days .box + .box {
  margin-right: 0;
}

#newgraduate #section-flow.intership #days h5,
#newgraduate #section-recruit.intership #days h5,
#newgraduate #section-voice.intership #days h5 {
  display: block;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 40px;
  text-align: center;
  font-size: 4rem;
}

#newgraduate #section-flow.intership #days h5:before,
#newgraduate #section-recruit.intership #days h5:before,
#newgraduate #section-voice.intership #days h5:before {
  content: "";
  background: #0f203e;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0px;
}

#newgraduate #section-flow.intership #days h5 img,
#newgraduate #section-recruit.intership #days h5 img,
#newgraduate #section-voice.intership #days h5 img {
  height: 30px;
  width: auto;
}

#newgraduate #section-flow.intership #days h6,
#newgraduate #section-recruit.intership #days h6,
#newgraduate #section-voice.intership #days h6 {
  font-size: 2rem;
  color: #0f203e;
  margin-bottom: 20px;
}

#newgraduate #section-flow.intership #days p,
#newgraduate #section-recruit.intership #days p,
#newgraduate #section-voice.intership #days p {
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 20px;
}

#newgraduate #section-flow.intership #days p.day strong,
#newgraduate #section-recruit.intership #days p.day strong,
#newgraduate #section-voice.intership #days p.day strong {
  font-size: 1.8rem;
  font-weight: bold;
}

#newgraduate #section-flow.intership #days p span,
#newgraduate #section-recruit.intership #days p span,
#newgraduate #section-voice.intership #days p span {
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: left;
  color: #333;
}

#newgraduate #section-flow.intership #days ul,
#newgraduate #section-recruit.intership #days ul,
#newgraduate #section-voice.intership #days ul {
  margin-bottom: 20px;
  padding-left: 20px;
}

#newgraduate #section-flow.intership #days ul li,
#newgraduate #section-recruit.intership #days ul li,
#newgraduate #section-voice.intership #days ul li {
  font-size: 1.4rem;
  margin-bottom: 10px;
  line-height: 1.4;
}

#newgraduate #section-flow.intership #days ul + h6,
#newgraduate #section-flow.intership #days p + h6,
#newgraduate #section-recruit.intership #days ul + h6,
#newgraduate #section-recruit.intership #days p + h6,
#newgraduate #section-voice.intership #days ul + h6,
#newgraduate #section-voice.intership #days p + h6 {
  padding-top: 40px;
}

#newgraduate #section-flow.intership #days strong,
#newgraduate #section-recruit.intership #days strong,
#newgraduate #section-voice.intership #days strong {
  display: block;
}

#newgraduate #section-flow.intership .step-detail li li,
#newgraduate #section-recruit.intership .step-detail li li,
#newgraduate #section-voice.intership .step-detail li li {
  padding-right: 0 !important;
}

#newgraduate #section-flow.intership .step-detail li li.coming_soon a,
#newgraduate #section-recruit.intership .step-detail li li.coming_soon a,
#newgraduate #section-voice.intership .step-detail li li.coming_soon a {
  position: relative;
  pointer-events: none;
}

#newgraduate #section-flow.intership .step-detail li li.coming_soon a:before,
#newgraduate #section-recruit.intership .step-detail li li.coming_soon a:before,
#newgraduate #section-voice.intership .step-detail li li.coming_soon a:before {
  content: "COMING SOON";
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
  line-height: 57px;
  color: #0f203e;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  z-index: +1;
  display: block;
  border: 1px solid #0f203e;
}

#newgraduate #section-flow.intership .step-detail li li.close a,
#newgraduate #section-recruit.intership .step-detail li li.close a,
#newgraduate #section-voice.intership .step-detail li li.close a {
  position: relative;
  pointer-events: none;
}

#newgraduate #section-flow.intership .step-detail li li.close a:before,
#newgraduate #section-recruit.intership .step-detail li li.close a:before,
#newgraduate #section-voice.intership .step-detail li li.close a:before {
  content: "";
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
  line-height: 57px;
  color: #0f203e;
  background: rgba(15, 32, 62, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: +1;
  display: block;
  border: 1px solid #0f203e;
}

#newgraduate #section-flow.intership h3 + .box,
#newgraduate #section-recruit.intership h3 + .box,
#newgraduate #section-voice.intership h3 + .box {
  margin: 40px 0;
}

#newgraduate #section-flow h2,
#newgraduate #section-recruit h2,
#newgraduate #section-voice h2 {
  font-family: "Hind", sans-serif;
  font-weight: 700;
  font-size: 5rem;
  display: inline-block;
  position: relative;
  padding-bottom: 13px;
  margin-bottom: 60px;
  padding-top: 140px;
  margin-top: -140px;
}

#newgraduate #section-flow h2:before,
#newgraduate #section-recruit h2:before,
#newgraduate #section-voice h2:before {
  content: "";
  background: #1c7aac;
  height: 7px;
  width: 100%;
  position: absolute;
  /*width:calc(100% - 20px); bottom:0 left:10px;;*/
  bottom: 3px;
}

#newgraduate #section-flow h2 img,
#newgraduate #section-recruit h2 img,
#newgraduate #section-voice h2 img {
  height: 45px;
  width: auto;
}

#newgraduate #section-flow h2 + p.note,
#newgraduate #section-recruit h2 + p.note,
#newgraduate #section-voice h2 + p.note {
  text-align: center !important;
  margin-top: -40px;
  margin-bottom: 40px;
}

#newgraduate #section-flow h2#flow,
#newgraduate #section-recruit h2#flow,
#newgraduate #section-voice h2#flow {
  margin-top: -50px;
}

#newgraduate #section-flow h2#flow:before,
#newgraduate #section-recruit h2#flow:before,
#newgraduate #section-voice h2#flow:before {
  left: 0;
}

#newgraduate #section-flow h3,
#newgraduate #section-recruit h3,
#newgraduate #section-voice h3 {
  font-family: "Hind", sans-serif;
  font-weight: 700;
  font-size: 3.2rem;
  margin-bottom: 30px;
  color: #1c7aac;
}

#newgraduate #section-flow dl,
#newgraduate #section-recruit dl,
#newgraduate #section-voice dl {
  width: 80%;
  margin: 0 auto 0px auto;
  max-width: 1200px;
  color: #0f203e;
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: left;
  position: relative;
}

#newgraduate #section-flow dl:before,
#newgraduate #section-recruit dl:before,
#newgraduate #section-voice dl:before {
  width: 20%;
  height: 2px;
  background: #0f203e;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}

#newgraduate #section-flow dl:after,
#newgraduate #section-recruit dl:after,
#newgraduate #section-voice dl:after {
  width: calc(80% - 30px);
  height: 1px;
  background: #0f203e;
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(20% + 30px);
}

#newgraduate #section-flow dl dt,
#newgraduate #section-recruit dl dt,
#newgraduate #section-voice dl dt {
  width: 20%;
  border-top: 2px solid #0f203e;
  margin: 0;
  padding: 20px 20px;
  float: left;
  clear: left;
  font-weight: bold;
}

#newgraduate #section-flow dl dt:nth-child(1),
#newgraduate #section-recruit dl dt:nth-child(1),
#newgraduate #section-voice dl dt:nth-child(1) {
  border: none;
}

#newgraduate #section-flow dl dd,
#newgraduate #section-recruit dl dd,
#newgraduate #section-voice dl dd {
  margin: 1px 0 0 calc(20% + 30px);
  padding: 20px 20px;
  border-top: 1px solid #0f203e;
  color: #000;
}

#newgraduate #section-flow dl dd:nth-child(2),
#newgraduate #section-recruit dl dd:nth-child(2),
#newgraduate #section-voice dl dd:nth-child(2) {
  border: none;
}

#newgraduate #section-flow dl dd span,
#newgraduate #section-recruit dl dd span,
#newgraduate #section-voice dl dd span {
  display: block;
  font-size: 1.4rem;
  padding-top: 5px;
}

#newgraduate #section-flow .read,
#newgraduate #section-recruit .read,
#newgraduate #section-voice .read {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 50px;
}

#newgraduate #section-flow .box,
#newgraduate #section-recruit .box,
#newgraduate #section-voice .box {
  background: #fff;
  padding: 90px;
  color: #10203c;
}

#newgraduate #section-flow .box .step,
#newgraduate #section-recruit .box .step,
#newgraduate #section-voice .box .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  counter-reset: step;
  position: relative;
  width: 100%;
  padding: 0 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 60px;
}

#newgraduate #section-flow .box .step:before,
#newgraduate #section-recruit .box .step:before,
#newgraduate #section-voice .box .step:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #707070;
  display: block;
  position: absolute;
  left: 0;
  top: 34px;
}

#newgraduate #section-flow .box .step li,
#newgraduate #section-recruit .box .step li,
#newgraduate #section-voice .box .step li {
  list-style: none;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  width: calc(100% / 6);
  position: relative;
}

#newgraduate #section-flow .box .step li:before,
#newgraduate #section-recruit .box .step li:before,
#newgraduate #section-voice .box .step li:before {
  counter-increment: step;
  content: "Step" counter(step);
  width: 100%;
  display: block;
  padding-bottom: 40px;
}

#newgraduate #section-flow .box .step li:after,
#newgraduate #section-recruit .box .step li:after,
#newgraduate #section-voice .box .step li:after {
  content: "";
  width: 9px;
  height: 9px;
  background: #10203c;
  border-radius: 4px;
  display: block;
  position: absolute;
  left: calc(50% - 4.5px);
  top: 30px;
}

#newgraduate #section-flow .box .step-detail,
#newgraduate #section-recruit .box .step-detail,
#newgraduate #section-voice .box .step-detail {
  text-align: left;
  counter-reset: step-detail;
  position: relative;
}

#newgraduate #section-flow .box .step-detail:before,
#newgraduate #section-recruit .box .step-detail:before,
#newgraduate #section-voice .box .step-detail:before {
  content: "";
  width: 1px;
  height: calc(100% - 40px);
  background: #707070;
  display: block;
  position: absolute;
  left: 40px;
  bottom: 40px;
}

#newgraduate #section-flow .box .step-detail li,
#newgraduate #section-recruit .box .step-detail li,
#newgraduate #section-voice .box .step-detail li {
  list-style: none;
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  padding: 0 100px;
  /* padding:0 370px 50px 100px; padding:0 370px 40px 100px;*/
  margin-bottom: 60px;
}

#newgraduate #section-flow .box .step-detail li.--wide,
#newgraduate #section-recruit .box .step-detail li.--wide,
#newgraduate #section-voice .box .step-detail li.--wide {
  padding-right: 0 !important;
}

#newgraduate #section-flow .box .step-detail li:nth-last-child(1),
#newgraduate #section-recruit .box .step-detail li:nth-last-child(1),
#newgraduate #section-voice .box .step-detail li:nth-last-child(1) {
  margin-bottom: 0;
}

#newgraduate #section-flow .box .step-detail li:before,
#newgraduate #section-recruit .box .step-detail li:before,
#newgraduate #section-voice .box .step-detail li:before {
  counter-increment: step-detail;
  content: "Step" counter(step-detail);
  display: block;
  color: #fff;
  background: #10203c;
  width: 80px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 1.5rem;
  position: absolute;
  left: 0;
  top: 0;
}

#newgraduate #section-flow .box .step-detail li .title,
#newgraduate #section-recruit .box .step-detail li .title,
#newgraduate #section-voice .box .step-detail li .title {
  font-size: 2.6rem;
  line-height: 36px;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

#newgraduate #section-flow .box .step-detail li .read,
#newgraduate #section-recruit .box .step-detail li .read,
#newgraduate #section-voice .box .step-detail li .read {
  font-size: 1.8rem;
  line-height: 1.8;
  display: block;
  margin-bottom: 10px;
  font-weight: normal;
  color: #000;
  width: calc(100% - 30px);
}

#newgraduate #section-flow .box .step-detail li .read .note,
#newgraduate #section-recruit .box .step-detail li .read .note,
#newgraduate #section-voice .box .step-detail li .read .note {
  font-size: 1.6rem;
  line-height: 1.4;
  display: block;
}

#newgraduate #section-flow .box .step-detail li .titledate1,
#newgraduate #section-recruit .box .step-detail li .titledate1,
#newgraduate #section-voice .box .step-detail li .titledate1 {
  font-size: 1.4rem;
  line-height: 1.5;
  display: block;
  position: absolute;
  right: 200px;
  top: 260px;
  /*top:310px;*/
  width: 100px;
  background: #1c7aac;
  color: #fff;
  text-align: center;
  border-radius: 4px;
}

#newgraduate #section-flow .box .step-detail li .titledate2,
#newgraduate #section-recruit .box .step-detail li .titledate2,
#newgraduate #section-voice .box .step-detail li .titledate2 {
  font-size: 1.4rem;
  line-height: 1.5;
  display: block;
  position: absolute;
  right: 25px;
  top: 260px;
  /*top:310px;*/
  width: 100px;
  background: #1c7aac;
  color: #fff;
  text-align: center;
  border-radius: 4px;
}

#newgraduate #section-flow .box .step-detail li .date1,
#newgraduate #section-recruit .box .step-detail li .date1,
#newgraduate #section-voice .box .step-detail li .date1 {
  font-size: 1.3rem;
  line-height: 1.5;
  display: block;
  position: absolute;
  right: 175px;
  top: 48px;
  width: 140px;
}

#newgraduate #section-flow .box .step-detail li .date2,
#newgraduate #section-recruit .box .step-detail li .date2,
#newgraduate #section-voice .box .step-detail li .date2 {
  font-size: 1.3rem;
  line-height: 1.5;
  display: block;
  position: absolute;
  right: 0;
  top: 48px;
  width: 140px;
}

#newgraduate #section-flow .box .step-detail li .days,
#newgraduate #section-recruit .box .step-detail li .days,
#newgraduate #section-voice .box .step-detail li .days {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: normal;
  display: block;
  margin-bottom: 10px;
}

#newgraduate #section-flow .box .step-detail li ul li,
#newgraduate #section-recruit .box .step-detail li ul li,
#newgraduate #section-voice .box .step-detail li ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  display: inline-block;
  width: auto;
  vertical-align: top;
  counter-increment: none !important;
}

#newgraduate #section-flow .box .step-detail li ul li:before,
#newgraduate #section-recruit .box .step-detail li ul li:before,
#newgraduate #section-voice .box .step-detail li ul li:before {
  display: none;
}

#newgraduate #section-flow .box .step-detail li ul li.close a,
#newgraduate #section-recruit .box .step-detail li ul li.close a,
#newgraduate #section-voice .box .step-detail li ul li.close a {
  position: relative;
  pointer-events: none;
}

#newgraduate #section-flow .box .step-detail li ul li.close a:before,
#newgraduate #section-recruit .box .step-detail li ul li.close a:before,
#newgraduate #section-voice .box .step-detail li ul li.close a:before {
  content: "";
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
  line-height: 57px;
  color: #0f203e;
  background: rgba(15, 32, 62, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: +1;
  display: block;
  border: 1px solid #0f203e;
}

#newgraduate #section-flow .box .step-detail li ul li:nth-child(1),
#newgraduate #section-recruit .box .step-detail li ul li:nth-child(1),
#newgraduate #section-voice .box .step-detail li ul li:nth-child(1) {
  margin-right: 10px;
}

#newgraduate #section-flow .box .step-detail li ul li:nth-child(1) a,
#newgraduate #section-recruit .box .step-detail li ul li:nth-child(1) a,
#newgraduate #section-voice .box .step-detail li ul li:nth-child(1) a {
  background: #1c7aac;
}

#newgraduate #section-flow .box .step-detail li ul li:nth-child(2) a,
#newgraduate #section-recruit .box .step-detail li ul li:nth-child(2) a,
#newgraduate #section-voice .box .step-detail li ul li:nth-child(2) a {
  background: #c85819;
}

#newgraduate #section-flow .box .step-detail li ul li a,
#newgraduate #section-recruit .box .step-detail li ul li a,
#newgraduate #section-voice .box .step-detail li ul li a {
  font-size: 1.8rem;
  line-height: 1.5;
  width: 180px;
  height: 57px;
  text-align: center;
  padding: 10px 0;
  color: #fff;
  text-decoration: none;
  display: block;
  font-weight: bold;
  border: 1px #fff solid;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 5px;
}

#newgraduate #section-flow .box .step-detail li ul li a:hover,
#newgraduate #section-recruit .box .step-detail li ul li a:hover,
#newgraduate #section-voice .box .step-detail li ul li a:hover {
  opacity: 0.7;
}

#newgraduate #section-flow .box .step-detail li ul li a span,
#newgraduate #section-recruit .box .step-detail li ul li a span,
#newgraduate #section-voice .box .step-detail li ul li a span {
  font-size: 1.2rem;
  display: block;
  padding-bottom: 2px;
  line-height: 1;
}

#newgraduate #section-flow .tabs,
#newgraduate #section-recruit .tabs,
#newgraduate #section-voice .tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  width: 100%;
  margin: 0 auto;
}

#newgraduate #section-flow .tabs .tab_item,
#newgraduate #section-recruit .tabs .tab_item,
#newgraduate #section-voice .tabs .tab_item {
  width: 360px;
  height: 80px;
  margin: 0 2px;
  border-top: 5px solid #f0f1f4;
  background-color: #cdd1d8;
  line-height: 80px;
  font-size: 1.8rem;
  text-align: center;
  color: #0f203e;
  display: inline-block;
  font-weight: bold;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#newgraduate #section-flow .tabs .tab_item:hover,
#newgraduate #section-recruit .tabs .tab_item:hover,
#newgraduate #section-voice .tabs .tab_item:hover {
  opacity: 0.75;
}

#newgraduate #section-flow .tabs .tab_item ._en,
#newgraduate #section-recruit .tabs .tab_item ._en,
#newgraduate #section-voice .tabs .tab_item ._en {
  font-size: 3.6rem;
  font-weight: bold;
}

#newgraduate #section-flow .tabs input[name="tab_item"],
#newgraduate #section-recruit .tabs input[name="tab_item"],
#newgraduate #section-voice .tabs input[name="tab_item"] {
  display: none;
}

#newgraduate #section-flow .tabs input[name="tab_item"]:checked + .tab_item,
#newgraduate #section-recruit .tabs input[name="tab_item"]:checked + .tab_item,
#newgraduate #section-voice .tabs input[name="tab_item"]:checked + .tab_item {
  border-top: 5px solid #0f203e;
  background-color: #fff;
}

#newgraduate #section-flow .tabs .tab_content,
#newgraduate #section-recruit .tabs .tab_content,
#newgraduate #section-voice .tabs .tab_content {
  background: #fff;
  display: none;
  padding: 70px 40px 10px 40px;
  clear: both;
  overflow: hidden;
}

#newgraduate #section-flow .tabs #day2:checked ~ #day2_content,
#newgraduate #section-flow .tabs #day1:checked ~ #day1_content,
#newgraduate #section-recruit .tabs #day2:checked ~ #day2_content,
#newgraduate #section-recruit .tabs #day1:checked ~ #day1_content,
#newgraduate #section-voice .tabs #day2:checked ~ #day2_content,
#newgraduate #section-voice .tabs #day1:checked ~ #day1_content {
  display: block;
}

#newgraduate #section-flow .tabs dl,
#newgraduate #section-recruit .tabs dl,
#newgraduate #section-voice .tabs dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  width: 100%;
}

#newgraduate #section-flow .tabs dl:before,
#newgraduate #section-flow .tabs dl:after,
#newgraduate #section-recruit .tabs dl:before,
#newgraduate #section-recruit .tabs dl:after,
#newgraduate #section-voice .tabs dl:before,
#newgraduate #section-voice .tabs dl:after {
  display: none;
}

#newgraduate #section-flow .tabs dl dt,
#newgraduate #section-recruit .tabs dl dt,
#newgraduate #section-voice .tabs dl dt {
  width: 180px;
  margin: 0 40px 40px 0;
  padding: 0;
  border: none;
}

#newgraduate #section-flow .tabs dl dd,
#newgraduate #section-recruit .tabs dl dd,
#newgraduate #section-voice .tabs dl dd {
  width: calc(100% - 220px);
  margin: 0 0 40px 0;
  padding: 0;
  border: none;
}

#newgraduate #section-flow .tabs dl dd h6,
#newgraduate #section-recruit .tabs dl dd h6,
#newgraduate #section-voice .tabs dl dd h6 {
  font-size: 2.2rem;
  margin-bottom: 20px;
}

#newgraduate #section-flow .tabs dl dd p,
#newgraduate #section-recruit .tabs dl dd p,
#newgraduate #section-voice .tabs dl dd p {
  margin-bottom: 20px;
}

#newgraduate #section-flow .tabs dl dd p span,
#newgraduate #section-recruit .tabs dl dd p span,
#newgraduate #section-voice .tabs dl dd p span {
  font-size: 1.6rem;
  padding-left: 1em;
}

#newgraduate #section-flow .tabs dl dd .table-wrap,
#newgraduate #section-recruit .tabs dl dd .table-wrap,
#newgraduate #section-voice .tabs dl dd .table-wrap {
  /*overflow-x: scroll;*/
}

#newgraduate #section-flow .tabs dl dd table,
#newgraduate #section-recruit .tabs dl dd table,
#newgraduate #section-voice .tabs dl dd table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

#newgraduate #section-flow .tabs dl dd table th,
#newgraduate #section-flow .tabs dl dd table td,
#newgraduate #section-recruit .tabs dl dd table th,
#newgraduate #section-recruit .tabs dl dd table td,
#newgraduate #section-voice .tabs dl dd table th,
#newgraduate #section-voice .tabs dl dd table td {
  border: #b2bac7 1px solid;
  line-height: 60px;
  height: 60px;
  padding: 0 20px;
}

#newgraduate #section-flow .tabs dl dd table thead th,
#newgraduate #section-recruit .tabs dl dd table thead th,
#newgraduate #section-voice .tabs dl dd table thead th {
  background: #0f203e;
  color: #fff;
  text-align: center;
}

#newgraduate #section-flow .tabs dl dd table thead td,
#newgraduate #section-recruit .tabs dl dd table thead td,
#newgraduate #section-voice .tabs dl dd table thead td {
  background: #f0f1f4;
}

#newgraduate #section-flow .tabs dl dd table tbody th,
#newgraduate #section-recruit .tabs dl dd table tbody th,
#newgraduate #section-voice .tabs dl dd table tbody th {
  background: #f0f1f4;
  text-align: center;
}

#newgraduate #section-flow .tabs dl dd table tbody td,
#newgraduate #section-recruit .tabs dl dd table tbody td,
#newgraduate #section-voice .tabs dl dd table tbody td {
  background: #fff;
}

#newgraduate #section-faq {
  margin: 0 auto;
  padding: 90px 0 30px 0;
  max-width: 100%;
  display: block;
  width: 100%;
  position: relative;
  background: #eeeff2;
  text-align: center;
}

#newgraduate #section-faq.top {
  background: #fff;
}

#newgraduate #section-faq .inner {
  padding: 0 10%;
}

#newgraduate #section-faq h2 {
  font-family: "Hind", sans-serif;
  font-weight: 700;
  font-size: 5rem;
  display: inline-block;
  position: relative;
  padding-bottom: 13px;
  margin-bottom: 58px;
  padding-top: 140px;
  margin-top: -140px;
}

#newgraduate #section-faq h2:before {
  content: "";
  background: #1c7aac;
  height: 7px;
  width: 100%;
  position: absolute;
  /*width:calc(100% - 20px); bottom:0 left:10px;;*/
  bottom: 3px;
}

#newgraduate #section-faq h2 img {
  height: 45px;
  width: auto;
}

#newgraduate #section-faq h3 {
  font-size: 2.1rem;
  margin-bottom: 20px;
  color: #1c7aac;
  font-weight: bold;
}

#newgraduate #section-faq h4 {
  font-size: 1.8rem;
  margin-bottom: 20px;
  color: #0f203e;
  text-align: left;
}

#newgraduate #section-faq dl.faq-list {
  margin-bottom: 60px;
  color: #0f203e;
  background: #d1d6dd;
  padding: 20px 20px 1px 20px;
  text-align: left;
}

#newgraduate #section-faq dl.faq-list dt {
  background: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 30px 20px 30px 20px;
  min-height: 80px;
  margin-bottom: 20px;
  cursor: pointer;
}

#newgraduate #section-faq dl.faq-list dt:before {
  content: "";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: url(../../../../assets/images/icon_arrow_primary1.png) 0 0
    no-repeat;
  background-size: 8px 15px;
  width: 8px;
  height: 15px;
  position: absolute;
  right: 20px;
  top: calc(50% - 6px);
}

#newgraduate #section-faq dl.faq-list dt.active::before {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

#newgraduate #section-faq dl.faq-list dd {
  background: #fff;
  padding: 10px 20px 30px 20px;
  display: none;
  font-size: 1.8rem;
  line-height: 1.9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  top: -20px;
  color: #000;
}

#newgraduate #section-faq dl.faq-list dd .note {
  font-size: 1.4rem;
}

#newgraduate #section-faq dl.faq-list dt.active + dd {
  height: auto;
}

#newgraduate #section-faq dl.faq-list a {
  color: #5e5d5c;
}

#newgraduate #section-faq dl.faq-list a:hover {
  text-decoration: underline;
}

#newgraduate #section-title {
  position: relative;
  padding: 40px 0;
}

#newgraduate #section-title:before {
  content: "";
  background: url(../../../../assets/images/careers/bg-careers.png) #0f203e 50%
    50% no-repeat;
  background-size: auto 260px;
  width: 100%;
  height: 260px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: +1;
}

#newgraduate #section-title .inner {
  width: 100%;
  max-width: 1200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  z-index: +2;
}

#newgraduate #section-title .title {
  background-size: auto 360px;
  width: 100%;
  height: 360px;
  padding: 0 100px;
}

#newgraduate #section-title .title img {
  width: auto;
  height: 50px;
}

#newgraduate #section-title .title p.head {
  text-align: left;
  color: #0f203e;
}

#newgraduate #section-title .title p.head span {
  color: #0f203e;
}

#newgraduate #section-title.business {
  background: #e9e9e9;
}

#newgraduate #section-title.career {
  background: #fff;
}

#newgraduate #section-title.business .title {
  background: url(../../../../assets/images/careers/newgraduate/business/bg_title.png)
    #d1d6dd 100% 50% no-repeat;
  background-size: auto 360px;
}

#newgraduate #section-title.career .title {
  background: url(../../../../assets/images/careers/newgraduate/business/bg_title.png)
    #d1d6dd 100% 50% no-repeat;
  background-size: auto 360px;
}

#newgraduate #section-title.staff {
  background: #f0f1f4;
}

#newgraduate #section-title.staff .title {
  background: url(../../../../assets/images/careers/newgraduate/staff/bg_title.png)
    #d1d6dd 100% 50% no-repeat;
  background-size: auto 360px;
}

#newgraduate #section-title.group {
  background: #f0f1f4;
}

#newgraduate #section-title.group .title {
  background: url(../../../../assets/images/careers/newgraduate/group/bg_title.png)
    #d1d6dd 100% 50% no-repeat;
  background-size: auto 360px;
}

#newgraduate #section-title.ceo {
  background: #f0f1f4;
}

#newgraduate #section-title.ceo .title {
  background: url(../../../../assets/images/careers/newgraduate/ceo/bg_title.png)
    #d1d6dd 100% 50% no-repeat;
  background-size: auto 360px;
}

#newgraduate #section-title.workstyle {
  background: #e9e9e9;
}

#newgraduate #section-title.workstyle .title {
  background: url(../../../../assets/images/careers/newgraduate/workstyle/bg_title.png)
    #d1d6dd 100% 50% no-repeat;
  background-size: auto 360px;
}

#newgraduate #section-title.information {
  background: white;
}

#newgraduate #section-title.information .title {
  background: #d1d6dd;
}

#newgraduate #section-title .pankuzu {
  text-align: left;
  padding-left: 80px;
  padding-right: 80px;
}

#newgraduate #section-movie {
  background: #e9e9e9;
  padding: 90px 0 90px 0;
}

#newgraduate #section-movie .inner {
  width: 100%;
  max-width: 1200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

#newgraduate #section-movie .inner .youtube {
  position: relative;
  padding-top: 56.25%;
  border: #cbd0d8 8px solid;
}

#newgraduate #section-movie .inner .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

#newgraduate #section-misson {
  background: #e9e9e9;
  color: #0f203e;
  padding: 80px 0 120px 0;
}

#newgraduate #section-misson .inner {
  max-width: 980px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

#newgraduate #section-misson .box {
  background: url(../../../../assets/images/careers/newgraduate/business/img_promise.png)
    100% 50% no-repeat;
  background-size: 46% auto;
  margin-bottom: 120px;
}

#newgraduate #section-misson .section-mission-subttl {
  font-size: 2.6rem;
  border-bottom: 7px #1c7aac solid;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 15px;
  margin-bottom: 90px;
}

#newgraduate #section-misson .section-mission-read {
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  padding-bottom: 15px;
  margin-bottom: 48px;
}

#newgraduate #section-misson h3 {
  margin-bottom: 40px;
}

#newgraduate #section-misson h3 ._en {
  font-size: 4.8rem;
  line-height: 1.2;
}

#newgraduate #section-misson h3 img {
  width: auto;
  height: 120px;
}

#newgraduate #section-misson h3 span {
  font-size: 3.2rem;
  display: block;
  margin-top: 40px;
}

#newgraduate #section-misson p {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.9;
  margin-bottom: 40px;
}

#newgraduate #section-misson .read {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.7;
  margin-bottom: 40px;
  text-align: center;
}

#newgraduate #section-misson ul {
  margin: 0;
  padding: 10px 0 0 0;
}

#newgraduate #section-misson ul li {
  list-style: none;
  margin: 0 20px 0 0;
  padding: 0;
  text-align: center;
  width: calc(25% - 15px);
  float: left;
}

#newgraduate #section-misson ul li:nth-last-child(1) {
  margin-right: 0;
}

#newgraduate #section-misson ul li .title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 20px;
  display: block;
}

#newgraduate #section-misson .box-dx {
  padding: 50px 0 0;
}

#newgraduate #section-formation {
  background: #fff;
  padding: 90px 0 90px 0;
}

#newgraduate #section-formation .inner {
  width: 100%;
  background: #fff;
  max-width: 980px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

#newgraduate #section-formation .inner h2 {
  font-size: 3.2rem;
  display: inline-block;
  position: relative;
  padding-bottom: 13px;
  margin-bottom: 58px;
  padding-top: 140px;
  margin-top: -140px;
}

#newgraduate #section-formation .inner h2:before {
  content: "";
  background: #1c7aac;
  height: 7px;
  width: calc(100% + 40px);
  position: absolute;
  bottom: -20px;
  left: -20px;
}

#newgraduate #section-formation .inner .read {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.7;
  margin-bottom: 40px;
}

#newgraduate #section-formation .inner dl.group-list + .read,
#newgraduate #section-formation .inner dl.group-list-other + .read {
  margin-top: 80px;
}

#newgraduate #section-formation .inner dl.group-list,
#newgraduate #section-formation .inner dl.group-list-other {
  margin-bottom: 20px;
  color: #0f203e;
  text-align: left;
  position: relative;
}

#newgraduate #section-formation .inner dl.group-list dt,
#newgraduate #section-formation .inner dl.group-list-other dt {
  background: #eaeaea;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  height: 95px;
  margin-bottom: 20px;
  cursor: pointer;
  border-bottom: 1px #fff solid;
  display: table;
  width: 100%;
}

#newgraduate #section-formation .inner dl.group-list dt ul,
#newgraduate #section-formation .inner dl.group-list-other dt ul {
  display: table-cell;
  vertical-align: middle;
  padding-left: 40px;
}

#newgraduate #section-formation .inner dl.group-list dt ul li,
#newgraduate #section-formation .inner dl.group-list-other dt ul li {
  font-size: 1.7rem;
  margin-bottom: 5px;
}

#newgraduate #section-formation .inner dl.group-list dt ul li:nth-last-child(1),
#newgraduate
  #section-formation
  .inner
  dl.group-list-other
  dt
  ul
  li:nth-last-child(1) {
  margin-bottom: 0;
}

#newgraduate #section-formation .inner dl.group-list dt .icon,
#newgraduate #section-formation .inner dl.group-list-other dt .icon {
  width: 95px;
  border-right: 1px #fff solid;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

#newgraduate #section-formation .inner dl.group-list dt .icon img,
#newgraduate #section-formation .inner dl.group-list-other dt .icon img {
  width: 80px;
  vertical-align: bottom;
}

#newgraduate #section-formation .inner dl.group-list dt .title,
#newgraduate #section-formation .inner dl.group-list-other dt .title {
  display: table-cell;
  width: 265px;
  text-align: left;
  vertical-align: middle;
  padding: 5px 0 0 20px;
}

#newgraduate #section-formation .inner dl.group-list dt .title img,
#newgraduate #section-formation .inner dl.group-list-other dt .title img {
  width: auto;
  height: 22px;
  vertical-align: bottom;
}

#newgraduate #section-formation .inner dl.group-list dt:before,
#newgraduate #section-formation .inner dl.group-list-other dt:before {
  content: "MORE";
  position: absolute;
  right: 0;
  top: 62px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  width: 90px;
  height: 32px;
  line-height: 32px;
  padding: 0 5px 0 28px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  z-index: +1;
}

#newgraduate #section-formation .inner dl.group-list dt.active:before,
#newgraduate #section-formation .inner dl.group-list-other dt.active:before {
  content: "CLOSE";
  position: absolute;
  right: 0;
  /*top:calc(100% - 52px);*/
  top: 62px;
}

#newgraduate #section-formation .inner dl.group-list dt.group1 .icon,
#newgraduate #section-formation .inner dl.group-list-other dt.group1 .icon {
  background: #927e64;
}

#newgraduate #section-formation .inner dl.group-list dt.group1 .title,
#newgraduate #section-formation .inner dl.group-list-other dt.group1 .title {
  background: #927e64;
  color: #fff;
}

#newgraduate #section-formation .inner dl.group-list dt.group1:before,
#newgraduate #section-formation .inner dl.group-list-other dt.group1:before {
  background: url(../../../../assets/images/careers/newgraduate/business/icon_arrow_bottom.png)
    #927e64 10px 50% no-repeat;
  background-size: 11px 6px;
}

#newgraduate #section-formation .inner dl.group-list dt.group1.active:before,
#newgraduate
  #section-formation
  .inner
  dl.group-list-other
  dt.group1.active:before {
  background: url(../../../../assets/images/careers/newgraduate/business/icon_arrow_top.png)
    #927e64 10px 50% no-repeat;
  background-size: 11px 6px;
}

#newgraduate #section-formation .inner dl.group-list dt.group1 + dd .title,
#newgraduate
  #section-formation
  .inner
  dl.group-list-other
  dt.group1
  + dd
  .title {
  color: #927e64;
}

#newgraduate #section-formation .inner dl.group-list dt.group2 .icon,
#newgraduate #section-formation .inner dl.group-list-other dt.group2 .icon {
  background: #216155;
}

#newgraduate #section-formation .inner dl.group-list dt.group2 .title,
#newgraduate #section-formation .inner dl.group-list-other dt.group2 .title {
  background: #216155;
  color: #fff;
}

#newgraduate #section-formation .inner dl.group-list dt.group2:before,
#newgraduate #section-formation .inner dl.group-list-other dt.group2:before {
  background: url(../../../../assets/images/careers/newgraduate/business/icon_arrow_bottom.png)
    #216155 10px 50% no-repeat;
  background-size: 11px 6px;
}

#newgraduate #section-formation .inner dl.group-list dt.group2.active:before,
#newgraduate
  #section-formation
  .inner
  dl.group-list-other
  dt.group2.active:before {
  background: url(../../../../assets/images/careers/newgraduate/business/icon_arrow_top.png)
    #216155 10px 50% no-repeat;
  background-size: 11px 6px;
}

#newgraduate #section-formation .inner dl.group-list dt.group2 + dd .title,
#newgraduate
  #section-formation
  .inner
  dl.group-list-other
  dt.group2
  + dd
  .title {
  color: #216155;
}

#newgraduate #section-formation .inner dl.group-list dt.group3 .icon,
#newgraduate #section-formation .inner dl.group-list-other dt.group3 .icon {
  background: #1d7aac;
}

#newgraduate #section-formation .inner dl.group-list dt.group3 .title,
#newgraduate #section-formation .inner dl.group-list-other dt.group3 .title {
  background: #1d7aac;
  color: #fff;
}

#newgraduate #section-formation .inner dl.group-list dt.group3:before,
#newgraduate #section-formation .inner dl.group-list-other dt.group3:before {
  background: url(../../../../assets/images/careers/newgraduate/business/icon_arrow_bottom.png)
    #1d7aac 10px 50% no-repeat;
  background-size: 11px 6px;
}

#newgraduate #section-formation .inner dl.group-list dt.group3.active:before,
#newgraduate
  #section-formation
  .inner
  dl.group-list-other
  dt.group3.active:before {
  background: url(../../../../assets/images/careers/newgraduate/business/icon_arrow_top.png)
    #1d7aac 10px 50% no-repeat;
  background-size: 11px 6px;
}

#newgraduate #section-formation .inner dl.group-list dt.group3 + dd .title,
#newgraduate
  #section-formation
  .inner
  dl.group-list-other
  dt.group3
  + dd
  .title {
  color: #1d7aac;
}

#newgraduate #section-formation .inner dl.group-list dd,
#newgraduate #section-formation .inner dl.group-list-other dd {
  background: #eaeaea;
  padding: 40px 40px 40px 40px;
  display: none;
  font-size: 1.8rem;
  line-height: 1.9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  top: -20px;
  text-align: center;
}

#newgraduate #section-formation .inner dl.group-list dd .title,
#newgraduate #section-formation .inner dl.group-list-other dd .title {
  text-align: center;
  font-weight: bold;
  font-size: 2.4rem;
  margin-bottom: 25px;
  display: inline-block;
}

#newgraduate #section-formation .inner dl.group-list dd ul,
#newgraduate #section-formation .inner dl.group-list-other dd ul {
  width: 700px;
  margin: 0 auto;
  padding: 30px 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  /*display: flex; flex-wrap: wrap;*/
}

#newgraduate #section-formation .inner dl.group-list dd ul li,
#newgraduate #section-formation .inner dl.group-list-other dd ul li {
  margin-bottom: 10px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #0f203e;
  /*list-style: none;*/
  text-align: left;
  /*float: left; width:50%;*/
  /*&:before{content:'>'; font-size: 1.4rem; margin-right:5px; display: inline-block; position: relative; top:-1px;}*/
  /*&:nth-last-child(1),&:nth-last-child(2){margin-bottom: 0;}*/
}

#newgraduate #section-formation .inner dl.group-list dd ul li:nth-last-child(1),
#newgraduate
  #section-formation
  .inner
  dl.group-list-other
  dd
  ul
  li:nth-last-child(1) {
  margin-bottom: 0;
}

#newgraduate #section-formation .inner dl.group-list dt.active + dd,
#newgraduate #section-formation .inner dl.group-list-other dt.active + dd {
  height: auto;
}

#newgraduate #section-formation .inner dl.group-list-other dt {
  cursor: auto;
}

#newgraduate #section-formation .inner dl.group-list-other dt:before {
  display: none;
}

#newgraduate #section-formation .inner dl.group-list-other dt .title {
  width: 360px;
  background: #b2bac7;
}

#newgraduate #section-formation .inner dl.group-list-other dt .title img {
  height: 20px;
}

#newgraduate #section-skillup {
  background: #111d36;
  padding: 90px 0;
  color: #fff;
}

#newgraduate #section-skillup .inner {
  max-width: 1020px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

#newgraduate #section-skillup .inner h2 {
  font-size: 2.6rem;
  border-bottom: 7px #1c7aac solid;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 15px;
  margin-bottom: 50px;
}

#newgraduate #section-skillup .inner h3 {
  font-size: 2.4rem;
  margin-bottom: 50px;
  color: #fff;
  text-align: center;
}

#newgraduate #section-skillup .inner .slider-skillup {
  text-align: center;
}

#newgraduate #section-skillup .inner .slider-skillup .swiper-slide {
  padding: 0 40px 50px 40px;
}

#newgraduate #section-skillup .inner .slider-skillup .txt {
  font-size: 1.8rem;
  margin-bottom: 30px;
  color: #fff;
  display: inline-block;
}

#newgraduate #section-skillup .inner .slider-skillup .swiper-button-prev {
  left: 0px;
  top: 55%;
}

#newgraduate #section-skillup .inner .slider-skillup .swiper-button-next {
  right: 0px;
  top: 55%;
}

#newgraduate #section-skillup .inner .slider-skillup .swiper-button-next,
#newgraduate #section-skillup .inner .slider-skillup .swiper-button-prev {
  color: #fff !important;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  /*&:after{}*/
}

#newgraduate #section-skillup .inner .slider-skillup .swiper-button-next:hover,
#newgraduate #section-skillup .inner .slider-skillup .swiper-button-prev:hover {
  opacity: 0.8;
}

#newgraduate #section-skillup .inner .slider-skillup .swiper-pagination {
  position: absolute;
  bottom: 0;
}

#newgraduate #section-skillup .inner .slider-skillup .swiper-pagination-bullet {
  background: #7b899f;
  opacity: 1;
  margin: 0 5px;
  width: 10px;
  height: 10px;
}

#newgraduate
  #section-skillup
  .inner
  .slider-skillup
  .swiper-pagination-bullet-active {
  background: #d2ab41;
}

#newgraduate #section-case {
  background: #c0c7ca;
  padding: 90px 0 90px 0;
}

#newgraduate #section-case .inner {
  width: 100%;
  background: #fff;
  max-width: 980px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  /*h2{margin-bottom:40px; padding: 30px 20px 0 20px; box-sizing: border-box; .en{font-size:4.0rem; padding-bottom: 0; border-bottom: 7px #1c7aac solid; font-family: 'Hind', sans-serif; font-weight: 600;} .jp{font-size:1.4rem; color:#0f203e;} }*/
}

#newgraduate #section-case .inner h2 {
  font-size: 3.2rem;
  display: inline-block;
  position: relative;
  padding: 40px 0 13px 0;
  margin-bottom: 58px;
}

#newgraduate #section-case .inner h2:before {
  content: "";
  background: #1c7aac;
  height: 7px;
  width: calc(100% + 40px);
  position: absolute;
  bottom: -20px;
  left: -20px;
}

#newgraduate #section-case .inner .tabs {
  width: 100%;
  position: relative;
  height: 640px;
  /*padding-top: 57.25%;*/
  border-top: 1px #d1d6dd solid;
}

#newgraduate #section-case .inner .tabs input[name="tab_item"] {
  display: none;
}

#newgraduate #section-case .inner .tabs .menu {
  padding: 50px 90px 70px 90px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#newgraduate #section-case .inner .tabs .tab_item {
  width: 32%;
  float: left;
  margin: 0 2% 0 0;
  border: 1px #d1d6dd solid;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: block;
  position: relative;
  text-align: left;
}

#newgraduate #section-case .inner .tabs .tab_item:nth-child(3n) {
  margin-right: 0;
}

#newgraduate #section-case .inner .tabs .tab_item:hover {
  -webkit-box-shadow: 0px 0 14px 0 rgba(79, 91, 109, 0.2),
    10px -5px 14px 0 rgba(79, 91, 109, 0.2);
  box-shadow: 0px 0 14px 0 rgba(79, 91, 109, 0.2),
    10px -5px 14px 0 rgba(79, 91, 109, 0.2);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

#newgraduate #section-case .inner .tabs .tab_item .image {
  display: block;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
  background-size: cover !important;
  background-position: 50% 50% !important;
}

#newgraduate #section-case .inner .tabs .tab_item .title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.4;
  color: #0f203e;
  display: block;
  height: auto;
  /*background: #fff;*/
  padding: 18px 20px 20px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}

#newgraduate #section-case .inner .tabs .tab_content {
  display: block;
  /*display: none;*/
  opacity: 0;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  clear: both;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  text-align: left;
}

#newgraduate #section-case .inner .tabs .tab_content .image img {
  vertical-align: bottom;
}

#newgraduate #section-case .inner .tabs .tab_content .mv {
  display: block;
  float: left;
  height: 640px;
  width: 50%;
  background-position: 50% 50% !important;
  background-repeat: none !important;
  background-size: cover !important;
}

#newgraduate #section-case .inner .tabs .tab_content .box {
  width: 50%;
  float: right;
  height: 640px;
  display: table;
}

#newgraduate #section-case .inner .tabs .tab_content .box .txt {
  display: table-cell;
  vertical-align: middle;
  padding: 0 100px 0 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #10203c;
}

#newgraduate #section-case .inner .tabs .tab_content .box .txt .client {
  font-size: 1.5rem;
  font-weight: bold;
  display: block;
  margin-bottom: 30px;
}

#newgraduate #section-case .inner .tabs .tab_content .box .txt .sub {
  font-size: 1.8rem;
  line-height: 1.8;
  display: block;
  margin-bottom: 20px;
}

#newgraduate #section-case .inner .tabs .tab_content .box .txt .title {
  font-size: 5rem;
  font-family: "Hind", sans-serif;
  font-weight: 600;
  display: block;
  margin-bottom: 30px;
}

#newgraduate #section-case .inner .tabs .tab_content .box .txt .read {
  font-size: 1.6rem;
  line-height: 1.8;
  display: block;
}

#newgraduate #section-case .inner .tabs .tab_content .box-sub {
  padding: 30px 80px 0 50px;
}

#newgraduate #section-case .inner .tabs .tab_content .box-sub .title {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.8;
  display: block;
  margin-bottom: 10px;
}

#newgraduate #section-case .inner .tabs .tab_content .box-sub .read {
  font-size: 1.6rem;
  line-height: 1.8;
  display: block;
}

#newgraduate #section-case .inner .tabs .tab_content .box-sub ul {
  margin: 20px 0 0 0;
  padding: 0;
  display: block;
}

#newgraduate #section-case .inner .tabs .tab_content .box-sub ul li {
  list-style: none;
  margin: 0 2% 0 0;
  padding: 0;
  width: 32%;
  float: left;
}

#newgraduate
  #section-case
  .inner
  .tabs
  .tab_content
  .box-sub
  ul
  li:nth-child(3n) {
  margin-right: 0;
}

#newgraduate #section-case .inner .tabs .tab_content .box-sub ul li .image {
  padding-top: 75%;
  margin-bottom: 20px;
  width: 100%;
  display: block;
  background-position: 50% 50% !important;
  background-repeat: none !important;
  background-size: cover !important;
}

#newgraduate #section-case .inner .tabs .tab_content .box-sub ul li .title {
  font-size: 1.8rem;
  line-height: 1.4;
  display: block;
  min-height: 50px;
}

#newgraduate #section-case .inner .tabs .tab_content .box-sub ul li .read {
  font-size: 1.2rem;
  line-height: 1.8;
  display: block;
}

#newgraduate #section-case .inner .tabs .tab_content .swiper-button-next,
#newgraduate
  #section-case
  .inner
  .tabs
  .tab_content
  .swiper-container-rtl
  .swiper-button-prev {
  right: 25px;
  top: 50%;
  left: auto;
}

#newgraduate #section-case .inner .tabs .tab_content .swiper-button-next,
#newgraduate #section-case .inner .tabs .tab_content .swiper-button-prev {
  color: #fff !important;
  background: rgba(16, 32, 60, 0.8);
  width: 39px;
  height: 74px;
  border-radius: 7px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#newgraduate #section-case .inner .tabs .tab_content .swiper-button-next:after,
#newgraduate #section-case .inner .tabs .tab_content .swiper-button-prev:after {
  font-size: 20px !important;
  -webkit-transform: scale(1, 0.5);
  transform: scale(1, 0.5);
}

#newgraduate #section-case .inner .tabs .tab_content .swiper-button-next:hover,
#newgraduate #section-case .inner .tabs .tab_content .swiper-button-prev:hover {
  opacity: 0.8;
}

#newgraduate #section-case .inner .tabs .tab_content .swiper-pagination {
  position: absolute;
  bottom: 20px;
  text-align: right;
  padding-right: 10%;
}

#newgraduate #section-case .inner .tabs .tab_content .swiper-pagination-bullet {
  background: #cccccc;
  opacity: 1;
  margin: 0 5px;
  width: 10px;
  height: 10px;
}

#newgraduate
  #section-case
  .inner
  .tabs
  .tab_content
  .swiper-pagination-bullet-active {
  background: #999999;
}

#newgraduate #section-case .inner .tabs #case01:checked ~ #case01_content,
#newgraduate #section-case .inner .tabs #case02:checked ~ #case02_content,
#newgraduate #section-case .inner .tabs #case03:checked ~ #case03_content {
  /*display: block;*/
  opacity: 1;
}

#newgraduate #section-case .inner .tabs #case01:checked ~ .menu #case01_menu,
#newgraduate #section-case .inner .tabs #case02:checked ~ .menu #case02_menu,
#newgraduate #section-case .inner .tabs #case03:checked ~ .menu #case03_menu {
  background: #0f203e;
}

#newgraduate
  #section-case
  .inner
  .tabs
  #case01:checked
  ~ .menu
  #case01_menu
  .title,
#newgraduate
  #section-case
  .inner
  .tabs
  #case02:checked
  ~ .menu
  #case02_menu
  .title,
#newgraduate
  #section-case
  .inner
  .tabs
  #case03:checked
  ~ .menu
  #case03_menu
  .title {
  color: #fff;
}

#newgraduate #section-menu {
  background: #fff;
  padding: 90px 0 70px 0;
  text-align: center;
}

#newgraduate #section-menu.menu-top {
  background: url(../../../../assets/images/bk_title_parttan-a.png) 50% 50%
    no-repeat;
  background-size: cover;
  position: relative;
}

#newgraduate #section-menu.menu-top:before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#newgraduate #section-menu.menu-top h2 {
  color: #fff;
  font-size: 5.4rem;
  padding-bottom: 23px;
  margin-bottom: 60px;
  position: relative;
  display: inline-block;
}

#newgraduate #section-menu.menu-top h2:before {
  content: "";
  background: #1c7aac;
  height: 7px;
  width: 100%;
  position: absolute;
  /*bottom:0 left:10px;;*/
  bottom: 3px;
}

#newgraduate #section-menu.menu-top h2 span {
  font-family: "Hind", sans-serif;
  font-weight: 700;
  font-size: 5rem;
  position: relative;
  /*padding-bottom: 13px;*/
  display: block;
}

#newgraduate #section-menu.menu-top a {
  border: none !important;
}

#newgraduate #section-menu h2 img {
  height: 53px;
  width: auto;
}

#newgraduate #section-menu .inner {
  width: 100%;
  max-width: 1000px;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
}

#newgraduate #section-menu .inner ul li {
  list-style: none;
  width: 32%;
  float: left;
  margin: 0 2% 20px 0;
}

#newgraduate #section-menu .inner ul li:nth-child(3n) {
  margin-right: 0;
}

#newgraduate #section-menu .inner ul li a {
  border: 1px #d1d6dd solid;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: block;
  position: relative;
}

#newgraduate #section-menu .inner ul li a:hover {
  -webkit-box-shadow: 0px 0 14px 0 rgba(79, 91, 109, 0.2),
    10px -5px 14px 0 rgba(79, 91, 109, 0.2);
  box-shadow: 0px 0 14px 0 rgba(79, 91, 109, 0.2),
    10px -5px 14px 0 rgba(79, 91, 109, 0.2);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

#newgraduate #section-menu .inner ul li a .image {
  display: block;
  width: 100%;
  height: auto;
  padding-top: 75%;
  background-size: cover !important;
  background-position: 50% 50% !important;
}

#newgraduate #section-menu .inner ul li a .title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  color: #0f203e;
  display: block;
  height: auto;
  background: #fff;
  padding: 18px 25px 20px 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}

#newgraduate #section-menu .inner ul li a .title span {
  font-size: 1.3rem;
  display: block;
}

#newgraduate #section-menu .inner ul li a .image + .title {
  border-top: 1px #d1d6dd solid;
}

#newgraduate #section-submit {
  background: #0f203e;
  padding: 100px 0 70px 0;
}

#newgraduate #section-submit ul {
  text-align: center;
  margin-bottom: 40px;
}

#newgraduate #section-submit ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  display: inline-block;
  width: auto;
  vertical-align: top;
}

#newgraduate #section-submit ul li:nth-child(1).btn-year a {
  padding: 32px 0;
  /* color: #1c7aac; */
  color: #c85819;
  border: 1px #c85819 solid;
  background: url(../../../../assets/images/careers/newgraduate/icon_arrow_o.png)
    calc(100% - 18px) 50% #fff no-repeat;
  background-size: auto 18px;
}

#newgraduate #section-submit ul li:nth-child(1).btn-year a:hover {
  background: url(../../../../assets/images/icon_arrow_secondary6.png)
    calc(100% - 18px) 50% #c85819 no-repeat;
  background-size: auto 18px;
  color: #fff;
  opacity: 1;
}

#newgraduate #section-submit ul li.btn-year {
  margin: 0 16px 16px;
}

#newgraduate #section-submit ul li:nth-child(2).btn-year a {
  padding: 32px 0;
  color: #c85819;
  border: 1px #c85819 solid;
  background: url(../../../../assets/images/careers/newgraduate/icon_arrow_o.png)
    calc(100% - 18px) 50% #fff no-repeat;
  background-size: auto 18px;
}

#newgraduate #section-submit ul li:nth-child(2).btn-year a:hover {
  background: url(../../../../assets/images/icon_arrow_secondary6.png)
    calc(100% - 18px) 50% #c85819 no-repeat;
  background-size: auto 18px;
  color: #fff;
  opacity: 1;
}

#newgraduate #section-submit ul li:nth-child(3).btn-year a {
  padding: 32px 0;
  color: #4caf50;
  border: 1px #4caf50 solid;
  background: url(../../../../assets/images/careers/newgraduate/icon_arrow_g.png)
    calc(100% - 18px) 50% #fff no-repeat;
  background-size: auto 18px;
}

#newgraduate #section-submit ul li:nth-child(3).btn-year a:hover {
  background: url(../../../../assets/images/icon_arrow_secondary6.png)
    calc(100% - 18px) 50% #4caf50 no-repeat;
  background-size: auto 18px;
  color: #fff;
  opacity: 1;
}

#newgraduate #section-submit ul li.coming_soon {
  border-right: 1px solid #0f203e;
}

#newgraduate #section-submit ul li.coming_soon a {
  position: relative;
  pointer-events: none;
}

#newgraduate #section-submit ul li.coming_soon a:before {
  content: "COMING SOON";
  width: 100%;
  height: 100%;
  line-height: 113px;
  color: #0f203e;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  z-index: +1;
  display: block;
}

#newgraduate #section-submit ul li.close {
  border-right: 1px solid #0f203e;
}

#newgraduate #section-submit ul li.close a {
  position: relative;
  pointer-events: none;
}

#newgraduate #section-submit ul li.close a:before {
  content: "";
  width: 100%;
  height: 100%;
  line-height: 113px;
  color: #0f203e;
  background: rgba(15, 32, 62, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: +1;
  display: block;
}

#newgraduate #section-submit ul li:nth-child(1) a {
  background: url(../../../../assets/images/careers/newgraduate/btn_link_w.png)
    calc(100% - 22px) 50% #1c7aac no-repeat;
  background-size: auto 22px;
}

#newgraduate #section-submit ul li:nth-child(2) a {
  background: url(../../../../assets/images/careers/newgraduate/btn_link_w.png)
    calc(100% - 22px) 50% #c85819 no-repeat;
  background-size: auto 22px;
}

#newgraduate #section-submit ul li a {
  font-size: 2rem;
  width: 420px;
  text-align: center;
  padding: 30px 0;
  color: #fff;
  text-decoration: none;
  display: block;
  line-height: 1.5;
  font-weight: bold;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#newgraduate #section-submit ul li a:hover {
  opacity: 0.7;
}

#newgraduate #section-submit ul li a span {
  font-size: 1.8rem;
  display: block;
  padding-bottom: 5px;
}

#newgraduate #section-submit .link {
  text-align: center;
  display: block;
}

#newgraduate #section-submit .link a {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#newgraduate #section-submit .link a:hover {
  opacity: 0.8;
}

#newgraduate #section-submit .link a:before {
  content: ">";
  display: inline-block;
  margin-right: 5px;
  font-size: 1.2rem;
  position: relative;
  top: -2px;
}

#newgraduate #section-contact {
  background: #f0f1f4;
  padding: 40px 0 40px;
}

#newgraduate #section-contact .inner {
  width: 100%;
  max-width: 600px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0 30px;
}

#newgraduate #section-contact .inner .box-head {
  float: left;
}

#newgraduate #section-contact .inner .box-head h1 {
  width: 200px;
  margin: 0 auto 40px;
  line-height: 1.6;
}

#newgraduate #section-contact .inner .box-head .read {
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: bold;
  text-align: right;
}

#newgraduate #section-contact .inner .box-text {
  float: right;
}

#newgraduate #section-contact .inner .box-text p {
  font-size: 1.6rem;
  line-height: 1.8;
}

#newgraduate #section-contact .inner .box-text .address {
  font-size: 1.6rem;
  font-weight: bold;
  color: #0f203e;
  margin-bottom: 10px;
}

#newgraduate #section-contact .inner .box-text .box-info {
  margin: 0 auto;
}

#newgraduate #section-contact .inner .box-text .box-info .small {
  font-size: 1.2rem;
  margin-bottom: 5px;
}

#newgraduate #section-contact .inner .box-text .box-info ul {
  font-size: 1.2rem;
  padding-left: 20px;
  line-height: 1.6;
  margin-bottom: 20px;
}

#newgraduate #section-contact .inner .box-text .box-info .h {
  font-size: 1.4rem;
}

#newgraduate #section-contact .inner .box-text .box-info .note {
  font-size: 1.2rem;
}

#newgraduate #section-mv {
  background: #f0f1f4;
}

#newgraduate #section-mv .inner {
  width: 100%;
  max-width: 1460px;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 80px 20px 0 20px;
}

#newgraduate #section-mv .inner img {
  vertical-align: bottom;
}

#newgraduate #section-contents {
  background: #f0f1f4;
}

#newgraduate #section-contents._module-article .inner p {
  color: #000;
}

#newgraduate #section-contents .inner {
  background: #fff;
  width: 100%;
  max-width: 1200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  margin: 0 auto 90px auto;
  padding: 90px 80px;
}

#newgraduate #section-contents .inner p.name {
  display: inline-block;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 20px 50px;
  margin: 0;
  position: absolute;
  left: 0;
  top: -50px;
  background: #fff;
}

#newgraduate #section-contents .inner p.name span {
  font-size: 1.5rem;
  font-weight: normal;
  display: block;
}

#newgraduate #section-contents .inner p.image {
  margin: 80px 0;
}

#newgraduate #section-contents .inner p.image.large {
  width: calc(100% + 160px);
  position: relative;
  left: -80px;
}

#newgraduate #section-contents .inner p.image.left {
  position: relative;
  left: -80px;
}

#newgraduate #section-contents .inner p.image.right {
  position: relative;
  left: 80px;
}

#newgraduate #section-contents .inner .-box-wrapper {
  padding: 30px;
}

#newgraduate #section-contents .inner .-box-wrapper .clearfix {
  margin-bottom: 20px;
}

#newgraduate #section-contents .inner .-box-wrapper .clearfix:nth-child(3) {
  margin-bottom: 0;
}

#newgraduate #section-contents .inner .-box-wrapper p.image {
  width: 200px;
  height: 200px;
  float: left;
  margin: 0;
}

#newgraduate #section-contents .inner .-box-wrapper .text {
  width: calc(100% - 240px);
  float: right;
}

#newgraduate #section-contents .inner .-box-wrapper .text p {
  color: #0f203e;
}

#newgraduate #section-contents .inner .-outline h3 {
  font-size: 2.4rem;
  margin: 15px 0 30px 0;
}

#newgraduate #section-contents .inner .-outline h3 span {
  font-size: 1.6rem;
  display: block;
  margin-top: 10px;
}

#newgraduate #section-contents .inner .h_ceo {
  position: relative;
  margin-bottom: 85px;
}

#newgraduate #section-contents .inner .h_ceo:before {
  content: "";
  width: 80px;
  height: 5px;
  background: #1c7aac;
  display: block;
  left: 0;
  bottom: -30px;
  position: absolute;
}

#newgraduate #section-contents .inner .n_ceo {
  font-size: 1.4rem;
  position: absolute;
  top: 10px;
  left: 220px;
  line-height: 1.6;
}

#newgraduate #section-contents .inner .ul_ceo li {
  list-style: none;
  margin-bottom: 90px;
}

#newgraduate #section-contents .inner .ul_ceo li:nth-child(1) .txt {
  float: left;
  width: 54%;
}

#newgraduate #section-contents .inner .ul_ceo li:nth-child(1) .image {
  float: right;
  width: 46%;
  position: relative;
  right: -80px;
  margin: 0;
}

#newgraduate #section-contents .inner .ul_ceo li:nth-child(2) .txt {
  float: right;
  width: 46%;
}

#newgraduate #section-contents .inner .ul_ceo li:nth-child(2) .image {
  float: left;
  width: 54%;
  position: relative;
  left: -80px;
  margin: 0;
}

#newgraduate #section-contents .inner p.sign {
  text-align: right;
  margin: 0;
}

#newgraduate #section-contents .inner p.sign img {
  width: 180px;
}

#newgraduate #section-contents .inner .h_q {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  background: url(../../../images/careers/newgraduate/group/h_q.png) 0 50%
    no-repeat;
  background-size: auto 50px;
  padding: 15px 0 0 50px;
  min-height: 50px;
}

#newgraduate #section-contents .inner ul.member {
  text-align: right;
  margin: -50px 0 50px 0;
}

#newgraduate #section-contents .inner ul.member li {
  list-style: none;
  display: inline-block;
  margin-right: 40px;
}

#newgraduate #section-contents .inner ul.member li:nth-last-child(1) {
  margin-right: 0;
}

#newgraduate #section-contents .inner ul.member li .name {
  font-size: 2.8rem;
  font-weight: bold;
  display: block;
  border-left: 5px solid;
  padding: 5px 0 5px 20px;
}

#newgraduate #section-contents .inner ul.member li .name.red {
  border-color: #c85819;
}

#newgraduate #section-contents .inner ul.member li .name.yellow {
  border-color: #d2ab41;
}

#newgraduate #section-contents .inner ul.member li .name.blue {
  border-color: #1c7aac;
}

#newgraduate #section-contents .inner dl dt {
  float: left;
}

#newgraduate #section-contents .inner dl dt .name {
  font-size: 2rem;
  font-weight: bold;
  display: block;
  border-left: 5px solid;
  padding: 5px 0 5px 10px;
}

#newgraduate #section-contents .inner dl dt .name.red {
  border-color: #c85819;
}

#newgraduate #section-contents .inner dl dt .name.yellow {
  border-color: #d2ab41;
}

#newgraduate #section-contents .inner dl dt .name.blue {
  border-color: #1c7aac;
}

#newgraduate #section-contents .inner dl dt .name span {
  font-size: 1rem;
}

#newgraduate #section-contents .inner dl dd {
  margin-left: 150px;
  font-size: 1.6rem;
  line-height: 2;
  margin-bottom: 40px;
  color: #000;
  /*color: #0f203e;*/
}

#newgraduate #section-staff {
  background: #d1d6dd;
  padding-top: 0;
  padding-bottom: 20px;
}

#newgraduate #section-staff .swiper-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 0;
  overflow: inherit;
  width: calc(100% - 120px);
}

#newgraduate #section-staff .swiper-inner .swiper-container {
  padding: 0 20px;
}

#newgraduate #section-staff .swiper-inner .image {
  height: 220px;
}

#newgraduate #section-staff .swiper-inner .box {
  padding: 20px 10px 0 10px;
  min-height: 78px;
  /*min-height:160px;*/
}

#newgraduate #section-staff .swiper-inner .box .title {
  font-size: 14px;
  height: 5.5em;
  /*height:6em;*/
  font-weight: bold;
}

#newgraduate #section-staff .swiper-inner .box .name {
  font-size: 18px;
  font-weight: bold;
  color: #0f203e;
}

#newgraduate #section-staff .swiper-inner .box .name span {
  font-size: 12px;
  line-height: 1.4;
  display: block;
  margin-top: 5px;
  min-height: 2em;
}

#newgraduate #section-staff .swiper-inner .box .tag-word {
  font-size: 12px;
  font-weight: bold;
}

#newgraduate #section-staff .swiper-inner .swiper-pagination {
  margin: 0 auto 0 auto;
  position: relative;
  top: -40px;
  z-index: +1;
  /*display: none;*/
}

#newgraduate
  #section-staff
  .swiper-inner
  .swiper-pagination
  .swiper-pagination-bullet {
  border: 1px #0f203e solid;
  background: none;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  opacity: 1;
}

#newgraduate
  #section-staff
  .swiper-inner
  .swiper-pagination
  .swiper-pagination-bullet-active {
  background: #0f203e;
}

#newgraduate #section-staff .swiper-inner .swiper-button-next {
  right: -35px !important;
  /*display: none;*/
}

#newgraduate #section-staff .swiper-inner .swiper-button-prev {
  left: -35px !important;
  /*display: none;*/
}

#newgraduate #section-staff.anime_in {
  /*.swiper-slide:nth-child(n+11){  現存4列用 5列用*/
}

#newgraduate #section-staff.anime_in .swiper-slide:nth-child(n + 9) {
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

#newgraduate #section-staff.anime_in .swiper-slide:nth-child(5) {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

#newgraduate #section-staff.anime_in .swiper-slide:nth-child(6) {
  opacity: 1;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

#newgraduate #section-staff.anime_in .swiper-slide:nth-child(7) {
  opacity: 1;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

#newgraduate #section-staff.anime_in .swiper-slide:nth-child(8) {
  opacity: 1;
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

#newgraduate #section-staff.anime_in .swiper-slide:nth-child(9) {
  opacity: 1;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

#newgraduate #section-staff ._btn-orange a {
  position: relative;
  background: none;
}

#newgraduate #section-staff ._btn-orange a:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: url(../../../../assets/images/icon_arrow_accent2.png)
    calc(100% - 20px) 50% no-repeat;
  background-size: auto 15px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  position: absolute;
  top: 0;
  left: 0;
}

#newgraduate #section-staff ._btn-orange a:hover {
  background: rgba(210, 171, 65, 0.15);
}

#discussion01 .inner,
#discussion02 .inner,
#discussion03 .inner,
#discussion04 .inner {
  width: 100%;
  background: #fff;
  padding: 30px 50px;
}

#discussion01 .tabs,
#discussion02 .tabs,
#discussion03 .tabs,
#discussion04 .tabs {
  width: 100%;
  position: relative;
  padding-top: 57.25%;
  border-top: 1px #d1d6dd solid;
}

#discussion01 .tabs input[name="tab_item1"],
#discussion01 .tabs input[name="tab_item2"],
#discussion01 .tabs input[name="tab_item3"],
#discussion01 .tabs input[name="tab_item4"],
#discussion02 .tabs input[name="tab_item1"],
#discussion02 .tabs input[name="tab_item2"],
#discussion02 .tabs input[name="tab_item3"],
#discussion02 .tabs input[name="tab_item4"],
#discussion03 .tabs input[name="tab_item1"],
#discussion03 .tabs input[name="tab_item2"],
#discussion03 .tabs input[name="tab_item3"],
#discussion03 .tabs input[name="tab_item4"],
#discussion04 .tabs input[name="tab_item1"],
#discussion04 .tabs input[name="tab_item2"],
#discussion04 .tabs input[name="tab_item3"],
#discussion04 .tabs input[name="tab_item4"] {
  display: none;
}

#discussion01 .tabs .menu,
#discussion02 .tabs .menu,
#discussion03 .tabs .menu,
#discussion04 .tabs .menu {
  padding: 10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#discussion01 .tabs .tab_item,
#discussion02 .tabs .tab_item,
#discussion03 .tabs .tab_item,
#discussion04 .tabs .tab_item {
  width: 32%;
  float: left;
  margin: 0 2% 20px 0;
  border: 1px #d1d6dd solid;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: block;
  position: relative;
  outline: 4px #fff solid;
  /*&:hover {box-shadow: 0px 0 14px 0 rgba(79, 91, 109, 0.2), 10px -5px 14px 0 rgba(79, 91, 109, 0.2); transform: scale(1.05);}*/
}

#discussion01 .tabs .tab_item:nth-child(3n),
#discussion02 .tabs .tab_item:nth-child(3n),
#discussion03 .tabs .tab_item:nth-child(3n),
#discussion04 .tabs .tab_item:nth-child(3n) {
  margin-right: 0;
}

#discussion01 .tabs .tab_item:nth-last-child(1),
#discussion02 .tabs .tab_item:nth-last-child(1),
#discussion03 .tabs .tab_item:nth-last-child(1),
#discussion04 .tabs .tab_item:nth-last-child(1) {
  margin: 20px auto 0 auto;
  width: 380px;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  float: none;
  clear: both;
}

#discussion01 .tabs .tab_item:nth-last-child(1):hover,
#discussion02 .tabs .tab_item:nth-last-child(1):hover,
#discussion03 .tabs .tab_item:nth-last-child(1):hover,
#discussion04 .tabs .tab_item:nth-last-child(1):hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: scale(1);
  transform: scale(1);
}

#discussion01 .tabs .tab_item:nth-last-child(1) ._btn span,
#discussion02 .tabs .tab_item:nth-last-child(1) ._btn span,
#discussion03 .tabs .tab_item:nth-last-child(1) ._btn span,
#discussion04 .tabs .tab_item:nth-last-child(1) ._btn span {
  background: none;
  height: 60px;
  line-height: 60px;
  font-size: 1.8rem;
}

#discussion01 .tabs .tab_item:nth-last-child(1) ._btn span:hover,
#discussion02 .tabs .tab_item:nth-last-child(1) ._btn span:hover,
#discussion03 .tabs .tab_item:nth-last-child(1) ._btn span:hover,
#discussion04 .tabs .tab_item:nth-last-child(1) ._btn span:hover {
  background: rgba(15, 32, 62, 0.15);
}

#discussion01 .tabs .tab_item .image,
#discussion02 .tabs .tab_item .image,
#discussion03 .tabs .tab_item .image,
#discussion04 .tabs .tab_item .image {
  display: block;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
  background-size: cover !important;
  background-position: 50% 50% !important;
}

#discussion01 .tabs .tab_item .title,
#discussion02 .tabs .tab_item .title,
#discussion03 .tabs .tab_item .title,
#discussion04 .tabs .tab_item .title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
  color: #0f203e;
  display: block;
  height: auto;
  min-height: 60px;
  /*background: #fff;*/
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}

#discussion01 .tabs .tab_content,
#discussion02 .tabs .tab_content,
#discussion03 .tabs .tab_content,
#discussion04 .tabs .tab_content {
  display: block;
  /*display: none;*/
  opacity: 0;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  clear: both;
  /*overflow: hidden;*/
  position: absolute;
  top: 0;
}

#discussion01 .tabs .tab_content .tab_content_description,
#discussion02 .tabs .tab_content .tab_content_description,
#discussion03 .tabs .tab_content .tab_content_description,
#discussion04 .tabs .tab_content .tab_content_description {
  position: relative;
  border: 1px #d1d6dd solid;
  z-index: +1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  /*&:hover{box-shadow: 0px 0 14px 0 rgba(79, 91, 109, 0.2), 10px -5px 14px 0 rgba(79, 91, 109, 0.2); transform: scale(1.05);}*/
}

#discussion01 .tabs .tab_content .tab_content_description img,
#discussion02 .tabs .tab_content .tab_content_description img,
#discussion03 .tabs .tab_content .tab_content_description img,
#discussion04 .tabs .tab_content .tab_content_description img {
  vertical-align: bottom;
}

#discussion01 .tabs #talk11:checked ~ #talk11_content,
#discussion01 .tabs #talk12:checked ~ #talk12_content,
#discussion01 .tabs #talk13:checked ~ #talk13_content,
#discussion01 .tabs #talk14:checked ~ #talk14_content,
#discussion01 .tabs #talk21:checked ~ #talk21_content,
#discussion01 .tabs #talk22:checked ~ #talk22_content,
#discussion01 .tabs #talk23:checked ~ #talk23_content,
#discussion01 .tabs #talk24:checked ~ #talk24_content,
#discussion01 .tabs #talk31:checked ~ #talk31_content,
#discussion01 .tabs #talk32:checked ~ #talk32_content,
#discussion01 .tabs #talk33:checked ~ #talk33_content,
#discussion01 .tabs #talk34:checked ~ #talk34_content,
#discussion01 .tabs #talk41:checked ~ #talk41_content,
#discussion01 .tabs #talk42:checked ~ #talk42_content,
#discussion01 .tabs #talk43:checked ~ #talk43_content,
#discussion01 .tabs #talk44:checked ~ #talk44_content,
#discussion02 .tabs #talk11:checked ~ #talk11_content,
#discussion02 .tabs #talk12:checked ~ #talk12_content,
#discussion02 .tabs #talk13:checked ~ #talk13_content,
#discussion02 .tabs #talk14:checked ~ #talk14_content,
#discussion02 .tabs #talk21:checked ~ #talk21_content,
#discussion02 .tabs #talk22:checked ~ #talk22_content,
#discussion02 .tabs #talk23:checked ~ #talk23_content,
#discussion02 .tabs #talk24:checked ~ #talk24_content,
#discussion02 .tabs #talk31:checked ~ #talk31_content,
#discussion02 .tabs #talk32:checked ~ #talk32_content,
#discussion02 .tabs #talk33:checked ~ #talk33_content,
#discussion02 .tabs #talk34:checked ~ #talk34_content,
#discussion02 .tabs #talk41:checked ~ #talk41_content,
#discussion02 .tabs #talk42:checked ~ #talk42_content,
#discussion02 .tabs #talk43:checked ~ #talk43_content,
#discussion02 .tabs #talk44:checked ~ #talk44_content,
#discussion03 .tabs #talk11:checked ~ #talk11_content,
#discussion03 .tabs #talk12:checked ~ #talk12_content,
#discussion03 .tabs #talk13:checked ~ #talk13_content,
#discussion03 .tabs #talk14:checked ~ #talk14_content,
#discussion03 .tabs #talk21:checked ~ #talk21_content,
#discussion03 .tabs #talk22:checked ~ #talk22_content,
#discussion03 .tabs #talk23:checked ~ #talk23_content,
#discussion03 .tabs #talk24:checked ~ #talk24_content,
#discussion03 .tabs #talk31:checked ~ #talk31_content,
#discussion03 .tabs #talk32:checked ~ #talk32_content,
#discussion03 .tabs #talk33:checked ~ #talk33_content,
#discussion03 .tabs #talk34:checked ~ #talk34_content,
#discussion03 .tabs #talk41:checked ~ #talk41_content,
#discussion03 .tabs #talk42:checked ~ #talk42_content,
#discussion03 .tabs #talk43:checked ~ #talk43_content,
#discussion03 .tabs #talk44:checked ~ #talk44_content,
#discussion04 .tabs #talk11:checked ~ #talk11_content,
#discussion04 .tabs #talk12:checked ~ #talk12_content,
#discussion04 .tabs #talk13:checked ~ #talk13_content,
#discussion04 .tabs #talk14:checked ~ #talk14_content,
#discussion04 .tabs #talk21:checked ~ #talk21_content,
#discussion04 .tabs #talk22:checked ~ #talk22_content,
#discussion04 .tabs #talk23:checked ~ #talk23_content,
#discussion04 .tabs #talk24:checked ~ #talk24_content,
#discussion04 .tabs #talk31:checked ~ #talk31_content,
#discussion04 .tabs #talk32:checked ~ #talk32_content,
#discussion04 .tabs #talk33:checked ~ #talk33_content,
#discussion04 .tabs #talk34:checked ~ #talk34_content,
#discussion04 .tabs #talk41:checked ~ #talk41_content,
#discussion04 .tabs #talk42:checked ~ #talk42_content,
#discussion04 .tabs #talk43:checked ~ #talk43_content,
#discussion04 .tabs #talk44:checked ~ #talk44_content {
  /*display: block;*/
  opacity: 1;
}

#discussion01 .tabs #talk11:checked ~ .menu #talk11_menu,
#discussion01 .tabs #talk12:checked ~ .menu #talk12_menu,
#discussion01 .tabs #talk13:checked ~ .menu #talk13_menu,
#discussion01 .tabs #talk14:checked ~ .menu #talk14_menu,
#discussion01 .tabs #talk21:checked ~ .menu #talk21_menu,
#discussion01 .tabs #talk22:checked ~ .menu #talk22_menu,
#discussion01 .tabs #talk23:checked ~ .menu #talk23_menu,
#discussion01 .tabs #talk24:checked ~ .menu #talk24_menu,
#discussion01 .tabs #talk31:checked ~ .menu #talk31_menu,
#discussion01 .tabs #talk32:checked ~ .menu #talk32_menu,
#discussion01 .tabs #talk33:checked ~ .menu #talk33_menu,
#discussion01 .tabs #talk34:checked ~ .menu #talk34_menu,
#discussion01 .tabs #talk41:checked ~ .menu #talk41_menu,
#discussion01 .tabs #talk42:checked ~ .menu #talk42_menu,
#discussion01 .tabs #talk43:checked ~ .menu #talk43_menu,
#discussion01 .tabs #talk44:checked ~ .menu #talk44_menu,
#discussion02 .tabs #talk11:checked ~ .menu #talk11_menu,
#discussion02 .tabs #talk12:checked ~ .menu #talk12_menu,
#discussion02 .tabs #talk13:checked ~ .menu #talk13_menu,
#discussion02 .tabs #talk14:checked ~ .menu #talk14_menu,
#discussion02 .tabs #talk21:checked ~ .menu #talk21_menu,
#discussion02 .tabs #talk22:checked ~ .menu #talk22_menu,
#discussion02 .tabs #talk23:checked ~ .menu #talk23_menu,
#discussion02 .tabs #talk24:checked ~ .menu #talk24_menu,
#discussion02 .tabs #talk31:checked ~ .menu #talk31_menu,
#discussion02 .tabs #talk32:checked ~ .menu #talk32_menu,
#discussion02 .tabs #talk33:checked ~ .menu #talk33_menu,
#discussion02 .tabs #talk34:checked ~ .menu #talk34_menu,
#discussion02 .tabs #talk41:checked ~ .menu #talk41_menu,
#discussion02 .tabs #talk42:checked ~ .menu #talk42_menu,
#discussion02 .tabs #talk43:checked ~ .menu #talk43_menu,
#discussion02 .tabs #talk44:checked ~ .menu #talk44_menu,
#discussion03 .tabs #talk11:checked ~ .menu #talk11_menu,
#discussion03 .tabs #talk12:checked ~ .menu #talk12_menu,
#discussion03 .tabs #talk13:checked ~ .menu #talk13_menu,
#discussion03 .tabs #talk14:checked ~ .menu #talk14_menu,
#discussion03 .tabs #talk21:checked ~ .menu #talk21_menu,
#discussion03 .tabs #talk22:checked ~ .menu #talk22_menu,
#discussion03 .tabs #talk23:checked ~ .menu #talk23_menu,
#discussion03 .tabs #talk24:checked ~ .menu #talk24_menu,
#discussion03 .tabs #talk31:checked ~ .menu #talk31_menu,
#discussion03 .tabs #talk32:checked ~ .menu #talk32_menu,
#discussion03 .tabs #talk33:checked ~ .menu #talk33_menu,
#discussion03 .tabs #talk34:checked ~ .menu #talk34_menu,
#discussion03 .tabs #talk41:checked ~ .menu #talk41_menu,
#discussion03 .tabs #talk42:checked ~ .menu #talk42_menu,
#discussion03 .tabs #talk43:checked ~ .menu #talk43_menu,
#discussion03 .tabs #talk44:checked ~ .menu #talk44_menu,
#discussion04 .tabs #talk11:checked ~ .menu #talk11_menu,
#discussion04 .tabs #talk12:checked ~ .menu #talk12_menu,
#discussion04 .tabs #talk13:checked ~ .menu #talk13_menu,
#discussion04 .tabs #talk14:checked ~ .menu #talk14_menu,
#discussion04 .tabs #talk21:checked ~ .menu #talk21_menu,
#discussion04 .tabs #talk22:checked ~ .menu #talk22_menu,
#discussion04 .tabs #talk23:checked ~ .menu #talk23_menu,
#discussion04 .tabs #talk24:checked ~ .menu #talk24_menu,
#discussion04 .tabs #talk31:checked ~ .menu #talk31_menu,
#discussion04 .tabs #talk32:checked ~ .menu #talk32_menu,
#discussion04 .tabs #talk33:checked ~ .menu #talk33_menu,
#discussion04 .tabs #talk34:checked ~ .menu #talk34_menu,
#discussion04 .tabs #talk41:checked ~ .menu #talk41_menu,
#discussion04 .tabs #talk42:checked ~ .menu #talk42_menu,
#discussion04 .tabs #talk43:checked ~ .menu #talk43_menu,
#discussion04 .tabs #talk44:checked ~ .menu #talk44_menu {
  outline: 4px #1c7aac solid;
}

#discussion01 .youtube,
#discussion02 .youtube,
#discussion03 .youtube,
#discussion04 .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

#discussion01 .youtube iframe,
#discussion02 .youtube iframe,
#discussion03 .youtube iframe,
#discussion04 .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

@media screen and (max-width: 1150px) {
  #newgraduate #header ul.menu-list.--top li {
    margin-right: 10px !important;
  }

  #newgraduate #header ul.menu-list.--top li a {
    font-size: 1.5rem !important;
    padding: 30px 0 !important;
  }

  #newgraduate #header ul.menu-list li:nth-last-child(2) a {
    width: 100px !important;
  }

  #newgraduate #header ul.menu-list li:nth-last-child(1) a {
    width: 100px !important;
  }

  #newgraduate #header ul.menu-list.--small li {
    letter-spacing: 0;
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 1260px) {
  #newgraduate #header ul.menu-list li.coming_soon a:before {
    line-height: 1.2;
    padding-top: 13px;
    height: 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  #newgraduate #header ul.menu-list li.close a:before {
    line-height: 1.2;
    padding-top: 13px;
    height: 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  #newgraduate #header ul.menu-list li:nth-last-child(2) a {
    width: 120px;
  }

  #newgraduate #header ul.menu-list li:nth-last-child(2) a.top {
    width: 120px;
    padding-top: 9px !important;
  }

  #newgraduate #header ul.menu-list li:nth-last-child(2) a.top br {
    display: inline-block !important;
  }

  #newgraduate #header ul.menu-list li:nth-last-child(1) a {
    width: 120px;
  }

  #newgraduate #header ul.menu-list li:nth-last-child(1) a.top {
    width: 120px;
    padding-top: 9px !important;
  }

  #newgraduate #header ul.menu-list li:nth-last-child(1) a.top br {
    display: inline-block !important;
  }
}

@media screen and (max-width: 1350px) {
  #newgraduate #header ul.menu-list.--small li {
    letter-spacing: 0;
  }
}

@media only screen and (max-width: 1300px) {
  #newgraduate #section-kv .wrapper.full.full {
    height: 500px;
    width: 100%;
  }
}

@media only screen and (max-width: 750px) {
  #newgraduate #section-kv .wrapper .pc {
    display: none !important;
  }

  #newgraduate #section-kv .wrapper .sp {
    display: block !important;
  }
}

@media screen and (max-width: 768px) {
  #newgraduate #section-staff .swiper-inner {
    max-width: 768px;
    min-width: initial;
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #newgraduate #section-staff .swiper-inner .swiper-button-prev {
    left: -42px !important;
    top: calc(50% - 20px) !important;
  }

  #newgraduate #section-staff .swiper-inner .swiper-button-next {
    right: 20px !important;
    top: calc(50% - 20px) !important;
  }

  #newgraduate #section-staff.anime_in .swiper-slide:nth-child(n + 9) {
    -webkit-transition-delay: -2s;
    transition-delay: -2s;
    z-index: -1 !important;
  }
}

.recruit-note {
  width: 80%;
  margin: 24px auto 0px auto;
  max-width: 1200px;
  color: #0f203e;
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: left;
  position: relative;
}

#newgraduate #header .menu-box ul li.menu-staff {
  text-align: left;
  float: none;
  margin-left: 0;
}

#newgraduate #header .menu-box ul li.menu-staff a {
  background: none !important;
  width: fit-content;
}

#newgraduate #header .menu-box ul li.menu-movie {
  text-align: left;
  float: none;
}

#newgraduate #header .menu-box ul li.menu-movie a {
  background: none !important;
  width: fit-content;
}

/* 2024/01/25追記 */

.section-movie-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.section-movie-list-item {
  background-color: #fff;
  display: flex;
  text-align: left;
}
.section-movie-data {
  width: 50%;
  position: relative;
}

.section-movie-business {
  margin: 80px 240px;
  border-radius: 16px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  border: 4px solid #ddd;
}

.section-movie-business img {
  height: 100%;
  object-fit: cover;
}

.section-movie-data-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/_assets/img/common/play.svg);
  background-position: center center;
  background-size: 116px auto;
  background-repeat: no-repeat;
}

.section-movie-data-link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.section-movie-txt {
  width: 50%;
  padding: 32px 40px;
}
.section-movie-txt-ttl {
  font-size: 22px;
}
.section-movie-txt-txt {
  font-size: 16px;
  margin-top: 24px;
  line-height: 1.75;
}

/* モーダルの基本スタイル */
.WsModal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

/* モーダルコンテンツのスタイル */
.WsModal-contents {
  background-color: #fefefe;
  box-shadow: 0 9px 12px rgba(0, 0, 0, 0.5);
  margin: 15% auto;
  position: relative;
  padding: 32px 40px 54px 40px;
  border: 1px solid #888;
  width: 80%;
  max-width: 740px;
}

.WsModal-title {
  text-align: left;
  font-size: 2.6rem;
  margin-bottom: 24px;
  font-weight: bold;
}

.WsModal-txt {
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
}

.WsModal-bold {
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 20px;
  font-weight: bold;
}

.WsModal-list {
  text-align: left;
}

.WsModal-list li {
  list-style: none;
  text-indent: -16px;
  padding-left: 16px;
  line-height: 1.75;
  margin-top: 16px;
  font-size: 16px;
}

.WsModal-list li::before {
  content: "・";
}

/* 閉じるボタンのスタイル */
.close {
  color: black;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #aaa;
  text-decoration: none;
  cursor: pointer;
}

.youtube {
  width: 100%;
  overflow: hidden;
}

.pc-none {
  display: none !important;
}
#newgraduate #section-menu .inner ul.about-rid {
  display: flex;
  justify-content: space-between;
}
#newgraduate #section-menu .inner ul.about-rid li {
  float: initial;
  width: 23%;
  margin: 0 0 20px 0;
}
#newgraduate #section-menu .inner ul.about-rid li:nth-child(3n) {
  margin-right: 0;
}
#newgraduate #section-menu .inner ul.about-rid li:last-child(4n) {
  margin-right: 0;
}