@charset "UTF-8";


.head__inner{
  height: 89px !important;
    padding: 14px 100px 14px 30px !important;
    transition: all 260ms linear !important;
}
.head__logo a img{
  height: 29.5px !important;
    padding: 4px 0px !important;
    width: auto !important;
}

.td2 a img{
  height: 30.5px !important;
  width:auto !important;
}
.block {
  margin: 0 auto;
  max-width: 1435px;
  width: 91.2%;
}
@media screen and (max-width: 959px) {
  .td2 a img{
  width:80% !important;
  }
  .block {
    padding: 0 17px;
    width: 100%;
  }

  .block.none {
    padding: 0;
  }
  .head__logo a img{
    height: 18px !important;
      padding: 2px 0px !important;
      width: auto !important;
  }
  
  .td2 a img{
    height: 18.5px !important;
    width: auto !important;
  }
  .head__inner{
    height: 59px !important;
    padding: 0px 50px 0px 10px !important;
  }
}

.clearfix::after {
  clear: both;
  content: "";
  display: block;
}

.flex {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 667px) {
  .head__logo a img{
    height: 17px !important;
  }
    
  .td2 a img{
    height: 17.5px !important;
  
  }
}

@media screen and (max-width: 959px) {
  .flex {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 979px) and (min-width: 641px) {
  .head__inner{
    height: 100px !important;
    padding: 0px 120px 0px 20px !important;
  }
  .head__logo a img{
    height: 28px !important;
  }
  .td2 a img{
    height: 29.5px !important;
  }
}

.pc_only {
  display: block !important;
}
.sp_only {
  display: none !important;
}
@media only screen and (max-width: 959px) {
  .pc_only {
      display: none !important;
  }
  .sp_only {
      display: block !important;
  }
}

.text__indent {
  padding-left: 1.1em;
  text-indent: -1.1em;
}

.mt100 {
  margin-top: 6.969% !important;
}

.heading__h1 .inner {
  border-bottom: 4px solid #e60011;
  padding-bottom: 1.185%;
}

@media screen and (max-width: 959px) {
  .heading__h1 .inner {
    border-bottom: 2px solid #e60011;
    font-size: 8vw;
    padding-bottom: .267em;
  }
}

.heading__h1 .ico {
  line-height: 1;
  text-align: center;
}

@media screen and (max-width: 959px) {
  .heading__h1 .ico {
    margin: 0 auto;
    width: 60px;
  }  
}

.heading__h1 .ico>img {
  width: inherit !important;
}

@media screen and (max-width: 959px) {
  .heading__h1 .ico>img {
    width: 100% !important;
  }
}

.heading__h1 .heading {
  color: #000000;
  font-size: 40px;
  font-weight: 600;
  margin-top: 0.697%;
  text-align: center;
}

@media screen and (max-width: 959px) {
  .heading__h1 .heading {
    font-size: 35px;
    margin-top: .2em;
  }
}

.heading__h2 {
  margin-top: 6%;
}

@media screen and (max-width: 959px) {
  .heading__h2 {
    margin-top: 13%;
  }
}

.heading__h2 .heading {
  color: #000000;
  font-size: 30px;
  font-weight: 600;
  padding-left: .933em;
  position: relative;
}

@media screen and (max-width: 959px) {
  .heading__h2 .heading {
    font-size: 25px;
    line-height: 1.5em;
    padding-left: .75em;
  }
}

.heading__h2 .heading::before {
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 4px;
  width: .25em;
}

@media screen and (max-width: 959px) {
  .heading__h2 .heading::before {
    top: .05em;
    width: .25em;
  }
}

.heading__h2 .heading.co__red::before {
  background: #e60012;
}

.heading__h3 {
  color: #000000;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.222;
  text-align: center;
}

@media screen and (max-width: 959px) {
  .heading__h3 {
    font-size: 20px;
    line-height: 1.5em;
  }
}

.content__text {
  font-size: 20px;
  margin-top: 1.5%;
}

@media screen and (max-width: 959px) {
  .content__text {
    font-size: 15px;
    margin-top: 1em;
  }
}

.content__text .text {
  color: #000000;
}

.menu {
  font-size: 30px;
  margin: 5.157% auto 0;
  max-width: 1190px;
  width: 100%;
}

@media screen and (max-width: 959px) {
  .menu {
    font-size: 8vw;
    margin: 1.367em auto 0;
  }
}

.menu .inner {
  border: 4px solid #eb6100;
  border-radius: 30px;
}

@media screen and (max-width: 959px) {
  .menu .inner {
    border: 2px solid #eb6100;
    border-radius: 15px;
  }
}

.menu .heading {
  background: #eb6100;
  border-radius: 20px 20px 0 0;
  color: #ffffff;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: .05em;
  padding: 0.931% 0 2.115%;
  text-align: center;
  margin: -1px;
}

@media screen and (max-width: 959px) {
  .menu .heading {
    border: 2px solid #eb6100;
    border-radius: 10px 10px 0 0;
    font-size: 18px;
    padding: .389em 0 .611em;
  }
}

.menu .menu__content ul {
  font-size: 20px;
  padding: 2.633em 1.6em 2.9em;
}

@media screen and (max-width: 1435px) {
  .menu .menu__content ul {
    font-size: 2.930vw;
  }
} 

@media screen and (max-width: 959px) {
  .menu .menu__content ul {
    font-size: 8vw;
    padding: .833em .467em .867em .5em;
  }
}

.menu .menu__content ul li {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  padding-left: 1.467em;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .menu .menu__content ul li {
    font-size: 2.930vw;
  }
}

@media screen and (max-width: 959px) {
  .menu .menu__content ul li {
    font-size: 15px;
    line-height: 2;
    padding-left: 1.733em;
  }
}

.menu .menu__content ul li:nth-child(n+2) {
  margin-top: 1.473%;
}

@media screen and (max-width: 959px) {
  .menu .menu__content ul li:nth-child(n+2) {
    margin-top: 0;
  }
}

.menu .menu__content ul li::before {
  background: #eb6100;
  border-radius: 50%;
  content: "";
  height: .8em;
  position: absolute;
  left: 0;
  top: .367em;
  width: .8em;
}

@media screen and (max-width: 959px) {
  .menu .menu__content ul li::before {
    background: #eb6100;
    border-radius: 50%;
    content: "";
    height: 1.067em;
    position: absolute;
    left: 0;
    top: .533em;
    width: 1.067em;
  }
}

.description {
  margin-top: 4.181%;
}

@media screen and (max-width: 959px) {
  .description {
    margin-top: 11.73%;
  }
}


.description .inner {
  background: #f5f5f5;
  padding: 2.648% 2.787% 3.066%;
}

@media screen and (max-width: 959px) {
  .description .inner {
    padding: 4.985% 4.692% 2.639%;
  }
}

.description p.text {
  color: #000000;
  font-size: 20px;
}

@media screen and (max-width: 959px) {
  .description p.text {
    font-size: 15px;
    line-height: 1.6;
  }
}

.crosstalk {
  margin-top: 4.181%;
}

@media screen and (max-width: 959px) {
  .crosstalk {
    margin-top: 11.73%;
  }
}

.crosstalk .inner {
  margin: 0 auto;
  width: 100%;
}

.crosstalk p.heading {
  font-size: 25px;
  font-weight: 600;
  text-align: center;
}

@media screen and (max-width: 959px) {
  .crosstalk p.heading {
    font-size: 20px;
    line-height: 1.6;
  }
}

.crosstalk .crosstalk__content {
  margin-top: 4.321%;
}

@media screen and (max-width: 959px) {
  .crosstalk .crosstalk__content {
    margin-top: 8.211%;
  }
}

.crosstalk ul {
  display: flex;
  justify-content: center;
  column-gap: 2.125%;
}

@media screen and (max-width: 959px) {
  .crosstalk ul {
    display: block;
  }
}

.crosstalk ul.col_2 {
  column-gap: 12.195%;
}

.crosstalk ul li {
  width: calc( 458 / 1435 * 100% );
}

@media screen and (max-width: 959px) {
  .crosstalk ul li {
    margin-top: 8.8%;
    width: 100%;
  }
}

.crosstalk ul li .avatar {
  margin: 0 auto;
  width: calc( 275 / 458 * 100% );
}

@media screen and (max-width: 959px) {
  .crosstalk ul li .avatar {
    margin: 0 auto;
    width: calc( 108 / 341 * 100% );
  }
}

.crosstalk ul li .tag {
  background: #eb6100;
  border-radius: 22px;
  margin: 10.909% auto 0;
  max-width: 150px;
  width: 100%;
}

@media screen and (max-width: 959px) {
  .crosstalk ul li .tag {
    margin: 13px auto 0;
    width: calc( 79 / 341 * 100% );
  }
}

.crosstalk ul li .tag > * {
  color: #ffffff;
  font-size: 20px;
  padding: .2em;
  text-align: center;
}

@media screen and (max-width: 959px) {
  .crosstalk ul li .tag > * {
    font-size: 3vw;
    line-height: 1;
    padding: .214em .214em .357em;
  }
}


@media screen and (max-width: 900px) {
  .crosstalk ul li .tag > * {
    font-size: 14px;
    line-height: 1;
    padding: .214em .214em .357em;
  }
}

.crosstalk ul li .name {
  color: #000000;
  font-size: 20px;
  margin-top: 6.182%;
  text-align: center;
}

@media screen and (max-width: 959px) {
  .crosstalk ul li .name {
    font-size: 15px;
  }
}

.crosstalk ul li .desc {
  background: #FBE5D6;
  border-radius: 16px;
  padding: 5.46% 6.553%;
  margin-top: 7.66%;
  text-align: center;
}

@media screen and (max-width: 959px) {
  .crosstalk ul li .desc {
    background: #FBE5D6;
    border-radius: 16px;
    padding: 7.63% 5%;
    margin-top: 6.453%;
    text-align: center;
  }
}

.crosstalk ul li .desc p {
  font-size: 20px;
}

@media screen and (max-width: 959px) {
  .crosstalk ul li .desc p {
    font-size: 15px;
  }
}

.crosstalk ul li .desc p:nth-child(n+2) {
  margin-top: 10px;
}

.crosstalk ul li .desc p.reg {
  font-weight: 300;
}

@media screen and (max-width: 959px) {
  .crosstalk ul li .desc p.reg {
    font-weight: 600;
  }
}

.crosstalk ul li .desc p.light {
  font-weight: 200;
}

.list__talk {
  margin-top: 6.745%;
}

.list__talk .heading {
  color: #000000;
  font-size: 25px;
  font-weight: 600;
}

@media screen and (max-width: 959px) {
  .list__talk .heading {
    font-size: 20px;
    line-height: 1.667em;
  }
}

.list__talk .note {
  font-size: 20px;
  font-weight: 300;
  text-indent: -1.1em;
  padding-left: 1.1em;
}

@media screen and (max-width: 959px) {
  .list__talk .note {
    font-size: 15px;
  }
}

.list__talk .list__talk__content {
  margin-top: 2.509%;
  position: relative;
}

@media screen and (max-width: 959px) {
  .list__talk .list__talk__content {
    margin-top: 5.279%;
    position: relative;
  }
}


.list__talk .list__talk__content.right {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1670px) {
  .list__talk .list__talk__content.right {
    display: flex;
    justify-content: flex-end;
  }
}

.list__talk .list__talk__content .talk__bot {
  width: calc( 824 / 1435 * 100% );
}

@media screen and (max-width: 959px) {
  .list__talk .list__talk__content .talk__bot {
    margin-top: 7.038%;
    width: 100%;
  }
}


.list__talk .list__talk__content .talks ul li {
  display: flex;
  justify-content: space-between;
}

.list__talk .list__talk__content .talks ul li:nth-child(n+2) {
  margin-top: 2.427%;
}

@media screen and (max-width: 959px) {
  .list__talk .list__talk__content .talks ul li:nth-child(n+2) {
    margin-top: 5.865%;
  }
}

.list__talk .list__talk__content .talks .left {
  width: calc( 92 / 824 * 100% ); 
}

@media screen and (max-width: 959px) {
  .list__talk .list__talk__content .talks .left {
    width: 17.595%;
  }
}

.list__talk .list__talk__content .talks .right {
  width: calc( 718 / 824 * 100% ); 
}

@media screen and (max-width: 959px) {
  .list__talk .list__talk__content .talks .right {
    width: 80.938%; 
  }
}

.list__talk .list__talk__content .talks .name {
  color: #706a6a;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}

@media screen and (max-width: 1435px) {
  .list__talk .list__talk__content .talks .name {
    font-size: 1.254vw;
  }
}

@media screen and (max-width: 959px) {
  .list__talk .list__talk__content .talks .name {
    font-size: 13px;
    margin-top: .385em;
  }
}


.list__talk .list__talk__content .talks .talk {
  border-radius: .667em;
  color: #000000;
  font-size: 20px;
  margin-left: 16px;
  padding: 1.167em 1.167em 1.75em 1.75em;
  position: relative;
}

@media screen and (max-width: 1435px) {
  .list__talk .list__talk__content .talks .talk {
    font-size: 20px;
  }
}

@media screen and (max-width: 959px) {
  .list__talk .list__talk__content .talks .talk {
    border-radius: 9px;
    color: #000000;
    font-size: 15px;
    line-height: 1.6em;
    margin-left: .733em;
    padding: 1.467em 1.333em 1.267em;
    position: relative;
  }
}


.list__talk .list__talk__content .talks .talk::before {
  border-bottom: 10px solid transparent; 
  border-top: 10px solid transparent;
  content: ""; 
  height: 0;
  position: absolute;
  left: -15px;
  top: 2em;
  width: 0; 
}

@media screen and (max-width: 959px) {
  .list__talk .list__talk__content .talks .talk::before {
    border-bottom: .667em solid transparent;
    border-top: .667em solid transparent;
    content: "";
    height: 0;
    position: absolute;
    left: -.733em;
    top: 1.4em;
    width: 0; 
  }
}

.list__talk .list__talk__content .talks .talk.co__green {
  background: #eef5cc;
}

.list__talk .list__talk__content .talks .talk.co__green::before {
  border-right: 15px solid #eef5cc; 
}

@media screen and (max-width: 959px) {
  .list__talk .list__talk__content .talks .talk.co__green::before {
    border-right: 1em solid #eef5cc; 
  }
}

.list__talk .list__talk__content .talks .talk.co__red {
  background: #fef3f7;
}

.list__talk .list__talk__content .talks .talk.co__red::before {
  border-right: 15px solid #fef3f7; 
}

@media screen and (max-width: 959px) {
  .list__talk .list__talk__content .talks .talk.co__red::before {
    border-right: 1em solid #fef3f7; 
  }
}

.list__talk .list__talk__content .talks .talk.co__blue {
  background: #daf2f2;
}

.list__talk .list__talk__content .talks .talk.co__blue::before {
  border-right: 15px solid #daf2f2; 
}

@media screen and (max-width: 959px) {
  .list__talk .list__talk__content .talks .talk.co__blue::before {
    border-right: 1em solid #daf2f2; 
  }
}

.list__talk .list__talk__content.left {
  position: relative;
}

.list__talk .list__talk__content.left .talk__top {
  float: right;
  position: relative;
  z-index: 9999;
  padding-bottom: 6.745%;
}

@media screen and (max-width: 1670px) {
  .list__talk .list__talk__content.left .talk__top {
    float: inherit;
    font-size: 1.796vw;
    position: absolute;
    left: 58.2%;
  }
}

@media screen and (max-width: 959px) {
  .list__talk .list__talk__content.left .talk__top {
    float: inherit;
    font-size: 8vw;
    position: inherit;
    left: 0;
    padding-bottom: 0;
  }
}

.list__talk .list__talk__content .talk__top {
  font-size: 30px;
  width: 19.3334em;
}

@media screen and (max-width: 1670px) {
  .list__talk .list__talk__content .talk__top {
    font-size: 1.796vw;
  }
}

@media screen and (max-width: 959px) {
  .list__talk .list__talk__content .talk__top {
    font-size: 8vw;
    margin-top: 0;
    width: 100%;
  }
}

.list__talk .list__talk__content.left .talk__top::before {
  content: "";
  height: 15.367em;
  position: absolute;
  left: .5em;
  top: .6em;
  width: 22.233em;
  z-index: -1;
}

.list__talk .list__talk__content.left .talk__top.blue::before {
  background: url(../images/bg_submenu_photo_blue_left.png) no-repeat;
  background-size: 100%;
}

.list__talk .list__talk__content.left .talk__top.cyan::before {
  background: url(../images/bg_submenu_photo_cyan_left.png) no-repeat;
  background-size: 100%;
}

.list__talk .list__talk__content.left .talk__top.pink::before {
  background: url(../images/bg_submenu_photo_pink_left.png) no-repeat;
  background-size: 100%;
}

.list__talk .list__talk__content.left .talk__top.violet::before {
  background: url(../images/bg_submenu_photo_violet_left.png) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 959px) {
  .list__talk .list__talk__content.left .talk__top::before {
    content: none;
  }
}

@media screen and (max-width: 959px) {
  .list__talk .list__talk__content.right {
    display: block;
  }
}

.list__talk .list__talk__content.right .talk__top {
  position: relative;
  z-index: 9999;
}

@media screen and (max-width: 1670px) {
  .list__talk .list__talk__content.right .talk__top {
    font-size: 1.796vw;
    justify-content: flex-end !important;
    margin-right: .933em;
  }
}

@media screen and (max-width: 959px) {
  .list__talk .list__talk__content.right .talk__top {
    font-size: 8vw;
    margin-left: auto;
    margin-right: inherit;
    margin-top: 0;
  }
}

.list__talk .list__talk__content.right .talk__top::before {
  content: "";
  position: absolute;
  top: .6em;
  right: .5em;
  width: 22.233em;
  height: 15.367em;
  z-index: -1;
}

.list__talk .list__talk__content.right .talk__top.blue::before {
  background: url(../images/bg_submenu_photo_blue_right.png) no-repeat;
  background-size: 100%;
}

.list__talk .list__talk__content.right .talk__top.cyan::before {
  background: url(../images/bg_submenu_photo_cyan_right.png) no-repeat;
  background-size: 100%;
}

.list__talk .list__talk__content.right .talk__top.pink::before {
  background: url(../images/bg_submenu_photo_pink_right.png) no-repeat;
  background-size: 100%;
}

.list__talk .list__talk__content.right .talk__top.violet::before {
  background: url(../images/bg_submenu_photo_violet_right.png) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 959px) {
  .list__talk .list__talk__content.right .talk__top::before {
    content: none;
  }
}

.list__crosstalk.three {
  margin-top: 4.181%;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.three {
    margin-top: 10.557%;
  }
}

.list__crosstalk.three p.heading {
  color: #000000;
  font-size: 25px;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.three p.heading {
    font-size: 20px;
    line-height: 1.6em;
  }
}


.list__crosstalk.three .list__crosstalk__content {
  margin-top: 2.857%;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.three .list__crosstalk__content {
    margin-top: 5.572%;
  }
}

.list__crosstalk.three .list__crosstalk__content ul {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.three .list__crosstalk__content ul {
    display: block;
  }
}


.list__crosstalk.three .list__crosstalk__content ul li {
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.16);
  padding: 1.394% 0.976% 1.394% 1.046%;
  width: calc(271 / 1435 * 100%);
}

@media screen and (max-width: 959px) {
  .list__crosstalk.three .list__crosstalk__content ul li {
    margin-top: 5.279%;
    padding: 5.865% 3.226%;
    width: 100%;
  }
}

.list__crosstalk.three .list__crosstalk__content .btn {
  margin-top: 4.429%;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.three .list__crosstalk__content .btn {
    margin-top: 6.27%;
  }
}

.list__crosstalk.three .list__crosstalk__content .btn a {
  background: #e60012;
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: 600;
  padding: .6em 2em .6em .333em;
  position: relative;
  text-align: center;
  text-decoration: none;
}

@media screen and (max-width: 1435px) {
  .list__crosstalk.three .list__crosstalk__content .btn a {
    font-size: 1.171vw;
  }
}


@media screen and (max-width: 959px) {
  .list__crosstalk.three .list__crosstalk__content .btn a {
    font-size: 22px;
    padding: .5em 1.818em .682em  1.3em;
  }
}

.list__crosstalk.three .list__crosstalk__content .btn a::before {
  background: url(../images/ico_red_arror_01.png) no-repeat;
  background-size: 100%;
  content: "";
  height: 1em;
  position: absolute;
  right: .667em;
  top: 50%;
  transform: translate(0, -50%);
  width: 1em;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.three .list__crosstalk__content .btn a::before {
    height: 1.091em;
    width: 1.091em;
  }
}

.list__crosstalk.two {
  margin-top: 4.181%;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.two {
    margin-top: 17.595%;
  }
}

.list__crosstalk.two p.heading {
  color: #000000;
  font-size: 25px;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.two p.heading {
    font-size: 20px;
    line-height: 1.6;
  }
}


.list__crosstalk.two .list__crosstalk__content {
  margin: 2.857% auto 0;
  width: calc(947 / 1435 * 100%);
  min-width: 700px;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.two .list__crosstalk__content {
    margin: 5.572% auto 0;
    width: 100%;
    min-width: 100%;
  }
}

.list__crosstalk.two .list__crosstalk__content ul {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.two .list__crosstalk__content ul {
    display: block;
  }
}

.list__crosstalk.two .list__crosstalk__content ul li {
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .16);
  padding: 1.373% 1.69% 3.273%;
  width: calc(458 / 947 * 100%);
}

