@charset "utf-8";
/* CSS Document */


#generix-wrap{
    text-align: center;
}

/*▼▼▼▼▼▼▼SP▼▼▼▼▼▼▼*/
@media screen and (max-width: 768px) {

	#generix-wrap img{
}
	#generix-wrap{
 	width: 100%;
}

	
}
/*▲▲▲▲▲▲▲SP▲▲▲▲▲▲▲*/


/*********************************
メニューボタン
*********************************/

.Jump-menu{
    width: 1080px;    
    text-align: center;
    margin: 0 auto 80px auto;
}
.Jump-menu h3{
    font-size: 32px;
    font-weight: bold;
    padding: 10px 0;
    background: #fded82;   
    border-radius: 100px;
    margin: 20px 0 50px 0;
}
.Jump-menu ul{
    display: flex;
    justify-content: space-between;
}
.Jump-menu h4{
    font-size: 30px;
    font-weight: bold;
    line-height: 100%;
}
.Jump-menu h4 span{
    font-size: 22px;
    font-weight: bold;
}
.Jump-menu h4.Jump-menu-space{
    padding: 17px 0;
}

/*▼▼▼▼▼▼▼SP▼▼▼▼▼▼▼*/
@media screen and (max-width: 768px) {
.Jump-menu{
    width: 94%;    
    text-align: center;
    margin: 0 auto 80px auto;
}
.Jump-menu h3{
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
    background: #fded82;   
    border-radius: 100px;
    margin: 20px 0;
}
    .Jump-menu ul{
    display: block;
}
    .Jump-menu li{
        margin: 0 auto 40px auto;
        width: 70%;
}
    .Jump-menu h4{
    font-size: 24px;
    font-weight: bold;
    line-height: 100%;
}
.Jump-menu h4 span{
    font-size: 18px;
    font-weight: bold;
}
}
/*▲▲▲▲▲▲▲SP▲▲▲▲▲▲▲*/



.button_jump-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #ffffff;
  font-size: 18px;
  border-radius: 30px;
  width: 330px;
  height: 60px;
  font-weight: bold;
  position: relative;
  box-shadow: 2px 4px 0px 0px rgba(180, 96, 60, 1);
  background-color: #fa8100ff;
}

.button_jump-menu::after {
    content: "";
    display: block;
    position: absolute;
    top: 40%;
    right: 30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 15px solid #ffffff;
    border-bottom: 0;
}

.button_jump-menu:hover::before {
opacity:0.5; 
}

.button_jump-menu:hover::after {
opacity:0.5; 
}

/*▼▼▼▼▼▼▼SP▼▼▼▼▼▼▼*/
@media screen and (max-width: 768px) {
.button_jump-menu {
    width: 100%;
    height: 40px;
}    
}
/*▲▲▲▲▲▲▲SP▲▲▲▲▲▲▲*/

/*********************************
Genelix Q16
*********************************/

/*********************************
Genelix Q16のポイント
*********************************/
#itemlist_q16{
    width: 100%;
}
#itemlist_q16 h2{
    width: 100%;
    font-size: 40px;
    font-weight: bold;
    background:#25ADCB;
    color: #fff;
    padding: 35px 0;
    text-align: center;
}
#itemlist_q16 h2 span{
    font-size: 30px;
    background: #fff;
    color:#25ADCB;
    padding: 15px;
    border-radius: 10px;
    margin: 0 20px 0 0;
}

#itemlist_q16 .q16_point{
    background: #D5E7EB;
    padding: 60px 0;
}

#itemlist_q16 .q16_point li{
    background: #FFFFFF;
    display: flex;
        justify-content: space-between;
    max-width: 1040px;
    margin: 0 auto 30px;
    padding: 30px;
border-radius: 15px;
box-shadow: 5px 5px 5px #bcbcbc;
}

#itemlist_q16 .q16_point li .point_ttl{
    display: flex;
}

#itemlist_q16 .q16_point li .point_icon{
background: #25adcb;
    color: #fff;
    border-radius: 100px;
    font-weight: bold;
        width: 80px;
    height: 65px;
        font-size: 32px;
    padding: 15px 0 0 0;
    margin: 0 10px 0 0;
}

