@import url(../../../fonts.googleapis.com/css7family=Noto+Sans);
@import url(../../../fonts.googleapis.com/css7family=Noto+Serif);
@import url(../../common/css/font.css);
@charset "utf-8";

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

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

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;}
body{line-height:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{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;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
img{border:0;vertical-align:top;}
em{font-style:italic;}
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:middle;}
input:focus,textarea:focus,select:focus{outline:none;}


/*--------------------------------------------------------------------------
   html
---------------------------------------------------------------------------*/
head{
	font-family: pc;
}
html{
	overflow-y: scroll;
}


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

body{
	min-width: 1000px;
	color: #494949;
	font-family: "メイリオ","Meiryo",'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'游ゴシック',YuGothic,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 13px;
	/*font-size: 75%\9;*/
	line-height: 1.8;
/*	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;*/
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
	body{font-size:75%;}
}



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

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


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

#Page{
	position: relative;
}


/*--------------------------------------------------------------------------
   GlobalHeader
---------------------------------------------------------------------------*/

#GlobalHeader{
	position: absolute;
	width: 100%;
	background: #fff;
	z-index: 10;
	/*border-top: 10px solid #333333;
	border-bottom: 1px solid #efefef;-
	box-shadow: 1px 1px 1px rgba(251, 251, 251, 0.1);*/
}
#GlobalHeader.fixed{
	position: fixed;
}
#GlobalHeader .inner{
	position: relative;
	max-width: 1560px;
	min-width: 960px;
	width: 100%;
	height: 90px;
	margin: 0 auto;
/*	border-top: 1px solid #c1272d*/
}

/* logo */
#GlobalHeader .logo{
	position: absolute;
	top: 0;
	left: 20px;
	padding-top: 24px;
/*	border-top: 3px solid #0d6acb; */
}



#GlobalHeader #menuBtn{
	display: none;
}

/* global-navi
-----------------------------------------------------------------*/
#GlobalHeader .global-navi{
	padding-top: 28px;
	margin: 0 130px 0 280px;
}
#GlobalHeader .global-navi .list{
	position: relative;
	width: 16.6%;
	min-width: 100px;
	float: left;
}
#GlobalHeader .global-navi .list .gnavi{
	display: block;
	padding: 0 2px;
	line-height: 36px;
	text-align: center;
	transition: all 0.3s;
	border-left: 1px solid #e7e7e7;
	font-size: 108%;
	font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
}
#GlobalHeader .global-navi .list:first-child .gnavi{
	border-left: none;
}
#GlobalHeader .global-navi .list .gnavi.active span{
	color: #0d6acb;
	position: relative;
}
#GlobalHeader .global-navi .list .gnavi.active span:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: -12px;
	left: 0;
	background: #0d6acb;
}
#GlobalHeader .global-navi .list .gnavi.blank span{
	padding-right: 14px;
	transition: background 0.4s;
	background: url(../../common/images/ico_blank05.png) no-repeat 100% 50%;
}
#GlobalHeader .global-navi .list .gnavi.blank:hover span{
	background: url(../../common/images/ico_blank05_on.png) no-repeat 100% 50%;
}
/* IE9・10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#GlobalHeader .global-navi .list .gnavi.blank span:not(:target) {
		transition: background 1.5s;
		background: url(../../common/images/ico_blank05.png) no-repeat 100% 22%;
	}
	#GlobalHeader .global-navi .list .gnavi.blank:hover span:not(:target){
		background: url(../../common/images/ico_blank05_on.png) no-repeat 100% 22%;
	}
}
#GlobalHeader .sub-navi{
	position: absolute;
	left: 50%;
	top: 33px;
	width: 294px;
	height: 0;
	margin-left: -147px;
	overflow: hidden;
}
#GlobalHeader .sub-navi .inside{
	padding: 12px 2px 2px;
	background: url(../../common/images/bg_arrow01.png) no-repeat 50% 0;
}
#GlobalHeader .sub-navi .inside dl{
	background: #fe9e1a;
	box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.1);
}

/* webService */
#GlobalHeader #webService dt{
	font-size: 124%;
	border-bottom: 2px solid #ffce90;
}
#GlobalHeader #webService dt a{
	display: block;
	padding: 15px 22px;
	color: #fff;
	font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
	transition: all 0.3s;
	background: url(../../common/images/ico_arrow01.png) no-repeat 95% 50%;
}
/* IE9・10 */
#GlobalHeader #webService dt a:not(:target){
		padding: 19px 22px 11px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #GlobalHeader #webService dt a {
		padding: 19px 22px 11px;
	}
}

#GlobalHeader #webService dt a:hover{
	background: #f9b14c url(../../common/images/ico_arrow01.png) no-repeat 96.5% 50%;
}
#GlobalHeader #webService dd{
	padding: 0;
	margin: 0;
}
#GlobalHeader #webService ul{
	padding: 0;
	margin: 0;
	position: relative;
}
#GlobalHeader #webService li{
	border-top: 1px solid #faac42;
}
#GlobalHeader #webService li:first-child{
	border-top: none;
}
#GlobalHeader #webService li a{
	position: relative;
	display: block;
	padding: 13px 22px 12px;
	color: #fff;
	font-size: 93%;
	background: #f89000;
	transition: all 0.3s;
}
/* IE9・10 */
#GlobalHeader #webService li a:not(:target){
	font-size: 100%;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #GlobalHeader #webService li a {
		font-size: 100%;
	}
}

#GlobalHeader #webService li a:hover{
	background: #f9b14c;
}
#GlobalHeader #webService li a:after{
	position: absolute;
	content: '>';
	top: 50%;
	right: 5px;
	margin-top: -19px;
	font-family: icomoon;
	font-size: 22px;
	transition: all 0.3s;
}
#GlobalHeader #webService li a:hover:after{
	right: 1px;
}


/* contact
-----------------------------------------------------------------*/
#GlobalHeader .contact{
	position: absolute;
	top: 25px;
	right: 5%;
}
#GlobalHeader .contact a{
	display: block;
	width:30px;
	color: #fff;
	text-align: right;
	border-radius: 3px;
	transition: all 0.3s;
	font-size: 100%;
	background: #333333;
	/* background: #333333 url(../../common/images/ico_mail01.png) no-repeat 15% 50%;*/
}

#GlobalHeader .phone{
	position: absolute;
	top: -1px;
	font-size: 25px;
	right: 20px;
}
#GlobalHeader .phone a{
	display: block;
	width: 110px;
	padding: 2px 8px 2px 20px;
	color: #fff;
	text-align: right;
	border-radius: 3px;
	transition: all 0.3s;
	font-size: 100%;
	/*font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;*/
	/*background: #333333 url(../../common/images/ico_phone01.png) no-repeat 10% 50%;*/
	background: #333333;
}



/* IE9・10 
#GlobalHeader .contact a:not(:target){
	padding: 34px 0 6px\9;
}*/
/* IE11 
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #GlobalHeader .contact a {
		padding: 34px 0 6px;
	}
}*/
#GlobalHeader .contact a:hover{
	background: #494848;
