@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, thead, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body {
color:#333;
font-size:14px;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.3;
-webkit-text-size-adjust: none;
}

/* リンク設定
------------------------------------------------------------*/
a{color:#1594fe;text-decoration:none;}
a:hover{color:#79bbff;}
a:active, a:focus {outline:0;}

/* 全体
------------------------------------------------------------*/
.contents{
margin:0 auto;
padding:0 1%;
width:98%;
position:relative;
background:#fff;
}
.inner{
margin:10px auto 0;
width:100%;
}
.bottom15{
margin-bottom:15px;
}
/*************
/* ヘッダー
*************/
#header{
height:80px;
/*margin-top:15px;*/
}
#header h1{
padding:5px 0 10px 10px;
font-size:12px;
font-weight:normal;
}
/*************
/* ロゴ
*************/
.logo{
float:left;
margin-left:17px;
line-height:17px;
}
.logo span{display:block;}
/*************
/* 電話番号
*************/
.info{
float:right;
padding-right:20px;
text-align:right;
line-height:17px;
}
.info .open{font-size:11px;}
/*************
/* ロゴ+電話番号
*************/
.logo,.info .tel{
margin-top:6px;
font-size:20px;
font-weight:bold;
line-height:17px;
}
.logo span,.info span{
color:#333;
font-size:.6em;
font-weight:normal;
}
/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{*margin:17px auto;
padding:0;
width:100%;
position:relative;
line-height:0;
}
#mainBanner img{
max-width:100%;
height:auto;
}
.slogan{
position:absolute;
max-width:100%;
height:auto;
bottom:10px;
left:10px;
padding:5px 10px;
line-height:1.4;
color:#fff;
background-color: rgba(0,0,0,0.4);
}
.slogan h2{
padding-bottom:5px;
font-size:20px;
color:#fff;
}
/*************
メイン コンテンツ
*************/
section.content article{
padding:20px;
margin-bottom:20px;
border:1px solid #ebebeb;
overflow:hidden;
font-size:14px;
}
* html section.content article{
height:1%;
}
section.content p{
margin-bottom:15px;
}
section.content img{
max-width:90%;
height:auto;
}
/*************
/* フッター
*************/
#footer{
clear:both;
overflow:hidden;
padding:10px 10px 20px 10px;
border-top:5px solid #79bbff;
margin-top:10px;
}
* html #footer{
height:1%;
}
#footer #info .logo, #footer #info .info{
float:none;
}
#footer #info .info{
clear:both;
padding:10px 0 0 15px;
text-align:left;
}
#footer .logo{
font-size:14px;
}
#footer .info .tel,#footer .info .tel span,#footer #info .open{
font-size:12px;
color:#333;
}
ul.footnav{
float:right;
width:635px;
padding:10px 0;
}
ul.footnav li{
float:left;
margin-bottom:10px;
padding:0 6px 0 5px;
font-size:12px;	
border-right:1px solid #b6b6b6;
}
#footer a{
color:#333;
}
#footer a:hover{
color:#333366;
}
address{
clear:both;
padding:15px;
text-align:center;
font-style:normal;
font-size:10px;
color:#000000;
background:#f2f2f2;
}
#logo{
	margin-top:20px;
}
#navi .navimenubox ul#menu li a{
display: block;
border-left: 1px solid #FFFFFF;
text-align: center;
}
#navi .navimenubox ul#menu  li.end a{
display: block;
border-right: 1px solid #FFFFFF;
text-align: center;
}
p.p2{
	line-height:200%;
}
p.p15{
	line-height:150%;
}
/* PC用
------------------------------------------------------------*/
@media screen and (min-width: 800px){
.menu_top_btn {
display: none;
}
#content {
margin: 0;
}
#menu {
display: block;
}
.slicknav_menu {
display: none;
}
#main, #sub {
float: none;
width: auto;
}
/*日付設定*/
#new dt {
float: none;
width: auto;
}
/*記事設定*/
#new dd {
border-bottom: 1px solid #d2d2d2;
padding-left: 0;
}
#header,#wrapper,.inner{
width: 960px;
padding: 0;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
margin-bottom: 5px;
}
#wrapper{
padding-bottom:20px;
}
a#menu{
display:none;
}
/*#mainBanner{margin-left:8px;}*/
/*#subpage #mainBanner{margin:15px auto;}*/
#main{
float:right;
width:667px;
padding-right:15px;
}
#sidebar{
float:left;
width:245px;
padding:15px 0 0 15px;
overflow:hidden;
}
#sidebar article{
padding:7px;
margin-bottom:20px;
border:1px solid #ebebeb;
overflow:hidden;
}
/* グリッド */
.gridfooter{
float:left;
width:300px;
margin-left:5px;
}
/*メニュー隠す*/
.example {
display: none;
}
}

