@charset "UTF-8";
html {
	-webkit-text-size-adjust: 100%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure, object {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color:#555;
	text-align:left;
	line-height:140%;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family:Verdana,Arial,Helveticca,"メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック","MS PGothic","MS UI Gothic",sans-serif;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, object, img { 
	display:block;
}
body {
	padding:0;
	margin:0;
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
	font-size:16px;
	line-height:150%;
	background:#fff;
}

h1 {
	width:196px;
	padding-top:10px;
	float:left;
}

h1 img {
	width:100%;
}

@media screen and (max-width: 950px) {
	h1 {
		width:150px;
		padding:7px 0 14px 15px;
		float:left;
	}
}

h3 {
	margin-bottom:30px;
	font-size:30px;
	text-align:center;
	font-family: 'ヒラギノ明朝', serif;
}

h3 small {
	font-size:16px;
}

h3:after {
	content: '';
	display:block;
	background:#37729b;
	height:3px;
	width:80px;
	margin:6px auto 0 auto;
}

ul,
li {
	padding:0;
	margin:0;
	list-style:none;
}
a {
	text-decoration:none;
}

a:hover,
a:active {
	text-decoration:none;
}

p {
	line-height:160%;
}
strong {
	font-weight:bold;
}

.pc {
	display:block;
}

.sp,
.trigger {
	display:none;
}


@media screen and (max-width: 950px) {
	.pc {
		display:none;
	}
	.sp,
	.trigger {
		display:block;
	}
}

.flex-rap {
	display: flex;
	flex-wrap: wrap;
}

.clearfix:after,
.clearfix:before {
	content:" ";
	display:table;
}
.clear,
.clearfix:after {
	clear:both;
}

section {
	text-align:center;
}

/*----------------------[header]-------------------------*/
header {
	width:100%;
}

header .wrapper {
	width:980px;
	padding:10px 0 12px 0;
	margin:0 auto;
}

header .wrapper:after,
header .wrapper:before {
	content:" ";
	display:table;
}
header .wrapper:after {
	clear:both;
}

header .text-group {
	float:right;
	text-align:right;
}

header .text-group .tel {
	margin-top:12px;
	float:right;
}
/*
header .text-group p {
	text-align:right;
}

header .text-group p i {
	display:inline-block;
	padding-left:8px;
}
*/
header .text-group a:hover,
header .text-group a:hover i {
	text-decoration:underline;
}
@media screen and (max-width: 950px) {
	header .wrapper {
		width:auto;
		padding:10px 0 0 0;
	}
	header .text-group {
		padding:6px 10px;
		border-bottom:2px #dacfaf solid;
		background:#214359;
		float:none;
		clear:both
	}
	header .text-group p {
		font-size:12px;
		color:#fff;
	}
	header p.tel {
		display:none;
	}
	header p a {
/*
		color:#fff;
*/
	}
}

/*----------------------[footer]-------------------------*/
footer {
	width:100%;
	border-top:3px #09253b solid;
}

footer .wrapper {
	border-top:1px #c7b277 solid;
	background:#274b64;
	box-shadow:0 -4px 4px 4px rgba(0, 0, 0, 0.2);
	text-align:center;
}

footer ul {
	display:inline-block;
	font-size:16px;
}

footer ul li {
	display:inline-block;
}

footer ul li:after {
	content:"　|　";
	color:#3f6683;
}

footer ul li:last-child:after {
	content:"";
}

footer ul li a {
	display:inline-block;
	padding:14px 0;
	font-size:16px;
	color:#fff;
}

footer ul li a:hover {
	text-decoration:underline;
}

footer p.copyright {
	padding:24px 20px;
	font-size:14px;
	text-align:center;
}

p.pagetop {
	width:54px;
	height:54px;
	margin:0 auto 20px auto;
}

p.pagetop img {
	width:100%;
	height:100%;
}

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

@media screen and (max-width: 768px) {
	footer ul {
		display:block;
		width:auto;
		padding:0;
		position:relative;
	}
	footer ul li {
		display:block;
		width:auto;
		border-bottom:2px #00192d solid;
	}
	footer ul li:after {
		content:"";
		display:none;
	}
	footer ul li a {
		display:block;
		padding:12px 20px 12px 36px;
		border-bottom:1px #cbb986 solid;
		font-size:16px;
		text-align:left;
		background:url('../img/element/nav/arrow-right.png') no-repeat 12px center;
		background-size:14px;
	}
	footer ul li a:hover,
	footer ul li a:active,
	footer ul li a.active {
		background:url('../img/element/nav/arrow-right.png') no-repeat 12px center;
		background-size:14px;
		text-decoration:none;
	}
}

@media screen and (max-width: 375px) {
	footer p.copyright {
		font-size:12px;
	}
}

/*----------------------[nav]-------------------------*/
nav {
	width:100%;
	height:57px;
	overflow:hidden;
	background:#22445b url('../img/element/nav/nav-bg.png') repeat-x;
	text-align:center;
}

nav .wrapper {
	width:980px;
	margin:0 auto;
	background:url('../img/element/nav/nav-border.png') no-repeat 0 8px;
}

nav ul:after,
nav ul:before {
	content:" ";
	display:table;
}
nav ul:after {
	clear:both;
}

nav ul li {
	width:163px;
	float:left;
}
nav ul li:last-child {
	width:223px;
}
nav ul li:last-child:after {
	content:"";
}
nav ul li a {
	display:block;
	padding:14px 0 17px 0;
	font-size:16px;
	color:#fff;
	text-align:center;
}
nav ul li a i {
	display:inline-block;
	padding-left:8px;
}
nav ul li a:hover,
nav ul li a:active {
	background:url('../img/element/nav/nav-hover.png') no-repeat 5px bottom;
}

nav ul li:last-child a:hover,
nav ul li:last-child a:active {
	background:url('../img/element/nav/nav-hover-wide.png') no-repeat 5px bottom;
}

#home nav ul li:first-child a,
#home nav ul li:first-child a:hover,
#home nav ul li:first-child a:active {
	background:url('../img/element/nav/nav-active.png') no-repeat 5px bottom;
}

#company nav ul li:nth-child(3) a,
#company nav ul li:nth-child(3) a:hover,
#company nav ul li:nth-child(3) a:active {
	background:url('../img/element/nav/nav-active.png') no-repeat 5px bottom;
}

