@charset "UTF-8";
/* ALL
-------------------------------------------------- */
/* Component for Responsive design */
header div.svgSwitch #header_km_logo {
  float: left;
}

header div.svgSwitch #header_km_logo a {
  color: #fff;
}

/*==============================
  utility
==============================*/
.textRight {
  text-align: right;
}

/*==============================
	megaMenu
==============================*/
#megaMenu {
  position: relative;
  padding: 0;
}

#megaMenu .megaMenuBlock {
  position: absolute;
  z-index: 65000;
  box-sizing: border-box;
  background: #fff;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  margin: auto;
  height: auto;
  border-top: #fff solid 1px;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  /*
  transition: box-shadow .6s ease-out, border-top .6s ease-out, max-height .6s ease-out;
  */
}

#megaMenu .megaMenuBlock.active {
  border-top: #d9d9d9 solid 1px;
  max-height: 80em;
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2);
  visibility: visible;
  /*
  transition: box-shadow .4s ease-out, border-top .8s ease-out, max-height .8s ease-out;
  */
}

#megaMenu .megaMenuBlock .megaMenuBlockInner {
  width: 970px;
  margin: auto;
  text-align: center;
}
#megaMenu .megaMenuBlock .megaMenuBlockInner .close {
  display: block;
  cursor: pointer;
  width: 100%;
}

#megaMenu .megaMenuBlock .megaMenuBlockInner .unit {
  width: 33%;
  margin: 50px 0 30px 0;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
#megaMenu .megaMenuBlock .megaMenuBlockInner .unit .title {
  font-size: 19px;
  color: #2b2b2b;
  font-weight: bold;
  margin: 0 0 15px 0;
}
#megaMenu .megaMenuBlock .megaMenuBlockInner .unit ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#megaMenu .megaMenuBlock .megaMenuBlockInner .unit ul li {
  margin-bottom: 18px;
  color: #2b2b2b;
}
#megaMenu .megaMenuBlock .megaMenuBlockInner .unit ul li a {
  color: #2b2b2b;
}
#megaMenu .megaMenuBlock .megaMenuBlockInner .unit ul li a:before {
  display: inline-block;
  vertical-align: top;
  padding-right: 12px;
  content: url(/healthcare/shared/img/icon_megamenu_arrow.png);
}
#megaMenu .megaMenuBlock .megaMenuBlockInner .unit ul li:last-of-type {
  margin-bottom: 0;
}
#megaMenu .megaMenuBlock .megaMenuBlockInner .unit.u100 {
  width: 100%;
  margin: 0;
  padding: 30px 10px 20px 10px;
  box-sizing: border-box;
}
#megaMenu .megaMenuBlock .megaMenuBlockInner .unit.u100 ul {
  display: flex;
  align-items: center;
  align-content: flex-start;
}
#megaMenu .megaMenuBlock .megaMenuBlockInner .unit.u100 ul li {
  margin: 0 20px 10px 0;
}
#megaMenu .megaMenuBlock .megaMenuBlockInner .unit.u100 ul li a {
  white-space: nowrap;
}
#megaMenu .megaMenuBlock .megaMenuBlockInner .unit.u100 ul li a:before {
  vertical-align: middle;
  padding-right: 6px;
}

/*============================================
	mainvisual
============================================*/
div[class^="mainvisualType"] {
  width: 100%;
  height: 324px;
}

div[class^="mainvisualType"] a {
  text-decoration: none;
  color: #000;
  display: block;
  height: 100%;
}

div.mainvisualType01 {
  background: #f8f8f8;
}

div.mainvisualType02 {
  background: url(/healthcare/shared/img/background_type02.png) no-repeat center center, #222628;
}

div.mainvisualType02 div.mainvisualInner, div.mainvisualType02 a div.mainvisualInner {
  color: #fff;
}

div[class^="mainvisualType"] div.mainvisualInner {
  margin: auto;
  width: 970px;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.mainvisualInner .unit:first-of-type {
  width: 590px;
  padding: 28px 12px 12px 12px;
  box-sizing: border-box;
}

div.mainvisualInner .unit:last-of-type {
  width: 380px;
  text-align: center;
  display: flex;
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
}

div.mainvisualInner .unit.unit_video {
  display: block;
  margin: 2% 0 2% 0;
  box-sizing: border-box;
  max-width: 360px;
}

div.mainvisualInner h1 {
  font-size: 44px;
  margin: 0;
  line-height: 1;
}

div.mainvisualInner h1 span {
  font-size: 18px;
  font-weight: normal;
}

div.mainvisualInner .mainTitle {
  font-size: 44px;
  font-weight: bold;
  margin: 0;
}

div.mainvisualInner .subTitle {
  font-size: 17px;
  line-height: 110%;
}

div.mainvisualInner .caption {
  font-size: 20px;
  line-height: 140%;
  margin-top: 20px;
}

div.mainvisualInner p.icon {
  line-height: 1;
  margin-bottom: 0;
}

div.mainvisualInner p.icon a {
  display: inline-block;
}

div.mainvisualType00 {
  background-color: #eff4f7;
  position: relative;
}

div.mainvisualType00 swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

div.mainvisualType00 h1, div.mainvisualType00 a h1 {
  color: #0066cc;
  font-size: 48px;
  text-shadow: 0 0 6px #fff,  0 0 6px #fff,  0 0 6px #fff;
}

div.mainvisualType00 p.caption {
  font-size: 17px;
  font-weight: bold;
  text-shadow: 0 0 4px #fff,  0 0 4px #fff,  0 0 4px #fff;
}

div.mainvisualType00 div.mainvisualInner {
  display: flex;
  -webkit-flex-direction: column;
  /* Safari */
  flex-direction: column;
  justify-content: center;
  margin: auto;
  width: 970px;
  height: 324px;
  padding: 22px;
  box-sizing: border-box;
}

div.mainvisualType00 .swiper-container {
  height: 324px;
}

div.mainvisualType00 .swiper-pagination-wrapper {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 1.2%;
  z-index: 1000;
  display: none;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: baseline;
  align-items: baseline;
}

div.mainvisualType00 .swiper-pagination {
  display: block;
  position: relative !important;
}

div.mainvisualType00 .swiper-pagination span {
  margin: auto 8px auto 8px;
}

div.mainvisualType00 .swiper-slide {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 324px;
}

div.mainvisualType00 .swiper-button-next {
  margin: auto 30px auto auto;
}

div.mainvisualType00 .swiper-button-prev {
  margin: auto auto auto 30px;
}

div.mainvisualType00 .swiper-button-next, div.mainvisualType00 .swiper-button-prev {
  top: 0;
  bottom: 0;
  height: 100%;
}

div.mainvisualType00 .stopbtn {
  display: block;
  cursor: pointer;
  background: #fff;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  text-align: center;
  line-height: 22px;
  opacity: 0.85;
  color: #a0a3aa;
  margin: 0 6px 0 0;
  font-size: 22px;
  font-weight: bold;
}

div.mainvisualType00 .stopbtn:hover {
  opacity: 1;
}

div.mainvisualType00 .stopbtn.stop:before {
  display: block;
  content: "\3d";
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  font-weight: bold;
  margin: auto;
  line-height: 22px;
}

div.mainvisualType00 .stopbtn.start:before {
  display: block;
  content: "\25b6";
  margin: auto;
  line-height: 22px;
  font-size: 18px;
  padding: 1px 0 0 1px;
  box-sizing: border-box;
}

div.mainvisualType03 {
  background-color: #f8f8f8;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 180px;
}

div.mainvisualType03 div.mainvisualInner {
  height: 100%;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
}

div.mainvisualType03 div.mainvisualInner h1 {
  font-size: 30px;
  margin-left: 16px;
}

div.mainvisualType03 div.mainvisualInner h1 span.dr {
  display: inline-block;
  font-size: 17px;
  margin-bottom: 5px;
}

div.mainvisualType03.largeWhite {
  background-color: #fff;
  background-size: 30%;
  background-position: right center;
  width: 970px;
  margin: auto;
}

@media only screen and (max-width: 599px) {
  div.mainvisualType03.largeWhite {
    width: 100%;
  }

  div.mainvisualType03.largeWhite div.mainvisualInner h1 {
    font-size: 16px;
  }

  div.mainvisualType03.largeWhite div.mainvisualInner h1 span.dr {
    font-size: 14px;
  }
}
/* ==============================
    .topBannerBlock
   ============================== */
div.topBannerBlock {
  height: 110px;
  background: #dadcdc;
}

div.topBannerBlock .topBannerBlockInner {
  width: 970px;
  height: 100%;
  margin: auto;
}

div.topBannerBlock .topBannerBlockInner ul {
  display: flex;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
}

div.topBannerBlock .topBannerBlockInner li {
  display: block;
}

div.topBannerBlock .topBannerBlockInner li a img {
  opacity: 1;
  display: block;
}

div.topBannerBlock .topBannerBlockInner li a:hover img {
  opacity: 0.65;
}

/* ==============================
    pageNaviBlock
   ============================== */
div.pageNaviBlock {
  width: 100%;
  background: #0068b4;
  color: #fff;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
}

div.pageNaviBlock.fixedTop {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  /* 2017/05/19*/
}

div.pageNaviBlock .pageNaviBlockInner {
  width: 970px;
  margin: auto;
}

div.pageNaviBlock .pageNaviBlockInner a {
  color: #fff;
  text-decoration: none;
}

div.pageNaviBlock .pageNaviBlockInner a:hover {
  text-decoration: underline;
}

div.pageNaviBlock .pageNaviBlockInner ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div.pageNaviBlock .pageNaviBlockInner ul li {
  display: inline-block;
  font-size: 14px;
  margin: 15px;
}

div.pageNaviBlock .pageNaviBlockInner ul li a {
  display: block;
  background: url(/healthcare/shared/img/icon_pagenavi.png) left top no-repeat;
  padding-left: 24px;
  line-height: 16px;
}

/* ==============================
   	.topNewsBlock
   ============================== */
#contentsArea .topNewsBlock {
  width: 100%;
}

#contentsArea .topNewsBlock .topNewsBlockInner {
  width: 970px;
  margin: auto;
  padding: 58px 0 44px 0;
  box-sizing: border-box;
}

#contentsArea .topNewsBlock h2 {
  font-size: 30px;
  text-align: center;
  margin: 0 0 38px 0;
  padding: 0;
  border: none;
}

#contentsArea .topNewsBlock h3 {
  margin: 0 0 24px 0;
}

#contentsArea .topNewsBlock * ul li {
  list-style: none;
  color: #000;
}

#contentsArea .topNewsBlock * ul li a {
  text-decoration: none;
  color: #000;
}

