@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6 {
  font-family: "Meiryo", "MS PGothic", "Hiragino Kaku Gothic Pro", YuGothic, "Yu Gothic Medium", "Yu Gothic", sans-serif;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  /* IEだけに適応 */
}

body _:lang(x)::-ms-backdrop, body .selector, h1 _:lang(x)::-ms-backdrop, h1 .selector, h2 _:lang(x)::-ms-backdrop, h2 .selector, h3 _:lang(x)::-ms-backdrop, h3 .selector, h4 _:lang(x)::-ms-backdrop, h4 .selector, h5 _:lang(x)::-ms-backdrop, h5 .selector, h6 _:lang(x)::-ms-backdrop, h6 .selector {
  font-family: "Segoe UI", Meiryo, sans-serif;
}

body {
  color: #242424;
  font-size: 16px;
  line-height: 2;
  text-align: justify;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
}

b, strong, .bold {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}

a {
  color: #007bff;
  text-decoration: none;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

a:hover {
  color: #ff5000;
  opacity: .7;
  text-decoration: none;
}

a[target="_blank"]::after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 0.8em;
  font-weight: 900;
  margin-left: .25em;
}

br.sp{
	display: none;
}

br.pc{
	display: block;
}

.header{display: none;
}

.erase a[target="_blank"]::after{
	content: none;
}

ol, ul {
  padding: 0;
}

ol li, ul li {
  list-style-type: none;
}

ol ol, ol ul, ul ol, ul ul {
  padding: 0;
}

table thead tr th, table thead tr td, table tbody tr th, table tbody tr td, .table thead tr th, .table thead tr td, .table tbody tr th, .table tbody tr td {
  vertical-align: middle;
}

.container{
	margin: 25px auto;
}

@media screen and (max-width: 991px) {
  .table-responsive th {
    white-space: wrap;
  }
}

@media screen and (max-width: 990px) {
  .table-horizontal th, .table-horizontal td {
    display: block;
    width: 100% !important;
  }
}

img {
  display: block;
  margin: auto;
  max-width: 100%;
  vertical-align: bottom;
}

/* header */
@media screen and (min-width: 991px) {
  header {
    margin-bottom: 0;
  }
}

.head-container{
	max-width: 1400px;
    border-bottom: 1px solid #ccc;
    margin: auto;
}


.headerTop {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  padding: 1.5em 10px 0;
	width: 100%;
}

@media screen and (max-width: 959px) {
  .headerTop {
    display: block;
    margin-bottom: 0;
  }
}

.headerTopLeft{
	display: block;
}

.headerTop .headerTopLeft_logo {
  margin-right: .5em;
}

.headerTop .headerTopLeft_txt {
  color: #405fae;
  font-weight: bold;
  margin: 0;
  font-size: 18px;
	text-align: center;
}

.headerTopRight {
  text-align: right;
	position: relative;
}

.headerTopRight .headerTopRight_btn {
  margin-bottom: .5em;
	position: relative;
	top:0;
	right: 300px;
}

.headerTopRight .headerTopRight_btn {
  margin-bottom: .5em;
  font-size: 16px;
}

.headerTopRight .headerTopRight_search{
	position: absolute;
	top:0;
	right:0;
}

@media screen and (max-width: 990px) {
  .headerTopRight .headerTopRight_btn {
    display: none;
  }
}

/* Navigation */
.snavList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
align-items: center;
}
    
    
@media screen and (max-width: 767px) {
  .snavList {
    display: none;
  }
}

.snavList .snavList_item {
  color: #6f7174;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 16px;
}

.snavList .snavList_link2 {
  color: #4a69b4;
  display: block;
  text-decoration: underline;
  width: 100%;
}

.navbar {
  padding: 0;
	margin:0 auto;
    max-width: 1400px;
}

.navbar-toggler {
  margin: 0 0 0 auto;
}

.navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.dropdown{
    position: inherit;
}

.dropdown-menu{
    padding-top: 1px;
}

.megamenu{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    min-height: 152px;
}

.megatitle{
    flex-basis: 530px;
    background-image: url("../img/megatitlebg.png");
    text-align: center;
    line-height: 152px;
    font-size: 24px;
    color: white;
    font-weight: bold;
}

.megamenu2{
    min-height: 214px;
}

.megatitle2{
    background-image: url("../img/megatitlebg2.png");
    line-height: 214px;
}

