@media all and (max-width: 767px) {
	.product15 .p_box-wrap{
		padding:0px;
		background:#fff;
	}
	
	.groupware_con1_left{
		width:100%;
		padding:10px;
		box-sizing:border-box;
		background:#fff;
	}
		
	.con1_title{
		font-size:1.8em;
		color:#17539d;
		border-bottom:1px dashed #ccc;
		padding-bottom:1vw;
		text-align:left;
		line-height:1.5em;
	}
	
	.con1_list{
		text-align:left;
		line-height:1.5em;
	}
	
	.con1_list dt{
		font-size:1.8em;
		color:#17539d;
		background:url('../../images/sub/groupware_icon1.jpg') no-repeat left center;
		padding-left:15px;
		margin-top:1vw;
		line-height:1.5em;
	}
	
	.con1_list dd{
		font-size:1.5em;
		padding-left:10px;
		line-height:1.5em;
	}
	
	.groupware_con1_right{
		text-align:center;
		background:#fff;
	}
	
	.groupware_imglist1{
		padding:10px;
	}
	
	.groupware_imglist1 ul{
	}
	
	.groupware_imglist1 ul:after{
		content:'';
		display:block;
		clear:both;
	}
	
	.groupware_imglist1 ul li{
		float:left;
		width:33%;
		margin-left:0.5%;
	}
	
	.groupware_imglist1 ul li:first-child{
		margin-left:0;
	}
	
	.groupware_imglist1 ul li img{
		width:100%;
	}
	
	.groupware_con2_left{
		width:100%;
		padding:10px;
		box-sizing:border-box;
	}
	
	.groupware_con2_left img{
		width:100%;
	}
	
	.groupware_con2_right{
		width:100%;
		padding:10px;
		box-sizing:border-box;
		text-align:left;
		line-height:1.5em;
	}
	
	.con2_title{
		color:#17539d;
    font-size:1.8em;
    font-weight: 600;
    line-height:1.5em;
	}
	
	.con2_list{
		border-left: 4px solid #0060ab;
		padding-left:2vw;
	}
	
	.con2_list li{
		font-size:1.5em;
		line-height:1.5em;
    color:#17539d;
	}
	
	.con2_title2{
		margin-top:20px;
		font-size:1.8em;
    font-weight: 600;
    line-height:1.5em;
		padding-left:10px;
	}
	
	.con2_list2{
		border-left: 4px solid #0060ab;
		padding-left:5vw;
	}
	
	.con2_list2 li{
		list-style:decimal;
		font-size:1.5em;
		line-height:1.5em;
	}
	
	.history{
		position:relative;
		width:100%;
		min-height:90px;
		padding-bottom:20px;
		margin-top:20px;
		border-bottom:1px #ddd solid;
		overflow:hidden;
	}
	
	.history .period{
		position:relative;
		left:0;
		top:0;
		color:#262f3b;
		font-size:30px;
		font-weight:800;
	}
	
	.history .period span{
		display:block;
		font-size:18px;
		color:#262f3b;
		font-weight:200;
	}
	
	.history ul {
		margin-top:20px;
	}
	
	.history ul li {
		position:relative;
		width:100%;
		overflow:hidden;
		word-break:keep-all;
	}
	
	.history ul li .year{
		position:absolute;
		left:0;
		top:0;
		font-size:16px;
		color:#4277be;
		font-weight:600;
	}
	
	.history ul li .data{
		position:relative;
		margin:0 0 12px 66px;
		overflow:hidden;
	}
	
	.history ul li .data .month{
		position:absolute;
		left:0;
		top:1px;
		font-size:14px;
		color:#91afe2;
		font-weight:600;
	}
	
	.history ul li .data p {
		font-size:12px;
		color:#666;
		margin-left:87px;
		line-height:1.5em;
	}
	
	.history ul li .data p.important{
		color:#17539d;
		font-weight:600;
	}
	
	.history.bn {
		border:0;
		min-height:200px;
	}
}

