@charset	"UTF-8";

/* Float処理 ----------------------------------------------- */

.reason_area,
.biz_news_wrap,
.points,
.head_wrap,
.clearfix {
	zoom:1;
}

.reason_area:after,
.points:after,
.biz_news_wrap:after,
.head_wrap:after,
.clearfix:after	{
	content:	"";
	display:	block;
	clear: both;
}

/* リンク処理 ---------------------------------------------- */

.points:hover,
.key_info:hover,
.form_area a img:hover,
a#reason_staff img:hover,
.go_english a img:hover	{
	filter:	alpha(opacity=60);
	-moz-opacity:	0.60;
	opacity:	0.60;
}

a#reason_careers img:hover,
.readmore a img:hover	{
	filter:	alpha(opacity=60);
	-moz-opacity:	0.60;
	opacity:	0.60;
}

h1.fda_page_catch	{
	width:	100%;
	margin:	0px;
	background:	#7b7b7b;
	color:	#ffffff;
	text-align:	center;
	font-size:	10px;
	font-weight:	normal;
	line-height:	12px;
}

h1.fda_page_catch2	{
	background:	#FFFFFF;
	color:	#666666;
	text-align:	left;
	text-indent: 20px;
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	padding-top: 20px;

}

.fda_admission_holder {
	height: 60px;
	padding-left: 20px;
}

.fda_admission_title {
	padding-left: 10px;

}





/* 拠点情報 ------------------------------------------------ */

.points_wrap	{
	width:	100%;
	height:	80px;
	background:	#7b7b7b;
	display: inline-block;
	align-content: center;
}

.points_wrap_green	{
	width:	100%;
	height:	50px;
	background:	#c1cd23;
	display: inline-block;
	margin: 0 0 20px 0;

}

.points_wrap_green div {
	font-size: 18px;
	font-weight: 400;
	line-height: 2.75em;
		color: aliceblue;
}

.points	{
	width:	100%;
	margin:	0px auto;
	/* position:	relative;*/
	align-content: center;
	cursor:	pointer;
}

.points div	{
	float:	left;
	padding:	16px 27px 0px 0px;
	font-size:	12px;
	text-align:	right;
	color:	#ffffff;
	line-height:	14px;

}

.pts_long	{
	width:	250px;
}

.pts_long2 {
	width:	400px;
}

.pts_long3 {
	max-width:	1080px;
	text-align: center;
	display: block;

}

.pts_long3_1 {
	max-width:	600px;
	text-align: center;
	display: block;

}

.pts_mid	{
	width:	200px;
}
.pts_short	{
	width:	166px;
}

.pts_short2	{
	width:	150px;
}

.pts_short3	{
	width:	130px;
}

.pts_short4	{
	width:	80px;
}

.points_link	{
	display:	block;
	width:	980px;
	height:	80px;
	position:	absolute;
	top:	0px;
	left:	0px;
	
}

/* キーイメージ -------------------------------------------- */

.key_wrap	{
	width:	100%;
	height:	500px;
	overflow:	hidden;
	position:	relative;
}

.key_wrap_video	{
	width:	100%;
	height:	600px;
	overflow:	hidden;
	position:	relative;
}

.key_wrap_thebest	{
	width:	100%;
	height:	600px;
	overflow:	hidden;
	position:	relative;
}

.key_image_thebest	{
	width:	1400px;
	height:	600px;
	margin:	0px 0px 0px -700px;
	position:	absolute;
	top:	0px;
	left:	50%;
}

.key_image_last	{
	width:	1400px;
	height:	1000px;
	/* 	margin:	0px 0px 0px -700px; */ 
	position:	absolute;
	top:	0px;
	left:	50%;
}

.key_image_thebest	{
	width:	1400px;
	height:	600px;
	margin:	0px 0px 0px -700px;
	position:	absolute;
	top:	0px;
	left:	50%;
}

.key_image_video	{
    width: 1067px;
    height: 600px;
    margin: 0px 0px 0px -500px;
    position: absolute;
    top: 0px;
    left: 50%;
}

.key_catchcopy	{
	width:	588px;
	height:	72px;
	position:	absolute;
	top:	232px;
	left:	212px;
}

.key_info	{
	width:	288px;
	height:	288px;
	padding:	12px 13px;
	position:	absolute;
	top:	42px;
	right:	232px;
	background:	url("images/point_base.png") no-repeat 0px 0px;
	cursor:	pointer;
}

.keyinfo_dat	{
	width:	258px;
	height:	233px;
	background:	#ffffff;
	padding:	14px 12px;
	margin-bottom:	14px;
}

.keyinfo_dat p	{
	font-size:	12px;
	line-height:	130%;
	margin:	6px 0px 12px;
}


