@charset "utf-8";
/*共通部分
ーーーーーーーーーーーーーーー*/
html{
  font-size: 100%;
}
body{
    font-family: "Yu Gothic Medium","游ゴシック Medium", Yugothic, "游ゴシック体", "ヒラギノ角ゴ Pro M3", sans-serif;
    line-height: 1.6;
    color:#432;
}
a{
  text-decoration: none;
}
img{
  max-width: 100%;
}

/*HEADER
-----------------------------*/
.logo {
  width:10vw;
  margin-top: 2vw;
}
.main-nav{
  display: flex;
  font-size: 1.2vw;
  text-transform: uppercase;
  margin-top: 2vw;
  list-style: none;
  font-weight: bold;
}
.main-nav li{
  margin-left: 5vw;
}
.main-nav a{
  color: #432
}
.main-nav a: hover{
  color: blue;
}
.page-header{
  display: flex;
  justify-content: space-between;
}
.wrapper{
  max-width: 100%;
  margin-left: 8%;
  margin-right:8%;
  text-align: justify;
}
/*HOME
--------------------------*/
.home-content{
  margin-top: 2%;
}
.home-content p {
  font-size: 1.5vw;
  text-align: justify;
}

.home-content h1{
  font-size: 3.5vw;
  margin-top:1%;
  margin-bottom:1%;
  text-align: center;
}
.home-content h2{
  font-size: 3vw;
  margin-top:0%;
  margin-bottom:1%;
  text-align: left;
}
.home-content h3{
  font-size: 2.2vw;
  margin-top:1%;
  margin-bottom:1%;
  text-align: left;
}
.home-content h4{
  font-size: 1.8vw;
  margin-top:1%;
  margin-bottom:1%;
  text-align: left;
}

/*見出し
-----------------------------*/
.page-title{
  font-size: 4.5vw;
  font-family: 'Open Sans', sans-serif;
  text-transform: Uppercase;
  font-weight: normal;
  margin-left:1vw;
  margin-top:4vw;
}
/*大きな背景画像*/
.big-bg{
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}


#home{
  background-image: url(../images/home.jpg);
  background-repeat: no-repeat;
}

#home .page-title{
  text-align: center;
  margin-top: 0.5vw;
  font-size:3vw;
    color:#432;
}


.index-bars{
position: relative;
}

.index-bars p{
position:absolute;
color:snow;
font-size: 1.4vw;
top: 5%;
left: 5%;
margin:0;
padding:0.4rem;
text-align: left;
}

.home-container{
  display:flex;
  flex-wrap: wrap;
  justify-content:space-around;
}

.index-bars {
  width:17%;
  margin-left: 1%;
  margin-right:1%;
}

.fblogo {
  width: 9vw;
  margin-left:1vw;
  margin-right:1vw;
}

.rglogo {
  display:flex;
  flex-wrap:nowrap;
  justify-content:center;
}
.fb_insta_logo {
  display:flex;
  flex-wrap:nowrap;
  justify-content:center;
  margin: 35px 0 30px;
}

#good_career2022 {
  text-align: center;
  font-size: 1.35rem;
  font-weight: bold;
}
/* PROFILE
=------------------------------------------*/
#profile{
  background-image: url(../images/profile.jpg);
  height: 60vh;
}

.profiletable {
  font-size:1.4vw;
  list-style-type: none;
  border-collapse: collapse;
  border:2px solid black;
  margin-left:10%;
  margin-bottom:5%;
  width:80%;
}

.profiletable tr td{
  border-collapse: collapse;
  border:2px solid lightgray;
  text-align:justify;
  margin-left:10%;
  padding: 1vw;
}
.profiletable-wid1 {
  width: 30%;
}
.profiletable-wid2 {
  width: 70%;
}
.profile-img1, .profile-img2 {
  height: 30vh;
  margin-right: 2%;
}
.profile-img3 {
  height: 20vh;
  margin-right:2%;
}

/* HISTORY
=------------------------------------------*/
#history{
  background-image: url(../images/history.jpg);
  height: 60vh;
}

