@charset "UTF-8";

html{
  font-size:62.5%
}

body{
  color:#000;
  font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size:1.6rem;
  background:rgba(38,38,38,.8);
  word-wrap:break-word;
  overflow-wrap:break-word
}

a{
  color:#000;
  text-decoration:none
}

a:hover{
  color:#003a75
}

h1{
  line-height:0
}

h2{
  font-size:4.8rem
}

h3{
  font-size:3.2rem
}

h4{
  font-size:2.4rem
}

p{
  line-height:1.6em
}

li,ol,ul{
  list-style:none
}
  
.main-contents-inner{
  width:90%;
  padding:15rem 0;
  text-align:center
}

.main-contents-items,.main-contents-twitter,.main-contents-works{
  display:flex;
  flex-direction:column;
  align-items:center
}

#wrap{
  text-align:center;
  display:flex;
  justify-content:center;
  background:#fff;
  position:relative;
  z-index:5
}

.readmore-wrap{
  background:#dbe9ff;
  color:#000;
  width:280px;
  height:100%;
  margin:0 auto
}

.header-wrap{background:rgba(38,38,38,.8);width:100%;height:5rem;position:fixed;z-index:10}.header-inner{align-items:center;display:flex;justify-content:space-between;padding:0 3rem;position:relative;width:100%}.logo{padding-top:10px;margin:0;height:4rem}.logo-sns{width:25px;height:25px;padding:0}.nav-pc-menu{display:none}.nav-icon{position:relative;cursor:pointer;display:flex;flex-direction:column;z-index:10;margin-top:10px}.nav-icon span{width:25px;height:2px;margin:3px;background-color:#fff;transition:.5s ease}.nav-icon.open span:nth-of-type(1){transform:translateY(8px) rotate(-45deg)}.nav-icon.open span:nth-of-type(2){opacity:0}.nav-icon.open span:nth-of-type(3){transform:translateY(-8px) rotate(45deg)}.nav-mobile-menu{background-color:rgba(0,58,117,.8);position:fixed;top:0;left:0;right:0;bottom:0;text-align:center;display:flex;justify-content:center;align-items:center;font-size:1.6rem;opacity:0;visibility:hidden;transition:.5s}.nav-mobile-menu ul li{padding:10px 0;opacity:0}.nav-mobile-menu.open{opacity:1;visibility:visible}.nav-mobile-menu.open a{color:#fff}.nav-mobile-menu.open ul li{opacity:1;transition:.5s ease}.nav-mobile-menu.open ul li:nth-child(1){transition-delay:.1s}.nav-mobile-menu.open ul li:nth-child(2){transition-delay:.2s}.nav-mobile-menu.open ul li:nth-child(3){transition-delay:.3s}.nav-mobile-menu.open ul li:nth-child(4){transition-delay:.4s}.nav-mobile-menu.open ul li:nth-child(5){transition-delay:.5s}.nav-mobile-menu.open ul li:nth-child(6){transition-delay:.6s}.nav-mobile-menu.open ul li:nth-child(7){transition-delay:.7s}.nav-mobile-menu.open ul li:nth-child(8){transition-delay:.8s}.nav-mobile-menu.open ul li:nth-child(9){transition-delay:.9s}#footer-wrap{display:flex;flex-direction:column;align-items:center;background:#4c75b3;color:#fff;font-size:.8em}.footer-kakomi{display:flex;flex-direction:column;justify-content:center;margin:0 auto;text-align:left;padding:30px}.footer-contents1{width:80%;display:flex;flex-direction:column;padding:30px 10px 50px 10px;border-bottom:solid 1px #fff}.footer-contents2{width:80%;display:flex;flex-direction:row;padding:50px 0;justify-content:space-between;align-items:flex-end}.footer-contents-items{padding:1rem;box-sizing:border-box}.footer-contents-items ul li a{color:#fff}.footer-contents-items ul li a:hover{color:#c2eaff}small{font-size:.6em;font-family:Verdana,"Droid Sans";line-height:5em}.icon-pp-top{display:block;height:50px;width:50px;margin:20px 10px}#home{width:100%;height:100vh}.home-bg{position:fixed;top:0;left:0;width:100%;height:100vh;background:url(../image/top-sp.jpg) center no-repeat;background-size:cover}.home-bg.transform{display:none}.home-content{position:absolute;color:#fff;top:40%;display:flex;flex-direction:column;align-items:center}.home-content h3{font-size:6vw}.hikki{height:auto;width:60%;min-height:0}#vision{text-align:center;display:flex;justify-content:center;background:linear-gradient(135deg,#f5f7fa 0,#4c75b3 100%);position:relative;z-index:5}#vision .main-contents-inner .main-contents-items h3{padding:10rem 0}#vision .main-contents-inner .main-contents-items p{width:90%}#works{text-align:center;display:flex;justify-content:center;position:relative;z-index:5;background:#fff}.contents-flex-wrap{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;height:100%}.contents-flex-inner{background:#fff;margin:20px;width:100%;height:90%;max-height:100%;min-height:0}.contents-flex-inner a{display:block;padding:20px;width:100%;height:100%}.contents-border{border:1px solid #4c75b3;font-size:1.4rem}#works .contents-flex-inner p{display:flex;align-items:flex-start;justify-content:center;width:80%;height:100%;margin:0 auto}.contents-flex-items{display:flex;justify-content:center;margin:10px 0 20px 0}.icon-works-small{height:20%;margin:10px;width:20%}.main-contents-works h3{padding:7rem 0}#member{text-align:center;display:flex;justify-content:center;background:linear-gradient(135deg,#f5f7fa 0,#4c75b3 100%);position:relative;z-index:5}.member-member{border:1px solid #fff;font-size:1.4rem}.icon-member{margin:15px 0;max-width:100%;max-height:100%}#member .contents-flex-inner p{display:flex;align-items:center;justify-content:center;width:100%;height:30px}#company{text-align:center;display:flex;justify-content:center;background:#fff;position:relative;z-index:5}.company-data{width:100%;background-color:#fff;margin-top:15px;padding:10px}.company-data tr th{background-color:#dbe9ff;font-weight:400;padding:3px 0 0 10px;text-align:left}.company-data tr td{padding-left:10px;text-align:left}.map{width:100%;background-color:#fff;padding:10px;margin-bottom:30px}.map iframe{height:40vh;width:100%;border:none}#recruit{text-align:left;display:flex;justify-content:center;background:linear-gradient(135deg,#f5f7fa 0,#4c75b3 100%);position:relative;z-index:5}#recruit h3{text-align:center;padding:10rem 0;font-size:2.8rem}.contact-link{color:#fff}.contact-link a{color:#fff}.contact-link a:hover{color:#f5f5f5}#recruit .company-data{margin-bottom:15px}#news{text-align:center;display:flex;justify-content:center;background:linear-gradient(135deg,#f5f7fa 0,#4c75b3 100%);position:relative;z-index:5}.news-contents-top{background-color:#fff;border-radius:20px;margin:20px auto;padding:20px;text-align:left;width:100%}.news-day{color:#003a75;font-weight:700}.news-title{font-weight:700}#twitter{text-align:left;display:flex;justify-content:center;background:#fff;position:relative;z-index:5}#twitter h2{margin-bottom:15px}.main-contents-twitter{padding:0 25px}#contact{text-align:left;display:flex;justify-content:center;background:#fff;position:relative;z-index:5}#contact h2{margin-bottom:15px}.contact-form{width:90%;height:90%}.contact-form a,.kakomi-pp a,.news-contents a{color:#003a75;background-color:#dbe9ff}.contact-form a:hover,.kakomi-pp a:hover{color:#4c75b3}.contact-form table{margin:20px 0;width:100%}.contact-form table th{background:#dbe9ff;border:solid 2px #003a75;padding-left:5px;text-align:left}.contact-form table td{background-color:#fff;padding:5px;border:solid 2px #003a75;text-align:left}.contact-form table td .message,.contact-form table td .name,.email,.hurigana,.tel{width:100%;background-color:#fff}.contact-form input,.contact-form select,.contact-form textarea{border:solid 1px gray}.contact-form select{background-color:#fff;-moz-appearance:menulist;-webkit-appearance:menulist;width:100%;height:30px}.contact-form select::-ms-expand{display:block}.contact-btn{background-color:#ddd;display:block;margin:30px auto 0 auto;width:200px;height:50px;font-size:2rem}.disable-btn{color:#ccc;cursor:default}.contact-form .req{color:red;padding:0 5px}.pri-policy{width:100%;height:300px;overflow:auto;padding:10px;border:1px solid #000;margin-top:20px;text-align:left}.pri-policy h3{font-size:2rem}.contact-form .pri-policy hr{margin:5px 0;background-color:#dbf2fd;width:100%;height:2px;border:none;border-bottom:dotted}.contact-form .pri-policy ul{padding-left:25px}.contact-form .pri-policy li{list-style-type:disc;line-height:1.6em}.contact-form .form-list .checkbox-kakomi{margin:20px 0 20px 0;line-height:1.6em}input[type=checkbox]{padding-right:5px}.contents-flex-works-wrap{display:flex;align-items:flex-start;flex-direction:column;padding-bottom:70px;width:100%}.icon-works-big{display:block;height:150px;margin:0 auto;width:150px}.works-text h4{padding:20px 0}.works-text p{text-align:left;margin-bottom:50px}.works-hp{text-align:left}.icon-works-hp{display:block;height:300px;width:auto}#rinen{width:100%;padding:10px 0;text-align:left}#rinen h3{padding:10rem 0;text-align:center}#rinen p{padding:1rem 0}#rinen p:last-child{padding:20px 5px 0 0;text-align:right}#enkaku{width:100%;padding-top:12rem}#enkaku p{text-align:left;height:2.5rem}#enkaku p:nth-child(even){background:#dbe9ff}#interview-top{text-align:center;display:flex;justify-content:center;background:#fff;position:relative;z-index:5}.int-text{display:flex;flex-direction:column;align-content:left;width:90%}.int-img,.int-img2{height:100%;width:100%;margin:50px auto 5px auto}.int-img2{margin:20px auto 50px auto}.caption{display:block;font-size:.8em;text-align:center}.int-text h3{margin:0 auto;padding:5rem 0;font-size:2.4rem;color:#003a75;text-align:left}.int-text p{padding-bottom:30px;text-align:left}.button-inner{background-color:#dbe9ff;border-radius:14px;display:flex;flex-direction:column;align-items:center;height:110px;width:250px;padding:15px;margin:20px 0}.button-inner-wantedly{background-color:#dbe9ff;border-radius:14px;display:flex;align-items:center;height:100px;padding:15px;text-align:center;width:300px;flex-direction:row;margin-top:50px}
.button-inner-wantedly-top {
  background-color: #dbe9ff;
  border-radius: 14px;
  display: flex;
  align-items: center;
  height: 100px;
  padding: 15px;
  text-align: center;
  width: 300px;
  flex-direction: row;
  margin-top: 50px;
  justify-content: space-evenly;
}
.button-inner-goodforjob-top {
  background-color: #dbe9ff;
  border-radius: 14px;
  display: flex;
  align-items: center;
  height: 100px;
  padding: 15px;
  text-align: center;
  width: 300px;
  flex-direction: row;
  margin-top: 50px;
  justify-content: space-evenly;
}
.button-icon1,.button-icon2{
background-image:url(../image/icon-youkou.png);background-size:cover;height:50px;width:50px;margin-bottom:10px
}
.button-icon2{
background-image:url(../image/icon-other.png)}
.button-icon-wantedly{
background-image:url(../image/Wantedly_Mark_Blk.png);
background-size:cover;height:60px;width:60px
}
.button-icon-goodforjob{
background-image:url(../image/goodforjob.png);
background-size:cover;height:60px;width:60px
}
.button-font{
font-size:1.2rem
}
.button-font-wantedly{
font-size:1.2rem;width:80%
}
.button-font-goodforjob{
font-size:1.2rem;width:80%
}
#pp{text-align:left;display:flex;justify-content:center;background:#fff;position:relative;z-index:5}#pp h2{width:90%}.pp-title{font-size:2rem;text-align:left;width:auto;background:#eee;padding:5px}.main-contents-pp{text-align:left;width:90%;margin-top:65px}.kakomi-wrap{display:none}.kakomi-pp{padding:20px 0}.icon-pp{display:block;height:150px;margin:30px auto;width:150px}.fa-angle-double-right{padding:5px}.main-contents-404{text-align:left}.main-contents-404 h2{font-size:2.4rem;margin-bottom:30px}.kakomi-404{padding:20px 0}.kakomi-404 a{color:#4c75b3}.kakomi-404 a:hover{text-decoration:underline}@media screen and (min-width:568px) and (orientation:landscape){.home-bg{background-image:url(../image/top-pc.jpg);width:100%;height:100%}.home-content{width:50%;margin:0 30%;left:0}.home-content h3{font-size:2.2rem}.hikki{width:60%}.main-contents-inner{width:70%}}@media screen and (min-width:1024px){.header-inner{height:80px;padding:0 3rem}.header-inner.transform{height:50px}.header-inner,.header-wrap,.logo,.logo-sns,.nav-icon,.nav-pc-menu,.nav-pc-menu ul li a{transition:.9s}.header-wrap{height:8rem}.header-wrap.transform{height:5rem}.logo{width:auto;height:4rem;padding:0}.logo.transform{margin:0;height:3rem}.logo-sns{width:auto;height:25px;padding:0}.nav-pc-menu{display:flex;list-style:none;padding:2rem 0}.nav-pc-menu.transform{padding:0 0 0 120px}.nav-pc-menu ul{display:flex}.nav-pc-menu ul li{padding-left:25px;height:25px}.nav-pc-menu ul li a{color:#fff;display:inline-block;position:relative;text-decoration:none;height:25px}.nav-pc-menu ul li a::after{position:absolute;bottom:2px;left:0;content:"";width:100%;height:3px;background:#dbf2fd;opacity:0;visibility:hidden;transition:.3s}.nav-pc-menu ul li a:hover::after{bottom:-4px;opacity:1;visibility:visible}.nav-icon{display:none}.nav-icon.transform{padding-top:30px}.home-bg{background-image:url(../image/top-pc.jpg)}.home-content{margin:0 25%;left:0;top:40%}.hikki{height:auto;width:40%;min-height:0}.home-content h3{font-size:3.2rem}.contents-flex-wrap{flex-direction:row;justify-content:center}.contents-flex-works-wrap{flex-direction:row;width:80%}.works-text{padding:0 20px;width:80%}.works-text h4{text-align:left;padding:10px 0}.company-data,.map{width:60%}#rinen{width:55%}#rinen p:last-child{padding-right:0}#enkaku .company-data{width:55%;margin:0 auto}.pp-title{font-size:2.4rem;cursor:pointer}.button-inner{flex-direction:row;height:120px;width:400px;margin:50px auto 0 auto}
.button-inner-wantedly{
width:420px
}
.button-inner-goodforjob{
width:420px
}
.button-inner-wantedly-top{
width:420px
}
.button-inner-goodforjob-top{
width:420px
}
.button-icon1,.button-icon2{height:90px;width:90px;margin:0 15px 0 0}
.button-icon-wantedly{
height:100px;width:100px
}
.button-icon-goodforjob{
height:100px;width:100px
}
.button-font{
font-size:16px
}
.button-font-wantedly{
font-size:16px
}
.button-font-goodforjob{
font-size:16px
}
.int-text{width:80%}.contact-form{width:70%}.int-text h3,.int-text p{width:70%;margin:0 auto}.footer-contents1{justify-content:space-around;flex-direction:row}.footer-contents2{width:60%;padding:50px 100px 30px 100px;align-items:center}.icon-pp-top{height:80px;width:80px}.int-img,.int-img2{width:70%;height:70%}.news-contents{width:70%}.main-contents-pp{width:70%}.main-contents-inner{width:70%}.contact-form{width:70%}}@media screen and (min-width:768px) and (orientation:portrait){.main-contents-inner{width:70%}}

