.sText{
	font-size: 12px;
}
.tsub{
	vertical-align: sub;
}
@media screen and (max-width: 768px){
/*quality*/
  #quality{
    padding-bottom: 30px;
  }
  #quality h2{
    text-align: center;
    margin: 15px auto 20px;
  }
  .qualityVisual{
    background: url(../img/quality/jewelry7_1.jpg) no-repeat;
    width: 980px;
    height: 350px;
    margin: 0 auto;
    text-align: center;
  }
  
  h3.qualityTtl{
    margin: 50px 0 70px;
  }
  
  /*forum*/
  .forum{}
  .forumImg{
    width: 600px;
    margin-right: 10px;
    float: left;
  }
  .forumImgS{
    width: 350px;
    margin-right: 10px;
    float: left;
  }
  .forumImgM{
    width: 480px;
    margin-right: 10px;
    float: left;
  }
  .forumText{
    padding-top: 50px;
  }
  .forumText h4{
    font-size: 20px;
    margin: 20px 0;
  }
  .forumTextS{
    padding-top: 10px;
  }
  .forumTextS h4{
    font-size: 20px;
    margin: 10px 0 20px;
  }
  .forumList{}
  .forumList li span{
    font-size: 13px;
  }
  .forumList li:hover span{
    color: #D33;
  }
  .forumList li{
    width: 300px;
    height: 250px;
    border: solid 1px #ddd;
    text-align: center;
    box-sizing: border-box;
    float: left;
    margin: 25px 25px 0 0;
  }
  .qualityBnr{
    width: 690px;
    margin: 40px auto 35px;
  }
	.contentsTextTitle{
		text-align: center;
		font-size: 18px;
		margin: 50px auto;
		padding-bottom: 30px;
		border-bottom: 1px solid #CCC;
		width: 100%;
		max-width: 1200px;
	}
	.contentsTextTitle strong{
		font-size: 24px;
		display: block;
		margin-bottom: 5px;
	}
	.pageHeadline{
		text-align: center;
		margin-bottom: 20px;
	}
	.pageHeadline p{
		font-size: 14px;
		line-height: 200%;
		padding:0 20px;
	}
	.pageBtnList{
    display: flex;
    flex-wrap: wrap;
	}
	.pageBtnList .pagebtn{
		width: 49%;
    margin: 0.5%;
    padding: 6px 0px;
		border: 1px solid #000;
		font-size: 18px;
		line-height: 140%;
		text-align: center;
		background: url("../img/quality/pagebtn_arw.png") no-repeat center right;
	}
	.pageBtnList .pagebtn:hover{
		opacity: 0.9;
	}
	.pageBtnList .pagebtn span{
		font-size: 12px;
		display: block;
	}
	.inTitle{
		font-size: 16px;
		text-align: center;
	}
	.inTitle strong{
		font-size: 20px;
		display: block;
	}
	.inTitle h2{
		padding: 20px 30px;
		border-bottom: 1px solid #CCC;
		display: inline-block;
	}
	.inTitlenb{
		font-size: 16px;
		text-align: center;
	}
	.inTitlenb strong{
		font-size: 20px;
		display: block;
	}
	.inTitlenb h2{
		padding: 20px 30px;
		border-bottom: none;
		display: inline-block;
		margin-bottom: 0px !important;
	}
	.halfContents{
		margin: 0px auto 40px;
		width: 100%;
	}
	.halfContents p{
		font-size: 14px;
		text-align: center;
	}
	.hcLeft{
		width: 100%;
		padding: 15px 20px;
	}
	.hcRight{
		width: 100%;
		padding: 15px;
		text-align: center;
	}
	.fcc{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		line-height: 240%;
	}
	.imbg{
		width: 100%;
		margin: 0 auto 30px;
	}
	.imbgLeft{
		padding: 20px;
		width: 100%;
		text-align: center;
		font-size: 16px;
		background-image: url(../img/quality/qulity_bk_sp.jpg);
		background-repeat: repeat-y;
		background-size: contain;
		color: #fff;
	}
	.imbgBox h3{
		text-align: center;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #FFF;
	}
	.imbgBox{
		margin-bottom: 50px;
	}
	.imbgBox p{
		font-size: 14px;
		text-align: center;
		margin-bottom:30px;
	}
	.wbtn a{
		display: inline-block;
		padding: 13px 40px 10px 10px;
		width: 100%;
		font-size: 16px;
		line-height: 140%;
		text-align: center;
		background: url("../img/quality/pagebtn_arw.png") no-repeat center right #FFF;
		border: 1px solid #666;
		color: #222;
		margin-top: 20px;
		transition: 0.3s
	}
	.wbtn a:hover{
		opacity: 0.9;
	}
	.imbglab {
		padding: 15px 20px;
	}
	.imbgimg{
		margin-bottom: 10px;
	}
	.imbglabLeft{
		margin: 15px auto;
	}
	.imbgsText{
		margin: 10px auto;
		font-size: 13px;
	}
	.labimg{
		text-align: center;
		margin: 30px 0 15px;
	}
}

