@charset "utf-8";
/*
Theme Name: OPTUNE
Theme URI: https://www.optune.jp
Author: Fuji seihan printing co., ltd.
Author URI: https://www.fujiseihan.co.jp/
Description: オプチューン専用ワードプレステーマ
Version: 1.0
*/

ul.pa-li{
	margin-bottom: 50px;
}


ul.pa-li li::before{
    content:  "";     /* 空の要素作成 */
    width:  13px;               /* 幅指定 */
    height:  13px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #4a69b4;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: 1px;                  /* 位置調整 */
    margin-right: 2rem;          /* 余白指定 */	
}

ul.pa-li li{
	margin-left: 3rem;
		padding-left:2em;
	text-indent:-2em;
}

ul.pa-li li span{
	color:#ff5000;
	font-weight: bold;
}


h2.entrytitle{
	font-size: 16px;
	margin-bottom: 20px;
}

tr.title-line{
	background-color: #3A5CAC;
	border: 1px solid #dddddd;
	color: #fff;
	text-align: left;
	vertical-align: middle;
}

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

.table-event p{
	margin: 1rem 0;
}

span.normal{
display: none;
}

span.badge-danger{
	color: #fff;
    background-color: #dc3545;
	display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

span.badge-pending{
	color: #fff;
    background-color: #3a5cac;
	display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

span.badge-success{
	color: #fff;
    background-color: #28a745;
	display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


/*ページナビゲーション*/
.pagenavigation{
	margin: 0 auto;
	text-align: center;
}

.wp-pagenavi{
	display: inline-block;
}

.wp-pagenavi a, .wp-pagenavi span{
	padding: 10px 15px;
	color:#333;
	font-size: 14px;
}

.wp-pagenavi a:hover{
	background: #3A5CAC;
	color: #fff;
}

.wp-pagenavi span.current{
	background: #3A5CAC;
	color: #fff;
	border: none;
}

/*投稿（シングル）ページ*/
h2.entrytitle{
	border-bottom: 2px solid #ffcd00;
	margin: 10px auto 5px;
	color:#333;
}

h2.entrytitle a{
	color:#3a5cac;
}

ul.post-categories{
	display: flex;
	justify-content: flex-end;
}

ul.post-categories li{
	list-style: none;
	background: #61b3e4;
	color: #fff;
	padding: 0 10px;
	margin-right: 10px;
	border-radius: 4px;
}

ul.post-categories li.topics{	
	background:#61b3e4;
}

ul.post-categories li.society{	
	background:#FFA300;
}


ul.post-categories li a{
	font-size: 12px;
}

.entrycontent{
	margin: 30px auto 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	font-size: 1.6rem;
}

.special .entrycontent{
	margin-bottom: 70px;
}

.entrycontent a, .notfound a{
	color:#00ADEF;
	text-decoration: underline;
}

span.prev a, span.next a{
	color: #3a5cac;
	font-size: 1.4rem;}

.btn p {
    overflow: hidden;
}

.btn a {
	border: 1px solid #666;
	margin: 2em 0;
	padding: .3em 2em;
	float: right;
	font-size: 14px;
	color: #333;
}

.btn{
	display: block;
}


/*アーカイブページ*/
.news_archive .entrytitle{
	font-size: 1.4rem;
	text-align: left;
	border: none;
	width: 100%!important;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

.news_archive time{
	font-size: 14px;
}

ul.post-categories{
	justify-content: flex-start;
}

nav.postnavi{
	display: flex;
	justify-content: space-between;
}

aside.category_list{
	margin-bottom: 30px;
}

div.sidebar_title{
	padding: 15px 0;
	text-align: center;
	font-weight: bolder;
}

aside.category_list li:first-child:hover a,aside.archives_list li:first-child:hover a,aside.category_list li a,aside.archives_list li a{
	background: #fff;
	color: #3A5CAC;
	text-decoration: underline;
	text-align: center;
}

.news_sidebar{
float: left;
overflow: hidden;
	width: 200px;
}

.order-choice{
	margin-bottom: 40px;
	border-bottom: 1px dotted #999;
	padding-bottom: 0;
}

.order-choice ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 60px;
}

.order-choice ul li{
	width: 24%;
	margin-right: 1%;
	margin-bottom: 0;
}

.order-choice ul li img{
	border: 1px solid #ddd;
}

.order-choice ul li a::after{
	content: inherit;
}

.contactcontent .order-choice ul p{
	display: flex;
    align-items: end;
	justify-content: center;
	margin: auto;
}

.contactcontent .order-choice input{
	background: white;
	text-align: center;
	color: #666;
}

.order-title{
	background: #ddd;
	color: #333;
	text-align: center;
	padding: 20px 0;
	font-size: 2rem!important;
	margin-bottom: 20px!important;
}

.bookamount{
	margin-bottom: 6px;
    margin-left: 10px;
}

.booktitle{
	text-align: center;
	display: block;
	font-weight: bold;
}

.bookdesc{
	font-size: 1.4rem;
	display: block;
	padding: 10px;
	line-height: 1.6;
}

.booknote{
	font-size: 1.3rem;
}

.tooltips{
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.tooltips img{
    margin:0;
    padding:0;
}

.description {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #65aeed;
    border-radius: 5px;
    background: #65aeed;
    width: 602px;
}

.description:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 18%;
    border: 15px solid transparent;
    border-top: 15px solid #65aeed;
    margin-left: -15px;
}
.tooltips:hover .description{
    display: inline-block;
    top: -310px;
    left: 0;
}

div.separate{
	display: flex;
	margin-bottom: 50px;
}

@media (max-width: 768px){
	
.order-choice ul.forp{
	display: block;
	margin-bottom: 60px;
	}
	
.order-choice ul li{
	width: 49%;
	margin-bottom: 30px;
}
	
.order-choice ul.forp li{
	width: 100%;
	margin-bottom: 30px;
}
}

@media only screen and (min-width: 1170px){
section.news_archive {
    padding: 0 0 4em;
}
}

/*会員ページ　テーブルレイアウト*/

table.spcontents {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
	font-size: 14px;
}

table.spcontents tr {
  background-color: #eee;
  padding: .35em;
  border-bottom: 2px solid #fff;
}
table.spcontents th,
table.spcontents td {
  padding: 1em 10px 1em 1em;
  border-right: 2px solid #fff;
	vertical-align: top;
}
table.spcontents th {
  font-size: .85em;
}
table.spcontents thead tr{
  background-color: #ff5000;
  color:#fff;
}
table.spcontents tbody th {
    background: #ff5000;
    color: #fff;
}
.txt{
   text-align: left;
   font-size: .85em;
}
.price{
  text-align: right;
  color: #167F92;
  font-weight: bold;
}
.non{
  background:#fff
}

table.spcontents th.for_abstract, table.spcontents th.for_link,table.spcontents td.for_abstract, table.spcontents td.for_link{
	width: 100px;
	text-align: center;
	vertical-align: middle;
}

table.spcontents th.for_author{
	width: 150px;
	text-align: center;
	vertical-align: middle;

}

table.spcontents th.for_topic{
	width: 300px;
	text-align: center;
	vertical-align: middle;
}

.for_check{
	width: 50px;
	text-align: center;
	vertical-align: middle;
}

	table.spcontents th.for_title{
	text-align: center;
	vertical-align: middle;
}

table.spcontents td.mov_movie, table.spcontents th.mov_movie{
	width: 100px;
	text-align: center;
	vertical-align: middle;
}

table.spcontents td.mov_society, table.spcontents th.mov_society{
	width: 250px;
	vertical-align: middle;
}

table.spcontents td.mov_date,table.spcontents th.mov_date, table.spcontents td.others_date,table.spcontents th.others_date{
	width: 180px;
	vertical-align: middle;
}

table.spcontents td.mov_chair,table.spcontents th.mov_chair{
	vertical-align: middle;
}

table.spcontents td.mov_subject,table.spcontents th.mov_subject,table.spcontents td.others_subject,table.spcontents th.others_subject{
	width: 300px;
	vertical-align: middle;
}

th.mov_society, th.mov_date, th.mov_subject, th.mov_chair, th.mov_movie,th.others_vol, th.others_date, th.others_subject, th.others_chair, th.others_movie{
	text-align: center;
}

table.spcontents td.others_movie, table.spcontents th.others_movie{
	width: 100px;
	text-align: center;
	vertical-align: middle;
}

table.spcontents td.others_vol, table.spcontents th.others_vol{
	width: 50px;
	text-align: center;
	vertical-align: middle;
}

.specialPR{
	height: auto;
	margin-bottom: 35px;
}


@media screen and (max-width: 600px) {
	
.order-choice{
	margin-bottom: 10px;
	padding-bottom: 20px;
}
	
ul.pa-li li{
	margin-left: 0;
		padding-left:1em;
	text-indent:-1em;
}
	
.for_check, table.spcontents td.for_abstract, table.spcontents td.for_link, table.spcontents td.mov_movie, table.spcontents th.mov_movie, table.spcontents td.mov_society,table.spcontents td.mov_date,table.spcontents td.mov_subject,table.spcontents td.others_vol,table.spcontents td.others_date,table.spcontents td.others_chair, table.spcontents td.others_subject,table.spcontents td.others_date,table.spcontents td.others_movie{
	width: 100%;
	text-align: left;
}		
	
  table.spcontents {
    border: 0;
    width:100%
  }
  table.spcontents th{
    background-color: #167F92;
    display: block;
    border-right: none;
  }
  table.spcontents thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table.spcontents tr {
    display: block;
    margin-bottom: .625em;
  }
  table.spcontents td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: 16px;
    text-align: left;
    position: relative;
    padding: .625em .625em .625em 6em;
    border-right: none;
	  line-height: 1.5;
  }
  
  table.spcontents td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
    color: #167F92;
  }
  table.spcontents td:last-child {
    border-bottom: 0;
  }
  table.spcontents tbody th {
    color: #fff;
}
}


.swpm-registration-membership-level-row{
	display:none;
}

.swpm-profile-phone-row,.swpm-profile-street-row,.swpm-profile-city-row,.swpm-profile-state-row,.swpm-profile-zipcode-row,.swpm-profile-country-row,.swpm-profile-company-row{
	display : none;
}

/* 治療可能院の設定 */
section.for_sp{
	display: inherit;
}

section.for_sp dt{
	border-bottom:1px solid #ddd;
	margin-bottom: 5px;
}

section.for_sp a{
	color: #4a69b4;
}

@media (min-width: 768px){
section.for_sp{
	display: none;
}
}





/* ポップアップウインドウの設定 */
.row label{
	display: block;
}

.popup,.popup2,.popup3,.popup4,.popup5,.popup6,.popup7,.popup8,.popup9,.popup10,.popup11 {
  background-color: #efefef;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, .8);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 80%;
  height: 150px;
  overflow-y: no;
	text-align: center;
	z-index: 99999;
}
/* チェックボックスの初期設定 */
#popup-on,#popup-on2,#popup-on3,#popup-on4,#popup-on5,#popup-on6,#popup-on7,#popup-on8,#popup-on9,#popup-on10,#popup-on11{
  display: none;
}
/* チェックされたらポップアップウインドウを開く */
#popup-on:checked + .popup,#popup-on2:checked + .popup2,#popup-on3:checked + .popup3,#popup-on4:checked + .popup4,#popup-on5:checked + .popup5,#popup-on6:checked + .popup6,#popup-on7:checked + .popup7,#popup-on8:checked + .popup8,#popup-on9:checked + .popup9,#popup-on10:checked + .popup10,#popup-on11:checked + .popup11{
  display: block;
}

