@charset "UTF-8";
/* CSS Document */

h1 {
text-align: center;
color: #EC008C;
}
.center {
text-align: center;
}
.object-fit-img {
object-fit: cover;
font-family: 'object-fit: cover;'
}

.hero img {
width: 90%;
margin-left: 10%;
}
.hero>div {
position: relative;
}
.hero .copy {
position: absolute;
z-index: 2100;
top: 50%;
left: 0;
background: #00B097;
transform: translate(0,-50%);
display: flex;
justify-content: center;
align-items: center;
color: #fff;
text-align: center;
}

#mainContent>section:nth-last-child(1) {
margin-bottom: 0;
}

.tc {
display: table;
margin: 0 auto;
}
.box, #boss > div, #list {
width: 90%;
max-width: 960px;
margin: 0 auto;
}
.box>article:nth-last-child(1), .box>section:nth-last-child(1), .box>div:nth-last-child(1) {
padding-bottom: 0;
}
.box div.inbox:nth-last-child(1), .box div.inbox2:nth-last-child(1) {
padding-bottom: 0;
}

#interview h2, #message h1 {
max-width: 640px;
margin: 0 auto;
text-align: center;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
#boss h2, #right h2 {
color: #fff;
text-align: center;
background: #EC008C;
}
#boss p span {
display: block;
}
li.now {
opacity: 0.5;
}

#effort h2 {
color: #00B097;
}

#message h1, #doc h1 {
color: #151515;
}

#doc {
width: 90%;
max-width: 960px;
margin: 0 auto;
padding-bottom: 30px;
}
#doc table, #doc > p {
width: 100%;
max-width: 640px;
margin: 0 auto;
}
#doc table th, #doc table td {
border-top: 1px solid #151515;
border-bottom: 1px solid #151515;
}
#doc table th {
background: #EFEFEF;
}
#doc > p:nth-last-child(1) {
padding-bottom: 0;
}

#news {
width: 90%;
max-width: 1280px;
margin: 0 auto;
}
#news h4 {
text-align: center;
color: #EC008C;
}
#news ul {
list-style-type: none;
padding-left: 0;
display: table;
margin: 0 auto;
max-width: 640px;
}
#news li:nth-last-child(1) {
padding-bottom: 0;
}
#news ul li time {
display: table;
}
#pager ul {
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 90%;
margin: 0 auto;
list-style-type: none;
padding-left: 0;
}
#pager ul li a {
display: inline-block;
border: 1px solid #ccc;
}
#pager ul li:nth-child(1) a, #pager ul li:nth-last-child(1) a {
border: none;
}
.current_page_number {
background: #000;
border: 1px solid #000;
color: #fff;
}
#entry {
max-width: 640px;
width: 90%;
margin: 0 auto;
}
#entry time {
display: block;
text-align: right;
font-size: 0.8em;
}
#entry > div p:nth-last-child(1) {
padding-bottom: 0;
}

#list ul {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
#left h4 {
color: #EC008C;
}
#left ul li a {
display: block;
}
#right h2 {
border-radius: 3px;
}
#right ul {
background: url("../images/recruit_bg.gif") no-repeat top center;
background-size: 100% auto;
min-height: 80px;
}
#right li:nth-last-child(1) {
padding-bottom: 0;
}
#right table {
background: #fff;
}
#right a table th, #right a table td {
box-sizing: border-box;
border: 1px solid #666;
}
#right a span {
background: #EC008C;
color: #fff;
}

#form {
width: 90%;
max-width: 640px;
margin: 0 auto;
}
.soy_inquiry_message {
text-align: center;
}
.soy_iqnuiry_responsive dd > input, .soy_iqnuiry_responsive dd > textarea {
width: 100%;
}
.soy_iqnuiry_responsive table {
border-collapse: separate;
border-spacing: 0 10px;
}

@media screen and (max-width:560px){
h1 {
font-size: 2rem;
padding-bottom: 20px;
}
	
.hero .copy {
width: 36vw;
height: 100px;
font-size: 1.4rem;
}
#mainContent {
padding-top: 20px;
}
body#recruitList #mainContent {
padding-top: 0;
}

.box {
padding: 60px 0;
}
.box>article, .box>section, .box>div{
padding-bottom: 40px;
}

.float-l, .float-r {
margin-bottom: 30px;
}

#interview h2, #message h1 {
font-size: 2.2rem;
padding: 20px 0;
margin-bottom: 30px;
}
#interview h2 span, #message h1 span {
font-size: 1.8rem;
}
#interview h3.head, #effort h3.head, #message h2 {
font-size: 1.6rem;
margin-bottom: 10px;
}
#interview p, #boss p, #effort p, #message p {
font-size: 1.5rem;
line-height: 200%;
}
	
#boss {
padding-bottom: 60px;
}
#boss h2, #right h2 {
font-size: 2rem;
padding: 6px 0;
margin-bottom: 12px;
}
#boss p span {
padding-bottom: 20px;
}
	
