@charset "utf-8";

/**
COMMON
*/


.interview .swiper-pagination,
.interview .swiper-button-prev,
.interview .swiper-button-next{
display: none !important;
}

.swiper-slide img{
width: 100%;
}


.swiper-container-android .swiper-slide, .swiper-wrapper{
margin-bottom: 30px !important;
}

#footer{
z-index: 99 !important;
}

body.recruit {
    background: #FCC046 !important;
    color: #000;
}

#contents{
margin-bottom: 0 !important;
}

#contents p{
font-family: "corporate-logo-ver2", sans-serif;
color: #000;
}

.sp{
display: none;
}

#wrapper{
padding: 0;
}

#wrapper,
#contents section{
width: 100%;
border: none;
}

p.catch{
font-weight: 500;
}
div.title h2 img{
height: 150px;
}

.box_text{
border: solid 2px #000;
background: #FFF;
border-radius: 20px;
font-weight: 500;
padding: 20px 25px;
color: #333;
margin: 50px 0;
line-height: 1.5;
}
.box_text p{
font-size: 18px;
font-family: "corporate-logo-ver2", sans-serif;
line-height: 1.6;
font-weight: 500;
}



ul.job_list li{
list-style: none;
}


ul.job_list li div.wrap{
border: solid 2px #000;
background: #FFF;
border-radius: 20px;
margin-bottom: 4% !important;
position: relative;
}

ul.job_list li div.image img{
border-radius: 20px;
}

ul.job_list li p.ttl{
  font-family: "Antonio", sans-serif !important;
  padding:  0px 0 2px 0;
  border-radius: 50px;
  border: solid 2px #000;
  background: #FFF;
  text-align: center;
  font-size: 20px;
  }

ul.job_list li p.ttl {
margin-top: -30px;
}

ul.job_list li div.wrap{
padding: 10px 10px 20px 10px;
}
ul.job_list li div.title{
padding: 10px 0 !important;
}


ul.job_list li p.ttl{
margin-top: -30px;
position: relative;
z-index: 99;
margin-bottom: 0;
}

ul.job_list li p.text{
margin-bottom: 10px;
line-height: 1.5;
text-align: left;
padding: 10px;
font-size: 13px !important;
min-height: 6em;
}

ul.job_list li div.title{
margin-top: -38px;
z-index: 99;
position: relative;
}

ul.job_list li .content_detail{
background: #FFF;
border-left: solid 2px #000;
border-right: solid 2px #000;
border-bottom: solid 2px #000;
border-radius: 0 0 20px 20px;
padding-top: 15px;
z-index: -1;
}



p.btn img{
width: 250px;
}


.border_clear{
background-image: url("../images/border.png");
background-color: transparent;
background-repeat: repeat-x;
background-size: 60%;
height: 30px;
}



#entry_button{
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
}
#entry_button img{
width: 120px;
}



.recruit section.intro{
position: relative;
padding: 80px 0 0 0 !important;
}

.top .interview{
background: #E6B95E;
}

.top section.mission,.top section.brain,.top section.benefit,.top section.condition{
background: url("../images/border.png") repeat-x center top #E6B95E;
background-size: 100%;
}
.top section.joblist{
background: url("../images/border2.png") repeat-x center top #FCC046;
background-size: 100%;
}
.top section.vision{
background: url("../images/border3.png") repeat-x center top #E6B95E;
background-size: 100%;
}


.top section.joblist ul{
margin: 50px 0;
}
.top section.joblist .swiper-container{
margin-bottom: 30px;
}


.top .vision{
padding-top: 100px !important;
}
.top .vision ul li{
text-align: center;
margin-bottom: 0;
}
.top .vision ul li img{
height: 100px;
}



.top .mission p.text{
margin: 5em 0 !important;
}
.top .mission p.text img{
width: 600px;
}

.top .brain .box_text{
width: 660px;
margin: 0 auto;
padding: 50px;
}




.top .benefit div.title h2 img {
    height: 80px;
}

.top .benefit ul li.box_text{
margin: 1% 0;
}
.top .benefit ul li p.title img{
height: 30px;
}
.top .benefit ul li p{
margin-bottom: 0;
text-align: center;
font-size: 15px;
}


.top .condition div.title h2 img {
    height: 80px;
}
.top .condition ul li.box_text{
margin: 1% 0;
}
.top .condition ul li p.title img{
height: 30px;
}
.top .condition ul li p{
margin-bottom: 0;
text-align: center;
font-size: 15px;
}
.top .condition ul li p.title img{
height: 30px;
}


body.company.recruit .accordion .title{
color: #000;
font-size: 12px !important;
}



body.joblist .intro p.ja img{
height: 40px;
}
body.joblist .intro p.main_catch img{
height: 60px;
margin-top: 100px;
}
body.joblist .intro p.lead{
margin-top: 2em;
font-size: 20px;
}



body.joblist #contents ul li{
margin-bottom: 5% !important;
}



body.interview section.intro{
padding: 80px 0 !important;
}

body.interview article{
padding: 50px;
border: solid 4px #000;
border-radius: 20px;
background: #E6B95E;
width: 800px;
margin: 0px auto;

}

body.interview article p.title img{
width: 80%;
}
body.interview article p.main_image{
margin: 50px -30px 50px -30px;
}

body.interview article dl{
margin: 60px auto;
width: 500px;
}


