@charset "UTF-8";



.sp-show{

	display: none;

}

.inline-block{

	display: inline-block;

}



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

/*# 768px ###################################*/



/* base */

html,body{

	overflow-x: hidden;

	-webkit-overflow-scrolling :touch;

}

body{

	min-width: initial;

	min-width: auto;

	position: relative;

}

.sp-hidden{

	display: none;

}

.sp-show{

	display: block;

}

#gnav_sp{

	display: block;

	position: absolute;

	width: 240px;

	height: 100%;

	top: 0px;

	right: -300px;

	left: auto;

	padding: 100px 20px 20px;

	z-index: 100;

	font-size: 12px;

	background: rgba(255,255,255,0.9);

	box-shadow: -2px 2px 2px 0 rgba(0,0,0,0.25);

	box-sizing: border-box;

}

#gnav_sp li span{

	display: block;

	padding-top: 10px;

}

#gnav_sp li a{

	display: block;

	color: inherit;

	text-decoration: none;

	padding: 10px 0;

	border-bottom: 1px dotted #000000;

	background: url(../images/icon_arrow.png) no-repeat right center;

	background-size: auto 10px;

}

#gnav_sp ol{

	margin-left: 1em;

}

header{

	width: auto;

	z-index: 150;

	background: #ffffff;

}

header h1{

	padding-top: 20px;

	padding: 20px 70px 20px 15px;

}

header #btn_menu{

	position: absolute;

	top: 50%;

	right: 15px;

	width: 25px;

	height: 25px;

	margin-top: -12px;

	z-index: 100;

}

#siteinfo{

	float: none;

	max-width: 200px;

	margin: 0 auto;

}

footer .inner_wrap{

	width: auto;

}

footer #fnav dl{

	float: none;

	max-width: 320px;

	margin: 0 auto;

}

footer .copyright{

	font-size: 10px;

}



/* public */

body > .container{

	width: auto;

	min-width: initial;

	min-width: auto;

}

body > .container > div:first-child{

	padding-top: 0;

	height: auto;

	background-position: center top;

	background-size: cover;

}

.main_img_inner{

	position: static;

	height: auto;

	padding: 4% 15px;

}

.topicpath{

	width: auto;

	padding: 0 10px;

}

.content_inner{

	width: auto;

}



/* home */

#contents.home_page > section h1{

	width: auto;

	padding: 0 50px;

}

#contents.home_page > section h1:before{

	height: 50%;

}

.home_page .slider_wrap{

	width: 100%;

	min-width: initial;

	min-width: auto;

}

.home_page #main_slider li{

	padding-top: 7.1%;

	height: auto;

}

.home_page #main_slider li > div{

	width: 150%;

	height: auto;

	margin-left: -75%;

}

.home_page .main_image01 .more{

	width: 30%;

	margin-left: 0;

	top: auto;

	bottom: 20%;

	left: 19%;

}


.home_page #joboffer{

	width: auto;

}
.home_page #joboffer ul{

	width: 286px;

	margin-left: auto;

	margin-right: auto;

}

.home_page #joboffer li{

	float: none;

	display: inline-block;

	margin-left: 0;

	margin-bottom: 4px;

}

.home_page #service{

	width: auto;

}

.home_page #service ul{

	width: 320px;

	margin-top: 30px;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

}

.home_page #service li,

.home_page #service li:nth-child(3n+1){

	float: none;

	display: inline-block;

	margin: 10px;

}

.home_page #recruit{

	min-width: initial;

	min-width: auto;

}

.home_page #recruit .inner_wrap{

	height: auto;

	background-position: -100px center;

}

.home_page #recruit .inner_wrap article{

	width: auto;

	padding: 20px;

}

.home_page #information{

	width: auto;

}

.home_page #information .inner_wrap{

	margin: 0;

	padding: 0 15px;

}

.home_page #information dl{

	float: none;

	width: 100%;

	max-width: 700px;

	margin: 30px auto 0;

}

.home_page #information dd a{

	width: 100%;

	margin: 5px 0 0 0;

}



/* agency */

.agency_page .content_inner{

	width: 250px;

	margin-top: 20px;

	margin-left: auto;

	margin-right: auto;

}

.agency_page .agency_box{

	margin-top: 20px;

	border: none;

}

.agency_page .agency_box:not(:first-child){

	border-top: 1px solid #5eaf2f;

	padding-top: 20px;

}