#itemlist_q16 .q16_point li .point_icon span{
    display: block;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 -13px 0;
}  
#itemlist_q16 .q16_point li h3{
font-size: 28px;
    font-weight: bold;
    color: #25adcb;
    padding: 15px 0 0 0;
	text-align: left;
    line-height: 120%;
}

#itemlist_q16 .q16_point li .point_ex{
        text-align: left;
    margin: 20px 0 0 0;
}

#itemlist_q16 .q16_point li .point_ex strong{
    color: #AC1316;
}

#itemlist_q16 .q16_point li .q16_point_img img{
    width: 350px;
}

/*▼▼▼▼▼▼▼SP▼▼▼▼▼▼▼*/
@media screen and (max-width: 768px) {
	
#itemlist_q16 h2{
    width: 100%;
    font-size: 28px;
    font-weight: bold;
    background:#25ADCB;
    color: #fff;
    padding: 15px 0;
    text-align: center;
}
#itemlist_q16 h2 span{
        font-size: 16px;
        padding: 10px;
        border-radius: 10px;
        width: 40%;
        display: block;
        margin: 0 auto;
}

#itemlist_q16 .q16_point{
    background: #D5E7EB;
    padding: 30px 0;
}

	
#itemlist_q16 .q16_point li{
    display:block;
	padding: 5%;
	width: 84%;
}
#itemlist_q16 .q16_point li h3 {
    font-size: 20px;
    text-align: left;
	line-height: 150%;
     width: 70%;
	}
	
	#itemlist_q16 .q16_point li .point_icon {
    width: 75px;
    height: 60px;
    font-size: 28px;
    padding: 15px 0 0 0;
    margin: 0 10px 0 0;
}
}
/*▲▲▲▲▲▲▲SP▲▲▲▲▲▲▲*/

/*********************************
Genelix Q16の紹介
*********************************/
#about_q16{
    max-width: 1100px;
    margin: 0 auto 30px;
padding: 100px 0 0 0;
}
#about_q16 h2{
        background: #1caac9;
    color: #fff;
    border-radius: 100px;
    font-size: 32px;
    font-weight: bold;
    padding: 20px 0;
margin: 0 0 50px 0;
}
#about_q16 h4{
    font-size: 26px;
	margin: 0 0 30px 0;
}
.wrap_flex2{
 display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin: 50px 0;
}
.wrap_flex3{
 display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
    margin: 50px 0;
}

.wrap_flex img{
    width: auto;
    max-width: 100%;
}
.waku_hai{
	    border: solid 4px #d0d5d8;
    padding: 40px 40px 20px ;
    border-radius: 15px;
    margin: 50px 0;
}


/*▼▼▼▼▼▼▼SP▼▼▼▼▼▼▼*/
@media screen and (max-width: 768px) {
#about_q16{
    max-width: 100%;
    margin: 0 auto 30px;
padding: 50px 3% 0;
}
	#about_q16 h2{
    font-size: 24px;
    font-weight: bold;
    padding: 20px;
margin: 0 0 50px;
}
	#about_q16 h4{
    font-size: 22px;
	margin: 0 0 20px 0;
}
.wrap_flex2{
 display: block;
  margin: 30px 0;
}
.wrap_flex3{
 display: block;
    margin: 30px 0;
}

.wrap_flex2 img,.wrap_flex3 img{
    width: auto;
    max-width: 85%;
}	
.waku_hai{
border: solid 4px #d0d5d8;
    padding: 20px 0 0 0;
    border-radius: 15px;
    margin: 30px 0;
}

	
}
/*▲▲▲▲▲▲▲SP▲▲▲▲▲▲▲*/

/*********************************
アコーディオン
*********************************/

.generix-accordion{
    width: 1000px;
    margin: 50px auto;
}

/*ベース*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 24px;
    font-weight: bold;
	display: block;
	color: #fa8100;
	background:#fff;
    border-radius: 100px;
    width: 1000px;
    border: 3px solid #fa8100;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fa8100;
	border-right: 2px solid #fa8100;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}

/*▼▼▼▼▼▼▼SP▼▼▼▼▼▼▼*/
@media screen and (max-width: 768px) {

.generix-accordion{
    width: 100%;
    margin: 50px auto;
}
.Label {		/*タイトル*/
	padding: 15px 0;
    width: 94%;
    margin: 0 auto;
}
    .content {		/*本文*/
	padding:0 0px;
}
    .toggle:checked + .Label + .content {	/*開閉時*/
	padding:5px ;
}
}
/*▲▲▲▲▲▲▲SP▲▲▲▲▲▲▲*/

