@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);

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

/*--------------------------------------------------------------------------
   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: 960px;
	color: #494949;
	font-family:'Noto Sans Japanese',"メイリオ","Meiryo", 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:#198113;
	text-decoration: none;
}


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

#Page{
	position: relative;
}


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

#GlobalHeader{
	position: absolute;
	width: 100%;
	background: #fff;
	z-index: 30;
	border-bottom: 1px solid #198113;
	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: 3px solid #198113;}

#GlobalHeader .logo img {
    height: 58px;
}
#GlobalHeader .logo {
    position: absolute;
    left: 20px;
    padding-top: 10px;
}

#GlobalHeader #menuBtn{
	display: none;
}

/* global-navi
-----------------------------------------------------------------*/
#GlobalHeader .global-navi{
	padding-top: 28px;
	margin: 0 160px 0 160px;
}
#GlobalHeader .global-navi .list{
	position: relative;
	width: 18%;
	min-width: 90px;
	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: #198113;
	position: relative;
}
#GlobalHeader .global-navi .list .gnavi.active span:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: -12px;
	left: 0;
	background: #198113;
}
#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: 160px;
	top: 32px;
	width: 200px;
	height: 0;
	margin-left: -140px; /*  -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: #a8d8a3;
	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: #a8d8a3;
	box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.1);*/
}







/* proService */
#GlobalHeader #proService dt{
	font-size: 124%;
	background: #198113;
	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;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #GlobalHeader #proService dt a {
		padding: 19px 22px 5px;
	}
}

#GlobalHeader #proService dt a:hover{
	background: #198113 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: #4CAF50;
	/* background: #2a7f25; */
	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: #198113;
}
#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: #198113;
	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){
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #GlobalHeader #proService1 dt a {
		padding: 19px 22px 5px;
	}
}

#GlobalHeader #proService1 dt a:hover{
	background: #198113 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: #f89000;*/
	background: #198113;
	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: #198113;
}
#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: 160px;
}
#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: #ffa200 url(../../common/images/ico_mail01.png) no-repeat 50% 28%;
}
/* IE9・10 */
#GlobalHeader .contact a:not(:target){
	padding: 34px 0 6px;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #GlobalHeader .contact a {
		padding: 34px 0 6px;
	}
}
#GlobalHeader .contact a:hover{
	background: #ffb533 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;
	/*font-size: 120%;
	font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;*/
	background: url(../images/lan_japan.svg) no-repeat 50% 28%;
	/*background: #00406c url(../../common/images/ico_mail01.png) no-repeat 50% 28%;*/
}
/* IE9・10 */
#GlobalHeader .lan_japan span a:not(:target){
	padding: 20px 0 6px;
}
/* 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;
	/*font-size: 120%;
	font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;*/
	background: url(../images/lan_us.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;
}
/* 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%;*/
}





/* .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: #f1efe8;
}
#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 .conversion{
	background: #f6f4ed;
	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: #e24d5b; */
}
#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;
}
/* 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: #FFC107;
}


/* address */
#GlobalFooter .address{
	position: relative;
	margin-bottom: 22px;
}
#GlobalFooter .address .office{
	float: left;
	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;
	font-size: 16px;
}
#GlobalFooter .address .office li a{
	transition: 0.3s;
	color: #198113;
}
#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: 960px;
	margin: 0 auto;
	padding: 30px 0 20px;
}

/* 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;
	background: url(../../common/images/footer_img01.png) no-repeat right bottom;
	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;
	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{margin-bottom: 60px;}

/* Main
-----------------------------------------------------------------*/
#Main{
	margin-top: 90px;
}
#Main .wrap{
	max-width: 1100px;
	margin: 0 auto;
	width: 100%;
}

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



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

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



.pagetitle {
	padding: 5px;
	/* padding-bottom: 0; */
	text-align: center;
	/* background: url(../images/cotents_bg01.jpg); */
	background-position: 0 0;
	position: relative;
	overflow: hidden;
	/* height: 250px; */
	background: #eee0;
}

.pagetitle ul{
	width: 100%;
	max-width: 1200px;
	margin:0 auto;
	text-align: right;
	font-size: 14px;
}


	
.pagetitle li{
	display:inline;
	padding: 0 5px;
}