/* employment*/

.employment_page .content_inner{

	padding-left: 15px;

	padding-right: 15px;

}

.employment_page .content_inner > div.clearfix{

	width: 242px;

	margin-left: auto;

	margin-right: auto;

}

.employment_page h3.h3_b span{

	font-size: 18px;

	margin: 0 1.5em;

}

.employment_page .s_recruit_box{

	margin-left: 0;

	margin-right: 0;

}



/* print */

.print_page .content_inner{

	padding-left: 15px;

	padding-right: 15px;

}

.print_page .content_inner.clearfix{

	max-width: 473px;

	width: auto;

	margin-left: auto;

	margin-right: auto;

}

.print_page .print_box{

	width: auto;

	margin-left: 0;

	margin-right: 0;

}

.print_page .print_box_l{

	float: none;

}

.print_page .print_box_r{

	float: none;

	width: auto;

	margin-top: 10px;

}



/* advertisement */

.advertisement_page .content_inner{

	padding-left: 15px;

	padding-right: 15px;

}

.advertisement_page .fltlft{

	float: none;

	text-align: center;

}

.advertisement_page .box_a{

	float: none;

	width: auto;

	margin-top: 15px;

}

.advertisement_page h3.h3_b span{

	font-size: 18px;

	margin: 0 1.5em;

}



/* web */

.web_page .content_inner{

	padding-left: 15px;

	padding-right: 15px;

	margin-top: 20px;

}

.web_page .content_inner.clearfix{

	width: 266px;

	margin-left: auto;

	margin-right: auto;

}

.web_page .web_box{

	border: none;

	margin-top: 20px;

	padding-left: 0;

	padding-right: 0;

}

.web_page .web_box:not(:first-child){

	border-top: 1px solid #5eaf2f;

	padding-top: 20px;

}



/* ecommerce */

.ecommerce_page .content_inner{

	padding-left: 15px;

	padding-right: 15px;

	margin-top: 20px;

}

.ecommerce_page .suit_inner{

	width: auto;

	padding-left: 15px;

	padding-right: 15px;

}

.ecommerce_page .suit_inner .fltlft{

	float: none;

	text-align: center;

}

.ecommerce_page .suit_inner .box_b{

	width: auto;

	max-width: 681px;

	margin-left: auto;

	margin-right: auto;

	float: none;

}

.ecommerce_page .ecommerce_inner{

	width: 230px;

	margin-top: 40px;

	margin-left: auto;

	margin-right: auto;

}

.ecommerce_page .ecommerce_box{

	margin-left: 0;

	margin-right: 0

}

.ecommerce_page h3.h3_b span{

	font-size: 18px;

	margin: 0 1.5em;

	padding: 0 0.5em;

}

.ecommerce_page .suit_inner .box_f{

	position: relative;

}

.ecommerce_page .suit_inner .box_f:after{

	content: "";

	position: absolute;

	display: block;

	width: 2px;

	height: 100%;

	top: 0;

	right: 0;

	background: url(../images/box_bg.jpg) repeat-y right top;

}



/* software planning consulting */

.software_page .content_inner,

.planning_page .content_inner,

.consulting_page .content_inner{

	padding-left: 15px;

	padding-right: 15px;

}

.software_page .fltlft,

.planning_page .fltlft,

.consulting_page .fltlft{

	float: none;

	text-align: center;

}

.software_page .box_a,

.planning_page .box_a,

.consulting_page .box_a{

	float: none;

	width: auto;

	margin-top: 15px;

}

.software_page h3.h3_b span,

.planning_page h3.h3_b span,

.consulting_page h3.h3_b span{

	font-size: 18px;

	margin: 0 1.5em;

}



/* management */

.management_page .content_inner{

	padding-left: 15px;

	padding-right: 15px;

}

.management_page .suit_inner{

	width: auto;

	padding-left: 15px;

	padding-right: 15px;

}

.management_page .suit_inner .fltlft{

	float: none;

	text-align: center;

}

.management_page .suit_inner .box_b{

	width: auto;

	max-width: 681px;

	margin-top: 15px;

	margin-left: auto;

	margin-right: auto;

	float: none;

}

.management_page h3.h3_b span{

	font-size: 18px;

	margin: 0 1.5em;

	padding: 0 0.5em;

}



/* newsrelease */

.newsrelease_page .content_inner{

	padding-left: 15px;

	padding-right: 15px;

}