/*********************************
スペックリスト・Q16
*********************************/

dl.table-style_simple{
    display:flex;
    flex-wrap: wrap;
    border-top: none;
    text-align: center;
    padding: 50px;
    font-size: 16px;
}
.table-style_simple dt{
    background: #ddd;
    width: 30%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc; 
}
.table-style_simple dd{
    padding: 10px;
    margin: 0;
    border: 1px solid #ccc;
    width: 70%;
    box-sizing: border-box;
}
/*▼▼▼▼▼▼▼SP▼▼▼▼▼▼▼*/
@media screen and (max-width: 768px) {
dl.table-style_simple{
    padding: 10px;
    font-size: 14px;
}

}
/*▲▲▲▲▲▲▲SP▲▲▲▲▲▲▲*/




/*********************************
リアルタイム検査キット
*********************************/

/*********************************
リアルタイム検査キットのポイント
*********************************/
#itemlist_rt{
    width: 100%;
	margin: 50px 0 0 0 ;
}
#itemlist_rt h2{
    width: 100%;
    font-size: 40px;
    font-weight: bold;
    background:#183f7d;
    color: #fff;
    padding: 35px 0;
    text-align: center;
}
#itemlist_rt h2 span{
    font-size: 30px;
    background: #fff;
    color:#183f7d;
    padding: 15px;
    border-radius: 10px;
    margin: 0 20px 0 0;
}

#itemlist_rt .rt_point{
    background: #e0e9f4;
    padding: 60px 0;
}

#itemlist_rt .rt_point li{
    background: #FFFFFF;
    display: flex;
        justify-content: space-between;
    max-width: 1040px;
    margin: 0 auto 30px;
    padding: 30px;
border-radius: 15px;
box-shadow: 5px 5px 5px #bcbcbc;
}

#itemlist_rt .rt_point li .point_ttl{
    display: flex;
}

#itemlist_rt .rt_point li .point_icon{
background: #183f7d;
    color: #fff;
    border-radius: 100px;
    font-weight: bold;
        width: 80px;
    height: 65px;
        font-size: 32px;
    padding: 15px 0 0 0;
    margin: 0 10px 0 0;
}

#itemlist_rt .rt_point li .point_icon span{
    display: block;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 -13px 0;
}  
#itemlist_rt .rt_point li h3{
font-size: 28px;
    font-weight: bold;
    color: #183f7d;
    padding: 15px 0 0 0;
	text-align: left;
    line-height: 120%;
}

#itemlist_rt .rt_point li .point_ex{
        text-align: left;
    margin: 20px 0 0 0;
}

#itemlist_rt .rt_point li .point_ex strong{
    color: #AC1316;
}

#itemlist_rt .rt_point li .rt_point_img img{
    width: 350px;
}

/*▼▼▼▼▼▼▼SP▼▼▼▼▼▼▼*/
@media screen and (max-width: 768px) {
	
#itemlist_rt h2{
    width: 100%;
    font-size: 28px;
    font-weight: bold;
    background:#183f7d;
    color: #fff;
    padding: 15px 0;
    text-align: center;
}
#itemlist_rt h2 span{
        font-size: 16px;
        padding: 10px;
        border-radius: 10px;
        width: 40%;
        display: block;
        margin: 0 auto;
}

#itemlist_rt .rt_point{
    background: #e0e9f4;
    padding: 30px 0;
}

	
#itemlist_rt .rt_point li{
    display:block;
	padding: 5%;
	width: 84%;
}
#itemlist_rt .rt_point li h3 {
    font-size: 20px;
    text-align: left;
	line-height: 150%;
     width: 70%;
	
	}
	
	#itemlist_rt .rt_point li .point_icon {
    width: 75px;
    height: 60px;
    font-size: 28px;
    padding: 15px 0 0 0;
    margin: 0 10px 0 0;
}
}
/*▲▲▲▲▲▲▲SP▲▲▲▲▲▲▲*/

/*********************************
Genelix rtの紹介
*********************************/
#about_rt{
    max-width: 1100px;
    margin: 0 auto 30px;