@media screen and (max-width:800px){
#topspnavi{
position:fixed;
top:0;
width:100%;
z-index:2;
}
#header{
margin-top:54px;
}
#wrapper{
width: auto;
margin-right: 6px;
margin-left: 6px;
background:#fff;
}
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#sidebar{
padding-bottom:30px;
}
#sidebar article{
padding:7px 0;
}
#footer ul.footnav{
float:none;
width:100%;
text-align:center;
}
ul.footnav li{
float:none;display:inline-block;
}
#footer #info .info{
float:none;text-align:center;
}
#footer.logo,#footer .info{
width:100%;
float:none;
}	
#header{
height:auto;
padding-bottom:20px;
}
#header h1,.logo,.info{
text-align:center;
}
.logo,.info{
clear:both;
width:100%;
float:none;
margin:0;
}
/*追加*/
body {
text-align: left; -ms-text-justify: auto; -ms-overflow-y: scroll; min-width: 0px; 
}
.onlyPC {
display: none;
}
.onlySP {
display: block;
}
/*変更*/
#header {
padding: 0px 10px; 
height: auto; 
}
#header .inner {
margin: 0px; width: 100%;
}
#header > .inner .inner {
display: none;
}
#logo img {
max-width:780px;
width: 100%;
margin-top:15px;
}
#body {
padding: 0px;
}
#body > .inner {
margin: 0px; width: auto; padding-right: 10px;
}
#body > .inner #main {
width: 100%; padding-top: 15px; float: none;
}
#body > .inner #sub {
padding: 15px 10px; width: auto; margin-right: -10px; float: none; background-color: rgb(255, 255, 255);
}
#body > .inner #main > .w75.wrapper {
width: 100% !important; clear: left !important; float: none;
}
#body > .inner #main > .w50.wrapper {
width: 100% !important; clear: left !important; float: none;
}
#body > .inner #main > .w25.wrapper {
width: 50% !important;
}
#body > .inner #main > .w25.wrapper a.textButton {
width: calc(100% - 10px);
}
#body > .inner #main > .w25.wrapper a.imageButton {
width: calc(100% - 10px);
}
.w75 {
width: calc(100% - 10px) !important; clear: left !important; float: none;
}
.w50 {
width: calc(100% - 10px) !important; clear: left !important; float: none;
}
.w25 {
width: calc(50% - 10px) !important; float: left;
}
.mb10 {
margin-bottom: 5px !important;
}
.mb20 {
margin-bottom: 10px !important;
}
.mb30 {
margin-bottom: 15px !important;
}
.mb40 {
margin-bottom: 20px !important;
}
.mb50 {
margin-bottom: 25px !important;
}
.mb60 {
margin-bottom: 30px !important;
}
.mb70 {
margin-bottom: 35px !important;
}
.mb80 {
margin-bottom: 40px !important;
}
.mb90 {
margin-bottom: 45px !important;
}
#footer .inner {
	width: auto;
}
/*ここまで*/

#navi {
display: none;
}
/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub {
float: none;
width: auto;
}
/*テスト*/
ul.example {
margin: 0;
padding: 0;
list-style-type: none;
}
ul.example li {
float: left;
width: 50%;

padding: 2px;
border: 1px #ffb366 solid;
background-color: #fffdee;
text-align: center;
}
.clearLeft { 
clear: left; 
}
/*ここまで*/
}