/*	background: #494848 url(../../common/images/ico_mail01.png) no-repeat 15% 50%;*/
}




/*---------------------------------------------------------------
/* mission
-----------------------------------------------------------------*/
#mission{
	padding-top: 30px;
/*	background: url(../shared/images/bg_repeat01.png) repeat;*/
}
#mission .lead{
	margin-bottom: 30px;
	text-align: center;
	line-height: 1.8;
	font-size: 120%;
	font-family: "メイリオ","Meiryo", 'Noto Sans Japanese',serif;
/*	font-family: "kokumr";*/
}


#mission .lead img:hover{
	transition: background 0.4s;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#mission .site{
	width:620px;
	padding: 5px;
	margin: 0 auto;
	text-align:center;
}
#mission .site .list{
	position: relative;
	width: 300px;
	height:80px;
	border:#999;
	float: left;
	margin:5px;
}

#mission .site .list img:hover{
	transition: background 0.4s;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


#mission .list p{
	line-height:1.3em;
	text-align: center;
	margin: 1px 7px 0 0;
	color:#fff;
}


#mission .list img{
	
	margin-top:10px;
}


#mission .site .list .gnavi{
	display: block;
	padding: 0 2px;
	line-height: 36px;
	text-align: center;
	padding-top:5px;
	transition: all 0.3s;
/*	border-left: 1px solid #e7e7e7;*/ 
	font-size: 120%;
	font-family: "メイリオ",'Noto Sans Japanese',"Meiryo", serif;
}
#mission .site .list:first-child .gnavi{
	border-left: none;
}
#mission .site .list .gnavi.active span{
	color: #fff;
	position: relative;
}
#mission .site .list .gnavi.active span:after{
/*	content: '';*/ 
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: -12px;
	left: 0;
	background: #f69600;
}
#mission .site .list .gnavi.blank span{
	padding-right: 14px;
	transition: background 0.4s;
	background: url(../common/images/ico_blank05.png) no-repeat 100% 50%;
}
#mission .site .list .gnavi.blank:hover span{
	background: url(../common/images/ico_blank05_on.png) no-repeat 100% 50%;
}





/*--------------------------------------------------------------------------
   GlobalFooter
---------------------------------------------------------------------------*/

#GlobalFooter{
	background: #4d4d4d;
	color: #ffffff;
}
#GlobalFooter .inner{
	position: relative;
	margin: 0 auto;
}

/* pagetop */
#pagetop a{
	display: block;
	line-height: 50px;
	text-align: center;
	font-size: 47px;
	font-family: icomoon;
	transition: all 0.3s;
}
#pagetop a:hover{
	background: #f6f4ed;
}

/* conversion
-----------------------------------------------------------------*/
#GlobalFooter .copmany-name{
	padding: 1%;
	margin: 1px 2% 5px;
}


#GlobalFooter .siteA{
	width:99%;
	padding: 1px;
	margin: 0 auto;
	text-align:center;
}
#GlobalFooter .siteA .list{
	position: relative;
	width:47%;
	padding: 1px;
	float: left;
	margin:1%;
}

#GlobalFooter .siteA .list p{
	font-size: 180%;
	line-height: 1;
	color:#fff;
}
#GlobalFooter .siteA .list p:before{
	content: url(../images/icon_tel.png);
}

#GlobalFooter .copmany-name:after{
	position: absolute;
	content: '';
	width: 98%;
	height: 0.1em;
	left: 0;
	right: 0;
	margin: auto;
/*	margin: 18px 0 0 -5px;*/
	display: block;
	background: #999;
}

#GlobalFooter .siteB{
	width:100%;
	padding: 30px 0 40px;
	margin: 0 auto;
	text-align:center;
}
#GlobalFooter .siteB .list{
	position: relative;
	width: 22.5%;
	padding: 0.5%;
	float: left;
	margin: 0.5%;
}

#GlobalFooter .siteB .list p{
	font-size: 110%;
	line-height: 1.3;
	color:#fff;
}

#GlobalFooter .siteB .list img{
	position: absolute;
	right: 5.8%;
	top: 40%;
}

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

	#GlobalFooter .siteB .list p{
		font-size: 99%;
	}



	#GlobalFooter .siteB .list img{
		right: 3%;

	}




}

#GlobalFooter .siteB .list img:hover{
	transition: all 0.3s;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


#GlobalFooter .contact-btn{
	width: 300px;
	margin: 0 auto;
	padding: 0 0 0px;
}



/* contact-btn */
#GlobalFooter .contact-btn{
	width: 300px;
	margin: 0 auto;
	padding: 0 0 0px;
}
#GlobalFooter .contact-btn a{
	display: block;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	transition: all 0.3s;
	background: #fff	;
}
#GlobalFooter .contact-btn a span{
	display: inline-block;
	padding: 18px 0 18px 38px;
	font-size: 147%;
	font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
	background: url(../../common/images/ico_mail02.png) no-repeat 0 50%;
}
/* IE9・10 */
#GlobalFooter .contact-btn a span:not(:target){
	padding: 22px 0 14px 38px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #GlobalFooter .contact-btn a span {
		padding: 22px 0 14px 38px;
	}
}
#GlobalFooter .contact-btn a span br{
	display: none;
}
#GlobalFooter .contact-btn a:hover{
	color: #fff;
	background: #ff97a9;
}


/* address */
#GlobalFooter .address{
	position: relative;
	margin-bottom: 22px;
}
#GlobalFooter .address .office{
	float: left;
	width: 33.3%;
	/width: 33%;
}
#GlobalFooter .address .inner{
	margin: 0 5px;
}
#GlobalFooter .address .tokyo .inner{
	margin-left: 0;
}
#GlobalFooter .address .nagoya .inner{
	margin-right: 0;
}

#GlobalFooter .address .office ul{
	margin-top: 25px;
	text-align: center;
}
#GlobalFooter .address .office li a{
	transition: 0.3s;
	color: #e28414;
}
#GlobalFooter .address .office li a:hover{
	color: #f2a952;
}
#GlobalFooter .map{
	width: 100%;
	height: 180px;
}

/* sns */
#GlobalFooter .fb-btn a{
	margin: 0 auto;
	display: block;
	width: 45px;
	height: 45px;
	transition: all 0.2s;
	text-indent: -9999px;
	text-align: center;
	background: url(../../common/images/btn_fb.png) no-repeat 50% 50%;
}
#GlobalFooter .fb-btn a:hover{
	background: url(../../common/images/btn_fb_on.png) no-repeat 50% 50%;
}


/* navi
-----------------------------------------------------------------*/
#GlobalFooter .navi{
	color: #fff;
	padding: 0 1%;
	
}
#GlobalFooter .wrap{
	width: 98%;
	margin: 0 auto;
	padding: 5px 0 20px;
}

