.container{
	width: 100% !important;
	margin: 0 auto;
	padding: 0;
}

main{
	width: 100% !important;
}

.contens{
	width: 1278px;
	height: 776px;
	color: #FFF;
	margin: 0 auto;
	position: relative;
}

.empbox_1{
	width: 142px;
	height: 142px;
}

.empbox_2{
	width: 284px;
	height: 142px;
}

.empbox_3{
	width: 426px;
	height: 142px;
}

.empbox_4{
	width: 568px;
	height: 142px;
}

.empbox_5{
	width: 710px;
	height: 142px;
}

.btnbox01,
.btnbox02,
.btnbox03,
.btnbox03,
.btnbox04,
.btnbox05,
.btnbox06,
.btnbox07,
.btnbox08,
.btnbox09,
.btnbox10,
.navbox01,
.navbox02,
.navbox03,
.navbox04{
	width: 142px;
	height: 142px;
	position: absolute;
}

.btnbox a,
.navbox a{
	font-size: 13px;
	line-height: 1.3;
	color: #FFF;
	display: block;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	box-sizing: border-box;
	transition:0.3s linear;
	position: relative;
}

.navbox a{
	padding: 15px;
}

.btnbox a:hover,
.navbox a:hover{
	text-decoration: none;
	opacity: 0.7;
	transition:0.3s;
}

.ps01,.ps02,.ps03,.ps04,.ps05,.ps06,.ps07,.ps08,.ps09,.ps10{
	position: absolute;
}


.bl{
	background-color: rgba(1,56,147,0.7)
}

.gray{
	background-color: rgba(51,51,51,0.7)
}

.wh{
	color: #000;
	background-color: rgba(255,255,255,0.7)
}

.fontB{
  font-family:"FrutigerBold";
}

.fontR{
  font-family:"FrutigerRoma";
}

.fontL{
  font-family:"FrutigerLigh";
}

.text p,
.text_sub p{
	font-size: 13px;
	line-height: 1.7;
}

.text p + p,
.text_sub p + p,
.text p + h2,
.text_sub p + h2{
	margin-top: 15px;
}

.text h2 + p,
.text_sub h2 + p{
	margin-top: 5px;
}


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

  .contens{
    width: 100%;
    height: auto;
  }

  .btnbox01,
  .btnbox02,
  .btnbox03,
  .btnbox03,
  .btnbox04,
  .btnbox05,
  .btnbox06,
  .btnbox07,
  .btnbox08,
  .btnbox09,
  .btnbox10,
  .navbox01,
  .navbox02,
  .navbox03,
  .navbox04{
    width: 25%;
		height: auto;
    min-height: 22vw;
    position: static;
  }

  .btnbox a,
  .navbox a{
		min-height: 22vw;
    font-size: 2vw;
    line-height: 1.3;
  }
	
	.btnbox a img{
		width: 100%;
		height: auto;
	}
	
	.navbox a{
		height: 22vw;
		padding: 10px;
	}
	.btnbox,
	.navbox{
		background: #FFF;
	}
	.btnbox > div,
	.navbox > div{
		float: left;
	}
	
  .text p,
  .text_sub p{
    font-size: 14px;
		line-height: 1.3;
  }	
	
	.text p + p,
  .text_sub p + p,
	.text p + h2,
	.text h2 + p,
	.text_sub p + h2,
	.text_sub h2 + p{
    margin-top:10px;
  }
	
	.text p br,
  .text_sub br{
    display: none;
  }
	
	.pc{
		display: none;
	}


}

/*-----top-----*/

#top .btnbox a{
	padding: 15px;
}

#top{
	background: url("/jp/~/media/biomedical/commons/quality/img/top_bk.jpg") center no-repeat;
	background-size: cover;
}

#top .text{
	width: 426px;
	height: 426px;
	padding: 40px 23px;
	box-sizing: border-box;
	position: relative;
}

#top .text p{
	font-size: 14px;
	line-height: 1.8;
}

#top .text > div{
	width: 380px;
	position: absolute;
	bottom:20px;
	left: 23px;
}

#top .text_sub{
	width: 710px;
	height: 142px;
	position: absolute;
	top:284px;
	right: 0;
	display: flex;
}

#top .text_sub h2{
	width: 284px;
}

#top .text_sub h2 img{
	width: 100%;
	height: auto;
	align-self: flex-start;
}

#top .text_sub p{
	width: 426px;
	font-size: 14px;
	line-height: 1.5;
	margin-top: 17px;
	padding: 20px;
	box-sizing: border-box;
}