.megamenu3{
    min-height: 95px;
}

.megatitle3{
    line-height: 95px;
}

.megalist{
    display: flex;
    flex-wrap: wrap;
    padding: 30px 30px 0 30px;
    flex-basis: 870px;
    background: white;
}

.megalist p{
    font-size: 16px;
    width: 260px;
    color: #333;
    border-bottom: 1px solid #bbb;
    margin-right: 70px;
    margin-bottom: 20px;
    position: relative;
}

.megalist p a{
    color: #333;
}

.megalist p a:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  margin-left: 40px;
  margin-right: 0;
  color: #df4b23;
position: absolute;
    top: 2px;
    right: 20px;
}

  .navbar-nav {
    width: 768px;
    margin: auto;      
  }	

  .navbar-nav-hcp {
    width: 1000px;      
  }	

a.nav-link{
    font-size: 14px;
}


@media screen and (min-width: 991px) {
  .navbar-nav {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;   
  }	
}

.nav-item {
  border-right: none;
  font-size: 1.4rem;
  text-align: center;
  width: 100%;
}

.nav-item:first-child {
  border-left:none;
}

.dropdown-menu {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 0;
}

@media screen and (max-width: 990px) {
  .dropdown-menu {
    background: transparent;
  }
}

.dropdown-item {
  font-size: 1.4rem;
  text-align: center;
}

.dropdown-toggle::after {
  display: none;
}

@media screen and (min-width: 991px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
    width: 100%;
  }
}

.navbar-hcp .nav-item {
  background: #4a69b4;
  border-color: #fff;
}

.navbar-hcp .nav-link {
  color: #fff !important;
}

.navbar-hcp .dropdown-menu {
  background: #4a69b4;
}

.navbar-hcp .dropdown-item {
  color: #fff;
}

.navbar-patients .nav-item {
  border-color: #ccc;
	width:auto;
	padding: 0 10px;
}

.navbar-patients .nav-item:hover {
    background:#405fae;
}

.navbar-patients .nav-link:hover {
  color: #fff !important;
}

.navbar-patients .dropdown-menu {
  background: none;
}

.navbar-patients .dropdown-item {
  color: #333;
}

@media screen and (max-width: 990px) {
.snavList{
        justify-content: center;
	}

.headerTopRight .headerTopRight_search{
	position: absolute;
	top:40px;
	right:30%;
}
    
.navbar-hcp .dropdown-menu,.navbar-nav .dropdown-menu{
    position: relative;
    background: #72aee6;
    padding-bottom: 0;
    }
    
.navbar-hcp .dropdown-menu a,.navbar-nav .dropdown-menu a{
    border-bottom: 1px solid white;
}
}

@media screen and (max-width: 480px) {
    .headerTopRight .headerTopRight_search{
	top:7px;
	right:15%;
	display: none;
	}
    
    .navbar{
        margin-top: 30px;
		display: none;
    }

}


/* main */
#main {
  margin:0 auto 0;
    max-width: 1400px;
}

/* footer */
.footer {
  border-top: 1px solid #ccc;
  padding: 2em 0;
}

.footer .footer_txt {
  color: #999;
  font-size: 0.64em;
  margin: .5em 0;
    text-align: center;
}

.footerTop {
  margin-bottom: 1em;
}

.footerTop_logo{
    margin-bottom: 30px;
}

.footer_txt sup{
	color: inherit;
}

@media screen and (min-width: 768px) {
  .footerTop {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .footerTop .footerTop_logo {
    margin-bottom: 1em;
  }
}

.fnavList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fnavList .fnavList_item {
  color: #999;
  font-size: 0.8em;
  font-weight: bold;
  margin-bottom: 0;
  margin-right: 5em;
}

.fnavList .fnavList_item:last-child {
  margin-right: 0;
}

.fnavList .fnavList_link {
  color: inherit;
  text-decoration: none;
}

.fnavList .fnavList_link::after{
    content: "";
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
    font-weight: 900;
    margin-left: 20px;
    margin-right: 0;
    color: #4d59ab;
}

/* heading */
.heading_1 {
  background: #4a69b4;
  color: #fff;
  font-size: 2.441em;
  margin-bottom: 1em;
  padding: .25em .5em;
  text-align: right;
}

.heading_2 {
  color: #ff5000;
  font-size: 1.953em;
  font-weight: bold;
}

.heading_3 {
  border-bottom: 1px solid #999;
  color: #4a69b4;
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 1em;
  padding: .25em 0;
}

.heading_4 {
  font-size: 1em;
  font-weight: bold;
}

.mid-title {
  color: #4a69b4;
  font-size: 1.25em;
  font-weight: bold;
}

/* button */
.btn {/*
  border: 2px solid #4a69b4;
  color: #4a69b4 !important;
  display: inline-block;
  font-weight: bold;
  padding: .3em .75em;
  text-decoration: none;
*/
}

.btn-navy {
    border-radius: 0;
    border: none;
  color: #fff;
  display: inline-block;
    width: 276px;
  font-weight: bold;
  padding: .4em 1em;
    background: #df4b23;
    text-align: left;
    font-size: 15px;
}

.btn-navy:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  margin-left: 20px;
  margin-right: 0;
  color: #fff;
}

