@charset "utf-8";
/*****************************************
	original.css
	企業固有のスタイルを指定
******************************************/
body {
  -webkit-text-size-adjust: 100% !important;
}
body, #header {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
/*コンテンツ幅設定用（依頼指示の幅+20px）*/
#main .content {
  max-width: 1020px;
}
/*404エラー画面（依頼指示の幅+20px）*/
#errorContent {
  max-width: 1020px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 10px;
}
@media only screen and (max-width: 767px){
  #errorContent {
    padding: 0 15px;
  }
}
/*for Android copyrightマークの色 */
footer span.copy {
  font-family: Verdana, "Droid Sans" !important;
}

/*******************************
 スクリーンリーダー
*******************************/
.screen-reader-wrap{position:relative;}
.screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important;
}
/*******************************
 スキップリンク
 *******************************/
.skip-hidden-text{
  position: relative;
}
.skip-hidden-text a,
.skip-hidden-text span{
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}
.skip-hidden-text a:focus,
.skip-hidden-text a:active {
  display: block;
  width: 15em;
  height: auto;
  top: 10px;
  left: 10px;
  clip: auto;
  z-index: 1000;
  font-size: 1rem;
  padding: 5px;
  background-color: #FFF;
  border: 1px solid #999;
  border-radius: 10px;
  text-align: center;
}
/*******************************
 loading=lazy画像
 *******************************/
img {
  height: auto;
}
img[loading="lazy"] {
  width:auto;
  max-width:100%;
  height:auto;
}


/*******************************
 ヘッダー
*******************************/

/* 固定ヘッダ */

#header .content div.regular
{
	background-color:#ffffff; /* 背景 */
	color:#000000; /* 文字色 */
	height:69px; /* 高さ */
}

#header .content div.regular div.logo
{
	padding-top:10px; /* 企業ロゴ表示開始位置 上 */
	padding-left:20px; /* 企業ロゴ表示開始位置 左 */
}

#header .content div.regular .note
{
	bottom:5px; /* フリーコメント開始位置 下 */
	right:10px; /* フリーコメント開始位置 右 */
}

/*******************************
 フッター
*******************************/

/* フッタ関連の高さ指定 */
#footer .content .free
{
	height:80px;/* ★1 自由フッタの高さ */
}
#footer .content .regular
{
	height:100px; /* ★2 固定フッタの高さ */
}
#footer {
	height: 180px;  /* footerの高さ（ ★1＋★2 ）分指定する*/
}
#main .space
{
	padding-bottom:180px; /* footerの高さ（★1＋★2）分指定する */
}
/* 固定フッタ */
#footer .content .regular
{
	background-color:#d50000; /* 背景 */
	color: #ffffff; /* 文字色 */
}

/*******************************
 自由ヘッダー
*******************************/
#header .content .free {
}

/*******************************
 自由コンテンツ上
*******************************/
#headContent .free {
}

/*******************************
 自由サイドコンテンツ
*******************************/
#sideContent .free {
}

/*******************************
 自由コンテンツ中
*******************************/
#bottomContent .freeHead {
}

/*******************************
 自由コンテンツ下
*******************************/
#bottomContent .freeBottom {
}

/*******************************
 自由フッター
*******************************/
#footer .content .free {
}