@charset "utf-8";

:root {
	--Gld: #b79a41;
	--Gldr: #e8c865;
}
*{
	box-sizing: border-box;
}

.iwrap{
	font-family: var(--Fyg);
}
.iwrap h2{
	margin: 40px;
	font-size: 40px;
	text-align: center;
}
.iwrap h3{
	font-size: 30px;
	text-align: center;
}
.iwrap .Fs30{
	font-size: 30px;
}
.iwrap .TWt{
	color: #fff;
}
.iwrap .BdRd{
	border-bottom: var(--ReD);
}
.iwrap .BdBK{
	border-bottom: 1px solid var(--ReD);
}
.iwrap .BrDeBK{
	border-bottom: 5px double #000;
}
.iwrap .BrDdBK{
	border-bottom: 5px dotted #000;
}
.iwrap .BrDsGld{
	border-bottom: 5px dashed var(--Gld);
}
.iwrap .BrDeGld{
	border-bottom: 5px double var(--Gld);
}
.iwrap .BrDdGld{
	border-bottom: 5px dotted var(--Gld);
}

.iwrap .TGld{
	color: var(--Gld);
}
.iwrap .TGldr{
	color: var(--Gldr);
}
.iwrap .BgGld{
	color: #fff;
	background-color: var(--Gld);
}
.iwrap .BrBK{
	padding: 2px 10px;
}
.iwrap .GrayBg {
	background: #f7f7f7;
  position: relative;
  overflow: hidden;
	clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0 100%);
	padding-top: 100px;
}
.iwrap .dline {
	text-decoration: underline double #000;
}
.iwrap .mark {
	border-bottom: 2px dotted #000;
}
.iwrap .BgReD {
	color: #fff;
  background-color: var(--ReD);
}

.iwrap img.dsha{
	filter: drop-shadow(12px 9px 7px #ccc);
}
.iwrap .strip{
	position: relative;
	display: inline-block;
	padding: 0 10px;
}
.iwrap .strip:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -25px;
	width: 100%;
	height: 10px;
	background: -webkit-repeating-linear-gradient(45deg, rgb(0, 0, 0), rgb(0, 0, 0) 2px, transparent 2px, transparent 6px);
	background: repeating-linear-gradient(45deg, rgb(0, 0, 0), rgb(0, 0, 0) 2px, transparent 2px, transparent 6px);
}

.iwrap .awo{
	flex-direction: column;
	bottom: 72px;
	left: 40px;
}
.iwrap .awo li{
	margin-top: 40px;
}
.cta1 .awo{
	left: -80px;
	bottom: 19px;
}
.cta1 .awo li{
	margin-top: 20px;
}

/*FVS*/
.fv {
	background: url(/images/item/sup/tpr/fvbg_0212.jpg) no-repeat center top;
	background-size: auto 100%;
	height: 1170px;
}
.fv img{
	display: block;
	margin: 0 auto;
}

/*FVE*/

.iwrap .Cta h3{
	text-align: center;
	font-size: 30px;
}
.iwrap .Cta h3 span{
	margin-left: 10px;
	padding: 5px;
	font-size: .6em;
	letter-spacing: 1px;
	vertical-align: middle;
}

/*plusS*/
.plus{
	justify-content: space-around;
}
.plusBgG,.plusBgB{
	position: relative;
	height: 200px;
	width: 50%;
}
.plusBgG{
	background: #f5f5f5;
}
.plusBgB{
	background: #e5e5e5;
}
.plus .box{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 150px;
	width: 400px;
}
.plusBgG .box{
	right: 40px;
}
.plusBgB .box{
	left: 40px;
}
.plusBgB p{
	margin-top: 20px;
	font-size: 20px;
	color: #000;
	background: #fff;
}
.plus li {
	margin-right: 50px;
	padding-right: 0;
	position: relative;
}
.plus li:last-of-type{
	margin-right: 0;
}
.plus li::before, .plus li::after {
	content: "";
	border-right: 1px #000 solid;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	margin: auto;
	right: -40px;
}
.plus li:last-of-type:before, .plus li:last-of-type:after {
	content: none;
}
.plus li:before {
	transform: rotate(45deg);
	top: -40px;
	bottom: 0;
}
.plus li:after {
	transform: rotate(-45deg);
	top: 3px;
	bottom: 0;
}
/*plusE*/

