@charset "UTF-8";

/* ///////////////////////////////////////////////////////// */

/* 基本タグ */

p, dl{
	margin:0 30px;
}

ul, ol{
	margin:10px 25px;
}

/* 電話番号リンク PC版で指マークを出さない */

a[href^="tel:"]{
	cursor: default;
	pointer-events:none;
}

/* iPad対策 */

@media screen and (min-width:750px) and (max-width:999px)
{
	body{
		min-width:1000px;
		zoom:0.75;
	}
}

/* IE10以前対策 zoom適用させない */

body{
	min-width:auto\9;
	zoom:1\9;
}

/* IE11対策 zoom適用させない */

@media all and (-ms-high-contrast: none){
	body{
		min-width:auto;
		zoom:1;
	}
}

/* ///////////////////////////////////////////////////////// */

a:hover{
	color:#FF9326 !important;
}

a:hover img{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:0.7;
}

/* ///////////////////////////////////////////////////////// */
/* ヘッダ */

header, section{
	width:1000px;
	margin:0 auto;
}

h1{
	padding:5px 15px 5px 20px;
}

header h1, header #sub_header{
	float:left;
}

header h1{
	width:540px;
	margin:12px 0;
}

header #sub_header{
	width:460px;
	padding-top:8px;
}

header:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:" ";
}



/* ヘッダ 検索 */

#search_form{
	width:258px;
	height:27px;
	background:url("../images/bg_search.png") no-repeat;
}

#search_form p{
	margin:0;
}

#search_form p:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:" ";
}

#search_form input{
	border:0;
	background:none;
}

#search_form input[type="text"]{
	width:231px;
	height:27px;
	padding:0 7px;
	color:#000;
	float:left;
}

#search_form input[type="text"]:-ms-input-placeholder{
	color:#999;
}

#search_form input[type="submit"]{
	width:27px;
	height:27px;

	font-size:1px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	float:left;
}

/* ヘッダ コンテンツ */

header a.phone_number{
	display:inline-block;
	margin-left:5px;
}


/* ヘッダ カタログ請求 */

header{
	position:relative;
}


/* ///////////////////////////////////////////////////////// */

#topnav nav ul li{
	width:20%;
	float:left;
}

#topnav nav ul li a{
	padding:18px 0;
	text-align:center;

	display:block;
	padding:;

	color:#fff;

	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#topnav nav ul li a:hover{
	background-color:#01406D;
	color:#fff !important;
}

/* ///////////////////////////////////////////////////////// */
/* 画面右上部 */

div#request_catalog{
	margin:0;
	top:0;
	left:824px;
	position:absolute;
}

div#request_catalog p{
	width:200px;
	margin:0 0 0 auto;
}

div#request_catalog p a, div#request_catalog p:after{
	width:170px;
	height:44px;
	line-height:44px;

	text-indent:-9999px;
	overflow:hidden;
}

div#request_catalog p {
	position: relative;
	color: #fff;
	-webkit-perspective:170px;
	perspective:170px;
	cursor:pointer;
}

div#request_catalog p a,
div#request_catalog p:after {
	width:170px;
	display:block;

	text-align:center;

	color:#fff;
	font-weight:bold;
	position: absolute;

	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -22px;
	-ms-transform-origin: 50% 50% -22px;
	transform-origin: 50% 50% -22px;

	background-image:url("../images/b_siryo.png");
}

div#request_catalog p:after {
	top: 0;
	left: 0;
	background-color:#ff9326;
	color: #fff;
	background-repeat:no-repeat;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	content: "カタログ請求";
}

div#request_catalog p:hover a{
	background-color:#ff9326;
	color:#fff !important;

	background-repeat:no-repeat;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	z-index: 2;
}

div#request_catalog p:hover:after {
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	z-index: 1;
}


/* バクちゃん 右下固定アニメーション */

div#request_catalog_animation{
	display:block;
}

/* サポートページでは表示しない */
body#forUser div#request_catalog_animation{
	display:none;
}
/* */

div#request_catalog_animation a{
	margin:0;

	bottom:30px;
	right:-250px;
	position:fixed;

	background-image:url("../images/smp/baku_contact.png");
	background-repeat:no-repeat;
	background-size:183px 179px;

	width:183px;
	height:179px;
	display:block;

	text-indent:-9999px;
	overflow:hidden;
	z-index:100;
}

div#request_catalog_animation p{
	margin:0;
}

/* ///////////////////////////////////////////////////////// */

#all{
	width:100%;
}

/* ///////////////////////////////////////////////////////// */

