@charset "shift_jis";

body {
margin:0;
line-height:1.5;
background-color:#fffded;
font-size:12px;
font-weight:normal;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
overflow-x:hidden;
}

h2 {font-size:13px; font-weight:normal; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin-top:55px; margin-bottom:40px;
border-bottom: solid 1px #b4b5b5;
}
h3 {font-size:12px; font-weight:normal; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin-bottom:5px;
border-bottom: solid 1px #b4b5b5;
}
h2 .company_tit_sub {font-size:11px;}

img {
max-width:100%;
height:auto;
}

.ie8 img {
width:auto;
}

a {/*リンクされた文字*/
    color:#b4b5b5;
    font-style:normal;
    text-decoration:underline;
}

a:link {/*未訪問のリンク*/
    color:#b4b5b5;
    font-style:normal;
    text-decoration:underline;
}

a:visited {/*訪問後のリンク*/
    color:#b4b5b5;
    font-style:normal;
    text-decoration:underline;
}

a:hover {/*マウスをのせたとき*/
    color:#b4b5b5;
    font-style:normal;
    text-decoration:none;
}

a:active {/*クリック中*/
    color:#b4b5b5;
    font-style:normal;
    text-decoration:none;
}

#wrapper {
padding:0 10px;
}

head {
}

li {
list-style:none;
}



/*clearfix
-----------------------------------------------------------------------------*/
.clearfix {
zoom 1;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
}



@media only screen and (min-width:600px) {
/*PC用のスタイル*/

#container {
position:relative;
min-height:100%;
height:auto !important;
height:100%;
}

#header01 {
width:100%;
}

#header01 .inner {
margin:auto;
padding:0 0 0 40px;
}

#contents01 {
width:100%;
height:100px;
margin:auto;
padding:70px 0 150px 0;
}

#contents01 .inner {
width:100%;
margin:auto;
padding:0 0 0 40px;
position:fixed;
}

#wrapper contents01 .inner ul{
font-size:12px;
color:#696969;
margin-top:30px;
padding:50px 0;
}


#footer {
position:absolute;
bottom:0;
left:0;
width:100%;
height:50px;
background-color:#afa28f;
}

#footer .inner {
width:100%;
margin:auto;
padding:10px 10px 0 50px;
font-size:11px;
color:#ffffff;
}


/*pagetop
-----------------------------------------------------------------------------*/
#pagetop {
  position: fixed;
  right: 50px;
  bottom: 70px;
  z-index: 100;
}

#pagetop a {
  display: block;
  width: 48px;
  height: 47px;
  line-height: 47px;
  color: #ffffff;
  background: #afa28f url(https://lug-design.com/img/basic_white_tpage_top.png) no-repeat 4px 8px;
  border-radius: 8px 8px 0 0;
  opacity: 0.9;
  filter: alpha(opacity=90);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border-bottom: 1px #ffffff solid;
}

#pagetop a:hover {
  opacity: 1;
  background-color: #999999;
}

#pagetop .scroll_home {background-position: 4px -323px;}
#pagetop .scroll_prev {background-position: 4px -62px; height: 46px;}
#pagetop .scroll_next {background-position: 4px -124px; height: 46px;}
#pagetop .scroll_footer {background-position: 4px -191px;}
#pagetop .scroll_form {background-position: 4px -256px;}
#pagetop li + li a {border-radius: 0;}
#pagetop li:last-child a {border-bottom: 0; border-radius: 0 0 8px 8px;}


/*margin padding
-----------------------------------------------------------------------------*/
.mg_b10 {margin-bottom:10px;}
.mg_b15 {margin-bottom:15px;}
.mg_b20 {margin-bottom:20px;}
.mg_b25 {margin-bottom:25px;}
.mg_b30 {margin-bottom:30px;}
.mg_b35 {margin-bottom:35px;}
.mg_b40 {margin-bottom:40px;}
.mg_b45 {margin-bottom:45px;}