.historytable {
  font-size:1.3vw;
  list-style-type: none;
  border-collapse: collapse;
  border:2px solid black;
  margin-left:10%;
  margin-bottom:2%;
  margin-top:2%;
  width:80%;
}

.historytable-wid1 {
  width:30%;
}
.historytable-wid2 {
  width:70%;
}

.historytable tr td{
  border-collapse: collapse;
  border:2px solid lightgray;
  text-align:justify;
  margin-left:10%;
  padding: 1vw;
}

/* ISO9001
=------------------------------------------*/
#iso9001{
  background-image: url(../images/iso9001.jpg);
  height: 60vh;
}

/* LICENCE
=------------------------------------------*/
#licence{
  background-image: url(../images/licence.jpg);
  height: 60vh;
}

.licencetable {
  font-size:1.5vw;
  margin-top:1.5vw;
  margin-left:10%;
  width:70%;
}
.licencetable td {
  width: 20%;
}

/* EDUCTION
=------------------------------------------*/
#education{
  background-image: url(../images/education.jpg?20220915);
  height: 60vh;
}

/* ACADEMIC
=------------------------------------------*/
#academic{
  background-image: url(../images/academic.jpg);
  height: 60vh;
}

.paperlist{
  margin-left:5%;
  margin-top:1%;
  margin-bottom:1%;
  font-size:1.4vw;
  text-align: left;
}
/*中途採用
‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐*/
#newcarrier{
  background-image: url(../images/newcarrier.jpg);
  height: 270px;
  height: 60vh;
}

.newcarrier-ul{
  font-size:1.5vw;
  text-transform: uppercase;
  list-style: none;
  line-height: normal;
  text-align: justify;
  margin-left: 25%
}
.newcarrier-li-top {
  font-size: 1.8vw;
}
.newcarrier-table {
  font-size:1.4vw;
  list-style-type: none;
  border-collapse: collapse;
  border:2px solid black;
  margin-left:10%;
  margin-right:10%;
  margin-bottom:2%;
  margin-top:2%;
  text-align: left;
}
.newcarrier-table-po {
  font-size:1.4vw;
  list-style-type: none;
  border-collapse: collapse;
  border:2px solid black;
  margin-left:5%;
  margin-right:5%;
  margin-bottom:2%;
  margin-top:2%;
  text-align: left;
  width: 90%;
}
.newcarrier-cell-left {
  width: 15%;
}
.newcarrier-cell-right {
  width: 85%;
}

/* お問い合わせーーーーーーーーー
=------------------------------------------*/
#query{
  background-image: url(../images/query.jpg);
  height: 60vh;
}

#query .page-title{
  text-align: left;
  font-size: 2vw;
  margin-top: 10vw;
  margin-left:10%;
    color:#432;
}


/* PRIVATEPOLICY
-----------------------------------------*/
#privacypolicy{
  background-image: url(../images/privacypolicy.jpg);
  height: 60vh;
}

/*アクセス
‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐*/
#access{
  background-image: url(../images/access.jpg);
  height: 60vh;
}
.access-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.access-pad {
  padding-left: 2.5pc;
}
.access-pad2 {
  padding-left: 3pc;
}
.access-container {
/*  width: 30%; */
  margin: 0 5%;
}
/* フッター
=------------------------------------------*/
footer {
  background: #432;
  text-align: center;
  padding: 1px 0;
}

footer p{
  color: #fff;
  font-size: 0.875rem;
  text-align: center;
}

/* コンタクト
=------------------------------------------*/
#contact{
  background-image: url(../images/contact-bg.jpg);
  height: 60vh;
  margin-bottom: 40px;
}
#contact .page-title{
  text-align: right;
  font-size: 5vw;
    color:snow;
}

