@charset "UTF-8";

/* --------------------------------------------  
	 Reset 
--------------------------------------------  */
html,
body {
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	-webkit-text-size-adjust: none;
}

html {
	position: relative;
}

body {
	font-size: 14px;
	line-height: 1.6;
	color: #333333;
	box-sizing: border-box;
}

.page_wrapper {
	padding: 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

a {
	color: #333;
	text-decoration: none;
}

ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

p {	margin: 0;}

h1,h2,h3,h4,h5,h6 { margin: 0;}

@media screen and (min-width: 641px), print { /*pc*/
	body {
		min-width: 1008px;
		-webkit-text-size-adjust: none;
		overflow-y: scroll;
		overflow-x: auto;
	}

	.pc_hide {
		display: none !important;
	}
	
	a:hover {
		color: #17aa68;
	}
	
	
} @media screen and (max-width: 640px){
	body {
		min-width: 320px;
		width: 100%;
		line-height: 1.5;
		overflow-x: auto;
	}
	
	.sp_hide {
		display: none !important;
	}
}

/* --------------------------------------------  
	 common
--------------------------------------------  */
	
.img-fluid {
	height: auto;
	max-width: 100%;
}

.img-area {
	line-height: 0;
	text-align: center;
}

.img-area:after {
	content: "";
	display: block;
	clear: both;
}

.hover_alpha:hover {
	opacity: 0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}


/* --------------------------------------------  
	 globalHeader
--------------------------------------------  */
#globalHeader .site_logo {
	float: left;
	margin: 0;
	text-indent: -9999px;
}

#globalHeader .site_logo a {
	display: block;
	background: url(../images/header/site_logo.png) no-repeat;
	background-size: contain;
}