/* 閉じるアイコン（右上） */
.icon-close{
  background: #000;
  color: #fff;
  font-size: 30px;
  padding: 0 10px;
  position: absolute;
  right: 0;
}

/* 閉じるボタン */
.btn-close{
  background: #000;
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  margin: 10px auto;
  width: 95%;
  text-align: center;
}

/* 開くボタン */
.btn-open{
  background: #fff;
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  margin: 10px auto;
  width: 95%;
  text-align: center;
}

.home .btn-open{
      background-color:inherit;
  border-radius:0;
  padding: 0;
  width: 100%;
}









/* ログインボックス・会員登録ボックス */
.regi_box, .login_box{
	max-width: 800px;
	margin: 0 auto;
	padding: 40px;
	background: #eee;
}

.login_box{
	max-width: 360px;
}

.regi_box table,.login_box table{
	width: 90%;
	margin: auto;
}

.swpm-login-form-submit,.swpm-registration-submit{
	border: none;
	padding: 5px 15px;
	color: white;
	background: #3a5cac;
	border-radius: 9px;
	margin: 15px auto;
}

/* ポップアップの内容 */
.popup-content,.popup-content2,.popup-content3,.popup-content4,.popup-content5,.popup-content6,.popup-content7,.popup-content8,.popup-content9,.popup-content10,.popup-content11{
  margin: 60px auto 0 auto;
	width: 100%;
    background: #efefef;
    padding: 0 20px 20px;
}

.popup a[target="_blank"]::after,.popup2 a[target="_blank"]::after,.popup3 a[target="_blank"]::after,.popup4 a[target="_blank"]::after,.popup5 a[target="_blank"]::after,.popup6 a[target="_blank"]::after,.popup7 a[target="_blank"]::after,.popup8 a[target="_blank"]::after,.popup9 a[target="_blank"]::after,.popup10 a[target="_blank"]::after,.popup11 a[target="_blank"]::after{
	display: none;
}

