@charset "UTF-8";
/*====================================================
	setting
====================================================*/
* {
  box-sizing: border-box;
  word-break: normal;
  word-wrap: break-word;
}

img {
  max-width: 100%;
}

ol,
ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
p,
hr,
figure,
button {
  margin: 0;
  padding: 0;
  word-break: normal;
  word-wrap: break-word;
}
button {
  border: 0;
  background: none;
  cursor: pointer;
}
a img,
a button {
  border: 0;
}

/* 10(base font size) / 16(Browser Default font size) = 0.625em * 100 = 62.5% */
html {
  font-size: 62.5%;
  overflow-y: scroll;
}

.c-red {
  color: #ec6145;
}
.c-blue {
  color: #007cc5;
}
.c-aqua {
  color: #deebff;
}
.c-gray {
  color: #e0e0e0;
}
.sp {
  display: none;
}
.t-bold {
  font-weight: bold;
}
.t-underline {
  text-decoration:underline;
  cursor: pointer;
}

/*====================================================
	layout
====================================================*/
body {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN",
    "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.contents {
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}

.contents:before,
.contents:after {
  content: "";
  display: table;
}

.contents:after {
  clear: both;
}
.contents.is-w100{
  width: 100%;
}
.contents-wrap {
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

/*====================================================
	loader
====================================================*/
.contents,
.contentsColumn1 {
  position: relative;
}
#loading {
  margin-top: -33px;
  margin-left: -33px;
  position: absolute;
  left: 50%;

  top: 50%;
  z-index: 19;
}
#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 19;
}
/*============================
min-1200
=============================*/
header {
  min-width: 1200px;
}

header > * {
  max-width: none;
  margin-right: auto;
  margin-left: auto;
}

#main-index-area,
#main-index-area4panel,
#main-index-area3panel,
#main-index-area-bottom,
#mail-iframe {
  width: 1180px;
  min-width: 1180px;
  margin-right: auto;
  margin-left: auto;
}

#main-area #mail-iframe {
  width: 100%;
  min-width: 840px;
  margin-right: auto;
  margin-left: auto;
}

.img600 {
  max-width: 600px;
  margin: 0 auto;
}
.img365 {
  max-width: 365px;
  width: 100%;
  margin: 0 auto;
}
/*============================
z-index
=============================*/
header {
  z-index: 1000;
}
#pageLinkBtn {
  z-index: 18;
}
#header-gnav {
  z-index: 3;
}
#header-gnav > ul > li:hover {
  z-index: 4;
}

/*====================================================
style
=====================================================*/
/*============================
header
=============================*/
header {
  position: relative;
  display: block;
  /*max-height:142px;*/
  padding: 0;
  background: #fff;
  border-style: solid;
  border-width: 0;
  border-top-width: 0;
  border-bottom: 1px solid #fff;
}
/*===============
header-top
=================*/
.header-top {
  position: relative;
  width: 1200px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-top .site-ttl {
  max-width: 369px;
  width: 37%;
  display: block;
  padding-right: 5px;
  font-size: 10px;
}
.header-top .site-ttl > a {
  display: block;
  padding: 0;
  margin: 0;
}
.header-top .site-btns {
  display: flex;
  flex-wrap: nowrap;
  gap: 0 4px;
}
.header-top .site-btns a img {
}

.header-top .site-btns .site-btn-cheacksheet,
.header-top .site-btns .site-btn-searchhospital,
.header-top .site-btns .site-btn-haenoteapp,
.header-top .site-btns .site-btn-call {
  position: relative;
  display: flex;
  align-items: center;
  width: 156px;
  height: 44px;
  font-size: 13px;
  line-height: 1.2;
  border-radius: 4px;
  padding: 2px 12px 0 38px;
  text-decoration: none;
  color: #fff;
}
.header-top .site-btns .site-btn-sub-tit {
  font-size: 11px;
}
.header-top .site-btns .site-btn-tit-haenoteapp {
  position: relative;
  left: -4px;
}
.header-top .site-btns .site-btn-cheacksheet::before,
.header-top .site-btns .site-btn-cheacksheet::after,
.header-top .site-btns .site-btn-searchhospital::before,
.header-top .site-btns .site-btn-searchhospital::after,
.header-top .site-btns .site-btn-haenoteapp::before,
.header-top .site-btns .site-btn-haenoteapp::after,
.header-top .site-btns .site-btn-call::before,
.header-top .site-btns .site-btn-call::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
}

.header-top .site-btns .site-btn-cheacksheet::after,
.header-top .site-btns .site-btn-searchhospital::after,
.header-top .site-btns .site-btn-haenoteapp::after,
.header-top .site-btns .site-btn-call::after  {
  right: 8px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
}
.header-top .site-btns .site-btn-cheacksheet {
  background-color: #80af3f;
}
.header-top .site-btns .site-btn-cheacksheet::before {
  left: 8px;
  width: 23px;
  height: 37px;
  background: url(/img/top/header-ico-cheacksheet.png) top center no-repeat;
  background-size: contain;
}
.header-top .site-btns .site-btn-searchhospital {
  background-color: #034ea2;
}
.header-top .site-btns .site-btn-searchhospital::before {
  left: 8px;
  width: 23px;
  height: 37px;
  background: url(/img/top/header-ico-searchhospital.png) top center no-repeat;
  background-size: contain;
}
.header-top .site-btns .site-btn-haenoteapp {
  background-color: #ec6144;
}
.header-top .site-btns .site-btn-haenoteapp::before {
  left: 8px;
  width: 23px;
  height: 37px;
  background: url(/img/top/header-ico-haenoteapp.png) top center no-repeat;
  background-size: contain;
}
.header-top .site-btns .site-btn-call {
  background-color: #007cc5;
}
.header-top .site-btns .site-btn-call::before {
  left: 8px;
  width: 23px;
  height: 37px;
  background: url(/img/top/header-ico-call.png) top center no-repeat;
  background-size: contain;
}
/*===============
header-btn
=================*/
#header-btn-floating{
  display: block;
  position: absolute;
  top:18px;
  right:10px;
}
#header-btn-floating.is-head {
  position: fixed;
  top:10px;
}
#header-btn-floating .header-btn-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 0 10px;
}
#header-btn-floating .header-btn-switch {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 105px;
  height: 37.5px;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.4;
  border-radius: 4px;
  padding: 1px 7px 0 7px;
  text-decoration: none;
  border: 1px solid #007cc5;
  color: #007cc5;
  background-color: #fff;
}
#header-btn-floating .header-btn-switch::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  right: 4px;
  border-top: solid 1px #007cc5;
  border-right: solid 1px #007cc5;
  width: 5px;
  height: 5px;
  transform: rotate(45deg);
}
#header-btn{
  position: relative;
  display: block;
  width: 40px;
  height: 37.5px;
  padding: 10px 7.5px;
  background: #000;
  border: 0;
  border-radius: 5px;
  z-index: 21;
}
#header-btn span {
  display:block;
  position:relative;
  width: 25px;
  height:100%;
}
#header-btn:before,
#header-btn span:before,
#header-btn span:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1.5px;
  background: #FFF;
}
#header-btn:before {
  width: 25px;
  top: 50%;
  margin-top: -0.75px;
}
#header-btn span:before {
  top: 1px;
}
#header-btn span:after {
  bottom: 1px;
}
.header-menu-sp {
  position: relative;
  z-index: 1000;
  display: none;
}
/*===============
header-gnav
=================*/
.header-gnav-wrap {
  position: relative;
  height: 50px;
  background: #007cc5;
}
.header-gnav-floating {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
}
.header-gnav-floating.is-head {
  position: fixed;
}
#header-gnav {
  margin-top: 0;
  background: #007cc5;
}
#header-gnav > ul {
  display: table;
  position: relative;
  width: 100%;
  max-width: 1200px;
  height: 50px;
  margin: auto;
}

#header-gnav > ul > li > * {
  font-size: 15px;
}

#header-gnav > ul > li {
  display: table-cell;
  width: auto;
  height: 100%;
  background: #007cc5;
  font-size: 0;
  text-align: center;
  vertical-align: middle;
}
#header-gnav > ul > li {
  width: 25%;
}
#header-gnav > ul > li:before,
#header-gnav > ul > li:nth-last-child(3):after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 1px;
  height: 50px;
  background: #e0e0e0;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

#header-gnav > ul > li:nth-last-child(3):after {
  right: 0;
}

#header-gnav > ul > li:nth-child(-n+3):hover {
  background: #7da5d2;
}
#header-gnav > ul > li:hover:before,
#header-gnav > ul > li:hover:after {
  background: #fff;
}
#header-gnav > ul > li#headerPatientWrap,
#header-gnav > ul > li#headerClose {
  display: none;
}

#header-gnav > ul > li > a {
  width: 100%;
  height: 50px;
  position: relative;
  text-align: center;
  line-height: 130%;
  vertical-align: middle;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

#header-gnav > ul > li:hover > a {
  color: #fff;
}
#header-gnav > ul > li > a:hover {
  color: #9bd2eb;
}

#header-gnav > ul > li > div {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  padding: 0;
  background: #7da5d2;
  border-top: 1px solid #fff;
  text-align: left;
  overflow: hidden;
  opacity: 0;
}
#header-gnav > ul > li:hover > a ~ div {
  display: block;
  padding: 20px 0;
  opacity: 1;
  min-height: 206px;
  z-index: 5;
}
#header-gnav > ul > li > div > ul {
  display: table;
  float: left;
  min-width: 150px;
  margin-left: 75px;
}
#header-gnav > ul > li > div > ul > li {
  display: table-row;
  position: relative;
  width: auto;
}
#header-gnav > ul > li > div > ul > li:hover > a {
  color: #9bd2eb;
}
#header-gnav > ul > li > div > ul > li > a {
  display: table-cell;
  position: relative;
  width: 100%;
  padding: 10px 16px 5px 0;
  font-size: 16px;
  line-height: 1.125;
  color: #fff;
  text-decoration: none;
}
#header-gnav > ul > li > div > ul > li > a:before,
#header-gnav > ul > li > div > ul > li > a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 6px;
  background: #fff;
}
#header-gnav > ul > li > div > ul > li > a:hover:before,
#header-gnav > ul > li > div > ul > li > a:hover:after {
  background: #9bd2eb;
}
#header-gnav > ul > li > div > ul > li > a:before {
  margin: -6px 0 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
}
#header-gnav > ul > li > div > ul > li > a:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}

#header-gnav > ul > li > div .gnav-banner {
  position: absolute;
  top: 20px;
  right: 43px;
}
#header-gnav > ul > li > div .gnav-banner:before,
#header-gnav > ul > li > div .gnav-banner:after {
  display: none;
}

#bg-close {
  display: none;
}

#header-gnav .headerSwitchBtn > p {
  padding: 5px
}
#header-gnav .headerSwitchBtn a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
  color: #007cc5;
  width: 100%;
  min-height: 40px;
  line-height: 1.06;
}
#header-gnav .headerSwitchBtn a:hover {
  color: #9bd2eb;
}
/*===============
patient-header-top
=================*/
.patient-header-top {
  position: relative;
  width: 1200px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.patient-header-top .site-ttl {
  max-width: 369px;
  width: 37%;
  display: block;
  padding-right: 5px;
  font-size: 10px;
}
.patient-header-top .site-ttl > a {
  display: block;
  padding: 0;
  margin: 0;
}
.patient-header-top .site-btns {
  display: flex;
  flex-wrap: nowrap;
  gap: 0 4px;
}
.patient-header-top .site-btns a img {
}

.patient-header-top .site-btns .site-btn-cheacksheet,
.patient-header-top .site-btns .site-btn-searchhospital,
.patient-header-top .site-btns .site-btn-haenoteapp {
  position: relative;
  display: flex;
  align-items: center;
  width: 156px;
  height: 44px;
  font-size: 13px;
  line-height: 1.2;
  border-radius: 4px;
  padding: 2px 12px 0 38px;
  text-decoration: none;
  color: #fff;
}
.patient-header-top .site-btns .site-btn-sub-tit {
  font-size: 11px;
}
.patient-header-top .site-btns .site-btn-tit-haenoteapp {
  position: relative;
  left: -4px;
}
.patient-header-top .site-btns .site-btn-cheacksheet::before,
.patient-header-top .site-btns .site-btn-cheacksheet::after,
.patient-header-top .site-btns .site-btn-searchhospital::before,
.patient-header-top .site-btns .site-btn-searchhospital::after,
.patient-header-top .site-btns .site-btn-haenoteapp::before,
.patient-header-top .site-btns .site-btn-haenoteapp::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
}