@media all and (min-width: 768px) and (max-width: 999px) {
	.product15 .p_box-wrap{
		padding:10px 0px;
	}
	
	.groupware_con{
		display:table;
		background:#fff;
		margin:0px 10px;
	}
	
	.groupware_con1_left{
		display: table-cell;
    vertical-align: middle;
    position: static;
		width:65%;
		padding:20px 10px;
		font-size:14px;
	}
	
	.con1_title{
		color:#17539d;
		border-bottom:1px dashed #ccc;
		padding-bottom:10px;
		text-align:left;
	}
	
	.con1_list{
		text-align:left;
		font-size:13px;
	}
	
	.con1_list dt{
		color:#17539d;
		background:url('../../images/sub/groupware_icon1.jpg') no-repeat left center;
		margin-top:10px;
		padding-left:15px;
		line-height:20px;
	}
	
	.con1_list dd{
		padding-left:10px;
		line-height:18px;
	}
	
	.groupware_con1_right{
		display: table-cell;
    vertical-align: middle;
    position: static;
	}
	
	.groupware_imglist1{
		padding:10px;
	}
	
	.groupware_imglist1 ul{
	}
	
	.groupware_imglist1 ul:after{
		content:'';
		display:block;
		clear:both;
	}
	
	.groupware_imglist1 ul li{
		float:left;
		width:33%;
		margin-left:0.5%;
	}
	
	.groupware_imglist1 ul li:first-child{
		margin-left:0;
	}
	
	.groupware_imglist1 ul li img{
		width:100%;
	}
	
	.groupware_con2{
		display:table;
		background:#fff;
		margin:0px 10px;
		padding:20px 0px;
	}
	
	.groupware_con2_left{
		display: table-cell;
    vertical-align: middle;
    position: static;
		width:62%;
		padding:0px 20px;
		border-right:1px dashed #ccc;
	}
	
	.groupware_con2_left img{
		width:100%;
	}
	
	.groupware_con2_right{
		display: table-cell;
    vertical-align: middle;
    position: static;
		text-align:left;
		line-height:20px;
		padding:0px 10px;
	}
	
	.con2_title{
		color:#17539d;
		font-size:14px;
	}
	
	.con2_list{
		color:#17539d;
		padding-left:10px;
		font-size:14px;
	}
	
	.con2_title2{
		margin-top:20px;
		font-size:14px;
		padding-left:10px;
	}
	
	.con2_list2{
		padding-left:25px;
		font-size:14px;
	}
	
	.con2_list2 li{
		list-style:decimal;
	}
	
	.history{
		position:relative;
		width:100%;
		min-height:90px;
		padding-bottom:30px;
		margin-top:45px;
		border-bottom:1px #ddd solid;
		overflow:hidden;
	}
	
	.history .period{
		position:absolute;
		left:0;
		top:-5px;
		width:135px;
		word-break:break-word;
		color:#262f3b;
		font-size:40px;
		font-weight:800;
	}
	
	.history .period span{
		display:block;
		font-size:24px;
		color:#262f3b;
		font-weight:200;
	}
	
	.history ul {
		margin-left:170px;
	}
	
	.history ul li {
		position:relative;
		width:100%;
		overflow:hidden;
		word-break:keep-all;
	}
	
	.history ul li .year{
		position:absolute;
		left:0;
		top:0;
		font-size:16px;
		color:#4277be;
		font-weight:600;
	}
	
	.history ul li .data{
		position:relative;
		margin:0 0 12px 66px;
		overflow:hidden;
	}
	
	.history ul li .data .month{
		position:absolute;
		left:0;
		top:1px;
		font-size:14px;
		color:#91afe2;
		font-weight:600;
	}
	
	.history ul li .data p {
		font-size:13px;
		color:#666;
		margin-left:87px;
		line-height:1.5em;
	}
	
	.history ul li .data p.important{
		color:#17539d;
		font-weight:600;
	}
	
	.history.bn {
		border:0;
		min-height:200px;
	}
}