#contentsArea .topNewsBlock ul.newsNavi {
  display: table;
  margin: auto;
}

#contentsArea .topNewsBlock ul.newsNavi li {
  border-right: 2px solid #fff;
  box-sizing: border-box;
}

#contentsArea .topNewsBlock ul.newsNavi > * {
  display: table-cell;
  width: 220px;
  height: 60px;
  background: #f2f2f2;
  border-right: 2px solid #fff;
  box-sizing: border-box;
}

#contentsArea .topNewsBlock ul.newsNavi .active {
  background: #0068b4;
}

#contentsArea .topNewsBlock ul.newsNavi > * a {
  display: flex;
  width: 100%;
  height: 100%;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
}

#contentsArea .topNewsBlock ul.newsNavi .active a {
  color: #fff;
}

#contentsArea .topNewsBlock ul.newsNavi > * a:hover {
  color: #fff;
  background: #0068b4;
}

#contentsArea .topNewsBlock .newsListBlock {
  display: none;
  margin: 40px auto auto auto;
}

#contentsArea .topNewsBlock .newsListBlock.active {
  display: block;
}

#contentsArea .topNewsBlock .newsListBlock ul li {
  display: block;
  background: none;
  margin: 0;
  padding: 0 14px 0 14px;
  border-bottom: 1px solid #eaeaea;
  box-sizing: border-box;
}

#contentsArea .topNewsBlock .newsListBlock ul li:last-of-type {
  border-bottom: none;
}

#contentsArea .topNewsBlock .newsListBlock ul li span {
  display: inline-block;
  vertical-align: middle;
  line-height: 140%;
}

#contentsArea .topNewsBlock .newsListBlock ul li span:first-of-type {
  width: 170px;
}

#contentsArea .topNewsBlock .newsListBlock ul li span:last-of-type {
  width: 772px;
  height: 100%;
  background: url(/healthcare/shared/img/icon_megamenu_arrow.png) no-repeat left center;
  padding-left: 20px;
  box-sizing: border-box;
}

#contentsArea .topNewsBlock .newsListBlock ul li span:last-of-type img {
  vertical-align: middle;
  margin-right: 8px;
}

#contentsArea .topNewsBlock .newsListBlock ul li.noLink span:last-of-type {
  padding: 14px 0 14px 0;
  background: none;
}

#contentsArea .topNewsBlock .newsListBlock ul li span:last-of-type a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 14px 0 14px 0;
  box-sizing: border-box;
}

#contentsArea .topNewsBlock .newsListBlock ul li span a:hover {
  text-decoration: underline;
  color: #3f8dc7;
}

#contentsArea .listBtn {
  display: block;
  margin: 28px auto auto auto;
  width: 262px;
  box-sizing: border-box;
  padding: 2px 0 0 0;
  transition: padding .1s ease-in;
}

#contentsArea .listBtn:hover {
  padding: 0 0 2px 0;
  transition: padding .1s ease-in;
}

#contentsArea .listBtn a {
  display: block;
  width: 100%;
  border: 1px solid #dedede;
  box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  color: #000;
  padding: 8px;
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
  box-shadow: none;
  transition: box-shadow .2s ease-in;
}

#contentsArea .listBtn a::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(/healthcare/shared/img/icon_lineupSlide_arrow.png) no-repeat center center;
  display: inline-block;
  vertical-align: middle;
}

#contentsArea .listBtn:hover a {
  box-sizing: border-box;
  box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.14);
  transition: box-shadow .2s ease-in;
}

#contentsArea .listBtn a span {
  width: 100%;
  box-sizing: border-box;
  margin-left: 8px;
  vertical-align: middle;
}

#contentsArea .listBtn:hover a span {
  color: #0068b4;
  text-decoration: underline;
}

/* ==============================
   	.topProductBlock
   ============================== */
div.topProductBlock {
  width: 100%;
  background: #e9edf0;
  color: #000;
}

div.topProductBlock .topProductBlockInner {
  width: 970px;
  margin: auto;
  padding: 58px 0 50px 0;
  box-sizing: border-box;
}

div.topProductBlock .topProductBlockInner h2 {
  font-size: 30px;
  text-align: center;
  margin: 0 0 38px 0;
  padding: 0;
  border: none;
}

div.topProductBlock ul.topProductList {
  list-style: none;
  padding: 0;
}

div.topProductBlock ul.topProductList li {
  display: inline-flex;
  width: 222px;
  margin: 0 22px 26px -1px;
  padding: 2px 0 0 0;
  vertical-align: top;
  transition: padding .1s ease-in;
}

div.topProductBlock ul.topProductList li:nth-of-type(1),
div.topProductBlock ul.topProductList li:nth-of-type(4n+1) {
  margin: 0 22px 26px 0px;
}

div.topProductBlock ul.topProductList li:nth-of-type(4n) {
  margin: 0 0 26px -1px;
}

div.topProductBlock ul.topProductList li:hover {
  transition: padding .1s ease-in;
  padding: 0 0 0 0;
}

div.topProductBlock ul.topProductList li a {
  text-decoration: none;
  color: #000;
  display: block;
  width: 100%;
  box-shadow: none;
  transition: box-shadow .2s ease-in;
}

div.topProductBlock ul.topProductList li a:hover {
  color: #0068b4;
  text-decoration: underline;
  box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.14);
  transition: box-shadow .2s ease-in;
}

div.topProductBlock ul.topProductList li a img {
  opacity: 1;
  transition: opacity .2s ease-in;
}

div.topProductBlock ul.topProductList li a:hover img {
  opacity: 0.75;
  transition: opacity .2s ease-in;
}

div.topProductBlock ul.topProductList figure {
  display: block;
  width: 100%;
  background: #f9f9f9;
  margin: 0;
  padding: 0;
}

div.topProductBlock ul.topProductList figure img {
  display: block;
  width: 100%;
  height: auto;
}

div.topProductBlock ul.topProductList figure figcaption {
  display: block;
  width: 100%;
  padding: 16px 12px 16px 12px;
  box-sizing: border-box;
  background: url(/healthcare/shared/img/icon_lineupSlide_arrow.png) 12px 20px no-repeat, #ffffff;
}

div.topProductBlock ul.topProductList figure figcaption span {
  display: block;
  width: 100%;
  padding: 0 0 0 24px;
  box-sizing: border-box;
  line-height: 140%;
  vertical-align: top;
}

div.topProductBlock ul.topProductList figure figcaption span img {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

/* ==============================
   	.infoLinklist01
   ============================== */
#contentsArea * ul.infoLinklist01 li {
  background: url(/healthcare/shared/img/icon_content_arrow.png) left top no-repeat;
  padding-left: 24px;
  line-height: 17px;
}

#contentsArea * ul.infoLinklist01 li a {
  color: #000;
  text-decoration: none;
}

#contentsArea * ul.infoLinklist01 li a:hover {
  color: #0068b4;
  text-decoration: underline;
}

/* ==============================
   	.infoLinklist01
   ============================== */
#contentsArea div.line p.moreLinkbtn {
  display: table;
  margin: 60px auto auto auto;
}

#contentsArea div.line p.moreLinkbtn a {
  display: inline-flex;
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
  font-size: 20px;
  border: 1px solid #12a3de;
  border-radius: 32px;
  text-decoration: none;
  background: #fff;
  color: #000;
  padding: 16px 60px 16px 60px;
  box-sizing: border-box;
  line-height: 100%;
  transition: background 0.2s ease-in, color 0.2s ease-in;
}

#contentsArea div.line p.moreLinkbtn a:hover {
  background: #009cdb;
  color: #fff;
  transition: background 0.2s ease-in, color 0.2s ease-in;
}

/* ==============================
    .line
   ============================== */
#contentsArea div.line {
  width: 100%;
  margin: 0 0 60px 0;
}

#contentsArea div.line:first-of-type {
  margin: 60px 0 60px 0;
}

#contentsArea.healthcareArea div.line ul, #contentsArea.healthcareAreadiv.line ol, #contentsArea.healthcareArea div.line p, #contentsArea div.line ul, #contentsArea div.line ol, #contentsArea div.line p {
  margin-top: 0;
}

#contentsArea.healthcareArea div.line {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
}

#contentsArea.healthcareArea div.line figure:not(.aling-left), #contentsArea div.line figure:not(.aling-left) {
  text-align: center;
}

/* ==============================
    colmnBlock01
    colmnBlock02
   ============================== */
#contentsArea div.colmnBlock01, #contentsArea div.colmnBlock02 {
  width: 970px;
  display: flex;
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
  margin: auto;
}

#contentsArea div.colmnBlock01 .blockUnit:first-of-type {
  width: 223px;
}

#contentsArea div.colmnBlock01 .blockUnit:last-of-type {
  width: 747px;
  padding-left: 24px;
  box-sizing: border-box;
}

#contentsArea div.colmnBlock02 .blockUnit:first-of-type {
  width: 664px;
  padding-right: 24px;
  box-sizing: border-box;
}

#contentsArea div.colmnBlock02 .blockUnit:last-of-type {
  width: 306px;
}

/* ==============================
    salesBlock
   ============================== */
#contentsArea div.salesBlock {
  width: 970px;
  display: block;
  margin: auto;
}

#contentsArea div.salesBlock:after {
  display: block;
  content: "";
  clear: both;
}

#contentsArea div.salesBlock .blockUnit {
  width: 480px;
  margin-bottom: 5px;
  float: left;
}

#contentsArea div.salesBlock .blockUnit:nth-child(2n+0) {
  margin-left: 10px;
}

/* ==============================
   balloon-block
   ============================== */
.balloon-block > figure,
.balloon-block > div {
  display: inline-block;
  vertical-align: middle;
}

.balloon-block > figure {
  width: 30%;
}

.balloon-block > figure img {
  width: 70% !important;
  max-width: 168px;
  margin: auto;
}

.balloon1-left {
  position: relative;
  padding: 25px !important;
  min-width: 120px;
  max-width: 67%;
  color: #555;
  background: #e0edff;
  box-sizing: border-box;
  border-radius: 14px;
}

.balloon1-left > p {
  line-height: 1.5 !important;
}

.balloon1-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -50px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 35px solid #e0edff;
}

.balloon1-left p {
  margin: 0;
  padding: 0;
}

.arrow-link {
  margin-top: 25px !important;
}

.arrow-link a {
  display: flex;
  text-decoration: none !important;
  line-height: 17px;
}

.arrow-link a:hover {
  text-decoration: underline !important;
}

.arrow-link a:before {
  content: url(/healthcare/shared/img/icon_content_arrow.png);
  margin-right: 0.5em;
}