@media screen and (min-width: 769px) and (max-width: 999px) {
  /*quality*/
  #quality{
    padding:0 15px 30px;
  }
  #quality h2{

    text-align: center;
    margin: 40px auto 50px;
  }
  .qualityVisual{
    background: url(../img/quality/jewelry7_1.jpg) no-repeat;
    width: 980px;
    height: 350px;
    margin: 0 auto;
    text-align: center;
  }
  
  h3.qualityTtl{
    margin: 50px 0 70px;
  }
  
  /*forum*/
  .forum{}
  .forumImg{
    width: 600px;
    margin-right: 10px;
    float: left;
  }
  .forumImgS{
    width: 350px;
    margin-right: 10px;
    float: left;
  }
  .forumImgM{
    width: 480px;
    margin-right: 10px;
    float: left;
  }
  .forumText{
    padding-top: 50px;
  }
  .forumText h4{
    font-size: 20px;
    margin: 20px 0;
  }
  .forumTextS{
    padding-top: 10px;
  }
  .forumTextS h4{
    font-size: 20px;
    margin: 10px 0 20px;
  }
  .forumList{}
  .forumList li span{
    font-size: 13px;
  }
  .forumList li:hover span{
    color: #D33;
  }
  .forumList li{
    width: 300px;
    height: 250px;
    border: solid 1px #ddd;
    text-align: center;
    box-sizing: border-box;
    float: left;
    margin: 25px 25px 0 0;
  }
  .qualityBnr{
    width: 690px;
    margin: 40px auto 35px;
  }
	.contentsTextTitle{
		text-align: center;
		font-size: 26px;
		margin: 50px auto;
		padding-bottom: 30px;
		border-bottom: 1px solid #CCC;
		width: 100%;
		max-width: 1200px;
	}
	.contentsTextTitle strong{
		font-size: 41px;
		display: block;
		margin-bottom: 5px;
	}
	.pageHeadline{
		text-align: center;
		margin-bottom: 50px;
	}
	.pageHeadline p{
		font-size: 17px;
		line-height: 200%;
	}
	.pageBtnList{
    display: flex;
    flex-wrap: wrap;
	}
	.pageBtnList .pagebtn{
		width: 31.33%;
		margin: 1.0%;
		padding: 16px 30px 16px 10px;
		border: 1px solid #000;
		font-size: 22px;
		line-height: 140%;
		text-align: center;
		background: url("../img/quality/pagebtn_arw.png") no-repeat center right;
	}
	.pageBtnList .pagebtn:hover{
		opacity: 0.9;
	}
	.pageBtnList .pagebtn span{
		font-size: 12px;
		display: block;
	}
	.inTitle{
		font-size: 18px;
		text-align: center;
	}
	.inTitle strong{
		font-size: 38px;
		display: block;
	}
	.inTitle h2{
		padding: 20px 90px;
		border-bottom: 1px solid #CCC;
		display: inline-block;
	}
	.inTitlenb{
		font-size: 18px;
		text-align: center;
	}
	.inTitlenb strong{
		font-size: 38px;
		display: block;
	}
	.inTitlenb h2{
		padding: 20px 90px;
		border-bottom: none;
		display: inline-block;
		margin-bottom: 0px !important;
	}
	.halfContents{
		margin: 40px auto 80px;
		width: 100%;
		max-width: 1100px;
	}
	.halfContents p{
		font-size: 16px;
	}
	.hcLeft{
		float: left;
		width: 49%;
		min-height: 300px;
	}
	.hcRight{
		float: right;
		width: 49%;
		min-height: 300px;
	}
	.fcc{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		line-height: 240%;
	}
	.imbg{
		background: url("../img/quality/diamond_bg.png") no-repeat center center;
		width: 100%;
		max-width: 1200px;
		height: 1070px;
		margin: 0 auto 30px;
		overflow: hidden;
	}
	.imbgLeft{
		padding: 40px 20px 30px;
		float: left;
		width: 50%;
		text-align: center;
		color: #FFF;
		font-size: 16px;
	}
	.imbgBox h3{
		text-align: center;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #FFF;
	}
	.imbgBox{
		margin-bottom: 30px;
	}
	.imbgBox p{
		text-align: left;
		font-size: 16px;
	}
	.wbtn a{
		display: inline-block;
		min-width: 420px;
		padding: 16px 30px 16px 10px;
		font-size: 18px;
		line-height: 140%;
		text-align: center;
		background: url("../img/quality/pagebtn_arw.png") no-repeat center right #FFF;
		border: 3px solid #666;
		color: #222;
		margin-top: 20px;
		transition: 0.3s
	}
	.wbtn a:hover{
		opacity: 0.9;
	}
	.imbgSubLeft{
		width: 50%;
		text-align: center;
		float: left;
		vertical-align: top;
	}
	.imbgSubRight{
		width: 48%;
		text-align: center;
		float: right;
		vertical-align: top;
	}

	.imbgLeft .imbgBox p.imbgtext{
		font-size: 12px;
		text-align: center;
		margin-bottom: 20px;
	}
	.imbgimg{
		margin-bottom: 10px;
	}
	.imbglab{
		background: url("../img/quality/labo_bg.png") no-repeat center center;
		width: 100%;
		max-width: 1200px;
		height: 610px;
		margin: 0 auto 30px;
		overflow: hidden;
	}
	.imbglabLeft{
		padding: 50px 30px 30px 50px;
		float: left;
		width: 60%;
		text-align: left;
		color: #FFF;
		font-size: 16px;
		height: 610px;
	}
	.imbgsText{
		font-size: 14px;
	}
	.fcl{
		display: flex;
		flex-direction: column;
		justify-content: center;
		line-height: 180%;
	}
	.imbglabRight{
		float: left;
		width: 26%;
		color: #FFF;
	}
	.imbglabRight p.imbgtext{
		font-size: 12px;
		text-align: center;
		margin-bottom: 20px;
	}
	br.pc{
		display: none !important;
	}
	.labimg{
		text-align: center;
		margin: 60px 0 30px;
	}
}