/* スマートフォン 縦(ポートレート) */
@media screen and (max-width:480px){
	
/*#logo {
display: none;
}*/
#logo img {
width: 100%;
margin-top:15px;
}
}
#navi {
position: relative;
margin: 1em 0;
height: 45px;
background-color: #1594fe;
/*背景色（古いブラウザだとここの色のみが出ます）*/
background-image: -webkit-linear-gradient(#1594fe 1%, #79bbff 30%, #1594fe 90%);
/*グラデーション*/
background-image: linear-gradient(#1594fe 1%, #79bbff 30%, #1594fe 90%);
padding-left:auto;
padding-right:auto;
}
.navimenubox {
width:960px;
margin-left:auto;
margin-right:auto;
} 
#menu {
display: block;
/* margin: 0;
padding: 0;*/
}
#menu li {
font-size: 14px;
height: 45px;
float: left;
width: 160px;
text-align: center;
position: relative;  /*z-indexの指定や子要素の基準とするために指定*/
z-index: 1;  /*ドロップダウンしたメニューが隠れないように*/
font-weight: bold;
line-height: 45px;
}
#menu li.end {
font-size: 14px;
height: 45px;
float: left;
width: 160px;
text-align: center;
position: relative;  /*z-indexの指定や子要素の基準とするために指定*/
z-index: 1;  /*ドロップダウンしたメニューが隠れないように*/
font-weight: bold;
line-height: 45px;
}
#menu li a {
padding-top: 0;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
border-top: none;
border-right: none;
background: none;
color: #FFFFFF;
display: inline-block;
margin: auto;  /*text-shadow: -1px 1px rgba(255, 255, 255, 0.8);*/
}
#menu li a:hover {
background: none;
color: #97C1F3;
text-decoration:none;
}
#menu li a:active {
color: #5687F8;
}
#menu li ul.sub-menu {
display: none;  /*サブメニューは最初は非表示にしておく*/
position: absolute;  /*絶対配置にしておかないとうまくいかない*/
top: 45px;
background-color: #1594fe;
/*背景色（古いブラウザだとここの色のみが出ます）*/
background-image: -webkit-linear-gradient(#1594fe 1%, #79bbff 30%, #1594fe 90%);
/*グラデーション*/
background-image: linear-gradient(#1594fe 1%, #79bbff 30%, #1594fe 90%);
}
#menu li:hover ul.sub-menu {
display: block;    /*マウスオーバー時にサブメニューを表示する*/
}
#menu li ul.sub-menu li {
float: none;  /*サブメニューはフロートさせないので解除*/
height:45px;
border-top: 1px solid #FFFFFF;
}
/*背景色などのカスタマイズ*/
.slicknav_nav li {
border-top: 1px solid #FFFFFF;
}
.slicknav_menu {
background-color: #1594fe !important;
}
.slicknav_menu .slicknav_icon-bar {
background-color: #FFFFFF !important;
}
.slicknav_menu a:hover {
color: #FFFFFF !important;
}
.slicknav_btn {
background-color: #79bbff !important;
}
.slicknav_nav .slicknav_row:hover {
background: #45B1A3 !important;
}
.slicknav_nav a:hover {
background: #45B1A3 !important;
}
i.fa {
font-size: 18px;
}
i.fa.fa-caret-right {
display: none;
}
/*ここから全部css貼り付け*/
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
margin: 0px;
padding: 0px;
}
ul{
list-style-type: none;
}
img {
border: none;
}
input,textarea,select {
font-size: 1em;
}
form {
margin: 0px;
}
table {
border-collapse:collapse;
font-size: 100%;
border-spacing: 0;
}
/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
color: #1594fe;	/*リンクテキストの色*/
}
a:hover {
color: #79bbff;			/*マウスオン時の文字色（全体）*/
text-decoration: underline;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}
/*ヘッダーh1タグ（サイト名ロゴ）
---------------------------------------------------------------------------*/
header h1 {
font: 30px 'Aldrich', sans-serif;
padding: 10px 0px 10px 20px;
}
header h1 a {
color: #000;
text-decoration: none;
}
/*コンテンツ（main,sub,footerを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
clear: left;
padding-top: 20px;
}
/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
float: left;	/*左側に回り込み*/
width: 620px;	/*メインコンテンツ幅*/
margin-bottom:20px;
}
/*mainコンテンツのsectionの１階層下のh1タグと、company,service2,contact,recruitのarticleのh1タグの設定*/
#main section > h1,
#main article > h1 {
background-color: #1594fe;
/*背景色（古いブラウザだとここの色のみが出ます）*/
/*background-image: -webkit-linear-gradient(#1594fe 1%, #79bbff 30%, #1594fe 90%);*/
/*グラデーション*/
/*background-image: linear-gradient(#1594fe 1%, #79bbff 30%, #1594fe 90%);*/
border-radius: 6px;	
height:30px;
line-height:30px;
box-shadow: 0px 2px 5px #bebebe;			
font-size: 130%;
color: #FFF;
padding: 0px 0px 0px 15px;
clear: both;
margin-bottom:10px;
}
/*mainコンテンツの段落タグ設定*/
#main p {
padding: 0.5em 10px 1em;
}
/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
float: right;	/*右側に回り込み*/
width: 320px;	/*サブコンテンツ幅*/
text-align:center;
}
/*subコンテンツ内のh1タグ設定*/
#sub h1 {
border: 1px solid #CCC;	/*枠線の幅、線種、色*/
border-radius: 6px 6px 0 0;	/*角丸のサイズ。それぞれ左上、右上、右下、左下への設定*/
font-size: 100%;
text-align: center;
padding: 5px 0px;
background-color: #e3e3e3;	/*背景色*/
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3));	/*グラデーション*/
background-image: -webkit-linear-gradient(#FFF, #e3e3e3);	/*同上*/
background-image: linear-gradient(#FFF, #e3e3e3);			/*同上*/
}
/*subコンテンツの段落タグ設定*/
#sub p {
padding-right: 10px;
padding-left: 10px;
}
/*サブコンテンツ内のul(関連情報メニュー)タグ
---------------------------------------------------------------------------*/
/*メニューブロック全体の設定*/
#sub ul {
margin-bottom: 1em;
}
/*メニュー１個ごとの設定*/
#sub ul li a {
text-decoration: none;
display: block;
border-right: 1px solid #CCC;	/*右側の線の幅、線種、色*/
border-bottom: 1px solid #CCC;	/*下側の線の幅、線種、色*/
border-left: 1px solid #CCC;	/*左側の線の幅、線種、色*/
padding-left: 10px;
-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
transition: 0.5s;			/*同上*/
}
/*マウスオン時の設定*/
#sub ul li a:hover {
background-color: #f0f0f0;
}
/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl{
/*overflow: auto;*/	/*高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
height: auto;
padding-left: 10px;
/*line-height: 200%;*/
}
/*日付設定*/
#new dt {
float: left;
width: 8em;
background-image:url(../images/bud.png);
background-repeat: no-repeat;
background-position:0pt 1pt;
padding-left:20px;
margin-bottom:8px;
}
/*日付設定*/
#new dt_r {
float: left;
width: 8em;
background-image:url("../images/bud_r.png");
background-repeat: no-repeat;
background-position:0pt 1pt;
padding-left:20px;
margin-bottom:8px;
}
/*記事設定*/
#new dd {
border-bottom: 1px solid #d2d2d2;	/*下線の幅、線種、色*/
padding-left: 9em;
padding-bottom:10px;
margin-bottom:10px;
}
#new dd img {
vertical-align: middle;
}
/*トップページのメイン画像
---------------------------------------------------------------------------*/
#mainimg img {
border-radius: 6px;	/*画像の角を丸くする設定*/
-webkit-box-shadow: 0px 2px 5px #bebebe;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
box-shadow: 0px 2px 5px #bebebe;			/*同上*/
margin-bottom: 10px;
}
/*service.html内の製品紹介の各ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main section.list article {
border: 1px solid #CCC;	/*枠線の幅、線種、色*/
border-radius: 6px;		/*角丸のサイズ*/
margin-bottom: 1em;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3));	/*グラデーション*/
background-image: -webkit-linear-gradient(#FFF, #e3e3e3);	/*グラデーション*/
background-image: linear-gradient(#FFF, #e3e3e3);			/*グラデーション*/
-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 1px 1px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・色を設定*/
box-shadow: 0px 2px 5px #CCC, 0px 0px 1px 1px #FFF inset;	/*同上*/
}
/*ボックス内の段落タグ設定*/
#main section.list article p {
padding: 0px;
margin-left: 220px;	/*左の写真とのバランスをとって設定*/
}
/*ボックス内の写真設定*/
#main section.list article figure img {
float: left;	/*画像を左へ回り込み*/
background-color: #FFF;	/*画像の背景色。ここでは枠線と画像の間の色になります。*/
padding: 5px;	/*余白。ここに上の行で設定した背景色が出ます。*/
border: 1px solid #CCC;	/*枠線の幅、線種、色*/
vertical-align: bottom;
}
/*ボックス内のh1タグ設定*/
#main section.list article h1 {
font-size: 100%;
border-bottom: 1px solid #CCC;	/*下側の線の幅、線種、色*/
border-left: 3px solid #000;	/*左側の線の幅、線種、色*/
margin-bottom: 0.5em;
color: #000;
padding: 0px 0px 0px 5px;
}
/*リンク設定*/
#main section.list article a {
padding: 10px;	/*ボックス内の余白*/
text-decoration: none;
display: block;
overflow: hidden;
-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
transition: 0.5s;			/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
}
#main section.list article a:hover {
background-color: #ebdeab;	/*マウスオン時のボックス色*/
}
/*その他
---------------------------------------------------------------------------*/
.clear {
clear: both;
}
.c {
text-align: center;
}
img {
max-width: 100%;
height: auto;
}
/*ここからタブレット用（481px～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:800px){
/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub {
float: none;
width: auto;
}
}
/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){
/*ヘッダーh1タグ（サイト名ロゴ）
---------------------------------------------------------------------------*/
header h1 {
font: 24px 'Aldrich', sans-serif;
text-align: center;
}
/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub {
float: none;
width: auto;
}
#main p {
padding: 0;
}
#sub ul li a {
padding: 10px;
}
/*ブロック全体の設定*/
#new {
margin-bottom: 1em;
}
#new dl {
height: auto;
padding-left: 0;
font-size:14px;
}
/*日付設定*/
#new dt {
float: none;
width: auto;
}
/*記事設定*/
#new dd {
border-bottom: 1px solid #d2d2d2;
padding-left: 0;
}
}