#index #topnav{
	padding-bottom:25px;
}

#topnav{
	background-color:#0168B7;
}

#topmenu_nav{
	width:1000px;
	margin:0 auto;
}

/* ///////////////////////////////////////////////////////// */
/* イメージショー */

#top_screen{
	width:100%;
	margin:0 auto;
	text-align:center;

	position:relative;
}

#top_screen #image_screen,
#top_screen #image_screen .show_image{
	width:100%;
	height:500px;
	margin:0 auto;
}

#top_screen #image_screen .show_image{
	top:0;
	left:0;
	position:absolute;

	background-position:50% 0;
	background-repeat:no-repeat;
	display:none;
}

ul#changerSelector{
	top:375px;
	position:relative;
	list-style-type:none;
}

ul#changerSelector li{
	font-size:120%;
	display:inline-block;
	padding:2px;
	margin:0 5px;

	cursor:pointer;
	color:#777;
}

ul#changerSelector li#currentOption{
	color:#000;
}

/* トップメニュー Qubeの主機能ナビ */

/* 画像ショーより上に要素を置くためにposition:absolute;を設定 */

#topnav #qube_functions{
	margin-top:-88px;
	margin-bottom:-143px;

	width:100%;
	top:500px; /* 画像ショーの分 */
	position:absolute;
}

#topnav #qube_functions:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:" ";
}

#topnav #qube_functions ul{
	width:1000px;
	margin:0 auto;
	padding:0 20px 0 0;
	list-style-type:none;
	font-size:95%;
}

#topnav #qube_functions li{
	width:306px;
	margin:0 0 0 20px;

	border:none;
	float:left;

}


#topnav #qube_functions li{
	height:230px;
	background:rgba(230,247,255,0.8);
	border-bottom:solid #0168B7 3px;
	text-align:left;
}

#topnav #qube_functions p.whatToDo{
	background:url("../images/top_serif.png") no-repeat;
	color:#fff;
	display:inline-block;
	width:120px;
	height:29px;
	margin:8px;
	padding:1px;
	font-size:95%;

	text-align:center;
}

#topnav #qube_functions h2{
	color:#0168B7;
	font-size:150%;

	font-weight:normal;
	text-align:left;
}

#topnav #qube_functions h2{
	margin:0 0 12px 30px;
}

#topnav #qube_functions p{
	margin-left:30px;
	margin-right:20px;
	text-align:left;
	line-height:1.6;
}


#bakuchan{
	width:1000px;
	height:1px;
	margin:0 auto;
	text-align:left;

	position:relative;
}

#bakuchan p img{
	top:-380px;
	left:685px;
	position:absolute;
	display:block;
}

/* */

#smp_top_screen{
	display:none;
}

/* */

body#index #main_contents{
	background-color:#ccc;
}

#main_contents{
	background-color:;
	font-size:120%;
}

p#salespoint{
	margin:10px 0;
}



/* 導入事例スライダー */

div#casestudy{
	margin:0 0 40px;
	padding:20px 0;

    display: flex;
}

.prev-arrow {
  left: -45px;
}

.next-arrow {
  right: -45px;
}

div#casestudy_container{
	width:1020px;

	margin:0 auto;

    display: flex;
}

div#casestudy a.card{
	display:block;

	width:430px;
	height:248px;
	line-height:1.6;

	margin:0 10px;
	background-color:#fff;

	position:relative;
}

div#casestudy .case_content{
    display: flex;
}

div#casestudy .card .text{
	padding:10px 5px 10px 15px;
}

div#casestudy .card .case_image{

}

div#casestudy a.card:hover{
	color:#111 !important;
	opacity:0.8;
}

div#casestudy .card h2{
	margin:0 0 20px;
	color:#123459;
	font-size:150%;
	line-height:1.2;

	text-align:left;
}

div#casestudy .card p{
	margin:0;
	font-size:70%;
}

div#casestudy p.case_name{

	padding:5px 10px 5px 0;

	font-size:55%;

	bottom:5px;
	left:15px;
	position:absolute;
	display:inline-block;

	color:#123459;
	background:rgba(255,255,255,0.7);

	z-index:1;
}

.slick-initialized .slide-arrow{
	cursor:pointer;
}



/* ページメイン部分 共通セクション */



.outer_section{
	max-width:1750px;
	margin:0 auto;
	background-color:#f5f5f5;
}

#index .outer_section{
	padding-top:125px;
}

#main_contents .outer_section section{
	background-color:#fff;
	border-bottom:solid #bbb 4px;

	margin-top:20px;
	margin-bottom:20px;
	padding:20px 0 40px;

	letter-spacing:2px;
}

