@charset "UTF-8";

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

.med_wrap,
.FDA_wrap,
.food_wrap,
.food_wrap2,
.steps_wrap,
.fdaUS_row,
.servicetop_key	{
	zoom:1;
}

.med_wrap:after,
.FDA_wrap:after,
.food_wrap:after,
.food_wrap2:after,
.steps_wrap:after,
.fdaUS_row:after,
.servicetop_key:after	{
	content: "";
	display: block;
	clear: both;
}

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

.FDA_wrap h2:hover,
.fdaUS_row div:hover,
.med_wrap_wide a img:hover,
.go_english a img:hover	{
	filter:	alpha(opacity=60);
	-moz-opacity:	0.60;
	opacity:	0.60;
}

img.view_project_button:hover	{
	-webkit-filter:	invert(20%);
	-moz-filter:	invert(20%);
	-o-filter:	invert(20%);
	-ms-filter:	invert(20%);
	filter:	invert(20%);
}

/* 業務トップ ---------------------------------------------- */

.servicetop_key	{
	width:	710px;
	margin:	0px auto 28px;
}
.key_long2	{
	width:	710px;
	margin:	0px 0px 32px;
	position:	relative;
}

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

.key_long2 a:hover	{
	background:	url("/services/images/hover_outline2.png") no-repeat 0px 0px;
}

.key_long	{
	width:	710px;
	margin:	0px 0px 32px;
	position:	relative;
}

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

.key_long a:hover	{
	background:	url("/services/images/hover_outline.png") no-repeat 0px 0px;
}

.key_long p,.key_short_l p,.key_short_r p	{
	margin-top:	18px;
}

.key_short_l	{
	width:	348px;
	margin:	0px 0px 32px;
	float:	left;
	position:	relative;
}
.key_short_r	{
	width:	348px;
	margin:	0px 0px 32px;
	float:	right;
	position:	relative;
}

.key_short_l2	{
	width:	348px;
	margin:	0px 0px 32px;
	float:	left;
	position:	relative;
}
.key_short_r2	{
	width:	348px;
	margin:	0px 0px 32px;
	float:	right;
	position:	relative;
}

.key_short_r3	{
	width:	400px;
	margin:	0px 0px 0px 100px;
	position:	relative;
}

.key_short_l a,.key_short_r a	{
	display: block;
	width:	348px;
	height:	195px;
	position: absolute;
	top: 0px;
	left: 0px;
	background:	url("/common/images/img_linksign.png") no-repeat right bottom;
}

.key_short_l2 a,.key_short_r2 a	{
	display:	block;
	width:	348px;
	height:	195px;
	top:	0px;
	left:	0px;
	background:	url("/common/images/img_linksign.png") no-repeat right bottom;
}


.key_short_l a:hover,.key_short_r a:hover	{
	background:	url("/services/images/hover_outline_short.png") no-repeat 0px 0px;
}

/* FDAコンサルティング/米国規制 ---------------------------- */

.fdaUS_row	{
	width:	711px;
	margin:	0px auto 0px;
	border-bottom:	solid 1px #cacaca;
}

.fdaUS_row div	{
	width:	355px;
	height:	360px;
	padding-bottom:	16px;
	float:	left;
	position:	relative;
}

.fdaUS_row div:first-child	{
	border-right:	solid 1px #cacaca;
}

.fdaUS_row div h2	{
	font-size:	16px;
	font-weight:	bold;
	margin:	18px 10px 12px;
	background:	none;
}

.fdaUS_row div p	{
	margin:	0px 10px 12px;
}

.fdaUS_row div a	{
	display:	block;
	width:	355px;
	height:	360px;
	position:	absolute;
	top:	0px;
	left:	0px;
}


.FDA_wrap	{
	width:	710px;
	height:	180px;
	margin:	0px auto 12px;
	background:	#f6f6f6;
	border-style:	solid none;
	border-width:	1px;
	border-color:	#cacaca;
	position:	relative;
}