@media only screen and (max-width: 599px) {
  /* device-width: 320px - 599px for Smartphone */
  #contentsArea div.salesBlock {
    width: 100%;
    display: block;
    margin: auto;
  }

  #contentsArea div.salesBlock:after {
    display: block;
    content: "";
    clear: both;
  }

  #contentsArea div.salesBlock .blockUnit {
    width: 100%;
    margin-bottom: 5px;
    clear: both;
  }

  #contentsArea div.salesBlock .blockUnit:nth-child(2n+0) {
    margin-left: 0px;
  }
}
/* ==============================
    .videoInlineBlock
   ============================== */
div.videoInlineBlock {
  width: 100%;
}

div.videoInlineBlock .videoInlineBlockInner {
  width: 970px;
  margin: auto;
  padding: 50px 0 50px 0;
  box-sizing: border-box;
  text-align: center;
}

div.videoInlineBlock .videoInlineBlockInner h2 {
  display: block;
  font-size: 30px;
  margin-bottom: 50px;
  font-weight: normal;
}

/* ==============================
    .videoBlock
   ============================== */
#contentsArea div.videoBlock {
  width: 100%;
  background: #e9edf0;
  margin-bottom: 60px;
}

#contentsArea div.videoBlock .videoBlockInner {
  width: 970px;
  display: flex;
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
  margin: auto;
  padding: 30px 0 30px 0;
  box-sizing: border-box;
}

#contentsArea div.videoBlock .videoBlockInner .blockUnit {
  width: 48%;
}

#contentsArea div.videoBlock .videoBlockInner .blockUnit figure img {
  width: 100%;
  height: auto;
}

#contentsArea div.videoBlock .videoBlockInner .blockUnit iframe {
  width: 100%;
  /*
  height: 77%;
  */
  min-height: 77%;
}

/* ==============================
    .twoColmnBlock
    .threeColmnBlock
   ============================== */
#contentsArea div.twoColmnBlock, #contentsArea div.twoColmnBlock2, #contentsArea div.twoColmnBlock3, #contentsArea div.twoColmnBlock4, #contentsArea div.threeColmnBlock {
  width: 970px;
  display: flex;
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
  margin: auto;
}

#contentsArea div.twoColmnBlock .blockUnit {
  width: 49%;
}

#contentsArea div.twoColmnBlock2 .blockUnit:first-child {
  width: 24%;
  margin-bottom: 20px;
}

#contentsArea div.twoColmnBlock2 .blockUnit:last-child {
  width: 74%;
  margin-bottom: 20px;
}

#contentsArea div.twoColmnBlock3 .blockUnit:first-child {
  width: 74%;
  margin-bottom: 20px;
}

#contentsArea div.twoColmnBlock3 .blockUnit:last-child {
  width: 24%;
  margin-bottom: 20px;
}

#contentsArea div.twoColmnBlock4 .blockUnit:first-child {
  width: 34%;
  margin-bottom: 20px;
}

#contentsArea div.twoColmnBlock4 .blockUnit:last-child {
  width: 64%;
  margin-bottom: 20px;
}

#contentsArea div.threeColmnBlock .blockUnit {
  width: 33%;
}

#contentsArea div.twoColmnBlock .blockUnit figure:not(.aling-left), #contentsArea div.twoColmnBlock2 .blockUnit figure:not(.aling-left), #contentsArea div.twoColmnBlock3 .blockUnit figure:not(.aling-left), #contentsArea div.threeColmnBlock .blockUnit figure:not(.aling-left) {
  text-align: center;
}

/* ==============================
    twoCardBlock
    threeCardBlock
   ============================== */
#contentsArea div.twoCardBlock, #contentsArea div.threeCardBlock, div.threeCardBlock {
  width: 970px;
  display: flex;
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
  margin: auto;
}

#contentsArea div.twoCardBlock .blockUnit, #contentsArea div.threeCardBlock .blockUnit, div.threeCardBlock .blockUnit {
  margin: 0;
  padding: 5px 0 0 0;
  box-sizing: border-box;
  transition: padding .1s ease-in;
}

#contentsArea div.twoCardBlock .blockUnit:hover, #contentsArea div.threeCardBlock .blockUnit:hover, div.threeCardBlock .blockUnit:hover {
  padding: 0 0 0 0;
  transition: padding .1s ease-in;
}

#contentsArea div.twoCardBlock .blockUnit a, #contentsArea div.threeCardBlock .blockUnit a, div.threeCardBlock .blockUnit a {
  box-shadow: none;
  transition: box-shadow .2s ease-in;
}

#contentsArea div.twoCardBlock .blockUnit a:hover, #contentsArea div.threeCardBlock .blockUnit a:hover, div.threeCardBlock .blockUnit a:hover {
  box-shadow: 0px 3px 12px 3px rgba(0, 0, 0, 0.14);
  transition: box-shadow .2s ease-in;
  color: #3f8dc7;
  text-decoration: underline;
}

#contentsArea div.twoCardBlock .blockUnit a, #contentsArea div.threeCardBlock .blockUnit a, div.threeCardBlock .blockUnit a {
  background: #f5f5f5;
  color: #000;
  text-decoration: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

#contentsArea div.twoCardBlock .blockUnit figure, #contentsArea div.threeCardBlock .blockUnit figure, div.threeCardBlock .blockUnit figure {
  margin: 0;
  text-align: left;
}

#contentsArea div.twoCardBlock .blockUnit figure img, #contentsArea div.threeCardBlock .blockUnit figure img, div.threeCardBlock .blockUnit figure img {
  display: block;
}

#contentsArea div.twoCardBlock .blockUnit figcaption .detail, #contentsArea div.threeCardBlock .blockUnit figcaption .detail, div.threeCardBlock .blockUnit figcaption .detail {
  background: url(/healthcare/shared/img/icon_content_arrow.png) left top no-repeat;
  padding-left: 24px;
  line-height: 17px;
  margin: 0;
}

div.threeCardBlock.centerBlock {
  justify-content: center;
}

@media only screen and (min-width: 600px) {
  div.threeCardBlock.centerBlock .blockUnit:not(:first-of-type) {
    margin-left: 25px;
  }
}
/*
	twoCardBlock
*/
#contentsArea div.twoCardBlock .blockUnit {
  width: 476px;
  padding: 2px;
  box-sizing: border-box;
}

#contentsArea div.twoCardBlock .blockUnit a {
  display: block;
  width: 472px;
}

#contentsArea div.twoCardBlock .blockUnit figcaption {
  width: 100%;
  padding: 18px 24px 18px 24px;
  box-sizing: border-box;
  position: relative;
}

#contentsArea div.twoCardBlock .blockUnit figcaption .figureTitle {
  font-size: 22px;
  color: #0068b4;
  margin: 0;
}

/*
	threeCardBlock
*/
#contentsArea div.threeCardBlock .blockUnit, div.threeCardBlock .blockUnit {
  width: 310px;
  box-sizing: border-box;
}

#contentsArea div.threeCardBlock .blockUnit a, div.threeCardBlock .blockUnit a {
  display: block;
  width: 306px;
}

#contentsArea div.threeCardBlock .blockUnit figcaption, div.threeCardBlock .blockUnit figcaption {
  display: block;
  width: 100%;
  padding: 16px 12px 16px 12px;
  box-sizing: border-box;
  position: relative;
}

#contentsArea div.threeCardBlock .blockUnit figcaption.bgWhite, div.threeCardBlock .blockUnit figcaption.bgWhite {
  background: #fff;
}

#contentsArea div.threeCardBlock .blockUnit figcaption .figureTitle, div.threeCardBlock .blockUnit figcaption .figureTitle {
  font-size: 17px;
  margin: 0;
}

/* ==============================
    .categoryLineupBlock
   ============================== */
div.categoryLineupBlock {
  width: 100%;
  background: #e9edf0;
  color: #000;
}

div.categoryLineupBlock .categoryLineupBlockInner {
  width: 970px;
  margin: auto;
  padding: 58px 0 50px 0;
  box-sizing: border-box;
}

div.categoryLineupBlock .categoryLineupBlockInner h2 {
  font-size: 30px;
  text-align: center;
  margin: 0 0 38px 0;
  padding: 0;
  border: none;
  font-weight: normal;
}

div.categoryLineupBlock .categoryLineupBlockInner a {
  display: flex;
  width: 100%;
  height: auto;
  text-decoration: none;
  color: #000;
  margin: 0 0 26px 0;
  background: #fff;
  box-shadow: none;
  transition: margin .1s ease-in, box-shadow .2s ease-in;
}

div.categoryLineupBlock .categoryLineupBlockInner a figure {
  width: 306px;
  height: 100%;
  padding: 0;
  margin: 0;
  background: #fff;
}

div.categoryLineupBlock .categoryLineupBlockInner a figure img {
  display: block;
  width: 100%;
  height: auto;
}

div.categoryLineupBlock .categoryLineupBlockInner a .categoryListCaption {
  display: grid;
  width: 664px;
  height: auto;
  padding: 24px;
  box-sizing: border-box;
}

div.categoryLineupBlock .categoryLineupBlockInner a .categoryListCaption p {
  line-height: 140%;
  margin: 0;
}

div.categoryLineupBlock .categoryLineupBlockInner a h3.categoryListTitle {
  line-height: 28px;
  font-size: 28px;
  margin: 0 0 28px 0;
  background: url(/healthcare/shared/img/icon_lineup_arrow.png) right center no-repeat, #fff;
}

div.categoryLineupBlock .categoryLineupBlockInner a .categoryListIcon {
  display: block;
  margin-top: 24px;
  height: 32px;
}

div.categoryLineupBlock .categoryLineupBlockInner a:hover {
  margin: -4px 0 30px 0;
  box-shadow: 0px 4px 6px 4px rgba(33, 33, 33, 0.1);
  transition: margin .1s ease-in, box-shadow .2s ease-in;
}

div.categoryLineupBlock .categoryLineupBlockInner a:hover figure img {
  opacity: 0.75;
  transition: opacity .2s ease-in;
}

div.categoryLineupBlock .categoryLineupBlockInner a:hover p.categoryListTitle {
  color: #0068b4;
  text-decoration: underline;
}

.bold {
  font-weight: bold;
}

/**/
div.categoryLineupBlock .categoryLineupBlockInner .attached {
  height: auto;
  text-decoration: none;
  color: #000;
  margin: 26px 0 0px 0;
  padding: 25px;
  background: #fff;
  box-shadow: none;
  transition: margin .1s ease-in, box-shadow .2s ease-in;
}

div.categoryLineupBlock .categoryLineupBlockInner .attached:after {
  clear: both;
  content: "";
  display: block;
}

