@charset "utf-8";
/* CSS Document */

@media all and (min-width: 641px) {

	body.company #title{
		background-image:url(../images/company/title.jpg);
	}


	/* ------------------------------------index */
	body#company-index #greeting .image{
		width: 400px;
	}
	body#company-index #greeting .text{
		width: 750px;
		font-size: 18px;
	}
	body#company-index #greeting .text p{
		margin-bottom: 20px;
	}
	body#company-index #business .image{
		width: 475px;
	}
	body#company-index #business .text{
		width: 680px;
		font-size: 18px;
	}
	body#company-index #business .text p{
		margin-bottom: 20px;
	}

	/* ------------------------------------outline */
	body#company-outline #outline{
		padding-bottom: 0;
	}
	body#company-outline #outline .type02 th{
		width: 235px;
	}
	body#company-outline #outline .type02 .qualified-list{
		float: left;
		margin-right: 30px;
	}
	body#company-outline #outline .type02 .address dt{
		clear:left;
		float: left;
	}
	body#company-outline #outline .type02 .address dd{
		padding-left: 110px;
	}
	body#company-outline #outline .type02 .qualified-list dt{
		clear:left;
		float: left;
	  padding-left: 10px;
	  background-image:url(../images/common/listmark-disc.png);
	  background-size:4px auto;
	  background-position:left center;
	  background-repeat:no-repeat;
	}
	body#company-outline #outline .type02 .qualified-list dd{
		padding-left: 230px;
	}
	body#company-outline #outline .type02 .relation-terravic dt{
		clear:left;
		float: left;
	}
	body#company-outline #outline .type02 .relation-terravic dd{
		padding-left: 110px;
	}
	body#company-outline #outline .type02 .organization-list > li{
		float: left;
		width: 325px;
	}
	body#company-outline #history .type02 th{
		width: 235px;
	}
	body#company-outline #history .type02 td{
		padding: 0 20px;
		font-size: 22px;
	}
	body#company-outline .listmark-table li{
		width: 25%;
		float: left;
		padding: 10px 10px 10px 30px;
		border-bottom: 1px solid #B5B5B6;
	}
}

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


	body.company #title{
		background-image:url(../images/company/title_sp.jpg);
	}
	/* ------------------------------------index */
	body#company-index #greeting .text{
		font-size: 16px;
	}
	body#company-index #greeting .text p{
		margin-bottom: 20px;
	}
	body#company-index #greeting .text,
	body#company-index #greeting .image{
		width: 100%;
	}
	body#company-index #business .text{
		font-size: 16px;
	}
	body#company-index #business .text p{
		margin-bottom: 20px;
	}
	body#company-index #business .text,
	body#company-index #business .image{
		width: 100%;
	}

	/* ------------------------------------outline */
	body#company-outline #outline{
		padding-bottom: 0;
	}
	body#company-outline #outline .type02 th,
	body#company-outline #outline .type02 td{
		display: block;
		width: 100%;
	}
	body#company-outline #outline .type02 .qualified-list dt{
		float: none;
	  padding-left: 10px;
	  background-image: url(../images/common/listmark-disc.png);
	  background-size: 4px auto;
	  background-position: left center;
	  background-repeat: no-repeat;
	}
	body#company-outline #outline .type02 .qualified-list dd{
		padding-left: 180px;
	}
	body#company-outline #outline .type02 .relation-terravic dt{
		font-weight: bold;
	}
	body#company-outline #outline .type02 .relation-terravic dd{
		padding-left: 0;
	}
	body#company-outline #history .type02 th{
		width: 70px;
	}
	body#company-outline #history .type02 td{
		padding: 0 10px;
		font-size: 16px;
	}
	body#company-outline .listmark-table li{
		display: inline-block;
		padding: 5px;
	}


}