/* CONTACT 2021/5/17 insert-systemkanri start*/
form div {
  margin: 28px 0;
}
.contact-lbl {
  margin: initial;
  padding: initial;
  background :initial;
  cursor: initial;
  margin: 10px 0;
  font-size: 1.125rem;
  font-weight: bold;
}
.contact-ipt {
  display: initial;
  margin-bottom: 20px;
}
.contact-lbl2 {
  display: initial;
  margin: initial;
  padding: initial;
  background :initial;
  margin: 0 5px 10px 0;
  font-size: 1.125rem;
  font-weight: bold;
}
.cont-lbl2 {
  text-align: center;
}
.mar-3r {
  margin-right: 3rem;
}
input[type="text"],
input[type="email"],
textarea{
  background: rgba(255,255,255,.5);
  border: 2px #97cdf3 solid;
  border-radius: 5px;
  padding: 5px;
  font-size: 1rem;
  max-width: 100%;
  cursor: pointer;
}
input[type="text"],
input[type="email"] {
  width: 100%;
  max-width: 100%;
}
input[type="checkbox"] {
  cursor: pointer;
}
textarea{
  width: 100%;
  height: 12rem;
}
input[type="submit"] {
  display: initial;
  border: none;
  cursor: pointer;
  line-height: 1;
}
/* 送信ボタン */
.button {
    font-size: 1.175rem;
    background: #00a0dc;
    color: #fff;
    border-radius: 5px;
    padding: 9px 16px;
    margin-bottom: 80px;
}
.button:hover {
    background: #0090aa;
}

/* 会社見学会用CSS
=------------------------------------------*/

.companyvisit{
  position: relative;
  margin-top: 0.5vh;
  margin-left: 10%;
  margin-right:10%;
}
.companyvisit p{
  position:absolute;
  color:snow;
  font-size: 2vw;
  top: 20%;
  left: 30%;
  margin:0;
  padding:0.5rem;
  text-align: left;
}
.companyvisit img{
  width:100%;
}

.recruitlink {
  border: 8px solid #FFD700;
  border-radius: 25px;
  margin: 35px 23% 40px;
  padding: 5px 0;
  width: 55%;
}
.holiday {
  border: 8px solid #ABE1FA;
  border-radius: 25px;
  margin: 45px 16% 20px;
  padding: 5px 0;
  width: 70%;
  text-align: center;
}
.holiday2 {
  line-height: 1.4;
  font-size:2.5vw;
}
/* intern
=------------------------------------------*/
#intern{
  background-image: url(../images/intern-bg.jpg);
  height: 60vh;
/*  margin-bottom: 40px;*/
}
#intern .page-title{
  text-align: left;
  font-size: 8vmin;
    color:#432;
}
.intern{
  text-align: left;
  font-size: 3vw;
    color:#432;
}

.intern-title{
  display: flex;
  font-size:1.25rem;
  text-transform: uppercase;
  margin-top: 2px;
  list-style: none;
  margin-left: 20%;
}

.intern-ul{
  font-size:1.5vw;
  text-transform: uppercase;
  margin-top: 10px;
  margin-left: 10%;
  margin-bottom: 34px;
  list-style: none;
  line-height: normal;
  text-align: :justify;
}

.intern-table{
  font-size: 1.5vw;
  margin-left: 10%;
  margin-right:10%;
  margin-top:10px;
  margin-bottom: 34px;
}
.intern-cell{
  text-align: left;
}
.about-exam{
  font-size:1.8vw;
  text-transform: uppercase;
  margin-top: 34px;
  margin-left: 20%;
  margin-bottom: 34px;
}

.intern-pic{
  text-align: center;
  margin-left: 15%;
  margin-right:15%;
}