/* 追加 */
img {
  width: 100%;
}

.header-wrap {
  height: 3.5rem;
  background: #535353;
  top: 0;
}

.header-inner {
  height: 3.5rem;
  padding: 0 2.5rem;
}

.logo {
  padding-top: 0px;
  width: 89px;
  height: auto;
}

.nav-icon {
  margin-top: 0;
}

.nav-mobile-menu {
  background-color: rgba(76, 117, 179, .8);
}

@media screen and (min-width:1024px){
  .header-wrap, .header-inner {
    height: 7rem;
  }

  .header-inner .logo {
    width: 157px;
    height: auto;
  }
  
}

/* vision */
.main-contents-inner {
  width: 100%;
  padding: 6rem 2.5rem;
  margin-right: auto;
  margin-left: auto;
}

#vision {
  background: url(../image/vision__bg.jpg) no-repeat center / cover;
}

#vision::before {
  content: "";
  display: inline-block;
  background: url(../image/vision__logo-sp.png) no-repeat top right / contain;
  width: 141px;
  height: 141px;
  position: absolute;
  top: 0;
  right: 0;
}

.vision__container {
  text-align: left;
  color: #fff;
}

.vision__container h2 {
  font-size: 3.2rem;
}

#vision .vision__items .vision__container h3 {
  font-size: 2.4rem;
  margin-top: 2.2rem;
  padding: 0;
  display: flex;
  align-items: center;
}

