*,:after,:before {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	font-family: "Noto Sans Japanese", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "Font Awesome 5 Free" !important;
}
.fab:before {
	font-family: "Font Awesome 5 Brands" !important;
}
main {
	text-align: left;
}
header,header a {
	font-size: 14px;
	text-decoration: none;
}
article > header {
	padding-top: 0;
	padding-bottom: 0;
	display: block;
	width: auto;
	height: auto;
	position: relative;
	top: auto;
	background-color: auto;
	z-index: 0;
}
article > header > * {
	display: block;
	text-align: left;
}
footer {
	padding: 0;
	font-size: 14px;
}
@media only screen and (max-width: 768px) {
	footer {
		padding-bottom: 0px;
	}
}
footer p {
	padding-top: 0;
	color: #000;
}
@media only screen and (max-width: 768px) {
	footer p {
		font-size: 14px;
	}
}
footer p:first-child {
	padding-top: 0px;
}
@media only screen and (max-width: 768px) {
	footer p:first-child {
		padding-top: 0px;
	}
}
.dialogWrap {
	z-index: 1000!important
}
.prbox {
	padding: 20px 0;
	text-align: center
}
.prbox .only-sp {
	display: none
}
.ad_fullwidth {
	margin: 10px auto;
	width: 960px
}
.ad_inline {
	display: inline-block;
	height: 250px;
	width: 300px
}
.ad_inline:first-of-type {
	margin-right: 100px
}
.ad_width_728 {
	height: 90px;
	width: 728px;
	margin: 0 auto
}
@media screen and (max-width: 768px) {
	.prbox .only-sp {
		display:block
	}
	.ad_width_300 {
		width: 300px;
		margin: 0 auto
	}
}
.prbox,.prbox h3 {
	text-align: center
}
.prbox .only-pc>div,.prbox .only-sp>div {
	margin: 0 auto
}
.prbox.service-top.ad-in-content {
	margin-top: 50px
}
.prbox.service-top.ad-in-content .only-pc>.ad_inline:first-of-type {
	margin-right: 100px
}
.prbox.only-pc.service-top.ad_fullwidth {
	margin-top: 50px
}
.tenpoBlog {
	margin-top: 80px;
	padding-top: 80px;
	border-top: 2px solid #3f3f3f
}
.tenpoBlog .inner {
	margin: 0 auto;
	width: 980px
}
.tenpoBlog h2 {
	text-align: center;
	line-height: 1;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: normal
}
.tenpoBlog ul {
	margin: 30px 0 0;
	padding: 0 10px 10px;
	background: #f0f0f0;
	display: flex;
	flex-wrap: wrap
}
.tenpoBlog li {
	margin: 10px 0 0 10px;
	width: 475px
}
.tenpoBlog li:nth-child(odd) {
	margin-left: 0
}
.tenpoBlog li a {
	padding: 5px;
	display: table;
	line-height: 0;
	background: #fff;
	transition: all .3s ease
}
.tenpoBlog li a:hover {
	background: #ccc
}
.tenpoBlog li .inleft {
	width: 100px;
	display: table-cell;
	vertical-align: middle
}
.tenpoBlog li .inleft p {
	line-height: 0
}
.tenpoBlog li .inleft p img {
	width: 100%
}
.tenpoBlog li .inright {
	padding: 0 0 0 10px;
	display: table-cell;
	vertical-align: middle;
	line-height: 1;
	width: 365px
}
.tenpoBlog li .inright p.data {
	font-size: 12px;
	line-height: 1;
	color: #868686
}
.tenpoBlog li .inright p.data span {
	margin: 0 0 0 5px;
	padding: 4px 4px 3px;
	font-size: 10px;
	font-weight: 700;
	line-height: .7;
	color: #fff;
	display: inline-block;
	background: #fe344a;
	letter-spacing: .05em
}
:root .tenpoBlog li .inright p.data span,_:-ms-input-placeholder {
	margin: 0 0 0 5px;
	padding: 6px 4px 1px;
	font-size: 10px;
	font-weight: 700;
	line-height: .7;
	color: #fff;
	display: inline-block;
	background: #fe344a;
	letter-spacing: .05em
}
.tenpoBlog li .inright p.title {
	margin-top: 6px;
	font-size: 20px;
	line-height: 1.2;
	color: #103e9e
}
.tenpoBlog li .inright p.name {
	margin-top: 6px;
	font-size: 12px;
	line-height: 1;
	color: #868686
}
.tenpoBlog p.more {
	margin: 30px auto 0;
	width: 160px;
	line-height: 0;
	text-align: center
}
.tenpoBlog p.more a {
	padding: 6px 0;
	width: 100%;
	line-height: .8;
	display: block;
	border: 1px solid #131313;
	color: #131313;
	font-size: 14px;
	font-weight: 700;
	transition: all .3s
}
.tenpoBlog p.more a,.tenpoBlog p.more a:hover {
	background: url(/service/img/arrow_chip01.png) no-repeat 6px/5px
}
.tenpoBlog p.more a:hover {
	background-color: #ccc
}
:root .tenpoBlog p.more a,_:-ms-input-placeholder {
	padding: 12px 0 6px;
	width: 100%;
	line-height: .8;
	display: block;
	border: 1px solid #131313;
	color: #131313;
	font-size: 14px;
	font-weight: 700;
	background: url(/service/img/arrow_chip01.png) no-repeat 6px/5px;
	transition: all .3s
}
.iframe-wrapper {
	margin: 80px auto 0;
	width: 1020px
}
.iframe-shopBlog {
	width: 100%
}
@media screen and (max-width: 768px) {
	.tenpoBlog {
		margin-top:60px;
		padding-top: 60px;
		border-top: 2px solid #3f3f3f
	}
	.tenpoBlog .inner {
		margin: 0 auto;
		padding: 0 12px;
		width: auto
	}
	.tenpoBlog h2 {
		text-align: center;
		line-height: 1;
		font-size: 24px;
		font-weight: 700;
		letter-spacing: normal
	}
	.tenpoBlog ul {
		margin: 30px 0 0;
		padding: 0 10px 10px;
		background: #f0f0f0
	}
	.tenpoBlog li {
		margin: 10px 0 0;
		width: 100%
	}
	.tenpoBlog li:nth-child(odd) {
		margin-left: 0
	}
	.tenpoBlog li a {
		padding: 5px;
		display: table;
		width: 100%;
		line-height: 0;
		background: #fff;
		transition: all .3s ease
	}
	.tenpoBlog li a:hover {
		background: #fff
	}
	.tenpoBlog li .inleft {
		width: 120px;
		display: table-cell;
		vertical-align: middle
	}
	.tenpoBlog li .inleft p {
		line-height: 0
	}
	.tenpoBlog li .inleft p img {
		width: 100%
	}
	.tenpoBlog li .inright {
		padding: 0 0 0 10px;
		display: table-cell;
		vertical-align: middle;
		line-height: 1;
		width: 365px
	}
	.tenpoBlog li .inright p.data {
		font-size: 12px;
		line-height: 1;
		color: #868686
	}
	.tenpoBlog li .inright p.data span {
		margin: 0 0 0 5px;
		padding: 4px 4px 3px;
		font-size: 10px;
		font-weight: 700;
		line-height: .7;
		color: #fff;
		display: inline-block;
		background: #fe344a;
		letter-spacing: .05em
	}
	.tenpoBlog li .inright p.title {
		margin-top: 6px;
		font-size: 16px;
		line-height: 1.2;
		color: #103e9e
	}
	.tenpoBlog li .inright p.name {
		margin-top: 6px;
		font-size: 12px;
		line-height: 1;
		color: #868686
	}
	.tenpoBlog p.more {
		margin: 30px auto 0;
		width: 80%;
		line-height: 0;
		text-align: center
	}
	.tenpoBlog p.more a {
		padding: 20px 0;
		width: 100%;
		line-height: .8;
		display: block;
		border: 1px solid #131313;
		color: #131313;
		font-size: 14px;
		font-weight: 700;
		transition: all .3s
	}
	.tenpoBlog p.more a,.tenpoBlog p.more a:hover {
		background: url(/service/img/arrow_chip01.png) no-repeat 8px/8px
	}
	.iframe-wrapper {
		margin: 0 auto;
		width: auto
	}
	.iframe-shopBlog {
		width: 100%
	}
}
@media screen and (max-width: 768px) {
	.new-graduate {
		width:auto!important
	}
	.recently * {
		word-break: break-word
	}
	.prbox {
		overflow-x: hidden
	}
}
.page_top {
	width: 93px;
	position: fixed;
	right: -93px;
	bottom: 20px;
	background: #e50113;
	z-index: 100;
	border-radius: 5px 0 0 5px;
	transition: all .3s ease
}
.page_top:hover {
	background: #02489a
}
.page_top a {
	padding: 10px 0;
	display: block;
	width: 93px;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	font-family: Montserrat,sans-serif;
	text-align: center;
	letter-spacing: .05em
}
.page_top.spOnly {
	display: none
}
header.top-header {
	background: #000;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 999;
	text-align: left
}
header.top-header .header-information {
	margin: 0;
	padding: 8px 0 8px 40px!important;
	line-height: 1.1;
	position: relative;
	color: #fff
}
header.top-header .header-information a {
	color: #fff;
	text-decoration: underline
}
header.top-header .header-information:before {
	content: "";
	background-image: url(/service/img/ico-information.svg);
	background-repeat: no-repeat;
	background-size: cover;
	vertical-align: middle;
	height: 16px;
	width: 16px;
	position: absolute;
	left: 17px;
	top: 8px
}
header.top-header .pcNav {
	padding: 18px;
	display: block;
	letter-spacing: -.5em;
	position: relative
}
header.top-header .spNav {
	display: none
}
header.top-header .pcNav .inleft {
	display: inline-block;
	letter-spacing: normal
}
header.top-header .pcNav .inleft h1 {
	width: 185px;
	display: inline-block;
	vertical-align: middle
}
header.top-header .pcNav .inleft h1 a {
	display: block;
	line-height: 0
}
header.top-header .pcNav .inleft h1 img {
	width: 100%
}
header.top-header .pcNav .inleft p.change {
	margin: 0 0 0 20px;
	display: inline-block;
	position: relative;
	top: 3px
}
header.top-header .pcNav .inleft p.change a {
	font-size: 17px;
	line-height: 1;
	color: #fff;
	transition: all .3s ease
}
header.top-header .pcNav .inleft p.change i {
	padding: 0 8px 0 0;
	font-size: 20px
}
header.top-header .pcNav .inleft p.change a:hover {
	color: #ff0
}
header.top-header .pcNav .inright {
	display: inline-block;
	letter-spacing: normal;
	position: absolute;
	top: 22px;
	right: 20px
}
header.top-header .pcNav .inright .searchBar {
	display: inline-block;
	height: 20px;
	padding: 0;
	position: relative
}
header.top-header .pcNav .inright .searchBar .icon-search-container {
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	width: 20px;
	position: relative;
	transition: width .2s ease-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
header.top-header .pcNav .inright .searchBar .icon-search-container.active {
	width: 285px
}
header.top-header .pcNav .inright .searchBar .icon-search-container.active .fa-times-circle {
	opacity: 1
}
header.top-header .pcNav .inright .searchBar .icon-search-container.active .search-input {
	width: 200px
}
header.top-header .pcNav .inright .searchBar .icon-search-container i {
	color: #fff;
	font-size: 30px;
	cursor: pointer;
	font-size: 20px;
	transition: all .3s ease
}
header.top-header .pcNav .inright .searchBar .active i,header.top-header .pcNav .inright .searchBar .icon-search-container i:hover {
	color: #ff0
}
header.top-header .pcNav .inright .searchBar .icon-search-container .fa-times-circle {
	opacity: 0;
	color: #d9d9d9;
	font-size: 20px;
	position: absolute;
	top: 12px;
	right: 8px;
	transition: opacity .2s ease-out;
	cursor: pointer
}
header.top-header .pcNav .inright .searchBar .icon-search-container .search-input {
	padding: 0 0 0 10px;
	cursor: default;
	width: 0;
	border: none;
	outline: none;
	font-size: 18px;
	color: #fff;
	position: absolute;
	top: -2px;
	background-color: hsla(0,0%,100%,0);
	transition: width .2s ease-out
}
header.top-header .pcNav .inright ul {
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
	border-left: 1px solid #ccc;
	display: inline-block;
	letter-spacing: -.5em
}
header.top-header .pcNav .inright li {
	margin: 0 0 0 25px;
	display: inline-block;
	letter-spacing: normal
}
header.top-header .pcNav .inright li:first-child {
	margin: 0
}
header.top-header .pcNav .inright li a {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	transition: all .3s ease
}
header.top-header .pcNav .inright li a:hover {
	color: #ff0
}
footer {
	padding: 20px 0 90px;
	border-top: 10px solid #02489a;
	background: #000
}
footer .inner {
	margin: 0 auto;
	max-width: 1020px
}
footer .navList {
	margin-left: -30px;
	letter-spacing: -.5em
}
footer .ftBox {
	margin: 30px 0 0 30px;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	width: 230px
}
footer .ftBox a {
	color: #bebebe;
	transition: all .3s ease
}
footer .ftBox a:hover {
	color: #ff0
}
footer .ftBox p.mid a {
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	display: block
}
footer .ftBox ul {
	margin: 10px 0 0
}
footer .ftBox li {
	margin-top: 5px
}
footer .ftBox li a {
	font-size: 12px;
	display: block;
	line-height: 1.2
}
footer .sns {
	margin-top: 40px
}
footer .sns p.head {
	font-size: 14px;
	font-weight: 700;
	color: #bebebe;
	text-align: center;
	line-height: 1
}
footer .sns ul {
	margin-top: 30px;
	letter-spacing: -.5em;
	text-align: center
}
footer .sns li {
	margin: 0 0 0 50px;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top
}
footer .sns li:first-child {
	margin: 0
}
footer .sns li a {
	color: #bebebe;
	display: block;
	line-height: 1;
	transition: all .3s ease
}
footer .sns li a i {
	font-size: 30px
}
footer .sns li a:hover i {
	color: #ff0
}
footer p.copy {
	margin-top: 40px;
	font-size: 12px;
	font-weight: 700;
	color: #bebebe;
	line-height: 1;
	text-align: center
}
@media screen and (max-width: 1020px) {
	.page_top.spOnly {
		display:block;
		z-index: 0
	}
	.page_top {
		margin-top: 50px;
		margin-bottom: -50px;
		width: 100%;
		position: relative;
		right: 0;
		bottom: 0;
		z-index: 0;
		border-radius: 0;
		text-align: center
	}
	.page_top,.page_top:hover {
		background: #e50113
	}
	.page_top a {
		padding: 20px 0;
		display: block;
		width: 100%;
		font-size: 14px;
		color: #fff;
		text-decoration: none;
		font-family: Montserrat,sans-serif;
		text-align: center;
		letter-spacing: .05em
	}
	header.top-header {
		padding: 50px 0 0;
		background: #666;
		position: absolute;
		width: 100%;
		top: 0;
		z-index: 999
	}
	header.top-header .pcNav,header.top-header span.pcOnly {
		display: none
	}
	header.top-header .spNav {
		display: block
	}
	header.top-header .spNav .headline {
		position: absolute;
		z-index: 10;
		height: 50px;
		letter-spacing: -.5em;
		top: 0;
		width: 100%;
		background: #000
	}
	header.top-header .spNav .headline .inleft {
		position: relative;
		display: inline-block;
		letter-spacing: normal;
		z-index: 2
	}
	header.top-header .spNav .inleft {
		display: inline-block;
		letter-spacing: normal;
		width: 120px
	}
	header.top-header .spNav .inleft h1 {
		width: 120px;
		display: block;
		line-height: 0;
		margin-top: 6px
	}
	header.top-header .spNav .inleft h1 a {
		display: block;
		line-height: 0
	}
	header.top-header .spNav .inleft h1 img {
		width: 100%
	}
	header.top-header .spNav .headline .inright {
		top: 12px;
		right: 45px;
		display: block;
		letter-spacing: normal;
		text-align: right;
		width: auto
	}
	header.top-header .spNav .inright p.change {
		margin: 0 0 0 20px;
		display: inline-block;
		position: relative;
		top: 1px
	}
	header.top-header .spNav .inright p.change a {
		font-size: 17px;
		line-height: 1;
		color: #fff
	}
	header.top-header .spNav .inright p.change i {
		padding: 0;
		font-size: 20px;
		position: relative;
		top: 2px
	}
	header.top-header .spNav .inright .searchBar {
		margin: 0 0 0 1px;
		padding: 3px 10px 2px 8px;
		font-size: 12px;
		display: inline-block;
		position: relative;
		background: #fff;
		border-radius: 50px;
		width: 50%
	}
	header.top-header .spNav .inright .searchBar i {
		color: #666;
		font-size: 13px;
		cursor: pointer;
		position: absolute;
		top: 6px;
		left: 7px
	}
	header.top-header .spNav .inright .searchBar input {
		padding: 0 0 0 16px;
		border: none;
		width: 100%;
		font-size: 14px;
		outline: none
	}
	header.top-header .spNav .menu {
		height: 20px;
		position: fixed;
		right: 7px;
		top: 15px;
		width: 30px;
		z-index: 100
	}
	header.top-header .spNav .menu:before {
		content: "";
		display: block;
		background: #010101;
		width: 44px;
		height: 44px;
		position: fixed;
		top: 3px;
		right: 0
	}
	header.top-header .spNav .menu__line {
		background: #fff;
		display: block;
		height: 2px;
		position: absolute;
		transition: -webkit-transform .3s;
		transition: transform .3s;
		transition: transform .3s,-webkit-transform .3s;
		width: 100%
	}
	header.top-header .spNav .menu__line--center {
		top: 9px
	}
	header.top-header .spNav .menu__line--bottom {
		bottom: 0
	}
	header.top-header .spNav .menu__line--top.active {
		top: 8px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	header.top-header .spNav .menu__line--center.active {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
	header.top-header .spNav .menu__line--bottom.active {
		bottom: 10px;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}
	header.top-header .spNav .gnav {
		background: #000;
		display: none;
		height: 100%;
		position: fixed;
		width: 100%;
		z-index: 99;
		top: 0;
		left: 0
	}
	header.top-header .spNav .inSearch {
		padding: 5px 0 20px;
		text-align: center;
		color: #fff;
		border-top: 1px solid #6a6a6a;
		border-bottom: 1px solid #6a6a6a
	}
	header.top-header .spNav .inSearch ul {
		letter-spacing: -.5em
	}
	header.top-header .spNav .inSearch li {
		margin: 0 0 0 20px;
		display: inline-block;
		letter-spacing: normal;
		font-weight: 700
	}
	header.top-header .spNav .inSearch li:first-child {
		margin: 0
	}
	.inSearch .radio {
		display: none
	}
	.inSearch .radio+.radio-icon {
		padding: 0 2px 0 0;
		position: relative;
		vertical-align: middle
	}
	.inSearch .radio+.radio-icon:before {
		content: "\F111";
		font-weight: 400;
		font-family: Font Awesome\ 5 Free;
		color: #fff;
		font-size: 20px;
		position: relative;
		top: 1px
	}
	.inSearch .radio:checked+.radio-icon:before {
		content: "\F058";
		font-weight: 900
	}
	header.top-header .spNav .inSearch p {
		margin: 10px auto 0;
		padding: 10px;
		display: inline-block;
		position: relative;
		background: #fff;
		border-radius: 50px;
		width: 90%
	}
	header.top-header .spNav .inSearch p i {
		color: #000;
		font-size: 20px;
		cursor: pointer;
		position: absolute;
		top: 11px;
		left: 10px
	}
	header.top-header .spNav .inSearch p input {
		padding: 0 0 0 30px;
		border: none;
		width: 100%;
		font-size: 14px;
		outline: none
	}
	header.top-header .spNav .gnav__wrap {
		padding: 0;
		align-items: center;
		height: 100%;
		position: absolute;
		width: 100%;
		overflow-y: scroll
	}
	header.top-header .spNav ul.gnav_menu {
		padding: 0 0 100px;
		letter-spacing: normal;
		width: 90%;
		margin: 0 auto
	}
	header.top-header .spNav ul.gnav_menu>li {
		margin-top: 10px;
		margin-right: -17px
	}
	header.top-header .spNav ul.gnav_menu>li:first-child {
		margin-top: 15px
	}
	header.top-header .spNav ul.gnav_menu>li>a {
		padding: 10px;
		display: block;
		color: #fff;
		font-size: 16px;
		line-height: 1;
		position: relative
	}
	header.top-header .spNav ul.gnav_menu>li>a i {
		padding: 0 5px 0 0;
		position: relative;
		top: -1px
	}
	header.top-header .spNav ul.gnav_menu>li>a:after {
		content: "";
		width: 6px;
		height: 6px;
		border: 0;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		top: 50%;
		right: 28px;
		margin-top: -5px;
		padding: 0
	}
	header.top-header .spNav ul.gnav_menu>li>a.arrow:after {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-top: -3px
	}
	header.top-header .spNav ul.gnav_menu>li>a.active:after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		margin-top: 0
	}
	header.top-header .spNav ul.gnav_menu>li>ul {
		display: none;
		padding-left: 10px
	}
	header.top-header .spNav ul.gnav_menu>li>ul a {
		font-size: 14px;
		position: relative;
		padding: 10px 10px 10px 20px;
		display: block;
		color: #fff;
		line-height: 1
	}
	header.top-header .spNav ul.gnav_menu>li>ul a:before {
		content: "";
		width: 4px;
		height: 4px;
		border: 0;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		left: 10px;
		margin-top: -2px;
		padding: 0
	}
	header.top-header .spNav .gnavlist .gnavlist-sell a {
		background: #134492
	}
	header.top-header .spNav .gnavlist ul {
		display: flex;
		flex-wrap: wrap;
		border-bottom: 1px solid #666
	}
	header.top-header .spNav .gnavlist li {
		width: 20%;
	}
	header.top-header .spNav .gnavlist li a {
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
		width: 100%;
		background: #e50214;
		color: #fff;
		border-left: 1px solid #000;
		font-weight: 700;
		min-height: 3.2em;
		text-align: center
	}
	header.top-header .spNav .gnavlist li:first-child a {
		border-left: none
	}
	header.top-header .spNav .inSearch {
		padding: 15px 0 20px
	}
	header.top-header {
		background: #000;
		padding: 0
	}
	header.top-header .header-information {
		padding: 4px 0 4px 25px!important;
		position: relative;
		top: 0;
		left: 0;
		z-index: 10
	}
	header.top-header .header-information a {
		font-size: 10px
	}
	header.top-header .header-information:before {
		left: 6px;
		top: 4px
	}
	header.top-header .spNav .headline {
		padding: 10px 0 10px 6px;
		height: auto;
		position: relative;
		background: none
	}
	header.top-header .spNav .headline .inright {
		position: absolute;
		top: 10px
	}
	header.top-header .spNav .menu {
		top: auto;
		margin: 3px 0
	}
	header.top-header .spNav .menu:before {
		top: auto;
		-webkit-transform: translateY(-25%);
		transform: translateY(-25%)
	}
	header.top-header .spNav .gnavlist {
		margin: 10px 0 0
	}
}
@media screen and (max-width: 1020px) {
	footer {
		margin-top:50px;
		padding: 0 0 120px;
		border-top: 5px solid #02489a;
		background: #000
	}
	footer .inner {
		margin: 0 auto;
		padding: 0 10px;
		max-width: 100%
	}
	footer .navList {
		margin-left: 0;
		letter-spacing: -.5em
	}
	footer .ftBox {
		margin: 0;
		display: block;
		letter-spacing: normal;
		width: 100%
	}
	footer .ftBox a {
		padding: 20px 0;
		border-top: 1px solid #333;
		color: #bebebe;
		position: relative
	}
	footer .ftBox:first-child a {
		border-top: none
	}
	footer .ftBox p.mid a:before {
		content: "";
		width: 8px;
		height: 8px;
		border: 0;
		border-top: 2px solid #666;
		border-right: 2px solid #666;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 5px;
		margin-top: -4px
	}
	footer .ftBox a:hover {
		color: #bebebe
	}
	footer .ftBox p.mid a {
		font-size: 14px;
		font-weight: 700;
		line-height: 1;
		display: block
	}
	footer .ftBox ul {
		display: none
	}
	footer .sns {
		margin-top: 0;
		padding-top: 30px;
		border-top: 1px solid #333
	}
	footer .sns p.head {
		font-size: 14px;
		font-weight: 700;
		color: #bebebe;
		text-align: center;
		line-height: 1
	}
	footer .sns ul {
		margin-top: 30px;
		letter-spacing: -.5em;
		text-align: center
	}
	footer .sns li {
		margin: 0 0 0 50px;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top
	}
	footer .sns li:first-child {
		margin: 0
	}
	footer .sns li a {
		color: #bebebe;
		display: block;
		line-height: 1;
		transition: all .3s ease
	}
	footer .sns li a i {
		font-size: 30px
	}
	footer .sns li a:hover i {
		color: #bebebe
	}
	footer p.copy {
		margin-top: 40px;
		font-size: 12px;
		font-weight: 700;
		color: #bebebe;
		line-height: 1;
		text-align: center
	}
}
@media screen and (max-width: 768px) {
	footer {
		margin-top:50px;
		padding: 0 0 120px;
		border-top: 5px solid #02489a;
		background: #000
	}
	footer .inner {
		margin: 0 auto;
		padding: 0 10px;
		max-width: 100%
	}
	footer .navList {
		margin-left: 0;
		letter-spacing: -.5em
	}
	footer .ftBox {
		margin: 0;
		display: block;
		letter-spacing: normal;
		width: 100%
	}
	footer .ftBox a {
		padding: 20px 0;
		border-top: 1px solid #333;
		color: #bebebe;
		position: relative
	}
	footer .ftBox:first-child a {
		border-top: none
	}
	footer .ftBox p.mid a:before {
		content: "";
		width: 8px;
		height: 8px;
		border: 0;
		border-top: 2px solid #666;
		border-right: 2px solid #666;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 5px;
		margin-top: -4px
	}
	footer .ftBox a:hover {
		color: #bebebe
	}
	footer .ftBox p.mid a {
		font-size: 14px;
		font-weight: 700;
		line-height: 1;
		display: block
	}
	footer .ftBox ul {
		display: none
	}
	footer .sns {
		margin-top: 0;
		padding-top: 30px;
		border-top: 1px solid #333
	}
	footer .sns p.head {
		font-size: 14px;
		font-weight: 700;
		color: #bebebe;
		text-align: center;
		line-height: 1
	}
	footer .sns ul {
		margin-top: 30px;
		letter-spacing: -.5em;
		text-align: center
	}
	footer .sns li {
		margin: 0 0 0 50px;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top
	}
	footer .sns li:first-child {
		margin: 0
	}
	footer .sns li a {
		color: #bebebe;
		display: block;
		line-height: 1;
		transition: all .3s ease
	}
	footer .sns li a i {
		font-size: 30px
	}
	footer .sns li a:hover i {
		color: #bebebe
	}
	footer p.copy {
		margin-top: 40px;
		font-size: 12px;
		font-weight: 700;
		color: #bebebe;
		line-height: 1;
		text-align: center
	}
}