#top .ps01{
	top:0;
	right: 568px;
}

#top .ps02{
	top:0;
	right: 284px;
}

#top .ps03{
	top:0;
	right: 0;
}

#top .ps04{
	top:142px;
	right: 284px;
}

#top .ps05{
	top:426px;
	left: 142px;
}

#top .ps06{
	top:568px;
	left: 0;;
}

#top .ps07{
	top:568px;
	right: 0;
}

#top .btnbox01{
	top: 426px;
	left: 0;
	background: url("/jp/~/media/biomedical/commons/quality/img/icon_01.jpg") center no-repeat;
}

#top .btnbox02{
	top: 426px;
	left: 284px;
	background: url("/jp/~/media/biomedical/commons/quality/img/icon_02.jpg") center no-repeat;
}

#top .btnbox03{
	top: 426px;
	left: 426px;
	background: url("/jp/~/media/biomedical/commons/quality/img/icon_03.jpg") center no-repeat;
}

#top .btnbox04{
	top: 426px;
	left: 568px;
	background: url("/jp/~/media/biomedical/commons/quality/img/icon_04.jpg") center no-repeat;}

#top .btnbox05{
	top: 142px;
	right: 568px;
	background: url("/jp/~/media/biomedical/commons/quality/img/icon_05.jpg") center no-repeat;
}

#top .btnbox06{
	top: 0;
	right: 426px;
	background: url("/jp/~/media/biomedical/commons/quality/img/icon_06.jpg") center no-repeat;
}

#top .btnbox07{
	top: 142px;
	right: 142px;
	background: url("/jp/~/media/biomedical/commons/quality/img/icon_07.jpg") center no-repeat;
}

#top .btnbox08{
	top: 0;
	right: 142px;
	background: url("/jp/~/media/biomedical/commons/quality/img/icon_08.jpg") center no-repeat;
}

#top .btnbox09{
	top: 142px;
	right: 0;
	background: url("/jp/~/media/biomedical/commons/quality/img/icon_09.jpg") center no-repeat;
}

#top .btnbox10{
	top: 426px;
	right: 284px;
	background: url("/jp/~/media/biomedical/commons/quality/img/icon_10.jpg") center no-repeat;
}

#top .navbox01{
	top: 426px;
	right: 426px;
}

#top .navbox02{
	top: 426px;
	right: 142px;
}

#top .navbox03{
	top: 426px;
	right: 0;
}

#top .btnbox01 a::before,
#top .btnbox02 a::before,
#top .btnbox03 a::before,
#top .btnbox04 a::before,
#top .btnbox05 a::before,
#top .btnbox06 a::before,
#top .btnbox07 a::before,
#top .btnbox08 a::before,
#top .btnbox09 a::before,
#top .btnbox10 a::before{
	content: "1";
	font-family:"FrutigerBold";
	font-size: 20px;
	line-height: 1;
	position: absolute;
	bottom: 15px;
	right: 15px;
}

#top .btnbox02 a::before{
	content: "2";
}

#top .btnbox03 a::before{
	content: "3";
}

#top .btnbox04 a::before{
	content: "4";
}

#top .btnbox05 a::before{
	content: "5";
}

#top .btnbox06 a::before{
	content: "6";
}

#top .btnbox07 a::before{
	content: "7";
}

#top .btnbox08 a::before{
	content: "8";
}

#top .btnbox09 a::before{
	content: "9";
}

#top .btnbox10 a::before{
	content: "10";
}