.btn-navy:hover {
  color: #fff;
}

.navy2{
	background: #4d59ab;
}

.btn-orange {
  display: inline-block;
  padding: .3em .75em;
}

button{
    color: #405fae;
    border: none;
    padding: 8px 15px;
}

.basic-search{
    padding: 7px;
    border: 1px solid #999;
    width: 230px;
}

.size-btn button{
	border: 1px solid #4a69b4;
    background: #fff;
    border-radius: 0;
    padding: 0px 7px;
    font-size: 13px;
	color:#4a69b4;
	font-weight: bold;
}

.size-btn button:hover{
	border: 1px solid #4a69b4;
    background: #4a69b4;
	color:white;
}

li.medium, li.mini{
	margin-right: 10px;
}

/* table */
.table1 tbody th {
  background: #ccc;
}

.table2 {
  border-radius: 1em;
  -webkit-box-shadow: 2px 2px 6px #c5c5c5;
          box-shadow: 2px 2px 6px #c5c5c5;
  font-size: 0.8em;
  overflow: hidden;
  text-align: center;
}

.table2 thead th {
  background: #2564ac;
  color: #fff;
}

.table2 thead th:first-child {
  text-align: left;
}

.table2 thead th:nth-last-child(2) {
  background: #ff5000;
}

.table2 tbody th {
  text-align: left;
}

.table2 tbody td:nth-last-child(2) {
  background: rgba(246, 72, 33, 0.2);
}

.table2-allblue thead th:first-child {
  text-align: center;
}

.table2-allblue thead th:nth-last-child(2) {
  background: #2564ac;
}

.table2-allblue tbody td:nth-last-child(2) {
  background: inherit;
}

.table-event {
  border-radius: 1em;
  -webkit-box-shadow: 2px 2px 6px #c5c5c5;
          box-shadow: 2px 2px 6px #c5c5c5;
  overflow: hidden;
  text-align: center;
}

.table-event thead th {
  background: #4a69b4;
  color: #fff;
  font-weight: bold;
}

.table-orange thead {
  background: #61b3e4;
  color: #fff;
}

.reference {
  color: #6f7174;
  font-size: 0.8em;
  text-align: left;
}

.link-disabled {
  pointer-events: none;
}

/* メイントップページ */
.mainTop {
  text-align: center;
}

.mainTop .mainTopMV {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(../img/mv.jpg) center/cover no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 466px;
}

@media screen and (max-width: 991px) {
  .mainTop .mainTopMV {
    height: 680px;
  }
}

.mainTop .mainTopMVTxt {
  margin: 0 auto -1em;
  padding: 2em;
}

.mainTop .mainTopMVTxt .mainTopMVTxt_img, .mainTop .mainTopMVTxt .mainTopMVTxt_txt {
  -webkit-filter: drop-shadow(0 0 1.5em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 1.5em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 1.5em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 1.5em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 1.5em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 1.5em rgba(255, 255, 255, 0.7));
          filter: drop-shadow(0 0 1.5em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 1.5em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 1.5em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 1.5em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 1.5em rgba(255, 255, 255, 0.7)) drop-shadow(0 0 1.5em rgba(255, 255, 255, 0.7));
}

.mainTop .mainTopMVTxt .mainTopMVTxt_img {
  margin-bottom: .5em;
}

.mainTop .mainTopMVTxtWrapper {
  margin-bottom: 3em;
}

.mainTop .mainTop_btn {
  background: #fff;
  border: 1px solid;
  display: inline-block;
  font-size: 1.15em;
  font-weight: bold;
  margin-bottom: 1em;
  padding: .6em 1.5em;
}