@media screen and (max-width: 959px) {
  .list__crosstalk.two .list__crosstalk__content ul li {
    padding: 3.519% 3.226% 5.865%;
    width: auto;
  }
}

@media screen and (max-width: 959px) {
  .list__crosstalk.two .list__crosstalk__content ul li:nth-child(n+2) {
    margin-top: 5.865%;
  }
}

.list__crosstalk.two .list__crosstalk__content .btn {
  margin-top: 7.042%;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.two .list__crosstalk__content .btn {
    margin-top: 5.956%;
  }
}

.list__crosstalk.two .list__crosstalk__content .btn a {
  background: #e60012;
  color: #ffffff;
  display: block;
  font-size: 20px;
  font-weight: 600;
  padding: .765em 1.853em .735em 1.706em;
  position: relative;
  text-align: center;
  text-decoration: none;
}

@media screen and (max-width: 1124px) {
  .list__crosstalk.two .list__crosstalk__content .btn a {
    font-size: 20px;
  }
}

@media screen and (max-width: 959px) {
  .list__crosstalk.two .list__crosstalk__content .btn a {
    font-size: 20px;
    padding: .545em 1.818em .636em;
  }
}

.list__crosstalk.two .list__crosstalk__content .btn a::before {
  background: url(../images/ico_red_arror_03.png) no-repeat;
  background-size: 100%;
  content: "";
  height: 25px;
  position: absolute;
  right: .647em;
  top: 50%;
  transform: translate(0, -50%);
  width: 25px;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.two .list__crosstalk__content .btn a::before {
    height: 22px;
    right: .682em;
    width: 22px;
  }
}


