@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

@charset "UTF-8";
div#aside_company{
	zoom :1; }
div#aside_company:after{
	display :block;
	content :"";
	clear :both; }

/* CSS Document */
/*====================================================================

common.css

======================================================================

01.format
02.body
03.header
04.nav
05.main
06.footer
07.other
09.level2

=====================================================================*/
/*--------------------------------------------------------------------/
	01.format
/--------------------------------------------------------------------*/
/* html5reset-1.6.1.css */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,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;
	border-collapse :collapse;
	-webkit-text-size-adjust :none; }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display :block; }

nav ul{
	list-style :none; }

ul li{
	list-style :none; }

blockquote,q{
	quotes :none; }

blockquote:before,blockquote:after,q:before,q:after{
	content :"";
	content :none; }

a{
	margin :0;
	padding :0;
	font-size :100%;
	vertical-align :baseline;
	background :transparent; }

/* change colours to suit your needs */
ins{
	background-color :#ff9;
	color :#000;
	text-decoration :none; }

/* change colours to suit your needs */
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; }

/* change border colour to suit your needs */
hr{
	display :block;
	height :1px;
	border :0;
	border-top :1px solid #ccc;
	margin :1em 0;
	padding :0; }

input,select{
	vertical-align :middle; }

img{
	max-width :100%;
	height :auto;
	width :auto;
	/*IE8*/ }

@font-face{
	font-family :"mail";
	src :url("../font/mail.eot?39311331");
	src :url("../font/mail.eot?39311331#iefix") format("embedded-opentype"), url("../font/mail.woff?39311331") format("woff"), url("../font/mail.ttf?39311331") format("truetype"), url("../font/mail.svg?39311331#mail") format("svg");
	font-weight :normal;
	font-style :normal; }

/*--------------------------------------------------------------------/
	02.body
/--------------------------------------------------------------------*/
body{
	line-height :1;
	font-family :"Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, Osaka-等幅, sans-serif;
	text-align :center;
	color :#000;
	-webkit-text-size-adjust :100%;
	background :#fff; }

/* a
----------------------------------------------------------------*/
a{
	outline :none; }

a:link,a:visited,a:hover,a:active{
	color :#094fb8;
	outline :none; }

a:link{
	text-decoration :underline; }

a:visited{
	text-decoration :underline; }

a:hover{
	text-decoration :none; }

a:active{
	text-decoration :none; }

/* wrapper
----------------------------------------------------------------*/
div#wrapper{
	margin-left :auto;
	margin-right :auto;
	text-align :left; }

header:after{
	content :".";
	display :block;
	visibility :hidden;
	height :.1px;
	font-size :.1em;
	line-height :0;
	clear :both; }

/*--------------------------------------------------------------------/
	04.nav global
/--------------------------------------------------------------------*/
nav#global ul:after{
	content :".";
	display :block;
	visibility :hidden;
	height :.1px;
	font-size :.1em;
	line-height :0;
	clear :both; }

/*--------------------------------------------------------------------/
	05.main
/--------------------------------------------------------------------*/
div#main{
	margin-left :auto;
	margin-right :auto;
	zoom :1; }

div#main:after{
	content :".";
	display :block;
	visibility :hidden;
	height :.1px;
	font-size :.1em;
	line-height :0;
	clear :both; }

div#main img{
	display :block; }

/*--------------------------------------------------------------------/
	article, section
/--------------------------------------------------------------------*/
section:after,article:after{
	content :".";
	display :block;
	visibility :hidden;
	height :.1px;
	font-size :.1em;
	line-height :0;
	clear :both; }

/*====================================================================/
	 smp Layout
/====================================================================*/
body{
	font-size :100%; }

/* wrapper
----------------------------------------------------------------*/
div#wrapper{
	width :auto;
	width :100%; }

/*--------------------------------------------------------------------/
	03.header
/--------------------------------------------------------------------*/
header{
	padding-bottom :1%; }