body.interview article dl dt.qa_q,
body.interview article dl dd.qa_a{
padding-left: 55px !important;
font-family: "corporate-logo-ver2", sans-serif;
font-weight: 500;
}
body.interview article dl dt.qa_q{
background: url(../images/icon_q.svg) no-repeat 10px 5px #FFF;

background-size: 35px;
font-size: 16px;
font-weight: 600;
}
body.interview article dl dd.qa_a{
background: url(../images/icon_a.svg) no-repeat 10px 5px #FFF;
background-size: 35px;
}
body.interview article dl dt.box_text,
body.interview article dl dd.box_text{
padding: 10px;
margin: 20px 0 !important;
}
body.interview article dl dd.image img{
border-radius: 20px;
border: solid 2px #000;
box-sizing: border-box;
}

body.interview article .schedule{
margin: 100px auto;
width: 500px;
}
body.interview article .schedule .box_text{
padding: 10px 25px;
}

body.interview article .schedule div.title img{
height: 100px;
}

body.interview article .schedule p.title{
border-radius: 50px;
border: solid 2px #000;
margin: 10px 0 0 0;
}


body.company.recruit.joblist .accordion .title{
width: 90%;
margin: -38px auto 0 auto;
background: url(../../../images_1/plus-solid.svg) no-repeat 66% 50% !important;
background-size: 10px !important;
}
body.company.recruit.joblist .accordion .title.active {
background: url(../../../images_1/minus-solid.svg) no-repeat 66% 50% !important;
background-size: 10px !important;
}

/**
SWIPER
*/

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
bottom: 0px !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
top: 60% !important;
    background-image: url(../images/arrow_right_w.png) !important;
    width: 34px !important;
    height: 34px !important;
    background-size: 34px 34px !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
top: 60% !important;
    background-image: url(../images/arrow_left_w.png) !important;
    width: 34px !important;
    height: 34px !important;
    background-size: 34px 34px !important;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #000 !important;
}






.bottom_txt{
background: url(../images/bottom_txt.svg) no-repeat center bottom #E6B95E;
background-size: 2000px;
height: 250px;
}


p.btn.back{
margin-bottom: 80px;
}
p.btn.back img{
height: 43px;
}





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


.interview .swiper-pagination, .interview .swiper-button-prev, .interview .swiper-button-next{
display: inherit !important;
}

#wrapper{
padding: 0 !important;
}

.inner{
padding: 0 20px !important;
}

.inner.full{
padding: 0 0px !important;
}


.pc{
display: none;
}
.sp{
display: inherit;
}

body.about .inner{
width: 100%;
}


div.title h2 img{
height: 80px;
width: auto;
}


body.company section{
padding: 30px 0 !important;
}
.top .vision{
padding: 50px 0 0 0 !important;
}


.box_text{
width: 100%;
margin: 30px auto;
}

.box_text{
font-size: 15px;
line-height: 1.6;
}


#entry_button {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999;
}
#entry_button img{
width: 80px;
}


/**
TOP
*/

.top .interview .inner{
padding: 0 !important;
}
.top .joblist .inner{
padding: 0 !important;
}
ul.job_list li p.text{
min-height: 8em;
}

.top .vision ul li{
width: 100% !important;
margin-bottom: 50px;
}
.top .vision ul li img{
height: 80px;
/*width: auto;*/
}

.top .vision ul li.right img{
height: 50px;
}


.top .brain .box_text{
width: 100%;
padding: 30px;
}


.top .benefit div.title h2 img {
    height: 50px;
    width: auto;
}

.benefit ul li{
width: 100% !important;
}
.benefit ul li p.title img{
width: auto;
height: 25px;
}





.top .condition div.title h2 img {
    height: 50px;
    width: auto;
}

.condition ul li{
width: 100% !important;
}
.condition ul li p.title img{
width: auto;
height: 25px;
}

.bottom_txt{
background: url(../images/bottom_txt.svg) no-repeat center bottom #E6B95E;
background-size: 1000px;
height: 100px;
}


.recruit section.intro{
position: relative;
padding: 30px 0 0 0 !important;
}


body.joblist .intro p.ja img{
height: 20px;
}
body.joblist .intro p.main_catch img{
height: 30px;
margin-top: 20px;
}
body.joblist .intro p.lead{
margin-top: 2em;
font-size: 15px;
}

body.joblist #contents ul li{
margin-bottom: 15% !important;
width: 100% !important;
}

body.joblist ul.job_list li p.text{
min-height: inherit;
}


body.interview section.intro{
padding: 30px 0 0 0 !important;
}

body.interview article p.main_image{
margin: 20px -10px 20px -10px;
}
body.interview article{
padding: 15px;
border: solid 2px #000;
width: 100%;
margin: 20px auto;

}

body.interview article dl {
    margin: 50px auto;
    width: 100%;
}

body.interview article dl dt.box_text, body.interview article dl dd.box_text {
    padding: 10px;
    margin: 20px 0 !important;
}

body.interview article .schedule {
    margin: 60px auto;
    width: 100%;
}

body.interview article .schedule div.title img {
    height: 60px;
}
body.interview article .schedule .box_text p{
font-size: 14px;
}


body.interview article dl dt.qa_q {
    background: url(../images/icon_q.svg) no-repeat 10px 5px #FFF;
    background-size: 30px;
    padding-left: 50px !important;
    font-weight: 600;
font-size: 13px !important;
}
body.interview article dl dd.qa_a {
    background: url(../images/icon_a.svg) no-repeat 10px 5px #FFF;
    background-size: 30px;
    padding-left: 50px !important;
font-size: 13px !important;
}


}