@charset "UTF-8";

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

/* 基本タグ */

a{
	word-break:break-all;
}

p, dl{
	margin:0 20px;
}

dt, dd{
	padding:2px 0;
}

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


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

body{
	font-size:80%;
}

img{
	max-width:100%;
}

#index img{
	max-width:95%;
}

iframe{
	max-width:100%;
}

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

header{
	background-color:#0168B7;
}

h1#logo{
	width:200px;
	height:40px;
	padding:14px 7px;
	box-sizing:content-box;
}

h1#logo a{
	width:200px;
	height:40px;
	display:block;
	background-image:url("../images/smp/toplogo.png");
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:100%;

}

h1#logo img{
	visibility: hidden;
}


/* 資料請求バクちゃん(インデックスページでのみ表示) */

div#request_catalog{
	display:none;
}

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:143px 139px;

	width:143px;
	height:139px;
	display:block;

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

div#request_catalog_animation p{
	margin:0;
}

#sub_header{
	display:none;
}


nav#important_nav{
	display:none;
}


/* ///////////////////////////////////////////////////////// */
/* ハンバーガーメニュー */

div#hamburger_button{
	top:10px;
	right:10px;
	position:absolute;
}

div#hamburger_button p{
	margin:0;
}

a#hamburger_button_link{
	width:48px;
	height:48px;
	display:block;

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

	cursor:pointer;
}

a#hamburger_button_link[data-button_status="is_off"]{
	background:url("../images/smp/b_menu1.png");
}

a#hamburger_button_link[data-button_status="is_on"]{
	background:url("../images/smp/b_menu2.png");
}


#topnav nav#topmenu_nav{
	margin:0;
	width:100%;
	display:none;
}

/* インデックスページ専用処理 */
#index #topnav nav#topmenu_nav{
	top:68px;
	position:absolute;
	width:100%;
}

/* */

#topnav nav#topmenu_nav ul li a{
	display:block;
	padding:13px 10px 13px 50px;
	font-size:140%;

	background:url("../images/smp/i_arrowmenu1.png") 25px 20px no-repeat rgba(256, 256, 256, 0.9);
	color:#0168B7;

	border-bottom:solid #0168b7 1px;
}

#topnav nav#topmenu_nav ul li a:active{
	background:url("../images/smp/i_arrowmenu2.png") 25px 20px no-repeat rgba(1, 104, 199, 0.9);
	color:#fff;

	opacity:0.7;
}


li#toHome{
	display:none;
}


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

#top_screen{
	display:none;
}

ul#changerSelector{
	display:none;
}

#topnav #qube_functions{
	display:none;
}

#smp_top_screen p{
	margin:0;
}

#smp_top_screen p img{
	width:100%;
	max-width:100%;
}


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

#main_contents{
	background-color:#fff;
}

#index #main_contents{
	font-size:115%;
}

p#salespoint{
	margin:0 0 10px;
	padding:5px 0;
	border-style:solid;
	border-width:5px 0;
	border-color:#0168B7;
}

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

div#casestudy{
	margin:0;
	padding:10px 0;

    display: flex;
}

.prev-arrow, .next-arrow{
	z-index:1;
}

.prev-arrow {
  left: 0;
}

.next-arrow {
  right: 0;
}

div#casestudy_container{
	width:100%;
}

div#casestudy .card{
	width:100%;

	margin:0;
	padding:0;
	line-height:1.4;

	background-color:#fff;

	border-style:solid;
	border-color:#123459;
	border-width:0 5px;

	position:relative;
}

div#casestudy .card .case_image img{
	max-width:100%;
	padding:0;
}


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

div#casestudy .card h2{
	line-height:1.2;

	margin:0 0 10px;
	color:#123459;
	font-size:140%;

	text-align:left;
}

div#casestudy .card h2 br{
	display:none;
}

div#casestudy .card p{

	margin:0;
	font-size:80%;
}

div#casestudy p.case_name{

	padding:25px 10px 5px 0;

	font-size:80%;
	color:#123459;
	background:rgba(255,255,255,0.7);
}


#casestudy_morelinks{
	margin:0 15px;

	top:-60px;
	position:relative;

	text-align:right;
}



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

#main_contents .outer_section section{
	background-color:#fff;

	padding:0 0 40px;
}

#index section.standard_contents{
	background-image:url("../images/smp/titlebar1_pointer.png");
	background-repeat:no-repeat;
	background-position:50% 47px;
	background-size:100%;
}

