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

/*==============================
	base font
==============================*/
div.healthcareArea *,
div[class^="mainvisualType"] > * > :not(.video-js),
div.categoryLineupBlock .categoryLineupBlockInner a figure * :not(.video-js),
div.awardsBlock *,
div.lineupSlideBlock *,
div.seminarInforBlock *,
div.inquirieBlock *,
div.directoryNavi *,
div.divisionNavi *,
div.topProductBlock *,
div.pageNaviBlock *,
div.videoInlineBlock *,
div.categoryLineupBlock *,
div.categoryBlock * {
	font-family:"Hiragino Kaku Gothic W3 JIS2004","メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 15px;
}

.hiraginoW1{
	font-family:"Hiragino Kaku Gothic W1 JIS2004","メイリオ","ヒラギノ角ゴ Pro W3",sans-serif!important;
}
.hiraginoW2{
	font-family:"Hiragino Kaku Gothic W2 JIS2004","メイリオ","ヒラギノ角ゴ Pro W3",sans-serif!important;
}
.hiraginoW3{
	font-family:"Hiragino Kaku Gothic W3 JIS2004","メイリオ","ヒラギノ角ゴ Pro W3",sans-serif!important;
}
.hiraginoW6{
	font-family:"Hiragino Kaku Gothic W6 JIS2004","メイリオ","ヒラギノ角ゴ Pro W3",sans-serif!important;
}
.slateW01{
	font-family: 'Slate W01',sans-serif!important;
    font-weight: 400;
	font-style: normal;
}
.slateW02{
	font-family:'Slate W01',sans-serif!important;
	font-weight: 300;
    font-style: normal;
}

.white{
	color: #fff !important;
}
.blue{
	color: #0066cc !important;
}
.red{
	color: #ff0000 !important;
}

/*==============================
	base grid
==============================*/
header div.svgSwitch .leftBox p.siteNameFull{
	line-height: 37px;
}

header,
footer,
.globalNav,
.footerBacktop,
#navcontainer,
#contentsArea{
	width: 970px;
	margin: auto;
}

#wrapper {
	width: 100%;
	margin: auto;
	min-width: 1000px;
}

#contentsArea{
	width: 100%;
	margin: 0;
	padding: 0;
	
	font-size: 15px;
}


/* ==============================
   p, ul, ol, dl
   ============================== */
#contentsArea article ul li{
  list-style: none;
  /*
  background: url(/healthcare/shared/img/icon_list_01.png) no-repeat left center;
  */
	background: url(/healthcare/shared/img/icon_list_01.png) no-repeat left 0.5em;
  margin: 5px 0 0 0;
  padding: 0 0 0 14px;
}
#contentsArea article ul.listStyle01 li{
  background-position: left .65em;
}

#contentsArea article p,
#contentsArea article ul
#contentsArea article dl
#contentsArea article ol
#contentsArea article dl{
	line-height: 200%;
}

#contentsArea article p.separateBlock,
#contentsArea article ul.separateBlock,
#contentsArea article dl.separateBlock,
#contentsArea article figure.separateBlock{
	margin-bottom: 48px;
}

#contentsArea article p.separateBlock02,
#contentsArea article ul.separateBlock02,
#contentsArea article dl.separateBlock02,
#contentsArea article figure.separateBlock02 {
	margin-bottom: 1.4em;
}

/* ==============================
   h2 h3
   ============================== */
#contentsArea article h2,
#contentsArea article h3{
	font-weight: normal;
}

#contentsArea article h2,
#contentsArea article .__h2{
	display: block;
	font-size: 30px;
	font-weight: normal;
	color: #2b2b2b;
	width: 100%;
	background: none;
	border: none;
	border-bottom: 1px solid #86888a;
	padding: 0 0 38px 0;
	margin: 0 0 40px 0;
	box-sizing: border-box;
}

#contentsArea article h2 span{
	display: table-cell;
	background: none;
	font-size: 30px;
	font-weight: normal;
	box-sizing: border-box;
    margin: 0;
	padding: 0 8px 0 0;
}

.mainvisualInner .h2{
	font-size: 24px;
	font-weight: bold;
	color: #2b2b2b;
}
#contentsArea article .h2{
	font-size: 30px;
	font-weight: normal;
	color: #2b2b2b;
	line-height: 160%;
}

#contentsArea article h3,
#contentsArea article .__h3{
	display: block;
	font-size: 22px;
	font-weight: bold;
	color: #2b2b2b;
	width: 100%;
	background: none;
	border: none;
	border-left: 6px solid #a4c9eb;
	padding: 0 0 0 22px;
	margin: 0 0 40px 0;
	box-sizing: border-box;
}
#contentsArea article .h3{
	font-size: 22px;
	font-weight: bold;
	color: #2b2b2b;
}

#contentsArea article h4,
#contentsArea article .__h4{
	background: none;
	font-size: 20px!important;
	padding: 0;
	margin: 0 0 10px 0;
}
#contentsArea article .h4{
	font-size: 20px;
}

#contentsArea article h5,
#contentsArea article .__h5{
	background: none;
	font-size: 17px!important;
	padding: 0;
	margin: 0 0 6px 0;
}
#contentsArea article .h5{
	font-size: 17px;
}


/* ==============================
   Wording Style
   ============================== */
   
/* 人物紹介 */
#contentsArea div.twoColmnBlock div.innerColmnBlock2 .blockUnit .introduction{
		margin: 0 auto;
		display: table;
}

/* figcaption */
#contentsArea.healthcareArea figure .text-center{
		text-align: center;
}




/* ==============================
   table
   ============================== */
#contentsArea article table{
	width: 100%;
}

#contentsArea article table th{
	background: #e4e8ec;
}
#contentsArea article table .alignC{
	text-align: center;
}
#contentsArea article table .alignR{
	text-align: right;
}


