@import url(https://fonts.googleapis.com/css?family=Noto+Sans);
@import url(https://fonts.googleapis.com/css?family=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 0 0 0;padding: 0;: 0border: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;margin: 0 auto;}
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;15:11 2018/03/2215:11 2018/03/22
}
html{
	overflow-y: scroll;
}


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

body{
	min-width: 100%;
	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: #fff;
	outline: none;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a:hover{
	color:#c1272d;
	text-decoration: none;
}


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

#Page{
	position: relative;
}


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

#fade-in li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
}
#fade-in li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}

.absolute {
    position: absolute;
    margin-top: 371px;
    color: #fff;
    background: rgba(0,0,0,.6);
    width: 100%;
    padding: 2.7em 0;
}
.absolute p {
    margin: 0;
    font-size: 200%;
    text-align: center;
}


#GlobalHeader{
	position: absolute;
	width: 100%;
	/* background-image: url(img/bg-2.png); */
	z-index: 30;
	border-bottom: 0px solid #efefef;
	box-shadow: 1px 1px 1px rgba(251, 251, 251, 0.1);
	background: rgba(0, 0, 0, 0.7);
}
#GlobalHeader.fixed{
	position: fixed;
}
#GlobalHeader .inner{

	position: relative;
	max-width: 1560px;
	min-width: 960px;
	width: 100%;
	height: 90px;
	margin: 0 auto;

}

/* logo */
#GlobalHeader .logo{
	position: absolute;
	top: 5px;
	left: 70px;
/*	border-top: 3px solid #025481;*/
}

#GlobalHeader #menuBtn{
	display: none;
}

/* global-navi
-----------------------------------------------------------------*/
#GlobalHeader .global-navi{
	padding-top: 28px;
	margin: 0 112px 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%;
}

#GlobalHeader .global-navi .list .gnavi.active span{
	color: #c1272d;
	position: relative;
}
#GlobalHeader .global-navi .list .gnavi.active span:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: -12px;
	left: 0;
	background: #c1272d;
}
#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: 60px;
	top: 32px;
	width: 294px;
	height: 0;
	margin-left: -147px; /*  -147 →　200*/
	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;
	background: #025481;
	box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.1);*/
}


#GlobalHeader .sub-navi1{
	position: absolute;
	left: 50%;
	top: 33px;
	width: 294px;
	height: 0;
	margin-left: -147px; /*  -147 →　200*/
	overflow: hidden;
}
#GlobalHeader .sub-navi1 .inside{
	padding: 12px 2px 2px;
	background: url(../../common/images/bg_arrow01.png) no-repeat 50% 0;
}
#GlobalHeader .sub-navi1 .inside dl{
	/*background: #fe9e1a;
	background: #025481;
	box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.1);*/
}







/* proService */
#GlobalHeader #proService dt{
	font-size: 124%;
	background: #e89028;
	margin-bottom:5px;
/*	border-bottom: 2px solid #ffce90;
	border-bottom: 2px solid #398bb7;*/
}
#GlobalHeader #proService 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 #proService dt a:not(:target){
		padding: 19px 22px 11px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #GlobalHeader #proService dt a {
		padding: 19px 22px 5px;
	}
}

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

#GlobalHeader #proService li a:hover{
	background: url(../../img/bg.png);
}
#GlobalHeader #proService li a:after{
	position: absolute;
	content: '>';
	top: 50%;
	right: 10px;
	margin-top: -19px;
	font-family: 'icomoon';
	font-size: 22px;
	transition: all 0.3s;
}
#GlobalHeader #proService li a:hover:after{
	right: 1px;
}




/* proService1 */
#GlobalHeader #proService1 dt{
	font-size: 124%;
	background: #e89028;
	margin-bottom:5px;
/*	border-bottom: 2px solid #ffce90;
	border-bottom: 2px solid #398bb7;*/
}
#GlobalHeader #proService1 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 #proService1 dt a:not(:target){
		padding: 19px 22px 11px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #GlobalHeader #proService1 dt a {
		padding: 19px 22px 5px;
	}
}

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

#GlobalHeader #proService1 li a:hover{
	background: url(../../img/bg.png);
}
#GlobalHeader #proService1 li a:after{
	position: absolute;
	content: '>';
	top: 50%;
	right: 10px;
	margin-top: -19px;
	font-family: 'icomoon';
	font-size: 22px;
	transition: all 0.3s;
}
#GlobalHeader #proService1 li a:hover:after{
	right: 1px;
}