@media screen and (max-width: 650px) {
	
	#top .btnbox a{
    padding: 10px;
  }
	
  #top{
	background: url("/jp/~/media/biomedical/commons/quality/img/top_bk.jpg") center no-repeat;
    background-size: cover;
  }

  #top .text{
    width: 100%;
    height: auto;
    padding: 30px 20px;
  }

  #top .text p{
	font-size: 15px;
    line-height: 1.4;
  }
	
	#top .text > div{
		width: 100%;
		position: static;
		bottom: auto;
		left: auto;
  }


  #top .text_sub{
    width: 100%;
    height: auto;
    position: static;
    display: block;
  }

  #top .text_sub h2{
    width: 60%;
  }
	
  #top .text_sub p{
	width: 100%;
    font-size: 14px;
    line-height: 1.5;
		margin: 0;
    padding: 0 20px 20px;;
  }

	#top .btnbox01{
    background: url("/jp/~/media/biomedical/commons/quality/img/icon_01.jpg") center no-repeat;
		background-size: cover;
  }

  #top .btnbox02{
    background: url("/jp/~/media/biomedical/commons/quality/img/icon_02.jpg") center no-repeat;
		background-size: cover;
  }

  #top .btnbox03{
    background: url("/jp/~/media/biomedical/commons/quality/img/icon_03.jpg") center no-repeat;
		background-size: cover;
  }

  #top .btnbox04{
    background: url("/jp/~/media/biomedical/commons/quality/img/icon_04.jpg") center no-repeat;
		background-size: cover;
  }

  #top .btnbox05{
    background: url("/jp/~/media/biomedical/commons/quality/img/icon_05.jpg") center no-repeat;
		background-size: cover;
  }

  #top .btnbox06{
    background: url("/jp/~/media/biomedical/commons/quality/img/icon_06.jpg") center no-repeat;
		background-size: cover;
  }

  #top .btnbox07{
    background: url("/jp/~/media/biomedical/commons/quality/img/icon_07.jpg") center no-repeat;
		background-size: cover;
  }

  #top .btnbox08{
    background: url("/jp/~/media/biomedical/commons/quality/img/icon_08.jpg") center no-repeat;
		background-size: cover;
  }

  #top .btnbox09{
    background: url("/jp/~/media/biomedical/commons/quality/img/icon_09.jpg") center no-repeat;
		background-size: cover;
  }

  #top .btnbox10{
    background: url("/jp/~/media/biomedical/commons/quality/img/icon_10.jpg") center no-repeat;
		background-size: cover;
  }
	
  #top .btnbox01 a::before,
  #top .btnbox02 a::before,
  #top .btnbox03 a::before,
  #top .btnbox04 a::before,
  #top .btnbox05 a::before,
  #top .btnbox06 a::before,
  #top .btnbox07 a::before,
  #top .btnbox08 a::before,
  #top .btnbox09 a::before,
  #top .btnbox10 a::before{
    font-size: 3vw;
    line-height: 1;
    position: absolute;
    bottom: 1vw;
    right: 1vw;
  }

}

/*-----q1-----*/

#q1{
	background: url("/jp/~/media/biomedical/commons/quality/img/bk01.jpg") center no-repeat;
	background-size: cover;
}

#q1 .text{
	width: 710px;
	height: 568px;
	padding: 40px 23px;
	box-sizing: border-box;
}

#q1 .text h2{
	font-size: 24px;
	line-height: 1.5;
}

#q1 .text h2 span{
  color: #dd000a;
	padding-right: 0.5em;
}

#q1 .btnbox01{
	top: 568px;
	left: 142px;
}

#q1 .btnbox02{
	top: 568px;
	left: 284px;
}

#q1 .btnbox03{
	top: 568px;
	left: 426px;
}

#q1 .btnbox04{
	top: 568px;
	left: 568px;
}

#q1 .btnbox05{
	top: 142px;
	left: 710px;
}

#q1 .btnbox06{
	top: 284px;
	left: 710px;
}

#q1 .btnbox07{
	top: 426px;
	left: 710px;
}

#q1 .btnbox08{
	top: 142px;
	left: 852px;
}

#q1 .btnbox09{
	top: 284px;
	left: 852px;
}

#q1 .navbox01{
	top: 0;
	right: 0;
}

#q1 .navbox02{
	top: 568px;
	left: 0;
}

#q1 .navbox03{
	top: 0;
	right: 426px;
}

#q1 .navbox04{
	top: 0;
	right: 284px;
}
@media screen and (max-width: 650px) {
  #q1{
    background: url("/jp/~/media/biomedical/commons/quality/img/bk01.jpg") center no-repeat;
    background-size: cover;
  }

  #q1 .text{
    width: 100%;
    height: auto;
    padding: 30px 20px;
    box-sizing: border-box;
  }

  #q1 .text h2{
    font-size: 20px;
    line-height: 1.4;
  }

  #q1 .text_sub{
    width: 100%;
    height: auto;
    padding: 30px 20px;
    position: static;
  }

  #q1 .text_sub h2{
    font-size: 20px;
    line-height: 1.4;
  }


}

/*-----q2-----*/

#q2{
	height: 852px;
	background: url("/jp/~/media/biomedical/commons/quality/img/bk02.jpg") center no-repeat;
	background-size: cover;
}