header h1{
	padding :2% 2% 1%;
	color :#000;
	text-align :left;
	line-height :1.3;
	font-size :80%;
	font-weight :normal;
	color :#888; }

header div#logo{
	float :left;
	width :55%; }

header div#logo img{
	padding :1%; }

header div.tel{
	display :none;
	float :right;
	padding-top :3%;
	padding-right :1%;
	width :44%;
	text-align :right;
	font-weight :bold;
	font-size :120%;
	word-wrap :break-word;
	font-family :"Lato", sans-serif; }
header div.tel span{
	margin-right :10px; }

header div.tel a:link,header div.tel a:visited{
	text-decoration :none; }

header div.smp_tel{
	position :absolute;
	top :15px;
	left :10px;
	width :30%;
	z-index :999; }
header div.smp_tel img{
	margin :0 auto;
	max-height :25px; }

h2{
	box-sizing :border-box;
	padding :0 2%; }

/*--------------------------------------------------------------------/
	04.nav global
/--------------------------------------------------------------------*/
#menu{
	display :block; }

.slicknav_menu span{
	display :none; }

nav#global{
	display :none; }

/*--------------------------------------------------------------------/
	05.main
/--------------------------------------------------------------------*/
div#main{
	margin :0 auto 20px;
	width :100%; }

/*--------------------------------------------------------------------/
	contents
/--------------------------------------------------------------------*/
div#contents{
	margin-bottom :7%;
	padding :0 2% 5%;
	border-bottom :1px solid #ddd; }

/*--------------------------------------------------------------------/
	aside
/--------------------------------------------------------------------*/
aside{
	margin-bottom :15px;
	width :100%; }

/* aside_bnr
--------------------------------------------------------------------*/
ul.aside_bnr{
	margin :0 5%;
	padding-bottom :10px; }

aside ul.aside_bnr li{
	margin-bottom :15px;
	font-size :0;
	line-height :0;
	text-align :center; }

aside ul.aside_bnr li img{
	display :inline !important; }

/* aside_company
--------------------------------------------------------------------*/
div#aside_company{
	margin :0 5% 20px;
	padding :20px 0 10px;
	background :url("../img/common_bg.png") bottom left repeat-x;
	box-sizing :border-box; }
div#aside_company h3{
	background :url("../img/h3.jpg") left top no-repeat;
	padding :15px 0 0 20px;
	height :30px;
	font-weight :normal; }
div#aside_company h3 span{
	color :#888; }
div#aside_company h3 img{
	display :inline !important; }
div#aside_company dl{
	line-height :1.5;
	width :100%; }
div#aside_company dl.adress dt{
	font-weight :bold;
	font-size :12px; }
div#aside_company dl.adress dd{
	font-size :12px; }
div#aside_company dl.telbox{
	text-align :left;
	font-size :12px;
	font-family :"Lato", sans-serif; }
div#aside_company dl.telbox dt{
	clear :both;
	float :left;
	margin-top :0;
	width :auto;
	padding-right :10px; }
div#aside_company dl.telbox dd{
	float :none; }

/*--------------------------------------------------------------------/
	06.footer
/--------------------------------------------------------------------*/
footer{
	padding :4% 0;
	width :100%; }

div#footer{
	margin :0 auto;
	width :95%; }

/* list
--------------------------------------------------------------------*/
footer ul{
	display :none; }

/* pagetop
--------------------------------------------------------------------*/
div#pagetop{
	margin :0 auto 15px;
	width :280px;
	letter-spacing :1px; }

div#pagetop a:link,div#pagetop a:visited{
	display :block;
	padding :10px 0;
	border :1px solid #000;
	background :#555;
	border-radius :8px;
	text-align :center;
	color :#fff;
	font-weight :bold;
	text-decoration :none;
	box-shadow :0 0 2px #333; }

/* copy
--------------------------------------------------------------------*/
footer p{
	letter-spacing :1px;
	line-height :1.4;
	font-size :80%; }

/*====================================================================/
	 tablet
/====================================================================*/