@media screen and (max-width: 767px) {
	
  .heading_1{
	  font-size: 1.5em;
	}
	
	.mainTop .mainTop_btn {
    font-size: 1em;
  }
.subtop .mv {
	min-height:150px;
}
}

.mainTop .mainTop_btn-navy {
  border-color: #4a69b4;
  color: #4a69b4;
}

.mainTop .mainTop_btn-navy:hover {
  color: #4a69b4;
}

.mainTop .mainTop_btn-orange {
  border-color: #ff5000;
  color: #ff5000;
}

.mainTop .mainTop_btn-orange:hover {
  color: #ff5000;
}

/* 各トップページ */
.subtop .mv {
	background: url(../../hcp/img/video_bg.jpg) top center no-repeat;
	background-size: contain;
	
}

.subtop .kaiteki {
  background: #fef2ef;
  margin-bottom: 2em;
  padding: 2.2em 2.5em;
}

.subtop .kaiteki .kaiteki_heading {
  color: #ff5000;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: .9em;
}

.subtop .hcpTopBlock {
  border: 1px solid #eaedf3;
  margin-bottom: 2em;
  padding: 2.2em 2.5em;
}

.subtop .hcpTopBlock .hcpTopBlock_heading1 {
  font-size: 1.563em;
  font-weight: bold;
}

.subtop .hcpTopBlock .hcpTopBlock_heading2 {
  color: #6f7174;
  font-size: 1em;
  font-weight: bold;
}

.subtop .hcpTopBlock .hcpTopBlock_txt {
  font-size: 0.8em;
}

.subtop .topBlockHalf {
  border: 1px solid #eaedf3;
  height: calc(100% - 2em);
  margin-bottom: 2em;
}

.subtop .topBlockHalfTxt {
  padding: 1.5em 1.75em;
}

.subtop .topBlockHalfTxt .topBlockHalfTxt_heading {
  font-size: 1.6rem;
  font-weight: bold;
}

.subtop .topBlockHalfTxt .topBlockHalfTxt_link {
  color: #242424;
}

.subtop .topBlockHalfTxt .topBlockHalfTxt_link:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 0.8em;
  font-weight: 900;
  color: #ff5000;
  margin-left: 0.25em;
  margin-right: 0;
}

.subtop .topBlockHalfTxt .topBlockHalfTxt_txt {
  font-size: 0.8em;
  margin-bottom: 0;
}

.subtop .news {
  margin-bottom: 2em;
}

.subtop .newsHead {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: solid 2px #eaedf3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: .25em;
  position: relative;
}

.subtop .newsHead:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #ff5000;
  bottom: -2px;
  width: 20%;
}

.subtop .newsHead .newsHead_heading {
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: .5em;
}

.subtop .newsHead .newsHead_txt {
  font-size: 0.8em;
  margin-bottom: 0;
}

.subtop .newsHead .newsHead_link {
  color: inherit;
}

.subtop .newsHead .newsHead_link:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 0.8em;
  font-weight: 900;
  color: #ff5000;
  margin-left: 0.25em;
  margin-right: 0;
}

.subtop .newsBlock {
  border-bottom: 1px solid #eaedf3;
  font-size: 1.4rem;
  padding: 10px 70px 5px;
}

.subtop .newsBlock dl{
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
}

