@charset "utf-8";
/* CSS Document */
#main-visual{
width:100%;
overflow:hidden;
background:url(../img/n27.jpg);
background-size:cover;
background-position:center;
width:100%;
height:600px;
position:relative;
}
#career #main-visual{
width:100%;
overflow:hidden;
background:url(../img/n2.jpg);
background-size:cover;
background-position:center center;
width:100%;
height:600px;
position:relative;
}
#main-visual img{
position:absolute;
bottom:0;
width:1700px;
display:inline-block;
height:auto;
left: 50%;
margin-left: -850px; 
z-index:50;
}
#main-visual span{margin-top:96px;}
#main-visual span img:nth-of-type(1){
margin:0.5em auto 0;
display:block;
}
#main-visual span+img{margin-top:10px;}
#global-nav{position:relative;margin-top:0px;}
@media screen and (max-width: 640px) {
#global-nav{;margin-top:-50px;}
#main-visual{
background-size:cover;
background-position:top center;
position:relative;
height:450px;
}
#main-visual img{
width:1200px;
left: 50%;
margin-left: -600px; 
z-index:50;
}
#main-visual span+img{
width:1500px;
display:inline-block;
height:auto;
position: relative;
left: 50%;
margin-top:0px;
margin-left: -750px; 
}
#main-visual span{
position:relative;
z-index:10;
display:block;
text-align:center;
font-size:100%;
margin-top:60px;
}
#main-visual span img:nth-of-type(1){display:none;}
#sp_logo2{
position:relative;
display:block;
z-index:10;
margin:0.5em auto 0;
width:150px;
height:auto;
}
}
h2#message{
position:absolute;
top:90px;
left:50%;
margin-left:-140px;
text-align:center;
}
h2#message img{
width:280px;
height:auto;
}
#recruit_info{
font-family: Rounded Mplus\ 1c,Mplus\ 1p,sans-serif;
font-weight:500;
position:absolute;
right:5%;
top:640px;
color:#ff6c83;
background:#fff;
padding:35px 30px 200px;
border-radius:15px;
text-align:center;
}
#recruit_info dt{font-size:150%;}
#recruit_info dd{font-size:100%;}
#recruit_info dd span{font-size:190%;}
#recruit_info2 dd{
line-height:2.5;
font-weight:500;
font-size:110%;
}
@media screen and (max-width: 640px) {
#recruit_info2 dd{
line-height:2;
font-weight:500;
font-size:100%;
}
#recruit_info{
position:relative;
right:0;
top:0;
padding:25px 30px;
border-radius:0;
}
h2#message{display:none;}
}
#top_message{
width:100%;
max-width:590px;
display:block;
position:relative;
left: 50%;
margin:100px 0 70px -295px; 
padding:0;
}
#contents{
padding-top:5em;
font-size:90%;
}
#recruit_info2{
text-align:center;
margin-bottom:4em;
}
#recruit_info2 dt{
font-size:200%;
line-height:1;
margin-bottom:1em;
font-weight:500;
}
#recruit_info2 dt span{
color:#bbb;
font-size:50%;
}
@media screen and (max-width: 640px) {
#contents{padding-top:1em;}
#recruit_info2 dt{
font-size:170%;
line-height:1;
margin-bottom:0.5em;
}
#recruit_info2 dd:nth-of-type(1){
text-align:justify;
text-justify: inter-ideograph;
}
#recruit_info2 dd:nth-of-type(1) br{display:none;}
#recruit_info2{
margin-bottom:1.5em;
}
}
#rec{
position:relative;
z-index:9;
margin-top:4em;
}
#rec h3{
z-index:999;
text-align:center;
font-size:200%;
letter-spacing:0.1em;
line-height:1.2;
color:#fff;
position:absolute;
top:-300px;
left:0;
right:0;
font-weight:500;
}
#rec h3 span{
display:block;
font-size:40%;
letter-spacing:0;
}
#intro p{
text-align:center;
font-weight:500;
line-height:2.5;
}
@media screen and (max-width: 640px) {
#rec{margin-top:0;}
#rec h3{
font-size:150%;
top:-170px;
}
#rec h3 span{
display:block;
font-size:40%;
letter-spacing:0;
}
#intro p{
margin-top:2em;
text-align:center;
font-weight:500;
line-height:2.5;
font-size:90%;
padding:0 5%;
text-align:justify;
line-height:2;
}
#intro p br{display:none;}
}
#entry{
background:#eee;
padding:80px;
text-align:center;
margin-bottom:2em;
}
#entry h3{
font-weight:500;
font-size:180%;
margin-bottom:0.5em;
}
#entry ul{text-align:center;}
#entry li{
display:inline-block;
margin:1em;
}
#entry li a{
background:#5490ff;
color:#fff;
padding:1em 2em;
}
#entry li a:hover{background:#36F;}
#entry p{
margin-top:2em;
font-size:80%;
}
#entry p:nth-of-type(1){
font-size:90%;
margin-bottom:0.5em;
}
@media screen and (max-width:640px){
#entry{padding:50px;}
#entry li{margin:0.5em;}
#entry li a{display:block;}
#entry h3{
font-size:120%;
margin-bottom:0.5em;
}
}
#merit h4{
font-size:160%;
font-weight:500;
text-align:center;
margin-bottom:2em;
margin-top:5em;
}
@media screen and (max-width:640px){#merit h4{margin-top:2em;}}
#merit i{
margin-left:4px;
color:hotpink;
}
#merit dt i{
color:#FF3;
margin-left:0;
margin-right:4px;
}
#merit dl{
width:70%;
margin:0 auto 3em;
max-width:1000px;
}
#merit dt{
font-size:130%;
color:#fff;
background:#2C0;
border-radius:20px;
padding:0.5em 1em;
display:inline-block;
margin-bottom:0.5em;
position:relative;
}
#merit dl.r {text-align:right;}
#merit dt img{
position:absolute;
width:20px;
height:auto;
}
#merit dl.l dt img{
top:5px;
left:-15px;
}
#merit dl.r dt img{
top:5px;
right:-15px;
}
#merit dd{font-weight:500;}
#merit dd img{
width:200px;
height:auto;
margin-top:1em;
}
#merit dl.r dd img,
#merit dl.l dd img{
width:400px;
height:auto;
margin-top:1em;
}
#merit dd span{color:hotpink;}
#merit dd table{
margin:0 auto;
border-collapse: collapse;
border-spacing: 0;
}
#merit dd table th{
font-weight:500;
vertical-align:middle;
padding:0.3em 0 0.3em 0.5em;
}
#merit dd table td{
text-align:right;
vertical-align:middle;
width:4em;
padding:0.3em 0.5em 0.3em 0;
}
#merit dd table tr:nth-child(even) {
background:#fff;
}
 