div.categoryLineupBlock .categoryLineupBlockInner .attached h3 {
  display: block;
  font-size: 20px;
  font-weight: normal;
  margin-top: 0px;
}

div.categoryLineupBlock .categoryLineupBlockInner .attached a {
  display: inline-block;
  width: auto;
  background: url(/healthcare/shared/img/icon_content_arrow.png) left 3px no-repeat;
  padding-left: 22px;
  line-height: 150%;
  margin: 0px 20px 0px 6px;
}

div.categoryLineupBlock .categoryLineupBlockInner .attached a:hover {
  color: #0068b4;
  text-decoration: underline;
  margin: 0px 20px 0px 6px;
  box-shadow: 0px 0px 0px 0px rgba(33, 33, 33, 0.1);
}

.alignCenter {
  text-align: center;
}

#contentsArea div.graphArea > p {
  display: block;
  font-size: 22px;
  font-weight: normal;
  text-align: center;
}

#contentsArea div.graphArea .graphImg {
  display: table;
  width: 100%;
  border-top: 1px solid #e4e8ec;
  border-bottom: 1px solid #e4e8ec;
  padding: 20px 0;
  margin: 20px 0;
}

#contentsArea div.graphArea .graphImg p {
  display: table-cell;
}

#contentsArea div.graphArea .graphImg + p {
  text-align: left;
  margin-bottom: 20px;
}

#contentsArea article table.healthTable th, #contentsArea article table.healthTable td {
  border: 1px solid #c0c1c3;
}

#contentsArea article table.healthTable th.colTh {
  background: #f3f6f9;
}

#contentsArea article table td.invisible {
  border: #fff;
}

#contentsArea article h3 + span {
  margin-top: -20px;
  font-size: 80%;
  display: block;
}

@media only screen and (max-width: 599px) {
  /* device-width: 320px ～ 599px  for Smartphone */
  div.categoryLineupBlock .categoryLineupBlockInner .attached a {
    display: block;
  }

  div.categoryLineupBlock .categoryLineupBlockInner .attached a:last-of-type {
    margin: 0px 20px 0px 6px;
  }

  #contentsArea div.graphArea .graphImg p {
    display: table;
    width: 100%;
    text-align: center;
  }

  #contentsArea article table td.invisible {
    display: none;
  }
}
#contentsArea div.twoColmnBlock div.innerColmnBlock {
  width: 100%;
  display: table;
}

#contentsArea div.twoColmnBlock div.innerColmnBlock .blockUnit {
  display: table-cell;
  vertical-align: middle;
}

#contentsArea div.twoColmnBlock div.innerColmnBlock .blockUnit:first-child {
  width: 40%;
}

#contentsArea div.twoColmnBlock div.innerColmnBlock .blockUnit:last-child {
  width: 60%;
}

#contentsArea div.twoColmnBlock div.innerColmnBlock .blockUnit figure {
  text-align: center;
}

@media only screen and (max-width: 599px) {
  /* device-width: 320px ～ 599px  for Smartphone */
  #contentsArea div.videoBlock .videoBlockInner .blockUnit iframe {
    width: 100%;
    min-height: inherit;
  }

  #contentsArea div.twoColmnBlock div.innerColmnBlock .blockUnit:first-child {
    display: table;
    width: 100%;
  }

  #contentsArea div.twoColmnBlock div.innerColmnBlock .blockUnit:last-child {
    display: table;
    width: 100%;
  }
}
#contentsArea div.twoColmnBlock div.innerColmnBlock2 {
  width: 475px;
  margin: 0 5px;
  display: table;
}

#contentsArea div.twoColmnBlock div.innerColmnBlock2 .blockUnit {
  display: table-cell;
  vertical-align: top;
  padding: 0px 0px 10px;
}

#contentsArea div.twoColmnBlock div.innerColmnBlock2 .blockUnit:first-child {
  padding: 0px 10px 10px 0px;
}

#contentsArea div.twoColmnBlock div.innerColmnBlock2 .blockUnit:last-child {
  padding: 0px 0px 10px 10px;
}

#contentsArea div.twoColmnBlock div.innerColmnBlock2 .blockUnit.valignMiddle {
  vertical-align: middle;
}

#contentsArea div.twoColmnBlock div.innerColmnBlock2 .blockUnit.xlarge {
  width: 70%;
}

#contentsArea div.twoColmnBlock div.innerColmnBlock2 .blockUnit.large {
  width: 60%;
}

#contentsArea div.twoColmnBlock div.innerColmnBlock2 .blockUnit.medium {
  width: 50%;
}

#contentsArea div.twoColmnBlock div.innerColmnBlock2 .blockUnit.small {
  width: 40%;
}

#contentsArea div.twoColmnBlock div.innerColmnBlock2 .blockUnit.xsmall {
  width: 30%;
}

#contentsArea div.twoColmnBlock div.innerColmnBlock2 .blockUnit figure {
  text-align: center;
}

@media only screen and (max-width: 599px) {
  /* device-width: 320px ～ 599px  for Smartphone */
  #contentsArea div.twoColmnBlock div.innerColmnBlock2 {
    width: 100%;
    margin: 0 0px;
    display: table;
  }

  #contentsArea div.twoColmnBlock div.innerColmnBlock2 .blockUnit:first-child, #contentsArea div.twoColmnBlock div.innerColmnBlock2 .blockUnit:last-child {
    padding: 0px 0px 0px 0px;
  }

  #contentsArea div.twoColmnBlock div.innerColmnBlock2 .blockUnit.xlarge, #contentsArea div.twoColmnBlock div.innerColmnBlock2 .blockUnit.large, #contentsArea div.twoColmnBlock div.innerColmnBlock2 .blockUnit.medium, #contentsArea div.twoColmnBlock div.innerColmnBlock2 .blockUnit.small, #contentsArea div.twoColmnBlock div.innerColmnBlock2 .blockUnit.xsmall {
    display: table;
    width: 100%;
  }
}
#contentsArea article div.echoBlock h3 {
  border-left: 0px;
  padding: 10px 10px 0 10px;
  margin: 0 0 20px;
}

#contentsArea article div.echoBlock h3 + p {
  font-size: 17px;
  padding: 0 10px 0 10px;
}

#contentsArea article div.echoBlock a {
  display: block;
  background: url(/healthcare/shared/img/icon_content_arrow.png) left 2px no-repeat;
  padding: 0px 0px 0px 22px;
  line-height: 150%;
  margin: 5px 0px 10px 10px;
  text-decoration: none;
}

#contentsArea article div.echoBlock a:hover {
  color: #0068b4;
  text-decoration: underline;
}

#contentsArea article div.echoBlock .blockUnit {
  background: #f5f5f5;
}

#contentsArea a.blueBtn {
  background: #009cdb;
  border-radius: 50px;
  text-align: center;
  width: 230px;
  margin: 0 auto;
  display: block;
  color: #fff;
  text-decoration: none;
}

#contentsArea a.blueBtn:hover {
  text-decoration: underline;
  opacity: 0.75;
  transition: opacity .2s ease-in;
}

@media only screen and (max-width: 599px) {
  /* device-width: 320px ～ 599px  for Smartphone */
  #contentsArea a.blueBtn, #contentsArea a.blueBtn:hover {
    background: #fff;
    border-radius: 50px;
    border: 2px solid #009cdb;
    text-align: center;
    width: 230px;
    margin: 0 auto;
    display: block;
    color: #000;
    padding: 15px 0;
    text-decoration: none;
  }
}
#contentsArea a.movieBtn {
  background: url(/healthcare/interview/us/hs1_series/img/bg_movie.png) no-repeat;
  width: 970px;
  height: 120px;
  margin: 0;
  display: table;
  text-decoration: none;
}

#contentsArea a.movieBtn span {
  display: block;
  width: 100%;
  height: 100%;
  padding: 45px 0 50px;
  vertical-align: middle;
  font-size: 22px;
  color: #000;
  padding-left: 120px;
  position: relative;
}

#contentsArea a.movieBtn span::before {
  position: absolute;
  display: block;
  content: url(/healthcare/interview/us/hs1_series/img/btn_movie.png);
  height: 75px;
  width: 75px;
  top: 0;
  bottom: 0;
  left: 25px;
  margin: auto;
}

#contentsArea a.movieBtn:hover {
  opacity: 0.75;
  /*transform: translate3d(0, -3px, 0);*/
  transition: opacity .2s ease-in;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2);
}

#contentsArea a.movieBtn:hover span {
  text-decoration: underline;
  color: #009cdb;
}

.pcHide {
  display: none;
}

@media only screen and (max-width: 599px) {
  /* device-width: 320px ～ 599px  for Smartphone */
  #contentsArea a.movieBtn, #contentsArea a.movieBtn:hover {
    background: url(/healthcare/interview/us/hs1_series/img/bg_movie_sp.png) no-repeat right center;
    background-size: cover;
    width: 100%;
    height: 120px;
    margin: 0;
    display: table;
    text-decoration: none;
    box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.2);
    opacity: 1;
    /*transform: translate3d(0, -3px, 0);*/
    transition: opacity .0s ease-in;
  }

  #contentsArea a.movieBtn span, #contentsArea a.movieBtn:hover span {
    display: table-cell;
    text-decoration: none;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    font-size: 22px;
    color: #000;
    padding-left: 105px;
    position: relative;
  }

  #contentsArea a.movieBtn span:before {
    position: absolute;
    display: block;
    content: url(/healthcare/interview/us/hs1_series/img/btn_movie.png);
    height: 75px;
    width: 75px;
    top: 0;
    bottom: 0;
    left: 20px;
    margin: auto;
  }

  .pcHide {
    display: inherit;
  }
}
/* ==============================
   	.topProductBlock
   ============================== */
div.categoryBlock {
  width: 100%;
  background: #fff;
  color: #000;
}

div.categoryBlock .categoryBlockInner {
  width: 970px;
  margin: auto;
  padding: 58px 0 50px 0;
  box-sizing: border-box;
}

div.categoryBlock .categoryBlockInner h2 {
  font-size: 30px;
  text-align: center;
  margin: 0 0 38px 0;
  padding: 0;
  border: none;
}

@media only screen and (max-width: 599px) {
  /* device-width: 320px ～ 599px  for Smartphone */
  div.categoryBlock .categoryBlockInner {
    width: 90%;
    margin: auto;
    padding: 30px 0 30px 0;
    box-sizing: border-box;
  }

  div.categoryBlock .categoryBlockInner h2 {
    font-size: 24px;
    text-align: center;
    margin: 0 0 24px 0;
    padding: 0;
    border: none;
  }
}
div.pageNaviBlock .pageNaviBlockInner ul:after {
  display: block;
  content: "";
  clear: both;
}