/*authorityS*/
.authority{
	margin: 50px auto 30px;
}
/*
.authority h3{
	position: relative;
	font-weight: bold;
}
.authority h3:before,.authority h3:after {
	content: "";
	border-right: 2px #000 solid;
	width: 70px;
	height: 70px;
	display: block;
	position: absolute;
	margin: 0;
}
.authority h3:before {
	transform: rotate(25deg);
	top: 6px;
	bottom: 0;
	right: 257px;
}
.authority h3:after {
	transform: rotate(-25deg);
	top: 33px;
	bottom: 0;
	left: 185px;
}
*/
/*authorityE*/

/*awoBoxS*/
.awoBox{
	margin: 155px auto;
}
.awoBox li {
	margin: 0 10px;
}
/*awoBoxE*/


/*synergyS*/
.synergyBg{
	margin-top: 80px;
	background: url(/images/item/sup/tpr/synergybg_241101.jpg) no-repeat center bottom;
	background-size: cover;
}
.synergyBg span.tag {
	padding: 10px;
	bottom: 0;
  margin-left: -35px;
}
.synergyBg .box1 {
	width: 1000px;
	margin: 50px auto;
}
.synergyBg .box1 li span.whLine {
	background: #fff;
	padding: 12px 50px;
}
.chomei_ttl {
	width: 100%;
}
.chomei {
	width: min(65%,1052px);
	margin: -5% auto 0;
	display: block;
}

.iwrap .BrRs{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 570px;
	position: absolute;
	top: -30px;
	right: -50px;
}
.iwrap .BrRs li{
	background: #585855;
	border-radius: 50%;
	color: #fff;
	width: 130px;
	height: 130px;
	text-align: center;
	vertical-align: middle;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	font-size: 12px;
	margin: 70px;
}
.iwrap .BrRs li::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	margin: auto;
	width: 120px;
	height: 120px;
	border: 1px solid #ccc;
	border-radius: 50%;
}
.synergy .BrRs li:first-of-type {
	margin: 70px 205px;
}
.synergy .BrBK{
	padding: 2px 10px;
	top: 400px;
	right: 209px;
}
/*synergyE*/

/*snsS*/
.snsvoi {
	padding-bottom: 100px;
}
.snsvoi h3{
	font-size: 45px;
}
.snsvoi .snsvoiBg {
	background: url(/images/item/sup/tpr/snsbg.jpg) no-repeat;
	background-size: cover;
	padding-bottom: 80px;
}
.snsvoi li {
	position: relative;
	margin-bottom: 30px;
}
.snsvoi .fle {
	flex-wrap: wrap;
}
.snsvoi img {
	width: 800px;
	height: auto;
}
.snsvoi p {
	font-size: 35px;
	position: absolute;
	color: #fff;
	top: 125px;
	left: 400px;
}
.snsvoi p.name {
	font-size: 25px;
	top: 279px;
}
.snsvoi p.note {
	position: static;
	width: 1000px;
	margin: 0 auto;
	text-align: right;
}
/*snsE*/

/*bodymakeS*/
.bodymakeBg{
	margin: 100px 0 0;
	padding: 10px 0 100px;
	background: url(/images/item/sup/tpr/bodymakebg.jpg) no-repeat center bottom;
	background-size: cover;
	background-attachment: fixed;
}
.bodymake .img1 {
	top: -70px;
	left: 0;
	right: 0;
	margin: auto;
}
.bodymake .img2 {
	top: -23px;
	right: 210px;
}
.bodymake {
	background: url(/images/item/sup/tpr/bodymakebg_1012.jpg) no-repeat;
	background-size: cover;
	margin-top: 110px;
}
.why h3::after {
	content: '';
	background: url(/images/item/sup/tpr/line.png) no-repeat bottom;
	display: block;
	width: 500px;
	height: 50px;
	background-size: 90%;
	margin: 0 auto;
}
.bodymake h3 {
	padding-top: 110px;
	margin-bottom: 20px;
	font-size: 50px;
}
/*bodymakeS*/

/*cta1S*/
.cta1Bg{
	padding: 0 0 70px 0;
}
.cta1Bg .balloon{
	position: relative;
	display: inline-block;
	border-bottom: 1px solid #666;
}
.cta1Bg .balloon:before,.cta1Bg .balloon:after {
	position: absolute;
	top: 100%;
	left:50%;
	transform:translateX(-50%);
	content: '';
	border: 10px solid transparent;
}
.cta1Bg .balloon:before {
	border-top: 10px solid #000;
}
.cta1Bg .balloon:after {
	margin-top: -1px;
	border-top: 10px solid #fff;
	border-left: 10px solid #fff;
}
.cta1Bg img.poab{
	left: -210px;
}
.cta1Bg .att{
	margin: 10px auto;
	width: 1150px;
}
.iwrap .cta1 .Cta{
	margin: 0;
}
/*cta1E*/

