/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/**
* recruit page
* ===============
*/
/* common
============*/
body.media .planePageHead h2 {
  margin-bottom: 40px;
}

.companyWrapper {
  padding: 50px 0 100px;
  background: #f5efde;
  margin-bottom: 0;
}
.companyWrapper h3 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .companyWrapper {
    padding-top: 20px;
  }
  .companyWrapper h3 {
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
}

.mediaTable {
  margin: 0 auto;
  font-size: 14px;
  font-size: 1.4rem;
  line-height:1.5em;
  padding-bottom:100px;
  overflow:hidden;
}
.mediaTable h3 {
  color: #e66600;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 50px;
}
.mediaTable dl{
	width: 820px;
	margin:auto;
}
.mediaTable dt{
  float:left;
  clear:left;
  width:240px;
  padding:30px 0 30px 10px;
  border-top:1px #b49d76 solid;
}
.mediaTable dd {
	 float:left;
	 width:570px;
	 padding:30px 0 30px 0;
	 border-top:1px #b49d76 solid;
}
.mediaTable dd p.title{
  font-size: 24px;
  font-size: 2.4rem;
  padding:30px 0;
}
.mediaTable dt:first-child,
.mediaTable dd:nth-child(2){
	border-top:none;
}
.mediaTable p.article{
	text-align:center;
	padding:30px;
	margin:auto;
}
.mediaTable p.close{
	text-align:center;
	
}

@media only screen and (max-width: 767px) {
  .mediaTable h3 {
    margin-bottom: 30px;
    font-size: 1.6rem;
  }
  .mediaTable p {
    font-size: 1.2rem;
    /*font-weight: bold;*/
  }
  .mediaTable dd p.title{
    padding:.5em 0;
    line-height: 140%;
    font-size: 1.6rem;
    font-weight: bold;
  }
  .mediaTable dl{
    width: 100%;
  }
  .mediaTable dt{
    float: none;
    width: 100%;
    padding: 25px 0 15px;
  }
  .mediaTable dt a{
    width: 100%;
    display: block;
    text-align: center;
  }
  .mediaTable dt img{
    max-width: 100%;
    height: auto;
  }
  .mediaTable dd {
    float: none;
    width: 100%;
    border: none;
    padding-top: 0;
  }
}