.FDA_wrap h2	{
	display:	block;
	float:	left;
	margin:	0;
	padding:	0;
	position:	relative;
	background:	none;
	width:	280px;
	height:	180px;
}

.FDA_wrap h2 img	{
	display:	block;
	float:	left;
}

.FDA_wrap h2 span.img_head_j	{
	font-size:	14px;
	font-weight:	bold;
	color:	#ffffff;
	position:	absolute;
	top:	124px;
	left:	24px;
}

.FDA_wrap h2 span.img_head_e	{
	font-size:	12px;
	font-weight:	normal;
	color:	#f0f0f0;
	position:	absolute;
	top:	146px;
	left:	24px;
}

.FDA_wrap h2 span.img_head_j2	{
	font-size:	18px;
	font-weight:	bold;
	color:	#ffffff;
	position:	absolute;
	top:	124px;
	left:	24px;
}

.FDA_wrap h2 span.img_head_e2	{
	font-size:	12px;
	font-weight:	normal;
	color:	#f0f0f0;
	position:	absolute;
	top:	146px;
	left:	24px;
}


.FDA_wrap dl	{
	width:	400px;
	line-height:	22px;
	float:	right;
}

.FDA_wrap dl dt	{
	font-size:	12px;
	font-weight:	bold;
	height:	40px;
	padding:	16px 8px 16px 0px;
	border-bottom: solid 1px #cacaca;
}

.FDA_wrap dl dt	{
	font-size:	14px;
	font-weight:	bold;
	height:	40px;
	padding:	16px 8px 16px 0px;
	border-bottom: solid 1px #cacaca;
}

.FDA_wrap dl dd	{
	font-size:	12px;
	padding:	16px 8px 16px 0px;
}



/* 医療機器コンサルティング -------------------------------- */

.steps_wrap	{
	width:	710px;
	height:	230px;
	margin:	0px auto 32px;
}

.steps_wrap div	{
	width:	230px;
	height:	230px;
	float:	left;
	margin-left:	10px;
	position:	relative;
}

.steps_wrap div:first-child	{
	margin-left:	0px;
}

.steps_wrap div p	{
	color:	#ffffff;
	text-align:	center;
	width:	210px;
	height:	110px;
	position:	absolute;
	top:	110px;
	left:	10px;
}

#step1	{
	background:	url("../../services/images/med_stepbase1.gif") no-repeat 0px 0px;
}
#step2	{
	background:	url("../../services/images/med_stepbase2.gif") no-repeat 0px 0px;
}
#step3	{
	background:	url("../../services/images/med_stepbase3.gif") no-repeat 0px 0px;
}

.fda_md_photo_left {
	padding: 0px 0px 60px 0px;
	width: 200px;
	float: left;
}

.fda_md_links_right {
	float: right;
	width: 470px;
	padding: 15px 0px 10px 20px;
}

.fda_md_links_right ul {

}

.fda_md_headder {
	/* background-color: #ebebeb; */
	padding: 15px;
	line-height: 2em;
}

.fda_md_headder a {
	text-decoration: none;
	color: #81c400;
	font-size: 20px;
}

.fda_md_headder2 {
	/* background-color: #ebebeb; */
	padding: 0 15 20 0;
	line-height: 1em;
}

.fda_md_headder2 a {
	text-decoration: none;
	color: #81c400;
	font-size: 16px;
}

.fda_md_container {
	width: 710px;
	clear: left;

}

.gray {
	background-color: #ebebeb;
	padding-bottom: 1.5em;
	padding-left: 2em;
	padding-right: 2em;
}

.clear {
	clear: both;
}

ul.fda510k_menu	{
	text-decoration: underline;
	color: #ebebeb;
}

ul.fda510k_menu2	{
	text-decoration: underline;
	color: #7d7d7d;
}

