/******************************************/
/*##################################################################################################*/

@media (min-width:768px) {
.top_mimg{
	margin:0px auto;
	padding:60px 0px 0px 0px;
	width:100%;
	height:115px;
	text-align:center;
	font-size:30px;
	color:#000;
        font-family: "Jun 201";
        display:block;
        background:url(../img/service/service_mbg.png);
        background-repeat:no-repeat;
	background-position:top center;
	background-color:#c7e67f;
}
.smidashi{
	margin:20px auto 0px auto;
	padding:0px;
	width:100%;
	max-width:1100px;
	height:145px;
	text-align:center;
	font-size:30px;
	color:#000;
        font-family: "Jun 501";
	font-weight:bold;
        display:block;

}

.mmidashi{
        margin:20px auto 0px auto;
	width:1100px;
	height:70px;
	color:#000;
	font-size:23px;
	text-align:center;
	font-weight:bold;
	line-height:70px;
        display:block;
	border-radius:15px;
        background:url(../img/company/m_bn.jpg);
        background-repeat:no-repeat;
        background-position:top right;
        font-family: "Jun 501";
	background-color:#e9f5cc;
}

.top_cbox{
	width:880px;
	margin:30px auto 0px auto;
	padding:0px;
	text-align:center;
	overflow:hidden;
}

.img_cbox{
	width:880px;
	margin:30px auto 0px auto;
	padding:0px;
	text-align:center;
	overflow:hidden;
}
.img_cbox img{
	width:430px;
	margin-bottom:10px;
}
.ml2{
	margin-left:13px;
}
.top_map{
	width:100%;
	max-width:880px;
	height:45vw;
	margin:30px auto 0px auto;
	padding:0px;
	overflow:hidden;
}

.txt_cbox{
	width:880px;
	margin:30px auto 0px auto;
	padding:0px;
	color:#000;
	font-size:22px;
	text-align:center;
	font-weight:bold;
        font-family: "Jun 501";
	overflow:hidden;
}
.txt_cbox2{
	width:880px;
	margin:30px auto 0px auto;
	padding:0px;
	color:#000;
	font-size:30px;
	text-align:center;
	font-weight:bold;
        font-family: "Kaimin Sora Bold";
	overflow:hidden;
}
.txt_lbox{
	width:880px;
	margin:30px auto 0px auto;
	padding:0px;
	color:#000;
	font-size:16px;
	text-align:left;
	font-weight:normal;
	line-height:30px;
	overflow:hidden;
}
.txt_lbox .title{
        font-family: "Jun 501";
}
.txt_lbox .grn{
	color:#91cd00;
	font-size:16px;
}
.txt_lbox a, .txt_lbox a:hover{
	color:#009f3a;
	font-size:16px;
}
.txt_l2box{
	width:880px;
	margin:10px auto 0px auto;
	padding:0px;
	color:#000;
	font-size:16px;
	text-align:left;
	font-weight:normal;
	line-height:30px;
	overflow:hidden;
}
.txt_rbox{
	width:880px;
	margin:20px auto 0px auto;
	padding:0px;
	color:#000;
	font-size:16px;
	text-align:right;
	font-weight:normal;
	line-height:28px;
	overflow:hidden;
}
.ltitle{
	width:880px;
	margin:30px auto -10px auto;
	padding:0px;
	color:#000;
	font-size:18px;
	text-align:left;
	font-weight:normal;
	line-height:36px;
        font-family: "Jun 501";

}
.ltitle .grn{
	color:#91cd00;
	font-size:18px;
	text-align:left;
	font-weight:normal;
	line-height:36px;
}
table.tb {
  border-collapse: collapse;
        margin:20px auto 0px auto;
	padding:0px;
	width:880px;
	color:#000;
	font-size:16px;
	text-align:left;
	font-weight:normal;
	overflow:hidden;
}
table.tb th {
  width:20%;
  padding: 2% 0px;
  white-space: nowrap;
  font-size:18px;
  text-align:left;
  font-family: "Jun 501";
  font-weight:bold;
  text-indent:1em;
  background: #91cd00;
  color:#FFF;
	border-bottom:solid 3px #fff;
	border-right:solid 3px #fff;
}
table.tb td {
        margin:0px;
	padding:2% 3% 2% 2%;
	width:74.5%;
	color:#000;
	font-size:16px;
	text-align:left;
	font-weight:normal;
	background-color:#f2f2f2;
	overflow:hidden;
	border-bottom:solid 3px #fff;
}


.img_box{
        margin:30px auto 0px auto;
	padding:0;
	width:890px;
        display:block;
	overflow:hidden;
}

.img_box .lbox{
        margin:0px 0px 10px 0px;
	padding:0;
	width:430px;
	font-size:16px;
	text-align:left;
	font-weight:normal;
	line-height:23px;
        display:block;
	overflow:hidden;
	float:left;
}
.img_box .rbox{
        margin:0px 0px 10px 0px;
	padding:0;
	width:430px;
	font-size:16px;
	text-align:left;
	font-weight:normal;
	line-height:23px;
        display:block;
	overflow:hidden;
	float:right;
}



.mr5{
margin-right:5%;
}
.ml5{
margin-left:5%;
}
.mr3{
margin-right:3%;
}

}