/* スマートフォン向けCSS
=------------------------------------------*/
@media (max-width: 767px) {
  /* 全体 */
  body {
    line-height: 1.6;
  }
  .wrapper {
    margin: 0 4%;
  }
  .wrapper p {
    margin-left: 0%;
    margin-right: 0%;
  }

  /* HEADER */
  .logo {
    margin-top: 2vw;
    margin-left: 0;
    width: 25vw;
  }
  .main-nav {
    font-size: 2vw;
  }
  .main-nav li {
    margin-left: 3vw;
  }
  #profile, #history, #iso9001, #licence, #education, #academic, #newcarrier, #query, #privacypolicy, #access, #intern {
    height: initial;
  }
  #profile, #history, #iso9001, #licence, #education, #academic, #newcarrier, #query, #privacypolicy, #access, #intern .page-title {
    font-size: 1.4rem;
  }

  /* HOME */
  .home-content p {
    font-size: initial;
  }
  .home-content h2 {
    font-size: 1.5rem;
    margin-top: 5%;
  }
  .home-content h4 {
    font-size: 1.2rem;
    margin-top: 1%;
    margin-bottom: 0;
  }
  .index-bars p {
    font-size: 1.7vw;
    top: 0%;
    left: 0%;
    padding: 5% 5% 0 5%;
  }
  .companyvisit p {
    font-size: 2.5vw;
    top: 10%;
  }
  .recruitlink {
    border-width: 3.5px;
    border-radius: 18px;
    margin: 15px 10% 20px;
    width: 81%;
  }
  .holiday {
    border-width: 3.5px;
    border-radius: 18px;
    margin: 0 13%;
    padding: 8px 0;
    width: 75%;
  }
  .holiday2 {
    font-size: 2.8vw;
  }
  .fb_insta_logo {
    margin: 18px 0 15px;
  }
  .good_career2022_logo {
    width: 35%;
  }
  #good_career2022 {
    font-size: 0.8rem;
  }

  /* PROFILE */
  .profiletable {
    font-size: 0.75rem;
    margin: 0 0 5% 2.5%;
    width: 95%;
  }
  .profiletable-wid1 {
    width: 20%;
  }
  .profiletable-wid2 {
    width: 80%;
  }
  .profile-img1 {
    height: initial;
    width: 50%;
  }
  .profile-img2 {
    height: initial;
    width: 40%;
  }
  .profile-img3 {
    height: initial;
    width: 30%;
  }

  /* HISTORY */
  .historytable {
    font-size: 3.2vw;
    margin-left: 5%;
    width: 90%;
  }
  .historytable-wid1 {
    width:25%;
  }
  .historytable-wid2 {
    width:75%;
  }

  /* INTERN */
  .intern-ul {
    font-size: 0.8rem;
  }
  .intern-cell {
    font-size: 0.8rem;
  }
  /* MESSAGE */
  .home-content {
    margin-top: 0;
  }
  .home-content h3 {
    font-size: 1.2rem;
    margin-top:1%;
    margin-bottom: 0;
  }
  .message-pic {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
  }
  header .motto {
    font-size: 1.5rem;
    text-align: center;
  }

  /* EDUCTION */
  #educaton .int-pic {
    margin-left: 4%;
    margin-right: 4%;
  }

  /* LICENCE */
  .licencetable {
    font-size: 2.5vw;
    margin-left: 5%;
    width: 90%;
  }
  .licencetable td {
    width: 20%;
  }

  /* ACADEMIC */
  .paperlist{
    margin-left: 5%;
    margin-top:0%;
    margin-bottom:5%;
    font-size: 0.95rem;
    text-align: left;
  }

  /* 中途採用 */
  .newcarrier-ul {
    font-size: 1rem;
    margin-left: 5%;
  }
  .newcarrier-li-top {
    font-size: 1.15rem;
  }
  .newcarrier-table {
    font-size: 0.9rem;
    border:2px solid black;
    margin: 1% 0% 1% 5%;
  }
  .newcarrier-table-po {
    font-size: 0.9rem;
    border:2px solid black;
    margin: 1% 0% 1% 5%;
    width: initial;
  }
  .newcarrier-cell-left {
    width: 20%;
  }
  .newcarrier-cell-right {
    width: 80%;
  }

  /* JOB */
  .job-ul {
    font-size: 1rem;
    margin: 0 5%;
    line-height: 1.4;
  }
  .job-table{
    font-size: 0.45rem;
  }

  /* FAQs */
  label {
      padding: 12px;
      line-height: 1.4;
      margin-left: 5%;
      font-size: 0.9rem;
  }
  .menu ul {
      font-size: 0.8rem;
  }

  .menu li {
      margin-left: 5%;
  }
.home-interview-personal p{
          font-size: 2.5vw;
}

  /* ACCESS */
  .access-pad {
    padding-left: 2pc;
  }
  .access-pad2 {
    padding-left: 1.5pc;
  }
}