.patient-header-top .site-btns .site-btn-cheacksheet::after,
.patient-header-top .site-btns .site-btn-searchhospital::after,
.patient-header-top .site-btns .site-btn-haenoteapp::after {
  right: 8px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
}

.patient-header-top .site-btns .site-btn-cheacksheet {
  background-color: #80af3f;
}
.patient-header-top .site-btns .site-btn-cheacksheet::before {
  left: 8px;
  width: 23px;
  height: 37px;
  background: url(/img/top/header-ico-cheacksheet.png) top center no-repeat;
  background-size: contain;
}
.patient-header-top .site-btns .site-btn-searchhospital {
  background-color: #034ea2;
}
.patient-header-top .site-btns .site-btn-searchhospital::before {
  left: 8px;
  width: 23px;
  height: 37px;
  background: url(/img/top/header-ico-searchhospital.png) top center no-repeat;
  background-size: contain;
}
.patient-header-top .site-btns .site-btn-haenoteapp {
  background-color: #ec6144;
}
.patient-header-top .site-btns .site-btn-haenoteapp::before {
  left: 8px;
  width: 23px;
  height: 37px;
  background: url(/img/top/header-ico-haenoteapp.png) top center no-repeat;
  background-size: contain;
}
.patient-header-top .site-btns .site-btn-habatake {
  border-radius: 4px;
  overflow: hidden;
}
/*===============
patient-header-btn
=================*/
#patient-header-btn-floating{
  display: block;
  position: absolute;
  top:18px;
  right:10px;
}
#patient-header-btn-floating.is-head {
  position: fixed;
  top:10px;
}
#patient-header-btn-floating .header-btn-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 0 10px;
}
#patient-header-btn-floating .header-btn-switch {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 105px;
  height: 37.5px;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.4;
  border-radius: 4px;
  padding: 1px 7px 0 7px;
  text-decoration: none;
  border: 1px solid #007cc5;
  color: #007cc5;
  background-color: #fff;
}
#patient-header-btn-floating .header-btn-switch::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  right: 4px;
  border-top: solid 1px #007cc5;
  border-right: solid 1px #007cc5;
  width: 5px;
  height: 5px;
  transform: rotate(45deg);
}
#patient-header-btn{
  position: relative;
  display: block;
  width: 40px;
  height: 37.5px;
  padding: 10px 7.5px;
  background: #000;
  border: 0;
  border-radius: 5px;
  z-index: 21;
}
#patient-header-btn span {
  display:block;
  position:relative;
  width: 25px;
  height:100%;
}
#patient-header-btn:before,
#patient-header-btn span:before,
#patient-header-btn span:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1.5px;
  background: #FFF;
}
#patient-header-btn:before {
  width: 25px;
  top: 50%;
  margin-top: -0.75px;
}
#patient-header-btn span:before {
  top: 1px;
}
#patient-header-btn span:after {
  bottom: 1px;
}
.patient-header-menu-sp {
  position: relative;
  z-index: 1000;
  display: none;
}
/*===============
patient-header-gnav
=================*/
.patient-header-gnav-wrap {
  position: relative;
  height: 50px;
  background: #007cc5;
}
.patient-header-gnav-floating {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
}
.patient-header-gnav-floating.is-head {
  position: fixed;
}
#patient-header-gnav {
  margin-top: 0;
  background: #007cc5;
}
#patient-header-gnav > ul {
  display: table;
  position: relative;
  width: 100%;
  max-width: 1200px;
  height: 50px;
  margin: auto;
}

#patient-header-gnav > ul > li > * {
  font-size: 15px;
}

#patient-header-gnav > ul > li {
  display: table-cell;
  width: auto;
  height: 100%;
  background: #007cc5;
  font-size: 0;
  text-align: center;
  vertical-align: middle;
}

#patient-header-gnav > ul > li:before,
#patient-header-gnav > ul > li:nth-last-child(3):after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 1px;
  height: 50px;
  background: #e0e0e0;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

#patient-header-gnav > ul > li:nth-last-child(3):after {
  right: 0;
}

#patient-header-gnav > ul > li:nth-child(-n+5):hover {
  background: #7da5d2;
}
#patient-header-gnav > ul > li:hover:before,
#patient-header-gnav > ul > li:hover:after {
  background: #fff;
}
#patient-header-gnav > ul > li#patient-headerPatientWrap,
#patient-header-gnav > ul > li#headerClose {
  display: none;
}

#patient-header-gnav > ul > li > a {
  width: 100%;
  height: 50px;
  position: relative;
  text-align: center;
  line-height: 130%;
  vertical-align: middle;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

#patient-header-gnav > ul > li:hover > a {
  color: #fff;
}
#patient-header-gnav > ul > li > a:hover {
  color: #9bd2eb;
}

#patient-header-gnav > ul > li > div {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  padding: 0;
  background: #7da5d2;
  border-top: 1px solid #fff;
  text-align: left;
  overflow: hidden;
  opacity: 0;
}
#patient-header-gnav > ul > li:hover > a ~ div {
  display: block;
  padding: 20px 0;
  opacity: 1;
  min-height: 206px;
  z-index: 5;
}
#patient-header-gnav > ul > li > div > ul {
  display: table;
  float: left;
  min-width: 150px;
  margin-left: 75px;
}
#patient-header-gnav > ul > li > div > ul > li {
  display: table-row;
  position: relative;
  width: auto;
}
#patient-header-gnav > ul > li > div > ul > li:hover > a {
  color: #9bd2eb;
}
#patient-header-gnav > ul > li > div > ul > li > a {
  display: table-cell;
  position: relative;
  width: 100%;
  padding: 10px 16px 5px 0;
  font-size: 16px;
  line-height: 1.125;
  color: #fff;
  text-decoration: none;
}
#patient-header-gnav > ul > li > div > ul > li > a:before,
#patient-header-gnav > ul > li > div > ul > li > a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 6px;
  background: #fff;
}
#patient-header-gnav > ul > li > div > ul > li > a:hover:before,
#patient-header-gnav > ul > li > div > ul > li > a:hover:after {
  background: #9bd2eb;
}
#patient-header-gnav > ul > li > div > ul > li > a:before {
  margin: -6px 0 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
}
#patient-header-gnav > ul > li > div > ul > li > a:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}

#patient-header-gnav > ul > li > div .gnav-banner {
  position: absolute;
  top: 20px;
  right: 43px;
}
#patient-header-gnav > ul > li > div .gnav-banner:before,
#patient-header-gnav > ul > li > div .gnav-banner:after {
  display: none;
}

#patient-header-gnav .headerSwitchBtn{
  width: 190px;
}
#patient-header-gnav .headerSwitchBtn > p {
  padding: 5px
}
#patient-header-gnav .headerSwitchBtn a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
  color: #007cc5;
  width: 100%;
  min-height: 40px;
  line-height: 1.06;
  padding-top: 1px;
}
#patient-header-gnav .headerSwitchBtn a:hover {
  color: #9bd2eb;
}
#patient-header-gnav > ul > li:nth-child(1) {
  width: 160px;
}
#patient-header-gnav > ul > li:nth-child(2) {
  width: 190px;
}
#patient-header-gnav > ul > li:nth-child(3) {
  width: 264px;
}
/*============================
main-bnr-area
=============================*/
#main-bnr-area {
  width: 100%;
  overflow: hidden;
}

#main-bnr-area .slick-next,
#main-bnr-area .slick-prev {
  z-index: 10;
  display: block;
  width: 30px;
  height: 90px;
  background-color: #007cc5;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

#main-bnr-area .slick-next {
  -webkit-transform: translateY(-50%) translateX(100%);
  -moz-transform: translateY(-50%) translateX(100%);
  -ms-transform: translateY(-50%) translateX(100%);
  -o-transform: translateY(-50%) translateX(100%);
  transform: translateY(-50%) translateX(100%);
}

#main-bnr-area .slick-prev {
  -webkit-transform: translateY(-50%) translateX(-100%);
  -moz-transform: translateY(-50%) translateX(-100%);
  -ms-transform: translateY(-50%) translateX(-100%);
  -o-transform: translateY(-50%) translateX(-100%);
  transform: translateY(-50%) translateX(-100%);
}

#main-bnr-area:hover .slick-next,
#main-bnr-area:hover .slick-prev {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

#main-bnr-area .slick-next:before,
#main-bnr-area .slick-next:after,
#main-bnr-area .slick-prev:before,
#main-bnr-area .slick-prev:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 1px;
  height: 20px;
  background: #fff;
  opacity: 1;
}

#main-bnr-area .slick-next:before,
#main-bnr-area .slick-next:after {
  right: 28%;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
}

#main-bnr-area .slick-prev:before,
#main-bnr-area .slick-prev:after {
  left: 28%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

#main-bnr-area .slick-next:before,
#main-bnr-area .slick-prev:before {
  margin: -20px 0 0;
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
}

#main-bnr-area .slick-next:after,
#main-bnr-area .slick-prev:after {
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}

#main-bnr-area .slick-next:before,
#main-bnr-area .slick-prev:after {
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

#main-bnr-area .slick-next:after,
#main-bnr-area .slick-prev:before {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}
/*============================
patient-main-bnr-area
=============================*/
#patient-main-bnr-area {
  width: 100%;
  overflow: hidden;
}

#patient-main-bnr-area .slick-next,
#patient-main-bnr-area .slick-prev {
  z-index: 10;
  display: block;
  width: 30px;
  height: 90px;
  background-color: #007cc5;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

#patient-main-bnr-area .slick-next {
  -webkit-transform: translateY(-50%) translateX(100%);
  -moz-transform: translateY(-50%) translateX(100%);
  -ms-transform: translateY(-50%) translateX(100%);
  -o-transform: translateY(-50%) translateX(100%);
  transform: translateY(-50%) translateX(100%);
}

#patient-main-bnr-area .slick-prev {
  -webkit-transform: translateY(-50%) translateX(-100%);
  -moz-transform: translateY(-50%) translateX(-100%);
  -ms-transform: translateY(-50%) translateX(-100%);
  -o-transform: translateY(-50%) translateX(-100%);
  transform: translateY(-50%) translateX(-100%);
}

#patient-main-bnr-area:hover .slick-next,
#patient-main-bnr-area:hover .slick-prev {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

#patient-main-bnr-area .slick-next:before,
#patient-main-bnr-area .slick-next:after,
#patient-main-bnr-area .slick-prev:before,
#patient-main-bnr-area .slick-prev:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 1px;
  height: 20px;
  background: #fff;
  opacity: 1;
}

#patient-main-bnr-area .slick-next:before,
#patient-main-bnr-area .slick-next:after {
  right: 28%;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
}

#patient-main-bnr-area .slick-prev:before,
#patient-main-bnr-area .slick-prev:after {
  left: 28%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

#patient-main-bnr-area .slick-next:before,
#patient-main-bnr-area .slick-prev:before {
  margin: -20px 0 0;
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
}

#patient-main-bnr-area .slick-next:after,
#patient-main-bnr-area .slick-prev:after {
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}

#patient-main-bnr-area .slick-next:before,
#patient-main-bnr-area .slick-prev:after {
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

