@charset "utf-8";

/* ****************************************************
Title: layout.css
***************************************************** */

/* -------------------------------------------------------------------- 
 body
-------------------------------------------------------------------- */

body {
 color: #333333;
	background-color: #ffffff;

font-family: 'Noto Sans JP', sans-serif; /*ウェブフォント指定*/

font-size: 13px;
 *font-size:small;
 *font:x-small;
 text-align: center;
	text-size-adjust: 100%;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	max-height: 999999px;
}

.webFontJost {
	font-family: 'Jost', sans-serif;
}

#top {
	/*overflow: hidden;*/
}

#wrap {
	overflow: hidden;
	/*width: 640px;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	min-width: 1060px;
}


img {
	vertical-align: bottom;
	width: auto;
	max-width: 100%;
	height: auto;
}

.relative-wrap {
	position: relative;
}

.contDispN {
	display: none;
}

p, span, dt, dd, th, td, li, h1, h2, h3, h4 {
	max-height: 999999px;
	background-image: url(/medical/common/img/spacer.gif);
}


/*-----------------------*/

.anc {
	position: relative;
}
.ancIn {
	position: absolute;
	top: -100px;
}

#top {
	padding-top: 100px;
}

/*-----------------------*/

.pc {
	display: block;
}

.sp {
	display: none;
}

.pcBr {
	display: inline;
}

.spBr {
	display: none;
}

.pcTable {
	display: table !important;
}
.spTable {
	display: none !important;
}

.contIn1000 {
	width: 1000px;
	margin: 0px auto;
	position: relative;
}


.radius200 {
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
}

.width100 {
	box-sizing: border-box;
	width: 100%
}

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

	body {

	/* font-family:	"HiraginoKaku-W3-90msp-RKSJ-H", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック",  Verdana, Osaka, "MS PGothic", Sans-Serif;*/

	}

	#wrap {
		overflow: hidden;
		/*width: 750px;*/
		width: auto;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 0px;
		min-width: 320px;
	}

	/*-----------------------*/

	.anc {
		position: relative;
	}
	.ancIn {
		position: absolute;
		top: -60px;
	}

	#top {
		padding-top: 60px;
	}

	/*-----------------------*/

	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.pcBr {
		display: none;
	}
	.spBr {
		display: inline;
	}

	.pcTable {
		display: none !important;
	}
	.spTable {
		display: table !important;
	}

	.contIn1000 {
		width: auto;
	}


}


/* -------------------------------------------------------------------- 
 header
-------------------------------------------------------------------- */

.menuSpWrap {
	display: none;
}

.pcHeaderWrap {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	border-top: 3px solid #333333;
	background-color: #ffffff;
	padding-bottom: 15px;
	z-index: 1000;
}
.headerFlex01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
	padding: 14px 0px 14px 0px;
}
.headerTb01 {
	display: table;
}
.headerTb01 li {
	display: table-cell;
	padding-left: 5px;
}

