#header {
	min-width: 1240px
}
#header #header-wrap-top #header-wrap {
	width: 1220px
}
#header #header-wrap-top.nav-fixed {
	height: 67px;
	position: static
}
#header #header-wrap-top.nav-fixed #header-wrap h1 {
	margin-top: 0
}
#header #header-wrap-top.nav-fixed ul li a {
	height: 67px;
	line-height: 98px
}
#container {
	padding: 0;
	width: 100%;
	overflow: visible
}
#container #contents {
	margin: 0 auto;
	width: 1240px
}
#container #contents #main-grid {
	margin: 5px;
	width: 100%
}
#container #contents #main-grid>li {
	width: 216px;
	height: 216px
}
#container #contents #main-grid li {
	overflow: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

}
#container #contents #main-grid li.grid {
	margin: 5px;
	padding: 10px
}
#container #contents #main-grid li.grid p {
	color: #fff
}
#container #contents #main-grid li.grid .main-contents li {
	/* padding: 10px;
	width: 216px;
	height: 216px; */
	position: absolute
}
#container #contents #main-grid li.grid .main-contents li p {
	color: #fff;
	font-size: 155%;
	font-weight: 400;
	text-align: left
}
#container #contents #main-grid li.grid #top-mv-lotation {
	width: 728px;
	height: 482px;
	position: relative
}
#container #contents #main-grid li.grid #top-mv-lotation #top-mv {
	position: absolute;
	overflow: hidden
}
#container #contents #main-grid li.grid #top-mv-lotation #top-mv li {
	width: 728px;
	height: 492px;
	float: left
}
@media only screen and (min-width:768px) and (max-width:784px) {
  #container #contents #main-grid li.grid #top-mv-lotation #top-mv li {
  	height: 482px!important;
  }
}
#container #contents #main-grid li.grid #top-mv-lotation #top-mv li a {
	display: block
}
#container #contents #main-grid li.grid #top-mv-lotation #pager {
/*	width: 728px	;*/
	width:auto;
	height: 14px;
	letter-spacing: -.4em;
	text-align: left;
	position: absolute;
	bottom: 0px;
	left: 0px;	
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	padding-bottom:1%;
	margin-right:auto;
	margin-left:auto;
	background: url(/images/mv_pager_bg.png) repeat;

}
#container #contents #main-grid li.grid #top-mv-lotation #pager li {
	margin: 0 5px;
	width: 14px;
	height: 14px;
	background: url(/images/pagenation.png) no-repeat left top;
	cursor: pointer;
	overflow: visible;
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1

}
#container #contents #main-grid li.grid #top-mv-lotation #pager li img {
	vertical-align: top;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	zoom: 1;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease

}
#container #contents #main-grid li.grid #top-mv-lotation #pager li.current img,
#container #contents #main-grid li.grid #top-mv-lotation #pager li:hover img {
	display: block;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	zoom: 1
}
#top-mv-ctrl {
	bottom: 1.25%;
	font-size: 85.7142%;
	position: absolute;
	right: 1.25%;
}

#top-mv-ctrl li {
	display: none;
}
#top-mv-ctrl li.top-mv-ctrl-current {
	display: block;
}

#top-mv-ctrl li a,
#top-mv-ctrl li a:before {

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;

}

#top-mv-ctrl li a {
	border: 2px solid #333;
	border-radius: 3px;
	background: #fff;
	background: rgba(255, 255, 255, .7);
	display: block;
	padding: .8em 0 .6em;
	text-align: center;
	width: 9em;
}
#top-mv-ctrl li a:hover {
	background: #333;
	color: #fff;
}

#top-mv-ctrl li a:before {
	content: '';
	display: inline-block;
	margin-right: .35em;
	vertica-align: middle;
}

#top-mv-ctrl li.top-mv-ctrl-play a:before {
	border-color: transparent transparent transparent #333;
	border-style: solid;
	border-width: .45em 0 .45em .8em;
	height: 0;
	width: 0;
}
#top-mv-ctrl li.top-mv-ctrl-play a:hover:before {
	border-color: transparent transparent transparent #fff;
}