/*ページトップ*/
.pagetop {
display: none;
position: fixed;
bottom: 40px;
right: 15px;
}
.pagetop a {
display: block;
background-color: #1594fe;
text-align: center;
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
padding: 5px 10px;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.6;
}
.pagetop a:hover {
display: block;
background-color: #79bbff;
text-align: center;
color: #fff;
font-size: 12px;
text-decoration: none;
padding:5px 10px;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}




a.btn {
	display: block;
	width: 100% !important;
	padding: 8px 0 7px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	background:#1594fe;

}

a.btn span {
	padding: 0 0 0 25px;
	background: url(../images/arw_down_off.png) no-repeat 0 center;
}

a.btn:hover {
	background: #fff;
	color: #1594fe;
	padding: 7px 0 6px;
	border: 1px solid #1594fe;
}
a.btn:hover span {
	padding: 0 0 0 25px;
	background: url(../images/arw_down_on.png) no-repeat 0 center;
}

a.btn_close {
	display: block;
	width: 100% !important;
	padding: 8px 0 7px;
	background: #1594fe;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
}

a.btn_close span {
	padding: 0 0 0 25px;
}

a.btn_close:hover {
	background: #fff;
	color: #1594fe;
	padding: 7px 0 6px;
	border: 1px solid #1594fe;
}

a.btn_close:hover span {
	padding: 0 0 0 25px;
}

a.btn02 {
	display: block;
	width: 100% !important;
	padding: 8px 0 7px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	background:#1594fe;

}

a.btn02 span {
	padding: 0 25px 0 0;
	background: url(../images/arw_white.png) no-repeat right 4px;
}

a.btn02:hover {
	background: #fff;
	color: #10509D;
	padding: 7px 0 6px;
	border: 1px solid #1594fe;
}
a.btn02:hover span {
	padding: 0 25px 0 0;
	background: url(../images/arw_b.png) no-repeat right 4px;
}


<style> 
 #read_text {
    overflow-y:hidden;
  }
  </style>