@charset "utf-8";

/*******************************
  個別設定
*******************************/
	.sNav {
		margin-bottom: 0;
	}

	#mainImage {
		max-width: 1500px;
		margin: 0 auto;
		position: relative;
	}
	#mainImage .headline {
		width: 100%;
		margin: 100px 0 0;
		position: absolute;
		top: 50%;
		left: 0;
	}
	#pageTitle {
		padding: 0 5%;
		color: #fff;
		font-size: 70px;
		font-weight: normal;
		line-height: 1;
		text-align: right;
	}
	
	#indexLead {
		margin: 70px 0 30px;
	}
	#indexLead .title01 {
		margin: 0 0 35px;
		font-size: 32px;
		font-weight: normal;
		text-align: center;
		line-height: 1.5;
	}
	#indexLead p {
		margin: 0 0 70px;
		font-size: 16px;
		text-align: center;
		line-height: 2;
	}
	#indexLead .title02 {
		margin: 120px 0 0;
		font-size: 40px;
		font-weight: bold;
		text-align: center;
		line-height: 1;
	}
	
	.panel.fromRight .text,
	.panel.fromRight .image {
		float: right;
	}
	.panel.fromLeft .text,
	.panel.fromLeft .image {
		float: left;
	}
	
	.panel .logo + p {
		margin-top: 20px;
	}
	.panel .name {
		font-size: 16px;
		font-weight: bold;
		line-height: 1;
	}
	.panel .logo + .name {
		margin-top: 30px;
	}
	.panel .name + p {
		margin-top: 10px;
	}
	.panel .more {
		display: inline-block;
		padding: 0 15px 0 25px;
		background: #000 url(../../common/imgs/blt-02.png) 10px 50% no-repeat;
		color: #fff;
	}
	.panel p + .more {
		margin-top: 25px;
	}
	#bnrDis,
	#bnr3Dew {
		margin-top: 30px;
		padding-bottom: 20px;
	}
	
	.sNav {
		padding: 19px 0;
	}
	.sNav li:first-child {
		margin: 0;
	}
	.sNav li {
		display: inline-block;
		margin: 0 0 0 70px;
		font-size: 13px;
		line-height: 15px;
		text-align: center;
	}
	.sNav img {
		display: block;
		max-width: 84px;
		margin: 0 auto 10px;
	}

	/* 01 */
	
	#exawave {
		margin: 11% 0;
	}
	#exawave .text {
/*		width: 29.7%;*/
		width: 36%;
		margin: 0 0 0 4.3%;
		text-align: right;
	}
	#exawave .image {
/*		width: 66%;*/
		width: 59.7%;
	}
	
	/* 02 */
	
	#doubleImpactShape {
		margin: 9.2% 0 0;
	}
	#doubleImpactShape .text {
		width: 56%;
		margin: 0 0 0 17.4%;
		padding: 2.4% 0 0;
	}
	#doubleImpactShape .image {
		width: 18.6%;
	}
	
	#excarePro3 {
		margin: 9.2% 0 0;
	}
	#excarePro3 .text {
		width: 56%;
		margin: 0 18% 0 0;
		padding: 16% 0 0;
	}
	#excarePro3 .image {
		width: 17.7%;
	}
	
	#viloop {
		margin: 12.7% 0 5%;
	}
	#viloop .text {
		width: 56%;
		margin: 0 0 0 5.4%;
		padding: 1.6% 0 0;
	}
	#viloop .image {
		width: 38.5%;
	}
	
	#MetaboShapeDi {
		margin: -3.6% 0 0;
	}
	#MetaboShapeDi .text {
		width: 56%;
		margin: 0 18% 0 0;
		padding: 16% 0 0;
	}
	#MetaboShapeDi .image {
		width: 19%;
	}
	
	#upStick {
		margin: 4% 0 5%;
	}
	#upStick .text {
		width: 56%;
		margin: 0 0 0 17.1%;
		padding: 9.1% 0 0;
	}
	#upStick .image {
		width: 17.1%;
	}
	
	/* 03 */
	
	#mildHealthP {
		margin: 10.2% 0 0;
	}
	#mildHealthP .text {
		width: 56%;
		margin: 0 0 0 3.7%;
	}
	#mildHealthP .image {
		width: 40.3%;
	}
	
	#mildHealthH {
		margin: 6.3% 0 7%;
	}
	#mildHealthH .text {
		width: 56%;
		margin: 0 5% 0 0;
		padding: 6.7% 0 0;
	}
	#mildHealthH .image {
		width: 39%;
	}
	
	/* 04 */
	
	#magneric {
		margin: 9.6% 0 0;
	}
	#magneric .text {
		width: 56%;
		margin: 0 0 0 5.4%;
		padding: 1.6% 0 0;
	}
	#magneric .image {
		width: 38.5%;
	}
	
	#mildHealthM {
		margin: 0.4% 0 3.5%;
	}
	#mildHealthM .text {
		width: 56%;
		margin: 0 8.1% 0 0;
		padding: 10.9% 0 0;
	}
	#mildHealthM .image {
		width: 35.9%;
	}
	