/*====================================================================/
	 PC(small)
/====================================================================*/

/*====================================================================/
	 PC(large)
/====================================================================*/

/*====================================================================/
	 tablet Layout
/====================================================================

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
body {
	min-width: 960px !important;
}
#wrapper {
	min-width: 960px !important;
}
#main {
	min-width: 960px !important;
}
#header {
	min-width: 960px !important;
}
#footer {
	min-width: 960px !important;
}
}
*/
/*--------------------------------------------------------------------/
	07.others
/--------------------------------------------------------------------*/
.center{
	display :block;
	margin-left :auto;
	margin-right :auto; }

.clear{
	clear :both; }

.clearfix:after{
	content :".";
	display :block;
	visibility :hidden;
	height :.1px;
	font-size :.1em;
	line-height :0;
	clear :both; }

.clearfix{
	zoom :1; }

.ws-n{
	white-space :nowrap; }

.red{
	color :#a00; }

.color01{
	color :#094fb8; }

/* txt
----------------------------------------------------------------*/
.txt_l{
	text-align :left !important; }

.txt_r{
	text-align :right !important; }

.txt_c{
	text-align :center !important; }

.st{
	font-weight :bold; }

/* size
----------------------------------------------------------------*/
.fs_s{
	font-size :90% !important; }

.fs_m{
	font-size :115% !important; }

.fs_l{
	font-size :140% !important;
	line-height :1.6 !important; }

.msgoth-s{
	font-family :"ＭＳ ゴシック",sans-serif;
	font-size :10px; }

/* letter spacing
----------------------------------------------------------------*/
.ls_s{
	letter-spacing :-1pt; }

.ls_m{
	letter-spacing :0; }

.ls_l{
	letter-spacing :1em; }

/* padding
----------------------------------------------------------------*/
.ps{
	padding :5px; }

.ps_t{
	padding-top :5px; }

.ps_b{
	padding-bottom :5px; }

.ps_h{
	padding :5px 0; }

.ps_w{
	padding :0 5px; }

.ps_l{
	padding-left :3px; }

.pm{
	padding :10px; }

.pm_t{
	padding-top :10px; }

.pm_b{
	padding-bottom :10px; }

.pm_h{
	padding :10px 0; }

.pm_w{
	padding :0 10px; }

/* margin
----------------------------------------------------------------*/
.mss_t{
	margin-top :8px; }

.ms{
	margin :10px; }

.ms_t{
	margin-top :10px; }

.ms_b{
	margin-bottom :12px !important; }

.ms_l{
	margin-left :10px; }

.ms_r{
	margin-right :10px; }

.ms_h{
	margin :10px 0; }

.ms_w{
	margin :0 10px; }

.mm{
	margin :20px; }

.mm_t{
	margin-top :20px; }

.mm_b{
	margin-bottom :20px; }

.mm_l{
	margin-left :20px; }

.mm_r{
	margin-right :20px; }

.mm_h{
	margin :20px 0; }

.mm_w{
	margin :0 20px; }

.ml{
	margin :30px; }

.ml_t{
	margin-top :30px; }

.ml_b{
	margin-bottom :30px; }

.ml_l{
	margin-left :30px; }

.ml_r{
	margin-right :30px; }

.ml_h{
	margin :30px 0; }

.ml_w{
	margin :0 30px; }

.m_a{
	margin :0 auto; }

.m-10{
	margin-top :-10px; }

/* print css
----------------------------------------------------------------*/

@media screen and (min-width: 481px){
	/*--------------------------------------------------------------------/
	03.header
/--------------------------------------------------------------------*/
	header{
		position :relative;
		margin :0 auto;
		height :100px; }
	header div#logo{
		position :absolute;
		top :26px;
		left :0;
		height :50px; }
	header div.tel{
		position :absolute;
		top :24px;
		right :0;
		font-size :24px;
		display :block; }
	header .smp_tel{
		display :none; }

	/*--------------------------------------------------------------------/
	04.aside
/--------------------------------------------------------------------*/
	div#aside_company dl{
		line-height :1.5;
		width :50%; }
	div#aside_company dl.adress{
		float :left; }
	div#aside_company dl.adress dt{
		font-size :14px; }
	div#aside_company dl.adress dd{
		font-size :14px; }
	div#aside_company dl.telbox{
		font-size :16px;
		float :right;
		text-align :right; }
	div#aside_company dl.telbox dt{
		clear :both;
		float :left;
		margin-top :5px;
		width :20%;
		padding :0; }
	div#aside_company dl.telbox dd{
		float :right;
		font-size :25px; } }

