/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
/*box2*/
/*------------------------------------------------------------------------------*/
.box2_ti_left {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.box2_ti_right {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.box2_left {
	width: 100%;
	float: none;
	margin-bottom:30px;
}
.box2_right {
	width: 100%;
	float: none;
}
.box2_ti_left02 {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.box2_ti_right02 {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.box2_ti_left02 img {
	width: 100%;
	height: auto;
}
.box3 {
	width: 100%;
	float: none;
	padding: 0;
}
.box3_left {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.box3_right {
	width: 100%;
	float: none;
}
.box3 li {
	width: 100%;
	float: none;
	margin-right: 0%;
}
.box3 li:nth-child(3n) {
	margin-right: 0%;
}
.box4 li {
	width: 49%;
}
.box4 li:nth-child(2n) {
	margin-right: 0%;
}
.box4_left {
	width: 100%;
	float: none;
	margin-right: 0%;
	margin-bottom: 20px;
}
.box4_right {
	width: 100%;
	float: none;
}
.box4_left img, .box4_right img {
	width: 100%;
	height: auto;
}
/* header */
/*------------------------------------------------------------------------------*/
header {
	margin-bottom: 12%;
}
header h1 {
	font-size: 257%; /* 36px */
}
#locator {
	display: none;
}
.original_title header #maintitle {
	display:none;
}
.maintitle02 {
	width:100%;
	margin-top:0;
	background: url(../image/common/sub_header_bg.jpg) repeat center bottom;
	position:absolute;
	left:0;
	top:60px;
	height:105px;
}
.maintitle02 h2 {
	font-size:200%;
}
header #maintitle h2 {
	font-size:200%;
	padding:81px 0 20px;
	line-height:1.2;
}
.original_title #main_contents {
	margin-top:208px;
}
header #maintitle {
    height: 165px;
}
/*sub_layout*/
/*------------------------------------------------------------------------------*/
#contents {
	width: 100%;
	max-width: none;
	margin: 0px auto 0px;
	padding: 0;
}
#main_contents {
	float: none;
	width: 100%;
	max-width: none;
	padding: 0 1.5%;
	margin-bottom: 4.6%;
}
#side_area {
	float: none;
	width: 95%;
	max-width: none;
	margin:0 auto;
}
#contents img {
	width: 100%;
	height:auto;
}
/*subnav*/
/*------------------------------------------------------------------------------*/
#subnav {
	margin-top:60px;
}
#side_bnr {
	padding: 0 10%;
}
#side_bnr ul li img {
	width: 100%;
	height: auto;
}
/*business_common*/
/*------------------------------------------------------------------------------*/
/*business_section01*/
/*------------------------------------------------------------------------------*/
/*business_section_link*/
/*------------------------------------------------------------------------------*/
/*business_section04*/
/*------------------------------------------------------------------------------*/
/*business_section06*/
/*------------------------------------------------------------------------------*/
/*business_section08*/
/*------------------------------------------------------------------------------*/
/*business_section09*/
/*------------------------------------------------------------------------------*/
/*business_section10*/
/*------------------------------------------------------------------------------*/
/*business_table*/
/*------------------------------------------------------------------------------*/
/*business_section_service*/
/*------------------------------------------------------------------------------*/
#business_section_service {
	padding: 20px 0;
}
#business_section_service h3 {
	margin: 0 0 15px;
}
#business_section_service ul li {
	display: block;
	margin: 0 10px 5px;
}
#business_section_service ul li a {
	width: 100%;
	height: 70px;
	line-height: 50px;
}
/*sub_section_inqury*/
/*------------------------------------------------------------------------------*/
#sub_section_inqury {
	margin-bottom: 45px;
	padding: 20px 10px 0;
}
#sub_section_inqury h3 {
	height: auto;
}
#sub_section_inqury .btn_contact {
	display: block;
	width: 100%;
}
/*sub_common*/
/*------------------------------------------------------------------------------*/
.sub_in {
	padding: 0 10px;
}
.sub_in img {
	width: 100%;
}
.fs120 {
	font-size: 120%;
}
h3.subtitle01 {
	font-size: 160%;
}
h4.subtitle01 {
	font-size: 171%;
/*	background-size: 100% auto;
*/}
h5.subtitle01 {
	font-size: 130%;
}
.btn_common01 a {
	margin: 8% auto 0 auto;
	width: 80%;
	padding: 5% 0;
}
.btn_common02 a {
	padding: 1em 12% 1em 1em;
}
.common_box .common_ti_left01 {
	float: none;
	width: auto;
}
.common_box .common_ti_left02 {
	float: none;
	width: auto;
	text-align: center;
}
.common_box .common_ti_left02 img {
	width: 90%;
}
.common_box .common_ti_right01, .common_box .common_ti_right02 {
	float: none;
	margin: 5% 0 0 0;
	width: auto;
}
.common_table01 th, .common_table01 td, .common_table02 th, .common_table02 td {
	padding: 3%;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
.common_table01 th, .common_table02 th {
	width: 40%;
}
.feebox02 .common_table01 {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
}
.feebox02 .common_table01 th, .feebox02 .common_table01 td {
	padding: 20px;
}
#common_list_box {
	padding: 4% 0;
}
#common_list_box ul {
	width: 96%;
	margin-top: 15px;
}
#common_list_box ul li {
	float: none;
	width: 100%;
	margin: 1% 0 0 0;
	text-align: left !important;
}
#common_list_box ul li:nth-child(3n), #common_list_box ul li:nth-child(even) {
	margin-right: 0;
}
#common_list_box ul li a {
	padding-left: 50px;
	width: 100%;
}
.common_link_box {
	margin-left:0;
}
.common_link_box li {
	width: 100%;
}
.common_link_box li a {
	font-size: 120%;
}
.common_link_box02 {
}
.common_link_box02 li {
	float: left;
	width: 49.5%;
	margin: 0.5% 1% 0.5% 0;
}
.common_link_box02 li:nth-child(even) {
	margin-right: 0;
}
#common_search_box {
}
#common_search_box h4 {
	font-size: 157%;
}
#common_search_box ul li {
	width: 100%;
}
#common_search_box ul li img {
	width: auto;
	height:auto;
}
#common_search_box ul li .search_box {
	padding: 20px 5%;
}
#common_search_box ul li .search_box_title {
}
#common_search_box ul li .search_box_text {
}
#common_voice_box {
}
#common_voice_box .common_voice_in {
	float: none;
	width: auto !important;
	margin: 6% auto 0 auto !important;
}
#common_voice_box .common_voice_in dt {
	width: 30%;
}
#common_voice_box .common_voice_in dd {
	float: right;
	width: 65%;
}
#common_search_faq {
}
#common_search_faq li {
	float: none;
	width: 100%;
	margin: 0 0 5% 0;
}
#common_search_faq li img {
	width: 100%;
}
#common_search_faq li:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
ul.common_list_check {
	margin: 6% 0 0 0;
}
/*recruit*/
/*------------------------------------------------------------------------------*/
.recruit_btn01 a, .recruit_btn02 a, .recruit_btn03 a {
	width: 80%;
	margin: 0 auto;
	padding: 4% 0;
}
.recruit_btn01, .recruit_btn02 {
	padding-bottom: 4%;
}
#recruit_box {
	margin: 6% 0 0 0;
	padding-bottom: 0;
}
#recruit_box .recruit_contact_btn {
	width: 94%;
	padding: 0 0 0 3%;
}
#recruit_box .recruit_contact_btn li {
	float: none;
	width: 100%;
	margin: 8% 0 0 0;
}
#recruit_box .recruit_contact_btn li:first-child {
	margin: 0 6% 0 0;
}
#recruit_box .recruit_contact_text {
	padding: 0.5em 1em;
}
#recruit_box .recruit_contact_text02 {
	left: 3%;
	width: 90%;
	padding: 0.6em 2%;
}
#recruit_box .recruit_contact_btn01 a {
	left: 3%;
	width: 90%;
	padding: 25px 0 0 0;
	background-size: auto 20%;
	font-size: 140%;
}
#recruit_box .recruit_contact_btn02 a {
	left: 3%;
	width: 90%;
	padding: 25px 0 0 0;
	background-size: auto 20%;
	font-size: 140%;
}
/*recruit staff*/
/*------------------------------------------------------------------------------*/
.recruit_staff {
}
.recruit_staff .staff_box {
	float: left;
	width: 44%;
	margin: 5% 6% 0 2%;
}
.recruit_staff .staff_box:nth-child(3), .recruit_staff .staff_box:nth-child(4) {
	margin-top: 5%;
}
.recruit_staff .staff_box:nth-child(even) {
	margin-right: 2%;
}
.recruit_staff img {
	width: 100%;
}
/*recruit career*/
/*------------------------------------------------------------------------------*/
.career_anchor {
	padding-top: 60px;
}
#recruit_flow {
	width: 100%;
}
#recruit_flow th {
	width: 26%;
	padding: 0 0 2% 0;
	background: #239cc5 url(../image/career_arw01.png) center bottom no-repeat;
	background-size: contain;
	border-bottom: 15px solid #fff;
	color: #fff;
	font-size: 160%;
	font-weight: lighter;
	text-align: center;
	vertical-align: middle;
}
#recruit_flow td {
	width: 70%;
	padding: 0 0 2% 4%;
	border-bottom: 15px solid #fff;
}
#recruit_flow td .recruit_flowtitle {
	margin: 0 0 1em 0;
	padding: 0.7em 0;
	border: 2px solid #2c2c2c;
	font-size: 124%;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