#patient-main-bnr-area .slick-next:after,
#patient-main-bnr-area .slick-prev:before {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}
/*============================
contents
=============================*/
/*===============
main-index-area
=================*/
#main-index-area {
  padding: 20px 45px 0;
  font-size: 0;
}
#main-index-area4panel,
#main-index-area3panel {
  padding: 50px 45px 0;
  font-size: 0;
}
#main-index-area > .index-box,
#main-index-area > .bnr-box-small,
#main-index-area4panel > .index-box,
#main-index-area4panel > .bnr-box-small {
  float: left;
  position: relative;
  width: 242px;
  height: auto;
  min-height: 0;
  margin: 0 15px 0;
  padding-bottom: 0;
  text-decoration: none;
}

#main-index-area3panel > .index-box,
#main-index-area3panel > .bnr-box-small {
  float: left;
  position: relative;
  width: 334px;
  height: auto;
  min-height: 0;
  margin: 0 14px 0px;
  padding-bottom: 0;
  text-decoration: none;
}

#main-index-area3panel > .index-box {
  display: block;
  border: 0px solid #007cc5;
  border-radius: 0;
}
#main-index-area > .index-box,
#main-index-area4panel > .index-box {
  display: block;
  border: 1px solid #007cc5;
  border-radius: 0;
}
#main-index-area > .index-box .index-inner,
#main-index-area4panel > .index-box .index-inner,
#main-index-area3panel > .index-box .index-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#main-index-area > .index-box .index-box-img,
#main-index-area4panel > .index-box .index-box-img,
#main-index-area3panel > .index-box .index-box-img {
  text-align: right;
}
#main-index-area > .index-box .index-box-ttl,
#main-index-area4panel > .index-box .index-box-ttl,
#main-index-area3panel > .index-box .index-box-ttl {
  display: table;
  position: relative;
  width: 100%;
  height: 45px;
  min-height: 45px;
  padding-left: 0;
  background-color: #007cc5;
  text-align: center;
  text-decoration: none;
  font-size: 1.4rem;
  line-height: 1.2666;
  color: #fff;
}
#main-index-area > .index-box .index-box-ttl span,
#main-index-area4panel > .index-box .index-box-ttl span,
#main-index-area3panel > .index-box .index-box-ttl span {
  display: table-cell;
  vertical-align: middle;
  letter-spacing: -0.5px;
}
#main-index-area > .index-box ul {
  padding: 0 0 8px 8px;
}

#main-index-area > .index-box ul > li {
  display: block;
  margin: 7px 0 0;
}
#main-index-area > .index-box ul > li > a {
  display: inline-block;
  position: relative;
  padding-right: 15px;
  font-size: 1.2rem;
  text-decoration: none;
  color: #007cc5;
}
#main-index-area > .index-box ul > li > a:before,
#main-index-area > .index-box ul > li > a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 4px;
  width: 1px;
  height: 6px;
  background: #007cc5;
}
#main-index-area > .index-box ul > li > a:before {
  margin: -6px 0 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
}
#main-index-area > .index-box ul > li > a:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}

#main-index-area > .index-box-size-2 {
  width: 514px;
  border: 0;
}
#main-index-area > .sp-index-box {
  display: none;
}

#main-index-area > .bnr-box-small a {
  display: block;
  /*	position:absolute;*/
  margin-bottom: 15px;
}

#main-index-area > .bnr-box-small a:first-child {
  /*	top:0;*/
}

#main-index-area > .bnr-box-small a:last-child {
  bottom: 0;
}

table {
  border-collapse: collapse;
}
table th.systemth {
  background-color: #007cc5;
  color: #ffffff;
  border: 1px solid #007cc5;
}
table th.systemth a,
table th.systemth-b a {
  color: #ffffff !important;
}

table th.systemth-b {
  background-color: #007cc5;
  color: #ffffff;
  border-right: 1px solid #ffffff;
}

table td.systemtd {
  vertical-align: top;
  border: 1px solid #007cc5;
  text-align: left;
  width: 33%;
}
table td.systemtd .notes-list {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 7px;
}

/*=======
big banner
=======*/
#main-index-area > .bnr-box-big {
  float: left;
  margin: 30px 15px 0;
}

/*=======
small banner item3
=======*/
#main-index-area > .bnr-box-small.item3 {
  margin: 30px 15px 0;
  /*	padding-bottom: 180px;*/
}

#main-index-area > .bnr-box-small.item3 a:nth-child(2) {
  /*	top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);*/
}

#bnrBoxSp {
  display: none;
}

.localbtn {
  display: block;
  font-size: 1.4rem;

  margin-top: 40px;
}
.arrow {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
.arrow::before,
.arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.localbtn ul {
  padding: 0 24px;
}
.localbtn ul li:first-child {
  padding-top: 14px;
}
.localbtn ul li a:link {
  display: block;
  margin-bottom: 10px;
  padding: 3px 18px;
  font-weight: bold;
}
.localbtn span {
  display: block;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 5px;
}
.localbtn ul li a::before {
  left: 0px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #007cc5;
  border-right: 2px solid #007cc5;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.pcOnly {
  display: block;
}
.spOnly {
  display: none;
}
.pcbr {
  display: none;
}
.brpc {
  display: block;
}
.brsp {
  display: none;
}
@media (max-width: 960px) {
  #bnrBox {
    /*		display:none !important;*/
  }
  #bnrBoxSp {
    display: block;
  }
  #bnrBoxSp img {
    width: 100%;
  }
}
/*===================
main-index-area-bottom
=====================*/
#main-index-area-bottom {
  padding: 10px 45px 10px 45px;
}
/*=============
main-info-area
===============*/
#main-info-area {
  float: left;
  margin: 0 15px 30px;
  width: 100%;
  max-width: 770px;
}
#section1 #main-info-area {
  float: none;
  margin: 0 15px 30px;
}
#main-info-area .newslist a {
  font-size: 1.4rem;
  text-decoration: none;
  color: #007cc5;
}

#main-info-area > h2 {
  font-size: 2.4rem;
  color: #007cc5;
}
#main-info-area > .info-list-wrap {
  margin-top: 20px;
}

#main-info-area > .info-list-wrap > .info-list {
  display: table;
  padding: 5px 0;
}

#main-info-area > .info-list-wrap > .info-list > * {
  display: table-cell;
  vertical-align: top;
  font-size: 1.4rem;
  padding-top: 1px;
  padding-bottom: 1px;
}

#main-info-area > .info-list-wrap > .info-list > .info-list-time {
  padding-right: 20px;
  white-space: nowrap;
}

#main-info-area > .info-list-wrap > .info-list > .info-list-cat {
  color: #fff;
  vertical-align: top;
  white-space: nowrap;
}
#main-info-area > .info-list-wrap > .info-list > .info-list-cat > span {
  padding: 2px 5px;
  background: #007cc5;
}

#main-info-area
  > .info-list-wrap
  > .info-list:nth-child(odd)
  > .info-list-cat
  > span {
  background: #0bb7ff;
}

#main-info-area > .info-list-wrap > .info-list > .info-list-text {
  padding-left: 20px;
}

/*=============
sns-box
===============*/
.sns-box {
  width: 242px;
  float: right;
  margin: 0 15px 30px;
}
.sns-box .main-footer > .footer-sns {
  margin-top: 30px;
}
.patient-button,
.doctor-button {
  display: block;
  position: relative;
  width: 100%;
  padding: 15px 12px 15px 46px;
  background-image: url(../img/top/patient.png);
  background-position: 7.5px center;
  background-repeat: no-repeat;
  border-radius: 4px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.2;
  text-decoration: none;
}
.patient-button {
  background-color: #ff8900;
}
.doctor-button {
  background-color: #0bb7ff;
}
.patient-button:before,
.patient-button:after,
.doctor-button:before,
.doctor-button:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 1px;
  height: 9px;
  background: #fff;
}
.patient-button:before,
.doctor-button:before {
  margin: -9px 0 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
}
.patient-button:after,
.doctor-button:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}

.sns-btn-wrap {
  width: 100%;
  margin: 20px 0 0;
}

.sns-btn-wrap > a {
  display: block;
  float: left;
  width: 33px;
  height: 33px;
  margin-right: 15px;
  background-image: url(../img/top/sprite.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

.sns-btn-wrap > .facebookBtn {
  width: 34px;
  background-position: -300px 0;
}
.sns-btn-wrap > .twitterBtn {
  background-position: -350px 0;
}
.sns-btn-wrap > .lineBtn {
  background-position: -400px 0;
}

.kanshu-wrap {
  width: 100%;
  margin: 20px 0 0;
  font-size: 1.3rem;
  white-space: nowrap;
}

#modal-content-998 {
  padding: 0 0 30px 0;
  width: 90%;
  max-width: 960px;
  max-height: 95vh;
}

#modal-content-998 img {
  vertical-align: bottom;
}

.modal-section01 {
  padding: 0 40px;
  line-height: 1.6;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
}

.modal-title {
  width: 80%;
  margin: 20px auto;
  padding: 15px 0;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}

.modal-section02 {
  margin: 40px 0 30px 0;
  padding: 30px 40px;
  background: #d9f1f9;
  border-top: solid 3px #00a2d9;
  border-bottom: solid 3px #00a2d9;
  width: 100%;
  box-sizing: border-box;
}

.modal-section02-txt {
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: left;
  box-sizing: border-box;
}

#modal-content-998 ul {
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#modal-content-998 ul:after {
  content: "";
  display: block;
  clear: both;
}

#modal-content-998 ul li {
  font-size: 2rem;
  line-height: 28px;
}

#modal-content-998 ul li a.firazyr {
  display: block;
  margin: 10px 20px;
  padding: 20px 20px;
  background-color: #fd8132;
  background-image: url(/img/top/icon-arrow.png);
  background-repeat: no-repeat;
  background-position: 250px 50%;
  background-size: 8px auto;
  color: #fff;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
  border-radius: 16px;
}
#modal-content-998 ul li a.tak {
  display: block;
  margin: 10px 20px;
  padding: 20px 20px;
  background-color: #e73868;
  background-image: url(/img/top/icon-arrow.png);
  background-repeat: no-repeat;
  background-position: 250px 50%;
  background-size: 8px auto;
  color: #fff;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
  border-radius: 16px;
}

#modal-banner {
  width: 430px;
  height: 115px;
  margin: 40px auto;
  box-sizing: border-box;
}

#modal-content-998 sup {
  font-size: 1.2rem;
}

/*============================
content side
=============================*/
#side-area {
  float: left;
  width: 300px;
  padding: 15px 20px;
  max-height: calc(100vh - 144px);
  overflow-y: auto;
}
#side-area::-webkit-scrollbar {
  display: none;
}

#side-area > .side-ttl {
  font-size: 1.6rem;
  color: #007cc5;
  font-weight: bold;
  text-align: left;
}

#side-area > .side-list {
  max-width: 215px;
  margin: 15px auto 0;
}

#side-area > .side-list > li {
  padding: 10px 0;
}

#side-area > .side-list > li.active {
  background: #deebff;
}

#side-area > .side-list > li > a {
  display: block;
  position: relative;
  padding: 0px 25px 0px 10px;
  color: #007cc5;
  font-size: 1.5rem;
  line-height: 1.37;
  text-decoration: none;
}

#side-area > .side-list > li > a:before,
#side-area > .side-list > li > a:after,
#side-area > .patient-button:before,
#side-area > .patient-button:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 1px;
  height: 9px;
  background: #007cc5;
}
#side-area > .patient-button:before,
#side-area > .patient-button:after {
  background: #fff;
}
#side-area > .side-list > li > a:before,
#side-area > .patient-button:before {
  margin: -9px 0 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
}
#side-area > .side-list > li > a:after,
#side-area > .patient-button:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}