.newsrelease_page .newsrelease_img{

	margin: 50px 0;

}

.newsrelease_page .newsrelease_img img{

	margin-top: 20px;

}

.newsrelease_page .newsrelease_img img:first-child{

	margin: 0;

}

.newsrelease_page span.h3_date{

	float: none;

	display: block;

	text-align: right;

}



/* recruit */

.recruit_page .content_inner{

	padding-left: 15px;

	padding-right: 15px;

}

.recruit_page .table_box table.recruit_t,

.recruit_page .table_box table.recruit_t tbody,

.recruit_page .table_box table.recruit_t tr,

.recruit_page .table_box table.recruit_t th,

.recruit_page .table_box table.recruit_t td{

	display: block;

	width: auto;

	box-sizing: border-box;

}

.recruit_page .table_box table.recruit_t{

	width: 100%;

}

.recruit_page .table_box table.recruit_t td:last-child{

	border-top: none;

	margin-bottom: 5px;

}

.recruit_page .wrap{

	width: 100%;

	margin-left: auto;

	margin-right: auto;

}

.recruit_page #tabMenu{

	text-align: center;

}

.recruit_page #tabMenu li{

	display: inline-block;

	float: none;

	margin-top: 15px;

}

.recruit_page #tabMenu li a{

	padding-bottom: 10px;

	width: 80px;

	position: relative;

}

.recruit_page #tabMenu li.current a:after{

	content: "";

	display: block;

	position: absolute;

	width: 100%;

	height: 2px;

	bottom: -1px;

	left: 0;

	background: #5daf30;

}

.recruit_page #btn-bd{

	display: none;

}





/* company */

.company_page .content_inner{

	padding-left: 15px;

	padding-right: 15px;

}

.company_page .map{

	width: auto;

}

.company_page h3.h3_b span{

	font-size: 18px;

	margin: 0 1.5em;

	padding: 0 0.5em;

}

.company_page .table_box table,

.company_page .table_box table tbody,

.company_page .table_box table tr,

.company_page .table_box table th,

.company_page .table_box table td{

	display: block;

	width: auto;

	box-sizing: border-box;

}

.company_page .table_box table{

	width: 100%;

}

.company_page .table_box table td:last-child{

	border-top: none;

	margin-bottom: 5px;

}



/* history */

.history_page .content_inner{

	padding-left: 15px;

	padding-right: 15px;

}

.history_page h3.h3_b span{

	font-size: 18px;

	margin: 0 1.5em;

	padding: 0 0.5em;

}

.history_page .table_box table{

	width: 100%;

}

.history_page .table_box table td{

	box-sizing: border-box;

}

.history_page .table_box table td.title{

	width: 8em;

}



/* philosophy */

.philosophy_page .content_inner{

	padding-left: 15px;

	padding-right: 15px;

}

.philosophy_page .philosophy .ph_text02{

	font-size: 30px;

}

.philosophy_page .ph_box{

	width: auto;

	height: auto;

	max-width: 660px;

	padding-left: 15px;

	padding-right: 15px;

	margin-left: 15px;

	margin-right: 15px;

}

.ph_box ul{

	max-width: 400px;

	margin: 0 auto;

	padding-left: 2.5em;

	padding-bottom: 20px;

	font-size: 16px;

	line-height: 1.5em;

}

.ph_box li{

	padding: 0.5em 0;

	text-indent: -2em;

}



/* privacy */

.privacy_page .content_inner{

	padding-left: 15px;

	padding-right: 15px;

}



/* contact */

.contact_page .content_inner{

	width: auto;

	padding-left: 15px;

	padding-right: 15px;

}

.contact_page h3.h3_b span{

	font-size: 18px;

	margin: 0 1.5em;

	padding: 0 0.5em;

}

.contact_page #contact-form{

	width: auto;

}

.contact_page #contact-form table,

.contact_page #contact-form table tbody,

.contact_page #contact-form table tr,

.contact_page #contact-form table th,

.contact_page #contact-form table td{

	display: block;

	width: auto;

	box-sizing: border-box;

}

.contact_page #contact-form table{

	width: 100%;

}

.contact_page #contact-form table tr:last-child td:last-child{

	text-align: center;

}

.contact_page #contact-reset,

.contact_page #contact-confirm{

	width: 100px;

}

.contact_page #contact-form label{

	display: inline-block;

}



/*# 768px ###################################*/

}