padding: 100px 0 0 0;
}
#about_rt h2{
        background: #183f7d;
    color: #fff;
    border-radius: 100px;
    font-size: 32px;
    font-weight: bold;
    padding: 20px 0;
margin: 0 0 50px 0;
}
	#about_rt h3{
    font-size: 24px;
		color: #183f7d;
		background: #c4d4ef;
    padding: 10px 0;
		text-align: center;
margin: 20px 0;
        font-weight: bold;
}
#about_rt h4{
    font-size: 26px;
	margin: 0 0 30px 0;
}
.wrap_flex2{
 display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin: 50px 0;
}
.wrap_flex3{
 display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
    margin: 50px 0;
}

.wrap_flex img{
    width: auto;
    max-width: 100%;
}
.waku_hai{
	    border: solid 4px #d0d5d8;
    padding: 40px 40px 20px ;
    border-radius: 15px;
    margin: 50px 0;
}
.wrap_about_rt{
	margin: 0 0 50px 0;
	text-align: left;
}
.wrap_about_rt_table{
	width: 100%;
	text-align: center;
}
.wrap_about_rt_table td{
	border: 1px solid #183f7d;
	padding: 5px;
}
.wrap_about_rt_table tr th{
	text-align: center;
	background: #f0f6fc;
	border: 1px solid #183f7d;
	font-weight: bold;
}
.rt_procedure {
    margin: 0 0 0 30px;
}
.rt_procedure div{
        margin: 40px 0 80px 0;
}
.waku_about_rt{
	background: #DAF1FF;
	padding: 20px;
    text-align: center;
}
.waku_about_rt h3{
	background-color:#daf1ff;
	color: #183F7D;
	font-size: 22px;
}
.waku_about_rt .wrap_flex2 div:nth-child(1),
.waku_about_rt .wrap_flex2 div:nth-child(1) img{
	width: 200px;
	padding: 40px 0 0 30px ;
}

.waku_about_rt .wrap_flex2 div:nth-child(2),
.waku_about_rt .wrap_flex2 div:nth-child(2) img{
	width: 750px;
}
.waku_about_rt .wrap_flex2 div.waku_about_rt-one:nth-child(1),
.waku_about_rt .wrap_flex2 div.waku_about_rt-one:nth-child(1) img{
	width: 100px;
	padding: 40px 0 0 30px ;
}



/*▼▼▼▼▼▼▼SP▼▼▼▼▼▼▼*/
@media screen and (max-width: 768px) {
#about_rt{
    max-width: 100%;
    margin: 0 auto 30px;
padding: 50px 3% 0;
}
	#about_rt h2{
    font-size: 24px;
    font-weight: bold;
    padding: 20px;
margin: 0 0 50px;
}
		#about_rt h3{
    font-size: 18px;
    padding: 10px 0;
margin: 20px 0;
}
	#about_rt h4{
    font-size: 22px;
	margin: 0 0 20px 0;
}
.wrap_flex2{
 display: block;
  margin: 30px 0;
}
.wrap_flex3{
 display: block;
    margin: 30px 0;
}

.wrap_flex2 img,.wrap_flex3 img{
    width: auto;
    max-width: 85%;
}	
.waku_hai{
border: solid 4px #d0d5d8;
    padding: 20px 0 0 0;
    border-radius: 15px;
    margin: 30px 0;
}
    
.waku_about_rt{
	background: #DAF1FF;
	padding: 20px;
    text-align: center;
}
.waku_about_rt h3{
	background-color:#daf1ff;
	color: #183F7D;
	font-size: 22px;
}
.waku_about_rt .wrap_flex2 div:nth-child(1),
.waku_about_rt .wrap_flex2 div:nth-child(1) img{
	width: 200px;
    margin: 0 auto 10px;
	padding: 0 ;
}

.waku_about_rt .wrap_flex2 div:nth-child(2),
.waku_about_rt .wrap_flex2 div:nth-child(2) img{
	width: 100%;
}
.waku_about_rt .wrap_flex2 div.waku_about_rt-one:nth-child(1),
.waku_about_rt .wrap_flex2 div.waku_about_rt-one:nth-child(1) img{
	width: 100px;
    margin: 0 auto 10px;
	padding: 0 ;
}