div.pageNaviBlock .pageNaviBlockInner ul li.seachArea {
  float: right;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 307px;
  height: 46px;
  overflow: hidden;
}

div.pageNaviBlock .pageNaviBlockInner ul li.seachArea form {
  display: block;
  width: 100%;
  font-size: 14px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

div.pageNaviBlock .pageNaviBlockInner ul li.seachArea form:after {
  display: block;
  content: "";
  clear: both;
}

div.pageNaviBlock .pageNaviBlockInner ul li.seachArea form input[type="search"] {
  display: block;
  float: left;
  width: 85%;
  font-size: 14px;
  padding: 13px 15px 16px;
  margin: 0px;
  background: #0068b4;
  border: none;
  vertical-align: middle;
  -webkit-appearance: none;
  border-radius: 0;
}

div.pageNaviBlock .pageNaviBlockInner ul li.seachArea form input[type="search"]:focus {
  background: #fff;
  border: none;
  box-shadow: none;
  outline-style: none;
}

/*Webkit*/
div.pageNaviBlock .pageNaviBlockInner ul li.seachArea form input[type="search"]::-webkit-input-placeholder {
  color: #fff;
}

div.pageNaviBlock .pageNaviBlockInner ul li.seachArea form input[type="search"]:focus::-webkit-input-placeholder {
  color: #0068b4;
}

/*Firefox 19以降*/
div.pageNaviBlock .pageNaviBlockInner ul li.seachArea form input[type="search"]::-moz-placeholder {
  color: #fff;
  opacity: 1;
}

div.pageNaviBlock .pageNaviBlockInner ul li.seachArea form input[type="search"]:focus::-moz-placeholder {
  color: #0068b4;
  opacity: 1;
}

/*Firefox 18以前*/
div.pageNaviBlock .pageNaviBlockInner ul li.seachArea form input[type="search"]:-moz-placeholder {
  color: #fff;
  opacity: 1;
}

div.pageNaviBlock .pageNaviBlockInner ul li.seachArea form input[type="search"]:focus:-moz-placeholder {
  color: #0068b4;
  opacity: 1;
}

/*Windows IE*/
div.pageNaviBlock .pageNaviBlockInner ul li.seachArea form input[type="search"]:-ms-input-placeholder {
  color: #fff;
}

div.pageNaviBlock .pageNaviBlockInner ul li.seachArea form input[type="search"]:focus:-ms-input-placeholder {
  color: #0068b4;
}

div.pageNaviBlock .pageNaviBlockInner ul li.seachArea form input[type="submit"] {
  display: block;
  float: left;
  width: 15%;
  padding: 6px 15px 17px;
  border: none;
  box-shadow: none;
  background: #0068b4 url(/healthcare/products/img/search_icon02.png) no-repeat center center;
  background-size: 50% auto;
  margin: 0px;
  -webkit-appearance: none;
  border-radius: 0;
}

div.pageNaviBlock .pageNaviBlockInner ul li.seachArea form input[type="search"]:focus + input[type="submit"] {
  background: #fff url(/healthcare/products/img/search_icon01.png) no-repeat center center;
  background-size: 50% auto;
}

@media only screen and (max-width: 599px) {
  /* device-width: 320px ～ 599px  for Smartphone */
  div.pageNaviBlock .pageNaviBlockInner.spSearch {
    width: 100%;
    margin: auto;
  }

  div.pageNaviBlock .pageNaviBlockInner ul {
    padding-top: 18px;
  }

  div.pageNaviBlock .pageNaviBlockInner.spSearch ul li {
    display: block;
    width: 90%;
    margin: 0 auto 18px;
  }

  div.pageNaviBlock .pageNaviBlockInner ul li.seachArea {
    float: none;
    border-top: 1px solid #4d96cb;
    display: block;
    width: 100%;
  }

  div.pageNaviBlock .pageNaviBlockInner ul li.seachArea form {
    display: table;
    width: 100%;
    font-size: 14px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
  }

  div.pageNaviBlock .pageNaviBlockInner ul li.seachArea form input[type="search"] {
    width: 85%;
    padding-left: 19px;
  }

  div.pageNaviBlock .pageNaviBlockInner ul li.seachArea form input[type="submit"] {
    position: absolute;
    right: 0;
    width: 15%;
    padding-right: 19px;
  }
}
/**/
/* ==============================
    .interviewBlock
   ============================== */
#contentsArea.healthcareArea div.interviewBlock {
  width: 100%;
  background: #edf7f5;
  color: #000;
  padding: 1px 0 1px 0;
  box-sizing: border-box;
}

#contentsArea.healthcareArea div.interviewBlock h3 {
  border-left: 6px solid #009eb7;
}

/* ==============================
    .awardsBlock
   ============================== */
div.awardsBlock {
  width: 100%;
  background: url(/healthcare/shared/img/background_awarads.png) no-repeat center center, #e5dcbb;
  color: #000;
  padding-bottom: 48px;
}

div.awardsBlock .awardsTitle {
  font-size: 36px;
  font-weight: normal;
  text-align: center;
  padding: 60px 0 48px 0;
  margin: 0;
}

div.awardsBlock * .blockUnit a {
  background: #fff;
}

/* ==============================
    .lineupSlideBlock
   ============================== */
div.lineupSlideBlock {
  width: 100%;
  background: #fff;
  padding: 50px 0 50px 0;
  border-top: 1px solid #86888a;
  opacity: 0;
}

div.lineupSlideBlock.active {
  opacity: 1;
  transition: opacity .3s ease-out;
}

div.lineupSlideBlock .lineupSlideBlockWrapper {
  width: 1074px;
  position: relative;
  margin: auto;
  overflow: hidden;
}

div.lineupSlideBlock .lineupSlideBlockInner {
  width: 970px;
  margin: auto;
  overflow: hidden;
}

div.lineupSlideBlock .lineupSlideBlockInner .lineupSlideTitle {
  font-weight: normal;
  color: #2b2b2b;
  font-size: 24px;
  margin: 0 0 28px 0;
}

div.lineupSlideBlock .lineupSlideBlockInner .swiper-container {
  width: 100%;
  height: 100%;
}

div.lineupSlideBlock .lineupSlideBlockInner .swiper-container.static {
  width: 970px;
}

div.lineupSlideBlock .lineupSlideBlockInner .swiper-wrapper {
  margin: 0 0 36px 0;
}

div.lineupSlideBlock .lineupSlideBlockInner .swiper-slide {
  display: inline-flex;
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
}

div.lineupSlideBlock .lineupSlideBlockInner .swiper-slide a {
  color: #000;
  text-decoration: none;
}

div.lineupSlideBlock .lineupSlideBlockInner .swiper-slide a img {
  margin-bottom: 14px;
  opacity: 1;
  transition: opacity .2s ease-in;
}

div.lineupSlideBlock .lineupSlideBlockInner .swiper-slide figcaption {
  display: block;
  background: url(/healthcare/shared/img/icon_content_arrow.png) left 5px no-repeat;
  padding-left: 22px;
  line-height: 150%;
  margin-left: 6px;
}

div.lineupSlideBlock .lineupSlideBlockInner .swiper-slide a:hover img {
  opacity: 0.75;
  transition: opacity .2s ease-in;
}

div.lineupSlideBlock .lineupSlideBlockInner .swiper-slide a:hover figcaption {
  color: #0068b4;
  text-decoration: underline;
}

/* ==============================
    .seminarInforBlock
   ============================== */
div.seminarInforBlock {
  width: 100%;
  height: 200px;
  background: url(/healthcare/shared/img/background_seminar.png) no-repeat center center, #e4dfda;
  color: #000;
  position: relative;
}

div.seminarInforBlock .seminarInforBlockHbase {
  background: #e4dfda;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: opacity .2s ease-in;
}

div.seminarInforBlock:hover .seminarInforBlockHbase {
  opacity: 0.5;
  transition: opacity .2s ease-in;
}

div.seminarInforBlock p {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #000;
  text-shadow: 0 0 3px #fff;
  margin: 0;
}

div.seminarInforBlock a {
  width: 100%;
  height: 100%;
  color: #000;
  text-shadow: 0 0 3px #fff;
  text-decoration: none;
  display: flex;
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
}

div.seminarInforBlock a span {
  font-size: 24px;
  line-height: 150%;
}

div.seminarInforBlock a span:after {
  display: block;
  content: url(/healthcare/shared/img/icon_seminar_arrow.png);
  margin-top: 8px;
}

div.seminarInforBlock a:hover span {
  color: #0068b4;
  text-decoration: underline;
}

/* ==============================
    inquirieBlock
   ============================== */
div.inquirieBlock {
  width: 100%;
  background: #005f8b;
  color: #fff;
}

div.inquirieBlock .inquirieBlockInnner {
  width: 970px;
  margin: auto;
  padding: 58px 50px 50px 50px;
  box-sizing: border-box;
}

div.inquirieBlock .inquirieBlockInnner h2 {
  font-size: 30px;
  text-align: center;
  margin-bottom: 46px;
}

div.inquirieBlock .inquirieBlockInnner .inquirieBlockList {
  list-style: none;
  display: flex;
  -webkit-justify-content: space-around;
  /* Safari */
  justify-content: space-around;
}

div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li {
  width: 118px;
}

div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li a {
  display: block;
  text-decoration: none;
  transition: margin-top .1s ease-in;
  margin-top: 0;
}

div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li a img {
  box-shadow: none;
}

div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li a:hover {
  transition: margin-top .1s ease-in;
  margin-top: -4px;
}

div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li span:first-of-type {
  width: 118px;
  height: 118px;
  margin-bottom: 10px;
  border-radius: 59px;
  background: #fff;
  display: flex;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
  box-shadow: none;
  transition: box-shadow .1s ease-in;
}

div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li a:hover span:first-of-type {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
  transition: box-shadow .1s ease-in;
}

div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li a span:first-of-type img {
  opacity: 1;
  transition: opacity .1s ease-in;
}

div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li a:hover span:first-of-type img {
  opacity: 0.6;
  transition: opacity .1s ease-in;
}

div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li span:last-of-type {
  font-size: 16px;
  display: block;
  color: #fff;
  text-align: center;
  line-height: 160%;
  white-space: nowrap;
}

div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li a:hover span:last-of-type {
  text-decoration: underline;
}

/* ==============================
   directoryNavi
   ============================== */
div.directoryNavi {
  width: 100%;
  background: #ffffff;
  color: #000;
}

div.directoryNavi .directoryNaviInnner {
  width: 970px;
  display: flex;
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
  margin: 46px auto 0 auto;
}

div.directoryNavi .directoryNaviInnner .directoryNaviUnit {
  display: inline-block;
}