.employee__introduction {
  margin: 3.206% auto 0;
  max-width: 1190px;
  width: 100%;
}

@media screen and (max-width: 959px) {
  .employee__introduction {
    margin: 10.85% auto 0;
  }
}

.employee__introduction .employee__introduction__inner {
  border: 4px solid #eb6100;
  border-radius: 30px;
}

@media screen and (max-width: 959px) {
  .employee__introduction .employee__introduction__inner {
    border: 2px solid #eb6100;
    border-radius: 15px;
  }
}

.employee__introduction .employee__introduction__inner .employee__introduction__heading {
  background: #eb6100;
  border-radius: 20px 20px 0 0;
  color: #ffffff;
  font-size: 25px;
  font-weight: 600;
  margin: -1px;
  padding: 0.931% 1.269% 2.115%;
  text-align: center;
}

@media screen and (max-width: 959px) {
  .employee__introduction .employee__introduction__inner .employee__introduction__heading {
    border-radius: 10px 10px 0 0;
    font-size: 18px;
    padding: .444em 1.269% .778em;
  }
}

.employee__introduction .employee__introduction__inner .employee__introduction__content {
  display: flex;
  justify-content: space-between;
  padding: 3.384% 3.046% 5.584% 3.892%;
}

@media screen and (max-width: 959px) {
  .employee__introduction .employee__introduction__inner .employee__introduction__content {
    flex-direction: column-reverse;
    flex-wrap: wrap;
    padding: 5.935% 4.451% 5.045%;
  }
}

.employee__introduction .employee__introduction__inner .employee__introduction__content .left {
  margin-top: 3.636%;
  width: calc( 600 / 1100 * 100%);
}

@media screen and (max-width: 959px) {
  .employee__introduction .employee__introduction__inner .employee__introduction__content .left {
    margin-top: 6.189%;
    width: 100%;
  }
}

.employee__introduction .employee__introduction__inner .employee__introduction__content .right {
  width: calc( 458 / 1100 * 100%);
}

@media screen and (max-width: 959px) {
  .employee__introduction .employee__introduction__inner .employee__introduction__content .right {
    width: 100%;
  }
}

.employee__introduction .employee__introduction__inner .employee__introduction__content ul li {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  padding-left: 1.467em;
  position: relative;
}

@media screen and (max-width: 959px) {
  .employee__introduction .employee__introduction__inner .employee__introduction__content ul li {
    font-size: 15px;
    line-height: 1.6em;
    padding-left: 1.733em;
  }
}

.employee__introduction .employee__introduction__inner .employee__introduction__content ul li>* {
  font-weight: 300;
}

.employee__introduction .employee__introduction__inner .employee__introduction__content ul li:nth-child(n+2) {
  margin-top: 2%;
}

@media screen and (max-width: 959px) {
  .employee__introduction .employee__introduction__inner .employee__introduction__content ul li:nth-child(n+2) {
    margin-top: .933em;
  }
}


.employee__introduction .employee__introduction__inner .employee__introduction__content ul li::before {
  background: #eb6100;
  border-radius: 50%;
  content: "";
  height: .8em;
  position: absolute;
  left: 0;
  top: .367em;
  width: .8em;
}

@media screen and (max-width: 959px) {
  .employee__introduction .employee__introduction__inner .employee__introduction__content ul li::before {
    height: 1.067em;
    top: .267em;
    width: 1.067em;
  }
}

.qanda {
  margin-top: 4.181%;
}

@media screen and (max-width: 959px) {
  .qanda {
    margin-top: 17.596%;
  }
}

.qanda .qanda__content ul li {
  background: #f9f9f9;
  padding: 2.997% 4.182% 3.275% 3.345%;
}

@media screen and (max-width: 959px) {
  .qanda .qanda__content ul li {
    padding: 8.798% 2.933% 5.572%;
  }
}

.qanda .qanda__content ul li:nth-child(n+2) {
  margin-top: 2.091%;
}

@media screen and (max-width: 959px) {
  .qanda .qanda__content ul li:nth-child(n+2) {
    margin-top: 5.865%;
  }
}