ul.fda510k_menu li {
	text-indent: 16px;
	background-position: inherit;
	background: url(../../services/images/arrow.gif) no-repeat;
	line-height: 24px;
	}
	
ul.fda510k_menu2 li {
	text-indent: 20px;
	background-position: inherit;
	background: url(../../services/images/arrow.gif) no-repeat;
	line-height: 24px;
	}


ul.fda510k_menu li a {
	text-decoration: underline;
	color: #9C0;
}

ul.fda510k_menu2 li a {
	text-decoration: underline;
	color: #7d7d7d;
}

ul.list_services {
	padding-left: 20px;
	padding-bottom: 20px;
}

ul.list_services li {
	text-indent: 20px;
	text-decoration: none;
	background-position: inherit;
	background: url("../../services/images/arrow_nobkg.png") no-repeat;
	line-height: 24px;
	}

ul.list_services2 {
	padding-left: 20px;
	padding-bottom: 20px;
}

ul.list_services2 li {
	text-indent: 20px;
	text-decoration: none;
	background-position: inherit;
	line-height: 24px;
	}

.stylish-list_sub {
  list-style: none;
  padding: 0;
  margin: 30px 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; /* スマホ対応：折り返し */
  gap: 15px;
}

.stylish-list_sub li {
  margin: 0;
}

.stylish-list_sub a {
  display: inline-block;
  padding: 12px 28px;
  background-color: #4f4f4f; /* Globizz Gray */
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-size: 1em;
  min-width: 200px;
  text-align: center;
  /* transition: all 0.3s ease; */
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  font-weight: 500;
}

.stylish-list_sub a:hover {
  background-color: #818285; /* ホバー時は明るめGray */
  /* transform: translateY(-3px); */
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}


/* 承認詳細 */

.approve_wrap	{
	width:	710px;
	margin:	0px auto 48px;
}

.approve_wrap h2	{
	margin-bottom:	16px;
}

.med_subhead	{
	width:	323px;
	min-height:	246px;
	padding:	32px 16px;
	background:	#6fa900;
}	

.medicaldevice_subhead2	{
	width:	323px;
	min-height:	246px;
	padding:	32px 16px;
	background:	#6fa900;
}	

.med_subhead h3	{
	width:	294px;
	padding:	0px 0px 0px 20px;
	color:	#ffffff;
	font-size:	25px;
	font-weight:	normal;
	border-left:	solid 4px #ffffff;
	border-bottom:	none;
}

.medicaldevice_subhead2 h2	{
	width:	294px;
	padding:	0px 0px 0px 20px;
	color:	#ffffff;
	font-size:	25px;
	font-weight:	normal;
	border-left:	solid 4px #ffffff; 
	border-bottom:	none;
}

.med_subhead p	{
	font-size:	14px;
	color:	#ffffff;
	line-height:	200%;
}

.medicaldevice_subhead2 p	{
	font-size:	14px;
	color:	#ffffff;
	line-height:	200%;
}

.med_sub_wide	{
	width:	710px;
	height:	165px;
	margin:	0px auto 0px;
	background:	url("../../services/images/approve_intro_base.gif") repeat-y 0px 0px;
}

.med_sub_wide p	{
	padding:	22px 20px 0px;
	color:	#ffffff;
	font-size:	14px;
	line-height:	200%;
}

.med_sub_wide_2	{
	width:	710px;
	height:	390px;
	margin:	0px auto 0px;
	background:	url("../../services/images/approve_intro_base.gif") repeat-y 0px 0px;
}

.med_sub_wide_2 p	{
	padding:	22px 20px 0px;
	color:	#ffffff;
	font-size:	14px;
	line-height:	200%;
}



.med_wrap	{
	width:	710px;
/* 	height:	180px; */
	margin:	0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	width: 100%;
  	margin-bottom: 40px;
}

.med_wrap::after {
  content: "";
  display: block;
  clear: both;
}