/*environment*/
/*------------------------------------------------------------------------------*/
/*search*/
/*------------------------------------------------------------------------------*/
.company_box h5 {
	text-align:left;
}
.company_list {
	background:#DCE6F2;
	padding:15px 4% 5px;	
}
.company_list li {
	display:table;
	width:100%;
	margin-right:0;
	float:none;
	height:auto;
	margin-bottom:10px;
	background:#fff url(../image/common/arr03@2x.png) no-repeat 5% center;
	background-size:22px auto;
	padding:15px 5px 15px 50px;
}
/*business sap_business_one*/
/*------------------------------------------------------------------------------*/
.sbo_effect_box {
}
.sbo_effect_box li {
	float: none;
	width: 100%;
	margin: 4% 0 0 0;
}
.sbo_effect_box .sbo_effect_before {
}
.sbo_effect_box .sbo_effect_after {
}
.sbo_target {
}
.sbo_target .box_wrapp {
}
.sbo_target .box_wrapp .box_01, .sbo_target .box_wrapp .box_02, .sbo_target .box_wrapp .box_03, .sbo_target .box_wrapp .box_04 {
	width: 50%;
	padding: 0 0 3% 0;
	line-height: 1.5;
}
.sbo_target .box_wrapp span {
	display: block;
	padding: 0 10px;
}
.sbo_target .box_wrapp .box_01, .sbo_target .box_wrapp .box_04 {
	background: #c2dcfa url(../image/sap_business_one_bg01.png);
}
.sbo_target .box_wrapp .box_02, .sbo_target .box_wrapp .box_03 {
	background: #c2dcfa url(../image/sap_business_one_bg02.png);
}
.sob_title01, .sob_title02 {
	padding: 1.5em;
}
/*LL 2016.09.27
-----------------------*/
.common_btn a {
	display: block;
	text-align: center;
}
/**/
.outline_box {
	width: 100%;
	display: block;
}
.outline_box01 {
	width: 100%;
	display: block;
	vertical-align: middle;
	padding: 10px;
	border-bottom: none;
}
.box2_ti_left .outline_box01 {
	width: 100%;
}
.outline_box02 {
	width: 100%;
	display: block;
	border-bottom: none;
}
/* time */
/*------------------------------------------------------------------------------*/
/*flow*/
/*------------------------------------------------------------------------------*/
/* rss news */
/*------------------------------------------------------------------------------*/
.rss dl dt.rss_date {
	float: none;
	width: 100%;
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 4px;
}
.rss dl dd.rss_title {
	float: none;
	width: 100%;
}
.rss dl dd.rss_title a span.cate_icon {
	margin-left: 0;
	font-size: 85%;
}
.rss_contents {
	width:100%;
}
.flow_vertical {
	margin-bottom: 30px;
	position: relative;
}
.flow_vertical:after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: calc(50% - 15px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 15px 0 15px;
	border-color: #1D8DDD transparent transparent transparent;
}
.flow_vertical .step {
	width: 100%;
	font-size: 18px;
	display: block;
	background-image: none;
	padding: 10px 5px;
}
.flow_vertical .step br {
	display: none;
}
.flow_vertical .flow_con {
	width: 100%;
	padding-left: 0;
	display: block;
	padding: 5%;
	background-color: rgba(29,141,221,.05);
}
.flow_nav {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	min-height: none;
}
.flow_nav a {
    width: 100%;
    float: none;
    position: static;
    height: auto;
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    background-size: contain;
    margin-bottom: 10px;
    background-position: center;
}
.flow_nav a:before {
    content: "";
    display: block;
    padding-top: 65%;
}
.flow_nav .flow_01 a {
    left: 0;
    background-position: 60% center;
    background-color: #2f7bc7;
}
.flow_nav .flow_02 a {
	margin-left: 0;
    background-color: #307cc8;
    background-position: 47% center;
}
.flow_nav .flow_03 a {
    background-color: #3073b9;
    margin-left: 0;
    background-position: 45% center;
}
.flow_nav .flow_04 a {
    margin-left: 0;
    background-position: 45% center;
    background-color: #376cae;
}
.flow_nav .flow_05 a {
    left: 0;
    background-position: 42% center;
    background-color: #396499;
}
/*FLOW BOX*/
/*------------------------------------------------------------------------------*/
.flow_box {
	display: block;
}
.flow_box ._innBox {
    max-width: 360px;
    margin: 0 auto 40px;
}
.flow_box ._innBox a {
    position: relative;
}
.flow_box ._innBox a::after {
    content: "";
    display: block;
    border-style: solid;
    border-color: transparent;
    border-width: 25px 50px 0 50px;
    width: 0;
    height: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: calc(50% - 50px);
    bottom: -30px;
}
.flow_box img {
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
}
.flow_box ._innBox.flow_01 a::after {border-top-color: #2f7bc7; }
.flow_box ._innBox.flow_02 a::after {border-top-color: #307cc8; }
.flow_box ._innBox.flow_03 a::after {border-top-color: #3073b9; }
.flow_box ._innBox.flow_04 a::after {border-top-color: #376cae; }
.flow_box ._innBox.flow_05 a::after {display: none; }
.flow_box .flow_01 a {background-color: #2f7bc7; }
.flow_box .flow_02 a {background-color: #307cc8; }
.flow_box .flow_03 a {background-color: #3073b9; }
.flow_box .flow_04 a {background-color: #376cae; }
.flow_box .flow_05 a {background-color: #396499; }
.application_tit_box {
    width: 100%;
}
/**/
/**/
.staff_box01 {
	 width:100%;
	 display: block;
}
.staff_box01_left {
		 display: block;
		 padding-right:0px;
	}
.staff_box01_tit {
		 font-size:200%;
	}
.staff_box01_right {
		 width:100%;
		 display: block;
	}
.pc_br::before {
	content: none ;
}
/*definition*/
/*------------------------------------------------------------------------------*/
.definition_merit_box li {
	width:100%;
	float:none;
	display:block;
	border-right:none;
	border-bottom:1px solid #ddd;
}
.definition_merit_box li:nth-child(3) {
	border-bottom:none;
}
/*development*/
/*------------------------------------------------------------------------------*/
/*history*/
/*------------------------------------------------------------------------------*/
.btn_box5 li {
    float: none;
    margin-bottom: 10px;
    margin-right: 0%;
    width: 100%;
}
/*support*/
/*------------------------------------------------------------------------------*/
.support_merit_box li {
	width:100%;
	float:none;
	display:block;
	border-right:none;
	border-bottom:1px solid #ddd;
}
.support_merit_box li:nth-child(3) {
	border-bottom:none;
}
.support_merit_box li:first-child::before {
	content:"";
	width:75px;
	height:43px;
	background:url(../image/merit1@2x.png) no-repeat center center;
	background-size:75px auto;
	position:absolute;
	left:5%;
	top:-12px;
}
.support_merit_box li:nth-child(2)::before {
	content:"";
	width:75px;
	height:43px;
	background:url(../image/merit2@2x.png) no-repeat center center;
	background-size:75px auto;
	position:absolute;
	left:5%;
	top:-12px;
}
.support_merit_box li:nth-child(3)::before {
	content:"";
	width:75px;
	height:43px;
	background:url(../image/merit3@2x.png) no-repeat center center;
	background-size:75px auto;
	position:absolute;
	left:5%;
	top:-12px;		
}
/*ECBEING*/
/*-----------------------*/
#common_search_func li {
    float: none;
    width: 100%;
    margin: 0 0 5% 0;
}
.history_box01 {
    width: 100%;
    height: 29.6vw;
    background-image: url(../image/history_img01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    max-height: 300px;
}
.history_box01 {
	display: none;
}
.tbsp {
	display: block;
}
.sp_br::before {
	content: "\A" ;
	white-space: pre ;
}
.google-map iframe {
	width:100%;
	height:260px;
}
.subtitle04.shadow {
	text-shadow:0 0 5px #fff,0 0 5px #fff;
}
#contents .sub_in .plus_mark img {
	width:auto;
	height:auto;
}
// Hack for Safari 7.1-8.0
_::-webkit-full-page-media, _:future {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 33px;
    background-color: #0070bb;
    border: 1px solid #004ea1;
    color: #fff;
    cursor: pointer;
    border-radius: 0 !important;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
}
// Hack for Safari 6.1-7.0
@media screen and (-webkit-min-device-pixel-ratio:0) {
.sp_only input.submit_btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 33px;
    background-color: #0070bb;
    border: 1px solid #004ea1;
    color: #fff;
    cursor: pointer;
    border-radius: 0 !important;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
}

}
#common_search_box ul li .search_box_title {
	font-size: 17px;
	font-weight:bold;
}
#common_search_box ul li .search_box_title p {
	height:54px;
}
#common_search_box ul li .search_box_title:before {
	bottom:-10px;
}
#common_search_box ul li .search_box_title {
	margin-bottom:30px;
}
#common_search_box ul li .search_box_no {
	margin-top:8px;
}
.common_table01 td, .common_table01 th {
    display: block;
    width: 100%;
}
.common_table01 td {
	margin-bottom: 25px;
}
.foot_contact_left {
    float: none;
    width: 100%;
    border-right: 0;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px dotted #aaa;
}
.foot_contact_right {
    float: none;
    width: 100%;
    border-right: 0;
}
.foot_contact_left p:first-of-type, .foot_contact_right p:first-of-type {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 5px solid #0053A5;
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    padding-bottom: 10px;
}
.foot_contact_left a, .foot_contact_right a {
    font-size: 25px;
    color: #0053A5;
    font-weight: bold;
    cursor: text;
    display: block;
    padding-left: 5px;
    background-size: 28px;
    background-position: 5% 38%;
    background-repeat: no-repeat;
    width: 290px;
    margin-left: auto;
    margin-right: auto;
}
/* template - default_smalltit */
.of_s {
    width: 100%;
    overflow: scroll;
}
.pc_absolute_table {
    width: 800px;
}
.pc_absolute_table td, .pc_absolute_table th {
    display: table-cell !important;
}
/*20161110*/
.tbsp_img_80 {
	width: 80% !important;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.sp_img_80 {
	width: 80% !important;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
/*index_case*/
/*------------------------------------------------------------------------------*/
.casebox {
	background:url(../image/index_bg04.png);
	padding-left:1.5%;
	padding-right:1.5%;
}
.casebox .case_box {
	width: 100%;
	margin: 0 auto;
}
.casebox .case_item {
	float: left;
	margin:0 1px 3% 0;
	width: 49.6%;
	background: #fff;
}
.casebox .case_item .coverimage {
    min-height: 100px;
}
.casebox .case_item .box {
	padding: 3%;
}
.casebox .case_item:nth-child(4n) {
	margin-right: 0;
}
/*new_contact*/
/*InfiniOne_ERP.html
-------------------------------------------*/
.intrdctArea {
    margin-bottom: 0;
}
.intrdctArea .col {
    flex: 0 1 100%;
    width: auto;
}
.intrdctArea .col + .col {
    margin-left: 0;
    margin-top: 20px;
}
/*タイトル　特長
------------------*/
/*.sublead {
    height: auto;
    line-height: 1.2;
}
.sublead::before {
    top: auto;
    bottom: -1px;
}*/
.sublead .sub {top: calc(50% - 7px); }
/*導入事例
------------------*/
/*セミナー情報*/
.List_case .bl {
    display: block;
}
.List_case .bl + .bl {
    margin-left: 0;
}
.List_case .bl a {
	margin: 10px 10px 10px 0;
}
}
/*------------------------------------------------------------------------------*/