@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; }
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が連続していたら、マージン*/
/*-------------------------------------------------------------------------------------*/
/*レイアウト設定*/
/*-------------------------------------------------------------------------------------*/
/*ページ全体*/
#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; }/**/

/*キービジュアル背	景設定*/


#keyvisual_wrap { background: url(/images/bg/keyvisual_wrap2.jpg) repeat-x bottom center; }
.home #keyvisual_wrap { background: url(/images/bg/keyvisual_wrap.jpg) repeat-x bottom center; }


/*ヘッダ設定*/
#header_wrap { background:url(/images/bg/header_wrap.png) }/*ヘッダー*/
/*ナビゲーション設定*/
#navigation { width:500px; }/*ナビゲーションの背景*/
ul#menu-glnv { height:77px; }/*ナビゲーションの高さ*/
ul#menu-glnv>li a { font-size: 14px; font-weight: bold; color:#3F7E85; text-decoration:none; }/*ナビゲーションの文字*/
#menu-glnv > li a:hover { color: #069; text-decoration:underline;}/*マウスオーバー時*/
#menu-glnv > li:hover > a { opacity:0.7; }/*ナビゲーションの文字にカーソルがある時の色*/
.current-menu-item a { }/*ナビゲーションカレントの背景設定*/
/*ナビゲーション　プルダウンの設定*/
li ul.sub-menu { width:180px; height:500px;}/*プルダウンの幅*/
li ul.sub-menu li a { color: #333 !important; padding:20px;}/*プルダウンの文字の色*/
ul#menu-glnv>li { background:url(../images/parts/navi.png) no-repeat }

/*キャッチコピー設定*/
#keyvisual { height:270px;}

#keyvisual-top {width: 1080px;margin: auto;}
#keyvisual {width: 1080px;margin: auto;}
#keyvisual-top { height:462px;}

@media screen and (min-width: 1400px)  {
.home #keyvisual_wrap {background-size: cover;}
#keyvisual_wrap {background-size: cover;}
#keyvisual-top { height:550px}
#keyvisual { height:280px}
}







/*ループコンテンツ設定*/
.home .editcontents { margin-top:60px; }
/*フッター設定*/
#footer_wrap { }
#footer {  }
/*#footer { background:url(https://jqb-solutions.com/images/bg/bg002.png);}*/
#main { }
#side { }
#copy { }
/*-------------------------------------------------------------------------------------*/
/*タイトル設定
/*-------------------------------------------------------------------------------------*/
.design_title01 { /*background:url(https://jqb-solutions.com/images/bg/design_title01.gif) center bottom no-repeat; */padding-bottom:20px; margin-bottom:20px }
.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; }
/*-------------------------------------------------------------------------------------*/
/*パンくず設定
/*-------------------------------------------------------------------------------------*/
.pankuzu_sub { color:#666; font-size:12px; }
.pankuzu_main { color:#FFF; font-size:20px; }
/*-------------------------------------------------------------------------------------*/
/*横幅縦幅、各種必要マージン設定*/
/*-------------------------------------------------------------------------------------*/
.block { width:1080px; }
.pagewidth { width:1080px; }
#description { width:1080px; }
#header { width:1080px; }
#keyvisual { width:1080px; }
/*#footer { width:1080px;}*/

/*-------------------------------------------*/

dl.qa { width:850px; margin:0 auto; text-align:left; }
dl.qa dt { margin-bottom:15px; }
.qna { color:#104503; font-size: 2em; }
dl.qa dd { background-color: #fffcbd; background-size: auto 100%; height: auto; text-align:center; padding:15px; color:#d86b0b; font-size:16px; text-align:center; /*height: 115px; margin-bottom:60px;*/ position: relative; width: 100%; margin-bottom:40px; }
dl.qa dd:after { content: ' '; height: 0; position: absolute; width: 0; border: 20px solid transparent; border-bottom-color: #fffcbd; bottom: 100%; left: 8%; margin-left: -20px; }
/*第二階層*/
#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;}

.splogo { margin-top:10px; margin-bottom:10px;}


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;}