@charset   "UTF-8";

 /*  Google chrome ブラウザの文字拡大（バグ）を防ぐ★★★★★ */
 /*  divを入れるとlightbox（網掛け）が作動しない★★★★★ */
 table,tr,td,p,h1,h2,h3 {
	max-height:100%;
}

body{
  overflow-y: scroll; /* スクロールバー出現時の左寄り（ズレ）防止  */
  font-family: 'ＭＳ Ｐゴシック','MS PGothic',sans-serif; 
  text-align:center;
  margin:0px auto; /* ★追加  */
}
/* body部分（navボタン下） */
#contents{
  width:800px;
  text-align:left;
  margin:0px auto;
}

/* 会社イメージ画像 */
/* 上部余白はmarginではなく、paddingで対応 
2カラムでは上部余白にbody色が入る為 */
#clie_top_img {
	text-align:left;/* 左寄せ  */
	padding :14px 0px;
    margin: 0;
}

/* 会社理念 */
.rinen  {
    text-align: center;/* 中央寄せ */
    margin: 0;
    font-size: 15px;
    font-family:ヒラギノ角ゴ;
    color:#ffffff;
}
/* 親要素にdisplay:flex;を設定   */
#nav_margin {
	max-width: 780px;
	display: flex;   /* 親要素に設定 */
	flex-wrap:nowrap;/* 折り返し無し一行に並べる   */
    padding: 0;
	margin: 12px 0 6px 0;
}
/* メニューボタン */
.nav {
   text-align: center;/* 文字中央寄せ   */
   margin-right: 4px; /* 右側間隔   */
   font-size:14px;
   color:#ffffff;
   border: solid 1px white;
   width: 20%;
}
/* メニューボタンすべてリンク領域 */
.nav a {
	display: block;
	padding-top:7px;
    padding-bottom:7px;
}
/* 上記リンク無しメニューボタンの padding調整 */
.menu-padding {
	padding-top: 7px;
	padding-bottom: 7px;
}
/* 実例 h1 の設定 */
.jiturei_top{
     font-family: 'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
     font-size:16px;
     color:white;
     border-left:solid 5px #ffffff;
     border-bottom:solid 2px #ffffff;
     padding:5px 0px 5px 13px;
     width:770px;
     margin: 0px 0;
     text-align:left;
 }
/* お知らせ更新情報・ボーダー部分 */
.osirase {
  color:#ffffff;
  border-left:solid 5px #ffffff;
  border-bottom:solid 1px #ffffff;
  padding-left:5px;
  width:382px;
}
/* 会社案内 ボーダー部分 */
.kaisya {
  color:#ffffff;
  border-left:solid 5px #ffffff;
  border-bottom:solid 1px #ffffff;
  padding-left:5px;
  width:362px;
}
/* プライバシーポリシーと下線 */
.policy {
    font-size: 13.5px;
    color: #fff;
    text-align: left;
    padding: 18px 0 5px 20px;
    border-bottom: solid 1px #fff;
    width: 765px;
    margin: 10px 0 0 0;
}
/* コピーライト */
.copy {
    font-size: 13px;
    color: #fff;
    text-align: right;
    margin: 0;
    padding: 7px 30px 0 0;
}

/* 2カラム用の実例ボーダー下margin */
.jiturei_margin {
	margin-bottom: 10px;
	}
/* タイトル上のマージン */
.title_margin {
	margin-top: 10px;
	}





/*  ★★★★★  ★★★★★  ★★★★★ */
/*  画面幅（最大） */
@media screen and (min-width:481px) {
/*  レスポンシブ設定 非表示 */  
#waku_2 {
        display:none !important;
    }
    }
/*  ★★★★★  ★★★★★  ★★★★★ */
 /*  画面幅（最小） */
@media screen and (max-width:480px) {
/*  レスポンシブ前の設定 非表示 */
#waku_1 {
	display:none !important;
    }
 /*  Google chrome ブラウザの文字拡大（バグ）を防ぐ★★★★★ */
 /*  divを入れるとlightbox（網掛け）が作動しない★★★★★ */
 table,tr,td,p,h1,h2,h3 {
	max-height:100%;
}

/* トップ画像上部余白調整 */
/* 上部余白はmarginではなく、paddingで対応 
2カラムでは上部余白にbody色が入る為 */
#photo_top_margin {
	margin-top: 0px;
	padding-top: 8px;
	}
/* トップ画像 */	
#photo_top {
    max-width: 100%;
    height: 125px;
    margin: 0;
    padding-top: 0;
    }
    
/* 会社理念 中央寄せ 幅修正 */
.rinen {
    width: 85%;
    margin: 10px auto;
    font-size: 14px;
    }
/* メニューボタン設定 */    
.nav_res { 
	width:34%;
	display:inline-block;
	text-align:center;
  	font-size:14px;
  	color:#ffffff;
  	border-width : 1px;
  	border-style : solid;
  	border-color : white;
  	padding:7px 0px;
}
/* メニューボタン右余白設定 */
.nav_yoko {
	margin-right: 1px;
}
/* メニューボタン下部 margin設定 */
.nav_margin {
	margin:0 auto 4px auto;
}    
/*  実例の線幅修正 */
.jiturei_top{
	margin-top:13px;
	width:95%;
 }
