@charset "UTF-8";
/* CSS Document */

/* リセット ＆ 背景色と文字 */
html, body, th, td {
color:#151515;
background:#FEFEFE;
font-size:100%;
}

body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

body, ul, li, p, th, td {
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:bold;
}
/* リセット ＆ 背景色と文字　ここまで */

/* 基本のリンク設定 */
a:link {
 color:#477eec;
 text-decoration:none;
}

a:visited {
 color:#7aa0ed;
 text-decoration:none;
}

a:hover {
 color:#cb87b4;
 font-weight:bold;
 text-decoration:none;
}
/* 基本のリンク設定　ここまで */

/* 文字の強調 */
.red {
 font-weight: bold;
 color: #d62c3a;
}
/* 文字の強調 終 */

/* 上のオビ */
div#obi { display:block; }
header { display:none; } /* スマホ用ナビはPCで非表示 */

div#obi {
 background-image: url(../img/line_ue.png);
 width: 100%;
 height: 50px;
}

/* 上のオビとナビ　スマホ用 */
@media only screen and (max-width : 480px){

div#obi { display:none; }
header { display:block; }

/* スマホ用ナビメニュー ここから */
div#header {
  padding:10px;
  background: #288ec1;
 margin: 0;
   position: fixed;
   width: 100%;
   top: 0px;
   z-index: 99;
}/* ヘッダーは上に固定　詳細CSSはspnaviに記載 */
}/* 上のオビ　スマホ用 終 */

/* トップページ用社名と社屋のブロック */
div#topmain {
 margin: 10px auto 0 auto;
 width: 1200px;
 height: 300px;
 padding-bottom: 16px;
 position: relative;
}

div#topmain img.rogo {
 width: 400px;
}

/* トップページの住所 */
div#topmain p.add {
 margin:8px 0 0 0;
 font-size: 104%;
 line-height: 1.2em;
}

div#topmain p.img {
 position: absolute;
 right: 0;
 bottom: 0;
 height="300"
}

/* スマホ用紹介文をPCでは隠す */
@media only screen and (min-width: 481px){

div#topmain p.txt2, .txt3 {
 display:none;/* */
}
}/* スマホ用紹介文をPCでは隠す 終 */

/* スマホ等での表示 */
@media only screen and (max-width : 480px){

div#topmain {
 margin: 60px auto 0 auto;
 width: 100%;
 text-align: center;
 padding-bottom: 16px;
}

div#topmain img.rogo {
 width: 300px;
}

div#topmain .txt2{
 font-size: 160%;
 font-weight: bold;
 margin: 12px auto;
}

div#topmain .txt3{
 font-size: 104%;
 line-height: 1.3em;
}

/* トップページの住所と写真 スマホでは下に表示のため一旦非表示 */
div#topmain p.add {
 margin:6px 0 12px 0;
 font-size: 96%;
 line-height: 1.2em;
 display:none;/* */
}

div#topmain p.img {
 text-align: center;
 display:none;/* */
}
}/* スマホ等　終 */
/* トップページ用社名と社屋のブロック 終　*/

/* PC用ナビブロック 詳細はmain_navi.cssへ記載 */

nav#head {
 margin: 12px auto;
 text-align:center;
 width: 1200px;
 z-index: 20;
 position: relative;
}

/* PC用ナビブロック スマホは表示しない */
@media only screen and (max-width : 480px){
nav#head {
 display:none;/* */
}
}/* スマホは表示しない 終 */


/* TOPページメイン写真3点 */
div#main_img {
 margin: 10px auto 0 auto;
 width: 1200px;
 height: 300px;
 position: relative;
}

div#main_img .img {
 filter: opacity(60%);
}

div#main_img p.txt2 {
 position: absolute;
 right: 20px;
 top: 16px;
 text-align: right;
 color: #FEFEFE;
 font-size: 2em;
 font-weight: bold;
 text-shadow: -2px -2px 0 #343f58,/*左上(-n, -n)*/ -2px -2px 0 #343f58,/*中央上(-n, 0)*/ -2px -2px 0 #343f58,/*右上(-n, n)*/
              0   -2px 0 #343f58,/*中央左(0, -1)*/       /*中央は表示文字*/           0  2px 0 #343f58,/*中央右(0, 1)*/
              2px -2px 0 #343f58,/*左下(1, -1)*/  2px 0 0 #343f58,/*中央下(1, 0)*/     2px 2px 0 #343f58;/*右下(-1, 1)*/
}
/* box-shadow: <横方向の位置> <縦方向の位置> <ぼかし> <色>; */

div#main_img p.txt3 {
 position: absolute;
 right: 20px;
 top: 68px;
 text-align: right;
 color: #FEFEFE;
 font-size: 1.2em;
 font-weight: bold;
 line-height: 1.3em;
 text-shadow: -1px -1px 0 #343f58,/*左上(-n, -n)*/ -1px -1px 0 #343f58,/*中央上(-n, 0)*/ -1px -1px 0 #343f58,/*右上(-n, n)*/
              0   -2px 0 #343f58,/*中央左(0, -1)*/       /*中央は表示文字*/           0  2px 0 #343f58,/*中央右(0, 1)*/
              2px -2px 0 #343f58,/*左下(1, -1)*/  2px 0 0 #343f58,/*中央下(1, 0)*/     2px 2px 0 #343f58;/*右下(-1, 1)*/
}