@charset 'UTF-8';
:root {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%
}

*, :after, :before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  border-width: 0;
  text-decoration: none
}

:after, :before {
  text-decoration: inherit;
  vertical-align: inherit
}

* {
  margin: 0;
  padding: 0
}

background-size contain {
  background-repeat: no-repeat
}

body {
  line-height: 1.5;
  font-weight: 200;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

audio:not([controls]) {
  display: none;
  height: 0
}

hr {
  overflow: visible;
  height: 0;
  color: inherit;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block
}

summary {
  display: list-item
}

small {
  font-size: 80%
}

[hidden], template {
  display: none
}

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active, a:hover {
  outline-width: 0;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
}

b, strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.15em;
}

sup {
  top: -0.5em;
}

li {
  list-style: none;
}

input {
  border-radius: 0;
}

[role=button], [type=button], [type=reset], [type=submit], button {
  cursor: pointer;
}

[disabled] {
  cursor: default;
}

[type=number] {
  width: auto;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

button, input, optgroup, select, textarea {
  font: inherit;
}

optgroup {
  font-weight: bold;
}

button {
  overflow: visible;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button;
}

button, select {
  text-transform: none;
}

button, input, select, textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select::-ms-value {
  color: currentColor;
}

[tabindex="-1"]:focus {
  outline: none;
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search], [type=text] {
  font-family: initial;
  line-height: 100%;
}

img {
  border-style: none;
}

progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden;
}

audio, canvas, progress, video {
  display: inline-block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, td, th {
  text-align: left;
  word-break: break-all;
}

@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute!important;
    clip: rect(0 0 0 0)!important;
  }
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled] {
  cursor: default;
}

::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}




body, html {
	position: relative;
	color: #3d3a4e;
	font: 14px/1.8 'メイリオ', "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	padding: 0 0 95px;
	background-color: #fff;
}

a {
  color: #3d3a4e;
  /*
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s
  */
}

a:active, a:hover {
  color: #f8a900
}

iframe, img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s
}

.clearfix:after, .inner:after {
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden
}

.text-center {
  text-align: center
}

.space6 {
	padding: 0 0 0 6px;
}

.space8 {
	padding: 0 0 0 8px;
}

.space12 {
	padding: 0 0 0 12px;
}

.space16 {
	padding: 0 0 0 16px;
}


.space6r {
	padding: 0 8px 0 0;
	font-size: 0.8em;
}

.space8r {
	padding: 0 8px 0 0;
}

.space12r {
	padding: 0 18px 0 0;
	font-size: 0.9em;
}

.space16r {
	padding: 0 16px 0 0;
}




#wrapper {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	height: auto;
}








#header {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	height: 138px;
	background-color: #fff;
	border-top: 7px solid #e0e0e0;
}

.header-inner {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: 95%;
	max-width: 1200px;
	height: 70px;
}

.header-title {
	display: block;
	position: relative;
	padding: 26px 0 0 0;
	margin: 0 0 0 0;
	width: 260px;
	height: 72px;
	z-index: 3;
}





.header-link {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	right: 0;
	top: 30px;
	font-weight: 400;
	font-family: 'Noto Sans Japanese', sans-serif;
	z-index: 1;
}

.header-link01 {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
}

.header-link02 {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 12px;
	float: left;
}



.header-link01 ul {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.header-link01 ul li {
	display: block;
	position: relative;
	padding: 8px 0 4px 20px;
	margin: 0 0 0 0;
	float: left;
	font-size: 1.1em;
	line-height: 1.1em;
}

.header-link01 ul li a {
	position: relative;
	color: #333;
	text-decoration: none;
}

.header-link01 ul li a:hover {
	position: relative;
	color: #333;
	text-decoration: underline;
}
	

.header-link02 ul {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.header-link02 ul li {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 8px;
	float: left;
	font-size: 1.1em;
}

.header-link02 ul li a {
	display: block;
	position: relative;
	padding: 6px 30px 6px 30px;
	margin: 0 0 0 0;
	line-height: 1.1em;
	color: #333;
	border: 1px solid #333;
}

.header-link02 ul li a:hover {
	color: #fff;
	background: #082978;
	border: 1px solid #082978
}

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


	#header {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 100%;
		height: auto;
		background-color: #fff;
		border-top: 7px solid #e0e0e0;
	}
	
	.header-inner {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 auto 0 auto;
		width: 95%;
		max-width: 1200px;
		height: 70px;
	}


	.header-title {
		display: block;
		position: relative;
		padding: 26px 0 0 0;
		margin: 0 0 0 0;
		width: 210px;
		height: auto;
		z-index: 3;
	}

	.header-link {
		display: none;
	}

}
































