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

/* ==========================================================================//
//
//　PC
//
// ========================================================================== */


/* common
---------------------------------------------------------- */
.contents_inner {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}


/* メインビジュアル
---------------------------------------------------------- */
.main_visual .video {
/*height: 455px;
    opacity: 1;
    width: 100%;*/
  position: relative;
/*padding-bottom: 56.25%;*/
overflow: hidden;
  height: 455px;
    opacity: 1;
}



.main_visual video {
  /*background: url('/img/mainimg_img_01.jpg') no-repeat 1 center;*/
  position: absolute;
top: -50%;
  /*top: 0;*/
left: 0;
min-width: 100%;
min-height: 100%;
}

.main_visual {
  background-size:cover !important;
  min-width: 1024px;
  background: url("/img/mainimg_img_01.jpg") center no-repeat;
 height: 455px;
}

.main_visual_inner {
  position: relative;
  height: 455px;
  margin-top: -455px;
}

.main_visual_inner .main_copy {
  position: absolute;  bottom: 35px;
  left: 10px;
}

.main_visual_inner .main_image {
  position: absolute;
  bottom: -160px;
  right: 0px;
}


/* contents
---------------------------------------------------------- */
.contents_wrap {
  width: 100%;
  /*background: url("/img/bg_contents_01.jpg") left top no-repeat;*/
}