@media screen and (min-width: 641px), print { /*pc*/
	#globalHeader {
		width: 100%;
		height: 170px;
		background: rgba(238,238,238, 0.8);
	}
	
	#globalHeader .gh_heading {
		height: 100px;
		padding-top: 17px;
		background: #fff;
		box-sizing: border-box;
	}
	
	#globalHeader .gh_heading:after {
		content: "";
		display: block;
		clear: both;
	}
	
	#globalHeader .gh_heading .gh_heading_inner {
		width: 1008px;
		padding-right: 32px;
		padding-left: 15px;
		margin: 0 auto;
		box-sizing: border-box;
	}
	
	#globalHeader .site_logo {
		float: left;
	}
	
	#globalHeader .site_logo a {
		width: 180px;
		height: 67px;
	}
	
	#globalHeader .gh_heading .global_change {
		float: right;
		display: inline-block;
		text-indent: -9999px;
		margin-right: 34px;
	}
	
	#globalHeader .gh_heading .global_change a {
		display: block;
		width: 112px;
		height: 18px;
		background: url(../images/header/btn_japanese.png) no-repeat;
		background-size: contain;
	}
	
	#globalHeader .gh_heading .global_change a:hover {
		opacity: 0.7;
	}
	
	#gnav_wrap {
		width: 978px;
		margin: 0 auto;
	}
	
	#gnav_wrap li {
		float: left;
		width: 218px;
		height: 70px;
		text-align: center;
		border-right: 2px solid #fff;
		position: relative;
		box-sizing: border-box;
	}
	
	#gnav_wrap li:first-child {
		border-left: 2px solid #fff;
	}
	#gnav_wrap li:last-child {		
		width: 324px;
	}
	
	#gnav_wrap li a {
		display: block;
		height: 70px;
		padding-top: 22px;
		font-size: 18px;
		color: #333333;
		font-weight: bold;
		text-decoration: none;
		box-sizing: border-box;
	}
	
	#gnav_wrap li a:hover,
	.active-top #gnav_top a,
	.active-outline #gnav_outline a,
	.active-about #gnav_about a,
	.active-business #gnav_business a,
	.active-board #gnav_board a {
		background: #fff url(../images/header/nav_active.png) no-repeat top left;
		background-size: contain;
	}
	
	#sp-menu {
		display: none;
	}
	
} @media screen and (max-width: 640px){
	#globalHeader {
		margin-top: 10px;
		background: #fff;
		box-sizing: border-box;
		position: relative;
	}
	
	#globalHeader .site_logo a {
		width: 131px;
		height: 49px;
		margin-left: 14px;
		margin-bottom: 15px;
		line-height: 0;
	}
	
	#sp-menu {
		float: right;
		width: 50px;
		height: 50px;
		margin-right: 10px;
		margin-bottom: 15px;
		line-height: 0;
		background: #17aa68;
	}

	.gh_heading {
		position: relative;
	}
	
	.gh_heading:before {
		content: "";
		width: 100%;
		height: 5px;
		background: url("../images/pattern/border.png") no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 0;
		left: 0;
	}		
	
	.gh_heading:after {
		content: "";
		display: block;
		clear: both;
	}
	
	#gnav_wrap:before {
		content: "";
		display: block;
		clear: both;
	}

	#gnav_wrap .sp_toggle_area {
		display: none;
		padding-bottom: 20px;
		font-size: 16px;
		font-weight: bold;
		background: #d8f0e4;
	}
	
	#gnav_wrap .sp_toggle_area:after {
		content: "";
		display: block;
		clear: both;
	}
	
	#gnav_wrap #gnav {
		padding-top: 10px;
		padding-bottom: 6px;
	}
	
	#gnav_wrap #gnav li {
		margin: 0 10px 10px;
		position: relative;
	}
	
	#gnav_wrap #gnav li a {
		display: block;
		padding: 16px 40px 18px 17px;
		background: #fff;
	}
	
	#gnav_wrap #gnav li a:before {
		content: "";
		display: block;
		width: 12px;
		height: 20px;
		background: url(../images/icon/icon_arrow.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 15px;
	}
	
	#gnav_top {
		display: none;
	}
	
	#gnav_wrap .global_change {
		float: right;
		padding-left: 29px;
		margin-right: 20px;
		position: relative;
	}

	#gnav_wrap .global_change a:before {
		content: "";
		display: block;
		width: 20px;
		height: 20px;
		background: url(../images/header/icon_global.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 2px;
		left: 0;
	}
	
	#gnav_wrap .global_change:after {
		content: "";
		display: block;
		clear: both;
	}
	
}


		
/* --------------------------------------------  
	 page_header
--------------------------------------------  */
#page_header .page_header_title {
	margin: 0;
	text-align: center;
}

#page_header .page_header_title span {
	display: block;
}


@media screen and (min-width: 641px), print { /*pc*/
	#page_header {
		height: 170px;
		background: url(../images/pattern/bg_page_header.jpg) center no-repeat;
		background-size: cover;
		overflow: hidden;
	}

	#page_header .page_header_title {
		padding-top: 55px;
		font-size: 30px;
		letter-spacing: 2px;
	}
	
	#page_header .page_header_title span {
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 0;
	}
} @media screen and (max-width: 640px){
	#page_header {
		height: 95px;
		margin-bottom: 21px;
		background: #edf5f1;
	}

	#page_header .page_header_title {
		padding-top: 30px;
		font-size: 22px;
	}
	#page_header .page_header_title.line2 {
		padding-top: 15px;
		font-size: 22px;
	} 
}

/* --------------------------------------------  
	pan_area
--------------------------------------------  */
@media screen and (min-width: 641px), print { /*pc*/
	#pan_area {
		width: 1008px;
		margin: auto;
		padding: 13px 15px 42px;
		font-size: 13px;
		box-sizing: border-box;
	}
	
	#pan_area ul:after {
		content: "";
		display: block;
		clear: both;
	}
	
	#pan_area ul li {
		float: left;
	}
	
	#pan_area ul li:before {
		content: "»";
		width: 1em;
		height: 1em;
		padding: 0 8px;
		color: #17aa68;
	}
	
	#pan_area ul li:first-child:before {
		content: "";
		padding: 0;
	}
	
	#pan_area a {
		color: #17aa68;
		text-decoration: none;
	}
	
	#pan_area a:hover {
		color: #17aa68;
		text-decoration: underline;
	}
	
	
} @media screen and (max-width: 640px){
	#pan_area {
		display: none;
	}	
}
/* --------------------------------------------  
	 content
--------------------------------------------  */
#content {
	margin: 0 auto;
	box-sizing: border-box;
}