/*contents
-----------------------------------------------------------------------------*/
#contents02 {position:absolute; right:130px; top:0 !important; background:url(https://lug-design.com//img/contents_bg.png) repeat; width:200px;}
#contents02 #contents_box #contents_wrp {padding:30px 25px;}
#contents02_wrp .photo_list img {margin:0 10px 10px 0; float:left;}
#contents02 #contents_box .jspContainer {overflow:hidden; position:relative;}
#contents02 #contents_box .jspPane {position:absolute;}
#contents02 #contents_box .jspVerticalBar {position:absolute; top:0; right:0; width:10px; height:100%;}
#contents02 #contents_box .jspHorizontalBar {position:absolute; bottom:0; left:0; width:100%; height:10px;}
#contents02 #contents_box .jspTrack {position:relative;}
#contents02 #contents_box .jspDrag {background:#A6A6A6; position:relative; top:0; left:0; cursor:pointer;}
#contents02 #contents_box .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float:left; height:100%;}


/*company
-----------------------------------------------------------------------------*/
.company_wrp {width:480px !important;}
#company_box .company_table {width:100%; margin-bottom:15px; border-collapse:collapse;}
#company_box .company_table th {width:85px; padding:5px 0; font-weight:normal; vertical-align:top; text-align:justify; text-justify:inter-ideograph;}
#company_box .company_table td {padding:5px 0 5px 27px; vertical-align:top;}
#company_box .no_mi {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.t10 {font-size:10px;}

}




@media screen and (max-width:500px) {
/*スマホ用のスタイル*/

header {
  padding:20px 0;
}

#nav-drawer {
  position:relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display:inline-block;
  width:30px;
  height:22px;
  vertical-align:middle;
}

/*ハンバーガーアイコン*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position:absolute;
  height:3px;/*線の太さ*/
  width:25px;/*長さ*/
  border-radius:3px;
  background:#555;
  display:block;
  content:'';
  cursor:pointer;
}
#nav-open span:before {
  bottom:-8px;
}
#nav-open span:after {
  bottom:-16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display:none;/*はじめは隠しておく*/
  position:fixed;
  z-index:99;
  top:0;/*全体に広がるように*/
  left:0;
  width:100%;
  height:100%;
  background:black;
  opacity:0;
  transition:.3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow:auto;
  position:fixed;
  top:0;
  left:0;
  z-index:9999;/*最前面に*/
  width:90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width:330px;/*最大幅（調整してください）*/
  height:100%;
  background:#fff;/*背景色*/
  transition:.3s ease-in-out;/*滑らかに表示*/
  -webkit-transform:translateX(-105%);
  transform:translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display:block;/*カバーを表示*/
  opacity:.5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform:translateX(0%);
  transform:translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow:6px 0 25px rgba(0,0,0,.15);
}

#footer {
position:relative;
bottom:0;
left:0;
margin-top:100px;
width:100%;
height:40px;
background-color:#afa28f;
}

#footer .inner {
width:100%;
margin:auto;
padding:10px 10px 0 10px;
font-size:9px;
color:#ffffff;
}


/*pagetop
-----------------------------------------------------------------------------*/
#pagetop {
  position: fixed;
  right: 10px;
  bottom: 40px;
  z-index: 100;
}

#pagetop a {
  display: block;
  width: 48px;
  height: 47px;
  line-height: 47px;
  color: #ffffff;
  background: #afa28f url(https://lug-design.com/img/basic_white_tpage_top.png) no-repeat 4px 8px;
  border-radius: 8px 8px 0 0;
  opacity: 0.9;
  filter: alpha(opacity=90);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border-bottom: 1px #ffffff solid;
}

#pagetop a:hover {
  opacity: 1;
  background-color: #999999;
}

#pagetop .scroll_home {background-position: 4px -323px;}
#pagetop .scroll_prev {background-position: 4px -62px; height: 46px;}
#pagetop .scroll_next {background-position: 4px -124px; height: 46px;}
#pagetop .scroll_footer {background-position: 4px -191px;}
#pagetop .scroll_form {background-position: 4px -256px;}
#pagetop li + li a {border-radius: 0;}
#pagetop li:last-child a {border-bottom: 0; border-radius: 0 0 8px 8px;}

}