@charset "utf-8";

/**
 *
 *  サイト共通
 *
 */

/**
 *
 *  Media Queries -- Break Point --
 *
 *  (max-width:1100px)
 *  (max-width:800px)
 *
 */

/*--------------------------------------------------------------------------
   reset
---------------------------------------------------------------------------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,
sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
ul,ol,li,dl,dt,dd{list-style-type:none;list-style-position:outside;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
img{vertical-align:top;border:0;}
em{font-style:italic;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0;}
input,select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;}


/*--------------------------------------------------------------------------
   html
---------------------------------------------------------------------------*/

html{
	overflow-y:scroll;
}


/*--------------------------------------------------------------------------
   body
---------------------------------------------------------------------------*/

body{
	background:#F2F2F2;
	color:#132640;
	font-family:"游ゴシック","YuGothic","メイリオ","Meiryo",'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:14px;
	font-size:88%\9;
	font-weight:normal;
	line-height:1.8;
	-webkit-text-size-adjust:100%;
}
.dev-sd body{
	font-family:Roboto,'Droid Sans',"游ゴシック","YuGothic","メイリオ","Meiryo",'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}


/*--------------------------------------------------------------------------
   base link
---------------------------------------------------------------------------*/

a{
	outline:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:link,
a:visited{
	color:#132640;
	text-decoration:none;
}
a:hover{
	color:#132640;
	text-decoration:none;
}


/*--------------------------------------------------------------------------
   Container
---------------------------------------------------------------------------*/

#Page{
	overflow:hidden;
	width:100%;
	min-width:320px;
}


/*--------------------------------------------------------------------------
   Header
---------------------------------------------------------------------------*/

#Header{
	position:relative;
}

/* 検索メニュー */
#Header .btn-searchmenu{
	display:none;
	float:left;
}
#Header .btn-searchmenu a{
	display:block;
	padding:8px 25px 8px 45px;
	border:2px solid #15263E;
	border-left:none;
	background:#FFF url(/shared/images/pc/ico_search_menu.png) no-repeat 3px 50%;
	font-size:115%;
	font-weight:bold;
	transition:background-color 0.4s ease-out;
}
#Header .btn-searchmenu a:hover{
	background:#15263E url(/shared/images/pc/ico_search_menu_on.png) no-repeat 3px 50%;
	color:#FFF;
}

/* 一覧へ戻る */
#Header .btn-back{
	float:left;
}
#Header .btn-back a{
	display:block;
	padding:8px 20px 8px 45px;
	border:2px solid #15263E;
	background:#FFF url(/shared/images/pc/ico_back_list.png) no-repeat 13px 50%;
	font-size:115%;
	font-weight:bold;
	transition:background-color 0.4s ease-out;
}
#Header .btn-back a:hover{
	background:#15263E url(/shared/images/pc/ico_back_list_on.png) no-repeat 13px 50%;
	color:#FFF;
}

/* 資料請求 */
#Header .btn-request{
	float:right;
}
#Header .btn-request a{
	display:block;
	padding:8px 25px 8px 47px;
	border:2px solid #15263E;
	background:#15263E url(/shared/images/pc/ico_request.png) no-repeat 9px 50%;
	color:#FFF;
	font-size:115%;
	font-weight:bold;
	transition:background-color 0.4s ease-out,border 0.4s ease-out;
}
#Header .btn-request a:hover{
	border:2px solid #325E98;
	background-color:#325E98;
}


/*==========================================================================
   Header  -- Break Point --
============================================================================*/

@media screen and (max-width:1100px){

	.dev-sd #Header .btn-back a{
		background-image:url(/shared/images/sd/ico_back_list.png);
		background-size:19px 19px;
	}
	.dev-sd #Header .btn-back a:hover{
		background-color:#15263E;
		background-image:url(/shared/images/sd/ico_back_list_on.png);
		background-size:19px 19px;
	}

	.dev-sd #Header .btn-request a{
		background-image:url(/shared/images/sd/ico_request.png);
		background-position:17px 50%;
		background-size:16px 11px;
	}

}