.med_wrap img {
  max-width: 100%;
  height: auto;
}


.med_wrap2	{
	width:	715px;
/* 	height:	180px; */
	margin:	0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.med_wrap_wide	{
	width:	710px;
	margin:	0px auto;
}

.medstep_wide	{
	width:	664px;
	padding:	0px 22px;
	background:	#f4f4f4;
	border:	solid 1px #c8c8c8;
}

.medstep_wide h4	{
	font-size:	14px;
	font-weight:	bold;
	padding:	20px 0px 12px;
	background:	url("/common/images/h4_bar.gif") no-repeat 0px 0px;
}


.medstep	{
	width:	309px;
	height:	353px;
	padding:	0px 22px;
	background:	#f4f4f4;
	border:	solid 1px #c8c8c8;
	overflow:	hidden;	/* 仮の措置 */
}

.medstep2	{
	width:	309px;
	height:	450px;
	padding:	0px 22px;
	background:	#f4f4f4;
	border:	solid 1px #c8c8c8;
	overflow:	hidden;	/* 仮の措置 */
}

.medstep3	{
	width:	664px;
	height:	auto;
	padding:	0px 22px;
	background:	#f4f4f4;
	border:	solid 1px #c8c8c8;
	overflow:	hidden;	/* 仮の措置 */
}

.medstep4	{
	width:	309px;
	height:	200px;
	padding:	0px 22px;
	background:	#f4f4f4;
	border:	solid 1px #c8c8c8;
	overflow:	hidden;	/* 仮の措置 */
}

.medstep5	{
	width:	308px;
	height:	353px;
	padding:	0px 22px;
	background:	#f4f4f4;
	border:	solid 1px #c8c8c8;
	overflow:	hidden;	/* 仮の措置 */
}

.medstep6	{
	width:	710px;
	height:	353px;
	padding:	0px 22px;
	background:	#f4f4f4;
	border:	solid 1px #c8c8c8;
	overflow:	hidden;	/* 仮の措置 */
}

.ms_r	{
	float:	right;
	clear: both;
}
.ms_l	{
	float:	left;
	clear: both;
}

.step_list	{
	margin:	8px 0px 12px 10px;
}

.step_list li	{
	list-style-type:	disc;
	margin:	0px 0px 12px 14px;
}

.step_dl	{
	margin:	8px 0px 12px 10px;
}

.step_dl dt	{
	margin:	0px 0px 4px 0px;
	font-weight:	bold;
}

.step_dl dd	{
	margin:	0px 0px 12px 14px;
}


.medstep h4	{
	font-size:	24px;
	font-weight:	normal;
	margin:	20px 0px 16px;
	padding-left:	16px;
	border-left:	solid 3px #6fa900;
}

.medstep3 h4	{
	font-size:	24px;
	font-weight:	normal;
	margin:	20px 0px 16px;
	padding-left:	16px;
	border-left:	solid 3px #6fa900;
}

.medstep2 h4	{
	font-size:	24px;
	font-weight:	normal;
	margin:	20px 0px 16px;
	padding-left:	16px;
	border-left:	solid 3px #6fa900;
}

.med_list	{
	margin-bottom:	24px;
}

.med_list li	{
	line-height:	32px;
	padding-left:	16px;
	background:	url("/common/images/list_circle_green.gif") no-repeat 1px 13px;
}

.view_project_button	{
	display:	block;
	margin:	12px auto 12px;
}

/*.step li	{
	font-size:	14px;
	padding: 10px 40px 10px 40x;
	line-height:	200%;
}*/

.step li {
	font-size: 14px;
	padding: 10px 40px 10px 40px;
	line-height: 200%;
}

/* 医療機器アイコン */

  h2 .strategy-container {
    color: #333;
    margin-bottom: 30px;
    font-size: 1.8rem;
    text-align: center;
  }

h3 .stragegy_description {
	font-family: "メイリオ","Helvetica Neue", Arial, sans-serif;
    background: #fff;
    padding: 24px;
    margin: 0;
	font-weight: 300;
}

   /* アイコン横並び＆中央寄せ */
.strategy-container {
  width: 100%;
  background-color: #c4fdea; /* 背景色 */
  display: flex;
  justify-content: center;
  gap: 40px;
  padding: 60px 20px; /* 上下に余白を追加 */
  box-sizing: border-box;

}

.strategy-item {
  text-align: center;
  max-width: 280px; /* 各アイコン＋説明の横幅を制限 */
}

  .strategy-item img.icon {
    width: 64px;
    height: 64px;
    margin-bottom: 12px;
  }

  .strategy-item h3 {
    font-size: 1.1rem;
    margin: 8px 0;
    color: #333;
  }

  .strategy-item p {
    margin: 0;
    color: #555;
    font-size: 0.95rem;
    line-height: 1.5;
  }

/* タイトルがアイコンの真下に来る */
.strategy-item h3 {
  margin-top: 10px;
  margin-bottom: 5px;
}

/* 緑の線を削除 */
.line_double2 {
  border: none !important;
  background: none !important;
}

  /* スマホ表示で縦並び */
  @media (max-width: 768px) {
    .strategy-container {
      flex-direction: column;
      align-items: center;
    }
  }

  @media screen and (max-width: 768px) {
  .img_right,
  .img_left {
    float: none;
    display: block;
    margin: 0 auto 20px;
  }
}

.strategy-items2 {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  text-align: center;
}

.strategy-item2 {
  flex: 1;
}

  /* スマホ表示で縦並び */
@media (max-width: 768px) {
  .strategy-items2 {
    flex-direction: column;
  }
}

/* 食品コンサル -------------------------------------------- */

.food_wrap	{
	width:	710px;
	min-height:	255px;
	margin:	0px auto 24px;
}

.food_wrap2	{
	width:	710px;
	min-height:	450px;
	margin:	0px auto 24px;
}

.service_wrap3	{
	width:	710px;
	min-height:	450px;
	margin:	0px auto 24px;
}


.food_wrap img	{
	float:	left;
}

.food_wrap2 img	{
	float:	left;
}

.service_wrap3 img	{
	float:	left;
}

.food_detail	{
	width:	400px;
	float:	right;
}

.food_sublinks	{
	width:	710px;
	height:	20px;
	margin:	16px auto 24px;
	text-align:	center;
}

.food_sublinks a	{
	color:	#75ab0c;
	text-decoration:	underline;
	padding:	0px 20px 0px 40px;
	background:	url("/common/images/foot_sublist.gif") no-repeat 32px 5px;
}

.food_sublinks a:hover	{
	text-decoration:	none;
}

/* 医薬品　-------------------------------------------------*/
.list ul li	{
	margin:	0px 0px 12px 0px;
	padding-left:	14px;
	background:	url("/common/images/list_circle_oak.gif") no-repeat 1px 7px;
}

/* Projects　-------------------------------------------------*/
h2.medicaldevice_subhead_projects {
	font-size:	14px;
	line-height: 200%;
}

.medicaldevice_subhead_projects	{
	width:	323px;
	height: 120px;
	padding:	32px 16px;
	background:	#6fa900;
}	

h2.medicaldevice_projects {
	font-size:	16px;
	line-height: 50%;
}

.experiences {
	text-indent: 50px;
	font-size: 14px;
	line-height: 170%;
	}

h2.title_white {
	font-size: 180%;
	color: #FFFFFF;
	padding-bottom: 0;
}

/* COVID19　-------------------------------------------------*/
.COVID19_detail	{
	width:	400px;
	float:	right;
}

ul.COVID19_detail {
	width: 400px;
	float: inherit;
}

ul.COVID19_detail li{
	width: 350px;
	float:	right;
	padding: 0;
	margin: 0;
	line-height: 150%;
}

i {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}