.vision__container h3::after {
  content:"";
  display: inline-block;
  background-color: #fff;
  width: 63px;
  height: 1px;
  margin-left: 1.7rem;
}

#vision .vision__items .vision__container .vision__container__text-catchcopy {
  width: 100%;
  font-size: 1.8rem;
  margin-top: .6rem;
}

#vision .vision__items .vision__container .vision__container__text {
  width: 100%;
  margin-top: 3rem;
}

.vision__img {
  max-width: 264px;
  width: 100%;
  margin-top: 3rem;
}

@media screen and (min-width:376px){
  .vision__img {
    max-width: 80%;
  }
}

@media screen and (min-width:1024px){
  .main-contents-inner {
    max-width: 1160px;
    padding: 13rem 3rem;
  }

  .main-contents-inner.sub-contents-inner {
    max-width: 840px;
  }

  #vision::before {
    background: url(../image/vision__logo.png) no-repeat top right / contain;
    width: 378px;
    height: 377px;
  }

  .vision__items {
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 8rem;
    align-items: flex-start;
  }

  .vision__container h2 {
    font-size: 5rem;
  }

  #vision .vision__items .vision__container h3 {
    font-size: 3.6rem;
    margin-top: 3rem;
  }  

  .vision__container h3::after {
    width: 123px;
  }

  #vision .vision__items .vision__container .vision__container__text-catchcopy {
    font-size: 2.4rem;
  }

  .vision__img {
    max-width: 513px;
    margin-top: 0;
  }

}

