/************************
空白追加共通
************************/
.paddgtop0{
padding-top:0px;
}
.paddgleft0{
padding-left:0px;
}
.paddgright0{
padding-right:0px;
}
.paddgbottom0{
padding-bottom:0px;
}
.padding0{
padding:0 0 0 0;
}
.mgntop10{
margin-top:10px;
}
.mgnbottom10{
margin-bottom:10px;
}
.paddgtop10{
padding-top:10px;
}
.paddgbottom10{
padding-bottom:10px;
}

.mgntop15{
margin-top:15px;
}
.mgnbottom15{
margin-bottom:15px;
}
.paddgtop15{
padding-top:15px;
}
.paddgbottom15{
padding-bottom:15px;
}

.mgntop20{
margin-top:20px;
}
.mgnbottom20{
margin-bottom:20px;
}
.paddgtop20{
padding-top:20px;
}
.paddgbottom20{
padding-bottom:20px;
}

.mgntop30{
margin-top:30px;
}
.mgnbottom30{
margin-bottom:30px;
}
.paddgtop30{
padding-top:30px;
}
.paddgbottom30{
padding-bottom:30px;
}

.mgntop50{
margin-top:50px;
}
.mgnbottom50{
margin-bottom:50px;
}
.paddgtop50{
padding-top:50px;
}
.paddgbottom50{
padding-bottom:50px;
}

/************************
ボタン
************************/
.link_btn_high {
  border: 2px solid #0e3a58;
  color: #fff;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;	
  position: relative;
  background-color: #0e3a58;
  padding: 10px;
}

.link_btn_high:hover {
  text-decoration: none;
}

.map_btn {
  width: 600px;
  margin: 30px auto 0 auto;
}

.map_btn:hover {
  background-color: #fff;
  color: #0e3a58;
  /* btn:hover用 */
  -webkit-transition: all .2s;
  transition: all .2s;
  border:2px solid #0e3a58;
}

.map_btn:after {
  /*content: "";*/
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 10px;
  height: 10px;
  margin-top: -6px;
  border-top: 1px solid #0263af;
  border-right: 1px solid #0263af;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.map_btn:hover:after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  /* btn:hover用 */
  -webkit-transition: all .2s;
  transition: all .2s;
}


/***********************
セカンドページ共通部分
************************/
.contentWrap {
  width: 1260px;
  margin: 0 auto;
  display: block;
}
.main_wrap {
  position: relative;
}
.main_wrap .contentWrap {
  padding: 0 30px;
  margin-bottom: 60px;
}

.second_title_h2 {
  font-size: 36px;
  /*font-size: 3.6rem;*/
  font-weight: bold;
  color: #0e3a58;
  /*margin-bottom: 30px;*/
  position: relative;
  /*padding-bottom: 10px;*/
}

/***********************
セカンドページ以降のイメージ部分
************************/
.second_imgWrap,.second_imgWrap_404 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  margin-bottom: 30px;
}
.second_imgWrap .contentWrap,.second_imgWrap_404 .contentWrap {
  margin-bottom: 0;
  height: 100%;
  display: table;
}
.second_imgWrap h2,.second_imgWrap_404 h2 {
  font-size: 50px;
  /*font-size: 5rem;*/
  color: #fff;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
  /* 07/06追加 影を追加するため */
}
.second_imgWrap h2 > span,.second_imgWrap_404 h2 > span  {
  font-size: 30px;
  /*font-size: 2rem;*/
  color: #fff;
  margin-top: 15px;
  margin-left: 20px;
  position: absolute;
}

/***********************
会社概要イメージ
************************/
#company_img {
  background: url(../../company/img/company.png) no-repeat center;
  background-size: cover;
  margin-top:81px;
}

/***********************
事例・実績トップイメージ
************************/
#performance_img {
  background: url(../../performance/img/performance.jpg) no-repeat center;
  background-size: cover;
  margin-top:81px;
}

/***********************
物件紹介イメージ
************************/
#article_img {
  background: url(../../immovables/img/article_top.png) no-repeat center;
  background-size: cover;
  margin-top:81px;
}

/***********************
事業紹介
************************/
#business_img {
  background: url(../../business/img/business.png) no-repeat center;
  background-size: cover;
  margin-top:81px;
}

@media screen and (max-width:1130px){
  #company_img {
    margin-top:60px
  }
  #performance_img {
    margin-top:60px
  }
  #article_img {
    margin-top:60px
  }
  #business_img {
    margin-top:60px
  }
}
/***************************************
20170406追加START
***************************************/
@media screen and (max-width:1024px){
/***********************
  セカンドページ以降のイメージ部分
************************/
  .second_imgWrap_404 {
    width: 100%;
    height: 160px;
    margin-bottom: 30px;
  }
  .second_imgWrap_404 h2 {
    font-size: 40px;
   /*font-size: 3.2rem;*/
  }
  .second_imgWrap_404 h2 > span {
    font-size: 15px;
   /*font-size: 1.6rem;*/
    margin-top: 16px;
    margin-left: 12px;
  }
}
/***************************************
20170406追加END
***************************************/

@media screen and (max-width: 769px) {
  /* ここに768px以下用（タブレット・スマートフォン） */
  .contentWrap {
    width: 100%;
    padding: 0 15px;
  }

  .main_wrap .contentWrap {
    padding: 0 15px;
    margin-bottom: 30px;
  }
  .map_btn {
  width: 100%;
  }
  /***********************
  セカンドページ以降のイメージ部分
  ************************/
  .second_imgWrap{
    width: 100%;
    height: 160px;
    margin-bottom: 30px;
  }
  .second_imgWrap h2 {
    font-size: 50px;
   /*font-size: 3.2rem;*/
  }
  .second_imgWrap h2 > span {
    font-size: 20px;
   /*font-size: 1.6rem;*/
    margin-top: 16px;
    margin-left: 12px;
  }
  
  #performance_img {
    margin-top:60px;
  }
}
@media screen and (max-width: 480px) {
  /* ここに480px以下用（スマートフォン） */
  .main_wrap {
    position: relative;
  }
  .main_wrap .contentWrap {
    margin-bottom: 30px;
  }
  /***********************
  セカンドページ以降のイメージ部分
  ************************/
  .second_imgWrap,.second_imgWrap_404 {
    width: 100%;
    height: 120px;
  }
  .second_imgWrap h2,.second_imgWrap_404 h2 {
    font-size: 22px;
    /* 長いタイトル用に文字サイズを少し小さくするため */
    /*font-size: 2.2rem;*/
    letter-spacing: -0.01rem;    
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
  }
  .second_imgWrap h2 > span,.second_imgWrap_404 h2 > span {
    font-size: 10px;
    /*font-size: 1rem;*/
    position: relative;
    margin-top: -5px;
    margin-left: 0;
    display: block;
    letter-spacing: normal;    
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
  }
}
  /***************************************
   20170406追加start
  ****************************************/
@media screen and (max-width:370px){
/***********************
  セカンドページ以降のイメージ部分
************************/
  .second_imgWrap_404 {
    width: 100%;
    height: 120px;
    margin-bottom: 30px;
  }
  .second_imgWrap_404 h2 {
    font-size: 18px;
   /*font-size: 3.2rem;*/
  }
  .second_imgWrap_404 h2 > span {
    font-size: 10px;
   /*font-size: 1.6rem;*/
    margin-top: -5px;
  }
}
/***************************************
20170406追加end
****************************************/