/*sizeS*/
.sizeBg1{
	background: #f5f5f5;
	padding-bottom: 80px;
}
.sizeBg2 {
	padding-top: 80px;
	padding-bottom: 140px;
	overflow: hidden;
	position: relative;
}
.sizeBg2:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height: 98%;
	margin: 0 -10% 0;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
	background: #fff;
}
.size .tag {
	margin: auto;
	padding-bottom: 50px;
	width: 40px;
	writing-mode: vertical-lr;
	font-size: 40px;
	line-height: 1;
	letter-spacing: .1em;
}
.size h3{
	text-align: center;
	width: 430px;
}
.size .ballon,.size .ballon:before {
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	display: block;
	background: #000;
}
	.size .ballon{
	color: #fff;
	width: 9em;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	top: -60px;
}
.size .ballon:before {
	content: "";
	bottom: -10px;
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
}
/*sizeE*/

/*worriesS*/
.worrBg{
	padding: 30px 0;
	/* height: 620px; */
	background: url(/images/item/sup/tpr/worrbg.jpg) no-repeat center center;
	background-size: cover;
}
.worrBg .but {
	display: block;
	position: absolute;
	bottom: -45px;
	left: 42%;
}
.worr h3{
	margin-bottom: 25px;
	font-size: 50px;
	color: #fff;
	line-height: 1.3;
}
.worr{
	position: relative;
}
.worr li{
	position: absolute;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
}
.worr li:first-of-type{
	top: 178px;
	left: 270px;
}
.worr li:nth-of-type(2){
	top: 256px;
	right: 266px;
}
.worr li:last-of-type{
	top: 428px;
	left: 293px;
}
/*worrE*/