/* ==============================
   notation
   ============================== */
#contentsArea article dl.notation.wide dt {
	width: 3.5em;
	margin-right: 0;
}
#contentsArea article dl.notation.wide dd {
	padding-left: 3.5em;
	margin-left: 0;
}



/* ==============================
   margin
   ============================== */
   #contentsArea article .marginTop10{
	margin-top: 10px !important;
}
#contentsArea article .marginTop15{
	margin-top: 15px !important;
}
#contentsArea article .marginTop20{
	margin-top: 20px !important;
}
#contentsArea article .marginTop25{
	margin-top: 25px !important;
}
#contentsArea article .marginTop30{
	margin-top: 30px !important;
}
#contentsArea article .marginTop35{
	margin-top: 35px !important;
}
#contentsArea article .marginTop40{
	margin-top: 40px !important;
}
/*	partsMarginB
------------------------------------------ */
#contentsArea article .marginBottom10{
	margin-bottom: 10px !important;
}
#contentsArea article .marginBottom15{
	margin-bottom: 15px !important;
}
#contentsArea article .marginBottom20{
	margin-bottom: 20px !important;
}
#contentsArea article .marginBottom25{
	margin-bottom: 25px !important;
}
#contentsArea article .marginBottom30{
	margin-bottom: 30px !important;
}
#contentsArea article .marginBottom35{
	margin-bottom: 35px !important;
}
#contentsArea article .marginBottom40{
	margin-bottom: 40px !important;
}

.margin00{
	margin: 0px !important;
}

/* ==============================
    Media Queries for only sp
   ============================== */

@media only screen and (max-width: 599px) { /* device-width: 320px ～ 599px  for Smartphone */

header,
footer,
.globalNav{
	width: 100%;
}


.footerBacktop,
#navcontainer,
#contentsArea{
	width: 90%;
}
#contentsArea{
	margin: auto;
	
}
#contentsArea.interview{
	width: 100%;
}

ul#toggleNavi li.menuBtn .globalNav.active {
	width: 94%;
	left: 0;
	right:0;
	margin: auto;
}

#wrapper {
	min-width: 0;
}

/* ==============================
   table
   ============================== */
#contentsArea article .scrollTable{
overflow-x: auto;
    box-sizing: border-box;
    position: relative;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}
#contentsArea article .scrollTable table {
    min-width: 200%;
    display: inline-table;
    margin-right: 1px;
}

#contentsArea article .scrollTable .scrollBtnOuter{
	display: none;
}
#contentsArea article .scrollTable .scrollBtnOuter.active{
	display: block;
}

#contentsArea article .scrollTable .scrollBtnOuter{
    position: absolute;
    display: flex;
    box-sizing: border-box;
    height: 100%;
    right: 0;
    top: 0;
}
#contentsArea article .scrollTable .scrollBtnOuter .scrollBtn{
	-webkit-animation: btnScrollAn 1.0s ease-out infinite alternate;
    animation: btnScrollAn 1.0s ease-in-out infinite alternate;
    padding: 0 2px;
	width: 34px;
	height: 60px;
	background: url(/healthcare/shared/img/icon_tablescroll.png) no-repeat center center;
	background-size: contain;
	text-decoration: none;

	margin: auto;
}

#contentsArea article .scrollTable .scrollBtnOuter .scrollBtn span{
	font-size: 0px;
	opacity: 0;
}

/* ==============================
   p, ul, dl
   ============================== */
#contentsArea article p.separateBlock,
#contentsArea article ul.separateBlock,
#contentsArea article dl.separateBlock,
#contentsArea article figure.separateBlock{
	margin-bottom: 24px;
}


/* ==============================
   h2 h3
   ============================== */
#contentsArea article h2,
#contentsArea article .__h2{
	padding: 0 0 24px 0;
	margin: 0 0 24px 0;
	box-sizing: border-box;
	border-radius: 0;
    box-shadow: none;
	font-size: 24px;
}
#contentsArea article h2 span{
	display: table-cell;
	background: none;
	font-size: 24px;
	font-weight: normal;
	box-sizing: border-box;
    margin: 0;
	padding: 0 8px 0 0;
}
.mainvisualInner .h2{
	font-size: 18px;
}
#contentsArea article .h2{
	font-size: 24px;
	font-weight: normal;
	color: #2b2b2b;
}

#contentsArea article h3,
#contentsArea article .__h3{
	padding: 0 0 0 12px;
	margin: 0 0 24px 0;
	box-sizing: border-box;
	font-size: 22px;
}

}


/* ==============================
   talk
   ============================== */
#contentsArea .talkBlock {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 30px 0;
    line-height: 1.8;
}

#contentsArea .talkBlock dt {
	flex: 0 0 40px;
	margin: 0 20px 0 0;
    color: #0095B0;
    font-weight: bold;
}

.talkBlock dd {
    -ms-flex: 0 1 auto;
	margin: 0;
}

#contentsArea .blockNoSpace {
    margin: 0;
}

#contentsArea .line .twoColmnBlock.colmnReverse {
    margin: 0 0 30px 0;
}

#contentsArea .figureWrap {
    margin: 0 0 30px 0;
}

#contentsArea .emphasis {
    margin: 0 0 40px 0;
    font-weight: bold !important;
}

#contentsArea img {
    margin: 0;
    padding: 0;
    vertical-align: top;
}

@media only screen and (max-width: 599px) {
#contentsArea .line .twoColmnBlock.colmnReverse {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;
    margin: 0;
}
}


/* IE11 */
@media all and (-ms-high-contrast:none) {
 *::-ms-backdrop, .#contentsArea a.movieBtn span:before {
top: 50%;
}
}