/************************************************************************************
larger than 980
*************************************************************************************/

#main {
	float:left;
	width:670px;
}

.maru{border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px; height:10px; width:10px; display:block; float:left; margin-top:10px; margin-right:10px; border:6px solid #09b98e;}


/*--------service----------*/
.sv_top ul {
	width:630px;
}
.sv_top h2 {
	font-size:17px;
	color:#4a4d4f;
}
.sv_top li a {
	display:block;
	color:#4a4d4f;
}
.sv_top li a:hover {
	color:#94999d;
}
.sv_top li {
	float:left;
	width:300px;
	height:280px;
	border:2px #e4e7ea solid;
	margin-bottom:30px;
	text-align:center;
}
.sv_top li:nth-child(2),
.sv_top li:nth-child(4),
.sv_top li:nth-child(6) {
	float:right;
}
.sv_top li .tit {
	font-size:15px;
	margin:10px auto;
}
.sv_top li:nth-child(1) img {
	margin: 20px 0 5px;
}
.sv_top li:nth-child(2) img {
	margin: 20px 0 15px;
}
.sv_top li:nth-child(3+6) img {
	margin: 30px 0 15px;
}

.sv_top li:nth-child(4) .fas,
.sv_top li:nth-child(5) .fas {
	margin-left: .5em;
	vertical-align: text-top;
}

.sv_top .btn {
	background:#4a4d4f;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	color:#FFF;
	font-size:12px;
	width:200px;
	margin:5px auto 10px;
	padding:3px 0;
}
.sv_top .btn:hover {
	background:#94999d;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}


/*--------consulting----------*/
.consulting {
	line-height:180%;
}
.consulting .lead {
	margin: 80px 0 30px;
}

.consulting .sec {
	margin-top:50px;
}

.consulting h3 {
	color:#09b98e;
	font-size:28px;
	font-weight:normal;
	margin-bottom:20px;
}

.consulting .kv {
	float:left;
	margin-right:30px;
	margin-bottom:30px;
}
.consulting .txt {
	margin-bottom:30px;
}
.consulting .detail {
	clear:both;
}
.consulting .detail h4 {
	font-size:17px;
	margin-bottom:10px;
	color:#09b98e;
}
.consulting .detail li {
	background-color:#eaeae9;
	padding:20px;
	float:left;
	margin-right:30px;
}
.consulting .detail li:last-child {
	margin-right:0;
}
.consulting .last {
	text-align:center;
	margin:40px 0;
}

.consulting .hearing .detail li {
	width:41%;
}

.consulting .phese h3,
.consulting .phese h4 {
	color:#79c73e;
}
.consulting .phese .maru {border:6px solid #79c73e;}
.consulting .phese .detail li {
	width:24%;
}

.consulting .pdca h3,
.consulting .pdca h4 {
	color:#e4b42f;
}
.consulting .pdca .maru {border:6px solid #e4b42f;}


/*--------sp----------*/
.web {
	line-height:180%;
}
.web .lead {
	margin-bottom:-20px;
}
.web .maru {border:6px solid #e8b011;}
.web h3 {
	color:#e8b011;
	font-size:25px;
	margin-bottom:20px;
	clear:both;
	padding-top:40px;
}
.web .kv {
	float:left;
}
.web .txt {
	float:right;
}
.web .html5 .txt {
	width:68%;
}
.web .responsive .txt {
	width:62%;
}
.web .ec .txt {
	width:64%;
}
.web .app .txt {
	width:64%;
}

/*--------update----------*/
.update .maru {border:6px solid #ffe26d;}
.update .tit {
	font-size:25px;
	font-weight:bold;
	color:#e8b011;
	margin-bottom:20px;
	margin-top:40px;
}
.update span {
	color:#e8b011;
}
.update .sec01 .txt {
	font-weight:bold;
	margin-bottom:20px;
}
.update .sec01 li {
	float:left;
	width:33%;
	font-size:13px;
}
.update .sec01 li p {
	margin-bottom:10px;
}
.update .sec01 em {
	font-style:normal;
	font-size:11px;
}
.update .sec02 .txt {
	font-size:13px;
}
.update .sec02 li {
	background:#eaeae9;
	padding:20px;
	float:left;
	line-height:30px;
	width:40%;
}
.update .sec02 li:nth-child(odd) {
	margin-right:5%;
}
.update .sec02 li:nth-child(1),
.update .sec02 li:nth-child(2) {
	margin-bottom:5%;
	height:180px;
}
.update .sec02 li .st {
	font-weight:bold;
	font-size:15px;
}

.update .sec03 {
	margin-bottom:50px;
}
.update .sec03 .txt {
	font-size:14px;
}



/************************************************************************************
smaller than 960
*************************************************************************************/
@media screen and (max-width: 960px) {

#main {
	float:none;
	width:100%;
	margin-bottom:40px;
}

#side {
	float:none;
	width:100%;
}

#side .btn a {
	padding:20px 0;
	font-size:14px;
}


/*--------service----------*/
.sv_top ul {
	margin:0 auto;
}


/*--------consulting----------*/
.consulting h2 {
	text-align:center;
}
.consulting .phese .detail li {
	width:23%;
}
.consulting .pdca .kv {
	margin-bottom:80px;
}

/*--------update----------*/
.update .lead {
	text-align:center;
}

}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

.maru{border-radius:15px;-webkit-border-radius:20px;-moz-border-radius:15px; height:7px; width:7px; display:block; float:left; margin-top:7px; margin-right:7px; border:6px solid #09b98e;}

#side {
	float:none;
	width:90%;
	margin:0 auto;
}


/*--------service----------*/
.sv_top ul {
	width:80%;
	margin: 0 auto;
}
.sv_top li,
.sv_top li.consulting {
	float:none;
	width:100%;
	height:auto;
	clear:both;
}


/*--------consulting----------*/
.consulting h3 {
	font-size:20px;
}
.consulting .lead {
	margin-top:30px;
}
.consulting p {
	width:90%;
	margin: 0 auto;
}
.consulting .sec {
	margin:50px auto 0;
	width:90%;
}
.consulting .tit {
	font-size:20px;
}
.consulting .kv {
	float:none;
	text-align:center;
}
.consulting .detail li {
	margin-bottom:20px;
	float:none;
}
.consulting .hearing .detail li,
.consulting .phese .detail li {
	width:90%;
}
.consulting .pdca .kv {
	margin-bottom:30px;
}
.consulting .last {
	margin: 0 auto;
}

/*--------sp----------*/
.web .sec {
	width:90%;
	margin:0 auto;
}
.web h3 {
	font-size:20px;
}
.web .kv {
	float:none;
	text-align:center;
}
.web .kv img {
	width:auto;
}
.web .txt {
	float:none;
}
.web .html5 .txt,
.web .responsive .txt,
.web .ec .txt,
.web .app .txt {
	width:100%;
}

/*--------update----------*/
.update .tit {
	font-size:20px;
	margin:40px auto 20px;
	width:90%;
}
.update .sec01 li {
	float:none;
	width:80%;
	margin:0 auto;
}
.update .sec02 li {
	float:none;
	width:80%;
	margin: 0 auto;
}
.update .sec02 li:nth-child(3) {
	margin-bottom:5%;
}
.update .sec03 .txt {
	width:90%;
	margin:0 auto;
}



}