@media screen and (min-width:1300px){
  .vision__items {
    gap: 15rem;
  }
}

/* WORKS */
h2.main-title {
  color: #5179B6;
  font-size: 2.4rem;
}

.works__sub-title {
  font-size: 1.8rem;
  margin: 1.5rem 0 0 0;
}

#works .contents-flex-inner {
  margin: 0;
}

.contents-flex-inner a {
  padding: 4.5rem 0 0 0;
}

#works .contents-flex-items {
  margin: 0;
}

#works .icon-works-small {
  max-width: 100px;
  width: 100%;
  margin: 0 1.2rem 0 0;
}

#works .icon-works-small:last-child {
  margin: 0;
}

#works .contents-flex-inner p {
  width: 100%;
  margin: 2.5rem 0 0 0;
}

.goodforjob__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 446px;
  width: 100%;
  margin: 5rem 0 0 0;
  border: 1px solid #000;
  border-radius: 50px;
  padding: 1.1rem 2rem 1.1rem 2.4rem;
}

.goodforjob__button__icon {
  width: 17px;
}

.goodforjob__button__text {
  font-size: 1.4rem;
  font-weight: bold;
}

.goodforjob__button__arrow {
  width: 13px;
}

a {
  color: #222;
}

.goodforjob__button:hover, .button-readmore:hover, .wantedly__button:hover {
  opacity: 0.7;
  transition: opacity 0.5s;
}

a:hover {
  color: #222;
}

a.button-readmore:hover {
  color: #fff;
}

@media screen and (max-width:330px){
  #works .icon-works-small {
    max-width: 36.5%;
  }
}

@media screen and (min-width:1024px){
  h2.main-title {
    font-size: 4rem;
  }

  #works .icon-works-small {
    max-width: 198px;
    margin: 0 3rem 0 0;
  }

  #works .contents-flex-inner p {
    margin: 5rem 0 0 0;
  }

  .goodforjob__button {
    margin: 10rem 0 0 0;
  }

  .goodforjob__button__text {
    font-size: 1.8rem;
  }

  .goodforjob__button__icon {
    width: 27px;
  }

  .goodforjob__button__arrow {
    width: 20px;
  }

  .works__sub-title {
    font-size: 3.2rem;
    margin: 2rem 0 0 0;
  }
}

/* MEMBER */
#member {
  background: url(../image/vision__bg.jpg) no-repeat center / cover;
}

h2.main-title.main-title-color {
  color: #fff;
}

.member__cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, 100%);
  justify-content: center;
  gap: 30px;
  margin-top: 6rem;
}

.member__card {
  background-color: #fff;
}

.member__card__img {
  width: 100%;
}

.member-top .member__card__img {
  height: 226px;
  object-fit: cover;
}

.member__card__container {
  position: relative;
  text-align: left;
  font-weight: bold;
  padding: 2rem 1.9rem 3rem;
}

.member__card__container::after {
  content: "";
  display: inline-block;
  width: 32px;
  height: 31px;
  background: linear-gradient(135deg, #f5f7fa 0, #4c75b3 100%);
  position: absolute;
  right: 0;
  bottom: 0px;
  clip-path: polygon(0% 100%, 100% 100%, 100% 0%);
}

.member__card__text {
  color: #5179B6;
  font-size: 1.8rem;
  margin-top: 2rem;
}

.button-readmore {
  position: relative;
  display: inline-block;
  max-width: 100%;
  width: 256px;
  color: #fff;
  font-weight: bold;
  background-color: #6A9BE6;
  border-radius: 30px;
  padding: 1.3rem 3rem;
  margin-top: 6rem;
}

.button-readmore::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 4px;
  background: url(../image/readmore-arrow.png) no-repeat center / contain;
  position: absolute;
  top: 45%;
  right: 3rem;
}

