@charset "utf-8";

body{
  -webkit-text-size-adjust:100%;
}

.header ul li:nth-child(5) a{
  color:#efb83b;
  border-bottom:solid 5px #efb83b;
  margin-bottom:-5px;
}
/* ここからメイン */

.main{
  font-family: 'Sawarabi Gothic', sans-serif;
  margin:0 auto;
  padding:0 40px;
}

.company{
  width:100%;
  background-image:url(../img/company/company.jpg);
  background-repeat:no-repeat;
  background-size: cover;
  background-color:gray;
}

.company h2{
  color:#143475;
  font-family: 'Sawarabi Gothic', sans-serif;
  font-size:36px;
  text-align:center;
  letter-spacing:10px;
  padding-top:90px;
  padding-bottom:90px;
}

article{
  max-width:1200px;
  margin:0 auto;
  padding:0 40px;
}

.title{
  text-align:center;
}

 h3{
  display:inline-block;
  text-align:center;
  font-size:24px;
  margin:90px auto 20px;
  padding:0 40px;
  letter-spacing:3px;
  border-bottom:solid 1.5px #143475; 
  font-family: 'Sawarabi Gothic', sans-serif;
  /* background-color:blue; */
}

h3.recruitment{
  display:block;
  margin:0 auto;
  text-align:center;
  border-bottom:none;
}

section.list{
  letter-spacing:2px;
}


section.list dl{
  max-width:900px;
  display:flex;
  font-family: 'Sawarabi Gothic', sans-serif;
  font-size:24px;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
}

article section.list dt{
width:250px;
color:#143475;
font-weight:bold;
text-align:right;
margin-right:40px;
}

section.list dl dd{
  width:650px;
}

dl dd span.hana{
  color:#efb83b;
}

.list .new{
  color:orangered;
}

@media screen and (max-width: 1024px){
.header ul li:nth-child(5) a{
  color:#143475;
  border-bottom:none;
  margin-bottom:-5px;
}

article{
  padding:0 40px;
  margin:0 auto;
}

section.list dl{
  font-size:20px;
}

section.list dt{
  margin-right:20px;
}

section.list dl dd{
  text-align:left;
  width:540px;
}
}
@media screen and (max-width: 540px){
  article{
    padding:0 10px;
  }

  section.list dl{
    flex-direction:column;
  }

  section.list dl dt{
    margin-right:10px;
    text-align:left
  }

  section.list dl dd{
    width:375px;
  }

  section.list dl dt,section.list dl dd{
   font-size:16px;
   font-family: 'Sawarabi Gothic', sans-serif;
}

 .company h2{
  padding:40px;
  font-size:24px;
 }

 h3{
  margin-top:40px;
  font-size:20px;
 }
 
}