@media (min-width: 768px){
.col-md-3{
	-ms-flex:0 0 33%;
	flex:0 0 33%;
	max-width:100%}
}

.col-md-3 p{
	font-size: 14px;
	
}

.col-md-3 p img{
	margin:0;
}



/* 患者様資料 */
.page-id-26 .movie{
	padding: 40.25% 0 0 0;
}

.page-id-26 .movie iframe{
    left: 17%;
    width: 70%;
}

.col-md-6-or{
	flex: 0 0 24%;
    max-width: 24%;
	margin-bottom: 30px;
}

.col-md-6-or p:first-child{
	font-size: 1.2rem;
	text-align: center;
	margin-bottom: 0;
}

.col-md-6-or p:last-child{
	font-size: 1.2rem;
	margin-bottom: 0;
	padding: 0 20px;
}

.col-md-6-or .popup-content p,.col-md-6-or .popup-content2 p,.col-md-6-or .popup-content3 p,.col-md-6-or .popup-content4 p,.col-md-6-or .popup-content5 p,.col-md-6-or .popup-content6 p,.col-md-6-or .popup-content7 p,.col-md-6-or .popup-content8 p,.col-md-6-or .popup-content9 p{
	font-size: 16px;	
}

.col-md-6-or .popup-content p:last-child,.col-md-6-or .popup-content2 p:last-child,.col-md-6-or .popup-content3 p:last-child,.col-md-6-or .popup-content4 p:last-child,.col-md-6-or .popup-content5 p:last-child,.col-md-6-or .popup-content6 p:last-child,.col-md-6-or .popup-content7 p:last-child,.col-md-6-or .popup-content8 p:last-child,.col-md-6-or .popup-content9 p:last-child{
	margin-top:0;	
}

.btn-open img{
	border: 1px solid #eee;
}

.item{
	flex-basis: 50%;
}

.specialbnr{
	margin: 30px auto 80px;
}