.contribution p {
	background-color: azure;
	text-align: center;
	padding: 14px 12px;
	line-height: 25px;
	color: #8A8A8A;
}





.office	{
	font-weight:	bold;
}

.telno	{
	color:	#6c6c6c;
	font-weight:	bold;
}

.info_link	{
	display:	block;
	width:	288px;
	height:	328px;
	position:	absolute;
	top:	0px;
	left:	0px;
}

/* SNS icons -------------------------------------- */
.flexbox {
  display: flex;
  flex-direction: column;
  width: 38px;
	margin: 2px;
	background-color: white;
	align-items: flex-start;
	float: left;
  }


/* ビジネス／ニュース -------------------------------------- */
.biz_news_wrap	{
	width:	980px;
	margin:	20px auto 10px;
}

.biz_tabs	{
	width:	486px;
	float:	left;
}

.biz_tabs h2.tabs_head	{
	width:	486px;
	margin:	0px auto 16px;
	text-align:	center;
}

.biz_tab_img	{
	margin:	0px 0px 5px;
	float:	left;
	position:	relative;
}

#biz_tab4 	{
	margin-left:	6px;
}

.biz_tab_img a	{
	display:	block;
	position:	absolute;
	top:	0px;
	left:	0px;
	background-image:	url("common/images/img_linksign.png");
	background-repeat:	no-repeat;
	background-position:	bottom right;
}

#biz_tab1 a	{
	width:	486px;
	/* height:	226px; */
	height:	372px;
}
#biz_tab1 a:hover	{
	background:	url("images/biz_over01.png") no-repeat left top;
}


#biz_tab2 a	{
	width:	486px;
	height:	146px;
}
#biz_tab2 a:hover	{
	background:	url("images/biz_over02.png") no-repeat left top;
}

#biz_tab3 a{
	width:	240px;
	height:	146px;
}
#biz_tab3 a:hover	{
	background:	url("images/biz_over03.png") no-repeat left top;
}

#biz_tab4 a	{
	width:	240px;
	height:	146px;
}
#biz_tab4 a:hover	{
	background:	url("images/biz_over04.png") no-repeat left top;
}

#biz_MoCRA a:hover	{
	background:	url("images/biz_over04.png") no-repeat left top;
}
#biz_MoCRA a	{
	width:	486px;
	height:	146px;
}

#biz_tab_long a{
	width: auto;
	
}
.img1_caption,.img2_caption,.img3_caption,.img4_caption	{
	position: absolute;
}

.img1_caption p,.img2_caption p,.img3_caption p,.img4_caption p	{
	text-align:	left;
	font-size: 13px;
	color: #ffffff;
	line-height: 130%;

}

.img1_caption	{
	width:	280px;
	height:	65px;
	top:	100px;
	left:	110px;
}
	


/* ビジネス／ニュース COVID19 -------------------------------------- */

.img1_caption_COVID19,.img2_caption_COVID19,.img3_caption_COVID19,.img4_caption_COVID19	{
	position: absolute;
}

.img1_caption_COVID19 p,.img2_caption_COVID19 p,.img3_caption_COVID19 p,.img4_caption_COVID19 p	{
	text-align:	left;
	font-size: 15px;
	color: #ffffff;
	line-height: 140%;

}

.img1_caption_COVID19	{
    width: 243px;
    height: 121px;
    top: 91px;
    left: 206px;
	}
	
	
/* ビジネス／ニュース COVID19 END-------------------------------------- */	
	
	
	
	
	
	
	
	
	
	
	

.img2_caption	{
    width: 429px;
    height: 70px;
    top: 79px;
    left: 30px;
}
.img3_caption	{
    width: 220px;
    height: 48px;
    top: 74px;
    left: 14px;
}
.img4_caption	{
    width: 220px;
    height: 68px;
    top: 76px;
    left: 13px;
}



.news_area	{
	width:	488px;
	float:	right;
	margin: 0px;
}

.news_area h2.tabs_head	{
	width:	488px;
	margin:	0px auto 16px;
	text-align:	center;
}

.biz_tab_longframe {
    height: auto;
    border-width: thick;
    margin-top: 30px;
    margin-bottom: 30px;
    border-style: solid;
}

.news_wrap	{
	width:	468px;
    height: auto;
	background-color:	#f6f6f6;
	border:	solid 1px #d0d0d0;
	padding: 0px;
	/*padding:	6px 10px;*/
}

.news_wrap dl	{
	margin:	0px auto 0px;
}

.news_wrap dl dt	{
	font-size:	14px;
	margin:	16px 24px 2px;
	position:	relative;
}