#top-mv-ctrl li.top-mv-ctrl-pause a:before {
	border-color: #333;
	border-style: solid;
	border-width: 0 .33em;
	width: .166em;
	height: .9em;
}
#top-mv-ctrl li.top-mv-ctrl-pause a:hover:before {
	border-color: #fff;
}
#container #contents #main-grid li.grid .form-area {
	padding: 5px
}
#container #contents #main-grid li.grid .form-area p {
	font-size: 90%
}
#container #contents #main-grid li.grid .form-area .error-message {
	text-align: center;
	display: none;
}
#container #contents #main-grid li.grid .form-area .error-message-mail {
	text-align: center;
	display: none;
}
#container #contents #main-grid li.grid .form-area .error-message-name {
	text-align: center;
	display: none;
}
#container #contents #main-grid li.grid .form-area .contact-input-text {
	padding: 8px;
	width: 186px;
	color: #333;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif;
	font-size: 93%;
	background-color: #7cd4d0;
	border-top: 1px solid #007973;
	border-right: 1px solid #32beb8;
	border-bottom: 1px solid #32beb8;
	border-left: 1px solid #007973;
	cursor: pointer
}
#container #contents #main-grid li.grid .form-area .contact-input-text:focus {
	cursor: text
}
#container #contents #main-grid li.grid .form-area .contact-select {
	padding: 8px;
	width: 186px;
	height: 24px;
	line-height: 24px;
	color: #333;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif;
	font-size: 93%;
	background: url(/images/top_contact_select.gif) no-repeat right top #7cd4d0;
	border-top: 1px solid #007973;
	border-right: 1px solid #007973;
	border-bottom: 1px solid #32beb8;
	border-left: 1px solid #007973;
	cursor: pointer;
	outline: none;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease

}
#container #contents #main-grid li.grid .form-area .contact-form-btn a {
	padding: 10px;
	width: 184px;
	color: #fff;
	font-size: 110%;
	text-align: center;
	background: url(/images/top_contact_btn.png) no-repeat right center #036c68;
	display: block;
	cursor: pointer
}
#container #contents #main-grid li.grid .form-area .contact-form-btn a:hover {
	background-color: #02807b
}
/* #container #contents #main-grid li.column1_2 {
	height: 462px
} */
#container #contents #main-grid li.column2_1 {
	padding: 0;
	width: 482px;
	height: 236px;
}
#container #contents #main-grid li.column2_1 ul li {
	position: relative;
	top: 0;
}
#container #contents #main-grid li.column2_1 ul li.left,
#container #contents #main-grid li.column2_1 ul li.co,
#container #contents #main-grid li.column2_1 ul li.se  {
	left: 0;	
}
#container #contents #main-grid li.column2_1 ul li.right,
#container #contents #main-grid li.column2_1 ul li.ac {
	left: 246px;
}
#container #contents #main-grid li.column2_1 ul li,
#container #contents #main-grid li.column2_1 ul li.rd,
#container #contents #main-grid li.column2_1 ul li.ac,
#container #contents #main-grid li.column2_1 ul li.se {
	padding: 0;
	width: 236px;
	height: 236px;
}
#container #contents #main-grid li.column2_1 ul li.se {
	background: #ef7c01;
}
#container #contents #main-grid li.column2_1 ul li.co h1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

#container #contents #main-grid li.column2_1 ul li.pf h1 {
	position: relative;
	z-index: 100;
}
#container #contents #main-grid li.column2_1 ul li.ac a img,
#container #contents #main-grid li.column2_1 ul li.se a img {

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

}
#container #contents #main-grid li.column2_1 ul li.pf,
#container #contents #main-grid li.column2_1 ul li.ne,
#container #contents #main-grid li.column2_1 ul li.tips {
	padding: 0;
	width: 236px;
	height: 236px;
}
#container #contents #main-grid li.column2_1 ul li.co {
	background: url(/images/top_item_company_bg.jpg) no-repeat left top
}
#container #contents #main-grid li.column2_1 ul li.pf {
	background: #f3a14b;
}
#container #contents #main-grid li.column2_1 ul li.ac {
	background: url(/images/top_item_access_bg.jpg) no-repeat left top
}
#container #contents #main-grid li.column2_1 ul li.ac a img {
	background-color: rgba(100, 72, 150, 0.7);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#cc644896, EndColorStr=#cc644896)
}
#container #contents #main-grid li.column2_1 ul li.ac:hover img {
	background-color: #644896;
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ff644896, EndColorStr=#ff644896)
}
#container #contents #main-grid li.column2_1 ul li.se a img {
	background-color: rgba(239, 124, 1, 0.7);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ccef7c01, EndColorStr=#ccef7c01)
}
#container #contents #main-grid li.column2_1 ul li.se:hover img {
	opacity: 0.5;
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffef7c01, EndColorStr=#ffef7c01)
}


#container #contents #main-grid li.column2_1 ul li.sl,
#container #contents #main-grid li.column2_1 ul li.rc {
	position: relative;
	top: 0;
	left: 0
}
#container #contents #main-grid li.column2_1 ul li.sl h1,
#container #contents #main-grid li.column2_1 ul li.rc h1 {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 100
}
#container #contents #main-grid li.column2_1 ul li.op,
#container #contents #main-grid li.column2_1 ul li.wp {
	top: 0;
	left: 246px
}
#container #contents #main-grid li.column2_1 ul li.pr,
#container #contents #main-grid li.column2_1 ul li.ng {
	top: 0;
	left: 246px
}
#container #contents #main-grid li.column2_1 ul li.sd,
#container #contents #main-grid li.column2_1 ul li.mc {
	top: 246px;
	left: 246px
}
#container #contents #main-grid li.column2_1 ul li.sl {
	background: url(/images/top_item_solution2_bg.jpg) no-repeat left top
}
#container #contents #main-grid li.column2_1 ul li.rc {
	background: url(/images/top_item_recruit_bg.jpg) no-repeat left top
}
#container #contents #main-grid li.column2_1 ul li.wp,
#container #contents #main-grid li.column2_1 ul li.ng,
#container #contents #main-grid li.column2_1 ul li.mc {
	padding: 0;
	width: 236px;
	height: 236px;
	background-color: #e352a4
}
#container #contents #main-grid li.column2_1 ul li.wp:hover,
#container #contents #main-grid li.column2_1 ul li.ng:hover,
#container #contents #main-grid li.column2_1 ul li.mc:hover {
	background-color: #c23283
}
#container #contents #main-grid li.column2_1 ul li.op,
#container #contents #main-grid li.column2_1 ul li.pr,
#container #contents #main-grid li.column2_1 ul li.sd {
	padding: 0;
	width: 236px;
	height: 236px;
	background-color: #087ba1
}
#container #contents #main-grid li.column2_1 ul li.op:hover,
#container #contents #main-grid li.column2_1 ul li.pr:hover,
#container #contents #main-grid li.column2_1 ul li.sd:hover {
	background-color: #00688a
}