#gnav {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	height: 58px;
	background-color: #fff;
	
}

.gnav-inner {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: 95%;
	max-width: 1200px;
	height: 58px;
}

.gnav-inner ul {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	right: 0;
	top: 20px;
}

.gnav-inner ul li {
	display: block;
	position: relative;
	padding: 0 18px 0 18px;
	margin: 0 0 0 0;
	float: left;
	color: #082978;
	font-size: 1.14em;
	border-right: 1px solid #e0e0e0;
	letter-spacing: -0.3px;
	font-weight: 400;
	font-family: 'Noto Sans Japanese', sans-serif;
}

.gnav-inner ul li a {
	color: #082978;
	text-decoration: none;
}

.gnav-inner ul li a:hover,
.gnav-inner ul li a.current {
	color: #082978;
	text-decoration: underline;
}


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

	.gnav-inner ul li {
		padding: 0 10px 0 10px;
	}

}

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

	.gnav-inner ul li {
		padding: 0 6px 0 6px;
	}

}

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

	#gnav,
	.gnav-inner,
	.gnav-inner ul {
		display: none;
	}

}












#footer {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	height: auto;
	background-color: #fff;
}

.footer-inner {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: 100%;
	height: auto;
	overflow: hidden;
}


/* フッター テキストリンク */
/*
.footer-link {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	min-height: 66px;
	border-bottom:7px solid #fff;
}

.footer-link-inner {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 20px auto;
	width: 100%;
	max-width: 1200px;
	min-height: 46px;
	overflow: hidden;
}

.footer-link-inner ul {
	display: block;
	position: relative;
	padding: 22px 0 0 20px;
	margin:  0 0 0 0;
}

.footer-link-inner ul li {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 8px  0 0;
	float: left;
}

.footer-link-inner ul li a {
	color: #333;
	text-decoration: none;
}

.footer-link-inner ul li a:hover {
	color: #333;
	text-decoration: underline;
}
*/



/* フッター 画像リンク */

.footer-bt-link {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 40px 0 0 0;
	width: 100%;
	height: auto;
	min-height: 220px;
	background: #f2f2f2;
	overflow: hidden;
	border-top: 1px solid #e0e0e0;
}

.footer-bt-link-inner {
	display: block;
	position: relative;
	padding: 50px 0 0 0;
	margin: 0 auto 0 auto;
	width: 100%;
	max-width: 1200px;
	height: auto;
}

.footer-bt-link-inner ul {
	display: block;
	position: relative;
	padding: 0 0 20px 0;
	margin:  0 0 0 0;
	overflow: hidden;
}

.footer-bt-link-inner ul li {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin:  0 14px 30px 14px;
	width: 350px;
	height: 120px;
	float: left;
}

.footer-bt-link-inner ul li img {

}

@media only screen and (max-width: 1200px) {
	
	.footer-bt-link-inner ul {
		display: block;
		position: relative;
		padding: 0 0 20px 0;
		margin:  0 auto 0 auto;
		width: 90%;
		overflow: hidden;
	}
	
	.footer-bt-link-inner ul li {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin:  0 1% 30px 1%;
		width: 31.3%;
		height: auto;
		float: left;
	}

}

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

	.footer-bt-link-inner ul li {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin:  0 1% 18px 1%;
		width: 48%;
		height: auto;
		float: left;
	}

}

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

	.footer-bt-link-inner ul {
		display: block;
		position: relative;
		padding: 0 0 32px 0;
		margin:  0 auto 0 auto;
		width: 90%;
		overflow: hidden;
	}
	
	.footer-bt-link-inner ul li {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin:  0 auto 18px auto;
		width: 90%;
		max-width: 350px;
		height: auto;
		float: none;
	}

}