.news_wrap dl dt.notice	{
	/*background:	url("images/notice_label.gif") no-repeat 134px 0px; */
	height:21px;
}
.news_wrap dl dt.notice2	{
	/*background:	url("images/notice_label2.gif") no-repeat 134px 0px; */
	height:21px;
}
.news_wrap dl dt.notice3	{
	/*background:	url("images/notice_label3.gif") no-repeat 134px 0px; */
	height:21px;
}
.news_wrap dl dd	{
	font-size:	14px;
	line-height:	160%;
	padding:	14px 24px;
	border-bottom:	dashed 1px #c0c0c0;
}

.news_wrap dl dd a	{
	color:	#477400;
	text-decoration:	underline;
}

.news_wrap dl dd a:hover	{
	text-decoration:	none;
}

.readmore	{
	padding:	12px 0px 0px;
	text-align:	center;
}

/* 選ばれる理由 -------------------------------------------- */

.reason_area	{
	width:	980px;
	margin:	65px auto 64px;
}

.reason_area h2	{
	margin:	0px 0px 32px;
	text-align:	center;
}

.reason_key	{
	display:	block;
	float:	left;
}

.reason_detail	{
	width:	488px;
	height:	288px;
	float:	right;
	position:	relative;
}

.reason_detail p	{
	font-size:	14px;
	line-height:	160%;
	margin:	20px 24px;
}

a#reason_careers	{
	display:	block;
	position:	absolute;
	bottom:	24px;
	left:	24px;
}

a#reason_staff	{
	display:	block;
	position:	absolute;
	bottom:	24px;
	right:	24px;
}

.update {
	font-weight: bold;
}

/* 米国FDA情報 -------------------------------------------- */
.News_container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	/* grid-template-rows: 350px 200px 100px 200px 100px 200px;*/
	grid-template-rows: 350px 200px;
	max-width: 1600px;

}


.item_FDAnews_image {
	grid-columns: 1/3;
	grid-row: 1/2;
	padding-bottom: 25px;
	max-width: 1000px;

}

.item_FDAnews_510k_text {
	grid-columns: 3/4;
	grid-row: 1/3;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin: 0;
}

.item_FDAnews_topic {
	grid-columns:1/3;
	grid-row: 2/3;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	margin: 0;
	background: #BDDF71;
	max-width: 1000px;
}

.item_space {
	box-sizing: padding-box;
	padding-bottom: 70px;
	grid-columns: 1/4;
	grid-row: 3/4;
}

.item_Proposition65_text {
	clear: both;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	grid-columns: 1/2;
	grid-row: auto;
	float: left;
}

.item_Proposition65_image {
	grid-columns: 2/4;
	grid-rows: 200px;

	
}


.item_food_text {
	clear: both;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	grid-columns: 1/2;
	grid-row: auto;
	float: left;
}

.item_food_image {
	grid-columns: 2/4;
	grid-rows: 200px;

	
}

.topic {
	padding-top: 10px;
	font-size: 150%;
	line-height: 140%;
	
}


.topic_nopadding {
	padding-top: 0;
	font-size: 150%;
	line-height: 140%;
	text-indent: 40px; 
	display: block;
}

.topic2 {
	font-size: 200%;
	line-height: 140%;
	font-weight: 500;
}

.topic2_nopadding {
	font-size: 200%;
	line-height: 140%;
	font-weight: 500;
	padding-top: 0;
}

.topic3 {
	font-size: 150%;
	line-height: 140%;
	font-weight: 500;
}

.topic4 {
	font-size: 200%;
	line-height: 140%;
	font-weight: 500;
	border-radius: 10px 20px 30px 40px;

}

.topic5 {
	font-size: 250%;
	line-height: 140%;
	font-weight: 800;
	border-radius: 10px 20px 30px 40px;

}

.topic6 {
	font-size: 250%;
	line-height: 200%;
	color: #888888;
	border-bottom: solid 3px #cccc33;
  	position: relative;
}

h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px skyblue;
  bottom: -3px;
  width: 50%;
}



.no_padding {
	padding-bottom: 0;
	padding_top: 0;
}