#container #contents #main-grid li.column2_2 {
	padding: 0;
	width: 482px;
	height: 482px
}
#container #contents #main-grid li.column2_2 ul li.sl,
#container #contents #main-grid li.column2_2 ul li.rc {
	position: relative;
	top: 0;
	left: 0
}
#container #contents #main-grid li.column2_2 ul li.sl h1,
#container #contents #main-grid li.column2_2 ul li.rc h1 {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 100
}
#container #contents #main-grid li.column2_2 ul li.op,
#container #contents #main-grid li.column2_2 ul li.wp {
	top: 0;
	left: 246px
}
#container #contents #main-grid li.column2_2 ul li.pr,
#container #contents #main-grid li.column2_2 ul li.ng {
	top: 246px;
	left: 0
}
#container #contents #main-grid li.column2_2 ul li.sd,
#container #contents #main-grid li.column2_2 ul li.mc {
	top: 246px;
	left: 246px
}
#container #contents #main-grid li.column2_2 ul li.sl {
	background: url(/images/top_item_solution2_bg.jpg) no-repeat left top
}
#container #contents #main-grid li.column2_2 ul li.rc {
	background: url(/images/top_item_recruit_bg.jpg) no-repeat left top
}
#container #contents #main-grid li.column2_2 ul li.wp,
#container #contents #main-grid li.column2_2 ul li.ng,
#container #contents #main-grid li.column2_2 ul li.mc {
	padding: 0;
	width: 236px;
	height: 236px;
	background-color: #e352a4
}
#container #contents #main-grid li.column2_2 ul li.wp:hover,
#container #contents #main-grid li.column2_2 ul li.ng:hover,
#container #contents #main-grid li.column2_2 ul li.mc:hover {
	background-color: #c23283
}
#container #contents #main-grid li.column2_2 ul li.op,
#container #contents #main-grid li.column2_2 ul li.pr,
#container #contents #main-grid li.column2_2 ul li.sd {
	padding: 0;
	width: 236px;
	height: 236px;
	background-color: #087ba1
}
#container #contents #main-grid li.column2_2 ul li.op:hover,
#container #contents #main-grid li.column2_2 ul li.pr:hover,
#container #contents #main-grid li.column2_2 ul li.sd:hover {
	background-color: #00688a
}
#container #contents #main-grid li.column3_1 {
	width: 708px;
	position: relative
}
#container #contents #main-grid li.column3_2 {
	padding: 0;
	width: 728px;
	height: 482px
}
#container #contents #main-grid li.column3_2 ul li.rc {
	width: 708px;
	position: relative;
	top: 0;
	left: 0
}
#container #contents #main-grid li.column3_2 ul li.ai_chatbot.-pc {
	top: 0;
	left: 246px;
}
#container #contents #main-grid li.column3_2 ul li.e_learning.-pc {
	top: 0;
	left: 492px;
}
#container #contents #main-grid li.column3_2 ul li.sl h1,
#container #contents #main-grid li.column3_2 ul li.rc h1 {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 100
}
#container #contents #main-grid li.column3_2 ul li.op,
#container #contents #main-grid li.column3_2 ul li.wp {
	top: 246px;
	left: 0
}
#container #contents #main-grid li.column3_2 ul li.pr,
#container #contents #main-grid li.column3_2 ul li.ng {
	top: 246px;
	left: 246px
}
#container #contents #main-grid li.column3_2 ul li.sd,
#container #contents #main-grid li.column3_2 ul li.mc {
	top: 246px;
	left: 492px
}
#container #contents #main-grid li.column3_2 ul li.sl {
	background: url(/images/top_item_solution_bg.jpg) no-repeat left top
}
#container #contents #main-grid li.column3_2 ul li.rc {
	background: url(/images/top_item_recruit2_bg.jpg) no-repeat left top
}
#container #contents #main-grid li.column3_2 ul li.ai_chatbot.-pc,
#container #contents #main-grid li.column3_2 ul li.e_learning.-pc,
#container #contents #main-grid li.column3_2 ul li.op,
#container #contents #main-grid li.column3_2 ul li.pr,
#container #contents #main-grid li.column3_2 ul li.sd,
#container #contents #main-grid li.column3_3 ul li.hosting {
	padding: 0;
	width: 236px;
	height: 236px;
	background-color: #087ba1
}
#container #contents #main-grid li.column3_2 ul li.op:hover,
#container #contents #main-grid li.column3_2 ul li.ai_chatbot.-pc:hover,
#container #contents #main-grid li.column3_2 ul li.e_learning.-pc:hover,
#container #contents #main-grid li.column3_2 ul li.pr:hover,
#container #contents #main-grid li.column3_2 ul li.cms:hover,
#container #contents #main-grid li.column3_2 ul li.aws:hover,
#container #contents #main-grid li.column3_2 ul li.cm:hover,
#container #contents #main-grid li.column3_2 ul li.sd:hover,
#container #contents #main-grid li.column3_3 ul li.hosting:hover {
	background-color: #00688a
}
#container #contents #main-grid li.column3_2 ul li.wp,
#container #contents #main-grid li.column3_2 ul li.ng,
#container #contents #main-grid li.column3_2 ul li.mc {
	padding: 0;
	width: 236px;
	height: 236px;
	background-color: #e352a4
}
#container #contents #main-grid li.column3_2 ul li.wp:hover,
#container #contents #main-grid li.column3_2 ul li.ng:hover,
#container #contents #main-grid li.column3_2 ul li.mc:hover {
	background-color: #c23283
}