@media screen and (min-width: 750px){
	header{
		position :relative;
		margin :0 auto;
		padding-bottom :0; }
	header h1{
		padding :0;
		position :absolute;
		top :15px;
		right :0;
		line-height :1;
		font-size :80%;
		letter-spacing :1px;
		font-weight :normal; }
	header div#logo{
		padding :0;
		position :absolute;
		top :8px;
		left :0;
		width :300px;
		height :50px; }
	header div.tel{
		width :335px;
		padding :10px 0;
		position :absolute;
		top :30px;
		right :0;
		font-size :32px;
		font-weight :normal;
		color :#000; }
	header div.tel span{
		font-size :24px; }
	header div.smp_tel{
		display :none; }

	/*--------------------------------------------------------------------/
	04.nav global
/--------------------------------------------------------------------*/
	div.slicknav_menu{
		display :none; }
	nav#global{
		display :block;
		padding-bottom :0;
		height :65px;
		margin-bottom :20px; }
	nav#global ul{
		margin :0 auto;
		height :65px;
		background :url("../img/g_nav_bg.png") right top no-repeat; }
	nav#global ul li{
		float :left;
		box-sizing :border-box;
		width :20%;
		height :65px;
		background :url("../img/g_nav_bg.png") left top no-repeat;
		border-bottom :4px solid #fff;
		-webkit-transition :all .2s;
		        transition :all .2s; }
	nav#global ul li a{
		display :block;
		width :100%;
		height :65px;
		font-weight :bold; }
	nav#global ul li:hover{
		border-bottom :1px solid #000;
		padding :10px; }
	nav#global ul span{
		display :block;
		padding-top :.5em;
		font-weight :normal;
		font-size :.7em;
		color :#888; }
	nav#global ul li a:link,nav#global ul li a:visited{
		display :block;
		box-sizing :border-box;
		padding-top :17px;
		height :65px;
		text-align :center;
		font-size :16px;
		color :#000;
		text-decoration :none; }

	/*--------------------------------------------------------------------/
	04.aside
/--------------------------------------------------------------------*/
	div#aside_company dl{
		width :50%; }
	div#aside_company dl.adress dt{
		font-size :16px; }
	div#aside_company dl.telbox{
		font-size :16px; }
	div#aside_company dl.telbox dt{
		margin-top :8px;
		width :30%;
		font-size :18px; }
	div#aside_company dl.telbox dd{
		float :right;
		font-size :32px; }

	/*--------------------------------------------------------------------/
	06.footer
/--------------------------------------------------------------------*/
	footer{
		width :100%;
		height :70px;
		padding :0;
		background :#fff url("../img/common_bg.png") repeat-x scroll left top;
		position :relative; }
	div#footer{
		margin :0 auto; }

	/* list
--------------------------------------------------------------------*/
	footer ul{
		display :block;
		float :left;
		padding-top :27px;
		margin-bottom :10px; }
	footer ul li{
		float :left;
		margin-right :15px;
		line-height :1.2;
		letter-spacing :1px;
		font-size :12px; }
	footer ul li:before{
		content :url("../img/arrow.png");
		padding-right :5px; }
	footer ul a:link,footer ul a:visited,footer ul a:hover,footer ul a:active{
		color :#000;
		text-decoration :underline; }
	footer ul a:hover{
		color :#000;
		text-decoration :none; }

	/* pagetop
--------------------------------------------------------------------*/
	div#pagetop{
		position :absolute;
		right :10px;
		top :-10px;
		margin :0;
		margin-left :15px;
		width :60px;
		height :60px; }
	div#pagetop a:link,div#pagetop a:visited{
		padding :0;
		background :none;
		border :none;
		box-shadow :none; }

	/* copy
--------------------------------------------------------------------*/
	footer p{
		clear :both;
		letter-spacing :1px;
		font-size :10px;
		text-align :left;
		width :50%; } }