@media all and (min-width: 1000px) {
	.product15 .p_box-wrap{
		padding:10px 0px;
	}
	
	.groupware_con{
		display:table;
		background:#fff;
		margin:0px 10px;
	}
	
	.groupware_con1_left{
		display: table-cell;
    vertical-align: middle;
    position: static;
		width:65%;
		padding:20px 10px;
		font-size:14px;
	}
	
	.con1_title{
		color:#17539d;
		border-bottom:1px dashed #ccc;
		padding-bottom:10px;
		text-align:left;
	}
	
	.con1_list{
		text-align:left;
		font-size:13px;
	}
	
	.con1_list dt{
		color:#17539d;
		background:url('../../images/sub/groupware_icon1.jpg') no-repeat left center;
		margin-top:10px;
		padding-left:15px;
		line-height:20px;
	}
	
	.con1_list dd{
		padding-left:10px;
		line-height:18px;
	}
	
	.groupware_con1_right{
		display: table-cell;
    vertical-align: middle;
    position: static;
	}
	
	.groupware_imglist1{
		padding:10px;
	}
	
	.groupware_imglist1 ul{
	}
	
	.groupware_imglist1 ul:after{
		content:'';
		display:block;
		clear:both;
	}
	
	.groupware_imglist1 ul li{
		float:left;
		width:33%;
		margin-left:0.5%;
	}
	
	.groupware_imglist1 ul li:first-child{
		margin-left:0;
	}
	
	.groupware_imglist1 ul li img{
		width:100%;
	}
	
	.groupware_con2{
		display:table;
		background:#fff;
		margin:0px 10px;
		padding:20px 0px;
	}
	
	.groupware_con2_left{
		display: table-cell;
    vertical-align: middle;
    position: static;
		width:62%;
		padding:0px 20px;
		border-right:1px dashed #ccc;
	}
	
	.groupware_con2_left img{
		width:100%;
	}
	
	.groupware_con2_right{
		display: table-cell;
    vertical-align: middle;
    position: static;
		text-align:left;
		line-height:20px;
		padding:0px 10px;
	}
	
	.con2_title{
		color:#17539d;
		font-size:14px;
	}
	
	.con2_list{
		color:#17539d;
		padding-left:10px;
		font-size:14px;
	}
	
	.con2_title2{
		margin-top:20px;
		font-size:14px;
		padding-left:10px;
	}
	
	.con2_list2{
		padding-left:25px;
		font-size:14px;
	}
	
	.con2_list2 li{
		list-style:decimal;
	}
	
	.history{
		position:relative;
		width:100%;
		min-height:90px;
		padding-bottom:30px;
		margin-top:45px;
		border-bottom:1px #ddd solid;
		overflow:hidden;
	}
	
	.history .period{
		position:absolute;
		left:0;
		top:-5px;
		width:135px;
		word-break:break-word;
		color:#262f3b;
		font-size:40px;
		font-weight:800;
	}
	
	.history .period span{
		display:block;
		font-size:24px;
		color:#262f3b;
		font-weight:200;
	}
	
	.history ul {
		margin-left:170px;
	}
	
	.history ul li {
		position:relative;
		width:100%;
		overflow:hidden;
		word-break:keep-all;
	}
	
	.history ul li .year{
		position:absolute;
		left:0;
		top:0;
		font-size:16px;
		color:#4277be;
		font-weight:600;
		line-height:1.5em;
	}
	
	.history ul li .data{
		position:relative;
		margin:1px 0 12px 66px;
		overflow:hidden;
	}
	
	.history ul li .data .month{
		position:absolute;
		left:0;
		top:0;
		font-size:14px;
		color:#91afe2;
		font-weight:600;
		line-height:1.5em;
	}
	
	.history ul li .data p {
		font-size:14px;
		color:#666;
		margin-left:87px;
		line-height:1.5em;
	}
	
	.history ul li .data p.important{
		color:#17539d;
		font-weight:600;
	}
	
	.history.bn {
		border:0;
		min-height:200px;
	}
}