#side-area > .patient-button {
  width: 215px;
  margin: 15px auto 0;
  padding: 7px 25px 7px 50px;
  background-position: 9.5px center;
  font-size: 1.7rem;
  text-decoration: none;
}
/*=============
side-btns
=============*/
.side-btns {
  margin-top: 10px;
  text-align: center;
}
.side-btns a {
  display: table;
  margin: 15px auto 0;
}
.side-btns a:first-child {
  margin-top: 0;
}
.side-btns a img {
  display: table-cell;
}
.side-btns .side-cheacksheet,
.side-btns .side-familytest,
.side-btns .side-hospital-search {
  position: relative;
  display: flex;
  align-items: center;
  text-align: left;
  width: 215px;
  height: 51px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.33;
  border-radius: 6px;
  padding: 2px 12px 0 55px;
  text-decoration: none;
  color: #fff;
}
.side-btns .side-cheacksheet {
  font-size: 15px;
  background-color: #034ea2;
}
.side-btns .side-familytest {
  font-size: 15px;
  background-color: #007cc5;
}
.side-btns .side-hospital-search {
  background-color: #80af3f;
}
.side-btns .side-cheacksheet::before,
.side-btns .side-familytest::before,
.side-btns .side-hospital-search::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
}
.side-btns .side-cheacksheet::before {
  left: 13px;
  width: 28px;
  height: 44px;
  background: url(/img/top/header-ico-cheacksheet.png) top center no-repeat;
  background-size: contain;
}
.side-btns .side-familytest::before {
  left: 11px;
  width: 33px;
  height: 54px;
  background: url(/img/top/header-ico-familytest.png) top center no-repeat;
  background-size: contain;
}
.side-btns .side-hospital-search::before {
  left: 13px;
  width: 26px;
  height: 42px;
  background: url(/img/top/header-ico-searchhospital.png) top center no-repeat;
  background-size: contain;
}
.side-btns .side-cheacksheet::after,
.side-btns .side-familytest::after,
.side-btns .side-hospital-search::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
}
.side-btns .side-cheacksheet::after {
  right: 11px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
}
.side-btns .side-familytest::after {
  right: 11px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
}
.side-btns .side-hospital-search::after {
  right: 11px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
}


/*============================
content main
=============================*/
#main-area {
  position: relative;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 100px;
}

/*===============
main-header
=================*/
#main-area > .main-header {
  position: relative;
  height: 165px;
}

#main-area > .main-header > .main-header-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#main-area > .main-header > .main-header-ttl {
  position: relative;
  display: table;
  margin: 0 auto;
  height: 100%;
  z-index: 3;
}
#main-area > .main-header > .main-header-ttl > span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #007cc5;
  font-size: 3.5rem;
}

.main-hero-area {
  margin: 24px 0 32px;
}
.main-hero-area .main-hero-heading {
  text-align: center;
}
.main-hero-area .main-hero-heading .main-hero-category {
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
  color: #007cc5;
  margin-bottom: 5px;
}
.main-hero-area .main-hero-heading .main-hero-title {
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.22;
  color: #007cc5;
}
.main-hero-area .main-hero-heading ruby rt{
  font-size: 10px;
}
.main-hero-area .main-hero-img {
  max-width: 351px;
  width: 100%;
  margin: 8px auto 0;
}
.main-hero-area .main-hero-img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.main-hero-area.main-hero-circle-mark {
  position: relative;
}
.main-hero-area .main-hero-circle-mark-about {
  position: absolute;
  top: 0;
  right: 40px;
  width: 105px;
  height: 105px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.08;
  color: #fff;
  background-color: #ff8900;
}
.main-hero-area .main-hero-circle-mark-child {
  position: absolute;
  top: 0;
  right: 40px;
  width: 105px;
  height: 105px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  color: #fff;
  background-color: #771b75;
}

/*===============
pankuzu
=================*/
#main-area > .main-pankuzu {
  margin: 13px 18px 0;
}

#main-area > .main-pankuzu > ul > li {
  display: inline-block;
}

#main-area > .main-pankuzu > ul > li:before {
  content: ">";
  margin: 0 5px;
  font-size: 1.2rem;
}

#main-area > .main-pankuzu > ul > li:first-child:before {
  content: "";
  margin: 0;
}

#main-area > .main-pankuzu > ul > li > a {
  color: #000;
  font-size: 1.2rem;
  text-decoration: none;
}
#main-area > .main-pankuzu > ul > li > span {
  color: #007cc5;
  font-size: 1.2rem;
}

.main-breadcrumb-container {
  width: 1200px;
  margin: 10px auto 0;
}
.main-breadcrumb-wrap {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  padding: 10px 0;
}
.main-breadcrumb-wrap > ol {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
}
.main-breadcrumb-wrap > ol li {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: inline;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.2;
  vertical-align: top;
}
.main-breadcrumb-wrap > ol li a {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  outline: none;
  display: inline;
  color: #007cc5;
  cursor: pointer;
}
.main-breadcrumb-wrap > ol li + li::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: inherit;
  font-weight: inherit;
  content: ">";
  display: inline-block;
  vertical-align: top;
  color: #000;
  margin: 0 5px;
}

/*===============
page-link
=================*/
#main-area > .main-page-link {
  width: 840px;
  margin: 15px auto 0;
  padding: 10px 0 10px 10px;
  background: #deebff;
}

#pageLinkBtnClone {
  max-width: 100%;
  margin: 15px auto 0;
  padding: 15px 0 15px 15px;
  visibility: hidden;
  background: transparent;
  opacity: 0;
}

#main-area > .main-page-link.fixed {
  position: fixed;
  left: auto;
  right: auto;
  margin: 0 auto;
  -webkit-transform: translateX(29px);
  -moz-transform: translateX(29px);
  -ms-transform: translateX(29px);
  -o-transform: translateX(29px);
  transform: translateX(29px);
}

#main-area > .main-page-link > .page-link-btn {
  display: none;
}

#main-area > .main-page-link > .page-link-anchor {
  display: inline-block;
  position: relative;
  margin-right: 24px;
  padding-right: 17px;
  color: #007cc5;
  font-size: 1.2rem;
  text-decoration: none;
  letter-spacing: -0.05em;
}

#main-area > .main-page-link > .page-link-anchor:last-child {
  margin-right: 0;
}

#main-area > .main-page-link > .page-link-anchor:before,
#main-area > .main-page-link > .page-link-anchor:after {
  content: "";
  display: block;
  position: absolute;
  top: 65%;
  right: 0;
  width: 1px;
  height: 7px;
  background: #007cc5;
}

#main-area > .main-page-link > .page-link-anchor:before {
  margin: -7px 0 0;
  -webkit-transform: rotate(50deg);
  -moz-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  -o-transform: rotate(50deg);
  transform: rotate(50deg);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
}
#main-area > .main-page-link > .page-link-anchor:after {
  -webkit-transform: rotate(130deg);
  -moz-transform: rotate(130deg);
  -ms-transform: rotate(130deg);
  -o-transform: rotate(130deg);
  transform: rotate(130deg);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}



.main-anchor-area .main-anchor-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 17px 30px;
  margin: 0;
  padding: 19px 4px 17px 4px;
  background: #deebff;
}
.main-anchor-area .main-anchor-list > li {
  padding: 0 4px;
}
.main-anchor-area .main-anchor-list.--gap0 {
  gap: 0;
}
.main-anchor-area .main-anchor-list.--between {
  justify-content: space-between;
}
.main-anchor-area .main-anchor-list.--spacing {
  letter-spacing: -0.03em;
}
.main-anchor-area .main-anchor-list .main-anchor-btn {
  display: block;
  color: #007cc5;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: bold;
  text-decoration: none;
}
.main-anchor-area .main-anchor-list .main-anchor-ico {
  position: relative;
  padding-right: 17px;
}
.main-anchor-area .main-anchor-list .main-anchor-ico:after {
  display: block;
  content: "";
  width: 7px;
  height: 7px;
  border: 0;
  position: absolute;
  top: 0;
  bottom: 0.5em;
  right: 0;
  margin: auto;
}
.main-anchor-area .main-anchor-list .main-anchor-ico:after {
  border-bottom: solid 1px #007cc5;
  border-right: solid 1px #007cc5;
  transform: rotate(45deg);
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}


/*=======
main-kanshu
=========*/
#main-area > .main-kanshu {
  width: 840px;
  margin: 10px auto 0;
  font-size: 1.4rem;
  color: #000;
}
.main-supervision {
  text-align: right;
  margin-top: 18px;
  font-size: 1.2rem;
  color: #000;
}
/*===============
main-section
=================*/
#main-area > .main-section {
  width: 840px;
  margin: 30px auto 0;
}
#main-area > .main-section ~ .main-section {
  margin-top: 100px;
}
#main-area > .main-section a.link-deco {
  color: #007cc5;
  text-decoration: underline;
}

.main-section .msg {
  font-size: 1.4rem;
  line-height: 2.4rem;
}
/*========
hr
==========*/
.main-section > hr {
  margin-top: 30px;
}

/*========
section-ttl
==========*/
.section-ttl {
  margin-top: 30px;
  padding-left: 15px;
  border-left: 4px solid #007cc5;
  color: #007cc5;
  font-size: 2.3rem;
  line-height: 1.3;
  text-align: left;
  padding-top: 3px;
}
.section-ttl-subttl {
  margin-top: 6px;
  padding-left: 19px;
  color: #000;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.3;
}
.section-sttlA {
  margin-top: 40px;
  color: #007cc5;
  font-size: 1.6rem;
  line-height: 1.3;
}
.section-sttlB {
  margin-top: 30px;
  color: #007cc5;
  font-size: 1.9rem;
  line-height: 1.3;
}
.section-sttlC {
  margin-top: 30px;
  font-size: 1.6rem;
  line-height: 1.3;
}

.section-sttlF {
  margin-top: 40px;
  color: #007cc5;
  font-size: 1.6rem;
  line-height: 1.3;
  border-bottom: 1px solid #007cc5;
  padding-bottom: 7px;
}
/*========
hae
==========*/
.hae-img {
  float: left;
  width: 40%;
  margin: 30px 0;
}
.hae-text {
  float: left;
  width: 55%;
}
.hae-contents {
  border-bottom: 1px solid #034ea2;
}
.hae-list {
  font-size: 1.6rem;
  line-height: calc(36 / 16);
  letter-spacing: 0.06em;
  margin-top: 10px;
  margin-left: 22px;
  margin-bottom: 22px;
}
.hae-list > li {
  list-style-type: disc;
}
.hae-list > li::marker {
  color: #007cc5;
}
/*========
text-block
==========*/
.text-block,
.main-section .text-block {
  margin-top: 20px;
  font-size: 1.6rem;
  line-height: 1.75;
  color: #000;
}

.line-st {
  /*background: #ff0;*/
  font-weight: bold;
  color: #ec6145;
}

span.smf {
  font-size: 0.8rem;
}

.point-block {
  display: block;
  position: relative;
  max-width: 100%;
  padding: 20px;
  border: 1px solid #007cc5;
  border-radius: 4px;
  margin: 24px auto;
}
.point-h {
  color: #007cc5;
  font-weight: bold;
  font-size: 1.6rem;
}
.main-section > .text-blockNarrow {
  margin-top: 10px;
  font-size: 1.6rem;
  line-height: 3rem;
  color: #000;
}
.main-section > .listDisc {
  margin: 10px 0 0 22px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 3rem;
  color: #000;
}
.main-section > .listDisc li {
  list-style-type: disc;
}
.main-section > .text-block a,
.reference-list a {
  color: #007cc5;
}
.main-section .text-block-reference {
  margin-top: 20px;
  font-size: 1.6rem;
  line-height: 3rem;
  color: #999;
}
.main-section .tool-note-no {
  margin: 1rem 0;
  padding: 0 1rem;
}
.main-section .tool-note-no li {
  list-style-type: decimal;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #000;
  margin: 0 0 0 2rem;
  padding: 0.5rem 0;
}
/*========
tool-btn
==========*/
.main-section .tool-btn {
  background: #0070c0;
  padding: 10px;
  font-size: 1.6rem;
  display: inline-block;
  margin: 2rem 0;
}
.main-section .tool-btn a {
  color: #fff;
  text-decoration: none;
}