@media only screen and (max-width:1280px) {
	#mainImage {
	}
}
@media only screen and (max-width:900px) {
	#pageTitle {
	}
}
@media only screen and (max-width:640px) {
	#mainImage .headline {
		margin: -12px 0 0;
	}
	#pageTitle {
		font-size: 24px;
	}
	
	#indexLead {
		margin: 50px 0 20px;
	}
	#indexLead .title01 {
		margin: 0 0 30px;
		font-size: 18px;
	}
	#indexLead p {
		margin: 0 0 30px;
		line-height: 1.5;
	}
	#indexLead .title02 {
		margin: 50px 0 0;
		font-size: 24px;
	}

	.sNav {
		padding: 0;
	}
	.sNav li {
		margin: 0;
		vertical-align: top;
	}
	.sNav li:nth-child(3) a,
	.sNav li:nth-child(3) strong {
		padding: 9px 0 8px;
	}
	.sNav li:nth-child(4) a,
	.sNav li:nth-child(4) strong {
		padding: 16px 0;
	}
	.sNav strong, .sNav a.active {
		background: transparent;
		color: #010101;
	}
}
@media only screen and (max-width:480px) {
	#indexLead .title01,
	#indexLead p {
		text-align: left;
	}
	#indexLead p br.pc {
		display: none;
	}	
	
	
	
	.panel {
		margin: 0 0 30px !important;
	}
	.panel:first-child {
		margin-top: 30px !important;
	}
	.panel.fromRight .text,
	.panel.fromRight .image,
	.panel.fromLeft .text,
	.panel.fromLeft .image {
		float: none;
	}
	.panel .text {
		width: auto !important;
		margin: 0 0 20px !important;
		text-align: left !important;
	}
	.panel .image {
		width: auto !important;
		text-align: center;
	}
	
	#bnrDis {
		margin-top: 20px;
		padding-bottom: 0;
	}
	
}

	/* data */
	
	#data {
		font-size: 12px;
		line-height: 1.5;
	}
	#data .side {
		width: 24%;
		margin: 0 6% 0 0;
		float: left;
		text-align: center;
	}
	#data .side img {
		display: block;
	}
	#data .side a {
		padding: 0 0 0 15px;
		background: url(../../common/imgs/blt-03.png) 0 50% no-repeat;
	}
	#data .main {
		width: 70%;
		margin: 0 0 25px;
		float: left;
	}
	#data .main .title {
		margin: 60px 0 0;
		padding: 10px 15px;
		background: #000;
		color: #fff;
		font-size: 14px;
		line-height: 20px;
	}
	#data .main .title:first-child {
		margin: 0;
	}
	#data .main table {
		width: 100%;
		border-bottom: 1px solid #ccc;
	}
	#data .main th,
	#data .main td {
		box-sizing: border-box;
		border-top: 1px solid #ccc;
		padding: 10px;
		vertical-align: middle;
	}
	#data .main th {
		width: 30%;
	}
	#data .main td + td {
		width: 42%;
	}
	#data .note {
		margin-top: 8px; 
		font-size: 10px;
	}
	#data .title + p {
		margin: 10px 0 0;
	}
	#data .subTitle {
		margin: 15px 0 0;
	}
	
	#data .main .table02 {
		width: 48%;
		float: left;
	}
	#data .main .table02:first-child {
		margin: 0 4% 0 0;
	}
	#data .main .table02 th {
		width: 77%;
	}
@media only screen and (max-width:640px) {
	#data .side {
		width: 240px;
		margin: 30px 0 0;
		padding: 0 0 30px;
		float: none;
	}
	#data .main {
		width: auto;
		float: none;
	}
	#data .main .table02 {
		width: 100%;
		float: none;
	}
	#data .main .table02 th {
		width: 30%;
	}
	#data .main .table02:first-child {
		margin: 0;
		border-bottom: none;
	}
}
@media only screen and (max-width:480px) {
	/*#data .main table,
	#data .main tbody,
	#data .main tr,
	#data .main th,
	#data .main td {
		display: block;
		width: auto !important;
	}
	#data .main table .blank {
		display: none;
	}
	
	#data .main td {
		border-top-style: dotted;
	}
	#data .main td + td {
		width: auto;
		border-top-style: none;
		padding: 0 10px 10px 20px;
	}*/
}