.rt_procedure {
    margin: 0 0 0 10px;
}
.rt_procedure div{
        margin: 20px 0;
}

	
}
/*▲▲▲▲▲▲▲SP▲▲▲▲▲▲▲*/


/*********************************
その他説明・リアルタイム検査キット
*********************************/
#other_rt{
width: 100%;
    margin: 120px 0 0 0;
    background: #e0e9f4;
    padding: 150px 0 20px;
}
#other_rt .wrap_other_rt{
    position: relative;
    background: #FFFFFF;
    max-width: 1000px;
    margin: 0 auto 110px;
    padding: 90px 80px;
    border-radius: 15px;
    border: #C4D4EF 5px solid;
        text-align: left;
}
#other_rt h3{
    
    position: absolute;
    background: #183f7d;
    color: #fff;
    border-radius: 100px;
    font-size: 26px;
    font-weight: bold;
    padding: 20px;
    text-align: center;
    margin: 0 0 50px 0;
    z-index: 100;
    width: 800px;
    right: 15%;
        top: -50px;
}
#other_rt .beige_other_rt{
        background: #f4f9e0;
    padding: 30px;
    text-align: center;
        margin: 0 0 30px 0;
}
#other_rt .beige_other_rt strong{
    color: #AC1316;
}
#other_rt .txt_other_rt strong{
text-align: center;
    font-size: 32px;
    color: #183f7d;
    display: block;
}
#other_rt p img{
    display: block;
    margin: 0 auto;
}

/*▼▼▼▼▼▼▼SP▼▼▼▼▼▼▼*/
@media screen and (max-width: 768px) {
#other_rt{
width: 94%;
    margin: 70px 0 0 0;
    padding: 90px 3% 1px;
}
#other_rt .wrap_other_rt{
    margin: 0 auto 60px;
    padding: 90px 5% 50px;
}
#other_rt h3{
    font-size: 20px;
    padding: 15px;
    margin: 0 auto 50px auto;
    width: auto;
    right: 0;
    top: -50px;
}
#other_rt .beige_other_rt{
    padding: 15px;
}
#other_rt .txt_other_rt strong{
text-align: left;
    font-size: 18px;
}
#other_rt p img{
    display: block;
    margin: 0 auto;
}

}
/*▲▲▲▲▲▲▲SP▲▲▲▲▲▲▲*/


/*********************************
スペックリスト・リアルタイム検査キット
*********************************/

.generix-accordion h4{
    font-size: 28px;
    margin: 30px 0 10px 0;
}
.table-style_rt th{
    background: #ddd;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc; 
}
.table-style_rt th:nth-child(1){
    width: 10%;
}
.table-style_rt th:nth-child(2){
    width: 50%;
}
.table-style_rt tr {
    border-bottom: #DDDDDD 1px solid;
}
.table-style_rt td:first-child {
  background: #dbeef5;
    text-align: center;
}
.table-style_rt td {
    text-align: left;
font-size: 14px;
    padding: 5px;
}

/*▼▼▼▼▼▼▼SP▼▼▼▼▼▼▼*/
@media screen and (max-width: 768px) {
.table-style_rt {
    width: 80%;
  }
.table-style_rt .thead {
    display: none;
  }
.table-style_rt tr {
    width: 100%;
    margin-bottom: 20px;
  }
.table-style_rt td {
    display: block;
    text-align: right;
    width: 100%;
  }
.table-style_rt td:first-child {
    background: #d5ecf9;
    font-weight: bold;
    text-align: center;
  }
.table-style_rt td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
    background: #d5ecf9;
  }
}
/*▲▲▲▲▲▲▲SP▲▲▲▲▲▲▲*/



/*********************************
DNA/RNA 抽出キット
*********************************/
#wrap_dna{
    margin: 130px 0 50px;
}
#wrap_dna h2{
    width: 100%;
    font-size: 40px;
    font-weight: bold;
    background:#28B085;
    color: #fff;
    padding: 35px 0;
    text-align: center;
}
#wrap_dna h2 span{
    font-size: 30px;
    background: #fff;
    color:#28B085;
    padding: 15px;
    border-radius: 10px;
    margin: 0 20px 0 0;
}