/*
.footer-sitemap {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 65px 0 0 0;
	width: 100%;
	height: auto;
	min-height: 250px;
}

.footer-sitemap-inner {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: 90%;
	max-width: 1100px;
	height: auto;
	min-height: 250px;
	overflow: hidden;
}




.footer-sitemap-each {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 14px 30px 14px;
	width: 190px;
	height: auto;
	min-height: 250px;
	float: left;
}


.footer-sitemap-ti {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 18px 0;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #606060;
	font-weight: bold;
}


.footer-sitemap-each ul {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.footer-sitemap-each ul li {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 0.9em;
	line-height: 2.1em;
	color: #333;
}

.footer-sitemap-each ul li a {
	color: #333;
	text-decoration: none;
}

.footer-sitemap-each ul li a:hover {
	color: #333;
	text-decoration: underline;
}
*/




#footer-end {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	height: auto;
	border-top: 1px solid #e0e0e0;
}

.footer-end-inner {
	display: block;
	position: relative;
	padding: 80px 0 0 0;
	margin: 0 auto 0 auto;
	width: 100%;
	max-width: 1200px;
	height: auto;
	text-align: center;
}

.footer-end-mark {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: 260px;
	height: auto;
}

.footer-end-copy {
	display: block;
	position: relative;
	padding: 40px 0 0 0;
	margin: 0 0 50px 0;
	font-size: 1em;
	line-height: 1.6em;
	color: #333;
	font-weight: 400;
	font-family: 'Noto Sans Japanese', sans-serif;
}

.footer-end-copy br {
	display: none;
}




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

.footer-end-copy {
	display: block;
	position: relative;
	padding: 40px 0 0 0;
	margin: 0 0 50px 0;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #333;
}

.footer-end-copy br {
	display: block;
}

}



















.footer-nav {
	display: none;
}


	/* フッター SM時 リンク widget-cat */