#merit dd table tr:nth-child(odd) {
background:#eee;
}
@media screen and (min-width:1000px){
#merit dl{
width:100%;
margin:0 auto -120px;
}
#merit dl:nth-last-of-type(1){
margin:0 auto 50px;
}
}
@media screen and (max-width:640px){
#merit dl{
width:100%;
margin:0 auto 2em;
}
#merit dt{font-size:110%;}
#merit dd{font-size:90%;}
#merit dl.l dd,#merit dl.r dd{text-align:justify;}
#merit dl.l dd br,#merit dl.r dd br{
display:none;
}
#merit dl.r dd img,
#merit dl.l dd img{
display:block;
margin-bottom:3em;
width:100%;
height:auto;
}
}
#data_k p{
width:100%;
margin-bottom:2em;
}
#data_k p img{
width:100%;
height:auto;
}
#data_k div{
display:flex;
justify-content:space-around;
margin-bottom:1em;
}
#data_k dl{
text-align:center;
width:auto;
}
#data_k dt{font-size:100%;}
#data_k dd img{margin-top:0;}
#data_k div:nth-of-type(2) dl:nth-last-of-type(1) dd,
#data_k div:nth-of-type(2) dl:nth-last-of-type(2) dd{
text-align:left;

}
@media screen and (max-width:640px){
#data_k div{
display:block;
margin:0 auto;
text-align:center;
}
#data_k dl{
display:inline-block;
width:48%;
vertical-align:top;
}
#data_k dd img{
width:100%;
height:auto;
}
#data_k div:nth-of-type(2) dl:nth-last-of-type(1) dd,
#data_k div:nth-of-type(2) dl:nth-last-of-type(2) dd{
margin-left:0;
}
}
#merit h4 span{
margin-left:1em;
font-size:12px;
}