/* contact
-----------------------------------------------------------------*/
#GlobalHeader .contact{
	position: absolute;
	top: 16px;
	right: 20px;
}
#GlobalHeader .contact a{
	display: block;
	width: 88px;
	padding: 32px 0 8px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	transition: all 0.3s;
	font-size: 85%;
	font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
	/*background: #fe9e1a url(../../common/images/ico_mail01.png) no-repeat 50% 28%;*/
	background: #e89028 url(../../common/images/ico_mail01.png) no-repeat 50% 28%;
}
/* 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: #f4ad62 url(../../common/images/ico_mail01.png) no-repeat 50% 28%;
}





/*----------------------------*/
#GlobalHeader .lan_japan{
	position: absolute;
	top: 25px;
	right: 50px;
}
#GlobalHeader .lan_japan a{
	display: block;
	width: 40px;
	height: 40px;
	padding: 5px 0 8px;
	text-align: center;
	border-radius: 3px;
	transition: all 0.3s;
	background: url(../images/icon_lang_ja.svg) no-repeat 50% 28%;
}
/* IE9・10 */
#GlobalHeader .lan_japan span a:not(:target){
	padding: 20px 0 6px\9;
}
/* IE11 
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #GlobalHeader .contact a {
		padding: 34px 0 6px;
	}
}*/
#GlobalHeader .lan_japan a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
/*	transition: all 0.5s;
	background: #13618c url(../../common/images/ico_mail01.png) no-repeat 50% 28%;*/
}

/*　英語 
----------------------------*/
#GlobalHeader .lan_us{
	position: absolute;
	top: 25px;
	right: 8px;
}
#GlobalHeader .lan_us a{
	display: block;
	width: 40px;
	height: 40px;
	padding: 5px 0 8px;
	text-align: center;
	border-radius: 3px;
	transition: all 0.3s;
	background: url(../images/icon_lang_en.svg) no-repeat 50% 28%;
	/*background: #00406c url(../../common/images/ico_mail01.png) no-repeat 50% 28%;*/
}
/* IE9・10 */
#GlobalHeader .lan_us a:not(:target){
	padding: 20px 0 6px\9;
}
/* IE11 
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #GlobalHeader .contact a {
		padding: 34px 0 6px;
	}
}*/
#GlobalHeader .lan_us a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
/*	transition: all 0.5s;
	background: #13618c url(../../common/images/ico_mail01.png) no-repeat 50% 28%;*/
}



/*　中国
----------------------------*/
#GlobalHeader .lan_cn{
	position: absolute;
	top: 25px;
	right: 8px;
}
#GlobalHeader .lan_cn a{
	display: block;
	width: 40px;
	height: 40px;
	padding: 5px 0 8px;
	text-align: center;
	border-radius: 3px;
	transition: all 0.3s;
	background: url(../images/icon_lang_cn.svg) no-repeat 50% 28%;
	/*background: #00406c url(../../common/images/ico_mail01.png) no-repeat 50% 28%;*/
}
/* IE9・10 */
#GlobalHeader .lan_cn a:not(:target){
	padding: 20px 0 6px\9;
}
/* IE11 
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #GlobalHeader .contact a {
		padding: 34px 0 6px;
	}
}*/
#GlobalHeader .lan_cn a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
/*	transition: all 0.5s;
	background: #13618c url(../../common/images/ico_mail01.png) no-repeat 50% 28%;*/
}



/*　韓国
----------------------------*/
#GlobalHeader .lan_ko{
	position: absolute;
	top: 25px;
	right: 8px;
}
#GlobalHeader .lan_ko a{
	display: block;
	width: 40px;
	height: 40px;
	padding: 5px 0 8px;
	text-align: center;
	border-radius: 3px;
	transition: all 0.3s;
	background: url(../images/icon_lang_ko.svg) no-repeat 50% 28%;
	/*background: #00406c url(../../common/images/ico_mail01.png) no-repeat 50% 28%;*/
}
/* IE9・10 */
#GlobalHeader .lan_ko a:not(:target){
	padding: 20px 0 6px\9;
}
/* IE11 
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #GlobalHeader .contact a {
		padding: 34px 0 6px;
	}
}*/
#GlobalHeader .lan_ko a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
/*	transition: all 0.5s;
	background: #13618c url(../../common/images/ico_mail01.png) no-repeat 50% 28%;*/
}