.qanda .qanda__content ul li .question {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  padding: .6em 0 .6em 3.667em;
  position: relative;
}

@media screen and (max-width: 959px) {
  .qanda .qanda__content ul li .question {
    font-size: 15px;
    line-height: 1.6em;
    padding: 0 .667em .6em 3.333em;
    min-height: 57px;
    display: flex;
    align-items: center;
  }
}

.qanda .qanda__content ul li .question::before {
  align-items: center;
  background: #525252;
  border-radius: 50%;
  color: #ffffff;
  content: "Q";
  display: flex;
  font-weight: 600;
  height: 2.667em;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 2.667em;
}

@media screen and (max-width: 959px) {
  .qanda .qanda__content ul li .question::before {
    height: 2.667em;
    line-height: 1.6em;
    top: 5px;
    width: 2.667em;
  }
}

.qanda .qanda__content ul li .answer {
  color: #000000;
  font-size: 20px;
  margin-top: 2.261%;
  padding: .6em 0 .6em 3.667em;
  position: relative;
}

@media screen and (max-width: 959px) {
  .qanda .qanda__content ul li .answer {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 3px;
    padding: .667em .667em .6em 3.333em;
  }
}

.qanda .qanda__content ul li .answer::before {
  align-items: center;
  background: #eb6100;
  border-radius: 50%;
  color: #ffffff;
  content: "A";
  display: flex;
  font-weight: 600;
  height: 2.667em;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 2.667em;
}

@media screen and (max-width: 959px) {
  .qanda .qanda__content ul li .answer::before {
    height: 2.667em;
    top: 1.067em;
    width: 2.667em;
  }
}

.list__box {
  margin-top: 2%;
}

@media screen and (max-width: 959px) {
  .list__box {
    margin-top: 6%;
  }

  .list__box.mt60 {
    margin-top: 17.595%;
  }
}

.list__content {
  margin-top: 1%;
}

@media screen and (max-width: 959px) {
  .list__content {
    margin-top: 8.504%;
    position: relative;
  }
}

.list__content .left {
  align-self: flex-end;
  margin-left: 3px;
  width: calc( 456 / 1435 * 100%);
}

@media screen and (max-width: 959px) {
  .list__content .left {
    font-size: 8vw;
    height: 5.8em;
    position: absolute;
    bottom: 0;
    left: .733em;
    width: 9.733em;
  }
}

.list__content .right {
  width: calc( 944 / 1435 * 100%);
}

@media screen and (max-width: 959px) {
  .list__content .right {
    font-size: 8vw;
    padding-bottom: 6.133em;
    width: 100%;
  }
}


.list__content ul {
  border: 4px solid #eb6100;
  border-radius: 30px;
  font-size: 30px;
  padding: 1.433em 1.5em 1.633em 1.5em;
}

@media screen and (max-width: 1435px) {
  .list__content ul {
    font-size: 2.091vw;
  }
}

@media screen and (max-width: 959px) {
  .list__content ul {
    border: 2px solid #eb6100;
    border-radius: 10px;
    font-size: 15px;
    padding: 1.667em .867em 1.867em 1em;
  }
}

.list__content ul li {
  color: #000000;
  font-size: 20px;
  padding-left: 1.233em;
  position: relative;
}

@media screen and (max-width: 1435px) {
  .list__content ul li {
    font-size: 1.394vw;
  }
}

@media screen and (max-width: 959px) {
  .list__content ul li {
    font-size: 15px;
    line-height: 1.6em;
    padding-left: 1.667em;
  }
}

.list__content ul li:nth-child(n+2) {
  margin-top: 2px;
}

@media screen and (max-width: 959px) {
  .list__content ul li:nth-child(n+2) {
    margin-top: 0;
  }
}

.list__content ul li::before {
  background: #eb6100;
  border-radius: 50%;
  content: "";
  height: .8em;
  position: absolute;
  left: 0;
  top: .467em;
  width: .8em;
}

@media screen and (max-width: 959px) {
  .list__content ul li::before {
    height: 1.067em;
    top: .2em;
    width: 1.067em;
  }
}

.charts {
  margin-top: 2%;
}

@media screen and (max-width: 959px) {
  .charts {
    margin-top: 6%;
  }
}

.charts p.heading {
  color: #000000;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.111em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1435px) {
  .charts p.heading {
    font-size: 1.742vw;
    line-height: 1.5em;
  }
}


@media screen and (max-width: 959px) {
  .charts p.heading {
    font-size: 20px;
    line-height: 1.5em;
  }
}

.charts .charts__content {
  margin-top: 1%;
}

@media screen and (max-width: 959px) {
  .charts .charts__content {
    margin-top: 7.918%;
  }
}

.charts ul.item>li {
  width: calc( 454 / 1435 * 100%);
}

@media screen and (max-width: 959px) {
  .charts ul.item>li {
    width: 100%;
  }
}

@media screen and (max-width: 959px) {
  .charts ul.item>li:nth-child(n+2) {
    margin-top: 17.595%;
  }
}

.charts ul.item>li:first-child {
  margin-left: 9px;
}

@media screen and (max-width: 959px) {
  .charts ul.item>li:first-child {
    margin-left: 0;
  }
}


.charts ul.item>li:last-child {
  width: calc( 458 / 1435 * 100%);
}

@media screen and (max-width: 959px) {
  .charts ul.item>li:last-child {
    width: 100%;
  }
}

ul.rank>li {
  font-size: 20px;
  font-weight: 600;
  padding: .367em .5em .633em 4.867em;
  position: relative;
}

@media screen and (max-width: 1435px) {
  ul.rank>li {
      font-size: 1.394vw;
  }
}

@media screen and (max-width: 959px) {
  ul.rank>li {
      font-size: 15px;
      padding: .933em 1em 1em 5.8em;
  }
}

.charts .charts__content .chart {
  margin: 0 auto;
  padding-top: 2%;
  width: calc( 350 / 454 * 100%);
}

@media screen and (max-width: 959px) {
  .charts .charts__content .chart {
    padding-top: 0;
    width: calc( 247 / 341 * 100%);
  }
}

.charts ul.item>li:nth-child(2) .charts__content .photo {
  margin: 4.185% auto 0;
  width: calc( 434 / 454 * 100%);
}

@media screen and (max-width: 959px) {
  .charts ul.item>li:nth-child(2) .charts__content .photo {
    margin: 3.812% auto 0;
    width: calc( 292 / 341 * 100%);
  }
}


.charts ul.item>li:last-child .charts__content .photo {
  margin: 4.367% auto 0;
  width: calc( 401 / 458 * 100%);
}

@media screen and (max-width: 959px) {
  .charts ul.item>li:last-child .charts__content .photo {
    margin: 3.226% 0 0;
    width: calc( 335 / 341 * 100%);
  }
}

ul.rank>li:nth-child(2n+1) {
  background: #f5f5f5;
}

ul.rank>li:nth-child(2n+2) {
  background: #ffffff;
}

ul.rank>li:nth-child(-n+3)::before {
  content: "";
  height: 1.6em;
  position: absolute;
  left: 1.333em;
  top: .367em;
  width: 2.733em;
}

@media screen and (max-width: 959px) {
  ul.rank>li:nth-child(-n+3)::before {
    height: 2.267em;
    left: 1.333em;
    top: .6em;
    width: 4em;
  }
}

ul.rank>li:nth-child(n+4)::before {
  content: "";
  height: 1.733em;
  position: absolute;
  left: 1.767em;
  top: 50%;
  transform: translate(0, -50%);
  width: 1.733em;
}

@media screen and (max-width: 959px) {
ul.rank>li:nth-child(n+4)::before {
    height: 2.267em;
    left: 2.2em;
    width: 2.267em;
  }
}

ul.rank>li:nth-child(1)::before {
  background: url(../images/ico_rank_01.png) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 959px) {
  ul.rank>li:nth-child(1)::before {
    background: url(../images/ico_rank_01_sp.png) no-repeat;
    background-size: 100%;
  }
}

ul.rank>li:nth-child(2)::before {
  background: url(../images/ico_rank_02.png) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 959px) {
  ul.rank>li:nth-child(2)::before {
    background: url(../images/ico_rank_02_sp.png) no-repeat;
    background-size: 100%;
  }
}

ul.rank>li:nth-child(3)::before {
  background: url(../images/ico_rank_03.png) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 959px) {
  ul.rank>li:nth-child(3)::before {
    background: url(../images/ico_rank_03_sp.png) no-repeat;
    background-size: 100%;
  }
}

ul.rank>li:nth-child(4)::before {
  background: url(../images/ico_rank_04.png) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 959px) {
  ul.rank>li:nth-child(4)::before {
    background: url(../images/ico_rank_04_sp.png) no-repeat;
    background-size: 100%;
  }
}


ul.rank>li:nth-child(5)::before {
  background: url(../images/ico_rank_05.png) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 959px) {
  ul.rank>li:nth-child(5)::before {
    background: url(../images/ico_rank_05_sp.png) no-repeat;
    background-size: 100%;
  }
}

ul.rank>li._4th:nth-child(5)::before {
  background: url(../images/ico_rank_04.png) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 959px) {
  ul.rank>li._4th:nth-child(5)::before {
    background: url(../images/ico_rank_04_sp.png) no-repeat;
    background-size: 100%;
  }
}