.News_container_additions {
	display: grid;
	grid-template-columns: 300px 375px 50px 300px 375px;
	grid-template-rows: 400px;
	max-width: 1600px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.item_Proposition65_text2 {
	clear: both;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	grid-columns: 4/5;
	grid-row: auto;
	float: left;
}

.item_Proposition65_image2 {
	grid-columns: 1/2;
	grid-rows: 200px;
}

.item_EPA_text1 {
	clear: both;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	grid-columns: 4/5;
	grid-row: auto;
	float: left;
}

.item_EPA_image1 {
	grid-columns: 1/2;
	grid-rows: 250px;
}

/* Top FDA consultant */

.reasons_fdaconsultant  {
	display: block;
	max-width: auto;
	background-color: aliceblue;
}

.title_center {
	text-align: center;
	font-weight: 500;
	font-size: 25px;
	padding-top: 30px;
	padding-bottom: 0;
}

.text_center {
	text-align: center;
	font-weight: 100;

}

.text_center_italic {
	text-align: center;
	font-style: italic;
	font-weight: 100;
	line-height: 200%;
	font-size: 20px;
}

.text_center_italic_regular {
	text-align: center;
	font-style: italic;
	font-weight: 50;
	line-height: 200%;
	font-size: 15px;
}

.text_center_regular {
	text-align: center;
	font-weight: 100;
	line-height: 180%;
	font-size: 15px;
}

.definition {
	margin: 20px;
	text-align: center;
	line-height: 250%;
}

/* Break Through Program */
.BereakThroughProgram  {
	display: grid;
	max-width: auto;
	background-color: aliceblue;
}

.FDA_service_Top {
    max-width: 1399px;
    height: 160px;
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;

    display: flex;              /* Flexbox を使って中央揃え */
    justify-content: center;    /* 水平方向の中央揃え */
    align-items: center;        /* 垂直方向の中央揃え */
    margin-left: auto;          /* コンテナ自体を中央に */
    margin-right: auto;
}

.FDA_service_Top2 {
    max-width: 1399px;
    height: 260px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;

    display: flex;              /* Flexbox を使って中央揃え */
    justify-content: center;    /* 水平方向の中央揃え */
    align-items: center;        /* 垂直方向の中央揃え */
    margin-left: auto;          /* コンテナ自体を中央に */
    margin-right: auto;
}

/* EUA */
.EUA_questions {
	width: auto;
	padding: 10px 20px 45px 20px;
	display: inline-block;
	align-content: center;
}

.EUA_questions2 {
	width: auto;
	padding: 2px 20px 45px 20px;
	display: inline-block;
	align-content: center;
}

.EUA_questions3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 20px 0;
}

.botton_outline {
	background:#FFFF;
	padding: 25px;
	outline-style: none;
	border: none;
	
}

.botton_outline2 {
    display: inline-block;
    padding: 20px 30px;
    font-size: 1.25em;
    border-color: #7FB416;
    text-decoration: none;
    border: 1px solid #7FB416;
    border-radius: 8px;
    transition: background-color 0.3s, color 0.3s;
    white-space: nowrap;
}

.botton_outline2 a {
    color: white;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.botton_outline2:hover {
    background-color: #EAE9E9;
    color: #fff;
}

.botton_decoration {
	background:#FFFFFF;
	padding: 25px;
	border: 1px;
	color: #42c0b0;
	border-style: solid;
	width: 25%;
	min-width: 150px;
}
.botton_decoration a {
	text-decoration: none;
}

.botton_decoration a botton:active {
	text-decoration: none;
	background: #147069;
}
.botton_decoration a botton:hover {
	text-decoration: none;
	background: #147069;
}

.botton_decoration a botton:visited {
	text-decoration: none;
	background: #147069;
}

.botton_decoration a botton:link {
	text-decoration: none;
}

.service_promo {
	margin-top: 20px;
}

.botton_decoration2 {
    color: #7FB416;
    font-weight: bold;
	border: thin;
	padding: 25px;
}




/* SNS */
.SNS_Container {
	width: 300px;
	height: 215px;
	padding: 20px;
	display: block;
}

/* Responsive */

@media (max-width: 700px){
  .News_container,
  .News_container_additions,
  .reasons_fdaconsultant {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
	
  .item_FDAnews_image,
  .item_FDAnews_510k_text,
  .item_FDAnews_topic,
  .item_Proposition65_text,
  .item_Proposition65_image,
  .item_space,
  .topic,
  .topic2,
  .item_Proposition65_text2,
  .item_Proposition65_image2{
    grid-column: 1;
    grid-row: auto;
  }
}

@media (max-width: 1300px){
  .News_container,
  .News_container_additions,
  .reasons_fdaconsultant{
    grid-template-columns: 2fr;
    grid-template-rows: auto;
  }
	
  .item_FDAnews_image,
  .item_FDAnews_510k_text,
  .item_FDAnews_topic,
  .item_Proposition65_text,
  .item_Proposition65_image,
  .item_space,
  .topic,
  .topic2,
  .item_Proposition65_text2,
  .item_Proposition65_image2{
    grid-column: 2;
    grid-row: auto;
	}
}

@media (max-width: 768px) {
    .EUA_questions2 {
        flex-direction: column;
        align-items: center;
    }

    .botton_outline2 {
        width: 90%; /* 幅を広くして押しやすく */
        text-align: center;
    }
}