#container #contents #main-grid li.column3_3 {
	padding: 0;
	width: 728px;
	height: 728px
}
#container #contents #main-grid li.column3_3 ul li.rc {
	width: 708px;
	position: relative;
	top: 0;
	left: 0
}

#container #contents #main-grid li.column3_3 ul li.ai_chatbot.-pc {
	top: 492px;
	left: 246px;
}
#container #contents #main-grid li.column3_3 ul li.e_learning.-pc {
	top: 492px;
	left: 492px;
}
#container #contents #main-grid li.column3_3 ul li.op,
#container #contents #main-grid li.column3_3 ul li.rc h1 {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 100
}
#container #contents #main-grid li.column3_3 ul li.cms,
#container #contents #main-grid li.column3_3 ul li.wp {
	top: 0;
	left: 246px
}
#container #contents #main-grid li.column3_3 ul li.aws {
	top: 0;
	left: 492px
}
#container #contents #main-grid li.column3_3 ul li.sd {
	top: 246px;
	left: 0;
}
#container #contents #main-grid li.column3_3 ul li.cm,
#container #contents #main-grid li.column3_3 ul li.mc {
	top: 246px;
	left: 246px
}
#container #contents #main-grid li.column3_3 ul li.pr,
#container #contents #main-grid li.column3_3 ul li.ng {
	top: 246px;
	left: 492px
}
#container #contents #main-grid li.column3_3 ul li.hosting {
	top: 492px;
	left: 0;
}
#container #contents #main-grid li.column3_3 ul li.ai_chatbot.-pc {
	top: 492px;
	left: 246px;
}
#container #contents #main-grid li.column3_3 ul li.e_learning.-pc {
	top: 492px;
	left: 492px;
}




#container #contents #main-grid li.column3_3 ul li.sl {
	background: url(/images/top_item_solution_bg.jpg) no-repeat left top
}
#container #contents #main-grid li.column3_3 ul li.rc {
	background: url(/images/top_item_recruit2_bg.jpg) no-repeat left top
}
#container #contents #main-grid li.column3_3 ul li.ai_chatbot.-pc,
#container #contents #main-grid li.column3_3 ul li.e_learning.-pc,
#container #contents #main-grid li.column3_3 ul li.op,
#container #contents #main-grid li.column3_3 ul li.pr,
#container #contents #main-grid li.column3_3 ul li.sd,
#container #contents #main-grid li.column3_3 ul li.aws,
#container #contents #main-grid li.column3_3 ul li.cms,
#container #contents #main-grid li.column3_3 ul li.cm {
	padding: 0;
	width: 236px;
	height: 236px;
	background-color: #087ba1
}
#container #contents #main-grid li.column3_3 ul li.op:hover,
#container #contents #main-grid li.column3_3 ul li.ai_chatbot.-pc:hover,
#container #contents #main-grid li.column3_3 ul li.e_learning.-pc:hover,
#container #contents #main-grid li.column3_3 ul li.pr:hover,
#container #contents #main-grid li.column3_3 ul li.cm:hover,
#container #contents #main-grid li.column3_3 ul li.cms:hover,
#container #contents #main-grid li.column3_3 ul li.aws:hover,
#container #contents #main-grid li.column3_3 ul li.sd:hover {
	background-color: #00688a
}
#container #contents #main-grid li.column3_3 ul li.wp,
#container #contents #main-grid li.column3_3 ul li.ng,
#container #contents #main-grid li.column3_3 ul li.mc {
	padding: 0;
	width: 236px;
	height: 236px;
	background-color: #e352a4
}
#container #contents #main-grid li.column3_3 ul li.wp:hover,
#container #contents #main-grid li.column3_3 ul li.ng:hover,
#container #contents #main-grid li.column3_3 ul li.mc:hover {
	background-color: #c23283
}



#container #contents #main-grid li.mv {
	width: 728px;
	height: 482px;
	padding: 0;
	background-color: #3c3c3c
}
#container #contents #main-grid li.mv .mv-template {
	display: none
}
#container #contents #main-grid li.co-sp {
	display: none
}
#container #contents #main-grid li.cu {
	background-color: #00afa8
}

#container #contents #main-grid li.mm {
	background-color: #00afa8
}