.hcp-news .newsBlock {
  border-bottom: 1px solid #eaedf3;
  font-size: 1.6rem;
  padding: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.hcp-news .newsBlock dl{
    display: block;
    margin-bottom: 0;
}

.subtop .newsBlock .newsBlock_date {
	flex-shrink: 0;
  color: #cf4520;
  font-weight: bold;
  margin-right: 30px;
    font-size: 1.4rem;
}

.hcp-news .newsBlock .newsBlock_date {
  color: #fff;
    margin-bottom: 0;
}

.subtop .newsBlock dl dd{
    font-size:1.6rem;
}

.hcp-news .newsBlock dl dd{
    line-height: 1.5;
}

.subtop .newsBlock .newsBlock_link {
  color: inherit;
}

.hcp-news .newsBlock .newsBlock_link{
    color: #fff;
    font-weight: 100;
    line-height: 1.5;
}

.hcp-news .newsBlock .newsBlock_link:hover{
    text-decoration:underline;
    color: #00ADEF;
    opacity: 1;
}

/* patients/therapy/life.html */
.lifeBlock {
  display: table;
  margin-bottom: 2em;
}

.lifeBlock .lifeBlock_img {
  display: table-cell;
  padding-right: 1em;
  vertical-align: middle;
  width: 6em;
}

.lifeBlock .lifeBlock_txt {
  display: table-cell;
}

.lifeBlock .lifeBlock_txt p {
  margin-bottom: 0;
}

/* MISC */
.list-dotted {
  padding-left: 1.5em;
}

.list-dotted > li {
  list-style-type: disc;
}

.list-dotted > li > ul {
  padding-left: 1.4em;
}

.list-dotted > li > ul > li {
  list-style-type: circle;
}

.list-decimal {
  padding-left: 1.5em;
}

.list-decimal li {
  list-style-type: decimal;
}

.font-size-big-5 {
  font-size: 3.052em;
}

.font-size-big-4 {
  font-size: 2.441em;
}

.font-size-big-3 {
  font-size: 1.953em;
}

.font-size-big-2 {
  font-size: 1.563em;
}

.font-size-big-1 {
  font-size: 1.25em;
}

.font-size-normal {
  font-size: 1em;
}

.font-size-small-1 {
  font-size: 0.8em;
}

.font-size-small-2 {
  font-size: 0.64em;
}

.font-size-small-3 {
  font-size: 0.512em;
}

.text-navy {
  color: #4a69b4;
}

.text-orange {
  color: #ff5000;
}

.movie {
  padding: 56.25% 0 0 0;
  position: relative;
}

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

.block {
  margin-bottom: 1em;
}

.blockRight {
  text-align: right;
}

.blockRight .blockRight_txt {
  display: inline-block;
  text-align: left;
}

#checkmodal {
  cursor: pointer;
}

#close {
  cursor: pointer;
  margin-bottom: 0;
}