.main-section .tool-btn-wm {
  background: #de5c41;
  padding: 10px;
  font-size: 1.6rem;
  display: inline-block;
  margin: 2rem 0;
}
.main-section .tool-btn-wm a {
  color: #fff;
  text-decoration: none;
}
.main-section .tool-btn-wm.--maset {
  margin-top: 30px;
  margin-bottom: 10px;
}
/*========
hae-box
==========*/
.hae-box {
  border: 1px solid #007cc5;
  padding: 20px;
  width: 380px;
  height: 135px;
  margin-bottom: 2rem;
}
.hae-box p {
  font-size: 1.2rem;
}
.hae-image {
  float: left;
  margin-right: 2rem;
}
.hae-box_title {
  font-size: 1.8rem !important;
  font-weight: 700;
}
.hae-box_text {
  line-height: 1.6;
}
/*========
howto-box
==========*/
.howto-left {
  float: left;
  width: 50%;
}
.howto-right {
  float: right;
  width: 50%;
}
/*========
list-box
==========*/
.main-section > .list-box {
  display: inline-block;
  margin-top: 30px;
  padding: 30px;
  border: 1px solid #007cc5;
}
.main-section > .list-box > .list-box-ttl {
  font-size: 1.9rem;
  color: #007cc5;
}
.main-section > .list-box > .list-box-list {
  margin: 20px 0 0;
}
.main-section > .list-box > .list-box-list > li {
  margin: 15px 0 0;
  font-size: 1.6rem;
  color: #000;
  line-height: 3rem;
  text-decoration: none;
}
.main-section > .list-box > .list-box-listDisc {
  margin: 20px 0 0 22px;
}
.main-section > .list-box > .list-box-listDisc > li {
  margin: 10px 0 0;
  font-size: 1.6rem;
  color: #000;
  line-height: 2.4rem;
  text-decoration: none;
  list-style-type: disc;
}
/*========
page-detail
==========*/
.main-section > .page-detail {
  margin-top: 30px;
  padding: 15px;
  border: 1px solid #007cc5;
  text-align: center;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #007cc5;
}
/*========
caption-img
==========*/
.main-section .caption-block {
  margin-top: 30px;
}
.main-section .caption-block.center {
  text-align: center;
}
.main-section .caption-block > figcaption {
  margin-bottom: 10px;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #007cc5;
  text-align: left;
}
.main-section .caption-block > a {
  display: block;
  position: relative;
  max-width: 100%;
  padding: 30px;
  border: 1px solid #007cc5;
  border-radius: 4px;
}
.main-section .caption-block > a > button {
  position: absolute;
  bottom: -8px;
  right: -8px;
}
.main-section .caption-block > div {
  display: inline-block;
  position: relative;
  padding: 30px;
  border: 1px solid #007cc5;
  border-radius: 4px;
}
.main-section .col-2-wrap .caption-block > div img {
  width: 100%;
}

/*========
block center
==========*/
.block-center {
  text-align: center;
}
.block-center > .block-center-inner {
  display: inline-block;
  text-align: left;
}

/*========
iframe youtube
==========*/
.youtube-wrap {
  width: 480px;
  max-width: 100%;
  margin: auto;
  margin-top: 40px;
}
.youtube-wrap .youtube-title {
  font-size: 2.3rem;
  font-weight: bold;
  color: #007cc5;
}
.youtube-wrap .youtube-title + .youtube-wrap-inner {
  margin-top: 20px;
}
.youtube-wrap .youtube-wrap-inner {
  position: relative;
  width: 100%;
  padding-top: 62.5%;
}
.youtube-wrap .youtube-wrap-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*height:100%;*/
}

/*========
App btn
==========*/
.m_section_app_btn {
  margin-top: 40px;
}

/*========
sub-section
==========*/
.main-section .sub-section {
  margin-top: 90px;
}
.main-section .number-ttl {
  margin: 80px 0 0 0;
  padding-left: 35px;
  position: relative;
  color: #007cc5;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.5rem;
}
.main-section h2 + .number-ttl {
  margin: 30px 0 0;
}
.main-section .number-ttl .number {
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  background: #007cc5;
  border-radius: 100%;
  text-align: center;
  color: #fff;
  font-size: 1.8rem;
}
/*========
2 column
==========*/
.main-section .col-2-wrap {
  display: table;
  table-layout: fixed;
  margin-top: 20px;
  width: 100%;
}
.main-section .col-2-wrap > * {
  display: table-cell;
  width: 50%;
}
.main-section .col-2-wrap > *:first-child {
  padding-right: 25px;
}
.main-section .col-2-wrap.top > * {
  vertical-align: top;
}
.main-section .col-2-wrap.middle > * {
  vertical-align: middle;
}
.main-section .col-2-wrap.bottom > * {
  vertical-align: bottom;
}
.main-section .col-2-wrap .col-450 {
  width: 450px;
}
.main-section .col-2-wrap .col-390 {
  width: 390px;
}
.main-section .col-2-wrap > * > *:first-child {
  margin-top: 0;
}
.main-section .col-2-wrap .caption-block > div {
  padding: 10px;
}
/*========
parts-check-wrap
==========*/
.parts-check-wrap .parts-check-box {
  margin: 40px auto 0 auto;
  border: 1px solid #007cc5;
  padding: 20px;
  text-align: center;
  background: #deebff;
  border-radius: 12px;
  width: 65.5%;
}
.parts-check-wrap .parts-check-ttl {
  margin: 0px 0 0 0;
  font-size: 2rem;
  color: #007cc5;
}
.parts-check-wrap .parts-check-txt {
  margin-top: 10px;
  font-size: 1.6rem;
  color: #007cc5;
}
.parts-check-wrap .parts-check-block {
  position: relative;
  margin-top: 25px;
}
.parts-check-wrap .parts-check-block .parts-check-img {
  text-align: center;
}
.parts-check-wrap .parts-check-block .parts-check-img img {
  display: block;
  margin: 0 auto;
}
.parts-check-wrap .parts-check-block .parts-check-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.parts-check-wrap .parts-check-block .parts-check-list li {
  position: absolute;
  width: 100%;
  text-align: center;
}
.parts-check-wrap .parts-check-block .parts-check-list li a {
  display: inline-block;
  background: #fff url(../img/contents/symptom/check-list-sprite.png) no-repeat;
  text-indent: -9999px;
  text-decoration: none;
}
.parts-check-list li#partsFace {
  top: 35px;
}
.parts-check-list li#partsFace a {
  margin-left: -374px;
  width: 156px;
  height: 48px;
  background-position: 0 0;
}
.parts-check-list li#partsFace a:hover {
  background-position-x: -156px;
}
.parts-check-list li#partsThroat {
  top: 147px;
}
.parts-check-list li#partsThroat a {
  margin-left: -374px;
  width: 156px;
  height: 48px;
  background-position: 0 -48px;
}
.parts-check-list li#partsThroat a:hover {
  background-position-x: -156px;
}
.parts-check-list li#partsLimbs {
  top: 384px;
}
.parts-check-list li#partsLimbs a {
  margin-left: -375px;
  width: 156px;
  height: 48px;
  background-position: 0 -96px;
}
.parts-check-list li#partsLimbs a:hover {
  background-position-x: -156px;
}
.parts-check-list li#partsStomach {
  top: 210px;
}
.parts-check-list li#partsStomach a {
  margin-left: 410px;
  width: 216px;
  height: 64px;
  background-position: -312px 0;
}
.parts-check-list li#partsStomach a:hover {
  background-position-x: -528px;
}

#partsFaceModal img,
#partsThroatModal img,
#partsStomachModal img,
#partsLimbsModal img {
  width: 480px;
  max-width: 100%;
}
/*========
list-box-listCheackImg
==========*/
.main-section .list-box-listCheackImg {
  margin-top: 25px;
}
.main-section .list-box-listCheackImg > li {
  position: relative;
  margin-top: 45px;
  padding-left: 38px;
  font-size: 1.6rem;
  line-height: 3rem;
  color: #000;
}
.main-section .list-box-listCheackImg > li:first-child {
  margin-top: 0;
}
.main-section .list-box-listCheackImg > li:before {
  content: url(../img/top/imgcheak.png);
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
}
/*========
q-a-box
==========*/
.main-section .q-a-box {
  margin-top: 45px;
}
.main-section .q-a-box .q-wrap,
.main-section .q-a-box .a-wrap {
  position: relative;
  padding-left: 45px;
}
.main-section .q-a-box .q-wrap {
  font-size: 1.8rem;
  line-height: 2.3rem;
  color: #007cc5;
}
.main-section .q-a-box .a-wrap {
  margin-top: 20px;
  font-size: 1.6rem;
  line-height: 3rem;
}
.main-section .q-a-box .q-wrap:before,
.main-section .q-a-box .a-wrap:before {
  position: absolute;
  left: 0;
}
.main-section .q-a-box .q-wrap:before {
  content: url(../img/top/imgQ.png);
  top: 0;
}
.main-section .q-a-box .a-wrap:before {
  content: url(../img/top/imgA.png);
  top: 5px;
}
.main-section .q-a-box .l-wrap {
  margin-top: 10px;
  font-size: 1.6rem;
  line-height: 3rem;
  text-align: right;
}
/*========
reference-list
==========*/
/*.main-section>.reference-list{
	counter-reset: number;
	margin-top:30px;
	font-size:1.2rem;
	line-height:2.4rem;
}
.main-section>.reference-list>li:before{
	content: counter(number)"）";
	counter-increment: number;
}*/
.main-section > .notes-list {
  margin-top: 30px;
  font-size: 1.4rem;
}
.main-section > .reference-list {
  margin-top: 30px;
  width: 100%;
  font-size: 1.2rem;
  line-height: 2.4rem;
}
.main-section > .reference-list dt {
  float: left;
  display: block;
  width: 10%;
  min-width: 22px;
  max-width: 24px;
  clear: left;
}
.main-section > .reference-list dd {
  float: left;
  display: block;
  margin: 0;
  width: 90%;
}
.main-section > .notes-listB {
  margin-top: 30px;
  width: 100%;
  font-size: 1.4rem;
  line-height: 2rem;
}
.main-section > .notes-listB + .notes-listB {
  margin-top: -1em;
}
.main-section > .notes-listB dt {
  float: left;
  display: block;
  margin: 0 0 20px 0;
  width: 12%;
  min-width: 28px;
  max-width: 32px;
  clear: left;
}
.main-section > .notes-listB dd {
  float: left;
  display: block;
  margin: 0 0 20px 0;
  width: 88%;
}
/*===============
section-footer
=================*/
.section-footer {
  margin-top: 50px;
  text-align: center;
}
/*===============
main-footer
=================*/
#main-area > .main-footer-check,
#main-area > .main-footer {
  margin: 100px 30px 0;
  text-align: center;
}
/*========
footer-next
==========*/
.main-footer-check > a.footer-next-check {
  display: inline-flex;
  position: relative;
  margin: 0 auto;
  padding: 15px 60px 15px 90px;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  font-size: 2rem;
  color: #fff;
  background: #ec6145;
  border-radius: 8px;
  font-weight: bold;
  border: 2px solid #ccc;
  background-image: url("/img/contents/check/checksheet-icon.svg");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 30px;
}
.main-footer-check > a.footer-next-check.btn-searchhospital {
  background-image: url("/img/top/icon-searchhospital.png");

}
@media (min-width: 960px) {
  .main-footer-check > a.footer-next-check.btn-searchhospital {
    width: 100%;
    max-width: 571px;
    padding-left: 61px;
    padding-right: 20px;
  }
}
.main-footer-check + span {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  display: block;
  margin: 0 auto;
}
.main-footer > a.footer-next {
  display: inline-block;
  position: relative;
  min-width: 365px;
  margin: 0 auto;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  font-size: 1.4rem;
  color: #fff;
  background: #007cc5;
}
.main-footer-check
  > a.footer-next-check
  > span:before.
  .main-footer
  > a.footer-next
  > span:before {
  content: "NEXT：";
}
.main-footer-check > a.footer-next-check:before,
.main-footer-check > a.footer-next-check:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.main-footer-check > a.footer-next-check:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.main-footer-check > a.footer-next-check:after {
  right: 18px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.main-footer > a.footer-next:before,
.main-footer > a.footer-next:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  width: 1px;
  height: 7px;
  background: #fff;
}

.main-footer > a.footer-next:before {
  margin: -7px 0 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
}