.list__col {
  margin-top: 2%;
}

.list__col .list__col__content {
  margin-top: 2%;
}

@media screen and (max-width: 959px) {
  .list__col .list__col__content {
    margin-top: 6%;
  }
  
}


.list__col .list__col__content>ul>li {
  width: calc( 660 / 1435 * 100%);
}

@media screen and (max-width: 959px) {
  .list__col .list__col__content>ul>li {
    width: 100%;
  }  
}

.list__col .list__col__content>ul>li p.heading {
  color: #000000;
  display: table;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 1435px) {
  .list__col .list__col__content>ul>li p.heading {
    font-size: 1.742vw;
  }
}

@media screen and (max-width: 959px) {
  .list__col .list__col__content>ul>li p.heading {
    font-size: 20px;
    line-height: 1.6;
  }
}

.list__col .list__col__content>ul>li p.heading>*{
  display: table-cell;
  vertical-align: middle;
}

.list__col .list__col__content ul.list {
  border: 4px solid #eb6100;
  border-radius: 30px;
  font-size: 30px;
  margin-top: 1.8%;
  padding: 1.4em 1.533em 1.833em;
  position: relative;
}

@media screen and (max-width: 1435px) {
  .list__col .list__col__content ul.list {
    font-size: 2.091vw;
  }
}

@media screen and (max-width: 959px) {
  .list__col .list__col__content ul.list {
    border: 2px solid #eb6100;
    border-radius: 10px;
    font-size: 4vw;
    margin-top: 1.933em;
    padding: 1.6em 1em 1.867em;
  }
}

.list__col .list__col__content .left ul.list::after {
  background: url(../images/ico_arror.png) no-repeat;
  background-size: 100%;
  content: "";
  height: 2.233em;
  position: absolute;
  right: -2.533em;
  top: 50%;
  transform: translate(0, -50%);
  width: 1em;
}

@media screen and (max-width: 959px) {
  .list__col .list__col__content .left ul.list::after {
    background: url(../images/ico_arror_sp.png) no-repeat;
    background-size: 100%;
    height: 1.933em;
    bottom: -3.733em;
    right: 50%;
    top: inherit;
    transform: translate(50%, 0);
    width: 4.4em;
  }
}

.list__col .list__col__content .left ul.none_arrow::after {
  content: none;
}

.list__col .list__col__content ul.list>li {
  color: #000000;
  font-size: 20px;
  padding-left: 1.233em;
  position: relative;
}

@media screen and (max-width: 1435px) {
  .list__col .list__col__content ul.list>li {
    font-size: 1.394vw;
  }  
}


@media screen and (max-width: 959px) {
  .list__col .list__col__content ul.list>li {
    font-size: 15px;
    padding-left: 1.733em;
  }  
}

.list__col .list__col__content ul.list>li::before {
  background: #eb6100;
  border-radius: 50%;
  content: "";
  height: .8em;
  position: absolute;
  left: 0;
  top: .5em;
  width: .8em;
}

@media screen and (max-width: 959px) {
  .list__col .list__col__content ul.list>li::before {
    height: 1.067em;
    top: .2em;
    width: 1.067em;
  }
}

.list__col .list__col__content>ul>li.left ul.list>li:nth-child(n+2) {
  margin-top: 1em;
}

@media screen and (max-width: 959px) {
  .list__col .list__col__content>ul>li.left ul.list>li:nth-child(n+2) {
    margin-top: .267em;
  }
}

.list__col .list__col__content>ul>li.right ul.list>li:nth-child(n+2) {
  margin-top: 0.303%;
}

@media screen and (max-width: 959px) {
  .list__col .list__col__content>ul>li.right ul.list>li:nth-child(n+2) {
    margin-top: .267em;
  }
}


.list__col .list__col__content>ul>li.left .photo__1 {
  margin-top: 5%;
  width: calc( 233 / 660 * 100%);
}

@media screen and (max-width: 959px) {
  .list__col .list__col__content>ul>li.left .photo__1 {
    margin-left: auto;
    margin-top: 6.745%;
    width: calc( 118 / 341 * 100%);
  }
}

@media screen and (max-width: 959px) {
  .list__col .list__col__content>ul>li.right {
    margin-top: 19.355%;
  }
}

.list__col .list__col__content>ul>li.right .photo__2 {
  margin: 2% 0 0 21.97%;
  width: calc( 424 / 660 * 100%);
}

@media screen and (max-width: 959px) {
  .list__col .list__col__content>ul>li.right .photo__2 {
    margin: 3.812% 0 0 1.466%;
    width: calc( 234 / 341 * 100%);
  }
}

.list__col .list__col__content>ul>li.right .photo__3 {
  margin: 15.152% 0 0 0.909%;
  width: calc( 637 / 660 * 100%);
}

@media screen and (max-width: 959px) {
  .list__col .list__col__content>ul>li.right .photo__3 {
    margin: 12.023% 0 0 0;
    width: calc( 341 / 341 * 100%);
  }
}

.introduce {
  margin: 5.854% auto 0;
  max-width: 1024px;
}

@media screen and (max-width: 959px) {
  .introduce {
    margin: 6.158% auto 0;
    width: 100%;
  }
}

.introduce .inner {
  border: 4px solid #eb6100;
  border-radius: 30px;
}

@media screen and (max-width: 959px) {
  .introduce .inner {
    border: 2px solid #eb6100;
    border-radius: 15px;
  }
}


.introduce .heading {
  background: #eb6100;
  border-radius: 20px 20px 0 0;
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  padding: 0.701% 0 1.822%;
  text-align: center;
  margin: -1px;
}

@media screen and (max-width: 959px) {
  .introduce .heading {
    border-radius: 10px 10px 0 0;
    color: #ffffff;
    font-size: 4.8vw;
    font-weight: 600;
    padding: .444em 0 .833em;
    text-align: center;
  }
}

.introduce .introduce__content {
  padding: 1.682% 2.102% 2.453%;
}

@media screen and (max-width: 959px) {
  .introduce .introduce__content {
    padding: 5.341% 2.671% 8.605% 5.045%;
  }
}

.introduce .introduce__content .left {
  width: calc( 391 / 1367 * 100% );
}

@media screen and (max-width: 959px) {
  .introduce .introduce__content .left {
    width: calc( 148 / 311 * 100% );
  }
}

.introduce .introduce__content .right {
  width: calc( 914 / 1367 * 100% );
}

@media screen and (max-width: 959px) {
  .introduce .introduce__content .right {
    width: calc( 154 / 311 * 100% );
  }
}

.introduce .introduce__content .right .name {
  color: #000000;
  font-size: 30px;
  font-weight: 600;
  margin-top: 7.44%;
}

@media screen and (max-width: 959px) {
  .introduce .introduce__content .right .name {
    font-size: 4vw;
    margin-top: 1.667em;
  }
}

.introduce .introduce__content .right .tags {
  margin-top: 3.72%;
}

@media screen and (max-width: 959px) {
  .introduce .introduce__content .right .tags {
    margin-top: 5.844%;
  }
}

.introduce .introduce__content .right .tags ul {
  display: flex;
}

