@charset "UTF-8";
/* CSS 初期化 */
body { 
  background-color: #ffffff; 
  color: #2c2c2c; 
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; 
  margin: 0; 
}

a { text-decoration: none; }
a:link { color: #2c2c2c; }
a:visited { color: #2c2c2c; }
a:hover { text-decoration: none; }

.mincho { 
  font-family: Hiragino Mincho ProN, serif; 
}

/* 画像の枠線なし */
img { 
  border: none; 
  pointer-events: none; 
}

/* アルファ */
.alpha_70 {  
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;  
}  

.alpha_70:hover {  
    opacity: 0.7;  
    filter: alpha(opacity=70);  
}   

.alpha_40 {  
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;  
}

.alpha_40:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=40);  
}

/* ボックス全体をリンク */
.linkall {
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.linkall a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}


@media screen and (min-width:751px){ 

/* ページ全体の枠 */
  #container { 
    margin: 0 auto; 
    padding: 0 5%; 
    max-width: 1100px; 
    font-size: 14px; 
    letter-spacing: 0.03em; 
    line-height: 2;
  }

/* ヘッダー */
  #header {
    top: 0;
    position: sticky; 
    height: 90px; 
	background-color: #ffffff; 
    z-index: 100; 
}

/* 企業ロゴ */
  #logo_adrata { 
    float: left; 
    margin-top: 25px; 
  }

  #logo_adrata img {
    width: 100px; 
  }

/* グローバルメニュー */
  #gNavi {
    float: right; 
    margin-top: 40px; 
  }

  #gNavi li { 
    display: inline; 
    list-style: none; 
    margin-left: 50px; 
  }

/* フッター */
  footer { 
    margin: 40px 2px; 
  }

/* コピーライト */
  #copyright { 
    color: #2c2c2c; 
    font-size: 13px; 
  }

  .pc_off { 
    display: none; 
  }

}



@media screen and (max-width:750px){ 

/* ページ全体の枠 */
  #container { 
    margin: 0 auto; 
    padding: 0 5%; 
    width: 100%; 
    font-size: 14px; 
    letter-spacing: 0.03em; 
    line-height: 1.8; 
	box-sizing: border-box; 
  }

  .sp_padding { 
    padding: 0 20px; 
  }

/* ヘッダー */
#header { 
  display: none; 
}

.header { 
  top: 0; 
  width: 100%; 
  height: 65px; 
  background-color: #ffffff; 
  position: fixed; 
  z-index: 100; 
}

/* 企業ロゴ */
  #logo_adrata { 
    margin-top: 10px; 
  }
  
  #logo_adrata img { 
    width: 90px; 
  }

/* グローバルメニュー */
  #gNavi { 
    display: none; 
  }

/* フッター */
  footer { 
    margin: 10px 0; 
  }

/* コピーライト */
  #copyright { 
    color: #2c2c2c; 
    float: left; 
    font-size: 13px; 
    width: 100%; 

/* ▼横幅に枠線まで含める */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .sp_off { 
    display: none; 
  }

}