@charset "utf-8";

/* ---------------------------------------------------------------------------------------------

　   COMMON

--------------------------------------------------------------------------------------------- */
.read {
  text-align: center;
  margin-bottom: 2em;
}
@media only screen and ( max-width : 768px ) {
  .read {
    font-size: 18px;
  }
}

@media only screen and ( max-width : 480px ) {
}

@media print, screen and ( min-width : 769px ) {
  .read {
    font-size: 29px;
  }
}

/* ---------------------------------------------------------------------------------------------

　   TOP

--------------------------------------------------------------------------------------------- */
#mainImage {
  position: relative;
  z-index: 1;
}
#mainImage .ttl {
  position: absolute;
  z-index: 3;
  color: #fff;
  font-weight: bold;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.slide01 {
  background: url(../img/slide01.jpg) no-repeat center;
  background-size: cover;
}
.slide02 {
  background: url(../img/slide02.jpg) no-repeat center;
  background-size: cover;
}
.slide03 {
  background: url(../img/slide03.jpg) no-repeat center;
  background-size: cover;
}
@media only screen and ( max-width : 768px ) {
  .slick-track {
    height: 400px;
  }
  #mainImage .ttl {
    width: 60%;
  }
}

@media only screen and ( max-width : 480px ) {
  .slick-track {
    height: 250px;
  }
  #mainImage .ttl {
    width: 80%;
  }
}

@media print, screen and ( min-width : 769px ) {
  .slick-track {
    height: 800px;
  }
}


/* ---------------------------------------------------------------------------------------------

　   READ

--------------------------------------------------------------------------------------------- */
#read {
 /* background: url(../img/logo_bg.png) no-repeat center bottom;*/
  padding-bottom: 0;
}
#read p {
  line-height: 2em;
}

@media only screen and ( max-width : 768px ) {
  #read {
    background-size: 80%;
    background-position: center;
  }
}

@media only screen and ( max-width : 480px ) {
}

@media print, screen and ( min-width : 769px ) {
  #read p {
    font-size: 18px;
    text-align: center;
  }
}

/* ---------------------------------------------------------------------------------------------

　   MESSAGE

--------------------------------------------------------------------------------------------- */
#message .txt {
  background: #000;
  color: #fff;
}
.position {
  margin-bottom: 1em;
}
.name {
  font-weight: bold;
  margin-bottom: 1em;
}
@media only screen and ( max-width : 768px ) {
  .president .txt {
    padding: 20px;
  }
  .position {
    font-size: 18px;
  }
  .name {
    font-size: 30px;
  }
}

@media only screen and ( max-width : 480px ) {
}

@media print, screen and ( min-width : 769px ) {
  .president {
    -js-display : flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .president .txt,.president .photo {
    width: 50%;
  }
  .president .txt {
    padding: 40px;
  }
  .position {
    font-size: 24px;
  }
  .name {
    font-size: 46px;
  }
}

/* ---------------------------------------------------------------------------------------------

　   JOBS

--------------------------------------------------------------------------------------------- */
#jobs {
  background: url(../img/jobs_bg.jpg) no-repeat center;
  background-size: cover;
}
#jobs h2,#place h2 {
  color: #fff;
}
#jobs h2 span,#place h2 span {
  color: #ffa5a5;
}
.job_cat {
  position: relative;
}

.cat_inner p {
  position: relative;
  z-index: 4;
}
.category {
  margin-bottom: 1em;
}
.category span {
  color: #ce0606;
}
@media only screen and ( max-width : 768px ) {
  .cat_inner {
    padding: 20px;
    background: #fff;
  }
  .job_cat {
    margin-bottom: 20px;
  }
  .job_cat:last-child {
    margin-bottom: 0;
  }
  .category {
    font-size: 24px;
  }
  .category span {
    font-size: 18px;
    display: block;
  }
}

@media only screen and ( max-width : 480px ) {
}