#content:after {
	content: "";
	display: block;
	clear: both;
}

@media screen and (min-width: 641px), print { /*pc*/
	#content {
		width: 1008px;
		padding: 0 15px;
	}

} @media screen and (max-width: 640px){
	#content {
		width: 100%;
		padding: 0 20px;
	}
}




/* --------------------------------------------  
	 heading-article
--------------------------------------------  */
@media screen and (min-width: 641px), print { /*pc*/
	.heading-article {
		padding-bottom: 6px;
		padding-left: 3px;
		margin: 0 0 28px;
		font-size: 26px;
		letter-spacing: 2px;
		border-bottom: 4px solid #f2f2f2;
	}

} @media screen and (max-width: 640px){
	.heading-article {
		padding-bottom: 5px;
		padding-left: 10px;
		margin: 0 -10px 20px;
		font-size: 20px;
		border-bottom: 3px solid #f2f2f2;
	}
	
}



/* --------------------------------------------  
	 icon_block_pdf
--------------------------------------------  */
.icon_block_pdf {
	display: block;
	background: url(../images/icon/icon_pdf.png) no-repeat;
}

@media screen and (min-width: 641px), print { /*pc*/
	.icon_block_pdf {
		padding: 19px 10px 15px 53px;
		font-size: 16px;
		font-weight: bold;
		border: 1px solid #cccccc;
		background-size: 19px 19px;
		background-position: 21px 23px;
	}
	
	.icon_block_pdf span {
		font-size: 14px;
	}
	
} @media screen and (max-width: 640px){
	.icon_block_pdf {
		padding: 22px 10px 22px 41px;
		font-weight: bold;
		border: 1px solid #cccccc;
		background-size: 19px 19px;
		background-position: 15px 23px;
	}
	
}


/* --------------------------------------------  
	 font
--------------------------------------------  */
.font-xs { font-size: 13px;}
.font-sm { font-size: 14px;}
.font-md { font-size: 16px;}

.font-md-w {
	font-size: 16px;
	line-height: 1.8;
}

.font-lg { font-size: 18px;}

.font-lg-w {
	font-size: 18px;
	line-height: 1.8;
}

.font-xl { font-size: 22px;}

.font-xl-w {
	font-size: 22px;
	line-height: 1.8;
}

.font-ex {
	font-size: 28px;
	font-weight: bold
}

.lh-md { line-height: 1.7;}
.lh-md-w { line-height: 1.75;}

.letter-spacing-usual { letter-spacing: inherit !important;}



/* --------------------------------------------  
	 col
--------------------------------------------  */
.col_wrap {
	overflow: hidden;
	list-style: none;
}

.col_row {
	list-style: none;
	margin: 0 -15px;
	padding: 0;
	list-style: none;
}

.col_row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	box-sizing: border-box;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}

.col-12 { width: 100%;}
.col-11 { width: 91.66666667%;}
.col-10 { width: 83.33333333%;}
.col-9 { width: 75%;}
.col-8 { width: 66.66666667%;}
.col-7 { width: 58.33333333%;}
.col-6 { width: 50%;}
.col-5 { width: 41.66666667%;}
.col-4 { width: 33.33333333%;}
.col-3 { width: 25%;}
.col-2 { width: 16.66666667%;}
.col-1 { width: 8.33333333%;}
	