div.directoryNavi .directoryNaviInnner .directoryNaviUnit a {
  color: #000;
  text-decoration: none;
}

div.directoryNavi .directoryNaviInnner .directoryNaviUnit a:hover {
  text-decoration: underline;
}

div.directoryNavi .directoryNaviInnner .directoryNaviUnit .title {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 2px 0;
  padding: 0;
}

div.directoryNavi .directoryNaviInnner .directoryNaviUnit ul {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin-bottom: 46px;
  vertical-align: top;
}

div.directoryNavi .directoryNaviInnner .directoryNaviUnit.firstUnit ul.lastUnit {
  margin-left: 48px;
}

div.directoryNavi .directoryNaviInnner .directoryNaviUnit ul li {
  font-size: 13px;
  list-style: none;
  margin-bottom: 16px;
}

div.directoryNavi .directoryNaviInnner .directoryNaviUnit ul li:last-of-type {
  margin-bottom: 0;
}

/* ==============================
   divisionNavi
   ============================== */
div.divisionNavi {
  width: 100%;
  background: #f4f4f4;
  color: #000;
  padding: 1px 0;
}

div.divisionNavi:nth-of-type(2n) {
  background: #fff;
}

div.divisionNavi .divisionNaviInnner {
  width: 970px;
  padding: 24px 0 0 0;
  margin: auto;
}

div.divisionNavi .divisionNaviInnner .title {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 24px 0;
  padding: 0;
}

div.divisionNavi .divisionNaviInnner a {
  color: #000;
  text-decoration: none;
}

div.divisionNavi .divisionNaviInnner a:hover {
  text-decoration: underline;
}

div.divisionNavi .divisionNaviInnner ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}

div.divisionNavi .divisionNaviInnner ul li {
  display: inline-block;
  font-size: 13px;
  list-style: none;
  margin: 0 54px 24px 0;
}

div.divisionNavi .divisionNaviInnnerul li:last-of-type {
  margin-bottom: 0;
}

/* ============================================
      footerBacktop
============================================ */
div.footerBacktop {
  display: inline-block;
  position: fixed;
  bottom: 20px;
  right: 20px;
  height: 60px;
  width: 60px;
  opacity: 0;
  transition: .3s;
  z-index: 65535;
}

div.footerBacktop.bottom {
  bottom: 130px;
}

div.footerBacktop.show {
  opacity: 1;
}

div.footerBacktop p {
  margin: 0;
}

div.footerBacktop p a {
  text-indent: 100%;
  display: inline-block;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background: rgba(99, 118, 137, 0.5) url(/healthcare/shared/img/icon_arrow_001.png) no-repeat center 22px;
  overflow: hidden;
  white-space: nowrap;
  transition: .3s;
  padding: 0;
}

div.footerBacktop p a:hover {
  background-color: rgba(99, 118, 137, 0.8);
}

/* ==============================
    Media Queries for only pc max-width: 1074px
   ============================== */
@media only screen and (max-width: 1074px) {
  /* device-width: 600px ～  for PC */
  div.lineupSlideBlock .lineupSlideBlockWrapper {
    width: 970px;
    margin: auto;
  }
}
/* ==============================
    Media Queries for only pc
   ============================== */
@media only screen and (min-width: 600px) {
  /* device-width: 600px ～  for PC */
  .pcHide {
    display: none;
  }
}
/* ==============================
    Media Queries for only sp
   ============================== */