#effort h2 {
font-size: 1.8rem;
padding: 10px 0 10px 15%;
margin-bottom: 3px;
}
#effort1 h2 {
background: url("../images/effort1g.gif") no-repeat center left;
background-size: 14% auto;
}
#effort2 h2 {
background: url("../images/effort2g.gif") no-repeat center left;
background-size: 14% auto;
}
#effort3 h2 {
background: url("../images/effort3g.gif") no-repeat center left;
background-size: 14% auto;
}
#effort4 h2 {
background: url("../images/effort4g.gif") no-repeat center left;
background-size: 14% auto;
}
#effort h3.head {
font-size: 1.6rem;
}
	
#message h2 {
font-size: 1.8rem;
}
	
#doc table {
margin-bottom: 30px;
}
#doc table th, #doc table td {
padding: 6px 8px;
font-size: 0.8em;
line-height: 160%;
}
#doc table th {
width: 100px;
}
#doc > p {
padding-bottom: 10px;
}
#doc > p:nth-last-child(1) {
margin-bottom: 30px !important;
}
	
#news, #entry {
padding-bottom: 70px;
}
#news li {
padding-bottom: 10px;
}
#news time {
padding-bottom: 4px;
}
#news h4 {
font-size: 1.8rem;
padding-bottom: 10px;
}
#news time, #news h5 {
font-size: 1.4rem;
}
#pager {
padding-bottom: 30px;
}
#pager ul li {
padding: 0 6px;
}
#pager ul li a {
padding: 1px 8px;
}
#entry time {
padding-bottom: 10px;
}
#entry > div p {
padding-bottom: 16px;
}

#form {
padding-bottom:  40px;
}
.soy_iqnuiry_responsive dt {
padding-bottom:  8px;
}
.soy_iqnuiry_responsive dd {
padding-bottom: 20px;
}
	
#left {
display: none;
}
#right {
padding-bottom: 60px;
}
#right li {
padding-bottom: 50px;
}
#right table {
border-collapse: separate;
border-spacing: 5px 5px;
}
#right table, #right table + span, #right table th, #right table td{
width:100%;
}
#right table th, #right table td{
padding: 8px 0;
display: block;
text-align: center;
}
#right table th {
background: #F0F0F0;
}
#right table + span {
padding: 4px 0;
display: block;
text-align: center;
}

#recruitNav {
padding-top: 8px;
}
#recruitNav h4 {
color: #EC008C;
text-align: center;
}
#recruitNav > li:nth-child(1) {
padding-bottom: 6px
}
#recruitNav li {
padding: 0 6px;
}
}

@media screen and (min-width:561px){
.nobr {
display: none;
}
.float-l, .float-r {
width: 40%;
}
.float-l {
float: left;
margin: 0 24px 24px 0;
}
.float-r {
float: right;
margin: 0 0 24px 24px;
}
	
#doc > p {
padding-bottom: 16px;
}
#doc > p:nth-last-child(1) {
margin-bottom: 40px !important;
}

#right ul li a table {
width: 96%;
}
#right ul li a span {
width: 4%;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
border-top: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}
#right a table th, #right a table td {
font-size: 15px;
font-size: 1.5rem;
padding: 4px;
}
#right a table th {
width: 90px;
}
	
#news ul li a {
display: flex;
}
#pager {
padding-bottom: 60px;
}
#pager ul li {
padding: 0 10px;
}
#pager ul li a {
padding: 4px 10px;
}

#form {
padding-bottom: 60px;
}
.soy_iqnuiry_responsive dt {
padding-bottom: 10px;
}
.soy_iqnuiry_responsive dd {
padding-bottom: 30px;
}

#recruitNav {
display: none;
}
#right ul li a {
display: -ms-flex;
display: flex;
}
}

@media screen and (min-width: 561px) and (max-width: 959px) {
.hero .copy {
width: 30vw;
height: 120px;
font-size: 1.8rem;
}
	
h1 {
font-size: 2.6rem;
padding-bottom: 24px;
}
#mainContent {
padding-top: 40px;
}
body#recruitList #mainContent {
padding-top: 20px;
}

.box {
padding: 75px 0;
}
.box>article, .box>section, .box>div{
padding-bottom: 45px;
}
	
#interview h2, #message h1 {
font-size: 2.8rem;
padding: 24px 0;
margin-bottom: 40px;
}
#interview h2 span, #message h1 span {
font-size: 2.2rem;
}
#interview h3, #effort h3 {
margin-bottom: 8px;
}
#interview p, #boss p, #effort p, #message p {
font-size: 1.5rem;
line-height: 180%;
}
	
#boss {
padding-bottom: 75px;
}
#boss h2, #right h2 {
font-size: 2.2rem;
padding: 8px 0;
margin-bottom: 16px;
}
#boss p span {
padding: 30px 0;
}
	