.col-offset-12 { margin-left: 100%;}
.col-offset-11 { margin-left: 91.66666667%;}
.col-offset-10 { margin-left: 83.33333333%;}
.col-offset-9 { margin-left: 75%;}
.col-offset-8 { margin-left: 66.66666667%;}
.col-offset-7 { margin-left: 58.33333333%;}
.col-offset-6 { margin-left: 50%;}
.col-offset-5 { margin-left: 41.66666667%;}
.col-offset-4 { margin-left: 33.33333333%;}
.col-offset-3 { margin-left: 25%;}
.col-offset-2 { margin-left: 16.66666667%;}
.col-offset-1 { margin-left: 8.33333333%;}
.col-offset-0 { margin-left: 0;}

.col-pull-12 { right: 100%;}
.col-pull-11 { right: 91.66666667%;}
.col-pull-10 { right: 83.33333333%;}
.col-pull-9 { right: 75%;}
.col-pull-8 { right: 66.66666667%;}
.col-pull-7 { right: 58.33333333%;}
.col-pull-6 { right: 50%;}
.col-pull-5 { right: 41.66666667%;}
.col-pull-4 { right: 33.33333333%;}
.col-pull-3 { right: 25%;}
.col-pull-2 { right: 16.66666667%;}
.col-pull-1 { right: 8.33333333%;}
.col-pull-0 { right: auto;}

.col-push-12 { left: 100%;}
.col-push-11 { left: 91.66666667%;}
.col-push-10 { left: 83.33333333%;}
.col-push-9 { left: 75%;}
.col-push-8 { left: 66.66666667%;}
.col-push-7 { left: 58.33333333%;}
.col-push-6 { left: 50%;}
.col-push-5 { left: 41.66666667%;}
.col-push-4 { left: 33.33333333%;}
.col-push-3 { left: 25%;}
.col-push-2 { left: 16.66666667%;}
.col-push-1 { left: 8.33333333%;}
.col-push-0 { left: auto;}


@media screen and (max-width: 640px){
	.col_row,
	.sp-col_row {
		list-style: none;
		margin: 0 -10px;
		padding: 0;
		list-style: none;
	}
	
	.sp-col_row:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 {
		padding-right: 10px;
		padding-left: 10px;
	}
	
	.sp_col-12 { width: 100%;}
	.sp_col-11 { width: 91.66666667%;}
	.sp_col-10 { width: 83.33333333%;}
	.sp_col-9 { width: 75%;}
	.sp_col-8 { width: 66.66666667%;}
	.sp_col-7 { width: 58.33333333%;}
	.sp_col-6 { width: 50%;}
	.sp_col-5 { width: 41.66666667%;}
	.sp_col-4 { width: 33.33333333%;}
	.sp_col-3 { width: 25%;}
	.sp_col-2 { width: 16.66666667%;}
	.sp_col-1 { width: 8.33333333%;}
		
	.sp_col-offset-12 { margin-left: 100%;}
	.sp_col-offset-11 { margin-left: 91.66666667%;}
	.sp_col-offset-10 { margin-left: 83.33333333%;}
	.sp_col-offset-9 { margin-left: 75%;}
	.sp_col-offset-8 { margin-left: 66.66666667%;}
	.sp_col-offset-7 { margin-left: 58.33333333%;}
	.sp_col-offset-6 { margin-left: 50%;}
	.sp_col-offset-5 { margin-left: 41.66666667%;}
	.sp_col-offset-4 { margin-left: 33.33333333%;}
	.sp_col-offset-3 { margin-left: 25%;}
	.sp_col-offset-2 { margin-left: 16.66666667%;}
	.sp_col-offset-1 { margin-left: 8.33333333%;}
	.sp_col-offset-0 { margin-left: 0;}
	
	.sp_col-pull-12 { right: 100%;}
	.sp_col-pull-11 { right: 91.66666667%;}
	.sp_col-pull-10 { right: 83.33333333%;}
	.sp_col-pull-9 { right: 75%;}
	.sp_col-pull-8 { right: 66.66666667%;}
	.sp_col-pull-7 { right: 58.33333333%;}
	.sp_col-pull-6 { right: 50%;}
	.sp_col-pull-5 { right: 41.66666667%;}
	.sp_col-pull-4 { right: 33.33333333%;}
	.sp_col-pull-3 { right: 25%;}
	.sp_col-pull-2 { right: 16.66666667%;}
	.sp_col-pull-1 { right: 8.33333333%;}
	.sp_col-pull-0 { right: auto;}
	
	.sp_col-push-12 { left: 100%;}
	.sp_col-push-11 { left: 91.66666667%;}
	.sp_col-push-10 { left: 83.33333333%;}
	.sp_col-push-9 { left: 75%;}
	.sp_col-push-8 { left: 66.66666667%;}
	.sp_col-push-7 { left: 58.33333333%;}
	.sp_col-push-6 { left: 50%;}
	.sp_col-push-5 { left: 41.66666667%;}
	.sp_col-push-4 { left: 33.33333333%;}
	.sp_col-push-3 { left: 25%;}
	.sp_col-push-2 { left: 16.66666667%;}
	.sp_col-push-1 { left: 8.33333333%;}
	.sp_col-push-0 { left: auto;}

}

