@charset "utf-8";
/* Text elements */
body { font-size:16px; text-align: center; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.4; -webkit-text-size-adjust : 100%; }
/*-------------------------------------------------------------------------------------*/
/*基本テキスト設定*　フォントサイズ16pxで100%　1px＝6.3％　/ メインカラー設定
/*-------------------------------------------------------------------------------------*/
body { color:#333; }
a { color: #666; text-decoration: none; }
a:hover { color:#069; text-decoration:underline;}
/*a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }*/
/*pの設定*/
p { text-align:left; }
p+p { margin-top:1em; }/*pが連続していたら、マージン*/

.c3_bg { height:250px;}
.postl {
	position: relative;
	display: block;
	overflow: hidden;
}


.postl_cnt {
	text-align: left;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	vertical-align: bottom;
	transition: .4s all ease;
}




.postl:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: -2px;
	left: 0;
	right: 0;
	background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.8) 100%);
	transition: .4s all ease;
	pointer-events: none;
}

.postl:hover:before {
	top: -30px;
}

.postl_cnt {		padding: 10px;	}
.postl_cnt:hover { color:#FFF;}
#research_summary a:hover { color:#FFF !important;}
	.postl:before {		top: 62%;	}
	.postl:hover:before {		top: 0;	}
	.postl:hover .postl_cnt {		padding-bottom:30px;	}


/*-------------------------------------------------------------------------------------*/
/*レイアウト設定*/
/*-------------------------------------------------------------------------------------*/
/*ページ全体*/
#wrapper { /*background:url(https://jqb-solutions.com/images/bg/body.gif) center center;*/ background-size: 100% auto; }
/*ディスクリプション設定*/
#description_wrap { background-color:rgba( 255, 255, 255, 0.8); color:#665933; font-size:12px; padding-top:3px; padding-bottom:3px; }/**/


/*ナビゲーション設定*/
#navigation_wrap { }
#navigation { width:634px;}/*ナビゲーションの背景*/
ul#menu-glnv {width:634px;}/*ナビゲーションの高さ*/

ul#menu-glnv>li { padding-top:5px; padding-bottom:5px; }/*ナビゲーションの高さをここで調節　リンク部分を広くするために必要*/
/*ナビゲーションを角丸にする場合はイキ
ul#menu-glnv>li:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
ul#menu-glnv>li:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px;}*/

ul#menu-glnv>li a { font-size: 14px; font-weight: bold; color:#003957; text-decoration:none; }/*ナビゲーションの文字*/
#menu-glnv > li a:hover { opacity:0.7; text-decoration:underline; }/*マウスオーバー時*/
#menu-glnv > li:hover > a { opacity:0.7; }/*ナビゲーションの文字にカーソルがある時の色*/
.current-menu-item { background-color:#F90;  border-radius: 15px;}/*ナビゲーションカレントの背景設定*/
.current-menu-item a { color:#FFF;}
/*ナビゲーション　プルダウンの設定*/
li ul.sub-menu { width:180px;}/*プルダウンの幅*/
li ul.sub-menu li a { color: #333; padding:20px;}/*プルダウンの文字の色*/
ul#menu-glnv>li { /*background:url(../images/parts/navi.png) no-repeat */}/*文字と文字の間の区切り線*/


.current-menu-item a { color:#FFF !important;}
.menu-item-109 { padding-left:10px}
.menu-item-109:after { display: inline-block; content: '\f107'; font-family: 'FontAwesome'; padding-right: 5px; color:#999;}




#keyvisual_wrap { position:relative; z-index:0;}
#keyvisual { height:627px; position:relative; z-index:10;}

#keyvisual2 { height:227px; position:relative; z-index:10;}
.english { background-color:#003957;  border-radius: 5px; color:#FFF;}
.english a { color:#FFF !important;}

/*-------------------------------------------------------------------------------------*/
/*タイトルデザイン設定
/*-------------------------------------------------------------------------------------*/
.design_title01 { background:url(/images/bg/design_title01_bg.png) bottom center no-repeat ; padding-bottom:20px; margin-bottom:20px; font-size:40px; font-weight: normal; text-align:center;}

.design_title02 { color:#333333; font-size:25px; background:url(../images/parts/line.gif) bottom center repeat-x; padding-bottom:10px; padding-top:10px; display:block; margin:15px auto; text-align:center; font-weight:bold; }

.design_title03 { color:#003333; font-size:23px; border-left:#003333 solid 3px; padding-left:10px; font-weight:bold; display:block; }


/*-------------------------------------------------------------------------------------*/
/*ボタン設定* 
/*-------------------------------------------------------------------------------------*/
.btn01 { display:inline-block; background: linear-gradient(#FF5976, #FF5976);/*上,下*/ border-radius: 40px; min-width:100px; padding-left:20px; padding-right:20px; }
.btn01 a { color:#FFF; text-decoration:none; cursor:pointer; font-weight: normal; }
.btn01 a:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
.btn02 { background:linear-gradient(#FF79B5, #FF79B5); font-size:14px; color:#FFF border-bottom:#534311 3px solid;
display:inline-block; text-align:center; border-radius:3px; cursor:pointer; padding-left:15px; padding-right:15px }
.btn02 a { color:#FFF; text-decoration:none; }
.btn02:hover { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
.btn02:before { content: url(../images/parts/btn.png); padding-right:7px; }


/*--------アーカイブ--------------------------------------------*/
.post_ct { background-color:#0C3;  border-radius: 6px; color:#FFF; font-weight:bold; font-size:12px; padding:5px;}
.post_time { } 



table.kougitable th { padding:5px; font-weight:bold; text-align:left;}
table.kougitable td {  padding:5px; text-align:left;}

/*第二階層*/
#main { width:1080px; margin-top:60px; margin-bottom:60px; }
#contents { width:770px; margin-left:auto; margin-right:auto; }
#contents02 { width:770px; float:left; overflow:hidden; }
#side { width:240px; float:right; overflow:hidden; }
.arrow_left { position: relative; background-color:rgba( 255, 255, 255, 0.6 ); }
.arrow_left:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color:rgba( 255, 255, 255, 0.6 ); border-width: 20px; margin-top: -20px; }
/*------オリジナル------------------------*/
.subt { color:#7DB9CD; font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif; }
.subt a { color:#7DB9CD; font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif; }
ul.footer_pig { border-top:#7DBACE solid 1px; text-align:left; }
ul.footer_pig li { color:#FFF; padding-top:10px; width:200px; }
ul.footer_pig li a { color:#FFF; }
a.btn-website:hover { background-color:#8a8a8a; color:#fff }
.border-01, .border-02, .border-03 { border-width:1px; border-style:solid }
.border-01 { border-color:#999 }
.border-02 { text-decoration:none; padding:5px 15px; border-color:#8a8a8a }
.border-03 { border-color:#ccc }
/*.bg-01{
    background:url(https://jqb-solutions.com/images/bg/bg-01.jpg)repeat;
}*/
.bg-02 { background:url(https://jqb-solutions.com/images/bg/bg-02.jpg) no-repeat; background-size:cover }
#company div:first-child { }

.news { width:20%; background-color:#999; padding-top:85px }
.news_post { padding:10px 0 }
.news_post li { padding:10px }
.media-post { padding:20px 0; position: relative; }
.media-post i.fa { margin-right: 5px; position: absolute; top: 29px; right: 0; }
.prod-title-01 { padding-left:70px; min-height:40px; background-image:url(https://jqb-solutions.com/images/prod-image-03-01.png); background-repeat:no-repeat; background-position:0 }
.prod-title-02 { padding-left:70px; min-height:40px; background-image:url(https://jqb-solutions.com/images/prod-image-03-02.png); background-repeat:no-repeat; background-position:0; padding-top:13px; padding-bottom:13px }
.prod-title-03 { padding-left:70px; min-height:40px; background-image:url(https://jqb-solutions.com/images/prod-image-03-03.png); background-repeat:no-repeat; background-position:0 }
input.form-control { height:35px }
button.btn-form { width:250px; height:35px; background-color:#fff; border-width:1px; border-color:#999; margin:10px auto auto; border-style:solid }
button.btn-form:hover { background-color:#999; color:#fff }
.pagination { display:inline-block }
.pagination a { color:#000; float:left; padding:2px 10px; text-decoration:none; transition:background-color .3s;
border:1px solid #ddd; margin:0 4px }
.pagination a.active { background-color:#999; color:#fff; border:1px solid #999 }
.pagination a:hover:not(.active) {
background-color: #ddd;
}
.btn-services { background-color:#FF5976; border-radius:50px; width:75% }
.visible-xs { display: none }
.display-lg { display: block; }
.col_0 { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap }
.col_0 { overflow:hidden }
.c2_0>li { width:50% }
.single #wrapper { background:url(https://jqb-solutions.com/images/bg/body.gif) center center; background-size:100% auto }
img.logo { z-index: 999; position: relative; }
section.lowerhead_product { top: -44px; position: relative; z-index: 1; background-image: url(https://jqb-solutions.com/images/bg/bg-head-01.jpg); height: 260px; }
section.lowerhead_service { top: -44px; position: relative; z-index: 1; background-image: url(https://jqb-solutions.com/images/bg/bg-head-02.jpg); height: 260px; }
section.lowerhead_company { top: -44px; position: relative; z-index: 1; background-image: url(https://jqb-solutions.com/images/bg/bg-head-03.jpg); height: 260px; }
section.lowerhead_contact { top: -44px; position: relative; z-index: 1; background-image: url(https://jqb-solutions.com/images/bg/bg-head-04.jpg); height: 260px; }
section.lowerhead_media { top: -44px; position: relative; z-index: 1; background-image: url(https://jqb-solutions.com/images/bg/bg-head-05.jpg); height: 260px; }
.lowerhead_ttl { padding-left: 20px; padding-top: 90px; }
.language li { background-color: #7dbace; padding: 5px 20px; color: white; font-size: 14px; margin-right: 0% !important; border-radius: 50px; }
.btn-services a { color: #FFF; text-decoration: none; cursor: pointer; font-weight: normal; }
.btn-services a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
table.t_design th { text-align:left; }
.ct_news { font-size:12px; border-radius: 10px; background-color:#7DBACE; color:#FFF; width:80px; padding:2px 10px; text-align:center; }
ul.sidelist li { padding:0 15px; padding-bottom:15px; margin-bottom:10px; border-bottom:#EEE dashed 1px; text-align:left; }

/*ＴＯＰページスライド設定*/
ul.yajiruisi { width:560px; margin-left:auto; margin-right:auto;}
ul.yajiruisi li { background:url(/images/2.png) no-repeat left center; text-align:left; padding-left:50px; margin-bottom:30px; font-size:18px;}




div.flow > table {width:100%; margin-bottom:10px; text-align:left;}
div.flow > table td {border-bottom:solid 1px #959595; padding:10px;}
div.flow > table th {border-bottom:solid 1px #959595; padding:10px; font-weight:normal; font-size:13pt; color:#ff7594; white-space:nowrap;}

 div.button-box {margin:20px 0;}
div.button-box a {text-decoration:none;}
div.button-box div.button {margin:0 auto; width:200px; line-height:30px; text-align:center; border:solid 1px #959595; background-color:#ff4594; color:#fff; border-radius:15px;}
 div.button-box div.button:hover {opacity:0.9}
div.button-box div.button:active {background:#ff4594; box-shadow:inset 0 3px 5px rgba(0, 0, 0, .2); color:#fff; text-shadow:0 1px 1px rgba(255, 255, 255, .3);}

div.contact {border:solid 1px #959595; padding:10px 30px; margin-bottom:30px;}
div.contact > div {border-top:solid 1px #959595; padding:20px 0;}
div.contact > div:first-child {border:none;}
div.contact a.btn_map {margin-left:10px; padding:2px 20px; border-radius:15px; text-decoration:none; color:#808080; border:solid 1px #999999; background-image:-webkit-linear-gradient(#e7e7e7 0%, #fefefe 100%); background-image:linear-gradient(#e7e7e7 0%, #fefefe 100%); transition:.4s;}
div.contact a.btn_map:hover {background-image:-webkit-linear-gradient(#fefefe 0%, #e7e7e7 100%); background-image:linear-gradient(#fefefe 0%, #e7e7e7 100%);}
div.contact > div.tel:after {content:""; display:block; clear:both; height:0px; overflow:hidden;}
div.contact > div.tel > div {float:left;}
div.contact > div.tel > div:nth-child(1) {padding-left:1em;text-indent:-1em; margin-right:30px;}
div.contact > div.tel > div:nth-child(2) {margin-top:-10px; height:26px;}
div.contact > div.fax:after {content:""; display:block; clear:both; height:0px; overflow:hidden;}
div.contact > div.fax > div {float:left;}
div.contact > div.fax > div:nth-child(1) { padding-left:1em;text-indent:-1em; margin-right:30px;}
div.contact > div.fax > div:nth-child(2) {margin-top:-25px; width:76px; height:76px; margin-right:20px;}
div.contact > div.fax > div:nth-child(3) {}
div.contact img {margin:20px 0;}
div.contact a.btn_map:hover {background-image:-webkit-linear-gradient(#fefefe 0%, #e7e7e7 100%); background-image:linear-gradient(#fefefe 0%, #e7e7e7 100%);}
div.contact > div.tel:after {content:""; display:block; clear:both; height:0px; overflow:hidden;}
div.contact > div.tel > div {float:left;}
div.contact > div.tel > div:nth-child(1) {padding-left:1em;text-indent:-1em; margin-right:30px;}
div.contact > div.tel > div:nth-child(2) {margin-top:-10px; height:26px;}
div.contact > div.fax:after {content:""; display:block; clear:both; height:0px; overflow:hidden;}
div.contact > div.fax > div {float:left;}

/* Contact us & Nursing care business Contact Us */
div.contact table {width:100%; margin:30px 0;}
div.contact table th {padding:20px 0; text-align:center; font-weight:normal; white-space:nowrap; background:#ffeaef; border:solid 1px #959595;}
div.contact table td {padding:20px; border:solid 1px #959595;}
div.contact div.submit {text-align:center; margin-bottom:30px;}
div.contact div.submit > button {width:150px; padding:5px;}
div.contact div.submit > button:nth-child(1) {margin-right:20px;}
div.contact input.company {width:300px; ime-mode:active;}
div.contact input.tanto, div.contact > form input.tantokana, div.contact > form input.kana, div.contact > form input.name, div.contact > form input.relation {width:250px; ime-mode:active;}
div.contact input.zip {width:90px; ime-mode:disabled;}
div.contact input.city, div.contact > form input.building {width:250px; ime-mode:active;}
div.contact input.tel, div.contact > form input.fax {width:130px; ime-mode:disabled;}
div.contact input.mail {width:300px; ime-mode:disabled;}
div.contact textarea.note {width:300px; height:100px; ime-mode:active;}


/*-------------------------------------------------------------------------------------*/
/*横幅縦幅、各種必要マージン設定*/
/*-------------------------------------------------------------------------------------*/
.width { width:1080px; margin-left:auto; margin-right:auto;}

#header { width:1080px; }

#footer { width:1080px;}

/*-------------------------------------------*/
/*	#フォーム
/*-------------------------------------------*/
form label { cursor:pointer; display:block; margin-bottom:10px;}
form input , form textarea {display:inline-block; height:auto; padding:10px 3px; font-size:14px; color:#555; vertical-align:middle; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
form select { padding:10px 3px;  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; border:1px solid #ccc; border-radius:4px;}
form input[type="submit"] { background-color:#09C; color:#FFF; font-weight:bold; border:none; min-width:100px;}
input:focus , input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus,textarea:focus , select:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }


.t_design p { margin:0 !important;}


.t_design { margin: 0 auto; border-collapse: separate; font-size: 12px; width:100%; color: #333;}
.t_design th, table.t_design td { padding: 10px; border:none; }
.t_design th { background: #EEE; vertical-align: middle; text-align: left; overflow: visible; position: relative; font-weight: bold; font-size: 15px; border-right:#FFF solid 2px; }
.t_design td { background: #f8f8f8; padding-left: 20px; text-align:left; }