#q2 .text{
	width: 994px;
	height: 426px;
	padding: 40px 23px;
	box-sizing: border-box;
}

#q2 .text h2{
	font-size: 24px;
	line-height: 1.5;
}

#q2 .text h2 span{
  color: #dd000a;
	padding-right: 0.5em;
}

#q2 .text_sub{
	width: 852px;
	height: 284px;
	padding: 40px 23px;
	position: absolute;
	top: 426px;
	left: 142px;
	box-sizing: border-box;
}

#q2 .text_sub h2{
	font-size: 24px;
	line-height: 1.5;
}

#q2 .text_sub p{
	line-height: 1.5;
}

#q2 .btnbox01{
	top: 426px;
	left: 0;
}

#q2 .btnbox02{
	top: 0;
	right: 142px;
}

#q2 .btnbox03{
	top: 142px;
	right: 0;
}

#q2 .btnbox04{
	top: 142px;
	right: 142px;
}

#q2 .btnbox05{
	top: 284px;
	right: 0;
}

#q2 .btnbox06{
	top: 284px;
	right: 142px;
}

#q2 .btnbox07{
	top: 426px;
	right: 0;
}

#q2 .btnbox08{
	top: 426px;
	right: 142px;
}

#q2 .btnbox09{
	top: 568px;
	right: 142px;
}


#q2 .navbox01{
	top: 710px;
	right: 0;
}

#q2 .navbox02{
	top: 0;
	right: 0;
}

#q2 .navbox03{
	top:568px;
	left: 0;
}

#q2 .navbox04{
	top: 568px;
	right: 0;
}

@media screen and (max-width: 650px) {
  #q2{
		height: auto;
    background: url("/jp/~/media/biomedical/commons/quality/img/bk02.jpg") center no-repeat;
    background-size: cover;
  }

  #q2 .text{
    width: 100%;
    height: auto;
    padding: 30px 20px;
    box-sizing: border-box;
  }

  #q2 .text h2{
    font-size: 20px;
    line-height: 1.4;
  }

  #q2 .text_sub{
    width: 100%;
    height: auto;
    padding: 30px 20px;
    position: static;
  }

  #q2 .text_sub h2{
    font-size: 20px;
    line-height: 1.4;
  }

}

/*-----q3-----*/

#q3{
	background: url("/jp/~/media/biomedical/commons/quality/img/bk03.jpg") center no-repeat;
	background-size: cover;
}

#q3 .text{
	width: 852px;
	height: 426px;
	padding: 40px 23px;
	box-sizing: border-box;
}

#q3 .text h2{
	font-size: 24px;
	line-height: 1.5;
}

#q3 .text h2 span{
  color: #dd000a;
	padding-right: 0.5em;
}

#q3 .text p + h2{
	margin-top: 15px;
}

#q3 .text_sub{
	width: 710px;
	height: 142px;
	padding: 20px 23px;
	position: absolute;
	top: 426px;
	left: 142px;
	box-sizing: border-box;
}

#q3 .text_sub h2{
	font-size: 24px;
	line-height: 1.5;
}

#q3 .btnbox01{
	top: 426px;
	left: 0;
}

#q3 .btnbox02{
	top: 568px;
	left: 0;
}

#q3 .btnbox03{
	top: 0;
	right: 284px;
}

#q3 .btnbox04{
	top: 0;
	right: 142px;
}

#q3 .btnbox05{
	top: 142px;
	right: 284px;
}

#q3 .btnbox06{
	top: 142px;
	right: 142px;
}

#q3 .btnbox07{
	top: 284px;
	right: 284px;
}

#q3 .btnbox08{
	top: 284px;
	right: 142px;
}

#q3 .btnbox09{
	top: 426px;
	right: 284px;
}

#q3 .navbox01{
	top: 284px;
	right: 0;
}

#q3 .navbox02{
	top: 426px;
	right: 142px;
}

#q3 .navbox03{
	top:426px;
	right: 0;
}

#q3 .navbox04{
	top: 568px;
	right: 0;
}

@media screen and (max-width: 650px) {
  #q3{
    background: url("/jp/~/media/biomedical/commons/quality/img/bk03.jpg") center no-repeat;
    background-size: cover;
  }

  #q3 .text{
    width: 100%;
    height: auto;
    padding: 30px 20px;
    box-sizing: border-box;
  }

  #q3 .text h2{
    font-size: 20px;
    line-height: 1.4;
  }

  #q3 .text_sub{
    width: 100%;
    height: auto;
    padding: 30px 20px;
    position: static;
  }

  #q3 .text_sub h2{
    font-size: 20px;
    line-height: 1.4;
  }

}