.kakunin {
  background: #fff;
  border-radius: 1em;
  -webkit-box-shadow: 0 0 1em rgba(36, 36, 36, 0.7);
          box-shadow: 0 0 1em rgba(36, 36, 36, 0.7);
  display: none;
  left: 50%;
  max-width: 640px;
  padding: 3em 5em;
  position: fixed;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.show-pp, .show-pl, .show-tp, .show-tl, .show-dt, .show-pp-block, .show-pp-inline, .show-pp-inline-block, .show-pl-block, .show-pl-inline, .show-pl-inline-block, .show-tp-block, .show-tp-inline, .show-tp-inline-block, .show-tl-block, .show-tl-inline, .show-tl-inline-block, .show-dt-block, .show-dt-inline, .show-dt-inline-block {
  display: none !important;
}

@media (max-width: 539px) {
  .show-pp, .show-pp-block {
    display: block !important;
  }
  .show-pp-inline-block {
    display: inline-block !important;
  }
  .show-pp-inline {
    display: inline !important;
  }
    
.subtop .hcpTopBlock2{
  padding: 0.5em;
}
}

@media (min-width: 540px) and (max-width: 767px) {
  .show-pl, .show-pl-block {
    display: block !important;
  }
  .show-pl-inline-block {
    display: inline-block !important;
  }
  .show-pl-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 990px) {
  .show-tp, .show-tp-block {
    display: block !important;
  }
  .show-tp-inline-block {
    display: inline-block !important;
  }
  .show-tp-inline {
    display: inline !important;
  }
}

@media (min-width: 991px) and (max-width: 1199px) {
  .show-tl, .show-tl-block {
    display: block !important;
  }
  .show-tl-inline-block {
    display: inline-block !important;
  }
  .show-tl-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .show-dt, .show-dt-block {
    display: block !important;
  }
  .show-dt-inline-block {
    display: inline-block !important;
  }
  .show-dt-inline {
    display: inline !important;
  }
}

@media (max-width: 539px) {
  .hide-pp {
    display: none !important;
  }
}

@media (min-width: 540px) and (max-width: 767px) {
  .hide-pl {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 990px) {
  .hide-tp {
    display: none !important;
  }
}

@media (min-width: 991px) and (max-width: 1199px) {
  .hide-tl {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hide-dt {
    display: none !important;
  }
}

.row-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/*------------------------------------------*/
/* TB用 （768px以下）*/
@media screen and (max-width: 960px) {
	
	.headerTopRight{
		display: none;
	}
	
	.navbar{
		display: none;
	}
	
    section.header{
    display: block;
		padding-right: 10px;
	}
        
	/* ハンバーガーメニュー */

	.headmenu{
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  padding: 0 20px;
	  background: #fff;
	}


	.logo {
	  font-size: 24px;
	}

	/* ここから下がハンバーガーメニューに関するCSS */

	/* チェックボックスを非表示にする */
	.drawer_hidden {
	  display: none;
	}

	/* ハンバーガーアイコンの設置スペース */
	.drawer_open {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  position: absolute;
	top:35px;
	  right: 50px;
	  z-index: 100;/* 重なり順を一番上にする */
	  cursor: pointer;
	}

	/* ハンバーガーメニューのアイコン */
	.drawer_open span,
	.drawer_open span:before,
	.drawer_open span:after {
	  content: '';
	  display: block;
	  height: 3px;
	  width: 25px;
	  border-radius: 3px;
	  background: #333;
	  transition: 0.5s;
	  position: absolute;
	}

	/* 三本線の一番上の棒の位置調整 */
	.drawer_open span:before {
	  bottom: 8px;
	}

	/* 三本線の一番下の棒の位置調整 */
	.drawer_open span:after {
	  top: 8px;
	}

	/* アイコンがクリックされたら真ん中の線を透明にする */
	#drawer_input:checked ~ .drawer_open span {
	  background: rgba(255, 255, 255, 0);
	}

	/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
	#drawer_input:checked ~ .drawer_open span::before {
	  bottom: 0;
	  transform: rotate(45deg);
	}

	#drawer_input:checked ~ .drawer_open span::after {
	  top: 0;
	  transform: rotate(-45deg);
	}

	/* メニューのデザイン*/
	.nav_content {
	  width: 100%;
	  height: 620px;
	  position: fixed;
	  bottom: 110%;
	  left: 0%; /* メニューを画面の外に飛ばす */
	  z-index: 99;
	  background: none;
	  transition: .3s;
	  text-align: center;
	  padding-top: 20px;
	}
	
	.addform .nav_content {
	  height: 663px;
	}

	/* メニュー黒ポチを消す */
	.nav_list {
	  list-style: none;
		padding-top: 20px;
	}

	.nav_item a {
	  color: #fff;
	  text-decoration: none;
	}

	/* アイコンがクリックされたらメニューを表示 */
	#drawer_input:checked ~ .nav_content {
	  bottom: -601px;/* メニューを画面に入れる */
		position: absolute;
	}
	
	.addform #drawer_input:checked ~ .nav_content {
	  bottom: -644px;/* メニューを画面に入れる */
	}	
	
	a.droparrow::after {
		content: "";
		font-family: "Font Awesome 5 Free";
		font-size: 20px;
		font-weight: 900;
		position: absolute;
		right: 15px;
		top:6px;
		color: #fff;
	}
	
	.anotherside{
		background: #df4b23;
		padding: 15px 0;
		margin-bottom: 0;
	}
	
	.anotherside a{
		color:white;
	}
	
	
	.anotherside a::after{
	content: "";
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
    font-weight: 900;
    margin-left: 40px;
    margin-right: 0;
    color: #fff;
	}
	
	.navimain{
		background: #4d59ab;
		padding: 20px;
	}

	.navimain li{
		border-bottom: 1px solid #fff;
		padding: 8px 0;
		position: relative;
	}
	
	.navimain li:first-child{
		border-top: 1px solid #fff;
	}	
	
	.navimain li.dropdown{
		padding: 0;
		}
		
	.acd-check{
	  display: none;
	}
	.acd-label{
	  color: #fff;
	  display: block;
	  margin-bottom: 1px;
	  padding: 10px;
	}
	
	.acd-label:after{
		content: "";
		font-family: "Font Awesome 5 Free";
		font-size: 20px;
		font-weight: 900;
		position: absolute;
		right: 15px;
		top:6px;
		color: #fff;
	}	
	
	.acd-check:checked + .acd-label:after{
    content: "";
}	
	.acd-content{
	  height: 0;
	  opacity: 0;
	  padding: 0 10px;
		background: white;
	  transition: .5s;
	  visibility: hidden;
	}
	
	.acd-check:checked + .acd-label + .patients01{
	  height: 211px;
	  opacity: 1;
	  padding: 0;
	  visibility: visible;
	}
	
	.acd-check:checked + .acd-label + .patients02{
	  height: 264px;
	  opacity: 1;
	  padding: 0;
	  visibility: visible;
	}
	
	.acd-check:checked + .acd-label + .patients03{
	  height: 157px;
	  opacity: 1;
	  padding: 0;
	  visibility: visible;
	}
	
	.acd-check:checked + .acd-label + .hcp01{
	  height: 317px;
	  opacity: 1;
	  padding: 0;
	  visibility: visible;
	}
	
	.acd-check:checked + .acd-label + .hcp02{
	  height: 211px;
	  opacity: 1;
	  padding: 0;
	  visibility: visible;
	}
	
	.acd-check:checked + .acd-label + .hcp03{
	  height: 264px;
	  opacity: 1;
	  padding: 0;
	  visibility: visible;
	}
	
	.acd-check:checked + .acd-label + .hcp04{
	  height: 157px;
	  opacity: 1;
	  padding: 0;
	  visibility: visible;
	}		
	
	.acd-check:checked + .acd-label + .hcp05{
	  height: 211px;
	  opacity: 1;
	  padding: 0;
	  visibility: visible;
	}
	
	.acd-content a{
		color: #333;
		display: block;
		padding: 10px;
		border-bottom: 1px solid #999;
	}
	
	
	.headerTop{
		padding-top: 20px;
	}
	
	.headerTopLeft{
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		width: 100%;
		margin: auto;
		padding-bottom: 20px;
		position: relative;
	}
	
	.headerTop .headerTopLeft_logo{
		margin-left: 10px;
	}
	
	.headerTopLeft_logo img{
		width: 300px;
		height: 68px;
	}
	
	.headerTop .headerTopLeft_txt{
		font-size: 1.8rem;
		position: relative;
		top: 15px;
	}	
	
	
	
}