/******************************************/
/*##################################################################################################*/

@media screen and (min-width:768px) and ( max-width:1300px) {
.top_mimg{
	margin:0px auto;
	padding:0px 0px 0px 0px;
	width:100%;
	height:16vw;
	text-align:center;
	font-size:2.4vw;
	line-height:15vw;
	color:#000;
        font-family: "Jun 201";
        display:block;
        background:url(../img/company/company_top.jpg);
        background-repeat:no-repeat;
        background-position:center;
        background-size:130%;
}
.smidashi{
	margin:20px auto 0px auto;
	padding:0px;
	width:100%;
	max-width:1100px;
	height:145px;
	text-align:center;
	font-size:30px;
	color:#000;
        font-family: "Jun 501";
	font-weight:bold;
        display:block;

}

.mmidashi{
        margin:2% auto 0px auto;
	width:90%;
	height:70px;
	color:#000;
	font-size:2.1vw;
	text-align:center;
	font-weight:bold;
	line-height:70px;
        display:block;
	border-radius:15px;
        background:url(../img/company/m_bn.jpg);
        background-repeat:no-repeat;
        background-position:top right;
        font-family: "Jun 501";
	background-color:#e9f5cc;

}
.top_map{
	width:80%;
	height:45vw;
	margin:30px auto 0px auto;
	padding:0px;
	overflow:hidden;
}
.top_cbox{
	width:80%;
	margin:3% auto 0px auto;
	padding:0px;
	text-align:center;
	overflow:hidden;
}
.top_cbox img{
	width:100%;
}
.img_cbox{
	width:70%;
	margin:3% auto 0px auto;
	padding:0px;
	text-align:center;
	overflow:hidden;
}
.img_cbox img{
	width:48%;
	margin-bottom:2%;
}
.ml2{
	margin-left:13px;
}

.txt_cbox{
	width:90%;
	margin:3% auto 0px auto;
	padding:0px;
	color:#000;
	font-size:2vw;
	text-align:center;
	font-weight:bold;
        font-family: "Jun 501";
	overflow:hidden;
}
.txt_cbox2{
	width:90%;
	margin:3% auto 0px auto;
	padding:0px;
	color:#000;
	font-size:2.6vw;
	text-align:center;
	font-weight:bold;
        font-family: "Kaimin Sora Bold";
	overflow:hidden;
}
.txt_lbox{
	width:80%;
	margin:3% auto 0px auto;
	padding:0px;
	color:#000;
	font-size:1.6vw;
	text-align:left;
	font-weight:normal;
	line-height:2.6vw;
	overflow:hidden;
}
.txt_lbox .grn{
	color:#91cd00;
	font-size:1.6vw;
}
.txt_lbox a, .txt_lbox a:hover{
	color:#009f3a;
	font-size:1.6vw;
}
.txt_l2box{
	width:80%;
	margin:2% auto 0px auto;
	padding:0px;
	color:#000;
	font-size:1.6vw;
	text-align:left;
	font-weight:normal;
	line-height:2.6vw;
	overflow:hidden;
}
.txt_rbox{
	width:80%;
	margin:2% auto 0px auto;
	padding:0px;
	color:#000;
	font-size:1.4vw;
	text-align:right;
	font-weight:normal;
	line-height:2.6vw;
	overflow:hidden;
}
.ltitle{
	width:80%;
	margin:3% auto 0% auto;
	padding:0px;
	color:#000;
	font-size:1.6vw;
	text-align:left;
	font-weight:normal;
	line-height:2.6vw;
        font-family: "Jun 501";

}
.ltitle .grn{
	color:#91cd00;
	font-size:1.6vw;
	text-align:left;
	font-weight:normal;
	line-height:2.6vw;
}
table.tb {
  border-collapse: collapse;
        margin:2% auto 0% auto;
	padding:0px;
	width:80%;
	color:#000;
	font-size:16px;
	text-align:left;
	font-weight:normal;
	overflow:hidden;
}
table.tb th {
  width:20%;
  padding: 2% 0px;
  white-space: nowrap;
  font-size:1.6vw;
  text-align:left;
  font-family: "Jun 501";
  font-weight:bold;
  text-indent:1em;
  background: #91cd00;
  color:#FFF;
	border-bottom:solid 3px #fff;
	border-right:solid 3px #fff;
}
table.tb td {
        margin:0px;
	padding:2% 3% 2% 2%;
	width:74.5%;
	color:#000;
	font-size:1.4vw;
	text-align:left;
	font-weight:normal;
	background-color:#f2f2f2;
	overflow:hidden;
	border-bottom:solid 3px #fff;
}


.img_box{
        margin:3% auto 0px auto;
	padding:0;
	width:80%;
        display:block;
	overflow:hidden;
}

.img_box .lbox{
        margin:0px 0px 2% 0px;
	padding:0;
	width:48%;
	font-size:1.4vw;
	text-align:left;
	font-weight:normal;
	line-height:2.1vw;
        display:block;
	overflow:hidden;
	float:left;
}
.img_box .rbox{
        margin:0px 0px 2% 0px;
	padding:0;
	width:48%;
	font-size:1.4vw;
	text-align:left;
	font-weight:normal;
	line-height:2.1vw;
        display:block;
	overflow:hidden;
	float:right;
}



.mr5{
margin-right:5%;
}
.ml5{
margin-left:5%;
}
.mr3{
margin-right:3%;
}

}