@media screen and (max-width: 959px) {
  .introduce .introduce__content .right .tags ul {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}


.introduce .introduce__content .right .tags ul li {
  margin-right: 2.407%;
}

@media screen and (max-width: 959px) {
  .introduce .introduce__content .right .tags ul li {
    margin-right: 0;
  }
}

.introduce .introduce__content .right .tags ul li:last-child {
  margin-right: 0;
}

.introduce .introduce__content .right .tags ul li.tag {
  border-radius: 25px;
  font-size: 20px;
  padding: .125em .817em .417em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1435px) {
  .introduce .introduce__content .right .tags ul li.tag {
    font-size: 1.394vw;
  }
}

@media screen and (max-width: 959px) {
  .introduce .introduce__content .right .tags ul li.tag {
    border-radius: 20px;
    font-size: 12px;
    padding: .25em .45em;
  }
}

.introduce .introduce__content .right .tags ul li.blue {
  background: #e5f1f9;
  border: 1px solid #0075c2;
  color: #0075c2;
  max-width: 198px;
  width: 100%;
}

@media screen and (max-width: 959px) {
  .introduce .introduce__content .right .tags ul li.blue {
    max-width: inherit;
    width: 48%;
  }
}

.introduce .introduce__content .right .tags ul li.green {
  background: #ebf4ea;
  border: 1px solid #3d9638;
  color: #3d9638;
  max-width: 198px;
  width: 100%;
}

@media screen and (max-width: 959px) {
  .introduce .introduce__content .right .tags ul li.green {
    max-width: inherit;
    width: 49%;
  }
}

.introduce .introduce__content .right .tags ul li.orange {
  background: #fdefe5;
  border: 1px solid #eb6100;
  color: #eb6100;
  max-width: 418px;
  width: 100%;
}

@media screen and (max-width: 959px) {
  .introduce .introduce__content .right .tags ul li.orange {
    margin-top: .333em;
    max-width: inherit;
    width: 100%;
  }
}

.introduce .introduce__content .right .tags ul.col_2 li {
  width: 50%;
  max-width: 50%;
}

@media screen and (max-width: 959px) {
  .introduce .introduce__content .right .tags ul.col_2 li {
    width: 100%;
    max-width: 100%;
  }
}

.image__scroll .scrollbar {
  margin: 5.021% auto 0;
  max-width: 1434px;
  width: 70%;
}

@media screen and (max-width: 1024px) {
  .image__scroll .scrollbar {
    width: 90%;
  }
}

@media screen and (max-width: 959px) {
  .image__scroll .scrollbar {
    margin-top: 10.85%;
    width: 100%;
  }

  .image__scroll .scrollbar img {
    width: 749px !important;
  }

  .scrollbar {
    overflow-x: scroll;
    padding-bottom: 6.158%;
  }

  .scrollbar::-webkit-scrollbar {
    height: 6px;
  }

  .scrollbar::-webkit-scrollbar-track {
    background: #f5f5f5;
  }

  .scrollbar::-webkit-scrollbar-track:hover {
    background-color: transparent;
  }

  .scrollbar::-webkit-scrollbar-thumb {
    background: #eb6100;
  }

  .scrollbar::-webkit-scrollbar-button {
    display: none;
  }

  .scrollbar_inner {
    min-width: 744px;
  }
}

.image__scroll .scrollbar.width_01 {
  max-width: 1016px;
  width: 100%;
}

.image__scroll .scrollbar.width_02 {
  max-width: 1025px;
  width: 100%;
}

.description__orange {
  margin-top: 6.969%;
}

@media screen and (max-width: 959px) {
  .description__orange {
    margin-top: 8.504%;
  }
}

.description__orange .inner {
  border: 4px solid #eb6100;
  border-radius: 30px;
  padding: 2.927% 3.484% 4.183% 3.206%;
}

@media screen and (max-width: 959px) {
  .description__orange .inner {
    border: 2px solid #eb6100;
    border-radius: 10px;
    padding: 7.918% 4.399%;
  }
}

.description__orange p.text {
  color: #000000;
  font-size: 20px;
}

@media screen and (max-width: 959px) {
  .description__orange p.text {
    font-size: 15px;
    line-height: 1.6;
  }
}

.description__orange p.text:nth-child(n+2) {
  margin-top: 1em;
}

.description__orange p.orange {
  color: #eb6100;
}

.description__orange p.bold {
  font-weight: 600;
}


.list__crosstalk.five {
  margin-top: 6.969%;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five {
    margin-top: 10.85%;
  }
}

.list__crosstalk.five p.heading {
  color: #000000;
  font-size: 25px;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five p.heading {
    font-size: 20px;
    line-height: 1.6;
  }
}

.list__crosstalk.five .list__crosstalk__content {
  margin-top: 9.826%;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .list__crosstalk__content {
    margin-top: 23.167%;
  }
}


.list__crosstalk.five .list__crosstalk__content ul.list__item>li {
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16);
  padding-bottom: 20px;
  width: calc( 262 / 1435 * 100% );
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .list__crosstalk__content ul.list__item>li {
    border-radius: 10px;
    font-size: 4vw;
    padding-bottom: 25.47%;
    position: relative;
    width: calc( 164 / 341 * 100% );
  }
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .list__crosstalk__content ul.list__item>li:nth-child(n+3) {
    margin-top: 24.047%;
  }
}


.list__crosstalk.five .list__crosstalk__content ul.list__item>li .photo {
  margin: -31.679% auto 0;
  width: calc( 218 / 262 * 100% );
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .list__crosstalk__content ul.list__item>li .photo {
    width: calc( 138 / 164 * 100% );
  }
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .new .list__crosstalk__content ul.list__item>li .photo {
    width: calc( 133 / 153 * 100% );
  }
}

.list__crosstalk.five .list__crosstalk__content ul.list__item>li .name {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  margin-top: 2.29%;
  text-align: center;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .list__crosstalk__content ul.list__item>li .name {
    font-size: 15px;
    margin-top: .4em;
  }
}


.list__crosstalk.five .list__crosstalk__content ul.list__item>li .tags {
  margin: 4.962% auto 0;
  width: calc( 228 / 262 * 100% );
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .list__crosstalk__content ul.list__item>li .tags {
    margin: 5.488% auto 0;
    width: calc( 144 / 164 * 100% );
  }
}


.list__crosstalk.five .list__crosstalk__content ul.list__item>li .tags ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.list__crosstalk.five .list__crosstalk__content ul.list__item>li .tags ul li.tag {
  border-radius: 25px;
  font-size: 16px;
  line-height: 1.25;
  padding: .375em .313em .5em;
  text-align: center;
}

@media screen and (max-width: 1435px) {
  .list__crosstalk.five .list__crosstalk__content ul.list__item>li .tags ul li.tag {
    font-size: 1.115vw;
  }
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .list__crosstalk__content ul.list__item>li .tags ul li.tag {
    font-size: 12px;
    padding: .333em;
  }
}

.list__crosstalk.five .list__crosstalk__content ul.list__item>li .tags ul li.tag.full_width {
  width: 100%;
}

.list__crosstalk.five .list__crosstalk__content ul.list__item>li .tags ul li.blue {
  background: #e5f1f9;
  border: 1px solid #0075c2;
  color: #0075c2;
  width: calc( 106 / 228 * 100% );
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .list__crosstalk__content ul.list__item>li .tags ul li.blue {
    width: calc( 66 / 144 * 100% );
  }
}

.list__crosstalk.five .list__crosstalk__content ul.list__item>li .tags ul li.green {
  background: #ebf4ea;
  border: 1px solid #3d9638;
  color: #3d9638;
  width: calc( 106 / 228 * 100% );
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .list__crosstalk__content ul.list__item>li .tags ul li.green {
    width: calc( 74 / 144 * 100% );
  }
}


.list__crosstalk.five .list__crosstalk__content ul.list__item>li .tags ul li.orange {
  background: #fdefe5;
  border: 1px solid #eb6100;
  color: #eb6100;
  margin-top: 4.386%;
  width: 100%;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .list__crosstalk__content ul.list__item>li .tags ul li.orange {
    margin-top: 3.472%;
  }
}

.list__crosstalk.five .list__crosstalk__content ul.list__item>li .btn {
  margin: 7.252% auto 0;
  width: calc( 222 / 262 * 100% );
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .list__crosstalk__content ul.list__item>li .btn {
    width: calc( 141 / 164 * 100% );
    position: absolute;
    bottom: 1.2em;
    left: 50%;
    transform: translate(-50%, 0);
  }
}

.list__crosstalk.five .list__crosstalk__content ul.list__item>li .btn a {
  background: #e60012;
  color: #ffffff;
  display: block;
  font-size: 20px;
  font-weight: 600;
  padding: .521em 2.208em;
  position: relative;
  text-align: center;
  text-decoration: none;
}

@media screen and (max-width: 1435px) {
  .list__crosstalk.five .list__crosstalk__content ul.list__item>li .btn a {
    font-size: 1.394vw;
  }
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .list__crosstalk__content ul.list__item>li .btn a {
    font-size: 15px;
    padding: .533em 2.2em;
  }
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .new .list__crosstalk__content ul.list__item>li .btn a {
    padding: .521em 1.208em;
  }
}

.list__crosstalk.five .list__crosstalk__content ul.list__item>li .btn a::before {
  background: url(../images/ico_red_arror_02.png) no-repeat;
  background-size: 100%;
  content: "";
  height: 1em;
  position: absolute;
  right: 1.208em;
  top: 50%;
  transform: translate(0, -50%);
  width: 1em;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .list__crosstalk__content ul.list__item>li .btn a::before {
    right: 1.208em;
  }
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .new .list__crosstalk__content ul.list__item>li .btn a::before {
    right: .8em;
  }
}

.list__crosstalk.five .new {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .new {
    flex-wrap: wrap;
  }
}

.list__crosstalk.five .new .list__crosstalk__content {
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 16%);
  position: relative;
}

.list__crosstalk.five .new .list__crosstalk__content::after {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 25px;
  font-size: 20px;
  line-height: 1.5;
  padding: .45em 0;
  text-align: center;
}

@media screen and (max-width: 1435px) {
  .list__crosstalk.five .new .list__crosstalk__content::after {
    font-size: 1.394vw;
  }
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .new .list__crosstalk__content::after {
    font-size: 15px;
  }
}

.list__crosstalk.five .new .list__crosstalk__content.col_2::after {
  width: calc( 180 / 566 * 100% );
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .new .list__crosstalk__content.col_2::after {
    width: 100px;
  }
}

.list__crosstalk.five .new .list__crosstalk__content.col_3::after {
  width: calc( 180 / 837 * 100% );
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .new .list__crosstalk__content.col_3::after {
    width: 100px;
  }
}

.list__crosstalk.five .new .list__crosstalk__content.blue::after {
  content: "事務系";
  background: #e5f1f9;
  border: 1px solid #0075c2;
  color: #0075c2;
}

.list__crosstalk.five .new .list__crosstalk__content.orange::after {
  content: "技術系";
  background: #fdefe5;
  border: 1px solid #eb6100;
  color: #eb6100;
}