/*-----q4-----*/

#q4{
	height: 877px;
	background: url("/jp/~/media/biomedical/commons/quality/img/bk04.jpg") center no-repeat;
	background-size: cover;
}

#q4 .text{
	width: 852px;
	height: 426px;
	padding: 40px 23px;
	box-sizing: border-box;
}

#q4 .text h2{
	font-size: 24px;
	line-height: 1.5;
}

#q4 .text h2 span{
  color: #dd000a;
	padding-right: 0.5em;
}


#q4 .text ul li{
	font-size: 13px;
	line-height: 1.8;
	padding-left: 5em;
}

#q4 .text ul li span{
	width: 5em;
	margin-left: -5em;
	display: inline-block;
}

#q4 .text ul li + li{
	margin-top: 20px;
}

#q4 .text_sub{
	width: 710px;
	height: 142px;
	padding:10px 23px;
	position: absolute;
	top: 568px;
	left: 0;
	box-sizing: border-box;
}

#q4 .text_sub h2{
	font-size: 24px;
	line-height: 1.5;
}

#q4 .text_sub p{
	line-height: 1.5;
}

#q4 .btnbox01{
	top: 426px;
	right: 426px;
}

#q4 .btnbox02{
	top: 426px;
	right: 284px;
}

#q4 .btnbox03{
	top: 568px;
	right: 284px;
}

#q4 .btnbox04{
	top: 426px;
	right: 142px;
}

#q4 .btnbox05{
	top: 568px;
	right: 142px;
}

#q4 .btnbox06{
	top: 710px;
	right: 142px;
}

#q4 .btnbox07{
	top: 284px;
	right: 0;
}

#q4 .btnbox08{
	top: 426px;
	right: 0;
}

#q4 .btnbox09{
	top: 568px;
	right: 0;
}

#q4 .navbox01{
	top: 0;
	right: 284px;
}

#q4 .navbox02{
	top: 0;
	right: 142px;
}

#q4 .navbox03{
	top:0;
	right: 0;
}

#q4 .navbox04{
	top: 142px;
	right: 0;
}

@media screen and (max-width: 650px) {
  #q4{
		height:  auto;
    background: url("/jp/~/media/biomedical/commons/quality/img/bk04.jpg") center no-repeat;
    background-size: cover;
  }

  #q4 .text{
    width: 100%;
    height: auto;
    padding: 30px 20px;
    box-sizing: border-box;
  }

  #q4 .text h2{
    font-size: 20px;
    line-height: 1.4;
  }
	
  #q4 .text ul li{
    font-size: 14px;
    line-height: 1.8;
    padding-left: 5em;
  }

  #q4 .text ul li span{
    width: 5em;
    margin-left: -5em;
    display: inline-block;
  }

  #q4 .text ul li + li{
    margin-top: 15px;
  }

  #q4 .text_sub{
    width: 100%;
    height: auto;
    padding: 30px 20px;
    position: static;
  }

  #q4 .text_sub h2{
    font-size: 20px;
    line-height: 1.4;
  }

}


/*-----q5-----*/

#q5{
	height: 852px;
	background: url("/jp/~/media/biomedical/commons/quality/img/bk05.jpg") center no-repeat;
	background-size: cover;
}

#q5 .text{
	width: 568px;
	height: 568px;
	padding: 40px 23px;
	box-sizing: border-box;
}

#q5 .text h2{
	font-size: 24px;
	line-height: 1.5;
}

#q5 .text h2 span{
  color: #dd000a;
	padding-right: 0.5em;
}

#q5 .text_sub{
	width: 426px;
	height: 284px;
	padding: 20px 23px;
	position: absolute;
	top: 284px;
	right: 284px;
	box-sizing: border-box;
}

#q5 .text_sub h2{
	font-size: 24px;
	line-height: 1.5;
}

#q5 .text_sub p{
	line-height: 1.5;
}

#q5 .btnbox01{
	top: 568px;
	left: 142px
}

#q5 .btnbox02{
	top: 568px;
	left: 284px;
}

#q5 .btnbox03{
	top: 568px;
	left: 426px;
}

#q5 .btnbox04{
	top: 0;
	right: 426px;
}

#q5 .btnbox05{
	top: 142px;
	right: 426px;
}

#q5 .btnbox06{
	top: 142px;
	right: 284px;
}