/******************************************/
/*##################################################################################################*/


@media (max-width:767px) {

.top_mimg{
	margin:73px auto 0px auto;
	padding:8% 0% 10% 0%;
	width:100%;
	text-align:center;
	font-size:16px;
	color:#000;
        font-family: "Jun 201";
        display:block;
        background:url(../img/company/company_top.jpg);
        background-repeat:no-repeat;
        background-position:center;
        background-size:170%;
}
.smidashi{
	margin:20px auto 0px auto;
	padding:0px;
	width:100%;
	max-width:1100px;
	height:145px;
	text-align:center;
	font-size:30px;
	color:#000;
        font-family: "Jun 501";
	font-weight:bold;
        display:block;

}

.mmidashi{
        margin:2% auto 0% auto;
	width:90%;
	height:50px;
	color:#000;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	line-height:50px;
        display:block;
	border-radius:10px;
        background:url(../img/company/m_bn.jpg);
        background-repeat:no-repeat;
        background-position:top right;
        font-family: "Jun 501";
	background-color:#e9f5cc;
	background-size:135px;
}
.top_map{
	width:90%;
	height:45vw;
	margin:30px auto 0px auto;
	padding:0px;
	overflow:hidden;
}
.top_cbox{
	width:90%;
	margin:3% auto 0px auto;
	padding:0px;
	text-align:center;
	overflow:hidden;
}
.top_cbox img{
	width:100%;
}
.img_cbox{
	width:90%;
	margin:3% auto 0% auto;
	padding:0px;
	text-align:center;
	overflow:hidden;
}
.img_cbox img{
	width:100%;
	margin-bottom:1%;
}
.ml2{
	margin-left:0;
}

.txt_cbox{
	width:90%;
	margin:3% auto 0% auto;
	padding:0px;
	color:#000;
	font-size:14px;
	text-align:center;
	font-weight:bold;
        font-family: "Jun 501";
	overflow:hidden;
}
.txt_cbox2{
	width:90%;
	margin:3% auto 0% auto;
	padding:0px;
	color:#000;
	font-size:14px;
	text-align:center;
	font-weight:bold;
        font-family: "Kaimin Sora Bold";
	overflow:hidden;
}
.txt_lbox{
	width:90%;
	margin:3% auto 0% auto;
	padding:0px;
	color:#000;
	font-size:12px;
	text-align:left;
	font-weight:normal;
	line-height:21px;
	overflow:hidden;
}
.txt_lbox .grn{
	color:#91cd00;
	font-size:12px;
}
.txt_lbox a, .txt_lbox a:hover{
	color:#009f3a;
	font-size:12px;
}
.txt_l2box{
	width:90%;
	margin:1% auto 0px auto;
	padding:0px;
	color:#000;
	font-size:12px;
	text-align:left;
	font-weight:normal;
	line-height:21px;
	overflow:hidden;
}
.txt_rbox{
	width:90%;
	margin:2% auto 0% auto;
	padding:0px;
	color:#000;
	font-size:12px;
	text-align:right;
	font-weight:normal;
	line-height:21px;
	overflow:hidden;
}
.ltitle{
	width:90%;
	margin:3% auto 0% auto;
	padding:0px;
	color:#000;
	font-size:14px;
	text-align:left;
        font-family: "Jun 501";
	font-weight:bold;
	line-height:24px;
}
.ltitle .grn{
	color:#91cd00;
	font-size:16px;
	text-align:left;
	font-weight:normal;
	line-height:30px;
}
table.tb {
  border-collapse: collapse;
        margin:2% auto 0% auto;
	padding:0px;
	width:90%;
	color:#000;
	font-size:12px;
	text-align:left;
	font-weight:normal;
	overflow:hidden;
}
table.tb th {
  width:24%;
  padding: 2% 0px;
  white-space: nowrap;
  font-size:12px;
  text-align:left;
  font-family: "Jun 501";
  font-weight:bold;
  text-indent:1em;
  background: #91cd00;
  color:#FFF;
	border-bottom:solid 3px #fff;
	border-right:solid 3px #fff;
}
table.tb td {
        margin:0px;
	padding:2% 3% 2% 2%;
	width:70.5%;
	color:#000;
	font-size:12px;
	text-align:left;
	font-weight:normal;
	background-color:#f2f2f2;
	overflow:hidden;
	border-bottom:solid 3px #fff;
}


.img_box{
        margin:3% auto 0px auto;
	padding:0;
	width:90%;
        display:block;
	overflow:hidden;
}

.img_box .lbox{
        margin:0px 0px 10px 0px;
	padding:0;
	width:100%;
	font-size:12px;
	text-align:left;
	font-weight:normal;
	line-height:21px;
        display:block;
	overflow:hidden;
}
.img_box .rbox{
        margin:0px 0px 10px 0px;
	padding:0;
	width:100%;
	font-size:12px;
	text-align:left;
	font-weight:normal;
	line-height:21px;
        display:block;
	overflow:hidden;
}
.img_box img{
	width:100%;
}



.mr5{
margin-right:5%;
}
.ml5{
margin-left:5%;
}
.mr3{
margin-right:3%;
}

}

/*#######################################################################################*/




.clear{
	clear:both;
}
.list60{
width:60px;
padding:3px 2px;
}
.list130{
width:130px;
padding:3px 2px;
}
.list250{
width:270px;
padding:3px 2px;
}