.list__crosstalk.five .new .list__crosstalk__content.col_2,
.list__crosstalk.five .new .list__crosstalk__content.col_3 {
  padding: 7.945% 24px 24px;
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .new .list__crosstalk__content.col_2,
  .list__crosstalk.five .new .list__crosstalk__content.col_3 {
    padding: 23.167% 12px 12px;
    margin-top: 14.167%;
  }
}

.list__crosstalk.five .new .list__crosstalk__content.col_2 {
  width: calc( 566 / 1435 * 100% );
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .new .list__crosstalk__content.col_2 {
    width: 100%;
  }
}

.list__crosstalk.five .new .list__crosstalk__content.col_3 {
  width: calc( 837 / 1435 * 100% );
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .new .list__crosstalk__content.col_3 {
    width: 100%;
  }
}

.list__crosstalk.five .new .list__crosstalk__content.col_2 ul.list__item>li {
  width: calc( 247 / 518 * 100% );
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .new .list__crosstalk__content.col_2 ul.list__item>li {
    width: calc( 153 / 317 * 100% );
  }
}

.list__crosstalk.five .new .list__crosstalk__content.col_3 ul.list__item>li {
  width: calc( 247 / 789 * 100% );
}

@media screen and (max-width: 959px) {
  .list__crosstalk.five .new .list__crosstalk__content.col_3 ul.list__item>li {
    width: calc( 153 / 317 * 100% );
  }
}

/*********************************************/
.bg_pink {
  background-color: #EE87B4!important;
}
.bg_pink2 {
  background-color: #FFD5D5!important;
}
.bg_pink3 {
  background-color: #FEF3F7!important;
}
.bg_gray {
  background-color: #E6E6E6!important;
}
.bg_gray2 {
  background-color: #F5F5F5!important;
}
.bg_green {
  background-color: #FFD5D5!important;
}
.bg_green2 {
  background-color: #FFD5D5!important;
}
.bg_blue {
  background-color: #B7DDFA!important;
}
.bg_orange {
  background-color: #B6E3D8!important;
}
.bg_purple {
  background-color: #C5CBEB!important;
}
.box_blue {
  border: 4px solid #7FB9E0;
  box-shadow: 0px 3px 0px #0075C2;
}
.box_purple {
  border: 4px solid #B2A1CB;
  box-shadow: 0px 3px 0px #674498;
}
.box_orange {
  border: 4px solid #a7d1c7;
  box-shadow: 0px 3px 0px #84a79e;
}
.box_pink {
  border: 4px solid #F3BEBE;
  box-shadow: 0px 3px 0px #F18383;
}
/********************* table ************************/
.table {
  font-size: 25px;
  margin-top: 2%;
}

@media only screen and (max-width: 1435px) and (min-width: 960px) {
  .table {
    font-size: 1.394vw;
  }
}

@media screen and (max-width: 959px) {
  .table {
    margin-top: 11.73%;
  }
}


.table__content {
  margin-top: 1.5em;
}

@media screen and (max-width: 959px) {
  .table__content {
    margin-top: 28px;
  }
}

.table__content .swipe_annotation {
  color: #000000;
  font-size: 120%;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 60px;
  text-align: center;
}

.table_normal {
  background-color: #fff;
  border-collapse: separate;
  border-spacing: 3px;
  table-layout: fixed;
  width: 100%;
}

@media screen and (max-width: 959px) {
  .table_normal {
    border-spacing: 1px;
  }
}

.table_normal th, 
.table_normal td {
  padding: 1.25em .75em 1.5em .75em;
  text-align: center;
  vertical-align: middle;
  word-break: break-word;
}

.table_normal th {
  background-color: #706A6A;
  border-bottom: 3px solid #ffffff;
  color: #ffffff;
  font-size: 80%;
  font-weight: 600;
  width: 6.133em;
}

@media only screen and (max-width: 1435px) and (min-width: 768px) {
  .table_normal th {
    width: 5.333em;
  }
  
}

.table_normal td {
  color: #000000;
  font-size: 80%;
}

.table_normal th:nth-child(1) {
  background-color: #ffffff;
  width: 4.1em;
}

.table_normal td.time {
  background-color: #9A9695;
  color: #ffffff;
  padding: 1.25em 0 1.5em 1.75em;
  position: relative;
  text-align: left;
}

.table_normal td.time::before {
  background: url(/firstcareer/naitei/images/ico_clock.png) no-repeat;
  background-size: 100%;
  content: "";
  height: .917em;
  position: absolute;
  left: .417em;
  top: 50%;
  transform: translate(0, -50%);
  width: .917em;
}

@media screen and (max-width: 959px) {
  .table__content .swipe_annotation {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .table__content .swipe {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 19px;
    position: relative;
  }
  .table__content .swipe::-webkit-scrollbar {
    height: 6px;
    width: 100%;
  }
  .table__content .swipe::-webkit-scrollbar-thumb {
    background-color: #EB6100;
    width: 40%;
  }
  .swipe .table_normal {
    width: 959px;
  }
  .table_normal th, .table_normal td {
    padding: 7px 0 8px;
  }
  .table_normal th {
    font-size: 15px;
    width: 92px;
  }
  .table_normal td {
    font-size: 12px;
  }
  .table_normal th:nth-child(1) {
    width: 62px;
  }
  .table_normal td:nth-child(1) {
    padding: 16px 0 19px 21px;
  }
  .table_normal td:nth-child(1)::before {
    background-size: contain;
    height: 11px;
    left: 3px;
    width: 11px;
  }
}

.table__note {
  margin-top: 2%;
}

.table__note .text {
  font-size: 20px;
  padding-left: 1.667em;
  position: relative;
}

@media screen and (max-width: 959px) {
  .table__note .text {
    font-size: 15px;
  }
}

.table__note .text::before {
  content: "";
  background: url(/firstcareer/naitei/images/ico_modal.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  width: 1.167em;
  height: 1.167em;
}

/********************* tab ************************/
.tab__switch {
  margin: 6.969% auto 0;
  width: 55%;
}

@media screen and (max-width: 959px) {
  .tab__switch {
    background-color: #F5F5F5;
    margin: 40px auto 0;
    padding: 20px 0 20px 0;
    width: 100%;
  }
}

/* Tab Links */
.tab__switch .tabs{
  display:flex;
  justify-content: space-between;
  margin-bottom: -4px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 959px) {
  /* Tab Links */
  .tab__switch .tabs {
    margin-bottom: 5.865%;
  }
}

.tab__switch .tabs .tablinks {
  position: relative;
}

.tab__switch .tablinks {
  background-color: #EB6100;
  border: 4px solid #EB6100;
  border-bottom: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  color: #ffffff;
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
  outline: none;
  padding: .778em;
  transition: .2s ease;
  width: calc( 410 / 1255 * 100% );
}

@media screen and (max-width: 1124px) {
  .tab__switch .tablinks {
    font-size: 20px;
  }
}

@media screen and (max-width: 959px) {
  .tab__switch .tablinks {
    border: none;
    border-radius: 0;
    font-size: 18px;
    padding: .944em .278em .778em;
    width: calc( 103 / 375 * 100%);
  }
}

@media screen and (max-width: 959px) {
  .tab__switch .tablinks:nth-child(2) {
    width: calc( 165 / 375 * 100%);
  }
}

.tab__switch .tablinks:hover{
  color:#fff;
}

/* Tab active */
.tab__switch .tablinks.active {
  background-color: #ffffff;
  color: #EB6100;
}

@media screen and (min-width: 960px) {
  .tab__switch .tabs .tablinks.active::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 5px;
    background: #ffffff;
    z-index: 2;
  }
}

/* tab content */
@media screen and (min-width: 960px) {
  .tab__switch .wrapper__tabcontent {
    position: relative;
    border-left: 4px solid #EB6100;
    border-right: 4px solid #EB6100;
    border-bottom: 4px solid #EB6100;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 4.861% 4.94% 5.02%;
  }

  .tab__switch .wrapper__tabcontent::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #EB6100;
  }
}

@media screen and (max-width: 959px) {
  .tab__switch .wrapper__tabcontent {
    padding: 4.861% 4.94% 5.02%;
  }
}

.tab__switch .tabcontent {
  display: none;
  position: relative;
}


/* tab content active */
.tab__switch .tabcontent.active {
  display: block;
}

