.ceremonyLeft p{
	margin-bottom: 1em;
}
.pd5{
	padding: 5px;
	text-align: center;
}
.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: 50px;
	}
	.pageHeadline p{
		font-size: 14px;
		line-height: 200%;
	}
	.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;
	}
	#quality .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;
	}
	.hcLeft{
		width: 100%;
		padding: 15px;
	}
	.hcRight{
		width: 100%;
		padding: 15px;
		text-align: center;
	}
	.fcc{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		line-height: 170%;
	}
	.imbg{
		width: 100%;
		margin: 0 auto 30px;
	}
	.imbgLeft{
		padding: 20px;
		width: 100%;
		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;
	}
	.wbtn a{
		display: inline-block;
		padding: 16px 30px 16px 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: 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: 18px;
		height: 610px;
	}
	.imbgsText{
		font-size: 15px;
	}
	.fcl{
		display: flex;
		flex-direction: column;
		justify-content: center;
		line-height: 180%;
	}
	.imbglabRight{
		float: left;
		width: 26%;
		color: #FFF;
	}
	.imbglabRight p.imbgtext{
		font-size: 14px;
		text-align: center;
		margin-bottom: 20px;
	}
	.brand{
		margin: 0 auto 30px;
		overflow: hidden;
	}
	.sdgs{
		margin: 0 auto 30px;
	}
	.wideimbgLeft{
		width: 100%;
		text-align: left;
		font-size: 14px;
		padding: 15px;
		line-height: 170%;
	}
	.wideimbgLeft .wbtn{
		text-align: center;
	}
	.wideimbgLeftSd{
		width: 100%;
		text-align: left;
		font-size: 14px;
		padding: 15px;
		line-height: 170%;
	}
	.wideimbgLeftSd .wbtn{
		text-align: center;
	}
	.insideText{
		margin: 0px auto 30px;
		width: 100%;
		font-size: 14px;
		padding: 15px 20px;
	}
	.insideBgarea{
		background: #F2EBEB;
		padding: 15px;
		margin-top: 20px;
	}
	.insideBgarea h3{
		font-size: 17px;
		padding-bottom: 5px;
		border-bottom: 1px solid #CCC;
		margin-bottom: 10px;
	}
	.halfContents .insideBgarea p,.halfContents .insidenBgarea p{
		font-size: 14px;
	}
	.insideBgarea p span{
		display: block;
		font-size: 9px;
	}
	.hcRight ,.halfContents p.hcStext{
		font-size: 14px !important;
	}
	.ceremonyLeft{
		line-height: 180%;
		padding: 15px;
	}
	.hcbottom table td{
		padding: 10px;
	}
	.insidenBgarea table td,.insidenBgarea table th{
		padding: 10px;
		display: block;
		width: 100%;
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
	}
	.insidenBgarea table{
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		margin: 10px 0;
	}
	.hcimg{
		margin-bottom: 10px;
	}
	.sdgsLogo{
		text-align: center;
		margin:0 auto 20px;
		max-width: 80%;
	}
}

@media screen and (min-width: 769px) and (max-width: 999px) {
  /*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;
	}
	#quality .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;
	}
	.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: 18px;
		height: 610px;
	}
	.imbgsText{
		font-size: 15px;
	}
	.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;
	}
	.brand{
		background: url("../img/service/service_lbg01.png") no-repeat center center;
		width: 100%;
		max-width: 1360px;
		height: 396px;
		margin: 0 auto 30px;
		overflow: hidden;
	}
	.sdgs{
		background: url("../img/service/service_bg02.png") no-repeat center center;
		width: 100%;
		max-width: 1200px;
		height: 630px;
		margin: 0 auto 30px;
		overflow: hidden;
		padding-left: 30px;
	}
	.wideimbgLeft{
		width: 75%;
		height: 396px;
		float: left;
		text-align: left;
		color: #FFF;
		font-size: 16px;
		padding: 30px 40px 30px 40px;
		line-height: 170%;
		background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
		background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
		background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
	}
	.wideimbgLeft .wbtn{
		margin-left: 30px;
	}
	.wideimbgLeftSd{
		width: 75%;
		float: left;
		text-align: left;
		color: #FFF;
		font-size: 18px;
		padding: 30px 0px 30px 40px;
		line-height: 170%;
	}
	.wideimbgLeftSd .wbtn{
		margin-left: 30px;
	}
	.insideText{
		margin: 0px auto 30px;
		max-width: 1100px;
		width: 100%;
		font-size: 16px;
	}
	.insideBgarea{
		background: #F2EBEB;
		padding: 20px;
		margin-top: 30px;
	}
	.insideBgarea h3{
		font-size: 17px;
		padding-bottom: 5px;
		border-bottom: 1px solid #CCC;
		margin-bottom: 10px;
	}
	.halfContents .insideBgarea p,.halfContents .insidenBgarea p{
		font-size: 14px;
	}
	.insideBgarea p span{
		display: block;
		font-size: 9px;
	}
	.hcRight ,.halfContents p.hcStext{
		font-size: 12px !important;
	}
	.ceremonyLeft{
		min-height: 600px;
		line-height: 220%;
	}
	br.pc{
		display: none !important;
	}
	.sdgsLogo{
		text-align: center;
		margin:10px auto 40px;
		max-width: 640px;
	}
}

@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;
	}
	#quality .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;
	}
	.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: 18px;
		height: 610px;
	}
	.imbgsText{
		font-size: 15px;
	}
	.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;
	}
	.brand{
		background: url("../img/service/service_lbg01.png") no-repeat center center;
		width: 100%;
		max-width: 1360px;
		height: 396px;
		margin: 0 auto 30px;
		overflow: hidden;
	}
	.sdgs{
		background: url("../img/service/service_bg02.png") no-repeat center center;
		width: 100%;
		max-width: 1200px;
		height: 630px;
		margin: 0 auto 30px;
		overflow: hidden;
		padding-left: 30px;
	}
	.wideimbgLeft{
		float: left;
		text-align: left;
		color: #FFF;
		font-size: 16px;
		padding: 30px 40px 30px 40px;
		line-height: 170%;
		background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
		background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
		background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
		height: 400px;
	}
	.wideimbgLeft .wbtn{
		margin-left: 30px;
	}
	.wideimbgLeftSd{
		width: 60%;
		float: left;
		text-align: left;
		color: #FFF;
		font-size: 16px;
		padding: 30px 0px 30px 40px;
		line-height: 170%;
	}
	.wideimbgLeftSd .wbtn{
		margin-left: 30px;
	}
	.insideText{
		margin: 0px auto 30px;
		max-width: 1100px;
		width: 100%;
		font-size: 16px;
	}
	.insideBgarea{
		background: #F2EBEB;
		padding: 20px;
		margin-top: 30px;
	}
	.insideBgarea h3{
		font-size: 17px;
		padding-bottom: 5px;
		border-bottom: 1px solid #CCC;
		margin-bottom: 10px;
	}
	.halfContents .insideBgarea p,.halfContents .insidenBgarea p{
		font-size: 14px;
	}
	.insideBgarea p span{
		display: block;
		font-size: 9px;
	}
	.hcRight ,.halfContents p.hcStext{
		font-size: 12px !important;
	}
	.ceremonyLeft{
		min-height: 600px;
		line-height: 220%;
	}
	.sdgsLogo{
		text-align: center;
		margin:10px auto 40px;
		max-width: 640px;
	}
}
.center{
	text-align: center;
}