@media screen and (min-width:680px){
  .member__cards {
    grid-template-columns: repeat(auto-fit, 384px);
  }
}

@media screen and (min-width:1024px){
  #member {
    background: url(../image/member-bg-pc.jpg) no-repeat center / cover;
  }

  .member__cards {
    margin: 10rem auto 0;
  }

  .member__card__container {
    padding: 2.5rem 3rem 4rem;
  }

  .member__card__text {
    margin-top: 1rem;
  }

  .button-readmore {
    margin-top: 10rem;
  }

  .member__button {
    margin-top: 9.6rem;
  }

}

/* women-engineers */
.women-engineers {
  background: #fff url(../image/women-engineers-bg.png) no-repeat bottom / contain;
}

.women-engineers .main-contents-inner {
  padding: 6rem 2.5rem 13rem;
}

.women-engineers__cards {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 6rem;
}

.women-engineers__img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.women-engineers__card {
  position: relative;
}

.women-engineers__card__text {
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-align: left;
  color: #fff;
  font-weight: bold;
}

.women-engineers__card__en {
  font-size: 14px;
}

.women-engineers__card__title {
  font-size: 20px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.women-engineers__arrow {
  width: 24px;
}

@media screen and (min-width:1024px){
  .women-engineers {
    background: #fff;
    position: relative;
  }

  .women-engineers::after {
    content: "";
    display: inline-block;
    background: url(../image/women-engineers-bg-pc.png) no-repeat center bottom / cover;
    width: 100vw;
    height: 280px;
    position: absolute;
    bottom: 0;
  }

  .women-engineers .main-contents-inner {
    max-width: 1296px;
    padding: 13rem 2.5rem;
    position: relative;
    z-index: 1;
  }

  .women-engineers__cards {
    flex-direction: row;
    margin-top: 10rem;
  }

  .women-engineers__img {
    max-width: 395px;
  }
}

@media screen and (min-width:1300px){
  .women-engineers::after {
    height: 351px;
  }

  .women-engineers__img {
    height: 395px;
  }
}

/* conmpany */
.table__container {
  max-width: 809px;
  width: 100%;
  margin-top: 6rem;
}

.table__container tr th {
  background-color: #6A9BE6;
  color: #fff;
  text-align: left;
  padding: .7rem 0 .9rem 1rem;
  border-radius: 5px;
}

.table__container tr td {
  text-align: left;
  padding: 1rem 0 1.5rem 1rem;
}

.company .map {
  max-width: 606px;
  margin: 1.5rem 0 0 0;
  padding: 0;
}

.company .map iframe {
  height: 238px;
}

@media screen and (min-width:768px){
  .company .map iframe {
    height: 446px;
  }
}

@media screen and (min-width: 1024px) {
  .company .main-contents-inner {
      padding: 13rem 3rem 10rem;
  }
}

/* recruit */
#recruit {
  background: url(../image/recruit-bg.jpg) no-repeat bottom / cover;
}

#recruit .sub-title {
  font-size: 1.8rem;
  color: #fff;
  margin: 1.5rem 0 0 0;
  padding: 0;
}

.recruit__box {
  background-color: #fff;
  margin-top: 4.5rem;
  padding: 3rem 1.5rem 1.5rem;
  border-radius: 10px;
}

.table__container.table__recruit {
  margin-top: 3rem;
}

.recruit__box__title {
  font-size: 1.8rem;
}

.wantedly__button {
  max-width: 410px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 24px;
  border: 1px solid #222222;
  padding: 1.1rem 2.5rem 1.1rem 1rem;
  margin-top: 6rem;
}

.wantedly__button__icon {
  max-width: 38px;
  width: 100%;
}

.wantedly__button__text {
  margin-left: .9rem;
  font-size: 1.4rem;
  font-weight: bold;
}

.wantedly__button__arrow {
  max-width: 16px;
  width: 100%;
  margin-left: 1.3rem;
}

@media screen and (min-width: 1024px) {
  #recruit .sub-title {
    font-size: 2.4rem;
    margin: 2rem 0 0 0;
  }

  .recruit__box {
    margin-top: 10rem;
    padding: 3rem 5rem 3.5rem;
  }

  .recruit__box__title {
    font-size: 2rem;
  }

  .table__recruit {
    margin-top: 4rem;
  }

  .wantedly__button {
    margin-top: 10rem;
  }

  .recruit .main-contents-inner {
    padding: 13rem 3rem 10rem;
  }
}

/* news */
#news {
  background: #F5F7FA;
}

#news article {
  max-width: 882px;
  width: 100%;
}

.main-title__news {
  margin-bottom: 3.5rem;
}

.news-contents-top {
  background-color: transparent;
  border-radius: 0;
  margin: 0;
  padding: 2.5rem 0;
  border-bottom: 1px solid #4C75B3;
}

.news-day {
  color: #747474;
  font-size: 1.8rem;
  font-weight: bold;
}

.news-title {
  color: #5179B6;
  font-size: 1.8rem;
}

.news-text {
  color: #222;
  font-size: 1.8rem;
}

@media screen and (min-width: 1024px) {
  .news-day {
    float: left;
    margin-right: 4rem;
  }

  .news-text {
    margin-top: 2rem;
  }
}

/* contact */
#contact .main-title.main-title__contact {
  margin: 0;
}

.contact-form {
  max-width: 710px;
  width: 100%;
}

.contact-form__text {
  text-align-last: left;
  margin-top: 6rem;
  line-height: 180%;
  font-weight: bold;
}

.contact .link__text {
  color: #5179b6;
  background-color: transparent;
}