/* link */
#GlobalFooter .link{
	float: right;
}
#GlobalFooter .security-block{
	float: left;
}
#GlobalFooter .link p{
	margin-right: 10px;
	float:left;
}
#GlobalFooter .logo a{
	display: block;
	width: 220px;
	height: 60px;
	background: none;
	text-indent: -9999px;
	transition: all 0.3s;
	background: url(../../common/images/header_logo.png) no-repeat 0 0;
}
#GlobalFooter .logo a:hover{
	background: url(../../common/images/header_logo.png) no-repeat 0 0;
}




/* sub-navi */
#GlobalFooter .sub-navi{
	float: left;
	width: 70%;
}
#GlobalFooter .sub-navi ul{
	width: 100%;
	margin: 6px 0;
	padding: 0;
	text-align: left;
	letter-spacing: -0.4em;
}
#GlobalFooter .sub-navi li{
	font-size: 95%;
	text-align: center;
	letter-spacing: 0;
	padding: 0 20px;
  	display: inline; /* 横並びにさせる */
  	border-left: 1px solid #999; /* 区切り線 */

}

#GlobalFooter .sub-navi li:first-child{
	border: none;

}


#GlobalFooter .sub-navi li a{
	transition: all 0.3s;
	color: #ffffff;
}

#GlobalFooter .sub-navi li a:hover{
	color: #d3cdce;

}



#GlobalFooter .sub-navi2{
	float: right;
	width: 30%;

}
#GlobalFooter .sub-navi2 ul{
	width: 100%;
	margin: 1% 0;
	padding: 0;
	text-align: right;
	letter-spacing: -0.4em;
}
#GlobalFooter .sub-navi2 li{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-right: 1%;
	font-size: 85%;
	text-align: right;
	letter-spacing: 0;
}




/* copyright */
#GlobalFooter .copyright{
	text-align: left;
	margin-left: 15px;
}
#GlobalFooter .copyright small{
	font-size: 85%;
}


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

#Content{
}

/* Main
-----------------------------------------------------------------*/
#Main{
	margin-top: 90px;
}
#Main .wrap{
	width: 960px;
	margin: 0 auto;
}

/* hide-hdg */
#Main .hide-hdg{
	display: none;
}