#q5 .btnbox07{
	top: 142px;
	right: 0;
}

#q5 .btnbox08{
	top: 568px;
	right: 284px;
}

#q5 .btnbox09{
	top: 568px;
	right: 0;
}

#q5 .navbox01{
	top: 568px;
	right: 142px;
}

#q5 .navbox02{
	top: 568px;
	left: 0;
}

#q5 .navbox03{
	top:142px;
	right: 142px;
}

#q5 .navbox04{
	top: 0;
	right: 142px;
}

@media screen and (max-width: 650px) {
  #q5{
    background: url("/jp/~/media/biomedical/commons/quality/img/bk05.jpg") center no-repeat;
    background-size: cover;
  }

  #q5 .text{
    width: 100%;
    height: auto;
    padding: 30px 20px;
    box-sizing: border-box;
  }

  #q5 .text h2{
    font-size: 20px;
    line-height: 1.4;
  }

  #q5 .text_sub{
    width: 100%;
    height: auto;
    padding: 30px 20px;
    position: static;
  }

  #q5 .text_sub h2{
    font-size: 20px;
    line-height: 1.4;
  }


}

/*-----q6-----*/

#q6{
	height: 1486px;
	background: url("/jp/~/media/biomedical/commons/quality/img/bk06.jpg") center no-repeat;
	background-size: cover;
}

#q6 .text{
	width: 852px;
	height: 994px;
	padding: 40px 23px;
	box-sizing: border-box;
}

#q6 .text h2{
	font-size: 24px;
	line-height: 1.5;
}

#q6 .text h2 span{
  color: #dd000a;
	padding-right: 0.5em;
}

#q6 .btnbox01{
	top: 426px;
	right: 284px;
}

#q6 .btnbox02{
	top: 568px;
	right: 284px;
}

#q6 .btnbox03{
	top: 426px;
	right: 142px;
}

#q6 .btnbox04{
	top: 568px;
	right: 142px;
}

#q6 .btnbox05{
	top: 284px;
	right: 0;
}

#q6 .btnbox06{
	top: 426px;
	right: 0;
}

#q6 .btnbox07{
	top: 568px;
	right: 0;
}

#q6 .btnbox08{
	top: 710px;
	right: 142px;
}

#q6 .btnbox09{
	top: 710px;
	right: 0;
}

#q6 .navbox01{
	top: 142px;
	right: 284px;
}

#q6 .navbox02{
	top: 0;
	right: 284px;
}

#q6 .navbox03{
	top:0;
	right: 142px;
}

#q6 .navbox04{
	top: 710px;
	right: 284px;
}

#q6 .ps01{
	top: 284px;
	right: 284px;
}

@media screen and (max-width: 650px) {
  #q6{
    background: url("/jp/~/media/biomedical/commons/quality/img/bk06.jpg") center no-repeat;
    background-size: cover;
  }

  #q6 .text{
    width: 100%;
    height: auto;
    padding: 30px 20px;
    box-sizing: border-box;
  }
		
  #q6 .text h2{
    font-size: 20px;
    line-height: 1.4;
  }

  #q6 .text_sub{
    width: 100%;
    height: auto;
		margin: 0;
    padding: 30px 20px;
    position: static;
  }

  #q6 .text_sub h2{
    font-size: 20px;
    line-height: 1.4;
  }

}

/*-----q7-----*/

#q7{
	height: 1462px;
	background: url("/jp/~/media/biomedical/commons/quality/img/bk07.jpg") center no-repeat;
	background-size: cover;
}

#q7 .text{
	width: 568px;
	height: 852px;
	padding: 40px 23px;
	box-sizing: border-box;
}

#q7 .text.tx02{
	width: 710px;
	height: 568px;
	padding: 10px  23px 40px;
	margin-top: 142px;
}

#q7 .text h2{
	font-size: 24px;
	line-height: 1.5;
}

#q7 .text h2 span{
  color: #dd000a;
	padding-right: 0.5em;
}

#q7 .text_sub{
	width: 568px;
	height: 568px;
	padding: 20px 23px;
	position: absolute;
	top: 142px;
	right: 142px;
	box-sizing: border-box;
}

#q7 .text_sub h2{
	font-size: 22px;
	line-height: 1.5;
}

#q7 .btnbox01{
	top: 0;
	right: 284px;
}

#q7 .btnbox02{
	top: 0;
	right: 142px;
}

#q7 .btnbox03{
	top: 284px;
	right: 0;
}