@media screen and (max-width: 600px) {
	.row{
		display: block;
		margin: 0 auto;
	}
	
	.item{
	flex-basis: 49%;
}
	
	.specialbnr{
	margin: 30px auto 30px;
}
	
	.col-md-6-or{
		flex: none;
		max-width: none;
		margin-bottom: 40px;
	}
	
	.btn-open{
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.col-md-6-or p:first-child{
		font-size: 16px;
	}
	
	.col-md-6-or p:last-child{
		margin-top: 0;
		font-size: 14px;
	}
	
.popup,.popup2,.popup3,.popup4 {
  	width: 90%;
	height: 250px;
	bottom: inherit;
	top: 30px;
}
	
.popup-content,.popup-content2,.popup-content3,.popup-content4{
  margin: 60px auto 0 auto;
  width: 100%;
}
	
	
	
}

.fullscreen-bg__video{
	display: block;
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
    z-index: 0;
}

@media screen and (max-width: 767px) {
	.fullscreen-bg__video{
		display: none;
	}
}

/* コンタクトフォーム */
.contactcontent p {
	margin-bottom: 0;
}

.contactcontent {
	border-bottom: none;
	max-width: 700px;
	margin: auto;
	padding-bottom: 0;
}

.contactcontent p {
	color: #454545;
	font-size: 18px;
	line-height: 1.0;
	margin: 0 0 40px;
	position: relative;
}

.contactcontent label {
	color: #454545;
	font-size: 18px;
	line-height: 1.0;
	display:block;
	flex-basis: 90px;
}

.contactcontent .en {
	color: #808080;
	font-size: 16px;
	line-height: 1.0;
}

.contactcontent .req {
	background: #C32F2F;
	border-radius: 2px;
	color: #FFF;
	font-size: 14px;
	line-height: 1.0;
	text-align: center;
	padding: 3px;
	position: absolute;
	right: 0;
}

.contactcontent input {
	border: 1px solid #B1B1B1;
	background: #F8F8F8;
	border-radius: 2px;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 5px;
}

.contactcontent .wpcf7-not-valid-tip{
	margin-top:7px;
}

/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #F2DEDE; border: 1px solid #dc3545;}
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 form .wpcf7-response-output {margin: 10px 0 20px; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #B94A48; background-color: #F2DEDE; border: 1px solid #F2DEDE;}
.wpcf7 form.invalid .wpcf7-response-output{border: 1px solid #dc3545;}
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}

/* 確認画面のフィールド背景色や枠線を消す */
.contactcontent .wpcf7c-conf, .contactcontent .wpcf7c-conf:focus,.edge-autofilled,input:-internal-autofill-selected{
  background-color:#fff!important;
  border: none;
}


.contactcontent .wpcf7-form-control-wrap {
	display: block;
	margin: 10px 0 0;
}

.contactcontent .wpcf7-radio {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.contactcontent .mail-add label:last-child {
	display: block;
	margin: 30px 0 0;
}

.contactcontent textarea {
	box-sizing: border-box;
	border: 1px solid #B1B1B1;
	background: #F8F8F8;
	border-radius: 2px;
	max-height: 200px;
	resize: vertical;
	width: 100%;
	padding: 10px 5px;
}

.contactcontent .form-privacy p:first-child {
	background: #F0F0F0;
	font-size: 18px;
	line-height: 1.6;
	text-align: center;
	padding: 20px 10px;
}

.contactcontent .form-privacy p:nth-of-type(3) {
	background: #F0F0F0;
	text-align: center;
	padding: 20px 10px;
}

.contactcontent .form-privacy p:nth-of-type(3) span {
	font-size: 18px;
}

.contactcontent .form-privacy .req {
	font-size: 14px!important;
	position: static;
}

.contactcontent .form-privacy input[type="submit"] {
    border: none;
    background: #3A5CAC;
    border-radius: 50px;
    box-sizing: border-box;
	box-shadow: 3px 3px 5px #00000029;
	color: #FFF;
	display: block;
	font-size: 20px;
    width: 50%;
    margin: auto;
    padding: 10px 5px;
}

.contactcontent .form-privacy input.wpcf7c-btn-back {
    border: none;
    background: #CCC;
    border-radius: 50px;
	box-shadow: 3px 3px 5px #00000029;
	color: #FFF;
	display: block;
	font-size: 20px;
    width: 50%;
    margin: auto;
	padding: 10px 5px;
}

.contactcontent .form-privacy input.submit-btn {
    background: #3A5CAC;
}

input[type=checkbox] {
	height: 15px;
	width: 15px;
	vertical-align: 0;
}

.contactcontent .training_contact{
	display:flex;
	flex-wrap:nowrap;
}

.contactcontent .training_contact p{
	margin-right:15px;
}

.contactcontent .training_contact p:last-child{
	margin-right:0;
}

.optune_location{
	border: 1px solid #bbb;
	padding: 18px 30px;
	margin-top: 40px;
}

.contactcontent .optune_location p{
	;line-height: 1.8;
	margin: 0;
	font-size: 15px;
}

@media screen and (max-width: 750px) {
	body{
		line-height: 1.5;
	}
	
	.heading_1{
		font-size: 1.5em;
	}
	
.contactcontent .training_contact{
	display:block;
}
	
	.contactcontent .training_contact p{
		margin: 0;
	}
	
	
.contactcontent {
	width: 94%;
}

.contactcontent p {
	font-size: 14px;
}

.contactcontent label {
	font-size: 14px;
}

.contactcontent .en {
	font-size: 12px;
}

.contactcontent .req {
	font-size: 11px;
}

.contactcontent .personal-info .wpcf7-list-item label span {
	font-size: 12px;
}

.contactcontent .form-privacy p:first-child {
	font-size: 13px;
}

.contactcontent .form-privacy p:nth-of-type(3) span {
	font-size: 14px;
}

.contactcontent .form-privacy .req {
	font-size: 12px!important;
}

.contactcontent .form-privacy input {
	margin: 0;
	padding: 0;
}

.contactcontent .form-privacy input[type="submit"] {
	font-size: 18px;
    width: 88%;
}

.contactcontent .form-privacy input.wpcf7c-btn-back {
	font-size: 18px;
    width: 88%;
}
}

@media screen and (min-width: 751px) {
.contactcontent .personal-info .wpcf7-list-item {
	border: 1px solid #B1B1B1;
	border-radius: 2px;
	width: 49%;
	margin: 0 0 2% 0;
}

.contactcontent .personal-info .wpcf7-list-item label {
	display: block;
	padding: 20px 0 20px 35px;
	position: relative;
}

.contactcontent .personal-info .wpcf7-list-item label span {
	font-size: 13px;
	line-height: 1.0;
}

.contactcontent .personal-info .wpcf7-list-item label span .en {
	display: block;
	margin: 8px 0 0;
}

.contactcontent .personal-info input {
	width: auto;
	position: absolute;
	left: 10px;
	top: 43%;
	margin: 0 0;
}

.contactcontent .selectform,
.contactcontent .arrowdown,
.contactcontent .arrowup,
.contactcontent .selectlabel {
	display: none;
}
}

@media screen and (max-width: 750px) {
.contactcontent .personal-info {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	border-radius: 2px;
	color: #454545;
}

.contactcontent .personal-info .wpcf7-list-item-label, .personal-info .selectlabel {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 5% 1em 1em 3em;
}

.contactcontent .personal-info .wpcf7-list-item {
	margin: 0 0 20px;
	border: 1px solid #808080;
	width: 100%;
	border-radius: 2px;
	}
.contactcontent .personal-info .wpcf7-form-control-wrap {
	line-height: 1.0;
    margin: 10px 0 0;
}
	.contactcontent .personal-info label{
		position: relative;
}
	
	.contactcontent .personal-info input{
	width: auto;
    position: absolute;
    left: 10px;
    top: 30%;
    margin: 0 0;
	}	
}

@media screen and (max-width: 750px) {
#mapping {
	display: none;
	}
	
	.title-line{
		display: none;
	}
	
	
	tr.sp_table,tr.sp_table td{
    display: block;
    width: 100%;
    position: relative;
  }
	
	tr.sp_table{
		margin-bottom: 10px;
  }
	
	tr.sp_table td:first-child{
    background: #4a69b4;
    color: #fff;
    font-weight: bold;
    padding: 10px;
  }	
	
	tr.sp_table td:nth-child(3):before{
    content: "〒";
}
	}

.recaptcha_policy {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 11px !important;
  color: #444 !important;
}
.recaptcha_policy a {
  font-size: 11px !important;
  color: #111 !important;
}
.grecaptcha-badge { visibility: hidden; }

.closing{
	display: none;
}

/** 会員ページ **/

.entrance{
	background-image: url("hcp/special/img/01_top.jpg");
	background-position: center top;
	min-height: 595px;
}

.seminarmovie{
	background-image: url("hcp/special/img/02_eposter.jpg");
	background-position: center top;
	min-height: 710px;
}

.seminarmovie{
	background-image: url("hcp/special/img/03_movie.jpg");
	background-position: center top;
	min-height: 815px;
}

.seminarmoviedetail{
	background-image: url("hcp/special/img/04_moviedetail.jpg");
	background-position: center top;
	min-height: 815px;
	background-repeat: no-repeat;
}

.others{
	background-image: url("hcp/special/img/05_other.jpg");
	background-position: center top;
	min-height: 815px;
}

.othersmoviedetail{
	background-image: url("hcp/special/img/06_otherdetail.jpg");
	background-position: center top;
	min-height: 815px;
}

.treatise{
	background-image: url("hcp/special/img/07_paper.jpg");
	background-position: center top;
	min-height: 815px;
}

.eposter{
	background-image: url("hcp/special/img/08_eposter.jpg");
	background-position: center top;
	min-height: 815px;
}

.material{
	background-image: url("hcp/special/img/09_material01.jpg");
	background-position: center top;
	min-height: 815px;
}

.material_bottom{
	background-image: url("hcp/special/img/09_material02.jpg");
	background-position: center top;
	min-height: 119px;
}


.seminarmovie .entrycontent{
	border: none;
}

.member-news{
	color: #4a69b4;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

.member-title{
	font-weight: bold;
	text-align: center;
	font-size: 30px;
	padding: 40px 10px;
	line-height: 0.9;
}

.member-title span{
	font-size:18px;
}

.board{
	max-height: 550px;
	max-width: 880px;
	overflow-y: scroll;
	margin: auto;
	padding-right: 20px;
}

.sp_entrance{
display: none;
}

.member-contents{
    display: flex;
    flex-wrap: wrap;
}

.member-contents li{
    flex-basis: 336px;
    margin-bottom: 30px;
    margin-right: 50px;
}
.member-contents li.mc01{
        background: url("hcp/special/img/content01_2.png") no-repeat;
}
.member-contents li.mc02{
        background: url("hcp/special/img/content02_2.png") no-repeat;
}
.member-contents li.mc03{
        background: url("hcp/special/img/content03_2.png") no-repeat;
}
.member-contents li.mc04{
        background: url("hcp/special/img/content04_2.png") no-repeat;
}
.member-contents li.mc05{
        background: url("hcp/special/img/content05_2.png") no-repeat;
}
.member-contents li.mc06{
        background: url("hcp/special/img/content06_2.png") no-repeat;
}
.member-contents li.mc07{
        background: url("hcp/special/img/content07_2.png") no-repeat;
}
.member-contents li.mc08{
        background: url("hcp/special/img/content08_2.png") no-repeat;
}
.member-contents li.mc09{
        background: url("hcp/special/img/content09_2.png") no-repeat;
}
.member-contents li.mc10{
        background: url("hcp/special/img/content10_2.png") no-repeat;
}

.member-contents li a:hover img {
    visibility: hidden;
}

@media screen and (max-width: 750px) {
.entrance{
    display: none;
}

.sp_entrance{
display: block;
}
    
.member-contents{
    display: block;
}

.member-contents li{
    margin-right: auto;
    margin-left: auto;
    max-width: 336px;
}
    
    .member-newsinfo li{
    margin-bottom: 20px;
}
}

/* スクロールの幅の指定 */
.board::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* スクロールの背景の設定 */
.board::-webkit-scrollbar-track {
  background: #fff;
}

.board::-webkit-scrollbar-thumb {
  background: #4a69b4;
}

.seminar-set{
	max-width: 880px;
	display: flex;
	border-top:1px solid #999;
	padding: 15px 0 0;
	margin:15px auto 0;
	justify-content:space-between;
	align-items:center;
}

.treatise .seminar-set:first-child{
	border-top:none;
}

.seminartitle{
	width: 480px;
    font-size:1.4rem;
}

.treatise .seminartitle{
	width: 480px;
}

.eposter .seminartitle{
	width: 530px;
}

.seminartitle p{
	margin-bottom: 0;
    line-height:1.8;
}

.eposter .seminartitle p{
	margin-bottom: 20px;
	line-height: 1.6;
}

.eposter .seminartitle p span{
	font-weight:bolder;
}

.seminarimage{
	width: 235px;
}

.seminarimage img{
	width: 100%;
    height: auto;
    max-width: none;
}

.eposter .seminarimage{
	width: 280px;
}

.detailbutton {
	width: 100px;
	padding: 5px;
	border: 1px solid #4a69b4;
	background: white;
	text-align: center;
}

.seminar-set label{
	margin-bottom:0;
	cursor: pointer;
}

.watchbutton {
	width: 100px;
	padding: 5px;
	border: 1px solid #4a69b4;
	background: #4a69b4;
	text-align: center;
	color:white;
}

.authors{
	width: 135px;
}

.treatise .watchbutton {
	width: 150px;
}

.watchbutton a{
	color:white;
	text-decoration:none;
}

.seminarmoviedetail .board, .othersmoviedetail .board{
	overflow-y: hidden;
}

.seminarmoviedetail iframe{
	width: 75%;
	left:119px;
}

.seminarmoviedetail .movie{
	padding-top: 44.25%!important;
}

.smdetail{
	width: 620px;
	margin: 0 auto;
	text-align: center;
	padding:30px 0 10px;
	font-size: 14px;
	font-weight: bold;
}

.seminarmoviedetail .entrycontent, .others .entrycontent, .othersmoviedetail .entrycontent, .treatise .entrycontent,.eposter .entrycontent{
	border: none;
}

.otherdetail{
	width: 670px;
	margin: 30px auto 0;
}

.otherdetail h4{
	text-align:center;
	font-weight: bold;
	padding-bottom: 6px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ededed;
}

.otherdetail p{
	margin-bottom:3px;
	  padding-left: 5em;
}

.others .board{
	max-height:500px;
}

.othersmoviedetail iframe{
	width: 75%;
	left:119px;
}

.othersmoviedetail .movie{
	padding-top: 44.25%!important;
}

.treatise .board{
	max-height: 590px;
}

.paperdetail_wrap{
	width: 100%;
	min-height:650px;
	margin: 0 auto;
	background: white;
	padding: 30px 50px;
}

.paperdetail_wrap H2{
	color:#4a69b4;
	font-weight: bold;
	font-size:20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
	margin-bottom: 30px;
}

.pubmed{
	display: flex;
	width: 580px;
	margin: 40px auto 5px;
	align-items: center;
}

.pubmed p{
	padding: 10px 20px;
	text-align: center;
	width: 250px;
	background: #4a69b4;
	margin-right: 30px;
	align-self:stretch;
	vertical-align: middle;
}

.pubmed p a{
	text-decoration:none;
	color:white;
}

.bold {
	font-weight: bold;
}

.right{
	text-align: right;
	display: block;
}

.excerpt{
	background-color: #f2f8ff;
	padding: 40px 50px;
}

.search-highlight {
font-weight: bold;
background: linear-gradient(transparent 60%, #ffff66 60%);
}

.serchresult {
	margin-top: 30px;
	border-top: 1px solid #ddd;
	padding-top: 15px;
}
.serchresult li{
	margin-bottom: 20px;
	padding-bottom: 2px;
	border-bottom: 1px solid #ddd;
}

.serchresult li p{
	margin-bottom: 0;
}

.permalinks{
	font-size: 10px;
	color:#999;
	word-break: break-all;
}

.seminarmoviedetail .swpm-post-not-logged-in-msg, .othersmoviedetail .swpm-post-not-logged-in-msg, .eposter .swpm-post-not-logged-in-msg{
	text-align: center;
	padding-top: 150px;
}

.goback{
    padding: 10px 20px;
    text-align: center;
    width: 250px;
    background: #4a69b4;
    margin: 30px auto;
    align-self: stretch;
    vertical-align: middle;
}

.goback a{
	color:white;
}

.spmaterial{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.spmaterial li{
    width: 300px;
    text-align: center;
    line-height: 1.4;
    margin-right: 40px;
    margin-bottom: 30px;
}

.spmaterial li:nth-of-type(3n){
    margin-right: 0;
}

.spmaterial img{
    display: inline;
}

.spmaterial li p{
    margin-top: 8px;
}

@media screen and (max-width: 750px) {
    
    .spmaterial{
    justify-content: space-between;
}
    .spmaterial li{
    width: 47%;
    margin-right: 0;
        font-size: 1.4rem;
}
    }

@media screen and (max-width: 750px) {
    .board,.treatise .board{
    overflow: auto;
    max-height: inherit;
    max-width: inherit;
        padding-right: 0;
        padding-bottom: 30px;
    }
    
    .seminar-set{
        display:block;
    }
    
    .seminartitle{
    width: 100%;
    }
    
    .seminarimage{
        margin: 15px auto 30px;   
    }
    
    .watchbutton{
    width: 80%;
    margin: auto;
    }
    
    
    .smdetail{
    width: 100%;
        padding-top: 0;
    }
    
    .seminarmoviedetail iframe,.othersmoviedetail iframe{
        left: 0;
        width: 100%;
    }
    
    .movie iframe{
        top:0;
        position: inherit;
    }
    
    .seminarmoviedetail .movie,.othersmoviedetail .movie{
        padding-top: 0!important;
    }
    
    .seminarmovie,.seminarmoviedetail,.others,.othersmoviedetail,.treatise,.eposter{
        background:none;
        background: #f7faff;
        min-height: inherit;
    }
    
    .otherdetail{
        width: 100%;
    }
    
    .otherdetail p{
    padding: 10px 15px;
    }
    
    .seminar-set{
        display: block;
    }
    
    .authors{
    width: 100%;
    padding-bottom:10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #999;
    }
    
    .treatise .seminartitle{
    width: 100%;
    }
    
     .treatise .seminartitle .title01{
         margin-bottom: 30px;
    }
    
    .seminartitle p.title0{
    text-align: center;
    margin: 0;
    }
    
    .paperdetail_wrap{
    padding: 20px;
        min-height: inherit;
    }
    
    .pubmed{
        display: block;
        width: 100%;
    }
    
    .pubmed p{
    margin: 10px auto;
    }
    
    .eposter .seminartitle{
    width: 100%;
    }
    
    
}

#sidebar #news{
	padding-top: 20px;
}

.swpm-join-us-link{
	display: none;
}

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

:focus-visible{
	outline: none;
}

button:focus{
	outline: none;
}

li.medium{
	margin-right: 3px;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
}

input{
	font-size: 14px;
}


/*groball*/
div.grobal-comment {
	width: 85%;
	margin: 0 auto 80px;
}

@media screen and (min-width: 751px) {
div.form-name.grobal {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

div.form-name.grobal p {
	width: 49%;
}
}

div.form-select.grobal select {
	border: 1px solid #B1B1B1;
	border-radius: 2px;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 5px;
}

div.form-agree {
	display: -webkit-flex;
	display: flex;
	position: relative;
}

div.form-agree .form-checkbox .wpcf7-not-valid-tip {
    position: absolute;
    bottom: -20px;
    left: 35px;
    width: 300px;	
}

div.form-agree .form-checkbox .wpcf7-form-control-wrap {
	position: static;
}

@media screen and (min-width: 751px) {
.contactcontent .personal-info.grobal .wpcf7-list-item {
	width: 32%;
	margin: 0;
}
}

.contactcontent .form-privacy.grobal {
	position: relative;
}

.contactcontent .form-privacy.grobal .form-privacy {
	padding: 0 0 0 1em;
}

.contactcontent .form-privacy.grobal .form-checkbox {
     -webkit-order: -1;
    order: -1;
}

.contactcontent .form-privacy.grobal .form-checkbox .wpcf7-list-item {
    margin: 0;
}

.contactcontent .form-privacy.grobal p:first-child,
.contactcontent .form-privacy.grobal p:nth-of-type(3) {
	background: none;
	text-align: left;
}

.contactcontent .form-privacy.grobal p:nth-of-type(3) {
	padding: 0;
}

/** 患者向けポータルFAQのアコーディオン **/

div.limited{
	padding: 30px;
    flex-basis: 50%;
    max-width:860px;
    margin:0 auto;
	border: 1px solid #333;
	border-right: none;
	border-collapse: collapse;
}

div.limited span{
    color: red;
    font-size: 1.4rem;
}

div.row-movie{
	flex-basis: 50%;
}

div.each-movie{
		border: 1px solid #333;
	border-collapse: collapse;
	padding: 30px;
}

div.doctor_m{
    display:flex;
    max-width: 780px;
    margin: 50px auto;
}

div.doctor_m img{
    width: 210px;
    height: 210px;
    display: inline;
}

.limited_img{
    flex-basis: 250px;
}

p.limited_1{
    border: 3px solid #333;
    padding: 0 5px;
    text-align: center;
    font-weight: bold;
    width: 120px;
    display: inline-block;
    margin-top: 25px;
}

p.limited_3{
    font-size: 2.8rem;
    font-weight: bold;
}

p.limited_3 span{
    color: #333;
    font-size:1.6rem;
}

@media screen and (max-width: 960px) {
	div.separate{
		display: block;
	}
		
div.limited{
	border: none;
}

div.each-movie{
		border: none;
	padding: 5px;
}
		
	
}

@media screen and (max-width: 750px) {
    div.doctor_m{
        display: block;
    }
    
    div.doctor_m img{
    width: 95%;
    height: 95%;
    display: block;
}    
}
/** 患者向け初回のみモーダル **/
.layer_board_bg,
.layer_board {
position: absolute;
}
.layer_board_bg {
position: fixed;
width: 100%;
height: 100%;
z-index: 1000;
top: 0;
left: 0;
display: none;
cursor: pointer;
background: #000;
}
.layer_board {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
text-align: center;
z-index: 2000;
padding: 50px
}
.layer_board p {
margin-bottom: 50px
}
.btn_close {
display: block;
text-decoration: none;
background: #000;
color: #fff;
text-align: center;
padding: 20px 40px;
width: 200px;
margin: 0 auto
}

.swpm-post-not-logged-in-msg{
    text-align:center;
}


/**  NEW TOP 患者様用   **/
section.width-wrap{
    width:100%;
    position: relative;
}

.kv{
    background-image: url("patients/top/kv01.jpg") ;
    min-height: 570px;
}

.kv_2{
    background-image: url("patients/top/lua_kv01.jpg") ;
}

.kv02{
    background-image: url("patients/top/kv02.png") ;
    min-height: 740px;
    top:-95px;
}

.kv02_2{
    background-image: url("patients/top/kv02_2.png") ;
}

.kv03{
    background-image: url("patients/top/kv03.png") ;
    min-height: 740px;
    top:-170px;
}

div.contents-wrap{
    position: relative;
    margin: auto;
	width: auto;
	padding: 50px;
}

.pflogo{
position: absolute;
    top:190px;
    right: 0;
}

.kv-contents{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
    top:220px;
}

.kv03 .kv-contents{
    top:150px;
}

.kv-text h2{
    font-size:26px;
    font-weight: bold;
    color:#4d59ab;
    margin-bottom: 30px;
}

.kv-text p{
    font-size: 18px;
    margin-bottom: 40px;
}

.kv-text a, .newsarchive a{
    color: #fff;
    display: inline-block;
    padding: 10px 1em;
    background: #df4b23;
    text-align: center;
    font-size: 15px;
}

.kv-text a:hover, .newsarchive a:hover{
    color: #fff;
}

.kv-text a::after, .newsarchive a::after{
content: "";
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
    font-weight: 900;
    margin-left: 40px;
    margin-right: 0;
    color: #fff;
}

.topicnews{
    top:-80px;
}
    
.topicnews h2{
    font-size:26px;
    font-weight: bold;
    color:#4d59ab;
    margin-bottom: 30px;
    text-align: center;
}

.topicnews div.contents-wrap{
    width: 850px;
    margin: auto;
}

.newsarchive{
    text-align: center;
    margin-top: 50px;
}

.hcp-topics .newsarchive{
    margin-top: 25px;
}
/** LUA　HCP **/
.kv-luahcp{
    background-image: url("assets/img/kv-luahcp.jpg") ;
    min-height: 400px;
}


/** HCP **/

.kv-hcp{
    background-image: url("hcp/top/kv-hcp.jpg") ;
    min-height: 400px;
}

.patientforward{
    padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hcp-sec01{
    background: linear-gradient(90deg, rgba(77,89,171,1) 0%, rgba(77,89,171,1) 45%, rgba(230,237,255,1) 45%, rgba(230,237,255,1) 100%);
}

.sec01{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 40px;
}

.hcp-news{
    flex-basis: 43%;
	flex-basis: 40%;
    padding: 30px;
}

.hcp-news h2{
    font-size:24px;
    font-weight: bold;
    color:white;
    margin-bottom: 30px;
}

.hcp-topics{
	flex-basis: 51%;
	padding: 0;
}

.hcp-topics h2{
    font-size:24px;
    font-weight: bold;
    color:#4d59ab;
    margin-bottom: 30px;
}

.hcp-intro{
    display: block;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 25px;
}

.hcp-sec02{
    background-image: url("hcp/top/sec02-bg.png");
    background-repeat: repeat;
}

.sec02{
    padding-top: 60px;
}

.sec02 h2{
    font-size:24px;
    font-weight: bold;
    color:#4d59ab;
    margin-bottom: 30px;
    text-align: center;
}

.hcp-movies{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 25px;
}

.hcp-movies div.movie{
    margin-bottom: 10px;
}

.hcp-movies article{
    flex-basis:30%;
    margin-bottom: 50px;
}

.hcp-movies article p{
    line-height: 1.5;
}

.sec02 h3{
    font-size:1.8rem;
	color:#4d59ab;
	font-weight: bold;
}

.hcp-sec03{
    background-image: url("hcp/top/evidence-bg.jpg");
    background-repeat: no-repeat;
	background-size: cover;
}

.hcp-sec03 h2{
    font-size:30px;
    font-weight: bold;
    color:#fff;
    margin-bottom: 30px;
    text-align: center;
    padding-top: 120px;
}

.sec03{
    min-height: 645px;
}

.evi-search{
    margin:40px auto 20px;
    text-align: center;
    border-bottom: 1px solid white;
    padding-bottom: 40px;
}

.evi-tag{
    width: 640px;
    margin: auto;
}

.evi-tag p{
    color:white;
}

.evi-tag ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}

.evi-tag ul li{
    color:white;
    border:1px solid white;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.evi-tag ul li:hover{
    background: #fff;
}

.evi-tag ul li a{
    color:white;
    padding:2px 10px;
    display: block;
}

.evi-tag ul li a:hover{
    color:#df4b23;
    opacity: 1;
}

.evi-tag ul li a::before{
        content: "#";
}

.el-wrap{
    background-image: url("hcp/top/sec02-bg.png");
    background-repeat: repeat;
}

.el-wrap h2{
    font-size:30px;
    font-weight: bold;
    color:#4d59ab;
    margin-bottom: 30px;
    text-align: left;
    padding-top: 40px;
    padding-bottom: 10px;
    border-bottom: 2px solid #4d59ab;
}

.el-wrap article{
    margin-bottom: 30px;
}

.el-wrap article:last-child{
    padding-bottom: 100px;
    margin-bottom: 0;
}

.el-cat{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.el-cat li{
    margin-right: 15px;
    padding: 2px 10px;
    border: 1px solid #333;
    font-size: 1.4rem;
    background: white;
}

.el-detail{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 20px;
    border-bottom: 1px solid #999;
}

.el-text{
    flex-basis: 780px;
}

.el-detail .newsarchive{
    flex-basis:220px;
    margin-left: 50px;
}

.el-title{
    font-weight:bold;
    font-size: 1.8rem;
    line-height: 1.65;
}

.el-matters{
    font-size:1.4rem;
    margin-bottom: 0;
	word-break: break-all;

}

.eviden-title{
    padding-top: 40px;
    border-bottom: 2px solid #4d59ab;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.abstract{
    border-radius: 10px;
    border: 2px solid #4d59ab;
    padding: 30px;
    margin-bottom: 20px;
    background: white;
}

.abstract h3{
    font-size: 3.0rem;
    font-weight: bold;
}

.abstract strong{
    color:#df4b23;
}

.abstract p{
    margin-bottom: 25px;
    line-height: 1.5;
}
    
.el-tag{
    border-bottom: 1px solid #aaa;
    margin-bottom: 20px;
}

.el-tag p{
    font-weight: bold;
}

.el-tag ul{
    display: flex;
    margin-right: 20px;
    margin-bottom: 0;
    flex-wrap: wrap;
}

.el-tag ul li{
    padding:2px 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    background: #4d59ab
}

.el-tag ul li a{
    color:white;
}

.el-tag ul li a:hover{
    text-decoration: underline;
    opacity: 1;
}

.el-tag ul li a::before{
        content: "#";
}

.lastlink{
    display: flex;
    justify-content: center;
    padding-bottom: 60px;

}

.lastlink div{
    margin-right: 60px;
}

.hcp-sec04{
    background-image: url("hcp/top/evidence-loginbg.jpg");
    background-repeat: no-repeat;
}

.sec04 {
    min-height: 653px;
}

.hcp-sec04 h2{
    font-size:30px;
    font-weight: bold;
    color:#4d59ab;
    margin-bottom: 30px;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 10px;
    line-height: 1.2;
}
.hcp-sec04 h2 span{
    font-size:2rem;
}

.recommend{
    padding: 40px;
    border: 2px solid #4d59ab;
    border-radius: 10px;
    background: white;
    margin: auto;
}

.recommend p{
    text-align: center;
    font-size: 1.8rem;
}

p.notice{
    font-weight: bold;
    font-size:2rem;
    line-height: 1.4;
    padding-bottom: 15px;
    border-bottom: 1px solid #4d59ab;
    text-align: left;
    margin-bottom: 70px;
}

.recommend .lastlink div.newsarchive a{
    width: 200px;
}

.recommend .lastlink div.newsarchive:first-child a{
    background: #4d59ab; 
}

.recommend .lastlink{
    padding-bottom: 0;
}

.image01 img{
	width: 285px;
	width: auto;
}



/*------------------------------------------*/
/* TB用 （768px以下）*/
@media screen and (max-width: 960px) {
	
	div.contents-wrap{
		width: 100%;
		padding: 15px 0;
	}
	
	.patientforward{
		justify-content: space-around;
	}
	
	.pf-txt,.pf-img{
		width: 40%;
	}
	
	.hcp-news{
		flex-basis: 45%;
	}
	
	.hcp-topics{
		flex-basis: 55%;
		padding: 30px;
	}
	
	.hcp-intro{
		display: block;
	}
	
	div.sec02{
		width: 94%;
	}	
	
	
	section.el-wrap {
    width: 92%;
    margin: auto;
	}
	
	.el-text{
		flex-basis: 700px;
	}
	
	div.sec04{
		width: 92%;
		margin: auto;
	}
	
	.hcp-sec04 h2{
		color: #fff;
		text-shadow: 1px 1px 3px #444;
	}	
	
	
	
}














/*------------------------------------------*/
/* SP用 （599px以下）*/
@media screen and (max-width: 599px) {
	
/*------------------------------------------*/
			/*HCP向けページ用*/
/*------------------------------------------*/	
	
	.kv-hcp{
	background-image: url(hcp/top/sp_kv-hcp.jpg);
	background-size:cover;
    min-height: 465px;
	}
	
	.patientforward{
		flex-direction: column-reverse;
		padding-top: 70px;
	}
	
	 .patientforward .pf-img{
		 width: 65%;
		 margin-bottom: 120px;
	}
	
	 .patientforward .pf-txt{
		 width: 70%;
	}	
	
	.sec01{
		display: block;
		padding-bottom: 0;
	}
	
	.hcp-sec01{
		background:unset;
	}
	
	.hcp-news{
		background: rgba(77,89,171,1);
	}
	
	.hcp-topics{
		background: rgba(230,237,255,1);
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.hcp-topics h2{
		text-align: center;
	}
	
	.hcp-topics p{
		line-height: 1.7;
	}

	
	.hcp-intro{
		display: block;
	}
	
	.image01 img{
		width: 320px;
		height: 205px;
	}
	
	.hcp-movies{
		display: block;
		width: 90%;
		max-width: 330px;
		margin: auto;
	}
	
	.hcp-sec03{
	background-image: url(hcp/top/sp_evidence-bg.jpg);
	background-size:cover;
	}
	
	.evi-search{
	width: 90%;
	}
	
	
	
	.evi-tag{
		width: 90%;
		margin: auto;
	}
	
	.hcp-sec03 .newsarchive{
		margin-top: 10px;
		padding-bottom: 50px;
	}
	
	
/*------------------------------------------*/
			/*患者様向けページ用*/
/*------------------------------------------*/
	.kv{
	background-image: url(patients/top/sp_kv01.jpg);
	background-size:cover;
    min-height: 425px;
	}
	
	div.contents-wrap{
		width: 100%;
	}
	
	.topicnews div.contents-wrap{
		width: 100%;
	}
	
	.pflogo{
		width: 80%;
		margin: auto;
		position: inherit;
		right: inherit;
		top:300px;
	}
	
	.kv02 {
		background-image: url(patients/top/sp_kv02.jpg);
		background-size:cover;
		min-height: 680px;
		top: 0;
	}
	
	.kv02 .kv-contents{
		display: block;
		width: 94%;
		margin: auto;
		top:70px;
		position: relative;
	}
	
	.kv-text h2{
		text-align: center;
	}
	
	.kv-text p{
		font-size: 1.6rem;
		line-height: 1.5;
	}
	
	.kv-text a{
		margin: auto;
		display: block;
		width: 70%;
		position: relative;
		top: 315px;
	}
	
	.kv-image{
		width: 80%;
		margin: auto;
		position:relative;
    	top: -60px;
	}
	
	.kv03 {
		background-image: url(patients/top/sp_kv03.jpg);
		background-size:cover;
		min-height: 790px;
		top: 0;
	}
	
	.kv03 .kv-contents{
		display: block;
		width: 94%;
		margin: auto;
		top:175px;
		position: relative;
	}
	
	.kv03 .kv-image{
		top:130px;
	}
	
	.kv03 .kv-text{
		position: relative;
		top:-360px;
	}
	
	.kv03 .kv-text a{
		width: 95%;
		font-size: 1.3rem;
	}
	
	.kv03 .kv-text a::after{
		margin-left: 5px;
	}
	
	
	.topicnews{
		
		top:0;
	}
	
	section.el-wrap{
		width: 92%;
		margin: auto;
	}
	
	.el-detail{
		display: block;
	}
	
	.el-detail .newsarchive{
		margin: 30px auto 0;
	}
	
	.abstract{
		padding: 10px;
	}
	
	.lastlink div{
		margin-right: 0;
	}
	
	.hcp-sec04 h2{
		color: #fff;
		text-shadow: 1px 1px 3px #444;
	}
	
	section.hcp-sec04{
		background-size:cover;
		padding-bottom: 35px;
	}
	
	div.sec04{
		width: 92%;
		margin: auto;
	}
	
	.recommend{
		padding: 15px;
		padding-bottom: 30px;
	}
	
	p.notice{
		margin-bottom: 25px;
	}
	
	.lastlink{
		display: block;
	}
	
	.lastlink .newsarchive{
		margin-top: 25px;
	}
	
	.el-cat li{
		margin-bottom: 15px;
	}
    
}
/* SP用　ここまで*/
/*------------------------------------------*/


.spformats{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
  align-items: center;
	margin-bottom: 45px;
}

.spformats li{
border: 1px solid #999;
border-radius: 10px;

background: #fff;
position: relative;
flex-grow: 1;
margin-right: 20px;
}

.spformats li a{
height: 125px;
display: grid;
place-items: center;
font-weight: bold;
font-size: 2.6rem;
line-height: 1.35;
color: #000;
text-decoration: none;
text-align: center;
}

.spformats li a::after{
position: absolute;
content: url("assets/img/excel-icon.png");
top:30px;
left: 30px;
	}
    
		
.spformats li a span{
position:relative;
left:30px;
}

.caution_format{
font-size: 2.4rem;
font-weight: bold;
text-align: center;
line-height: 1.4;
}

/*------------------------------------------*/
/* SP用 （768px以下）*/
@media screen and (max-width: 767px) {
.spformats{
display: block;
margin-bottom: 25px;
}

.spformats li{
border: 1px solid #999;
border-radius: 10px;
background: #fff;
position: relative;
margin-right: 0;
margin-bottom: 25px;
}

.spformats li a{
height: 125px;
display: grid;
place-items: center;
font-weight: bold;
font-size: 1.8rem;
line-height: 1.35;
color: #000;
text-decoration: none;
text-align: center;
}

.spformats li a::after{
position: absolute;
content: url("assets/img/excel-icon.png");
top:30px;
left: 10px;
	}
	
	.caution_format{
font-size: 2rem;
font-weight: bold;
text-align: center;
line-height: 1.4;
}
}