/*------------------------------------------*/
/* SP用 （599px以下）*/
@media screen and (max-width: 599px) {
	
	br.sp{
	display: block;
	}
	
	br.pc{
	display: none;
	}
	
    section.header{
    display: block;
		padding-right: 10px;
	}
        
	/* ハンバーガーメニュー */

	.headmenu{
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  padding: 0 20px;
	  background: #fff;
	}


	.logo {
	  font-size: 24px;
	}

	/* ここから下がハンバーガーメニューに関するCSS */

	/* チェックボックスを非表示にする */
	.drawer_hidden {
	  display: none;
	}

	/* ハンバーガーアイコンの設置スペース */
	.drawer_open {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  position: absolute;
		top:15px;
	  right: 30px;
	  z-index: 100;/* 重なり順を一番上にする */
	  cursor: pointer;
	}

	/* ハンバーガーメニューのアイコン */
	.drawer_open span,
	.drawer_open span:before,
	.drawer_open span:after {
	  content: '';
	  display: block;
	  height: 3px;
	  width: 25px;
	  border-radius: 3px;
	  background: #333;
	  transition: 0.5s;
	  position: absolute;
	}

	/* 三本線の一番上の棒の位置調整 */
	.drawer_open span:before {
	  bottom: 8px;
	}

	/* 三本線の一番下の棒の位置調整 */
	.drawer_open span:after {
	  top: 8px;
	}

	/* アイコンがクリックされたら真ん中の線を透明にする */
	#drawer_input:checked ~ .drawer_open span {
	  background: rgba(255, 255, 255, 0);
	}

	/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
	#drawer_input:checked ~ .drawer_open span::before {
	  bottom: 0;
	  transform: rotate(45deg);
	}

	#drawer_input:checked ~ .drawer_open span::after {
	  top: 0;
	  transform: rotate(-45deg);
	}

	/* メニューのデザイン*/
	.nav_content {
	  width: 100%;
	  height: 620px;
	  position: fixed;
	  bottom: 110%;
	  left: 0%; /* メニューを画面の外に飛ばす */
	  z-index: 99;
	  background: none;
	  transition: .3s;
	  text-align: center;
	  padding-top: 20px;
	}

	/* メニュー黒ポチを消す */
	.nav_list {
	  list-style: none;
		padding-top: 20px;
	}

	.nav_item a {
	  color: #fff;
	  text-decoration: none;
	}

	/* アイコンがクリックされたらメニューを表示 */
	#drawer_input:checked ~ .nav_content {
	  bottom: -601px;/* メニューを画面に入れる */
		position: absolute;

	}
	
	
	a.droparrow::after {
		content: "";
		font-family: "Font Awesome 5 Free";
		font-size: 20px;
		font-weight: 900;
		position: absolute;
		right: 15px;
		top:6px;
		color: #fff;
	}
	
	.anotherside{
		background: #df4b23;
		padding: 15px 0;
		margin-bottom: 0;
	}
	
	.anotherside a{
		color:white;
	}
	
	
	.anotherside a::after{
	content: "";
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
    font-weight: 900;
    margin-left: 40px;
    margin-right: 0;
    color: #fff;
	}
	
	.navimain{
		background: #4d59ab;
		padding: 20px;
	}

	.navimain li{
		border-bottom: 1px solid #fff;
		padding: 8px 0;
		position: relative;
	}
	
	.navimain li:first-child{
		border-top: 1px solid #fff;
	}	
	
	.navimain li.dropdown{
		padding: 0;
		}
		
	.acd-check{
	  display: none;
	}
	.acd-label{
	  color: #fff;
	  display: block;
	  margin-bottom: 1px;
	  padding: 10px;
	}
	
	.acd-label:after{
		content: "";
		font-family: "Font Awesome 5 Free";
		font-size: 20px;
		font-weight: 900;
		position: absolute;
		right: 15px;
		top:6px;
		color: #fff;
	}	
	
	.acd-check:checked + .acd-label:after{
    content: "";
}	
	.acd-content{
	  height: 0;
	  opacity: 0;
	  padding: 0 10px;
		background: white;
	  transition: .5s;
	  visibility: hidden;
	}
	
	.acd-check:checked + .acd-label + .patients01{
	  height: 211px;
	  opacity: 1;
	  padding: 0;
	  visibility: visible;
	}
	
	.acd-check:checked + .acd-label + .patients02{
	  height: 264px;
	  opacity: 1;
	  padding: 0;
	  visibility: visible;
	}
	
	.acd-check:checked + .acd-label + .patients03{
	  height: 157px;
	  opacity: 1;
	  padding: 0;
	  visibility: visible;
	}
	
	.acd-check:checked + .acd-label + .hcp01{
	  height: 317px;
	  opacity: 1;
	  padding: 0;
	  visibility: visible;
	}
	
	.acd-check:checked + .acd-label + .hcp02{
	  height: 316px;
	  opacity: 1;
	  padding: 0;
	  visibility: visible;
	}
	
	.acd-check:checked + .acd-label + .hcp03{
	  height: 264px;
	  opacity: 1;
	  padding: 0;
	  visibility: visible;
	}
	
	.acd-check:checked + .acd-label + .hcp04{
	  height: 157px;
	  opacity: 1;
	  padding: 0;
	  visibility: visible;
	}		
	
	.acd-check:checked + .acd-label + .hcp05{
	  height: 211px;
	  opacity: 1;
	  padding: 0;
	  visibility: visible;
	}
	
	.acd-content a{
		color: #333;
		display: block;
		padding: 10px;
		border-bottom: 1px solid #999;
	}
	
	
	.headerTop{
		padding-top: 20px;
	}
	
	.headerTopLeft{
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		width: 100%;
		margin: auto;
		padding-bottom: 20px;
		position: relative;
	}
	
	.headerTop .headerTopLeft_logo{
		margin-left: 10px;
	}
	
	.headerTopLeft_logo img{
		width: 150px;
		height: 34px;
	}
	
	.headerTop .headerTopLeft_txt{
		font-size: 1.4rem;
		position: relative;
		top: 5px;
	}
	
	.subtop .newsBlock dl{
		display: block;
	}
	
	.subtop .newsBlock{
		padding-left: 3%;
		padding-right: 3%;
		line-height: 1.3;
	}
	
	.topicnews .newsarchive{
		margin-top: 30px;
		margin-bottom: 60px;
	}
	
	.fnavList{
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.fnavList .fnavList_item{
		margin-right: 2em;
	}

	.hcp-news .newsBlock .newsBlock_date{
		margin-bottom: 6px;
	}

}

/*------------------------------------------*/
/* SP用 （320px以下）*/
@media screen and (max-width: 320px) {

.headerTopLeft_logo img{
	width: 128px;
	height: auto;
	}

	.headerTop .headerTopLeft_txt{
		font-size: 1.2rem;
	}