@media only screen and (max-width: 768px) {
	
	.footer-sitemap {
		display: none;
	}

	.footer-nav {
		display: block;
		position: relative:
		width: 100%;
		margin: 40px 0 40px 0  ;
		padding: 0;
	}
		
	.footer-nav .widget {
		margin: 0 ;
		padding: 0;
	}	
	
	.footer-nav .widget-cat {
		display: block;
		padding: 0;
		margin: 0 5% 0 5%;
		width: 90%;
	}
	
	.footer-nav .widget-cat-header {
		display: block;
		margin: 0 ;
		padding: 0;
		width: 100%;
	}
	
	.footer-nav .widget-cat-content,
	.footer-nav .widget-cat-item {
		margin: 0 ;
		padding: 0;
		width: 100%;

	}
	
	.footer-nav .widget-cat-header {
		margin-bottom: 0px;
		height: 66px;
		font-size: 1.6em;
	}
	
	.footer-nav .widget-cat-header,
	.footer-nav .widget-cat-header.active,
	.footer-nav .widget-cat-header.hover,
	.footer-nav .widget-cat-header.active.hover {
		background-repeat: no-repeat;
		background-position: right center;
		padding-left: 20px;
		font-size: 1.3em;
		line-height: 66px;
		min-height: 66px;
		color: #e8e8e8;
		background-color: #082978;
		overflow: hidden;
		cursor: pointer;
		border-radius: 3px;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  margin: 8px 0 0 0;
	}
	
	.footer-nav .widget-cat-header .bbg,
	.footer-nav .widget-cat-header.hover .bbg {
		background-position: right center;
		margin-right: 20px;
		margin-top: 20px;
		background-repeat: no-repeat;
		float: right;
		height: 24px;
		width: 24px;
		background-image: url(../images/icon-bg-plus.png);
	}
	
	.footer-nav .widget-cat-header.active .bbg,
	.footer-nav .widget-cat-header.active.hover .bbg {
		margin-right: 20px;
		margin-top: 20px;
		background-repeat: no-repeat;
		float: right;
		height: 24px;
		width: 24px;
		background-image: url(../images/icon-bg-mainas.png);
	}
	
	/*
	#footer .footer-nav h3.widget-cat-header .nidan {
		display: table-cell;
		vertical-align: middle;
		line-height: 1.6em;
		height: 74px;
	}
	
	#footer .footer-nav .widget-cat-header .bbg2,
	#footer .footer-nav .widget-cat-header.hover .bbg2 {
		position: relative;
		background-position: right center;
		margin-right: 20px;
		top: -50px;
		background-repeat: no-repeat;
		float: right;
		height: 24px;
		width: 24px;
		background-image: url(../images/icon-bg-plus.jpg);
	}
	
	#footer .footer-nav .widget-cat-header.active .bbg2,
	#footer .footer-nav .widget-cat-header.active.hover .bbg2 {
		position: relative;
		margin-right: 20px;
		top: -50px;
		background-repeat: no-repeat;
		float: right;
		height: 24px;
		width: 24px;
		background-image: url(../images/icon-bg-mainas.jpg);
	}
	*/
	
	.footer-nav .widget-cat-content {
		color: #626262;
		font-size: 1.16em;
		background-color: #fff;
		overflow: hidden;
		padding: 0;
		margin: 0;
	}
	
	.footer-nav .link-area {
		padding: 0;
		margin: 0;
	}
	
	.footer-nav .productlist {
		padding: 0;
		margin: 0;
	}
	
	.footer-nav .linklist li {
		display: block;
		padding: 0;
		width: 100%;
	}
		
	.footer-nav .linklist li a {
		display: block;
		line-height: 2em;
		padding: 0.7em 0.5em 0.4em 1.6em;
		width: 100%;
		margin: 0;
		list-style: none;
		box-shadow: 0px -1px 0px #bdbdbd;
		color: #082978;
		text-decoration: none;
	}
	
	.footer-nav .linklist li a span {
		display: inline-block;
		padding: 0 8px 0 0;
	}

	.footer-nav .tclose {
		display: block;
		line-height: 1.16em;
		padding: 16px 0 8px 0;
		margin: 0 0 8px 0;
		border-top: 1px solid #fff;
		box-shadow: 0px -1px 0px #bdbdbd;
		text-align: center;
		font-size: 0.9em;
		color: #082978;
	}
	
	.footer-nav .tclose a {
		color: #082978;
		font-weight: bold;
		text-decoration: none;
	}

}


@media only screen and (max-width: 430px) {
	
	.footer-nav {
		display: block;
		position: relative:
		width: 100%;
		margin: 40px 0 0 0  ;
		padding: 0;
		border-bottom: 1px solid #082978;
	}
	
	.footer-nav .widget-cat-header,
	.footer-nav .widget-cat-header.active,
	.footer-nav .widget-cat-header.hover,
	.footer-nav .widget-cat-header.active.hover {
		background-repeat: no-repeat;
		background-position: right center;
		padding-left: 20px;
		font-size: 1.3em;
		line-height: 66px;
		min-height: 66px;
		color: #e8e8e8;
		background-color: #082978;
		overflow: hidden;
		cursor: pointer;
		border-radius: none;
			  -webkit-border-radius: none;
	  -moz-border-radius: none;
		border-top: 1px solid #e8e8e8;
	  margin: 0 0 0 0;
	}
	
	.footer-nav .widget-cat {
		display: block;
		padding: 0;
		margin: 0 0 0 0;
		width: 100%;
	}

}












#mainHeaderSp {
	display: none;
}

#spBt {
	display: none;
}


/*=========================================================================================
for PC 768以下 基礎部分
=========================================================================================*/

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

#fixpad {
    display: none;
}