.main-footer > a.footer-next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}

/*========
footer-next
==========*/
.main-footer > .footer-sns {
  display: table;
  margin: 45px auto 0;
}

.main-footer > .footer-sns > div {
  display: table-cell;
  padding: 0 7.5px;
  vertical-align: top;
}
.main-footer > .footer-sns > .sns-facebook > div {
  display: block;
  margin: 0 auto 5px;
}

/*========
footer-bnr-nav
==========*/
.footer-bnr-nav {
  display: none;
}

/*========
footer-relation
==========*/
.main-footer > .footer-relation {
  margin-top: 100px;
  *zoom: 1;
}
.main-footer > .footer-relation:before,
.main-footer > .footer-relation:after {
  content: "";
  display: table;
}
.main-footer > .footer-relation:after {
  clear: both;
}

.main-footer .footer-relation-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 46px;
  margin-top: 35px;
  text-align: left;
}
.main-footer .relation-wrap {
}
.main-footer .relation-wrap > a {
  display: inline-block;
  vertical-align: middle;
  color: #007cc5;
  font-size: 1.5rem;
  line-height: 1.4;
  text-decoration: none;
}
.main-footer .relation-wrap-text {
  position: relative;
  padding-right: 18px;
}
.main-footer .relation-wrap-text:after {
  display: inline-block;
  content: "";
  width: 7px;
  height: 7px;
  border: 0;
  position: absolute;
  top: 0;
  bottom: 0.1em;
  right: 0;
  margin: auto;
}
.main-footer .relation-wrap-text:after {
  border-top: solid 1px #007cc5;
  border-right: solid 1px #007cc5;
  transform: rotate(45deg);
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}

/*============================
main-footer-consultation_service
=============================*/
#main-area > .main-footer-consultation_service {
  margin-top: 50px;
}
.main-footer-consultation_service > a.footer-next {
  min-width: 275px;
}
.main-footer-consultation_service .footer-next + .footer-next {
  margin-left: 28px;
}


/*============================
footer
=============================*/
footer {
  display: block;
  width: 100%;
  min-width: 1200px;
  position: relative;
  background: #e0e0e0;
}
/*================
page-top
================*/
#page-top {
  position: fixed;
  bottom: 0;
  right: 10px;
  z-index: 800;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#page-top.active {
  display: block;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
#page-top img {
  display: block;
}
/*================
footer-link-area
================*/
#footer-link-area {
  padding: 40px 0 0;
}
#footer-link-area > .col-wrap {
  width: 1080px;
  margin: 0 auto;
  *zoom: 1;
}
#footer-link-area > .col-wrap:before,
#footer-link-area > .col-wrap:after {
  content: "";
  display: table;
}
#footer-link-area > .col-wrap:after {
  clear: both;
}
#footer-link-area > .col-wrap > .col-4 {
  float: left;
  width: 33.333%;
}
#footer-link-area .link-col-wrap {
  width: 100%;
}
#footer-link-area .link-col-wrap > li {
  padding: 0 0 40px;
}
#footer-link-area .link-col-wrap > li a,
#footer-link-area .link-col-wrap > li span {
  color: #000;
  font-size: 1.4rem;
  text-decoration: none;
  line-height: 1.8;
}
#footer-link-area .link-col-wrap > li > a,
#footer-link-area .link-col-wrap > li > span {
  font-weight: bold;
}
#footer-link-area .link-col-wrap > li > a {
  cursor: pointer;
}
#footer-link-area .link-col-wrap > li > ul {
  padding-left: 15px;
}
/*================
footer-bottom
================*/
#footer-bottom {
  background: #dce6ee;
}
#footer-bottom > div {
  width: 1200px;
  position: relative;
  margin: auto;
  height: 150px;
}
#footer-menu-area,
#footer-company {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#footer-menu-area div {
  display: inline-block;
}
#footer-menu-area p {
  display: inline-block;
  margin-left: 25px;
  padding-left: 25px;
  border-left: 1px solid #000;
}
#footer-menu-area div:first-child p:first-child {
  margin-left: 0;
  border: 0;
}
#footer-menu-area a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
}

#footer-company {
  width: 285px;
  right: 0;
}
#footer-company .copyright {
  margin-top: 10px;
  font-size: 12px;
  text-align: right;
}

/*================
footer-floating
================*/
.footer-floating {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 600;
  width: 100%;
  display: block;
  background-color: #ebebeb;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
}
.footer-floating.is-active {
  opacity: 1;
  visibility: visible;
}
.footer-floating .footer-floating-inner {
  width: 100%;
  max-width: 1220px;
  padding: 10px;
  margin: 0 auto;
}

.footer-floating .footer-floating-link {
  display: flex;
  flex-wrap: nowrap;
  gap: 0 10px;
}
.footer-floating .footer-floating-cheacksheet,
.footer-floating .footer-floating-hospitalsearch {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 270px;
  height: 50px;
  font-size: 16px;
  line-height: 1;
  border-radius: 4px;
  padding: 2px 10px 0 10px;
  text-decoration: none;
  color: #fff;
}
.footer-floating .footer-floating-cheacksheet {
  background-color: #80af3f;
}
.footer-floating .footer-floating-hospitalsearch {
  background-color: #034ea2;
}
.footer-floating .footer-floating-cheacksheet::after,
.footer-floating .footer-floating-hospitalsearch::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  right: 8px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
}
.footer-floating .footer-floating-btn-tit {
  position: relative;
  margin: auto;
  display: block;
  padding-left: 30px;
}
.footer-floating .footer-floating-cheacksheet .footer-floating-btn-tit::before,
.footer-floating .footer-floating-hospitalsearch .footer-floating-btn-tit::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 1px;
  margin: auto;
  display: inline-block;
  left: 0;
  width: 23px;
  height: 37px;
}
.footer-floating .footer-floating-cheacksheet .footer-floating-btn-tit::before {
  background: url(/img/top/header-ico-cheacksheet.png) center center no-repeat;
  background-size: contain;
}
.footer-floating .footer-floating-hospitalsearch .footer-floating-btn-tit::before {
  background: url(/img/top/header-ico-searchhospital.png) center center no-repeat;
  background-size: contain;
}
.footer-floating .footer-floating-btn-br {
  display: none;
}

.main-section a {
  color: #007cc5;
}

.main-section .caption-block div.img-widthOver {
  display: block;
}
.main-section > .text-blockB {
  margin-top: 5px;
  font-size: 1.6rem;
  line-height: 3rem;
  color: #000;
}
.right-anchor {
  margin-top: 50px;
  height: 20px;
  line-height: 20px;
  font-size: 1.6rem;
  text-align: right;
  vertical-align: top;
}
.right-anchor a {
  display: inline-block;
  color: #000;
  font-weight: bold;
  line-height: 100%;
  text-decoration: none;
  vertical-align: top;
}
.right-anchor img {
  margin: 0 0 0 2px;
  width: 16px;
  height: 16px;
  line-height: 100%;
  vertical-align: top;
}
#main-area > .main-page-link > .page-link-anchor {
  vertical-align: middle;
}
.main-section > .list-box > .list-box-list > li {
  font-weight: bold;
}
small {
  display: inline-block;
  margin-top: -2px;
  margin-left: 2px;
  font-size: 1.1rem;
  vertical-align: top;
}
@media (min-width: 960px) {
  .no-pc {
    display: none;
  }
  .img600 {
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 960px) {
  .img365 {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
  }
}
/*====================================================
	1column
====================================================*/
.contentsColumn1 {
  margin-bottom: 160px;
  width: 100%;
}
.mainColumn1 {
  float: none !important;
  width: 100% !important;
  padding: 0 !important;
  border-left: 0 !important;
}
.mainColumn1 > .main-section {
  margin: 80px auto 0 auto !important;
  width: 880px !important;
}
.mainColumn1 > .main-header {
  height: 70px !important;
  background: #e3f0f9 !important;
}
.mainColumn1 > .main-header > .main-header-ttl > span {
  font-size: 2.8rem !important;
}
.mainColumn1 > .main-pankuzu {
  margin: 13px auto 0 !important;
  width: 920px;
}

/*==============================================================================
pc-iw-style
==============================================================================*/
#main-area > .main-header > .main-header-ttl > span rt {
  font-size: 1rem;
  letter-spacing: -0.05em;
  text-align: left;
}
.section-ttl rt {
  font-size: 1rem;
  letter-spacing: -0.05em;

  text-align: left;
}
.text-block rt {
  font-size: 1rem;
  letter-spacing: -0.05em;
}
.relatedSitesLink {
  margin: 100px auto 0;
  padding: 30px 0;
  font-size: 1.6rem;
  line-height: 3rem;
  color: #000;
  border-top: 2px solid #007cc5;
  border-bottom: 2px solid #007cc5;
}

.section-sttlD {
  font-size: 2.3rem;
  color: #007cc5;
  line-height: 1.2;
}

.section-illustttl {
  margin: 40px 0 0 0;
  font-size: 2.3rem;
  color: #007cc5;
  line-height: 1.2;
  vertical-align: top;
}
.section-illustttl .illustttl-left {
  float: left;
  width: 220px;
  text-align: right;
}
.section-illustttl .illustttl-right {
  float: right;
  width: 620px;
  text-align: center;
}

.wrap-checksheet {
  margin: 80px 0;
  width: 100%;
  text-align: center;
}
.btn-checksheet {
  display: inline-block;
  margin: 0 auto;
  padding: 15px 15px 15px 35px;
  font-size: 1.6rem;
  color: #fff !important;
  text-decoration: none;
  background: url(/img/top/icon-checksheet.png) 10px center no-repeat;
  background-color: #034e93;
  background-size: 25px 25px;
  border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-border-radius: 5px;
}
#headerPatientWrap .btn-checksheet {
  display: block;
  padding: 15px 0 15px 35px;
  font-size: 15px;
}
.circle-shiteiA {
  position: absolute;
  top: 35px;
  right: 35px;
  padding-top: 24px;
  width: 106px;
  height: 106px;
  color: #fff;
  font-size: 2.4rem;
  line-height: 1.2;
  background: #ff8900;
  text-align: center;
  box-sizing: border-box;
  border-radius: 53px;
  border-radius: 53px;
  -webkit-border-radius: 53px;
  -webkit-border-radius: 53px;
  -moz-border-radius: 53px;
  -moz-border-radius: 53px;
}
.catch-shiteiHead {
  position: relative;
  margin-top: 50px;
  height: 46px;
  font-size: 2.8rem;
  color: #fff;
  line-height: 46px;
  text-align: center;
  vertical-align: middle;
  background: #ff8900;
}
.catch-shiteiHead > br,
.catch-childHead > br {
  display: none;
}
.t-mid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: table;
  margin: auto;
}
.t-mid > span {
  display: table-cell;
  vertical-align: middle;
  height: 46px;
  line-height: 1;
}
.t-mid > span > br {
  display: none;
}
.catch-shiteiBottom {
  padding: 35px 15px;
  border: 1px solid #ff8900;
  text-align: center;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #000;
}
.circle-shiteiB {
  position: absolute;
  top: -21px;
  left: -21px;
  padding-top: 22px;
  width: 84px;
  height: 84px;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.2;
  background: #ff8900;
  text-align: center;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 42px;
  border-radius: 42px;
  -webkit-border-radius: 42px;
  -webkit-border-radius: 42px;
  -moz-border-radius: 42px;
  -moz-border-radius: 42px;
}
.circle-childA {
  position: absolute;
  top: 35px;
  right: 35px;
  padding-top: 32px;
  width: 106px;
  height: 106px;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.2;
  background: #771b75;
  text-align: center;
  box-sizing: border-box;
  border-radius: 53px;
  border-radius: 53px;
  -webkit-border-radius: 53px;
  -webkit-border-radius: 53px;
  -moz-border-radius: 53px;
  -moz-border-radius: 53px;
}
.catch-childHead {
  position: relative;
  margin-top: 50px;
  height: 46px;
  font-size: 2.8rem;
  color: #fff;
  line-height: 46px;
  text-align: center;
  background: #771b75;
}
.catch-childBottom {
  padding: 35px 15px;
  border: 1px solid #771b75;
  text-align: center;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #000;
}
.circle-childB {
  position: absolute;
  top: -21px;
  left: -21px;
  padding-top: 24px;
  width: 84px;
  height: 84px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.2;
  background: #771b75;
  text-align: center;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 42px;
  border-radius: 42px;
  -webkit-border-radius: 42px;
  -webkit-border-radius: 42px;
  -moz-border-radius: 42px;
  -moz-border-radius: 42px;
}