/* 通常見出し */
#index section.standard_contents h2{
	width:100%;
	margin-bottom:30px;
	font-size:130%;

	height:48px;
	line-height:50px;

	background-image:url("../images/smp/titlebar1_background.png");
	background-repeat:repeat-x;

	color:#fff;
}

/* 特殊見出し 通常見出しの設定をリセット */

#index section#united_design.standard_contents{
	background-image:url("../images/smp/titlebar2_pointer.png");
}


#index section#united_design.standard_contents h2{
	background-image:url("../images/smp/titlebar2_background.png");
}



#index section#qube_interface.standard_contents,
#index section#data_linking.standard_contents{
	background-image:none;
	padding-top:10px;
}

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

	color:#0168B7;
}


#index section#qube_interface.standard_contents h2,
#index section#data_linking.standard_contents h2{
	font-size:130%;
	font-weight:bold;
	height:40px;
	line-height:50px;

	background-position:50% 99%;
	background-size:100%;
}


#index section#qube_interface.standard_contents h2{
	background-image:url("../images/smp/bar2.png");
}

#index section#data_linking.standard_contents h2{
	background-image:url("../images/smp/bar1.png");
	color:#0168B7;
}


#index section#vaccination.standard_contents{
	background-image:url("../images/smp/titlebar2_pointer.png");
	background-position:50% 47px;
	background-repeat:no-repeat;

	background-color:#fae8f0 !important;
	margin-top:15px;
}

#index section#vaccination.standard_contents h2{
	background-image:
		url("../images/smp/vaccination_header.png"),
		url("../images/smp/titlebar2_background.png");

	background-position:
		15px 2px,
		0 0;

	background-repeat:
		no-repeat,
		repeat-x;
}


#index section#sick_child.standard_contents{
	background-image:url("../images/smp/titlebar3_pointer.png");
	background-position:50% 47px;
	background-repeat:no-repeat;

	background-color:#fceae6 !important;
}


#index section#sick_child.standard_contents h2{
	background-image:
		url("../images/smp/sick_child_header.png"),
		url("../images/smp/titlebar3_background.png");

	background-position:
		15px 2px,
		0 0;

	background-repeat:
		no-repeat,
		repeat-x;
}


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

p.service_image{
	margin:20px 0;
}

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

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

section#reservation p.service_image{
	margin-bottom:40px;
}

p.forDetails{margin-top:40px;text-align:center;}

section#voice_reservation{
	background-color:#fffef3 !important;
}

section#touch_panel{
	background-color:#fffef3 !important;
}

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

p.inquiry{
	margin:0;
}

p.inquiry a{
	position:relative;
	width:100%;
	height:0;
	display:block;

	padding-top:12%; /* お問い合わせ画像のサイズが100:12なので、widthを基準に高さを調整する。 */

	background-color:none;
	background-image:url("../images/smp/c_contact_smp.png");
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:100%;

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


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


section.latest_information h2{
	padding:0 !important;
}

section.latest_information div.news,
section.latest_information div.exhibitions{
	padding:15px 0;
}

section.latest_information .footer_info_header ul{
	list-style-type:none;
	text-align:right;
	margin:5px 0;
	padding-right:10px;

	font-size:90%;
}

section.latest_information .footer_info_header ul li{
	padding:1px 0;
}

section.latest_information div.footer_info_body dl{
	margin:0 10px;
}

section.latest_information div.footer_info_body dl{
	font-size:90%;
}

section.latest_information .footer_info_body dl dd{
	border-bottom:solid #fff 2px;
	padding:0 0 8px;
	margin-bottom:10px;
}




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

#footer_nav .sitemap{
	padding:10px 0;
	font-size:95%;
}

#footer_nav .sitemap dl{
	width:47%;
	float:left;
	margin:5px 0 5px 3%;
}

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


#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:5px;
}

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

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


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


footer p{
	margin-right:10px;
	margin-left:10px;
}

footer #footer_contents .inner{
	padding:10px 0;
}

footer #footer_contents #footer_logo{
	text-align:center;
}

span.phone_number{
	text-decoration:underline;
}

footer img.phone_image{
	width:17px;

	top:-10px;
	position:relative;
}



footer #footer_buttons a{
	height:55px;
	margin-top:10px;
	font-size:120%;
}

footer #footer_buttons li.demo a{
	line-height:55px;
}

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



footer p#copyright{
	padding:15px 0;
}