@charset "utf-8";
  @media screen and (max-width: 767px) {
#company {
background-color: #ffffff;
}
#company .pc-obj {
display: none;
} #company .header {
padding-top: 10.667%;
padding-bottom: 9.067%;
background-color: #F1F1F1;
}
#company h2 {
display: block;
font-size: 33px;
font-size: 8.8vw;
color: #373737;
line-height: 1.1;
text-align: center;
} #company .article {
padding: 0 5%;
background-color: #fff;
} #company .item {
padding-bottom: 12.333%;
}
#company .item h3 {
padding-top: 8.533%;
font-size: 33px;
font-size: 8.8vw;
text-align: center;
}
#company .article dl{
font-size: 16px;
}
#company .article dl dt{
margin-top: 8%;
}
#company.privacypolicy .article dl dt{
width: 90%;
}
#company .article dl dd{
margin-top: 8px;
}
#company .recruit-bnr{
margin: 0 auto 12.333%;
padding: 0 5%;
text-align: center;
}
#company .recruit-bnr img{
width: 100%;
height: auto;
}
} @media screen and (min-width: 768px) {
#company {
background-color: #ffffff;
}
#company .sp-obj {
display: none;
} #company .header { margin: 0 auto;
background-color: #F1F1F1;
}
#company h2 {
padding-top: 6.818%;
padding-bottom: 4.818%;
font-size: 40px;
color: #373737;
line-height: 1.1;
text-align: center;
} #company .article {
max-width: 1440px;
margin: 0 auto;
padding: 8% 12%;
}
#company .article h3 {
font-size: 40px;
color: #373737;
line-height: 1.1;
}
#company .article dl{
padding: 3% 0 3% 16%;
font-size: 16px;
}
#company .article dl dt{
float: left;
clear: left; width: 15rem;
padding: 0 15px;
}
#company.privacypolicy .article dl dt{
width: 90%;
}
#company .article dl dd + dt {
margin-top: 5%;
}
#company .article dl dd{
float: left;
padding: 0 15px;
}
#company .article dl dd + dt + dd{
margin-top: 5%;
}
#company .recruit-bnr{
margin: -4% auto 10%;
text-align: center;
}
#company .recruit-bnr img{
width: 800px;
height: 100px;
}
#company .recruit-bnr a:hover {
opacity: .8;
}
} @media screen and (min-width: 768px) and (max-width: 1023px) {
#company .article dl{
padding: 3% 0 3% 8%;
}
#company .article dl dt{
float: none;
}
#company .article dl dd{
float: none;
margin-top: 5px;
}
#company .article dl dd + dt + dd{
margin-top: 5px;
}
#company .recruit-bnr{
margin: -4% auto 10%;
padding: 0 5%;
text-align: center;
}
#company .recruit-bnr img{
width: 100%;
height: auto;
}
}  @media screen and (max-width: 767px) {
#access {
margin-bottom: 12%;
background-color: #ffffff;
} #access .header {
padding-top: 9.333%;
padding-bottom: 12.8%;
}
#access .header h2 {
padding-top: 4.267%;
font-size: 33px;
font-size: 8.8vw;
color: #373737;
line-height: 1.1;
text-align: center;
} #access .article {
position: relative;
padding-top: 85.333%;
background-color: #ccc;
}
#access_gmap {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0; }
} @media screen and (min-width: 768px) {
#access {
position: relative;
padding: 0 12% 8% 12%;
background-color:#ffffff;
} #access .header {
position: relative;
max-width: 1320px;
margin: 0 auto;
}
#access .header h2 {
padding-bottom: 3%;
font-size: 40px;
color: #373737;
line-height: 1.1;
} #access .article {
position: relative;
padding-top: 34.722%;
background-color: #ccc;
}
#access_gmap {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
}  @media screen and (max-width: 767px) {
#map {
background-color: #f1f1f1;
} #map .header {
padding-top: 13.333%;
padding-bottom: 12.8%;
}
#map .header h2 {
font-size: 33px;
font-size: 8.8vw;
color: #373737;
line-height: 1.1;
text-align: center;
}
#map .header p {
padding-top: 4.267%;
font-size: 14px;
font-size: 3.733vw;
color: #2d2d2d;
line-height: 1.1;
text-align: center;
} #map .article {
position: relative;
padding-top: 85.333%;
background-color: #ccc;
}
#gmap {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0; } #map .footer {
padding: 8.533% 10%;
}
#map .footer > .wrap {
}
#map .footer a {
display: block;
width: 45%;
margin: 0 auto;
border: 0.99px solid #a7a7a7;
text-decoration: none;
}
#map .footer span {
display: block;
padding: 10% 0;
font-size: 13px;
font-size: 3.467vw;
color: #373737;
line-height: 1.1;
white-space: nowrap;
text-align: center;
}
#map .footer span em {
padding-right: 16%;
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/arrow_s_black.png);
background-repeat: no-repeat;
background-position: right;
background-size: auto 60%;
}
} @media screen and (min-width: 768px) {
#map {
position: relative;
background-color: #f1f1f1;
} #map .header {
position: relative;
max-width: 1320px;
margin: 0 auto;
}
#map .header h2 {
padding-top: 4.4%;
font-size: 40px;
color: #373737;
line-height: 1.1;
text-align: center;
}
#map .header p {
padding-top: 1.6%;
padding-bottom: 4.848%;
font-size: 16px;
color: #2d2d2d;
line-height: 1.1;
text-align: center;
} #map .article {
position: relative;
padding-top: 34.722%;
background-color: #ccc;
}
#gmap {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
} #map .footer {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
#map .footer > .wrap {
position: relative;
width: 100%;
max-width: 1320px;
margin: 0 auto;
}
#map .footer a {
position: absolute;
right: 4.545%;
top: 0;
display: table;
height: 46px;
margin-top: 6.4%;
border: 1px solid #a7a7a7;
text-decoration: none;
}
#map .footer span {
display: table-cell;
padding: 0 18px;
font-size: 13px;
color: #373737;
line-height: 1.1;
vertical-align: middle;
white-space: nowrap;
}
#map .footer span em {
padding-right: 20px;
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/arrow_s_black.png);
background-repeat: no-repeat;
background-position: right;
background-size: auto 10px;
}
}