#effort h2 {
font-size: 2.2rem;
padding: 20px 0 20px 15%;
margin-bottom: 4px;
}
#effort1 h2 {
background: url("../images/effort1g.gif") no-repeat center left;
background-size: 12% auto;
}
#effort2 h2 {
background: url("../images/effort2g.gif") no-repeat center left;
background-size: 12% auto;
}
#effort3 h2 {
background: url("../images/effort3g.gif") no-repeat center left;
background-size: 12% auto;
}
#effort4 h2 {
background: url("../images/effort4g.gif") no-repeat center left;
background-size: 12% auto;
}
#effort h3.head {
font-size: 1.8rem;
}
	
#message h2 {
font-size: 2rem;
}
	
#doc table {
margin-bottom: 36px;
}
#doc table th, #doc table td {
padding: 6px;
font-size: 0.85em;
line-height: 180%;
}
#doc table th {
width: 130px;
}
	
#news, #entry {
padding-bottom: 80px;
}
#news h4 {
font-size: 2.4rem;
padding-bottom: 30px;
}
#news li {
padding-bottom: 20px;
}
#news time {
padding-right: 8px;
}
#news time, #news h5 {
font-size: 1.6rem;
}
#entry time {
padding-bottom: 16px;
}
#entry > div p {
padding-bottom: 24px;
}
	
#left {
display: -ms-flex;
display: flex;
padding-bottom: 75px;
}
#left > section {
width: 50%;
}
#right li {
padding-bottom: 30px;
}
}

@media screen and (max-width:959px){

}

@media screen and (min-width:960px){
h1 {
font-size: 30px;
font-size: 3.0rem;
padding-bottom: 30px;
}

#mainContent {
padding-top: 50px;
}
body#recruitList #mainContent {
padding-top: 30px;
}

.box {
padding: 100px 0;
}
.box>article, .box>section, .box>div{
padding-bottom: 60px;
}

#interview h2, #message h1 {
font-size: 32px;
font-size: 3.2rem;
padding: 30px 0;
margin-bottom: 50px;
}
#interview h2 span, #message h1 span {
font-size: 26px;
font-size: 2.6rem;
}
#interview h3, #effort h3 {
margin-bottom: 10px;
}
#interview p, #boss p, #effort p, #message p {
font-size: 18px;
font-size: 1.8rem;
line-height: 200%;
}
	
#boss {
padding-bottom: 100px;
}
#boss h2, #right h2 {
font-size: 26px;
font-size: 2.6rem;
padding: 10px 0;
margin-bottom: 20px;
}
#boss p span {
padding: 50px 0;
}

#effort h2 {
font-size: 24px;
font-size: 2.4rem;
padding: 30px 0 30px 16%;
margin-bottom: 16px;
}
#effort1 h2 {
background: url("../images/effort1g.gif") no-repeat center left;
background-size: 13% auto;
}
#effort2 h2 {
background: url("../images/effort2g.gif") no-repeat center left;
background-size: 13% auto;
}
#effort3 h2 {
background: url("../images/effort3g.gif") no-repeat center left;
background-size: 13% auto;
}
#effort4 h2 {
background: url("../images/effort4g.gif") no-repeat center left;
background-size: 13% auto;
}
#effort h3.head {
font-size: 20px;
font-size: 2.0rem;
}
	
#message h2 {
font-size: 24px;
font-size: 2.4rem;
}

#doc table {
margin-bottom: 40px;
}
#doc table th, #doc table td {
padding: 8px;
font-size: 0.9em;
line-height: 200%;
}
#doc table th {
width: 140px;
}
	
#news, #entry {
padding-bottom: 100px;
}
#news h4 {
font-size: 30px;
font-size: 3rem;
padding-bottom: 40px;
}
#news li {
padding-bottom: 30px;
}
#news time {
padding-right: 10px;
}
#news time, #news h5 {
font-size: 18px;
font-size: 1.8rem;
}
#entry time {
padding-bottom: 20px;
}
#entry > div p {
padding-bottom: 30px;
}

#list {
display: -ms-flex;
display: flex;
padding-bottom: 100px;
}
#left {
width: 24%;
}
#right {
width: 76%;
box-sizing: border-box;
padding-left: 20px;
}
#left section:nth-child(1) {
padding-bottom: 40px;
}
#left h4 {
font-size: 20px;
font-size: 2rem;
}
#left ul li {
padding-bottom: 16px;
}
#left ul li a {
font-size: 14px;
font-size: 1.4rem;
}
#left ul li a:before {
content: "- ";
}
#right li {
padding-bottom: 40px;
}
}

@media screen and (min-width: 960px) and (max-width: 1439px) {
.hero .copy {
width: 360px;
height: 180px;
font-size: 24px;
font-size: 2.4rem;
}
}

@media screen and (min-width:1440px){
.hero .copy {
width: 400px;
height: 200px;
font-size: 28px;
font-size: 2.8rem;
}
}