#container #contents #main-grid li.rd {
	padding: 0;
	width: 236px;
	height: 236px;
	background-color: #00afa8
}
#container #contents #main-grid li.rd:hover {
	background-color: #036c68
}
#container #contents #main-grid li.ai_concierge {
	background-color: #13306e
}
#container #contents #main-grid li.ai_concierge:hover {
	background-color: #011b54
}
#container #contents #main-grid li.ne {
	padding: 0;
	width: 236px;
	height: 236px;
	background: url(/images/top_item_news_bg_l.png) no-repeat left top #ff765f
}
#container #contents #main-grid li.ne:hover {
	background-color: #e55b44
}
#container #contents #main-grid li.tips {
	padding: 0;
	width: 236px;
	height: 236px;
	background: url(/images/top_item_tips_bg_l.png) no-repeat left top #e54b4b;
}
#container #contents #main-grid li.tips:hover {
	background-color: #d43535
}
#container #contents #main-grid li .inc-detail-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 100;
}
#container #contents #main-grid li.pf .inc-detail-inner {
	background: url(/images/top_item_portfolio_bg_l.png) no-repeat left top;
	background-size: contain;
}
#container #contents #main-grid li a.detail-area {
	flex-grow: 1;
	position: relative;
	z-index: 100;
	padding: 0 20px;
	width: auto;
	color: #eee;
	display: block
}
#container #contents #main-grid li a.detail-area:hover {
	text-decoration: underline;
}
#container #contents #main-grid li a.detail-area time {
	margin-bottom: 10px;
	font-size: 170%
}
#container #contents #main-grid li a.detail-area span {
	line-height: 1.25;
	display: block
}

#container #contents #main-grid li.topsns {
	padding: 0;
	width: 236px;
	height: 236px;
	margin: 4px;
	border: solid gray 1px;
}

#container #contents #main-grid li.topsnssp {
	display: none;
}
#container #contents #main-grid li.column1_2 > ul {
	height: 100%;
}
#container #contents #main-grid li.grid .main-contents li.column1_2 > ul > li {
	position: relative;
	z-index: 100;
	height: calc(50% - 5px);
}
#container #contents #main-grid li.column1_2 > ul > li:first-child{
	margin-bottom: 10px;
}
#container #contents #main-grid li.tw {
	background: #1da1f2;
}
#container #contents #main-grid li.tw:hover {
	background: #1887cc;
}
#container #contents #main-grid li.fb {
	background: #1877f2;
}
#container #contents #main-grid li.fb:hover {
	background: #1464cc;
}

#container #contents #main-grid li a .arrow-blue {
	width: 994px;
	height: 236px;
	background: url(/images/top_arrow_blue.png) no-repeat left top;
	display: block;
	left: -894px;
	top: 0;
	position: absolute;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
#container #contents #main-grid li a .arrow-blue2 {
	width: 488px;
	height: 236px;
	background: url(/images/top_arrow_blue2.png) no-repeat left top;
	display: block;
	left: -406px;
	top: 0;
	position: absolute;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
#container #contents #main-grid li a .arrow-pink {
	width: 488px;
	height: 236px;
	background: url(/images/top_arrow_pink.png) no-repeat left top;
	display: block;
	left: -406px;
	top: 0;
	position: absolute;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
#container #contents #main-grid li a .arrow-pink2 {
	width: 994px;
	height: 236px;
	background: url(/images/top_arrow_pink2.png) no-repeat left top;
	display: block;
	left: -894px;
	top: 0;
	position: absolute;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
