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


/* 両方 */

.rdact .co2{
    font-size:30%;
}


/*.message dt,.message dd{
	display:inline;
	-webkit-margin-start: 0;
}*/

.genyaku{
	overflow: hidden;
	margin:1.3em 0 0;
	display:table;
}

.genyaku.rubyari{
	margin:-1em 0 2em 0;
}

.genyaku > dt{
	clear: both;
	float: left;
	width: 6em;
	display:table-cell;
	vertical-align: top;
}

.genyaku > dd{
	margin-left: 6em;
	display:table-cell;
	vertical-align: top;
}

.genyaku.rubyari > dt{
	margin-top:1em;
}

.dl_number{	
	overflow: hidden;
	margin:0;}
	
.dl_number > dt{
	clear: both;
	float: left;
	width: 1.5em;
}

.dl_number > dd{
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.dl_number > dd:last-of-type{
	margin-bottom:0;
}

.sign01 , .sign02{
	overflow: hidden;
	margin:0 40px 0 0; 
	float:left;
	width: calc(50% - 28px);
	width: -webkit-calc(50% - 28px);
	}
	
.sign02{
	margin:0;
}
	
.sign01 > dt ,.sign02 > dt{
	clear: both;
	float: left;
	width: 12em;
}

.sign01 > dd {
	margin-left: 11.3em;
	margin-bottom: 1.5em;
}

.sign02 > dd {
	margin-left: 11.3em;
	margin-bottom: 1.5em;
}

.sign01 > dd img , .sign02 > dd img{
	width:100%;
	max-width:209px;
	height:auto;
	max-height:70px;
}


/*タブレット*/
@media screen and (min-width: 768px) and ( max-width: 1024px) {



.rd .block1{
position:relative;
    height:auto !important;

    
    

    }

.rd .block1 .pcimg{
position:relative !important;
    z-index:2;
    right:auto !important;
    top:auto !important;
    
    
margin:0 auto 110px;
    width:100%;
    
max-width:758px;
    }

.rd .block2 h1,.rd .block1 p{
position:relative;
    z-index:100;
}

.rd .block1 p{
width:100% !important;}





.rd .block2{
position:relative;
    height:auto !important;
    

    }

.rd .block2 .pcimg{
	position:relative !important;
    right:auto !important;
    top:auto !important;
     
	margin:0 auto;
    width:100%;
    
	max-width:654px;
    }

.rd .block2 h2,.rd .block2 p{
position:relative;
    z-index:100;
}

.rd .block2 p{
width:100% !important;}

/* 画像見出し */


.rdact .midashi{
	font-size: 20px !important;
	font-size: calc(1.25rem + ((1vw - 7.68px) * 3.125)) !important;
	font-size: -webkit-calc(1.25rem + ((1vw - 7.68px) * 3.125)) !important;
}


.rdact .line3 .midashi{margin-bottom:2vw;}
.rdact .line1 .midashi{margin-bottom:4vw !important;}
.rdact .line2 .midashi{margin-bottom:1.5vw !important;}
.rdact .line1-2 .midashi{margin-bottom:6.5vw !important;}
.rdact .line1-3 .midashi{margin-bottom:5vw !important;}



.rdact .messa p{
	font-size: 11px !important;
	font-size: calc(0.6875rem + ((1vw - 7.68px) * 0.9766)) !important;
	font-size: -webkit-calc(0.6875rem + ((1vw - 7.68px) * 0.9766)) !important;
 }


}
	
/*PC==============================================*/
@media print, screen and (min-width:768px){

.rd .link-box{
padding-bottom:15px;

}

.rd .catebox{
    margin-bottom:0px;
}

.rd .category{
    margin-top:45px;
}
.rd .block1{
position:relative;
    height:574px;
    }

.rd .block1 .pcimg{
position:absolute;
       
    right:-3px;
    top:40px;
    z-index:2;
    
    }

.rd .block1 h2,.rd .block1 p{
position:relative;
    
    z-index:100;
}

.rd .block1 p{
width:40%;}


.rd .block2{
position:relative;
    height:462px;
    }

.rd .block2 .pcimg{
	position:absolute;
    right:0px;
    top:26px;
    z-index:2;
    margin-top:30px;
    }

.rd .block2 h2,.rd .block2 p{
position:relative;
    z-index:100;
}

.rd .block2 p{
width:32%;}

/* 私たちの研究開発 */

.rdact .an-link li a{
    padding-left:12px;
    padding-right:33px;

}

.rdact .an-link li a:after{
right:15px;

}

.rdact .pc-ta-c + h2{
margin-top:46px;
}




.rdact .midashiimg{
 width:100% !important;   
}

.rdact .block1 ,.message .block1 {
	margin-top:30px;
    overflow:hidden;
    }



.rdact .block1img1{
float:right;
    margin-left:17px;
    width:32%;
    }


.rdact .block1-1 p{

	width:calc(100% - (32% + 17px));
	width:-webkit-calc(100% - (32% + 17px));
	float:left;
    
}


.rdact .block1img1-left{
float:left;
    margin-right:17px;
    width:32%;
    
}

.rdact .block2{
overflow:hidden;
    margin-top:46px;
}

.rdact .block2 p{
	width:calc(100% - (49% + 17px));
	width:-webkit-calc(100% - (49% + 17px));
	float:left;
    

}

.rdact .block2img1{
    float:right;
    margin-left:17px;
    width:49%;  
}

.rdact .sinblock{
    float:right;
    margin-left:17px;
    width:49%;  
}

.rdact .sinblock .block2img1{
float:none;
    margin-left:0;
    width:100%;
    
}
.rdact .sinblock p.mintext{
font-size:14px;
    width:100%;
    text-align:right;
    margin-top:4px;
    
}


.rdact .blockimg3 p.mintext{
font-size:14px;
    width:100% !important;
    text-align:right;
    margin-top:4px;
    
}


.rdact h3 ,.message h3{
margin-bottom:22px;
font-weight:normal;
    }

.rdact .block2 ,.message .block2{
overflow:hidden;
    margin-top:46px;
}

.rdact .blockimg3 , .message .blockimg3 {
float:left;
    margin-right:15px;
    width:49%;  
}
.rdact .blockimg3 img{
    width:100%;
}

.rdact .block3 p , .message .block3 p{
	width:calc(100% - (49% + 15px)) !important;
	width:-webkit-calc(100% - (49% + 15px)) !important;
	float:right;
    }

.rdact h2{

margin-top:76px;

}

.rdact .name{font-size:14px;
margin-bottom:20px;
    line-height:170%;
}

.rdact .name b {font-size:18px;
}


/* 見出し画像 */

.rdact .midashiimg ,.message .midashiimg{
position:relative;
    }

.rdact .midashi{
    color:#33a6c9;
    line-height:165%;
    font-size:28px;
    }

.rdact .line1 .midashi{margin-bottom:45px;}
.rdact .line2 .midashi{margin-bottom:18px;}
.rdact .line1-2 .midashi{margin-bottom:70px;}
.rdact .line1-3 .midashi{margin-bottom:60px;}

.rdact .line3 .midashi{
	line-height:150%;
}

.rdact .messa p{
font-size:13.5px;}

.rdact .messa p span{
    font-size:113%;
}

.rdact .messa .name{font-size:140% !important;font-weight:bold;
    }

.rdact .messa {
     padding-right:20px;
}
.rdact .line3{
	top:7%;
    left:40%;
   position:absolute;
   
}


.rdact .line1{
top:15%;
    left:7%;
      position:absolute;
    margin-bottom:;
}

.rdact .line2{
top:12%;
    left:35%;
      position:absolute;
}

.rdact .line1-2{
top:21%;
    left:37%;
      position:absolute;
}

.rdact .line1-3{
top:15%;
    left:7%;
      position:absolute;
   
}



}


/*PC終わり*/


/*スマホ*/
@media screen and (max-width: 767px) {

.rd .category{
padding-top:32px !important;
}


.rd .category .c-2{
margin-bottom:25px;
    }

.rd .c-block div:last-of-type{
margin-bottom:0px !important;
}

.rd .spimg{
width:100%;}

.rd .block2 .spimg{
	margin-top: 30px;
}


/* 私たちの研究開発 */

.rdact img , .message img{
    width:100%;
}
.rdact h2 ,.message h2{
margin-top:55px;}

.message h2.h2top-mt{
	margin-top:30px;
}
.rdact .midashi , .message .midashi{
margin:20px 0px;
    color:#33a6c9;
    font-size:19px;
}
.message .midashi{
	text-align:center;
}

.rdact .block1img1{
width:47.7%;
    float:right;
    margin-left:15px;
    margin-bottom:15px;
}



.rdact h3 , .message h3{margin:16px 0px;
    font-weight:normal;
   
    }

.midashiimg{
    position:relative;
    
}


.rdact .messa p{
	font-size: calc(0.625rem + ((1vw - 3.2px) * 2.6846));
	font-size: -webkit-calc(0.625rem + ((1vw - 3.2px) * 2.6846));
	line-height:145%;}

.rdact .messa p span{
    font-size:110% !important;
}

.rdact .messa span.name{font-size:125% !important;font-weight:bold;
    }



.rdact .depName{
    position:absolute;
    top:5vw;
   left:57.8%;
}

.rdact .depName2{
    position:absolute;
    top:5vw;
   left:4.4%;
    width:55%;
}

.rdact .depName3{
    position:absolute;
    top:5vw;
   left:45%;
    padding-right:2%;
}

.rdact .depName4{
    position:absolute;
    top:5vw;
   left:50%;
     padding-right:2%;
}

.rdact .depName5{
    position:absolute;
    top:15vw;
   left:4.4%;
    width:50%;
}


.rdact .block p:last-of-type ,.message .block p:last-of-type{
margin-bottom:14px;
}



.rdact .block2{
	display:flex;
    flex-direction:column;
    display:-webkit-flex;
    -webkit-flex-direction:column;
}

.rdact .lastimg{
order:1;  
}
.rdact .blockimg3{
order:1;  
}


.rdact .messa .name{font-size:13px;
margin-bottom:15px;
    line-height:170%;
}

.rdact .messa .name b{font-size:16px;
}

.rdact .block1img1-left{
width:47.7%;
    float:left;
    margin-right:15px;
    margin-bottom:15px;
}

.rdact .sinblock p.mintext{
font-size:13px;
    width:100%;
    text-align:right;
    margin-top:4px;
    
}

.rdact .blockimg3 p.mintext{
font-size:13px;
    width:100%;
    text-align:right;
    margin-top:4px;
    
}

.rdact .smt{
	padding-top:16px;
	margin-top:0;
	overflow:hidden;
}

.genyaku.rubyari{
	margin-top:1.2em;
}

.genyaku.rubyari > dt{
	margin-top:0;
}

.sign01 , .sign02 {
	margin:0;
	float:none;
	}
	
.sign01 > dd img , .sign02 > dd img{
	width:100%;
	max-width:164px;
	height:auto;
	max-height:50px;
}


}



/*PC==============================================*/
@media print, screen and (min-width:768px){

/* 私たちのミッション */

.rdmiss .an-link li a{
    padding-left:12px;
    padding-right:33px;

}

.rdmiss .an-link li a:after{
right:15px;

}

.rdmiss .pc-ta-c + h2{
margin-top:46px;
}




.rdmiss .midashiimg{
 width:100% !important;   
}

.rdmiss .block1{
margin-top:50px;
overflow:hidden;
text-align:center;
background-color:#fff;
    }


.rdmiss .block1 h3{
margin-top:30px;
margin-bottom:30px;
font-weight:normal;
color:#33a6c9;
    }


.rdmiss .block1 p{
margin-bottom:22px;
line-height: 200%;

}

.rdmiss .block1 .last{
margin-bottom:35px;
line-height: 200%;

}


.rdmiss .block2{
overflow:hidden;
color:#fff;
    margin-top:46px;
    background:url(../../img/rd/mission-03.png) top center no-repeat;
	background-size:cover;
}

.rdmiss .block2 h3{
margin-top:80px;
margin-left:100px;
margin-right:100px;
margin-bottom:22px;
font-weight:normal;
color:#fff;
    }

.rdmiss .block2 p{
margin-left:100px;
margin-right:100px;
margin-bottom:80px;
float:left;
line-height: 200%;

}


.rdmiss h3{
margin-bottom:22px;
font-weight:normal;

    }

.rdmiss .block2{
overflow:hidden;
    margin-top:46px;
}


.rdmiss h2{margin-top:76px;

}

.rdmiss .name{font-size:14px;
margin-bottom:20px;
    line-height:170%;
}

.rdmiss .name b{font-size:18px;
}


/* 見出し画像 */

.rdmiss .midashiimg{
position:relative;
    }

.rdmiss .midashi{
    color:#33a6c9;
    
position:absolute;
    line-height:165%;
    font-size:28px;
    
    }



}


/*PC終わり*/


/*スマホ*/
@media screen and (max-width: 767px) {


/* 私たちのミッション */

.rdmiss img{
    width:100%;
}
.rdmiss h2{
margin-top:55px;}

.rdmiss .midashi{
margin:20px 0px;
    color:#33a6c9;
    font-size:19px;
}

.rdmiss .block1{
margin-top:30px;
overflow:hidden;
background-color:#fff;
margin-bottom:30px;
    }


.rdmiss .block1 h3{
margin-top:30px;
margin-bottom:20px;
margin-left:15px;
margin-right:15px;
font-weight:normal;
color:#33a6c9;
    }

.rdmiss .block1 p{
margin-left:15px;
margin-right:15px;
margin-bottom:22px;

}

.rdmiss h3{margin:16px 0px;
    font-weight:normal;
   
    }


.rdmiss .block p:last-of-type{
margin-bottom:14px;
}



.rdmiss .block2{
	display:flex;
    flex-direction:column;
    display:-webkit-flex;
    -webkit-flex-direction:column;
    background:url(../../img/rd/mission-03_sp.png) top center no-repeat;
	background-size:cover;
    color:#fff;
}


.rdmiss .block2 h3{
margin-top:30px;
margin-bottom:20px;
margin-left:15px;
margin-right:15px;
font-weight:normal;
color:#fff;
    }

.rdmiss .block2 p{
margin-left:15px;
margin-right:15px;
margin-bottom:50px;
float:left;

}

.sign01 , .sign02{
	margin:0; 
	float:none;
	width: 100%;
	}


}