/* .snsArea ul */
#GlobalHeader .snsArea ul { font-size:0; display:inline-block; }
#GlobalHeader .snsArea ul li {display:inline-block;margin:0;text-align:center;padding-right: 8px;}
#GlobalHeader .snsArea ul li a {display:block;width: 30px;height: 40px;font-size:15px;font-size: 18px;color:#111;font-weight:normal;position:relative;z-index:0;}
#GlobalHeader .snsArea ul li a i { line-height:30px; }
#GlobalHeader .snsArea ul li a:hover { font-size:18px; color:#fff;}
#GlobalHeader .snsArea ul li a:hover i { -webkit-transform: rotate(360deg) scale(1.1);-moz-transform: rotate(360deg) scale(1.1);-o-transform: rotate(360deg) scale(1.1);-ms-transform: rotate(360deg) scale(1.1);transform: rotate(360deg) scale(1.1);}
#GlobalHeader .snsArea ul li a.youtube { font-size:18px; }
#GlobalHeader .snsArea ul li a.youtube:hover { font-size:23px;}


/* ul.blog */
#GlobalHeader .snsArea {position:absolute;top: 15px;right: 30px;/* width: 600px; */z-index: 1000;}
#GlobalHeader .snsArea ul.blog {position:relative;z-index: 60;margin-left:10px;display: inline;display: inline;padding-left:18px;top: 0px;}
#GlobalHeader .snsArea ul.blog:before {/* position:absolute; *//* top: 0; *//* left:0; *//* bottom:10px; *//* width:10px; *//* content:""; */border-left:#111 1px dotted;z-index:-1;}
#GlobalHeader .snsArea ul.blog li a {width:auto;display: inline;height: 30px;color:#fff;font-family: 'Catamaran', sans-serif;font-weight:400;letter-spacing:1.5px;position:relative;line-height: 30px;z-index:2;/* display: inline-block; */}
#GlobalHeader .snsArea ul.blog li a:hover {color:#fff;}
#GlobalHeader .snsArea ul.blog li a i {font-size: 17px;line-height: 20px;font-weight:normal;padding-right:3px;}
#GlobalHeader .snsArea ul.blog li a:before {position:absolute;bottom: 1px;left:0;right:0;height:0;content:"";/* border-bottom:#ddd 1px dotted; */z-index:-2;}
#GlobalHeader .snsArea ul.blog li a:after {position:absolute;bottom: 0px;left:0;right:100%;height:0;content:"";border-bottom:transparent 1px solid;z-index:-1;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#GlobalHeader .snsArea ul.blog li a:hover:after{ right:0; border-bottom:#fff 1px solid; }


#header .snsArea .sep{
	display:inline-block;
	width:1px;
	height:16px;
	vertical-align:middle;
	margin: 0 10px;
	background:#fff;
}


.ti-lang-ja:before {
    content: url(../images/language_kr.svg);
}


.ti-lang-en:before {
    content: url(../images/icon_lang_en.svg);
}

/* English */
.ti-lang-en:before{content: url(../images/icon_lang_en.svg) opacty:10;}

/* Korean  */
.ti-lang-ko:before{content: url(../images/icon_lang_ko.svg) }

/* Japanese  */
.ti-lang-ja:before{content: url(../images/icon_lang_ja.svg) }

/* ch  */
.ti-lang-cn:before{content: url(../images/icon_lang_cn.svg) }


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

/* ul.blog */
#GlobalHeader .snsArea {position:absolute;top: -50px;right: 80px;/* width: 600px; */z-index: 1000;}

}


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

#GlobalFooter{
	background: #4d4d4b;
}
#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: #191818;
}

/* conversion お問い合わせ
-----------------------------------------------------------------*/
#GlobalFooter .conversion{
	background: #616161;
	padding: 60px 0 40px;
	border-top: 1px solid #e3e1d7;
}

/* contact-btn */
#GlobalFooter .contact-btn{
	width: 400px;
	margin: 0 auto;
	padding: 0 0 60px;
}
#GlobalFooter .contact-btn a{
	display: block;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	transition: all 0.3s;
	/* background: #f69600	;*/
	background: #494949;
}
#GlobalFooter .contact-btn a span{
	display: inline-block;
	padding: 18px 0 18px 38px;
	font-size: 147%;
	font-family: '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: #646464;
}


/* address */
#GlobalFooter .address{
	position: relative;
	margin-bottom: 22px;
}
#GlobalFooter .address .office{
	float: left;
	width: 100%;
	/width: 100%;
}
#GlobalFooter .address .inner{
	margin: 0 5px;
}
#GlobalFooter .address .honsha .inner{
	margin-left: 0;
}
#GlobalFooter .address .daini .inner{
	margin-right: 0;
}