#q7 .btnbox04{
	top: 426px;
	right: 0;
}

#q7 .btnbox05{
	top: 568px;
	right: 0;
}

#q7 .btnbox06{
	top: 710px;
	right: 426px;
}

#q7 .btnbox07{
	top: 710px;
	right: 284px;
}

#q7 .btnbox08{
	top: 852px;
	right: 426px;;
}

#q7 .btnbox09{
	top: 852px;
	right: 284px;
}

#q7 .navbox01{
	top: 0;
	right: 426px;
}

#q7 .navbox02{
	top: 994px;
	right: 426px;
}

#q7 .navbox03{
	top:994px;
	right: 284px;
}

#q7 .navbox04{
	top: 142px;
	right: 0;
}

#q7 .ps01{
	top: 710px;
	right: 0;
}

@media screen and (max-width: 650px) {
  #q7{
    background: url("/jp/~/media/biomedical/commons/quality/img/bk07.jpg") center no-repeat;
    background-size: cover;
  }

  #q7 .text{
    width: 100%;
    height: auto;
    padding: 30px 20px 10px;
    box-sizing: border-box;
  }
	
  #q7 .text.tx02{
    width: 100%;
    height: auto;
		margin: 0;
    padding: 0 20px 30px;
  }

  #q7 .text h2{
    font-size: 20px;
    line-height: 1.4;
  }

  #q7 .text_sub{
    width: 100%;
    height: auto;
		margin: 0;
    padding: 30px 20px;
    position: static;
  }

  #q7 .text_sub h2{
    font-size: 20px;
    line-height: 1.4;
  }

}

/*-----q8-----*/

#q8{
	background: url("/jp/~/media/biomedical/commons/quality/img/bk08.jpg") center no-repeat;
	background-size: cover;
}

#q8 .text{
	width: 710px;
	height: 568px;;
	padding: 40px 23px;
	box-sizing: border-box;
}


#q8 .text h2{
	font-size: 24px;
	line-height: 1.5;
}

#q8 .text h2 span{
  color: #dd000a;
	padding-right: 0.5em;
}

#q8 .btnbox01{
	top: 568px;
	right: 426px;
}

#q8 .btnbox02{
	top: 568px;
	right: 284px;
}

#q8 .btnbox03{
	top: 568px;
	right: 142px;
}

#q8 .btnbox04{
	top: 568px;
	right: 0;
}

#q8 .btnbox05{
	top: 426px;
	right: 0;
}

#q8 .btnbox06{
	top: 284px;
	right: 0;
}

#q8 .btnbox07{
	top: 142px;
	right: 0;
}

#q8 .btnbox08{
	top: 0;
	right: 0;
}

#q8 .btnbox09{
	top: 284px;
	right: 142px;
}

#q8 .navbox01{
	top: 142px;
	right: 142px;
}

#q8 .navbox02{
	top: 426px;
	right: 284px;
}

#q8 .navbox03{
	top:426px;
	right: 142px;
}

#q8 .navbox04{
	top: 426px;
	right: 426px;
}

#q8 .ps01{
	top: 0;
	right: 426px;
}

#q8 .ps02{
	top: 0;
	right: 284px;
}

#q8 .ps01 a,
#q8 .ps02 a{
	width: 100%;
	height: 100%;
	font-size: 15px;
	line-height: 1.4;
	display: block;
	color: #dd000a;
	position: relative;
	transition:0.3s linear;
}

#q8 .ps01 a:hover,
#q8 .ps02 a:hover{
	opacity: 0.7;
	text-decoration: none;
	transition:0.3s;
}

#q8 .ps01 a span,
#q8 .ps02 a span{
	position: absolute;
	right: 15px;
	bottom: 10px;
}



@media screen and (max-width: 650px) {
  #q8{
    background: url("/jp/~/media/biomedical/commons/quality/img/bk08.jpg") center no-repeat;
    background-size: cover;
  }

  #q8 .text{
    width: 100%;
    height: auto;
    padding: 30px 20px;
    box-sizing: border-box;
  }
	
  #q8 .text h2{
    font-size: 20px;
    line-height: 1.4;
  }
	
  #q8 .ps01{
		position: static;
    width: 25%;
		height: 22vw;
		float: left;
  }

  #q8 .ps02{
    position: static;
    width: 25%;
		height: 22vw;
		float: left;
  }
	
  #q8 .ps01 a,
  #q8 .ps02 a{
    font-size: 14px;
    line-height: 1.4;
  }


}