.contents_wrap {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.contents_wrap video {
  position: absolute;
  top: 0;
  left: 0px;
  z-index: -10;
}
      
.area_contents_copy {
  padding: 90px 0 40px 0 !important;
}

.top_copy_01 {
  font-size: 46px;
  font-weight: 500;
}
.top_copy_02 {
  font-size: 20px;
  font-weight: 200;
  margin: -35px 0 60px 0;
  letter-spacing: 0.2em;
}
.top_copy_03 {
  font-size: 20px;
}
.top_copy_03 span {
  font-size: 14px;
}



/* リンクエリア共通 */
.area_link_01,
.area_link_02 {
  margin: 0 0 60px 0;
}

.area_link_bigimg,
.area_link_smallimg {

  transition: 0.3s;
  position: relative;
}
.area_link_bigimg a,
.area_link_smallimg a {
  display: block;
  width: 100%;
  height: 100%;
  color: #ffffff;
}


/* サイズ－大 */
.box_big {
  width: 490px;
}
.area_link_bigimg {
  width: 490px;
  height: 257px;
  overflow: hidden !important;
}
.area_link_bigimg a {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.area_link_bigimg .area_link_bigimg_txt {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 80%;
  height: 3.2rem;
  text-align: center;
}

.box_big dl {
  margin: 15px 0 0 0;
}
.box_big dl dt {
  font-size: 28px;
  font-weight:500;
}
.box_big dl dt span {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 100;
  letter-spacing: 0.1em;
  display: block;
  padding: 6px 0 0 0;
}
.box_big dl dd {
  width: 340px;
  text-align: right;
  padding: 5px 0 0 0;
  line-height: 150%;
}




/* news
---------------------------------------------------------- */
.area_news {
  background-color: rgba(255,255,255,1.00);
  padding-top: 30px;
  padding-bottom: 50px;
}
.area_news .contents_inner {
  position: relative;
}

.area_news .ttl_news,
.area_news .txt_allnews_link a {
  color: #002063;
  font-weight: 500;
}

.area_news .ttl_news {
  font-size: 20px;
}

.area_news .txt_allnews_link {
  background: url("/assets/img/icon_01.png") left center no-repeat;
  padding-left: 20px;
  position: absolute;
  top: 5px;
  right: 0;
}

.area_news .txt_allnews_link a:hover {
  text-decoration: underline;
}

.area_news ul{
  width:1024px;
}
.area_news ul li {
  border-bottom:1px dotted#c8c9ca;
  list-style:none;
}
.area_news ul a {
  text-decoration:none;
  display: block;
  padding: 10px;
  transition: 0.3s;
    color: #717071;
}
.area_news ul a:hover {
  background-color:#d8282b;
  color: #c8c9ca;
}
.area_news ul span {
    display: inline-block;
    margin-right: 10px;
  width: 10%;
  vertical-align:top;
  padding: 5px 0 0;
}
.area_news ul p {
    display: inline-block;
    margin: 0;
    padding: 0;
  width: 800px;
  vertical-align:top;
}


/* recruit banner
---------------------------------------------------------- */
.top_bnr_01 {
  padding-top: 50px;
}
.top_bnr_01 img {
  width: 100%;
  height: auto;
}


/* ==========================================================================//
//
//　SP 1024px以下
//
// ========================================================================== */

@media screen and (max-width: 1024px) {
  
  /* メインビジュアル
---------------------------------------------------------- */
.main_visual .only_pc {
  display: none !important;
  }
  .main_visual {
    /*height: 250px;*/
}
  .main_visual {
    min-width: 100% !important;
  }
  .main_visual_inner {
  /*height: 250px;*/
  margin-top: 0;
}

  img.main_copy {
    position: absolute;
    width: 50%;
    height: auto;
    left: 20px;
    bottom: 20px !important;
  }
  img.main_image {
    display: none;
  }
  .contents_wrap video {
  display: none;
}
.area_contents_copy {
  padding: 40px 0 40px 0 !important;
}
  
 .top_copy_01 {
  font-size: 32px;
}
.top_copy_02 {
  font-size: 16px;
  margin: -20px 0 40px 0;
  letter-spacing: 0.1em;
}
.top_copy_03 {
  font-size: 16px;
}

  
  
}


/* ==========================================================================//
//
//　SP 560px以下
//
// ========================================================================== */

@media screen and (max-width: 560px) {
  
/* 全ページ共通
---------------------------------------------------------- */

  
  .contents_wrap {
    background: none !important;
    padding-bottom: 50px;
  }


  
  

  
  
  
  /* メインビジュアル
---------------------------------------------------------- */

  .main_visual {
    height: 250px;
}
  .main_visual {
    min-width: 100% !important;
  }
  .main_visual_inner {
  height: 250px;
  margin-top: 0;
}

  img.main_copy {
    width: 70%;
    height: auto;
    left: 20px;
  }
  img.main_image {
    display: none;
  }
 
  
.contents_wrap video {
  display: none;
}
      
  
  
.area_contents_copy {
  padding: 40px 0 40px 0 !important;
}
  
 .top_copy_01 {
  font-size: 32px;
}
.top_copy_02 {
  font-size: 16px;
  margin: -20px 0 40px 0;
  letter-spacing: 0.1em;
}
.top_copy_03 {
  font-size: 16px;
}
 
  
/* リンクエリア共通 */
.area_link_01,
.area_link_02 {
  margin: 0 0 0 0;
}

/* サイズ－大 */
  .box_big {
    width: 100%;
    height: auto !important;
  }
  .area_link_bigimg a img {
  width: 100%;
  height: auto;
  }
.area_link_bigimg {
  width: 100%;
  height: auto !important;
}
.area_link_bigimg a p {
  letter-spacing: 0em !important;
}

.box_big dl dt {
  font-size: 24px !important;
}
.box_big dl dt span {
  font-size: 14px !important;
  display: inline;
  padding: 0 0 0 15px;
}
.box_big dl dd {
  min-width: 100% !important;
  text-align: left;
  padding: 10px 0 0 0;
  line-height: 140%;
  font-size: 16px !important;
  margin-bottom: 30px;
}
.box_big dl dd br {
  display: none;
  }


  
/* news
---------------------------------------------------------- */
 .area_news {
   margin-top: 50px;
 }
.area_news .contents_inner {
  position: relative;
  width: 90% !important;
  margin: 0 auto !important;
}
.area_news .ttl_news {
  font-size: 18px;
}
.area_news .txt_allnews_link {
  font-size: 14px;
}
.area_news ul{
  width:100%;
}
.area_news ul span {
  width: 100%;
  padding: 5px 0 5px;
}
.area_news ul p {
  width: 100%;
  line-height: 140%;
}

  
  
  
  
  
  
  
}