#GlobalFooter .address .office ul{
	margin-top: 25px;
	text-align: center;
}
#GlobalFooter .address .office li a{
	transition: 0.3s;
	/* color: #c1272d; */
}
#GlobalFooter .address .office li a:hover{
	/* color: #dd3e4b; */
}
#GlobalFooter .map{
	width: 100%;
	height: 250px;
}

/* 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{
	border-top: 1px solid #e7e7e7;
	background: #fff;
}
#GlobalFooter .wrap{
	width: 600px;
	margin: 0 auto;
	padding: 0 0 20px;
}


#GlobalFooter .wrap p{
	text-align: center;
	color: #fff;
}


#GlobalFooter .logo{
	text-align: center;
	max-width:100%;
	margin: 0 auto;
	
}



#GlobalFooter .footer_nav{
	padding: 7px 0 3px;
    height: 20px;
}
#GlobalFooter .footer_nav p{
	padding: 7px 0 3px;
    height: 20px;
    text-align: center;
    color:#fff;
}

#GlobalFooter .footer_nav li{
    vertical-align: top;
    display: inline-block;
    font-size: 0.9rem;
    /*margin-left: 16px;*/
    text-align: left;
    line-height: 1;
    padding: 0px 10px 0 0;
    transition: all 0.3s;
}

#GlobalFooter .footer_nav li a {
	color: #fff;
	text-decoration: none;
}

#GlobalFooter .footer_nav li a:hover {
	color: #808080;
}




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

/* sub-navi */
#GlobalFooter .sub-navi{
	float: right;
	display: block;
	padding: 0 25px 30px 0;
}
#GlobalFooter .sub-navi ul{
	width: 410px;
	margin: 0 0;
	padding: 0;
	text-align: right;
	letter-spacing: -0.4em;
}
#GlobalFooter .sub-navi li{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-left: 15px;
	font-size: 85%;
	text-align: right;
	letter-spacing: 0;
}
#GlobalFooter .sub-navi li a{
	transition: all 0.3s;
}

/* copyright */
#GlobalFooter .copyright{
	text-align: right;
}
#GlobalFooter .copyright small{
	font-size: 85%;
}




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

#Content{
}

/* Main
-----------------------------------------------------------------*/

#Main .wrap{
	width: 960px;
	margin: 0 auto;
}

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



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

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


/** -----------------------------------------------------------------
 *
 *  [sp]レスポンシブ 768px
 *
 ----------------------------------------------------------------- */

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

	body{
		min-width: 768px;
	}


	#GlobalHeader .inner{

		position: relative;
		max-width: 768px;
		min-width: 768px;
		width: 100%;
		height: 90px;
		margin: 0 auto;

	}

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

	#GlobalHeader .logo img{
		padding-top:10px;
		width: 70%;
		height: auto;
	}

	/* global-navi
	-----------------------------------------------------------------*/
	#GlobalHeader .global-navi{
		padding-top: 28px;
		margin: 0 5px 0 170px;
	}
	#GlobalHeader .global-navi .list{
		position: relative;
		width: 14%;
		min-width: 100px;
		float: left;
	}
	#GlobalHeader .global-navi .list .gnavi{
		display: block;
		padding: 0 1px;
		line-height: 36px;
		text-align: center;
		transition: all 0.3s;
		border-left: 1px solid #e7e7e7;
		font-size: 98%;
		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: #c1272d;
		position: relative;
	}
	#GlobalHeader .global-navi .list .gnavi.active span:after{
		content: '';
		position: absolute;
		width: 100%;
		height: 2px;
		bottom: -12px;
		left: 0;
		background: #c1272d;
	}
	#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%;*/
	}





	/* contact
	-----------------------------------------------------------------*/
	#GlobalHeader .contact{
		position: absolute;
		top: 16px;
		right: 10px;
	}


	#Main .wrap{
		width:100%;
		margin: 0 auto;
	}


	#GlobalFooter .wrap{
		width: 95%;
		margin: 0 auto;
		padding: 30px 0 20px;
	}



}