#header #mainHeaderSp {
    display: block;
    background-color: #fff;
    position: relative;
    z-index: 99999; 
    padding: 0 0 0 0;
    margin: 10px 0 0 0;
    }
    
    /*
    #mainHeaderSp h1 {
      max-width: 396px;
      width: 60%; }
      #mainHeaderSp h1 a {
        display: block; }
        #mainHeaderSp h1 a img {
          display: block;
          width: 100%; }
          */
          
#header #mainHeaderSp a:hover {
      text-decoration: none !important; }
#header #mainHeaderSp > section {
      padding: 0 28px 16px 28px;
      position: relative; }
#header #mainHeaderSp nav {
      display: none; }
      
      
#header #mainHeaderSp .first {
			border-top: 1px solid #6e6e6e;
      border-bottom: none; }
      
      
#header #mainHeaderSp .first > li > a {
        display: block;
        background-color: #fff;
        padding: 0.8em 0.7em;
        font-size: 1.3em;
        color: #222;
        border-bottom: 1px solid #6e6e6e; }
 
 
#header #mainHeaderSp .first > li.inqnav > a {
        display: block;
        background-color: #f7b550;
        padding: 0.8em 0.7em;
        font-size: 1.3em;
        color: #fff;
        border-bottom: 1px solid #fff; }      
        
        
#header #mainHeaderSp .first > li > a strong,
#header #mainHeaderSp .first > li > a em {
          display: block; }
          
#header #mainHeaderSp .first > li > a:hover {
          text-decoration: none; }
          
#header #mainHeaderSp .first > li > a em {
          font-size: 8px;
          line-height: 1.2; }
          
          
#header #mainHeaderSp .first > li.a > a {
        color: #222;
        background-color: #e9e9e9;
        border-bottom: 1px solid #6e6e6e; }
        
#header #mainHeaderSp .first > li.b > a {
        color: #fff;
        background-color: #529cbf;
        border-bottom: 1px solid #fff;
        font-style: normal; }
        
#header #mainHeaderSp .first > li.c > a {
        color: #fff;
        background-color: #465a7e;
        border-bottom: 1px solid #fff; }  
        
#header #mainHeaderSp .first > li.d > a {
        color: #fff;
        background-color: #91796e;
        border-bottom: 1px solid #fff; }  
        
#header #mainHeaderSp .first > li.recruit-bt > a {
        color: #fff;
        background-color: #ec9600;
        border-bottom: 1px solid #fff; }        
        
        
        
#header #mainHeaderSp .first > li.drop > a {
        background-position: right 10px center;
        background-repeat: no-repeat;
        background-image: url(../images/search/icon-bg-plus.png); }
        
#header #mainHeaderSp .first > li.drop > a.active {
          background-image: url(../images/search/icon-bg-mainas.png); }
          
#header #mainHeaderSp .first > li.drop li {
        border-top: 1px solid #7a7a7a; }
        
#header #mainHeaderSp .first > li.drop li:first-child {
          border-top: 0; }
          
#header #mainHeaderSp .first > li.drop li a {
          display: block;
          background-color: #fff;
          padding: 0.8em 1.6em;
          font-size: 1.2em;
          color: #3d3a4e; }
          
#header #mainHeaderSp .first > li .dropList {
        display: none; }
        
#header #mainHeaderSp .second {
      background-color: #fff;
      border-bottom: 1px solid #fff;
      display: table;
      width: 100%;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
              
#header #mainHeaderSp .second a {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        padding: 0.8em 0.7em;
        color: #fff;
        line-height: 1.2; }
        
#header #mainHeaderSp .second a:first-child {
          border-right: 1px solid #7a7a7a; }
          
#header #mainHeaderSp .third {
      background-color: #11a4a7;
      padding: 1.2em; }
      
#header #mainHeaderSp .fifth {
      background-color: #a9a9a9;
      padding: 1.2em; }
      
