@charset "UTF-8";

#footer .inner {max-width:1280px;width:100%;}
body,.page-topmessage,.page-topmessage .fukidashi p {font-family:"メイリオ",sans-serif;}
i {font-style:normal;}
.fukidashi h2 {font-family:"Noto Sans Japanese";}
a {outline:none!important;}
a img {outline:none!important;}
img {border:0;}
button:focus {outline:none!important;}
.entry .ttl h2,.totop p a {font-family:'DIN';}
h2 {line-height: 30px;}

.totop {z-index: 9999;}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
html {
  -webkit-overflow-scrolling: touch;
}

.breadcrumb ul li {font-size:12px;}
.page-sub .content {padding:30px 0;line-height:1.64;}
.logo p {display: block;max-width:800px;width:100%;}
.logo p+p {display: block;max-width:800px;width:100%;}
.logo p a {display: block;max-width:800px;}
.logo p a img {width:350px;}

.link01.type03,.link01.type04 {background-color:white;border-color:#ccc;}
.subpage_nav {
	border:1px solid #ccc;
	padding:10px 2em;
	color:black;
	display:inline-block;
	text-align:center;
	min-width:14em;
	position:relative;
	text-decoration:none;}
.subpage_nav:before {
	content:url("../images/subpage_arrow.jpg");
	top:25%;
	left:1em;
	position:absolute;}
.mt30 {margin-top:30px;}
.page-index .growth .items .item:nth-child(2) {
	text-align:left;}
.page-index .growth .items .item.num02 .detail .ttl h3{
	padding-left:70px;
	width:inherit;}

.page-index .topmessage .detail .content h3 {font-size:26px;}

.page-index .works .tabs ul li a {font-size:16px;border:2px solid #37cabc;}
.works .contents .detail h3 {font-size:28px;}

/* toppage WORKS */
.link01.type_web {
  color: #fff;
  border: 2px solid #37cabc;
  background: #37cabc url(../images/common/icon-plus02.png) no-repeat right 20px center;
}

.link01.type_erp {
  color: #fff;
  border: 2px solid #ed8e94;
  background: #37cabc url(../images/common/icon-plus02.png) no-repeat right 20px center;
}

.link01.type_erp {
  color: #fff;
  border: 2px solid #ed8e94;
  background: #37cabc url(../images/common/icon-plus02.png) no-repeat right 20px center;
}

.boshu-btn a {margin-top:-30px;margin-left:auto;margin-right:auto;border-radius:10px;background-color:#0D88CE;max-width: 200px;color:white;padding:20px 35px;display:block;text-align: center;}

.boshu-btn a:hover {background-color:#7bc5d0}

/* toppage */
@media screen and (min-width:769px){
.page-index .interview .items .item:nth-child(5) {
margin-top:-35px;}
.page-index .interview .items .item:nth-child(6){
margin-top:-100px;
}
}
.gray_box {background:#f6f6f6;padding:30px;margin:30px 0;text-align: center;font-size:14px;line-height: 23px;}
.gray_box h2 {font-size:23px;margin-bottom:30px;position:relative;}
.gray_box h2:after{
	background: #0D88CE;
    bottom: -5px;
    content: "";
    height: 3px;
    left: 45%;
    position: absolute;
    width: 10%;}

.graph_list_wrap td {width: 33%!important;}
.graph_list_wrap td img {width:100%;}

.page-works .box03 {padding:0!important;}

/* Header */
#header .menu ul li:hover,#header .menu ul li:hover a {color:white;}
.color06 {
  background-color: #bdd36c;
  border-color: #bdd36c;
}
.mega_menu_lst {text-align:center!important;}
.mega_menu_lst li {margin-right:0!important;padding-left:10px;padding-right:10px;display:inline!important;}
#header .menu ul li a {transition:0s;}

/* interview */

.system_title {padding:0!important;}
.system_bg_wrap p:first-child {
	color:white;
	font-family:"Noto Sans Japanese";
	font-size:23px;font-weight:bold;
	padding:20px;
	text-align: center;
	border-radius:10px;
	display: block;
	max-width:500px;
	margin:20px auto;}
.system_bg_wrap {line-height: 23px;;}
.system_bg_wrap p span {margin:15px;}
.system_bg_wrap ul {text-align: center;}
.system_bg_wrap li {list-style-type: disc;display: block;font-weight: bold;}
.system_bg_wrap li+li {margin-top:10px;}
.system_bg_wrap ul.awards_list li+li {margin-top:0px;}
.system_bg_wrap p {margin: 20px auto 30px auto;}
.system_bg_wrap p+p {margin: 0px auto 40px auto;}
.deve-sec-2 h2,.deve-sec-3 h2,.recruit_ttl_margintop_notnew h2,.gray_none_box h2,.recruit_ttl h2,.recruit_ttl_margintop h2 {padding-bottom:10px;}
.recruit-table th, .recruit-table td {line-height:23px!important;}
.page-entry .box01 .policy h3 {font-size:18px;}

.system_bg_wrap p.top-txt {
/*	padding-left: 15px;
	padding-right: 15px;*/
}

@media screen and (max-width: 768px) {
.page-works .kv > .inner .ttl h1,.page-works .box01 .image h2 {
	font-size:30px;}
.page-entry .kv .inner .ttl h1 {font-size:30px!important;}
	.system_bg_wrap p.top-txt {
/*		padding-left: 15px;
		padding-right: 15px;*/
		width: 95%;
	}
.awards_list>li .txt {
		margin: 10px auto 18px auto;
}

}

@media screen and (min-width:769px){

.page-interview-rd .box01 {padding-bottom:70px;}
.interview_box:nth-child(2n-1){float:left;}
.interview_box:nth-child(2n){float:right;}
.page-interview .box01 > .inner {padding-bottom:70px;}


/* Cross Talk */
.page-crosstalk .box02 > .inner .items .item .label h4 {
	font-size:17px;
	margin-left:7px;}


/* TopMessage */
.page-topmessage .message .top {padding-left: 15.8%;}

.page-works .inner {width:100%;max-width:100%;}
.page-works .box01 .image figure img {width:100%;max-width:950px;}
.page-works .box01 .body {width:100%!important;max-width:950px;}

.container .inner {width:100%;}


.inner-940 {width:100%;max-width:1000px;}
.system_box .inner .bg_image01 {left:-140px!important;}
.page-index .fukidashi-container {max-width:1080px;margin:40px auto 0;}
.page-index .growth .items .item .inside {max-width:1150px;width:100%;}
.page-index .growth .items .num02 .inside {max-width:1270px;}
.link01 {padding:15px 40px;min-width:220px;text-align:center;}

.page-index .growth .items .num01 .detail .ttl h3 {
	width:calc(10em + 70px);}
.page-index .growth .items .item.num02 .detail .ttl h3 {
	width:calc(10em + 70px);}
.page-index .growth .items .item.num03 .detail .ttl h3 {
	width:calc(21em + 70px);}
.page-entry .box01 .policy {
	overflow:visible;
	overflow-y:scroll;}

.page-index .topmessage .inner,.interview .inner,.works .inner,.crosstalk .inner,.state .inner,.growth {max-width:1280px;}
.growth .inside .image figure img {
    max-width: 100vw;
    max-height: 60vw;}

.page-index .yourstyle ul li img {width:100%;}
.yourstyle .inner {width:100%!important;max-width:1280px;}
.yourstyle .inner .images p img {width:60%;position:absolute;left:21%;top:5%;}
.page-index .yourstyle ul li {width:16.6%;}

}
.interview_box figure img {width:100%;}
.interview_area {margin:50px 0;}
.interview_box a {color:black!important;}
.name_box {padding:20px;margin:-3px 0 30px 0;width:100%;}
.web_name {background-color:#7ddbd3;position:relative;}
.name_box .role {font-weight:bold;font-size:23px;font-family:"メイリオ",sans-serif!important;position:absolute;bottom:25%;left:20px;}
.name_box .ini {font-weight:bold;font-size:23px;margin-left: 10px;}
.name_box p {display:inline-block;}
.name_box p+p {text-align:right;position:absolute;right:1em;bottom:25%}

.erp_name {background-color:#ed8e94;position:relative;}
.infra_name {background-color:#f8e109;position:relative;}
.rpa_name {background-color:#8dc8e8;position:relative;}
.finance_name {background-color:#c1d675;position:relative;}
.cae_name {background-color:#ddb0e6;position:relative;}
.mseng_name {background-color:#FE9F34;position:relative;}
.sales_name {background-color:#6D80DB;position:relative;}

/* CROSS TALK */
.page-crosstalk .box01 > .inner .content {
	border-right:0;
	border-bottom:0;}

.page-works .inner-2 {max-width:1000px;width:100%;}
.page-works .inner-2 .cross_banner_box a img {width:100%;}

/* Works */

.page-works .box01 .inner .content1 h1 {margin-left:0!important;}
.page-works .links > .inner {
	min-height:195px;}
.gray_none_box {padding:0!important;}
.page-works .box01 .body .description p {text-align:left;}

.page-works .kv .inner {
	height:210px;
	background:url("../images/works/kv01.jpg");
	background-size:cover!important;
	width:100%!important;}

.sitemap .kv .inner {
    height: 210px;
    background: url(../images/sitemap/kv01.jpg);
    background-size: cover!important;
    width: 100%!important;
}

.page-works.graph .kv .inner {
	height:210px;
	background:url("../images/graph/kv01.jpg")!important;
	background-size:cover;
	width:100%!important;}


.page-works .box01 .body {
    margin: 0 auto;
    background: #f6f6f6;
    width: 950px;
    height:auto;
    padding: 30px 40px;
    text-align: center;
}

.page-works .box01 .body .categories{
	margin-bottom:30px;}

.page-works .box02 .body {
    margin: 0 auto;
    background: #f6f6f6;
    height:auto;
    width: 950px;
    padding: 30px 40px 0;
    text-align: center;
}
.page-works .box01 .body .categories ul li a {border-radius:25px;background: url(../images/common/icon-plus01.png) no-repeat right 20px center;}
.page-works .box01 .body .categories ul li.web a {
    background-color: #37cabc;}

#footer .menu ul li {
    color: #fff;
    font-size: 12px;
}
.disability_sitemap {margin-left:10px;}
.sitemapbox {
	font-size:14px;
	line-height:23px;}
.recruit-table table p a {
	font-weight:bold;
	color:#0D88CE;}


.link-interview + .categories {
	width:100%;max-width:1000px;
	text-align: center;
	margin:20px auto;}

.deve-sec-1 p {z-index:1!important;}
.sp-menu h4 {font-size:14px;
	padding:10px 20px;}
.sp-menu ul li {line-height:0.7;}
.sp-menu {height:100%;}


.link-interview + .categories li {
	display: inline-block;
	background-color:#f2f2f2;
	border-radius:30px;
	min-width: 147px;}
.link-interview + .categories li {
	margin:20px 5px 0 5px;}
.link-interview + .categories li a {
    background: url(../images/common/icon-plus01.png) no-repeat right 17px center;
	min-width:147px;
	padding:15px;
	display: block;
    font-size: 13px;
    font-weight: bold;
    border-radius:30px;}
.link-interview + .categories li a:hover {
	transition:0s!important;}


.page-server .box02, .page-server .box03 .inner,.page-server .box01 .inner .content1 {border:solid 4px #f8e000!important;}
.page-server .box02 h3, .page-server .box03 h3 {background:#f8e000!important;}


.link-interview + .categories li.cae a {background-color:#deb0e9;}
.link-interview + .categories li.financial a {background-color:#bdd36c;}
.link-interview + .categories li.erp a {background-color:#ed8e94;}
.link-interview + .categories li.web a {background-color:#37cabc;}
.link-interview + .categories li.infra a {background-color:#f8e000;}
.link-interview + .categories li.rpa a {background-color:#8cc8e7;}
.link-interview + .categories li.mseng a {background-color:#FE9F34;}
.link-interview + .categories li.sales a {background-color:#6D80DB;}

.link-interview + .categories li.cae a,.page-works .box01 .body .categories ul li.cae a {background-color:#deb0e9;}
.link-interview + .categories li.cae a:hover,.page-works .box01 .body .categories ul li.cae a:hover {border:2px solid #deb0e9;background-color: #ffffff;color:#deb0e9;padding:13px 0;}
.link-interview + .categories li.financial a:hover,.page-works .box01 .body .categories ul li.financial a:hover {border:2px solid #bdd36c;background-color: #ffffff;color:#bdd36c;padding:13px 0;}
.link-interview + .categories li.erp a:hover,.page-works .box01 .body .categories ul li.erp a:hover {border:2px solid #ed8e94;background-color: #ffffff;color:#ed8e94;padding:13px 0;}

.link-interview + .categories li.web a:hover,.page-works .box01 .body .categories ul li.web a:hover {border:2px solid #37cabc;background-color: #ffffff;color:#37cabc;padding:13px 0;}
.link-interview + .categories li.infra a:hover,.page-works .box01 .body .categories ul li.infra a:hover {border:2px solid #f8e000;background-color: #ffffff;color:#f8e000;padding:13px 0;}
.link-interview + .categories li.rpa a:hover,.page-works .box01 .body .categories ul li.rpa a:hover {border:2px solid #8cc8e7;background-color: #ffffff;color:#8cc8e7;padding:13px 0;}
.link-interview + .categories li.mseng a:hover,.page-works .box01 .body .categories ul li.mseng a:hover {border:2px solid #FE9F34;background-color: #ffffff;color:#FE9F34;padding:13px 0;}
.link-interview + .categories li.sales a:hover,.page-works .box01 .body .categories ul li.sales a:hover {border:2px solid #6D80DB;background-color: #ffffff;color:#6D80DB;padding:13px 0;}
.page-works .box01 .body .categories ul li a {



transition: 0s;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}

.recruitnew-titletop {padding:50px 20px!important;line-height:30px;font-weight:normal!important;}

.works .contents .image .ttl figure  {display:none!important;}
.link-interview a {display: block;margin-left:auto;margin-right:auto;max-width:630px;}
.link-interview a img {width: 100%;max-width:630px;}

.page-finance .box01 .inner .content1 {width:100%!important;max-width:1000px!important;}
.page-finance .box02,.page-finance .box03 {display: flex;width:100%!important;max-width:1000px!important;background:none!important;}

.page-erp .box01 .inner .content1 {width:100%!important;max-width:1000px!important;}
.page-erp .box02,.page-erp .box03 {display: flex;width:100%!important;max-width:1000px!important;background:none!important;}

.page-web .box01 .inner .content1 {width:100%!important;max-width:1000px!important;}
.page-web .box02,.page-web .box03 {display: flex;width:100%!important;max-width:1000px!important;background:none!important;}

.page-infra .box01 .inner .content1 {width:100%!important;max-width:1000px!important;}
.page-infra .box02,.page-infra .box03 {display: flex;width:100%!important;max-width:1000px!important;background:none!important;}

.page-rpa .box01 .inner .content1 {width:100%!important;max-width:1000px!important;}
.page-rpa .box02,.page-rpa .box03 {display: flex;width:100%!important;max-width:1000px!important;background:none!important;}

.page-cae .box01 .inner .content1 {width:100%!important;max-width:1000px!important;}
.page-cae .box02,.page-cae .box03 {display: flex;width:100%!important;max-width:1000px!important;background:none!important;}





/* Interview */
.page-interview .kv-erp .inner .content{background: url(../images/interview/kv-bg02_erp.png) no-repeat top left;}
.page-interview .kv-finance .inner .content{background: url(../images/interview/kv-bg02_finance.png) no-repeat top right;}
.page-interview #kv-cae .inner .content{background: url(../images/interview/kv-bg02_cae.png) no-repeat top left;}
.page-interview .kv-infra .inner .content{background: url(../images/interview/kv-bg02_infra.png) no-repeat top right;}
.page-interview .kv-rd .inner .content{background: url(../images/interview/kv-bg02_rd.png) no-repeat top right;}

.page-interview .kv-erp {border-bottom:32px solid #ed8e94;}
.page-interview .box02-erp > .inner .content .inside {background:rgba(237,142,148,0.9);}
.page-interview .box02-cae > .inner .content .inside {background:rgba(221,178,231,0.9);}
.page-interview .box02-infra > .inner .content .inside {background:rgba(248,224,0,0.9);}
.page-interview .box02-finance > .inner .content .inside {background:rgba(189,212,108,0.9);}
.page-interview .box02-rd > .inner .content .inside {background:rgba(141,200,232,0.9);}
.one_voice {
	width:90%;
	max-width:940px;
	margin:0 auto 30px auto;
	border-radius:15px;
	line-height:23px;
	font-size:14px;
	padding:30px;}
.one_voice h3 {font-weight:normal;margin-bottom:10px;font-size:23px;}

.financial-border {border:4px solid #c1d775;}
.web-border {border:4px solid #38cabd;}
.cae-border {border:4px solid #ddb1e6;}
.erp-border {border:4px solid #ed8e94;}
.rpa-border {border:4px solid #8dc8e8;}
.infra-border {border:4px solid #fae10a;}

.financial-border h3 {border-left:4px solid #c1d775;padding-left:10px;}
.web-border h3 {border-left:4px solid #38cabd;padding-left:10px;}
.cae-border h3 {border-left:4px solid #ddb1e6;padding-left:10px;}
.erp-border h3 {border-left:4px solid #ed8e94;padding-left:10px;}
.rpa-border h3 {border-left:4px solid #8dc8e8;padding-left:10px;}
.infra-border h3 {border-left:4px solid #fae10a;padding-left:10px;}

.page-interview .kv-finance {border-bottom:32px solid #bdd36c;}
.page-interview .kv-infra {border-bottom:32px solid #f8e000;}
.page-interview .kv-cae {border-bottom:32px solid #ddb1e6;}
.page-interview .kv-rd {border-bottom:32px solid #8dc8e8;}
.page-interview .box05-erp > .inner .body {background: url(../images/interview/box05-bg02.png) no-repeat top center;}
.page-interview .box05-infra > .inner .body {background: url(../images/interview/box05-bg03.png) no-repeat top center;}
.page-interview .box05-finance > .inner .body {background: url(../images/interview/box05-bg04.png) no-repeat top center;}
.page-interview .box05-cae > .inner .body {background: url(../images/interview/box05-bg05.png) no-repeat top center;}
.page-interview .box05-rd > .inner .body {background: url(../images/interview/box05-bg06.png) no-repeat top center;}
.page-interview .box04 > .inner .detail .txt p {font-size:14px;}
.page-interview .box06 > .inner .link ul li.rd .profile {background-color:#8dc8e8;}

.box05 .link01 {font-size:16px;padding:10px 65px;}

.page-index .crosstalk .ttl.left h3,.page-index .crosstalk .ttl.left p {color:black;}
.cross_banner_box+.cross_banner_box {margin-top:30px;}
.page-crosstalk .kv > .inner .ttl {width:80%;}
.page-crosstalk .kv > .inner .ttl span:nth-child(2n-1) {width:20%;display:inline-block;}
.page-crosstalk .kv > .inner .ttl span:nth-child(2n) {width:10%;display:inline-block;}
.page-interview .box03 .txt p {
	max-width:70%;}
.page-interview .box03 .inner {
	max-width:1280px;
	width:100%;}
.financepage .box03 .txt p {max-width:100%;padding-right:15px;}




/* トップメッセージ */

#area01	{
	background-image: url(../images/topmessage/bg01_2024.jpg);
	background-position: left top;
	background-size:contain;
	background-repeat: no-repeat;
	height:100vw;
	max-height:547px;
	position:relative;
    margin-right: auto;
    margin-left: auto;
    max-width: 1280px;
    margin-bottom:100px;}

#area01 .content {
    background: url(../images/topmessage/bg02.png) no-repeat right top;
    background-size: 100%;
    position: absolute;
    line-height: 23px;
    right: 0;
    top: 30px;
    max-width: 68%;
    padding: 30px 10%;}

#area01 .content h2 {
    font-size: 23px;
    font-weight: bold;
    font-family: "Noto Sans Japanese";
    margin:40px 0;}

#area02	{
	background-image: url(../images/topmessage/bg03_2024.jpg);
	background-position: right top;
	background-size:contain;
	background-repeat: no-repeat;
	height:100vw;
	max-height:547px;
	position:relative;
    margin-right: auto;
    margin-left: auto;
    max-width: 1280px;
    margin-bottom:100px;}

#area02 .content {
    background: url(../images/topmessage/bg02.png) no-repeat right top;
    background-size: 100%;
    position: absolute;
    line-height: 23px;
    left: 0;
    top: 30px;
    max-width: 68%;
    padding: 30px 10%;}

#area02 .content h2 {
    font-size: 23px;
    font-weight: bold;
    font-family: "Noto Sans Japanese";
    margin:40px 0;}

#messagearea .body	{
    background: url(../images/topmessage/bg05_long_2024.jpg) no-repeat right top;
	background-position: 42% 0;
	min-height: 720px;
	}
#messagearea .content {
	width:43%;
	position:absolute;
	top:9vw;
	max-width: 535px;
	left:52%;
	}
#messagearea .top {
	max-width:1280px;
	padding-left:10px;
	margin-left:auto;
	margin-right:auto;}
#messagearea .top img{
	width:50%;
	max-width: 500px;}

#messagearea .bottom {
	max-width:1280px;
	padding-right:10px;
	margin-left:auto;
	margin-right:auto;}
#messagearea .bottom img{
	width:50%;
	max-width: 500px;}


#messagearea .inner {width:100%;}



@media screen and (max-width: 1280px) and (min-width: 769px){

.system_box .inner .bg_image02 {bottom:50px!important;right:-60px!important;}
.page-topmessage #area01 {margin-bottom:5%;}
.page-topmessage .subcatch {margin-bottom:5%;}
.page-topmessage #area02 {margin-bottom:5%;height:53vw}

.page-interview .box01 > .inner {padding-bottom:0;}
.page-interview .box02 > .inner .content {
	left:25px;top:95px;}
.page-interview .box02 > .inner .content .inside {
	padding:50px 30px 30px 30px;}
.page-interview .box01 > .inner .detail {
	background: rgba(255,255,255,0.9)!important;
    padding: 2em;}
.box05 .inner {width:98%;max-width:1280px;}
.page-interview .box04 > .inner .detail {
    padding-top: 0px;
    padding-left: 3em;}
.cross_banner_box {width:98%;max-width:1000px;}
.cross_banner_box+.cross_banner_box{margin-top:30px;}
.cross_banner_box img {width:100%;}
.page-index .crosstalk .ttl.left h3,.page-index .crosstalk .ttl.left p {color:black!important;}
.page-interview .box03 > .inner .content {
	padding:2vw 2vw 0 8vw;}
.page-interview .box03 .inner .content {
	right:0!important;
    padding: 7vw 0 0 14vw!important;}
.webpage .box03 .inner .content {padding:2vw 5px 0 14vw!important;}

.page-interview .box03 > .inner .content h2 {width:75%;}
.page-interview .box01 > .inner .detail {
	margin-left:0!important;
	padding:20px!important;}
}

.page-works.development .kv .inner {
	background-size:cover!important;}

.page-topmessage .kv {background-image: url(../images/topmessage/kv-bg01_long_2024.jpg);
	height:572px;
	background-position:67%;}
.page-topmessage .kv figure {display: none;}

.page-topmessage .kv .content {
	right:auto;
	width:95%;}
#header {z-index:10000;}
.page-index {margin-top:-60px;padding-top:60px;}
#subcatcharea {
/*	background-image: url(../images//topmessage/subcatch01_long.jpg);*/
	background-color:#f6f6f6;
	padding:90px 0;
	background-repeat: no-repeat;
	background-position: 62% 0;}
#subcatcharea p{
	font-family:'Noto Sans Japanese';
	line-height:50px;
	color:black;
	font-size: 23px!important;
/*    text-shadow: 0 0 8px rgba(0,0,0,0.5);*/}

#subcatcharea figure {display: none;}
.entry .inner {width:100%;}
.page-crosstalk .box02 > .inner .items .item .label {color:white;}

.deve-sec-2 section h3 {border-left:5px solid #0D88CE;padding-left:10px!important;}
.deve-sec-2 section h3 span {font-size: 12px;font-weight: normal;display: block;}

/*  Interview Detail  */

#kv-finance {}
#kv-finance .inner {
	right:0;
	background-position:left top;
	position:rerative;
	top:103%;
	width:100%;
	max-width:1280px;}

#kv-finance .content {
	max-width:702px;
	width:50%;
	background-position:left top;}
#kv-finance .content {
	padding-top:10vw;
	padding-left:105px;}
.page-interview .inner {
	max-width:1280px;
	width:100%;}

.webpage .box05 .inner .link a:hover {background: url(../images/common/icon-plus01.png) no-repeat right 20px center;background-color:#37cabc;color:black;}
.link01.type02 {font-style:normal;}
.financepage .box03 {
	background-image:url(../images/interview/box03-bg04_left.png);
	min-height:523px;
	background-position:35%;
    background-color: #c1d775;
    background-repeat:no-repeat;}
.financepage .box03 .inner .content {
	background-image:url(../images/interview/box03-bg04_right.png);
	min-height:523px;
	background-position:left top;
	padding:10vw;
	background-repeat:no-repeat;
	top:0!important;
	max-width:45%;
	padding: 2vw 0 0 8vw;
	min-width:507px;
	}
.link01.type_rpa{background-color:#8dc8e8;}
.box05 .link01 {color:black!important;}

.webpage .box03 {
	background-image:url(../images/interview/box03-bg04_left_web_2024.jpg);
	min-height:523px;
	background-position:45%;
    background-color: #38cabd;
    background-repeat:no-repeat;}
.webpage .box03 .inner .content {
	background-image:url(../images/interview/box03-bg04_web.png);/*20240322 不要？*/
	min-height:523px;
	background-position:left top;
	padding:10vw;
	background-repeat:no-repeat;
	top:0!important;
	max-width:60%;
	padding: 2vw 0 0 8vw;
	min-width:507px;}

.erppage .box03 {
	background-image:url(../images/interview/box03-bg04_left_erp_2024.jpg);
	min-height:523px;
	background-position:35%;
    background-color: #ed8e94;
    background-repeat:no-repeat;}
.erppage .box03 .inner .content {
	background-image:url(../images/interview/box03-bg04_erp.png);
	min-height:523px;
	background-position:left top;
	padding:10vw;
	background-repeat:no-repeat;
	top:0!important;
	max-width:45%;
	padding: 2vw 0 0 8vw;
	min-width:507px;}
.caepage .box03 .txt p{max-width:90%;}
.caepage .box03 {
	background-image:url(../images/interview/box03-bg05.png);
	min-height:523px;
	background-position:30%;
    background-color: #ddb1e6;
    background-repeat:no-repeat;}
.caepage .box03 .inner .content {
	background-image:url(../images/interview/box03-bg04_cae.png);
	min-height:523px;
	background-position:left top;
	background-size:cover;
	padding:10vw;
	background-repeat:no-repeat;
	top:0!important;
	max-width:70%;
	padding: 3vw 15px 0 16vw!important;
	min-width:507px;}

.webpage  .box03 .txt p {
	max-width:100%;}


.page-cae .box03 h3{
    line-height: 1.6;}

/* SiteMap */
.main_area {
	max-width:1000px;
	width:100%;
	margin:30px auto 50px auto;}
.main_area ul {
	margin-top:30px;
	display:inline-block;
	width:48%;
	margin-left:auto;
	margin-right:auto;
	vertical-align:top;
	padding:0 20px}

.main_area ul:nthi-child(2n-1) {
	margin-left:30px;}
.main_area ul:nthi-child(2n) {
	margin-right:30px;}

.main_area ul li {
	line-height:23px;}

.main_area ul li a {
	margin-left:10px;}
.main_area ul li a:before {
	content:"└ ";}
.cattop a:before {
	content:""!important;}
.cattop a {
	font-weight:bold;
	margin-left:0!important;
	color:#2f97d4;}
.cattop {font-weight:bold;
	color:#2f97d4;}

.page-interview .box01 > .inner .detail {width:56%;}
.erppage .box01 > .inner .detail{
	width:50%;}
.webpage .box01 > .inner .detail {
	width:56%;}
.erppage .box03 .txt p {
	max-width:76%;}
.page-interview .box04 .detail .txt {
	margin-left:15px;}
.erppage .box05 .detail .link a,.erppage .box05 .link a:hover {
	color:black;
	background-color:#ed8e94;}

.categories a {color:black!important;}
.interview_box {width:48%;}

.link01.type_infra,.link01.type_infra:hover {
	color: #fff;
    border: 2px solid #f8e000;
    background: #f8e000 url(../images/common/icon-plus02.png) no-repeat right 20px center;}

.interview_box:nth-child(2n-1) {float: left;}
.interview_box:nth-child(2n) {float: right;}

.page-interview.page-interview-infra .box03 {
    background-image: url(../images/interview/box03-bg04_left_infra_2024.jpg)!important;
    min-height: 523px;
    background-position: 33%;
    background-color: #f9e319;
    background-repeat: no-repeat;}

.page-interview-rd .box01 > .inner {padding-bottom:100px;}
.page-interview.page-interview-rd .box01 > .inner .detail {
	width:50%;}

.page-interview.page-interview-rd .box03 {
	background-image: url(../images/interview/box03-bg04_left_rd.png);
    min-height: 523px;
    background-position: 45%;
    background-color: #5cb1df;
    background-repeat: no-repeat;}
.caepage .kv {
	border-bottom:32px solid #d8b7e6;}
.modal {max-width:100%!important;}
.sp-menu ul li a {padding:1.5em 20px;}
.page-index .works .contents .body .detail .description p {
	line-height: 23px!important;}
.page-works .box01 .body .description p {
	font-size:14px;}
.page-interview-infra .box02 > .inner .content {
	top:65px!important;}
.recruit-table {
	margin:60px 0 30px 0;}
.recruit-table .btn a {margin-top:-15px!important;}
.recruit-table .inner+.recruit-table {
	padding:20px 0;}
.recruit-table .inner {
	padding-bottom:0!important;}
.recruit-table+div.recruit-box {
	margin-top:30px}
.page-career .recruit-table .inner {
	margin-bottom:30px;}
.recruit-table-2 {
		margin:20px 0 30px 0;}
.recruit-table-2 .btn a {margin-top:-15px!important;}
.recruit-table-2 .inner+.recruit-table-2 {
		padding:20px 0;}
.recruit-table-2 .inner {
		padding-bottom:0!important;}
.recruit-table-2+div.recruit-box-2 {
		margin-top:30px}
.page-career .recruit-table-2 .inner {
		margin-bottom:30px;}




@media screen and (min-width:1030px){
#kv-finance .content{
	padding-top:7vw!important;}
}



@media screen and (max-width: 1030px) and (min-width: 769px){
.caepage .box03 .inner .content,.webpage .box03 .inner .content {background-position:right;}
.caepage .box03 .inner .content,.webpage .box03 .inner .content { padding: 2vw 5px 0 4vw!important;}
.inner-2 {padding-left:15px;padding-right:15px;}

.development .inner-2 img.full {width:98%;display: block;margin:20px auto;}
.mega_menu_prt {padding:0!important;}
.fortb {display: none;}

}



.system_list li {text-align:left;}
.system_list li+li {margin-top:0;}

.financepage .box05 .inner .link a {color:black;}
.financepage .box05 .inner .link a:hover {color:black;}
.financepage .box05 .inner .link a:hover {
	background-color:#bdd36c;}
.recruit-table th{vertical-align: top;}
.recruit-table td img {max-width:100%;}
.page-interview .box04 .image {
	width:90%;
	margin-right:20px;
	max-width: 270px;
	min-width:270px;}
.page-interview .box04 .image img {
	width:100%;}
.page-interview .box01 > .inner {
	background: url(../images/interview/box01-bg02.png) no-repeat right -45px bottom -40px;}

.page-finance .box02 p, .page-finance .box03 p {
	line-height: 23px;}
.sp-menu header {
	padding-top:5px}
.devpage_nav {background-color:white;}

@media screen and (max-width:528px) and (min-width:364px){
	.page-index .growth .items .item.num02 .detail .ttl{margin-left: -4em!important;}
	}
@media screen and (min-width:528px) and (max-width:768px){
	.page-index .growth .items .item.num03 .detail .ttl{margin-left: -1.5em!important;}
	}

@media screen and (max-width:915px) and (min-width:769px) {
.bx-wrapper .bx-controls-direction {

}
.webpage .box03 .inner .content {background-color:#38cabd!important;}
.webpage .box03 {margin-bottom:30px;}
}
@media screen and (max-width:830px){

.financepage .box02 > figure {
	margin:0 -60%;}
.kv-infra > figure {
	margin:0 -58%!important;}.page-interview .box02 > figure {
	margin:0 -60;
	width:200%;}

.caepage .box03 {margin-bottom:50px;}
}
@media screen and (max-width:1400px) and (min-width:769px){
.kv-finance > figure {
	margin:0 -31%!important;}
	}

@media screen and (max-width:1280px){
.development .bg-icon {bottom:-140px;left:0;}
.development .bg-icon-3 {left:-110px;}
.page-interview-rd .box01 > .inner {
	padding-bottom:0;}
.caepage .box03 > .inner .content h2{
	margin-bottom:15px!important;}

}



@media screen and (max-width:1000px){
.caepage .box03 .txt p {
	max-width:95%;}
.webpage .box02 > figure {
	margin:0 -65%;}
.caepage .kv > figure {
	margin:0 -43%!important;}
.caepage .box02 > figure {
	margin:0 -65%;}
.page-index .topmessage .image figure {
	margin-right:-19vw;}
}

@media screen and (max-width: 900px) and (min-width: 769px){
.erppage .box02 > figure {
	margin:0 -70%;}
.caepage .box02 > figure {
	margin:0 -80%!important;}
.webpage .kv > figure {
	margin:0 -60%;}
/*
.webpage .box02 > figure {
	margin:0 -77%;}
*/
.page-interview.page-interview-rd .box03 {
	background-position: 37%;}
.page-interview.page-interview-rd .box03 .inner .content {
	max-width:50%;
	min-width:initial;}
.page-interview .box03 .txt p {
	max-width:75%;}
.webpage .box03 .txt p {
	max-width:94%!important;}
}

@media screen and (max-width:900px){
	.webpage .box02 > figure {
		margin: 0 -75%;
	}
}

@media screen and (max-width:820px){
	.webpage .box02 > figure {
		margin: 0 -85%;
	}
}


@media screen and (max-width:800px){
.caepage .box02 > figure {
	margin:0 -88%!important;}
}

@media screen and (max-width:768px){
.system_list li.display-with50 {
	width:100%!important;}
.page-entry .box01 {background:none!important;}
h1.sml15 {font-size:15px!important;}
h1.sml18 {font-size:18px!important;}
h1.sml20 {font-size:20px!important;}
h1.sml22 {font-size:22px!important;}

.page-crosstalk .box01 > .inner figure img {
	width:100%;}
.page-crosstalk .box02 > .inner .items {
	flex-direction:inherit;}
.page-crosstalk .box02 > .inner .items .item .label h4 {
	font-size:16px!important;}
.system_box .inner {width:100%!important;}
.system_bg_wrap ul {margin-left:auto;
	margin-right:auto;
	width:90%;}
.deve-sec-4 section .challenge-in+img {
	object-position:50% 0;}
.tm-ttl{z-index: 999;
    left: 5%;
    margin-top: 30px;
    color: #048ed3;
    background-image: url(../images/topmessage/kv-txt01.png);
    width: 60%;
    padding: 5px;
    background-size: contain;
    background-position: 50%;
    text-align: center;
    background-repeat: no-repeat;
    font-size: 18px;
    font-weight: bold;
    position: absolute;}

.page-works.development .kv .inner,.page-works.system .kv .inner,.page-works .kv .inner,.page-career .kv .inner,.page-works.graph .kv .inner,.page-entry .kv .inner {
	height:130px!important;}
.page-topmessage .kv .content {
	padding-left:0!important;}
#subcatcharea p {
	line-height:35px;}
.page-index .growth .items .item .detail .ttl {
	width:100%;}
.page-index .growth .items .item.num02 .detail .ttl h3{
	padding-left:0;}
.page-index .growth .items .item.num02 .detail .ttl h3 {
	padding-right:0;}
.page-works .box01 .body .categories {
	margin:0 -15px 20px -15px;
}
.page-works .box01 .body .categories.se ul::after{
  content: "";
  display: block;
	width: 45%;
	margin: 0 5px 10px;
}

.page-interview .box02 > figure {
	margin:0 -90%!important;}

.deve-sec-4 section .challenge-in {
	width:100%!important;}
.deve-sec-4 section img {
	float:none!important;
	margin-left:auto;
	margin-right:auto;
	display: block;
	width:100%;
	top:0!important;}

.caepage .kv > figure {
	margin:0 -11%!important;}

.page-interview-infra .box02 > figure {
	width:200%!important;
	margin:0 -50%!important;}

.kv-infra > figure {
	margin:0 -34%!important;}

.page-interview .box04 .image {
	margin-left:auto;
	margin-right:auto;
	height:100%;}

.page-topmessage .subcatch .content p {
	font-size:28px!important;}

.page-topmessage .kv .content h2 i {
	display: block;
    line-height: 1.9;
	padding:5px;
	color: white;
	font-weight: normal;
	background-color: #048ed3;
	margin-bottom: 2px;}
.page-topmessage .kv {
	background-image: url(../images/topmessage/kv-bg01_long_2024_sp.jpg);
    background-position: 66%;}
.page-works .box01 .body .categories ul li a {
	font-size:13px;}
.menu .type01,.menu .type02 {
	display: none!important;}
#header .logo p {
	max-width:46%!important;
	min-width:60%;









/*		要チェック	*/









#header .menu {min-width:70px;}
	text-align:left;}
#header .logo {
	flex-direction:inherit;}
#header .logo p+p {
    text-align: left;
    width:100%;
    min-width:110px;}
.deve-sec-4 section .challenge-in {
	min-height: auto!important;}
.deve-sec-4 section {
	display: block!important;}
.deve-sec-4 section img {
	max-width:100%!important;}

.page-index .fukidashi p {text-align: left;}
.page-index .topmessage .sp-image .sp-content h3,.page-index .topmessage .sp-image .sp-content p {text-align:left;}

.page-interview .kv > figure img {margin-left:-16vw}
.page-interview .kv {padding-bottom:0!important;}

.page-interview.page-interview-rd .kv-rd .inner .content {background-image:none!important;}
.page-interview.webpage .kv > figure img {margin-left:-16%;}
.page-entry .box01 dd.radiobtn span label {
	background:none!important;
	display:block;}

.page-index .growth .items .item:nth-child(2) .inside {
	padding-left:15px;}

.page-entry .box01 dl dd.radiobtn label {
	display:inline-block;}
.mwform-checkbox-field input, .mwform-radio-field input {
	width:1em!important;}
.page-entry .box01 dd.radiobtn {
	text-align:center;}
.caepage .box03 .inner .content {padding:0 15px!important;}
.page-interview-rd .kv .inner {background:rgba(141,200,232,0.7);}

.page-interview.page-interview-rd .box03 {background-image:none!important;}
.page-interview.page-interview-infra .box03 {background-image:none!important;}
.page-interview.page-interview-infra .kv-infra .inner .content {
	background:rgba(250,234,82,0.7);}
.box04 .image {text-align:center;}
.kv-web .inner .content {
	background:rgba(55,202,188,0.7)!important;}
.page-index .growth .items .item.num03 .detail .ttl h3 {width:100%;}

.system_box .bg_image01 {display:none;}
.page-index .growth .items .item.num03 .detail .ttl {margin-left:-2.5em!important;}
.page-index .growth .items .item.num02 .detail .ttl {margin-left:-2em!important;}
.page-index .growth .items .item .detail .ttl {margin-left:-2em!important;}

.main_area ul {width:96%;display:block;}
.recruit-table th {width:25%!important;}
.recruit-table td {width:74%;}
.recruit-table th, .recruit-table td {display:table-cell!important;}
.recruitnew-titletop span {
	margin:15px 10px!important;}
.interview_box {float:none!important;width:80%;display:block;margin-left:auto;margin-right:auto;}
.webpage .box03 .inner .content {min-width:100%;}

.page-interview .box03 .inner .content {min-height:400px;}
.page-interview .box02 > figure {margin:0;}
.page-interview .box03 {
	background:none;}

.erppage .box03 {background-color: #ed8e94;}
.erppage .box03 .inner {padding:20px 0 10px 0;}

.webpage .box03 {background-color: #38cabd;}
.webpage .box03 .inner {padding:20px 0 10px 0;}

.caepage .box03 {background-color: #ddb1e6;}
.caepage .box03 .inner {padding:20px 0 10px 0;}

.financepage .box03 {background-color: #c1d775;}
.financepage .box03 .inner {padding:20px 0 10px 0;}


.financepage .box03,.page-interview .box03 .inner .content,.financepage .box03 .inner .content {
	min-height:0;}
.page-interview .box03 .inner .content {
	width:100%;
	top:50vw;
	background:none;
	max-width:100%;
	padding:0 15px;}
.page-interview .box03 .txt p {max-width:100%;}
.page-interview .box01 > .inner .detail {width:100%;}
.page-interview .box01 {/*padding-top:40vw!important;*/}

.webpage .box02 > figure {
	width:200%!important;}


.kv-erp .inner .content {
    position: static;
    padding: 15px;
    transform: none;
    background: #f2b0b4!important;;
    width: auto;
    height: auto;
    max-width: 100%;}

.kv-web .inner .content h1,.kv-infra .inner .content h1,.kv-erp .inner .content h1,.kv-rd .inner .content h1,.kv-erp .inner .content h1,#kv-finance .inner .content h1 {font-size:5.5625vw!important;}

.erppage .box03 .inner .content {min-height:200px!important;}
.erppage .box03 {min-height:200px;}
.box03 .inner .content {min-width:100%!important;}

#kv-finance .content {
	padding-top:0;
	padding-left:0;
	width:100%;
	max-width:100%;
	padding:20px;
	background:none;
	background-color:rgba(189,211,108,0.7);}

#kv-cae .inner .content h1 {font-size:5.5625vw;}
#kv-cae .inner .content {
	padding-top:0;
	padding-left:0;
	width:100%;
	max-width:100%;
	padding:20px;
	background:none;
	background-image:none!important;
	background:rgba(221,177,230,0.7)!important;}
.erp-border h3 {color:#666!important;}
.page-crosstalk .kv > .inner .ttl {width:100%;}
.page-crosstalk .kv > .inner .ttl span:nth-child(2n){
	width:5%;}
.development .inner-2 {padding:0 15px;}
.page-works .box01 .image figure img {left:auto;}
#messagearea .body {background-image:none;}
#messagearea .body .content {
	position: static;
	max-width:100%;
	width:100%;
	padding:30px 5%;}
.page-topmessage .message .bottom {display: none;}

.spimg {width:100%;}
#area01 {max-height: initial;max-height:auto;height:auto;margin-bottom:30px;}
#area01 .content {max-width: 100%;position:static;padding:30px 5%;}
#area02 {max-height: initial;max-height:auto;height:auto;margin-bottom:30px;}
#area02 .content {max-width: 100%;position:static;padding:30px 5%;}

.page-topmessage .kv {
	margin-bottom:190px;}

.page-topmessage .kv .content h2 {
    font-size: 4vw!important;
    border-radius: 10px;}

.page-index .growth .items .item.num02 .detail .ttl{
margin-left: -3.1em;}
.page-index .growth .items .item.num03 .detail .ttl {margin-left:0em;}
.breadcrumb {display:none;}
.page-index .interview .items .item .body figure .label {bottom:23px;left:0;top:auto;right:auto;}
.page-index .growth .items .item.num02 {background:none;}
.page-interview .box05-erp > .inner .body {border:10px solid #ed8e94;}
.page-interview .box05-finance > .inner .body {border:10px solid #bdd36c;}
.page-interview .box05-infra > .inner .body {border:10px solid #f8e000;}
.page-interview .box05-cae > .inner .body {border:10px solid #ddb1e6;}
.page-interview .box05-rd > .inner .body {border:10px solid #8dc8e8;}
.page-index .topmessage .sp-image .sp-content .body {
	background: url(../images/index/topmessage-bg03.png);
    background-position: right top;
    padding: 1em 3em 1em 10%;
    left: -10px;
    bottom: 1px;
    position: absolute;}
.page-index .crosstalk .ttl h3 {font-size:2.5vw;}
.page-index .crosstalk .ttl p {font-size:2.2vw;}

.page-index .crosstalk .ttl.left {
	background:url(../images/index/crosstalk-bg02.png) no-repeat top left;
	background-size:contain;}

.page-interview .box01 > .inner .image {width:100%!important;}
.page-interview .box05 > .inner .body .image {text-align:center!important;}
.page-interview .box05 > .inner .body .detail .ttl {padding-top:40px;}

@media screen and (max-width: 360px) {
	.page-interview .box05 > .inner .body .detail .ttl {
		padding-top: 0px;
	}
	.page-interview .box05 > .inner .body .detail .ttl img {

	}
}

/* CrossTalk */
.page-crosstalk .box02 > .inner .items .item .label h4 {
	font-size: 2.7vw;
	margin-left:0.5em;}
.page-topmessage .kv .content {
	width:90%;
	bottom:-139px!important;}
.page-topmessage .kv .content h2 {width:100%!important;}
.page-topmessage .kv .content .ttl h1 {font-size: 3.5vw;}
.page-topmessage .kv .content .ttl {min-height:1.0em;}

}/* check */





.recruitnew-titletop {
    width: 200px!important;
    font-size:16px!important;
    height: 200px!important;
    padding:15px 10px 10px 10px!important;
    vertical-align: top;
    border-radius:100px!important;
    max-width:200px!important;}

.recruitnew-titletop span {
	font-size: 40px;
	display: block;}

.recruit-table table {
	width:98%!important;
	max-width:1000px;}


@media screen and (min-width:769px) and (max-width:1150px) {
.page-index .growth .items .item:nth-child(2) .inside {padding-left:15px;}
.page-index .growth .items .item.num02 .detail .ttl h3 {
	padding-right:30px;}
}


#development_03,#development_02,#development_01 {margin-top:-60px;padding-top:90px;}
#cae {margin-top:-60px;padding-top:60px;}
#se {margin-top:-100px;padding-top:60px;}

/* min 769 */
@media screen and (min-width:769px){
.wrapper{
	padding-top:60px;
}

.page-index .growth .items .item .detail .ttl p {max-width:65%;}
.page-index .interview .items .item:nth-child(2) {
	margin-top:49px!important;}
.page-index .interview .items .item:nth-child(5) {
	margin-top:-49px!important;}


.page-index .growth .items .item .detail .ttl h3 {
	font-size:30px!important;}
.page-interview .box05 > .inner .body {width:100%;max-width:957px;min-height:281px;background-size:100% 100%;height:100%;padding-bottom:5%;}
.box05 .inner .detail {width:;}
.page-index .works .contents .body .detail .description {
    max-width: 445px;
    width: 39vw;}

.page-crosstalk .box01 {
    margin-bottom: 145px!important;
    padding-bottom: 40px!important;
}
.page-crosstalk .box-a > .inner .content {top:300px;}

.page-interview .box02 > .inner .content{
box-shadow: 13px 13px 0px 0px rgba(0,0,0,0.4);
border-right:0;
border-bottom:0}
.box-a .inner {margin-bottom:200px;}
.page-interview .box05 > .inner .body .detail .ttl {margin-bottom:3px;}
.page-interview .box04 > .inner {padding: 75px 150px 0 120px;}
.page-works .box01 .body .categories ul li+li {margin-left:1em!important;}
.page-interview .box04 > .inner .detail {padding-top:25px;}
.cross2 .mb0,.cross1 .mb0 {margin-bottom:0!important;}
.cross2 .mb0 .inner,.cross1 .mb0 {margin-bottom:0!important;}
.page-crosstalk .box01 > .inner .content table th {
	width:20%;}



}
/* max 769 */







.recruit_new .kv .inner {
	height:210px;
	background:url("../images/entry/kv01.jpg")!important;
	background-size:cover!important;
	width:100%!important;}

.page-career .kv .inner {
	height:210px;
	background:url("../images/entry/kv02.jpg")!important;
	background-size:cover!important;
	width:100%!important;}

.page-works .box01.cae .body {background:#f6f6f6;}
.links+.box01 {margin-top:-40px;}

.graph_sentence,.page-sentence {padding:30px 0;text-align: center;}



/* トップメッセージ */
header .inner {width:100%;}
.page-topmessage .kv .content h2,.page-topmessage .message .body .content .name h3,.page-topmessage .subcatch .content p {font-size:33px;}
.page-topmessage .kv .content p,.page-topmessage .fukidashi p,.page-topmessage .message .body .content .txt p,.page-topmessage .contents .content p {font-size:14px;line-height: 23px;}
.page-topmessage .fukidashi h2,.page-topmessage .message .body .content h2,.page-topmessage .contents .content h2 {font-size: 23px;font-weight: bold;font-family: "Noto Sans Japanese";}
.page-topmessage .kv .content h3 {font-size:26px;}
.page-topmessage .kv .content .ttl {width:37%;min-width:auto;background-size:contain;}
.page-topmessage .kv .content {padding-left:5%;}

.page-topmessage .fukidashi p {font-family: "メイリオ",sans-serif!important;}
.page-topmessage .contents {background-size:cover;}
.page-topmessage .kv .content h2 {font-size:33px;width:50%;line-height: 50px;}
.page-topmessage .fukidashi p {text-align:left;}
.page-topmessage .fukidashi {max-width:1000px;width:98%;}
.page-topmessage .contents .content p {max-width:650px;}

.awards_list>li .txt {background:#fff!important;
	padding:0 0 0px 0!important;
}

.awards_list>li .logo {padding:10px 0 0 0!important;}

.entry {background:#e6e6e6 url(../images/index/entry-bg01.png) no-repeat top center!important;}
.mega_menu_prt:hover {
      background: #1a8dd0;
    color: white;}
.mega_menu_prt {padding:1.5em;font-size:15px;}

.mega_menu_prt ahover,.mega_menu_prt:hover a {}
.entry_tr td {border:none!important;}

.link01:hover {background:#000;color:white;}

.page-index .link01 {
	font-size:16px!important;}

.page-index .works .contents .body .detail .link01 {
	min-height:25px!important;
	line-height:100%;}

.page-index .link01:hover {
	transition:0s!important;}

@media screen and (max-width:480px){

.page-topmessage .fukidashi{
    padding: 30px 15px 15px 15px}
.page-topmessage .fukidashi p {
	margin-bottom:0;}
.page-works .box01 .inner .content1 h1 {font-size:28px!important;}
.page-works .box01 .inner .content1 h2 {font-size:18px!important;}


}/* max 480px */




@media screen and (min-width:769px){.recruit-table th.forsp, .recruit-table td.forsp {display:none!important;}}
@media screen and (max-width:768px){.recruit-table th.forpc, .recruit-table td.forpc {display:none!important;}}

@media screen and (max-width:1030px){.fortb{display: none!important;}}
@media screen and (max-width:768px){.forpc{display: none!important;}}
@media screen and (min-width:769px){.forsp{display: none!important;}}