/*--------------------------------------------------------------------------
   ページトップ 48494c
---------------------------------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 40px;
    right: 20px;
    z-index:1;
    line-height: 0.8em;
}
#page-top a {
    text-decoration: none;
    width: 100px;
    text-align:center;
    display: block;
    font-size: 1.5em;
    color: #bababa;
}
#page-top a:hover {
    text-decoration: none;
   	opacity: 0.6; 

}

#page-top span {
    font-size: 0.6em;
    line-height: 0.6em;
}




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

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

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

	/*--------------------------------------------------------------------------
	   html
	---------------------------------------------------------------------------*/
	head{
		font-family: sp;
	}

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

	body{
		min-width: 100%;
		margin: 0;
		padding: 0;
	}


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

	a:hover{
		color: #494949;
	}


	/*--------------------------------------------------------------------------
	   GlobalHeader
	---------------------------------------------------------------------------*/
	#GlobalHeader{
		position: relative;
		border-top: 3px solid #0b79d1;
		margin: 0;
	}
	#GlobalHeader.fixed{
		position: relative;
	}
	#GlobalHeader .inner{
		min-width: 320px;
		height: 65px;
		margin: 0;
	}
	/* logo */
	#GlobalHeader .logo{
		top: 20px;
		left: 10px;
		margin: 0;
		padding: 0;
		border-top: none;
	}
	#GlobalHeader .logo img{
		/* width: 157px; */
		/* height: 29px; */
	}
	#GlobalHeader #menuBtn{
		display: block;
		margin: 0;
	}
	#GlobalHeader #menuBtn a{
		position: absolute;
		right: 10px;
		top: 10px;
		width: 45px;
		height: 45px;
		text-indent: -9999px;
		background: url(../../common/images/btn_menu.png) no-repeat 0 0;
		background-size: 45px;
	}
	#GlobalHeader #menuBtn .open-flg{
		background: url(../../common/images/btn_menu_close.png) no-repeat 0 0;
		background-size: 45px;
	}
	#GlobalHeader #openMenu{
		display: none;
		position: absolute;
		top: 66px;
		z-index: 5;
		width: 100%;
		background: #fff;
	}
	#menuBg{
		display: none;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: #000000;
		opacity: 0.7;
		z-index: 4;
	}

	/* global-navi
	-----------------------------------------------------------------*/
	#GlobalHeader .global-navi{
		margin: 0;
		padding-top: 0;
	}
	#GlobalHeader .global-navi .list{
		width: 100%;
		float: none;
	}
	#GlobalHeader .global-navi .list .gnavi{
		position: relative;
		padding: 0 20px;
		line-height: 55px;
		text-align: left;
		border-left: none;
		border-bottom: 1px solid #e7e7e7;
	}
	#GlobalHeader .global-navi .list .gnavi:hover{
		color: #494949;
	}
	#GlobalHeader .global-navi .list .gnavi:after{
		position: absolute;
		content: '>';
		top: 0;
		right: 12px;
		font-family: icomoon;
		font-size: 22px;
	}
	#GlobalHeader .global-navi .list.parent .gnavi:after{
		content: '';
		width: 17px;
		height: 100%;
		right: 20px;
		background: url(../../common/images/ico_open.png) no-repeat 93.5% 50%;
		background-size: 17px 17px;
	}
	#GlobalHeader .global-navi .list.parent .gnavi.open-flg:after{
		content: '';
		width: 17px;
		height: 100%;
		right: 20px;
		background: url(../../common/images/ico_close.png) no-repeat 100% 50%;
		background-size: 17px 17px;
	}
	#GlobalHeader .global-navi .list .gnavi.active span:after{
		display: none;
	}
	#GlobalHeader .global-navi .list .gnavi.blank span,
	#GlobalHeader .global-navi .list .gnavi.blank:hover span{
		background: none;
	}
	#GlobalHeader .global-navi .list .gnavi.blank:after{
		content: '';
		width: 10px;
		height: 55px;
		right: 23px;
		background: url(../../common/images/ico_blank05_sp.png) no-repeat 0 50%;
		background-size: 10px 10px;
	}
	#GlobalHeader .sub-navi{
		position: static;
		width: 100%;
		margin-left: 0;
		transition: all 0.3s;
		background: none;
		overflow: hidden;
	}
	#GlobalHeader .sub-navi .inside{
		padding: 0 20px;
		background: #fafafa;
		border-bottom: 1px solid #e7e7e7;
	}
	#GlobalHeader .sub-navi .inside dl{
		background: none;
		box-shadow: none;
	}

	/* #webService */
	#GlobalHeader #webService dt{
		font-size: 93%;
		border-bottom: none;
	}
	#GlobalHeader #webService dt a{
		position: relative;
		padding: 14px 5px 13px;
		color: #646464;
		font-family: "メイリオ","Meiryo",'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'游ゴシック',YuGothic,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
		background: none;
	}
	#GlobalHeader #webService dt a:hover{
		background: none;
	}
	#GlobalHeader #webService li{
		border-top: none;
	}
	#GlobalHeader #webService li a{
		position: relative;
		padding: 14px 5px 13px;
		color: #646464;
		font-size: 85%;
		background: none;
		border-top: 1px solid #e7e7e7;
	}
	#GlobalHeader #webService li a:after,
	#GlobalHeader #webService dt a:after{
		position: absolute;
		content: '>';
		top: 50%;
		right: -5px;
		margin-top: -19px;
		font-family: icomoon;
		font-size: 22px;
	}
	#GlobalHeader #webService li a:hover{
		background: none;
	}
	#GlobalHeader #webService li a:hover:after{
		right: -5px;
	}


	/* contact
	-----------------------------------------------------------------*/
	#GlobalHeader .contact{
		position: static;
		margin: 20px;
		padding: 0;
	}
	#GlobalHeader .contact a{
		width: 100%;
		padding: 0;
		text-indent: 0;
		font-size: 100%;
		font-weight: bold;
		line-height: 45px;
		background: #fe9e1a;
	}
	#GlobalHeader .contact a span{
		padding-left: 22px;
		background: url(../../common/images/ico_mail01_sp.png) no-repeat 0 50%;
		background-size: 16px 12px;
	}
	#GlobalHeader .contact a:hover{
		background: #fe9e1a;
	}



	/*--------------------------------------------------------------------------
	   GlobalFooter
	---------------------------------------------------------------------------*/
	#GlobalFooter{
	}

	/* pagetop */
	#pagetop{
		width: auto;
		margin: 0 20px;
	}
	#pagetop a{
		line-height: 44px;
	}
	#pagetop a:hover{
		background: #f1efe8;
	}

	/* conversion
	-----------------------------------------------------------------*/
	#GlobalFooter .conversion{
		padding: 26px 0 24px;
		border-top: 1px solid #e2e0d6;
	}

	/* contact-btn */
	#GlobalFooter .contact-btn{
		width: auto;
		margin: 0 20px;
		padding: 0 0 26px;
	}
	#GlobalFooter .contact-btn a span{
		padding: 12px 0 12px 38px;
		font-size: 131%;
		text-align: left;
		line-height: 1.3;
		font-weight: bold;
		background: url(../../common/images/ico_mail02_sp.png) no-repeat 0 50%;
		background-size: 27px 19px;
	}
	#GlobalFooter .contact-btn a span br{
		display: inline;
	}

	/* address */
	#GlobalFooter .address{
		margin: 0 20px;
	}
	#GlobalFooter .address .office{
		float: none;
		width: auto;
		margin-bottom: 15px;
	}
	#GlobalFooter .address .office:last-child{
		margin-bottom: 25px;
	}
	#GlobalFooter .address .inner{
		margin: 0;
	}
	#GlobalFooter .map{
		display: none;
	}
	#GlobalFooter .address .office ul{
		margin-top: 0;
		padding-left: 24px;
		min-height: 31px;
		font-size: 85%;
		text-align: left;
		background: url(../../common/images/ico_pin_sp.png) no-repeat 0 0.1em;
		background-size: 19px 31px;
	}
	#GlobalFooter .address .office li{
		line-height: 1.2;
		margin-bottom: 5px;
	}

	/* sns */
	#GlobalFooter .sns{
		margin: 0;
		padding: 0;
	}
	#GlobalFooter .fb-btn a{
		background: url(../../common/images/btn_fb_sp.png) no-repeat 50% 50%;
		background-size: 45px 45px;
	}
	#GlobalFooter .fb-btn a:hover{
		background: url(../../common/images/btn_fb_sp.png) no-repeat 50% 50%;
		background-size: 45px 45px;
	}


	/* navi
	-----------------------------------------------------------------*/
	#GlobalFooter .navi{
		border-top: none;
	}
	#GlobalFooter .wrap{
		width: auto;
		padding: 26px 0 0;
		border-top: none;
	}

	/* link */
	#GlobalFooter .link{
		float: none;
		margin: 0 20px;
	}
	#GlobalFooter .link p{
		float: none;
		text-align: center;
	}
	#GlobalFooter .link .bnr{
		margin-right: 0;
	}
	#GlobalFooter .link .bnr a{
		width: 225px;
		height: 58px;
		margin: 0 auto;
		background: url(../../common/images/hedaer_logo.png) no-repeat 0 0;
		background-size: 225px 58px;
	}
	#GlobalFooter .link .bnr a:hover{
		background: url(../../common/images/hedaer_logo.png) no-repeat 0 0;
		background-size: 225px 58px;
	}
	#GlobalFooter .security-block{
		margin-top: 15px;
		float: none;
		text-align: center;
		letter-spacing: -0.4em;
	}
	#GlobalFooter .security-block p{
		display: inline-block;
	}
	#GlobalFooter .security-block .security img{
		width: 64px;
		height: auto;
	}
	#GlobalFooter .security-block .privacy img{
		width: 29px;
		height: auto;
	}

	/* sub-navi */
	#GlobalFooter .sub-navi{
		float: none;
	}
	#GlobalFooter .sub-navi ul{
		margin: 18px auto;
		width: 230px;
		text-align: center;
	}
	#GlobalFooter .sub-navi li{
		margin-left: 0;
		padding: 0 10px;
		font-size: 77%;
		border-left: 1px solid #e7e7e7;
	}
	#GlobalFooter .sub-navi li:first-child{
		border-left: none;
	}

	/* copyright */
	#GlobalFooter .copyright{
		padding: 15px 0;
		text-align: center;
		border-top: 2px solid #e7e7e7;
		line-height: 1.2;
	}


	/*--------------------------------------------------------------------------
	   Content
	---------------------------------------------------------------------------*/

	#Content{
	}

	/* Main
	-----------------------------------------------------------------*/
	#Main{
		margin-top: 0;
	}
	#Main .wrap{
		width: auto;
		margin: 0 20px;
	}

}



/** -----------------------------------------------------------------
 *
 *  レスポンシブ 1000px
 *
 ----------------------------------------------------------------- */

@media screen and (max-width:1000px) {
	#GlobalHeader .global-navi .list .gnavi{
		font-size: 100%;
	}
}
@import url(../../../fonts.googleapis.com/css7family=Noto+Sans);
@import url(../../../fonts.googleapis.com/css7family=Noto+Serif);
@import url(../../common/css/font.css);
@charset "utf-8";

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

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

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;}
body{line-height:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{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;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
img{border:0;vertical-align:top;}
em{font-style:italic;}
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:middle;}
input:focus,textarea:focus,select:focus{outline:none;}


/*--------------------------------------------------------------------------
   html
---------------------------------------------------------------------------*/
head{
	font-family: pc;
}
html{
	overflow-y: scroll;
}


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

body{
	min-width: 1000px;
	color: #494949;
	font-family: "メイリオ","Meiryo",'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'游ゴシック',YuGothic,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 13px;
	/*font-size: 75%\9;*/
	line-height: 1.8;
/*	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;*/
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
	body{font-size:75%;}
}



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

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


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

#Page{
	position: relative;
}