/* --------------------------------------------  
	 margin padding
--------------------------------------------  */
.mgl-none { margin-left: 0 !important;}
.mgr-none { margin-right: 0 !important;}
.mgt-none { margin-top: 0 !important;}
.mgb-none { margin-bottom: 0 !important;}

.pdl-none { padding-left: 0 !important;}
.pdr-none { padding-right: 0 !important;}
.pdt-none { padding-left: 0 !important;}
.pdt-none { padding-right: 0 !important;}

.pdl-xs { padding-left: 5px !important;}
.pdl-sm { padding-left: 10px !important;}
.pdl-md { padding-left: 20px !important;}
.pdl-lg { padding-left: 30px !important;}
.pdl-xl { padding-left: 40px !important;}
.pdl-ex { padding-left: 50px !important;}

.pdr-xs { padding-right: 5px !important;}
.pdr-sm { padding-right: 10px !important;}
.pdr-md { padding-right: 20px !important;}
.pdr-lg { padding-right: 30px !important;}
.pdr-xl { padding-right: 40px !important;}
.pdr-ex { padding-right: 50px !important;}

.pdt-xxs { padding-top: 3px !important;}
.pdt-xs { padding-top: 5px !important;}
.pdt-sm { padding-top: 10px !important;}
.pdt-md { padding-top: 15px !important;}
.pdt-lg { padding-top: 30px !important;}
.pdt-ex { padding-top: 40px !important;}

.pdb-xxs { padding-bottom: 3px !important;}
.pdb-xs { padding-bottom: 5px !important;}
.pdb-sm { padding-bottom: 10px !important;}
.pdb-md { padding-bottom: 15px !important;}
.pdb-lg { padding-bottom: 30px !important;}
.pdb-xl { padding-bottom: 40px !important;}
.pdb-ex { padding-bottom: 50px !important;}

.mgl-xs { margin-left: 5px !important;}
.mgl-sm { margin-left: 10px !important;}
.mgl-md { margin-left: 20px !important;}
.mgl-lg { margin-left: 30px !important;}
.mgl-xl { margin-left: 40px !important;}
.mgl-ex { margin-left: 50px !important;}

.mgr-xs { margin-right: 5px !important;}
.mgr-sm { margin-right: 10px !important;}
.mgr-md { margin-right: 20px !important;}
.mgr-lg { margin-right: 30px !important;}
.mgr-xl { margin-right: 40px !important;}
.mgr-ex { margin-right: 50px !important;}

.mgt-xxs { margin-top: 3px !important;}
.mgt-xs { margin-top: 5px !important;}
.mgt-sm { margin-top: 10px !important;}
.mgt-md { margin-top: 15px !important;}
.mgt-lg { margin-top: 30px !important;}
.mgt-xl { margin-top: 40px !important;}
.mgt-ex { margin-top: 50px !important;}