.contact-form .contact-form__list table {
  margin: 3rem 0;
}

.contact-form .contact-form__list table th {
  background-color: transparent;
  border: 0;
  padding: 0;
  display: flex;
  margin-top: 3rem;
}

.contact-form .contact-form__list .req {
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #ff8200;
  padding: 0.2rem 0.5rem 0.3rem 0.4rem;
  border-radius: 3px;
  margin-left: 0.6rem;
}

.contact-form .contact-form__list table td {
  background-color: transparent;
  padding: 0;
  border: 0;
}

.contact-form .contact-form__list  input, .contact-form .contact-form__list  select, .contact-form .contact-form__list textarea {
  border: solid 1px #9A9A9A;
  margin-top: .7rem;
}

.contact-form input {
  height: 58px;
}

.checkbox-kakomi input {
  height: auto;
}

.contact-form .contact-form__list .checkbox-kakomi {
  margin: 20px 0 20px 0;
  line-height: 1.6em;
}

@media screen and (min-width: 1024px) {
  .contact-form__text {
    text-align-last: center;
    margin-top: 4.7rem;
  }

  .contact-form .contact-form__list table {
    margin: 4.5rem 0 4.2rem;
  }
}

/* footer */
#footer-wrap {
  font-size: 1.6rem;
}

.footer-inner {
  width: 100%;
  padding: 6rem 2.5rem 2rem;
  margin-right: auto;
  margin-left: auto;
}

.footer-contents-items {
  padding: 0;
}

.footer-contents1 {
  width: 100%;
  padding: 0 0 6rem;
}

.footer-nav li {
  font-size: 1.6rem;
  position: relative;
}

.footer-nav li:not(:first-child) {
  padding-top: 2rem;
}

.footer-nav .footer-nav__sub li {
  padding: 0.6rem 0 0 0;
}

.footer-contents2 {
  width: 100%;
  padding: 6rem 0 0;
  flex-direction: column;
  align-items: flex-start;
}

.footer__privacymark {
  margin: 4rem auto 0;
}

.footer__privacymark .icon-pp-top {
  width: 79px;
  height: auto;
  margin: 0;
}

.footer small {
  font-size: 1.2rem;
  line-height: inherit;
  display: block;
  text-align: center;
  margin-top: 4rem;
}

#footer {
  display: none;
}

@media screen and (min-width: 1024px) {
  .footer-inner {
    max-width: 983px;
    padding: 5rem 2.5rem 2rem;
  }

  .footer-contents1 {
    padding: 0 0 10.6rem;
  }

  .footer-nav {
    display: flex;
  }

  .footer-nav li:not(:first-child) {
    padding: 0 0 0 4.1rem;
  }

  .footer-nav .footer-nav__sub li {
    padding: 0;
    margin: 0;
  }

  .footer-nav__sub {
    position: absolute;
    top: 24px;
    left: 40px;
    width: 100%;
  }

  .footer-contents2 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 5rem 0 0;
  }

  .footer__privacymark {
    margin: 0;
  }

  .footer small {
    margin-top: 0.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .nav-pc-menu.transform {
      padding: 0 0 0 5.8px;
  }

  .nav-pc-menu ul {
    align-items: center;
  }

  .nav-pc-menu ul li {
    padding-left: 1.2rem;
    height: auto;
  }
}

@media screen and (min-width: 1400px) {
  .nav-pc-menu ul li {
    padding-left: 3rem;
  }
}

/* プライバシーポリシー */
#pp {
  flex-direction: column;
}

#pp .main-contents-inner {
  padding: 8rem 2.5rem 5rem;
  text-align-last: left;
}

#pp h2 {
  width: 100%;
  color: #5179B6;
  font-size: 2.4rem;
}

.main-contents-pp {
  width: 100%;
  margin-top: 4rem;
}

.pp__container {
  width: 100%;
  margin-top: 4rem;
}

.pp__container__title {
  font-size: 1.8rem;
  text-align: left;
}

.pp__container__textbox {
  margin-top: 1.5rem;
  text-align: left;
}

.pp__container__text:not(:first-child) {
  margin-top: 4rem;
}

.pp__container__text-bold {
  font-weight: bold;
}

.link__border {
  border-bottom: 1px solid #222;
}

.link__border:hover, .privacymark__link:hover img {
  opacity: 0.7;
  transition: opacity 3s;
}

.icon-pp {
  margin: 4rem auto 0;
}

@media screen and (min-width: 1024px) {
  #pp .main-contents-inner {
    padding: 16rem 2.5rem 10rem;
  }

  #pp h2 {
    font-size: 6rem;
  }

  .pp__container__title {
    font-size: 2.4rem;
  }

  .pp__container {
    margin-top: 6rem;
  }
}

/* cross-talk */
.fv {
  margin-top: 3.5rem;
  background: url(../image/pic-28.jpg) no-repeat center center / cover;
  width: 100%;
  height: 26vh;
  position: relative;
}

.fv.fv--maternity-leave {
  background: url(../image/maternity-leave.jpg) no-repeat center top / cover;
}

.fv.fv--private {
  background: url(../image/fv-private.jpg) no-repeat center / cover;
}


.fv-img {
  width: 100%;
}

.fv__content__text {
  position: absolute;
  bottom: 10%;
  left: 6%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.fv__title-en {
  font-size: 1.2rem;
}

.fv__title {
  font-size: 1.8rem;
}

.womenengineers .fv__title-en span {
  font-size: 1.2rem;
  background-color: #fff;
  border-radius: 5px;
  font-weight: bold;
  padding: .5rem .7rem .4rem;
  position: relative;
  z-index: 1;
  color: #000;
}

.womenengineers .fv__title-en span::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #f5f7fa 0%, #4c75b3 100%);
  transform: translate(4px, 4px);
  border-radius: 5px;
  z-index: -1;
}

