@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1020px) {
.inner1020 {
	padding: 0 2%;
}
}
@media screen and (max-width: 890px) {
.headSet {
	padding: 10px 2%;
}
header .inner {
	display: block;
	padding: 0px 0%;
}
.headSet:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#logo a.top img {
	max-width: 466px;
	width: 100%;
}
/***g_nav***/
.g_nav {
	margin-right: 0;
	width: 100%;
}
.g_nav nav {
	border-top: solid 1px #eaeaea;
}
.g_nav nav ul li {
	width: 25%;
	text-align: center;
	border-right: solid 1px #eaeaea;
	height: 85px;
	padding: 5px;
}
.g_nav nav ul li:last-child {
	border-right: none;
	height: 85px;
	margin: 0;
	border-radius: 0;
	padding: 0;
}
.g_nav nav ul li:last-child a {
	line-height: 85px;
}
nav ul li span:before {
	position: static !important;
	margin: 0 auto 10px !important;
}
.g_nav nav ul li.nav01 a, .g_nav nav ul li.nav02 a, .g_nav nav ul li.nav03 a {
	padding: 5px 5px;
	font-size: 12px;
	line-height: 1.3em;
}
.g_nav nav ul li.nav03,
.g_nav nav ul li.entryButton{
	margin-left: 0;
}


.mainVisual {
	height: 20vh;
	overflow: hidden;
}
.mainVisual img {
	height: 100%;
	width: auto;
}
main {
	padding-top: 30px;
}
.panelSet .text03 {
	height: 200px !important;
	width: 200px !important;
	padding: 30px 20px !important;
}
.panelSet .text03 h2 {
	margin: 15px 0 !important;
}
.panelSet .text03 .btnMore {
	width: 114px;
}
.footerColumn {
	width: 100%;
	margin-left: 0%;
}
}
@media screen and (max-width: 765px) {
#logo a:first-child{
	margin-right: 0;
}
.recruitTop{
	display: inline;
	text-align: center;
}
.recruitTop img{
	margin: auto;
}
.mainVisual h1 {
	font-size: 34px;
	color: #333333;
}
.mainVisual h1 span {
	letter-spacing: 0;
}
h1 span{
	left: 15px
}
h2.grid span{
	padding: 0.2em .2em;
}
.bgBlue {
	display: none;
}
.panelSet .text02 .btnMore {
	background: #0666a8 !important;
}
.panelSet .text02 .btnMore span {
	color: #ffffff !important;
}
/*column Set*/
.columnHalf,
.columnOneThird,
.columnTwoThird {
	float: none;
	width: 100%;
	margin-left: 0;
}
.panelSet .text01,
.panelSet .text02 {
	position: initial !important;
}
.panelSet .text01 h2,
.panelSet .text02 h2 {
	bottom: 0px !important;
	right: 14px !important;
	width: 80%;
}
.panelSet .btnMore {
	z-index: 999;
	bottom: 0 !important;
	right: 0;
}
h2.ribbon span {
	padding: 0.25em 1em;
	line-height: 1.2em;
}
h2.ribbon span img {
	width: 80%;
}
.panelSet .panelImg03 {
	width: 100% !important;
}
footer .inner1020 {
	display: none;
}
section.slide05 {
	padding-bottom: 10px !important;
}
}
@media screen and (max-width: 550px) {
header .inner #logo a {
	float: none;
}
.entryButton {
	width: 35%;
}
.panelSet .text03 {
	height: 160px !important;
	width: 160px !important;
	padding: 20px 10px !important;
}
.panelSet .text03 h2 {
	font-size: 36px !important;
}
}