@media screen and (min-width: 980px){
	/*--------------------------------------------------------------------/
	02.body
/--------------------------------------------------------------------*/
	body{
		font-size :85%; }

	/* wrapper
----------------------------------------------------------------*/
	div#wrapper{
		width :100%; }

	/*--------------------------------------------------------------------/
	header
/--------------------------------------------------------------------*/
	header{
		width :100%; }
	header .inner{
		width :960px;
		margin :0 auto;
		position :relative; }
	header .inner:after{
		display :block;
		clear :both;
		content :""; }

	/*--------------------------------------------------------------------/
	nav
/--------------------------------------------------------------------*/
	nav#global{
		width :100%; }
	nav#global ul{
		width :960px;
		margin :0 auto; }

	/*--------------------------------------------------------------------/
	05.main
/--------------------------------------------------------------------*/
	div#main{
		margin-bottom :30px;
		width :960px; }

	/* h2
----------------------------------------------------------------*/
	div#page_title{
		display :block;
		width :100%;
		margin :0 auto; }
	h2{
		box-sizing :border-box;
		padding :0; }
	h2 img{
		margin :0; }

	/*--------------------------------------------------------------------/
	contents
/--------------------------------------------------------------------*/
	div#contents{
		float :right;
		width :690px;
		padding :0 0 5%;
		border-bottom :none; }

	/*--------------------------------------------------------------------/
	aside
/--------------------------------------------------------------------*/
	aside{
		float :left;
		width :240px; }

	/* aside_bnr
--------------------------------------------------------------------*/
	ul.aside_bnr{
		margin :0;
		padding-bottom :15px;
		width :240px; }
	aside ul.aside_bnr li{
		margin-bottom :15px;
		width :240px;
		height :80px;
		font-size :0;
		line-height :0; }

	/* aside_company
--------------------------------------------------------------------*/
	div#aside_company{
		margin :0;
		margin-bottom :20px;
		width :238px; }
	div#aside_company h3{
		font-size :16px; }
	div#aside_company h3 span{
		padding-left :25px;
		font-size :12px;
		font-weight :normal; }
	div#aside_company dl{
		padding :10px 20px;
		width :100%; }
	div#aside_company dl.adress dt,div#aside_company dl.adress dd{
		font-size :12px; }
	div#aside_company dl.telbox{
		float :none; }
	div#aside_company dl.telbox dt{
		padding-right :10px; }
	div#aside_company dl.telbox dt,div#aside_company dl.telbox dd{
		margin :0;
		width :auto;
		font-size :12px; }
	div#aside_company dl.telbox dd{
		float :none;
		text-align :left; }

	/*--------------------------------------------------------------------/
	06.footer
/--------------------------------------------------------------------*/
	footer{
		width :100%;
		height :70px; }
	div#footer{
		margin :0 auto;
		width :960px; }

	/* list
--------------------------------------------------------------------*/
	footer ul{
		display :block;
		float :left;
		padding-top :27px; }
	footer ul li{
		float :left;
		margin-right :15px;
		line-height :1.2;
		letter-spacing :1px;
		font-size :12px; }

	/* pagetop
--------------------------------------------------------------------*/
	div#pagetop{
		float :right;
		margin-left :15px;
		width :60px;
		height :60px; }

	/* copy
--------------------------------------------------------------------*/
	footer p{
		clear :both;
		display :block;
		color :#000;
		letter-spacing :1px;
		font-size :10px; } }

@media print{
	footer{
		display :none; } }