/*--------------------------------------------------
//既存のスタイルを変更（上書き）したい場合、新しくスタイルを追加したい場合
//--------------------------------------------------
//こちらへご記入ください
*/

/*ボタン*/
.button{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  width:240px;
  background:#E27C4A;
  font-size:14px;
  font-size:1.4rem;
  font-weight:bold;
}
.button:hover{
  cursor:pointer;
  opacity:.8;
}

.button a{
  color:#FFF;
  text-decoration:none;
  display:block;
  padding:8px;
  text-align:center;
}

/*GoogleMapのレスポンシブ*/
@media screen and (max-width: 959px) and (min-width: 0){
  .gmap{
    position:relative;
    padding-bottom:56.25%;
    height:0;
    margin-left:0;
  }
  .gmap iframe, .gmap object, .gmap embed{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }
}

/**** 求人案内 *****/
.recruit_movie{
  position:relative;
  max-width:100%;
  height:100%;
  padding:56% 0 0;
}

.recruit_movie iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/**** 求人案内　新卒採用ページ *****/
#recruit .new th{
  min-width:75px;
  vertical-align:top;
  color:#515151;
  font-weight:bold;
}
/* 応募フォーム　ボタン */
.recruit_button{
  width:200px;
  height:45px;
  color:#FFF;
  font-size:20px;
  font-size:2.0rem;
  font-weight:normal;
  text-align:center;
  margin:0 auto;
  border-radius:4px;
  border:1px ;
  border:1px solid #FF6451;
  background:#FF6451;
  background:rgb(255,100,81);
  background:-webkit-linear-gradient(top,  rgba(255,100,81,1) 0%,rgba(255,139,124,1) 0%,rgba(255,100,81,1) 100%);
  background:        linear-gradient(to bottom,  rgba(255,100,81,1) 0%,rgba(255,139,124,1) 0%,rgba(255,100,81,1) 100%);
}

.recruit_button a{
  text-decoration:none;
  color:#FFF;
  display:block;
  height:100%;
  padding:8px;
          box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.recruit_application_form_button:after{
  content:url(images/recruit-new_form_icon.png);
  margin-left:5px;
  position:relative;
}
/*レスポンシブ*/
@media screen and (max-width: 959px) and (min-width: 0){
  #recruit .button{
    width:150px;
    height:45px;
    font-size:16px;
    font-size:1.6rem;
  }
}

/*グローバルナビ　お知らせ*/
#news .globalnavi li.navi_news a{
  font-weight:bold;
  color:#006638;
}

/* 20170720_kondou_修正のスタイル_ヘッダー */
.globalnavi{
  width:100%;
}

.globalnavi li{
  padding:7px 31px;
}

.header_contact{
  display:inline-block;
  margin-right:5px;
  vertical-align:top;
}

/* 20170720_kondou_新規追加のスタイル_ヘッダー */
.header_facebook{
  display:inline-block;
}

@media screen and (max-width: 979px) and (min-width: 0){
  .header_right{
    text-align:center;
  }
  .header_facebook{
    margin:10px auto;
  }

  .globalnavi li a{
    padding:0;
  }
}

/* 20170720_kondou_新規追加のスタイル_トップページ */
.contents_two_column{
  width:960px;
  margin:40px auto;
}
.contents_two_column > div{
  float:left;
  width:50%;
}

.top_news{
  width:100%;
  margin:0;
  padding:0;
          box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.top_news_title{
  position:relative;
}

.top_news_title .arrow{
  position:absolute;
  top:0;
}

.top_news_box .date{
  display:block;
  float:left;
  width:160px;
  padding-right:10px;
          box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.top_news_box .title{
  display:block;
  float:left;
  width:310px;
          box-sizing:border-box;
  -webkit-box-sizing:border-box;
}


.top-facebook{
  padding-left:20px;
          box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.top-facebook iframe{
  width:100%;
}

.top-facebook .fb_iframe_widget, .top-facebook .fb_iframe_widget span, .top-facebook .fb_iframe_widget iframe[style]{
  width:100% !important;
}

@media screen and (max-width: 959px) and (min-width: 0){
  .contents_two_column{
    width:100%;
    padding:0 15px;
            box-sizing:border-box;
    -webkit-box-sizing:border-box;
  }

  .top_news_title{
    margin-bottom:15px;
  }

  .top_news_title .arrow{
    display:none;
  }

  .top_news_box{
    padding-bottom:5px;
  }

  .top_news_box .date{
    width:100%;
    font-size:12px;
  }

  .top_news_box .title{
    width:100%;
  }
}

@media screen and (max-width: 639px) and (min-width: 0){
  .contents_two_column{
    width:100%;
    padding:0 15px;
            box-sizing:border-box;
    -webkit-box-sizing:border-box;
  }

  .contents_two_column > div{
    float:none;
    width:100%;
  }
  .top_news{
    margin-bottom:15px;
  }

  .top-facebook{
    width:100%;
    padding-left:0;
  }
}

.aligncenter{
  text-align:center;
  margin:0 auto;
}

/* 20221121_watanabe_新規追加のスタイル_ヘッダー */
.header_instagram{
  display:inline-block;
}

@media screen and (max-width: 979px) and (min-width: 0){

  .header_instagram{
    margin:10px auto;
  }
}