@media screen and (max-width:800px){

	#Header .btn-searchmenu{
		display:block;
		float:left;
	}
	.dev-sd #Header .btn-searchmenu a{
		background-image:url(/shared/images/sd/ico_search_menu.png);
		background-size:30px 17px;
	}
	.dev-sd #Header .btn-searchmenu a:hover{
		background-image:url(/shared/images/sd/ico_search_menu_on.png);
		color:#FFF;
	}

	#Header .btn-back a{
		overflow:hidden;
		width:49px;
		height:45px;
		padding:0;
		text-indent:100%;
		white-space:nowrap;
	}
	
	#Header .btn-request a{
		overflow:hidden;
		width:49px;
		height:45px;
		padding:0;
		text-indent:100%;
		white-space:nowrap;
	}

}


/*--------------------------------------------------------------------------
   Footer
---------------------------------------------------------------------------*/

#Footer{
	margin:60px 0 0;
	padding:30px;
	position:relative;
	border-top:1px solid #C3CBCE;
}
#Footer .inner{
	position:relative;
}

/* logo
-----------------------------------------------------------------*/
#Footer .official{
	position:absolute;
	top:-5px;
	right:0;
}
#Footer .official img{
	width:250px;
	height:60px;
}

/* SNS
-----------------------------------------------------------------*/
#Footer .sns{
	margin:0 0 10px;
}
#Footer .sns li{
	display:inline-block;
	margin:0 12px 0 0;
}
@-webkit-keyframes pop {
  50% {
    -webkit-transform:scale(1.5);
  }
  100% {
    -webkit-transform:scale(1);
  }
}
@keyframes pop {
  50% {
    transform:scale(1.5);
  }
  100% {
    transform:scale(1);
  }
}
#Footer .sns li a img{
	width:25px;
	height:25px;
	-webkit-transform:translateZ(0);
  -ms-transform:translateZ(0);
  transform:translateZ(0);
}
#Footer .sns li a:hover img{
	-webkit-animation-name:pop;
  animation-name:pop;
  -webkit-animation-duration:0.3s;
  animation-duration:0.3s;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear;
  -webkit-animation-iteration-count:1;
  animation-iteration-count:1;
}

/* copyright
-----------------------------------------------------------------*/
#Footer small{
	display:block;
	font-size:86%;
	line-height:1.4;
}

/* pagetop
-----------------------------------------------------------------*/
#Footer #Pagetop{
	position:fixed;
	bottom:90px;
	right:20px;
}
.dev-sd #Footer #Pagetop{
	display:none;
}


/*==========================================================================
   Footer  -- Break Point --
============================================================================*/

@media screen and (max-width:1100px){

	/* logo
	-----------------------------------------------------------------*/
	#Footer .official{
		position:static;
		top:0;
		right:0;
		margin:20px 0;
		text-align:center;
	}
	
	/* SNS
	-----------------------------------------------------------------*/
	#Footer .sns{
		text-align:center;
		letter-spacing:-.4em;
	}
	#Footer .sns li{
		display:inline-block;
		float:none;
		margin:0 10px;
		letter-spacing:normal;
	}
	
	/* copyright
	-----------------------------------------------------------------*/
	#Footer small{
		text-align:center;
	}

}

@media screen and (max-width:800px){

	#Header .btn-request a{
		overflow:hidden;
		width:49px;
		height:45px;
		padding:0;
		text-indent:100%;
		white-space:nowrap;
	}

}


/*--------------------------------------------------------------------------
   Other
---------------------------------------------------------------------------*/

/* clearfix
-----------------------------------------------------------------*/
.cf:before,
.cf:after{
	content:"";
	display:table;
}
.cf:after{
	clear:both;
}
.cf{
	zoom:1;
}