.mgb-xxs { margin-bottom: 3px !important;}
.mgb-xs { margin-bottom: 5px !important;}
.mgb-sm { margin-bottom: 10px !important;}
.mgb-md { margin-bottom: 20px !important;}
.mgb-lg { margin-bottom: 30px !important;}
.mgb-xl { margin-bottom: 40px !important;}
.mgb-ex { margin-bottom: 50px !important;}

@media screen and (max-width: 640px){
	.sp_mgl-none { margin-left: 0 !important;}
	.sp_mgr-none { margin-right: 0 !important;}
	.sp_mgt-none { margin-top: 0 !important;}
	.sp_mgb-none { margin-bottom: 0 !important;}
	
	.sp_pdl-none { padding-left: 0 !important;}
	.sp_pdr-none { padding-right: 0 !important;}
	.sp_pdt-none { padding-left: 0 !important;}
	.sp_pdt-none { padding-right: 0 !important;}
	
	.sp_pdl-xs { padding-left: 5px !important;}
	.sp_pdl-sm { padding-left: 10px !important;}
	.sp_pdl-md { padding-left: 20px !important;}
	.sp_pdl-lg { padding-left: 30px !important;}
	.sp_pdl-xl { padding-left: 40px !important;}
	.sp_pdl-ex { padding-left: 50px !important;}
	
	.sp_pdr-xs { padding-right: 5px !important;}
	.sp_pdr-sm { padding-right: 10px !important;}
	.sp_pdr-md { padding-right: 20px !important;}
	.sp_pdr-lg { padding-right: 30px !important;}
	.sp_pdr-xl { padding-right: 40px !important;}
	.sp_pdr-ex { padding-right: 50px !important;}
	
	.sp_pdt-xxs { padding-top: 3px !important;}
	.sp_pdt-xs { padding-top: 5px !important;}
	.sp_pdt-sm { padding-top: 10px !important;}
	.sp_pdt-md { padding-top: 15px !important;}
	.sp_pdt-lg { padding-top: 30px !important;}
	.sp_pdt-ex { padding-top: 40px !important;}
	
	.sp_pdb-xxs { padding-bottom: 3px !important;}
	.sp_pdb-xs { padding-bottom: 5px !important;}
	.sp_pdb-sm { padding-bottom: 10px !important;}
	.sp_pdb-md { padding-bottom: 15px !important;}
	.sp_pdb-lg { padding-bottom: 30px !important;}
	.sp_pdb-xl { padding-bottom: 40px !important;}
	.sp_pdb-ex { padding-bottom: 50px !important;}
	
	.sp_mgl-xs { margin-left: 5px !important;}
	.sp_mgl-sm { margin-left: 10px !important;}
	.sp_mgl-md { margin-left: 20px !important;}
	.sp_mgl-lg { margin-left: 30px !important;}
	.sp_mgl-xl { margin-left: 40px !important;}
	.sp_mgl-ex { margin-left: 50px !important;}
	
	.sp_mgr-xs { margin-right: 5px !important;}
	.sp_mgr-sm { margin-right: 10px !important;}
	.sp_mgr-md { margin-right: 20px !important;}
	.sp_mgr-lg { margin-right: 30px !important;}
	.sp_mgr-xl { margin-right: 40px !important;}
	.sp_mgr-ex { margin-right: 50px !important;}
	
	.sp_mgt-xxs { margin-top: 3px !important;}
	.sp_mgt-xs { margin-top: 5px !important;}
	.sp_mgt-sm { margin-top: 10px !important;}
	.sp_mgt-md { margin-top: 15px !important;}
	.sp_mgt-lg { margin-top: 30px !important;}
	.sp_mgt-xl { margin-top: 40px !important;}
	.sp_mgt-ex { margin-top: 50px !important;}
	
	.sp_mgb-xxs { margin-bottom: 3px !important;}
	.sp_mgb-xs { margin-bottom: 5px !important;}
	.sp_mgb-sm { margin-bottom: 10px !important;}
	.sp_mgb-md { margin-bottom: 20px !important;}
	.sp_mgb-lg { margin-bottom: 30px !important;}
	.sp_mgb-xl { margin-bottom: 40px !important;}
	.sp_mgb-ex { margin-bottom: 50px !important;}
	
}