/* Map modal */
.map-click {
  display: inline-block;
  height: 18.3%;
  position: absolute;
  z-index: 1;
}
.map01-01 {
  right: 25%;
  top: 13%;
  width: 32%;
}
.map01-02 {
  bottom: 20%;
  right: 1.8%;
  width: 40%;
}
.map01-03 {
  bottom: 1.2%;
  left: 26.6%;
  width: 28.8%;
}
.map02-01 {
  left: 5%;
  top: 1.1%;
  width: 33%;
}
.map02-02 {
  right: 24.7%;
  top: 6.7%;
  width: 30.4%;
}
.map02-03 {
  left: 40.25%;
  top: 26.6%;
  width: 33.8%;
}
.map02-04 {
  bottom: 20.1%;
  left: 0.7%;
  width: 36%;
}
.map02-05 {
  bottom: 11.7%;
  right: 1.2%;
  width: 39.9%;
}
.map02-06 {
  bottom: 0.8%;
  left: 30%;
  width: 27.2%;
}
.map03-01 {
  right: 32.5%;
  top: 9.3%;
  width: 30.6%;
}
.map03-02 {
  bottom: 32.6%;
  left: 0.5%;
  width: 33.8%;
}
.map03-03 {
  bottom: 8.7%;
  right: 22.5%;
  width: 32%;
}
.modal-open,
.modal-open body {
  overflow: hidden;
}
.modal-page {
  height: 100%;
  overflow-y: auto;
  position: fixed;
  left: 0;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 10000;
}
.modal-page.is-visible {
  visibility: visible;
}
.modal-overlay {
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  opacity: 0;
  position: fixed;
  left: 0;
  top: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
  visibility: hidden;
  width: 100%;
  z-index: 10;
}
.modal-page.is-visible .modal-overlay {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible;
}
.modal-wrapper {
  background-color: #ffffff;
  border: 1px solid #707070;
  max-width: 750px;
  padding: 39px;
  position: absolute;
  left: 50.25%;
  top: 58%;
  width: 100%;
  z-index: 9999;
}

@media screen and (max-width : 1024px) {
  .modal-wrapper {
    top: 60%;
    max-width: 600px;
  }
}

.blue .modal-wrapper {
  background-color: #CCE3F3;
}

.orange .modal-wrapper {
  background-color: #FDEFE5;
}


.modal-transition {
  opacity: 0;
  transform: translateY(-10%);
  transition: all 0.3s 0.12s;
}
.modal-page.is-visible .modal-transition {
  opacity: 1;
  transform: translate(-49.5%, -50%);
}

.modal-wrapper .title {
  font-size: 15px;
  font-weight: 600;
  margin-top: 1em;
}

.modal-wrapper .text {
  font-size: 15px;
  margin-top: .5em;
}
.modal-wrapper .detail-list {
  font-size: 15px;
  margin-top: 1em;
}
.modal-close {
  background: none;
  background: url('../images/ico_close.png') center no-repeat;
  background-size: 100%;
  cursor: pointer;
  height: 32px;
  position: absolute;
  right: -45px;
  top: -45px;
  width: 32px;
}
.modal-close:hover {
  opacity: 0.7;
}
.item-slick.slick-slide.slick-current.slick-active {
	outline: none !important;
}
.slider-for {
  margin-bottom: 10px;
}
.slider-for img {
  min-height: 100%;
  width: 100%; 
}
.slider-nav {
  margin: auto;
}
.slider-nav .item-slick {
  cursor: pointer;
  max-width: 232px;
  outline: none!important;
}
.slider-nav .item-slick img {
  background-position: center;
  background-size: cover;
  max-width: 100%; 
}
.modal-slider .slider.slider-for {
  max-width: 79.099%;
  padding-right: 12px;
}
.modal-slider .slider.slider-nav {
  max-width: 20.901%;
}
.modal-slider .slider.slider-for,
.modal-slider .slider.slider-nav {
  float: left;
  width: 100%;
}
.modal-slider .slider.slider-nav {
  height: 306px;
  overflow: hidden;

}

.modal-slider-image {
  height: 306px;
}

@media screen and (max-width : 1024px) {
  .modal-slider-image {
    height: 290px;
  }
}


.slider-nav .slick-slide.thumbnail-image .thumb-img{
  height: 96px;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
}
.modal-slider-image img,
.slider-nav .slick-slide.thumbnail-image .thumb-img img {
  height: 100%;
  object-fit: cover;
  width:100%;
}
.slick-vertical .slick-slide:active,
.slick-vertical .slick-slide:focus,
.slick-arrow:hover,
.slick-arrow:focus {
  border: 0;
  outline: 0;
}
.slider-nav .slick-slide {
  border: none;
  margin-bottom: 10px;
  opacity: 0.5;
  text-align: center;
}
.slider-nav .slick-slide.slick-current {
  opacity: 1;
}
@media screen and (max-width : 1280px) {
  .modal-close {
    right: 0;
  }
}
@media screen and (max-width : 959px) {
  .modal-wrapper {
    width: 442px;
    padding: 20px 15px 40px;
    left: 50%;
    top: 50%;
  }
  .slider-nav .slick-slide {
    margin-bottom: 0;
  }
  .modal-page.is-visible .modal-transition {
    transform: translate(-50%, -50%);
  }
  .modal-slider .slider.slider-for,
	.modal-slider .slider.slider-nav {
	    float: none;
	    max-width: 100%;
	}
	.modal-slider .slider.slider-for {
		padding-right: 0;
	}
	.modal-slider .slider.slider-nav {
		height: 90px;
	}
	.thumbnail-image.slick-slide {
		display: inline-block;
		float: none;
		width: 127px !important;
		padding: 0;
    font-size: 4vw;
	}
  .thumbnail-image.slick-slide:not(:nth-child(3n)) {
    margin-right: 14px;
  }
	.modal-slider-image {
	    height: auto;
	}
	.slider.slider-nav.thumb-image {
    margin: 15px 0 0;
    padding: 0;
    white-space: nowrap;
	}
	.slider-nav .slick-slide.thumbnail-image .thumb-img {
		height: auto;
		max-width: 100%;
	}
  .modal-wrapper .text {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 1em;
  }
  .modal-wrapper .detail-list {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 1.6em;
  }
  .modal-close {
    height: 14px;
    right: -8px;
    top: -25px;
    width: 14px;
  }
}

@media screen and (max-width : 767px) {
  .modal-wrapper {
    width: 342px;
  }
  .thumbnail-image.slick-slide {
    width: 94px !important;
	}
  .thumbnail-image.slick-slide:not(:nth-child(3n)) {
    margin-right: 14px;
  }
  .modal-slider .slider.slider-nav {
    height: 66px;
  }
}

@media screen and (max-width : 370px) {
  .modal-wrapper {
    width: 250px;
  }
  .thumbnail-image.slick-slide {
    width: 66px !important;
	}
  .thumbnail-image.slick-slide:not(:nth-child(3n)) {
    margin-right: 10px;
  }
  .modal-slider .slider.slider-nav {
    height: 47px;
  }
  .modal-wrapper .text {
    font-size: 4vw;
  }
  .modal-wrapper .detail-list {
    font-size: 4vw;
  }
}
/* Table modal */
.table_normal td.box_js {
  height: 0;
  padding: 0;
}

.table_normal td.box_js a {
  position: relative;
  display: inline-table;
  color: inherit;
  height: 100%;
  width: 100%;
  padding: 12px 0;
  text-decoration: none;
}


.table_normal td.box_js a span {
  /* display: table-cell;
  vertical-align: middle; */
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translate(-2%,-54%);
}

.table_normal td.box_js a.long span::before {
  content: "";
  position: absolute;
  right: .3em;
  bottom: -1em;
  width: .9em;
  height: .9em;
  background: url(/firstcareer/naitei/images/ico_zoom.png) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 959px) {
  .table_normal td.box_js a.long span::before {
    content: "";
    bottom: -1.2em;
    width: 1.2em;
    height: 1.2em;
  }
}

.table_normal td.box_js a.short::before {
  content: "";
  position: absolute;
  right: .3em;
  bottom: .5em;
  width: .9em;
  height: .9em;
  background: url(/firstcareer/naitei/images/ico_zoom.png) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 959px) {
  .table_normal td.box_js a.short::before {
    content: "";
    bottom: .3em;
    width: 1.2em;
    height: 1.2em;
  }
}


/* .table_normal td.box_js a span {
  width: auto;
  height: auto;
  padding: 0px;
} */

.btn__return {
  display: block;
  line-height: 1;
  margin: 4.1% auto 4%;
  max-width: 580px;
  width: 100%;
}

@media screen and (max-width : 959px) {
  .btn__return {
    display: block;
    line-height: 1;
    margin: 10.667% auto 10.667%;
    max-width: inherit;
    padding: 0 17px;
    width: calc( 341 / 341 * 100%);
  }
}

.btn__return-item {
  border: 2px solid #e60012;
  color: #e60012;
  display: block;
  font-size: 34px;
  font-weight: 600;
  padding: 36px 0 37px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transform: scale(1, 1);
  width: 100%;
}

@media screen and (max-width : 959px) {
  .btn__return-item {
    border: 2px solid #e60012;
    font-size: 18px;
    padding: 20px 0;
  }
}

.btn__return-item::before {
  
  background: url(../images/ico_backtotop.png) no-repeat;
  background-size: 100%;
  content: "";
  height: 43px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translate(0, -50%);
  width: 42px;
}

@media screen and (max-width : 959px) {
  .btn__return-item::before {
    background: url(../images/ico_backtotop.png) no-repeat;
    background-size: contain;
    height: 24px;
    left: .722em;
    width: 24px;
  }
}

.ov:hover {
  opacity: 0.7;
}

.modal-open .pagetop {
  display: none !important;
}

.modal-open .head {
  z-index: 1 !important;
}

.modal-open .contents {
  position: static !important;
}

.tablinks:not(.active):hover {
  opacity: .7;
}

.modal-toggle:hover {
  background: #ffffff;
  opacity: .1;
}