/*tpr1S*/
.tpr1{
	padding: 120px 0 0;
}
.tpr1 .img1{
	margin: auto;
	display: block;
	right: 0;
	left: 0;
	top: -30px;
}
.tpr1 h3{
	display: inline-block;
	margin-bottom: 30px;
	padding: 0 10px;
	font-size: 42px;
	line-height: 1.4;
	font-weight: bold;
}
.tpr1 .box{
	margin: 35px auto;
	width: 500px;
	border: 1px dotted #000;
}
.tpr1 .box p{
	display: inline-block;
	margin-top: -1em;
	padding: 0 10px;
	font-size: 20px;
	font-weight: bold;
	background: #fff;
}
.tpr1 .box .BrRs{
	position: relative;
	justify-content: space-around;
	top: 0;
	right: 0;
	margin: 40px 0;
	font-size: 45px;
	width: 500px;
}
.tpr1 .box li{
	margin: 0;
	font-size: 30px;
	background: #000;
}
.tpr1 .BrRs li:after {
	border: 1px solid #fff;
}
.tpr1 .box li:first-of-type:before,.tpr1 .box li:last-of-type:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	margin: auto;
	width: 0px;
	height: 60px;
	border: 1px #000 solid;
}
.tpr1 .box li:first-of-type:before {
	transform: rotate(45deg);
	right: -60px;
}
.tpr1 .box li:last-of-type:before {
	transform: rotate(-45deg);
	left: -63px;
}
.tpr1 .BgGld{
	padding: 6px 10px;
}
.tpr1 .tprBg{
	background: url(/images/item/sup/tpr/tprbg.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	padding: 50px 0 220px;
	margin-top: 40px;
}
.tpr1 .tprBg h3{
	line-height: 2;
}
.tpr1 .tprBg h3 img{
	position: absolute;
	left: 430px;
	top: 46px;
}
.tpr1 .tprBg .box1 {
	margin-bottom: 120px;
	position: relative;
}
.tpr1 .tprBg ul.mov li {
	display: flex;
	justify-content: center;
	align-items: baseline;
  margin-bottom: 40px;
}
.tpr1 .box1 .Name,.tpr1 .box1 .tit,.tpr1 .box1 .tag{
	position: absolute;
	text-align: center;
}
.tpr1 .box1 .Name{
	bottom: -46px;
	left: 100px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.tpr1 .box1 .tit{
	right: 194px;
	top: 372px;
	font-weight: bold;
	font-size: 16px;
}
.tpr1 .box1 .BrRs {
	width: 460px;
	top: 220px;
	right: 30px;
}
.tpr1 .box1 .tag{
	display: inline-block;
	right: 43%;
	padding: 0 10px;
	bottom: 5px;
}
.tpr1 .box1 .BrRs li {
	margin: 50px;
}
.tpr1 .box1 .BrRs li:first-of-type {
	margin: 0 160px 60px;
}
.tpr1 .tprBg .box2{
	margin-top: 200px;
}
.tpr1 .box2 .fle{
	align-items: center;
}
.tpr1 .box2 .boxs{
	font-size: 1.3em;
	width: 620px;
}

.tpr1 .box2 .BgGld:before{
	position: absolute;
	border: 1px solid #ccc;
}
.tpr1 .box2 .BgBK{
	padding: 2px 10px;
}
.tpr1 .box2 li{
	font-size: 0;
}
.tpr1 .box2 li span {
	padding: 0 10px;
	margin-bottom: 10px;
	display: inline-block;
	line-height: 1.2;
	font-size: 23px;
}
.tpr1 .boxBg {
	width: 220px;
	height: 100px;
	font-size: 22px;
	text-align: center;
	background: #fff;
	padding: 30px;
}
/*tpr1E*/

/*supplyS*/
.supplyBg1{
	margin-top: -260px;
	padding-top: 150px;
	width: 100%;
	overflow: hidden;
}
.supplyBg2{
	margin: 0 -2.5% 50px;
	padding-top: 20px;
	transform: rotate(-3deg);
	width: 105%;
	background: #fff;
}
.supply{
	transform: rotate(3deg);
	padding: 50px 0;
}
.supply .fle{
	justify-content: space-around;
}
.supply .BrRs {
	position: relative;
	top: 0;
	right: 0;
	margin: 10px 10px 30px;
	width: auto;
	color: #fff;
}
.iwrap .supply .BrRs li {
	margin: 20px;
	font-size: 18px;
	line-height: 1.4;
	font-weight: bold;
}
.supply .awo{
	margin: auto;
		width: 700px;
	flex-direction: row;
}
/*supplyE*/

/*voiceS*/
.voi1 .fle .pore {
	width: 500px;
}
.voi1 .box1{
	margin-top: 40px;
}
.voi1 .box2{
	flex-direction: row-reverse;
	margin-top: 80px;
}
.voi1 .Name{
	top: -20px;
	right: 10px;
	display: flex;
	align-content: center;
	justify-content: end;
	flex-direction: column;
	width: 120px;
	height: 120px;
	font-weight: bold;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #000;
	overflow: hidden;
}
.voi1 .box2 .Name{
	left: 10px;
	right: auto;
}
.voi1 .Name .tag1{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	line-height: 1.4;
}
.voi1 .Name .BgBK {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px 0 10px;
	height: 50%;
 color: #fff;
 font-size: .7em;
	line-height: 1.1;
}
.voi1 .fle .txt {
	width: 410px;
	font-size: 1.2em;
}
.voi1 .txt h4{
	margin-bottom: 30px;
	padding-bottom: 10px;
	font-size: 1.5em;
	font-weight: bold;
}
/*voi1S*/


/*leucineS*/
.leucine{
	margin: 80px auto;
}
	.leucineBg1{
	padding: 50px 0 130px;
	background: url(/images/item/sup/tpr/leucinebg1.png) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
}
.leucineBg1 .w960{
	position: relative;
	overflow: hidden;
}
.leucineBg1 .img1{
	bottom: -163px;
	left: -171px;
}
.leucineBg1 h3{
	font-size: 50px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
}
.leucineBg1 h3 .BgGld{
	position: relative;
	margin-bottom: 20px;
	padding: 10px 20px;
	color: #fff;
	border-radius: 40px;
}
.leucineBg1 h3 .BgGld:before{
	content: "";
	position: absolute;
	right: 0;
	bottom: -8px;
	left: 0;
	margin: auto;
	width: 15px;
	height: 15px;
	transform: rotate(45deg);
	background: var(--Gld);
}
.leucineBg1 .poi{
	position: relative;
	margin: 50px 0 20px;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	z-index: 9;
}
.leucineBg1 li{
	position: relative;
	padding: 83px 20px 20px;
	width: 700px;
	height: 100px;
	background: #fff;
	overflow: hidden;
	margin-bottom: 30px;
}
.leucineBg1 li:after{
	content: "";
	position: absolute;
	top: -7px;
	margin-left: -160px;
	display: block;
	width: 330px;
	height: 195px;
	transform: rotate(-8deg);
	background: #dcdcdc;
}
.leucineBg1 li div{
	position: absolute;
	z-index: 9;
	left: 50px;
	top: 9px;
	font-size: 30px;
}
.leucineBg1 li p {
	position: absolute;
	top: 10px;
	right: 0px;
	left: 115px;
	font-size: 28px;
}
.leucineBg1 li .BrBK2{
	margin-top: -6px;
	margin-right: 10px;
	padding: 1px 5px 3px;
	display: inline-block;
	font-size: 0.7em;
	vertical-align: middle;
	border-top: 1px solid var(--BlacK);
	border-bottom: 1px solid var(--BlacK);
}
.leucineBg1 .box{
		position: relative;
		margin: 33px auto;
		width: 80%;
}
.leucineBg1 .box p{
	margin: 75px 0 20px 130px;
	padding: 30px 30px 30px 50px;
	width: 500px;
	font-size: 20px;
	background: #fff;
}
.leucineBg1 .box .BgGld{
	padding: 2px 5px;
}
.leucineBg1 .box .img2{
	bottom: -30px;
	right: -70px;
}
.leucineBg2{
	padding: 50px 0 120px;
	background: url(/images/item/sup/tpr/leucinebg2.png) no-repeat center bottom;
	background-size: cover;
	background-attachment: fixed;
}
.leucineBg2 h3 {
	background: #fff;
	border: 2px solid var(--ReD);
	padding: 15px;
	margin-bottom: 15px;
}
.leucineBg2 ul{
	width: 750px;
	margin: 30px auto;
}
	.leucineBg2 li{
	position: relative;
	padding: 40px 20px;
	width: 340px;
	height: 340px;
	font-size: 20px;
	background: #404040;
	color: #fff;
}
.leucineBg2 li .BgGld{
	position: absolute;
	top: 20px;
	left: -10px;
	padding: 0 10px 2px;
	width: 130px;
	font-size: 23px;
	letter-spacing: 1px;
	transform: rotate(-3deg);
	box-shadow: 2px 2px 3px rgba(0,0,0,.5);
}
.leucineBg2 li p{
	font-size: 30px;
}
.leucineBg2 p span.Fs20{
	display: inline-block;
	padding: 0 .05em;
	vertical-align: baseline;
}
.leucineBg3{
	padding: 80px 0 120px;
	background: url(/images/item/sup/tpr/leucinebg3.png) no-repeat center 300px;
	background-size: 100% auto;
}
.leucineBg3{
	justify-content: space-around;
}
.leucineBg3 .fle {
	justify-content: space-around;
}
.leucineBg3 .fle div:last-of-type {
	width: 420px;
}
.leucineBg3 .awo{
	margin: auto;
	width: 720px;
	flex-direction: row;
}
/*leucineE*/

/*voi2S*/
.voi2Bg{
	background: #f7f7f7;
}
.voi2{
	padding: 80px 50px 50px;
}
.voi2 .img1{
	top: -70px;
}
.voi2 li {
	/* margin: 0 80px; */
	padding: 50px 0;
	border-bottom: 1px dotted #000;
	text-align: center;
}
.voi2 li:last-of-type{
	border-bottom: none;
}
	.voi2 li:nth-of-type(even){
	flex-direction: row-reverse;
}
.voi2 .Name {
	background: #000;
	color: #fff;
	margin: 15px 0;
	padding: 5px 10px;
	font-size: 15px;
	font-weight: bold;
}
.voi2 .cmt {
	font-size: 1.2em;
	margin-top: 10px;
}
.voi2 .career{
	margin-top: 20px;

}
/*voi2E*/


/*ageS*/
.age{
	padding: 80px 0 50px;
}
.ageBg{
	background: url(/images/item/sup/tpr/agebg.jpg) no-repeat center center;
	background-size: 100% auto;
}
.age .w960 p{
	top: 240px;
	right: 0;
	left: 0;
	margin: auto;
	transform: rotate(-3deg);
}
.age .BgBK{
	margin: 10px;
	padding: 2px 10px;
	display: inline-block;
	color: #fff;
	font-size: 35px;
	font-weight: bold;
}
/*ageE*/

/*ligeS*/
.lifeBg{
	overflow: hidden;
}
.life .img1{
	margin: 0 -500px;
}
/*lifeE*/

/*methodS*/
.methodBg1{
	padding: 80px 0 0;
	background: url(/images/item/sup/tpr/methodbg.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
}
.methodBg1::before {
	content: '';
  background: url(/images/item/sup/tpr/arrow.svg) no-repeat;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 48.5%;
	top: -26px;
}
.method .fle{
	justify-content: space-around;
}
.method .txt{
	position: relative;
	/* margin-left: 100px; */
	margin-top: 100px;
}
.method .txt:before{
	content: "";
	position: absolute;
	top: -69px;
	/* bottom: 0; */
	left: 48.5%;
	margin: auto;
	width: 1em;
	height: 60px;
	border-right: 5px solid #000;
	border-left: 5px solid #000;
}
.method .tag{
	/*top: 410px;
	left: 160px;
	border-radius: 50%;
	width: 90px;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center; */
	padding: 10px;
}
.method .box3{
	width: 710px;
	margin: auto;
	/* line-height: 1.4;
	font-size: 30px;
	color: #fff;
	text-align: center;
	background: #000; */
	padding: 10px;
}
.method .box3 li{
	justify-content: center;
	padding: 20px;
	/* width: 200px;
	height: 120px;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	background: rgba(255,255,255,.4);
	border: 1px solid rgba(0,0,0,.2);
	box-shadow: 5px 5px 0 rgba(0,0,0,.2); */
}
.method h4 {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: bold;
}
.method .BgGld {
	padding: 40px 0 0;
	overflow: hidden;
	height: 470px;
}
.method .BgGld .poab {
	color: #fff;
	font-weight: bold;
	top: 50px;
	right: 180px;
	font-size: 50px;
}
.method h5{
	position: relative;
	margin: 20px 0;
	padding-top: 10px;
	text-align: center;
	font-size: 30px;
	text-indent: -1em;
	color: #000;
	font-weight: bold;
	letter-spacing: 1px;
}
/*.method .fle{
	justify-content: space-between;
} */
.method .exp{
	justify-content: flex-start;
	align-items: flex-start;
	/* height: 290px;
	padding: 0 10px; */
}
.method .exp li{
	position: relative;
	/* margin-right: 50px;
	width: 280px; */
	margin-bottom: 80px;
}
.method .exp li.even {
}
.method .exp li:last-of-type{
	margin-right: 0;
}
.method .exp dl{
	position: absolute;
	/*bottom: -110px;
	right: -15px;
	width: 280px;
	box-shadow: 5px 5px 2px #ccc; */
	position: absolute;
	bottom: 0;
	width: 100%;
}	
.method .exp dt{
	/* padding: 10px;
	font-size: 1.2em;
	color: #fff;
	text-align: center;
	background: #000; */
	font-size: 30px;
	color: #fff;
	position: absolute;
	bottom: 108px;
	left: 30px;
}
.method .exp li.even dt{
	left: 300px;
}
.method .exp dd{
	/* padding: 10px 20px;
	background: rgba(255,255,255,.8);
	height: 87px; */
	font-size: 20px;
	position: absolute;
	bottom: 20px;
	left: 30px;
}
.method .exp li.even dd {
	left: 150px;
}
.method .exp li .tokkyo:before{
	content: "特許\A配合";
	color: #fff;
	background-color: var(--ReD);
	border-radius: 50%;
}
.method .exp li.tokkyo dd {
	padding: 0 0 20px 65px;
}
.methodBg2{
	padding-top: 40px;
	background: url(/images/item/sup/tpr/methodbg2.png) no-repeat center bottom;
	background-size: 100% auto;
	height: 160px;
}
/*methodE*/

/*tpr2S*/
.tpr3Bg{
	background: url(/images/item/sup/tpr/tpr3bg.jpg) no-repeat center bottom;
	background-size: cover;
	background-attachment: fixed;
	margin-top: -80px;
}
.tpr3{
	padding: 40px 0;
}
.tpr3 div{
	/* width: 490px; */
	position: relative;
}
.tpr3 .baloon{
	margin-top: 30px;
}
.tpr3 .baloon li{
	position: relative;
	padding: 10px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	width: 130px;
	background: #000;
	filter: drop-shadow(4px 4px 0 #ccc);
}
.tpr3 .baloon li:before{
	content: "";
	position: absolute;
	left: 30px;
	width: 0;
	height: 0;
	transform: rotate(50deg);
	z-index: -1;
	border: 20px solid transparent;
	border-top: 70px solid #000;
}
.tpr3 ul {
	justify-content: center;
	margin: 30px;
}
.tpr3 li {
	margin: 0 10px;
}
/* .tpr3 div::before
.tpr3 div::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 40px;
	height: 0;
	border: 4px solid #000;
}*/
/*.tpr3 div::before {
	left: -60px;
}
.tpr3 div::after {
	left: -60px;
	transform: rotate(90deg);
}*/
/*tpr3S*/

/*voi3S*/
.voi3Bg1{
	padding-bottom: 80px;
	background: url(/images/item/sup/tpr/voi3_1bg.jpg) no-repeat center bottom;
	background-size: cover;
	background-attachment: fixed;
}
.voi3Bg2{
	padding-top: 50px;
	color: #fff;;
	font-weight: bold;
	background: url(/images/item/sup/tpr/voi3_2bg.png) no-repeat center bottom;
	background-size: 100% 100%;
	height: 240px;
}
.voi3Bg2 .img1{
	right: 0;
	bottom: -100px;
}
.voi3 h3{
	color: #fff;
}
.voi3 li{
	margin: 0 80px;
	padding: 30px 20px;
}
.voi3 li:last-of-type{
border-bottom: none;
}
.voi3 li{
	position: relative;
}
.voi3 li:nth-of-type(even){
	flex-direction: row-reverse;
}
.voi3 .poab{
	bottom: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: #404040;
	border-radius: 50%;
	width: 75px;
	height: 75px;
	font-size: 25px;
	left: 170px;
}
.voi3 li:nth-of-type(even) .poab{
	right: 170px;
	left: auto;
}
.voi3 .poab:before {
	content: "";
	position: absolute;
	width: 65px;
	height: 65px;
	border: 1px dashed rgba(255,255,255,.5);
	border-radius: 50%;
}
.voi3 .img{
	position: relative;
	font-size: 0;
}
.voi3 .img:after{
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(0,0,0,.5);
}
.voi3 .Name{
	margin-top: 30px;
}
.voi3 .cmt{
	width: 510px;
	font-size: 18px;
}
.iwrap .voi3 .strip:after {
	background: repeating-linear-gradient(45deg, rgb(0, 0, 0,.5), rgb(0, 0, 0,.5) 2px, transparent 2px, transparent 6px);
	height: 5px;
	bottom: -15px;
}
.iwrap .voi3 .strip {
	padding: 0;
}
.voi3etc {
	position: relative;
	padding: 80px 0 0;
	font-size: 24px;
	background: url(/images/item/sup/tpr/voi3etcbg.png) no-repeat center top;
	background-size: cover;
}
.voi3etc li{
	margin-bottom: 30px;
	text-align: center;
}
.voi3etc li:nth-of-type(even){
	display: inline-block;
	color: var(--Gld);
	font-weight: bold;
	border-bottom: 1px dashed var(--Gld);
}
.voi3etc .BgBK{
	padding: 3px 7px;
	color: #fff;
}
.voi3etc .box{
	position: relative;
	margin: 100px auto;
	padding: 20px;
	width: 780px;
	border: 2px solid var(--Gld);
	height: 330px;
}
.voi3etc .poab{

}
.voi3etc .box p{
	margin-left: auto;
	margin-right: 50px;
	font-size: 33px;
	line-height: 1.8;
	letter-spacing: 5px;
	writing-mode: vertical-rl;
}
/*voi3E*/

/*voi4S*/
.voi4{
	margin: 40px auto 110px;
}
.voi4 li{
	position: relative;
	margin-bottom: 20px;
}
.voi4 div{
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	margin: 0 40px;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
}
.voi4 li:nth-of-type(odd) div{
	right: 20px;
}
.voi4 li:nth-of-type(even) div{
	left: 20px;
}
.voi4 .Name{
	display: block;
	margin-top: 40px;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.2;
	text-align: right;
}
/*voi4E*/

/*maneS*/
.maneBg{
	margin-top: 80px;
	padding: 130px 0 80px;
	background: url(/images/item/sup/tpr/manebg.jpg) no-repeat center top;
	background-size: cover;
}
.maneBg dl {
	margin-top: 140px;
}
.mane{
	margin: auto;
	width: 720px;
}
.mane .img1{
	top: -120px;
	right: 0;
}
.mane dt{
	margin-top: 80px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 25px;
	/* border-bottom: 2px dotted #000; */
	text-align: center;
  padding: 3%;
  color: #fff;
  background: #000;
  box-shadow: 0 0 0 5px #000;
  border: solid 1px #fff;
}
.mane a {
	color: #00f;
	text-decoration: underline;
}
.mane .mane_txt {
	display: inline-block;
	margin-top: 8px;
}
/*maneE*/

/*diffS*/
.diff{
	margin: 100px auto 80px;
}
.diff .box1{
	background: url(/images/item/sup/tpr/diffbg.png) no-repeat center center;
	background-size: 100% auto;
}
.diff .box2{
	position: relative;
	margin: 80px 0px;
	font-size: 30px;
}
.diff .box2:before {
	content: "";
	width: 100%;
	height: 290px;
	display: block;
	background: #dbc788;
	top: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	z-index: -1;
}
.diff .ballon {
	position: relative;
	background: #fff;
	border: 10px;
	padding: 5px 20px;
	border-radius: 50px;
	margin-bottom: 10px;
	display: block;
}
.diff .box2 .poab {
	top: 140px;
	left: 180px;
}
.diff .box2 img {
	margin-left: 120px;
}
.diff .graph {
	margin: 0;
}
.diff .graph .graphBg {
	background: #edd793;
  padding: 30px;
}
.diff .ballon:before {
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	transform: rotate(45deg);
	bottom: -5px;
	background: #fff;
	left: 0;
	right: 0;
	margin: auto;
}
.diff .diff-txt {
	font-weight: bold;
  line-height: 1.8;
  background: #dbc788;
  padding: 10px 90px;
}
.diff .diff-txt span {
	color: #fff;
	background: var(--ReD);
}
/*diffE*/

/*qaS*/
.qaBg{
	background: #f8f8f8;
	padding: 80px 0;
	font-size: 20px;
}
.qa dl{
	background: #fff;
}
.iwrap .qa dt.acoA{
	border-bottom: 1px dashed var(--Gld);
}
.iwrap .qa dt:last-of-type.acoA{
	border-bottom: none;
}
	.iwrap .qa dt.acoA.active{
	border-bottom: none;
	color: #fff;
}
.iwrap .qa dt.acoA::before{
	background: rgba(128,107,45,.8);
}
.iwrap .qa dd.acoB{
	border-left: 30px solid rgba(128,107,45,.5);
	border-bottom: 1px dashed var(--Gld);
}
.iwrap .qa dd.acoB:last-of-type{
	border-bottom: none;
}
.acoA.cirarrD.active::after{
	color: #fff;
}
.cirarrD::after{
	color: rgba(128,107,45,.8);
}
/*qaE*/

/*tpr4S*/
.tpr4{
	padding: 40px 0;
}
.tpr4 p{
	top: 50px;
	left: 120px;
	color: #fff;
	font-size: 30px;
	line-height: 2.5;
	letter-spacing: 5px;
	writing-mode: vertical-rl;
	font-weight: bold;
}
.tpr4 .BgBK{
	padding: 8px;
}
/*tpr4E*/

/*----------------------------common*/
.iTpr .buyTiS h3{
	font-size: 40px;
}
.iWpc .buyTiS .txt{
	font-size: 23px;
	padding-bottom: 5px;
}
.ispec .brB{
	margin-left: 10px;
	padding: 5px;
	border: 1px solid #999;
}
.ispec h3 span{
	font-family: var(--Fyg);
	font-size: .7em;
}
.ispec .compo{
	margin: 0 0 0 5px;
	width: 380px;
	display: inline-block;
}
.compo dl{
	padding: 0;
	width: 100%;
}
.compo dt:last-of-type,.compo dd:last-of-type{
	border-bottom: none;
}
.compo dt{
	padding-left: 13px;
	font-size: 13px;
	width: 107px;
	border-right: 1px solid #ccc;
}
.compo dd{
	padding: 10px;
	text-align: right;
	width: 35.8%;
	border-right: 1px dashed #ccc;
}
.compo dd:nth-of-type(even){
	border-right: none;
}
.compo dt:first-of-type,.compo dd:first-of-type,.compo dd:nth-of-type(2){
	border-bottom: 1px solid #ccc;
}
.compo dd:first-of-type,.compo dd:nth-of-type(2){
	text-align: center;
	font-weight: bold;
	background: #ddd;
}
.iwrap #Buy{
	text-align: left;
}
.ispec .kanyo {
	width: 380px;
}
.kanyo dt {
	padding-right: 13px;
	width: 132px;
}
.compo.kanyo dd {
	width: 82px;
}
.kanyo .fle{
	align-items: center;
	justify-content: flex-end;
}
.compo2 dl{
	margin-bottom: 10px;
	border: 1px solid #ccc;
	background: #fff;
}
.compo2 dt,.compo2 dd{
	margin: 0;
	padding: 5px 3px;
}
.compo2 dt{
	background: #e1e1e1;
}
.compo2 dt:before{
	content: none;
}
.compo2 dd{
}