/* --------------------------------------------  
	 company_address
--------------------------------------------  */
#company_address {
	width: 100%;
	background: #f2f2f2;
}

#company_address:after {
	content: "";
	display: block;
	clear: both;
}

#company_address #ca_inner .ca_head {
	font-weight: bold;
}


@media screen and (min-width: 641px), print { /*pc*/
	#company_address #ca_inner {
		width: 1008px;
		padding: 45px 15px 38px;
		margin: auto;
		box-sizing: border-box;
	}
	
	#company_address #ca_inner:after {
		content: "";
		display: block;
		clear: both;
	}

	#company_address #ca_inner .ca_heading {
		margin: 0 0 10px 0;
		font-size: 18px;
		line-height: 1.5;
	}
	
	#company_address #ca_inner .ca_head {
		margin-right: 18px;
		font-size: 15px;
	}
	
	#company_address #ca_inner .ca_note {
		margin-right: 31px;
		font-size: 15px;
	}
	
	.ca_heading,
	.ca_content,
	.ca_content li,
	.ca_content li .ca_head,
	.ca_content li .ca_note {
		float: left;
	}
	
	
} @media screen and (max-width: 640px){
	#company_address #ca_inner {
		padding: 21px 20px 21px;
	}
	
	#company_address #ca_inner .ca_heading {
		margin-top: 0;
		margin-bottom: 16px;
		font-size: 16px;
		line-height: 0.96;
	}
	
	#company_address #ca_inner .ca_content li {
		display: block;
		margin-bottom: 3px;
		line-height: 1.7;
		position: relative;
	}

	#company_address #ca_inner .ca_content li:last-child {
		margin-bottom: 0;
	}
	
	#company_address #ca_inner .ca_content:after,	
	#company_address #ca_inner .ca_content li:after {
		content: "";
		display: block;
		clear: both;
	}
	
	#company_address #ca_inner .ca_head {
		position: absolute;
		left: 3px;
	}
	
	#company_address #ca_inner .ca_note {
		padding-left: 77px;
	}

}

/* --------------------------------------------  
	 globalfooter
--------------------------------------------  */
#globalfooter {
	width: 100%;
	background: #17aa68;
}


#globalfooter small {
	color: #fff;
}

@media screen and (min-width: 641px), print { /*pc*/
	#gf_inner {
		width: 1008px;
		margin: auto;
	}

	#gf_inner:after {
		content: "";
		display: block;
		clear: both;
	}
	
	#gf_inner .gf_inner_sitemap {
		float: left;
		padding: 15px 0 13px;
	}
	
	#gf_inner .gf_inner_sitemap li {
		float: left;
		width: 97px;
		padding-left: 1px;
		text-align: center;
		position: relative;
	}
	
	#gf_inner .gf_inner_sitemap li:before {
		content: "";
		width: 1px;
		height: 14px;
		background: #fff;
		position: absolute;
		top: 4px;
		left: 0;
	}
	
	#gf_inner .gf_inner_sitemap li:first-child {
		width: 71px;
		padding-left: 0;
	}
	#gf_inner .gf_inner_sitemap li:last-child {
		width: 220px;
	}

	#gf_inner .gf_inner_sitemap li:first-child:before {
		display: none;
	}
	
	#globalfooter a {
		display: block;
		padding: ;
		color: #fff;
		text-decoration: none;
	}

	#globalfooter a:hover {	
		color: #e8f5ef;
	}
	#globalfooter small {
		float: right;
		padding: 19px 15px 12px 12px;
		font-size: 12px;
	}
	
	
} @media screen and (max-width: 640px){
	#globalfooter {
		padding: 13px;
		text-align: center;
	}
	
	#globalfooter small {
		display: block;
		margin: 0 auto;
		font-size: 11px;
		line-height: 1.45;
	}
}