#customer-service {
  position: relative;
  margin: 30px auto 100px;
  width: 100%;
  height: 696px;
}
#customer-service .img-map {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.regionA,
.regionB,
.regionC,
.regionD {
  position: absolute;
  width: 175px;
}
.regionA {
  bottom: -40px;
  right: 0;
}
.regionB {
  bottom: -40px;
  right: 185px;
}
.regionC {
  top: 0;
  left: 185px;
}
.regionD {
  top: 144px;
  left: 0;
}
#customer-service h4 {
  padding: 10px 15px;
  height: 40px;
  color: #fff;
  font-size: 1.4rem;
  box-sizing: border-box;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}
#customer-service li {
  margin-bottom: 10px;
  width: 100%;
}
#customer-service li .prefectures {
  padding: 10px 15px;
  min-height: 40px;
  color: #007cc5;
  font-size: 1.2rem;
  line-height: 200%;
  background: #fff;
  box-sizing: border-box;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}
#customer-service li .prefectures a {
  display: inline-block;
  width: 50%;
  font-weight: bold;
  text-decoration: none;
}
#customer-service li#hokkaido-map h4 {
  background: #94d2e3;
}
#customer-service li#hokkaido-map .prefectures {
  border: solid 1px #94d2e3;
}
#customer-service li#tohoku h4 {
  background: #8bc2ed;
}
#customer-service li#tohoku .prefectures {
  border: solid 1px #8bc2ed;
}
#customer-service li#kanto h4 {
  background: #007cc5;
}
#customer-service li#kanto .prefectures {
  border: solid 1px #007cc5;
}
#customer-service li#tokai h4 {
  background: #2ca6e0;
}
#customer-service li#tokai .prefectures {
  border: solid 1px #2ca6e0;
}
#customer-service li#shikoku h4 {
  background: #7da5d2;
}
#customer-service li#shikoku .prefectures {
  border: solid 1px #7da5d2;
}
#customer-service li#sinetsu h4 {
  background: #034e93;
}
#customer-service li#sinetsu .prefectures {
  border: solid 1px #034e93;
}
#customer-service li#kansai h4 {
  background: #73cbc1;
}
#customer-service li#kansai .prefectures {
  border: solid 1px #73cbc1;
}
#customer-service li#chugoku h4 {
  background: #bbbbdb;
}
#customer-service li#chugoku .prefectures {
  border: solid 1px #bbbbdb;
}
#customer-service li#kyushu h4 {
  background: #519ff7;
}
#customer-service li#kyushu .prefectures {
  border: solid 1px #519ff7;
}

#img-symptom {
  margin: 30px 0 0 0;
  width: 100%;
  height: 554px;
  background: url(/img/contents/symptom/bg-symptom.png) top center no-repeat;
}
.cs-list {
  margin: 20px 0 0 0;
  font-size: 0;
}
.cs-list-map {
  margin: 0;
  font-size: 0;
}
.cs-list > li,
.cs-list-map > li {
  display: inline-block;
  width: 350px;
  font-size: 1.6rem;
  line-height: 3;
  vertical-align: top;
}
.cs-list > li a,
.cs-list-map > li a {
  text-decoration: none;
}

.main-section > .list-box-system {
  display: inline-block;
  margin-top: 30px;
  padding: 30px;
  border: 1px solid #007cc5;
}
.main-section > .list-box-system > .list-box-list > li {
  margin: 15px 0 0;
  font-size: 1.6rem;
  color: #000;
  line-height: 3rem;
  text-decoration: none;
}
.main-section > .list-box-system > .list-box-list > li:first-child {
  margin: 0;
}

.list-sim {
  margin-top: 30px;
}
.list-sim li {
  padding: 20px;
  font-size: 1.8rem;
  line-height: 3rem;
  box-sizing: border-box;
  border: 1px solid #017cb7;
  border-top: 0;
}
.list-sim li:first-child {
  border-top: 1px solid #017cb7;
}
.list-sim li:nth-child(odd) {
  background: #f8fdff;
}
.list-sim .simQ01-note {
  font-size: 1.4rem;
}
.list-sim li .simQ-left {
  float: left;
  width: 320px;
  color: #017cb7;
}
.list-sim li .simQ-right {
  float: left;
}
.list-sim li .simQ-right label:nth-child(2) {
  margin-left: 20px;
}
.list-sim li .simQ-right input {
  margin: 0 5px 0 0;
  vertical-align: middle;
}
.burdenCharge-sim {
  margin: 35px 0 0;
  font-size: 1.8rem;
  color: #017cb7;
  text-align: center;
}
.burdenCharge-sim .printBox-sim {
  display: inline-block;
  margin: -10px 10px 0;
  padding: 0 10px;
  min-width: 200px;
  height: 40px;
  font-size: 2.4rem;
  color: #d70012;
  line-height: 40px;
  background: #fbe5e7;
  border: 1px solid #d70012;
  box-sizing: border-box;
  vertical-align: top;
}

.list-sim label.radio_text {
  cursor: pointer;
  position: relative;
  margin-right: 20px;
  overflow: hidden;
  padding-left: 35px;
  display: inline-block;
}
.list-sim label.radio_text:before {
  position: absolute;
  width: 24px;
  height: 24px;
  border: 2px solid #007db7;
  border-radius: 50%;
  box-sizing: border-box;
  left: 0;
  top: 4px;
  content: "";
  font-size: 0;
  z-index: 3;
}
.list-sim label.radio_text:after {
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
  left: -3px;
  top: -3px;
  z-index: 1;
  background: url(/img/top/mark-checkSimulator.png) no-repeat;
  background-size: 34px 34px;
}
.list-sim label.radio_text input[type="radio"],
.list-sim label.radio_text input[type="checkbox"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  position: absolute;
  z-index: 2;
  width: 26px;
  height: 26px;
  left: -26px;
  top: 4px;
  margin: 0px;
  box-shadow: 24px 0 #fff;
}
.list-sim label.radio_text input[type="radio"]:checked,
.list-sim label.radio_text input[type="checkbox"]:checked {
  box-shadow: none;
}
.list-sim label.radio_text input[type="radio"]:focus,
.list-sim label.radio_text input[type="checkbox"]:focus {
  display: none;
}

.emergency-2column {
  margin: 30px 0 0 0;
}
.emergency-2column .e2c-left {
  float: left;
  width: 60%;
}
.emergency-2column .e2c-right {
  float: right;
  width: 40%;
}
.emergency-2column .e2c-right figure {
  margin: 0;
}
.emergency-2column .list-box {
  display: inline-block;
  padding: 30px;
  width: 95%;
  box-sizing: border-box;
  border: 1px solid #007cc5;
}
.emergency-2column .list-box > .list-box-ttl {
  font-size: 1.9rem;
  color: #007cc5;
}
.emergency-2column .list-box > .list-box-list {
  margin: 20px 0 0;
}
.emergency-2column .list-box > .list-box-list > li {
  margin: 15px 0 0;
  font-size: 1.6rem;
  color: #000;
  line-height: 3rem;
  text-decoration: none;
}
.emergency-2column .list-box > .list-box-listDisc {
  margin: 20px 0 0 22px;
}
.emergency-2column .list-box > .list-box-listDisc > li {
  margin: 10px 0 0;
  font-size: 1.6rem;
  color: #000;
  line-height: 2.4rem;
  text-decoration: none;
  list-style-type: disc;
}

/*====================================================
	mail-magazine
====================================================*/

.mail-magazine {
  border: 3px solid #80af3f;
  margin: 0 23px 23px 23px;
  background-color: #f0faed;
}

#main-area .mail-magazine {
  border: 3px solid #80af3f;
  margin: 24px auto 24px auto;
  background-color: #f0faed;
}

#mail-iframe {
  padding: 0px 45px 50px 45px;
}

#main-area #mail-iframe {
  padding: 0px;
}

.mail-magazine h3 {
  color: #ffffff;
  background-color: #80af3f;
  font-size: 20px;
  text-decoration: none;
  line-height: 2.2rem;
  text-align: center;
  padding: 20px;
}
.mail-magazine h3 span {
  font-size: 14px;
}

#mail-iframe iframe {
  width: 100%;
  border: 0;
}

#mv iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

#mv {
  width: auto;
  height: auto;
  border: 0;
  margin: 20px auto 0;
  text-align: center;
}

/*====================================================
	HAE card
====================================================*/
.patient-guidance-box {
  border: 1px solid #007cc5;
  padding: 20px;
  width: 50%;
  margin: 14px 0px;
}
.patient-guidance-image {
  float: left;
  margin-right: 2rem;
}
.patient-guidance-box_title {
  font-size: 1.8rem !important;
  font-weight: 700;
}
.patient-guidance-box p {
  font-size: 1.2rem;
}
.patient-guidance-box_text {
  line-height: 1.6;
}
.patient-guidance-box p {
  font-size: 1.2rem;
}
@media (max-width: 960px) {
  .patient-guidance-box {
    border: 1px solid #007cc5;
    padding: 20px;
    width: 100%;
  }
  .patient-guidance-image {
    float: left;
    margin-right: 2rem;
  }
  .patient-guidance-box_title {
    font-size: 1.8rem !important;
    font-weight: 700;
  }
  .patient-guidance-box_text {
    line-height: 1.6;
  }
  .patient-guidance-box p {
    font-size: 1.2rem;
  }
}
/*====================================================
	Family Page App
====================================================*/
#sectionHAENote .HAEApp {
  padding: 24px 23px 28px 24px;
  font-family: "Noto Sans Japanese", sans-serif;
  background: url(/app/img/pc/main_bg.jpg);
  border-radius: 10px;
}
#sectionHAENote .HAEApp .header {
  text-align: center;
}
@media screen and (max-width: 960px) {
  #sectionHAENote .pc-block {
    display: none;
  }
}
@media screen and (min-width: 961px) {
  #sectionHAENote .sp-block {
    display: none;
  }
}
#sectionHAENote h3.title {
  position: relative;
  margin-top: 40px;
  padding-left: 70px;
  color: #333;
  font-size: 1.8rem;
  font-weight: normal;
}
#sectionHAENote h3.title:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/app/img/pc/howto3_icon.png);
}
#sectionHAENote h3.title span {
  color: #de5e42;
  font-size: 3.6rem;
}
#sectionHAENote .text {
  margin-top: 20px;
  color: #333;
  font-size: 1.6rem;
  font-weight: normal;
}
#sectionHAENote .text-fs14 {
  font-size: 1.4rem;
}
#sectionHAENote .movie-title {
  margin-top: 40px;
  color: #de5e41;
  font-size: 2.4rem;
  font-weight: 500;
}
#sectionHAENote .movies-wrap {
  margin-top: 40px;
}
#sectionHAENote .movies-wrap .movie {
  display: inline-block;
  text-align: center;
}
#sectionHAENote .movies-wrap .movie + .movie {
  margin-left: 10px;
}
#sectionHAENote .movie-image a {
  display: block;
}
#sectionHAENote .movie-name {
  margin-top: 20px;
  color: #333;
  font-size: 1.5rem;
}
#sectionHAENote .lesson {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 144px;
  background-color: #fff2e5;
  border-radius: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  padding: 0 34px;
}
#sectionHAENote .lesson .lesson-icon {
  min-width: 74px;
  height: 74px;
  margin-right: 14px;
}
#sectionHAENote .lesson .lesson-text {
  color: #333;
  font-size: 1.6rem;
}
#sectionHAENote .lesson .lesson-text .title {
  font-weight: 600;
}
#sectionHAENote .lesson .lesson-text .text {
  margin-top: 5px;
}
#sectionHAENote .dl_wrap {
  margin-top: 30px;
  padding: 27px 25px 27px 34px;
  background-color: rgba(222, 79, 52, 0.1);
  border-radius: 10px;
  text-align: center;
}
#sectionHAENote .dl_app-head {
  font-size: 1.9rem;
  color: #d85246;
}
#sectionHAENote .dl_app-wrap {
  margin-top: auto;
}
#sectionHAENote .dl_app-store {
  margin-top: 20px;
}
#sectionHAENote .dl_app-buttons,
#sectionHAENote .dl_app-qr {
  display: inline-block;
  vertical-align: top;
}
#sectionHAENote .dl_app-buttons .text {
  margin-top: auto;
  font-size: 1.4rem;
}
#sectionHAENote .dl_app-buttons .buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px;
}
#sectionHAENote .dl_app-buttons a {
  color: transparent;
}
#sectionHAENote .dl_app-qr {
  margin-left: 10px;
}
#sectionHAENote .dl_app-or {
  width: 100%;
  margin-top: 20px;
  text-align: center;
  line-height: 1;
}
#sectionHAENote .dl_app-or .text {
  font-weight: 500;
  font-size: 2.2rem;
  color: #d85246;
}
#sectionHAENote .dl_app-search .text {
  font-size: 1.4rem;
}
#sectionHAENote .dl_app-search .image {
  margin-top: 10px;
}
#sectionHAENote .dl_app-foot {
  margin-top: 20px;
  font-size: 1.3rem;
}