#container #contents #main-grid li a .arrow-purple {
	width: 488px;
	height: 236px;
	background: url(/images/top_arrow_purple.png) no-repeat left top;
	display: block;
	left: -406px;
	top: 0;
	position: absolute;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease

}
#container #contents #main-grid li .arrow-orange {
	width: 488px;
	height: 236px;
	background: url(/images/top_arrow_orange.png) no-repeat left top;
	display: block;
	left: -406px;
	top: 0;
	position: absolute;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease

}
#container #contents #main-grid li a:hover .arrow-blue,
#container #contents #main-grid li a:hover .arrow-blue2,
#container #contents #main-grid li a:hover .arrow-pink,
#container #contents #main-grid li a:hover .arrow-pink2,
#container #contents #main-grid li a:hover .arrow-purple,
#container #contents #main-grid li.pf:hover .arrow-orange {
	left: 0
}
#chatbot {
	display: none !important;
}
#chatbot .chatbot_icon {
	display: none !important;
}
#footer #pagetop {
	visibility: hidden
}
#footer #footer-sitemap-wrap {
	display: none
}
#footer #footer-copyright-wrap #footer-copyright {
	width: 1220px
}
@media only screen and (max-width: 767px) {
	#container {
		margin-top: 0
	}
	#container #contents {
		width: 100%
	}
	#container #contents #main-grid {
		margin: 0
	}
	#container #contents #main-grid li.grid {
		margin: 0
	}
	#container #contents #main-grid li.grid .main-contents li {
		padding: 0;
		width: 100%;
		height: 100px
	}
	#container #contents #main-grid li.grid #top-mv-lotation {
		width: 100%;
		height: auto
	}
	#container #contents #main-grid li.grid #top-mv-lotation #top-mv li {
		width: 33.33%;
		height: auto
	}
	#container #contents #main-grid li.grid #top-mv-lotation #top-mv li img {
		width: 100%;
		height: auto
	}
	#container #contents #main-grid li.grid #top-mv-lotation #pager {
		width: 100%
	}

	#container #contents #main-grid li.topsns {
		display: none;
	}
	#container #contents #main-grid li.topsnssp {
		display:block;
		padding: 0;
		width: 99%;
		max-width: 500px;
		height: 500px;
		margin-left:auto;
		margin-right:auto;
		margin-top: 5px;
		margin-bottom: 5px;
		border: solid gray 1px;
		overflow:hidden;
	}

	

	#container #contents #main-grid li.rd {
		width: 50%;
		height: auto;
		background-size: cover;
		float:right;
	}
	#container #contents #main-grid li.rd a {
		width: auto;

	}

	#container #contents #main-grid li.rd a img {
		width: 100%;
		height: auto
	}

	#container #contents #main-grid li.rd a h1 {
		width: 100%;
		height: auto;
	}

	#container #contents #main-grid li.ne a img {
		width: 100%;
		height: auto
	}
	#container #contents #main-grid li.ne a h1 {
		width: 100%;
		height: auto;
	}
	

	/* ---------------------------- */
	#container #contents #main-grid li.column2_1 {
		width: 100%;
		height: auto
	}
	#container #contents #main-grid li.column2_1 ul {
		width: 100%;
		overflow: hidden;
		zoom: 1
	}
	#container #contents #main-grid li.column2_1 ul li {
		width: 50%;
		float: left;
		position: relative !important;
		top: auto !important;
		left: auto !important
	}
	#container #contents #main-grid li.column2_1 ul li.co,
	#container #contents #main-grid li.column2_1 ul li.sl,
	#container #contents #main-grid li.column2_1 ul li.rc,
	#container #contents #main-grid li.column2_1 ul li.rd,
	#container #contents #main-grid li.column2_1 ul li.ne,
	#container #contents #main-grid li.column2_1 ul li.pf,
	#container #contents #main-grid li.column2_1 ul li.tips,
	#container #contents #main-grid li.column2_1 ul li.column1_2 {
		padding: 0;
		width: 50%;
		height: auto;
		background-size: cover;
	}
	#container #contents #main-grid li.column2_1 ul li.co a img,
	#container #contents #main-grid li.column2_1 ul li.sl a img,
	#container #contents #main-grid li.column2_1 ul li.rc a img,
	#container #contents #main-grid li.column2_1 ul li.rd a img,
	#container #contents #main-grid li.column2_1 ul li.ne a img,
	#container #contents #main-grid li.column2_1 ul li.pf a img,
	#container #contents #main-grid li.column2_1 ul li.tips a img,
	#container #contents #main-grid li.column2_1 ul li.column1_2 a img {
		width: 100%;
		height: auto
	}
	#container #contents #main-grid li.column2_1 ul li.co h1,
	#container #contents #main-grid li.column2_1 ul li.sl h1,
	#container #contents #main-grid li.column2_1 ul li.rc h1,
	#container #contents #main-grid li.column2_1 ul li.rd h1,
	#container #contents #main-grid li.column2_1 ul li.ne h1,
	#container #contents #main-grid li.column2_1 ul li.pf h1 {
		position: relative
	}
	#container #contents #main-grid li.column2_1 ul li.ac,
	#container #contents #main-grid li.column2_1 ul li.se {
		padding: 0;
		width: 50%;
		height: auto;
		background-size: cover
	}
	#container #contents #main-grid li.column2_1 ul li.ac a img,
	#container #contents #main-grid li.column2_1 ul li.se a img {
		width: 100%;
		height: auto
	}
	#container #contents #main-grid li.ne .news-area, 
	#container #contents #main-grid li.tips .news-area {
    margin-top: 20%;
    padding: 0 5%;
    width: auto;
    height: auto;
    color: #eee;
    display: block;
  }

	#container #contents #main-grid li.ne .news-area time,
	#container #contents #main-grid li.tips .news-area time {
    margin-bottom: 0;
		font-size: 98%;
		line-height: 1.0;
		padding-bottom: 0.25em;
	}
	#container #contents #main-grid li.ne .news-area span,
	#container #contents #main-grid li.tips .news-area span {
		font-size: 80%;
		letter-spacing: -0.05em;
		display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	}
	#container #contents #main-grid li.column2_1 ul li.inc-detail {
		padding-bottom: 50%;
	}
	#container #contents #main-grid li .inc-detail-inner {
		position: absolute;
	}
	#container #contents #main-grid li a.detail-area time {
		margin-bottom: 0.3em;
		font-size: 125%;
		line-height: 1.1em;
	}
	#container #contents #main-grid li a.detail-area span {
		font-size: 115%;
	}