#main_contents .outer_section section.pickup{
	border-bottom:0;
}

#main_contents .outer_section section.pickup div.inner{
	width:1000px;
	margin:0 auto;
}

#index section.standard_contents h2,
#all_page section.standard_contents h3{
	width:940px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	padding-bottom:20px;

	background:url("../images/bar1.png") 50% 100% no-repeat;
}

p.service_image{
	margin:30px 0 50px;
}

/* 各セクション */

section#reservation .inner .explanation{
	top:-150px;
	position:relative;
	margin-bottom:-150px !important;
}

section#voice_reservation{
	background-image:url("../images/c_voice.png");
	background-position:100% 0;
	background-repeat:no-repeat;
	min-height:420px;
}

section#voice_reservation .inner{
	width:690px;
}


section#touch_panel{
	padding-bottom:0 !important;
}

section#touch_panel p.service_image{
	float:right;
	top:-40px;
	position:relative;
	margin-bottom:-30px;
}

section#touch_panel .inner:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:" ";
}


section#united_design h2{
	background:url("../images/bar3.png") 50% 100% no-repeat !important;
	color:#eb4e99 !important;
}


section#qube_interface h2{
	background:url("../images/bar2.png") 50% 100% no-repeat !important;
}


section#data_linking{
	margin-top:0 !important;
	border-bottom:0 !important;
	background:url("../images/c_data1.png") 50% 0 no-repeat;
	background-size:cover;
	/*height:704px;*/
}

section#vaccination,
section#sick_child{
	padding-top:20px !important;
}

section#vaccination h2,
section#sick_child h2{
	background:none !important;
	margin-bottom:60px !important;

	color:#fff462 !important;
}

section#vaccination .inner,
section#sick_child .inner{
	color:#fff;
}

section#vaccination{
	background:url("../images/c_vaccination2.png") 50% 0 no-repeat;
	background-size:cover;
	height:360px;
}

section#sick_child{
	background:url("../images/c_child2.png") 50% 0 no-repeat;
	background-size:cover;
	height:360px;
}

section#vaccination .inner,
section#sick_child .inner{
	width:680px;
	margin-top:40px;
}





/* 下部ニュース */



#information{
	width:1000px;
	margin:0 auto;
}

#information:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:" ";
}





section.latest_information{
	padding-top:40px !important;
	padding-bottom:120px !important;

	margin-bottom:0 !important;
}

section.latest_information h2{
	text-align:left !important;
	padding:20px 30px !important;
	font-size:160% !important;
}

section.latest_information div.news,
section.latest_information div.exhibitions{
	width:485px;
	min-height:400px;

	float:left;
	list-style-type: none;
}

section.latest_information div.news{
	margin-right:30px;
}

section.latest_information div.news,
section.latest_information div.exhibitions{
	border-bottom:solid #aaa 4px;
}


section.latest_information .footer_info_header:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:" ";
}


section.latest_information .footer_info_header h2,
section.latest_information .footer_info_header ul{
	width:242px !important;
	height:85px;
	float:left;
}

section.latest_information .footer_info_header h2{
	margin-bottom: 30px !important;
	border-bottom:solid #0168B7 3px;
}

section.latest_information .footer_info_header ul{
	list-style-type:none;
	text-align:right;
	font-size:75%;
	margin:0;
	padding-right:15px;
	border-bottom:solid #fff 3px;
}

section.latest_information .news .footer_info_header ul{
	padding-top:45px;
}

section.latest_information .exhibitions .footer_info_header ul{
	padding-top:25px;
}

section.latest_information .footer_info_header ul li a{
}



section.latest_information .footer_info_body dl{
	margin-right:0;
	margin-left:0;
	font-size:75%;
}

section.latest_information .footer_info_body dt,
section.latest_information .footer_info_body dd
{
	padding-right:20px;
	padding-left:30px;
}

section.latest_information dl dd{
	border-bottom:solid #fff 1px;
}

section.latest_information dl dt{
	margin-top:15px;
}

section.latest_information dl dt:nth-of-type(1){
	margin-top:0;
}

section.latest_information dl dd{
	padding-bottom:10px;
}



/* フッタ ナビ */

footer{
	margin-top:40px;
}

body#index footer{
	margin-top:0;
}

#footer_nav .sitemap{
	width:1000px;
	margin:0 auto;
	padding:30px 10px;
}

#footer_nav .sitemap:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:" ";
}


#footer_nav .sitemap dl{
	width:196px;
	float:left;
	margin:0;
}