/*table-style*/

.table-f {
  border-collapse: collapse;
}

.table-c {
  background-color: #0bc6e1;
  color: #ffffff !important;
  white-space: nowrap;
  padding: 16px;
}

.table-m {
  padding: 16px;
  text-align: left;
}
.table-m-b {
  border-bottom: 1px solid #0bc6e1;
  border-right: 1px solid #0bc6e1;
}
.table-m-t {
  border-top: 1px solid #0bc6e1;
  border-right: 2px solid red;
  border-bottom: 2px solid red;
}

.table-b {
  border-bottom: 1px solid #0bc6e1;
  border-left: 1px solid #0bc6e1;
  border-right: 1px solid #0bc6e1;
}
.table-b-rf {
  border-left: 1px solid #0bc6e1;
  border-right: 1px solid #0bc6e1;
}
.table-w {
  border-bottom: 1px solid #ffffff;
}

.table-b-rf-red {
  border-left: 2px solid #ff0000;
  border-right: 1px solid #0bc6e1;
  border-bottom: 2px solid #ff0000;
}

.table-t-rf-red {
  border-left: 2px solid #ff0000;
  border-right: 1px solid #0bc6e1;
  border-top: 2px solid #ff0000;
  border-bottom: 1px solid #ffffff;
}
.table-m-red {
  border-left: 1px solid #0bc6e1;
  border-right: 2px solid #ff0000;
  border-top: 2px solid #ff0000;
  border-bottom: 1px solid #0bc6e1;
}

.table-ts {
  white-space: nowrap;
  margin-top: 20px;
  font-size: 1.6rem;
  line-height: 3rem;
  color: #ff0000;
  font-weight: bold;
}
/*====================================================
	tap
====================================================*/
.pc-scrl,
.sp-scrl {
  display: none !important;
  margin-left: auto;
  margin-right: auto;
}
/*====================================================
	interview
====================================================*/
.mov-wrap {
  width: 768px;
  margin: 50px auto 0;
}
.movie-box {
  width: 600px;
  margin: 0 auto;
}
.movie-inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.movie-inner .youtube-thumb:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: url("/img/contents/interview/play.png") center center no-repeat;
  background-size: 90px 90px;
  transition: 0.5s;
}

.movie-inner .movie-thumb:hover:after {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  background: url("/img/contents/interview/play.png") center center no-repeat;
  background-size: 90px 90px;
}

.movie-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.movie-inner .movie-thumb-01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: url("/img/contents/interview/thumb-01.jpg") no-repeat;
  background-size: cover;
}

.movie-inner .movie-thumb-02 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: url("/img/contents/interview/thumb-02.png") no-repeat;
  background-size: 100%;
}

.movie-inner .movie-thumb-03 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: url("/img/contents/interview/thumb-03.png") no-repeat;
  background-size: 100%;
}
.movie-inner .movie-thumb-04 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: url("/img/contents/interview/thumb-04.jpg") no-repeat;
  background-size: 100%;
}

.movie-inner .movie-thumb-01:after,
.movie-inner .movie-thumb-02:after,
.movie-inner .movie-thumb-03:after,
.movie-inner .movie-thumb-04:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: url("/img/contents/interview/play.png") center center no-repeat;
  background-size: 90px 90px;
  transition: 0.5s;
}

.movie-inner .movie-thumb-01:hover:after,
.movie-inner .movie-thumb-02:hover:after,
.movie-inner .movie-thumb-03:hover:after,
.movie-inner .movie-thumb-04:hover:after {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  background: url("/img/contents/interview/play.png") center center no-repeat;
  background-size: 90px 90px;
}

@media screen and (max-width: 640px) {
  .mov-wrap {
    width: 100%;
  }
  .movie-box {
    width: 100%;
  }
}

.Bnr {
  display: table;
  margin: 0 auto;
  width: 100%;
}
.Bnr > a {
  display: table-cell;
  vertical-align: top;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
}

@media screen and (max-width: 980px) {
  .Bnr {
    display: block;
    text-align: center;
  }
  .Bnr > a {
    display: block;
    margin: 0 auto;
  }
}
@media (min-width: 961px){
  #header-gnav > ul > li.is-current {
    background-color: #034ea2;
  }
  #header-gnav > ul > li.is-current:hover {
    background-color: #4e83be;
  }
  #patient-header-gnav > ul > li.is-current {
    background-color: #034ea2;
  }
  #patient-header-gnav > ul > li.is-current:hover {
    background-color: #4e83be;
  }
}

.floating-left {
  display: none !important;
}
.floating-left {
  z-index: 500;
  position: relative;
  text-align: right;
}
.floating-left .floating-left-btn {
  z-index: 500;
  display: block;
  position: fixed;
  top: 450px;
  right: 0;
  width: 71px;
}
.floating-left .floating-left-btn.is-head {
  position: fixed;
  top: 60px;
}

.section-ttl-lv3 {
  margin-top: 30px;
  color: #007cc5;
  font-size: 2.3rem;
  line-height: 1.2;
}
.section-ttl-lv3.--center {
  text-align: center;
}
.familytest-digest-wrap {
  margin: 40px 0 0;
}
.familytest-digest-wrap .familytest-digest-list {
  margin: 30px 0 0;
}
.familytest-digest-wrap .familytest-digest-list > li {
  position: relative;
}
.familytest-digest-wrap .familytest-digest-list > li + li {
  margin-top: 22px;
}
.familytest-digest-wrap .familytest-digest-list > li + li::before {
    content: "";
    position: absolute;
    top: -17px;
    left: 153px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #007cc5 transparent transparent transparent;
    border-width: 12px 10px 0px 10px;
}
.familytest-digest-wrap .familytest-digest-unit {
  background-color: #f7f7f7;
  padding: 20px;
  margin: 0;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.familytest-digest-wrap .familytest-digest-unit >dt {
  max-width: 288px;
  width: 100%;
}
.familytest-digest-wrap .familytest-digest-unit >dt img{
  border: 1px solid #ccc;
}
.familytest-digest-wrap .familytest-digest-unit >dd {
  flex: 1;
  padding-left: 20px;
  padding-top: 15px;
  margin: 0;
}
.familytest-digest-wrap .familytest-digest-ttl {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: bold;
}
.familytest-digest-wrap .familytest-digest-txt {
  font-size: 1.6rem;
  line-height: 1.75;
  margin-top: 12px;
}
.t-indent {
  display: flex;
  flex-wrap: nowrap;
}
.t-indent .t-indent-label {
  white-space: nowrap;
}
.t-indent .t-indent-label.--pr {
  padding-right: 5px;
}
.t-indent-right {
  justify-content: end;
}
.text-note {
  font-size: 1.4rem;
  line-height: 1.75;
  color: #000;
}
.picture-side-row {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.picture-side-row .picture-side-item:first-of-type {
  flex: 1;
}
.picture-side-row .picture-side-item:last-of-type {
  width: 44%;
  text-align: right;
  padding-left: 10px;
  padding-top: 20px;
}
.picture-side-row + .picture-side-row {
  margin-top: 40px;
}
.picture-side-row.--consultation_service .picture-side-item:last-of-type {
  width: 51%;
  padding-left: 36px;
}
.hospital-linkbtn-warp .hospital-btn {
  position: relative;
  margin: 0 auto;
  text-align: left;
  text-indent: 0;
  text-decoration: none;
  color: #fff;
  max-width: 550px;
  font-size: 1.8rem;
  font-weight: bold;
  background: #ec6145;
  border-radius: 8px;
  display: flex;
  align-items: center;
  min-height: 76px;
  padding: 5px 37px 5px 78px;
}
.hospital-linkbtn-warp .hospital-btn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 32px;
  margin: auto;
  display: inline-block;
  width: 37px;
  height: 38px;
  background: url(/img/top/icon-searchhospital.png) top center no-repeat;
  background-size: contain;
}
.hospital-linkbtn-warp .hospital-btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  margin: auto;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}

.hospital-linkbtn-note {
  font-size: 1.2rem;
  line-height: 1.4;
  text-align: center;
  margin-top: 12px;
}
.general-note-list >li {
  display: flex;
  flex-wrap: nowrap;
}
.general-note-list .general-note-label{
  white-space: nowrap;
  padding-right: 5px;
}
.brightcove_wrap {
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
  margin-top: 40px;
}
.brightcove_wrap2{
  margin-top: 20px;
}
.brightcove_wrap3 {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  margin-top: 50px;
}
.conversion-medinfo-area{
  border-radius: 10px;
  background-color: #faeeeb;
  padding: 40px;
  margin-top: 35px;
}
.conversion-medinfo-area .conversion-medinfo-heading{
  font-size: 20px;
  font-weight: bold;
  line-height: 1.61;
  text-align: center;
  color: #ec6144;
  margin-bottom: 25px;
}
.conversion-medinfo-area .conversion-medinfo-btns{
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  gap: 0 20px;
}
.conversion-medinfo-area .conversion-medinfo-btn{
  width: calc((100% - 20px) / 2);
  min-height: 120px;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #2e2e2e;
  background-color: #fff;
  border: 2px solid #007cc5;
  padding: 18px 10px 15px 30px;
}
.conversion-medinfo-area .conversion-medinfo-btn-row{
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  gap: 0 25px;
}
.conversion-medinfo-area .conversion-medinfo-btn-row >dt{
  margin: 0;
  padding: 0;
  width: 50px;
}
.conversion-medinfo-area .conversion-medinfo-btn-row >dd{
  margin: 0;
  padding: 0;
}
.conversion-medinfo-area .conversion-medinfo-btn-telttl{
  display: block;
}
.conversion-medinfo-area .conversion-medinfo-btn-tel{
  display: block;
  font-size: 20px;
  margin-top: 6px;
}
.conversion-medinfo-area .conversion-medinfo-btn-timettl{
  display: block;
  margin-top: 11px;
}
.conversion-medinfo-area .conversion-medinfo-btn-time{
  display: block;
  font-size: 16px;
  margin-top: 6px;
}
.conversion-medinfo-area .conversion-medinfo-btn-timesub{
  font-size: 14px;
}
.conversion-medinfo-area .conversion-medinfo-btn-melttl{
  display: block;
}
.conversion-medinfo-area .conversion-medinfo-btn-mel{
  display: block;
  font-size: 16px;
  margin-top: 6px;
}
.js-tellink-touch {
  cursor: default;
}
@media (min-width: 961px) {
  .js-tellink-touch {
    pointer-events: none;
  }
}
.youtubetag-position {
  position: absolute;
}