.pagetitle {padding:20px 5%;position:relative;z-index:1;/* border-top: #ededed 1px solid; */border-bottom: #f5f5f5 1px solid;margin-bottom: 30px;}
.pagetitle:before { position:absolute; top:-1px; left:5%; right:5%; height:0; content:""; border-top:#ededed 1px solid; z-index:2; }
.pagetitle ol { font-size: 0; margin: 0; padding: 0; line-height: 1.8; line-height:1; }
.pagetitle li {display: inline-block; *display: inline;*zoom: 1;list-style: none;font-size: 15px;font-weight: normal;margin: 0;padding: 0;letter-spacing: 1px;height:20px;line-height:20px;}
/*#pagetitle li:after { font-size: 6px; font-family: 'themify'; content: "\e649"; font-weight: normal; margin: 0 10px; height:20px; line-height:20px; }*/
.pagetitle li:after {font-size: 10px;font-family: 'FontAwesome';content: "\f105";font-weight: normal;margin: 0 10px;height:20px;line-height:20px;}


.pagetitle li:last-child:after { display:none;}
.pagetitle li i { font-size: 16px; padding-right: 5px; font-weight: normal; line-height: 1.3; }
.pagetitle li a {/*border-bottom: #999 1px solid;*/position:relative;z-index:1;height:20px;line-height:20px;}
/*.breadcrumb li:first-child a:before {padding-right:5px; font-size: 11px; font-family: 'themify'; content: "\e69b";}*/
.#pagetitle li:first-child a:before {padding-right:5px;font-size: 1.2rem;font-family: 'FontAwesome';content: "\f015";}

.pagetitle li a:after {position:absolute;top:0;left:0;bottom:0;width:0;content:"";background:transparent;z-index:-1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.pagetitle li a:hover:after { width:100%; /*background:#d7e4ed; */}
.pagetitle li a:hover { color:#aaa; /*border-bottom: #999 1px solid;*/}

@media only screen and (max-width: 800px) {
	.pagetitle {padding: 20px 0.5%;border-top:none;}
	.breadcrumb:before { display:none;}
	.pagetitle li a {/*border-bottom: #aaa 1px solid;*/font-size: 16px;}
	.pagetitle li a:hover:after { display:none;}
	.pagetitle li a:hover { color:#000; }
}

@media only screen and (max-width: 414px) {
	.pagetitle ol { font-size: 0; margin: -10px auto 0; padding: 0; display:block; text-align:left; }
	.pagetitle li {font-size: 14px;margin: 10px 0 0;padding: 0;letter-spacing: 1px;}
	.pagetitle li:after { margin: 0 5px;}
	.pagetitle li:last-child {overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width:10em;}
	.pagetitle li:first-child a { font-size:0; width:auto;padding-bottom: 7px; }
	.pagetitle li:first-child a:before {padding-right:0; font-size: 18px;}

	.pagetitle ul {

		text-align: left;
		font-size: 10px;
	}
	.pagetitle li {
		display: inline;
	 }
	.pagetitle li a {font-size: 14px;}

	}

@media only screen and (max-width: 320px) {
	.pagetitle li:last-child { width:;}	
}

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

@media screen and (max-width:10p4x) {
#GlobalHeader .contact {
    position: absolute;
    top: 16px;
    right: 5px;
}
}

/** -----------------------------------------------------------------
 *
 *  [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;border-top: 3px solid #0f860d;}

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

	#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: #198113;
		position: relative;
	}
	#GlobalHeader .global-navi .list .gnavi.active span:after{
		content: '';
		position: absolute;
		width: 100%;
		height: 2px;
		bottom: -12px;
		left: 0;
		background: #198113;
	}
	#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: 5px;
	}


	#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 #a8d8a3;*/
		margin: 0;
	}
	#GlobalHeader.fixed{
		position: relative;
	}
	#GlobalHeader .inner{
		min-width: 320px;
		height: 65px;
		margin: 0;
	}
	/* logo */
	#GlobalHeader .logo{
		top: 5px;
		left: 10px;
		margin: 0;
		padding: 0;
		border-top: none;
	}
	#GlobalHeader .logo img{
		padding-top:0px;
		width: 100px;
		height: auto;
	}

	#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;
	}

	/* #proService */
	#GlobalHeader #proService dt{
		font-size: 93%;
		border-bottom: none;
		background: none;
	}
	#GlobalHeader #proService dt a{
		position: relative;
		padding: 14px 5px 13px;
		color: #198113;
		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: #198113;
		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: #198113;
		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: #198113;
		font-size: 85%;
		background: none;
		border-top: 1px solid #198113;
	}
	#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 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;
	}
	/* アクセス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 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-top: 0;
	}
	#Main .wrap{
		width: auto;
		margin: 0 20px;
	}

}

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

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

	#Main{
		margin-top: 0;
	}
	#Main .wrap{
		width: 360px;
		margin: 0 auto;
	}
#GlobalHeader .contact a:not(:target) {
    padding: 6px 0 6px;
}

}



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

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



.foot img{
	width: 110px;
}


/** -----------------------------------------------------------------
 *
 *  ボックス
 *
 ----------------------------------------------------------------- */

.boxFlexible {
   position: relative;
   margin: 5em auto;
   padding: 1em 1em;
   border: solid 2px #198113;
   max-width: 800px;
   width: 100%;
}
.boxFlexible .box-title {
   position: absolute;
   display: inline-block;
   top: -36px;
   left: -2px;
   padding: 0 9px;
   height: 35px;
   line-height: 35px;
   vertical-align: middle;
   font-size: 18px;
   background: #198113;
   color: #ffffff;
   font-weight: bold;
   border-radius: 3px 3px 0 0;
}
.boxFlexible p {
   margin: 0;
   padding: 0;
   font-size: 17px;
}