@media screen and (min-width: 1000px)  {
  /*quality*/
  #quality{
    padding-bottom: 30px;
  }
  #quality h2{
    text-align: center;
    margin: 40px auto 50px;
  }
  .qualityVisual{
    background: url(../img/quality/jewelry7_1.jpg) no-repeat;
    width: 980px;
    height: 350px;
    margin: 0 auto;
    text-align: center;
  }
  
  h3.qualityTtl{
    margin: 50px 0 70px;
  }
  
  /*forum*/
  .forum{}
  .forumImg{
    width: 600px;
    margin-right: 10px;
    float: left;
  }
  .forumImgS{
    width: 350px;
    margin-right: 10px;
    float: left;
  }
  .forumImgM{
    width: 480px;
    margin-right: 10px;
    float: left;
  }
  .forumText{
    padding-top: 50px;
  }
  .forumText h4{
    font-size: 20px;
    margin: 20px 0;
  }
  .forumTextS{
    padding-top: 10px;
  }
  .forumTextS h4{
    font-size: 20px;
    margin: 10px 0 20px;
  }
  .forumList{}
  .forumList li span{
    font-size: 13px;
  }
  .forumList li:hover span{
    color: #D33;
  }
  .forumList li{
    width: 300px;
    height: 250px;
    border: solid 1px #ddd;
    text-align: center;
    box-sizing: border-box;
    float: left;
    margin: 25px 25px 0 0;
  }
  .qualityBnr{
    width: 690px;
    margin: 40px auto 35px;
  }
	.contentsTextTitle{
		text-align: center;
		font-size: 26px;
		margin: 50px auto;
		padding-bottom: 30px;
		border-bottom: 1px solid #CCC;
		width: 100%;
		max-width: 1200px;
	}
	.contentsTextTitle strong{
		font-size: 41px;
		display: block;
		margin-bottom: 5px;
	}
	.pageHeadline{
		text-align: center;
		margin-bottom: 50px;
	}
	.pageHeadline p{
		font-size: 17px;
		line-height: 200%;
	}
	.pageBtnList{
    display: flex;
    flex-wrap: wrap;
	}
	.pageBtnList .pagebtn{
		width: 31.33%;
		margin: 1.0%;
		padding: 16px 30px 16px 10px;
		border: 1px solid #000;
		font-size: 22px;
		line-height: 140%;
		text-align: center;
		background: url("../img/quality/pagebtn_arw.png") no-repeat center right;
	}
	.pageBtnList .pagebtn:hover{
		opacity: 0.9;
	}
	.pageBtnList .pagebtn span{
		font-size: 12px;
		display: block;
	}
	.inTitle{
		font-size: 18px;
		text-align: center;
	}
	.inTitle strong{
		font-size: 38px;
		display: block;
	}
	.inTitle h2{
		padding: 20px 90px;
		border-bottom: 1px solid #CCC;
		display: inline-block;
	}
	.inTitlenb{
		font-size: 18px;
		text-align: center;
	}
	.inTitlenb strong{
		font-size: 38px;
		display: block;
	}
	.inTitlenb h2{
		padding: 20px 90px;
		border-bottom: none;
		display: inline-block;
		margin-bottom: 0px !important;
	}
	.halfContents{
		margin: 40px auto 80px;
		width: 100%;
		max-width: 1100px;
	}
	.halfContents p{
		font-size: 16px;
	}
	.hcLeft{
		float: left;
		width: 49%;
		min-height: 300px;
	}
	.hcRight{
		float: right;
		width: 49%;
		min-height: 300px;
	}
	.fcc{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		line-height: 240%;
	}
	.imbg{
		background: url("../img/quality/diamond_bg.png") no-repeat center center;
		width: 100%;
		max-width: 1200px;
		height: 1070px;
		margin: 0 auto 30px;
		overflow: hidden;
	}
	.imbgLeft{
		padding: 50px 30px 30px;
		float: left;
		width: 50%;
		text-align: center;
		color: #FFF;
		font-size: 18px;
	}
	.imbgBox h3{
		text-align: center;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #FFF;
	}
	.imbgBox{
		margin-bottom: 50px;
	}
	.imbgBox p{
		text-align: left;
		font-size: 16px;
	}
	.wbtn a{
		display: inline-block;
		min-width: 420px;
		padding: 16px 30px 16px 10px;
		font-size: 18px;
		line-height: 140%;
		text-align: center;
		background: url("../img/quality/pagebtn_arw.png") no-repeat center right #FFF;
		border: 3px solid #666;
		color: #222;
		margin-top: 20px;
		transition: 0.3s
	}
	.wbtn a:hover{
		opacity: 0.9;
	}
	.imbgSubLeft{
		width: 50%;
		text-align: center;
		float: left;
		vertical-align: top;
	}
	.imbgSubRight{
		width: 46%;
		text-align: center;
		float: right;
		vertical-align: top;
	}
	.imbgLeft .imbgBox p.imbgtext{
		font-size: 12px;
		text-align: center;
		margin-bottom: 20px;
	}
	.imbgimg{
		margin-bottom: 10px;
	}
	.imbglab{
		background: url("../img/quality/labo_bg.png") no-repeat center center;
		width: 100%;
		max-width: 1200px;
		height: 610px;
		margin: 0 auto 30px;
		overflow: hidden;
	}
	.imbglabLeft{
		padding: 50px 30px 30px 50px;
		float: left;
		width: 60%;
		text-align: left;
		color: #FFF;
		font-size: 16px;
		height: 610px;
	}
	.imbgsText{
		font-size: 14px;
	}
	.fcl{
		display: flex;
		flex-direction: column;
		justify-content: center;
		line-height: 180%;
	}
	.imbglabRight{
		float: left;
		width: 26%;
		color: #FFF;
	}
	.imbglabRight p.imbgtext{
		font-size: 12px;
		text-align: center;
		margin-bottom: 20px;
	}
	.labimg{
		text-align: center;
		margin: 60px 0 30px;
	}
}
.center{
	text-align: center;
}