@media print, screen and ( min-width : 769px ) {
  .job_cat {
    margin-bottom: 70px;
  }
  .job_cat:last-child {
    margin-bottom: 0;
  }
  .cat_inner {
    width: 55%;
    position: relative;
    z-index: 2;
    padding: 40px;
  }
  .job_cat:nth-child(even) .cat_inner {
    float: right;
  }
  .job_cat:nth-child(odd) .cat_inner {
    float: left;
  }
  .job_cat:nth-child(even) .cat_inner:after {
    right: 0;
  }
  .job_cat:nth-child(odd) .cat_inner:after {
    left: 0;
  }
  .cat_inner:after {
    content: "";
    width: 154%;
    background: #fff;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
  }
  .cat_photo {
    position: absolute;
    width: 44%;
    bottom: 0;
    z-index: 3;
  }
  .job_cat:nth-child(even) .cat_photo {
    left: 0;
  }
  .job_cat:nth-child(odd) .cat_photo {
    right: 0;
  }
  .category {
    font-size: 34px;
  }
  .category span {
    font-size: 24px;
    margin-left: 30px;
  }
  .space {
    margin-bottom: 100px;
  }
}
/* ---------------------------------------------------------------------------------------------

　   INT

--------------------------------------------------------------------------------------------- */
#int article {
  position: relative;
}
#int article a {
  display: block;
}
.more {
  color: #0048ff;
  margin-top: 0.5em;
}
.jobcat_label {
  display: inline-block;
  color: #fff;
  line-height: 1em;
  padding: 10px 20px;
  position: absolute;
  top: -15%;
  left: 20px;
}
.domestic .jobcat_label {
  background: #9e0000;
}
.gloval .jobcat_label {
  background: #0090d9;
}
.domestic .join {
	color: #9e0000;
	font-size: 14px;
}
.gloval .join {
	color: #0090d9;
	font-size: 14px;
}
.int_txt {
  background: #fff;
  position: relative;
  width: 90%;
  margin: 0 auto;
  margin-top: -50px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#int article a:hover .int_txt {
  background: #000;
  color: #fff;
}
#int article a:hover .int_txt .join,#int article a:hover .int_txt .more {
  color: #fff;
}
@media only screen and ( max-width : 768px ) {
  #int article {
    margin-bottom: 20px;
  }
  .int_title {
    font-size: 18px;
  }
  .initial {
    font-size: 20px;
    display: block;
  }
  .int_txt {
    padding: 10px 20px;
  }
}
@media print, screen and ( min-width : 769px ) {
  #int .int {
    -js-display : flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
	margin-bottom: 30px;
  }
  .int_title {
	font-size: 20px;
	margin-bottom: 10px;
  }
  #int article {
    margin-right: 20px;
  }
  #int article:last-child {
    margin-right: 0;
  }
  .initial {
    font-size: 28px;
    margin-left: 30px;
  }
  .int_txt {
    padding: 30px 20px 20px;
  }
}

/* ---------------------------------------------------------------------------------------------

　   PLACE

--------------------------------------------------------------------------------------------- */
#place {
  background: url(../img/place_bg.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
}
#place .photos li {
  float: left;
}
.link a {
  color: #84e1ff;
  text-decoration: underline;
}
@media only screen and ( max-width : 768px ) {
  #place .photos li {
    width: 25%;
  }
  .link {
    font-size: 18px;
  }
}

@media only screen and ( max-width : 480px ) {
  #place .photos li {
    width: 50%;
  }
}

@media print, screen and ( min-width : 769px ) {
  #place .photos li {
    width: 25%;
  }
  .link {
    font-size: 24px;
  }
}



/* ---------------------------------------------------------------------------------------------

　   XXXX

--------------------------------------------------------------------------------------------- */

@media only screen and ( max-width : 768px ) {
}

@media only screen and ( max-width : 480px ) {
}

@media print, screen and ( min-width : 769px ) {
}