@media only screen and (max-width: 599px) {
  /* device-width: 320px ～ 599px  for Smartphone */
  .spHide {
    display: none;
  }

  header .rightBox {
    width: auto;
  }

  #contentsArea #sideEnclosingArea article {
    float: none;
  }

  #contentsArea .breakLink {
    word-break: break-all;
    display: inline-block;
  }

  #contentsArea.healthcareTop {
    width: 100%;
    padding: 0;
  }

  /*============================================
  	mainvisual
  ============================================*/
  div[class^="mainvisualType"] {
    width: 100%;
    height: auto;
  }

  /*
  div.mainvisualType02 {
  	background-size: cover;
  	background-color:#222628;
  	background-image: url(/healthcare/shared/img/background_type01.png);
  	background-repeat: no-repeat;
  	background-position: center;
  }
  */
  div.mainvisualType01 div.mainvisualInner, div.mainvisualType02 div.mainvisualInner {
    /*color: #fff;*/
    display: flex;
    -webkit-align-items: center;
    /* Safari */
    align-items: center;
  }

  div[class^="mainvisualType"] div.mainvisualInner {
    width: 100%;
    margin: auto;
  }

  div.mainvisualInner .unit:first-of-type {
    width: 62%;
    padding: 12px;
    box-sizing: border-box;
  }

  div.mainvisualInner .unit:last-of-type {
    width: 34%;
    height: 100%;
    text-align: center;
    display: flex;
    -webkit-justify-content: center;
    /* Safari */
    justify-content: center;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }

  div.mainvisualInner .unit:last-of-type img {
    width: 100%;
    height: auto;
  }

  div.mainvisualInner .unit.unit_video {
    display: block;
    margin: 1% 0 1% 0;
    box-sizing: border-box;
  }

  div.mainvisualInner h1 {
    font-size: 22px;
  }

  div.mainvisualInner h1 span {
    font-size: 14px;
  }

  div.mainvisualInner .subTitle {
    font-size: 12px;
    margin: 0 0 8px 0;
  }

  div.mainvisualInner .caption {
    font-size: 12px;
    margin: 8px 0 0 0;
    line-height: 1;
  }

  div.mainvisualInner .caption small {
    font-size: 10px;
  }

  div.mainvisualType00:before {
    content: "";
    display: block;
    padding-top: 38%;
    /* 高さを幅の38%に固定 */
  }

  div.mainvisualType00 div.swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  div.mainvisualType00 div.swiper-slide {
    margin: auto;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    box-sizing: border-box;
  }

  #content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  div.mainvisualType00 div.mainvisualInner {
    margin: auto;
    display: flex;
    width: 100%;
    height: 100%;
  }

  div.mainvisualType00 .mainTitle, div.mainvisualType00 h1, div.mainvisualType00 a h1 {
    font-size: 22px;
    margin-bottom: 12px;
  }

  div.mainvisualType00 p.caption, div.mainvisualType00 a p.caption {
    margin-bottom: 12px;
  }

  div.mainvisualType00 .swiper-container {
    height: 100%;
  }

  div.mainvisualType00 .swiper-button-next, div.mainvisualType00 .swiper-button-prev {
    display: none;
  }

  /*
  div.mainvisualType00 .swiper-pagination{
  	bottom: 4px;
  }
  */
  div.mainvisualType03 {
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-position: center center;
    height: 90px;
  }

  div.mainvisualType03 div.mainvisualInner {
    height: 100%;
  }

  div.mainvisualType03 div.mainvisualInner h1 {
    font-size: 20px;
    margin-left: 12px;
    text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff;
  }

  div.mainvisualType03.withLongTxt {
    background-image: none !important;
    min-height: 90px;
    height: auto;
    box-sizing: border-box;
    padding: 12px 0;
  }

  /* ==============================
      .topBannerBlock
     ============================== */
  div.topBannerBlock {
    height: auto;
  }

  div.topBannerBlock .topBannerBlockInner {
    width: 92%;
    height: 100%;
    margin: auto;
  }

  div.topBannerBlock .topBannerBlockInner ul {
    width: 100%;
  }

  div.topBannerBlock .topBannerBlockInner li {
    width: 48%;
    padding: 2% 1% 2% 0;
  }

  /*
  div.topBannerBlock .topBannerBlockInner li:last-of-type{
  	padding: 2% 0 2% 1%;
  }
  */
  div.topBannerBlock .topBannerBlockInner img {
    width: 100%;
  }

  /* ==============================
      pageNaviBlock
     ============================== */
  div.pageNaviBlock .pageNaviBlockInner {
    width: 90%;
    margin: auto;
  }

  div.pageNaviBlock .pageNaviBlockInner ul {
    padding-top: 18px;
  }

  div.pageNaviBlock .pageNaviBlockInner ul li {
    margin: 0 12px 18px 0;
    vertical-align: top;
  }

  /* ==============================
     	.topNewsBlock
     ============================== */
  #contentsArea .topNewsBlock h2 {
    background: none;
    box-shadow: none;
    margin-bottom: 34px;
  }

  #contentsArea .topNewsBlock h3 {
    width: 94%;
    margin: auto;
  }

  #contentsArea .topNewsBlock .topNewsBlockInner {
    width: 100%;
    margin: auto;
    padding: 34px 0 34px 0;
    box-sizing: border-box;
  }

  #contentsArea .topNewsBlock ul.newsNavi {
    display: flex;
    width: 94%;
    -webkit-justify-content: space-between;
    /* Safari */
    justify-content: space-between;
    margin: auto;
  }

  #contentsArea .topNewsBlock ul.newsNavi > * {
    width: 33%;
    height: 66px;
    min-height: 66px;
  }

  #contentsArea .topNewsBlock ul.newsNavi > * a {
    padding: 4px 14px 4px 14px;
    box-sizing: border-box;
    text-align: center;
    line-height: 120%;
  }

  #contentsArea .topNewsBlock .newsListBlock ul li {
    padding: 14px 14px 0 14px;
  }

  #contentsArea .topNewsBlock .newsListBlock ul li span:first-of-type, #contentsArea .topNewsBlock .newsListBlock ul li span:last-of-type {
    width: 90%;
    margin: auto;
  }

  #contentsArea .topNewsBlock .newsListBlock ul li span:last-of-type a {
    padding: 8px 0 8px 0;
  }

  /* ==============================
     	.topProductBlock
     ============================== */
  div.topProductBlock .topProductBlockInner {
    width: 90%;
    margin: auto;
    padding: 30px 0 30px 0;
    box-sizing: border-box;
  }

  div.topProductBlock .topProductBlockInner h2 {
    font-size: 24px;
    text-align: center;
    margin: 0 0 24px 0;
    padding: 0;
    border: none;
  }

  div.topProductBlock ul.topProductList li:nth-of-type(1),
  div.topProductBlock ul.topProductList li:nth-child(4n),
  div.topProductBlock ul.topProductList li:nth-of-type(4n+1),
  div.topProductBlock ul.topProductList li {
    display: block;
    width: 100%;
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 14px;
  }

  div.topProductBlock ul.topProductList li:nth-child(4n):hover {
    margin: 0 0 8px 0;
  }

  div.topProductBlock ul.topProductList li:nth-of-type(1):hover,
  div.topProductBlock ul.topProductList li:nth-child(4n):hover,
  div.topProductBlock ul.topProductList li:nth-of-type(4n+1):hover,
  div.topProductBlock ul.topProductList li {
    margin: 0 0 8px 0;
    padding: 0;
  }

  div.topProductBlock ul.topProductList li a {
    text-decoration: none;
    color: #000;
    display: block;
    width: 100%;
    box-shadow: none;
    transition: none;
    background: #fff;
  }

  div.topProductBlock ul.topProductList li a:hover {
    color: #000;
    text-decoration: none;
    margin-top: 0;
    box-shadow: none;
    transition: none;
  }

  div.topProductBlock ul.topProductList li a img {
    opacity: 1;
    transition: none;
  }

  div.topProductBlock ul.topProductList li a:hover img {
    opacity: 1;
    transition: none;
  }

  div.topProductBlock ul.topProductList figure {
    width: 100%;
    background: #fff;
    display: flex;
    -webkit-align-items: center;
    /* Safari */
    align-items: center;
  }

  div.topProductBlock ul.topProductList figure span {
    width: 27%;
  }

  div.topProductBlock ul.topProductList figure img {
    width: 100%;
    height: auto;
  }

  div.topProductBlock ul.topProductList figure figcaption {
    display: inline-block;
    width: 73%;
    height: 100%;
    padding: 16px 12px 16px 12px;
    box-sizing: border-box;
    vertical-align: top;
  }

  div.topProductBlock ul.topProductList figure figcaption {
    display: inline-block;
    width: 73%;
    padding: 16px 12px 16px 12px;
    box-sizing: border-box;
    background: url(/healthcare/shared/img/icon_lineupSlide_arrow.png) 12px center no-repeat, #ffffff;
  }

  div.topProductBlock ul.topProductList figure figcaption span {
    display: block;
    width: 100%;
    padding-left: 24px;
    box-sizing: border-box;
    line-height: 140%;
  }

  /* ==============================
     	.infoLinklist01
     ============================== */
  #contentsArea div.line p.moreLinkbtn {
    display: table;
    margin: auto;
  }

  /* ==============================
      .line
     ============================== */
  #contentsArea div.line {
    width: 100%;
    margin: 0 0 30px 0;
  }

  #contentsArea div.line:first-of-type {
    margin: 30px 0 30px 0;
  }

  #contentsArea.healthcareArea div.line {
    width: 100%;
    margin: 0 auto 30px auto;
  }

  #contentsArea.healthcareArea div.line:first-of-type {
    margin: 30px auto 30px auto;
  }

  #contentsArea.healthcareArea div.line figure img {
    width: 100%;
    height: auto;
  }

  /* ==============================
     h2 h3
     ============================== */
  #contentsArea * h2 {
    border-radius: 0;
    border: none;
    box-shadow: none;
    display: block;
    font-size: 24px;
    font-weight: normal;
    color: #2b2b2b;
    width: 100%;
    background: none;
    border-bottom: 1px solid #86888a;
    padding: 0 0 24px 0;
    margin: 0 0 24px 0;
  }

  /* ==============================
      colmnBlock01
      colmnBlock02
     ============================== */
  #contentsArea div.colmnBlock01, #contentsArea div.colmnBlock02 {
    display: block;
    width: 100%;
    margin: auto;
  }

  #contentsArea div.colmnBlock01 .blockUnit:first-of-type, #contentsArea div.colmnBlock01 .blockUnit:last-of-type, #contentsArea div.colmnBlock02 .blockUnit:first-of-type, #contentsArea div.colmnBlock02 .blockUnit:last-of-type {
    width: 100%;
    padding: 0;
    margin: 0 0 30px 0;
  }

  #contentsArea div[class^="colmnBlock"] figure {
    width: 80%;
    margin: auto auto 24px auto;
  }

  #contentsArea div[class^="colmnBlock"] figure img {
    width: 100%;
    height: auto;
  }

  /* ==============================
      .videoInlineBlock
     ============================== */
  div.videoInlineBlock .videoInlineBlockInner {
    width: 94%;
    margin: auto;
    padding: 24px 0 24px 0;
    box-sizing: border-box;
    text-align: center;
  }

  .interview div.videoInlineBlock .videoInlineBlockInner {
    width: 100%;
  }

  div.videoInlineBlock .videoInlineBlockInner h2 {
    display: block;
    font-size: 24px;
    margin-bottom: 24px;
  }

  div.videoInlineBlock .videoInlineBlockInner iframe {
    width: 100%;
    height: auto;
  }

  /* ==============================
      .videoBlock
     ============================== */
  #contentsArea div.videoBlock {
    width: 100%;
    background: #e9edf0;
    margin-bottom: 30px;
  }

  #contentsArea div.videoBlock .videoBlockInner {
    display: block;
    width: 90%;
    margin: auto;
    padding: 24px 0 24px 0;
  }

  #contentsArea div.videoBlock .videoBlockInner .blockUnit {
    width: 100%;
  }

  #contentsArea div.videoBlock .videoBlockInner .blockUnit figure {
    width: 90%;
    margin: auto;
  }

  #contentsArea div.videoBlock .videoBlockInner .blockUnit figure img {
    width: 100%;
    height: auto;
  }

  /* ==============================
      twoColmnBlock
      threeColmnBlock
     ============================== */
  #contentsArea div.twoColmnBlock, #contentsArea div.twoColmnBlock2, #contentsArea div.twoColmnBlock3, #contentsArea div.twoColmnBlock4, #contentsArea div.threeColmnBlock {
    display: block;
    width: 100%;
    margin: auto;
  }

  #contentsArea div.twoColmnBlock .blockUnit, #contentsArea div.twoColmnBlock2 .blockUnit, #contentsArea div.twoColmnBlock3 .blockUnit, #contentsArea div.twoColmnBlock4 .blockUnit, #contentsArea div.threeColmnBlock .blockUnit {
    width: 100%;
    margin-bottom: 30px;
  }

  #contentsArea div.twoColmnBlock2 .blockUnit:first-child {
    width: 100%;
    margin-bottom: 30px;
  }

  #contentsArea div.twoColmnBlock2 .blockUnit:last-child {
    width: 100%;
    margin-bottom: 30px;
  }

  #contentsArea div.twoColmnBlock3 .blockUnit:first-child {
    width: 100%;
    margin-bottom: 30px;
  }

  #contentsArea div.twoColmnBlock3 .blockUnit:last-child {
    width: 100%;
    margin-bottom: 30px;
  }

  #contentsArea div.twoColmnBlock4 .blockUnit:first-child {
    width: 100%;
    margin-bottom: 30px;
  }

  #contentsArea div.twoColmnBlock4 .blockUnit:last-child {
    width: 100%;
    margin-bottom: 30px;
  }

  #contentsArea div.twoColmnBlock .blockUnit figure, #contentsArea div.twoColmnBlock2 .blockUnit figure, #contentsArea div.twoColmnBlock3 .blockUnit figure, #contentsArea div.twoColmnBlock4 .blockUnit figure, #contentsArea div.threeColmnBlock .blockUnit figure {
    width: 80%;
    margin: auto;
  }

  #contentsArea div.twoColmnBlock .blockUnit figure img, #contentsArea div.twoColmnBlock2 .blockUnit figure img, #contentsArea div.twoColmnBlock3 .blockUnit figure img, #contentsArea div.twoColmnBlock4 .blockUnit figure img, #contentsArea div.threeColmnBlock .blockUnit figure img {
    width: 100%;
    height: auto;
  }

  #contentsArea.interview div.line, #contentsArea.interview div.line, #contentsArea.interview div.line, #contentsArea.interview div.line, #contentsArea.interview div.line {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  /* ==============================
  	twoCardBlock
      threeCardBlock
     ============================== */
  #contentsArea div.twoCardBlock, #contentsArea div.threeCardBlock {
    display: block;
    width: 100%;
    margin: auto;
  }

  div.threeCardBlock {
    display: block;
    width: 90%;
    margin: auto;
  }

  #contentsArea div.twoCardBlock .blockUnit, #contentsArea div.threeCardBlock .blockUnit, div.threeCardBlock .blockUnit,
  #contentsArea div.twoCardBlock .blockUnit:hover, #contentsArea div.threeCardBlock .blockUnit:hover, div.threeCardBlock .blockUnit:hover {
    width: 100%;
    margin: 0 auto 24px auto;
    padding: 0;
    transition: none;
  }

  #contentsArea div.twoCardBlock .blockUnit a, #contentsArea div.threeCardBlock .blockUnit a, div.threeCardBlock .blockUnit a {
    width: 100%;
  }

  #contentsArea div.twoCardBlock .blockUnit figure img, #contentsArea div.threeCardBlock .blockUnit figure img, div.threeCardBlock .blockUnit figure img {
    width: 100%;
    height: auto;
  }

  #contentsArea div.twoCardBlock .blockUnit:hover a, #contentsArea div.threeCardBlock .blockUnit:hover a, div.threeCardBlock .blockUnit:hover a {
    box-shadow: none;
  }

  div.categoryLineupBlock .categoryLineupBlockInner {
    width: 90%;
    margin: auto;
    padding: 30px 0 30px 0;
    box-sizing: border-box;
  }

  div.categoryLineupBlock .categoryLineupBlockInner h2 {
    font-size: 24px;
    text-align: center;
    margin: 0 0 26px 0;
  }

  div.categoryLineupBlock .categoryLineupBlockInner a,
  div.categoryLineupBlock .categoryLineupBlockInner a:last-of-type {
    display: flex;
    width: 100%;
    color: #000;
    margin: 0 0 8px 0;
    transition: none;
  }

  div.categoryLineupBlock .categoryLineupBlockInner a:last-of-type:hover {
    padding: 0;
    transition: none;
  }

  div.categoryLineupBlock .categoryLineupBlockInner a figure {
    width: 27%;
    height: 100%;
  }

  div.categoryLineupBlock .categoryLineupBlockInner a figure img {
    display: block;
    width: 100%;
    height: auto;
  }

  div.categoryLineupBlock .categoryLineupBlockInner a .categoryListCaption {
    display: flex;
    -webkit-align-items: center;
    /* Safari */
    align-items: center;
    width: 73%;
    height: auto;
    padding: 0 16px 0 16px;
    box-sizing: border-box;
  }

  div.categoryLineupBlock .categoryLineupBlockInner a .categoryListCaption p {
    display: none;
  }

  div.categoryLineupBlock .categoryLineupBlockInner a h3.categoryListTitle {
    display: block;
    height: auto;
    line-height: 24px;
    font-size: 20px;
    margin: 0;
    padding-left: 24px;
    background: url(/healthcare/shared/img/icon_lineup_arrow.png) left center no-repeat, #fff;
    background-size: 16px;
  }

  div.categoryLineupBlock .categoryLineupBlockInner a:hover {
    margin: 0 0 8px 0;
    box-shadow: none;
    transition: none;
  }

  div.categoryLineupBlock .categoryLineupBlockInner a:hover figure img {
    opacity: 1;
    transition: none;
  }

  div.categoryLineupBlock .categoryLineupBlockInner a:hover p.categoryListTitle {
    color: #000;
    text-decoration: none;
  }

  div.categoryLineupBlock .categoryLineupBlockInner a:last-of-type:hover {
    margin: 0;
    box-shadow: none;
    transition: none;
  }

  div.categoryLineupBlock .categoryLineupBlockInner a .categoryListIcon {
    display: none;
  }

  /* ==============================
      awardsBlock
     ============================== */
  div.awardsBlock {
    width: 100%;
  }

  div.awardsBlock .awardsTitle {
    font-size: 32px;
    text-align: center;
    padding: 24px 0 12px 0;
    margin: 0;
  }

  /* ==============================
      lineupSlideBlock
     ============================== */
  div.lineupSlideBlock .lineupSlideBlockWrapper {
    width: 90%;
  }

  div.lineupSlideBlock .lineupSlideBlockInner {
    width: 100%;
  }

  div.lineupSlideBlock .lineupSlideBlockInner .lineupSlideTitle {
    font-size: 21px;
  }

  /* ==============================
      seminarInforBlock
     ============================== */
  div.seminarInforBlock {
    width: 100%;
    height: 240px;
    background: url(/healthcare/shared/img/background_seminar_sp.png) no-repeat center center;
    background-size: 100% 240px;
  }

  div.seminarInforBlock p {
    font-size: 22px;
    line-height: 150%;
  }

  div.seminarInforBlock a:after {
    margin-top: 8px;
  }

  div.seminarInforBlock a span {
    width: 76%;
    margin: auto;
  }

  /* ==============================
      inquirieBlock
     ============================== */
  div.inquirieBlock {
    display: flex;
    -webkit-justify-content: center;
    /* Safari */
    justify-content: center;
  }

  div.inquirieBlock .inquirieBlockInnner {
    width: 90%;
    margin: 30px auto 30px auto;
    padding: 0;
  }

  div.inquirieBlock .inquirieBlockInnner h2 {
    font-size: 24px;
    margin: 0 0 30px 0;
  }

  div.inquirieBlock .inquirieBlockInnner .inquirieBlockList {
    display: block;
    margin: auto;
    padding: 0;
  }

  div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    margin-bottom: 24px;
  }

  div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li a {
    display: block;
    width: 100%;
    vertical-align: top;
  }

  div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li span:first-of-type {
    width: 100px;
    height: 100px;
    border-radius: 49px;
    margin: auto auto 10px auto;
  }

  div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li span:first-of-type img {
    width: 60%;
    height: auto;
  }

  div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li span:last-of-type {
    width: 80%;
    font-size: 16px;
    margin: auto;
  }

  div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li a, div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li a:hover {
    transition: none;
    margin-top: 0;
  }

  div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li a img {
    box-shadow: none;
  }

  div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li span:first-of-type, div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li a:hover span:first-of-type {
    box-shadow: none;
    transition: none;
  }

  div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li a span:first-of-type img, div.inquirieBlock .inquirieBlockInnner .inquirieBlockList li a:hover span:first-of-type img {
    opacity: 1;
    transition: none;
  }

  /* ==============================
     directoryNavi
     ============================== */
  div.directoryNavi {
    display: none;
  }

  /* ==============================
     divisionNavi
     ============================== */
  div.divisionNavi .divisionNaviInnner {
    width: 90%;
    padding: 24px 0 0 0;
    margin: auto;
  }

  div.divisionNavi .divisionNaviInnner .title {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 24px 0;
    padding: 0;
  }

  div.divisionNavi .divisionNaviInnner a {
    color: #000;
    text-decoration: none;
  }

  div.divisionNavi .divisionNaviInnner a:hover {
    text-decoration: underline;
  }

  div.divisionNavi .divisionNaviInnner ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  div.divisionNavi .divisionNaviInnner ul li {
    display: inline-block;
    font-size: 13px;
    list-style: none;
    margin: 0 24px 24px 0;
  }

  div.divisionNavi .divisionNaviInnnerul li:last-of-type {
    margin-bottom: 0;
  }

  /* ============================================
        component
  ============================================ */
  /*回り込みの画像を中央揃えにしない*/
  #contentsArea * .line .size1of2 p.textAndImage02.spLeft span, #contentsArea * p.textAndImage02.spLeft span {
    text-align: left;
  }

  /* ============================================
        iframe
  ============================================ */
  /*youtube対応*/
  iframe.sp_width100per {
    width: 100%;
  }

  /* ============================================
        .topMenu button without image
  ============================================ */
  #contentsArea #sideEnclosingArea article div.topMenu .noImg .clearfix p:first-child a span:last-child, #contentsArea.unitumn article div.topMenu .noImg .clearfix p:first-child a span:last-child {
    margin-left: 0;
  }

  /* ============================================
        .pageback link list
  ============================================ */
  #contentsArea * .line ul.linkList01.pageback li, #contentsArea * .line ul.linkList02.pageback li, #contentsArea * .line ul.linkList01.pageback.fullCol li, #contentsArea * .line ul.linkList02.pageback.fullCol li {
    width: 100%;
  }

  /* ============================================
        footerBacktop
  ============================================ */
  div.footerBacktop {
    bottom: 10px;
    right: 10px;
  }

  div.footerBacktop p {
    padding: 0;
  }

  div.footerBacktop p a {
    height: 45px;
    width: 45px;
    background-position: center 18px;
    background-size: 12px auto;
    overflow: hidden;
    white-space: nowrap;
    transition: .3s;
    padding: 0;
  }

  div.footerBacktop p a:hover {
    background-color: rgba(99, 118, 137, 0.8);
  }

  /* ============================================
  	FootLink ToTop
  ============================================ */
  footer #page-top {
    right: 10px;
    bottom: 10px;
  }

  footer #page-top a {
    width: 50px;
    height: auto;
  }

  footer #page-top a img {
    width: 50px;
    height: auto;
  }
}
/* SP
-------------------------------------------------- */
@media only screen and (max-width: 599px) {
  /* Scss Document */
  div.mainvisualType04 {
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 180px;
    color: #fff;
    background-size: 160%;
  }
  div.mainvisualType04 div.mainvisualInner {
    height: 100%;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    /* Safari */
    align-items: center;
  }
  div.mainvisualType04 div.mainvisualInner h1 {
    font-size: 30px;
    margin-left: 16px;
    font-size: 16px;
  }
  div.mainvisualType04 div.mainvisualInner h1 span.dr {
    display: inline-block;
    font-size: 17px;
    margin-bottom: 5px;
    font-size: 16px;
  }

  .tag-cc0001 {
    background: #cc0001;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    padding: 7px 15px;
    margin-right: 10px;
    vertical-align: bottom;
    margin-top: 10px;
    vertical-align: baseline;
  }

  .caption-sytle-01 {
    line-height: 1.4 !important;
  }
  .caption-sytle-01 storng {
    font-family: initiall;
  }

  .slateW01-smaller span.slateW01-smaller-ttl {
    font-size: 38px !important;
    display: block;
    margin-top: 10px;
  }
  .slateW01-smaller span.slateW01-smaller-num {
    margin-top: 5px;
    display: block;
  }

  .mainvisualInner--item-top {
    display: block !important;
  }
  .mainvisualInner--item-top .unit {
    display: block !important;
    float: left;
  }
  .mainvisualInner--item-top .unit:last-of-type {
    display: block !important;
    float: right;
  }

  #contentsArea.healthcareArea div.__whiteBlock {
    background: #fff;
  }
  #contentsArea.healthcareArea div.speakerBlock figure {
    width: 31.5%;
    display: inline-block;
    vertical-align: top;
  }
  #contentsArea.healthcareArea div.speakerBlock figure img {
    width: 100%;
    height: auto;
  }
  #contentsArea.healthcareArea div.speakerBlock .profile {
    display: inline-block;
    width: auto;
    padding: 0 0px 0 16px;
    box-sizing: border-box;
    line-height: 1.5;
  }
  #contentsArea.healthcareArea div.speakerBlock .profile small {
    font-size: 12px;
    line-height: 1;
  }
  #contentsArea.healthcareArea figcaption {
    text-align: left;
  }
  #contentsArea.healthcareArea .mt-sm-30 {
    margin-top: 30px;
  }
  #contentsArea.healthcareArea .mt-sm-40 {
    margin-top: 40px;
  }
}
/* PC
-------------------------------------------------- */
@media only screen and (min-width: 600px) {
  /* Scss Document */
  div.mainvisualType04 {
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 180px;
    color: #fff;
  }
  div.mainvisualType04 div.mainvisualInner {
    height: 100%;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    /* Safari */
    align-items: center;
  }
  div.mainvisualType04 div.mainvisualInner h1 {
    font-size: 30px;
    margin-left: 16px;
  }
  div.mainvisualType04 div.mainvisualInner h1 span.dr {
    display: inline-block;
    font-size: 17px;
    margin-bottom: 5px;
  }

  .tag-cc0001 {
    background: #cc0001;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    padding: 7px 15px;
    margin-right: 10px;
    vertical-align: bottom;
  }

  .caption-sytle-01 storng {
    font-family: initiall;
  }

  .slateW01-smaller span.slateW01-smaller-ttl {
    font-size: 38px !important;
    display: block;
    margin-top: 17px;
  }
  .slateW01-smaller span.slateW01-smaller-num {
    margin-top: 5px;
    display: block;
  }

  #contentsArea.healthcareArea div.__whiteBlock {
    background: #fff;
  }
  #contentsArea.healthcareArea div.speakerBlock figure {
    width: 31.5%;
    display: inline-block;
    vertical-align: top;
  }
  #contentsArea.healthcareArea div.speakerBlock figure img {
    width: 100%;
    height: auto;
  }
  #contentsArea.healthcareArea div.speakerBlock .profile {
    display: inline-block;
    width: auto;
    padding: 0 0px 0 16px;
    box-sizing: border-box;
    line-height: 1.5;
  }
  #contentsArea.healthcareArea div.speakerBlock .profile small {
    font-size: 12px;
    line-height: 1;
  }
  #contentsArea.healthcareArea figcaption {
    text-align: left;
  }
  #contentsArea.healthcareArea .mt-lg-30 {
    margin-top: 30px;
  }
  #contentsArea.healthcareArea .mt-lg-40 {
    margin-top: 40px;
  }
}

/*# sourceMappingURL=healthcare_component.css.map */