.headerNavi01 {
	display: inline-flex;
	border-left: 1px solid #424242;
}
.headerNavi01 li {
	border-right: 1px solid #424242;
}



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

	.menuSpWrap {
		background-color: #F2F2F2;
		display: block;
		visibility: hidden;
		opacity: 0;
		transition-duration: 0.3s;
		position: fixed;
		width: 100%;
		left: 0px;
		top: 60px;
		z-index: 99;
	}
	.menuSpWrap.openNavi {
		visibility: visible;
		opacity: 1;
		transition-duration: 0.3s;
	}
	
	.contNaviBg01 {
		background-color: #ffffff;
		opacity: 0.6;
		width: 100%;
		height: 120vh;
		position: fixed;
		top: 0px;
		left: 0px;
	}
	
	.spNavi01 li a {
		display: block;
		text-align: left;
		position: relative;
		border-bottom: 1px solid #D8D6D6;
		/*background-color: #F2F2F2;*/
		padding: 16px 24px 16px 24px;
		font-size: 16px;
		line-height: 1.3em;
		font-weight: 500;
	}
	.spNavi01 li a:link {	color: #191818;	text-decoration: none;}
	.spNavi01 li a:visited {	color: #191818;	text-decoration: none;}
	.spNavi01 li a:hover {	color:#191818;	text-decoration: none;}
	.spNavi01 li a:active {	color:#191818;	text-decoration: none;}

	.spNavi01 li a::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 1px #191818;
		border-right: solid 1px #191818;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 22px;
		margin-top: -3px;
	}
	
	.spNavi02 {
		display: flex;
  justify-content: space-between;
		margin-top: 17px;
	}
	.spNavi02 li {
		width: 49%;
	}
	.spNavi02 li .contBtn04 {
		box-sizing: border-box;
		height: 72px;
	}
	
	.spNaviLogoWrap01 {
		text-align: center;
		padding: 30px 20px;
	}
	.spNaviLogoWrap01 img {
		width: 98px;
		height: auto;
	}
	
	.spHeaderWrap {
		background-color: #ffffff;
		border-bottom: 1px solid #2B2A2A;
		box-sizing: border-box;
		padding: 5px 16px 4px 16px;
		width: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 100;
	}
	
	.headerLogoWrap01 {
		display: table;
		float: left;
	}
	.headerLogoWrap01 img {
		width: 240px;
	}
	.headerLogoWrap01 .headerCell01 {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		height: 50px;
	}

	/*.spHeaderLogo {
		width: auto;
		padding: 4px;
		text-align: left;
		float: left;
	}
	.hLogo01 {
		display: block;
		width: 72px;
	}
	.hLogo02 {
		display: block;
		font-size: 10px;
		line-height: 1.0em;
		font-weight: bold;
		color: #ffffff;
		margin-top: 4px;
	}*/

	.spHeaderMenu {
		float: right;
		padding: 10px 0px;
	}
	.spHeaderMenu img {
		width: auto;
		height: 28px;
	}
	
	.clickWrapForm01 .textbox {
		box-sizing: border-box;
			padding: 0 5px;
			border: none;
			border-radius: 0;
			outline: none;
			background: none;
		width: 320px;
		height: 30px;
		font-size: 15px;
		vertical-align: middle;
	}
	.clickWrapForm01 .srcBtn {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			padding: 0;
			border: none;
			outline: none;
			background: transparent;
		background-image: url("../img/Icon ionic-ios-search.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 16px auto;
		background-color: #2F2F2F;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		width: 30px;
		height: 30px;
		cursor: pointer;
		vertical-align: middle;
	}


}


/* -------------------------------------------------------------------- 
 ボタン
-------------------------------------------------------------------- */

.contBtn01 {
  display: flex;
  justify-content: center;
  align-items: center;
	border: 1px solid #707070;
	background-color: #ffffff;
	font-size: 13px;
	line-height: 1.3em;
	font-weight: 500;
	padding: 8px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.contBtn01:link {	color: #424242;	text-decoration: none;}
a.contBtn01:visited {	color: #424242;	text-decoration: none;}
a.contBtn01:hover {
	color:#ffffff;
	background-color: #424242;
	text-decoration: none;
}
a.contBtn01:active {	color:#424242;	text-decoration: none;}

/*-----------*/

.contBtn02 {
  display: flex;
  justify-content: center;
  align-items: center;
	border: 1px solid #424242;
	background-color: #424242;
	font-size: 13px;
	line-height: 1.3em;
	font-weight: 500;
	padding: 8px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.contBtn02:link {	color: #ffffff;	text-decoration: none;}
a.contBtn02:visited {	color: #ffffff;	text-decoration: none;}
a.contBtn02:hover {
	color:#424242;
	background-color: #ffffff;
	text-decoration: none;
}
a.contBtn02:active {	color:#ffffff;	text-decoration: none;}

/*-----------*/

.contBtn03 {
	position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
	font-size: 14px;
	line-height: 1.3em;
	font-weight: bold;
	padding: 8px 8px 8px 22px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.contBtn03:link {	color: #2771C0;	text-decoration: none;}
a.contBtn03:visited {	color: #2771C0;	text-decoration: none;}
a.contBtn03:hover {
	color:#2771C0;
	text-decoration: underline;
}
a.contBtn03:active {	color:#2771C0;	text-decoration: none;}

.contBtn03::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent #2771c0;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -3px;
}

/*-----------*/

.contBtn04 {
  display: flex;
  justify-content: center;
  align-items: center;
	border: 1px solid #FF9300;
	background-color: #FF9300;
	font-size: 13px;
	line-height: 1.3em;
	font-weight: 500;
	padding: 8px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.contBtn04:link {	color: #ffffff;	text-decoration: none;}
a.contBtn04:visited {	color: #ffffff;	text-decoration: none;}
a.contBtn04:hover {
	color:#FF9300;
	background-color: #ffffff;
	text-decoration: none;
}
a.contBtn04:active {	color:#ffffff;	text-decoration: none;}

/*-----------*/

.contBtn05 {
  display: flex;
  justify-content: center;
  align-items: center;
	background-color: #ffffff;
	font-size: 13px;
	line-height: 1.3em;
	font-weight: 500;
	padding: 0px 1em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.contBtn05:link {	color: #424242;	text-decoration: none;}
a.contBtn05:visited {	color: #424242;	text-decoration: none;}
a.contBtn05:hover {
	color:#424242;
	text-decoration: underline;
}
a.contBtn05:active {	color:#424242;	text-decoration: none;}

/*-----------*/

.contBtn06 {
  display: flex;
  justify-content: center;
  align-items: center;
	text-align: left;
	font-size: 14px;
	line-height: 1.7em;
	font-weight: 500;
	box-sizing: border-box;
	width: 630px;
	margin: auto;
	background-image: url("/medical/common/img/main_btn_bg01.png");
	background-repeat: repeat;
	background-position: center top;
	padding: 17px 80px 17px 148px;
	position: relative;
}
a.contBtn06:link {	color: #ffffff;	text-decoration: none;}
a.contBtn06:visited {	color: #ffffff;	text-decoration: none;}
a.contBtn06:hover {
	color:#ffffff;
	text-decoration: none;
}
a.contBtn06:active {	color:#ffffff;	text-decoration: none;}

.contBtn06::after {
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -7px;
}

.contBtn06 dt {
	font-size: 20px;
	line-height: 1.3em;
	font-weight: bold;
	padding-bottom: 13px;
	margin-bottom: 13px;
	border-bottom: 1px solid #ffffff;
}
.contBtn06 dd {
	font-size: 14px;
	line-height: 1.7em;
	font-weight: 500;
}
.btn06Img01 {
	width: 158px;
	position: absolute;
	left: -28px;
	bottom: 0px;
}

/*------------------------*/

.productBtn01 {
	position: relative;
  display: flex;
  align-items: center;
	border: 1px solid #707070;
	background-color: #ffffff;
	font-size: 12px;
	line-height: 1.3em;
	font-weight: bold;
	text-align: left;
	box-sizing: border-box;
	width: 166px;
	height: 42px;
	margin: auto;
	padding: 8px 8px 8px 28px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a:hover .productBtn01 {
	color:#ffffff;background-color: #707070;
	text-decoration: none;
}

.productBtn01 span {
	display: inline-block;
	position: relative;
	padding-right: 38px;
}
.productBtn01 span::after {
	content: "";
	background-image: url("/medical/common/img/cont_btn_ar01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 34px auto;
	width: 34px;
	height: 5px;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -3px;
}
a:hover .productBtn01 span::after {
	background-image: url("/medical/common/img/cont_btn_ar01_on.png");
}

/*-----------*/

.contBtn07 {
  display: flex;
  justify-content: center;
  align-items: center;
	border: 1px solid #191818;
	background-color: #191818;
	border-radius: 100px;
	font-size: 13px;
	line-height: 1.3em;
	font-weight: 500;
	box-sizing: border-box;
	width: 280px;
	height: 62px;
	margin: auto;
	padding: 8px;
	position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.contBtn07:link {	color: #ffffff;	text-decoration: none;}
a.contBtn07:visited {	color: #ffffff;	text-decoration: none;}
a.contBtn07:hover {
	color:#191818;
	background-color: #ffffff;
	text-decoration: none;
}
a.contBtn07:active {	color:#ffffff;	text-decoration: none;}

.contBtn07::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 18px;
  margin-top: -3px;
}
.contBtn07:hover::after {
  border-top: solid 2px #191818;
  border-right: solid 2px #191818;
}

/*-----------*/

.contBtn08 {
  display: flex;
  justify-content: center;
  align-items: center;
	text-align: center;
	border: 1px solid #002F7B;
	background-color: #002F7B;
	font-size: 15px;
	line-height: 1.4em;
	font-weight: bold;
	box-sizing: border-box;
	width: 235px;
	height: 70px;
	margin: auto;
	padding: 8px 16px 8px 8px;
	position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.contBtn08:link {	color: #ffffff;	text-decoration: none;}
a.contBtn08:visited {	color: #ffffff;	text-decoration: none;}
a.contBtn08:hover {
	color:#002F7B;
	background-color: #ffffff;
	text-decoration: none;
}
a.contBtn08:active {	color:#ffffff;	text-decoration: none;}

.contBtn08::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 18px;
  margin-top: -3px;
}
.contBtn08:hover::after {
  border-top: solid 2px #002F7B;
  border-right: solid 2px #002F7B;
}

/*-----------*/

.contBtn09 {
  display: flex;
  justify-content: center;
  align-items: center;
	text-align: center;
	border: 1px solid #FF9300;
	background-color: #FF9300;
	font-size: 15px;
	line-height: 1.4em;
	font-weight: bold;
	box-sizing: border-box;
	width: 235px;
	height: 70px;
	margin: auto;
	padding: 8px 16px 8px 8px;
	position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.contBtn09:link {	color: #ffffff;	text-decoration: none;}
a.contBtn09:visited {	color: #ffffff;	text-decoration: none;}
a.contBtn09:hover {
	color:#FF9300;
	background-color: #ffffff;
	text-decoration: none;
}
a.contBtn09:active {	color:#ffffff;	text-decoration: none;}

.contBtn09::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 18px;
  margin-top: -3px;
}
.contBtn09:hover::after {
  border-top: solid 2px #FF9300;
  border-right: solid 2px #FF9300;
}

/*-----------*/

.contBtn10 {
  display: flex;
  justify-content: center;
  align-items: center;
	text-align: center;
	border: 1px solid #FF9300;
	background-color: #FF9300;
	font-size: 15px;
	line-height: 1.4em;
	font-weight: bold;
	box-sizing: border-box;
	width: 248px;
	height: 58px;
	margin: auto;
	padding: 8px 16px 8px 8px;
	position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.contBtn10:link {	color: #ffffff;	text-decoration: none;}
a.contBtn10:visited {	color: #ffffff;	text-decoration: none;}
a.contBtn10:hover {
	color:#FF9300;
	background-color: #ffffff;
	text-decoration: none;
}
a.contBtn10:active {	color:#ffffff;	text-decoration: none;}

.contBtn10 span {
	display: inline-block;
	padding-left: 26px;
	position: relative;
}
.contBtn10 span::before {
	content: "";
	background-image: url("/medical/common/img/catalog_btn_icon01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 15px auto;
	width: 15px;
	height: 15px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -7px;
}
a.contBtn10:hover span::before {
	background-image: url("/medical/common/img/catalog_btn_icon01_on.png");
}

/*-----------*/

.contactBtn01 {
  display: flex;
  justify-content: center;
  align-items: center;
	text-align: center;
	border: 1px solid #191818;
	background-color: #191818;
	font-size: 17px;
	line-height: 1.4em;
	font-weight: bold;
	box-sizing: border-box;
	width: 50%;
	height: 235px;
	margin: auto;
	padding: 8px 16px 8px 8px;
	position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.contactBtn01:link {	color: #ffffff;	text-decoration: none;}
a.contactBtn01:visited {	color: #ffffff;	text-decoration: none;}
a.contactBtn01:hover {
	color:#191818;
	background-color: #ffffff;
	text-decoration: none;
}
a.contactBtn01:active {	color:#ffffff;	text-decoration: none;}

.contactBtn01 span {
	display: inline-block;
	padding-left: 38px;
	position: relative;
}
.contactBtn01 span::before {
	content: "";
	background-image: url("/medical/common/img/contact_btn_icon01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 21px auto;
	width: 21px;
	height: 19px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -10px;
}
a.contactBtn01:hover span::before {
	background-image: url("/medical/common/img/contact_btn_icon01_on.png");
}

/*-----------*/

@media (min-width: 768px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
	.mainTbText03 a:link {	color: #333333;	text-decoration: none;}
	.mainTbText03 a:visited {	color: #333333;	text-decoration: none;}
	.mainTbText03 a:hover {	color:#333333;	text-decoration: none;}
	.mainTbText03 a:active {	color:#333333;	text-decoration: none;}
}

.contactBtn02 {
  display: flex;
  justify-content: center;
  align-items: center;
	text-align: center;
	border: 1px solid #002F7B;
	background-color: #002F7B;
	box-sizing: border-box;
	width: 50%;
	height: 235px;
	margin: auto;
	padding: 8px 16px 8px 8px;
	position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.contactBtn02:link {	color: #ffffff;	text-decoration: none;}
a.contactBtn02:visited {	color: #ffffff;	text-decoration: none;}
a.contactBtn02:hover {
	color:#002F7B;
	background-color: #ffffff;
	text-decoration: none;
}
a.contactBtn02:active {	color:#ffffff;	text-decoration: none;}

.contactBtn02 .p01 {
	display: inline-block;
	padding-left: 38px;
	position: relative;
	font-size: 21px;
	line-height: 1.4em;
	font-weight: bold;
}
.contactBtn02 .p01::before {
	content: "";
	background-image: url("/medical/common/img/contact_btn_icon02.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 21px auto;
	width: 21px;
	height: 24px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -12px;
}
a.contactBtn02:hover .p01::before {
	background-image: url("/medical/common/img/contact_btn_icon02_on.png");
}
.contactBtn02 .p02 {
	display: block;
	margin-top: 14px;
	font-size: 11px;
	line-height: 1.8em;
	font-weight: 500;
}

/*-----------*/



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

	.contBtn01 {
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #707070;
		background-color: #ffffff;
		font-size: 13px;
		line-height: 1.3em;
		font-weight: 500;
		padding: 8px;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.contBtn01:link {	color: #424242;	text-decoration: none;}
	a.contBtn01:visited {	color: #424242;	text-decoration: none;}
	a.contBtn01:hover {
		color:#ffffff;
		background-color: #424242;
		text-decoration: none;
	}
	a.contBtn01:active {	color:#424242;	text-decoration: none;}

	/*-----------*/

	.contBtn02 {
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #424242;
		background-color: #424242;
		font-size: 13px;
		line-height: 1.3em;
		font-weight: 500;
		padding: 8px;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.contBtn02:link {	color: #ffffff;	text-decoration: none;}
	a.contBtn02:visited {	color: #ffffff;	text-decoration: none;}
	a.contBtn02:hover {
		color:#424242;
		background-color: #ffffff;
		text-decoration: none;
	}
	a.contBtn02:active {	color:#ffffff;	text-decoration: none;}

	/*-----------*/

	.contBtn03 {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		line-height: 1.3em;
		font-weight: bold;
		padding: 8px 8px 8px 22px;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.contBtn03:link {	color: #2771C0;	text-decoration: none;}
	a.contBtn03:visited {	color: #2771C0;	text-decoration: none;}
	a.contBtn03:hover {
		color:#2771C0;
		text-decoration: underline;
	}
	a.contBtn03:active {	color:#2771C0;	text-decoration: none;}

	.contBtn03::before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4px 0 4px 7px;
		border-color: transparent transparent transparent #2771c0;
		position: absolute;
		left: 10px;
		top: 50%;
		margin-top: -3px;
	}

	/*-----------*/

	.contBtn04 {
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #FF9300;
		background-color: #FF9300;
		font-size: 13px;
		line-height: 1.3em;
		font-weight: 500;
		padding: 8px;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.contBtn04:link {	color: #ffffff;	text-decoration: none;}
	a.contBtn04:visited {	color: #ffffff;	text-decoration: none;}
	a.contBtn04:hover {
		color:#FF9300;
		background-color: #ffffff;
		text-decoration: none;
	}
	a.contBtn04:active {	color:#ffffff;	text-decoration: none;}

	/*-----------*/

	.contBtn05 {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #ffffff;
		font-size: 13px;
		line-height: 1.3em;
		font-weight: 500;
		padding: 0px 1em;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.contBtn05:link {	color: #424242;	text-decoration: none;}
	a.contBtn05:visited {	color: #424242;	text-decoration: none;}
	a.contBtn05:hover {
		color:#424242;
		text-decoration: underline;
	}
	a.contBtn05:active {	color:#424242;	text-decoration: none;}

	/*-----------*/

	.contBtn06 {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: left;
		font-size: 14px;
		line-height: 1.7em;
		font-weight: 500;
		box-sizing: border-box;
		width: 100%;
		margin: auto;
		background-image: none;
		background-color: #FF9300;
		padding: 15px 0px 15px 130px;
		position: relative;
	}
	a.contBtn06:link {	color: #ffffff;	text-decoration: none;}
	a.contBtn06:visited {	color: #ffffff;	text-decoration: none;}
	a.contBtn06:hover {
		color:#ffffff;
		text-decoration: none;
	}
	a.contBtn06:active {	color:#ffffff;	text-decoration: none;}

	.contBtn06::after {
		display: none;
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 1px #ffffff;
		border-right: solid 1px #ffffff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -7px;
	}

	.contBtn06 dt {
		position: relative;
		font-size: 18px;
		line-height: 1.3em;
		font-weight: bold;
		padding-bottom: 5px;
		margin-bottom: 5px;
		border-bottom: 1px solid #ffffff;
		padding-right: 15px;
	}
	.contBtn06 dt::after {
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 1px #ffffff;
		border-right: solid 1px #ffffff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 26px;
		margin-top: -7px;
	}
	.contBtn06 dd {
		font-size: 14px;
		line-height: 1.7em;
		font-weight: 500;
		padding-right: 15px;
	}
	.btn06Img01 {
		width: 110px;
		height: 100%;
		display: flex;
  align-items: center;
		position: absolute;
		left: 10px;
		bottom: 0px;
	}

	/*------------------------*/

	.productBtn01 {
		position: relative;
		display: flex;
		align-items: center;
		border: 1px solid #707070;
		background-color: #ffffff;
		font-size: 12px;
		line-height: 1.3em;
		font-weight: bold;
		text-align: left;
		box-sizing: border-box;
		width: 166px;
		height: 42px;
		margin: auto;
		padding: 8px 8px 8px 28px;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a:hover .productBtn01 {
		color:#ffffff;background-color: #707070;
		text-decoration: none;
	}

	.productBtn01 span {
		display: inline-block;
		position: relative;
		padding-right: 38px;
	}
	.productBtn01 span::after {
		content: "";
		background-image: url("/medical/common/img/cont_btn_ar01.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 34px auto;
		width: 34px;
		height: 5px;
		position: absolute;
		right: 0px;
		top: 50%;
		margin-top: -3px;
	}
	a:hover .productBtn01 span::after {
		background-image: url("/medical/common/img/cont_btn_ar01_on.png");
	}

	/*-----------*/

	.contBtn07 {
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #191818;
		background-color: #191818;
		border-radius: 100px;
		font-size: 13px;
		line-height: 1.3em;
		font-weight: 500;
		box-sizing: border-box;
		width: 280px;
		height: 62px;
		margin: auto;
		padding: 8px;
		position: relative;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.contBtn07:link {	color: #ffffff;	text-decoration: none;}
	a.contBtn07:visited {	color: #ffffff;	text-decoration: none;}
	a.contBtn07:hover {
		color:#191818;
		background-color: #ffffff;
		text-decoration: none;
	}
	a.contBtn07:active {	color:#ffffff;	text-decoration: none;}

	.contBtn07::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 18px;
		margin-top: -3px;
	}
	.contBtn07:hover::after {
		border-top: solid 2px #191818;
		border-right: solid 2px #191818;
	}

	/*-----------*/

	.contBtn08 {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		border: 1px solid #002F7B;
		background-color: #002F7B;
		font-size: 15px;
		line-height: 1.4em;
		font-weight: bold;
		box-sizing: border-box;
		width: 100%;
		height: 70px;
		margin: auto;
		padding: 8px 16px 8px 8px;
		position: relative;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.contBtn08:link {	color: #ffffff;	text-decoration: none;}
	a.contBtn08:visited {	color: #ffffff;	text-decoration: none;}
	a.contBtn08:hover {
		color:#002F7B;
		background-color: #ffffff;
		text-decoration: none;
	}
	a.contBtn08:active {	color:#ffffff;	text-decoration: none;}

	.contBtn08::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 18px;
		margin-top: -3px;
	}
	.contBtn08:hover::after {
		border-top: solid 2px #002F7B;
		border-right: solid 2px #002F7B;
	}

	/*-----------*/

	.contBtn09 {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		border: 1px solid #FF9300;
		background-color: #FF9300;
		font-size: 15px;
		line-height: 1.4em;
		font-weight: bold;
		box-sizing: border-box;
		width: 100%;
		height: 70px;
		margin: auto;
		padding: 8px 16px 8px 8px;
		position: relative;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.contBtn09:link {	color: #ffffff;	text-decoration: none;}
	a.contBtn09:visited {	color: #ffffff;	text-decoration: none;}
	a.contBtn09:hover {
		color:#FF9300;
		background-color: #ffffff;
		text-decoration: none;
	}
	a.contBtn09:active {	color:#ffffff;	text-decoration: none;}

	.contBtn09::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 18px;
		margin-top: -3px;
	}
	.contBtn09:hover::after {
		border-top: solid 2px #FF9300;
		border-right: solid 2px #FF9300;
	}

	/*-----------*/

	.contBtn10 {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		border: 1px solid #FF9300;
		background-color: #FF9300;
		font-size: 15px;
		line-height: 1.4em;
		font-weight: bold;
		box-sizing: border-box;
		width: 248px;
		height: 58px;
		margin: auto;
		padding: 8px 16px 8px 8px;
		position: relative;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.contBtn10:link {	color: #ffffff;	text-decoration: none;}
	a.contBtn10:visited {	color: #ffffff;	text-decoration: none;}
	a.contBtn10:hover {
		color:#FF9300;
		background-color: #ffffff;
		text-decoration: none;
	}
	a.contBtn10:active {	color:#ffffff;	text-decoration: none;}

	.contBtn10 span {
		display: inline-block;
		padding-left: 26px;
		position: relative;
	}
	.contBtn10 span::before {
		content: "";
		background-image: url("/medical/common/img/catalog_btn_icon01.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 15px auto;
		width: 15px;
		height: 15px;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -7px;
	}
	a.contBtn10:hover span::before {
		background-image: url("/medical/common/img/catalog_btn_icon01_on.png");
	}

	/*-----------*/

	.contactBtn01 {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		border: 1px solid #191818;
		background-color: #191818;
		font-size: 17px;
		line-height: 1.4em;
		font-weight: bold;
		box-sizing: border-box;
		width: 100%;
		height: 130px;
		margin: auto;
		padding: 8px 16px 8px 8px;
		position: relative;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.contactBtn01:link {	color: #ffffff;	text-decoration: none;}
	a.contactBtn01:visited {	color: #ffffff;	text-decoration: none;}
	a.contactBtn01:hover {
		color:#191818;
		background-color: #ffffff;
		text-decoration: none;
	}
	a.contactBtn01:active {	color:#ffffff;	text-decoration: none;}

	.contactBtn01 span {
		display: inline-block;
		padding-left: 38px;
		position: relative;
	}
	.contactBtn01 span::before {
		content: "";
		background-image: url("/medical/common/img/contact_btn_icon01.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 21px auto;
		width: 21px;
		height: 19px;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -10px;
	}
	a.contactBtn01:hover span::before {
		background-image: url("/medical/common/img/contact_btn_icon01_on.png");
	}

	/*-----------*/

	.contactBtn02 {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		border: 1px solid #002F7B;
		background-color: #002F7B;
		box-sizing: border-box;
		width: 100%;
		height: 130px;
		margin: auto;
		padding: 8px 16px 8px 8px;
		position: relative;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.contactBtn02:link {	color: #ffffff;	text-decoration: none;}
	a.contactBtn02:visited {	color: #ffffff;	text-decoration: none;}
	a.contactBtn02:hover {
		color:#002F7B;
		background-color: #ffffff;
		text-decoration: none;
	}
	a.contactBtn02:active {	color:#ffffff;	text-decoration: none;}

	.contactBtn02 .p01 {
		display: inline-block;
		padding-left: 38px;
		position: relative;
		font-size: 21px;
		line-height: 1.4em;
		font-weight: bold;
	}
	.contactBtn02 .p01::before {
		content: "";
		background-image: url("/medical/common/img/contact_btn_icon02.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 21px auto;
		width: 21px;
		height: 24px;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -12px;
	}
	a.contactBtn02:hover .p01::before {
		background-image: url("/medical/common/img/contact_btn_icon02_on.png");
	}
	.contactBtn02 .p02 {
		display: block;
		margin-top: 14px;
		font-size: 11px;
		line-height: 1.8em;
		font-weight: 500;
	}

	/*-----------*/




}


/* -------------------------------------------------------------------- 
 main
-------------------------------------------------------------------- */

.topMainvisual01 {
	background-image: url("/medical/common/img/mainvisual01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.topMainTn01 {
	display: table;
}
.topMainTn01 .cell01 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 592px;
}
.topMainH101 {
	color: #ffffff;
}
.topMainH101 .span01 {
	display: inline-block;
	border: 1px solid #FFFFFF;
	padding: 8px 22px;
	font-size: 26px;
	line-height: 1.3em;
	margin-bottom: 28px;
}
.topMainH101 .span02 {
	display: block;
	font-size: 38px;
	line-height: 2.0em;
	font-weight: bold;
}
.topMainH101 .span03 {
	font-size: 60px;
}
.topMainH101 .span04 {
	font-size: 54px;
}

.mainBtnWrap01 {
	margin-top: 90px;
}

/*--------------*/

.img_wrap {
 /* margin: 0 auto;*/
  /*overflow: hidden;*/
  cursor: pointer;
}
.img_wrap img {
  width: 100%;
  transition-duration: 0.5s;
}
.img_wrap:hover img {
  transform: scale(1.1);
  transition-duration: 0.5s;
}
.overFlowHid01 {
	overflow: hidden;
}

/*--------------*/

.topContBlock01 {
	margin: 120px 0px 120px 0px;
}

.contH201 {
	margin-bottom: 40px;
}
.contH201 .span01 {
	display: block;
	position: relative;
	color: #002F7B;
	font-size: 18px;
	line-height: 1.3em;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.contH201 .span01::after {
	content: "";
	width: 46px;
	height: 1px;
	background-color: #2B3C66;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -23px;
}
.contH201 .span02 {
	display: block;
	font-size: 30px;
	line-height: 1.5em;
	font-weight: bold;
}

.contRead01 {
	font-size: 20px;
	line-height: 1.75em;
	font-weight: bold;
	margin-bottom: 25px;
}

.contBox01 {
	width: 830px;
	margin: 0px auto 60px auto;
	text-align: left;
}
.contText16_16 {
	font-size: 16px;
	line-height: 1.6em;
}

.contFlex01 {
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.featuresBox01 {
	display: block;
	background-color: #ffffff;
	position: relative;
	box-sizing: border-box;
	width: 304px;
	padding: 25px 30px 50px 30px;
	box-shadow: 5px 5px 20px #0000001F;
}
.featuresBox01::before {
	content: "";
	width: 80px;
	height: 3px;
	background-color: #002F7B;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -40px;
}

.featuresNum01 {
	font-weight: bold;
	font-style: italic;
	color: #002F7B;
}
.featuresNum01 .p01 {
	font-size: 10px;
	line-height: 1.6em;
}
.featuresNum01 .p02 {
	font-size: 44px;
	line-height: 1.2em;
}
.featuresH301 {
	font-size: 16px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 20px;
}
.featuresH301 span {
	color: #002F7B;
}

.imgWrap01 {
	display: flex;
  justify-content: center;
  align-items: center;
	height: 160px;
}
.imgWrap01.img01 img {
	width: 98px;
}
.imgWrap01.img02 img {
	width: 96px;
}
.imgWrap01.img03 img {
	width: 98px;
}

/*------------------------*/

.topContBlock02 {
	background-image: url("/medical/common/img/product_bg01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 120px 0px 120px 0px;
}

.productMt120 {
	margin-top: 120px;
}

.productBox01 {
	display: block;
	box-shadow: 5px 5px 20px #0000001A;
	background-color: #ffffff;
	box-sizing: border-box;
	width: 304px;
	position: relative;
	padding: 130px 30px 120px 30px;
	text-align: left;
}
a.productBox01:link {	color: #191818;	text-decoration: none;}
a.productBox01:visited {	color: #191818;	text-decoration: none;}
a.productBox01:hover {	color:#191818;	text-decoration: none;}
a.productBox01:active {	color:#191818;	text-decoration: none;}

.productImg01 {
	width: 284px;
	position: absolute;
	top: -50px;
	left: 0px;
}

.topNewFlex01 .productBox01 {
	width: 424px;
	margin-left: 50px;
	padding-top: 240px;
}
.topNewFlex01 .productImg01 {
	width: 440px;
	position: absolute;
	top: -50px;
	left: -50px;
}

.productNumWrap {
  display: flex;
  align-items: center;
	color: #002F7B;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 14px;
}
.productNumWrap .p01 {
	font-size: 10px;
	line-height: 1.3em;
	margin-right: 4px;
}
.productNumWrap .p02 {
	font-size: 45px;
	line-height: 1.3em;
	font-weight: 500;
}

.productH3Wrap01 {
height: 60px;
}
.productH3Wrap01 .h301 {
	font-size: 18px;
	line-height: 1.6em;
	font-weight: bold;
	position: relative;
}
.productH3Wrap01 .h301::before {
	content: "";
	width: 16px;
	height: 2px;
	background-color: #0E2566;
	position: absolute;
	left: -30px;
	top: 14px;
}

.contText16_16 li {
	text-indent: -1em;
	padding-left: 1em;
}
.productBtnWrap {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 50px;
}

.productIchiranWrap {
	margin: 80px auto 80px auto;
	text-align: center;
}

.productBox02 {
	box-sizing: border-box;
	padding: 34px 0px 0px 150px;
	position: relative;
}
.productImg02 {
	width: 425px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.productBoxIn01 {
	background-color: #ffffff;
	padding: 38px 0px 44px 0px;
	text-align: left;
}
.productIn01 {
	border-bottom: 2px solid #002F7B;
	padding: 0px 35px 25px 330px;
}
.productIn02 {
	padding: 16px 35px 0px 330px;
}
.contH301 {
	font-size: 26px;
	line-height: 1.53em;
	font-weight: 500;
}
.contText18_18_500 {
	font-size: 18px;
	line-height: 1.8em;
	font-weight: 500;
}

.productUl01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
	margin-top: 35px;
}

/*------------------------*/

.serviceBox01 {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 475px;
	padding: 0px 55px 170px 0px;
}
a.serviceBox01:link {	color: #191818;	text-decoration: none;}
a.serviceBox01:visited {	color: #191818;	text-decoration: none;}
a.serviceBox01:hover {	color:#191818;	text-decoration: none;}
a.serviceBox01:active {	color:#191818;	text-decoration: none;}

.serviceBoxIn01 {
	position: absolute;
	right: 0px;
	bottom: 0px;
	box-sizing: border-box;
	width: 380px;
	padding: 42px;
	background-image: url("/medical/common/img/service_bg01.png");
	background-repeat: repeat;
	background-position: center top;
	text-align: left;
}
.serviceNum01 {
	width: 100%;
	position: absolute;
	left: 0px;
	top: -20px;
	text-align: center;
	font-size: 50px;
	line-height: 1.0em;
	font-weight: 500;
	font-style: italic;
	color: #002F7B;
}
.serviceBoxIn01 .h301 {
	text-align: center;
	font-size: 18px;
	line-height: 1.4em;
	font-weight: bold;
	margin-bottom: 25px;
}

/*-------------------*/

.contactArea01 {
	background-image: url("/medical/common/img/catalog_bg01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.contactFlex01 {
	display: flex;
  justify-content: space-between;
  align-items: center;
	height: 380px;
}
.contactImg01 {
	width: 326px;
}
.contactBox01 {
	width: 600px;
	color: #ffffff;
	text-align: left;
}

.contactH301 {
	font-size: 30px;
	line-height: 1.5em;
	font-weight: bold;
	padding-bottom: 16px;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 24px;
}
.contactBtnWrap01 {
	margin-top: 30px;
}

.contactArea02 {
	display: flex;
}





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

	.topMainvisual01 {
		background-image: url("/medical/common/img/mainvisual01_sp.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	.topMainTn01 {
		display: table;
	}
	.topMainTn01 .cell01 {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		height: auto;
		padding: 20px 20px 20px 20px;
	}
	.topMainH101 {
		color: #ffffff;
	}
	.topMainH101 .span01 {
		display: inline-block;
		border: 1px solid #FFFFFF;
		padding: 8px 22px;
		font-size: 18px;
		line-height: 1.3em;
		margin-bottom: 18px;
	}
	.topMainH101 .span02 {
		display: block;
		font-size: 20px;
		line-height: 2.0em;
		font-weight: bold;
	}
	.topMainH101 .span03 {
		font-size: 35px;
	}
	.topMainH101 .span04 {
		font-size: 32px;
	}

	.mainBtnWrap01 {
		margin-top: 0px;
	}

	/*--------------*/

	.img_wrap {
	 /* margin: 0 auto;*/
		/*overflow: hidden;*/
		cursor: pointer;
	}
	.img_wrap img {
		width: 100%;
		transition-duration: 0.5s;
	}
	.img_wrap:hover img {
		transform: scale(1.1);
		transition-duration: 0.5s;
	}
	.overFlowHid01 {
		overflow: hidden;
	}

	/*--------------*/

	.topContBlock01 {
		margin: 60px 0px 60px 0px;
		padding: 0px 15px;
	}

	.contH201 {
		margin-bottom: 30px;
	}
	.contH201 .span01 {
		display: block;
		position: relative;
		color: #002F7B;
		font-size: 16px;
		line-height: 1.3em;
		font-weight: bold;
		font-style: italic;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.contH201 .span01::after {
		content: "";
		width: 40px;
		height: 1px;
		background-color: #2B3C66;
		position: absolute;
		bottom: 0px;
		left: 50%;
		margin-left: -23px;
	}
	.contH201 .span02 {
		display: block;
		font-size: 20px;
		line-height: 1.5em;
		font-weight: bold;
	}

	.contRead01 {
		font-size: 16px;
		line-height: 1.75em;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.contBox01 {
		width: auto;
		margin: 0px auto 40px auto;
		text-align: left;
	}
	.contText16_16 {
		font-size: 14px;
		line-height: 1.6em;
	}

	.contFlex01 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.featuresBox01 {
		display: block;
		background-color: #ffffff;
		position: relative;
		box-sizing: border-box;
		width: auto;
		padding: 22px 20px 30px 20px;
		box-shadow: 5px 5px 20px #0000001F;
		margin-top: 20px;
	}
	.featuresBox01::before {
		content: "";
		width: 80px;
		height: 3px;
		background-color: #002F7B;
		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: -40px;
	}

	.featuresNum01 {
		font-weight: bold;
		font-style: italic;
		color: #002F7B;
	}
	.featuresNum01 .p01 {
		font-size: 10px;
		line-height: 1.6em;
	}
	.featuresNum01 .p02 {
		font-size: 40px;
		line-height: 1.2em;
	}
	.featuresH301 {
		font-size: 16px;
		line-height: 1.6em;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.featuresH301 span {
		color: #002F7B;
	}

	.imgWrap01 {
		display: flex;
		justify-content: center;
		align-items: center;
		height: auto;
		padding: 15px 0px;
	}
	.imgWrap01.img01 img {
		width: 88px;
	}
	.imgWrap01.img02 img {
		width: 86px;
	}
	.imgWrap01.img03 img {
		width: 88px;
	}

	/*------------------------*/

	.topContBlock02 {
		background-image: url("/medical/common/img/product_bg01.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding: 60px 15px 60px 15px;
	}

	.productMt120 {
		margin-top: 20px;
	}
	.productBox01 {
		display: block;
		box-shadow: 5px 5px 20px #0000001A;
		background-color: #ffffff;
		box-sizing: border-box;
		width: 100%;
		position: relative;
		padding: 130px 30px 20px 30px;
		text-align: left;
		margin-top: 100px;
	}
	a.productBox01:link {	color: #191818;	text-decoration: none;}
	a.productBox01:visited {	color: #191818;	text-decoration: none;}
	a.productBox01:hover {	color:#191818;	text-decoration: none;}
	a.productBox01:active {	color:#191818;	text-decoration: none;}

	.productImg01 {
		width: 284px;
		position: absolute;
		top: -50px;
		left: 0px;
	}

	.topNewFlex01 .productBox01 {
		width: 100%;
		margin-left: 0px;
		padding-top: 130px;
	}
	.topNewFlex01 .productImg01 {
		width: 284px;
		position: absolute;
		top: -50px;
		left: 0px;
	}

	.productNumWrap {
		display: flex;
		align-items: center;
		color: #002F7B;
		font-weight: bold;
		font-style: italic;
		margin-bottom: 10px;
	}
	.productNumWrap .p01 {
		font-size: 10px;
		line-height: 1.3em;
		margin-right: 4px;
	}
	.productNumWrap .p02 {
		font-size: 40px;
		line-height: 1.3em;
		font-weight: 500;
	}

	.productH3Wrap01 {
	height: auto;
		margin-bottom: 10px;
	}
	.productH3Wrap01 .h301 {
		font-size: 17px;
		line-height: 1.6em;
		font-weight: bold;
		position: relative;
	}
	.productH3Wrap01 .h301::before {
		content: "";
		width: 16px;
		height: 2px;
		background-color: #0E2566;
		position: absolute;
		left: -30px;
		top: 14px;
	}

	.contText16_16 li {
		text-indent: -1em;
		padding-left: 1em;
	}
	.productBtnWrap {
		width: 100%;
		text-align: center;
		position: relative;
		left: 0px;
		bottom: 0px;
		margin-top: 20px;
	}

	.productIchiranWrap {
		margin: 40px auto 40px auto;
		text-align: center;
	}

	.productBox02 {
		box-sizing: border-box;
		padding: 20px 0px 0px 0px;
		position: relative;
	}
	.productImg02 {
		width: auto;
		position: relative;
		left: 0px;
		top: 0px;
	}
	.productBoxIn01 {
		background-color: #ffffff;
		padding: 30px 15px 30px 15px;
		text-align: left;
	}
	.productIn01 {
		border-bottom: 2px solid #002F7B;
		padding: 0px 0px 15px 0px;
	}
	.productIn02 {
		padding: 15px 0px 0px 0px;
	}
	.contH301 {
		font-size: 18px;
		line-height: 1.53em;
		font-weight: 500;
	}
	.contText18_18_500 {
		font-size: 16px;
		line-height: 1.8em;
		font-weight: 500;
	}

	.productUl01 {
		display: block;
		margin-top: 30px;
	}
	.productUl01 li {
		margin-top: 15px;
	}
	
	/*------------------------*/

	.serviceBox01 {
		display: block;
		position: relative;
		box-sizing: border-box;
		width: auto;
		padding: 0px 0px 20px 0px;
	}
	a.serviceBox01:link {	color: #191818;	text-decoration: none;}
	a.serviceBox01:visited {	color: #191818;	text-decoration: none;}
	a.serviceBox01:hover {	color:#191818;	text-decoration: none;}
	a.serviceBox01:active {	color:#191818;	text-decoration: none;}

	.serviceBoxIn01 {
		position: relative;
		right: 0px;
		bottom: 0px;
		box-sizing: border-box;
		width: auto;
		padding: 20px 20px 20px 20px;
		background-image: url("/medical/common/img/service_bg01.png");
		background-repeat: repeat;
		background-position: center top;
		text-align: left;
	}
	.serviceNum01 {
		width: 100%;
		position: relative;
		left: 0px;
		top: 0px;
		text-align: center;
		font-size: 38px;
		line-height: 1.0em;
		font-weight: 500;
		font-style: italic;
		color: #002F7B;
		margin-bottom: 10px;
	}
	.serviceBoxIn01 .h301 {
		text-align: center;
		font-size: 18px;
		line-height: 1.4em;
		font-weight: bold;
		margin-bottom: 20px;
	}

	/*-------------------*/

	.contactArea01 {
		background-image: url("/medical/common/img/catalog_bg01.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding: 30px 20px;
	}
	.contactFlex01 {
		display: block;
		height: auto;
	}
	.contactImg01 {
		width: 50%;
		margin: 0px auto 20px auto;
	}
	.contactBox01 {
		width: auto;
		color: #ffffff;
		text-align: left;
	}

	.contactH301 {
		font-size: 24px;
		line-height: 1.5em;
		font-weight: bold;
		padding-bottom: 15px;
		border-bottom: 1px solid #FFFFFF;
		margin-bottom: 18px;
	}
	.contactBtnWrap01 {
		margin-top: 30px;
	}

	.contactArea02 {
		display: block;
	}





}



/* -------------------------------------------------------------------- 
 footer
-------------------------------------------------------------------- */

.pagetopButton {
	display: none;
	position: fixed;
	bottom: 80px;
	right: 0px;
}

.footerWrap01 {
	box-sizing: border-box;
	padding: 50px 0px 30px 0px;
	height: auto;
}
.footerWrap01.footerArea{
	background: #fff;
}
.footerWrap01.footerArea.top {
	height: auto;
}
.footerWrap01.footerArea.top .footer01{
    border-top: 1px solid #ccc;
    padding-top: 50px;
}
.footer01 {
	text-align: left;
}
.footerBlock01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footerIn01 {
    padding-right: 90px;
    display: inline-block;
    box-sizing: border-box;
    width: initial;
}
.footerIn01 img.hover {
	width: 171px;
	height: 60px;
}
.footerIn01 .linkBtnBlock {
    text-align: left;
    margin:40px 0 0;
}
.footerIn01 .linkBtnBlock li{
    display: block;
    margin-bottom:5px;
}
.footerIn01 .linkBtnBlock a{
    display: inline-block;
    padding: 10px;
    margin: 0 0 10px;
    border: 1px solid #ccc;
    width:218px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.footerIn01 .linkBtnBlock a:hover{
    text-decoration: none;
    color: #ffffff;
    background-color: #424242;
    text-decoration: none;
}
.footerIn02 {
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex: 1;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.footerNaviCol01 {
	width: 275px;
}
.footerIn02Cell {
	box-sizing: border-box;
	text-align: left;
	white-space: nowrap;
    margin: 0 0 20px;
}
.footerBlock01 a:link {	color: #2F2F2F;	text-decoration: none;}
.footerBlock01 a:visited {	color: #2F2F2F;	text-decoration: none;}
.footerBlock01 a:hover {	color:#2F2F2F;	text-decoration: underline;}
.footerBlock01 a:active {	color:#2F2F2F;	text-decoration: none;}

.footerBlock01 a.hoverNon{
}
.footerBlock01 a.hoverNon:hover{
	text-decoration: none;
}

.footerLink01{
	position: relative;
	border-bottom:solid 1px #0E2566;
	padding-bottom:15px;
	margin-bottom:5px;
}
.footerLink01.borderNon{
	border-bottom:0;
	padding-bottom:0;
	margin-bottom:0;
}
.footerIn02Cell p {
	font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.footerIn02Cell p.fs12 {
	font-size: 12px;
}
.footerIn02Cell ul {
    padding:15px 0 30px;
    list-style: inside;
}
.footerIn02Cell li {
	font-size: 14px;
	line-height: 2.0em;
    letter-spacing: 0.03em;
	list-style:none; 
}
.footerIn02Cell li:before { content:"・";}

.footerIn02Cell ul.list01 li {
	list-style:none; 
}
.footerIn02Cell ul.list01 li:before { content:"―";padding-right: 10px; color:#0E2566;}

.footerCopyWrap {
	padding: 40px 0px 0px 0px;
}
.footerCopy01 {
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
}


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

	.pagetopButton {
		display: none;
		position: fixed;
		bottom: 60px;
		right: 0px;
	}

	.footerWrap01 {
		box-sizing: border-box;
		padding: 30px 15px 20px 15px;

		height: 300px;
	}
	.footerWrap01.footerArea{
		height: auto;
	}
	.footer01 {
		text-align: left;
	}

	.footerLogo01 img {
		width: 240px;
	}
/*-----*/
	.footerBlock01 {
	  	-webkit-box-orient: vertical;
	  	-webkit-box-direction: normal;
	  	-ms-flex-direction: column;
	  	flex-direction: column;
	}
	.footerIn01 {
		padding-right: 0px;
		/*float: left;*/
		display: block;
		box-sizing: border-box;
		width: auto;
		text-align: center;
		margin-bottom: 30px;
	}
	.footerIn01 img.hover {
		width: 130px;
		height: 38px;
	}
	.footerIn01 .linkBtnBlock li {
	    text-align: center;
	}
	.footerIn02 {
		display: block;
		box-sizing: border-box;
		width: auto;
		padding: 0px 15px 0px 20px;
	}
	.footerNaviCol01 {
		display: block;
		width: auto;
	}
	.footerIn02Cell {
		box-sizing: border-box;
		/*width: 40%;*/
		padding-right: 0px;
		text-align: left;
		white-space: normal;
	}
	.footerIn02Cell:nth-child(1) {
		width: auto;
	}
	.footerIn02Cell:nth-child(2) {
		width: auto;
	}
	.footerIn02Cell:nth-child(3) {
		width: auto;
		padding-right: 0px;
	}
	.footerBlock01 a{}
	.footerBlock01 a:link {	color: #2F2F2F;	text-decoration: none;}
	.footerBlock01 a:visited {	color: #2F2F2F;	text-decoration: none;}
	.footerBlock01 a:hover {	color:#2F2F2F;	text-decoration: underline;}
	.footerBlock01 a:active {	color:#2F2F2F;	text-decoration: none;}

	.footerIn02Cell p {
		font-size: 15px;
		line-height: 1.8em;
		font-weight: 500;
	}
	.footerIn02Cell ul {
		margin-bottom: 0;
		padding: 10px 0 10px;
	}
	.footerIn02Cell li {
		font-size: 14px;
		line-height: 2.0em;
		display: block;
	}

	.footerCopyWrap {
		padding: 30px 0px 0px 0px;
	}
	.footerCopy01 {
		font-size: 12px;
		line-height: 1.2em;
	}
/*-----*/

}






/*-----*/