/*-----q9-----*/

#q9{
	background: url("/jp/~/media/biomedical/commons/quality/img/bk09.jpg") center no-repeat;
	background-size: cover;
}

#q9 .text{
	width: 710px;
	height: 568px;
	padding: 40px 23px;
	box-sizing: border-box;
}


#q9 .text h2{
	font-size: 24px;
	line-height: 1.5;
}

#q9 .text h2 span{
  color: #dd000a;
	padding-right: 0.5em;
}

#q9 .btnbox01{
	top: 568px;
	left: 0;
}

#q9 .btnbox02{
	top: 568px;
	left: 142px;
}

#q9 .btnbox03{
	top: 568px;
	left: 284px;
}

#q9 .btnbox04{
	top: 568px;
	left: 426px;
}

#q9 .btnbox05{
	top: 568px;
	right: 568px;
}

#q9 .btnbox06{
	top: 568px;
	right:426px;
}

#q9 .btnbox07{
	top: 568px;
	right: 284px;
}

#q9 .btnbox08{
	top: 426px;
	right: 142px;
}

#q9 .btnbox09{
	top: 284px;
	right: 142px;
}

#q9 .navbox01{
	top: 142px;
	right: 142px;
}

#q9 .navbox02{
	top: 426px;
	right: 426px;
}

#q9 .navbox03{
	top:284px;
	right: 426px;
}

#q9 .navbox04{
	top: 568px;
	right: 142px;
}

#q9 .ps01{
	top:0;
	right: 0;
	height: 568px;
}

#q9 .ps02{
	top:568px;
	right: 0;
}

@media screen and (max-width: 650px) {
  #q9{
    background: url("/jp/~/media/biomedical/commons/quality/img/bk09.jpg") center no-repeat;
    background-size: cover;
  }

  #q9 .text{
    width: 100%;
    height: auto;
    padding: 30px 20px;
    box-sizing: border-box;
  }
	
  #q9 .text h2{
    font-size: 20px;
    line-height: 1.4;
  }

}


/*-----q10-----*/

#q10{
	background: url("/jp/~/media/biomedical/commons/quality/img/bk10.jpg") center no-repeat;
	background-size: cover;
}

#q10 .text{
	width: 710px;
	height: 568px;
	padding: 40px 23px;
	box-sizing: border-box;
}

#q10 .text h2{
	font-size: 24px;
	line-height: 1.5;
}

#q10 .text h2 span{
  color: #dd000a;
	padding-right: 0.5em;
}

#q10 .text_sub{
	width: 568px;
	height: 284px;
	padding: 20px 23px;
	position: absolute;
	top: 142px;
	right: 0;
	box-sizing: border-box;
}

#q10 .text_sub h2{
	font-size: 24px;
	line-height: 1.5;
}

#q10 .text_sub p{
	line-height: 1.5;
}

#q10 .btnbox01{
	top: 568px;
	left: 0;
}

#q10 .btnbox02{
	top: 568px;
	left: 142px;
}

#q10 .btnbox03{
	top: 568px;
	left: 284px;
}

#q10 .btnbox04{
	top: 568px;
	left: 426px;
}

#q10 .btnbox05{
	top: 568px;
	left: 568px;
}

#q10 .btnbox06{
	top: 0;
	right: 284px;
}

#q10 .btnbox07{
	top: 0;
	right: 0;
}

#q10 .btnbox08{
	top: 426px;
	right: 284px;
}

#q10 .btnbox09{
	top: 426px;
	right: 142px;
}

#q10 .navbox01{
	top: 0;
	right: 426px;
}

#q10 .navbox02{
	top: 426px;
	right: 0;
}

#q10 .navbox03{
	top:426px;
	right: 426px;
}

#q10 .navbox04{
	top: 0;
	right: 142px;
}

@media screen and (max-width: 650px) {
  #q10{
    background: url("/jp/~/media/biomedical/commons/quality/img/bk10.jpg") center no-repeat;
    background-size: cover;
  }

  #q10 .text{
    width: 100%;
    height: auto;
    padding: 30px 20px ;
    box-sizing: border-box;
  }
	
  #q10 .text h2{
    font-size: 20px;
    line-height: 1.4;
  }

  #q10 .text_sub{
    width: 100%;
    height: auto;
		margin: 0;
    padding: 30px 20px;
    position: static;
  }

  #q10 .text_sub h2{
    font-size: 20px;
    line-height: 1.4;
  }


}