#footer_nav .sitemap dt{
	border-left:solid #0168B7 2px;
	font-weight:bold;
	color:#616161;

	font-size:115%;
	padding:0 0 0 8px;

	margin-top:30px;
	margin-bottom:10px;
}

#footer_nav .sitemap dl dt:nth-of-type(1){
	margin-top:0;
}

#footer_nav .sitemap dd{
	font-size:90%;
}





/* フッタ コンテンツ */


footer #footer_contents .inner{
	width:1000px;
	margin:0 auto;
	padding:30px 0 20px;
}


footer #footer_contents .inner:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:" ";
}


footer #footer_contents p#footer_logo,
footer #footer_contents address{
	margin:0;
	float:left;
}

footer #footer_contents p#footer_logo{
	width:550px;
	padding-top:30px;
	padding-left:5px;
}

footer #footer_contents address{
	width:450px;
}

footer #footer_contents address p{
	margin-right:0;
}

footer .numbers img.phone_image{
	vertical-align:top;
	padding-top:1px;
}

footer span.fax_number{
	float:right;
	margin-right:5px;
	margin-top:15px;
}

footer p.branches{
	padding-right:5px;
}

footer #footer_buttons ul{
	width:1000px;
	margin:0 auto;
}

footer #footer_buttons ul:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:" ";
}

footer #footer_buttons ul li{
	float:left;
}

footer #footer_buttons a{
	width:485px;
	height:65px;
	font-size:135%;
}

footer #footer_buttons li.demo a{
	line-height:65px;
	padding-left:60px;

	background-image:url("../images/bg_mail.png");
	background-repeat:no-repeat;
	background-position:30px 50%;
}

footer #footer_buttons li.support a{
	margin-left:15px;
}

footer #footer_buttons a small{
	font-size:60%;
}

footer p#copyright{
	padding:26px 0;
	font-size:110%;
}


/* ///////////////////////////////////////////////////////// */
/* 以下、回転ボタン */

/* お知らせ */

p.inquiry{
	width:1000px;
	margin:40px auto;

	height:120px;
	line-height:120px;

	position: relative;
	color: #fff;
	-webkit-perspective:1000px;
	perspective:1000px;
	cursor:pointer;
}

p.inquiry, p.inquiry a, p.inquiry:after{
	text-indent:-9999px;
	overflow:hidden;
}

p.inquiry a,
p.inquiry:after {
	width:960px;
	height:120px;
	line-height:120px;

	margin:0 20px;
	display:block;

	text-align:center;

	color:#fff;
	font-weight:bold;
	position: absolute;

	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -60px;
	-ms-transform-origin: 50% 50% -60px;
	transform-origin: 50% 50% -60px;

	background-image:url("../images/c_contact4r.png");
}

p.inquiry:after {
	top: 0;
	left: 0;
	background-color:#0168B7;
	color: #fff;

	background-image:url("../images/c_contact3r.png");
	background-repeat:no-repeat;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	content:" ";
}

p.inquiry:hover a{
	background-color:#0168B7;
	color:#fff !important;

	background-image:url("../images/c_contact4r.png");
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);

	z-index: 2;
}

p.inquiry:hover:after {
	color: rgba(255,255,255,0);
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	z-index: 1;
}

/* フッタ部ボタン */

footer #footer_buttons li.demo, footer #footer_buttons li.demo a, footer #footer_buttons li.demo:after{
	width:485px;
	height:65px;
	line-height:65px;

	margin:0 0 0 auto;
}

footer #footer_buttons li.demo {
	position: relative;
	-webkit-perspective:485px;
	perspective:485px;
	cursor:pointer;
}

footer #footer_buttons li.demo a,
footer #footer_buttons li.demo:after {
	width:485px;
	height:65px;
	line-height:65px;
	display:block;

	color:#0168B7;
	font-size:135%;

	text-align:center;

	position: absolute;
	background-color:#fff;
	border:solid #0168B7 1px;

	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -32px;
	-ms-transform-origin: 50% 50% -32px;
	transform-origin: 50% 50% -32px;
}


footer #footer_buttons li.demo:after {
	width:423px;
	height:63px;
	line-height:63px;
	padding-left:60px;

	top: 0;
	left: 0;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);

	content: "資料請求・デモ依頼";
	background-image:url("../images/bg_mail.png");
	background-repeat:no-repeat;
	background-position:30px 50%;
}

footer #footer_buttons li.demo:hover a{
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	z-index: 2;
}

footer #footer_buttons li.demo:hover:after {
	background-color:#fff;
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	z-index: 1;
}