.fv__title__box {
  position: relative;
}

.womenengineers .fv__title__box::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -4px;
  left: 4px;
  width: 100%;
  height: 85%;
  background: linear-gradient(135deg, #f5f7fa 0%, #4c75b3 100%);
  transform: translate(4px, 4px);
  border-radius: 5px;
  z-index: 0;
}

.womenengineers .fv__title {
  background-color: #fff;
  margin-top: .9rem;
  border-radius: 5px;
  padding: .5rem 1.2rem .6rem 1.1rem;
  position: relative;
  z-index: 1;
  color: #000;
  font-size: 1.8rem;
}

.womenengineers.cross-talk .fv__title {
  font-size: 1.2rem;
}

.talk-member__cards {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  gap: 1.2rem;
  margin: 8.9rem auto 0;
  max-width: 786px;
  width: 100%;
}

.talk-member__card {
  max-width: 157px;
  width: 47%;
}

.talk-member__card__body {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 680px) {
  .talk-member-img {
    max-width: 135px;
  }

}

.talk-member__name {
  position: absolute;
  bottom: -10px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  background-color: #6A9BE6;
  border-radius: 3px;
  padding: .4rem 1rem .3rem .8rem;
}

.talk-member__items {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.5rem;
  margin-top: 6rem;
}

.talk-member__item__title {
  position: relative;
  padding-left: 6.3rem;
  font-size: 1.8rem;
  text-align: left;
}

.talk-member__item__title::before {
  content: "";
  display: inline-block;
  width: 49px;
  height: 2px;
  background-color: #5179B6;
  position: absolute;
  top: 50%;
  left: 0;
}

.talk-member__item__text {
  font-size: .9rem;
  text-align: left;
  margin-top: 1.5rem;
}

.button__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 6rem;
  gap: 3rem;
  width: 100%;
}

.wantedly__button-sub {
  position: relative;
  margin: 0;
}

.interview__button {
  font-size: 1.4rem;
  max-width: 410px;
  width: 100%;
  padding: 1.5rem 3rem;
  margin-top: 0;
}

.button-readmore::after {
  right: 1.1rem;
}

.wantedly__button-sub .wantedly__button__arrow {
  position: absolute;
  right: 1.1rem;
}

.breadcrumbs {
  display: flex;
  justify-content: flex-end;
  padding: 1.5rem 2.5rem 0;
  font-size: 1.4rem;
  flex-wrap: wrap;
}

.breadcrumbs li::after{
  content: '>';
  display: inline-block;
  padding: 0 10px;
}

.breadcrumbs li:last-child::after{
  display: none;
}

#wrap {
  flex-direction: column;
}

.breadcrumbs a:hover {
  color: #5179B6;
}

.talk-member__item__img {
  max-width: 513px;
  width: 100%;
  height: 100%;
  padding: 0 1.8rem 1rem 0;
  position: relative;
}

.sub-contents-inner .talk-member__item__img {
  max-width: 100%;
  width: 100%;
}

.talk-member__item__img img {
  border-radius: 6px;
}

.talk-member__item__img::after {
  content: "";
  display: inline-block;
  width: 94%;
  height: 97%;
  background: url(../image/y.h-img-bg.png) no-repeat right bottom / contain;
  z-index: -1;
  position: absolute;
  bottom: 0;
  right: 0;
}

.talk-member__item__img.talk-member__item__img-reverse {
  padding: 0 0 1rem 1.8rem;
}

.talk-member__item__img.talk-member__item__img-reverse::after {
  left: 0;
}

.talk-member__item__container {
  flex: 1;
}

.talk-member__item__container__qa:not(:first-child) {
  margin-top: 4rem;
}

.talk-member__text:not(:first-child) {
  margin-top: 3rem;
}

.talk-member__items__text {
  margin-top: 4rem;
}

@media screen and (min-width: 425px) {
  .fv.fv--maternity-leave {
    background: url(../image/maternity-leave.jpg) no-repeat center top 17% / cover;
  }
}

@media screen and (min-width: 680px) {
  .fv {
    height: 70vh;
  }

  .talk-member__items {
    flex-direction: row;
  }

  .sub-contents-inner .talk-member__items, .sub-contents-inner .talk-member__items.talk-member__items-reverse {
    flex-direction: column;
    margin-top: 5rem;
  }

  .talk-member__item__img {
    width: 50%;
  }

  .talk-member__items.talk-member__items-reverse {
    flex-direction: row-reverse;
  }

  .talk-member__text:not(:first-child) {
    margin-top: 13rem;
  }

  .womenengineers.cross-talk .fv__title {
    font-size: 3.2rem;
  }

}