/*▼▼▼▼▼▼▼SP▼▼▼▼▼▼▼*/
@media screen and (max-width: 768px) {
    #wrap_dna h2 {
        width: 100%;
        font-size: 28px;
        padding: 15px 0;
    }
    #wrap_dna h2 span {
        font-size: 16px;
        padding: 10px;
        border-radius: 10px;
        width: 40%;
        display: block;
        margin: 0 auto;
    }
}
/*▲▲▲▲▲▲▲SP▲▲▲▲▲▲▲*/


/*********************************
その他説明・DNA/RNA 抽出キット
*********************************/
#other_dna {
    width: 100%;
    margin:  0;
    background: #D9F8EF;
    padding: 150px 0 20px;
}
#other_dna .wrap_other_dna{
    position: relative;
    background: #FFFFFF;
    max-width: 1040px;
    margin: 0 auto 110px;
    padding: 60px 60px 0;
    border-radius: 15px;
    border: #6cd0b4 5px solid;
        text-align: left;
}
#other_dna h3{
    
    position: absolute;
    background: #28b085;
    color: #fff;
    border-radius: 100px;
    font-size: 26px;
    font-weight: bold;
    padding: 20px;
    text-align: center;
    margin: 0 0 50px 0;
    z-index: 100;
    width: 800px;
    right: 15%;
        top: -50px;
}

#other_dna .wrap_other_point_dna{
    display: flex;
    justify-content: space-between;
    max-width: 1040px;
    margin: 0 auto 30px;
    padding: 30px;
}

#other_dna .wrap_other_point_dna + .wrap_other_point_dna{
    padding:0 30px 30px;
    margin: -50px 0 0 0;
}
#other_dna .wrap_other_point_dna + .wrap_other_point_dna .dna_point_txt{
    width: 1000px;
}

#other_dna .dna_point_txt{
    text-align: left;
    margin: 20px 20px 0 0;
    list-style:none;
    width: 700px;
}

.dna_point_txt li{
  background:url(../img/icon_check.png) no-repeat 0 0;
  background-size:auto 20px;
  padding-left: 30px;
margin: 0 0 20px 0;
}
#other_dna .dna_point_img img {
    width: 350px;
}

#other_dna strong span{
        color: #AC1316;    
}


/*▼▼▼▼▼▼▼SP▼▼▼▼▼▼▼*/
@media screen and (max-width: 768px) {
#other_dna{
width: 94%;
    margin: 0;
    padding: 80px 3% 1px;
}
#other_dna .wrap_other_dna{
    margin: 0 auto 60px;
    padding: 90px 5% 0px;
}
#other_dna h3{
    font-size: 20px;
    padding: 15px;
    margin: 0 auto 50px auto;
    width: auto;
        left: 0;
        right: 0;
    top: -50px;
}

#other_dna .wrap_other_point_dna{
    display: block;
    max-width: 1040px;
    margin: 0 auto 30px;
    padding: 0px;
}

#other_dna .wrap_other_point_dna + .wrap_other_point_dna{
padding: 30px 0;
        width: 100%;
}
#other_dna .wrap_other_point_dna + .wrap_other_point_dna .dna_point_txt{
        width: 100%;
}

#other_dna .dna_point_txt{
    margin: 0;
    width: 100%;
}
    
.dna_point_txt li{

margin: 0 0 10px 0;
}


}
/*▲▲▲▲▲▲▲SP▲▲▲▲▲▲▲*/



/*********************************
その他説明・DNA/RNA 抽出キット（graph）
*********************************/
.dna_graph{
    margin: 0 0 50px 0;
}
#other_dna h4{
    padding: 20px;
    background: #D9F8EF;
    text-align: center;
    font-weight: bold;
    margin: 30px 0;
}
#other_dna h4 +p{
    margin: 0 0 40px 0;
}

.dna_multi_icon{
    margin: 0 0 30px 0;
}
.dna_multi_icon p span{
    color: #323AB1;
}
.dna_multi_icon p + p span{
    color: #DB1616;
}
.dna_graph p img {
    display: block;
    margin: 0 auto;
}


/*▼▼▼▼▼▼▼SP▼▼▼▼▼▼▼*/
@media screen and (max-width: 768px) {

.mg_tb3060{
        margin: 30px 0 60px;}
  
    #other_dna h4{
    margin: 0 0 30px 0;
}
}
/*▲▲▲▲▲▲▲SP▲▲▲▲▲▲▲*/