#header #mainHeaderSp .third a {
        display: block;
        width: 100%;
        border-radius: 4px;
        text-align: center;
        line-height: 1.2;
        padding: 0.7em;
        font-size: 14px;
        background-color: #f6f5f5;
        border: 1px solid #d0d0d0;
        color: #11a4a7; }
        
#header #mainHeaderSp .fifth a {
        display: block;
        width: 90%;
        border-radius: 4px;
        text-align: center;
        line-height: 1.2;
        padding: 0.7em 5% 0.7em 5%;
        font-size: 16px;
        background-color: #357e8b;
        border: 2px solid #fff;
        color: #fff; }   
        
        
        
        
#header #mainHeaderSp #spBt {
    background-color: #1fbaed;
    width: 60px;
    height: 56px;
    position: absolute;
    right: 16px;
    display: block;
    padding: 18px 12px 8px 12px;
    top: -30px;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 10000; 
	border-radius: 8px;
    -webkit-border-radius: 8px;  
    -moz-border-radius: 8px;
    
    
    
    
    }
    
#header #mainHeaderSp #spBt > span {
      display: block;
      height: 2px;
      width: 100%;
      background-color: #fff;
      margin-bottom: 7px;
      position: relative;
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s;
      top: 0; }
      
#header #mainHeaderSp #spBt.active > span:first-child {
      top: 9px;
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
      -webkit-transform: rotate(45deg); }
      
#header #mainHeaderSp #spBt.active > span:nth-child(2) {
      opacity: 0; }
      
#header #mainHeaderSp #spBt.active > span:last-child {
      top: -9px;
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg); }

.header_side_menu ul.open_menu {
		max-height: 50000px;
	}
	
	
	      
}











.header_info {
	display: none;
}

/* スマートデバイス時の最上部分 3種ボタン */
@media only screen and (max-width: 780px){


	#header {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 100%;
		height: 95px;
		background-color: #fff;
		border-top: none;
	}

	.header_info {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 80px;
		line-height: 100px;
		position: relative;
		z-index: 1001;
	}

	.header_info ul {
		display: block;
		margin: 0;
		padding: 0;
		list-style: none;
		background-color: #fff;
		overflow: hidden;
	}

	.header_info li {
		display: block;
		text-align: center;
		float: left;
		width: 33.33%;
		height: 80px;
		line-height: 80px;
		font-size: 1.8em;
		color: #fff;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	}
	
	.header_info li a {
		display: block;
		color: #fff;
		text-decoration: none;
	}
	
	.header_info_t {
		padding: 0 0 0 9px;
		font-size: 0.7em;
	}
	
	li.header_info_icon01 {
		display: block;
		background-color: #1fbaed;
	}
	
	li.header_info_icon02 {
		display: block;
		background-color: #2f4991;
	}
	
	li.header_info_icon03 {
		display: block;
		background-color: #006253;
	}

}

@media only screen and (max-width: 480px){
	
	.header_info {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 80px;
		line-height: 100px;
		position: relative;
		z-index: 1001;
	}

	.header_info ul {
		margin: 0;
		padding: 0;
		list-style: none;
		background-color: #0053a6;
		overflow: hidden;
	}

	.header_info li {
		display: block;
		text-align: center;
		float: left;
		width: 33.33%;
		height: 80px;
		line-height: 80px;
		font-size: 1.4em;
		color: #fff;
	}
	
	.header_info li a {
		display: block;
		color: #fff;
		text-decoration: none;
	}
	
	.header_info_t {
		padding: 0 0 0 9px;
		font-size: 0.7em;
	}
	
}

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


	.header_info li {
		font-size: 2em;
	}
	
	.header_info li span {
		display: none;
	}
	
}










/* # =================================================================
   # page-top
   # ================================================================= */

.pagetop {
	position: fixed;
	display: block;
	background : url(../images/goto_top.png);
	right: 30px;
	width: 52px;
	height: 52px;
	margin-bottom: 15px;
	z-index: 2000;
}

.pagetop span {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}


@media only screen and (max-width: 1024px){
	
	.pagetop {
		right: -80px;
	}	
	
}