/*--------------------------------------------------------------------------
   GlobalHeader
---------------------------------------------------------------------------*/

#GlobalHeader{
	position: absolute;
	width: 100%;
	background: #fff;
	z-index: 10;
	/*border-top: 10px solid #333333;
	border-bottom: 1px solid #efefef;-
	box-shadow: 1px 1px 1px rgba(251, 251, 251, 0.1);*/
}
#GlobalHeader.fixed{
	position: fixed;
}
#GlobalHeader .inner{
	position: relative;
	max-width: 1560px;
	min-width: 960px;
	width: 100%;
	height: 70px;
	margin: 0 auto;
	/*	border-top: 1px solid #c1272d*/
}

/* logo */
#GlobalHeader .logo{
	position: absolute;
	top: 0;
	left: 20px;
	padding-top: 10px;
	/*	border-top: 3px solid #0d6acb; */
}



#GlobalHeader #menuBtn{
	display: none;
}

/* global-navi
-----------------------------------------------------------------*/
#GlobalHeader .global-navi{
	padding-top: 15px;
	margin: 0 130px 0 280px;
}
#GlobalHeader .global-navi .list{
	position: relative;
	width: 16.6%;
	min-width: 100px;
	float: left;
}
#GlobalHeader .global-navi .list .gnavi{
	display: block;
	padding: 0 2px;
	line-height: 36px;
	text-align: center;
	transition: all 0.3s;
	border-left: 1px solid #e7e7e7;
	font-size: 108%;
	font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
}
#GlobalHeader .global-navi .list:first-child .gnavi{
	border-left: none;
}
#GlobalHeader .global-navi .list .gnavi.active span{
	color: #0d6acb;
	position: relative;
	font-weight: 600;
}
#GlobalHeader .global-navi .list .gnavi.active span:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: -12px;
	left: 0;
	background: #0d6acb;
}
#GlobalHeader .global-navi .list .gnavi.blank span{
	padding-right: 14px;
	transition: background 0.4s;
	background: url(../../common/images/ico_blank05.png) no-repeat 100% 50%;
}
#GlobalHeader .global-navi .list .gnavi.blank:hover span{
	background: url(../../common/images/ico_blank05_on.png) no-repeat 100% 50%;
}
/* IE9・10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#GlobalHeader .global-navi .list .gnavi.blank span:not(:target) {
		transition: background 1.5s;
		background: url(../../common/images/ico_blank05.png) no-repeat 100% 22%;
	}
	#GlobalHeader .global-navi .list .gnavi.blank:hover span:not(:target){
		background: url(../../common/images/ico_blank05_on.png) no-repeat 100% 22%;
	}
}
#GlobalHeader .sub-navi{
	position: absolute;
	left: 50%;
	top: 33px;
	width: 294px;
	height: 0;
	margin-left: -147px;
	overflow: hidden;
}
#GlobalHeader .sub-navi .inside{
	padding: 12px 2px 2px;
	background: url(../../common/images/bg_arrow01.png) no-repeat 50% 0;
}
#GlobalHeader .sub-navi .inside dl{
	background: #fe9e1a;
	box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.1);
}

/* webService */
#GlobalHeader #webService dt{
	font-size: 124%;
	border-bottom: 2px solid #ffce90;
}
#GlobalHeader #webService dt a{
	display: block;
	padding: 15px 22px;
	color: #fff;
	font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
	transition: all 0.3s;
	background: url(../../common/images/ico_arrow01.png) no-repeat 95% 50%;
}
/* IE9・10 */
#GlobalHeader #webService dt a:not(:target){
		padding: 19px 22px 11px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #GlobalHeader #webService dt a {
		padding: 19px 22px 11px;
	}
}

#GlobalHeader #webService dt a:hover{
	background: #f9b14c url(../../common/images/ico_arrow01.png) no-repeat 96.5% 50%;
}
#GlobalHeader #webService dd{
	padding: 0;
	margin: 0;
}
#GlobalHeader #webService ul{
	padding: 0;
	margin: 0;
	position: relative;
}
#GlobalHeader #webService li{
	border-top: 1px solid #faac42;
}
#GlobalHeader #webService li:first-child{
	border-top: none;
}
#GlobalHeader #webService li a{
	position: relative;
	display: block;
	padding: 13px 22px 12px;
	color: #fff;
	font-size: 93%;
	background: #f89000;
	transition: all 0.3s;
}
/* IE9・10 */
#GlobalHeader #webService li a:not(:target){
	font-size: 100%;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #GlobalHeader #webService li a {
		font-size: 100%;
	}
}

#GlobalHeader #webService li a:hover{
	background: #f9b14c;
}
#GlobalHeader #webService li a:after{
	position: absolute;
	content: '>';
	top: 50%;
	right: 5px;
	margin-top: -19px;
	font-family: icomoon;
	font-size: 22px;
	transition: all 0.3s;
}
#GlobalHeader #webService li a:hover:after{
	right: 1px;
}


/* contact
-----------------------------------------------------------------*/
#GlobalHeader .contact{
	position: absolute;
	top: 15px;
	right: 1%;
}
#GlobalHeader .contact a{
	display: block;
	width:30px;
	/* height: 30px; */
	color: #fff;
	padding: 10px 5px;
	text-align: center;
	border-radius: 3px;
	transition: all 0.3s;
	font-size: 100%;
	background: #333333;
	/* background: #333333 url(../../common/images/ico_mail01.png) no-repeat 15% 50%;*/
}

#GlobalHeader .phone{
	position: absolute;
	top: 15px;
	right: 5%;
}
#GlobalHeader .phone a{
	display: block;
	width: 140px;
	padding: 10px 5px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	transition: all 0.3s;
	font-size: 100%;
	/*font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;*/
	/*background: #333333 url(../../common/images/ico_phone01.png) no-repeat 10% 50%;*/
	background: #333333;
}



/* IE9・10 
#GlobalHeader .contact a:not(:target){
	padding: 34px 0 6px\9;
}*/
/* IE11 
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #GlobalHeader .contact a {
		padding: 34px 0 6px;
	}
}*/
#GlobalHeader .contact a:hover{
	background: #494848;
/*	background: #494848 url(../../common/images/ico_mail01.png) no-repeat 15% 50%;*/
}




/*---------------------------------------------------------------
/* mission
-----------------------------------------------------------------*/
#mission{
	padding-top: 30px;
	/*	background: url(../shared/images/bg_repeat01.png) repeat;*/
	padding-bottom: 100px;
}
#mission .lead{
	margin-bottom: 30px;
	text-align: center;
	line-height: 1.8;
	font-size: 120%;
	font-family: "メイリオ","Meiryo", 'Noto Sans Japanese',serif;
/*	font-family: "kokumr";*/
}


#mission .lead img:hover{
	transition: background 0.4s;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#mission .site{
	width:620px;
	padding: 5px;
	margin: 0 auto;
	text-align:center;
}
#mission .site .list{
	position: relative;
	width: 300px;
	height:80px;
	border:#999;
	float: left;
	margin:5px;
}