@media screen and (min-width: 1024px) {
  .fv {
    margin-top: 7rem;
    background: url(../image/pic-28.jpg) no-repeat center bottom 45% / cover;
  }

  .fv__title-en {
    font-size: 2rem;
  }

  .fv__title {
    font-size: 6rem;
  }

  .womenengineers .fv__title-en span {
    font-size: 1.8rem;
  }

  .womenengineers .fv__title {
    font-size: 3.2rem;
  }

  .talk-member__cards {
    margin-top: 6rem;
    gap: 2.5rem;
  }

  .talk-member__card {
    max-width:  30%;
  }

  .talk-member__name {
    font-size: 1.6rem;
    padding: .3rem 2.6rem;
  }

  .talk-member__items {
    margin-top: 13.3rem;
    gap: 4.8rem;
  }

  .talk-member__item__title {
    padding-left: 8.3rem;
  }

  .talk-member__item__text {
    font-size: 1.6rem;
    margin-top: 3rem;
  }

  .talk-member__item__text.talk-member__item__text--midle {
    margin-top: 1rem;
  }

  .talk-member__item__title::before {
    width: 63px;
  }

  .talk-member__items.talk-member__items-reverse {
    margin-top: 13rem;
  }

  .button__container {
    margin-top: 15rem;
    flex-direction: row;
    justify-content: center;
  }

  .button-readmore::after {
    right: 2.6rem;
  }

  .wantedly__button__text {
    font-size: 1.8rem;
  }

  .wantedly__button-sub {
    justify-content: flex-start;
    padding: 1.1rem 1.1rem 1.1rem 1.4rem;
  }

  .interview__button {
    max-width: 366px;
    font-size: 1.6rem;
  }

  .wantedly__button-sub .wantedly__button__arrow {
    right: 2.6rem;
  }

  .breadcrumbs {
    max-width: 1160px;
    margin: 0 auto;
    padding: 2.6rem 2.5rem 0;
  }

  .talk-member__item__img {
    width: 100%;
  }

  .talk-member__item__container__qa:not(:first-child) {
    margin-top: 6.4rem;
  }

  .sub-contents-inner .talk-member__item__container__qa:not(:first-child) {
    margin-top: 4rem;
  }

}

/* interview */
.interview-fv {
  background: #fff;
  height: auto;
}

.interview-fv__inner {
  text-align: right;
  padding: 1.6rem 0 8.9rem;
  position: relative;
}

.interview-fv__img {
  width: 84.5%;
  border-radius: 4px;
}

.interview-fv__text {
  position: absolute;
  left: 2.5rem;
  bottom: 1rem;
  text-align: left;
  margin-right: 2.5rem;
}

.interview-fv__title-sub span {
  font-size: 1.2rem;
  background-color: #fff;
  border-radius: 5px;
  font-weight: bold;
  padding: .5rem .7rem .4rem;
  position: relative;
  z-index: 1;
}

.interview-fv__title-sub span::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #f5f7fa 0%, #4c75b3 100%);
  transform: translate(4px, 4px);
  border-radius: 5px;
  z-index: -1;
}

.interview-fv__title {
  font-size: 1.8rem;
  background-color: #fff;
  margin-top: .9rem;
  border-radius: 5px;
  padding: .5rem 1.2rem .6rem 1.1rem;
  position: relative;
  z-index: 1;
}

.interview-fv__title__box::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -4px;
  left: 4px;
  width: 100%;
  height: 65px;
  background: linear-gradient(135deg, #f5f7fa 0%, #4c75b3 100%);
  transform: translate(4px, 4px);
  border-radius: 5px;
  z-index: 0;
}

.interview-fv__title__box {
  position: relative;
}

.main-contents-items .interview-member__items:first-child {
  margin: 0;
}

.interview-member__item__text {
  font-size: 1.6rem;
}

.talk-member__item__title.interview-member__item__title::before {
  top: 50%;
}

.interview__text__a {
  position: relative;
  padding-left: 4.2em;
}

.interview__text__a strong {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 90%;
}

@media screen and (min-width: 1024px) {
  .interview-fv__inner {
    max-width: 1160px;
    padding: 1.5rem 3rem 0;
    margin: 0 auto;
  }

  .interview-fv__title-sub span {
    font-size: 1.8rem;
  }

  .interview-fv__title {
    font-size: 3.2rem;
  }

  .interview-fv__text {
    top: 50%;
  }

  .interview-fv__title__box::after {
    height: 111px;
  }

  .interview-member__item__title-pc::before {
    top: 45%;
  }

  .interview__text__a {
    padding-left: 8.3rem;
  }
}

.nav-icon span {
  width: 30px;
}

/* interview */
#interview-top {
  background: linear-gradient(135deg, #f5f7fa 0, #4c75b3 100%);
}

.memeber__list {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .member__cards__top {
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 40px;
  }

}

.br-pc {
  display: none;
}

@media screen and (min-width: 681px) {
  .br-pc {
    display: block;
  }
}

.pri-policy__text, .pri-policy__text-box {
  margin-top: 30px;
}

.talk-member__item__img__img {
  height: 240px;
  object-fit: cover;
}

@media screen and (min-width: 1024px) {
  .talk-member__item__img__img {
    height: 371px;
  }
}

/* private */
#wrap.private__wrap {
  background-color: #f5f7fa;
}

.main-contents-inner.private__inner {
  padding-top: 53px;
}

.private__items {
  display: flex;
  flex-wrap: wrap;
  gap: 55px;
  align-items: stretch;
}

.private__item {
  position: relative;
  padding: 0 15px 16px 0;
  width: 100%;
}

.private__item:after {
  content: "";
  display: inline-block;
  width: 94%;
  height: 97%;
  background: linear-gradient(135deg, #f5f7fa 0, #4c75b3 100%);
  z-index: -1;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 10px;
}

.private__item__wrappr {
  background-color: #fff;
  border-radius: 10px;
  height: 100%;
}

.private__item__img {
  border-radius: 10px 10px 0 0;
}

.private__item__body {
  text-align: left;
  padding: 14px 16px 20px 16px;
}

.private__item__name {
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: bold;
}

.private__item__title {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #5179B6;
  margin-top: 8px;
}

.private__item__text {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin-top: 8px;
}

@media screen and (min-width: 1024px) {
  .private__item {
    width: 30%;
  }
  .nav-pc-menu ul li a {
    font-size: 1.2rem;
  }

}
@media screen and (min-width: 1440px) {

  .nav-pc-menu ul li a {
    font-size: 1.4rem;
  }

}

.header-wrap {
  background: rgba(38, 38, 38, .8);
}