/*
	#container #contents #main-grid li.column2_1 ul li.sl,
	#container #contents #main-grid li.column2_1 ul li.rc {
		width: 50%;
		height: 75px
	}
	#container #contents #main-grid li.column2_1 ul li.sl h1,
	#container #contents #main-grid li.column2_1 ul li.rc h1 {
		width: 100%;
		height: 75px;
		position: static
	}
	#container #contents #main-grid li.column2_1 ul li.sl h1 img,
	#container #contents #main-grid li.column2_1 ul li.rc h1 img {
		display: none
	}
	#container #contents #main-grid li.column2_1 ul li.sl a,
	#container #contents #main-grid li.column2_1 ul li.rc a {
		width: 100%;
		height: auto;
		display: block
	}
	#container #contents #main-grid li.column2_1 ul li.sl {
		background: url(/images/sp/top_service_ttl.png) no-repeat left center #0587b2;
		background-size: auto 80px !important
	}
	#container #contents #main-grid li.column2_1 ul li.sl h1 {
		background: url(/images/sp/top_service_ico.png) no-repeat right center;
		background-size: auto 65px !important
	}

	#container #contents #main-grid li.column2_1 ul li.rc {
		background: url(/images/sp/top_recruit_ttl.png) no-repeat left center #e959aa;
		background-size: auto 80px !important
	}
	#container #contents #main-grid li.column2_1 ul li.rc h1 {
		background: url(/images/sp/top_recruit_ico.png) no-repeat right center;
		background-size: auto 65px !important
	}
*/
	#container #contents #main-grid li.column2_1 ul li.wp,
	#container #contents #main-grid li.column2_1 ul li.ng,
	#container #contents #main-grid li.column2_1 ul li.mc {
		display: none
	}
	#container #contents #main-grid li.column2_1 ul li.op,
	#container #contents #main-grid li.column2_1 ul li.pr,
	#container #contents #main-grid li.column2_1 ul li.sd {
		display: none
	}




	#container #contents #main-grid li.column2_2 {
		width: 100%;
		height: 75px
	}
	#container #contents #main-grid li.column2_2 ul li.sl,
	#container #contents #main-grid li.column2_2 ul li.rc {
		width: 100%;
		height: 75px
	}
	#container #contents #main-grid li.column2_2 ul li.sl h1,
	#container #contents #main-grid li.column2_2 ul li.rc h1 {
		width: 100%;
		height: 75px;
		position: static
	}
	#container #contents #main-grid li.column2_2 ul li.sl h1 img,
	#container #contents #main-grid li.column2_2 ul li.rc h1 img {
		display: none
	}
	#container #contents #main-grid li.column2_2 ul li.sl a,
	#container #contents #main-grid li.column2_2 ul li.rc a {
		width: 100%;
		height: auto;
		display: block
	}
	#container #contents #main-grid li.column2_2 ul li.sl {
		background: url(/images/sp/top_service_ttl.png) no-repeat left center #0587b2;
		background-size: auto 80px !important
	}
	#container #contents #main-grid li.column2_2 ul li.sl h1 {
		background: url(/images/sp/top_service_ico.png) no-repeat right center;
		background-size: auto 65px !important
	}
	#container #contents #main-grid li.column2_2 ul li.rc {
		background: url(/images/sp/top_recruit_ttl.png) no-repeat left center #e959aa;
		background-size: auto 80px !important
	}
	#container #contents #main-grid li.column2_2 ul li.rc h1 {
		background: url(/images/sp/top_recruit_ico.png) no-repeat right center;
		background-size: auto 65px !important
	}
	#container #contents #main-grid li.column2_2 ul li.wp,
	#container #contents #main-grid li.column2_2 ul li.ng,
	#container #contents #main-grid li.column2_2 ul li.mc {
		display: none
	}
	#container #contents #main-grid li.column2_2 ul li.op,
	#container #contents #main-grid li.column2_2 ul li.pr,
	#container #contents #main-grid li.column2_2 ul li.sd {
		display: none
	}
	#container #contents #main-grid li.column3_2 {
		width: 100%;
		height: 120px
	}
	#container #contents #main-grid li.column3_2 ul li.sl,
	#container #contents #main-grid li.column3_2 ul li.rc {
		width: 100%
	}
	#container #contents #main-grid li.column3_2 ul li.sl h1,
	#container #contents #main-grid li.column3_2 ul li.rc h1 {
		width: 100%;
		position: static
	}
	#container #contents #main-grid li.column3_2 ul li.sl h1 img,
	#container #contents #main-grid li.column3_2 ul li.rc h1 img {
		display: none
	}
	#container #contents #main-grid li.column3_2 ul li.sl {
		height: 120px;
		background: url(/images/sp/top_service_ttl.png) no-repeat left center #0587b2;
		background-size: auto 128px !important
	}
	#container #contents #main-grid li.column3_2 ul li.sl h1 {
		height: 120px;
		background: url(/images/sp/top_service_ico.png) no-repeat right center;
		background-size: auto 104px !important
	}
	#container #contents #main-grid li.column3_2 ul li.rc {
		height: 75px;
		background: url(/images/sp/top_recruit_ttl.png) no-repeat left center #e959aa;
		background-size: auto 80px !important
	}
	#container #contents #main-grid li.column3_2 ul li.rc h1 {
		height: 75px;
		background: url(/images/sp/top_recruit_ico.png) no-repeat right center;
		background-size: auto 65px !important
	}
	#container #contents #main-grid li.column3_2 ul li.op,
	#container #contents #main-grid li.column3_2 ul li.pr,
	#container #contents #main-grid li.column3_2 ul li.sd {
		display: none
	}
	#container #contents #main-grid li.column3_2 ul li.wp,
	#container #contents #main-grid li.column3_2 ul li.ng,
	#container #contents #main-grid li.column3_2 ul li.mc {
		display: none
	}
	



	#container #contents #main-grid li.column3_3 {
		width: 50%;
		height: auto
	}
	#container #contents #main-grid li.column3_3 ul {
		width: 50%;
		overflow: hidden;
		zoom: 1
	}
	#container #contents #main-grid li.column3_3 ul li {
		width: 50%;
		float: left;
		position: relative !important;
		top: auto !important;
		left: auto !important
	}
	#container #contents #main-grid li.column3_3 ul li.co,
	#container #contents #main-grid li.column3_3 ul li.sl,
	#container #contents #main-grid li.column3_3 ul li.rc,
	#container #contents #main-grid li.column3_3 ul li.pf {
		padding: 0;
		width: 50%;
		height: auto;
		background-size: cover
	}
	#container #contents #main-grid li.column3_3 ul li.co a img,
	#container #contents #main-grid li.column3_3 ul li.sl a img,
	#container #contents #main-grid li.column3_3 ul li.rc a img,
	#container #contents #main-grid li.column3_3 ul li.pf a img {
		width: 100%;
		height: auto
	}
	#container #contents #main-grid li.column3_3 ul li.co h1,
	#container #contents #main-grid li.column3_3 ul li.sl h1,
	#container #contents #main-grid li.column3_3 ul li.rc h1,
	#container #contents #main-grid li.column3_3 ul li.pf h1 {
		position: relative
	}
	#container #contents #main-grid li.column3_3 ul li.ac,
	#container #contents #main-grid li.column3_3 ul li.se {
		padding: 0;
		width: 50%;
		height: auto;
		background-size: cover
	}
	#container #contents #main-grid li.column3_3 ul li.ac a img,
	#container #contents #main-grid li.column3_3 ul li.se a img {
		width: 100%;
		height: auto
	}





	#container #contents #main-grid li.column3_3 ul li.op,
	#container #contents #main-grid li.column3_3 ul li.pr,
	#container #contents #main-grid li.column3_3 ul li.cms,
	#container #contents #main-grid li.column3_3 ul li.aws,
	#container #contents #main-grid li.column3_3 ul li.cm,
	#container #contents #main-grid li.column3_3 ul li.sd {
		display: none
	}
	#container #contents #main-grid li.column3_3 ul li.wp,
	#container #contents #main-grid li.column3_3 ul li.ng,
	#container #contents #main-grid li.column3_3 ul li.mc {
		display: none
	}

	
	
	#container #contents #main-grid li.mv {
		width: 100%;
		height: auto !important
	}
	#container #contents #main-grid li.mv .mv-template {
		width: 100%;
		height: auto;
		display: block;
		visibility: hidden
	}
	#container #contents #main-grid li.mv .mv-template img {
		width: 100%;
		height: auto
	}
	#container #contents #main-grid li.co-sp {
		width: 100%;
		height: 75px;
		padding: 0;
		display: block
	}
	#container #contents #main-grid li.ai-sp {
		width: 100%;
		height: 75px;
		padding: 0;
		display: block;
	}
	#container #contents #main-grid li.ai-sp > a {
		background: url(/images/sp/top_ai_ico.png) no-repeat right center #011b54;
		background-size: auto 80px !important;
		display: block
	}
	#container #contents #main-grid li.co-sp a {
		background: url(/images/sp/top_contact_ico.png) no-repeat right center #00afa8;
		background-size: auto 65px !important;
		display: block
	}
	#container #contents #main-grid li.ai-sp > a h1 {
		background: url(/images/sp/top_ai_ttl.png) no-repeat left center;
		background-size: auto 80px !important;
	}
	#container #contents #main-grid li.co-sp a h1 {
		background: url(/images/sp/top_contact_ttl.png) no-repeat left center;
		background-size: auto 80px !important
	}
	#container #contents #main-grid li.co-sp a h1 img,
	#container #contents #main-grid li.ai-sp a h1 img {
		height: 75px;
		visibility: hidden
	}
	#container #contents #main-grid li.cu {
		display: none
	}
	#container #contents #main-grid li.mm {
		display: none
	}

	#container #contents #main-grid li.column2_1 ul li.column1_2 {
		padding-bottom: 50%;
	}
	#container #contents #main-grid li.column2_1 ul li.column1_2 ul {
		position: absolute;
		width: 100%;
	}
	#container #contents #main-grid li.grid .main-contents li.column1_2 > ul > li {
		height: 50%;
	}
	#container #contents #main-grid li.grid .main-contents li.column1_2 > ul > li:first-child {
		margin: 0;
	}

	#container #contents #main-grid li a:hover .arrow-blue {
		left: -894px
	}

	#container #contents #main-grid li a:hover .arrow-pink,
	#container #contents #main-grid li a:hover .arrow-purple,
	#container #contents #main-grid li.pf:hover .arrow-orange {
		left: -406px
	}


	#container #contents #main-grid > li.grid.ai_chatbot {
		width: 100%;
		height: 75px;
		padding: 0;
		background: #087ba1 url(/images/sp/top_ai_chatbot_ico.png) no-repeat right center;
		background-size: auto 75px !important;
	}
	#container #contents #main-grid > li.grid.ai_chatbot h1 {
		width: 100%;
		height: 75px;
		position: static;
		background: url(/images/sp/top_ai_chatbot_ttl.png) no-repeat left center;
		background-size: auto 75px !important;
	}
	#container #contents #main-grid > li.grid.ai_chatbot img {
		display: none;
	}
}