/** -----------------------------------------------------------------
 *
 *  [sp]レスポンシブ 740px
 *
 ----------------------------------------------------------------- */

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

	/*--------------------------------------------------------------------------
	   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 #fe9e1a;*/
	/*	border-top: 3px solid #025481;*/
		margin: 0;
	}
	#GlobalHeader.fixed{
		position: relative;
	}
	#GlobalHeader .inner{
		min-width: 320px;
		height: 65px;
		margin: 0;
		background: #341f1f;
	}
	/* logo */
	#GlobalHeader .logo{
		top: 5px;
		left: 30px;
		margin: 0;
		padding: 0;
		border-top: none;
	}
	#GlobalHeader .logo img{
		padding-top:0px;
	}
	
	#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%;
	}
	#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;
		background: #000;
	}
	#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;
	}

	/* #proService */
	#GlobalHeader #proService dt{
		font-size: 93%;
		border-bottom: none;
		background: none;
	}
	#GlobalHeader #proService 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 #proService dt a:hover{
		background: none;
	}
	#GlobalHeader #proService li{
		border-top: none;
	}
	#GlobalHeader #proService li a{
		position: relative;
		padding: 14px 5px 13px;
		color: #646464;
		font-size: 85%;
		background: none;
		border-top: 1px solid #e7e7e7;
	}
	#GlobalHeader #proService li a:after,
	#GlobalHeader #proService dt a:after{
		position: absolute;
		content: '>';
		top: 50%;
		right: -5px;
		margin-top: -19px;
		font-family: 'icomoon';
		font-size: 22px;
	}
	#GlobalHeader #proService li a:hover{
		background: none;
	}
	#GlobalHeader #proService li a:hover:after{
		right: -5px;
	}

	/* #proService1 */
	#GlobalHeader #proService1 dt{
		font-size: 93%;
		border-bottom: none;
		background: none;
	}
	#GlobalHeader #proService1 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 #proService1 dt a:hover{
		background: none;
	}
	#GlobalHeader #proService1 li{
		border-top: none;
	}
	#GlobalHeader #proService1 li a{
		position: relative;
		padding: 14px 5px 13px;
		color: #646464;
		font-size: 85%;
		background: none;
		border-top: 1px solid #e7e7e7;
	}
	#GlobalHeader #proService1 li a:after,
	#GlobalHeader #proService1 dt a:after{
		position: absolute;
		content: '>';
		top: 50%;
		right: -5px;
		margin-top: -19px;
		font-family: 'icomoon';
		font-size: 22px;
	}
	#GlobalHeader #proService1 li a:hover{
		background: none;
	}
	#GlobalHeader #proService1 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;*/
		background: #e89028;
	}
	#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;*/
		background: #e89028;
	}



	/*--------------------------------------------------------------------------
	   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 55px;
		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;
	}
	/* アクセスMAPマークの設定（ピンICON）
	#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/footer_bnr_sp.png) no-repeat 0 0;
		background-size: 225px 58px;
	}
	#GlobalFooter .link .bnr a:hover{
		background: url(../../common/images/footer_bnr_sp.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;
		background: none;
		margin:0;
		padding:0;
	}
	#GlobalFooter .sub-navi ul{
		margin: 5px auto;
		width: auto;
		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: 1px solid #e7e7e7;
		line-height: 1.2;
	}


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

	#Content{
	}

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

}

/** -----------------------------------------------------------------
 *
 *  [sp]レスポンシブ 375px
 *
 ----------------------------------------------------------------- */

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

	#Main{
		margin-top: 0;
	}
	#Main .wrap{
		width: 360px;
		margin: 0 auto;
	}
	
	#Main2{
		margin-top: 0;
	}
	#Main2 .wrap{
		width: 360px;
		margin: 0 auto;
	}

}



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

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

/* ----------------------------------------------------------
   
   #scrollUp
   
   ---------------------------------------------------------- */

#scrollUp {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 1000;
}

#scrollUp a {
    width: 60px;
    height: 60px;
    display: block;
    color: #fefefe;
    background: #000000;
    border: none;
    text-align: center;
    z-index: 11;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: relative;
    z-index: 1;
}

#scrollUp a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-family: 'FontAwesome';
    font-family: 'icomoon';
/*     content: "\f106"; */
    content: "^";
    font-size: 30px;
    line-height: 58px;
}

#scrollUp a:hover {
    -webkit-transform: translate(0px, -10px);
    -moz-transform: translate(0px, -10px);
    -o-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
}

@media only screen and (max-width: 800px) {
    #scrollUp a:hover {
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@media only screen and (max-width: 414px) {
    #scrollUp a {
        width: 50px;
        height: 50px;
    }

    #scrollUp a:before {
        font-size: 16px;
        line-height: 48px;
    }
}