#mission .site .list img:hover{
	transition: background 0.4s;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


#mission .list p{
	line-height:1.3em;
	text-align: center;
	margin: 1px 7px 0 0;
	color:#fff;
}


#mission .list img{
	
	margin-top:10px;
}


#mission .site .list .gnavi{
	display: block;
	padding: 0 2px;
	line-height: 36px;
	text-align: center;
	padding-top:5px;
	transition: all 0.3s;
/*	border-left: 1px solid #e7e7e7;*/ 
	font-size: 120%;
	font-family: "メイリオ",'Noto Sans Japanese',"Meiryo", serif;
}
#mission .site .list:first-child .gnavi{
	border-left: none;
}
#mission .site .list .gnavi.active span{
	color: #fff;
	position: relative;
}
#mission .site .list .gnavi.active span:after{
/*	content: '';*/ 
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: -12px;
	left: 0;
	background: #f69600;
}
#mission .site .list .gnavi.blank span{
	padding-right: 14px;
	transition: background 0.4s;
	background: url(../common/images/ico_blank05.png) no-repeat 100% 50%;
}
#mission .site .list .gnavi.blank:hover span{
	background: url(../common/images/ico_blank05_on.png) no-repeat 100% 50%;
}





/*--------------------------------------------------------------------------
   GlobalFooter
---------------------------------------------------------------------------*/

#GlobalFooter{
	background: #4d778d;
	color: #ffffff;
}
#GlobalFooter .inner{
	position: relative;
	margin: 0 auto;
}

/* pagetop */
#pagetop a{
	display: block;
	line-height: 50px;
	text-align: center;
	font-size: 47px;
	font-family: icomoon;
	transition: all 0.3s;
}
#pagetop a:hover{
	background: #f6f4ed;
}

/* conversion
-----------------------------------------------------------------*/
#GlobalFooter .copmany-name{
	padding: 1% 0 0;
	margin: 1px 0% 0px;
	background: #fff;
	border-top: 1px solid #eee;
}


#GlobalFooter .siteA{
	width:99%;
	padding: 1px;
	margin: 0 auto;
	text-align:center;
	max-width: 1200px;
}
#GlobalFooter .siteA .list{
	position: relative;
	width: 46%;
	padding: 1%;
	float: left;
	/* margin:1%; */
	line-height:16px;
	height: 70px;
}

#GlobalFooter .siteA .list img{
	line-height:16px;
}


#GlobalFooter .siteA .list2 {
    position: relative;
    width: 46%;
    padding: 1%;
    float: right;
    margin: 1%;
    font-size: 30px;
    height: 70px;
    line-height: 70px;
    color: #656464;
}


#GlobalFooter .siteA .list p{
	font-size: 16px;
	line-height: 1.8;
	color: #656464;
	padding-left: 40px;
}
#GlobalFooter .siteA .list p:before{
	content: url(../images/icon_tel.png);
}

#GlobalFooter .copmany-name:after{
	position: absolute;
	content: '';
	width: 98%;
	height: 1px;
	left: 0;
	right: 0;
	margin: auto;
	/*	margin: 18px 0 0 -5px;*/
	display: block;
	background: #999;
}

#GlobalFooter .siteB{
	width:100%;
	padding: 30px 0 40px;
	margin: 0 auto;
	text-align:center;
}
#GlobalFooter .siteB .list{
	position: relative;
	width: 22.5%;
	padding: 0.5%;
	float: left;
	margin: 0.5%;
}

#GlobalFooter .siteB .list a{
		color:#fff;
}

#GlobalFooter .siteB .list a:hover{
		color:#eee;
}

#GlobalFooter .siteB .list a span{
	font-size:17px;
}

#GlobalFooter .siteB .list p{
	font-size: 14px;
	line-height: 1.3;
	display: inline-block;
}
#GlobalFooter .siteB .list p a{
		color:#fff;
}
#GlobalFooter .siteB .list img{
	position: absolute;
	right: 5.8%;
	top: 40%;
}

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

	#GlobalFooter .siteB .list p{
		font-size: 99%;
	}



	#GlobalFooter .siteB .list img{
		right: 3%;

	}




}

#GlobalFooter .siteB .list img:hover{
	transition: all 0.3s;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


#GlobalFooter .contact-btn{
	width: 300px;
	margin: 0 auto;
	padding: 0 0 0px;
}



/* contact-btn */
#GlobalFooter .contact-btn{
	width: 300px;
	margin: 0 auto;
	padding: 0 0 0px;
}
#GlobalFooter .contact-btn a{
	display: block;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	transition: all 0.3s;
	background: #fff	;
}
#GlobalFooter .contact-btn a span{
	display: inline-block;
	padding: 18px 0 18px 38px;
	font-size: 147%;
	font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
	background: url(../../common/images/ico_mail02.png) no-repeat 0 50%;
}
/* IE9・10 */
#GlobalFooter .contact-btn a span:not(:target){
	padding: 22px 0 14px 38px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #GlobalFooter .contact-btn a span {
		padding: 22px 0 14px 38px;
	}
}
#GlobalFooter .contact-btn a span br{
	display: none;
}
#GlobalFooter .contact-btn a:hover{
	color: #fff;
	background: #ff97a9;
}


/* address */
#GlobalFooter .address{
	position: relative;
	margin-bottom: 22px;
}
#GlobalFooter .address .office{
	float: left;
	width: 33.3%;
	/width: 33%;
}
#GlobalFooter .address .inner{
	margin: 0 5px;
}
#GlobalFooter .address .tokyo .inner{
	margin-left: 0;
}
#GlobalFooter .address .nagoya .inner{
	margin-right: 0;
}

#GlobalFooter .address .office ul{
	margin-top: 25px;
	text-align: center;
}
#GlobalFooter .address .office li a{
	transition: 0.3s;
	color: #e28414;
}
#GlobalFooter .address .office li a:hover{
	color: #f2a952;
}
#GlobalFooter .map{
	width: 100%;
	height: 180px;
}

/* sns */
#GlobalFooter .fb-btn a{
	margin: 0 auto;
	display: block;
	width: 45px;
	height: 45px;
	transition: all 0.2s;
	text-indent: -9999px;
	text-align: center;
	background: url(../../common/images/btn_fb.png) no-repeat 50% 50%;
}
#GlobalFooter .fb-btn a:hover{
	background: url(../../common/images/btn_fb_on.png) no-repeat 50% 50%;
}


/* navi
-----------------------------------------------------------------*/
#GlobalFooter .navi{
	color: #fff;
	padding: 0 1%;
	
}
#GlobalFooter .wrap{
	width: 98%;
	margin: 0 auto;
	padding: 10px 0;
}