#contactus nav ul li:nth-child(4) a,
#contactus nav ul li:nth-child(4) a:hover,
#contactus nav ul li:nth-child(4) a:active {
	background:url('../img/element/nav/nav-active.png') no-repeat 5px bottom;
}

@media screen and (max-width: 950px) {
	nav {
		display:none;
		height:auto;
		position:absolute;
		z-index:9999;
		background:#22445b;
	}
	nav.active {
		display:block;
	}
	nav .wrapper {
		width:auto;
		background:none;
	}
	nav ul {
		display:block;
		width:auto;
		padding:0;
		position:relative;
	}
	nav ul li {
		width:auto;
		border-bottom:2px #00192d solid;
		float:none;
	}
	nav ul li:last-child {
		width:auto;
	}
	nav ul li:after {
		content:"";
		display:none;
	}
	nav ul li a {
		display:block;
		padding:12px 20px 12px 36px;
		border-bottom:1px #cbb986 solid;
		font-size:16px;
		text-align:left;
		background:url('../img/element/nav/arrow-right.png') no-repeat 12px center !important;
		background-size:14px !important;
	}
	nav ul li a:hover,
	nav ul li a:active,
	nav ul li a.active {
		background:url('../img/element/nav/arrow-right.png') no-repeat 12px center !important;
		background-size:14px !important;
	}
}

/*----------------------[trigger]-------------------------*/
.trigger {
	margin-right:12px;
	background:#111;
	border-radius:60px;
	width:38px;
	height:38px;
	float:right;
	position:relative;
}
.trigger a,
.trigger a span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.trigger a {
  position: relative;
  width: 24px;
  height: 24px;
}
.trigger a span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  border-radius: 3px;
}
.trigger a span:nth-of-type(1) {
  top:10px;
  left:7px;
}
.trigger a span:nth-of-type(2) {
  top:18px;
  left:7px;
}
.trigger a span:nth-of-type(3) {
  bottom:-5px;
  left:7px;
}
.trigger a.active span:nth-of-type(1) {
	-webkit-transform: translateY(12px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
.trigger a.active span:nth-of-type(2) {
	opacity: 0;
}
.trigger a.active span:nth-of-type(3) {
	-webkit-transform: translateY(-12px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}

/*----------------------[titke]-------------------------*/
.title-group {
	padding:20px 0;
	background:#111;
}

.title-group:after,
.title-group:before {
	content:" ";
	display:table;
}
.title-group:after {
	clear:both;
}

.title-group h2 {
	display:table;
	width:980px;
	height:145px;
	margin:0 auto;
}

.title-group h2 span {
	display:table-cell;
	padding:0 0 0 30px;
	overflow:hidden;
	vertical-align:middle;
}

.title-group h2 img {
	display:inline-block;
	
}

@media screen and (max-width: 980px) {
	.title-group h2 {
		width:100%;
	}
}

@media screen and (max-width: 640px) {
	.title-group h2 img {
		height:32px;
	}
}

@media screen and (max-width: 480px) {
	.title-group h2 img {
		height:26px;
	}
}

@media screen and (max-width: 340px) {
	.title-group h2 img {
		height:22px;
	}
}

.banner {
	width:640px;
	margin:30px auto 0 auto;
}
.banner img {
	display:block;
	width:100%;
	margin-bottom:6px;
}
.banner img:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)"
}
@media screen and (max-width: 680px) {
	.banner {
		width:auto;
		margin:30px 0 0 0 ;
	}
}