/* 会社案内 帯の幅 */   
.osirase {  
   width:97%;
   margin-left: 1px;
   margin-top: 30px;/* 上部マージン */
}
/* インラインフレーム幅修正 */ 
iframe { 
    width: 100%;       
}
 /* 会社案内 帯の幅 */   
.kaisya {  
   width:97%;
   margin-left: 1px;
   margin-top: 30px;/* 上部マージン */
} 
/* プライバシーポリシー下線の幅修正 */
.policy {
	margin-left:0px;
    width: 95%;
}
/* コピーライト */
.copy {
    padding-right:20px;
}
/* 親要素中央寄せ */
#res_waku {
     max-width:800px;
     margin:0 auto;
     padding-right: 8px;
     padding-left: 8px;
     background-color:#fffbf3;/* 背景色（nav以下全体） */
}    
/* 子要素中央寄せ */
table{
	width:100%;
}
/* 画像のレスポンシブ */
img {	
	max-width:100%;
	height:auto;
}
}/* ★★★@mediaの閉じ括弧★★★ */







/*★★★  topへ戻るボタン  Start  ★★★*/

#page_top1 {
  width: 70px;
  height: 70px;
  position: fixed;
  right: 20px;  /*  位置指定  */
  bottom: 20px;  /*  位置指定  */
  background: #4682B4;
  opacity: 0.7;  /*  透過  */
  border-radius: 50%;
}
#page_top1 a {
  position: relative;
  display: block;
  width: 70px;
  height: 70px;
  text-decoration: none;
}
#page_top1 a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 22px;  /*  アイコン大きさ  */
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top1 a::after {
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 35px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
/*  topへ戻るボタン  END  */



/*★★★  topへ戻るボタンレスポンシブ  Start  ★★★*/
 /*  画面幅（最小） */
@media screen and (max-width:800px) {
    
    
/*  topへ戻るボタン  Start  */
#page_top1 {
  width: 60px;
  height: 60px;
  position: fixed;
  right: 2px;  /*  位置指定  */
  bottom: 2px;  /*  位置指定  */
  background: #4682B4;
  opacity: 0.8;  /*  透過  */
  border-radius: 50%;
}
#page_top1 a {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  text-decoration: none;
}
#page_top1 a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102'; /*  ★修正  */
  font-size: 22px;  /*  アイコン大きさ  */
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px; /*  ★調整  */
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top1 a::after {
  content: 'TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 30px; /*  ★調整  */
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
}/* ★★★@mediaの閉じ括弧★★★ */
/*  topへ戻るボタン  END  */ 










/* ★★★ 以下、旧 style.css の設定 保存の事 ★★★ */



h1{
  font-size:16px;
  color:white;
  border-left-width:5px;
  border-left-style:solid;
  border-bottom-width:2px;
  border-bottom-style:solid;
  border-color:white;
  padding-left:10px;
  padding-top:5px;
  padding-bottom:5px;
  width:770px;
}

h2{
  font-size:12px;
  border-left-width:5px;
  border-left-style:solid;
  border-bottom-width:2px;
  border-bottom-style:solid;
  border-color:#99ccff;
  padding-left:10px;
  padding-top:5px;
  padding-bottom:5px;
  width:800px;
}


span{
  font-size:14px;
  color:#ffffff;
  border-width : 1px;
  border-style : solid;
  border-color : white;
  padding-top:8px;
  padding-bottom:8px;
  padding-right:40px;
  padding-left:40px;
}

.haba{
  width:800px;
}


/* 最下部 HOMEへ戻る 白ライン設定 */ 
  .modoru{
       width:790px;/* 変更旧800px */
       padding: 4px 0px 3px 0px;
       border-top:solid 1px #fff;
       color:#ffffff;
       margin: 3px auto 10px auto;
       text-align:left;
  }

/* 未使用 */
.home1{
  float:left;
}

/* 未使用 */
.home2{
  clear:both;
}


.home3{
  color:#ffffff;
  border-left-width:5px;
  border-left-style:solid;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-color:#ffffff;
  padding-left:5px;
  width:380px;
}


.home4{
  width:350px;
  height:250px;
}


.home5{
  width:350px;
  height:150px;
}


.home6{
  color:#ffffff;
  border-left-width:5px;
  border-left-style:solid;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-color:#ffffff;
  padding-left:5px;
  width:790px;
}


a:link{
  color:#ffffff;
  text-decoration:none;
}
a:visited{
  color:#ffffff;
  text-decoration:none;
}

a:hover{
  color:#59acff; 
}
/* MS_top,kodate_top 他 タイトルライン */
#txt{
	border-bottom-width:1.5px;
	border-bottom-height:550px;
	border-bottom-style:solid;
	border-color:#59acff;
}





/* お知らせ・更新情報　インラインフレーム */

#contents222{
  width:347px;
  text-align:left;
  margin:0px auto;
}

iframe.line { border: 1px #4169E1 solid; }