/* link */
#GlobalFooter .link{
	float: right;
}
#GlobalFooter .security-block{
	float: left;
}
#GlobalFooter .link p{
	margin-right: 10px;
	float:left;
}
#GlobalFooter .logo a{
	display: block;
	width: 220px;
	height: 60px;
	background: none;
	text-indent: -9999px;
	transition: all 0.3s;
	background: url(../../common/images/header_logo.png) no-repeat 0 0;
}
#GlobalFooter .logo a:hover{
	background: url(../../common/images/header_logo.png) no-repeat 0 0;
}




/* sub-navi */
#GlobalFooter .sub-navi{
	float: left;
	width: 70%;
}
#GlobalFooter .sub-navi ul{
	width: 100%;
	margin: 6px 0;
	padding: 0;
	text-align: left;
	letter-spacing: -0.4em;
}
#GlobalFooter .sub-navi li{
	font-size: 95%;
	text-align: center;
	letter-spacing: 0;
	padding: 0 20px;
  	display: inline; /* 横並びにさせる */
  	border-left: 1px solid #999; /* 区切り線 */

}

#GlobalFooter .sub-navi li:first-child{
	border: none;

}


#GlobalFooter .sub-navi li a{
	transition: all 0.3s;
	color: #ffffff;
}

#GlobalFooter .sub-navi li a:hover{
	color: #d3cdce;

}



#GlobalFooter .sub-navi2{
	float: right;
	width: 30%;
}
#GlobalFooter .sub-navi2 ul{
	width: 100%;
	margin: 1% 0;
	padding: 0;
	text-align: right;
	letter-spacing: -0.4em;
}
#GlobalFooter .sub-navi2 li{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-right: 1%;
	font-size: 85%;
	text-align: right;
	letter-spacing: 0;
}




/* copyright */
#GlobalFooter .copyright{
	text-align: left;
	margin-left: 15px;
}
#GlobalFooter .copyright small{
	font-size: 85%;
}


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

#Content{
}

/* Main
-----------------------------------------------------------------*/
#Main{
	margin-top: 70px;
}
#Main .wrap{
	width: 960px;
	margin: 0 auto;
}

/* hide-hdg */
#Main .hide-hdg{
	display: none;
}


/*--------------------------------------------------------------------------
   ページトップ 48494c
---------------------------------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 40px;
    right: 20px;
    z-index:1;
    line-height: 0.8em;
}
#page-top a {
    text-decoration: none;
    width: 100px;
    text-align:center;
    display: block;
    font-size: 1.5em;
    color: #bababa;
}
#page-top a:hover {
    text-decoration: none;
   	opacity: 0.6; 

}

#page-top span {
    font-size: 0.6em;
    line-height: 0.6em;
}




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

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

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

	/*--------------------------------------------------------------------------
	   html
	---------------------------------------------------------------------------*/
	head{
		font-family: sp;
	}

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

	body{
		min-width: 100%;
		margin: 0;
		padding: 0;
	}


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

	a:hover{
		color: #494949;
	}


	/*--------------------------------------------------------------------------
	   GlobalHeader
	---------------------------------------------------------------------------*/
	#GlobalHeader{
		position: relative;
		border-top: 5px solid #0e6bcd;
		margin: 0;
	}
	#GlobalHeader.fixed{
		position: relative;
	}
	#GlobalHeader .inner{
		min-width: 320px;
		height: 65px;
		margin: 0;
	}
	/* logo */
	#GlobalHeader .logo{
		top: 10px;
		left: 10px;
		margin: 0;
		padding: 0;
		border-top: none;
	}
	#GlobalHeader .logo img{
		width: 250px;
		/* height: 29px; */
	}
	#GlobalHeader #menuBtn{
		display: block;
		margin: 0;
	}
	#GlobalHeader #menuBtn a{
		position: absolute;
		right: 10px;
		top: 10px;
		width: 45px;
		height: 45px;
		text-indent: -9999px;
		background: url(../../common/images/btn_menu.png) no-repeat 0 0;
		background-size: 45px;
	}
	#GlobalHeader #menuBtn .open-flg{
		background: url(../../common/images/btn_menu_close.png) no-repeat 0 0;
		background-size: 45px;
	}
	#GlobalHeader #openMenu{
		display: none;
		position: absolute;
		top: 66px;
		z-index: 5;
		width: 100%;
		background: #fff;
	}
	#menuBg{
		display: none;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: #000000;
		opacity: 0.7;
		z-index: 4;
	}

	/* global-navi
	-----------------------------------------------------------------*/
	#GlobalHeader .global-navi{
		margin: 0;
		padding-top: 0;
	}
	#GlobalHeader .global-navi .list{
		width: 100%;
		float: none;
	}
	#GlobalHeader .global-navi .list .gnavi{
		position: relative;
		padding: 0 20px;
		line-height: 55px;
		text-align: left;
		border-left: none;
		border-bottom: 1px solid #e7e7e7;
	}
	#GlobalHeader .global-navi .list .gnavi:hover{
		color: #494949;
	}
	#GlobalHeader .global-navi .list .gnavi:after{
		position: absolute;
		content: '>';
		top: 0;
		right: 12px;
		font-family: icomoon;
		font-size: 22px;
	}
	#GlobalHeader .global-navi .list.parent .gnavi:after{
		content: '';
		width: 17px;
		height: 100%;
		right: 20px;
		background: url(../../common/images/ico_open.png) no-repeat 93.5% 50%;
		background-size: 17px 17px;
	}
	#GlobalHeader .global-navi .list.parent .gnavi.open-flg:after{
		content: '';
		width: 17px;
		height: 100%;
		right: 20px;
		background: url(../../common/images/ico_close.png) no-repeat 100% 50%;
		background-size: 17px 17px;
	}
	#GlobalHeader .global-navi .list .gnavi.active span:after{
		display: none;
	}
	#GlobalHeader .global-navi .list .gnavi.blank span,
	#GlobalHeader .global-navi .list .gnavi.blank:hover span{
		background: none;
	}
	#GlobalHeader .global-navi .list .gnavi.blank:after{
		content: '';
		width: 10px;
		height: 55px;
		right: 23px;
		background: url(../../common/images/ico_blank05_sp.png) no-repeat 0 50%;
		background-size: 10px 10px;
	}
	#GlobalHeader .sub-navi{
		position: static;
		width: 100%;
		margin-left: 0;
		transition: all 0.3s;
		background: none;
		overflow: hidden;
	}
	#GlobalHeader .sub-navi .inside{
		padding: 0 20px;
		background: #fafafa;
		border-bottom: 1px solid #e7e7e7;
	}
	#GlobalHeader .sub-navi .inside dl{
		background: none;
		box-shadow: none;
	}

	/* #webService */
	#GlobalHeader #webService dt{
		font-size: 93%;
		border-bottom: none;
	}
	#GlobalHeader #webService dt a{
		position: relative;
		padding: 14px 5px 13px;
		color: #646464;
		font-family: "メイリオ","Meiryo",'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'游ゴシック',YuGothic,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
		background: none;
	}
	#GlobalHeader #webService dt a:hover{
		background: none;
	}
	#GlobalHeader #webService li{
		border-top: none;
	}
	#GlobalHeader #webService li a{
		position: relative;
		padding: 14px 5px 13px;
		color: #646464;
		font-size: 85%;
		background: none;
		border-top: 1px solid #e7e7e7;
	}
	#GlobalHeader #webService li a:after,
	#GlobalHeader #webService dt a:after{
		position: absolute;
		content: '>';
		top: 50%;
		right: -5px;
		margin-top: -19px;
		font-family: icomoon;
		font-size: 22px;
	}
	#GlobalHeader #webService li a:hover{
		background: none;
	}
	#GlobalHeader #webService li a:hover:after{
		right: -5px;
	}


	/* contact
	-----------------------------------------------------------------*/
	#GlobalHeader .contact{
		position: static;
		margin: 20px;
		padding: 0;
	}
	#GlobalHeader .contact a{
		width: 30%;
		padding: 0;
		text-indent: 0;
		font-size: 100%;
		font-weight: bold;
		line-height: 45px;
		background: #4d778d;
		margin: 0 auto;
	}
	#GlobalHeader .contact a span{
		padding-left: 22px;
		background: url(../../common/images/ico_mail01_sp.png) no-repeat 0 50%;
		background-size: 16px 12px;
	}
	#GlobalHeader .contact a:hover{
		background: #5e879d;
	}

	#GlobalHeader .phone {
    position: absolute;
    top: -55px;
    right: 80px;
    z-index:1000;
}

	/*--------------------------------------------------------------------------
	   GlobalFooter
	---------------------------------------------------------------------------*/
	#GlobalFooter{
	}

	/* pagetop */
	#pagetop{
		width: auto;
		margin: 0 20px;
	}
	#pagetop a{
		line-height: 44px;
	}
	#pagetop a:hover{
		background: #f1efe8;
	}

	/* conversion
	-----------------------------------------------------------------*/
	#GlobalFooter .conversion{
		padding: 26px 0 24px;
		border-top: 1px solid #e2e0d6;
	}

	/* contact-btn */
	#GlobalFooter .contact-btn{
		width: auto;
		margin: 0 20px;
		padding: 0 0 26px;
	}
	#GlobalFooter .contact-btn a span{
		padding: 12px 0 12px 38px;
		font-size: 131%;
		text-align: left;
		line-height: 1.3;
		font-weight: bold;
		background: url(../../common/images/ico_mail02_sp.png) no-repeat 0 50%;
		background-size: 27px 19px;
	}
	#GlobalFooter .contact-btn a span br{
		display: inline;
	}

	/* address */
	#GlobalFooter .address{
		margin: 0 20px;
	}
	#GlobalFooter .address .office{
		float: none;
		width: auto;
		margin-bottom: 15px;
	}
	#GlobalFooter .address .office:last-child{
		margin-bottom: 25px;
	}
	#GlobalFooter .address .inner{
		margin: 0;
	}
	#GlobalFooter .map{
		display: none;
	}
	#GlobalFooter .address .office ul{
		margin-top: 0;
		padding-left: 24px;
		min-height: 31px;
		font-size: 85%;
		text-align: left;
		background: url(../../common/images/ico_pin_sp.png) no-repeat 0 0.1em;
		background-size: 19px 31px;
	}
	#GlobalFooter .address .office li{
		line-height: 1.2;
		margin-bottom: 5px;
	}

	/* sns */
	#GlobalFooter .sns{
		margin: 0;
		padding: 0;
	}
	#GlobalFooter .fb-btn a{
		background: url(../../common/images/btn_fb_sp.png) no-repeat 50% 50%;
		background-size: 45px 45px;
	}
	#GlobalFooter .fb-btn a:hover{
		background: url(../../common/images/btn_fb_sp.png) no-repeat 50% 50%;
		background-size: 45px 45px;
	}


	/* navi
	-----------------------------------------------------------------*/
	#GlobalFooter .navi{
		border-top: none;
	}
	#GlobalFooter .wrap{
		width: auto;
		padding: 26px 0 0;
		border-top: none;
	}

	/* link */
	#GlobalFooter .link{
		float: none;
		margin: 0 20px;
	}
	#GlobalFooter .link p{
		float: none;
		text-align: center;
	}
	#GlobalFooter .link .bnr{
		margin-right: 0;
	}
	#GlobalFooter .link .bnr a{
		width: 225px;
		height: 58px;
		margin: 0 auto;
		background: url(../../common/images/hedaer_logo.png) no-repeat 0 0;
		background-size: 225px 58px;
	}
	#GlobalFooter .link .bnr a:hover{
		background: url(../../common/images/hedaer_logo.png) no-repeat 0 0;
		background-size: 225px 58px;
	}
	#GlobalFooter .security-block{
		margin-top: 15px;
		float: none;
		text-align: center;
		letter-spacing: -0.4em;
	}
	#GlobalFooter .security-block p{
		display: inline-block;
	}
	#GlobalFooter .security-block .security img{
		width: 64px;
		height: auto;
	}
	#GlobalFooter .security-block .privacy img{
		width: 29px;
		height: auto;
	}

	/* sub-navi */
	#GlobalFooter .sub-navi{
		float: none;
	}
	#GlobalFooter .sub-navi ul{
		margin: 18px auto;
		width: 230px;
		text-align: center;
	}
	#GlobalFooter .sub-navi li{
		margin-left: 0;
		padding: 0 10px;
		font-size: 77%;
		border-left: 1px solid #e7e7e7;
	}
	#GlobalFooter .sub-navi li:first-child{
		border-left: none;
	}

	/* copyright */
	#GlobalFooter .copyright{
		padding: 15px 0;
		text-align: center;
		border-top: 2px solid #e7e7e7;
		line-height: 1.2;
	}


	/*--------------------------------------------------------------------------
	   Content
	---------------------------------------------------------------------------*/

	#Content{
	}

	/* Main
	-----------------------------------------------------------------*/
	#Main{
		margin-top: 0;
	}
	#Main .wrap{
		width: auto;
		margin: 0 20px;
	}

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

	#GlobalFooter .siteA .list {
		width: 98%;
		clear: both;
		text-align: center;
	}

	#GlobalFooter .siteA .list2 {

		width: 98%;
		clear: both;
		text-align: center;

	}
	
	
	#GlobalFooter .sub-navi2{
		width: 100%;
		clear: both;
		text-align: center;
	}
	#GlobalFooter .sub-navi2 ul{
		padding: 0;
		text-align: center;
	}
	#GlobalFooter .sub-navi2 li{
		display: inline-block;

	}




	#GlobalFooter .sub-navi {
		clear: both;
	    width: 100%;
	}	
	
	#GlobalFooter .sub-navi ul {
	    width: 100%;
	    text-align: center;
	}	
	
}




/** -----------------------------------------------------------------
 *
 *  レスポンシブ 1000px
 *
 ----------------------------------------------------------------- */

@media screen and (max-width:1000px) {
	#GlobalHeader .global-navi .list .gnavi{
		font-size: 100%;
	}
}